ele-admin-plus 1.2.0-beta.1 → 1.2.0-beta.3

package/lib/ele-admin-layout/index.d.ts

@@ -0,0 +1,265 @@
+import { EleMenusInstance } from '../ele-app/plus';
+import { MenuItem } from '../ele-menus/types';
+import { TabPaneItem, TabEventOption } from '../ele-tabs/types';
+
+declare const _default: import('vue').DefineComponent<{
+    height: (StringConstructor | NumberConstructor)[];
+    headerMenus: import('vue').PropType<MenuItem[]>;
+    headerActive: StringConstructor;
+    sidebarMenus: import('vue').PropType<MenuItem[]>;
+    sidebarActive: StringConstructor;
+    sideboxMenus: import('vue').PropType<MenuItem[]>;
+    sideboxActive: StringConstructor;
+    tabs: import('vue').PropType<TabPaneItem[]>;
+    tabActive: StringConstructor;
+    levels: import('vue').PropType<import('../ele-breadcrumb/types').BreadcrumbItem[]>;
+    collapse: BooleanConstructor;
+    compact: BooleanConstructor;
+    maximized: import('vue').PropType<import('./types').Maximized>;
+    tabBar: import('vue').PropType<import('./types').TabBar>;
+    breadcrumb: import('vue').PropType<boolean | import('../ele-app/plus').EleBreadcrumbProps>;
+    backTop: import('vue').PropType<boolean | import('../ele-app/plus').EleBacktopProps>;
+    headerMenuProps: import('vue').PropType<import('../ele-app/plus').EleMenusProps>;
+    sidebarMenuProps: import('vue').PropType<import('../ele-app/plus').EleMenusProps>;
+    sideboxMenuProps: import('vue').PropType<import('../ele-app/plus').EleMenusProps>;
+    layout: import('vue').PropType<import('./types').Layout>;
+    sidebarLayout: import('vue').PropType<import('./types').SidebarLayout>;
+    headerStyle: import('vue').PropType<import('./types').HeaderStyle>;
+    sidebarStyle: import('vue').PropType<import('./types').SidebarStyle>;
+    tabStyle: {
+        type: import('vue').PropType<import('./types').TabStyle>;
+        default: string;
+    };
+    fixedHeader: BooleanConstructor;
+    fixedSidebar: BooleanConstructor;
+    fixedBody: BooleanConstructor;
+    logoInHeader: BooleanConstructor;
+    fixedHome: BooleanConstructor;
+    homePath: StringConstructor;
+    isHome: BooleanConstructor;
+    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<Partial<import('vue').CSSProperties>>;
+    sidebarCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    sideboxCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    tabsCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    contentCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    mobile: BooleanConstructor;
+}, {
+    ownSlots: string[];
+    tabSlots: string[];
+    sidebarMenuRef: import('vue').ShallowRef<EleMenusInstance>;
+    sideboxMenuRef: import('vue').ShallowRef<EleMenusInstance>;
+    contentRef: import('vue').ShallowRef<HTMLElement | null>;
+    modalsRef: import('vue').ShallowRef<HTMLElement | null>;
+    isDisableTransition: import('vue').ShallowRef<boolean>;
+    layoutHeight: import('vue').ComputedRef<string | undefined>;
+    isFixedHeader: import('vue').ComputedRef<boolean>;
+    isFixedSidebar: import('vue').ComputedRef<boolean>;
+    isTopLayout: import('vue').ComputedRef<boolean>;
+    isSideLayout: import('vue').ComputedRef<boolean>;
+    isBoxSidebar: import('vue').ComputedRef<boolean>;
+    isMixSidebar: import('vue').ComputedRef<boolean>;
+    isMobile: import('vue').ComputedRef<boolean>;
+    isHeaderLogo: import('vue').ComputedRef<boolean>;
+    showHeaderMenus: import('vue').ComputedRef<boolean>;
+    showHeaderTabs: import('vue').ComputedRef<boolean>;
+    isDarkHeader: import('vue').ComputedRef<boolean>;
+    isPrimaryHeader: import('vue').ComputedRef<boolean>;
+    isButtonTab: import('vue').ComputedRef<boolean>;
+    isDarkSidebar: import('vue').ComputedRef<boolean>;
+    isDarkMixSidebar: import('vue').ComputedRef<boolean>;
+    isGhostHeader: import('vue').ComputedRef<boolean>;
+    isGhostSidebar: import('vue').ComputedRef<boolean>;
+    isCollapseSidebar: import('vue').ComputedRef<boolean>;
+    isCollapseMobile: import('vue').ComputedRef<boolean>;
+    getContentEl: () => HTMLElement | null;
+    getModalsEl: () => HTMLElement | null;
+    updateCollapse: (value?: boolean) => void;
+    handleLogoClick: (e: MouseEvent) => void;
+    handleHeadMenuOpen: (index: string, indexPath: string[]) => void;
+    handleHeadMenuClose: (index: string, indexPath: string[]) => void;
+    handleHeadMenuItemClick: (item: MenuItem, e: MouseEvent) => void;
+    handleHeadMenuItemMouseenter: (item: MenuItem, e: MouseEvent) => void;
+    handleHeadMenuItemMouseleave: (item: MenuItem, e: MouseEvent) => void;
+    handleHeadMouseenter: (e: MouseEvent) => void;
+    handleHeadMouseleave: (e: MouseEvent) => void;
+    handleBoxMenuItemClick: (item: MenuItem, e: MouseEvent) => void;
+    handleBoxMenuItemMouseenter: (item: MenuItem, e: MouseEvent) => void;
+    handleBoxMenuItemMouseleave: (item: MenuItem, e: MouseEvent) => void;
+    handleBoxMouseEnter: (e: MouseEvent) => void;
+    handleBoxMouseLeave: (e: MouseEvent) => void;
+    handleSideMenuOpen: (index: string, indexPath: string[]) => void;
+    handleSideMenuClose: (index: string, indexPath: string[]) => void;
+    handleSideMenuItemClick: (item: MenuItem, e: MouseEvent) => void;
+    handleSideMouseEnter: (e: MouseEvent) => void;
+    handleSideMouseLeave: (e: MouseEvent) => void;
+    handleTabClick: (option: TabEventOption) => void;
+    handleTabRemove: (name: string) => void;
+    handleTabContextMenu: (option: TabEventOption) => void;
+    handleTabSortChange: (data: TabPaneItem[]) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:collapse': (_collapse: boolean) => boolean;
+    logoClick: (_e: MouseEvent) => boolean;
+    headMenuOpen: (_index: string, _indexPath: string[]) => boolean;
+    headMenuClose: (_index: string, _indexPath: string[]) => boolean;
+    headMenuItemClick: (_item: MenuItem, _e: MouseEvent) => boolean;
+    headMenuItemMouseenter: (_item: MenuItem, _e: MouseEvent) => boolean;
+    headMenuItemMouseleave: (_item: MenuItem, _e: MouseEvent) => boolean;
+    headMouseenter: (_e: MouseEvent) => boolean;
+    headMouseleave: (_e: MouseEvent) => boolean;
+    boxMenuItemClick: (_item: MenuItem, _e: MouseEvent) => boolean;
+    boxMenuItemMouseenter: (_item: MenuItem, _e: MouseEvent) => boolean;
+    boxMenuItemMouseleave: (_item: MenuItem, _e: MouseEvent) => boolean;
+    boxMouseenter: (_e: MouseEvent) => boolean;
+    boxMouseleave: (_e: MouseEvent) => boolean;
+    sideMenuOpen: (_index: string, _indexPath: string[]) => boolean;
+    sideMenuClose: (_index: string, _indexPath: string[]) => boolean;
+    sideMenuItemClick: (_item: MenuItem, _e: MouseEvent) => boolean;
+    sideMouseenter: (_e: MouseEvent) => boolean;
+    sideMouseleave: (_e: MouseEvent) => boolean;
+    tabClick: (_option: TabEventOption) => boolean;
+    tabRemove: (_name: string) => boolean;
+    tabContextMenu: (_option: TabEventOption) => boolean;
+    tabSortChange: (_data: TabPaneItem[]) => boolean;
+    contentMounted: (_contentEl: HTMLElement, _modalsEl: HTMLElement) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    height: (StringConstructor | NumberConstructor)[];
+    headerMenus: import('vue').PropType<MenuItem[]>;
+    headerActive: StringConstructor;
+    sidebarMenus: import('vue').PropType<MenuItem[]>;
+    sidebarActive: StringConstructor;
+    sideboxMenus: import('vue').PropType<MenuItem[]>;
+    sideboxActive: StringConstructor;
+    tabs: import('vue').PropType<TabPaneItem[]>;
+    tabActive: StringConstructor;
+    levels: import('vue').PropType<import('../ele-breadcrumb/types').BreadcrumbItem[]>;
+    collapse: BooleanConstructor;
+    compact: BooleanConstructor;
+    maximized: import('vue').PropType<import('./types').Maximized>;
+    tabBar: import('vue').PropType<import('./types').TabBar>;
+    breadcrumb: import('vue').PropType<boolean | import('../ele-app/plus').EleBreadcrumbProps>;
+    backTop: import('vue').PropType<boolean | import('../ele-app/plus').EleBacktopProps>;
+    headerMenuProps: import('vue').PropType<import('../ele-app/plus').EleMenusProps>;
+    sidebarMenuProps: import('vue').PropType<import('../ele-app/plus').EleMenusProps>;
+    sideboxMenuProps: import('vue').PropType<import('../ele-app/plus').EleMenusProps>;
+    layout: import('vue').PropType<import('./types').Layout>;
+    sidebarLayout: import('vue').PropType<import('./types').SidebarLayout>;
+    headerStyle: import('vue').PropType<import('./types').HeaderStyle>;
+    sidebarStyle: import('vue').PropType<import('./types').SidebarStyle>;
+    tabStyle: {
+        type: import('vue').PropType<import('./types').TabStyle>;
+        default: string;
+    };
+    fixedHeader: BooleanConstructor;
+    fixedSidebar: BooleanConstructor;
+    fixedBody: BooleanConstructor;
+    logoInHeader: BooleanConstructor;
+    fixedHome: BooleanConstructor;
+    homePath: StringConstructor;
+    isHome: BooleanConstructor;
+    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<Partial<import('vue').CSSProperties>>;
+    sidebarCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    sideboxCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    tabsCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    contentCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    mobile: BooleanConstructor;
+}>> & {
+    onTabClick?: ((_option: TabEventOption) => any) | undefined;
+    onTabRemove?: ((_name: string) => any) | undefined;
+    onTabContextMenu?: ((_option: TabEventOption) => any) | undefined;
+    onTabSortChange?: ((_data: TabPaneItem[]) => any) | undefined;
+    "onUpdate:collapse"?: ((_collapse: boolean) => any) | undefined;
+    onLogoClick?: ((_e: MouseEvent) => any) | undefined;
+    onHeadMenuOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
+    onHeadMenuClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
+    onHeadMenuItemClick?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
+    onHeadMenuItemMouseenter?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
+    onHeadMenuItemMouseleave?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
+    onHeadMouseenter?: ((_e: MouseEvent) => any) | undefined;
+    onHeadMouseleave?: ((_e: MouseEvent) => any) | undefined;
+    onBoxMenuItemClick?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
+    onBoxMenuItemMouseenter?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
+    onBoxMenuItemMouseleave?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
+    onBoxMouseenter?: ((_e: MouseEvent) => any) | undefined;
+    onBoxMouseleave?: ((_e: MouseEvent) => any) | undefined;
+    onSideMenuOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
+    onSideMenuClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
+    onSideMenuItemClick?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
+    onSideMouseenter?: ((_e: MouseEvent) => any) | undefined;
+    onSideMouseleave?: ((_e: MouseEvent) => any) | undefined;
+    onContentMounted?: ((_contentEl: HTMLElement, _modalsEl: HTMLElement) => any) | undefined;
+}, {
+    collapse: boolean;
+    compact: boolean;
+    tabStyle: import('./types').TabStyle;
+    fixedHeader: boolean;
+    fixedSidebar: boolean;
+    fixedBody: boolean;
+    logoInHeader: boolean;
+    fixedHome: boolean;
+    isHome: boolean;
+    tabSortable: boolean;
+    headerTitleSlot: string;
+    headerIconSlot: string;
+    sidebarTitleSlot: string;
+    sidebarIconSlot: string;
+    sideboxTitleSlot: string;
+    sideboxIconSlot: string;
+    mobile: boolean;
+}, {}>;
+export default _default;

