vft 0.0.249 → 0.0.252

package/lib/components/time-picker/time-picker-com/basic-time-spinner.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("@vft/directives"),$=require("../../icon/index.cjs"),Q=require("../../scrollbar/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");const W=require("lodash-es"),X=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("../composables/use-time-picker.cjs"),L=require("../constants.cjs"),Z=require("../props/basic-time-spinner.cjs"),C=require("../utils.cjs"),ee=["onClick"],ne=["onMouseenter"],re=e.defineComponent({__name:"basic-time-spinner",props:Z.basicTimeSpinnerProps,emits:["change","select-range","set-option"],setup(V,{emit:_}){const c=V,f=_,l=X.useNamespace("time"),{getHoursList:F,getMinutesList:N,getSecondsList:x}=Y.getTimeLists(c.disabledHours,c.disabledMinutes,c.disabledSeconds);let b=!1;const p=e.ref(),P=e.ref(),R=e.ref(),z=e.ref(),u={hours:P,minutes:R,seconds:z},D=e.computed(()=>c.showSeconds?L.timeUnits:L.timeUnits.slice(0,2)),i=e.computed(()=>{const{spinnerDate:n}=c,r=n.hour(),s=n.minute(),o=n.second();return{hours:r,minutes:s,seconds:o}}),h=e.computed(()=>{const{hours:n,minutes:r}=e.unref(i);return{hours:F(c.role),minutes:N(n,c.role),seconds:x(n,r,c.role)}}),H=e.computed(()=>{const{hours:n,minutes:r,seconds:s}=e.unref(i);return{hours:C.buildTimeList(n,23),minutes:C.buildTimeList(r,59),seconds:C.buildTimeList(s,59)}}),I=W.debounce(n=>{b=!1,m(n)},200),M=n=>{if(!!!c.amPmMode)return"";const s=c.amPmMode==="A";let o=n<12?" am":" pm";return s&&(o=o.toUpperCase()),o},a=n=>{let r;switch(n){case"hours":r=[0,2];break;case"minutes":r=[3,5];break;case"seconds":r=[6,8];break}const[s,o]=r;f("select-range",s,o),p.value=n},m=n=>{w(n,e.unref(i)[n])},q=()=>{m("hours"),m("minutes"),m("seconds")},g=n=>n.querySelector(`.${l.namespace.value}-scrollbar__wrap`),w=(n,r)=>{if(c.arrowControl)return;const s=e.unref(u[n]);s&&s.$el&&(g(s.$el).scrollTop=Math.max(0,r*v(n)))},v=n=>e.unref(u[n])?.$el.querySelector("li").offsetHeight||0,j=()=>{S(1)},A=()=>{S(-1)},S=n=>{p.value||a("hours");const r=p.value,s=e.unref(i)[r],o=p.value==="hours"?24:60,t=U(r,s,n,o);B(r,t),w(r,t),e.nextTick(()=>a(r))},U=(n,r,s,o)=>{let t=(r+s+o)%o;const d=e.unref(h)[n];for(;d[t]&&t!==r;)t=(t+s+o)%o;return t},B=(n,r)=>{if(e.unref(h)[n][r])return;const{hours:t,minutes:d,seconds:T}=e.unref(i);let k;switch(n){case"hours":k=c.spinnerDate.hour(r).minute(d).second(T);break;case"minutes":k=c.spinnerDate.hour(t).minute(r).second(T);break;case"seconds":k=c.spinnerDate.hour(t).minute(d).second(r);break}f("change",k)},y=(n,{value:r,disabled:s})=>{s||(B(n,r),a(n),w(n,r))},O=n=>{b=!0,I(n);const r=Math.min(Math.round((g(e.unref(u[n]).$el).scrollTop-(G(n)*.5-10)/v(n)+3)/v(n)),n==="hours"?23:59);B(n,r)},G=n=>e.unref(u[n]).$el.offsetHeight,J=()=>{const n=r=>{const s=e.unref(u[r]);s&&s.$el&&(g(s.$el).onscroll=()=>{O(r)})};n("hours"),n("minutes"),n("seconds")};e.onMounted(()=>{e.nextTick(()=>{!c.arrowControl&&J(),q(),c.role==="start"&&a("hours")})});const K=(n,r)=>{u[r].value=n};return f("set-option",[`${c.role}_scrollDown`,S]),f("set-option",[`${c.role}_emitSelectRange`,a]),e.watch(()=>c.spinnerDate,()=>{b||q()}),(n,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(l).b("spinner"),{"has-seconds":n.showSeconds}])},[n.arrowControl?e.createCommentVNode("",!0):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(D.value,s=>(e.openBlock(),e.createBlock(e.unref(Q.VftScrollbar),{key:s,ref_for:!0,ref:o=>K(o,s),class:e.normalizeClass(e.unref(l).be("spinner","wrapper")),"wrap-style":"max-height: inherit;","view-class":e.unref(l).be("spinner","list"),noresize:"",tag:"ul",onMouseenter:o=>a(s),onMousemove:o=>m(s)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value[s],(o,t)=>(e.openBlock(),e.createElementBlock("li",{key:t,class:e.normalizeClass([e.unref(l).be("spinner","item"),e.unref(l).is("active",t===i.value[s]),e.unref(l).is("disabled",o)]),onClick:d=>y(s,{value:t,disabled:o})},[s==="hours"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(("0"+(n.amPmMode?t%12||12:t)).slice(-2))+e.toDisplayString(M(t)),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(("0"+t).slice(-2)),1)],64))],10,ee))),128))]),_:2},1032,["class","view-class","onMouseenter","onMousemove"]))),128)),n.arrowControl?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(D.value,s=>(e.openBlock(),e.createElementBlock("div",{key:s,class:e.normalizeClass([e.unref(l).be("spinner","wrapper"),e.unref(l).is("arrow")]),onMouseenter:o=>a(s)},[e.withDirectives(e.createVNode(e.unref($.VftIcon),{icon:"icon-arrow-up",class:e.normalizeClass(["arrow-up",e.unref(l).be("spinner","arrow")])},null,8,["class"]),[[e.unref(E.vRepeatClick),A]]),e.withDirectives(e.createVNode(e.unref($.VftIcon),{icon:"icon-arrow-down",class:e.normalizeClass(["arrow-down",e.unref(l).be("spinner","arrow")])},null,8,["class"]),[[e.unref(E.vRepeatClick),j]]),e.createElementVNode("ul",{class:e.normalizeClass(e.unref(l).be("spinner","list"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(H.value[s],(o,t)=>(e.openBlock(),e.createElementBlock("li",{key:t,class:e.normalizeClass([e.unref(l).be("spinner","item"),e.unref(l).is("active",o===i.value[s]),e.unref(l).is("disabled",h.value[s][o])])},[typeof o=="number"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s==="hours"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(("0"+(n.amPmMode?o%12||12:o)).slice(-2))+e.toDisplayString(M(o)),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(("0"+o).slice(-2)),1)],64))],64)):e.createCommentVNode("",!0)],2))),128))],2)],42,ne))),128)):e.createCommentVNode("",!0)],2))}});exports.default=re;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ee=require("lodash-es"),q=require("@vft/directives"),ne=require("../../scrollbar/index.cjs"),$=require("../../icon/index.cjs");require("@vueuse/core");const F=require("@vft/utils"),V=require("../../../constants/event.cjs");require("../../../utils/ns-cover.cjs");const re=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("../constants.cjs"),E=require("../utils.cjs"),se=require("../props/basic-time-spinner.cjs"),oe=require("../composables/use-time-picker.cjs"),te=["onClick"],ce=["onMouseenter"],le=e.defineComponent({__name:"basic-time-spinner",props:se.basicTimeSpinnerProps,emits:[V.CHANGE_EVENT,"select-range","set-option"],setup(L,{emit:R}){const c=L,P=e.inject(k.PICKER_BASE_INJECTION_KEY),{isRange:x,format:T}=P.props,f=R,l=re.useNamespace("time"),{getHoursList:I,getMinutesList:z,getSecondsList:A}=oe.getTimeLists(c.disabledHours,c.disabledMinutes,c.disabledSeconds);let g=!1;const p=e.ref(),H=e.ref(),j=e.ref(),U=e.ref(),u={hours:H,minutes:j,seconds:U},D=e.computed(()=>c.showSeconds?k.timeUnits:k.timeUnits.slice(0,2)),i=e.computed(()=>{const{spinnerDate:n}=c,s=n.hour(),r=n.minute(),o=n.second();return{hours:s,minutes:r,seconds:o}}),h=e.computed(()=>{const{hours:n,minutes:s}=e.unref(i),{role:r,spinnerDate:o}=c,t=x?void 0:o;return{hours:I(r,t),minutes:z(n,r,t),seconds:A(n,s,r,t)}}),y=e.computed(()=>{const{hours:n,minutes:s,seconds:r}=e.unref(i);return{hours:E.buildTimeList(n,23),minutes:E.buildTimeList(s,59),seconds:E.buildTimeList(r,59)}}),O=ee.debounce(n=>{g=!1,m(n)},200),M=n=>{if(!!!c.amPmMode)return"";const r=c.amPmMode==="A";let o=n<12?" am":" pm";return r&&(o=o.toUpperCase()),o},a=n=>{let s=[0,0];if(!T||T===k.DEFAULT_FORMATS_TIME)switch(n){case"hours":s=[0,2];break;case"minutes":s=[3,5];break;case"seconds":s=[6,8];break}const[r,o]=s;f("select-range",r,o),p.value=n},m=n=>{S(n,e.unref(i)[n])},N=()=>{m("hours"),m("minutes"),m("seconds")},v=n=>n.querySelector(`.${l.namespace.value}-scrollbar__wrap`),S=(n,s)=>{if(c.arrowControl)return;const r=e.unref(u[n]);r&&r.$el&&(v(r.$el).scrollTop=Math.max(0,s*w(n)))},w=n=>{const r=e.unref(u[n])?.$el.querySelector("li");return r&&Number.parseFloat(F.getStyle(r,"height"))||0},G=()=>{B(1)},K=()=>{B(-1)},B=n=>{p.value||a("hours");const s=p.value,r=e.unref(i)[s],o=p.value==="hours"?24:60,t=J(s,r,n,o);C(s,t),S(s,t),e.nextTick(()=>a(s))},J=(n,s,r,o)=>{let t=(s+r+o)%o;const d=e.unref(h)[n];for(;d[t]&&t!==s;)t=(t+r+o)%o;return t},C=(n,s)=>{if(e.unref(h)[n][s])return;const{hours:t,minutes:d,seconds:_}=e.unref(i);let b;switch(n){case"hours":b=c.spinnerDate.hour(s).minute(d).second(_);break;case"minutes":b=c.spinnerDate.hour(t).minute(s).second(_);break;case"seconds":b=c.spinnerDate.hour(t).minute(d).second(s);break}f(V.CHANGE_EVENT,b)},Y=(n,{value:s,disabled:r})=>{r||(C(n,s),a(n),S(n,s))},Q=n=>{const s=e.unref(u[n]);if(!s)return;g=!0,O(n);const r=Math.min(Math.round((v(s.$el).scrollTop-(W(n)*.5-10)/w(n)+3)/w(n)),n==="hours"?23:59);C(n,r)},W=n=>e.unref(u[n]).$el.offsetHeight,X=()=>{const n=s=>{const r=e.unref(u[s]);r&&r.$el&&(v(r.$el).onscroll=()=>{Q(s)})};n("hours"),n("minutes"),n("seconds")};e.onMounted(()=>{e.nextTick(()=>{!c.arrowControl&&X(),N(),c.role==="start"&&a("hours")})});const Z=(n,s)=>{u[s].value=n??void 0};return f("set-option",[`${c.role}_scrollDown`,B]),f("set-option",[`${c.role}_emitSelectRange`,a]),e.watch(()=>c.spinnerDate,()=>{g||N()}),(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(l).b("spinner"),{"has-seconds":n.showSeconds}])},[n.arrowControl?e.createCommentVNode("",!0):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(D.value,r=>(e.openBlock(),e.createBlock(e.unref(ne.VftScrollbar),{key:r,ref_for:!0,ref:o=>Z(o,r),class:e.normalizeClass(e.unref(l).be("spinner","wrapper")),"wrap-style":"max-height: inherit;","view-class":e.unref(l).be("spinner","list"),noresize:"",tag:"ul",onMouseenter:o=>a(r),onMousemove:o=>m(r)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value[r],(o,t)=>(e.openBlock(),e.createElementBlock("li",{key:t,class:e.normalizeClass([e.unref(l).be("spinner","item"),e.unref(l).is("active",t===i.value[r]),e.unref(l).is("disabled",o)]),onClick:d=>Y(r,{value:t,disabled:o})},[r==="hours"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(("0"+(n.amPmMode?t%12||12:t)).slice(-2))+e.toDisplayString(M(t)),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(("0"+t).slice(-2)),1)],64))],10,te))),128))]),_:2},1032,["class","view-class","onMouseenter","onMousemove"]))),128)),n.arrowControl?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(D.value,r=>(e.openBlock(),e.createElementBlock("div",{key:r,class:e.normalizeClass([e.unref(l).be("spinner","wrapper"),e.unref(l).is("arrow")]),onMouseenter:o=>a(r)},[e.withDirectives(e.createVNode(e.unref($.VftIcon),{icon:"icon-arrow-up",class:e.normalizeClass(["arrow-up",e.unref(l).be("spinner","arrow")])},null,8,["class"]),[[e.unref(q.vRepeatClick),K]]),e.withDirectives(e.createVNode(e.unref($.VftIcon),{icon:"icon-arrow-down",class:e.normalizeClass(["arrow-down",e.unref(l).be("spinner","arrow")])},null,8,["class"]),[[e.unref(q.vRepeatClick),G]]),e.createElementVNode("ul",{class:e.normalizeClass(e.unref(l).be("spinner","list"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value[r],(o,t)=>(e.openBlock(),e.createElementBlock("li",{key:t,class:e.normalizeClass([e.unref(l).be("spinner","item"),e.unref(l).is("active",o===i.value[r]),e.unref(l).is("disabled",h.value[r][o])])},[e.unref(F.isNumber)(o)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[r==="hours"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(("0"+(n.amPmMode?o%12||12:o)).slice(-2))+e.toDisplayString(M(o)),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(("0"+o).slice(-2)),1)],64))],64)):e.createCommentVNode("",!0)],2))),128))],2)],42,ce))),128)):e.createCommentVNode("",!0)],2))}});exports.default=le;

