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

package/lib/ele-pro-form-builder/style/index.scss

@@ -111,7 +111,7 @@
   overflow: auto;
 }
 
-.ele-pro-form-builder-header-tool {
+.ele-pro-form-builder-header-tool.el-icon {
   flex-shrink: 0;
   width: 28px;
   height: 28px;
@@ -302,7 +302,7 @@
 
 .ele-pro-form-builder-component-group-label {
   font-size: 12px;
-  font-weight: bold;
+  font-weight: 500;
   color: elVar('color-primary');
   background: eleVar('pro-form-builder', 'group-label-bg');
   backdrop-filter: eleVar('pro-form-builder', 'group-label-backdrop-filter');
@@ -319,9 +319,9 @@
     position: absolute;
     left: 10px;
     top: 50%;
-    width: 4px;
+    width: 3px;
     height: 12px;
-    margin-top: -3px;
+    margin-top: -4px;
     background: elVar('color-primary');
     border-radius: 2px;
   }
@@ -329,7 +329,7 @@
 
 .ele-pro-form-builder-component-list {
   display: grid;
-  gap: 8px;
+  grid-gap: 8px;
   grid-template-columns: repeat(2, 1fr);
   padding: 6px 10px 10px 10px;
   box-sizing: border-box;
@@ -468,7 +468,7 @@
   z-index: 1;
 }
 
-.ele-pro-form-builder-outline-item-arrow {
+.ele-pro-form-builder-outline-item-arrow.el-icon {
   flex-shrink: 0;
   width: 16px;
   height: 16px;
@@ -493,8 +493,8 @@
   }
 }
 
-.ele-pro-form-builder-outline-item-tool,
-.ele-pro-form-builder-outline-item-handle {
+.ele-pro-form-builder-outline-item-tool.el-icon,
+.ele-pro-form-builder-outline-item-handle.el-icon {
   flex-shrink: 0;
   width: 20px;
   height: 20px;
@@ -515,7 +515,7 @@
   }
 }
 
-.ele-pro-form-builder-outline-item-handle {
+.ele-pro-form-builder-outline-item-handle.el-icon {
   cursor: move;
 }
 
@@ -728,7 +728,7 @@
 
 .ele-pro-form-builder-props-group-label.ele-text {
   font-size: 12px;
-  font-weight: bold;
+  font-weight: 500;
   color: elVar('color-primary');
   padding: 10px 0 6px 10px;
   box-sizing: border-box;
@@ -740,7 +740,7 @@
     position: absolute;
     left: 0;
     top: 50%;
-    width: 4px;
+    width: 3px;
     height: 12px;
     margin-top: -4px;
     background: elVar('color-primary');
@@ -752,7 +752,7 @@
   width: 100%;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
-  gap: 6px 8px;
+  grid-gap: 6px 8px;
 
   .ele-check-card {
     font-size: 12px;
@@ -819,7 +819,7 @@
 
 /* 添加子级时组件选择 */
 .ele-pro-form-builder-component-picker .ele-pro-form-builder-component-list {
-  gap: 10px;
+  grid-gap: 10px;
   grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
 }
 
@@ -852,8 +852,8 @@
     #{eleVarName('tab-bar', 'height')}: 32px;
 
     .ele-tab-item {
-      font-weight: bold;
-      font-family: monospace;
+      font-weight: 500;
+      font-family: $code-family;
     }
 
     &::before {
@@ -871,6 +871,11 @@
   align-items: flex-start;
   #{eleVarName('scrollbar', 'color')}: #5e5e5e;
   #{eleVarName('scrollbar', 'hover-color')}: #707070;
+
+  & > .ele-code-viewer {
+    width: 100%;
+    height: 100%;
+  }
 }
 
 .ele-pro-form-builder-code-pre {
@@ -878,13 +883,13 @@
   margin: 0;
   padding: 12px;
   box-sizing: border-box;
-  font-family: monospace;
+  font-family: $code-family;
 }
 
 .ele-pro-form-builder-code-line-numbers {
   flex-shrink: 0;
   color: #8b949e;
-  font-family: monospace;
+  font-family: $code-family;
   padding: 12px 0;
   min-width: 38px;
   background: #1e1e1e;
@@ -896,7 +901,7 @@
   left: 0;
 }
 
-.ele-pro-form-builder-code-icon-tool {
+.ele-pro-form-builder-code-icon-tool.el-icon {
   flex-shrink: 0;
   width: 22px;
   height: 22px;
@@ -944,13 +949,13 @@
   }
 }
 
-.ele-pro-form-builder-children-edit-item-handle {
+.ele-pro-form-builder-children-edit-item-handle.el-icon {
   color: elVar('text-color', 'secondary');
   cursor: move;
 }
 
-.ele-pro-form-builder-children-edit-item-handle,
-.ele-pro-form-builder-children-edit-item-del-btn {
+.ele-pro-form-builder-children-edit-item-handle.el-icon,
+.ele-pro-form-builder-children-edit-item-del-btn.el-icon {
   flex-shrink: 0;
   width: 20px;
   height: 20px;
@@ -958,7 +963,7 @@
   box-sizing: border-box;
 }
 
-.ele-pro-form-builder-children-edit-item-del-btn {
+.ele-pro-form-builder-children-edit-item-del-btn.el-icon {
   color: elVar('color-danger');
   border-radius: elVar('border-radius', 'small');
   transition: all $transition-base;
@@ -1022,7 +1027,7 @@
   }
 }
 
-.ele-pro-form-builder-style-edit-item-del-btn {
+.ele-pro-form-builder-style-edit-item-del-btn.el-icon {
   flex-shrink: 0;
   width: 20px;
   height: 20px;
@@ -1123,7 +1128,7 @@
   }
 
   .el-input .el-input__wrapper .el-input__inner {
-    font-weight: bold;
+    font-weight: 500;
   }
 }
 
@@ -1136,7 +1141,7 @@
     overflow: visible;
   }
 
-  .ele-pro-form-builder-code-edit-icon {
+  .ele-pro-form-builder-code-edit-icon.el-icon {
     position: absolute;
     right: -22px;
     top: 50%;
@@ -1165,7 +1170,7 @@
   position: relative;
 }
 
-.ele-pro-form-builder-code-edit-icon {
+.ele-pro-form-builder-code-edit-icon.el-icon {
   color: elVar('text-color', 'secondary');
   margin-left: 8px;
   position: static;
@@ -1178,7 +1183,7 @@
     line-height: 18px;
     color: #608b4e;
     background: #1e1e1e;
-    font-family: Consolas, 'Courier New', monospace;
+    font-family: $code-family;
     padding: 8px;
     border-radius: elVar('border-radius', 'small');
     border: 1px solid rgba(255, 255, 255, 0.2);
@@ -1209,7 +1214,7 @@
     font-size: 14px;
     color: #d4d4d4;
     background: #1e1e1e;
-    font-family: Consolas, 'Courier New', monospace;
+    font-family: $code-family;
     border-radius: 0;
     box-shadow: none;
     border: none;

package/lib/ele-pro-form-builder/util.cjs

@@ -185,11 +185,13 @@ const defaultConfigFormPresetProps = {
   searchExpandText: "展开",
   searchShrinkText: "收起"
 };
-Object.defineProperty(exports, "defaultComponentData", {
-  enumerable: true,
-  get: () => componentData.defaultComponentData
-});
 exports.defaultConfigFormItems = defaultConfigFormItems;
 exports.defaultConfigFormPresetProps = defaultConfigFormPresetProps;
 exports.defaultHeaderRightTools = defaultHeaderRightTools;
 exports.screenItems = screenItems;
+Object.keys(componentData).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => componentData[k]
+  });
+});

package/lib/ele-pro-form-builder/util.d.ts

@@ -1,7 +1,7 @@
 import { ProFormItemProps } from '../ele-pro-form/types';
 import { TemplateFormProps, HeaderRightToolName, ScreenItem } from './types';
 
-export { defaultComponentData } from './components/component-data';
+export * from './components/component-data';
 /**
  * 默认表头工具栏右侧按钮布局
  */

package/lib/ele-pro-layout/components/iframe-item.cjs

@@ -0,0 +1,43 @@
+"use strict";
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const util = require("../util");
+const _hoisted_1 = ["src"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "iframe-item",
+  props: {
+    /** 菜单内嵌地址 */
+    menuComponent: String
+  },
+  setup(__props) {
+    const props = __props;
+    const { currentRoute } = vueRouter.useRouter();
+    const current = vue.unref(currentRoute);
+    const iframeUrl = util.getIframeUrl(
+      current.params,
+      props.menuComponent || current.meta?.iframe
+    );
+    const iframeSrc = vue.ref(util.getIframeSrc(current.fullPath, iframeUrl));
+    vue.watch(currentRoute, (to) => {
+      const route = vue.unref(to);
+      const url = util.getIframeUrl(
+        route.params,
+        props.menuComponent || route.meta?.iframe
+      );
+      if (!url || url !== iframeUrl) {
+        return;
+      }
+      const src = util.getIframeSrc(route.fullPath, iframeUrl);
+      if (iframeSrc.value !== src) {
+        iframeSrc.value = src;
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("iframe", {
+        src: iframeSrc.value,
+        class: "ele-admin-iframe"
+      }, null, 8, _hoisted_1);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/ele-pro-layout/components/iframe-item.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** 菜单内嵌地址 */
+    menuComponent: StringConstructor;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 菜单内嵌地址 */
+    menuComponent: StringConstructor;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -25,6 +25,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       closeModal,
       closeAllModal,
       removeModal,
+      removeAllModal,
       updateModalVisible,
       updateModalProps
     } = util.useModalRenderProvider();
@@ -380,10 +381,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           sideData.value = temp;
           return;
         }
+        const isCollapse = sideNavigation.value === "box" || props$1.collapse && !mobile.value;
         boxData.value = temp.map((d) => {
           return {
             ...d,
-            children: props$1.collapse ? d.children : void 0,
+            children: isCollapse ? d.children : void 0,
             tempChildren: d.children
           };
         });
@@ -550,12 +552,27 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       return layoutRef.value.getContentEl();
     };
+    const getBodyScrollEl = () => {
+      if (props$1.fixedBody) {
+        return getContentElem();
+      }
+      const bProps = backTopProps.value;
+      if (bProps && typeof bProps === "object" && bProps.target) {
+        if (typeof bProps.target === "string") {
+          return document.querySelector(bProps.target);
+        }
+        return bProps.target;
+      }
+      return document.body;
+    };
     const handleRouteChange = (route) => {
       const { path, meta } = route;
       hideFooter.value = !!meta.hideFooter;
-      const contentEl = getContentElem();
-      if (props$1.autoScrollTop && contentEl) {
-        contentEl.scrollTop = 0;
+      if (props$1.autoScrollTop) {
+        const bodyScrollEl = getBodyScrollEl();
+        if (bodyScrollEl) {
+          bodyScrollEl.scrollTop = 0;
+        }
       }
       if (props$1.redirectPath && path.startsWith(props$1.redirectPath)) {
         return;
@@ -566,7 +583,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       hideTabs.value = !!meta.hideTabs;
       const navigationIsChanged = updateNavigation();
       const sideNavigationIsChanged = updateSideNavigation();
-      const { active, title, matched, activeOther } = util$1.getRouteMatched(
+      const { active, title, menu, matched, activeOther } = util$1.getRouteMatched(
         route,
         menuData.value
       );
@@ -577,10 +594,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         menuData.value,
         tabData.value
       );
-      const t = util$1.getRouteTab(route, tabData.value, homeMenuPath.value, title);
-      isHome.value = t.home;
-      tabActive.value = t.key;
-      emit("tabAdd", t);
+      const tab = util$1.getRouteTab(
+        route,
+        tabData.value,
+        homeMenuPath.value,
+        title,
+        menu
+      );
+      isHome.value = tab.home;
+      const lastTabActive = tabActive.value;
+      tabActive.value = tab.key;
+      emit("tabAdd", tab, lastTabActive);
       if (!navigationIsChanged && !sideNavigationIsChanged) {
         updateMenuActive(active, matched);
         if (navigation.value === "mix" || sideNavigation.value === "mix" || sideNavigation.value === "box") {
@@ -706,6 +730,75 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         });
       }
     };
+    const handleResize = () => {
+      const el = getContentElem();
+      if (el) {
+        const clientWidth = el.clientWidth || 0;
+        const limitedWidth = 1120;
+        const maxWidth = clientWidth > limitedWidth ? limitedWidth : clientWidth;
+        const width = props$1.fluid ? clientWidth : maxWidth;
+        const height = el.clientHeight;
+        if (width !== state.contentWidth || height !== state.contentHeight) {
+          state.contentWidth = width;
+          state.contentHeight = height;
+          emit("bodySizeChange", { width, height, mobile: mobile.value });
+        }
+      }
+    };
+    hook.useWindowListener(common.debounce(() => handleResize(), 500));
+    const [startBodyResizeTimer] = hook.useTimer(600);
+    const layoutProvide = vue.shallowReactive({
+      keepAlive: props$1.tabBar && props$1.keepAlive,
+      responsive: props$1.responsive,
+      activeMenu: (path) => {
+        updateMenuActive(path, util$1.getMatchedMenus(path, menuData.value));
+        if (navigation.value === "mix" || sideNavigation.value === "mix" || sideNavigation.value === "box") {
+          splitMenuData();
+        }
+      }
+    });
+    vue.provide(props.PRO_LAYOUT_KEY, layoutProvide);
+    const [media, startMedia, stopMedia] = hook.useMediaQuery(hook.mobileMediaQuery, () => {
+      const isMobile = props$1.responsive ? media.matches : false;
+      if (mobile.value !== isMobile) {
+        mobile.value = isMobile;
+        updateCollapse(mobile.value);
+      }
+    });
+    vue.watch(
+      () => props$1.responsive,
+      () => {
+        layoutProvide.responsive = props$1.responsive;
+        if (props$1.responsive) {
+          startMedia();
+        } else {
+          stopMedia();
+        }
+      },
+      { immediate: true }
+    );
+    vue.watch([() => props$1.tabBar, () => props$1.keepAlive], () => {
+      layoutProvide.keepAlive = props$1.tabBar && props$1.keepAlive;
+    });
+    vue.watch([() => props$1.collapse, () => props$1.compact], () => {
+      startBodyResizeTimer(() => {
+        handleResize();
+      });
+    });
+    vue.watch(
+      [
+        routeLayout,
+        routeSideType,
+        routeTabBar,
+        routeMaximized,
+        () => props$1.fluid
+      ],
+      () => {
+        vue.nextTick(() => {
+          handleResize();
+        });
+      }
+    );
     vue.watch(
       () => props$1.menus,
       () => {
@@ -769,75 +862,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       },
       { immediate: true }
     );
-    const layoutProvide = vue.shallowReactive({
-      keepAlive: props$1.tabBar && props$1.keepAlive,
-      responsive: props$1.responsive
-    });
-    vue.provide(props.PRO_LAYOUT_KEY, layoutProvide);
-    vue.watch([() => props$1.tabBar, () => props$1.keepAlive], () => {
-      layoutProvide.keepAlive = props$1.tabBar && props$1.keepAlive;
-    });
-    const [media, startMedia, stopMedia] = hook.useMediaQuery(hook.mobileMediaQuery, () => {
-      const isMobile = props$1.responsive ? media.matches : false;
-      if (mobile.value !== isMobile) {
-        mobile.value = isMobile;
-        updateCollapse(mobile.value);
-      }
-    });
-    vue.watch(
-      () => props$1.responsive,
-      () => {
-        layoutProvide.responsive = props$1.responsive;
-        if (props$1.responsive) {
-          startMedia();
-        } else {
-          stopMedia();
-        }
-      },
-      { immediate: true }
-    );
     hook.useWindowListener("keydown", (e) => {
       if (e.keyCode === 27 && props$1.compressOnEsc && props$1.maximized) {
         e.stopPropagation();
         updateMaximized(false);
       }
     });
-    const handleResize = () => {
-      const el = getContentElem();
-      if (el) {
-        const clientWidth = el.clientWidth || 0;
-        const limitedWidth = 1120;
-        const maxWidth = clientWidth > limitedWidth ? limitedWidth : clientWidth;
-        const width = props$1.fluid ? clientWidth : maxWidth;
-        const height = el.clientHeight;
-        if (width !== state.contentWidth || height !== state.contentHeight) {
-          state.contentWidth = width;
-          state.contentHeight = height;
-          emit("bodySizeChange", { width, height, mobile: mobile.value });
-        }
-      }
-    };
-    hook.useWindowListener(common.debounce(() => handleResize(), 500));
-    const [startBodyResizeTimer] = hook.useTimer(600);
-    vue.watch([() => props$1.collapse, () => props$1.compact], () => {
-      startBodyResizeTimer(() => {
-        handleResize();
-      });
-    });
-    vue.watch(
-      [
-        routeLayout,
-        routeSideType,
-        routeTabBar,
-        routeMaximized,
-        () => props$1.fluid
-      ],
-      () => {
-        vue.nextTick(() => {
-          handleResize();
-        });
-      }
-    );
     vue.onMounted(() => {
       handleResize();
     });
@@ -847,6 +877,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       openModal,
       closeModal,
       closeAllModal,
+      removeModal,
+      removeAllModal,
       updateModalProps
     });
     return (_ctx, _cache) => {
@@ -868,6 +900,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         maximized: routeMaximized.value,
         tabBar: routeTabBar.value,
         breadcrumb: breadcrumbProps.value,
+        breadcrumbStyle: _ctx.breadcrumbStyle,
         backTop: backTopProps.value,
         headerMenuProps: navMenuProps.value,
         sidebarMenuProps: sideMenuProps.value,
@@ -900,6 +933,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         sideCustomStyle: _ctx.sideCustomStyle,
         tabsCustomStyle: _ctx.tabsCustomStyle,
         contentCustomStyle: _ctx.contentCustomStyle,
+        contentCustomClass: ["ele-pro-layout-content", _ctx.contentCustomClass ?? ""],
         logoStyle: _ctx.logoStyle,
         logoTitleStyle: _ctx.logoTitleStyle,
         headerMenusStyle: _ctx.headerMenusStyle,
@@ -1027,7 +1061,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ])
           };
         })
-      ]), 1032, ["height", "headerMenus", "headerActive", "sidebarMenus", "sidebarActive", "sideboxMenus", "sideboxActive", "tabs", "tabActive", "levels", "collapse", "compact", "maximized", "tabBar", "breadcrumb", "backTop", "headerMenuProps", "sidebarMenuProps", "sideboxMenuProps", "layout", "sidebarLayout", "headerStyle", "sidebarStyle", "mixSidebarStyle", "tabStyle", "fixedHeader", "fixedSidebar", "fixedBody", "logoInHeader", "fixedHome", "homePath", "isHome", "tabContextMenu", "tabContextMenus", "tabSortable", "headerTitleSlot", "headerIconSlot", "sidebarTitleSlot", "sidebarIconSlot", "sideboxTitleSlot", "sideboxIconSlot", "headerCustomStyle", "sidebarCustomStyle", "sideboxCustomStyle", "sideCustomStyle", "tabsCustomStyle", "contentCustomStyle", "logoStyle", "logoTitleStyle", "headerMenusStyle", "sidebarMenusStyle", "sideboxMenusStyle", "logoSrc", "logoTitle", "menuScrollToActive", "mobile", "class"]);
+      ]), 1032, ["height", "headerMenus", "headerActive", "sidebarMenus", "sidebarActive", "sideboxMenus", "sideboxActive", "tabs", "tabActive", "levels", "collapse", "compact", "maximized", "tabBar", "breadcrumb", "breadcrumbStyle", "backTop", "headerMenuProps", "sidebarMenuProps", "sideboxMenuProps", "layout", "sidebarLayout", "headerStyle", "sidebarStyle", "mixSidebarStyle", "tabStyle", "fixedHeader", "fixedSidebar", "fixedBody", "logoInHeader", "fixedHome", "homePath", "isHome", "tabContextMenu", "tabContextMenus", "tabSortable", "headerTitleSlot", "headerIconSlot", "sidebarTitleSlot", "sidebarIconSlot", "sideboxTitleSlot", "sideboxIconSlot", "headerCustomStyle", "sidebarCustomStyle", "sideboxCustomStyle", "sideCustomStyle", "tabsCustomStyle", "contentCustomStyle", "contentCustomClass", "logoStyle", "logoTitleStyle", "headerMenusStyle", "sidebarMenusStyle", "sideboxMenusStyle", "logoSrc", "logoTitle", "menuScrollToActive", "mobile", "class"]);
     };
   }
 });

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

