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

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

@@ -1,461 +0,0 @@
-"use strict";
-const vue = require("vue");
-const vueRouter = require("vue-router");
-const vue$1 = require("@headlessui/vue");
-const overlayscrollbarsVue = require("overlayscrollbars-vue");
-const lodashEs = require("lodash-es");
-const hotkeys = require("hotkeys-js");
-const index$1 = require("../Breadcrumb/index.vue.js");
-const item_vue_vue_type_script_setup_true_lang = require("../Breadcrumb/item.vue.js");
-const index = require("../../../../utils/index.js");
-const eventBus = require("../../../../utils/eventBus.js");
-const settings = require("../../../../store/modules/settings.js");
-const menu = require("../../../../store/modules/menu.js");
-const index_vue_vue_type_script_setup_true_lang = require("../../common/components/SvgIcon/index.vue.js");
-const HKbd = require("../../ui-kit/HKbd.vue.js");
-const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("div", { class: "fixed inset-0 bg-stone-200/75 backdrop-blur-sm transition-opacity dark-bg-stone-8/75" }, null, -1);
-const _hoisted_2 = { class: "fixed inset-0" };
-const _hoisted_3 = { class: "h-full flex items-end justify-center p-4 text-center lg-items-center" };
-const _hoisted_4 = { class: "flex flex-col overflow-y-auto rounded-xl bg-white shadow-xl dark-bg-stone-8" };
-const _hoisted_5 = {
-  class: "flex items-center px-4 py-3",
-  "border-b": "~ solid stone-2 dark-stone-7"
-};
-const _hoisted_6 = ["onKeydown"];
-const _hoisted_7 = ["data-index", "onClick", "onMouseover"];
-const _hoisted_8 = {
-  class: "flex flex-1 flex-col gap-1 truncate px-4 py-3",
-  "border-l": "~ solid stone-2 dark-stone-7"
-};
-const _hoisted_9 = { class: "truncate text-base font-bold" };
-const _hoisted_10 = {
-  key: 1,
-  flex: "center col",
-  "py-6": "",
-  "text-stone-5": ""
-};
-const _hoisted_11 = /* @__PURE__ */ vue.createElementVNode("p", {
-  "m-2": "",
-  "text-base": ""
-}, "没有找到你想要的", -1);
-const _hoisted_12 = {
-  key: 0,
-  class: "flex justify-between px-4 py-3",
-  "border-t": "~ solid stone-2 dark-stone-7"
-};
-const _hoisted_13 = { class: "flex gap-8" };
-const _hoisted_14 = { class: "inline-flex items-center gap-1 text-xs" };
-const _hoisted_15 = /* @__PURE__ */ vue.createElementVNode("span", null, "访问", -1);
-const _hoisted_16 = { class: "inline-flex items-center gap-1 text-xs" };
-const _hoisted_17 = /* @__PURE__ */ vue.createElementVNode("span", null, "切换", -1);
-const _hoisted_18 = {
-  key: 0,
-  class: "inline-flex items-center gap-1 text-xs"
-};
-const _hoisted_19 = /* @__PURE__ */ vue.createElementVNode("span", null, "退出", -1);
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    name: "Search"
-  },
-  __name: "index",
-  setup(__props) {
-    const overlayTransitionClass = vue.ref({
-      enter: "ease-in-out duration-500",
-      enterFrom: "opacity-0",
-      enterTo: "opacity-100",
-      leave: "ease-in-out duration-500",
-      leaveFrom: "opacity-100",
-      leaveTo: "opacity-0"
-    });
-    const transitionClass = vue.computed(() => {
-      return {
-        enter: "ease-out duration-300",
-        enterFrom: "opacity-0 translate-y-4 lg-translate-y-0 lg-scale-95",
-        enterTo: "opacity-100 translate-y-0 lg-scale-100",
-        leave: "ease-in duration-200",
-        leaveFrom: "opacity-100 translate-y-0 lg-scale-100",
-        leaveTo: "opacity-0 translate-y-4 lg-translate-y-0 lg-scale-95"
-      };
-    });
-    const router = vueRouter.useRouter();
-    const settingsStore = settings();
-    const menuStore = menu();
-    const isShow = vue.ref(false);
-    const searchInput = vue.ref("");
-    const sourceList = vue.ref([]);
-    const actived = vue.ref(-1);
-    const searchInputRef = vue.ref();
-    const searchResultRef = vue.ref();
-    const searchResultItemRef = vue.ref([]);
-    vue.onBeforeUpdate(() => {
-      searchResultItemRef.value = [];
-    });
-    const resultList = vue.computed(() => {
-      let result = [];
-      result = sourceList.value.filter((item) => {
-        let flag = false;
-        if (item.title) {
-          if (typeof item.title === "function") {
-            if (item.title().includes(searchInput.value)) {
-              flag = true;
-            }
-          } else {
-            if (item.title.includes(searchInput.value)) {
-              flag = true;
-            }
-          }
-        }
-        if (item.path.includes(searchInput.value)) {
-          flag = true;
-        }
-        if (item.breadcrumb.some((b) => {
-          var _a;
-          if (typeof b.title === "function") {
-            if (b.title().includes(searchInput.value)) {
-              return true;
-            }
-          } else {
-            if ((_a = b.title) == null ? void 0 : _a.includes(searchInput.value)) {
-              return true;
-            }
-          }
-          return false;
-        })) {
-          flag = true;
-        }
-        return flag;
-      });
-      return result;
-    });
-    vue.watch(
-      () => isShow.value,
-      (val) => {
-        if (val) {
-          searchInput.value = "";
-          actived.value = -1;
-          hotkeys("up", keyUp);
-          hotkeys("down", keyDown);
-          hotkeys("enter", keyEnter);
-        } else {
-          hotkeys.unbind("up", keyUp);
-          hotkeys.unbind("down", keyDown);
-          hotkeys.unbind("enter", keyEnter);
-        }
-      }
-    );
-    vue.watch(
-      () => resultList.value,
-      () => {
-        actived.value = -1;
-        handleScroll();
-      }
-    );
-    vue.onMounted(() => {
-      eventBus.on("global-search-toggle", () => {
-        if (!isShow.value) {
-          initSourceList();
-        }
-        isShow.value = !isShow.value;
-      });
-      hotkeys("alt+s", (e) => {
-        if (settingsStore.settings.toolbar.navSearch && settingsStore.settings.navSearch.enableHotkeys) {
-          e.preventDefault();
-          initSourceList();
-          isShow.value = true;
-        }
-      });
-      hotkeys("esc", (e) => {
-        if (settingsStore.settings.toolbar.navSearch && settingsStore.settings.navSearch.enableHotkeys) {
-          e.preventDefault();
-          isShow.value = false;
-        }
-      });
-      initSourceList();
-    });
-    function initSourceList() {
-      sourceList.value = [];
-      menuStore.allMenus.forEach((item) => {
-        getSourceListByMenus(item.children);
-      });
-    }
-    function hasChildren(item) {
-      var _a;
-      let flag = true;
-      if ((_a = item.children) == null ? void 0 : _a.every((i) => {
-        var _a2;
-        return ((_a2 = i.meta) == null ? void 0 : _a2.menu) === false;
-      })) {
-        flag = false;
-      }
-      return flag;
-    }
-    function getSourceListByMenus(arr, basePath, icon, breadcrumb) {
-      arr.forEach((item) => {
-        var _a, _b, _c, _d, _e, _f, _g;
-        if (((_a = item.meta) == null ? void 0 : _a.menu) !== false) {
-          const breadcrumbTemp = lodashEs.cloneDeep(breadcrumb) || [];
-          if (item.children && hasChildren(item)) {
-            breadcrumbTemp.push({
-              title: (_b = item.meta) == null ? void 0 : _b.title
-            });
-            getSourceListByMenus(
-              item.children,
-              index.resolveRoutePath(basePath, item.path),
-              ((_c = item.meta) == null ? void 0 : _c.icon) ?? icon,
-              breadcrumbTemp
-            );
-          } else {
-            breadcrumbTemp.push({
-              title: (_d = item.meta) == null ? void 0 : _d.title
-            });
-            sourceList.value.push({
-              path: index.resolveRoutePath(basePath, item.path),
-              icon: ((_e = item.meta) == null ? void 0 : _e.icon) ?? icon,
-              title: (_f = item.meta) == null ? void 0 : _f.title,
-              link: (_g = item.meta) == null ? void 0 : _g.link,
-              breadcrumb: breadcrumbTemp
-            });
-          }
-        }
-      });
-    }
-    function keyUp() {
-      if (resultList.value.length) {
-        actived.value -= 1;
-        if (actived.value < 0) {
-          actived.value = resultList.value.length - 1;
-        }
-        handleScroll();
-      }
-    }
-    function keyDown() {
-      if (resultList.value.length) {
-        actived.value += 1;
-        if (actived.value > resultList.value.length - 1) {
-          actived.value = 0;
-        }
-        handleScroll();
-      }
-    }
-    function keyEnter() {
-      var _a;
-      if (actived.value !== -1) {
-        (_a = searchResultItemRef.value.find((item) => Number.parseInt(item.dataset.index) === actived.value)) == null ? void 0 : _a.click();
-      }
-    }
-    function handleScroll() {
-      var _a, _b;
-      if (searchResultRef.value) {
-        const contentDom = searchResultRef.value.osInstance().elements().content;
-        let scrollTo = 0;
-        if (actived.value !== -1) {
-          scrollTo = contentDom.scrollTop;
-          const activedOffsetTop = ((_a = searchResultItemRef.value.find(
-            (item) => Number.parseInt(item.dataset.index) === actived.value
-          )) == null ? void 0 : _a.offsetTop) ?? 0;
-          const activedClientHeight = ((_b = searchResultItemRef.value.find(
-            (item) => Number.parseInt(item.dataset.index) === actived.value
-          )) == null ? void 0 : _b.clientHeight) ?? 0;
-          const searchScrollTop = contentDom.scrollTop;
-          const searchClientHeight = contentDom.clientHeight;
-          if (activedOffsetTop + activedClientHeight > searchScrollTop + searchClientHeight) {
-            scrollTo = activedOffsetTop + activedClientHeight - searchClientHeight;
-          } else if (activedOffsetTop <= searchScrollTop) {
-            scrollTo = activedOffsetTop;
-          }
-        }
-        contentDom.scrollTo({
-          top: scrollTo
-        });
-      }
-    }
-    function pageJump(path, link) {
-      if (link) {
-        window.open(link, "_blank");
-      } else {
-        router.push(path);
-      }
-      isShow.value = false;
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(vue$1.TransitionRoot), {
-        as: "template",
-        show: vue.unref(isShow)
-      }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(vue.unref(vue$1.Dialog), {
-            "initial-focus": vue.unref(searchInputRef),
-            class: "fixed inset-0 z-2000 flex",
-            onClose: _cache[2] || (_cache[2] = ($event) => vue.unref(isShow) && vue.unref(eventBus).emit("global-search-toggle"))
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(vue$1.TransitionChild), vue.mergeProps({ as: "template" }, vue.unref(overlayTransitionClass)), {
-                default: vue.withCtx(() => [
-                  _hoisted_1
-                ]),
-                _: 1
-              }, 16),
-              vue.createElementVNode("div", _hoisted_2, [
-                vue.createElementVNode("div", _hoisted_3, [
-                  vue.createVNode(vue.unref(vue$1.TransitionChild), vue.mergeProps({ as: "template" }, vue.unref(transitionClass)), {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(vue$1.DialogPanel), { class: "relative h-full max-h-4/5 w-full flex flex-col text-left lg-max-w-2xl" }, {
-                        default: vue.withCtx(() => [
-                          vue.createElementVNode("div", _hoisted_4, [
-                            vue.createElementVNode("div", _hoisted_5, [
-                              vue.createVNode(index_vue_vue_type_script_setup_true_lang, {
-                                name: "i-ep:search",
-                                size: 18,
-                                class: "text-stone-5"
-                              }),
-                              vue.withDirectives(vue.createElementVNode("input", {
-                                ref_key: "searchInputRef",
-                                ref: searchInputRef,
-                                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(searchInput) ? searchInput.value = $event : null),
-                                placeholder: "搜索页面，支持标题、URL模糊查询",
-                                class: "w-full border-0 rounded-md bg-transparent px-3 text-base text-dark dark-text-white focus-outline-none placeholder-stone-4 dark-placeholder-stone-5",
-                                onKeydown: [
-                                  _cache[1] || (_cache[1] = vue.withKeys(($event) => vue.unref(eventBus).emit("global-search-toggle"), ["esc"])),
-                                  vue.withKeys(vue.withModifiers(keyUp, ["prevent"]), ["up"]),
-                                  vue.withKeys(vue.withModifiers(keyDown, ["prevent"]), ["down"]),
-                                  vue.withKeys(vue.withModifiers(keyEnter, ["prevent"]), ["enter"])
-                                ]
-                              }, null, 40, _hoisted_6), [
-                                [vue.vModelText, vue.unref(searchInput)]
-                              ])
-                            ]),
-                            vue.createVNode(vue.unref(vue$1.DialogDescription), { class: "relative m-0 of-y-hidden" }, {
-                              default: vue.withCtx(() => [
-                                vue.createVNode(vue.unref(overlayscrollbarsVue.OverlayScrollbarsComponent), {
-                                  ref_key: "searchResultRef",
-                                  ref: searchResultRef,
-                                  options: {
-                                    scrollbars: { autoHide: "leave", autoHideDelay: 300 }
-                                  },
-                                  defer: "",
-                                  class: "h-full"
-                                }, {
-                                  default: vue.withCtx(() => [
-                                    vue.unref(resultList).length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(vue.unref(resultList), (item, index2) => {
-                                      return vue.openBlock(), vue.createElementBlock("a", {
-                                        ref_for: true,
-                                        ref_key: "searchResultItemRef",
-                                        ref: searchResultItemRef,
-                                        key: item.path,
-                                        class: vue.normalizeClass(["flex cursor-pointer items-center", {
-                                          "bg-stone-2/40 dark-bg-stone-7/40": index2 === vue.unref(actived)
-                                        }]),
-                                        "data-index": index2,
-                                        onClick: ($event) => pageJump(item.path, item.link),
-                                        onMouseover: ($event) => actived.value = index2
-                                      }, [
-                                        item.icon ? (vue.openBlock(), vue.createBlock(index_vue_vue_type_script_setup_true_lang, {
-                                          key: 0,
-                                          name: item.icon,
-                                          size: 20,
-                                          class: vue.normalizeClass(["basis-16 transition", {
-                                            "scale-120 text-ui-primary": index2 === vue.unref(actived)
-                                          }])
-                                        }, null, 8, ["name", "class"])) : vue.createCommentVNode("", true),
-                                        vue.createElementVNode("div", _hoisted_8, [
-                                          vue.createElementVNode("div", _hoisted_9, vue.toDisplayString((typeof item.title === "function" ? item.title() : item.title) ?? "[ 无标题 ]"), 1),
-                                          item.breadcrumb.length ? (vue.openBlock(), vue.createBlock(index$1, {
-                                            key: 0,
-                                            class: "truncate"
-                                          }, {
-                                            default: vue.withCtx(() => [
-                                              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.breadcrumb, (bc, bcIndex) => {
-                                                return vue.openBlock(), vue.createBlock(item_vue_vue_type_script_setup_true_lang, {
-                                                  key: bcIndex,
-                                                  class: "text-xs"
-                                                }, {
-                                                  default: vue.withCtx(() => [
-                                                    vue.createTextVNode(vue.toDisplayString((typeof bc.title === "function" ? bc.title() : bc.title) ?? "[ 无标题 ]"), 1)
-                                                  ]),
-                                                  _: 2
-                                                }, 1024);
-                                              }), 128))
-                                            ]),
-                                            _: 2
-                                          }, 1024)) : vue.createCommentVNode("", true)
-                                        ])
-                                      ], 42, _hoisted_7);
-                                    }), 128)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
-                                      vue.createVNode(index_vue_vue_type_script_setup_true_lang, {
-                                        name: "i-tabler:mood-empty",
-                                        size: 40
-                                      }),
-                                      _hoisted_11
-                                    ]))
-                                  ]),
-                                  _: 1
-                                }, 512)
-                              ]),
-                              _: 1
-                            }),
-                            vue.unref(settingsStore).mode === "pc" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
-                              vue.createElementVNode("div", _hoisted_13, [
-                                vue.createElementVNode("div", _hoisted_14, [
-                                  vue.createVNode(HKbd, null, {
-                                    default: vue.withCtx(() => [
-                                      vue.createVNode(index_vue_vue_type_script_setup_true_lang, {
-                                        name: "i-ion:md-return-left",
-                                        size: 14
-                                      })
-                                    ]),
-                                    _: 1
-                                  }),
-                                  _hoisted_15
-                                ]),
-                                vue.createElementVNode("div", _hoisted_16, [
-                                  vue.createVNode(HKbd, null, {
-                                    default: vue.withCtx(() => [
-                                      vue.createVNode(index_vue_vue_type_script_setup_true_lang, {
-                                        name: "i-ant-design:caret-up-filled",
-                                        size: 14
-                                      })
-                                    ]),
-                                    _: 1
-                                  }),
-                                  vue.createVNode(HKbd, null, {
-                                    default: vue.withCtx(() => [
-                                      vue.createVNode(index_vue_vue_type_script_setup_true_lang, {
-                                        name: "i-ant-design:caret-down-filled",
-                                        size: 14
-                                      })
-                                    ]),
-                                    _: 1
-                                  }),
-                                  _hoisted_17
-                                ])
-                              ]),
-                              vue.unref(settingsStore).settings.navSearch.enableHotkeys ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18, [
-                                vue.createVNode(HKbd, null, {
-                                  default: vue.withCtx(() => [
-                                    vue.createTextVNode(" ESC ")
-                                  ]),
-                                  _: 1
-                                }),
-                                _hoisted_19
-                              ])) : vue.createCommentVNode("", true)
-                            ])) : vue.createCommentVNode("", true)
-                          ])
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }, 16)
-                ])
-              ])
-            ]),
-            _: 1
-          }, 8, ["initial-focus"])
-        ]),
-        _: 1
-      }, 8, ["show"]);
-    };
-  }
-});
-module.exports = _sfc_main;
-//# sourceMappingURL=index.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../../src/layouts/new/components/Search/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { useRouter } from \"vue-router\";\r\nimport {\r\n  Dialog,\r\n  DialogDescription,\r\n  DialogPanel,\r\n  TransitionChild,\r\n  TransitionRoot,\r\n} from \"@headlessui/vue\";\r\nimport type { OverlayScrollbarsComponentRef } from \"overlayscrollbars-vue\";\r\nimport { OverlayScrollbarsComponent } from \"overlayscrollbars-vue\";\r\nimport { cloneDeep } from \"lodash-es\";\r\nimport hotkeys from \"hotkeys-js\";\r\nimport Breadcrumb from \"../Breadcrumb/index.vue\";\r\nimport BreadcrumbItem from \"../Breadcrumb/item.vue\";\r\nimport { resolveRoutePath } from \"../../../../utils/index\";\r\nimport eventBus from \"../../../../utils/eventBus\";\r\nimport useSettingsStore from \"../../../../store/modules/settings\";\r\nimport useMenuStore from \"../../../../store/modules/menu\";\r\nimport type { Menu } from \"../../../../types/global\";\r\nimport SvgIcon from \"../../common/components/SvgIcon/index.vue\";\r\nimport HKbd from \"../../ui-kit/HKbd.vue\";\r\n\r\ndefineOptions({\r\n  name: \"Search\",\r\n});\r\n\r\nconst overlayTransitionClass = ref({\r\n  enter: \"ease-in-out duration-500\",\r\n  enterFrom: \"opacity-0\",\r\n  enterTo: \"opacity-100\",\r\n  leave: \"ease-in-out duration-500\",\r\n  leaveFrom: \"opacity-100\",\r\n  leaveTo: \"opacity-0\",\r\n});\r\n\r\nconst transitionClass = computed(() => {\r\n  return {\r\n    enter: \"ease-out duration-300\",\r\n    enterFrom: \"opacity-0 translate-y-4 lg-translate-y-0 lg-scale-95\",\r\n    enterTo: \"opacity-100 translate-y-0 lg-scale-100\",\r\n    leave: \"ease-in duration-200\",\r\n    leaveFrom: \"opacity-100 translate-y-0 lg-scale-100\",\r\n    leaveTo: \"opacity-0 translate-y-4 lg-translate-y-0 lg-scale-95\",\r\n  };\r\n});\r\n\r\nconst router = useRouter();\r\nconst settingsStore = useSettingsStore();\r\nconst menuStore = useMenuStore();\r\n\r\ninterface listTypes {\r\n  path: string;\r\n  icon?: string;\r\n  title?: string | (() => string);\r\n  link?: string;\r\n  breadcrumb: {\r\n    title?: string | (() => string);\r\n  }[];\r\n}\r\n\r\nconst isShow = ref(false);\r\nconst searchInput = ref(\"\");\r\nconst sourceList = ref<listTypes[]>([]);\r\nconst actived = ref(-1);\r\n\r\nconst searchInputRef = ref();\r\nconst searchResultRef = ref<OverlayScrollbarsComponentRef>();\r\nconst searchResultItemRef = ref<HTMLElement[]>([]);\r\nonBeforeUpdate(() => {\r\n  searchResultItemRef.value = [];\r\n});\r\n\r\nconst resultList = computed(() => {\r\n  let result = [];\r\n  result = sourceList.value.filter((item) => {\r\n    let flag = false;\r\n    if (item.title) {\r\n      if (typeof item.title === \"function\") {\r\n        if (item.title().includes(searchInput.value)) {\r\n          flag = true;\r\n        }\r\n      } else {\r\n        if (item.title.includes(searchInput.value)) {\r\n          flag = true;\r\n        }\r\n      }\r\n    }\r\n    if (item.path.includes(searchInput.value)) {\r\n      flag = true;\r\n    }\r\n    if (\r\n      item.breadcrumb.some((b) => {\r\n        if (typeof b.title === \"function\") {\r\n          if (b.title().includes(searchInput.value)) {\r\n            return true;\r\n          }\r\n        } else {\r\n          if (b.title?.includes(searchInput.value)) {\r\n            return true;\r\n          }\r\n        }\r\n        return false;\r\n      })\r\n    ) {\r\n      flag = true;\r\n    }\r\n    return flag;\r\n  });\r\n  return result;\r\n});\r\n\r\nwatch(\r\n  () => isShow.value,\r\n  (val) => {\r\n    if (val) {\r\n      searchInput.value = \"\";\r\n      actived.value = -1;\r\n      // 当搜索显示的时候绑定上、下、回车快捷键，隐藏的时候再解绑。另外当 input 处于 focus 状态时，采用 vue 来绑定键盘事件\r\n      hotkeys(\"up\", keyUp);\r\n      hotkeys(\"down\", keyDown);\r\n      hotkeys(\"enter\", keyEnter);\r\n    } else {\r\n      hotkeys.unbind(\"up\", keyUp);\r\n      hotkeys.unbind(\"down\", keyDown);\r\n      hotkeys.unbind(\"enter\", keyEnter);\r\n    }\r\n  }\r\n);\r\nwatch(\r\n  () => resultList.value,\r\n  () => {\r\n    actived.value = -1;\r\n    handleScroll();\r\n  }\r\n);\r\n\r\nonMounted(() => {\r\n  eventBus.on(\"global-search-toggle\", () => {\r\n    if (!isShow.value) {\r\n      initSourceList();\r\n    }\r\n    isShow.value = !isShow.value;\r\n  });\r\n  hotkeys(\"alt+s\", (e) => {\r\n    if (\r\n      settingsStore.settings.toolbar.navSearch &&\r\n      settingsStore.settings.navSearch.enableHotkeys\r\n    ) {\r\n      e.preventDefault();\r\n      initSourceList();\r\n      isShow.value = true;\r\n    }\r\n  });\r\n  hotkeys(\"esc\", (e) => {\r\n    if (\r\n      settingsStore.settings.toolbar.navSearch &&\r\n      settingsStore.settings.navSearch.enableHotkeys\r\n    ) {\r\n      e.preventDefault();\r\n      isShow.value = false;\r\n    }\r\n  });\r\n  initSourceList();\r\n});\r\n\r\nfunction initSourceList() {\r\n  sourceList.value = [];\r\n  menuStore.allMenus.forEach((item) => {\r\n    getSourceListByMenus(item.children);\r\n  });\r\n}\r\n\r\nfunction hasChildren(item: Menu.recordRaw) {\r\n  let flag = true;\r\n  if (item.children?.every((i) => i.meta?.menu === false)) {\r\n    flag = false;\r\n  }\r\n  return flag;\r\n}\r\nfunction getSourceListByMenus(\r\n  arr: Menu.recordRaw[],\r\n  basePath?: string,\r\n  icon?: string,\r\n  breadcrumb?: { title?: string | (() => string) }[]\r\n) {\r\n  arr.forEach((item) => {\r\n    if (item.meta?.menu !== false) {\r\n      const breadcrumbTemp = cloneDeep(breadcrumb) || [];\r\n      if (item.children && hasChildren(item)) {\r\n        breadcrumbTemp.push({\r\n          title: item.meta?.title,\r\n        });\r\n        getSourceListByMenus(\r\n          item.children,\r\n          resolveRoutePath(basePath, item.path),\r\n          item.meta?.icon ?? icon,\r\n          breadcrumbTemp\r\n        );\r\n      } else {\r\n        breadcrumbTemp.push({\r\n          title: item.meta?.title,\r\n        });\r\n        sourceList.value.push({\r\n          path: resolveRoutePath(basePath, item.path),\r\n          icon: item.meta?.icon ?? icon,\r\n          title: item.meta?.title,\r\n          link: item.meta?.link,\r\n          breadcrumb: breadcrumbTemp,\r\n        });\r\n      }\r\n    }\r\n  });\r\n}\r\n\r\nfunction keyUp() {\r\n  if (resultList.value.length) {\r\n    actived.value -= 1;\r\n    if (actived.value < 0) {\r\n      actived.value = resultList.value.length - 1;\r\n    }\r\n    handleScroll();\r\n  }\r\n}\r\nfunction keyDown() {\r\n  if (resultList.value.length) {\r\n    actived.value += 1;\r\n    if (actived.value > resultList.value.length - 1) {\r\n      actived.value = 0;\r\n    }\r\n    handleScroll();\r\n  }\r\n}\r\nfunction keyEnter() {\r\n  if (actived.value !== -1) {\r\n    searchResultItemRef.value\r\n      .find((item) => Number.parseInt(item.dataset.index!) === actived.value)\r\n      ?.click();\r\n  }\r\n}\r\nfunction handleScroll() {\r\n  if (searchResultRef.value) {\r\n    const contentDom = searchResultRef.value.osInstance()!.elements().content;\r\n    let scrollTo = 0;\r\n    if (actived.value !== -1) {\r\n      scrollTo = contentDom.scrollTop;\r\n      const activedOffsetTop =\r\n        searchResultItemRef.value.find(\r\n          (item) => Number.parseInt(item.dataset.index!) === actived.value\r\n        )?.offsetTop ?? 0;\r\n      const activedClientHeight =\r\n        searchResultItemRef.value.find(\r\n          (item) => Number.parseInt(item.dataset.index!) === actived.value\r\n        )?.clientHeight ?? 0;\r\n      const searchScrollTop = contentDom.scrollTop;\r\n      const searchClientHeight = contentDom.clientHeight;\r\n      if (\r\n        activedOffsetTop + activedClientHeight >\r\n        searchScrollTop + searchClientHeight\r\n      ) {\r\n        scrollTo = activedOffsetTop + activedClientHeight - searchClientHeight;\r\n      } else if (activedOffsetTop <= searchScrollTop) {\r\n        scrollTo = activedOffsetTop;\r\n      }\r\n    }\r\n    contentDom.scrollTo({\r\n      top: scrollTo,\r\n    });\r\n  }\r\n}\r\n\r\nfunction pageJump(path: listTypes[\"path\"], link: listTypes[\"link\"]) {\r\n  if (link) {\r\n    window.open(link, \"_blank\");\r\n  } else {\r\n    router.push(path);\r\n  }\r\n  isShow.value = false;\r\n}\r\n</script>\r\n\r\n<template>\r\n  <TransitionRoot as=\"template\" :show=\"isShow\">\r\n    <Dialog\r\n      :initial-focus=\"searchInputRef\"\r\n      class=\"fixed inset-0 z-2000 flex\"\r\n      @close=\"isShow && eventBus.emit('global-search-toggle')\"\r\n    >\r\n      <TransitionChild as=\"template\" v-bind=\"overlayTransitionClass\">\r\n        <div\r\n          class=\"fixed inset-0 bg-stone-200/75 backdrop-blur-sm transition-opacity dark-bg-stone-8/75\"\r\n        />\r\n      </TransitionChild>\r\n      <div class=\"fixed inset-0\">\r\n        <div\r\n          class=\"h-full flex items-end justify-center p-4 text-center lg-items-center\"\r\n        >\r\n          <TransitionChild as=\"template\" v-bind=\"transitionClass\">\r\n            <DialogPanel\r\n              class=\"relative h-full max-h-4/5 w-full flex flex-col text-left lg-max-w-2xl\"\r\n            >\r\n              <div\r\n                class=\"flex flex-col overflow-y-auto rounded-xl bg-white shadow-xl dark-bg-stone-8\"\r\n              >\r\n                <div\r\n                  class=\"flex items-center px-4 py-3\"\r\n                  border-b=\"~ solid stone-2 dark-stone-7\"\r\n                >\r\n                  <SvgIcon name=\"i-ep:search\" :size=\"18\" class=\"text-stone-5\" />\r\n                  <input\r\n                    ref=\"searchInputRef\"\r\n                    v-model=\"searchInput\"\r\n                    placeholder=\"搜索页面，支持标题、URL模糊查询\"\r\n                    class=\"w-full border-0 rounded-md bg-transparent px-3 text-base text-dark dark-text-white focus-outline-none placeholder-stone-4 dark-placeholder-stone-5\"\r\n                    @keydown.esc=\"eventBus.emit('global-search-toggle')\"\r\n                    @keydown.up.prevent=\"keyUp\"\r\n                    @keydown.down.prevent=\"keyDown\"\r\n                    @keydown.enter.prevent=\"keyEnter\"\r\n                  />\r\n                </div>\r\n                <DialogDescription class=\"relative m-0 of-y-hidden\">\r\n                  <OverlayScrollbarsComponent\r\n                    ref=\"searchResultRef\"\r\n                    :options=\"{\r\n                      scrollbars: { autoHide: 'leave', autoHideDelay: 300 },\r\n                    }\"\r\n                    defer\r\n                    class=\"h-full\"\r\n                  >\r\n                    <template v-if=\"resultList.length > 0\">\r\n                      <a\r\n                        v-for=\"(item, index) in resultList\"\r\n                        ref=\"searchResultItemRef\"\r\n                        :key=\"item.path\"\r\n                        class=\"flex cursor-pointer items-center\"\r\n                        :class=\"{\r\n                          'bg-stone-2/40 dark-bg-stone-7/40': index === actived,\r\n                        }\"\r\n                        :data-index=\"index\"\r\n                        @click=\"pageJump(item.path, item.link)\"\r\n                        @mouseover=\"actived = index\"\r\n                      >\r\n                        <SvgIcon\r\n                          v-if=\"item.icon\"\r\n                          :name=\"item.icon\"\r\n                          :size=\"20\"\r\n                          class=\"basis-16 transition\"\r\n                          :class=\"{\r\n                            'scale-120 text-ui-primary': index === actived,\r\n                          }\"\r\n                        />\r\n                        <div\r\n                          class=\"flex flex-1 flex-col gap-1 truncate px-4 py-3\"\r\n                          border-l=\"~ solid stone-2 dark-stone-7\"\r\n                        >\r\n                          <div class=\"truncate text-base font-bold\">\r\n                            {{\r\n                              (typeof item.title === \"function\"\r\n                                ? item.title()\r\n                                : item.title) ?? \"[ 无标题 ]\"\r\n                            }}\r\n                          </div>\r\n                          <Breadcrumb\r\n                            v-if=\"item.breadcrumb.length\"\r\n                            class=\"truncate\"\r\n                          >\r\n                            <BreadcrumbItem\r\n                              v-for=\"(bc, bcIndex) in item.breadcrumb\"\r\n                              :key=\"bcIndex\"\r\n                              class=\"text-xs\"\r\n                            >\r\n                              {{\r\n                                (typeof bc.title === \"function\"\r\n                                  ? bc.title()\r\n                                  : bc.title) ?? \"[ 无标题 ]\"\r\n                              }}\r\n                            </BreadcrumbItem>\r\n                          </Breadcrumb>\r\n                        </div>\r\n                      </a>\r\n                    </template>\r\n                    <template v-else>\r\n                      <div flex=\"center col\" py-6 text-stone-5>\r\n                        <SvgIcon name=\"i-tabler:mood-empty\" :size=\"40\" />\r\n                        <p m-2 text-base>没有找到你想要的</p>\r\n                      </div>\r\n                    </template>\r\n                  </OverlayScrollbarsComponent>\r\n                </DialogDescription>\r\n                <div\r\n                  v-if=\"settingsStore.mode === 'pc'\"\r\n                  class=\"flex justify-between px-4 py-3\"\r\n                  border-t=\"~ solid stone-2 dark-stone-7\"\r\n                >\r\n                  <div class=\"flex gap-8\">\r\n                    <div class=\"inline-flex items-center gap-1 text-xs\">\r\n                      <HKbd>\r\n                        <SvgIcon name=\"i-ion:md-return-left\" :size=\"14\" />\r\n                      </HKbd>\r\n                      <span>访问</span>\r\n                    </div>\r\n                    <div class=\"inline-flex items-center gap-1 text-xs\">\r\n                      <HKbd>\r\n                        <SvgIcon\r\n                          name=\"i-ant-design:caret-up-filled\"\r\n                          :size=\"14\"\r\n                        />\r\n                      </HKbd>\r\n                      <HKbd>\r\n                        <SvgIcon\r\n                          name=\"i-ant-design:caret-down-filled\"\r\n                          :size=\"14\"\r\n                        />\r\n                      </HKbd>\r\n                      <span>切换</span>\r\n                    </div>\r\n                  </div>\r\n                  <div\r\n                    v-if=\"settingsStore.settings.navSearch.enableHotkeys\"\r\n                    class=\"inline-flex items-center gap-1 text-xs\"\r\n                  >\r\n                    <HKbd> ESC </HKbd>\r\n                    <span>退出</span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </DialogPanel>\r\n          </TransitionChild>\r\n        </div>\r\n      </div>\r\n    </Dialog>\r\n  </TransitionRoot>\r\n</template>\r\n"],"names":["ref","computed","useRouter","useSettingsStore","useMenuStore","onBeforeUpdate","watch","onMounted","_a","cloneDeep","resolveRoutePath"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,UAAM,yBAAyBA,IAAAA,IAAI;AAAA,MACjC,OAAO;AAAA,MACP,WAAW;AAAA,MACX,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,MACX,SAAS;AAAA,IAAA,CACV;AAEK,UAAA,kBAAkBC,IAAAA,SAAS,MAAM;AAC9B,aAAA;AAAA,QACL,OAAO;AAAA,QACP,WAAW;AAAA,QACX,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,IACX,CACD;AAED,UAAM,SAASC,UAAAA;AACf,UAAM,gBAAgBC;AACtB,UAAM,YAAYC;AAYZ,UAAA,SAASJ,QAAI,KAAK;AAClB,UAAA,cAAcA,QAAI,EAAE;AACpB,UAAA,aAAaA,QAAiB,CAAA,CAAE;AAChC,UAAA,UAAUA,IAAAA,IAAI,EAAE;AAEtB,UAAM,iBAAiBA,IAAAA;AACvB,UAAM,kBAAkBA,IAAAA;AAClB,UAAA,sBAAsBA,QAAmB,CAAA,CAAE;AACjDK,QAAAA,eAAe,MAAM;AACnB,0BAAoB,QAAQ;IAAC,CAC9B;AAEK,UAAA,aAAaJ,IAAAA,SAAS,MAAM;AAChC,UAAI,SAAS,CAAA;AACb,eAAS,WAAW,MAAM,OAAO,CAAC,SAAS;AACzC,YAAI,OAAO;AACX,YAAI,KAAK,OAAO;AACV,cAAA,OAAO,KAAK,UAAU,YAAY;AACpC,gBAAI,KAAK,MAAM,EAAE,SAAS,YAAY,KAAK,GAAG;AACrC,qBAAA;AAAA,YACT;AAAA,UAAA,OACK;AACL,gBAAI,KAAK,MAAM,SAAS,YAAY,KAAK,GAAG;AACnC,qBAAA;AAAA,YACT;AAAA,UACF;AAAA,QACF;AACA,YAAI,KAAK,KAAK,SAAS,YAAY,KAAK,GAAG;AAClC,iBAAA;AAAA,QACT;AACA,YACE,KAAK,WAAW,KAAK,CAAC,MAAM;;AACtB,cAAA,OAAO,EAAE,UAAU,YAAY;AACjC,gBAAI,EAAE,MAAM,EAAE,SAAS,YAAY,KAAK,GAAG;AAClC,qBAAA;AAAA,YACT;AAAA,UAAA,OACK;AACL,iBAAI,OAAE,UAAF,mBAAS,SAAS,YAAY,QAAQ;AACjC,qBAAA;AAAA,YACT;AAAA,UACF;AACO,iBAAA;AAAA,QAAA,CACR,GACD;AACO,iBAAA;AAAA,QACT;AACO,eAAA;AAAA,MAAA,CACR;AACM,aAAA;AAAA,IAAA,CACR;AAEDK,QAAA;AAAA,MACE,MAAM,OAAO;AAAA,MACb,CAAC,QAAQ;AACP,YAAI,KAAK;AACP,sBAAY,QAAQ;AACpB,kBAAQ,QAAQ;AAEhB,kBAAQ,MAAM,KAAK;AACnB,kBAAQ,QAAQ,OAAO;AACvB,kBAAQ,SAAS,QAAQ;AAAA,QAAA,OACpB;AACG,kBAAA,OAAO,MAAM,KAAK;AAClB,kBAAA,OAAO,QAAQ,OAAO;AACtB,kBAAA,OAAO,SAAS,QAAQ;AAAA,QAClC;AAAA,MACF;AAAA,IAAA;AAEFA,QAAA;AAAA,MACE,MAAM,WAAW;AAAA,MACjB,MAAM;AACJ,gBAAQ,QAAQ;AACH;MACf;AAAA,IAAA;AAGFC,QAAAA,UAAU,MAAM;AACL,eAAA,GAAG,wBAAwB,MAAM;AACpC,YAAA,CAAC,OAAO,OAAO;AACF;QACjB;AACO,eAAA,QAAQ,CAAC,OAAO;AAAA,MAAA,CACxB;AACO,cAAA,SAAS,CAAC,MAAM;AACtB,YACE,cAAc,SAAS,QAAQ,aAC/B,cAAc,SAAS,UAAU,eACjC;AACA,YAAE,eAAe;AACF;AACf,iBAAO,QAAQ;AAAA,QACjB;AAAA,MAAA,CACD;AACO,cAAA,OAAO,CAAC,MAAM;AACpB,YACE,cAAc,SAAS,QAAQ,aAC/B,cAAc,SAAS,UAAU,eACjC;AACA,YAAE,eAAe;AACjB,iBAAO,QAAQ;AAAA,QACjB;AAAA,MAAA,CACD;AACc;IAAA,CAChB;AAED,aAAS,iBAAiB;AACxB,iBAAW,QAAQ;AACT,gBAAA,SAAS,QAAQ,CAAC,SAAS;AACnC,6BAAqB,KAAK,QAAQ;AAAA,MAAA,CACnC;AAAA,IACH;AAEA,aAAS,YAAY,MAAsB;;AACzC,UAAI,OAAO;AACP,WAAA,UAAK,aAAL,mBAAe,MAAM,CAAC,MAAM;;AAAA,iBAAAC,MAAA,EAAE,SAAF,gBAAAA,IAAQ,UAAS;AAAA,UAAQ;AAChD,eAAA;AAAA,MACT;AACO,aAAA;AAAA,IACT;AACA,aAAS,qBACP,KACA,UACA,MACA,YACA;AACI,UAAA,QAAQ,CAAC,SAAS;;AAChB,cAAA,UAAK,SAAL,mBAAW,UAAS,OAAO;AAC7B,gBAAM,iBAAiBC,SAAAA,UAAU,UAAU,KAAK,CAAA;AAChD,cAAI,KAAK,YAAY,YAAY,IAAI,GAAG;AACtC,2BAAe,KAAK;AAAA,cAClB,QAAO,UAAK,SAAL,mBAAW;AAAA,YAAA,CACnB;AACD;AAAA,cACE,KAAK;AAAA,cACLC,uBAAiB,UAAU,KAAK,IAAI;AAAA,gBACpC,UAAK,SAAL,mBAAW,SAAQ;AAAA,cACnB;AAAA,YAAA;AAAA,UACF,OACK;AACL,2BAAe,KAAK;AAAA,cAClB,QAAO,UAAK,SAAL,mBAAW;AAAA,YAAA,CACnB;AACD,uBAAW,MAAM,KAAK;AAAA,cACpB,MAAMA,MAAA,iBAAiB,UAAU,KAAK,IAAI;AAAA,cAC1C,QAAM,UAAK,SAAL,mBAAW,SAAQ;AAAA,cACzB,QAAO,UAAK,SAAL,mBAAW;AAAA,cAClB,OAAM,UAAK,SAAL,mBAAW;AAAA,cACjB,YAAY;AAAA,YAAA,CACb;AAAA,UACH;AAAA,QACF;AAAA,MAAA,CACD;AAAA,IACH;AAEA,aAAS,QAAQ;AACX,UAAA,WAAW,MAAM,QAAQ;AAC3B,gBAAQ,SAAS;AACb,YAAA,QAAQ,QAAQ,GAAG;AACb,kBAAA,QAAQ,WAAW,MAAM,SAAS;AAAA,QAC5C;AACa;MACf;AAAA,IACF;AACA,aAAS,UAAU;AACb,UAAA,WAAW,MAAM,QAAQ;AAC3B,gBAAQ,SAAS;AACjB,YAAI,QAAQ,QAAQ,WAAW,MAAM,SAAS,GAAG;AAC/C,kBAAQ,QAAQ;AAAA,QAClB;AACa;MACf;AAAA,IACF;AACA,aAAS,WAAW;;AACd,UAAA,QAAQ,UAAU,IAAI;AACxB,kCAAoB,MACjB,KAAK,CAAC,SAAS,OAAO,SAAS,KAAK,QAAQ,KAAM,MAAM,QAAQ,KAAK,MADxE,mBAEI;AAAA,MACN;AAAA,IACF;AACA,aAAS,eAAe;;AACtB,UAAI,gBAAgB,OAAO;AACzB,cAAM,aAAa,gBAAgB,MAAM,WAAW,EAAG,SAAW,EAAA;AAClE,YAAI,WAAW;AACX,YAAA,QAAQ,UAAU,IAAI;AACxB,qBAAW,WAAW;AAChB,gBAAA,qBACJ,yBAAoB,MAAM;AAAA,YACxB,CAAC,SAAS,OAAO,SAAS,KAAK,QAAQ,KAAM,MAAM,QAAQ;AAAA,UAAA,MAD7D,mBAEG,cAAa;AACZ,gBAAA,wBACJ,yBAAoB,MAAM;AAAA,YACxB,CAAC,SAAS,OAAO,SAAS,KAAK,QAAQ,KAAM,MAAM,QAAQ;AAAA,UAAA,MAD7D,mBAEG,iBAAgB;AACrB,gBAAM,kBAAkB,WAAW;AACnC,gBAAM,qBAAqB,WAAW;AAEpC,cAAA,mBAAmB,sBACnB,kBAAkB,oBAClB;AACA,uBAAW,mBAAmB,sBAAsB;AAAA,UAAA,WAC3C,oBAAoB,iBAAiB;AACnC,uBAAA;AAAA,UACb;AAAA,QACF;AACA,mBAAW,SAAS;AAAA,UAClB,KAAK;AAAA,QAAA,CACN;AAAA,MACH;AAAA,IACF;AAES,aAAA,SAAS,MAAyB,MAAyB;AAClE,UAAI,MAAM;AACD,eAAA,KAAK,MAAM,QAAQ;AAAA,MAAA,OACrB;AACL,eAAO,KAAK,IAAI;AAAA,MAClB;AACA,aAAO,QAAQ;AAAA,IACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +0,0 @@
-"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/Search/index.vue2.js.map

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

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

