vft 0.0.70 → 0.0.72

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

@@ -1,4 +1,4 @@
-import { defineComponent as n, openBlock as o, createElementBlock as r, normalizeClass as l, unref as i, createElementVNode as s, Fragment as a, createTextVNode as u, toDisplayString as c, renderSlot as m } from "vue";
+import { defineComponent as m, openBlock as o, createElementBlock as l, normalizeClass as r, unref as s, createElementVNode as n, Fragment as p, createTextVNode as u, toDisplayString as c, renderSlot as i } from "vue";
 import { useNamespace as d } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -6,35 +6,33 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 const t = (
   /* hoist-static*/
   d("menu-item-group")
-), f = n({
+), f = m({
   name: t.b()
-}), V = /* @__PURE__ */ n({
+}), E = /* @__PURE__ */ m({
   ...f,
   props: {
     title: null
   },
-  setup(p) {
-    return (e, _) => (o(), r("li", {
-      class: l(i(t).b())
+  setup(a) {
+    return (e, _) => (o(), l("li", {
+      class: r(s(t).b())
     }, [
-      s("div", {
-        class: l(i(t).e("title"))
+      n("div", {
+        class: r(s(t).e("title"))
       }, [
-        e.$slots.title ? m(e.$slots, "title", { key: 1 }) : (o(), r(a, { key: 0 }, [
-          u(c(p.title), 1)
+        e.$slots.title ? i(e.$slots, "title", { key: 1 }) : (o(), l(p, { key: 0 }, [
+          u(c(a.title), 1)
         ], 64))
       ], 2),
-      s("ul", null, [
-        m(e.$slots, "default")
+      n("ul", null, [
+        i(e.$slots, "default")
       ])
     ], 2));
   }
 });
 export {
-  V as default
+  E as default
 };

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

@@ -1,38 +1,33 @@
-import { defineComponent as S, getCurrentInstance as M, inject as V, computed as l, reactive as Y, onMounted as D, onBeforeUnmount as F, openBlock as m, createElementBlock as a, Fragment as c, createBlock as p, unref as e, createCommentVNode as d, createElementVNode as u, normalizeClass as $, withCtx as j, renderSlot as f, normalizeProps as O, mergeProps as q, createVNode as G } from "vue";
-import { singleAttrToObj as H, renderTNode as J, VNode as K } from "@vft/utils";
-import { throwError as P } from "../../utils/error.js";
+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 { singleAttrToObj as R, renderTNode as W, VNode as X } from "@vft/utils";
+import { throwError as T } from "../../utils/error.js";
 import "lodash";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import { useNamespace as v } from "../../hooks/use-namespace/index.js";
+import { useNamespace as g } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "@vue/reactivity";
-import "@vue/shared";
-import L from "./use-menu.js";
-import { VftDivider as E } from "../divider/index.js";
-import { VftIcon as Q } from "../icon/index.js";
+import Z from "./use-menu.js";
+import { VftDivider as w } from "../divider/index.js";
+import { VftIcon as z } from "../icon/index.js";
 import "../avatar/index.js";
 import "../empty/index.js";
 import "../result/index.js";
 import "../tabs/index.js";
 import "../popper/index.js";
 import "../collapse-transition/index.js";
-import { VftTooltip as R } from "../tooltip/index.js";
+import { VftTooltip as _ } from "../tooltip/index.js";
 import "../popover/index.js";
 import "./index.js";
 import "../context-menu/context-menu.vue2.js";
-import "../multiple-tabs/multiple-tabs.vue2.js";
-import "@vft/router";
-import "@vft/store";
-import "@vft/use";
-import "vue-router";
+import "../multiple-tabs/index.js";
 import "../header-layout/index.js";
 import "../footer-layout/index.js";
 import "../iframe-layout/index.js";
 import "../router-view-content/index.js";
 import "../logo/index.js";
 import "../back-top/index.js";
+import "../container/index.js";
 import "../config-provider/index.js";
 import "../descriptions/index.js";
 import "../full-screen/index.js";
@@ -70,6 +65,11 @@ import "../image-viewer/index.js";
 import "../list-cell/index.js";
 import "../dialog/index.js";
 import "../date-time-select/index.js";
+import "../col/index.js";
+import "../row/index.js";
+import "../horizontal-menu/index.js";
+import "../time-picker/index.js";
+import "../date-picker/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -77,13 +77,14 @@ import "../md-vue-playground/index.js";
 import "../md-code-demo/index.js";
 import "../md-code-tabs/index.js";
 import "../message/index.js";
-const W = ["title"], k = (
+const ee = ["title"], s = (
   /* hoist-static*/
-  v("menu-item")
-), X = S({
-  name: k.b()
-}), Be = /* @__PURE__ */ S({
-  ...X,
+  g("menu-item")
+), te = Y({
+  name: s.b(),
+  inheritAttrs: !1
+}), It = /* @__PURE__ */ Y({
+  ...te,
   props: {
     index: null,
     route: null,
@@ -95,77 +96,97 @@ const W = ["title"], k = (
     className: null,
     reverse: { type: Boolean }
   },
-  emits: ["click"],
-  setup(t, { emit: T }) {
-    const b = M(), w = v("menu"), s = v("menu-item"), i = t.isAloneUse ? null : V("rootMenu");
-    !i && !t.isAloneUse && P(k.b(), "can not inject root menu");
-    const { parentMenu: y, indexPath: g } = L(
-      b,
-      l(() => t.index)
-    ), o = t.isAloneUse ? null : V(`subMenu:${y.value.uid}`);
-    !o && !t.isAloneUse && P(k.b(), "can not inject sub menu");
-    const h = l(() => t.index === (i == null ? void 0 : i.activeIndex)), r = Y({
-      index: t.index,
-      indexPath: g,
-      active: h
-    }), z = () => {
-      t.disabled || (i == null || i.handleMenuItemClick({
-        index: t.index,
-        indexPath: g.value,
-        route: t.route
-      }), T("click", r));
-    }, x = l(() => H(t.icon, "icon")), A = l(() => J(b, "title"));
-    return D(() => {
-      t.isAloneUse || (o == null || o.addSubMenu(r), i == null || i.addMenuItem(r));
-    }), F(() => {
-      t.isAloneUse || (o == null || o.removeSubMenu(r), i == null || i.removeMenuItem(r));
-    }), (n, Z) => {
-      var U, B, C, N, I;
-      return m(), a(c, null, [
-        t.reverse && t.divider ? (m(), p(e(E), {
+  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,
+      indexPath: C,
+      active: N
+    }), O = () => {
+      e.disabled || (i == null || i.handleMenuItemClick({
+        ...D,
+        index: e.index,
+        indexPath: C.value,
+        route: e.route
+      }), k("click", n));
+    }, a = u(() => R(e.icon, "icon")), q = u(() => W(U, "title"));
+    return K(() => {
+      e.isAloneUse || (r == null || r.addSubMenu(n), i == null || i.addMenuItem(n));
+    }), L(() => {
+      e.isAloneUse || (r == null || r.removeSubMenu(n), i == null || i.removeMenuItem(n));
+    }), (m, p) => {
+      var $, I, V, h, j;
+      return o(), d(y, null, [
+        e.reverse && e.divider ? (o(), l(t(w), {
           key: 0,
           marginY: "0"
-        })) : d("", !0),
-        u("li", {
-          class: $([t.className, e(s).b(), e(s).is("active", t.isAloneUse ? !1 : e(h)), e(s).is("disabled", t.disabled)]),
+        })) : 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)
+          ]),
+          onMouseenter: p[0] || (p[0] = (c) => k("mouseenter")),
+          onMouseleave: p[1] || (p[1] = (c) => k("mouseleave")),
           role: "menuitem",
           tabindex: "-1",
-          onClick: z
+          onClick: O
         }, [
-          ((B = (U = e(y)) == null ? void 0 : U.type) == null ? void 0 : B.name) === "vft-menu" && ((C = e(i)) != null && C.props.collapse) && n.$slots.title ? (m(), p(e(R), {
+          ((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(_), {
             key: 0,
             placement: "right",
             "fallback-placements": ["left"],
             persistent: ""
           }, {
-            content: j(() => [
-              f(n.$slots, "title")
-            ]),
-            default: j(() => [
-              u("div", {
-                class: $(e(w).be("tooltip", "trigger"))
-              }, [
-                f(n.$slots, "default")
-              ], 2)
+            content: P(() => [
+              A(m.$slots, "title")
             ]),
+            default: P(() => {
+              var c;
+              return [
+                x("div", {
+                  class: v(t(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")
+                ], 2)
+              ];
+            }),
             _: 3
-          })) : (m(), a(c, { key: 1 }, [
-            (N = n.$slots) != null && N.default ? f(n.$slots, "default", { key: 0 }) : (m(), a(c, { key: 1 }, [
-              (I = e(x)) != null && I.icon ? (m(), p(e(Q), O(q({ key: 0 }, e(x))), null, 16)) : d("", !0),
-              u("span", { title: e(A) }, [
-                G(e(K), { content: e(A) }, null, 8, ["content"])
-              ], 8, W)
+          })) : (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
+              }, [
+                Q(t(X), { content: t(q) }, null, 8, ["content"])
+              ], 10, ee)
             ], 64))
           ], 64))
-        ], 2),
-        !t.reverse && t.divider ? (m(), p(e(E), {
+        ], 34),
+        !e.reverse && e.divider ? (o(), l(t(w), {
           key: 1,
           marginY: "0"
-        })) : d("", !0)
+        })) : f("", !0)
       ], 64);
     };
   }
 });
 export {
-  Be as default
+  It as default
 };

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

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