@qi-tian-da-sheng/bin-project-ui 1.0.0

package/es/packages/components/menu/src/head-menu.vue.mjs

@@ -0,0 +1,123 @@
+import { defineComponent as w, getCurrentInstance as Q, toRefs as U, ref as y, reactive as W, computed as E, provide as X, watch as x, onMounted as Y, openBlock as u, createElementBlock as f, normalizeClass as v, createElementVNode as S, unref as l, createBlock as h, resolveDynamicComponent as C, createCommentVNode as b, Fragment as Z, renderList as ee, h as T } from "vue";
+import ne from "./v-menu.mjs";
+import { Tabs as oe } from "../../tabs/index.mjs";
+import te from "./head-menu-props.mjs";
+import se from "../../../hooks/useVModel.mjs";
+import re from "../../../hooks/useDefaultValue.mjs";
+import { usePNode as ae, useContent as ue } from "../../../tools/element/render-node.mjs";
+import { useNS as le } from "../../../hooks/useNS.mjs";
+const ce = { class: "p-head-menu__inner" }, de = w({
+  name: "PHeadMenu",
+  inheritAttrs: !1
+}), _e = /* @__PURE__ */ w({
+  ...de,
+  props: { ...te },
+  setup(A) {
+    const r = A, s = Q(), B = ae(), H = ue(), M = B("logo"), k = H("operations", "options"), { value: D, modelValue: z, expanded: F } = U(r), [c, V] = se(D, z, void 0, r.onChange), [t, I] = re(F, void 0, r.onExpand, "expanded"), g = y([]), d = W([]), p = y(r.expandType), L = E(() => r.theme), m = new ne({ isMutex: !0, expandValues: t == null ? void 0 : t.value });
+    X("PMenu", {
+      mode: p,
+      theme: L,
+      vMenu: m,
+      isHead: !0,
+      expandValues: t,
+      activeValue: c,
+      activeValues: g,
+      select: (e) => {
+        V(e);
+      },
+      open: (e, o) => {
+        const n = t != null && t.value ? [...t.value] : [], a = n.indexOf(e);
+        p.value === "popup" ? o === "add" ? a === -1 && n.push(e) : o === "remove" && n.splice(a, 1) : p.value === "normal" && e !== void 0 && (n.splice(0, 1), a === -1 && n.push(e)), I(n);
+      }
+    });
+    const N = (e) => {
+      const o = m.getChild(e);
+      d.length = 0, d.push(...o);
+    }, O = (e) => {
+      g.value = m.select(e);
+    }, R = (e) => {
+      V(e), $(e);
+    }, $ = (e) => {
+      var P;
+      const o = d.find((K) => K.value === e);
+      (P = o.onClick) == null || P.call(o, { value: e });
+      const { to: n, href: a, replace: J } = o;
+      a && (window.location.href = o.href);
+      const _ = o.router || (s == null ? void 0 : s.appContext.config.globalProperties.$router);
+      n && _ && (J ? _.replace(n) : _.push(n));
+    };
+    x(
+      t,
+      (e) => {
+        e && p.value === "normal" && N(e[0]);
+      }
+    ), x(
+      c,
+      (e) => {
+        e && O(e);
+      }
+    ), x(
+      () => r.expandType,
+      (e) => {
+        p.value = e;
+      }
+    ), Y(() => {
+      c.value && (g.value = m.select(c.value), t.value && t.value.length > 0 && N(t.value[0]));
+    });
+    const i = le("menu"), j = E(() => [
+      "p-head-menu",
+      i.namespace,
+      i.m(r.theme)
+    ]), q = () => {
+      var e, o, n, a;
+      return ((o = s == null ? void 0 : (e = s.slots).default) == null ? void 0 : o.call(e)) || ((a = s == null ? void 0 : (n = s.slots).content) == null ? void 0 : a.call(n)) || [];
+    }, G = () => {
+      if (d.length === 0) return null;
+      let e = [];
+      d.map((n) => {
+        e.push({
+          value: n.value,
+          label: n.vNode
+        });
+      });
+      const o = T(oe, {
+        value: c.value,
+        list: e,
+        onChange: (n) => R(n)
+      });
+      return T("ul", {
+        class: [
+          "p-head-menu__submenu",
+          "p-submenu"
+        ]
+      }, o);
+    };
+    return (e, o) => (u(), f("div", {
+      class: v(j.value)
+    }, [
+      S("div", ce, [
+        l(M) ? (u(), f("div", {
+          key: 0,
+          class: v(l(i).e("logo"))
+        }, [
+          (u(), h(C(l(M)[0])))
+        ], 2)) : b("", !0),
+        S("ul", {
+          class: v(l(i).namespace)
+        }, [
+          (u(), h(C(q)))
+        ], 2),
+        l(k) ? (u(), f("div", {
+          key: 1,
+          class: v(l(i).e("operations"))
+        }, [
+          (u(!0), f(Z, null, ee(l(k), (n) => (u(), h(C(n)))), 256))
+        ], 2)) : b("", !0)
+      ]),
+      r.expandType === "normal" ? (u(), h(C(G), { key: 0 })) : b("", !0)
+    ], 2));
+  }
+});
+export {
+  _e as default
+};

