@maketribe/ms-app 3.2.46 → 4.0.0-alpha.1

package/dist/cjs/layouts/new/components/MainSidebar/index.vue2.js

@@ -0,0 +1,79 @@
+"use strict";
+const vue = require("vue");
+const index_vue_vue_type_script_setup_true_lang = require("../Logo/index.vue.js");
+const settings = require("../../../../store/modules/settings.js");
+const menu = require("../../../../store/modules/menu.js");
+const index_vue_vue_type_script_setup_true_lang$1 = require("../../common/components/SvgIcon/index.vue.js");
+const vueRouter = require("vue-router");
+const useMenu = require("../../../../utils/composables/useMenu.js");
+const _hoisted_1 = {
+  key: 0,
+  class: "main-sidebar-container"
+};
+const _hoisted_2 = { class: "menu" };
+const _hoisted_3 = { class: "w-full flex flex-col of-hidden py-1 transition-all -mt-2" };
+const _hoisted_4 = ["title", "onClick"];
+const _hoisted_5 = { class: "w-full inline-flex flex-1 flex-col items-center justify-center gap-[2px]" };
+const _hoisted_6 = { class: "w-full flex-1 truncate text-center transition-height transition-opacity transition-width font-size-[12px]" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "MainSidebar"
+  },
+  __name: "index",
+  setup(__props) {
+    const router = vueRouter.useRouter();
+    const settingsStore = settings();
+    const menuStore = menu();
+    const { switchTo } = useMenu();
+    vue.watch(vue.computed(() => vue.unref(router.currentRoute)), (currentRoute) => {
+      console.log("32131");
+      settingsStore.settings.menu.mode !== "single" && menuStore.setActived(currentRoute.name);
+    }, { immediate: true });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Transition, { name: "main-sidebar" }, {
+        default: vue.withCtx(() => [
+          vue.unref(settingsStore).settings.menu.mode === "side" || vue.unref(settingsStore).mode === "mobile" && vue.unref(settingsStore).settings.menu.mode !== "single" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+            vue.createVNode(index_vue_vue_type_script_setup_true_lang, {
+              "show-title": false,
+              class: "sidebar-logo"
+            }),
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createElementVNode("div", _hoisted_3, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(menuStore).allMenus, (item, index) => {
+                  var _a, _b, _c, _d, _e, _f, _g, _h;
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: index,
+                    class: vue.normalizeClass(["menu-item relative px-2 py-1 transition-all", {
+                      active: index === vue.unref(menuStore).actived
+                    }])
+                  }, [
+                    item.children && item.children.length !== 0 ? (vue.openBlock(), vue.createElementBlock("div", {
+                      key: 0,
+                      class: vue.normalizeClass(["group menu-item-container h-full w-full flex cursor-pointer items-center justify-between gap-1 py-4 text-[var(--g-main-sidebar-menu-color)] transition-all hover-bg-[var(--g-main-sidebar-menu-hover-bg)] hover-text-[var(--g-main-sidebar-menu-hover-color)] px-2!", {
+                        "text-[var(--g-main-sidebar-menu-active-color)]! bg-[var(--g-main-sidebar-menu-active-bg)]!": index === vue.unref(menuStore).actived
+                      }]),
+                      title: typeof ((_a = item.meta) == null ? void 0 : _a.title) === "function" ? (_b = item.meta) == null ? void 0 : _b.title() : (_c = item.meta) == null ? void 0 : _c.title,
+                      onClick: ($event) => vue.unref(switchTo)(index)
+                    }, [
+                      vue.createElementVNode("div", _hoisted_5, [
+                        ((_d = item.meta) == null ? void 0 : _d.icon) ? (vue.openBlock(), vue.createBlock(index_vue_vue_type_script_setup_true_lang$1, {
+                          key: 0,
+                          name: (_e = item.meta) == null ? void 0 : _e.icon,
+                          class: "menu-item-container-icon transition-transform group-hover-scale-120"
+                        }, null, 8, ["name"])) : vue.createCommentVNode("", true),
+                        vue.createElementVNode("span", _hoisted_6, vue.toDisplayString(typeof ((_f = item.meta) == null ? void 0 : _f.title) === "function" ? (_g = item.meta) == null ? void 0 : _g.title() : (_h = item.meta) == null ? void 0 : _h.title), 1)
+                      ])
+                    ], 10, _hoisted_4)) : vue.createCommentVNode("", true)
+                  ], 2);
+                }), 128))
+              ])
+            ])
+          ])) : vue.createCommentVNode("", true)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=index.vue2.js.map