package/lib/ele-admin-layout/props.cjs

@@ -0,0 +1,147 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const adminLayoutProps = {
+  /** 高度 */
+  height: [String, Number],
+  /** 顶栏菜单数据 */
+  headerMenus: Array,
+  /** 顶栏菜单选中 */
+  headerActive: String,
+  /** 侧栏菜单数据 */
+  sidebarMenus: Array,
+  /** 侧栏菜单选中 */
+  sidebarActive: String,
+  /** 双侧栏一级菜单数据 */
+  sideboxMenus: Array,
+  /** 双侧栏一级菜单选中 */
+  sideboxActive: String,
+  /** 页签数据 */
+  tabs: Array,
+  /** 页签选中 */
+  tabActive: String,
+  /** 面包屑导航数据 */
+  levels: Array,
+  /** 是否折叠侧栏 */
+  collapse: Boolean,
+  /** 双侧栏一级是否紧凑风格 */
+  compact: Boolean,
+  /** 内容区是否最大化 */
+  maximized: [Boolean, String],
+  /** 是否需要页签栏 */
+  tabBar: [Boolean, String],
+  /** 是否需要面包屑导航 */
+  breadcrumb: [Boolean, Object],
+  /** 是否需要返回顶部 */
+  backTop: [Boolean, Object],
+  /** 顶栏菜单属性 */
+  headerMenuProps: Object,
+  /** 侧栏菜单属性 */
+  sidebarMenuProps: Object,
+  /** 双侧栏一级菜单属性 */
+  sideboxMenuProps: Object,
+  /** 布局类型 */
+  layout: String,
+  /** 侧栏布局类型 */
+  sidebarLayout: String,
+  /** 顶栏风格 */
+  headerStyle: String,
+  /** 侧栏风格 */
+  sidebarStyle: String,
+  /** 页签风格 */
+  tabStyle: {
+    type: String,
+    default: "simple"
+  },
+  /** 是否固定顶栏 */
+  fixedHeader: Boolean,
+  /** 是否固定侧栏 */
+  fixedSidebar: Boolean,
+  /** 是否固定内容区 */
+  fixedBody: Boolean,
+  /** logo是否置于顶栏 */
+  logoInHeader: Boolean,
+  /** 是否需要固定的主页页签 */
+  fixedHome: Boolean,
+  /** 主页路由地址 */
+  homePath: String,
+  /** 是否选中固定的主页页签 */
+  isHome: Boolean,
+  /** 是否支持页签右键菜单 */
+  tabContextMenu: [Boolean, Object],
+  /** 页签右键菜单数据 */
+  tabContextMenus: [Array, Function],
+  /** 是否支持页签拖动排序 */
+  tabSortable: Boolean,
+  /** 顶栏菜单标题插槽名称 */
+  headerTitleSlot: {
+    type: String,
+    default: "title"
+  },
+  /** 顶栏菜单图标插槽名称 */
+  headerIconSlot: {
+    type: String,
+    default: "icon"
+  },
+  /** 侧栏菜单标题插槽名称 */
+  sidebarTitleSlot: {
+    type: String,
+    default: "title"
+  },
+  /** 侧栏菜单图标插槽名称 */
+  sidebarIconSlot: {
+    type: String,
+    default: "icon"
+  },
+  /** 双侧栏一级菜单标题插槽名称 */
+  sideboxTitleSlot: {
+    type: String,
+    default: "title"
+  },
+  /** 双侧栏一级菜单图标插槽名称 */
+  sideboxIconSlot: {
+    type: String,
+    default: "icon"
+  },
+  /** 顶栏样式 */
+  headerCustomStyle: Object,
+  /** 侧栏样式 */
+  sidebarCustomStyle: Object,
+  /** 双侧栏一级样式 */
+  sideboxCustomStyle: Object,
+  /** 页签栏样式 */
+  tabsCustomStyle: Object,
+  /** 内容区样式 */
+  contentCustomStyle: Object,
+  /** 是否是移动端风格 */
+  mobile: Boolean
+};
+const adminLayoutEmits = {
+  "update:collapse": (_collapse) => true,
+  logoClick: (_e) => true,
+  headMenuOpen: (_index, _indexPath) => true,
+  headMenuClose: (_index, _indexPath) => true,
+  headMenuItemClick: (_item, _e) => true,
+  headMenuItemMouseenter: (_item, _e) => true,
+  headMenuItemMouseleave: (_item, _e) => true,
+  headMouseenter: (_e) => true,
+  headMouseleave: (_e) => true,
+  boxMenuItemClick: (_item, _e) => true,
+  boxMenuItemMouseenter: (_item, _e) => true,
+  boxMenuItemMouseleave: (_item, _e) => true,
+  boxMouseenter: (_e) => true,
+  boxMouseleave: (_e) => true,
+  sideMenuOpen: (_index, _indexPath) => true,
+  sideMenuClose: (_index, _indexPath) => true,
+  sideMenuItemClick: (_item, _e) => true,
+  sideMouseenter: (_e) => true,
+  sideMouseleave: (_e) => true,
+  tabClick: (_option) => true,
+  tabRemove: (_name) => true,
+  tabContextMenu: (_option) => true,
+  tabSortChange: (_data) => true,
+  contentMounted: (_contentEl, _modalsEl) => true
+};
+const LAYOUT_KEY = Symbol("layout");
+exports.LAYOUT_KEY = LAYOUT_KEY;
+exports.adminLayoutEmits = adminLayoutEmits;
+exports.adminLayoutProps = adminLayoutProps;

