@me-framework/me-ui 1.0.44

package/lib/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/lib/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/lib/menu/src/main-menu.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var mainMenu_vue_vue_type_script_setup_true_lang = require('./main-menu.vue2.js');
+
+mainMenu_vue_vue_type_script_setup_true_lang.default.__file = "src/menu/src/main-menu.vue";
+
+exports.default = mainMenu_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=main-menu.vue.js.map

package/lib/menu/src/main-menu.vue.js.map

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

package/lib/menu/src/main-menu.vue2.js

@@ -0,0 +1,148 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../../svg-icon/index.js');
+
+"use strict";
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = { class: "item-content" };
+const _hoisted_3 = { class: "space" };
+const _hoisted_4 = { class: "label" };
+const __default__ = vue.defineComponent({
+  name: "me-main-menu"
+});
+var script = /* @__PURE__ */ vue.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 = vue.getCurrentInstance();
+    const router = instance.appContext.config.globalProperties.$router;
+    const menuStyle = vue.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 = vue.ref(props.activeId);
+    vue.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 vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        null,
+        [
+          vue.createCommentVNode(" \u83DC\u5355\u5BB9\u5668 "),
+          vue.createElementVNode(
+            "div",
+            {
+              class: "me-main-menu",
+              style: vue.normalizeStyle(menuStyle.value)
+            },
+            [
+              vue.createCommentVNode(" Logo \u63D2\u69FD "),
+              vue.renderSlot(_ctx.$slots, "logo"),
+              vue.createCommentVNode(" \u904D\u5386\u83DC\u5355\u9879 "),
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(__props.data, (mainMenuItem) => {
+                  return vue.openBlock(), vue.createElementBlock(
+                    vue.Fragment,
+                    {
+                      key: mainMenuItem.id
+                    },
+                    [
+                      vue.createCommentVNode(" \u5355\u4E2A\u83DC\u5355\u9879 "),
+                      isVisible(mainMenuItem) ? (vue.openBlock(), vue.createElementBlock(
+                        "div",
+                        {
+                          key: 0,
+                          class: vue.normalizeClass([{ divider: mainMenuItem.meta.divider }, "item-container"])
+                        },
+                        [
+                          vue.createElementVNode("div", {
+                            class: vue.normalizeClass([{ active: mainMenuItem.id == activeId.value }, "item"]),
+                            onClick: ($event) => handleMenuClick(mainMenuItem)
+                          }, [
+                            vue.createElementVNode("div", _hoisted_2, [
+                              vue.createCommentVNode(" \u83DC\u5355\u56FE\u6807 "),
+                              vue.createElementVNode("span", _hoisted_3, [
+                                vue.createVNode(vue.unref(index.MeSvgIcon), {
+                                  name: mainMenuItem.icon,
+                                  color: "#fff"
+                                }, null, 8, ["name"])
+                              ]),
+                              vue.createCommentVNode(" \u83DC\u5355\u6807\u9898 "),
+                              vue.createElementVNode(
+                                "span",
+                                _hoisted_4,
+                                vue.toDisplayString(mainMenuItem.title),
+                                1
+                                /* TEXT */
+                              )
+                            ])
+                          ], 10, _hoisted_1)
+                        ],
+                        2
+                        /* CLASS */
+                      )) : vue.createCommentVNode("v-if", true)
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  );
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ],
+            4
+            /* STYLE */
+          )
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      );
+    };
+  }
+});
+
+exports.default = script;
+//# sourceMappingURL=main-menu.vue2.js.map

