yuang-framework-ui-pc 1.1.2 → 1.1.3

package/README.md

@@ -35,3 +35,16 @@ npm run build
 ```bash
 npm run build src=/ele-alert
 ```
+
+
+
+
+npm config get registry
+
+npm config set registry=https://registry.npmjs.org
+npm config set registry=https://registry.npmmirror.com
+
+
+npm run build
+npm publish
+

package/es/ele-pro-layout/components/pro-iframe.d.ts

@@ -0,0 +1,39 @@
+import { PropType } from 'vue';
+import { TabItem, IframeItem } from '../types';
+
+declare const _default: import('vue').DefineComponent<{
+    /** 是否支持内嵌缓存 */
+    keepAlive: BooleanConstructor;
+    /** 内嵌切换动画 */
+    transitionName: StringConstructor;
+    /** 内嵌进入动画延迟时间 */
+    transitionDelay: NumberConstructor;
+    /** 页签数据 */
+    tabData: {
+        type: PropType<TabItem[]>;
+        required: true;
+    };
+    /** 页签选中 */
+    tabActive: StringConstructor;
+}, {
+    active: import('vue').Ref<string | null | undefined>;
+    data: import('vue').ComputedRef<IframeItem[]>;
+    handleLeave: (delay?: number) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 是否支持内嵌缓存 */
+    keepAlive: BooleanConstructor;
+    /** 内嵌切换动画 */
+    transitionName: StringConstructor;
+    /** 内嵌进入动画延迟时间 */
+    transitionDelay: NumberConstructor;
+    /** 页签数据 */
+    tabData: {
+        type: PropType<TabItem[]>;
+        required: true;
+    };
+    /** 页签选中 */
+    tabActive: StringConstructor;
+}>>, {
+    keepAlive: boolean;
+}, {}>;
+export default _default;

package/es/ele-pro-layout/components/pro-iframe.js

@@ -0,0 +1,124 @@
+import { defineComponent, computed, ref, watch, nextTick, openBlock, createElementBlock, Fragment, renderList, withDirectives, vShow, createCommentVNode, createBlock, TransitionGroup, withCtx } from "vue";
+import { useTimer } from "../../utils/hook";
+import { getIframeSrc } from "../util";
+const _sfc_main = defineComponent({
+  name: "ProIframe",
+  props: {
+    /** 是否支持内嵌缓存 */
+    keepAlive: Boolean,
+    /** 内嵌切换动画 */
+    transitionName: String,
+    /** 内嵌进入动画延迟时间 */
+    transitionDelay: Number,
+    /** 页签数据 */
+    tabData: {
+      type: Array,
+      required: true
+    },
+    /** 页签选中 */
+    tabActive: String
+  },
+  setup(props) {
+    const [startActiveTimer, stopActiveTimer] = useTimer();
+    const data = computed(() => {
+      const list = [];
+      props.tabData.forEach((t) => {
+        var _a, _b;
+        const isAlive = ((_a = t.meta) == null ? void 0 : _a.keepAlive) !== false;
+        if (t.key && ((_b = t.meta) == null ? void 0 : _b.iframe) && isAlive) {
+          const src = getIframeSrc(t.fullPath, t.meta.iframe);
+          list.push({ id: t.key, src, refresh: t.refresh });
+        }
+      });
+      return list.sort((a, b) => a.id === b.id ? 0 : a.id > b.id ? 1 : -1);
+    });
+    const dataActive = computed(() => {
+      if (!props.tabActive || !data.value.length || !data.value.some((d) => d.id === props.tabActive)) {
+        return;
+      }
+      return props.tabActive;
+    });
+    const active = ref(dataActive.value);
+    const handleLeave = (delay) => {
+      if (!dataActive.value) {
+        active.value = null;
+        return;
+      }
+      if (!delay) {
+        active.value = dataActive.value;
+        return;
+      }
+      startActiveTimer(() => {
+        nextTick(() => {
+          active.value = dataActive.value;
+        });
+      }, delay);
+    };
+    watch(dataActive, () => {
+      stopActiveTimer();
+      if (active.value == null) {
+        handleLeave(props.transitionName ? props.transitionDelay : void 0);
+      } else if (!props.transitionName) {
+        handleLeave();
+      } else {
+        active.value = null;
+      }
+    });
+    return { active, data, handleLeave };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { class: "ele-admin-iframe-wrap" };
+const _hoisted_2 = ["data-id", "src"];
+const _hoisted_3 = ["data-id", "src"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    !_ctx.transitionName ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.data, (item) => {
+      return openBlock(), createElementBlock(Fragment, {
+        key: item.id
+      }, [
+        !item.refresh ? withDirectives((openBlock(), createElementBlock("iframe", {
+          key: 0,
+          "data-id": item.id,
+          src: item.src,
+          class: "ele-admin-iframe"
+        }, null, 8, _hoisted_2)), [
+          [vShow, _ctx.active === item.id]
+        ]) : createCommentVNode("", true)
+      ], 64);
+    }), 128)) : (openBlock(), createBlock(TransitionGroup, {
+      key: 1,
+      appear: true,
+      name: _ctx.transitionName,
+      onAfterLeave: _cache[0] || (_cache[0] = ($event) => _ctx.handleLeave())
+    }, {
+      default: withCtx(() => [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item) => {
+          return openBlock(), createElementBlock(Fragment, {
+            key: item.id
+          }, [
+            !item.refresh ? withDirectives((openBlock(), createElementBlock("iframe", {
+              key: 0,
+              "data-id": item.id,
+              src: item.src,
+              class: "ele-admin-iframe"
+            }, null, 8, _hoisted_3)), [
+              [vShow, _ctx.active === item.id]
+            ]) : createCommentVNode("", true)
+          ], 64);
+        }), 128))
+      ]),
+      _: 1
+    }, 8, ["name"]))
+  ]);
+}
+const proIframe = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  proIframe as default
+};

