cnhis-design-vue 3.4.0-beta.4 → 3.4.0-beta.7

package/es/components/table-filter/src/components/render-widget/components/SelectDynamic.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, useAttrs, ref, inject, computed, nextTick, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, h } from 'vue';
+import { defineComponent, useAttrs, ref, inject, computed, nextTick, openBlock, createBlock, unref, mergeProps, isRef, withCtx, createVNode, h } from 'vue';
 import { useMessage, NSelect, NTag } from 'naive-ui';
 import { useDebounceFn } from '@vueuse/core';
 import useAsyncData from '../../../hooks/useAsyncData.js';
@@ -19,21 +19,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       type: Object
     }
   },
-  emits: ["update:value"],
-  setup(__props, {
-    emit: __emit
-  }) {
+  emits: [
+    "update:value"
+  ],
+  setup(__props, { emit }) {
+    const props = __props;
     const message = useMessage();
     const tableType = {
       SQL: "SQL",
       API: "API"
     };
-    const props = __props;
-    const {
-      getDynamicSelectData
-    } = useAsyncData();
+    const { getDynamicSelectData } = useAsyncData();
     const $attrs = useAttrs();
-    const emit = __emit;
     const selectDynamicRef = ref(null);
     const isLoading = ref(false);
     const filterApiConfig = inject(InjectionFilterApiConfig);
@@ -44,27 +41,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const baseOptionList = ref([]);
     const keywordVal = ref();
     const totalPage = ref(0);
-    const menuProps = ref({
-      class: "select-dynamic-popover",
-      id: ""
-    });
+    const menuProps = ref({ class: "select-dynamic-popover", id: "" });
     const isMultiple = computed(() => $attrs.multiple);
     const dynamicOptionInfos = computed(() => {
-      const {
-        widgetCfg
-      } = props.componentCfg;
-      const {
-        dynamicOptionInfo = {}
-      } = widgetCfg;
+      const { widgetCfg } = props.componentCfg;
+      const { dynamicOptionInfo = {} } = widgetCfg;
       return dynamicOptionInfo;
     });
     const isShowWhole = computed(() => {
-      const {
-        widgetCfg
-      } = props.componentCfg;
-      const {
-        showWholeOption = false
-      } = widgetCfg;
+      const { widgetCfg } = props.componentCfg;
+      const { showWholeOption = false } = widgetCfg;
       return showWholeOption && curPage.value === 1;
     });
     const isLastPage = computed(() => totalPage.value > 0 && curPage.value >= totalPage.value);
@@ -96,16 +82,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         return [...selectList, ...showList];
       }
       setOptionActive([]);
-      return props.value ? JSON.stringify({
-        label: ((_a = props.value) == null ? void 0 : _a.includes("&")) ? props.value.split("&")[0] : props.value,
-        value: props.value
-      }) : null;
+      return props.value ? JSON.stringify({ label: ((_a = props.value) == null ? void 0 : _a.includes("&")) ? props.value.split("&")[0] : props.value, value: props.value }) : null;
     });
     const isForbidRequest = computed(() => {
       if (Object.keys(dynamicOptionInfos.value).length > 0) {
-        const {
-          defaultParams = []
-        } = dynamicOptionInfos.value;
+        const { defaultParams = [] } = dynamicOptionInfos.value;
         return judgmentVariable(defaultParams) && !props.value;
       }
       return false;
@@ -122,12 +103,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return Math.random().toString(36).substr(2, 9);
     }
     function handleUpdateSelect(value) {
-      const {
-        widgetCfg
-      } = props.componentCfg;
-      const {
-        linkageFieldKeys = []
-      } = widgetCfg;
+      const { widgetCfg } = props.componentCfg;
+      const { linkageFieldKeys = [] } = widgetCfg;
       if (!isMultiple.value) {
         const dynamicPopover = document.getElementById(menuProps.value.id);
         if (dynamicPopover == null ? void 0 : dynamicPopover.style)
@@ -154,16 +131,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       try {
         isLoading.value = true;
         if (Object.keys(dynamicOptionInfos.value).length > 0) {
-          const {
-            autograph,
-            dataSourceId,
-            dataSourceType,
-            filterKeys,
-            defaultParams = [],
-            showKeys,
-            valueKey,
-            tableDataType
-          } = dynamicOptionInfos.value;
+          const { autograph, dataSourceId, dataSourceType, filterKeys, defaultParams = [], showKeys, valueKey, tableDataType } = dynamicOptionInfos.value;
           let params = {
             wordbookId: dataSourceId,
             autograph,
@@ -194,11 +162,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }
           let res = await getDynamicSelectData(params, filterApiConfig);
           if (res) {
-            const {
-              fieldList = [],
-              rows = [],
-              total = 0
-            } = res.map;
+            const { fieldList = [], rows = [], total = 0 } = res.map;
             const optionList = rows.map((item) => {
               return {
                 ...item,
@@ -251,36 +215,35 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         handleInitData();
       }
     }
-    function renderTag({
-      option,
-      handleClose
-    }) {
+    function renderTag({ option, handleClose }) {
       if (isMultiple.value) {
         const currentOption2 = option.value;
-        return h(NTag, {
-          style: {
-            padding: "0 8px"
-          },
-          closable: true,
-          onClose: (e) => {
-            e.stopPropagation();
-            handleClose();
-            if (Array.isArray(props.value) && props.value.length > 0) {
-              const sList = props.value;
-              const index = sList.indexOf(currentOption2.value);
-              if (index > -1) {
-                sList.splice(index, 1);
-                emit("update:value", sList.length > 0 ? sList : null);
+        return h(
+          NTag,
+          {
+            style: {
+              padding: "0 8px"
+            },
+            closable: true,
+            onClose: (e) => {
+              e.stopPropagation();
+              handleClose();
+              if (Array.isArray(props.value) && props.value.length > 0) {
+                const sList = props.value;
+                const index = sList.indexOf(currentOption2.value);
+                if (index > -1) {
+                  sList.splice(index, 1);
+                  emit("update:value", sList.length > 0 ? sList : null);
+                }
               }
             }
+          },
+          {
+            default: () => h("div", currentOption2.label)
           }
-        }, {
-          default: () => h("div", currentOption2.label)
-        });
+        );
       }
-      const currentOption = option.value ? JSON.parse(option.value) : {
-        label: ""
-      };
+      const currentOption = option.value ? JSON.parse(option.value) : { label: "" };
       return h("div", currentOption.label);
     }
     function init() {
@@ -296,8 +259,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         ref_key: "selectDynamicRef",
         ref: selectDynamicRef
       }, unref($attrs), {
-        value: valueCp.value,
-        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => valueCp.value = $event),
+        value: unref(valueCp),
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(valueCp) ? valueCp.value = $event : null),
         remote: "",
         loading: isLoading.value,
         "render-tag": renderTag,
@@ -306,19 +269,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         onClear: handleClear,
         "onUpdate:show": handleUpdateShow
       }), {
-        empty: withCtx(() => [createVNode(SelectDynamicOption, mergeProps(unref($attrs), {
-          oldValue: props.value,
-          loading: isLoading.value,
-          dynamicOptionInfo: dynamicOptionInfos.value,
-          fieldTitleList: fieldTitleList.value,
-          optionList: selectOptions.value,
-          isMultiple: isMultiple.value,
-          curPage: curPage.value,
-          isLastPage: isLastPage.value,
-          isShowWhole: isShowWhole.value,
-          onUpdateSelect: handleUpdateSelect,
-          onUpdatePage: handleUpdatePage
-        }), null, 16, ["oldValue", "loading", "dynamicOptionInfo", "fieldTitleList", "optionList", "isMultiple", "curPage", "isLastPage", "isShowWhole"])]),
+        empty: withCtx(() => [
+          createVNode(SelectDynamicOption, mergeProps(unref($attrs), {
+            oldValue: props.value,
+            loading: isLoading.value,
+            dynamicOptionInfo: unref(dynamicOptionInfos),
+            fieldTitleList: fieldTitleList.value,
+            optionList: selectOptions.value,
+            isMultiple: unref(isMultiple),
+            curPage: curPage.value,
+            isLastPage: unref(isLastPage),
+            isShowWhole: unref(isShowWhole),
+            onUpdateSelect: handleUpdateSelect,
+            onUpdatePage: handleUpdatePage
+          }), null, 16, ["oldValue", "loading", "dynamicOptionInfo", "fieldTitleList", "optionList", "isMultiple", "curPage", "isLastPage", "isShowWhole"])
+        ]),
         _: 1
       }, 16, ["value", "loading", "menu-props", "onSearch"]);
     };

package/es/components/table-filter/src/components/render-widget/components/SelectDynamicOption/index.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { AnyObject } from '../../../../../../../shared/types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     oldValue: {
         type: PropType<AnyObject[]>;
         default: () => never[];
@@ -37,9 +37,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {
+}, {
     selectMinWidth: number;
-    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         oldValue: {
             type: PropType<AnyObject[]>;
             default: () => never[];
@@ -76,12 +76,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & Readonly<{
-        onUpdatePage?: ((...args: any[]) => any) | undefined;
+    }>> & {
         onUpdateSelect?: ((...args: any[]) => any) | undefined;
-    }> & {}>;
+        onUpdatePage?: ((...args: any[]) => any) | undefined;
+    }>>;
     emit: (event: "updateSelect" | "updatePage", ...args: any[]) => void;
-    dragEndWidth: import("vue").Ref<number, number>;
+    dragEndWidth: import("vue").Ref<number>;
     showKeys: import("vue").ComputedRef<any>;
     titleList: import("vue").ComputedRef<string[]>;
     isOptionsNull: import("vue").ComputedRef<boolean>;
@@ -89,16 +89,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     searchByPage: (onePage: number) => void;
     changeWidth: ({ distance }: any) => void;
     saveWidth: () => void;
-    readonly NEmpty: any;
-    readonly NButtonGroup: any;
-    readonly NButton: any;
-    readonly NIcon: any;
-    readonly NPopover: any;
-    readonly vFlexibleResize: {
+    NEmpty: any;
+    NButtonGroup: any;
+    NButton: any;
+    NIcon: any;
+    NPopover: any;
+    vFlexibleResize: {
         mounted(el: any, { value }: any): void;
         beforeUnmount(el: any): void;
     };
-    readonly WidgetValEnums: {
+    WidgetValEnums: {
         CUSTOM: string;
         FIRST_VAL: string;
         WHOLE: string;
@@ -129,9 +129,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         NEXT_YEAR: string;
         LAST_YEAR: string;
     };
-    readonly ArrowBack: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    readonly ArrowForward: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("updateSelect" | "updatePage")[], "updateSelect" | "updatePage", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    ArrowBack: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    ArrowForward: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("updateSelect" | "updatePage")[], "updateSelect" | "updatePage", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     oldValue: {
         type: PropType<AnyObject[]>;
         default: () => never[];
@@ -168,18 +168,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{
-    onUpdatePage?: ((...args: any[]) => any) | undefined;
+}>> & {
     onUpdateSelect?: ((...args: any[]) => any) | undefined;
-}>, {
-    loading: boolean;
+    onUpdatePage?: ((...args: any[]) => any) | undefined;
+}, {
     isMultiple: boolean;
+    loading: boolean;
     oldValue: AnyObject[];
-    optionList: AnyObject[];
-    isShowWhole: boolean;
     dynamicOptionInfo: AnyObject;
     fieldTitleList: AnyObject[];
+    optionList: AnyObject[];
     curPage: number;
     isLastPage: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    isShowWhole: boolean;
+}>;
 export default _default;

package/es/components/table-filter/src/components/render-widget/components/SelectDynamicOption/index.vue2.js

@@ -1,3 +1,4 @@
+import { i18n } from '../../../../../../../_virtual/_virtual_i18n-methods.js';
 import { defineComponent, ref, computed, withDirectives, openBlock, createElementBlock, normalizeStyle, createBlock, unref, Fragment, renderList, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, withCtx, createTextVNode, createVNode } from 'vue';
 import { NEmpty, NPopover, NButtonGroup, NButton, NIcon } from 'naive-ui';
 import { vFlexibleResize } from '../../../../../../../shared/directive/flexibleResize.js';
@@ -23,7 +24,6 @@ const _hoisted_5 = {
 const _hoisted_6 = {
   class: "dynamic-pagination"
 };
-const selectMinWidth = 200;
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
@@ -66,10 +66,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["updateSelect", "updatePage"],
   setup(__props, {
-    emit: __emit
+    emit
   }) {
     const props = __props;
-    const emit = __emit;
+    const selectMinWidth = 200;
     const dragEndWidth = ref(selectMinWidth);
     const showKeys = computed(() => {
       var _a, _b;
@@ -143,19 +143,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         description: "\u52A0\u8F7D\u4E2D..."
       })) : (openBlock(), createElementBlock(Fragment, {
         key: 1
-      }, [isOptionsNull.value ? (openBlock(), createBlock(unref(NEmpty), {
+      }, [unref(isOptionsNull) ? (openBlock(), createBlock(unref(NEmpty), {
         key: 0,
-        description: function() {
-          var _a, _b, _c;
-          try {
-            return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.380")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.380")) || "\u65E0\u6570\u636E";
-          } catch (e) {
-            return "\u65E0\u6570\u636E";
-          }
-        }()
+        description: i18n("10010.1.380", "\u65E0\u6570\u636E")
       })) : (openBlock(), createElementBlock(Fragment, {
         key: 1
-      }, [titleList.value && titleList.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(titleList.value, (title) => {
+      }, [unref(titleList) && unref(titleList).length > 1 ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(titleList), (title) => {
         return openBlock(), createElementBlock("span", {
           key: title,
           class: "name"
@@ -167,7 +160,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           onClick: ($event) => handleSelect(option)
         }, [__props.isShowWhole && option.value === unref(WidgetValEnums).WHOLE ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(option.label), 1)) : (openBlock(true), createElementBlock(Fragment, {
           key: 1
-        }, renderList(showKeys.value, (key) => {
+        }, renderList(unref(showKeys), (key) => {
           return openBlock(), createBlock(unref(NPopover), {
             key,
             trigger: "hover",
@@ -187,14 +180,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             component: unref(ArrowBack),
             size: "16"
           }, null, 8, ["component"])]),
-          default: withCtx(() => [_cache[2] || (_cache[2] = createTextVNode(function() {
-            var _a, _b, _c;
-            try {
-              return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.381")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.381")) || "\u4E0A\u4E00\u9875";
-            } catch (e) {
-              return "\u4E0A\u4E00\u9875";
-            }
-          }(), -1))]),
+          default: withCtx(() => [createTextVNode(i18n("10010.1.381", "\u4E0A\u4E00\u9875"))]),
           _: 1
         }, 8, ["disabled"]), createVNode(unref(NButton), {
           "icon-placement": "right",
@@ -205,14 +191,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             component: unref(ArrowForward),
             size: "16"
           }, null, 8, ["component"])]),
-          default: withCtx(() => [_cache[3] || (_cache[3] = createTextVNode(function() {
-            var _a, _b, _c;
-            try {
-              return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.382")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.382")) || "\u4E0B\u4E00\u9875";
-            } catch (e) {
-              return "\u4E0B\u4E00\u9875";
-            }
-          }(), -1))]),
+          default: withCtx(() => [createTextVNode(i18n("10010.1.382", "\u4E0B\u4E00\u9875"))]),
           _: 1
         }, 8, ["disabled"])]),
         _: 1

package/es/components/table-filter/src/components/render-widget/components/SelectTree.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { AnyObject } from '../../../../../../shared/types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     componentCfg: {
         type: PropType<AnyObject>;
     };
@@ -11,9 +11,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {
+}, {
     $attrs: any;
-    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         componentCfg: {
             type: PropType<AnyObject>;
         };
@@ -24,15 +24,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & Readonly<{
+    }>> & {
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    }> & {}>;
+    }>>;
     emit: (event: "update:value", ...args: any[]) => void;
     isMultiple: import("vue").ComputedRef<any>;
-    valueCp: import("vue").WritableComputedRef<string | number | unknown[] | undefined, any>;
+    valueCp: import("vue").WritableComputedRef<any>;
     options: import("vue").ComputedRef<any>;
-    readonly NTreeSelect: any;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    NTreeSelect: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     componentCfg: {
         type: PropType<AnyObject>;
     };
@@ -43,9 +43,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{
+}>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     isAccurateSearchVal: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/es/components/table-filter/src/components/render-widget/components/SelectTree.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, useAttrs, computed, openBlock, createBlock, unref, mergeProps } from 'vue';
+import { defineComponent, useAttrs, computed, openBlock, createBlock, unref, mergeProps, isRef } from 'vue';
 import { NTreeSelect } from 'naive-ui';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -15,13 +15,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       default: false
     }
   },
-  emits: ["update:value"],
-  setup(__props, {
-    emit: __emit
-  }) {
-    const $attrs = useAttrs();
+  emits: [
+    "update:value"
+  ],
+  setup(__props, { emit }) {
     const props = __props;
-    const emit = __emit;
+    const $attrs = useAttrs();
     computed(() => $attrs.multiple);
     const valueCp = computed({
       set(val) {
@@ -32,19 +31,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const options = computed(() => {
-      const {
-        widgetCfg
-      } = props.componentCfg;
-      const {
-        valueList = []
-      } = widgetCfg;
+      const { widgetCfg } = props.componentCfg;
+      const { valueList = [] } = widgetCfg;
       return valueList;
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NTreeSelect), mergeProps(unref($attrs), {
-        options: options.value,
-        value: valueCp.value,
-        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => valueCp.value = $event)
+        options: unref(options),
+        value: unref(valueCp),
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(valueCp) ? valueCp.value = $event : null)
       }), null, 16, ["options", "value"]);
     };
   }

package/es/components/table-filter/src/components/render-widget/components/SelectTreeDynamic.vue.d.ts

@@ -1,47 +1,47 @@
 import { PropType } from 'vue';
 import { AnyObject } from '../../../../../../shared/types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     componentCfg: {
         type: PropType<AnyObject>;
     };
     value: {
         type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
     };
-}>, {
-    message: import("naive-ui/es/message").MessageApi;
+}, {
+    message: import("naive-ui").MessageApi;
     getDynamicSelectData: (params: any, filterApiConfig: any) => Promise<any>;
     $attrs: any;
     tableType: {
         SQL: string;
         API: string;
     };
-    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         componentCfg: {
             type: PropType<AnyObject>;
         };
         value: {
             type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
         };
-    }>> & Readonly<{
+    }>> & {
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    }> & {}>;
+    }>>;
     emit: (event: "update:value", ...args: any[]) => void;
-    options: import("vue").Ref<any[], any[]>;
+    options: import("vue").Ref<any[]>;
     filterApiConfig: AnyObject;
-    searchFilterList: import("vue").Ref<AnyObject[], AnyObject[]>;
+    searchFilterList: import("vue").Ref<AnyObject[]>;
     dynamicOptionInfos: import("vue").ComputedRef<any>;
-    valueCp: import("vue").WritableComputedRef<string | number | unknown[] | undefined, any>;
+    valueCp: import("vue").WritableComputedRef<any>;
     transformOptions: (list: any[], showKeys: string[], valueKey: string) => any[];
     getOptionsData: (keyword: string) => Promise<void>;
-    readonly NTreeSelect: any;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    NTreeSelect: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     componentCfg: {
         type: PropType<AnyObject>;
     };
     value: {
         type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
     };
-}>> & Readonly<{
+}>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}>;
 export default _default;