@me-framework/me-ui 1.0.44

package/es/menu/src/column-menu.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-menu.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/es/menu/src/column-menu.vue2.mjs

@@ -0,0 +1,110 @@
+import { defineComponent, computed, openBlock, createElementBlock, createBlock, unref, mergeProps, withCtx, Fragment, renderList, createCommentVNode } from 'vue';
+import './column-menu-tree.vue.mjs';
+import { ElMenu } from 'element-plus';
+import script$1 from './column-menu-tree.vue2.mjs';
+
+"use strict";
+const _hoisted_1 = { class: "me-column-menu" };
+const __default__ = defineComponent({
+  name: "me-column-menu"
+});
+var script = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    data: { type: Array, required: true, default: () => [] },
+    router: { type: Boolean, required: true, default: false },
+    width: { type: Number, required: false, default: 200 },
+    activeId: { type: String, required: false },
+    show: { type: [Boolean, Function], required: false },
+    padding: { type: Number, required: false, default: 10 },
+    theme: { type: String, required: false, default: "light" },
+    style: { type: Object, required: false },
+    mode: { type: String, required: true },
+    defaultActive: { type: String, required: false },
+    defaultOpeneds: { type: null, required: false },
+    uniqueOpened: { type: Boolean, required: false },
+    menuTrigger: { type: String, required: false },
+    collapse: { type: Boolean, required: false },
+    backgroundColor: { type: String, required: false },
+    textColor: { type: String, required: false },
+    activeTextColor: { type: String, required: false },
+    closeOnClickOutside: { type: Boolean, required: false },
+    collapseTransition: { type: Boolean, required: false },
+    ellipsis: { type: Boolean, required: false },
+    popperOffset: { type: Number, required: false },
+    ellipsisIcon: { type: null, required: false },
+    popperEffect: { type: null, required: false },
+    popperClass: { type: String, required: false },
+    popperStyle: { type: null, required: false },
+    showTimeout: { type: Number, required: false },
+    hideTimeout: { type: Number, required: false },
+    persistent: { type: Boolean, required: false }
+  },
+  emits: ["menu-item-click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const activeId = computed(() => {
+      return props.activeId || "";
+    });
+    const columnMenuStyle = computed(() => {
+      return { ...props.style, width: props.width + "px", padding: props.padding + "px" };
+    });
+    const onMenuItemClick = (menuItem) => {
+      emits("menu-item-click", menuItem);
+    };
+    let hasActiveMenuItem = (data) => {
+      if (data.id == props.activeId) {
+        return true;
+      }
+      function d(data2) {
+        if (data2?.children) {
+          for (let i = 0; i < data2.children.length; i++) {
+            const element = data2.children[i];
+            if (element?.id == props.activeId) {
+              return true;
+            } else {
+              return d(element);
+            }
+          }
+        } else {
+          return false;
+        }
+      }
+      return d(data);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.data.length ? (openBlock(), createBlock(unref(ElMenu), mergeProps({
+          key: 0,
+          "default-active": activeId.value,
+          style: [{}, columnMenuStyle.value]
+        }, _ctx.$attrs), {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(__props.data, (menuItem) => {
+                return openBlock(), createBlock(script$1, {
+                  item: menuItem,
+                  key: menuItem.id,
+                  show: __props.show,
+                  router: __props.router,
+                  showGroup: unref(hasActiveMenuItem)(menuItem),
+                  onMenuItemClick
+                }, null, 8, ["item", "show", "router", "showGroup"]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 1
+          /* STABLE */
+        }, 16, ["default-active", "style"])) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=column-menu.vue2.mjs.map

package/es/menu/src/column-menu.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-menu.vue2.mjs","sources":["../../../src/menu/src/column-menu.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: \"me-column-menu\",\n});\n</script>\n<template>\n  <div class=\"me-column-menu\">\n    <el-menu v-if=\"data.length\" :default-active=\"activeId\" style=\"\" :style=\"columnMenuStyle\" v-bind=\"$attrs\">\n      <MeColumnMenuTree\n        v-for=\"menuItem in data\"\n        :item=\"menuItem\"\n        :key=\"menuItem.id\"\n        :show=\"show\"\n        :router=\"router\"\n        :showGroup=\"hasActiveMenuItem(menuItem)\"\n        @menu-item-click=\"onMenuItemClick\"></MeColumnMenuTree>\n    </el-menu>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from \"vue\"\nimport type { ColumnMenuProps } from \"./column-menu\"\nimport type { MenuItem } from \"./types\"\nimport MeColumnMenuTree from \"./column-menu-tree.vue\"\nimport { ElMenu } from \"element-plus\"\n\n// 组件名称配置\n\n\nconst props = withDefaults(defineProps<ColumnMenuProps>(), {\n  data: () => [],\n  width: 200,\n  padding: 10,\n  theme: \"light\",\n  router: false,\n})\n\nconst emits = defineEmits([\"menu-item-click\"])\n\nconst activeId = computed(() => {\n  return props.activeId || \"\"\n})\n\nconst columnMenuStyle = computed(() => {\n  return { ...props.style, width: props.width + \"px\", padding: props.padding + \"px\" }\n})\n\nconst onMenuItemClick = (menuItem: MenuItem) => {\n  emits(\"menu-item-click\", menuItem)\n}\n\nlet hasActiveMenuItem = (data: MenuItem): boolean => {\n  if (data.id == props.activeId) {\n    return true\n  }\n  function d(data: MenuItem) {\n    if (data?.children) {\n      for (let i = 0; i < data.children.length; i++) {\n        const element = data.children[i]\n        if (element?.id == props.activeId) {\n          return true\n        } else {\n          return d(element!)\n        }\n      }\n    } else {\n      return false\n    }\n  }\n  return d(data) as boolean\n}\n</script>\n"],"names":["__MACROS_defineComponent","data","_openBlock","_createElementBlock","_createBlock","_unref","_mergeProps","$attrs","_Fragment","_renderList","MeColumnMenuTree"],"mappings":";;;;;;;AAEA,MAAA,cAA6BA,eAAA,CAAyB;AAAA,EACpD,IAAA,EAAM;AACR,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BD,IAAA,MAAM,KAAA,GAAQ,OAAA;AAQd,IAAA,MAAM,KAAA,GAAQ,MAAA;AAEd,IAAA,MAAM,QAAA,GAAW,SAAS,MAAM;AAC9B,MAAA,OAAO,MAAM,QAAA,IAAY,EAAA;AAAA,IAC3B,CAAC,CAAA;AAED,IAAA,MAAM,eAAA,GAAkB,SAAS,MAAM;AACrC,MAAA,OAAO,EAAE,GAAG,KAAA,CAAM,KAAA,EAAO,KAAA,EAAO,KAAA,CAAM,KAAA,GAAQ,IAAA,EAAM,OAAA,EAAS,KAAA,CAAM,OAAA,GAAU,IAAA,EAAK;AAAA,IACpF,CAAC,CAAA;AAED,IAAA,MAAM,eAAA,GAAkB,CAAC,QAAA,KAAuB;AAC9C,MAAA,KAAA,CAAM,mBAAmB,QAAQ,CAAA;AAAA,IACnC,CAAA;AAEA,IAAA,IAAI,iBAAA,GAAoB,CAAC,IAAA,KAA4B;AACnD,MAAA,IAAI,IAAA,CAAK,EAAA,IAAM,KAAA,CAAM,QAAA,EAAU;AAC7B,QAAA,OAAO,IAAA;AAAA,MACT;AACA,MAAA,SAAS,EAAEC,KAAAA,EAAgB;AACzB,QAAA,IAAIA,OAAM,QAAA,EAAU;AAClB,UAAA,KAAA,IAAS,IAAI,CAAA,EAAG,CAAA,GAAIA,KAAAA,CAAK,QAAA,CAAS,QAAQ,CAAA,EAAA,EAAK;AAC7C,YAAA,MAAM,OAAA,GAAUA,KAAAA,CAAK,QAAA,CAAS,CAAC,CAAA;AAC/B,YAAA,IAAI,OAAA,EAAS,EAAA,IAAM,KAAA,CAAM,QAAA,EAAU;AACjC,cAAA,OAAO,IAAA;AAAA,YACT,CAAA,MAAO;AACL,cAAA,OAAO,EAAE,OAAQ,CAAA;AAAA,YACnB;AAAA,UACF;AAAA,QACF,CAAA,MAAO;AACL,UAAA,OAAO,KAAA;AAAA,QACT;AAAA,MACF;AACA,MAAA,OAAO,EAAE,IAAI,CAAA;AAAA,IACf,CAAA;;AAjEE,MAAA,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAWM,KAAA,EAXN,UAAA,EAWM;AAAA,QAVW,OAAA,CAAA,KAAK,MAAA,IAApBD,SAAA,IAAAE,WAAA,CASUC,KAAA,UATVC,UAAA,CASU;AAAA;UATmB,kBAAgB,QAAA,CAAA,KAAA;AAAA,UAAU,KAAA,EAAQ,CAAR,EAAA,EAAiB,gBAAA,KAAe;AAAA,WAAUC,IAAAA,CAAAA,MAAM,CAAA,EAAA;AAAA,2BAEnG,MAAwB;AAAA,8BAD1BJ,kBAAA;AAAA,cAOwDK,QAAA;AAAA,cAAA,IAAA;AAAA,cAAAC,UAAA,CANnC,OAAA,CAAA,IAAA,EAAI,CAAhB,QAAA,KAAQ;oCADjBL,WAAA,CAOwDM,QAAA,EAAA;AAAA,kBALrD,IAAA,EAAM,QAAA;AAAA,kBACN,KAAK,QAAA,CAAS,EAAA;AAAA,kBACd,MAAM,OAAA,CAAA,IAAA;AAAA,kBACN,QAAQ,OAAA,CAAA,MAAA;AAAA,kBACR,SAAA,EAAWL,KAAA,CAAA,iBAAA,CAAA,CAAkB,QAAQ,CAAA;AAAA,kBACrC;AAAA;;;;;;;;;;;;;;;;"}

package/es/menu/src/components/badge.vue.d.ts

@@ -0,0 +1,13 @@
+import type { MenuMetaItem } from "../types";
+type __VLS_Props = {
+    type?: "dot" | "normal";
+    color?: "danger" | "info" | "primary" | "success" | "warning" | string;
+    text?: string;
+    meta: MenuMetaItem;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: "dot" | "normal";
+    color: "danger" | "info" | "primary" | "success" | "warning" | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,6 @@
+import script from './badge.vue2.mjs';
+
+script.__file = "src/menu/src/components/badge.vue";
+
+export { script as default };
+//# sourceMappingURL=badge.vue.mjs.map

package/es/menu/src/components/badge.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

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

@@ -0,0 +1,75 @@
+import { defineComponent, computed, openBlock, createElementBlock, Fragment, normalizeStyle, createElementVNode, toDisplayString, createVNode, unref, createCommentVNode } from 'vue';
+import { MeDot } from '../../../dot/index.mjs';
+
+"use strict";
+const _hoisted_1 = {
+  key: 1,
+  class: "me-badge-dot"
+};
+var script = /* @__PURE__ */ defineComponent({
+  __name: "badge",
+  props: {
+    type: { type: String, required: false, default: "normal" },
+    color: { type: String, required: false, default: "danger" },
+    text: { type: String, required: false },
+    meta: { type: Object, required: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const getText = computed(() => {
+      const isNan = Number.isNaN(Number(props.text));
+      if (isNan) {
+        return props.text?.slice(0, 3);
+      } else {
+        return Number(props.text) > 99 ? "99+" : props.text;
+      }
+    });
+    const badgeStyle = computed(() => {
+      let bgColor = "";
+      if (["primary", "success", "warning", "info", "danger"].includes(props.color)) {
+        bgColor = `var(--me-${props.color}-color)`;
+      } else {
+        bgColor = props.color;
+      }
+      return {
+        backgroundColor: bgColor
+      };
+    });
+    return (_ctx, _cache) => {
+      return __props.meta.badge || __props.meta.badgeType == "dot" ? (openBlock(), createElementBlock(
+        Fragment,
+        { key: 0 },
+        [
+          __props.type === "normal" ? (openBlock(), createElementBlock(
+            "span",
+            {
+              key: 0,
+              class: "menuBadge",
+              style: normalizeStyle(badgeStyle.value)
+            },
+            [
+              createElementVNode(
+                "span",
+                null,
+                toDisplayString(getText.value),
+                1
+                /* TEXT */
+              )
+            ],
+            4
+            /* STYLE */
+          )) : (openBlock(), createElementBlock("div", _hoisted_1, [
+            createVNode(unref(MeDot), {
+              color: badgeStyle.value.backgroundColor
+            }, null, 8, ["color"])
+          ]))
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      )) : createCommentVNode("v-if", true);
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=badge.vue2.mjs.map

package/es/menu/src/components/badge.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.vue2.mjs","sources":["../../../../src/menu/src/components/badge.vue"],"sourcesContent":["<template>\n  <template v-if=\"meta.badge || meta.badgeType == 'dot'\">\n    <span v-if=\"type === 'normal'\" class=\"menuBadge\" :style=\"badgeStyle\">\n      <span>{{ getText }}</span>\n    </span>\n    <div v-else class=\"me-badge-dot\">\n      <MeDot :color=\"badgeStyle.backgroundColor\" />\n    </div>\n  </template>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\"\nimport MeDot from \"../../../dot\"\nimport type { MenuMetaItem } from \"../types\"\n\nconst props = withDefaults(\n  defineProps<{\n    type?: \"dot\" | \"normal\"\n    color?: \"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\" | string\n    text?: string\n    meta: MenuMetaItem\n  }>(),\n  {\n    type: \"normal\",\n    color: \"danger\",\n  }\n)\n\nconst getText = computed(() => {\n  const isNan = Number.isNaN(Number(props.text))\n  if (isNan) {\n    return props.text?.slice(0, 3)\n  } else {\n    return Number(props.text) > 99 ? \"99+\" : props.text\n  }\n})\n\nconst badgeStyle = computed(() => {\n  let bgColor = \"\"\n  if ([\"primary\", \"success\", \"warning\", \"info\", \"danger\"].includes(props.color)) {\n    bgColor = `var(--me-${props.color}-color)`\n  } else {\n    bgColor = props.color\n  }\n  return {\n    backgroundColor: bgColor,\n  }\n})\n</script>\n\n<style scoped lang=\"scss\"></style>\n"],"names":["_createElementBlock","_Fragment","_createElementVNode","_openBlock","_createVNode","_unref"],"mappings":";;;;;;;;;;;;;;;;;AAgBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAad,IAAA,MAAM,OAAA,GAAU,SAAS,MAAM;AAC7B,MAAA,MAAM,QAAQ,MAAA,CAAO,KAAA,CAAM,MAAA,CAAO,KAAA,CAAM,IAAI,CAAC,CAAA;AAC7C,MAAA,IAAI,KAAA,EAAO;AACT,QAAA,OAAO,KAAA,CAAM,IAAA,EAAM,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA;AAAA,MAC/B,CAAA,MAAO;AACL,QAAA,OAAO,OAAO,KAAA,CAAM,IAAI,CAAA,GAAI,EAAA,GAAK,QAAQ,KAAA,CAAM,IAAA;AAAA,MACjD;AAAA,IACF,CAAC,CAAA;AAED,IAAA,MAAM,UAAA,GAAa,SAAS,MAAM;AAChC,MAAA,IAAI,OAAA,GAAU,EAAA;AACd,MAAA,IAAI,CAAC,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,MAAA,EAAQ,QAAQ,CAAA,CAAE,QAAA,CAAS,KAAA,CAAM,KAAK,CAAA,EAAG;AAC7E,QAAA,OAAA,GAAU,CAAA,SAAA,EAAY,MAAM,KAAK,CAAA,OAAA,CAAA;AAAA,MACnC,CAAA,MAAO;AACL,QAAA,OAAA,GAAU,KAAA,CAAM,KAAA;AAAA,MAClB;AACA,MAAA,OAAO;AAAA,QACL,eAAA,EAAiB;AAAA,OACnB;AAAA,IACF,CAAC,CAAA;;AA/CiB,MAAA,OAAA,OAAA,CAAA,KAAK,KAAA,IAAS,OAAA,CAAA,KAAK,SAAA,IAAS,KAAA,iBAA5CA,kBAAA;AAAA,QAOWC,QAAA;AAAA,QAAA,EAAA,KAAA,CAAA,EAAA;AAAA,QAAA;AAAA,UANG,OAAA,CAAA,IAAA,KAAI,QAAA,iBAAhBD,kBAAA;AAAA,YAEO,MAAA;AAAA,YAAA;AAAA;cAFwB,KAAA,EAAM,WAAA;AAAA,cAAa,KAAA,iBAAO,UAAA,CAAA,KAAU;AAAA;;cACjEE,kBAAA;AAAA,gBAA0B,MAAA;AAAA;gCAAjB,QAAA,KAAO,CAAA;AAAA,gBAAA;AAAA;AAAA;AAAA;;;gBAElBC,SAAA,EAAA,EAAAH,kBAAA,CAEM,OAFN,UAAA,EAEM;AAAA,YADJI,WAAA,CAA6CC,KAAA,CAAA,KAAA,CAAA,EAAA;AAAA,cAArC,KAAA,EAAO,WAAA,KAAA,CAAW;AAAA;;;;;;;;;;;;"}

package/es/menu/src/main-menu.d.ts

@@ -0,0 +1,41 @@
+import type { CSSProperties } from "vue";
+import type { MenuItem } from "./types";
+interface MainMenuProps {
+    /**
+     * 菜单数据
+     */
+    data: MenuItem[];
+    /**
+     * 是否启用 vue-router 模式
+     */
+    router?: boolean;
+    /**
+     * 菜单选中项 id
+     */
+    activeId?: string;
+    /**
+     * 菜单宽度
+     */
+    width?: number;
+    /**
+     * 菜单背景图片
+     */
+    bgImg?: string;
+    /**
+     * 菜单展开方式
+     */
+    mode?: "horizontal" | "vertical";
+    /**
+     * 菜单主题
+     */
+    theme?: "light" | "dark";
+    /**
+     * 菜单是否显示
+     */
+    show?: boolean | ((data: MenuItem) => boolean);
+    /**
+     * 菜单样式
+     */
+    style?: CSSProperties;
+}
+export type { MainMenuProps };

package/es/menu/src/main-menu.vue.d.ts

@@ -0,0 +1,25 @@
+import type { MainMenuProps } from "./main-menu";
+import type { MenuItem } from "./types";
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    logo?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<MainMenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "main-menu-click": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<MainMenuProps> & Readonly<{
+    "onMain-menu-click"?: ((...args: any[]) => any) | undefined;
+}>, {
+    data: MenuItem[];
+    mode: "horizontal" | "vertical";
+    show: boolean | ((data: MenuItem) => boolean);
+    width: number;
+    bgImg: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/menu/src/main-menu.vue.mjs

@@ -0,0 +1,6 @@
+import script from './main-menu.vue2.mjs';
+
+script.__file = "src/menu/src/main-menu.vue";
+
+export { script as default };
+//# sourceMappingURL=main-menu.vue.mjs.map

package/es/menu/src/main-menu.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-menu.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/es/menu/src/main-menu.vue2.mjs

@@ -0,0 +1,144 @@
+import { defineComponent, getCurrentInstance, computed, ref, watch, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, renderList, normalizeClass, createVNode, unref, toDisplayString } from 'vue';
+import { MeSvgIcon } from '../../svg-icon/index.mjs';
+
+"use strict";
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = { class: "item-content" };
+const _hoisted_3 = { class: "space" };
+const _hoisted_4 = { class: "label" };
+const __default__ = defineComponent({
+  name: "me-main-menu"
+});
+var script = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    data: { type: Array, required: true, default: () => [] },
+    router: { type: Boolean, required: false },
+    activeId: { type: String, required: false },
+    width: { type: Number, required: false, default: 84 },
+    bgImg: { type: String, required: false, default: "http://resource.mini-enjoy.com/web-admin/bg-image/0.jpg" },
+    mode: { type: String, required: false, default: "vertical" },
+    theme: { type: String, required: false },
+    show: { type: [Boolean, Function], required: false, default: true },
+    style: { type: Object, required: false }
+  },
+  emits: ["main-menu-click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const instance = getCurrentInstance();
+    const router = instance.appContext.config.globalProperties.$router;
+    const menuStyle = computed(() => ({
+      backgroundImage: `url(${props.bgImg})`,
+      width: `${props.width}px`,
+      ...props.style
+    }));
+    const isVisible = (item) => {
+      return typeof props.show === "function" ? props.show(item) : props.show;
+    };
+    const activeId = ref(props.activeId);
+    watch(
+      () => props.activeId,
+      (newId) => {
+        activeId.value = newId;
+      },
+      { immediate: true }
+    );
+    const handleMenuClick = (item) => {
+      if (!item.meta.dialogMenu) {
+        activeId.value = item.id;
+      }
+      if (props.router && router) {
+        if (item.meta.linkURL) {
+          window.open(item.meta.linkURL, "_blank");
+          emit("main-menu-click", item);
+          return;
+        }
+        if (item.id !== props.activeId && item.meta.path) {
+          router.push(item.meta.path);
+        }
+      }
+      emit("main-menu-click", item);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          createCommentVNode(" \u83DC\u5355\u5BB9\u5668 "),
+          createElementVNode(
+            "div",
+            {
+              class: "me-main-menu",
+              style: normalizeStyle(menuStyle.value)
+            },
+            [
+              createCommentVNode(" Logo \u63D2\u69FD "),
+              renderSlot(_ctx.$slots, "logo"),
+              createCommentVNode(" \u904D\u5386\u83DC\u5355\u9879 "),
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(__props.data, (mainMenuItem) => {
+                  return openBlock(), createElementBlock(
+                    Fragment,
+                    {
+                      key: mainMenuItem.id
+                    },
+                    [
+                      createCommentVNode(" \u5355\u4E2A\u83DC\u5355\u9879 "),
+                      isVisible(mainMenuItem) ? (openBlock(), createElementBlock(
+                        "div",
+                        {
+                          key: 0,
+                          class: normalizeClass([{ divider: mainMenuItem.meta.divider }, "item-container"])
+                        },
+                        [
+                          createElementVNode("div", {
+                            class: normalizeClass([{ active: mainMenuItem.id == activeId.value }, "item"]),
+                            onClick: ($event) => handleMenuClick(mainMenuItem)
+                          }, [
+                            createElementVNode("div", _hoisted_2, [
+                              createCommentVNode(" \u83DC\u5355\u56FE\u6807 "),
+                              createElementVNode("span", _hoisted_3, [
+                                createVNode(unref(MeSvgIcon), {
+                                  name: mainMenuItem.icon,
+                                  color: "#fff"
+                                }, null, 8, ["name"])
+                              ]),
+                              createCommentVNode(" \u83DC\u5355\u6807\u9898 "),
+                              createElementVNode(
+                                "span",
+                                _hoisted_4,
+                                toDisplayString(mainMenuItem.title),
+                                1
+                                /* TEXT */
+                              )
+                            ])
+                          ], 10, _hoisted_1)
+                        ],
+                        2
+                        /* CLASS */
+                      )) : createCommentVNode("v-if", true)
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  );
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ],
+            4
+            /* STYLE */
+          )
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      );
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=main-menu.vue2.mjs.map

package/es/menu/src/main-menu.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-menu.vue2.mjs","sources":["../../../src/menu/src/main-menu.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: \"me-main-menu\",\n});\n</script>\n<template>\n  <!-- 菜单容器 -->\n  <div class=\"me-main-menu\" :style=\"menuStyle\">\n    <!-- Logo 插槽 -->\n    <slot name=\"logo\"></slot>\n    <!-- 遍历菜单项 -->\n    <template v-for=\"mainMenuItem in data\" :key=\"mainMenuItem.id\">\n      <!-- 单个菜单项 -->\n      <div v-if=\"isVisible(mainMenuItem)\" :class=\"{ divider: mainMenuItem.meta.divider }\" class=\"item-container\">\n        <div :class=\"{ active: mainMenuItem.id == activeId }\" class=\"item\" @click=\"handleMenuClick(mainMenuItem)\">\n          <div class=\"item-content\">\n            <!-- 菜单图标 -->\n            <span class=\"space\">\n              <me-svg-icon :name=\"mainMenuItem.icon\" color=\"#fff\"></me-svg-icon>\n            </span>\n            <!-- 菜单标题 -->\n            <span class=\"label\">{{ mainMenuItem.title }}</span>\n          </div>\n        </div>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, getCurrentInstance, ref, watch } from \"vue\"\nimport type { MainMenuProps } from \"./main-menu\"\nimport type { MenuItem } from \"./types\"\nimport MeSvgIcon from \"../../svg-icon\"\nimport type { Router } from \"vue-router\"\n\n// 组件名称配置\n\n\n// 定义组件 Props\nconst props = withDefaults(defineProps<MainMenuProps>(), {\n  data: () => [], // 菜单数据\n  show: true, // 是否显示菜单，可传入函数进行动态控制\n  width: 84, // 菜单宽度（像素）\n  mode: \"vertical\", // 菜单模式：vertical/horizontal\n  bgImg: \"http://resource.mini-enjoy.com/web-admin/bg-image/0.jpg\", // 背景图片\n})\n\n// 定义组件事件\nconst emit = defineEmits([\"main-menu-click\"])\n\n// 获取 Vue 实例和 router\nconst instance = getCurrentInstance()!\nconst router = instance.appContext.config.globalProperties.$router as Router\n\n// 计算菜单样式\nconst menuStyle = computed(() => ({\n  backgroundImage: `url(${props.bgImg})`,\n  width: `${props.width}px`,\n  ...props.style,\n}))\n\n/**\n * 判断菜单项是否可见\n * @param item 菜单项数据\n * @returns 是否可见\n */\nconst isVisible = (item: MenuItem): boolean => {\n  return typeof props.show === \"function\" ? props.show(item) : props.show\n}\n\n// 当前激活的菜单项 ID\nconst activeId = ref(props.activeId)\n\nwatch(\n  () => props.activeId,\n  (newId) => {\n    activeId.value = newId\n  },\n  { immediate: true }\n)\n\n/**\n * 处理菜单项点击事件\n * @param item 被点击的菜单项\n */\nconst handleMenuClick = (item: MenuItem): void => {\n  if (!item.meta.dialogMenu) {\n    // 更新当前激活项\n    activeId.value = item.id\n  }\n\n  // 如果启用了路由模式\n  if (props.router && router) {\n    // 如果有外部链接，在新窗口打开\n    if (item.meta.linkURL) {\n      window.open(item.meta.linkURL, \"_blank\")\n      emit(\"main-menu-click\", item)\n      return\n    }\n\n    // 内部路由跳转\n    if (item.id !== props.activeId && item.meta.path) {\n      router.push(item.meta.path)\n    }\n  }\n\n  // 触发菜单点击事件\n  emit(\"main-menu-click\", item)\n}\n</script>\n"],"names":["__MACROS_defineComponent","_createCommentVNode","_createElementVNode","_renderSlot","_createElementBlock","_Fragment","_renderList","_createVNode","_unref","_toDisplayString"],"mappings":";;;;;;;;AAEA,MAAA,cAA6BA,eAAA,CAAyB;AAAA,EACpD,IAAA,EAAM;AACR,CAAC,CAAA;;;;;;;;;;;;;;;;AAqCD,IAAA,MAAM,KAAA,GAAQ,OAAA;AASd,IAAA,MAAM,IAAA,GAAO,MAAA;AAGb,IAAA,MAAM,WAAW,kBAAA,EAAmB;AACpC,IAAA,MAAM,MAAA,GAAS,QAAA,CAAS,UAAA,CAAW,MAAA,CAAO,gBAAA,CAAiB,OAAA;AAG3D,IAAA,MAAM,SAAA,GAAY,SAAS,OAAO;AAAA,MAChC,eAAA,EAAiB,CAAA,IAAA,EAAO,KAAA,CAAM,KAAK,CAAA,CAAA,CAAA;AAAA,MACnC,KAAA,EAAO,CAAA,EAAG,KAAA,CAAM,KAAK,CAAA,EAAA,CAAA;AAAA,MACrB,GAAG,KAAA,CAAM;AAAA,KACX,CAAE,CAAA;AAOF,IAAA,MAAM,SAAA,GAAY,CAAC,IAAA,KAA4B;AAC7C,MAAA,OAAO,OAAO,MAAM,IAAA,KAAS,UAAA,GAAa,MAAM,IAAA,CAAK,IAAI,IAAI,KAAA,CAAM,IAAA;AAAA,IACrE,CAAA;AAGA,IAAA,MAAM,QAAA,GAAW,GAAA,CAAI,KAAA,CAAM,QAAQ,CAAA;AAEnC,IAAA,KAAA;AAAA,MACE,MAAM,KAAA,CAAM,QAAA;AAAA,MACZ,CAAC,KAAA,KAAU;AACT,QAAA,QAAA,CAAS,KAAA,GAAQ,KAAA;AAAA,MACnB,CAAA;AAAA,MACA,EAAE,WAAW,IAAA;AAAK,KACpB;AAMA,IAAA,MAAM,eAAA,GAAkB,CAAC,IAAA,KAAyB;AAChD,MAAA,IAAI,CAAC,IAAA,CAAK,IAAA,CAAK,UAAA,EAAY;AAEzB,QAAA,QAAA,CAAS,QAAQ,IAAA,CAAK,EAAA;AAAA,MACxB;AAGA,MAAA,IAAI,KAAA,CAAM,UAAU,MAAA,EAAQ;AAE1B,QAAA,IAAI,IAAA,CAAK,KAAK,OAAA,EAAS;AACrB,UAAA,MAAA,CAAO,IAAA,CAAK,IAAA,CAAK,IAAA,CAAK,OAAA,EAAS,QAAQ,CAAA;AACvC,UAAA,IAAA,CAAK,mBAAmB,IAAI,CAAA;AAC5B,UAAA;AAAA,QACF;AAGA,QAAA,IAAI,KAAK,EAAA,KAAO,KAAA,CAAM,QAAA,IAAY,IAAA,CAAK,KAAK,IAAA,EAAM;AAChD,UAAA,MAAA,CAAO,IAAA,CAAK,IAAA,CAAK,IAAA,CAAK,IAAI,CAAA;AAAA,QAC5B;AAAA,MACF;AAGA,MAAA,IAAA,CAAK,mBAAmB,IAAI,CAAA;AAAA,IAC9B,CAAA;;;;;;UAvGEC,mBAAA,4BAAA,CAAA;AAAA,UACAC,kBAAA;AAAA,YAmBM,KAAA;AAAA,YAAA;AAAA,cAnBD,KAAA,EAAM,cAAA;AAAA,cAAgB,KAAA,iBAAO,SAAA,CAAA,KAAS;AAAA;;cACzCD,mBAAA,qBAAA,CAAA;AAAA,cACAE,UAAA,CAAyB,IAAA,CAAA,MAAA,EAAA,MAAA,CAAA;AAAA,cACzBF,mBAAA,kCAAA,CAAA;AAAA,gCACAG,kBAAA;AAAA,gBAcWC,QAAA;AAAA,gBAAA,IAAA;AAAA,gBAAAC,UAAA,CAdsB,OAAA,CAAA,IAAA,EAAI,CAApB,YAAA,KAAY;;;;sBAAgB,KAAA,YAAA,CAAa;AAAA;;sBACxDL,mBAAA,kCAAA,CAAA;AAAA,sBACW,SAAA,CAAU,YAAY,CAAA,iBAAjCG,kBAAA;AAAA,wBAWM,KAAA;AAAA,wBAAA;AAAA;0BAX+B,KAAA,6BAAkB,aAAa,IAAA,CAAK,OAAA,IAAiB,gBAAgB,CAAA;AAAA;;0BACxGF,mBASM,KAAA,EAAA;AAAA,4BATA,KAAA,4BAAiB,YAAA,CAAa,EAAA,IAAM,QAAA,CAAA,KAAA,IAAkB,MAAM,CAAA,CAAA;AAAA,4BAAE,OAAA,EAAK,CAAA,MAAA,KAAE,eAAA,CAAgB,YAAY;AAAA;4BACrGA,kBAAA,CAOM,OAPN,UAAA,EAOM;AAAA,8BANJD,mBAAA,4BAAA,CAAA;AAAA,8BACAC,kBAAA,CAEO,QAFP,UAAA,EAEO;AAAA,gCADLK,WAAA,CAAkEC,KAAA,CAAA,SAAA,CAAA,EAAA;AAAA,kCAApD,MAAM,YAAA,CAAa,IAAA;AAAA,kCAAM,KAAA,EAAM;AAAA;;8BAE/CP,mBAAA,4BAAA,CAAA;AAAA,8BACAC,kBAAA;AAAA,gCAAmD,MAAA;AAAA,gCAAnD,UAAA;AAAA,gCAAmDO,eAAA,CAA5B,aAAa,KAAK,CAAA;AAAA,gCAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/menu/src/menu.d.ts

@@ -0,0 +1,20 @@
+import type { CSSProperties } from "vue";
+import type { MainMenuProps } from "./main-menu";
+import type { ColumnMenuProps } from "./column-menu";
+interface MenuProps {
+    /**
+     * 菜单数据
+     */
+    mainMenuProps: MainMenuProps;
+    /**
+     * 菜单数据
+     */
+    columnMenuProps: ColumnMenuProps;
+    width?: number;
+    show?: boolean;
+    /**
+     * 菜单样式
+     */
+    menuStyle?: CSSProperties;
+}
+export type { MenuProps };

package/es/menu/src/menu.mjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=menu.mjs.map

package/es/menu/src/menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/menu/src/menu.vue.d.ts

@@ -0,0 +1,24 @@
+import type { MenuProps } from "./menu";
+declare var __VLS_10: {}, __VLS_25: {};
+type __VLS_Slots = {} & {
+    logo?: (props: typeof __VLS_10) => any;
+} & {
+    footer?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<MenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    menuItemClick: (...args: any[]) => void;
+    mainMenuClick: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<MenuProps> & Readonly<{
+    onMenuItemClick?: ((...args: any[]) => any) | undefined;
+    onMainMenuClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    show: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,6 @@
+import script from './menu.vue2.mjs';
+
+script.__file = "src/menu/src/menu.vue";
+
+export { script as default };
+//# sourceMappingURL=menu.vue.mjs.map

package/es/menu/src/menu.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

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

@@ -0,0 +1,117 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, Fragment, createCommentVNode, normalizeStyle, createVNode, mergeProps, withCtx, renderSlot, unref, normalizeClass, createElementVNode, withDirectives, vShow } from 'vue';
+import { MeExpandMenu } from '../../expand-menu/index.mjs';
+import './column-menu.vue.mjs';
+import './main-menu.vue.mjs';
+import { ElScrollbar } from 'element-plus';
+import script$1 from './main-menu.vue2.mjs';
+import script$2 from './column-menu.vue2.mjs';
+
+"use strict";
+const _hoisted_1 = { class: "footer" };
+const __default__ = defineComponent({
+  name: "me-menu"
+});
+var script = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    mainMenuProps: { type: Object, required: true },
+    columnMenuProps: { type: Object, required: true },
+    width: { type: Number, required: false },
+    show: { type: Boolean, required: false, default: true },
+    menuStyle: { type: Object, required: false }
+  },
+  emits: ["mainMenuClick", "menuItemClick"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const menuExpanded = ref(true);
+    const menuRef = ref();
+    const mainMenuData = computed(() => props.mainMenuProps.data);
+    const columnMenuData = computed(() => props.columnMenuProps.data || []);
+    const menuStyle = computed(() => {
+      return {
+        width: props.width + "px",
+        ...props.menuStyle
+      };
+    });
+    const onMainMenuClick = (item) => {
+      emit("mainMenuClick", item);
+    };
+    const onMenuItemClick = (item) => {
+      emit("menuItemClick", item);
+    };
+    const handleMenuExpand = (val) => {
+      menuExpanded.value = val;
+    };
+    const dragbarVisible = computed(() => {
+      const isHide = columnMenuData.value?.every((item) => item.hideFlag);
+      if (columnMenuData.value.length > 0 && !isHide) {
+        menuExpanded.value = true;
+        return true;
+      } else {
+        menuExpanded.value = false;
+        return false;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          createCommentVNode(" \u83DC\u5355\u5BB9\u5668 "),
+          props.show ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: "me-menu",
+              style: normalizeStyle(menuStyle.value),
+              ref_key: "menuRef",
+              ref: menuRef
+            },
+            [
+              createVNode(script$1, mergeProps({ onMainMenuClick }, props.mainMenuProps, { data: mainMenuData.value }), {
+                logo: withCtx(() => [
+                  renderSlot(_ctx.$slots, "logo")
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 16, ["data"]),
+              createVNode(unref(ElScrollbar), {
+                class: normalizeClass(["aside-column-menu", {
+                  "is-hide": !menuExpanded.value
+                }]),
+                style: normalizeStyle({ width: props.columnMenuProps.width + "px" })
+              }, {
+                default: withCtx(() => [
+                  createVNode(script$2, mergeProps(props.columnMenuProps, {
+                    data: columnMenuData.value,
+                    onMenuItemClick
+                  }), null, 16, ["data"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["class", "style"]),
+              createElementVNode("div", _hoisted_1, [
+                renderSlot(_ctx.$slots, "footer")
+              ]),
+              withDirectives(createVNode(unref(MeExpandMenu), {
+                target: menuRef.value,
+                autoHide: "",
+                onExpandChangeEvent: handleMenuExpand
+              }, null, 8, ["target"]), [
+                [vShow, dragbarVisible.value]
+              ])
+            ],
+            4
+            /* STYLE */
+          )) : createCommentVNode("v-if", true)
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      );
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=menu.vue2.mjs.map