vft 0.0.142 → 0.0.145

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

@@ -1,4 +1,4 @@
-import { defineComponent as P, useSlots as X, getCurrentInstance as Y, ref as s, computed as Z, watch as T, watchEffect as _, provide as B, reactive as ee, onMounted as te, h as x, nextTick as ne } from "vue";
+import { defineComponent as P, useSlots as X, getCurrentInstance as Y, ref as s, computed as Z, watch as T, watchEffect as _, provide as B, reactive as ee, onMounted as te, h as I, nextTick as ne } from "vue";
 import { isNullOrUndefined as E, isMobile as le } from "@vft/utils";
 import { VftIcon as oe } from "../icon/index.js";
 import { useResizeObserver as ue } from "@vueuse/core";
@@ -12,11 +12,11 @@ import se from "./menu-collapse-transition.vue.js";
 import ie from "./sub-menu.vue2.js";
 import { useMenuCssVar as ce } from "./use-menu-css-var.js";
 import re from "./utils/menu-bar.js";
-const I = (
+const b = (
   /* hoist-static*/
   W("menu")
 ), de = P({
-  name: "vft-menu"
+  name: b.b()
 }), ke = /* @__PURE__ */ P({
   ...de,
   props: {
@@ -40,9 +40,9 @@ const I = (
         return;
       e.indexPath.forEach((l) => {
         const o = p.value[l];
-        o && b(l, o.indexPath);
+        o && g(l, o.indexPath);
       });
-    }, b = (e, t, l) => {
+    }, g = (e, t, l) => {
       u.value.includes(e) || (n.uniqueOpened && (u.value = u.value.filter(
         (o) => t.includes(o)
       )), u.value.push(e), v("open", { index: e, indexPath: t, e: l }));
@@ -54,7 +54,7 @@ const I = (
       index: t,
       indexPath: l
     }) => {
-      u.value.includes(t) ? C(t, l, e) : b(t, l, e), v("sub-menu-click", { e, index: t, indexPath: l });
+      u.value.includes(t) ? C(t, l, e) : g(t, l, e), v("sub-menu-click", { e, index: t, indexPath: l });
     }, L = (e) => {
       (n.mode === "horizontal" || n.collapse) && (u.value = []);
       const { index: t, indexPath: l } = e;
@@ -76,7 +76,7 @@ const I = (
       if (!i.value)
         return -1;
       const e = Array.from(((d = i.value) == null ? void 0 : d.childNodes) ?? []).filter(
-        (S) => S.nodeName !== "#text" || S.nodeValue
+        (x) => x.nodeName !== "#text" || x.nodeValue
       ), t = 64, l = Number.parseInt(
         getComputedStyle(i.value).paddingLeft,
         10
@@ -85,8 +85,8 @@ const I = (
         10
       ), m = i.value.clientWidth - l - o;
       let c = 0, M = 0;
-      return e.forEach((S, Q) => {
-        c += S.offsetWidth || 0, c <= m - t && (M = Q + 1);
+      return e.forEach((x, Q) => {
+        c += x.offsetWidth || 0, c <= m - t && (M = Q + 1);
       }), M === e.length ? -1 : M;
     }, j = (e, t = 33.34) => {
       let l;
@@ -116,9 +116,9 @@ const I = (
         e && (u.value = []);
       }
     ), T(r.value, q);
-    let g;
+    let S;
     _(() => {
-      n.mode === "horizontal" && n.ellipsis ? g = ue(i, N).stop : g == null || g();
+      n.mode === "horizontal" && n.ellipsis ? S = ue(i, N).stop : S == null || S();
     });
     const R = (e) => {
       p.value[e.index] = e;
@@ -145,7 +145,7 @@ const I = (
         removeMenuItem: H,
         addSubMenu: R,
         removeSubMenu: w,
-        openMenu: b,
+        openMenu: g,
         closeMenu: C,
         handleMenuItemClick: L,
         handleSubMenuClick: D
@@ -157,11 +157,11 @@ const I = (
       // 表示当前是第一级的 sub-menu
       level: 0
     }), te(() => {
-      n.mode === "horizontal" && new re(h.vnode.el, I.namespace.value);
+      n.mode === "horizontal" && new re(h.vnode.el, b.namespace.value);
     }), V({
       open: (e) => {
         const { indexPath: t } = p.value[e];
-        t.forEach((l) => b(l, t));
+        t.forEach((l) => g(l, t));
       },
       close: C,
       handleResize: N,
@@ -174,14 +174,14 @@ const I = (
       if (n.mode === "horizontal" && i.value) {
         const c = ae(e), M = f.value === -1 ? c : c.slice(0, f.value), d = f.value === -1 ? [] : c.slice(f.value);
         d != null && d.length && n.ellipsis && (e = M, t.push(
-          x(
+          I(
             ie,
             {
               index: "sub-menu-more",
               class: k.e("hide-arrow")
             },
             {
-              title: () => x(oe, {
+              title: () => I(oe, {
                 icon: "icon-menu-line",
                 class: k.e("icon-more")
               }),
@@ -190,7 +190,7 @@ const I = (
           )
         ));
       }
-      const l = ce(h.props, 0), o = x(
+      const l = ce(h.props, 0), o = I(
         "ul",
         {
           key: String(n.collapse),
@@ -198,14 +198,14 @@ const I = (
           ref: i,
           style: l.value,
           class: {
-            [I.b()]: !0,
-            [I.m(n.mode)]: !0,
-            [I.m("collapse")]: n.collapse
+            [b.b()]: !0,
+            [b.m(n.mode)]: !0,
+            [b.m("collapse")]: n.collapse
           }
         },
         [...e, ...t]
       );
-      return n.collapseTransition && n.mode === "vertical" ? x(se, () => o) : o;
+      return n.collapseTransition && n.mode === "vertical" ? I(se, () => o) : o;
     };
   }
 });

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/message.vue.d.ts

@@ -72,7 +72,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     visible: import("vue").Ref<boolean>;
     bottom: import("vue").ComputedRef<number>;
     close: typeof close;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "destroy"[], "destroy", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    destroy: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     customClass: {
         type: import("vue").PropType<string>;
     };

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)