vft 0.0.142 → 0.0.144

package/es/components/menu/sub-menu.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as G, getCurrentInstance as ne, computed as n, inject as H, ref as g, reactive as ie, watch as le, provide as ue, onMounted as ae, onBeforeUnmount as se, useSlots as pe, h as s, Fragment as me, withDirectives as ce, vShow as de } from "vue";
+import { defineComponent as G, getCurrentInstance as ne, computed as n, inject as L, ref as g, reactive as ie, watch as le, provide as ue, onMounted as ae, onBeforeUnmount as se, useSlots as pe, h as s, Fragment as me, withDirectives as ce, vShow as de } from "vue";
 import { singleAttrToObj as I, renderTNode as ve, isMobile as fe } from "@vft/utils";
 import "../alert/index.js";
 import "../avatar/index.js";
@@ -29,7 +29,7 @@ import "../form/index.js";
 import "../full-screen/index.js";
 import "../header-layout/index.js";
 import "../horizontal-menu/index.js";
-import { VftIcon as L } from "../icon/index.js";
+import { VftIcon as U } from "../icon/index.js";
 import "../icon-text/index.js";
 import "../iframe-layout/index.js";
 import "../image/index.js";
@@ -84,8 +84,8 @@ import "../md-comment/index.js";
 import "../md-container/index.js";
 import "../md-tabs/index.js";
 import "../md-vue-playground/index.js";
-import { useTimeoutFn as U } from "@vueuse/core";
-import { throwError as Z } from "../../utils/error.js";
+import { useTimeoutFn as Z } from "@vueuse/core";
+import { throwError as q } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
 import "lodash";
 import { useNamespace as k } from "../../hooks/use-namespace/index.js";
@@ -96,11 +96,11 @@ import "../infinite-scroll/index.js";
 import "../progress-i/index.js";
 import he from "./use-menu.js";
 import { useMenuCssVar as Te } from "./use-menu-css-var.js";
