m-gis-ui - npm Package Compare versions

Comparing version 1.0.8 to 1.0.9

dist/cjs/map-district_2.cjs.entry.js

@@ -175,2 +175,3 @@ 'use strict';
         default:
+          mapInstance.setDefaultCursor('crosshair');
           mouseTool[actionType](overlayOptions);
@@ -177,0 +178,0 @@ }

dist/cjs/map-legend.cjs.entry.js

@@ -7,3 +7,3 @@ 'use strict';
 
-const mapLegendCss = ":host{display:block}.legend-box{position:absolute;bottom:40px;left:40px;font-size:12px;color:#333;padding:10px;background:#fff;border-radius:4px}.legend-box>div{line-height:2}.legend-box .legend-icon{display:inline-block;width:30px;height:8px;margin-right:8px}";
+const mapLegendCss = ":host{display:block}.legend-box{position:absolute;bottom:40px;left:40px;font-size:12px;color:#333;padding:10px;background:#fff;border-radius:4px}.legend-box>div{line-height:2}.legend-box .legend-icon{display:inline-block;width:30px;height:8px;margin-right:8px}.legend-box .icon-img{width:14px;height:14px;margin-right:10px}";
 
@@ -18,2 +18,12 @@ const MapLegend = class {
   }
+  showIcon(iconUrl) {
+    if (iconUrl) {
+      return index.h("img", { class: "icon-img", src: iconUrl, alt: "" });
+    }
+  }
+  showColor(color) {
+    if (color) {
+      return index.h("span", { class: "legend-icon", style: { 'background-color': color } });
+    }
+  }
   componentWillLoad() {
@@ -25,3 +35,3 @@ console.log('visible', this.dataMap);
       if (this.visible) {
-        return (index.h(index.Host, { class: "legend-box", style: { 'left': this.left + 'px', 'bottom': this.bottom + 'px' } }, this.dataMap.map((item) => (index.h("div", null, index.h("span", { class: "legend-icon", style: { 'background-color': item.color } }), index.h("span", null, item.label))))));
+        return (index.h(index.Host, { class: "legend-box", style: { 'left': this.left + 'px', 'bottom': this.bottom + 'px' } }, this.dataMap.map((item) => (index.h("div", null, this.showIcon(item.icon), this.showColor(item.color), index.h("span", null, item.label))))));
       }
@@ -28,0 +38,0 @@ }

dist/collection/components/map-legend/map-legend.js

@@ -9,2 +9,12 @@ import { Host, h } from '@stencil/core';
   }
+  showIcon(iconUrl) {
+    if (iconUrl) {
+      return h("img", { class: "icon-img", src: iconUrl, alt: "" });
+    }
+  }
+  showColor(color) {
+    if (color) {
+      return h("span", { class: "legend-icon", style: { 'background-color': color } });
+    }
+  }
   componentWillLoad() {
@@ -16,3 +26,3 @@ console.log('visible', this.dataMap);
       if (this.visible) {
-        return (h(Host, { class: "legend-box", style: { 'left': this.left + 'px', 'bottom': this.bottom + 'px' } }, this.dataMap.map((item) => (h("div", null, h("span", { class: "legend-icon", style: { 'background-color': item.color } }), h("span", null, item.label))))));
+        return (h(Host, { class: "legend-box", style: { 'left': this.left + 'px', 'bottom': this.bottom + 'px' } }, this.dataMap.map((item) => (h("div", null, this.showIcon(item.icon), this.showColor(item.color), h("span", null, item.label))))));
       }
@@ -19,0 +29,0 @@ }

dist/collection/components/map-toolbar/map-toolbar.js

@@ -40,2 +40,3 @@ import { h } from '@stencil/core';
         default:
+          mapInstance.setDefaultCursor('crosshair');
           mouseTool[actionType](overlayOptions);
@@ -42,0 +43,0 @@ }

dist/components/map-legend.js

 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const mapLegendCss = ":host{display:block}.legend-box{position:absolute;bottom:40px;left:40px;font-size:12px;color:#333;padding:10px;background:#fff;border-radius:4px}.legend-box>div{line-height:2}.legend-box .legend-icon{display:inline-block;width:30px;height:8px;margin-right:8px}";
