ele-admin-plus 1.5.1-beta.4 → 1.6.0-beta.1

package/lib/core-components.cjs

@@ -12,66 +12,70 @@ const index$8 = require("./ele-breadcrumb/index");
 const index$9 = require("./ele-buttons/index");
 const index$a = require("./ele-card/index");
 const index$b = require("./ele-cascader/index");
-const index$c = require("./ele-check-card/index");
-const index$d = require("./ele-checkbox-group/index");
-const index$e = require("./ele-config-provider/index");
-const index$f = require("./ele-copyable/index");
-const index$g = require("./ele-cron-builder/index");
-const index$h = require("./ele-cron-panel/index");
-const index$i = require("./ele-dashboard/index");
-const index$j = require("./ele-data-table/index");
-const index$k = require("./ele-dot/index");
-const index$l = require("./ele-drawer/index");
-const index$m = require("./ele-dropdown/index");
-const index$n = require("./ele-dropdown-provider/index");
-const index$o = require("./ele-edit-tag/index");
-const index$p = require("./ele-ellipsis/index");
-const index$q = require("./ele-file-list/index");
-const index$r = require("./ele-file-list-tool/index");
-const index$s = require("./ele-form-item-rest/index");
-const index$t = require("./ele-icon/index");
-const index$u = require("./ele-icon-select/index");
-const index$v = require("./ele-image-viewer/index");
-const index$w = require("./ele-loading/index");
-const index$x = require("./ele-mention/index");
-const index$y = require("./ele-menus/index");
-const index$z = require("./ele-modal/index");
-const index$A = require("./ele-modal-render/index");
-const index$B = require("./ele-page/index");
-const index$C = require("./ele-pagination/index");
-const index$D = require("./ele-popconfirm/index");
-const index$E = require("./ele-popconfirm-provider/index");
-const index$F = require("./ele-popover/index");
-const index$G = require("./ele-printer/index");
-const index$H = require("./ele-pro-layout/index");
-const index$I = require("./ele-pro-table/index");
-const index$J = require("./ele-qr-code/index");
-const index$K = require("./ele-qr-code-svg/index");
-const index$L = require("./ele-radio-group/index");
-const index$M = require("./ele-segmented/index");
-const index$N = require("./ele-select/index");
-const index$O = require("./ele-select-tree/index");
-const index$P = require("./ele-split-panel/index");
-const index$Q = require("./ele-steps/index");
-const index$R = require("./ele-tab-bar/index");
-const index$S = require("./ele-tabs/index");
-const index$T = require("./ele-tab-tool/index");
-const index$U = require("./ele-tab-wrap/index");
-const index$V = require("./ele-table/index");
-const index$W = require("./ele-table-select/index");
-const index$X = require("./ele-text/index");
-const index$Y = require("./ele-timeline/index");
-const index$Z = require("./ele-tool/index");
-const index$_ = require("./ele-toolbar/index");
-const index$$ = require("./ele-tooltip/index");
-const index$10 = require("./ele-tour/index");
-const index$11 = require("./ele-transfer/index");
-const index$12 = require("./ele-tree-select/index");
-const index$13 = require("./ele-tree-table/index");
-const index$14 = require("./ele-upload-list/index");
-const index$15 = require("./ele-viewer/index");
-const index$16 = require("./ele-virtual-table/index");
-const index$17 = require("./ele-watermark/index");
+const index$c = require("./ele-chat/index");
+const index$d = require("./ele-check-card/index");
+const index$e = require("./ele-checkbox-group/index");
+const index$f = require("./ele-config-provider/index");
+const index$g = require("./ele-copyable/index");
+const index$h = require("./ele-cron-builder/index");
+const index$i = require("./ele-cron-panel/index");
+const index$j = require("./ele-dashboard/index");
+const index$k = require("./ele-data-table/index");
+const index$l = require("./ele-dot/index");
+const index$m = require("./ele-drawer/index");
+const index$n = require("./ele-dropdown/index");
+const index$o = require("./ele-dropdown-provider/index");
+const index$p = require("./ele-edit-tag/index");
+const index$q = require("./ele-ellipsis/index");
+const index$r = require("./ele-file-list/index");
+const index$s = require("./ele-file-list-tool/index");
+const index$t = require("./ele-form-item-rest/index");
+const index$u = require("./ele-icon/index");
+const index$v = require("./ele-icon-select/index");
+const index$w = require("./ele-image-viewer/index");
+const index$x = require("./ele-image-viewer-provider/index");
+const index$y = require("./ele-loading/index");
+const index$z = require("./ele-mention/index");
+const index$A = require("./ele-menus/index");
+const index$B = require("./ele-modal/index");
+const index$C = require("./ele-modal-render/index");
+const index$D = require("./ele-page/index");
+const index$E = require("./ele-pagination/index");
+const index$F = require("./ele-popconfirm/index");
+const index$G = require("./ele-popconfirm-provider/index");
+const index$H = require("./ele-popover/index");
+const index$I = require("./ele-printer/index");
+const index$J = require("./ele-pro-layout/index");
+const index$K = require("./ele-pro-table/index");
+const index$L = require("./ele-qr-code/index");
+const index$M = require("./ele-qr-code-svg/index");
+const index$N = require("./ele-radio-group/index");
+const index$O = require("./ele-segmented/index");
+const index$P = require("./ele-select/index");
+const index$Q = require("./ele-select-tree/index");
+const index$R = require("./ele-sortable-row/index");
+const index$S = require("./ele-split-panel/index");
+const index$T = require("./ele-steps/index");
+const index$U = require("./ele-tab-bar/index");
+const index$Z = require("./ele-tabs/index");
+const index$V = require("./ele-tab-tool/index");
+const index$W = require("./ele-tab-wrap/index");
+const index$X = require("./ele-table/index");
+const index$Y = require("./ele-table-select/index");
+const index$_ = require("./ele-text/index");
+const index$$ = require("./ele-timeline/index");
+const index$10 = require("./ele-tool/index");
+const index$11 = require("./ele-toolbar/index");
+const index$12 = require("./ele-tooltip/index");
+const index$13 = require("./ele-tooltip-provider/index");
+const index$14 = require("./ele-tour/index");
+const index$15 = require("./ele-transfer/index");
+const index$16 = require("./ele-tree-select/index");
+const index$17 = require("./ele-tree-table/index");
+const index$18 = require("./ele-upload-list/index");
+const index$19 = require("./ele-viewer/index");
+const index$1a = require("./ele-virtual-table/index");
+const index$1b = require("./ele-watermark/index");
 exports.EleAdminLayout = index;
 exports.EleAlert = index$1;
 exports.EleApp = index$2;
