From cbfa942ff62e10f3cdc5eb833f1f4e61bf3a2de0 Mon Sep 17 00:00:00 2001
From: xuziqiang <1344691446@qq.com>
Date: Fri, 7 Jun 2024 17:41:47 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20NsCascader=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lib/component/form/cascader/cascader.vue | 35 +++++++++++++++++++++++++++++---
 1 file changed, 32 insertions(+), 3 deletions(-)

diff --git a/lib/component/form/cascader/cascader.vue b/lib/component/form/cascader/cascader.vue
index a0ee8b6..b7ce0e1 100644
--- a/lib/component/form/cascader/cascader.vue
+++ b/lib/component/form/cascader/cascader.vue
@@ -1,17 +1,46 @@
 <template>
-  <a-cascader :load-data="loadData" :options="options" change-on-select>
+  <a-cascader :load-data="loadData" :options="options">
     <template #[item]="data" v-for="item in Object.keys($slots)" :key="item">
       <slot :name="item" v-bind="data || {}"> </slot>
     </template>
   </a-cascader>
 </template>
 <script lang="ts">
-  import { defineComponent, ref } from 'vue';
+  import { defineComponent, ref, toRefs } from 'vue';
   import type { CascaderProps } from 'ant-design-vue';
+  import { http } from '/nerv-lib/util';
+  import { AxiosRequestConfig } from 'axios';
+  import { useApi } from '/nerv-lib/use';
+  import { get } from 'lodash-es';
+  const { httpRequest } = useApi();
   export default defineComponent({
     name: 'NsCascader',
+    props: {
+      api: [Function, String, Object],
+      options: Array,
+      listField: {
+        type: String,
+        default: 'data',
+      },
+      defaultParams: Object,
+    },
     setup(props, { attrs }) {
-      let options = ref<any[]>(attrs['options'] || []);
+      console.log(props, attrs);
+      const requestConfig: AxiosRequestConfig = { method: 'get' };
+      let options = ref<any[]>(props['options'] || []);
+
+      if (props.api) {
+        // eslint-disable-next-line vue/no-setup-props-destructure
+        const { api, defaultParams, listField } = props;
+        httpRequest({
+          api,
+          params: defaultParams,
+          pathParams: {},
+          requestConfig,
+        }).then((res) => {
+          options.value = get(res, listField);
+        });
+      }
       let loadData: CascaderProps['loadData'] | null = (selectOptions) => {
         attrs['loadData'](selectOptions, options, attrs);
       };