From a0d4b10a1f0f858925ce7fff3f9b686308fd3ada Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Sat, 14 Oct 2023 16:57:40 +0800
Subject: [PATCH] =?UTF-8?q?feat(ApiTree):=20=E5=AE=8C=E5=96=84ApiTree?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E7=9A=84=E9=87=8D=E7=BD=AE=E5=9B=9E=E6=98=BE?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD.=20close=20#2307?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Form/src/components/ApiTree.vue | 18 +++++++++++++++---
 src/components/Form/src/hooks/useFormEvents.ts |  3 +++
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/components/Form/src/components/ApiTree.vue b/src/components/Form/src/components/ApiTree.vue
index 0a5eeb497..ad7572f43 100644
--- a/src/components/Form/src/components/ApiTree.vue
+++ b/src/components/Form/src/components/ApiTree.vue
@@ -1,5 +1,5 @@
 <template>
-  <a-tree v-bind="getAttrs" @select="handleChange">
+  <a-tree v-bind="getAttrs" @select="handleChange" v-model:selectedKeys="state">
     <template #[item]="data" v-for="item in Object.keys($slots)">
       <slot :name="item" v-bind="data || {}"></slot>
     </template>
@@ -14,6 +14,7 @@
   import { get } from 'lodash-es';
   import { propTypes } from '/@/utils/propTypes';
   import { DataNode } from 'ant-design-vue/es/tree';
+  import { useRuleFormItem } from '/@/hooks/component/useFormItem';
 
   export default defineComponent({
     name: 'ApiTree',
@@ -24,12 +25,16 @@
       immediate: { type: Boolean, default: true },
       resultField: propTypes.string.def(''),
       afterFetch: { type: Function as PropType<AnyFunction> },
+      value: [Array, Object, String, Number],
     },
-    emits: ['options-change', 'change'],
+    emits: ['options-change', 'change', 'update:value'],
     setup(props, { attrs, emit }) {
       const treeData = ref<DataNode[]>([]);
       const isFirstLoaded = ref<Boolean>(false);
       const loading = ref(false);
+      const emitData = ref<any[]>([]);
+
+      const [state] = useRuleFormItem(props, 'value', 'change', emitData);
       const getAttrs = computed(() => {
         return {
           ...(props.api ? { treeData: unref(treeData) } : {}),
@@ -40,6 +45,13 @@
         emit('change', ...args);
       }
 
+      watch(
+        () => state.value,
+        (v) => {
+          emit('update:value', v);
+        },
+      );
+
       watch(
         () => props.params,
         () => {
@@ -82,7 +94,7 @@
         isFirstLoaded.value = true;
         emit('options-change', treeData.value);
       }
-      return { getAttrs, loading, handleChange };
+      return { getAttrs, loading, handleChange, state };
     },
   });
 </script>
diff --git a/src/components/Form/src/hooks/useFormEvents.ts b/src/components/Form/src/hooks/useFormEvents.ts
index 171d7b8cc..b133b98aa 100644
--- a/src/components/Form/src/hooks/useFormEvents.ts
+++ b/src/components/Form/src/hooks/useFormEvents.ts
@@ -415,6 +415,9 @@ function getDefaultValue(
   if (!defaultValue && schema && checkIsRangeSlider(schema)) {
     defaultValue = [0, 0];
   }
+  if (!defaultValue && schema && schema.component === 'ApiTree') {
+    defaultValue = [];
+  }
   return defaultValue;
 }