package/lib/menu/src/main-menu.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-menu.vue2.js","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","getCurrentInstance","computed","ref","watch","_createCommentVNode","_createElementVNode","_renderSlot","_createElementBlock","_Fragment","_renderList","_createVNode","_unref","MeSvgIcon","_toDisplayString"],"mappings":";;;;;;;;;;;;AAEA,MAAA,cAA6BA,mBAAA,CAAyB;AAAA,EACpD,IAAA,EAAM;AACR,CAAC,CAAA;;;;;;;;;;;;;;;;AAqCD,IAAA,MAAM,KAAA,GAAQ,OAAA;AASd,IAAA,MAAM,IAAA,GAAO,MAAA;AAGb,IAAA,MAAM,WAAWC,sBAAA,EAAmB;AACpC,IAAA,MAAM,MAAA,GAAS,QAAA,CAAS,UAAA,CAAW,MAAA,CAAO,gBAAA,CAAiB,OAAA;AAG3D,IAAA,MAAM,SAAA,GAAYC,aAAS,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,GAAWC,OAAA,CAAI,KAAA,CAAM,QAAQ,CAAA;AAEnC,IAAAC,SAAA;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,uBAAA,4BAAA,CAAA;AAAA,UACAC,sBAAA;AAAA,YAmBM,KAAA;AAAA,YAAA;AAAA,cAnBD,KAAA,EAAM,cAAA;AAAA,cAAgB,KAAA,qBAAO,SAAA,CAAA,KAAS;AAAA;;cACzCD,uBAAA,qBAAA,CAAA;AAAA,cACAE,cAAA,CAAyB,IAAA,CAAA,MAAA,EAAA,MAAA,CAAA;AAAA,cACzBF,uBAAA,kCAAA,CAAA;AAAA,oCACAG,sBAAA;AAAA,gBAcWC,YAAA;AAAA,gBAAA,IAAA;AAAA,gBAAAC,cAAA,CAdsB,OAAA,CAAA,IAAA,EAAI,CAApB,YAAA,KAAY;;;;sBAAgB,KAAA,YAAA,CAAa;AAAA;;sBACxDL,uBAAA,kCAAA,CAAA;AAAA,sBACW,SAAA,CAAU,YAAY,CAAA,qBAAjCG,sBAAA;AAAA,wBAWM,KAAA;AAAA,wBAAA;AAAA;0BAX+B,KAAA,iCAAkB,aAAa,IAAA,CAAK,OAAA,IAAiB,gBAAgB,CAAA;AAAA;;0BACxGF,uBASM,KAAA,EAAA;AAAA,4BATA,KAAA,gCAAiB,YAAA,CAAa,EAAA,IAAM,QAAA,CAAA,KAAA,IAAkB,MAAM,CAAA,CAAA;AAAA,4BAAE,OAAA,EAAK,CAAA,MAAA,KAAE,eAAA,CAAgB,YAAY;AAAA;4BACrGA,sBAAA,CAOM,OAPN,UAAA,EAOM;AAAA,8BANJD,uBAAA,4BAAA,CAAA;AAAA,8BACAC,sBAAA,CAEO,QAFP,UAAA,EAEO;AAAA,gCADLK,eAAA,CAAkEC,SAAA,CAAAC,eAAA,CAAA,EAAA;AAAA,kCAApD,MAAM,YAAA,CAAa,IAAA;AAAA,kCAAM,KAAA,EAAM;AAAA;;8BAE/CR,uBAAA,4BAAA,CAAA;AAAA,8BACAC,sBAAA;AAAA,gCAAmD,MAAA;AAAA,gCAAnD,UAAA;AAAA,gCAAmDQ,mBAAA,CAA5B,aAAa,KAAK,CAAA;AAAA,gCAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/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/lib/menu/src/menu.js

@@ -0,0 +1,4 @@
+'use strict';
+
+"use strict";
+//# sourceMappingURL=menu.js.map

package/lib/menu/src/menu.js.map

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

package/lib/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/lib/menu/src/menu.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var menu_vue_vue_type_script_setup_true_lang = require('./menu.vue2.js');
+
+menu_vue_vue_type_script_setup_true_lang.default.__file = "src/menu/src/menu.vue";
+
+exports.default = menu_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=menu.vue.js.map

