@deppon/deppon-template 2.5.4 → 2.5.6

package/es/index.d.ts

@@ -3,5 +3,24 @@ export { default as ProForm } from './pro-form';
 export { default as ProTable } from './pro-table';
 export { default as ProLayout } from './pro-layout';
 export { default as ProDialog } from './pro-dialog';
-export { ProIframe, ProIframeRouteView, createIframeRoute, buildIframeRouteLocation, resolveIframeSrcFromRoute, appendQueryToUrl, isIframeRoute, decodeIframeUrlValue, applyIframeUrlTemplate, resolveDynamicIframeBaseUrl, PRO_IFRAME_URL_QUERY_KEYS, PRO_IFRAME_URL_RESERVED_QUERY_KEYS, isInIframeEmbed, } from './pro-iframe';
-export type { ProIframeRouteMeta, ProIframeProps, CreateIframeRouteOptions, BuildIframeRouteLocationOptions, } from './pro-iframe';
+export {
+    ProIframe,
+    ProIframeRouteView,
+    createIframeRoute,
+    buildIframeRouteLocation,
+    resolveIframeSrcFromRoute,
+    appendQueryToUrl,
+    isIframeRoute,
+    decodeIframeUrlValue,
+    applyIframeUrlTemplate,
+    resolveDynamicIframeBaseUrl,
+    PRO_IFRAME_URL_QUERY_KEYS,
+    PRO_IFRAME_URL_RESERVED_QUERY_KEYS,
+    isInIframeEmbed,
+} from './pro-iframe';
+export type {
+    ProIframeRouteMeta,
+    ProIframeProps,
+    CreateIframeRouteOptions,
+    BuildIframeRouteLocationOptions,
+} from './pro-iframe';

package/es/pro-field/index.d.ts

@@ -1,4 +1,6 @@
-export { default as ProField } from './ProField';
-export { default as ProFieldText } from './components/Text/index';
-export { default as ProFieldSelect } from './components/Select/index';
-export { default as ProFieldDatePicker } from './components/DatePicker/index';
+import type { DefineComponent } from 'vue';
+
+export declare const ProField: DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown>;
+export declare const ProFieldText: DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown>;
+export declare const ProFieldSelect: DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown>;
+export declare const ProFieldDatePicker: DefineComponent<Record<string, unknown>, Record<string, unknown>, unknown>;

package/es/pro-iframe/ProIframe.vue.css

