🐛 fix: SortableList 默认空数据处理

.dumirc.ts

@@ -60,8 +60,8 @@ export default defineConfig({
       {
         image:
           'https://mdn.alipayobjects.com/yuyan_qk0oxh/afts/img/UKqDTIp55HYAAAAAAAAAAAAAFl94AQBr',
-        title: '国际化',
-        description: '提供完备的国际化，与 Ant Design 体系打通，无需多余配置',
+        title: '通用编辑器组件',
+        description: '提供完备的编辑器组件，方便使用者定制自己的编辑器',
       },
 
       {

src/ColumnList/demos/empty.tsx

@@ -0,0 +1,53 @@
+import { EditFilled } from '@ant-design/icons';
+import type { ColumnItemList } from '@ant-design/pro-editor';
+import { ActionIcon, ColumnList } from '@ant-design/pro-editor';
+import { message } from 'antd';
+import { useState } from 'react';
+import { tableColumnValueOptions } from './mock_data/options';
+
+type SchemaItem = {
+  title: string;
+  valueType: string;
+  dataIndex: string;
+};
+
+const columns: ColumnItemList<SchemaItem> = [
+  {
+    title: '列标题',
+    dataIndex: 'title',
+    type: 'input',
+  },
+  {
+    title: '值类型',
+    dataIndex: 'valueType',
+    type: 'select',
+    options: tableColumnValueOptions,
+  },
+  {
+    title: '字段',
+    dataIndex: 'dataIndex',
+    type: 'select',
+  },
+];
+
+export default () => {
+  const [value, setValue] = useState(null);
+  return (
+    <ColumnList<SchemaItem>
+      columns={columns}
+      value={value}
+      actions={(field) => [
+        <ActionIcon
+          icon={<EditFilled />}
+          key={'edit'}
+          tabIndex={-1}
+          onClick={() => message.info(field.dataIndex)}
+        />,
+      ]}
+      onChange={(values) => {
+        console.log('onChange', values);
+        setValue(values);
+      }}
+    />
+  );
+};

src/ColumnList/index.md

@@ -36,6 +36,10 @@ order: 3
 
 <code src="./demos/custom.tsx" ></code>
 
+### 空数据
+
+<code src="./demos/empty.tsx" ></code>
+
 ## API
 
 <API id="ColumnList"></API>

src/SortableList/container/StoreUpdater.tsx

@@ -85,8 +85,10 @@ const StoreUpdater = forwardRef(
     // KeyManager 和 value & initialValues 同步。
     const KeyManagerUpdater = (state, key) => {
       const { keyManager } = storeApi.getState();
+      // value 为空处理
+      const value = state[key] || [];
       const manager = produce(keyManager, (draft) => {
-        state[key].forEach((__, index) => {
+        value.forEach((__, index) => {
           const key = draft.keys[index];
           if (key === undefined) {
             draft.keys[index] = draft.id;
@@ -96,7 +98,7 @@ const StoreUpdater = forwardRef(
         return draft;
       });
 
-      storeApi.setState({ keyManager: manager, [key]: state[key] });
+      storeApi.setState({ keyManager: manager, [key]: value });
     };
 
     useStoreUpdater('value', initialValues, []);