package/lib/menu/src/menu.vue.js.map

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

package/lib/menu/src/menu.vue2.js

@@ -0,0 +1,121 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../../expand-menu/index.js');
+require('./column-menu.vue.js');
+require('./main-menu.vue.js');
+var elementPlus = require('element-plus');
+var mainMenu_vue_vue_type_script_setup_true_lang = require('./main-menu.vue2.js');
+var columnMenu_vue_vue_type_script_setup_true_lang = require('./column-menu.vue2.js');
+
+"use strict";
+const _hoisted_1 = { class: "footer" };
+const __default__ = vue.defineComponent({
+  name: "me-menu"
+});
+var script = /* @__PURE__ */ vue.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 = vue.ref(true);
+    const menuRef = vue.ref();
+    const mainMenuData = vue.computed(() => props.mainMenuProps.data);
+    const columnMenuData = vue.computed(() => props.columnMenuProps.data || []);
+    const menuStyle = vue.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 = vue.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 vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        null,
+        [
+          vue.createCommentVNode(" \u83DC\u5355\u5BB9\u5668 "),
+          props.show ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: "me-menu",
+              style: vue.normalizeStyle(menuStyle.value),
+              ref_key: "menuRef",
+              ref: menuRef
+            },
+            [
+              vue.createVNode(mainMenu_vue_vue_type_script_setup_true_lang.default, vue.mergeProps({ onMainMenuClick }, props.mainMenuProps, { data: mainMenuData.value }), {
+                logo: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "logo")
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 16, ["data"]),
+              vue.createVNode(vue.unref(elementPlus.ElScrollbar), {
+                class: vue.normalizeClass(["aside-column-menu", {
+                  "is-hide": !menuExpanded.value
+                }]),
+                style: vue.normalizeStyle({ width: props.columnMenuProps.width + "px" })
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(columnMenu_vue_vue_type_script_setup_true_lang.default, vue.mergeProps(props.columnMenuProps, {
+                    data: columnMenuData.value,
+                    onMenuItemClick
+                  }), null, 16, ["data"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["class", "style"]),
+              vue.createElementVNode("div", _hoisted_1, [
+                vue.renderSlot(_ctx.$slots, "footer")
+              ]),
+              vue.withDirectives(vue.createVNode(vue.unref(index.MeExpandMenu), {
+                target: menuRef.value,
+                autoHide: "",
+                onExpandChangeEvent: handleMenuExpand
+              }, null, 8, ["target"]), [
+                [vue.vShow, dragbarVisible.value]
+              ])
+            ],
+            4
+            /* STYLE */
+          )) : vue.createCommentVNode("v-if", true)
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      );
+    };
+  }
+});
+
+exports.default = script;
+//# sourceMappingURL=menu.vue2.js.map

