修改组件引入方式,尝试通过总线更新组件数据

src/ajax/api.ts

 let BASE_URL: string = ''
 switch (process.env.NODE_ENV) {
   case 'production':
-    BASE_URL = ''
+    BASE_URL = 'http://ja-hm.omniview.pro/api/v2'
     break
   default:
-    BASE_URL = ''
+    BASE_URL = 'http://ja-hm.omniview.pro/api/v2'
 }
 
 export default {
   BASE_URL,
-  TEST_URL: 'https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js',
+  CONFIGS: '/service-bigscreen/public/bigscreenConfigs', // 配置
 }

src/utils/component-lib.esm.js

-import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, createCommentVNode, createElementVNode, createVNode, toDisplayString, createTextVNode, createBlock, withCtx, pushScopeId, popScopeId, unref, inject, provide, computed, onBeforeUnmount, ref, readonly, watch, onMounted, Comment, markRaw, h, renderSlot, onBeforeMount, Transition, toRef, getCurrentInstance, withDirectives, Teleport, nextTick, mergeProps, watchEffect, vShow, cloneVNode } from 'vue';
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, createCommentVNode, createElementVNode, createVNode, toDisplayString, createTextVNode, createBlock, withCtx, pushScopeId, popScopeId, ref, unref, inject, provide, computed, onBeforeUnmount, readonly, watch, onMounted, Comment, markRaw, h, renderSlot, onBeforeMount, Transition, toRef, getCurrentInstance, withDirectives, Teleport, nextTick, mergeProps, watchEffect, vShow, cloneVNode } from 'vue';
+
+function mitt(n){return {all:n=n||new Map,on:function(t,e){var i=n.get(t);i?i.push(e):n.set(t,[e]);},off:function(t,e){var i=n.get(t);i&&(e?i.splice(i.indexOf(e)>>>0,1):n.set(t,[]));},emit:function(t,e){var i=n.get(t);i&&i.slice().map(function(n){n(e);}),(i=n.get("*"))&&i.slice().map(function(n){n(t,e);});}}}
+
+const eventBus$1 = mitt();
+const defaultOptions = {
+  global: true,
+  inject: true,
+  globalPropertyName: '$eventBus',
+  injectName: '$eventBus'
+};
+
+function install$1(app, options) {
+  const opt = { ...defaultOptions,
+    ...options
+  };
+
+  if (opt.global) {
+    app.config.globalProperties[opt.globalPropertyName] = eventBus$1;
+  }
+
+  if (opt.inject) {
+    app.provide(opt.injectName, eventBus$1);
+  }
+
+  return eventBus$1;
+}
+
+eventBus$1.install = install$1;
+var EventBus = eventBus$1;
 
 var img$9 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcCAMAAADUMSJqAAAA21BMVEUAAABcZnBGU2FHVGJGU2JHVGJIVGJLWmVKVmdGVGJGVGJGU2FGU2FHU2JHU2FGU2FGVGFHU2FGU2JHVGFGVGJHVGFHVGJHVGJIVWJIU2NIVGNIVmRIVWJIU2SAgIBIU2JGU2H////V2NtjbnqSmqJNWWdQXGlpdH/x8vOyuL3S1dnP0taBipOssrjb3eBUYG2hp6/P09apr7VIVmPf4eRhbHilq7Kgp651f4n7+/zJzdHBxcq3vMGXnqZbZ3Pn6etYZHD19vfY296Lk5yEjZZweoWcoqp5g41daHWQoSEBAAAAIHRSTlMABvh9+6NEIx/68+/s49/a0srEv6edj4h1X1VKPC4ChxxGkpcAAANeSURBVGjezdppV+IwFAbg0IVF9l1Wb0TEZVgUBlkVx23+/y8aWoamkEtKQnv0/aIn1sec2JumCeSYhBpV3cxlUglNS6QyOVOvNkLEj4Tqel4DLlper5/4B5ph8wwO5swMN5XpaDkJHkmWo0p0pBiDIxIrRuTpggFHxijI8SFdA4lousT/NpwGyaTDx3a7BAopHdX5aBaUko1627U4KCZe87IrBijHqIjtczgp5yL7Ak7MhUq/T+97BXxIBbdrhh+4UcPsaBx8STyK1GUWfEqWr9US+JYSN1eBjwnvDUraTzy9OzA6+BrdbUc0f3Et4sILIMryZdGW1AuujgvL54lS+iCpG6zrRQ9bQS86tRkT2yp6bFunZbGtppc3dlOwrhrY7uONvJ5sHirOzmTSYvYVdGz9vi1fpibXvlpL0yGzATryfTftyufXsb8tacjsp76CfmbNAXU4gDv2LR31FUam7kwrPD5mNqU9pktNMPkDuMtW0/OEhDQcd9u2fi2rayHSABxntrLeIFUMd+wuZfkjq1fRx8SYs5V0nZh4zTNbXTdJzttmuZTScySDz4PMVtczJHWo34+Ijev3AxxPkQTXb8dGc8fpHXozRPEE2a2hT87m9fZWByv2pV94Fe3hL7iN6y3nd+Y4vjcs71PO5vOw0RdgZ7JueW3jw5KCXX30ZheRp97rwiYLq+UNw1P8rehl790q7VerYYbfijnMltDfqZXpCi0iE5u1vHMF/zOjdpZY+fMTV0sK70+pnR46cVXF+N1k1bfzMUfxq21DC5tyG0K856q9OYZfbhvG2MMipInwJaxmIyt3HfhC8L9Owwv2mCN5Ef7LqacZtBB8wFo+kAc00cX47XbwUXzEWm6xpUX9BLzDGvipse4s59Tw7s61yHKOmMr48MbdNEcWoiSsjE+oO9MhsoRuJlXx/ri7zoLSmfV1iS3+SVkJd/JsXcaljL1wqeP4CxcpyuPLayfr9rfNd0OmFNGXXDEuzusH8pJLCv7g9BF5PScRzR98wDYW8C2R50tXJvDZ22Rh/0Cc+bMzrQS5mRPkNlSQG2iBbv0FuWkZ5HZrkBvFQW9xB785H/yxQvAHIsEf5QR/CKV+fPb9B39KR5Y/5bBV7pj4px1wH3c0/1M/VHDixyH+ASV8UgWLo8tSAAAAAElFTkSuQmCC";
   var icon1 = img$9;
