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

package/es/ele-pro-form-builder/components/icons/icon-input.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, normalizeStyle, renderSlot } from "vue";
+import { defineComponent, openBlock, createElementBlock, normalizeStyle, renderSlot } from "vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon-input",
   props: {

package/es/ele-pro-form-builder/components/icons/icon-panel.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, normalizeStyle, renderSlot } from "vue";
+import { defineComponent, openBlock, createElementBlock, normalizeStyle, renderSlot } from "vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon-panel",
   props: {

package/es/ele-pro-form-builder/components/icons/icon-radio-button.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createBlock, openBlock, unref, normalizeStyle } from "vue";
+import { defineComponent, computed, openBlock, createBlock, unref, normalizeStyle } from "vue";
 import { IconButton } from "./index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon-radio-button",

package/es/ele-pro-form-builder/components/icons/icon-radio.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
+import { defineComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon-radio",
   props: {

package/es/ele-pro-form-builder/components/icons/icon-range-skeleton.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, Fragment, createVNode, createElementVNode, unref, normalizeStyle } from "vue";
+import { defineComponent, openBlock, createElementBlock, Fragment, createVNode, unref, createElementVNode, normalizeStyle } from "vue";
 import { IconSkeleton } from "./index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon-range-skeleton",

package/es/ele-pro-form-builder/components/icons/icon-skeleton.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
+import { defineComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon-skeleton",
   props: {

package/es/ele-pro-form-builder/components/icons/icon-table-row.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, normalizeStyle, createBlock, createCommentVNode, renderSlot, unref, createVNode } from "vue";
+import { defineComponent, openBlock, createElementBlock, normalizeStyle, createBlock, unref, createCommentVNode, renderSlot, createVNode } from "vue";
 import { IconCheckbox, IconSkeleton } from "./index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon-table-row",

package/es/ele-pro-form-builder/components/icons/icon-table.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, normalizeStyle, createVNode, unref, withCtx, createElementVNode } from "vue";
+import { defineComponent, openBlock, createElementBlock, normalizeStyle, createVNode, unref, withCtx, createElementVNode } from "vue";
 import { IconTableRow } from "./index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon-table",

package/es/ele-pro-form-builder/components/icons/svg-icon.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createBlock, resolveDynamicComponent } from "vue";
+import { defineComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot, createBlock, resolveDynamicComponent } from "vue";
 import { CloseOutlined, UserOutlined, ExclamationCircleFilled, StepForwardFilled, CheckCircleFilled, EnvironmentOutlined, ClockCircleOutlined, StarFilled, PlusOutlined, CalendarOutlined, CheckOutlined, ArrowLeft, ArrowRight, ArrowDown, ArrowUp } from "../../../icons/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/ele-pro-form-builder/components/if-edit.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, createElementBlock, openBlock, Fragment, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, createBlock, resolveDynamicComponent, createCommentVNode, withModifiers } from "vue";
+import { defineComponent, ref, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, createBlock, resolveDynamicComponent, withModifiers, createCommentVNode } from "vue";
 import { ElButton, ElIcon } from "element-plus";
 import { QuestionCircleOutlined } from "../../icons/index";
 import EleModal from "../../ele-modal/index";

package/es/ele-pro-form-builder/components/import-modal.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, createBlock, openBlock, createSlots, withCtx, resolveDynamicComponent, createVNode, unref, createTextVNode } from "vue";
+import { defineComponent, ref, watch, openBlock, createBlock, createSlots, withCtx, resolveDynamicComponent, createVNode, unref, createTextVNode } from "vue";
 import { ElButton } from "element-plus";
 import { mapTree } from "../../utils/common";
 import EleModal from "../../ele-modal/index";

package/es/ele-pro-form-builder/components/json-input.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, createBlock, openBlock, unref } from "vue";
+import { defineComponent, ref, watch, openBlock, createBlock, unref } from "vue";
 import { ElInput } from "element-plus";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "JsonInput" },

package/es/ele-pro-form-builder/components/options-code.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, createElementBlock, openBlock, createBlock, resolveDynamicComponent } from "vue";
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, createBlock, resolveDynamicComponent } from "vue";
 import CodeEditer from "./code-editer";
 const _hoisted_1 = { class: "ele-pro-form-builder-code-edit-wrapper" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/ele-pro-form-builder/components/options-edit.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, createElementBlock, openBlock, Fragment, createVNode, unref, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, createElementVNode } from "vue";
+import { defineComponent, ref, computed, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, createTextVNode, toDisplayString, createBlock, createElementVNode, createCommentVNode } from "vue";
 import { ElButton, ElIcon } from "element-plus";
 import { QuestionCircleOutlined } from "../../icons/index";
 import { codeStringPrefix } from "../../ele-pro-form/components/render-core";

package/es/ele-pro-form-builder/components/options-table.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, onMounted, createBlock, openBlock, normalizeClass, withCtx, createElementBlock, createCommentVNode, createVNode, unref } from "vue";
+import { defineComponent, ref, computed, onMounted, openBlock, createBlock, normalizeClass, withCtx, createElementBlock, createVNode, unref, createCommentVNode } from "vue";
 import { ElInput, ElSwitch } from "element-plus";
 import { eachTree, mapTree } from "../../utils/common";
 import EleTreeTable from "../../ele-tree-table/index";

package/es/ele-pro-form-builder/components/outline-list.js

