vft 0.0.154 → 0.0.156

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

@@ -42,6 +42,9 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
     fixExtraScrollWidth: {
         type: globalThis.PropType<number>;
     };
+    trigger: {
+        type: globalThis.PropType<"click" | "hover">;
+    };
 }, {
     currentName: globalThis.Ref<string | number>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -129,6 +132,9 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
     fixExtraScrollWidth: {
         type: globalThis.PropType<number>;
     };
+    trigger: {
+        type: globalThis.PropType<"click" | "hover">;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((name: string | number) => any) | undefined;
     onTabClick?: ((pane: {

package/es/components/tabs/tab-nav.vue.d.ts

@@ -16,6 +16,8 @@ interface TabNavProps {
     arrowRightIconCfg?: IconProps;
     fixTabCount?: number;
     fixExtraScrollWidth?: number;
+    /** tab 触发方式 */
+    trigger?: 'click' | 'hover';
 }
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<TabNavProps>, {
     scrollToActiveTab: () => Promise<void>;

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

@@ -1,7 +1,7 @@
-import { defineComponent as D, getCurrentInstance as et, inject as it, ref as b, computed as B, watch as z, onMounted as nt, onUpdated as rt, createVNode as s, nextTick as at } from "vue";
-import { useDocumentVisibility as lt, useWindowFocus as st, useResizeObserver as ct } from "@vueuse/core";
-import { capitalize as $ } from "@vft/utils";
-import { throwError as ut } from "../../utils/error.js";
+import { defineComponent as V, getCurrentInstance as ot, inject as it, ref as b, computed as S, watch as z, onMounted as rt, onUpdated as nt, createVNode as s, mergeProps as at, useSlots as lt, nextTick as st } from "vue";
+import { useDocumentVisibility as ct, useWindowFocus as ut, useResizeObserver as mt } from "@vueuse/core";
+import { capitalize as y } from "@vft/utils";
+import { throwError as ft } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
 import "lodash";
 import "../alert/index.js";
@@ -13,6 +13,7 @@ import "../check-tag/index.js";
 import "../checkbox/index.js";
 import "../clamp/index.js";
 import "../clamp-toggle/index.js";
+import "../clamp-tooltip/index.js";
 import "../col/index.js";
 import "../collapse-transition/index.js";
 import "../color-picker/index.js";
@@ -33,7 +34,7 @@ import "../form/index.js";
 import "../full-screen/index.js";
 import "../header-layout/index.js";
 import "../horizontal-menu/index.js";
-import { VftIcon as S } from "../icon/index.js";
+import { VftIcon as $ } from "../icon/index.js";
 import "../icon-text/index.js";
 import "../iframe-layout/index.js";
 import "../image/index.js";
@@ -88,22 +89,22 @@ import "../md-comment/index.js";
 import "../md-container/index.js";
 import "../md-tabs/index.js";
 import "../md-vue-playground/index.js";
-import { useNamespace as M } from "../../hooks/use-namespace/index.js";
+import { useNamespace as D } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 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 mt } from "./types.js";
-import ft from "./tab-bar.vue2.js";
+import { TabsRootContextKey as pt } from "./types.js";
+import vt from "./tab-bar.vue2.js";
 const q = (
   /* hoist-static*/
-  M("tab-nav")
-), pt = D({
+  D("tab-nav")
+), dt = V({
   name: q.b()
-}), ae = /* @__PURE__ */ D({
-  ...pt,
+}), so = /* @__PURE__ */ V({
+  ...dt,
   props: {
     panes: {},
     editable: {
@@ -128,6 +129,9 @@ const q = (
     },
     fixExtraScrollWidth: {
       default: 0
+    },
+    trigger: {
+      default: "click"
     }
   },
   emits: ["tabClick", "tabRemove", "tabAdd", "tabContextmenu"],
@@ -136,132 +140,136 @@ const q = (
     emit: j
   }) {
     var W;
-    const g = j, U = et(), h = it(mt);
-    h || ut(q.b(), "<vft-tabs><tab-nav /></vft-tabs>");
-    const n = M("tabs"), X = lt(), Y = st(), 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"), G = B(() => ({
+    const C = j, U = ot(), g = it(pt);
+    g || ft(q.b(), "<vft-tabs><tab-nav /></vft-tabs>");
+    const r = D("tabs"), X = ct(), Y = ut(), I = b(), p = b(), x = b(), P = b(), c = b(!1), u = b(0), B = b(!1), T = b(!0), w = S(() => ["top", "bottom"].includes(g.props.tabPosition) ? "width" : "height"), G = S(() => ({
       transform: `translate${w.value === "width" ? "X" : "Y"}(-${u.value}px)`
     })), J = () => {
       if (!p.value)
         return;
-      const t = p.value[`offset${$(w.value)}`], e = u.value;
-      e && (u.value = e > t ? e - t : 0);
+      const t = p.value[`offset${y(w.value)}`], o = u.value;
+      o && (u.value = o > t ? o - t : 0);
     }, Q = () => {
       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);
-    }, A = async () => {
-      const t = x.value, e = P.value;
-      if (!c.value || !y.value || !p.value || !t)
+      const t = x.value[`offset${y(w.value)}`], o = p.value[`offset${y(w.value)}`], e = u.value;
+      t - e <= o || (u.value = t - e > o * 2 ? e + o : t - o);
+    }, N = async () => {
+      const t = x.value, o = P.value;
+      if (!c.value || !I.value || !p.value || !t)
         return;
-      await at();
-      const o = y.value.querySelector(".is-active");
-      if (!o)
+      await st();
+      const e = I.value.querySelector(".is-active");
+      if (!e)
         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;
+      const h = p.value, d = ["top", "bottom"].includes(g.props.tabPosition), a = e.getBoundingClientRect(), n = h.getBoundingClientRect(), m = d ? t.offsetWidth - n.width : t.offsetHeight - n.height, l = u.value;
       let v = l;
-      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);
-    }, E = () => {
+      const R = i.fixTabCount ? ((o == null ? void 0 : o.offsetWidth) || 0) + i.fixExtraScrollWidth : 0;
+      d ? (a.left - R < n.left && (v = l - (n.left - a.left + R)), a.right > n.right && (v = l + a.right - n.right)) : (a.top < n.top && (v = l - (n.top - a.top)), a.bottom > n.bottom && (v = l + (a.bottom - n.bottom))), v = Math.max(v, 0), u.value = Math.min(v, m);
+    }, A = () => {
       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));
+      const t = x.value[`offset${y(w.value)}`], o = p.value[`offset${y(w.value)}`], e = u.value;
+      o < t ? (c.value = c.value || {}, c.value.prev = e, c.value.next = e + o < t, t - e < o && (u.value = t - o)) : (c.value = !1, e > 0 && (u.value = 0));
     }, Z = (t) => {
-      const e = t.code, {
-        up: o,
-        down: C,
+      const o = t.code, {
+        up: e,
+        down: h,
         left: d,
         right: a
       } = k;
-      if (![o, C, d, a].includes(e))
+      if (![e, h, d, a].includes(o))
         return;
-      const r = Array.from(t.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")), m = r.indexOf(t.target);
+      const n = Array.from(t.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")), m = n.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(), F();
-    }, F = () => {
-      T.value && (O.value = !0);
-    }, R = () => O.value = !1;
+      o === d || o === e ? m === 0 ? l = n.length - 1 : l = m - 1 : m < n.length - 1 ? l = m + 1 : l = 0, n[l].focus(), n[l].click(), E();
+    }, E = () => {
+      T.value && (B.value = !0);
+    }, O = () => B.value = !1;
     z(X, (t) => {
       t === "hidden" ? T.value = !1 : t === "visible" && setTimeout(() => T.value = !0, 50);
     }), z(Y, (t) => {
       t ? setTimeout(() => T.value = !0, 50) : T.value = !1;
-    }), ct(y, E), nt(() => setTimeout(() => A(), 0)), rt(() => E()), H({
-      scrollToActiveTab: A,
-      removeFocus: R
+    }), mt(I, A), rt(() => setTimeout(() => N(), 0)), nt(() => A()), H({
+      scrollToActiveTab: N,
+      removeFocus: O
     }), z(() => i.panes, () => U.update(), {
       flush: "post"
     });
-    const _ = B(() => {
-      var t, e;
+    const _ = S(() => {
+      var t, o;
       return c.value ? [s("span", {
-        class: [n.e("nav-prev"), n.is("disabled", !c.value.prev)],
+        class: [r.e("nav-prev"), r.is("disabled", !c.value.prev)],
         onClick: J
-      }, [(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)],
+      }, [(t = i.arrowLeftIconCfg) != null && t.icon ? s($, i.arrowLeftIconCfg, null) : null]), s("span", {
+        class: [r.e("nav-next"), r.is("disabled", !c.value.next)],
         onClick: Q
-      }, [(e = i.arrowRightIconCfg) != null && e.icon ? s(S, i.arrowRightIconCfg, null) : null])] : null;
-    }), tt = B(() => (t) => {
-      var e;
-      return (e = i.panes.slice(0, t)) == null ? void 0 : e.map((o, C) => {
-        var L, K, V;
-        const d = o.uid, a = o.props.disabled, r = o.props.name ?? o.index ?? `${C}`, m = !a && (o.isClosable || i.editable);
-        o.index = `${C}`;
+      }, [(o = i.arrowRightIconCfg) != null && o.icon ? s($, i.arrowRightIconCfg, null) : null])] : null;
+    }), tt = S(() => (t) => {
+      var o;
+      return (o = i.panes.slice(0, t)) == null ? void 0 : o.map((e, h) => {
+        var L, K, M;
+        const d = e.uid, a = e.props.disabled, n = e.props.name ?? e.index ?? `${h}`, m = !a && (e.isClosable || i.editable);
+        e.index = `${h}`;
         const l = m ? s("span", {
           class: "is-icon-close",
-          onClick: (f) => g("tabRemove", o, f)
-        }, [(L = i.closeIconCfg) != null && L.icon ? s(S, i.closeIconCfg, null) : null]) : null, v = ((V = (K = o.slots).label) == null ? void 0 : V.call(K)) || o.props.label, I = !a && o.active ? 0 : -1;
-        return s("div", {
+          onClick: (f) => C("tabRemove", e, f)
+        }, [(L = i.closeIconCfg) != null && L.icon ? s($, i.closeIconCfg, null) : null]) : null, v = ((M = (K = e.slots).label) == null ? void 0 : M.call(K)) || e.props.label, R = !a && e.active ? 0 : -1;
+        return s("div", at({
           ref: `tab-${d}`,
-          class: [n.e("item"), n.is(h.props.tabPosition), n.is("active", o.active), n.is("disabled", a), n.is("closable", m), n.is("focus", O.value)],
-          id: `tab-${r}`,
+          class: [r.e("item"), r.is(g.props.tabPosition), r.is("active", e.active), r.is("disabled", a), r.is("closable", m), r.is("focus", B.value)],
+          id: `tab-${n}`,
           key: `tab-${d}`,
-          "aria-controls": `pane-${r}`,
+          "aria-controls": `pane-${n}`,
           role: "tab",
-          "aria-selected": o.active,
-          tabindex: I,
-          onFocus: () => F(),
-          onBlur: () => R(),
-          onClick: (f) => {
-            R(), g("tabClick", o, r, f);
-          },
+          "aria-selected": e.active,
+          tabindex: R,
+          onFocus: () => E(),
+          onBlur: () => O()
+        }, {
+          [i.trigger === "click" ? "onClick" : "onMouseenter"]: (f) => {
+            O(), C("tabClick", e, n, f);
+          }
+        }, {
           onContextmenu: (f) => {
-            f.preventDefault(), g("tabContextmenu", {
-              pane: o,
-              index: C,
+            f.preventDefault(), C("tabContextmenu", {
+              pane: e,
+              index: h,
               event: f
             });
           },
           onKeydown: (f) => {
-            m && (f.code === k.delete || f.code === k.backspace) && g("tabRemove", o, f);
+            m && (f.code === k.delete || f.code === k.backspace) && C("tabRemove", e, f);
           }
-        }, [v, l]);
+        }), [v, l]);
       });
-    }), ot = i.editable || i.addable ? s("span", {
-      class: n.e("new-tab"),
+    }), et = i.editable || i.addable ? s("span", {
+      class: r.e("new-tab"),
       tabindex: "0",
-      onClick: () => g("tabAdd"),
+      onClick: () => C("tabAdd"),
       onKeydown: (t) => {
-        t.code === k.enter && g("tabAdd");
+        t.code === k.enter && C("tabAdd");
       }
-    }, [(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 ? P : x,
+    }, [(W = i.addIconCfg) != null && W.icon ? s($, i.addIconCfg, null) : null]) : null;
+    lt();
+    const F = (t = !1) => s("div", {
+      class: [r.e("nav"), r.is(g.props.tabPosition), r.is("fixed-nav", t), r.is("stretch", i.stretch && ["top", "bottom"].includes(g.props.tabPosition))],
+      ref: t ? P.value : x.value,
       style: t ? {} : G.value,
       role: "tablist",
       onKeydown: Z
-    }, [i.showBar ? s(ft, {
+    }, [i.showBar ? s(vt, {
       tabs: [...i.panes]
     }, null) : null, tt.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)]
+      ref: I.value,
+      class: [r.e("nav-wrap"), r.is("scrollable", !!c.value), r.is(g.props.tabPosition)]
     }, [_.value, s("div", {
-      class: [n.e("nav-scroll"), n.is("have-fixed-tab", !!i.fixTabCount)],
-      ref: p
-    }, [N(), i.fixTabCount ? N(!0) : null, ot])]);
+      class: [r.e("nav-scroll"), r.is("have-fixed-tab", !!i.fixTabCount)],
+      ref: p.value
+    }, [F(), i.fixTabCount ? F(!0) : null, et])]);
   }
 });
 export {
-  ae as default
+  so as default
 };

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

@@ -22,6 +22,8 @@ export interface TabsProps {
     arrowRightIconCfg?: IconProps;
     fixTabCount?: number;
     fixExtraScrollWidth?: number;
+    /** tab 触发方式 */
+    trigger?: 'click' | 'hover';
 }
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<TabsProps>, {
     currentName: globalThis.Ref<string | number>;

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

@@ -1,4 +1,4 @@
-import { defineComponent as I, getCurrentInstance as h, useSlots as S, ref as v, watch as g, nextTick as M, computed as c, createVNode as s, provide as W } from "vue";
+import { defineComponent as I, getCurrentInstance as C, useSlots as S, ref as v, watch as h, nextTick as M, computed as c, createVNode as d, provide as W } from "vue";
 import "@vueuse/core";
 import { isUndefined as x } from "@vft/utils";
 import "../../utils/ns-cover.js";
@@ -10,11 +10,11 @@ import "../../hooks/use-z-index/index.js";
 import { UPDATE_MODEL_EVENT as U } from "@vft/constants";
 import $ from "./tab-nav.vue2.js";
 import { TabsRootContextKey as F } from "./types.js";
-const d = (
+const l = (
   /* hoist-static*/
   D("tabs")
 ), K = I({
-  name: d.b()
+  name: l.b()
 }), oe = /* @__PURE__ */ I({
   ...K,
   props: {
@@ -49,6 +49,9 @@ const d = (
     },
     fixExtraScrollWidth: {
       default: 0
+    },
+    trigger: {
+      default: "click"
     }
   },
   emits: ["update:modelValue", "tabClick", "tabContextMenu", "tabChange", "tabRemove", "tabAdd", "edit"],
@@ -56,49 +59,49 @@ const d = (
     expose: w,
     emit: T
   }) {
-    const a = T, R = h(), n = S(), f = v(), r = v(t.modelValue ?? "0"), u = async (e, o = !1) => {
-      var i, l, C;
+    const a = T, R = C(), o = S(), f = v(), r = v(t.modelValue ?? "0"), u = async (e, n = !1) => {
+      var i, s, g;
       if (!(r.value === e || x(e)))
         try {
-          await ((i = t.beforeLeave) == null ? void 0 : i.call(t, e, r.value)) !== !1 && (r.value = e, o && (a(U, e), a("tabChange", e)), (C = (l = f.value) == null ? void 0 : l.removeFocus) == null || C.call(l));
+          await ((i = t.beforeLeave) == null ? void 0 : i.call(t, e, r.value)) !== !1 && (r.value = e, n && (a(U, e), a("tabChange", e)), (g = (s = f.value) == null ? void 0 : s.removeFocus) == null || g.call(s));
         } catch {
         }
-    }, y = (e, o, i) => {
-      e.props.disabled || (u(o, !0), a("tabClick", e, i));
-    }, L = (e, o) => {
-      e.props.disabled || x(e.props.name) || (o.stopPropagation(), a("edit", e.props.name, "remove"), a("tabRemove", e.props.name));
+    }, y = (e, n, i) => {
+      e.props.disabled || (u(n, !0), a("tabClick", e, i));
+    }, L = (e, n) => {
+      e.props.disabled || x(e.props.name) || (n.stopPropagation(), a("edit", e.props.name, "remove"), a("tabRemove", e.props.name));
     };
-    g(() => t.modelValue, (e) => u(e)), g(r, async () => {
+    h(() => t.modelValue, (e) => u(e)), h(r, async () => {
       var e;
       await M(), (e = f.value) == null || e.scrollToActiveTab();
     });
-    const p = () => {
+    const B = () => {
       a("edit", void 0, "add"), a("tabAdd");
-    }, B = (e, o, i) => {
-      a("tabContextMenu", e, o, i);
+    }, P = (e, n, i) => {
+      a("tabContextMenu", e, n, i);
     }, m = c(() => {
       var e;
-      return s("div", {
-        class: d.e("content")
-      }, [(e = n.default) == null ? void 0 : e.call(n)]);
+      return d("div", {
+        class: l.e("content")
+      }, [(e = o.default) == null ? void 0 : e.call(o)]);
     }), {
-      children: P,
-      addChild: E,
-      removeChild: A
-    } = O(h(), "vft-tab-pane");
+      children: E,
+      addChild: k,
+      removeChild: p
+    } = O(C(), "vft-tab-pane");
     W(F, {
       props: R.props,
       currentName: r,
-      registerPane: E,
-      unregisterPane: A
+      registerPane: k,
+      unregisterPane: p
     }), w({
       currentName: r
     });
-    const V = c(() => ({
+    const A = c(() => ({
       icon: "icon-plus",
       size: 12,
       ...t.addIconCfg
-    })), k = c(() => ({
+    })), V = c(() => ({
       icon: "icon-close",
       size: 14,
       ...t.closeIconCfg
@@ -112,29 +115,32 @@ const d = (
       ...t.arrowRightIconCfg
     })), b = c(() => {
       var e;
-      return s("div", {
-        class: [d.e("header"), d.is(t.tabPosition)]
-      }, [s($, {
+      return d("div", {
+        class: [l.e("header"), l.is(t.tabPosition)]
+      }, [d($, {
         ref: f.value,
-        panes: P.value,
+        panes: E.value,
         stretch: t.stretch,
         showBar: t.showBar,
-        closeIconCfg: k.value,
-        addIconCfg: V.value,
+        closeIconCfg: V.value,
+        addIconCfg: A.value,
         arrowRightIconCfg: z.value,
         arrowLeftIconCfg: N.value,
         editable: t.editable,
         fixTabCount: t.fixTabCount,
         fixExtraScrollWidth: t.fixExtraScrollWidth,
         addable: t.addable,
+        trigger: t.trigger,
         onTabClick: y,
         onTabRemove: L,
-        onTabAdd: p,
-        onTabContextmenu: B
-      }, null), (e = n.headerRight) == null ? void 0 : e.call(n)]);
+        onTabAdd: B,
+        onTabContextmenu: P
+      }, null), o.navRight ? d("div", {
+        class: "nav-right"
+      }, [(e = o.navRight) == null ? void 0 : e.call(o)]) : null]);
     });
-    return () => s("div", {
-      class: [d.b(), d.m(t.tabPosition)]
+    return () => d("div", {
+      class: [l.b(), l.m(t.tabPosition)]
     }, [...t.tabPosition !== "bottom" ? [b.value, m.value] : [m.value, b.value]]);
   }
 });

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

@@ -1,3 +1,4 @@
+import type { Options } from '@popperjs/core';
 import type { Dayjs } from 'dayjs';
 import type { DateModelType, DayOrDays, PickerOptions, SingleOrRange } from './props';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
@@ -61,15 +62,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     readonly readonly: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly disabled: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly placeholder: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly popperOptions: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any) | (() => Options) | {
-        (): Options;
-        new (): any;
-        readonly prototype: any;
-    } | ((new (...args: any[]) => any) | (() => Options) | {
-        (): Options;
-        new (): any;
-        readonly prototype: any;
-    })[], unknown, unknown, () => {}, boolean>;
+    readonly popperOptions: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
     readonly modelValue: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType) | ((new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType))[], unknown, unknown, "", boolean>;
     readonly rangeSeparator: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
     readonly startPlaceholder: StringConstructor;
@@ -182,15 +175,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     readonly readonly: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly disabled: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly placeholder: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly popperOptions: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any) | (() => Options) | {
-        (): Options;
-        new (): any;
-        readonly prototype: any;
-    } | ((new (...args: any[]) => any) | (() => Options) | {
-        (): Options;
-        new (): any;
-        readonly prototype: any;
-    })[], unknown, unknown, () => {}, boolean>;
+    readonly popperOptions: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
     readonly modelValue: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType) | ((new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType))[], unknown, unknown, "", boolean>;
     readonly rangeSeparator: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
     readonly startPlaceholder: StringConstructor;
@@ -224,13 +209,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     readonly modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType) | ((new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType))[], unknown, unknown>;
     readonly readonly: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly disabled: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     readonly placeholder: string;
     readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
     readonly clearIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
-    readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     readonly validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly popperOptions: any;
+    readonly popperOptions: Partial<Options>;
     readonly popperClass: string;
     readonly editable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly rangeSeparator: string;
@@ -249,7 +234,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: string;
         defaultValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>))[], unknown, unknown> | undefined;
         pick: (date?: any, visible?: boolean) => void;
-        "select-range": (start: number, end: number, pos?: "max" | "min" | undefined) => void;
+        "select-range": (start: number, end: number, pos?: "min" | "max" | undefined) => void;
         "set-picker-option": <T extends keyof PickerOptions>(e: [T, PickerOptions[T]]) => void;
         "calendar-change": (e: [Date, false | Date]) => void;
         "panel-change": (value: [Dayjs, Dayjs], mode: "year" | "month", view: unknown) => void;

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

@@ -1,3 +1,4 @@
+import type { Options } from '@popperjs/core';
 import type { Dayjs } from 'dayjs';
 import type { Component, ExtractPropTypes } from 'vue';
 export type SingleOrRange<T> = T | [T, T];
@@ -70,15 +71,7 @@ export declare const timePickerDefaultProps: {
     readonly readonly: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly disabled: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly placeholder: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly popperOptions: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any) | (() => Options) | {
-        (): Options;
-        new (): any;
-        readonly prototype: any;
-    } | ((new (...args: any[]) => any) | (() => Options) | {
-        (): Options;
-        new (): any;
-        readonly prototype: any;
-    })[], unknown, unknown, () => {}, boolean>;
+    readonly popperOptions: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
     readonly modelValue: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => ModelValueType) | ((new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => ModelValueType))[], unknown, unknown, "", boolean>;
     readonly rangeSeparator: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
     readonly startPlaceholder: StringConstructor;

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" | "D" | "M" | "year" | "month" | "date" | "dates" | "week" | "h" | "day" | "hour" | "minute" | "second" | "millisecond" | "hours" | "minutes" | "seconds" | "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?: "s" | "ms" | "y" | "D" | "M" | "year" | "month" | "date" | "dates" | "week" | "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" | "D" | "M" | "year" | "month" | "date" | "dates" | "week" | "h" | "day" | "hour" | "minute" | "second" | "millisecond" | "hours" | "minutes" | "seconds" | "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?: "s" | "ms" | "y" | "D" | "M" | "year" | "month" | "date" | "dates" | "week" | "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;