@@ -112,7 +141,7 @@ styleInject(css_248z$h);
 script$g.render = render$6;
 script$g.__scopeId = "data-v-27978040";
 
-const _withScopeId$6 = n => (pushScopeId("data-v-ab2686f8"), n = n(), popScopeId(), n);
+const _withScopeId$6 = n => (pushScopeId("data-v-4d3577bb"), n = n(), popScopeId(), n);
 
 const _hoisted_1$e = {
   class: "wrapper"
@@ -171,6 +200,11 @@ function setup$a(__props) {
     name: '物业日查',
     value: 100
   }];
+
+  const test = () => {
+    EventBus.emit('map', 'A001');
+  };
+
   return (_ctx, _cache) => {
     const _component_m_progress = resolveComponent("m-progress");
 
@@ -193,8 +227,9 @@ function setup$a(__props) {
             unit: '%',
             color: '#fff'
           },
-          color: ['rgb(36,59,86)', '#F4923E']
-        }, null, 8, ["value", "msg", "color"]);
+          color: ['rgb(36,59,86)', '#F4923E'],
+          onClick: $event => test()
+        }, null, 8, ["value", "msg", "color", "onClick"]);
       }), 64))]), createElementVNode("div", _hoisted_3$b, [_hoisted_4$b, createElementVNode("div", null, [createElementVNode("div", null, [createElementVNode("p", _hoisted_5$8, [createVNode(_component_m_count, {
         value: 63
       })]), _hoisted_6$8]), _hoisted_7$7, createElementVNode("div", null, [createElementVNode("p", _hoisted_8$7, [createVNode(_component_m_count, {
@@ -209,10 +244,10 @@ var script$f = /*#__PURE__*/defineComponent({ ...__default__$a,
   setup: setup$a
 });
 
-var css_248z$g = ".wrapper[data-v-ab2686f8] {\n  display: flex;\n  padding-bottom: 0.05rem;\n}\n.wrapper .left[data-v-ab2686f8] {\n  flex: 1.8;\n}\n.wrapper .right[data-v-ab2686f8] {\n  flex: 1;\n  background: rgba(70,83,97,0.4);\n  border-radius: 0.04rem;\n  box-shadow: 0 0.01rem 0.01rem 0 rgba(255,255,255,0.2) inset;\n  box-sizing: border-box;\n  margin: 0.06rem 0.06rem 0 0.1rem;\n  padding: 0.06rem 0.1rem;\n}\n.wrapper .right >div[data-v-ab2686f8] {\n  display: flex;\n  align-items: center;\n  margin-top: 0.1rem;\n}\n.wrapper .right >div >div[data-v-ab2686f8] {\n  flex: 1;\n  text-align: center;\n}\n.wrapper .right >div >div .count[data-v-ab2686f8] {\n  font-size: 0.12rem;\n  color: #edb872;\n  font-family: DIN, 'Avenir', Helvetica, Arial, sans-serif;\n  font-weight: bold;\n}\n.wrapper .right >div >div >p[data-v-ab2686f8] {\n  color: #ccc;\n}\n";
+var css_248z$g = ".wrapper[data-v-4d3577bb] {\n  display: flex;\n  padding-bottom: 0.05rem;\n}\n.wrapper .left[data-v-4d3577bb] {\n  flex: 1.8;\n}\n.wrapper .right[data-v-4d3577bb] {\n  flex: 1;\n  background: rgba(70,83,97,0.4);\n  border-radius: 0.04rem;\n  box-shadow: 0 0.01rem 0.01rem 0 rgba(255,255,255,0.2) inset;\n  box-sizing: border-box;\n  margin: 0.06rem 0.06rem 0 0.1rem;\n  padding: 0.06rem 0.1rem;\n}\n.wrapper .right >div[data-v-4d3577bb] {\n  display: flex;\n  align-items: center;\n  margin-top: 0.1rem;\n}\n.wrapper .right >div >div[data-v-4d3577bb] {\n  flex: 1;\n  text-align: center;\n}\n.wrapper .right >div >div .count[data-v-4d3577bb] {\n  font-size: 0.12rem;\n  color: #edb872;\n  font-family: DIN, 'Avenir', Helvetica, Arial, sans-serif;\n  font-weight: bold;\n}\n.wrapper .right >div >div >p[data-v-4d3577bb] {\n  color: #ccc;\n}\n";
 styleInject(css_248z$g);
 
-script$f.__scopeId = "data-v-ab2686f8";
+script$f.__scopeId = "data-v-4d3577bb";
 
 var img$6 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcCAMAAADUMSJqAAAA1VBMVEUAAABcZnBGU2FHVGJGU2JHVGJIVGJJWWVGVGFGVGJGU2FGU2FHU2JHU2FGU2FGVGFHU2FGU2JHVGFGVGJHVGFHVGJHVGJIVWJIU2NIVGNIVmRIVWJIU2RMWmdNVWaAgIBIU2JGU2H///+AiJLFyc54gYuQl6Db3uFfanb39/jq7O3k5ujKztLO0tWpr7b7+/vw8fK5vsPt7u/BxclSXmvV2Nulq7Kco6pzfYhWYm9MWWbX2t2zub6WnaWFjpdsd4JpdH/f4eSts7mLk5xmcXyIkZqBipNC5kTCAAAAIXRSTlMABvh9/KNEIfrz7+zj39rSysS/p52PiHVfVUo8LiUeAofuiMjAAAADIElEQVRo3s2ae1PiMBDAQ9ICgsgb5aG4RaiVN/hEEfS8+/4f6UqYOcrFJE3pjvz+WmecH5mSTba7kDAkWnVmF/O5LKXZXL5os3orQeIg0WQlCgK0xJoHfkA7aZ+AlBM72Y6svqqdgobT2lUk9WUlDSFIVy6N1amyBSGxyimzb5FRMIAyg+82eQaGnCXDLrsKEaiGWnyqAJEohHjyjQxEJNPQuS8siIx1oXafw0Gcq9zXcCDXmnUjrf0CYkDy3BtWHHKr8e3+zkAsZFKiO1GAmCiIuVqF2KgKZxUILEYzR8Qb3mrtyf8eyhkIvDnfM7nXnpH7D4aBwMvYkfAEOtjeTqEg0HVkTLVyGtwxZRDpSOU3oKUcuIutuOXW7tauQNxyqPyrT9Lxy9NXZEsN4pdDjXDap+byl2n/jvO6lNVibUlyauWL/u6vR2Wa2ir53Xu3233ku9sPOu5WvnR2jCUJa/PMP1HJf/H4wXFmPHjeyqdOgGdJDbw5A5pgLr8JyjsSQZMfK2aPRZQrDpiSQi5iIC8RkqBYcpogLcCSQ4vUI8v7nZ6nlNcJiyzvAoyUckbsyPJbgJ5SbpMinrxI8mr5eDoajR420YcfvHkm8jzJqeX8Mrb8c8rjR8i7iTxHsmr5Hx4P/L3Bg3VAvgJ4UsqzhKrlD5sFP4/96LcfLOYB+fBlPVPKKaF4SURJFk+eJTk8eY7kI8u9z7lanj8giXoAc3US4aY/w5Mz7ZF757quxw8CP+gbyeu6y2LKS/WJ715vokcTeUt3zXX20/8rIP8CWKqvOd0F/bYJ7zcr569CTwH5JyxelRe0trRw3OFwOOHb2g9e95LoY6YtLZpYGdrk5RyOnJdzxMaR29sSGkeeVBf/5nKx+Cc1DHlN98JlLhdfuEglfnlF/5JrLhdfckk5bnlZ3lhYzQeDgSuVTwZ7jRjX/+f5StZYEA6YvmNMH4IwRTNnYi6fSJo5Ypr2PFO31xOSE6uBhtr6w2xaYrZbMRvFmC1uzOY85lgBcyCCOcrBHEJhjs9+fvAXaWR5LMNWszHxsQ24w43mj/VHBQf+HOIv6+FkF94I7mUAAAAASUVORK5CYII=";
   var icon4 = img$6;
@@ -345,7 +380,7 @@ function setup$9(__props) {
     name: '保障房',
     value: 46
   }];
-  const list = [{
+  const list = ref([{
     name: '分户',
     value: 47520
   }, {
@@ -354,7 +389,10 @@ function setup$9(__props) {
   }, {
     name: '小区',
     value: 45
-  }];
+  }]);
+  EventBus.on('update:A002', data => {
+    list.value = data;
+  });
   return (_ctx, _cache) => {
     const _component_m_sub = resolveComponent("m-sub");
 
@@ -399,9 +437,9 @@ function setup$9(__props) {
         _: 1
       }), createVNode(script$e, {
         title: "续筹分布",
-        list: list,
+        list: list.value,
         avatar: unref(avatar1)
-      }, null, 8, ["avatar"])]),
+      }, null, 8, ["list", "avatar"])]),
       _: 1
     });
   };
@@ -414,7 +452,7 @@ var script$d = /*#__PURE__*/defineComponent({ ...__default__$9,
 var css_248z$e = "";
 styleInject(css_248z$e);
 
-script$d.__scopeId = "data-v-27ed150d";
+script$d.__scopeId = "data-v-99f832c6";
 
 let onceCbs = [];
 const paramsMap = new WeakMap();
@@ -15054,7 +15092,7 @@ styleInject(css_248z);
 script.render = render;
 script.__scopeId = "data-v-1b5160db";
 
-var components = /*#__PURE__*/Object.freeze({
+var componentLib = /*#__PURE__*/Object.freeze({
     __proto__: null,
     A001: script$f,
     A002: script$d,
@@ -15078,4 +15116,7 @@ const install = function (app) {
   });
 };
 
-export { script$f as A001, script$d as A002, script$b as A003, script$a as A004, script$9 as A005, script$8 as A006, script$7 as A007, script$6 as A008, script$5 as A009, script$4 as A010, script$3 as A011, script$2 as A012, script$1 as A013, script as A014, install as default };
+const eventBus = EventBus;
+const components = componentLib;
+
+export { components, install as default, eventBus };

src/utils/component-list.js

 // import * as vue from 'vue'
 // import fetchComponents from 'http://127.0.0.1:8081/component-lib.min.js'
-// const {
-//   A001,
-//   A002,
-//   A003,
-//   A004,
-//   A005,
-//   A006,
-//   A007,
-//   A008,
-//   A009,
-//   A010,
-//   A011,
-//   A012,
-//   A013,
-//   A014,
-// } = fetchComponents(vue)('http://127.0.0.1:8082')
+// const { components, eventBus } = fetchComponents(vue)('http://127.0.0.1:8082')
 
-import {
-  A001,
-  A002,
-  A003,
-  A004,
-  A005,
-  A006,
-  A007,
-  A008,
-  A009,
-  A010,
-  A011,
-  A012,
-  A013,
-  A014,
-} from './component-lib.esm' // 未正式上生产暂时先如此代替
-
-export default {
-  A001,
-  A002,
-  A003,
-  A004,
-  A005,
-  A006,
-  A007,
-  A008,
-  A009,
-  A010,
-  A011,
-  A012,
-  A013,
-  A014,
-}
+import { components, eventBus } from './component-lib.esm' // 未正式上生产暂时先如此代替
 
+export default components
+export const bus = eventBus
 export const tabs = {
   物业: [
     'A001',

src/view/main.vue

@@ -56,6 +56,7 @@ import useLayout from '@/hooks/useLayout'
 import useComponent from '@/hooks/useComponent'
 import useConfig from '@/hooks/useConfig'
 import { TrashBin } from '@vicons/ionicons5'
+import { bus } from '@/utils/component-list'
 
 const { showLayoutModal, layout, onChangeLayout } = useLayout()
 const {
@@ -73,7 +74,15 @@ const save = () => {
     components: components.value,
   }
   useConfig(JSON.stringify(data))
+  bus.emit('update:A002', [
+    { name: '分户', value: 100 },
+    { name: '门牌', value: 100 },
+    { name: '小区', value: 100 },
+  ])
 }
+bus.on('map', (e: any) => {
+  console.log('emit by : ', e)
+})
 </script>
 
 <style lang="stylus" scoped>