package/lib/ele-admin-layout/props.d.ts

@@ -0,0 +1,159 @@
+import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
+import { EleMenusProps, EleBreadcrumbProps, EleBacktopProps, EleDropdownProps } from '../ele-app/plus';
+import { MenuItem } from '../ele-menus/types';
+import { BreadcrumbItem } from '../ele-breadcrumb/types';
+import { TabPaneItem, TabEventOption, ContextMenus } from '../ele-tabs/types';
+import { Layout, SidebarLayout, HeaderStyle, SidebarStyle, TabStyle, TabBar, Maximized, LayoutProvide } from './types';
+
+/**
+ * 属性
+ */
+export declare const adminLayoutProps: {
+    /** 高度 */
+    height: (StringConstructor | NumberConstructor)[];
+    /** 顶栏菜单数据 */
+    headerMenus: PropType<MenuItem[]>;
+    /** 顶栏菜单选中 */
+    headerActive: StringConstructor;
+    /** 侧栏菜单数据 */
+    sidebarMenus: PropType<MenuItem[]>;
+    /** 侧栏菜单选中 */
+    sidebarActive: StringConstructor;
+    /** 双侧栏一级菜单数据 */
+    sideboxMenus: PropType<MenuItem[]>;
+    /** 双侧栏一级菜单选中 */
+    sideboxActive: StringConstructor;
+    /** 页签数据 */
+    tabs: PropType<TabPaneItem[]>;
+    /** 页签选中 */
+    tabActive: StringConstructor;
+    /** 面包屑导航数据 */
+    levels: PropType<BreadcrumbItem[]>;
+    /** 是否折叠侧栏 */
+    collapse: BooleanConstructor;
+    /** 双侧栏一级是否紧凑风格 */
+    compact: BooleanConstructor;
+    /** 内容区是否最大化 */
+    maximized: PropType<Maximized>;
+    /** 是否需要页签栏 */
+    tabBar: PropType<TabBar>;
+    /** 是否需要面包屑导航 */
+    breadcrumb: PropType<boolean | EleBreadcrumbProps>;
+    /** 是否需要返回顶部 */
+    backTop: PropType<boolean | EleBacktopProps>;
+    /** 顶栏菜单属性 */
+    headerMenuProps: PropType<EleMenusProps>;
+    /** 侧栏菜单属性 */
+    sidebarMenuProps: PropType<EleMenusProps>;
+    /** 双侧栏一级菜单属性 */
+    sideboxMenuProps: PropType<EleMenusProps>;
+    /** 布局类型 */
+    layout: PropType<Layout>;
+    /** 侧栏布局类型 */
+    sidebarLayout: PropType<SidebarLayout>;
+    /** 顶栏风格 */
+    headerStyle: PropType<HeaderStyle>;
+    /** 侧栏风格 */
+    sidebarStyle: PropType<SidebarStyle>;
+    /** 页签风格 */
+    tabStyle: {
+        type: PropType<TabStyle>;
+        default: string;
+    };
+    /** 是否固定顶栏 */
+    fixedHeader: BooleanConstructor;
+    /** 是否固定侧栏 */
+    fixedSidebar: BooleanConstructor;
+    /** 是否固定内容区 */
+    fixedBody: BooleanConstructor;
+    /** logo是否置于顶栏 */
+    logoInHeader: BooleanConstructor;
+    /** 是否需要固定的主页页签 */
+    fixedHome: BooleanConstructor;
+    /** 主页路由地址 */
+    homePath: StringConstructor;
+    /** 是否选中固定的主页页签 */
+    isHome: BooleanConstructor;
+    /** 是否支持页签右键菜单 */
+    tabContextMenu: PropType<boolean | EleDropdownProps>;
+    /** 页签右键菜单数据 */
+    tabContextMenus: PropType<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: PropType<Partial<import('vue').CSSProperties>>;
+    /** 侧栏样式 */
+    sidebarCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
+    /** 双侧栏一级样式 */
+    sideboxCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
+    /** 页签栏样式 */
+    tabsCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
+    /** 内容区样式 */
+    contentCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
+    /** 是否是移动端风格 */
+    mobile: BooleanConstructor;
+};
+export type AdminLayoutProps = ExtractPropTypes<typeof adminLayoutProps>;
+/**
+ * 事件
+ */
+export declare const adminLayoutEmits: {
+    'update:collapse': (_collapse: boolean) => boolean;
+    logoClick: (_e: MouseEvent) => boolean;
+    headMenuOpen: (_index: string, _indexPath: string[]) => boolean;
+    headMenuClose: (_index: string, _indexPath: string[]) => boolean;
+    headMenuItemClick: (_item: MenuItem, _e: MouseEvent) => boolean;
+    headMenuItemMouseenter: (_item: MenuItem, _e: MouseEvent) => boolean;
+    headMenuItemMouseleave: (_item: MenuItem, _e: MouseEvent) => boolean;
+    headMouseenter: (_e: MouseEvent) => boolean;
+    headMouseleave: (_e: MouseEvent) => boolean;
+    boxMenuItemClick: (_item: MenuItem, _e: MouseEvent) => boolean;
+    boxMenuItemMouseenter: (_item: MenuItem, _e: MouseEvent) => boolean;
+    boxMenuItemMouseleave: (_item: MenuItem, _e: MouseEvent) => boolean;
+    boxMouseenter: (_e: MouseEvent) => boolean;
+    boxMouseleave: (_e: MouseEvent) => boolean;
+    sideMenuOpen: (_index: string, _indexPath: string[]) => boolean;
+    sideMenuClose: (_index: string, _indexPath: string[]) => boolean;
+    sideMenuItemClick: (_item: MenuItem, _e: MouseEvent) => boolean;
+    sideMouseenter: (_e: MouseEvent) => boolean;
+    sideMouseleave: (_e: MouseEvent) => boolean;
+    tabClick: (_option: TabEventOption) => boolean;
+    tabRemove: (_name: string) => boolean;
+    tabContextMenu: (_option: TabEventOption) => boolean;
+    tabSortChange: (_data: TabPaneItem[]) => boolean;
+    contentMounted: (_contentEl: HTMLElement, _modalsEl: HTMLElement) => boolean;
+};
+/**
+ * 共享数据key
+ */
+export declare const LAYOUT_KEY: InjectionKey<LayoutProvide>;

package/lib/ele-admin-layout/style/css-var.scss

@@ -0,0 +1,14 @@
+@use '../../style/util.scss' as *;
+
+/* 布局主题变量 */
+@mixin set-layout-var($var) {
+  .ele-admin-layout {
+    @include set-ele-var('layout', $var);
+    @include set-ele-var('logo', $var);
+    @include set-ele-var('header', $var);
+    @include set-ele-var('sidebar', $var);
+    @include set-ele-var('sidebox', $var);
+    @include set-ele-var('menu-thumb', $var);
+    @include set-ele-var('menu-dark-thumb', $var);
+  }
+}