@dt-frames/ui 2.0.3 → 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, createSlots, Transition, 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";
@@ -35,6 +37,7 @@ var MenuType = /* @__PURE__ */ ((MenuType2) => {
   MenuType2["SIDE"] = "sidebar";
   MenuType2["TOP_MENU"] = "top-menu";
   MenuType2["MIX"] = "mix";
+  MenuType2["MIX_SIDEBAR"] = "mix-sidebar";
   return MenuType2;
 })(MenuType || {});
 var MenuMode = /* @__PURE__ */ ((MenuMode2) => {
@@ -92,7 +95,8 @@ const defaultThemeConf = {
     menuWidth: 240,
     trigger: true,
     type: MenuType.SIDE,
-    mode: MenuMode.INLINE
+    mode: MenuMode.INLINE,
+    mixSideTrigger: "hover"
   },
   footerOptions: {
     show: false,
@@ -113,7 +117,8 @@ const useThemeStore = defineStore({
   id: "dt-theme",
   state: () => ({
     themeConf: DtCache.getLocal(CacheKey.THEME) ?? defaultThemeConf,
-    pageLoading: false
+    pageLoading: false,
+    mixSiderHasSubMenu: false
   }),
   getters: {
     getThemeConf() {
@@ -133,6 +138,9 @@ const useThemeStore = defineStore({
     },
     getPageLoading() {
       return this.pageLoading;
+    },
+    getMixSiderIsHasMenu() {
+      return this.mixSiderHasSubMenu;
     }
   },
   actions: {
@@ -140,6 +148,9 @@ const useThemeStore = defineStore({
       let newThemeConf = deepMerge(this.themeConf, options);
       this.themeConf = deepMerge(defaultThemeConf, newThemeConf);
       DtCache.setLocal(CacheKey.THEME, this.themeConf);
+    },
+    setMixSiderIsHasMenu(val) {
+      this.mixSiderHasSubMenu = val;
     }
   }
 });
@@ -295,8 +306,18 @@ function useMenu() {
   const getIsMixMode = computed(() => {
     return unref(getMenuMode) === MenuMode.INLINE && unref(getMenuType) === MenuType.MIX;
   });
-  const getMenuWidth = computed(() => unref(getIsMixMode) ? Number(getMenuConf.menuWidth) - 40 : getMenuConf.menuWidth);
-  const getLogoWidth = computed(() => getMenuConf.menuWidth);
+  const getIsMixSidebar = computed(() => unref(getMenuType) === MenuType.MIX_SIDEBAR);
+  const getMenuWidth = computed(() => {
+    if (unref(getIsMixMode)) {
+      return Number(getMenuConf.menuWidth) - 40;
+    } else if (unref(getIsMixSidebar)) {
+      return Number(getMenuConf.menuWidth) - 10;
+    } else {
+      return Number(getMenuConf.menuWidth);
+    }
+  });
+  const getMixSideTrigger = computed(() => getMenuConf.mixSideTrigger);
+  const getLogoWidth = computed(() => unref(getIsMixSidebar) ? "80px" : getMenuConf.menuWidth);
   const getMenuType = computed(() => getMenuConf.type);
   const getIsTopMenu = computed(() => unref(getMenuType) === MenuType.TOP_MENU);
   const getMenuMode = computed(() => getMenuConf.mode);
@@ -338,7 +359,9 @@ function useMenu() {
     getRealWidth,
     getCalcContentWidth,
     getIsMixMode,
+    getIsMixSidebar,
     getCanDrag,
+    getMixSideTrigger,
     toggleCollapsed,
     setThemeStore
   };
@@ -347,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
@@ -371,12 +396,12 @@ function useHeader() {
     getMenuMode,
     getSplit,
     getIsTopMenu,
-    getIsMixMode
+    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));
+  const getShowHeaderLogo = computed(() => unref(getShowLogo) && !unref(getIsSidebarType) && !unref(getIsMixSidebar));
   const getShowSearch = computed(() => getHeaderConf.showSearch);
   const getShowHeaderTrigger = computed(() => {
     if (unref(getMenuType) === MenuType.TOP_MENU || !unref(getShowMenu) || unref(getMenuHidden)) {
@@ -394,19 +419,19 @@ function useHeader() {
   const getShowLocale = computed(() => getHeaderConf.showLocaleSwitch);
   const getShowSettingTheme = computed(() => getHeaderConf.showSettingTheme);
   const getShowFullHeaderRef = computed(() => {
-    return !unref(getIsSidebarType) && !unref(getIsTopMenu);
+    return !unref(getIsSidebarType) && !unref(getIsMixSidebar) && !unref(getIsTopMenu);
   });
   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;
   });
   const getTabsHeight = computed(() => TABS_HEIGHT);
   const getShowInsetHeaderRef = computed(() => {
-    return unref(getIsSidebarType) || unref(getIsTopMenu);
+    return unref(getIsSidebarType) || unref(getIsTopMenu) || unref(getIsMixSidebar);
   });
   const getShowBackToTop = computed(() => getHeaderConf.showBackToTop);
   const getIsZH = computed(() => {
@@ -502,6 +527,26 @@ function getFilterMenu(filter = "", flag = false) {
   getTargetMenus(DtCache.getLocal(CacheKey.MENUS)?.children);
   return _menus;
 }
+function getParentTreeByPath(path) {
+  const _menus = DtCache.getLocal(CacheKey.MENUS)?.children || [];
+  let routes = [];
+  let getParentByPath = (menu, path2 = "") => {
+    if (menu.children && menu.children.length) {
+      menu.children.forEach((subMenu) => {
+        subMenu.parentMenus = [...menu.parentMenus].concat([subMenu]);
+        getParentByPath(subMenu, path2);
+      });
+    }
+    if (menu.url === path2) {
+      routes = menu.parentMenus;
+    }
+  };
+  _menus.forEach((menu) => {
+    menu.parentMenus = [menu];
+    getParentByPath(menu, path);
+  });
+  return routes.length ? routes[0] : { id: null, children: [], icon: "", label: "" };
+}
 function useOpenKeys(menuState, menus, type) {
   async function setOpenKeys(path) {
     if (type === MenuType.TOP_MENU)
@@ -597,7 +642,7 @@ function useDragLine(siderRef, dragBarRef) {
     };
   }
 }
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "back-top",
   setup(__props) {
     const getTarget = () => document.getElementById("dt-layout-content");
@@ -612,236 +657,330 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$y);
+      return openBlock(), createBlock(_sfc_main$z);
     };
   }
 });
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
-  __name: "fullscreen",
+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: "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$v = /* @__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$u = /* @__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$t = /* @__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$8 = ["onClick"];
-const _hoisted_3$5 = {
-  key: 0,
-  class: "flex items-center justify-center h-full overflow-hidden"
-};
-const _sfc_main$s = /* @__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
+      });
+    }
+  };
+  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_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$8);
-            }), 256)),
-            !menuList.value.length ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
-              createVNode(_component_AEmpty, {
-                description: "\u6682\u65E0\u6570\u636E",
-                imageStyle: { width: "100%" }
-              })
-            ])) : createCommentVNode("", true)
-          ]),
+      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$7 = ["onClick"];
-const _hoisted_3$4 = {
-  class: "pr-2",
-  size: 16
-};
-const _hoisted_4$2 = /* @__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$r = /* @__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$4, null, 512), [
-                  [_directive_icon, it.icon]
-                ]),
-                createElementVNode("span", null, toDisplayString(it.text), 1)
-              ], 10, _hoisted_2$7);
-            }), 256))
-          ])
-        ]),
-        default: withCtx(() => [
-          _hoisted_4$2
-        ]),
-        _: 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)
+      ]);
     };
   }
 });
@@ -983,8 +1122,8 @@ const Bar = defineComponent({
     );
   }
 });
-const _hoisted_1$e = { class: "scrollbar relative h-full overflow-hidden" };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _hoisted_1$f = { class: "scrollbar relative h-full overflow-hidden" };
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "scroll-bar",
   props: {
     wrapClass: {
@@ -1053,7 +1192,7 @@ const _sfc_main$q = /* @__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,
@@ -1086,12 +1225,12 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$p = /* @__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$q, mergeProps({
+      return openBlock(), createBlock(_sfc_main$t, mergeProps({
         ref_key: "scrollbarRef",
         ref: scrollbarRef
       }, _ctx.$attrs, { class: "w-full h-full" }), {
@@ -1103,7 +1242,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "slot-container",
   props: {
     template: {
@@ -1127,18 +1266,234 @@ const withInstall = (comp) => {
   };
   return comp;
 };
-const DtScrollContainer = withInstall(_sfc_main$p);
-const DtSlotContainer = withInstall(_sfc_main$o);
-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$n = /* @__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",
+      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]
+          ])
+        ], 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 = {
+  key: 0,
+  class: "dt-menu-filter h-7 pr-2"
+};
+const _hoisted_2$7 = ["onClick"];
+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(() => [
@@ -1148,7 +1503,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           }, null, 8, ["template"])) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$d, [
+          createElementVNode("span", _hoisted_1$a, [
             withDirectives(createElementVNode("span", null, null, 512), [
               [_directive_icon, "ant-design:bell-outlined"]
             ]),
@@ -1163,12 +1518,12 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$c = { class: "lang m-0" };
-const _hoisted_2$6 = ["onClick"];
+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$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "size",
   setup(__props) {
     const { t } = useI18n("UI");
@@ -1206,14 +1561,14 @@ const _sfc_main$m = /* @__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$6);
+              ], 10, _hoisted_2$5);
             }), 64))
           ])
         ]),
@@ -1225,15 +1580,15 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$b = { class: "m-0" };
-const _hoisted_2$5 = {
+const _hoisted_1$8 = { class: "m-0" };
+const _hoisted_2$4 = {
   class: "pr-2",
   size: 16
 };
 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$1 = ["src"];
-const _hoisted_5 = { class: "pl-2 text-13" };
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _hoisted_4$2 = ["src"];
+const _hoisted_5$1 = { class: "pl-2 text-13" };
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "user-info",
   setup(__props) {
     const { t } = useI18n("UI");
@@ -1258,7 +1613,7 @@ const _sfc_main$l = /* @__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
@@ -1268,7 +1623,7 @@ const _sfc_main$l = /* @__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$5, 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)
@@ -1279,11 +1634,11 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           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$1)
+                createElementVNode("img", { src: "/node_modules/@dt-frames/ui/es/assets/imgs/header/avatar.png" }, null, 8, _hoisted_4$2)
               ]),
               _: 1
             }),
-            createElementVNode("span", _hoisted_5, toDisplayString(unref(getUserInfo)?.userNo), 1)
+            createElementVNode("span", _hoisted_5$1, toDisplayString(unref(getUserInfo)?.userNo), 1)
           ])
         ]),
         _: 1
@@ -1388,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$4 = ["onClick"];
+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 = [
+const _hoisted_4$1 = [
   _hoisted_3$1
 ];
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "menu-type",
   setup(__props) {
     const { getMenuType, getMenuMode } = useMenu();
@@ -1422,6 +1777,14 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         mode: MenuMode.HORIZONTAL,
         type: MenuType.TOP_MENU,
         split: false
+      },
+      {
+        title: "\u5DE6\u4FA7\u83DC\u5355\u6DF7\u5408\u6A21\u5F0F",
+        headTheme: Theme.LIGHT,
+        menuTheme: Theme.DARK,
+        mode: MenuMode.INLINE,
+        type: MenuType.MIX_SIDEBAR,
+        split: false
       }
     ];
     function changeMenuType(item) {
@@ -1429,7 +1792,7 @@ const _sfc_main$k = /* @__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,
@@ -1447,7 +1810,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                     [`dt-menu-type__item--active`]: unref(getMenuType) === item.type && unref(getMenuMode) === item.mode
                   }
                 ])
-              }, _hoisted_4, 10, _hoisted_2$4)
+              }, _hoisted_4$1, 10, _hoisted_2$3)
             ]),
             _: 2
           }, 1032, ["title"]);
@@ -1456,8 +1819,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "flex justify-between mb-5" };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _hoisted_1$6 = { class: "flex justify-between mb-5" };
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "select",
   props: {
     event: { type: Number },
@@ -1480,7 +1843,7 @@ const _sfc_main$j = /* @__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,
@@ -1493,8 +1856,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$8 = { class: "flex justify-between mb-5" };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _hoisted_1$5 = { class: "flex justify-between mb-5" };
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "switch",
   props: {
     event: {
@@ -1517,7 +1880,7 @@ const _sfc_main$i = /* @__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,
@@ -1529,7 +1892,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "feature",
   setup(__props) {
     const { t } = useI18n("UI");
@@ -1605,7 +1968,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         (openBlock(), createElementBlock(Fragment, null, renderList(switchItems, (item) => {
-          return createVNode(_sfc_main$i, {
+          return createVNode(_sfc_main$g, {
             key: item.title,
             title: item.title,
             event: item.event,
@@ -1613,7 +1976,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           }, null, 8, ["title", "event", "def"]);
         }), 64)),
         (openBlock(), createElementBlock(Fragment, null, renderList(selectItems, (item) => {
-          return createVNode(_sfc_main$j, {
+          return createVNode(_sfc_main$h, {
             key: item.title,
             title: item.title,
             event: item.event,
@@ -1625,9 +1988,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = { class: "mt-5" };
-const _hoisted_2$3 = { class: "dt-setting-theme__tips p-3 text-12 bg-gray-100 rounded" };
-const _sfc_main$g = /* @__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");
@@ -1735,16 +2098,16 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            createVNode(unref(_sfc_main$k)),
+            createVNode(unref(_sfc_main$i)),
             createVNode(_component_ADivider, null, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(unref(t)("PAGE_SHOW")), 1)
               ]),
               _: 1
             }),
-            createVNode(unref(_sfc_main$h)),
+            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",
@@ -1767,7 +2130,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                 _: 1
               })
             ]),
-            createElementVNode("div", _hoisted_2$3, toDisplayString(unref(t)("DRAWER_TIPS")), 1)
+            createElementVNode("div", _hoisted_2$2, toDisplayString(unref(t)("DRAWER_TIPS")), 1)
           ]),
           _: 1
         }, 8, ["visible", "title"])
@@ -1942,7 +2305,7 @@ const contentProps = {
   },
   isSplitMenu: Boolean
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "menu-item-content",
   props: contentProps,
   setup(__props) {
@@ -1959,7 +2322,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "basic-menu-item",
   props: ItemProp,
   setup(__props) {
@@ -1970,14 +2333,14 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         key: _ctx.item.url
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$f, normalizeProps(guardReactiveProps(props)), null, 16)
+          createVNode(_sfc_main$d, normalizeProps(guardReactiveProps(props)), null, 16)
         ]),
         _: 1
       });
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "basic-sub-menu-item",
   props: ItemProp,
   setup(__props) {
@@ -1994,14 +2357,14 @@ const _sfc_main$d = /* @__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$e, 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$f, 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) => {
@@ -2016,7 +2379,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "basic-menu",
   props: BasicMenu,
   emits: ["menuClick"],
@@ -2103,7 +2466,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
-            return openBlock(), createBlock(_sfc_main$d, {
+            return openBlock(), createBlock(_sfc_main$b, {
               key: item.id,
               item,
               theme: _ctx.theme,
@@ -2116,7 +2479,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$b = defineComponent({
+const _sfc_main$9 = defineComponent({
   name: "LayoutMenu",
   props: {
     theme: String,
@@ -2176,6 +2539,8 @@ const _sfc_main$b = defineComponent({
       go(path);
     }
     function renderHeader() {
+      if (!unref(getIsShowLogo))
+        return null;
       if (slots.logo) {
         return createVNode(DtSlotContainer, {
           "template": slots.logo,
@@ -2185,9 +2550,7 @@ const _sfc_main$b = defineComponent({
           }
         }, null);
       }
-      if (!unref(getIsShowLogo))
-        return null;
-      return createVNode(_sfc_main$v, {
+      return createVNode(_sfc_main$q, {
         "showTitle": !unref(getCollapsed),
         "class": unref(getLogoClass),
         "theme": unref(getComputedTheme)
@@ -2212,7 +2575,7 @@ const _sfc_main$b = defineComponent({
       } = unref(getMenuProps);
       if (!menus || !menus.length)
         return null;
-      return createVNode(_sfc_main$c, mergeProps(menuProps, {
+      return createVNode(_sfc_main$a, mergeProps(menuProps, {
         "isHorizontal": props.isHorizontal,
         "type": unref(getMenuType),
         "showLogo": unref(getIsShowLogo),
@@ -2227,12 +2590,15 @@ const _sfc_main$b = defineComponent({
     };
   }
 });
-const _hoisted_1$6 = { class: "dt-header-left flex h-full items-center" };
-const _hoisted_2$2 = {
+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$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     fixed: Boolean
@@ -2253,12 +2619,14 @@ const _sfc_main$a = /* @__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 ";
@@ -2274,20 +2642,27 @@ const _sfc_main$a = /* @__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$v), {
+          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$u), {
+            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$t), { key: 2 })) : createCommentVNode("", true)
-          ]),
-          unref(getShowTopMenu) ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
-            createVNode(_sfc_main$b, {
+            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),
@@ -2300,16 +2675,16 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               "padding-right": unref(getShowSettingTheme) ? "" : "20px"
             })
           }, [
-            unref(getShowSearch) ? (openBlock(), createBlock(unref(_sfc_main$s), { key: 0 })) : createCommentVNode("", true),
-            unref(getShowNotice) ? (openBlock(), createBlock(unref(_sfc_main$n), { key: 1 })) : createCommentVNode("", true),
-            unref(getShowUiSize) ? (openBlock(), createBlock(unref(_sfc_main$m), { key: 2 })) : createCommentVNode("", true),
-            unref(getShowFullScreen) ? (openBlock(), createBlock(unref(_sfc_main$w), { key: 3 })) : createCommentVNode("", true),
-            unref(getShowLocale) ? (openBlock(), createBlock(unref(_sfc_main$r), {
+            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$l)),
-            unref(getShowSettingTheme) ? (openBlock(), createBlock(unref(_sfc_main$g), { key: 5 })) : createCommentVNode("", true)
+            createVNode(unref(_sfc_main$j)),
+            unref(getShowSettingTheme) ? (openBlock(), createBlock(unref(_sfc_main$e), { key: 5 })) : createCommentVNode("", true)
           ], 4)
         ]),
         _: 1
@@ -2344,7 +2719,7 @@ function useTrigger() {
   });
   return { getTriggerAttr, getShowTrigger };
 }
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "sider-trigger",
   props: {
     type: {
@@ -2368,7 +2743,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "drag-bar",
   setup(__props) {
     const { getCollapsed, getCanDrag, getMenuWidth } = useMenu();
@@ -2394,29 +2769,193 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "index",
+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$5 = /* @__PURE__ */ defineComponent({
+  __name: "mix-sider",
   setup(__props) {
-    const {
-      getMenuFixed,
-      getSplit,
-      getMenuHidden,
-      getMenuWidth,
-      getCollapsed,
-      getMenuTheme,
-      getRealWidth,
-      getIsMixMode
-    } = useMenu();
-    const {
-      getCollapsedWidth,
-      onBreakPointChange
-    } = useMenuSwitch();
-    const {
-      getTriggerAttr,
-      getShowTrigger
-    } = useTrigger();
-    const dragBarRef = ref(null);
-    const sideRef = ref(null);
+    const MENU_WIDTH = 80;
+    const go = useGo();
+    const { getMenuWidth, getMenuTheme, getMixSideTrigger } = useMenu();
+    const { setMixSiderIsHasMenu } = useThemeStore();
+    const menuModules = getShallowMenus();
+    const activeId = ref("");
+    const subMenus = ref([]);
+    const getDomStyle = computed(() => setDomWidth(`${unref(subMenus)?.length ? unref(getMenuWidth) : MENU_WIDTH}px`));
+    const getWrapStyle = computed(() => setDomWidth(`${MENU_WIDTH}px`));
+    const getSubMenuStyle = computed(() => {
+      return {
+        width: `${unref(getMenuWidth) - MENU_WIDTH}px`,
+        left: `${MENU_WIDTH}px`
+      };
+    });
+    function setDomWidth(width) {
+      return {
+        width,
+        minWidth: width,
+        maxWidth: width,
+        flex: `0 0 ${width}`,
+        transition: "all 0.2s"
+      };
+    }
+    const getMenuEvents = {
+      onMouseleave: () => {
+        setActive(currentRoute.value.path);
+      }
+    };
+    const getItemEvents = (item) => {
+      if (unref(getMixSideTrigger) === "hover") {
+        return {
+          onMouseenter: () => handleModuleClick(item.url, true),
+          onClick: () => handleModuleClick(item.url)
+        };
+      }
+      return {
+        onClick: () => handleModuleClick(item.url)
+      };
+    };
+    const { currentRoute = null } = useRouter();
+    function setActive(path) {
+      const pTree = getParentTreeByPath(path);
+      activeId.value = pTree.id;
+      subMenus.value = pTree.children;
+      setMixSiderIsHasMenu(Boolean(pTree.children?.length));
+    }
+    function handleModuleClick(path, isHover = false) {
+      setActive(path);
+      if (!isHover) {
+        go(path);
+      }
+    }
+    watchEffect(() => {
+      if (!currentRoute || currentRoute.value.path === "/")
+        return;
+      setActive(currentRoute.value.path);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", {
+          class: "h-full overflow-hidden",
+          style: normalizeStyle(unref(getDomStyle))
+        }, null, 4),
+        createElementVNode("div", mergeProps({
+          style: unref(getWrapStyle),
+          class: ["dt-mix-sider fixed top-0 left-0 h-full overflow-hidden", unref(getMenuTheme)]
+        }, getMenuEvents), [
+          createVNode(_sfc_main$q, {
+            showTitle: false,
+            class: normalizeClass("justify-center z-10")
+          }),
+          createVNode(unref(DtScrollContainer), { class: "z-10" }, {
+            default: withCtx(() => [
+              createElementVNode("ul", _hoisted_1$2, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(menuModules), (item) => {
+                  return openBlock(), createElementBlock("li", mergeProps({
+                    key: item.id,
+                    class: ["py-3 cursor-pointer relative text-center", {
+                      "active-menu": item.id === activeId.value
+                    }]
+                  }, getItemEvents(item)), [
+                    createElementVNode("i", {
+                      class: normalizeClass(["i", item.icon])
+                    }, null, 2),
+                    createElementVNode("p", _hoisted_2, toDisplayString(item.label), 1)
+                  ], 16);
+                }), 128))
+              ])
+            ]),
+            _: 1
+          }),
+          createVNode(Transition, { name: "dt-mix-sider__animate" }, {
+            default: withCtx(() => [
+              subMenus.value?.length ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "fixed top-0 h-full sub-menu bg-white",
+                style: normalizeStyle(unref(getSubMenuStyle))
+              }, [
+                createVNode(unref(DtScrollContainer), null, {
+                  default: withCtx(() => [
+                    createElementVNode("ul", _hoisted_3, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(subMenus.value, (menu) => {
+                        return openBlock(), createElementBlock("li", {
+                          key: menu.id
+                        }, [
+                          menu.children?.length ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                            createElementVNode("p", _hoisted_5, toDisplayString(menu.label), 1),
+                            createElementVNode("ul", null, [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList(menu.children, (subMenu) => {
+                                return openBlock(), createElementBlock("li", {
+                                  key: subMenu.id,
+                                  class: normalizeClass(["flex cursor-pointer", {
+                                    "active-menu": subMenu.url === unref(currentRoute).fullPath
+                                  }]),
+                                  onClick: ($event) => unref(go)(subMenu.url)
+                                }, [
+                                  createElementVNode("i", {
+                                    class: normalizeClass(["i opacity-50 pr-2", subMenu.icon])
+                                  }, null, 2),
+                                  createElementVNode("p", _hoisted_7, toDisplayString(subMenu.label), 1)
+                                ], 10, _hoisted_6);
+                              }), 128))
+                            ])
+                          ])) : (openBlock(), createElementBlock("div", {
+                            key: 1,
+                            class: normalizeClass(["sub-menu flex cursor-pointer", {
+                              "active-menu": menu.url === unref(currentRoute).fullPath
+                            }]),
+                            onClick: ($event) => unref(go)(menu.url)
+                          }, [
+                            createElementVNode("i", {
+                              class: normalizeClass(["i opacity-50 pr-2", menu.icon])
+                            }, null, 2),
+                            createElementVNode("p", _hoisted_9, toDisplayString(menu.label), 1)
+                          ], 10, _hoisted_8))
+                        ]);
+                      }), 128))
+                    ])
+                  ]),
+                  _: 1
+                })
+              ], 4)) : createCommentVNode("", true)
+            ]),
+            _: 1
+          })
+        ], 16)
+      ], 64);
+    };
+  }
+});
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const {
+      getMenuFixed,
+      getSplit,
+      getMenuHidden,
+      getMenuWidth,
+      getCollapsed,
+      getMenuTheme,
+      getRealWidth,
+      getIsMixMode,
+      getIsMixSidebar
+    } = useMenu();
+    const {
+      getCollapsedWidth,
+      onBreakPointChange
+    } = useMenuSwitch();
+    const {
+      getTriggerAttr,
+      getShowTrigger
+    } = useTrigger();
+    const dragBarRef = ref(null);
+    const sideRef = ref(null);
     const hiddenDomStyle = computed(() => {
       const width = `${unref(getRealWidth)}px`;
       return {
@@ -2453,10 +2992,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const getMode = computed(() => {
       return unref(getSplit) ? MenuMode.INLINE : null;
     });
-    const renderTrigger = h(_sfc_main$9);
+    const renderTrigger = h(_sfc_main$7);
     return (_ctx, _cache) => {
       const _component_ALayoutSider = LayoutSider;
-      return openBlock(), createElementBlock(Fragment, null, [unref(getMenuFixed) ? withDirectives((openBlock(), createElementBlock("div", {
+      return unref(getIsMixSidebar) ? (openBlock(), createBlock(_sfc_main$5, {
+        key: 0
+      })) : (openBlock(), createElementBlock(Fragment, {
+        key: 1
+      }, [unref(getMenuFixed) ? withDirectives((openBlock(), createElementBlock("div", {
         key: 0,
         style: normalizeStyle(unref(hiddenDomStyle))
       }, null, 4)), [[vShow, unref(showClassSideBarRef)]]) : createCommentVNode("", true), withDirectives(createVNode(_component_ALayoutSider, mergeProps({
@@ -2472,319 +3015,16 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         theme: unref(getMenuTheme),
         trigger: unref(renderTrigger)
       }, unref(getTriggerAttr)), {
-        default: withCtx(() => [createVNode(_sfc_main$b, {
+        default: withCtx(() => [createVNode(_sfc_main$9, {
           theme: unref(getMenuTheme),
           menuMode: unref(getMode),
           splitType: unref(getSplitType)
-        }, null, 8, ["theme", "menuMode", "splitType"]), createVNode(_sfc_main$8, {
+        }, null, 8, ["theme", "menuMode", "splitType"]), createVNode(_sfc_main$6, {
           ref_key: "dragBarRef",
           ref: dragBarRef
         }, null, 512)]),
         _: 1
-      }, 16, ["class", "width", "collapsed", "collapsedWidth", "onBreakpoint", "theme", "trigger"]), [[vShow, unref(showClassSideBarRef)]])], 64);
-    };
-  }
-});
-const _hoisted_1$5 = /* @__PURE__ */ createElementVNode("i", { class: "block i ic:baseline-autorenew" }, null, -1);
-const _hoisted_2$1 = [
-  _hoisted_1$5
-];
-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$4 = /* @__PURE__ */ createElementVNode("i", { class: "block i ic:baseline-keyboard-arrow-down" }, null, -1);
-const _hoisted_2 = [
-  _hoisted_1$4
-];
-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$3 = { 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$3, [
-        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"])
-      ]);
+      }, 16, ["class", "width", "collapsed", "collapsedWidth", "onBreakpoint", "theme", "trigger"]), [[vShow, unref(showClassSideBarRef)]])], 64));
     };
   }
 });
@@ -2795,12 +3035,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       getHeaderHeight,
       getFixed,
       getShowFullHeaderRef,
-      getHeaderTheme,
       getShowInsetHeaderRef,
       getTabsHeight
     } = useHeader();