package/es/packages/components/menu/src/head-menu.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./head-menu.vue.mjs";
+export {
+  f as default
+};

package/es/packages/components/menu/src/menu-item-props.mjs

@@ -0,0 +1,74 @@
+const e = {
+  /**
+   * @description 菜单项内容
+   */
+  content: {
+    type: [String, Function]
+  },
+  /**
+   * @description 菜单项内容，同 content
+   */
+  default: {
+    type: [String, Function]
+  },
+  /**
+   * @description 是否禁用菜单项展开/收起/跳转等功能
+   */
+  disabled: Boolean,
+  /**
+   * @description 跳转链接，菜单项渲染为 a 标签，当 routerLink 为 true 时将使用 Router 进行路由跳转
+   */
+  href: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description 图标
+   */
+  icon: {
+    type: Function
+  },
+  /**
+   * @description 路由跳转是否采用覆盖的方式（覆盖后将没有浏览器历史记录）
+   */
+  replace: Boolean,
+  /**
+   * @description 路由对象。如果项目存在 Router，则默认使用 Router
+   */
+  router: {
+    type: Object
+  },
+  /**
+   * @description 菜单项内容是否渲染为使用Router进行跳转的a标签，当且仅当 Router 存在时，该 API 有效
+   */
+  routerLink: Boolean,
+  /**
+   * @description 链接或路由跳转方式
+   */
+  target: {
+    type: String,
+    default: "_self",
+    validator(t) {
+      return t ? ["_blank", "_self", "_parent", "_top"].includes(t) : !0;
+    }
+  },
+  /**
+   * @description 路由跳转目标，当且仅当 Router 存在时，该 API 有效
+   */
+  to: {
+    type: [String, Object]
+  },
+  /**
+   * @description 菜单项唯一标识
+   */
+  value: {
+    type: [String, Number]
+  },
+  /**
+   * @description 点击时触发
+   */
+  onClick: Function
+};
+export {
+  e as default
+};

package/es/packages/components/menu/src/menu-item.vue.mjs

@@ -0,0 +1,66 @@
+import { defineComponent as g, computed as h, inject as P, openBlock as t, createElementBlock as l, normalizeClass as c, unref as n, createBlock as f, resolveDynamicComponent as m, createCommentVNode as D, withModifiers as E, createElementVNode as _, Fragment as v, renderList as k } from "vue";
+import I from "./menu-item-props.mjs";
+import { usePNode as L, useContent as S } from "../../../tools/element/render-node.mjs";
+import { useNS as j } from "../../../hooks/useNS.mjs";
+const w = ["href", "target"], x = ["href", "target"], z = g({
+  name: "PMenuItem",
+  inheritAttrs: !1
+}), H = /* @__PURE__ */ g({
+  ...z,
+  props: { ...I },
+  setup(y) {
+    const e = y, N = L(), M = S(), C = N("icon"), p = M("default", "content"), V = h(() => (o == null ? void 0 : o.activeValue.value) === e.value), o = P("PMenu"), i = P("PSubmenu", null);
+    function B(u) {
+      var s, d;
+      u.stopPropagation(), !e.disabled && (e.value && (o == null ? void 0 : o.activeValue.value) !== e.value && (o == null || o.select(e.value), (s = e.onClick) == null || s.call(e, { e: u, value: e.value })), (d = i == null ? void 0 : i.closeParentPopup) == null || d.call(i, u));
+    }
+    const r = j("menu__item"), b = h(() => [
+      r.namespace,
+      r.is(V.value, "active"),
+      r.is(e.disabled, "disabled")
+    ]);
+    return (u, s) => {
+      var d;
+      return t(), l("li", {
+        class: c(b.value),
+        onClick: B
+      }, [
+        n(C) ? (t(), f(m(n(C)[0]), { key: 0 })) : D("", !0),
+        e.routerLink ? (t(), l("a", {
+          key: 1,
+          href: e.href || (e.to ? (d = e.router) == null ? void 0 : d.resolve(u.to).href : ""),
+          target: e.target,
+          class: c(n(r).m("link")),
+          onClick: s[0] || (s[0] = E(() => {
+          }, ["prevent"]))
+        }, [
+          _("span", {
+            class: c(n(r).m("contents"))
+          }, [
+            (t(!0), l(v, null, k(n(p), (a) => (t(), f(m(a)))), 256))
+          ], 2)
+        ], 10, w)) : e.href ? (t(), l("a", {
+          key: 2,
+          href: e.href,
+          target: e.target,
+          class: c(n(r).m("link")),
+          onClick: s[1] || (s[1] = (a) => e.disabled && a.preventDefault())
+        }, [
+          _("span", {
+            class: c(n(r).m("contents"))
+          }, [
+            (t(!0), l(v, null, k(n(p), (a) => (t(), f(m(a)))), 256))
+          ], 2)
+        ], 10, x)) : (t(), l("span", {
+          key: 3,
+          class: c(n(r).m("contents"))
+        }, [
+          (t(!0), l(v, null, k(n(p), (a) => (t(), f(m(a)))), 256))
+        ], 2))
+      ], 2);
+    };
+  }
+});
+export {
+  H as default
+};

