@dt-frames/ui 2.0.4 → 2.0.5

package/es/theme/index.js

@@ -1,13 +1,16 @@
-import { BackTop, Breadcrumb, Empty, InputSearch, Popover, Avatar, Tooltip, Select, Switch, Divider, Button, Drawer, MenuItem, SubMenu, Menu, LayoutHeader, LayoutSider, MenuDivider, Dropdown, TabPane, Tabs, LayoutContent, Layout, ConfigProvider } from "ant-design-vue/es";
+import { BackTop, MenuItem, MenuDivider, Menu, Dropdown, TabPane, Tabs, Breadcrumb, Empty, InputSearch, Popover, Avatar, Tooltip, Select, Switch, Divider, Button, Drawer, SubMenu, LayoutHeader, LayoutSider, LayoutContent, Layout, ConfigProvider } from "ant-design-vue/es";
 import "ant-design-vue/es/config-provider/style";
 import "ant-design-vue/es/layout/style";
-import { toRaw, unref, computed, onMounted, nextTick, defineComponent, openBlock, createBlock, createCommentVNode, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, withDirectives, toDisplayString, vShow, ref, watchEffect, createVNode, withCtx, Fragment, renderList, resolveDirective, getCurrentInstance, inject, onUnmounted, h, provide, onBeforeUnmount, resolveDynamicComponent, renderSlot, mergeProps, createTextVNode, watch, normalizeProps, guardReactiveProps, resolveComponent, reactive, toRef, withModifiers, Transition, createSlots, KeepAlive } from "vue";
+import { toRaw, unref, computed, onMounted, nextTick, defineComponent, openBlock, createBlock, createCommentVNode, createElementBlock, createElementVNode, reactive, withCtx, createVNode, Fragment, renderList, normalizeClass, toDisplayString, ref, watch, createSlots, getCurrentInstance, inject, onUnmounted, h, provide, onBeforeUnmount, normalizeStyle, resolveDynamicComponent, renderSlot, mergeProps, withDirectives, vShow, watchEffect, resolveDirective, createTextVNode, normalizeProps, guardReactiveProps, resolveComponent, toRef, withModifiers, Transition, KeepAlive } from "vue";
 import { useRouter, RouterView } from "vue-router";
-import { DtCache, CacheKey, deepMerge, Pages, useGo, useRedo, Language, isObject, useTimeoutFn, useI18n, isBoolean, localeList, changeLocale, off, on, getParentSlots, isFunction, copyText, isUrl, openWindow, isNullAndUnDef, menuList2Map, useApp, withInstall as withInstall$1 } from "@dt-frames/core";
+import { DtCache, CacheKey, deepMerge, Pages, useGo, useRedo, Language, isObject, useTimeoutFn, useI18n, isNullAndUnDef, menuList2Map, off, on, getParentSlots, isBoolean, localeList, changeLocale, isFunction, copyText, isUrl, openWindow, useApp, withInstall as withInstall$1 } from "@dt-frames/core";
 import { defineStore } from "pinia";
 import { trim } from "lodash-es";
 import { useDebounceFn, useFullscreen, useThrottleFn } from "@vueuse/core";
 import "ant-design-vue/es/back-top/style";
+import "ant-design-vue/es/tabs/style";
+import "ant-design-vue/es/dropdown/style";
+import "ant-design-vue/es/menu/style";
 import "ant-design-vue/es/breadcrumb/style";
 import "ant-design-vue/es/popover/style";
 import "ant-design-vue/es/input/style";
@@ -20,12 +23,11 @@ import "ant-design-vue/es/divider/style";
 import "ant-design-vue/es/tooltip/style";
 import "ant-design-vue/es/select/style";
 import "ant-design-vue/es/switch/style";
-import "ant-design-vue/es/menu/style";
-import "ant-design-vue/es/tabs/style";
-import "ant-design-vue/es/dropdown/style";
 import zhCN from "ant-design-vue/es/locale/zh_CN";
 import en from "ant-design-vue/es/locale/en_US";
-import require$$0 from "dayjs";
+import dayjs from "dayjs";
+import "dayjs/locale/zh-cn";
+import "dayjs/locale/es-us";
 var Theme = /* @__PURE__ */ ((Theme2) => {
   Theme2["DARK"] = "dark";
   Theme2["LIGHT"] = "light";
@@ -368,12 +370,14 @@ function useMultipleTab() {
   const { getRouteReuseConf } = useThemeStore();
   const getShowMultipleTab = computed(() => getRouteReuseConf.show);
   const getShowQuick = computed(() => getRouteReuseConf.showQuick);
+  const getMultipleTabPosIsTop = computed(() => getRouteReuseConf.position === "top");
   const getShowRedo = computed(() => getRouteReuseConf.showRedo);
   const getCanCache = computed(() => getRouteReuseConf.cache);
   const getCanDrag = computed(() => getRouteReuseConf.canDrag);
   return {
     getShowMultipleTab,
     getShowQuick,
+    getMultipleTabPosIsTop,
     getShowRedo,
     getCanCache,
     getCanDrag
@@ -394,7 +398,7 @@ function useHeader() {
     getIsTopMenu,
     getIsMixSidebar
   } = useMenu();
-  const { getShowMultipleTab } = useMultipleTab();
+  const { getShowMultipleTab, getMultipleTabPosIsTop } = useMultipleTab();
   const getHeaderTheme = computed(() => getHeaderConf.theme);
   const getFixed = computed(() => getHeaderConf.fixed);
   const getShowHeaderLogo = computed(() => unref(getShowLogo) && !unref(getIsSidebarType) && !unref(getIsMixSidebar));
@@ -420,7 +424,7 @@ function useHeader() {
   const getHeaderHeight = computed(() => {
     let height = 0;
     height += HEADER_HEIGHT;
-    if (unref(getShowMultipleTab) && !unref(getSplit)) {
+    if (unref(getShowMultipleTab) && !unref(getSplit) && !unref(getMultipleTabPosIsTop)) {
       height += TABS_HEIGHT;
     }
     return height;
@@ -661,228 +665,322 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$i = /* @__PURE__ */ createElementVNode("i", { class: "block i ic:baseline-autorenew" }, null, -1);
+const _hoisted_2$9 = [
+  _hoisted_1$i
+];
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
-  __name: "fullscreen",
+  __name: "TabRedo",
   setup(__props) {
-    const { toggle, isFullscreen } = useFullscreen();
+    const tabStore = useRouteReuseStore();
+    const router = useRouter();
+    function handleRedo() {
+      tabStore.refreshPage(router);
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
-        class: "dt_header_icon text-lg text-gray-800 cursor-pointer px-3 hover:bg-gray-500 hover:bg-opacity-50 transition-all duration-300",
-        onClick: _cache[0] || (_cache[0] = (...args) => unref(toggle) && unref(toggle)(...args))
-      }, [
-        createElementVNode("i", {
-          class: normalizeClass(["i block", !unref(isFullscreen) ? "ic:baseline-fullscreen" : "ic:baseline-fullscreen-exit"])
-        }, null, 2)
-      ]);
+        onClick: handleRedo,
+        class: "inline-block w-9 h-9 leading-9 -mt-0.5 text-zinc-600 text-center cursor-pointer border-l border-zinc-300 hover:text-zinc-900"
+      }, _hoisted_2$9);
     };
   }
 });
-const _hoisted_1$i = ["src"];
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
-  __name: "logo",
-  props: {
-    theme: { type: String, validator: (v) => ["light", "dark"].includes(v) },
-    showTitle: { type: Boolean, default: true }
-  },
-  setup(__props) {
-    const props = __props;
+function useTabDropdown() {
+  const router = useRouter();
+  const { currentRoute } = router;
+  const tabStore = useRouteReuseStore();
+  const state = reactive({
+    current: null,
+    currentIndex: 0
+  });
+  const getDropMenuList = computed(() => {
     const { t } = useI18n("UI");
-    const title = t("COMPANY_NAME");
-    const { getLogoWidth } = useMenu();
-    const getLogoClass = computed(() => {
-      return `${props.theme} dt-logo px-2.5 text-sm flex items-center pl-2.5 cursor-pointer text-center transition-all duration-200 ease-in-out `;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(getLogoClass)),
-        style: normalizeStyle({
-          minWidth: `${unref(getLogoWidth)}px`
-        })
-      }, [
-        createElementVNode("img", { src: "/node_modules/@dt-frames/ui/es/assets/imgs/logo/logo.png" }, null, 8, _hoisted_1$i),
-        withDirectives(createElementVNode("div", { class: "dt-logo__title text-base font-bold transition-all duration-500 pl-3" }, toDisplayString(unref(title)), 513), [
-          [vShow, __props.showTitle]
-        ])
-      ], 6);
-    };
+    const { path, meta } = unref(currentRoute);
+    const curItem = state.current;
+    const isCurItem = curItem ? curItem.path === path : false;
+    const index = state.currentIndex;
+    const closeLeftDisabled = index === 0 || !isCurItem;
+    const disabled = tabStore.getTabList.length === 1;
+    const closeRightDisabled = !isCurItem || index === tabStore.getTabList.length - 1 && tabStore.getLastDragEndIndex >= 0;
+    const dropMenuList = [
+      {
+        icon: "ic:baseline-close",
+        text: t("CLOSE_CURRENT_TAG"),
+        onClick: () => tabStore.closeTab(path, router),
+        disabled: !!meta?.affix || disabled,
+        divider: true
+      },
+      {
+        icon: "mdi:arrow-collapse-left",
+        text: t("CLOSE_LEFT_TAGS"),
+        onClick: () => tabStore.closeLeftTabs(path),
+        disabled: closeLeftDisabled,
+        divider: false
+      },
+      {
+        icon: "mdi:arrow-collapse-right",
+        text: t("CLOSE_RIGHT_TAGS"),
+        onClick: () => tabStore.closeRightTabs(path),
+        disabled: closeRightDisabled,
+        divider: true
+      },
+      {
+        icon: "ic:baseline-sync-alt",
+        text: t("CLOSE_OTHER_TAGS"),
+        onClick: () => tabStore.closeOtherTabs(path),
+        disabled: disabled || !isCurItem
+      },
+      {
+        icon: "ic:baseline-horizontal-rule",
+        text: t("CLOSE_ALL_TAGE"),
+        onClick: () => tabStore.closeAllTab(currentRoute, router),
+        disabled
+      }
+    ];
+    return dropMenuList;
+  });
+  function handleContext(e) {
+    e?.preventDefault();
+    const { path } = unref(currentRoute);
+    const index = tabStore.getTabList.findIndex((tab) => tab.path === path);
+    state.current = unref(currentRoute);
+    state.currentIndex = index;
   }
-});
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
-  __name: "trigger",
-  props: { theme: String },
-  setup(__props) {
-    const props = __props;
-    const { getCollapsed, toggleCollapsed } = useMenu();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["flex w-12 h-full cursor-pointer items-center justify-center", props.theme]),
-        onClick: _cache[0] || (_cache[0] = (...args) => unref(toggleCollapsed) && unref(toggleCollapsed)(...args))
-      }, [
-        createElementVNode("i", {
-          class: normalizeClass(["i leading-none", unref(getCollapsed) ? "ic:baseline-format-indent-increase" : "ic:baseline-format-indent-decrease"])
-        }, null, 2)
-      ], 2);
-    };
+  function handleMenuEvent(item) {
+    item.onClick?.();
   }
