vft 0.0.427 → 0.0.428

package/es/{components → packages/components}/menu/menu.vue2.js

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

package/es/{components → packages/components}/menu/sub-menu.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as Z, getCurrentInstance as le, computed as l, inject as D, ref as C, reactive as ue, watch as ae, provide as se, onMounted as re, onBeforeUnmount as ie, useSlots as ce, h as s, Fragment as pe, withDirectives as de, vShow as me } from "vue";
+import { defineComponent as Z, getCurrentInstance as le, computed as l, inject as D, ref as C, reactive as ue, watch as ae, provide as se, onMounted as re, onBeforeUnmount as ie, useSlots as ce, h as s, Fragment as pe, withDirectives as me, vShow as de } from "vue";
 import { singleAttrToObj as g, renderTNode as ve, isMobile as fe } from "@vft/utils";
 import { VftTooltip as Me } from "../tooltip/index.js";
 import { VftIcon as L } from "../icon/index.js";
@@ -34,12 +34,8 @@ const Ce = Z({
     popperOffset: {
       default: 6
     },
-    expandIcon: {
-      default: () => ({})
-    },
-    collapseIcon: {
-      default: () => ({})
-    },
+    expandIcon: {},
+    collapseIcon: {},
     title: {},
     icon: {},
     showArrow: {
@@ -57,16 +53,16 @@ const Ce = Z({
     expose: q,
     emit: G
   }) {
-    const y = w("sub-menu"), I = G, d = le(), {
+    const y = G, I = w("sub-menu"), m = le(), {
       indexPath: f,
       parentMenu: k
-    } = he(d, l(() => o.index)), i = w("menu"), u = w("sub-menu"), e = D("rootMenu");
-    e || U(y.b(), "can not inject root menu");
+    } = he(m, l(() => o.index)), i = w("menu"), u = w("sub-menu"), e = D("rootMenu");
+    e || U(I.b(), "can not inject root menu");
     const r = D(`subMenu:${k.value.uid}`);
-    r || U(y.b(), "can not inject sub menu");
+    r || U(I.b(), "can not inject sub menu");
     const S = C({});
     let M;
-    const z = C(!1), J = C(), E = C(null), A = l(() => p.value === "horizontal" && b.value ? "bottom-start" : "right-start"), b = l(() => r.level === 0), x = l(() => o.teleported === void 0 ? b.value : o.teleported), K = l(() => e.props.collapse ? `${i.namespace.value}-zoom-in-left` : `${i.namespace.value}-zoom-in-top`), Q = l(() => p.value === "horizontal" && b.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 = l(() => e.openedMenus.includes(o.index)), m = l(() => {
+    const z = C(!1), J = C(), E = C(null), A = l(() => p.value === "horizontal" && b.value ? "bottom-start" : "right-start"), b = l(() => r.level === 0), x = l(() => o.teleported === void 0 ? b.value : o.teleported), K = l(() => e.props.collapse ? `${i.namespace.value}-zoom-in-left` : `${i.namespace.value}-zoom-in-top`), Q = l(() => p.value === "horizontal" && b.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 = l(() => e.openedMenus.includes(o.index)), d = l(() => {
       let t = !1;
       return Object.values(S.value).forEach((a) => {
         a.active && (t = !0);
@@ -74,12 +70,12 @@ const Ce = Z({
     }), B = l(() => e.props.backgroundColor || ""), P = l(() => e.props.activeTextColor || ""), F = l(() => e.props.textColor || ""), p = l(() => e.props.mode), W = l(() => e.props.persistent), h = ue({
       index: o.index,
       indexPath: f,
-      active: m
+      active: d
     }), j = Te(e.props, r.level + 1), $ = l(() => p.value !== "horizontal" ? {
       color: F.value
     } : {
-      borderBottomColor: m.value ? e.props.activeTextColor ? P.value : "" : "transparent",
-      color: m.value ? P.value : F.value
+      borderBottomColor: d.value ? e.props.activeTextColor ? P.value : "" : "transparent",
+      color: d.value ? P.value : F.value
     }), X = () => E.value?.popperRef?.popperInstanceRef?.destroy(), Y = (t) => {
       t || X();
     }, O = (t) => {
@@ -87,7 +83,7 @@ const Ce = Z({
         e: t,
         index: o.index,
         indexPath: f.value,
-        active: m.value
+        active: d.value
       };
       if (e.props.menuTrigger === "hover" && e.props.mode === "horizontal" && !fe() || e.props.collapse && e.props.mode === "vertical" || o.disabled) {
         e.handleSubMenuClick({
@@ -102,7 +98,7 @@ const Ce = Z({
         stop: M
       } = H(() => {
         e.openMenu(o.index, f.value);
-      }, a), x.value && k.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")), I("mouseenter", t)));
+      }, a), x.value && k.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")), y("mouseenter", t)));
     }, _ = () => {
       e.inSubMenuMouseEnterTimer && clearTimeout(e.inSubMenuMouseEnterTimer), e.inSubMenuMouseleaveTimer && clearTimeout(e.inSubMenuMouseleaveTimer), e.inSubMenuMouseEnterTimer = setTimeout(() => {
         e.inSubMenu = !0;
@@ -116,7 +112,7 @@ const Ce = Z({
         stop: M
       } = H(() => {
         !z.value && e.closeMenu(o.index, f.value);
-      }, o.hideTimeout), x.value && a && d.parent?.type.name === "vft-sub-menu" && r.handleMouseleave?.(t, !0), I("mouseleave", t));
+      }, o.hideTimeout), x.value && a && m.parent?.type.name === "vft-sub-menu" && r.handleMouseleave?.(t, !0), y("mouseleave", t));
     };
     ae(() => e.props.collapse, (t) => Y(!!t));
     {
@@ -125,7 +121,7 @@ const Ce = Z({
       }, a = (n) => {
         delete S.value[n.index];
       };
-      se(`subMenu:${d.uid}`, {
+      se(`subMenu:${m.uid}`, {
         addSubMenu: t,
         removeSubMenu: a,
         handleMouseleave: T,
@@ -148,13 +144,13 @@ const Ce = Z({
       icon: "icon-arrow-right",
       size: 18,
       ...te.value
-    }), R = l(() => ve(d, "title"));
+    }), R = l(() => ve(m, "title"));
     return () => {
       const t = [N.value?.icon ? s(L, {
         ...N.value
       }) : null, s("span", {
         class: [u.e("text"), u.is("arrow", o.showArrow)],
-        title: d.props.title
+        title: m.props.title
       }, R.value), o.showArrow ? s(L, {
         class: u.e("icon-arrow"),
         ...ne.value,
@@ -205,15 +201,15 @@ const Ce = Z({
           ref: J,
           onClick: O
         }, t) : null, s(be, {}, {
-          default: () => de(s("ul", {
+          default: () => me(s("ul", {
             role: "menu",
             class: [i.b(), i.m("inline")],
             style: j.value
-          }, [V.default?.()]), [[me, c.value]])
+          }, [V.default?.()]), [[de, c.value]])
         })])
       );
       return s("li", {
-        class: [u.b(), u.is("active", m.value), u.e(String(r.level)), u.is("in-popup", r.level !== 0), u.is("opened", c.value), u.is("arrow", !0), u.is("disabled", o.disabled)],
+        class: [u.b(), u.is("active", d.value), u.e(String(r.level)), u.is("in-popup", r.level !== 0), u.is("opened", c.value), u.is("arrow", !0), u.is("disabled", o.disabled)],
         role: "menuitem",
         ariaHaspopup: !0,
         ariaExpanded: c.value,

package/es/{components → packages/components}/select/group-item.vue.js

@@ -1,6 +1,6 @@
 import t from "./group-item.vue2.js";
 import { createElementBlock as o, openBlock as r, normalizeStyle as i, normalizeClass as l, toDisplayString as s } from "vue";
-import n from "../../_virtual/_plugin-vue_export-helper.js";
+import n from "../../../_virtual/_plugin-vue_export-helper.js";
 function p(e, a, m, c, f, u) {
   return r(), o("div", {
     class: l(e.ns.be("group", "title")),

package/es/{components → packages/components}/select/option-item.vue.js

@@ -1,6 +1,6 @@
 import o from "./option-item.vue2.js";
 import { createElementBlock as l, openBlock as n, withModifiers as r, normalizeClass as d, normalizeStyle as t, renderSlot as a, createElementVNode as m, toDisplayString as p } from "vue";
-import f from "../../_virtual/_plugin-vue_export-helper.js";
+import f from "../../../_virtual/_plugin-vue_export-helper.js";
 const u = ["aria-selected"];
 function b(e, s, k, v, $, g) {
   return n(), l("li", {

package/es/{components → packages/components}/select/select.vue.js

@@ -1,6 +1,6 @@
 import I from "./select.vue2.js";
 import { resolveComponent as m, resolveDirective as R, withDirectives as w, createElementBlock as p, openBlock as a, normalizeClass as o, createVNode as u, withCtx as t, createSlots as M, renderSlot as i, normalizeProps as D, guardReactiveProps as E, createElementVNode as n, toDisplayString as f, withModifiers as r, createCommentVNode as d, createBlock as b, Fragment as h, renderList as $, normalizeStyle as k, createTextVNode as T, withKeys as g, vModelText as B, vShow as K } from "vue";
-import L from "../../_virtual/_plugin-vue_export-helper.js";
+import L from "../../../_virtual/_plugin-vue_export-helper.js";
 const P = ["id", "autocomplete", "tabindex", "aria-expanded", "aria-label", "disabled", "readonly", "name"], N = ["textContent"], O = { key: 1 };
 function H(e, s, U, A, F, j) {
   const v = m("tag"), C = m("tooltip"), S = m("icon"), V = m("select-menu"), z = R("click-outside");

package/es/{components → packages/components}/side-menu/index.js

@@ -6,9 +6,8 @@ import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
 import "../form/index.js";
 import o from "./side-menu.vue2.js";
-import "vue-router";
-const l = t(o);
+const s = t(o);
 export {
-  l as VftSideMenu,
-  l as default
+  s as VftSideMenu,
+  s as default
 };