@@ -84,63 +88,67 @@ exports.EleBreadcrumb = index$8;
 exports.EleButtons = index$9;
 exports.EleCard = index$a;
 exports.EleCascader = index$b;
-exports.EleCheckCard = index$c;
-exports.EleCheckboxGroup = index$d;
-exports.EleConfigProvider = index$e;
-exports.EleCopyable = index$f;
-exports.EleCronBuilder = index$g;
-exports.EleCronPanel = index$h;
-exports.EleDashboard = index$i;
-exports.EleDataTable = index$j;
-exports.EleDot = index$k;
-exports.EleDrawer = index$l;
-exports.EleDropdown = index$m;
-exports.EleDropdownProvider = index$n;
-exports.EleEditTag = index$o;
-exports.EleEllipsis = index$p;
-exports.EleFileList = index$q;
-exports.EleFileListTool = index$r;
-exports.EleFormItemRest = index$s;
-exports.EleIcon = index$t;
-exports.EleIconSelect = index$u;
-exports.EleImageViewer = index$v;
-exports.EleLoading = index$w;
-exports.EleMention = index$x;
-exports.EleMenus = index$y;
-exports.EleModal = index$z;
-exports.EleModalRender = index$A;
-exports.ElePage = index$B;
-exports.ElePagination = index$C;
-exports.ElePopconfirm = index$D;
-exports.ElePopconfirmProvider = index$E;
-exports.ElePopover = index$F;
-exports.ElePrinter = index$G;
-exports.EleProLayout = index$H;
-exports.EleProTable = index$I;
-exports.EleQrCode = index$J;
-exports.EleQrCodeSvg = index$K;
-exports.EleRadioGroup = index$L;
-exports.EleSegmented = index$M;
-exports.EleSelect = index$N;
-exports.EleSelectTree = index$O;
-exports.EleSplitPanel = index$P;
-exports.EleSteps = index$Q;
-exports.EleTabBar = index$R;
-exports.EleTabs = index$S;
-exports.EleTabTool = index$T;
-exports.EleTabWrap = index$U;
-exports.EleTable = index$V;
-exports.EleTableSelect = index$W;
-exports.EleText = index$X;
-exports.EleTimeline = index$Y;
-exports.EleTool = index$Z;
-exports.EleToolbar = index$_;
-exports.EleTooltip = index$$;
-exports.EleTour = index$10;
-exports.EleTransfer = index$11;
-exports.EleTreeSelect = index$12;
-exports.EleTreeTable = index$13;
-exports.EleUploadList = index$14;
-exports.EleViewer = index$15;
-exports.EleVirtualTable = index$16;
-exports.EleWatermark = index$17;
+exports.EleChat = index$c;
+exports.EleCheckCard = index$d;
+exports.EleCheckboxGroup = index$e;
+exports.EleConfigProvider = index$f;
+exports.EleCopyable = index$g;
+exports.EleCronBuilder = index$h;
+exports.EleCronPanel = index$i;
+exports.EleDashboard = index$j;
+exports.EleDataTable = index$k;
+exports.EleDot = index$l;
+exports.EleDrawer = index$m;
+exports.EleDropdown = index$n;
+exports.EleDropdownProvider = index$o;
+exports.EleEditTag = index$p;
+exports.EleEllipsis = index$q;
+exports.EleFileList = index$r;
+exports.EleFileListTool = index$s;
+exports.EleFormItemRest = index$t;
+exports.EleIcon = index$u;
+exports.EleIconSelect = index$v;
+exports.EleImageViewer = index$w;
+exports.EleImageViewerProvider = index$x;
+exports.EleLoading = index$y;
+exports.EleMention = index$z;
+exports.EleMenus = index$A;
+exports.EleModal = index$B;
+exports.EleModalRender = index$C;
+exports.ElePage = index$D;
+exports.ElePagination = index$E;
+exports.ElePopconfirm = index$F;
+exports.ElePopconfirmProvider = index$G;
+exports.ElePopover = index$H;
+exports.ElePrinter = index$I;
+exports.EleProLayout = index$J;
+exports.EleProTable = index$K;
+exports.EleQrCode = index$L;
+exports.EleQrCodeSvg = index$M;
+exports.EleRadioGroup = index$N;
+exports.EleSegmented = index$O;
+exports.EleSelect = index$P;
+exports.EleSelectTree = index$Q;
+exports.EleSortableRow = index$R;
+exports.EleSplitPanel = index$S;
+exports.EleSteps = index$T;
+exports.EleTabBar = index$U;
+exports.EleTabs = index$Z;
+exports.EleTabTool = index$V;
+exports.EleTabWrap = index$W;
+exports.EleTable = index$X;
+exports.EleTableSelect = index$Y;
+exports.EleText = index$_;
+exports.EleTimeline = index$$;
+exports.EleTool = index$10;
+exports.EleToolbar = index$11;
+exports.EleTooltip = index$12;
+exports.EleTooltipProvider = index$13;
+exports.EleTour = index$14;
+exports.EleTransfer = index$15;
+exports.EleTreeSelect = index$16;
+exports.EleTreeTable = index$17;
+exports.EleUploadList = index$18;
+exports.EleViewer = index$19;
+exports.EleVirtualTable = index$1a;
+exports.EleWatermark = index$1b;