package/es/packages/components/menu/src/menu-item.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./menu-item.vue.mjs";
+export {
+  f as default
+};

package/es/packages/components/menu/src/menu-props.mjs

@@ -0,0 +1,78 @@
+const t = {
+  /**
+   * @description 是否收起菜单
+   */
+  collapsed: Boolean,
+  /**
+   * @description 子菜单展开的导航集合
+   */
+  expanded: {
+    type: Array,
+    default: void 0
+  },
+  /**
+   * @description 同级别互斥展开
+   * */
+  expandMutex: Boolean,
+  /**
+   * @description 二级菜单展开方式，平铺展开和浮层展开
+   */
+  expandType: {
+    type: String,
+    default: "normal",
+    validator(e) {
+      return e ? ["normal", "popup"].includes(e) : !0;
+    }
+  },
+  /**
+   * @description 站点 LOGO
+   */
+  logo: {
+    type: Function
+  },
+  /**
+   * @description 导航操作区域
+   */
+  operations: {
+    type: Function
+  },
+  /**
+   * @description 菜单风格
+   */
+  theme: {
+    type: String,
+    default: "light",
+    validator(e) {
+      return e ? ["light", "dark"].includes(e) : !0;
+    }
+  },
+  /**
+   * @description 激活菜单项
+   */
+  value: {
+    type: [String, Number],
+    default: void 0
+  },
+  modelValue: {
+    type: [String, Number],
+    default: void 0
+  },
+  /**
+   * @description 菜单宽度。值类型为数组时，分别表示菜单展开和折叠的宽度。[ 展开时的宽度, 折叠时的宽度 ]，示例：['200px', '80px']
+   */
+  width: {
+    type: [String, Number, Array],
+    default: "232px"
+  },
+  /**
+   * @description 激活菜单项发生变化时触发
+   */
+  onChange: Function,
+  /**
+   * @description 展开的菜单项发生变化时触发
+   */
+  onExpand: Function
+};
+export {
+  t as default
+};

package/es/packages/components/menu/src/menu.vue.mjs

