cnhis-design-vue 3.1.46-beta.0 → 3.1.46-beta.2

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

@@ -1 +1 @@
-import{defineComponent as e,useAttrs as a,ref as t,inject as n,computed as l,openBlock as o,createBlock as i,unref as u,mergeProps as r,isRef as s,h as c}from"vue";import{NSelect as p,NTag as v}from"naive-ui";import{useDebounceFn as d}from"@vueuse/core";import f from"../../../hooks/useMixins.js";import{InjectionFilterApiConfig as m}from"../../../constants/index.js";var y=e({__name:"Select",props:{value:{type:[Array,String,Number]}},emits:["update:value","changeInitState"],setup(e,{emit:y}){const g=e,{handleGetConfigApi:h}=f(),b=a(),w=t([]),I=t(!1),S=t(!1),A=n(m),O=l({set(e){const a=Array.isArray(e)?e:e?[e]:null;y("update:value",a)},get(){var e;if(Array.isArray(g.value)&&g.value.length>0){const{multiple:e}=b;return e||1!=g.value.length?g.value:g.value[0]}return null!=(e=g.value)?e:null}});async function k(e){try{if(b.dynamicOptionInfo){const{autograph:a,dataSourceId:t,dataSourceType:n,filterKeys:l,showKeys:o,valueKey:i}=b.dynamicOptionInfo;let u={wordbookId:t,autograph:a,wordbookType:n,fieldKeys:l,page:1};l.length>0&&(u[l[0]]=e),S.value=!0;let r=await h(u,"requestDynamicSelect",{},A);if(r){const{fieldList:e=[],rows:a=[]}=r,t=a.map((e=>({...e,label:e[o[0]],value:e[i]})));return w.value=t,t}}}catch(e){console.log(e)}finally{S.value=!1}}const K=d((async e=>{await async function(e){const{manualMapping:a}=b;if(!a){const a=e.trim();await k(a)}}(e)}),300);async function M(){const{manualMapping:e,dynamicOptionInfo:a,valueList:t}=b;if(e&&Array.isArray(t))return I.value=!1,void(w.value=t.map((({value:e,label:a})=>({value:e,label:a}))));Object.keys(a).length>0&&A&&(I.value=!0,await k(""))}function x(e){const{manualMapping:a}=b;if(a)return c("div",e.label);const{showKeys:t=[]}=b.dynamicOptionInfo;return b.dynamicOptionInfo&&t.length>0?c("div",{class:"select-widget-dynamic-option"},t.map((a=>c("span",{class:"select-widget-dynamic-item"},e[a])))):c("div",e.label)}function C({option:e,handleClose:a}){const{multiple:t}=b;return t?c(v,{style:{padding:"0 8px"},closable:!0,onClose:e=>{e.stopPropagation(),a()}},{default:()=>c("div",e.label)}):c("div",e.label)}return async function(){const{manualMapping:e,defValue:a,defValueUnit:t,_frontId:n,isInit:l}=b;await M();const o=Array.isArray(g.value)?g.value.length>0:g.value;if(!l&&!o){if(e)return y("update:value",a),void y("changeInitState",n,!0);if(t)switch(t){case"FIRST":{const e=w.value[0];y("update:value",[e.value]),y("changeInitState",n,!0);break}}}}(),(e,a)=>(o(),i(u(p),r(u(b),{value:u(O),"onUpdate:value":a[0]||(a[0]=e=>s(O)?O.value=e:null),to:"body",loading:S.value,options:w.value,remote:I.value,"render-label":x,"render-tag":C,onSearch:u(K),onClear:M}),null,16,["value","loading","options","remote","onSearch"]))}});export{y as default};
+import{defineComponent as e,useAttrs as t,computed as u,openBlock as r,createBlock as o,unref as n,mergeProps as a}from"vue";import{NSelect as l}from"naive-ui";import{WholeSelectObj as i}from"../helpers/selectExtraMap.js";import{WidgetValEnums as p}from"../../../types/enums.js";var s=e({__name:"Select",props:{value:{type:[Array,String,Number]},componentCfg:{type:Object}},emits:["update:value"],setup(e,{emit:s}){const m=e,v=t(),c=u((()=>m.value)),f=u((()=>v.multiple)),d=u((()=>{const{widgetCfg:e}=m.componentCfg,{showWholeOption:t=!1}=e;return t})),g=u((()=>{const{widgetCfg:e}=m.componentCfg,{valueList:t=[]}=e;if(d.value){return[i,...t]}return t}));function y(e){if(d.value&&f.value&&Array.isArray(e)&&e.includes(p.WHOLE)){const t=e.slice(-1);if(t.includes(p.WHOLE))return void s("update:value",t);const u=e.filter((e=>e!==p.WHOLE));s("update:value",u)}else s("update:value",e)}return(e,t)=>(r(),o(n(l),a(n(v),{options:n(g),value:n(c),"onUpdate:value":y}),null,16,["options","value"]))}});export{s as default};

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

