vft 0.0.249 → 0.0.252

package/lib/components/tabs/tab-nav.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("@vueuse/core"),T=require("@vft/utils"),_=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");require("../alert/index.cjs");require("../avatar/index.cjs");require("../backtop/index.cjs");require("../button/index.cjs");require("../card/index.cjs");require("../check-tag/index.cjs");require("../checkbox/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../clamp-tooltip/index.cjs");require("../col/index.cjs");require("../collapse-transition/index.cjs");require("../color-picker/index.cjs");require("../config-provider/index.cjs");require("../container/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../date-picker/index.cjs");require("../date-time-select/index.cjs");require("../descriptions/index.cjs");require("../dialog/index.cjs");require("../divider/index.cjs");require("../drawer/index.cjs");require("../dropdown/index.cjs");require("../empty/index.cjs");require("../exception/index.cjs");require("../footer-layout/index.cjs");require("../form/index.cjs");require("../full-screen/index.cjs");require("../header-layout/index.cjs");require("../horizontal-menu/index.cjs");const R=require("../icon/index.cjs");require("../icon-text/index.cjs");require("../iframe-layout/index.cjs");require("../image/index.cjs");require("../image-viewer/index.cjs");require("../input/index.cjs");require("../input-number/index.cjs");require("../link/index.cjs");require("../list-cell/index.cjs");require("../logo/index.cjs");require("../menu/index.cjs");require("../multiple-tabs/index.cjs");require("../overlay/index.cjs");require("../page-wrapper/index.cjs");require("../pagination/index.cjs");require("../popconfirm/index.cjs");require("../popover/index.cjs");require("../popper/index.cjs");require("../qrcode/index.cjs");require("../radio/index.cjs");require("../result/index.cjs");require("../router-view-content/index.cjs");require("../row/index.cjs");require("../scrollbar/index.cjs");require("../search/index.cjs");require("../select/index.cjs");require("../side-menu/index.cjs");require("../skeleton/index.cjs");require("../slider/index.cjs");require("../space/index.cjs");require("../switch/index.cjs");require("../table/index.cjs");require("./index.cjs");require("../tag/index.cjs");require("../time-picker/index.cjs");require("../tooltip/index.cjs");require("../tree/index.cjs");require("../verify-code/index.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/props.cjs");require("../steps/index.cjs");require("../autocomplete/index.cjs");require("../modal/index.cjs");require("../progress/index.cjs");require("../super-form/index.cjs");require("../upload/index.cjs");require("../carousel/index.cjs");require("../timeline/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../md-comment/index.cjs");require("../md-container/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");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");require("../message/index.cjs");require("../infinite-scroll/index.cjs");require("../progress-i/index.cjs");const V=require("@vft/constants"),ee=require("./types.cjs"),te=require("./tab-bar.vue2.cjs"),re=e.defineComponent({name:"vft-tab-nav"}),ie=e.defineComponent({...re,props:{panes:{},editable:{type:Boolean},addable:{type:Boolean},stretch:{type:Boolean},showBar:{type:Boolean,default:!1},closeIconCfg:{},addIconCfg:{},arrowLeftIconCfg:{},arrowRightIconCfg:{},fixTabCount:{default:0},fixExtraScrollWidth:{default:0},trigger:{default:"click"},currentName:{default:""}},emits:["tabClick","tabRemove","tabAdd","tabContextmenu"],setup(i,{expose:A,emit:M}){const h=M,D=F.useNamespace("tab-nav"),L=e.getCurrentInstance(),m=e.inject(ee.TabsRootContextKey);m||_.throwError(D.b(),"<vft-tabs><tab-nav /></vft-tabs>");const a=F.useNamespace("tabs"),W=p.useDocumentVisibility(),K=p.useWindowFocus(),y=e.ref(),d=e.ref(),g=e.ref(),B=e.ref(),N=e.ref({}),E=e.ref(),c=e.ref(!1),f=e.ref(0),I=e.ref(!1),x=e.ref(!0),S=e.shallowRef(),C=e.computed(()=>["top","bottom"].includes(m.props.tabPosition)?"width":"height"),j=e.computed(()=>({transform:`translate${C.value==="width"?"X":"Y"}(-${f.value}px)`})),H=()=>{if(!d.value)return;const t=d.value[`offset${T.capitalize(C.value)}`],r=f.value;r&&(f.value=r>t?r-t:0)},U=()=>{if(!d.value||!g.value)return;const t=g.value[`offset${T.capitalize(C.value)}`],r=d.value[`offset${T.capitalize(C.value)}`],n=f.value;t-n<=r||(f.value=t-n>r*2?n+r:t-r)},O=async()=>{const t=g.value,r=B.value;if(!c.value||!y.value||!d.value||!t)return;await e.nextTick();const n=N.value[i.currentName];if(!n)return;const w=d.value,v=["top","bottom"].includes(m.props.tabPosition),o=n.getBoundingClientRect(),u=w.getBoundingClientRect(),b=v?t.offsetWidth-u.width:t.offsetHeight-u.height,l=f.value;let q=l;const s=i.fixTabCount?(r?.offsetWidth||0)+i.fixExtraScrollWidth:0;v?(o.left-s<u.left&&(q=l-(u.left-o.left+s)),o.right>u.right&&(q=l+o.right-u.right)):(o.top<u.top&&(q=l-(u.top-o.top)),o.bottom>u.bottom&&(q=l+(o.bottom-u.bottom))),q=Math.max(q,0),f.value=Math.min(q,b)},z=()=>{if(!g.value||!d.value)return;const t=g.value[`offset${T.capitalize(C.value)}`],r=d.value[`offset${T.capitalize(C.value)}`],n=f.value;r<t?(c.value=c.value||{},c.value.prev=n,c.value.next=n+r<t,t-n<r&&(f.value=t-r)):(c.value=!1,n>0&&(f.value=0))},X=t=>{const r=t.code,{up:n,down:w,left:v,right:o}=V.EVENT_CODE;if(![n,w,v,o].includes(r))return;const u=Array.from(t.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")),b=u.indexOf(t.target);let l;r===v||r===n?b===0?l=u.length-1:l=b-1:b<u.length-1?l=b+1:l=0,u[l].focus(),u[l].click(),$()},$=()=>{x.value&&(I.value=!0)},k=()=>I.value=!1,Y=(t,r)=>{N.value[r]=t},G=async()=>{await e.nextTick(),N.value[i.currentName]?.focus({preventScroll:!0})};e.watch(W,t=>{t==="hidden"?x.value=!1:t==="visible"&&setTimeout(()=>x.value=!0,50)}),e.watch(K,t=>{t?setTimeout(()=>x.value=!0,50):x.value=!1}),p.useResizeObserver(y,z),e.onMounted(()=>setTimeout(()=>O(),0)),e.onUpdated(()=>z()),A({scrollToActiveTab:O,removeFocus:k,focusActiveTab:G,tabListRef:g,tabBarRef:E,scheduleRender:()=>e.triggerRef(S)}),e.watch(()=>i.panes,()=>L.update(),{flush:"post"});const J=e.computed(()=>c.value?[e.createVNode("span",{class:[a.e("nav-prev"),a.is("disabled",!c.value.prev)],onClick:H},[i.arrowLeftIconCfg?.icon?e.createVNode(R.VftIcon,i.arrowLeftIconCfg,null):null]),e.createVNode("span",{class:[a.e("nav-next"),a.is("disabled",!c.value.next)],onClick:U},[i.arrowRightIconCfg?.icon?e.createVNode(R.VftIcon,i.arrowRightIconCfg,null):null])]:null),Q=e.computed(()=>t=>i.panes.slice(0,t)?.map((r,n)=>{const w=r.uid,v=r.props.disabled,o=r.props.name??r.index??`${n}`,u=!v&&(r.isClosable||i.editable);r.index=`${n}`;const b=u?e.createVNode("span",{class:"is-icon-close",onClick:s=>h("tabRemove",r,s)},[i.closeIconCfg?.icon?e.createVNode(R.VftIcon,i.closeIconCfg,null):null]):null,l=r.slots.label?.()||r.props.label,q=!v&&r.active?0:-1;return e.createVNode("div",e.mergeProps({ref:s=>Y(s,o),class:[a.e("item"),a.is(m.props.tabPosition),a.is("active",r.active),a.is("disabled",v),a.is("closable",u),a.is("focus",I.value)],id:`tab-${o}`,key:`tab-${w}`,"aria-controls":`pane-${o}`,role:"tab","aria-selected":r.active,tabindex:q,onFocus:()=>$(),onBlur:()=>k()},{[i.trigger==="click"?"onClick":"onMouseenter"]:s=>{k(),h("tabClick",r,o,s)}},{onContextmenu:s=>{s.preventDefault(),h("tabContextmenu",{pane:r,index:n,event:s})},onKeydown:s=>{u&&(s.code===V.EVENT_CODE.delete||s.code===V.EVENT_CODE.backspace)&&h("tabRemove",r,s)}}),[l,b])})),Z=i.editable||i.addable?e.createVNode("span",{class:a.e("new-tab"),tabindex:"0",onClick:()=>h("tabAdd"),onKeydown:t=>{t.code===V.EVENT_CODE.enter&&h("tabAdd")}},[i.addIconCfg?.icon?e.createVNode(R.VftIcon,i.addIconCfg,null):null]):null;e.useSlots();const P=(t=!1)=>(S.value,i.panes.length>0?e.createVNode("div",{class:[a.e("nav"),a.is(m.props.tabPosition),a.is("fixed-nav",t),a.is("stretch",i.stretch&&["top","bottom"].includes(m.props.tabPosition))],ref:t?B:g,style:t?{}:j.value,role:"tablist",onKeydown:X},[i.showBar?e.createVNode(te.default,{ref:E,tabs:[...i.panes],tabRefs:N.value},null):null,Q.value(t?i.fixTabCount:void 0)]):null);return()=>(S.value,e.createVNode("div",{ref:y,class:[a.e("nav-wrap"),a.is("scrollable",!!c.value),a.is(m.props.tabPosition)]},[J.value,e.createVNode("div",{class:[a.e("nav-scroll"),a.is("have-fixed-tab",!!i.fixTabCount)],ref:d},[P(),i.fixTabCount?P(!0):null,Z])]))}});exports.default=ie;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=require("@vueuse/core"),N=require("@vft/utils"),_=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const V=require("../icon/index.cjs"),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 y=require("@vft/constants"),ee=require("./types.cjs"),te=require("./tab-bar.vue2.cjs"),ae=e.defineComponent({name:"vft-tab-nav"}),ne=e.defineComponent({...ae,props:{panes:{},editable:{type:Boolean},addable:{type:Boolean},stretch:{type:Boolean},showBar:{type:Boolean,default:!1},closeIconCfg:{},addIconCfg:{},arrowLeftIconCfg:{},arrowRightIconCfg:{},fixTabCount:{default:0},fixExtraScrollWidth:{default:0},trigger:{default:"click"},currentName:{default:""}},emits:["tabClick","tabRemove","tabAdd","tabContextmenu"],setup(n,{expose:A,emit:M}){const C=M,D=F.useNamespace("tab-nav"),L=e.getCurrentInstance(),g=e.inject(ee.TabsRootContextKey);g||_.throwError(D.b(),"<vft-tabs><tab-nav /></vft-tabs>");const o=F.useNamespace("tabs"),W=q.useDocumentVisibility(),K=q.useWindowFocus(),I=e.ref(),d=e.ref(),h=e.ref(),B=e.ref(),R=e.ref({}),E=e.ref(),u=e.ref(!1),f=e.ref(0),S=e.ref(!1),w=e.ref(!0),k=e.shallowRef(),x=e.computed(()=>["top","bottom"].includes(g.props.tabPosition)?"width":"height"),j=e.computed(()=>({transform:`translate${x.value==="width"?"X":"Y"}(-${f.value}px)`})),H=()=>{if(!d.value)return;const t=d.value[`offset${N.capitalize(x.value)}`],a=f.value;a&&(f.value=a>t?a-t:0)},U=()=>{if(!d.value||!h.value)return;const t=h.value[`offset${N.capitalize(x.value)}`],a=d.value[`offset${N.capitalize(x.value)}`],l=f.value;t-l<=a||(f.value=t-l>a*2?l+a:t-a)},O=async()=>{const t=h.value,a=B.value;if(!u.value||!I.value||!d.value||!t)return;await e.nextTick();const l=R.value[n.currentName];if(!l)return;const T=d.value,v=["top","bottom"].includes(g.props.tabPosition),c=l.getBoundingClientRect(),s=T.getBoundingClientRect(),m=v?t.offsetWidth-s.width:t.offsetHeight-s.height,r=f.value;let b=r;const i=n.fixTabCount?(a?.offsetWidth||0)+n.fixExtraScrollWidth:0;v?(c.left-i<s.left&&(b=r-(s.left-c.left+i)),c.right>s.right&&(b=r+c.right-s.right)):(c.top<s.top&&(b=r-(s.top-c.top)),c.bottom>s.bottom&&(b=r+(c.bottom-s.bottom))),b=Math.max(b,0),f.value=Math.min(b,m)},z=()=>{if(!h.value||!d.value)return;const t=h.value[`offset${N.capitalize(x.value)}`],a=d.value[`offset${N.capitalize(x.value)}`],l=f.value;a<t?(u.value=u.value||{},u.value.prev=l,u.value.next=l+a<t,t-l<a&&(f.value=t-a)):(u.value=!1,l>0&&(f.value=0))},X=t=>{const a=t.code,{up:l,down:T,left:v,right:c}=y.EVENT_CODE;if(![l,T,v,c].includes(a))return;const s=Array.from(t.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")),m=s.indexOf(t.target);let r;a===v||a===l?m===0?r=s.length-1:r=m-1:m<s.length-1?r=m+1:r=0,s[r].focus(),s[r].click(),$()},$=()=>{w.value&&(S.value=!0)},p=()=>S.value=!1,Y=(t,a)=>{R.value[a]=t},G=async()=>{await e.nextTick(),R.value[n.currentName]?.focus({preventScroll:!0})};e.watch(W,t=>{t==="hidden"?w.value=!1:t==="visible"&&setTimeout(()=>w.value=!0,50)}),e.watch(K,t=>{t?setTimeout(()=>w.value=!0,50):w.value=!1}),q.useResizeObserver(I,z),e.onMounted(()=>setTimeout(()=>O(),0)),e.onUpdated(()=>z()),A({scrollToActiveTab:O,removeFocus:p,focusActiveTab:G,tabListRef:h,tabBarRef:E,scheduleRender:()=>e.triggerRef(k)}),e.watch(()=>n.panes,()=>L.update(),{flush:"post"});const J=e.computed(()=>u.value?[e.createVNode("span",{class:[o.e("nav-prev"),o.is("disabled",!u.value.prev)],onClick:H},[n.arrowLeftIconCfg?.icon?e.createVNode(V.VftIcon,n.arrowLeftIconCfg,null):null]),e.createVNode("span",{class:[o.e("nav-next"),o.is("disabled",!u.value.next)],onClick:U},[n.arrowRightIconCfg?.icon?e.createVNode(V.VftIcon,n.arrowRightIconCfg,null):null])]:null),Q=e.computed(()=>t=>n.panes.slice(0,t)?.map((a,l)=>{const T=a.uid,v=a.props.disabled,c=a.props.name??a.index??`${l}`,s=!v&&(a.isClosable||n.editable);a.index=`${l}`;const m=s?e.createVNode("span",{class:"is-icon-close",onClick:i=>C("tabRemove",a,i)},[n.closeIconCfg?.icon?e.createVNode(V.VftIcon,n.closeIconCfg,null):null]):null,r=a.slots.label?.()||a.props.label,b=!v&&a.active?0:-1;return e.createVNode("div",e.mergeProps({ref:i=>Y(i,c),class:[o.e("item"),o.is(g.props.tabPosition),o.is("active",a.active),o.is("disabled",v),o.is("closable",s),o.is("focus",S.value)],id:`tab-${c}`,key:`tab-${T}`,"aria-controls":`pane-${c}`,role:"tab","aria-selected":a.active,tabindex:b,onFocus:()=>$(),onBlur:()=>p()},{[n.trigger==="click"?"onClick":"onMouseenter"]:i=>{p(),C("tabClick",a,c,i)}},{onContextmenu:i=>{i.preventDefault(),C("tabContextmenu",{pane:a,index:l,event:i})},onKeydown:i=>{s&&(i.code===y.EVENT_CODE.delete||i.code===y.EVENT_CODE.backspace)&&C("tabRemove",a,i)}}),[r,m])})),Z=n.editable||n.addable?e.createVNode("span",{class:o.e("new-tab"),tabindex:"0",onClick:()=>C("tabAdd"),onKeydown:t=>{t.code===y.EVENT_CODE.enter&&C("tabAdd")}},[n.addIconCfg?.icon?e.createVNode(V.VftIcon,n.addIconCfg,null):null]):null;e.useSlots();const P=(t=!1)=>(k.value,n.panes.length>0?e.createVNode("div",{class:[o.e("nav"),o.is(g.props.tabPosition),o.is("fixed-nav",t),o.is("stretch",n.stretch&&["top","bottom"].includes(g.props.tabPosition))],ref:t?B:h,style:t?{}:j.value,role:"tablist",onKeydown:X},[n.showBar?e.createVNode(te.default,{ref:E,tabs:[...n.panes],tabRefs:R.value},null):null,Q.value(t?n.fixTabCount:void 0)]):null);return()=>(k.value,e.createVNode("div",{ref:I,class:[o.e("nav-wrap"),o.is("scrollable",!!u.value),o.is(g.props.tabPosition)]},[J.value,e.createVNode("div",{class:[o.e("nav-scroll"),o.is("have-fixed-tab",!!n.fixTabCount)],ref:d},[P(),n.fixTabCount?P(!0):null,Z])]))}});exports.default=ne;

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

