vft 0.0.239 → 0.0.240

package/lib/components/tabs/tabs.vue.d.ts

@@ -25,15 +25,13 @@ export interface TabsProps {
     /** tab 触发方式 */
     trigger?: 'click' | 'hover';
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<TabsProps>, {
-    currentName: import("vue").Ref<string | number>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabsProps>>, {
+    currentName: import("vue").Ref<string | number, string | number>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (name: string | number) => void;
     tabClick: (pane: {
         uid: number;
-        slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
+        slots: import("vue").Slots;
         props: {
             label: string;
             name: string | number;
@@ -49,9 +47,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     }, ev: Event) => void;
     tabContextMenu: (pane: {
         uid: number;
-        slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
+        slots: import("vue").Slots;
         props: {
             label: string;
             name: string | number;
@@ -69,13 +65,11 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     tabRemove: (name: string | number) => void;
     tabAdd: () => void;
     edit: (paneName: string | number | undefined, action: "remove" | "add") => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabsProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabsProps>>> & Readonly<{
     "onUpdate:modelValue"?: ((name: string | number) => any) | undefined;
     onTabClick?: ((pane: {
         uid: number;
-        slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
+        slots: import("vue").Slots;
         props: {
             label: string;
             name: string | number;
@@ -93,9 +87,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     onTabAdd?: (() => any) | undefined;
     onTabContextMenu?: ((pane: {
         uid: number;
-        slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
+        slots: import("vue").Slots;
         props: {
             label: string;
             name: string | number;
@@ -111,7 +103,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     }, index: number, ev: Event) => any) | undefined;
     onTabChange?: ((name: string | number) => any) | undefined;
     onEdit?: ((paneName: string | number | undefined, action: "remove" | "add") => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/tabs/tabs.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("@vueuse/core");const v=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const B=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");const E=require("../../hooks/use-ordered-children/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const k=require("@vft/constants"),A=require("./tab-nav.vue2.cjs"),S=require("./types.cjs"),M=t.defineComponent({name:"vft-tabs"}),p=t.defineComponent({...M,props:{closable:{type:Boolean},addable:{type:Boolean,default:!1},modelValue:{},editable:{type:Boolean},tabPosition:{default:"top"},beforeLeave:{},stretch:{type:Boolean},showBar:{type:Boolean,default:!0},closeIconCfg:{},addIconCfg:{},arrowLeftIconCfg:{},arrowRightIconCfg:{},fixTabCount:{default:0},fixExtraScrollWidth:{default:0},trigger:{default:"click"}},emits:["update:modelValue","tabClick","tabContextMenu","tabChange","tabRemove","tabAdd","edit"],setup(a,{expose:C,emit:m}){const n=m,d=B.useNamespace("tabs"),h=t.getCurrentInstance(),o=t.useSlots(),l=t.ref(),c=t.ref(a.modelValue??"0"),s=async(e,r=!1)=>{var i,u,g;if(!(c.value===e||v.isUndefined(e)))try{await((i=a.beforeLeave)==null?void 0:i.call(a,e,c.value))!==!1&&(c.value=e,r&&(n(k.UPDATE_MODEL_EVENT,e),n("tabChange",e)),(g=(u=l.value)==null?void 0:u.removeFocus)==null||g.call(u))}catch{}},x=(e,r,i)=>{e.props.disabled||(s(r,!0),n("tabClick",e,i))},I=(e,r)=>{e.props.disabled||v.isUndefined(e.props.name)||(r.stopPropagation(),n("edit",e.props.name,"remove"),n("tabRemove",e.props.name))};t.watch(()=>a.modelValue,e=>s(e)),t.watch(c,async()=>{var e;await t.nextTick(),(e=l.value)==null||e.scrollToActiveTab()});const w=()=>{n("edit",void 0,"add"),n("tabAdd")},T=(e,r,i)=>{n("tabContextMenu",e,r,i)},f=t.computed(()=>{var e;return t.createVNode("div",{class:d.e("content")},[(e=o.default)==null?void 0:e.call(o)])}),{children:q,addChild:y,removeChild:R}=E.useOrderedChildren(t.getCurrentInstance(),"vft-tab-pane");t.provide(S.TabsRootContextKey,{props:h.props,currentName:c,registerPane:y,unregisterPane:R}),C({currentName:c});const N=t.computed(()=>({icon:"icon-plus",size:12,...a.addIconCfg})),V=t.computed(()=>({icon:"icon-close",size:14,...a.closeIconCfg})),L=t.computed(()=>({icon:"icon-arrow-left",size:18,...a.arrowLeftIconCfg})),P=t.computed(()=>({icon:"icon-arrow-right",size:18,...a.arrowRightIconCfg})),b=t.computed(()=>{var e;return t.createVNode("div",{class:[d.e("header"),d.is(a.tabPosition)]},[t.createVNode(A.default,{ref:l.value,panes:q.value,stretch:a.stretch,showBar:a.showBar,closeIconCfg:V.value,addIconCfg:N.value,arrowRightIconCfg:P.value,arrowLeftIconCfg:L.value,editable:a.editable,fixTabCount:a.fixTabCount,fixExtraScrollWidth:a.fixExtraScrollWidth,addable:a.addable,trigger:a.trigger,onTabClick:x,onTabRemove:I,onTabAdd:w,onTabContextmenu:T},null),o.navRight?t.createVNode("div",{class:"nav-right"},[(e=o.navRight)==null?void 0:e.call(o)]):null])});return()=>t.createVNode("div",{class:[d.b(),d.m(a.tabPosition)]},[...a.tabPosition!=="bottom"?[b.value,f.value]:[f.value,b.value]])}});exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");const b=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const V=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");const L=require("../../hooks/use-ordered-children/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const P=require("@vft/constants"),B=require("./tab-nav.vue2.cjs"),E=require("./types.cjs"),k=e.defineComponent({name:"vft-tabs"}),A=e.defineComponent({...k,props:{closable:{type:Boolean},addable:{type:Boolean,default:!1},modelValue:{},editable:{type:Boolean},tabPosition:{default:"top"},beforeLeave:{},stretch:{type:Boolean},showBar:{type:Boolean,default:!0},closeIconCfg:{},addIconCfg:{},arrowLeftIconCfg:{},arrowRightIconCfg:{},fixTabCount:{default:0},fixExtraScrollWidth:{default:0},trigger:{default:"click"}},emits:["update:modelValue","tabClick","tabContextMenu","tabChange","tabRemove","tabAdd","edit"],setup(a,{expose:g,emit:v}){const n=v,c=V.useNamespace("tabs"),C=e.getCurrentInstance(),d=e.useSlots(),s=e.ref(),r=e.ref(a.modelValue??"0"),l=async(t,o=!1)=>{if(!(r.value===t||b.isUndefined(t)))try{await a.beforeLeave?.(t,r.value)!==!1&&(r.value=t,o&&(n(P.UPDATE_MODEL_EVENT,t),n("tabChange",t)),s.value?.removeFocus?.())}catch{}},m=(t,o,i)=>{t.props.disabled||(l(o,!0),n("tabClick",t,i))},h=(t,o)=>{t.props.disabled||b.isUndefined(t.props.name)||(o.stopPropagation(),n("edit",t.props.name,"remove"),n("tabRemove",t.props.name))};e.watch(()=>a.modelValue,t=>l(t)),e.watch(r,async()=>{await e.nextTick(),s.value?.scrollToActiveTab()});const x=()=>{n("edit",void 0,"add"),n("tabAdd")},I=(t,o,i)=>{n("tabContextMenu",t,o,i)},u=e.computed(()=>e.createVNode("div",{class:c.e("content")},[d.default?.()])),{children:w,addChild:T,removeChild:q}=L.useOrderedChildren(e.getCurrentInstance(),"vft-tab-pane");e.provide(E.TabsRootContextKey,{props:C.props,currentName:r,registerPane:T,unregisterPane:q}),g({currentName:r});const p=e.computed(()=>({icon:"icon-plus",size:12,...a.addIconCfg})),y=e.computed(()=>({icon:"icon-close",size:14,...a.closeIconCfg})),R=e.computed(()=>({icon:"icon-arrow-left",size:18,...a.arrowLeftIconCfg})),N=e.computed(()=>({icon:"icon-arrow-right",size:18,...a.arrowRightIconCfg})),f=e.computed(()=>e.createVNode("div",{class:[c.e("header"),c.is(a.tabPosition)]},[e.createVNode(B.default,{ref:s.value,panes:w.value,stretch:a.stretch,showBar:a.showBar,closeIconCfg:y.value,addIconCfg:p.value,arrowRightIconCfg:N.value,arrowLeftIconCfg:R.value,editable:a.editable,fixTabCount:a.fixTabCount,fixExtraScrollWidth:a.fixExtraScrollWidth,addable:a.addable,trigger:a.trigger,onTabClick:m,onTabRemove:h,onTabAdd:x,onTabContextmenu:I},null),d.navRight?e.createVNode("div",{class:"nav-right"},[d.navRight?.()]):null]));return()=>e.createVNode("div",{class:[c.b(),c.m(a.tabPosition)]},[...a.tabPosition!=="bottom"?[f.value,u.value]:[u.value,f.value]])}});exports.default=A;

package/lib/components/tag/index.d.ts

@@ -1,5 +1,5 @@
 export * from './types';
-export declare const VftTag: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftTag: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     closable: {
         type: import("vue").PropType<boolean>;
     };
@@ -24,7 +24,7 @@ export declare const VftTag: import("vft/es/utils").SFCWithInstall<import("vue")
     round: {
         type: import("vue").PropType<boolean>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
     close: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -52,8 +52,8 @@ export declare const VftTag: import("vft/es/utils").SFCWithInstall<import("vue")
     round: {
         type: import("vue").PropType<boolean>;
     };
-}>> & {
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-}, {}, {}>> & Record<string, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftTag;

package/lib/components/tag/tag.vue.d.ts

@@ -10,13 +10,13 @@ export interface TagProps {
     effect?: 'dark' | 'light' | 'plain';
     round?: boolean;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<TagProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TagProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
     close: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TagProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TagProps>>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/tag/tag.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue");require("../form/index.cjs");const m=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const f=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const b=require("../form/hooks/use-form-common-props.cjs");function q(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const y=n.defineComponent({__name:"tag",props:{closable:{type:Boolean},type:{},hit:{type:Boolean},disableTransitions:{type:Boolean,default:!0},color:{},size:{},effect:{default:"light"},round:{type:Boolean}},emits:["close","click"],setup(e,{emit:l}){const r=l,c=n.useSlots(),s=b.useFormSize(),t=f.useNamespace("tag"),a=n.computed(()=>[t.b(),t.is("closable",e.closable),t.m(e.type),t.m(s.value),t.m(e.effect),t.is("hit",e.hit),t.is("round",e.round)]),u=o=>{r("close",o)},d=o=>{r("click",o)},i=()=>{var o;return n.createVNode("span",{class:a.value,style:{backgroundColor:e.color},onClick:d},[n.createVNode("span",{class:t.e("content")},[(o=c.default)==null?void 0:o.call(c)]),e.closable?n.createVNode("div",{class:t.e("close"),onClick:u},[n.createVNode(m.VftIcon,{icon:"icon-close"},null)]):""])};return()=>{let o;return e.disableTransitions?i():n.createVNode(n.Transition,{name:`${t.namespace.value}-zoom-in-center`,appear:!0},q(o=i())?o:{default:()=>[o]})}}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue");require("../form/index.cjs");const m=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const f=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const b=require("../form/hooks/use-form-common-props.cjs");function q(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!o.isVNode(e)}const y=o.defineComponent({__name:"tag",props:{closable:{type:Boolean},type:{},hit:{type:Boolean},disableTransitions:{type:Boolean,default:!0},color:{},size:{},effect:{default:"light"},round:{type:Boolean}},emits:["close","click"],setup(e,{emit:s}){const c=s,l=o.useSlots(),i=b.useFormSize(),t=f.useNamespace("tag"),a=o.computed(()=>[t.b(),t.is("closable",e.closable),t.m(e.type),t.m(i.value),t.m(e.effect),t.is("hit",e.hit),t.is("round",e.round)]),u=n=>{c("close",n)},d=n=>{c("click",n)},r=()=>o.createVNode("span",{class:a.value,style:{backgroundColor:e.color},onClick:d},[o.createVNode("span",{class:t.e("content")},[l.default?.()]),e.closable?o.createVNode("div",{class:t.e("close"),onClick:u},[o.createVNode(m.VftIcon,{icon:"icon-close"},null)]):""]);return()=>{let n;return e.disableTransitions?r():o.createVNode(o.Transition,{name:`${t.namespace.value}-zoom-in-center`,appear:!0},q(n=r())?n:{default:()=>[n]})}}});exports.default=y;

package/lib/components/teleport/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const t=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const r=require("./teleport.vue2.cjs"),e=t.withInstall(r.default);exports.VftTeleport=e;exports.default=e;

package/lib/components/teleport/index.d.ts

@@ -0,0 +1,43 @@
+export * from './types';
+export declare const VftTeleport: import("vft/es/utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        to: {
+            type: import("vue").PropType<string | HTMLElement>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        to: {
+            type: import("vue").PropType<string | HTMLElement>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    to: {
+        type: import("vue").PropType<string | HTMLElement>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})> & Record<string, any>;
+export default VftTeleport;

package/lib/components/teleport/style/css.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-teleport.css");

package/lib/components/teleport/style/css.d.ts

@@ -0,0 +1 @@
+import 'vft/theme-style/vft-teleport.css';

package/lib/components/teleport/style/index.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/teleport.scss");

package/lib/components/teleport/style/index.d.ts

@@ -0,0 +1 @@
+import 'vft/theme-style/src/teleport.scss';

package/lib/components/teleport/teleport.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./teleport.vue2.cjs");exports.default=e.default;

package/lib/components/teleport/teleport.vue.d.ts

@@ -0,0 +1,21 @@
+import { TeleportProps } from './types.ts';
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TeleportProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TeleportProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/teleport/teleport.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=e.defineComponent({__name:"teleport",props:{disabled:{type:Boolean,default:!1},to:{}},setup(l){return(t,r)=>t.disabled?e.renderSlot(t.$slots,"default",{key:0}):(e.openBlock(),e.createBlock(e.Teleport,{key:1,to:t.to},[e.renderSlot(t.$slots,"default")],8,["to"]))}});exports.default=o;

package/lib/components/teleport/types.cjs

@@ -0,0 +1 @@
+"use strict";

package/lib/components/teleport/types.d.ts

@@ -0,0 +1,4 @@
+export interface TeleportProps {
+    disabled?: boolean;
+    to: string | HTMLElement;
+}

package/lib/components/time-picker/common/picker.vue.d.ts

@@ -1,7 +1,25 @@
 import type { Options } from '@popperjs/core';
 import type { Dayjs } from 'dayjs';
 import type { DateModelType, DayOrDays, PickerOptions, SingleOrRange } from './props';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare function __VLS_template(): {
+    "range-separator"?(_: {}): any;
+    default?(_: {
+        visible: boolean;
+        actualVisible: boolean;
+        parsedValue: DayOrDays;
+        format: string | undefined;
+        unlinkPanels: boolean;
+        type: string;
+        defaultValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | (((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>)) | null)[], unknown, unknown> | undefined;
+        pick: (date?: any, visible?: boolean) => void;
+        "select-range": (start: number, end: number, pos?: "min" | "max") => void;
+        "set-picker-option": <T extends keyof PickerOptions>(e: [T, PickerOptions[T]]) => void;
+        "calendar-change": (e: [Date, false | Date]) => void;
+        "panel-change": (value: [Dayjs, Dayjs], mode: "month" | "year", view: unknown) => void;
+        keydown: (event: KeyboardEvent) => void;
+    }): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly disabledDate: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;
@@ -17,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     readonly shortcuts: import("vft/es/utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
     readonly arrowControl: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly label: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
-    readonly tabindex: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
+    readonly tabindex: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
     readonly validateEvent: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly unlinkPanels: BooleanConstructor;
     readonly disabledHours: {
@@ -39,20 +57,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly id: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>) | ((new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>) | (((new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly name: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>) | ((new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>))[], unknown, unknown, "", boolean>;
+    readonly name: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>) | (((new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>)) | null)[], unknown, unknown, "", boolean>;
     readonly popperClass: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly format: StringConstructor;
     readonly valueFormat: StringConstructor;
     readonly type: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly clearable: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly clearIcon: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown, "icon-circle-close", boolean>;
+    readonly clearIcon: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, "icon-circle-close", boolean>;
     readonly editable: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly prefixIcon: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown, "", boolean>;
+    readonly prefixIcon: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, "", boolean>;
     readonly size: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
         readonly required: false;
@@ -62,25 +80,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     readonly readonly: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly disabled: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly placeholder: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly popperOptions: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
-    readonly modelValue: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType) | ((new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType))[], unknown, unknown, "", boolean>;
+    readonly popperOptions: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
+    readonly modelValue: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType) | (((new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType)) | null)[], unknown, unknown, "", boolean>;
     readonly rangeSeparator: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
     readonly startPlaceholder: StringConstructor;
     readonly endPlaceholder: StringConstructor;
     readonly defaultValue: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | (((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly defaultTime: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | (((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly isRange: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-}, {
+}>, {
     /**
      * @description focus input box.
      */
@@ -88,11 +106,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
      * @description emit focus event
      */
-    handleFocusInput: (e?: FocusEvent | undefined) => void;
+    handleFocusInput: (e?: FocusEvent) => void;
     /**
      * @description emit blur event
      */
-    handleBlurInput: (e?: FocusEvent | undefined) => void;
+    handleBlurInput: (e?: FocusEvent) => void;
     /**
      * @description opens picker
      */
@@ -105,12 +123,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      * @description pick item manually
      */
     onPick: (date?: any, visible?: boolean) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-    change: (...args: any[]) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     blur: (...args: any[]) => void;
+    change: (...args: any[]) => void;
     focus: (...args: any[]) => void;
     keydown: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
     "calendar-change": (...args: any[]) => void;
     "panel-change": (...args: any[]) => void;
     "visible-change": (...args: any[]) => void;
@@ -130,7 +148,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     readonly shortcuts: import("vft/es/utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
     readonly arrowControl: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly label: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
-    readonly tabindex: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
+    readonly tabindex: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
     readonly validateEvent: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly unlinkPanels: BooleanConstructor;
     readonly disabledHours: {
@@ -152,20 +170,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly id: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>) | ((new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>) | (((new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly name: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>) | ((new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>))[], unknown, unknown, "", boolean>;
+    readonly name: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>) | (((new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>)) | null)[], unknown, unknown, "", boolean>;
     readonly popperClass: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly format: StringConstructor;
     readonly valueFormat: StringConstructor;
     readonly type: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly clearable: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly clearIcon: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown, "icon-circle-close", boolean>;
+    readonly clearIcon: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, "icon-circle-close", boolean>;
     readonly editable: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly prefixIcon: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown, "", boolean>;
+    readonly prefixIcon: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, "", boolean>;
     readonly size: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
         readonly required: false;
@@ -175,45 +193,45 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     readonly readonly: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly disabled: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly placeholder: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly popperOptions: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
-    readonly modelValue: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType) | ((new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType))[], unknown, unknown, "", boolean>;
+    readonly popperOptions: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
+    readonly modelValue: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType) | (((new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType)) | null)[], unknown, unknown, "", boolean>;
     readonly rangeSeparator: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
     readonly startPlaceholder: StringConstructor;
     readonly endPlaceholder: StringConstructor;
     readonly defaultValue: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | (((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly defaultTime: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | (((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly isRange: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-}>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
+}>> & Readonly<{
     onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onKeydown?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onCalendar-change"?: ((...args: any[]) => any) | undefined;
     "onPanel-change"?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     readonly label: string;
-    readonly name: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>) | ((new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>))[], unknown, unknown>;
+    readonly name: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>) | (((new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>)) | null)[], unknown, unknown>;
     readonly type: string;
-    readonly modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType) | ((new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType))[], unknown, unknown>;
-    readonly readonly: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly disabled: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
+    readonly modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType) | (((new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType)) | null)[], unknown, unknown>;
+    readonly readonly: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly placeholder: string;
     readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>;
-    readonly clearIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>;
+    readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>;
+    readonly clearIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>;
+    readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
     readonly validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly popperOptions: Partial<Options>;
     readonly popperClass: string;
@@ -223,24 +241,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     readonly shortcuts: unknown[];
     readonly arrowControl: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly unlinkPanels: boolean;
-}, {}>, {
-    "range-separator"?(_: {}): any;
-    default?(_: {
-        visible: boolean;
-        actualVisible: boolean;
-        parsedValue: DayOrDays;
-        format: string | undefined;
-        unlinkPanels: boolean;
-        type: string;
-        defaultValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>))[], unknown, unknown> | undefined;
-        pick: (date?: any, visible?: boolean) => void;
-        "select-range": (start: number, end: number, pos?: "min" | "max" | undefined) => void;
-        "set-picker-option": <T extends keyof PickerOptions>(e: [T, PickerOptions[T]]) => void;
-        "calendar-change": (e: [Date, false | Date]) => void;
-        "panel-change": (value: [Dayjs, Dayjs], mode: "year" | "month", view: unknown) => void;
-        keydown: (event: KeyboardEvent) => void;
-    }): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/lib/components/time-picker/common/picker.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),m=require("@vft/utils");require("../../form/index.cjs");const F=require("../../icon/index.cjs"),De=require("../../input/index.cjs"),Te=require("../../tooltip/index.cjs"),b=require("../../../constants/aria.cjs"),Be=require("@vueuse/core"),ne=require("../../../utils/error.cjs");require("../../../utils/ns-cover.cjs");const Se=require("lodash-es"),J=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const C=require("../utils.cjs"),qe=require("./props.cjs"),Me=require("../../form/hooks/use-form-item.cjs"),Ne=require("../../form/hooks/use-form-common-props.cjs"),Re=["id","name","placeholder","value","disabled","readonly"],ze=["id","name","placeholder","value","disabled","readonly"],Fe=a.defineComponent({name:"Picker"}),Oe=a.defineComponent({...Fe,props:qe.timePickerDefaultProps,emits:["update:modelValue","change","focus","blur","calendar-change","panel-change","visible-change","keydown"],setup(le,{expose:oe,emit:te}){const t=le,c=te,V=a.ref("zh-cn"),p=J.useNamespace("date"),E=J.useNamespace("input"),v=J.useNamespace("range"),{form:O,formItem:g}=Me.useFormItem(),ue=a.inject("VftPopperOptions",{}),$=a.ref(),h=a.ref(),u=a.ref(!1),A=a.ref(!1),G=a.ref(null);let K=!1,I=!1;a.watch(u,e=>{e?a.nextTick(()=>{e&&(G.value=t.modelValue)}):(l.value=null,a.nextTick(()=>{j(t.modelValue)}))});const j=(e,n)=>{(n||!C.valueEquals(e,G.value))&&(c("change",e),t.validateEvent&&(g==null||g.validate("change").catch(o=>ne.debugWarn(o))))},y=e=>{if(!C.valueEquals(t.modelValue,e)){let n;m.isArray(e)?n=e.map(o=>C.formatter(o,t.valueFormat,V.value)):e&&(n=C.formatter(e,t.valueFormat,V.value)),c("update:modelValue",e&&n,V.value)}},re=e=>{c("keydown",e)},w=a.computed(()=>{if(h.value){const e=N.value?h.value:h.value.$el;return Array.from(e.querySelectorAll("input"))}return[]}),se=(e,n,o)=>{const r=w.value;r.length&&(!o||o==="min"?(r[0].setSelectionRange(e,n),r[0].focus()):o==="max"&&(r[1].setSelectionRange(e,n),r[1].focus()))},ie=()=>{U(!0,!0),a.nextTick(()=>{I=!1})},Q=(e="",n=!1)=>{n||(I=!0),u.value=n;let o;m.isArray(e)?o=e.map(r=>r.toDate()):o=e&&e.toDate(),l.value=null,y(o)},ce=()=>{A.value=!0},fe=()=>{c("visible-change",!0)},de=e=>{(e==null?void 0:e.key)===b.EVENT_CODE.esc&&U(!0,!0)},pe=()=>{A.value=!1,u.value=!1,I=!1,c("visible-change",!1)},ve=()=>{u.value=!0},me=()=>{u.value=!1},U=(e=!0,n=!1)=>{I=n;const[o,r]=a.unref(w);let d=o;!e&&N.value&&(d=r),d&&d.focus()},P=e=>{t.readonly||i.value||u.value||I||(u.value=!0,c("focus",e))};let X;const T=e=>{const n=async()=>{setTimeout(()=>{var o;X===n&&(!((o=$.value)!=null&&o.isFocusInsideContent()&&!K)&&w.value.filter(r=>r.contains(document.activeElement)).length===0&&(H(),u.value=!1,c("blur",e),t.validateEvent&&(g==null||g.validate("blur").catch(r=>ne.debugWarn(r)))),K=!1)},0)};X=n,n()},i=a.computed(()=>t.disabled||(O==null?void 0:O.disabled)),B=a.computed(()=>{let e;if(q.value?s.value.getDefaultValue&&(e=s.value.getDefaultValue()):m.isArray(t.modelValue)?e=t.modelValue.map(n=>C.parseDate(n,t.valueFormat,V.value)):e=C.parseDate(t.modelValue,t.valueFormat,V.value),s.value.getRangeAvailableTime){const n=s.value.getRangeAvailableTime(e);Se.isEqual(n,e)||(e=n,y(m.isArray(e)?e.map(o=>o.toDate()):e.toDate()))}return m.isArray(e)&&e.some(n=>!n)&&(e=[]),e}),f=a.computed(()=>{if(!s.value.panelReady)return"";const e=L(B.value);return m.isArray(l.value)?[l.value[0]||e&&e[0]||"",l.value[1]||e&&e[1]||""]:l.value!==null?l.value:!ye.value&&q.value||!u.value&&q.value?"":e?Y.value?e.join(", "):e:""}),he=a.computed(()=>t.type.includes("time")),ye=a.computed(()=>t.type.startsWith("time")),Y=a.computed(()=>t.type==="dates"),S=a.computed(()=>t.prefixIcon||(he.value?"icon-clock":"icon-calendar")),k=a.ref(!1),Z=e=>{t.readonly||i.value||k.value&&(e.stopPropagation(),ie(),y(null),j(null,!0),k.value=!1,u.value=!1,s.value.handleClear&&s.value.handleClear())},q=a.computed(()=>{const{modelValue:e}=t;return!e||m.isArray(e)&&!e.filter(Boolean).length}),D=async e=>{var n;t.readonly||i.value||(((n=e.target)==null?void 0:n.tagName)!=="INPUT"||w.value.includes(document.activeElement))&&(u.value=!0)},_=()=>{t.readonly||i.value||!q.value&&t.clearable&&(k.value=!0)},x=()=>{k.value=!1},M=e=>{var n;t.readonly||i.value||(((n=e.touches[0].target)==null?void 0:n.tagName)!=="INPUT"||w.value.includes(document.activeElement))&&(u.value=!0)},N=a.computed(()=>t.type.includes("range")),W=Ne.useFormSize(),ge=a.computed(()=>{var e,n;return(n=(e=a.unref($))==null?void 0:e.popperRef)==null?void 0:n.contentRef}),ee=a.computed(()=>{var e;return a.unref(N)?a.unref(h):(e=a.unref(h))==null?void 0:e.$el});Be.onClickOutside(ee,e=>{const n=a.unref(ge),o=a.unref(ee);n&&(e.target===n||e.composedPath().includes(n))||e.target===o||e.composedPath().includes(o)||(u.value=!1)});const l=a.ref(null),H=()=>{if(l.value){const e=R(f.value);e&&z(e)&&(y(m.isArray(e)?e.map(n=>n.toDate()):e.toDate()),l.value=null)}l.value===""&&(y(null),j(null),l.value=null)},R=e=>e?s.value.parseUserInput(e):null,L=e=>e?s.value.formatToString(e):null,z=e=>s.value.isValidValue(e),ae=async e=>{if(t.readonly||i.value)return;const{code:n}=e;if(re(e),n===b.EVENT_CODE.esc){u.value===!0&&(u.value=!1,e.preventDefault(),e.stopPropagation());return}if(n===b.EVENT_CODE.down&&(s.value.handleFocusPicker&&(e.preventDefault(),e.stopPropagation()),u.value===!1&&(u.value=!0,await a.nextTick()),s.value.handleFocusPicker)){s.value.handleFocusPicker();return}if(n===b.EVENT_CODE.tab){K=!0;return}if(n===b.EVENT_CODE.enter||n===b.EVENT_CODE.numpadEnter){(l.value===null||l.value===""||z(R(f.value)))&&(H(),u.value=!1),e.stopPropagation();return}if(l.value){e.stopPropagation();return}s.value.handleKeydownInput&&s.value.handleKeydownInput(e)},ke=e=>{l.value=e,u.value||(u.value=!0)},be=e=>{const n=e.target;l.value?l.value=[n.value,l.value[1]]:l.value=[n.value,null]},Ce=e=>{const n=e.target;l.value?l.value=[l.value[0],n.value]:l.value=[null,n.value]},Ve=()=>{var r;const e=l.value,n=R(e&&e[0]),o=a.unref(B);if(n&&n.isValid()){l.value=[L(n),((r=f.value)==null?void 0:r[1])||null];const d=[n,o&&(o[1]||null)];z(d)&&(y(d),l.value=null)}},Ee=()=>{var r;const e=a.unref(l),n=R(e&&e[1]),o=a.unref(B);if(n&&n.isValid()){l.value=[((r=a.unref(f))==null?void 0:r[0])||null,L(n)];const d=[o&&o[0],n];z(d)&&(y(d),l.value=null)}},s=a.ref({}),Ie=e=>{s.value[e[0]]=e[1],s.value.panelReady=!0},we=e=>{c("calendar-change",e)},Pe=(e,n,o)=>{c("panel-change",e,n,o)};return a.provide("EP_PICKER_BASE",{props:t}),oe({focus:U,handleFocusInput:P,handleBlurInput:T,handleOpen:ve,handleClose:me,onPick:Q}),(e,n)=>(a.openBlock(),a.createBlock(a.unref(Te.VftTooltip),a.mergeProps({ref_key:"refPopper",ref:$,visible:u.value,effect:"light",pure:"",trigger:"click"},e.$attrs,{role:"dialog",teleported:"",transition:`${a.unref(p).namespace.value}-zoom-in-top`,"popper-class":[`${a.unref(p).namespace.value}-picker__popper`,e.popperClass],"popper-options":a.unref(ue),"fallback-placements":["bottom","top","right","left"],"gpu-acceleration":!1,"stop-popper-mouse-event":!1,"hide-after":0,persistent:"",onBeforeShow:ce,onShow:fe,onHide:pe}),{default:a.withCtx(()=>[N.value?(a.openBlock(),a.createElementBlock("div",{key:1,ref_key:"inputRef",ref:h,class:a.normalizeClass([a.unref(p).b("editor"),a.unref(p).bm("editor",e.type),a.unref(E).e("wrapper"),a.unref(p).is("disabled",i.value),a.unref(p).is("active",u.value),a.unref(v).b("editor"),a.unref(W)?a.unref(v).bm("editor",a.unref(W)):"",e.$attrs.class]),style:a.normalizeStyle(e.$attrs.style),onClick:P,onMouseenter:_,onMouseleave:x,onTouchstart:M,onKeydown:ae},[S.value?(a.openBlock(),a.createBlock(a.unref(F.VftIcon),{key:0,icon:S.value,class:a.normalizeClass([a.unref(E).e("icon"),a.unref(v).e("icon")]),onMousedown:a.withModifiers(D,["prevent"]),onTouchstart:M},null,8,["icon","class"])):a.createCommentVNode("",!0),a.createElementVNode("input",{id:e.id&&e.id[0],autocomplete:"off",name:e.name&&e.name[0],placeholder:e.startPlaceholder,value:f.value&&f.value[0],disabled:i.value,readonly:!e.editable||e.readonly,class:a.normalizeClass(a.unref(v).b("input")),onMousedown:D,onInput:be,onChange:Ve,onFocus:P,onBlur:T},null,42,Re),a.renderSlot(e.$slots,"range-separator",{},()=>[a.createElementVNode("span",{class:a.normalizeClass(a.unref(v).b("separator"))},a.toDisplayString(e.rangeSeparator),3)]),a.createElementVNode("input",{id:e.id&&e.id[1],autocomplete:"off",name:e.name&&e.name[1],placeholder:e.endPlaceholder,value:f.value&&f.value[1],disabled:i.value,readonly:!e.editable||e.readonly,class:a.normalizeClass(a.unref(v).b("input")),onMousedown:D,onFocus:P,onBlur:T,onInput:Ce,onChange:Ee},null,42,ze),e.clearIcon?(a.openBlock(),a.createBlock(a.unref(F.VftIcon),{key:1,icon:e.clearIcon,class:a.normalizeClass([a.unref(E).e("icon"),a.unref(v).e("close-icon"),{[a.unref(v).e("close-icon--hidden")]:!k.value}]),onClick:Z},null,8,["icon","class"])):a.createCommentVNode("",!0)],38)):(a.openBlock(),a.createBlock(a.unref(De.VftInput),{key:0,id:e.id,ref_key:"inputRef",ref:h,"container-role":"combobox","model-value":f.value,name:e.name,size:a.unref(W),disabled:i.value,placeholder:e.placeholder,class:a.normalizeClass([a.unref(p).b("editor"),a.unref(p).bm("editor",e.type),e.$attrs.class]),style:a.normalizeStyle(e.$attrs.style),readonly:!e.editable||e.readonly||Y.value||e.type==="week",label:e.label,tabindex:e.tabindex,"validate-event":!1,onInput:ke,onFocus:P,onBlur:T,onKeydown:ae,onChange:H,onMousedown:D,onMouseenter:_,onMouseleave:x,onTouchstart:M,onClick:n[0]||(n[0]=a.withModifiers(()=>{},["stop"]))},{prefix:a.withCtx(()=>[S.value?(a.openBlock(),a.createBlock(a.unref(F.VftIcon),{key:0,icon:S.value,class:a.normalizeClass(a.unref(E).e("icon")),onMousedown:a.withModifiers(D,["prevent"]),onTouchstart:M},null,8,["icon","class"])):a.createCommentVNode("",!0)]),suffix:a.withCtx(()=>[k.value&&e.clearIcon?(a.openBlock(),a.createBlock(a.unref(F.VftIcon),{key:0,icon:e.clearIcon,class:a.normalizeClass(`${a.unref(E).e("icon")} clear-icon`),onClick:a.withModifiers(Z,["stop"])},null,8,["icon","class"])):a.createCommentVNode("",!0)]),_:1},8,["id","model-value","name","size","disabled","placeholder","class","style","readonly","label","tabindex","onKeydown"]))]),content:a.withCtx(()=>[a.renderSlot(e.$slots,"default",{visible:u.value,actualVisible:A.value,parsedValue:B.value,format:e.format,unlinkPanels:e.unlinkPanels,type:e.type,defaultValue:e.defaultValue,onPick:Q,onSelectRange:se,onSetPickerOption:Ie,onCalendarChange:we,onPanelChange:Pe,onKeydown:de,onMousedown:n[1]||(n[1]=a.withModifiers(()=>{},["stop"]))})]),_:3},16,["visible","transition","popper-class","popper-options"]))}});exports.default=Oe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),v=require("@vft/utils");require("../../form/index.cjs");const R=require("../../icon/index.cjs"),De=require("../../input/index.cjs"),Te=require("../../tooltip/index.cjs"),g=require("../../../constants/aria.cjs"),Be=require("@vueuse/core"),ae=require("../../../utils/error.cjs");require("../../../utils/ns-cover.cjs");const Se=require("lodash-es"),H=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const k=require("../utils.cjs"),qe=require("./props.cjs"),Me=require("../../form/hooks/use-form-item.cjs"),Ne=require("../../form/hooks/use-form-common-props.cjs"),Re=["id","name","placeholder","value","disabled","readonly"],ze=["id","name","placeholder","value","disabled","readonly"],Fe=a.defineComponent({name:"Picker"}),Oe=a.defineComponent({...Fe,props:qe.timePickerDefaultProps,emits:["update:modelValue","change","focus","blur","calendar-change","panel-change","visible-change","keydown"],setup(ne,{expose:le,emit:oe}){const t=ne,c=oe,b=a.ref("zh-cn"),d=H.useNamespace("date"),C=H.useNamespace("input"),p=H.useNamespace("range"),{form:te,formItem:L}=Me.useFormItem(),ue=a.inject("VftPopperOptions",{}),z=a.ref(),m=a.ref(),u=a.ref(!1),F=a.ref(!1),J=a.ref(null);let O=!1,V=!1;a.watch(u,e=>{e?a.nextTick(()=>{e&&(J.value=t.modelValue)}):(o.value=null,a.nextTick(()=>{$(t.modelValue)}))});const $=(e,n)=>{(n||!k.valueEquals(e,J.value))&&(c("change",e),t.validateEvent&&L?.validate("change").catch(l=>ae.debugWarn(l)))},h=e=>{if(!k.valueEquals(t.modelValue,e)){let n;v.isArray(e)?n=e.map(l=>k.formatter(l,t.valueFormat,b.value)):e&&(n=k.formatter(e,t.valueFormat,b.value)),c("update:modelValue",e&&n,b.value)}},re=e=>{c("keydown",e)},I=a.computed(()=>{if(m.value){const e=q.value?m.value:m.value.$el;return Array.from(e.querySelectorAll("input"))}return[]}),se=(e,n,l)=>{const s=I.value;s.length&&(!l||l==="min"?(s[0].setSelectionRange(e,n),s[0].focus()):l==="max"&&(s[1].setSelectionRange(e,n),s[1].focus()))},ie=()=>{A(!0,!0),a.nextTick(()=>{V=!1})},G=(e="",n=!1)=>{n||(V=!0),u.value=n;let l;v.isArray(e)?l=e.map(s=>s.toDate()):l=e&&e.toDate(),o.value=null,h(l)},ce=()=>{F.value=!0},fe=()=>{c("visible-change",!0)},de=e=>{e?.key===g.EVENT_CODE.esc&&A(!0,!0)},pe=()=>{F.value=!1,u.value=!1,V=!1,c("visible-change",!1)},ve=()=>{u.value=!0},me=()=>{u.value=!1},A=(e=!0,n=!1)=>{V=n;const[l,s]=a.unref(I);let W=l;!e&&q.value&&(W=s),W&&W.focus()},E=e=>{t.readonly||i.value||u.value||V||(u.value=!0,c("focus",e))};let Q;const P=e=>{const n=async()=>{setTimeout(()=>{Q===n&&(!(z.value?.isFocusInsideContent()&&!O)&&I.value.filter(l=>l.contains(document.activeElement)).length===0&&(j(),u.value=!1,c("blur",e),t.validateEvent&&L?.validate("blur").catch(l=>ae.debugWarn(l))),O=!1)},0)};Q=n,n()},i=a.computed(()=>t.disabled||te?.disabled),D=a.computed(()=>{let e;if(B.value?r.value.getDefaultValue&&(e=r.value.getDefaultValue()):v.isArray(t.modelValue)?e=t.modelValue.map(n=>k.parseDate(n,t.valueFormat,b.value)):e=k.parseDate(t.modelValue,t.valueFormat,b.value),r.value.getRangeAvailableTime){const n=r.value.getRangeAvailableTime(e);Se.isEqual(n,e)||(e=n,h(v.isArray(e)?e.map(l=>l.toDate()):e.toDate()))}return v.isArray(e)&&e.some(n=>!n)&&(e=[]),e}),f=a.computed(()=>{if(!r.value.panelReady)return"";const e=U(D.value);return v.isArray(o.value)?[o.value[0]||e&&e[0]||"",o.value[1]||e&&e[1]||""]:o.value!==null?o.value:!ye.value&&B.value||!u.value&&B.value?"":e?X.value?e.join(", "):e:""}),he=a.computed(()=>t.type.includes("time")),ye=a.computed(()=>t.type.startsWith("time")),X=a.computed(()=>t.type==="dates"),T=a.computed(()=>t.prefixIcon||(he.value?"icon-clock":"icon-calendar")),y=a.ref(!1),Y=e=>{t.readonly||i.value||y.value&&(e.stopPropagation(),ie(),h(null),$(null,!0),y.value=!1,u.value=!1,r.value.handleClear&&r.value.handleClear())},B=a.computed(()=>{const{modelValue:e}=t;return!e||v.isArray(e)&&!e.filter(Boolean).length}),w=async e=>{t.readonly||i.value||(e.target?.tagName!=="INPUT"||I.value.includes(document.activeElement))&&(u.value=!0)},Z=()=>{t.readonly||i.value||!B.value&&t.clearable&&(y.value=!0)},_=()=>{y.value=!1},S=e=>{t.readonly||i.value||(e.touches[0].target?.tagName!=="INPUT"||I.value.includes(document.activeElement))&&(u.value=!0)},q=a.computed(()=>t.type.includes("range")),K=Ne.useFormSize(),ge=a.computed(()=>a.unref(z)?.popperRef?.contentRef),x=a.computed(()=>a.unref(q)?a.unref(m):a.unref(m)?.$el);Be.onClickOutside(x,e=>{const n=a.unref(ge),l=a.unref(x);n&&(e.target===n||e.composedPath().includes(n))||e.target===l||e.composedPath().includes(l)||(u.value=!1)});const o=a.ref(null),j=()=>{if(o.value){const e=M(f.value);e&&N(e)&&(h(v.isArray(e)?e.map(n=>n.toDate()):e.toDate()),o.value=null)}o.value===""&&(h(null),$(null),o.value=null)},M=e=>e?r.value.parseUserInput(e):null,U=e=>e?r.value.formatToString(e):null,N=e=>r.value.isValidValue(e),ee=async e=>{if(t.readonly||i.value)return;const{code:n}=e;if(re(e),n===g.EVENT_CODE.esc){u.value===!0&&(u.value=!1,e.preventDefault(),e.stopPropagation());return}if(n===g.EVENT_CODE.down&&(r.value.handleFocusPicker&&(e.preventDefault(),e.stopPropagation()),u.value===!1&&(u.value=!0,await a.nextTick()),r.value.handleFocusPicker)){r.value.handleFocusPicker();return}if(n===g.EVENT_CODE.tab){O=!0;return}if(n===g.EVENT_CODE.enter||n===g.EVENT_CODE.numpadEnter){(o.value===null||o.value===""||N(M(f.value)))&&(j(),u.value=!1),e.stopPropagation();return}if(o.value){e.stopPropagation();return}r.value.handleKeydownInput&&r.value.handleKeydownInput(e)},ke=e=>{o.value=e,u.value||(u.value=!0)},be=e=>{const n=e.target;o.value?o.value=[n.value,o.value[1]]:o.value=[n.value,null]},Ce=e=>{const n=e.target;o.value?o.value=[o.value[0],n.value]:o.value=[null,n.value]},Ve=()=>{const e=o.value,n=M(e&&e[0]),l=a.unref(D);if(n&&n.isValid()){o.value=[U(n),f.value?.[1]||null];const s=[n,l&&(l[1]||null)];N(s)&&(h(s),o.value=null)}},Ie=()=>{const e=a.unref(o),n=M(e&&e[1]),l=a.unref(D);if(n&&n.isValid()){o.value=[a.unref(f)?.[0]||null,U(n)];const s=[l&&l[0],n];N(s)&&(h(s),o.value=null)}},r=a.ref({}),Ee=e=>{r.value[e[0]]=e[1],r.value.panelReady=!0},we=e=>{c("calendar-change",e)},Pe=(e,n,l)=>{c("panel-change",e,n,l)};return a.provide("EP_PICKER_BASE",{props:t}),le({focus:A,handleFocusInput:E,handleBlurInput:P,handleOpen:ve,handleClose:me,onPick:G}),(e,n)=>(a.openBlock(),a.createBlock(a.unref(Te.VftTooltip),a.mergeProps({ref_key:"refPopper",ref:z,visible:u.value,effect:"light",pure:"",trigger:"click"},e.$attrs,{role:"dialog",teleported:"",transition:`${a.unref(d).namespace.value}-zoom-in-top`,"popper-class":[`${a.unref(d).namespace.value}-picker__popper`,e.popperClass],"popper-options":a.unref(ue),"fallback-placements":["bottom","top","right","left"],"gpu-acceleration":!1,"stop-popper-mouse-event":!1,"hide-after":0,persistent:"",onBeforeShow:ce,onShow:fe,onHide:pe}),{default:a.withCtx(()=>[q.value?(a.openBlock(),a.createElementBlock("div",{key:1,ref_key:"inputRef",ref:m,class:a.normalizeClass([a.unref(d).b("editor"),a.unref(d).bm("editor",e.type),a.unref(C).e("wrapper"),a.unref(d).is("disabled",i.value),a.unref(d).is("active",u.value),a.unref(p).b("editor"),a.unref(K)?a.unref(p).bm("editor",a.unref(K)):"",e.$attrs.class]),style:a.normalizeStyle(e.$attrs.style),onClick:E,onMouseenter:Z,onMouseleave:_,onTouchstart:S,onKeydown:ee},[T.value?(a.openBlock(),a.createBlock(a.unref(R.VftIcon),{key:0,icon:T.value,class:a.normalizeClass([a.unref(C).e("icon"),a.unref(p).e("icon")]),onMousedown:a.withModifiers(w,["prevent"]),onTouchstart:S},null,8,["icon","class"])):a.createCommentVNode("",!0),a.createElementVNode("input",{id:e.id&&e.id[0],autocomplete:"off",name:e.name&&e.name[0],placeholder:e.startPlaceholder,value:f.value&&f.value[0],disabled:i.value,readonly:!e.editable||e.readonly,class:a.normalizeClass(a.unref(p).b("input")),onMousedown:w,onInput:be,onChange:Ve,onFocus:E,onBlur:P},null,42,Re),a.renderSlot(e.$slots,"range-separator",{},()=>[a.createElementVNode("span",{class:a.normalizeClass(a.unref(p).b("separator"))},a.toDisplayString(e.rangeSeparator),3)]),a.createElementVNode("input",{id:e.id&&e.id[1],autocomplete:"off",name:e.name&&e.name[1],placeholder:e.endPlaceholder,value:f.value&&f.value[1],disabled:i.value,readonly:!e.editable||e.readonly,class:a.normalizeClass(a.unref(p).b("input")),onMousedown:w,onFocus:E,onBlur:P,onInput:Ce,onChange:Ie},null,42,ze),e.clearIcon?(a.openBlock(),a.createBlock(a.unref(R.VftIcon),{key:1,icon:e.clearIcon,class:a.normalizeClass([a.unref(C).e("icon"),a.unref(p).e("close-icon"),{[a.unref(p).e("close-icon--hidden")]:!y.value}]),onClick:Y},null,8,["icon","class"])):a.createCommentVNode("",!0)],38)):(a.openBlock(),a.createBlock(a.unref(De.VftInput),{key:0,id:e.id,ref_key:"inputRef",ref:m,"container-role":"combobox","model-value":f.value,name:e.name,size:a.unref(K),disabled:i.value,placeholder:e.placeholder,class:a.normalizeClass([a.unref(d).b("editor"),a.unref(d).bm("editor",e.type),e.$attrs.class]),style:a.normalizeStyle(e.$attrs.style),readonly:!e.editable||e.readonly||X.value||e.type==="week",label:e.label,tabindex:e.tabindex,"validate-event":!1,onInput:ke,onFocus:E,onBlur:P,onKeydown:ee,onChange:j,onMousedown:w,onMouseenter:Z,onMouseleave:_,onTouchstart:S,onClick:n[0]||(n[0]=a.withModifiers(()=>{},["stop"]))},{prefix:a.withCtx(()=>[T.value?(a.openBlock(),a.createBlock(a.unref(R.VftIcon),{key:0,icon:T.value,class:a.normalizeClass(a.unref(C).e("icon")),onMousedown:a.withModifiers(w,["prevent"]),onTouchstart:S},null,8,["icon","class"])):a.createCommentVNode("",!0)]),suffix:a.withCtx(()=>[y.value&&e.clearIcon?(a.openBlock(),a.createBlock(a.unref(R.VftIcon),{key:0,icon:e.clearIcon,class:a.normalizeClass(`${a.unref(C).e("icon")} clear-icon`),onClick:a.withModifiers(Y,["stop"])},null,8,["icon","class"])):a.createCommentVNode("",!0)]),_:1},8,["id","model-value","name","size","disabled","placeholder","class","style","readonly","label","tabindex","onKeydown"]))]),content:a.withCtx(()=>[a.renderSlot(e.$slots,"default",{visible:u.value,actualVisible:F.value,parsedValue:D.value,format:e.format,unlinkPanels:e.unlinkPanels,type:e.type,defaultValue:e.defaultValue,onPick:G,onSelectRange:se,onSetPickerOption:Ee,onCalendarChange:we,onPanelChange:Pe,onKeydown:de,onMousedown:n[1]||(n[1]=a.withModifiers(()=>{},["stop"]))})]),_:3},16,["visible","transition","popper-class","popper-options"]))}});exports.default=Oe;