-const q = (
+const z = (
   /* hoist-static*/
   k("sub-menu")
 ), Ce = G({
-  name: "vft-sub-menu",
+  name: z.b(),
   inheritAttrs: !1
 }), ct = /* @__PURE__ */ G({
   ...Ce,
@@ -140,37 +140,37 @@ const q = (
   emits: ["mouseenter", "mouseleave"],
   setup(o, {
     expose: J,
-    emit: z
+    emit: E
   }) {
     const f = ne(), {
       indexPath: T,
-      parentMenu: E
-    } = he(f, n(() => o.index)), p = k("menu"), a = k("sub-menu"), e = H("rootMenu");
-    e || Z(q.b(), "can not inject root menu");
-    const u = H(`subMenu:${E.value.uid}`);
-    u || Z(q.b(), "can not inject sub menu");
+      parentMenu: A
+    } = he(f, n(() => o.index)), p = k("menu"), a = k("sub-menu"), e = L("rootMenu");
+    e || q(z.b(), "can not inject root menu");
+    const u = L(`subMenu:${A.value.uid}`);
+    u || q(z.b(), "can not inject sub menu");
     const w = g({});
     let m;
-    const A = g(!1), K = g(), B = g(null), P = n(() => d.value === "horizontal" && C.value ? "bottom-start" : "right-start"), C = n(() => u.level === 0), y = n(() => o.teleported === void 0 ? C.value : o.teleported), Q = n(() => e.props.collapse ? `${p.namespace.value}-zoom-in-left` : `${p.namespace.value}-zoom-in-top`), W = n(() => d.value === "horizontal" && C.value ? ["bottom-start", "bottom-end", "top-start", "top-end", "right-start", "left-start"] : ["right-start", "left-start", "bottom-start", "bottom-end", "top-start", "top-end"]), c = n(() => e.openedMenus.includes(o.index)), M = n(() => {
+    const B = g(!1), K = g(), P = g(null), j = n(() => d.value === "horizontal" && C.value ? "bottom-start" : "right-start"), C = n(() => u.level === 0), y = n(() => o.teleported === void 0 ? C.value : o.teleported), Q = n(() => e.props.collapse ? `${p.namespace.value}-zoom-in-left` : `${p.namespace.value}-zoom-in-top`), W = n(() => d.value === "horizontal" && C.value ? ["bottom-start", "bottom-end", "top-start", "top-end", "right-start", "left-start"] : ["right-start", "left-start", "bottom-start", "bottom-end", "top-start", "top-end"]), c = n(() => e.openedMenus.includes(o.index)), M = n(() => {
       let t = !1;
       return Object.values(w.value).forEach((l) => {
         l.active && (t = !0);
       }), o.index === e.activeIndex && (t = !0), t;
-    }), j = n(() => e.props.backgroundColor || ""), F = n(() => e.props.activeTextColor || ""), $ = n(() => e.props.textColor || ""), d = n(() => e.props.mode), x = ie({
+    }), F = n(() => e.props.backgroundColor || ""), $ = n(() => e.props.activeTextColor || ""), O = n(() => e.props.textColor || ""), d = n(() => e.props.mode), x = ie({
       index: o.index,
       indexPath: T,
       active: M
-    }), O = Te(e.props, u.level + 1), V = n(() => d.value !== "horizontal" ? {
-      color: $.value
+    }), V = Te(e.props, u.level + 1), N = n(() => d.value !== "horizontal" ? {
+      color: O.value
     } : {
-      borderBottomColor: M.value ? e.props.activeTextColor ? F.value : "" : "transparent",
-      color: M.value ? F.value : $.value
+      borderBottomColor: M.value ? e.props.activeTextColor ? $.value : "" : "transparent",
+      color: M.value ? $.value : O.value
     }), X = () => {
       var t, l, i;
-      return (i = (l = (t = B.value) == null ? void 0 : t.popperRef) == null ? void 0 : l.popperInstanceRef) == null ? void 0 : i.destroy();
+      return (i = (l = (t = P.value) == null ? void 0 : t.popperRef) == null ? void 0 : l.popperInstanceRef) == null ? void 0 : i.destroy();
     }, Y = (t) => {
       t || X();
-    }, N = (t) => {
+    }, R = (t) => {
       if (e.props.menuTrigger === "hover" && e.props.mode === "horizontal" && !fe() || e.props.collapse && e.props.mode === "vertical" || o.disabled)
         return;
       const l = {
@@ -184,9 +184,9 @@ const q = (
       var i;
       t.type !== "focus" && (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || o.disabled || (u.mouseInChild.value = !0, m == null || m(), {
         stop: m
-      } = U(() => {
+      } = Z(() => {
         e.openMenu(o.index, T.value);
-      }, l), y.value && ((i = E.value.vnode.el) == null || i.dispatchEvent(new MouseEvent("mouseenter"))), z("mouseenter", t)));
+      }, l), y.value && ((i = A.value.vnode.el) == null || i.dispatchEvent(new MouseEvent("mouseenter"))), E("mouseenter", t)));
     }, _ = () => {
       e.inSubMenuMouseEnterTimer && clearTimeout(e.inSubMenuMouseEnterTimer), e.inSubMenuMouseleaveTimer && clearTimeout(e.inSubMenuMouseleaveTimer), e.inSubMenuMouseEnterTimer = setTimeout(() => {
         e.inSubMenu = !0;
@@ -199,9 +199,9 @@ const q = (
       var i, r;
       e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || (m == null || m(), u.mouseInChild.value = !1, {
         stop: m
-      } = U(() => {
-        !A.value && e.closeMenu(o.index, T.value);
-      }, o.hideTimeout), y.value && l && ((i = f.parent) == null ? void 0 : i.type.name) === "vft-sub-menu" && ((r = u.handleMouseleave) == null || r.call(u, t, !0)), z("mouseleave", t));
+      } = Z(() => {
+        !B.value && e.closeMenu(o.index, T.value);
+      }, o.hideTimeout), y.value && l && ((i = f.parent) == null ? void 0 : i.type.name) === "vft-sub-menu" && ((r = u.handleMouseleave) == null || r.call(u, t, !0)), E("mouseleave", t));
     };
     le(() => e.props.collapse, (t) => Y(!!t));
     {
@@ -214,7 +214,7 @@ const q = (
         addSubMenu: t,
         removeSubMenu: l,
         handleMouseleave: S,
-        mouseInChild: A,
+        mouseInChild: B,
         level: u.level + 1
       });
     }
@@ -225,7 +225,7 @@ const q = (
     }), se(() => {
       u.removeSubMenu(x), e.removeSubMenu(x);
     });
-    const v = pe(), R = n(() => I(o.icon, "icon")), oe = n(() => I(o.expandIcon, "icon")), te = n(() => I(o.collapseIcon, "icon")), re = n(() => d.value === "horizontal" && C.value || d.value === "vertical" && !e.props.collapse ? {
+    const v = pe(), D = n(() => I(o.icon, "icon")), oe = n(() => I(o.expandIcon, "icon")), te = n(() => I(o.collapseIcon, "icon")), re = n(() => d.value === "horizontal" && C.value || d.value === "vertical" && !e.props.collapse ? {
       icon: "icon-arrow-down",
       size: 20,
       ...oe.value
@@ -233,22 +233,22 @@ const q = (
       icon: "icon-arrow-right",
       size: 18,
       ...te.value
-    }), D = n(() => ve(f, "title"));
+    }), H = n(() => ve(f, "title"));
     return () => {
       var i;
-      const t = [(i = R.value) != null && i.icon ? s(L, {
-        ...R.value
+      const t = [(i = D.value) != null && i.icon ? s(U, {
+        ...D.value
       }) : null, s("span", {
         class: [a.e("text"), a.is("arrow", o.showArrow)],
         title: f.props.title
-      }, D.value), o.showArrow ? s(L, {
+      }, H.value), o.showArrow ? s(U, {
         class: a.e("icon-arrow"),
         ...re.value,
         style: {
           transform: c.value ? "rotateZ(180deg)" : "none"
         }
       }) : !1], l = e.isMenuPopup ? s(be, {
-        ref: B,
+        ref: P,
         visible: c.value,
         effect: "light",
         pure: !0,
@@ -256,7 +256,7 @@ const q = (
         showArrow: !1,
         persistent: !0,
         popperClass: o.popperClass,
-        placement: P.value,
+        placement: j.value,
         teleported: y.value,
         fallbackPlacements: W.value,
         transition: Q.value,
@@ -271,35 +271,35 @@ const q = (
             onMouseleave: (h) => S(h, !0),
             onFocus: (h) => b(h, 100)
           }, [s("ul", {
-            class: [p.b(), p.m("popup"), p.m(`popup-${P.value}`)],
-            style: O.value
+            class: [p.b(), p.m("popup"), p.m(`popup-${j.value}`)],
+            style: V.value
           }, [(r = v.default) == null ? void 0 : r.call(v)])]);
         },
         default: () => s("div", {
           class: a.e("title"),
-          style: [V.value, {
-            backgroundColor: j.value
+          style: [N.value, {
+            backgroundColor: F.value
           }],
           onMouseenter: (r) => b(r),
           onMouseleave: (r) => S(r, !0),
-          onClick: (r) => N(r)
+          onClick: (r) => R(r)
         }, t)
       }) : (
         // 以下是无需 tooltip 渲染的组件，通常是侧边栏没有折叠的时候
-        s(me, {}, [D.value ? s("div", {
+        s(me, {}, [H.value ? s("div", {
           class: a.e("title"),
-          style: [V.value, {
-            backgroundColor: j.value
+          style: [N.value, {
+            backgroundColor: F.value
           }],
           ref: K,
-          onClick: N
+          onClick: R
         }, t) : null, s(Me, {}, {
           default: () => {
             var r;
             return ce(s("ul", {
               role: "menu",
               class: [p.b(), p.m("inline")],
-              style: O.value
+              style: V.value
             }, [(r = v.default) == null ? void 0 : r.call(v)]), [[de, c.value]]);
           }
         })])

package/es/components/message/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstallFunction as s } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import e from "./method.js";
 import { messageDefaults as n, messageTypes as u } from "./types.js";

package/es/components/message/method.js

@@ -1,7 +1,7 @@
-import { isNumber as T, isString as f, isVNode as h, isFunction as a, isElement as v } from "@vft/utils";
+import { isNumber as T, isString as f, isFunction as a, isElement as v } from "@vft/utils";
+import { isVNode as h, render as u, createVNode as b } from "vue";
 import "../config-provider/index.js";
-import { isClient as b } from "@vueuse/core";
-import { render as u, createVNode as y } from "vue";
+import { isClient as y } from "@vueuse/core";
 import { debugWarn as C } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
 import "lodash";
@@ -43,7 +43,7 @@ const x = (e) => {
     onDestroy: () => {
       u(null, c);
     }
-  }, l = y(
+  }, l = b(
     E,
     t,
     a(t.message) || h(t.message) ? {
@@ -67,7 +67,7 @@ const x = (e) => {
   };
   return d;
 }, p = (e = {}, n) => {
-  if (!b)
+  if (!y)
     return { close: () => {
     } };
   if (T(g.max) && i.length >= g.max)

package/es/components/modal/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as o } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import t from "./modal.vue2.js";
 import { useModal as d, useModalInner as u } from "./use/use-modal.js";

package/es/components/modal/use/use-modal.d.ts

@@ -3,4 +3,4 @@ import type { UseModalInnerReturnType, UseModalReturnType } from '../types';
  * @description: Applicable to independent modal and call outside
  */
 export declare function useModal(): UseModalReturnType;
-export declare const useModalInner: (callbackFn?: Fn) => UseModalInnerReturnType;
+export declare const useModalInner: (callbackFn?: any) => UseModalInnerReturnType;

package/es/components/multiple-tabs/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as o } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import t from "./multiple-tabs.vue2.js";
 import "./multiple-tabs.vue3.js";

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

@@ -1,7 +1,7 @@
-import { defineComponent as P, getCurrentInstance as W, ref as b, computed as y, watchEffect as z, unref as r, openBlock as h, createElementBlock as C, normalizeClass as D, normalizeStyle as H, createVNode as S, withCtx as R, Fragment as K, renderList as $, createBlock as F } from "vue";
-import { useRouterHelper as U, getRouterKeyPath as f, listenerRouteChange as j } from "@vft/router";
-import { useMultipleTabStore as q, useTabs as G } from "@vft/store";
-import { useRefs as J } from "@vft/use";
+import { defineComponent as P, getCurrentInstance as z, ref as b, computed as y, watchEffect as D, unref as r, openBlock as h, createElementBlock as C, normalizeClass as H, normalizeStyle as K, createVNode as S, withCtx as R, Fragment as $, renderList as F, createBlock as U } from "vue";
+import { useRouterHelper as j, getRouterKeyPath as f, listenerRouteChange as q } from "@vft/router";
+import { useMultipleTabStore as G, useTabs as J } from "@vft/store";
+import { useRefs as L } from "@vft/use";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../backtop/index.js";
@@ -64,7 +64,7 @@ import "../slider/index.js";
 import "../space/index.js";
 import "../switch/index.js";
 import "../table/index.js";
-import { VftTabs as L, VftTabPane as O } from "../tabs/index.js";
+import { VftTabs as O, VftTabPane as Q } from "../tabs/index.js";
 import "../tag/index.js";
 import "../time-picker/index.js";
 import "../tooltip/index.js";
@@ -90,21 +90,21 @@ import "../md-vue-playground/index.js";
 import "@vueuse/core";
 import { generateCssVars as _ } from "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as Q } from "../../hooks/use-namespace/index.js";
+import { useNamespace as X } 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 X from "hotkeys-js";
-import { onBeforeRouteLeave as Y } from "vue-router";
-import Z from "./tab-content.vue2.js";
-import { initAffixTabs as tt, useTabsDrag as et } from "./use/use-multiple-tabs.js";
-const ot = (
+import Y from "hotkeys-js";
+import { onBeforeRouteLeave as Z } from "vue-router";
+import tt from "./tab-content.vue2.js";
+import { initAffixTabs as et, useTabsDrag as ot } from "./use/use-multiple-tabs.js";
+const k = (
   /* hoist-static*/
-  Q("multiple-tabs")
+  X("multiple-tabs")
 ), rt = P({
-  name: "vft-multiple-tabs"
+  name: k.b()
 }), Ze = /* @__PURE__ */ P({
   ...rt,
   props: {
@@ -115,54 +115,54 @@ const ot = (
     fixExtraScrollWidth: {}
   },
   setup(d) {
-    const l = W().appContext.config.globalProperties.$router, i = tt(l);
-    d.canDrag && et(i);
-    const s = q(), m = b(""), n = b(0), x = b(), { go: v } = U(l), c = y(() => s.getTabList.filter((t) => {
+    const l = z().appContext.config.globalProperties.$router, i = et(l);
+    d.canDrag && ot(i);
+    const s = G(), m = b(""), a = b(0), x = b(), { go: v } = j(l), c = y(() => s.getTabList.filter((t) => {
       var e;
       return !((e = t.meta) != null && e.hideTab);
     }));
-    z(() => {
+    D(() => {
       var t;
       if (m.value) {
         const e = c.value.findIndex((o) => f(o) === m.value);
-        e === -1 ? n.value = ((t = c.value) == null ? void 0 : t.length) - 1 : n.value = e, n.value = n.value < (i == null ? void 0 : i.length) ? (i == null ? void 0 : i.length) - 1 : n.value;
+        e === -1 ? a.value = ((t = c.value) == null ? void 0 : t.length) - 1 : a.value = e, a.value = a.value < (i == null ? void 0 : i.length) ? (i == null ? void 0 : i.length) - 1 : a.value;
       }
-    }), Y(() => {
+    }), Z(() => {
       x.value = r(l.currentRoute);
-    }), j((t) => {
+    }), q((t) => {
       var g;
       if (!t || (g = t.meta) != null && g.hasTokenToRoot)
         return;
-      const { meta: e = {} } = t, { currentActivePath: o, hideTab: a } = e, p = a ? o : null, u = f(t);
+      const { meta: e = {} } = t, { currentActivePath: o, hideTab: n } = e, p = n ? o : null, u = f(t);
       if (m.value !== u && (m.value = u), p) {
-        let T = l.getRoutes().find((A) => A.path === o);
+        let T = l.getRoutes().find((W) => W.path === o);
         T && s.addTab(
           T,
           r(x),
-          n.value,
+          a.value,
           t
         );
       } else
-        s.addTab(r(t), r(x), n.value);
+        s.addTab(r(t), r(x), a.value);
     });
-    function k(t) {
-      var a, p;
+    function B(t) {
+      var n, p;
       if (m.value === t.paneName)
         return;
       const e = c.value[t.attrs.index];
       m.value = t.paneName;
-      const o = (p = (a = e == null ? void 0 : e.meta) == null ? void 0 : a.hideActiveRoute) == null ? void 0 : p.fullPath;
+      const o = (p = (n = e == null ? void 0 : e.meta) == null ? void 0 : n.hideActiveRoute) == null ? void 0 : p.fullPath;
       v(o || e.fullPath || e.path);
     }
-    function B(t) {
+    function M(t) {
       s.closeTabByKey(t, l);
     }
-    const [M, E] = J();
-    function I(t) {
+    const [E, I] = L();
+    function N(t) {
       const e = t.pane.attrs.index, o = t.event;
-      M.value[e].handleContext(o);
+      E.value[e].handleContext(o);
     }
-    const N = y(() => ({ ..._({
+    const w = y(() => ({ ..._({
       padding: "4px 0 0",
       "border-bottom": "none",
       "header-height": "26px",
@@ -175,11 +175,11 @@ const ot = (
       "header-margin": "0 0 0 8px",
       "item-border-radius": "5px 5px 0 0",
       "item-border": "none"
-    }, "tabs"), ...d.tabsStyle })), { closeCurrent: w } = G();
-    X("command+e, ctrl+e", function() {
-      return w(), !1;
+    }, "tabs"), ...d.tabsStyle })), { closeCurrent: V } = J();
+    Y("command+e, ctrl+e", function() {
+      return V(), !1;
     });
-    const V = {
+    const A = {
       ..._(
         {
           "sub-item-height": "40px",
@@ -190,36 +190,36 @@ const ot = (
       ...d.contextMenuStyle
     };
     return (t, e) => (h(), C("div", {
-      class: D(r(ot).b()),
-      style: H(N.value)
+      class: H(r(k).b()),
+      style: K(w.value)
     }, [
-      S(r(L), {
+      S(r(O), {
         showBar: !1,
         fixTabCount: t.fixTabCount,
         fixExtraScrollWidth: t.fixExtraScrollWidth,
         "model-value": m.value,
         "onUpdate:modelValue": e[0] || (e[0] = (o) => m.value = o),
-        onTabClick: k,
-        onTabRemove: B,
-        onTabContextMenu: I
+        onTabClick: B,
+        onTabRemove: M,
+        onTabContextMenu: N
       }, {
         default: R(() => [
-          (h(!0), C(K, null, $(c.value, (o, a) => {
+          (h(!0), C($, null, F(c.value, (o, n) => {
             var p;
-            return h(), F(r(O), {
-              key: r(f)(o) + a,
+            return h(), U(r(Q), {
+              key: r(f)(o) + n,
               closable: !((p = o.meta) != null && p.affix),
-              index: a,
+              index: n,
               name: r(f)(o)
             }, {
               label: R(() => {
                 var u;
                 return [
-                  S(Z, {
-                    contextMenuStyle: V,
+                  S(tt, {
+                    contextMenuStyle: A,
                     affixNum: (u = r(i)) == null ? void 0 : u.length,
                     ref_for: !0,
-                    ref: r(E)(a),
+                    ref: r(I)(n),
                     tabItem: o
                   }, null, 8, ["affixNum", "tabItem"])
                 ];

package/es/components/overlay/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 "./overlay.vue2.js";
 const s = t(o);

package/es/components/overlay/overlay.vue2.js

@@ -1,16 +1,16 @@
-import { defineComponent as c, useSlots as k, createVNode as v, renderSlot as l, h as r } from "vue";
-import { noop as u } from "@vft/utils";
+import { defineComponent as c, useSlots as x, createVNode as y, renderSlot as u, h as r } from "vue";
+import { noop as l } from "@vft/utils";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as y } from "../../hooks/use-namespace/index.js";
+import { useNamespace as v } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const x = (
+const i = (
   /* hoist-static*/
-  y("overlay")
+  v("overlay")
 ), C = c({
-  name: "vft-overlay"
+  name: i.b()
 }), V = /* @__PURE__ */ c({
   ...C,
   props: {
@@ -21,10 +21,10 @@ const x = (
     zIndex: {}
   },
   emits: ["click"],
-  setup(o, { emit: i }) {
-    const d = (t) => {
+  setup(o, { emit: d }) {
+    const m = (t) => {
       if (!t)
-        return { onClick: u, onMousedown: u, onMouseup: u };
+        return { onClick: l, onMousedown: l, onMouseup: l };
       let s = !1, a = !1;
       return { onClick: (e) => {
         s && a && t(e), s = a = !1;
@@ -33,26 +33,26 @@ const x = (
       }, onMouseup: (e) => {
         a = e.target === e.currentTarget;
       } };
-    }, n = k(), m = (t) => {
-      i("click", t);
-    }, { onClick: p, onMousedown: f, onMouseup: M } = d(
-      o.customMaskEvent ? void 0 : m
+    }, n = x(), p = (t) => {
+      d("click", t);
+    }, { onClick: f, onMousedown: M, onMouseup: k } = m(
+      o.customMaskEvent ? void 0 : p
     );
-    return () => o.mask ? v(
+    return () => o.mask ? y(
       "div",
       {
-        class: [x.b(), o.overlayClass],
+        class: [i.b(), o.overlayClass],
         style: {
           zIndex: o.zIndex
         },
-        onClick: p,
-        onMousedown: f,
-        onMouseup: M
+        onClick: f,
+        onMousedown: M,
+        onMouseup: k
       },
-      [l(n, "default")],
+      [u(n, "default")],
       14,
       ["onClick", "onMouseup", "onMousedown"]
-    ) : o.onlyNode ? r("div", {}, [l(n, "default")]) : r(
+    ) : o.onlyNode ? r("div", {}, [u(n, "default")]) : r(
       "div",
       {
         class: o.overlayClass,
@@ -65,7 +65,7 @@ const x = (
           left: "0px"
         }
       },
-      [l(n, "default")]
+      [u(n, "default")]
     );
   }
 });

package/es/components/page-wrapper/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 r from "./page-wrapper.vue2.js";
 const s = t(r);

package/es/components/page-wrapper/page-wrapper.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as s, openBlock as n, createElementBlock as i, normalizeClass as t, unref as e, createElementVNode as o, toDisplayString as l, renderSlot as m } from "vue";
+import { defineComponent as p, openBlock as n, createElementBlock as i, normalizeClass as o, unref as e, createElementVNode as r, toDisplayString as l, renderSlot as m } from "vue";
 import { useRouterHelper as c } from "@vft/router";
 import "@vueuse/core";
 import "@vft/utils";
@@ -7,32 +7,32 @@ import "lodash";
 import { useNamespace as d } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const r = (
+const t = (
   /* hoist-static*/
   d("page-wrapper")
-), f = s({
-  name: "vft-page-wrapper"
-}), S = /* @__PURE__ */ s({
-  ...f,
+), u = p({
+  name: t.b()
+}), S = /* @__PURE__ */ p({
+  ...u,
   props: {
     title: {}
   },
-  setup(u) {
+  setup(f) {
     const { getTitle: a } = c();
-    return (p, _) => (n(), i("div", {
-      class: t(e(r).b())
+    return (s, _) => (n(), i("div", {
+      class: o(e(t).b())
     }, [
-      o("div", {
-        class: t(e(r).e("header"))
+      r("div", {
+        class: o(e(t).e("header"))
       }, [
-        o("span", {
-          class: t(e(r).e("title"))
-        }, l(p.title || e(a)), 3)
+        r("span", {
+          class: o(e(t).e("title"))
+        }, l(s.title || e(a)), 3)
       ], 2),
-      o("div", {
-        class: t(e(r).e("content"))
+      r("div", {
+        class: o(e(t).e("content"))
       }, [
-        m(p.$slots, "default")
+        m(s.$slots, "default")
       ], 2)
     ], 2));
   }

package/es/components/pagination/components/sizes.vue2.js

@@ -34,7 +34,9 @@ const G = /* @__PURE__ */ c({
         i.value = e;
       }
     ), console.log(i);
-    const r = g(() => a.pageSizes.map((e) => ({ label: e + "条/页", value: e })));
+    const r = g(
+      () => a.pageSizes.map((e) => ({ label: e + "条/页", value: e }))
+    );
     function m(e) {
       var s;
       e !== i.value && (i.value = e, (s = o.handleSizeChange) == null || s.call(o, Number(e)));