@@ -1,4 +1,4 @@
-import { defineComponent, resolveComponent, createBlock, openBlock, unref, withCtx, createElementVNode, normalizeClass, createCommentVNode, createVNode, withModifiers, createElementBlock, toDisplayString } from "vue";
+import { defineComponent, resolveComponent, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, createCommentVNode, withModifiers, createVNode, toDisplayString, createElementBlock } from "vue";
 import VueDraggable from "vuedraggable";
 import { ElIcon } from "element-plus";
 import { ArrowDown, DeleteOutlined, CopyOutlined, InsertRowOutlined, InsertColumnOutlined, AppstoreAddOutlined, PlusSquareDashOutlined, PlusOutlined, DragOutlined } from "../../icons/index";

package/es/ele-pro-form-builder/components/outline-tree.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, unref } from "vue";
+import { defineComponent, ref, watch, openBlock, createElementBlock, Fragment, createBlock, createCommentVNode, unref } from "vue";
 import { ElEmpty } from "element-plus";
 import { findTree } from "../../utils/common";
 import { fixedChildTypes } from "./build-core";

package/es/ele-pro-form-builder/components/preview-modal.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, reactive, watch, nextTick, createBlock, openBlock, withCtx, resolveDynamicComponent, mergeProps, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, createElementBlock, Fragment, unref, normalizeClass, normalizeStyle } from "vue";
+import { defineComponent, ref, reactive, watch, nextTick, openBlock, createBlock, withCtx, resolveDynamicComponent, mergeProps, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, createElementBlock, Fragment, unref, normalizeClass, normalizeStyle } from "vue";
 import { ElIcon } from "element-plus";
 import EleModal from "../../ele-modal/index";
 import { setValue, mergeValue, getFormInitValue } from "../../ele-pro-form/util";

package/es/ele-pro-form-builder/components/props-form.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, reactive, watch, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, resolveDynamicComponent, createSlots, withCtx, renderList, createVNode, mergeProps, unref, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, ref, reactive, watch, openBlock, createElementBlock, Fragment, createBlock, resolveDynamicComponent, createSlots, withCtx, createVNode, mergeProps, unref, renderList, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode } from "vue";
 import { ElInput, ElEmpty } from "element-plus";
 import { findTree } from "../../utils/common";
 import EleProForm from "../../ele-pro-form/index";

package/es/ele-pro-form-builder/components/source-edit.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, createElementBlock, openBlock, Fragment, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, createBlock, resolveDynamicComponent } from "vue";
+import { defineComponent, ref, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, createBlock, resolveDynamicComponent } from "vue";
 import { ElButton } from "element-plus";
 import { CodeOutlined } from "../../icons/index";
 import { omit } from "../../utils/common";

package/es/ele-pro-form-builder/components/style-edit.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, createElementBlock, openBlock, Fragment, createCommentVNode, createVNode, renderList, createElementVNode, unref, withCtx, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, ref, watch, openBlock, createElementBlock, Fragment, renderList, createVNode, unref, createCommentVNode, createElementVNode, withCtx, createTextVNode, toDisplayString } from "vue";
 import { ElInput, ElIcon, ElButton } from "element-plus";
 import { DeleteOutlined, PlusOutlined } from "../../icons/index";
 const _hoisted_1 = {

package/es/ele-pro-form-builder/components/table-tool-menu.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, createBlock, openBlock, nextTick } from "vue";
+import { defineComponent, ref, openBlock, createBlock, nextTick } from "vue";
 import EleDropdown from "../../ele-dropdown/index";
 import { getTableFormItemByTd, generateAddTableColData, generateAddTableRowData, getTableMergeBelowEffects, getTableMergeRightEffects, getTableSplitEffects, getTableDeleteRowEffects, getTableDeleteColEffects } from "./table-util";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/ele-pro-form-builder/components/template-list.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, createBlock, unref, Fragment, renderList, createElementVNode, toDisplayString, createCommentVNode, resolveDynamicComponent } from "vue";
+import { defineComponent, openBlock, createElementBlock, createBlock, unref, Fragment, renderList, createElementVNode, toDisplayString, resolveDynamicComponent, createCommentVNode } from "vue";
 import { ElEmpty } from "element-plus";
 import { deepCloneObject } from "./build-core";
 import { itemsGenerateNewKey } from "./build-util";

package/es/ele-pro-form-builder/components/tool-button.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, createSlots, withCtx, renderSlot } from "vue";
+import { defineComponent, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, renderSlot } from "vue";
 import { ElButton } from "element-plus";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "ToolButton" },

package/es/ele-pro-form-builder/components/type-edit.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, withCtx, createVNode } from "vue";
+import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode } from "vue";
 import { ElButton, ElIcon } from "element-plus";
 import { ArrowDown } from "../../icons/index";
 import ComponentName from "./component-name";

package/es/ele-pro-form-builder/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, useModel, ref, reactive, watch, onBeforeUnmount, createBlock, openBlock, mergeProps, withCtx, createVNode, createElementVNode, unref, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, useModel, ref, reactive, watch, onBeforeUnmount, openBlock, createBlock, mergeProps, withCtx, createVNode, createElementVNode, unref, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { findTree, eachTree, omit } from "../utils/common";
 import { useMobile, useMobileDevice } from "../utils/hook";
 import { setValue } from "../ele-pro-form/util";

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>;
@@ -186,6 +187,8 @@ 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, {
     tabContextMenu: (_option: TabItemEventOption) => void;
@@ -193,7 +196,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     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;
@@ -375,6 +379,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 +399,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;