@spuermomonga/vue3-bmapgl 0.0.7 → 0.0.9

package/dist/index.js

@@ -117,7 +117,7 @@
   var tile = /* @__PURE__ */ vue.defineComponent({
     name: "TileLayer",
     setup() {
-      return () => vue.createVNode("div", null, [vue.createTextVNode("Tile")]);
+      return () => vue.createVNode(vue.Fragment, null, null);
     }
   });
 
@@ -128,20 +128,20 @@
       mergedMapSetRef: vue.computed(() => {
         const { zoom, center, heading, minZoom, maxZoom, enableScrollWheelZoom, enableDragging, tilt, enableTilt, mapType, enableAutoResize, enableTiltGestures, enableRotate, enableRotateGestures, displayOptions } = props;
         return {
-          zoom: zoom ?? BConfigProvider?.mergedMapSetRef.value?.zoom,
-          center: center ?? BConfigProvider?.mergedMapSetRef.value?.center,
-          heading: heading ?? BConfigProvider?.mergedMapSetRef.value?.heading,
-          minZoom: minZoom ?? BConfigProvider?.mergedMapSetRef.value?.minZoom,
-          maxZoom: maxZoom ?? BConfigProvider?.mergedMapSetRef.value?.maxZoom,
-          enableScrollWheelZoom: enableScrollWheelZoom ?? BConfigProvider?.mergedMapSetRef.value?.enableScrollWheelZoom,
-          enableDragging: enableDragging ?? BConfigProvider?.mergedMapSetRef.value?.enableDragging,
-          tilt: tilt ?? BConfigProvider?.mergedMapSetRef.value?.tilt,
-          enableTilt: enableTilt ?? BConfigProvider?.mergedMapSetRef.value?.enableTilt,
-          mapType: mapType ?? BConfigProvider?.mergedMapSetRef.value?.mapType,
-          enableAutoResize: enableAutoResize ?? BConfigProvider?.mergedMapSetRef.value?.enableAutoResize,
-          enableTiltGestures: enableTiltGestures ?? BConfigProvider?.mergedMapSetRef.value?.enableTiltGestures,
-          enableRotate: enableRotate ?? BConfigProvider?.mergedMapSetRef.value?.enableRotate,
-          enableRotateGestures: enableRotateGestures ?? BConfigProvider?.mergedMapSetRef.value?.enableRotateGestures,
+          zoom: zoom ?? BConfigProvider?.mergedMapSetRef.value?.zoom ?? 14,
+          center: center ?? BConfigProvider?.mergedMapSetRef.value?.center ?? [116.403901, 39.915185],
+          heading: heading ?? BConfigProvider?.mergedMapSetRef.value?.heading ?? 0,
+          minZoom: minZoom ?? BConfigProvider?.mergedMapSetRef.value?.minZoom ?? 0,
+          maxZoom: maxZoom ?? BConfigProvider?.mergedMapSetRef.value?.maxZoom ?? 21,
+          enableScrollWheelZoom: enableScrollWheelZoom ?? BConfigProvider?.mergedMapSetRef.value?.enableScrollWheelZoom ?? false,
+          enableDragging: enableDragging ?? BConfigProvider?.mergedMapSetRef.value?.enableDragging ?? true,
+          tilt: tilt ?? BConfigProvider?.mergedMapSetRef.value?.tilt ?? 0,
+          enableTilt: enableTilt ?? BConfigProvider?.mergedMapSetRef.value?.enableTilt ?? false,
+          mapType: mapType ?? BConfigProvider?.mergedMapSetRef.value?.mapType ?? "BMAP_NORMAL_MAP",
+          enableAutoResize: enableAutoResize ?? BConfigProvider?.mergedMapSetRef.value?.enableAutoResize ?? true,
+          enableTiltGestures: enableTiltGestures ?? BConfigProvider?.mergedMapSetRef.value?.enableTiltGestures ?? false,
+          enableRotate: enableRotate ?? BConfigProvider?.mergedMapSetRef.value?.enableRotate ?? false,
+          enableRotateGestures: enableRotateGestures ?? BConfigProvider?.mergedMapSetRef.value?.enableRotateGestures ?? false,
           displayOptions: displayOptions ?? BConfigProvider?.mergedMapSetRef.value?.displayOptions
         };
       })
@@ -151,67 +151,44 @@
   const mapInjectionKey = /* @__PURE__ */ Symbol("b-map");
 
   const mapProps = {
-    maxZoom: {
-      type: Number,
-      default: 21
-    },
-    minZoom: {
-      type: Number,
-      default: 0
-    },
-    heading: {
-      type: Number,
-      default: 0
-    },
-    center: {
-      type: Object,
-      default: [116.403901, 39.915185]
-    },
-    zoom: {
-      type: Number,
-      default: 14
-    },
+    maxZoom: Number,
+    minZoom: Number,
+    heading: Number,
+    center: Object,
+    zoom: Number,
     class: String,
     contentClass: String,
     enableScrollWheelZoom: {
       type: Boolean,
-      default: false
+      default: void 0
     },
     enableDragging: {
       type: Boolean,
-      default: true
-    },
-    tilt: {
-      type: Number,
-      default: 0
+      default: void 0
     },
+    tilt: Number,
     enableTilt: {
       type: Boolean,
-      default: false
-    },
-    mapType: {
-      type: String,
-      default: "BMAP_NORMAL_MAP"
+      default: void 0
     },
+    mapType: String,
     enableAutoResize: {
       type: Boolean,
-      default: true
+      default: void 0
     },
     enableTiltGestures: {
       type: Boolean,
-      default: false
+      default: void 0
     },
     enableRotate: {
       type: Boolean,
-      default: false
+      default: void 0
     },
     enableRotateGestures: {
       type: Boolean,
-      default: false
-    },
-    displayOptions: {
-      type: Object
+      default: void 0
     },
+    displayOptions: Object,
     onInitd: Function
   };
 
@@ -505,7 +482,12 @@
                 callback && callback(image, key);
               };
               const handleError = () => callback && callback(null, key);
