@ibiz-template/vue3-components 0.2.7 → 0.2.9

package/dist/map-chart-wwfitHK_.js

@@ -0,0 +1,2 @@
+System.register(["vue","ramda","@ibiz-template/vue3-util","echarts"],function($){"use strict";var g,x,k,M,S,z,v,w,I,T,B,A,F;return{setters:[function(n){g=n.ref,x=n.onMounted,k=n.defineComponent,M=n.computed,S=n.toRefs,z=n.watch,v=n.createVNode,w=n.createTextVNode},function(n){I=n.mergeDeepWithKey,T=n.isNil},function(n){B=n.useNamespace},function(n){A=n.init,F=n.registerMap}],execute:function(){const R={strAreaCode:!1,visualMap:{text:["\u9AD8","\u4F4E"],min:0,max:100,rangeColor:["#90d1e7","#fff600","#ff5200"]},pointSymbol:"pin",jsonBaseUrl:"/assets/json/map",defaultAreaCode:1e5};async function j(r,d){return(await ibiz.net.axios({url:`${r}/${d}.json`})).data}function E(r,d,h){const l=new Map,s=g(""),f=g([]);let i;const m=g(),D=e=>{const t={cityNames:{},noChild:e.features.length===1};return e.features.forEach(o=>{const{adcode:p,name:C}=o.properties;t.cityNames[p]=C}),t},_=async e=>{if(l.has(e))return;const t=await j(r.value.jsonBaseUrl,e);l.set(e,D(t)),F(e,t)},N=e=>{const t=l.get(s.value);if(t)return t.cityNames[e]},b=()=>{if(s.value){const e=d(s.value);i.setOption(e),i.resize()}},y=async(e,t=!1)=>{t||h("mapChange",{areaCode:r.value.strAreaCode?`${e}`:Number(e)});const o=`${e}`;l.has(o)||await _(o),s.value=o,f.value.push(o),b()},c=()=>{if(f.value.length>1){f.value.pop();const e=f.value.pop();y(e)}};return x(()=>{i=A(m.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!==s.value)){debugger;y(e.name)}}}),i.on("mouseover",function(e){if(e.componentType==="series"&&e.seriesType==="scatter"){const t=e.dataIndex,o=i.getOption(),p=o.series[e.seriesIndex].data,C=o.series[e.seriesIndex].symbolSize;p[t].symbolSize=C+10,i.setOption(o)}}),i.on("mouseout",function(e){if(e.componentType==="series"&&e.seriesType==="scatter"){const t=e.dataIndex,o=i.getOption(),p=o.series[e.seriesIndex].data;delete p[t].symbolSize,i.setOption(o)}})}),{chartRef:m,historyNames:f,currentName:s,changeMap:y,getCityName:N,goBack:c,refresh:b}}const O=k({name:"IBizMapChart",props:{areaData:{type:Array},pointData:{type:Array},options:{type:Object,default:()=>({})}},setup(r,{emit:d}){const h=B("map-chart"),l=M(()=>I((c,e,t)=>T(t)?e:t,R,r.options)),s=(c,e)=>{if(e==="area"&&r.areaData)return r.areaData.find(t=>t._id===c);if(e==="point"&&r.pointData)return r.pointData.find(t=>t._id===c)},{chartRef:f,historyNames:i,changeMap:m,getCityName:D,goBack:_,refresh:N}=E(l,c=>{const{visualMap:e,pointSymbol:t}=l.value,o=r.areaData||[],p=r.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 u=s(a.data._id,"area");if(u)return u._tooltip}},label:{show:!0,color:"#000000",fontSize:14,formatter:a=>D(a.name)},select:{disabled:!0},data:o.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 u=s(a.data._id,"point");return u?._text},position:"left",offset:[10,-15]},tooltip:{formatter:a=>{const u=s(a.data._id,"point");return u?._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":d("mapChange",e);break;case"pointClick":d("pointClick",{data:s(e._id,"point")});break;case"areaClick":d("areaClick",{data:s(e._id,"area")});break}});x(()=>{m(l.value.defaultAreaCode,!0)});const{areaData:b,pointData:y}=S(r);return z([b,y],()=>{N()}),{ns:h,chartRef:f,historyNames:i,goBack:_}},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")])])}});$({IBizMapChart:O,default:O})}}});
+//# sourceMappingURL=map-chart-wwfitHK_.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"map-chart-wwfitHK_.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  strAreaCode: false,\n  /** 热力图配置 */\n  visualMap: {\n    /** 两端的文本，如 ['高', '低'] */\n    text: ['高', '低'],\n    /** 底部代表的值 */\n    min: 0,\n    /** 顶部代表的值 */\n    max: 100,\n    /** 热力图渐变颜色数组 */\n    rangeColor: GradientColors,\n  },\n  /** 点图标 */\n  pointSymbol: 'pin',\n  /** 地图json数据基础路径 */\n  jsonBaseUrl: '/assets/json/map',\n  /** 默认打开的区域编码 */\n  defaultAreaCode: 100000 as string | number,\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<string>('');\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 | number, isInit: boolean = false) => {\n    if (!isInit) {\n      emit('mapChange', {\n        areaCode: opts.value.strAreaCode ? `${name}` : Number(name),\n      });\n    }\n    const strName = `${name}`;\n\n    if (!mapInfos.has(strName)) {\n      await registerMap(strName);\n    }\n    currentName.value = strName;\n    historyNames.value.push(strName);\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 { isNil, mergeDeepWithKey } 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  },\n  setup(props, { emit }) {\n    const ns = useNamespace('map-chart');\n    const options = computed(() => {\n      // 后一个的undefined不覆盖\n      return mergeDeepWithKey(\n        (_key, x, z) => {\n          return isNil(z) ? x : z;\n        },\n        defaultOpts,\n        props.options,\n      );\n    });\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(options.value.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","strName","goBack","onMounted","init","params","dataIndex","option","seriesData","originSize","IBizMapChart","defineComponent","props","areaData","type","Array","pointData","Object","default","setup","ns","useNamespace","computed","mergeDeepWithKey","_key","x","z","findData","id","visualMap","pointSymbol","areaData2","geo","map","tooltip","textStyle","color","fontSize","backgroundColor","borderWidth","extraCssText","min","max","text","realtime","hoverLink","inRange","nameProperty","itemStyle","borderColor","find","label","show","select","disabled","coordinateSystem","symbol","symbolSize","textShadowBlur","position","offset","pointData2","_id","value","e","data","watch","toRefs","render","_createVNode","_createTextVNode","exports"],"mappings":"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"}

