@deppon/deppon-template 2.4.24 → 2.5.4

package/README.md

@@ -325,6 +325,10 @@ const handleClick = () => {
 </script>
 ```
 
+## ProIframe 内嵌页
+
+在 ProLayout 内通过 iframe 加载页面，支持路由动态传 `url`。详见 [docs/pro-iframe.md](./docs/pro-iframe.md) 或文档站 [ProIframe 说明](../../docs/docs/deppon-template-pro-iframe.md)。
+
 ## License
 
 MIT

package/es/index.d.ts

@@ -3,3 +3,5 @@ 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';

package/es/index.js

@@ -13,4 +13,12 @@ export { default as ProTable } from './pro-table';
 import './pro-layout';
 export { default as ProLayout } from './pro-layout';
 export { default as ProDialog } from './pro-dialog/ProDialog.vue_vue_type_script_setup_true_lang.vue.js';
+import './pro-iframe/ProIframe.vue.js';
+export { default as ProIframe } from './pro-iframe/ProIframe.vue_vue_type_script_setup_true_lang.vue.js';
+import './pro-iframe/ProIframeRouteView.vue.js';
+export { default as ProIframeRouteView } from './pro-iframe/ProIframeRouteView.vue_vue_type_script_setup_true_lang.vue.js';
 export { default as ProFieldText } from './pro-field/components/Text';
+export { createIframeRoute } from './pro-iframe/createIframeRoute.js';
+export { buildIframeRouteLocation } from './pro-iframe/buildIframeRouteLocation.js';
+export { PRO_IFRAME_URL_QUERY_KEYS, PRO_IFRAME_URL_RESERVED_QUERY_KEYS, appendQueryToUrl, applyIframeUrlTemplate, decodeIframeUrlValue, isIframeRoute, resolveDynamicIframeBaseUrl, resolveIframeSrcFromRoute } from './pro-iframe/resolveIframeSrc.js';
+export { isInIframeEmbed } from './pro-iframe/isInIframeEmbed.js';

package/es/pro-dialog/ProDialog.vue.css

@@ -166,8 +166,8 @@
 }
 .pro-layout__top-menu-el .pro-layout__top-menu-item-badge {
   position: absolute;
-  top: 3px;
-  right: 4px;
+  top: 2px;
+  right: -15px;
   transform: scale(0.75);
   vertical-align: top;
 }
@@ -367,6 +367,43 @@
   opacity: 1 !important;
   visibility: visible !important;
 }
+.el-menu--collapse {
+  width: 100% !important;
+  max-width: 100% !important;
+  min-width: 0 !important;
+  box-sizing: border-box !important;
+}
+.el-menu--collapse .el-menu-item,
+.el-menu--collapse .el-sub-menu__title {
+  justify-content: center !important;
+  max-width: 100%;
+  box-sizing: border-box !important;
+}
+.el-menu--collapse .el-menu-tooltip__trigger {
+  padding: 0 !important;
+  justify-content: center !important;
+}
+.el-menu--collapse .el-menu-item [class^='el-icon'],
+.el-menu--collapse .el-sub-menu__title [class^='el-icon'] {
+  margin-right: 0 !important;
+  margin-left: 0 !important;
+}
+.el-menu--collapse .el-menu-item > .pro-layout__menu-item-char,
+.el-menu--collapse .el-sub-menu__title > .pro-layout__menu-item-char {
+  display: inline-flex !important;
+  width: 20px !important;
+  min-width: 20px !important;
+  height: 20px !important;
+  overflow: visible !important;
+  visibility: visible !important;
+}
+.el-menu--collapse .el-menu-item.is-active,
+.el-menu--collapse .el-sub-menu.is-active > .el-sub-menu__title {
+  background: linear-gradient(135deg, var(--pro-layout-accent-soft, #eef2ff) 0%, var(--pro-layout-accent-muted, #e0e7ff) 100%) !important;
+  color: var(--pro-layout-accent-dark, #4338ca) !important;
+  font-weight: 600;
+  box-shadow: inset 3px 0 0 0 var(--pro-layout-accent, #6366f1) !important;
+}
 .el-menu--collapse .el-sub-menu__title .pro-layout__menu-item-char {
   color: var(--el-text-color-regular, #606266) !important;
   opacity: 1 !important;

package/es/pro-field/ProField.vue.css

@@ -166,8 +166,8 @@
 }
 .pro-layout__top-menu-el .pro-layout__top-menu-item-badge {
   position: absolute;
-  top: 3px;
-  right: 4px;
+  top: 2px;
+  right: -15px;
   transform: scale(0.75);
   vertical-align: top;
 }
@@ -367,6 +367,43 @@
   opacity: 1 !important;
   visibility: visible !important;
 }
+.el-menu--collapse {
+  width: 100% !important;
+  max-width: 100% !important;
+  min-width: 0 !important;
+  box-sizing: border-box !important;
+}
+.el-menu--collapse .el-menu-item,
+.el-menu--collapse .el-sub-menu__title {
+  justify-content: center !important;
+  max-width: 100%;
+  box-sizing: border-box !important;
+}
+.el-menu--collapse .el-menu-tooltip__trigger {
+  padding: 0 !important;
+  justify-content: center !important;
+}
+.el-menu--collapse .el-menu-item [class^='el-icon'],
+.el-menu--collapse .el-sub-menu__title [class^='el-icon'] {
+  margin-right: 0 !important;
+  margin-left: 0 !important;
+}
+.el-menu--collapse .el-menu-item > .pro-layout__menu-item-char,
+.el-menu--collapse .el-sub-menu__title > .pro-layout__menu-item-char {
+  display: inline-flex !important;
+  width: 20px !important;
+  min-width: 20px !important;
+  height: 20px !important;
+  overflow: visible !important;
+  visibility: visible !important;
+}
+.el-menu--collapse .el-menu-item.is-active,
+.el-menu--collapse .el-sub-menu.is-active > .el-sub-menu__title {
+  background: linear-gradient(135deg, var(--pro-layout-accent-soft, #eef2ff) 0%, var(--pro-layout-accent-muted, #e0e7ff) 100%) !important;
+  color: var(--pro-layout-accent-dark, #4338ca) !important;
+  font-weight: 600;
+  box-shadow: inset 3px 0 0 0 var(--pro-layout-accent, #6366f1) !important;
+}
 .el-menu--collapse .el-sub-menu__title .pro-layout__menu-item-char {
   color: var(--el-text-color-regular, #606266) !important;
   opacity: 1 !important;

package/es/pro-field/components/DatePicker/FieldDatePicker.vue.css

@@ -166,8 +166,8 @@
 }
 .pro-layout__top-menu-el .pro-layout__top-menu-item-badge {
   position: absolute;
-  top: 3px;
-  right: 4px;
+  top: 2px;
+  right: -15px;
   transform: scale(0.75);
   vertical-align: top;
 }
@@ -367,6 +367,43 @@
   opacity: 1 !important;
   visibility: visible !important;
 }
+.el-menu--collapse {
+  width: 100% !important;
+  max-width: 100% !important;
+  min-width: 0 !important;
+  box-sizing: border-box !important;
+}
+.el-menu--collapse .el-menu-item,
+.el-menu--collapse .el-sub-menu__title {
+  justify-content: center !important;
+  max-width: 100%;
+  box-sizing: border-box !important;
+}
+.el-menu--collapse .el-menu-tooltip__trigger {
+  padding: 0 !important;
+  justify-content: center !important;
+}
+.el-menu--collapse .el-menu-item [class^='el-icon'],
+.el-menu--collapse .el-sub-menu__title [class^='el-icon'] {
+  margin-right: 0 !important;
+  margin-left: 0 !important;
+}
+.el-menu--collapse .el-menu-item > .pro-layout__menu-item-char,
+.el-menu--collapse .el-sub-menu__title > .pro-layout__menu-item-char {
+  display: inline-flex !important;
+  width: 20px !important;
+  min-width: 20px !important;
+  height: 20px !important;
+  overflow: visible !important;
+  visibility: visible !important;
+}
+.el-menu--collapse .el-menu-item.is-active,
+.el-menu--collapse .el-sub-menu.is-active > .el-sub-menu__title {
+  background: linear-gradient(135deg, var(--pro-layout-accent-soft, #eef2ff) 0%, var(--pro-layout-accent-muted, #e0e7ff) 100%) !important;
+  color: var(--pro-layout-accent-dark, #4338ca) !important;
+  font-weight: 600;
+  box-shadow: inset 3px 0 0 0 var(--pro-layout-accent, #6366f1) !important;
+}
 .el-menu--collapse .el-sub-menu__title .pro-layout__menu-item-char {
   color: var(--el-text-color-regular, #606266) !important;
   opacity: 1 !important;

package/es/pro-field/components/Select/FieldSelect.vue.css

@@ -166,8 +166,8 @@
 }
 .pro-layout__top-menu-el .pro-layout__top-menu-item-badge {
   position: absolute;
-  top: 3px;
-  right: 4px;
+  top: 2px;
+  right: -15px;
   transform: scale(0.75);
   vertical-align: top;
 }
@@ -367,6 +367,43 @@
   opacity: 1 !important;
   visibility: visible !important;
 }
+.el-menu--collapse {
+  width: 100% !important;
+  max-width: 100% !important;
+  min-width: 0 !important;
+  box-sizing: border-box !important;
+}
+.el-menu--collapse .el-menu-item,
+.el-menu--collapse .el-sub-menu__title {
+  justify-content: center !important;
+  max-width: 100%;
+  box-sizing: border-box !important;
+}
+.el-menu--collapse .el-menu-tooltip__trigger {
+  padding: 0 !important;
+  justify-content: center !important;
+}
+.el-menu--collapse .el-menu-item [class^='el-icon'],
+.el-menu--collapse .el-sub-menu__title [class^='el-icon'] {
+  margin-right: 0 !important;
+  margin-left: 0 !important;
+}
+.el-menu--collapse .el-menu-item > .pro-layout__menu-item-char,
+.el-menu--collapse .el-sub-menu__title > .pro-layout__menu-item-char {
+  display: inline-flex !important;
+  width: 20px !important;
+  min-width: 20px !important;
+  height: 20px !important;
+  overflow: visible !important;
+  visibility: visible !important;
+}
+.el-menu--collapse .el-menu-item.is-active,
+.el-menu--collapse .el-sub-menu.is-active > .el-sub-menu__title {
+  background: linear-gradient(135deg, var(--pro-layout-accent-soft, #eef2ff) 0%, var(--pro-layout-accent-muted, #e0e7ff) 100%) !important;
+  color: var(--pro-layout-accent-dark, #4338ca) !important;
+  font-weight: 600;
+  box-shadow: inset 3px 0 0 0 var(--pro-layout-accent, #6366f1) !important;
+}
 .el-menu--collapse .el-sub-menu__title .pro-layout__menu-item-char {
   color: var(--el-text-color-regular, #606266) !important;
   opacity: 1 !important;

package/es/pro-form/ProForm.vue.css

@@ -166,8 +166,8 @@
 }
 .pro-layout__top-menu-el .pro-layout__top-menu-item-badge {
   position: absolute;
-  top: 3px;
-  right: 4px;
+  top: 2px;
+  right: -15px;
   transform: scale(0.75);
   vertical-align: top;
 }
@@ -367,6 +367,43 @@
   opacity: 1 !important;
   visibility: visible !important;
 }
+.el-menu--collapse {
+  width: 100% !important;
+  max-width: 100% !important;
+  min-width: 0 !important;
+  box-sizing: border-box !important;
+}
+.el-menu--collapse .el-menu-item,
+.el-menu--collapse .el-sub-menu__title {
+  justify-content: center !important;
+  max-width: 100%;
+  box-sizing: border-box !important;
+}
+.el-menu--collapse .el-menu-tooltip__trigger {
+  padding: 0 !important;
+  justify-content: center !important;
+}
+.el-menu--collapse .el-menu-item [class^='el-icon'],
+.el-menu--collapse .el-sub-menu__title [class^='el-icon'] {
+  margin-right: 0 !important;
+  margin-left: 0 !important;
+}
+.el-menu--collapse .el-menu-item > .pro-layout__menu-item-char,
+.el-menu--collapse .el-sub-menu__title > .pro-layout__menu-item-char {
+  display: inline-flex !important;
+  width: 20px !important;
+  min-width: 20px !important;
+  height: 20px !important;
+  overflow: visible !important;
+  visibility: visible !important;
+}
+.el-menu--collapse .el-menu-item.is-active,
+.el-menu--collapse .el-sub-menu.is-active > .el-sub-menu__title {
+  background: linear-gradient(135deg, var(--pro-layout-accent-soft, #eef2ff) 0%, var(--pro-layout-accent-muted, #e0e7ff) 100%) !important;
+  color: var(--pro-layout-accent-dark, #4338ca) !important;
+  font-weight: 600;
+  box-shadow: inset 3px 0 0 0 var(--pro-layout-accent, #6366f1) !important;
+}
 .el-menu--collapse .el-sub-menu__title .pro-layout__menu-item-char {
   color: var(--el-text-color-regular, #606266) !important;
   opacity: 1 !important;

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

@@ -0,0 +1,78 @@
+.pro-iframe {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-height: 200px;
+  box-sizing: border-box;
+  background: var(--el-bg-color, #fff);
+}
+.pro-iframe--full {
+  height: 100%;
+  min-height: 0;
+}
+.pro-iframe__toolbar {
+  flex-shrink: 0;
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--el-border-color-lighter, #ebeef5);
+}
+.pro-iframe__body {
+  position: relative;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+}
+.pro-iframe__frame {
+  display: block;
+  width: 100%;
+  height: 100%;
+  border: 0;
+  background: #fff;
+}
+.pro-iframe__empty,
+.pro-iframe__error {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  min-height: 240px;
+}
+.pro-iframe__loading {
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(255, 255, 255, 0.72);
+  pointer-events: none;
+}
+.pro-iframe__loading-inner {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+}
+.pro-iframe__loading-spinner {
+  width: 28px;
+  height: 28px;
+  border: 2px solid var(--el-border-color, #dcdfe6);
+  border-top-color: var(--el-color-primary, #409eff);
+  border-radius: 50%;
+  animation: pro-iframe-spin 0.8s linear infinite;
+}
+.pro-iframe__loading-text {
+  font-size: 13px;
+  color: var(--el-text-color-secondary, #909399);
+}
+.pro-iframe__error {
+  position: absolute;
+  inset: 0;
+  z-index: 3;
+  background: var(--el-bg-color, #fff);
+}
+@keyframes pro-iframe-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}

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

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

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

@@ -0,0 +1,271 @@
+import '../_virtual/_rollup-plugin-inject-process-env.js';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { ref, computed, watch, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, createVNode, unref, toDisplayString, withCtx, createTextVNode } from 'vue';
+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';
+
+var _hoisted_1 = {
+  key: 0,
+  "class": "pro-iframe__toolbar"
+};
+var _hoisted_2 = {
+  "class": "pro-iframe__body"
+};
+var _hoisted_3 = ["name", "title", "src", "sandbox", "allow", "referrerpolicy", "frameborder", "loading"];
+var _hoisted_4 = {
+  key: 1,
+  "class": "pro-iframe__empty"
+};
+var _hoisted_5 = {
+  key: 2,
+  "class": "pro-iframe__loading"
+};
+var _hoisted_6 = {
+  "class": "pro-iframe__loading-inner"
+};
+var _hoisted_7 = {
+  "class": "pro-iframe__loading-text"
+};
+var _hoisted_8 = {
+  key: 3,
+  "class": "pro-iframe__error"
+};
+var script = {
+  __name: 'ProIframe',
+  props: {
+    /** iframe 地址；不传时可由路由 meta 解析（需配合 appendRouteQuery） */
+    src: {
+      type: String,
+      "default": ''
+    },
+    name: {
+      type: String,
+      "default": 'pro-iframe'
+    },
+    title: {
+      type: String,
+      "default": ''
+    },
+    loading: {
+      type: Boolean,
+      "default": true
+    },
+    loadingText: {
+      type: String,
+      "default": '加载中…'
+    },
+    /** 将当前路由 query 拼接到 src */
+    appendRouteQuery: {
+      type: Boolean,
+      "default": false
+    },
+    sandbox: {
+      type: String,
+      "default": ''
+    },
+    allow: {
+      type: String,
+      "default": ''
+    },
+    referrerpolicy: {
+      type: String,
+      "default": ''
+    },
+    frameborder: {
+      type: [String, Number],
+      "default": 0
+    },
+    lazy: {
+      type: Boolean,
+      "default": false
+    },
+    full: {
+      type: Boolean,
+      "default": true
+    },
+    /** 子应用在父级 iframe 壳中时，初始化 UAP 父页样式修复 */
+    fixParentStyle: {
+      type: Boolean,
+      "default": false
+    },
+    /** 加载超时（毫秒），超时后关闭 loading 遮罩，0 表示不超时 */
+    loadTimeout: {
+      type: Number,
+      "default": 30000
+    }
+  },
+  emits: ['load', 'error', 'src-change'],
+  setup: function setup(__props, _ref) {
+    var __expose = _ref.expose,
+      __emit = _ref.emit;
+    var RESERVED_ROUTE_QUERY_KEYS = new Set(PRO_IFRAME_URL_RESERVED_QUERY_KEYS);
+    var props = __props;
+    var emit = __emit;
+    var route = useRoute();
+    var iframeRef = ref(null);
+    var loadError = ref(false);
+    var frameLoading = ref(false);
+    var reloadToken = ref(0);
+    var loadTimeoutTimer = null;
+    function clearLoadTimeout() {
+      if (loadTimeoutTimer != null) {
+        clearTimeout(loadTimeoutTimer);
+        loadTimeoutTimer = null;
+      }
+    }
+    function scheduleLoadTimeout() {
+      clearLoadTimeout();
+      if (!props.loadTimeout || props.loadTimeout <= 0) return;
+      loadTimeoutTimer = setTimeout(function () {
+        if (frameLoading.value) {
+          frameLoading.value = false;
+        }
+      }, props.loadTimeout);
+    }
+    var routeQueryRecord = computed(function () {
+      var q = route.query || {};
+      var result = {};
+      Object.entries(q).forEach(function (_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+          key = _ref3[0],
+          raw = _ref3[1];
+        if (RESERVED_ROUTE_QUERY_KEYS.has(key)) return;
+        if (raw == null) return;
+        var value = Array.isArray(raw) ? raw[0] : raw;
+        if (value != null && value !== '') result[key] = String(value);
+      });
+      return result;
+    });
+    var baseSrc = computed(function () {
+      var raw = (props.src || '').trim();
+      if (!raw) return '';
+      if (raw.startsWith('/') && !raw.startsWith('//') && typeof window !== 'undefined') {
+        return "".concat(window.location.origin).concat(raw);
+      }
+      return raw;
+    });
+    var srcWithQuery = computed(function () {
+      if (!baseSrc.value || !props.appendRouteQuery) return baseSrc.value;
+      return appendQueryToUrl(baseSrc.value, routeQueryRecord.value);
+    });
+    var effectiveSrc = computed(function () {
+      if (!srcWithQuery.value) return '';
+      if (reloadToken.value > 0) {
+        return appendQueryToUrl(srcWithQuery.value, {
+          _pro_iframe_ts: String(reloadToken.value)
+        });
+      }
+      return srcWithQuery.value;
+    });
+    var loadingVisible = computed(function () {
+      return props.loading && frameLoading.value && !loadError.value;
+    });
+    watch(function () {
+      return srcWithQuery.value;
+    }, function (next, prev) {
+      if (!next) {
+        frameLoading.value = false;
+        return;
+      }
+      if (next !== prev) {
+        loadError.value = false;
+        frameLoading.value = true;
+        scheduleLoadTimeout();
+        emit('src-change', next);
+      }
+    }, {
+      immediate: true
+    });
+    function handleLoad() {
+      clearLoadTimeout();
+      frameLoading.value = false;
+      loadError.value = false;
+      emit('load', iframeRef.value);
+    }
+    function handleError() {
+      clearLoadTimeout();
+      frameLoading.value = false;
+      loadError.value = true;
+      emit('error', iframeRef.value);
+    }
+    function reload() {
+      loadError.value = false;
+      frameLoading.value = true;
+      scheduleLoadTimeout();
+      reloadToken.value += 1;
+    }
+    onMounted(function () {
+      if (props.fixParentStyle) {
+        initIframeStyleFix();
+      }
+    });
+    onUnmounted(function () {
+      clearLoadTimeout();
+    });
+    __expose({
+      reload: reload,
+      iframeRef: iframeRef,
+      effectiveSrc: effectiveSrc
+    });
+    return function (_ctx, _cache) {
+      return openBlock(), createElementBlock("div", {
+        "class": normalizeClass(["pro-iframe", {
+          'pro-iframe--full': __props.full
+        }])
+      }, [_ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "toolbar", {
+        reload: reload,
+        src: effectiveSrc.value
+      })])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_2, [effectiveSrc.value ? (openBlock(), createElementBlock("iframe", {
+        key: effectiveSrc.value,
+        ref_key: "iframeRef",
+        ref: iframeRef,
+        "class": "pro-iframe__frame",
+        name: __props.name,
+        title: __props.title,
+        src: effectiveSrc.value,
+        sandbox: __props.sandbox || undefined,
+        allow: __props.allow || undefined,
+        referrerpolicy: __props.referrerpolicy || undefined,
+        frameborder: __props.frameborder,
+        loading: __props.lazy ? 'lazy' : undefined,
+        onLoad: handleLoad,
+        onError: handleError
+      }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_3)) : (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "empty", {}, function () {
+        return [createVNode(unref(ElEmpty), {
+          description: "未配置 iframe 地址"
+        })];
+      })])), loadingVisible.value ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "loading", {
+        text: __props.loadingText
+      }, function () {
+        return [createElementVNode("div", _hoisted_6, [_cache[0] || (_cache[0] = createElementVNode("span", {
+          "class": "pro-iframe__loading-spinner"
+        }, null, -1 /* CACHED */)), createElementVNode("span", _hoisted_7, toDisplayString(__props.loadingText), 1 /* TEXT */)])];
+      })])) : createCommentVNode("v-if", true), loadError.value ? (openBlock(), createElementBlock("div", _hoisted_8, [renderSlot(_ctx.$slots, "error", {
+        reload: reload,
+        src: effectiveSrc.value
+      }, function () {
+        return [createVNode(unref(ElEmpty), {
+          description: "页面加载失败"
+        }, {
+          "default": withCtx(function () {
+            return [createVNode(unref(ElButton), {
+              type: "primary",
+              onClick: reload
+            }, {
+              "default": withCtx(function () {
+                return _toConsumableArray(_cache[1] || (_cache[1] = [createTextVNode("重新加载", -1 /* CACHED */)]));
+              }),
+              _: 1 /* STABLE */
+            })];
+          }),
+          _: 1 /* STABLE */
+        })];
+      })])) : createCommentVNode("v-if", true)])], 2 /* CLASS */);
+    };
+  }
+};
+
+export { script as default };

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

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

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

@@ -0,0 +1,5 @@
+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';
+
+script.__file = "packages/deppon-template/src/pro-iframe/ProIframeRouteView.vue";