inl-ui 0.1.89 → 0.1.90

package/dist/components/index.cjs

@@ -543,13 +543,13 @@ function useActiveApp() {
 const loadedApp = /* @__PURE__ */new Map();
 function useMicroApp(appList) {
   const route = vueRouter.useRoute();
-  useActiveApp();
+  const activeAppName = useActiveApp();
   const loadAppList = vue.ref(Array.from(loadedApp.values()));
   const appContainerList = vue.ref([]);
-  const handleRouteChange = val => {
-    const microAppName = val;
+  const handleRouteChange = core.useThrottleFn(async () => {
+    const microAppName = activeAppName.value;
     let microAppDefine = appList.find(item => item.name === microAppName);
-    if (!microAppDefine) return;
+    if (!microAppDefine && !microAppName.startsWith("mtip-") && !microAppName.startsWith("innovateDept-")) return;
     const domId = `microApp_${microAppName}`;
     if (!appContainerList.value.some(item => item.id === domId)) {
       appContainerList.value.push({
@@ -577,8 +577,8 @@ function useMicroApp(appList) {
     };
     loadAppList.value.push(microApp);
     loadedApp.set(microAppName, microApp);
-    app.mountPromise;
-  };
+    await app.mountPromise;
+  }, 100);
   vue.watch(route, handleRouteChange, {
     immediate: true
   });

package/dist/components/index.js

@@ -1,7 +1,7 @@
 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';
+import { useMounted, resolveRef, useThrottleFn, useLocalStorage, useFullscreen, useMouseInElement, useVModel, useMagicKeys, whenever, watchArray, useEventListener, useSessionStorage, useElementBounding, useToggle, useMemory, useWindowSize, useClipboard, useBreakpoints, breakpointsAntDesign } from '@vueuse/core';
 import axios$2 from 'axios';
 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, differenceBy, cloneDeep, isObject as isObject$2, concat } from 'lodash';
@@ -515,13 +515,13 @@ function useActiveApp() {
 const loadedApp = /* @__PURE__ */new Map();
 function useMicroApp(appList) {
   const route = useRoute();
-  useActiveApp();
+  const activeAppName = useActiveApp();
   const loadAppList = ref(Array.from(loadedApp.values()));
   const appContainerList = ref([]);
-  const handleRouteChange = val => {
-    const microAppName = val;
+  const handleRouteChange = useThrottleFn(async () => {
+    const microAppName = activeAppName.value;
     let microAppDefine = appList.find(item => item.name === microAppName);
-    if (!microAppDefine) return;
+    if (!microAppDefine && !microAppName.startsWith("mtip-") && !microAppName.startsWith("innovateDept-")) return;
     const domId = `microApp_${microAppName}`;
     if (!appContainerList.value.some(item => item.id === domId)) {
       appContainerList.value.push({
@@ -549,8 +549,8 @@ function useMicroApp(appList) {
     };
     loadAppList.value.push(microApp);
     loadedApp.set(microAppName, microApp);
-    app.mountPromise;
-  };
+    await app.mountPromise;
+  }, 100);
   watch(route, handleRouteChange, {
     immediate: true
   });

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.88";
+var version = "0.1.89";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -7653,13 +7653,13 @@ function useActiveApp() {
 const loadedApp = /* @__PURE__ */new Map();
 function useMicroApp(appList) {
   const route = vueRouter.useRoute();
-  useActiveApp();
+  const activeAppName = useActiveApp();
   const loadAppList = vue.ref(Array.from(loadedApp.values()));
   const appContainerList = vue.ref([]);
-  const handleRouteChange = val => {
-    const microAppName = val;
+  const handleRouteChange = core.useThrottleFn(async () => {
+    const microAppName = activeAppName.value;
     let microAppDefine = appList.find(item => item.name === microAppName);
-    if (!microAppDefine) return;
+    if (!microAppDefine && !microAppName.startsWith("mtip-") && !microAppName.startsWith("innovateDept-")) return;
     const domId = `microApp_${microAppName}`;
     if (!appContainerList.value.some(item => item.id === domId)) {
       appContainerList.value.push({
@@ -7687,8 +7687,8 @@ function useMicroApp(appList) {
     };
     loadAppList.value.push(microApp);
     loadedApp.set(microAppName, microApp);
-    app.mountPromise;
-  };
+    await app.mountPromise;
+  }, 100);
   vue.watch(route, handleRouteChange, {
     immediate: true
   });

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.88";
+var version = "0.1.89";
 
 declare const _default$p: {
     set(theme: string): void;

package/dist/index.js

@@ -4,7 +4,7 @@ import { defineComponent, createVNode, createApp, ref, watch, reactive, computed
 import axios$2 from 'axios';
 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, useLocalStorage, useFullscreen, useMouseInElement, useVModel, useMagicKeys, whenever, watchArray, useSessionStorage, useElementBounding, useToggle, 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.88";
+var version = "0.1.89";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -7623,13 +7623,13 @@ function useActiveApp() {
 const loadedApp = /* @__PURE__ */new Map();
 function useMicroApp(appList) {
   const route = useRoute();
-  useActiveApp();
+  const activeAppName = useActiveApp();
   const loadAppList = ref(Array.from(loadedApp.values()));
   const appContainerList = ref([]);
-  const handleRouteChange = val => {
-    const microAppName = val;
+  const handleRouteChange = useThrottleFn(async () => {
+    const microAppName = activeAppName.value;
     let microAppDefine = appList.find(item => item.name === microAppName);
-    if (!microAppDefine) return;
+    if (!microAppDefine && !microAppName.startsWith("mtip-") && !microAppName.startsWith("innovateDept-")) return;
     const domId = `microApp_${microAppName}`;
     if (!appContainerList.value.some(item => item.id === domId)) {
       appContainerList.value.push({
@@ -7657,8 +7657,8 @@ function useMicroApp(appList) {
     };
     loadAppList.value.push(microApp);
     loadedApp.set(microAppName, microApp);
-    app.mountPromise;
-  };
+    await app.mountPromise;
+  }, 100);
   watch(route, handleRouteChange, {
     immediate: true
   });

package/package.json

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