package/lib/components/time-picker/time-picker-com/panel-time-pick.vue.d.ts

@@ -1,8 +1,8 @@
-import type { Dayjs } from 'dayjs';
+import dayjs from 'dayjs';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly datetimeRole: StringConstructor;
     readonly parsedValue: {
-        readonly type: import("vue").PropType<Dayjs>;
+        readonly type: import("vue").PropType<dayjs.Dayjs>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly datetimeRole: StringConstructor;
     readonly parsedValue: {
-        readonly type: import("vue").PropType<Dayjs>;
+        readonly type: import("vue").PropType<dayjs.Dayjs>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -30,8 +30,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onSelect-range"?: ((...args: any[]) => any) | undefined;
     "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
 }>, {
-    readonly visible: boolean;
     readonly format: string;
+    readonly visible: boolean;
     readonly actualVisible: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/time-picker/time-picker-com/panel-time-pick.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("@vft/utils"),G=require("../../../constants/aria.cjs");require("@vueuse/core");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 d=require("dayjs"),J=require("../composables/use-time-panel.cjs"),V=require("../composables/use-time-picker.cjs"),L=require("../props/panel-time-picker.cjs"),Q=require("./basic-time-spinner.vue2.cjs"),W=e.defineComponent({__name:"panel-time-pick",props:L.panelTimePickerProps,emits:["pick","select-range","set-picker-option"],setup(h,{emit:S}){const s=h,o=S,C=e.inject("EP_PICKER_BASE"),{arrowControl:q,disabledHours:p,disabledMinutes:m,disabledSeconds:f,defaultValue:T}=C.props,{getAvailableHours:_,getAvailableMinutes:w,getAvailableSeconds:E}=V.buildAvailableTimeSlotGetter(p,m,f),a=F.useNamespace("time"),c=e.ref("zh-cn"),b=e.ref([0,2]),P=V.useOldValue(s),A=e.computed(()=>$.isUndefined(s.actualVisible)?`${a.namespace.value}-zoom-in-top`:""),i=e.computed(()=>s.format.includes("ss")),R=e.computed(()=>s.format.includes("A")?"A":s.format.includes("a")?"a":""),N=n=>{const t=d(n).locale(c.value),r=u(t);return t.isSame(r)},y=()=>{o("pick",P.value,!1)},O=(n=!1,t=!1)=>{t||o("pick",s.parsedValue,n)},z=n=>{if(!s.visible)return;const t=u(n).millisecond(0);o("pick",t,!0)},D=(n,t)=>{o("select-range",n,t),b.value=[n,t]},B=n=>{const t=[0,3].concat(i.value?[6]:[]),r=["hours","minutes"].concat(i.value?["seconds"]:[]),l=(t.indexOf(b.value[0])+n+t.length)%t.length;g.start_emitSelectRange(r[l])},M=n=>{const t=n.code,{left:r,right:v,up:l,down:H}=G.EVENT_CODE;if([r,v].includes(t)){B(t===r?-1:1),n.preventDefault();return}if([l,H].includes(t)){const k=t===l?-1:1;g.start_scrollDown(k),n.preventDefault();return}},{timePickerOptions:g,onSetOption:I,getAvailableTime:j}=J.useTimePanel({getAvailableHours:_,getAvailableMinutes:w,getAvailableSeconds:E}),u=n=>j(n,s.datetimeRole||"",!0),x=n=>n?d(n,s.format).locale(c.value):null,K=n=>n?n.format(s.format):null,U=()=>d(T).locale(c.value);return o("set-picker-option",["isValidValue",N]),o("set-picker-option",["formatToString",K]),o("set-picker-option",["parseUserInput",x]),o("set-picker-option",["handleKeydownInput",M]),o("set-picker-option",["getRangeAvailableTime",u]),o("set-picker-option",["getDefaultValue",U]),(n,t)=>(e.openBlock(),e.createBlock(e.Transition,{name:A.value},{default:e.withCtx(()=>[n.actualVisible||n.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(a).b("panel"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(a).be("panel","content"),{"has-seconds":i.value}])},[e.createVNode(Q.default,{ref:"spinner",role:n.datetimeRole||"start","arrow-control":e.unref(q),"show-seconds":i.value,"am-pm-mode":R.value,"spinner-date":n.parsedValue,"disabled-hours":e.unref(p),"disabled-minutes":e.unref(m),"disabled-seconds":e.unref(f),onChange:z,onSetOption:e.unref(I),onSelectRange:D},null,8,["role","arrow-control","show-seconds","am-pm-mode","spinner-date","disabled-hours","disabled-minutes","disabled-seconds","onSetOption"])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).be("panel","footer"))},[e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(a).be("panel","btn"),"cancel"]),onClick:y}," 取消 ",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(a).be("panel","btn"),"confirm"]),onClick:t[0]||(t[0]=r=>O())}," 确认 ",2)],2)],2)):e.createCommentVNode("",!0)]),_:1},8,["name"]))}});exports.default=W;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("dayjs"),$=require("../../../constants/aria.cjs");require("@vueuse/core");const G=require("@vft/utils");require("../../../utils/ns-cover.cjs");require("lodash-es");const 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 Y=require("../constants.cjs"),F=require("../props/panel-time-picker.cjs"),L=require("../composables/use-time-panel.cjs"),V=require("../composables/use-time-picker.cjs"),Q=require("./basic-time-spinner.vue2.cjs"),W=e.defineComponent({__name:"panel-time-pick",props:F.panelTimePickerProps,emits:["pick","select-range","set-picker-option"],setup(h,{emit:C}){const s=h,o=C,S=e.inject(Y.PICKER_BASE_INJECTION_KEY),{arrowControl:q,disabledHours:p,disabledMinutes:m,disabledSeconds:f,defaultValue:T}=S.props,{getAvailableHours:_,getAvailableMinutes:E,getAvailableSeconds:w}=V.buildAvailableTimeSlotGetter(p,m,f),a=J.useNamespace("time"),c=e.ref("zh-cn"),b=e.ref([0,2]),N=V.useOldValue(s),A=e.computed(()=>G.isUndefined(s.actualVisible)?`${a.namespace.value}-zoom-in-top`:""),i=e.computed(()=>s.format.includes("ss")),P=e.computed(()=>s.format.includes("A")?"A":s.format.includes("a")?"a":""),R=n=>{const t=d(n).locale(c.value),r=u(t);return t.isSame(r)},O=()=>{o("pick",N.value,!1)},y=(n=!1,t=!1)=>{t||o("pick",s.parsedValue,n)},z=n=>{if(!s.visible)return;const t=u(n).millisecond(0);o("pick",t,!0)},D=(n,t)=>{o("select-range",n,t),b.value=[n,t]},B=n=>{const t=[0,3].concat(i.value?[6]:[]),r=["hours","minutes"].concat(i.value?["seconds"]:[]),l=(t.indexOf(b.value[0])+n+t.length)%t.length;g.start_emitSelectRange(r[l])},I=n=>{const t=n.code,{left:r,right:v,up:l,down:H}=$.EVENT_CODE;if([r,v].includes(t)){B(t===r?-1:1),n.preventDefault();return}if([l,H].includes(t)){const k=t===l?-1:1;g.start_scrollDown(k),n.preventDefault();return}},{timePickerOptions:g,onSetOption:M,getAvailableTime:K}=L.useTimePanel({getAvailableHours:_,getAvailableMinutes:E,getAvailableSeconds:w}),u=n=>K(n,s.datetimeRole||"",!0),j=n=>n?d(n,s.format).locale(c.value):null,x=n=>n?n.format(s.format):null,U=()=>d(T).locale(c.value);return o("set-picker-option",["isValidValue",R]),o("set-picker-option",["formatToString",x]),o("set-picker-option",["parseUserInput",j]),o("set-picker-option",["handleKeydownInput",I]),o("set-picker-option",["getRangeAvailableTime",u]),o("set-picker-option",["getDefaultValue",U]),(n,t)=>(e.openBlock(),e.createBlock(e.Transition,{name:A.value},{default:e.withCtx(()=>[n.actualVisible||n.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(a).b("panel"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(a).be("panel","content"),{"has-seconds":i.value}])},[e.createVNode(Q.default,{ref:"spinner",role:n.datetimeRole||"start","arrow-control":e.unref(q),"show-seconds":i.value,"am-pm-mode":P.value,"spinner-date":n.parsedValue,"disabled-hours":e.unref(p),"disabled-minutes":e.unref(m),"disabled-seconds":e.unref(f),onChange:z,onSetOption:e.unref(M),onSelectRange:D},null,8,["role","arrow-control","show-seconds","am-pm-mode","spinner-date","disabled-hours","disabled-minutes","disabled-seconds","onSetOption"])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).be("panel","footer"))},[e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(a).be("panel","btn"),"cancel"]),onClick:O}," 取消 ",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(a).be("panel","btn"),"confirm"]),onClick:t[0]||(t[0]=r=>y())}," 确认 ",2)],2)],2)):e.createCommentVNode("",!0)]),_:1},8,["name"]))}});exports.default=W;

