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

package/es/components/table-filter/src/components/classify-filter/components/InputNumber.vue.d.ts

@@ -1,28 +1,28 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
         default: null;
     };
-}>, {
-    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
             default: null;
         };
-    }>> & Readonly<{
+    }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    }> & {}>;
+    }>>;
     emit: (event: "update:modelValue", ...args: any[]) => void;
-    valueCp: import("vue").WritableComputedRef<any, any>;
-    readonly NInputNumber: any;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    valueCp: import("vue").WritableComputedRef<any>;
+    NInputNumber: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
         default: null;
     };
-}>> & Readonly<{
+}>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     modelValue: string | number | unknown[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/es/components/table-filter/src/components/classify-filter/components/InputNumber.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createBlock, unref } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, unref, isRef } from 'vue';
 import { NInputNumber } from 'naive-ui';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -9,12 +9,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       default: null
     }
   },
-  emits: ["update:modelValue"],
-  setup(__props, {
-    emit: __emit
-  }) {
+  emits: [
+    "update:modelValue"
+  ],
+  setup(__props, { emit }) {
     const props = __props;
-    const emit = __emit;
     const valueCp = computed({
       set(val) {
         emit("update:modelValue", val);
@@ -26,8 +25,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NInputNumber), {
         class: "form-item",
-        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)
       }, null, 8, ["value"]);
     };
   }

package/es/components/table-filter/src/components/classify-filter/components/InputNumberGroup.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     paramCfg: {
         type: ObjectConstructor;
         default: null;
@@ -7,8 +7,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
         default: null;
     };
-}>, {
-    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         paramCfg: {
             type: ObjectConstructor;
             default: null;
@@ -17,16 +17,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
             default: null;
         };
-    }>> & Readonly<{
+    }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    }> & {}>;
-    startNumber: import("vue").Ref<any, any>;
-    endNumber: import("vue").Ref<any, any>;
+    }>>;
+    startNumber: import("vue").Ref<any>;
+    endNumber: import("vue").Ref<any>;
     emit: (event: "update:modelValue", ...args: any[]) => void;
     handleChange: (val: number | null, key: string) => void;
-    readonly NInputGroup: any;
-    readonly NInputNumber: any;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    NInputGroup: any;
+    NInputNumber: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     paramCfg: {
         type: ObjectConstructor;
         default: null;
@@ -35,10 +35,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
         default: null;
     };
-}>> & Readonly<{
+}>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     modelValue: string | number | unknown[];
     paramCfg: Record<string, any>;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/es/components/table-filter/src/components/classify-filter/components/InputNumberGroup.vue2.js

@@ -1,7 +1,11 @@
+import { i18n } from '../../../../../../_virtual/_virtual_i18n-methods.js';
 import { defineComponent, ref, watch, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode } from 'vue';
 import { NInputGroup, NInputNumber } from 'naive-ui';
 import { isString } from 'lodash-es';
 
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("span", {
+  class: "divider"
+}, " ~ ", -1);
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InputNumberGroup",
   props: {
@@ -16,12 +20,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:modelValue"],
   setup(__props, {
-    emit: __emit
+    emit
   }) {
     const props = __props;
     const startNumber = ref();
     const endNumber = ref();
-    const emit = __emit;
     watch(() => props.modelValue, (val) => {
       startNumber.value = endNumber.value = null;
       if (val && isString(val) && val.includes("~")) {
@@ -59,30 +62,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           style: {
             "width": "106px"
           },
-          placeholder: function() {
-            var _a, _b, _c;
-            try {
-              return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.372")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.372")) || "\u6700\u5C0F\u503C";
-            } catch (e) {
-              return "\u6700\u5C0F\u503C";
-            }
-          }(),
+          placeholder: i18n("10010.1.372", "\u6700\u5C0F\u503C"),
           value: startNumber.value,
           "onUpdate:value": _cache[0] || (_cache[0] = (e) => handleChange(e, "startNumber"))
-        }, null, 8, ["value"]), _cache[2] || (_cache[2] = createElementVNode("span", {
-          class: "divider"
-        }, " ~ ", -1)), createVNode(unref(NInputNumber), {
+        }, null, 8, ["value"]), _hoisted_1, createVNode(unref(NInputNumber), {
           style: {
             "width": "106px"
           },
-          placeholder: function() {
-            var _a, _b, _c;
-            try {
-              return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.373")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.373")) || "\u6700\u5927\u503C";
-            } catch (e) {
-              return "\u6700\u5927\u503C";
-            }
-          }(),
+          placeholder: i18n("10010.1.373", "\u6700\u5927\u503C"),
           value: endNumber.value,
           "onUpdate:value": _cache[1] || (_cache[1] = (e) => handleChange(e, "endNumber"))
         }, null, 8, ["value"])]),