@@ -7,12 +7,14 @@
   background: var(--el-bg-color, #fff);
 }
 .pro-iframe--full {
+  flex: 1;
   height: 100%;
   min-height: 0;
 }
 .pro-iframe__toolbar {
   flex-shrink: 0;
-  padding: 8px 12px;
+  padding: 6px 12px;
+  background: var(--el-fill-color-blank, #fff);
   border-bottom: 1px solid var(--el-border-color-lighter, #ebeef5);
 }
 .pro-iframe__body {

package/es/pro-iframe/ProIframe.vue_vue_type_script_setup_true_lang.vue.js

@@ -6,6 +6,7 @@ import { useRoute } from '@deppon/deppon-router';
 import { ElEmpty, ElButton } from '@deppon/deppon-ui';
 import { initIframeStyleFix } from '@deppon/deppon-utils';
 import { appendQueryToUrl, PRO_IFRAME_URL_RESERVED_QUERY_KEYS } from './resolveIframeSrc.js';
+import { installIframeHostBridge } from './iframeHostBridge.js';
 
 var _hoisted_1 = {
   key: 0,
@@ -95,6 +96,16 @@ var script = {
     loadTimeout: {
       type: Number,
       "default": 30000
+    },
+    /** 壳层路由 fullPath，用于同源子页通过 deppon-router 关闭/新开 ProLayout 页签 */
+    shellTabKey: {
+      type: String,
+      "default": ''
+    },
+    /** iframe load 后向同源子页注入 __DEPPON_IFRAME_HOST__（对齐 Ext viewTab 宿主） */
+    bridgeRouterTab: {
+      type: Boolean,
+      "default": true
     }
   },
   emits: ['load', 'error', 'src-change'],
@@ -179,10 +190,17 @@ var script = {
     }, {
       immediate: true
     });
+    function syncIframeHostBridge() {
+      if (!props.bridgeRouterTab || !props.shellTabKey || !iframeRef.value) {
+        return;
+      }
+      installIframeHostBridge(iframeRef.value.contentWindow, props.shellTabKey);
+    }
     function handleLoad() {
       clearLoadTimeout();
       frameLoading.value = false;
       loadError.value = false;
+      syncIframeHostBridge();
       emit('load', iframeRef.value);
     }
     function handleError() {
@@ -197,6 +215,34 @@ var script = {
       scheduleLoadTimeout();
       reloadToken.value += 1;
     }
+    function getIframeWindow() {
+      try {
+        var _iframeRef$value$cont, _iframeRef$value;
+        return (_iframeRef$value$cont = (_iframeRef$value = iframeRef.value) === null || _iframeRef$value === void 0 ? void 0 : _iframeRef$value.contentWindow) !== null && _iframeRef$value$cont !== void 0 ? _iframeRef$value$cont : null;
+      } catch (_unused) {
+        return null;
+      }
+    }
+
+    /** 后退（跨域时由浏览器执行，可能无历史记录则无效果） */
+    function goBack() {
+      try {
+        var _getIframeWindow;
+        (_getIframeWindow = getIframeWindow()) === null || _getIframeWindow === void 0 || _getIframeWindow.history.back();
+      } catch (_unused2) {
+        /* cross-origin */
+      }
+    }
+
+    /** 前进 */
+    function goForward() {
+      try {
+        var _getIframeWindow2;
+        (_getIframeWindow2 = getIframeWindow()) === null || _getIframeWindow2 === void 0 || _getIframeWindow2.history.forward();
+      } catch (_unused3) {
+        /* cross-origin */
+      }
+    }
     onMounted(function () {
       if (props.fixParentStyle) {
         initIframeStyleFix();
@@ -207,6 +253,8 @@ var script = {
     });
     __expose({
       reload: reload,
+      goBack: goBack,
+      goForward: goForward,
       iframeRef: iframeRef,
       effectiveSrc: effectiveSrc
     });
@@ -217,7 +265,9 @@ var script = {
         }])
       }, [_ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "toolbar", {
         reload: reload,
-        src: effectiveSrc.value
+        src: effectiveSrc.value,
+        goBack: goBack,
+        goForward: goForward
       })])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_2, [effectiveSrc.value ? (openBlock(), createElementBlock("iframe", {
         key: effectiveSrc.value,
         ref_key: "iframeRef",

package/es/pro-iframe/ProIframeDefaultToolbar.vue.css

@@ -0,0 +1,69 @@
+.pro-iframe-default-toolbar {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+  min-height: 36px;
+}
+.pro-iframe-default-toolbar__nav {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  gap: 2px;
+  padding: 3px 4px;
+  background: var(--el-fill-color-light, #f5f7fa);
+  border: 1px solid var(--el-border-color-lighter, #ebeef5);
+  border-radius: 8px;
+}
+.pro-iframe-default-toolbar__divider {
+  flex-shrink: 0;
+  width: 1px;
+  height: 18px;
+  margin: 0 2px;
+  background: var(--el-border-color-lighter, #e4e7ed);
+}
+.pro-iframe-default-toolbar__btn {
+  width: 28px !important;
+  height: 28px !important;
+  padding: 0 !important;
+  color: var(--el-text-color-regular, #606266) !important;
+}
+.pro-iframe-default-toolbar__btn:hover {
+  color: var(--el-color-primary, #409eff) !important;
+  background: var(--el-fill-color, #f0f2f5) !important;
+}
+.pro-iframe-default-toolbar__info {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: center;
+  gap: 2px;
+  min-width: 0;
+  padding: 2px 8px;
+  background: var(--el-fill-color-lighter, #fafafa);
+  border: 1px solid var(--el-border-color-extra-light, #f2f3f5);
+  border-radius: 6px;
+}
+.pro-iframe-default-toolbar__title {
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 1.3;
+  color: var(--el-text-color-primary, #303133);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.pro-iframe-default-toolbar__url {
+  font-size: 12px;
+  line-height: 1.3;
+  color: var(--el-text-color-secondary, #909399);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.pro-iframe-default-toolbar__extra {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+}

package/es/pro-iframe/ProIframeDefaultToolbar.vue.js

@@ -0,0 +1,7 @@
+import '../_virtual/_rollup-plugin-inject-process-env.js';
+import script from './ProIframeDefaultToolbar.vue_vue_type_script_setup_true_lang.vue.js';
+export { default } from './ProIframeDefaultToolbar.vue_vue_type_script_setup_true_lang.vue.js';
+import './ProIframeDefaultToolbar.vue_vue_type_style_index_0_id_0c49bbb7_scoped_true_lang.vue.js';
+
+script.__scopeId = "data-v-0c49bbb7";
+script.__file = "packages/deppon-template/src/pro-iframe/ProIframeDefaultToolbar.vue";

package/es/pro-iframe/ProIframeDefaultToolbar.vue_vue_type_script_setup_true_lang.vue.js

@@ -0,0 +1,157 @@
+import '../_virtual/_rollup-plugin-inject-process-env.js';
+import { markRaw, computed, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, toDisplayString, createCommentVNode, createBlock } from 'vue';
+import { ElTooltip, ElButton } from '@deppon/deppon-ui';
+import { ArrowLeft, ArrowRight, RefreshRight, Link } from '@deppon/deppon-ui/icons-vue';
+
+var _hoisted_1 = {
+  "class": "pro-iframe-default-toolbar"
+};
+var _hoisted_2 = {
+  "class": "pro-iframe-default-toolbar__nav"
+};
+var _hoisted_3 = {
+  "class": "pro-iframe-default-toolbar__info"
+};
+var _hoisted_4 = {
+  key: 0,
+  "class": "pro-iframe-default-toolbar__title"
+};
+var _hoisted_5 = ["title"];
+var _hoisted_6 = {
+  "class": "pro-iframe-default-toolbar__extra"
+};
+var script = {
+  __name: 'ProIframeDefaultToolbar',
+  props: {
+    title: {
+      type: String,
+      "default": ''
+    },
+    src: {
+      type: String,
+      "default": ''
+    },
+    reload: {
+      type: Function,
+      "default": null
+    },
+    goBack: {
+      type: Function,
+      "default": null
+    },
+    goForward: {
+      type: Function,
+      "default": null
+    }
+  },
+  setup: function setup(__props) {
+    var ArrowLeftIcon = markRaw(ArrowLeft);
+    var ArrowRightIcon = markRaw(ArrowRight);
+    var RefreshIcon = markRaw(RefreshRight);
+    var LinkIcon = markRaw(Link);
+    var props = __props;
+    var displayUrl = computed(function () {
+      var raw = (props.src || '').trim();
+      if (!raw) return '';
+      try {
+        var parsed = new URL(raw);
+        var path = "".concat(parsed.pathname).concat(parsed.search).concat(parsed.hash);
+        return path || parsed.host;
+      } catch (_unused) {
+        return raw;
+      }
+    });
+    function handleReload() {
+      if (typeof props.reload === 'function') {
+        props.reload();
+      }
+    }
+    function handleGoBack() {
+      if (typeof props.goBack === 'function') {
+        props.goBack();
+      }
+    }
+    function handleGoForward() {
+      if (typeof props.goForward === 'function') {
+        props.goForward();
+      }
+    }
+    function handleOpen() {
+      if (!props.src || typeof window === 'undefined') return;
+      window.open(props.src, '_blank', 'noopener,noreferrer');
+    }
+    return function (_ctx, _cache) {
+      return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(unref(ElTooltip), {
+        content: "后退",
+        placement: "bottom"
+      }, {
+        "default": withCtx(function () {
+          return [createVNode(unref(ElButton), {
+            text: "",
+            circle: "",
+            size: "small",
+            "class": "pro-iframe-default-toolbar__btn",
+            icon: unref(ArrowLeftIcon),
+            onClick: handleGoBack
+          }, null, 8 /* PROPS */, ["icon"])];
+        }),
+        _: 1 /* STABLE */
+      }), createVNode(unref(ElTooltip), {
+        content: "前进",
+        placement: "bottom"
+      }, {
+        "default": withCtx(function () {
+          return [createVNode(unref(ElButton), {
+            text: "",
+            circle: "",
+            size: "small",
+            "class": "pro-iframe-default-toolbar__btn",
+            icon: unref(ArrowRightIcon),
+            onClick: handleGoForward
+          }, null, 8 /* PROPS */, ["icon"])];
+        }),
+        _: 1 /* STABLE */
+      }), _cache[0] || (_cache[0] = createElementVNode("span", {
+        "class": "pro-iframe-default-toolbar__divider",
+        "aria-hidden": "true"
+      }, null, -1 /* CACHED */)), createVNode(unref(ElTooltip), {
+        content: "刷新",
+        placement: "bottom"
+      }, {
+        "default": withCtx(function () {
+          return [createVNode(unref(ElButton), {
+            text: "",
+            circle: "",
+            size: "small",
+            "class": "pro-iframe-default-toolbar__btn",
+            icon: unref(RefreshIcon),
+            onClick: handleReload
+          }, null, 8 /* PROPS */, ["icon"])];
+        }),
+        _: 1 /* STABLE */
+      })]), createElementVNode("div", _hoisted_3, [__props.title ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.title), 1 /* TEXT */)) : createCommentVNode("v-if", true), displayUrl.value ? (openBlock(), createElementBlock("span", {
+        key: 1,
+        "class": "pro-iframe-default-toolbar__url",
+        title: displayUrl.value
+      }, toDisplayString(displayUrl.value), 9 /* TEXT, PROPS */, _hoisted_5)) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_6, [__props.src ? (openBlock(), createBlock(unref(ElTooltip), {
+        key: 0,
+        content: "新窗口打开",
+        placement: "bottom"
+      }, {
+        "default": withCtx(function () {
+          return [createVNode(unref(ElButton), {
+            text: "",
+            circle: "",
+            size: "small",
+            "class": "pro-iframe-default-toolbar__btn",
+            icon: unref(LinkIcon),
+            onClick: handleOpen
+          }, null, 8 /* PROPS */, ["icon"])];
+        }),
+        _: 1 /* STABLE */
+      })) : createCommentVNode("v-if", true)])]);
+    };
+  }
+};
+
+export { script as default };

package/es/pro-iframe/ProIframeDefaultToolbar.vue_vue_type_style_index_0_id_0c49bbb7_scoped_true_lang.vue.js

@@ -0,0 +1 @@
+import './ProIframeDefaultToolbar.vue.css';

package/es/pro-iframe/ProIframeRouteView.vue.css

@@ -0,0 +1,13 @@
+.pro-iframe-route-view {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  box-sizing: border-box;
+}
+.pro-iframe-route-view .pro-iframe {
+  flex: 1;
+  min-height: 0;
+  height: 100%;
+}

package/es/pro-iframe/ProIframeRouteView.vue.js

@@ -1,5 +1,7 @@
 import '../_virtual/_rollup-plugin-inject-process-env.js';
 import script from './ProIframeRouteView.vue_vue_type_script_setup_true_lang.vue.js';
 export { default } from './ProIframeRouteView.vue_vue_type_script_setup_true_lang.vue.js';
+import './ProIframeRouteView.vue_vue_type_style_index_0_id_d2b52e3e_scoped_true_lang.vue.js';
 
+script.__scopeId = "data-v-d2b52e3e";
 script.__file = "packages/deppon-template/src/pro-iframe/ProIframeRouteView.vue";

package/es/pro-iframe/ProIframeRouteView.vue_vue_type_script_setup_true_lang.vue.js

@@ -1,18 +1,29 @@
 import '../_virtual/_rollup-plugin-inject-process-env.js';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _typeof from '@babel/runtime/helpers/typeof';
-import { computed, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import { computed, openBlock, createElementBlock, createBlock, mergeProps, unref, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode } from 'vue';
 import { useRoute } from '@deppon/deppon-router';
 import './ProIframe.vue.js';
+import './ProIframeDefaultToolbar.vue.js';
 import { resolveIframeSrcFromRoute } from './resolveIframeSrc.js';
+import script$2 from './ProIframeDefaultToolbar.vue_vue_type_script_setup_true_lang.vue.js';
 import script$1 from './ProIframe.vue_vue_type_script_setup_true_lang.vue.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _hoisted_1 = {
+  "class": "pro-iframe-route-view"
+};
 var script = {
   __name: 'ProIframeRouteView',
   setup: function setup(__props) {
     var route = useRoute();
+
+    /** 仅 meta.iframeToolbar === true 时展示内置 toolbar */
+    var showToolbar = computed(function () {
+      var _route$meta;
+      return ((_route$meta = route.meta) === null || _route$meta === void 0 ? void 0 : _route$meta.iframeToolbar) === true;
+    });
     var resolvedSrc = computed(function () {
       return resolveIframeSrcFromRoute(route);
     });
@@ -28,8 +39,8 @@ var script = {
       return q && String(q) || meta.title || meta.iframeTitle || '';
     });
     var fixParentStyle = computed(function () {
-      var _route$meta;
-      return Boolean((_route$meta = route.meta) === null || _route$meta === void 0 ? void 0 : _route$meta.iframeFixParentStyle);
+      var _route$meta2;
+      return Boolean((_route$meta2 = route.meta) === null || _route$meta2 === void 0 ? void 0 : _route$meta2.iframeFixParentStyle);
     });
     var iframeBindProps = computed(function () {
       var meta = route.meta || {};
@@ -44,19 +55,24 @@ var script = {
       }, extra);
     });
     return function (_ctx, _cache) {
-      return openBlock(), createBlock(script$1, mergeProps({
+      return openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(), createBlock(script$1, mergeProps({
         key: resolvedSrc.value,
         src: resolvedSrc.value,
         name: iframeName.value,
         title: iframeTitle.value,
+        "shell-tab-key": unref(route).fullPath,
         "append-route-query": false,
         "fix-parent-style": fixParentStyle.value
       }, iframeBindProps.value), createSlots({
         _: 2 /* DYNAMIC */
-      }, [_ctx.$slots.toolbar ? {
+      }, [showToolbar.value ? {
         name: "toolbar",
         fn: withCtx(function (slotProps) {
-          return [renderSlot(_ctx.$slots, "toolbar", normalizeProps(guardReactiveProps(slotProps)))];
+          return [renderSlot(_ctx.$slots, "toolbar", normalizeProps(guardReactiveProps(slotProps)), function () {
+            return [createVNode(script$2, mergeProps(slotProps, {
+              title: iframeTitle.value
+            }), null, 16 /* FULL_PROPS */, ["title"])];
+          })];
         }),
         key: "0"
       } : undefined, _ctx.$slots.loading ? {
@@ -77,7 +93,7 @@ var script = {
           return [renderSlot(_ctx.$slots, "empty")];
         }),
         key: "3"
-      } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["src", "name", "title", "fix-parent-style"]);
+      } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["src", "name", "title", "shell-tab-key", "fix-parent-style"]))]);
     };
   }
 };

package/es/pro-iframe/ProIframeRouteView.vue_vue_type_style_index_0_id_d2b52e3e_scoped_true_lang.vue.js

@@ -0,0 +1 @@
+import './ProIframeRouteView.vue.css';

package/es/pro-iframe/createIframeRoute.js

@@ -1,6 +1,8 @@
 import '../_virtual/_rollup-plugin-inject-process-env.js';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './ProIframeRouteView.vue.js';
+import script from './ProIframeRouteView.vue.js';
+
+
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**

package/es/pro-iframe/iframeHostBridge.d.ts

@@ -0,0 +1,15 @@
+import { type DepponProLayoutTabBridge, type DepponProLayoutTabBridgeOpenOptions } from '../pro-layout/pro-layout-tab-bridge';
+export declare const DEPPON_IFRAME_HOST_KEY = "__DEPPON_IFRAME_HOST__";
+export interface DepponIframeHostBridge {
+    /** 壳层路由 fullPath（ProLayout 页签 key） */
+    shellFullPath: string;
+    layoutTabBridge?: DepponProLayoutTabBridge;
+    closeTab: (url?: string) => boolean;
+    openTab: (location: unknown, options?: DepponProLayoutTabBridgeOpenOptions) => unknown;
+    activateTab?: (location: unknown) => unknown;
+}
+/**
+ * 在同源 iframe 子页注入宿主桥接，使子页 deppon-router 可关闭/新开壳层页签。
+ */
+export declare function installIframeHostBridge(contentWindow: Window, shellFullPath: string, parentWin?: Window): boolean;
+export declare function getIframeHostBridge(win?: Window): DepponIframeHostBridge | null;

package/es/pro-iframe/iframeHostBridge.js

@@ -0,0 +1,49 @@
+import '../_virtual/_rollup-plugin-inject-process-env.js';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { DEPPON_PRO_LAYOUT_TAB_BRIDGE_KEY } from '../pro-layout/pro-layout-tab-bridge.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DEPPON_IFRAME_HOST_KEY = '__DEPPON_IFRAME_HOST__';
+/**
+ * 在同源 iframe 子页注入宿主桥接，使子页 deppon-router 可关闭/新开壳层页签。
+ */
+function installIframeHostBridge(contentWindow, shellFullPath) {
+  var parentWin = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : window;
+  if (!contentWindow || contentWindow === parentWin) {
+    return false;
+  }
+  try {
+    var layoutTabBridge = parentWin[DEPPON_PRO_LAYOUT_TAB_BRIDGE_KEY];
+    var host = _objectSpread(_objectSpread({
+      shellFullPath: shellFullPath
+    }, layoutTabBridge ? {
+      layoutTabBridge: layoutTabBridge
+    } : {}), {}, {
+      closeTab: function closeTab(url) {
+        if (layoutTabBridge !== null && layoutTabBridge !== void 0 && layoutTabBridge.closeTab) {
+          return layoutTabBridge.closeTab(url || shellFullPath);
+        }
+        return false;
+      },
+      openTab: function openTab(location, options) {
+        if (layoutTabBridge !== null && layoutTabBridge !== void 0 && layoutTabBridge.openTab) {
+          return layoutTabBridge.openTab(location, options);
+        }
+        return false;
+      },
+      activateTab: function activateTab(location) {
+        if (layoutTabBridge !== null && layoutTabBridge !== void 0 && layoutTabBridge.activateTab) {
+          return layoutTabBridge.activateTab(location);
+        }
+        return false;
+      }
+    });
+    contentWindow[DEPPON_IFRAME_HOST_KEY] = host;
+    return true;
+  } catch (_unused) {
+    return false;
+  }
+}
+
+export { DEPPON_IFRAME_HOST_KEY, installIframeHostBridge };

package/es/pro-iframe/index.d.ts

@@ -21,7 +21,6 @@ export {
 export { buildIframeRouteLocation } from './buildIframeRouteLocation';
 export { isInIframeEmbed } from './isInIframeEmbed';
 export { createIframeRoute } from './createIframeRoute';
-export function isInIframeEmbed(): boolean;
 export type { ProIframeRouteMeta, ProIframeProps, CreateIframeRouteOptions, BuildIframeRouteLocationOptions };
 
 export function resolveIframeSrcFromRoute(route: RouteLocationNormalizedLoaded): string;

package/es/pro-iframe/resolveIframeSrc.d.ts

@@ -7,6 +7,8 @@ export declare const PRO_IFRAME_URL_PARAM_KEYS: readonly ["iframeUrl", "url", "l
 export declare const PRO_IFRAME_URL_RESERVED_QUERY_KEYS: readonly ["iframeUrl", "url", "link", "src", "title", "iframeTitle"];
 /** 解码路由上的 url（支持 encodeURIComponent 后的完整地址） */
 export declare function decodeIframeUrlValue(value: string): string;
+/** 写入路由 query.url 时编码，避免内嵌地址中的 &/? 被 Vue Router 拆成多个 query */
+export declare function encodeIframeUrlForQuery(value: string): string;
 /** 将 query 对象合并进 URL（覆盖同名 search 参数） */
 export declare function appendQueryToUrl(url: string, query: Record<string, string>): string;
 /** 将 meta.iframeUrl 中的 :param / :queryKey 占位替换为路由 params、query */

package/es/pro-iframe/resolveIframeSrc.js

@@ -62,7 +62,7 @@ function appendQueryToUrl(url, query) {
       return "".concat(parsed.pathname).concat(parsed.search).concat(parsed.hash);
     }
     return parsed.toString();
-  } catch (_unused2) {
+  } catch (_unused3) {
     var separator = url.includes('?') ? '&' : '?';
     var qs = Object.entries(query).map(function (_ref3) {
       var _ref4 = _slicedToArray(_ref3, 2),

package/es/pro-iframe/types.d.ts

@@ -39,6 +39,8 @@ export interface ProIframeRouteMeta {
     iframeLazy?: boolean;
     iframeFull?: boolean;
     iframeFixParentStyle?: boolean;
+    /** ProIframeRouteView 是否展示默认 toolbar（刷新、新窗口打开）；默认 false，传 true 开启 */
+    iframeToolbar?: boolean;
     iframeProps?: Record<string, unknown>;
 }
 export interface ProIframeProps {

package/es/pro-layout/ProLayout.vue.css

@@ -1402,6 +1402,11 @@ body .el-overlay-dialog,
 .pro-layout__sider .pro-layout__menu-group .el-menu.el-menu--vertical .el-sub-menu__title::after {
   display: none !important;
 }
+.pro-layout__sider .pro-layout__menu .el-menu {
+  /* 较 EP 默认(20+20*level)略收窄，一级约 16px、二级约 30px，兼顾层级与侧栏宽度 */
+  --el-menu-base-level-padding: 16px;
+  --el-menu-level-padding: 14px;
+}
 .pro-layout__sider .el-menu-item,
 .pro-layout__sider .el-sub-menu__title {
   height: 44px !important;
@@ -1426,7 +1431,8 @@ body .el-overlay-dialog,
   min-height: 40px !important;
   height: 40px !important;
   line-height: 40px !important;
-  margin: 2px 8px 2px 12px !important;
+  margin: 2px calc(8px + var(--pro-el-scrollbar-width, 9px)) 2px 10px !important;
+  padding-right: 12px !important;
   border-radius: 8px !important;
 }
 .pro-layout__sider .el-sub-menu.is-active > .el-sub-menu__title {
@@ -2618,6 +2624,14 @@ body .el-overlay-dialog,
   overflow-y: auto;
   overflow-x: hidden;
 }
+.pro-layout__content--iframe {
+  overflow: hidden !important;
+}
+.pro-layout__content--iframe > * {
+  height: 100% !important;
+  min-height: 0 !important;
+  overflow: hidden !important;
+}
 .pro-layout__footer {
   flex-shrink: 0;
   background-color: var(--el-bg-color, #ffffff) !important;

package/es/pro-layout/ProLayout.vue_vue_type_script_setup_true_lang.vue.js

@@ -3,11 +3,13 @@ import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _typeof from '@babel/runtime/helpers/typeof';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useSlots, ref, computed, provide, watch, markRaw, onMounted, onUnmounted, nextTick, openBlock, createBlock, unref, normalizeClass, normalizeStyle, withCtx, createElementVNode, createElementBlock, renderSlot, createCommentVNode, createTextVNode, toDisplayString, createVNode, Fragment, renderList, withModifiers, resolveDynamicComponent, withDirectives, mergeProps, vShow, createSlots } from 'vue';
+import { useSlots, computed, ref, provide, watch, markRaw, onMounted, onUnmounted, nextTick, openBlock, createBlock, unref, normalizeClass, normalizeStyle, withCtx, createElementVNode, createElementBlock, renderSlot, createCommentVNode, createTextVNode, toDisplayString, createVNode, Fragment, renderList, withModifiers, resolveDynamicComponent, withDirectives, mergeProps, vShow, createSlots } from 'vue';
 import { useRouter, useRoute } from '@deppon/deppon-router';
 import { ElContainer, ElHeader, ElMenu, ElMenuItem, ElIcon, ElBadge, ElSubMenu, ElInput, ElButton, ElAside, ElScrollbar, ElTooltip, ElMain, ElFooter, ElMessage } from '@deppon/deppon-ui';
 import { Search, Service, Bell, Close, House, Expand, Fold, ArrowRight, ArrowLeft } from '@deppon/deppon-ui/icons-vue';
 import { isMobile as _isMobile } from '../utils/other.js';
+import { isIframeRoute } from '../pro-iframe/resolveIframeSrc.js';
+import { DEPPON_PRO_LAYOUT_TAB_BRIDGE_KEY, normalizeTabMatchUrl } from './pro-layout-tab-bridge.js';
 import './ProLayoutColumnsAside.vue.js';
 import './ProLayoutSettingsFab.vue.js';
 import './ProLayoutSettingsDrawer.vue.js';
@@ -404,6 +406,13 @@ var script = {
     var slots = useSlots();
     var router = useRouter();
     var route = useRoute();
+
+    /** 当前内容区是否为 iframe 路由（需占满高度，避免内嵌页 toolbar 被裁切） */
+    var isIframeContentRoute = computed(function () {
+      var _route$matched;
+      var matched = (_route$matched = route.matched) === null || _route$matched === void 0 ? void 0 : _route$matched[route.matched.length - 1];
+      return isIframeRoute((matched === null || matched === void 0 ? void 0 : matched.meta) || route.meta);
+    });
     var props = __props;
     var emit = __emit;
     var localCollapsed = ref(props.collapsed);
@@ -692,8 +701,105 @@ var script = {
         visitedTags.value.unshift(homeTag);
       }
     };
+    /** iframe 路由用 fullPath 区分页签（同 path 不同 url query 须新开页签） */
+    var getRouteTagKey = function getRouteTagKey(route) {
+      var _route$matched2;
+      var meta = route.meta || ((_route$matched2 = route.matched) === null || _route$matched2 === void 0 || (_route$matched2 = _route$matched2[route.matched.length - 1]) === null || _route$matched2 === void 0 ? void 0 : _route$matched2.meta);
+      if (isIframeRoute(meta)) {
+        return route.fullPath;
+      }
+      return route.path;
+    };
+    var getRouteTagKeyFromResolved = function getRouteTagKeyFromResolved(resolved) {
+      var _resolved$matched;
+      var matched = (_resolved$matched = resolved.matched) === null || _resolved$matched === void 0 ? void 0 : _resolved$matched[resolved.matched.length - 1];
+      var meta = (matched === null || matched === void 0 ? void 0 : matched.meta) || resolved.meta;
+      if (isIframeRoute(meta)) {
+        return resolved.fullPath;
+      }
+      return resolved.path;
+    };
+    var getRouteTitleFromResolved = function getRouteTitleFromResolved(resolved, optionsTitle) {
+      var _resolved$query, _resolved$query2, _resolved$matched2;
+      if (optionsTitle) return optionsTitle;
+      var qTitle = ((_resolved$query = resolved.query) === null || _resolved$query === void 0 ? void 0 : _resolved$query.title) || ((_resolved$query2 = resolved.query) === null || _resolved$query2 === void 0 ? void 0 : _resolved$query2.iframeTitle);
+      var q = Array.isArray(qTitle) ? qTitle[0] : qTitle;
+      if (q) return String(q);
+      var matched = (_resolved$matched2 = resolved.matched) === null || _resolved$matched2 === void 0 ? void 0 : _resolved$matched2[resolved.matched.length - 1];
+      var meta = (matched === null || matched === void 0 ? void 0 : matched.meta) || resolved.meta;
+      if (meta !== null && meta !== void 0 && meta.title) return meta.title;
+      var menuTitle = _findMenuTitle(resolved.path);
+      if (menuTitle) return menuTitle;
+      return resolved.name || resolved.path;
+    };
+    /** 重复导航时 replace，确保可切换到已打开的页签 */
+    var pushRouteLocation = function pushRouteLocation(target) {
+      var rawPush = router.__depponOriginalPush || function (loc) {
+        return router.push(loc);
+      };
+      return rawPush(target)["catch"](function (err) {
+        if ((err === null || err === void 0 ? void 0 : err.name) === 'NavigationDuplicated') {
+          var rawReplace = router.__depponOriginalReplace || function (loc) {
+            return router.replace(loc);
+          };
+          return rawReplace(target);
+        }
+        throw err;
+      });
+    };
+    var findTagByLocation = function findTagByLocation(location) {
+      if (!location) return null;
+      try {
+        var resolved = router.resolve(location);
+        var key = getRouteTagKeyFromResolved(resolved);
+        return visitedTags.value.find(function (t) {
+          return t.path === key;
+        }) || null;
+      } catch (_unused) {
+        return null;
+      }
+    };
+    var openLayoutTab = function openLayoutTab(location, options) {
+      if (!location) return Promise.resolve();
+      var target = location;
+      if (_typeof(location) === 'object' && options !== null && options !== void 0 && options.title) {
+        var q = _objectSpread({}, location.query || {});
+        if (!q.title) q.title = options.title;
+        target = _objectSpread(_objectSpread({}, location), {}, {
+          query: q
+        });
+      }
+      var resolved = router.resolve(target);
+      var key = getRouteTagKeyFromResolved(resolved);
+      var title = getRouteTitleFromResolved(resolved, options === null || options === void 0 ? void 0 : options.title);
+      var existingTag = visitedTags.value.find(function (tag) {
+        return tag.path === key;
+      });
+      var dest = resolved.fullPath || resolved.path;
+      if (existingTag) {
+        existingTag.title = title;
+        existingTag.fullPath = dest;
+        currentPath.value = key;
+        return pushRouteLocation(dest);
+      }
+      return pushRouteLocation(target);
+    };
+    var activateLayoutTab = function activateLayoutTab(location) {
+      var existing = findTagByLocation(location);
+      if (!existing) return Promise.resolve(false);
+      currentPath.value = existing.path;
+      return pushRouteLocation(existing.fullPath || existing.path).then(function () {
+        return true;
+      });
+    };
     var getRouteTitle = function getRouteTitle(route) {
       var _route$meta;
+      if (isIframeRoute(route.meta)) {
+        var _route$query, _route$query2;
+        var fromQuery = ((_route$query = route.query) === null || _route$query === void 0 ? void 0 : _route$query.title) || ((_route$query2 = route.query) === null || _route$query2 === void 0 ? void 0 : _route$query2.iframeTitle);
+        var q = Array.isArray(fromQuery) ? fromQuery[0] : fromQuery;
+        if (q) return String(q);
+      }
       if ((_route$meta = route.meta) !== null && _route$meta !== void 0 && _route$meta.title) {
         return route.meta.title;
       }
@@ -704,19 +810,22 @@ var script = {
       return route.name || route.path;
     };
     var addTag = function addTag(route) {
-      var path = route.path;
+      var key = getRouteTagKey(route);
       var title = getRouteTitle(route);
       var existingTag = visitedTags.value.find(function (tag) {
-        return tag.path === path;
+        return tag.path === key;
       });
-      if (!existingTag) {
+      if (existingTag) {
+        existingTag.title = title;
+        existingTag.fullPath = route.fullPath;
+      } else {
         visitedTags.value.push({
-          path: path,
+          path: key,
           title: title,
           fullPath: route.fullPath
         });
       }
-      currentPath.value = path;
+      currentPath.value = key;
     };
     var removeTag = function removeTag(tag) {
       if (tag.path === tagsViewHomePath.value) {
@@ -737,9 +846,38 @@ var script = {
         }
       }
     };
+    var findTagByCloseUrl = function findTagByCloseUrl(url) {
+      if (!url) {
+        return visitedTags.value.find(function (t) {
+          return t.path === getRouteTagKey(route);
+        });
+      }
+      var normalized = normalizeTabMatchUrl(url);
+      var href = typeof window !== 'undefined' ? normalizeTabMatchUrl(window.location.href) : '';
+      return visitedTags.value.find(function (tag) {
+        var tagKey = tag.path;
+        var tagFull = tag.fullPath ? normalizeTabMatchUrl(tag.fullPath) : '';
+        if (tagKey === url || tagKey === normalized) return true;
+        if (tagFull && (tagFull === normalized || tagFull === url)) return true;
+        if (href && (tagFull === href || tagKey === href)) return true;
+        return false;
+      });
+    };
+    var closeLayoutTab = function closeLayoutTab(url) {
+      if (!showTagsViewResolved.value) {
+        return false;
+      }
+      var tag = findTagByCloseUrl(url);
+      if (tag) {
+        removeTag(tag);
+        return true;
+      }
+      return false;
+    };
     var handleTagClick = function handleTagClick(tag) {
       if (tag.path !== currentPath.value) {
-        router.push(tag.fullPath || tag.path);
+        currentPath.value = tag.path;
+        pushRouteLocation(tag.fullPath || tag.path);
       }
     };
     var handleTagMenuSelect = function handleTagMenuSelect(index) {
@@ -758,15 +896,29 @@ var script = {
       emit('tag-close', tag);
     };
     watch(function () {
-      return route.path;
-    }, function (newPath) {
-      if (showTagsViewResolved.value && newPath) {
+      return getRouteTagKey(route);
+    }, function (newKey) {
+      if (showTagsViewResolved.value && newKey) {
         addTag(route);
         ensureAffixHomeTag();
       }
     }, {
       immediate: true
     });
+    var layoutTabBridge = {
+      isTagsViewEnabled: function isTagsViewEnabled() {
+        return showTagsViewResolved.value;
+      },
+      openTab: function openTab(location, options) {
+        return openLayoutTab(location, options);
+      },
+      activateTab: function activateTab(location) {
+        return activateLayoutTab(location);
+      },
+      closeTab: function closeTab(url) {
+        return closeLayoutTab(url);
+      }
+    };
     var SearchIcon = markRaw(Search);
     var PhoneIcon = markRaw(Service);
     var BellIcon = markRaw(Bell);
@@ -895,6 +1047,9 @@ var script = {
       nextTick(checkAllMenuTitleOverflow);
     };
     onMounted(function () {
+      if (typeof window !== 'undefined') {
+        window[DEPPON_PRO_LAYOUT_TAB_BRIDGE_KEY] = layoutTabBridge;
+      }
       if (themeConfigState.value.isCollapse !== undefined) {
         collapsed.value = themeConfigState.value.isCollapse;
       }
@@ -919,6 +1074,9 @@ var script = {
       }
     });
     onUnmounted(function () {
+      if (typeof window !== 'undefined' && window[DEPPON_PRO_LAYOUT_TAB_BRIDGE_KEY] === layoutTabBridge) {
+        delete window[DEPPON_PRO_LAYOUT_TAB_BRIDGE_KEY];
+      }
       window.removeEventListener('resize', handleMenuTitleResize);
       if (props.responsive) {
         window.removeEventListener('resize', checkMobile);
@@ -1847,13 +2005,15 @@ var script = {
                     }),
                     _: 1 /* STABLE */
                   }, 8 /* PROPS */, ["default-active"]))], 4 /* STYLE */)) : createCommentVNode("v-if", true), createVNode(unref(ElMain), {
-                    "class": "pro-layout__content"
+                    "class": normalizeClass(["pro-layout__content", {
+                      'pro-layout__content--iframe': isIframeContentRoute.value
+                    }])
                   }, {
                     "default": withCtx(function () {
                       return [renderSlot(_ctx.$slots, "default")];
                     }),
                     _: 3 /* FORWARDED */
-                  }), __props.showFooter ? (openBlock(), createBlock(unref(ElFooter), {
+                  }, 8 /* PROPS */, ["class"]), __props.showFooter ? (openBlock(), createBlock(unref(ElFooter), {
                     key: 1,
                     height: __props.footerHeight,
                     "class": "pro-layout__footer"

package/es/pro-layout/pro-layout-tab-bridge.d.ts

@@ -0,0 +1,26 @@
+/**
+ * ProLayout 页签桥接（对齐 UAP/Ext 的 top.viewTab / top.closeTab）
+ * 供 @deppon/deppon-router 在壳层页签模式下打开/关闭页签，避免与 deppon-template 循环依赖。
+ */
+export declare const DEPPON_PRO_LAYOUT_TAB_BRIDGE_KEY = "__DEPPON_PRO_LAYOUT_TAB_BRIDGE__";
+export interface DepponProLayoutTabBridgeOpenOptions {
+    title?: string;
+}
+export interface DepponProLayoutTabBridge {
+    /** 是否已启用页签栏 */
+    isTagsViewEnabled: () => boolean;
+    /** 打开/激活页签（已存在则切换并 router.push，对齐 Ext viewTab 再次打开） */
+    openTab: (location: unknown, options?: DepponProLayoutTabBridgeOpenOptions) => Promise<unknown> | unknown;
+    /** 仅激活已有页签（按 path / fullPath 匹配） */
+    activateTab?: (location: unknown) => Promise<unknown> | unknown;
+    /** 按 shell fullPath / href / path 关闭页签 */
+    closeTab: (url?: string) => boolean;
+}
+declare global {
+    interface Window {
+        [DEPPON_PRO_LAYOUT_TAB_BRIDGE_KEY]?: DepponProLayoutTabBridge;
+        __DEPPON_IFRAME_HOST__?: import('../pro-iframe/iframeHostBridge').DepponIframeHostBridge;
+    }
+}
+export declare function getDepponProLayoutTabBridge(win?: Window): DepponProLayoutTabBridge | null;
+export declare function normalizeTabMatchUrl(url: string, baseOrigin?: string): string;

package/es/pro-layout/pro-layout-tab-bridge.js

@@ -0,0 +1,25 @@
+import '../_virtual/_rollup-plugin-inject-process-env.js';
+
+/**
+ * ProLayout 页签桥接（对齐 UAP/Ext 的 top.viewTab / top.closeTab）
+ * 供 @deppon/deppon-router 在壳层页签模式下打开/关闭页签，避免与 deppon-template 循环依赖。
+ */
+
+var DEPPON_PRO_LAYOUT_TAB_BRIDGE_KEY = '__DEPPON_PRO_LAYOUT_TAB_BRIDGE__';
+function normalizeTabMatchUrl(url, baseOrigin) {
+  if (!url) return '';
+  var origin = baseOrigin || (typeof window !== 'undefined' ? window.location.origin : '');
+  try {
+    if (url.startsWith('http://') || url.startsWith('https://')) {
+      return new URL(url).href;
+    }
+    if (url.startsWith('#')) {
+      return new URL(url, "".concat(origin, "/")).href;
+    }
+    return new URL(url, "".concat(origin, "/")).href;
+  } catch (_unused2) {
+    return url;
+  }
+}
+
+export { DEPPON_PRO_LAYOUT_TAB_BRIDGE_KEY, normalizeTabMatchUrl };

package/package.json

@@ -1,9 +1,17 @@
 {
     "name": "@deppon/deppon-template",
-    "version": "2.5.4",
+    "version": "2.5.6",
     "main": "es/index.js",
     "module": "es/index.js",
     "typings": "es/index.d.ts",
+    "types": "es/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./es/index.d.ts",
+            "import": "./es/index.js",
+            "default": "./es/index.js"
+        }
+    },
     "sideEffects": [
         "*.css",
         "**/*.css",
@@ -43,11 +51,11 @@
         "less": "^4.2.0"
     },
     "dependencies": {
-        "@deppon/deppon-assets": "2.5.4",
-        "@deppon/deppon-request": "2.5.4",
-        "@deppon/deppon-router": "2.5.4",
-        "@deppon/deppon-ui": "2.5.4",
-        "@deppon/deppon-utils": "2.5.4",
+        "@deppon/deppon-assets": "2.5.6",
+        "@deppon/deppon-request": "2.5.6",
+        "@deppon/deppon-router": "2.5.6",
+        "@deppon/deppon-ui": "2.5.6",
+        "@deppon/deppon-utils": "2.5.6",
         "dayjs": "^1.11.10",
         "lodash-es": "^4.17.21",
         "mitt": "^3.0.1"