bl-common-vue3 3.8.123 → 3.8.124

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bl-common-vue3",
-  "version": "3.8.123",
+  "version": "3.8.124",
   "main": "index.js",
   "module": "index.js",
   "description": "bailing vue3 common components lib",

package/src/components/ViewPropertyList/index.vue

@@ -39,10 +39,11 @@
 <script>
 import {
   computed,
-  defineComponent, reactive, toRefs, watch,
+  defineComponent, getCurrentInstance, reactive, toRefs, watch,
 } from "vue";
 import {Modal, Table} from "ant-design-vue";
 import { SyncOutlined } from "@ant-design/icons-vue";
+import { EventCenterForMicroApp } from "kj-micro-app";
 import {t, loadLanguageAsync} from "../../locale";
 import utils from "../../common/utils/util";
 import BlModal from "../BlModal/index.vue";
@@ -84,6 +85,7 @@ export default defineComponent({
     },
   },
   setup(props, { emit }) {
+    const instance = getCurrentInstance();
 
     const state = reactive({
       dataList: [], // 数据源
@@ -157,11 +159,17 @@ export default defineComponent({
       // context.emit("addProperty");
       state.addLoading = true;
       if (props.microMessageInfo.appName && props.microMessageInfo.routeName) {
-        // 如果是在父应用中运行
+        // 共享依赖运行在主应用作用域，通过组件所属容器定位发起操作的子应用。
+        const rootElement = instance?.proxy?.$root?.$el;
+        const appElement = rootElement?.closest?.("micro-app") ||
+          rootElement?.parentElement?.closest("micro-app");
+        const appName = appElement?.getAttribute("name");
+        const microApp = typeof window.microApp?.forceDispatch === "function"
+          ? window.microApp
+          : appName ? new EventCenterForMicroApp(appName) : null;
 
-        if (window.__MICRO_APP_ENVIRONMENT__) {
-
-          window.microApp.forceDispatch({
+        if (microApp) {
+          microApp.forceDispatch({
             type: "SetChildDrawerList",
             info: {
               props: {