@me-framework/me-ui 1.0.44

package/lib/menu/src/column-menu-tree.vue2.js

@@ -0,0 +1,312 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var index$1 = require('../../dot/index.js');
+var index = require('../../svg-icon/index.js');
+require('./components/badge.vue.js');
+var badge_vue_vue_type_script_setup_true_lang = require('./components/badge.vue2.js');
+
+"use strict";
+const _hoisted_1 = {
+  key: 0,
+  class: "group"
+};
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { class: "menuIcon" };
+const _hoisted_4 = { class: "menuTitle" };
+const _hoisted_5 = {
+  key: 0,
+  class: "menuDot"
+};
+const _hoisted_6 = { key: 1 };
+const _hoisted_7 = { class: "menuIcon" };
+const _hoisted_8 = { class: "menuTitle" };
+const _hoisted_9 = {
+  key: 0,
+  class: "menuDot"
+};
+const _hoisted_10 = { class: "menuIcon" };
+const _hoisted_11 = { class: "menuTitle" };
+const _hoisted_12 = {
+  key: 0,
+  class: "menuDot"
+};
+var script = /* @__PURE__ */ vue.defineComponent({
+  __name: "column-menu-tree",
+  props: {
+    showGroup: { type: Boolean, required: false },
+    item: { type: Object, required: true },
+    show: { type: [Boolean, Function], required: false },
+    router: { type: Boolean, required: false, default: false }
+  },
+  emits: ["menuItemClick"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const instance = vue.getCurrentInstance();
+    const router = instance.appContext.config.globalProperties.$router;
+    const showGroupContent = vue.ref(props.showGroup);
+    const groupContentRef = vue.ref();
+    let showLogic = (item) => {
+      if (typeof props.show == "function") {
+        return props.show(item);
+      } else {
+        return props.show;
+      }
+    };
+    const handleGroupClick = () => {
+      showGroupContent.value = !showGroupContent.value;
+    };
+    const menuClickHandler = (item) => {
+      if (props.router && router) {
+        if (item.meta.linkURL) {
+          window.open(item.meta.linkURL);
+          return;
+        }
+        if (item.meta.activeMenu != "") {
+          item = item.children?.find((child) => child.id == item.meta.activeMenu) || item;
+        }
+        router.push(item.meta.path);
+      }
+      emits("menuItemClick", item);
+    };
+    const onEnter = (el, done) => {
+      el.style.height = "0";
+      el.offsetHeight;
+      const contentHeight = groupContentRef.value.scrollHeight + "px";
+      el.style.height = contentHeight;
+    };
+    const onAfterEnter = (el) => {
+      el.style.height = "auto";
+    };
+    const onLeave = (el, done) => {
+      const contentHeight = groupContentRef.value.scrollHeight + "px";
+      el.style.height = contentHeight;
+      el.offsetHeight;
+      el.style.height = "0";
+    };
+    const onAfterLeave = (el) => {
+      el.style.height = "";
+    };
+    return (_ctx, _cache) => {
+      const _component_column_menu_tree = vue.resolveComponent("column-menu-tree", true);
+      return vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        null,
+        [
+          vue.createCommentVNode(" \u5206\u7EC4\u83DC\u5355\u9879 "),
+          __props.item.meta?.type === "group" && !__props.item.hideFlag ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+            vue.createElementVNode("div", {
+              class: "title",
+              onClick: handleGroupClick
+            }, [
+              !showGroupContent.value ? (vue.openBlock(), vue.createBlock(vue.unref(index.MeSvgIcon), {
+                key: 0,
+                name: __props.item.icon || "ri-arrow-right-s-fill"
+              }, null, 8, ["name"])) : (vue.openBlock(), vue.createBlock(vue.unref(index.MeSvgIcon), {
+                key: 1,
+                name: "ri-arrow-down-s-fill"
+              })),
+              vue.createElementVNode(
+                "span",
+                null,
+                vue.toDisplayString(__props.item.title),
+                1
+                /* TEXT */
+              )
+            ]),
+            vue.createVNode(vue.Transition, {
+              css: false,
+              onEnter,
+              onAfterEnter,
+              onLeave,
+              onAfterLeave
+            }, {
+              default: vue.withCtx(() => [
+                __props.item.children?.length ? vue.withDirectives((vue.openBlock(), vue.createElementBlock(
+                  "div",
+                  {
+                    key: 0,
+                    ref_key: "groupContentRef",
+                    ref: groupContentRef,
+                    class: "group-content"
+                  },
+                  [
+                    (vue.openBlock(true), vue.createElementBlock(
+                      vue.Fragment,
+                      null,
+                      vue.renderList(__props.item.children, (children) => {
+                        return vue.openBlock(), vue.createBlock(_component_column_menu_tree, {
+                          onMenuItemClick: menuClickHandler,
+                          show: vue.unref(showLogic)(__props.item),
+                          key: __props.item.id,
+                          item: children
+                        }, null, 8, ["show", "item"]);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ],
+                  512
+                  /* NEED_PATCH */
+                )), [
+                  [vue.vShow, showGroupContent.value]
+                ]) : vue.createCommentVNode("v-if", true)
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ])) : !__props.item.hideFlag && vue.unref(showLogic)(__props.item) ? (vue.openBlock(), vue.createElementBlock(
+            vue.Fragment,
+            { key: 1 },
+            [
+              vue.createCommentVNode(" \u5E38\u89C4\u83DC\u5355\u9879  "),
+              vue.createCommentVNode(" \u591A\u83DC\u5355-\u6709\u5B50\u680F\u76EE "),
+              __props.item.children?.length && __props.item.hideFlag == false && __props.item.meta.activeMenu == "" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+                (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElSubMenu), {
+                  style: { "padding-top": "6px" },
+                  index: __props.item.id,
+                  key: __props.item.id
+                }, {
+                  title: vue.withCtx(() => [
+                    vue.createCommentVNode(" Icon "),
+                    vue.createElementVNode("span", _hoisted_3, [
+                      vue.createVNode(vue.unref(index.MeSvgIcon), {
+                        name: __props.item.icon
+                      }, null, 8, ["name"])
+                    ]),
+                    vue.createCommentVNode(" Title "),
+                    vue.createElementVNode(
+                      "span",
+                      _hoisted_4,
+                      vue.toDisplayString(__props.item.title),
+                      1
+                      /* TEXT */
+                    ),
+                    vue.createCommentVNode("\u5FBD\u7AE0 "),
+                    vue.createVNode(badge_vue_vue_type_script_setup_true_lang.default, {
+                      type: __props.item.meta.badgeType,
+                      meta: __props.item.meta,
+                      text: __props.item.meta.badge,
+                      color: __props.item.meta.badgeColor
+                    }, null, 8, ["type", "meta", "text", "color"]),
+                    vue.createCommentVNode("\u5706\u70B9\u53D1\u5149 "),
+                    __props.item.meta.dot ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, [
+                      vue.createVNode(vue.unref(index$1.MeDot))
+                    ])) : vue.createCommentVNode("v-if", true)
+                  ]),
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(true), vue.createElementBlock(
+                      vue.Fragment,
+                      null,
+                      vue.renderList(__props.item.children, (children) => {
+                        return vue.openBlock(), vue.createBlock(_component_column_menu_tree, {
+                          onMenuItemClick: menuClickHandler,
+                          show: vue.unref(showLogic)(__props.item),
+                          key: __props.item.id,
+                          item: children
+                        }, null, 8, ["show", "item"]);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["index"]))
+              ])) : vue.createCommentVNode("v-if", true),
+              vue.createCommentVNode(" \u591A\u83DC\u5355-\u8BBE\u7F6E\u4E86\u5173\u8054\u83DC\u5355 "),
+              __props.item.children?.length && __props.item.hideFlag == false && __props.item.meta.activeMenu != "" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+                (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElMenuItem), {
+                  index: `${__props.item.id}`,
+                  key: __props.item.id,
+                  onClick: _cache[0] || (_cache[0] = ($event) => menuClickHandler(__props.item))
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createCommentVNode(" Icon "),
+                    vue.createElementVNode("span", _hoisted_7, [
+                      vue.createVNode(vue.unref(index.MeSvgIcon), {
+                        name: __props.item.icon
+                      }, null, 8, ["name"])
+                    ]),
+                    vue.createCommentVNode(" Title "),
+                    vue.createElementVNode(
+                      "span",
+                      _hoisted_8,
+                      vue.toDisplayString(__props.item.title),
+                      1
+                      /* TEXT */
+                    ),
+                    vue.createCommentVNode("\u5FBD\u7AE0 "),
+                    vue.createVNode(badge_vue_vue_type_script_setup_true_lang.default, {
+                      type: __props.item.meta.badgeType,
+                      meta: __props.item.meta,
+                      text: __props.item.meta.badge,
+                      color: __props.item.meta.badgeColor
+                    }, null, 8, ["type", "meta", "text", "color"]),
+                    vue.createCommentVNode("\u5706\u70B9\u53D1\u5149 "),
+                    __props.item.meta.dot ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9, [
+                      vue.createVNode(vue.unref(index$1.MeDot))
+                    ])) : vue.createCommentVNode("v-if", true)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["index"]))
+              ])) : vue.createCommentVNode("v-if", true),
+              vue.createCommentVNode(" \u5355\u83DC\u5355 "),
+              !__props.item.children?.length && __props.item.hideFlag == false ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: __props.item.id
+              }, [
+                (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElMenuItem), {
+                  index: `${__props.item.id}`,
+                  key: __props.item.id,
+                  onClick: _cache[1] || (_cache[1] = ($event) => menuClickHandler(__props.item))
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createCommentVNode(" Icon "),
+                    vue.createElementVNode("span", _hoisted_10, [
+                      vue.createVNode(vue.unref(index.MeSvgIcon), {
+                        name: __props.item.icon
+                      }, null, 8, ["name"])
+                    ]),
+                    vue.createCommentVNode(" Title "),
+                    vue.createElementVNode(
+                      "span",
+                      _hoisted_11,
+                      vue.toDisplayString(__props.item.title),
+                      1
+                      /* TEXT */
+                    ),
+                    vue.createCommentVNode("\u5FBD\u7AE0 "),
+                    vue.createVNode(badge_vue_vue_type_script_setup_true_lang.default, {
+                      type: __props.item.meta.badgeType,
+                      meta: __props.item.meta,
+                      text: __props.item.meta.badge,
+                      color: __props.item.meta.badgeColor
+                    }, null, 8, ["type", "meta", "text", "color"]),
+                    vue.createCommentVNode("\u5706\u70B9\u53D1\u5149 "),
+                    __props.item.meta.dot ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, [
+                      vue.createVNode(vue.unref(index$1.MeDot))
+                    ])) : vue.createCommentVNode("v-if", true)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["index"]))
+              ])) : vue.createCommentVNode("v-if", true)
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : vue.createCommentVNode("v-if", true)
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      );
+    };
+  }
+});
+
+exports.default = script;
+//# sourceMappingURL=column-menu-tree.vue2.js.map

