cnhis-design-vue 3.1.43-beta.3 → 3.1.43-beta.6

package/es/components/search-cascader/src/components/dist/SearchMenu1.d.ts

@@ -0,0 +1,57 @@
+export const __esModule: true;
+export const SearchMenu: vue_1.DefineComponent<{
+    childKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    currentNode: {
+        type: ObjectConstructor;
+    };
+    cursorNode: {
+        type: ObjectConstructor;
+    };
+}, () => any, any, {}, {}, vue_1.ComponentOptionsMixin, vue_1.ComponentOptionsMixin, ("nodeClick" | "changeCursor")[], "nodeClick" | "changeCursor", vue_1.VNodeProps & vue_1.AllowedComponentProps & vue_1.ComponentCustomProps, Readonly<vue_1.ExtractPropTypes<{
+    childKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    currentNode: {
+        type: ObjectConstructor;
+    };
+    cursorNode: {
+        type: ObjectConstructor;
+    };
+}>> & {
+    onNodeClick?: ((...args: any[]) => any) | undefined;
+    onChangeCursor?: ((...args: any[]) => any) | undefined;
+}, {
+    options: unknown[];
+    valueKey: string;
+    childKey: string;
+    labelKey: string;
+}>;
+import vue_1 = require("vue");

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

@@ -50,6 +50,7 @@ declare const _default: import("vue").DefineComponent<{
         DATE: string;
         DATE_TIME: string;
         CHECKBOX_GROUP: string;
+        INPUTNUMBER_GROUP: string;
     };
     WidgetValEnums: {
         CUSTOM: string;

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

@@ -170,6 +170,7 @@ declare const _default: import("vue").DefineComponent<{
             DATE: string;
             DATE_TIME: string;
             CHECKBOX_GROUP: string;
+            INPUTNUMBER_GROUP: string;
         };
         WidgetValEnums: {
             CUSTOM: string;

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

@@ -0,0 +1,109 @@
+import { PropType } from 'vue';
+declare type ITypeDate = 'date' | 'datetime' | 'daterange' | 'datetimerange' | 'month' | 'monthrange' | 'year' | 'quarter';
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: PropType<ITypeDate>;
+        default: string;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    valueFormat: {
+        type: StringConstructor;
+        default: string;
+    };
+    startPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    endPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: PropType<ITypeDate>;
+            default: string;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        valueFormat: {
+            type: StringConstructor;
+            default: string;
+        };
+        startPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        endPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        value: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "update:value", ...args: any[]) => void;
+    valueCp: import("vue").Ref<any>;
+    handleChange: (val: any) => false | undefined;
+    NDatePicker: any;
+}, 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: {
+        type: PropType<ITypeDate>;
+        default: string;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    valueFormat: {
+        type: StringConstructor;
+        default: string;
+    };
+    startPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    endPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    type: ITypeDate;
+    value: string;
+    placeholder: string;
+    clearable: boolean;
+    startPlaceholder: string;
+    endPlaceholder: string;
+    valueFormat: string;
+}>;
+export default _default;

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