-              getTile(tileInfo, (img) => {
+              const box = BMapGL.XYZProjection.getTileRangeExtent([tileInfo.zoom, tileInfo.col, tileInfo.row]);
+              getTile({
+                x: tileInfo.col,
+                y: tileInfo.row,
+                z: tileInfo.zoom
+              }, box, (img) => {
                 if (typeof img === "string" || img instanceof HTMLCanvasElement) {
                   const image = new Image();
                   image.crossOrigin = "anonymous";

package/dist/index.prod.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Vue3Bmapgl={},e.vue)}(this,function(e,t){"use strict";let a=!1;function o(e){return e.some(e=>!t.isVNode(e)||e.type!==Comment&&!(e.type===t.Fragment&&!o(e.children)))?e:null}function n(e,t){return t(e&&o(e())||null)}const l={ak:String,apiUrl:String,plugins:Array,mapConfig:Object},r=Symbol("b-config-provider");var i=t.defineComponent({name:"ConfigProvider",props:l,setup(e,{slots:o}){const n=t.ref("notload"),l=e.apiUrl?"_initBMap_":`_initBMap_${e.ak}`,i=e.apiUrl?`${e.apiUrl.replace(/&$/,"")}&callback=${l}`:`//api.map.baidu.com/api?type=webgl&v=1.0&ak=${e.ak}&callback=${l}`;n.value="pending",function(e){const{key:t,src:o,addCalToWindow:n=!0,timeout:l=1e4}=e;return a&&window.BMapGL?Promise.resolve():new Promise((e,r)=>{const i=document.createElement("script");i.src=o,i.type="text/javascript",i.defer=!0;const p=()=>{i.onload=null,i.onerror=null,document.body.contains(i)&&document.body.removeChild(i)},s=setTimeout(()=>{p(),r(new Error(`Script load timeout: ${o}`))},l),d=()=>{clearTimeout(s),a=!0,p(),e()};n?window[t]=d:i.onload=d,i.onerror=()=>{clearTimeout(s),p(),r(new Error(`Failed to load script: ${o}`))},document.body.appendChild(i)})}({key:l,src:i}).then(()=>{n.value="loaded"}).catch(()=>{n.value="failed"});const p=t.computed(()=>{const{mapConfig:t}=e;return t??{}});return t.provide(r,{mergedStatusRef:n,mergedMapSetRef:p}),()=>t.renderSlot(o,"default")}}),p=t.defineComponent({name:"TileLayer",setup:()=>()=>t.createVNode("div",null,[t.createTextVNode("Tile")])});const s=Symbol("b-map"),d={maxZoom:{type:Number,default:21},minZoom:{type:Number,default:0},heading:{type:Number,default:0},center:{type:Object,default:[116.403901,39.915185]},zoom:{type:Number,default:14},class:String,contentClass:String,enableScrollWheelZoom:{type:Boolean,default:!1},enableDragging:{type:Boolean,default:!0},tilt:{type:Number,default:0},enableTilt:{type:Boolean,default:!1},mapType:{type:String,default:"BMAP_NORMAL_MAP"},enableAutoResize:{type:Boolean,default:!0},enableTiltGestures:{type:Boolean,default:!1},enableRotate:{type:Boolean,default:!1},enableRotateGestures:{type:Boolean,default:!1},displayOptions:{type:Object},onInitd:Function};var u="map-module_b-map__29r3m",m="map-module_b-map-content__sMaJG",c="map-module_b-map-loading__qc4a8",f="map-module_b-map-failed__-w-tX";!function(e,t){void 0===t&&(t={});var a=t.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===a&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}(".map-module_b-map-content__sMaJG,.map-module_b-map__29r3m{height:100%;overflow:hidden;position:relative;width:100%}.map-module_b-map-failed__-w-tX,.map-module_b-map-loading__qc4a8{color:#999;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}");var y=t.defineComponent({name:"Map",props:d,slots:Object,setup(e,{slots:a}){const{mergedMapSetRef:o,mergedStatusRef:l}=function(e={}){const a=t.inject(r,null);return{mergedStatusRef:a?.mergedStatusRef,mergedMapSetRef:t.computed(()=>{const{zoom:t,center:o,heading:n,minZoom:l,maxZoom:r,enableScrollWheelZoom:i,enableDragging:p,tilt:s,enableTilt:d,mapType:u,enableAutoResize:m,enableTiltGestures:c,enableRotate:f,enableRotateGestures:y,displayOptions:g}=e;return{zoom:t??a?.mergedMapSetRef.value?.zoom,center:o??a?.mergedMapSetRef.value?.center,heading:n??a?.mergedMapSetRef.value?.heading,minZoom:l??a?.mergedMapSetRef.value?.minZoom,maxZoom:r??a?.mergedMapSetRef.value?.maxZoom,enableScrollWheelZoom:i??a?.mergedMapSetRef.value?.enableScrollWheelZoom,enableDragging:p??a?.mergedMapSetRef.value?.enableDragging,tilt:s??a?.mergedMapSetRef.value?.tilt,enableTilt:d??a?.mergedMapSetRef.value?.enableTilt,mapType:u??a?.mergedMapSetRef.value?.mapType,enableAutoResize:m??a?.mergedMapSetRef.value?.enableAutoResize,enableTiltGestures:c??a?.mergedMapSetRef.value?.enableTiltGestures,enableRotate:f??a?.mergedMapSetRef.value?.enableRotate,enableRotateGestures:y??a?.mergedMapSetRef.value?.enableRotateGestures,displayOptions:g??a?.mergedMapSetRef.value?.displayOptions}})}}(e),i=t.ref();let p=null;const d=t.ref(!1);t.provide(s,{mapInstance:()=>p});const y=e=>{"string"==typeof e?p?.centerAndZoom(e,o.value.zoom):Array.isArray(e)?p?.centerAndZoom(new BMapGL.Point(e[0],e[1]),o.value.zoom):p?.centerAndZoom(e,o.value.zoom)},g=e=>{e?p.enableScrollWheelZoom():p.disableScrollWheelZoom()},b=e=>{p?.setDisplayOptions(e||{})},v=e=>{p?.setTilt(e??0)},T=e=>{p?.setHeading(e??0)},h=e=>{e?p.enableDragging():p.disableDragging()},S=e=>{void 0!==window[e]&&p.setMapType(window[e])},R=()=>{const{maxZoom:a,minZoom:n,enableTilt:l,mapType:r,enableAutoResize:s,enableTiltGestures:u,enableRotate:m,enableRotateGestures:c,displayOptions:f}=o.value;p=new BMapGL.Map(i.value,{maxZoom:a,minZoom:n,enableTilt:l,mapType:window[r],enableAutoResize:s,enableTiltGestures:u,enableRotate:m,enableRotateGestures:c,displayOptions:f});const{onInitd:R}=e;(()=>{const{center:e,heading:t,enableScrollWheelZoom:a,tilt:n,enableDragging:l}=o.value;T(t),y(e),g(a),v(n),h(l)})(),t.watch(()=>o.value.center,y,{deep:!0}),t.watch(()=>o.value.enableScrollWheelZoom,g),t.watch(()=>o.value.displayOptions,b),t.watch(()=>o.value.tilt,v),t.watch(()=>o.value.heading,T),t.watch(()=>o.value.enableDragging,h),t.watch(()=>o.value.mapType,S),R?.({map:p}),d.value=!0};return t.onMounted(()=>{t.watchEffect(()=>{"loaded"!==l?.value||d.value||t.nextTick(R)})}),t.onUnmounted(()=>{if(p)try{p?.destroy()}catch(e){console.error(`[Vue3 BMapGL]: ${e.message}`)}}),()=>t.createVNode("div",{class:[[u],e.class]},[t.createVNode("div",{ref:i,class:[m,e.contentClass]},["pending"===l?.value&&n(a.loading,()=>t.createVNode("div",{class:[c]},[t.createTextVNode("map loading...")])),"failed"===l?.value&&n(a.failed,()=>t.createVNode("div",{class:[f]},[t.createTextVNode("map failed")]))]),d.value&&a.default?.()])}});function g(){return t.inject(s,null).mapInstance}const b={visible:{type:Boolean,default:!0},getTile:{type:Function},useThumbData:{type:Boolean,default:!1},xTemplate:{type:Function},yTemplate:{type:Function},zTemplate:{type:Function},bTemplate:{type:Function},minZoom:{type:Number,default:3},maxZoom:{type:Number,default:23},extent:{type:Array},extentCRSIsWGS84:{type:Boolean,default:!1},boundary:{type:Array},zIndex:{type:Number,default:1},zIndexTop:{type:Boolean,default:!1},tms:{type:Boolean,default:!1}};var v=t.defineComponent({name:"XyzLayer",props:b,setup(e){const a=g();let o=null;const n=e=>{o?.setZIndex(e)},l=e=>{e&&!e.length?o?.addBoundary(e):o?.clearBoundary()},r=()=>{const{zIndex:t,zIndexTop:a}=e;n(t),(e=>{e&&o?.setZIndexTop()})(a)};return(()=>{const{visible:i,getTile:p,xTemplate:s,yTemplate:d,zTemplate:u,bTemplate:m,minZoom:c,maxZoom:f,extent:y,extentCRSIsWGS84:g,boundary:b,useThumbData:v,tms:T}=e;o=new BMapGL.XYZLayer({xTemplate:s,yTemplate:d,zTemplate:u,bTemplate:m,minZoom:c,maxZoom:f,extent:y,extentCRSIsWGS84:g,boundary:b,useThumbData:v,tms:T}),r(),i&&(p?(a().addTileLayer(o),o.loadRasterTileData=function(e,t){const a=this.getTileKey(e),o=o=>{o.tileInfo=e,t&&t(o,a)},n=()=>t&&t(null,a);p(e,e=>{if("string"==typeof e||e instanceof HTMLCanvasElement){const t=new Image;t.crossOrigin="anonymous",t.onload=()=>o(t),t.onerror=n,t.src="string"==typeof e?e:e.toDataURL()}else e instanceof HTMLImageElement?o(e):n()})}):a().addTileLayer(o)),t.watch(()=>e.zIndex,n),t.watch(()=>e.boundary,l)})(),t.onUnmounted(()=>{o&&a().removeTileLayer(o)}),()=>t.createVNode(t.Fragment,null,null)}});const T={visible:{type:Boolean,default:!0},points:{type:Array},strokeColor:{type:String,default:"#000"},fillColor:{type:String,default:"#fff"},strokeWeight:{type:Number,default:2},strokeOpacity:{type:Number,default:1},fillOpacity:{type:Number,default:.3},strokeStyle:{type:String,default:"solid"},enableMassClear:{type:Boolean,default:!0},enableEditing:{type:Boolean,default:!1},isBoundary:{type:Boolean},enableClicking:{type:Boolean,default:!0}};var h=t.defineComponent({name:"Polygon",props:T,setup:e=>{const a=g();let o=null;const n=e=>{o&&o.setStrokeColor(e)};return(()=>{const{points:l,visible:r,strokeColor:i,fillColor:p,strokeWeight:s,strokeOpacity:d,fillOpacity:u,strokeStyle:m,enableMassClear:c,enableEditing:f,enableClicking:y}=e;l&&l.length&&(o=new BMapGL.Polygon(function(e){if(!e||0===e.length)return[];const t=e[0];return Array.isArray(t)?e.map(([e,t])=>new BMapGL.Point(e,t)):e}(l),{strokeColor:i,fillColor:p,strokeWeight:s,strokeOpacity:d,fillOpacity:u,strokeStyle:m,enableMassClear:c,enableEditing:f,enableClicking:y}),r&&a().addOverlay(o),t.watch(()=>e.strokeColor,n),t.watch(()=>e.visible,e=>{a()[e?"addOverlay":"removeOverlay"](o)}))})(),t.onUnmounted(()=>{o&&a().removeOverlay(o)}),()=>t.createVNode(t.Fragment,null,null)}}),S=t.defineComponent({name:"Sector",setup:()=>()=>t.createVNode(t.Fragment,null,null)});e.BConfigProvider=i,e.BMap=y,e.BPolygon=h,e.BSector=S,e.BTileLayer=p,e.BXyzLayer=v,e.configProviderInjectionKey=r,e.configProviderProps=l,e.create=function({componentPrefix:e="B",components:t=[]}={}){const a=[];function o(t,a,o){t.component(e+a)||t.component(e+a,o)}return{componentPrefix:e,install:function(e){a.includes(e)||(a.push(e),t.forEach(t=>{const{name:a,alias:n}=t;o(e,a,t),n&&n.forEach(a=>{o(e,a,t)})}))}}},e.mapInjectionKey=s,e.mapProps=d,e.polygonProps=T,e.xyzLayerProps=b});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Vue3Bmapgl={},e.vue)}(this,function(e,t){"use strict";let a=!1;function o(e){return e.some(e=>!t.isVNode(e)||e.type!==Comment&&!(e.type===t.Fragment&&!o(e.children)))?e:null}function n(e,t){return t(e&&o(e())||null)}const l={ak:String,apiUrl:String,plugins:Array,mapConfig:Object},r=Symbol("b-config-provider");var i=t.defineComponent({name:"ConfigProvider",props:l,setup(e,{slots:o}){const n=t.ref("notload"),l=e.apiUrl?"_initBMap_":`_initBMap_${e.ak}`,i=e.apiUrl?`${e.apiUrl.replace(/&$/,"")}&callback=${l}`:`//api.map.baidu.com/api?type=webgl&v=1.0&ak=${e.ak}&callback=${l}`;n.value="pending",function(e){const{key:t,src:o,addCalToWindow:n=!0,timeout:l=1e4}=e;return a&&window.BMapGL?Promise.resolve():new Promise((e,r)=>{const i=document.createElement("script");i.src=o,i.type="text/javascript",i.defer=!0;const s=()=>{i.onload=null,i.onerror=null,document.body.contains(i)&&document.body.removeChild(i)},d=setTimeout(()=>{s(),r(new Error(`Script load timeout: ${o}`))},l),p=()=>{clearTimeout(d),a=!0,s(),e()};n?window[t]=p:i.onload=p,i.onerror=()=>{clearTimeout(d),s(),r(new Error(`Failed to load script: ${o}`))},document.body.appendChild(i)})}({key:l,src:i}).then(()=>{n.value="loaded"}).catch(()=>{n.value="failed"});const s=t.computed(()=>{const{mapConfig:t}=e;return t??{}});return t.provide(r,{mergedStatusRef:n,mergedMapSetRef:s}),()=>t.renderSlot(o,"default")}}),s=t.defineComponent({name:"TileLayer",setup:()=>()=>t.createVNode(t.Fragment,null,null)});const d=Symbol("b-map"),p={maxZoom:Number,minZoom:Number,heading:Number,center:Object,zoom:Number,class:String,contentClass:String,enableScrollWheelZoom:{type:Boolean,default:void 0},enableDragging:{type:Boolean,default:void 0},tilt:Number,enableTilt:{type:Boolean,default:void 0},mapType:String,enableAutoResize:{type:Boolean,default:void 0},enableTiltGestures:{type:Boolean,default:void 0},enableRotate:{type:Boolean,default:void 0},enableRotateGestures:{type:Boolean,default:void 0},displayOptions:Object,onInitd:Function};var m="map-module_b-map__29r3m",u="map-module_b-map-content__sMaJG",c="map-module_b-map-loading__qc4a8",f="map-module_b-map-failed__-w-tX";!function(e,t){void 0===t&&(t={});var a=t.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===a&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}(".map-module_b-map-content__sMaJG,.map-module_b-map__29r3m{height:100%;overflow:hidden;position:relative;width:100%}.map-module_b-map-failed__-w-tX,.map-module_b-map-loading__qc4a8{color:#999;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}");var y=t.defineComponent({name:"Map",props:p,slots:Object,setup(e,{slots:a}){const{mergedMapSetRef:o,mergedStatusRef:l}=function(e={}){const a=t.inject(r,null);return{mergedStatusRef:a?.mergedStatusRef,mergedMapSetRef:t.computed(()=>{const{zoom:t,center:o,heading:n,minZoom:l,maxZoom:r,enableScrollWheelZoom:i,enableDragging:s,tilt:d,enableTilt:p,mapType:m,enableAutoResize:u,enableTiltGestures:c,enableRotate:f,enableRotateGestures:y,displayOptions:g}=e;return{zoom:t??a?.mergedMapSetRef.value?.zoom??14,center:o??a?.mergedMapSetRef.value?.center??[116.403901,39.915185],heading:n??a?.mergedMapSetRef.value?.heading??0,minZoom:l??a?.mergedMapSetRef.value?.minZoom??0,maxZoom:r??a?.mergedMapSetRef.value?.maxZoom??21,enableScrollWheelZoom:i??a?.mergedMapSetRef.value?.enableScrollWheelZoom??!1,enableDragging:s??a?.mergedMapSetRef.value?.enableDragging??!0,tilt:d??a?.mergedMapSetRef.value?.tilt??0,enableTilt:p??a?.mergedMapSetRef.value?.enableTilt??!1,mapType:m??a?.mergedMapSetRef.value?.mapType??"BMAP_NORMAL_MAP",enableAutoResize:u??a?.mergedMapSetRef.value?.enableAutoResize??!0,enableTiltGestures:c??a?.mergedMapSetRef.value?.enableTiltGestures??!1,enableRotate:f??a?.mergedMapSetRef.value?.enableRotate??!1,enableRotateGestures:y??a?.mergedMapSetRef.value?.enableRotateGestures??!1,displayOptions:g??a?.mergedMapSetRef.value?.displayOptions}})}}(e),i=t.ref();let s=null;const p=t.ref(!1);t.provide(d,{mapInstance:()=>s});const y=e=>{"string"==typeof e?s?.centerAndZoom(e,o.value.zoom):Array.isArray(e)?s?.centerAndZoom(new BMapGL.Point(e[0],e[1]),o.value.zoom):s?.centerAndZoom(e,o.value.zoom)},g=e=>{e?s.enableScrollWheelZoom():s.disableScrollWheelZoom()},b=e=>{s?.setDisplayOptions(e||{})},v=e=>{s?.setTilt(e??0)},T=e=>{s?.setHeading(e??0)},h=e=>{e?s.enableDragging():s.disableDragging()},S=e=>{void 0!==window[e]&&s.setMapType(window[e])},R=()=>{const{maxZoom:a,minZoom:n,enableTilt:l,mapType:r,enableAutoResize:d,enableTiltGestures:m,enableRotate:u,enableRotateGestures:c,displayOptions:f}=o.value;s=new BMapGL.Map(i.value,{maxZoom:a,minZoom:n,enableTilt:l,mapType:window[r],enableAutoResize:d,enableTiltGestures:m,enableRotate:u,enableRotateGestures:c,displayOptions:f});const{onInitd:R}=e;(()=>{const{center:e,heading:t,enableScrollWheelZoom:a,tilt:n,enableDragging:l}=o.value;T(t),y(e),g(a),v(n),h(l)})(),t.watch(()=>o.value.center,y,{deep:!0}),t.watch(()=>o.value.enableScrollWheelZoom,g),t.watch(()=>o.value.displayOptions,b),t.watch(()=>o.value.tilt,v),t.watch(()=>o.value.heading,T),t.watch(()=>o.value.enableDragging,h),t.watch(()=>o.value.mapType,S),R?.({map:s}),p.value=!0};return t.onMounted(()=>{t.watchEffect(()=>{"loaded"!==l?.value||p.value||t.nextTick(R)})}),t.onUnmounted(()=>{if(s)try{s?.destroy()}catch(e){console.error(`[Vue3 BMapGL]: ${e.message}`)}}),()=>t.createVNode("div",{class:[[m],e.class]},[t.createVNode("div",{ref:i,class:[u,e.contentClass]},["pending"===l?.value&&n(a.loading,()=>t.createVNode("div",{class:[c]},[t.createTextVNode("map loading...")])),"failed"===l?.value&&n(a.failed,()=>t.createVNode("div",{class:[f]},[t.createTextVNode("map failed")]))]),p.value&&a.default?.()])}});function g(){return t.inject(d,null).mapInstance}const b={visible:{type:Boolean,default:!0},getTile:{type:Function},useThumbData:{type:Boolean,default:!1},xTemplate:{type:Function},yTemplate:{type:Function},zTemplate:{type:Function},bTemplate:{type:Function},minZoom:{type:Number,default:3},maxZoom:{type:Number,default:23},extent:{type:Array},extentCRSIsWGS84:{type:Boolean,default:!1},boundary:{type:Array},zIndex:{type:Number,default:1},zIndexTop:{type:Boolean,default:!1},tms:{type:Boolean,default:!1}};var v=t.defineComponent({name:"XyzLayer",props:b,setup(e){const a=g();let o=null;const n=e=>{o?.setZIndex(e)},l=e=>{e&&!e.length?o?.addBoundary(e):o?.clearBoundary()},r=()=>{const{zIndex:t,zIndexTop:a}=e;n(t),(e=>{e&&o?.setZIndexTop()})(a)};return(()=>{const{visible:i,getTile:s,xTemplate:d,yTemplate:p,zTemplate:m,bTemplate:u,minZoom:c,maxZoom:f,extent:y,extentCRSIsWGS84:g,boundary:b,useThumbData:v,tms:T}=e;o=new BMapGL.XYZLayer({xTemplate:d,yTemplate:p,zTemplate:m,bTemplate:u,minZoom:c,maxZoom:f,extent:y,extentCRSIsWGS84:g,boundary:b,useThumbData:v,tms:T}),r(),i&&(s?(a().addTileLayer(o),o.loadRasterTileData=function(e,t){const a=this.getTileKey(e),o=o=>{o.tileInfo=e,t&&t(o,a)},n=()=>t&&t(null,a),l=BMapGL.XYZProjection.getTileRangeExtent([e.zoom,e.col,e.row]);s({x:e.col,y:e.row,z:e.zoom},l,e=>{if("string"==typeof e||e instanceof HTMLCanvasElement){const t=new Image;t.crossOrigin="anonymous",t.onload=()=>o(t),t.onerror=n,t.src="string"==typeof e?e:e.toDataURL()}else e instanceof HTMLImageElement?o(e):n()})}):a().addTileLayer(o)),t.watch(()=>e.zIndex,n),t.watch(()=>e.boundary,l)})(),t.onUnmounted(()=>{o&&a().removeTileLayer(o)}),()=>t.createVNode(t.Fragment,null,null)}});const T={visible:{type:Boolean,default:!0},points:{type:Array},strokeColor:{type:String,default:"#000"},fillColor:{type:String,default:"#fff"},strokeWeight:{type:Number,default:2},strokeOpacity:{type:Number,default:1},fillOpacity:{type:Number,default:.3},strokeStyle:{type:String,default:"solid"},enableMassClear:{type:Boolean,default:!0},enableEditing:{type:Boolean,default:!1},isBoundary:{type:Boolean},enableClicking:{type:Boolean,default:!0}};var h=t.defineComponent({name:"Polygon",props:T,setup:e=>{const a=g();let o=null;const n=e=>{o&&o.setStrokeColor(e)};return(()=>{const{points:l,visible:r,strokeColor:i,fillColor:s,strokeWeight:d,strokeOpacity:p,fillOpacity:m,strokeStyle:u,enableMassClear:c,enableEditing:f,enableClicking:y}=e;l&&l.length&&(o=new BMapGL.Polygon(function(e){if(!e||0===e.length)return[];const t=e[0];return Array.isArray(t)?e.map(([e,t])=>new BMapGL.Point(e,t)):e}(l),{strokeColor:i,fillColor:s,strokeWeight:d,strokeOpacity:p,fillOpacity:m,strokeStyle:u,enableMassClear:c,enableEditing:f,enableClicking:y}),r&&a().addOverlay(o),t.watch(()=>e.strokeColor,n),t.watch(()=>e.visible,e=>{a()[e?"addOverlay":"removeOverlay"](o)}))})(),t.onUnmounted(()=>{o&&a().removeOverlay(o)}),()=>t.createVNode(t.Fragment,null,null)}}),S=t.defineComponent({name:"Sector",setup:()=>()=>t.createVNode(t.Fragment,null,null)});e.BConfigProvider=i,e.BMap=y,e.BPolygon=h,e.BSector=S,e.BTileLayer=s,e.BXyzLayer=v,e.configProviderInjectionKey=r,e.configProviderProps=l,e.create=function({componentPrefix:e="B",components:t=[]}={}){const a=[];function o(t,a,o){t.component(e+a)||t.component(e+a,o)}return{componentPrefix:e,install:function(e){a.includes(e)||(a.push(e),t.forEach(t=>{const{name:a,alias:n}=t;o(e,a,t),n&&n.forEach(a=>{o(e,a,t)})}))}}},e.mapInjectionKey=d,e.mapProps=p,e.polygonProps=T,e.xyzLayerProps=b});

package/es/_mixins/use-config.mjs

@@ -6,24 +6,24 @@ function useConfig(props = {}) {
   return {
     mergedStatusRef: BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedStatusRef,
     mergedMapSetRef: computed(() => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4;
       const { zoom, center, heading, minZoom, maxZoom, enableScrollWheelZoom, enableDragging, tilt, enableTilt, mapType, enableAutoResize, enableTiltGestures, enableRotate, enableRotateGestures, displayOptions } = props;
       return {
-        zoom: zoom !== null && zoom !== void 0 ? zoom : (_a = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _a === void 0 ? void 0 : _a.zoom,
-        center: center !== null && center !== void 0 ? center : (_b = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _b === void 0 ? void 0 : _b.center,
-        heading: heading !== null && heading !== void 0 ? heading : (_c = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _c === void 0 ? void 0 : _c.heading,
-        minZoom: minZoom !== null && minZoom !== void 0 ? minZoom : (_d = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _d === void 0 ? void 0 : _d.minZoom,
-        maxZoom: maxZoom !== null && maxZoom !== void 0 ? maxZoom : (_e = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _e === void 0 ? void 0 : _e.maxZoom,
-        enableScrollWheelZoom: enableScrollWheelZoom !== null && enableScrollWheelZoom !== void 0 ? enableScrollWheelZoom : (_f = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _f === void 0 ? void 0 : _f.enableScrollWheelZoom,
-        enableDragging: enableDragging !== null && enableDragging !== void 0 ? enableDragging : (_g = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _g === void 0 ? void 0 : _g.enableDragging,
-        tilt: tilt !== null && tilt !== void 0 ? tilt : (_h = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _h === void 0 ? void 0 : _h.tilt,
-        enableTilt: enableTilt !== null && enableTilt !== void 0 ? enableTilt : (_j = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _j === void 0 ? void 0 : _j.enableTilt,
-        mapType: mapType !== null && mapType !== void 0 ? mapType : (_k = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _k === void 0 ? void 0 : _k.mapType,
-        enableAutoResize: enableAutoResize !== null && enableAutoResize !== void 0 ? enableAutoResize : (_l = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _l === void 0 ? void 0 : _l.enableAutoResize,
-        enableTiltGestures: enableTiltGestures !== null && enableTiltGestures !== void 0 ? enableTiltGestures : (_m = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _m === void 0 ? void 0 : _m.enableTiltGestures,
-        enableRotate: enableRotate !== null && enableRotate !== void 0 ? enableRotate : (_o = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _o === void 0 ? void 0 : _o.enableRotate,
-        enableRotateGestures: enableRotateGestures !== null && enableRotateGestures !== void 0 ? enableRotateGestures : (_p = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _p === void 0 ? void 0 : _p.enableRotateGestures,
-        displayOptions: displayOptions !== null && displayOptions !== void 0 ? displayOptions : (_q = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _q === void 0 ? void 0 : _q.displayOptions
+        zoom: (_b = zoom !== null && zoom !== void 0 ? zoom : (_a = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _a === void 0 ? void 0 : _a.zoom) !== null && _b !== void 0 ? _b : 14,
+        center: (_d = center !== null && center !== void 0 ? center : (_c = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _c === void 0 ? void 0 : _c.center) !== null && _d !== void 0 ? _d : [116.403901, 39.915185],
+        heading: (_f = heading !== null && heading !== void 0 ? heading : (_e = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _e === void 0 ? void 0 : _e.heading) !== null && _f !== void 0 ? _f : 0,
+        minZoom: (_h = minZoom !== null && minZoom !== void 0 ? minZoom : (_g = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _g === void 0 ? void 0 : _g.minZoom) !== null && _h !== void 0 ? _h : 0,
+        maxZoom: (_k = maxZoom !== null && maxZoom !== void 0 ? maxZoom : (_j = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _j === void 0 ? void 0 : _j.maxZoom) !== null && _k !== void 0 ? _k : 21,
+        enableScrollWheelZoom: (_m = enableScrollWheelZoom !== null && enableScrollWheelZoom !== void 0 ? enableScrollWheelZoom : (_l = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _l === void 0 ? void 0 : _l.enableScrollWheelZoom) !== null && _m !== void 0 ? _m : false,
+        enableDragging: (_p = enableDragging !== null && enableDragging !== void 0 ? enableDragging : (_o = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _o === void 0 ? void 0 : _o.enableDragging) !== null && _p !== void 0 ? _p : true,
+        tilt: (_r = tilt !== null && tilt !== void 0 ? tilt : (_q = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _q === void 0 ? void 0 : _q.tilt) !== null && _r !== void 0 ? _r : 0,
+        enableTilt: (_t = enableTilt !== null && enableTilt !== void 0 ? enableTilt : (_s = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _s === void 0 ? void 0 : _s.enableTilt) !== null && _t !== void 0 ? _t : false,
+        mapType: (_v = mapType !== null && mapType !== void 0 ? mapType : (_u = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _u === void 0 ? void 0 : _u.mapType) !== null && _v !== void 0 ? _v : "BMAP_NORMAL_MAP",
+        enableAutoResize: (_x = enableAutoResize !== null && enableAutoResize !== void 0 ? enableAutoResize : (_w = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _w === void 0 ? void 0 : _w.enableAutoResize) !== null && _x !== void 0 ? _x : true,
+        enableTiltGestures: (_z = enableTiltGestures !== null && enableTiltGestures !== void 0 ? enableTiltGestures : (_y = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _y === void 0 ? void 0 : _y.enableTiltGestures) !== null && _z !== void 0 ? _z : false,
+        enableRotate: (_1 = enableRotate !== null && enableRotate !== void 0 ? enableRotate : (_0 = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _0 === void 0 ? void 0 : _0.enableRotate) !== null && _1 !== void 0 ? _1 : false,
+        enableRotateGestures: (_3 = enableRotateGestures !== null && enableRotateGestures !== void 0 ? enableRotateGestures : (_2 = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _2 === void 0 ? void 0 : _2.enableRotateGestures) !== null && _3 !== void 0 ? _3 : false,
+        displayOptions: displayOptions !== null && displayOptions !== void 0 ? displayOptions : (_4 = BConfigProvider === null || BConfigProvider === void 0 ? void 0 : BConfigProvider.mergedMapSetRef.value) === null || _4 === void 0 ? void 0 : _4.displayOptions
       };
     })
   };

package/es/_mixins/use-config.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-config.mjs","sources":["../../src/_mixins/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/_mixins/use-config.ts"],"sourcesContent":["import type { Ref } from 'vue'\r\nimport type { MapConfig } from '../config-provider/src/config-provider-props'\r\nimport type { LoadStatus } from '../config-provider/src/internal-interface'\r\nimport { computed, inject } from 'vue'\r\nimport { configProviderInjectionKey } from '../config-provider'\r\n\r\ntype UseConfigProps = Readonly<{\r\n  bordered?: boolean\r\n  [key: string]: unknown\r\n}>\r\n\r\nexport default function useConfig(props: UseConfigProps = {}): {\r\n  mergedStatusRef: Ref<LoadStatus> | undefined\r\n  mergedMapSetRef: Ref<MapConfig>\r\n} {\r\n  const BConfigProvider = inject(configProviderInjectionKey, null)\r\n  return {\r\n    mergedStatusRef: BConfigProvider?.mergedStatusRef,\r\n    mergedMapSetRef: computed(() => {\r\n      const { zoom, center, heading, minZoom, maxZoom, enableScrollWheelZoom, enableDragging, tilt, enableTilt, mapType, enableAutoResize, enableTiltGestures, enableRotate, enableRotateGestures, displayOptions } = props\r\n      return {\r\n        zoom: zoom ?? BConfigProvider?.mergedMapSetRef.value?.zoom,\r\n        center: center ?? BConfigProvider?.mergedMapSetRef.value?.center,\r\n        heading: heading ?? BConfigProvider?.mergedMapSetRef.value?.heading,\r\n        minZoom: minZoom ?? BConfigProvider?.mergedMapSetRef.value?.minZoom,\r\n        maxZoom: maxZoom ?? BConfigProvider?.mergedMapSetRef.value?.maxZoom,\r\n        enableScrollWheelZoom: enableScrollWheelZoom ?? BConfigProvider?.mergedMapSetRef.value?.enableScrollWheelZoom,\r\n        enableDragging: enableDragging ?? BConfigProvider?.mergedMapSetRef.value?.enableDragging,\r\n        tilt: tilt ?? BConfigProvider?.mergedMapSetRef.value?.tilt,\r\n        enableTilt: enableTilt ?? BConfigProvider?.mergedMapSetRef.value?.enableTilt,\r\n        mapType: mapType ?? BConfigProvider?.mergedMapSetRef.value?.mapType,\r\n        enableAutoResize: enableAutoResize ?? BConfigProvider?.mergedMapSetRef.value?.enableAutoResize,\r\n        enableTiltGestures: enableTiltGestures ?? BConfigProvider?.mergedMapSetRef.value?.enableTiltGestures,\r\n        enableRotate: enableRotate ?? BConfigProvider?.mergedMapSetRef.value?.enableRotate,\r\n        enableRotateGestures: enableRotateGestures ?? BConfigProvider?.mergedMapSetRef.value?.enableRotateGestures,\r\n        displayOptions: displayOptions ?? BConfigProvider?.mergedMapSetRef.value?.displayOptions,\r\n      } as MapConfig\r\n    }),\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-config.mjs","sources":["../../src/_mixins/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/_mixins/use-config.ts"],"sourcesContent":["import type { Ref } from 'vue'\r\nimport type { MapConfig } from '../config-provider/src/config-provider-props'\r\nimport type { LoadStatus } from '../config-provider/src/internal-interface'\r\nimport { computed, inject } from 'vue'\r\nimport { configProviderInjectionKey } from '../config-provider'\r\n\r\ntype UseConfigProps = Readonly<{\r\n  bordered?: boolean\r\n  [key: string]: unknown\r\n}>\r\n\r\nexport default function useConfig(props: UseConfigProps = {}): {\r\n  mergedStatusRef: Ref<LoadStatus> | undefined\r\n  mergedMapSetRef: Ref<MapConfig>\r\n} {\r\n  const BConfigProvider = inject(configProviderInjectionKey, null)\r\n  return {\r\n    mergedStatusRef: BConfigProvider?.mergedStatusRef,\r\n    mergedMapSetRef: computed(() => {\r\n      const { zoom, center, heading, minZoom, maxZoom, enableScrollWheelZoom, enableDragging, tilt, enableTilt, mapType, enableAutoResize, enableTiltGestures, enableRotate, enableRotateGestures, displayOptions } = props\r\n      return {\r\n        zoom: zoom ?? BConfigProvider?.mergedMapSetRef.value?.zoom ?? 14,\r\n        center: center ?? BConfigProvider?.mergedMapSetRef.value?.center ?? [116.403901, 39.915185],\r\n        heading: heading ?? BConfigProvider?.mergedMapSetRef.value?.heading ?? 0,\r\n        minZoom: minZoom ?? BConfigProvider?.mergedMapSetRef.value?.minZoom ?? 0,\r\n        maxZoom: maxZoom ?? BConfigProvider?.mergedMapSetRef.value?.maxZoom ?? 21,\r\n        enableScrollWheelZoom: enableScrollWheelZoom ?? BConfigProvider?.mergedMapSetRef.value?.enableScrollWheelZoom ?? false,\r\n        enableDragging: enableDragging ?? BConfigProvider?.mergedMapSetRef.value?.enableDragging ?? true,\r\n        tilt: tilt ?? BConfigProvider?.mergedMapSetRef.value?.tilt ?? 0,\r\n        enableTilt: enableTilt ?? BConfigProvider?.mergedMapSetRef.value?.enableTilt ?? false,\r\n        mapType: mapType ?? BConfigProvider?.mergedMapSetRef.value?.mapType ?? 'BMAP_NORMAL_MAP',\r\n        enableAutoResize: enableAutoResize ?? BConfigProvider?.mergedMapSetRef.value?.enableAutoResize ?? true,\r\n        enableTiltGestures: enableTiltGestures ?? BConfigProvider?.mergedMapSetRef.value?.enableTiltGestures ?? false,\r\n        enableRotate: enableRotate ?? BConfigProvider?.mergedMapSetRef.value?.enableRotate ?? false,\r\n        enableRotateGestures: enableRotateGestures ?? BConfigProvider?.mergedMapSetRef.value?.enableRotateGestures ?? false,\r\n        displayOptions: displayOptions ?? BConfigProvider?.mergedMapSetRef.value?.displayOptions,\r\n      } as MapConfig\r\n    }),\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

package/es/layer/tile/src/tile-props.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=tile-props.mjs.map

package/es/layer/tile/src/tile-props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tile-props.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/layer/tile/src/tile.mjs

@@ -1,9 +1,9 @@
-import { defineComponent, createVNode, createTextVNode } from 'vue';
+import { defineComponent, createVNode, Fragment } from 'vue';
 
 var tile = /* @__PURE__ */ defineComponent({
   name: "TileLayer",
   setup() {
-    return () => createVNode("div", null, [createTextVNode("Tile")]);
+    return () => createVNode(Fragment, null, null);
   }
 });
 

package/es/layer/tile/src/tile.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tile.mjs","sources":["../../../../src/layer/tile/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/tile/src/tile.tsx"],"sourcesContent":["import { defineComponent } from 'vue'\r\n\r\nexport default defineComponent({\r\n  name: 'TileLayer',\r\n  setup() {\r\n    return () => <div>Tile</div>\r\n  },\r\n})\r\n"],"names":["name","setup","_createVNode","_createTextVNode"],"mappings":";;AAEA,2CAA+B;AAAA,EAC7BA,IAAAA,EAAM,WAAA;AAAA,EACNC,KAAAA,GAAK;AACH,IAAA,OAAO,MAAAC,YAAA,KAAA,EAAA,IAAA,EAAA,CAAAC,eAAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,EACT;AACD,CAAA,CAAA;;;;"}
+{"version":3,"file":"tile.mjs","sources":["../../../../src/layer/tile/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/tile/src/tile.tsx"],"sourcesContent":["import { defineComponent } from 'vue'\r\n\r\nexport default defineComponent({\r\n  name: 'TileLayer',\r\n  setup() {\r\n    return () => <></>\r\n  },\r\n})\r\n"],"names":["name","setup","_createVNode","_Fragment"],"mappings":";;AAEA,2CAA+B;AAAA,EAC7BA,IAAAA,EAAM,WAAA;AAAA,EACNC,KAAAA,GAAK;AACH,IAAA,OAAO,MAAAC,WAAAA,CAAAC,QAAAA,EAAA,IAAA,EAAA,IAAA,CAAA;AAAA,EACT;AACD,CAAA,CAAA;;;;"}

package/es/layer/xyz/src/xyz-props.d.ts

@@ -1,8 +1,14 @@
 import type { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../../_utils';
+export interface Box {
+    minX: number;
+    minY: number;
+    maxX: number;
+    maxY: number;
+}
 type TemplateFn = (x: number, y: number, z: number) => number;
 type BTemplateFn = (x: number, y: number, z: number) => string;
-type GetTile = (info: any, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void;
+type GetTile = (info: any, box: Box, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void;
 export declare const xyzLayerProps: {
     readonly visible: {
         readonly type: BooleanConstructor;

package/es/layer/xyz/src/xyz-props.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"xyz-props.mjs","sources":["../../../../src/layer/xyz/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/xyz/src/xyz-props.ts"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport type { ExtractPublicPropTypes } from '../../../_utils'\r\n\r\ntype TemplateFn = (x: number, y: number, z: number) => number\r\ntype BTemplateFn = (x: number, y: number, z: number) => string\r\ntype GetTile = (info: any, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void\r\n\r\nexport const xyzLayerProps = {\r\n  visible: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  getTile: {\r\n    type: Function as PropType<GetTile>,\r\n  },\r\n  useThumbData: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  xTemplate: {\r\n    type: Function as PropType<TemplateFn>,\r\n  },\r\n  yTemplate: {\r\n    type: Function as PropType<TemplateFn>,\r\n  },\r\n  zTemplate: {\r\n    type: Function as PropType<TemplateFn>,\r\n  },\r\n  bTemplate: {\r\n    type: Function as PropType<BTemplateFn>,\r\n  },\r\n  minZoom: {\r\n    type: Number,\r\n    default: 3,\r\n  },\r\n  maxZoom: {\r\n    type: Number,\r\n    default: 23,\r\n  },\r\n  extent: {\r\n    type: Array as PropType<number[]>,\r\n  },\r\n  extentCRSIsWGS84: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  boundary: {\r\n    type: Array as PropType<string[]>,\r\n  },\r\n  zIndex: {\r\n    type: Number,\r\n    default: 1,\r\n  },\r\n  zIndexTop: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  tms: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n} as const\r\n\r\nexport type XyzLayerProps = ExtractPublicPropTypes<typeof xyzLayerProps>\r\n"],"names":[],"mappings":"AAOO,MAAM,aAAA,GAAgB;AAAA,EAC3B,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,OAAA,EAAS;AAAA,IACP,IAAA,EAAM;AAAA,GACP;AAAA,EACD,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW;AAAA,IACT,IAAA,EAAM;AAAA,GACP;AAAA,EACD,SAAA,EAAW;AAAA,IACT,IAAA,EAAM;AAAA,GACP;AAAA,EACD,SAAA,EAAW;AAAA,IACT,IAAA,EAAM;AAAA,GACP;AAAA,EACD,SAAA,EAAW;AAAA,IACT,IAAA,EAAM;AAAA,GACP;AAAA,EACD,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA,GACP;AAAA,EACD,gBAAA,EAAkB;AAAA,IAChB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,GACP;AAAA,EACD,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA;;;;;"}
+{"version":3,"file":"xyz-props.mjs","sources":["../../../../src/layer/xyz/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/xyz/src/xyz-props.ts"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport type { ExtractPublicPropTypes } from '../../../_utils'\r\n\r\nexport interface Box {\r\n  minX: number\r\n  minY: number\r\n  maxX: number\r\n  maxY: number\r\n}\r\n\r\ntype TemplateFn = (x: number, y: number, z: number) => number\r\ntype BTemplateFn = (x: number, y: number, z: number) => string\r\ntype GetTile = (info: any, box: Box, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void\r\n\r\nexport const xyzLayerProps = {\r\n  visible: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  getTile: {\r\n    type: Function as PropType<GetTile>,\r\n  },\r\n  useThumbData: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  xTemplate: {\r\n    type: Function as PropType<TemplateFn>,\r\n  },\r\n  yTemplate: {\r\n    type: Function as PropType<TemplateFn>,\r\n  },\r\n  zTemplate: {\r\n    type: Function as PropType<TemplateFn>,\r\n  },\r\n  bTemplate: {\r\n    type: Function as PropType<BTemplateFn>,\r\n  },\r\n  minZoom: {\r\n    type: Number,\r\n    default: 3,\r\n  },\r\n  maxZoom: {\r\n    type: Number,\r\n    default: 23,\r\n  },\r\n  extent: {\r\n    type: Array as PropType<number[]>,\r\n  },\r\n  extentCRSIsWGS84: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  boundary: {\r\n    type: Array as PropType<string[]>,\r\n  },\r\n  zIndex: {\r\n    type: Number,\r\n    default: 1,\r\n  },\r\n  zIndexTop: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  tms: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n} as const\r\n\r\nexport type XyzLayerProps = ExtractPublicPropTypes<typeof xyzLayerProps>\r\n"],"names":[],"mappings":"AAcO,MAAM,aAAA,GAAgB;AAAA,EAC3B,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,OAAA,EAAS;AAAA,IACP,IAAA,EAAM;AAAA,GACP;AAAA,EACD,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW;AAAA,IACT,IAAA,EAAM;AAAA,GACP;AAAA,EACD,SAAA,EAAW;AAAA,IACT,IAAA,EAAM;AAAA,GACP;AAAA,EACD,SAAA,EAAW;AAAA,IACT,IAAA,EAAM;AAAA,GACP;AAAA,EACD,SAAA,EAAW;AAAA,IACT,IAAA,EAAM;AAAA,GACP;AAAA,EACD,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA,GACP;AAAA,EACD,gBAAA,EAAkB;AAAA,IAChB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,GACP;AAAA,EACD,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA;;;;;"}

package/es/layer/xyz/src/xyz.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: true;
     };
     readonly getTile: {
-        readonly type: import("vue").PropType<(info: any, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void>;
+        readonly type: import("vue").PropType<(info: any, box: import("./xyz-props").Box, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void>;
     };
     readonly useThumbData: {
         readonly type: BooleanConstructor;
@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: true;
     };
     readonly getTile: {
-        readonly type: import("vue").PropType<(info: any, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void>;
+        readonly type: import("vue").PropType<(info: any, box: import("./xyz-props").Box, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void>;
     };
     readonly useThumbData: {
         readonly type: BooleanConstructor;

package/es/layer/xyz/src/xyz.mjs

@@ -69,7 +69,12 @@ var xyz = /* @__PURE__ */ defineComponent({
               callback && callback(image, key);
             };
             const handleError = () => callback && callback(null, key);
-            getTile(tileInfo, (img) => {
+            const box = BMapGL.XYZProjection.getTileRangeExtent([tileInfo.zoom, tileInfo.col, tileInfo.row]);
+            getTile({
+              x: tileInfo.col,
+              y: tileInfo.row,
+              z: tileInfo.zoom
+            }, box, (img) => {
               if (typeof img === "string" || img instanceof HTMLCanvasElement) {
                 const image = new Image();
                 image.crossOrigin = "anonymous";

package/es/layer/xyz/src/xyz.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"xyz.mjs","sources":["../../../../src/layer/xyz/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/xyz/src/xyz.tsx"],"sourcesContent":["import { defineComponent, onUnmounted, watch } from 'vue'\r\nimport { useMapInstance } from '../../../_mixins'\r\nimport { xyzLayerProps } from './xyz-props'\r\n\r\nexport default defineComponent({\r\n  name: 'XyzLayer',\r\n  props: xyzLayerProps,\r\n  setup(props) {\r\n    const mapInstance = useMapInstance()\r\n\r\n    let layer: BMapGL.XYZLayer | null = null\r\n\r\n    const setZIndex = (zIndex: number) => {\r\n      layer?.setZIndex(zIndex)\r\n    }\r\n\r\n    const setBoundary = (boundary?: string[]) => {\r\n      boundary && !boundary.length ? layer?.addBoundary(boundary) : layer?.clearBoundary()\r\n    }\r\n\r\n    const setZIndexTop = (zIndexTop?: boolean) => {\r\n      zIndexTop && layer?.setZIndexTop()\r\n    }\r\n\r\n    const initLayerOptions = () => {\r\n      const { zIndex, zIndexTop } = props\r\n      setZIndex(zIndex)\r\n      setZIndexTop(zIndexTop)\r\n    }\r\n\r\n    const startWatchProps = () => {\r\n      watch(() => props.zIndex, setZIndex)\r\n      watch(() => props.boundary, setBoundary)\r\n    }\r\n\r\n    const init = () => {\r\n      const { visible, getTile, xTemplate, yTemplate, zTemplate, bTemplate, minZoom, maxZoom, extent, extentCRSIsWGS84, boundary, useThumbData, tms } = props\r\n      layer = new BMapGL.XYZLayer({\r\n        xTemplate,\r\n        yTemplate,\r\n        zTemplate,\r\n        bTemplate,\r\n        minZoom,\r\n        maxZoom,\r\n        extent: extent as any,\r\n        extentCRSIsWGS84,\r\n        boundary,\r\n        useThumbData,\r\n        tms,\r\n      })\r\n      initLayerOptions()\r\n      if (visible) {\r\n        if (getTile) {\r\n          mapInstance().addTileLayer(layer)\r\n          ;(layer as any).loadRasterTileData = function (tileInfo: any, callback: any) {\r\n            const key = this.getTileKey(tileInfo)\r\n\r\n            const handleImageLoad = (image: HTMLImageElement) => {\r\n              (image as any).tileInfo = tileInfo\r\n              callback && callback(image, key)\r\n            }\r\n\r\n            const handleError = () => callback && callback(null, key)\r\n\r\n            getTile(tileInfo, (img) => {\r\n              if (typeof img === 'string' || img instanceof HTMLCanvasElement) {\r\n                const image = new Image()\r\n                image.crossOrigin = 'anonymous'\r\n\r\n                image.onload = () => handleImageLoad(image)\r\n                image.onerror = handleError\r\n\r\n                image.src = typeof img === 'string' ? img : img.toDataURL()\r\n              } else if (img instanceof HTMLImageElement) {\r\n                handleImageLoad(img)\r\n              } else {\r\n                handleError()\r\n              }\r\n            })\r\n          }\r\n        } else {\r\n          mapInstance().addTileLayer(layer)\r\n        }\r\n      }\r\n      startWatchProps()\r\n    }\r\n\r\n    init()\r\n\r\n    // const addTileLayer = (layer: BMapGL.XYZLayer) => {\r\n    //   const { getTile } = props.options\r\n    //   if (getTile) {\r\n    //     mapInstance().addTileLayer(layer)\r\n    //     ;(layer as any).loadRasterTileData = function (tileInfo: any, callback: any) {\r\n    //       const key = this.getTileKey(tileInfo)\r\n\r\n    //       const handleImageLoad = (image: HTMLImageElement) => {\r\n    //         (image as any).tileInfo = tileInfo\r\n    //         callback && callback(image, key)\r\n    //       }\r\n\r\n    //       const handleError = () => callback && callback(null, key)\r\n\r\n    //       getTile(tileInfo, (img) => {\r\n    //         if (typeof img === 'string' || img instanceof HTMLCanvasElement) {\r\n    //           const image = new Image()\r\n    //           image.crossOrigin = 'anonymous'\r\n\r\n    //           image.onload = () => handleImageLoad(image)\r\n    //           image.onerror = handleError\r\n\r\n    //           image.src = typeof img === 'string' ? img : img.toDataURL()\r\n    //         } else if (img instanceof HTMLImageElement) {\r\n    //           handleImageLoad(img)\r\n    //         } else {\r\n    //           handleError()\r\n    //         }\r\n    //       })\r\n    //     }\r\n    //   } else {\r\n    //     mapInstance().addTileLayer(layer)\r\n    //   }\r\n    // }\r\n\r\n    // const removeTileLayer = (layer: BMapGL.XYZLayer) => {\r\n    //   mapInstance().removeTileLayer(layer)\r\n    // }\r\n\r\n    // const createLayer = () => {\r\n    //   if (layer) {\r\n    //     removeTileLayer(layer)\r\n    //   }\r\n    //   const { getTile, ...retProps } = props\r\n    //   layer = new BMapGL.XYZLayer(retProps)\r\n    //   addTileLayer(layer)\r\n    // }\r\n\r\n    // props.visible && createLayer()\r\n\r\n    // watch(() => props.visible, n => layer && (n ? addTileLayer(layer) : removeTileLayer(layer)))\r\n    // watch(() => props.options, () => createLayer())\r\n\r\n    onUnmounted(() => {\r\n      if (layer) {\r\n        mapInstance().removeTileLayer(layer)\r\n      }\r\n    })\r\n\r\n    return () => <></>\r\n  },\r\n})\r\n"],"names":["name","props","xyzLayerProps","setup","mapInstance","useMapInstance","layer","setZIndex","zIndex","setBoundary","boundary","length","addBoundary","clearBoundary","setZIndexTop","zIndexTop","initLayerOptions","startWatchProps","watch","init","visible","getTile","xTemplate","yTemplate","zTemplate","bTemplate","minZoom","maxZoom","extent","extentCRSIsWGS84","useThumbData","tms","BMapGL","XYZLayer","addTileLayer","loadRasterTileData","tileInfo","callback","key","getTileKey","handleImageLoad","image","handleError","img","HTMLCanvasElement","Image","crossOrigin","onload","onerror","src","toDataURL","HTMLImageElement","onUnmounted","removeTileLayer","_createVNode","_Fragment"],"mappings":";;;;AAIA,0CAA+B;AAAA,EAC7BA,IAAAA,EAAM,UAAA;AAAA,EACNC,KAAAA,EAAOC,aAAAA;AAAAA,EACPC,MAAMF,KAAAA,EAAK;AACT,IAAA,MAAMG,cAAcC,cAAAA,EAAc;AAElC,IAAA,IAAIC,KAAAA,GAAgC,IAAA;AAEpC,IAAA,MAAMC,YAAaC,CAAAA,MAAAA,KAAkB;AACnCF,MAAAA,KAAAA,KAAK,QAALA,KAAAA,KAAK,MAAA,GAAA,MAAA,GAALA,KAAAA,CAAOC,UAAUC,MAAM,CAAA;AAAA,IACzB,CAAA;AAEA,IAAA,MAAMC,cAAeC,CAAAA,QAAAA,KAAuB;AAC1CA,MAAAA,QAAAA,IAAY,CAACA,QAAAA,CAASC,MAAAA,GAASL,UAAK,IAAA,IAALA,KAAAA,KAAK,SAAA,MAAA,GAALA,KAAAA,CAAOM,WAAAA,CAAYF,QAAQ,IAAIJ,KAAAA,KAAK,IAAA,IAALA,UAAK,MAAA,GAAA,MAAA,GAALA,MAAOO,aAAAA;IACvE,CAAA;AAEA,IAAA,MAAMC,eAAgBC,CAAAA,SAAAA,KAAuB;AAC3CA,MAAAA,SAAAA,KAAaT,UAAK,IAAA,IAALA,KAAAA,KAAK,MAAA,GAAA,MAAA,GAALA,MAAOQ,YAAAA,EAAY,CAAA;AAAA,IAClC,CAAA;AAEA,IAAA,MAAME,mBAAmBA,MAAK;AAC5B,MAAA,MAAM;AAAA,QAAER,MAAAA;AAAAA,QAAQO;AAAAA,OAAS,GAAKd,KAAAA;AAC9BM,MAAAA,SAAAA,CAAUC,MAAM,CAAA;AAChBM,MAAAA,YAAAA,CAAaC,SAAS,CAAA;AAAA,IACxB,CAAA;AAEA,IAAA,MAAME,kBAAkBA,MAAK;AAC3BC,MAAAA,KAAAA,CAAM,MAAMjB,KAAAA,CAAMO,MAAAA,EAAQD,SAAS,CAAA;AACnCW,MAAAA,KAAAA,CAAM,MAAMjB,KAAAA,CAAMS,QAAAA,EAAUD,WAAW,CAAA;AAAA,IACzC,CAAA;AAEA,IAAA,MAAMU,OAAOA,MAAK;AAChB,MAAA,MAAM;AAAA,QAAEC,OAAAA;AAAAA,QAASC,OAAAA;AAAAA,QAASC,SAAAA;AAAAA,QAAWC,SAAAA;AAAAA,QAAWC,SAAAA;AAAAA,QAAWC,SAAAA;AAAAA,QAAWC,OAAAA;AAAAA,QAASC,OAAAA;AAAAA,QAASC,MAAAA;AAAAA,QAAQC,gBAAAA;AAAAA,QAAkBnB,QAAAA;AAAAA,QAAUoB,YAAAA;AAAAA,QAAcC;AAAAA,OAAG,GAAK9B,KAAAA;AAClJK,MAAAA,KAAAA,GAAQ,IAAI0B,OAAOC,QAAAA,CAAS;AAAA,QAC1BX,SAAAA;AAAAA,QACAC,SAAAA;AAAAA,QACAC,SAAAA;AAAAA,QACAC,SAAAA;AAAAA,QACAC,OAAAA;AAAAA,QACAC,OAAAA;AAAAA,QACAC,MAAAA;AAAAA,QACAC,gBAAAA;AAAAA,QACAnB,QAAAA;AAAAA,QACAoB,YAAAA;AAAAA,QACAC;AAAAA,OACD,CAAA;AACDf,MAAAA,gBAAAA;AACA,MAAA,IAAII,OAAAA,EAAS;AACX,QAAA,IAAIC,OAAAA,EAAS;AACXjB,UAAAA,WAAAA,GAAc8B,aAAa5B,KAAK,CAAA;AAC9BA,UAAAA,KAAAA,CAAc6B,kBAAAA,GAAqB,SAAUC,QAAAA,EAAeC,QAAAA,EAAa;AACzE,YAAA,MAAMC,GAAAA,GAAM,IAAA,CAAKC,UAAAA,CAAWH,QAAQ,CAAA;AAEpC,YAAA,MAAMI,kBAAmBC,CAAAA,KAAAA,KAA2B;AACjDA,cAAAA,KAAAA,CAAcL,QAAAA,GAAWA,QAAAA;AAC1BC,cAAAA,QAAAA,IAAYA,QAAAA,CAASI,OAAOH,GAAG,CAAA;AAAA,YACjC,CAAA;AAEA,YAAA,MAAMI,WAAAA,GAAcA,MAAML,QAAAA,IAAYA,QAAAA,CAAS,MAAMC,GAAG,CAAA;AAExDjB,YAAAA,OAAAA,CAAQe,UAAWO,CAAAA,GAAAA,KAAO;AACxB,cAAA,IAAI,OAAOA,GAAAA,KAAQ,QAAA,IAAYA,GAAAA,YAAeC,iBAAAA,EAAmB;AAC/D,gBAAA,MAAMH,KAAAA,GAAQ,IAAII,KAAAA;AAClBJ,gBAAAA,KAAAA,CAAMK,WAAAA,GAAc,WAAA;AAEpBL,gBAAAA,KAAAA,CAAMM,MAAAA,GAAS,MAAMP,eAAAA,CAAgBC,KAAK,CAAA;AAC1CA,gBAAAA,KAAAA,CAAMO,OAAAA,GAAUN,WAAAA;AAEhBD,gBAAAA,KAAAA,CAAMQ,MAAM,OAAON,GAAAA,KAAQ,QAAA,GAAWA,GAAAA,GAAMA,IAAIO,SAAAA;cAClD,CAAA,MAAA,IAAWP,eAAeQ,gBAAAA,EAAkB;AAC1CX,gBAAAA,eAAAA,CAAgBG,GAAG,CAAA;AAAA,cACrB,CAAA,MAAO;AACLD,gBAAAA,WAAAA;cACF;AAAA,YACF,CAAC,CAAA;AAAA,UACH,CAAA;AAAA,QACF,CAAA,MAAO;AACLtC,UAAAA,WAAAA,GAAc8B,aAAa5B,KAAK,CAAA;AAAA,QAClC;AAAA,MACF;AACAW,MAAAA,eAAAA;IACF,CAAA;AAEAE,IAAAA,IAAAA;AAuDAiC,IAAAA,WAAAA,CAAY,MAAK;AACf,MAAA,IAAI9C,KAAAA,EAAO;AACTF,QAAAA,WAAAA,GAAciD,gBAAgB/C,KAAK,CAAA;AAAA,MACrC;AAAA,IACF,CAAC,CAAA;AAED,IAAA,OAAO,MAAAgD,WAAAA,CAAAC,QAAAA,EAAA,IAAA,EAAA,IAAA,CAAA;AAAA,EACT;AACD,CAAA,CAAA;;;;"}
+{"version":3,"file":"xyz.mjs","sources":["../../../../src/layer/xyz/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/xyz/src/xyz.tsx"],"sourcesContent":["import { defineComponent, onUnmounted, watch } from 'vue'\r\nimport { useMapInstance } from '../../../_mixins'\r\nimport { xyzLayerProps } from './xyz-props'\r\n\r\nexport default defineComponent({\r\n  name: 'XyzLayer',\r\n  props: xyzLayerProps,\r\n  setup(props) {\r\n    const mapInstance = useMapInstance()\r\n\r\n    let layer: BMapGL.XYZLayer | null = null\r\n\r\n    const setZIndex = (zIndex: number) => {\r\n      layer?.setZIndex(zIndex)\r\n    }\r\n\r\n    const setBoundary = (boundary?: string[]) => {\r\n      boundary && !boundary.length ? layer?.addBoundary(boundary) : layer?.clearBoundary()\r\n    }\r\n\r\n    const setZIndexTop = (zIndexTop?: boolean) => {\r\n      zIndexTop && layer?.setZIndexTop()\r\n    }\r\n\r\n    const initLayerOptions = () => {\r\n      const { zIndex, zIndexTop } = props\r\n      setZIndex(zIndex)\r\n      setZIndexTop(zIndexTop)\r\n    }\r\n\r\n    const startWatchProps = () => {\r\n      watch(() => props.zIndex, setZIndex)\r\n      watch(() => props.boundary, setBoundary)\r\n    }\r\n\r\n    const init = () => {\r\n      const { visible, getTile, xTemplate, yTemplate, zTemplate, bTemplate, minZoom, maxZoom, extent, extentCRSIsWGS84, boundary, useThumbData, tms } = props\r\n      layer = new BMapGL.XYZLayer({\r\n        xTemplate,\r\n        yTemplate,\r\n        zTemplate,\r\n        bTemplate,\r\n        minZoom,\r\n        maxZoom,\r\n        extent: extent as any,\r\n        extentCRSIsWGS84,\r\n        boundary,\r\n        useThumbData,\r\n        tms,\r\n      })\r\n      initLayerOptions()\r\n      if (visible) {\r\n        if (getTile) {\r\n          mapInstance().addTileLayer(layer)\r\n          ;(layer as any).loadRasterTileData = function (tileInfo: any, callback: any) {\r\n            const key = this.getTileKey(tileInfo)\r\n\r\n            const handleImageLoad = (image: HTMLImageElement) => {\r\n              (image as any).tileInfo = tileInfo\r\n              callback && callback(image, key)\r\n            }\r\n\r\n            const handleError = () => callback && callback(null, key)\r\n\r\n            const box = (BMapGL as any).XYZProjection.getTileRangeExtent([tileInfo.zoom, tileInfo.col, tileInfo.row])\r\n\r\n            getTile({ x: tileInfo.col, y: tileInfo.row, z: tileInfo.zoom }, box, (img) => {\r\n              if (typeof img === 'string' || img instanceof HTMLCanvasElement) {\r\n                const image = new Image()\r\n                image.crossOrigin = 'anonymous'\r\n\r\n                image.onload = () => handleImageLoad(image)\r\n                image.onerror = handleError\r\n\r\n                image.src = typeof img === 'string' ? img : img.toDataURL()\r\n              } else if (img instanceof HTMLImageElement) {\r\n                handleImageLoad(img)\r\n              } else {\r\n                handleError()\r\n              }\r\n            })\r\n          }\r\n        } else {\r\n          mapInstance().addTileLayer(layer)\r\n        }\r\n      }\r\n      startWatchProps()\r\n    }\r\n\r\n    init()\r\n\r\n    // const addTileLayer = (layer: BMapGL.XYZLayer) => {\r\n    //   const { getTile } = props.options\r\n    //   if (getTile) {\r\n    //     mapInstance().addTileLayer(layer)\r\n    //     ;(layer as any).loadRasterTileData = function (tileInfo: any, callback: any) {\r\n    //       const key = this.getTileKey(tileInfo)\r\n\r\n    //       const handleImageLoad = (image: HTMLImageElement) => {\r\n    //         (image as any).tileInfo = tileInfo\r\n    //         callback && callback(image, key)\r\n    //       }\r\n\r\n    //       const handleError = () => callback && callback(null, key)\r\n\r\n    //       getTile(tileInfo, (img) => {\r\n    //         if (typeof img === 'string' || img instanceof HTMLCanvasElement) {\r\n    //           const image = new Image()\r\n    //           image.crossOrigin = 'anonymous'\r\n\r\n    //           image.onload = () => handleImageLoad(image)\r\n    //           image.onerror = handleError\r\n\r\n    //           image.src = typeof img === 'string' ? img : img.toDataURL()\r\n    //         } else if (img instanceof HTMLImageElement) {\r\n    //           handleImageLoad(img)\r\n    //         } else {\r\n    //           handleError()\r\n    //         }\r\n    //       })\r\n    //     }\r\n    //   } else {\r\n    //     mapInstance().addTileLayer(layer)\r\n    //   }\r\n    // }\r\n\r\n    // const removeTileLayer = (layer: BMapGL.XYZLayer) => {\r\n    //   mapInstance().removeTileLayer(layer)\r\n    // }\r\n\r\n    // const createLayer = () => {\r\n    //   if (layer) {\r\n    //     removeTileLayer(layer)\r\n    //   }\r\n    //   const { getTile, ...retProps } = props\r\n    //   layer = new BMapGL.XYZLayer(retProps)\r\n    //   addTileLayer(layer)\r\n    // }\r\n\r\n    // props.visible && createLayer()\r\n\r\n    // watch(() => props.visible, n => layer && (n ? addTileLayer(layer) : removeTileLayer(layer)))\r\n    // watch(() => props.options, () => createLayer())\r\n\r\n    onUnmounted(() => {\r\n      if (layer) {\r\n        mapInstance().removeTileLayer(layer)\r\n      }\r\n    })\r\n\r\n    return () => <></>\r\n  },\r\n})\r\n"],"names":["name","props","xyzLayerProps","setup","mapInstance","useMapInstance","layer","setZIndex","zIndex","setBoundary","boundary","length","addBoundary","clearBoundary","setZIndexTop","zIndexTop","initLayerOptions","startWatchProps","watch","init","visible","getTile","xTemplate","yTemplate","zTemplate","bTemplate","minZoom","maxZoom","extent","extentCRSIsWGS84","useThumbData","tms","BMapGL","XYZLayer","addTileLayer","loadRasterTileData","tileInfo","callback","key","getTileKey","handleImageLoad","image","handleError","box","XYZProjection","getTileRangeExtent","zoom","col","row","x","y","z","img","HTMLCanvasElement","Image","crossOrigin","onload","onerror","src","toDataURL","HTMLImageElement","onUnmounted","removeTileLayer","_createVNode","_Fragment"],"mappings":"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"}

package/es/map/src/map-props.d.ts

@@ -2,67 +2,44 @@ import type { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 import type { onInitd } from './interface';
 export declare const mapProps: {
-    readonly maxZoom: {
-        readonly type: NumberConstructor;
-        readonly default: 21;
-    };
-    readonly minZoom: {
-        readonly type: NumberConstructor;
-        readonly default: 0;
-    };
-    readonly heading: {
-        readonly type: NumberConstructor;
-        readonly default: 0;
-    };
-    readonly center: {
-        readonly type: PropType<BMapGL.Point | string | [number, number]>;
-        readonly default: readonly [116.403901, 39.915185];
-    };
-    readonly zoom: {
-        readonly type: NumberConstructor;
-        readonly default: 14;
-    };
+    readonly maxZoom: NumberConstructor;
+    readonly minZoom: NumberConstructor;
+    readonly heading: NumberConstructor;
+    readonly center: PropType<BMapGL.Point | string | [number, number]>;
+    readonly zoom: NumberConstructor;
     readonly class: StringConstructor;
     readonly contentClass: StringConstructor;
     readonly enableScrollWheelZoom: {
         readonly type: BooleanConstructor;
-        readonly default: false;
+        readonly default: undefined;
     };
     readonly enableDragging: {
         readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly tilt: {
-        readonly type: NumberConstructor;
-        readonly default: 0;
+        readonly default: undefined;
     };
+    readonly tilt: NumberConstructor;
     readonly enableTilt: {
         readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly mapType: {
-        readonly type: PropType<BMapGL.MapTypeId>;
-        readonly default: "BMAP_NORMAL_MAP";
+        readonly default: undefined;
     };
+    readonly mapType: PropType<BMapGL.MapTypeId>;
     readonly enableAutoResize: {
         readonly type: BooleanConstructor;
-        readonly default: true;
+        readonly default: undefined;
     };
     readonly enableTiltGestures: {
         readonly type: BooleanConstructor;
-        readonly default: false;
+        readonly default: undefined;
     };
     readonly enableRotate: {
         readonly type: BooleanConstructor;
-        readonly default: false;
+        readonly default: undefined;
     };
     readonly enableRotateGestures: {
         readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly displayOptions: {
-        readonly type: PropType<BMapGL.displayOptions>;
+        readonly default: undefined;
     };
+    readonly displayOptions: PropType<BMapGL.displayOptions>;
     readonly onInitd: PropType<onInitd>;
 };
 export type MapProps = ExtractPublicPropTypes<typeof mapProps>;

package/es/map/src/map-props.mjs

@@ -1,65 +1,42 @@
 const mapProps = {
-  maxZoom: {
-    type: Number,
-    default: 21
-  },
-  minZoom: {
-    type: Number,
-    default: 0
-  },
-  heading: {
-    type: Number,
-    default: 0
-  },
-  center: {
-    type: Object,
-    default: [116.403901, 39.915185]
-  },
-  zoom: {
-    type: Number,
-    default: 14
-  },
+  maxZoom: Number,
+  minZoom: Number,
+  heading: Number,
+  center: Object,
+  zoom: Number,
   class: String,
   contentClass: String,
   enableScrollWheelZoom: {
     type: Boolean,
-    default: false
+    default: void 0
   },
   enableDragging: {
     type: Boolean,
-    default: true
-  },
-  tilt: {
-    type: Number,
-    default: 0
+    default: void 0
   },
+  tilt: Number,
   enableTilt: {
     type: Boolean,
-    default: false
-  },
-  mapType: {
-    type: String,
-    default: "BMAP_NORMAL_MAP"
+    default: void 0
   },
+  mapType: String,
   enableAutoResize: {
     type: Boolean,
-    default: true
+    default: void 0
   },
   enableTiltGestures: {
     type: Boolean,
-    default: false
+    default: void 0
   },
   enableRotate: {
     type: Boolean,
-    default: false
+    default: void 0
   },
   enableRotateGestures: {
     type: Boolean,
-    default: false
-  },
-  displayOptions: {
-    type: Object
+    default: void 0
   },
+  displayOptions: Object,
   onInitd: Function
 };
 

package/es/map/src/map-props.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"map-props.mjs","sources":["../../../src/map/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/map/src/map-props.ts"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport type { ExtractPublicPropTypes } from '../../_utils'\r\nimport type { onInitd } from './interface'\r\n\r\nexport const mapProps = {\r\n  maxZoom: {\r\n    type: Number,\r\n    default: 21,\r\n  },\r\n  minZoom: {\r\n    type: Number,\r\n    default: 0,\r\n  },\r\n  heading: {\r\n    type: Number,\r\n    default: 0,\r\n  },\r\n  center: {\r\n    type: Object as PropType<BMapGL.Point | string | [number, number]>,\r\n    default: [116.403901, 39.915185],\r\n  },\r\n  zoom: {\r\n    type: Number,\r\n    default: 14,\r\n  },\r\n  class: String,\r\n  contentClass: String,\r\n  enableScrollWheelZoom: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  enableDragging: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  tilt: {\r\n    type: Number,\r\n    default: 0,\r\n  },\r\n  enableTilt: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  mapType: {\r\n    type: String as PropType<BMapGL.MapTypeId>,\r\n    default: 'BMAP_NORMAL_MAP',\r\n  },\r\n  enableAutoResize: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  enableTiltGestures: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  enableRotate: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  enableRotateGestures: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  displayOptions: {\r\n    type: Object as PropType<BMapGL.displayOptions>,\r\n  },\r\n  onInitd: Function as PropType<onInitd>,\r\n} as const\r\n\r\nexport type MapProps = ExtractPublicPropTypes<typeof mapProps>\r\n"],"names":[],"mappings":"AAIO,MAAM,QAAA,GAAW;AAAA,EACtB,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,CAAC,UAAA,EAAY,SAAS;AAAA,GAChC;AAAA,EACD,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,KAAA,EAAO,MAAA;AAAA,EACP,YAAA,EAAc,MAAA;AAAA,EACd,qBAAA,EAAuB;AAAA,IACrB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,gBAAA,EAAkB;AAAA,IAChB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,kBAAA,EAAoB;AAAA,IAClB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,oBAAA,EAAsB;AAAA,IACpB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM;AAAA,GACP;AAAA,EACD,OAAA,EAAS;;;;;"}
+{"version":3,"file":"map-props.mjs","sources":["../../../src/map/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/map/src/map-props.ts"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport type { ExtractPublicPropTypes } from '../../_utils'\r\nimport type { onInitd } from './interface'\r\n\r\nexport const mapProps = {\r\n  maxZoom: Number,\r\n  minZoom: Number,\r\n  heading: Number,\r\n  center: Object as PropType<BMapGL.Point | string | [number, number]>,\r\n  zoom: Number,\r\n  class: String,\r\n  contentClass: String,\r\n  enableScrollWheelZoom: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  enableDragging: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  tilt: Number,\r\n  enableTilt: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  mapType: String as PropType<BMapGL.MapTypeId>,\r\n  enableAutoResize: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  enableTiltGestures: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  enableRotate: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  enableRotateGestures: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  displayOptions: Object as PropType<BMapGL.displayOptions>,\r\n  onInitd: Function as PropType<onInitd>,\r\n} as const\r\n\r\nexport type MapProps = ExtractPublicPropTypes<typeof mapProps>\r\n"],"names":[],"mappings":"AAIO,MAAM,QAAA,GAAW;AAAA,EACtB,OAAA,EAAS,MAAA;AAAA,EACT,OAAA,EAAS,MAAA;AAAA,EACT,OAAA,EAAS,MAAA;AAAA,EACT,MAAA,EAAQ,MAAA;AAAA,EACR,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,MAAA;AAAA,EACP,YAAA,EAAc,MAAA;AAAA,EACd,qBAAA,EAAuB;AAAA,IACrB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,IAAA,EAAM,MAAA;AAAA,EACN,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,OAAA,EAAS,MAAA;AAAA,EACT,gBAAA,EAAkB;AAAA,IAChB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,kBAAA,EAAoB;AAAA,IAClB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,oBAAA,EAAsB;AAAA,IACpB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,cAAA,EAAgB,MAAA;AAAA,EAChB,OAAA,EAAS;;;;;"}