@dt-frames/ui 3.0.1 → 4.0.1

package/es/theme/index.js

@@ -1,3792 +0,0 @@
-import { getLocal, CacheKey, deepMerge, setLocal, removeLocal, Language, Pages, useGo, useRedo, useI18n, getParentSlots, trim, useTimeoutFn, isFunction, isUrl, openWindow, localeList, changeLocale, copyText, isNullOrUnDef, useApp, withInstall } from "@dt-frames/core";
-import { BackTop, Breadcrumb, MenuItem, SubMenu, Menu, Empty, InputSearch, Popover, Avatar, InputPassword, Button, Modal, Tooltip, Switch, Select, InputNumber, Divider, TabPane, Tabs, Drawer, LayoutHeader, LayoutSider, MenuDivider, Dropdown, LayoutContent, LayoutFooter, Layout, ConfigProvider } from "ant-design-vue/es";
-import { ref, unref, computed, onMounted, nextTick, defineComponent, openBlock, createBlock, createCommentVNode, createElementBlock, normalizeClass, normalizeStyle, Fragment, createElementVNode, withDirectives, toDisplayString, vShow, watchEffect, withCtx, watch, createVNode, normalizeProps, guardReactiveProps, resolveComponent, mergeProps, renderList, reactive, toRef, isRef, createSlots, withKeys, createTextVNode, withModifiers, Transition, h, toRaw, toRefs, onUnmounted, KeepAlive, resolveDynamicComponent } from "vue";
-import dayjs from "dayjs";
-import "dayjs/locale/zh-cn";
-import "dayjs/locale/es-us";
-import { defineStore } from "pinia";
-import { cloneDeep } from "lodash-es";
-import zhCN from "ant-design-vue/es/locale/zh_CN";
-import en from "ant-design-vue/es/locale/en_US";
-import { useDebounceFn, useThrottleFn, useFullscreen } from "@vueuse/core";
-import logoUrl from "../assets/imgs/logo/logo.png";
-import { DtSlotContainer, DtScrollContainer } from "../components/container";
-import { useRouter } from "vue-router";
-import txUrl from "../assets/imgs/header/avatar.png";
-import { Modal as Modal$1 } from "ant-design-vue";
-var Theme = /* @__PURE__ */ ((Theme2) => {
-  Theme2["DARK"] = "dark";
-  Theme2["LIGHT"] = "light";
-  return Theme2;
-})(Theme || {});
-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) => {
-  MenuMode2["INLINE"] = "inline";
-  MenuMode2["HORIZONTAL"] = "horizontal";
-  MenuMode2["VERTICAL"] = "vertical";
-  return MenuMode2;
-})(MenuMode || {});
-var ContentMode = /* @__PURE__ */ ((ContentMode2) => {
-  ContentMode2["FULL"] = "full";
-  ContentMode2["FIXED"] = "fixed";
-  return ContentMode2;
-})(ContentMode || {});
-var MenuSplitTye = /* @__PURE__ */ ((MenuSplitTye2) => {
-  MenuSplitTye2[MenuSplitTye2["NONE"] = 0] = "NONE";
-  MenuSplitTye2[MenuSplitTye2["TOP"] = 1] = "TOP";
-  MenuSplitTye2[MenuSplitTye2["LEFT"] = 2] = "LEFT";
-  return MenuSplitTye2;
-})(MenuSplitTye || {});
-var UiSize = /* @__PURE__ */ ((UiSize2) => {
-  UiSize2["LARGE"] = "large";
-  UiSize2["MIDDLE"] = "middle";
-  UiSize2["SMALL"] = "small";
-  return UiSize2;
-})(UiSize || {});
-const defaultThemeConf = {
-  vars: {
-    token: {
-      colorPrimary: "#269ac1",
-      borderRadiusLG: 8,
-      borderRadius: 5,
-      borderRadiusSM: 3,
-      controlHeightLG: 38,
-      controlHeight: 34,
-      controlHeightSM: 30,
-      colorTextBase: "#333"
-    },
-    components: {
-      Menu: {
-        colorItemBg: "#001529",
-        colorSubItemBg: "#00061a"
-      }
-    }
-  },
-  content: {
-    contentMode: ContentMode.FULL
-  },
-  headOptions: {
-    fixed: true,
-    theme: Theme.LIGHT,
-    showLogo: true,
-    showBackToTop: true,
-    useLockPage: true,
-    size: UiSize.SMALL,
-    showBreadCrumb: true,
-    showFullScreen: true,
-    showSearch: true,
-    showNotice: true,
-    showLocaleSwitch: true,
-    showSettingTheme: true,
-    showLoginOut: true
-  },
-  menuOptions: {
-    fixed: true,
-    theme: Theme.DARK,
-    collapsed: false,
-    collapsedShowTitle: false,
-    canDrag: true,
-    show: true,
-    hidden: false,
-    split: false,
-    menuWidth: 240,
-    trigger: true,
-    type: MenuType.SIDE,
-    mode: MenuMode.INLINE,
-    mixSideTrigger: "hover"
-  },
-  footerOptions: {
-    show: true,
-    title: "Copyright(C) 2021 by www.ithinkdt.com. All rights reserved.",
-    subTitle: "Privacy Statement"
-  },
-  routeReuse: {
-    show: true,
-    cache: false,
-    canDrag: true,
-    showQuick: true,
-    showRedo: true,
-    showFold: true
-  }
-};
-const useThemeStore = defineStore("dt-theme", () => {
-  const themeConf = ref(getLocal(CacheKey.THEME) ?? cloneDeep(defaultThemeConf));
-  const pageLoading = ref(false);
-  const mixSiderHasSubMenu = ref(false);
-  function setPrimayColor() {
-    if (unref(themeConf).vars.token.colorPrimary) {
-      document.getElementsByTagName("html")[0].style.cssText = `--colorPrimary: ${unref(themeConf).vars.token.colorPrimary};`;
-    }
-  }
-  function setThemeConf(conf = {}) {
-    themeConf.value = deepMerge(unref(themeConf), conf);
-    setPrimayColor();
-    setLocal(CacheKey.THEME, themeConf.value);
-  }
-  function setMixSiderIsHasMenu(val) {
-    mixSiderHasSubMenu.value = val;
-  }
-  function resetState() {
-    removeLocal(CacheKey.THEME);
-    themeConf.value = cloneDeep(defaultThemeConf);
-  }
-  return {
-    themeConf,
-    pageLoading,
-    mixSiderHasSubMenu,
-    setThemeConf,
-    setMixSiderIsHasMenu,
-    resetState
-  };
-});
-function useMenu() {
-  const { setThemeConf } = useThemeStore();
-  const getMenuConf = useThemeStore().themeConf.menuOptions;
-  const getCollapsedShowTitle = computed(() => getMenuConf.collapsedShowTitle);
-  const getIsSidebarType = computed(() => getMenuConf.type === MenuType.SIDE);
-  const getMenuFixed = computed(() => getMenuConf.fixed);
-  const getShowMenu = computed(() => getMenuConf.show);
-  const getSplit = computed(() => getMenuConf.split);
-  const getMenuMode = computed(() => getMenuConf.mode);
-  const getShowSidebar = computed(() => {
-    return unref(getSplit) || unref(getShowMenu) && unref(getMenuMode) !== MenuMode.HORIZONTAL;
-  });
-  const getMenuHidden = computed(() => getMenuConf.hidden);
-  const getMenuTheme = computed(() => getMenuConf.theme);
-  const getTrigger = computed(() => getMenuConf.trigger);
-  const getCanDrag = computed(() => getMenuConf.canDrag);
-  const getMenuType = computed(() => getMenuConf.type);
-  const getIsMixMode = computed(() => {
-    return unref(getMenuMode) === MenuMode.INLINE && unref(getMenuType) === MenuType.MIX;
-  });
-  const getIsMixSidebar = computed(() => {
-    const isMix = unref(getMenuType) === MenuType.MIX_SIDEBAR;
-    if (isMix) {
-      useThemeStore().setThemeConf({
-        menuOptions: {
-          collapsed: false
-        }
-      });
-    }
-    return isMix;
-  });
-  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 getIsTopMenu = computed(() => unref(getMenuType) === MenuType.TOP_MENU);
-  const getCollapsed = computed(() => getMenuConf.collapsed);
-  const getIsHorizontal = computed(() => unref(getMenuMode) === MenuMode.HORIZONTAL);
-  const getMiniWidthNumber = computed(() => getMenuConf.collapsedShowTitle ? 80 : 48);
-  const getRealWidth = computed(() => {
-    return unref(getCollapsed) ? unref(getMiniWidthNumber) : unref(getMenuWidth);
-  });
-  const getCalcContentWidth = computed(() => {
-    const width = unref(getIsTopMenu) || !unref(getShowMenu) || unref(getSplit) && unref(getMenuHidden) ? 0 : unref(getRealWidth);
-    return `calc(100% - ${unref(width)}px)`;
-  });
-  const setThemeStore = (conf = {}) => setThemeConf(conf);
-  const toggleCollapsed = () => setThemeStore({
-    menuOptions: {
-      collapsed: !unref(getCollapsed)
-    }
-  });
-  return {
-    getCollapsedShowTitle,
-    getIsSidebarType,
-    getMenuFixed,
-    getShowMenu,
-    getSplit,
-    getMenuMode,
-    getShowSidebar,
-    getMenuHidden,
-    getMenuTheme,
-    getTrigger,
-    getCanDrag,
-    getIsMixMode,
-    getMenuType,
-    getIsMixSidebar,
-    getMenuWidth,
-    getMixSideTrigger,
-    getLogoWidth,
-    getIsTopMenu,
-    getCollapsed,
-    getIsHorizontal,
-    getMiniWidthNumber,
-    getRealWidth,
-    getCalcContentWidth,
-    setThemeStore,
-    toggleCollapsed
-  };
-}
-function useMultipleTab() {
-  const getRouteConf = useThemeStore().themeConf.routeReuse;
-  const getShowMultipleTab = computed(() => getRouteConf.show);
-  const getShowQuick = computed(() => getRouteConf.showQuick);
-  const getMultipleTabPosIsTop = computed(() => getRouteConf.position === "top");
-  const getShowRedo = computed(() => getRouteConf.showRedo);
-  const getCanCache = computed(() => getRouteConf.cache);
-  const getCanDrag = computed(() => getRouteConf.canDrag);
-  return {
-    getShowMultipleTab,
-    getShowQuick,
-    getMultipleTabPosIsTop,
-    getShowRedo,
-    getCanCache,
-    getCanDrag
-  };
-}
-function useHeader() {
-  const HEADER_HEIGHT = 48;
-  const TABS_HEIGHT = 33;
-  const getHeaderConf = useThemeStore().themeConf.headOptions;
-  const {
-    getIsSidebarType,
-    getMenuType,
-    getShowMenu,
-    getMenuHidden,
-    getTrigger,
-    getMenuMode,
-    getSplit,
-    getIsTopMenu,
-    getIsMixSidebar
-  } = useMenu();
-  const { getShowMultipleTab, getMultipleTabPosIsTop } = useMultipleTab();
-  const getHeaderTheme = computed(() => getHeaderConf.theme);
-  const getFixed = computed(() => getHeaderConf.fixed);
-  const getShowLogo = computed(() => getHeaderConf.showLogo);
-  const getShowHeaderLogo = computed(() => unref(getShowLogo) && !unref(getIsSidebarType) && !unref(getIsMixSidebar));
-  const getShowSearch = computed(() => getHeaderConf.showSearch);
-  const getShowHeaderTrigger = computed(() => {
-    if (unref(getMenuType) === MenuType.TOP_MENU || unref(getMenuType) === MenuType.MIX_SIDEBAR || !unref(getShowMenu) || unref(getMenuHidden)) {
-      return false;
-    }
-    return unref(getTrigger);
-  });
-  const getShowBread = computed(
-    () => unref(getMenuMode) !== MenuMode.HORIZONTAL && !unref(getSplit) && getHeaderConf.showBreadCrumb
-  );
-  const getShowTopMenu = computed(() => unref(getMenuMode) === MenuMode.HORIZONTAL || unref(getSplit));
-  const getShowNotice = computed(() => getHeaderConf.showNotice);
-  const getShowFullScreen = computed(() => getHeaderConf.showFullScreen);
-  const getShowLocale = computed(() => getHeaderConf.showLocaleSwitch);
-  const getShowSettingTheme = computed(() => getHeaderConf.showSettingTheme);
-  const getShowFullHeaderRef = computed(() => {
-    return !unref(getIsSidebarType) && !unref(getIsMixSidebar) && !unref(getIsTopMenu);
-  });
-  const getHeaderHeight = computed(() => {
-    let height = 0;
-    height += HEADER_HEIGHT;
-    if (unref(getShowMultipleTab) && !unref(getSplit) && !unref(getMultipleTabPosIsTop)) {
-      height += TABS_HEIGHT;
-    }
-    return height;
-  });
-  const getTabsHeight = TABS_HEIGHT;
-  const getShowInsetHeaderRef = computed(() => {
-    return unref(getIsSidebarType) || unref(getIsTopMenu) || unref(getIsMixSidebar);
-  });
-  const getShowBackToTop = computed(() => getHeaderConf.showBackToTop);
-  const getIsZH = computed(() => {
-    let local = getLocal(CacheKey.LOCALE);
-    if (!local)
-      return true;
-    return local === Language.ZH;
-  });
-  const getUiSize = computed(() => getHeaderConf?.size ?? UiSize.SMALL);
-  const getShowLoginOut = computed(() => getHeaderConf.showLoginOut);
-  const getLockscreen = computed(() => getHeaderConf.useLockPage);
-  const loginOutClick = getHeaderConf.logoutClick;
-  return {
-    getHeaderTheme,
-    getFixed,
-    getShowHeaderLogo,
-    getShowLogo,
-    getShowSearch,
-    getShowHeaderTrigger,
-    getShowBread,
-    getShowTopMenu,
-    getShowNotice,
-    getShowFullScreen,
-    getShowLocale,
-    getShowSettingTheme,
-    getShowFullHeaderRef,
-    getHeaderHeight,
-    getTabsHeight,
-    getShowInsetHeaderRef,
-    getShowBackToTop,
-    getIsZH,
-    getUiSize,
-    getShowLoginOut,
-    getLockscreen,
-    loginOutClick
-  };
-}
-const LOCKSCREEN = "LOCKSCREEN_";
-const useLockscreenStore = defineStore("lockscreen", () => {
-  const isLock = ref(getLocal(LOCKSCREEN)?.isLock === true);
-  function setLock(payload, pwd) {
-    isLock.value = payload;
-    let info = getLocal(LOCKSCREEN) ?? {};
-    if (pwd)
-      info.pwd = pwd;
-    setLocal(LOCKSCREEN, {
-      ...info,
-      isLock
-    });
-  }
-  return {
-    isLock,
-    setLock
-  };
-});
-function handleGotoPage(router) {
-  const go = useGo(router);
-  go(unref(router.currentRoute).path, true);
-}
-const useRouteReuseStore = defineStore("route-reuse", () => {
-  let cacheTabList = /* @__PURE__ */ new Set();
-  const tabList = ref(getLocal(CacheKey.ROUTE_REUSE) || []);
-  const lastDragEndIndex = ref(0);
-  const getCachedTabList = computed(() => Array.from(cacheTabList));
-  function addTab(route) {
-    const { path, fullPath, params, query } = route;
-    if (path === Pages.NOT_FOUND || path === Pages.LOGIN || path === Pages.BASE_PAGE) {
-      return;
-    }
-    let updateIndex = -1;
-    const tabHasExits = unref(tabList).some((tab, index) => {
-      updateIndex = index;
-      return (tab.fullPath || tab.path) === (fullPath || path);
-    });
-    if (tabHasExits) {
-      const curTab = unref(tabList)[updateIndex];
-      curTab.params = params || curTab.params;
-      curTab.query = query || curTab.query;
-      curTab.fullPath = fullPath || curTab.fullPath;
-      unref(tabList).splice(updateIndex, 1, curTab);
-    } else {
-      unref(tabList).push(JSON.parse(JSON.stringify(route)));
-    }
-    updateCacheTab();
-  }
-  function closeTab(route, router) {
-    const go = useGo(router);
-    const index = unref(tabList).findIndex((item) => item.path === route.path);
-    let goPage = null;
-    if (index === 0) {
-      if (unref(tabList).length !== 1) {
-        goPage = unref(tabList)[index + 1];
-      }
-    } else {
-      goPage = unref(tabList)[index - 1];
-    }
-    bulkCloseTabs([route.path]);
-    updateCacheTab();
-    route.path === router.currentRoute.value.path && go(goPage.path);
-  }
-  function closeAllTab(currentRoute, router) {
-    const go = useGo(router);
-    const filterTabList = unref(tabList).filter((item) => item?.meta?.affix ?? false);
-    const route = filterTabList.length > 0 ? filterTabList[filterTabList.length - 1] : unref(currentRoute);
-    tabList.value = [route];
-    updateCacheTab();
-    go(route.path);
-  }
-  function closeLeftTabs(route, router) {
-    const index = unref(tabList).findIndex((item) => item.path === route.path);
-    if (index > 0) {
-      const leftTabs = unref(tabList).slice(0, index);
-      const pathList = [];
-      for (const item of leftTabs) {
-        const affix = item?.meta?.affix ?? false;
-        if (!affix) {
-          pathList.push(item.fullPath);
-        }
-      }
-      bulkCloseTabs(pathList);
-    }
-    updateCacheTab();
-    handleGotoPage(router);
-  }
-  function closeRightTabs(route, router) {
-    const index = unref(tabList).findIndex((item) => item.path === route.path);
-    if (index >= 0 && index < unref(tabList).length - 1) {
-      const rightTabs = unref(tabList).slice(index + 1, unref(tabList).length);
-      const pathList = [];
-      for (const item of rightTabs) {
-        const affix = item?.meta?.affix ?? false;
-        if (!affix) {
-          pathList.push(item.fullPath);
-        }
-      }
-      bulkCloseTabs(pathList);
-    }
-    updateCacheTab();
-    handleGotoPage(router);
-  }
-  function closeOtherTabs(route, router) {
-    const pathList = [];
-    for (let item of unref(tabList)) {
-      const affix = item?.meta?.affix ?? false;
-      if (item.path !== route.path && !affix) {
-        pathList.push(item.path);
-      }
-    }
-    bulkCloseTabs(pathList);
-    updateCacheTab();
-    handleGotoPage(router);
-  }
-  function closeTabByKey(path, router) {
-    const go = useGo(router);
-    const index = unref(tabList).findIndex((item) => item.path === path);
-    let page;
-    if (index === 0) {
-      if (unref(tabList).length !== 1) {
-        page = unref(tabList)[index + 1];
-      }
-    } else {
-      page = unref(tabList)[index - 1];
-    }
-    bulkCloseTabs([path]);
-    updateCacheTab();
-    path === router.currentRoute.value.path && go(page.path);
-  }
-  function updateCacheTab() {
-    setLocal(CacheKey.ROUTE_REUSE, unref(tabList));
-    const cacheMap = /* @__PURE__ */ new Set();
-    for (const tab of unref(tabList)) {
-      if (tab.meta?.hideTab) {
-        continue;
-      }
-      const name = tab.name;
-      cacheMap.add(name);
-    }
-    cacheTabList = cacheMap;
-  }
-  function bulkCloseTabs(pathList) {
-    tabList.value = unref(tabList).filter((item) => !pathList.includes(item.fullPath));
-  }
-  async function refreshPage(router) {
-    const findTab = unref(getCachedTabList).find((item) => item === unref(router.currentRoute).name);
-    if (findTab) {
-      unref(cacheTabList).delete(findTab.toString());
-    }
-    const redo = useRedo(router);
-    await redo();
-  }
-  function sortTabs(oldIndex, newIndex) {
-    const currentTab = unref(tabList)[oldIndex];
-    unref(tabList).splice(oldIndex, 1);
-    unref(tabList).splice(newIndex, 0, currentTab);
-    lastDragEndIndex.value = unref(lastDragEndIndex) + 1;
-  }
-  function resetState() {
-    tabList.value = [];
-    updateCacheTab();
-  }
-  return {
-    cacheTabList,
-    tabList,
-    lastDragEndIndex,
-    getCachedTabList,
-    addTab,
-    closeTab,
-    closeAllTab,
-    closeLeftTabs,
-    closeRightTabs,
-    closeOtherTabs,
-    closeTabByKey,
-    refreshPage,
-    sortTabs,
-    resetState
-  };
-});
-function useDragLine(siderRef, dragBarRef) {
-  const { getMiniWidthNumber, setThemeStore } = useMenu();
-  onMounted(() => {
-    nextTick(() => {
-      const exec = useDebounceFn(changeWrapWidth, 80);
-      exec();
-    });
-  });
-  function getEl(elRef) {
-    const el = unref(elRef);
-    if (!el)
-      return null;
-    if (Reflect.has(el, "$el")) {
-      return unref(elRef)?.$el;
-    }
-    return unref(elRef);
-  }
-  function handleMouseMove(ele, wrap, clientX) {
-    document.onmousemove = function(innerE) {
-      innerE = innerE || window.event;
-      let iT = ele.left + (innerE.clientX - clientX);
-      const maxT = 800;
-      const minT = unref(getMiniWidthNumber);
-      iT < 0 && (iT = 0);
-      iT > maxT && (iT = maxT);
-      iT < minT && (iT = minT);
-      ele.style.left = wrap.style.width = iT + "px";
-      return false;
-    };
-  }
-  function removeMouseup(ele) {
-    const wrap = getEl(siderRef);
-    document.onmouseup = function() {
-      document.onmousemove = null;
-      document.onmouseup = null;
-      wrap.style.transition = "width 0.2s";
-      const width = parseInt(wrap.style.width);
-      setThemeStore({
-        menuOptions: {
-          menuWidth: width
-        }
-      });
-      ele.releaseCapture?.();
-    };
-  }
-  function changeWrapWidth() {
-    const ele = getEl(dragBarRef);
-    if (!ele)
-      return;
-    const wrap = getEl(siderRef);
-    if (!wrap)
-      return;
-    ele.onmousedown = (e) => {
-      wrap.style.transition = "unset";
-      const clientX = e?.clientX;
-      ele.left = ele.offsetLeft;
-      handleMouseMove(ele, wrap, clientX);
-      removeMouseup(ele);
-      ele.setCapture?.();
-      return false;
-    };
-  }
-}
-function useTheme() {
-  const getThemeConf = useThemeStore().themeConf;
-  const getShowFooter = computed(() => getThemeConf.footerOptions.show);
-  const getContentMode = computed(() => getThemeConf.content.contentMode);
-  const getPageLoading = computed(() => useThemeStore().pageLoading);
-  const getLayoutContentMode = computed(() => getThemeConf.content.contentMode);
-  const getVars = computed(() => getThemeConf.vars);
-  return {
-    getShowFooter,
-    getContentMode,
-    getPageLoading,
-    getLayoutContentMode,
-    getVars
-  };
-}
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
-  __name: "BackTop",
-  setup(__props) {
-    const getTarget = () => document.getElementById("dt-layout-content");
-    const { getShowBackToTop } = useHeader();
-    return (_ctx, _cache) => {
-      const _component_ABackTop = BackTop;
-      return unref(getShowBackToTop) ? (openBlock(), createBlock(_component_ABackTop, {
-        key: 0,
-        class: "dt-back-top",
-        target: getTarget,
-        visibilityHeight: 300
-      })) : createCommentVNode("", true);
-    };
-  }
-});
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$B);
-    };
-  }
-});
-const _hoisted_1$k = ["src"];
-const _sfc_main$z = /* @__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 { getLogoWidth } = useMenu();
-    const slots = getParentSlots(null, "dt-theme");
-    const getLogoClass = computed(() => {
-      return `${props.theme} dt-logo`;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(getLogoClass), "h-12"]),
-        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", {
-            class: "w-8 h-8",
-            src: unref(logoUrl)
-          }, null, 8, _hoisted_1$k),
-          withDirectives(createElementVNode("div", { class: "dt-logo__title" }, toDisplayString(unref(t)("COMPANY_NAME")), 513), [
-            [vShow, __props.showTitle]
-          ])
-        ], 64))
-      ], 6);
-    };
-  }
-});
-const _sfc_main$y = /* @__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 pl-4 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", unref(getCollapsed) ? "ic:baseline-format-indent-increase" : "ic:baseline-format-indent-decrease"])
-        }, null, 2)
-      ], 2);
-    };
-  }
-});
-function deleteChildrenProp(menu) {
-  let obj = { ...menu };
-  delete obj.children;
-  return obj;
-}
-function getBreadCrumb(path, menus) {
-  const _menus = menus || 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([deleteChildrenProp(subMenu)]);
-        getParentByPath(subMenu, path2);
-      });
-    }
-    if (menu.url === path2) {
-      routes = menu.parentMenus;
-    }
-  };
-  _menus.forEach((menu) => {
-    menu.parentMenus = [deleteChildrenProp(menu)];
-    getParentByPath(menu, path);
-  });
-  return routes;
-}
-function getFilterMenu(filter = "", flag = false) {
-  let _menus = [];
-  const { getIsZH } = useHeader();
-  if (!trim(filter) && !flag)
-    return _menus;
-  let getTargetMenus = (menusArr) => {
-    menusArr.forEach((menu) => {
-      if (menu.children && menu.children.length) {
-        getTargetMenus(menu.children);
-      } else {
-        let flabel = unref(getIsZH) ? menu.label : menu.enLabel?.toLowerCase();
-        let ffilter = unref(getIsZH) ? filter : filter.toLowerCase();
-        if (flabel.indexOf(ffilter) !== -1 || flag && !trim(filter)) {
-          _menus.push(menu);
-        }
-      }
-    });
-  };
-  getTargetMenus(getLocal(CacheKey.MENUS)?.children);
-  return _menus;
-}
-function getParentTreeByPath(path) {
-  const _menus = 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: "" };
-}
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
-  __name: "BreadCrumb",
-  setup(__props) {
-    const { getIsZH } = useHeader();
-    const routes = ref([]);
-    const { currentRoute = null } = useRouter();
-    watchEffect(() => {
-      if (!currentRoute || currentRoute.value.path === "/")
-        return;
-      const { meta, path } = unref(currentRoute);
-      let activePath = meta?.currentActiveMenu || path;
-      routes.value = getBreadCrumb(activePath);
-    });
-    return (_ctx, _cache) => {
-      const _component_ABreadcrumb = Breadcrumb;
-      return openBlock(), createBlock(_component_ABreadcrumb, {
-        class: "pl-4",
-        routes: unref(routes)
-      }, {
-        itemRender: withCtx(({ route }) => [
-          createElementVNode("span", null, toDisplayString((unref(getIsZH) ? route.label : route.enLabel) || route.meta?.title), 1)
-        ]),
-        _: 1
-      }, 8, ["routes"]);
-    };
-  }
-});
-function useSplitMenu(splitType) {
-  const menusRef = ref([]);
-  const { currentRoute } = useRouter();
-  const { menusMap } = getMenusMap();
-  const { getIsHorizontal, getSplit } = useMenu();
-  const throttleHandleSplitLeftMenu = useThrottleFn(handleSplitLeftMenu, 50);
-  const splitNotLeft = computed(
-    () => unref(splitType) !== MenuSplitTye.LEFT && !unref(getIsHorizontal)
-  );
-  const getSplitLeft = computed(
-    () => !unref(getSplit) || unref(splitType) !== MenuSplitTye.LEFT
-  );
-  const getSplitTop = computed(
-    () => unref(splitType) === MenuSplitTye.TOP
-  );
-  const normalType = computed(
-    () => !unref(getSplit) || unref(splitType) === MenuSplitTye.NONE
-  );
-  watch(
-    [() => unref(currentRoute)?.path, () => unref(splitType)],
-    ([path]) => {
-      if (unref(splitNotLeft))
-        return;
-      throttleHandleSplitLeftMenu(path);
-    },
-    {
-      immediate: true
-    }
-  );
-  watch(
-    () => getSplit.value,
-    () => {
-      if (unref(splitNotLeft))
-        return;
-      getMenus2();
-    }
-  );
-  function handleSplitLeftMenu(path) {
-    if (unref(getSplitLeft))
-      return;
-    menusRef.value = menusMap.filter((it) => it.includesPath.includes(path))[0]?.children;
-  }
-  async function getMenus2() {
-    if (unref(normalType)) {
-      menusRef.value = getLocal(CacheKey.MENUS)?.children;
-      return;
-    }
-    if (unref(getSplitTop)) {
-      menusRef.value = await getShallowMenus();
-    }
-  }
-  getMenus2();
-  return { menusRef };
-}
-function getMenus() {
-  return getLocal(CacheKey.MENUS)?.children;
-}
-function getFirstMenuPath(item) {
-  let isFind = false, path = "";
-  const getPath = (menu) => {
-    if (isFind)
-      return;
-    if (menu.children && menu.children.length) {
-      menu.children.forEach((node) => getPath(node));
-    } else {
-      path = menu.url;
-      isFind = true;
-    }
-  };
-  getPath(item);
-  return path;
-}
-function getMenusMap() {
-  const menus = getMenus();
-  const menusMap = [];
-  const getPaths = (menu, path) => {
-    if (menu.children && menu.children.length) {
-      menu.children.forEach((node) => getPaths(node, path));
-    } else {
-      path.push(menu.url);
-    }
-    return path;
-  };
-  (menus || []).map((item) => {
-    item.url = getFirstMenuPath(item);
-    menusMap.push({
-      parentPath: item.url,
-      children: item.children || [],
-      includesPath: getPaths(item, [])
-    });
-  });
-  return { menusMap };
-}
-function getShallowMenus() {
-  const menus = getMenus();
-  const shallowMenuList = menus.map((item) => {
-    item.url = getFirstMenuPath(item);
-    return { ...item, children: void 0 };
-  });
-  return shallowMenuList;
-}
-const BasicMenu = {
-  items: {
-    type: Array
-  },
-  collapsedShowTitle: Boolean,
-  inlineIndent: {
-    default: 20
-  },
-  mode: {
-    type: String,
-    default: MenuMode.INLINE
-  },
-  type: {
-    type: String,
-    default: MenuType.SIDE
-  },
-  theme: {
-    default: Theme.DARK
-  },
-  inlineCollapsed: Boolean,
-  isHorizontal: Boolean,
-  beforeClickFn: {
-    type: Function
-  },
-  mixSider: Boolean
-};
-const contentProps = {
-  item: {
-    type: Object,
-    default: {}
-  },
-  showTitle: Boolean,
-  level: Number,
-  isHorizontal: Boolean
-};
-const ItemProp = {
-  item: {
-    type: Object,
-    default: {}
-  },
-  theme: {
-    type: String,
-    default: Theme.DARK
-  },
-  isHorizontal: Boolean,
-  showTitle: Boolean,
-  beforeClickFn: {
-    type: Function
-  }
-};
-function useOpenKeys(menuState, menus, type) {
-  function setOpenKeys(path) {
-    if (type === MenuType.TOP_MENU)
-      return;
-    useTimeoutFn(
-      () => {
-        if (menus?.length === 0) {
-          menuState.openKeys = [];
-          return;
-        }
-        const parentNodes = getBreadCrumb(path, menus);
-        menuState.openKeys = parentNodes.map((it) => it.id);
-      },
-      20,
-      true
-    );
-  }
-  const getOpenKeys = computed(() => menuState.openKeys);
-  function resetKeys() {
-    menuState.selectedKeys = [];
-    menuState.openKeys = [];
-  }
-  function handleOpenChange(openKeys) {
-    menuState.openKeys = openKeys;
-  }
-  return {
-    getOpenKeys,
-    setOpenKeys,
-    resetKeys,
-    handleOpenChange
-  };
-}
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
-  __name: "menu-item-content",
-  props: contentProps,
-  setup(__props) {
-    const { getIsZH, getUiSize } = useHeader();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["items-center dt-menu-item h-full flex", unref(getUiSize)])
-      }, [
-        createElementVNode("i", {
-          class: normalizeClass(["menu-icon i mr-2", _ctx.item.icon])
-        }, null, 2),
-        createElementVNode("span", null, toDisplayString(unref(getIsZH) ? _ctx.item.label : _ctx.item.enLabel), 1)
-      ], 2);
-    };
-  }
-});
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
-  __name: "basic-menu-item",
-  props: ItemProp,
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      const _component_AMenuItem = MenuItem;
-      return openBlock(), createBlock(_component_AMenuItem, {
-        key: _ctx.item.url
-      }, {
-        default: withCtx(() => [
-          createVNode(_sfc_main$w, normalizeProps(guardReactiveProps(props)), null, 16)
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  __name: "basic-sub-menu-item",
-  props: ItemProp,
-  setup(__props) {
-    const props = __props;
-    const { getShowMenu } = useMenu();
-    const {
-      theme,
-      item
-    } = props;
-    const menuHasChildren = (menu) => {
-      return !!menu.children && menu.children.length > 0;
-    };
-    return (_ctx, _cache) => {
-      const _component_BasicSubMenuItem = resolveComponent("BasicSubMenuItem", true);
-      const _component_ASubMenu = SubMenu;
-      return openBlock(), createElementBlock(Fragment, null, [
-        !menuHasChildren(unref(item)) && unref(getShowMenu) ? (openBlock(), createBlock(_sfc_main$v, 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$w, mergeProps(props, { item: unref(item) }), null, 16, ["item"])
-          ]),
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(item).children, (childrenItem) => {
-              return openBlock(), createBlock(_component_BasicSubMenuItem, mergeProps({
-                key: childrenItem.id
-              }, props, { item: childrenItem }), null, 16, ["item"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["class"])) : createCommentVNode("", true)
-      ], 64);
-    };
-  }
-});
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: BasicMenu,
-  emits: ["menuClick"],
-  setup(__props, { emit: emits }) {
-    const {
-      theme,
-      items,
-      mode,
-      type,
-      isHorizontal,
-      inlineIndent,
-      mixSider,
-      beforeClickFn
-    } = __props;
-    const { getSplit } = useMenu();
-    const { getCollapsed } = useMenu();
-    const getInlineCollapsed = computed(() => {
-      const isInline = unref(mode) === MenuMode.INLINE;
-      if (isInline) {
-        return mixSider ? false : unref(getCollapsed);
-      }
-      return false;
-    });
-    const { currentRoute } = useRouter();
-    const menuState = reactive({
-      defaultSelectedKeys: [],
-      openKeys: [],
-      selectedKeys: [],
-      collapsedOpenKeys: []
-    });
-    const { handleOpenChange, setOpenKeys } = useOpenKeys(
-      menuState,
-      items,
-      type
-    );
-    watch(
-      () => currentRoute.value.path,
-      (val) => {
-        if (val === "/")
-          return;
-        const { meta, path } = unref(currentRoute);
-        let activePath = meta?.currentActiveMenu || path;
-        handleMenuChange(activePath);
-      },
-      {
-        immediate: true
-      }
-    );
-    function handleMenuChange(path) {
-      setOpenKeys(path);
-      if (isHorizontal && unref(getSplit)) {
-        const parentPath = getBreadCrumb(path, items);
-        menuState.selectedKeys = [parentPath?.[0]?.url];
-      } else {
-        const parentPaths = getBreadCrumb(path);
-        menuState.selectedKeys = parentPaths.reduce((keys, it) => {
-          it.url && keys.push(it.url);
-          return keys;
-        }, []);
-      }
-    }
-    async function handleMenuClick(item) {
-      if (beforeClickFn && isFunction(beforeClickFn)) {
-        const flag = await beforeClickFn(item.key);
-        if (!flag)
-          return;
-      }
-      emits("menuClick", item.key);
-      menuState.selectedKeys = [item.key];
-    }
-    return (_ctx, _cache) => {
-      const _component_AMenu = Menu;
-      return openBlock(), createBlock(_component_AMenu, {
-        theme: _ctx.theme,
-        selectedKeys: unref(menuState).selectedKeys,
-        defaultSelectedKeys: unref(menuState).defaultSelectedKeys,
-        openKeys: unref(menuState).openKeys,
-        inlineIndent: _ctx.inlineIndent,
-        subMenuOpenDelay: 0.2,
-        mode: _ctx.mode,
-        collapsible: "",
-        onClick: handleMenuClick,
-        onOpenChange: unref(handleOpenChange),
-        collapsed: unref(getInlineCollapsed),
-        class: normalizeClass(unref(getSplit) ? "dt-split-menu" : "")
-      }, {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
-            return openBlock(), createBlock(_sfc_main$u, {
-              key: item.id,
-              item,
-              theme: _ctx.theme,
-              isHorizontal: _ctx.isHorizontal
-            }, null, 8, ["item", "theme", "isHorizontal"]);
-          }), 128))
-        ]),
-        _: 1
-      }, 8, ["theme", "selectedKeys", "defaultSelectedKeys", "openKeys", "inlineIndent", "mode", "onOpenChange", "collapsed", "class"]);
-    };
-  }
-});
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
-  name: "LayoutMenu",
-  props: {
-    theme: String,
-    splitType: {
-      type: Number,
-      default: MenuSplitTye.NONE
-    },
-    isHorizontal: Boolean,
-    menuMode: String
-  },
-  setup(props) {
-    const {
-      getMenuTheme,
-      getMenuMode,
-      getIsSidebarType,
-      getIsHorizontal,
-      getCollapsed,
-      getCollapsedShowTitle,
-      getMenuType
-    } = useMenu();
-    const {
-      getShowLogo
-    } = useHeader();
-    const {
-      menusRef
-    } = useSplitMenu(toRef(props, "splitType"));
-    const slots = getParentSlots(null, "dt-theme");
-    const getComputedTheme = computed(() => props.theme || unref(getMenuTheme));
-    const getComputedMenuMode = computed(() => props.menuMode || unref(getMenuMode));
-    const getIsShowLogo = computed(() => unref(getShowLogo) && unref(getIsSidebarType));
-    const getUseScroll = computed(() => {
-      return !unref(getIsHorizontal) && (unref(getIsSidebarType) || props.splitType === MenuSplitTye.LEFT || props.splitType === MenuSplitTye.NONE);
-    });
-    const getLogoClass = computed(() => [`dt-menu-logo`, unref(getComputedTheme)]);
-    const getMenuProps = computed(() => {
-      const menus = unref(menusRef);
-      return {
-        menus,
-        beforeClickFn: beforeMenuClickFn,
-        items: menus,
-        theme: unref(getComputedTheme),
-        collapse: unref(getCollapsed),
-        collapsedShowTitle: unref(getCollapsedShowTitle),
-        onMenuClick: handleMenuClick
-      };
-    });
-    function beforeMenuClickFn(path) {
-      if (!isUrl(path)) {
-        return true;
-      }
-      openWindow(path);
-      return false;
-    }
-    const go = useGo();
-    function handleMenuClick(path) {
-      go(path);
-    }
-    function renderHeader() {
-      if (!unref(getIsShowLogo))
-        return null;
-      if (slots?.logo) {
-        return createVNode(DtSlotContainer, {
-          "template": slots?.logo,
-          "data": {
-            theme: unref(getComputedTheme),
-            collapsed: unref(getCollapsed)
-          }
-        }, null);
-      }
-      return createVNode(_sfc_main$z, {
-        "showTitle": !unref(getCollapsed),
-        "class": unref(getLogoClass),
-        "theme": unref(getComputedTheme)
-      }, null);
-    }
-    function renderFooter() {
-      if (unref(getMenuType) === MenuType.SIDE || unref(getMenuType) === MenuType.MIX && props.splitType === 2) {
-        return slots?.menuFooter ? createVNode(DtSlotContainer, {
-          "template": slots?.menuFooter,
-          "data": {
-            theme: unref(getComputedTheme),
-            collapsed: unref(getCollapsed)
-          }
-        }, null) : null;
-      }
-      return null;
-    }
-    function renderMenu() {
-      const {
-        menus,
-        ...menuProps
-      } = unref(getMenuProps);
-      if (!menus || !menus.length)
-        return null;
-      return createVNode(_sfc_main$t, mergeProps(menuProps, {
-        "isHorizontal": props.isHorizontal,
-        "type": unref(getMenuType),
-        "showLogo": unref(getIsShowLogo),
-        "mode": unref(getComputedMenuMode),
-        "items": menus
-      }), null);
-    }
-    return () => {
-      return createVNode(Fragment, null, [renderHeader(), unref(getUseScroll) ? createVNode(DtScrollContainer, null, {
-        default: () => renderMenu()
-      }) : renderMenu(), renderFooter()]);
-    };
-  }
-});
-const _hoisted_1$j = { class: "dt-menu-filter h-7 pr-2" };
-const _hoisted_2$b = ["onClick"];
-const _hoisted_3$9 = {
-  key: 0,
-  class: "flex items-center justify-center h-full overflow-hidden"
-};
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
-  __name: "MenuFilter",
-  setup(__props) {
-    const { t } = useI18n("UI");
-    const { getIsZH } = useHeader();
-    const filter = ref("");
-    function openChange(e) {
-      if (e) {
-        filterMenu();
-      } else {
-        filter.value = null;
-      }
-    }
-    const menuList = ref([]);
-    function filterMenu() {
-      menuList.value = getFilterMenu(filter.value, true);
-    }
-    const go = useGo();
-    function navigation(url) {
-      go(url);
-      setTimeout(() => {
-        filter.value = "";
-        menuList.value = [];
-      });
-    }
-    return (_ctx, _cache) => {
-      const _component_AEmpty = Empty;
-      const _component_AInputSearch = InputSearch;
-      const _component_APopover = Popover;
-      return openBlock(), createElementBlock("div", _hoisted_1$j, [
-        createVNode(_component_APopover, {
-          placement: "bottom",
-          overlayClassName: "dt-menu-filter__popover",
-          trigger: "focus",
-          onOpenChange: openChange
-        }, {
-          content: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(menuList), (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$b);
-            }), 256)),
-            !unref(menuList).length ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
-              createVNode(_component_AEmpty, {
-                description: "\u6682\u65E0\u6570\u636E",
-                imageStyle: { width: "100%" }
-              })
-            ])) : createCommentVNode("", true)
-          ]),
-          default: withCtx(() => [
-            createVNode(_component_AInputSearch, {
-              value: unref(filter),
-              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(filter) ? filter.value = $event : null),
-              placeholder: unref(t)("FILTER_MORE"),
-              onInput: filterMenu
-            }, null, 8, ["value", "placeholder"])
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-});
-const _hoisted_1$i = { class: "dt_header_icon" };
-const _hoisted_2$a = /* @__PURE__ */ createElementVNode("i", { class: "i ant-design:bell-outlined" }, null, -1);
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
-  __name: "Notice",
-  setup(__props) {
-    let slots = getParentSlots(null, "dt-theme");
-    return (_ctx, _cache) => {
-      const _component_APopover = Popover;
-      return openBlock(), createBlock(_component_APopover, {
-        trigger: "click",
-        overlayClassName: "dt-notify__popover"
-      }, {
-        content: withCtx(() => [
-          unref(slots)?.notify ? (openBlock(), createBlock(unref(DtSlotContainer), {
-            key: 0,
-            template: unref(slots).notify
-          }, null, 8, ["template"])) : createCommentVNode("", true)
-        ]),
-        default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$i, [
-            _hoisted_2$a,
-            unref(slots)?.notifyBadge ? (openBlock(), createBlock(unref(DtSlotContainer), {
-              key: 0,
-              template: unref(slots).notifyBadge
-            }, null, 8, ["template"])) : createCommentVNode("", true)
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
-  __name: "FullScreen",
-  setup(__props) {
-    const { toggle, isFullscreen } = useFullscreen();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: "dt_header_icon",
-        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)
-      ]);
-    };
-  }
-});
-const _hoisted_1$h = { class: "lang m-0" };
-const _hoisted_2$9 = ["onClick"];
-const _hoisted_3$8 = /* @__PURE__ */ createElementVNode("span", { class: "dt_header_icon" }, [
-  /* @__PURE__ */ createElementVNode("i", { class: "block i ic:baseline-language" })
-], -1);
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  __name: "LangPicker",
-  props: {
-    reload: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const visible = ref(false);
-    let currentLang = 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;
-      return openBlock(), createBlock(_component_APopover, {
-        placement: "bottom",
-        open: unref(visible),
-        "onUpdate:open": _cache[0] || (_cache[0] = ($event) => isRef(visible) ? visible.value = $event : null),
-        overlayClassName: "dt-lang-picker__popover",
-        trigger: "click"
-      }, {
-        content: withCtx(() => [
-          createElementVNode("ul", _hoisted_1$h, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(localeList), (it) => {
-              return openBlock(), createElementBlock("li", {
-                onClick: ($event) => toggleLang(it.event),
-                class: normalizeClass(it.event === unref(currentLang) ? "active bg-gray-100" : "")
-              }, [
-                createElementVNode("i", {
-                  class: normalizeClass(["i pr-2", it.icon]),
-                  size: 16
-                }, null, 2),
-                createElementVNode("span", null, toDisplayString(it.text), 1)
-              ], 10, _hoisted_2$9);
-            }), 256))
-          ])
-        ]),
-        default: withCtx(() => [
-          _hoisted_3$8
-        ]),
-        _: 1
-      }, 8, ["open"]);
-    };
-  }
-});
-const _hoisted_1$g = { class: "m-0" };
-const _hoisted_2$8 = /* @__PURE__ */ createElementVNode("i", { class: "i ant-design:lock-filled pr-2 text-16px" }, null, -1);
-const _hoisted_3$7 = /* @__PURE__ */ createElementVNode("span", null, "\u9501\u5B9A\u5C4F\u5E55", -1);
-const _hoisted_4$5 = [
-  _hoisted_2$8,
-  _hoisted_3$7
-];
-const _hoisted_5$3 = /* @__PURE__ */ createElementVNode("i", { class: "i ant-design:logout-outlined pr-2 text-16px" }, null, -1);
-const _hoisted_6$3 = { class: "dt_header_icon" };
-const _hoisted_7$2 = ["src"];
-const _hoisted_8$2 = { class: "pl-2 text-13" };
-const _hoisted_9$2 = { class: "lock-box" };
-const _hoisted_10$1 = ["src"];
-const _hoisted_11$1 = { class: "pl-2 text-13" };
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
-  __name: "UserInfo",
-  setup(__props) {
-    const { t } = useI18n("UI");
-    const go = useGo();
-    const slots = getParentSlots(null, "dt-theme");
-    const popoverVisible = ref(false);
-    const visible = ref(false);
-    const password = ref(null);
-    const getUserInfo = getLocal(CacheKey.USER_INFO);
-    const { getShowLoginOut, getLockscreen, loginOutClick } = useHeader();
-    const useLockscreen = useLockscreenStore();
-    function signOut() {
-      popoverVisible.value = false;
-      if (loginOutClick && isFunction(loginOutClick)) {
-        loginOutClick();
-      } else {
-        go(Pages.LOGIN);
-      }
-    }
-    function lockScreen() {
-      popoverVisible.value = false;
-      visible.value = true;
-    }
-    function onLock() {
-      useLockscreen.setLock(true, unref(password));
-      visible.value = false;
-      popoverVisible.value = false;
-    }
-    return (_ctx, _cache) => {
-      const _component_AAvatar = Avatar;
-      const _component_APopover = Popover;
-      const _component_AInputPassword = InputPassword;
-      const _component_AButton = Button;
-      const _component_AModal = Modal;
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_component_APopover, {
-          open: unref(popoverVisible),
-          "onUpdate:open": _cache[2] || (_cache[2] = ($event) => isRef(popoverVisible) ? popoverVisible.value = $event : null),
-          placement: "bottom",
-          overlayClassName: "dt-user-info__popover",
-          trigger: "click"
-        }, {
-          content: withCtx(() => [
-            createElementVNode("div", _hoisted_1$g, [
-              unref(slots).userInfo ? (openBlock(), createBlock(unref(DtSlotContainer), {
-                key: 0,
-                template: unref(slots).userInfo
-              }, null, 8, ["template"])) : createCommentVNode("", true),
-              unref(getLockscreen) ? (openBlock(), createElementBlock("div", {
-                key: 1,
-                onClick: _cache[0] || (_cache[0] = ($event) => lockScreen()),
-                class: "px-4 items-center my-1 leading-9 flex border-gray-200 cursor-pointer hover:bg-gray-100 transition-all duration-300 text-13"
-              }, _hoisted_4$5)) : createCommentVNode("", true),
-              unref(getShowLoginOut) ? (openBlock(), createElementBlock("div", {
-                key: 2,
-                onClick: _cache[1] || (_cache[1] = ($event) => signOut()),
-                class: "px-4 items-center my-1 leading-9 flex border-gray-200 cursor-pointer hover:bg-gray-100 transition-all duration-300 text-13"
-              }, [
-                _hoisted_5$3,
-                createElementVNode("span", null, toDisplayString(unref(t)("LOGIN_OUT")), 1)
-              ])) : createCommentVNode("", true)
-            ])
-          ]),
-          default: withCtx(() => [
-            createElementVNode("div", _hoisted_6$3, [
-              createVNode(_component_AAvatar, { size: 28 }, createSlots({
-                default: withCtx(() => [
-                  unref(slots)?.icon ? (openBlock(), createBlock(unref(DtSlotContainer), {
-                    key: 0,
-                    template: unref(slots).icon
-                  }, null, 8, ["template"])) : createCommentVNode("", true)
-                ]),
-                _: 2
-              }, [
-                !unref(slots)?.icon ? {
-                  name: "icon",
-                  fn: withCtx(() => [
-                    createElementVNode("img", { src: unref(txUrl) }, null, 8, _hoisted_7$2)
-                  ]),
-                  key: "0"
-                } : void 0
-              ]), 1024),
-              createElementVNode("span", _hoisted_8$2, toDisplayString(unref(getUserInfo)?.userNo), 1)
-            ])
-          ]),
-          _: 1
-        }, 8, ["open"]),
-        createVNode(_component_AModal, {
-          open: unref(visible),
-          "onUpdate:open": _cache[4] || (_cache[4] = ($event) => isRef(visible) ? visible.value = $event : null),
-          title: "\u9501\u5B9A\u5C4F\u5E55",
-          class: "lockscreen",
-          footer: null
-        }, {
-          default: withCtx(() => [
-            createElementVNode("div", _hoisted_9$2, [
-              unref(slots)?.icon ? (openBlock(), createBlock(unref(DtSlotContainer), {
-                key: 0,
-                template: unref(slots).icon
-              }, null, 8, ["template"])) : (openBlock(), createElementBlock("img", {
-                key: 1,
-                src: unref(txUrl)
-              }, null, 8, _hoisted_10$1)),
-              createElementVNode("span", _hoisted_11$1, toDisplayString(unref(getUserInfo)?.userNo), 1),
-              createVNode(_component_AInputPassword, {
-                class: "mt-4",
-                autofocus: "",
-                value: unref(password),
-                "onUpdate:value": _cache[3] || (_cache[3] = ($event) => isRef(password) ? password.value = $event : null),
-                onKeyup: withKeys(onLock, ["enter"]),
-                placeholder: "\u8BF7\u8F93\u5165\u9501\u5C4F\u5BC6\u7801"
-              }, null, 8, ["value", "onKeyup"]),
-              createVNode(_component_AButton, {
-                class: "mt-4",
-                type: "primary",
-                onClick: onLock,
-                block: ""
-              }, {
-                default: withCtx(() => [
-                  createTextVNode("\u9501\u5B9A")
-                ]),
-                _: 1
-              })
-            ])
-          ]),
-          _: 1
-        }, 8, ["open"])
-      ], 64);
-    };
-  }
-});
-const PRIMARY_COLOR_LIST = [
-  "#0960bd",
-  "#0084f4",
-  "#009688",
-  "#536dfe",
-  "#ff5c93",
-  "#ee4f12",
-  "#269ac1",
-  "#9c27b0",
-  "#ff9800"
-];
-var HandlerEnum = /* @__PURE__ */ ((HandlerEnum2) => {
-  HandlerEnum2[HandlerEnum2["CHANGE_LAYOUT"] = 0] = "CHANGE_LAYOUT";
-  HandlerEnum2[HandlerEnum2["SHOW_BREADCRUMB"] = 1] = "SHOW_BREADCRUMB";
-  HandlerEnum2[HandlerEnum2["SHOW_SEARCH"] = 2] = "SHOW_SEARCH";
-  HandlerEnum2[HandlerEnum2["SHOW_NOTICY"] = 3] = "SHOW_NOTICY";
-  HandlerEnum2[HandlerEnum2["SHOW_FULL_SCREEN"] = 4] = "SHOW_FULL_SCREEN";
-  HandlerEnum2[HandlerEnum2["SHOW_LOCAL"] = 5] = "SHOW_LOCAL";
-  HandlerEnum2[HandlerEnum2["SHOW_ROUTE_REUSE"] = 6] = "SHOW_ROUTE_REUSE";
-  HandlerEnum2[HandlerEnum2["SHOW_FOOTER"] = 7] = "SHOW_FOOTER";
-  HandlerEnum2[HandlerEnum2["CONTENT_MODE"] = 8] = "CONTENT_MODE";
-  HandlerEnum2[HandlerEnum2["COLOR_PRIMARY"] = 9] = "COLOR_PRIMARY";
-  HandlerEnum2[HandlerEnum2["VAR"] = 10] = "VAR";
-  HandlerEnum2[HandlerEnum2["SIZE"] = 11] = "SIZE";
-  return HandlerEnum2;
-})(HandlerEnum || {});
-function changeTheme(event, value = {}) {
-  let conf = {};
-  switch (event) {
-    case 0:
-      const { mode, type, split, headTheme, menuTheme } = value;
-      conf = {
-        headOptions: {
-          theme: headTheme
-        },
-        menuOptions: {
-          mode,
-          type,
-          split,
-          theme: menuTheme,
-          show: true
-        }
-      };
-      break;
-    case 1:
-      conf = {
-        headOptions: {
-          showBreadCrumb: value
-        }
-      };
-      break;
-    case 2:
-      conf = {
-        headOptions: {
-          showSearch: value
-        }
-      };
-      break;
-    case 3:
-      conf = {
-        headOptions: {
-          showNotice: value
-        }
-      };
-      break;
-    case 4:
-      conf = {
-        headOptions: {
-          showFullScreen: value
-        }
-      };
-      break;
-    case 5:
-      conf = {
-        headOptions: {
-          showLocaleSwitch: value
-        }
-      };
-      break;
-    case 6:
-      conf = {
-        routeReuse: {
-          show: value
-        }
-      };
-      break;
-    case 7:
-      conf = {
-        footerOptions: {
-          show: value
-        }
-      };
-      break;
-    case 8:
-      conf = {
-        content: {
-          contentMode: value
-        }
-      };
-      break;
-    case 9:
-      conf = {
-        vars: {
-          token: {
-            colorPrimary: value
-          }
-        }
-      };
-      document.getElementsByTagName("body")[0].style.setProperty("--colorPrimary", value);
-      break;
-    case 10:
-      conf = {
-        vars: value
-      };
-      break;
-    case 11:
-      conf = {
-        headOptions: {
-          size: value
-        }
-      };
-      break;
-  }
-  useThemeStore().setThemeConf(conf);
-}
-const _hoisted_1$f = { class: "dt-menu-type" };
-const _hoisted_2$7 = ["onClick"];
-const _hoisted_3$6 = /* @__PURE__ */ createElementVNode("div", { class: "dt-menu-type__item" }, null, -1);
-const _hoisted_4$4 = [
-  _hoisted_3$6
-];
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
-  __name: "MenuType",
-  setup(__props) {
-    const { getMenuType, getMenuMode } = useMenu();
-    const menuTypeList = [
-      {
-        title: "\u5DE6\u4FA7\u83DC\u5355\u6A21\u5F0F",
-        headTheme: Theme.LIGHT,
-        menuTheme: Theme.DARK,
-        mode: MenuMode.INLINE,
-        type: MenuType.SIDE,
-        split: false
-      },
-      {
-        title: "\u83DC\u5355\u6DF7\u5408\u6A21\u5F0F",
-        headTheme: Theme.DARK,
-        menuTheme: Theme.LIGHT,
-        mode: MenuMode.INLINE,
-        type: MenuType.MIX,
-        split: true
-      },
-      {
-        title: "\u9876\u90E8\u83DC\u5355\u6A21\u5F0F",
-        headTheme: Theme.DARK,
-        menuTheme: Theme.LIGHT,
-        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) {
-      changeTheme(HandlerEnum.CHANGE_LAYOUT, item);
-    }
-    return (_ctx, _cache) => {
-      const _component_ATooltip = Tooltip;
-      return openBlock(), createElementBlock("div", _hoisted_1$f, [
-        (openBlock(), createElementBlock(Fragment, null, renderList(menuTypeList, (item) => {
-          return createVNode(_component_ATooltip, {
-            key: item.title,
-            title: item.title,
-            placement: "bottom"
-          }, {
-            default: withCtx(() => [
-              createElementVNode("div", {
-                onClick: ($event) => changeMenuType(item),
-                class: normalizeClass([
-                  `dt-menu-type__list `,
-                  `dt-menu-type__item--${item.type}`,
-                  {
-                    [`dt-menu-type__item--active`]: unref(getMenuType) === item.type && unref(getMenuMode) === item.mode
-                  }
-                ])
-              }, _hoisted_4$4, 10, _hoisted_2$7)
-            ]),
-            _: 2
-          }, 1032, ["title"]);
-        }), 64))
-      ]);
-    };
-  }
-});
-const _hoisted_1$e = { class: "flex justify-between items-center mb-5" };
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
-  __name: "Switch",
-  props: {
-    event: {},
-    disabled: { type: Boolean },
-    title: {},
-    def: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { t } = useI18n("UI");
-    const getBindValue = computed(() => {
-      return props.def ? { checked: unref(props.def) } : {};
-    });
-    function handleChange(e) {
-      props.event && changeTheme(props.event, e);
-    }
-    return (_ctx, _cache) => {
-      const _component_ASwitch = Switch;
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        createElementVNode("span", null, toDisplayString(_ctx.title), 1),
-        createVNode(_component_ASwitch, mergeProps(unref(getBindValue), {
-          disabled: _ctx.disabled,
-          checkedChildren: unref(t)("ON"),
-          unCheckedChildren: unref(t)("OFF"),
-          onChange: handleChange
-        }), null, 16, ["disabled", "checkedChildren", "unCheckedChildren"])
-      ]);
-    };
-  }
-});
-const _hoisted_1$d = { class: "flex justify-between items-center mb-5" };
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
-  __name: "Select",
-  props: {
-    event: {},
-    title: {},
-    def: {},
-    initValue: {},
-    options: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const getBindValue = computed(() => {
-      return props.def ? { value: props.def, defaultValue: props.initValue || props.def } : {};
-    });
-    function handleChange(val) {
-      props.event && changeTheme(props.event, val);
-    }
-    return (_ctx, _cache) => {
-      const _component_ASelect = Select;
-      return openBlock(), createElementBlock("div", _hoisted_1$d, [
-        createElementVNode("span", null, toDisplayString(_ctx.title), 1),
-        createVNode(_component_ASelect, mergeProps(unref(getBindValue), {
-          class: "w-32",
-          options: _ctx.options,
-          onChange: handleChange
-        }), null, 16, ["options"])
-      ]);
-    };
-  }
-});
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
-  __name: "Feature",
-  setup(__props) {
-    const {
-      getShowBread,
-      getShowSearch,
-      getShowNotice,
-      getShowFullScreen,
-      getShowLocale
-    } = useHeader();
-    const { getShowMultipleTab } = useMultipleTab();
-    const { getShowFooter, getContentMode } = useTheme();
-    const { t } = useI18n("UI");
-    const switchItems = [
-      {
-        title: t("BREAD_CURB"),
-        event: HandlerEnum.SHOW_BREADCRUMB,
-        def: getShowBread
-      },
-      {
-        title: t("MENU_FILTER"),
-        event: HandlerEnum.SHOW_SEARCH,
-        def: getShowSearch
-      },
-      {
-        title: t("NOTICE"),
-        event: HandlerEnum.SHOW_NOTICY,
-        def: getShowNotice
-      },
-      {
-        title: t("SHOW_FULLE"),
-        event: HandlerEnum.SHOW_FULL_SCREEN,
-        def: getShowFullScreen
-      },
-      {
-        title: t("LOCAL"),
-        event: HandlerEnum.SHOW_LOCAL,
-        def: getShowLocale
-      },
-      {
-        title: t("ROUTE_REUSE"),
-        event: HandlerEnum.SHOW_ROUTE_REUSE,
-        def: getShowMultipleTab
-      },
-      {
-        title: t("SHOW_FOOTER"),
-        event: HandlerEnum.SHOW_FOOTER,
-        def: getShowFooter
-      }
-    ];
-    const selectItems = [
-      {
-        title: t("CONTENT_FIXED_WIDTH"),
-        event: HandlerEnum.CONTENT_MODE,
-        def: getContentMode,
-        options: [
-          {
-            value: ContentMode.FULL,
-            label: t("FULL")
-          },
-          {
-            value: ContentMode.FIXED,
-            label: t("FIXED")
-          }
-        ]
-      }
-    ];
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        (openBlock(), createElementBlock(Fragment, null, renderList(switchItems, (item) => {
-          return createVNode(_sfc_main$l, {
-            key: item.title,
-            title: item.title,
-            event: item.event,
-            def: item.def
-          }, null, 8, ["title", "event", "def"]);
-        }), 64)),
-        (openBlock(), createElementBlock(Fragment, null, renderList(selectItems, (item) => {
-          return createVNode(_sfc_main$k, {
-            key: item.title,
-            title: item.title,
-            event: item.event,
-            def: item.def,
-            options: item.options
-          }, null, 8, ["title", "event", "def", "options"]);
-        }), 64))
-      ], 64);
-    };
-  }
-});
-const _hoisted_1$c = { class: "flex flex-wrap justify-between" };
-const _hoisted_2$6 = ["onClick"];
-const _hoisted_3$5 = {
-  key: 0,
-  class: "i ic:baseline-done text-2xl"
-};
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  __name: "ColorPrimary",
-  props: {
-    colorList: {
-      type: Array,
-      default: () => []
-    },
-    event: {
-      type: Number
-    },
-    def: {
-      type: String
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    function handleClick(color) {
-      props.event && changeTheme(props.event, color);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$c, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.colorList || [], (color) => {
-          return openBlock(), createElementBlock("span", {
-            key: color,
-            onClick: ($event) => handleClick(color),
-            class: "w-6 h-6 block rounded-2px flex items-center justify-center text-white cursor-pointer",
-            style: normalizeStyle({ background: color })
-          }, [
-            __props.def === color ? (openBlock(), createElementBlock("i", _hoisted_3$5)) : createCommentVNode("", true)
-          ], 12, _hoisted_2$6);
-        }), 128))
-      ]);
-    };
-  }
-});
-const _hoisted_1$b = { class: "flex justify-between items-center mb-5" };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  __name: "InputNumber",
-  props: {
-    event: {},
-    title: {},
-    def: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const bindVal = ref(props.def);
-    function handleChange(val) {
-      props.event && props.event(val);
-    }
-    return (_ctx, _cache) => {
-      const _component_AInputNumber = InputNumber;
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
-        createElementVNode("span", null, toDisplayString(_ctx.title), 1),
-        createVNode(_component_AInputNumber, {
-          class: "w-32",
-          placeholder: "\u8BF7\u8F93\u5165",
-          value: unref(bindVal),
-          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(bindVal) ? bindVal.value = $event : null),
-          "addon-after": "px",
-          onChange: handleChange
-        }, null, 8, ["value"])
-      ]);
-    };
-  }
-});
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  __name: "GlobalStyle",
-  setup(__props) {
-    const { t } = useI18n("UI");
-    const { getUiSize } = useHeader();
-    const sizeList = [
-      {
-        label: t("LARGE_SIZE"),
-        value: UiSize.LARGE
-      },
-      {
-        label: t("MIDDLE_SIZE"),
-        value: UiSize.MIDDLE
-      },
-      {
-        label: t("SMALL_SIZE"),
-        value: UiSize.SMALL
-      }
-    ];
-    const { getVars } = useTheme();
-    const varItems = {
-      large: [
-        {
-          title: "\u63A7\u4EF6\u5706\u89D2",
-          type: (borderRadiusLG) => setTheme({ borderRadiusLG }),
-          def: unref(getVars).token?.borderRadiusLG
-        },
-        {
-          title: "\u63A7\u4EF6\u9AD8\u5EA6",
-          type: (controlHeightLG) => setTheme({ controlHeightLG }),
-          def: unref(getVars).token?.controlHeightLG
-        }
-      ],
-      middle: [
-        {
-          title: "\u63A7\u4EF6\u5706\u89D2",
-          type: (borderRadius) => setTheme({ borderRadius }),
-          def: unref(getVars).token?.borderRadius
-        },
-        {
-          title: "\u63A7\u4EF6\u9AD8\u5EA6",
-          type: (controlHeight) => setTheme({ controlHeight }),
-          def: unref(getVars).token?.controlHeight
-        }
-      ],
-      small: [
-        {
-          title: "\u63A7\u4EF6\u5706\u89D2",
-          type: (borderRadiusSM) => setTheme({ borderRadiusSM }),
-          def: unref(getVars).token?.borderRadiusSM
-        },
-        {
-          title: "\u63A7\u4EF6\u9AD8\u5EA6",
-          type: (controlHeightSM) => setTheme({ controlHeightSM }),
-          def: unref(getVars).token?.controlHeightSM
-        }
-      ]
-    };
-    function setTheme(token) {
-      changeTheme(HandlerEnum.VAR, {
-        token
-      });
-    }
-    return (_ctx, _cache) => {
-      const _component_ADivider = Divider;
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_component_ADivider, null, {
-          default: withCtx(() => [
-            createTextVNode("\u5168\u5C40\u6837\u5F0F")
-          ]),
-          _: 1
-        }),
-        createVNode(_sfc_main$k, {
-          title: "\u9875\u9762\u5C3A\u5BF8",
-          event: unref(HandlerEnum).SIZE,
-          def: unref(getUiSize),
-          options: sizeList
-        }, null, 8, ["event", "def"]),
-        unref(getUiSize) === unref(UiSize).LARGE ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(varItems.large, (item) => {
-          return openBlock(), createBlock(_sfc_main$h, {
-            key: item.title,
-            title: item.title,
-            event: item.type,
-            def: item.def
-          }, null, 8, ["title", "event", "def"]);
-        }), 128)) : createCommentVNode("", true),
-        unref(getUiSize) === unref(UiSize).MIDDLE ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(varItems.middle, (item) => {
-          return openBlock(), createBlock(_sfc_main$h, {
-            key: item.title,
-            title: item.title,
-            event: item.type,
-            def: item.def
-          }, null, 8, ["title", "event", "def"]);
-        }), 128)) : createCommentVNode("", true),
-        unref(getUiSize) === unref(UiSize).SMALL ? (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(varItems.small, (item) => {
-          return openBlock(), createBlock(_sfc_main$h, {
-            key: item.title,
-            title: item.title,
-            event: item.type,
-            def: item.def
-          }, null, 8, ["title", "event", "def"]);
-        }), 128)) : createCommentVNode("", true)
-      ], 64);
-    };
-  }
-});
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  __name: "Var",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$g);
-    };
-  }
-});
-const _hoisted_1$a = /* @__PURE__ */ createElementVNode("i", { class: "i ant-design:setting-outlined" }, null, -1);
-const _hoisted_2$5 = [
-  _hoisted_1$a
-];
-const _hoisted_3$4 = { class: "mt-5" };
-const _hoisted_4$3 = { class: "dt-setting-theme__tips" };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  __name: "SettintTheme",
-  setup(__props) {
-    const { t } = useI18n("UI");
-    const visible = ref(false);
-    const {
-      getShowBread,
-      getShowSearch,
-      getShowNotice,
-      getShowFullScreen,
-      getShowLocale
-    } = useHeader();
-    const { getShowMultipleTab } = useMultipleTab();
-    const { getShowFooter, getContentMode, getVars } = useTheme();
-    const { getMenuType, getMenuMode } = useMenu();
-    const defaultConf = getConfig();
-    function getConfig() {
-      return {
-        vars: unref(getVars),
-        contentMode: unref(getContentMode),
-        menuOptions: {
-          mode: unref(getMenuMode),
-          type: unref(getMenuType),
-          split: unref(getMenuType) === _sfc_main$m.MIX ? true : false
-        },
-        headOptions: {
-          showBreadCrumb: unref(getShowBread),
-          showSearch: unref(getShowSearch),
-          notice: unref(getShowNotice),
-          showFullScreen: unref(getShowFullScreen),
-          showLocaleSwitch: unref(getShowLocale)
-        },
-        mulTabsOptions: {
-          show: unref(getShowMultipleTab)
-        },
-        footerOptions: {
-          show: unref(getShowFooter)
-        }
-      };
-    }
-    function copy() {
-      const afterUpdateConfig = getConfig();
-      let copyObj = {};
-      const isDiff = (newVal, oldVal) => newVal !== oldVal ? newVal : null;
-      const isSameObj = (val1, val2) => JSON.stringify(val1) === JSON.stringify(val2);
-      const getDiff = (target, orgTarget) => {
-        let obj = {};
-        for (let it in target) {
-          if (isDiff(target[it], orgTarget[it]) !== null) {
-            obj[it] = target[it];
-          }
-        }
-        return obj;
-      };
-      for (let it in afterUpdateConfig) {
-        if (!isSameObj(afterUpdateConfig[it], defaultConf[it])) {
-          copyObj[it] = getDiff(afterUpdateConfig[it], defaultConf[it]);
-        }
-      }
-      if (Object.keys(copyObj).length) {
-        if (copyText(JSON.stringify(copyObj).replaceAll('"', ""))) {
-          Modal$1.success({
-            centered: true,
-            okText: "\u786E\u5B9A",
-            title: "\u64CD\u4F5C\u6210\u529F",
-            content: "\u590D\u5236\u6210\u529F,\u8BF7\u5230 src/core/settings/theme.ts \u4E2D\u4FEE\u6539\u914D\u7F6E\uFF01"
-          });
-        }
-      } else {
-        Modal$1.info({
-          centered: true,
-          okText: "\u786E\u5B9A",
-          title: "\u62F7\u8D1D\u63D0\u793A",
-          content: "\u672A\u68C0\u6D4B\u5230\u4FEE\u6539\u4EFB\u4F55\u914D\u7F6E\u4FE1\u606F!"
-        });
-      }
-    }
-    function reset() {
-      useThemeStore().setThemeConf(defaultConf);
-    }
-    return (_ctx, _cache) => {
-      const _component_ADivider = Divider;
-      const _component_ATabPane = TabPane;
-      const _component_ATabs = Tabs;
-      const _component_AButton = Button;
-      const _component_ADrawer = Drawer;
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("span", {
-          onClick: _cache[0] || (_cache[0] = ($event) => visible.value = true),
-          class: "dt_header_icon"
-        }, _hoisted_2$5),
-        createVNode(_component_ADrawer, {
-          open: unref(visible),
-          "onUpdate:open": _cache[1] || (_cache[1] = ($event) => isRef(visible) ? visible.value = $event : null),
-          class: "theme-drawer",
-          title: unref(t)("PROJECT_SETTING"),
-          placement: "right",
-          width: "320"
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_ATabs, null, {
-              default: withCtx(() => [
-                createVNode(_component_ATabPane, {
-                  key: "1",
-                  tab: "\u5E03\u5C40\u8BBE\u7F6E"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_ADivider, null, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(t)("PRIMARY_COLOR")), 1)
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_sfc_main$i, {
-                      "color-list": unref(PRIMARY_COLOR_LIST),
-                      def: unref(getVars)?.token?.colorPrimary,
-                      event: unref(HandlerEnum).COLOR_PRIMARY
-                    }, null, 8, ["color-list", "def", "event"]),
-                    createVNode(_component_ADivider, null, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(t)("NAV_MODE")), 1)
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_sfc_main$m),
-                    createVNode(_component_ADivider, null, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(t)("PAGE_SHOW")), 1)
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_sfc_main$j)
-                  ]),
-                  _: 1
-                }),
-                createVNode(_component_ATabPane, {
-                  key: "2",
-                  tab: "\u6837\u5F0F\u8BBE\u7F6E"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_sfc_main$f)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }),
-            createElementVNode("div", _hoisted_3$4, [
-              createVNode(_component_AButton, {
-                onClick: copy,
-                class: "mb-3",
-                type: "primary",
-                block: ""
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(t)("COPY")), 1)
-                ]),
-                _: 1
-              }),
-              createVNode(_component_AButton, {
-                onClick: reset,
-                class: "mb-3",
-                block: ""
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(t)("RESET")), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            createElementVNode("div", _hoisted_4$3, toDisplayString(unref(t)("DRAWER_TIPS")), 1)
-          ]),
-          _: 1
-        }, 8, ["open", "title"])
-      ], 64);
-    };
-  }
-});
-const _hoisted_1$9 = {
-  key: 0,
-  class: "flex-1 h-full min-w-0 items-center"
-};
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    fixed: Boolean
-  },
-  setup(__props) {
-    const props = __props;
-    const slots = getParentSlots(null, "dt-theme");
-    const { getSplit } = useMenu();
-    const {
-      getHeaderTheme,
-      getShowHeaderLogo,
-      getShowHeaderTrigger,
-      getShowBread,
-      getShowTopMenu,
-      getShowSettingTheme,
-      getShowSearch,
-      getShowNotice,
-      getShowFullScreen,
-      getShowLocale
-    } = useHeader();
-    const { getShowMultipleTab, getMultipleTabPosIsTop } = useMultipleTab();
-    const getShowTab = computed(() => unref(getShowMultipleTab) && unref(getMultipleTabPosIsTop));
-    const getHeaderCls = computed(() => {
-      let theme = unref(getHeaderTheme);
-      let cls = "dt-header ";
-      if (props.fixed) {
-        cls += "fixed top-0 left-0 w-full z-10 ";
-      }
-      cls += `dt-header--${theme}`;
-      return cls;
-    });
-    const getSplitType = computed(() => {
-      return unref(getSplit) ? MenuSplitTye.TOP : MenuSplitTye.NONE;
-    });
-    const getMenuMode = computed(() => {
-      return unref(getSplit) ? MenuMode.HORIZONTAL : null;
-    });
-    return (_ctx, _cache) => {
-      const _component_ALayoutHeader = LayoutHeader;
-      return openBlock(), createBlock(_component_ALayoutHeader, {
-        class: normalizeClass(unref(getHeaderCls))
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", {
-            class: normalizeClass(["dt-header-left flex h-full items-center", {
-              "w-0 flex-1": unref(getShowTab)
-            }])
-          }, [
-            unref(getShowHeaderLogo) ? (openBlock(), createBlock(_sfc_main$z, {
-              key: 0,
-              theme: unref(getHeaderTheme),
-              class: "dt-header-logo"
-            }, null, 8, ["theme"])) : createCommentVNode("", true),
-            unref(getShowHeaderTrigger) && !unref(getSplit) && !unref(getShowTab) ? (openBlock(), createBlock(_sfc_main$y, {
-              key: 1,
-              theme: unref(getHeaderTheme)
-            }, null, 8, ["theme"])) : createCommentVNode("", true),
-            unref(getShowBread) && !unref(getShowTab) ? (openBlock(), createBlock(_sfc_main$x, { key: 2 })) : createCommentVNode("", true)
-          ], 2),
-          unref(getShowTopMenu) ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
-            createVNode(_sfc_main$s, {
-              isHorizontal: true,
-              theme: unref(getHeaderTheme),
-              splitType: unref(getSplitType),
-              menuMode: unref(getMenuMode)
-            }, null, 8, ["theme", "splitType", "menuMode"])
-          ])) : createCommentVNode("", true),
-          createElementVNode("div", {
-            class: "flex items-center",
-            style: normalizeStyle({
-              "padding-right": unref(getShowSettingTheme) ? "" : "20px"
-            })
-          }, [
-            unref(slots).headerBefore ? (openBlock(), createBlock(unref(DtSlotContainer), {
-              key: 0,
-              template: unref(slots).headerBefore
-            }, null, 8, ["template"])) : createCommentVNode("", true),
-            unref(getShowSearch) ? (openBlock(), createBlock(_sfc_main$r, { key: 1 })) : createCommentVNode("", true),
-            unref(getShowNotice) ? (openBlock(), createBlock(_sfc_main$q, { key: 2 })) : createCommentVNode("", true),
-            unref(getShowFullScreen) ? (openBlock(), createBlock(_sfc_main$p, { key: 3 })) : createCommentVNode("", true),
-            unref(getShowLocale) ? (openBlock(), createBlock(_sfc_main$o, {
-              key: 4,
-              reload: true
-            })) : createCommentVNode("", true),
-            unref(slots).headerAfter ? (openBlock(), createBlock(unref(DtSlotContainer), {
-              key: 5,
-              template: unref(slots).headerAfter
-            }, null, 8, ["template"])) : createCommentVNode("", true),
-            createVNode(_sfc_main$n),
-            unref(getShowSettingTheme) ? (openBlock(), createBlock(_sfc_main$e, { key: 6 })) : createCommentVNode("", true)
-          ], 4)
-        ]),
-        _: 1
-      }, 8, ["class"]);
-    };
-  }
-});
-function useMenuSwitch() {
-  const brokenRef = ref(false);
-  const { getMiniWidthNumber } = useMenu();
-  const getCollapsedWidth = computed(() => {
-    return unref(brokenRef) ? 0 : unref(getMiniWidthNumber);
-  });
-  function onBreakPointChange(broken) {
-    brokenRef.value = broken;
-  }
-  return { getCollapsedWidth, onBreakPointChange };
-}
-function useTrigger() {
-  const { getTrigger, getSplit } = useMenu();
-  const getShowTrigger = computed(() => {
-    const trigger = unref(getTrigger);
-    return trigger && unref(getSplit);
-  });
-  const getTriggerAttr = computed(() => {
-    if (unref(getShowTrigger)) {
-      return {};
-    }
-    return {
-      trigger: null
-    };
-  });
-  return { getTriggerAttr, getShowTrigger };
-}
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  __name: "SiderTrigger",
-  props: {
-    type: {
-      type: String,
-      default: null
-    }
-  },
-  setup(__props) {
-    const { getCollapsed, toggleCollapsed } = useMenu();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        onClick: _cache[0] || (_cache[0] = withModifiers(
-          (...args) => unref(toggleCollapsed) && unref(toggleCollapsed)(...args),
-          ["stop"]
-        ))
-      }, [
-        createElementVNode("i", {
-          class: normalizeClass(["i", unref(getCollapsed) ? "ant-design:double-right-outlined" : "ant-design:double-left-outlined"])
-        }, null, 2)
-      ]);
-    };
-  }
-});
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  __name: "DragBar",
-  setup(__props) {
-    const { getCollapsed, getCanDrag, getMenuWidth } = useMenu();
-    const getDragBarStyle = computed(() => {
-      if (!unref(getCollapsed)) {
-        return { left: `${unref(getMenuWidth)}px` };
-      }
-      return {};
-    });
-    const getClass = computed(() => {
-      return [
-        "dt-darg-bar",
-        {
-          "dt-darg-bar--hide": !unref(getCanDrag)
-        }
-      ];
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(getClass)),
-        style: normalizeStyle(unref(getDragBarStyle))
-      }, null, 6);
-    };
-  }
-});
-const _hoisted_1$8 = { class: "dt-mix-sider__shallow-menu" };
-const _hoisted_2$4 = { class: "m-0" };
-const _hoisted_3$3 = { class: "dt-mix-sider__sub-shallow-menu" };
-const _hoisted_4$2 = { key: 0 };
-const _hoisted_5$2 = { class: "opacity-40 m-0 py-3 text-12px pt-6" };
-const _hoisted_6$2 = ["onClick"];
-const _hoisted_7$1 = { class: "m-0" };
-const _hoisted_8$1 = ["onClick"];
-const _hoisted_9$1 = { class: "m-0" };
-const MENU_WIDTH = 80;
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  __name: "MixSider",
-  setup(__props) {
-    const go = useGo();
-    const menuModules = getShallowMenus();
-    const { getMenuWidth, getMenuTheme, getMixSideTrigger } = useMenu();
-    const getSubMenuStyle = computed(() => {
-      return {
-        width: `${unref(getMenuWidth) - MENU_WIDTH}px`,
-        left: `${MENU_WIDTH}px`
-      };
-    });
-    const subMenus = ref([]);
-    const getDomStyle = computed(() => setDomWidth(`${unref(subMenus)?.length ? unref(getMenuWidth) : MENU_WIDTH}px`));
-    function setDomWidth(width) {
-      return {
-        width,
-        minWidth: width,
-        maxWidth: width,
-        flex: `0 0 ${width}`,
-        transition: "all 0.2s"
-      };
-    }
-    const getWrapStyle = computed(() => setDomWidth(`${MENU_WIDTH}px`));
-    const getItemEvents = (item) => {
-      if (unref(getMixSideTrigger) === "hover") {
-        return {
-          onMouseenter: () => handleModuleClick(item.url, true),
-          onClick: () => handleModuleClick(item.url)
-        };
-      }
-      return {
-        onClick: () => handleModuleClick(item.url)
-      };
-    };
-    function handleModuleClick(path, isHover = false) {
-      setActive(path, isHover);
-      if (!isHover) {
-        go(path);
-      }
-    }
-    const { setMixSiderIsHasMenu } = useThemeStore();
-    const activeId = ref(null), activePath = ref(null), getMenuEvents = {
-      onMouseleave: () => {
-        setActive(unref(activePath));
-      }
-    };
-    function setActive(path, isHover = false) {
-      const pTree = getParentTreeByPath(path);
-      if (!isHover) {
-        activeId.value = pTree.id;
-      }
-      subMenus.value = pTree.children;
-      setMixSiderIsHasMenu(Boolean(pTree.children?.length));
-    }
-    const { currentRoute = null } = useRouter();
-    watchEffect(() => {
-      if (!currentRoute || currentRoute.value.path === "/")
-        return;
-      const { meta, path } = unref(currentRoute);
-      activePath.value = meta?.currentActiveMenu || path;
-      setActive(unref(activePath));
-    });
-    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$z, {
-            showTitle: false,
-            class: normalizeClass("justify-center z-10")
-          }),
-          createVNode(unref(DtScrollContainer), { class: "z-10" }, {
-            default: withCtx(() => [
-              createElementVNode("ul", _hoisted_1$8, [
-                (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 === unref(activeId)
-                    }]
-                  }, getItemEvents(item)), [
-                    createElementVNode("i", {
-                      class: normalizeClass(["i", item.icon])
-                    }, null, 2),
-                    createElementVNode("p", _hoisted_2$4, toDisplayString(item.label), 1)
-                  ], 16);
-                }), 128))
-              ])
-            ]),
-            _: 1
-          }),
-          createVNode(Transition, { name: "dt-mix-sider__animate" }, {
-            default: withCtx(() => [
-              unref(subMenus)?.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$3, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(unref(subMenus), (menu) => {
-                        return openBlock(), createElementBlock("li", {
-                          key: menu.id
-                        }, [
-                          menu.children?.length ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
-                            createElementVNode("p", _hoisted_5$2, 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(activePath)
-                                  }]),
-                                  onClick: ($event) => unref(go)(subMenu.url)
-                                }, [
-                                  createElementVNode("p", _hoisted_7$1, toDisplayString(subMenu.label), 1)
-                                ], 10, _hoisted_6$2);
-                              }), 128))
-                            ])
-                          ])) : (openBlock(), createElementBlock("div", {
-                            key: 1,
-                            class: normalizeClass(["sub-menu flex cursor-pointer", {
-                              "active-menu": menu.url === unref(activePath)
-                            }]),
-                            onClick: ($event) => unref(go)(menu.url)
-                          }, [
-                            createElementVNode("p", _hoisted_9$1, toDisplayString(menu.label), 1)
-                          ], 10, _hoisted_8$1))
-                        ]);
-                      }), 128))
-                    ])
-                  ]),
-                  _: 1
-                })
-              ], 4)) : createCommentVNode("", true)
-            ]),
-            _: 1
-          })
-        ], 16)
-      ], 64);
-    };
-  }
-});
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  setup(__props) {
-    const {
-      getIsMixSidebar,
-      getMenuFixed,
-      getRealWidth,
-      getSplit,
-      getMenuHidden,
-      getIsMixMode,
-      getMenuWidth,
-      getCollapsed,
-      getMenuTheme
-    } = useMenu();
-    const { getCollapsedWidth, onBreakPointChange } = useMenuSwitch();
-    const { getTriggerAttr } = useTrigger();
-    const hiddenDomStyle = computed(() => {
-      const width = `${unref(getRealWidth)}px`;
-      return {
-        width,
-        overflow: "hidden",
-        flex: `0 0 ${width}`,
-        maxWidth: width,
-        minWidth: width,
-        transition: "all 0.2s"
-      };
-    });
-    const getSplitType = computed(() => {
-      return unref(getSplit) ? MenuSplitTye.LEFT : MenuSplitTye.NONE;
-    });
-    const showClassSideBarRef = computed(() => {
-      const { menusRef } = useSplitMenu(getSplitType);
-      if (!unref(menusRef)?.length)
-        return false;
-      return unref(getSplit) ? !unref(getMenuHidden) : true;
-    });
-    const getSiderClass = computed(() => {
-      let cls = `dt-sideBar overflow-hidden z-10 `;
-      if (unref(getMenuFixed)) {
-        cls += `dt-sideBar--fixed t-0 l-0 h-full `;
-      }
-      if (unref(getIsMixMode)) {
-        cls += "dt-sideBar--mix ";
-      }
-      return cls;
-    });
-    const renderTrigger = h(_sfc_main$c);
-    const getMode = computed(() => {
-      return unref(getSplit) ? MenuMode.INLINE : null;
-    });
-    const dragBarRef = ref(null);
-    const sideRef = ref(null);
-    useDragLine(sideRef, dragBarRef);
-    return (_ctx, _cache) => {
-      const _component_ALayoutSider = LayoutSider;
-      return unref(getIsMixSidebar) ? (openBlock(), createBlock(_sfc_main$a, { 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({
-          ref_key: "sideRef",
-          ref: sideRef,
-          collapsible: "",
-          class: unref(getSiderClass),
-          width: unref(getMenuWidth),
-          collapsed: unref(getCollapsed),
-          collapsedWidth: unref(getCollapsedWidth),
-          theme: unref(getMenuTheme),
-          trigger: unref(renderTrigger)
-        }, unref(getTriggerAttr), { onBreakpoint: unref(onBreakPointChange) }), {
-          default: withCtx(() => [
-            createVNode(_sfc_main$s, {
-              theme: unref(getMenuTheme),
-              menuMode: unref(getMode),
-              splitType: unref(getSplitType)
-            }, null, 8, ["theme", "menuMode", "splitType"]),
-            createVNode(_sfc_main$b, {
-              ref_key: "dragBarRef",
-              ref: dragBarRef
-            }, null, 512)
-          ]),
-          _: 1
-        }, 16, ["class", "width", "collapsed", "collapsedWidth", "theme", "trigger", "onBreakpoint"]), [
-          [vShow, unref(showClassSideBarRef)]
-        ])
-      ], 64));
-    };
-  }
-});
-function initAffixTabs() {
-  const tabStore = useRouteReuseStore();
-  const filterAffixTabs = (routes = []) => {
-    return routes && routes.reduce((tabs, route) => {
-      if (route.meta && route.meta.affix) {
-        tabs.push(toRaw(route));
-      }
-      return tabs;
-    }, []);
-  };
-  const affixList = ref([]);
-  const router = useRouter();
-  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 (isNullOrUnDef(oldIndex) || isNullOrUnDef(newIndex) || oldIndex === newIndex)
-          return;
-        tabStore.sortTabs(oldIndex, newIndex);
-      }
-    });
-    initSortable();
-  });
-}
-const _hoisted_1$7 = /* @__PURE__ */ createElementVNode("i", { class: "block i ic:baseline-autorenew" }, null, -1);
-const _hoisted_2$3 = [
-  _hoisted_1$7
-];
-const _sfc_main$8 = /* @__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-33px leading-32px text-zinc-600 text-center cursor-pointer border-l border-zinc-200 hover:text-zinc-900"
-      }, _hoisted_2$3);
-    };
-  }
-});
-function menuList2Map() {
-  const { getIsZH } = useHeader();
-  let map = /* @__PURE__ */ new Map();
-  const setMap = (menus) => {
-    menus.forEach((menu) => {
-      if (menu.url) {
-        map.set(menu.url, unref(getIsZH) ? menu.label : menu.enLabel);
-      }
-      if (menu.children && menu.children.length)
-        setMap(menu.children);
-    });
-  };
-  setMap(getLocal(CacheKey.MENUS)?.children || []);
-  return map;
-}
-function useTabs(_router) {
-  const tabStore = useRouteReuseStore();
-  const router = _router || useRouter();
-  const { currentRoute } = router;
-  const getCurrentTab = () => {
-    const route = unref(currentRoute);
-    return unref(tabStore.tabList).find((item) => item.fullPath === route.fullPath);
-  };
-  function handleTabAction(action, tab) {
-    const currentTab = getCurrentTab();
-    switch (action) {
-      case 0:
-        tabStore.refreshPage(router);
-        break;
-      case 1:
-        tabStore.closeAllTab(currentRoute, router);
-        break;
-      case 2:
-        tabStore.closeLeftTabs(currentTab, router);
-        break;
-      case 3:
-        tabStore.closeRightTabs(currentTab, router);
-        break;
-      case 4:
-        tabStore.closeOtherTabs(currentTab, router);
-        break;
-      case 5:
-      case 6:
-        tabStore.closeTab(tab || currentTab, router);
-    }
-  }
-  return {
-    refreshPage: () => handleTabAction(0),
-    closeAll: () => handleTabAction(1),
-    closeLeft: () => handleTabAction(2),
-    closeRight: () => handleTabAction(3),
-    closeOther: () => handleTabAction(4),
-    closeCurrent: () => handleTabAction(5),
-    close: (tab) => handleTabAction(6, tab)
-  };
-}
-function useTabDropdown(tabItem, getIsTabs) {
-  const router = useRouter();
-  const { currentRoute } = router;
-  const tabStore = useRouteReuseStore();
-  const { refreshPage, closeAll, close, closeLeft, closeOther, closeRight } = useTabs();
-  const getTargetTab = computed(() => {
-    return unref(getIsTabs) ? tabItem : unref(currentRoute);
-  });
-  const state = reactive({
-    current: null,
-    currentIndex: 0
-  });
-  const getDropMenuList = computed(() => {
-    const { t } = useI18n("UI");
-    const { meta } = unref(getTargetTab);
-    const { path } = unref(currentRoute);
-    const curItem = state.current;
-    const isCurItem = curItem ? curItem.path === path : false;
-    const index = state.currentIndex;
-    const refreshDisabled = !isCurItem;
-    const closeLeftDisabled = index === 0 || !isCurItem;
-    const closeRightDisabled = !isCurItem || index === unref(tabStore.tabList).length - 1 && unref(tabStore.lastDragEndIndex) >= 0;
-    const disabled = unref(tabStore.tabList).length === 1;
-    const dropMenuList = [
-      {
-        icon: "ic:baseline-autorenew",
-        text: t("REFRESH"),
-        onClick: refreshPage,
-        disabled: refreshDisabled
-      },
-      {
-        icon: "ic:baseline-close",
-        text: t("CLOSE_CURRENT_TAG"),
-        onClick: () => close(tabItem),
-        disabled: !!meta?.affix || disabled,
-        divider: true
-      },
-      {
-        icon: "mdi:arrow-collapse-left",
-        text: t("CLOSE_LEFT_TAGS"),
-        onClick: closeLeft,
-        disabled: closeLeftDisabled,
-        divider: false
-      },
-      {
-        icon: "mdi:arrow-collapse-right",
-        text: t("CLOSE_RIGHT_TAGS"),
-        onClick: closeRight,
-        disabled: closeRightDisabled,
-        divider: true
-      },
-      {
-        icon: "ic:baseline-sync-alt",
-        text: t("CLOSE_OTHER_TAGS"),
-        onClick: closeOther,
-        disabled: disabled || !isCurItem
-      },
-      {
-        icon: "ic:baseline-horizontal-rule",
-        text: t("CLOSE_ALL_TAGE"),
-        onClick: closeAll,
-        disabled
-      }
-    ];
-    return dropMenuList;
-  });
-  function handleContextMenu(tabItem2) {
-    return (e) => {
-      if (!tabItem2)
-        return;
-      e?.preventDefault();
-      const index = unref(tabStore.tabList).findIndex((tab) => tab.path === tabItem2.path);
-      state.current = tabItem2;
-      state.currentIndex = index;
-    };
-  }
-  function handleMenuEvent(item) {
-    item.onClick?.();
-  }
-  return {
-    getDropMenuList,
-    handleContextMenu,
-    handleMenuEvent
-  };
-}
-const _hoisted_1$6 = /* @__PURE__ */ createElementVNode("i", { class: "block i ic:baseline-keyboard-arrow-down" }, null, -1);
-const _hoisted_2$2 = [
-  _hoisted_1$6
-];
-const _hoisted_3$2 = { class: "text-13" };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "TabContent",
-  props: {
-    tabItem: {
-      type: Object,
-      default: null
-    },
-    isExtra: Boolean
-  },
-  setup(__props) {
-    const props = __props;
-    const { t } = useI18n("UI");
-    const menuLabelMap = menuList2Map();
-    const getIsTabs = computed(() => !props.isExtra);
-    const getTrigger = computed(
-      () => unref(getIsTabs) ? ["contextmenu"] : ["click"]
-    );
-    const { getDropMenuList, handleContextMenu, handleMenuEvent } = useTabDropdown(props?.tabItem, getIsTabs);
-    function handleContext(e) {
-      props.tabItem && handleContextMenu(props.tabItem)(e);
-    }
-    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: getTrigger.value,
-        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, null, [
-                  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$2, toDisplayString(item.text), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["onClick", "disabled"]),
-                  item.divider ? (openBlock(), createBlock(_component_AMenuDivider, {
-                    key: `d-${index}`
-                  })) : createCommentVNode("", true)
-                ], 64);
-              }), 256))
-            ]),
-            _: 1
-          })
-        ]),
-        default: withCtx(() => [
-          getIsTabs.value ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            onContextmenu: handleContext
-          }, [
-            createElementVNode("span", null, toDisplayString(unref(menuLabelMap).get(__props.tabItem.path) || __props.tabItem?.meta?.title || unref(t)("UNKNOWN_ROUTE")), 1)
-          ], 32)) : (openBlock(), createElementBlock("span", {
-            key: 1,
-            onClick: handleContext,
-            class: "inline-block w-9 h-33px leading-32px text-zinc-600 text-center cursor-pointer border-l border-zinc-200 hover:text-zinc-900"
-          }, _hoisted_2$2))
-        ]),
-        _: 1
-      }, 8, ["trigger"]);
-    };
-  }
-});
-const _hoisted_1$5 = { class: "dt-reuse-tabs" };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  setup(__props) {
-    const router = useRouter();
-    const go = useGo(router);
-    const tabStore = useRouteReuseStore();
-    const { getShowQuick, getShowRedo } = useMultipleTab();
-    const activeKeyRef = ref(null);
-    const getTabsState = computed(() => {
-      return unref(tabStore.tabList).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.closeTabByKey(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$5, [
-        createVNode(_component_ATabs, {
-          type: "editable-card",
-          size: "small",
-          animated: false,
-          hideAdd: true,
-          tabBarGutter: 3,
-          activeKey: unref(activeKeyRef),
-          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(() => [
-                  unref(getShowQuick) ? (openBlock(), createBlock(_sfc_main$7, {
-                    key: 0,
-                    tabItem: item
-                  }, null, 8, ["tabItem"])) : createCommentVNode("", true)
-                ]),
-                _: 2
-              }, 1032, ["closable"]);
-            }), 128))
-          ]),
-          _: 2
-        }, [
-          unref(getShowRedo) || unref(getShowQuick) ? {
-            name: "rightExtra",
-            fn: withCtx(() => [
-              unref(getShowRedo) ? (openBlock(), createBlock(_sfc_main$8, { key: 0 })) : createCommentVNode("", true),
-              unref(getShowQuick) ? (openBlock(), createBlock(_sfc_main$7, {
-                key: 1,
-                isExtra: "",
-                tabItem: _ctx.$route
-              }, null, 8, ["tabItem"])) : createCommentVNode("", true)
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["activeKey"])
-      ]);
-    };
-  }
-});
-const _hoisted_1$4 = { class: "transition-width duration-200 z-10" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "MultipleHeader",
-  setup(__props) {
-    const {
-      getShowInsetHeaderRef
-    } = useHeader();
-    const { getShowMultipleTab, getMultipleTabPosIsTop } = useMultipleTab();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        unref(getShowInsetHeaderRef) ? (openBlock(), createBlock(_sfc_main$d, { key: 0 })) : createCommentVNode("", true),
-        unref(getShowMultipleTab) && !unref(getMultipleTabPosIsTop) ? (openBlock(), createBlock(_sfc_main$6, { key: 1 })) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-const _hoisted_1$3 = { class: "dt-lock-page" };
-const _hoisted_2$1 = { class: "absolute z-10 text-white text-center" };
-const _hoisted_3$1 = { class: "overflow-hidden bg-black" };
-const _hoisted_4$1 = /* @__PURE__ */ createElementVNode("div", { class: "relative box-border circle" }, null, -1);
-const _hoisted_5$1 = { class: "bubbles absolute left-1/2" };
-const _hoisted_6$1 = { class: "charging" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "Recharge",
-  props: {
-    battery: {
-      type: Object
-    },
-    calcDischargingTime: {
-      type: String
-    },
-    calcChargingTime: {
-      type: String
-    },
-    batteryStatus: {
-      type: String,
-      validator: (val) => ["\u5145\u7535\u4E2D", "\u5DF2\u5145\u6EE1", "\u5DF2\u65AD\u5F00\u7535\u6E90"].includes(val)
-    }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
-        createElementVNode("div", _hoisted_2$1, toDisplayString(__props.battery?.level) + "%", 1),
-        createElementVNode("div", _hoisted_3$1, [
-          _hoisted_4$1,
-          createElementVNode("ul", _hoisted_5$1, [
-            (openBlock(), createElementBlock(Fragment, null, renderList(15, (i) => {
-              return createElementVNode("li", { key: i });
-            }), 64))
-          ])
-        ]),
-        createElementVNode("div", _hoisted_6$1, [
-          createElementVNode("div", null, toDisplayString(__props.batteryStatus), 1),
-          withDirectives(createElementVNode("div", null, " \u5269\u4F59\u53EF\u4F7F\u7528\u65F6\u95F4\uFF1A" + toDisplayString(__props.calcDischargingTime), 513), [
-            [vShow, Number.isFinite(__props.battery.dischargingTime) && __props.battery.dischargingTime != 0]
-          ]),
-          withDirectives(createElementVNode("span", null, " \u8DDD\u79BB\u7535\u6C60\u5145\u6EE1\u9700\u8981\uFF1A" + toDisplayString(__props.calcChargingTime), 513), [
-            [vShow, Number.isFinite(__props.battery.chargingTime) && __props.battery.chargingTime != 0]
-          ])
-        ])
-      ]);
-    };
-  }
-});
-function useBattery() {
-  const state = reactive({
-    battery: {
-      charging: false,
-      chargingTime: 0,
-      dischargingTime: 0,
-      level: 100
-    }
-  });
-  function updateBattery(target) {
-    for (const key in state.battery) {
-      state.battery[key] = target[key];
-    }
-    state.battery.level = state.battery.level * 100;
-  }
-  const calcDischargingTime = computed(() => {
-    const hour = state.battery.dischargingTime / 3600;
-    const minute = state.battery.dischargingTime / 60 % 60;
-    return `${hour}\u5C0F\u65F6${minute}\u5206\u949F`;
-  });
-  const calcChargingTime = computed(() => {
-    const hour = state.battery.chargingTime / 3600;
-    const minute = state.battery.chargingTime / 60 % 60;
-    return `${hour}\u5C0F\u65F6${minute}\u5206\u949F`;
-  });
-  const batteryStatus = computed(() => {
-    if (state.battery.charging && state.battery.level >= 100) {
-      return "\u5DF2\u5145\u6EE1";
-    } else if (state.battery.charging) {
-      return "\u5145\u7535\u4E2D";
-    } else {
-      return "\u5DF2\u65AD\u5F00\u7535\u6E90";
-    }
-  });
-  onMounted(async () => {
-    const BatteryManager = await window.navigator.getBattery();
-    updateBattery(BatteryManager);
-    BatteryManager.onchargingchange = ({ target }) => {
-      updateBattery(target);
-    };
-    BatteryManager.onchargingtimechange = ({ target }) => {
-      updateBattery(target);
-    };
-    BatteryManager.ondischargingtimechange = ({ target }) => {
-      updateBattery(target);
-    };
-    BatteryManager.onlevelchange = ({ target }) => {
-      updateBattery(target);
-    };
-  });
-  return {
-    ...toRefs(state),
-    batteryStatus,
-    calcDischargingTime,
-    calcChargingTime
-  };
-}
-function useTime() {
-  let timer = null;
-  let t = reactive({
-    month: null,
-    week: null,
-    date: null,
-    hour: null,
-    minute: null
-  });
-  function updateTime() {
-    const fillZero = (time) => time < 10 ? `0${time}` : `${time}`;
-    t.hour = fillZero(dayjs().get("hour"));
-    t.minute = fillZero(dayjs().get("minute"));
-    t.month = fillZero(dayjs().get("month") + 1);
-    t.date = fillZero(dayjs().get("date"));
-    t.week = ["\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D", "\u65E5"][dayjs().get("day") - 1];
-  }
-  updateTime();
-  onMounted(() => {
-    clearInterval(timer);
-    timer = setInterval(() => updateTime(), 1e3);
-  });
-  onUnmounted(() => {
-    clearInterval(timer);
-  });
-  return {
-    ...toRefs(t)
-  };
-}
-const _hoisted_1$2 = { class: "lock-box absolute top-5 left-1/2 transform -translate-x-1/2 z-20" };
-const _hoisted_2 = { class: "flex justify-center" };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("i", { class: "i ic:baseline-lock" }, null, -1);
-const _hoisted_4 = [
-  _hoisted_3
-];
-const _hoisted_5 = {
-  key: 1,
-  class: "lock-box absolute left-0 top-0 bottom-0 right-0 m-auto w-60 h-80"
-};
-const _hoisted_6 = ["src"];
-const _hoisted_7 = { class: "pb-3 block text-gray-300" };
-const _hoisted_8 = { class: "w-full mt-1 flex justify-around pt-2" };
-const _hoisted_9 = { class: "local-time absolute" };
-const _hoisted_10 = { class: "time" };
-const _hoisted_11 = { class: "date" };
-const _hoisted_12 = { class: "computer-status absolute flex flex-col" };
-const _hoisted_13 = /* @__PURE__ */ createElementVNode("i", { class: "i ant-design:wifi-outlined" }, null, -1);
-const _hoisted_14 = [
-  _hoisted_13
-];
-const _hoisted_15 = /* @__PURE__ */ createElementVNode("i", { class: "i ant-design:api-outlined" }, null, -1);
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "Lockscreen",
-  setup(__props) {
-    const go = useGo();
-    let slots = getParentSlots(null, "dt-theme");
-    const { loginOutClick } = useHeader();
-    const getUserInfo = getLocal(CacheKey.USER_INFO);
-    const useLockscreen = useLockscreenStore();
-    const online = computed(() => navigator.onLine);
-    const { month, week, date, hour, minute } = useTime();
-    const state = reactive({
-      showLogin: false,
-      loginLoading: false,
-      loginParams: {
-        password: ""
-      }
-    });
-    const onLockLogin = (value) => state.showLogin = value;
-    const {
-      battery,
-      batteryStatus,
-      calcDischargingTime,
-      calcChargingTime
-    } = useBattery();
-    const goLogin = () => {
-      useLockscreen.setLock(false);
-      if (loginOutClick && isFunction(loginOutClick)) {
-        loginOutClick();
-      } else {
-        go(Pages.LOGIN);
-      }
-    };
-    function resetLockInfo() {
-      useLockscreen.setLock(false);
-      removeLocal(LOCKSCREEN);
-      state.loginParams.password = null;
-    }
-    const onLogin = () => {
-      let pwd = getLocal(LOCKSCREEN)?.pwd;
-      if (state.loginParams.password === pwd) {
-        resetLockInfo();
-      }
-    };
-    return (_ctx, _cache) => {
-      const _component_AInputPassword = InputPassword;
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([{ onLockLogin: unref(state).showLogin }, "lockscreen fixed top-0 left-0 flex bg-black text-white overflow-hidden z-50 w-full h-full"]),
-        onMousedown: _cache[3] || (_cache[3] = withModifiers(() => {
-        }, ["stop"])),
-        onContextmenu: _cache[4] || (_cache[4] = withModifiers(() => {
-        }, ["prevent"]))
-      }, [
-        !unref(state).showLogin ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createElementVNode("div", _hoisted_1$2, [
-            createElementVNode("div", _hoisted_2, [
-              createElementVNode("span", {
-                class: "cursor-pointer",
-                title: "\u89E3\u9501\u5C4F\u5E55",
-                onClick: _cache[0] || (_cache[0] = ($event) => onLockLogin(true))
-              }, _hoisted_4)
-            ])
-          ]),
-          createVNode(_sfc_main$4, {
-            battery: unref(battery),
-            "battery-status": unref(batteryStatus),
-            "calc-discharging-time": unref(calcDischargingTime),
-            "calc-charging-time": unref(calcChargingTime)
-          }, null, 8, ["battery", "battery-status", "calc-discharging-time", "calc-charging-time"])
-        ], 64)) : (openBlock(), createElementBlock("div", _hoisted_5, [
-          unref(slots)?.icon ? (openBlock(), createBlock(unref(DtSlotContainer), {
-            key: 0,
-            template: unref(slots).icon
-          }, null, 8, ["template"])) : (openBlock(), createElementBlock("img", {
-            key: 1,
-            src: unref(txUrl)
-          }, null, 8, _hoisted_6)),
-          createElementVNode("span", _hoisted_7, toDisplayString(unref(getUserInfo)?.userNo), 1),
-          createVNode(_component_AInputPassword, {
-            class: "mt-2",
-            autofocus: "",
-            value: unref(state).loginParams.password,
-            "onUpdate:value": _cache[1] || (_cache[1] = ($event) => unref(state).loginParams.password = $event),
-            onKeyup: withKeys(onLogin, ["enter"]),
-            placeholder: "\u8BF7\u8F93\u5165\u9501\u5C4F\u5BC6\u7801"
-          }, null, 8, ["value", "onKeyup"]),
-          createElementVNode("div", _hoisted_8, [
-            createElementVNode("a", {
-              onClick: _cache[2] || (_cache[2] = ($event) => unref(state).showLogin = false)
-            }, "\u8FD4\u56DE"),
-            createElementVNode("a", { onClick: goLogin }, "\u91CD\u65B0\u767B\u5F55"),
-            createElementVNode("a", { onClick: onLogin }, "\u8FDB\u5165\u7CFB\u7EDF")
-          ])
-        ])),
-        createElementVNode("div", _hoisted_9, [
-          createElementVNode("div", _hoisted_10, toDisplayString(unref(hour)) + ":" + toDisplayString(unref(minute)), 1),
-          createElementVNode("div", _hoisted_11, toDisplayString(unref(month)) + "\u6708" + toDisplayString(unref(date)) + "\u53F7\uFF0C\u661F\u671F" + toDisplayString(unref(week)), 1)
-        ]),
-        createElementVNode("div", _hoisted_12, [
-          createElementVNode("span", {
-            class: normalizeClass([{ offline: !unref(online) }, "network"])
-          }, _hoisted_14, 2),
-          _hoisted_15
-        ])
-      ], 34);
-    };
-  }
-});
-const _hoisted_1$1 = ["loading"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  setup(__props) {
-    const { getTransitionMode } = useApp();
-    const { getLayoutContentMode, getPageLoading } = useTheme();
-    const { getCanCache } = useMultipleTab();
-    const tabStore = useRouteReuseStore();
-    const { currentRoute } = useRouter();
-    const contentMode = computed(() => unref(currentRoute).meta.contentMode || unref(getLayoutContentMode));
-    function getTransitionName(route) {
-      return route.meta.transitionName || unref(getTransitionMode);
-    }
-    const getCaches = computed(() => {
-      return tabStore.getCachedTabList;
-    });
-    return (_ctx, _cache) => {
-      const _component_router_view = resolveComponent("router-view");
-      const _component_ALayoutContent = LayoutContent;
-      return openBlock(), createElementBlock("div", {
-        id: "dt-layout-content",
-        class: normalizeClass([["dt-layout-content", unref(contentMode)], "relative flex-auto min-h-0 flex flex-1 h-0"]),
-        loading: unref(getPageLoading) && unref(getPageLoading)
-      }, [
-        createVNode(_component_ALayoutContent, { class: "overflow-y-auto overflow-x-hidden" }, {
-          default: withCtx(() => [
-            createVNode(_component_router_view, null, {
-              default: withCtx(({ Component, route }) => [
-                createVNode(Transition, {
-                  name: getTransitionName(route),
-                  mode: "out-in",
-                  appear: ""
-                }, {
-                  default: withCtx(() => [
-                    !route.meta.hideTab && unref(getCanCache) ? (openBlock(), createBlock(KeepAlive, {
-                      key: 0,
-                      include: unref(getCaches)
-                    }, [
-                      (openBlock(), createBlock(resolveDynamicComponent(Component), {
-                        key: route.path
-                      }))
-                    ], 1032, ["include"])) : (openBlock(), createBlock(resolveDynamicComponent(Component), { key: 1 }))
-                  ]),
-                  _: 2
-                }, 1032, ["name"])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ], 10, _hoisted_1$1);
-    };
-  }
-});
-const _hoisted_1 = { class: "pr-2.5" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  setup(__props) {
-    const slots = getParentSlots(null, "dt-theme");
-    const { title, subTitle } = useThemeStore().themeConf.footerOptions;
-    const footerOptions = computed(() => {
-      return {
-        padding: "0",
-        color: "rgb(156,163,175)"
-      };
-    });
-    return (_ctx, _cache) => {
-      const _component_ALayoutFooter = LayoutFooter;
-      return openBlock(), createBlock(_component_ALayoutFooter, {
-        class: "dt-footer",
-        style: normalizeStyle(unref(footerOptions))
-      }, {
-        default: withCtx(() => [
-          unref(slots)?.footer ? (openBlock(), createBlock(unref(DtSlotContainer), {
-            key: 0,
-            template: unref(slots).footer
-          }, null, 8, ["template"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createElementVNode("span", _hoisted_1, toDisplayString(unref(title)), 1),
-            createElementVNode("span", null, toDisplayString(unref(subTitle)), 1)
-          ], 64))
-        ]),
-        _: 1
-      }, 8, ["style"]);
-    };
-  }
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  setup(__props) {
-    const { getShowFooter, getVars } = useTheme();
-    const { currentRoute } = useRouter();
-    const {
-      getUiSize,
-      getIsZH,
-      getShowFullHeaderRef,
-      getHeaderHeight,
-      getLockscreen
-    } = useHeader();
-    const { getShowMenu, getIsMixSidebar, getSplit, getShowSidebar } = useMenu();
-    dayjs.locale(unref(getIsZH) ? "zh-cn" : "en");
-    const useLockscreen = useLockscreenStore();
-    const isLock = computed(() => useLockscreen.isLock);
-    const layoutClass = computed(() => {
-      let cls = "ant-layout";
-      if (unref(getIsMixSidebar)) {
-        cls += " ant-layout-has-sider";
-      }
-      if (unref(getShowMenu)) {
-        cls += " flex flex-row";
-      }
-      return cls;
-    });
-    const layoutOption = computed(() => {
-      if (unref(getSplit)) {
-        return {
-          paddingTop: unref(getHeaderHeight) + "px",
-          background: "#f0f2f5"
-        };
-      }
-    });
-    return (_ctx, _cache) => {
-      const _component_ALayout = Layout;
-      const _component_router_view = resolveComponent("router-view");
-      const _component_AConfigProvider = ConfigProvider;
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["dt-theme", `dt-theme-${unref(getUiSize)}`])
-      }, [
-        !unref(isLock) ? (openBlock(), createBlock(_component_AConfigProvider, {
-          key: 0,
-          locale: unref(getIsZH) ? unref(zhCN) : unref(en),
-          "component-size": unref(getUiSize),
-          theme: unref(getVars)
-        }, {
-          default: withCtx(() => [
-            unref(currentRoute)?.name && unref(currentRoute).meta?.requiresAuth !== false ? (openBlock(), createBlock(_component_ALayout, {
-              key: 0,
-              class: "w-full h-full flex"
-            }, {
-              default: withCtx(() => [
-                createVNode(_sfc_main$A),
-                unref(getShowFullHeaderRef) ? (openBlock(), createBlock(_sfc_main$d, {
-                  key: 0,
-                  fixed: ""
-                })) : createCommentVNode("", true),
-                createVNode(_component_ALayout, {
-                  class: normalizeClass(unref(layoutClass)),
-                  style: normalizeStyle(unref(layoutOption))
-                }, {
-                  default: withCtx(() => [
-                    unref(getShowSidebar) ? (openBlock(), createBlock(_sfc_main$9, { key: 0 })) : createCommentVNode("", true),
-                    createVNode(_component_ALayout, { class: "dt-theme-main" }, {
-                      default: withCtx(() => [
-                        createVNode(_sfc_main$5),
-                        createVNode(_sfc_main$2),
-                        unref(getShowFooter) ? (openBlock(), createBlock(_sfc_main$1, { key: 0 })) : createCommentVNode("", true)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["class", "style"])
-              ]),
-              _: 1
-            })) : (openBlock(), createBlock(_component_router_view, { key: 1 }))
-          ]),
-          _: 1
-        }, 8, ["locale", "component-size", "theme"])) : createCommentVNode("", true),
-        unref(getLockscreen) && unref(isLock) && unref(currentRoute)?.name && unref(currentRoute).meta?.requiresAuth !== false ? (openBlock(), createBlock(Transition, {
-          key: 1,
-          name: "fade-slide"
-        }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$3)
-          ]),
-          _: 1
-        })) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-const EN = {
-  "UI": {
-    "ADD": "Add ",
-    "DELETE_CONFIRM": "Delete Confirm",
-    "CONFIRM_DELETE": "Confirm that you want to delete the selected data\uFF1F",
-    "NEED_CURD": "Missing curd function configuration, pass the curd parameter returned by useSource to the useCurd configuration option!",
-    "EDIT": "Edit ",
-    "EMPTY": "No Selected Data Yet!",
-    "EMPTY_URL": "Request Url Can Not Empty!",
-    "MULTIFY_DELETE_CONFIRM": "Batch Deletion Confirmation",
-    "CONFIRM_MULTIFY_DELETE": "Confirm that you want to delete the selected data in batches?",
-    "ADVANCED": "Retract",
-    "EXPAND": "Expand",
-    "SELECT_ICON": "Select Icon",
-    "MUSE_FUNCTION": "openDialog must be a fouction",
-    "NEED_RENDER": "Configure the render function",
-    "SEARCH": "Search",
-    "RESET": "Reset",
-    "PLEASE_INPUT": "Please Input",
-    "PLEASE_SELECT": "Please Select",
-    "PLEASE_SET_ICON": "Please Set The Icon",
-    "INPUT_FILTER": "Enter Filter Criteria",
-    "EXIT_FULLSCREEN": "Exit Full Screen",
-    "FULLSCREEN": "Full Screen",
-    "SAVE": "Save",
-    "CLOSE": "Close",
-    "ADD_SUCCESS": "Add Success!",
-    "UPDATE_SUCCESS": "Update data successfully!",
-    "MULTIFY": "Batch",
-    "DELETE_SUCCESS": "Successfully delete!",
-    "COLUMN_CONTROL": "Column Control",
-    "COLUMN_SHOW": "Column Show",
-    "INDEX": "Serial Number",
-    "CHECKBOX": "Checkbox",
-    "FIXED_TO_LEFT": "Fixed to the left",
-    "FIXED_TO_RIGHT": "Fixed to the right",
-    "EXPORT": "Export",
-    "DOWNLOAD_TEMPLATE": "Download Template",
-    "EXPORT_CURRENT_PAGE": "Export the current page",
-    "EXPORT_SELECT_COLUMN": "Export Selected columns",
-    "EXPORT_ALL": "Export all columns",
-    "SELECT_ALL": "Select All",
-    "SETTING_EXPORT_COLUMN": "Setting the export column",
-    "NO_EXPORT_COLUMN": "There are no exported columns!",
-    "NUMBER": "Number",
-    "ACTIONS": "Actions",
-    "TOTAL_PAGE": "Total {total}",
-    "FILTER": "Filter",
-    "EXPAND_ALL": "Expand All",
-    "COLLAPSE_ALL": "Collapse All",
-    "SELECT_ALL1": "Select All",
-    "CANCEL_SELECT_ALL": "Cancel Select All",
-    "LEVEL_CONNECTION": "Level Connection",
-    "LEVEL_SOLATE": "Independent Hierarchy",
-    "LOADING": "Loading...",
-    "SUPPORT_FILES": "Support {message} format",
-    "MAX_SIZE": "Not exceeding {maxSize}M",
-    "MAX_NUMBER": "A maximum of {maxNumber} files can be selected",
-    "SUPPORT_TYPES": "Upload Types: pptx\u3001doc\u3001jpg\u3001jpeg\u3001png\u3001bmp\u3001gif\u3001xls\u3001xlsx\u3001txt\u3001rar\u3001zip\u30017z\u3001tar\u3001gz",
-    "FILE_UPLOAD": "Files Upload",
-    "FILE_NAME": "File Name",
-    "FILE_STATUS": "Upload Status",
-    "PREVIEW": "Preview",
-    "DELETE": "Delete",
-    "HISTORY_UPLOAD": "History Upload",
-    "MAX_MB": "Only files up to {maxSize}MB can be uploaded!",
-    "PRE_UPLOAD": "To Upload",
-    "COMPANY_NAME": "Longi Co overseas tax system",
-    "FILTER_MORE": "Menu Search...",
-    "LARGE_SIZE": "Large Size",
-    "MIDDLE_SIZE": "Middle Size",
-    "SMALL_SIZE": "Small Size",
-    "MODIFY_PASSWORD": "Modify Password",
-    "LOGIN_OUT": "Log out",
-    "REFRESH": "Refresh",
-    "CLOSE_CURRENT_TAG": "Close the current tab",
-    "CLOSE_LEFT_TAGS": "Close the left tab",
-    "CLOSE_RIGHT_TAGS": "Close the right tab",
-    "CLOSE_OTHER_TAGS": "Close other tabs",
-    "CLOSE_ALL_TAGE": "Close All",
-    "SETTING_THEME": "Style Settings",
-    "PROJECT_SETTING": "Project Configuration",
-    "NAV_MODE": "Navigation bar mode",
-    "PRIMARY_COLOR": "Primary Color",
-    "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.",
-    "FULL": "Flow-based",
-    "FIXED": "Fixed width",
-    "BREAD_CURB": "Bread crumbs",
-    "MENU_FILTER": "Menu search",
-    "NOTICE": "Notification",
-    "SIZE": "Size",
-    "SHOW_FULLE": "Page full screen",
-    "LOCAL": "Internationalization",
-    "ROUTE_REUSE": "Routing reuse",
-    "SHOW_FOOTER": "Show Footer",
-    "CONTENT_FIXED_WIDTH": "Content area width",
-    "ON": "On",
-    "OFF": "Off",
-    "UNKNOWN_ROUTE": "Unknown route",
-    "COPY_SUCCESS": "Copy Success\uFF01"
-  }
-};
-const ZH = {
-  "UI": {
-    "ADD": "\u65B0\u589E",
-    "DELETE_CONFIRM": "\u5220\u9664\u786E\u8BA4",
-    "CONFIRM_DELETE": "\u786E\u8BA4\u8981\u5220\u9664\u9009\u4E2D\u7684\u6570\u636E\uFF1F",
-    "NEED_CURD": "\u7F3A\u5C11curd\u51FD\u6570\u914D\u7F6E, \u8BF7\u5C06useSource\u4E2D\u8FD4\u56DE\u7684curd\u53C2\u6570\u4F20\u5165useCurd\u914D\u7F6E\u9879\u4E2D!",
-    "EDIT": "\u7F16\u8F91",
-    "EMPTY": "\u6682\u65E0\u9009\u4E2D\u7684\u6570\u636E!",
-    "EMPTY_URL": "\u8BF7\u6C42url\u4E0D\u80FD\u4E3A\u7A7A!",
-    "MULTIFY_DELETE_CONFIRM": "\u6279\u91CF\u5220\u9664\u786E\u8BA4",
-    "CONFIRM_MULTIFY_DELETE": "\u786E\u8BA4\u8981\u6279\u91CF\u5220\u9664\u9009\u4E2D\u7684\u6570\u636E\uFF1F",
-    "ADVANCED": "\u6536\u8D77",
-    "EXPAND": "\u5C55\u5F00",
-    "SELECT_ICON": "\u9009\u62E9\u5B57\u4F53\u56FE\u6807",
-    "MUSE_FUNCTION": "openDialog\u5FC5\u987B\u662F\u51FD\u6570",
-    "NEED_RENDER": "\u8BF7\u914D\u7F6Erender\u51FD\u6570",
-    "SEARCH": "\u67E5\u8BE2",
-    "RESET": "\u91CD\u7F6E",
-    "PLEASE_INPUT": "\u8BF7\u8F93\u5165",
-    "PLEASE_SELECT": "\u8BF7\u9009\u62E9",
-    "PLEASE_SET_ICON": "\u8BF7\u8BBE\u7F6E\u56FE\u6807",
-    "INPUT_FILTER": "\u8BF7\u8F93\u5165\u8FC7\u6EE4\u6761\u4EF6",
-    "EXIT_FULLSCREEN": "\u9000\u51FA\u5168\u5C4F",
-    "FULLSCREEN": "\u5168\u5C4F",
-    "SAVE": "\u4FDD\u5B58",
-    "CLOSE": "\u5173\u95ED",
-    "ADD_SUCCESS": "\u65B0\u589E\u6210\u529F\uFF01",
-    "UPDATE_SUCCESS": "\u66F4\u65B0\u6570\u636E\u6210\u529F\uFF01",
-    "MULTIFY": "\u6279\u91CF",
-    "DELETE_SUCCESS": "\u5220\u9664\u6210\u529F\uFF01",
-    "COLUMN_CONTROL": "\u5217\u63A7\u5236",
-    "COLUMN_SHOW": "\u5217\u5C55\u793A",
-    "INDEX": "\u5E8F\u5217\u53F7",
-    "CHECKBOX": "\u590D\u9009\u6846",
-    "FIXED_TO_LEFT": "\u56FA\u5B9A\u5230\u5DE6\u4FA7",
-    "FIXED_TO_RIGHT": "\u56FA\u5B9A\u5230\u53F3\u4FA7",
-    "EXPORT": "\u5BFC\u51FA",
-    "DOWNLOAD_TEMPLATE": "\u6A21\u677F\u4E0B\u8F7D",
-    "EXPORT_CURRENT_PAGE": "\u5BFC\u51FA\u5F53\u524D\u9875",
-    "EXPORT_SELECT_COLUMN": "\u5BFC\u51FA\u9009\u4E2D\u5217",
-    "EXPORT_ALL": "\u5BFC\u51FA\u6240\u6709\u5217",
-    "SELECT_ALL": "\u5168\u9009",
-    "SETTING_EXPORT_COLUMN": "\u8BBE\u7F6E\u5BFC\u51FA\u5217",
-    "NO_EXPORT_COLUMN": "\u6682\u65E0\u53EF\u5BFC\u51FA\u7684\u5217\uFF01",
-    "NUMBER": "\u5E8F\u53F7",
-    "ACTIONS": "\u64CD\u4F5C",
-    "TOTAL_PAGE": "\u603B\u5171{total}\u6761",
-    "FILTER": "\u641C\u7D22...",
-    "EXPAND_ALL": "\u5C55\u5F00\u5168\u90E8",
-    "COLLAPSE_ALL": "\u6298\u53E0\u5168\u90E8",
-    "SELECT_ALL1": "\u9009\u62E9\u5168\u90E8",
-    "CANCEL_SELECT_ALL": "\u53D6\u6D88\u9009\u62E9",
-    "LEVEL_CONNECTION": "\u5C42\u7EA7\u5173\u8054",
-    "LEVEL_SOLATE": "\u5C42\u7EA7\u72EC\u7ACB",
-    "LOADING": "\u52A0\u8F7D\u4E2D...",
-    "SUPPORT_FILES": "\u652F\u6301{message}\u683C\u5F0F",
-    "MAX_SIZE": "\u4E0D\u8D85\u8FC7{maxSize}M",
-    "MAX_NUMBER": "\u6700\u591A\u53EF\u9009\u62E9{maxNumber}\u4E2A\u6587\u4EF6",
-    "SUPPORT_TYPES": "\u8BF7\u4E0A\u4F20pptx\u3001doc\u3001jpg\u3001jpeg\u3001png\u3001bmp\u3001gif\u3001xls\u3001xlsx\u3001txt\u3001rar\u3001zip\u30017z\u3001tar\u3001gz\u683C\u5F0F\u6587\u4EF6",
-    "FILE_UPLOAD": "\u6587\u4EF6\u4E0A\u4F20",
-    "FILE_NAME": "\u6587\u4EF6\u540D\u79F0",
-    "FILE_STATUS": "\u4E0A\u4F20\u72B6\u6001",
-    "PREVIEW": "\u9884\u89C8",
-    "DELETE": "\u5220\u9664",
-    "HISTORY_UPLOAD": "\u5386\u53F2\u4E0A\u4F20",
-    "MAX_MB": "\u53EA\u80FD\u4E0A\u4F20\u4E0D\u8D85\u8FC7{maxSize}MB\u7684\u6587\u4EF6!",
-    "PRE_UPLOAD": "\u5F85\u4E0A\u4F20",
-    "COMPANY_NAME": "\u5B89\u5FBD\u6DF1\u8FEA\u4E2D\u53F0\u7CFB\u7EDF\u6A21\u677F",
-    "FILTER_MORE": "\u83DC\u5355\u68C0\u7D22...",
-    "LARGE_SIZE": "\u5927\u5C3A\u5BF8",
-    "MIDDLE_SIZE": "\u4E2D\u5C3A\u5BF8",
-    "SMALL_SIZE": "\u5C0F\u5C3A\u5BF8",
-    "MODIFY_PASSWORD": "\u4FEE\u6539\u5BC6\u7801",
-    "LOGIN_OUT": "\u9000\u51FA\u7CFB\u7EDF",
-    "REFRESH": "\u91CD\u65B0\u52A0\u8F7D",
-    "CLOSE_CURRENT_TAG": "\u5173\u95ED\u5F53\u524D",
-    "CLOSE_LEFT_TAGS": "\u5173\u95ED\u5DE6\u4FA7",
-    "CLOSE_RIGHT_TAGS": "\u5173\u95ED\u53F3\u4FA7",
-    "CLOSE_OTHER_TAGS": "\u5173\u95ED\u5176\u4ED6",
-    "CLOSE_ALL_TAGE": "\u5173\u95ED\u5168\u90E8",
-    "SETTING_THEME": "\u98CE\u683C\u8BBE\u7F6E",
-    "PROJECT_SETTING": "\u9879\u76EE\u914D\u7F6E",
-    "NAV_MODE": "\u5BFC\u822A\u680F\u6A21\u5F0F",
-    "PRIMARY_COLOR": "\u4E3B\u9898\u8272",
-    "PAGE_SHOW": "\u754C\u9762\u663E\u793A",
-    "COPY": "\u62F7\u8D1D",
-    "DRAWER_TIPS": "\u8BE5\u529F\u80FD\u4E3B\u8981\u5B9E\u65F6\u9884\u89C8\u5404\u79CD\u5E03\u5C40\u6548\u679C\uFF0C\u66F4\u591A\u5B8C\u6574\u914D\u7F6E\u5728 src/core/settings/theme.ts \u4E2D\u8BBE\u7F6E\uFF0C\u5728\u751F\u4EA7\u73AF\u5883\u8BE5\u5E03\u5C40\u9884\u89C8\u529F\u80FD\u5C06\u88AB\u5173\u95ED\u3002",
-    "FULL": "\u6D41\u5F0F",
-    "FIXED": "\u5B9A\u5BBD",
-    "BREAD_CURB": "\u9762\u5305\u5C51",
-    "MENU_FILTER": "\u83DC\u5355\u68C0\u7D22",
-    "NOTICE": "\u901A\u77E5\u516C\u544A",
-    "SIZE": "\u5143\u7D20\u5C3A\u5BF8",
-    "SHOW_FULLE": "\u9875\u9762\u5168\u5C4F",
-    "LOCAL": "\u56FD\u9645\u5316",
-    "ROUTE_REUSE": "\u8DEF\u7531\u590D\u7528",
-    "SHOW_FOOTER": "\u663E\u793A\u5E95\u90E8",
-    "CONTENT_FIXED_WIDTH": "\u5185\u5BB9\u533A\u57DF\u5BBD\u5EA6",
-    "ON": "\u5F00",
-    "OFF": "\u5173",
-    "DOWNLOAD": "\u4E0B\u8F7D",
-    "UNKNOWN_ROUTE": "\u672A\u77E5\u8DEF\u7531",
-    "COPY_SUCCESS": "\u62F7\u8D1D\u6210\u529F\uFF01"
-  }
-};
-const uiLang = (lang) => lang === Language.ZH ? ZH : EN;
-const DtTheme = withInstall(_sfc_main);
-export {
-  DtTheme,
-  UiSize,
-  uiLang,
-  useHeader,
-  useMenu,
-  useRouteReuseStore,
-  useTheme,
-  useThemeStore
-};