package/es/components/table-filter/src/components/classify-filter/components/SelectDynamic.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<{
     paramCfg: {
         type: ObjectConstructor;
         default: null;
@@ -9,9 +9,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<AnyObject[]>;
         default: null;
     };
-}>, {
-    message: import("naive-ui/es/message").MessageApi;
-    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}, {
+    message: import("naive-ui").MessageApi;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         paramCfg: {
             type: ObjectConstructor;
             default: null;
@@ -20,23 +20,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: PropType<AnyObject[]>;
             default: null;
         };
-    }>> & Readonly<{
+    }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    }> & {}>;
+    }>>;
     getDynamicSelectData: (params: any, filterApiConfig: any) => Promise<any>;
     emit: (event: "update:modelValue", ...args: any[]) => void;
-    selectDynamicRef: import("vue").Ref<any, any>;
-    isLoading: import("vue").Ref<boolean, boolean>;
+    selectDynamicRef: any;
+    isLoading: import("vue").Ref<boolean>;
     filterApiConfig: AnyObject;
-    classifyFilterList: import("vue").Ref<AnyObject[], AnyObject[]>;
-    totalPage: import("vue").Ref<number, number>;
+    classifyFilterList: import("vue").Ref<AnyObject[]>;
+    totalPage: import("vue").Ref<number>;
     menuProps: {
         class: string;
     };
-    curPage: import("vue").Ref<number, number>;
-    fieldTitleList: import("vue").Ref<any, any>;
-    selectOptions: import("vue").Ref<any[], any[]>;
-    keywordVal: import("vue").Ref<any, any>;
+    curPage: import("vue").Ref<number>;
+    fieldTitleList: import("vue").Ref<any>;
+    selectOptions: import("vue").Ref<any[]>;
+    keywordVal: import("vue").Ref<any>;
     optionSetting: import("vue").ComputedRef<any>;
     isMultiple: import("vue").ComputedRef<boolean>;
     dynamicOptionInfos: import("vue").ComputedRef<any>;
@@ -59,8 +59,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>;
     init: () => void;
     saveDynamicBaseList: (selectValue: any[] | null) => void;
-    readonly NSelect: any;
-    SelectDynamicOption: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    NSelect: any;
+    SelectDynamicOption: import("vue").DefineComponent<{
         oldValue: {
             type: PropType<AnyObject[]>;
             default: () => never[];
@@ -97,9 +97,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[];
@@ -136,12 +136,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>;
@@ -149,16 +149,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;
@@ -189,9 +189,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[];
@@ -228,21 +228,21 @@ 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>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        isShowWhole: boolean;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     paramCfg: {
         type: ObjectConstructor;
         default: null;
@@ -251,10 +251,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<AnyObject[]>;
         default: null;
     };
-}>> & Readonly<{
+}>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     modelValue: AnyObject[];
     paramCfg: Record<string, any>;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, inject, computed, openBlock, createBlock, unref, withModifiers, withCtx, createVNode, h } from 'vue';