@@ -0,0 +1,88 @@
+import { defineComponent as P, toRefs as T, ref as y, computed as r, provide as W, openBlock as c, createElementBlock as u, normalizeStyle as $, normalizeClass as i, createElementVNode as _, unref as l, createBlock as g, resolveDynamicComponent as N, createCommentVNode as k, renderSlot as j, Fragment as q, renderList as G } from "vue";
+import I from "./menu-props.mjs";
+import J from "./v-menu.mjs";
+import K from "../../../hooks/useVModel.mjs";
+import Q from "../../../hooks/useDefaultValue.mjs";
+import { useContent as U, usePNode as X } from "../../../tools/element/render-node.mjs";
+import { isArray as Y, isNumber as Z } from "../../../tools/extra/types.mjs";
+import { px as d } from "../../../tools/extra/css.mjs";
+import { useNS as ee } from "../../../hooks/useNS.mjs";
+const oe = P({
+  name: "PMenu",
+  inheritAttrs: !1
+}), de = /* @__PURE__ */ P({
+  ...oe,
+  props: { ...I },
+  setup(V) {
+    const t = V, E = X(), p = U()("operations", "options"), f = E("logo"), { value: w, modelValue: A, expanded: B } = T(t), [v, S] = K(w, A, void 0, t.onChange), [o, m] = Q(B, void 0, t.onExpand, "expanded"), z = y([]), x = y(t.expandType), D = r(() => t.theme), O = r(() => t.expandMutex), b = r(() => t.collapsed), h = new J({ isMutex: O.value, expandValues: o == null ? void 0 : o.value });
+    W("PMenu", {
+      activeValue: v,
+      activeValues: z,
+      expandValues: o,
+      mode: x,
+      theme: D,
+      isHead: !1,
+      vMenu: h,
+      collapsed: b,
+      select: (e) => {
+        e !== v.value && S(e);
+      },
+      open: (e, a) => {
+        var n;
+        if (x.value === "normal")
+          m(h.expand(e));
+        else if (a === "add")
+          ((n = o == null ? void 0 : o.value) == null ? void 0 : n.indexOf(e)) === -1 && m([...o.value, e]);
+        else if (a === "remove" && (o != null && o.value)) {
+          const R = o.value.indexOf(e), M = [...o.value];
+          M.splice(R, 1), m(M);
+        }
+      }
+    });
+    const s = ee("menu"), F = r(() => [
+      s.namespace,
+      s.m(t.theme),
+      s.is(t.collapsed, "collapsed")
+    ]), H = r(() => [
+      s.namespace,
+      s.m("scroll")
+    ]), L = r(() => ({
+      height: "100%",
+      width: t.collapsed ? C.value[1] : C.value[0]
+    })), C = r(() => {
+      const { width: e } = t;
+      if (!e) return [d(64)];
+      const a = (n) => Z(n) ? d(n) : n;
+      return Y(e) ? e.map((n) => a(n)) : [a(e), d(64)];
+    });
+    return (e, a) => (c(), u("div", {
+      class: i(F.value),
+      style: $(L.value)
+    }, [
+      _("div", {
+        class: i(l(s).e("inner"))
+      }, [
+        l(f) ? (c(), u("div", {
+          key: 0,
+          class: i(l(s).e("logo"))
+        }, [
+          (c(), g(N(l(f)[0])))
+        ], 2)) : k("", !0),
+        _("ul", {
+          class: i(H.value)
+        }, [
+          j(e.$slots, "default")
+        ], 2),
+        l(p) ? (c(), u("div", {
+          key: 1,
+          class: i(l(s).e("operations"))
+        }, [
+          (c(!0), u(q, null, G(l(p), (n) => (c(), g(N(n)))), 256))
+        ], 2)) : k("", !0)
+      ], 2)
+    ], 6));
+  }
+});
+export {
+  de as default
+};

package/es/packages/components/menu/src/menu.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./menu.vue.mjs";
+export {
+  f as default
+};

package/es/packages/components/menu/src/submenu-props.mjs

@@ -0,0 +1,45 @@
+const t = {
+  /**
+   * @description 菜单项内容
+   */
+  content: {
+    type: [String, Function]
+  },
+  /**
+   * @description 菜单项内容，同 content
+   */
+  default: {
+    type: [String, Function]
+  },
+  /**
+   * @description 是否禁用菜单项展开/收起/跳转等功能
+   */
+  disabled: Boolean,
+  /**
+   * @description 菜单项图标
+   */
+  icon: {
+    type: Function
+  },
+  /**
+   * @description 透传 PFloatingProps 组件全部特性
+   */
+  popupProps: {
+    type: Object
+  },
+  /**
+   * @description 二级菜单内容
+   */
+  title: {
+    type: [String, Function]
+  },
+  /**
+   * @description 菜单项唯一标识
+   */
+  value: {
+    type: [String, Number]
+  }
+};
+export {
+  t as default
+};

package/es/packages/components/menu/src/submenu.vue.mjs