package/lib/menu/src/column-menu-tree.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-menu-tree.vue2.js","sources":["../../../src/menu/src/column-menu-tree.vue"],"sourcesContent":["<template>\n  <!-- 分组菜单项 -->\n  <template v-if=\"item.meta?.type === 'group' && !item.hideFlag\">\n    <div class=\"group\">\n      <div class=\"title\" @click=\"handleGroupClick\">\n        <me-svg-icon v-if=\"!showGroupContent\" :name=\"item.icon || 'ri-arrow-right-s-fill'\"></me-svg-icon>\n        <me-svg-icon v-else :name=\"'ri-arrow-down-s-fill'\"></me-svg-icon>\n        <span> {{ item.title }} </span>\n      </div>\n      <Transition :css=\"false\" @enter=\"onEnter\" @after-enter=\"onAfterEnter\" @leave=\"onLeave\" @after-leave=\"onAfterLeave\">\n        <div ref=\"groupContentRef\" class=\"group-content\" v-if=\"item.children?.length\" v-show=\"showGroupContent\">\n          <column-menu-tree\n            @menuItemClick=\"menuClickHandler\"\n            :show=\"showLogic(item)\"\n            :key=\"item.id\"\n            v-for=\"children in item.children\"\n            :item=\"children\"></column-menu-tree>\n        </div>\n      </Transition>\n    </div>\n  </template>\n\n  <!-- 常规菜单项  -->\n  <template v-else-if=\"!item.hideFlag && showLogic(item)\">\n    <!-- 多菜单-有子栏目 -->\n    <div v-if=\"item.children?.length && item.hideFlag == false && item.meta.activeMenu == ''\">\n      <el-sub-menu style=\"padding-top: 6px\" :index=\"item.id\" :key=\"item.id\">\n        <template #title>\n          <!-- Icon -->\n          <span class=\"menuIcon\">\n            <me-svg-icon :name=\"item.icon\"></me-svg-icon>\n          </span>\n\n          <!-- Title -->\n          <span class=\"menuTitle\">{{ item.title }}</span>\n\n          <!--徽章 -->\n          <Badge :type=\"item.meta.badgeType\" :meta=\"item.meta\" :text=\"item.meta.badge\" :color=\"item.meta.badgeColor\"></Badge>\n\n          <!--圆点发光 -->\n          <span class=\"menuDot\" v-if=\"item.meta.dot\">\n            <me-dot></me-dot>\n          </span>\n        </template>\n        <column-menu-tree\n          @menuItemClick=\"menuClickHandler\"\n          :show=\"showLogic(item)\"\n          :key=\"item.id\"\n          v-for=\"children in item.children\"\n          :item=\"children\"></column-menu-tree>\n      </el-sub-menu>\n    </div>\n\n    <!-- 多菜单-设置了关联菜单 -->\n    <div v-if=\"item.children?.length && item.hideFlag == false && item.meta.activeMenu != ''\">\n      <el-menu-item :index=\"`${item.id}`\" :key=\"item.id\" @click=\"menuClickHandler(item)\">\n        <!-- Icon -->\n        <span class=\"menuIcon\">\n          <me-svg-icon :name=\"item.icon\"></me-svg-icon>\n        </span>\n\n        <!-- Title -->\n        <span class=\"menuTitle\">{{ item.title }}</span>\n\n        <!--徽章 -->\n        <Badge :type=\"item.meta.badgeType\" :meta=\"item.meta\" :text=\"item.meta.badge\" :color=\"item.meta.badgeColor\"></Badge>\n\n        <!--圆点发光 -->\n        <span class=\"menuDot\" v-if=\"item.meta.dot\">\n          <me-dot></me-dot>\n        </span>\n      </el-menu-item>\n    </div>\n\n    <!-- 单菜单 -->\n    <div v-if=\"!item.children?.length && item.hideFlag == false\" :key=\"item.id\">\n      <el-menu-item :index=\"`${item.id}`\" :key=\"item.id\" @click=\"menuClickHandler(item)\">\n        <!-- Icon -->\n        <span class=\"menuIcon\">\n          <me-svg-icon :name=\"item.icon\"></me-svg-icon>\n        </span>\n\n        <!-- Title -->\n        <span class=\"menuTitle\">{{ item.title }}</span>\n\n        <!--徽章 -->\n        <Badge :type=\"item.meta.badgeType\" :meta=\"item.meta\" :text=\"item.meta.badge\" :color=\"item.meta.badgeColor\"></Badge>\n\n        <!--圆点发光 -->\n        <span class=\"menuDot\" v-if=\"item.meta.dot\">\n          <me-dot></me-dot>\n        </span>\n      </el-menu-item>\n    </div>\n  </template>\n</template>\n\n<script setup lang=\"ts\">\nimport { getCurrentInstance, ref } from \"vue\"\nimport type { MenuItem } from \"./types\"\nimport { ElSubMenu, ElMenuItem } from \"element-plus\"\nimport MeDot from \"../../dot\"\nimport MeSvgIcon from \"../../svg-icon\"\nimport Badge from \"./components/badge.vue\"\nimport type { Router } from \"vue-router\"\n\nconst props = withDefaults(\n  defineProps<{\n    showGroup?: boolean\n    item: MenuItem\n    /**\n     * 菜单是否显示\n     */\n    show?: boolean | ((data: MenuItem) => boolean)\n    router?: boolean\n  }>(),\n  {\n    router: false,\n  }\n)\nconst emits = defineEmits([\"menuItemClick\"])\n\nconst instance = getCurrentInstance()!\nconst router = instance.appContext.config.globalProperties.$router as Router\n\nconst showGroupContent = ref(props.showGroup)\nconst groupContentRef = ref()\n\nlet showLogic = (item: MenuItem) => {\n  if (typeof props.show == \"function\") {\n    return props.show(item)\n  } else {\n    return props.show\n  }\n}\n\nconst handleGroupClick = () => {\n  showGroupContent.value = !showGroupContent.value\n}\n\n//副菜单点击\nconst menuClickHandler = (item: MenuItem) => {\n  if (props.router && router) {\n    if (item.meta.linkURL) {\n      window.open(item.meta.linkURL)\n      return\n    }\n    //有设置关联菜单\n    if (item.meta.activeMenu != \"\") {\n      item = item.children?.find((child) => child.id == item.meta.activeMenu) || item\n    }\n    router.push(item.meta.path)\n  }\n  emits(\"menuItemClick\", item)\n}\n\n// 进入动画（展开）\nconst onEnter = (el: any, done: () => void) => {\n  // 初始高度设为 0\n  el.style.height = \"0\"\n  // 强制浏览器重绘，触发过渡\n  el.offsetHeight // 触发重绘的技巧\n  // 设置实际高度\n  const contentHeight = groupContentRef.value.scrollHeight + \"px\"\n  el.style.height = contentHeight\n}\n\n// 展开完成\nconst onAfterEnter = (el: any) => {\n  el.style.height = \"auto\" // 恢复自适应高度\n}\n// 离开动画（收起）\nconst onLeave = (el: any, done: () => void) => {\n  const contentHeight = groupContentRef.value.scrollHeight + \"px\"\n  el.style.height = contentHeight\n  el.offsetHeight\n  // 设置高度为 0\n  el.style.height = \"0\"\n}\n// 收起完成\nconst onAfterLeave = (el: any) => {\n  el.style.height = \"\" // 清除内联样式\n}\n</script>\n"],"names":["getCurrentInstance","ref","_createCommentVNode","_openBlock","_createElementBlock","_createElementVNode","_createBlock","_unref","MeSvgIcon","_toDisplayString","_createVNode","_Transition","_Fragment","_renderList","ElSubMenu","Badge","MeDot","ElMenuItem"],"mappings":"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"}

