feat(menu): add disabledField prop (tusen-ai#3559)

Signed-off-by: Sepush <[email protected]>
vicenterusso · Aug 20, 2022 · db5ddff · db5ddff
1 parent 74101a2
commit db5ddff
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 1 deletion.
diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
@@ -1,5 +1,13 @@
 # CHANGELOG
 
+## NEXT_VETSION
+
+### Fixes
+
+### Feats
+
+- `n-menu` adds `disabledField` prop.
+
 ## 2.32.2
 
 ### Fixes

diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
@@ -1,5 +1,13 @@
 # CHANGELOG
 
+## NEXT_VETSION
+
+### Fixes
+
+### Feats
+
+- `n-menu` 新增 `disabledField` 属性
+
 ## 2.32.2
 
 ### Fixes

diff --git a/src/menu/demos/enUS/index.demo-entry.md b/src/menu/demos/enUS/index.demo-entry.md
@@ -43,6 +43,7 @@ show.vue
 | icon-size | `number` | `20` | The icon size when menu is not collapsed. |  |
 | indent | `number` | `32` | The indent of menu. |  |
 | inverted | `boolean` | `false` | Use inverted style. |  |
+| disabledField | `string` | `'disabled'` | Field name of disabled. | NEXT_VETSION |
 | key-field | `string` | `'key'` | Field name of key. |  |
 | label-field | `string` | `'label'` | Field name of label. |  |
 | options | `Array<MenuOption \| MenuDividerOption \| MenuGroupOption>` | `[]` | Items data of menu. |  |

diff --git a/src/menu/demos/zhCN/index.demo-entry.md b/src/menu/demos/zhCN/index.demo-entry.md
@@ -44,6 +44,7 @@ debug.vue
 | icon-size | `number` | `20` | 菜单未折叠时图标的大小 |  |
 | indent | `number` | `32` | 菜单每级的缩进 |  |
 | inverted | `boolean` | `false` | 使用反转样式 |  |
+| disabledField | `string` | `'disabled'` | disabled 的字段名 | NEXT_VETSION |
 | key-field | `string` | `'key'` | key 的字段名 |  |
 | label-field | `string` | `'label'` | label 的字段名 |  |
 | options | `Array<MenuOption \| MenuDividerOption \| MenuGroupOption>` | `[]` | 菜单的数据 |  |

diff --git a/src/menu/src/Menu.tsx b/src/menu/src/Menu.tsx
@@ -78,6 +78,10 @@ export const menuProps = {
     type: String,
     default: 'children'
   },
+  disabledField: {
+    type: String,
+    default: 'disabled'
+  },
   defaultExpandAll: Boolean,
   defaultExpandedKeys: Array as PropType<Key[]>,
   expandedKeys: Array as PropType<Key[]>,
@@ -168,13 +172,16 @@ export default defineComponent({
     })
 
     const treeMateRef = computed(() => {
-      const { keyField, childrenField } = props
+      const { keyField, childrenField, disabledField } = props
       return createTreeMate<MenuOption, MenuGroupOption, MenuIgnoredOption>(
         props.items || props.options,
         {
           getChildren (node) {
             return node[childrenField]
           },
+          getDisabled (node) {
+            return (node as any)[disabledField]
+          },
           getKey (node) {
             return (node[keyField] as Key) ?? node.name
           }