+import { defineComponent, ref, inject, computed, openBlock, createBlock, unref, isRef, withModifiers, withCtx, createVNode, h } from 'vue';
 import { useMessage, NSelect, NTag } from 'naive-ui';
 import { WidgetOptionEnums, WidgetValEnums } from '../../../types/enums.js';
 import { useDebounceFn } from '@vueuse/core';
@@ -20,24 +20,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       default: null
     }
   },
-  emits: ["update:modelValue"],
-  setup(__props, {
-    emit: __emit
-  }) {
-    const message = useMessage();
+  emits: [
+    "update:modelValue"
+  ],
+  setup(__props, { emit }) {
     const props = __props;
-    const {
-      getDynamicSelectData
-    } = useAsyncData();
-    const emit = __emit;
+    const message = useMessage();
+    const { getDynamicSelectData } = useAsyncData();
     const selectDynamicRef = ref(null);
     const isLoading = ref(false);
     const filterApiConfig = inject(InjectionFilterApiConfig);
     const classifyFilterList = inject(InjectionClassifyFilterList);
     const totalPage = ref(0);
-    const menuProps = {
-      class: "select-dynamic-popover"
-    };
+    const menuProps = { class: "select-dynamic-popover" };
     const curPage = ref(1);
     const fieldTitleList = ref();
     const selectOptions = ref([]);
@@ -48,9 +43,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const isMultiple = computed(() => optionSetting.value === WidgetOptionEnums.MULTIPLE);
     const dynamicOptionInfos = computed(() => {
-      const {
-        dynamicOptionInfo = {}
-      } = props.paramCfg.optionInfo;
+      const { dynamicOptionInfo = {} } = props.paramCfg.optionInfo;
       return dynamicOptionInfo;
     });
     const isLastPage = computed(() => totalPage.value > 0 && curPage.value >= totalPage.value);
@@ -79,9 +72,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const isInitRequest = computed(() => {
       if (Object.keys(dynamicOptionInfos.value).length > 0) {
-        const {
-          defaultParams = []
-        } = dynamicOptionInfos.value;
+        const { defaultParams = [] } = dynamicOptionInfos.value;
         return !judgmentVariable(defaultParams);
       }
       return true;
@@ -96,9 +87,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function handleUpdateSelect(value) {
       var _a;
-      const {
-        defaultValue
-      } = props.paramCfg._rawData;
+      const { defaultValue } = props.paramCfg._rawData;
       if (((_a = defaultValue == null ? void 0 : defaultValue.linkageFieldKeys) == null ? void 0 : _a.length) > 0) {
         defaultValue.linkageFieldKeys.forEach((key) => {
           const curItem = classifyFilterList.value.find((searchItem) => searchItem.key === key);
@@ -122,15 +111,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     async function getOptionsData(keyword, curPage2) {
       try {
         if (Object.keys(dynamicOptionInfos.value).length > 0) {
-          const {
-            autograph,
-            dataSourceId,
-            dataSourceType,
-            filterKeys,
-            defaultParams = [],
-            showKeys,
-            valueKey
-          } = dynamicOptionInfos.value;
+          const { autograph, dataSourceId, dataSourceType, filterKeys, defaultParams = [], showKeys, valueKey } = dynamicOptionInfos.value;
           let params = {
             wordbookId: dataSourceId,
             autograph,
@@ -153,11 +134,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,
@@ -207,37 +184,36 @@ 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.modelValue) && props.modelValue.length > 0) {
-              const sList = props.modelValue;
-              const index = sList.indexOf(currentOption2.value);
-              if (index > -1) {
-                sList.splice(index, 1);
-                emit("update:modelValue", sList.length > 0 ? sList : null);
-                saveDynamicBaseList(sList.length > 0 ? sList : null);
+        return h(
+          NTag,
+          {
+            style: {
+              padding: "0 8px"
+            },
+            closable: true,
+            onClose: (e) => {
+              e.stopPropagation();
+              handleClose();
+              if (Array.isArray(props.modelValue) && props.modelValue.length > 0) {
+                const sList = props.modelValue;
+                const index = sList.indexOf(currentOption2.value);
+                if (index > -1) {
+                  sList.splice(index, 1);
+                  emit("update:modelValue", sList.length > 0 ? sList : null);
+                  saveDynamicBaseList(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() {
@@ -264,17 +240,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         id: "select-dynamic-popover",
         ref_key: "selectDynamicRef",
         ref: selectDynamicRef,
-        style: {
-          "width": "200px"
-        },
-        value: valueCp.value,
-        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => valueCp.value = $event),
+        style: { "width": "200px" },
+        value: unref(valueCp),
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(valueCp) ? valueCp.value = $event : null),
         remote: "",
         clearable: "",
         filterable: "",
         maxTagCount: "responsive",
         loading: isLoading.value,
-        multiple: isMultiple.value,
+        multiple: unref(isMultiple),
         "menu-props": menuProps,
         "render-tag": renderTag,
         onSearch: unref(handleSearch),
@@ -283,17 +257,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         onClick: _cache[1] || (_cache[1] = withModifiers(() => {
         }, ["stop"]))
       }, {
-        empty: withCtx(() => [createVNode(SelectDynamicOption, {
-          oldValue: props.modelValue,
-          dynamicOptionInfo: dynamicOptionInfos.value,
-          fieldTitleList: fieldTitleList.value,
-          optionList: selectOptions.value,
-          isMultiple: isMultiple.value,
-          curPage: curPage.value,
-          isLastPage: isLastPage.value,
-          onUpdateSelect: handleUpdateSelect,
-          onUpdatePage: handleUpdatePage
-        }, null, 8, ["oldValue", "dynamicOptionInfo", "fieldTitleList", "optionList", "isMultiple", "curPage", "isLastPage"])]),
+        empty: withCtx(() => [
+          createVNode(SelectDynamicOption, {
+            oldValue: props.modelValue,
+            dynamicOptionInfo: unref(dynamicOptionInfos),
+            fieldTitleList: fieldTitleList.value,
+            optionList: selectOptions.value,
+            isMultiple: unref(isMultiple),
+            curPage: curPage.value,
+            isLastPage: unref(isLastPage),
+            onUpdateSelect: handleUpdateSelect,
+            onUpdatePage: handleUpdatePage
+          }, null, 8, ["oldValue", "dynamicOptionInfo", "fieldTitleList", "optionList", "isMultiple", "curPage", "isLastPage"])
+        ]),
         _: 1
       }, 8, ["value", "loading", "multiple", "onSearch"]);
     };

package/es/components/table-filter/src/components/classify-filter/components/SelectFilter.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     paramCfg: {
         type: ObjectConstructor;
         default: null;
@@ -11,8 +11,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
-}>, {
-    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         paramCfg: {
             type: ObjectConstructor;
             default: null;
@@ -25,15 +25,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: StringConstructor;
             default: string;
         };
-    }>> & Readonly<{
+    }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    }> & {}>;
+    }>>;
     emit: (event: "update:modelValue", ...args: any[]) => void;
-    valueCp: import("vue").WritableComputedRef<any, any>;
+    valueCp: import("vue").WritableComputedRef<any>;
     optionSetting: import("vue").ComputedRef<any>;
     widgetOptions: import("vue").ComputedRef<any>;
-    readonly NSelect: any;
-    readonly WidgetOptionEnums: {
+    NSelect: any;
+    WidgetOptionEnums: {
         RADIO: string;
         MULTIPLE: string;
         ALL: string;
@@ -42,7 +42,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         FUTURE_TIME: string;
         CUSTOM_TIME: string;
     };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     paramCfg: {
         type: ObjectConstructor;
         default: null;
@@ -55,11 +55,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
-}>> & Readonly<{
+}>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     modelValue: string | number | unknown[];
     widgetType: string;
     paramCfg: Record<string, any>;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;