@@ -0,0 +1,190 @@
+import { defineComponent as $, getCurrentInstance as ie, toRefs as pe, inject as D, computed as d, ref as v, provide as ce, reactive as de, watch as ve, onMounted as fe, openBlock as s, createElementBlock as u, mergeProps as me, toHandlers as he, unref as a, Fragment as i, createElementVNode as b, normalizeClass as P, createBlock as y, resolveDynamicComponent as k, createCommentVNode as N, isVNode as j, createTextVNode as z, toDisplayString as F, renderList as W, createVNode as be, Transition as ye, withCtx as ke, withDirectives as Pe, vShow as Ce, nextTick as ge } from "vue";
+import Oe from "./submenu-props.mjs";
+import _e from "../../../hooks/useCollapseAnimation.mjs";
+import { usePNode as Ee, useContent as Le } from "../../../tools/element/render-node.mjs";
+import { useNS as Se } from "../../../hooks/useNS.mjs";
+const Ne = { style: { opacity: "0", width: "0", height: "0", overflow: "hidden" } }, xe = $({
+  name: "PSubmenu",
+  inheritAttrs: !1
+}), Me = /* @__PURE__ */ $({
+  ...xe,
+  props: { ...Oe },
+  setup(q) {
+    const r = q, p = ie(), x = Ee(), G = Le(), C = x("icon"), f = x("title"), T = G("default", "content"), { value: J } = pe(r), t = D("PMenu"), l = D("PSubmenu", {}), {
+      beforeEnter: K,
+      enter: Q,
+      afterEnter: U,
+      beforeLeave: X,
+      leave: Y,
+      afterLeave: Z
+    } = _e(), _ = d(() => (p == null ? void 0 : p.attrs.expandType) || (t == null ? void 0 : t.mode.value)), ee = v([]), E = v(), V = v(), L = v(), S = v(!1), m = v(!1), w = v(!1), te = d(() => t != null && t.activeValues && r.value ? t.activeValues.value.indexOf(r.value) > -1 : !1), g = d(() => {
+      var e;
+      return (t == null ? void 0 : t.mode.value) === "popup" ? m.value : (e = t == null ? void 0 : t.expandValues) != null && e.value && r.value ? t.expandValues.value.includes(r.value) : !1;
+    }), H = (e) => {
+      var o;
+      e && ((o = l.setSubPopup) == null || o.call(l, e));
+    }, ae = () => {
+      r.disabled || setTimeout(() => {
+        var e;
+        m.value || ((e = t == null ? void 0 : t.open) == null || e.call(t, r.value), ge(() => {
+          H(E.value);
+        })), m.value = !0;
+      }, 0);
+    }, ne = (e) => {
+      setTimeout(() => {
+        const o = M(e.relatedTarget);
+        w.value || o || (m.value = !1);
+      }, 0);
+    }, se = (e) => {
+      var R;
+      const { toElement: o, relatedTarget: O } = e;
+      let c = o || O;
+      if (c === V.value) return;
+      const h = (ue) => ue === L.value;
+      for (; c !== null && c !== document && !h(c); )
+        c = c.parentNode;
+      w.value = !1, h(c) || (m.value = !1), (R = l.closeParentPopup) == null || R.call(l, e);
+    }, I = () => {
+      var e;
+      r.disabled || (e = t == null ? void 0 : t.open) == null || e.call(t, r.value);
+    }, oe = d(() => _.value === "popup" ? {
+      mouseenter: ae,
+      mouseleave: ne
+    } : {}), M = (e) => e == null ? void 0 : e.classList.contains("p-menu__popup"), A = (e) => !e || e.parentElement == null ? !1 : M(e) || A(e.parentElement);
+    ce(
+      "PSubmenu",
+      de({
+        value: J,
+        addMenuItem: (e) => {
+          var o;
+          ee.value.push(e), l && ((o = l.addMenuItem) == null || o.call(l, e));
+        },
+        setSubPopup: (e) => {
+          V.value = e;
+        },
+        closeParentPopup: (e) => {
+          const o = e.relatedTarget;
+          A(o) || se(e);
+        }
+      })
+    ), ve(E, () => {
+      H(E.value);
+    }), fe(() => {
+      var o;
+      (o = t == null ? void 0 : t.vMenu) == null || o.add({
+        value: r.value,
+        parent: l == null ? void 0 : l.value,
+        vNode: p == null ? void 0 : p.slots.default
+      });
+      let e = p == null ? void 0 : p.parent;
+      for (; e != null && e.type.name && !/^t(head)?menu/i.test(e.type.name); ) {
+        if (/submenu/i.test(e.type.name)) {
+          S.value = !0;
+          break;
+        }
+        e = e == null ? void 0 : e.parent;
+      }
+    });
+    const n = Se("menu"), re = d(() => [
+      "p-submenu",
+      n.is(r.disabled, "disabled"),
+      n.is(g.value, "opened")
+    ]), B = d(() => [
+      n.e("item"),
+      n.eb("item", "spacer"),
+      n.eb("item", "spacer") + `--${t != null && t.isHead && !S.value ? "bottom" : "right"}`,
+      n.is(r.disabled, "disabled"),
+      n.is(g.value, "opened"),
+      n.is(te.value, "active")
+    ]);
+    d(() => [
+      n.e("popup"),
+      n.is(t != null && t.isHead ? t.isHead : !1, "horizontal"),
+      n.is(t != null && t.isHead ? !t.isHead : !1, "vertical"),
+      n.is(m.value, "opened")
+    ]), d(() => {
+      var e;
+      return [
+        n.m(t != null && t.theme ? t.theme.value : "light"),
+        n.is(t ? t.isHead : !1, "head-menu"),
+        n.is(S.value, "menu-nested"),
+        (e = r.popupProps) == null ? void 0 : e.floatingClass
+      ];
+    });
+    const le = d(() => [
+      n.e("sub"),
+      n.is(g.value, "opened")
+    ]);
+    return (e, o) => {
+      var O, c;
+      return s(), u("li", me({ class: re.value }, he(oe.value, !0)), [
+        Object.keys((O = a(p)) == null ? void 0 : O.slots).length > 0 ? (s(), u(i, { key: 0 }, [
+          (c = a(t)) != null && c.isHead ? (s(), u(i, { key: 0 }, [
+            _.value === "normal" ? (s(), u(i, { key: 0 }, [
+              b("div", {
+                class: P(B.value),
+                ref_key: "submenuRef",
+                ref: L,
+                onClick: I
+              }, [
+                a(C) ? (s(), y(k(a(C)[0]), { key: 0 })) : N("", !0),
+                b("span", {
+                  class: P(a(n).e("content"))
+                }, [
+                  j(a(f)[0]) ? (s(), y(k(a(f)[0]), { key: 0 })) : (s(), u(i, { key: 1 }, [
+                    z(F(a(f)[0]), 1)
+                  ], 64))
+                ], 2)
+              ], 2),
+              b("ul", Ne, [
+                (s(!0), u(i, null, W(a(T), (h) => (s(), y(k(h)))), 256))
+              ])
+            ], 64)) : (s(), u(i, { key: 1 }, [], 64))
+          ], 64)) : (s(), u(i, { key: 1 }, [
+            _.value === "normal" ? (s(), u(i, { key: 0 }, [
+              b("div", {
+                class: P(B.value),
+                ref_key: "submenuRef",
+                ref: L,
+                onClick: I
+              }, [
+                a(C) ? (s(), y(k(a(C)[0]), { key: 0 })) : N("", !0),
+                b("span", {
+                  class: P(a(n).e("content"))
+                }, [
+                  j(a(f)[0]) ? (s(), y(k(a(f)[0]), { key: 0 })) : (s(), u(i, { key: 1 }, [
+                    z(F(a(f)[0]), 1)
+                  ], 64))
+                ], 2)
+              ], 2),
+              be(ye, {
+                name: "p-slide-down",
+                onOnBeforeEnter: a(K),
+                onOnEnter: a(Q),
+                onOnAfterEnter: a(U),
+                onOnBeforeLeave: a(X),
+                onOnLeave: a(Y),
+                onOnAfterLeave: a(Z)
+              }, {
+                default: ke(() => [
+                  Pe(b("ul", {
+                    class: P(le.value),
+                    style: { "padding-left": "44px" }
+                  }, [
+                    (s(!0), u(i, null, W(a(T), (h) => (s(), y(k(h)))), 256))
+                  ], 2), [
+                    [Ce, g.value]
+                  ])
+                ]),
+                _: 1
+              }, 8, ["onOnBeforeEnter", "onOnEnter", "onOnAfterEnter", "onOnBeforeLeave", "onOnLeave", "onOnAfterLeave"])
+            ], 64)) : (s(), u(i, { key: 1 }, [], 64))
+          ], 64))
+        ], 64)) : N("", !0)
+      ], 16);
+    };
+  }
+});
+export {
+  Me as default
+};

package/es/packages/components/menu/src/submenu.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./submenu.vue.mjs";
+export {
+  f as default
+};