chore(setters): improve DataSourceSetter ui

alibaba · Jul 9, 2021 · 1c12f54 · 1c12f54
1 parent dd611b9
commit 1c12f54
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 10 deletions.
diff --git a/designable/setters/src/DataSourceSetter/TreePanel.tsx b/designable/setters/src/DataSourceSetter/TreePanel.tsx
@@ -8,6 +8,7 @@ import { Header } from './Header'
 import { traverseTree } from './shared'
 import { ITreeDataSource, INodeItem } from './types'
 import './styles.less'
+import { GlobalRegistry } from '@designable/core'
 
 export interface ITreePanelProps {
   treeDataSource: ITreeDataSource
@@ -75,16 +76,21 @@ export const TreePanel: React.FC<ITreePanelProps> = observer((props) => {
             type="text"
             onClick={() => {
               const uuid = uid()
-              props.treeDataSource.dataSource =
-                props.treeDataSource.dataSource.concat({
-                  key: uuid,
-                  duplicateKey: uuid,
-                  map: [
-                    { label: 'label', value: 'Label Text' },
-                    { label: 'value', value: 'Actual Value' },
-                  ],
-                  children: [],
-                })
+              const dataSource = props.treeDataSource.dataSource
+              props.treeDataSource.dataSource = dataSource.concat({
+                key: uuid,
+                duplicateKey: uuid,
+                map: [
+                  {
+                    label: 'label',
+                    value: `${GlobalRegistry.getDesignerMessage(
+                      `SettingComponents.DataSourceSetter.item`
+                    )} ${dataSource.length + 1}`,
+                  },
+                  { label: 'value', value: uuid },
+                ],
+                children: [],
+              })
             }}
             icon={<IconWidget infer="Add" />}
           >

diff --git a/designable/setters/src/locales/en-US.ts b/designable/setters/src/locales/en-US.ts
@@ -12,6 +12,7 @@ export default {
         addNode: 'Add Node',
         label: 'label',
         value: 'value',
+        item: 'Item',
       },
     },
   },

diff --git a/designable/setters/src/locales/zh-CN.ts b/designable/setters/src/locales/zh-CN.ts
@@ -12,6 +12,7 @@ export default {
         addNode: '新增节点',
         label: '键名',
         value: '键值',
+        item: '选项',
       },
     },
   },