From 5292838fcdf3a537b38e5328fa668b3457450aa0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=97=A0=E6=9C=A8?= <netfan@foxmail.com>
Date: Fri, 28 Oct 2022 13:31:43 +0800
Subject: [PATCH] fix(apiSelect):  remove attribute  warning, fixed #2247

---
 .../Form/src/components/ApiSelect.vue         |  9 +++-
 src/views/demo/form/index.vue                 | 42 +++++++++----------
 2 files changed, 29 insertions(+), 22 deletions(-)

diff --git a/src/components/Form/src/components/ApiSelect.vue b/src/components/Form/src/components/ApiSelect.vue
index 6155aab1..3edd4553 100644
--- a/src/components/Form/src/components/ApiSelect.vue
+++ b/src/components/Form/src/components/ApiSelect.vue
@@ -59,7 +59,7 @@
       immediate: propTypes.bool.def(true),
       alwaysLoad: propTypes.bool.def(false),
     },
-    emits: ['options-change', 'change'],
+    emits: ['options-change', 'change', 'update:value'],
     setup(props, { emit }) {
       const options = ref<OptionsItem[]>([]);
       const loading = ref(false);
@@ -91,6 +91,13 @@
         props.immediate && !props.alwaysLoad && fetch();
       });
 
+      watch(
+        () => state.value,
+        (v) => {
+          emit('update:value', v);
+        },
+      );
+
       watch(
         () => props.params,
         () => {
diff --git a/src/views/demo/form/index.vue b/src/views/demo/form/index.vue
index c6e96bf6..9f4b34af 100644
--- a/src/views/demo/form/index.vue
+++ b/src/views/demo/form/index.vue
@@ -460,27 +460,27 @@
         span: 8,
       },
     },
-    {
-      field: 'field36',
-      component: 'ApiTree',
-      label: '远程Tree',
-      helpMessage: ['ApiTree组件', '使用接口提供的数据生成选项'],
-      required: true,
-      componentProps: {
-        api: treeOptionsListApi,
-        params: {
-          count: 2,
-        },
-        afterFetch: (v) => {
-          //do something
-          return v;
-        },
-        resultField: 'list',
-      },
-      colProps: {
-        span: 8,
-      },
-    },
+    // {
+    //   field: 'field36',
+    //   component: 'ApiTree',
+    //   label: '远程Tree',
+    //   helpMessage: ['ApiTree组件', '使用接口提供的数据生成选项'],
+    //   required: true,
+    //   componentProps: {
+    //     api: treeOptionsListApi,
+    //     params: {
+    //       count: 2,
+    //     },
+    //     afterFetch: (v) => {
+    //       //do something
+    //       return v;
+    //     },
+    //     resultField: 'list',
+    //   },
+    //   colProps: {
+    //     span: 8,
+    //   },
+    // },
     {
       field: 'divider-linked',
       component: 'Divider',
-- 
GitLab