-    const { getCalcContentWidth, getIsMixMode, getIsTopMenu, getSplit } = useMenu();
-    const { getShowMultipleTab } = useMultipleTab();
+    const { getCalcContentWidth, getIsMixMode, getSplit, getIsMixSidebar } = useMenu();
+    const { getShowMultipleTab, getMultipleTabPosIsTop } = useMultipleTab();
     const getPlaceholderDomStyle = computed(() => {
       let height = unref(getHeaderHeight);
       if (unref(getIsMixMode)) {
@@ -2816,7 +3055,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const { menusRef } = useSplitMenu(getSplitType);
     const getWrapStyle = computed(() => {
       const style = {};
-      if (unref(getSplit) && !unref(menusRef)?.length) {
+      if (unref(getIsMixSidebar)) {
+        style.width = useThemeStore().getMixSiderIsHasMenu ? unref(getCalcContentWidth) : "calc(100% - 80px)";
+      } else if (unref(getSplit) && !unref(menusRef)?.length) {
         style.width = "100%";
       } else if (unref(getFixed)) {
         style.width = unref(getCalcContentWidth);
@@ -2842,14 +3083,14 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(unref(getWrapStyle)),
           class: normalizeClass(unref(getClass))
         }, [
-          unref(getShowInsetHeaderRef) ? (openBlock(), createBlock(_sfc_main$a, { 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)
       ]);
     };
   }
 });
-const _hoisted_1$2 = { class: "pr-2.5" };
+const _hoisted_1$1 = { class: "pr-2.5" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
@@ -2870,7 +3111,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         style: normalizeStyle(unref(footerOptions))
       }, {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$2, toDisplayString(unref(title)), 1),
+          createElementVNode("span", _hoisted_1$1, toDisplayString(unref(title)), 1),
           createElementVNode("span", null, toDisplayString(unref(subTitle)), 1)
         ]),
         _: 1
@@ -2878,7 +3119,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = ["loading"];
+const _hoisted_1 = ["loading"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
@@ -2925,54 +3166,24 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         })
-      ], 10, _hoisted_1$1);
+      ], 10, _hoisted_1);
     };
   }
 });
