cnhis-design-vue 3.1.52-beta.3 → 3.1.52-beta.31

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

@@ -46,7 +46,6 @@ declare const Date: import("vue").DefineComponent<{
         label: string;
         value: string;
     }[]>;
-    initMounted: () => void;
     isDateDisabled: (ts: number) => boolean;
     timeDisabled: (ts: number) => {
         isHourDisabled(hour: number): boolean | undefined;
@@ -60,6 +59,15 @@ declare const Date: import("vue").DefineComponent<{
         onConfirm: {
             type: FunctionConstructor;
         };
+        formattedValue: {
+            type: StringConstructor;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        allowedInvalidValue: {
+            type: StringConstructor;
+        };
     }, {
         attrs: {
             [x: string]: unknown;
@@ -71,9 +79,23 @@ declare const Date: import("vue").DefineComponent<{
             onConfirm: {
                 type: FunctionConstructor;
             };
-        }>> & {}>>;
+            formattedValue: {
+                type: StringConstructor;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            allowedInvalidValue: {
+                type: StringConstructor;
+            };
+        }>> & {
+            "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+        }>>;
+        emit: (event: "update:formatted-value", ...args: any[]) => void;
         datePickerRef: import("vue").Ref<import("../../../../..").AnyObject | null>;
         panelInstRef: import("vue").Ref<null>;
+        placeholderRef: import("vue").Ref<any>;
+        currentFormattedValue: import("vue").WritableComputedRef<string | null | undefined>;
         isDateTime: import("vue").ComputedRef<boolean>;
         formatRef: import("vue").ComputedRef<string>;
         panelFormatRef: import("vue").ComputedRef<string | [string, string]>;
@@ -82,15 +104,27 @@ declare const Date: import("vue").DefineComponent<{
         handleConfirm: (target: HTMLInputElement) => void;
         onUpdateShow: (show: boolean) => void;
         onConfirm: (...args: any[]) => Promise<void>;
+        isAllowedInvalidValue: (value?: string) => boolean | "" | undefined;
         NDatePicker: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formatted-value"[], "update:formatted-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         updateUnchangedValue: {
             type: BooleanConstructor;
         };
         onConfirm: {
             type: FunctionConstructor;
         };
-    }>>, {
+        formattedValue: {
+            type: StringConstructor;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        allowedInvalidValue: {
+            type: StringConstructor;
+        };
+    }>> & {
+        "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+    }, {
         updateUnchangedValue: boolean;
     }>>;
     NSelect: any;
@@ -630,7 +664,6 @@ declare const DateRange: import("vue").DefineComponent<{
         value: string;
     }[]>;
     presetValCp: import("vue").WritableComputedRef<string>;
-    initMounted: () => void;
     handleChange: (val: any, type: "end" | "start") => void;
     isStartDateDisabled: (ts: number) => boolean;
     timeStartDisabled: (ts: number) => {
@@ -653,6 +686,15 @@ declare const DateRange: import("vue").DefineComponent<{
         onConfirm: {
             type: FunctionConstructor;
         };
+        formattedValue: {
+            type: StringConstructor;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        allowedInvalidValue: {
+            type: StringConstructor;
+        };
     }, {
         attrs: {
             [x: string]: unknown;
@@ -664,9 +706,23 @@ declare const DateRange: import("vue").DefineComponent<{
             onConfirm: {
                 type: FunctionConstructor;
             };
-        }>> & {}>>;
+            formattedValue: {
+                type: StringConstructor;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            allowedInvalidValue: {
+                type: StringConstructor;
+            };
+        }>> & {
+            "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+        }>>;
+        emit: (event: "update:formatted-value", ...args: any[]) => void;
         datePickerRef: import("vue").Ref<import("../../../../..").AnyObject | null>;
         panelInstRef: import("vue").Ref<null>;
+        placeholderRef: import("vue").Ref<any>;
+        currentFormattedValue: import("vue").WritableComputedRef<string | null | undefined>;
         isDateTime: import("vue").ComputedRef<boolean>;
         formatRef: import("vue").ComputedRef<string>;
         panelFormatRef: import("vue").ComputedRef<string | [string, string]>;
@@ -675,15 +731,27 @@ declare const DateRange: import("vue").DefineComponent<{
         handleConfirm: (target: HTMLInputElement) => void;
         onUpdateShow: (show: boolean) => void;
         onConfirm: (...args: any[]) => Promise<void>;
+        isAllowedInvalidValue: (value?: string) => boolean | "" | undefined;
         NDatePicker: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formatted-value"[], "update:formatted-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         updateUnchangedValue: {
             type: BooleanConstructor;
         };
         onConfirm: {
             type: FunctionConstructor;
         };
-    }>>, {
+        formattedValue: {
+            type: StringConstructor;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        allowedInvalidValue: {
+            type: StringConstructor;
+        };
+    }>> & {
+        "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+    }, {
         updateUnchangedValue: boolean;
     }>>;
     WidgetValEnums: {

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

@@ -11,10 +11,10 @@ export declare const useDisplayCategory: (selectedDisplayCategory: Ref, { condit
         showAdd: boolean;
     };
     isEnableAddDisplayCategory: import("vue").ComputedRef<boolean>;
-    editDisplayCategory: (e: any, item: ICategoryItemType) => void;
+    editDisplayCategory: (item: ICategoryItemType, cb?: any) => void;
     handleDisplayCategorySelect: (item: ICategoryItemType) => void;
     handleDisplayCategoryRemove: (index: number, item: ICategoryItemType) => void;
-    handleDisplayCategoryAdd: (e: any) => void;
+    handleDisplayCategoryAdd: (cb?: any) => void;
     handlerBlur: () => void;
     initDisplayCategories: (rawDataDisplayCategories: any, displayCategory: any) => void;
 };

package/es/components/table-filter/src/components/classify-filter/hooks/useDisplayCategory.js

@@ -1 +1 @@
-import{reactive as e,computed as a}from"vue";const i=(i,{conditionList:l},t)=>{const s=e({displayCategories:[],displayCategoryOriginLen:0,showAdd:!1,addDisplayCategory:""}),d=a((()=>s.displayCategories.length===s.displayCategoryOriginLen));return{State:s,isEnableAddDisplayCategory:d,editDisplayCategory:(e,a)=>{a.disabled=!1,setTimeout((()=>{e.target.focus()}),0)},handleDisplayCategorySelect:e=>{e.disabled&&(i.value===e.value?i.value="":i.value=e.value)},handleDisplayCategoryRemove:(e,a)=>{if(!l||!l.length)return void s.displayCategories.splice(e,1);const i=l.filter((e=>e.displayCategory==a.value));i&&i.length?t.error("该分类下有已有数据，请删除该分类下的筛选集后重试！"):s.displayCategories.splice(e,1)},handleDisplayCategoryAdd:e=>{var a;const i=null==(a=null==e?void 0:e.target)?void 0:a.nextElementSibling;setTimeout((()=>{i&&i.focus()})),s.showAdd=!0},handlerBlur:()=>{s.showAdd=!1,s.addDisplayCategory&&(s.displayCategories.push({disabled:!0,value:s.addDisplayCategory}),i.value=s.addDisplayCategory,s.addDisplayCategory="")},initDisplayCategories:(e,a)=>{const l=[];e.forEach((e=>{"未分类"!==e&&l.push({disabled:!0,value:e})})),s.displayCategories=l,s.displayCategoryOriginLen=s.displayCategories.length,i.value=a}}};export{i as useDisplayCategory};
+import{reactive as a,computed as e}from"vue";const i=(i,{conditionList:l},s)=>{const d=a({displayCategories:[],displayCategoryOriginLen:0,showAdd:!1,addDisplayCategory:""}),t=e((()=>d.displayCategories.length===d.displayCategoryOriginLen));return{State:d,isEnableAddDisplayCategory:t,editDisplayCategory:(a,e)=>{a.disabled=!1,e&&e()},handleDisplayCategorySelect:a=>{a.disabled&&(i.value===a.value?i.value="":i.value=a.value)},handleDisplayCategoryRemove:(a,e)=>{if(!l||!l.length)return void d.displayCategories.splice(a,1);const i=l.filter((a=>a.displayCategory==e.value));i&&i.length?s.error("该分类下有已有数据，请删除该分类下的筛选集后重试！"):d.displayCategories.splice(a,1)},handleDisplayCategoryAdd:a=>{d.showAdd=!0,a&&a()},handlerBlur:()=>{d.showAdd=!1,d.addDisplayCategory&&(d.displayCategories.push({disabled:!0,value:d.addDisplayCategory}),i.value=d.addDisplayCategory,d.addDisplayCategory="")},initDisplayCategories:(a,e)=>{const l=[];a.forEach((a=>{"未分类"!==a&&l.push({disabled:!0,value:a})})),d.displayCategories=l,d.displayCategoryOriginLen=d.displayCategories.length,i.value=e}}};export{i as useDisplayCategory};

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

@@ -76,6 +76,8 @@ declare const _default: import("vue").DefineComponent<{
         }[];
     };
     loading: import("vue").Ref<boolean>;
+    parentInputRef: import("vue").Ref<any>;
+    parentInputAddRef: import("vue").Ref<any>;
     DisplayCategoryState: {
         addDisplayCategory: string;
         displayCategories: {
@@ -86,10 +88,10 @@ declare const _default: import("vue").DefineComponent<{
         showAdd: boolean;
     };
     isEnableAddDisplayCategory: import("vue").ComputedRef<boolean>;
-    editDisplayCategory: (e: any, item: ICategoryItemType) => void;
+    editDisplayCategory: (item: ICategoryItemType, cb?: any) => void;
     handleDisplayCategorySelect: (item: ICategoryItemType) => void;
     handleDisplayCategoryRemove: (index: number, item: ICategoryItemType) => void;
-    handleDisplayCategoryAdd: (e: any) => void;
+    handleDisplayCategoryAdd: (cb?: any) => void;
     handlerBlur: () => void;
     initDisplayCategories: (rawDataDisplayCategories: any, displayCategory: any) => void;
     FilterConditionsState: any;
@@ -101,6 +103,8 @@ declare const _default: import("vue").DefineComponent<{
     getParamCfg: (key: string) => any;
     initFilterConditions: (tableId: string, rawConditions: import("../../../../../../es/components/table-filter/src/types").ISearchConfigType) => Promise<void>;
     getRawFilterConditions: () => any[];
+    handleEditDisplayCategory: (item: ICategoryItemType) => void;
+    handleDisplayCategoryAddState: () => void;
     findConditionByDisplayCategory: (sid: string) => unknown;
     handleDisplayCategorySelectProxy: (item: ICategoryItemType) => void;
     clearFormData: () => void;
@@ -209,7 +213,6 @@ declare const _default: import("vue").DefineComponent<{
                 label: string;
                 value: string;
             }[]>;
-            initMounted: () => void;
             isDateDisabled: (ts: number) => boolean;
             timeDisabled: (ts: number) => {
                 isHourDisabled(hour: number): boolean | undefined;
@@ -223,6 +226,15 @@ declare const _default: import("vue").DefineComponent<{
                 onConfirm: {
                     type: FunctionConstructor;
                 };
+                formattedValue: {
+                    type: StringConstructor;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                };
+                allowedInvalidValue: {
+                    type: StringConstructor;
+                };
             }, {
                 attrs: {
                     [x: string]: unknown;
@@ -234,9 +246,23 @@ declare const _default: import("vue").DefineComponent<{
                     onConfirm: {
                         type: FunctionConstructor;
                     };
-                }>> & {}>>;
+                    formattedValue: {
+                        type: StringConstructor;
+                    };
+                    placeholder: {
+                        type: StringConstructor;
+                    };
+                    allowedInvalidValue: {
+                        type: StringConstructor;
+                    };
+                }>> & {
+                    "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+                }>>;
+                emit: (event: "update:formatted-value", ...args: any[]) => void;
                 datePickerRef: import("vue").Ref<import("../../../..").AnyObject | null>;
                 panelInstRef: import("vue").Ref<null>;
+                placeholderRef: import("vue").Ref<any>;
+                currentFormattedValue: import("vue").WritableComputedRef<string | null | undefined>;
                 isDateTime: import("vue").ComputedRef<boolean>;
                 formatRef: import("vue").ComputedRef<string>;
                 panelFormatRef: import("vue").ComputedRef<string | [string, string]>;
@@ -245,15 +271,27 @@ declare const _default: import("vue").DefineComponent<{
                 handleConfirm: (target: HTMLInputElement) => void;
                 onUpdateShow: (show: boolean) => void;
                 onConfirm: (...args: any[]) => Promise<void>;
+                isAllowedInvalidValue: (value?: string) => boolean | "" | undefined;
                 NDatePicker: any;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formatted-value"[], "update:formatted-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 updateUnchangedValue: {
                     type: BooleanConstructor;
                 };
                 onConfirm: {
                     type: FunctionConstructor;
                 };
-            }>>, {
+                formattedValue: {
+                    type: StringConstructor;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                };
+                allowedInvalidValue: {
+                    type: StringConstructor;
+                };
+            }>> & {
+                "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+            }, {
                 updateUnchangedValue: boolean;
             }>>;
             NSelect: any;
@@ -793,7 +831,6 @@ declare const _default: import("vue").DefineComponent<{
                 value: string;
             }[]>;
             presetValCp: import("vue").WritableComputedRef<string>;
-            initMounted: () => void;
             handleChange: (val: any, type: "end" | "start") => void;
             isStartDateDisabled: (ts: number) => boolean;
             timeStartDisabled: (ts: number) => {
@@ -816,6 +853,15 @@ declare const _default: import("vue").DefineComponent<{
                 onConfirm: {
                     type: FunctionConstructor;
                 };
+                formattedValue: {
+                    type: StringConstructor;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                };
+                allowedInvalidValue: {
+                    type: StringConstructor;
+                };
             }, {
                 attrs: {
                     [x: string]: unknown;
@@ -827,9 +873,23 @@ declare const _default: import("vue").DefineComponent<{
                     onConfirm: {
                         type: FunctionConstructor;
                     };
-                }>> & {}>>;
+                    formattedValue: {
+                        type: StringConstructor;
+                    };
+                    placeholder: {
+                        type: StringConstructor;
+                    };
+                    allowedInvalidValue: {
+                        type: StringConstructor;
+                    };
+                }>> & {
+                    "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+                }>>;
+                emit: (event: "update:formatted-value", ...args: any[]) => void;
                 datePickerRef: import("vue").Ref<import("../../../..").AnyObject | null>;
                 panelInstRef: import("vue").Ref<null>;
+                placeholderRef: import("vue").Ref<any>;
+                currentFormattedValue: import("vue").WritableComputedRef<string | null | undefined>;
                 isDateTime: import("vue").ComputedRef<boolean>;
                 formatRef: import("vue").ComputedRef<string>;
                 panelFormatRef: import("vue").ComputedRef<string | [string, string]>;
@@ -838,15 +898,27 @@ declare const _default: import("vue").DefineComponent<{
                 handleConfirm: (target: HTMLInputElement) => void;
                 onUpdateShow: (show: boolean) => void;
                 onConfirm: (...args: any[]) => Promise<void>;
+                isAllowedInvalidValue: (value?: string) => boolean | "" | undefined;
                 NDatePicker: any;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formatted-value"[], "update:formatted-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 updateUnchangedValue: {
                     type: BooleanConstructor;
                 };
                 onConfirm: {
                     type: FunctionConstructor;
                 };
-            }>>, {
+                formattedValue: {
+                    type: StringConstructor;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                };
+                allowedInvalidValue: {
+                    type: StringConstructor;
+                };
+            }>> & {
+                "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+            }, {
                 updateUnchangedValue: boolean;
             }>>;
             WidgetValEnums: {

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

@@ -1 +1 @@
-import{defineComponent as e,useAttrs as a,reactive as t,ref as i,provide as l,toRef as n,openBlock as o,createElementBlock as s,createVNode as d,unref as r,withCtx as c,createElementVNode as p,createCommentVNode as u,Fragment as y,renderList as m,normalizeClass as v,toDisplayString as f,createBlock as C,withDirectives as g,createTextVNode as h,vShow as k}from"vue";import{useMessage as b,NSpin as A,NInput as L,NIcon as w,NButton as U,NSelect as _,NTooltip as N}from"naive-ui";import{CloseOutline as V,AddOutline as x,AddCircleSharp as D}from"@vicons/ionicons5";import S from"./ValueCfg.vue.js";import{DataTypeEnums as B,ConditionEnums as I}from"../../types/enums.js";import{useDisplayCategory as j}from"./hooks/useDisplayCategory.js";import{useFilterConditions as F}from"./hooks/useFilterConditions.js";import{conditionOptions as z}from"./helpers/options.js";import{InjectionClassifyFilterList as O}from"../../constants/index.js";const P={class:"searchConditionByApi_wrapper"},q={class:"class-filter-content"},E={key:0,class:"item-name"},R=p("span",{class:"label"},"筛选分类名称：",-1),J={key:1,class:"quickSearch-content"},K=p("span",{class:"label"},"父类名称：",-1),M=["onDblclick","onClick"],Q={key:0,class:"s-content"},G={key:2,class:"item-name"},H=p("span",{class:"label"}," 过滤条件： ",-1),T=p("span",null,"添加",-1),W={class:"select-item-list"},X={class:"index-span"},Y=["onClick"];var Z=e({__name:"index",props:{actionList_prop:{type:Object,default:()=>({})},conditionList:{type:Array,default:()=>[]},tableId:{type:String,default:""},searchFieldList:{type:Array,default:()=>[]},showItemName:{type:Boolean,default:!0},hideAddBtn:{type:Boolean,default:!1}},emits:["saveAdd","cancelSaveAdd"],setup(e,{expose:Z,emit:$}){const ee=e,ae=b(),te={class:"classify-fieldkey-popover"},ie=a(),le=t({className:"",displayCategory:"",filterConditions:[]}),ne=i(!1);l(O,n(le,"filterConditions"));const{State:oe,isEnableAddDisplayCategory:se,editDisplayCategory:de,handleDisplayCategorySelect:re,handleDisplayCategoryRemove:ce,handleDisplayCategoryAdd:pe,handlerBlur:ue,initDisplayCategories:ye}=j(n(le,"displayCategory"),{conditionList:ee.conditionList},ae),{State:me,paramOptions:ve,addFilterCondition:fe,delFilterCondition:Ce,updateKey:ge,updateCondition:he,getParamCfg:ke,initFilterConditions:be,getRawFilterConditions:Ae}=F(n(le,"filterConditions"),ee.searchFieldList,B.API);function Le(){le.className="",le.displayCategory="",le.filterConditions=[]}async function we(){var e;try{if(Le(),ne.value=!0,ye(ie.displayCategoryList,ee.actionList_prop.displayCategory||void 0),ee.actionList_prop){le.className=ee.actionList_prop.name,await be(ee.tableId,null!=(e=ee.actionList_prop.conObj)?e:[]);le.filterConditions.length<1&&ve.value&&ve.value.length>0&&fe()}}finally{ne.value=!1}}return we(),Z({handleInitConditions:we,saveAdd:function(){new Promise((e=>{le.className||!ee.showItemName?0!==le.filterConditions.length?le.filterConditions.some((({key:e,condition:a,value:t,presetVal:i})=>!e||!a||a===I.EQUAL&&!t&&!i))?ae.warning("请补充完整条件内容"):e(!0):ae.warning("请至少添加一个条件"):ae.warning("请输入分类名称")})).then((()=>{let e;var a;"edit"===ee.actionList_prop.from&&(a=ee.actionList_prop.sid,e=null==ee?void 0:ee.conditionList.find((e=>e.sid===a)));const t={displayCategory:le.displayCategory,name:le.className||"",conObj:Ae()},i={id:e?e.sid:"",tableId:ee.tableId,setting:JSON.stringify(t)};$("saveAdd",i,!1)}))},cancelSaveAdd:function(){Le(),$("cancelSaveAdd")},addAction:fe,checkActionList:function(){return le.filterConditions.every((e=>!e.field_key))}}),(a,t)=>(o(),s("div",P,[d(r(A),{show:ne.value},{default:c((()=>[p("div",q,[e.showItemName?(o(),s("div",E,[R,d(r(L),{value:le.className,"onUpdate:value":t[0]||(t[0]=e=>le.className=e),placeholder:"请输入分类名称",style:{width:"250px"},maxlength:"10"},null,8,["value"])])):u("v-if",!0),e.showItemName?(o(),s("div",J,[K,(o(!0),s(y,null,m(r(oe).displayCategories,((e,a)=>(o(),s("div",{class:v(["edit-tag",{"edit-tag-select":e.value===le.displayCategory&&e.disabled}]),key:a,onDblclick:a=>r(de)(a,e),onClick:a=>function(e){re(e)}(e)},[e.disabled?(o(),s("div",Q,[p("span",null,f(e.value),1)])):(o(),C(r(L),{key:1,style:{width:"100px"},disabled:e.disabled,onBlur:()=>e.disabled=!0,value:e.value,"onUpdate:value":a=>e.value=a,maxlength:10},null,8,["disabled","onBlur","value","onUpdate:value"])),d(r(w),{component:r(V),class:"anticon-close",size:"20",onClick:t=>r(ce)(a,e)},null,8,["component","onClick"])],42,M)))),128)),r(se)?(o(),s(y,{key:0},[g(d(r(U),{class:"ant-btn",icon:"plus",dashed:"",onClick:r(pe)},{default:c((()=>[d(r(w),{component:r(x),size:"20"},null,8,["component"]),h(" "+f("添加父类"))])),_:1},8,["onClick"]),[[k,!r(oe).showAdd]]),g(d(r(L),{class:"edit-tag",value:r(oe).addDisplayCategory,"onUpdate:value":t[1]||(t[1]=e=>r(oe).addDisplayCategory=e),valueModifiers:{trim:!0},style:{width:"100px"},onBlur:r(ue),maxLength:10},null,8,["value","onBlur"]),[[k,r(oe).showAdd]])],64)):u("v-if",!0)])):u("v-if",!0),e.hideAddBtn?u("v-if",!0):(o(),s("div",G,[H,p("span",{class:"addAction",onClick:t[2]||(t[2]=(...e)=>r(fe)&&r(fe)(...e)),style:{cursor:"pointer"}},[d(r(w),{component:r(D),class:"blue",size:"18"},null,8,["component"]),T])])),p("ul",W,[(o(!0),s(y,null,m(le.filterConditions,((e,a)=>(o(),s("li",{key:a},[p("span",X,f(a+1),1),u(" 选择 field_key "),d(r(_),{class:"form-item",placeholder:"请选择",value:e.key,"menu-props":te,to:"body",filterable:"",options:r(ve),"onUpdate:value":e=>r(ge)(a,e)},null,8,["value","options","onUpdate:value"]),u(" 选择 关系 "),e.key?(o(),C(r(_),{key:0,class:"form-item",placeholder:"请选择",value:e.condition,to:"body",filterable:"",options:r(z),"onUpdate:value":e=>r(he)(a,e)},null,8,["value","options","onUpdate:value"])):u("v-if",!0),u(" 自定义 "),e.key&&e.condition&&e.condition!==r(I).NULL?(o(),C(S,{key:1,modelValue:e.value,"onUpdate:modelValue":a=>e.value=a,presetVal:e.presetVal,"onUpdate:presetVal":a=>e.presetVal=a,isAccurate:e.isAccurateSearch,"onUpdate:isAccurate":a=>e.isAccurateSearch=a,"param-cfg":r(ke)(e.key)},null,8,["modelValue","onUpdate:modelValue","presetVal","onUpdate:presetVal","isAccurate","onUpdate:isAccurate","param-cfg"])):u("v-if",!0),d(r(N),{title:"删除",trigger:"hover"},{trigger:c((()=>[p("i",{onClick:e=>r(Ce)(a),class:"iconfont-table-filter delete-item-icon icon-table-filter-menzhenyishengzhananniuqingchu"},null,8,Y)])),default:c((()=>[h(" 删除 ")])),_:2},1024)])))),128))])])])),_:1},8,["show"])]))}});export{Z as default};
+import{defineComponent as e,useAttrs as a,reactive as t,ref as i,provide as l,toRef as n,openBlock as o,createElementBlock as s,createVNode as d,unref as r,withCtx as c,createElementVNode as p,createCommentVNode as u,Fragment as y,renderList as m,normalizeClass as f,toDisplayString as v,createBlock as g,withDirectives as h,createTextVNode as C,vShow as k}from"vue";import{useMessage as b,NSpin as A,NInput as w,NIcon as L,NButton as _,NSelect as U,NTooltip as N}from"naive-ui";import{CloseOutline as I,AddOutline as V,AddCircleSharp as x}from"@vicons/ionicons5";import D from"./ValueCfg.vue.js";import{DataTypeEnums as S,ConditionEnums as B}from"../../types/enums.js";import{useDisplayCategory as j}from"./hooks/useDisplayCategory.js";import{useFilterConditions as F}from"./hooks/useFilterConditions.js";import{conditionOptions as z}from"./helpers/options.js";import{InjectionClassifyFilterList as O}from"../../constants/index.js";const R={class:"searchConditionByApi_wrapper"},P={class:"class-filter-content"},q={key:0,class:"item-name"},E=p("span",{class:"label"},"筛选分类名称：",-1),T={key:1,class:"quickSearch-content"},J=p("span",{class:"label"},"父类名称：",-1),K=["onClick"],M=["onDblclick"],Q={class:"s-content"},G={key:2,class:"item-name"},H=p("span",{class:"label"}," 过滤条件： ",-1),W=p("span",null,"添加",-1),X={class:"select-item-list"},Y={class:"index-span"},Z=["onClick"];var $=e({__name:"index",props:{actionList_prop:{type:Object,default:()=>({})},conditionList:{type:Array,default:()=>[]},tableId:{type:String,default:""},searchFieldList:{type:Array,default:()=>[]},showItemName:{type:Boolean,default:!0},hideAddBtn:{type:Boolean,default:!1}},emits:["saveAdd","cancelSaveAdd"],setup(e,{expose:$,emit:ee}){const ae=e,te=b(),ie={class:"classify-fieldkey-popover"},le=a(),ne=t({className:"",displayCategory:"",filterConditions:[]}),oe=i(!1),se=i(),de=i();l(O,n(ne,"filterConditions"));const{State:re,isEnableAddDisplayCategory:ce,editDisplayCategory:pe,handleDisplayCategorySelect:ue,handleDisplayCategoryRemove:ye,handleDisplayCategoryAdd:me,handlerBlur:fe,initDisplayCategories:ve}=j(n(ne,"displayCategory"),{conditionList:ae.conditionList},te),{State:ge,paramOptions:he,addFilterCondition:Ce,delFilterCondition:ke,updateKey:be,updateCondition:Ae,getParamCfg:we,initFilterConditions:Le,getRawFilterConditions:_e}=F(n(ne,"filterConditions"),ae.searchFieldList,S.API);function Ue(){me((()=>{setTimeout((()=>{de.value&&de.value.focus()}),100)}))}function Ne(){ne.className="",ne.displayCategory="",ne.filterConditions=[]}async function Ie(){var e;try{if(Ne(),oe.value=!0,ve(le.displayCategoryList,ae.actionList_prop.displayCategory||void 0),ae.actionList_prop){ne.className=ae.actionList_prop.name,await Le(ae.tableId,null!=(e=ae.actionList_prop.conObj)?e:[]);ne.filterConditions.length<1&&he.value&&he.value.length>0&&Ce()}}finally{oe.value=!1}}return Ie(),$({handleInitConditions:Ie,saveAdd:function(){new Promise((e=>{ne.className||!ae.showItemName?0!==ne.filterConditions.length?ne.filterConditions.some((({key:e,condition:a,value:t,presetVal:i})=>!e||!a||a===B.EQUAL&&!t&&!i))?te.warning("请补充完整条件内容"):e(!0):te.warning("请至少添加一个条件"):te.warning("请输入分类名称")})).then((()=>{let e;var a;"edit"===ae.actionList_prop.from&&(a=ae.actionList_prop.sid,e=null==ae?void 0:ae.conditionList.find((e=>e.sid===a)));const t={displayCategory:ne.displayCategory,name:ne.className||"",conObj:_e()},i={id:e?e.sid:"",tableId:ae.tableId,setting:JSON.stringify(t)};ee("saveAdd",i,!1)}))},cancelSaveAdd:function(){Ne(),ee("cancelSaveAdd")},addAction:Ce,checkActionList:function(){return ne.filterConditions.every((e=>!e.field_key))}}),(a,t)=>(o(),s("div",R,[d(r(A),{show:oe.value},{default:c((()=>[p("div",P,[e.showItemName?(o(),s("div",q,[E,d(r(w),{value:ne.className,"onUpdate:value":t[0]||(t[0]=e=>ne.className=e),placeholder:"请输入分类名称",style:{width:"250px"},maxlength:"10"},null,8,["value"])])):u("v-if",!0),e.showItemName?(o(),s("div",T,[J,(o(!0),s(y,null,m(r(re).displayCategories,((e,a)=>(o(),s("div",{class:"parent-name",key:a,onClick:a=>function(e){ue(e)}(e)},[e.disabled?(o(),s("div",{key:0,class:f(["edit-tag",{"edit-tag-select":e.value===ne.displayCategory&&e.disabled}]),onDblclick:a=>function(e){e.disabled=!1,setTimeout((()=>{se.value.length>0&&se.value[0].focus()}),100)}(e)},[p("div",Q,v(e.value),1),d(r(L),{component:r(I),class:"anticon-close",size:"20",onClick:t=>r(ye)(a,e)},null,8,["component","onClick"])],42,M)):(o(),g(r(w),{key:1,ref_for:!0,ref_key:"parentInputRef",ref:se,class:"parent-input",style:{width:"100px"},disabled:e.disabled,onBlur:()=>e.disabled=!0,value:e.value,"onUpdate:value":a=>e.value=a,maxlength:20},null,8,["disabled","onBlur","value","onUpdate:value"]))],8,K)))),128)),r(ce)?(o(),s(y,{key:0},[h(d(r(_),{class:"ant-btn",icon:"plus",dashed:"",onClick:Ue},{default:c((()=>[d(r(L),{component:r(V),size:"20"},null,8,["component"]),C(" "+v("添加父类"))])),_:1},512),[[k,!r(re).showAdd]]),h(d(r(w),{ref_key:"parentInputAddRef",ref:de,class:"parent-input",value:r(re).addDisplayCategory,"onUpdate:value":t[1]||(t[1]=e=>r(re).addDisplayCategory=e),valueModifiers:{trim:!0},style:{width:"100px"},onBlur:r(fe),maxlength:20},null,8,["value","onBlur"]),[[k,r(re).showAdd]])],64)):u("v-if",!0)])):u("v-if",!0),e.hideAddBtn?u("v-if",!0):(o(),s("div",G,[H,p("span",{class:"addAction",onClick:t[2]||(t[2]=(...e)=>r(Ce)&&r(Ce)(...e)),style:{cursor:"pointer"}},[d(r(L),{component:r(x),class:"blue",size:"18"},null,8,["component"]),W])])),p("ul",X,[(o(!0),s(y,null,m(ne.filterConditions,((e,a)=>(o(),s("li",{key:a},[p("span",Y,v(a+1),1),u(" 选择 field_key "),d(r(U),{class:"form-item",placeholder:"请选择",value:e.key,"menu-props":ie,to:"body",filterable:"",options:r(he),"onUpdate:value":e=>r(be)(a,e)},null,8,["value","options","onUpdate:value"]),u(" 选择 关系 "),e.key?(o(),g(r(U),{key:0,class:"form-item",placeholder:"请选择",value:e.condition,to:"body",filterable:"",options:r(z),"onUpdate:value":e=>r(Ae)(a,e)},null,8,["value","options","onUpdate:value"])):u("v-if",!0),u(" 自定义 "),e.key&&e.condition&&e.condition!==r(B).NULL?(o(),g(D,{key:1,modelValue:e.value,"onUpdate:modelValue":a=>e.value=a,presetVal:e.presetVal,"onUpdate:presetVal":a=>e.presetVal=a,isAccurate:e.isAccurateSearch,"onUpdate:isAccurate":a=>e.isAccurateSearch=a,"param-cfg":r(we)(e.key)},null,8,["modelValue","onUpdate:modelValue","presetVal","onUpdate:presetVal","isAccurate","onUpdate:isAccurate","param-cfg"])):u("v-if",!0),d(r(N),{title:"删除",trigger:"hover"},{trigger:c((()=>[p("i",{onClick:e=>r(ke)(a),class:"iconfont-table-filter delete-item-icon icon-table-filter-menzhenyishengzhananniuqingchu"},null,8,Z)])),default:c((()=>[C(" 删除 ")])),_:2},1024)])))),128))])])])),_:1},8,["show"])]))}});export{$ as default};

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

@@ -90,6 +90,15 @@ declare const _default: import("vue").DefineComponent<{
         onConfirm: {
             type: FunctionConstructor;
         };
+        formattedValue: {
+            type: StringConstructor;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        allowedInvalidValue: {
+            type: StringConstructor;
+        };
     }, {
         attrs: {
             [x: string]: unknown;
@@ -101,9 +110,23 @@ declare const _default: import("vue").DefineComponent<{
             onConfirm: {
                 type: FunctionConstructor;
             };
-        }>> & {}>>;
+            formattedValue: {
+                type: StringConstructor;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            allowedInvalidValue: {
+                type: StringConstructor;
+            };
+        }>> & {
+            "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+        }>>;
+        emit: (event: "update:formatted-value", ...args: any[]) => void;
         datePickerRef: import("vue").Ref<AnyObject | null>;
         panelInstRef: import("vue").Ref<null>;
+        placeholderRef: import("vue").Ref<any>;
+        currentFormattedValue: import("vue").WritableComputedRef<string | null | undefined>;
         isDateTime: import("vue").ComputedRef<boolean>;
         formatRef: import("vue").ComputedRef<string>;
         panelFormatRef: import("vue").ComputedRef<string | [string, string]>;
@@ -112,15 +135,27 @@ declare const _default: import("vue").DefineComponent<{
         handleConfirm: (target: HTMLInputElement) => void;
         onUpdateShow: (show: boolean) => void;
         onConfirm: (...args: any[]) => Promise<void>;
+        isAllowedInvalidValue: (value?: string) => boolean | "" | undefined;
         NDatePicker: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formatted-value"[], "update:formatted-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         updateUnchangedValue: {
             type: BooleanConstructor;
         };
         onConfirm: {
             type: FunctionConstructor;
         };
-    }>>, {
+        formattedValue: {
+            type: StringConstructor;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        allowedInvalidValue: {
+            type: StringConstructor;
+        };
+    }>> & {
+        "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+    }, {
         updateUnchangedValue: boolean;
     }>>;
     DateQuickBtn: import("vue").DefineComponent<{

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

@@ -1 +1 @@
-import{defineComponent as e,ref as t,computed as a,watch as l,openBlock as u,createElementBlock as r,unref as n,createBlock as o,createCommentVNode as i,normalizeClass as d,withCtx as p,createTextVNode as m,toDisplayString as v}from"vue";import{NButton as c}from"naive-ui";import s from"../../../../../date-picker/index.js";import f from"moment";import{isString as y}from"lodash-es";import{WidgetOptionEnums as g}from"../../../types/enums.js";import{dateDisabledCollect as b,setDateDisabled as h,setTimeDisabled as k}from"../helpers/dateDisabled.js";import C from"./DateQuickBtn/index.vue.js";const Y={class:"render-widget-date-range"};var D=e({__name:"DateInner",props:{componentCfg:{type:Object},type:{type:String,default:"date"},clearable:{type:Boolean,default:!1},valueFormat:{type:String,default:"yyyy-MM-dd"},placeholder:{type:String,default:"请输入"},value:{type:String,default:""},unit:{type:String,default:""}},emits:["update:value","update:unit"],setup(e,{emit:D}){const M=e,S=t(),F=t(!1),j=a((()=>{let e="";switch(M.type){case"date":e="YYYY-MM-DD";break;case"datetime":e="YYYY-MM-DD HH:mm:ss"}return e})),T=a((()=>{let e="";switch(M.type){case"date":e="选择日期";break;case"datetime":e="选择时间"}return e})),w=a((()=>M.unit)),_=a((()=>{var e;return null==(e=M.componentCfg)?void 0:e.widgetCfg.optionSetting})),x=a((()=>_.value!==g.SELECT_TIME)),B=a((()=>b.curTime));function E(){x.value&&(F.value=!F.value)}function V(e){D("update:value",e)}function H(e){D("update:unit",e)}function I(e){S.value=e;const t=e?f(e).format(j.value):e;D("update:value",t)}function O(e){return h(e,_.value)}function Q(e){return k(e,_.value)}return l((()=>M.value),(e=>{if(e&&y(e))return w.value||(F.value=!0),void(S.value=f(e).valueOf());S.value=null}),{immediate:!0}),x.value||(F.value=!0),(t,a)=>(u(),r("div",Y,[n(x)&&!F.value?(u(),o(C,{key:0,componentCfg:e.componentCfg,type:e.type,dateFormat:n(j),radioValue:n(w),onClickQuickBtn:V,onChangeRadioValue:H},null,8,["componentCfg","type","dateFormat","radioValue"])):i("v-if",!0),n(x)?(u(),o(n(c),{key:1,secondary:"",class:d(F.value?"select-date-right":"select-date-left"),onClick:E},{default:p((()=>[m(v(n(T)),1)])),_:1},8,["class"])):i("v-if",!0),!n(x)||F.value?(u(),o(n(s),{key:2,to:"body",type:e.type,clearable:e.clearable,valueFormat:e.valueFormat,placeholder:e.placeholder,value:S.value,defaultTime:n(B),"is-date-disabled":O,"is-time-disabled":Q,"onUpdate:value":I},null,8,["type","clearable","valueFormat","placeholder","value","defaultTime"])):i("v-if",!0)]))}});export{D as default};
+import{defineComponent as e,ref as t,computed as a,watch as l,openBlock as u,createElementBlock as n,unref as r,createBlock as o,createCommentVNode as i,normalizeClass as d,withCtx as p,createTextVNode as m,toDisplayString as v}from"vue";import{NButton as c}from"naive-ui";import s from"../../../../../date-picker/index.js";import f from"moment";import{isString as y}from"lodash-es";import{WidgetOptionEnums as g}from"../../../types/enums.js";import{dateDisabledCollect as b,setDateDisabled as h,setTimeDisabled as k}from"../helpers/dateDisabled.js";import C from"./DateQuickBtn/index.vue.js";const Y={class:"render-widget-date-range"};var D=e({__name:"DateInner",props:{componentCfg:{type:Object},type:{type:String,default:"date"},clearable:{type:Boolean,default:!1},valueFormat:{type:String,default:"yyyy-MM-dd"},placeholder:{type:String,default:"请输入"},value:{type:String,default:""},unit:{type:String,default:""}},emits:["update:value","update:unit"],setup(e,{emit:D}){const M=e,S=t(),F=t(!1),j=a((()=>{let e="";switch(M.type){case"date":e="YYYY-MM-DD";break;case"datetime":e="YYYY-MM-DD HH:mm:ss"}return e})),T=a((()=>{let e="";switch(M.type){case"date":e="选择日期";break;case"datetime":e="选择时间"}return e})),w=a((()=>M.unit)),_=a((()=>{var e;return null==(e=M.componentCfg)?void 0:e.widgetCfg.optionSetting})),x=a((()=>_.value!==g.SELECT_TIME)),B=a((()=>b.curTime));function E(){x.value&&(F.value=!F.value)}function V(e){D("update:value",e)}function H(e){D("update:unit",e)}function I(e){S.value=e;const t=e?f(e).format(j.value):e;D("update:value",t),D("update:unit","")}function O(e){return h(e,_.value)}function Q(e){return k(e,_.value)}return l((()=>M.value),(e=>{if(e&&y(e))return w.value||(F.value=!0),void(S.value=f(e).valueOf());S.value=null}),{immediate:!0}),x.value||(F.value=!0),(t,a)=>(u(),n("div",Y,[r(x)&&!F.value?(u(),o(C,{key:0,componentCfg:e.componentCfg,type:e.type,dateFormat:r(j),radioValue:r(w),onClickQuickBtn:V,onChangeRadioValue:H},null,8,["componentCfg","type","dateFormat","radioValue"])):i("v-if",!0),r(x)?(u(),o(r(c),{key:1,secondary:"",class:d(F.value?"select-date-right":"select-date-left"),onClick:E},{default:p((()=>[m(v(r(T)),1)])),_:1},8,["class"])):i("v-if",!0),!r(x)||F.value?(u(),o(r(s),{key:2,to:"body",type:e.type,clearable:e.clearable,valueFormat:e.valueFormat,placeholder:e.placeholder,value:S.value,defaultTime:r(B),"is-date-disabled":O,"is-time-disabled":Q,"onUpdate:value":I},null,8,["type","clearable","valueFormat","placeholder","value","defaultTime"])):i("v-if",!0)]))}});export{D as default};

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

@@ -73,6 +73,15 @@ declare const _default: import("vue").DefineComponent<{
         onConfirm: {
             type: FunctionConstructor;
         };
+        formattedValue: {
+            type: StringConstructor;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        allowedInvalidValue: {
+            type: StringConstructor;
+        };
     }, {
         attrs: {
             [x: string]: unknown;
@@ -84,9 +93,23 @@ declare const _default: import("vue").DefineComponent<{
             onConfirm: {
                 type: FunctionConstructor;
             };
-        }>> & {}>>;
+            formattedValue: {
+                type: StringConstructor;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            allowedInvalidValue: {
+                type: StringConstructor;
+            };
+        }>> & {
+            "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+        }>>;
+        emit: (event: "update:formatted-value", ...args: any[]) => void;
         datePickerRef: import("vue").Ref<AnyObject | null>;
         panelInstRef: import("vue").Ref<null>;
+        placeholderRef: import("vue").Ref<any>;
+        currentFormattedValue: import("vue").WritableComputedRef<string | null | undefined>;
         isDateTime: import("vue").ComputedRef<boolean>;
         formatRef: import("vue").ComputedRef<string>;
         panelFormatRef: import("vue").ComputedRef<string | [string, string]>;
@@ -95,15 +118,27 @@ declare const _default: import("vue").DefineComponent<{
         handleConfirm: (target: HTMLInputElement) => void;
         onUpdateShow: (show: boolean) => void;
         onConfirm: (...args: any[]) => Promise<void>;
+        isAllowedInvalidValue: (value?: string) => boolean | "" | undefined;
         NDatePicker: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formatted-value"[], "update:formatted-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         updateUnchangedValue: {
             type: BooleanConstructor;
         };
         onConfirm: {
             type: FunctionConstructor;
         };
-    }>>, {
+        formattedValue: {
+            type: StringConstructor;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        allowedInvalidValue: {
+            type: StringConstructor;
+        };
+    }>> & {
+        "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+    }, {
         updateUnchangedValue: 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<{

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

@@ -108,6 +108,15 @@ declare const _default: import("vue").DefineComponent<{
         onConfirm: {
             type: FunctionConstructor;
         };
+        formattedValue: {
+            type: StringConstructor;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        allowedInvalidValue: {
+            type: StringConstructor;
+        };
     }, {
         attrs: {
             [x: string]: unknown;
@@ -119,9 +128,23 @@ declare const _default: import("vue").DefineComponent<{
             onConfirm: {
                 type: FunctionConstructor;
             };
-        }>> & {}>>;
+            formattedValue: {
+                type: StringConstructor;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            allowedInvalidValue: {
+                type: StringConstructor;
+            };
+        }>> & {
+            "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+        }>>;
+        emit: (event: "update:formatted-value", ...args: any[]) => void;
         datePickerRef: import("vue").Ref<AnyObject | null>;
         panelInstRef: import("vue").Ref<null>;
+        placeholderRef: import("vue").Ref<any>;
+        currentFormattedValue: import("vue").WritableComputedRef<string | null | undefined>;
         isDateTime: import("vue").ComputedRef<boolean>;
         formatRef: import("vue").ComputedRef<string>;
         panelFormatRef: import("vue").ComputedRef<string | [string, string]>;
@@ -130,15 +153,27 @@ declare const _default: import("vue").DefineComponent<{
         handleConfirm: (target: HTMLInputElement) => void;
         onUpdateShow: (show: boolean) => void;
         onConfirm: (...args: any[]) => Promise<void>;
+        isAllowedInvalidValue: (value?: string) => boolean | "" | undefined;
         NDatePicker: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formatted-value"[], "update:formatted-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         updateUnchangedValue: {
             type: BooleanConstructor;
         };
         onConfirm: {
             type: FunctionConstructor;
         };
-    }>>, {
+        formattedValue: {
+            type: StringConstructor;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        allowedInvalidValue: {
+            type: StringConstructor;
+        };
+    }>> & {
+        "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+    }, {
         updateUnchangedValue: boolean;
     }>>;
     DateQuickBtn: import("vue").DefineComponent<{