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

package/es/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/es/core-components.js

@@ -10,66 +10,70 @@ import { default as default10 } from "./ele-breadcrumb/index";
 import { default as default11 } from "./ele-buttons/index";
 import { default as default12 } from "./ele-card/index";
 import { default as default13 } from "./ele-cascader/index";
-import { default as default14 } from "./ele-check-card/index";
-import { default as default15 } from "./ele-checkbox-group/index";
-import { default as default16 } from "./ele-config-provider/index";
-import { default as default17 } from "./ele-copyable/index";
-import { default as default18 } from "./ele-cron-builder/index";
-import { default as default19 } from "./ele-cron-panel/index";
-import { default as default20 } from "./ele-dashboard/index";
-import { default as default21 } from "./ele-data-table/index";
-import { default as default22 } from "./ele-dot/index";
-import { default as default23 } from "./ele-drawer/index";
-import { default as default24 } from "./ele-dropdown/index";
-import { default as default25 } from "./ele-dropdown-provider/index";
-import { default as default26 } from "./ele-edit-tag/index";
-import { default as default27 } from "./ele-ellipsis/index";
-import { default as default28 } from "./ele-file-list/index";
-import { default as default29 } from "./ele-file-list-tool/index";
-import { default as default30 } from "./ele-form-item-rest/index";
-import { default as default31 } from "./ele-icon/index";
-import { default as default32 } from "./ele-icon-select/index";
-import { default as default33 } from "./ele-image-viewer/index";
-import { default as default34 } from "./ele-loading/index";
-import { default as default35 } from "./ele-mention/index";
-import { default as default36 } from "./ele-menus/index";
-import { default as default37 } from "./ele-modal/index";
-import { default as default38 } from "./ele-modal-render/index";
-import { default as default39 } from "./ele-page/index";
-import { default as default40 } from "./ele-pagination/index";
-import { default as default41 } from "./ele-popconfirm/index";
-import { default as default42 } from "./ele-popconfirm-provider/index";
-import { default as default43 } from "./ele-popover/index";
-import { default as default44 } from "./ele-printer/index";
-import { default as default45 } from "./ele-pro-layout/index";
-import { default as default46 } from "./ele-pro-table/index";
-import { default as default47 } from "./ele-qr-code/index";
-import { default as default48 } from "./ele-qr-code-svg/index";
-import { default as default49 } from "./ele-radio-group/index";
-import { default as default50 } from "./ele-segmented/index";
-import { default as default51 } from "./ele-select/index";
-import { default as default52 } from "./ele-select-tree/index";
-import { default as default53 } from "./ele-split-panel/index";
-import { default as default54 } from "./ele-steps/index";
-import { default as default55 } from "./ele-tab-bar/index";
-import { default as default56 } from "./ele-tabs/index";
-import { default as default57 } from "./ele-tab-tool/index";
-import { default as default58 } from "./ele-tab-wrap/index";
-import { default as default59 } from "./ele-table/index";
-import { default as default60 } from "./ele-table-select/index";
-import { default as default61 } from "./ele-text/index";
-import { default as default62 } from "./ele-timeline/index";
-import { default as default63 } from "./ele-tool/index";
-import { default as default64 } from "./ele-toolbar/index";
-import { default as default65 } from "./ele-tooltip/index";
-import { default as default66 } from "./ele-tour/index";
-import { default as default67 } from "./ele-transfer/index";
-import { default as default68 } from "./ele-tree-select/index";
-import { default as default69 } from "./ele-tree-table/index";
-import { default as default70 } from "./ele-upload-list/index";
-import { default as default71 } from "./ele-viewer/index";
-import { default as default72 } from "./ele-virtual-table/index";
-import { default as default73 } from "./ele-watermark/index";
+import { default as default14 } from "./ele-chat/index";
+import { default as default15 } from "./ele-check-card/index";
+import { default as default16 } from "./ele-checkbox-group/index";
+import { default as default17 } from "./ele-config-provider/index";
+import { default as default18 } from "./ele-copyable/index";
+import { default as default19 } from "./ele-cron-builder/index";
+import { default as default20 } from "./ele-cron-panel/index";
+import { default as default21 } from "./ele-dashboard/index";
+import { default as default22 } from "./ele-data-table/index";
+import { default as default23 } from "./ele-dot/index";
+import { default as default24 } from "./ele-drawer/index";
+import { default as default25 } from "./ele-dropdown/index";
+import { default as default26 } from "./ele-dropdown-provider/index";
+import { default as default27 } from "./ele-edit-tag/index";
+import { default as default28 } from "./ele-ellipsis/index";
+import { default as default29 } from "./ele-file-list/index";
+import { default as default30 } from "./ele-file-list-tool/index";
+import { default as default31 } from "./ele-form-item-rest/index";
+import { default as default32 } from "./ele-icon/index";
+import { default as default33 } from "./ele-icon-select/index";
+import { default as default34 } from "./ele-image-viewer/index";
+import { default as default35 } from "./ele-image-viewer-provider/index";
+import { default as default36 } from "./ele-loading/index";
+import { default as default37 } from "./ele-mention/index";
+import { default as default38 } from "./ele-menus/index";
+import { default as default39 } from "./ele-modal/index";
+import { default as default40 } from "./ele-modal-render/index";
+import { default as default41 } from "./ele-page/index";
+import { default as default42 } from "./ele-pagination/index";
+import { default as default43 } from "./ele-popconfirm/index";
+import { default as default44 } from "./ele-popconfirm-provider/index";
+import { default as default45 } from "./ele-popover/index";
+import { default as default46 } from "./ele-printer/index";
+import { default as default47 } from "./ele-pro-layout/index";
+import { default as default48 } from "./ele-pro-table/index";
+import { default as default49 } from "./ele-qr-code/index";
+import { default as default50 } from "./ele-qr-code-svg/index";
+import { default as default51 } from "./ele-radio-group/index";
+import { default as default52 } from "./ele-segmented/index";
+import { default as default53 } from "./ele-select/index";
+import { default as default54 } from "./ele-select-tree/index";
+import { default as default55 } from "./ele-sortable-row/index";
+import { default as default56 } from "./ele-split-panel/index";
+import { default as default57 } from "./ele-steps/index";
+import { default as default58 } from "./ele-tab-bar/index";
+import { default as default59 } from "./ele-tabs/index";
+import { default as default60 } from "./ele-tab-tool/index";
+import { default as default61 } from "./ele-tab-wrap/index";
+import { default as default62 } from "./ele-table/index";
+import { default as default63 } from "./ele-table-select/index";
+import { default as default64 } from "./ele-text/index";
+import { default as default65 } from "./ele-timeline/index";
+import { default as default66 } from "./ele-tool/index";
+import { default as default67 } from "./ele-toolbar/index";
+import { default as default68 } from "./ele-tooltip/index";
+import { default as default69 } from "./ele-tooltip-provider/index";
+import { default as default70 } from "./ele-tour/index";
+import { default as default71 } from "./ele-transfer/index";
+import { default as default72 } from "./ele-tree-select/index";
+import { default as default73 } from "./ele-tree-table/index";
+import { default as default74 } from "./ele-upload-list/index";
+import { default as default75 } from "./ele-viewer/index";
+import { default as default76 } from "./ele-virtual-table/index";
+import { default as default77 } from "./ele-watermark/index";
 export {
   default2 as EleAdminLayout,
   default3 as EleAlert,
@@ -83,64 +87,68 @@ export {
   default11 as EleButtons,
   default12 as EleCard,
   default13 as EleCascader,
-  default14 as EleCheckCard,
-  default15 as EleCheckboxGroup,
-  default16 as EleConfigProvider,
-  default17 as EleCopyable,
-  default18 as EleCronBuilder,
-  default19 as EleCronPanel,
-  default20 as EleDashboard,
-  default21 as EleDataTable,
-  default22 as EleDot,
-  default23 as EleDrawer,
-  default24 as EleDropdown,
-  default25 as EleDropdownProvider,
-  default26 as EleEditTag,
-  default27 as EleEllipsis,
-  default28 as EleFileList,
-  default29 as EleFileListTool,
-  default30 as EleFormItemRest,
-  default31 as EleIcon,
-  default32 as EleIconSelect,
-  default33 as EleImageViewer,
-  default34 as EleLoading,
-  default35 as EleMention,
-  default36 as EleMenus,
-  default37 as EleModal,
-  default38 as EleModalRender,
-  default39 as ElePage,
-  default40 as ElePagination,
-  default41 as ElePopconfirm,
-  default42 as ElePopconfirmProvider,
-  default43 as ElePopover,
-  default44 as ElePrinter,
-  default45 as EleProLayout,
-  default46 as EleProTable,
-  default47 as EleQrCode,
-  default48 as EleQrCodeSvg,
-  default49 as EleRadioGroup,
-  default50 as EleSegmented,
-  default51 as EleSelect,
-  default52 as EleSelectTree,
-  default53 as EleSplitPanel,
-  default54 as EleSteps,
-  default55 as EleTabBar,
-  default57 as EleTabTool,
-  default58 as EleTabWrap,
-  default59 as EleTable,
-  default60 as EleTableSelect,
-  default56 as EleTabs,
-  default61 as EleText,
-  default62 as EleTimeline,
-  default63 as EleTool,
-  default64 as EleToolbar,
-  default65 as EleTooltip,
-  default66 as EleTour,
-  default67 as EleTransfer,
-  default68 as EleTreeSelect,
-  default69 as EleTreeTable,
-  default70 as EleUploadList,
-  default71 as EleViewer,
-  default72 as EleVirtualTable,
-  default73 as EleWatermark
+  default14 as EleChat,
+  default15 as EleCheckCard,
+  default16 as EleCheckboxGroup,
+  default17 as EleConfigProvider,
+  default18 as EleCopyable,
+  default19 as EleCronBuilder,
+  default20 as EleCronPanel,
+  default21 as EleDashboard,
+  default22 as EleDataTable,
+  default23 as EleDot,
+  default24 as EleDrawer,
+  default25 as EleDropdown,
+  default26 as EleDropdownProvider,
+  default27 as EleEditTag,
+  default28 as EleEllipsis,
+  default29 as EleFileList,
+  default30 as EleFileListTool,
+  default31 as EleFormItemRest,
+  default32 as EleIcon,
+  default33 as EleIconSelect,
+  default34 as EleImageViewer,
+  default35 as EleImageViewerProvider,
+  default36 as EleLoading,
+  default37 as EleMention,
+  default38 as EleMenus,
+  default39 as EleModal,
+  default40 as EleModalRender,
+  default41 as ElePage,
+  default42 as ElePagination,
+  default43 as ElePopconfirm,
+  default44 as ElePopconfirmProvider,
+  default45 as ElePopover,
+  default46 as ElePrinter,
+  default47 as EleProLayout,
+  default48 as EleProTable,
+  default49 as EleQrCode,
+  default50 as EleQrCodeSvg,
+  default51 as EleRadioGroup,
+  default52 as EleSegmented,
+  default53 as EleSelect,
+  default54 as EleSelectTree,
+  default55 as EleSortableRow,
+  default56 as EleSplitPanel,
+  default57 as EleSteps,
+  default58 as EleTabBar,
+  default60 as EleTabTool,
+  default61 as EleTabWrap,
+  default62 as EleTable,
+  default63 as EleTableSelect,
+  default59 as EleTabs,
+  default64 as EleText,
+  default65 as EleTimeline,
+  default66 as EleTool,
+  default67 as EleToolbar,
+  default68 as EleTooltip,
+  default69 as EleTooltipProvider,
+  default70 as EleTour,
+  default71 as EleTransfer,
+  default72 as EleTreeSelect,
+  default73 as EleTreeTable,
+  default74 as EleUploadList,
+  default75 as EleViewer,
+  default76 as EleVirtualTable,
+  default77 as EleWatermark
 };

package/es/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/es/core-export.js

@@ -1,16 +1,20 @@
 import { default as default2, default as default3, default as default4 } from "./ele-admin-layout/components/layout-tool";
 import { default as default5 } 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";
+import * as index from "./lang/index";
 export {
   default2 as HeaderTool,
   default3 as LayoutTool,
   default4 as SidebarTool,
-  default5 as TabDropdown
+  default5 as TabDropdown,
+  index as locales
 };

package/es/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/es/core.js

@@ -1,6 +1,9 @@
+import { installer } from "./core-installer";
+import { installer as installer2 } from "./core-installer";
 export * from "./core-components";
 export * from "./core-export";
-import { installer } from "./core-installer";
+const install = installer.install;
 export {
-  installer as default
+  installer2 as default,
+  install
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createVNode, unref, withCtx, createElementVNode } from "vue";
+import { defineComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createVNode, unref, 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: (string | number) | undefined;
+        active: import('element-plus/es/utils/vue/props/types').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
     }): any;
     tabExtra?(_: {
         active: string | undefined;
@@ -36,10 +36,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     /** 是否支持拖动排序 */
     tabSortable: BooleanConstructor;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    tabContextMenu: (_option: TabEventOption) => void;
-    tabSortChange: (_data: TabPaneItem[]) => void;
     tabClick: (_option: TabEventOption) => void;
     tabRemove: (_name: string) => void;
+    tabContextMenu: (_option: TabEventOption) => void;
+    tabSortChange: (_data: TabPaneItem[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 页签数据 */
     tabs: PropType<TabPaneItem[]>;
@@ -60,10 +60,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     /** 是否支持拖动排序 */
     tabSortable: BooleanConstructor;
 }>> & Readonly<{
-    onTabContextMenu?: ((_option: TabEventOption) => any) | undefined;
-    onTabSortChange?: ((_data: TabPaneItem[]) => any) | undefined;
     onTabClick?: ((_option: TabEventOption) => any) | undefined;
     onTabRemove?: ((_name: string) => any) | undefined;
+    onTabContextMenu?: ((_option: TabEventOption) => any) | undefined;
+    onTabSortChange?: ((_data: TabPaneItem[]) => any) | undefined;
 }>, {
     fixedHome: boolean;
     isHome: boolean;

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

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, withCtx, createCommentVNode, renderSlot, createVNode, unref, createSlots, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, openBlock, createBlock, withCtx, renderSlot, createVNode, unref, createCommentVNode, createSlots, normalizeProps, guardReactiveProps } from "vue";
 import { ElIcon } from "element-plus";
 import { HomeOutlined } from "../../icons/index";
 import EleTabWrap from "../../ele-tab-wrap/index";
@@ -63,7 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "tabHome", { active: __props.active }, () => [
                 createVNode(unref(ElIcon), {
                   class: "ele-tab-icon",
-                  style: { verticalAlign: "-2.4px" }
+                  style: { verticalAlign: "-2px" }
                 }, {
                   default: withCtx(() => [
                     createVNode(unref(HomeOutlined), { style: { transform: "scale(1.08)" } })

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

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, renderSlot } from "vue";
+import { defineComponent, openBlock, createElementBlock, 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

@@ -41,6 +41,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<boolean | import('../ele-app/plus').EleBreadcrumbProps>;
         default: boolean;
     };
+    breadcrumbStyle: import('vue').PropType<import('../ele-app/types').StyleValues>;
     backTop: {
         type: import('vue').PropType<boolean | import('../ele-app/plus').EleBacktopProps>;
         default: boolean;
@@ -112,6 +113,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>;
@@ -129,10 +131,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     sideboxMenuRef: import('vue').ShallowRef<EleMenusInstance, EleMenusInstance>;
     getContentEl: () => HTMLElement | null;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    tabContextMenu: (_option: TabEventOption) => void;
-    tabSortChange: (_data: TabPaneItem[]) => void;
     tabClick: (_option: TabEventOption) => void;
     tabRemove: (_name: string) => void;
+    tabContextMenu: (_option: TabEventOption) => void;
+    tabSortChange: (_data: TabPaneItem[]) => void;
     "update:collapse": (_collapse: boolean) => void;
     logoClick: (_e: MouseEvent) => void;
     headMenuOpen: (_index: string, _indexPath: string[]) => void;
@@ -178,6 +180,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<boolean | import('../ele-app/plus').EleBreadcrumbProps>;
         default: boolean;
     };
+    breadcrumbStyle: import('vue').PropType<import('../ele-app/types').StyleValues>;
     backTop: {
         type: import('vue').PropType<boolean | import('../ele-app/plus').EleBacktopProps>;
         default: boolean;
@@ -249,6 +252,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>;
@@ -262,10 +266,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     mobile: BooleanConstructor;
 }>> & Readonly<{
-    onTabContextMenu?: ((_option: TabEventOption) => any) | undefined;
-    onTabSortChange?: ((_data: TabPaneItem[]) => any) | undefined;
     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;

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

@@ -1,4 +1,4 @@
-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 { defineComponent, shallowRef, computed, shallowReactive, provide, watch, nextTick, onMounted, openBlock, createBlock, normalizeStyle, normalizeClass, withCtx, createElementVNode, renderSlot, mergeProps, createCommentVNode, 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";
@@ -13,16 +13,12 @@ const _hoisted_2 = {
   class: "ele-admin-tools"
 };
 const _hoisted_3 = {
-  key: 2,
-  class: "ele-admin-breadcrumb"
-};
-const _hoisted_4 = {
   key: 5,
   class: "ele-admin-tools"
 };
+const _hoisted_4 = ["src"];
 const _hoisted_5 = ["src"];
-const _hoisted_6 = ["src"];
-const _hoisted_7 = ["data-id"];
+const _hoisted_6 = ["data-id"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "EleAdminLayout" },
   __name: "index",
@@ -281,6 +277,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         isHeaderLogo: isHeaderLogo.value,
         class: 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" },
@@ -322,11 +319,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_2, [
               renderSlot(_ctx.$slots, "left")
             ])) : createCommentVNode("", true),
-            _ctx.breadcrumb ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            _ctx.breadcrumb ? (openBlock(), createElementBlock("div", {
+              key: 2,
+              class: "ele-admin-breadcrumb",
+              style: normalizeStyle(_ctx.breadcrumbStyle)
+            }, [
               renderSlot(_ctx.$slots, "breadcrumb", {}, () => [
                 _ctx.levels && _ctx.levels.length ? (openBlock(), createBlock(EleBreadcrumb, mergeProps({ key: 0 }, _ctx.breadcrumb === true ? {} : _ctx.breadcrumb, { items: _ctx.levels }), null, 16, ["items"])) : createCommentVNode("", true)
               ])
-            ])) : createCommentVNode("", true),
+            ], 4)) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "center"),
             !showHeaderTabs.value || showHeaderMenus.value ? (openBlock(), createElementBlock("div", {
               key: 3,
@@ -392,7 +393,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 };
               })
             ]), 1032, ["tabs", "active", "fixedHome", "homePath", "isHome", "tabStyle", "tabContextMenu", "tabContextMenus", "tabSortable", "class", "style"])) : createCommentVNode("", true),
