ele-admin-plus 1.3.0 → 1.4.0-beta.1

package/README.md

@@ -1,37 +1,3 @@
 # EleAdminPlus
 
 https://eleadmin.com
-
-## 安装
-
-```bash
-npm i --registry=https://registry.npmmirror.com
-```
-
-## 运行
-
-全局引入方式运行：
-
-```
-npm run dev
-```
-
-按需引入方式运行：
-
-```bash
-npm run dev:needed
-```
-
-## 打包
-
-全部打包：
-
-```bash
-npm run build
-```
-
-打包指定组件：
-
-```bash
-npm run build src=/ele-alert
-```

package/es/components.d.ts

@@ -3,6 +3,8 @@ export { default as EleBarCode } from './ele-bar-code/index';
 export { default as EleCountUp } from './ele-count-up/index';
 export { default as EleCropper } from './ele-cropper/index';
 export { default as EleCropperModal } from './ele-cropper-modal/index';
+export { default as EleCrud } from './ele-crud/index';
+export { default as EleCrudBuilder } from './ele-crud-builder/index';
 export { default as EleMapPicker } from './ele-map-picker/index';
 export { default as EleProForm } from './ele-pro-form/index';
 export { default as EleProFormBuilder } from './ele-pro-form-builder/index';

package/es/components.js

@@ -3,17 +3,21 @@ import { default as default2 } from "./ele-bar-code/index";
 import { default as default3 } from "./ele-count-up/index";
 import { default as default4 } from "./ele-cropper/index";
 import { default as default5 } from "./ele-cropper-modal/index";
-import { default as default6 } from "./ele-map-picker/index";
-import { default as default7 } from "./ele-pro-form/index";
-import { default as default8 } from "./ele-pro-form-builder/index";
-import { default as default9 } from "./ele-xg-player/index";
+import { default as default6 } from "./ele-crud/index";
+import { default as default7 } from "./ele-crud-builder/index";
+import { default as default8 } from "./ele-map-picker/index";
+import { default as default9 } from "./ele-pro-form/index";
+import { default as default10 } from "./ele-pro-form-builder/index";
+import { default as default11 } from "./ele-xg-player/index";
 export {
   default2 as EleBarCode,
   default3 as EleCountUp,
   default4 as EleCropper,
   default5 as EleCropperModal,
-  default6 as EleMapPicker,
-  default7 as EleProForm,
-  default8 as EleProFormBuilder,
-  default9 as EleXgPlayer
+  default6 as EleCrud,
+  default7 as EleCrudBuilder,
+  default8 as EleMapPicker,
+  default9 as EleProForm,
+  default10 as EleProFormBuilder,
+  default11 as EleXgPlayer
 };

package/es/ele-admin-layout/components/layout-skeleton.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createVNode, withCtx, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createVNode, withCtx, createElementVNode } from "vue";
 import ReceiverView from "../../ele-config-provider/components/receiver-view";
 const _hoisted_1 = { class: "ele-admin-body" };
 const _hoisted_2 = { class: "ele-admin-wrapper" };

package/es/ele-admin-layout/components/layout-tabs.d.ts