-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 _hoisted_1 = { class: "dt-theme w-full h-full" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
     const { currentRoute } = useRouter();
     const { getShowFullHeaderRef, getIsZH, getHeaderHeight, getUiSize } = useHeader();
-    const { getSplit, getShowMenu, getShowSidebar } = useMenu();
+    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)) {
+        cls += " ant-layout-has-sider";
+      }
       if (unref(getShowMenu)) {
         cls += " flex flex-auto min-h-0 flex-row";
       }
@@ -2995,7 +3206,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_ALayout = Layout;
       const _component_AConfigProvider = ConfigProvider;
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["dt-theme w-full h-full", `dt-theme-${unref(getUiSize)}`])
+      }, [
         createVNode(_component_AConfigProvider, {
           locale: unref(getIsZH) ? unref(zhCN) : unref(en),
           "component-size": unref(getUiSize)
@@ -3006,8 +3219,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: "w-full h-full flex"
             }, {
               default: withCtx(() => [
-                createVNode(_sfc_main$x),
-                unref(getShowFullHeaderRef) ? (openBlock(), createBlock(_sfc_main$a, {
+                createVNode(_sfc_main$y),
+                unref(getShowFullHeaderRef) ? (openBlock(), createBlock(_sfc_main$8, {
                   key: 0,
                   fixed: ""
                 })) : createCommentVNode("", true),
@@ -3016,8 +3229,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   style: normalizeStyle(unref(layoutOption))
                 }, {
                   default: withCtx(() => [
-                    unref(getShowSidebar) ? (openBlock(), createBlock(_sfc_main$7, { key: 0 })) : createCommentVNode("", true),
-                    createVNode(_component_ALayout, { class: "dt-theme-main flex w-full h-ful" }, {
+                    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),
                         createVNode(_sfc_main$1, {
@@ -3036,7 +3249,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["locale", "component-size"])
-      ]);
+      ], 2);
     };
   }
 });
@@ -3123,7 +3336,7 @@ const EN = {
     "NAV_MODE": "Navigation bar mode",
     "PAGE_SHOW": "Interface Display",
     "COPY": "Copy",
-    "DRAWER_TIPS": "The function mainly real-time preview layout effect, more complete configuration in the SRC/core/Settings/theme.ts.  The layout preview function will be turned off in production.",
+    "DRAWER_TIPS": "The function mainly real-time preview layout effect, more complete configuration in the src/core/Settings/theme.ts. The layout preview function will be turned off in production.",
     "FULL": "Flow-based",
     "FIXED": "Fixed width",
     "BREAD_CURB": "Bread crumbs",
@@ -3247,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,