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

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

@@ -0,0 +1,462 @@
+import { defineComponent, ref, computed, onBeforeUpdate, watch, onMounted, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, createElementVNode, withDirectives, isRef, withKeys, withModifiers, vModelText, createElementBlock, Fragment, renderList, normalizeClass, createCommentVNode, toDisplayString, createTextVNode } from "vue";
+import { useRouter } from "vue-router";
+import { TransitionRoot, Dialog, TransitionChild, DialogPanel, DialogDescription } from "@headlessui/vue";
+import { OverlayScrollbarsComponent } from "overlayscrollbars-vue";
+import { cloneDeep } from "lodash-es";
+import hotkeys from "hotkeys-js";
+import Breadcrumb from "../Breadcrumb/index.vue.js";
+import _sfc_main$2 from "../Breadcrumb/item.vue.js";
+import { resolveRoutePath } from "../../../../utils/index.js";
+import eventBus from "../../../../utils/eventBus.js";
+import useSettingsStore from "../../../../store/modules/settings.js";
+import useMenuStore from "../../../../store/modules/menu.js";
+import _sfc_main$1 from "../../common/components/SvgIcon/index.vue.js";
+import HKbd from "../../ui-kit/HKbd.vue.js";
+const _hoisted_1 = /* @__PURE__ */ 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__ */ 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__ */ createElementVNode("span", null, "访问", -1);
+const _hoisted_16 = { class: "inline-flex items-center gap-1 text-xs" };
+const _hoisted_17 = /* @__PURE__ */ createElementVNode("span", null, "切换", -1);
+const _hoisted_18 = {
+  key: 0,
+  class: "inline-flex items-center gap-1 text-xs"
+};
+const _hoisted_19 = /* @__PURE__ */ createElementVNode("span", null, "退出", -1);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Search"
+  },
+  __name: "index",
+  setup(__props) {
+    const overlayTransitionClass = 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 = 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 = useRouter();
+    const settingsStore = useSettingsStore();
+    const menuStore = useMenuStore();
+    const isShow = ref(false);
+    const searchInput = ref("");
+    const sourceList = ref([]);
+    const actived = ref(-1);
+    const searchInputRef = ref();
+    const searchResultRef = ref();
+    const searchResultItemRef = ref([]);
+    onBeforeUpdate(() => {
+      searchResultItemRef.value = [];
+    });
+    const resultList = 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;
+    });
+    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);
+        }
+      }
+    );
+    watch(
+      () => resultList.value,
+      () => {
+        actived.value = -1;
+        handleScroll();
+      }
+    );
+    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 = cloneDeep(breadcrumb) || [];
+          if (item.children && hasChildren(item)) {
+            breadcrumbTemp.push({
+              title: (_b = item.meta) == null ? void 0 : _b.title
+            });
+            getSourceListByMenus(
+              item.children,
+              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: 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 openBlock(), createBlock(unref(TransitionRoot), {
+        as: "template",
+        show: unref(isShow)
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(Dialog), {
+            "initial-focus": unref(searchInputRef),
+            class: "fixed inset-0 z-2000 flex",
+            onClose: _cache[2] || (_cache[2] = ($event) => unref(isShow) && unref(eventBus).emit("global-search-toggle"))
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(TransitionChild), mergeProps({ as: "template" }, unref(overlayTransitionClass)), {
+                default: withCtx(() => [
+                  _hoisted_1
+                ]),
+                _: 1
+              }, 16),
+              createElementVNode("div", _hoisted_2, [
+                createElementVNode("div", _hoisted_3, [
+                  createVNode(unref(TransitionChild), mergeProps({ as: "template" }, unref(transitionClass)), {
+                    default: withCtx(() => [
+                      createVNode(unref(DialogPanel), { class: "relative h-full max-h-4/5 w-full flex flex-col text-left lg-max-w-2xl" }, {
+                        default: withCtx(() => [
+                          createElementVNode("div", _hoisted_4, [
+                            createElementVNode("div", _hoisted_5, [
+                              createVNode(_sfc_main$1, {
+                                name: "i-ep:search",
+                                size: 18,
+                                class: "text-stone-5"
+                              }),
+                              withDirectives(createElementVNode("input", {
+                                ref_key: "searchInputRef",
+                                ref: searchInputRef,
+                                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => 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] = withKeys(($event) => unref(eventBus).emit("global-search-toggle"), ["esc"])),
+                                  withKeys(withModifiers(keyUp, ["prevent"]), ["up"]),
+                                  withKeys(withModifiers(keyDown, ["prevent"]), ["down"]),
+                                  withKeys(withModifiers(keyEnter, ["prevent"]), ["enter"])
+                                ]
+                              }, null, 40, _hoisted_6), [
+                                [vModelText, unref(searchInput)]
+                              ])
+                            ]),
+                            createVNode(unref(DialogDescription), { class: "relative m-0 of-y-hidden" }, {
+                              default: withCtx(() => [
+                                createVNode(unref(OverlayScrollbarsComponent), {
+                                  ref_key: "searchResultRef",
+                                  ref: searchResultRef,
+                                  options: {
+                                    scrollbars: { autoHide: "leave", autoHideDelay: 300 }
+                                  },
+                                  defer: "",
+                                  class: "h-full"
+                                }, {
+                                  default: withCtx(() => [
+                                    unref(resultList).length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(resultList), (item, index) => {
+                                      return openBlock(), createElementBlock("a", {
+                                        ref_for: true,
+                                        ref_key: "searchResultItemRef",
+                                        ref: searchResultItemRef,
+                                        key: item.path,
+                                        class: normalizeClass(["flex cursor-pointer items-center", {
+                                          "bg-stone-2/40 dark-bg-stone-7/40": index === unref(actived)
+                                        }]),
+                                        "data-index": index,
+                                        onClick: ($event) => pageJump(item.path, item.link),
+                                        onMouseover: ($event) => actived.value = index
+                                      }, [
+                                        item.icon ? (openBlock(), createBlock(_sfc_main$1, {
+                                          key: 0,
+                                          name: item.icon,
+                                          size: 20,
+                                          class: normalizeClass(["basis-16 transition", {
+                                            "scale-120 text-ui-primary": index === unref(actived)
+                                          }])
+                                        }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                                        createElementVNode("div", _hoisted_8, [
+                                          createElementVNode("div", _hoisted_9, toDisplayString((typeof item.title === "function" ? item.title() : item.title) ?? "[ 无标题 ]"), 1),
+                                          item.breadcrumb.length ? (openBlock(), createBlock(Breadcrumb, {
+                                            key: 0,
+                                            class: "truncate"
+                                          }, {
+                                            default: withCtx(() => [
+                                              (openBlock(true), createElementBlock(Fragment, null, renderList(item.breadcrumb, (bc, bcIndex) => {
+                                                return openBlock(), createBlock(_sfc_main$2, {
+                                                  key: bcIndex,
+                                                  class: "text-xs"
+                                                }, {
+                                                  default: withCtx(() => [
+                                                    createTextVNode(toDisplayString((typeof bc.title === "function" ? bc.title() : bc.title) ?? "[ 无标题 ]"), 1)
+                                                  ]),
+                                                  _: 2
+                                                }, 1024);
+                                              }), 128))
+                                            ]),
+                                            _: 2
+                                          }, 1024)) : createCommentVNode("", true)
+                                        ])
+                                      ], 42, _hoisted_7);
+                                    }), 128)) : (openBlock(), createElementBlock("div", _hoisted_10, [
+                                      createVNode(_sfc_main$1, {
+                                        name: "i-tabler:mood-empty",
+                                        size: 40
+                                      }),
+                                      _hoisted_11
+                                    ]))
+                                  ]),
+                                  _: 1
+                                }, 512)
+                              ]),
+                              _: 1
+                            }),
+                            unref(settingsStore).mode === "pc" ? (openBlock(), createElementBlock("div", _hoisted_12, [
+                              createElementVNode("div", _hoisted_13, [
+                                createElementVNode("div", _hoisted_14, [
+                                  createVNode(HKbd, null, {
+                                    default: withCtx(() => [
+                                      createVNode(_sfc_main$1, {
+                                        name: "i-ion:md-return-left",
+                                        size: 14
+                                      })
+                                    ]),
+                                    _: 1
+                                  }),
+                                  _hoisted_15
+                                ]),
+                                createElementVNode("div", _hoisted_16, [
+                                  createVNode(HKbd, null, {
+                                    default: withCtx(() => [
+                                      createVNode(_sfc_main$1, {
+                                        name: "i-ant-design:caret-up-filled",
+                                        size: 14
+                                      })
+                                    ]),
+                                    _: 1
+                                  }),
+                                  createVNode(HKbd, null, {
+                                    default: withCtx(() => [
+                                      createVNode(_sfc_main$1, {
+                                        name: "i-ant-design:caret-down-filled",
+                                        size: 14
+                                      })
+                                    ]),
+                                    _: 1
+                                  }),
+                                  _hoisted_17
+                                ])
+                              ]),
+                              unref(settingsStore).settings.navSearch.enableHotkeys ? (openBlock(), createElementBlock("div", _hoisted_18, [
+                                createVNode(HKbd, null, {
+                                  default: withCtx(() => [
+                                    createTextVNode(" ESC ")
+                                  ]),
+                                  _: 1
+                                }),
+                                _hoisted_19
+                              ])) : createCommentVNode("", true)
+                            ])) : createCommentVNode("", true)
+                          ])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 16)
+                ])
+              ])
+            ]),
+            _: 1
+          }, 8, ["initial-focus"])
+        ]),
+        _: 1
+      }, 8, ["show"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue.js.map

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

@@ -0,0 +1 @@
+{"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":["_a"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+import _sfc_main from "./index.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue2.js.map

package/dist/esm/layouts/new/components/Search/index.vue2.js.map

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

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

@@ -0,0 +1,8 @@
+import _sfc_main from "./index.vue2.js";
+/* empty css           */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const SubSidebar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cd423de9"]]);
+export {
+  SubSidebar as default
+};
+//# sourceMappingURL=index.vue.js.map

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

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

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

@@ -0,0 +1,125 @@
+import { defineComponent, ref, computed, watch, nextTick, onMounted, unref, openBlock, createElementBlock, normalizeClass, createVNode, createElementVNode, TransitionGroup, withCtx, Fragment, renderList, withDirectives, vShow, createCommentVNode } from "vue";
+import { useElementSize } from "@vueuse/core";
+import _sfc_main$1 from "../Logo/index.vue.js";
+import _sfc_main$2 from "../Menu/index.vue.js";
+import useSettingsStore from "../../../../store/modules/settings.js";
+import useMenuStore from "../../../../store/modules/menu.js";
+import _sfc_main$3 from "../../common/components/SvgIcon/index.vue.js";
+import { useRoute } from "vue-router";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SubSidebar"
+  },
+  __name: "index",
+  setup(__props) {
+    const route = useRoute();
+    const settingsStore = useSettingsStore();
+    const menuStore = useMenuStore();
+    const subSidebarRef = ref();
+    const showShadowTop = ref(false);
+    const showShadowBottom = 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 = 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;
+      });
+    });
+    watch(enableSidebar, (val) => {
+      if (val) {
+        nextTick(() => {
+          onSidebarScroll();
+        });
+      }
+    }, {
+      immediate: true
+    });
+    const menuRef = ref();
+    onMounted(() => {
+      if (enableSidebar.value) {
+        const { height } = useElementSize(menuRef);
+        watch(() => height.value, () => {
+          if (height.value > 0) {
+            onSidebarScroll();
+          }
+        }, {
+          immediate: true
+        });
+      }
+    });
+    return (_ctx, _cache) => {
+      return unref(enableSidebar) ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["sub-sidebar-container", {
+          "is-collapse": unref(settingsStore).mode === "pc" && unref(settingsStore).settings.menu.subMenuCollapse
+        }])
+      }, [
+        createVNode(_sfc_main$1, {
+          "show-logo": unref(settingsStore).settings.menu.mode === "single",
+          class: normalizeClass(["sidebar-logo", {
+            "sidebar-logo-bg": unref(settingsStore).settings.menu.mode === "single"
+          }])
+        }, null, 8, ["show-logo", "class"]),
+        createElementVNode("div", {
+          ref_key: "subSidebarRef",
+          ref: subSidebarRef,
+          class: normalizeClass(["sub-sidebar flex-1 transition-shadow-300", {
+            "shadow-top": unref(showShadowTop),
+            "shadow-bottom": unref(showShadowBottom)
+          }]),
+          onScroll: onSidebarScroll
+        }, [
+          createElementVNode("div", {
+            ref_key: "menuRef",
+            ref: menuRef
+          }, [
+            createVNode(TransitionGroup, { name: "sub-sidebar" }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(menuStore).allMenus, (mainItem, mainIndex) => {
+                  return withDirectives((openBlock(), createElementBlock("div", { key: mainIndex }, [
+                    createVNode(_sfc_main$2, {
+                      menu: mainItem.children,
+                      value: unref(route).name,
+                      "default-openeds": unref(menuStore).defaultOpenedPaths,
+                      accordion: unref(settingsStore).settings.menu.subMenuUniqueOpened,
+                      collapse: unref(settingsStore).mode === "pc" && unref(settingsStore).settings.menu.subMenuCollapse,
+                      class: normalizeClass(["menu", {
+                        "-mt-2": !["head", "single"].includes(unref(settingsStore).settings.menu.mode)
+                      }])
+                    }, null, 8, ["menu", "value", "default-openeds", "accordion", "collapse", "class"])
+                  ], 512)), [
+                    [vShow, mainIndex === unref(menuStore).actived]
+                  ]);
+                }), 128))
+              ]),
+              _: 1
+            })
+          ], 512)
+        ], 34),
+        unref(settingsStore).mode === "pc" ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["relative flex items-center px-4 py-3", [unref(settingsStore).settings.menu.subMenuCollapse ? "justify-center" : "justify-end"]])
+        }, [
+          withDirectives(createElementVNode("span", {
+            class: 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": unref(settingsStore).settings.menu.subMenuCollapse }]),
+            onClick: _cache[0] || (_cache[0] = ($event) => unref(settingsStore).toggleSidebarCollapse())
+          }, [
+            createVNode(_sfc_main$3, { name: "toolbar-collapse" })
+          ], 2), [
+            [vShow, unref(settingsStore).settings.menu.enableSubMenuCollapseButton]
+          ])
+        ], 2)) : createCommentVNode("", true)
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue2.js.map