package/lib/menu/src/menu.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.vue2.js","sources":["../../../src/menu/src/menu.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: \"me-menu\",\n});\n</script>\n<template>\n  <!-- 菜单容器 -->\n  <div class=\"me-menu\" v-if=\"props.show\" :style=\"menuStyle\" ref=\"menuRef\">\n    <me-main-menu @main-menu-click=\"onMainMenuClick\" v-bind=\"props.mainMenuProps\" :data=\"mainMenuData\">\n      <template #logo>\n        <slot name=\"logo\"></slot>\n      </template>\n    </me-main-menu>\n    <el-scrollbar\n      class=\"aside-column-menu\"\n      :class=\"{\n        'is-hide': !menuExpanded,\n      }\"\n      :style=\"{ width: props.columnMenuProps.width + 'px' }\">\n      <me-column-menu v-bind=\"props.columnMenuProps\" :data=\"columnMenuData\" @menu-item-click=\"onMenuItemClick\"></me-column-menu>\n    </el-scrollbar>\n\n    <div class=\"footer\">\n      <slot name=\"footer\"></slot>\n    </div>\n\n    <me-expand-menu :target=\"menuRef\" autoHide v-show=\"dragbarVisible\" @expandChangeEvent=\"handleMenuExpand\"></me-expand-menu>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from \"vue\"\n\nimport MeExpandMenu from \"../../expand-menu\"\nimport MeColumnMenu from \"./column-menu.vue\"\nimport MeMainMenu from \"./main-menu.vue\"\nimport { ElScrollbar } from \"element-plus\"\nimport type { MenuProps } from \"./menu\"\nimport type { MenuItem } from \"./types\"\n\n// 组件名称配置\n\n\n// 定义组件 Props\nconst props = withDefaults(defineProps<MenuProps>(), {\n  show: true\n})\n\n// 定义组件事件\nconst emit = defineEmits([\"mainMenuClick\", \"menuItemClick\"])\n\nconst menuExpanded = ref(true)\nconst menuRef = ref()\nconst mainMenuData = computed(() => props.mainMenuProps.data)\nconst columnMenuData = computed(() => props.columnMenuProps.data || [])\n\nconst menuStyle = computed(() => {\n  return {\n    width: props.width + 'px',\n    ...props.menuStyle\n  }\n})\n\nconst onMainMenuClick = (item: MenuItem) => {\n  emit(\"mainMenuClick\", item)\n}\nconst onMenuItemClick = (item: MenuItem) => {\n  emit(\"menuItemClick\", item)\n}\n\nconst handleMenuExpand = (val: boolean) => {\n  menuExpanded.value = val\n}\n\nconst dragbarVisible = computed(() => {\n  const isHide = columnMenuData.value?.every((item) => item.hideFlag)\n  if (columnMenuData.value.length > 0 && !isHide) {\n    menuExpanded.value = true\n    return true\n  } else {\n    menuExpanded.value = false\n    return false\n  }\n})\n</script>\n"],"names":["__MACROS_defineComponent","ref","computed","_createCommentVNode","_createElementBlock","_createVNode","MeMainMenu","_mergeProps","_renderSlot","_unref","ElScrollbar","_normalizeStyle","MeColumnMenu","_createElementVNode","MeExpandMenu"],"mappings":"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"}

package/lib/menu/src/types.d.ts

@@ -0,0 +1,135 @@
+interface MenuMetaItem {
+    /**
+     * 菜单标题
+     */
+    metaTitle: string;
+    /**
+     * 关联菜单id
+     */
+    activeMenu?: string;
+    /**
+     * 菜单路径
+     */
+    path: string;
+    /**
+     * 菜单路径参数
+     */
+    pathParams: string;
+    /**
+     * 菜单路由重定向
+     */
+    redirect: string;
+    /**
+     * 菜单 badge
+     */
+    badge: string;
+    /**
+     * 菜单隐藏标签
+     */
+    hideTab: boolean;
+    /**
+     * 菜单 dot
+     */
+    dot: boolean;
+    /**
+     * 菜单是否隐藏布局
+     */
+    noLayout: boolean;
+    /**
+     * 菜单是否允许搜索
+     */
+    allowSearch: boolean;
+    /**
+     * 菜单type
+     */
+    type: string;
+    /**
+     * 外部跳转链接
+     */
+    linkURL: string;
+    /**
+     * 菜单 iframeURL
+     */
+    iframeURL: string;
+    /**
+     * 菜单激活
+     */
+    activation: boolean;
+    /**
+     * 菜单高亮
+     */
+    highlightMenu: boolean;
+    /**
+     * 菜单环境
+     */
+    env: number;
+    /**
+     * 菜单规则
+     */
+    rule: any[];
+    /**
+     * 路由是否已经加载过
+     */
+    loaded?: boolean;
+    /**
+     * 徽标类型
+     */
+    badgeType?: "dot" | "normal";
+    /**
+     * 徽标颜色
+     */
+    badgeColor?: "danger" | "info" | "primary" | "success" | "warning" | string;
+    /**
+     * 菜单是否是弹窗形式
+     */
+    dialogMenu?: boolean;
+    /**
+     * 弹窗菜单的弹窗组件路径
+     */
+    dialogComponent?: string;
+    /**
+     * 分割线
+     */
+    divider?: boolean;
+}
+interface MenuItem {
+    /**
+     * 菜单ID
+     */
+    id: string;
+    /**
+     * 父级菜单ID
+     */
+    parentId: string;
+    /**
+     * 子菜单类型
+     */
+    children?: MenuItem[] | null;
+    /**
+     * 排序
+     */
+    sort: number;
+    title: any;
+    /**
+     * 菜单英文标题
+     */
+    enTitle: string;
+    /**
+     * 菜单封面
+     */
+    cover: string;
+    /**
+     * 图标
+     */
+    icon: string;
+    /**
+     * 菜单是否启用
+     */
+    enableFlag: boolean;
+    /**
+     * 菜单是否早导航栏中隐藏
+     */
+    hideFlag: boolean;
+    meta: MenuMetaItem;
+}
+export type { MenuItem, MenuMetaItem };