package/es/ele-pro-layout/index.d.ts

@@ -0,0 +1,407 @@
+import { EleAdminLayoutInstance, EleBreadcrumbProps, EleBacktopProps, EleMenusProps } from '../ele-app/plus';
+import { MenuItem, TabItem, LevelItem, TabItemEventOption } from './types';
+import { MenuItem as MenuItemProps } from '../ele-menus/types';
+import { BreadcrumbItem } from '../ele-breadcrumb/types';
+import { TabPaneItem, TabEventOption } from '../ele-tabs/types';
+import { Layout, SidebarLayout, TabBar, Maximized } from '../ele-admin-layout/types';
+
+declare const _default: import('vue').DefineComponent<{
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    menus: import('vue').PropType<MenuItem[] | null>;
+    tabs: import('vue').PropType<TabItem[] | null>;
+    collapse: BooleanConstructor;
+    compact: BooleanConstructor;
+    maximized: import('vue').PropType<Maximized>;
+    tabBar: {
+        type: import('vue').PropType<TabBar>;
+        default: boolean;
+    };
+    breadcrumb: {
+        type: import('vue').PropType<boolean | EleBreadcrumbProps>;
+        default: boolean;
+    };
+    backTop: {
+        type: import('vue').PropType<boolean | EleBacktopProps>;
+        default: boolean;
+    };
+    layout: import('vue').PropType<Layout>;
+    sidebarLayout: import('vue').PropType<SidebarLayout>;
+    headerStyle: import('vue').PropType<import('./types').HeaderStyle>;
+    sidebarStyle: {
+        type: import('vue').PropType<import('./types').SidebarStyle>;
+        default: string;
+    };
+    tabStyle: {
+        type: import('vue').PropType<import('./types').TabStyle>;
+        default: string;
+    };
+    fixedHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSidebar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    logoInHeader: BooleanConstructor;
+    fixedHome: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    homePath: StringConstructor;
+    redirectPath: {
+        type: StringConstructor;
+        default: string;
+    };
+    fluid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    compressOnEsc: BooleanConstructor;
+    autoScrollTop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    navTrigger: import('vue').PropType<import('./types').MenuItemTrigger>;
+    boxTrigger: import('vue').PropType<import('./types').MenuItemTrigger>;
+    itemTrigger: import('vue').PropType<import('./types').MenuItemTrigger>;
+    menuHoverTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    beforeClick: import('vue').PropType<import('./types').BeforeClick>;
+    keepAlive: BooleanConstructor;
+    transitionName: StringConstructor;
+    transitionDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    responsive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    locale: StringConstructor;
+    i18n: import('vue').PropType<import('./types').MenuI18n>;
+    tabContextMenu: import('vue').PropType<boolean | import('../ele-app/plus').EleDropdownProps>;
+    tabContextMenus: import('vue').PropType<import('../ele-tabs/types').ContextMenus>;
+    tabSortable: BooleanConstructor;
+    headerTitleSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    headerIconSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    sidebarTitleSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    sidebarIconSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    sideboxTitleSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    sideboxIconSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    headerCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sidebarCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sideboxCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    tabsCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    contentCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    logoStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    logoTitleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    headerMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sidebarMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sideboxMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    headerMenuProps: import('vue').PropType<EleMenusProps>;
+    sidebarMenuProps: import('vue').PropType<EleMenusProps>;
+    sideboxMenuProps: import('vue').PropType<EleMenusProps>;
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ellipsisProps: import('vue').PropType<EleMenusProps["ellipsisProps"]>;
+    menuTrigger: import('vue').PropType<EleMenusProps["menuTrigger"]>;
+    sidebarOpeneds: import('vue').PropType<string[]>;
+    uniqueOpened: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    colorfulIcon: BooleanConstructor;
+    tooltipEffect: import('vue').PropType<EleMenusProps["popperEffect"]>;
+    menuTextEllipsisTooltip: import('vue').PropType<import('../ele-menus/types').TextEllipsisTooltip | undefined>;
+    expanded: BooleanConstructor;
+    breadcrumbSeparator: import('vue').PropType<import('../ele-breadcrumb/types').BreadcrumbSeparator>;
+    backTopVisibilityHeight: NumberConstructor;
+    backTopRight: NumberConstructor;
+    backTopBottom: NumberConstructor;
+    backTopTarget: StringConstructor;
+}, {
+    layoutRef: import('vue').Ref<EleAdminLayoutInstance>;
+    navActive: import('vue').Ref<string | undefined>;
+    sideActive: import('vue').Ref<string | undefined>;
+    boxActive: import('vue').Ref<string | undefined>;
+    tabData: import('vue').ShallowRef<TabItem[]>;
+    tabActive: import('vue').Ref<string | undefined>;
+    levelData: import('vue').ShallowRef<LevelItem[]>;
+    mobile: import('vue').Ref<boolean>;
+    homeMenuPath: import('vue').Ref<string | undefined>;
+    isHome: import('vue').Ref<boolean>;
+    hideFooter: import('vue').Ref<boolean>;
+    layoutHeaders: import('vue').ComputedRef<MenuItemProps[]>;
+    layoutSidebars: import('vue').ComputedRef<MenuItemProps[]>;
+    layoutSideboxs: import('vue').ComputedRef<MenuItemProps[]>;
+    layoutTabs: import('vue').ComputedRef<TabPaneItem[]>;
+    layoutLevels: import('vue').ComputedRef<BreadcrumbItem[]>;
+    routeLayout: import('vue').ComputedRef<Layout>;
+    routeSideType: import('vue').ComputedRef<SidebarLayout>;
+    isBoxSide: import('vue').ComputedRef<boolean>;
+    routeTabBar: import('vue').ComputedRef<TabBar>;
+    routeMaximized: import('vue').ComputedRef<Maximized | undefined>;
+    sidebar: import('vue').ComputedRef<boolean>;
+    breadcrumbProps: import('vue').ComputedRef<boolean | EleBreadcrumbProps>;
+    backTopProps: import('vue').ComputedRef<boolean | EleBacktopProps>;
+    navMenuProps: import('vue').ComputedRef<EleMenusProps | undefined>;
+    sideMenuProps: import('vue').ComputedRef<EleMenusProps | undefined>;
+    boxMenuProps: import('vue').ComputedRef<EleMenusProps | undefined>;
+    updateCollapse: (collapse: boolean) => void;
+    handleLogoClick: (e: MouseEvent) => void;
+    handleHeadMenuOpen: (index: string, indexPath: string[]) => void;
+    handleHeadMenuClose: (index: string, indexPath: string[]) => void;
+    handleHeadMenuItemClick: (item: MenuItemProps, e: MouseEvent) => void;
+    handleHeadMenuItemMouseenter: (item: MenuItemProps, e: MouseEvent) => void;
+    handleHeadMouseenter: () => void;
+    handleHeadMouseleave: () => void;
+    handleBoxMenuItemClick: (item: MenuItemProps, e: MouseEvent) => void;
+    handleBoxMenuItemMouseenter: (item: MenuItemProps, e: MouseEvent) => void;
+    handleBoxMouseEnter: () => void;
+    handleBoxMouseLeave: () => void;
+    handleSideMenuOpen: (index: string, indexPath: string[]) => void;
+    handleSideMenuClose: (index: string, indexPath: string[]) => void;
+    handleSideMenuItemClick: (item: MenuItemProps, e: MouseEvent) => void;
+    handleSideMouseEnter: () => void;
+    handleSideMouseLeave: () => void;
+    handleTabClick: (option: TabEventOption) => void;
+    handleTabRemove: (key: string) => void;
+    handleTabContextMenu: (option: TabEventOption) => void;
+    handleTabSortChange: (data: TabPaneItem[]) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:collapse': (_collapse: boolean) => boolean;
+    'update:maximized': (_maximized: boolean) => boolean;
+    tabAdd: (_data: TabItem) => boolean;
+    tabClick: (_option: TabItemEventOption) => boolean;
+    tabRemove: (_option: TabItemEventOption) => boolean;
+    tabContextMenu: (_option: TabItemEventOption) => boolean;
+    tabSortChange: (_data: TabItem[]) => boolean;
+    logoClick: (_isHome: boolean, _e: MouseEvent) => boolean;
+    headMenuOpen: (_index: string, _indexPath: string[]) => boolean;
+    headMenuClose: (_index: string, _indexPath: string[]) => boolean;
+    sideMenuOpen: (_index: string, _indexPath: string[]) => boolean;
+    sideMenuClose: (_index: string, _indexPath: string[]) => boolean;
+    bodySizeChange: (_option: import('./types').BodySizeChangeOption) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    menus: import('vue').PropType<MenuItem[] | null>;
+    tabs: import('vue').PropType<TabItem[] | null>;
+    collapse: BooleanConstructor;
+    compact: BooleanConstructor;
+    maximized: import('vue').PropType<Maximized>;
+    tabBar: {
+        type: import('vue').PropType<TabBar>;
+        default: boolean;
+    };
+    breadcrumb: {
+        type: import('vue').PropType<boolean | EleBreadcrumbProps>;
+        default: boolean;
+    };
+    backTop: {
+        type: import('vue').PropType<boolean | EleBacktopProps>;
+        default: boolean;
+    };
+    layout: import('vue').PropType<Layout>;
+    sidebarLayout: import('vue').PropType<SidebarLayout>;
+    headerStyle: import('vue').PropType<import('./types').HeaderStyle>;
+    sidebarStyle: {
+        type: import('vue').PropType<import('./types').SidebarStyle>;
+        default: string;
+    };
+    tabStyle: {
+        type: import('vue').PropType<import('./types').TabStyle>;
+        default: string;
+    };
+    fixedHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSidebar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    logoInHeader: BooleanConstructor;
+    fixedHome: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    homePath: StringConstructor;
+    redirectPath: {
+        type: StringConstructor;
+        default: string;
+    };
+    fluid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    compressOnEsc: BooleanConstructor;
+    autoScrollTop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    navTrigger: import('vue').PropType<import('./types').MenuItemTrigger>;
+    boxTrigger: import('vue').PropType<import('./types').MenuItemTrigger>;
+    itemTrigger: import('vue').PropType<import('./types').MenuItemTrigger>;
+    menuHoverTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    beforeClick: import('vue').PropType<import('./types').BeforeClick>;
+    keepAlive: BooleanConstructor;
+    transitionName: StringConstructor;
+    transitionDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    responsive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    locale: StringConstructor;
+    i18n: import('vue').PropType<import('./types').MenuI18n>;
+    tabContextMenu: import('vue').PropType<boolean | import('../ele-app/plus').EleDropdownProps>;
+    tabContextMenus: import('vue').PropType<import('../ele-tabs/types').ContextMenus>;
+    tabSortable: BooleanConstructor;
+    headerTitleSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    headerIconSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    sidebarTitleSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    sidebarIconSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    sideboxTitleSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    sideboxIconSlot: {
+        type: StringConstructor;
+        default: string;
+    };
+    headerCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sidebarCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sideboxCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    tabsCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    contentCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    logoStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    logoTitleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    headerMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sidebarMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sideboxMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    headerMenuProps: import('vue').PropType<EleMenusProps>;
+    sidebarMenuProps: import('vue').PropType<EleMenusProps>;
+    sideboxMenuProps: import('vue').PropType<EleMenusProps>;
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ellipsisProps: import('vue').PropType<EleMenusProps["ellipsisProps"]>;
+    menuTrigger: import('vue').PropType<EleMenusProps["menuTrigger"]>;
+    sidebarOpeneds: import('vue').PropType<string[]>;
+    uniqueOpened: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    colorfulIcon: BooleanConstructor;
+    tooltipEffect: import('vue').PropType<EleMenusProps["popperEffect"]>;
+    menuTextEllipsisTooltip: import('vue').PropType<import('../ele-menus/types').TextEllipsisTooltip | undefined>;
+    expanded: BooleanConstructor;
+    breadcrumbSeparator: import('vue').PropType<import('../ele-breadcrumb/types').BreadcrumbSeparator>;
+    backTopVisibilityHeight: NumberConstructor;
+    backTopRight: NumberConstructor;
+    backTopBottom: NumberConstructor;
+    backTopTarget: StringConstructor;
+}>> & {
+    onTabClick?: ((_option: TabItemEventOption) => any) | undefined;
+    onTabRemove?: ((_option: TabItemEventOption) => any) | undefined;
+    onTabAdd?: ((_data: TabItem) => any) | undefined;
+    onTabContextMenu?: ((_option: TabItemEventOption) => any) | undefined;
+    onTabSortChange?: ((_data: TabItem[]) => any) | undefined;
+    "onUpdate:collapse"?: ((_collapse: boolean) => any) | undefined;
+    onLogoClick?: ((_isHome: boolean, _e: MouseEvent) => any) | undefined;
+    onHeadMenuOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
+    onHeadMenuClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
+    onSideMenuOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
+    onSideMenuClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
+    "onUpdate:maximized"?: ((_maximized: boolean) => any) | undefined;
+    onBodySizeChange?: ((_option: import('./types').BodySizeChangeOption) => any) | undefined;
+}, {
+    uniqueOpened: boolean;
+    collapse: boolean;
+    ellipsis: boolean;
+    height: string | number;
+    compact: boolean;
+    transitionDelay: number;
+    expanded: boolean;
+    tabBar: TabBar;
+    breadcrumb: boolean | EleBreadcrumbProps;
+    backTop: boolean | EleBacktopProps;
+    sidebarStyle: import('./types').SidebarStyle;
+    tabStyle: import('./types').TabStyle;
+    fixedHeader: boolean;
+    fixedSidebar: boolean;
+    fixedBody: boolean;
+    logoInHeader: boolean;
+    fixedHome: boolean;
+    tabSortable: boolean;
+    headerTitleSlot: string;
+    headerIconSlot: string;
+    sidebarTitleSlot: string;
+    sidebarIconSlot: string;
+    sideboxTitleSlot: string;
+    sideboxIconSlot: string;
+    keepAlive: boolean;
+    responsive: boolean;
+    redirectPath: string;
+    fluid: boolean;
+    compressOnEsc: boolean;
+    autoScrollTop: boolean;
+    menuHoverTimeout: number;
+    colorfulIcon: boolean;
+}, {}>;
+export default _default;