vft 0.0.73 → 0.0.76

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

@@ -1,4 +1,4 @@
-import { defineComponent as Y, getCurrentInstance as G, useAttrs as H, inject as M, computed as u, reactive as J, onMounted as K, onBeforeUnmount as L, openBlock as o, createElementBlock as d, Fragment as y, createBlock as l, unref as t, createCommentVNode as f, createElementVNode as x, normalizeClass as v, withCtx as P, renderSlot as A, normalizeProps as E, mergeProps as S, createVNode as Q } from "vue";
+import { defineComponent as Y, getCurrentInstance as G, useAttrs as H, inject as M, computed as u, reactive as J, onMounted as K, onBeforeUnmount as L, openBlock as o, createElementBlock as k, Fragment as b, createBlock as l, unref as e, createCommentVNode as c, createElementVNode as y, normalizeClass as A, withCtx as P, renderSlot as x, normalizeProps as E, mergeProps as S, createVNode as Q } from "vue";
 import { singleAttrToObj as R, renderTNode as W, VNode as X } from "@vft/utils";
 import { throwError as T } from "../../utils/error.js";
 import "lodash";
@@ -59,6 +59,8 @@ import "../virtual-list/components/fixed-size-grid.js";
 import "../virtual-list/components/dynamic-size-grid.js";
 import "../virtual-list/props.js";
 import "../select-v2/index.js";
+import "../select/index.js";
+import "../tree-select/index.js";
 import "../verify-code/index.js";
 import "../table/index.js";
 import "../image-viewer/index.js";
@@ -70,6 +72,12 @@ import "../row/index.js";
 import "../horizontal-menu/index.js";
 import "../time-picker/index.js";
 import "../date-picker/index.js";
+import "../check-tag/index.js";
+import "../tree/index.js";
+import "../skeleton/index.js";
+import "../space/index.js";
+import "../card/index.js";
+import "../popconfirm/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -77,14 +85,14 @@ import "../md-vue-playground/index.js";
 import "../md-code-demo/index.js";
 import "../md-code-tabs/index.js";
 import "../message/index.js";
