@spuermomonga/vue3-bmapgl 0.0.9 → 0.0.10

package/dist/index.js

@@ -114,13 +114,6 @@
     }
   });
 
-  var tile = /* @__PURE__ */ vue.defineComponent({
-    name: "TileLayer",
-    setup() {
-      return () => vue.createVNode(vue.Fragment, null, null);
-    }
-  });
-
   function useConfig(props = {}) {
     const BConfigProvider = vue.inject(configProviderInjectionKey, null);
     return {
@@ -359,6 +352,183 @@
     return BMap.mapInstance;
   }
 
+  const tileLayerProps = {
+    visible: {
+      type: Boolean,
+      default: true
+    },
+    transform: Object,
+    png8: Boolean,
+    height: Number,
+    retry: {
+      type: Boolean,
+      default: void 0
+    },
+    retryTime: Number,
+    transparentPng: {
+      type: Boolean,
+      default: true
+    },
+    dataType: Number,
+    spanLevel: {
+      type: Number,
+      default: 0
+    },
+    tileTypeName: String,
+    cacheSize: {
+      type: Number,
+      default: 256
+    },
+    customLayer: {
+      type: Boolean,
+      default: void 0
+    },
+    clipTile: {
+      type: Boolean,
+      default: void 0
+    },
+    isTop: Boolean,
+    opacity: {
+      type: Number,
+      default: 1
+    },
+    isLowText: Boolean,
+    boundary: Array,
+    showRegion: String,
+    useThumbData: Boolean,
+    zIndex: Number,
+    zIndexTop: Boolean,
+    tileUrlTemplate: String,
+    getTilesUrl: Function
+  };
+
+  var tile = /* @__PURE__ */ vue.defineComponent({
+    name: "TileLayer",
+    props: tileLayerProps,
+    setup(props) {
+      const mapInstance = useMapInstance();
+      let layer = null;
+      const setZIndex = (zIndex) => {
+        layer?.setZIndex(zIndex);
+      };
+      const setBoundary = (boundary) => {
+        boundary ? layer?.addBoundary(boundary) : layer?.clearBoundary();
+      };
+      const setZIndexTop = (zIndexTop) => {
+        layer?.setTop(zIndexTop);
+      };
+      const addTileLayer = () => {
+        const {
+          getTilesUrl
+        } = props;
+        if (!layer) return;
+        if (getTilesUrl) {
+          mapInstance().addTileLayer(layer);
+          layer.loadRasterTileData = function(tileInfo, callback) {
+            const key = this.getTileKey(tileInfo);
+            const handleImageLoad = (image) => {
+              image.tileInfo = tileInfo;
+              callback && callback(image, key);
+            };
+            const handleError = () => callback && callback(null, key);
+            const box = BMapGL.Projection.tileToBoundRange({
+              col: tileInfo.col,
+              row: tileInfo.row,
+              baseTileSize: tileInfo.baseTileSize,
+              zoom: tileInfo.zoom
+            });
+            getTilesUrl({
+              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";
+                image.onload = () => handleImageLoad(image);
+                image.onerror = handleError;
+                image.src = typeof img === "string" ? img : img.toDataURL();
+              } else if (img instanceof HTMLImageElement) {
+                handleImageLoad(img);
+              } else {
+                handleError();
+              }
+            });
+          };
+        } else {
+          mapInstance().addTileLayer(layer);
+        }
+      };
+      const initLayerOptions = () => {
+        const {
+          zIndex,
+          boundary
+        } = props;
+        setBoundary(boundary);
+        setZIndex(zIndex);
+      };
+      const startWatchProps = () => {
+        vue.watch(() => props.zIndex, setZIndex);
+        vue.watch(() => props.boundary, setBoundary);
+        vue.watch(() => props.zIndexTop, setZIndexTop);
+        vue.watch(() => props.visible, (n) => n ? addTileLayer() : mapInstance().removeTileLayer(layer));
+      };
+      const init = () => {
+        const {
+          visible,
+          transform,
+          png8,
+          height,
+          retry,
+          retryTime,
+          transparentPng,
+          dataType,
+          spanLevel,
+          tileTypeName,
+          cacheSize,
+          customLayer,
+          clipTile,
+          isTop,
+          opacity,
+          isLowText,
+          showRegion,
+          useThumbData,
+          tileUrlTemplate
+        } = props;
+        layer = new BMapGL.TileLayer({
+          transform,
+          png8,
+          height,
+          retry,
+          retryTime,
+          transparentPng,
+          dataType,
+          spanLevel,
+          tileTypeName,
+          cacheSize,
+          customLayer,
+          clipTile,
+          isTop,
+          opacity,
+          isLowText,
+          showRegion,
+          useThumbData,
+          tileUrlTemplate
+        });
+        initLayerOptions();
+        visible && addTileLayer();
+        startWatchProps();
+      };
+      init();
+      vue.onUnmounted(() => {
+        if (layer) {
+          mapInstance().removeTileLayer(layer);
+        }
+      });
+      return () => vue.createVNode(vue.Fragment, null, null);
+    }
+  });
+
   const xyzLayerProps = {
     visible: {
       type: Boolean,
@@ -675,6 +845,7 @@
   exports.mapInjectionKey = mapInjectionKey;
   exports.mapProps = mapProps;
   exports.polygonProps = polygonProps;
+  exports.tileLayerProps = tileLayerProps;
   exports.xyzLayerProps = xyzLayerProps;
 
 }));

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 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});
+!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 o=!1;function a(e){return e.some(e=>!t.isVNode(e)||e.type!==Comment&&!(e.type===t.Fragment&&!a(e.children)))?e:null}function n(e,t){return t(e&&a(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:a}){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:a,addCalToWindow:n=!0,timeout:l=1e4}=e;return o&&window.BMapGL?Promise.resolve():new Promise((e,r)=>{const i=document.createElement("script");i.src=a,i.type="text/javascript",i.defer=!0;const s=()=>{i.onload=null,i.onerror=null,document.body.contains(i)&&document.body.removeChild(i)},p=setTimeout(()=>{s(),r(new Error(`Script load timeout: ${a}`))},l),d=()=>{clearTimeout(p),o=!0,s(),e()};n?window[t]=d:i.onload=d,i.onerror=()=>{clearTimeout(p),s(),r(new Error(`Failed to load script: ${a}`))},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(a,"default")}});const s=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 d="map-module_b-map__29r3m",m="map-module_b-map-content__sMaJG",u="map-module_b-map-loading__qc4a8",c="map-module_b-map-failed__-w-tX";!function(e,t){void 0===t&&(t={});var o=t.insertAt;if("undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===o&&a.firstChild?a.insertBefore(n,a.firstChild):a.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:o}){const{mergedMapSetRef:a,mergedStatusRef:l}=function(e={}){const o=t.inject(r,null);return{mergedStatusRef:o?.mergedStatusRef,mergedMapSetRef:t.computed(()=>{const{zoom:t,center:a,heading:n,minZoom:l,maxZoom:r,enableScrollWheelZoom:i,enableDragging:s,tilt:p,enableTilt:d,mapType:m,enableAutoResize:u,enableTiltGestures:c,enableRotate:y,enableRotateGestures:f,displayOptions:g}=e;return{zoom:t??o?.mergedMapSetRef.value?.zoom??14,center:a??o?.mergedMapSetRef.value?.center??[116.403901,39.915185],heading:n??o?.mergedMapSetRef.value?.heading??0,minZoom:l??o?.mergedMapSetRef.value?.minZoom??0,maxZoom:r??o?.mergedMapSetRef.value?.maxZoom??21,enableScrollWheelZoom:i??o?.mergedMapSetRef.value?.enableScrollWheelZoom??!1,enableDragging:s??o?.mergedMapSetRef.value?.enableDragging??!0,tilt:p??o?.mergedMapSetRef.value?.tilt??0,enableTilt:d??o?.mergedMapSetRef.value?.enableTilt??!1,mapType:m??o?.mergedMapSetRef.value?.mapType??"BMAP_NORMAL_MAP",enableAutoResize:u??o?.mergedMapSetRef.value?.enableAutoResize??!0,enableTiltGestures:c??o?.mergedMapSetRef.value?.enableTiltGestures??!1,enableRotate:y??o?.mergedMapSetRef.value?.enableRotate??!1,enableRotateGestures:f??o?.mergedMapSetRef.value?.enableRotateGestures??!1,displayOptions:g??o?.mergedMapSetRef.value?.displayOptions}})}}(e),i=t.ref();let p=null;const y=t.ref(!1);t.provide(s,{mapInstance:()=>p});const f=e=>{"string"==typeof e?p?.centerAndZoom(e,a.value.zoom):Array.isArray(e)?p?.centerAndZoom(new BMapGL.Point(e[0],e[1]),a.value.zoom):p?.centerAndZoom(e,a.value.zoom)},g=e=>{e?p.enableScrollWheelZoom():p.disableScrollWheelZoom()},b=e=>{p?.setDisplayOptions(e||{})},T=e=>{p?.setTilt(e??0)},v=e=>{p?.setHeading(e??0)},h=e=>{e?p.enableDragging():p.disableDragging()},S=e=>{void 0!==window[e]&&p.setMapType(window[e])},B=()=>{const{maxZoom:o,minZoom:n,enableTilt:l,mapType:r,enableAutoResize:s,enableTiltGestures:d,enableRotate:m,enableRotateGestures:u,displayOptions:c}=a.value;p=new BMapGL.Map(i.value,{maxZoom:o,minZoom:n,enableTilt:l,mapType:window[r],enableAutoResize:s,enableTiltGestures:d,enableRotate:m,enableRotateGestures:u,displayOptions:c});const{onInitd:B}=e;(()=>{const{center:e,heading:t,enableScrollWheelZoom:o,tilt:n,enableDragging:l}=a.value;v(t),f(e),g(o),T(n),h(l)})(),t.watch(()=>a.value.center,f,{deep:!0}),t.watch(()=>a.value.enableScrollWheelZoom,g),t.watch(()=>a.value.displayOptions,b),t.watch(()=>a.value.tilt,T),t.watch(()=>a.value.heading,v),t.watch(()=>a.value.enableDragging,h),t.watch(()=>a.value.mapType,S),B?.({map:p}),y.value=!0};return t.onMounted(()=>{t.watchEffect(()=>{"loaded"!==l?.value||y.value||t.nextTick(B)})}),t.onUnmounted(()=>{if(p)try{p?.destroy()}catch(e){console.error(`[Vue3 BMapGL]: ${e.message}`)}}),()=>t.createVNode("div",{class:[[d],e.class]},[t.createVNode("div",{ref:i,class:[m,e.contentClass]},["pending"===l?.value&&n(o.loading,()=>t.createVNode("div",{class:[u]},[t.createTextVNode("map loading...")])),"failed"===l?.value&&n(o.failed,()=>t.createVNode("div",{class:[c]},[t.createTextVNode("map failed")]))]),y.value&&o.default?.()])}});function f(){return t.inject(s,null).mapInstance}const g={visible:{type:Boolean,default:!0},transform:Object,png8:Boolean,height:Number,retry:{type:Boolean,default:void 0},retryTime:Number,transparentPng:{type:Boolean,default:!0},dataType:Number,spanLevel:{type:Number,default:0},tileTypeName:String,cacheSize:{type:Number,default:256},customLayer:{type:Boolean,default:void 0},clipTile:{type:Boolean,default:void 0},isTop:Boolean,opacity:{type:Number,default:1},isLowText:Boolean,boundary:Array,showRegion:String,useThumbData:Boolean,zIndex:Number,zIndexTop:Boolean,tileUrlTemplate:String,getTilesUrl:Function};var b=t.defineComponent({name:"TileLayer",props:g,setup(e){const o=f();let a=null;const n=e=>{a?.setZIndex(e)},l=e=>{e?a?.addBoundary(e):a?.clearBoundary()},r=e=>{a?.setTop(e)},i=()=>{const{getTilesUrl:t}=e;a&&(t?(o().addTileLayer(a),a.loadRasterTileData=function(e,o){const a=this.getTileKey(e),n=t=>{t.tileInfo=e,o&&o(t,a)},l=()=>o&&o(null,a),r=BMapGL.Projection.tileToBoundRange({col:e.col,row:e.row,baseTileSize:e.baseTileSize,zoom:e.zoom});t({x:e.col,y:e.row,z:e.zoom},r,e=>{if("string"==typeof e||e instanceof HTMLCanvasElement){const t=new Image;t.crossOrigin="anonymous",t.onload=()=>n(t),t.onerror=l,t.src="string"==typeof e?e:e.toDataURL()}else e instanceof HTMLImageElement?n(e):l()})}):o().addTileLayer(a))};return(()=>{const{visible:s,transform:p,png8:d,height:m,retry:u,retryTime:c,transparentPng:y,dataType:f,spanLevel:g,tileTypeName:b,cacheSize:T,customLayer:v,clipTile:h,isTop:S,opacity:B,isLowText:w,showRegion:R,useThumbData:x,tileUrlTemplate:M}=e;a=new BMapGL.TileLayer({transform:p,png8:d,height:m,retry:u,retryTime:c,transparentPng:y,dataType:f,spanLevel:g,tileTypeName:b,cacheSize:T,customLayer:v,clipTile:h,isTop:S,opacity:B,isLowText:w,showRegion:R,useThumbData:x,tileUrlTemplate:M}),(()=>{const{zIndex:t,boundary:o}=e;l(o),n(t)})(),s&&i(),t.watch(()=>e.zIndex,n),t.watch(()=>e.boundary,l),t.watch(()=>e.zIndexTop,r),t.watch(()=>e.visible,e=>e?i():o().removeTileLayer(a))})(),t.onUnmounted(()=>{a&&o().removeTileLayer(a)}),()=>t.createVNode(t.Fragment,null,null)}});const T={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:T,setup(e){const o=f();let a=null;const n=e=>{a?.setZIndex(e)},l=e=>{e&&!e.length?a?.addBoundary(e):a?.clearBoundary()},r=()=>{const{zIndex:t,zIndexTop:o}=e;n(t),(e=>{e&&a?.setZIndexTop()})(o)};return(()=>{const{visible:i,getTile:s,xTemplate:p,yTemplate:d,zTemplate:m,bTemplate:u,minZoom:c,maxZoom:y,extent:f,extentCRSIsWGS84:g,boundary:b,useThumbData:T,tms:v}=e;a=new BMapGL.XYZLayer({xTemplate:p,yTemplate:d,zTemplate:m,bTemplate:u,minZoom:c,maxZoom:y,extent:f,extentCRSIsWGS84:g,boundary:b,useThumbData:T,tms:v}),r(),i&&(s?(o().addTileLayer(a),a.loadRasterTileData=function(e,t){const o=this.getTileKey(e),a=a=>{a.tileInfo=e,t&&t(a,o)},n=()=>t&&t(null,o),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=()=>a(t),t.onerror=n,t.src="string"==typeof e?e:e.toDataURL()}else e instanceof HTMLImageElement?a(e):n()})}):o().addTileLayer(a)),t.watch(()=>e.zIndex,n),t.watch(()=>e.boundary,l)})(),t.onUnmounted(()=>{a&&o().removeTileLayer(a)}),()=>t.createVNode(t.Fragment,null,null)}});const h={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 S=t.defineComponent({name:"Polygon",props:h,setup:e=>{const o=f();let a=null;const n=e=>{a&&a.setStrokeColor(e)};return(()=>{const{points:l,visible:r,strokeColor:i,fillColor:s,strokeWeight:p,strokeOpacity:d,fillOpacity:m,strokeStyle:u,enableMassClear:c,enableEditing:y,enableClicking:f}=e;l&&l.length&&(a=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:p,strokeOpacity:d,fillOpacity:m,strokeStyle:u,enableMassClear:c,enableEditing:y,enableClicking:f}),r&&o().addOverlay(a),t.watch(()=>e.strokeColor,n),t.watch(()=>e.visible,e=>{o()[e?"addOverlay":"removeOverlay"](a)}))})(),t.onUnmounted(()=>{a&&o().removeOverlay(a)}),()=>t.createVNode(t.Fragment,null,null)}}),B=t.defineComponent({name:"Sector",setup:()=>()=>t.createVNode(t.Fragment,null,null)});e.BConfigProvider=i,e.BMap=y,e.BPolygon=S,e.BSector=B,e.BTileLayer=b,e.BXyzLayer=v,e.configProviderInjectionKey=r,e.configProviderProps=l,e.create=function({componentPrefix:e="B",components:t=[]}={}){const o=[];function a(t,o,a){t.component(e+o)||t.component(e+o,a)}return{componentPrefix:e,install:function(e){o.includes(e)||(o.push(e),t.forEach(t=>{const{name:o,alias:n}=t;a(e,o,t),n&&n.forEach(o=>{a(e,o,t)})}))}}},e.mapInjectionKey=s,e.mapProps=p,e.polygonProps=h,e.tileLayerProps=g,e.xyzLayerProps=T});

package/es/components.mjs

@@ -2,6 +2,7 @@ export { default as BConfigProvider } from './config-provider/src/config-provide
 export { configProviderProps } from './config-provider/src/config-provider-props.mjs';
 export { configProviderInjectionKey } from './config-provider/src/constants.mjs';
 export { default as BTileLayer } from './layer/tile/src/tile.mjs';
+export { tileLayerProps } from './layer/tile/src/tile-props.mjs';
 export { default as BXyzLayer } from './layer/xyz/src/xyz.mjs';
 export { xyzLayerProps } from './layer/xyz/src/xyz-props.mjs';
 export { mapInjectionKey } from './map/src/constants.mjs';

package/es/components.mjs.map

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

package/es/index.mjs

@@ -3,6 +3,7 @@ export { default as BConfigProvider } from './config-provider/src/config-provide
 export { configProviderProps } from './config-provider/src/config-provider-props.mjs';
 export { configProviderInjectionKey } from './config-provider/src/constants.mjs';
 export { default as BTileLayer } from './layer/tile/src/tile.mjs';
+export { tileLayerProps } from './layer/tile/src/tile-props.mjs';
 export { default as BXyzLayer } from './layer/xyz/src/xyz.mjs';
 export { xyzLayerProps } from './layer/xyz/src/xyz-props.mjs';
 export { mapInjectionKey } from './map/src/constants.mjs';

package/es/index.mjs.map

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

package/es/layer/tile/index.d.ts

@@ -1 +1,3 @@
 export { default as BTileLayer } from './src/tile';
+export { tileLayerProps } from './src/tile-props';
+export type { GetTilesUrlFn, TileLayerProps } from './src/tile-props';

package/es/layer/tile/index.mjs

@@ -1,2 +1,3 @@
 export { default as BTileLayer } from './src/tile.mjs';
+export { tileLayerProps } from './src/tile-props.mjs';
 //# sourceMappingURL=index.mjs.map

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

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

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

@@ -0,0 +1,60 @@
+import type { PropType } from 'vue';
+import type { ExtractPublicPropTypes } from '../../../_utils';
+export type GetTilesUrlFn = (tile: {
+    x: number;
+    y: number;
+    z: number;
+}, boundRange: any, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void;
+export declare const tileLayerProps: {
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly transform: PropType<{
+        source: string;
+        target: string;
+    }>;
+    readonly png8: BooleanConstructor;
+    readonly height: NumberConstructor;
+    readonly retry: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly retryTime: NumberConstructor;
+    readonly transparentPng: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly dataType: NumberConstructor;
+    readonly spanLevel: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly tileTypeName: StringConstructor;
+    readonly cacheSize: {
+        readonly type: NumberConstructor;
+        readonly default: 256;
+    };
+    readonly customLayer: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly clipTile: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly isTop: BooleanConstructor;
+    readonly opacity: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly isLowText: BooleanConstructor;
+    readonly boundary: PropType<string[] | string>;
+    readonly showRegion: StringConstructor;
+    readonly useThumbData: BooleanConstructor;
+    readonly zIndex: NumberConstructor;
+    readonly zIndexTop: BooleanConstructor;
+    readonly tileUrlTemplate: StringConstructor;
+    readonly getTilesUrl: PropType<GetTilesUrlFn>;
+};
+export type TileLayerProps = ExtractPublicPropTypes<typeof tileLayerProps>;

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

@@ -1,2 +1,52 @@
+const tileLayerProps = {
+  visible: {
+    type: Boolean,
+    default: true
+  },
+  transform: Object,
+  png8: Boolean,
+  height: Number,
+  retry: {
+    type: Boolean,
+    default: void 0
+  },
+  retryTime: Number,
+  transparentPng: {
+    type: Boolean,
+    default: true
+  },
+  dataType: Number,
+  spanLevel: {
+    type: Number,
+    default: 0
+  },
+  tileTypeName: String,
+  cacheSize: {
+    type: Number,
+    default: 256
+  },
+  customLayer: {
+    type: Boolean,
+    default: void 0
+  },
+  clipTile: {
+    type: Boolean,
+    default: void 0
+  },
+  isTop: Boolean,
+  opacity: {
+    type: Number,
+    default: 1
+  },
+  isLowText: Boolean,
+  boundary: Array,
+  showRegion: String,
+  useThumbData: Boolean,
+  zIndex: Number,
+  zIndexTop: Boolean,
+  tileUrlTemplate: String,
+  getTilesUrl: Function
+};
 
+export { tileLayerProps };
 //# sourceMappingURL=tile-props.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"tile-props.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"tile-props.mjs","sources":["../../../../src/layer/tile/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/tile/src/tile-props.ts"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport type { ExtractPublicPropTypes } from '../../../_utils'\r\n\r\nexport type GetTilesUrlFn = (tile: { x: number, y: number, z: number }, boundRange: any, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void\r\n\r\nexport const tileLayerProps = {\r\n  visible: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  transform: Object as PropType<{ source: string, target: string }>,\r\n  png8: Boolean,\r\n  height: Number,\r\n  retry: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  retryTime: Number,\r\n  transparentPng: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  dataType: Number,\r\n  spanLevel: {\r\n    type: Number,\r\n    default: 0,\r\n  },\r\n  tileTypeName: String,\r\n  cacheSize: {\r\n    type: Number,\r\n    default: 256,\r\n  },\r\n  customLayer: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  clipTile: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  isTop: Boolean,\r\n  opacity: {\r\n    type: Number,\r\n    default: 1,\r\n  },\r\n  isLowText: Boolean,\r\n  boundary: Array as PropType<string[] | string>,\r\n  showRegion: String,\r\n  useThumbData: Boolean,\r\n  zIndex: Number,\r\n  zIndexTop: Boolean,\r\n  tileUrlTemplate: String,\r\n  getTilesUrl: Function as PropType<GetTilesUrlFn>,\r\n} as const\r\n\r\nexport type TileLayerProps = ExtractPublicPropTypes<typeof tileLayerProps>\r\n"],"names":[],"mappings":"AAKO,MAAM,cAAA,GAAiB;AAAA,EAC5B,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW,MAAA;AAAA,EACX,IAAA,EAAM,OAAA;AAAA,EACN,MAAA,EAAQ,MAAA;AAAA,EACR,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW,MAAA;AAAA,EACX,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,QAAA,EAAU,MAAA;AAAA,EACV,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,YAAA,EAAc,MAAA;AAAA,EACd,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,KAAA,EAAO,OAAA;AAAA,EACP,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW,OAAA;AAAA,EACX,QAAA,EAAU,KAAA;AAAA,EACV,UAAA,EAAY,MAAA;AAAA,EACZ,YAAA,EAAc,OAAA;AAAA,EACd,MAAA,EAAQ,MAAA;AAAA,EACR,SAAA,EAAW,OAAA;AAAA,EACX,eAAA,EAAiB,MAAA;AAAA,EACjB,WAAA,EAAa;;;;;"}

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

@@ -1,2 +1,118 @@
-declare const _default: import("vue").DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly transform: import("vue").PropType<{
+        source: string;
+        target: string;
+    }>;
+    readonly png8: BooleanConstructor;
+    readonly height: NumberConstructor;
+    readonly retry: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly retryTime: NumberConstructor;
+    readonly transparentPng: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly dataType: NumberConstructor;
+    readonly spanLevel: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly tileTypeName: StringConstructor;
+    readonly cacheSize: {
+        readonly type: NumberConstructor;
+        readonly default: 256;
+    };
+    readonly customLayer: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly clipTile: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly isTop: BooleanConstructor;
+    readonly opacity: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly isLowText: BooleanConstructor;
+    readonly boundary: import("vue").PropType<string[] | string>;
+    readonly showRegion: StringConstructor;
+    readonly useThumbData: BooleanConstructor;
+    readonly zIndex: NumberConstructor;
+    readonly zIndexTop: BooleanConstructor;
+    readonly tileUrlTemplate: StringConstructor;
+    readonly getTilesUrl: import("vue").PropType<import("./tile-props").GetTilesUrlFn>;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly transform: import("vue").PropType<{
+        source: string;
+        target: string;
+    }>;
+    readonly png8: BooleanConstructor;
+    readonly height: NumberConstructor;
+    readonly retry: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly retryTime: NumberConstructor;
+    readonly transparentPng: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly dataType: NumberConstructor;
+    readonly spanLevel: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly tileTypeName: StringConstructor;
+    readonly cacheSize: {
+        readonly type: NumberConstructor;
+        readonly default: 256;
+    };
+    readonly customLayer: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly clipTile: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly isTop: BooleanConstructor;
+    readonly opacity: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly isLowText: BooleanConstructor;
+    readonly boundary: import("vue").PropType<string[] | string>;
+    readonly showRegion: StringConstructor;
+    readonly useThumbData: BooleanConstructor;
+    readonly zIndex: NumberConstructor;
+    readonly zIndexTop: BooleanConstructor;
+    readonly tileUrlTemplate: StringConstructor;
+    readonly getTilesUrl: import("vue").PropType<import("./tile-props").GetTilesUrlFn>;
+}>> & Readonly<{}>, {
+    readonly visible: boolean;
+    readonly png8: boolean;
+    readonly retry: boolean;
+    readonly transparentPng: boolean;
+    readonly spanLevel: number;
+    readonly cacheSize: number;
+    readonly customLayer: boolean;
+    readonly clipTile: boolean;
+    readonly isTop: boolean;
+    readonly opacity: number;
+    readonly isLowText: boolean;
+    readonly useThumbData: boolean;
+    readonly zIndexTop: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,8 +1,130 @@
-import { defineComponent, createVNode, Fragment } from 'vue';
+import { defineComponent, onUnmounted, createVNode, Fragment, watch } from 'vue';
+import { tileLayerProps } from './tile-props.mjs';
+import useMapInstance from '../../../_mixins/use-map-instance.mjs';
 
 var tile = /* @__PURE__ */ defineComponent({
   name: "TileLayer",
-  setup() {
+  props: tileLayerProps,
+  setup(props) {
+    const mapInstance = useMapInstance();
+    let layer = null;
+    const setZIndex = (zIndex) => {
+      layer === null || layer === void 0 ? void 0 : layer.setZIndex(zIndex);
+    };
+    const setBoundary = (boundary) => {
+      boundary ? layer === null || layer === void 0 ? void 0 : layer.addBoundary(boundary) : layer === null || layer === void 0 ? void 0 : layer.clearBoundary();
+    };
+    const setZIndexTop = (zIndexTop) => {
+      layer === null || layer === void 0 ? void 0 : layer.setTop(zIndexTop);
+    };
+    const addTileLayer = () => {
+      const {
+        getTilesUrl
+      } = props;
+      if (!layer) return;
+      if (getTilesUrl) {
+        mapInstance().addTileLayer(layer);
+        layer.loadRasterTileData = function(tileInfo, callback) {
+          const key = this.getTileKey(tileInfo);
+          const handleImageLoad = (image) => {
+            image.tileInfo = tileInfo;
+            callback && callback(image, key);
+          };
+          const handleError = () => callback && callback(null, key);
+          const box = BMapGL.Projection.tileToBoundRange({
+            col: tileInfo.col,
+            row: tileInfo.row,
+            baseTileSize: tileInfo.baseTileSize,
+            zoom: tileInfo.zoom
+          });
+          getTilesUrl({
+            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";
+              image.onload = () => handleImageLoad(image);
+              image.onerror = handleError;
+              image.src = typeof img === "string" ? img : img.toDataURL();
+            } else if (img instanceof HTMLImageElement) {
+              handleImageLoad(img);
+            } else {
+              handleError();
+            }
+          });
+        };
+      } else {
+        mapInstance().addTileLayer(layer);
+      }
+    };
+    const initLayerOptions = () => {
+      const {
+        zIndex,
+        boundary
+      } = props;
+      setBoundary(boundary);
+      setZIndex(zIndex);
+    };
+    const startWatchProps = () => {
+      watch(() => props.zIndex, setZIndex);
+      watch(() => props.boundary, setBoundary);
+      watch(() => props.zIndexTop, setZIndexTop);
+      watch(() => props.visible, (n) => n ? addTileLayer() : mapInstance().removeTileLayer(layer));
+    };
+    const init = () => {
+      const {
+        visible,
+        transform,
+        png8,
+        height,
+        retry,
+        retryTime,
+        transparentPng,
+        dataType,
+        spanLevel,
+        tileTypeName,
+        cacheSize,
+        customLayer,
+        clipTile,
+        isTop,
+        opacity,
+        isLowText,
+        showRegion,
+        useThumbData,
+        tileUrlTemplate
+      } = props;
+      layer = new BMapGL.TileLayer({
+        transform,
+        png8,
+        height,
+        retry,
+        retryTime,
+        transparentPng,
+        dataType,
+        spanLevel,
+        tileTypeName,
+        cacheSize,
+        customLayer,
+        clipTile,
+        isTop,
+        opacity,
+        isLowText,
+        showRegion,
+        useThumbData,
+        tileUrlTemplate
+      });
+      initLayerOptions();
+      visible && addTileLayer();
+      startWatchProps();
+    };
+    init();
+    onUnmounted(() => {
+      if (layer) {
+        mapInstance().removeTileLayer(layer);
+      }
+    });
     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 () => <></>\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;;;;"}
+{"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, onUnmounted, watch } from 'vue'\r\nimport { useMapInstance } from '../../../_mixins'\r\nimport { tileLayerProps } from './tile-props'\r\n\r\nexport default defineComponent({\r\n  name: 'TileLayer',\r\n  props: tileLayerProps,\r\n  setup(props) {\r\n    const mapInstance = useMapInstance()\r\n\r\n    let layer: BMapGL.TileLayer | null = null\r\n\r\n    const setZIndex = (zIndex?: number) => {\r\n      (layer as any)?.setZIndex(zIndex)\r\n    }\r\n\r\n    const setBoundary = (boundary?: string[] | string) => {\r\n      boundary ? (layer as any)?.addBoundary(boundary) : (layer as any)?.clearBoundary()\r\n    }\r\n\r\n    const setZIndexTop = (zIndexTop?: boolean) => {\r\n      (layer as any)?.setTop(zIndexTop)\r\n    }\r\n\r\n    const addTileLayer = () => {\r\n      const { getTilesUrl } = props\r\n      if (!layer)\r\n        return\r\n      if (getTilesUrl) {\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).Projection.tileToBoundRange({\r\n            col: tileInfo.col,\r\n            row: tileInfo.row,\r\n            baseTileSize: tileInfo.baseTileSize,\r\n            zoom: tileInfo.zoom,\r\n          })\r\n\r\n          getTilesUrl({ 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\r\n    const initLayerOptions = () => {\r\n      const { zIndex, boundary } = props\r\n      setBoundary(boundary)\r\n      setZIndex(zIndex)\r\n    }\r\n\r\n    const startWatchProps = () => {\r\n      watch(() => props.zIndex, setZIndex)\r\n      watch(() => props.boundary, setBoundary)\r\n      watch(() => props.zIndexTop, setZIndexTop)\r\n      watch(() => props.visible, n => n ? addTileLayer() : mapInstance().removeTileLayer(layer!))\r\n    }\r\n\r\n    const init = () => {\r\n      const { visible, transform, png8, height, retry, retryTime, transparentPng, dataType, spanLevel, tileTypeName, cacheSize, customLayer, clipTile, isTop, opacity, isLowText, showRegion, useThumbData, tileUrlTemplate } = props\r\n      layer = new BMapGL.TileLayer({\r\n        transform,\r\n        png8,\r\n        height,\r\n        retry,\r\n        retryTime,\r\n        transparentPng,\r\n        dataType,\r\n        spanLevel,\r\n        tileTypeName,\r\n        cacheSize,\r\n        customLayer,\r\n        clipTile,\r\n        isTop,\r\n        opacity,\r\n        isLowText,\r\n        showRegion,\r\n        useThumbData,\r\n        tileUrlTemplate,\r\n      } as any)\r\n      initLayerOptions()\r\n      visible && addTileLayer()\r\n      startWatchProps()\r\n    }\r\n\r\n    init()\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","tileLayerProps","setup","mapInstance","useMapInstance","layer","setZIndex","zIndex","setBoundary","boundary","addBoundary","clearBoundary","setZIndexTop","zIndexTop","setTop","addTileLayer","getTilesUrl","loadRasterTileData","tileInfo","callback","key","getTileKey","handleImageLoad","image","handleError","box","BMapGL","Projection","tileToBoundRange","col","row","baseTileSize","zoom","x","y","z","img","HTMLCanvasElement","Image","crossOrigin","onload","onerror","src","toDataURL","HTMLImageElement","initLayerOptions","startWatchProps","watch","visible","n","removeTileLayer","init","transform","png8","height","retry","retryTime","transparentPng","dataType","spanLevel","tileTypeName","cacheSize","customLayer","clipTile","isTop","opacity","isLowText","showRegion","useThumbData","tileUrlTemplate","TileLayer","onUnmounted","_createVNode","_Fragment"],"mappings":"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"}

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

@@ -111,9 +111,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly maxZoom: number;
     readonly visible: boolean;
     readonly useThumbData: boolean;
-    readonly extentCRSIsWGS84: boolean;
     readonly zIndex: number;
     readonly zIndexTop: boolean;
+    readonly extentCRSIsWGS84: boolean;
     readonly tms: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components.js

@@ -4,6 +4,7 @@ var configProvider = require('./config-provider/src/config-provider.js');
 var configProviderProps = require('./config-provider/src/config-provider-props.js');
 var constants = require('./config-provider/src/constants.js');
 var tile = require('./layer/tile/src/tile.js');
+var tileProps = require('./layer/tile/src/tile-props.js');
 var xyz = require('./layer/xyz/src/xyz.js');
 var xyzProps = require('./layer/xyz/src/xyz-props.js');
 var constants$1 = require('./map/src/constants.js');
@@ -19,6 +20,7 @@ exports.BConfigProvider = configProvider;
 exports.configProviderProps = configProviderProps.configProviderProps;
 exports.configProviderInjectionKey = constants.configProviderInjectionKey;
 exports.BTileLayer = tile;
+exports.tileLayerProps = tileProps.tileLayerProps;
 exports.BXyzLayer = xyz;
 exports.xyzLayerProps = xyzProps.xyzLayerProps;
 exports.mapInjectionKey = constants$1.mapInjectionKey;

package/lib/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/index.js

@@ -5,6 +5,7 @@ var configProvider = require('./config-provider/src/config-provider.js');
 var configProviderProps = require('./config-provider/src/config-provider-props.js');
 var constants = require('./config-provider/src/constants.js');
 var tile = require('./layer/tile/src/tile.js');
+var tileProps = require('./layer/tile/src/tile-props.js');
 var xyz = require('./layer/xyz/src/xyz.js');
 var xyzProps = require('./layer/xyz/src/xyz-props.js');
 var constants$1 = require('./map/src/constants.js');
@@ -21,6 +22,7 @@ exports.BConfigProvider = configProvider;
 exports.configProviderProps = configProviderProps.configProviderProps;
 exports.configProviderInjectionKey = constants.configProviderInjectionKey;
 exports.BTileLayer = tile;
+exports.tileLayerProps = tileProps.tileLayerProps;
 exports.BXyzLayer = xyz;
 exports.xyzLayerProps = xyzProps.xyzLayerProps;
 exports.mapInjectionKey = constants$1.mapInjectionKey;

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/layer/tile/index.d.ts

@@ -1 +1,3 @@
 export { default as BTileLayer } from './src/tile';
+export { tileLayerProps } from './src/tile-props';
+export type { GetTilesUrlFn, TileLayerProps } from './src/tile-props';

package/lib/layer/tile/index.js

@@ -1,8 +1,10 @@
 'use strict';
 
 var tile = require('./src/tile.js');
+var tileProps = require('./src/tile-props.js');
 
 
 
 exports.BTileLayer = tile;
+exports.tileLayerProps = tileProps.tileLayerProps;
 //# sourceMappingURL=index.js.map

package/lib/layer/tile/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/layer/tile/src/tile-props.d.ts

@@ -0,0 +1,60 @@
+import type { PropType } from 'vue';
+import type { ExtractPublicPropTypes } from '../../../_utils';
+export type GetTilesUrlFn = (tile: {
+    x: number;
+    y: number;
+    z: number;
+}, boundRange: any, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void;
+export declare const tileLayerProps: {
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly transform: PropType<{
+        source: string;
+        target: string;
+    }>;
+    readonly png8: BooleanConstructor;
+    readonly height: NumberConstructor;
+    readonly retry: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly retryTime: NumberConstructor;
+    readonly transparentPng: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly dataType: NumberConstructor;
+    readonly spanLevel: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly tileTypeName: StringConstructor;
+    readonly cacheSize: {
+        readonly type: NumberConstructor;
+        readonly default: 256;
+    };
+    readonly customLayer: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly clipTile: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly isTop: BooleanConstructor;
+    readonly opacity: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly isLowText: BooleanConstructor;
+    readonly boundary: PropType<string[] | string>;
+    readonly showRegion: StringConstructor;
+    readonly useThumbData: BooleanConstructor;
+    readonly zIndex: NumberConstructor;
+    readonly zIndexTop: BooleanConstructor;
+    readonly tileUrlTemplate: StringConstructor;
+    readonly getTilesUrl: PropType<GetTilesUrlFn>;
+};
+export type TileLayerProps = ExtractPublicPropTypes<typeof tileLayerProps>;

package/lib/layer/tile/src/tile-props.js

@@ -1,3 +1,54 @@
 'use strict';
 
+const tileLayerProps = {
+  visible: {
+    type: Boolean,
+    default: true
+  },
+  transform: Object,
+  png8: Boolean,
+  height: Number,
+  retry: {
+    type: Boolean,
+    default: void 0
+  },
+  retryTime: Number,
+  transparentPng: {
+    type: Boolean,
+    default: true
+  },
+  dataType: Number,
+  spanLevel: {
+    type: Number,
+    default: 0
+  },
+  tileTypeName: String,
+  cacheSize: {
+    type: Number,
+    default: 256
+  },
+  customLayer: {
+    type: Boolean,
+    default: void 0
+  },
+  clipTile: {
+    type: Boolean,
+    default: void 0
+  },
+  isTop: Boolean,
+  opacity: {
+    type: Number,
+    default: 1
+  },
+  isLowText: Boolean,
+  boundary: Array,
+  showRegion: String,
+  useThumbData: Boolean,
+  zIndex: Number,
+  zIndexTop: Boolean,
+  tileUrlTemplate: String,
+  getTilesUrl: Function
+};
+
+exports.tileLayerProps = tileLayerProps;
 //# sourceMappingURL=tile-props.js.map

package/lib/layer/tile/src/tile-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-props.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"tile-props.js","sources":["../../../../src/layer/tile/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/tile/src/tile-props.ts"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport type { ExtractPublicPropTypes } from '../../../_utils'\r\n\r\nexport type GetTilesUrlFn = (tile: { x: number, y: number, z: number }, boundRange: any, cb: (image: string | HTMLImageElement | HTMLCanvasElement) => void) => void\r\n\r\nexport const tileLayerProps = {\r\n  visible: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  transform: Object as PropType<{ source: string, target: string }>,\r\n  png8: Boolean,\r\n  height: Number,\r\n  retry: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  retryTime: Number,\r\n  transparentPng: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  dataType: Number,\r\n  spanLevel: {\r\n    type: Number,\r\n    default: 0,\r\n  },\r\n  tileTypeName: String,\r\n  cacheSize: {\r\n    type: Number,\r\n    default: 256,\r\n  },\r\n  customLayer: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  clipTile: {\r\n    type: Boolean,\r\n    default: undefined,\r\n  },\r\n  isTop: Boolean,\r\n  opacity: {\r\n    type: Number,\r\n    default: 1,\r\n  },\r\n  isLowText: Boolean,\r\n  boundary: Array as PropType<string[] | string>,\r\n  showRegion: String,\r\n  useThumbData: Boolean,\r\n  zIndex: Number,\r\n  zIndexTop: Boolean,\r\n  tileUrlTemplate: String,\r\n  getTilesUrl: Function as PropType<GetTilesUrlFn>,\r\n} as const\r\n\r\nexport type TileLayerProps = ExtractPublicPropTypes<typeof tileLayerProps>\r\n"],"names":[],"mappings":";;AAKO,MAAM,cAAA,GAAiB;AAAA,EAC5B,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW,MAAA;AAAA,EACX,IAAA,EAAM,OAAA;AAAA,EACN,MAAA,EAAQ,MAAA;AAAA,EACR,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW,MAAA;AAAA,EACX,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,QAAA,EAAU,MAAA;AAAA,EACV,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,YAAA,EAAc,MAAA;AAAA,EACd,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,KAAA,EAAO,OAAA;AAAA,EACP,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV;AAAA,EACD,SAAA,EAAW,OAAA;AAAA,EACX,QAAA,EAAU,KAAA;AAAA,EACV,UAAA,EAAY,MAAA;AAAA,EACZ,YAAA,EAAc,OAAA;AAAA,EACd,MAAA,EAAQ,MAAA;AAAA,EACR,SAAA,EAAW,OAAA;AAAA,EACX,eAAA,EAAiB,MAAA;AAAA,EACjB,WAAA,EAAa;;;;;"}

package/lib/layer/tile/src/tile.d.ts

@@ -1,2 +1,118 @@
-declare const _default: import("vue").DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly transform: import("vue").PropType<{
+        source: string;
+        target: string;
+    }>;
+    readonly png8: BooleanConstructor;
+    readonly height: NumberConstructor;
+    readonly retry: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly retryTime: NumberConstructor;
+    readonly transparentPng: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly dataType: NumberConstructor;
+    readonly spanLevel: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly tileTypeName: StringConstructor;
+    readonly cacheSize: {
+        readonly type: NumberConstructor;
+        readonly default: 256;
+    };
+    readonly customLayer: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly clipTile: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly isTop: BooleanConstructor;
+    readonly opacity: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly isLowText: BooleanConstructor;
+    readonly boundary: import("vue").PropType<string[] | string>;
+    readonly showRegion: StringConstructor;
+    readonly useThumbData: BooleanConstructor;
+    readonly zIndex: NumberConstructor;
+    readonly zIndexTop: BooleanConstructor;
+    readonly tileUrlTemplate: StringConstructor;
+    readonly getTilesUrl: import("vue").PropType<import("./tile-props").GetTilesUrlFn>;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly transform: import("vue").PropType<{
+        source: string;
+        target: string;
+    }>;
+    readonly png8: BooleanConstructor;
+    readonly height: NumberConstructor;
+    readonly retry: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly retryTime: NumberConstructor;
+    readonly transparentPng: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly dataType: NumberConstructor;
+    readonly spanLevel: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly tileTypeName: StringConstructor;
+    readonly cacheSize: {
+        readonly type: NumberConstructor;
+        readonly default: 256;
+    };
+    readonly customLayer: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly clipTile: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly isTop: BooleanConstructor;
+    readonly opacity: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly isLowText: BooleanConstructor;
+    readonly boundary: import("vue").PropType<string[] | string>;
+    readonly showRegion: StringConstructor;
+    readonly useThumbData: BooleanConstructor;
+    readonly zIndex: NumberConstructor;
+    readonly zIndexTop: BooleanConstructor;
+    readonly tileUrlTemplate: StringConstructor;
+    readonly getTilesUrl: import("vue").PropType<import("./tile-props").GetTilesUrlFn>;
+}>> & Readonly<{}>, {
+    readonly visible: boolean;
+    readonly png8: boolean;
+    readonly retry: boolean;
+    readonly transparentPng: boolean;
+    readonly spanLevel: number;
+    readonly cacheSize: number;
+    readonly customLayer: boolean;
+    readonly clipTile: boolean;
+    readonly isTop: boolean;
+    readonly opacity: number;
+    readonly isLowText: boolean;
+    readonly useThumbData: boolean;
+    readonly zIndexTop: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/layer/tile/src/tile.js

@@ -1,10 +1,132 @@
 'use strict';
 
 var vue = require('vue');
+var tileProps = require('./tile-props.js');
+var useMapInstance = require('../../../_mixins/use-map-instance.js');
 
 var tile = /* @__PURE__ */ vue.defineComponent({
   name: "TileLayer",
-  setup() {
+  props: tileProps.tileLayerProps,
+  setup(props) {
+    const mapInstance = useMapInstance();
+    let layer = null;
+    const setZIndex = (zIndex) => {
+      layer === null || layer === void 0 ? void 0 : layer.setZIndex(zIndex);
+    };
+    const setBoundary = (boundary) => {
+      boundary ? layer === null || layer === void 0 ? void 0 : layer.addBoundary(boundary) : layer === null || layer === void 0 ? void 0 : layer.clearBoundary();
+    };
+    const setZIndexTop = (zIndexTop) => {
+      layer === null || layer === void 0 ? void 0 : layer.setTop(zIndexTop);
+    };
+    const addTileLayer = () => {
+      const {
+        getTilesUrl
+      } = props;
+      if (!layer) return;
+      if (getTilesUrl) {
+        mapInstance().addTileLayer(layer);
+        layer.loadRasterTileData = function(tileInfo, callback) {
+          const key = this.getTileKey(tileInfo);
+          const handleImageLoad = (image) => {
+            image.tileInfo = tileInfo;
+            callback && callback(image, key);
+          };
+          const handleError = () => callback && callback(null, key);
+          const box = BMapGL.Projection.tileToBoundRange({
+            col: tileInfo.col,
+            row: tileInfo.row,
+            baseTileSize: tileInfo.baseTileSize,
+            zoom: tileInfo.zoom
+          });
+          getTilesUrl({
+            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";
+              image.onload = () => handleImageLoad(image);
+              image.onerror = handleError;
+              image.src = typeof img === "string" ? img : img.toDataURL();
+            } else if (img instanceof HTMLImageElement) {
+              handleImageLoad(img);
+            } else {
+              handleError();
+            }
+          });
+        };
+      } else {
+        mapInstance().addTileLayer(layer);
+      }
+    };
+    const initLayerOptions = () => {
+      const {
+        zIndex,
+        boundary
+      } = props;
+      setBoundary(boundary);
+      setZIndex(zIndex);
+    };
+    const startWatchProps = () => {
+      vue.watch(() => props.zIndex, setZIndex);
+      vue.watch(() => props.boundary, setBoundary);
+      vue.watch(() => props.zIndexTop, setZIndexTop);
+      vue.watch(() => props.visible, (n) => n ? addTileLayer() : mapInstance().removeTileLayer(layer));
+    };
+    const init = () => {
+      const {
+        visible,
+        transform,
+        png8,
+        height,
+        retry,
+        retryTime,
+        transparentPng,
+        dataType,
+        spanLevel,
+        tileTypeName,
+        cacheSize,
+        customLayer,
+        clipTile,
+        isTop,
+        opacity,
+        isLowText,
+        showRegion,
+        useThumbData,
+        tileUrlTemplate
+      } = props;
+      layer = new BMapGL.TileLayer({
+        transform,
+        png8,
+        height,
+        retry,
+        retryTime,
+        transparentPng,
+        dataType,
+        spanLevel,
+        tileTypeName,
+        cacheSize,
+        customLayer,
+        clipTile,
+        isTop,
+        opacity,
+        isLowText,
+        showRegion,
+        useThumbData,
+        tileUrlTemplate
+      });
+      initLayerOptions();
+      visible && addTileLayer();
+      startWatchProps();
+    };
+    init();
+    vue.onUnmounted(() => {
+      if (layer) {
+        mapInstance().removeTileLayer(layer);
+      }
+    });
     return () => vue.createVNode(vue.Fragment, null, null);
   }
 });

package/lib/layer/tile/src/tile.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile.js","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,+CAA+B;AAAA,EAC7BA,IAAAA,EAAM,WAAA;AAAA,EACNC,KAAAA,GAAK;AACH,IAAA,OAAO,MAAAC,eAAAA,CAAAC,YAAAA,EAAA,IAAA,EAAA,IAAA,CAAA;AAAA,EACT;AACD,CAAA,CAAA;;;;"}
+{"version":3,"file":"tile.js","sources":["../../../../src/layer/tile/src/file:/D:/workspaces/personal-project/vue3-bmapgl/packages/vue3-bmapgl/src/layer/tile/src/tile.tsx"],"sourcesContent":["import { defineComponent, onUnmounted, watch } from 'vue'\r\nimport { useMapInstance } from '../../../_mixins'\r\nimport { tileLayerProps } from './tile-props'\r\n\r\nexport default defineComponent({\r\n  name: 'TileLayer',\r\n  props: tileLayerProps,\r\n  setup(props) {\r\n    const mapInstance = useMapInstance()\r\n\r\n    let layer: BMapGL.TileLayer | null = null\r\n\r\n    const setZIndex = (zIndex?: number) => {\r\n      (layer as any)?.setZIndex(zIndex)\r\n    }\r\n\r\n    const setBoundary = (boundary?: string[] | string) => {\r\n      boundary ? (layer as any)?.addBoundary(boundary) : (layer as any)?.clearBoundary()\r\n    }\r\n\r\n    const setZIndexTop = (zIndexTop?: boolean) => {\r\n      (layer as any)?.setTop(zIndexTop)\r\n    }\r\n\r\n    const addTileLayer = () => {\r\n      const { getTilesUrl } = props\r\n      if (!layer)\r\n        return\r\n      if (getTilesUrl) {\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).Projection.tileToBoundRange({\r\n            col: tileInfo.col,\r\n            row: tileInfo.row,\r\n            baseTileSize: tileInfo.baseTileSize,\r\n            zoom: tileInfo.zoom,\r\n          })\r\n\r\n          getTilesUrl({ 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\r\n    const initLayerOptions = () => {\r\n      const { zIndex, boundary } = props\r\n      setBoundary(boundary)\r\n      setZIndex(zIndex)\r\n    }\r\n\r\n    const startWatchProps = () => {\r\n      watch(() => props.zIndex, setZIndex)\r\n      watch(() => props.boundary, setBoundary)\r\n      watch(() => props.zIndexTop, setZIndexTop)\r\n      watch(() => props.visible, n => n ? addTileLayer() : mapInstance().removeTileLayer(layer!))\r\n    }\r\n\r\n    const init = () => {\r\n      const { visible, transform, png8, height, retry, retryTime, transparentPng, dataType, spanLevel, tileTypeName, cacheSize, customLayer, clipTile, isTop, opacity, isLowText, showRegion, useThumbData, tileUrlTemplate } = props\r\n      layer = new BMapGL.TileLayer({\r\n        transform,\r\n        png8,\r\n        height,\r\n        retry,\r\n        retryTime,\r\n        transparentPng,\r\n        dataType,\r\n        spanLevel,\r\n        tileTypeName,\r\n        cacheSize,\r\n        customLayer,\r\n        clipTile,\r\n        isTop,\r\n        opacity,\r\n        isLowText,\r\n        showRegion,\r\n        useThumbData,\r\n        tileUrlTemplate,\r\n      } as any)\r\n      initLayerOptions()\r\n      visible && addTileLayer()\r\n      startWatchProps()\r\n    }\r\n\r\n    init()\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","tileLayerProps","setup","mapInstance","useMapInstance","layer","setZIndex","zIndex","setBoundary","boundary","addBoundary","clearBoundary","setZIndexTop","zIndexTop","setTop","addTileLayer","getTilesUrl","loadRasterTileData","tileInfo","callback","key","getTileKey","handleImageLoad","image","handleError","box","BMapGL","Projection","tileToBoundRange","col","row","baseTileSize","zoom","x","y","z","img","HTMLCanvasElement","Image","crossOrigin","onload","onerror","src","toDataURL","HTMLImageElement","initLayerOptions","startWatchProps","watch","visible","n","removeTileLayer","init","transform","png8","height","retry","retryTime","transparentPng","dataType","spanLevel","tileTypeName","cacheSize","customLayer","clipTile","isTop","opacity","isLowText","showRegion","useThumbData","tileUrlTemplate","TileLayer","onUnmounted","_createVNode","_Fragment"],"mappings":"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"}

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

@@ -111,9 +111,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly maxZoom: number;
     readonly visible: boolean;
     readonly useThumbData: boolean;
-    readonly extentCRSIsWGS84: boolean;
     readonly zIndex: number;
     readonly zIndexTop: boolean;
+    readonly extentCRSIsWGS84: boolean;
     readonly tms: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spuermomonga/vue3-bmapgl",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "Baidu Map GL encapsulation for Vue 3",
   "author": "SpuerMomonga <spuermomonga@qq.com>",
   "license": "MIT",