@@ -0,0 +1 @@
+import{defineComponent as e,ref as a,watch as l,openBlock as t,createBlock as r,unref as u}from"vue";import{NDatePicker as o}from"naive-ui";import d from"moment";import{isString as m,isArray as p}from"lodash-es";import i from"../../../../../../_virtual/plugin-vue_export-helper.js";var n=i(e({__name:"Date",props:{type:{type:String,default:"date"},clearable:{type:Boolean,default:!1},valueFormat:{type:String,default:"yyyy-MM-dd"},startPlaceholder:{type:String,default:"起始"},endPlaceholder:{type:String,default:"截止"},placeholder:{type:String,default:"请输入"},value:{type:String,default:""}},emits:["update:value"],setup(e,{emit:i}){const n=e,v=a();function f(e){if(v.value=e,!e)return!1;if(p(e)){const[a,l]=e;return i("update:value",`${d(a).format("YYYY-MM-DD HH:mm:ss")} ~ ${d(l).format("YYYY-MM-DD HH:mm:ss")}`),!1}i("update:value",`${d(e).format("YYYY-MM-DD HH:mm:ss")}`)}return l((()=>n.value),(e=>{if(e&&m(e)){if(e.includes("~")){const[a,l]=e.split("~"),t=d(a.trim()).valueOf(),r=d(l.trim()).valueOf();return void(v.value=[t,r])}v.value=d(e).valueOf()}else v.value=null}),{immediate:!0}),(a,l)=>(t(),r(u(o),{type:e.type,clearable:e.clearable,valueFormat:e.valueFormat,startPlaceholder:e.startPlaceholder,endPlaceholder:e.endPlaceholder,placeholder:e.placeholder,value:v.value,"onUpdate:value":f},null,8,["type","clearable","valueFormat","startPlaceholder","endPlaceholder","placeholder","value"]))}}),[["__file","Date.vue"]]);export{n as default};

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

@@ -0,0 +1,67 @@
+declare const _default: import("vue").DefineComponent<{
+    startPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    endPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        startPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        endPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        value: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    }>>;
+    startNumber: import("vue").Ref<any>;
+    endNumber: import("vue").Ref<any>;
+    emit: (event: "update:value", ...args: any[]) => void;
+    handleChange: (val: number | null, key: string) => void;
+    NInputGroup: import("vue").DefineComponent<{
+        [x: string]: never;
+        [x: number]: never;
+        [x: symbol]: never;
+    }, {
+        mergedClsPrefix: import("vue").ComputedRef<string>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        [x: string]: never;
+        [x: number]: never;
+        [x: symbol]: never;
+    }>>, {}>;
+    NInputNumber: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    startPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    endPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    value: string;
+    startPlaceholder: string;
+    endPlaceholder: string;
+}>;
+export default _default;

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

@@ -0,0 +1 @@
+import{defineComponent as e,ref as l,watch as u,openBlock as r,createBlock as a,unref as t,withCtx as n,createVNode as i,createElementVNode as o}from"vue";import{NInputGroup as p,NInputNumber as d}from"naive-ui";import{isString as v}from"lodash-es";import m from"../../../../../../_virtual/plugin-vue_export-helper.js";const s=o("span",{class:"divider"}," ~ ",-1);var c=m(e({__name:"InputNumberGroup",props:{startPlaceholder:{type:String,default:"请输入"},endPlaceholder:{type:String,default:"请输入"},value:{type:String,default:""}},emits:["update:value"],setup(e,{emit:o}){const m=e,c=l(),f=l();function h(e,l){var u,r;let a="";switch(l){case"startNumber":a=`${e} ~ ${null!=(u=f.value)?u:""}`;break;case"endNumber":a=`${null!=(r=c.value)?r:""} ~ ${e}`}o("update:value",a)}return u((()=>m.value),(e=>{if(e&&v(e)&&e.includes("~")){const[l,u]=e.split("~");return l.trim()&&(c.value=Number(l.trim())),void(u.trim()&&(f.value=Number(u.trim())))}c.value=f.value=null}),{immediate:!0}),(l,u)=>(r(),a(t(p),{class:"render-widget-input-number-group"},{default:n((()=>[i(t(d),{placeholder:e.startPlaceholder,value:c.value,"onUpdate:value":u[0]||(u[0]=e=>h(e,"startNumber"))},null,8,["placeholder","value"]),s,i(t(d),{placeholder:e.endPlaceholder,value:f.value,"onUpdate:value":u[1]||(u[1]=e=>h(e,"endNumber"))},null,8,["placeholder","value"])])),_:1}))}}),[["__file","InputNumberGroup.vue"]]);export{c as default};

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