@@ -101,6 +101,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<boolean | EleBreadcrumbProps>;
         default: boolean;
     };
+    breadcrumbStyle: import('vue').PropType<import('../ele-app/types').StyleValues>;
     backTop: {
         type: import('vue').PropType<boolean | EleBacktopProps>;
         default: boolean;
@@ -170,6 +171,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>;
@@ -186,14 +188,16 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     openModal: <T extends import('../ele-modal-render/types').ModalItemType, P extends Record<string, any>>(option: import('../ele-modal-render/types').ModalItem<T, P>) => import('../ele-modal-render/types').ModalItemId;
     closeModal: (modalId?: import('../ele-modal-render/types').ModalItemId) => void;
     closeAllModal: () => void;
+    removeModal: (modalId?: import('../ele-modal-render/types').ModalItemId) => void;
+    removeAllModal: () => void;
     updateModalProps: <T extends import('../ele-modal-render/types').ModalItemType>(modalId?: import('../ele-modal-render/types').ModalItemId, option?: import('../ele-modal-render/types').ModalItemProps<T>) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    tabClick: (_option: TabItemEventOption) => void;
+    tabRemove: (_option: TabItemEventOption) => void;
+    tabAdd: (_data: TabItem, _active?: string | undefined) => void;
     tabContextMenu: (_option: TabItemEventOption) => void;
     "update:maximized": (_maximized: boolean) => void;
     tabSortChange: (_data: TabItem[]) => void;
-    tabClick: (_option: TabItemEventOption) => void;
-    tabRemove: (_option: TabItemEventOption) => void;
-    tabAdd: (_data: TabItem) => void;
     "update:collapse": (_collapse: boolean) => void;
     logoClick: (_isHome: boolean, _e: MouseEvent) => void;
     headMenuOpen: (_index: string, _indexPath: string[]) => void;
@@ -273,6 +277,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<boolean | EleBreadcrumbProps>;
         default: boolean;
     };
