@rhino-design/vue 0.2.1 → 0.2.3

package/dist/components/XMenu.vue2.js

@@ -0,0 +1,123 @@
+import { defineComponent as r, inject as s, computed as p, ref as i, onMounted as m, onBeforeUnmount as y } from "vue";
+import f from "./XBaseMenu.vue.js";
+import b from "./XMenuOverflowWrap.vue.js";
+const h = Symbol("XSiderContext"), O = r({
+  name: "XMenu",
+  components: {
+    XBaseMenu: f,
+    XMenuOverflowWrap: b
+  },
+  inheritAttrs: !1,
+  props: {
+    theme: {
+      type: String
+    },
+    mode: {
+      type: String,
+      default: "vertical"
+    },
+    levelIndent: {
+      type: Number
+    },
+    autoOpen: {
+      type: Boolean
+    },
+    collapsed: {
+      type: Boolean,
+      default: void 0
+    },
+    defaultCollapsed: {
+      type: Boolean
+    },
+    collapsedWidth: {
+      type: Number
+    },
+    accordion: {
+      type: Boolean
+    },
+    autoScrollIntoView: {
+      type: Boolean
+    },
+    showCollapseButton: {
+      type: Boolean
+    },
+    selectedKeys: {
+      type: Array
+    },
+    defaultSelectedKeys: {
+      type: Array,
+      default: () => []
+    },
+    openKeys: {
+      type: Array
+    },
+    defaultOpenKeys: {
+      type: Array,
+      default: () => []
+    },
+    scrollConfig: {
+      type: Object
+    },
+    triggerProps: {
+      type: Object
+    },
+    tooltipProps: {
+      type: Object
+    },
+    autoOpenSelected: {
+      type: Boolean
+    },
+    breakpoint: {
+      type: String
+    },
+    popupMaxHeight: {
+      type: [Boolean, Number],
+      default: !0
+    }
+  },
+  emits: [
+    "update:collapsed",
+    "update:selectedKeys",
+    "update:openKeys",
+    "collapse",
+    "menu-item-click",
+    "sub-menu-click",
+    "menuItemClick",
+    "subMenuClick"
+  ],
+  setup(c, { emit: t }) {
+    const o = s(h, void 0), d = p(() => (o == null ? void 0 : o.collapsed) || !1), a = i("light");
+    let n = null;
+    const u = () => {
+      typeof document > "u" || (a.value = document.documentElement.getAttribute("data-theme") === "dark" ? "dark" : "light");
+    };
+    return m(() => {
+      u(), !(typeof MutationObserver > "u" || typeof document > "u") && (n = new MutationObserver(() => {
+        u();
+      }), n.observe(document.documentElement, {
+        attributes: !0,
+        attributeFilter: ["data-theme"]
+      }));
+    }), y(() => {
+      n == null || n.disconnect(), n = null;
+    }), {
+      computedTheme: p(
+        () => c.theme || (o == null ? void 0 : o.theme) || a.value || "light"
+      ),
+      siderCollapsed: d,
+      handleCollapse: (e, l) => {
+        t("update:collapsed", e), t("collapse", e, l);
+      },
+      handleMenuItemClick: (e) => {
+        t("update:selectedKeys", [e]), t("menu-item-click", e), t("menuItemClick", e);
+      },
+      handleSubMenuClick: (e, l) => {
+        t("update:openKeys", l), t("sub-menu-click", e, l), t("subMenuClick", e, l);
+      }
+    };
+  }
+});
+export {
+  h as SiderInjectionKey,
+  O as default
+};

package/dist/components/XMenuIndent.vue.js

@@ -0,0 +1,19 @@
+import s from "./XMenuIndent.vue2.js";
+import { openBlock as n, createElementBlock as r, normalizeClass as t, Fragment as o, renderList as a, normalizeStyle as i, createCommentVNode as p } from "vue";
+import m from "../_virtual/_plugin-vue_export-helper.js";
+function d(e, f, u, c, $, k) {
+  return e.level > 1 ? (n(), r("span", {
+    key: 0,
+    class: t(`${e.prefixCls}-indent-list`)
+  }, [
+    (n(!0), r(o, null, a(e.level - 1, (l) => (n(), r("span", {
+      key: l,
+      class: t(`${e.prefixCls}-indent`),
+      style: i(`width: ${e.levelIndent}px`)
+    }, null, 6))), 128))
+  ], 2)) : p("", !0);
+}
+const _ = /* @__PURE__ */ m(s, [["render", d]]);
+export {
+  _ as default
+};

