fix(sortableList)：column list control (#168)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/pro-editor",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "🌟 Lightweight Editor UI Framework",
   "homepage": "https://github.com/ant-design/pro-editor",
   "bugs": {

src/SortableList/__tests__/index.test.tsx

@@ -0,0 +1,43 @@
+import { act, fireEvent, render } from '@testing-library/react';
+import { Button } from 'antd';
+import { useState } from 'react';
+import { SortableList } from '../index';
+
+const Demo = () => {
+  const [list, setList] = useState(['hello', 'world']);
+
+  return (
+    <>
+      <SortableList
+        value={list}
+        onChange={(value) => {
+          console.log('change value', value);
+          setList(value);
+        }}
+        SHOW_STORE_IN_DEVTOOLS
+      />
+      <Button
+        type="primary"
+        onClick={() => {
+          setList(['foo', 'bar', 'yes']);
+        }}
+        style={{ marginTop: 8 }}
+      >
+        Set Data
+      </Button>
+    </>
+  );
+};
+
+describe('SortableList', () => {
+  it('toggleSetData', () => {
+    const { getByText } = render(<Demo />);
+    const setDataButton = getByText('Set Data');
+    act(() => {
+      fireEvent.click(setDataButton);
+    });
+    expect(getByText('foo')).toBeInTheDocument();
+    expect(getByText('bar')).toBeInTheDocument();
+    expect(getByText('yes')).toBeInTheDocument();
+  });
+});

src/SortableList/container/StoreUpdater.tsx

@@ -48,7 +48,7 @@ const StoreUpdater = forwardRef(
     useStoreUpdater('initialValues', initialValues, [], (state) => {
       KeyManagerUpdater(state, 'initialValues');
     });
-    useStoreUpdater('value', value, [], (state) => {
+    useStoreUpdater('value', value, [value], (state) => {
       KeyManagerUpdater(state, 'value');
     });
     useStoreUpdater('actions', actions);