@@ -1,7 +0,0 @@
-"use strict";
-const index_vue_vue_type_script_setup_true_lang = ;/* empty css            */
-;/* empty css            */
-const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
-const SubSidebar = /* @__PURE__ */ _pluginVue_exportHelper(index_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-cd423de9"]]);
-module.exports = SubSidebar;
-//# sourceMappingURL=index.vue.js.map

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

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

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

@@ -1,124 +0,0 @@
-"use strict";
-const vue = require("vue");
-const core = require("@vueuse/core");
-const index_vue_vue_type_script_setup_true_lang = require("../Logo/index.vue.js");
-const index_vue_vue_type_script_setup_true_lang$1 = require("../Menu/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$2 = require("../../common/components/SvgIcon/index.vue.js");
-const vueRouter = require("vue-router");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    name: "SubSidebar"
-  },
-  __name: "index",
-  setup(__props) {
-    const route = vueRouter.useRoute();
-    const settingsStore = settings();
-    const menuStore = menu();
-    const subSidebarRef = vue.ref();
-    const showShadowTop = vue.ref(false);
-    const showShadowBottom = vue.ref(false);
-    function onSidebarScroll() {
-      const scrollTop = subSidebarRef.value.scrollTop;
-      showShadowTop.value = scrollTop > 0;
-      const clientHeight = subSidebarRef.value.clientHeight;
-      const scrollHeight = subSidebarRef.value.scrollHeight;
-      showShadowBottom.value = Math.ceil(scrollTop + clientHeight) < scrollHeight;
-    }
-    const enableSidebar = vue.computed(() => {
-      return settingsStore.mode === "mobile" || menuStore.sidebarMenus.length !== 0 && !menuStore.sidebarMenus.every((item) => {
-        var _a;
-        return ((_a = item.meta) == null ? void 0 : _a.menu) === false;
-      });
-    });
-    vue.watch(enableSidebar, (val) => {
-      if (val) {
-        vue.nextTick(() => {
-          onSidebarScroll();
-        });
-      }
-    }, {
-      immediate: true
-    });
-    const menuRef = vue.ref();
-    vue.onMounted(() => {
-      if (enableSidebar.value) {
-        const { height } = core.useElementSize(menuRef);
-        vue.watch(() => height.value, () => {
-          if (height.value > 0) {
-            onSidebarScroll();
-          }
-        }, {
-          immediate: true
-        });
-      }
-    });
-    return (_ctx, _cache) => {
-      return vue.unref(enableSidebar) ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        class: vue.normalizeClass(["sub-sidebar-container", {
-          "is-collapse": vue.unref(settingsStore).mode === "pc" && vue.unref(settingsStore).settings.menu.subMenuCollapse
-        }])
-      }, [
-        vue.createVNode(index_vue_vue_type_script_setup_true_lang, {
-          "show-logo": vue.unref(settingsStore).settings.menu.mode === "single",
-          class: vue.normalizeClass(["sidebar-logo", {
-            "sidebar-logo-bg": vue.unref(settingsStore).settings.menu.mode === "single"
-          }])
-        }, null, 8, ["show-logo", "class"]),
-        vue.createElementVNode("div", {
-          ref_key: "subSidebarRef",
-          ref: subSidebarRef,
-          class: vue.normalizeClass(["sub-sidebar flex-1 transition-shadow-300", {
-            "shadow-top": vue.unref(showShadowTop),
-            "shadow-bottom": vue.unref(showShadowBottom)
-          }]),
-          onScroll: onSidebarScroll
-        }, [
-          vue.createElementVNode("div", {
-            ref_key: "menuRef",
-            ref: menuRef
-          }, [
-            vue.createVNode(vue.TransitionGroup, { name: "sub-sidebar" }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(menuStore).allMenus, (mainItem, mainIndex) => {
-                  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", { key: mainIndex }, [
-                    vue.createVNode(index_vue_vue_type_script_setup_true_lang$1, {
-                      menu: mainItem.children,
-                      value: vue.unref(route).name,
-                      "default-openeds": vue.unref(menuStore).defaultOpenedPaths,
-                      accordion: vue.unref(settingsStore).settings.menu.subMenuUniqueOpened,
-                      collapse: vue.unref(settingsStore).mode === "pc" && vue.unref(settingsStore).settings.menu.subMenuCollapse,
-                      class: vue.normalizeClass(["menu", {
-                        "-mt-2": !["head", "single"].includes(vue.unref(settingsStore).settings.menu.mode)
-                      }])
-                    }, null, 8, ["menu", "value", "default-openeds", "accordion", "collapse", "class"])
-                  ], 512)), [
-                    [vue.vShow, mainIndex === vue.unref(menuStore).actived]
-                  ]);
-                }), 128))
-              ]),
-              _: 1
-            })
-          ], 512)
-        ], 34),
-        vue.unref(settingsStore).mode === "pc" ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: vue.normalizeClass(["relative flex items-center px-4 py-3", [vue.unref(settingsStore).settings.menu.subMenuCollapse ? "justify-center" : "justify-end"]])
-        }, [
-          vue.withDirectives(vue.createElementVNode("span", {
-            class: vue.normalizeClass(["flex-center cursor-pointer rounded bg-stone-1 p-2 transition dark-bg-stone-9 hover-bg-stone-2 dark-hover-bg-stone-8", { "-rotate-z-180": vue.unref(settingsStore).settings.menu.subMenuCollapse }]),
-            onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(settingsStore).toggleSidebarCollapse())
-          }, [
-            vue.createVNode(index_vue_vue_type_script_setup_true_lang$2, { name: "toolbar-collapse" })
-          ], 2), [
-            [vue.vShow, vue.unref(settingsStore).settings.menu.enableSubMenuCollapseButton]
-          ])
-        ], 2)) : vue.createCommentVNode("", true)
-      ], 2)) : vue.createCommentVNode("", true);
-    };
-  }
-});
-module.exports = _sfc_main;
-//# sourceMappingURL=index.vue2.js.map