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

package/es/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;
   }
@@ -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');
@@ -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/es/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/es/ele-pro-form-builder/util.js

@@ -1,6 +1,6 @@
 import { markRaw } from "vue";
 import { DesktopOutlined, MobileOutlined } from "../icons/index";
-import { defaultComponentData } from "./components/component-data";
+export * from "./components/component-data";
 const defaultHeaderRightTools = [
   "import",
   "export",
@@ -184,7 +184,6 @@ const defaultConfigFormPresetProps = {
   searchShrinkText: "收起"
 };
 export {
-  defaultComponentData,
   defaultConfigFormItems,
   defaultConfigFormPresetProps,
   defaultHeaderRightTools,

package/es/ele-pro-layout/components/iframe-group.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, watch, createElementBlock, openBlock, createBlock, Fragment, renderList, withDirectives, createCommentVNode, vShow, TransitionGroup, withCtx, nextTick } from "vue";
+import { defineComponent, computed, ref, watch, openBlock, createElementBlock, Fragment, renderList, withDirectives, vShow, createCommentVNode, createBlock, TransitionGroup, withCtx, nextTick } from "vue";
 import { useTimer } from "../../utils/hook";
 import { getIframeSrc } from "../util";
 const _hoisted_1 = { class: "ele-admin-iframe-wrap" };

package/es/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/es/ele-pro-layout/components/iframe-item.js

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

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

@@ -170,6 +170,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>;
@@ -183,17 +184,19 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
 }>, {
     layoutRef: import('vue').Ref<EleAdminLayoutInstance, EleAdminLayoutInstance>;
-    openModal: (option: import('../ele-modal-render/types').ModalItem) => import('../ele-modal-render/types').ModalItemId;
+    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;
-    updateModalProps: (modalId?: import('../ele-modal-render/types').ModalItemId, option?: Record<string, any>) => 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, {
     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;
+    tabAdd: (_data: TabItem, _active?: string | undefined) => void;
     "update:collapse": (_collapse: boolean) => void;
     logoClick: (_isHome: boolean, _e: MouseEvent) => void;
     headMenuOpen: (_index: string, _indexPath: string[]) => void;
@@ -342,6 +345,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>;
@@ -359,7 +363,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onTabSortChange?: ((_data: TabItem[]) => any) | undefined;
     onTabClick?: ((_option: TabItemEventOption) => any) | undefined;
     onTabRemove?: ((_option: TabItemEventOption) => any) | undefined;
-    onTabAdd?: ((_data: TabItem) => any) | undefined;
+    onTabAdd?: ((_data: TabItem, _active?: string | undefined) => any) | undefined;
     "onUpdate:collapse"?: ((_collapse: boolean) => any) | undefined;
     onLogoClick?: ((_isHome: boolean, _e: MouseEvent) => any) | undefined;
     onHeadMenuOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
@@ -370,11 +374,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>, {
     height: string | number;
     transitionDelay: number;
-    expanded: boolean;
     uniqueOpened: boolean;
     collapse: boolean;
     ellipsis: boolean;
+    expanded: boolean;
     compact: boolean;
+    keepAlive: boolean;
+    responsive: boolean;
     tabBar: TabBar;
     breadcrumb: boolean | EleBreadcrumbProps;
     backTop: boolean | EleBacktopProps;
@@ -393,8 +399,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     sideboxTitleSlot: string;
     sideboxIconSlot: string;
     menuScrollToActive: boolean;
-    keepAlive: boolean;
-    responsive: boolean;
     redirectPath: string;
     fluid: boolean;
     compressOnEsc: boolean;

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

@@ -1,12 +1,12 @@
-import { defineComponent, ref, shallowRef, computed, markRaw, watch, unref, shallowReactive, provide, nextTick, onMounted, createBlock, openBlock, normalizeClass, createSlots, withCtx, renderSlot, createCommentVNode, createVNode, renderList, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, ref, shallowRef, computed, markRaw, shallowReactive, provide, watch, nextTick, unref, onMounted, openBlock, createBlock, normalizeClass, createSlots, withCtx, renderSlot, createCommentVNode, createVNode, renderList, normalizeProps, guardReactiveProps } from "vue";
 import { useRouter } from "vue-router";
 import { HomeOutlined } from "../icons/index";
-import { useTimer, useMediaQuery, mobileMediaQuery, useWindowListener } from "../utils/hook";
+import { useTimer, useWindowListener, useMediaQuery, mobileMediaQuery } from "../utils/hook";
 import { debounce, isExternalLink, mapTree } from "../utils/common";
 import EleModalRender from "../ele-modal-render/index";
 import { useModalRenderProvider } from "../ele-modal-render/util";
 import IframeGroup from "./components/iframe-group";
-import { getMenuItems, getRouteMatched, getActiveChilds, findTabByKey, getMatchedLevels, getRouteTab, findMenuByPath, findTabByPath } from "./util";
+import { getMenuItems, getMatchedMenus, getRouteMatched, getActiveChilds, findTabByKey, getMatchedLevels, getRouteTab, findMenuByPath, findTabByPath } from "./util";
 import { proLayoutEmits, proLayoutProps, PRO_LAYOUT_KEY } from "./props";
 import EleAdminLayout from "../ele-admin-layout/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -24,6 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       closeModal,
       closeAllModal,
       removeModal,
+      removeAllModal,
       updateModalVisible,
       updateModalProps
     } = useModalRenderProvider();
@@ -379,10 +380,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           sideData.value = temp;
           return;
         }
+        const isCollapse = sideNavigation.value === "box" || props.collapse && !mobile.value;
         boxData.value = temp.map((d) => {
           return {
             ...d,
-            children: props.collapse ? d.children : void 0,
+            children: isCollapse ? d.children : void 0,
             tempChildren: d.children
           };
         });
@@ -549,12 +551,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return layoutRef.value.getContentEl();
     };
