feat: improve ApiSelect component (#5075)

* feat: improve `ApiSelect` component * chore: `ApiSelect` props name changed
2024-12-09 12:47:33 +08:00
parent 305549e7f2
commit d085736bac
8 changed files with 209 additions and 22 deletions
--- a/playground/src/views/examples/form/basic.vue
+++ b/playground/src/views/examples/form/basic.vue
@@ -62,6 +62,23 @@ const [BaseForm, baseFormApi] = useVbenForm({
      // 界面显示的label
      label: 'ApiSelect',
    },
+    {
+      component: 'ApiTreeSelect',
+      // 对应组件的参数
+      componentProps: {
+        // 菜单接口
+        api: getAllMenusApi,
+        childrenField: 'children',
+        // 菜单接口转options格式
+        labelField: 'name',
+        placeholder: '请选择',
+        valueField: 'path',
+      },
+      // 字段名
+      fieldName: 'apiTree',
+      // 界面显示的label
+      label: 'ApiTreeSelect',
+    },
    {
      component: 'InputPassword',
      componentProps: {