cnhis-design-vue 3.1.45-beta.8 → 3.1.45-beta.9

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

@@ -34,6 +34,9 @@ declare const _default: import("vue").DefineComponent<{
     presetValCp: import("vue").WritableComputedRef<string>;
     widgetType: import("vue").ComputedRef<any>;
     Date: import("vue").DefineComponent<{
+        componentCfg: {
+            type: ObjectConstructor;
+        };
         paramCfg: {
             type: ObjectConstructor;
             default: null;
@@ -48,6 +51,9 @@ declare const _default: import("vue").DefineComponent<{
         };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            componentCfg: {
+                type: ObjectConstructor;
+            };
             paramCfg: {
                 type: ObjectConstructor;
                 default: null;
@@ -70,11 +76,17 @@ declare const _default: import("vue").DefineComponent<{
         dateType: any;
         valueFormat: import("vue").ComputedRef<string>;
         compType: import("vue").ComputedRef<any>;
-        mappingConfig: import("vue").ComputedRef<any>;
+        optionSetting: import("vue").ComputedRef<any>;
         widgetOptions: import("vue").ComputedRef<{
             label: string;
             value: string;
         }[]>;
+        isDateDisabled: (ts: number) => boolean;
+        timeDisabled: (ts: number) => {
+            isHourDisabled(hour: number): boolean | undefined;
+            isMinuteDisabled(minute: number, hour: number | null): boolean | undefined;
+            isSecondDisabled(second: number, minute: number | null, hour: number | null): boolean | undefined;
+        };
         CDatePicker: import("../../../..").SFCWithInstall<import("vue").DefineComponent<{
             updateUnchangedValue: {
                 type: BooleanConstructor;
@@ -146,6 +158,9 @@ declare const _default: import("vue").DefineComponent<{
             LAST_YEAR: string;
         };
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:presetVal")[], "update:modelValue" | "update:presetVal", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        componentCfg: {
+            type: ObjectConstructor;
+        };
         paramCfg: {
             type: ObjectConstructor;
             default: null;
@@ -297,6 +312,7 @@ declare const _default: import("vue").DefineComponent<{
             default: null;
         };
     }, {
+        message: import("naive-ui").MessageApi;
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             paramCfg: {
                 type: ObjectConstructor;
@@ -310,27 +326,145 @@ declare const _default: import("vue").DefineComponent<{
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         }>>;
         handleGetConfigApi: (params: any, key: string, config: {} | undefined, filterApiConfigVal: any) => Promise<any>;
-        $attrs: {
-            [x: string]: unknown;
-        };
         emit: (event: "update:modelValue", ...args: any[]) => void;
-        selectOptions: import("vue").Ref<any[]>;
         isLoading: import("vue").Ref<boolean>;
         filterApiConfig: import("../../../..").AnyObject;
-        valueCp: import("vue").WritableComputedRef<any>;
+        totalPage: import("vue").Ref<number>;
+        menuProps: {
+            class: string;
+        };
+        curPage: import("vue").Ref<number>;
+        fieldTitleList: import("vue").Ref<any>;
+        selectOptions: import("vue").Ref<any[]>;
+        keywordVal: import("vue").Ref<any>;
         optionSetting: import("vue").ComputedRef<any>;
         isMultiple: import("vue").ComputedRef<boolean>;
-        searchOptions: (keyword: string) => Promise<any>;
+        dynamicOptionInfos: import("vue").ComputedRef<any>;
+        isLastPage: import("vue").ComputedRef<boolean>;
+        valueCp: import("vue").ComputedRef<string | number | any[]>;
+        setOptionActive: (selectIds: string[]) => void;
+        handleUpdateSelect: (value: string[] | null) => void;
+        handleUpdatePage: (page: number) => Promise<void>;
+        getOptionsData: (keyword: string, curPage: number) => Promise<any>;
         _handleSearch: (query: string) => Promise<void>;
         handleSearch: (query: string) => Promise<void>;
         handleInitData: () => Promise<void>;
-        renderLabel: (option: import("naive-ui").SelectOption) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>;
+        handleClear: () => Promise<void>;
         renderTag: ({ option, handleClose }: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }>;
         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;
+            };
+        }, {
+            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;
+                };
+            }>> & {
+                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;
+            };
+            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;
+            };
+        }>> & {
+            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;
+        }>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         paramCfg: {
             type: ObjectConstructor;
@@ -436,8 +570,15 @@ declare const _default: import("vue").DefineComponent<{
         valueFormat: import("vue").ComputedRef<string>;
         dateFormat: import("vue").ComputedRef<string>;
         compType: import("vue").ComputedRef<any>;
+        optionSetting: import("vue").ComputedRef<any>;
+        isPastTime: import("vue").ComputedRef<boolean>;
+        isFutureTime: import("vue").ComputedRef<boolean>;
         startPlaceholder: import("vue").ComputedRef<"初始日期" | "初始时间">;
         endPlaceholder: import("vue").ComputedRef<"截止日期" | "截止时间">;
+        startDefault: import("vue").ComputedRef<string>;
+        endDefault: import("vue").ComputedRef<string>;
+        startDateFormat: import("vue").ComputedRef<string | null>;
+        endDateFormat: import("vue").ComputedRef<string | null>;
         dateType: any;
         widgetOptions: import("vue").ComputedRef<{
             label: string;
@@ -446,8 +587,19 @@ declare const _default: import("vue").DefineComponent<{
         presetValCp: import("vue").WritableComputedRef<string>;
         handleChange: (val: any, type: "end" | "start") => void;
         isStartDateDisabled: (ts: number) => boolean;
+        timeStartDisabled: (ts: number) => {
+            isHourDisabled(hour: number): boolean | 0;
+            isMinuteDisabled(minute: number, hour: number | null): boolean | 0;
+            isSecondDisabled(second: number, minute: number | null, hour: number | null): boolean | 0;
+        };
         isEndDateDisabled: (ts: number) => boolean;
+        timeEndDisabled: (ts: number) => {
+            isHourDisabled(hour: number): boolean | 0;
+            isMinuteDisabled(minute: number, hour: number | null): boolean | 0;
+            isSecondDisabled(second: number, minute: number | null, hour: number | null): boolean | 0;
+        };
         NSelect: any;
+        NPopover: any;
         CDatePicker: import("../../../..").SFCWithInstall<import("vue").DefineComponent<{
             updateUnchangedValue: {
                 type: BooleanConstructor;
@@ -549,6 +701,7 @@ declare const _default: import("vue").DefineComponent<{
         };
     }, {
         handleGetConfigApi: (params: any, key: string, config: {} | undefined, filterApiConfigVal: any) => Promise<any>;
+        message: import("naive-ui").MessageApi;
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             paramCfg: {
                 type: ObjectConstructor;
@@ -588,7 +741,9 @@ declare const _default: import("vue").DefineComponent<{
         INPUT: string;
         SELECT: string;
         DATE: string;
+        DATE_OUT: string;
         DATE_TIME: string;
+        DATETIME_OUT: string;
         CHECKBOX_GROUP: string;
         INPUTNUMBER_RANGE: string;
         DATE_RANGE_OUT: string;

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

@@ -1 +1 @@
-import{defineComponent as e,computed as l,openBlock as a,createElementBlock as u,createCommentVNode as p,unref as m,createBlock as t,isRef as d}from"vue";import{InputNumber as o,InputFilter as r,SelectFilter as n,Date as V,SelectDynamic as f,InputNumberGroup as g,DateRange as s,SelectLabel as C}from"./components/index.js";import{WidgetTypeEnums as v}from"../../types/enums.js";const i={class:"value-cfg_wrapper"};var E=e({__name:"ValueCfg",props:{paramCfg:{type:Object,default:null},modelValue:{type:[String,Number,Array],default:null},presetVal:{type:String,default:null}},emits:["update:modelValue","update:presetVal"],setup(e,{emit:E}){const y=e,U=l({set(e){E("update:modelValue",e)},get:()=>y.modelValue}),N=l({set(e){E("update:presetVal",e)},get:()=>y.presetVal}),T=l((()=>{var e;return null==(e=y.paramCfg)?void 0:e.type}));return(l,E)=>(a(),u("div",i,[p(" 数字框 "),m(T)===m(v).INPUT_NUMBER?(a(),t(m(o),{key:0,modelValue:m(U),"onUpdate:modelValue":E[0]||(E[0]=e=>d(U)?U.value=e:null)},null,8,["modelValue"])):p("v-if",!0),p(" 文本框 "),m(T)===m(v).INPUT?(a(),t(m(r),{key:1,modelValue:m(U),"onUpdate:modelValue":E[1]||(E[1]=e=>d(U)?U.value=e:null)},null,8,["modelValue"])):p("v-if",!0),p(" 下拉框 "),m(T)===m(v).SELECT?(a(),t(m(n),{key:2,paramCfg:e.paramCfg,widgetType:m(T),modelValue:m(U),"onUpdate:modelValue":E[2]||(E[2]=e=>d(U)?U.value=e:null)},null,8,["paramCfg","widgetType","modelValue"])):p("v-if",!0),p(" 日期框、日期时间框 "),m(T)===m(v).DATE||m(T)===m(v).DATE_TIME?(a(),t(m(V),{key:3,paramCfg:e.paramCfg,modelValue:m(U),"onUpdate:modelValue":E[3]||(E[3]=e=>d(U)?U.value=e:null),presetVal:m(N),"onUpdate:presetVal":E[4]||(E[4]=e=>d(N)?N.value=e:null)},null,8,["paramCfg","modelValue","presetVal"])):p("v-if",!0),p(" 异步数据源下拉框 "),m(T)===m(v).SELECTDYNAMIC?(a(),t(m(f),{key:4,paramCfg:e.paramCfg,modelValue:m(U),"onUpdate:modelValue":E[5]||(E[5]=e=>d(U)?U.value=e:null)},null,8,["paramCfg","modelValue"])):p("v-if",!0),p(" 数字框范围 "),m(T)===m(v).INPUTNUMBER_RANGE?(a(),t(m(g),{key:5,paramCfg:e.paramCfg,modelValue:m(U),"onUpdate:modelValue":E[6]||(E[6]=e=>d(U)?U.value=e:null)},null,8,["paramCfg","modelValue"])):p("v-if",!0),p(" 日期、日期时间范围 "),m(T)===m(v).DATE_RANGE_INNER||m(T)===m(v).DATETIME_RANGE_INNER?(a(),t(m(s),{key:6,paramCfg:e.paramCfg,modelValue:m(U),"onUpdate:modelValue":E[7]||(E[7]=e=>d(U)?U.value=e:null),presetVal:m(N),"onUpdate:presetVal":E[8]||(E[8]=e=>d(N)?N.value=e:null)},null,8,["paramCfg","modelValue","presetVal"])):p("v-if",!0),p(" label标签选择 "),m(T)===m(v).SELECTLABEL?(a(),t(m(C),{key:7,paramCfg:e.paramCfg,modelValue:m(U),"onUpdate:modelValue":E[9]||(E[9]=e=>d(U)?U.value=e:null)},null,8,["paramCfg","modelValue"])):p("v-if",!0)]))}});export{E as default};
+import{defineComponent as e,computed as l,openBlock as a,createElementBlock as u,createCommentVNode as p,unref as m,createBlock as t,isRef as d}from"vue";import{InputNumber as o,InputFilter as r,SelectFilter as n,Date as V,SelectDynamic as f,InputNumberGroup as g,DateRange as s,SelectLabel as C}from"./components/index.js";import{WidgetTypeEnums as v}from"../../types/enums.js";const i={class:"value-cfg_wrapper"};var E=e({__name:"ValueCfg",props:{paramCfg:{type:Object,default:null},modelValue:{type:[String,Number,Array],default:null},presetVal:{type:String,default:null}},emits:["update:modelValue","update:presetVal"],setup(e,{emit:E}){const y=e,U=l({set(e){E("update:modelValue",e)},get:()=>y.modelValue}),N=l({set(e){E("update:presetVal",e)},get:()=>y.presetVal}),T=l((()=>{var e;return null==(e=y.paramCfg)?void 0:e.type}));return(l,E)=>(a(),u("div",i,[p(" 数字框 "),m(T)===m(v).INPUT_NUMBER?(a(),t(m(o),{key:0,modelValue:m(U),"onUpdate:modelValue":E[0]||(E[0]=e=>d(U)?U.value=e:null)},null,8,["modelValue"])):p("v-if",!0),p(" 文本框 "),m(T)===m(v).INPUT?(a(),t(m(r),{key:1,modelValue:m(U),"onUpdate:modelValue":E[1]||(E[1]=e=>d(U)?U.value=e:null)},null,8,["modelValue"])):p("v-if",!0),p(" 普通下拉框 "),m(T)===m(v).SELECT?(a(),t(m(n),{key:2,paramCfg:e.paramCfg,widgetType:m(T),modelValue:m(U),"onUpdate:modelValue":E[2]||(E[2]=e=>d(U)?U.value=e:null)},null,8,["paramCfg","widgetType","modelValue"])):p("v-if",!0),p(" 日期框、日期时间框 "),m(T)===m(v).DATE||m(T)===m(v).DATE_TIME?(a(),t(m(V),{key:3,paramCfg:e.paramCfg,modelValue:m(U),"onUpdate:modelValue":E[3]||(E[3]=e=>d(U)?U.value=e:null),presetVal:m(N),"onUpdate:presetVal":E[4]||(E[4]=e=>d(N)?N.value=e:null)},null,8,["paramCfg","modelValue","presetVal"])):p("v-if",!0),p(" 异步数据源下拉框 "),m(T)===m(v).SELECTDYNAMIC?(a(),t(m(f),{key:4,paramCfg:e.paramCfg,modelValue:m(U),"onUpdate:modelValue":E[5]||(E[5]=e=>d(U)?U.value=e:null)},null,8,["paramCfg","modelValue"])):p("v-if",!0),p(" 数字框范围 "),m(T)===m(v).INPUTNUMBER_RANGE?(a(),t(m(g),{key:5,paramCfg:e.paramCfg,modelValue:m(U),"onUpdate:modelValue":E[6]||(E[6]=e=>d(U)?U.value=e:null)},null,8,["paramCfg","modelValue"])):p("v-if",!0),p(" 日期、日期时间范围 "),m(T)===m(v).DATE_RANGE_INNER||m(T)===m(v).DATETIME_RANGE_INNER?(a(),t(m(s),{key:6,paramCfg:e.paramCfg,modelValue:m(U),"onUpdate:modelValue":E[7]||(E[7]=e=>d(U)?U.value=e:null),presetVal:m(N),"onUpdate:presetVal":E[8]||(E[8]=e=>d(N)?N.value=e:null)},null,8,["paramCfg","modelValue","presetVal"])):p("v-if",!0),p(" label标签选择 "),m(T)===m(v).SELECTLABEL?(a(),t(m(C),{key:7,paramCfg:e.paramCfg,modelValue:m(U),"onUpdate:modelValue":E[9]||(E[9]=e=>d(U)?U.value=e:null)},null,8,["paramCfg","modelValue"])):p("v-if",!0)]))}});export{E as default};

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

@@ -1,4 +1,7 @@
 declare const _default: import("vue").DefineComponent<{
+    componentCfg: {
+        type: ObjectConstructor;
+    };
     paramCfg: {
         type: ObjectConstructor;
         default: null;
@@ -13,6 +16,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        componentCfg: {
+            type: ObjectConstructor;
+        };
         paramCfg: {
             type: ObjectConstructor;
             default: null;
@@ -35,11 +41,17 @@ declare const _default: import("vue").DefineComponent<{
     dateType: any;
     valueFormat: import("vue").ComputedRef<string>;
     compType: import("vue").ComputedRef<any>;
-    mappingConfig: import("vue").ComputedRef<any>;
+    optionSetting: import("vue").ComputedRef<any>;
     widgetOptions: import("vue").ComputedRef<{
         label: string;
         value: string;
     }[]>;
+    isDateDisabled: (ts: number) => boolean;
+    timeDisabled: (ts: number) => {
+        isHourDisabled(hour: number): boolean | undefined;
+        isMinuteDisabled(minute: number, hour: number | null): boolean | undefined;
+        isSecondDisabled(second: number, minute: number | null, hour: number | null): boolean | undefined;
+    };
     CDatePicker: import("../../../../..").SFCWithInstall<import("vue").DefineComponent<{
         updateUnchangedValue: {
             type: BooleanConstructor;
@@ -111,6 +123,9 @@ declare const _default: import("vue").DefineComponent<{
         LAST_YEAR: string;
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:presetVal")[], "update:modelValue" | "update:presetVal", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    componentCfg: {
+        type: ObjectConstructor;
+    };
     paramCfg: {
         type: ObjectConstructor;
         default: null;

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

@@ -1 +1 @@
-import{defineComponent as e,computed as t,openBlock as a,createElementBlock as l,Fragment as r,createVNode as u,unref as o,isRef as p,createBlock as m,createCommentVNode as s}from"vue";import n from"../../../../../date-picker/index.js";import{NSelect as d}from"naive-ui";import{WidgetTypeEnums as i,WidgetValEnums as v}from"../../../types/enums.js";import{generateDefOptionsInApi as f}from"../../../tool/generateDefOptions.js";var y=e({__name:"Date",props:{paramCfg:{type:Object,default:null},modelValue:{type:[String,Number,Array],default:null},presetVal:{type:String,default:null}},emits:["update:modelValue","update:presetVal"],setup(e,{emit:y}){const c=e,g=t({set(e){y("update:modelValue",e)},get:()=>c.modelValue}),T=t({set(e){y("update:presetVal",e)},get:()=>c.presetVal}),C=t((()=>M.value.toLowerCase()||i.DATE.toLowerCase())),D=t((()=>{let e="";switch(M.value){case i.DATE:e="yyyy-MM-dd";break;case i.DATE_TIME:e="yyyy-MM-dd HH:mm:ss"}return e})),M=t((()=>c.paramCfg._rawData.type)),V=t((()=>{var e;return null==(e=c.paramCfg)?void 0:e.mappingConfig})),b=t((()=>{const e=f(M.value,V.value).slice(0);return M.value!==i.DATE&&M.value!==i.DATE_TIME||e.unshift({label:"自定义输入",value:v.CUSTOM}),e}));return(e,t)=>(a(),l(r,null,[u(o(d),{style:{width:"120px"},class:"form-item",to:"body",value:o(T),"onUpdate:value":t[0]||(t[0]=e=>p(T)?T.value=e:null),options:o(b)},null,8,["value","options"]),o(T)===o(v).CUSTOM?(a(),m(o(n),{key:0,class:"form-item",type:o(C),clearable:"",to:"body",valueFormat:o(D),"formatted-value":o(g),"onUpdate:formatted-value":t[1]||(t[1]=e=>p(g)?g.value=e:null)},null,8,["type","valueFormat","formatted-value"])):s("v-if",!0)],64))}});export{y as default};
+import{defineComponent as e,computed as t,openBlock as a,createElementBlock as l,createVNode as r,unref as u,isRef as o,createBlock as s,createCommentVNode as p}from"vue";import d from"../../../../../date-picker/index.js";import{NSelect as n}from"naive-ui";import{WidgetTypeEnums as i,WidgetOptionEnums as m,WidgetValEnums as v}from"../../../types/enums.js";import{WidgetDateOptionEnums as f}from"../../render-widget/helpers/enums.js";import{widgetDateValOptions as y}from"../../render-widget/helpers/dateExtraMap.js";import{setDateDisabled as c,setTimeDisabled as b}from"../../render-widget/helpers/dateDisabled.js";const g={style:{display:"flex"}};var w=e({__name:"Date",props:{componentCfg:{type:Object},paramCfg:{type:Object,default:null},modelValue:{type:[String,Number,Array],default:null},presetVal:{type:String,default:null}},emits:["update:modelValue","update:presetVal"],setup(e,{emit:w}){const C=e,M=t({set(e){w("update:modelValue",e)},get:()=>C.modelValue}),V=t({set(e){w("update:presetVal",e)},get:()=>C.presetVal}),j=t((()=>T.value.toLowerCase()||i.DATE.toLowerCase())),D=t((()=>{let e="";switch(T.value){case i.DATE:e="yyyy-MM-dd";break;case i.DATE_TIME:e="yyyy-MM-dd HH:mm:ss"}return e})),T=t((()=>C.paramCfg._rawData.type)),h=t((()=>{var e,t;return null==(t=null==(e=C.paramCfg)?void 0:e._rawData)?void 0:t.optionType})),_=t((()=>{var e;const t=h.value||m.ALL;if(T.value&&t){const a=`${T.value}_${t}`,l=f[a];let r=(null!=(e=y[l])?e:[]).map((e=>({label:e.title,value:e.con})));return r.unshift({label:"自定义输入",value:v.CUSTOM}),r}return[]}));function x(e){return c(e,h.value)}function A(e){return b(e,h.value)}return(e,t)=>(a(),l("div",g,[r(u(n),{style:{width:"120px"},class:"form-item",to:"body",value:u(V),"onUpdate:value":t[0]||(t[0]=e=>o(V)?V.value=e:null),options:u(_)},null,8,["value","options"]),u(V)===u(v).CUSTOM?(a(),s(u(d),{key:0,class:"form-item",type:u(j),clearable:"",to:"body","is-date-disabled":x,"is-time-disabled":A,valueFormat:u(D),"formatted-value":u(M),"onUpdate:formatted-value":t[1]||(t[1]=e=>o(M)?M.value=e:null)},null,8,["type","valueFormat","formatted-value"])):p("v-if",!0)]))}});export{w as default};

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

@@ -35,8 +35,15 @@ declare const _default: import("vue").DefineComponent<{
     valueFormat: import("vue").ComputedRef<string>;
     dateFormat: import("vue").ComputedRef<string>;
     compType: import("vue").ComputedRef<any>;
+    optionSetting: import("vue").ComputedRef<any>;
+    isPastTime: import("vue").ComputedRef<boolean>;
+    isFutureTime: import("vue").ComputedRef<boolean>;
     startPlaceholder: import("vue").ComputedRef<"初始日期" | "初始时间">;
     endPlaceholder: import("vue").ComputedRef<"截止日期" | "截止时间">;
+    startDefault: import("vue").ComputedRef<string>;
+    endDefault: import("vue").ComputedRef<string>;
+    startDateFormat: import("vue").ComputedRef<string | null>;
+    endDateFormat: import("vue").ComputedRef<string | null>;
     dateType: any;
     widgetOptions: import("vue").ComputedRef<{
         label: string;
@@ -45,8 +52,19 @@ declare const _default: import("vue").DefineComponent<{
     presetValCp: import("vue").WritableComputedRef<string>;
     handleChange: (val: any, type: 'start' | 'end') => void;
     isStartDateDisabled: (ts: number) => boolean;
+    timeStartDisabled: (ts: number) => {
+        isHourDisabled(hour: number): boolean | 0;
+        isMinuteDisabled(minute: number, hour: number | null): boolean | 0;
+        isSecondDisabled(second: number, minute: number | null, hour: number | null): boolean | 0;
+    };
     isEndDateDisabled: (ts: number) => boolean;
+    timeEndDisabled: (ts: number) => {
+        isHourDisabled(hour: number): boolean | 0;
+        isMinuteDisabled(minute: number, hour: number | null): boolean | 0;
+        isSecondDisabled(second: number, minute: number | null, hour: number | null): boolean | 0;
+    };
     NSelect: any;
+    NPopover: any;
     CDatePicker: import("../../../../..").SFCWithInstall<import("vue").DefineComponent<{
         updateUnchangedValue: {
             type: BooleanConstructor;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as a,computed as l,watch as t,openBlock as u,createElementBlock as r,Fragment as o,createVNode as s,unref as n,isRef as m,createCommentVNode as i}from"vue";import{NSelect as v}from"naive-ui";import d from"../../../../../date-picker/index.js";import p from"moment";import{cloneDeep as f,isString as c}from"lodash-es";import{WidgetTypeEnums as y,WidgetValEnums as b}from"../../../types/enums.js";import{widgetDateRangeOptions as D}from"../../../tool/baseOptions.js";const M={key:0,style:{display:"flex"}};var T=e({__name:"DateRange",props:{paramCfg:{type:Object,default:null},modelValue:{type:[String,Number,Array],default:null},presetVal:{type:String,default:null}},emits:["update:modelValue","update:presetVal"],setup(e,{emit:T}){const h=e,E=a(),A=a(),V=l((()=>{let e="";switch(g.value){case y.DATE:e="yyyy-MM-dd";break;case y.DATE_TIME:e="yyyy-MM-dd HH:mm:ss"}return e})),Y=l((()=>{let e="";switch(g.value){case y.DATE:e="YYYY-MM-DD";break;case y.DATE_TIME:e="YYYY-MM-DD HH:mm:ss"}return e})),g=l((()=>h.paramCfg._rawData.type)),w=l((()=>g.value===y.DATE?"初始日期":"初始时间")),C=l((()=>g.value===y.DATE?"截止日期":"截止时间")),O=l((()=>g.value.toLowerCase()||y.DATE.toLowerCase())),k=l((()=>{const e=f(D);return e.unshift({label:"自定义输入",value:b.CUSTOM}),e})),x=l({set(e){T("update:presetVal",e)},get:()=>h.presetVal});function U(e,a){switch(a){case"start":E.value=e;break;case"end":A.value=e}const l=E.value?p(E.value).format(Y.value):null,t=A.value?p(A.value).format(Y.value):null;T("update:modelValue",l||t?`${null!=l?l:""} ~ ${null!=t?t:""}`:"")}function _(e){return!!A.value&&e>A.value}function j(e){return!!E.value&&e<E.value}return t((()=>h.modelValue),(e=>{if(e&&c(e)&&e.includes("~")){const[a,l]=e.split("~");return a.trim()&&(E.value=p(a.trim()).valueOf()),void(l.trim()&&(A.value=p(l.trim()).valueOf()))}E.value=A.value=null}),{immediate:!0}),(e,a)=>(u(),r(o,null,[s(n(v),{style:{width:"120px"},class:"form-item",to:"body",value:n(x),"onUpdate:value":a[0]||(a[0]=e=>m(x)?x.value=e:null),options:n(k)},null,8,["value","options"]),n(x)===n(b).CUSTOM?(u(),r("div",M,[s(n(d),{type:n(O),"default-time":"00:00:00",clearable:"",to:"body",valueFormat:n(V),placeholder:n(w),value:E.value,"is-date-disabled":_,"onUpdate:value":a[1]||(a[1]=e=>U(e,"start"))},null,8,["type","valueFormat","placeholder","value"]),s(n(d),{style:{"margin-left":"5px"},type:n(O),"default-time":"23:59:59",clearable:"",to:"body",valueFormat:n(V),placeholder:n(C),value:A.value,"is-date-disabled":j,"onUpdate:value":a[2]||(a[2]=e=>U(e,"end"))},null,8,["type","valueFormat","placeholder","value"])])):i("v-if",!0)],64))}});export{T as default};
+import{defineComponent as e,ref as a,computed as l,watch as t,openBlock as u,createElementBlock as r,createVNode as i,unref as d,isRef as o,withCtx as s,toDisplayString as v,createCommentVNode as n}from"vue";import{NSelect as m,NPopover as p}from"naive-ui";import f from"../../../../../date-picker/index.js";import c from"moment";import{isString as y}from"lodash-es";import{WidgetOptionEnums as b,WidgetTypeEnums as g,WidgetValEnums as T}from"../../../types/enums.js";import{WidgetDateOptionEnums as h}from"../../render-widget/helpers/enums.js";import{widgetDateValOptions as D}from"../../render-widget/helpers/dateExtraMap.js";import{dateDisabledCollect as M,isStartDateRangeDisabled as E,isTimeStartRangeDisabled as _,isEndDateRangeDisabled as w,isTimeEndRangeDisabled as A}from"../../render-widget/helpers/dateDisabled.js";const V={style:{display:"flex"}},Y={key:0,style:{display:"flex"}},k={key:0},x={key:0};var C=e({__name:"DateRange",props:{paramCfg:{type:Object,default:null},modelValue:{type:[String,Number,Array],default:null},presetVal:{type:String,default:null}},emits:["update:modelValue","update:presetVal"],setup(e,{emit:C}){const U=e,j=a(),F=a(),O=l((()=>{let e="";switch(H.value){case g.DATE:e="yyyy-MM-dd";break;case g.DATE_TIME:e="yyyy-MM-dd HH:mm:ss"}return e})),S=l((()=>{let e="";switch(H.value){case g.DATE:e="YYYY-MM-DD";break;case g.DATE_TIME:e="YYYY-MM-DD HH:mm:ss"}return e})),H=l((()=>U.paramCfg._rawData.type)),I=l((()=>{var e,a;return null==(a=null==(e=U.paramCfg)?void 0:e._rawData)?void 0:a.optionType})),L=l((()=>I.value===b.PAST_TIME)),$=l((()=>I.value===b.FUTURE_TIME)),R=l((()=>H.value===g.DATE?"初始日期":"初始时间")),N=l((()=>H.value===g.DATE?"截止日期":"截止时间")),G=l((()=>$.value?M.curTime:"00:00:00")),P=l((()=>L.value?M.curTime:"23:59:59")),q=l((()=>j.value?c(j.value).format(S.value):null)),z=l((()=>F.value?c(F.value).format(S.value):null)),B=l((()=>H.value.toLowerCase()||g.DATE.toLowerCase())),J=l((()=>{var e;const a=I.value||b.ALL;if(H.value&&a){const l=`${H.value}_${a}_RANGE`,t=h[l];let u=(null!=(e=D[t])?e:[]).map((e=>({label:e.title,value:e.con})));return u.unshift({label:"自定义输入",value:T.CUSTOM}),u}return[]})),K=l({set(e){C("update:presetVal",e)},get:()=>U.presetVal});function Q(e,a){var l,t;switch(a){case"start":j.value=e;break;case"end":F.value=e}const u=q.value||z.value?`${null!=(l=q.value)?l:""} ~ ${null!=(t=z.value)?t:""}`:"";C("update:modelValue",u)}function W(e){return E(e,I.value,F.value)}function X(e){return _(e,I.value,F.value)}function Z(e){return w(e,I.value,j.value)}function ee(e){return A(e,I.value,j.value)}return t((()=>U.modelValue),(e=>{if(e&&y(e)&&e.includes("~")){const[a,l]=e.split("~");return a.trim()&&(j.value=c(a.trim()).valueOf()),void(l.trim()&&(F.value=c(l.trim()).valueOf()))}j.value=F.value=null}),{immediate:!0}),(e,a)=>(u(),r("div",V,[i(d(m),{style:{width:"120px"},class:"form-item",to:"body",value:d(K),"onUpdate:value":a[0]||(a[0]=e=>o(K)?K.value=e:null),options:d(J)},null,8,["value","options"]),d(K)===d(T).CUSTOM?(u(),r("div",Y,[i(d(p),{trigger:"hover",disabled:!d(q)},{trigger:s((()=>[i(d(f),{type:d(B),"default-time":d(G),clearable:"",to:"body",valueFormat:d(O),placeholder:d(R),value:j.value,"is-date-disabled":W,"is-time-disabled":X,"onUpdate:value":a[1]||(a[1]=e=>Q(e,"start"))},null,8,["type","default-time","valueFormat","placeholder","value"])])),default:s((()=>[d(q)?(u(),r("span",k,v(d(q)),1)):n("v-if",!0)])),_:1},8,["disabled"]),i(d(p),{trigger:"hover",disabled:!d(z)},{trigger:s((()=>[i(d(f),{style:{"margin-left":"5px"},type:d(B),"default-time":d(P),clearable:"",to:"body",valueFormat:d(O),placeholder:d(N),value:F.value,"is-date-disabled":Z,"is-time-disabled":ee,"onUpdate:value":a[2]||(a[2]=e=>Q(e,"end"))},null,8,["type","default-time","valueFormat","placeholder","value"])])),default:s((()=>[d(z)?(u(),r("span",x,v(d(z)),1)):n("v-if",!0)])),_:1},8,["disabled"])])):n("v-if",!0)]))}});export{C as default};

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

@@ -1,4 +1,3 @@
-import { SelectOption } from 'naive-ui';
 declare const _default: import("vue").DefineComponent<{
     paramCfg: {
         type: ObjectConstructor;
@@ -9,6 +8,7 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
 }, {
+    message: import("naive-ui").MessageApi;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         paramCfg: {
             type: ObjectConstructor;
@@ -22,27 +22,145 @@ declare const _default: import("vue").DefineComponent<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>>;
     handleGetConfigApi: (params: any, key: string, config: {} | undefined, filterApiConfigVal: any) => Promise<any>;
-    $attrs: {
-        [x: string]: unknown;
-    };
     emit: (event: "update:modelValue", ...args: any[]) => void;
-    selectOptions: import("vue").Ref<any[]>;
     isLoading: import("vue").Ref<boolean>;
     filterApiConfig: import("../../../../..").AnyObject;
-    valueCp: import("vue").WritableComputedRef<any>;
+    totalPage: import("vue").Ref<number>;
+    menuProps: {
+        class: string;
+    };
+    curPage: import("vue").Ref<number>;
+    fieldTitleList: import("vue").Ref<any>;
+    selectOptions: import("vue").Ref<any[]>;
+    keywordVal: import("vue").Ref<any>;
     optionSetting: import("vue").ComputedRef<any>;
     isMultiple: import("vue").ComputedRef<boolean>;
-    searchOptions: (keyword: string) => Promise<any>;
+    dynamicOptionInfos: import("vue").ComputedRef<any>;
+    isLastPage: import("vue").ComputedRef<boolean>;
+    valueCp: import("vue").ComputedRef<string | number | any[]>;
+    setOptionActive: (selectIds: string[]) => void;
+    handleUpdateSelect: (value: string[] | null) => void;
+    handleUpdatePage: (page: number) => Promise<void>;
+    getOptionsData: (keyword: string, curPage: number) => Promise<any>;
     _handleSearch: (query: string) => Promise<void>;
     handleSearch: (query: string) => Promise<void>;
     handleInitData: () => Promise<void>;
-    renderLabel: (option: SelectOption) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
+    handleClear: () => Promise<void>;
     renderTag: ({ option, handleClose }: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>;
     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;
+        };
+    }, {
+        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;
+            };
+        }>> & {
+            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;
+        };
+        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;
+        };
+    }>> & {
+        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;
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     paramCfg: {
         type: ObjectConstructor;

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

@@ -1 +1 @@
-import{defineComponent as e,useAttrs as a,ref as t,inject as o,computed as n,openBlock as l,createBlock as i,unref as r,isRef as s,h as u}from"vue";import{NSelect as p,NTag as c}from"naive-ui";import{WidgetOptionEnums as d}from"../../../types/enums.js";import{useDebounceFn as m}from"@vueuse/core";import f from"../../../hooks/useMixins.js";import{InjectionFilterApiConfig as y}from"../../../constants/index.js";var g=e({__name:"SelectDynamic",props:{paramCfg:{type:Object,default:null},modelValue:{type:[Array,String,Number],default:null}},emits:["update:modelValue"],setup(e,{emit:g}){const v=e,{handleGetConfigApi:b}=f(),h=a(),w=t([]),C=t(!1),I=o(y),S=n({set(e){g("update:modelValue",e)},get:()=>v.modelValue}),x=n((()=>{var e;return null==(e=v.paramCfg)?void 0:e.optionSetting})),j=n((()=>x.value===d.MULTIPLE));async function K(e){try{const{dynamicOptionInfo:a}=v.paramCfg.optionInfo;if(a){const{autograph:t,dataSourceId:o,dataSourceType:n,filterKeys:l,showKeys:i,valueKey:r}=a;let s={wordbookId:o,autograph:t,wordbookType:n,fieldKeys:l,page:1};l.length>0&&(s[l[0]]=e),C.value=!0;let u=await b(s,"requestDynamicSelect",{},I);if(u){const{fieldList:e=[],rows:a=[]}=u,t=a.map((e=>({...e,label:e[i[0]],value:e[r]})));return w.value=t,t}}}catch(e){console.log(e)}finally{C.value=!1}}const O=m((async e=>{await async function(e){const{manualMapping:a}=h;if(!a){const a=e.trim();await K(a)}}(e)}),300);async function k(){const{dynamicOptionInfo:e}=v.paramCfg.optionInfo;Object.keys(e).length>0&&I&&await K("")}function T(e){const{dynamicOptionInfo:a}=v.paramCfg.optionInfo,{showKeys:t=[]}=a;return a&&t.length>0?u("div",{class:"select-widget-dynamic-option"},t.map((a=>u("span",{class:"select-widget-dynamic-item"},e[a])))):u("div",e.label)}function V({option:e,handleClose:a}){return j.value?u(c,{style:{padding:"0 8px"},closable:!0,onClose:e=>{e.stopPropagation(),a()}},{default:()=>u("div",e.label)}):u("div",e.label)}return k(),(e,a)=>(l(),i(r(p),{to:"body",value:r(S),"onUpdate:value":a[0]||(a[0]=e=>s(S)?S.value=e:null),loading:C.value,options:w.value,remote:!0,"render-label":T,"render-tag":V,multiple:r(j),clearable:"",filterable:"",maxTagCount:"responsive",style:{width:"200px"},onSearch:r(O),onClear:k},null,8,["value","loading","options","multiple","onSearch"]))}});export{g as default};
+import{defineComponent as e,ref as a,inject as l,computed as t,openBlock as n,createBlock as o,unref as u,isRef as i,withModifiers as r,withCtx as s,createVNode as c,h as p}from"vue";import{useMessage as d,NSelect as v,NTag as m}from"naive-ui";import{WidgetOptionEnums as f}from"../../../types/enums.js";import{useDebounceFn as y}from"@vueuse/core";import g from"../../../hooks/useMixins.js";import{InjectionFilterApiConfig as h}from"../../../constants/index.js";import b from"../../render-widget/components/SelectDynamicOption/index.vue.js";var w=e({__name:"SelectDynamic",props:{paramCfg:{type:Object,default:null},modelValue:{type:[Array,String,Number],default:null}},emits:["update:modelValue"],setup(e,{emit:w}){const S=e,V=d(),{handleGetConfigApi:O}=g(),C=a(!1),L=l(h),x=a(0),A={class:"select-dynamic-popover"},P=a(1),j=a(),I=a([]),k=a(),T=t((()=>{var e;return null==(e=S.paramCfg)?void 0:e.optionSetting})),K=t((()=>T.value===f.MULTIPLE)),M=t((()=>{const{dynamicOptionInfo:e={}}=S.paramCfg.optionInfo;return e})),U=t((()=>x.value>0&&P.value>=x.value)),D=t((()=>{var e;if(Array.isArray(S.modelValue)&&S.modelValue.length>0){const e=S.modelValue;if(N(e),!K.value&&1==e.length){const a=I.value.find((a=>a.value===e[0]));return JSON.stringify(a)}return I.value.filter((a=>e.includes(a.value)))}return N([]),null!=(e=S.modelValue)?e:null}));function N(e){I.value.forEach((a=>{a.actived=!1,Array.isArray(e)&&e.includes(a.value)&&(a.actived=!0)}))}function _(e){w("update:modelValue",e)}async function E(e){P.value=e,await J(k.value,P.value)}async function J(e,a){try{if(Object.keys(M.value).length>0){const{autograph:l,dataSourceId:t,dataSourceType:n,filterKeys:o,showKeys:u,valueKey:i}=M.value;let r={wordbookId:t,autograph:l,wordbookType:n,fieldKeys:o,page:a};o.length>0&&(r[o[0]]=e),C.value=!0;let s=await O(r,"requestDynamicSelect",{},L);if(s){const{fieldList:e=[],rows:a=[],total:l=0}=s.map,t=a.map((e=>({...e,label:e[u[0]],value:e[i]})));return j.value=null!=e?e:[],I.value=null!=t?t:[],x.value=l,t}}}catch(e){V.error(`异步数据源下拉框数据请求失败：${e}`),console.log(e)}finally{C.value=!1}}const q=y((async e=>{await async function(e){k.value=e.trim(),P.value=1,await J(k.value,P.value)}(e)}),300);async function G(){Object.keys(M.value).length>0&&L&&await J("",P.value)}async function $(){w("update:modelValue",null),await G()}function z({option:e,handleClose:a}){if(K.value){const l=e.value;return p(m,{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);if(a>-1){const l=e.splice(0,a);w("update:modelValue",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 G(),(e,a)=>(n(),o(u(v),{id:"select-dynamic-popover",style:{width:"200px"},value:u(D),"onUpdate:value":a[0]||(a[0]=e=>i(D)?D.value=e:null),remote:"",clearable:"",filterable:"",maxTagCount:"responsive",loading:C.value,multiple:u(K),menuProps:A,"render-tag":z,onSearch:u(q),onClear:$,onClick:a[1]||(a[1]=r((()=>{}),["stop"]))},{empty:s((()=>[c(b,{dynamicOptionInfo:u(M),fieldTitleList:j.value,optionList:I.value,isMultiple:u(K),curPage:P.value,isLastPage:u(U),onUpdateSelect:_,onUpdatePage:E},null,8,["dynamicOptionInfo","fieldTitleList","optionList","isMultiple","curPage","isLastPage"])])),_:1},8,["value","loading","multiple","onSearch"]))}});export{w as default};