+    const getBodyScrollEl = () => {
+      if (props.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.autoScrollTop && contentEl) {
-        contentEl.scrollTop = 0;
+      if (props.autoScrollTop) {
+        const bodyScrollEl = getBodyScrollEl();
+        if (bodyScrollEl) {
+          bodyScrollEl.scrollTop = 0;
+        }
       }
       if (props.redirectPath && path.startsWith(props.redirectPath)) {
         return;
@@ -565,7 +582,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       hideTabs.value = !!meta.hideTabs;
       const navigationIsChanged = updateNavigation();
       const sideNavigationIsChanged = updateSideNavigation();
-      const { active, title, matched, activeOther } = getRouteMatched(
+      const { active, title, menu, matched, activeOther } = getRouteMatched(
         route,
         menuData.value
       );
@@ -576,10 +593,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         menuData.value,
         tabData.value
       );
-      const t = getRouteTab(route, tabData.value, homeMenuPath.value, title);
-      isHome.value = t.home;
-      tabActive.value = t.key;
-      emit("tabAdd", t);
+      const tab = 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") {
@@ -705,6 +729,75 @@ const _sfc_main = /* @__PURE__ */ 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.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 });
+        }
+      }
+    };
+    useWindowListener(debounce(() => handleResize(), 500));
+    const [startBodyResizeTimer] = useTimer(600);
+    const layoutProvide = shallowReactive({
+      keepAlive: props.tabBar && props.keepAlive,
+      responsive: props.responsive,
+      activeMenu: (path) => {
+        updateMenuActive(path, getMatchedMenus(path, menuData.value));
+        if (navigation.value === "mix" || sideNavigation.value === "mix" || sideNavigation.value === "box") {
+          splitMenuData();
+        }
+      }
+    });
+    provide(PRO_LAYOUT_KEY, layoutProvide);
+    const [media, startMedia, stopMedia] = useMediaQuery(mobileMediaQuery, () => {
+      const isMobile = props.responsive ? media.matches : false;
+      if (mobile.value !== isMobile) {
+        mobile.value = isMobile;
+        updateCollapse(mobile.value);
+      }
+    });
+    watch(
+      () => props.responsive,
+      () => {
+        layoutProvide.responsive = props.responsive;
+        if (props.responsive) {
+          startMedia();
+        } else {
+          stopMedia();
+        }
+      },
+      { immediate: true }
+    );
+    watch([() => props.tabBar, () => props.keepAlive], () => {
+      layoutProvide.keepAlive = props.tabBar && props.keepAlive;
+    });
+    watch([() => props.collapse, () => props.compact], () => {
+      startBodyResizeTimer(() => {
+        handleResize();
+      });
+    });
+    watch(
+      [
+        routeLayout,
+        routeSideType,
+        routeTabBar,
+        routeMaximized,
+        () => props.fluid
+      ],
+      () => {
+        nextTick(() => {
+          handleResize();
+        });
+      }
+    );
     watch(
       () => props.menus,
       () => {
@@ -768,75 +861,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       },
       { immediate: true }
     );