+    breadcrumbStyle: import('vue').PropType<import('../ele-app/types').StyleValues>;
     backTop: {
         type: import('vue').PropType<boolean | EleBacktopProps>;
         default: boolean;
@@ -342,6 +347,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>;
@@ -354,12 +360,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: boolean;
     };
 }>> & Readonly<{
+    onTabClick?: ((_option: TabItemEventOption) => any) | undefined;
+    onTabRemove?: ((_option: TabItemEventOption) => any) | undefined;
+    onTabAdd?: ((_data: TabItem, _active?: string | undefined) => any) | undefined;
     onTabContextMenu?: ((_option: TabItemEventOption) => any) | undefined;
     "onUpdate:maximized"?: ((_maximized: boolean) => any) | undefined;
     onTabSortChange?: ((_data: TabItem[]) => any) | undefined;
-    onTabClick?: ((_option: TabItemEventOption) => any) | undefined;
-    onTabRemove?: ((_option: TabItemEventOption) => any) | undefined;
-    onTabAdd?: ((_data: TabItem) => any) | undefined;
     "onUpdate:collapse"?: ((_collapse: boolean) => any) | undefined;
     onLogoClick?: ((_isHome: boolean, _e: MouseEvent) => any) | undefined;
     onHeadMenuOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
@@ -375,6 +381,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     ellipsis: boolean;
     expanded: boolean;
     compact: boolean;
+    keepAlive: boolean;
     responsive: boolean;
     tabBar: TabBar;
     breadcrumb: boolean | EleBreadcrumbProps;
@@ -394,7 +401,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     sideboxTitleSlot: string;
     sideboxIconSlot: string;
     menuScrollToActive: boolean;
-    keepAlive: boolean;
     redirectPath: string;
     fluid: boolean;
     compressOnEsc: boolean;

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

@@ -112,7 +112,7 @@ const proLayoutProps = {
 const proLayoutEmits = {
   "update:collapse": (_collapse) => true,
   "update:maximized": (_maximized) => true,
-  tabAdd: (_data) => true,
+  tabAdd: (_data, _active) => true,
   tabClick: (_option) => true,
   tabRemove: (_option) => true,
   tabContextMenu: (_option) => true,
@@ -124,7 +124,7 @@ const proLayoutEmits = {
   sideMenuClose: (_index, _indexPath) => true,
   bodySizeChange: (_option) => true
 };
-const PRO_LAYOUT_KEY = Symbol("proLayout");
+const PRO_LAYOUT_KEY = /* @__PURE__ */ Symbol("proLayout");
 exports.PRO_LAYOUT_KEY = PRO_LAYOUT_KEY;
 exports.proLayoutEmits = proLayoutEmits;
 exports.proLayoutProps = proLayoutProps;