@@ -0,0 +1,223 @@
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+    };
+    componentCfg: {
+        type: ObjectConstructor;
+    };
+}, {
+    message: import("naive-ui").MessageApi;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+        };
+        componentCfg: {
+            type: ObjectConstructor;
+        };
+    }>> & {
+        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    }>>;
+    getDynamicSelectData: (params: any, filterApiConfig: any) => Promise<any>;
+    $attrs: {
+        [x: string]: unknown;
+    };
+    emit: (event: "update:value", ...args: any[]) => void;
+    isLoading: import("vue").Ref<boolean>;
+    filterApiConfig: import("../../../../..").AnyObject;
+    searchFilterList: import("vue").Ref<import("../../../../..").AnyObject[]>;
+    curPage: import("vue").Ref<number>;
+    fieldTitleList: import("vue").Ref<any>;
+    selectOptions: import("vue").Ref<any[]>;
+    baseOptionList: import("vue").Ref<any[]>;
+    keywordVal: import("vue").Ref<any>;
+    totalPage: import("vue").Ref<number>;
+    menuProps: {
+        class: string;
+    };
+    isMultiple: import("vue").ComputedRef<unknown>;
+    dynamicOptionInfos: import("vue").ComputedRef<any>;
+    isShowWhole: import("vue").ComputedRef<any>;
+    isLastPage: import("vue").ComputedRef<boolean>;
+    valueCp: import("vue").ComputedRef<string | number | any[] | null>;
+    isInitRequest: import("vue").ComputedRef<boolean>;
+    setOptionActive: (selectIds: string[]) => void;
+    handleUpdateSelect: (value: string[] | null) => void;
+    handleUpdatePage: (page: number) => Promise<void>;
+    getOptionsData: (keyword: string, curPage: number) => Promise<void>;
+    isWhole: (value: string) => boolean;
+    _handleSearch: (query: string) => Promise<void>;
+    handleSearch: (query: string) => Promise<void>;
+    handleInitData: () => Promise<void>;
+    handleClear: () => Promise<void>;
+    handleUpdateShow: (show: boolean) => void;
+    renderTag: ({ option, handleClose }: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    init: () => void;
+    NSelect: any;
+    SelectDynamicOption: import("vue").DefineComponent<{
+        dynamicOptionInfo: {
+            type: import("vue").PropType<import("../../../../..").AnyObject>;
+            default: () => {};
+        };
+        fieldTitleList: {
+            type: import("vue").PropType<import("../../../../..").AnyObject[]>;
+            default: () => never[];
+        };
+        optionList: {
+            type: import("vue").PropType<import("../../../../..").AnyObject[]>;
+            default: () => never[];
+        };
+        isMultiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        curPage: {
+            type: NumberConstructor;
+            default: number;
+        };
+        isLastPage: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isShowWhole: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {
+        selectMinWidth: number;
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            dynamicOptionInfo: {
+                type: import("vue").PropType<import("../../../../..").AnyObject>;
+                default: () => {};
+            };
+            fieldTitleList: {
+                type: import("vue").PropType<import("../../../../..").AnyObject[]>;
+                default: () => never[];
+            };
+            optionList: {
+                type: import("vue").PropType<import("../../../../..").AnyObject[]>;
+                default: () => never[];
+            };
+            isMultiple: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            curPage: {
+                type: NumberConstructor;
+                default: number;
+            };
+            isLastPage: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            isShowWhole: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            onUpdateSelect?: ((...args: any[]) => any) | undefined;
+            onUpdatePage?: ((...args: any[]) => any) | undefined;
+        }>>;
+        emit: (event: "updateSelect" | "updatePage", ...args: any[]) => void;
+        dragEndWidth: import("vue").Ref<number>;
+        showKeys: import("vue").ComputedRef<any>;
+        titleList: import("vue").ComputedRef<string[]>;
+        handleSelect: (option: any) => void;
+        searchByPage: (onePage: number) => void;
+        changeWidth: ({ distance }: any) => void;
+        saveWidth: () => void;
+        NEmpty: any;
+        NButtonGroup: any;
+        NButton: any;
+        NIcon: any;
+        NPopover: any;
+        vFlexibleResize: {
+            mounted(el: any, { value }: any): void;
+            beforeUnmount(el: any): void;
+        };
+        WidgetValEnums: {
+            CUSTOM: string;
+            FIRST_VAL: string;
+            WHOLE: string;
+            NOW: string;
+            TODAY: string;
+            TODAY_START: string;
+            TODAY_END: string;
+            TOMORROW: string;
+            TOMORROW_START: string;
+            TOMORROW_END: string;
+            YESTERDAY: string;
+            YESTERDAY_START: string;
+            YESTERDAY_END: string;
+            THIS_WEEK: string;
+            WEEK_START: string;
+            WEEK_END: string;
+            NEXT_WEEK: string;
+            LAST_WEEK: string;
+            THIS_MONTH: string;
+            MONTH_START: string;
+            MONTH_END: string;
+            NEXT_MONTH: string;
+            LAST_MONTH: string;
+            THIS_QUARTER: string;
+            NEXT_QUARTER: string;
+            LAST_QUARTER: string;
+            THIS_YEAR: string;
+            NEXT_YEAR: string;
+            LAST_YEAR: string;
+        };
+        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<{
+        dynamicOptionInfo: {
+            type: import("vue").PropType<import("../../../../..").AnyObject>;
+            default: () => {};
+        };
+        fieldTitleList: {
+            type: import("vue").PropType<import("../../../../..").AnyObject[]>;
+            default: () => never[];
+        };
+        optionList: {
+            type: import("vue").PropType<import("../../../../..").AnyObject[]>;
+            default: () => never[];
+        };
+        isMultiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        curPage: {
+            type: NumberConstructor;
+            default: number;
+        };
+        isLastPage: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isShowWhole: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onUpdateSelect?: ((...args: any[]) => any) | undefined;
+        onUpdatePage?: ((...args: any[]) => any) | undefined;
+    }, {
+        dynamicOptionInfo: import("../../../../..").AnyObject;
+        fieldTitleList: import("../../../../..").AnyObject[];
+        optionList: import("../../../../..").AnyObject[];
+        isMultiple: boolean;
+        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)[];
+    };
+    componentCfg: {
+        type: ObjectConstructor;
+    };
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _default;

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

@@ -0,0 +1 @@
+import e from"./SelectDynamic.vue2.js";import r from"../../../../../../_virtual/_plugin-vue_export-helper.js";var t=r(e,[["__file","SelectDynamic.vue"]]);export{t as default};

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

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

@@ -0,0 +1,158 @@
+import { PropType } from 'vue';
+import { AnyObject } from '../../../../../../../../es/shared/types';
+declare const _default: import("vue").DefineComponent<{
+    dynamicOptionInfo: {
+        type: PropType<AnyObject>;
+        default: () => {};
+    };
+    fieldTitleList: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    optionList: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    isMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    curPage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isLastPage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isShowWhole: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    selectMinWidth: number;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        dynamicOptionInfo: {
+            type: PropType<AnyObject>;
+            default: () => {};
+        };
+        fieldTitleList: {
+            type: PropType<AnyObject[]>;
+            default: () => never[];
+        };
+        optionList: {
+            type: PropType<AnyObject[]>;
+            default: () => never[];
+        };
+        isMultiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        curPage: {
+            type: NumberConstructor;
+            default: number;
+        };
+        isLastPage: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isShowWhole: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onUpdateSelect?: ((...args: any[]) => any) | undefined;
+        onUpdatePage?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "updateSelect" | "updatePage", ...args: any[]) => void;
+    dragEndWidth: import("vue").Ref<number>;
+    showKeys: import("vue").ComputedRef<any>;
+    titleList: import("vue").ComputedRef<string[]>;
+    handleSelect: (option: any) => void;
+    searchByPage: (onePage: number) => void;
+    changeWidth: ({ distance }: any) => void;
+    saveWidth: () => void;
+    NEmpty: any;
+    NButtonGroup: any;
+    NButton: any;
+    NIcon: any;
+    NPopover: any;
+    vFlexibleResize: {
+        mounted(el: any, { value }: any): void;
+        beforeUnmount(el: any): void;
+    };
+    WidgetValEnums: {
+        CUSTOM: string;
+        FIRST_VAL: string;
+        WHOLE: string;
+        NOW: string;
+        TODAY: string;
+        TODAY_START: string;
+        TODAY_END: string;
+        TOMORROW: string;
+        TOMORROW_START: string;
+        TOMORROW_END: string;
+        YESTERDAY: string;
+        YESTERDAY_START: string;
+        YESTERDAY_END: string;
+        THIS_WEEK: string;
+        WEEK_START: string;
+        WEEK_END: string;
+        NEXT_WEEK: string;
+        LAST_WEEK: string;
+        THIS_MONTH: string;
+        MONTH_START: string;
+        MONTH_END: string;
+        NEXT_MONTH: string;
+        LAST_MONTH: string;
+        THIS_QUARTER: string;
+        NEXT_QUARTER: string;
+        LAST_QUARTER: string;
+        THIS_YEAR: string;
+        NEXT_YEAR: string;
+        LAST_YEAR: string;
+    };
+    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<{
+    dynamicOptionInfo: {
+        type: PropType<AnyObject>;
+        default: () => {};
+    };
+    fieldTitleList: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    optionList: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    isMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    curPage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isLastPage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isShowWhole: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onUpdateSelect?: ((...args: any[]) => any) | undefined;
+    onUpdatePage?: ((...args: any[]) => any) | undefined;
+}, {
+    dynamicOptionInfo: AnyObject;
+    fieldTitleList: AnyObject[];
+    optionList: AnyObject[];
+    isMultiple: boolean;
+    curPage: number;
+    isLastPage: boolean;
+    isShowWhole: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1 @@
+import e from"./index.vue2.js";import r from"../../../../../../../_virtual/_plugin-vue_export-helper.js";var i=r(e,[["__file","index.vue"]]);export{i as default};

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

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