package/lib/core-components.d.ts

@@ -10,6 +10,7 @@ export { default as EleBreadcrumb } from './ele-breadcrumb/index';
 export { default as EleButtons } from './ele-buttons/index';
 export { default as EleCard } from './ele-card/index';
 export { default as EleCascader } from './ele-cascader/index';
+export { default as EleChat } from './ele-chat/index';
 export { default as EleCheckCard } from './ele-check-card/index';
 export { default as EleCheckboxGroup } from './ele-checkbox-group/index';
 export { default as EleConfigProvider } from './ele-config-provider/index';
@@ -30,6 +31,7 @@ export { default as EleFormItemRest } from './ele-form-item-rest/index';
 export { default as EleIcon } from './ele-icon/index';
 export { default as EleIconSelect } from './ele-icon-select/index';
 export { default as EleImageViewer } from './ele-image-viewer/index';
+export { default as EleImageViewerProvider } from './ele-image-viewer-provider/index';
 export { default as EleLoading } from './ele-loading/index';
 export { default as EleMention } from './ele-mention/index';
 export { default as EleMenus } from './ele-menus/index';
@@ -49,6 +51,7 @@ export { default as EleRadioGroup } from './ele-radio-group/index';
 export { default as EleSegmented } from './ele-segmented/index';
 export { default as EleSelect } from './ele-select/index';
 export { default as EleSelectTree } from './ele-select-tree/index';