-});
-const _hoisted_1$h = { class: "dt-breadcrumb" };
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  __name: "bread-crumb",
+  return {
+    getDropMenuList,
+    handleContext,
+    handleMenuEvent
+  };
+}
+const _hoisted_1$h = /* @__PURE__ */ createElementVNode("i", { class: "block i ic:baseline-keyboard-arrow-down" }, null, -1);
+const _hoisted_2$8 = [
+  _hoisted_1$h
+];
+const _hoisted_3$6 = { class: "text-13" };
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
+  __name: "TabContent",
   setup(__props) {
-    const { getIsZH } = useHeader();
-    let routes = ref([]);
-    const { currentRoute = null } = useRouter();
-    watchEffect(() => {
-      if (!currentRoute || currentRoute.value.path === "/")
-        return;
-      routes.value = getBreadCrumb(currentRoute.value.path);
-    });
+    const { getDropMenuList, handleContext, handleMenuEvent } = useTabDropdown();
     return (_ctx, _cache) => {
-      const _component_ABreadcrumb = Breadcrumb;
-      return openBlock(), createElementBlock("div", _hoisted_1$h, [
-        createVNode(_component_ABreadcrumb, { routes: unref(routes) }, {
-          itemRender: withCtx(({ route }) => [
-            createElementVNode("span", null, toDisplayString((unref(getIsZH) ? route.label : route.enLabel) || route.meta?.title), 1)
-          ]),
-          _: 1
-        }, 8, ["routes"])
-      ]);
+      const _component_AMenuItem = MenuItem;
+      const _component_AMenuDivider = MenuDivider;
+      const _component_AMenu = Menu;
+      const _component_ADropdown = Dropdown;
+      return openBlock(), createBlock(_component_ADropdown, {
+        placement: "bottomRight",
+        trigger: ["click"],
+        overlayClassName: "dt-reuse-tabs__dropdown"
+      }, {
+        overlay: withCtx(() => [
+          createVNode(_component_AMenu, null, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getDropMenuList), (item, index) => {
+                return openBlock(), createElementBlock(Fragment, { key: index }, [
+                  createVNode(_component_AMenuItem, {
+                    onClick: ($event) => unref(handleMenuEvent)(item),
+                    disabled: item.disabled
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("i", {
+                        class: normalizeClass(["i pr-4", item.icon])
+                      }, null, 2),
+                      createElementVNode("span", _hoisted_3$6, toDisplayString(item.text), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick", "disabled"]),
+                  item.divider ? (openBlock(), createBlock(_component_AMenuDivider, {
+                    key: `d-${index}`
+                  })) : createCommentVNode("", true)
+                ], 64);
+              }), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        default: withCtx(() => [
+          createElementVNode("span", {
+            onClick: _cache[0] || (_cache[0] = (...args) => unref(handleContext) && unref(handleContext)(...args)),
+            class: "inline-block w-9 h-9 leading-9 -mt-0.5 text-zinc-600 text-center cursor-pointer border-l border-zinc-300 hover:text-zinc-900"
+          }, _hoisted_2$8)
+        ]),
+        _: 1
+      });
     };
   }
 });
-const _hoisted_1$g = {
-  key: 0,
-  class: "dt-menu-filter h-7 pr-2"
-};
-const _hoisted_2$9 = ["onClick"];
-const _hoisted_3$6 = {
-  key: 0,
-  class: "flex items-center justify-center h-full overflow-hidden"
-};
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  __name: "menu-filter",
-  setup(__props) {
-    const { t } = useI18n("UI");
-    const menuList = ref([]);
-    const router = useRouter();
-    const filter = ref("");
-    const { getShowSearch, getIsZH } = useHeader();
-    const isUseDef = computed(() => {
-      return isBoolean(getShowSearch.value);
-    });
-    function visibleChange(e) {
-      if (e) {
-        filterMenu();
-      } else {
-        filter.value = null;
+function initAffixTabs() {
+  const affixList = ref([]);
+  const tabStore = useRouteReuseStore();
+  const router = useRouter();
+  const filterAffixTabs = (routes = []) => {
+    return routes && routes.reduce((tabs, route) => {
+      if (route.meta && route.meta.affix) {
+        tabs.push(toRaw(route));
       }
-    }
-    function filterMenu() {
-      menuList.value = getFilterMenu(filter.value, true);
-    }
-    function navigation(url) {
-      router.push(url);
-      setTimeout(() => {
-        filter.value = "";
-        menuList.value = [];
+      return tabs;
+    }, []);
+  };
+  const addAffixTabs = () => {
+    const affixTabs = filterAffixTabs(router.getRoutes());
+    affixList.value = affixTabs;
+    for (const tab of affixTabs) {
+      tabStore.addTab({
+        meta: tab.meta,
+        name: tab.name,
+        path: tab.path
       });
     }
-    return (_ctx, _cache) => {
-      const _component_AEmpty = Empty;
-      const _component_AInputSearch = InputSearch;
-      const _component_APopover = Popover;
-      return unref(isUseDef) ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
-        createVNode(_component_APopover, {
-          placement: "bottom",
-          overlayClassName: "dt-menu-filter__popover",
-          trigger: "focus",
-          onVisibleChange: visibleChange
-        }, {
-          content: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(menuList.value, (menu) => {
-              return openBlock(), createElementBlock("p", {
-                onClick: ($event) => navigation(menu.url),
-                class: "px-5 leading-9 border-gray-200 border-dashed border-b m-0 cursor-pointer transition-all duration-300 text-13"
-              }, toDisplayString(unref(getIsZH) ? menu.label : menu.enLabel), 9, _hoisted_2$9);
-            }), 256)),
-            !menuList.value.length ? (openBlock(), createElementBlock("div", _hoisted_3$6, [
-              createVNode(_component_AEmpty, {
-                description: "\u6682\u65E0\u6570\u636E",
-                imageStyle: { width: "100%" }
-              })
-            ])) : createCommentVNode("", true)
-          ]),
+  };
+  let isAddAffix = false;
+  if (!isAddAffix) {
+    addAffixTabs();
+    isAddAffix = true;
+  }
+  return affixList.value.map((item) => item.meta?.title).filter(Boolean);
+}
+function useSortable(el, options) {
+  function initSortable() {
+    nextTick(async () => {
+      if (!el)
+        return;
+      const Sortable = (await import("sortablejs")).default;
+      Sortable.create(unref(el), {
+        animation: 500,
+        delay: 400,
+        delayOnTouchOnly: true,
+        ...options
+      });
+    });
+  }
+  return { initSortable };
+}
+function useTabsDrag(affixList) {
+  const tabStore = useRouteReuseStore();
+  const { getCanDrag } = useMultipleTab();
+  nextTick(() => {
+    if (!unref(getCanDrag))
+      return;
+    const el = document.querySelectorAll(`.dt-reuse-tabs .ant-tabs-nav-list`)?.[0];
+    const { initSortable } = useSortable(el, {
+      filter: (e) => {
+        const text = e?.target?.innerText;
+        if (!text)
+          return false;
+        return affixList.includes(text);
+      },
+      onEnd: (evt) => {
+        const { oldIndex, newIndex } = evt;
+        if (isNullAndUnDef(oldIndex) || isNullAndUnDef(newIndex) || oldIndex === newIndex)
+          return;
+        tabStore.sortTabs(oldIndex, newIndex);
+      }
+    });
+    initSortable();
+  });
+}
+const _hoisted_1$g = { class: "dt-reuse-tabs leading-8 border-b border-solid border-gray-200" };
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const { t } = useI18n("UI");
+    const router = useRouter();
+    const go = useGo(router);
+    const tabStore = useRouteReuseStore();
+    const { getShowQuick, getShowRedo } = useMultipleTab();
+    const menuLabelMap = menuList2Map();
+    const activeKeyRef = ref(null);
+    const getTabsState = computed(() => {
+      return tabStore.getTabList.filter((item) => !item.meta?.hideTab);
+    });
+    const unClose = computed(() => unref(getTabsState).length === 1);
+    function handleChange(activeKey) {
+      activeKeyRef.value = activeKey;
+      go(activeKey);
+    }
+    function handleEdit(targetKey) {
+      if (unref(unClose))
+        return;
+      tabStore.closeTab(targetKey, router);
+    }
+    const affixTextList = initAffixTabs();
+    useTabsDrag(affixTextList);
+    watch(
+      () => router.currentRoute.value.path,
+      (v) => {
+        if (v === "/" || v === "/login")
+          return;
+        const { meta = {} } = unref(router.currentRoute);
+        const { hideTab = false } = meta;
+        if (activeKeyRef.value !== v) {
+          activeKeyRef.value = v;
+        }
+        if (!hideTab) {
+          tabStore.addTab(unref(router.currentRoute));
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_ATabPane = TabPane;
+      const _component_ATabs = Tabs;
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+        createVNode(_component_ATabs, {
+          type: "editable-card",
+          size: "small",
+          animated: false,
+          hideAdd: true,
+          tabBarGutter: 3,
+          activeKey: activeKeyRef.value,
+          onChange: handleChange,
+          onEdit: handleEdit,
+          class: "h-8"
+        }, createSlots({
           default: withCtx(() => [
-            createVNode(_component_AInputSearch, {
-              value: filter.value,
-              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => filter.value = $event),
-              placeholder: unref(t)("FILTER_MORE"),
-              onInput: filterMenu,
-              size: unref(UiSize).SMALL
-            }, null, 8, ["value", "placeholder", "size"])
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getTabsState), (item) => {
+              return openBlock(), createBlock(_component_ATabPane, {
+                key: item.query ? item.fullPath : item.path,
+                closable: !(item && item.meta && item.meta.affix)
+              }, {
+                tab: withCtx(() => [
+                  createElementVNode("span", null, toDisplayString(unref(menuLabelMap).get(item.path) || unref(t)("UNKNOWN_ROUTE")), 1)
+                ]),
+                _: 2
+              }, 1032, ["closable"]);
+            }), 128))
           ]),
-          _: 1
-        })
-      ])) : createCommentVNode("", true);
+          _: 2
+        }, [
+          unref(getShowRedo) || unref(getShowQuick) ? {
+            name: "rightExtra",
+            fn: withCtx(() => [
+              unref(getShowRedo) ? (openBlock(), createBlock(unref(_sfc_main$x), { key: 0 })) : createCommentVNode("", true),
+              unref(getShowQuick) ? (openBlock(), createBlock(unref(_sfc_main$w), { key: 1 })) : createCommentVNode("", true)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["activeKey"])
+      ]);
     };
   }
 });
-const _hoisted_1$f = { class: "lang m-0" };
-const _hoisted_2$8 = ["onClick"];
-const _hoisted_3$5 = {
-  class: "pr-2",
-  size: 16
-};
-const _hoisted_4$3 = /* @__PURE__ */ createElementVNode("span", { class: "dt_header_icon text-lg text-gray-800 cursor-pointer px-3 hover:bg-gray-500 hover:bg-opacity-50 transition-all duration-300" }, [
-  /* @__PURE__ */ createElementVNode("i", { class: "block i ic:baseline-language" })
-], -1);
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
-  __name: "lang-picker",
-  props: {
-    reload: { type: Boolean }
-  },
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
+  __name: "fullscreen",
   setup(__props) {
-    const props = __props;
-    const visible = ref(false);
-    let currentLang = DtCache.getLocal(CacheKey.LOCALE);
-    async function toggleLang(lang) {
-      visible.value = false;
-      if (lang !== currentLang) {
-        currentLang = lang;
-        await changeLocale(lang);
-        props.reload && location.reload();
-      }
-    }
+    const { toggle, isFullscreen } = useFullscreen();
     return (_ctx, _cache) => {
-      const _component_APopover = Popover;
-      const _directive_icon = resolveDirective("icon");
-      return openBlock(), createBlock(_component_APopover, {
-        placement: "bottom",
-        visible: visible.value,
-        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
-        overlayClassName: "dt-lang-picker__popover",
-        trigger: "click"
-      }, {
-        content: withCtx(() => [
-          createElementVNode("ul", _hoisted_1$f, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(localeList), (it) => {
-              return openBlock(), createElementBlock("li", {
-                onClick: ($event) => toggleLang(it.event),
-                class: normalizeClass(["px-4 my-1 leading-9 flex border-gray-200 cursor-pointer hover:bg-gray-100 transition-all duration-300 text-13", it.event === unref(currentLang) ? "active bg-gray-100" : ""])
-              }, [
-                withDirectives(createElementVNode("span", _hoisted_3$5, null, 512), [
-                  [_directive_icon, it.icon]
-                ]),
-                createElementVNode("span", null, toDisplayString(it.text), 1)
-              ], 10, _hoisted_2$8);
-            }), 256))
-          ])
-        ]),
-        default: withCtx(() => [
-          _hoisted_4$3
-        ]),
-        _: 1
-      }, 8, ["visible"]);
+      return openBlock(), createElementBlock("span", {
+        class: "dt_header_icon text-lg text-gray-800 cursor-pointer px-3 hover:bg-gray-500 hover:bg-opacity-50 transition-all duration-300",
+        onClick: _cache[0] || (_cache[0] = (...args) => unref(toggle) && unref(toggle)(...args))
+      }, [
+        createElementVNode("i", {
+          class: normalizeClass(["i block", !unref(isFullscreen) ? "ic:baseline-fullscreen" : "ic:baseline-fullscreen-exit"])
+        }, null, 2)
+      ]);
     };
   }
 });
@@ -1024,8 +1122,8 @@ const Bar = defineComponent({
     );
   }
 });
