@ibiz-template/vue3-components 0.2.8 → 0.2.10

package/lib/editor/list-box/list-box-picker-editor.controller.cjs

@@ -2,6 +2,7 @@
 
 var core = require('@ibiz-template/core');
 var runtime = require('@ibiz-template/runtime');
+var ramda = require('ramda');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -48,14 +49,14 @@ class ListBoxPickerEditorController extends runtime.EditorController {
       this.context,
       this.params
     );
-    Object.assign(params, { size: 1e3 });
+    const tempParams = ramda.mergeDeepLeft(params, { size: 1e3 });
     if (this.interfaceName) {
       const app = ibiz.hub.getApp(this.context.srfappid);
       const res = await app.deService.exec(
         this.model.appDataEntityId,
         this.interfaceName,
         context,
-        params
+        tempParams
       );
       return res;
     }

package/lib/index.cjs

@@ -221,7 +221,7 @@ var index$1f = require('./util/store/index.cjs');
 var index = {
   install: (v) => {
     ibiz.i18n = index$2.iBizI18n;
-    ibiz.util.getExportExcel = () => Promise.resolve().then(function () { return require('./util/xlsx-util/xlsx-util.cjs'); });
+    ibiz.util.getExcelUtil = () => Promise.resolve().then(function () { return require('./util/xlsx-util/xlsx-util.cjs'); });
     v.use(index$3.IBizCommonComponents);
     v.use(index$W.IBizPanelComponents);
     v.use(index$1b.IBizView);

package/lib/panel-component/multi-data-container/multi-data-container-item.controller.cjs

@@ -34,6 +34,13 @@ class MultiDataContainerItemController {
      */
     __publicField(this, "panelItems", {});
     this.state.data = data;
+    const fields = runtime.getAllPanelField(this.model);
+    const fieldKeys = fields.map((item) => item.id);
+    data._evt.on("change", (key) => {
+      if (fieldKeys.includes(key)) {
+        this.childDataChangeNotify([key]);
+      }
+    });
   }
   get data() {
     return this.state.data;
@@ -88,13 +95,31 @@ class MultiDataContainerItemController {
     );
   }
   async dataChangeNotify(_names) {
-    throw new Error("Method not implemented.");
+  }
+  async childDataChangeNotify(names) {
+    Object.values(this.panelItems).forEach((panelItem) => {
+      panelItem.dataChangeNotify(names);
+    });
   }
   async panelStateNotify(state) {
     Object.values(this.panelItems).forEach((panelItem) => {
       panelItem.panelStateNotify(state);
     });
   }
+  async setDataValue(name, value) {
+    if (Object.prototype.hasOwnProperty.call(this.state.data, name) && this.state.data[name] === value) {
+      return;
+    }
+    this.state.data[name] = value;
+    this.childDataChangeNotify([name]);
+  }
+  destroy() {
+    var _a, _b;
+    (_b = (_a = this.data).destroy) == null ? void 0 : _b.call(_a);
+    Object.values(this.panelItems).forEach((item) => {
+      item.destroy();
+    });
+  }
 }
 
 exports.MultiDataContainerItemController = MultiDataContainerItemController;

package/lib/panel-component/multi-data-container/multi-data-container.controller.cjs

@@ -139,7 +139,9 @@ class MultiDataContainerController extends runtime.PanelItemController {
    * @param {IData[]} items
    */
   async setData(items) {
-    this.dataItems = items.map((item) => {
+    const fields = runtime.getAllPanelField(this.model);
+    const _items = items.map((item) => new runtime.PanelData(fields, item));
+    this.dataItems = _items.map((item) => {
       return new multiDataContainerItem_controller.MultiDataContainerItemController(
         this.model,
         this.panel,
@@ -154,7 +156,7 @@ class MultiDataContainerController extends runtime.PanelItemController {
         })
       );
     }
-    this.state.items = items;
+    this.state.items = _items;
     this.childrenStateNotify(runtime.PanelNotifyState.LOAD);
   }
   /**
@@ -240,13 +242,27 @@ class MultiDataContainerController extends runtime.PanelItemController {
       return;
     }
     const updateData = () => {
-      this.setData(view.state[dataName]);
+      const originData = view.state[dataName];
+      if (originData) {
+        this.setData(originData);
+      } else {
+        ibiz.log.error(`\u89C6\u56FEstate\u91CC\u6CA1\u6709${dataName}\u5C5E\u6027`);
+      }
     };
     updateData();
     view.evt.on("onDataChange", () => {
       updateData();
     });
   }
+  setDataValue(_name, _value) {
+    throw new Error("Method not implemented.");
+  }
+  destroy() {
+    super.destroy();
+    this.dataItems.forEach((item) => {
+      item.destroy();
+    });
+  }
 }
 
 exports.MultiDataContainerController = MultiDataContainerController;

package/lib/panel-component/panel-button/panel-button.cjs

@@ -90,7 +90,7 @@ const PanelButton = /* @__PURE__ */ vue.defineComponent({
   render() {
     if (this.state.visible) {
       return vue.createVNode("div", {
-        "class": [this.ns.b(), this.ns.m(this.codeName), ...this.controller.containerClass]
+        "class": [this.ns.b(), this.ns.m(this.codeName), this.ns.is("loading", this.state.loading), ...this.controller.containerClass]
       }, [vue.createVNode(vue.resolveComponent("el-button"), {
         "type": this.buttonType,
         "text": this.isText,

package/lib/panel-component/panel-button/panel-button.css

@@ -1 +1 @@
-.ibiz-panel-button{--ibiz-panel-button-icon-margin:0 var(--ibiz-spacing-extra-tight) 0 0;--ibiz-panel-button-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-panel-button-icon-max-height:var(--ibiz-width-icon-medium);padding:var(--ibiz-spacing-tight);overflow:hidden}.ibiz-panel-button .el-button{width:100%}.ibiz-panel-button .el-button i,.ibiz-panel-button .el-button img{display:inline-block;max-width:var(--ibiz-panel-button-icon-max-width);max-height:var(--ibiz-panel-button-icon-max-height);margin:var(--ibiz-panel-button-icon-margin)}
+.ibiz-panel-button{--ibiz-panel-button-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-panel-button-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-panel-button-icon-max-height:var(--ibiz-width-icon-medium);padding:var(--ibiz-spacing-tight);overflow:hidden}.ibiz-panel-button .el-button{width:100%}.ibiz-panel-button .el-button .ibiz-panel-button-content{display:flex;align-items:center;justify-content:flex-start}.ibiz-panel-button .el-button .ibiz-panel-button-content i,.ibiz-panel-button .el-button .ibiz-panel-button-content img{display:inline-block;max-width:var(--ibiz-panel-button-icon-max-width);max-height:var(--ibiz-panel-button-icon-max-height)}.ibiz-panel-button .el-button .ibiz-panel-button-content .ibiz-icon+.ibiz-panel-button-content--caption{margin-left:var(--ibiz-panel-button-icon-margin)}.ibiz-panel-button.is-loading .el-button .ibiz-icon{display:none}

package/lib/panel-component/panel-field/panel-field.controller.cjs

@@ -1,6 +1,5 @@
 'use strict';
 
-var core = require('@ibiz-template/core');
 var runtime = require('@ibiz-template/runtime');
 var panelField_state = require('./panel-field.state.cjs');
 
@@ -67,11 +66,7 @@ class PanelFieldController extends runtime.PanelItemController {
    * @readonly
    */
   get value() {
-    const { viewFieldName } = this.model;
-    if (!viewFieldName) {
-      throw new core.RuntimeModelError(this.model, "\u6CA1\u6709\u7ED1\u5B9A\u6570\u636E\u9879");
-    }
-    return this.data[viewFieldName.toLowerCase()];
+    return this.data[this.model.id];
   }
   createState() {
     var _a;
@@ -107,8 +102,8 @@ class PanelFieldController extends runtime.PanelItemController {
    * @param {string} name 要设置的面板数据的属性名称
    */
   async setDataValue(value, name) {
-    const { viewFieldName } = this.model;
-    name = name || viewFieldName;
+    const { id } = this.model;
+    name = name || id;
     if (this.dataParent.setDataValue) {
       await this.dataParent.setDataValue(name, value);
     }

package/lib/panel-component/single-data-container/single-data-container.controller.cjs

@@ -148,7 +148,17 @@ class SingleDataContainerController extends runtime.PanelItemController {
    * @param {IData[]} items
    */
   async setData(data) {
-    this.state.data = data;
+    var _a, _b;
+    const fields = runtime.getAllPanelField(this.model);
+    const fieldKeys = fields.map((item) => item.id);
+    const panelData = new runtime.PanelData(fields, data);
+    panelData._evt.on("change", (key) => {
+      if (fieldKeys.includes(key)) {
+        this.childDataChangeNotify([key]);
+      }
+    });
+    (_b = (_a = this.data).destroy) == null ? void 0 : _b.call(_a);
+    this.state.data = panelData;
     this.childrenStateNotify(runtime.PanelNotifyState.LOAD);
   }
   /**
@@ -234,13 +244,30 @@ class SingleDataContainerController extends runtime.PanelItemController {
       return;
     }
     const updateData = () => {
-      this.setData(view.state[dataName]);
+      const originData = view.state[dataName];
+      if (originData) {
+        this.setData(originData);
+      } else {
+        ibiz.log.error(`\u89C6\u56FEstate\u91CC\u6CA1\u6709${dataName}\u5C5E\u6027`);
+      }
     };
     updateData();
     view.evt.on("onDataChange", () => {
       updateData();
     });
   }
+  /**
+   * 通知所有子面板成员面板操作过程中的数据变更
+   *
+   * @author lxm
+   * @date 2022-09-20 18:09:40
+   * @param {string[]} names
+   */
+  childDataChangeNotify(names) {
+    Object.values(this.panelItems).forEach((panelItem) => {
+      panelItem.dataChangeNotify(names);
+    });
+  }
   /**
    * 设置面板数据的值
    *
@@ -252,7 +279,14 @@ class SingleDataContainerController extends runtime.PanelItemController {
       return;
     }
     this.state.data[name] = value;
-    this.dataChangeNotify([name]);
+  }
+  destroy() {
+    var _a, _b;
+    super.destroy();
+    (_b = (_a = this.data).destroy) == null ? void 0 : _b.call(_a);
+    Object.values(this.panelItems).forEach((item) => {
+      item.destroy();
+    });
   }
 }
 

package/lib/view-engine/login-view.engine.cjs

@@ -14,6 +14,20 @@ class LoginViewEngine extends runtime.ViewEngineBase {
   constructor() {
     super(...arguments);
     __publicField(this, "route", vueRouter.useRoute());
+    __publicField(this, "enterKeyListener", async (event) => {
+      if (event.key === "Enter" && this.AppLoginView.layoutPanel) {
+        const args = {
+          data: [
+            {
+              isRemember: this.AppLoginView.layoutPanel.data.isRemember,
+              username: this.AppLoginView.layoutPanel.data.username,
+              password: this.AppLoginView.layoutPanel.data.password
+            }
+          ]
+        };
+        await this.login(args);
+      }
+    });
   }
   get AppLoginView() {
     return this.view.getController("AppLoginView");
@@ -33,6 +47,11 @@ class LoginViewEngine extends runtime.ViewEngineBase {
         );
       }
     }
+    document.addEventListener("keydown", this.enterKeyListener);
+  }
+  async onDestroyed() {
+    super.onDestroyed();
+    document.removeEventListener("keydown", this.enterKeyListener);
   }
   async call(key, args = {}) {
     if (key === runtime.SysUIActionTag.LOGIN) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.2.8",
+  "version": "0.2.10",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -26,10 +26,10 @@
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-plugin/ai-chat": "^0.0.1",
     "@ibiz-template/core": "^0.2.6",
-    "@ibiz-template/model-helper": "^0.2.8",
-    "@ibiz-template/runtime": "^0.2.8",
+    "@ibiz-template/model-helper": "^0.2.10",
+    "@ibiz-template/runtime": "^0.2.10",
     "@ibiz-template/theme": "^0.2.0",
-    "@ibiz-template/vue3-util": "^0.2.8",
+    "@ibiz-template/vue3-util": "^0.2.10",
     "@ibiz/model-core": "^0.0.20",
     "@imengyu/vue3-context-menu": "^1.3.3",
     "@monaco-editor/loader": "^1.4.0",

package/dist/map-chart-yT41jdRg.js

@@ -1,2 +0,0 @@
-System.register(["vue","ramda","@ibiz-template/vue3-util","echarts"],function(O){"use strict";var y,x,k,S,N,z,v,w,I,T,B,R;return{setters:[function(o){y=o.ref,x=o.onMounted,k=o.defineComponent,S=o.computed,N=o.toRefs,z=o.watch,v=o.createVNode,w=o.createTextVNode},function(o){I=o.mergeDeepRight},function(o){T=o.useNamespace},function(o){B=o.init,R=o.registerMap}],execute:function(){const j={strMapCode:!1,visualMap:{text:["\u9AD8","\u4F4E"],min:0,max:100,rangeColor:["#90d1e7","#fff600","#ff5200"]},pointSymbol:"pin",jsonBaseUrl:"/assets/json/map/jiangsu"};async function $(n,u){return(await ibiz.net.axios({url:`${n}/${u}.json`})).data}function A(n,u,h){const d=new Map,r=y(""),f=y([]);let i;const b=y(),D=e=>{const t={cityNames:{},noChild:e.features.length===1};return e.features.forEach(s=>{const{adcode:p,name:C}=s.properties;t.cityNames[p]=C}),t},M=async e=>{if(d.has(e))return;const t=await $(n.value.jsonBaseUrl,e);d.set(e,D(t)),R(e,t)},_=e=>{const t=d.get(r.value);if(t)return t.cityNames[e]},m=()=>{if(r.value){const e=u(r.value);i.setOption(e),i.resize()}},g=async(e,t=!1)=>{t||h("mapChange",{areaCode:n.value.strMapCode?`${e}`:Number(e)}),d.has(e)||await M(e),r.value=e,f.value.push(e),m()},c=()=>{if(f.value.length>1){f.value.pop();const e=f.value.pop();g(e)}};return x(()=>{i=B(b.value),window.addEventListener("resize",()=>{i?.resize()}),i.on("click",e=>{if(e.componentType==="series"){if(e.seriesType==="scatter"){h("pointClick",e.data);return}if(e.seriesType==="map"&&(e.data&&h("areaClick",e.data),e.name!==r.value)){debugger;g(e.name)}}}),i.on("mouseover",function(e){if(e.componentType==="series"&&e.seriesType==="scatter"){const t=e.dataIndex,s=i.getOption(),p=s.series[e.seriesIndex].data,C=s.series[e.seriesIndex].symbolSize;p[t].symbolSize=C+10,i.setOption(s)}}),i.on("mouseout",function(e){if(e.componentType==="series"&&e.seriesType==="scatter"){const t=e.dataIndex,s=i.getOption(),p=s.series[e.seriesIndex].data;delete p[t].symbolSize,i.setOption(s)}})}),{chartRef:b,historyNames:f,currentName:r,changeMap:g,getCityName:_,goBack:c,refresh:m}}const F=k({name:"IBizMapChart",props:{areaData:{type:Array},pointData:{type:Array},options:{type:Object,default:()=>({})},defaultAreaCode:{type:String,required:!0,default:"320000"}},setup(n,{emit:u}){const h=T("map-chart"),d=S(()=>I(j,n.options)),r=(c,e)=>{if(e==="area"&&n.areaData)return n.areaData.find(t=>t._id===c);if(e==="point"&&n.pointData)return n.pointData.find(t=>t._id===c)},{chartRef:f,historyNames:i,changeMap:b,getCityName:D,goBack:M,refresh:_}=A(d,c=>{const{visualMap:e,pointSymbol:t}=d.value,s=n.areaData||[],p=n.pointData||[];return{geo:{map:c},tooltip:{trigger:"item",textStyle:{color:"#fff",fontSize:12},backgroundColor:"rgba(0, 0, 0, 0.47)",borderWidth:0,extraCssText:"backdrop-filter: blur(3px);"},visualMap:{min:e.min,max:e.max,text:e.text,realtime:!1,hoverLink:!1,inRange:{color:e.rangeColor}},series:[{type:"map",map:c,nameProperty:"adcodeStr",itemStyle:{borderColor:"#FFF",borderWidth:2},tooltip:{formatter:a=>{if(!a.data)return;const l=r(a.data._id,"area");if(l)return l._tooltip}},label:{show:!0,color:"#000000",fontSize:14,formatter:a=>D(a.name)},select:{disabled:!0},data:s.map(a=>({name:`${a._areaCode}`,value:a._value,_id:a._id}))},{type:"scatter",coordinateSystem:"geo",symbol:t,symbolSize:20,visualMap:!1,itemStyle:{color:"#FF1D00"},label:{show:!0,color:"#000000",fontSize:14,textShadowBlur:0,formatter:a=>{const l=r(a.data._id,"point");return l?._text},position:"left",offset:[10,-15]},tooltip:{formatter:a=>{const l=r(a.data._id,"point");return l?._tooltip}},data:p.map(a=>({_id:a._id,symbol:a._symbol?`image://${a._symbol}`:void 0,value:[Number(a._longitude),Number(a._latitude)],visualMap:!1}))}]}},(c,e)=>{switch(c){case"mapChange":u("mapChange",e);break;case"pointClick":u("pointClick",{data:r(e._id,"point")});break;case"areaClick":u("areaClick",{data:r(e._id,"area")});break}});x(()=>{b(n.defaultAreaCode,!0)});const{areaData:m,pointData:g}=N(n);return z([m,g],()=>{_()}),{ns:h,chartRef:f,historyNames:i,goBack:M}},render(){return v("div",{class:this.ns.b()},[v("div",{class:this.ns.e("chart"),ref:"chartRef"},null),this.historyNames.length>1&&v("div",{class:this.ns.e("goback"),onClick:()=>{this.goBack()}},[w("\u8FD4\u56DE")])])}});O({IBizMapChart:F,default:F})}}});
-//# sourceMappingURL=map-chart-yT41jdRg.js.map

package/dist/map-chart-yT41jdRg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"map-chart-yT41jdRg.js","sources":["../src/common/map-chart/map-chart.util.ts","../src/common/map-chart/map-json.ts","../src/common/map-chart/map-manager.ts","../src/common/map-chart/map-chart.tsx"],"sourcesContent":["/** 渐变颜色集合 */\nexport const GradientColors = ['#90d1e7', '#fff600', '#ff5200'];\n\nexport const defaultOpts = {\n  /** true地图code标识使用字符串，false使用数字 */\n  strMapCode: false,\n  /** 热力图配置 */\n  visualMap: {\n    /** 两端的文本，如 ['高', '低'] */\n    text: ['高', '低'],\n    /** 底部代表的值 */\n    min: 0,\n    /** 顶部代表的值 */\n    max: 100,\n    /** 热力图渐变颜色数组 */\n    rangeColor: GradientColors,\n  },\n  pointSymbol: 'pin',\n  jsonBaseUrl: '/assets/json/map/jiangsu',\n};\n\nexport type MapOptions = typeof defaultOpts;\n","export async function getJsonUrl(\n  baseUrl: string,\n  code: string | number,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): Promise<any> {\n  const res = await ibiz.net.axios({\n    url: `${baseUrl}/${code}.json`,\n  });\n  return res.data;\n}\n","/* eslint-disable no-unused-vars */\nimport { registerMap as register, EChartsType, init } from 'echarts';\nimport { ComputedRef, onMounted, ref } from 'vue';\nimport { MapOptions } from './map-chart.util';\nimport { getJsonUrl } from './map-json';\n\n/**\n * 使用echarts地图\n * @author lxm\n * @date 2023-04-06 12:00:07\n * @export\n * @param {(name: string) => IData} calcEchartsOpts 计算echarts的Options\n * @param {(name: string, e: IData) => void} emit 事件回调\n * @return {*}\n */\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport function useMapManager(\n  opts: ComputedRef<MapOptions>,\n  calcEchartsOpts: (name: string) => IData,\n  emit: (name: string, e: IData) => void,\n) {\n  const mapInfos = new Map<string, IData>();\n\n  const currentName = ref('');\n\n  const historyNames = ref<string[]>([]);\n\n  let chart: EChartsType;\n  const chartRef = ref();\n\n  const parseJson = (json: IData) => {\n    const info: IData = {\n      cityNames: {},\n      noChild: json.features.length === 1,\n    };\n    json.features.forEach((item: IData) => {\n      const { adcode, name } = item.properties;\n      info.cityNames[adcode] = name;\n    });\n    return info;\n  };\n\n  const registerMap = async (name: string) => {\n    if (mapInfos.has(name)) {\n      return;\n    }\n    const json = await getJsonUrl(opts.value.jsonBaseUrl, name);\n    mapInfos.set(name, parseJson(json));\n    register(name, json);\n  };\n\n  const getCityName = (mapName: string | number) => {\n    const info = mapInfos.get(currentName.value);\n    if (info) {\n      return info.cityNames[mapName];\n    }\n  };\n\n  const refresh = () => {\n    if (currentName.value) {\n      const options = calcEchartsOpts(currentName.value);\n      chart.setOption(options);\n      chart.resize();\n    }\n  };\n\n  const changeMap = async (name: string, isInit: boolean = false) => {\n    if (!isInit) {\n      emit('mapChange', {\n        areaCode: opts.value.strMapCode ? `${name}` : Number(name),\n      });\n    }\n\n    if (!mapInfos.has(name)) {\n      await registerMap(name);\n    }\n    currentName.value = name;\n    historyNames.value.push(name);\n    refresh();\n  };\n\n  const goBack = () => {\n    // 一个时只有当前的name，不能后退。\n    if (historyNames.value.length > 1) {\n      historyNames.value.pop(); // 先删除当前地图的name\n      const name = historyNames.value.pop(); // 获取上一个地图的name\n      changeMap(name!);\n    }\n  };\n\n  onMounted(() => {\n    chart = init(chartRef.value);\n\n    window.addEventListener('resize', () => {\n      chart?.resize();\n    });\n\n    chart.on('click', params => {\n      // 散点点击事件\n      if (params.componentType === 'series') {\n        if (params.seriesType === 'scatter') {\n          emit('pointClick', params.data as IData);\n          return;\n        }\n        if (params.seriesType === 'map') {\n          if (params.data) {\n            emit('areaClick', params.data as IData);\n          }\n          // 禁止切换同一个地图，到最下级的时候会出现这种情况\n          if (params.name !== currentName.value) {\n            debugger;\n            changeMap(params.name);\n          }\n        }\n      }\n    });\n\n    // 散点悬浮size变大\n    chart.on('mouseover', function (params) {\n      if (params.componentType === 'series') {\n        if (params.seriesType === 'scatter') {\n          const dataIndex = params.dataIndex;\n          const option: IData = chart.getOption();\n          const seriesData = option.series[params.seriesIndex!].data;\n          const originSize = option.series[params.seriesIndex!].symbolSize;\n          // 修改悬浮的数据点大小\n          seriesData[dataIndex].symbolSize = originSize + 10;\n\n          // 刷新图表\n          chart.setOption(option);\n        }\n      }\n    });\n    chart.on('mouseout', function (params) {\n      if (params.componentType === 'series') {\n        if (params.seriesType === 'scatter') {\n          const dataIndex = params.dataIndex;\n          const option: IData = chart.getOption();\n          const seriesData = option.series[params.seriesIndex!].data;\n\n          // 恢复原始的数据点大小\n          delete seriesData[dataIndex].symbolSize;\n\n          // 刷新图表\n          chart.setOption(option);\n        }\n      }\n    });\n  });\n\n  return {\n    chartRef,\n    historyNames,\n    currentName,\n    changeMap,\n    getCityName,\n    goBack,\n    refresh,\n  };\n}\n","/* eslint-disable eqeqeq */\nimport {\n  defineComponent,\n  onMounted,\n  PropType,\n  computed,\n  toRefs,\n  watch,\n} from 'vue';\nimport { mergeDeepRight } from 'ramda';\nimport { useNamespace } from '@ibiz-template/vue3-util';\nimport { IMapData } from '@ibiz-template/runtime';\nimport { defaultOpts, MapOptions } from './map-chart.util';\nimport { useMapManager } from './map-manager';\nimport './map-chart.scss';\n\nexport const IBizMapChart = defineComponent({\n  name: 'IBizMapChart',\n  props: {\n    areaData: {\n      type: Array<IMapData>,\n    },\n    pointData: {\n      type: Array<IMapData>,\n    },\n    options: {\n      type: Object as PropType<Partial<MapOptions>>,\n      default: () => ({}),\n    },\n    defaultAreaCode: { type: String, required: true, default: '320000' },\n  },\n  setup(props, { emit }) {\n    const ns = useNamespace('map-chart');\n    const options = computed(() => mergeDeepRight(defaultOpts, props.options));\n\n    const findData = (id: string, type: 'area' | 'point') => {\n      if (type === 'area' && props.areaData) {\n        return props.areaData.find(item => item._id === id);\n      }\n      if (type === 'point' && props.pointData) {\n        return props.pointData.find(item => item._id === id);\n      }\n    };\n\n    const { chartRef, historyNames, changeMap, getCityName, goBack, refresh } =\n      useMapManager(\n        options,\n        mapName => {\n          const { visualMap, pointSymbol } = options.value;\n          const areaData = props.areaData || [];\n          const pointData = props.pointData || [];\n\n          const result: IData = {\n            geo: {\n              map: mapName,\n            },\n            tooltip: {\n              trigger: 'item',\n              // 全局的tooltip样式\n              textStyle: {\n                color: '#fff',\n                fontSize: 12,\n              },\n              backgroundColor: 'rgba(0, 0, 0, 0.47)',\n              borderWidth: 0,\n              extraCssText: 'backdrop-filter: blur(3px);',\n            },\n            visualMap: {\n              min: visualMap.min,\n              max: visualMap.max,\n              text: visualMap.text,\n              realtime: false,\n              hoverLink: false,\n              inRange: {\n                color: visualMap.rangeColor,\n              },\n            },\n            series: [\n              // 地图区块序列\n              {\n                type: 'map',\n                map: mapName,\n                // 地图JSON里和name匹配的属性名称\n                nameProperty: 'adcodeStr',\n                itemStyle: {\n                  borderColor: '#FFF',\n                  borderWidth: 2,\n                },\n                tooltip: {\n                  formatter: (params: IData) => {\n                    if (!params.data) {\n                      // 没有数据的时候不显示tooltip\n                      return;\n                    }\n                    const find = findData(params.data._id, 'area')!;\n                    if (!find) {\n                      return;\n                    }\n                    return find._tooltip;\n                  },\n                },\n                label: {\n                  // 区块文字固定显示\n                  show: true,\n                  // 字体样式\n                  color: '#000000',\n                  fontSize: 14,\n                  formatter: (params: IData) => {\n                    return getCityName(params.name);\n                  },\n                },\n                select: {\n                  disabled: true,\n                },\n                data: areaData.map(item => ({\n                  name: `${item._areaCode}`,\n                  value: item._value,\n                  _id: item._id,\n                })),\n              },\n              // 地图散点序列\n              {\n                type: 'scatter',\n                coordinateSystem: 'geo',\n                symbol: pointSymbol,\n                symbolSize: 20,\n                visualMap: false,\n                itemStyle: {\n                  color: '#FF1D00',\n                },\n                label: {\n                  show: true,\n                  // 字体样式\n                  color: '#000000',\n                  fontSize: 14,\n                  textShadowBlur: 0,\n                  formatter: (params: IData) => {\n                    const find = findData(params.data._id, 'point')!;\n                    return find?._text;\n                  },\n                  // 偏移\n                  position: 'left',\n                  offset: [10, -15],\n                },\n                tooltip: {\n                  formatter: (params: IData) => {\n                    const find = findData(params.data._id, 'point')!;\n                    return find?._tooltip;\n                  },\n                },\n                data: pointData.map(item => {\n                  return {\n                    _id: item._id,\n                    symbol: item._symbol\n                      ? `image://${item._symbol}`\n                      : undefined,\n                    value: [Number(item._longitude), Number(item._latitude)],\n                    // 每个点逃离visualMap\n                    visualMap: false,\n                  };\n                }),\n              },\n            ],\n          };\n          return result;\n        },\n        (name, e) => {\n          switch (name) {\n            case 'mapChange':\n              emit('mapChange', e);\n              break;\n            case 'pointClick':\n              emit('pointClick', { data: findData(e._id, 'point') });\n              break;\n            case 'areaClick':\n              emit('areaClick', { data: findData(e._id, 'area') });\n              break;\n            default:\n              break;\n          }\n        },\n      );\n\n    onMounted(() => {\n      changeMap(props.defaultAreaCode, true);\n    });\n\n    const { areaData, pointData } = toRefs(props);\n    watch([areaData, pointData], () => {\n      refresh();\n    });\n\n    return { ns, chartRef, historyNames, goBack };\n  },\n  render() {\n    return (\n      <div class={this.ns.b()}>\n        <div class={this.ns.e('chart')} ref='chartRef'></div>\n        {this.historyNames.length > 1 && (\n          <div\n            class={this.ns.e('goback')}\n            onClick={() => {\n              this.goBack();\n            }}\n          >\n            返回\n          </div>\n        )}\n      </div>\n    );\n  },\n});\n\nexport default IBizMapChart;\n"],"names":["defaultOpts","getJsonUrl","baseUrl","code","useMapManager","opts","calcEchartsOpts","emit","mapInfos","currentName","ref","historyNames","chart","chartRef","parseJson","json","info","item","adcode","name","registerMap","register","getCityName","mapName","refresh","options","changeMap","isInit","goBack","onMounted","init","params","dataIndex","option","seriesData","originSize","IBizMapChart","defineComponent","props","areaData","type","Array","pointData","Object","default","defaultAreaCode","String","required","setup","ns","useNamespace","computed","mergeDeepRight","findData","id","find","visualMap","pointSymbol","value","geo","map","tooltip","trigger","textStyle","color","fontSize","backgroundColor","borderWidth","extraCssText","min","max","text","realtime","hoverLink","inRange","rangeColor","series","nameProperty","itemStyle","borderColor","data","select","disabled","areaData2","_areaCode","_value","coordinateSystem","symbol","symbolSize","label","textShadowBlur","position","offset","pointData2","_id","_symbol","e","toRefs","watch","render","_createVNode","b","length","onClick","_createTextVNode","exports"],"mappings":"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"}