cnhis-design-vue 3.2.7-release.1 → 3.2.7-release.2

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};

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

@@ -204,6 +204,10 @@ declare const DateInner: import("vue").DefineComponent<{
         allowedInvalidValue: {
             type: StringConstructor;
         };
+        to: {
+            type: import("vue").PropType<string | false | HTMLElement>;
+            default: string;
+        };
     }, {
         attrs: {
             [x: string]: unknown;
@@ -224,6 +228,10 @@ declare const DateInner: import("vue").DefineComponent<{
             allowedInvalidValue: {
                 type: StringConstructor;
             };
+            to: {
+                type: import("vue").PropType<string | false | HTMLElement>;
+                default: string;
+            };
         }>> & {
             "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
         }>>;
@@ -260,10 +268,15 @@ declare const DateInner: import("vue").DefineComponent<{
         allowedInvalidValue: {
             type: StringConstructor;
         };
+        to: {
+            type: import("vue").PropType<string | false | HTMLElement>;
+            default: string;
+        };
     }>> & {
         "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
     }, {
         updateUnchangedValue: boolean;
+        to: string | false | HTMLElement;
     }>>;
     DateQuickBtn: import("vue").DefineComponent<{
         componentCfg: {
@@ -452,6 +465,10 @@ declare const DateOut: import("vue").DefineComponent<{
         allowedInvalidValue: {
             type: StringConstructor;
         };
+        to: {
+            type: import("vue").PropType<string | false | HTMLElement>;
+            default: string;
+        };
     }, {
         attrs: {
             [x: string]: unknown;
@@ -472,6 +489,10 @@ declare const DateOut: import("vue").DefineComponent<{
             allowedInvalidValue: {
                 type: StringConstructor;
             };
+            to: {
+                type: import("vue").PropType<string | false | HTMLElement>;
+                default: string;
+            };
         }>> & {
             "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
         }>>;
@@ -508,10 +529,15 @@ declare const DateOut: import("vue").DefineComponent<{
         allowedInvalidValue: {
             type: StringConstructor;
         };
+        to: {
+            type: import("vue").PropType<string | false | HTMLElement>;
+            default: string;
+        };
     }>> & {
         "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
     }, {
         updateUnchangedValue: boolean;
+        to: string | false | HTMLElement;
     }>>;
 }, 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: {
@@ -662,6 +688,10 @@ declare const DateRangeInner: import("vue").DefineComponent<{
         allowedInvalidValue: {
             type: StringConstructor;
         };
+        to: {
+            type: import("vue").PropType<string | false | HTMLElement>;
+            default: string;
+        };
     }, {
         attrs: {
             [x: string]: unknown;
@@ -682,6 +712,10 @@ declare const DateRangeInner: import("vue").DefineComponent<{
             allowedInvalidValue: {
                 type: StringConstructor;
             };
+            to: {
+                type: import("vue").PropType<string | false | HTMLElement>;
+                default: string;
+            };
         }>> & {
             "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
         }>>;
@@ -718,10 +752,15 @@ declare const DateRangeInner: import("vue").DefineComponent<{
         allowedInvalidValue: {
             type: StringConstructor;
         };
+        to: {
+            type: import("vue").PropType<string | false | HTMLElement>;
+            default: string;
+        };
     }>> & {
         "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
     }, {
         updateUnchangedValue: boolean;
+        to: string | false | HTMLElement;
     }>>;
     DateQuickBtn: import("vue").DefineComponent<{
         componentCfg: {
@@ -917,6 +956,10 @@ declare const DateRangeOut: import("vue").DefineComponent<{
         allowedInvalidValue: {
             type: StringConstructor;
         };
+        to: {
+            type: import("vue").PropType<string | false | HTMLElement>;
+            default: string;
+        };
     }, {
         attrs: {
             [x: string]: unknown;
@@ -937,6 +980,10 @@ declare const DateRangeOut: import("vue").DefineComponent<{
             allowedInvalidValue: {
                 type: StringConstructor;
             };
+            to: {
+                type: import("vue").PropType<string | false | HTMLElement>;
+                default: string;
+            };
         }>> & {
             "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
         }>>;
@@ -973,10 +1020,15 @@ declare const DateRangeOut: import("vue").DefineComponent<{
         allowedInvalidValue: {
             type: StringConstructor;
         };
+        to: {
+            type: import("vue").PropType<string | false | HTMLElement>;
+            default: string;
+        };
     }>> & {
         "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
     }, {
         updateUnchangedValue: boolean;
+        to: string | false | HTMLElement;
     }>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
@@ -1158,7 +1210,7 @@ declare const Select: import("vue").DefineComponent<{
 }, {}>;
 declare const SelectDynamic: import("vue").DefineComponent<{
     value: {
-        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+        type: import("vue").PropType<import("../../../../../../shared/types").AnyObject[]>;
     };
     componentCfg: {
         type: ObjectConstructor;
@@ -1171,7 +1223,7 @@ declare const SelectDynamic: import("vue").DefineComponent<{
     };
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         value: {
-            type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+            type: import("vue").PropType<import("../../../../../../shared/types").AnyObject[]>;
         };
         componentCfg: {
             type: ObjectConstructor;
@@ -1201,7 +1253,7 @@ declare const SelectDynamic: 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>;
@@ -1222,6 +1274,10 @@ declare const SelectDynamic: import("vue").DefineComponent<{
     init: () => 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: () => {};
@@ -1257,6 +1313,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: () => {};
@@ -1345,6 +1405,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: () => {};
@@ -1383,6 +1447,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[];
@@ -1392,7 +1457,7 @@ declare const SelectDynamic: import("vue").DefineComponent<{
     }>;
 }, 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: import("vue").PropType<import("../../../../../../shared/types").AnyObject[]>;
     };
     componentCfg: {
         type: ObjectConstructor;