cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.5

package/es/components/callback/src/components/dialog/drawer.vue2.js

@@ -1 +1,123 @@
-import{defineComponent as e,ref as a,onBeforeMount as l,openBlock as n,createBlock as i,unref as o,normalizeStyle as t,withCtx as c,createVNode as s,createElementVNode as r,toDisplayString as u,createElementBlock as d,normalizeClass as p,createCommentVNode as f}from"vue";import{NDrawer as b,NDrawerContent as v}from"naive-ui";import h from"../render/index.vue.js";const g={class:"d-header"},m={class:"title"},k={class:"svg-wrap"};var y=e({__name:"drawer",props:{options:{type:Object},visible:{type:Boolean,default:!1},zIndex:{type:Number,default:1e3},closable:{type:Boolean,default:!0},screen:{type:Boolean,default:!0},drawerWidth:{type:String,default:"60vw"},isDrawerBig:{type:Boolean,default:!1},callbackApiConfig:{type:Object}},emits:["close","changeWindow"],setup(e,{emit:y}){const w=e,x=a(!1),z=a(""),C=a("right");function B(){y("close",!1)}function W(e){let a=document.body.clientWidth;return e?`${a}px`:w.drawerWidth}function A(){x.value=!x.value,z.value=W(x.value),y("changeWindow",x.value)}return l((()=>{!function(){if(!w.isDrawerBig)return void(z.value=w.drawerWidth);z.value=W(!1)}()})),(a,l)=>(n(),i(o(b),{show:e.visible,class:"callback-drawer-block",maskClosable:!1,"z-index":e.zIndex,style:t({width:z.value}),placement:C.value,onAfterLeave:B},{default:c((()=>[s(o(v),{closable:!1},{header:c((()=>{var a;return[r("div",g,[r("h3",m,u(null==(a=e.options)?void 0:a.name),1),r("div",k,[e.screen?(n(),d("i",{key:0,style:{"margin-right":"12px"},onClick:A,class:p(x.value?"iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaozuixiaohua":"iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaozuidahua")},null,2)):f("v-if",!0),e.closable?(n(),d("i",{key:1,class:"iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaoguanbi",onClick:B})):f("v-if",!0)])])]})),default:c((()=>[f(" 加载的具体的内容组件 "),s(h,{options:e.options,callbackApiConfig:e.callbackApiConfig},null,8,["options","callbackApiConfig"])])),_:1})])),_:1},8,["show","z-index","style","placement"]))}});export{y as default};
+import { defineComponent, ref, onBeforeMount, openBlock, createBlock, unref, normalizeStyle, withCtx, createVNode, createElementVNode, toDisplayString, createElementBlock, normalizeClass, createCommentVNode } from 'vue';
+import { NDrawer, NDrawerContent } from 'naive-ui';
+import renderCb from '../render/index.vue.js';
+
+const _hoisted_1 = {
+  class: "d-header"
+};
+const _hoisted_2 = {
+  class: "title"
+};
+const _hoisted_3 = {
+  class: "svg-wrap"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "drawer",
+  props: {
+    options: {
+      type: Object
+    },
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    zIndex: {
+      type: Number,
+      default: 1e3
+    },
+    closable: {
+      type: Boolean,
+      default: true
+    },
+    screen: {
+      type: Boolean,
+      default: true
+    },
+    drawerWidth: {
+      type: String,
+      default: "60vw"
+    },
+    isDrawerBig: {
+      type: Boolean,
+      default: false
+    },
+    callbackApiConfig: {
+      type: Object
+    }
+  },
+  emits: ["close", "changeWindow"],
+  setup(__props, {
+    emit: emits
+  }) {
+    const props = __props;
+    const isChangeWindow = ref(false);
+    const curDrawerWidth = ref("");
+    const placement = ref("right");
+    onBeforeMount(() => {
+      initDef();
+    });
+    function initDef() {
+      if (!props.isDrawerBig) {
+        curDrawerWidth.value = props.drawerWidth;
+        return;
+      }
+      curDrawerWidth.value = calculateWidth(false);
+    }
+    function onClose() {
+      emits("close", false);
+    }
+    function calculateWidth(isBig) {
+      let docWidth = document.body.clientWidth;
+      if (isBig) {
+        return `${docWidth}px`;
+      }
+      return props.drawerWidth;
+    }
+    function changeWindow() {
+      isChangeWindow.value = !isChangeWindow.value;
+      curDrawerWidth.value = calculateWidth(isChangeWindow.value);
+      emits("changeWindow", isChangeWindow.value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NDrawer), {
+        show: __props.visible,
+        class: "callback-drawer-block",
+        maskClosable: false,
+        "z-index": __props.zIndex,
+        style: normalizeStyle({
+          width: curDrawerWidth.value
+        }),
+        placement: placement.value,
+        onAfterLeave: onClose
+      }, {
+        default: withCtx(() => [createVNode(unref(NDrawerContent), {
+          closable: false
+        }, {
+          header: withCtx(() => {
+            var _a;
+            return [createElementVNode("div", _hoisted_1, [createElementVNode("h3", _hoisted_2, toDisplayString((_a = __props.options) == null ? void 0 : _a.name), 1), createElementVNode("div", _hoisted_3, [__props.screen ? (openBlock(), createElementBlock("i", {
+              key: 0,
+              style: {
+                "margin-right": "12px"
+              },
+              onClick: changeWindow,
+              class: normalizeClass(isChangeWindow.value ? "iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaozuixiaohua" : "iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaozuidahua")
+            }, null, 2)) : createCommentVNode("v-if", true), __props.closable ? (openBlock(), createElementBlock("i", {
+              key: 1,
+              class: "iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaoguanbi",
+              onClick: onClose
+            })) : createCommentVNode("v-if", true)])])];
+          }),
+          default: withCtx(() => [createCommentVNode(" \u52A0\u8F7D\u7684\u5177\u4F53\u7684\u5185\u5BB9\u7EC4\u4EF6 "), createVNode(renderCb, {
+            options: __props.options,
+            callbackApiConfig: __props.callbackApiConfig
+          }, null, 8, ["options", "callbackApiConfig"])]),
+          _: 1
+        })]),
+        _: 1
+      }, 8, ["show", "z-index", "style", "placement"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/callback/src/components/dialog/modal.vue.js

@@ -1 +1,6 @@
-import e from"./modal.vue2.js";import r from"../../../../../_virtual/_plugin-vue_export-helper.js";var o=r(e,[["__file","modal.vue"]]);export{o as default};
+import _sfc_main from './modal.vue2.js';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.js';
+
+var CbModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "modal.vue"]]);
+
+export { CbModal as default };

package/es/components/callback/src/components/dialog/modal.vue2.js

@@ -1 +1,134 @@
-import{defineComponent as e,ref as a,onBeforeMount as l,resolveComponent as i,openBlock as o,createBlock as n,unref as t,normalizeClass as c,normalizeStyle as s,withCtx as u,createVNode as g,createElementVNode as h,createCommentVNode as d}from"vue";import{NModal as r,NCard as m}from"naive-ui";import v from"../render/index.vue.js";const f={class:"svg-wrap"};var p=e({__name:"modal",props:{options:{type:Object},visible:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},screen:{type:Boolean,default:!0},modalConfig:{type:Object,default:()=>({width:"860px",height:"548px",maxHeight:"548px",minHeight:"548px"})},callbackApiConfig:{type:Object}},emits:["close","changeWindow"],setup(e,{emit:p}){const b=e,k=a(!1),C=a(""),y=a(""),x=a(""),w=a("");function z(){p("close",!1),k.value&&H()}function H(){k.value=!k.value;let e=document.body.clientHeight;C.value=C.value===j("width")?"100%":j("width"),y.value=y.value===j("height")?`${e}px`:j("height"),p("changeWindow")}function j(e){return b.modalConfig[e]}return l((()=>{b.modalConfig&&Object.keys(b.modalConfig).length&&(C.value=b.modalConfig.width,y.value=b.modalConfig.height,x.value=b.modalConfig.maxHeight,w.value=b.modalConfig.minHeight,k.value=b.modalConfig.isChangeWindow)})),(a,l)=>{const p=i("svg-icon");return o(),n(t(r),{show:e.visible,class:c(["callback-modal-block",{"modal-screen":k.value}]),style:s({width:C.value,height:y.value,minHeight:w.value,maxHeight:x.value}),maskClosable:!1,centered:"",onNegativeClick:z},{default:u((()=>{var a;return[g(t(m),{title:null==(a=e.options)?void 0:a.name,bordered:!1,style:{overflowY:"auto",position:"relative"},size:"huge",role:"dialog","aria-modal":"true"},{"header-extra":u((()=>[h("div",f,[e.screen?(o(),n(p,{key:0,style:{"margin-right":"12px"},onClick:H,class:c(k.value?"iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaozuixiaohua":"iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaozuidahua")},null,8,["class"])):d("v-if",!0),e.closable?(o(),n(p,{key:1,class:"'iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaoguanbi'",onClick:z})):d("v-if",!0)])])),default:u((()=>[g(v,{options:e.options,callbackApiConfig:e.callbackApiConfig},null,8,["options","callbackApiConfig"])])),_:1},8,["title"])]})),_:1},8,["show","class","style"])}}});export{p as default};
+import { defineComponent, ref, onBeforeMount, resolveComponent, openBlock, createBlock, unref, normalizeClass, normalizeStyle, withCtx, createVNode, createElementVNode, createCommentVNode } from 'vue';
+import { NModal, NCard } from 'naive-ui';
+import renderCb from '../render/index.vue.js';
+
+const _hoisted_1 = {
+  class: "svg-wrap"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "modal",
+  props: {
+    options: {
+      type: Object
+    },
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    closable: {
+      type: Boolean,
+      default: true
+    },
+    screen: {
+      type: Boolean,
+      default: true
+    },
+    modalConfig: {
+      type: Object,
+      default: () => {
+        return {
+          width: "860px",
+          height: "548px",
+          maxHeight: "548px",
+          minHeight: "548px"
+        };
+      }
+    },
+    callbackApiConfig: {
+      type: Object
+    }
+  },
+  emits: ["close", "changeWindow"],
+  setup(__props, {
+    emit: emits
+  }) {
+    const props = __props;
+    const isChangeWindow = ref(false);
+    const modalWidth = ref("");
+    const modalHeight = ref("");
+    const maxHeight = ref("");
+    const minHeight = ref("");
+    onBeforeMount(() => {
+      initDef();
+    });
+    function initDef() {
+      if (props.modalConfig && Object.keys(props.modalConfig).length) {
+        modalWidth.value = props.modalConfig.width;
+        modalHeight.value = props.modalConfig.height;
+        maxHeight.value = props.modalConfig.maxHeight;
+        minHeight.value = props.modalConfig.minHeight;
+        isChangeWindow.value = props.modalConfig.isChangeWindow;
+      }
+    }
+    function onClose() {
+      emits("close", false);
+      if (isChangeWindow.value) {
+        changeWindow();
+      }
+    }
+    function changeWindow() {
+      isChangeWindow.value = !isChangeWindow.value;
+      let docHeight = document.body.clientHeight;
+      modalWidth.value = modalWidth.value === handleStyle("width") ? "100%" : handleStyle("width");
+      modalHeight.value = modalHeight.value === handleStyle("height") ? `${docHeight}px` : handleStyle("height");
+      emits("changeWindow");
+    }
+    function handleStyle(key) {
+      return props.modalConfig[key];
+    }
+    return (_ctx, _cache) => {
+      const _component_svg_icon = resolveComponent("svg-icon");
+      return openBlock(), createBlock(unref(NModal), {
+        show: __props.visible,
+        class: normalizeClass(["callback-modal-block", {
+          "modal-screen": isChangeWindow.value
+        }]),
+        style: normalizeStyle({
+          width: modalWidth.value,
+          height: modalHeight.value,
+          minHeight: minHeight.value,
+          maxHeight: maxHeight.value
+        }),
+        maskClosable: false,
+        centered: "",
+        onNegativeClick: onClose
+      }, {
+        default: withCtx(() => {
+          var _a;
+          return [createVNode(unref(NCard), {
+            title: (_a = __props.options) == null ? void 0 : _a.name,
+            bordered: false,
+            style: {
+              overflowY: "auto",
+              position: "relative"
+            },
+            size: "huge",
+            role: "dialog",
+            "aria-modal": "true"
+          }, {
+            "header-extra": withCtx(() => [createElementVNode("div", _hoisted_1, [__props.screen ? (openBlock(), createBlock(_component_svg_icon, {
+              key: 0,
+              style: {
+                "margin-right": "12px"
+              },
+              onClick: changeWindow,
+              class: normalizeClass(isChangeWindow.value ? "iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaozuixiaohua" : "iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaozuidahua")
+            }, null, 8, ["class"])) : createCommentVNode("v-if", true), __props.closable ? (openBlock(), createBlock(_component_svg_icon, {
+              key: 1,
+              class: "'iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaoguanbi'",
+              onClick: onClose
+            })) : createCommentVNode("v-if", true)])]),
+            default: withCtx(() => [createVNode(renderCb, {
+              options: __props.options,
+              callbackApiConfig: __props.callbackApiConfig
+            }, null, 8, ["options", "callbackApiConfig"])]),
+            _: 1
+          }, 8, ["title"])];
+        }),
+        _: 1
+      }, 8, ["show", "class", "style"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/callback/src/components/popup/index.vue.js

@@ -1 +1,87 @@
-import{defineComponent as e,h as o}from"vue";import i from"../dialog/modal.vue.js";import a from"../dialog/drawer.vue.js";import t from"../render/index.vue.js";import l from"../../../../../_virtual/_plugin-vue_export-helper.js";var s=l(e({props:{options:{type:Object,default:()=>({visible:!1,type:"",code:"",targetId:"",targetName:"",openWindowType:"",params:"",page:""})},callbackApiConfig:{type:Object}},emits:["closeModal"],computed:{},data(){const{visible:e}=this.options;return{initialProps:{},dialogVisible:e}},methods:{generateModal(e){const{dialogVisible:l,onClose:s,options:r,callbackApiConfig:p}=this,{openWindowType:n}=e;let c=null,d={options:r,callbackApiConfig:p,visible:l,onClose:s};switch(n){case"dialog":case"fullDialog":c=i;break;case"pop":case"fullScreenPop":c=a;break;case"tab":c=t,d={options:r,callbackApiConfig:p},console.log("当前是tab类型，在微服务得页签中打开")}return o(c,d)},async onClose(){this.dialogVisible=!1,await Promise.resolve(),this.$emit("closeModal",!1)}},render(){return this.generateModal(this.options)}}),[["__file","index.vue"]]);export{s as default};
+import { defineComponent, h } from 'vue';
+import CbModal from '../dialog/modal.vue.js';
+import CbDrawer from '../dialog/drawer.vue.js';
+import renderCb from '../render/index.vue.js';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.js';
+
+const _sfc_main = defineComponent({
+  props: {
+    options: {
+      type: Object,
+      default: () => ({
+        visible: false,
+        type: "",
+        code: "",
+        targetId: "",
+        targetName: "",
+        openWindowType: "",
+        params: "",
+        page: ""
+      })
+    },
+    callbackApiConfig: {
+      type: Object
+    }
+  },
+  emits: ["closeModal"],
+  computed: {},
+  data() {
+    const {
+      visible
+    } = this.options;
+    return {
+      initialProps: {},
+      dialogVisible: visible
+    };
+  },
+  methods: {
+    generateModal(cfg) {
+      const {
+        dialogVisible,
+        onClose,
+        options,
+        callbackApiConfig
+      } = this;
+      const {
+        openWindowType
+      } = cfg;
+      let CbComponent = null;
+      let myProps = {
+        options,
+        callbackApiConfig,
+        visible: dialogVisible,
+        onClose
+      };
+      switch (openWindowType) {
+        case "dialog":
+        case "fullDialog":
+          CbComponent = CbModal;
+          break;
+        case "pop":
+        case "fullScreenPop":
+          CbComponent = CbDrawer;
+          break;
+        case "tab":
+          CbComponent = renderCb;
+          myProps = {
+            options,
+            callbackApiConfig
+          };
+          console.log("\u5F53\u524D\u662Ftab\u7C7B\u578B\uFF0C\u5728\u5FAE\u670D\u52A1\u5F97\u9875\u7B7E\u4E2D\u6253\u5F00");
+          break;
+      }
+      return h(CbComponent, myProps);
+    },
+    async onClose() {
+      this.dialogVisible = false;
+      await Promise.resolve();
+      this.$emit("closeModal", false);
+    }
+  },
+  render() {
+    return this.generateModal(this.options);
+  }
+});
+var CallbackPopup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { CallbackPopup as default };

package/es/components/callback/src/components/render/drawerIframe/index.vue.js

@@ -1 +1,6 @@
-import e from"./index.vue2.js";import r from"../../../../../../_virtual/_plugin-vue_export-helper.js";var i=r(e,[["__file","index.vue"]]);export{i as default};
+import _sfc_main from './index.vue2.js';
+import _export_sfc from '../../../../../../_virtual/_plugin-vue_export-helper.js';
+
+var DrawerIframe = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { DrawerIframe as default };

package/es/components/callback/src/components/render/drawerIframe/index.vue2.js

@@ -1 +1,170 @@
-import{defineComponent as e,ref as t,onMounted as l,onBeforeUnmount as i,onActivated as a,onDeactivated as r,watch as u,openBlock as n,createElementBlock as o,Fragment as s,createCommentVNode as c,nextTick as d}from"vue";const f={key:0,class:"drawer-iframe-wrap",style:{width:"100%",height:"100%"}},h=["src"];var m=e({__name:"index",props:{cache:{type:Boolean,default:!1},visible:{type:Boolean,default:!1},iframeUrl:{type:String,default:""}},setup(e){const m=e;let v=0;const p=t([]),y=t(""),g=t(),b=t(),w=t();function x(){if(!m.iframeUrl)return;var e;v++,y.value=`cacheIframe_${v}_${e=10,Math.random().toString(36).substring(3,e)}`;let t=document.querySelector("body");t&&(b.value=t,function(e){p.value.length||(p.value=[e]);if((p.value.length||0)>=5){let e=p.value.shift();e&&function(e){let t=document.getElementById(e);t&&t.parentNode&&t.parentNode.removeChild(t)}(e)}p.value.push(e)}(y.value),function(e,t,l){let i=t,a=document.createElement("iframe");a.src=e,a.id=i,a.width="100%",a.height="100%",a.setAttribute("frameborder","0"),a.setAttribute("allow","camera;midi"),a.setAttribute("allowfullscreen","true"),a.setAttribute("scrolling","auto"),a.setAttribute("webkitallowfullscreen","true"),a.setAttribute("mozallowfullscreen","true"),a.setAttribute("oallowfullscreen","true"),a.setAttribute("msallowfullscreen","true"),g.value=a,l.appendChild(a)}(m.iframeUrl,y.value,t),function(){if(!m.cache)return;d((()=>{let e=w.value,t=document.getElementById(y.value);if(e&&t){let l=e.getBoundingClientRect(),i=document.body.clientWidth;t.style.position="fixed",t.style.height=`${l.height}px`,t.style.width=`${l.width}px`,t.height=`${l.height}px`,t.width=`${l.width}px`,t.style.top=`${l.top}px`,t.style.left=`${l.left}px`,t.style.bottom=`${l.bottom}px`,t.style.right=i-l.right+"px",t.style.zIndex="1001"}}))}())}function A(){m.cache&&b.value&&g.value&&(!function(e){let t=p.value;if(Array.isArray(t)){let l=t.findIndex((t=>t==e));-1!==l&&t.splice(l,1)}}(y.value),b.value.removeChild(g.value))}return l((()=>{m.cache&&x()})),i((()=>{g.value&&(g.value.style.display="none"),A()})),a((()=>{g.value&&(g.value.style.display="block")})),r((()=>{g.value&&(g.value.style.display="none")})),u((()=>m.visible),(e=>{e||A()})),u((()=>m.iframeUrl),(()=>{x()})),(t,l)=>(n(),o(s,null,[c(' v-resize="onResize" '),e.cache?(n(),o("div",f)):(n(),o("iframe",{class:"iframe-item",width:"100%",height:"100%",scrolling:"auto",frameborder:"0",allow:"camera;midi",key:e.iframeUrl,src:e.iframeUrl},null,8,h))],2112))}});export{m as default};
+import { defineComponent, ref, onMounted, onBeforeUnmount, onActivated, onDeactivated, watch, openBlock, createElementBlock, Fragment, createCommentVNode, nextTick } from 'vue';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "drawer-iframe-wrap",
+  style: {
+    "width": "100%",
+    "height": "100%"
+  }
+};
+const _hoisted_2 = ["src"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    cache: {
+      type: Boolean,
+      default: false
+    },
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    iframeUrl: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    let iframe_cout = 0;
+    const cache_iframe_List = ref([]);
+    const pageId = ref("");
+    const iframeDom = ref();
+    const wrapDom = ref();
+    const elDom = ref();
+    function initCacheIframe() {
+      if (!props.iframeUrl)
+        return;
+      iframe_cout++;
+      pageId.value = `cacheIframe_${iframe_cout}_${randomId(10)}`;
+      let wrap = document.querySelector("body");
+      if (wrap) {
+        wrapDom.value = wrap;
+        cacheIframeId(pageId.value);
+        crateIframe(props.iframeUrl, pageId.value, wrap);
+        updatePosition();
+      }
+    }
+    function cacheIframeId(id) {
+      if (!cache_iframe_List.value.length) {
+        cache_iframe_List.value = [id];
+      }
+      let len = cache_iframe_List.value.length || 0;
+      if (len >= 5) {
+        let rmid = cache_iframe_List.value.shift();
+        rmid && removeIframeById(rmid);
+      }
+      cache_iframe_List.value.push(id);
+    }
+    function removeIframeById(id) {
+      let iframe = document.getElementById(id);
+      if (iframe) {
+        iframe.parentNode && iframe.parentNode.removeChild(iframe);
+      }
+    }
+    function removeCacheId(id) {
+      let list = cache_iframe_List.value;
+      if (Array.isArray(list)) {
+        let i = list.findIndex((v) => v == id);
+        if (i !== -1) {
+          list.splice(i, 1);
+        }
+      }
+    }
+    function crateIframe(iFrameUrl, menuId, el) {
+      let iFrameId = menuId;
+      let iframePoint = document.createElement("iframe");
+      iframePoint.src = iFrameUrl;
+      iframePoint.id = iFrameId;
+      iframePoint.width = "100%";
+      iframePoint.height = "100%";
+      iframePoint.setAttribute("frameborder", "0");
+      iframePoint.setAttribute("allow", "camera;midi");
+      iframePoint.setAttribute("allowfullscreen", "true");
+      iframePoint.setAttribute("scrolling", "auto");
+      iframePoint.setAttribute("webkitallowfullscreen", "true");
+      iframePoint.setAttribute("mozallowfullscreen", "true");
+      iframePoint.setAttribute("oallowfullscreen", "true");
+      iframePoint.setAttribute("msallowfullscreen", "true");
+      iframeDom.value = iframePoint;
+      el.appendChild(iframePoint);
+    }
+    function removeIframeDom() {
+      if (!props.cache)
+        return;
+      if (wrapDom.value && iframeDom.value) {
+        removeCacheId(pageId.value);
+        wrapDom.value.removeChild(iframeDom.value);
+      }
+    }
+    function updatePosition() {
+      if (!props.cache)
+        return;
+      nextTick(() => {
+        let wrap = elDom.value;
+        let iframe = document.getElementById(pageId.value);
+        if (wrap && iframe) {
+          let wrapPosition = wrap.getBoundingClientRect();
+          let clientWidth = document.body.clientWidth;
+          iframe.style.position = "fixed";
+          iframe.style.height = `${wrapPosition.height}px`;
+          iframe.style.width = `${wrapPosition.width}px`;
+          iframe.height = `${wrapPosition.height}px`;
+          iframe.width = `${wrapPosition.width}px`;
+          iframe.style.top = `${wrapPosition.top}px`;
+          iframe.style.left = `${wrapPosition.left}px`;
+          iframe.style.bottom = `${wrapPosition.bottom}px`;
+          iframe.style.right = `${clientWidth - wrapPosition.right}px`;
+          iframe.style.zIndex = "1001";
+        }
+      });
+    }
+    function randomId(len) {
+      return Math.random().toString(36).substring(3, len);
+    }
+    onMounted(() => {
+      if (props.cache) {
+        initCacheIframe();
+      }
+    });
+    onBeforeUnmount(() => {
+      if (iframeDom.value) {
+        iframeDom.value.style.display = "none";
+      }
+      removeIframeDom();
+    });
+    onActivated(() => {
+      if (iframeDom.value) {
+        iframeDom.value.style.display = "block";
+      }
+    });
+    onDeactivated(() => {
+      if (iframeDom.value) {
+        iframeDom.value.style.display = "none";
+      }
+    });
+    watch(() => props.visible, (val) => {
+      if (!val) {
+        removeIframeDom();
+      }
+    });
+    watch(() => props.iframeUrl, () => {
+      initCacheIframe();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(' v-resize="onResize" '), __props.cache ? (openBlock(), createElementBlock("div", _hoisted_1)) : (openBlock(), createElementBlock("iframe", {
+        class: "iframe-item",
+        width: "100%",
+        height: "100%",
+        scrolling: "auto",
+        frameborder: "0",
+        allow: "camera;midi",
+        key: __props.iframeUrl,
+        src: __props.iframeUrl
+      }, null, 8, _hoisted_2))], 2112);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/callback/src/components/render/enums.js

@@ -1 +1,7 @@
-const A={FORM:"FORM",TABLE_LIST:"TABLE_LIST",PAGE:"PAGE"};export{A as CallbackTypeEnums};
+const CallbackTypeEnums = {
+  FORM: "FORM",
+  TABLE_LIST: "TABLE_LIST",
+  PAGE: "PAGE"
+};
+
+export { CallbackTypeEnums };