package/es/common/data-import/data-import.css

@@ -0,0 +1 @@
+.ibiz-data-import{display:flex;flex-flow:column nowrap;width:544px;height:368px;padding:20px;background:var(--ibiz-color-bg-1)}.ibiz-data-import__caption{margin-bottom:16px;font-size:var(--ibiz-font-size-large);font-weight:600;color:var(--ibiz-text-color)}.ibiz-data-import__template-container{padding:16px 12px 0;margin-bottom:16px}.ibiz-data-import__template-link{color:#57a3fd;cursor:pointer}.ibiz-data-import__link-icon{height:19px;margin-right:2px;vertical-align:bottom}.ibiz-data-import__button-bar{margin-right:20px;text-align:right}.ibiz-data-import__button-bar .ivu-btn{margin-left:8px}.ibiz-data-import-upload{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;flex-grow:1;cursor:pointer;background:var(--ibiz-color-bg-1);border:1px dashed var(--ibiz-color-border);border-radius:4px}.ibiz-data-import-upload__img{width:50px;height:50px;margin-bottom:20px}.ibiz-data-import-message{display:flex;flex-flow:column nowrap;flex-grow:1;padding:8px 16px;overflow:auto;cursor:pointer;background:var(--ibiz-color-bg-1);border:1px dashed var(--ibiz-color-border);border-radius:4px}.ibiz-data-import-message__title{font-size:var(--ibiz-font-size-medium);font-weight:600}.ibiz-data-import-message__content{padding-left:16px}.ibiz-data-import-message__content.is-error{color:var(--ibiz-color-danger)}

package/es/common/data-import/data-import.d.ts

@@ -0,0 +1,34 @@
+import { IAppDataEntity } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import './data-import.scss';
+export declare const DataImport: import("vue").DefineComponent<{
+    dismiss: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    appDataEntity: {
+        type: PropType<IAppDataEntity>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    onLinkClick: () => Promise<void>;
+    selectFile: () => void;
+    onCancelButtonClick: () => void;
+    onFileChange: ($event: Event) => Promise<void>;
+    inputUpLoad: import("vue").Ref<any>;
+    isLoading: import("vue").Ref<boolean>;
+    message: import("vue").Ref<{
+        state: 'ready' | 'over' | 'error';
+        message: string;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    dismiss: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    appDataEntity: {
+        type: PropType<IAppDataEntity>;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/common/data-import/data-import.mjs

@@ -0,0 +1,147 @@
+import { ref, createVNode, createTextVNode, resolveComponent, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './data-import.css';
+import { asyncImportData, importData } from '@ibiz-template/runtime';
+
+"use strict";
+const DataImport = /* @__PURE__ */ defineComponent({
+  name: "DataImport",
+  props: {
+    dismiss: {
+      type: Function,
+      required: true
+    },
+    appDataEntity: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("data-import");
+    const inputUpLoad = ref();
+    const message = ref({
+      state: "ready",
+      message: ""
+    });
+    const isLoading = ref(false);
+    const onFileChange = async ($event) => {
+      const obj = $event.target;
+      if (!obj.files) {
+        return;
+      }
+      const selectedFile = obj.files[0];
+      obj.value = null;
+      let result;
+      isLoading.value = true;
+      try {
+        if (ibiz.env.enableMqtt) {
+          result = await asyncImportData(selectedFile, props.appDataEntity);
+        } else {
+          result = await importData(selectedFile, props.appDataEntity);
+        }
+        ibiz.mc.command.send({
+          srfdecodename: props.appDataEntity.codeName
+        }, "OBJECTCREATED");
+        const {
+          success,
+          total,
+          message: _message
+        } = result;
+        const totalNum = total ? Number(total) : 0;
+        const successNum = success ? Number(success) : 0;
+        const errorNum = total - success;
+        message.value.state = _message ? "error" : "over";
+        message.value.message = _message || `\u5171\u8BA1\u5BFC\u5165\u6570\u636E ${totalNum} \u6761\uFF0C\u9519\u8BEF[${errorNum}]\uFF0C\u6210\u529F[${successNum}]`;
+      } finally {
+        isLoading.value = false;
+      }
+    };
+    const onLinkClick = async () => {
+      var _a;
+      const templateUrl = `${props.appDataEntity.codeName2.toLowerCase()}/importtemplate`;
+      const res = await ibiz.net.request(templateUrl, {
+        responseType: "blob"
+      });
+      if (res.status === 200) {
+        let fileName = ((_a = res.headers["content-disposition"].split(";").find((str) => str.indexOf("filename=") !== -1)) == null ? void 0 : _a.slice(9)) || "";
+        fileName = decodeURIComponent(fileName);
+        const blob = new Blob([res.data], {
+          type: "application/vnd.ms-excel"
+        });
+        const elink = document.createElement("a");
+        elink.download = fileName;
+        elink.style.display = "none";
+        elink.href = URL.createObjectURL(blob);
+        document.body.appendChild(elink);
+        elink.click();
+        URL.revokeObjectURL(elink.href);
+        document.body.removeChild(elink);
+      }
+    };
+    const selectFile = () => {
+      inputUpLoad.value.click();
+    };
+    const onCancelButtonClick = () => {
+      props.dismiss();
+    };
+    return {
+      ns,
+      onLinkClick,
+      selectFile,
+      onCancelButtonClick,
+      onFileChange,
+      inputUpLoad,
+      isLoading,
+      message
+    };
+  },
+  render() {
+    return withDirectives(createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode("input", {
+      "ref": "inputUpLoad",
+      "type": "file",
+      "style": "display: none",
+      "accept": "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+      "onChange": this.onFileChange
+    }, null), createVNode("div", {
+      "class": this.ns.e("caption")
+    }, [createTextVNode("\u5BFC\u5165\u6570\u636E")]), this.message.state === "ready" ? createVNode("div", {
+      "class": this.ns.b("upload"),
+      "onClick": this.selectFile
+    }, [createVNode("img", {
+      "class": this.ns.be("upload", "img"),
+      "src": "./assets/images/icon-import.svg"
+    }, null), createVNode("span", {
+      "class": this.ns.be("upload", "text")
+    }, [createTextVNode("\u5355\u51FB\u6B64\u533A\u57DF\u8FDB\u884C\u4E0A\u4F20")])]) : createVNode("div", {
+      "class": [this.ns.b("message")]
+    }, [createVNode("div", {
+      "class": this.ns.be("message", "title")
+    }, [createTextVNode("\u5BFC\u5165\u7ED3\u679C")]), createVNode("div", {
+      "class": [this.ns.be("message", "content"), this.ns.is("error", this.message.state === "error")]
+    }, [this.message.message])]), createVNode("div", {
+      "class": this.ns.e("template-container")
+    }, [createVNode("div", {
+      "class": this.ns.e("template-description")
+    }, [createTextVNode("\u4E0B\u8F7D\u5BFC\u5165\u6A21\u7248\uFF0C\u5E76\u6309\u8981\u6C42\u586B\u5199\uFF1A")]), createVNode("div", {
+      "class": this.ns.e("template-link"),
+      "onClick": this.onLinkClick
+    }, [createVNode("ion-icon", {
+      "class": this.ns.e("link-icon"),
+      "name": "link"
+    }, null), this.appDataEntity.logicName, createTextVNode("\u6570\u636E\u5BFC\u5165\u6A21\u677F\u6587\u4EF6")])]), createVNode("div", {
+      "class": this.ns.e("button-bar")
+    }, [createVNode(resolveComponent("el-button"), {
+      "onClick": this.onCancelButtonClick
+    }, {
+      default: () => [createTextVNode("\u53D6\u6D88")]
+    }), this.message.state !== "ready" && createVNode(resolveComponent("el-button"), {
+      "onClick": this.selectFile
+    }, {
+      default: () => [createTextVNode("\u7EE7\u7EED\u5BFC\u5165")]
+    })])]), [[resolveDirective("loading"), this.isLoading]]);
+  }
+});
+
+export { DataImport };

package/es/common/index.d.ts

@@ -14,6 +14,7 @@ export * from './control-loading-placeholder/control-loading-placeholder';
 export * from './split/split';
 export * from './split-trigger/split-trigger';
 export * from './sort-bar/sort-bar';
+export type { MapOptions } from './map-chart/map-chart.util';
 export declare const IBizCommonComponents: {
     install: (v: App) => void;
 };

package/es/common/index.mjs

@@ -1,3 +1,4 @@
+import { defineAsyncComponent } from 'vue';
 import { IBizActionToolbar } from './action-toolbar/action-toolbar.mjs';
 import { IBizCol } from './col/col.mjs';
 import { IBizIcon } from './icon/icon.mjs';
@@ -15,6 +16,7 @@ import { IBizExtendActionTimeLine } from './extend-action-timeline/extend-action
 import { ViewMessage } from './view-message/view-message.mjs';
 import { IBizPagination } from './pagination/pagination.mjs';
 import { IBizSortBar } from './sort-bar/sort-bar.mjs';
+import { DataImport } from './data-import/data-import.mjs';
 export { ControlLoadingPlaceholder } from './control-loading-placeholder/control-loading-placeholder.mjs';
 
 "use strict";
@@ -37,6 +39,13 @@ const IBizCommonComponents = {
     v.component(ViewMessage.name, ViewMessage);
     v.component(IBizPagination.name, IBizPagination);
     v.component(IBizSortBar.name, IBizSortBar);
+    v.component(DataImport.name, DataImport);
+    v.component(
+      "IBizMapChart",
+      defineAsyncComponent({
+        loader: () => import('./map-chart/map-chart.mjs')
+      })
+    );
   }
 };
 

package/es/common/map-chart/map-chart.css

@@ -0,0 +1 @@
+.ibiz-map-chart{position:relative;min-width:300px;min-height:300px}.ibiz-map-chart__chart{width:100%;height:100%}.ibiz-map-chart__goback{position:absolute;top:60px;right:0;width:100px;height:100px;font-size:20px;color:#002a5f;text-decoration:underline;letter-spacing:6px;cursor:pointer}

package/es/common/map-chart/map-chart.d.ts

@@ -0,0 +1,119 @@
+import { PropType } from 'vue';
+import { IMapData } from '@ibiz-template/runtime';
+import './map-chart.scss';
+export declare const IBizMapChart: import("vue").DefineComponent<{
+    areaData: {
+        type: {
+            (arrayLength: number): IMapData[];
+            (...items: IMapData[]): IMapData[];
+            new (arrayLength: number): IMapData[];
+            new (...items: IMapData[]): IMapData[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+    };
+    pointData: {
+        type: {
+            (arrayLength: number): IMapData[];
+            (...items: IMapData[]): IMapData[];
+            new (arrayLength: number): IMapData[];
+            new (...items: IMapData[]): IMapData[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+    };
+    options: {
+        type: PropType<Partial<{
+            strAreaCode: boolean;
+            visualMap: {
+                text: string[];
+                min: number;
+                max: number;
+                rangeColor: string[];
+            };
+            pointSymbol: string;
+            jsonBaseUrl: string;
+            defaultAreaCode: string | number;
+        }>>;
+        default: () => {};
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    chartRef: import("vue").Ref<any>;
+    historyNames: import("vue").Ref<string[]>;
+    goBack: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    areaData: {
+        type: {
+            (arrayLength: number): IMapData[];
+            (...items: IMapData[]): IMapData[];
+            new (arrayLength: number): IMapData[];
+            new (...items: IMapData[]): IMapData[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+    };
+    pointData: {
+        type: {
+            (arrayLength: number): IMapData[];
+            (...items: IMapData[]): IMapData[];
+            new (arrayLength: number): IMapData[];
+            new (...items: IMapData[]): IMapData[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+    };
+    options: {
+        type: PropType<Partial<{
+            strAreaCode: boolean;
+            visualMap: {
+                text: string[];
+                min: number;
+                max: number;
+                rangeColor: string[];
+            };
+            pointSymbol: string;
+            jsonBaseUrl: string;
+            defaultAreaCode: string | number;
+        }>>;
+        default: () => {};
+    };
+}>>, {
+    options: Partial<{
+        strAreaCode: boolean;
+        visualMap: {
+            text: string[];
+            min: number;
+            max: number;
+            rangeColor: string[];
+        };
+        pointSymbol: string;
+        jsonBaseUrl: string;
+        defaultAreaCode: string | number;
+    }>;
+}, {}>;
+export default IBizMapChart;

package/es/common/map-chart/map-chart.mjs

@@ -0,0 +1,215 @@
+import { computed, onMounted, toRefs, watch, createVNode, createTextVNode, defineComponent } from 'vue';
+import { isNil, mergeDeepWithKey } from 'ramda';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { defaultOpts } from './map-chart.util.mjs';
+import { useMapManager } from './map-manager.mjs';
+import './map-chart.css';
+
+"use strict";
+const IBizMapChart = /* @__PURE__ */ defineComponent({
+  name: "IBizMapChart",
+  props: {
+    areaData: {
+      type: Array
+    },
+    pointData: {
+      type: Array
+    },
+    options: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("map-chart");
+    const options = computed(() => {
+      return mergeDeepWithKey((_key, x, z) => {
+        return isNil(z) ? x : z;
+      }, defaultOpts, props.options);
+    });
+    const findData = (id, type) => {
+      if (type === "area" && props.areaData) {
+        return props.areaData.find((item) => item._id === id);
+      }
+      if (type === "point" && props.pointData) {
+        return props.pointData.find((item) => item._id === id);
+      }
+    };
+    const {
+      chartRef,
+      historyNames,
+      changeMap,
+      getCityName,
+      goBack,
+      refresh
+    } = useMapManager(options, (mapName) => {
+      const {
+        visualMap,
+        pointSymbol
+      } = options.value;
+      const areaData2 = props.areaData || [];
+      const pointData2 = props.pointData || [];
+      const result = {
+        geo: {
+          map: mapName
+        },
+        tooltip: {
+          trigger: "item",
+          // 全局的tooltip样式
+          textStyle: {
+            color: "#fff",
+            fontSize: 12
+          },
+          backgroundColor: "rgba(0, 0, 0, 0.47)",
+          borderWidth: 0,
+          extraCssText: "backdrop-filter: blur(3px);"
+        },
+        visualMap: {
+          min: visualMap.min,
+          max: visualMap.max,
+          text: visualMap.text,
+          realtime: false,
+          hoverLink: false,
+          inRange: {
+            color: visualMap.rangeColor
+          }
+        },
+        series: [
+          // 地图区块序列
+          {
+            type: "map",
+            map: mapName,
+            // 地图JSON里和name匹配的属性名称
+            nameProperty: "adcodeStr",
+            itemStyle: {
+              borderColor: "#FFF",
+              borderWidth: 2
+            },
+            tooltip: {
+              formatter: (params) => {
+                if (!params.data) {
+                  return;
+                }
+                const find = findData(params.data._id, "area");
+                if (!find) {
+                  return;
+                }
+                return find._tooltip;
+              }
+            },
+            label: {
+              // 区块文字固定显示
+              show: true,
+              // 字体样式
+              color: "#000000",
+              fontSize: 14,
+              formatter: (params) => {
+                return getCityName(params.name);
+              }
+            },
+            select: {
+              disabled: true
+            },
+            data: areaData2.map((item) => ({
+              name: `${item._areaCode}`,
+              value: item._value,
+              _id: item._id
+            }))
+          },
+          // 地图散点序列
+          {
+            type: "scatter",
+            coordinateSystem: "geo",
+            symbol: pointSymbol,
+            symbolSize: 20,
+            visualMap: false,
+            itemStyle: {
+              color: "#FF1D00"
+            },
+            label: {
+              show: true,
+              // 字体样式
+              color: "#000000",
+              fontSize: 14,
+              textShadowBlur: 0,
+              formatter: (params) => {
+                const find = findData(params.data._id, "point");
+                return find == null ? void 0 : find._text;
+              },
+              // 偏移
+              position: "left",
+              offset: [10, -15]
+            },
+            tooltip: {
+              formatter: (params) => {
+                const find = findData(params.data._id, "point");
+                return find == null ? void 0 : find._tooltip;
+              }
+            },
+            data: pointData2.map((item) => {
+              return {
+                _id: item._id,
+                symbol: item._symbol ? `image://${item._symbol}` : void 0,
+                value: [Number(item._longitude), Number(item._latitude)],
+                // 每个点逃离visualMap
+                visualMap: false
+              };
+            })
+          }
+        ]
+      };
+      return result;
+    }, (name, e) => {
+      switch (name) {
+        case "mapChange":
+          emit("mapChange", e);
+          break;
+        case "pointClick":
+          emit("pointClick", {
+            data: findData(e._id, "point")
+          });
+          break;
+        case "areaClick":
+          emit("areaClick", {
+            data: findData(e._id, "area")
+          });
+          break;
+        default:
+          break;
+      }
+    });
+    onMounted(() => {
+      changeMap(options.value.defaultAreaCode, true);
+    });
+    const {
+      areaData,
+      pointData
+    } = toRefs(props);
+    watch([areaData, pointData], () => {
+      refresh();
+    });
+    return {
+      ns,
+      chartRef,
+      historyNames,
+      goBack
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode("div", {
+      "class": this.ns.e("chart"),
+      "ref": "chartRef"
+    }, null), this.historyNames.length > 1 && createVNode("div", {
+      "class": this.ns.e("goback"),
+      "onClick": () => {
+        this.goBack();
+      }
+    }, [createTextVNode("\u8FD4\u56DE")])]);
+  }
+});
+
+export { IBizMapChart, IBizMapChart as default };

package/es/common/map-chart/map-chart.util.d.ts

@@ -0,0 +1,24 @@
+/** 渐变颜色集合 */
+export declare const GradientColors: string[];
+export declare const defaultOpts: {
+    /** true地图code标识使用字符串，false使用数字 */
+    strAreaCode: boolean;
+    /** 热力图配置 */
+    visualMap: {
+        /** 两端的文本，如 ['高', '低'] */
+        text: string[];
+        /** 底部代表的值 */
+        min: number;
+        /** 顶部代表的值 */
+        max: number;
+        /** 热力图渐变颜色数组 */
+        rangeColor: string[];
+    };
+    /** 点图标 */
+    pointSymbol: string;
+    /** 地图json数据基础路径 */
+    jsonBaseUrl: string;
+    /** 默认打开的区域编码 */
+    defaultAreaCode: string | number;
+};
+export type MapOptions = typeof defaultOpts;

package/es/common/map-chart/map-chart.util.mjs

@@ -0,0 +1,25 @@
+"use strict";
+const GradientColors = ["#90d1e7", "#fff600", "#ff5200"];
+const defaultOpts = {
+  /** true地图code标识使用字符串，false使用数字 */
+  strAreaCode: false,
+  /** 热力图配置 */
+  visualMap: {
+    /** 两端的文本，如 ['高', '低'] */
+    text: ["\u9AD8", "\u4F4E"],
+    /** 底部代表的值 */
+    min: 0,
+    /** 顶部代表的值 */
+    max: 100,
+    /** 热力图渐变颜色数组 */
+    rangeColor: GradientColors
+  },
+  /** 点图标 */
+  pointSymbol: "pin",
+  /** 地图json数据基础路径 */
+  jsonBaseUrl: "/assets/json/map",
+  /** 默认打开的区域编码 */
+  defaultAreaCode: 1e5
+};
+
+export { GradientColors, defaultOpts };