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

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

@@ -1,16 +1,21 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const proLayoutProps = {
+  /** 高度 */
+  height: {
+    type: [String, Number],
+    default: "100vh"
+  },
   /** 菜单数据 */
   menus: Array,
   /** 页签数据 */
   tabs: Array,
   /** 是否折叠侧栏 */
   collapse: Boolean,
-  /** 侧栏一级是否紧凑风格 */
+  /** 双侧栏一级是否紧凑风格 */
   compact: Boolean,
   /** 内容区是否最大化 */
-  maximized: Boolean,
+  maximized: [Boolean, String],
   /** 是否需要页签栏 */
   tabBar: {
     type: [Boolean, String],
@@ -18,63 +23,20 @@ const proLayoutProps = {
   },
   /** 是否需要面包屑导航 */
   breadcrumb: {
-    type: Boolean,
+    type: [Boolean, Object],
     default: true
   },
-  /** 面包屑导航分隔符 */
-  breadcrumbSeparator: {
-    type: [String, Object, Function],
-    default: "/"
-  },
   /** 是否需要返回顶部 */
   backTop: {
-    type: Boolean,
+    type: [Boolean, Object],
     default: true
   },
-  /** 返回顶部可见的滚动高度 */
-  backTopVisibilityHeight: {
-    type: Number,
-    default: 200
-  },
-  /** 返回顶部的右边距 */
-  backTopRight: {
-    type: Number,
-    default: 30
-  },
-  /** 返回顶部的下边距 */
-  backTopBottom: {
-    type: Number,
-    default: 60
-  },
-  /** 返回顶部的目标选择器 */
-  backTopTarget: String,
-  /** 顶栏菜单是否省略多余的子项 */
-  ellipsis: {
-    type: Boolean,
-    default: true
-  },
-  /** 顶栏菜单省略项的属性 */
-  ellipsisProps: Object,
-  /** 顶栏子菜单触发方式 */
-  menuTrigger: {
-    type: String,
-    default: "hover"
-  },
   /** 布局类型 */
-  layout: {
-    type: String,
-    default: "side"
-  },
+  layout: String,
   /** 侧栏布局类型 */
-  sidebarLayout: {
-    type: String,
-    default: "default"
-  },
+  sidebarLayout: String,
   /** 顶栏风格 */
-  headerStyle: {
-    type: String,
-    default: "light"
-  },
+  headerStyle: String,
   /** 侧栏风格 */
   sidebarStyle: {
     type: String,
@@ -88,30 +50,20 @@ const proLayoutProps = {
   /** 是否固定顶栏 */
   fixedHeader: {
     type: Boolean,
-    default: false
+    default: true
   },
   /** 是否固定侧栏 */
-  fixedSidebar: Boolean,
-  /** 是否固定内容区 */
-  fixedBody: Boolean,
-  /** 内容区是否撑满 */
-  fluid: {
+  fixedSidebar: {
     type: Boolean,
     default: true
   },
-  /** 图标是否置于顶栏 */
-  logoInHeader: Boolean,
-  /** 侧栏菜单是否彩色图标 */
-  colorfulIcon: Boolean,
-  /** 侧栏是否只保持一个子菜单展开 */
-  uniqueOpened: {
+  /** 是否固定内容区 */
+  fixedBody: {
     type: Boolean,
     default: true
   },
-  /** 内容区最大时不带页签栏 */
-  expanded: Boolean,
-  /** 返回键退出内容区最大化 */
-  compressOnEsc: Boolean,
+  /** 图标是否置于顶栏 */
+  logoInHeader: Boolean,
   /** 是否需要固定的主页页签 */
   fixedHome: {
     type: Boolean,
@@ -124,23 +76,55 @@ const proLayoutProps = {
     type: String,
     default: "/redirect"
   },
+  /** 内容区是否撑满 */
+  fluid: {
+    type: Boolean,
+    default: true
+  },
+  /** 返回键退出内容区最大化 */
+  compressOnEsc: Boolean,
+  /** 固定主体时切换路由自动滚到顶部 */
+  autoScrollTop: {
+    type: Boolean,
+    default: true
+  },
+  /** 顶栏菜单触发模式 */
+  navTrigger: String,
+  /** 双侧栏一级菜单触发模式 */
+  boxTrigger: String,
+  /** 侧栏菜单触发模式 */
+  itemTrigger: String,
+  /** hover模式的菜单切换超时 */
+  menuHoverTimeout: {
+    type: Number,
+    default: 600
+  },
+  /** 菜单点击事件前钩子 */
+  beforeClick: Function,
+  /** 是否支持内链缓存 */
+  keepAlive: Boolean,
+  /** 内链切换动画 */
+  transitionName: String,
+  /** 内链进入动画延迟时间 */
+  transitionDelay: {
+    type: Number,
+    default: 250
+  },
+  /** 是否开启响应式 */
+  responsive: {
+    type: Boolean,
+    default: true
+  },
   /** 国际化语言 */
   locale: String,
   /** 菜单标题国际化方法 */
   i18n: Function,
-  /** 侧栏默认展开的菜单 */
-  sidebarOpeneds: Array,
   /** 是否支持页签右键菜单 */
   tabContextMenu: [Boolean, Object],
   /** 右键菜单 */
   tabContextMenus: [Array, Function],
   /** 是否支持页签拖动排序 */
   tabSortable: Boolean,
-  /** 固定主体时切换路由自动滚到顶部 */
-  autoScrollTop: {
-    type: Boolean,
-    default: true
-  },
   /** 顶栏菜单标题插槽名称 */
   headerTitleSlot: {
     type: String,
@@ -171,52 +155,73 @@ const proLayoutProps = {
     type: String,
     default: "icon"
   },
+  /** 顶栏样式 */
+  headerCustomStyle: Object,
+  /** 侧栏样式 */
+  sidebarCustomStyle: Object,
+  /** 双侧栏一级样式 */
+  sideboxCustomStyle: Object,
+  /** 页签栏样式 */
+  tabsCustomStyle: Object,
+  /** 内容区样式 */
+  contentCustomStyle: Object,
+  /** 顶栏菜单属性 */
+  headerMenuProps: Object,
+  /** 侧栏菜单属性 */
+  sidebarMenuProps: Object,
+  /** 双侧栏一级菜单属性 */
+  sideboxMenuProps: Object,
+  /** 顶栏菜单是否省略多余的子项 */
+  ellipsis: {
+    type: Boolean,
+    default: true
+  },
+  /** 顶栏菜单省略项的属性 */
+  ellipsisProps: Object,
+  /** 顶栏子菜单触发方式 */
+  menuTrigger: String,
+  /** 侧栏默认展开的菜单 */
+  sidebarOpeneds: Array,
+  /** 侧栏是否只保持一个子菜单展开 */
+  uniqueOpened: {
+    type: Boolean,
+    default: true
+  },
+  /** 侧栏菜单是否彩色图标 */
+  colorfulIcon: Boolean,
   /** 菜单 tooltip 主题 */
   tooltipEffect: String,
-  /** 顶栏菜单触发模式 */
-  navTrigger: String,
-  /** 双侧栏一级菜单触发模式 */
-  boxTrigger: String,
-  /** 侧栏菜单触发模式 */
-  itemTrigger: String,
-  /** 菜单点击事件前钩子 */
-  beforeClick: Function,
-  /** hover模式的菜单切换超时 */
-  menuHoverTimeout: {
-    type: Number,
-    default: 600
-  },
   /** 是否开启菜单文本溢出提示 */
   menuTextEllipsisTooltip: [Boolean, Object],
-  /** 是否支持内链缓存 */
-  keepAlive: Boolean,
-  /** 内链切换动画 */
-  transitionName: String,
-  /** 内链进入动画延迟时间 */
-  transitionDelay: {
-    type: Number,
-    default: 250
-  },
-  /** 是否开启响应式 */
-  responsive: {
-    type: Boolean,
-    default: true
-  }
+  /** 内容区最大时不带页签栏 */
+  expanded: Boolean,
+  /** 面包屑导航分隔符 */
+  breadcrumbSeparator: [String, Object, Function],
+  /** 返回顶部可见的滚动高度 */
+  backTopVisibilityHeight: Number,
+  /** 返回顶部的右边距 */
+  backTopRight: Number,
+  /** 返回顶部的下边距 */
+  backTopBottom: Number,
+  /** 返回顶部的目标选择器 */
+  backTopTarget: String
 };
 const proLayoutEmits = {
   "update:collapse": (_collapse) => true,
-  "update:maximized": (_val) => true,
+  "update:maximized": (_maximized) => true,
   tabAdd: (_data) => true,
   tabClick: (_option) => true,
   tabRemove: (_option) => true,
   tabContextMenu: (_option) => true,
   tabSortChange: (_data) => true,
-  logoClick: (_isHome) => true,
-  sideMenuOpen: (_index, _indexPath) => true,
-  sideMenuClose: (_index, _indexPath) => true,
+  logoClick: (_isHome, _e) => true,
   headMenuOpen: (_index, _indexPath) => true,
   headMenuClose: (_index, _indexPath) => true,
+  sideMenuOpen: (_index, _indexPath) => true,
+  sideMenuClose: (_index, _indexPath) => true,
   bodySizeChange: (_option) => true
 };
+const PRO_LAYOUT_KEY = Symbol("proLayout");
+exports.PRO_LAYOUT_KEY = PRO_LAYOUT_KEY;
 exports.proLayoutEmits = proLayoutEmits;
 exports.proLayoutProps = proLayoutProps;

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

@@ -1,86 +1,51 @@
-import { MenuItem, TabItem, Layout, SidebarLayout, HeaderStyle, SidebarStyle, TabStyle, MenuI18n, TabItemEventOption, BodySizeChangeOption, MenuItemTrigger, BeforeClick } from './types';
-import { EleDropdownProps } from '../ele-app/plus';
+import { MenuItem, TabItem, MenuItemTrigger, MenuI18n, BeforeClick, TabItemEventOption, BodySizeChangeOption, ProLayoutProvide } from './types';
+import { Layout, SidebarLayout, HeaderStyle, SidebarStyle, TabStyle, TabBar, Maximized } from '../ele-admin-layout/types';
+import { BreadcrumbSeparator as Separator } from '../ele-breadcrumb/types';
 import { ContextMenus } from '../ele-tabs/types';
-import { PropType, ExtractPropTypes } from 'vue';
+import { EleMenusProps, EleBreadcrumbProps, EleDropdownProps, EleBacktopProps } from '../ele-app/plus';
+import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
 
+type ProLayoutKey = InjectionKey<ProLayoutProvide>;
 /**
  * 属性
  */
 export declare const proLayoutProps: {
+    /** 高度 */
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
     /** 菜单数据 */
     menus: PropType<MenuItem[] | null>;
     /** 页签数据 */
     tabs: PropType<TabItem[] | null>;
     /** 是否折叠侧栏 */
     collapse: BooleanConstructor;
-    /** 侧栏一级是否紧凑风格 */
+    /** 双侧栏一级是否紧凑风格 */
     compact: BooleanConstructor;
     /** 内容区是否最大化 */
-    maximized: BooleanConstructor;
+    maximized: PropType<Maximized>;
     /** 是否需要页签栏 */
     tabBar: {
-        type: PropType<boolean | "header">;
+        type: PropType<TabBar>;
         default: boolean;
     };
     /** 是否需要面包屑导航 */
     breadcrumb: {
-        type: BooleanConstructor;
+        type: PropType<boolean | EleBreadcrumbProps>;
         default: boolean;
     };
-    /** 面包屑导航分隔符 */
-    breadcrumbSeparator: {
-        type: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown> | undefined>;
-        default: string;
-    };
     /** 是否需要返回顶部 */
     backTop: {
-        type: BooleanConstructor;
+        type: PropType<boolean | EleBacktopProps>;
         default: boolean;
     };
-    /** 返回顶部可见的滚动高度 */
-    backTopVisibilityHeight: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /** 返回顶部的右边距 */
-    backTopRight: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /** 返回顶部的下边距 */
-    backTopBottom: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /** 返回顶部的目标选择器 */
-    backTopTarget: StringConstructor;
-    /** 顶栏菜单是否省略多余的子项 */
-    ellipsis: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** 顶栏菜单省略项的属性 */
-    ellipsisProps: PropType<import('../ele-menus/types').EllipsisProps | undefined>;
-    /** 顶栏子菜单触发方式 */
-    menuTrigger: {
-        type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined>;
-        default: string;
-    };
     /** 布局类型 */
-    layout: {
-        type: PropType<Layout>;
-        default: string;
-    };
+    layout: PropType<Layout>;
     /** 侧栏布局类型 */
-    sidebarLayout: {
-        type: PropType<SidebarLayout>;
-        default: string;
-    };
+    sidebarLayout: PropType<SidebarLayout>;
     /** 顶栏风格 */
-    headerStyle: {
-        type: PropType<HeaderStyle>;
-        default: string;
-    };
+    headerStyle: PropType<HeaderStyle>;
     /** 侧栏风格 */
     sidebarStyle: {
         type: PropType<SidebarStyle>;
@@ -97,27 +62,17 @@ export declare const proLayoutProps: {
         default: boolean;
     };
     /** 是否固定侧栏 */
-    fixedSidebar: BooleanConstructor;
-    /** 是否固定内容区 */
-    fixedBody: BooleanConstructor;
-    /** 内容区是否撑满 */
-    fluid: {
+    fixedSidebar: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 图标是否置于顶栏 */
-    logoInHeader: BooleanConstructor;
-    /** 侧栏菜单是否彩色图标 */
-    colorfulIcon: BooleanConstructor;
-    /** 侧栏是否只保持一个子菜单展开 */
-    uniqueOpened: {
+    /** 是否固定内容区 */
+    fixedBody: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 内容区最大时不带页签栏 */
-    expanded: BooleanConstructor;
-    /** 返回键退出内容区最大化 */
-    compressOnEsc: BooleanConstructor;
+    /** 图标是否置于顶栏 */
+    logoInHeader: BooleanConstructor;
     /** 是否需要固定的主页页签 */
     fixedHome: {
         type: BooleanConstructor;
@@ -130,23 +85,55 @@ export declare const proLayoutProps: {
         type: StringConstructor;
         default: string;
     };
+    /** 内容区是否撑满 */
+    fluid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 返回键退出内容区最大化 */
+    compressOnEsc: BooleanConstructor;
+    /** 固定主体时切换路由自动滚到顶部 */
+    autoScrollTop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 顶栏菜单触发模式 */
+    navTrigger: PropType<MenuItemTrigger>;
+    /** 双侧栏一级菜单触发模式 */
+    boxTrigger: PropType<MenuItemTrigger>;
+    /** 侧栏菜单触发模式 */
+    itemTrigger: PropType<MenuItemTrigger>;
+    /** hover模式的菜单切换超时 */
+    menuHoverTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 菜单点击事件前钩子 */
+    beforeClick: PropType<BeforeClick>;
+    /** 是否支持内链缓存 */
+    keepAlive: BooleanConstructor;
+    /** 内链切换动画 */
+    transitionName: StringConstructor;
+    /** 内链进入动画延迟时间 */
+    transitionDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 是否开启响应式 */
+    responsive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** 国际化语言 */
     locale: StringConstructor;
     /** 菜单标题国际化方法 */
     i18n: PropType<MenuI18n>;
-    /** 侧栏默认展开的菜单 */
-    sidebarOpeneds: PropType<string[]>;
     /** 是否支持页签右键菜单 */
     tabContextMenu: PropType<boolean | EleDropdownProps>;
     /** 右键菜单 */
     tabContextMenus: PropType<ContextMenus>;
     /** 是否支持页签拖动排序 */
     tabSortable: BooleanConstructor;
-    /** 固定主体时切换路由自动滚到顶部 */
-    autoScrollTop: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     /** 顶栏菜单标题插槽名称 */
     headerTitleSlot: {
         type: StringConstructor;
@@ -177,37 +164,56 @@ export declare const proLayoutProps: {
         type: StringConstructor;
         default: string;
     };
-    /** 菜单 tooltip 主题 */
-    tooltipEffect: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
-    /** 顶栏菜单触发模式 */
-    navTrigger: PropType<MenuItemTrigger>;
-    /** 双侧栏一级菜单触发模式 */
-    boxTrigger: PropType<MenuItemTrigger>;
-    /** 侧栏菜单触发模式 */
-    itemTrigger: PropType<MenuItemTrigger>;
-    /** 菜单点击事件前钩子 */
-    beforeClick: PropType<BeforeClick>;
-    /** hover模式的菜单切换超时 */
-    menuHoverTimeout: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /** 是否开启菜单文本溢出提示 */
-    menuTextEllipsisTooltip: PropType<boolean | Partial<import('../ele-tooltip/props').TooltipProps> | undefined>;
-    /** 是否支持内链缓存 */
-    keepAlive: BooleanConstructor;
-    /** 内链切换动画 */
-    transitionName: StringConstructor;
-    /** 内链进入动画延迟时间 */
-    transitionDelay: {
-        type: NumberConstructor;
-        default: number;
+    /** 顶栏样式 */
+    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>>;
+    /** 顶栏菜单属性 */
+    headerMenuProps: PropType<EleMenusProps>;
+    /** 侧栏菜单属性 */
+    sidebarMenuProps: PropType<EleMenusProps>;
+    /** 双侧栏一级菜单属性 */
+    sideboxMenuProps: PropType<EleMenusProps>;
+    /** 顶栏菜单是否省略多余的子项 */
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-    /** 是否开启响应式 */
-    responsive: {
+    /** 顶栏菜单省略项的属性 */
+    ellipsisProps: PropType<import('../ele-menus/types').EllipsisProps | undefined>;
+    /** 顶栏子菜单触发方式 */
+    menuTrigger: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "click" | "hover", unknown> | undefined>;
+    /** 侧栏默认展开的菜单 */
+    sidebarOpeneds: PropType<string[]>;
+    /** 侧栏是否只保持一个子菜单展开 */
+    uniqueOpened: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 侧栏菜单是否彩色图标 */
+    colorfulIcon: BooleanConstructor;
+    /** 菜单 tooltip 主题 */
+    tooltipEffect: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: PropType<import('../ele-menus/types').TextEllipsisTooltip | undefined>;
+    /** 内容区最大时不带页签栏 */
+    expanded: BooleanConstructor;
+    /** 面包屑导航分隔符 */
+    breadcrumbSeparator: PropType<Separator>;
+    /** 返回顶部可见的滚动高度 */
+    backTopVisibilityHeight: NumberConstructor;
+    /** 返回顶部的右边距 */
+    backTopRight: NumberConstructor;
+    /** 返回顶部的下边距 */
+    backTopBottom: NumberConstructor;
+    /** 返回顶部的目标选择器 */
+    backTopTarget: StringConstructor;
 };
 export type ProLayoutProps = ExtractPropTypes<typeof proLayoutProps>;
 /**
@@ -215,16 +221,21 @@ export type ProLayoutProps = ExtractPropTypes<typeof proLayoutProps>;
  */
 export declare const proLayoutEmits: {
     'update:collapse': (_collapse: boolean) => boolean;
-    'update:maximized': (_val: 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) => boolean;
-    sideMenuOpen: (_index: string, _indexPath: string[]) => boolean;
-    sideMenuClose: (_index: string, _indexPath: string[]) => 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: BodySizeChangeOption) => boolean;
 };
+/**
+ * 共享数据key
+ */
+export declare const PRO_LAYOUT_KEY: ProLayoutKey;
+export {};

package/lib/ele-pro-layout/style/index.cjs

@@ -1,11 +1,3 @@
 "use strict";
-require("element-plus/lib/components/backtop/style/index");
-require("element-plus/lib/components/icon/style/index");
-require("element-plus/lib/components/scrollbar/style/index");
-require("../../ele-page/style/index");
-require("../../ele-breadcrumb/style/index");
-require("../../ele-menus/style/index");
-require("../../ele-tab-wrap/style/index");
-require("../../ele-tab-tool/style/index");
-require("../../ele-tabs/style/index");
+require("../../ele-admin-layout/style/index");
 require("./index.scss");

package/lib/ele-pro-layout/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-pro-layout/style/index.scss

@@ -1,12 +1,41 @@
 @use '../../style/themes/default.scss' as *;
-@use './css-var.scss' as *;
-@use './layout.scss';
-@use './header.scss';
-@use './sidebar.scss';
-@use './tabs.scss';
-@use './collapse.scss';
-@use './layout-style.scss';
-@use './layout-theme.scss';
-@use './layout-mobile.scss';
-
-@include set-layout-var($ele);
+@use '../../style/util.scss' as *;
+
+.ele-pro-layout {
+  /* logo */
+  & > .ele-admin-side {
+    & > .ele-admin-sidebox > .ele-admin-logo > img + h1 {
+      display: none;
+    }
+  }
+
+  /* 面包屑导航 */
+  &.is-mobile > .ele-admin-main > .ele-admin-header > .ele-admin-breadcrumb {
+    display: none;
+  }
+}
+
+/* iframe */
+.ele-admin-iframe-wrap {
+  flex-shrink: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  pointer-events: none;
+  overflow: hidden;
+}
+
+.ele-admin-iframe {
+  flex-shrink: 0;
+  width: 100%;
+  height: 100%;
+  border: none;
+  box-sizing: border-box;
+  pointer-events: auto;
+}