inl-ui 0.1.74 → 0.1.76

package/dist/index.cjs

@@ -43,7 +43,7 @@ var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios$2);
 var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 
-var version = "0.1.74";
+var version = "0.1.75";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -940,8 +940,6 @@ const Events$1 = {
   WEBRTC_ON_DATA_CHANNEL_MSG: "WEBRTC_ON_DATA_CHANNEL_MSG",
   CAPTURE_STREAM_FAILED: "CAPTURE_STREAM_FAILED"
 };
-const VERSION$1 = "1.0.1";
-const BUILD_DATE = "Sat Mar 30 2024 13:57:14 GMT+0800 (\u4E2D\u56FD\u6807\u51C6\u65F6\u95F4)";
 function isFirefox() {
   return window.navigator.userAgent.match("Firefox") !== null;
 }
@@ -971,7 +969,6 @@ class Resolution {
   }
 }
 let logDisabled_ = true;
-let deprecationWarnings_ = true;
 function extractVersion(uastring, expr, pos) {
   const match = uastring.match(expr);
   return match && match.length >= pos && parseInt(match[pos], 10);
@@ -1049,7 +1046,6 @@ function disableWarnings(bool) {
   if (typeof bool !== "boolean") {
     return new Error("Argument type: " + typeof bool + ". Please use a boolean.");
   }
-  deprecationWarnings_ = !bool;
   return "adapter.js deprecation warnings " + (bool ? "disabled" : "enabled");
 }
 function log$1() {
@@ -1057,17 +1053,8 @@ function log$1() {
     if (logDisabled_) {
       return;
     }
-    if (typeof console !== "undefined" && typeof console.log === "function") {
-      console.log.apply(console, arguments);
-    }
   }
 }
-function deprecated(oldMethod, newMethod) {
-  if (!deprecationWarnings_) {
-    return;
-  }
-  console.warn(oldMethod + " is deprecated, please use " + newMethod + " instead.");
-}
 function detectBrowser(window2) {
   const result = {
     browser: null,
@@ -1326,7 +1313,6 @@ function shimGetDisplayMedia$2(window2, getSourceId) {
     return;
   }
   if (typeof getSourceId !== "function") {
-    console.error("shimGetDisplayMedia: getSourceId argument is not a function");
     return;
   }
   window2.navigator.mediaDevices.getDisplayMedia = function getDisplayMedia(constraints) {
@@ -1912,9 +1898,7 @@ function filterIceServers$1(iceServers, edgeVersion) {
   return iceServers.filter(server => {
     if (server && (server.urls || server.url)) {
       let urls = server.urls || server.url;
-      if (server.url && !server.urls) {
-        deprecated("RTCIceServer.url", "RTCIceServer.urls");
-      }
+      if (server.url && !server.urls) ;
       const isString2 = typeof urls === "string";
       if (isString2) {
         urls = [urls];
@@ -2586,9 +2570,7 @@ function filterIceServers(iceServers, edgeVersion) {
   return iceServers.filter(function (server) {
     if (server && (server.urls || server.url)) {
       var urls = server.urls || server.url;
-      if (server.url && !server.urls) {
-        console.warn("RTCIceServer.url is deprecated! Use urls instead.");
-      }
+      if (server.url && !server.urls) ;
       var isString2 = typeof urls === "string";
       if (isString2) {
         urls = [urls];
@@ -3447,7 +3429,6 @@ var rtcpeerconnection = function (window2, edgeVersion) {
       }
       pc.transceivers.forEach(function (transceiver) {
         if (transceiver.iceTransport && transceiver.iceTransport.state === "new" && transceiver.iceTransport.getRemoteCandidates().length > 0) {
-          console.warn("Timeout for addRemoteCandidate. Consider sending an end-of-candidates notification");
           transceiver.iceTransport.addRemoteCandidate({});
         }
       });
@@ -4030,7 +4011,6 @@ function shimGetUserMedia$1(window2, browserDetails) {
   const navigator2 = window2 && window2.navigator;
   const MediaStreamTrack = window2 && window2.MediaStreamTrack;
   navigator2.getUserMedia = function (constraints, onSuccess, onError) {
-    deprecated("navigator.getUserMedia", "navigator.mediaDevices.getUserMedia");
     navigator2.mediaDevices.getUserMedia(constraints).then(onSuccess, onError);
   };
   if (!(browserDetails.version > 55 && "autoGainControl" in navigator2.mediaDevices.getSupportedConstraints())) {
@@ -4211,7 +4191,6 @@ function shimRemoveStream(window2) {
     return;
   }
   window2.RTCPeerConnection.prototype.removeStream = function removeStream(stream) {
-    deprecated("removeStream", "removeTrack");
     this.getSenders().forEach(sender => {
       if (sender.track && stream.getTracks().includes(sender.track)) {
         this.removeTrack(sender);
@@ -4543,7 +4522,6 @@ function shimRTCIceServerUrls(window2) {
       for (let i = 0; i < pcConfig.iceServers.length; i++) {
         let server = pcConfig.iceServers[i];
         if (!server.hasOwnProperty("urls") && server.hasOwnProperty("url")) {
-          deprecated("RTCIceServer.url", "RTCIceServer.urls");
           server = JSON.parse(JSON.stringify(server));
           server.urls = server.url;
           delete server.url;
@@ -4923,7 +4901,6 @@ function adapterFactory({
   shimEdge: true,
   shimSafari: true
 }) {
-  const logging2 = log$1;
   const browserDetails = detectBrowser(window2);
   const adapter = {
     browserDetails,
@@ -4935,14 +4912,11 @@ function adapterFactory({
   switch (browserDetails.browser) {
     case "chrome":
       if (!chromeShim || !shimPeerConnection$2 || !options.shimChrome) {
-        logging2("Chrome shim is not included in this adapter release.");
         return adapter;
       }
       if (browserDetails.version === null) {
-        logging2("Chrome shim can not determine version, not shimming.");
         return adapter;
       }
-      logging2("adapter.js shimming chrome.");
       adapter.browserShim = chromeShim;
       shimAddIceCandidateNullOrEmpty(window2, browserDetails);
       shimGetUserMedia$3(window2, browserDetails);
@@ -4962,10 +4936,8 @@ function adapterFactory({
       break;
     case "firefox":
       if (!firefoxShim || !shimPeerConnection || !options.shimFirefox) {
-        logging2("Firefox shim is not included in this adapter release.");
         return adapter;
       }
-      logging2("adapter.js shimming firefox.");
       adapter.browserShim = firefoxShim;
       shimAddIceCandidateNullOrEmpty(window2, browserDetails);
       shimGetUserMedia$1(window2, browserDetails);
@@ -4986,10 +4958,8 @@ function adapterFactory({
       break;
     case "edge":
       if (!edgeShim || !shimPeerConnection$1 || !options.shimEdge) {
-        logging2("MS edge shim is not included in this adapter release.");
         return adapter;
       }
-      logging2("adapter.js shimming edge.");
       adapter.browserShim = edgeShim;
       shimGetUserMedia$2(window2);
       shimGetDisplayMedia$1(window2);
@@ -5000,10 +4970,8 @@ function adapterFactory({
       break;
     case "safari":
       if (!safariShim || !options.shimSafari) {
-        logging2("Safari shim is not included in this adapter release.");
         return adapter;
       }
-      logging2("adapter.js shimming safari.");
       adapter.browserShim = safariShim;
       shimAddIceCandidateNullOrEmpty(window2, browserDetails);
       shimRTCIceServerUrls(window2);
@@ -5019,9 +4987,6 @@ function adapterFactory({
       shimSendThrowTypeError(window2);
       removeExtmapAllowMixed(window2, browserDetails);
       break;
-    default:
-      logging2("Unsupported browser!");
-      break;
   }
   return adapter;
 }
@@ -6100,7 +6065,6 @@ validators$1.transitional = function transitional2(validator2, version, message)
     }
     if (version && !deprecatedWarnings[opt]) {
       deprecatedWarnings[opt] = true;
-      console.warn(formatMessage(opt, " has been deprecated since v" + version + " and will be removed in the near future"));
     }
     return validator2 ? validator2(value, opt, opts) : true;
   };
@@ -6632,8 +6596,6 @@ class RTCEndpoint extends Event$1 {
     return this._localStream;
   }
 }
-console.log("build date:", BUILD_DATE);
-console.log("version:", VERSION$1);
 const Events = Events$1;
 const Endpoint = RTCEndpoint;
 
@@ -6741,7 +6703,6 @@ class WebRtcMt$1 {
           if (res.code === 0) {
             this.startPlay(plays);
           } else {
-            console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
             setTimeout(() => {
               this.rePlay();
             }, 3 * 60 * 1e3);
@@ -6749,7 +6710,6 @@ class WebRtcMt$1 {
           resolve(res);
         });
       }).catch(err => {
-        console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
         setTimeout(() => {
           this.rePlay();
         }, 3 * 60 * 1e3);
@@ -6760,11 +6720,6 @@ class WebRtcMt$1 {
     switch (type) {
       case "err":
         throw new Error(text);
-      case "warn":
-        console.log(text);
-        break;
-      default:
-        console.log(text);
     }
   }
   // 停止播放0
@@ -6808,7 +6763,6 @@ class WebRtcMt$1 {
       this.rePlay(videoElm);
     });
     player.on(Events.WEBRTC_ON_CONNECTION_STATE_CHANGE, state => {
-      console.log("webrtc:" + state);
       if (state === "disconnected" || state === "failed") {
         this.rePlay(videoElm);
       }
@@ -6816,10 +6770,8 @@ class WebRtcMt$1 {
   }
   // 重播
   rePlay(videoElm) {
-    console.log("\u5E95\u90E8\u505C\u6B62\u64AD\u653E");
     this.stopPlay();
     setTimeout(() => {
-      console.log("\u5E95\u90E8\u91CD\u64AD");
       this.init(this.opt);
     }, 5 * 1e3);
   }
@@ -7390,7 +7342,7 @@ function useActiveMenu(menuList, extraPages, isNav = false, watchOnce = false, i
   return menu;
 }
 
-function _isSlot$d(s) {
+function _isSlot$e(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
 const Header$1 = vue.defineComponent({
@@ -7485,7 +7437,7 @@ const Header$1 = vue.defineComponent({
         "selectedKeys": acitveMenuKey.value,
         "onUpdate:selectedKeys": $event => acitveMenuKey.value = $event,
         "onSelect": handleMenuSelected
-      }, _isSlot$d(_slot = props.menu.map(item => vue.createVNode(antDesignVue.MenuItem, {
+      }, _isSlot$e(_slot = props.menu.map(item => vue.createVNode(antDesignVue.MenuItem, {
         "key": item.id,
         "title": item.name
       }, {
@@ -7553,7 +7505,7 @@ const Header$1 = vue.defineComponent({
   }
 });
 
-function _isSlot$c(s) {
+function _isSlot$d(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
 const renderMenuItem = item => {
@@ -7635,7 +7587,7 @@ const SideMenu$1 = vue.defineComponent({
         "onUpdate:openKeys": $event => expandKeys.value = $event,
         "selectedKeys": activeMenu.value,
         "onSelect": handleMenuSelect
-      }, _isSlot$c(_slot = props.menu.map(item => renderMenuItem(item))) ? _slot : {
+      }, _isSlot$d(_slot = props.menu.map(item => renderMenuItem(item))) ? _slot : {
         default: () => [_slot]
       });
     };
@@ -7720,6 +7672,75 @@ function onAddExtraTabs(handler) {
   });
 }
 
+function useChildTheme(containerRef, isFullscreen, loadAppList) {
+  const theme = core.useLocalStorage("theme", "default");
+  const globalTheme = useQiankunStateValue("theme");
+  globalTheme.value = theme.value;
+  vue.watch([theme, globalTheme, isFullscreen, loadAppList, containerRef], async () => {
+    if (containerRef.value) {
+      await vue.nextTick();
+      const childContainerList = containerRef.value.querySelectorAll("[id^='__qiankun_microapp_wrapper_for_']");
+      const themeText = globalTheme.value === "dark" ? "dark" : "light";
+      for (const child of Array.from(childContainerList)) {
+        child.setAttribute("data-theme", themeText);
+        child.setAttribute("data-doc-theme", themeText);
+        if (isFullscreen.value) {
+          child.setAttribute("fullscreen", "");
+        } else {
+          child.removeAttribute("fullscreen");
+        }
+      }
+    }
+  }, {
+    immediate: true,
+    deep: true
+  });
+}
+
+function useFullscreenLogic(containerRef, iframeList, activeKey) {
+  const isFullscreenIframe = vue.ref(false);
+  const {
+    isFullscreen,
+    enter
+  } = core.useFullscreen(containerRef);
+  const {
+    elementY
+  } = core.useMouseInElement(containerRef);
+  const isTabsShow = vue.ref(false);
+  vue.watchEffect(() => {
+    if (isFullscreen.value) {
+      isTabsShow.value = false;
+    }
+  });
+  vue.watchEffect(() => {
+    if (elementY.value < 10) {
+      isTabsShow.value = true;
+    }
+  });
+  const isPadding = vue.computed(() => {
+    let iframePadding = false;
+    if (activeKey.value) {
+      const currentIframe = iframeList.value.find(item => item.id === activeKey.value);
+      if (currentIframe) {
+        iframePadding = currentIframe.url.includes("hasPadding");
+        if (!iframePadding) return false;
+      }
+    }
+    if (isFullscreen.value) return false;
+    return !isFullscreenIframe.value;
+  });
+  const handleFullscreen = tab => {
+    isFullscreenIframe.value = tab.mode === 2;
+    enter();
+  };
+  return {
+    isFullscreen,
+    isTabsShow,
+    isPadding,
+    handleFullscreen
+  };
+}
+
 function setParam(searchParams, obj) {
   for (const key in obj) {
     if (!searchParams.has(key)) {
@@ -7838,7 +7859,7 @@ const TabList = vue.defineComponent({
       }
     });
     vue.onBeforeUnmount(() => tabList.value = []);
-    core.watchArray(tabList, async (val, prev, added, removed) => {
+    core.watchArray(tabList, async (_val, _prev, _added, removed) => {
       for (const tab of removed) {
         if (tab.isExtraTab) {
           const idx = qiankunState.value.extraTabs.findIndex(item => item.key === tab.key && item.uniqueKey === tab.uniqueKey);
@@ -8086,32 +8107,33 @@ const TabList = vue.defineComponent({
   }
 });
 
-const PageContent = vue.defineComponent({
-  props: {
-    currMenu: {
-      type: Object
-    },
-    menu: {
-      type: Array,
-      default: () => []
-    },
-    extraPages: {
-      type: Array,
-      required: true
-    },
-    appList: {
-      type: Array,
-      required: true
-    },
-    showTabList: {
-      type: Boolean,
-      default: true
-    },
-    pageContainerRef: {
-      type: Object,
-      required: true
-    }
+const Props$1 = {
+  currMenu: {
+    type: Object
+  },
+  menu: {
+    type: Array,
+    default: () => []
+  },
+  extraPages: {
+    type: Array,
+    required: true
   },
+  appList: {
+    type: Array,
+    required: true
+  },
+  showTabList: {
+    type: Boolean,
+    default: true
+  },
+  pageContainerRef: {
+    type: Object,
+    required: true
+  }
+};
+const PageContent = vue.defineComponent({
+  props: Props$1,
   setup(props, {
     emit
   }) {
@@ -8139,12 +8161,12 @@ const PageContent = vue.defineComponent({
         extraPageList.value.splice(idx, 1);
       }
     };
-    const handleMenuChange = val => {
+    const handleMenuChange = (val, isFromMenu = false) => {
       if (!val) return;
       const routeQuery = {
         ...route.query
       };
-      const queryCombine = Object.assign(val.params || {}, routeQuery);
+      const queryCombine = Object.assign({}, val.params, routeQuery);
       if (val.isExtra) {
         const exist = extraPageList.value.find(item => item.key === val.key && item.uniqueKey === val.uniqueKey);
         if (!exist) {
@@ -8182,15 +8204,15 @@ const PageContent = vue.defineComponent({
       const tab = ___default["default"].cloneDeep(val);
       switch (mode) {
         case 0:
-          if (!isOpened) {
+          if (isOpened) {
+            openedTab.params = isFromMenu ? val.params : queryCombine;
+            val.params = isFromMenu ? val.params : queryCombine;
+          } else {
             tabList.value.push({
               ...tab,
               key: key ?? id,
               type: "menu"
             });
-          } else {
-            openedTab.params = queryCombine;
-            val.params = queryCombine;
           }
           const [path, currSearch = ""] = url.split("?");
           const searchObj = new URLSearchParams(currSearch);
@@ -8274,7 +8296,7 @@ const PageContent = vue.defineComponent({
     }, {
       immediate: true
     });
-    vue.watch(() => props.currMenu, handleMenuChange, {
+    vue.watch(() => props.currMenu, val => handleMenuChange(val, true), {
       immediate: true
     });
     core.useEventListener("message", e => {
@@ -8303,85 +8325,38 @@ const PageContent = vue.defineComponent({
     }, {
       immediate: true
     });
-    vue.watch(() => qiankunState.value.activeTabKey, val => activeKey.value = val);
+    vue.watch(() => qiankunState.value.activeTabKey, val => {
+      if (activeKey !== val) {
+        requestAnimationFrame(() => {
+          activeKey.value = val;
+        });
+      }
+    });
     onAddExtraTabs(added => {
       tabList.value.push(...added);
     });
-    const isFullscreenIframe = vue.ref(false);
     const {
       isFullscreen,
-      enter
-    } = core.useFullscreen(containerRef);
-    const {
-      elementY
-    } = core.useMouseInElement(containerRef);
-    const isTabsShow = vue.ref(false);
-    vue.watchEffect(() => {
-      if (isFullscreen.value) {
-        isTabsShow.value = false;
-      }
-    });
-    vue.watchEffect(() => {
-      if (elementY.value < 10) {
-        isTabsShow.value = true;
-      }
-    });
-    const isPadding = vue.computed(() => {
-      let iframePadding = false;
-      if (activeKey.value) {
-        const currentIframe = iframeList.value.find(item => item.id === activeKey.value);
-        if (currentIframe) {
-          iframePadding = currentIframe.url.includes("hasPadding");
-          if (!iframePadding) return false;
-        }
-      }
-      if (isFullscreen.value) return false;
-      return !isFullscreenIframe.value;
-    });
-    const handleFullscreen = tab => {
-      isFullscreenIframe.value = tab.mode === 2;
-      enter();
-    };
+      handleFullscreen,
+      isPadding,
+      isTabsShow
+    } = useFullscreenLogic(containerRef, iframeList, activeKey);
     const handleRefreshIframe = async ({
       id
     }) => {
       const iframe = iframeList.value.find(item => item.id === id);
-      if (iframe) {
-        iframe.refreshKey = Date.now();
-        const reqCode = await checkIframeUrl(iframe.url);
-        iframe.reqCode = reqCode;
-      }
+      if (!iframe) return;
+      iframe.refreshKey = Date.now();
+      const reqCode = await checkIframeUrl(iframe.url);
+      iframe.reqCode = reqCode;
     };
     const handleRefreshExtraPage = ({
       key
     }) => {
       const page = extraPageList.value.find(item => item.key === key);
-      if (page) {
-        page.refreshKey = Date.now();
-      }
+      page && (page.refreshKey = Date.now());
     };
-    const theme = core.useLocalStorage("theme", "default");
-    const globalTheme = useQiankunStateValue("theme");
-    globalTheme.value = theme.value;
-    vue.watch([theme, globalTheme, isFullscreen, loadAppList, containerRef], async () => {
-      if (containerRef.value) {
-        await vue.nextTick();
-        const childContainerList = containerRef.value.querySelectorAll("[id^='__qiankun_microapp_wrapper_for_']");
-        const themeText = globalTheme.value === "dark" ? "dark" : "light";
-        for (const child of Array.from(childContainerList)) {
-          child.setAttribute("data-theme", themeText);
-          child.setAttribute("data-doc-theme", themeText);
-          if (isFullscreen.value) {
-            child.setAttribute("fullscreen", "");
-          } else {
-            child.removeAttribute("fullscreen");
-          }
-        }
-      }
-    }, {
-      immediate: true,
-      deep: true
-    });
+    useChildTheme(containerRef, isFullscreen, loadAppList);
     const closeExtraPage = tab => {
       tabListRef.value?.closeTab(tab);
     };
@@ -8390,122 +8365,186 @@ const PageContent = vue.defineComponent({
         app.app.unmount();
       }
     });
-    return () => vue.createVNode("div", {
-      "class": "page-content",
-      "ref": containerRef
-    }, [props.showTabList && vue.withDirectives(vue.createVNode(TabList, {
-      "ref": tabListRef,
-      "activeKey": activeKey.value,
-      "onUpdate:activeKey": $event => activeKey.value = $event,
-      "list": tabList.value,
-      "onUpdate:list": $event => tabList.value = $event,
-      "containerRef": containerRef,
-      "onTabSelect": onTabSelect,
-      "onCloseExtraPage": handleExtraPageClose,
-      "onCloseIframePage": handleIframePageClose,
-      "onFullscreen": handleFullscreen,
-      "onRefreshIframe": handleRefreshIframe,
-      "onRefreshExtraPage": handleRefreshExtraPage,
-      "onMouseLeave": () => isTabsShow.value = false
-    }, null), [[vue.vShow, !isFullscreen.value || isTabsShow.value]]), vue.createVNode("div", {
-      "class": ["page-container", {
+    return () => {
+      const tabs = vue.withDirectives(vue.createVNode(TabList, {
+        "ref": tabListRef,
+        "activeKey": activeKey.value,
+        "onUpdate:activeKey": $event => activeKey.value = $event,
+        "list": tabList.value,
+        "onUpdate:list": $event => tabList.value = $event,
+        "containerRef": containerRef,
+        "onTabSelect": onTabSelect,
+        "onCloseExtraPage": handleExtraPageClose,
+        "onCloseIframePage": handleIframePageClose,
+        "onFullscreen": handleFullscreen,
+        "onRefreshIframe": handleRefreshIframe,
+        "onRefreshExtraPage": handleRefreshExtraPage,
+        "onMouseLeave": () => isTabsShow.value = false
+      }, null), [[vue.vShow, !isFullscreen.value || isTabsShow.value]]);
+      const containerCns = {
         padding: isPadding.value,
         fullscreen: isFullscreen.value
-      }],
-      "ref": props.pageContainerRef
-    }, [appDomList.value.map(item => vue.withDirectives(vue.createVNode("div", {
-      "key": item.id,
-      "id": item.id
-    }, null), [[vue.vShow, item.name === activeAppName.value]])), iframeList.value.map(item => {
-      const show = item.id === activeKey.value;
-      if (item.reqCode === 200 || item.reqCode === void 0) {
-        return vue.createVNode("iframe", {
-          "class": "menu-iframe",
-          "key": item.id + item.refreshKey,
-          "id": "iframe" + item.id,
+      };
+      const iframeRender = item => {
+        const show = item.id === activeKey.value;
+        if (item.reqCode === 200 || item.reqCode === void 0) {
+          return vue.createVNode("iframe", {
+            "class": "menu-iframe",
+            "key": item.id + item.refreshKey,
+            "id": "iframe" + item.id,
+            "style": {
+              zIndex: show ? "" : "-100"
+            },
+            "src": item.url,
+            "frameborder": "0"
+          }, null);
+        }
+        let src = "/micro-assets/platform_web/developing.png";
+        if (item.reqCode === 404) {
+          src = "/micro-assets/platform_web/page404.png";
+        }
+        return vue.withDirectives(vue.createVNode("div", {
+          "class": "iframe-fallback"
+        }, [vue.createVNode("img", {
+          "src": src,
+          "alt": ""
+        }, null)]), [[vue.vShow, show]]);
+      };
+      const childTypes = [];
+      childTypes.push(vue.createVNode(vue.Fragment, null, [appDomList.value.map(item => vue.withDirectives(vue.createVNode("div", {
+        "key": item.id,
+        "id": item.id
+      }, null), [[vue.vShow, item.name === activeAppName.value]]))]));
+      childTypes.push(vue.createVNode(vue.Fragment, null, [iframeList.value.map(iframeRender)]));
+      childTypes.push(vue.createVNode(vue.Fragment, null, [extraPageList.value.map(item => {
+        const extraPageShoe = getTabUniqueKey(item) === activeKey.value;
+        return vue.withDirectives(vue.createVNode("div", {
+          "key": item.key + item.refreshKey,
           "style": {
-            zIndex: show ? "" : "-100"
-          },
-          "src": item.url,
-          "frameborder": "0"
-        }, null);
-      }
-      let src = "/micro-assets/platform_web/developing.png";
-      if (item.reqCode === 404) {
-        src = "/micro-assets/platform_web/page404.png";
-      }
-      return vue.withDirectives(vue.createVNode("div", {
-        "class": "iframe-fallback"
-      }, [vue.createVNode("img", {
-        "src": src,
-        "alt": ""
-      }, null)]), [[vue.vShow, show]]);
-    }), extraPageList.value.map(item => vue.withDirectives(vue.createVNode("div", {
-      "key": item.key + item.refreshKey,
-      "style": {
-        "min-height": "100%"
-      }
-    }, [vue.createVNode(item.component, {
-      "onClose": () => closeExtraPage(item)
-    }, null)]), [[vue.vShow, getTabUniqueKey(item) === activeKey.value]]))])]);
+            "min-height": "100%"
+          }
+        }, [vue.createVNode(item.component, {
+          "onClose": () => closeExtraPage(item)
+        }, null)]), [[vue.vShow, extraPageShoe]]);
+      })]));
+      return vue.createVNode("div", {
+        "class": "page-content",
+        "ref": containerRef
+      }, [props.showTabList && tabs, vue.createVNode("div", {
+        "class": ["page-container", containerCns],
+        "ref": props.pageContainerRef
+      }, [childTypes])]);
+    };
   }
 });
 
-const Layout = vue.defineComponent({
-  emits: ["globalSearch", "personalCenter", "logout", "extraPage"],
-  props: {
-    // 用户权限菜单
-    userMenu: {
-      type: Array,
-      required: true
-    },
-    // 版权信息
-    copyRight: {
-      type: String
-    },
-    // 用户
-    userInfo: {
-      type: Object,
-      required: true
-    },
-    // 额外的页面
-    extraPages: {
-      type: Array,
-      default: () => []
-    },
-    // 未读消息
-    messageCount: {
-      type: Number,
-      default: 0
-    },
-    // 网页logo
-    logo: {
-      type: String
-    },
-    appList: {
-      type: Array,
-      required: true
-    },
-    // 展示菜单
-    withMenu: {
-      type: Boolean,
-      default: true
-    },
-    // 展示在左侧的菜单(不展示菜单模式)
-    sideMenu: {
-      type: Array
-    },
-    // 展示导航栏菜单和搜索框
-    showNav: {
-      type: Boolean,
-      default: true
-    },
-    // 是否展示我的消息
-    showNotice: {
-      type: Boolean,
-      default: true
+function useFakeModal(pageContainerRef) {
+  const showMask = vue.ref(false);
+  core.useEventListener("message", e => {
+    const {
+      data: event
+    } = e;
+    const {
+      type,
+      val,
+      delay = 0
+    } = event;
+    if (type === "toggleMask") {
+      setTimeout(() => {
+        showMask.value = val;
+      }, delay);
     }
+  });
+  const pageBounding = core.useElementBounding(pageContainerRef);
+  const modalPath = vue.computed(() => {
+    const {
+      top,
+      bottom,
+      left,
+      right
+    } = pageBounding;
+    const topDis = Math.round(top.value);
+    const rightDis = Math.round(window.innerWidth - right.value);
+    const bottomDis = Math.round(window.innerHeight - bottom.value);
+    const leftDis = Math.round(left.value);
+    return `polygon(
+      0% 0%,
+      0% 100%,
+      ${leftDis}px 100%,
+      ${leftDis}px ${topDis}px,
+      calc(100% - ${rightDis}px) ${topDis}px,
+      calc(100% - ${rightDis}px) calc(100% - ${bottomDis}px),
+      ${leftDis}px calc(100% - ${bottomDis}px),
+      ${leftDis}px 100%,
+      100% 100%,
+      100% 0%
+    )`;
+  });
+  return {
+    showMask,
+    modalPath
+  };
+}
+
+function _isSlot$c(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
+}
+const Props = {
+  // 用户权限菜单
+  userMenu: {
+    type: Array,
+    required: true
+  },
+  // 版权信息
+  copyRight: {
+    type: String
+  },
+  // 用户
+  userInfo: {
+    type: Object,
+    required: true
+  },
+  // 额外的页面
+  extraPages: {
+    type: Array,
+    default: () => []
+  },
+  // 未读消息
+  messageCount: {
+    type: Number,
+    default: 0
+  },
+  // 网页logo
+  logo: {
+    type: String
+  },
+  appList: {
+    type: Array,
+    required: true
+  },
+  // 展示菜单
+  withMenu: {
+    type: Boolean,
+    default: true
+  },
+  // 展示在左侧的菜单(不展示菜单模式)
+  sideMenu: {
+    type: Array
   },
+  // 展示导航栏菜单和搜索框
+  showNav: {
+    type: Boolean,
+    default: true
+  },
+  // 是否展示我的消息
+  showNotice: {
+    type: Boolean,
+    default: true
+  }
+};
+const Layout = vue.defineComponent({
+  emits: ["globalSearch", "personalCenter", "logout", "extraPage"],
+  props: Props,
   setup(props, {
     emit
   }) {
@@ -8518,15 +8557,13 @@ const Layout = vue.defineComponent({
     const siderMenu = vue.ref([]);
     const sideMenuShow = vue.computed(() => props.sideMenu || siderMenu.value);
     const showSideMenu = vue.computed(() => props.withMenu || !!props.sideMenu);
-    vue.watch(() => props.userMenu, val => {
-      if (val.length && menuRef) {
-        const refMenu = getMenuByKey(val, menuRef, "remark");
+    vue.watchEffect(() => {
+      if (props.userMenu.length > 0 && menuRef) {
+        const refMenu = getMenuByKey(props.userMenu, menuRef, "remark");
         if (refMenu) {
           siderMenu.value = [refMenu];
         }
       }
-    }, {
-      immediate: true
     });
     const showHeader = vue.computed(() => props.withMenu && !menuRef && !isOnlyPage);
     const showSide = vue.computed(() => showSideMenu.value && !isOnlyPage);
@@ -8557,52 +8594,19 @@ const Layout = vue.defineComponent({
         refreshTabKey: ""
       };
     });
-    const showMask = vue.ref(false);
-    core.useEventListener("message", e => {
-      const {
-        data: event
-      } = e;
-      const {
-        type,
-        val,
-        delay = 0
-      } = event;
-      if (type === "toggleMask") {
-        setTimeout(() => {
-          showMask.value = val;
-        }, delay);
-      }
-    });
     const pageContainerRef = vue.ref();
-    const pageBounding = core.useElementBounding(pageContainerRef);
-    const modalPath = vue.computed(() => {
-      const {
-        top,
-        bottom,
-        left,
-        right
-      } = pageBounding;
-      const topDis = Math.round(top.value);
-      const rightDis = Math.round(window.innerWidth - right.value);
-      const bottomDis = Math.round(window.innerHeight - bottom.value);
-      const leftDis = Math.round(left.value);
-      return `polygon(
-        0% 0%,
-        0% 100%,
-        ${leftDis}px 100%,
-        ${leftDis}px ${topDis}px,
-        calc(100% - ${rightDis}px) ${topDis}px,
-        calc(100% - ${rightDis}px) calc(100% - ${bottomDis}px),
-        ${leftDis}px calc(100% - ${bottomDis}px),
-        ${leftDis}px 100%,
-        100% 100%,
-        100% 0%
-      )`;
-    });
-    return () => vue.createVNode("div", {
-      "class": `${config.prefix}-layout`
-    }, [vue.createVNode(antDesignVue.Layout, null, {
-      default: () => [showHeader.value && vue.createVNode(antDesignVue.LayoutHeader, null, {
+    const {
+      showMask,
+      modalPath
+    } = useFakeModal(pageContainerRef);
+    return () => {
+      const modalMask = vue.createVNode("div", {
+        "class": "layout-mask",
+        "style": {
+          clipPath: modalPath.value
+        }
+      }, null);
+      const header = vue.createVNode(antDesignVue.LayoutHeader, null, {
         default: () => [vue.createVNode(Header$1, {
           "menu": props.showNav ? props.userMenu : [],
           "withSearch": props.showNav,
@@ -8617,47 +8621,49 @@ const Layout = vue.defineComponent({
           "onLogout": () => emit("logout"),
           "onExtraPage": e => emit("extraPage", e)
         }, null)]
-      }), vue.createVNode(antDesignVue.Layout, null, {
-        default: () => [showSide.value && vue.createVNode(antDesignVue.LayoutSider, {
-          "class": `${config.prefix}-layout-sider`,
-          "width": "10.416vw",
-          "collapsedWidth": "3.125vw",
-          "collapsed": isFolder.value
-        }, {
-          default: () => [vue.createVNode("div", {
-            "class": ["folder", {
-              isFold: isFolder.value
-            }],
-            "onClick": () => toggleFolder()
-          }, [isFolder.value ? vue.createVNode(iconsVue.MenuUnfoldOutlined, null, null) : vue.createVNode(iconsVue.MenuFoldOutlined, null, null)]), vue.createVNode(SideMenu$1, {
-            "menu": sideMenuShow.value,
-            "onMenuSelect": handleMenuSelect,
-            "extraPages": props.extraPages,
-            "expandAll": !!menuRef
-          }, null), vue.createVNode("div", {
-            "class": "copyright"
-          }, [props.copyRight])]
-        }), vue.createVNode(antDesignVue.LayoutContent, {
-          "class": {
-            "only-page": isOnlyPage
-          }
-        }, {
-          default: () => [vue.createVNode(PageContent, {
-            "pageContainerRef": pageContainerRef,
-            "currMenu": currMenu.value,
-            "menu": props.userMenu,
-            "extraPages": props.extraPages,
-            "appList": props.appList,
-            "showTabList": (props.withMenu || showSideMenu.value) && !isOnlyPage
-          }, null)]
+      });
+      const sider = vue.createVNode(antDesignVue.LayoutSider, {
+        "class": `${config.prefix}-layout-sider`,
+        "width": "10.416vw",
+        "collapsedWidth": "3.125vw",
+        "collapsed": isFolder.value
+      }, {
+        default: () => [vue.createVNode("div", {
+          "class": ["folder", {
+            isFold: isFolder.value
+          }],
+          "onClick": () => toggleFolder()
+        }, [isFolder.value ? vue.createVNode(iconsVue.MenuUnfoldOutlined, null, null) : vue.createVNode(iconsVue.MenuFoldOutlined, null, null)]), vue.createVNode(SideMenu$1, {
+          "menu": sideMenuShow.value,
+          "onMenuSelect": handleMenuSelect,
+          "extraPages": props.extraPages,
+          "expandAll": !!menuRef
+        }, null), vue.createVNode("div", {
+          "class": "copyright"
+        }, [props.copyRight])]
+      });
+      const content = vue.createVNode(PageContent, {
+        "pageContainerRef": pageContainerRef,
+        "currMenu": currMenu.value,
+        "menu": props.userMenu,
+        "extraPages": props.extraPages,
+        "appList": props.appList,
+        "showTabList": (props.withMenu || showSideMenu.value) && !isOnlyPage
+      }, null);
+      return vue.createVNode("div", {
+        "class": `${config.prefix}-layout`
+      }, [vue.createVNode(antDesignVue.Layout, null, {
+        default: () => [showHeader.value && header, vue.createVNode(antDesignVue.Layout, null, {
+          default: () => [showSide.value && sider, vue.createVNode(antDesignVue.LayoutContent, {
+            "class": {
+              "only-page": isOnlyPage
+            }
+          }, _isSlot$c(content) ? content : {
+            default: () => [content]
+          })]
         })]
-      })]
-    }), showMask.value && vue.createVNode("div", {
-      "class": "layout-mask",
-      "style": {
-        clipPath: modalPath.value
-      }
-    }, null)]);
+      }), showMask.value && modalMask]);
+    };
   }
 });
 var index$9 = installComponent(Layout, "layout");
@@ -9383,39 +9389,41 @@ const ChildHeader = vue.defineComponent({
 
 const isIndependentApp = query => !!query.token && !!query.onlyPage;
 const loginFun = new Login$1();
-const requestLogo = async () => {
-  const res = await fetch("/api/common/v1/sysconfig/searchImage?imgType=4&editImg=1&clientType=web");
-  const blob = await res.blob();
-  return URL.createObjectURL(blob);
-};
-const requestUserTree = async () => {
-  const headers = getCommonHeaders();
-  const res = await fetch("/api/common/v1/menu/tree", {
-    headers
-  });
-  const treeData = await res.json();
-  return treeData.data;
-};
-const requestCopyright = async () => {
-  const res = await fetch("/api/common/v1/sysconfig/getSysConfig?clientType=web");
-  const data = await res.json();
-  return data.data.homepageCopyright;
-};
-const postLogout = async () => {
-  const headers = getCommonHeaders();
-  await fetch("/api/common/v1/log/insert", {
-    method: "POST",
-    headers: {
-      ...headers,
-      "Content-Type": "application/json;charset=UTF-8"
-    },
-    body: JSON.stringify({
-      softSysId: "1",
-      operateId: "111",
-      recordId: "11",
-      content: "\u767B\u51FA"
-    })
-  });
+const httpUtil = {
+  requestLogo: async () => {
+    const res = await fetch("/api/common/v1/sysconfig/searchImage?imgType=4&editImg=1&clientType=web");
+    const blob = await res.blob();
+    return URL.createObjectURL(blob);
+  },
+  requestUserTree: async () => {
+    const headers = getCommonHeaders();
+    const res = await fetch("/api/common/v1/menu/tree", {
+      headers
+    });
+    const treeData = await res.json();
+    return treeData.data;
+  },
+  requestCopyright: async () => {
+    const res = await fetch("/api/common/v1/sysconfig/getSysConfig?clientType=web");
+    const data = await res.json();
+    return data.data.homepageCopyright;
+  },
+  postLogout: async () => {
+    const headers = getCommonHeaders();
+    await fetch("/api/common/v1/log/insert", {
+      method: "POST",
+      headers: {
+        ...headers,
+        "Content-Type": "application/json;charset=UTF-8"
+      },
+      body: JSON.stringify({
+        softSysId: "1",
+        operateId: "111",
+        recordId: "11",
+        content: "\u767B\u51FA"
+      })
+    });
+  }
 };
 const DefaultLayout = vue.defineComponent({
   async beforeRouteEnter(to) {
@@ -9460,12 +9468,12 @@ const DefaultLayout = vue.defineComponent({
     const userInfo = core.useSessionStorage("userinfo", {});
     const logo = vue.ref();
     const getLogo = async () => {
-      const str = await requestLogo();
+      const str = await httpUtil.requestLogo();
       logo.value = str;
     };
     const copyright = vue.ref("");
     const getCopyright = async () => {
-      const str = await requestCopyright();
+      const str = await httpUtil.requestCopyright();
       copyright.value = str;
     };
     const isIndependent = isIndependentApp(route.query);
@@ -9490,7 +9498,7 @@ const DefaultLayout = vue.defineComponent({
     });
     const permissionMenu = vue.ref([]);
     const getPermissionMenu = async () => {
-      const tree = await requestUserTree();
+      const tree = await httpUtil.requestUserTree();
       const appRefName = route.query.menuRef ?? undefined.VITE_APP_NAME;
       let userMenu = getMenuByKey(tree, appRefName, "remark");
       if (!userMenu) {
@@ -9501,9 +9509,8 @@ const DefaultLayout = vue.defineComponent({
     const menuList = vue.computed(() => isDev ? devMenuList.value : permissionMenu.value);
     const isIframe = vue.ref(false);
     const iframeUrl = vue.ref("");
-    vue.watch([route, menuList], ([{
-      query
-    }]) => {
+    vue.watch([route, menuList], () => {
+      const query = route.query;
       if (query.iframeId && menuList.value.length) {
         isIframe.value = true;
         const menuRecord = getMenuByKey(menuList.value, query.iframeId, "id");
@@ -9525,7 +9532,7 @@ const DefaultLayout = vue.defineComponent({
       }
     });
     const handleLogout = async () => {
-      await postLogout();
+      await httpUtil.postLogout();
       sessionStorage.clear();
       localStorage.clear();
       antDesignVue.message.info("\u7528\u6237\u9000\u51FA\u767B\u5F55");
@@ -9551,48 +9558,51 @@ const DefaultLayout = vue.defineComponent({
           "class": "independent-container"
         }, [vue.createVNode(vue.resolveComponent("router-view"), null, null)]);
       }
+      const header = vue.createVNode(antDesignVue.LayoutHeader, {
+        "class": "header-container"
+      }, {
+        default: () => [isDev ? vue.createVNode(ChildHeaderDev, {
+          "userInfo": userInfo.value
+        }, null) : vue.createVNode(ChildHeader, {
+          "userInfo": userInfo.value,
+          "logo": logo.value,
+          "onLogout": handleLogout
+        }, null)]
+      });
+      const sider = vue.createVNode(antDesignVue.LayoutSider, {
+        "class": `${config.prefix}-layout-sider`,
+        "width": "10.416vw",
+        "collapsedWidth": "3.125vw",
+        "collapsed": isFold.value
+      }, {
+        default: () => [vue.createVNode("div", {
+          "class": ["folder", {
+            isFold: isFold.value
+          }],
+          "onClick": () => toggleFold()
+        }, [isFold.value ? vue.createVNode(iconsVue.MenuUnfoldOutlined, null, null) : vue.createVNode(iconsVue.MenuFoldOutlined, null, null)]), vue.createVNode(SideMenu, {
+          "menuList": menuList.value
+        }, null), vue.createVNode("div", {
+          "class": "copyright"
+        }, [copyright.value])]
+      });
+      const content = vue.createVNode(antDesignVue.LayoutContent, {
+        "class": "layout-content"
+      }, {
+        default: () => [vue.createVNode("div", {
+          "class": "content-inner"
+        }, [vue.withDirectives(vue.createVNode(vue.resolveComponent("router-view"), null, null), [[vue.vShow, !isIframe.value]]), vue.withDirectives(vue.createVNode("iframe", {
+          "src": iframeUrl.value,
+          "height": "100%",
+          "width": "100%",
+          "frameborder": "0"
+        }, null), [[vue.vShow, isIframe.value]])])]
+      });
       return vue.createVNode(antDesignVue.Layout, {
         "class": `${config.prefix}-child-layout`
       }, {
-        default: () => [props.withHeader && vue.createVNode(antDesignVue.LayoutHeader, {
-          "class": "header-container"
-        }, {
-          default: () => [isDev ? vue.createVNode(ChildHeaderDev, {
-            "userInfo": userInfo.value
-          }, null) : vue.createVNode(ChildHeader, {
-            "userInfo": userInfo.value,
-            "logo": logo.value,
-            "onLogout": handleLogout
-          }, null)]
-        }), vue.createVNode(antDesignVue.Layout, null, {
-          default: () => [vue.createVNode(antDesignVue.LayoutSider, {
-            "class": `${config.prefix}-layout-sider`,
-            "width": "10.416vw",
-            "collapsedWidth": "3.125vw",
-            "collapsed": isFold.value
-          }, {
-            default: () => [vue.createVNode("div", {
-              "class": ["folder", {
-                isFold: isFold.value
-              }],
-              "onClick": () => toggleFold()
-            }, [isFold.value ? vue.createVNode(iconsVue.MenuUnfoldOutlined, null, null) : vue.createVNode(iconsVue.MenuFoldOutlined, null, null)]), vue.createVNode(SideMenu, {
-              "menuList": menuList.value
-            }, null), vue.createVNode("div", {
-              "class": "copyright"
-            }, [copyright.value])]
-          }), vue.createVNode(antDesignVue.LayoutContent, {
-            "class": "layout-content"
-          }, {
-            default: () => [vue.createVNode("div", {
-              "class": "content-inner"
-            }, [vue.withDirectives(vue.createVNode(vue.resolveComponent("router-view"), null, null), [[vue.vShow, !isIframe.value]]), vue.withDirectives(vue.createVNode("iframe", {
-              "src": iframeUrl.value,
-              "height": "100%",
-              "width": "100%",
-              "frameborder": "0"
-            }, null), [[vue.vShow, isIframe.value]])])]
-          })]
+        default: () => [props.withHeader && header, vue.createVNode(antDesignVue.Layout, null, {
+          default: () => [sider, content]
         })]
       });
     };
@@ -11537,7 +11547,6 @@ const CloudVideo = vue.defineComponent({
       initVideo();
     });
     vue.onBeforeUnmount(() => {
-      console.log("\u9500\u6BC1");
       player?.stop();
     });
     return () => vue.createVNode("div", {
@@ -11627,11 +11636,6 @@ class WebRtcMt {
     switch (type) {
       case "err":
         throw new Error(text);
-      case "warn":
-        console.warn(text);
-        break;
-      default:
-        console.info(text);
     }
   }
   // 停止播放0
@@ -12482,7 +12486,6 @@ const PeopleSelect = vue.defineComponent({
           "style": "display: inline-block;",
           "onClick": () => {
             modalOpen.value = true;
-            console.log("\u70B9\u51FB\u4E861111");
           }
         }, [typeof slots.default === "function" ? slots.default() : vue.createVNode(vue.resolveComponent("a-button"), {
           "type": "primary"
@@ -14102,7 +14105,6 @@ const SszComment = vue.defineComponent({
           token,
           corpUser
         } = await getZxUser(props.zxIp);
-        console.log("corpUser", corpUser);
         currentUserId.value = corpUser.id;
         mobile.setAxiosOption({
           baseURL: props.baseUrl,
@@ -14120,7 +14122,6 @@ const SszComment = vue.defineComponent({
           }
         });
       } catch (e) {
-        console.log(e);
         mobile.setAxiosOption({
           baseURL: props.baseUrl,
           headers: {
@@ -14777,7 +14778,6 @@ const QaContext = vue.defineComponent({
   }) {
     const containerRef = vue.ref();
     const onAnswerRender = text => {
-      console.log("%c%s", "color: #bd08b7;", text);
       containerRef.value.scrollTo({
         top: containerRef.value.scrollHeight,
         behavior: "smooth"