@@ -1,8 +1,9 @@
+import { SelectOption } from 'naive-ui';
 declare const _default: import("vue").DefineComponent<{
     value: {
         type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
     };
-    componentCfg: {
+    filterApiConfig: {
         type: ObjectConstructor;
     };
 }, {
@@ -10,25 +11,44 @@ declare const _default: import("vue").DefineComponent<{
         value: {
             type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
         };
-        componentCfg: {
+        filterApiConfig: {
             type: ObjectConstructor;
         };
     }>> & {
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+        onChangeInitState?: ((...args: any[]) => any) | undefined;
     }>>;
-    emit: (event: "update:value", ...args: any[]) => void;
+    handleGetConfigApi: (params: any, key: string, config: {} | undefined, filterApiConfigVal: any) => Promise<any>;
+    $attrs: {
+        [x: string]: unknown;
+    };
+    emit: (event: "update:value" | "changeInitState", ...args: any[]) => void;
+    selectOptions: import("vue").Ref<any[]>;
+    isRemote: import("vue").Ref<boolean>;
+    isLoading: import("vue").Ref<boolean>;
     valueCp: import("vue").WritableComputedRef<any>;
-    maxTagCount: import("vue").ComputedRef<0 | 1 | undefined>;
-    maxTagPlaceholder: () => string | undefined;
+    maxTagCount: import("vue").ComputedRef<"responsive" | undefined>;
+    searchOptions: (keyword: string) => 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;
+    }>;
+    renderTag: ({ option, handleClose }: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    init: () => Promise<void>;
     NSelect: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "changeInitState")[], "update:value" | "changeInitState", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
     };
-    componentCfg: {
+    filterApiConfig: {
         type: ObjectConstructor;
     };
 }>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    onChangeInitState?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _default;

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

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

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

@@ -1,3 +1,4 @@
 import CheckboxGroup from './CheckboxGroup.vue';
-import Select from './Select.vue';
-export { CheckboxGroup, Select };
+import InputNumberGroup from './InputNumberGroup.vue';
+import Date from './Date.vue';
+export { CheckboxGroup, InputNumberGroup, Date };

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

@@ -1 +1 @@
-export{default as CheckboxGroup}from"./CheckboxGroup.vue.js";export{default as Select}from"./Select.vue.js";
+export{default as CheckboxGroup}from"./CheckboxGroup.vue.js";export{default as InputNumberGroup}from"./InputNumberGroup.vue.js";export{default as Date}from"./Date.vue.js";

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

@@ -6,19 +6,25 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
     };
+    filterApiConfig: {
+        type: ObjectConstructor;
+    };
 }, any, {
     initialProps: {};
 }, {
     valueCp(): any;
 }, {
     search(): void;
-    getEleWidth(cfg: any): string | undefined;
+    getEleWidth(cfg: any): {
+        width: string;
+    } | undefined;
     initComponentProps(cfg: any): void;
     generateWidget(cfg: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null;
-    handleUpdate(val: any, widgetType: any, defValueUnit: any): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "outFilterChange")[], "update:modelValue" | "outFilterChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    handleUpdate(val: any): void;
+    handleChangeInitState(_frontId: any, bool: any): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "outFilterChange" | "changeInit")[], "update:modelValue" | "outFilterChange" | "changeInit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     cfg: {
         type: ObjectConstructor;
         required: true;
@@ -26,8 +32,12 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
     };