-const _hoisted_1$e = { class: "scrollbar relative h-full overflow-hidden" };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _hoisted_1$f = { class: "scrollbar relative h-full overflow-hidden" };
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "scroll-bar",
   props: {
     wrapClass: {
@@ -1094,7 +1192,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
         createElementVNode("div", {
           ref_key: "wrap",
           ref: wrap,
@@ -1127,12 +1225,12 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "scroll-container",
   setup(__props) {
     const scrollbarRef = ref(null);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, mergeProps({
+      return openBlock(), createBlock(_sfc_main$t, mergeProps({
         ref_key: "scrollbarRef",
         ref: scrollbarRef
       }, _ctx.$attrs, { class: "w-full h-full" }), {
@@ -1144,7 +1242,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "slot-container",
   props: {
     template: {
@@ -1168,48 +1266,264 @@ const withInstall = (comp) => {
   };
   return comp;
 };
-const DtScrollContainer = withInstall(_sfc_main$q);
-const DtSlotContainer = withInstall(_sfc_main$p);
-const _hoisted_1$d = { class: "dt_header_icon text-lg text-gray-800 cursor-pointer px-3 hover:bg-gray-500 hover:bg-opacity-50 transition-all duration-300 relative" };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  __name: "notify",
+const DtScrollContainer = withInstall(_sfc_main$s);
+const DtSlotContainer = withInstall(_sfc_main$r);
+const logoUrl = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAYAAACMGIOFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAzfGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOS0wNS0wNlQxMToyNzoyOCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0xMC0yNFQxNDozMToxNiswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjEtMTAtMjRUMTQ6MzE6MTYrMDg6MDAiIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NWU1YmFlNWUtOTQzOS1lYjQ4LWJiMjEtZjZjM2UwOWYxODM2IiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZGU4M2YxYWYtODBkMS1kMTRlLTg5ZWMtNGE1MjUzNzFkZTcwIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6OTg1ODkwODQtMjkyYi01ODRiLTkzODAtNWJmY2E3NjJmYzk5Ij4gPHBob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4gPHJkZjpCYWc+IDxyZGY6bGk+MDBCQTBEMEExQ0M5RDAwNTMxNTlBMjBGRTcxOTA2RTg8L3JkZjpsaT4gPHJkZjpsaT4wMTQwNjdEM0ZDNjM5OTM3RTc4QkFCNDFBMzdCNzMwNTwvcmRmOmxpPiA8cmRmOmxpPjAyRDI2REY0MDMxREJFOUM5N0Q5Mzg1RjE5QTUwMUQ0PC9yZGY6bGk+IDxyZGY6bGk+MDcxNDVGQzc5RjkxODMwQjNGRUNFOUZCODNEMDZDN0M8L3JkZjpsaT4gPHJkZjpsaT4wRDgyMkI0MThFM0E2RjZCMjBDMEM2NjkwOUI0QTc5QTwvcmRmOmxpPiA8cmRmOmxpPjBGOUM0NTJBMkZGQTE3QzU4RTQ5MzVFQUU3RUJEQzI1PC9yZGY6bGk+IDxyZGY6bGk+MTY2N0I2OTg3MUJGRjQ4MThEODU5RENGMjIzOTUyMjg8L3JkZjpsaT4gPHJkZjpsaT4xOTNFMUQ2M0ExRDJEN0VBN0U0MTFBMzlBQzNENkJBMzwvcmRmOmxpPiA8cmRmOmxpPjIwNjY1MENBM0RBNUM2OURFQjZCRjAyMTQ3MEUzM0Y1PC9yZGY6bGk+IDxyZGY6bGk+MjE1QzM3NDMwNUM1MUVDQ0FENUM1RDUzQThCMEMwMkI8L3JkZjpsaT4gPHJkZjpsaT4yMThDREMzM0Y0OTE1NTMzQzRFQjMwRUIzQTU3MjM1RjwvcmRmOmxpPiA8cmRmOmxpPjI0N0QxRUVDRThCMjkzOTJCNzQ3RjVCMzQ3Rjc5RDRGPC9yZGY6bGk+IDxyZGY6bGk+MkVDOURBNDM2NEQ2RTBCRjYwNzExRDJFOUY1OEM4ODg8L3JkZjpsaT4gPHJkZjpsaT4zNzEyQTgyQjE3NEM0OUMwMDg2MTUxMEJBODEzMDlBOTwvcmRmOmxpPiA8cmRmOmxpPjNEQjIwQTEwQzQyQjZGMkZEMEMwQkYyNUZDNEU5NzFFPC9yZGY6bGk+IDxyZGY6bGk+NDFDMTBEM0IzRUFBQTUwQjI5ODRBNzY1MEM5QzQzMTc8L3JkZjpsaT4gPHJkZjpsaT40OTQxN0MwQjQxMDgxRkJDRDQxNjAwQTM1QUE0MkEwMzwvcmRmOmxpPiA8cmRmOmxpPjRCQUVBREUyQjhFMTk4MTA2MkM5RjQzMTFCREI5Njg5PC9yZGY6bGk+IDxyZGY6bGk+NEU5NTUxOEI4OUI2MjEwOTRFNDdGMEU3MUQ4MUYxRjQ8L3JkZjpsaT4gPHJkZjpsaT41NDlEOUJFODJBRjc3NzVFOTMzRDc3QjJDOEY4N0QwMDwvcmRmOmxpPiA8cmRmOmxpPjU1NTQ4QzhDN0VEODdCRDI2MUI1RTNDRTBCQzdGNUM3PC9yZGY6bGk+IDxyZGY6bGk+NTg0RjVFMjNEMEFFMDA0NUQ4OENBM0I3MTUxNDQyODk8L3JkZjpsaT4gPHJkZjpsaT41OUVDMTdCMzk5Q0Y3QzFDQkJEN0FBMDUwODYyMzY1OTwvcmRmOmxpPiA8cmRmOmxpPjVDRUFCMzA0QUVFMTUyMzVGMDM3Mjg1NTdDMjFCQTBBPC9yZGY6bGk+IDxyZGY6bGk+NUUwRkI3MDI4QjU5NDlBNEFDRkU0NjIwNjRCQjVFNTc8L3JkZjpsaT4gPHJkZjpsaT42NzlCNDI1OEZGQjVDQTZBQUM2MDgzQkJBQTNFMDYwRTwvcmRmOmxpPiA8cmRmOmxpPjZDMDkzMzdDRjQxRTU3NTQ2NTFFMTJCNkRDMTU5OTcyPC9yZGY6bGk+IDxyZGY6bGk+NzU1RTZBRjM1MzM3ODA5MkM3NzlCNDE1MDAwRDg0RkE8L3JkZjpsaT4gPHJkZjpsaT43OUJDMjI2N0QxODVCOTM4MTA4RDQ2N0ZBNEI0QzVBOTwvcmRmOmxpPiA8cmRmOmxpPjdDMTMzQkQ1NDA3MzQ3RTVBREJFMzJBNDlCODIzRUFEPC9yZGY6bGk+IDxyZGY6bGk+ODE2QzZGQUI0NTQ4NzMyNjU5NTc2NkNCNEYzNDFEQUQ8L3JkZjpsaT4gPHJkZjpsaT44MzZFNkZCNjlEMDk4Njg5RDc4RDdEQjlEQjhDREExRTwvcmRmOmxpPiA8cmRmOmxpPjg1QTM5MUEyMkM2NEY1Q0IwQTM3QTg2MzZFNTRGOUY2PC9yZGY6bGk+IDxyZGY6bGk+OEE0QkZEOTQzQUZGOTlEMDdEREU1MUYwMDFDNEE5REE8L3JkZjpsaT4gPHJkZjpsaT45NEMzMkU2QTE1MTdCNzBBNDM5ODVBQTc2NTM0NEI2OTwvcmRmOmxpPiA8cmRmOmxpPkFCMzlENjBENTExNEVFOEE4RkJBREUyRTkyMEM0NUExPC9yZGY6bGk+IDxyZGY6bGk+QjIwMUZGOTM3QzYwNzkxMEY4MUY5REJERkNDRkZGRTk8L3JkZjpsaT4gPHJkZjpsaT5CRTYxMzMxREQ1MkI2MjlFNjgwNUVCMzQ3MkRFRTJEMjwvcmRmOmxpPiA8cmRmOmxpPkJFQzM4NTRBODA1RkQ1NkM3RThEMkUxN0M0NzA5ODkwPC9yZGY6bGk+IDxyZGY6bGk+Qzg5NkI0OTZGMTgyREU1MTgzNTg3MEIwOTM0MUQ4RTg8L3JkZjpsaT4gPHJkZjpsaT5DQkJEN0U5OEM1MEI0RTE0RDA0MkNFNTMzQUE1QTgyMDwvcmRmOmxpPiA8cmRmOmxpPkQ5NjQzNUIwNkRFNTQ2OTg4MDUyMjVDNERBRkUzOEIyPC9yZGY6bGk+IDxyZGY6bGk+RTJCNTc3NDY4ODE4NEI2Mzk4OTE0RTI4MkQ5RThFODQ8L3JkZjpsaT4gPHJkZjpsaT5FNDJCMEFDNjg1OTAyMTcyQzIxNjEyQkJGMjFGRjg0QjwvcmRmOmxpPiA8cmRmOmxpPkU1QjQzNTBCREVFMTQ1NUMxM0UxNTU1NEM2MEY2QjQ0PC9yZGY6bGk+IDxyZGY6bGk+RUI3NzhBRjNENDVERUNBQkFCRUEwRkZDQTg4QTEyNDM8L3JkZjpsaT4gPHJkZjpsaT5GNTY3RjdBNDRCNTJFQUMwNTYxNkVBODdGRjlEMzMxQzwvcmRmOmxpPiA8cmRmOmxpPkY1RjgzQTQyMzI4N0E0MUUyMTM5ODdDNTRERjhFOUQ3PC9yZGY6bGk+IDxyZGY6bGk+RkVBQkZDQTQyQzY1N0ZFN0Y1MjEzOEQ0NkQyRTQ2MjM8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6MDQ3NzM4NzYtZTg2Zi0xMWU3LTg4MmMtYWRiZmQ5NWE3NjU0PC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjA4ZjFmZmI5LWM1MWUtMTE3OS1iNTJlLWFkNGFiZjVjNmRhZDwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDowYjM2MmY4Yi1hY2I2LTExZTUtOGZmZS1lMzQ2MTgxMGQzZTk8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6MTAwMDFlZTUtZGVmNy03MjRiLTg3OTctZDg4YjE0ZWI3YjExPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjE0Y2YxMGI4LWNlOTItMTE3OS04ZDJhLWIzNjcyY2QwOWI2MzwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDoxNzM4ZDA5ZS05YTk4LTExZTUtOTE3ZS1kNGExOTRhYWE2N2U8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6MWZkODY3YmItYzJlOC0xMTc5LWFkOTYtZjBjODUzNzZkYjFkPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjIxMzMzNjE3LWNjYWItMDg0OS04YWFmLWE0MzQwY2ZiZGVmZjwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyNGI4YzllYS05MDU3LTExZTYtODBkYi04ZTk5ZjZiZDFiNTY8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6MmRmNzZkN2YtOWMyMy0xMWU1LWJlOTUtZDNiYjFlNDBhYmZhPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjM0NDUxNTQyLTlhYjQtMTFlNS05MTdlLWQ0YTE5NGFhYTY3ZTwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDozNTU4NmExZi00M2FiLTExNzktYTg2Ny1hMmFiMmIxYjU2OTY8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6Mzg2ZDAwYzAtNmRjMi0xMTc3LWFiNjUtYTIwYWMzNDdjYzI2PC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjNhNDdmMTQxLWJlNmItZjE0My1hMzM3LTM4ZmIwZGQzMzljYjwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDozYjk1ZmY2Zi1hYjAwLTExNzktOGEyYS1lYmY4MzMyOTc0NTc8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6NDVjOGUzYjMtYjg5Mi00ZTQwLTg3YjUtYWIwNTk0NmFjMDE2PC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjQ4YTI0ZDkyLWUyMzMtMjM0NC1iNTQ1LWE3OTA3MDY1MjJiMzwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0YmNiZWZkMS04MTBlLTJkNGEtYTA4NS04MGVmYmMwZjJiODA8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6NTUzNTRjMmEtYzMyOC0xMTc5LWFkOTYtZjBjODUzNzZkYjFkPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjcxODQ0ZWUwLWMwY2MtMTE3OS05ODliLWNlNWRkM2Y3NmNhYjwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3MzFhNjYwZC1jY2Q4LWNiNDQtOWZkYS1jOTY1NjAwYTlmOTI8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6NzdiYjEwZmYtYjI4ZC0xMWU4LThiN2UtZjE3MTY4ZDMxZTljPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjgyNGIxODI5LTliYTUtMTFlNS1hZmM2LTg3NjcxZTA3ZTBjNDwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4MzQ2YzY1NC1kMzM0LTEwNDMtYjZjNS1kYTM3N2QwYWIyNTg8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6OTgyODRiN2UtOWIzNi0xMWU1LTkxN2UtZDRhMTk0YWFhNjdlPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjlkNDM5Y2UwLWIyM2UtMTFlNS05MTYxLWY5ZDdjYzE1OTQzMjwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5ZWQ1MWIzNS1hYzM2LTExNzktYmE0ZS1kZjIxY2JlNzI1Yjk8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6YTE2NTQzNjYtODg0ZS0xMWU1LThjOTAtYzY5MjYzYzdiOTYxPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmEzMzUzZGI3LWE4MDItOTc0Mi1iZmYzLTI0Mzk4YjY5OTI5ZTwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDphZDM0MWU1Ni1iMjczLTE2NDktODY2ZC0xN2E5MjcxZjExODg8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6YmExNjlmMjMtOTA1OC0xMWU2LTgwZGItOGU5OWY2YmQxYjU2PC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmJlNjYzNjRhLWUwM2YtNWU0OS05YmY0LWM0YjIwMTc3NTliNTwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiZTY2YzcxYy1hYTQ1LTExZTUtYmY4Yi1hZWNlNTk4MWMzNmQ8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6Yzc5Yzc3YzYtOWMxOS0xMWU1LWJlOTUtZDNiYjFlNDBhYmZhPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmNjZDJjZGNhLTQ2OWUtMTE3OS1iYzUzLWRmNDJmNjRkYjZhYzwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkZDE2YWYyNi1iNGI2LTExNzktODkwYi05YjY5NDhiZDgzZTk8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTNmZmVlNjgtM2MxMi03MzQzLWE1NTItOTAxYmFkMTViOGMwPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmVhOGYyYzNkLTkwNTMtMTFlNi04MGRiLThlOTlmNmJkMWI1NjwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmMTc1NDg3ZC05YjcwLTExZTUtYWU3Mi1lYmI4OWUwZmQwZWY8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6Zjg4Y2M5NGQtYzcwZS0xMTc5LWJjNzQtYzljNmY5NjcyYTQ0PC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmY5MTdmNjM5LTkwNGUtMTFlNi05MThjLWZmZjgyYjQxY2YyZTwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmYWU1ZDczNy05YTIzLTExZTUtOTJlNC04YzM5MzI2N2QwMWM8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjAwMWU2NDI1LWI5ZTgtMWQ0My1hY2EzLWQwMzM3MDM4NGFjYzwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTgwODNBMzJBMUI2ODVERTQ8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjAyZDdmMjgzLTE0ZTUtNDAyOS1hZWZhLThmMGIwOTk0NWQyMDwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6MDUyN2I1ODctZGRiZi1jNzQ2LWI3YzYtZGQ5MDlhNzhhZDllPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDowRUVEMzFGQkQxQjBFMjExQjc5OUFEQTUzNjYzOTg5NTwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6MGNkOWFiZWMtM2UyOC1hZjQ3LTk1NjctZjBlY2EwZTU4MGFkPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDoxMDdGMjg5NDUxNTAxMUU4QkNGOEU4NzI4QzNERDBCMDwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6MTBjZGNiZGMtY2M2NS00ZWJmLWEzZmEtMWZmNjIyMTc2ODZjPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDoxM2Q2YjY5My0zM2QwLWZmNDctOTk1Yy0yZGRkYzQ0NTgxMTI8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjFGRjAyMjJBNzI3RkUzMTE4QTIyRkI5QzU1Rjk3RkVGPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDoxY2MzNWUzOC0yMTY3LTk4NDgtOTNhOC05ZmMyNTAxNGMzMzM8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjI2NzdiOWEzLTQxZDItMzE0NC1iNTI0LWQ3N2U1YTYyZGI0MDwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6MjZlYjJmNWItNWViYy00ODk3LWEyZmItYjc0MGQ5ZTMwZDc2PC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDoyQkU5QjkyOUIyNkExMUU1QjIxNjhFODMzRDJENUU0RjwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6MmEyYTA2OWEtNjEwNS00NzM3LWE0ZjktNmJiNWEwNzI2ZjdhPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDoyYzRhZDFjYy1lNzUwLTFlNDctYTlmMi0xNTEwZTFiMDRiOTM8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjJkZWZlNGVjLTdjYzctYmU0OS1iYzg5LTQ5OGUzZmQ1ZjVmZjwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6MzRDNjBDN0JCMkQwMTFFNTg4NUM5MjhFNTk3ODMxQ0Y8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjM2Y2ViMGI3LTU4MTktNTQ0NC1iN2NmLWU2OWEyODBmNWFhMTwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6M0VBQzJERDc1MzUxRTgxMTk3NkFGMzlCNEI2QUZCRjg8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjNhNWFiMjgwLTQwZmUtNGY1ZS05ZmE2LTcxNjE2YjczODEyYjwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6M2Q1Njg0OTgtOTg0ZC00NThhLWIyNDktZWFjYzMyMjUyYTIwPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDo0MTk0ZmE2Mi1jYWRlLThmNDktYTIxNy1lY2E3ZWUzZDIyYTA8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjQ0MzMyRjU5QjI2MDExRTU4RDNGOEJEQUJDMENEMEFDPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDo0NmVkZjRlNC05MTUyLTVlNGItODA4Ny1kYTQzN2JjNWRjM2M8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjQ4RTNEMDA3MDgyMDY4MTE4MjJBRDdEMjNEMDQ0QTk1PC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDo1Y2EzNTUzMS1lOTZmLTRjMjAtOWViYi01M2U3NTJkMDMxYWQ8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjVlODc5ZTZmLWE3MjMtMjI0Ny1iOGQ4LWE5MDI4YzY4YmQyZjwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6NjViOTJlMzAtNWU0NC0wNjRmLTk3YWQtMzg2YWI5ZTQ3NzEwPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDo2ODc0QjFFNzZBMjA2ODExODIyQUM2N0Y1OEJFQTE3OTwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6NjliYWZkZWItNDM4NS04MjQ4LTk2NDgtMTIyN2YxMTE2ZTViPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDo2QTc0QjFFNzZBMjA2ODExODIyQUM2N0Y1OEJFQTE3OTwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6NkZENTNBMzgwQTIwNjgxMTgyMkFDRjE5MTgwRTgxQjI8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjZlYjFkY2Y1LTliNjctOWQ0NC05MWJmLWZmODQzYWNmMTZmMTwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6NzI2MGY1YjQtY2MxNy1kZjRlLWIwMWUtZjEzYWQyMWQwODkwPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDo3NDljYmFlOC0xNTRmLTM5NDAtOWVlNi0yMmQxZjgwZmEzYTE8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjc3OUQyNjQwQjI1QjExRTU5M0MxRDg5NTlDNDg0NDg1PC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDo3YTE1ZGNmMS1kYTE4LTQ3YzUtYWI0ZS1iOTQ4NTUyOTAyNjc8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjdhOTJkNDBiLTY5ZTctNDlhMy04ZDIzLTIzZjNkNzc0ZmVkYTwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6N2MwMmQ3YjEtMDNkYS00Zjg1LTk5YzAtMDBiM2YwMzI5MDNmPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDo3ZGRjODNmMS1jYTIxLTlhNDMtYWFlMS1kMjhkZTkyMjc3OWQ8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjhEMzA2NTQ0OTYxQjExRTQ4OTM3REM3Rjg4OUZGMDQzPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDo4RkNCRUNBRkIyNkMxMUU1OUExNDgwMjUxQTI3MzQzNjwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6OGM2NWIxOTYtOWNhNC1mNDQ0LTlkMzQtZDM1MzM4YTllMjE1PC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDo4Y2M3ODA2MS0yNzk2LTRlYTAtYTVhZC1hNjk3ZDRjMjA3OGU8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjkzNTk1Mzc0LTc5MjUtM2U0ZC1iMDRjLTk2YzU2OTY1NGNkYjwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6OTU5NkI5OTE3NzIwNjgxMTgyMkFDNjdGNThCRUExNzk8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjlGMUZFMkJFRTNDMEU1MTE5QUU5OUNFNTZGNjc4NzY3PC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDpCQkFFMjI5OEYxMTlFOTExODhFMjgzQjVGRjY0QkU5MjwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6QzM3MTlGNDQwMkM0RTUxMUJBNDE4NUE1ODhCNTEwODc8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOkM5NjUwQ0I5MDcyMDY4MTE4MDgzQTE1REU3MzQzNjUyPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDpENTNBODdBQzQxNjdFNDExQkZERUY2ODdGMzU2NEY5NzwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6REJDMjdENjQyRTZCRTUxMTlGQkVGMkREMkU4REFDRUY8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOkRFQjkwOEE1OEI3OEU1MTE5MTk5OUVFQkJCRDI4M0UyPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDpGODdGMTE3NDA3MjA2ODExODIyQUNCNkU2OTFDMjRGRjwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6YTIyZmVmZDItNTM0MS05NDQ4LWFiNDQtYWJhZjhmNDgxOTlhPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDphMjk1Y2U2Ny1iOWIxLThhNGUtOGZmYS02YjJjOTIxMDlmMTY8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOmE2NDcwMTE5LTg3ZWUtOGU0ZC04ODZlLTM1MDUwY2Y3YTBjYzwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6YTdiMjA5MmItMDg2Zi02NTQ3LWJhNTUtNzEzN2ZhOTRmZjVjPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDphN2M2ZjA0NS1lNTE3LTVlNGUtOTUzZi1mY2I3ODMyMzZkMDY8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOmE4NGU1MWFmLWJhZTYtNGNiOS05ZGQ3LTZmOTJjYWVjZDQ1NDwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6YWVkZjcwYWMtOGExNy05OTQ1LTgxYzctM2FmNWFlM2UwM2VhPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDpiMjljYzBmMi05MTg1LTQ0ZjEtOWU5YS1kMzhkMTkwMmU5OGQ8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOmJhMGJjNGViLTJjYzgtMTg0ZC1iN2Q1LTE2MzQxM2JkY2I5MjwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6YmMxYzdmNWYtNTMzMy1kZDQ3LTg1NmMtMDFlNTJhN2NiMWY4PC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDpiZTE0OWFhNy0zZDM4LTc5NGEtOWVhMi0xYWFiMDAxNGMwNzY8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOmJmYWIwNDVmLTQ4MTItNDdlNi05N2NlLWNjNzk1NmUzYTFhNzwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6YzIxNWY4ODUtNGI4Ny01YjQxLTg1M2YtM2Q5NmRlNWMxOThlPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDpjNWIxODhiNC1hZTMzLTRiODctYmRjZC05M2U5Yzk0MWM1YjA8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOmM5YTI2YzkyLTQ1MTgtNGI1YS04NjIwLWIxYjExMTZlMGZkZDwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6Y2YwMDViZTUtNWYzZi1mMTQ1LWI5OGEtYTU2YjU1NTk4YzkyPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDpkZDliOTBkMi01MjcyLTQyOWUtODQ2Zi1mMTMxMmE0ODNlNjE8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOmU1NmQyNjUyLWM3YzQtMzk0ZC05MzA4LTlmM2Q5YmQzMGU1MDwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6ZTcwNTM5OWQtNDY0ZS00M2ZmLWE1MmMtY2RjOGE4YmY3ZWE2PC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDplZDAxYWNlYS0xNDYwLTYxNGQtODdlNC1mMmEzNDM1NjA3Njk8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOmVlNDYzYjU0LTRjMjItNGMyZC1hZjQwLTdlN2U0Yzc2YTcwMDwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6ZWVlNzBjZjMtZDRiZC05MjQxLThiNzAtN2NjYmFkMzViZGU2PC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDplZmQ5MzI1Mi01MjBkLWYxNDEtOTAxMy0wZGI3MTBhZWRmNzU8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOmY1YjljZjZkLTM2YjgtYTc0MS1iMGZmLTE3ZGU0YzQwNjZjNjwvcmRmOmxpPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjk4NTg5MDg0LTI5MmItNTg0Yi05MzgwLTViZmNhNzYyZmM5OSIgc3RFdnQ6d2hlbj0iMjAxOS0wNS0wNlQxMToyNzoyOCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplY2UyZWZjMi01NDlkLTBkNDgtYTExNi1kZTI1ZmU1NzNkYzkiIHN0RXZ0OndoZW49IjIwMTktMDUtMDZUMTE6NDM6MjQrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NDQ5NDBhMmEtNzEwNy00YmFlLThjOTMtY2ZjNGRkM2UyYjc2IiBzdEV2dDp3aGVuPSIyMDE5LTA3LTAyVDEyOjIwOjE5KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iZGVyaXZlZCIgc3RFdnQ6cGFyYW1ldGVycz0iY29udmVydGVkIGZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjZlYjlkOTFjLTI5NDAtNGMwZS1iMjEwLTg3NGMwNmY5NzBkMyIgc3RFdnQ6d2hlbj0iMjAxOS0wNy0wMlQxMjoyMDoxOSswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo1ZTViYWU1ZS05NDM5LWViNDgtYmIyMS1mNmMzZTA5ZjE4MzYiIHN0RXZ0OndoZW49IjIwMjEtMTAtMjRUMTQ6MzE6MTYrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDQ5NDBhMmEtNzEwNy00YmFlLThjOTMtY2ZjNGRkM2UyYjc2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NWJmZGU1MDUtMmVkMy1lZjQxLWFiYjgtNWRjYTRhNjUxZjVlIiBzdFJlZjpvcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6OTg1ODkwODQtMjkyYi01ODRiLTkzODAtNWJmY2E3NjJmYzk5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+UQTyIAAAAptJREFUaN7l2ktoE0EYwPH/xtRXbRupRlsQ04JoRRQE8aQiYhHFg+JFRD1oC4oVfJx6UDwIRSsURYUiorWCiohaRSz0IIoExMfBS7A+wEIjqXFpFySm6XrYTTEmpunuJu7OfJdsJjNf8svMJDPsKLqu82covWpmQWliDHgF3ARuAKqdZHpjIOO5D3eED1gNnAcGgHPAHCeTuy3KgaPAB/PRLyIyHQGzR18CS0RFpmOVOV+3i4wEmAXcBY6LjARQgLPACZGR6TgFHPAEUkGnpixKtf+7leYXgK2uRU5XErTVtvJ1WYjI0gYuLThkJc0UoAsIFVLZX+re6wrtZVPl0/GyZ9paO38x14D1gO6antxc9SQDGBudS3d8l52U64B9rhquO2ffGr9WUwF2f7nOcKrSbtrTQIWjwzVYBg0zrH2aqcoYfSMbePtzBZ1DzUST85z47oLAYRObe5pMdheyoxo6661tVEJvFIZTRRkkg+aP0C8370LsRg2wzbHhOpCAB/Hs8uXlUDfNuA6PwLdkdp1kcXeqB4HbjiDDGoQ1Jau8faFOXdC47ogq9Kol7801Zo8OirCsy7e2bRRl7ZovtsiA3JjLJBoyACwSHQmwUgbkYhmQ9TIga2VAzpcBWSEDskoG5EwZkKMyIDUZkDEZkP0yICMyIN/LgHwhOvIj8El05P1chaIhu0VHvgbeiY5s/9cLoiAjwB3Rkccwjq4Ji3wEPM5XwevIGNA8USUvI3VgPzlu8IiEbAUeFlLRq8iLQFuhlb2I7ABaJtPA57E5eBI4wgTndv4Ov0eAKrAH6LHS2As9+RzjTlWP1QRuRv4AmjBOXX22k8iNw1UDLgNngCEnEroJGQeumLuJmJOJ/zdSB/qAq8A9IFGMN/kNt6GNd9kLeHQAAAAASUVORK5CYII=";
+const _hoisted_1$e = ["src"];
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
+  __name: "logo",
+  props: {
+    theme: { type: String, validator: (v) => ["light", "dark"].includes(v) },
+    showTitle: { type: Boolean, default: true }
+  },
   setup(__props) {
+    const props = __props;
+    const { t } = useI18n("UI");
     const slots = getParentSlots(null, "dt-theme");
+    const title = t("COMPANY_NAME");
+    const { getLogoWidth } = useMenu();
+    const getLogoClass = computed(() => {
+      return `${props.theme} dt-logo px-2.5 text-sm flex items-center pl-2.5 cursor-pointer text-center transition-all duration-200 ease-in-out `;
+    });
     return (_ctx, _cache) => {
-      const _component_APopover = Popover;
-      const _directive_icon = resolveDirective("icon");
-      return openBlock(), createBlock(_component_APopover, {
-        trigger: "click",
-        overlayClassName: "dt-notify__popover"
-      }, {
-        content: withCtx(() => [
-          unref(slots).notify ? (openBlock(), createBlock(unref(DtSlotContainer), {
-            key: 0,
-            template: unref(slots).notify
-          }, null, 8, ["template"])) : createCommentVNode("", true)
-        ]),
-        default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$d, [
-            withDirectives(createElementVNode("span", null, null, 512), [
-              [_directive_icon, "ant-design:bell-outlined"]
-            ]),
-            unref(slots).notifyBadge ? (openBlock(), createBlock(unref(DtSlotContainer), {
-              key: 0,
-              template: unref(slots).notifyBadge
-            }, null, 8, ["template"])) : createCommentVNode("", true)
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(getLogoClass)),
+        style: normalizeStyle({
+          minWidth: `${unref(getLogoWidth)}px`
+        })
+      }, [
+        unref(slots).logo ? (openBlock(), createBlock(unref(DtSlotContainer), {
+          key: 0,
+          template: unref(slots).logo
+        }, null, 8, ["template"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createElementVNode("img", { src: unref(logoUrl) }, null, 8, _hoisted_1$e),
+          withDirectives(createElementVNode("div", { class: "dt-logo__title text-base font-bold transition-all duration-500 pl-3" }, toDisplayString(unref(title)), 513), [
+            [vShow, __props.showTitle]
           ])
-        ]),
-        _: 1
-      });
+        ], 64))
+      ], 6);
+    };
+  }
+});
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  __name: "trigger",
+  props: { theme: String },
+  setup(__props) {
+    const props = __props;
+    const { getCollapsed, toggleCollapsed } = useMenu();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["flex w-12 h-full cursor-pointer items-center justify-center", props.theme]),
+        onClick: _cache[0] || (_cache[0] = (...args) => unref(toggleCollapsed) && unref(toggleCollapsed)(...args))
+      }, [
+        createElementVNode("i", {
+          class: normalizeClass(["i leading-none", unref(getCollapsed) ? "ic:baseline-format-indent-increase" : "ic:baseline-format-indent-decrease"])
+        }, null, 2)
+      ], 2);
+    };
+  }
+});
+const _hoisted_1$d = { class: "dt-breadcrumb" };
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  __name: "bread-crumb",
+  setup(__props) {
+    const { getIsZH } = useHeader();
+    let routes = ref([]);
+    const { currentRoute = null } = useRouter();
+    watchEffect(() => {
+      if (!currentRoute || currentRoute.value.path === "/")
+        return;
+      routes.value = getBreadCrumb(currentRoute.value.path);
+    });
+    return (_ctx, _cache) => {
+      const _component_ABreadcrumb = Breadcrumb;
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
+        createVNode(_component_ABreadcrumb, { routes: unref(routes) }, {
+          itemRender: withCtx(({ route }) => [
+            createElementVNode("span", null, toDisplayString((unref(getIsZH) ? route.label : route.enLabel) || route.meta?.title), 1)
+          ]),
+          _: 1
+        }, 8, ["routes"])
+      ]);
     };
   }
 });