@@ -10,7 +10,7 @@ declare function __VLS_template(): {
     tabTitle?(_: {
         item: TabPaneItem;
         label: string | undefined;
-        active: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+        active: (string | number) | undefined;
     }): any;
     tabExtra?(_: {
         active: string | undefined;

package/es/ele-admin-layout/components/layout-tabs.js

@@ -1,6 +1,6 @@
-import { defineComponent, openBlock, createBlock, withCtx, renderSlot, createVNode, unref, createCommentVNode, createSlots, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, createBlock, openBlock, withCtx, createCommentVNode, renderSlot, createVNode, unref, createSlots, normalizeProps, guardReactiveProps } from "vue";
 import { ElIcon } from "element-plus";
-import { HomeOutlined } from "../../icons";
+import { HomeOutlined } from "../../icons/index";
 import EleTabWrap from "../../ele-tab-wrap/index";
 import EleTabTool from "../../ele-tab-tool/index";
 import EleTabs from "../../ele-tabs/index";

package/es/ele-admin-layout/components/layout-tool.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, renderSlot } from "vue";
+import { defineComponent, createElementBlock, openBlock, renderSlot } from "vue";
 const _hoisted_1 = { class: "ele-admin-tool" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "LayoutTool" },

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

@@ -33,25 +33,50 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     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>;
+    tabBar: {
+        type: import('vue').PropType<import('./types').TabBar>;
+        default: boolean;
+    };
+    breadcrumb: {
+        type: import('vue').PropType<boolean | import('../ele-app/plus').EleBreadcrumbProps>;
+        default: boolean;
+    };
+    backTop: {
+        type: import('vue').PropType<boolean | import('../ele-app/plus').EleBacktopProps>;
+        default: boolean;
+    };
     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>;
+    sidebarStyle: {
+        type: import('vue').PropType<import('./types').SidebarStyle>;
+        default: string;
+    };
+    mixSidebarStyle: import('vue').PropType<import('./types').SidebarStyle>;
     tabStyle: {
         type: import('vue').PropType<import('./types').TabStyle>;
         default: string;
     };
-    fixedHeader: BooleanConstructor;
-    fixedSidebar: BooleanConstructor;
-    fixedBody: BooleanConstructor;
+    fixedHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSidebar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     logoInHeader: BooleanConstructor;
-    fixedHome: BooleanConstructor;
+    fixedHome: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     homePath: StringConstructor;
     isHome: BooleanConstructor;
     tabContextMenu: import('vue').PropType<boolean | import('../ele-app/plus').EleDropdownProps>;
@@ -81,16 +106,17 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         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>;
+    headerCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue | null>;
+    sidebarCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue | null>;
+    sideboxCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue | null>;
+    sideCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue | null>;
+    tabsCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue | null>;
+    contentCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue | null>;
+    logoStyle: import('vue').PropType<import('../ele-app/types').StyleValue | null>;
+    logoTitleStyle: import('vue').PropType<import('../ele-app/types').StyleValue | null>;
+    headerMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue | null>;
+    sidebarMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue | null>;
+    sideboxMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue | null>;
     logoSrc: StringConstructor;
     logoTitle: StringConstructor;
     menuScrollToActive: {
@@ -144,25 +170,50 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     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>;
+    tabBar: {
+        type: import('vue').PropType<import('./types').TabBar>;
+        default: boolean;
+    };
+    breadcrumb: {
+        type: import('vue').PropType<boolean | import('../ele-app/plus').EleBreadcrumbProps>;
+        default: boolean;
+    };
+    backTop: {
+        type: import('vue').PropType<boolean | import('../ele-app/plus').EleBacktopProps>;
+        default: boolean;
+    };
     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>;
+    sidebarStyle: {
+        type: import('vue').PropType<import('./types').SidebarStyle>;
+        default: string;
+    };
+    mixSidebarStyle: import('vue').PropType<import('./types').SidebarStyle>;
     tabStyle: {
         type: import('vue').PropType<import('./types').TabStyle>;
         default: string;
     };
-    fixedHeader: BooleanConstructor;
-    fixedSidebar: BooleanConstructor;
-    fixedBody: BooleanConstructor;
+    fixedHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSidebar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     logoInHeader: BooleanConstructor;
-    fixedHome: BooleanConstructor;
+    fixedHome: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     homePath: StringConstructor;
     isHome: BooleanConstructor;
     tabContextMenu: import('vue').PropType<boolean | import('../ele-app/plus').EleDropdownProps>;
@@ -192,16 +243,17 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         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>;
+    headerCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue | null>;
+    sidebarCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue | null>;
+    sideboxCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue | null>;
+    sideCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue | null>;
+    tabsCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue | null>;
+    contentCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue | null>;
+    logoStyle: import('vue').PropType<import('../ele-app/types').StyleValue | null>;
+    logoTitleStyle: import('vue').PropType<import('../ele-app/types').StyleValue | null>;
+    headerMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue | null>;
+    sidebarMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue | null>;
+    sideboxMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue | null>;
     logoSrc: StringConstructor;
     logoTitle: StringConstructor;
     menuScrollToActive: {
@@ -238,6 +290,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     height: string | number;
     collapse: boolean;
     compact: boolean;
+    tabBar: import('./types').TabBar;
+    breadcrumb: boolean | import('../ele-app/plus').EleBreadcrumbProps;
+    backTop: boolean | import('../ele-app/plus').EleBacktopProps;
+    sidebarStyle: import('./types').SidebarStyle;
     tabStyle: import('./types').TabStyle;
     fixedHeader: boolean;
     fixedSidebar: boolean;

package/es/ele-admin-layout/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, shallowRef, computed, shallowReactive, provide, watch, nextTick, onMounted, openBlock, createBlock, normalizeClass, normalizeStyle, withCtx, createElementBlock, renderSlot, createElementVNode, createCommentVNode, toDisplayString, mergeProps, createSlots, normalizeProps, guardReactiveProps, renderList, createVNode, unref, Fragment } from "vue";
+import { defineComponent, shallowRef, computed, shallowReactive, provide, watch, nextTick, onMounted, createBlock, openBlock, normalizeStyle, normalizeClass, withCtx, createElementVNode, renderSlot, createCommentVNode, mergeProps, createSlots, renderList, normalizeProps, guardReactiveProps, createElementBlock, createVNode, unref, Fragment, toDisplayString } from "vue";
 import { ElScrollbar } from "element-plus";
 import { useTimer } from "../utils/hook";
 import EleMenus from "../ele-menus/index";
@@ -6,7 +6,7 @@ import EleBreadcrumb from "../ele-breadcrumb/index";
 import EleBacktop from "../ele-backtop/index";
 import LayoutSkeleton from "./components/layout-skeleton";
 import LayoutTabs from "./components/layout-tabs";
-import { adminLayoutProps, adminLayoutEmits, LAYOUT_KEY } from "./props";
+import { adminLayoutEmits, adminLayoutProps, LAYOUT_KEY } from "./props";
 const _hoisted_1 = ["src"];
 const _hoisted_2 = {
   key: 1,
@@ -85,7 +85,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isButtonTab = computed(() => props.tabStyle === "button");
     const isDarkSidebar = computed(() => props.sidebarStyle === "dark");
     const isDarkMixSidebar = computed(
-      () => isMixSidebar.value && !isHeaderLogo.value && isDarkSidebar.value && (isDarkHeader.value || isPrimaryHeader.value)
+      () => props.mixSidebarStyle == null ? isMixSidebar.value && !isHeaderLogo.value && isDarkSidebar.value && (isDarkHeader.value || isPrimaryHeader.value) : props.mixSidebarStyle === "dark"
     );
     const isGhostHeader = computed(
       () => !isDarkHeader.value && !isPrimaryHeader.value && showHeaderTabs.value && isButtonTab.value
@@ -407,7 +407,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               { "is-compact": !isMobile.value && _ctx.compact },
               { "is-box": !isMobile.value && isBoxSidebar.value }
             ]),
-            style: normalizeStyle({ height: isFixedSidebar.value ? layoutHeight.value : void 0 })
+            style: normalizeStyle([
+              { height: isFixedSidebar.value ? layoutHeight.value : void 0 },
+              _ctx.sideCustomStyle
+            ])
           }, [
             isMixSidebar.value ? (openBlock(), createElementBlock("div", {
               key: 0,
@@ -481,7 +484,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 { "is-dark": isMixSidebar.value ? isDarkMixSidebar.value : isDarkSidebar.value },
                 { "is-ghost": isGhostSidebar.value },
                 { "is-mix": isMixSidebar.value },
-                { "is-collapse": isCollapseSidebar.value }
+                { "is-collapse": isCollapseSidebar.value },
+                {
+                  "show-divider": isMixSidebar.value && isDarkMixSidebar.value && isDarkSidebar.value
+                }
               ]),
               style: normalizeStyle(_ctx.sidebarCustomStyle),
               onMouseenter: handleSideMouseEnter,
@@ -522,7 +528,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ref: sidebarMenuRef,
                     uniqueOpened: true,
                     collapseTransition: false,
-                    theme: isMixSidebar.value && !isDarkMixSidebar.value ? void 0 : _ctx.sidebarStyle,
+                    theme: isMixSidebar.value ? isDarkMixSidebar.value ? "dark" : void 0 : _ctx.sidebarStyle,
                     defaultActive: _ctx.sidebarActive,
                     collapse: isMixSidebar.value ? false : isCollapseSidebar.value
                   }, _ctx.sidebarMenuProps || {}, {

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

@@ -40,11 +40,20 @@ export declare const adminLayoutProps: {
     /** 内容区是否最大化 */
     maximized: PropType<Maximized>;
     /** 是否需要页签栏 */
-    tabBar: PropType<TabBar>;
+    tabBar: {
+        type: PropType<TabBar>;
+        default: boolean;
+    };
     /** 是否需要面包屑导航 */
-    breadcrumb: PropType<boolean | EleBreadcrumbProps>;
+    breadcrumb: {
+        type: PropType<boolean | EleBreadcrumbProps>;
+        default: boolean;
+    };
     /** 是否需要返回顶部 */
-    backTop: PropType<boolean | EleBacktopProps>;
+    backTop: {
+        type: PropType<boolean | EleBacktopProps>;
+        default: boolean;
+    };
     /** 顶栏菜单属性 */
     headerMenuProps: PropType<EleMenusProps>;
     /** 侧栏菜单属性 */
@@ -58,22 +67,39 @@ export declare const adminLayoutProps: {
     /** 顶栏风格 */
     headerStyle: PropType<HeaderStyle>;
     /** 侧栏风格 */
-    sidebarStyle: PropType<SidebarStyle>;
+    sidebarStyle: {
+        type: PropType<SidebarStyle>;
+        default: string;
+    };
+    /** 双侧栏时二级侧栏风格 */
+    mixSidebarStyle: PropType<SidebarStyle>;
     /** 页签风格 */
     tabStyle: {
         type: PropType<TabStyle>;
         default: string;
     };
     /** 是否固定顶栏 */
-    fixedHeader: BooleanConstructor;
+    fixedHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** 是否固定侧栏 */
-    fixedSidebar: BooleanConstructor;
+    fixedSidebar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** 是否固定内容区 */
-    fixedBody: BooleanConstructor;
+    fixedBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** logo是否置于顶栏 */
     logoInHeader: BooleanConstructor;
     /** 是否需要固定的主页页签 */
-    fixedHome: BooleanConstructor;
+    fixedHome: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** 主页路由地址 */
     homePath: StringConstructor;
     /** 是否选中固定的主页页签 */
@@ -115,25 +141,27 @@ export declare const adminLayoutProps: {
         default: string;
     };
     /** 顶栏样式 */
-    headerCustomStyle: PropType<StyleValue>;
+    headerCustomStyle: PropType<StyleValue | null>;
     /** 侧栏样式 */
-    sidebarCustomStyle: PropType<StyleValue>;
+    sidebarCustomStyle: PropType<StyleValue | null>;
     /** 双侧栏一级样式 */
-    sideboxCustomStyle: PropType<StyleValue>;
+    sideboxCustomStyle: PropType<StyleValue | null>;
+    /** 侧栏容器样式 */
+    sideCustomStyle: PropType<StyleValue | null>;
     /** 页签栏样式 */
-    tabsCustomStyle: PropType<StyleValue>;
+    tabsCustomStyle: PropType<StyleValue | null>;
     /** 内容区样式 */
-    contentCustomStyle: PropType<StyleValue>;
+    contentCustomStyle: PropType<StyleValue | null>;
     /** logo样式 */
-    logoStyle: PropType<StyleValue>;
+    logoStyle: PropType<StyleValue | null>;
     /** logo文字样式 */
-    logoTitleStyle: PropType<StyleValue>;
+    logoTitleStyle: PropType<StyleValue | null>;
     /** 顶栏菜单样式 */
-    headerMenusStyle: PropType<StyleValue>;
+    headerMenusStyle: PropType<StyleValue | null>;
     /** 侧栏菜单样式 */
-    sidebarMenusStyle: PropType<StyleValue>;
+    sidebarMenusStyle: PropType<StyleValue | null>;
     /** 双侧栏一级菜单样式 */
-    sideboxMenusStyle: PropType<StyleValue>;
+    sideboxMenusStyle: PropType<StyleValue | null>;
     /** logo图片地址 */
     logoSrc: StringConstructor;
     /** logo文字 */

package/es/ele-admin-layout/props.js

@@ -29,11 +29,20 @@ const adminLayoutProps = {
   /** 内容区是否最大化 */
   maximized: [Boolean, String],
   /** 是否需要页签栏 */
-  tabBar: [Boolean, String],
+  tabBar: {
+    type: [Boolean, String],
+    default: true
+  },
   /** 是否需要面包屑导航 */
-  breadcrumb: [Boolean, Object],
+  breadcrumb: {
+    type: [Boolean, Object],
+    default: true
+  },
   /** 是否需要返回顶部 */
-  backTop: [Boolean, Object],
+  backTop: {
+    type: [Boolean, Object],
+    default: true
+  },
   /** 顶栏菜单属性 */
   headerMenuProps: Object,
   /** 侧栏菜单属性 */
@@ -47,22 +56,39 @@ const adminLayoutProps = {
   /** 顶栏风格 */
   headerStyle: String,
   /** 侧栏风格 */
-  sidebarStyle: String,
+  sidebarStyle: {
+    type: String,
+    default: "dark"
+  },
+  /** 双侧栏时二级侧栏风格 */
+  mixSidebarStyle: String,
   /** 页签风格 */
   tabStyle: {
     type: String,
     default: "simple"
   },
   /** 是否固定顶栏 */
-  fixedHeader: Boolean,
+  fixedHeader: {
+    type: Boolean,
+    default: true
+  },
   /** 是否固定侧栏 */
-  fixedSidebar: Boolean,
+  fixedSidebar: {
+    type: Boolean,
+    default: true
+  },
   /** 是否固定内容区 */
-  fixedBody: Boolean,
+  fixedBody: {
+    type: Boolean,
+    default: true
+  },
   /** logo是否置于顶栏 */
   logoInHeader: Boolean,
   /** 是否需要固定的主页页签 */
-  fixedHome: Boolean,
+  fixedHome: {
+    type: Boolean,
+    default: true
+  },
   /** 主页路由地址 */
   homePath: String,
   /** 是否选中固定的主页页签 */
@@ -109,6 +135,8 @@ const adminLayoutProps = {
   sidebarCustomStyle: Object,
   /** 双侧栏一级样式 */
   sideboxCustomStyle: Object,
+  /** 侧栏容器样式 */
+  sideCustomStyle: Object,
   /** 页签栏样式 */
   tabsCustomStyle: Object,
   /** 内容区样式 */

package/es/ele-admin-layout/style/header.scss

@@ -182,11 +182,26 @@
 
 /* 主色顶栏 */
 .ele-admin-header.is-primary {
-  background: elVar('color-primary');
+  background: eleVar('header', 'primary-bg');
+  box-shadow: eleVar('header', 'primary-shadow');
 
   /* 主色顶栏菜单 */
   .ele-admin-menus > .ele-menu {
     $active-bg: eleVar('header', 'primary-active-bg');
     #{eleVarName('menu-horizontal', 'dark-active-bg')}: #{$active-bg};
   }
+
+  /* 主色顶栏页签拖动 */
+  & > .ele-admin-tabs .ele-tabs.is-sortable {
+    & > .el-tabs__header .el-tabs__item.sortable-chosen:not(.is-active) {
+      #{eleVarName('tab', 'simple-active-bg')}: eleVar(
+        'tab',
+        'simple-hover-bg'
+      );
+      #{eleVarName('tab', 'button-active-bg')}: eleVar(
+        'tab',
+        'button-hover-bg'
+      );
+    }
+  }
 }

package/es/ele-admin-layout/style/index.scss

@@ -146,6 +146,12 @@
   &.is-mobile > .ele-admin-side {
     width: 0;
     z-index: calc(#{eleVar('layout', 'mask-index')} + 1);
+    clip-path: none !important;
+
+    & > .ele-admin-sidebar,
+    & > .ele-admin-sidebox {
+      backdrop-filter: eleVar('sidebar', 'mobile-backdrop-filter');
+    }
   }
 
   &.is-collapse > .ele-admin-side {

package/es/ele-admin-layout/style/sidebar.scss

@@ -54,7 +54,7 @@
     width: eleVar('sidebar', 'mix-width');
     z-index: calc(#{eleVar('layout', 'index')} + 2);
 
-    &.is-dark {
+    &.show-divider {
       border-left: 1px solid #000;
     }
   }
@@ -71,7 +71,7 @@
     }
 
     &.is-mix {
-      margin-left: calc(#{eleVar('sidebar', 'mix-width')} * -1);
+      margin-left: calc(#{eleVar('sidebar', 'mix-width')} * -1) !important;
       visibility: hidden;
     }
   }

package/es/ele-alert/index.js

@@ -1,7 +1,7 @@
-import { defineComponent, useSlots, ref, computed, openBlock, createBlock, Transition, withCtx, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createVNode, unref, normalizeProps, guardReactiveProps, createCommentVNode, createElementVNode, createTextVNode, toDisplayString, mergeProps } from "vue";
+import { defineComponent, useSlots, ref, computed, createBlock, openBlock, Transition, withCtx, createElementBlock, createCommentVNode, normalizeClass, createElementVNode, renderSlot, normalizeStyle, createVNode, unref, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, mergeProps } from "vue";
 import { ElIcon } from "element-plus";
-import { CheckCircleFilled, ExclamationCircleFilled, CloseCircleFilled, InfoCircleFilled, CloseOutlined } from "../icons";
-import { alertProps, alertEmits } from "./props";
+import { CheckCircleFilled, ExclamationCircleFilled, CloseCircleFilled, InfoCircleFilled, CloseOutlined } from "../icons/index";
+import { alertEmits, alertProps } from "./props";
 const _hoisted_1 = { key: 0 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "EleAlert" },

package/es/ele-app/components/message-body.js

@@ -1,6 +1,6 @@
-import { defineComponent, onBeforeUnmount, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, unref, normalizeClass, withCtx, createBlock, resolveDynamicComponent, renderSlot, toDisplayString, createCommentVNode } from "vue";
+import { defineComponent, onBeforeUnmount, createElementBlock, openBlock, Fragment, createElementVNode, renderSlot, createCommentVNode, createVNode, unref, normalizeClass, withCtx, createBlock, resolveDynamicComponent, toDisplayString } from "vue";
 import { ElIcon } from "element-plus";
-import { LoadingOutlined, CheckCircleFilled, ExclamationCircleFilled, CloseCircleFilled, InfoCircleFilled, CloseOutlined } from "../../icons";
+import { LoadingOutlined, CheckCircleFilled, ExclamationCircleFilled, CloseCircleFilled, InfoCircleFilled, CloseOutlined } from "../../icons/index";
 const _hoisted_1 = { class: "ele-message-icon" };
 const _hoisted_2 = ["innerHTML"];
 const _hoisted_3 = {

package/es/ele-app/components/message-box-icon.js

@@ -1,5 +1,5 @@
-import { defineComponent, getCurrentInstance, onBeforeUnmount, onMounted, withDirectives, openBlock, createElementBlock, createBlock, resolveDynamicComponent, unref, createCommentVNode, vShow } from "vue";
-import { CheckCircleFilled, ExclamationCircleFilled, CloseCircleFilled, InfoCircleFilled } from "../../icons";
+import { defineComponent, getCurrentInstance, onBeforeUnmount, onMounted, withDirectives, createElementBlock, openBlock, createBlock, createCommentVNode, resolveDynamicComponent, unref, vShow } from "vue";
+import { CheckCircleFilled, ExclamationCircleFilled, CloseCircleFilled, InfoCircleFilled } from "../../icons/index";
 const _hoisted_1 = { class: "ele-message-box-icon" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "MessageBoxIcon" },