package/dist/cjs/layouts/new/components/MainSidebar/index.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/layouts/new/components/MainSidebar/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport Logo from \"../Logo/index.vue\";\r\nimport useSettingsStore from \"../../../../store/modules/settings\";\r\nimport useMenuStore from \"../../../../store/modules/menu\";\r\nimport SvgIcon from \"../../common/components/SvgIcon/index.vue\";\r\n\r\ndefineOptions({\r\n  name: \"MainSidebar\",\r\n});\r\n\r\nconst router = useRouter();\r\n\r\nconst settingsStore = useSettingsStore();\r\nconst menuStore = useMenuStore();\r\n\r\nconst {switchTo} = useMenu();\r\n\r\nwatch(computed(() => unref(router.currentRoute)), (currentRoute) => {\r\n  console.log(\"32131\");\r\n  // 导航栏如果不是 single 模式，则需要根据 path 定位主导航的选中状态\r\n  settingsStore.settings.menu.mode !== 'single' && menuStore.setActived(currentRoute.name as string);\r\n}, {immediate: true});\r\n\r\n</script>\r\n\r\n<template>\r\n  <Transition name=\"main-sidebar\">\r\n    <div\r\n      v-if=\"\r\n        settingsStore.settings.menu.mode === 'side' ||\r\n        (settingsStore.mode === 'mobile' &&\r\n          settingsStore.settings.menu.mode !== 'single')\r\n      \"\r\n      class=\"main-sidebar-container\"\r\n    >\r\n      <Logo :show-title=\"false\" class=\"sidebar-logo\"/>\r\n      <div class=\"menu\">\r\n        <!-- 侧边栏模式（含主导航） -->\r\n        <div class=\"w-full flex flex-col of-hidden py-1 transition-all -mt-2\">\r\n          <template v-for=\"(item, index) in menuStore.allMenus\" :key=\"index\">\r\n            <div\r\n              class=\"menu-item relative px-2 py-1 transition-all\"\r\n              :class=\"{\r\n                active: index === menuStore.actived,\r\n              }\"\r\n            >\r\n              <div\r\n                v-if=\"item.children && item.children.length !== 0\"\r\n                class=\"group menu-item-container h-full w-full flex cursor-pointer items-center justify-between gap-1 py-4 text-[var(--g-main-sidebar-menu-color)] transition-all hover-bg-[var(--g-main-sidebar-menu-hover-bg)] hover-text-[var(--g-main-sidebar-menu-hover-color)] px-2!\"\r\n                :class=\"{\r\n                  'text-[var(--g-main-sidebar-menu-active-color)]! bg-[var(--g-main-sidebar-menu-active-bg)]!':\r\n                    index === menuStore.actived,\r\n                }\"\r\n                :title=\"\r\n                  typeof item.meta?.title === 'function'\r\n                    ? item.meta?.title()\r\n                    : item.meta?.title\r\n                \"\r\n                @click=\"switchTo(index)\"\r\n              >\r\n                <div\r\n                  class=\"w-full inline-flex flex-1 flex-col items-center justify-center gap-[2px]\"\r\n                >\r\n                  <SvgIcon\r\n                    v-if=\"item.meta?.icon\"\r\n                    :name=\"item.meta?.icon\"\r\n                    class=\"menu-item-container-icon transition-transform group-hover-scale-120\"\r\n                  />\r\n                  <span\r\n                    class=\"w-full flex-1 truncate text-center transition-height transition-opacity transition-width font-size-[12px]\"\r\n                  >\r\n<!--                  <span-->\r\n                    <!--                    class=\"w-full flex-1 truncate text-center text-sm transition-height transition-opacity transition-width\"-->\r\n                    <!--                  >-->\r\n                    {{\r\n                      typeof item.meta?.title === \"function\"\r\n                        ? item.meta?.title()\r\n                        : item.meta?.title\r\n                    }}\r\n                  </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </template>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </Transition>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.main-sidebar-container {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: var(--g-main-sidebar-width);\r\n  color: var(--g-main-sidebar-menu-color);\r\n  background-color: var(--g-main-sidebar-bg);\r\n  box-shadow: 1px 0 0 0 var(--g-border-color);\r\n  transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;\r\n\r\n  .sidebar-logo {\r\n    background-color: var(--g-main-sidebar-bg);\r\n    transition: background-color 0.3s;\r\n  }\r\n\r\n  .menu {\r\n    flex: 1;\r\n    width: initial;\r\n    overflow: hidden auto;\r\n    overscroll-behavior: contain;\r\n\r\n    // firefox隐藏滚动条\r\n    scrollbar-width: none;\r\n\r\n    // chrome隐藏滚动条\r\n    &::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    :deep(.menu-item) {\r\n      .menu-item-container {\r\n        padding-block: 8px;\r\n        color: var(--g-main-sidebar-menu-color);\r\n\r\n        &:hover {\r\n          color: var(--g-main-sidebar-menu-hover-color);\r\n          background-color: var(--g-main-sidebar-menu-hover-bg);\r\n        }\r\n\r\n        .menu-item-container-icon {\r\n          font-size: 20px !important;\r\n        }\r\n      }\r\n\r\n      &.active .menu-item-container {\r\n        color: var(--g-main-sidebar-menu-active-color) !important;\r\n        background-color: var(--g-main-sidebar-menu-active-bg) !important;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// 主侧边栏动画\r\n.main-sidebar-enter-active,\r\n.main-sidebar-leave-active {\r\n  transition: 0.3s;\r\n}\r\n\r\n.main-sidebar-enter-from,\r\n.main-sidebar-leave-to {\r\n  transform: translateX(calc(var(--g-main-sidebar-width) * -1));\r\n}\r\n</style>\r\n"],"names":["useRouter","useSettingsStore","useMenuStore","watch","computed","unref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAM,SAASA,UAAAA;AAEf,UAAM,gBAAgBC;AACtB,UAAM,YAAYC;AAEZ,UAAA,EAAC,aAAY;AAEbC,QAAA,MAAAC,IAAA,SAAS,MAAMC,IAAM,MAAA,OAAO,YAAY,CAAC,GAAG,CAAC,iBAAiB;AAClE,cAAQ,IAAI,OAAO;AAEnB,oBAAc,SAAS,KAAK,SAAS,YAAY,UAAU,WAAW,aAAa,IAAc;AAAA,IAAA,GAChG,EAAC,WAAW,KAAA,CAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/layouts/new/components/Menu/index.vue.js

@@ -0,0 +1,192 @@
+"use strict";
+const vue = require("vue");
+const sub_vue_vue_type_script_setup_true_lang = require("./sub.vue.js");
+const item_vue_vue_type_script_setup_true_lang = require("./item.vue.js");
+const types = require("./types.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "MainMenu"
+  },
+  __name: "index",
+  props: {
+    menu: {},
+    value: {},
+    accordion: { type: Boolean, default: true },
+    defaultOpeneds: { default: () => [] },
+    mode: { default: "vertical" },
+    collapse: { type: Boolean, default: false },
+    showCollapseName: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const activeIndex = vue.ref(props.value);
+    const items = vue.ref({});
+    const subMenus = vue.ref({});
+    const openedMenus = vue.ref(props.defaultOpeneds.slice(0));
+    const mouseInMenu = vue.ref([]);
+    const isMenuPopup = vue.computed(() => {
+      return props.mode === "horizontal" || props.mode === "vertical" && props.collapse;
+    });
+    function initItems(menu, parentPaths = []) {
+      menu.forEach((item) => {
+        const index = item.name;
+        if (item.children) {
+          const indexPath = [...parentPaths, index];
+          subMenus.value[index] = {
+            index,
+            indexPath,
+            active: false
+          };
+          initItems(item.children, indexPath);
+        } else {
+          items.value[index] = {
+            index,
+            indexPath: parentPaths
+          };
+        }
+      });
+    }
+    const openMenu = (index, indexPath) => {
+      if (openedMenus.value.includes(index)) {
+        return;
+      }
+      if (props.accordion) {
+        openedMenus.value = openedMenus.value.filter((key) => indexPath.includes(key));
+      }
+      openedMenus.value.push(index);
+    };
+    const closeMenu = (index) => {
+      if (Array.isArray(index)) {
+        vue.nextTick(() => {
+          closeMenu(index.at(-1));
+          if (index.length > 1) {
+            closeMenu(index.slice(0, -1));
+          }
+        });
+        return;
+      }
+      Object.keys(subMenus.value).forEach((item) => {
+        if (subMenus.value[item].indexPath.includes(index)) {
+          openedMenus.value = openedMenus.value.filter((item2) => item2 !== index);
+        }
+      });
+    };
+    function setSubMenusActive(index) {
+      var _a, _b;
+      for (const key in subMenus.value) {
+        subMenus.value[key].active = false;
+      }
+      (_a = subMenus.value[index]) == null ? void 0 : _a.indexPath.forEach((idx) => {
+        subMenus.value[idx].active = true;
+      });
+      (_b = items.value[index]) == null ? void 0 : _b.indexPath.forEach((idx) => {
+        subMenus.value[idx].active = true;
+      });
+    }
+    const handleMenuItemClick = (index) => {
+      if (props.mode === "horizontal" || props.collapse) {
+        openedMenus.value = [];
+      }
+      setSubMenusActive(index);
+    };
+    const handleSubMenuClick = (index, indexPath) => {
+      if (openedMenus.value.includes(index)) {
+        closeMenu(index);
+      } else {
+        openMenu(index, indexPath);
+      }
+    };
+    function initMenu() {
+      const activeItem = activeIndex.value && items.value[activeIndex.value];
+      setSubMenusActive(activeIndex.value);
+      if (!activeItem || props.collapse) {
+        return;
+      }
+      activeItem.indexPath.forEach((index) => {
+        const subMenu = subMenus.value[index];
+        subMenu && openMenu(index, subMenu.indexPath);
+      });
+    }
+    vue.watch(() => props.menu, (val) => {
+      initItems(val);
+      initMenu();
+    }, {
+      deep: true,
+      immediate: true
+    });
+    vue.watch(() => props.value, (currentValue) => {
+      if (!items.value[currentValue]) {
+        activeIndex.value = "";
+      }
+      const item = items.value[currentValue] || activeIndex.value && items.value[activeIndex.value] || items.value[props.value];
+      if (item) {
+        activeIndex.value = item.index;
+      } else {
+        activeIndex.value = currentValue;
+      }
+      initMenu();
+    });
+    vue.watch(() => props.collapse, (value) => {
+      if (value) {
+        openedMenus.value = [];
+      }
+      initMenu();
+    });
+    window.rootMenu = vue.reactive({
+      props,
+      items,
+      subMenus,
+      activeIndex,
+      openedMenus,
+      mouseInMenu,
+      isMenuPopup,
+      openMenu,
+      closeMenu,
+      handleMenuItemClick,
+      handleSubMenuClick
+    });
+    vue.provide(types.rootMenuInjectionKey, vue.reactive({
+      props,
+      items,
+      subMenus,
+      activeIndex,
+      openedMenus,
+      mouseInMenu,
+      isMenuPopup,
+      openMenu,
+      closeMenu,
+      handleMenuItemClick,
+      handleSubMenuClick
+    }));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["h-full w-full flex flex-col of-hidden transition-all", {
+          "flex-row! w-auto!": vue.unref(isMenuPopup) && props.mode === "horizontal",
+          "py-1": props.mode === "vertical"
+        }])
+      }, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menu, (item) => {
+          var _a, _b;
+          return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+            key: item.name
+          }, [
+            ((_a = item.meta) == null ? void 0 : _a.menu) !== false ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              ((_b = item.children) == null ? void 0 : _b.length) ? (vue.openBlock(), vue.createBlock(sub_vue_vue_type_script_setup_true_lang, {
+                key: 0,
+                menu: item,
+                "unique-key": [item.name]
+              }, null, 8, ["menu", "unique-key"])) : (vue.openBlock(), vue.createBlock(item_vue_vue_type_script_setup_true_lang, {
+                key: 1,
+                item,
+                "unique-key": [item.name],
+                onClick: ($event) => handleMenuItemClick(item.name)
+              }, null, 8, ["item", "unique-key", "onClick"]))
+            ], 64)) : vue.createCommentVNode("", true)
+          ], 64);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=index.vue.js.map