@@ -1,4 +1,5 @@
-import { type IconProps, type TabPaneName } from 'vft/es/components';
+import { type IconProps } from 'vft/es/components/icon';
+import { type TabPaneName } from 'vft/es/components/tabs';
 import { type VNode } from 'vue';
 export interface TabsProps {
     /** 标签是否可关闭 */

package/lib/components/time-picker/common/picker-range-trigger.vue.cjs

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

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

@@ -0,0 +1,84 @@
+declare function __VLS_template(): {
+    prefix?(_: {}): any;
+    "range-separator"?(_: {}): any;
+    suffix?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly id: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly name: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string | null, string | null]) | (() => import("./props").UserInput) | (((new (...args: any[]) => string | [string | null, string | null]) | (() => import("./props").UserInput)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly startPlaceholder: StringConstructor;
+    readonly endPlaceholder: StringConstructor;
+    readonly disabled: BooleanConstructor;
+}>, {
+    focus: () => void;
+    blur: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    click: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+    mouseenter: (...args: any[]) => void;
+    mouseleave: (...args: any[]) => void;
+    touchstart: (...args: any[]) => void;
+    startInput: (...args: any[]) => void;
+    endInput: (...args: any[]) => void;
+    startChange: (...args: any[]) => void;
+    endChange: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly id: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly name: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string | null, string | null]) | (() => import("./props").UserInput) | (((new (...args: any[]) => string | [string | null, string | null]) | (() => import("./props").UserInput)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly startPlaceholder: StringConstructor;
+    readonly endPlaceholder: StringConstructor;
+    readonly disabled: BooleanConstructor;
+}>> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onMouseenter?: ((...args: any[]) => any) | undefined;
+    onMouseleave?: ((...args: any[]) => any) | undefined;
+    onTouchstart?: ((...args: any[]) => any) | undefined;
+    onStartInput?: ((...args: any[]) => any) | undefined;
+    onEndInput?: ((...args: any[]) => any) | undefined;
+    onStartChange?: ((...args: any[]) => any) | undefined;
+    onEndChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly disabled: boolean;
+}, {}, {}, {}, 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 (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),P=require("../../../hooks/use-attrs/index.cjs");require("@vft/utils");require("@vueuse/core");require("../../../utils/ns-cover.cjs");require("lodash-es");const l=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const R=require("../../../hooks/use-focus-controller/index.cjs"),S=require("./props.cjs"),y=["id","name","placeholder","value","disabled"],$=["id","name","placeholder","value","disabled"],E=n.defineComponent({name:"PickerRangeTrigger",inheritAttrs:!1}),M=n.defineComponent({...E,props:S.timePickerRangeTriggerProps,emits:["mouseenter","mouseleave","click","touchstart","focus","blur","startInput","endInput","startChange","endChange"],setup(u,{expose:d,emit:i}){const c=u,r=i,a=P.useAttrs(),p=l.useNamespace("date"),t=l.useNamespace("range"),s=n.ref(),o=n.ref(),{wrapperRef:m,isFocused:f}=R.useFocusController(s,{disabled:n.computed(()=>c.disabled)}),h=e=>{r("click",e)},g=e=>{r("mouseenter",e)},b=e=>{r("mouseleave",e)},v=e=>{r("mouseenter",e)},C=e=>{r("startInput",e)},q=e=>{r("endInput",e)},k=e=>{r("startChange",e)},I=e=>{r("endChange",e)};return d({focus:()=>{s.value?.focus()},blur:()=>{s.value?.blur(),o.value?.blur()}}),(e,N)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"wrapperRef",ref:m,class:n.normalizeClass([n.unref(p).is("active",n.unref(f)),e.$attrs.class]),style:n.normalizeStyle(e.$attrs.style),onClick:h,onMouseenter:g,onMouseleave:b,onTouchstartPassive:v},[n.renderSlot(e.$slots,"prefix"),n.createElementVNode("input",n.mergeProps(n.unref(a),{id:e.id&&e.id[0],ref_key:"inputRef",ref:s,name:e.name&&e.name[0],placeholder:e.startPlaceholder,value:e.modelValue&&e.modelValue[0],class:n.unref(t).b("input"),disabled:e.disabled,onInput:C,onChange:k}),null,16,y),n.renderSlot(e.$slots,"range-separator"),n.createElementVNode("input",n.mergeProps(n.unref(a),{id:e.id&&e.id[1],ref_key:"endInputRef",ref:o,name:e.name&&e.name[1],placeholder:e.endPlaceholder,value:e.modelValue&&e.modelValue[1],class:n.unref(t).b("input"),disabled:e.disabled,onInput:q,onChange:I}),null,16,$),n.renderSlot(e.$slots,"suffix")],38))}});exports.default=M;

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

