inl-ui 0.1.74 → 0.1.76

package/dist/index.js

@@ -2,9 +2,9 @@ import qiankun from 'vite-plugin-qiankun';
 import renderWithQiankun, { qiankunWindow } from 'vite-plugin-qiankun/dist/helper';
 import { defineComponent, createVNode, createApp, ref, watch, reactive, computed, onBeforeUnmount, inject, watchEffect, onActivated, onDeactivated, resolveComponent, isVNode, nextTick, Fragment, withDirectives, vShow, toRaw, provide, createTextVNode, onMounted, KeepAlive, shallowRef, onBeforeMount, mergeProps, onBeforeUpdate, Teleport } from 'vue';
 import axios$2 from 'axios';
-import { message, Menu, MenuItem, Input as Input$1, Badge, Avatar as Avatar$1, MenuDivider, Modal, SubMenu, Dropdown, Tooltip, Select, Layout as Layout$1, LayoutHeader, LayoutSider, LayoutContent, Form, Row, Col, FormItem, SelectOption, Switch, InputNumber } from 'ant-design-vue';
+import { message, Menu, MenuItem, Input as Input$1, Badge, Avatar as Avatar$1, MenuDivider, Modal, SubMenu, Dropdown, Tooltip, Select, LayoutHeader, LayoutSider, Layout as Layout$1, LayoutContent, Form, Row, Col, FormItem, SelectOption, Switch, InputNumber } from 'ant-design-vue';
 import _, { isPlainObject as isPlainObject$1, omit, cloneDeep, differenceBy, isObject as isObject$2, concat } from 'lodash';
-import { useIntervalFn, useEventBus, resolveRef, useEventListener, useMounted, useThrottleFn, useMouseInElement, useVModel, useMagicKeys, whenever, watchArray, useSessionStorage, useFullscreen, useLocalStorage, useToggle, useElementBounding, useMemory, useWindowSize, useClipboard, useBreakpoints, breakpointsAntDesign } from '@vueuse/core';
+import { useIntervalFn, useEventBus, resolveRef, useEventListener, useMounted, useThrottleFn, useLocalStorage, useFullscreen, useMouseInElement, useVModel, useMagicKeys, whenever, watchArray, useSessionStorage, useElementBounding, useToggle, useMemory, useWindowSize, useClipboard, useBreakpoints, breakpointsAntDesign } from '@vueuse/core';
 import dayjs from 'dayjs';
 import { useRouter, useRoute } from 'vue-router';
 import { createFromIconfontCN, SearchOutlined, DownOutlined, PoweroffOutlined, MenuUnfoldOutlined, MenuFoldOutlined, SkinFilled, FullscreenOutlined, CaretUpOutlined, CaretRightOutlined, CaretDownOutlined, FileExcelTwoTone, InboxOutlined, MessageOutlined } from '@ant-design/icons-vue';
@@ -13,7 +13,7 @@ import { XPopup, CommentBlock, setAxiosOption } from '@sszj-temp/mobile';
 import { marked } from 'marked';
 import '@sszj-temp/mobile/style.css';
 
-var version = "0.1.74";
+var version = "0.1.75";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -910,8 +910,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;
 }
@@ -941,7 +939,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);
@@ -1019,7 +1016,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() {
@@ -1027,17 +1023,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,
@@ -1296,7 +1283,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) {
@@ -1882,9 +1868,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];
@@ -2556,9 +2540,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];
@@ -3417,7 +3399,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({});
         }
       });
@@ -4000,7 +3981,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())) {
@@ -4181,7 +4161,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);
@@ -4513,7 +4492,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;
@@ -4893,7 +4871,6 @@ function adapterFactory({
   shimEdge: true,
   shimSafari: true
 }) {
-  const logging2 = log$1;
   const browserDetails = detectBrowser(window2);
   const adapter = {
     browserDetails,
@@ -4905,14 +4882,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);
@@ -4932,10 +4906,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);
@@ -4956,10 +4928,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);
@@ -4970,10 +4940,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);
@@ -4989,9 +4957,6 @@ function adapterFactory({
       shimSendThrowTypeError(window2);
       removeExtmapAllowMixed(window2, browserDetails);
       break;
-    default:
-      logging2("Unsupported browser!");
-      break;
   }
   return adapter;
 }
