@imengyu/vue3-context-menu 1.4.5 → 1.4.6

package/lib/vue3-context-menu.es.js

@@ -254,7 +254,7 @@ const Ke = /* @__PURE__ */ fe(vt, [["render", gt]]), bt = { class: "mx-item-row"
       clickHandler: v,
       clickClose: S,
       clickableWhenHasChildren: i,
-      disabled: m,
+      disabled: p,
       hidden: b,
       label: n,
       icon: x,
@@ -269,7 +269,7 @@ const Ke = /* @__PURE__ */ fe(vt, [["render", gt]]), bt = { class: "mx-item-row"
       hideSubMenu: () => {
         y.closeOtherSubMenu();
       },
-      isDisabledOrHidden: () => m.value || b.value,
+      isDisabledOrHidden: () => p.value || b.value,
       getElement: () => a.value,
       focus: () => o.value = !0,
       blur: () => o.value = !1,
@@ -277,7 +277,7 @@ const Ke = /* @__PURE__ */ fe(vt, [["render", gt]]), bt = { class: "mx-item-row"
     };
     Y("menuItemInstance", W), ge(() => {
       y.isMenuItemDataCollectedFlag() ? me(() => {
-        let p = 0;
+        let m = 0;
         const B = y.getElement();
         if (B) {
           let V = 0;
@@ -285,41 +285,41 @@ const Ke = /* @__PURE__ */ fe(vt, [["render", gt]]), bt = { class: "mx-item-row"
             const te = B.children[X];
             if (te.getAttribute("data-type") === "ContextMenuItem") {
               if (te === a.value) {
-                p = V;
+                m = V;
                 break;
               }
               V++;
             }
           }
         }
-        y.addChildMenuItem(W, p);
+        y.addChildMenuItem(W, m);
       }) : y.addChildMenuItem(W);
     }), We(() => {
       y.removeChildMenuItem(W);
     });
-    function D(p) {
-      if (!m.value) {
-        if (p) {
-          const B = p.target;
+    function D(m) {
+      if (!p.value) {
+        if (m) {
+          const B = m.target;
           if (B.classList.contains("mx-context-no-clickable") || g.value.ignoreClickClassName && B.classList.contains(g.value.ignoreClickClassName))
             return;
           if (g.value.clickCloseClassName && B.classList.contains(g.value.clickCloseClassName)) {
-            p.stopPropagation(), c(r.rawMenuItem);
+            m.stopPropagation(), c(r.rawMenuItem);
             return;
           }
         }
-        L.value ? i.value ? (typeof v.value == "function" && v.value(p), f("click", p)) : M.value || z() : (typeof v.value == "function" && v.value(p), f("click", p), S.value && c(r.rawMenuItem));
+        L.value ? i.value ? (typeof v.value == "function" && v.value(m), f("click", m)) : M.value || z() : (typeof v.value == "function" && v.value(m), f("click", m), S.value && c(r.rawMenuItem));
       }
     }
-    function z(p) {
-      o.value = !1, y.checkCloseOtherSubMenuTimeOut() || y.closeOtherSubMenu(), m.value || (y.markActiveMenuItem(W), L.value && (p || y.markThisOpenedByKeyBoard(), y.addOpenedSubMenu(ee), M.value = !0, me(() => f("subMenuOpen", W))));
+    function z(m) {
+      o.value = !1, y.checkCloseOtherSubMenuTimeOut() || y.closeOtherSubMenu(), p.value || (y.markActiveMenuItem(W), L.value && (m || y.markThisOpenedByKeyBoard(), y.addOpenedSubMenu(ee), M.value = !0, me(() => f("subMenuOpen", W))));
     }
     function ee() {
       o.value = !1, M.value = !1, f("subMenuClose", W);
     }
     function H() {
       return {
-        disabled: m.value,
+        disabled: p.value,
         label: n.value,
         icon: x.value,
         iconFontClass: $.value,
@@ -335,7 +335,7 @@ const Ke = /* @__PURE__ */ fe(vt, [["render", gt]]), bt = { class: "mx-item-row"
         closeMenu: c
       };
     }
-    return t(W), (p, B) => l(b) ? A("", !0) : (d(), P("div", {
+    return t(W), (m, B) => l(b) ? A("", !0) : (d(), P("div", {
       key: 0,
       class: "mx-context-menu-item-wrapper",
       ref_key: "menuItemRef",
@@ -353,7 +353,7 @@ const Ke = /* @__PURE__ */ fe(vt, [["render", gt]]), bt = { class: "mx-item-row"
         key: 2,
         class: Z([
           "mx-context-menu-item",
-          l(m) ? "disabled" : "",
+          l(p) ? "disabled" : "",
           o.value ? "keyboard-focus" : "",
           e.customClass ? " " + e.customClass : "",
           M.value ? "open" : ""
@@ -361,7 +361,7 @@ const Ke = /* @__PURE__ */ fe(vt, [["render", gt]]), bt = { class: "mx-item-row"
         onClick: D,
         onMouseenter: z
       }, [
-        F(p.$slots, "default", {}, () => [
+        F(m.$slots, "default", {}, () => [
           j("div", bt, [
             j("div", {
               class: Z([
@@ -369,7 +369,7 @@ const Ke = /* @__PURE__ */ fe(vt, [["render", gt]]), bt = { class: "mx-item-row"
                 e.preserveIconWidth ? "preserve-width" : ""
               ])
             }, [
-              F(p.$slots, "icon", {}, () => [
+              F(m.$slots, "icon", {}, () => [
                 l(C)("itemIconRender") ? (d(), O(l(K), {
                   key: 0,
                   vnode: () => l(R)("itemIconRender", H())
@@ -387,7 +387,7 @@ const Ke = /* @__PURE__ */ fe(vt, [["render", gt]]), bt = { class: "mx-item-row"
                   class: Z(l(x) + " icon " + l($) + " " + l(g).iconFontClass)
                 }, null, 2)) : A("", !0)
               ]),
-              e.checked ? F(p.$slots, "check", { key: 0 }, () => [
+              e.checked ? F(m.$slots, "check", { key: 0 }, () => [
                 l(C)("itemCheckRender") ? (d(), O(l(K), {
                   key: 0,
                   vnode: () => l(R)("itemCheckRender", H())
@@ -395,7 +395,7 @@ const Ke = /* @__PURE__ */ fe(vt, [["render", gt]]), bt = { class: "mx-item-row"
                 le(ft)
               ]) : A("", !0)
             ], 2),
-            F(p.$slots, "label", {}, () => [
+            F(m.$slots, "label", {}, () => [
               l(C)("itemLabelRender") ? (d(), O(l(K), {
                 key: 0,
                 vnode: () => l(R)("itemLabelRender", H())
@@ -407,14 +407,14 @@ const Ke = /* @__PURE__ */ fe(vt, [["render", gt]]), bt = { class: "mx-item-row"
             ])
           ]),
           j("div", yt, [
-            l(E) ? F(p.$slots, "shortcut", { key: 0 }, () => [
+            l(E) || m.$slots.shortcut ? F(m.$slots, "shortcut", { key: 0 }, () => [
               l(C)("itemShortcutRender") ? (d(), O(l(K), {
                 key: 0,
                 vnode: () => l(R)("itemShortcutRender", H())
               }, null, 8, ["vnode"])) : A("", !0),
               j("span", St, ke(l(E)), 1)
             ]) : A("", !0),
-            l(w) ? F(p.$slots, "rightArrow", { key: 1 }, () => [
+            l(w) ? F(m.$slots, "rightArrow", { key: 1 }, () => [
               l(C)("itemRightArrowRender") ? (d(), O(l(K), {
                 key: 0,
                 vnode: () => l(R)("itemRightArrowRender", H())
@@ -426,10 +426,10 @@ const Ke = /* @__PURE__ */ fe(vt, [["render", gt]]), bt = { class: "mx-item-row"
       ], 34)),
       l(g).menuTransitionProps ? (d(), O(Ee, Ge(xe({ key: 3 }, l(g).menuTransitionProps)), {
         default: ce(() => [
-          M.value ? F(p.$slots, "submenu", { key: 0 }) : A("", !0)
+          M.value ? F(m.$slots, "submenu", { key: 0 }) : A("", !0)
         ]),
         _: 3
-      }, 16)) : M.value ? F(p.$slots, "submenu", { key: 4 }) : A("", !0)
+      }, 16)) : M.value ? F(m.$slots, "submenu", { key: 4 }) : A("", !0)
     ], 512));
   }
 }), xt = Q({
@@ -501,7 +501,7 @@ const we = /* @__PURE__ */ fe(xt, [["render", It]]), wt = Q({
     }
   },
   setup(e) {
-    const t = _("menuContext"), u = _("globalOptions"), r = _("globalHasSlot"), f = _("globalRenderSlot"), { zIndex: v, getParentWidth: S, getParentHeight: i, getZoom: m } = t, { adjustPosition: b } = se(e), n = I(), x = I(), $ = I(), w = I(), E = [], L = _("globalSetCurrentSubMenu"), M = [];
+    const t = _("menuContext"), u = _("globalOptions"), r = _("globalHasSlot"), f = _("globalRenderSlot"), { zIndex: v, getParentWidth: S, getParentHeight: i, getZoom: p } = t, { adjustPosition: b } = se(e), n = I(), x = I(), $ = I(), w = I(), E = [], L = _("globalSetCurrentSubMenu"), M = [];
     let o = null, a = 0;
     function g() {
       o && o.blur();
@@ -523,7 +523,7 @@ const we = /* @__PURE__ */ fe(xt, [["render", It]]), wt = Q({
     function R(s) {
       if (o && g(), s !== void 0 && (o = M[Math.max(0, Math.min(s, M.length - 1))]), !!o && (o.focus(), ne.value)) {
         const h = o.getElement();
-        h && (p.value = Math.min(Math.max(-B.value, -h.offsetTop - h.offsetHeight + U.value), 0));
+        h && (m.value = Math.min(Math.max(-B.value, -h.offsetTop - h.offsetHeight + U.value), 0));
       }
     }
     function c() {
@@ -614,8 +614,8 @@ const we = /* @__PURE__ */ fe(xt, [["render", It]]), wt = Q({
       } : { width: 0, height: 0 },
       getSubmenuRoot: () => n.value,
       getMenu: () => x.value,
-      getScrollValue: () => p.value,
-      setScrollValue: (s) => p.value = s,
+      getScrollValue: () => m.value,
+      setScrollValue: (s) => m.value = s,
       getScrollHeight: () => B.value,
       getMaxHeight: () => U.value,
       getPosition: () => k.value,
@@ -624,9 +624,9 @@ const we = /* @__PURE__ */ fe(xt, [["render", It]]), wt = Q({
       }
     }, H = _("menuItemInstance", void 0);
     H && (H.getSubMenuInstance = () => ee);
-    const p = I(0), B = I(0);
+    const m = I(0), B = I(0);
     function V(s) {
-      s ? p.value = Math.min(Math.max(p.value - 50, -B.value), 0) : p.value = Math.min(p.value + 50, 0);
+      s ? m.value = Math.min(Math.max(m.value - 50, -B.value), 0) : m.value = Math.min(m.value + 50, 0);
     }
     function X(s) {
       s.preventDefault(), s.stopPropagation(), V(s.deltaY > 0);
@@ -638,15 +638,15 @@ const we = /* @__PURE__ */ fe(xt, [["render", It]]), wt = Q({
     return ge(() => {
       const s = t.getPositon();
       k.value = {
-        x: (s[0] ?? u.value.xOffset ?? 0) / m(),
-        y: (s[1] ?? u.value.yOffset ?? 0) / m()
+        x: (s[0] ?? u.value.xOffset ?? 0) / p(),
+        y: (s[1] ?? u.value.yOffset ?? 0) / p()
       }, L(y), me(() => {
         var T, Oe;
         const h = x.value;
         if (h && $.value) {
-          const { container: oe } = t, be = (S == null ? void 0 : S()) ?? 0, $e = (i == null ? void 0 : i()) ?? 0, ve = typeof t.adjustPadding == "number" ? t.adjustPadding : ((T = t.adjustPadding) == null ? void 0 : T.x) ?? 0, he = typeof t.adjustPadding == "number" ? t.adjustPadding : ((Oe = t.adjustPadding) == null ? void 0 : Oe.y) ?? 0, ie = $e > 0 ? he : 0, Ye = document.documentElement.scrollHeight / m(), Ze = document.documentElement.scrollWidth / m(), Xe = Math.min(Ze, oe.offsetWidth), Ce = Math.min(Ye, oe.offsetHeight);
+          const { container: oe } = t, be = (S == null ? void 0 : S()) ?? 0, $e = (i == null ? void 0 : i()) ?? 0, ve = typeof t.adjustPadding == "number" ? t.adjustPadding : ((T = t.adjustPadding) == null ? void 0 : T.x) ?? 0, he = typeof t.adjustPadding == "number" ? t.adjustPadding : ((Oe = t.adjustPadding) == null ? void 0 : Oe.y) ?? 0, ie = $e > 0 ? he : 0, Ye = document.documentElement.scrollHeight / p(), Ze = document.documentElement.scrollWidth / p(), Xe = Math.min(Ze, oe.offsetWidth), Ce = Math.min(Ye, oe.offsetHeight);
           let Me = J(h, oe), ye = q(h, oe);
-          e.direction.includes("l") ? k.value.x -= h.offsetWidth + ve : e.direction.includes("r") ? k.value.x += be + ve : (k.value.x += be / 2, k.value.x -= (h.offsetWidth + ve) / 2), e.direction.includes("t") ? k.value.y -= (h.offsetHeight + he * 2) / m() : e.direction.includes("b") ? k.value.y -= he / m() : (k.value.y += $e / 2 / m(), k.value.y -= (h.offsetHeight + he) / 2 / m()), b.value && me(() => {
+          e.direction.includes("l") ? k.value.x -= h.offsetWidth + ve : e.direction.includes("r") ? k.value.x += be + ve : (k.value.x += be / 2, k.value.x -= (h.offsetWidth + ve) / 2), e.direction.includes("t") ? k.value.y -= (h.offsetHeight + he * 2) / p() : e.direction.includes("b") ? k.value.y -= he / p() : (k.value.y += $e / 2 / p(), k.value.y -= (h.offsetHeight + he) / 2 / p()), b.value && me(() => {
             Me = J(h, oe), ye = q(h, oe);
             const Ue = Me + h.offsetWidth - Xe, Re = ye + h.offsetHeight + ie * 2 - Ce;
             if (ne.value = Re > 0, B.value = h.offsetHeight - Ce + ie * 2, Ue > 0) {
@@ -674,7 +674,7 @@ const we = /* @__PURE__ */ fe(xt, [["render", It]]), wt = Q({
       options: u,
       zIndex: v,
       constOptions: N,
-      scrollValue: p,
+      scrollValue: m,
       upScrollButton: w,
       overflow: ne,
       position: k,
@@ -702,7 +702,7 @@ const Wt = {
   ref: "scroll"
 };
 function $t(e, t, u, r, f, v) {
-  const S = de("ContextMenuSeparator"), i = de("ContextSubMenu", !0), m = de("ContextMenuItem"), b = de("ContextMenuIconRight");
+  const S = de("ContextMenuSeparator"), i = de("ContextSubMenu", !0), p = de("ContextMenuItem"), b = de("ContextMenuIconRight");
   return d(), P("div", {
     ref: "submenuRoot",
     class: Z([
@@ -733,7 +733,7 @@ function $t(e, t, u, r, f, v) {
         e.overflow && e.options.updownButtonSpaceholder ? (d(), P("div", Wt)) : A("", !0),
         (d(!0), P(Ie, null, De(e.items, (n, x) => (d(), P(Ie, { key: x }, [
           n.hidden !== !0 && n.divided === "up" ? (d(), O(S, { key: 0 })) : A("", !0),
-          n.hidden !== !0 && n.divided === "self" ? (d(), O(S, { key: 1 })) : (d(), O(m, {
+          n.hidden !== !0 && n.divided === "self" ? (d(), O(S, { key: 1 })) : (d(), O(p, {
             key: 2,
             clickHandler: n.onClick ? ($) => n.onClick($) : void 0,
             disabled: typeof n.disabled == "object" ? n.disabled.value : n.disabled,
@@ -840,14 +840,14 @@ const pe = /* @__PURE__ */ fe(wt, [["render", $t]]), Rt = { class: "mx-menu-ghos
   setup(e, { expose: t, emit: u }) {
     const r = e, f = u, v = Je(), S = I(), {
       options: i,
-      show: m,
+      show: p,
       container: b
     } = se(r);
     ge(() => {
-      m.value && $();
+      p.value && $();
     }), We(() => {
       M();
-    }), Te(m, (c) => {
+    }), Te(p, (c) => {
       c ? $() : (Fe(n), M());
     });
     const n = {
@@ -871,16 +871,16 @@ const pe = /* @__PURE__ */ fe(wt, [["render", $t]]), Rt = { class: "mx-menu-ghos
     }
     function L() {
       setTimeout(() => {
-        document.addEventListener("click", C, !0), document.addEventListener("contextmenu", C, !0), document.addEventListener("scroll", g, !0), !r.isFullScreenContainer && b.value && b.value.addEventListener("scroll", g, !0), i.value.keyboardControl !== !1 && document.addEventListener("keydown", a);
+        document.addEventListener("click", C, !0), document.addEventListener("contextmenu", C, !0), document.addEventListener("scroll", g, !0), !r.isFullScreenContainer && b.value && b.value.addEventListener("scroll", g, !0), i.value.keyboardControl !== !1 && document.addEventListener("keydown", a, !0);
       }, 50);
     }
     function M() {
-      document.removeEventListener("contextmenu", C, !0), document.removeEventListener("click", C, !0), document.removeEventListener("scroll", g, !0), !r.isFullScreenContainer && b.value && b.value.removeEventListener("scroll", g, !0), i.value.keyboardControl !== !1 && document.removeEventListener("keydown", a);
+      document.removeEventListener("contextmenu", C, !0), document.removeEventListener("click", C, !0), document.removeEventListener("scroll", g, !0), !r.isFullScreenContainer && b.value && b.value.removeEventListener("scroll", g, !0), i.value.keyboardControl !== !1 && document.removeEventListener("keydown", a, !0);
     }
     const o = I();
     Y("globalSetCurrentSubMenu", (c) => o.value = c);
     function a(c) {
-      var W, D, z, ee, H, p, B, V, X, te, ne, k, U;
+      var W, D, z, ee, H, m, B, V, X, te, ne, k, U;
       let y = !0;
       switch (c.key) {
         case "Escape": {
@@ -897,7 +897,7 @@ const pe = /* @__PURE__ */ fe(wt, [["render", $t]]), Rt = { class: "mx-menu-ghos
           (H = o.value) == null || H.moveCurrentItemFirst();
           break;
         case "End":
-          (p = o.value) == null || p.moveCurrentItemLast();
+          (m = o.value) == null || m.moveCurrentItemLast();
           break;
         case "ArrowLeft": {
           (B = o.value) != null && B.closeSelfAndActiveParent() || (X = (V = i.value).onKeyFocusMoveLeft) == null || X.call(V);
@@ -970,7 +970,7 @@ const pe = /* @__PURE__ */ fe(wt, [["render", $t]]), Rt = { class: "mx-menu-ghos
         onAfterLeave: y[0] || (y[0] = (W) => f("closeAnimFinished"))
       }), {
         default: ce(() => [
-          l(m) ? (d(), O(pe, {
+          l(p) ? (d(), O(pe, {
             key: 0,
             ref_key: "submenuInstance",
             ref: S,
@@ -988,7 +988,7 @@ const pe = /* @__PURE__ */ fe(wt, [["render", $t]]), Rt = { class: "mx-menu-ghos
           }, 8, ["items", "adjustPosition", "maxWidth", "minWidth", "direction"])) : A("", !0)
         ]),
         _: 3
-      }, 16)) : l(m) ? (d(), O(pe, {
+      }, 16)) : l(p) ? (d(), O(pe, {
         key: 1,
         ref_key: "submenuInstance",
         ref: S,
@@ -1055,9 +1055,9 @@ const Bt = Q({
               show: r,
               container: S,
               isFullScreenContainer: !v,
-              onClose: (m) => {
+              onClose: (p) => {
                 var b, n;
-                t.emit("update:show", !1), t.emit("close"), (n = (b = u.value).onClose) == null || n.call(b, m);
+                t.emit("update:show", !1), t.emit("close"), (n = (b = u.value).onClose) == null || n.call(b, p);
               }
             }, t.slots)
           ]
@@ -1196,13 +1196,13 @@ const Bt = Q({
     }
   },
   setup(e, t) {
-    const u = _("globalOptions"), { adjustSubMenuPosition: r, maxWidth: f, minWidth: v } = se(e), S = typeof r.value < "u" ? r.value : u.value.adjustPosition, i = I(), m = I();
+    const u = _("globalOptions"), { adjustSubMenuPosition: r, maxWidth: f, minWidth: v } = se(e), S = typeof r.value < "u" ? r.value : u.value.adjustPosition, i = I(), p = I();
     return t.expose({
       getSubMenuRef: () => i.value,
-      getMenuItemRef: () => m.value
+      getMenuItemRef: () => p.value
     }), () => ue(Pe, {
       ...e,
-      ref: m,
+      ref: p,
       showRightArrow: !0,
       maxWidth: void 0,
       minWidth: void 0,
@@ -1363,7 +1363,7 @@ const Nt = /* @__PURE__ */ fe(jt, [["render", Tt]]), zt = ["onClick", "onMouseen
     }), Te(() => t.options, () => {
       f.value = t.options.items || [];
     });
-    let m = null, b = -1;
+    let p = null, b = -1;
     function n() {
       b < f.value.length - 1 ? b++ : b = 0, w(b, f.value[b]);
     }
@@ -1379,11 +1379,11 @@ const Nt = /* @__PURE__ */ fe(jt, [["render", Tt]]), zt = ["onClick", "onMouseen
       var C;
       if (b = o, !a.children)
         return;
-      m && (m.closeMenu(), m = null, r.value = !0), v.value = a;
+      p && (p.closeMenu(), p = null, r.value = !0), v.value = a;
       const g = (C = u.value) == null ? void 0 : C.children[o];
       if (g) {
         const { x: R, y: c } = $(g);
-        m = Le.showContextMenu({
+        p = Le.showContextMenu({
           ...t.options,
           items: a.children,
           x: R,
@@ -1397,7 +1397,7 @@ const Nt = /* @__PURE__ */ fe(jt, [["render", Tt]]), zt = ["onClick", "onMouseen
           onClose() {
             v.value == a && (r.value = !1, v.value = null), typeof a.onSubMenuClose == "function" && a.onSubMenuClose(void 0);
           }
-        }), m && typeof a.onSubMenuOpen == "function" && a.onSubMenuOpen(void 0);
+        }), p && typeof a.onSubMenuOpen == "function" && a.onSubMenuOpen(void 0);
       }
     }
     function E() {
@@ -1405,7 +1405,7 @@ const Nt = /* @__PURE__ */ fe(jt, [["render", Tt]]), zt = ["onClick", "onMouseen
       const o = u.value;
       if (o) {
         const { x: a, y: g } = $(o);
-        m = Le.showContextMenu({
+        p = Le.showContextMenu({
           ...t.options,
           x: a,
           y: g