+export { default as EleSortableRow } from './ele-sortable-row/index';
 export { default as EleSplitPanel } from './ele-split-panel/index';
 export { default as EleSteps } from './ele-steps/index';
 export { default as EleTabBar } from './ele-tab-bar/index';
@@ -62,6 +65,7 @@ export { default as EleTimeline } from './ele-timeline/index';
 export { default as EleTool } from './ele-tool/index';
 export { default as EleToolbar } from './ele-toolbar/index';
 export { default as EleTooltip } from './ele-tooltip/index';
+export { default as EleTooltipProvider } from './ele-tooltip-provider/index';
 export { default as EleTour } from './ele-tour/index';
 export { default as EleTransfer } from './ele-transfer/index';
 export { default as EleTreeSelect } from './ele-tree-select/index';

package/lib/core-export.cjs

@@ -2,34 +2,61 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const layoutTool = require("./ele-admin-layout/components/layout-tool");
 const tabDropdown = require("./ele-tab-wrap/components/tab-dropdown");
-const chartThemeDark = require("./utils/chart-theme-dark");
-const chartTheme = require("./utils/chart-theme");
-const core = require("./utils/core");
+const common = require("./utils/common");
+const hook = require("./utils/hook");
+const helper = require("./utils/helper");
+const validate = require("./utils/validate");
 const menuUtil = require("./utils/menu-util");
 const message = require("./utils/message");
 const messageBox = require("./utils/message-box");
-const validate = require("./utils/validate");
 const modalHook = require("./utils/modal-hook");
+const chartTheme = require("./utils/chart-theme");
+const chartThemeDark = require("./utils/chart-theme-dark");
+const index = require("./lang/index");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const index__namespace = /* @__PURE__ */ _interopNamespaceDefault(index);
 exports.HeaderTool = layoutTool;
 exports.LayoutTool = layoutTool;
 exports.SidebarTool = layoutTool;
 exports.TabDropdown = tabDropdown;
-Object.keys(chartThemeDark).forEach((k) => {
+exports.locales = index__namespace;
+Object.keys(common).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: () => chartThemeDark[k]
+    get: () => common[k]
   });
 });
-Object.keys(chartTheme).forEach((k) => {
+Object.keys(hook).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: () => chartTheme[k]
+    get: () => hook[k]
   });
 });
-Object.keys(core).forEach((k) => {
+Object.keys(helper).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => helper[k]
+  });
+});
+Object.keys(validate).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: () => core[k]
+    get: () => validate[k]
   });
 });
 Object.keys(menuUtil).forEach((k) => {
@@ -50,15 +77,21 @@ Object.keys(messageBox).forEach((k) => {
     get: () => messageBox[k]
   });
 });
-Object.keys(validate).forEach((k) => {
+Object.keys(modalHook).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: () => validate[k]
+    get: () => modalHook[k]
   });
 });
-Object.keys(modalHook).forEach((k) => {
+Object.keys(chartTheme).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: () => modalHook[k]
+    get: () => chartTheme[k]
+  });
+});
+Object.keys(chartThemeDark).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => chartThemeDark[k]
   });
 });

package/lib/core-export.d.ts

@@ -2,11 +2,14 @@ import { default as LayoutTool } from './ele-admin-layout/components/layout-tool
 
 export { LayoutTool, LayoutTool as HeaderTool, LayoutTool as SidebarTool };
 export { default as TabDropdown } from './ele-tab-wrap/components/tab-dropdown';
-export * from './utils/chart-theme-dark';
-export * from './utils/chart-theme';
-export * from './utils/core';
+export * from './utils/common';
+export * from './utils/hook';
+export * from './utils/helper';
+export * from './utils/validate';
 export * from './utils/menu-util';
 export * from './utils/message';
 export * from './utils/message-box';
-export * from './utils/validate';
 export * from './utils/modal-hook';
+export * from './utils/chart-theme';
+export * from './utils/chart-theme-dark';
+export * as locales from './lang/index';

package/lib/core.cjs

@@ -1,12 +1,14 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const coreInstaller = require("./core-installer");
 const coreComponents = require("./core-components");
 const coreExport = require("./core-export");
-const coreInstaller = require("./core-installer");
+const install = coreInstaller.installer.install;
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: () => coreInstaller.installer
 });