+    filterApiConfig: {
+        type: ObjectConstructor;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onOutFilterChange?: ((...args: any[]) => any) | undefined;
+    onChangeInit?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _default;

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

@@ -1 +1 @@
-import{defineComponent as e,h as t}from"vue";import{WidgetTypeEnums as i}from"../../types/enums.js";import{WidgetCfgMaps as r,formatItemData as a}from"./widgetCfgMaps.js";import l from"moment";import s from"../../../../../_virtual/plugin-vue_export-helper.js";const n=[i.DATE,i.DATE_TIME,i.CHECKBOX_GROUP];var o=s(e({props:{cfg:{type:Object,required:!0},modelValue:{type:[Array,String,Number]}},emits:["update:modelValue","outFilterChange"],computed:{valueCp(){const{widgetType:e}=this.cfg;return[i.DATE,i.DATE_TIME].includes(e)?this.cfg.value?l(this.cfg.value).valueOf():null:this.cfg.value}},data:()=>({initialProps:{}}),methods:{search(){this.$emit("outFilterChange")},getEleWidth(e){const{widgetType:t}=e;if(!n.includes(t))return`${e.advanceColWidth||200}px`},initComponentProps(e){const{widgetType:t,alias:i,title:a,placeholder:l,widgetCfg:s}=e,{props:n,handlerProps:o}=r.get(t);let p={...n};o&&(p=o(p,{...s,title:i||a})),l&&(p.placeholder=l),this.initialProps=p,p.value&&(this.valueCp=p.value)},generateWidget(e){const{widgetType:i}=e,{defValueUnit:a}=e.widgetCfg||{};if(!r.has(i))return null;const{value:l}=e,{component:s,style:n,eventsBySearch:o=[]}=r.get(i),p={...this.initialProps,value:l},u=o.reduce(((e,t)=>{const{name:i,handler:r}=t;let a=this.search;return r&&(a=e=>{r(e,this.search,p)}),{...e,[`on${i}`]:a}}),{});return t(s,{...n,...p,style:{width:this.getEleWidth(e)},value:this.valueCp,"onUpdate:value":e=>this.handleUpdate(e,i,a),...u})},handleUpdate(e,t,i){const r=a(e,t);this.$emit("update:modelValue",r)}},created(){this.initComponentProps(this.cfg)},render(){return this.generateWidget(this.cfg)}}),[["__file","index.vue"]]);export{o as default};
+import{defineComponent as e,h as t}from"vue";import{WidgetTypeEnums as i}from"../../types/enums.js";import{WidgetCfgMaps as r}from"./widgetCfgMaps.js";import n from"../../../../../_virtual/plugin-vue_export-helper.js";const a=[i.DATE,i.DATE_TIME,i.CHECKBOX_GROUP];var l=n(e({props:{cfg:{type:Object,required:!0},modelValue:{type:[Array,String,Number]},filterApiConfig:{type:Object}},emits:["update:modelValue","outFilterChange","changeInit"],computed:{valueCp(){return this.cfg.value}},data:()=>({initialProps:{}}),methods:{search(){this.$emit("outFilterChange")},getEleWidth(e){var t;const{widgetType:i,rangeFilter:r}=e;if(!a.includes(i))return r?void 0:{width:`${null!=(t=e.advanceColWidth)?t:200}px`}},initComponentProps(e){const{_frontId:t,widgetType:i,alias:n,title:a,placeholder:l,widgetCfg:s,rangeFilter:o}=e,{props:h,handlerProps:p}=r.get(i);let d={...h};p&&(d=p(d,{...s,title:n||a,rangeFilter:o,_frontId:t})),!o&&l&&(d.placeholder=l),this.initialProps=d,d.value&&(this.valueCp=d.value)},generateWidget(e){const{widgetType:i}=e;if(!r.has(i))return null;const{value:n}=e,{component:a,style:l,eventsBySearch:s=[]}=r.get(i),o={...this.initialProps,value:n,filterApiConfig:this.filterApiConfig},h=s.reduce(((e,t)=>{const{name:i,handler:r}=t;let n=this.search;return r&&(n=e=>{r(e,this.search,o)}),{...e,[`on${i}`]:n}}),{});return t(a,{...l,...o,style:this.getEleWidth(e),value:this.valueCp,"onUpdate:value":e=>this.handleUpdate(e),onChangeInitState:(...e)=>this.handleChangeInitState(...e),...h})},handleUpdate(e){this.$emit("update:modelValue",e)},handleChangeInitState(e,t){this.$emit("changeInit",e,t)}},created(){this.initComponentProps(this.cfg)},render(){return this.generateWidget(this.cfg)}}),[["__file","index.vue"]]);export{l as default};

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

@@ -3,7 +3,6 @@ export declare const WidgetCfgMaps: Map<string, {
     component: any;
     props: {
         clearable: boolean;
-        options?: undefined;
         filterable?: undefined;
         multiple?: undefined;
         type?: undefined;
@@ -21,7 +20,7 @@ export declare const WidgetCfgMaps: Map<string, {
         value: {
             type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
         };
-        componentCfg: {
+        filterApiConfig: {
             type: ObjectConstructor;
         };
     }, {
@@ -29,30 +28,48 @@ export declare const WidgetCfgMaps: Map<string, {
             value: {
                 type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
             };
-            componentCfg: {
+            filterApiConfig: {
                 type: ObjectConstructor;
             };
         }>> & {
             "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+            onChangeInitState?: ((...args: any[]) => any) | undefined;
         }>>;
-        emit: (event: "update:value", ...args: any[]) => void;
+        handleGetConfigApi: (params: any, key: string, config: {} | undefined, filterApiConfigVal: any) => Promise<any>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        emit: (event: "update:value" | "changeInitState", ...args: any[]) => void;
+        selectOptions: import("vue").Ref<any[]>;
+        isRemote: import("vue").Ref<boolean>;
+        isLoading: import("vue").Ref<boolean>;
         valueCp: import("vue").WritableComputedRef<any>;
-        maxTagCount: import("vue").ComputedRef<0 | 1 | undefined>;
-        maxTagPlaceholder: () => string | undefined;
+        maxTagCount: import("vue").ComputedRef<"responsive" | undefined>;
+        searchOptions: (keyword: string) => 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;
+        }>;
+        renderTag: ({ option, handleClose }: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
+        init: () => Promise<void>;
         NSelect: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "changeInitState")[], "update:value" | "changeInitState", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         value: {
             type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
         };
-        componentCfg: {
+        filterApiConfig: {
             type: ObjectConstructor;
         };
     }>> & {
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+        onChangeInitState?: ((...args: any[]) => any) | undefined;
     }, {}>;
     props: {
         clearable: boolean;
-        options: never[];
         filterable: boolean;
         multiple: boolean;
         type?: undefined;
@@ -62,20 +79,124 @@ export declare const WidgetCfgMaps: Map<string, {
         name: string;
         handler(e: KeyboardEvent, search: funcVoid, props: any): void;
     }[];
-    handlerProps(props: any, { valueList, multiple, title }?: any): any;
+    handlerProps(props: any, data?: any): any;
     setDefaultValue: (defaultValue: any) => any;
     style?: undefined;
 } | {
-    component: any;
+    component: import("vue").DefineComponent<{
+        type: {
+            type: import("vue").PropType<"year" | "month" | "quarter" | "date" | "datetime" | "datetimerange" | "daterange" | "monthrange">;
+            default: string;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        valueFormat: {
+            type: StringConstructor;
+            default: string;
+        };
+        startPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        endPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        value: {
+            type: StringConstructor;
+            default: string;
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: import("vue").PropType<"year" | "month" | "quarter" | "date" | "datetime" | "datetimerange" | "daterange" | "monthrange">;
+                default: string;
+            };
+            clearable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            valueFormat: {
+                type: StringConstructor;
+                default: string;
+            };
+            startPlaceholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            endPlaceholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            value: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+        }>>;
+        emit: (event: "update:value", ...args: any[]) => void;
+        valueCp: import("vue").Ref<any>;
+        handleChange: (val: any) => false | undefined;
+        NDatePicker: any;
+    }, 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: {
+            type: import("vue").PropType<"year" | "month" | "quarter" | "date" | "datetime" | "datetimerange" | "daterange" | "monthrange">;
+            default: string;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        valueFormat: {
+            type: StringConstructor;
+            default: string;
+        };
+        startPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        endPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        value: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    }, {
+        type: "year" | "month" | "quarter" | "date" | "datetime" | "datetimerange" | "daterange" | "monthrange";
+        value: string;
+        placeholder: string;
+        clearable: boolean;
+        startPlaceholder: string;
+        endPlaceholder: string;
+        valueFormat: string;
+    }>;
     props: {
         type: string;
         clearable: boolean;
         valueFormat: string;
-        options?: undefined;
         filterable?: undefined;
         multiple?: undefined;
     };
-    handlerProps(props: any, { title }?: any): any;
+    handlerProps(props: any, data?: any): any;
     setDefaultValue(defaultValue: any, defValueUnit: any): any;
     eventsBySearch?: undefined;
     style?: undefined;
@@ -183,7 +304,6 @@ export declare const WidgetCfgMaps: Map<string, {
     }>;
     props: {
         clearable?: undefined;
-        options?: undefined;
         filterable?: undefined;
         multiple?: undefined;
         type?: undefined;
@@ -196,4 +316,3 @@ export declare const WidgetCfgMaps: Map<string, {
     setDefaultValue: (defaultValue: any) => any;
     eventsBySearch?: undefined;
 }>;
-export declare const formatItemData: (val: any, widgetType: string) => any;

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

@@ -1 +1 @@
-import{WidgetTypeEnums as e}from"../../types/enums.js";import{DatePresetValEnums as l}from"./enums.js";import{NInputNumber as t,NInput as a,NDatePicker as r}from"naive-ui";import o from"./components/CheckboxGroup.vue.js";import p from"./components/Select.vue.js";import s from"moment";import{presetValToTimestamp as n}from"./helpers/presetValToTimestamp.js";const m=e=>null==e?null:e,u=new Map([[e.INPUT_NUMBER,{component:t,props:{clearable:!0},eventsBySearch:[{name:"keydown",handler(e,l){"Enter"===e.key&&l()}}],handlerProps:(e,{title:l}={})=>({...e,placeholder:`输入${l}`}),setDefaultValue:m}],[e.INPUT,{component:a,props:{clearable:!0},eventsBySearch:[{name:"keydown",handler(e,l){"Enter"===e.key&&l()}}],handlerProps:(e,{title:l}={})=>({...e,placeholder:`搜索${l}`}),setDefaultValue:m}],[e.SELECT,{component:p,props:{clearable:!0,options:[],filterable:!0,multiple:!1},eventsBySearch:[{name:"change",handler(e,l,t){const{multiple:a}=t;a&&l()}}],handlerProps(e,{valueList:l,multiple:t,title:a}={}){const r={...e,placeholder:`请选择${a}`};return Array.isArray(l)&&(r.options=l.map((({value:e,label:l})=>({value:e,label:l})))),t&&(r.multiple=!0),r},setDefaultValue:m}],[e.DATE,{component:r,props:{type:"date",clearable:!0,valueFormat:"yyyy-MM-dd"},handlerProps:(e,{title:l}={})=>({...e,placeholder:`请选择${l}`}),setDefaultValue:(e,t)=>t&&t!==l.CUSTOM?n(t,"YYYY-MM-DD HH:mm:ss"):e}],[e.DATE_TIME,{component:r,props:{type:"datetime",clearable:!0,valueFormat:"yyyy-MM-dd HH:mm:ss"},handlerProps:(e,{title:l}={})=>({...e,placeholder:`请选择${l}`}),setDefaultValue:(e,t)=>t&&t!==l.CUSTOM?n(t,"YYYY-MM-DD HH:mm:ss"):e}],[e.CHECKBOX_GROUP,{component:o,props:{},style:{"line-height":"32px"},handlerProps(e,{valueList:l,multiple:t}={}){const a={...e,multiple:t};return Array.isArray(l)&&(a.options=l.map((({value:e,label:l})=>({value:e,label:l})))),a},setDefaultValue:m}]]),i=(l,t)=>!l||t!==e.DATE&&t!==e.DATE_TIME?l:s(l).format("YYYY-MM-DD HH:mm:ss");export{u as WidgetCfgMaps,i as formatItemData};
+import{WidgetTypeEnums as e}from"../../types/enums.js";import{DatePresetValEnums as t}from"./enums.js";import{NInputNumber as l,NInput as a}from"naive-ui";import r from"./components/CheckboxGroup.vue.js";import n from"./components/InputNumberGroup.vue.js";import o from"./components/Date.vue.js";import p from"./components/Select.vue.js";import{presetValToTimestamp as s}from"./helpers/presetValToTimestamp.js";const m=e=>null==e?null:e,u=new Map([[e.INPUT_NUMBER,{component:l,props:{clearable:!0},eventsBySearch:[{name:"keydown",handler(e,t){"Enter"===e.key&&t()}}],handlerProps:(e,{title:t}={})=>({...e,placeholder:`输入${t}`}),setDefaultValue:m}],[e.INPUTNUMBER_GROUP,{component:n,props:{clearable:!0},eventsBySearch:[{name:"keydown",handler(e,t){"Enter"===e.key&&t()}}],handlerProps:(e,{title:t}={})=>({...e,startPlaceholder:`起始${t}`,endPlaceholder:`截止${t}`}),setDefaultValue:m}],[e.INPUT,{component:a,props:{clearable:!0},eventsBySearch:[{name:"keydown",handler(e,t){"Enter"===e.key&&t()}}],handlerProps:(e,{title:t}={})=>({...e,placeholder:`搜索${t}`}),setDefaultValue:m}],[e.SELECT,{component:p,props:{clearable:!0,filterable:!0,multiple:!1},eventsBySearch:[{name:"change",handler(e,t,l){const{multiple:a}=l;a&&t()}}],handlerProps(e,t={}){const{valueList:l,multiple:a,title:r,manualMapping:n,dynamicOptionInfo:o,defaultValue:p,defValueUnit:s,_frontId:m,isInit:u}=t,i={...e,placeholder:`请选择${r}`,manualMapping:n,dynamicOptionInfo:o,valueList:l,defValue:p,defValueUnit:s,_frontId:m,isInit:u};return a&&(i.multiple=!0),i},setDefaultValue:m}],[e.DATE,{component:o,props:{type:"date",clearable:!0,valueFormat:"yyyy-MM-dd"},handlerProps(e,t={}){const{title:l,rangeFilter:a}=t,r={...e,placeholder:`请选择${l}`};return a&&(r.type="daterange",r.startPlaceholder=`起始${l}`,r.endPlaceholder=`截止${l}`),r},setDefaultValue:(e,l)=>l&&l!==t.CUSTOM?s(l,"YYYY-MM-DD HH:mm:ss"):e}],[e.DATE_TIME,{component:o,props:{type:"datetime",clearable:!0,valueFormat:"yyyy-MM-dd HH:mm:ss"},handlerProps(e,t={}){const{title:l,rangeFilter:a}=t,r={...e,placeholder:`请选择${l}`};return a&&(r.type="datetimerange",r.startPlaceholder=`起始${l}`,r.endPlaceholder=`截止${l}`),r},setDefaultValue:(e,l)=>l&&l!==t.CUSTOM?s(l,"YYYY-MM-DD HH:mm:ss"):e}],[e.CHECKBOX_GROUP,{component:r,props:{},style:{"line-height":"32px"},handlerProps(e,{valueList:t,multiple:l}={}){const a={...e,multiple:l};return Array.isArray(t)&&(a.options=t.map((({value:e,label:t})=>({value:e,label:t})))),a},setDefaultValue:m}]]);export{u as WidgetCfgMaps};