-            _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_3, [
               renderSlot(_ctx.$slots, "right")
             ])) : createCommentVNode("", true)
           ], 38)) : createCommentVNode("", true)
@@ -432,7 +433,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onClick: handleLogoClick
               }, [
                 renderSlot(_ctx.$slots, "logo", {}, () => [
-                  createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_5)
+                  createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_4)
                 ])
               ], 4)) : createCommentVNode("", true),
               renderSlot(_ctx.$slots, "boxTop"),
@@ -483,10 +484,7 @@ 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 },
-                {
-                  "show-divider": isMixSidebar.value && isDarkMixSidebar.value && isDarkSidebar.value
-                }
+                { "is-collapse": isCollapseSidebar.value }
               ]]),
               style: normalizeStyle(_ctx.sidebarCustomStyle),
               onMouseenter: handleSideMouseEnter,
@@ -509,7 +507,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onClick: handleLogoClick
               }, [
                 _ctx.logoSrc || _ctx.$slots.logo ? renderSlot(_ctx.$slots, "logo", { key: 0 }, () => [
-                  createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_6)
+                  createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_5)
                 ]) : createCommentVNode("", true),
                 _ctx.logoTitle || _ctx.$slots.logoTitle ? renderSlot(_ctx.$slots, "logoTitle", { key: 1 }, () => [
                   createElementVNode("h1", null, toDisplayString(_ctx.logoTitle), 1)
@@ -597,11 +595,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             ref_key: "contentRef",
             ref: contentRef,
-            class: "ele-admin-content",
+            class: normalizeClass(["ele-admin-content", _ctx.contentCustomClass]),
             style: normalizeStyle(_ctx.contentCustomStyle)
           }, [
             renderSlot(_ctx.$slots, "default")
-          ], 4),
+          ], 6),
           renderSlot(_ctx.$slots, "body"),
           _ctx.backTop ? (openBlock(), createBlock(EleBacktop, mergeProps({
             key: 0,
@@ -613,7 +611,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ref: modalsRef,
             class: "ele-admin-modals",
             "data-id": param?.key
-          }, null, 8, _hoisted_7)
+          }, null, 8, _hoisted_6)
         ]),
         default: withCtx(() => [
           createElementVNode("div", {

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

@@ -1,5 +1,5 @@
 import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
-import { StyleValue } from '../ele-app/types';
+import { StyleValue, StyleValues, 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';
@@ -49,6 +49,8 @@ export declare const adminLayoutProps: {
         type: PropType<boolean | EleBreadcrumbProps>;
         default: boolean;
     };
+    /** 面包屑导航样式 */
+    breadcrumbStyle: PropType<StyleValues>;
     /** 是否需要返回顶部 */
     backTop: {
         type: PropType<boolean | EleBacktopProps>;
@@ -152,6 +154,8 @@ export declare const adminLayoutProps: {
     tabsCustomStyle: PropType<StyleValue | null>;
     /** 内容区样式 */
     contentCustomStyle: PropType<StyleValue | null>;
+    /** 内容区类名 */
+    contentCustomClass: PropType<ClassValues>;
     /** logo样式 */
     logoStyle: PropType<StyleValue | null>;
     /** logo文字样式 */