package/dist/components/XMenuIndent.vue2.js

@@ -0,0 +1,21 @@
+import { defineComponent as o, computed as e, toRef as u } from "vue";
+import m from "../composables/menu-hooks/use-menu-context.js";
+const r = o({
+  name: "XMenuIndent",
+  props: {
+    level: {
+      type: Number,
+      default: 1
+    }
+  },
+  setup() {
+    const n = e(() => "x-menu"), t = m();
+    return {
+      prefixCls: n,
+      levelIndent: e(() => u(t, "levelIndent").value ?? 24)
+    };
+  }
+});
+export {
+  r as default
+};

package/dist/components/XMenuItem.vue.d.ts

@@ -67,13 +67,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             "update:popupVisible": (value: boolean) => any;
             popupVisibleChange: (value: boolean) => any;
         }, import('vue').PublicProps, {
-            disabled: boolean;
             content: string;
+            disabled: boolean;
             position: import('../composables/popup').XPopupPlacement;
             mini: boolean;
-            trigger: "click" | "hover" | "focus" | "contextMenu" | Array<"click" | "hover" | "focus" | "contextMenu">;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
+            trigger: "click" | "hover" | "focus" | "contextMenu" | Array<"click" | "hover" | "focus" | "contextMenu">;
             showArrow: boolean;
             unmountOnClose: boolean;
             contentClass: string | string[];
@@ -90,16 +90,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 $data: {};
                 $props: Partial<{
                     disabled: boolean;
-                    animationName: string;
                     position: import('../composables/popup').XPopupPlacement;
-                    offset: number;
-                    duration: number | {
-                        enter: number;
-                        leave: number;
-                    };
-                    trigger: ("click" | "focus" | "hover" | "contextMenu") | ("click" | "focus" | "hover" | "contextMenu")[];
+                    updateAtScroll: boolean;
+                    scrollToClose: boolean;
                     popupVisible: boolean;
                     defaultPopupVisible: boolean;
+                    trigger: ("click" | "focus" | "hover" | "contextMenu") | ("click" | "focus" | "hover" | "contextMenu")[];
+                    offset: number;
                     popupOffset: number;
                     popupTranslate: import('../composables/popup').XPopupTranslate;
                     showArrow: boolean;
@@ -114,6 +111,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     arrowClass: string | string[] | Record<string, boolean>;
                     arrowStyle: import('vue').CSSProperties;
                     popupStyle: import('vue').CSSProperties;
+                    animationName: string;
+                    duration: number | {
+                        enter: number;
+                        leave: number;
+                    };
                     mouseEnterDelay: number;
                     mouseLeaveDelay: number;
                     focusDelay: number;
@@ -121,7 +123,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     autoFitPopupMinWidth: boolean;
                     autoFixPosition: boolean;
                     popupContainer: string | HTMLElement;
-                    updateAtScroll: boolean;
                     autoFitTransformOrigin: boolean;
                     hideEmpty: boolean;
                     openedClass: string | string[] | Record<string, boolean>;
@@ -129,15 +130,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     renderToBody: boolean;
                     preventFocus: boolean;
                     allowOverflow: boolean;
-                    scrollToClose: boolean;
                     scrollToCloseDistance: number;
                 }> & Omit<{
                     readonly disabled: boolean;
-                    readonly animationName: string;
                     readonly position: import('../composables/popup').XPopupPlacement;
-                    readonly offset: number;
-                    readonly trigger: ("click" | "focus" | "hover" | "contextMenu") | ("click" | "focus" | "hover" | "contextMenu")[];
+                    readonly updateAtScroll: boolean;
+                    readonly scrollToClose: boolean;
                     readonly defaultPopupVisible: boolean;
+                    readonly trigger: ("click" | "focus" | "hover" | "contextMenu") | ("click" | "focus" | "hover" | "contextMenu")[];
+                    readonly offset: number;
                     readonly showArrow: boolean;
                     readonly alignPoint: boolean;
                     readonly popupHoverStay: boolean;
@@ -150,6 +151,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     readonly arrowClass: string | string[] | Record<string, boolean>;
                     readonly arrowStyle: import('vue').CSSProperties;
                     readonly popupStyle: import('vue').CSSProperties;
+                    readonly animationName: string;
                     readonly mouseEnterDelay: number;
                     readonly mouseLeaveDelay: number;
                     readonly focusDelay: number;
@@ -157,7 +159,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     readonly autoFitPopupMinWidth: boolean;
                     readonly autoFixPosition: boolean;
                     readonly popupContainer: string | HTMLElement;
-                    readonly updateAtScroll: boolean;
                     readonly autoFitTransformOrigin: boolean;
                     readonly hideEmpty: boolean;
                     readonly openedClass: string | string[] | Record<string, boolean>;
@@ -165,22 +166,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     readonly renderToBody: boolean;
                     readonly preventFocus: boolean;
                     readonly allowOverflow: boolean;
-                    readonly scrollToClose: boolean;
                     readonly scrollToCloseDistance: number;
+                    readonly popupVisible?: boolean | undefined;
+                    readonly popupOffset?: number | undefined;
+                    readonly popupTranslate?: import('../composables/popup').XPopupTranslate | undefined;
                     readonly duration?: (number | {
                         enter: number;
                         leave: number;
                     }) | undefined;
-                    readonly popupVisible?: boolean | undefined;
-                    readonly popupOffset?: number | undefined;
-                    readonly popupTranslate?: import('../composables/popup').XPopupTranslate | undefined;
                     readonly onResize?: (() => any) | undefined;
                     readonly onHide?: (() => any) | undefined;
                     readonly onShow?: (() => any) | undefined;
                     readonly "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
                     readonly onPopupVisibleChange?: ((value: boolean) => any) | undefined;
                     readonly "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "animationName" | "position" | "offset" | "duration" | "trigger" | "popupVisible" | "defaultPopupVisible" | "popupOffset" | "popupTranslate" | "showArrow" | "alignPoint" | "popupHoverStay" | "blurToClose" | "clickToClose" | "clickOutsideToClose" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "popupStyle" | "mouseEnterDelay" | "mouseLeaveDelay" | "focusDelay" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "autoFixPosition" | "popupContainer" | "updateAtScroll" | "autoFitTransformOrigin" | "hideEmpty" | "openedClass" | "autoFitPosition" | "renderToBody" | "preventFocus" | "allowOverflow" | "scrollToClose" | "scrollToCloseDistance">;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "position" | "updateAtScroll" | "scrollToClose" | "popupVisible" | "defaultPopupVisible" | "trigger" | "offset" | "popupOffset" | "popupTranslate" | "showArrow" | "alignPoint" | "popupHoverStay" | "blurToClose" | "clickToClose" | "clickOutsideToClose" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "popupStyle" | "animationName" | "duration" | "mouseEnterDelay" | "mouseLeaveDelay" | "focusDelay" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "autoFixPosition" | "popupContainer" | "autoFitTransformOrigin" | "hideEmpty" | "openedClass" | "autoFitPosition" | "renderToBody" | "preventFocus" | "allowOverflow" | "scrollToCloseDistance">;
                 $attrs: import('vue').Attrs;
                 $refs: {
                     [x: string]: unknown;
@@ -376,16 +376,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     "popup-visible-change": (value: boolean) => any;
                 }, string, {
                     disabled: boolean;
-                    animationName: string;
                     position: import('../composables/popup').XPopupPlacement;
-                    offset: number;
-                    duration: number | {
-                        enter: number;
-                        leave: number;
-                    };
-                    trigger: ("click" | "focus" | "hover" | "contextMenu") | ("click" | "focus" | "hover" | "contextMenu")[];
+                    updateAtScroll: boolean;
+                    scrollToClose: boolean;
                     popupVisible: boolean;
                     defaultPopupVisible: boolean;
+                    trigger: ("click" | "focus" | "hover" | "contextMenu") | ("click" | "focus" | "hover" | "contextMenu")[];
+                    offset: number;
                     popupOffset: number;
                     popupTranslate: import('../composables/popup').XPopupTranslate;
                     showArrow: boolean;
@@ -400,6 +397,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     arrowClass: string | string[] | Record<string, boolean>;
                     arrowStyle: import('vue').CSSProperties;
                     popupStyle: import('vue').CSSProperties;
+                    animationName: string;
+                    duration: number | {
+                        enter: number;
+                        leave: number;
+                    };
                     mouseEnterDelay: number;
                     mouseLeaveDelay: number;
                     focusDelay: number;
@@ -407,7 +409,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     autoFitPopupMinWidth: boolean;
                     autoFixPosition: boolean;
                     popupContainer: string | HTMLElement;
-                    updateAtScroll: boolean;
                     autoFitTransformOrigin: boolean;
                     hideEmpty: boolean;
                     openedClass: string | string[] | Record<string, boolean>;
@@ -415,7 +416,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     renderToBody: boolean;
                     preventFocus: boolean;
                     allowOverflow: boolean;
-                    scrollToClose: boolean;
                     scrollToCloseDistance: number;
                 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
@@ -439,16 +439,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{
                 disabled: boolean;
-                animationName: string;
                 position: import('../composables/popup').XPopupPlacement;
-                offset: number;
-                duration: number | {
-                    enter: number;
-                    leave: number;
-                };
-                trigger: ("click" | "focus" | "hover" | "contextMenu") | ("click" | "focus" | "hover" | "contextMenu")[];
+                updateAtScroll: boolean;
+                scrollToClose: boolean;
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
+                trigger: ("click" | "focus" | "hover" | "contextMenu") | ("click" | "focus" | "hover" | "contextMenu")[];
+                offset: number;
                 popupOffset: number;
                 popupTranslate: import('../composables/popup').XPopupTranslate;
                 showArrow: boolean;
@@ -463,6 +460,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 arrowClass: string | string[] | Record<string, boolean>;
                 arrowStyle: import('vue').CSSProperties;
                 popupStyle: import('vue').CSSProperties;
+                animationName: string;
+                duration: number | {
+                    enter: number;
+                    leave: number;
+                };
                 mouseEnterDelay: number;
                 mouseLeaveDelay: number;
                 focusDelay: number;
@@ -470,7 +472,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 autoFitPopupMinWidth: boolean;
                 autoFixPosition: boolean;
                 popupContainer: string | HTMLElement;
-                updateAtScroll: boolean;
                 autoFitTransformOrigin: boolean;
                 hideEmpty: boolean;
                 openedClass: string | string[] | Record<string, boolean>;
@@ -478,7 +479,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 renderToBody: boolean;
                 preventFocus: boolean;
                 allowOverflow: boolean;
-                scrollToClose: boolean;
                 scrollToCloseDistance: number;
             }> & Omit<Readonly<import('vue').ExtractPropTypes<{
                 popupVisible: {
@@ -647,7 +647,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
                 onPopupVisibleChange?: ((value: boolean) => any) | undefined;
                 "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
-            }>, "hide" | "show" | "updatePosition" | ("disabled" | "animationName" | "position" | "offset" | "duration" | "trigger" | "popupVisible" | "defaultPopupVisible" | "popupOffset" | "popupTranslate" | "showArrow" | "alignPoint" | "popupHoverStay" | "blurToClose" | "clickToClose" | "clickOutsideToClose" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "popupStyle" | "mouseEnterDelay" | "mouseLeaveDelay" | "focusDelay" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "autoFixPosition" | "popupContainer" | "updateAtScroll" | "autoFitTransformOrigin" | "hideEmpty" | "openedClass" | "autoFitPosition" | "renderToBody" | "preventFocus" | "allowOverflow" | "scrollToClose" | "scrollToCloseDistance")> & import('vue').ShallowUnwrapRef<{
+            }>, "hide" | "show" | "updatePosition" | ("disabled" | "position" | "updateAtScroll" | "scrollToClose" | "popupVisible" | "defaultPopupVisible" | "trigger" | "offset" | "popupOffset" | "popupTranslate" | "showArrow" | "alignPoint" | "popupHoverStay" | "blurToClose" | "clickToClose" | "clickOutsideToClose" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "popupStyle" | "animationName" | "duration" | "mouseEnterDelay" | "mouseLeaveDelay" | "focusDelay" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "autoFixPosition" | "popupContainer" | "autoFitTransformOrigin" | "hideEmpty" | "openedClass" | "autoFitPosition" | "renderToBody" | "preventFocus" | "allowOverflow" | "scrollToCloseDistance")> & import('vue').ShallowUnwrapRef<{
                 show: () => void;
                 hide: () => void;
                 updatePosition: () => Promise<void>;
@@ -689,13 +689,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>, {
             updatePosition: () => Promise<void> | undefined;
         }, {}, {}, {}, {
-            disabled: boolean;
             content: string;
+            disabled: boolean;
             position: import('../composables/popup').XPopupPlacement;
             mini: boolean;
-            trigger: "click" | "hover" | "focus" | "contextMenu" | Array<"click" | "hover" | "focus" | "contextMenu">;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
+            trigger: "click" | "hover" | "focus" | "contextMenu" | Array<"click" | "hover" | "focus" | "contextMenu">;
             showArrow: boolean;
             unmountOnClose: boolean;
             contentClass: string | string[];
@@ -738,13 +738,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         "update:popupVisible": (value: boolean) => any;
         popupVisibleChange: (value: boolean) => any;
     }, string, {
-        disabled: boolean;
         content: string;
+        disabled: boolean;
         position: import('../composables/popup').XPopupPlacement;
         mini: boolean;
-        trigger: "click" | "hover" | "focus" | "contextMenu" | Array<"click" | "hover" | "focus" | "contextMenu">;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
+        trigger: "click" | "hover" | "focus" | "contextMenu" | Array<"click" | "hover" | "focus" | "contextMenu">;
         showArrow: boolean;
         unmountOnClose: boolean;
         contentClass: string | string[];

package/dist/components/XMenuItem.vue.js

@@ -0,0 +1,71 @@
+import C from "./XMenuItem.vue2.js";
+import { resolveComponent as p, openBlock as o, createElementBlock as r, mergeProps as t, createBlock as m, createCommentVNode as d, normalizeClass as n, renderSlot as s, createElementVNode as a, normalizeProps as k, withCtx as f } from "vue";
+import v from "../_virtual/_plugin-vue_export-helper.js";
+const b = ["data-menu-indicator"], I = ["data-menu-indicator"];
+function c(e, l, y, X, z, E) {
+  const $ = p("XMenuIndent"), u = p("XTooltip");
+  return e.needTooltip ? (o(), m(u, k(t({ key: 1 }, e.tooltipConfig)), {
+    default: f(() => [
+      a("div", t({ ref: "refItemElement" }, e.$attrs, {
+        "data-menu-indicator": !e.disabled && e.mode === "horizontal" ? "true" : void 0,
+        class: [
+          `${e.prefixCls}`,
+          {
+            [`${e.prefixCls}--disabled`]: e.disabled,
+            [`${e.prefixCls}--selected`]: e.isSelected
+          }
+        ],
+        onClick: l[1] || (l[1] = (...i) => e.onClick && e.onClick(...i))
+      }), [
+        e.$slots.icon ? (o(), r("span", {
+          key: 0,
+          class: n(`${e.prefixCls}__icon`)
+        }, [
+          s(e.$slots, "icon")
+        ], 2)) : d("", !0),
+        a("span", {
+          class: n(`${e.prefixCls}__text`)
+        }, [
+          s(e.$slots, "default")
+        ], 2)
+      ], 16, I)
+    ]),
+    content: f(() => [
+      s(e.$slots, "default")
+    ]),
+    _: 3
+  }, 16)) : (o(), r("div", t({
+    key: 0,
+    ref: "refItemElement"
+  }, e.$attrs, {
+    "data-menu-indicator": !e.disabled && e.mode === "horizontal" ? "true" : void 0,
+    class: [
+      `${e.prefixCls}`,
+      {
+        [`${e.prefixCls}--disabled`]: e.disabled,
+        [`${e.prefixCls}--selected`]: e.isSelected
+      }
+    ],
+    onClick: l[0] || (l[0] = (...i) => e.onClick && e.onClick(...i))
+  }), [
+    e.showIndent ? (o(), m($, {
+      key: 0,
+      level: e.level
+    }, null, 8, ["level"])) : d("", !0),
+    e.$slots.icon ? (o(), r("span", {
+      key: 1,
+      class: n(`${e.prefixCls}__icon`)
+    }, [
+      s(e.$slots, "icon")
+    ], 2)) : d("", !0),
+    a("span", {
+      class: n(`${e.prefixCls}__text`)
+    }, [
+      s(e.$slots, "default")
+    ], 2)
+  ], 16, b));
+}
+const S = /* @__PURE__ */ v(C, [["render", c]]);
+export {
+  S as default
+};

package/dist/components/XMenuItem.vue2.js

@@ -0,0 +1,92 @@
+import { defineComponent as X, toRefs as A, ref as K, computed as t, onMounted as C, onUnmounted as g, watch as S } from "vue";
+import N from "./XTooltip.vue.js";
+import V from "../composables/menu-hooks/use-menu.js";
+import B from "../composables/menu-hooks/use-level.js";
+import E from "./XMenuIndent.vue.js";
+import L from "../composables/menu-hooks/use-menu-context.js";
+import { useMenuDataCollectorContext as O } from "../composables/menu-hooks/use-menu-data-collector.js";
+const F = X({
+  name: "XMenuItem",
+  components: {
+    XTooltip: N,
+    XMenuIndent: E
+  },
+  inheritAttrs: !1,
+  props: {
+    menuKey: {
+      type: [String, Number],
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["click"],
+  setup(i, { emit: I }) {
+    const { menuKey: M } = A(i), { key: s } = V({
+      menuKey: M,
+      componentName: "XMenuItem"
+    }), { level: r } = B(), e = L(), c = K(), a = t(
+      () => (e.selectedKeys || []).indexOf(s.value) > -1
+    ), o = O();
+    C(() => {
+      o == null || o.collectMenuItem(s.value);
+    }), g(() => {
+      o == null || o.removeMenuItem(s.value);
+    });
+    function u() {
+      if (e.autoScrollIntoView && c.value && a.value) {
+        const n = e.scrollConfig || {};
+        c.value.scrollIntoView({
+          behavior: "smooth",
+          block: "nearest",
+          inline: "nearest",
+          ...n
+        });
+      }
+    }
+    let m;
+    C(() => {
+      m = setTimeout(() => {
+        u();
+      }, 500);
+    }), g(() => {
+      clearTimeout(m);
+    }), S([a], () => {
+      u();
+    });
+    const x = t(() => "x-menu-item"), d = t(() => e.collapsed || !1), f = t(() => e.inTrigger || !1), p = t(() => e.mode || "vertical"), y = t(() => {
+      const n = e.tooltipProps || {}, {
+        class: v,
+        contentClass: l,
+        trigger: k,
+        position: w,
+        ..._
+      } = n;
+      return {
+        trigger: k ?? "hover",
+        position: w ?? "right",
+        contentClass: ["x-menu-item__tooltip"].concat(l ? Array.isArray(l) ? l : [l] : []).concat(v ? [v] : []),
+        ..._
+      };
+    }), T = t(() => d.value && !f.value && r.value === 1), b = t(() => p.value === "vertical" && r.value > 1), h = t(() => b.value && !f.value && !d.value);
+    return {
+      prefixCls: x,
+      level: r,
+      isSelected: a,
+      refItemElement: c,
+      disabled: i.disabled,
+      needTooltip: T,
+      tooltipConfig: y,
+      showIndent: h,
+      mode: p,
+      onClick(n) {
+        i.disabled || (e.onMenuItemClick && e.onMenuItemClick(s.value), I("click", n));
+      }
+    };
+  }
+});
+export {
+  F as default
+};

package/dist/components/XMenuItemGroup.vue.js

@@ -0,0 +1,27 @@
+import n from "./XMenuItemGroup.vue2.js";
+import { resolveComponent as s, openBlock as i, createElementBlock as a, normalizeClass as t, createElementVNode as l, createVNode as p, renderSlot as o, createTextVNode as d, toDisplayString as m } from "vue";
+import c from "../_virtual/_plugin-vue_export-helper.js";
+function f(e, u, $, v, _, C) {
+  const r = s("XMenuIndent");
+  return i(), a("div", {
+    class: t(`${e.prefixCls}`)
+  }, [
+    l("div", {
+      class: t(`${e.prefixCls}__title`)
+    }, [
+      p(r, { level: e.level }, null, 8, ["level"]),
+      o(e.$slots, "title", {}, () => [
+        d(m(e.title), 1)
+      ])
+    ], 2),
+    l("div", {
+      class: t(`${e.prefixCls}__list`)
+    }, [
+      o(e.$slots, "default")
+    ], 2)
+  ], 2);
+}
+const V = /* @__PURE__ */ c(n, [["render", f]]);
+export {
+  V as default
+};

package/dist/components/XMenuItemGroup.vue2.js

@@ -0,0 +1,26 @@
+import { defineComponent as n, computed as t } from "vue";
+import p, { provideLevel as r } from "../composables/menu-hooks/use-level.js";
+import m from "./XMenuIndent.vue.js";
+const f = n({
+  name: "XMenuItemGroup",
+  components: {
+    XMenuIndent: m
+  },
+  props: {
+    title: {
+      type: String
+    }
+  },
+  setup() {
+    const { level: e } = p(), o = t(
+      () => e.value === 1 ? e.value + 1 : e.value
+    );
+    return r(o), {
+      prefixCls: t(() => "x-menu-item-group"),
+      level: e
+    };
+  }
+});
+export {
+  f as default
+};