package/lib/components/time-picker/time-picker-com/panel-time-range.vue.d.ts

@@ -1,7 +1,7 @@
-import type { Dayjs } from 'dayjs';
+import dayjs from 'dayjs';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly parsedValue: {
-        readonly type: import("vue").PropType<[Dayjs, Dayjs]>;
+        readonly type: import("vue").PropType<[dayjs.Dayjs, dayjs.Dayjs]>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "set-picker-option": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly parsedValue: {
-        readonly type: import("vue").PropType<[Dayjs, Dayjs]>;
+        readonly type: import("vue").PropType<[dayjs.Dayjs, dayjs.Dayjs]>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -28,8 +28,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onSelect-range"?: ((...args: any[]) => any) | undefined;
     "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
 }>, {
-    readonly visible: boolean;
     readonly format: string;
+    readonly visible: boolean;
     readonly actualVisible: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/time-picker/time-picker-com/panel-time-range.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),T=require("@vft/utils"),ce=require("../../../constants/aria.cjs");require("@vueuse/core");require("../../../utils/ns-cover.cjs");const w=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 g=require("dayjs"),ue=require("../composables/use-time-panel.cjs"),B=require("../composables/use-time-picker.cjs"),de=require("../props/panel-time-range.cjs"),I=require("./basic-time-spinner.vue2.cjs"),me=["disabled"],pe=e.defineComponent({__name:"panel-time-range",props:de.panelTimeRangeProps,emits:["pick","select-range","set-picker-option"],setup(j,{emit:K}){const c=j,i=K,f=(n,t)=>{const a=[];for(let s=n;s<=t;s++)a.push(s);return a},b=e.ref("zh-cn"),o=H.useNamespace("time"),$=H.useNamespace("picker"),U=e.inject("EP_PICKER_BASE"),{arrowControl:h,disabledHours:N,disabledMinutes:q,disabledSeconds:R,defaultValue:k}=U.props,d=e.computed(()=>c.parsedValue[0]),m=e.computed(()=>c.parsedValue[1]),G=B.useOldValue(c),F=()=>{i("pick",G.value,!1)},p=e.computed(()=>c.format.includes("ss")),A=e.computed(()=>c.format.includes("A")?"A":c.format.includes("a")?"a":""),J=(n=!1)=>{i("pick",[d.value,m.value],n)},L=n=>{x(n.millisecond(0),m.value)},Q=n=>{x(d.value,n.millisecond(0))},W=n=>{const t=n.map(s=>g(s).locale(b.value)),a=M(t);return t[0].isSame(a[0])&&t[1].isSame(a[1])},x=(n,t)=>{i("pick",[n,t],!0)},X=e.computed(()=>d.value>m.value),S=e.ref([0,2]),Y=(n,t)=>{i("select-range",n,t,"min"),S.value=[n,t]},z=e.computed(()=>p.value?11:8),Z=(n,t)=>{i("select-range",n,t,"max");const a=e.unref(z);S.value=[n+a,t+a]},ee=n=>{const t=p.value?[0,3,6,11,14,17]:[0,3,8,11],a=["hours","minutes"].concat(p.value?["seconds"]:[]),r=(t.indexOf(S.value[0])+n+t.length)%t.length,l=t.length/2;r<l?D.start_emitSelectRange(a[r]):D.end_emitSelectRange(a[r-l])},ne=n=>{const t=n.code,{left:a,right:s,up:r,down:l}=ce.EVENT_CODE;if([a,s].includes(t)){ee(t===a?-1:1),n.preventDefault();return}if([r,l].includes(t)){const u=t===r?-1:1,v=S.value[0]<z.value?"start":"end";D[`${v}_scrollDown`](u),n.preventDefault();return}},C=(n,t)=>{const a=N?N(n):[],s=n==="start",l=(t||(s?m.value:d.value)).hour(),u=s?f(l+1,23):f(0,l-1);return w.union(a,u)},V=(n,t,a)=>{const s=q?q(n,t):[],r=t==="start",l=a||(r?m.value:d.value),u=l.hour();if(n!==u)return s;const v=l.minute(),E=r?f(v+1,59):f(0,v-1);return w.union(s,E)},_=(n,t,a,s)=>{const r=R?R(n,t,a):[],l=a==="start",u=s||(l?m.value:d.value),v=u.hour(),E=u.minute();if(n!==v||t!==E)return r;const y=u.second(),ie=l?f(y+1,59):f(0,y-1);return w.union(r,ie)},M=([n,t])=>[O(n,"start",!0,t),O(t,"end",!1,n)],{getAvailableHours:te,getAvailableMinutes:ae,getAvailableSeconds:se}=B.buildAvailableTimeSlotGetter(C,V,_),{timePickerOptions:D,getAvailableTime:O,onSetOption:P}=ue.useTimePanel({getAvailableHours:te,getAvailableMinutes:ae,getAvailableSeconds:se}),oe=n=>n?T.isArray(n)?n.map(t=>g(t,c.format).locale(b.value)):g(n,c.format).locale(b.value):null,re=n=>n?T.isArray(n)?n.map(t=>t.format(c.format)):n.format(c.format):null,le=()=>{if(T.isArray(k))return k.map(t=>g(t).locale(b.value));const n=g(k).locale(b.value);return[n,n.add(60,"m")]};return i("set-picker-option",["formatToString",re]),i("set-picker-option",["parseUserInput",oe]),i("set-picker-option",["isValidValue",W]),i("set-picker-option",["handleKeydownInput",ne]),i("set-picker-option",["getDefaultValue",le]),i("set-picker-option",["getRangeAvailableTime",M]),(n,t)=>n.actualVisible?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(o).b("range-picker"),e.unref($).b("panel")])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("range-picker","content"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("range-picker","cell"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("range-picker","header"))},"开始时间",2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(o).be("range-picker","body"),e.unref(o).be("panel","content"),e.unref(o).is("arrow",e.unref(h)),{"has-seconds":p.value}])},[e.createVNode(I.default,{ref:"minSpinner",role:"start","show-seconds":p.value,"am-pm-mode":A.value,"arrow-control":e.unref(h),"spinner-date":d.value,"disabled-hours":C,"disabled-minutes":V,"disabled-seconds":_,onChange:L,onSetOption:e.unref(P),onSelectRange:Y},null,8,["show-seconds","am-pm-mode","arrow-control","spinner-date","onSetOption"])],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("range-picker","cell"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("range-picker","header"))},"结束时间",2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(o).be("range-picker","body"),e.unref(o).be("panel","content"),e.unref(o).is("arrow",e.unref(h)),{"has-seconds":p.value}])},[e.createVNode(I.default,{ref:"maxSpinner",role:"end","show-seconds":p.value,"am-pm-mode":A.value,"arrow-control":e.unref(h),"spinner-date":m.value,"disabled-hours":C,"disabled-minutes":V,"disabled-seconds":_,onChange:Q,onSetOption:e.unref(P),onSelectRange:Z},null,8,["show-seconds","am-pm-mode","arrow-control","spinner-date","onSetOption"])],2)],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("panel","footer"))},[e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(o).be("panel","btn"),"cancel"]),onClick:t[0]||(t[0]=a=>F())}," 取消 ",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(o).be("panel","btn"),"confirm"]),disabled:X.value,onClick:t[1]||(t[1]=a=>J())}," 确认 ",10,me)],2)],2)):e.createCommentVNode("",!0)}});exports.default=pe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("dayjs"),N=require("lodash-es");require("@vueuse/core");const T=require("@vft/utils"),de=require("../../../constants/aria.cjs");require("../../../utils/ns-cover.cjs");const 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 me=require("../constants.cjs"),pe=require("../props/panel-time-range.cjs"),fe=require("../composables/use-time-panel.cjs"),I=require("../composables/use-time-picker.cjs"),K=require("./basic-time-spinner.vue2.cjs"),ve=["disabled"],be=e.defineComponent({__name:"panel-time-range",props:pe.panelTimeRangeProps,emits:["pick","select-range","set-picker-option"],setup(B,{emit:j}){const i=B,c=j,f=(n,t)=>{const a=[];for(let s=n;s<=t;s++)a.push(s);return a},b=e.ref("zh-cn"),o=H.useNamespace("time"),$=H.useNamespace("picker"),U=e.inject(me.PICKER_BASE_INJECTION_KEY),{arrowControl:h,disabledHours:q,disabledMinutes:w,disabledSeconds:R,defaultValue:k}=U.props,G=e.computed(()=>[o.be("range-picker","body"),o.be("panel","content"),o.is("arrow",h),p.value?"has-seconds":""]),J=e.computed(()=>[o.be("range-picker","body"),o.be("panel","content"),o.is("arrow",h),p.value?"has-seconds":""]),d=e.computed(()=>i.parsedValue[0]),m=e.computed(()=>i.parsedValue[1]),Y=I.useOldValue(i),F=()=>{c("pick",Y.value,!1)},p=e.computed(()=>i.format.includes("ss")),A=e.computed(()=>i.format.includes("A")?"A":i.format.includes("a")?"a":""),L=(n=!1)=>{c("pick",[d.value,m.value],n)},Q=n=>{x(n.millisecond(0),m.value)},W=n=>{x(d.value,n.millisecond(0))},X=n=>{const t=n.map(s=>g(s).locale(b.value)),a=M(t);return t[0].isSame(a[0])&&t[1].isSame(a[1])},x=(n,t)=>{i.visible&&c("pick",[n,t],!0)},Z=e.computed(()=>d.value>m.value),S=e.ref([0,2]),ee=(n,t)=>{c("select-range",n,t,"min"),S.value=[n,t]},z=e.computed(()=>p.value?11:8),ne=(n,t)=>{c("select-range",n,t,"max");const a=e.unref(z);S.value=[n+a,t+a]},te=n=>{const t=p.value?[0,3,6,11,14,17]:[0,3,8,11],a=["hours","minutes"].concat(p.value?["seconds"]:[]),r=(t.indexOf(S.value[0])+n+t.length)%t.length,l=t.length/2;r<l?D.start_emitSelectRange(a[r]):D.end_emitSelectRange(a[r-l])},ae=n=>{const t=n.code,{left:a,right:s,up:r,down:l}=de.EVENT_CODE;if([a,s].includes(t)){te(t===a?-1:1),n.preventDefault();return}if([r,l].includes(t)){const u=t===r?-1:1,v=S.value[0]<z.value?"start":"end";D[`${v}_scrollDown`](u),n.preventDefault();return}},C=(n,t)=>{const a=q?q(n):[],s=n==="start",l=(t||(s?m.value:d.value)).hour(),u=s?f(l+1,23):f(0,l-1);return N.union(a,u)},V=(n,t,a)=>{const s=w?w(n,t):[],r=t==="start",l=a||(r?m.value:d.value),u=l.hour();if(n!==u)return s;const v=l.minute(),E=r?f(v+1,59):f(0,v-1);return N.union(s,E)},_=(n,t,a,s)=>{const r=R?R(n,t,a):[],l=a==="start",u=s||(l?m.value:d.value),v=u.hour(),E=u.minute();if(n!==v||t!==E)return r;const y=u.second(),ue=l?f(y+1,59):f(0,y-1);return N.union(r,ue)},M=([n,t])=>[O(n,"start",!0,t),O(t,"end",!1,n)],{getAvailableHours:se,getAvailableMinutes:oe,getAvailableSeconds:re}=I.buildAvailableTimeSlotGetter(C,V,_),{timePickerOptions:D,getAvailableTime:O,onSetOption:P}=fe.useTimePanel({getAvailableHours:se,getAvailableMinutes:oe,getAvailableSeconds:re}),le=n=>n?T.isArray(n)?n.map(t=>g(t,i.format).locale(b.value)):g(n,i.format).locale(b.value):null,ie=n=>n?T.isArray(n)?n.map(t=>t.format(i.format)):n.format(i.format):null,ce=()=>{if(T.isArray(k))return k.map(t=>g(t).locale(b.value));const n=g(k).locale(b.value);return[n,n.add(60,"m")]};return c("set-picker-option",["formatToString",ie]),c("set-picker-option",["parseUserInput",le]),c("set-picker-option",["isValidValue",X]),c("set-picker-option",["handleKeydownInput",ae]),c("set-picker-option",["getDefaultValue",ce]),c("set-picker-option",["getRangeAvailableTime",M]),(n,t)=>n.actualVisible?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(o).b("range-picker"),e.unref($).b("panel")])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("range-picker","content"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("range-picker","cell"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("range-picker","header"))},"开始时间",2),e.createElementVNode("div",{class:e.normalizeClass(G.value)},[e.createVNode(K.default,{ref:"minSpinner",role:"start","show-seconds":p.value,"am-pm-mode":A.value,"arrow-control":e.unref(h),"spinner-date":d.value,"disabled-hours":C,"disabled-minutes":V,"disabled-seconds":_,onChange:Q,onSetOption:e.unref(P),onSelectRange:ee},null,8,["show-seconds","am-pm-mode","arrow-control","spinner-date","onSetOption"])],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("range-picker","cell"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("range-picker","header"))},"结束时间",2),e.createElementVNode("div",{class:e.normalizeClass(J.value)},[e.createVNode(K.default,{ref:"maxSpinner",role:"end","show-seconds":p.value,"am-pm-mode":A.value,"arrow-control":e.unref(h),"spinner-date":m.value,"disabled-hours":C,"disabled-minutes":V,"disabled-seconds":_,onChange:W,onSetOption:e.unref(P),onSelectRange:ne},null,8,["show-seconds","am-pm-mode","arrow-control","spinner-date","onSetOption"])],2)],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("panel","footer"))},[e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(o).be("panel","btn"),"cancel"]),onClick:t[0]||(t[0]=a=>F())}," 取消 ",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(o).be("panel","btn"),"confirm"]),disabled:Z.value,onClick:t[1]||(t[1]=a=>L())}," 确认 ",10,ve)],2)],2)):e.createCommentVNode("",!0)}});exports.default=be;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),i=require("dayjs"),p=require("dayjs/plugin/customParseFormat.js"),c=require("./common/picker.vue2.cjs"),d=require("./common/props.cjs"),_=require("./constants.cjs"),m=require("./time-picker-com/panel-time-pick.vue2.cjs"),f=require("./time-picker-com/panel-time-range.vue2.cjs");i.extend(p);const v=t.defineComponent({name:"VftTimePicker",install:null,props:{...d.timePickerDefaultProps,isRange:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(r,n){const u=t.ref(),[a,o]=r.isRange?["timerange",f.default]:["time",m.default],l=e=>n.emit("update:modelValue",e);return t.provide("VftPopperOptions",r.popperOptions),n.expose({focus:e=>{u.value?.handleFocusInput(e)},blur:e=>{u.value?.handleBlurInput(e)},handleOpen:()=>{u.value?.handleOpen()},handleClose:()=>{u.value?.handleClose()}}),()=>{const e=r.format??_.DEFAULT_FORMATS_TIME;return t.createVNode(c.default,t.mergeProps(r,{ref:u,type:a,format:e,"onUpdate:modelValue":l}),{default:s=>t.createVNode(o,s,null)})}}});exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("dayjs"),p=require("dayjs/plugin/customParseFormat.js"),o=require("../../constants/event.cjs"),a=require("./constants.cjs"),d=require("./common/picker.vue2.cjs"),m=require("./time-picker-com/panel-time-pick.vue2.cjs"),P=require("./time-picker-com/panel-time-range.vue2.cjs"),f=require("./common/props.cjs");c.extend(p);const v=e.defineComponent({name:"VftTimePicker",install:null,props:{...f.timePickerDefaultProps,isRange:Boolean},emits:[o.UPDATE_MODEL_EVENT],setup(r,u){const t=e.ref(),[s,l]=r.isRange?["timerange",P.default]:["time",m.default],i=n=>u.emit(o.UPDATE_MODEL_EVENT,n);return e.provide(a.PICKER_POPPER_OPTIONS_INJECTION_KEY,r.popperOptions),u.expose({focus:()=>{t.value?.focus()},blur:()=>{t.value?.blur()},handleOpen:()=>{t.value?.handleOpen()},handleClose:()=>{t.value?.handleClose()}}),()=>{const n=r.format??a.DEFAULT_FORMATS_TIME;return e.createVNode(d.default,e.mergeProps(r,{ref:t,type:s,format:n,"onUpdate:modelValue":i}),{default:_=>e.createVNode(l,_,null)})}}});exports.default=v;

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

@@ -2,10 +2,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     /**
      * @description whether to pick a time range
      */
-    isRange: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    isRange: BooleanConstructor;
     disabledDate: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;
@@ -19,25 +16,31 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         __epPropKey: true;
     };
     shortcuts: import("vft/es/utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
-    arrowControl: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    label: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    arrowControl: BooleanConstructor;
     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>;
     validateEvent: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     unlinkPanels: BooleanConstructor;
+    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>;
+    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>;
+    emptyValues: ArrayConstructor;
+    valueOnClear: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
+    ariaLabel: StringConstructor;
+    showNow: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    showWeekNumber: BooleanConstructor;
     disabledHours: {
-        readonly type: import("vue").PropType<import("./props/shared").GetDisabledHours>;
+        readonly type: import("vue").PropType<import("./common/props").GetDisabledHours>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabledMinutes: {
-        readonly type: import("vue").PropType<import("./props/shared").GetDisabledMinutes>;
+        readonly type: import("vue").PropType<import("./common/props").GetDisabledMinutes>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabledSeconds: {
-        readonly type: import("vue").PropType<import("./props/shared").GetDisabledSeconds>;
+        readonly type: import("vue").PropType<import("./common/props").GetDisabledSeconds>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -48,10 +51,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    name: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>) | (((new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>)) | null)[], unknown, unknown, "", boolean>;
+    name: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>) | (((new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     popperClass: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     format: StringConstructor;
     valueFormat: StringConstructor;
+    dateFormat: StringConstructor;
+    timeFormat: StringConstructor;
     type: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     clearable: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     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>;
@@ -63,11 +73,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    disabled: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
     placeholder: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     popperOptions: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | (((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-    modelValue: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType) | (((new (...args: any[]) => string | number | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType)) | null)[], unknown, unknown, "", boolean>;
+    modelValue: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType)) | null)[], unknown, unknown, "", boolean>;
     rangeSeparator: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
     startPlaceholder: StringConstructor;
     endPlaceholder: StringConstructor;
@@ -87,10 +97,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     /**
      * @description whether to pick a time range
      */
-    isRange: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    isRange: BooleanConstructor;
     disabledDate: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;
@@ -104,25 +111,31 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         __epPropKey: true;
     };
     shortcuts: import("vft/es/utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
-    arrowControl: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    label: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    arrowControl: BooleanConstructor;
     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>;
     validateEvent: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     unlinkPanels: BooleanConstructor;
+    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>;
+    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>;
+    emptyValues: ArrayConstructor;
+    valueOnClear: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
+    ariaLabel: StringConstructor;
+    showNow: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    showWeekNumber: BooleanConstructor;
     disabledHours: {
-        readonly type: import("vue").PropType<import("./props/shared").GetDisabledHours>;
+        readonly type: import("vue").PropType<import("./common/props").GetDisabledHours>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabledMinutes: {
-        readonly type: import("vue").PropType<import("./props/shared").GetDisabledMinutes>;
+        readonly type: import("vue").PropType<import("./common/props").GetDisabledMinutes>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabledSeconds: {
-        readonly type: import("vue").PropType<import("./props/shared").GetDisabledSeconds>;
+        readonly type: import("vue").PropType<import("./common/props").GetDisabledSeconds>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -133,10 +146,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    name: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>) | (((new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>)) | null)[], unknown, unknown, "", boolean>;
+    name: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>) | (((new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     popperClass: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     format: StringConstructor;
     valueFormat: StringConstructor;
+    dateFormat: StringConstructor;
+    timeFormat: StringConstructor;
     type: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     clearable: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     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>;
@@ -148,11 +168,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    disabled: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
     placeholder: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     popperOptions: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | (((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-    modelValue: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType) | (((new (...args: any[]) => string | number | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType)) | null)[], unknown, unknown, "", boolean>;
+    modelValue: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType)) | null)[], unknown, unknown, "", boolean>;
     rangeSeparator: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
     startPlaceholder: StringConstructor;
     endPlaceholder: StringConstructor;
@@ -171,25 +191,28 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    label: string;
-    name: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>) | (((new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>)) | null)[], unknown, unknown>;
     type: string;
-    disabled: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType) | (((new (...args: any[]) => string | number | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType)) | null)[], unknown, unknown>;
-    readonly: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    placeholder: string;
-    clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    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>;
-    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>;
+    disabled: boolean;
+    modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType)) | null)[], unknown, unknown>;
+    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>;
     tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
+    readonly: boolean;
+    placeholder: string;
     validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    fallbackPlacements: import("@popperjs/core").Placement[];
     popperOptions: Partial<import("@popperjs/core").Options>;
     popperClass: string;
+    clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    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>;
+    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>;
+    valueOnClear: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown>;
     editable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     rangeSeparator: string;
-    isRange: boolean;
     shortcuts: unknown[];
-    arrowControl: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    showNow: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    arrowControl: boolean;
     unlinkPanels: boolean;
+    showWeekNumber: boolean;
+    isRange: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/time-picker/utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@vft/utils"),a=require("dayjs"),c=require("lodash-es"),l=(r,t)=>[r>0?r-1:void 0,r,r<t?r+1:void 0],m=r=>Array.from(Array.from({length:r}).keys()),f=r=>r.replace(/\W?m{1,2}|\W?ZZ/g,"").replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi,"").trim(),d=r=>r.replace(/\W?D{1,2}|\W?Do|\W?d{1,4}|\W?M{1,4}|\W?Y{2,4}/g,"").trim(),o=function(r,t){const e=c.isDate(r),s=c.isDate(t);return e&&s?r.getTime()===t.getTime():!e&&!s?r===t:!1},y=function(r,t){const e=i.isArray(r),s=i.isArray(t);return e&&s?r.length!==t.length?!1:r.every((n,u)=>o(n,t[u])):!e&&!s?o(r,t):!1},g=function(r,t,e){const s=i.isEmpty(t)||t==="x"?a(r).locale(e):a(r,t).locale(e);return s.isValid()?s:void 0},D=function(r,t,e){return i.isEmpty(t)?r:t==="x"?+r:a(r).locale(e).format(t)},W=(r,t)=>{const e=[],s=t?.();for(let n=0;n<r;n++)e.push(s?.includes(n)??!1);return e};exports.buildTimeList=l;exports.dateEquals=o;exports.extractDateFormat=f;exports.extractTimeFormat=d;exports.formatter=D;exports.makeList=W;exports.parseDate=g;exports.rangeArr=m;exports.valueEquals=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("dayjs"),a=require("@vft/utils"),c=require("@vue/shared"),l=(r,t)=>[r>0?r-1:void 0,r,r<t?r+1:void 0],m=r=>Array.from(Array.from({length:r}).keys()),f=r=>r.replace(/\W?m{1,2}|\W?ZZ/g,"").replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi,"").trim(),y=r=>r.replace(/\W?D{1,2}|\W?Do|\W?d{1,4}|\W?M{1,4}|\W?Y{2,4}/g,"").trim(),o=function(r,t){const e=c.isDate(r),s=c.isDate(t);return e&&s?r.getTime()===t.getTime():!e&&!s?r===t:!1},d=function(r,t){const e=a.isArray(r),s=a.isArray(t);return e&&s?r.length!==t.length?!1:r.every((n,u)=>o(n,t[u])):!e&&!s?o(r,t):!1},D=function(r,t,e){const s=a.isEmpty(t)||t==="x"?i(r).locale(e):i(r,t).locale(e);return s.isValid()?s:void 0},g=function(r,t,e){return a.isEmpty(t)?r:t==="x"?+r:i(r).locale(e).format(t)},p=(r,t)=>{const e=[],s=t?.();for(let n=0;n<r;n++)e.push(s?.includes(n)??!1);return e},A=r=>a.isArray(r)?r.map(t=>t.toDate()):r.toDate();exports.buildTimeList=l;exports.dateEquals=o;exports.dayOrDaysToDate=A;exports.extractDateFormat=f;exports.extractTimeFormat=y;exports.formatter=g;exports.makeList=p;exports.parseDate=D;exports.rangeArr=m;exports.valueEquals=d;

package/lib/components/time-picker/utils.d.ts

@@ -1,4 +1,6 @@
+import dayjs from 'dayjs';
 import type { Dayjs } from 'dayjs';
+import type { DateOrDates, DayOrDays } from './common/props';
 export type TimeList = [number | undefined, number, undefined | number];
 export declare const buildTimeList: (value: number, bound: number) => TimeList;
 export declare const rangeArr: (n: number) => number[];
@@ -6,6 +8,7 @@ export declare const extractDateFormat: (format: string) => string;
 export declare const extractTimeFormat: (format: string) => string;
 export declare const dateEquals: (a: Date | unknown, b: Date | unknown) => boolean;
 export declare const valueEquals: (a: Array<Date> | unknown, b: Array<Date> | unknown) => boolean;
-export declare const parseDate: (date: string | number | Date, format: string | undefined, lang: string) => Dayjs | undefined;
-export declare const formatter: (date: string | number | Date | Dayjs, format: string | undefined, lang: string) => string | number | Date | Dayjs;
+export declare const parseDate: (date: string | number | Date, format: string | undefined, lang: string) => dayjs.Dayjs | undefined;
+export declare const formatter: (date: string | number | Date | Dayjs, format: string | undefined, lang: string) => string | number | Date | dayjs.Dayjs;
 export declare const makeList: (total: number, method?: () => number[]) => boolean[];
+export declare const dayOrDaysToDate: (dayOrDays: DayOrDays) => DateOrDates;

package/lib/components/time-select/time-select.vue.d.ts

@@ -80,8 +80,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly end: string;
     readonly disabled: boolean;
     readonly effect: string;
-    readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly format: string;
+    readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly editable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly step: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -14,7 +14,7 @@ export declare const VftTimeline: import("vft/es/utils").SFCWithInstall<import("
                 type: import("vue").PropType<"bottom" | "top">;
             };
             type: {
-                type: import("vue").PropType<"success" | "primary" | "warning" | "info" | "danger">;
+                type: import("vue").PropType<"success" | "warning" | "info" | "primary" | "danger">;
             };
             color: {
                 type: import("vue").PropType<string>;
@@ -49,7 +49,7 @@ export declare const VftTimeline: import("vft/es/utils").SFCWithInstall<import("
                 type: import("vue").PropType<"bottom" | "top">;
             };
             type: {
-                type: import("vue").PropType<"success" | "primary" | "warning" | "info" | "danger">;
+                type: import("vue").PropType<"success" | "warning" | "info" | "primary" | "danger">;
             };
             color: {
                 type: import("vue").PropType<string>;
@@ -81,7 +81,7 @@ export declare const VftTimeline: import("vft/es/utils").SFCWithInstall<import("
             type: import("vue").PropType<"bottom" | "top">;
         };
         type: {
-            type: import("vue").PropType<"success" | "primary" | "warning" | "info" | "danger">;
+            type: import("vue").PropType<"success" | "warning" | "info" | "primary" | "danger">;
         };
         color: {
             type: import("vue").PropType<string>;
@@ -117,7 +117,7 @@ export declare const VftTimelineItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<"bottom" | "top">;
         };
         type: {
-            type: import("vue").PropType<"success" | "primary" | "warning" | "info" | "danger">;
+            type: import("vue").PropType<"success" | "warning" | "info" | "primary" | "danger">;
         };
         color: {
             type: import("vue").PropType<string>;
@@ -152,7 +152,7 @@ export declare const VftTimelineItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<"bottom" | "top">;
         };
         type: {
-            type: import("vue").PropType<"success" | "primary" | "warning" | "info" | "danger">;
+            type: import("vue").PropType<"success" | "warning" | "info" | "primary" | "danger">;
         };
         color: {
             type: import("vue").PropType<string>;
@@ -184,7 +184,7 @@ export declare const VftTimelineItem: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<"bottom" | "top">;
     };
     type: {
-        type: import("vue").PropType<"success" | "primary" | "warning" | "info" | "danger">;
+        type: import("vue").PropType<"success" | "warning" | "info" | "primary" | "danger">;
     };
     color: {
         type: import("vue").PropType<string>;

package/lib/components/tooltip/content.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../focus-trap/focus-trap.vue2.cjs");const V=require("../focus-trap/utils.cjs"),j=require("@vueuse/core");require("@vft/utils");const g=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const D=require("../../hooks/use-popper-container/index.cjs");require("../../hooks/use-z-index/index.cjs");require("../popper/index.cjs");const F=require("../teleport/index.cjs"),U=require("./constants.cjs"),W=require("../popper/content.vue2.cjs"),J=e.defineComponent({name:"VftTooltipContent",inheritAttrs:!1}),K=e.defineComponent({...J,props:{boundariesPadding:{default:0},fallbackPlacements:{},gpuAcceleration:{type:Boolean,default:!0},offset:{default:12},placement:{default:"bottom"},popperOptions:{default:()=>({})},strategy:{default:"absolute"},style:{type:[Boolean,null,String,Object,Array]},className:{},effect:{default:"dark"},enterable:{type:Boolean,default:!0},pure:{type:Boolean},focusOnShow:{type:Boolean,default:!1},trapping:{type:Boolean,default:!1},popperClass:{},popperStyle:{type:[Boolean,null,String,Object,Array]},referenceEl:{},triggerTargetEl:{},stopPopperMouseEvent:{type:Boolean,default:!0},virtualTriggering:{type:Boolean},zIndex:{},showAfter:{default:0},hideAfter:{default:200},appendTo:{},content:{default:""},rawContent:{type:Boolean,default:!1},persistent:{type:Boolean},ariaLabel:{},visible:{type:Boolean,default:null},transition:{},teleported:{type:Boolean,default:!0},disabled:{type:Boolean},arrowOffset:{default:5}},setup(n,{expose:m}){const{selector:y}=D.usePopperContainerId(),b=z.useNamespace("tooltip"),o=e.ref(null),h=e.computed(()=>o.value?.popperContentRef);let l;const{controlled:p,id:C,open:u,trigger:s,onClose:r,onOpen:B,onShow:T,onHide:E,onBeforeShow:w,onBeforeHide:q}=e.inject(U.TOOLTIP_INJECTION_KEY,void 0),S=e.computed(()=>n.transition??`${b.namespace.value}-fade-in-linear`);e.onBeforeUnmount(()=>{l?.()});const f=e.computed(()=>process.env.NODE_ENV==="test"&&!process.env.RUN_TEST_WITH_PERSISTENT?!0:n.persistent),O=e.computed(()=>e.unref(f)?!0:e.unref(u)),d=e.computed(()=>n.disabled?!1:e.unref(u)),k=e.computed(()=>n.appendTo||y.value),P=e.computed(()=>n.style??{}),a=e.ref(!0),A=()=>{E(),v()&&V.tryFocus(document.body),a.value=!0},c=()=>{if(e.unref(p))return!0},N=g.composeEventHandlers(c,()=>{n.enterable&&e.unref(s)==="hover"&&B()}),I=g.composeEventHandlers(c,()=>{e.unref(s)==="hover"&&r()}),R=()=>{o.value?.updatePopper?.(),w?.()},H=()=>{q?.()},L=()=>{T()},M=()=>{n.virtualTriggering||r()},v=t=>{const i=o.value?.popperContentRef,$=t?.relatedTarget||document.activeElement;return i?.contains($)};return e.watch(()=>e.unref(u),t=>{t?(a.value=!1,l=j.onClickOutside(h,()=>{if(e.unref(p))return;e.unref(s)!=="hover"&&r()})):l?.()},{flush:"post"}),e.watch(()=>n.content,()=>{o.value?.updatePopper?.()}),m({contentRef:o,isFocusInsideContent:v}),(t,i)=>(e.openBlock(),e.createBlock(e.unref(F.VftTeleport),{disabled:!t.teleported,to:k.value},{default:e.withCtx(()=>[O.value||!a.value?(e.openBlock(),e.createBlock(e.Transition,{key:0,name:S.value,appear:!f.value,onAfterLeave:A,onBeforeEnter:R,onAfterEnter:L,onBeforeLeave:H},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(W.default),e.mergeProps({id:e.unref(C),ref_key:"contentRef",ref:o},t.$attrs,{"aria-label":t.ariaLabel,"aria-hidden":a.value,"boundaries-padding":t.boundariesPadding,"fallback-placements":t.fallbackPlacements,"gpu-acceleration":t.gpuAcceleration,offset:t.offset,placement:t.placement,"popper-options":t.popperOptions,"arrow-offset":t.arrowOffset,strategy:t.strategy,effect:t.effect,enterable:t.enterable,pure:t.pure,"popper-class":t.popperClass,"popper-style":[t.popperStyle,P.value],"reference-el":t.referenceEl,"trigger-target-el":t.triggerTargetEl,visible:d.value,"z-index":t.zIndex,onMouseenter:e.unref(N),onMouseleave:e.unref(I),onBlur:M,onClose:e.unref(r)}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["id","aria-label","aria-hidden","boundaries-padding","fallback-placements","gpu-acceleration","offset","placement","popper-options","arrow-offset","strategy","effect","enterable","pure","popper-class","popper-style","reference-el","trigger-target-el","visible","z-index","onMouseenter","onMouseleave","onClose"]),[[e.vShow,d.value]])]),_:3},8,["name","appear"])):e.createCommentVNode("",!0)]),_:3},8,["disabled","to"]))}});exports.default=K;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../focus-trap/focus-trap.vue2.cjs");const V=require("../focus-trap/utils.cjs"),j=require("@vueuse/core");require("@vft/utils");const v=require("../../utils/event.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const D=require("../../hooks/use-popper-container/index.cjs");require("../../hooks/use-z-index/index.cjs");require("../popper/index.cjs");const F=require("../teleport/index.cjs"),U=require("./constants.cjs"),W=require("../popper/content.vue2.cjs"),J=e.defineComponent({name:"VftTooltipContent",inheritAttrs:!1}),K=e.defineComponent({...J,props:{boundariesPadding:{default:0},fallbackPlacements:{},gpuAcceleration:{type:Boolean,default:!0},offset:{default:12},placement:{default:"bottom"},popperOptions:{default:()=>({})},strategy:{default:"absolute"},style:{type:[Boolean,null,String,Object,Array]},className:{},effect:{default:"dark"},enterable:{type:Boolean,default:!0},pure:{type:Boolean},focusOnShow:{type:Boolean,default:!1},trapping:{type:Boolean,default:!1},popperClass:{},popperStyle:{type:[Boolean,null,String,Object,Array]},referenceEl:{},triggerTargetEl:{},stopPopperMouseEvent:{type:Boolean,default:!0},virtualTriggering:{type:Boolean},zIndex:{},showAfter:{default:0},hideAfter:{default:200},appendTo:{},content:{default:""},rawContent:{type:Boolean,default:!1},persistent:{type:Boolean},ariaLabel:{},visible:{type:Boolean,default:null},transition:{},teleported:{type:Boolean,default:!0},disabled:{type:Boolean},arrowOffset:{default:5}},setup(n,{expose:g}){const{selector:m}=D.usePopperContainerId(),y=z.useNamespace("tooltip"),o=e.ref(null),b=e.computed(()=>o.value?.popperContentRef);let a;const{controlled:p,id:h,open:l,trigger:u,onClose:r,onOpen:C,onShow:B,onHide:T,onBeforeShow:E,onBeforeHide:w}=e.inject(U.TOOLTIP_INJECTION_KEY,void 0),q=e.computed(()=>n.transition||`${y.namespace.value}-fade-in-linear`),S=e.computed(()=>process.env.NODE_ENV==="test"&&!process.env.RUN_TEST_WITH_PERSISTENT?!0:n.persistent);e.onBeforeUnmount(()=>{a?.()});const O=e.computed(()=>e.unref(S)?!0:e.unref(l)),f=e.computed(()=>n.disabled?!1:e.unref(l)),k=e.computed(()=>n.appendTo||m.value),P=e.computed(()=>n.style??{}),s=e.ref(!0),A=()=>{T(),c()&&V.tryFocus(document.body),s.value=!0},d=()=>{if(e.unref(p))return!0},N=v.composeEventHandlers(d,()=>{n.enterable&&e.unref(u)==="hover"&&C()}),I=v.composeEventHandlers(d,()=>{e.unref(u)==="hover"&&r()}),R=()=>{o.value?.updatePopper?.(),E?.()},H=()=>{w?.()},L=()=>{B()},M=()=>{n.virtualTriggering||r()},c=t=>{const i=o.value?.popperContentRef,$=t?.relatedTarget||document.activeElement;return i?.contains($)};return e.watch(()=>e.unref(l),t=>{t?(s.value=!1,a=j.onClickOutside(b,()=>{if(e.unref(p))return;e.unref(u)!=="hover"&&r()})):a?.()},{flush:"post"}),e.watch(()=>n.content,()=>{o.value?.updatePopper?.()}),g({contentRef:o,isFocusInsideContent:c}),(t,i)=>(e.openBlock(),e.createBlock(e.unref(F.VftTeleport),{disabled:!t.teleported,to:k.value},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:q.value,onAfterLeave:A,onBeforeEnter:R,onAfterEnter:L,onBeforeLeave:H},{default:e.withCtx(()=>[O.value?e.withDirectives((e.openBlock(),e.createBlock(e.unref(W.default),e.mergeProps({key:0,id:e.unref(h),ref_key:"contentRef",ref:o},t.$attrs,{"aria-label":t.ariaLabel,"aria-hidden":s.value,"boundaries-padding":t.boundariesPadding,"fallback-placements":t.fallbackPlacements,"gpu-acceleration":t.gpuAcceleration,offset:t.offset,placement:t.placement,"popper-options":t.popperOptions,"arrow-offset":t.arrowOffset,strategy:t.strategy,effect:t.effect,enterable:t.enterable,pure:t.pure,"popper-class":t.popperClass,"popper-style":[t.popperStyle,P.value],"reference-el":t.referenceEl,"trigger-target-el":t.triggerTargetEl,visible:f.value,"z-index":t.zIndex,onMouseenter:e.unref(N),onMouseleave:e.unref(I),onBlur:M,onClose:e.unref(r)}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["id","aria-label","aria-hidden","boundaries-padding","fallback-placements","gpu-acceleration","offset","placement","popper-options","arrow-offset","strategy","effect","enterable","pure","popper-class","popper-style","reference-el","trigger-target-el","visible","z-index","onMouseenter","onMouseleave","onClose"])),[[e.vShow,f.value]]):e.createCommentVNode("",!0)]),_:3},8,["name"])]),_:3},8,["disabled","to"]))}});exports.default=K;

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

@@ -152,7 +152,7 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<{
     }>, {
         popperRef: import("vue").Ref<any, any>;
         contentRef: import("vue").Ref<any, any>;
-        isFocusInsideContent: () => boolean | undefined;
+        isFocusInsideContent: (event?: FocusEvent) => any;
         updatePopper: () => void;
         onOpen: (event?: Event) => void;
         onClose: (event?: Event) => void;
@@ -323,7 +323,7 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<{
     }>, {
         popperRef: import("vue").Ref<any, any>;
         contentRef: import("vue").Ref<any, any>;
-        isFocusInsideContent: () => boolean | undefined;
+        isFocusInsideContent: (event?: FocusEvent) => any;
         updatePopper: () => void;
         onOpen: (event?: Event) => void;
         onClose: (event?: Event) => void;
@@ -484,7 +484,7 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<{
 }>, {
     popperRef: import("vue").Ref<any, any>;
     contentRef: import("vue").Ref<any, any>;
-    isFocusInsideContent: () => boolean | undefined;
+    isFocusInsideContent: (event?: FocusEvent) => any;
     updatePopper: () => void;
     onOpen: (event?: Event) => void;
     onClose: (event?: Event) => void;

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

@@ -15,7 +15,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     /**
      * @description validate current focus event is trigger inside el-tooltip-content
      */
-    isFocusInsideContent: () => boolean | undefined;
+    isFocusInsideContent: (event?: FocusEvent) => any;
     /**
      * @description update el-popper component instance
      */