+const mapLegendCss = ":host{display:block}.legend-box{position:absolute;bottom:40px;left:40px;font-size:12px;color:#333;padding:10px;background:#fff;border-radius:4px}.legend-box>div{line-height:2}.legend-box .legend-icon{display:inline-block;width:30px;height:8px;margin-right:8px}.legend-box .icon-img{width:14px;height:14px;margin-right:10px}";
 
@@ -14,2 +14,12 @@ const MapLegend$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
+  showIcon(iconUrl) {
+    if (iconUrl) {
+      return h("img", { class: "icon-img", src: iconUrl, alt: "" });
+    }
+  }
+  showColor(color) {
+    if (color) {
+      return h("span", { class: "legend-icon", style: { 'background-color': color } });
+    }
+  }
   componentWillLoad() {
@@ -21,3 +31,3 @@ console.log('visible', this.dataMap);
       if (this.visible) {
-        return (h(Host, { class: "legend-box", style: { 'left': this.left + 'px', 'bottom': this.bottom + 'px' } }, this.dataMap.map((item) => (h("div", null, h("span", { class: "legend-icon", style: { 'background-color': item.color } }), h("span", null, item.label))))));
+        return (h(Host, { class: "legend-box", style: { 'left': this.left + 'px', 'bottom': this.bottom + 'px' } }, this.dataMap.map((item) => (h("div", null, this.showIcon(item.icon), this.showColor(item.color), h("span", null, item.label))))));
       }
@@ -24,0 +34,0 @@ }

dist/components/map-toolbar.js

@@ -49,2 +49,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
         default:
+          mapInstance.setDefaultCursor('crosshair');
           mouseTool[actionType](overlayOptions);
@@ -51,0 +52,0 @@ }

dist/esm/map-district_2.entry.js

@@ -171,2 +171,3 @@ import { r as registerInstance, c as createEvent, h } from './index-e304c267.js';
         default:
+          mapInstance.setDefaultCursor('crosshair');
           mouseTool[actionType](overlayOptions);
@@ -173,0 +174,0 @@ }

dist/esm/map-legend.entry.js

 import { r as registerInstance, h, H as Host } from './index-e304c267.js';
 
-const mapLegendCss = ":host{display:block}.legend-box{position:absolute;bottom:40px;left:40px;font-size:12px;color:#333;padding:10px;background:#fff;border-radius:4px}.legend-box>div{line-height:2}.legend-box .legend-icon{display:inline-block;width:30px;height:8px;margin-right:8px}";
+const mapLegendCss = ":host{display:block}.legend-box{position:absolute;bottom:40px;left:40px;font-size:12px;color:#333;padding:10px;background:#fff;border-radius:4px}.legend-box>div{line-height:2}.legend-box .legend-icon{display:inline-block;width:30px;height:8px;margin-right:8px}.legend-box .icon-img{width:14px;height:14px;margin-right:10px}";
 
@@ -13,2 +13,12 @@ const MapLegend = class {
   }
+  showIcon(iconUrl) {
+    if (iconUrl) {
+      return h("img", { class: "icon-img", src: iconUrl, alt: "" });
+    }
+  }
+  showColor(color) {
+    if (color) {
+      return h("span", { class: "legend-icon", style: { 'background-color': color } });
+    }
+  }
   componentWillLoad() {
@@ -20,3 +30,3 @@ console.log('visible', this.dataMap);
       if (this.visible) {
-        return (h(Host, { class: "legend-box", style: { 'left': this.left + 'px', 'bottom': this.bottom + 'px' } }, this.dataMap.map((item) => (h("div", null, h("span", { class: "legend-icon", style: { 'background-color': item.color } }), h("span", null, item.label))))));
+        return (h(Host, { class: "legend-box", style: { 'left': this.left + 'px', 'bottom': this.bottom + 'px' } }, this.dataMap.map((item) => (h("div", null, this.showIcon(item.icon), this.showColor(item.color), h("span", null, item.label))))));
       }
@@ -23,0 +33,0 @@ }

