vft 0.0.149 → 0.0.151

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

@@ -68,7 +68,15 @@ declare const _TimePicker: import("vue").DefineComponent<{
     readonly: import("../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     disabled: import("../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     placeholder: import("../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    popperOptions: import("../../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>))[], unknown, unknown, () => {}, boolean>;
+    popperOptions: import("../../utils").EpPropFinalized<(new (...args: any[]) => any) | (() => Options) | {
+        (): Options;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => any) | (() => Options) | {
+        (): Options;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => {}, boolean>;
     modelValue: import("../../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))[], unknown, unknown, "", boolean>;
     rangeSeparator: import("../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
     startPlaceholder: StringConstructor;
@@ -85,7 +93,7 @@ declare const _TimePicker: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     isRange: {
         type: BooleanConstructor;
         default: boolean;
@@ -150,7 +158,15 @@ declare const _TimePicker: import("vue").DefineComponent<{
     readonly: import("../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     disabled: import("../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     placeholder: import("../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    popperOptions: import("../../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>))[], unknown, unknown, () => {}, boolean>;
+    popperOptions: import("../../utils").EpPropFinalized<(new (...args: any[]) => any) | (() => Options) | {
+        (): Options;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => any) | (() => Options) | {
+        (): Options;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => {}, boolean>;
     modelValue: import("../../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))[], unknown, unknown, "", boolean>;
     rangeSeparator: import("../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
     startPlaceholder: StringConstructor;
@@ -176,13 +192,13 @@ declare const _TimePicker: import("vue").DefineComponent<{
     modelValue: import("../../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))[], unknown, unknown>;
     readonly: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     disabled: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    tabindex: import("../../utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     placeholder: string;
     clearable: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     prefixIcon: import("../../utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
     clearIcon: import("../../utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
-    tabindex: import("../../utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     validateEvent: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    popperOptions: Partial<import("@popperjs/core").Options>;
+    popperOptions: any;
     popperClass: string;
     editable: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     rangeSeparator: string;
@@ -258,7 +274,15 @@ export declare const VftTimePicker: import("vue").DefineComponent<{
     readonly: import("../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     disabled: import("../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     placeholder: import("../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    popperOptions: import("../../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>))[], unknown, unknown, () => {}, boolean>;
+    popperOptions: import("../../utils").EpPropFinalized<(new (...args: any[]) => any) | (() => Options) | {
+        (): Options;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => any) | (() => Options) | {
+        (): Options;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => {}, boolean>;
     modelValue: import("../../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))[], unknown, unknown, "", boolean>;
     rangeSeparator: import("../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
     startPlaceholder: StringConstructor;
@@ -275,7 +299,7 @@ export declare const VftTimePicker: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     isRange: {
         type: BooleanConstructor;
         default: boolean;
@@ -340,7 +364,15 @@ export declare const VftTimePicker: import("vue").DefineComponent<{
     readonly: import("../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     disabled: import("../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     placeholder: import("../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    popperOptions: import("../../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>))[], unknown, unknown, () => {}, boolean>;
+    popperOptions: import("../../utils").EpPropFinalized<(new (...args: any[]) => any) | (() => Options) | {
+        (): Options;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => any) | (() => Options) | {
+        (): Options;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => {}, boolean>;
     modelValue: import("../../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))[], unknown, unknown, "", boolean>;
     rangeSeparator: import("../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
     startPlaceholder: StringConstructor;
@@ -366,13 +398,13 @@ export declare const VftTimePicker: import("vue").DefineComponent<{
     modelValue: import("../../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))[], unknown, unknown>;
     readonly: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     disabled: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    tabindex: import("../../utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     placeholder: string;
     clearable: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     prefixIcon: import("../../utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
     clearIcon: import("../../utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
-    tabindex: import("../../utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     validateEvent: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    popperOptions: Partial<import("@popperjs/core").Options>;
+    popperOptions: any;
     popperClass: string;
     editable: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     rangeSeparator: string;

package/lib/components/time-picker/time-picker-com/basic-time-spinner.vue.d.ts

@@ -1,82 +1,82 @@
 declare const _default: import("vue").DefineComponent<{
-    disabledHours: {
+    readonly disabledHours: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledHours>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabledMinutes: {
+    readonly disabledMinutes: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledMinutes>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabledSeconds: {
+    readonly disabledSeconds: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledSeconds>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    role: {
+    readonly role: {
         readonly type: globalThis.PropType<string>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    spinnerDate: {
+    readonly spinnerDate: {
         readonly type: globalThis.PropType<import("dayjs").Dayjs>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    showSeconds: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    arrowControl: BooleanConstructor;
-    amPmMode: import("../../../utils").EpPropFinalized<(new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A") | ((new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A"))[], unknown, unknown, "", boolean>;
+    readonly showSeconds: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly arrowControl: BooleanConstructor;
+    readonly amPmMode: import("../../../utils").EpPropFinalized<(new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A") | ((new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A"))[], unknown, unknown, "", boolean>;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     "select-range": (...args: any[]) => void;
     "set-option": (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    disabledHours: {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    readonly disabledHours: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledHours>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabledMinutes: {
+    readonly disabledMinutes: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledMinutes>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabledSeconds: {
+    readonly disabledSeconds: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledSeconds>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    role: {
+    readonly role: {
         readonly type: globalThis.PropType<string>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    spinnerDate: {
+    readonly spinnerDate: {
         readonly type: globalThis.PropType<import("dayjs").Dayjs>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    showSeconds: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    arrowControl: BooleanConstructor;
-    amPmMode: import("../../../utils").EpPropFinalized<(new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A") | ((new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A"))[], unknown, unknown, "", boolean>;
+    readonly showSeconds: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly arrowControl: BooleanConstructor;
+    readonly amPmMode: import("../../../utils").EpPropFinalized<(new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A") | ((new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A"))[], unknown, unknown, "", boolean>;
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onSelect-range"?: ((...args: any[]) => any) | undefined;
     "onSet-option"?: ((...args: any[]) => any) | undefined;
 }, {
-    arrowControl: boolean;
-    showSeconds: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    amPmMode: import("../../../utils").EpPropMergeType<(new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A") | ((new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A"))[], unknown, unknown>;
+    readonly arrowControl: boolean;
+    readonly showSeconds: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly amPmMode: import("../../../utils").EpPropMergeType<(new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A") | ((new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A"))[], unknown, unknown>;
 }, {}>;
 export default _default;

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"),K=require("../../scrollbar/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");const Q=require("lodash"),W=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const X=require("../composables/use-time-picker.cjs"),L=require("../constants.cjs"),Y=require("../props/basic-time-spinner.cjs"),C=require("../utils.cjs"),Z=["onClick"],ee=["onMouseenter"],ne=e.defineComponent({__name:"basic-time-spinner",props:Y.basicTimeSpinnerProps,emits:["change","select-range","set-option"],setup(V,{emit:f}){const c=V,l=W.useNamespace("time"),{getHoursList:_,getMinutesList:F,getSecondsList:N}=X.getTimeLists(c.disabledHours,c.disabledMinutes,c.disabledSeconds);let b=!1;const p=e.ref(),x=e.ref(),P=e.ref(),R=e.ref(),u={hours:x,minutes:P,seconds:R},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:_(c.role),minutes:F(n,c.role),seconds:N(n,r,c.role)}}),z=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)}}),H=Q.debounce(n=>{b=!1,d(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},d=n=>{w(n,e.unref(i)[n])},T=()=>{d("hours"),d("minutes"),d("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=>{const r=e.unref(u[n]);return(r==null?void 0:r.$el.querySelector("li").offsetHeight)||0},I=()=>{S(1)},j=()=>{S(-1)},S=n=>{p.value||a("hours");const r=p.value,s=e.unref(i)[r],o=p.value==="hours"?24:60,t=A(r,s,n,o);B(r,t),w(r,t),e.nextTick(()=>a(r))},A=(n,r,s,o)=>{let t=(r+s+o)%o;const m=e.unref(h)[n];for(;m[t]&&t!==r;)t=(t+s+o)%o;return t},B=(n,r)=>{if(e.unref(h)[n][r])return;const{hours:t,minutes:m,seconds:q}=e.unref(i);let k;switch(n){case"hours":k=c.spinnerDate.hour(r).minute(m).second(q);break;case"minutes":k=c.spinnerDate.hour(t).minute(r).second(q);break;case"seconds":k=c.spinnerDate.hour(t).minute(m).second(r);break}f("change",k)},U=(n,{value:r,disabled:s})=>{s||(B(n,r),a(n),w(n,r))},y=n=>{b=!0,H(n);const r=Math.min(Math.round((g(e.unref(u[n]).$el).scrollTop-(O(n)*.5-10)/v(n)+3)/v(n)),n==="hours"?23:59);B(n,r)},O=n=>e.unref(u[n]).$el.offsetHeight,G=()=>{const n=r=>{const s=e.unref(u[r]);s&&s.$el&&(g(s.$el).onscroll=()=>{y(r)})};n("hours"),n("minutes"),n("seconds")};e.onMounted(()=>{e.nextTick(()=>{!c.arrowControl&&G(),T(),c.role==="start"&&a("hours")})});const J=(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||T()}),(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(K.VftScrollbar),{key:s,ref_for:!0,ref:o=>J(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=>d(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:m=>U(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,Z))),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),j]]),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),I]]),e.createElementVNode("ul",{class:e.normalizeClass(e.unref(l).be("spinner","list"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(z.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,ee))),128)):e.createCommentVNode("",!0)],2))}});exports.default=ne;
+"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"),X=require("../../../hooks/use-namespace/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])},T=()=>{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=>{const r=e.unref(u[n]);return(r==null?void 0:r.$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:q}=e.unref(i);let k;switch(n){case"hours":k=c.spinnerDate.hour(r).minute(d).second(q);break;case"minutes":k=c.spinnerDate.hour(t).minute(r).second(q);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(),T(),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||T()}),(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;

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

@@ -1,37 +1,37 @@
 import type { Dayjs } from 'dayjs';
 declare const _default: import("vue").DefineComponent<{
-    datetimeRole: StringConstructor;
-    parsedValue: {
+    readonly datetimeRole: StringConstructor;
+    readonly parsedValue: {
         readonly type: globalThis.PropType<Dayjs>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    visible: BooleanConstructor;
-    actualVisible: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    format: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly visible: BooleanConstructor;
+    readonly actualVisible: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly format: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     pick: (...args: any[]) => void;
     "select-range": (...args: any[]) => void;
     "set-picker-option": (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    datetimeRole: StringConstructor;
-    parsedValue: {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    readonly datetimeRole: StringConstructor;
+    readonly parsedValue: {
         readonly type: globalThis.PropType<Dayjs>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    visible: BooleanConstructor;
-    actualVisible: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    format: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly visible: BooleanConstructor;
+    readonly actualVisible: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly format: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }>> & {
     onPick?: ((...args: any[]) => any) | undefined;
     "onSelect-range"?: ((...args: any[]) => any) | undefined;
     "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
 }, {
-    visible: boolean;
-    format: string;
-    actualVisible: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly visible: boolean;
+    readonly format: string;
+    readonly actualVisible: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>;
 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"),H=require("@vft/utils"),$=require("../../../constants/aria.cjs");require("@vueuse/core");require("../../../utils/ns-cover.cjs");require("lodash");const G=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const d=require("dayjs"),F=require("../composables/use-time-panel.cjs"),V=require("../composables/use-time-picker.cjs"),J=require("../props/panel-time-picker.cjs"),L=require("./basic-time-spinner.vue2.cjs"),Q=e.defineComponent({__name:"panel-time-pick",props:J.panelTimePickerProps,emits:["pick","select-range","set-picker-option"],setup(h,{emit:s}){const o=h,S=e.inject("EP_PICKER_BASE"),{arrowControl:C,disabledHours:p,disabledMinutes:m,disabledSeconds:f,defaultValue:T}=S.props,{getAvailableHours:_,getAvailableMinutes:q,getAvailableSeconds:w}=V.buildAvailableTimeSlotGetter(p,m,f),a=G.useNamespace("time"),c=e.ref("zh-cn"),b=e.ref([0,2]),E=V.useOldValue(o),P=e.computed(()=>H.isUndefined(o.actualVisible)?`${a.namespace.value}-zoom-in-top`:""),l=e.computed(()=>o.format.includes("ss")),A=e.computed(()=>o.format.includes("A")?"A":o.format.includes("a")?"a":""),R=n=>{const t=d(n).locale(c.value),r=u(t);return t.isSame(r)},N=()=>{s("pick",E.value,!1)},y=(n=!1,t=!1)=>{t||s("pick",o.parsedValue,n)},O=n=>{if(!o.visible)return;const t=u(n).millisecond(0);s("pick",t,!0)},z=(n,t)=>{s("select-range",n,t),b.value=[n,t]},D=n=>{const t=[0,3].concat(l.value?[6]:[]),r=["hours","minutes"].concat(l.value?["seconds"]:[]),i=(t.indexOf(b.value[0])+n+t.length)%t.length;g.start_emitSelectRange(r[i])},B=n=>{const t=n.code,{left:r,right:v,up:i,down:U}=$.EVENT_CODE;if([r,v].includes(t)){D(t===r?-1:1),n.preventDefault();return}if([i,U].includes(t)){const k=t===i?-1:1;g.start_scrollDown(k),n.preventDefault();return}},{timePickerOptions:g,onSetOption:M,getAvailableTime:I}=F.useTimePanel({getAvailableHours:_,getAvailableMinutes:q,getAvailableSeconds:w}),u=n=>I(n,o.datetimeRole||"",!0),j=n=>n?d(n,o.format).locale(c.value):null,x=n=>n?n.format(o.format):null,K=()=>d(T).locale(c.value);return s("set-picker-option",["isValidValue",R]),s("set-picker-option",["formatToString",x]),s("set-picker-option",["parseUserInput",j]),s("set-picker-option",["handleKeydownInput",B]),s("set-picker-option",["getRangeAvailableTime",u]),s("set-picker-option",["getDefaultValue",K]),(n,t)=>(e.openBlock(),e.createBlock(e.Transition,{name:P.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":l.value}])},[e.createVNode(L.default,{ref:"spinner",role:n.datetimeRole||"start","arrow-control":e.unref(C),"show-seconds":l.value,"am-pm-mode":A.value,"spinner-date":n.parsedValue,"disabled-hours":e.unref(p),"disabled-minutes":e.unref(m),"disabled-seconds":e.unref(f),onChange:O,onSetOption:e.unref(M),onSelectRange:z},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:N}," 取消 ",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=Q;
+"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");const F=require("../../../hooks/use-namespace/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:T,disabledHours:p,disabledMinutes:m,disabledSeconds:f,defaultValue:_}=C.props,{getAvailableHours:q,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:q,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(_).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(T),"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;

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

@@ -1,35 +1,35 @@
 import type { Dayjs } from 'dayjs';
 declare const _default: import("vue").DefineComponent<{
-    parsedValue: {
+    readonly parsedValue: {
         readonly type: globalThis.PropType<[Dayjs, Dayjs]>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    visible: BooleanConstructor;
-    actualVisible: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    format: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly visible: BooleanConstructor;
+    readonly actualVisible: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly format: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     pick: (...args: any[]) => void;
     "select-range": (...args: any[]) => void;
     "set-picker-option": (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    parsedValue: {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    readonly parsedValue: {
         readonly type: globalThis.PropType<[Dayjs, Dayjs]>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    visible: BooleanConstructor;
-    actualVisible: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    format: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly visible: BooleanConstructor;
+    readonly actualVisible: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly format: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }>> & {
     onPick?: ((...args: any[]) => any) | undefined;
     "onSelect-range"?: ((...args: any[]) => any) | undefined;
     "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
 }, {
-    visible: boolean;
-    format: string;
-    actualVisible: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly visible: boolean;
+    readonly format: string;
+    readonly actualVisible: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>;
 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"),H=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const g=require("dayjs"),ie=require("../composables/use-time-panel.cjs"),B=require("../composables/use-time-picker.cjs"),ue=require("../props/panel-time-range.cjs"),I=require("./basic-time-spinner.vue2.cjs"),de=["disabled"],pe=e.defineComponent({__name:"panel-time-range",props:ue.panelTimeRangeProps,emits:["pick","select-range","set-picker-option"],setup(j,{emit:c}){const i=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"),K=H.useNamespace("picker"),$=e.inject("EP_PICKER_BASE"),{arrowControl:h,disabledHours:N,disabledMinutes:q,disabledSeconds:R,defaultValue:k}=$.props,d=e.computed(()=>i.parsedValue[0]),p=e.computed(()=>i.parsedValue[1]),U=B.useOldValue(i),G=()=>{c("pick",U.value,!1)},m=e.computed(()=>i.format.includes("ss")),A=e.computed(()=>i.format.includes("A")?"A":i.format.includes("a")?"a":""),F=(n=!1)=>{c("pick",[d.value,p.value],n)},J=n=>{x(n.millisecond(0),p.value)},L=n=>{x(d.value,n.millisecond(0))},Q=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)=>{c("pick",[n,t],!0)},W=e.computed(()=>d.value>p.value),S=e.ref([0,2]),X=(n,t)=>{c("select-range",n,t,"min"),S.value=[n,t]},z=e.computed(()=>m.value?11:8),Y=(n,t)=>{c("select-range",n,t,"max");const a=e.unref(z);S.value=[n+a,t+a]},Z=n=>{const t=m.value?[0,3,6,11,14,17]:[0,3,8,11],a=["hours","minutes"].concat(m.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])},ee=n=>{const t=n.code,{left:a,right:s,up:r,down:l}=ce.EVENT_CODE;if([a,s].includes(t)){Z(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?p.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?p.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?p.value:d.value),v=u.hour(),E=u.minute();if(n!==v||t!==E)return r;const y=u.second(),le=l?f(y+1,59):f(0,y-1);return w.union(r,le)},M=([n,t])=>[O(n,"start",!0,t),O(t,"end",!1,n)],{getAvailableHours:ne,getAvailableMinutes:te,getAvailableSeconds:ae}=B.buildAvailableTimeSlotGetter(C,V,_),{timePickerOptions:D,getAvailableTime:O,onSetOption:P}=ie.useTimePanel({getAvailableHours:ne,getAvailableMinutes:te,getAvailableSeconds:ae}),se=n=>n?T.isArray(n)?n.map(t=>g(t,i.format).locale(b.value)):g(n,i.format).locale(b.value):null,oe=n=>n?T.isArray(n)?n.map(t=>t.format(i.format)):n.format(i.format):null,re=()=>{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",oe]),c("set-picker-option",["parseUserInput",se]),c("set-picker-option",["isValidValue",Q]),c("set-picker-option",["handleKeydownInput",ee]),c("set-picker-option",["getDefaultValue",re]),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(K).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":m.value}])},[e.createVNode(I.default,{ref:"minSpinner",role:"start","show-seconds":m.value,"am-pm-mode":A.value,"arrow-control":e.unref(h),"spinner-date":d.value,"disabled-hours":C,"disabled-minutes":V,"disabled-seconds":_,onChange:J,onSetOption:e.unref(P),onSelectRange:X},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":m.value}])},[e.createVNode(I.default,{ref:"maxSpinner",role:"end","show-seconds":m.value,"am-pm-mode":A.value,"arrow-control":e.unref(h),"spinner-date":p.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)],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=>G())}," 取消 ",2),e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(o).be("panel","btn"),"confirm"]),disabled:W.value,onClick:t[1]||(t[1]=a=>F())}," 确认 ",10,de)],2)],2)):e.createCommentVNode("",!0)}});exports.default=pe;
+"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"),H=require("../../../hooks/use-namespace/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;

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

@@ -66,7 +66,15 @@ declare const _default: import("vue").DefineComponent<{
     readonly: import("../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     disabled: import("../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     placeholder: import("../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    popperOptions: import("../../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>))[], unknown, unknown, () => {}, boolean>;
+    popperOptions: import("../../utils").EpPropFinalized<(new (...args: any[]) => any) | (() => Options) | {
+        (): Options;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => any) | (() => Options) | {
+        (): Options;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => {}, boolean>;
     modelValue: import("../../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))[], unknown, unknown, "", boolean>;
     rangeSeparator: import("../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
     startPlaceholder: StringConstructor;
@@ -83,7 +91,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     /**
      * @description whether to pick a time range
      */
@@ -151,7 +159,15 @@ declare const _default: import("vue").DefineComponent<{
     readonly: import("../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     disabled: import("../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     placeholder: import("../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    popperOptions: import("../../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>))[], unknown, unknown, () => {}, boolean>;
+    popperOptions: import("../../utils").EpPropFinalized<(new (...args: any[]) => any) | (() => Options) | {
+        (): Options;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => any) | (() => Options) | {
+        (): Options;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => {}, boolean>;
     modelValue: import("../../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))[], unknown, unknown, "", boolean>;
     rangeSeparator: import("../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
     startPlaceholder: StringConstructor;
@@ -177,13 +193,13 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: import("../../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))[], unknown, unknown>;
     readonly: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     disabled: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    tabindex: import("../../utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     placeholder: string;
     clearable: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     prefixIcon: import("../../utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
     clearIcon: import("../../utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
-    tabindex: import("../../utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     validateEvent: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    popperOptions: Partial<import("@popperjs/core").Options>;
+    popperOptions: any;
     popperClass: string;
     editable: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     rangeSeparator: string;

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

@@ -5,7 +5,7 @@ export declare const rangeArr: (n: number) => number[];
 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 valueEquals: (a: Array<Date> | unknown, b: Array<Date> | unknown) => any;
 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 makeList: (total: number, method?: () => number[]) => boolean[];