cnhis-design-vue 3.2.7-beta.12 → 3.2.7-beta.14

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

@@ -1,10 +1,12 @@
+import { PropType } from 'vue';
+import { AnyObject } from '../../../../../../shared/types';
 declare const _default: import("vue").DefineComponent<{
     paramCfg: {
         type: ObjectConstructor;
         default: null;
     };
     modelValue: {
-        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+        type: PropType<AnyObject[]>;
         default: null;
     };
 }, {
@@ -15,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
             default: null;
         };
         modelValue: {
-            type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+            type: PropType<AnyObject[]>;
             default: null;
         };
     }>> & {
@@ -23,9 +25,10 @@ declare const _default: import("vue").DefineComponent<{
     }>>;
     getDynamicSelectData: (params: any, filterApiConfig: any) => Promise<any>;
     emit: (event: "update:modelValue", ...args: any[]) => void;
+    selectDynamicRef: any;
     isLoading: import("vue").Ref<boolean>;
-    filterApiConfig: import("../../../../../../shared/types").AnyObject;
-    classifyFilterList: import("vue").Ref<import("../../../../../../shared/types").AnyObject[]>;
+    filterApiConfig: AnyObject;
+    classifyFilterList: import("vue").Ref<AnyObject[]>;
     totalPage: import("vue").Ref<number>;
     menuProps: {
         class: string;
@@ -38,8 +41,8 @@ declare const _default: import("vue").DefineComponent<{
     isMultiple: import("vue").ComputedRef<boolean>;
     dynamicOptionInfos: import("vue").ComputedRef<any>;
     isLastPage: import("vue").ComputedRef<boolean>;
-    originList: import("vue").ComputedRef<any>;
-    valueCp: import("vue").ComputedRef<any>;
+    originList: import("vue").ComputedRef<any[]>;
+    valueCp: import("vue").ComputedRef<string | any[]>;
     isInitRequest: import("vue").ComputedRef<boolean>;
     setOptionActive: (selectIds: string[]) => void;
     handleUpdateSelect: (value: string[] | null) => void;
@@ -55,18 +58,23 @@ declare const _default: import("vue").DefineComponent<{
         [key: string]: any;
     }>;
     init: () => void;
+    saveDynamicBaseList: (selectValue: any[] | null) => void;
     NSelect: any;
     SelectDynamicOption: import("vue").DefineComponent<{
+        oldValue: {
+            type: PropType<AnyObject[]>;
+            default: () => never[];
+        };
         dynamicOptionInfo: {
-            type: import("vue").PropType<import("../../../../../../shared/types").AnyObject>;
+            type: PropType<AnyObject>;
             default: () => {};
         };
         fieldTitleList: {
-            type: import("vue").PropType<import("../../../../../../shared/types").AnyObject[]>;
+            type: PropType<AnyObject[]>;
             default: () => never[];
         };
         optionList: {
-            type: import("vue").PropType<import("../../../../../../shared/types").AnyObject[]>;
+            type: PropType<AnyObject[]>;
             default: () => never[];
         };
         isMultiple: {
@@ -92,16 +100,20 @@ declare const _default: import("vue").DefineComponent<{
     }, {
         selectMinWidth: number;
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            oldValue: {
+                type: PropType<AnyObject[]>;
+                default: () => never[];
+            };
             dynamicOptionInfo: {
-                type: import("vue").PropType<import("../../../../../../shared/types").AnyObject>;
+                type: PropType<AnyObject>;
                 default: () => {};
             };
             fieldTitleList: {
-                type: import("vue").PropType<import("../../../../../../shared/types").AnyObject[]>;
+                type: PropType<AnyObject[]>;
                 default: () => never[];
             };
             optionList: {
-                type: import("vue").PropType<import("../../../../../../shared/types").AnyObject[]>;
+                type: PropType<AnyObject[]>;
                 default: () => never[];
             };
             isMultiple: {
@@ -180,16 +192,20 @@ declare const _default: import("vue").DefineComponent<{
         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[];
+        };
         dynamicOptionInfo: {
-            type: import("vue").PropType<import("../../../../../../shared/types").AnyObject>;
+            type: PropType<AnyObject>;
             default: () => {};
         };
         fieldTitleList: {
-            type: import("vue").PropType<import("../../../../../../shared/types").AnyObject[]>;
+            type: PropType<AnyObject[]>;
             default: () => never[];
         };
         optionList: {
-            type: import("vue").PropType<import("../../../../../../shared/types").AnyObject[]>;
+            type: PropType<AnyObject[]>;
             default: () => never[];
         };
         isMultiple: {
@@ -218,9 +234,10 @@ declare const _default: import("vue").DefineComponent<{
     }, {
         isMultiple: boolean;
         loading: boolean;
-        dynamicOptionInfo: import("../../../../../../shared/types").AnyObject;
-        fieldTitleList: import("../../../../../../shared/types").AnyObject[];
-        optionList: import("../../../../../../shared/types").AnyObject[];
+        oldValue: AnyObject[];
+        dynamicOptionInfo: AnyObject;
+        fieldTitleList: AnyObject[];
+        optionList: AnyObject[];
         curPage: number;
         isLastPage: boolean;
         isShowWhole: boolean;
@@ -231,13 +248,13 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
     modelValue: {
-        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+        type: PropType<AnyObject[]>;
         default: null;
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: string | number | unknown[];
+    modelValue: AnyObject[];
     paramCfg: Record<string, any>;
 }>;
 export default _default;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as a,inject as l,computed as t,watch as n,openBlock as u,createBlock as o,unref as i,isRef as r,withModifiers as s,withCtx as d,createVNode as v,h as c}from"vue";import{useMessage as p,NSelect as m,NTag as f}from"naive-ui";import{WidgetOptionEnums as y,WidgetValEnums as g}from"../../../types/enums.js";import{useDebounceFn as h}from"@vueuse/core";import V from"../../../hooks/useAsyncData.js";import{InjectionFilterApiConfig as w,InjectionClassifyFilterList as b}from"../../../constants/index.js";import{judgmentVariable as k}from"../../render-widget/helpers/setDefaultValue.js";import L from"../../render-widget/components/SelectDynamicOption/index.vue.js";import{isEqual as O}from"lodash-es";var S=e({__name:"SelectDynamic",props:{paramCfg:{type:Object,default:null},modelValue:{type:[Array,String,Number],default:null}},emits:["update:modelValue"],setup(e,{emit:S}){const C=e,A=p(),{getDynamicSelectData:P}=V(),j=a(!1),x=l(w),D=l(b),I=a(0),K={class:"select-dynamic-popover"},T=a(1),_=a(),E=a([]),U=a(),M=t((()=>{var e;return null==(e=C.paramCfg)?void 0:e.optionSetting})),N=t((()=>M.value===y.MULTIPLE)),$=t((()=>{const{dynamicOptionInfo:e={}}=C.paramCfg.optionInfo;return e})),B=t((()=>I.value>0&&T.value>=I.value)),F=t((()=>{if(E.value.length>0)return E.value;const e=D.value.find((e=>e.key===C.paramCfg.p_name));return e&&e.value&&e.dynamicBaseList||[]})),J=t((()=>{var e;if(Array.isArray(C.modelValue)&&C.modelValue.length>0){const e=C.modelValue;if(W(e),!N.value&&1==e.length){const a=F.value.find((a=>a.value===e[0]));return JSON.stringify(a)}return F.value.filter((a=>e.includes(a.value)))}return W([]),null!=(e=C.modelValue)?e:null})),H=t((()=>{if(Object.keys($.value).length>0){const{defaultParams:e=[]}=$.value;return!k(e)}return!0}));function W(e){E.value.forEach((a=>{a.actived=!1,Array.isArray(e)&&e.includes(a.value)&&(a.actived=!0)}))}function q(e){var a;const{defaultValue:l}=C.paramCfg._rawData;(null==(a=null==l?void 0:l.linkageFieldKeys)?void 0:a.length)>0&&l.linkageFieldKeys.forEach((e=>{const a=D.value.find((a=>a.key===e));a&&a.value&&(a.value=a.presetVal=null)})),O(C.modelValue,e)||S("update:modelValue",e)}async function z(e){T.value=e,await G(U.value,T.value)}async function G(e,a){try{if(Object.keys($.value).length>0){const{autograph:l,dataSourceId:t,dataSourceType:n,filterKeys:u,defaultParams:o=[],showKeys:i,valueKey:r}=$.value;let s={wordbookId:t,autograph:l,wordbookType:n,fieldKeys:u,page:a};u.length>0&&(s[u[0]]=e),j.value=!0;if(k(o)){const e=o.map((e=>e.value)).filter((e=>e.includes("${")));e.map((e=>e.match(/\$\{(.+?)\}/)[1])).forEach((e=>{const a=D.value.find((a=>a.key===e));a&&a.value&&a.value!==g.WHOLE&&(s[e]=a.value)}))}let d=await P(s,x);if(d){const{fieldList:e=[],rows:a=[],total:l=0}=d.map,t=a.map((e=>({...e,label:e[i[0]],value:e[r]})));return _.value=null!=e?e:[],E.value=null!=t?t:[],I.value=l,t}}}catch(e){A.error(`异步数据源下拉框数据请求失败：${e}`),console.log(e)}finally{j.value=!1}}const Q=h((async e=>{await async function(e){U.value=e.trim(),T.value=1,await G(U.value,T.value)}(e)}),300);async function R(){Object.keys($.value).length>0&&x&&await G("",T.value)}async function X(){S("update:modelValue",null),await R()}function Y(e){e&&R()}function Z({option:e,handleClose:a}){if(N.value){const l=e.value;return c(f,{style:{padding:"0 8px"},closable:!0,onClose:e=>{if(e.stopPropagation(),a(),Array.isArray(C.modelValue)&&C.modelValue.length>0){const e=C.modelValue,a=e.indexOf(l.value);if(a>-1){const l=e.splice(0,a);S("update:modelValue",l.length>0?l:null)}}}},{default:()=>c("div",l.label)})}const l=e.value?JSON.parse(e.value):{label:""};return c("div",l.label)}return n((()=>C.modelValue),(e=>{let a=[];Array.isArray(e)&&e.length>0&&(N.value||1!=e.length||(a=F.value.filter((a=>a.value===e[0]))),a=F.value.filter((a=>e.includes(a.value))));const l=D.value.find((e=>e.key===C.paramCfg.p_name));l&&l.value&&(l.dynamicBaseList=a)}),{immediate:!0,deep:!0}),H.value&&R(),(e,a)=>(u(),o(i(m),{id:"select-dynamic-popover",style:{width:"200px"},value:i(J),"onUpdate:value":a[0]||(a[0]=e=>r(J)?J.value=e:null),remote:"",clearable:"",filterable:"",maxTagCount:"responsive",loading:j.value,multiple:i(N),menuProps:K,"render-tag":Z,onSearch:i(Q),onClear:X,"onUpdate:show":Y,onClick:a[1]||(a[1]=s((()=>{}),["stop"]))},{empty:d((()=>[v(L,{dynamicOptionInfo:i($),fieldTitleList:_.value,optionList:E.value,isMultiple:i(N),curPage:T.value,isLastPage:i(B),onUpdateSelect:q,onUpdatePage:z},null,8,["dynamicOptionInfo","fieldTitleList","optionList","isMultiple","curPage","isLastPage"])])),_:1},8,["value","loading","multiple","onSearch"]))}});export{S as default};
+import{defineComponent as e,ref as a,inject as l,computed as t,openBlock as u,createBlock as n,unref as o,isRef as i,withModifiers as r,withCtx as s,createVNode as v,h as c}from"vue";import{useMessage as d,NSelect as p,NTag as f}from"naive-ui";import{WidgetOptionEnums as m,WidgetValEnums as y}from"../../../types/enums.js";import{useDebounceFn as g}from"@vueuse/core";import h from"../../../hooks/useAsyncData.js";import{InjectionFilterApiConfig as V,InjectionClassifyFilterList as w}from"../../../constants/index.js";import{judgmentVariable as k}from"../../render-widget/helpers/setDefaultValue.js";import b from"../../render-widget/components/SelectDynamicOption/index.vue.js";import{uniqBy as L,isEqual as O}from"lodash-es";var C=e({__name:"SelectDynamic",props:{paramCfg:{type:Object,default:null},modelValue:{type:Array,default:null}},emits:["update:modelValue"],setup(e,{emit:C}){const S=e,A=d(),{getDynamicSelectData:j}=h(),P=a(null),D=a(!1),x=l(V),I=l(w),_=a(0),K={class:"select-dynamic-popover"},T=a(1),E=a(),U=a([]),M=a(),$=t((()=>{var e;return null==(e=S.paramCfg)?void 0:e.optionSetting})),B=t((()=>$.value===m.MULTIPLE)),F=t((()=>{const{dynamicOptionInfo:e={}}=S.paramCfg.optionInfo;return e})),J=t((()=>_.value>0&&T.value>=_.value)),N=t((()=>{let e=[];const a=I.value.find((e=>e.key===S.paramCfg.p_name));return a&&a.value&&(e=a.dynamicBaseList||[]),L([...e,...U.value],"value")})),H=t((()=>{var e;if(Array.isArray(S.modelValue)&&S.modelValue.length>0){const e=S.modelValue;if(W(e),!B.value&&1==e.length){const a=N.value.find((a=>a.value===e[0]));return JSON.stringify(a)}return N.value.filter((a=>e.includes(a.value)))}return W([]),null!=(e=S.modelValue)?e:null})),R=t((()=>{if(Object.keys(F.value).length>0){const{defaultParams:e=[]}=F.value;return!k(e)}return!0}));function W(e){U.value.forEach((a=>{a.actived=!1,Array.isArray(e)&&e.includes(a.value)&&(a.actived=!0)}))}function q(e){var a;const{defaultValue:l}=S.paramCfg._rawData;(null==(a=null==l?void 0:l.linkageFieldKeys)?void 0:a.length)>0&&l.linkageFieldKeys.forEach((e=>{const a=I.value.find((a=>a.key===e));a&&a.value&&(a.value=a.presetVal=null)})),O(S.modelValue,e)||(C("update:modelValue",e),ae(e))}async function z(e){var a;T.value=e,null==(a=null==P?void 0:P.value)||a.focus(),await G(M.value,T.value)}async function G(e,a){try{if(Object.keys(F.value).length>0){const{autograph:l,dataSourceId:t,dataSourceType:u,filterKeys:n,defaultParams:o=[],showKeys:i,valueKey:r}=F.value;let s={wordbookId:t,autograph:l,wordbookType:u,fieldKeys:n,page:a};n.length>0&&(s[n[0]]=e),D.value=!0;if(k(o)){const e=o.map((e=>e.value)).filter((e=>e.includes("${")));e.map((e=>e.match(/\$\{(.+?)\}/)[1])).forEach((e=>{const a=I.value.find((a=>a.key===e));a&&a.value&&a.value!==y.WHOLE&&(s[e]=a.value)}))}let v=await j(s,x);if(v){const{fieldList:e=[],rows:a=[],total:l=0}=v.map,t=a.map((e=>({...e,label:e[i[0]],value:e[r]})));return E.value=null!=e?e:[],U.value=null!=t?t:[],_.value=l,t}}}catch(e){A.error(`异步数据源下拉框数据请求失败：${e}`),console.log(e)}finally{D.value=!1}}const Q=g((async e=>{await async function(e){M.value=e.trim(),T.value=1,await G(M.value,T.value)}(e)}),300);async function X(){Object.keys(F.value).length>0&&x&&await G("",T.value)}async function Y(){C("update:modelValue",null),ae(null),await X()}function Z(e){M.value="",e&&(T.value=1,X())}function ee({option:e,handleClose:a}){if(B.value){const l=e.value;return c(f,{style:{padding:"0 8px"},closable:!0,onClose:e=>{if(e.stopPropagation(),a(),Array.isArray(S.modelValue)&&S.modelValue.length>0){const e=S.modelValue,a=e.indexOf(l.value);a>-1&&(e.splice(a,1),C("update:modelValue",e.length>0?e:null),ae(e.length>0?e:null))}}},{default:()=>c("div",l.label)})}const l=e.value?JSON.parse(e.value):{label:""};return c("div",l.label)}function ae(e){let a=[];Array.isArray(e)&&e.length>0&&(B.value||1!=e.length||(a=N.value.filter((a=>a.value===e[0]))),a=N.value.filter((a=>e.includes(a.value))));const l=I.value.find((e=>e.key===S.paramCfg.p_name));l&&l.value&&(l.dynamicBaseList=a)}return R.value&&X(),(e,a)=>(u(),n(o(p),{id:"select-dynamic-popover",ref_key:"selectDynamicRef",ref:P,style:{width:"200px"},value:o(H),"onUpdate:value":a[0]||(a[0]=e=>i(H)?H.value=e:null),remote:"",clearable:"",filterable:"",maxTagCount:"responsive",loading:D.value,multiple:o(B),"menu-props":K,"render-tag":ee,onSearch:o(Q),onClear:Y,"onUpdate:show":Z,onClick:a[1]||(a[1]=r((()=>{}),["stop"]))},{empty:s((()=>[v(b,{oldValue:S.modelValue,dynamicOptionInfo:o(F),fieldTitleList:E.value,optionList:U.value,isMultiple:o(B),curPage:T.value,isLastPage:o(J),onUpdateSelect:q,onUpdatePage:z},null,8,["oldValue","dynamicOptionInfo","fieldTitleList","optionList","isMultiple","curPage","isLastPage"])])),_:1},8,["value","loading","multiple","onSearch"]))}});export{C as default};

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

@@ -353,7 +353,7 @@ declare const SelectDynamic: import("vue").DefineComponent<{
         default: null;
     };
     modelValue: {
-        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+        type: import("vue").PropType<import("../../../../../../shared/types").AnyObject[]>;
         default: null;
     };
 }, {
@@ -364,7 +364,7 @@ declare const SelectDynamic: import("vue").DefineComponent<{
             default: null;
         };
         modelValue: {
-            type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+            type: import("vue").PropType<import("../../../../../../shared/types").AnyObject[]>;
             default: null;
         };
     }>> & {
@@ -372,6 +372,7 @@ declare const SelectDynamic: import("vue").DefineComponent<{
     }>>;
     getDynamicSelectData: (params: any, filterApiConfig: any) => Promise<any>;
     emit: (event: "update:modelValue", ...args: any[]) => void;
+    selectDynamicRef: any;
     isLoading: import("vue").Ref<boolean>;
     filterApiConfig: import("../../../../../../shared/types").AnyObject;
     classifyFilterList: import("vue").Ref<import("../../../../../../shared/types").AnyObject[]>;
@@ -387,8 +388,8 @@ declare const SelectDynamic: import("vue").DefineComponent<{
     isMultiple: import("vue").ComputedRef<boolean>;
     dynamicOptionInfos: import("vue").ComputedRef<any>;
     isLastPage: import("vue").ComputedRef<boolean>;
-    originList: import("vue").ComputedRef<any>;
-    valueCp: import("vue").ComputedRef<any>;
+    originList: import("vue").ComputedRef<any[]>;
+    valueCp: import("vue").ComputedRef<string | any[]>;
     isInitRequest: import("vue").ComputedRef<boolean>;
     setOptionActive: (selectIds: string[]) => void;
     handleUpdateSelect: (value: string[] | null) => void;
@@ -404,8 +405,13 @@ declare const SelectDynamic: import("vue").DefineComponent<{
         [key: string]: any;
     }>;
     init: () => void;
+    saveDynamicBaseList: (selectValue: any[] | null) => void;
     NSelect: any;
     SelectDynamicOption: import("vue").DefineComponent<{
+        oldValue: {
+            type: import("vue").PropType<import("../../../../../../shared/types").AnyObject[]>;
+            default: () => never[];
+        };
         dynamicOptionInfo: {
             type: import("vue").PropType<import("../../../../../../shared/types").AnyObject>;
             default: () => {};
@@ -441,6 +447,10 @@ declare const SelectDynamic: import("vue").DefineComponent<{
     }, {
         selectMinWidth: number;
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            oldValue: {
+                type: import("vue").PropType<import("../../../../../../shared/types").AnyObject[]>;
+                default: () => never[];
+            };
             dynamicOptionInfo: {
                 type: import("vue").PropType<import("../../../../../../shared/types").AnyObject>;
                 default: () => {};
@@ -529,6 +539,10 @@ declare const SelectDynamic: import("vue").DefineComponent<{
         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: import("vue").PropType<import("../../../../../../shared/types").AnyObject[]>;
+            default: () => never[];
+        };
         dynamicOptionInfo: {
             type: import("vue").PropType<import("../../../../../../shared/types").AnyObject>;
             default: () => {};
@@ -567,6 +581,7 @@ declare const SelectDynamic: import("vue").DefineComponent<{
     }, {
         isMultiple: boolean;
         loading: boolean;
+        oldValue: import("../../../../../../shared/types").AnyObject[];
         dynamicOptionInfo: import("../../../../../../shared/types").AnyObject;
         fieldTitleList: import("../../../../../../shared/types").AnyObject[];
         optionList: import("../../../../../../shared/types").AnyObject[];
@@ -580,13 +595,13 @@ declare const SelectDynamic: import("vue").DefineComponent<{
         default: null;
     };
     modelValue: {
-        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+        type: import("vue").PropType<import("../../../../../../shared/types").AnyObject[]>;
         default: null;
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: string | number | unknown[];
+    modelValue: import("../../../../../../shared/types").AnyObject[];
     paramCfg: Record<string, any>;
 }>;
 declare const InputNumberGroup: import("vue").DefineComponent<{

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

@@ -520,7 +520,7 @@ declare const _default: import("vue").DefineComponent<{
                 default: null;
             };
             modelValue: {
-                type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+                type: PropType<import("../../../../../shared/types").AnyObject[]>;
                 default: null;
             };
         }, {
@@ -531,7 +531,7 @@ declare const _default: import("vue").DefineComponent<{
                     default: null;
                 };
                 modelValue: {
-                    type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+                    type: PropType<import("../../../../../shared/types").AnyObject[]>;
                     default: null;
                 };
             }>> & {
@@ -539,6 +539,7 @@ declare const _default: import("vue").DefineComponent<{
             }>>;
             getDynamicSelectData: (params: any, filterApiConfig: any) => Promise<any>;
             emit: (event: "update:modelValue", ...args: any[]) => void;
+            selectDynamicRef: any;
             isLoading: import("vue").Ref<boolean>;
             filterApiConfig: import("../../../../../shared/types").AnyObject;
             classifyFilterList: import("vue").Ref<import("../../../../../shared/types").AnyObject[]>;
@@ -554,8 +555,8 @@ declare const _default: import("vue").DefineComponent<{
             isMultiple: import("vue").ComputedRef<boolean>;
             dynamicOptionInfos: import("vue").ComputedRef<any>;
             isLastPage: import("vue").ComputedRef<boolean>;
-            originList: import("vue").ComputedRef<any>;
-            valueCp: import("vue").ComputedRef<any>;
+            originList: import("vue").ComputedRef<any[]>;
+            valueCp: import("vue").ComputedRef<string | any[]>;
             isInitRequest: import("vue").ComputedRef<boolean>;
             setOptionActive: (selectIds: string[]) => void;
             handleUpdateSelect: (value: string[] | null) => void;
@@ -571,8 +572,13 @@ declare const _default: import("vue").DefineComponent<{
                 [key: string]: any;
             }>;
             init: () => void;
+            saveDynamicBaseList: (selectValue: any[] | null) => void;
             NSelect: any;
             SelectDynamicOption: import("vue").DefineComponent<{
+                oldValue: {
+                    type: PropType<import("../../../../../shared/types").AnyObject[]>;
+                    default: () => never[];
+                };
                 dynamicOptionInfo: {
                     type: PropType<import("../../../../../shared/types").AnyObject>;
                     default: () => {};
@@ -608,6 +614,10 @@ declare const _default: import("vue").DefineComponent<{
             }, {
                 selectMinWidth: number;
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                    oldValue: {
+                        type: PropType<import("../../../../../shared/types").AnyObject[]>;
+                        default: () => never[];
+                    };
                     dynamicOptionInfo: {
                         type: PropType<import("../../../../../shared/types").AnyObject>;
                         default: () => {};
@@ -696,6 +706,10 @@ declare const _default: import("vue").DefineComponent<{
                 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<import("../../../../../shared/types").AnyObject[]>;
+                    default: () => never[];
+                };
                 dynamicOptionInfo: {
                     type: PropType<import("../../../../../shared/types").AnyObject>;
                     default: () => {};
@@ -734,6 +748,7 @@ declare const _default: import("vue").DefineComponent<{
             }, {
                 isMultiple: boolean;
                 loading: boolean;
+                oldValue: import("../../../../../shared/types").AnyObject[];
                 dynamicOptionInfo: import("../../../../../shared/types").AnyObject;
                 fieldTitleList: import("../../../../../shared/types").AnyObject[];
                 optionList: import("../../../../../shared/types").AnyObject[];
@@ -747,13 +762,13 @@ declare const _default: import("vue").DefineComponent<{
                 default: null;
             };
             modelValue: {
-                type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+                type: PropType<import("../../../../../shared/types").AnyObject[]>;
                 default: null;
             };
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         }, {
-            modelValue: string | number | unknown[];
+            modelValue: import("../../../../../shared/types").AnyObject[];
             paramCfg: Record<string, any>;
         }>;
         InputNumberGroup: import("vue").DefineComponent<{

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

@@ -1,6 +1,8 @@
+import { PropType } from 'vue';
+import { AnyObject } from '../../../../../../shared/types';
 declare const _default: import("vue").DefineComponent<{
     value: {
-        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+        type: PropType<AnyObject[]>;
     };
     componentCfg: {
         type: ObjectConstructor;
@@ -13,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         value: {
-            type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+            type: PropType<AnyObject[]>;
         };
         componentCfg: {
             type: ObjectConstructor;
@@ -28,8 +30,8 @@ declare const _default: import("vue").DefineComponent<{
     emit: (event: "update:value", ...args: any[]) => void;
     selectDynamicRef: any;
     isLoading: import("vue").Ref<boolean>;
-    filterApiConfig: import("../../../../../../shared/types").AnyObject;
-    searchFilterList: import("vue").Ref<import("../../../../../../shared/types").AnyObject[]>;
+    filterApiConfig: AnyObject;
+    searchFilterList: import("vue").Ref<AnyObject[]>;
     curPage: import("vue").Ref<number>;
     fieldTitleList: import("vue").Ref<any>;
     selectOptions: import("vue").Ref<any[]>;
@@ -43,7 +45,7 @@ declare const _default: import("vue").DefineComponent<{
     dynamicOptionInfos: import("vue").ComputedRef<any>;
     isShowWhole: import("vue").ComputedRef<any>;
     isLastPage: import("vue").ComputedRef<boolean>;
-    valueCp: import("vue").ComputedRef<string | number | any[] | {
+    valueCp: import("vue").ComputedRef<string | any[] | {
         label: any;
         value: any;
     } | null>;
@@ -64,16 +66,20 @@ declare const _default: import("vue").DefineComponent<{
     init: () => void;
     NSelect: any;
     SelectDynamicOption: import("vue").DefineComponent<{
+        oldValue: {
+            type: PropType<AnyObject[]>;
+            default: () => never[];
+        };
         dynamicOptionInfo: {
-            type: import("vue").PropType<import("../../../../../../shared/types").AnyObject>;
+            type: PropType<AnyObject>;
             default: () => {};
         };
         fieldTitleList: {
-            type: import("vue").PropType<import("../../../../../../shared/types").AnyObject[]>;
+            type: PropType<AnyObject[]>;
             default: () => never[];
         };
         optionList: {
-            type: import("vue").PropType<import("../../../../../../shared/types").AnyObject[]>;
+            type: PropType<AnyObject[]>;
             default: () => never[];
         };
         isMultiple: {
@@ -99,16 +105,20 @@ declare const _default: import("vue").DefineComponent<{
     }, {
         selectMinWidth: number;
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            oldValue: {
+                type: PropType<AnyObject[]>;
+                default: () => never[];
+            };
             dynamicOptionInfo: {
-                type: import("vue").PropType<import("../../../../../../shared/types").AnyObject>;
+                type: PropType<AnyObject>;
                 default: () => {};
             };
             fieldTitleList: {
-                type: import("vue").PropType<import("../../../../../../shared/types").AnyObject[]>;
+                type: PropType<AnyObject[]>;
                 default: () => never[];
             };
             optionList: {
-                type: import("vue").PropType<import("../../../../../../shared/types").AnyObject[]>;
+                type: PropType<AnyObject[]>;
                 default: () => never[];
             };
             isMultiple: {
@@ -187,16 +197,20 @@ declare const _default: import("vue").DefineComponent<{
         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[];
+        };
         dynamicOptionInfo: {
-            type: import("vue").PropType<import("../../../../../../shared/types").AnyObject>;
+            type: PropType<AnyObject>;
             default: () => {};
         };
         fieldTitleList: {
-            type: import("vue").PropType<import("../../../../../../shared/types").AnyObject[]>;
+            type: PropType<AnyObject[]>;
             default: () => never[];
         };
         optionList: {
-            type: import("vue").PropType<import("../../../../../../shared/types").AnyObject[]>;
+            type: PropType<AnyObject[]>;
             default: () => never[];
         };
         isMultiple: {
@@ -225,16 +239,17 @@ declare const _default: import("vue").DefineComponent<{
     }, {
         isMultiple: boolean;
         loading: boolean;
-        dynamicOptionInfo: import("../../../../../../shared/types").AnyObject;
-        fieldTitleList: import("../../../../../../shared/types").AnyObject[];
-        optionList: import("../../../../../../shared/types").AnyObject[];
+        oldValue: AnyObject[];
+        dynamicOptionInfo: AnyObject;
+        fieldTitleList: AnyObject[];
+        optionList: AnyObject[];
         curPage: number;
         isLastPage: boolean;
         isShowWhole: boolean;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
-        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+        type: PropType<AnyObject[]>;
     };
     componentCfg: {
         type: ObjectConstructor;

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

@@ -1 +1 @@
-import{defineComponent as e,useAttrs as a,ref as l,inject as t,computed as u,nextTick as n,openBlock as o,createBlock as i,unref as s,mergeProps as r,isRef as v,withCtx as c,createVNode as f,h as p}from"vue";import{useMessage as d,NSelect as m,NTag as y}from"naive-ui";import{useDebounceFn as g}from"@vueuse/core";import h from"../../../hooks/useAsyncData.js";import{judgmentVariable as w}from"../helpers/setDefaultValue.js";import{WholeSelectObj as S}from"../helpers/selectExtraMap.js";import{WidgetValEnums as O}from"../../../types/enums.js";import{InjectionFilterApiConfig as b,InjectionFilterSearchConfig as j}from"../../../constants/index.js";import k from"./SelectDynamicOption/index.vue.js";import{isEqual as C,cloneDeep as N}from"lodash-es";var A=e({__name:"SelectDynamic",props:{value:{type:[Array,String,Number]},componentCfg:{type:Object}},emits:["update:value"],setup(e,{emit:A}){const L=e,P=d(),D="SQL",J="API",{getDynamicSelectData:x}=h(),I=a(),E=l(null),K=l(!1),T=t(b),$=t(j),U=l(1),W=l(),_=l([JSON.parse(JSON.stringify(S))]),M=l([]),F=l(),H=l(0),Q={class:"select-dynamic-popover"},R=u((()=>I.multiple)),V=u((()=>{const{widgetCfg:e}=L.componentCfg,{dynamicOptionInfo:a={}}=e;return a})),q=u((()=>{const{widgetCfg:e}=L.componentCfg,{showWholeOption:a=!1}=e;return a&&1===U.value})),z=u((()=>H.value>0&&U.value>=H.value)),B=u((()=>{var e;if(Array.isArray(L.value)&&L.value.length>0){const e=L.value;if(X(e),e.includes(S.value)){const e=_.value.find((e=>e.value===S.value)),a=e||S;return R.value?[a]:JSON.stringify(a)}if(!R.value&&1==e.length){const a=_.value.find((a=>a.value===e[0]));return a?JSON.stringify(a):{label:e[0].includes("&")?e[0].split("&")[0]:e[0],value:e[0]}}const a=_.value.filter((a=>e.includes(a.value))),l=a.map((e=>e.value)),t=e.filter((e=>!l.includes(e))).map((e=>({label:e.includes("&")?e.split("&")[0]:e,value:e})));return[...a,...t]}return X([]),null!=(e=L.value)?e:null})),G=u((()=>{if(Object.keys(V.value).length>0){const{defaultParams:e=[]}=V.value;return w(e)&&!L.value}return!1}));function X(e){_.value.forEach((a=>{a.actived=!1,Array.isArray(e)&&e.includes(a.value)&&(a.actived=!0)}))}function Y(e){const{widgetCfg:a}=L.componentCfg,{linkageFieldKeys:l=[]}=a;C(L.value,e)||(l.forEach((e=>{const a=$.value.find((a=>a.columnName===e));a&&a.value&&(a.value=null)})),A("update:value",e))}async function Z(e){var a;U.value=e,null==(a=null==E?void 0:E.value)||a.focus(),await ee(F.value,U.value)}async function ee(e,a){try{if(K.value=!0,Object.keys(V.value).length>0){const{autograph:l,dataSourceId:t,dataSourceType:u,filterKeys:n,defaultParams:o=[],showKeys:i,valueKey:s,tableDataType:r}=V.value;let v={wordbookId:t,autograph:l,wordbookType:u,fieldKeys:n,page:a};switch(r){case D:v.keyword=e;break;case J:n.length>0&&(v[n[0]]=e)}if(w(o)){const e=o.map((e=>e.value)).filter((e=>e.includes("${")));e.map((e=>e.match(/\$\{(.+?)\}/)[1])).forEach((e=>{const a=$.value.find((a=>a.columnName===e));a&&a.value&&a.value!==O.WHOLE&&(v[e]=a.value)}))}let c=await x(v,T);if(c){const{fieldList:e=[],rows:a=[],total:l=0}=c.map,t=a.map((e=>({...e,label:e[i[0]],value:`${e[i[0]]}&${e[s]}`}))),u=N(t);q.value&&t.unshift(JSON.parse(JSON.stringify(S))),W.value=null!=e?e:[],_.value=null!=t?t:[],M.value=u,H.value=l}}}catch(e){P.error(`异步数据源下拉框数据请求失败：${e}`),console.log(e)}finally{K.value=!1}}const ae=g((async e=>{await async function(e){F.value=e.trim(),U.value=1,await ee(F.value,U.value)}(e)}),300);async function le(){Object.keys(V.value).length>0&&T&&await ee("",U.value)}async function te(){A("update:value",null),await le()}function ue(e){F.value="",e&&(U.value=1,le())}function ne({option:e,handleClose:a}){if(R.value){const l=e.value;return p(y,{style:{padding:"0 8px"},closable:!0,onClose:e=>{if(e.stopPropagation(),a(),Array.isArray(L.value)&&L.value.length>0){const e=L.value,a=e.indexOf(l.value);if(a>-1){const l=e.splice(0,a);A("update:value",l.length>0?l:null)}}}},{default:()=>p("div",l.label)})}const l=e.value?JSON.parse(e.value):{label:""};return p("div",l.label)}return n((()=>{G.value||le()})),(e,a)=>(o(),i(s(m),r({ref_key:"selectDynamicRef",ref:E},s(I),{value:s(B),"onUpdate:value":a[0]||(a[0]=e=>v(B)?B.value=e:null),remote:"",loading:K.value,"render-tag":ne,"menu-props":Q,onSearch:s(ae),onClear:te,"onUpdate:show":ue}),{empty:c((()=>[f(k,r(s(I),{loading:K.value,dynamicOptionInfo:s(V),fieldTitleList:W.value,optionList:_.value,isMultiple:s(R),curPage:U.value,isLastPage:s(z),isShowWhole:s(q),onUpdateSelect:Y,onUpdatePage:Z}),null,16,["loading","dynamicOptionInfo","fieldTitleList","optionList","isMultiple","curPage","isLastPage","isShowWhole"])])),_:1},16,["value","loading","onSearch"]))}});export{A as default};
+import{defineComponent as e,useAttrs as a,ref as l,inject as t,computed as u,nextTick as n,openBlock as o,createBlock as i,unref as s,mergeProps as r,isRef as v,withCtx as c,createVNode as p,h as f}from"vue";import{useMessage as d,NSelect as m,NTag as y}from"naive-ui";import{useDebounceFn as g}from"@vueuse/core";import h from"../../../hooks/useAsyncData.js";import{judgmentVariable as w}from"../helpers/setDefaultValue.js";import{WholeSelectObj as O}from"../helpers/selectExtraMap.js";import{WidgetValEnums as S}from"../../../types/enums.js";import{InjectionFilterApiConfig as b,InjectionFilterSearchConfig as j}from"../../../constants/index.js";import k from"./SelectDynamicOption/index.vue.js";import{isEqual as C,cloneDeep as A}from"lodash-es";var L=e({__name:"SelectDynamic",props:{value:{type:Array},componentCfg:{type:Object}},emits:["update:value"],setup(e,{emit:L}){const N=e,P=d(),D="SQL",J="API",{getDynamicSelectData:x}=h(),I=a(),E=l(null),K=l(!1),T=t(b),$=t(j),U=l(1),W=l(),_=l([JSON.parse(JSON.stringify(O))]),M=l([]),V=l(),F=l(0),H={class:"select-dynamic-popover"},Q=u((()=>I.multiple)),R=u((()=>{const{widgetCfg:e}=N.componentCfg,{dynamicOptionInfo:a={}}=e;return a})),q=u((()=>{const{widgetCfg:e}=N.componentCfg,{showWholeOption:a=!1}=e;return a&&1===U.value})),z=u((()=>F.value>0&&U.value>=F.value)),B=u((()=>{var e;if(Array.isArray(N.value)&&N.value.length>0){const e=N.value;if(X(e),e.includes(O.value)){const e=_.value.find((e=>e.value===O.value)),a=e||O;return Q.value?[a]:JSON.stringify(a)}if(!Q.value&&1==e.length){const a=_.value.find((a=>a.value===e[0]));return a?JSON.stringify(a):{label:e[0].includes("&")?e[0].split("&")[0]:e[0],value:e[0]}}const a=_.value.filter((a=>e.includes(a.value))),l=a.map((e=>e.value)),t=e.filter((e=>!l.includes(e))).map((e=>({label:e.includes("&")?e.split("&")[0]:e,value:e})));return[...a,...t]}return X([]),null!=(e=N.value)?e:null})),G=u((()=>{if(Object.keys(R.value).length>0){const{defaultParams:e=[]}=R.value;return w(e)&&!N.value}return!1}));function X(e){_.value.forEach((a=>{a.actived=!1,Array.isArray(e)&&e.includes(a.value)&&(a.actived=!0)}))}function Y(e){const{widgetCfg:a}=N.componentCfg,{linkageFieldKeys:l=[]}=a;C(N.value,e)||(l.forEach((e=>{const a=$.value.find((a=>a.columnName===e));a&&a.value&&(a.value=null)})),L("update:value",e))}async function Z(e){var a;U.value=e,null==(a=null==E?void 0:E.value)||a.focus(),await ee(V.value,U.value)}async function ee(e,a){try{if(K.value=!0,Object.keys(R.value).length>0){const{autograph:l,dataSourceId:t,dataSourceType:u,filterKeys:n,defaultParams:o=[],showKeys:i,valueKey:s,tableDataType:r}=R.value;let v={wordbookId:t,autograph:l,wordbookType:u,fieldKeys:n,page:a};switch(r){case D:v.keyword=e;break;case J:n.length>0&&(v[n[0]]=e)}if(w(o)){const e=o.map((e=>e.value)).filter((e=>e.includes("${")));e.map((e=>e.match(/\$\{(.+?)\}/)[1])).forEach((e=>{const a=$.value.find((a=>a.columnName===e));a&&a.value&&a.value!==S.WHOLE&&(v[e]=a.value)}))}let c=await x(v,T);if(c){const{fieldList:e=[],rows:a=[],total:l=0}=c.map,t=a.map((e=>({...e,label:e[i[0]],value:`${e[i[0]]}&${e[s]}`}))),u=A(t);q.value&&t.unshift(JSON.parse(JSON.stringify(O))),W.value=null!=e?e:[],_.value=null!=t?t:[],M.value=u,F.value=l}}}catch(e){P.error(`异步数据源下拉框数据请求失败：${e}`),console.log(e)}finally{K.value=!1}}const ae=g((async e=>{await async function(e){V.value=e.trim(),U.value=1,await ee(V.value,U.value)}(e)}),300);async function le(){Object.keys(R.value).length>0&&T&&await ee("",U.value)}async function te(){L("update:value",null),await le()}function ue(e){V.value="",e&&(U.value=1,le())}function ne({option:e,handleClose:a}){if(Q.value){const l=e.value;return f(y,{style:{padding:"0 8px"},closable:!0,onClose:e=>{if(e.stopPropagation(),a(),Array.isArray(N.value)&&N.value.length>0){const e=N.value,a=e.indexOf(l.value);a>-1&&(e.splice(a,1),L("update:value",e.length>0?e:null))}}},{default:()=>f("div",l.label)})}const l=e.value?JSON.parse(e.value):{label:""};return f("div",l.label)}return n((()=>{G.value||le()})),(e,a)=>(o(),i(s(m),r({ref_key:"selectDynamicRef",ref:E},s(I),{value:s(B),"onUpdate:value":a[0]||(a[0]=e=>v(B)?B.value=e:null),remote:"",loading:K.value,"render-tag":ne,"menu-props":H,onSearch:s(ae),onClear:te,"onUpdate:show":ue}),{empty:c((()=>[p(k,r(s(I),{oldValue:N.value,loading:K.value,dynamicOptionInfo:s(R),fieldTitleList:W.value,optionList:_.value,isMultiple:s(Q),curPage:U.value,isLastPage:s(z),isShowWhole:s(q),onUpdateSelect:Y,onUpdatePage:Z}),null,16,["oldValue","loading","dynamicOptionInfo","fieldTitleList","optionList","isMultiple","curPage","isLastPage","isShowWhole"])])),_:1},16,["value","loading","onSearch"]))}});export{L as default};

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

@@ -1,6 +1,10 @@
 import { PropType } from 'vue';
 import { AnyObject } from '../../../../../../../shared/types';
 declare const _default: import("vue").DefineComponent<{
+    oldValue: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
     dynamicOptionInfo: {
         type: PropType<AnyObject>;
         default: () => {};
@@ -36,6 +40,10 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     selectMinWidth: number;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        oldValue: {
+            type: PropType<AnyObject[]>;
+            default: () => never[];
+        };
         dynamicOptionInfo: {
             type: PropType<AnyObject>;
             default: () => {};
@@ -124,6 +132,10 @@ declare const _default: import("vue").DefineComponent<{
     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[];
+    };
     dynamicOptionInfo: {
         type: PropType<AnyObject>;
         default: () => {};
@@ -162,6 +174,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     isMultiple: boolean;
     loading: boolean;
+    oldValue: AnyObject[];
     dynamicOptionInfo: AnyObject;
     fieldTitleList: AnyObject[];
     optionList: AnyObject[];

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

@@ -1 +1 @@
-import{defineComponent as e,ref as t,computed as i,withDirectives as a,openBlock as l,createElementBlock as n,normalizeStyle as o,createBlock as s,unref as c,Fragment as d,renderList as u,toDisplayString as r,createCommentVNode as p,createElementVNode as v,normalizeClass as m,withCtx as f,createTextVNode as y,createVNode as h}from"vue";import{NEmpty as g,NPopover as k,NButtonGroup as L,NButton as b,NIcon as E}from"naive-ui";import{vFlexibleResize as P}from"../../../../../../../shared/directive/flexibleResize.js";import{WidgetValEnums as x}from"../../../../types/enums.js";import{ArrowBack as M,ArrowForward as O}from"@vicons/ionicons5";import{WholeSelectObj as W}from"../../helpers/selectExtraMap.js";const _={key:0,class:"dynamic-header"},S={class:"dynamic-content"},j=["onClick"],w={key:0,class:"content"},B={class:"content"},C={class:"dynamic-pagination"};var z=e({__name:"index",props:{dynamicOptionInfo:{type:Object,default:()=>({})},fieldTitleList:{type:Array,default:()=>[]},optionList:{type:Array,default:()=>[]},isMultiple:{type:Boolean,default:!1},curPage:{type:Number,default:1},isLastPage:{type:Boolean,default:!1},isShowWhole:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},emits:["updateSelect","updatePage"],setup(e,{emit:z}){const H=e,A=t(200),I=i((()=>{var e,t;return null!=(t=null==(e=H.dynamicOptionInfo)?void 0:e.showKeys)?t:[]})),N=i((()=>I.value&&I.value.length>0?I.value.map((e=>{let t="";return H.fieldTitleList.forEach((i=>{i.columnName===e&&(t=i.title)})),t})):[])),R=i((()=>!H.optionList.filter((e=>e.label!=W.label)).length));function T(e){const t=H.curPage+e;z("updatePage",t)}function K({distance:e}){const t=A.value+e;A.value=Math.min(Math.max(t,200),1e3)}function V(){}return(t,i)=>a((l(),n("div",{class:"select-dynamic-options",style:o({minWidth:A.value+"px",position:"relative"})},[e.loading?(l(),s(c(g),{key:0,"show-icon":!1,description:"加载中..."})):(l(),n(d,{key:1},[c(R)?(l(),s(c(g),{key:0,description:"无数据"})):(l(),n(d,{key:1},[c(N)&&c(N).length>1?(l(),n("div",_,[(l(!0),n(d,null,u(c(N),(e=>(l(),n("span",{key:e,class:"name"},r(e),1)))),128))])):p("v-if",!0),v("ul",S,[(l(!0),n(d,null,u(e.optionList,(t=>(l(),n("li",{class:m(t.actived?"actived":""),key:t.value,onClick:e=>function(e){var t,i,a;if(!H.isMultiple||e.value===x.WHOLE)return null==(t=H.optionList)||t.forEach((e=>{e.actived=!1})),e.actived=!0,void z("updateSelect",[e.value]);null==(i=H.optionList)||i.forEach((e=>{e.value===x.WHOLE&&(e.actived=!1)})),e.actived?e.actived=!1:e.actived=!0;const l=null==(a=H.optionList)?void 0:a.filter((e=>e.actived)).map((e=>e.value));z("updateSelect",l)}(t)},[e.isShowWhole&&t.value===c(x).WHOLE?(l(),n("span",w,r(t.label),1)):(l(!0),n(d,{key:1},u(c(I),(e=>(l(),s(c(k),{key:e,trigger:"hover",duration:0},{trigger:f((()=>[v("span",B,r(t[e]),1)])),default:f((()=>[y(" "+r(t[e]),1)])),_:2},1024)))),128))],10,j)))),128))]),v("div",C,[h(c(L),null,{default:f((()=>[h(c(b),{onClick:i[0]||(i[0]=e=>T(-1)),disabled:e.curPage<=1},{icon:f((()=>[h(c(E),{component:c(M),size:"16"},null,8,["component"])])),default:f((()=>[y(" 上一页 ")])),_:1},8,["disabled"]),h(c(b),{"icon-placement":"right",onClick:i[1]||(i[1]=e=>T(1)),disabled:e.isLastPage},{icon:f((()=>[h(c(E),{component:c(O),size:"16"},null,8,["component"])])),default:f((()=>[y(" 下一页 ")])),_:1},8,["disabled"])])),_:1})])],64))],64))],4)),[[c(P),{mode:"VR",onMove:K,onEnd:V}]])}});export{z as default};
+import{defineComponent as e,ref as t,computed as l,withDirectives as a,openBlock as i,createElementBlock as n,normalizeStyle as o,createBlock as s,unref as c,Fragment as d,renderList as u,toDisplayString as r,createCommentVNode as p,createElementVNode as v,normalizeClass as f,withCtx as m,createTextVNode as y,createVNode as h}from"vue";import{NEmpty as g,NPopover as k,NButtonGroup as L,NButton as b,NIcon as E}from"naive-ui";import{vFlexibleResize as S}from"../../../../../../../shared/directive/flexibleResize.js";import{WidgetValEnums as P}from"../../../../types/enums.js";import{ArrowBack as x,ArrowForward as M}from"@vicons/ionicons5";import{WholeSelectObj as O}from"../../helpers/selectExtraMap.js";const W={key:0,class:"dynamic-header"},_={class:"dynamic-content"},w=["onClick"],V={key:0,class:"content"},j={class:"content"},B={class:"dynamic-pagination"};var C=e({__name:"index",props:{oldValue:{type:Array,default:()=>[]},dynamicOptionInfo:{type:Object,default:()=>({})},fieldTitleList:{type:Array,default:()=>[]},optionList:{type:Array,default:()=>[]},isMultiple:{type:Boolean,default:!1},curPage:{type:Number,default:1},isLastPage:{type:Boolean,default:!1},isShowWhole:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},emits:["updateSelect","updatePage"],setup(e,{emit:C}){const z=e,A=t(200),H=l((()=>{var e,t;return null!=(t=null==(e=z.dynamicOptionInfo)?void 0:e.showKeys)?t:[]})),I=l((()=>H.value&&H.value.length>0?H.value.map((e=>{let t="";return z.fieldTitleList.forEach((l=>{l.columnName===e&&(t=l.title)})),t})):[])),N=l((()=>!z.optionList.filter((e=>e.label!=O.label)).length));function R(e){const t=z.curPage+e;C("updatePage",t)}function T({distance:e}){const t=A.value+e;A.value=Math.min(Math.max(t,200),1e3)}function K(){}return(t,l)=>a((i(),n("div",{class:"select-dynamic-options",style:o({minWidth:A.value+"px",position:"relative"})},[e.loading?(i(),s(c(g),{key:0,"show-icon":!1,description:"加载中..."})):(i(),n(d,{key:1},[c(N)?(i(),s(c(g),{key:0,description:"无数据"})):(i(),n(d,{key:1},[c(I)&&c(I).length>1?(i(),n("div",W,[(i(!0),n(d,null,u(c(I),(e=>(i(),n("span",{key:e,class:"name"},r(e),1)))),128))])):p("v-if",!0),v("ul",_,[(i(!0),n(d,null,u(e.optionList,(t=>(i(),n("li",{class:f(t.actived?"actived":""),key:t.value,onClick:e=>function(e){var t,l,a,i;if(!z.isMultiple||e.value===P.WHOLE)return null==(t=z.optionList)||t.forEach((e=>{e.actived=!1})),e.actived=!0,void C("updateSelect",[e.value]);null==(l=z.optionList)||l.forEach((e=>{e.value===P.WHOLE&&(e.actived=!1)})),e.actived?e.actived=!1:e.actived=!0;const n=null==(a=z.optionList)?void 0:a.filter((e=>e.actived)).map((e=>e.value));if(z.oldValue&&(null==(i=z.oldValue)?void 0:i.length)>0){const t=[...new Set([...z.oldValue,...n])];return e.actived?C("updateSelect",t):C("updateSelect",t.filter((t=>t!=e.value)))}C("updateSelect",n)}(t)},[e.isShowWhole&&t.value===c(P).WHOLE?(i(),n("span",V,r(t.label),1)):(i(!0),n(d,{key:1},u(c(H),(e=>(i(),s(c(k),{key:e,trigger:"hover",duration:0},{trigger:m((()=>[v("span",j,r(t[e]),1)])),default:m((()=>[y(" "+r(t[e]),1)])),_:2},1024)))),128))],10,w)))),128))]),v("div",B,[h(c(L),null,{default:m((()=>[h(c(b),{onClick:l[0]||(l[0]=e=>R(-1)),disabled:e.curPage<=1},{icon:m((()=>[h(c(E),{component:c(x),size:"16"},null,8,["component"])])),default:m((()=>[y(" 上一页 ")])),_:1},8,["disabled"]),h(c(b),{"icon-placement":"right",onClick:l[1]||(l[1]=e=>R(1)),disabled:e.isLastPage},{icon:m((()=>[h(c(E),{component:c(M),size:"16"},null,8,["component"])])),default:m((()=>[y(" 下一页 ")])),_:1},8,["disabled"])])),_:1})])],64))],64))],4)),[[c(S),{mode:"VR",onMove:T,onEnd:K}]])}});export{C as default};