package/lib/menu/src/column-menu.d.ts

@@ -0,0 +1,39 @@
+import type { MenuProps as ElMenuProps } from "element-plus/lib";
+import type { CSSProperties } from "vue";
+import type { MenuItem } from "./types";
+interface ColumnMenuProps /** @vue-ignore *//** @vue-ignore */  extends ElMenuProps {
+    /**
+     * 菜单数据
+     */
+    data: MenuItem[];
+    /**
+     * 是否启用 vue-router 模式
+     */
+    router: boolean;
+    /**
+     * 菜单宽度
+     */
+    width?: number;
+    /**
+     * 菜单选中项 id
+     */
+    activeId?: string;
+    /**
+     * 菜单是否显示
+     */
+    show?: boolean | ((data: MenuItem) => boolean);
+    /**
+     * 菜单内边距
+     */
+    padding?: number;
+    /**
+     * 菜单展开方式
+     */
+    theme?: "light" | "dark";
+    /**
+     * 菜单样式
+     */
+    style?: CSSProperties;
+    mode: "vertical" | "horizontal";
+}
+export type { ColumnMenuProps };

package/lib/menu/src/column-menu.vue.d.ts

@@ -0,0 +1,15 @@
+import type { ColumnMenuProps } from "./column-menu";
+import type { MenuItem } from "./types";
+declare const __VLS_export: import("vue").DefineComponent<ColumnMenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "menu-item-click": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<ColumnMenuProps> & Readonly<{
+    "onMenu-item-click"?: ((...args: any[]) => any) | undefined;
+}>, {
+    data: MenuItem[];
+    padding: number;
+    width: number;
+    theme: "light" | "dark";
+    router: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/menu/src/column-menu.vue.js

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

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

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

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

@@ -0,0 +1,114 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('./column-menu-tree.vue.js');
+var elementPlus = require('element-plus');
+var columnMenuTree_vue_vue_type_script_setup_true_lang = require('./column-menu-tree.vue2.js');
+
+"use strict";
+const _hoisted_1 = { class: "me-column-menu" };
+const __default__ = vue.defineComponent({
+  name: "me-column-menu"
+});
+var script = /* @__PURE__ */ vue.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 = vue.computed(() => {
+      return props.activeId || "";
+    });
+    const columnMenuStyle = vue.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        __props.data.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElMenu), vue.mergeProps({
+          key: 0,
+          "default-active": activeId.value,
+          style: [{}, columnMenuStyle.value]
+        }, _ctx.$attrs), {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(__props.data, (menuItem) => {
+                return vue.openBlock(), vue.createBlock(columnMenuTree_vue_vue_type_script_setup_true_lang.default, {
+                  item: menuItem,
+                  key: menuItem.id,
+                  show: __props.show,
+                  router: __props.router,
+                  showGroup: vue.unref(hasActiveMenuItem)(menuItem),
+                  onMenuItemClick
+                }, null, 8, ["item", "show", "router", "showGroup"]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 1
+          /* STABLE */
+        }, 16, ["default-active", "style"])) : vue.createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+
+exports.default = script;
+//# sourceMappingURL=column-menu.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"column-menu.vue2.js","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","computed","data","_openBlock","_createElementBlock","_createBlock","_unref","_mergeProps","$attrs","_Fragment","_renderList","MeColumnMenuTree"],"mappings":";;;;;;;;;;;AAEA,MAAA,cAA6BA,mBAAA,CAAyB;AAAA,EACpD,IAAA,EAAM;AACR,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BD,IAAA,MAAM,KAAA,GAAQ,OAAA;AAQd,IAAA,MAAM,KAAA,GAAQ,MAAA;AAEd,IAAA,MAAM,QAAA,GAAWC,aAAS,MAAM;AAC9B,MAAA,OAAO,MAAM,QAAA,IAAY,EAAA;AAAA,IAC3B,CAAC,CAAA;AAED,IAAA,MAAM,eAAA,GAAkBA,aAAS,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,aAAA,EAAA,EAAAC,sBAAA,CAWM,KAAA,EAXN,UAAA,EAWM;AAAA,QAVW,OAAA,CAAA,KAAK,MAAA,IAApBD,aAAA,IAAAE,eAAA,CASUC,SAAA,sBATVC,cAAA,CASU;AAAA;UATmB,kBAAgB,QAAA,CAAA,KAAA;AAAA,UAAU,KAAA,EAAQ,CAAR,EAAA,EAAiB,gBAAA,KAAe;AAAA,WAAUC,IAAAA,CAAAA,MAAM,CAAA,EAAA;AAAA,+BAEnG,MAAwB;AAAA,kCAD1BJ,sBAAA;AAAA,cAOwDK,YAAA;AAAA,cAAA,IAAA;AAAA,cAAAC,cAAA,CANnC,OAAA,CAAA,IAAA,EAAI,CAAhB,QAAA,KAAQ;wCADjBL,eAAA,CAOwDM,0DAAA,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,SAAA,CAAA,iBAAA,CAAA,CAAkB,QAAQ,CAAA;AAAA,kBACrC;AAAA;;;;;;;;;;;;;;;;"}

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

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

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

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

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

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../../../dot/index.js');
+
+"use strict";
+const _hoisted_1 = {
+  key: 1,
+  class: "me-badge-dot"
+};
+var script = /* @__PURE__ */ vue.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 = vue.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 = vue.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" ? (vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        { key: 0 },
+        [
+          __props.type === "normal" ? (vue.openBlock(), vue.createElementBlock(
+            "span",
+            {
+              key: 0,
+              class: "menuBadge",
+              style: vue.normalizeStyle(badgeStyle.value)
+            },
+            [
+              vue.createElementVNode(
+                "span",
+                null,
+                vue.toDisplayString(getText.value),
+                1
+                /* TEXT */
+              )
+            ],
+            4
+            /* STYLE */
+          )) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+            vue.createVNode(vue.unref(index.MeDot), {
+              color: badgeStyle.value.backgroundColor
+            }, null, 8, ["color"])
+          ]))
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      )) : vue.createCommentVNode("v-if", true);
+    };
+  }
+});
+
+exports.default = script;
+//# sourceMappingURL=badge.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.vue2.js","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":["computed","_createElementBlock","_Fragment","_createElementVNode","_openBlock","_createVNode","_unref","MeDot"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAad,IAAA,MAAM,OAAA,GAAUA,aAAS,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,GAAaA,aAAS,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,qBAA5CC,sBAAA;AAAA,QAOWC,YAAA;AAAA,QAAA,EAAA,KAAA,CAAA,EAAA;AAAA,QAAA;AAAA,UANG,OAAA,CAAA,IAAA,KAAI,QAAA,qBAAhBD,sBAAA;AAAA,YAEO,MAAA;AAAA,YAAA;AAAA;cAFwB,KAAA,EAAM,WAAA;AAAA,cAAa,KAAA,qBAAO,UAAA,CAAA,KAAU;AAAA;;cACjEE,sBAAA;AAAA,gBAA0B,MAAA;AAAA;oCAAjB,QAAA,KAAO,CAAA;AAAA,gBAAA;AAAA;AAAA;AAAA;;;gBAElBC,aAAA,EAAA,EAAAH,sBAAA,CAEM,OAFN,UAAA,EAEM;AAAA,YADJI,eAAA,CAA6CC,SAAA,CAAAC,WAAA,CAAA,EAAA;AAAA,cAArC,KAAA,EAAO,WAAA,KAAA,CAAW;AAAA;;;;;;;;;;;;"}