@@ -1,5 +1,5 @@
-import type { Options } from '@popperjs/core';
 import type { Dayjs } from 'dayjs';
+import type { Options } from '@popperjs/core';
 import type { DateModelType, DayOrDays, PickerOptions, SingleOrRange } from './props';
 declare function __VLS_template(): {
     "range-separator"?(_: {}): any;
@@ -8,15 +8,18 @@ declare function __VLS_template(): {
         actualVisible: boolean;
         parsedValue: DayOrDays;
         format: string | undefined;
+        dateFormat: string | undefined;
+        timeFormat: 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;
+        showNow: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        showWeekNumber: boolean;
         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;
+        "calendar-change": (e: [Date, null | 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<{
@@ -33,25 +36,31 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         __epPropKey: true;
     };
     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 arrowControl: BooleanConstructor;
     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 placement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown, "bottom", boolean>;
+    readonly fallbackPlacements: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]) | (((new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
+    readonly emptyValues: ArrayConstructor;
+    readonly valueOnClear: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
+    readonly ariaLabel: StringConstructor;
+    readonly showNow: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showWeekNumber: BooleanConstructor;
     readonly disabledHours: {
-        readonly type: import("vue").PropType<import("../props/shared").GetDisabledHours>;
+        readonly type: import("vue").PropType<import("./props").GetDisabledHours>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly disabledMinutes: {
-        readonly type: import("vue").PropType<import("../props/shared").GetDisabledMinutes>;
+        readonly type: import("vue").PropType<import("./props").GetDisabledMinutes>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly disabledSeconds: {
-        readonly type: import("vue").PropType<import("../props/shared").GetDisabledSeconds>;
+        readonly type: import("vue").PropType<import("./props").GetDisabledSeconds>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -62,10 +71,17 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         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>)) | null)[], unknown, unknown, "", boolean>;
+    readonly name: {
+        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 popperClass: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly format: StringConstructor;
     readonly valueFormat: StringConstructor;
+    readonly dateFormat: StringConstructor;
+    readonly timeFormat: 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)) | null)[], unknown, unknown, "icon-circle-close", boolean>;
@@ -77,11 +93,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    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 readonly: BooleanConstructor;
+    readonly disabled: BooleanConstructor;
     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>)) | 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 modelValue: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType) | (((new (...args: any[]) => string | number | string[] | 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;
@@ -97,20 +113,16 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly isRange: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly isRange: BooleanConstructor;
 }>, {
     /**
      * @description focus input box.
      */
-    focus: (focusStartInput?: boolean, isIgnoreFocusEvent?: boolean) => void;
-    /**
-     * @description emit focus event
-     */
-    handleFocusInput: (e?: FocusEvent) => void;
+    focus: () => void;
     /**
-     * @description emit blur event
+     * @description blur input box.
      */
-    handleBlurInput: (e?: FocusEvent) => void;
+    blur: () => void;
     /**
      * @description opens picker
      */
@@ -124,6 +136,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
      */
     onPick: (date?: any, visible?: boolean) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: (...args: any[]) => void;
     blur: (...args: any[]) => void;
     change: (...args: any[]) => void;
     focus: (...args: any[]) => void;
@@ -146,25 +159,31 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         __epPropKey: true;
     };
     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 arrowControl: BooleanConstructor;
     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 placement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown, "bottom", boolean>;
+    readonly fallbackPlacements: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]) | (((new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
+    readonly emptyValues: ArrayConstructor;
+    readonly valueOnClear: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
+    readonly ariaLabel: StringConstructor;
+    readonly showNow: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showWeekNumber: BooleanConstructor;
     readonly disabledHours: {
-        readonly type: import("vue").PropType<import("../props/shared").GetDisabledHours>;
+        readonly type: import("vue").PropType<import("./props").GetDisabledHours>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly disabledMinutes: {
-        readonly type: import("vue").PropType<import("../props/shared").GetDisabledMinutes>;
+        readonly type: import("vue").PropType<import("./props").GetDisabledMinutes>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly disabledSeconds: {
-        readonly type: import("vue").PropType<import("../props/shared").GetDisabledSeconds>;
+        readonly type: import("vue").PropType<import("./props").GetDisabledSeconds>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -175,10 +194,17 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         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>)) | null)[], unknown, unknown, "", boolean>;
+    readonly name: {
+        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 popperClass: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly format: StringConstructor;
     readonly valueFormat: StringConstructor;
+    readonly dateFormat: StringConstructor;
+    readonly timeFormat: 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)) | null)[], unknown, unknown, "icon-circle-close", boolean>;
@@ -190,11 +216,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    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 readonly: BooleanConstructor;
+    readonly disabled: BooleanConstructor;
     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>)) | 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 modelValue: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType) | (((new (...args: any[]) => string | number | string[] | 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;
@@ -210,8 +236,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly isRange: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly isRange: BooleanConstructor;
 }>> & Readonly<{
+    onClear?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
@@ -221,26 +248,29 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     "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>)) | null)[], unknown, unknown>;
     readonly type: string;
-    readonly disabled: import("vft/es/utils").EpPropMergeType<BooleanConstructor, 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)) | 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 disabled: boolean;
+    readonly modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType)) | null)[], unknown, unknown>;
+    readonly placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, 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 readonly: boolean;
+    readonly placeholder: string;
     readonly validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly fallbackPlacements: import("@popperjs/core").Placement[];
     readonly popperOptions: Partial<Options>;
     readonly popperClass: 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)) | 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 valueOnClear: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown>;
     readonly editable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly rangeSeparator: string;