@@ -6070,7 +6035,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;
   };
@@ -6602,8 +6566,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;
 
@@ -6711,7 +6673,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);
@@ -6719,7 +6680,6 @@ class WebRtcMt$1 {
           resolve(res);
         });
       }).catch(err => {
-        console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
         setTimeout(() => {
           this.rePlay();
         }, 3 * 60 * 1e3);
@@ -6730,11 +6690,6 @@ class WebRtcMt$1 {
     switch (type) {
       case "err":
         throw new Error(text);
-      case "warn":
-        console.log(text);
-        break;
-      default:
-        console.log(text);
     }
   }
   // 停止播放0
@@ -6778,7 +6733,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);
       }
@@ -6786,10 +6740,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);
   }
@@ -7360,7 +7312,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]' && !isVNode(s);
 }
 const Header$1 = defineComponent({
@@ -7455,7 +7407,7 @@ const Header$1 = defineComponent({
         "selectedKeys": acitveMenuKey.value,
         "onUpdate:selectedKeys": $event => acitveMenuKey.value = $event,
         "onSelect": handleMenuSelected
-      }, _isSlot$d(_slot = props.menu.map(item => createVNode(MenuItem, {
+      }, _isSlot$e(_slot = props.menu.map(item => createVNode(MenuItem, {
         "key": item.id,
         "title": item.name
       }, {
@@ -7523,7 +7475,7 @@ const Header$1 = defineComponent({
   }
 });
 
-function _isSlot$c(s) {
+function _isSlot$d(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
 const renderMenuItem = item => {
@@ -7605,7 +7557,7 @@ const SideMenu$1 = 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]
       });
     };
@@ -7690,6 +7642,75 @@ function onAddExtraTabs(handler) {
   });
 }
 
+function useChildTheme(containerRef, isFullscreen, loadAppList) {
+  const theme = useLocalStorage("theme", "default");
+  const globalTheme = useQiankunStateValue("theme");
+  globalTheme.value = theme.value;
+  watch([theme, globalTheme, isFullscreen, loadAppList, containerRef], async () => {
+    if (containerRef.value) {
+      await 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 = ref(false);
+  const {
+    isFullscreen,
+    enter
+  } = useFullscreen(containerRef);
+  const {
+    elementY
+  } = useMouseInElement(containerRef);
+  const isTabsShow = ref(false);
+  watchEffect(() => {
+    if (isFullscreen.value) {
+      isTabsShow.value = false;
+    }
+  });
+  watchEffect(() => {
+    if (elementY.value < 10) {
+      isTabsShow.value = true;
+    }
+  });
+  const isPadding = 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)) {
@@ -7808,7 +7829,7 @@ const TabList = defineComponent({
       }
     });
     onBeforeUnmount(() => tabList.value = []);
-    watchArray(tabList, async (val, prev, added, removed) => {
+    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);
@@ -8056,32 +8077,33 @@ const TabList = defineComponent({
   }
 });
 
-const PageContent = 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 = defineComponent({
+  props: Props$1,
   setup(props, {
     emit
   }) {
@@ -8109,12 +8131,12 @@ const PageContent = 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) {
@@ -8152,15 +8174,15 @@ const PageContent = defineComponent({
       const tab = _.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);
@@ -8244,7 +8266,7 @@ const PageContent = defineComponent({
     }, {
       immediate: true
     });
-    watch(() => props.currMenu, handleMenuChange, {
+    watch(() => props.currMenu, val => handleMenuChange(val, true), {
       immediate: true
     });
     useEventListener("message", e => {
@@ -8273,85 +8295,38 @@ const PageContent = defineComponent({
     }, {
       immediate: true
     });
-    watch(() => qiankunState.value.activeTabKey, val => activeKey.value = val);
+    watch(() => qiankunState.value.activeTabKey, val => {
+      if (activeKey !== val) {
+        requestAnimationFrame(() => {
+          activeKey.value = val;
+        });
+      }
+    });
     onAddExtraTabs(added => {
       tabList.value.push(...added);
     });
-    const isFullscreenIframe = ref(false);
     const {
       isFullscreen,
-      enter
-    } = useFullscreen(containerRef);
-    const {
-      elementY
-    } = useMouseInElement(containerRef);
-    const isTabsShow = ref(false);
-    watchEffect(() => {
-      if (isFullscreen.value) {
-        isTabsShow.value = false;
-      }
-    });
-    watchEffect(() => {
-      if (elementY.value < 10) {
-        isTabsShow.value = true;
-      }
-    });
-    const isPadding = 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 = useLocalStorage("theme", "default");
-    const globalTheme = useQiankunStateValue("theme");
-    globalTheme.value = theme.value;
-    watch([theme, globalTheme, isFullscreen, loadAppList, containerRef], async () => {
-      if (containerRef.value) {
-        await 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);
     };
@@ -8360,122 +8335,186 @@ const PageContent = defineComponent({
         app.app.unmount();
       }
     });
-    return () => createVNode("div", {
-      "class": "page-content",
-      "ref": containerRef
-    }, [props.showTabList && withDirectives(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), [[vShow, !isFullscreen.value || isTabsShow.value]]), createVNode("div", {
-      "class": ["page-container", {
+    return () => {
+      const tabs = withDirectives(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), [[vShow, !isFullscreen.value || isTabsShow.value]]);
+      const containerCns = {
         padding: isPadding.value,
         fullscreen: isFullscreen.value
-      }],
-      "ref": props.pageContainerRef
-    }, [appDomList.value.map(item => withDirectives(createVNode("div", {
-      "key": item.id,
-      "id": item.id
-    }, null), [[vShow, item.name === activeAppName.value]])), iframeList.value.map(item => {
-      const show = item.id === activeKey.value;
-      if (item.reqCode === 200 || item.reqCode === void 0) {
-        return 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 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 withDirectives(createVNode("div", {
+          "class": "iframe-fallback"
+        }, [createVNode("img", {
+          "src": src,
+          "alt": ""
+        }, null)]), [[vShow, show]]);
+      };
+      const childTypes = [];
+      childTypes.push(createVNode(Fragment, null, [appDomList.value.map(item => withDirectives(createVNode("div", {
+        "key": item.id,
+        "id": item.id
+      }, null), [[vShow, item.name === activeAppName.value]]))]));
+      childTypes.push(createVNode(Fragment, null, [iframeList.value.map(iframeRender)]));
+      childTypes.push(createVNode(Fragment, null, [extraPageList.value.map(item => {
+        const extraPageShoe = getTabUniqueKey(item) === activeKey.value;
+        return withDirectives(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 withDirectives(createVNode("div", {
-        "class": "iframe-fallback"
-      }, [createVNode("img", {
-        "src": src,
-        "alt": ""
-      }, null)]), [[vShow, show]]);
-    }), extraPageList.value.map(item => withDirectives(createVNode("div", {
-      "key": item.key + item.refreshKey,
-      "style": {
-        "min-height": "100%"
-      }
-    }, [createVNode(item.component, {
-      "onClose": () => closeExtraPage(item)
-    }, null)]), [[vShow, getTabUniqueKey(item) === activeKey.value]]))])]);
+            "min-height": "100%"
+          }
+        }, [createVNode(item.component, {
+          "onClose": () => closeExtraPage(item)
+        }, null)]), [[vShow, extraPageShoe]]);
+      })]));
+      return createVNode("div", {
+        "class": "page-content",
+        "ref": containerRef
+      }, [props.showTabList && tabs, createVNode("div", {
+        "class": ["page-container", containerCns],
+        "ref": props.pageContainerRef
+      }, [childTypes])]);
+    };
   }
 });
 
-const Layout = 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 = ref(false);
+  useEventListener("message", e => {
+    const {
+      data: event
+    } = e;
+    const {
+      type,
+      val,
+      delay = 0
+    } = event;
+    if (type === "toggleMask") {
+      setTimeout(() => {
+        showMask.value = val;
+      }, delay);
     }
+  });
+  const pageBounding = useElementBounding(pageContainerRef);
+  const modalPath = 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]' && !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 = defineComponent({
+  emits: ["globalSearch", "personalCenter", "logout", "extraPage"],
+  props: Props,
   setup(props, {
     emit
   }) {
@@ -8488,15 +8527,13 @@ const Layout = defineComponent({
     const siderMenu = ref([]);
     const sideMenuShow = computed(() => props.sideMenu || siderMenu.value);
     const showSideMenu = computed(() => props.withMenu || !!props.sideMenu);
-    watch(() => props.userMenu, val => {
-      if (val.length && menuRef) {
-        const refMenu = getMenuByKey(val, menuRef, "remark");
+    watchEffect(() => {
+      if (props.userMenu.length > 0 && menuRef) {
+        const refMenu = getMenuByKey(props.userMenu, menuRef, "remark");
         if (refMenu) {
           siderMenu.value = [refMenu];
         }
       }
-    }, {
-      immediate: true
     });
     const showHeader = computed(() => props.withMenu && !menuRef && !isOnlyPage);
     const showSide = computed(() => showSideMenu.value && !isOnlyPage);
@@ -8527,52 +8564,19 @@ const Layout = defineComponent({
         refreshTabKey: ""
       };
     });
-    const showMask = ref(false);
-    useEventListener("message", e => {
-      const {
-        data: event
-      } = e;
-      const {
-        type,
-        val,
-        delay = 0
-      } = event;
-      if (type === "toggleMask") {
-        setTimeout(() => {
-          showMask.value = val;
-        }, delay);
-      }
-    });
     const pageContainerRef = ref();
-    const pageBounding = useElementBounding(pageContainerRef);
-    const modalPath = 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 () => createVNode("div", {
-      "class": `${config.prefix}-layout`
-    }, [createVNode(Layout$1, null, {
-      default: () => [showHeader.value && createVNode(LayoutHeader, null, {
+    const {
+      showMask,
+      modalPath
+    } = useFakeModal(pageContainerRef);
+    return () => {
+      const modalMask = createVNode("div", {
+        "class": "layout-mask",
+        "style": {
+          clipPath: modalPath.value
+        }
+      }, null);
+      const header = createVNode(LayoutHeader, null, {
         default: () => [createVNode(Header$1, {
           "menu": props.showNav ? props.userMenu : [],
           "withSearch": props.showNav,
@@ -8587,47 +8591,49 @@ const Layout = defineComponent({
           "onLogout": () => emit("logout"),
           "onExtraPage": e => emit("extraPage", e)
         }, null)]
-      }), createVNode(Layout$1, null, {
-        default: () => [showSide.value && createVNode(LayoutSider, {
-          "class": `${config.prefix}-layout-sider`,
-          "width": "10.416vw",
-          "collapsedWidth": "3.125vw",
-          "collapsed": isFolder.value
-        }, {
-          default: () => [createVNode("div", {
-            "class": ["folder", {
-              isFold: isFolder.value
-            }],
-            "onClick": () => toggleFolder()
-          }, [isFolder.value ? createVNode(MenuUnfoldOutlined, null, null) : createVNode(MenuFoldOutlined, null, null)]), createVNode(SideMenu$1, {
-            "menu": sideMenuShow.value,
-            "onMenuSelect": handleMenuSelect,
-            "extraPages": props.extraPages,
-            "expandAll": !!menuRef
-          }, null), createVNode("div", {
-            "class": "copyright"
-          }, [props.copyRight])]
-        }), createVNode(LayoutContent, {
-          "class": {
-            "only-page": isOnlyPage
-          }
-        }, {
-          default: () => [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 = createVNode(LayoutSider, {
+        "class": `${config.prefix}-layout-sider`,
+        "width": "10.416vw",
+        "collapsedWidth": "3.125vw",
+        "collapsed": isFolder.value
+      }, {
+        default: () => [createVNode("div", {
+          "class": ["folder", {
+            isFold: isFolder.value
+          }],
+          "onClick": () => toggleFolder()
+        }, [isFolder.value ? createVNode(MenuUnfoldOutlined, null, null) : createVNode(MenuFoldOutlined, null, null)]), createVNode(SideMenu$1, {
+          "menu": sideMenuShow.value,
+          "onMenuSelect": handleMenuSelect,
+          "extraPages": props.extraPages,
+          "expandAll": !!menuRef
+        }, null), createVNode("div", {
+          "class": "copyright"
+        }, [props.copyRight])]
+      });
+      const content = createVNode(PageContent, {
+        "pageContainerRef": pageContainerRef,
+        "currMenu": currMenu.value,
+        "menu": props.userMenu,
+        "extraPages": props.extraPages,
+        "appList": props.appList,
+        "showTabList": (props.withMenu || showSideMenu.value) && !isOnlyPage
+      }, null);
+      return createVNode("div", {
+        "class": `${config.prefix}-layout`
+      }, [createVNode(Layout$1, null, {
+        default: () => [showHeader.value && header, createVNode(Layout$1, null, {
+          default: () => [showSide.value && sider, createVNode(LayoutContent, {
+            "class": {
+              "only-page": isOnlyPage
+            }
+          }, _isSlot$c(content) ? content : {
+            default: () => [content]
+          })]
         })]
-      })]
-    }), showMask.value && createVNode("div", {
-      "class": "layout-mask",
-      "style": {
-        clipPath: modalPath.value
-      }
-    }, null)]);
+      }), showMask.value && modalMask]);
+    };
   }
 });
 var index$9 = installComponent(Layout, "layout");
@@ -9353,39 +9359,41 @@ const ChildHeader = 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 = defineComponent({
   async beforeRouteEnter(to) {
@@ -9430,12 +9438,12 @@ const DefaultLayout = defineComponent({
     const userInfo = useSessionStorage("userinfo", {});
     const logo = ref();
     const getLogo = async () => {
-      const str = await requestLogo();
+      const str = await httpUtil.requestLogo();
       logo.value = str;
     };
     const copyright = ref("");
     const getCopyright = async () => {
-      const str = await requestCopyright();
+      const str = await httpUtil.requestCopyright();
       copyright.value = str;
     };
     const isIndependent = isIndependentApp(route.query);
@@ -9460,7 +9468,7 @@ const DefaultLayout = defineComponent({
     });
     const permissionMenu = ref([]);
     const getPermissionMenu = async () => {
-      const tree = await requestUserTree();
+      const tree = await httpUtil.requestUserTree();
       const appRefName = route.query.menuRef ?? import.meta.env.VITE_APP_NAME;
       let userMenu = getMenuByKey(tree, appRefName, "remark");
       if (!userMenu) {
@@ -9471,9 +9479,8 @@ const DefaultLayout = defineComponent({
     const menuList = computed(() => isDev ? devMenuList.value : permissionMenu.value);
     const isIframe = ref(false);
     const iframeUrl = ref("");
-    watch([route, menuList], ([{
-      query
-    }]) => {
+    watch([route, menuList], () => {
+      const query = route.query;
       if (query.iframeId && menuList.value.length) {
         isIframe.value = true;
         const menuRecord = getMenuByKey(menuList.value, query.iframeId, "id");
@@ -9495,7 +9502,7 @@ const DefaultLayout = defineComponent({
       }
     });
     const handleLogout = async () => {
-      await postLogout();
+      await httpUtil.postLogout();
       sessionStorage.clear();
       localStorage.clear();
       message.info("\u7528\u6237\u9000\u51FA\u767B\u5F55");
@@ -9521,48 +9528,51 @@ const DefaultLayout = defineComponent({
           "class": "independent-container"
         }, [createVNode(resolveComponent("router-view"), null, null)]);
       }
+      const header = createVNode(LayoutHeader, {
+        "class": "header-container"
+      }, {
+        default: () => [isDev ? createVNode(ChildHeaderDev, {
+          "userInfo": userInfo.value
+        }, null) : createVNode(ChildHeader, {
+          "userInfo": userInfo.value,
+          "logo": logo.value,
+          "onLogout": handleLogout
+        }, null)]
+      });
+      const sider = createVNode(LayoutSider, {
+        "class": `${config.prefix}-layout-sider`,
+        "width": "10.416vw",
+        "collapsedWidth": "3.125vw",
+        "collapsed": isFold.value
+      }, {
+        default: () => [createVNode("div", {
+          "class": ["folder", {
+            isFold: isFold.value
+          }],
+          "onClick": () => toggleFold()
+        }, [isFold.value ? createVNode(MenuUnfoldOutlined, null, null) : createVNode(MenuFoldOutlined, null, null)]), createVNode(SideMenu, {
+          "menuList": menuList.value
+        }, null), createVNode("div", {
+          "class": "copyright"
+        }, [copyright.value])]
+      });
+      const content = createVNode(LayoutContent, {
+        "class": "layout-content"
+      }, {
+        default: () => [createVNode("div", {
+          "class": "content-inner"
+        }, [withDirectives(createVNode(resolveComponent("router-view"), null, null), [[vShow, !isIframe.value]]), withDirectives(createVNode("iframe", {
+          "src": iframeUrl.value,
+          "height": "100%",
+          "width": "100%",
+          "frameborder": "0"
+        }, null), [[vShow, isIframe.value]])])]
+      });
       return createVNode(Layout$1, {
         "class": `${config.prefix}-child-layout`
       }, {
-        default: () => [props.withHeader && createVNode(LayoutHeader, {
-          "class": "header-container"
-        }, {
-          default: () => [isDev ? createVNode(ChildHeaderDev, {
-            "userInfo": userInfo.value
-          }, null) : createVNode(ChildHeader, {
-            "userInfo": userInfo.value,
-            "logo": logo.value,
-            "onLogout": handleLogout
-          }, null)]
-        }), createVNode(Layout$1, null, {
-          default: () => [createVNode(LayoutSider, {
-            "class": `${config.prefix}-layout-sider`,
-            "width": "10.416vw",
-            "collapsedWidth": "3.125vw",
-            "collapsed": isFold.value
-          }, {
-            default: () => [createVNode("div", {
-              "class": ["folder", {
-                isFold: isFold.value
-              }],
-              "onClick": () => toggleFold()
-            }, [isFold.value ? createVNode(MenuUnfoldOutlined, null, null) : createVNode(MenuFoldOutlined, null, null)]), createVNode(SideMenu, {
-              "menuList": menuList.value
-            }, null), createVNode("div", {
-              "class": "copyright"
-            }, [copyright.value])]
-          }), createVNode(LayoutContent, {
-            "class": "layout-content"
-          }, {
-            default: () => [createVNode("div", {
-              "class": "content-inner"
-            }, [withDirectives(createVNode(resolveComponent("router-view"), null, null), [[vShow, !isIframe.value]]), withDirectives(createVNode("iframe", {
-              "src": iframeUrl.value,
-              "height": "100%",
-              "width": "100%",
-              "frameborder": "0"
-            }, null), [[vShow, isIframe.value]])])]
-          })]
+        default: () => [props.withHeader && header, createVNode(Layout$1, null, {
+          default: () => [sider, content]
         })]
       });
     };
@@ -11507,7 +11517,6 @@ const CloudVideo = defineComponent({
       initVideo();
     });
     onBeforeUnmount(() => {
-      console.log("\u9500\u6BC1");
       player?.stop();
     });
     return () => createVNode("div", {
@@ -11597,11 +11606,6 @@ class WebRtcMt {
     switch (type) {
       case "err":
         throw new Error(text);
-      case "warn":
-        console.warn(text);
-        break;
-      default:
-        console.info(text);
     }
   }
   // 停止播放0
@@ -12452,7 +12456,6 @@ const PeopleSelect = defineComponent({
           "style": "display: inline-block;",
           "onClick": () => {
             modalOpen.value = true;
-            console.log("\u70B9\u51FB\u4E861111");
           }
         }, [typeof slots.default === "function" ? slots.default() : createVNode(resolveComponent("a-button"), {
           "type": "primary"
@@ -14072,7 +14075,6 @@ const SszComment = defineComponent({
           token,
           corpUser
         } = await getZxUser(props.zxIp);
-        console.log("corpUser", corpUser);
         currentUserId.value = corpUser.id;
         setAxiosOption({
           baseURL: props.baseUrl,
@@ -14090,7 +14092,6 @@ const SszComment = defineComponent({
           }
         });
       } catch (e) {
-        console.log(e);
         setAxiosOption({
           baseURL: props.baseUrl,
           headers: {
@@ -14747,7 +14748,6 @@ const QaContext = defineComponent({
   }) {
     const containerRef = ref();
     const onAnswerRender = text => {
-      console.log("%c%s", "color: #bd08b7;", text);
       containerRef.value.scrollTo({
         top: containerRef.value.scrollHeight,
         behavior: "smooth"