dist/gis-ui/gis-ui.esm.js

@@ -1,2 +0,2 @@
-import{p as e,b as i}from"./p-b292496b.js";export{s as setNonce}from"./p-b292496b.js";const a=()=>{const i=import.meta.url;const a={};if(i!==""){a.resourcesUrl=new URL(".",i).href}return e(a)};a().then((e=>i([["p-bcd6c928",[[1,"map-district",{visible:[4],source:[16],nameAlias:[1,"name-alias"],codeAlias:[1,"code-alias"],childrenAlias:[1,"children-alias"],districtType:[32],keyword:[32],list:[32],districtSelected:[32]}],[1,"map-toolbar",{gis:[8],mapInstance:[8,"map-instance"],visible:[4],offset:[8],operations:[16],placement:[1],mode:[1],color:[1],actions:[16],isClear:[4,"is-clear"],markerIconOptions:[16],overlayOptions:[16],infoWindowContent:[16]}]]],["p-b9178d34",[[6,"map-isochron",{name:[1]}]]],["p-b61b9535",[[0,"map-legend",{visible:[4],dataMap:[16],left:[2],bottom:[2]}]]],["p-7f864b99",[[1,"map-toolbar-edit-panel",{visible:[4],actionType:[1,"action-type"],name:[32],description:[32]}]]]],e)));
+import{p as e,b as a}from"./p-b292496b.js";export{s as setNonce}from"./p-b292496b.js";const i=()=>{const a=import.meta.url;const i={};if(a!==""){i.resourcesUrl=new URL(".",a).href}return e(i)};i().then((e=>a([["p-1240b54a",[[1,"map-district",{visible:[4],source:[16],nameAlias:[1,"name-alias"],codeAlias:[1,"code-alias"],childrenAlias:[1,"children-alias"],districtType:[32],keyword:[32],list:[32],districtSelected:[32]}],[1,"map-toolbar",{gis:[8],mapInstance:[8,"map-instance"],visible:[4],offset:[8],operations:[16],placement:[1],mode:[1],color:[1],actions:[16],isClear:[4,"is-clear"],markerIconOptions:[16],overlayOptions:[16],infoWindowContent:[16]}]]],["p-b9178d34",[[6,"map-isochron",{name:[1]}]]],["p-4697ead6",[[0,"map-legend",{visible:[4],dataMap:[16],left:[2],bottom:[2]}]]],["p-7f864b99",[[1,"map-toolbar-edit-panel",{visible:[4],actionType:[1,"action-type"],name:[32],description:[32]}]]]],e)));
 //# sourceMappingURL=gis-ui.esm.js.map

dist/types/components/map-legend/map-legend.d.ts

@@ -6,4 +6,6 @@ export declare class MapLegend {
   bottom: number;
+  private showIcon;
+  private showColor;
   componentWillLoad(): void;
   render(): any;
 }

package.json

 {
   "name": "m-gis-ui",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "A component library based on Gaode Map API",
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

readme.md

@@ -13,2 +13,12 @@ #### 地图组件库的使用
 
+  如果需要支持 `IE11` 或 `Edge` 浏览器，请参照如下配置：
+
+  ```js
+  import { applyPolyfills, defineCustomElements } from 'test-components/loader';
+  applyPolyfills().then(() => {
+    defineCustomElements()
+  })
+  ```
+
+
 * 在 Vue 项目中使用
@@ -144,4 +154,4 @@
   visible | 图例的展示状态 | Boolean | false | false
-  dataMap | 图例数据 | Array  | true | [{label: '图例1', color: '#ff0' }]
+  dataMap | 图例数据 | Array  | true | [{label: '图例1', color: '#ff0', icon: 'http://...' }]
   bottom |  距底部的距离 | number | false | 40
   left |  距左边的距离 | number | false | 40

No alert changes

Improved metrics

Total package byte prevSize

1453266

increased by0.37%

Lines of code

10119

increased by0.51%

Number of lines in readme file

156

increased by6.85%

No dependency changes