-    const layoutProvide = shallowReactive({
-      keepAlive: props.tabBar && props.keepAlive,
-      responsive: props.responsive
-    });
-    provide(PRO_LAYOUT_KEY, layoutProvide);
-    watch([() => props.tabBar, () => props.keepAlive], () => {
-      layoutProvide.keepAlive = props.tabBar && props.keepAlive;
-    });
-    const [media, startMedia, stopMedia] = useMediaQuery(mobileMediaQuery, () => {
-      const isMobile = props.responsive ? media.matches : false;
-      if (mobile.value !== isMobile) {
-        mobile.value = isMobile;
-        updateCollapse(mobile.value);
-      }
-    });
-    watch(
-      () => props.responsive,
-      () => {
-        layoutProvide.responsive = props.responsive;
-        if (props.responsive) {
-          startMedia();
-        } else {
-          stopMedia();
-        }
-      },
-      { immediate: true }
-    );
     useWindowListener("keydown", (e) => {
       if (e.keyCode === 27 && props.compressOnEsc && props.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.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 });
-        }
-      }
-    };
-    useWindowListener(debounce(() => handleResize(), 500));
-    const [startBodyResizeTimer] = useTimer(600);
-    watch([() => props.collapse, () => props.compact], () => {
-      startBodyResizeTimer(() => {
-        handleResize();
-      });
-    });
-    watch(
-      [
-        routeLayout,
-        routeSideType,
-        routeTabBar,
-        routeMaximized,
-        () => props.fluid
-      ],
-      () => {
-        nextTick(() => {
-          handleResize();
-        });
-      }
-    );
     onMounted(() => {
       handleResize();
     });
@@ -846,6 +876,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       openModal,
       closeModal,
       closeAllModal,
+      removeModal,
+      removeAllModal,
       updateModalProps
     });
     return (_ctx, _cache) => {
@@ -899,6 +931,7 @@ const _sfc_main = /* @__PURE__ */ 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,
@@ -1026,7 +1059,7 @@ const _sfc_main = /* @__PURE__ */ 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", "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/es/ele-pro-layout/props.d.ts

@@ -181,6 +181,7 @@ export declare const proLayoutProps: {
     sideCustomStyle: PropType<import('../ele-app/types').StyleValue | null>;
     tabsCustomStyle: PropType<import('../ele-app/types').StyleValue | null>;
     contentCustomStyle: PropType<import('../ele-app/types').StyleValue | null>;
+    contentCustomClass: PropType<import('../ele-app/types').ClassValues>;
     logoStyle: PropType<import('../ele-app/types').StyleValue | null>;
     logoTitleStyle: PropType<import('../ele-app/types').StyleValue | null>;
     headerMenusStyle: PropType<import('../ele-app/types').StyleValue | null>;
@@ -200,7 +201,7 @@ export type ProLayoutProps = ExtractPropTypes<typeof proLayoutProps>;
 export declare const proLayoutEmits: {
     'update:collapse': (_collapse: boolean) => boolean;
     'update:maximized': (_maximized: boolean) => boolean;
-    tabAdd: (_data: TabItem) => boolean;
+    tabAdd: (_data: TabItem, _active?: string) => boolean;
     tabClick: (_option: TabItemEventOption) => boolean;
     tabRemove: (_option: TabItemEventOption) => boolean;
     tabContextMenu: (_option: TabItemEventOption) => boolean;

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

@@ -110,7 +110,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,
@@ -122,7 +122,7 @@ const proLayoutEmits = {
   sideMenuClose: (_index, _indexPath) => true,
   bodySizeChange: (_option) => true
 };
-const PRO_LAYOUT_KEY = Symbol("proLayout");
+const PRO_LAYOUT_KEY = /* @__PURE__ */ Symbol("proLayout");
 export {
   PRO_LAYOUT_KEY,
   proLayoutEmits,