+exports.install = install;
 Object.keys(coreComponents).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/lib/core.d.ts

@@ -1,3 +1,6 @@
+import { installer } from './core-installer';
+
 export * from './core-components';
 export * from './core-export';
-export { installer as default } from './core-installer';
+export declare const install: ((app: import('vue').App, ...options: any[]) => any) | undefined;
+export default installer;

package/lib/ele-admin-layout/components/layout-tabs.cjs

@@ -64,7 +64,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.renderSlot(_ctx.$slots, "tabHome", { active: __props.active }, () => [
                 vue.createVNode(vue.unref(elementPlus.ElIcon), {
                   class: "ele-tab-icon",
-                  style: { verticalAlign: "-2.4px" }
+                  style: { verticalAlign: "-2px" }
                 }, {
                   default: vue.withCtx(() => [
                     vue.createVNode(vue.unref(index.HomeOutlined), { style: { transform: "scale(1.08)" } })

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

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

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

@@ -282,6 +282,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         isHeaderLogo: isHeaderLogo.value,
         class: vue.normalizeClass([
           { "is-fixed-body": _ctx.fixedBody },
+          { "is-top-layout": isTopLayout.value },
           { "is-transition-disabled": isDisableTransition.value },
           { "is-maximized": _ctx.maximized },
           { "is-expanded": _ctx.maximized === "expanded" },
@@ -484,10 +485,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 { "is-dark": isMixSidebar.value ? isDarkMixSidebar.value : isDarkSidebar.value },
                 { "is-ghost": isGhostSidebar.value },
                 { "is-mix": isMixSidebar.value },
-                { "is-collapse": isCollapseSidebar.value },
-                {
-                  "show-divider": isMixSidebar.value && isDarkMixSidebar.value && isDarkSidebar.value
-                }
+                { "is-collapse": isCollapseSidebar.value }
               ]]),
               style: vue.normalizeStyle(_ctx.sidebarCustomStyle),
               onMouseenter: handleSideMouseEnter,
@@ -598,11 +596,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             ref_key: "contentRef",
             ref: contentRef,
-            class: "ele-admin-content",
+            class: vue.normalizeClass(["ele-admin-content", _ctx.contentCustomClass]),
             style: vue.normalizeStyle(_ctx.contentCustomStyle)
           }, [
             vue.renderSlot(_ctx.$slots, "default")
-          ], 4),
+          ], 6),
           vue.renderSlot(_ctx.$slots, "body"),
           _ctx.backTop ? (vue.openBlock(), vue.createBlock(EleBacktop, vue.mergeProps({
             key: 0,

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

@@ -112,6 +112,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     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>;
+    contentCustomClass: import('vue').PropType<import('../ele-app/types').ClassValues>;
     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>;
@@ -249,6 +250,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     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>;
+    contentCustomClass: import('vue').PropType<import('../ele-app/types').ClassValues>;
     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>;

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

@@ -143,6 +143,8 @@ const adminLayoutProps = {
   tabsCustomStyle: Object,
   /** 内容区样式 */
   contentCustomStyle: Object,
+  /** 内容区类名 */
+  contentCustomClass: [String, Object, Array],
   /** logo样式 */
   logoStyle: Object,
   /** logo文字样式 */
@@ -191,7 +193,7 @@ const adminLayoutEmits = {
   tabSortChange: (_data) => true,
   contentMounted: (_contentEl, _modalsEl) => true
 };
-const LAYOUT_KEY = Symbol("layout");
+const LAYOUT_KEY = /* @__PURE__ */ Symbol("layout");
 exports.LAYOUT_KEY = LAYOUT_KEY;
 exports.adminLayoutEmits = adminLayoutEmits;
 exports.adminLayoutProps = adminLayoutProps;

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

@@ -1,5 +1,5 @@
 import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
-import { StyleValue } from '../ele-app/types';
+import { StyleValue, ClassValues } from '../ele-app/types';
 import { EleMenusProps, EleBreadcrumbProps, EleBacktopProps, EleDropdownProps } from '../ele-app/plus';
 import { MenuItem, MenuItemClickType } from '../ele-menus/types';
 import { BreadcrumbItem } from '../ele-breadcrumb/types';
@@ -152,6 +152,8 @@ export declare const adminLayoutProps: {
     tabsCustomStyle: PropType<StyleValue | null>;
     /** 内容区样式 */
     contentCustomStyle: PropType<StyleValue | null>;
+    /** 内容区类名 */
+    contentCustomClass: PropType<ClassValues>;
     /** logo样式 */
     logoStyle: PropType<StyleValue | null>;
     /** logo文字样式 */

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

@@ -25,7 +25,7 @@
     flex: 1;
     overflow: hidden;
 
-    & > .ele-menu {
+    & > .ele-menu.el-menu.el-menu--horizontal {
       $menu-height: eleVar('header', 'menu-height');
       #{eleVarName('menu-horizontal', 'height')}: #{$menu-height};
       padding-top: 0;
@@ -88,7 +88,7 @@
 
   /* 顶栏与页签栏分割线 */
   &.show-divider {
-    box-shadow: 0 -0.8px 0 eleVar('header', 'line-color') inset;
+    box-shadow: eleVar('header', 'divider-shadow');
   }
 
   /* 模糊透明顶栏 */
@@ -163,7 +163,9 @@
   /* 暗色顶栏页签栏 */
   & > .ele-admin-tabs.ele-tab-wrap {
     $color: eleVar('header', 'dark-color');
+    $shadow: 0 0 0 0.8px rgba(255, 255, 255, 0.2) inset;
     $hover-bg: eleVar('header', 'dark-tool-hover-bg');
+    $hover-shadow: 0 0 0 0.8px rgba(255, 255, 255, 0.28) inset;
     #{eleVarName('tab', 'color')}: #{$color};
     #{eleVarName('tab', 'hover-color')}: #{$color};
     #{eleVarName('tab', 'close-color')}: #{$color};
@@ -174,13 +176,17 @@
     #{eleVarName('tab', 'simple-hover-color')}: #{$color};
     #{eleVarName('tab', 'simple-hover-bg')}: #{$hover-bg};
     #{eleVarName('tab', 'simple-active-bg')}: #{elVar('bg-color')};
-    #{eleVarName('tab', 'simple-active-line')}: 0px;
+    #{eleVarName('tab', 'simple-line-width')}: 16px;
     #{eleVarName('tab', 'simple-tool-hover-bg')}: transparent;
     #{eleVarName('tab', 'indicator-dot-color')}: rgba(255, 255, 255, 0.4);
     #{eleVarName('tab', 'indicator-dot-hover-color')}: rgba(255, 255, 255, 0.6);
     #{eleVarName('tab', 'button-bg')}: #{$hover-bg};
+    #{eleVarName('tab', 'button-shadow')}: #{$shadow};
     #{eleVarName('tab', 'button-hover-bg')}: rgba(255, 255, 255, 0.2);
     #{eleVarName('tab', 'button-hover-color')}: #{$color};
+    #{eleVarName('tab', 'button-hover-shadow')}: #{$hover-shadow};
+    #{eleVarName('tab', 'button-active-bg')}: #{elVar('bg-color')};
+    #{eleVarName('tab', 'button-active-shadow')}: none;
   }
 }
 
@@ -192,6 +198,7 @@
   #{eleVarName('tab', 'active-close-hover-bg')}: #{$hover-bg};
   #{eleVarName('tab', 'simple-active-color')}: #{$color};
   #{eleVarName('tab', 'simple-active-bg')}: #{elVar('color-primary')};
+  #{eleVarName('tab', 'simple-active-line')}: 0px;
   #{eleVarName('tab', 'indicator-dot-active-color')}: #{$color};
   #{eleVarName('tab', 'button-active-color')}: #{$color};
   #{eleVarName('tab', 'button-active-bg')}: #{elVar('color-primary')};

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

@@ -216,7 +216,7 @@
 
   h1 {
     margin: 0;
-    font-weight: 600;
+    font-weight: 500;
     font-size: inherit;
     word-break: break-all;
     white-space: nowrap;

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

@@ -53,10 +53,6 @@
   &.is-mix {
     width: eleVar('sidebar', 'mix-width');
     z-index: calc(#{eleVar('layout', 'index')} + 2);
-
-    &.show-divider {
-      border-left: 1px solid #000;
-    }
   }
 
   /* 模糊透明侧栏 */
@@ -121,10 +117,10 @@
 
   /* 与侧栏分割线 */
   &.show-divider {
-    box-shadow: -0.8px 0 0 eleVar('header', 'line-color') inset;
+    box-shadow: eleVar('sidebar', 'divider-shadow');
 
     &.is-dark {
-      box-shadow: none;
+      box-shadow: eleVar('sidebar', 'dark-divider-shadow');
     }
   }