inl-ui 0.1.85 → 0.1.87

package/dist/components/index.cjs

@@ -532,16 +532,24 @@ const SideMenu$1 = vue.defineComponent({
   }
 });
 
+function useActiveApp() {
+  const route = vueRouter.useRoute();
+  const activeAppName = vue.computed(() => {
+    return route.path.split("/")[1];
+  });
+  return activeAppName;
+}
+
 const loadedApp = /* @__PURE__ */new Map();
 function useMicroApp(appList) {
   const route = vueRouter.useRoute();
+  useActiveApp();
   const loadAppList = vue.ref(Array.from(loadedApp.values()));
   const appContainerList = vue.ref([]);
-  const handleRouteChange = async newRoute => {
-    const microAppName = newRoute.path.split("/")[1];
+  const handleRouteChange = val => {
+    const microAppName = val;
     let microAppDefine = appList.find(item => item.name === microAppName);
     if (!microAppDefine && !microAppName.startsWith("mtip-")) return;
-    console.log(555555555555555, newRoute.path);
     const domId = `microApp_${microAppName}`;
     if (!appContainerList.value.some(item => item.id === domId)) {
       appContainerList.value.push({
@@ -549,27 +557,29 @@ function useMicroApp(appList) {
         id: domId
       });
     }
-    const loadApp = loadedApp.get(microAppName);
-    if (loadApp) {
-      if (!loadApp.mounted) {
-        loadApp.app.mount();
+    setTimeout(async () => {
+      const loadApp = loadedApp.get(microAppName);
+      if (loadApp) {
+        if (!loadApp.mounted) {
+          loadApp.app.mount();
+        }
+        return;
       }
-      return;
-    }
-    const app = qiankun.loadMicroApp({
-      name: microAppDefine ? microAppDefine.name : microAppName,
-      entry: microAppDefine ? microAppDefine.entry : `/${microAppName}/`,
-      container: `#${domId}`
-    });
-    const microApp = {
-      name: microAppName,
-      domId,
-      app,
-      mounted: true
-    };
-    loadAppList.value.push(microApp);
-    loadedApp.set(microAppName, microApp);
-    await app.mountPromise;
+      const app = qiankun.loadMicroApp({
+        name: microAppDefine ? microAppDefine.name : microAppName,
+        entry: microAppDefine ? microAppDefine.entry : `/${microAppName}/`,
+        container: `#${domId}`
+      });
+      const microApp = {
+        name: microAppName,
+        domId,
+        app,
+        mounted: true
+      };
+      loadAppList.value.push(microApp);
+      loadedApp.set(microAppName, microApp);
+      await app.mountPromise;
+    }, 10);
   };
   vue.watch(route, handleRouteChange, {
     immediate: true
@@ -580,14 +590,6 @@ function useMicroApp(appList) {
   return [loadAppList, appContainerList];
 }
 
-function useActiveApp() {
-  const route = vueRouter.useRoute();
-  const activeAppName = vue.computed(() => {
-    return route.path.split("/")[1];
-  });
-  return activeAppName;
-}
-
 function onAddExtraTabs(handler) {
   const route = vueRouter.useRoute();
   const qiankunState = vue.inject("qiankunState");

package/dist/components/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, ref, watch, resolveComponent, isVNode, onBeforeUnmount, computed, inject, onActivated, onDeactivated, nextTick, watchEffect, Fragment, withDirectives, vShow, toRaw, reactive, provide, createTextVNode, onMounted, KeepAlive, shallowRef, onBeforeMount, mergeProps, onBeforeUpdate, Teleport } from 'vue';
+import { defineComponent, createVNode, ref, watch, resolveComponent, isVNode, computed, onBeforeUnmount, inject, onActivated, onDeactivated, nextTick, watchEffect, Fragment, withDirectives, vShow, toRaw, reactive, provide, createTextVNode, onMounted, KeepAlive, shallowRef, onBeforeMount, mergeProps, onBeforeUpdate, Teleport } from 'vue';
 import { createFromIconfontCN, SearchOutlined, DownOutlined, PoweroffOutlined, MenuUnfoldOutlined, MenuFoldOutlined, SkinFilled, FullscreenOutlined, CaretUpOutlined, CaretRightOutlined, CaretDownOutlined, FileExcelTwoTone, InboxOutlined, MessageOutlined } from '@ant-design/icons-vue';
 import { useRoute, useRouter } from 'vue-router';
 import { useMounted, resolveRef, useLocalStorage, useFullscreen, useMouseInElement, useVModel, useMagicKeys, whenever, watchArray, useEventListener, useSessionStorage, useElementBounding, useToggle, useMemory, useWindowSize, useClipboard, useBreakpoints, breakpointsAntDesign } from '@vueuse/core';
@@ -504,16 +504,24 @@ const SideMenu$1 = defineComponent({
   }
 });
 
+function useActiveApp() {
+  const route = useRoute();
+  const activeAppName = computed(() => {
+    return route.path.split("/")[1];
+  });
+  return activeAppName;
+}
+
 const loadedApp = /* @__PURE__ */new Map();
 function useMicroApp(appList) {
   const route = useRoute();
+  useActiveApp();
   const loadAppList = ref(Array.from(loadedApp.values()));
   const appContainerList = ref([]);
-  const handleRouteChange = async newRoute => {
-    const microAppName = newRoute.path.split("/")[1];
+  const handleRouteChange = val => {
+    const microAppName = val;
     let microAppDefine = appList.find(item => item.name === microAppName);
     if (!microAppDefine && !microAppName.startsWith("mtip-")) return;
-    console.log(555555555555555, newRoute.path);
     const domId = `microApp_${microAppName}`;
     if (!appContainerList.value.some(item => item.id === domId)) {
       appContainerList.value.push({
@@ -521,27 +529,29 @@ function useMicroApp(appList) {
         id: domId
       });
     }
-    const loadApp = loadedApp.get(microAppName);
-    if (loadApp) {
-      if (!loadApp.mounted) {
-        loadApp.app.mount();
+    setTimeout(async () => {
+      const loadApp = loadedApp.get(microAppName);
+      if (loadApp) {
+        if (!loadApp.mounted) {
+          loadApp.app.mount();
+        }
+        return;
       }
-      return;
-    }
-    const app = loadMicroApp({
-      name: microAppDefine ? microAppDefine.name : microAppName,
-      entry: microAppDefine ? microAppDefine.entry : `/${microAppName}/`,
-      container: `#${domId}`
-    });
-    const microApp = {
-      name: microAppName,
-      domId,
-      app,
-      mounted: true
-    };
-    loadAppList.value.push(microApp);
-    loadedApp.set(microAppName, microApp);
-    await app.mountPromise;
+      const app = loadMicroApp({
+        name: microAppDefine ? microAppDefine.name : microAppName,
+        entry: microAppDefine ? microAppDefine.entry : `/${microAppName}/`,
+        container: `#${domId}`
+      });
+      const microApp = {
+        name: microAppName,
+        domId,
+        app,
+        mounted: true
+      };
+      loadAppList.value.push(microApp);
+      loadedApp.set(microAppName, microApp);
+      await app.mountPromise;
+    }, 10);
   };
   watch(route, handleRouteChange, {
     immediate: true
@@ -552,14 +562,6 @@ function useMicroApp(appList) {
   return [loadAppList, appContainerList];
 }
 
-function useActiveApp() {
-  const route = useRoute();
-  const activeAppName = computed(() => {
-    return route.path.split("/")[1];
-  });
-  return activeAppName;
-}
-
 function onAddExtraTabs(handler) {
   const route = useRoute();
   const qiankunState = inject("qiankunState");

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.84";
+var version = "0.1.86";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -7642,16 +7642,24 @@ const SideMenu$1 = vue.defineComponent({
   }
 });
 
+function useActiveApp() {
+  const route = vueRouter.useRoute();
+  const activeAppName = vue.computed(() => {
+    return route.path.split("/")[1];
+  });
+  return activeAppName;
+}
+
 const loadedApp = /* @__PURE__ */new Map();
 function useMicroApp(appList) {
   const route = vueRouter.useRoute();
+  useActiveApp();
   const loadAppList = vue.ref(Array.from(loadedApp.values()));
   const appContainerList = vue.ref([]);
-  const handleRouteChange = async newRoute => {
-    const microAppName = newRoute.path.split("/")[1];
+  const handleRouteChange = val => {
+    const microAppName = val;
     let microAppDefine = appList.find(item => item.name === microAppName);
     if (!microAppDefine && !microAppName.startsWith("mtip-")) return;
-    console.log(555555555555555, newRoute.path);
     const domId = `microApp_${microAppName}`;
     if (!appContainerList.value.some(item => item.id === domId)) {
       appContainerList.value.push({
@@ -7659,27 +7667,29 @@ function useMicroApp(appList) {
         id: domId
       });
     }
-    const loadApp = loadedApp.get(microAppName);
-    if (loadApp) {
-      if (!loadApp.mounted) {
-        loadApp.app.mount();
+    setTimeout(async () => {
+      const loadApp = loadedApp.get(microAppName);
+      if (loadApp) {
+        if (!loadApp.mounted) {
+          loadApp.app.mount();
+        }
+        return;
       }
-      return;
-    }
-    const app = qiankun$1.loadMicroApp({
-      name: microAppDefine ? microAppDefine.name : microAppName,
-      entry: microAppDefine ? microAppDefine.entry : `/${microAppName}/`,
-      container: `#${domId}`
-    });
-    const microApp = {
-      name: microAppName,
-      domId,
-      app,
-      mounted: true
-    };
-    loadAppList.value.push(microApp);
-    loadedApp.set(microAppName, microApp);
-    await app.mountPromise;
+      const app = qiankun$1.loadMicroApp({
+        name: microAppDefine ? microAppDefine.name : microAppName,
+        entry: microAppDefine ? microAppDefine.entry : `/${microAppName}/`,
+        container: `#${domId}`
+      });
+      const microApp = {
+        name: microAppName,
+        domId,
+        app,
+        mounted: true
+      };
+      loadAppList.value.push(microApp);
+      loadedApp.set(microAppName, microApp);
+      await app.mountPromise;
+    }, 10);
   };
   vue.watch(route, handleRouteChange, {
     immediate: true
@@ -7690,14 +7700,6 @@ function useMicroApp(appList) {
   return [loadAppList, appContainerList];
 }
 
-function useActiveApp() {
-  const route = vueRouter.useRoute();
-  const activeAppName = vue.computed(() => {
-    return route.path.split("/")[1];
-  });
-  return activeAppName;
-}
-
 function onAddExtraTabs(handler) {
   const route = vueRouter.useRoute();
   const qiankunState = vue.inject("qiankunState");

package/dist/index.d.ts

@@ -11,7 +11,7 @@ import { Key } from 'ant-design-vue/lib/table/interface';
 import * as vue_jsx_runtime from 'vue/jsx-runtime';
 import * as _ant_design_icons_vue_lib_components_IconFont from '@ant-design/icons-vue/lib/components/IconFont';
 
-var version = "0.1.84";
+var version = "0.1.86";
 
 declare const _default$p: {
     set(theme: string): void;

package/dist/index.js

@@ -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.84";
+var version = "0.1.86";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -7612,16 +7612,24 @@ const SideMenu$1 = defineComponent({
   }
 });
 
+function useActiveApp() {
+  const route = useRoute();
+  const activeAppName = computed(() => {
+    return route.path.split("/")[1];
+  });
+  return activeAppName;
+}
+
 const loadedApp = /* @__PURE__ */new Map();
 function useMicroApp(appList) {
   const route = useRoute();
+  useActiveApp();
   const loadAppList = ref(Array.from(loadedApp.values()));
   const appContainerList = ref([]);
-  const handleRouteChange = async newRoute => {
-    const microAppName = newRoute.path.split("/")[1];
+  const handleRouteChange = val => {
+    const microAppName = val;
     let microAppDefine = appList.find(item => item.name === microAppName);
     if (!microAppDefine && !microAppName.startsWith("mtip-")) return;
-    console.log(555555555555555, newRoute.path);
     const domId = `microApp_${microAppName}`;
     if (!appContainerList.value.some(item => item.id === domId)) {
       appContainerList.value.push({
@@ -7629,27 +7637,29 @@ function useMicroApp(appList) {
         id: domId
       });
     }
-    const loadApp = loadedApp.get(microAppName);
-    if (loadApp) {
-      if (!loadApp.mounted) {
-        loadApp.app.mount();
+    setTimeout(async () => {
+      const loadApp = loadedApp.get(microAppName);
+      if (loadApp) {
+        if (!loadApp.mounted) {
+          loadApp.app.mount();
+        }
+        return;
       }
-      return;
-    }
-    const app = loadMicroApp({
-      name: microAppDefine ? microAppDefine.name : microAppName,
-      entry: microAppDefine ? microAppDefine.entry : `/${microAppName}/`,
-      container: `#${domId}`
-    });
-    const microApp = {
-      name: microAppName,
-      domId,
-      app,
-      mounted: true
-    };
-    loadAppList.value.push(microApp);
-    loadedApp.set(microAppName, microApp);
-    await app.mountPromise;
+      const app = loadMicroApp({
+        name: microAppDefine ? microAppDefine.name : microAppName,
+        entry: microAppDefine ? microAppDefine.entry : `/${microAppName}/`,
+        container: `#${domId}`
+      });
+      const microApp = {
+        name: microAppName,
+        domId,
+        app,
+        mounted: true
+      };
+      loadAppList.value.push(microApp);
+      loadedApp.set(microAppName, microApp);
+      await app.mountPromise;
+    }, 10);
   };
   watch(route, handleRouteChange, {
     immediate: true
@@ -7660,14 +7670,6 @@ function useMicroApp(appList) {
   return [loadAppList, appContainerList];
 }
 
-function useActiveApp() {
-  const route = useRoute();
-  const activeAppName = computed(() => {
-    return route.path.split("/")[1];
-  });
-  return activeAppName;
-}
-
 function onAddExtraTabs(handler) {
   const route = useRoute();
   const qiankunState = inject("qiankunState");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inl-ui",
-  "version": "0.1.85",
+  "version": "0.1.87",
   "description": "工业 pc ui库",
   "main": "dist/index.cjs",
   "module": "dist/index.js",