vft 0.0.142 → 0.0.145

package/es/components/tabs/tab-nav.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as D, getCurrentInstance as tt, inject as ot, ref as b, computed as B, watch as z, onMounted as et, onUpdated as it, createVNode as s, nextTick as nt } from "vue";
-import { useDocumentVisibility as rt, useWindowFocus as at, useResizeObserver as lt } from "@vueuse/core";
+import { defineComponent as D, getCurrentInstance as ot, inject as et, ref as b, computed as B, watch as z, onMounted as it, onUpdated as nt, createVNode as s, nextTick as rt } from "vue";
+import { useDocumentVisibility as at, useWindowFocus as lt, useResizeObserver as st } from "@vueuse/core";
 import { capitalize as $ } from "@vft/utils";
-import { throwError as st } from "../../utils/error.js";
+import { throwError as ct } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
 import "lodash";
 import "../alert/index.js";
@@ -95,13 +95,13 @@ import "../message/index.js";
 import "../infinite-scroll/index.js";
 import "../progress-i/index.js";
 import { EVENT_CODE as k } from "@vft/constants";
-import { TabsRootContextKey as ct } from "./types.js";
-import ut from "./tab-bar.vue2.js";
-const mt = (
+import { TabsRootContextKey as ut } from "./types.js";
+import mt from "./tab-bar.vue2.js";
+const q = (
   /* hoist-static*/
   M("tab-nav")
 ), ft = D({
-  name: "vft-tab-nav"
+  name: q.b()
 }), re = /* @__PURE__ */ D({
   ...ft,
   props: {
@@ -126,46 +126,48 @@ const mt = (
     fixTabCount: {
       default: 0
     },
-    fixExtraScrollWidth: {}
+    fixExtraScrollWidth: {
+      default: 0
+    }
   },
   emits: ["tabClick", "tabRemove", "tabAdd", "tabContextmenu"],
   setup(i, {
-    expose: q,
+    expose: H,
     emit: g
   }) {
     var W;
-    const H = tt(), h = ot(ct);
-    h || st(mt.b(), "<vft-tabs><tab-nav /></vft-tabs>");
-    const n = M("tabs"), j = rt(), U = at(), y = b(), p = b(), x = b(), F = b(), c = b(!1), u = b(0), O = b(!1), T = b(!0), w = B(() => ["top", "bottom"].includes(h.props.tabPosition) ? "width" : "height"), X = B(() => ({
+    const j = ot(), h = et(ut);
+    h || ct(q.b(), "<vft-tabs><tab-nav /></vft-tabs>");
+    const n = M("tabs"), U = at(), X = lt(), y = b(), p = b(), x = b(), P = b(), c = b(!1), u = b(0), O = b(!1), T = b(!0), w = B(() => ["top", "bottom"].includes(h.props.tabPosition) ? "width" : "height"), Y = B(() => ({
       transform: `translate${w.value === "width" ? "X" : "Y"}(-${u.value}px)`
-    })), Y = () => {
+    })), G = () => {
       if (!p.value)
         return;
       const t = p.value[`offset${$(w.value)}`], e = u.value;
       e && (u.value = e > t ? e - t : 0);
-    }, G = () => {
+    }, J = () => {
       if (!p.value || !x.value)
         return;
       const t = x.value[`offset${$(w.value)}`], e = p.value[`offset${$(w.value)}`], o = u.value;
       t - o <= e || (u.value = t - o > e * 2 ? o + e : t - e);
-    }, P = async () => {
-      const t = x.value, e = F.value;
+    }, A = async () => {
+      const t = x.value, e = P.value;
       if (!c.value || !y.value || !p.value || !t)
         return;
-      await nt();
+      await rt();
       const o = y.value.querySelector(".is-active");
       if (!o)
         return;
       const C = p.value, d = ["top", "bottom"].includes(h.props.tabPosition), a = o.getBoundingClientRect(), r = C.getBoundingClientRect(), m = d ? t.offsetWidth - r.width : t.offsetHeight - r.height, l = u.value;
       let v = l;
-      const I = i.fixTabCount ? e.offsetWidth + i.fixExtraScrollWidth : 0;
+      const I = i.fixTabCount ? ((e == null ? void 0 : e.offsetWidth) || 0) + i.fixExtraScrollWidth : 0;
       d ? (a.left - I < r.left && (v = l - (r.left - a.left + I)), a.right > r.right && (v = l + a.right - r.right)) : (a.top < r.top && (v = l - (r.top - a.top)), a.bottom > r.bottom && (v = l + (a.bottom - r.bottom))), v = Math.max(v, 0), u.value = Math.min(v, m);
-    }, A = () => {
+    }, E = () => {
       if (!x.value || !p.value)
         return;
       const t = x.value[`offset${$(w.value)}`], e = p.value[`offset${$(w.value)}`], o = u.value;
       e < t ? (c.value = c.value || {}, c.value.prev = o, c.value.next = o + e < t, t - o < e && (u.value = t - e)) : (c.value = !1, o > 0 && (u.value = 0));
-    }, J = (t) => {
+    }, Q = (t) => {
       const e = t.code, {
         up: o,
         down: C,
@@ -176,30 +178,30 @@ const mt = (
         return;
       const r = Array.from(t.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")), m = r.indexOf(t.target);
       let l;
-      e === d || e === o ? m === 0 ? l = r.length - 1 : l = m - 1 : m < r.length - 1 ? l = m + 1 : l = 0, r[l].focus(), r[l].click(), E();
-    }, E = () => {
+      e === d || e === o ? m === 0 ? l = r.length - 1 : l = m - 1 : m < r.length - 1 ? l = m + 1 : l = 0, r[l].focus(), r[l].click(), F();
+    }, F = () => {
       T.value && (O.value = !0);
     }, R = () => O.value = !1;
-    z(j, (t) => {
+    z(U, (t) => {
       t === "hidden" ? T.value = !1 : t === "visible" && setTimeout(() => T.value = !0, 50);
-    }), z(U, (t) => {
+    }), z(X, (t) => {
       t ? setTimeout(() => T.value = !0, 50) : T.value = !1;
-    }), lt(y, A), et(() => setTimeout(() => P(), 0)), it(() => A()), q({
-      scrollToActiveTab: P,
+    }), st(y, E), it(() => setTimeout(() => A(), 0)), nt(() => E()), H({
+      scrollToActiveTab: A,
       removeFocus: R
-    }), z(() => i.panes, () => H.update(), {
+    }), z(() => i.panes, () => j.update(), {
       flush: "post"
     });
-    const Q = B(() => {
+    const Z = B(() => {
       var t, e;
       return c.value ? [s("span", {
         class: [n.e("nav-prev"), n.is("disabled", !c.value.prev)],
-        onClick: Y
+        onClick: G
       }, [(t = i.arrowLeftIconCfg) != null && t.icon ? s(S, i.arrowLeftIconCfg, null) : null]), s("span", {
         class: [n.e("nav-next"), n.is("disabled", !c.value.next)],
-        onClick: G
+        onClick: J
       }, [(e = i.arrowRightIconCfg) != null && e.icon ? s(S, i.arrowRightIconCfg, null) : null])] : null;
-    }), Z = B(() => (t = void 0) => {
+    }), _ = B(() => (t) => {
       var e;
       return (e = i.panes.slice(0, t)) == null ? void 0 : e.map((o, C) => {
         var L, K, V;
@@ -218,7 +220,7 @@ const mt = (
           role: "tab",
           "aria-selected": o.active,
           tabindex: I,
-          onFocus: () => E(),
+          onFocus: () => F(),
           onBlur: () => R(),
           onClick: (f) => {
             R(), g("tabClick", o, r, f);
@@ -235,7 +237,7 @@ const mt = (
           }
         }, [v, l]);
       });
-    }), _ = i.editable || i.addable ? s("span", {
+    }), tt = i.editable || i.addable ? s("span", {
       class: n.e("new-tab"),
       tabindex: "0",
       onClick: () => g("tabAdd"),
@@ -244,20 +246,20 @@ const mt = (
       }
     }, [(W = i.addIconCfg) != null && W.icon ? s(S, i.addIconCfg, null) : null]) : null, N = (t = !1) => s("div", {
       class: [n.e("nav"), n.is(h.props.tabPosition), n.is("fixed-nav", t), n.is("stretch", i.stretch && ["top", "bottom"].includes(h.props.tabPosition))],
-      ref: t ? F : x,
-      style: t ? {} : X.value,
+      ref: t ? P : x,
+      style: t ? {} : Y.value,
       role: "tablist",
-      onKeydown: J
-    }, [i.showBar ? s(ut, {
+      onKeydown: Q
+    }, [i.showBar ? s(mt, {
       tabs: [...i.panes]
-    }, null) : null, Z.value(t ? i.fixTabCount : void 0)]);
+    }, null) : null, _.value(t ? i.fixTabCount : void 0)]);
     return () => s("div", {
       ref: y,
       class: [n.e("nav-wrap"), n.is("scrollable", !!c.value), n.is(h.props.tabPosition)]
-    }, [Q.value, s("div", {
+    }, [Z.value, s("div", {
       class: [n.e("nav-scroll"), n.is("have-fixed-tab", !!i.fixTabCount)],
       ref: p
-    }, [N(), i.fixTabCount ? N(!0) : null, _])]);
+    }, [N(), i.fixTabCount ? N(!0) : null, tt])]);
   }
 });
 export {

package/es/components/tabs/tab-pane.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as b, getCurrentInstance as y, useSlots as C, inject as B, ref as u, computed as m, watch as g, reactive as w, onMounted as N, onUnmounted as k, unref as o, withDirectives as x, openBlock as z, createElementBlock as R, normalizeClass as S, renderSlot as _, vShow as $, createCommentVNode as E } from "vue";
-import { eagerComputed as d } from "@vueuse/core";
+import { defineComponent as b, getCurrentInstance as y, useSlots as C, inject as B, ref as m, computed as d, watch as g, reactive as w, onMounted as N, onUnmounted as k, unref as o, withDirectives as x, openBlock as z, createElementBlock as R, normalizeClass as S, renderSlot as _, vShow as $, createCommentVNode as E } from "vue";
+import { eagerComputed as p } from "@vueuse/core";
 import "@vft/utils";
 import { throwError as P } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
@@ -8,11 +8,11 @@ import { useNamespace as j } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { TabsRootContextKey as D } from "./types.js";
-const I = ["id", "aria-hidden", "aria-labelledby"], p = (
+const I = ["id", "aria-hidden", "aria-labelledby"], i = (
   /* hoist-static*/
   j("tab-pane")
 ), K = b({
-  name: "vft-tab-pane"
+  name: i.b()
 }), O = /* @__PURE__ */ b({
   ...K,
   props: {
@@ -24,12 +24,12 @@ const I = ["id", "aria-hidden", "aria-labelledby"], p = (
   },
   setup(a) {
     const n = y(), v = C(), t = B(D);
-    t || P(p.b(), "usage: <vft-tabs><vft-tab-pane /></vft-tabs/>");
-    const r = u(), f = m(() => a.closable || t.props.closable), e = d(() => t.currentName.value === (a.name ?? r.value)), i = u(e.value), s = m(() => a.name ?? r.value), h = d(() => !a.lazy || i.value || e.value);
+    t || P(i.b(), "usage: <vft-tabs><vft-tab-pane /></vft-tabs/>");
+    const r = m(), f = d(() => a.closable || t.props.closable), e = p(() => t.currentName.value === (a.name ?? r.value)), c = m(e.value), s = d(() => a.name ?? r.value), h = p(() => !a.lazy || c.value || e.value);
     g(e, (l) => {
-      l && (i.value = !0);
+      l && (c.value = !0);
     });
-    const c = w({
+    const u = w({
       uid: n.uid,
       slots: v,
       props: n.props,
@@ -40,13 +40,13 @@ const I = ["id", "aria-hidden", "aria-labelledby"], p = (
       attrs: n.attrs
     });
     return N(() => {
-      t.registerPane(c);
+      t.registerPane(u);
     }), k(() => {
-      t.unregisterPane(c.uid);
+      t.unregisterPane(u.uid);
     }), (l, M) => o(h) ? x((z(), R("div", {
       key: 0,
       id: `pane-${s.value}`,
-      class: S(o(p).b()),
+      class: S(o(i).b()),
       role: "tabpanel",
       "aria-hidden": !o(e),
       "aria-labelledby": `tab-${s.value}`

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

@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
     };
     tabPosition: {
-        type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
+        type: import("vue").PropType<"top" | "bottom" | "left" | "right">;
     };
     beforeLeave: {
         type: import("vue").PropType<Function>;
@@ -69,8 +69,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     currentName: import("vue").Ref<string | number>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (name: string | number) => boolean;
-    /** 点击 */
+    "update:modelValue": (name: string | number) => void;
     tabClick: (pane: {
         uid: number;
         slots: Readonly<{
@@ -88,8 +87,7 @@ declare const _default: import("vue").DefineComponent<{
         index: string | undefined;
         isClosable: boolean;
         attrs: Record<string, any>;
-    }, ev: Event) => boolean;
-    /** 右键点击 */
+    }, ev: Event) => void;
     tabContextMenu: (pane: {
         uid: number;
         slots: Readonly<{
@@ -107,13 +105,11 @@ declare const _default: import("vue").DefineComponent<{
         index: string | undefined;
         isClosable: boolean;
         attrs: Record<string, any>;
-    }, index: number, ev: Event) => boolean;
-    tabChange: (name: string | number) => boolean;
-    edit: (paneName: string | number | undefined, action: "remove" | "add") => boolean;
-    /** 移除 */
-    tabRemove: (name: string | number) => boolean;
-    /** 增加 */
-    tabAdd: () => true;
+    }, index: number, ev: Event) => void;
+    tabChange: (name: string | number) => void;
+    tabRemove: (name: string | number) => void;
+    tabAdd: () => void;
+    edit: (paneName: string | number | undefined, action: "remove" | "add") => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     closable: {
         type: import("vue").PropType<boolean>;
@@ -128,7 +124,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
     };
     tabPosition: {
-        type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
+        type: import("vue").PropType<"top" | "bottom" | "left" | "right">;
     };
     beforeLeave: {
         type: import("vue").PropType<Function>;

package/es/components/tabs/tabs.vue2.js

@@ -1,22 +1,22 @@
-import { defineComponent as w, getCurrentInstance as h, useSlots as S, ref as g, watch as x, nextTick as M, computed as d, createVNode as s, provide as W } from "vue";
-import { UPDATE_MODEL_EVENT as D } from "@vft/constants";
-import { isNumberish as u, isUndefined as I } from "@vft/utils";
+import { defineComponent as I, getCurrentInstance as h, useSlots as z, ref as g, watch as v, nextTick as S, computed as i, createVNode as s, provide as M } from "vue";
 import "@vueuse/core";
+import { isUndefined as x } from "@vft/utils";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as O } from "../../hooks/use-namespace/index.js";
-import { useOrderedChildren as U } from "../../hooks/use-ordered-children/index.js";
+import { useNamespace as W } from "../../hooks/use-namespace/index.js";
+import { useOrderedChildren as D } from "../../hooks/use-ordered-children/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import $ from "./tab-nav.vue2.js";
-import { TabsRootContextKey as F } from "./types.js";
-const l = (
+import { UPDATE_MODEL_EVENT as O } from "@vft/constants";
+import U from "./tab-nav.vue2.js";
+import { TabsRootContextKey as $ } from "./types.js";
+const d = (
   /* hoist-static*/
-  O("tabs")
-), K = w({
-  name: "vft-tabs"
-}), oe = /* @__PURE__ */ w({
-  ...K,
+  W("tabs")
+), F = I({
+  name: d.b()
+}), ae = /* @__PURE__ */ I({
+  ...F,
   props: {
     closable: {
       type: Boolean
@@ -51,92 +51,77 @@ const l = (
       default: 0
     }
   },
-  emits: {
-    [D]: (t) => u(t),
-    /** 点击 */
-    tabClick: (t, c) => c instanceof Event,
-    /** 右键点击 */
-    tabContextMenu: (t, c, a) => a instanceof Event,
-    tabChange: (t) => u(t),
-    edit: (t, c) => ["remove", "add"].includes(c),
-    /** 移除 */
-    tabRemove: (t) => u(t),
-    /** 增加 */
-    tabAdd: () => !0
-  },
+  emits: ["update:modelValue", "tabClick", "tabContextMenu", "tabChange", "tabRemove", "tabAdd", "edit"],
   setup(t, {
-    expose: c,
+    expose: w,
     emit: a
   }) {
-    const T = h(), i = S(), f = g(), r = g(t.modelValue ?? "0"), p = (e) => {
-      r.value = e, a("update:modelValue", e), a("tabChange", e);
-    }, m = async (e) => {
-      var o, n, v;
-      if (!(r.value === e || I(e)))
+    const T = h(), n = z(), f = g(), r = g(t.modelValue ?? "0"), u = async (e, o = !1) => {
+      var c, l, C;
+      if (!(r.value === e || x(e)))
         try {
-          await ((o = t.beforeLeave) == null ? void 0 : o.call(t, e, r.value)) !== !1 && (p(e), (v = (n = f.value) == null ? void 0 : n.removeFocus) == null || v.call(n));
+          await ((c = t.beforeLeave) == null ? void 0 : c.call(t, e, r.value)) !== !1 && (r.value = e, o && (a(O, e), a("tabChange", e)), (C = (l = f.value) == null ? void 0 : l.removeFocus) == null || C.call(l));
         } catch {
         }
-    }, R = (e, o, n) => {
-      e.props.disabled || (m(o), a("tabClick", e, n));
+    }, R = (e, o, c) => {
+      e.props.disabled || (u(o, !0), a("tabClick", e, c));
     }, y = (e, o) => {
-      e.props.disabled || I(e.props.name) || (o.stopPropagation(), a("edit", e.props.name, "remove"), a("tabRemove", e.props.name));
+      e.props.disabled || x(e.props.name) || (o.stopPropagation(), a("edit", e.props.name, "remove"), a("tabRemove", e.props.name));
     };
-    x(() => t.modelValue, (e) => m(e)), x(r, async () => {
+    v(() => t.modelValue, (e) => u(e)), v(r, async () => {
       var e;
-      await M(), (e = f.value) == null || e.scrollToActiveTab();
+      await S(), (e = f.value) == null || e.scrollToActiveTab();
     });
-    const E = () => {
+    const L = () => {
       a("edit", void 0, "add"), a("tabAdd");
-    }, L = (e, o, n) => {
-      a("tabContextMenu", e, o, n);
-    }, b = d(() => {
+    }, p = (e, o, c) => {
+      a("tabContextMenu", e, o, c);
+    }, b = i(() => {
       var e;
       return s("div", {
-        class: l.e("content")
-      }, [(e = i.default) == null ? void 0 : e.call(i)]);
+        class: d.e("content")
+      }, [(e = n.default) == null ? void 0 : e.call(n)]);
     }), {
-      children: N,
-      addChild: B,
-      removeChild: P
-    } = U(h(), "vft-tab-pane");
-    W(F, {
+      children: B,
+      addChild: P,
+      removeChild: E
+    } = D(h(), "vft-tab-pane");
+    M($, {
       props: T.props,
       currentName: r,
-      registerPane: B,
-      unregisterPane: P
-    }), c({
+      registerPane: P,
+      unregisterPane: E
+    }), w({
       currentName: r
     });
-    const A = d(() => ({
+    const A = i(() => ({
       icon: "icon-plus",
       size: 12,
       ...t.addIconCfg
-    })), V = d(() => ({
+    })), V = i(() => ({
       icon: "icon-close",
       size: 14,
       ...t.closeIconCfg
-    })), k = d(() => ({
+    })), k = i(() => ({
       icon: "icon-arrow-left",
       size: 18,
       ...t.arrowLeftIconCfg
-    })), z = d(() => ({
+    })), N = i(() => ({
       icon: "icon-arrow-right",
       size: 18,
       ...t.arrowRightIconCfg
-    })), C = d(() => {
+    })), m = i(() => {
       var e;
       return s("div", {
-        class: [l.e("header"), l.is(t.tabPosition)]
-      }, [s($, {
+        class: [d.e("header"), d.is(t.tabPosition)]
+      }, [s(U, {
         ref: f,
-        currentName: r.value,
-        panes: N.value,
+        panes: B.value,
         stretch: t.stretch,
         showBar: t.showBar,
         closeIconCfg: V.value,
         addIconCfg: A.value,
-        arrowRightIconCfg: z.value,
+        arrowRightIconCfg: N.value,
         arrowLeftIconCfg: k.value,
         editable: t.editable,
         fixTabCount: t.fixTabCount,
@@ -144,15 +129,15 @@ const l = (
         addable: t.addable,
         onTabClick: R,
         onTabRemove: y,
-        onTabAdd: E,
-        onTabContextmenu: L
-      }, null), (e = i.headerRight) == null ? void 0 : e.call(i)]);
+        onTabAdd: L,
+        onTabContextmenu: p
+      }, null), (e = n.headerRight) == null ? void 0 : e.call(n)]);
     });
     return () => s("div", {
-      class: [l.b(), l.m(t.tabPosition)]
-    }, [...t.tabPosition !== "bottom" ? [C.value, b.value] : [b.value, C.value]]);
+      class: [d.b(), d.m(t.tabPosition)]
+    }, [...t.tabPosition !== "bottom" ? [m.value, b.value] : [b.value, m.value]]);
   }
 });
 export {
-  oe as default
+  ae as default
 };

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

@@ -24,7 +24,10 @@ export declare const VftTag: import("vft/es/utils").SFCWithInstall<import("vue")
     round: {
         type: import("vue").PropType<boolean>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "close")[], "click" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+    close: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     closable: {
         type: import("vue").PropType<boolean>;
     };

package/es/components/tag/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import o from "./tag.vue2.js";
 const l = t(o);

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

@@ -35,7 +35,10 @@ declare const _default: import("vue").DefineComponent<{
     round: {
         type: import("vue").PropType<boolean>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "close")[], "click" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+    close: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     closable: {
         type: import("vue").PropType<boolean>;
     };

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

@@ -105,7 +105,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      * @description pick item manually
      */
     onPick: (date?: any, visible?: boolean) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "blur" | "focus" | "keydown" | "calendar-change" | "panel-change" | "visible-change")[], "update:modelValue" | "change" | "blur" | "focus" | "keydown" | "calendar-change" | "panel-change" | "visible-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    blur: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+    keydown: (...args: any[]) => void;
+    "calendar-change": (...args: any[]) => void;
+    "panel-change": (...args: any[]) => void;
+    "visible-change": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabledDate: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;
@@ -198,14 +207,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     name: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>) | ((new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>))[], unknown, unknown>;
     type: string;
     modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType) | ((new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType))[], unknown, unknown>;
-    placeholder: string;
-    tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     disabled: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    validateEvent: 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))[], 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))[], unknown, unknown>;
+    tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
+    validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     popperOptions: Partial<Options>;
     popperClass: string;
     editable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/components/time-picker/common/props.js

@@ -2,11 +2,10 @@ import { componentSizes as t } from "../../../constants/size.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../../utils/ns-cover.js";
-import "lodash";
 import { buildProps as a, definePropType as e } from "../../../utils/vue/props/runtime.js";
 import "vue";
 import { disabledTimeListsProps as r } from "../props/shared.js";
-const f = a({
+const y = a({
   /**
    * @description same as `id` in native input
    */
@@ -201,5 +200,5 @@ const f = a({
   unlinkPanels: Boolean
 });
 export {
-  f as timePickerDefaultProps
+  y as timePickerDefaultProps
 };

package/es/components/time-picker/composables/use-time-picker.d.ts

@@ -56,7 +56,7 @@ export declare const useOldValue: (props: {
     startOf: (unit: import("dayjs").OpUnitType) => Dayjs;
     endOf: (unit: import("dayjs").OpUnitType) => Dayjs;
     format: (template?: string | undefined) => string;
-    diff: (date?: string | number | Date | Dayjs | null | undefined, unit?: "s" | "ms" | "y" | "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "h" | "hours" | "minutes" | "seconds" | "hour" | "minute" | "second" | "day" | "millisecond" | "milliseconds" | "days" | "months" | "years" | "d" | "m" | "weeks" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
+    diff: (date?: string | number | Date | Dayjs | null | undefined, unit?: "y" | "s" | "ms" | "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "h" | "hours" | "minutes" | "seconds" | "hour" | "minute" | "second" | "day" | "millisecond" | "milliseconds" | "days" | "months" | "years" | "d" | "m" | "weeks" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
     valueOf: () => number;
     unix: () => number;
     daysInMonth: () => number;
@@ -126,7 +126,7 @@ export declare const useOldValue: (props: {
     startOf: (unit: import("dayjs").OpUnitType) => Dayjs;
     endOf: (unit: import("dayjs").OpUnitType) => Dayjs;
     format: (template?: string | undefined) => string;
-    diff: (date?: string | number | Date | Dayjs | null | undefined, unit?: "s" | "ms" | "y" | "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "h" | "hours" | "minutes" | "seconds" | "hour" | "minute" | "second" | "day" | "millisecond" | "milliseconds" | "days" | "months" | "years" | "d" | "m" | "weeks" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
+    diff: (date?: string | number | Date | Dayjs | null | undefined, unit?: "y" | "s" | "ms" | "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "h" | "hours" | "minutes" | "seconds" | "hour" | "minute" | "second" | "day" | "millisecond" | "milliseconds" | "days" | "months" | "years" | "d" | "m" | "weeks" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
     valueOf: () => number;
     unix: () => number;
     daysInMonth: () => number;

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

@@ -174,14 +174,14 @@ declare const _TimePicker: import("vue").DefineComponent<{
     name: import("../../utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>) | ((new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>))[], unknown, unknown>;
     type: string;
     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>;
-    placeholder: string;
-    tabindex: import("../../utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     disabled: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    validateEvent: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    placeholder: string;
     clearable: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     prefixIcon: import("../../utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>;
     clearIcon: import("../../utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>;
+    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>;
     popperClass: string;
     editable: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -364,14 +364,14 @@ export declare const VftTimePicker: import("vue").DefineComponent<{
     name: import("../../utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>) | ((new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>))[], unknown, unknown>;
     type: string;
     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>;
-    placeholder: string;
-    tabindex: import("../../utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     disabled: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    validateEvent: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    placeholder: string;
     clearable: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     prefixIcon: import("../../utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>;
     clearIcon: import("../../utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>;
+    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>;
     popperClass: string;
     editable: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;