package/dist/cjs/layouts/new/components/Menu/index.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../../../../src/layouts/new/components/Menu/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport SubMenu from './sub.vue'\r\nimport Item from './item.vue'\r\nimport type { MenuInjection } from './types'\r\nimport { rootMenuInjectionKey } from './types'\r\nimport type {Menu} from \"../../../../typings/global\";\r\n\r\nexport interface MenuProps {\r\n  menu: Menu.recordRaw[]\r\n  value: string\r\n  accordion?: boolean\r\n  defaultOpeneds?: string[]\r\n  mode?: 'horizontal' | 'vertical'\r\n  collapse?: boolean\r\n  showCollapseName?: boolean\r\n}\r\n\r\ndefineOptions({\r\n  name: 'MainMenu',\r\n})\r\n\r\nconst props = withDefaults(\r\n  defineProps<MenuProps>(),\r\n  {\r\n    accordion: true,\r\n    defaultOpeneds: () => [],\r\n    mode: 'vertical',\r\n    collapse: false,\r\n    showCollapseName: false,\r\n  },\r\n)\r\n\r\nconst activeIndex = ref<MenuInjection['activeIndex']>(props.value)\r\nconst items = ref<MenuInjection['items']>({})\r\nconst subMenus = ref<MenuInjection['subMenus']>({})\r\nconst openedMenus = ref<MenuInjection['openedMenus']>(props.defaultOpeneds.slice(0))\r\nconst mouseInMenu = ref<MenuInjection['mouseInMenu']>([])\r\nconst isMenuPopup = computed<MenuInjection['isMenuPopup']>(() => {\r\n  return props.mode === 'horizontal' || (props.mode === 'vertical' && props.collapse)\r\n})\r\n\r\n// 解析传入的 menu 数据，并保存到 items 和 subMenus 对象中\r\nfunction initItems(menu: MenuProps['menu'], parentPaths: string[] = []) {\r\n  menu.forEach((item) => {\r\n    const index = item.name as string// ?? JSON.stringify(item)\r\n    if (item.children) {\r\n      const indexPath = [...parentPaths, index]\r\n      subMenus.value[index] = {\r\n        index,\r\n        indexPath,\r\n        active: false,\r\n      }\r\n      initItems(item.children, indexPath)\r\n    }\r\n    else {\r\n      items.value[index] = {\r\n        index,\r\n        indexPath: parentPaths,\r\n      }\r\n    }\r\n  })\r\n}\r\n\r\nconst openMenu: MenuInjection['openMenu'] = (index, indexPath) => {\r\n  if (openedMenus.value.includes(index)) {\r\n    return\r\n  }\r\n  if (props.accordion) {\r\n    openedMenus.value = openedMenus.value.filter(key => indexPath.includes(key))\r\n  }\r\n  openedMenus.value.push(index)\r\n}\r\nconst closeMenu: MenuInjection['closeMenu'] = (index) => {\r\n  if (Array.isArray(index)) {\r\n    nextTick(() => {\r\n      closeMenu(index.at(-1)!)\r\n      if (index.length > 1) {\r\n        closeMenu(index.slice(0, -1))\r\n      }\r\n    })\r\n    return\r\n  }\r\n  Object.keys(subMenus.value).forEach((item) => {\r\n    if (subMenus.value[item].indexPath.includes(index)) {\r\n      openedMenus.value = openedMenus.value.filter(item => item !== index)\r\n    }\r\n  })\r\n}\r\n\r\nfunction setSubMenusActive(index: string) {\r\n  for (const key in subMenus.value) {\r\n    subMenus.value[key].active = false\r\n  }\r\n  subMenus.value[index]?.indexPath.forEach((idx) => {\r\n    subMenus.value[idx].active = true\r\n  })\r\n  items.value[index]?.indexPath.forEach((idx) => {\r\n    subMenus.value[idx].active = true\r\n  })\r\n}\r\n\r\nconst handleMenuItemClick: MenuInjection['handleMenuItemClick'] = (index) => {\r\n  if (props.mode === 'horizontal' || props.collapse) {\r\n    openedMenus.value = []\r\n  }\r\n  setSubMenusActive(index)\r\n}\r\nconst handleSubMenuClick: MenuInjection['handleSubMenuClick'] = (index, indexPath) => {\r\n  if (openedMenus.value.includes(index)) {\r\n    closeMenu(index)\r\n  }\r\n  else {\r\n    openMenu(index, indexPath)\r\n  }\r\n}\r\n\r\nfunction initMenu() {\r\n  const activeItem = activeIndex.value && items.value[activeIndex.value]\r\n  setSubMenusActive(activeIndex.value)\r\n  if (!activeItem || props.collapse) {\r\n    return\r\n  }\r\n  // 展开该菜单项的路径上所有子菜单\r\n  activeItem.indexPath.forEach((index) => {\r\n    const subMenu = subMenus.value[index]\r\n    subMenu && openMenu(index, subMenu.indexPath)\r\n  })\r\n}\r\n\r\nwatch(() => props.menu, (val) => {\r\n  initItems(val)\r\n  initMenu()\r\n}, {\r\n  deep: true,\r\n  immediate: true,\r\n})\r\n\r\nwatch(() => props.value, (currentValue) => {\r\n  if (!items.value[currentValue]) {\r\n    activeIndex.value = ''\r\n  }\r\n  const item = items.value[currentValue] || (activeIndex.value && items.value[activeIndex.value]) || items.value[props.value]\r\n  if (item) {\r\n    activeIndex.value = item.index\r\n  }\r\n  else {\r\n    activeIndex.value = currentValue\r\n  }\r\n  initMenu()\r\n})\r\n\r\nwatch(() => props.collapse, (value) => {\r\n  if (value) {\r\n    openedMenus.value = []\r\n  }\r\n  initMenu()\r\n})\r\n\r\n;(window as any).rootMenu = reactive({\r\n  props,\r\n  items,\r\n  subMenus,\r\n  activeIndex,\r\n  openedMenus,\r\n  mouseInMenu,\r\n  isMenuPopup,\r\n  openMenu,\r\n  closeMenu,\r\n  handleMenuItemClick,\r\n  handleSubMenuClick,\r\n});\r\n\r\nprovide(rootMenuInjectionKey, reactive({\r\n  props,\r\n  items,\r\n  subMenus,\r\n  activeIndex,\r\n  openedMenus,\r\n  mouseInMenu,\r\n  isMenuPopup,\r\n  openMenu,\r\n  closeMenu,\r\n  handleMenuItemClick,\r\n  handleSubMenuClick,\r\n}))\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    class=\"h-full w-full flex flex-col of-hidden transition-all\" :class=\"{\r\n      'flex-row! w-auto!': isMenuPopup && props.mode === 'horizontal',\r\n      'py-1': props.mode === 'vertical',\r\n    }\"\r\n  >\r\n    <template v-for=\"item in menu\" :key=\"item.name!\">\r\n      <template v-if=\"item.meta?.menu !== false\">\r\n        <SubMenu v-if=\"item.children?.length\" :menu=\"item\" :unique-key=\"[item.name!]\" />\r\n        <Item v-else :item=\"item\" :unique-key=\"[item.name!]\" @click=\"handleMenuItemClick(item.name!)\" />\r\n      </template>\r\n    </template>\r\n  </div>\r\n</template>\r\n"],"names":["ref","computed","nextTick","item","watch","reactive","provide","rootMenuInjectionKey"],"mappings":"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"}