-    readonly isRange: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly shortcuts: unknown[];
-    readonly arrowControl: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly showNow: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly arrowControl: boolean;
     readonly unlinkPanels: boolean;
+    readonly showWeekNumber: boolean;
+    readonly isRange: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../constants/size.cjs");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");const e=require("../../../utils/vue/props/runtime.cjs");require("vue");const r=require("../props/shared.cjs"),a=e.buildProps({id:{type:e.definePropType([Array,String])},name:{type:e.definePropType([Array,String]),default:""},popperClass:{type:String,default:""},format:String,valueFormat:String,type:{type:String,default:""},clearable:{type:Boolean,default:!0},clearIcon:{type:e.definePropType([String,Object]),default:"icon-circle-close"},editable:{type:Boolean,default:!0},prefixIcon:{type:e.definePropType([String,Object]),default:""},size:{type:String,values:t.componentSizes,required:!1},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:""},popperOptions:{type:e.definePropType(Object),default:()=>({})},modelValue:{type:e.definePropType([Date,Array,String,Number]),default:""},rangeSeparator:{type:String,default:"-"},startPlaceholder:String,endPlaceholder:String,defaultValue:{type:e.definePropType([Date,Array])},defaultTime:{type:e.definePropType([Date,Array])},isRange:{type:Boolean,default:!1},...r.disabledTimeListsProps,disabledDate:{type:Function},cellClassName:{type:Function},shortcuts:{type:Array,default:()=>[]},arrowControl:{type:Boolean,default:!1},label:{type:String,default:void 0},tabindex:{type:e.definePropType([String,Number]),default:0},validateEvent:{type:Boolean,default:!0},unlinkPanels:Boolean});exports.timePickerDefaultProps=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@popperjs/core"),i=require("../../../constants/size.cjs");require("@vueuse/core");const o=require("@vft/utils");require("../../../utils/ns-cover.cjs");const e=require("../../../utils/vue/props/runtime.cjs");require("vue");const n=require("../props/shared.cjs"),l=e.buildProps({id:{type:e.definePropType([Array,String])},name:{type:e.definePropType([Array,String])},popperClass:{type:String,default:""},format:String,valueFormat:String,dateFormat:String,timeFormat:String,type:{type:String,default:""},clearable:{type:Boolean,default:!0},clearIcon:{type:e.definePropType([String,Object]),default:"icon-circle-close"},editable:{type:Boolean,default:!0},prefixIcon:{type:e.definePropType([String,Object]),default:""},size:{type:String,values:i.componentSizes,required:!1},readonly:Boolean,disabled:Boolean,placeholder:{type:String,default:""},popperOptions:{type:e.definePropType(Object),default:()=>({})},modelValue:{type:e.definePropType([Date,Array,String,Number]),default:""},rangeSeparator:{type:String,default:"-"},startPlaceholder:String,endPlaceholder:String,defaultValue:{type:e.definePropType([Date,Array])},defaultTime:{type:e.definePropType([Date,Array])},isRange:Boolean,...n.disabledTimeListsProps,disabledDate:{type:Function},cellClassName:{type:Function},shortcuts:{type:Array,default:()=>[]},arrowControl:Boolean,tabindex:{type:e.definePropType([String,Number]),default:0},validateEvent:{type:Boolean,default:!0},unlinkPanels:Boolean,placement:{type:e.definePropType(String),values:a.placements,default:"bottom"},fallbackPlacements:{type:e.definePropType(Array),default:["bottom","top","right","left"]},emptyValues:Array,valueOnClear:{type:[String,Number,Boolean,Function],default:void 0,validator:r=>o.isFunction(r)?!r():!r},ariaLabel:String,showNow:{type:Boolean,default:!0},showWeekNumber:Boolean}),t=e.buildProps({id:{type:e.definePropType(Array)},name:{type:e.definePropType(Array)},modelValue:{type:e.definePropType([Array,String])},startPlaceholder:String,endPlaceholder:String,disabled:Boolean}),p=t;exports.timePickerDefaultProps=l;exports.timePickerRangeTriggerProps=t;exports.timePickerRngeTriggerProps=p;