-const ee = ["title"], s = (
+const tt = ["title"], d = (
   /* hoist-static*/
   g("menu-item")
-), te = Y({
-  name: s.b(),
+), et = Y({
+  name: d.b(),
   inheritAttrs: !1
-}), It = /* @__PURE__ */ Y({
-  ...te,
+}), Te = /* @__PURE__ */ Y({
+  ...et,
   props: {
     index: null,
     route: null,
@@ -97,96 +105,88 @@ const ee = ["title"], s = (
     reverse: { type: Boolean }
   },
   emits: ["click", "mouseenter", "mouseleave"],
-  setup(e, { emit: k }) {
-    const U = G(), D = H(), F = g("menu"), b = g("menu-item"), i = e.isAloneUse ? null : M("rootMenu");
-    !i && !e.isAloneUse && T(s.b(), "can not inject root menu");
-    const { parentMenu: B, indexPath: C } = Z(
-      U,
-      u(() => e.index)
-    ), r = e.isAloneUse ? null : M(`subMenu:${B.value.uid}`);
-    !r && !e.isAloneUse && T(s.b(), "can not inject sub menu");
-    const N = u(() => e.index === (i == null ? void 0 : i.activeIndex)), n = J({
-      index: e.index,
+  setup(t, { emit: f }) {
+    const U = G(), D = H(), F = g("menu"), v = g("menu-item"), i = t.isAloneUse ? null : M("rootMenu");
+    !i && !t.isAloneUse && T(d.b(), "can not inject root menu");
+    const { parentMenu: B, indexPath: C } = Z(U, u(() => t.index)), r = t.isAloneUse ? null : M(`subMenu:${B.value.uid}`);
+    !r && !t.isAloneUse && T(d.b(), "can not inject sub menu");
+    const N = u(() => t.index === (i == null ? void 0 : i.activeIndex)), m = J({
+      index: t.index,
       indexPath: C,
       active: N
     }), O = () => {
-      e.disabled || (i == null || i.handleMenuItemClick({
+      t.disabled || (i == null || i.handleMenuItemClick({
         ...D,
-        index: e.index,
+        index: t.index,
         indexPath: C.value,
-        route: e.route
-      }), k("click", n));
-    }, a = u(() => R(e.icon, "icon")), q = u(() => W(U, "title"));
+        route: t.route
+      }), f("click", m));
+    }, s = u(() => R(t.icon, "icon")), q = u(() => W(U, "title"));
     return K(() => {
-      e.isAloneUse || (r == null || r.addSubMenu(n), i == null || i.addMenuItem(n));
+      t.isAloneUse || (r == null || r.addSubMenu(m), i == null || i.addMenuItem(m));
     }), L(() => {
-      e.isAloneUse || (r == null || r.removeSubMenu(n), i == null || i.removeMenuItem(n));
-    }), (m, p) => {
+      t.isAloneUse || (r == null || r.removeSubMenu(m), i == null || i.removeMenuItem(m));
+    }), (n, p) => {
       var $, I, V, h, j;
-      return o(), d(y, null, [
-        e.reverse && e.divider ? (o(), l(t(w), {
+      return o(), k(b, null, [
+        t.reverse && t.divider ? (o(), l(e(w), {
           key: 0,
           marginY: "0"
-        })) : f("", !0),
-        x("li", {
-          class: v([
-            e.className,
-            t(b).b(),
-            t(b).is("active", e.isAloneUse ? !1 : t(N)),
-            t(b).is("disabled", e.disabled)
+        })) : c("", !0),
+        y("li", {
+          class: A([
+            t.className,
+            e(v).b(),
+            e(v).is("active", t.isAloneUse ? !1 : e(N)),
+            e(v).is("disabled", t.disabled)
           ]),
-          onMouseenter: p[0] || (p[0] = (c) => k("mouseenter")),
-          onMouseleave: p[1] || (p[1] = (c) => k("mouseleave")),
+          onMouseenter: p[0] || (p[0] = (a) => f("mouseenter")),
+          onMouseleave: p[1] || (p[1] = (a) => f("mouseleave")),
           role: "menuitem",
           tabindex: "-1",
           onClick: O
         }, [
-          ((I = ($ = t(B)) == null ? void 0 : $.type) == null ? void 0 : I.name) === "vft-menu" && ((V = t(i)) != null && V.props.collapse) && m.$slots.title ? (o(), l(t(_), {
+          ((I = ($ = e(B)) == null ? void 0 : $.type) == null ? void 0 : I.name) === "vft-menu" && ((V = e(i)) != null && V.props.collapse) && n.$slots.title ? (o(), l(e(_), {
             key: 0,
             placement: "right",
             "fallback-placements": ["left"],
             persistent: ""
           }, {
             content: P(() => [
-              A(m.$slots, "title")
+              x(n.$slots, "title")
             ]),
             default: P(() => {
-              var c;
+              var a;
               return [
-                x("div", {
-                  class: v(t(F).be("tooltip", "trigger"))
+                y("div", {
+                  class: A(e(F).be("tooltip", "trigger"))
                 }, [
-                  (c = t(a)) != null && c.icon ? (o(), l(t(z), E(S({ key: 0 }, t(a))), null, 16)) : f("", !0),
-                  A(m.$slots, "default")
+                  (a = e(s)) != null && a.icon ? (o(), l(e(z), E(S({ key: 0 }, e(s))), null, 16)) : c("", !0),
+                  x(n.$slots, "default")
                 ], 2)
               ];
             }),
             _: 3
-          })) : (o(), d(y, { key: 1 }, [
-            (h = m.$slots) != null && h.default ? (o(), d("span", {
-              key: 0,
-              class: v(t(s).e("text"))
-            }, [
-              A(m.$slots, "default")
-            ], 2)) : (o(), d(y, { key: 1 }, [
-              (j = t(a)) != null && j.icon ? (o(), l(t(z), E(S({ key: 0 }, t(a))), null, 16)) : f("", !0),
-              x("span", {
-                class: v(t(s).e("text")),
-                title: e.title
+          })) : (o(), k(b, { key: 1 }, [
+            (h = n.$slots) != null && h.default ? x(n.$slots, "default", { key: 0 }) : (o(), k(b, { key: 1 }, [
+              (j = e(s)) != null && j.icon ? (o(), l(e(z), E(S({ key: 0 }, e(s))), null, 16)) : c("", !0),
+              y("span", {
+                class: A(e(d).e("text")),
+                title: t.title
               }, [
-                Q(t(X), { content: t(q) }, null, 8, ["content"])
-              ], 10, ee)
+                Q(e(X), { content: e(q) }, null, 8, ["content"])
+              ], 10, tt)
             ], 64))
           ], 64))
         ], 34),
-        !e.reverse && e.divider ? (o(), l(t(w), {
+        !t.reverse && t.divider ? (o(), l(e(w), {
           key: 1,
           marginY: "0"
-        })) : f("", !0)
+        })) : c("", !0)
       ], 64);
     };
   }
 });
 export {
-  It as default
+  Te as default
 };

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

@@ -1,24 +1,24 @@
-import { defineComponent as B, useSlots as J, getCurrentInstance as K, ref as r, computed as Q, watch as O, watchEffect as X, provide as w, reactive as Y, onMounted as Z, h as S, nextTick as _ } from "vue";
-import { useResizeObserver as ee } from "@vueuse/core";
-import { isNullOrUndefined as A } from "@vft/utils";
-import { flattedChildren as te } from "../../utils/vue/vnode.js";
+import { defineComponent as E, useSlots as X, getCurrentInstance as Y, ref as i, computed as Z, watch as O, watchEffect as _, provide as A, reactive as ee, onMounted as te, h as I, nextTick as ne } from "vue";
+import { useResizeObserver as le } from "@vueuse/core";
+import { isNullOrUndefined as B } from "@vft/utils";
+import { flattedChildren as oe } from "../../utils/vue/vnode.js";
 import "lodash";
 import "../../utils/ns-cover.js";
 import { useNamespace as W } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import ne from "./utils/menu-bar.js";
-import le from "./menu-collapse-transition.vue.js";
-import oe from "./sub-menu.vue2.js";
-import { useMenuCssVar as ue } from "./use-menu-css-var.js";
-import { VftIcon as ae } from "../icon/index.js";
+import ue from "./utils/menu-bar.js";
+import ae from "./menu-collapse-transition.vue.js";
+import ie from "./sub-menu.vue2.js";
+import { useMenuCssVar as se } from "./use-menu-css-var.js";
+import { VftIcon as ce } from "../icon/index.js";
 const M = (
   /* hoist-static*/
   W("menu")
-), ie = B({
+), re = E({
   name: M.b()
-}), ye = /* @__PURE__ */ B({
-  ...ie,
+}), Te = /* @__PURE__ */ E({
+  ...re,
   props: {
     mode: { default: "vertical" },
     defaultActive: { default: "" },
@@ -31,11 +31,11 @@ const M = (
     ellipsis: { type: Boolean, default: !0 }
   },
   emits: ["update:collapse", "select", "close", "open"],
-  setup(n, { expose: E, emit: b }) {
-    const y = J(), v = K(), T = v.appContext.config.globalProperties.$router, i = r(), z = W("sub-menu"), f = r(-1), u = r(
+  setup(n, { expose: V, emit: b }) {
+    const y = X(), v = Y(), T = v.appContext.config.globalProperties.$router, s = i(), z = W("sub-menu"), f = i(-1), u = i(
       n.defaultOpeneds && !n.collapse ? n.defaultOpeneds.slice(0) : []
-    ), a = r(n.defaultActive), c = r({}), h = r({}), V = Q(() => n.mode === "horizontal" || n.mode === "vertical" && n.collapse), $ = () => {
-      const e = a.value && c.value[a.value];
+    ), a = i(n.defaultActive), r = i({}), h = i({}), $ = Z(() => n.mode === "horizontal" || n.mode === "vertical" && n.collapse), q = () => {
+      const e = a.value && r.value[a.value];
       if (!e || n.mode === "horizontal" || n.collapse)
         return;
       e.indexPath.forEach((l) => {
@@ -47,32 +47,32 @@ const M = (
     }, C = (e, t, l) => {
       const o = u.value.indexOf(e);
       o !== -1 && u.value.splice(o, 1), b("close", { index: e, indexPath: t, e: l });
-    }, q = ({ e, index: t, indexPath: l }) => {
+    }, D = ({ e, index: t, indexPath: l }) => {
       u.value.includes(t) ? C(t, l, e) : g(t, l, e);
-    }, D = (e) => {
+    }, L = (e) => {
       (n.mode === "horizontal" || n.collapse) && (u.value = []);
       const { index: t, indexPath: l } = e;
-      if (!(A(t) || A(l)))
+      if (!(B(t) || B(l)))
         if (n.router && T) {
-          const o = e.route || t, m = T.push(o).then((s) => (s || (a.value = t), s));
+          const o = e.route || t, m = T.push(o).then((c) => (c || (a.value = t), c));
           b("select", e, m);
         } else
           a.value = t, b("select", e);
-    }, L = (e) => {
-      const t = c.value, l = t[e] || a.value && t[a.value] || t[n.defaultActive];
+    }, F = (e) => {
+      const t = r.value, l = t[e] || a.value && t[a.value] || t[n.defaultActive];
       l ? a.value = l.index : a.value = e;
-    }, F = () => {
+    }, U = () => {
       var d;
-      if (!i.value)
+      if (!s.value)
         return -1;
-      const e = Array.from(((d = i.value) == null ? void 0 : d.childNodes) ?? []).filter(
-        (I) => I.nodeName !== "#text" || I.nodeValue
-      ), t = 64, l = Number.parseInt(getComputedStyle(i.value).paddingLeft, 10), o = Number.parseInt(getComputedStyle(i.value).paddingRight, 10), m = i.value.clientWidth - l - o;
-      let s = 0, p = 0;
-      return e.forEach((I, H) => {
-        s += I.offsetWidth || 0, s <= m - t && (p = H + 1);
+      const e = Array.from(((d = s.value) == null ? void 0 : d.childNodes) ?? []).filter(
+        (x) => x.nodeName !== "#text" || x.nodeValue
+      ), t = 64, l = Number.parseInt(getComputedStyle(s.value).paddingLeft, 10), o = Number.parseInt(getComputedStyle(s.value).paddingRight, 10), m = s.value.clientWidth - l - o;
+      let c = 0, p = 0;
+      return e.forEach((x, Q) => {
+        c += x.offsetWidth || 0, c <= m - t && (p = Q + 1);
       }), p === e.length ? -1 : p;
-    }, U = (e, t = 33.34) => {
+    }, j = (e, t = 33.34) => {
       let l;
       return () => {
         l && clearTimeout(l), l = setTimeout(() => {
@@ -83,89 +83,93 @@ const M = (
     let N = !0;
     const P = () => {
       const e = () => {
-        f.value = -1, _(() => {
-          f.value = F();
+        f.value = -1, ne(() => {
+          f.value = U();
         });
       };
-      N ? e() : U(e)(), N = !1;
+      N ? e() : j(e)(), N = !1;
     };
     O(
       () => n.defaultActive,
       (e) => {
-        c.value[e] || (a.value = ""), L(e);
+        r.value[e] || (a.value = ""), F(e);
       }
     ), O(
       () => n.collapse,
       (e) => {
         e && (u.value = []);
       }
-    ), O(c.value, $);
-    let x;
-    X(() => {
-      n.mode === "horizontal" && n.ellipsis ? x = ee(i, P).stop : x == null || x();
+    ), O(r.value, q);
+    let S;
+    _(() => {
+      n.mode === "horizontal" && n.ellipsis ? S = le(s, P).stop : S == null || S();
     });
     const R = (e) => {
       h.value[e.index] = e;
     }, k = (e) => {
       delete h.value[e.index];
-    }, j = (e) => {
-      c.value[e.index] = e;
     }, G = (e) => {
-      delete c.value[e.index];
-    };
-    return w(
+      r.value[e.index] = e;
+    }, H = (e) => {
+      delete r.value[e.index];
+    }, w = i(!1), J = i(), K = i();
+    return A(
       "rootMenu",
-      Y({
+      ee({
         props: v.props,
         openedMenus: u,
-        items: c,
+        items: r,
         subMenus: h,
         activeIndex: a,
-        isMenuPopup: V,
-        addMenuItem: j,
-        removeMenuItem: G,
+        isMenuPopup: $,
+        inSubMenu: w,
+        inSubMenuMouseEnterTimer: J,
+        inSubMenuMouseleaveTimer: K,
+        addMenuItem: G,
+        removeMenuItem: H,
         addSubMenu: R,
         removeSubMenu: k,
         openMenu: g,
         closeMenu: C,
-        handleMenuItemClick: D,
-        handleSubMenuClick: q
+        handleMenuItemClick: L,
+        handleSubMenuClick: D
       })
-    ), w(`subMenu:${v.uid}`, {
+    ), A(`subMenu:${v.uid}`, {
       addSubMenu: R,
       removeSubMenu: k,
-      mouseInChild: r(!1),
+      mouseInChild: i(!1),
       // 表示当前是第一级的 sub-menu
       level: 0
-    }), Z(() => {
-      n.mode === "horizontal" && new ne(v.vnode.el, M.namespace.value);
-    }), E({
+    }), te(() => {
+      n.mode === "horizontal" && new ue(v.vnode.el, M.namespace.value);
+    }), V({
       open: (e) => {
         const { indexPath: t } = h.value[e];
         t.forEach((l) => g(l, t));
       },
       close: C,
       handleResize: P,
-      menu: i
+      menu: s,
+      inSubMenu: w
     }), () => {
       var m;
       let e = ((m = y.default) == null ? void 0 : m.call(y)) ?? [];
       const t = [];
-      if (n.mode === "horizontal" && i.value) {
-        const s = te(e), p = f.value === -1 ? s : s.slice(
+      if (n.mode === "horizontal" && s.value) {
+        const c = oe(e), p = f.value === -1 ? c : c.slice(
           0,
           f.value
-        ), d = f.value === -1 ? [] : s.slice(f.value);
+        ), d = f.value === -1 ? [] : c.slice(f.value);
         d != null && d.length && n.ellipsis && (e = p, t.push(
-          S(
-            oe,
+          I(
+            ie,
             {
               index: "sub-menu-more",
               class: z.e("hide-arrow")
             },
             {
-              title: () => S(
-                ae,
+              title: () => I(
+                ce,
                 {
                   icon: "ico-line-md:menu",
                   class: z.e("icon-more")
@@ -176,12 +180,12 @@ const M = (
           )
         ));
       }
-      const l = ue(v.props, 0), o = S(
+      const l = se(v.props, 0), o = I(
         "ul",
         {
           key: String(n.collapse),
           role: "menubar",
-          ref: i,
+          ref: s,
           style: l.value,
           class: {
             [M.b()]: !0,
@@ -191,10 +195,10 @@ const M = (
         },
         [...e, ...t]
       );
-      return n.collapseTransition && n.mode === "vertical" ? S(le, () => o) : o;
+      return n.collapseTransition && n.mode === "vertical" ? I(ae, () => o) : o;
     };
   }
 });
 export {
-  ye as default
+  Te as default
 };