package/dist/cjs/layouts/new/components/Menu/index.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue.js");
+module.exports = index_vue_vue_type_script_setup_true_lang;
+//# sourceMappingURL=index.vue2.js.map

package/dist/cjs/layouts/new/components/Menu/index.vue2.js.map

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

package/dist/cjs/layouts/new/components/Menu/item.vue.js

@@ -0,0 +1,128 @@
+"use strict";
+const vue = require("vue");
+const types = require("./types.js");
+const index_vue_vue_type_script_setup_true_lang = require("../../common/components/SvgIcon/index.vue.js");
+const HTooltip_vue_vue_type_script_setup_true_lang = require("../../ui-kit/HTooltip.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "SubMenuItem"
+  },
+  __name: "item",
+  props: {
+    uniqueKey: {},
+    item: {},
+    level: { default: 0 },
+    subMenu: { type: Boolean, default: false },
+    expand: { type: Boolean, default: false }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const rootMenu = vue.inject(types.rootMenuInjectionKey);
+    const itemRef = vue.ref();
+    const isActived = vue.computed(() => {
+      return props.subMenu ? rootMenu.subMenus[props.uniqueKey.at(-1)].active : rootMenu.activeIndex === props.uniqueKey.at(-1);
+    });
+    const isItemActive = vue.computed(() => {
+      return isActived.value && (!props.subMenu || rootMenu.isMenuPopup);
+    });
+    const indentStyle = vue.computed(() => {
+      return !rootMenu.isMenuPopup ? `padding-left: ${20 * (props.level ?? 0)}px` : "";
+    });
+    __expose({
+      ref: itemRef
+    });
+    return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "itemRef",
+        ref: itemRef,
+        class: vue.normalizeClass(["menu-item relative transition-all", {
+          "active": vue.unref(isItemActive),
+          "py-1 px-2": vue.unref(rootMenu).isMenuPopup && vue.unref(rootMenu).props.mode === "vertical" || vue.unref(rootMenu).isMenuPopup && _ctx.level !== 0 && vue.unref(rootMenu).props.mode === "horizontal" || !vue.unref(rootMenu).isMenuPopup,
+          "px-1 py-2": vue.unref(rootMenu).isMenuPopup && _ctx.level === 0 && vue.unref(rootMenu).props.mode === "horizontal"
+        }])
+      }, [
+        vue.createVNode(_component_router_link, {
+          custom: "",
+          to: _ctx.uniqueKey.at(-1) ? { name: _ctx.uniqueKey.at(-1) } : ""
+        }, {
+          default: vue.withCtx(({ href, navigate }) => {
+            var _a, _b, _c;
+            return [
+              vue.createVNode(HTooltip_vue_vue_type_script_setup_true_lang, {
+                enable: vue.unref(rootMenu).isMenuPopup && _ctx.level === 0 && !_ctx.subMenu,
+                text: typeof ((_a = _ctx.item.meta) == null ? void 0 : _a.title) === "function" ? (_b = _ctx.item.meta) == null ? void 0 : _b.title() : (_c = _ctx.item.meta) == null ? void 0 : _c.title,
+                placement: "right",
+                class: "h-full w-full"
+              }, {
+                default: vue.withCtx(() => {
+                  var _a2, _b2, _c2, _d, _e;
+                  return [
+                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.subMenu ? "div" : "a"), vue.mergeProps({
+                      ...!_ctx.subMenu && {
+                        href: ((_a2 = _ctx.item.meta) == null ? void 0 : _a2.link) ? _ctx.item.meta.link : href,
+                        target: ((_b2 = _ctx.item.meta) == null ? void 0 : _b2.link) ? "_blank" : "_self",
+                        class: "no-underline"
+                      }
+                    }, {
+                      class: ["group menu-item-container h-full w-full flex cursor-pointer items-center justify-between gap-1 px-4 py-3 text-[var(--g-sub-sidebar-menu-color)] transition-all hover-bg-[var(--g-sub-sidebar-menu-hover-bg)] hover-text-[var(--g-sub-sidebar-menu-hover-color)]", {
+                        "text-[var(--g-sub-sidebar-menu-active-color)]! bg-[var(--g-sub-sidebar-menu-active-bg)]!": vue.unref(isItemActive),
+                        "px-3!": vue.unref(rootMenu).isMenuPopup && _ctx.level === 0
+                      }],
+                      title: typeof ((_c2 = _ctx.item.meta) == null ? void 0 : _c2.title) === "function" ? (_d = _ctx.item.meta) == null ? void 0 : _d.title() : (_e = _ctx.item.meta) == null ? void 0 : _e.title
+                    }, vue.toHandlers({
+                      ...!_ctx.subMenu && {
+                        click: navigate
+                      }
+                    })), {
+                      default: vue.withCtx(() => {
+                        var _a3, _b3, _c3, _d2;
+                        return [
+                          vue.createElementVNode("div", {
+                            class: vue.normalizeClass(["inline-flex flex-1 items-center justify-center gap-[12px]", {
+                              "flex-col": vue.unref(rootMenu).isMenuPopup && _ctx.level === 0 && vue.unref(rootMenu).props.mode === "vertical",
+                              "gap-1!": vue.unref(rootMenu).isMenuPopup && _ctx.level === 0 && vue.unref(rootMenu).props.showCollapseName,
+                              "w-full": vue.unref(rootMenu).isMenuPopup && _ctx.level === 0 && vue.unref(rootMenu).props.showCollapseName && vue.unref(rootMenu).props.mode === "vertical"
+                            }]),
+                            style: vue.normalizeStyle(vue.unref(indentStyle))
+                          }, [
+                            ((_a3 = props.item.meta) == null ? void 0 : _a3.icon) ? (vue.openBlock(), vue.createBlock(index_vue_vue_type_script_setup_true_lang, {
+                              key: 0,
+                              name: props.item.meta.icon,
+                              size: 18,
+                              class: "menu-item-container-icon transition-transform group-hover-scale-120"
+                            }, null, 8, ["name"])) : vue.createCommentVNode("", true),
+                            !(vue.unref(rootMenu).isMenuPopup && _ctx.level === 0 && !vue.unref(rootMenu).props.showCollapseName) ? (vue.openBlock(), vue.createElementBlock("span", {
+                              key: 1,
+                              class: vue.normalizeClass(["w-0 flex-1 truncate text-sm transition-height transition-opacity transition-width", {
+                                "opacity-0 w-0 h-0": vue.unref(rootMenu).isMenuPopup && _ctx.level === 0 && !vue.unref(rootMenu).props.showCollapseName,
+                                "w-full text-center": vue.unref(rootMenu).isMenuPopup && _ctx.level === 0 && vue.unref(rootMenu).props.showCollapseName
+                              }])
+                            }, vue.toDisplayString(typeof ((_b3 = _ctx.item.meta) == null ? void 0 : _b3.title) === "function" ? (_c3 = _ctx.item.meta) == null ? void 0 : _c3.title() : (_d2 = _ctx.item.meta) == null ? void 0 : _d2.title), 3)) : vue.createCommentVNode("", true)
+                          ], 6),
+                          _ctx.subMenu && !(vue.unref(rootMenu).isMenuPopup && _ctx.level === 0) ? (vue.openBlock(), vue.createElementBlock("i", {
+                            key: 0,
+                            class: vue.normalizeClass(["relative ml-1 w-[10px] after:absolute after:h-[1.5px] after:w-[6px] after:bg-current after:transition-transform-200 after:content-empty after:-translate-y-[1px] before:absolute before:h-[1.5px] before:w-[6px] before:bg-current before:transition-transform-200 before:content-empty before:-translate-y-[1px]", [
+                              _ctx.expand ? "before:-rotate-45 before:-translate-x-[2px] after:rotate-45 after:translate-x-[2px]" : "before:rotate-45 before:-translate-x-[2px] after:-rotate-45 after:translate-x-[2px]",
+                              vue.unref(rootMenu).isMenuPopup && _ctx.level === 0 && "opacity-0",
+                              vue.unref(rootMenu).isMenuPopup && _ctx.level !== 0 && "-rotate-90 -top-[1.5px]"
+                            ]])
+                          }, null, 2)) : vue.createCommentVNode("", true)
+                        ];
+                      }),
+                      _: 2
+                    }, 1040, ["class", "title"]))
+                  ];
+                }),
+                _: 2
+              }, 1032, ["enable", "text"])
+            ];
+          }),
+          _: 1
+        }, 8, ["to"])
+      ], 2);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=item.vue.js.map