package/lib/menu/style/index.css

@@ -0,0 +1 @@
+:root{--me-primary-color:#409EFF;--me-success-color:#67C23A;--me-warning-color:#E6A23C;--me-danger-color:#F56C6C;--me-info-color:#909399;--me-menu-divider-color:#dcdfe6}.me-menu{display:flex;height:100%;position:relative;border-right:1px solid #e5e6eb}.me-menu .aside-column-menu{background:#fff;z-index:100;transition:all .25s}.me-menu .aside-column-menu.is-hide{width:0!important}.me-menu .me-expand-menu{z-index:10000}.me-menu .footer{position:absolute;bottom:20px;left:0;z-index:20000;display:flex;justify-content:center}

package/lib/menu/style/index.d.ts

@@ -0,0 +1,4 @@
+import "./index.css";
+import "element-plus/es/components/scrollbar/style/index";
+import "../../column-menu/style/index";
+import "../../main-menu/style/index";

package/lib/menu/style/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+require('./index.css');
+require('element-plus/lib/components/scrollbar/style/index');
+require('../../column-menu/style/index');
+require('../../main-menu/style/index');
+
+"use strict";
+//# sourceMappingURL=index.js.map

package/lib/menu/style/index.js.map

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

package/lib/menu/style/index.scss

@@ -0,0 +1,30 @@
+@use "../../theme.scss";
+
+.me-menu {
+  display: flex;
+  height: 100%;
+  position: relative;
+  border-right: 1px solid rgb(229, 230, 235);
+
+  .aside-column-menu {
+    background: white;
+    z-index: 100;
+    transition: all 0.25s;
+  }
+  .aside-column-menu.is-hide {
+    width: 0px !important;
+  }
+
+  .me-expand-menu {
+    z-index: 10000;
+  }
+
+  .footer {
+    position: absolute;
+    bottom: 20px;
+    left: 0;
+    z-index: 20000;
+    display: flex;
+    justify-content: center;
+  }
+}

package/lib/menu/style/scss.d.ts

@@ -0,0 +1,4 @@
+import "./index.scss";
+import "element-plus/es/components/scrollbar/style/index";
+import "../../column-menu/style/index";
+import "../../main-menu/style/index";

package/lib/menu/style/scss.js

@@ -0,0 +1,9 @@
+'use strict';
+
+require('./index.scss');
+require('element-plus/lib/components/scrollbar/style/index');
+require('../../column-menu/style/index');
+require('../../main-menu/style/index');
+
+"use strict";
+//# sourceMappingURL=scss.js.map

package/lib/menu/style/scss.js.map

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

package/lib/message/index.d.ts

@@ -0,0 +1,2 @@
+export declare const MeMessage: (data: any, handler?: any) => void;
+export default MeMessage;