-const _hoisted_1$c = { class: "lang m-0" };
+const _hoisted_1$c = {
+  key: 0,
+  class: "dt-menu-filter h-7 pr-2"
+};
 const _hoisted_2$7 = ["onClick"];
-const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("span", { class: "dt_header_icon text-lg text-gray-800 cursor-pointer px-3 hover:bg-gray-500 hover:bg-opacity-50 transition-all duration-300" }, [
+const _hoisted_3$5 = {
+  key: 0,
+  class: "flex items-center justify-center h-full overflow-hidden"
+};
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  __name: "menu-filter",
+  setup(__props) {
+    const { t } = useI18n("UI");
+    const menuList = ref([]);
+    const router = useRouter();
+    const filter = ref("");
+    const { getShowSearch, getIsZH } = useHeader();
+    const isUseDef = computed(() => {
+      return isBoolean(getShowSearch.value);
+    });
+    function visibleChange(e) {
+      if (e) {
+        filterMenu();
+      } else {
+        filter.value = null;
+      }
+    }
+    function filterMenu() {
+      menuList.value = getFilterMenu(filter.value, true);
+    }
+    function navigation(url) {
+      router.push(url);
+      setTimeout(() => {
+        filter.value = "";
+        menuList.value = [];
+      });
+    }
+    return (_ctx, _cache) => {
+      const _component_AEmpty = Empty;
+      const _component_AInputSearch = InputSearch;
+      const _component_APopover = Popover;
+      return unref(isUseDef) ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
+        createVNode(_component_APopover, {
+          placement: "bottom",
+          overlayClassName: "dt-menu-filter__popover",
+          trigger: "focus",
+          onVisibleChange: visibleChange
+        }, {
+          content: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(menuList.value, (menu) => {
+              return openBlock(), createElementBlock("p", {
+                onClick: ($event) => navigation(menu.url),
+                class: "px-5 leading-9 border-gray-200 border-dashed border-b m-0 cursor-pointer transition-all duration-300 text-13"
+              }, toDisplayString(unref(getIsZH) ? menu.label : menu.enLabel), 9, _hoisted_2$7);
+            }), 256)),
+            !menuList.value.length ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
+              createVNode(_component_AEmpty, {
+                description: "\u6682\u65E0\u6570\u636E",
+                imageStyle: { width: "100%" }
+              })
+            ])) : createCommentVNode("", true)
+          ]),
+          default: withCtx(() => [
+            createVNode(_component_AInputSearch, {
+              value: filter.value,
+              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => filter.value = $event),
+              placeholder: unref(t)("FILTER_MORE"),
+              onInput: filterMenu,
+              size: unref(UiSize).SMALL
+            }, null, 8, ["value", "placeholder", "size"])
+          ]),
+          _: 1
+        })
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1$b = { class: "lang m-0" };
+const _hoisted_2$6 = ["onClick"];
+const _hoisted_3$4 = {
+  class: "pr-2",
+  size: 16
+};
+const _hoisted_4$3 = /* @__PURE__ */ createElementVNode("span", { class: "dt_header_icon text-lg text-gray-800 cursor-pointer px-3 hover:bg-gray-500 hover:bg-opacity-50 transition-all duration-300" }, [
+  /* @__PURE__ */ createElementVNode("i", { class: "block i ic:baseline-language" })
+], -1);
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  __name: "lang-picker",
+  props: {
+    reload: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const visible = ref(false);
+    let currentLang = DtCache.getLocal(CacheKey.LOCALE);
+    async function toggleLang(lang) {
+      visible.value = false;
+      if (lang !== currentLang) {
+        currentLang = lang;
+        await changeLocale(lang);
+        props.reload && location.reload();
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_APopover = Popover;
+      const _directive_icon = resolveDirective("icon");
+      return openBlock(), createBlock(_component_APopover, {
+        placement: "bottom",
+        visible: visible.value,
+        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+        overlayClassName: "dt-lang-picker__popover",
+        trigger: "click"
+      }, {
+        content: withCtx(() => [
+          createElementVNode("ul", _hoisted_1$b, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(localeList), (it) => {
+              return openBlock(), createElementBlock("li", {
+                onClick: ($event) => toggleLang(it.event),
+                class: normalizeClass(["px-4 my-1 leading-9 flex border-gray-200 cursor-pointer hover:bg-gray-100 transition-all duration-300 text-13", it.event === unref(currentLang) ? "active bg-gray-100" : ""])
+              }, [
+                withDirectives(createElementVNode("span", _hoisted_3$4, null, 512), [
+                  [_directive_icon, it.icon]
+                ]),
+                createElementVNode("span", null, toDisplayString(it.text), 1)
+              ], 10, _hoisted_2$6);
+            }), 256))
+          ])
+        ]),
+        default: withCtx(() => [
+          _hoisted_4$3
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+});
+const _hoisted_1$a = { class: "dt_header_icon text-lg text-gray-800 cursor-pointer px-3 hover:bg-gray-500 hover:bg-opacity-50 transition-all duration-300 relative" };
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  __name: "notify",
+  setup(__props) {
+    const slots = getParentSlots(null, "dt-theme");
+    return (_ctx, _cache) => {
+      const _component_APopover = Popover;
+      const _directive_icon = resolveDirective("icon");
+      return openBlock(), createBlock(_component_APopover, {
+        trigger: "click",
+        overlayClassName: "dt-notify__popover"
+      }, {
+        content: withCtx(() => [
+          unref(slots).notify ? (openBlock(), createBlock(unref(DtSlotContainer), {
+            key: 0,
+            template: unref(slots).notify
+          }, null, 8, ["template"])) : createCommentVNode("", true)
+        ]),
+        default: withCtx(() => [
+          createElementVNode("span", _hoisted_1$a, [
+            withDirectives(createElementVNode("span", null, null, 512), [
+              [_directive_icon, "ant-design:bell-outlined"]
+            ]),
+            unref(slots).notifyBadge ? (openBlock(), createBlock(unref(DtSlotContainer), {
+              key: 0,
+              template: unref(slots).notifyBadge
+            }, null, 8, ["template"])) : createCommentVNode("", true)
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const _hoisted_1$9 = { class: "lang m-0" };
+const _hoisted_2$5 = ["onClick"];
+const _hoisted_3$3 = /* @__PURE__ */ createElementVNode("span", { class: "dt_header_icon text-lg text-gray-800 cursor-pointer px-3 hover:bg-gray-500 hover:bg-opacity-50 transition-all duration-300" }, [
   /* @__PURE__ */ createElementVNode("i", { class: "block i ic:baseline-format-size" })
 ], -1);
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "size",
   setup(__props) {
     const { t } = useI18n("UI");
@@ -1247,34 +1561,34 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         trigger: "click"
       }, {
         content: withCtx(() => [
-          createElementVNode("ul", _hoisted_1$c, [
+          createElementVNode("ul", _hoisted_1$9, [
             (openBlock(), createElementBlock(Fragment, null, renderList(sizeList, (it) => {
               return createElementVNode("li", {
                 onClick: ($event) => toggleLang(it.event),
                 class: normalizeClass(["px-4 my-1 leading-9 flex border-gray-200 cursor-pointer hover:bg-gray-100 transition-all duration-300 text-13", it.event === unref(getUiSize) ? "active bg-gray-100" : ""])
               }, [
                 createElementVNode("span", null, toDisplayString(it.text), 1)
-              ], 10, _hoisted_2$7);
+              ], 10, _hoisted_2$5);
             }), 64))
           ])
         ]),
         default: withCtx(() => [
-          _hoisted_3$4
+          _hoisted_3$3
         ]),
         _: 1
       }, 8, ["visible"]);
     };
   }
 });
-const _hoisted_1$b = { class: "m-0" };
-const _hoisted_2$6 = {
+const _hoisted_1$8 = { class: "m-0" };
+const _hoisted_2$4 = {
   class: "pr-2",
   size: 16
 };
-const _hoisted_3$3 = { class: "dt_header_icon h-12 text-lg text-gray-800 cursor-pointer px-3 hover:bg-gray-500 hover:bg-opacity-50 transition-all duration-300 flex items-center" };
+const _hoisted_3$2 = { class: "dt_header_icon h-12 text-lg text-gray-800 cursor-pointer px-3 hover:bg-gray-500 hover:bg-opacity-50 transition-all duration-300 flex items-center" };
 const _hoisted_4$2 = ["src"];
 const _hoisted_5$1 = { class: "pl-2 text-13" };
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "user-info",
   setup(__props) {
     const { t } = useI18n("UI");
@@ -1299,7 +1613,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         trigger: "click"
       }, {
         content: withCtx(() => [
-          createElementVNode("div", _hoisted_1$b, [
+          createElementVNode("div", _hoisted_1$8, [
             unref(slots).userInfo ? (openBlock(), createBlock(unref(DtSlotContainer), {
               key: 0,
               template: unref(slots).userInfo
@@ -1309,7 +1623,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               onClick: _cache[0] || (_cache[0] = ($event) => signOut()),
               class: "px-4 my-1 leading-9 flex border-gray-200 cursor-pointer hover:bg-gray-100 transition-all duration-300 text-13"
             }, [
-              withDirectives(createElementVNode("span", _hoisted_2$6, null, 512), [
+              withDirectives(createElementVNode("span", _hoisted_2$4, null, 512), [
                 [_directive_icon, "ant-design:logout-outlined"]
               ]),
               createElementVNode("span", null, toDisplayString(unref(t)("LOGIN_OUT")), 1)
@@ -1317,7 +1631,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
           ])
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_3$3, [
+          createElementVNode("div", _hoisted_3$2, [
             createVNode(_component_AAvatar, { size: 28 }, {
               icon: withCtx(() => [
                 createElementVNode("img", { src: "/node_modules/@dt-frames/ui/es/assets/imgs/header/avatar.png" }, null, 8, _hoisted_4$2)
@@ -1429,13 +1743,13 @@ function changeTheme(event, value = {}) {
   }
   useThemeStore().setThemeConf(conf);
 }
-const _hoisted_1$a = { class: "flex flex-row justify-center dt-menu-type" };
-const _hoisted_2$5 = ["onClick"];
-const _hoisted_3$2 = /* @__PURE__ */ createElementVNode("div", { class: "dt-menu-type__item" }, null, -1);
+const _hoisted_1$7 = { class: "flex flex-row justify-center dt-menu-type" };
+const _hoisted_2$3 = ["onClick"];
+const _hoisted_3$1 = /* @__PURE__ */ createElementVNode("div", { class: "dt-menu-type__item" }, null, -1);
 const _hoisted_4$1 = [
-  _hoisted_3$2
+  _hoisted_3$1
 ];
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "menu-type",
   setup(__props) {
     const { getMenuType, getMenuMode } = useMenu();
@@ -1478,7 +1792,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_ATooltip = Tooltip;
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
         (openBlock(), createElementBlock(Fragment, null, renderList(menuTypeList, (item) => {
           return createVNode(_component_ATooltip, {
             key: item.title,
@@ -1496,7 +1810,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                     [`dt-menu-type__item--active`]: unref(getMenuType) === item.type && unref(getMenuMode) === item.mode
                   }
                 ])
-              }, _hoisted_4$1, 10, _hoisted_2$5)
+              }, _hoisted_4$1, 10, _hoisted_2$3)
             ]),
             _: 2
           }, 1032, ["title"]);
@@ -1505,8 +1819,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "flex justify-between mb-5" };
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _hoisted_1$6 = { class: "flex justify-between mb-5" };
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "select",
   props: {
     event: { type: Number },
@@ -1529,7 +1843,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_ASelect = Select;
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
         createElementVNode("span", null, toDisplayString(__props.title), 1),
         createVNode(_component_ASelect, mergeProps(unref(getBindValue), {
           disabled: __props.disabled,
@@ -1542,8 +1856,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$8 = { class: "flex justify-between mb-5" };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _hoisted_1$5 = { class: "flex justify-between mb-5" };
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "switch",
   props: {
     event: {
@@ -1566,7 +1880,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_ASwitch = Switch;
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
         createElementVNode("span", null, toDisplayString(__props.title), 1),
         createVNode(_component_ASwitch, mergeProps(unref(getBindValue), {
           disabled: __props.disabled,
@@ -1578,7 +1892,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "feature",
   setup(__props) {
     const { t } = useI18n("UI");
@@ -1654,7 +1968,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         (openBlock(), createElementBlock(Fragment, null, renderList(switchItems, (item) => {
-          return createVNode(_sfc_main$j, {
+          return createVNode(_sfc_main$g, {
             key: item.title,
             title: item.title,
             event: item.event,
@@ -1662,7 +1976,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           }, null, 8, ["title", "event", "def"]);
         }), 64)),
         (openBlock(), createElementBlock(Fragment, null, renderList(selectItems, (item) => {
-          return createVNode(_sfc_main$k, {
+          return createVNode(_sfc_main$h, {
             key: item.title,
             title: item.title,
             event: item.event,
@@ -1674,9 +1988,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = { class: "mt-5" };
-const _hoisted_2$4 = { class: "dt-setting-theme__tips p-3 text-12 bg-gray-100 rounded" };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _hoisted_1$4 = { class: "mt-5" };
+const _hoisted_2$2 = { class: "dt-setting-theme__tips p-3 text-12 bg-gray-100 rounded" };
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "setting-theme",
   setup(__props) {
     const { t } = useI18n("UI");
@@ -1784,16 +2098,16 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            createVNode(unref(_sfc_main$l)),
+            createVNode(unref(_sfc_main$i)),
             createVNode(_component_ADivider, null, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(unref(t)("PAGE_SHOW")), 1)
               ]),
               _: 1
             }),
-            createVNode(unref(_sfc_main$i)),
+            createVNode(unref(_sfc_main$f)),
             createVNode(_component_ADivider),
-            createElementVNode("div", _hoisted_1$7, [
+            createElementVNode("div", _hoisted_1$4, [
               createVNode(_component_AButton, {
                 onClick: copy,
                 class: "mb-3",
@@ -1816,7 +2130,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                 _: 1
               })
             ]),
-            createElementVNode("div", _hoisted_2$4, toDisplayString(unref(t)("DRAWER_TIPS")), 1)
+            createElementVNode("div", _hoisted_2$2, toDisplayString(unref(t)("DRAWER_TIPS")), 1)
           ]),
           _: 1
         }, 8, ["visible", "title"])
@@ -1991,7 +2305,7 @@ const contentProps = {
   },
   isSplitMenu: Boolean
 });
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "menu-item-content",
   props: contentProps,
   setup(__props) {
@@ -2008,7 +2322,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "basic-menu-item",
   props: ItemProp,
   setup(__props) {
@@ -2019,14 +2333,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         key: _ctx.item.url
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$g, normalizeProps(guardReactiveProps(props)), null, 16)
+          createVNode(_sfc_main$d, normalizeProps(guardReactiveProps(props)), null, 16)
         ]),
         _: 1
       });
     };
   }
 });
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "basic-sub-menu-item",
   props: ItemProp,
   setup(__props) {
@@ -2043,14 +2357,14 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       const _component_BasicSubMenuItem = resolveComponent("BasicSubMenuItem", true);
       const _component_ASubMenu = SubMenu;
       return openBlock(), createElementBlock(Fragment, null, [
-        !menuHasChildren(unref(item)) && unref(getShowMenu) ? (openBlock(), createBlock(_sfc_main$f, normalizeProps(mergeProps({ key: 0 }, props)), null, 16)) : createCommentVNode("", true),
+        !menuHasChildren(unref(item)) && unref(getShowMenu) ? (openBlock(), createBlock(_sfc_main$c, normalizeProps(mergeProps({ key: 0 }, props)), null, 16)) : createCommentVNode("", true),
         menuHasChildren(unref(item)) && unref(getShowMenu) ? (openBlock(), createBlock(_component_ASubMenu, {
           class: normalizeClass([unref(theme)]),
           key: unref(item).id,
           popupClassName: "app-top-menu-popup"
         }, {
           title: withCtx(() => [
-            createVNode(_sfc_main$g, mergeProps(props, { item: unref(item) }), null, 16, ["item"])
+            createVNode(_sfc_main$d, mergeProps(props, { item: unref(item) }), null, 16, ["item"])
           ]),
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(item).children, (childrenItem) => {
@@ -2065,7 +2379,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "basic-menu",
   props: BasicMenu,
   emits: ["menuClick"],
@@ -2152,7 +2466,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
-            return openBlock(), createBlock(_sfc_main$e, {
+            return openBlock(), createBlock(_sfc_main$b, {
               key: item.id,
               item,
               theme: _ctx.theme,
@@ -2165,7 +2479,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$c = defineComponent({
+const _sfc_main$9 = defineComponent({
   name: "LayoutMenu",
   props: {
     theme: String,
@@ -2225,6 +2539,8 @@ const _sfc_main$c = defineComponent({
       go(path);
     }
     function renderHeader() {
+      if (!unref(getIsShowLogo))
+        return null;
       if (slots.logo) {
         return createVNode(DtSlotContainer, {
           "template": slots.logo,
@@ -2234,9 +2550,7 @@ const _sfc_main$c = defineComponent({
           }
         }, null);
       }
-      if (!unref(getIsShowLogo))
-        return null;
-      return createVNode(_sfc_main$w, {
+      return createVNode(_sfc_main$q, {
         "showTitle": !unref(getCollapsed),
         "class": unref(getLogoClass),
         "theme": unref(getComputedTheme)
@@ -2261,7 +2575,7 @@ const _sfc_main$c = defineComponent({
       } = unref(getMenuProps);
       if (!menus || !menus.length)
         return null;
-      return createVNode(_sfc_main$d, mergeProps(menuProps, {
+      return createVNode(_sfc_main$a, mergeProps(menuProps, {
         "isHorizontal": props.isHorizontal,
         "type": unref(getMenuType),
         "showLogo": unref(getIsShowLogo),
@@ -2276,12 +2590,15 @@ const _sfc_main$c = defineComponent({
     };
   }
 });
-const _hoisted_1$6 = { class: "dt-header-left flex h-full items-center" };
-const _hoisted_2$3 = {
+const _hoisted_1$3 = {
+  key: 3,
+  class: "max-w-full pl-3 pr-20 dt-reuse-tabs__top"
+};
+const _hoisted_2$1 = {
   key: 0,
   class: "flex-1 h-full min-w-0 items-center"
 };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     fixed: Boolean
@@ -2302,12 +2619,14 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       getShowSearch,
       getShowUiSize
     } = useHeader();
+    const { getShowMultipleTab, getMultipleTabPosIsTop } = useMultipleTab();
     const getSplitType = computed(() => {
       return unref(getSplit) ? MenuSplitTye.TOP : MenuSplitTye.NONE;
     });
     const getMenuMode = computed(() => {
       return unref(getSplit) ? MenuMode.HORIZONTAL : null;
     });
+    const getShowTab = computed(() => unref(getShowMultipleTab) && unref(getMultipleTabPosIsTop));
     const getHeaderCls = computed(() => {
       let theme = unref(getHeaderTheme);
       let cls = "dt-header flex p-0 items-center justify-between ";
@@ -2323,20 +2642,27 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         class: normalizeClass([unref(getHeaderCls), "flex items-center justify-between"])
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$6, [
-            unref(getShowHeaderLogo) ? (openBlock(), createBlock(unref(_sfc_main$w), {
+          createElementVNode("div", {
+            class: normalizeClass(["dt-header-left flex h-full items-center", {
+              "w-0 flex-1": unref(getShowTab)
+            }])
+          }, [
+            unref(getShowHeaderLogo) ? (openBlock(), createBlock(unref(_sfc_main$q), {
               key: 0,
               theme: unref(getHeaderTheme),
               class: "dt-header-logo"
             }, null, 8, ["theme"])) : createCommentVNode("", true),
-            unref(getShowHeaderTrigger) && !unref(getSplit) ? (openBlock(), createBlock(unref(_sfc_main$v), {
+            unref(getShowHeaderTrigger) && !unref(getSplit) && !unref(getShowTab) ? (openBlock(), createBlock(unref(_sfc_main$p), {
               key: 1,
               theme: unref(getHeaderTheme)
             }, null, 8, ["theme"])) : createCommentVNode("", true),
-            unref(getShowBread) ? (openBlock(), createBlock(unref(_sfc_main$u), { key: 2 })) : createCommentVNode("", true)
-          ]),
-          unref(getShowTopMenu) ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
-            createVNode(_sfc_main$c, {
+            unref(getShowBread) && !unref(getShowTab) ? (openBlock(), createBlock(unref(_sfc_main$o), { key: 2 })) : createCommentVNode("", true),
+            unref(getShowTab) ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+              createVNode(_sfc_main$v)
+            ])) : createCommentVNode("", true)
+          ], 2),
+          unref(getShowTopMenu) ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+            createVNode(_sfc_main$9, {
               isHorizontal: true,
               theme: unref(getHeaderTheme),
               splitType: unref(getSplitType),
@@ -2349,16 +2675,16 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               "padding-right": unref(getShowSettingTheme) ? "" : "20px"
             })
           }, [
-            unref(getShowSearch) ? (openBlock(), createBlock(unref(_sfc_main$t), { key: 0 })) : createCommentVNode("", true),
-            unref(getShowNotice) ? (openBlock(), createBlock(unref(_sfc_main$o), { key: 1 })) : createCommentVNode("", true),
-            unref(getShowUiSize) ? (openBlock(), createBlock(unref(_sfc_main$n), { key: 2 })) : createCommentVNode("", true),
-            unref(getShowFullScreen) ? (openBlock(), createBlock(unref(_sfc_main$x), { key: 3 })) : createCommentVNode("", true),
-            unref(getShowLocale) ? (openBlock(), createBlock(unref(_sfc_main$s), {
+            unref(getShowSearch) ? (openBlock(), createBlock(unref(_sfc_main$n), { key: 0 })) : createCommentVNode("", true),
+            unref(getShowNotice) ? (openBlock(), createBlock(unref(_sfc_main$l), { key: 1 })) : createCommentVNode("", true),
+            unref(getShowUiSize) ? (openBlock(), createBlock(unref(_sfc_main$k), { key: 2 })) : createCommentVNode("", true),
+            unref(getShowFullScreen) ? (openBlock(), createBlock(unref(_sfc_main$u), { key: 3 })) : createCommentVNode("", true),
+            unref(getShowLocale) ? (openBlock(), createBlock(unref(_sfc_main$m), {
               key: 4,
               reload: true
             })) : createCommentVNode("", true),
-            createVNode(unref(_sfc_main$m)),
-            unref(getShowSettingTheme) ? (openBlock(), createBlock(unref(_sfc_main$h), { key: 5 })) : createCommentVNode("", true)
+            createVNode(unref(_sfc_main$j)),
+            unref(getShowSettingTheme) ? (openBlock(), createBlock(unref(_sfc_main$e), { key: 5 })) : createCommentVNode("", true)
           ], 4)
         ]),
         _: 1
@@ -2393,7 +2719,7 @@ function useTrigger() {
   });
   return { getTriggerAttr, getShowTrigger };
 }
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "sider-trigger",
   props: {
     type: {
@@ -2417,7 +2743,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "drag-bar",
   setup(__props) {
     const { getCollapsed, getCanDrag, getMenuWidth } = useMenu();
@@ -2443,16 +2769,16 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = { class: "dt-mix-sider__shallow-menu" };
-const _hoisted_2$2 = { class: "m-0" };
-const _hoisted_3$1 = { class: "dt-mix-sider__sub-shallow-menu" };
+const _hoisted_1$2 = { class: "dt-mix-sider__shallow-menu" };
+const _hoisted_2 = { class: "m-0" };
+const _hoisted_3 = { class: "dt-mix-sider__sub-shallow-menu" };
 const _hoisted_4 = { key: 0 };
 const _hoisted_5 = { class: "opacity-60 m-0 py-3 text-lg pt-6" };
 const _hoisted_6 = ["onClick"];
 const _hoisted_7 = { class: "m-0" };
 const _hoisted_8 = ["onClick"];
 const _hoisted_9 = { class: "m-0" };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "mix-sider",
   setup(__props) {
     const MENU_WIDTH = 80;
@@ -2523,13 +2849,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           style: unref(getWrapStyle),
           class: ["dt-mix-sider fixed top-0 left-0 h-full overflow-hidden", unref(getMenuTheme)]
         }, getMenuEvents), [
-          createVNode(_sfc_main$w, {
+          createVNode(_sfc_main$q, {
             showTitle: false,
             class: normalizeClass("justify-center z-10")
           }),
           createVNode(unref(DtScrollContainer), { class: "z-10" }, {
             default: withCtx(() => [
-              createElementVNode("ul", _hoisted_1$5, [
+              createElementVNode("ul", _hoisted_1$2, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(unref(menuModules), (item) => {
                   return openBlock(), createElementBlock("li", mergeProps({
                     key: item.id,
@@ -2540,7 +2866,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                     createElementVNode("i", {
                       class: normalizeClass(["i", item.icon])
                     }, null, 2),
-                    createElementVNode("p", _hoisted_2$2, toDisplayString(item.label), 1)
+                    createElementVNode("p", _hoisted_2, toDisplayString(item.label), 1)
                   ], 16);
                 }), 128))
               ])
@@ -2556,7 +2882,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               }, [
                 createVNode(unref(DtScrollContainer), null, {
                   default: withCtx(() => [
-                    createElementVNode("ul", _hoisted_3$1, [
+                    createElementVNode("ul", _hoisted_3, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(subMenus.value, (menu) => {
                         return openBlock(), createElementBlock("li", {
                           key: menu.id
@@ -2606,7 +2932,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
     const {
@@ -2666,10 +2992,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const getMode = computed(() => {
       return unref(getSplit) ? MenuMode.INLINE : null;
     });
-    const renderTrigger = h(_sfc_main$a);
+    const renderTrigger = h(_sfc_main$7);
     return (_ctx, _cache) => {
       const _component_ALayoutSider = LayoutSider;
-      return unref(getIsMixSidebar) ? (openBlock(), createBlock(_sfc_main$8, {
+      return unref(getIsMixSidebar) ? (openBlock(), createBlock(_sfc_main$5, {
         key: 0
       })) : (openBlock(), createElementBlock(Fragment, {
         key: 1
@@ -2689,11 +3015,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         theme: unref(getMenuTheme),
         trigger: unref(renderTrigger)
       }, unref(getTriggerAttr)), {
-        default: withCtx(() => [createVNode(_sfc_main$c, {
+        default: withCtx(() => [createVNode(_sfc_main$9, {
           theme: unref(getMenuTheme),
           menuMode: unref(getMode),
           splitType: unref(getSplitType)
-        }, null, 8, ["theme", "menuMode", "splitType"]), createVNode(_sfc_main$9, {
+        }, null, 8, ["theme", "menuMode", "splitType"]), createVNode(_sfc_main$6, {
           ref_key: "dragBarRef",
           ref: dragBarRef
         }, null, 512)]),
@@ -2702,311 +3028,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = /* @__PURE__ */ createElementVNode("i", { class: "block i ic:baseline-autorenew" }, null, -1);
-const _hoisted_2$1 = [
-  _hoisted_1$4
-];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "TabRedo",
-  setup(__props) {
-    const tabStore = useRouteReuseStore();
-    const router = useRouter();
-    function handleRedo() {
-      tabStore.refreshPage(router);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        onClick: handleRedo,
-        class: "inline-block w-9 h-9 leading-9 -mt-0.5 text-zinc-600 text-center cursor-pointer border-l border-zinc-300 hover:text-zinc-900"
-      }, _hoisted_2$1);
-    };
-  }
-});
-function useTabDropdown() {
-  const router = useRouter();
-  const { currentRoute } = router;
-  const tabStore = useRouteReuseStore();
-  const state = reactive({
-    current: null,
-    currentIndex: 0
-  });
-  const getDropMenuList = computed(() => {
-    const { t } = useI18n("UI");
-    const { path, meta } = unref(currentRoute);
-    const curItem = state.current;
-    const isCurItem = curItem ? curItem.path === path : false;
-    const index = state.currentIndex;
-    const closeLeftDisabled = index === 0 || !isCurItem;
-    const disabled = tabStore.getTabList.length === 1;
-    const closeRightDisabled = !isCurItem || index === tabStore.getTabList.length - 1 && tabStore.getLastDragEndIndex >= 0;
-    const dropMenuList = [
-      {
-        icon: "ic:baseline-close",
-        text: t("CLOSE_CURRENT_TAG"),
-        onClick: () => tabStore.closeTab(path, router),
-        disabled: !!meta?.affix || disabled,
-        divider: true
-      },
-      {
-        icon: "mdi:arrow-collapse-left",
-        text: t("CLOSE_LEFT_TAGS"),
-        onClick: () => tabStore.closeLeftTabs(path),
-        disabled: closeLeftDisabled,
-        divider: false
-      },
-      {
-        icon: "mdi:arrow-collapse-right",
-        text: t("CLOSE_RIGHT_TAGS"),
-        onClick: () => tabStore.closeRightTabs(path),
-        disabled: closeRightDisabled,
-        divider: true
-      },
-      {
-        icon: "ic:baseline-sync-alt",
-        text: t("CLOSE_OTHER_TAGS"),
-        onClick: () => tabStore.closeOtherTabs(path),
-        disabled: disabled || !isCurItem
-      },
-      {
-        icon: "ic:baseline-horizontal-rule",
-        text: t("CLOSE_ALL_TAGE"),
-        onClick: () => tabStore.closeAllTab(currentRoute, router),
-        disabled
-      }
-    ];
-    return dropMenuList;
-  });
-  function handleContext(e) {
-    e?.preventDefault();
-    const { path } = unref(currentRoute);
-    const index = tabStore.getTabList.findIndex((tab) => tab.path === path);
-    state.current = unref(currentRoute);
-    state.currentIndex = index;
-  }
-  function handleMenuEvent(item) {
-    item.onClick?.();
-  }
-  return {
-    getDropMenuList,
-    handleContext,
-    handleMenuEvent
-  };
-}
-const _hoisted_1$3 = /* @__PURE__ */ createElementVNode("i", { class: "block i ic:baseline-keyboard-arrow-down" }, null, -1);
-const _hoisted_2 = [
-  _hoisted_1$3
-];
-const _hoisted_3 = { class: "text-13" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "TabContent",
-  setup(__props) {
-    const { getDropMenuList, handleContext, handleMenuEvent } = useTabDropdown();
-    return (_ctx, _cache) => {
-      const _component_AMenuItem = MenuItem;
-      const _component_AMenuDivider = MenuDivider;
-      const _component_AMenu = Menu;
-      const _component_ADropdown = Dropdown;
-      return openBlock(), createBlock(_component_ADropdown, {
-        placement: "bottomRight",
-        trigger: ["click"],
-        overlayClassName: "dt-reuse-tabs__dropdown"
-      }, {
-        overlay: withCtx(() => [
-          createVNode(_component_AMenu, null, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getDropMenuList), (item, index) => {
-                return openBlock(), createElementBlock(Fragment, { key: index }, [
-                  createVNode(_component_AMenuItem, {
-                    onClick: ($event) => unref(handleMenuEvent)(item),
-                    disabled: item.disabled
-                  }, {
-                    default: withCtx(() => [
-                      createElementVNode("i", {
-                        class: normalizeClass(["i pr-4", item.icon])
-                      }, null, 2),
-                      createElementVNode("span", _hoisted_3, toDisplayString(item.text), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["onClick", "disabled"]),
-                  item.divider ? (openBlock(), createBlock(_component_AMenuDivider, {
-                    key: `d-${index}`
-                  })) : createCommentVNode("", true)
-                ], 64);
-              }), 128))
-            ]),
-            _: 1
-          })
-        ]),
-        default: withCtx(() => [
-          createElementVNode("span", {
-            onClick: _cache[0] || (_cache[0] = (...args) => unref(handleContext) && unref(handleContext)(...args)),
-            class: "inline-block w-9 h-9 leading-9 -mt-0.5 text-zinc-600 text-center cursor-pointer border-l border-zinc-300 hover:text-zinc-900"
-          }, _hoisted_2)
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-function initAffixTabs() {
-  const affixList = ref([]);
-  const tabStore = useRouteReuseStore();
-  const router = useRouter();
-  const filterAffixTabs = (routes = []) => {
-    return routes && routes.reduce((tabs, route) => {
-      if (route.meta && route.meta.affix) {
-        tabs.push(toRaw(route));
-      }
-      return tabs;
-    }, []);
-  };
-  const addAffixTabs = () => {
-    const affixTabs = filterAffixTabs(router.getRoutes());
-    affixList.value = affixTabs;
-    for (const tab of affixTabs) {
-      tabStore.addTab({
-        meta: tab.meta,
-        name: tab.name,
-        path: tab.path
-      });
-    }
-  };
-  let isAddAffix = false;
-  if (!isAddAffix) {
-    addAffixTabs();
-    isAddAffix = true;
-  }
-  return affixList.value.map((item) => item.meta?.title).filter(Boolean);
-}
-function useSortable(el, options) {
-  function initSortable() {
-    nextTick(async () => {
-      if (!el)
-        return;
-      const Sortable = (await import("sortablejs")).default;
-      Sortable.create(unref(el), {
-        animation: 500,
-        delay: 400,
-        delayOnTouchOnly: true,
-        ...options
-      });
-    });
-  }
-  return { initSortable };
-}
-function useTabsDrag(affixList) {
-  const tabStore = useRouteReuseStore();
-  const { getCanDrag } = useMultipleTab();
-  nextTick(() => {
-    if (!unref(getCanDrag))
-      return;
-    const el = document.querySelectorAll(`.dt-reuse-tabs .ant-tabs-nav-list`)?.[0];
-    const { initSortable } = useSortable(el, {
-      filter: (e) => {
-        const text = e?.target?.innerText;
-        if (!text)
-          return false;
-        return affixList.includes(text);
-      },
-      onEnd: (evt) => {
-        const { oldIndex, newIndex } = evt;
-        if (isNullAndUnDef(oldIndex) || isNullAndUnDef(newIndex) || oldIndex === newIndex)
-          return;
-        tabStore.sortTabs(oldIndex, newIndex);
-      }
-    });
-    initSortable();
-  });
-}
-const _hoisted_1$2 = { class: "dt-reuse-tabs leading-8 border-b border-solid border-gray-200" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  setup(__props) {
-    const { t } = useI18n("UI");
-    const router = useRouter();
-    const go = useGo(router);
-    const tabStore = useRouteReuseStore();
-    const { getShowQuick, getShowRedo } = useMultipleTab();
-    const menuLabelMap = menuList2Map();
-    const activeKeyRef = ref(null);
-    const getTabsState = computed(() => {
-      return tabStore.getTabList.filter((item) => !item.meta?.hideTab);
-    });
-    const unClose = computed(() => unref(getTabsState).length === 1);
-    function handleChange(activeKey) {
-      activeKeyRef.value = activeKey;
-      go(activeKey);
-    }
-    function handleEdit(targetKey) {
-      if (unref(unClose))
-        return;
-      tabStore.closeTab(targetKey, router);
-    }
-    const affixTextList = initAffixTabs();
-    useTabsDrag(affixTextList);
-    watch(
-      () => router.currentRoute.value.path,
-      (v) => {
-        if (v === "/" || v === "/login")
-          return;
-        const { meta = {} } = unref(router.currentRoute);
-        const { hideTab = false } = meta;
-        if (activeKeyRef.value !== v) {
-          activeKeyRef.value = v;
-        }
-        if (!hideTab) {
-          tabStore.addTab(unref(router.currentRoute));
-        }
-      },
-      {
-        immediate: true
-      }
-    );
-    return (_ctx, _cache) => {
-      const _component_ATabPane = TabPane;
-      const _component_ATabs = Tabs;
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        createVNode(_component_ATabs, {
-          type: "editable-card",
-          size: "small",
-          animated: false,
-          hideAdd: true,
-          tabBarGutter: 3,
-          activeKey: activeKeyRef.value,
-          onChange: handleChange,
-          onEdit: handleEdit,
-          class: "h-8"
-        }, createSlots({
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getTabsState), (item) => {
-              return openBlock(), createBlock(_component_ATabPane, {
-                key: item.query ? item.fullPath : item.path,
-                closable: !(item && item.meta && item.meta.affix)
-              }, {
-                tab: withCtx(() => [
-                  createElementVNode("span", null, toDisplayString(unref(menuLabelMap).get(item.path) || unref(t)("UNKNOWN_ROUTE")), 1)
-                ]),
-                _: 2
-              }, 1032, ["closable"]);
-            }), 128))
-          ]),
-          _: 2
-        }, [
-          unref(getShowRedo) || unref(getShowQuick) ? {
-            name: "rightExtra",
-            fn: withCtx(() => [
-              unref(getShowRedo) ? (openBlock(), createBlock(unref(_sfc_main$6), { key: 0 })) : createCommentVNode("", true),
-              unref(getShowQuick) ? (openBlock(), createBlock(unref(_sfc_main$5), { key: 1 })) : createCommentVNode("", true)
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["activeKey"])
-      ]);
-    };
-  }
-});
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "multiple-header",
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "multiple-header",
   setup(__props) {
     const {
       getHeaderHeight,
@@ -3016,7 +3039,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       getTabsHeight
     } = useHeader();
     const { getCalcContentWidth, getIsMixMode, getSplit, getIsMixSidebar } = useMenu();
-    const { getShowMultipleTab } = useMultipleTab();
+    const { getShowMultipleTab, getMultipleTabPosIsTop } = useMultipleTab();
     const getPlaceholderDomStyle = computed(() => {
       let height = unref(getHeaderHeight);
       if (unref(getIsMixMode)) {
@@ -3060,8 +3083,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(unref(getWrapStyle)),
           class: normalizeClass(unref(getClass))
         }, [
-          unref(getShowInsetHeaderRef) ? (openBlock(), createBlock(_sfc_main$b, { key: 0 })) : createCommentVNode("", true),
-          unref(getShowMultipleTab) ? (openBlock(), createBlock(_sfc_main$4, { key: 1 })) : createCommentVNode("", true)
+          unref(getShowInsetHeaderRef) ? (openBlock(), createBlock(_sfc_main$8, { key: 0 })) : createCommentVNode("", true),
+          unref(getShowMultipleTab) && !unref(getMultipleTabPosIsTop) ? (openBlock(), createBlock(_sfc_main$v, { key: 1 })) : createCommentVNode("", true)
         ], 6)
       ]);
     };
@@ -3147,38 +3170,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-var zhCn = { exports: {} };
-(function(module, exports) {
-  !function(e, _) {
-    module.exports = _(require$$0);
-  }(commonjsGlobal, function(e) {
-    function _(e2) {
-      return e2 && "object" == typeof e2 && "default" in e2 ? e2 : { default: e2 };
-    }
-    var t = _(e), d = { name: "zh-cn", weekdays: "\u661F\u671F\u65E5_\u661F\u671F\u4E00_\u661F\u671F\u4E8C_\u661F\u671F\u4E09_\u661F\u671F\u56DB_\u661F\u671F\u4E94_\u661F\u671F\u516D".split("_"), weekdaysShort: "\u5468\u65E5_\u5468\u4E00_\u5468\u4E8C_\u5468\u4E09_\u5468\u56DB_\u5468\u4E94_\u5468\u516D".split("_"), weekdaysMin: "\u65E5_\u4E00_\u4E8C_\u4E09_\u56DB_\u4E94_\u516D".split("_"), months: "\u4E00\u6708_\u4E8C\u6708_\u4E09\u6708_\u56DB\u6708_\u4E94\u6708_\u516D\u6708_\u4E03\u6708_\u516B\u6708_\u4E5D\u6708_\u5341\u6708_\u5341\u4E00\u6708_\u5341\u4E8C\u6708".split("_"), monthsShort: "1\u6708_2\u6708_3\u6708_4\u6708_5\u6708_6\u6708_7\u6708_8\u6708_9\u6708_10\u6708_11\u6708_12\u6708".split("_"), ordinal: function(e2, _2) {
-      return "W" === _2 ? e2 + "\u5468" : e2 + "\u65E5";
-    }, weekStart: 1, yearStart: 4, formats: { LT: "HH:mm", LTS: "HH:mm:ss", L: "YYYY/MM/DD", LL: "YYYY\u5E74M\u6708D\u65E5", LLL: "YYYY\u5E74M\u6708D\u65E5Ah\u70B9mm\u5206", LLLL: "YYYY\u5E74M\u6708D\u65E5ddddAh\u70B9mm\u5206", l: "YYYY/M/D", ll: "YYYY\u5E74M\u6708D\u65E5", lll: "YYYY\u5E74M\u6708D\u65E5 HH:mm", llll: "YYYY\u5E74M\u6708D\u65E5dddd HH:mm" }, relativeTime: { future: "%s\u5185", past: "%s\u524D", s: "\u51E0\u79D2", m: "1 \u5206\u949F", mm: "%d \u5206\u949F", h: "1 \u5C0F\u65F6", hh: "%d \u5C0F\u65F6", d: "1 \u5929", dd: "%d \u5929", M: "1 \u4E2A\u6708", MM: "%d \u4E2A\u6708", y: "1 \u5E74", yy: "%d \u5E74" }, meridiem: function(e2, _2) {
-      var t2 = 100 * e2 + _2;
-      return t2 < 600 ? "\u51CC\u6668" : t2 < 900 ? "\u65E9\u4E0A" : t2 < 1100 ? "\u4E0A\u5348" : t2 < 1300 ? "\u4E2D\u5348" : t2 < 1800 ? "\u4E0B\u5348" : "\u665A\u4E0A";
-    } };
-    return t.default.locale(d, null, true), d;
-  });
-})(zhCn);
-var esUs = { exports: {} };
-(function(module, exports) {
-  !function(e, s) {
-    module.exports = s(require$$0);
-  }(commonjsGlobal, function(e) {
-    function s(e2) {
-      return e2 && "object" == typeof e2 && "default" in e2 ? e2 : { default: e2 };
-    }
-    var o = s(e), d = { name: "es-us", weekdays: "domingo_lunes_martes_mi\xE9rcoles_jueves_viernes_s\xE1bado".split("_"), weekdaysShort: "dom._lun._mar._mi\xE9._jue._vie._s\xE1b.".split("_"), weekdaysMin: "do_lu_ma_mi_ju_vi_s\xE1".split("_"), months: "enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"), monthsShort: "ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"), relativeTime: { future: "en %s", past: "hace %s", s: "unos segundos", m: "un minuto", mm: "%d minutos", h: "una hora", hh: "%d horas", d: "un d\xEDa", dd: "%d d\xEDas", M: "un mes", MM: "%d meses", y: "un a\xF1o", yy: "%d a\xF1os" }, ordinal: function(e2) {
-      return e2 + "\xBA";
-    }, formats: { LT: "h:mm A", LTS: "h:mm:ss A", L: "MM/DD/YYYY", LL: "D [de] MMMM [de] YYYY", LLL: "D [de] MMMM [de] YYYY h:mm A", LLLL: "dddd, D [de] MMMM [de] YYYY h:mm A" } };
-    return o.default.locale(d, null, true), d;
-  });
-})(esUs);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
@@ -3187,7 +3178,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { getSplit, getShowMenu, getShowSidebar, getIsMixSidebar } = useMenu();
     const { getFooter, getShowFooter } = useTheme();
     const { height } = unref(getFooter);
-    require$$0.locale(unref(getIsZH) ? "zh-cn" : "en");
+    dayjs.locale(unref(getIsZH) ? "zh-cn" : "en");
     const layoutClass = computed(() => {
       let cls = "ant-layout";
       if (unref(getIsMixSidebar)) {
@@ -3229,7 +3220,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 createVNode(_sfc_main$y),
-                unref(getShowFullHeaderRef) ? (openBlock(), createBlock(_sfc_main$b, {
+                unref(getShowFullHeaderRef) ? (openBlock(), createBlock(_sfc_main$8, {
                   key: 0,
                   fixed: ""
                 })) : createCommentVNode("", true),
@@ -3238,7 +3229,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   style: normalizeStyle(unref(layoutOption))
                 }, {
                   default: withCtx(() => [
-                    unref(getShowSidebar) ? (openBlock(), createBlock(_sfc_main$7, { key: 0 })) : createCommentVNode("", true),
+                    unref(getShowSidebar) ? (openBlock(), createBlock(_sfc_main$4, { key: 0 })) : createCommentVNode("", true),
                     createVNode(_component_ALayout, { class: "dt-theme-main flex w-full h-ful transition-width duration-200" }, {
                       default: withCtx(() => [
                         createVNode(_sfc_main$3),
@@ -3469,7 +3460,9 @@ const ZH = {
 const uiLang = (lang) => lang === Language.ZH ? ZH : EN;
 const DtTheme = withInstall$1(_sfc_main);
 export {
+  ContentMode,
   DtTheme,
+  UiSize,
   defaultThemeConf,
   uiLang,
   useRouteReuseStore,