vft 0.0.89 → 0.0.91

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

@@ -1,4 +1,4 @@
-import { defineComponent as G, getCurrentInstance as re, computed as r, inject as L, ref as x, reactive as ie, watch as le, provide as ue, onMounted as ae, onBeforeUnmount as se, useSlots as pe, h as a, Fragment as me, withDirectives as ce, vShow as de } from "vue";
+import { defineComponent as G, getCurrentInstance as re, computed as r, 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 a, Fragment as me, withDirectives as ce, vShow as de } from "vue";
 import "../divider/index.js";
 import { VftIcon as U } from "../icon/index.js";
 import "../avatar/index.js";
@@ -96,14 +96,14 @@ const z = (
 }), tt = /* @__PURE__ */ G({
   ...Te,
   props: {
-    index: null,
+    index: {},
     showTimeout: {
       default: 300
     },
     hideTimeout: {
       default: 300
     },
-    popperClass: null,
+    popperClass: {},
     disabled: {
       type: Boolean
     },
@@ -116,13 +116,13 @@ const z = (
     collapseIcon: {
       default: {}
     },
-    title: null,
-    icon: null,
+    title: {},
+    icon: {},
     showArrow: {
       type: Boolean,
       default: !0
     },
-    toolTipCfg: null,
+    toolTipCfg: {},
     teleported: {
       type: Boolean,
       default: void 0
@@ -140,14 +140,14 @@ const z = (
     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 = x({});
+    const w = g({});
     let m;
-    const B = x(!1), K = x(), P = x(null), j = r(() => d.value === "horizontal" && C.value ? "bottom-start" : "right-start"), C = r(() => u.level === 0), y = r(() => o.teleported === void 0 ? C.value : o.teleported), Q = r(() => e.props.collapse ? `${p.namespace.value}-zoom-in-left` : `${p.namespace.value}-zoom-in-top`), W = r(() => 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 = r(() => e.openedMenus.includes(o.index)), M = r(() => {
+    const B = g(!1), K = g(), P = g(null), j = r(() => d.value === "horizontal" && C.value ? "bottom-start" : "right-start"), C = r(() => u.level === 0), y = r(() => o.teleported === void 0 ? C.value : o.teleported), Q = r(() => e.props.collapse ? `${p.namespace.value}-zoom-in-left` : `${p.namespace.value}-zoom-in-top`), W = r(() => 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 = r(() => e.openedMenus.includes(o.index)), M = r(() => {
       let t = !1;
       return Object.values(w.value).forEach((l) => {
         l.active && (t = !0);
       }), o.index === e.activeIndex && (t = !0), t;
-    }), F = r(() => e.props.backgroundColor || ""), $ = r(() => e.props.activeTextColor || ""), O = r(() => e.props.textColor || ""), d = r(() => e.props.mode), S = ie({
+    }), F = r(() => e.props.backgroundColor || ""), $ = r(() => e.props.activeTextColor || ""), O = r(() => e.props.textColor || ""), d = r(() => e.props.mode), x = ie({
       index: o.index,
       indexPath: T,
       active: M
@@ -186,7 +186,7 @@ const z = (
       e.inSubMenuMouseEnterTimer && clearTimeout(e.inSubMenuMouseEnterTimer), e.inSubMenuMouseleaveTimer && clearTimeout(e.inSubMenuMouseleaveTimer), e.inSubMenuMouseleaveTimer = setTimeout(() => {
         e.inSubMenu = !1;
       }, o.hideTimeout - 10);
-    }, g = (t, l = !1) => {
+    }, S = (t, l = !1) => {
       var i, n;
       e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || (m == null || m(), u.mouseInChild.value = !1, {
         stop: m
@@ -204,7 +204,7 @@ const z = (
       ue(`subMenu:${f.uid}`, {
         addSubMenu: t,
         removeSubMenu: l,
-        handleMouseleave: g,
+        handleMouseleave: S,
         mouseInChild: B,
         level: u.level + 1
       });
@@ -212,9 +212,9 @@ const z = (
     J({
       opened: c
     }), ae(() => {
-      e.addSubMenu(S), u.addSubMenu(S);
+      e.addSubMenu(x), u.addSubMenu(x);
     }), se(() => {
-      u.removeSubMenu(S), e.removeSubMenu(S);
+      u.removeSubMenu(x), e.removeSubMenu(x);
     });
     const v = pe(), D = r(() => I(o.icon, "icon")), oe = r(() => I(o.expandIcon, "icon")), te = r(() => I(o.collapseIcon, "icon")), ne = r(() => d.value === "horizontal" && C.value || d.value === "vertical" && !e.props.collapse ? {
       icon: "ico-ep:arrow-down",
@@ -259,7 +259,7 @@ const z = (
           return a("div", {
             class: [p.m(d.value), p.m("popup-container"), o.popperClass],
             onMouseenter: (h) => b(h, 100),
-            onMouseleave: (h) => g(h, !0),
+            onMouseleave: (h) => S(h, !0),
             onFocus: (h) => b(h, 100)
           }, [a("ul", {
             class: [p.b(), p.m("popup"), p.m(`popup-${j.value}`)],
@@ -272,7 +272,7 @@ const z = (
             backgroundColor: F.value
           }],
           onMouseenter: (n) => b(n),
-          onMouseleave: (n) => g(n, !0),
+          onMouseleave: (n) => S(n, !0),
           onClick: (n) => R(n)
         }, t)
       }) : (
@@ -301,7 +301,7 @@ const z = (
         ariaHaspopup: !0,
         ariaExpanded: c.value,
         onMouseenter: [_, (n) => b(n)],
-        onMouseleave: [ee, (n) => g(n, !0)],
+        onMouseleave: [ee, (n) => S(n, !0)],
         onFocus: b
       }, [l]);
     };

package/es/components/message/message.vue2.js

@@ -1,123 +1,123 @@
-import { defineComponent as R, ref as y, computed as i, onMounted as V, watch as H, openBlock as l, createBlock as $, Transition as D, unref as e, withCtx as F, withDirectives as P, createElementVNode as U, normalizeClass as c, normalizeStyle as Z, createElementBlock as f, createVNode as k, normalizeProps as j, guardReactiveProps as A, createCommentVNode as B, renderSlot as G, toDisplayString as q, withModifiers as J, vShow as K } from "vue";
+import { defineComponent as V, ref as d, computed as s, onMounted as H, watch as $, openBlock as i, createBlock as D, Transition as F, unref as n, withCtx as j, withDirectives as P, createElementVNode as U, normalizeClass as r, normalizeStyle as Z, createElementBlock as u, createVNode as w, normalizeProps as A, guardReactiveProps as G, createCommentVNode as k, renderSlot as _, toDisplayString as q, withModifiers as J, vShow as K } from "vue";
 import { EVENT_CODE as Q } from "@vft/constants";
 import { isObject as W } from "@vft/utils";
 import { useResizeObserver as X, useTimeoutFn as Y } from "@vueuse/core";
-import { useEventListener as _ } from "@vft/use";
+import { useEventListener as x } from "@vft/use";
 import "../config-provider/index.js";
-import { getLastOffset as ee, getOffsetOrSpace as te } from "./instance.js";
-import { VftIcon as M } from "../icon/index.js";
+import { getLastOffset as ee, getOffsetOrSpace as oe } from "./instance.js";
+import { VftIcon as B } from "../icon/index.js";
 import { useGlobalComponentSettings as ne } from "../config-provider/hooks/use-global-config.js";
-const oe = ["id"], se = ["innerHTML"], ie = ["onClick"], ye = /* @__PURE__ */ R({
+const te = ["id"], se = ["innerHTML"], ie = ["onClick"], ge = /* @__PURE__ */ V({
   __name: "message",
   props: {
-    customClass: null,
+    customClass: {},
     center: { type: Boolean },
     dangerouslyUseHTMLString: { type: Boolean },
-    duration: null,
-    icon: null,
-    id: null,
-    message: { type: [String, null, Function] },
+    duration: {},
+    icon: {},
+    id: {},
+    message: { type: [String, Object, Function] },
     onClose: { type: Function },
     showClose: { type: Boolean },
-    type: null,
-    offset: null,
-    zIndex: null,
+    type: {},
+    offset: {},
+    zIndex: {},
     grouping: { type: Boolean },
-    repeatNum: null
+    repeatNum: {}
   },
   emits: ["destroy"],
-  setup(t, { expose: S }) {
-    const n = t, { ns: o, zIndex: b } = ne("message"), { currentZIndex: L, nextZIndex: x } = b, m = y(), r = y(!1), p = y(0);
-    let a;
+  setup(b, { expose: M }) {
+    const o = b, { ns: t, zIndex: S } = ne("message"), { currentZIndex: L, nextZIndex: O } = S, f = d(), l = d(!1), g = d(0);
+    let c;
     const T = /* @__PURE__ */ new Map([
       ["success", { icon: "ico-ep:success-filled" }],
       ["error", { icon: "ico-ep:circle-close-filled" }],
       ["warning", { icon: "ico-ep:warning-filled" }]
-    ]), v = i(() => (n.icon ? W(n.icon) ? n.icon : { icon: n.icon } : "") || T.get(n.type) || ""), z = i(() => {
-      const s = n.type;
-      return { [o.bm("icon", s)]: s };
-    }), O = i(() => ee(n.id)), C = i(
-      () => te(n.id, n.offset) + O.value
-    ), E = i(() => p.value + C.value), I = i(() => ({
-      top: `${C.value}px`,
+    ]), v = s(() => (o.icon ? W(o.icon) ? o.icon : { icon: o.icon } : "") || T.get(o.type) || ""), z = s(() => {
+      const e = o.type;
+      return { [t.bm("icon", e)]: e };
+    }), E = s(() => ee(o.id)), y = s(
+      () => oe(o.id, o.offset) + E.value
+    ), I = s(() => g.value + y.value), N = s(() => ({
+      top: `${y.value}px`,
       zIndex: L.value
     }));
-    function d() {
-      n.duration !== 0 && ({ stop: a } = Y(() => {
-        u();
-      }, n.duration));
+    function m() {
+      o.duration !== 0 && ({ stop: c } = Y(() => {
+        a();
+      }, o.duration));
     }
-    function h() {
-      a == null || a();
+    function C() {
+      c == null || c();
     }
-    function u() {
-      r.value = !1;
+    function a() {
+      l.value = !1;
     }
-    function N({ code: s }) {
-      s === Q.esc && u();
+    function R({ code: e }) {
+      e === Q.esc && a();
     }
-    return V(() => {
-      d(), x(), r.value = !0;
-    }), H(
-      () => n.repeatNum,
+    return H(() => {
+      m(), O(), l.value = !0;
+    }), $(
+      () => o.repeatNum,
       () => {
-        h(), d();
+        C(), m();
       }
-    ), _(document, "keydown", N), X(m, () => {
-      p.value = m.value.getBoundingClientRect().height;
-    }), S({
-      visible: r,
-      bottom: E,
-      close: u
-    }), (s, w) => (l(), $(D, {
-      name: e(o).b("fade"),
-      onBeforeLeave: t.onClose,
-      onAfterLeave: w[0] || (w[0] = (g) => s.$emit("destroy"))
+    ), x(document, "keydown", R), X(f, () => {
+      g.value = f.value.getBoundingClientRect().height;
+    }), M({
+      visible: l,
+      bottom: I,
+      close: a
+    }), (e, h) => (i(), D(F, {
+      name: n(t).b("fade"),
+      onBeforeLeave: e.onClose,
+      onAfterLeave: h[0] || (h[0] = (p) => e.$emit("destroy"))
     }, {
-      default: F(() => {
-        var g;
+      default: j(() => {
+        var p;
         return [
           P(U("div", {
-            id: t.id,
+            id: e.id,
             ref_key: "messageRef",
-            ref: m,
-            class: c([
-              e(o).b(),
-              { [e(o).m(t.type)]: t.type && !t.icon },
-              e(o).is("center", t.center),
-              e(o).is("closable", t.showClose),
-              t.customClass
+            ref: f,
+            class: r([
+              n(t).b(),
+              { [n(t).m(e.type)]: e.type && !e.icon },
+              n(t).is("center", e.center),
+              n(t).is("closable", e.showClose),
+              e.customClass
             ]),
-            style: Z(e(I)),
+            style: Z(N.value),
             role: "alert",
-            onMouseenter: h,
-            onMouseleave: d
+            onMouseenter: C,
+            onMouseleave: m
           }, [
-            (g = e(v)) != null && g.icon ? (l(), f("div", {
+            (p = v.value) != null && p.icon ? (i(), u("div", {
               key: 0,
-              class: c([e(o).e("icon"), e(z)])
+              class: r([n(t).e("icon"), z.value])
             }, [
-              k(e(M), j(A(e(v))), null, 16)
-            ], 2)) : B("", !0),
-            G(s.$slots, "default", {}, () => [
-              t.dangerouslyUseHTMLString ? (l(), f("p", {
+              w(n(B), A(G(v.value)), null, 16)
+            ], 2)) : k("", !0),
+            _(e.$slots, "default", {}, () => [
+              e.dangerouslyUseHTMLString ? (i(), u("p", {
                 key: 1,
-                class: c(e(o).e("content")),
-                innerHTML: t.message
-              }, null, 10, se)) : (l(), f("p", {
+                class: r(n(t).e("content")),
+                innerHTML: e.message
+              }, null, 10, se)) : (i(), u("p", {
                 key: 0,
-                class: c(e(o).e("content"))
-              }, q(t.message), 3))
+                class: r(n(t).e("content"))
+              }, q(e.message), 3))
             ]),
-            t.showClose ? (l(), f("div", {
+            e.showClose ? (i(), u("div", {
               key: 1,
-              class: c(e(o).e("closeBtn")),
-              onClick: J(u, ["stop"])
+              class: r(n(t).e("closeBtn")),
+              onClick: J(a, ["stop"])
             }, [
-              k(e(M), { icon: "ico-ep:circle-close" })
-            ], 10, ie)) : B("", !0)
-          ], 46, oe), [
-            [K, r.value]
+              w(n(B), { icon: "ico-ep:circle-close" })
+            ], 10, ie)) : k("", !0)
+          ], 46, te), [
+            [K, l.value]
           ])
         ];
       }),
@@ -126,5 +126,5 @@ const oe = ["id"], se = ["innerHTML"], ie = ["onClick"], ye = /* @__PURE__ */ R(
   }
 });
 export {
-  ye as default
+  ge as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as P, ref as v, getCurrentInstance as E, computed as h, watchEffect as H, unref as r, openBlock as x, createElementBlock as R, normalizeClass as K, normalizeStyle as $, createVNode as S, withCtx as C, Fragment as F, renderList as U, createBlock as j } from "vue";
+import { defineComponent as P, ref as b, getCurrentInstance as E, computed as h, watchEffect as H, unref as r, openBlock as x, createElementBlock as R, normalizeClass as K, normalizeStyle as $, createVNode as S, withCtx as C, Fragment as F, renderList as U, createBlock as j } from "vue";
 import { useRouterHelper as q, getRouterKeyPath as f, listenerRouteChange as G } from "@vft/router";
 import { useMultipleTabStore as J, useTabs as L } from "@vft/store";
 import { useRefs as O } from "@vft/use";
@@ -99,14 +99,14 @@ const M = (
 }), qe = /* @__PURE__ */ P({
   ...rt,
   props: {
-    tabsStyle: null,
-    contextMenuStyle: null,
+    tabsStyle: {},
+    contextMenuStyle: {},
     canDrag: { type: Boolean }
   },
   setup(d) {
     const i = et();
     d.canDrag && ot(i);
-    const s = J(), m = v(""), a = v(0), b = v(), u = E().appContext.config.globalProperties.$router, { go: g } = q(u), c = h(() => s.getTabList.filter((t) => {
+    const u = J(), m = b(""), a = b(0), v = b(), s = E().appContext.config.globalProperties.$router, { go: g } = q(s), c = h(() => u.getTabList.filter((t) => {
       var e;
       return !((e = t.meta) != null && e.hideTab);
     }));
@@ -117,17 +117,17 @@ const M = (
         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;
       }
     }), W(() => {
-      b.value = r(u.currentRoute);
+      v.value = r(s.currentRoute);
     }), G((t) => {
       var T;
       if (!t || (T = t.meta) != null && T.hasTokenToRoot)
         return;
       const { meta: e = {} } = t, { currentActivePath: o, hideTab: n } = e, p = n ? o : null, l = f(t);
       if (m.value !== l && (m.value = l), p) {
-        let y = u.getRoutes().find((D) => D.path === o);
-        y && s.addTab(y, r(b), a.value, t);
+        let y = s.getRoutes().find((D) => D.path === o);
+        y && u.addTab(y, r(v), a.value, t);
       } else
-        s.addTab(r(t), r(b), a.value);
+        u.addTab(r(t), r(v), a.value);
     });
     function k(t) {
       var n, p;
@@ -139,7 +139,7 @@ const M = (
       g(o || e.fullPath || e.path);
     }
     function B(t) {
-      s.closeTabByKey(t, u);
+      u.closeTabByKey(t, s);
     }
     const [I, N] = O();
     function w(t) {
@@ -171,7 +171,7 @@ const M = (
     }));
     return (t, e) => (x(), R("div", {
       class: K(r(M).b()),
-      style: $(r(V))
+      style: $(V.value)
     }, [
       S(r(Y), {
         showBar: !1,
@@ -182,7 +182,7 @@ const M = (
         onTabContextMenu: w
       }, {
         default: C(() => [
-          (x(!0), R(F, null, U(r(c), (o, n) => {
+          (x(!0), R(F, null, U(c.value, (o, n) => {
             var p;
             return x(), j(r(Z), {
               key: r(f)(o) + n,
@@ -194,7 +194,7 @@ const M = (
                 var l;
                 return [
                   S(tt, {
-                    contextMenuStyle: r(z),
+                    contextMenuStyle: z.value,
                     affixNum: (l = r(i)) == null ? void 0 : l.length,
                     ref_for: !0,
                     ref: r(N)(n),

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

@@ -1,37 +1,37 @@
-import { defineComponent as r, computed as c, openBlock as s, createElementBlock as f, unref as i, withModifiers as p, toDisplayString as x } from "vue";
+import { defineComponent as u, computed as r, openBlock as s, createElementBlock as c, withModifiers as f, toDisplayString as p } from "vue";
 import "@vft/utils";
 import "../context-menu/context-menu.vue2.js";
-import { useContextMenu as b } from "../context-menu/useContextMenu.js";
-import { useTabDropdown as d } from "./use/use-tab-dropdown.js";
+import { useContextMenu as x } from "../context-menu/useContextMenu.js";
+import { useTabDropdown as b } from "./use/use-tab-dropdown.js";
 import "@vft/use";
 import "vue-router";
 import "@vft/store";
-const C = ["title", "onContextmenu"], k = /* @__PURE__ */ r({
+const d = ["title", "onContextmenu"], S = /* @__PURE__ */ u({
   __name: "tab-content",
   props: {
-    tabItem: null,
-    affixNum: null,
-    contextMenuStyle: null,
+    tabItem: {},
+    affixNum: {},
+    contextMenuStyle: {},
     visible: { type: Boolean }
   },
-  setup(t, { expose: m }) {
-    const [l] = b(), n = c(() => t.tabItem.meta && t.tabItem.meta.title), { getDropMenuList: a, handleContextMenu: u } = d(t.tabItem, t.affixNum);
+  setup(t, { expose: i }) {
+    const [m] = x(), n = r(() => t.tabItem.meta && t.tabItem.meta.title), { getDropMenuList: a, handleContextMenu: l } = b(t.tabItem, t.affixNum);
     function o(e) {
-      u(t.tabItem)(e), l({
+      l(t.tabItem)(e), m({
         event: e,
         styles: t.contextMenuStyle,
         items: a.value
       });
     }
-    return m({
+    return i({
       handleContext: o
-    }), (e, M) => (s(), f("span", {
-      title: i(n),
+    }), (e, C) => (s(), c("span", {
+      title: n.value,
       class: "vft-multiple-tabs__title",
-      onContextmenu: p(o, ["stop"])
-    }, x(i(n)), 41, C));
+      onContextmenu: f(o, ["stop"])
+    }, p(n.value), 41, d));
   }
 });
 export {
-  k as default
+  S as default
 };

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

@@ -4,7 +4,7 @@ import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
-import { noop as a } from "@vft/utils";
+import { noop as l } from "@vft/utils";
 import "../../utils/ns-cover.js";
 const i = (
   /* hoist-static*/
@@ -17,24 +17,24 @@ const i = (
     mask: { type: Boolean },
     onlyNode: { type: Boolean },
     customMaskEvent: { type: Boolean },
-    overlayClass: null,
-    zIndex: null
+    overlayClass: {},
+    zIndex: {}
   },
   emits: ["click"],
   setup(o, { emit: d }) {
-    const m = (n) => {
-      if (!n)
-        return { onClick: a, onMousedown: a, onMouseup: a };
-      let s = !1, l = !1;
+    const m = (t) => {
+      if (!t)
+        return { onClick: l, onMousedown: l, onMouseup: l };
+      let s = !1, a = !1;
       return { onClick: (e) => {
-        s && l && n(e), s = l = !1;
+        s && a && t(e), s = a = !1;
       }, onMousedown: (e) => {
         s = e.target === e.currentTarget;
       }, onMouseup: (e) => {
-        l = e.target === e.currentTarget;
+        a = e.target === e.currentTarget;
       } };
-    }, t = x(), p = (n) => {
-      d("click", n);
+    }, n = x(), p = (t) => {
+      d("click", t);
     }, { onClick: f, onMousedown: M, onMouseup: k } = m(o.customMaskEvent ? void 0 : p);
     return () => o.mask ? y(
       "div",
@@ -47,13 +47,13 @@ const i = (
         onMousedown: M,
         onMouseup: k
       },
-      [u(t, "default")],
+      [u(n, "default")],
       14,
       ["onClick", "onMouseup", "onMousedown"]
     ) : o.onlyNode ? r(
       "div",
       {},
-      [u(t, "default")]
+      [u(n, "default")]
     ) : r(
       "div",
       {
@@ -67,7 +67,7 @@ const i = (
           left: "0px"
         }
       },
-      [u(t, "default")]
+      [u(n, "default")]
     );
   }
 });

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

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

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

@@ -1,47 +1,47 @@
-import { defineComponent as f, ref as g, computed as _, openBlock as b, createElementBlock as h, normalizeClass as o, unref as e, createElementVNode as p, toDisplayString as v, createVNode as z } from "vue";
-import { useNamespace as C } from "../../../hooks/use-namespace/index.js";
+import { defineComponent as c, ref as f, computed as g, openBlock as _, createElementBlock as v, normalizeClass as n, unref as e, createElementVNode as p, toDisplayString as b, createVNode as h } from "vue";
+import { useNamespace as z } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../../utils/ns-cover.js";
-import { VftInput as V } from "../../input/index.js";
-import { usePagination as x } from "../usePagination.js";
-const I = ["disabled"], w = /* @__PURE__ */ f({
+import { VftInput as C } from "../../input/index.js";
+import { usePagination as V } from "../usePagination.js";
+const I = ["disabled"], w = /* @__PURE__ */ c({
   __name: "jumper",
   props: {
-    size: null
+    size: {}
   },
-  setup(r) {
-    const n = C("pagination"), { pageCount: m, disabled: l, currentPage: t, changeEvent: s } = x(), i = g(), u = _(() => i.value ?? (t == null ? void 0 : t.value));
-    function d(a) {
+  setup(N) {
+    const o = z("pagination"), { pageCount: r, disabled: l, currentPage: t, changeEvent: s } = V(), i = f(), m = g(() => i.value ?? (t == null ? void 0 : t.value));
+    function u(a) {
       i.value = +a;
     }
-    function c(a) {
+    function d(a) {
       a = Math.trunc(+a), s == null || s(+a), i.value = void 0;
     }
-    return (a, N) => (b(), h("span", {
-      class: o(e(n).e("jump")),
+    return (a, j) => (_(), v("span", {
+      class: n(e(o).e("jump")),
       disabled: e(l)
     }, [
       p("span", {
-        class: o([e(n).e("goto")])
-      }, v(a.t("el.pagination.goto")), 3),
-      z(e(V), {
-        size: r.size,
-        class: o([e(n).e("editor"), e(n).is("in-pagination")]),
+        class: n([e(o).e("goto")])
+      }, b(a.t("el.pagination.goto")), 3),
+      h(e(C), {
+        size: a.size,
+        class: n([e(o).e("editor"), e(o).is("in-pagination")]),
         min: 1,
-        max: e(m),
+        max: e(r),
         disabled: e(l),
-        "model-value": e(u),
+        "model-value": m.value,
         "validate-event": !1,
         type: "number",
-        "onUpdate:modelValue": d,
-        onChange: c
+        "onUpdate:modelValue": u,
+        onChange: d
       }, null, 8, ["size", "class", "max", "disabled", "model-value"]),
       p("span", {
-        class: o([e(n).e("classifier")])
+        class: n([e(o).e("classifier")])
       }, "页", 2)
     ], 10, I));
   }