inl-ui 0.1.58 → 0.1.59

package/dist/components/index.cjs

@@ -7046,8 +7046,21 @@ const PageContent = vue.defineComponent({
       }
     };
     const activeMenu = useActiveMenu(() => props.menu, props.extraPages, false, false, extraIframeList);
-    vue.watch(activeMenu, val => {
+    vue.watch(activeMenu, (val, oldVal) => {
       handleMenuChange(val);
+      function postIframeActive(id, active) {
+        const iframeEl = document.querySelector(`#iframe${id}`);
+        if (iframeEl) {
+          iframeEl.contentWindow.postMessage({
+            type: "activeChange",
+            data: false
+          }, "*");
+        }
+      }
+      vue.nextTick(() => {
+        if (val && val.mode === 2) postIframeActive(val.id);
+        if (oldVal && oldVal.mode === 2) postIframeActive(oldVal.id);
+      });
     }, {
       immediate: true
     });
@@ -7199,7 +7212,7 @@ const PageContent = vue.defineComponent({
         return vue.createVNode("iframe", {
           "class": "menu-iframe",
           "key": item.id + item.refreshKey,
-          "id": item.id,
+          "id": "iframe" + item.id,
           "style": {
             zIndex: show ? "" : "-100"
           },

package/dist/components/index.js

@@ -7018,8 +7018,21 @@ const PageContent = defineComponent({
       }
     };
     const activeMenu = useActiveMenu(() => props.menu, props.extraPages, false, false, extraIframeList);
-    watch(activeMenu, val => {
+    watch(activeMenu, (val, oldVal) => {
       handleMenuChange(val);
+      function postIframeActive(id, active) {
+        const iframeEl = document.querySelector(`#iframe${id}`);
+        if (iframeEl) {
+          iframeEl.contentWindow.postMessage({
+            type: "activeChange",
+            data: false
+          }, "*");
+        }
+      }
+      nextTick(() => {
+        if (val && val.mode === 2) postIframeActive(val.id);
+        if (oldVal && oldVal.mode === 2) postIframeActive(oldVal.id);
+      });
     }, {
       immediate: true
     });
@@ -7171,7 +7184,7 @@ const PageContent = defineComponent({
         return createVNode("iframe", {
           "class": "menu-iframe",
           "key": item.id + item.refreshKey,
-          "id": item.id,
+          "id": "iframe" + item.id,
           "style": {
             zIndex: show ? "" : "-100"
           },

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.57";
+var version = "0.1.58";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -8201,8 +8201,21 @@ const PageContent = vue.defineComponent({
       }
     };
     const activeMenu = useActiveMenu(() => props.menu, props.extraPages, false, false, extraIframeList);
-    vue.watch(activeMenu, val => {
+    vue.watch(activeMenu, (val, oldVal) => {
       handleMenuChange(val);
+      function postIframeActive(id, active) {
+        const iframeEl = document.querySelector(`#iframe${id}`);
+        if (iframeEl) {
+          iframeEl.contentWindow.postMessage({
+            type: "activeChange",
+            data: false
+          }, "*");
+        }
+      }
+      vue.nextTick(() => {
+        if (val && val.mode === 2) postIframeActive(val.id);
+        if (oldVal && oldVal.mode === 2) postIframeActive(oldVal.id);
+      });
     }, {
       immediate: true
     });
@@ -8354,7 +8367,7 @@ const PageContent = vue.defineComponent({
         return vue.createVNode("iframe", {
           "class": "menu-iframe",
           "key": item.id + item.refreshKey,
-          "id": item.id,
+          "id": "iframe" + item.id,
           "style": {
             zIndex: show ? "" : "-100"
           },

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.57";
+var version = "0.1.58";
 
 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.57";
+var version = "0.1.58";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -8171,8 +8171,21 @@ const PageContent = defineComponent({
       }
     };
     const activeMenu = useActiveMenu(() => props.menu, props.extraPages, false, false, extraIframeList);
-    watch(activeMenu, val => {
+    watch(activeMenu, (val, oldVal) => {
       handleMenuChange(val);
+      function postIframeActive(id, active) {
+        const iframeEl = document.querySelector(`#iframe${id}`);
+        if (iframeEl) {
+          iframeEl.contentWindow.postMessage({
+            type: "activeChange",
+            data: false
+          }, "*");
+        }
+      }
+      nextTick(() => {
+        if (val && val.mode === 2) postIframeActive(val.id);
+        if (oldVal && oldVal.mode === 2) postIframeActive(oldVal.id);
+      });
     }, {
       immediate: true
     });
@@ -8324,7 +8337,7 @@ const PageContent = defineComponent({
         return createVNode("iframe", {
           "class": "menu-iframe",
           "key": item.id + item.refreshKey,
-          "id": item.id,
+          "id": "iframe" + item.id,
           "style": {
             zIndex: show ? "" : "-100"
           },

package/package.json

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