package/dist/cjs/layouts/new/components/Menu/item.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.vue.js","sources":["../../../../../../src/layouts/new/components/Menu/item.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n// import type { SubMenuItemProps } from './types'\r\nimport {rootMenuInjectionKey} from './types'\r\nimport type {Menu} from \"../../../../typings/global\";\r\nimport SvgIcon from '../../common/components/SvgIcon/index.vue';\r\nimport HTooltip from '../../ui-kit/HTooltip.vue';\r\n\r\ndefineOptions({\r\n  name: 'SubMenuItem',\r\n})\r\n\r\nexport interface SubMenuItemProps {\r\n  uniqueKey: string[]\r\n  item: Menu.recordRaw\r\n  level?: number\r\n  subMenu?: boolean\r\n  expand?: boolean\r\n}\r\n\r\n\r\nconst props = withDefaults(\r\n  defineProps<SubMenuItemProps>(),\r\n  {\r\n    level: 0,\r\n    subMenu: false,\r\n    expand: false,\r\n  },\r\n)\r\n\r\nconst rootMenu = inject(rootMenuInjectionKey)!\r\n\r\nconst itemRef = ref<HTMLElement>()\r\n\r\nconst isActived = computed(() => {\r\n  return props.subMenu\r\n    ? rootMenu.subMenus[props.uniqueKey.at(-1)!].active\r\n    : rootMenu.activeIndex === props.uniqueKey.at(-1)!\r\n})\r\n\r\nconst isItemActive = computed(() => {\r\n  return isActived.value && (!props.subMenu || rootMenu.isMenuPopup)\r\n})\r\n\r\n// 缩进样式\r\nconst indentStyle = computed(() => {\r\n  return !rootMenu.isMenuPopup\r\n    ? `padding-left: ${20 * (props.level ?? 0)}px`\r\n    : ''\r\n})\r\n\r\ndefineExpose({\r\n  ref: itemRef,\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    ref=\"itemRef\" class=\"menu-item relative transition-all\" :class=\"{\r\n      'active': isItemActive,\r\n      'py-1 px-2': (rootMenu.isMenuPopup && rootMenu.props.mode === 'vertical') || (rootMenu.isMenuPopup && level !== 0 && rootMenu.props.mode === 'horizontal') || !rootMenu.isMenuPopup,\r\n      'px-1 py-2': rootMenu.isMenuPopup && level === 0 && rootMenu.props.mode === 'horizontal',\r\n    }\"\r\n  >\r\n    <router-link v-slot=\"{ href, navigate }\" custom :to=\"uniqueKey.at(-1) ? { name: uniqueKey.at(-1) } : ''\">\r\n      <HTooltip :enable=\"rootMenu.isMenuPopup && level === 0 && !subMenu\"\r\n                :text=\"typeof item.meta?.title === 'function' ? item.meta?.title() : item.meta?.title\" placement=\"right\"\r\n                class=\"h-full w-full\">\r\n        <component\r\n          :is=\"subMenu ? 'div' : 'a'\" v-bind=\"{\r\n            ...(!subMenu && {\r\n              href: item.meta?.link ? item.meta.link : href,\r\n              target: item.meta?.link ? '_blank' : '_self',\r\n              class: 'no-underline',\r\n            }),\r\n          }\"\r\n          class=\"group menu-item-container h-full w-full flex cursor-pointer items-center justify-between gap-1 px-4 py-3 text-[var(--g-sub-sidebar-menu-color)] transition-all hover-bg-[var(--g-sub-sidebar-menu-hover-bg)] hover-text-[var(--g-sub-sidebar-menu-hover-color)]\"\r\n          :class=\"{\r\n            'text-[var(--g-sub-sidebar-menu-active-color)]! bg-[var(--g-sub-sidebar-menu-active-bg)]!': isItemActive,\r\n            'px-3!': rootMenu.isMenuPopup && level === 0,\r\n          }\" :title=\"typeof item.meta?.title === 'function' ? item.meta?.title() : item.meta?.title\" v-on=\"{\r\n            ...(!subMenu && {\r\n              click: navigate,\r\n            }),\r\n          }\"\r\n        >\r\n          <div\r\n            class=\"inline-flex flex-1 items-center justify-center gap-[12px]\" :class=\"{\r\n              'flex-col': rootMenu.isMenuPopup && level === 0 && rootMenu.props.mode === 'vertical',\r\n              'gap-1!': rootMenu.isMenuPopup && level === 0 && rootMenu.props.showCollapseName,\r\n              'w-full': rootMenu.isMenuPopup && level === 0 && rootMenu.props.showCollapseName && rootMenu.props.mode === 'vertical',\r\n            }\" :style=\"indentStyle\"\r\n          >\r\n            <SvgIcon v-if=\"props.item.meta?.icon\" :name=\"props.item.meta.icon\" :size=\"18\"\r\n                     class=\"menu-item-container-icon transition-transform group-hover-scale-120\"/>\r\n            <span\r\n              v-if=\"!(rootMenu.isMenuPopup && level === 0 && !rootMenu.props.showCollapseName)\"\r\n              class=\"w-0 flex-1 truncate text-sm transition-height transition-opacity transition-width\"\r\n              :class=\"{\r\n                'opacity-0 w-0 h-0': rootMenu.isMenuPopup && level === 0 && !rootMenu.props.showCollapseName,\r\n                'w-full text-center': rootMenu.isMenuPopup && level === 0 && rootMenu.props.showCollapseName,\r\n              }\"\r\n            >\r\n              {{ typeof item.meta?.title === 'function' ? item.meta?.title() : item.meta?.title }}\r\n            </span>\r\n          </div>\r\n          <i\r\n            v-if=\"subMenu && !(rootMenu.isMenuPopup && level === 0)\"\r\n            class=\"relative ml-1 w-[10px] after:absolute after:h-[1.5px] after:w-[6px] after:bg-current after:transition-transform-200 after:content-empty after:-translate-y-[1px] before:absolute before:h-[1.5px] before:w-[6px] before:bg-current before:transition-transform-200 before:content-empty before:-translate-y-[1px]\"\r\n            :class=\"[\r\n              expand ? 'before:-rotate-45 before:-translate-x-[2px] after:rotate-45 after:translate-x-[2px]' : 'before:rotate-45 before:-translate-x-[2px] after:-rotate-45 after:translate-x-[2px]',\r\n              rootMenu.isMenuPopup && level === 0 && 'opacity-0',\r\n              rootMenu.isMenuPopup && level !== 0 && '-rotate-90 -top-[1.5px]',\r\n            ]\"\r\n          />\r\n        </component>\r\n      </HTooltip>\r\n    </router-link>\r\n  </div>\r\n</template>\r\n"],"names":["inject","rootMenuInjectionKey","ref","computed"],"mappings":";;;;;;;;;;;;;;;;;;AAoBA,UAAM,QAAQ;AASR,UAAA,WAAWA,WAAOC,MAAAA,oBAAoB;AAE5C,UAAM,UAAUC,IAAAA;AAEV,UAAA,YAAYC,IAAAA,SAAS,MAAM;AAC/B,aAAO,MAAM,UACT,SAAS,SAAS,MAAM,UAAU,GAAG,EAAE,CAAE,EAAE,SAC3C,SAAS,gBAAgB,MAAM,UAAU,GAAG,EAAE;AAAA,IAAA,CACnD;AAEK,UAAA,eAAeA,IAAAA,SAAS,MAAM;AAClC,aAAO,UAAU,UAAU,CAAC,MAAM,WAAW,SAAS;AAAA,IAAA,CACvD;AAGK,UAAA,cAAcA,IAAAA,SAAS,MAAM;AAC1B,aAAA,CAAC,SAAS,cACb,iBAAiB,MAAM,MAAM,SAAS,EAAE,OACxC;AAAA,IAAA,CACL;AAEY,aAAA;AAAA,MACX,KAAK;AAAA,IAAA,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/layouts/new/components/Menu/item.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+const item_vue_vue_type_script_setup_true_lang = require("./item.vue.js");
+module.exports = item_vue_vue_type_script_setup_true_lang;
+//# sourceMappingURL=item.vue2.js.map

package/dist/cjs/layouts/new/components/Menu/item.vue2.js.map

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