@shjjs/visual-ui 1.0.0

package/lib/components/scene-amap2d/index.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),R=require("@amap/amap-jsapi-loader"),Z=require("axios"),V=require("nanoid"),U=g=>(l.pushScopeId("data-v-0b1540a4"),g=g(),l.popScopeId(),g),K=U(()=>l.createElementVNode("div",{id:"zerov-amap-2d",class:"zerov-amap-container"},null,-1)),Q=[K],X=l.defineComponent({name:"zv-scene-amap2d"}),Y=l.defineComponent({...X,props:{basicOption:{},sources:{},globalEvent:{},uuid:{}},emits:["amap2d-scene-success","amap2d-scene-zoomstart","amap2d-scene-zoomend","amap2d-scene-mapclick","amap2d-scene-dragstart","amap2d-scene-dragging","amap2d-scene-dragend"],setup(g,{expose:k,emit:x}){const o=g,u=x,E=()=>{const s=l.shallowRef(),c=l.shallowRef(),w=l.ref(!1),y=l.ref(),p=l.ref(),m=l.ref(),f=l.ref(),C=a=>{O(),window._AMapSecurityConfig={securityJsCode:a.basic.securityJsCode},R.load({key:a.basic.key,version:"2.0",Loca:{version:"2.0.0"},plugins:["AMap.ControlBar","AMap.ToolBar","AMap.Scale","AMap.HeatMap","AMap.GeoJSON"]}).then(e=>{f.value=e,s.value=new e.Map("zerov-amap-2d",{rotateEnable:a.config.rotateEnable,pitchEnable:a.config.pitchEnable,resizeEnable:a.config.resizeEnable,zoomEnable:a.config.zoomEnable,dragEnable:a.config.dragEnable,zoom:a.config.zoom,viewMode:"2D",zooms:a.config.zooms,center:a.config.center,mapStyle:a.config.mapStyle,features:a.config.features}),c.value=new window.Loca.Container({map:s.value}),m.value=new f.value.Scale({visible:a.config.plugin.scale.visible,position:{left:a.config.plugin.scale.position.left+"px",bottom:a.config.plugin.scale.position.bottom+"px"}}),s.value.addControl(m.value),y.value=new e.ControlBar({visible:a.config.plugin.controlBar.visible,showControlButton:a.config.plugin.controlBar.showControlButton,position:{right:a.config.plugin.controlBar.position.right+"px",top:a.config.plugin.controlBar.position.top+"px"}}),s.value.addControl(y.value),p.value=new e.ToolBar({visible:a.config.plugin.toolBar.visible,position:{left:a.config.plugin.toolBar.position.left+"px",top:a.config.plugin.toolBar.position.top+"px"}}),s.value.addControl(p.value),S(e),s.value.on("complete",()=>{setTimeout(()=>{w.value=!0,u("amap2d-scene-success"),window.SHJParseEvent(o.globalEvent,"amap2d-scene-success",null)},666)}),s.value.on("zoomstart",()=>{u("amap2d-scene-zoomstart"),window.SHJParseEvent(o.globalEvent,"amap2d-scene-zoomstart",null)}),s.value.on("zoomend",()=>{u("amap2d-scene-zoomend"),window.SHJParseEvent(o.globalEvent,"amap2d-scene-zoomend",null)}),s.value.on("click",t=>{u("amap2d-scene-mapclick",t.lnglat),window.SHJParseEvent(o.globalEvent,"amap2d-scene-mapclick",t.lnglat)}),s.value.on("dragstart",t=>{u("amap2d-scene-dragstart",t.lnglat),window.SHJParseEvent(o.globalEvent,"amap2d-scene-dragstart",t.lnglat)}),s.value.on("dragend",t=>{u("amap2d-scene-dragend",t.lnglat),window.SHJParseEvent(o.globalEvent,"amap2d-scene-dragend",t.lnglat)})}).catch(e=>{})},S=a=>{o.sources&&o.sources.length>0?window.SHJDatasourceV2({tId:o.uuid,sources:o.sources,callback:e=>{try{const t=o.basicOption.widgets.find(n=>n._sourceId===e.id);t&&t.type==="heatmap"&&P(a,t,e.data[0].data),t&&t.type==="dotlayers"&&I(window.Loca,t,h(e.data[0].data)),t&&t.type==="scatter"&&J(window.Loca,t,h(e.data[0].data)),t&&t.type==="labelsLayer"&&D(window.Loca,t,h(e.data[0].data))}catch{}o.basicOption.widgets.filter(t=>t.type==="boundary").forEach(t=>{z(a,t)})}}):o.basicOption.widgets.filter(e=>e.type==="boundary").forEach(e=>{z(a,e)})},L=a=>{const t=a.slice(a.indexOf("(")+1,a.lastIndexOf(")")).split(",").map(r=>r.trim()),n={};for(let r=1;r<t.length;r++){const d=t[r].split(" "),i=d[0],j=parseFloat(d[1])/100,q=Math.round(j*100)/100;n[q]=i}return n},P=(a,e,t)=>{try{const n=new a.HeatMap(s.value,{radius:e.radius,opacity:e.opacity,gradient:L(e.gradient)});setTimeout(()=>{n.setDataSet({data:t,max:e.max})},0)}catch{}},z=async(a,e)=>{try{const t=await Z.get(e.geojson);if(t.status===200){const n=new a.GeoJSON({geoJSON:t.data,getPolygon:function(r,d){const i=new a.Polygon({path:d,zIndex:e.zIndex,fillColor:e.style.fillColor,strokeOpacity:e.style.strokeOpacity,fillOpacity:e.style.fillOpacity,strokeColor:e.style.strokeColor,strokeWeight:e.style.strokeWeight,strokeStyle:e.style.strokeStyle});return i.on("mouseover",()=>{i.setOptions({fillOpacity:e.mouseover.fillOpacity,fillColor:e.mouseover.fillColor,strokeOpacity:e.mouseover.strokeOpacity,strokeColor:e.mouseover.strokeColor,strokeStyle:e.mouseover.strokeStyle,strokeWeight:e.mouseover.strokeWeight})}),i.on("mouseout",()=>{i.setOptions({fillColor:e.style.fillColor,strokeOpacity:e.style.strokeOpacity,fillOpacity:e.style.fillOpacity,strokeColor:e.style.strokeColor,strokeWeight:e.style.strokeWeight,strokeStyle:e.style.strokeStyle})}),i}});s.value.add(n)}}catch{}},I=(a,e,t)=>{try{const n=new a.GeoJSONSource({data:t}),r=new a.PointLayer({zIndex:e.zIndex,blend:e.blend,visible:e.visible,opacity:e.opacity}),d={radius:e.style.radius,unit:e.style.unit,color:e.style.color,borderWidth:e.style.borderWidth,blurWidth:e.style.blurWidth,borderColor:e.style.borderColor};r.setSource(n),r.setStyle(d),c.value.add(r),r.addAnimate({key:e.animate.key,value:e.animate.value,duration:e.animate.duration,easing:e.animate.easing,transform:e.animate.transform,random:e.animate.random,delay:e.animate.delay,yoyo:e.animate.yoyo,repeat:e.animate.repeat})}catch{}},J=(a,e,t)=>{try{const n=new a.GeoJSONSource({data:t}),r=new a.ScatterLayer({loca:c.value,zIndex:e.zIndex,opacity:e.opacity,visible:e.visible,zooms:e.zooms});r.setSource(n),r.setStyle({unit:e.style.unit,size:e.style.size,borderWidth:e.style.borderWidth,texture:e.style.texture,duration:e.style.duration,animate:e.style.animate}),c.value.animate.start()}catch{}},D=(a,e,t)=>{try{const n=new a.GeoJSONSource({data:t}),r=new a.LabelsLayer({eventSupport:!0,visible:e.visible,zooms:e.zooms,opacity:e.opacity,collision:e.collision,allowCollision:e.allowCollision,zIndex:e.zIndex});r.on("click",d=>{}),r.setSource(n),r.setStyle({icon:{image:e.icon.image,size:e.icon.size,clipOrigin:e.icon.clipOrigin,offset:e.icon.offset,anchor:e.icon.anchor},text:{content:(d,i)=>i.properties[e.text.content],zooms:e.text.zooms,offset:e.text.offset,direction:e.text.direction,style:{fontSize:e.text.style.fontSize,fillColor:e.text.style.fillColor,strokeColor:e.text.style.strokeColor,strokeWidth:e.text.style.strokeWidth,padding:e.text.style.padding,backgroundColor:e.text.style.backgroundColor,borderColor:e.text.style.borderColor,borderWidth:e.text.style.borderWidth,fold:e.text.style.fold,fontWeight:e.text.style.fontWeight}}}),c.value.add(r)}catch{}},h=a=>{const e={type:"FeatureCollection",features:[]};return a.forEach((t,n)=>{const r={type:"Feature",id:V.nanoid(),properties:{name:t.name||"",_draw_type:"point"},geometry:{type:"Point",coordinates:t.value}};e.features.push(r)}),e},H=a=>{s.value.setFeatures(a.config.features),s.value.setStatus({dragEnable:a.config.dragEnable,zoomEnable:a.config.zoomEnable,rotateEnable:a.config.rotateEnable}),a.config.plugin.scale.visible?m.value.show():m.value.hide(),a.config.plugin.toolBar.visible?p.value.show():p.value.hide(),a.config.plugin.controlBar.visible?y.value.show():y.value.hide()},N=()=>{s.value.clearMap(),c.value.clear(),S(f.value)},T=a=>{s.value.setMapStyle(a.config.mapStyle)},F=a=>{s.value.setZoom(a.config.zoom,!1,200)},G=a=>{s.value.setCenter(a.config.center,!1,200)},O=()=>{s.value&&(s.value.clearMap(),s.value.destroy(),s.value=null,c.value&&(c.value.clear(),c.value.destroy(),c.value=null))};return l.onMounted(()=>{setTimeout(()=>{C(o.basicOption)},0)}),l.onUnmounted(()=>O()),{initAMap2d:C,updateAMapStyle:T,updateAMapConfig:H,updateAMapComponents:N,updateAMapZoom:F,updateAMapCenter:G,amap2d:s,loading:w,AMapPrototype:f}},{initAMap2d:v,updateAMapStyle:M,updateAMapConfig:b,updateAMapComponents:A,updateAMapZoom:B,updateAMapCenter:_,loading:W,AMapPrototype:$}=E();return l.watch(()=>o.basicOption.config,()=>{b(o.basicOption)},{deep:!0}),l.watch(()=>o.basicOption.config.zoom,()=>{B(o.basicOption)},{deep:!0}),l.watch(()=>o.basicOption.config.center,()=>{_(o.basicOption)},{deep:!0}),l.watch(()=>o.basicOption.widgets,()=>{A()},{deep:!0}),l.watch(()=>o.basicOption.config.mapStyle,()=>{M(o.basicOption)},{deep:!0}),l.watch(()=>o.basicOption.basic,()=>{v(o.basicOption)},{deep:!0}),l.watch(()=>o.sources,()=>{v(o.basicOption)},{deep:!0}),k({refresh:()=>v(o.basicOption),refreshView:()=>b(o.basicOption),refreshData:()=>b(o.basicOption)}),(s,c)=>(l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass(["amap-2d-wrap",{show:l.unref(W)}])},Q,2))}});exports.default=Y;

package/lib/components/scene-amap3d/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index.vue.js"),l=require("../../utils/install.js"),e=l.withInstall(t.default);exports.ZvSceneAmap3d=e;exports.default=e;

package/lib/components/scene-amap3d/index.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.vue2.js");;/* empty css            */const t=require("../../_virtual/_plugin-vue_export-helper.js"),u=t.default(e.default,[["__scopeId","data-v-fd3825f4"]]);exports.default=u;

package/lib/components/scene-amap3d/index.vue2.js

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),j=require("@amap/amap-jsapi-loader"),V=require("axios"),U=require("nanoid"),K=require("lodash"),Q=g=>(o.pushScopeId("data-v-fd3825f4"),g=g(),o.popScopeId(),g),X=Q(()=>o.createElementVNode("div",{id:"zerov-amap-3d",class:"zerov-amap-container"},null,-1)),Y=[X],ee=o.defineComponent({name:"zv-scene-amap3d"}),ae=o.defineComponent({...ee,props:{basicOption:{},sources:{},globalEvent:{},uuid:{}},emits:["amap3d-scene-success","amap3d-scene-zoomstart","amap3d-scene-zoomend","amap3d-scene-mapclick","amap3d-scene-dragstart","amap3d-scene-dragging","amap3d-scene-dragend","amap3d-scene-pulseLinkLayer"],setup(g,{expose:O,emit:M}){const s=g,u=M,E=()=>{const n=o.shallowRef(),d=o.shallowRef(),k=o.ref(!1),m=o.ref(),f=o.ref(),v=o.ref(),h=o.ref(),S=a=>{C(),window._AMapSecurityConfig={securityJsCode:a.basic.securityJsCode},j.load({key:a.basic.key,version:"2.0",Loca:{version:"2.0.0"},plugins:["AMap.ControlBar","AMap.ToolBar","AMap.Scale","AMap.HeatMap","AMap.GeoJSON"]}).then(e=>{h.value=e,n.value=new e.Map("zerov-amap-3d",{rotateEnable:a.config.rotateEnable,pitchEnable:a.config.pitchEnable,resizeEnable:a.config.resizeEnable,zoomEnable:a.config.zoomEnable,dragEnable:a.config.dragEnable,zoom:a.config.zoom,viewMode:"3D",zooms:a.config.zooms,center:a.config.center,mapStyle:a.config.mapStyle,features:a.config.features,pitch:a.config.pitch,rotation:a.config.rotation}),d.value=new window.Loca.Container({map:n.value}),v.value=new h.value.Scale({visible:a.config.plugin.scale.visible,position:{left:a.config.plugin.scale.position.left+"px",bottom:a.config.plugin.scale.position.bottom+"px"}}),n.value.addControl(v.value),m.value=new e.ControlBar({visible:a.config.plugin.controlBar.visible,showControlButton:a.config.plugin.controlBar.showControlButton,position:{right:a.config.plugin.controlBar.position.right+"px",top:a.config.plugin.controlBar.position.top+"px"}}),n.value.addControl(m.value),f.value=new e.ToolBar({visible:a.config.plugin.toolBar.visible,position:{left:a.config.plugin.toolBar.position.left+"px",top:a.config.plugin.toolBar.position.top+"px"}}),n.value.addControl(f.value),z(e),n.value.on("complete",()=>{setTimeout(()=>{k.value=!0,u("amap3d-scene-success"),window.SHJParseEvent(s.globalEvent,"amap3d-scene-success",null)},666)}),n.value.on("zoomstart",()=>{u("amap3d-scene-zoomstart"),window.SHJParseEvent(s.globalEvent,"amap3d-scene-zoomstart",null)}),n.value.on("zoomend",()=>{u("amap3d-scene-zoomend"),window.SHJParseEvent(s.globalEvent,"amap3d-scene-zoomend",null)}),n.value.on("click",t=>{u("amap3d-scene-mapclick",t.lnglat),window.SHJParseEvent(s.globalEvent,"amap3d-scene-mapclick",t.lnglat)}),n.value.on("dragstart",t=>{u("amap3d-scene-dragstart",t.lnglat),window.SHJParseEvent(s.globalEvent,"amap3d-scene-dragstart",t.lnglat)}),n.value.on("dragend",t=>{u("amap3d-scene-dragend",t.lnglat),window.SHJParseEvent(s.globalEvent,"amap3d-scene-dragend",t.lnglat)})}).catch(e=>{})},z=K.debounce(a=>{s.sources&&s.sources.length>0?window.SHJDatasourceV2({tId:s.uuid,sources:s.sources,callback:e=>{try{const t=s.basicOption.widgets.find(l=>l._sourceId===e.id);t&&t.type==="heatmap"&&J(window.Loca,t,y(e.data[0].data,"Point")),t&&t.type==="dotlayers"&&_(window.Loca,t,y(e.data[0].data,"Point")),t&&t.type==="scatter"&&$(window.Loca,t,y(e.data[0].data,"Point")),t&&t.type==="labelsLayer"&&H(window.Loca,t,y(e.data[0].data,"Point")),t&&t.type==="signagePoints"&&D(window.Loca,t,y(e.data[0].data,"Point")),t&&t.type==="pulseLinkLayer"&&F(window.Loca,t,y(e.data[0].data,"LineString"))}catch{}s.basicOption.widgets.filter(t=>t.type==="boundary").forEach(t=>{x(a,t)})}}):s.basicOption.widgets.filter(e=>e.type==="boundary").forEach(e=>{x(a,e)})},200),W=a=>{const t=a.slice(a.indexOf("(")+1,a.lastIndexOf(")")).split(",").map(r=>r.trim()),l={};for(let r=1;r<t.length;r++){const i=t[r].split(" "),c=i[0],b=parseFloat(i[1])/100,T=Math.round(b*100)/100;l[T]=c}return l},J=(a,e,t)=>{try{const l=new a.HeatMapLayer({zIndex:10,opacity:e.opacity,visible:!0,zooms:[2,22]}),r=new a.GeoJSONSource({data:t});l.setSource(r,{radius:e.style.radius,unit:e.style.unit,height:e.style.height,opacity:e.style.opacity,gradient:W(e.style.gradient),value:function(i,c){return c.coordinates[2]||0},min:e.style.min,max:e.style.max,heightBezier:[0,.53,.37,.98]}),d.value.add(l)}catch{}},x=async(a,e)=>{try{const t=await V.get(e.geojson);if(t.status===200){const l=new a.GeoJSON({geoJSON:t.data,getPolygon:function(r,i){const c=new a.Polygon({path:i,zIndex:e.zIndex,fillColor:e.style.fillColor,strokeOpacity:e.style.strokeOpacity,fillOpacity:e.style.fillOpacity,strokeColor:e.style.strokeColor,strokeWeight:e.style.strokeWeight,strokeStyle:e.style.strokeStyle});return c.on("mouseover",()=>{c.setOptions({fillOpacity:e.mouseover.fillOpacity,fillColor:e.mouseover.fillColor,strokeOpacity:e.mouseover.strokeOpacity,strokeColor:e.mouseover.strokeColor,strokeStyle:e.mouseover.strokeStyle,strokeWeight:e.mouseover.strokeWeight})}),c.on("mouseout",()=>{c.setOptions({fillColor:e.style.fillColor,strokeOpacity:e.style.strokeOpacity,fillOpacity:e.style.fillOpacity,strokeColor:e.style.strokeColor,strokeWeight:e.style.strokeWeight,strokeStyle:e.style.strokeStyle})}),c}});n.value.add(l)}}catch{}},_=(a,e,t)=>{try{const l=new a.GeoJSONSource({data:t}),r=new a.PointLayer({zIndex:e.zIndex,blend:e.blend,visible:e.visible,opacity:e.opacity}),i={radius:e.style.radius,unit:e.style.unit,color:e.style.color,borderWidth:e.style.borderWidth,blurWidth:e.style.blurWidth,borderColor:e.style.borderColor};r.setSource(l),r.setStyle(i),d.value.add(r),r.addAnimate({key:e.animate.key,value:e.animate.value,duration:e.animate.duration,easing:e.animate.easing,transform:e.animate.transform,random:e.animate.random,delay:e.animate.delay,yoyo:e.animate.yoyo,repeat:e.animate.repeat})}catch{}},$=(a,e,t)=>{try{const l=new a.GeoJSONSource({data:t}),r=new a.ScatterLayer({loca:d.value,zIndex:e.zIndex,opacity:e.opacity,visible:e.visible,zooms:e.zooms});r.setSource(l),r.setStyle({unit:e.style.unit,size:e.style.size,borderWidth:e.style.borderWidth,texture:e.style.texture,duration:e.style.duration,animate:e.style.animate}),d.value.animate.start()}catch{}},H=(a,e,t)=>{try{const l=new a.GeoJSONSource({data:t}),r=new a.LabelsLayer({eventSupport:!0,visible:e.visible,zooms:e.zooms,opacity:e.opacity,collision:e.collision,allowCollision:e.allowCollision,zIndex:e.zIndex});r.on("click",i=>{}),r.setSource(l),r.setStyle({icon:{image:e.icon.image,size:e.icon.size,clipOrigin:e.icon.clipOrigin,offset:e.icon.offset,anchor:e.icon.anchor},text:{content:(i,c)=>c.properties[e.text.content],zooms:e.text.zooms,offset:e.text.offset,direction:e.text.direction,style:{fontSize:e.text.style.fontSize,fillColor:e.text.style.fillColor,strokeColor:e.text.style.strokeColor,strokeWidth:e.text.style.strokeWidth,padding:e.text.style.padding,backgroundColor:e.text.style.backgroundColor,borderColor:e.text.style.borderColor,borderWidth:e.text.style.borderWidth,fold:e.text.style.fold,fontWeight:e.text.style.fontWeight}}}),d.value.add(r)}catch{}},D=(a,e,t)=>{try{const l=new a.GeoJSONSource({data:t}),r=new a.ZMarkerLayer({zIndex:e.signs.zIndex,visible:e.signs.visible,zooms:e.signs.zooms,opacity:e.signs.opacity,depth:!1});r.setSource(l),r.setStyle({content:(c,b)=>`<div style="
+                                width: ${e.signs.style.width}px; 
+                                height: ${e.signs.style.height+148}px;
+                            ">
+                            <p style="
+                                display: block;
+                                height:${e.signs.style.height}px;
+                                background-image:${e.signs.style.background};
+                                border:${e.signs.style.borderWidth}px ${e.signs.style.borderStyle} ${e.signs.style.borderColor};
+                                border-radius: ${e.signs.style.borderRadius}px;
+                                line-height:${e.signs.style.lineHeight}px;
+                                text-align:${e.signs.style.textAlign};
+                                font-size:${e.signs.style.fontSize}px;
+                                color:${e.signs.style.fillColor};
+                                margin:0;
+                            ">
+                                ${b.properties.name}
+                            </p>
+                        </div>`,unit:e.signs.style.unit,rotation:e.signs.style.rotation,alwaysFront:e.signs.style.alwaysFront,size:[e.signs.style.width,e.signs.style.height+148],altitude:e.signs.style.altitude}),d.value.add(r);const i=new a.ZMarkerLayer({zIndex:e.landmark.zIndex,visible:e.landmark.visible,zooms:e.landmark.zooms,opacity:e.landmark.opacity,depth:!1});i.setSource(l),i.setStyle({content:(c,b)=>`<div style="
+                            width: ${e.landmark.style.size[0]}px;
+                            height: ${e.landmark.style.size[1]}px;
+                            background: url(${e.landmark.style.image});
+                            background-size:contain;
+                        ">
+                        </div>`,unit:e.landmark.style.unit,rotation:e.landmark.style.rotation,alwaysFront:e.landmark.style.alwaysFront,size:e.landmark.style.size,altitude:e.landmark.style.altitude}),i.addAnimate({key:"altitude",value:[0,1],random:e.landmark.animate.random,duration:e.landmark.animate.duration,transform:e.landmark.animate.transform,delay:e.landmark.animate.delay,yoyo:e.landmark.animate.yoyo,repeat:e.landmark.animate.repeat}),d.value.add(i),d.value.animate.start()}catch{}},F=(a,e,t)=>{const l=new a.PulseLinkLayer({zIndex:e.zIndex,opacity:e.opacity,visible:e.visible,zooms:e.zooms,depth:e.depth}),r=new a.GeoJSONSource({data:t});l.setSource(r),l.setStyle({unit:e.style.unit,dash:[4e4,0,4e4,0],lineWidth:e.style.lineWidth,height:function(i,c){return c.distance/3+e.style.height},smoothSteps:30,speed:function(i,c){return 1e5+Math.random()*e.style.speed},flowLength:e.style.flowLength,lineColors:e.style.lineColors,maxHeightScale:e.style.maxHeightScale,headColor:e.style.headColor,trailColor:e.style.trailColor}),n.value.on("click",i=>{const c=l.queryFeature(i.pixel.toArray());c&&(u("amap3d-scene-pulseLinkLayer",c),window.SHJParseEvent(s.globalEvent,"amap3d-scene-pulseLinkLayer",c))}),d.value.add(l),d.value.animate.start()},y=(a,e)=>{const t={type:"FeatureCollection",features:[]};return a.forEach((l,r)=>{const i={type:"Feature",id:U.nanoid(),properties:{type:e==="Point"?e:0,...l},geometry:{type:e,coordinates:l.value}};t.features.push(i)}),t},N=a=>{n.value.setFeatures(a.config.features),n.value.setPitch(a.config.pitch),n.value.setRotation(a.config.rotation),n.value.setStatus({dragEnable:a.config.dragEnable,zoomEnable:a.config.zoomEnable,rotateEnable:a.config.rotateEnable,pitchEnable:a.config.pitchEnable}),a.config.plugin.scale.visible?v.value.show():v.value.hide(),a.config.plugin.toolBar.visible?f.value.show():f.value.hide(),a.config.plugin.controlBar.visible?m.value.show():m.value.hide()},G=()=>{n.value.clearMap(),d.value.clear(),z(h.value)},Z=a=>{n.value.setMapStyle(a.config.mapStyle)},q=a=>{n.value.setZoom(a.config.zoom,!1,200)},R=a=>{n.value.setCenter(a.config.center,!1,200)},C=()=>{n.value&&(n.value.clearMap(),n.value.destroy(),n.value=null,d.value&&(d.value.clear(),d.value.destroy(),d.value=null))};return o.onMounted(()=>{setTimeout(()=>{S(s.basicOption)},0)}),o.onUnmounted(()=>C()),{initAMap3d:S,updateAMapStyle:Z,updateAMapConfig:N,updateAMapComponents:G,updateAMapZoom:q,updateAMapCenter:R,amap3d:n,loading:k,AMapPrototype:h}},{initAMap3d:p,updateAMapStyle:L,updateAMapConfig:w,updateAMapComponents:P,updateAMapZoom:A,updateAMapCenter:I,loading:B,AMapPrototype:te}=E();return o.watch(()=>s.basicOption.config,()=>{w(s.basicOption)},{deep:!0}),o.watch(()=>s.basicOption.config.zoom,()=>{A(s.basicOption)},{deep:!0}),o.watch(()=>s.basicOption.config.center,()=>{I(s.basicOption)},{deep:!0}),o.watch(()=>s.basicOption.widgets,()=>{P()},{deep:!0}),o.watch(()=>s.basicOption.config.mapStyle,()=>{L(s.basicOption)},{deep:!0}),o.watch(()=>s.basicOption.basic,()=>{p(s.basicOption)},{deep:!0}),o.watch(()=>s.sources,()=>{p(s.basicOption)},{deep:!0}),O({refresh:()=>p(s.basicOption),refreshView:()=>w(s.basicOption),refreshData:()=>w(s.basicOption)}),(n,d)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["amap-3d-wrap",{show:o.unref(B)}])},Y,2))}});exports.default=ae;

package/lib/components/scene-map3d/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index.vue.js"),l=require("../../utils/install.js"),e=l.withInstall(t.default);exports.ZvSceneMap3d=e;exports.default=e;

package/lib/components/scene-map3d/index.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.vue2.js");;/* empty css            */;/* empty css            */const t=require("../../_virtual/_plugin-vue_export-helper.js"),u=t.default(e.default,[["__scopeId","data-v-3c54f0a5"]]);exports.default=u;

package/lib/components/scene-map3d/index.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),r=require("lodash"),C=require("gsap"),J=require("@vueuse/core"),M=require("./map3d/map.js"),A=require("./watch.js"),v=require("../../utils/json2css.js");require("three");require("d3-geo");require("three/examples/jsm/controls/OrbitControls");require("three/examples/jsm/loaders/GLTFLoader");require("three/examples/jsm/loaders/DRACOLoader.js");const W=require("../../utils/mini3d/utils/CreateHistory.js");require("three/examples/jsm/libs/lil-gui.module.min");require("three/examples/jsm/utils/BufferGeometryUtils");require("three/examples/jsm/renderers/CSS3DRenderer");const T={class:"value"},R=["onClick"],V={key:3,class:"fps"},N=l.defineComponent({name:"zv-scene-map3d"}),j=l.defineComponent({...N,props:{basicOption:{},sources:{},globalEvent:{},uuid:{}},emits:["on-loaded","on-animated","on-drill-down","on-area-mouseover","on-area-mouseout","on-area-click","on-bar-click","on-scatter-click","on-flyline-click","on-return","on-data-change"],setup(B,{expose:O,emit:H}){const c=H,a=B,n=l.ref(),m=l.ref(!1),b=l.ref(!1),f="zerov-map3d-scene",h="zerov-map3d-scene-wrap",s=new W.createHistory,p=l.ref(!1),g=(e=!0)=>{n.value.cleanAllBar(),n.value.cleanAllScatter(),n.value.cleanAllFlyLine(),n.value.createAllRegionalLevel(),a.sources&&a.sources.length>0&&window.SHJDatasourceV2({tId:a.uuid,sources:a.sources,callback:o=>{try{const t=a.basicOption.widgets&&a.basicOption.widgets.find(d=>d._sourceId===o.id);t&&t.type==="bar"&&n.value.createBar(t,o.data[0].data,!0,e),t&&t.type==="scatter"&&n.value.createScatter(t,o.data[0].data,!0,e),t&&t.type==="flyline"&&n.value.createFlyLine(t,o.data[0].data,!0,e),t&&t.type==="regionalLevel"&&n.value.createRegionalLevel(t,o.data[0].data,!0,e),e&&(n.value.createBarTimeLine(),n.value.createScatterTimeLine(),n.value.createFlyLineTimeLine(),n.value.createRegionalLevelTimeLine()),c("on-data-change",o),window.SHJParseEvent(a.globalEvent,"on-data-change",o)}catch{c("on-data-change",null),window.SHJParseEvent(a.globalEvent,"on-data-change",null)}}})},q=()=>{document.getElementById(f)&&document.getElementById(h).removeChild(document.getElementById(f));const e=document.createElement("canvas");e.id=f,e.className="zerov-map-3d",e.style.width="100%",e.style.height="100%",document.getElementById(h).appendChild(e)},y=e=>(m.value=!1,b.value=!1,n.value&&(n.value.destroy(),n.value=null),q(),new M.World(document.getElementById(f),{geoProjectionCenter:[108.55,36.32]},e,{onAreaMouseover:t=>{c("on-area-mouseover",t),window.SHJParseEvent(a.globalEvent,"on-area-mouseover",t)},onAreaMouseout:t=>{c("on-area-mouseout",t),window.SHJParseEvent(a.globalEvent,"on-area-mouseout",t)},onLoadChild:t=>{if(c("on-area-click",t),window.SHJParseEvent(a.globalEvent,"on-area-click",t),t.adcode!==s.present&&a.basicOption.scene.isDrilling&&a.basicOption.scene.defaultMapAdcode!==1){c("on-drill-down",t),window.SHJParseEvent(a.globalEvent,"on-drill-down",t);const d=r.cloneDeep(a.basicOption);d.scene.defaultMapAdcode=t.adcode,n.value=y(d),s.push(t.adcode),s.past.length<=0?p.value=!1:p.value=!0}},onMapSuccess:()=>{m.value=!0,c("on-loaded"),window.SHJParseEvent(a.globalEvent,"on-loaded",null)},onMapAnimationSuccess:()=>{g(),b.value=!0,c("on-animated"),window.SHJParseEvent(a.globalEvent,"on-animated",null)},onClickBar:t=>{c("on-bar-click",t),window.SHJParseEvent(a.globalEvent,"on-bar-click",t)},onClickScatter:t=>{c("on-scatter-click",t),window.SHJParseEvent(a.globalEvent,"on-scatter-click",t)},onClickFlyline:t=>{c("on-flyline-click",t),window.SHJParseEvent(a.globalEvent,"on-flyline-click",t)}}));l.onMounted(()=>{setTimeout(()=>{n.value=y(a.basicOption),s.push(a.basicOption.scene.defaultMapAdcode),A.initWatch(a,n,y,g,L)},0)}),l.onBeforeUnmount(()=>{n.value&&n.value.destroy()});const w=()=>{c("on-return",{adcode:s.present}),window.SHJParseEvent(a.globalEvent,"on-return",{adcode:s.present}),s.undo();const e=r.cloneDeep(a.basicOption);e.scene.defaultMapAdcode=s.present,n.value=y(e),s.past.length<=0?p.value=!1:p.value=!0},L=()=>{s.empty(),s.push(a.basicOption.scene.defaultMapAdcode),n.value=y(a.basicOption),s.past.length<=0?p.value=!1:p.value=!0},I=(e,o,t)=>{C.timeline().add(C.to(n.value.camera.instance.position,{duration:2,delay:0,x:e,y:o,z:t,ease:"circ.out"}))};O({refresh:()=>g(),refreshView:()=>g(),refreshData:()=>g(),goBack:()=>w(),setCameraPosition:(e,o,t)=>I(e,o,t)});const z=J.useFps(),S=l.ref(),F=e=>{if(S.value&&e){v.autoInstallFont(a.basicOption.backButtonCss.fontFamily);const o=`url(${e.backgroundImage})`;return{...v.jsonToCssStyle(e),left:a.basicOption.backButtonLeft+"%",bottom:a.basicOption.backButtonBottom+"%","background-image":o}}return{}},u=l.ref(r.cloneDeep(a.basicOption.widgets)),i=l.computed(()=>{try{const e=u.value.filter(o=>o.type==="regionalLevel");return e.length>0?(v.autoInstallFont(e[0].labelStyle.fontFamily),e[0].isHide?null:e[0]):null}catch{return null}});l.watch(()=>r.cloneDeep(a.basicOption.widgets),(e,o)=>{try{!r.isEqual(e,o)&&n.value&&(u.value=r.cloneDeep(a.basicOption.widgets))}catch{}},{deep:!0}),l.watch(()=>r.cloneDeep(u.value.filter(e=>e.type==="bar")),(e,o)=>{try{!r.isEqual(e,o)&&n.value&&e.length===o.length&&e.forEach(t=>{n.value.createBar(t,void 0,!1)})}catch{}},{deep:!0}),l.watch(()=>r.cloneDeep(u.value.filter(e=>e.type==="scatter")),(e,o)=>{try{!r.isEqual(e,o)&&n.value&&e.length===o.length&&e.forEach(t=>{n.value.createScatter(t,void 0,!1)})}catch{}},{deep:!0}),l.watch(()=>r.cloneDeep(u.value.filter(e=>e.type==="flyline")),(e,o)=>{try{!r.isEqual(e,o)&&n.value&&e.length===o.length&&e.forEach(t=>{n.value.createFlyLine(t,void 0,!1)})}catch{}},{deep:!0}),l.watch(()=>r.cloneDeep(u.value.filter(e=>e.type==="regionalLevel")),(e,o)=>{try{!r.isEqual(e,o)&&n.value&&e.length===o.length&&e.forEach(t=>{n.value.createRegionalLevel(t,void 0,!1)})}catch{}},{deep:!0});const P=e=>{try{e.isHide===void 0?e.isHide=!0:e.isHide=!e.isHide}catch{}},D=()=>{try{const e=u.value.every(o=>!o.isHide);u.value.forEach(o=>o.isHide=e)}catch{}},k=e=>{v.autoInstallFont(a.basicOption.widgetControlStyle.fontFamily);const o=`url(${e.backgroundImage})`,t=`url(${E(e.hover.backgroundImage)})`,d=`url(${E(e.active.backgroundImage)})`;return{...v.jsonToCssStyle(e),...v.jsonToCssStyle(e.hover,"hover"),...v.jsonToCssStyle(e.active,"active"),"background-image":o,"--hover-background-image":t,"--active-background-image":d}},E=e=>!e.startsWith("http")&&!e.startsWith("//")?"../"+e:e;return(e,o)=>(l.openBlock(),l.createElementBlock("div",{id:"zerov-map3d-scene-wrap",class:l.normalizeClass(["map-3d-wrap",{show:m.value}])},[b.value&&p.value&&e.basicOption.backButton?(l.openBlock(),l.createElementBlock("div",{key:0,ref_key:"buttonRef",ref:S,class:"return-btn",style:l.normalizeStyle(F(e.basicOption.backButtonCss)),onClick:w}," 返回上一级 ",4)):l.createCommentVNode("",!0),i.value?(l.openBlock(),l.createElementBlock("div",{key:1,class:"regional-level",style:l.normalizeStyle({left:i.value.labelStyle.left+"%",top:i.value.labelStyle.top+"%",flexDirection:i.value.labelStyle.direction,gap:i.value.labelStyle.gap+"px",fontSize:i.value.labelStyle.fontSize+"px",fontFamily:i.value.labelStyle.fontFamily,fontStyle:i.value.labelStyle.fontStyle,color:i.value.labelStyle.color,"--color-width":i.value.labelStyle.colorStyle.width+"px","--color-height":i.value.labelStyle.colorStyle.height+"px","--color-borderRadius":i.value.labelStyle.colorStyle.borderRadius+"px"})},[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(i.value.rules,(t,d)=>(l.openBlock(),l.createElementBlock("div",{key:d,class:"item"},[l.createElementVNode("div",{class:"color",style:l.normalizeStyle({backgroundColor:t.color})},null,4),l.createElementVNode("span",T,l.toDisplayString(t.label),1)]))),128))],4)):l.createCommentVNode("",!0),e.basicOption.widgets.length>0&&e.basicOption.widgetControlStyle&&e.basicOption.widgetControlStyle.show?(l.openBlock(),l.createElementBlock("div",{key:2,class:"widget-control",style:l.normalizeStyle({left:e.basicOption.widgetControlStyle.left+"%",top:e.basicOption.widgetControlStyle.top+"%",flexDirection:e.basicOption.widgetControlStyle.direction,gap:e.basicOption.widgetControlStyle.gap+"px","--widget-width":e.basicOption.widgetControlStyle.width+"px","--widget-height":e.basicOption.widgetControlStyle.height+"px"})},[l.createElementVNode("div",{class:l.normalizeClass(["control-button",{active:u.value.every(t=>!t.isHide)}]),style:l.normalizeStyle(k(e.basicOption.widgetControlStyle)),onClick:D},l.toDisplayString(u.value.every(t=>!t.isHide)?"隐藏":"显示")+"/全部 ",7),(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(u.value,t=>(l.openBlock(),l.createElementBlock("div",{key:t.id,class:l.normalizeClass(["control-button",{active:!t.isHide}]),style:l.normalizeStyle(k(e.basicOption.widgetControlStyle)),onClick:d=>P(t)},l.toDisplayString(t.name||"-"),15,R))),128))],4)):l.createCommentVNode("",!0),e.basicOption.debugger?(l.openBlock(),l.createElementBlock("div",V," fps:"+l.toDisplayString(l.unref(z)),1)):l.createCommentVNode("",!0)],2))}});exports.default=j;

package/lib/components/scene-map3d/map3d/map/DiffuseShader.js

@@ -0,0 +1,57 @@
+"use strict";var s=Object.defineProperty;var d=(t,i,o)=>i in t?s(t,i,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[i]=o;var r=(t,i,o)=>d(t,typeof i!="symbol"?i+"":i,o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("three");class c{constructor({material:i,time:o,size:a,diffuseColor:n,diffuseSpeed:f,diffuseWidth:u,diffuseDir:e}){r(this,"pointShader");r(this,"time");r(this,"options");this.time=o;const l={size:100,diffuseSpeed:15,diffuseColor:9345950,diffuseWidth:10,diffuseDir:1};this.options=Object.assign({},l,{material:i,size:a,diffuseColor:n,diffuseSpeed:f,diffuseWidth:u,diffuseDir:e}),this.init()}init(){this.pointShader=null;const{material:i,size:o,diffuseColor:a,diffuseSpeed:n,diffuseWidth:f,diffuseDir:u}=this.options;i.onBeforeCompile=e=>{this.pointShader=e,e.uniforms={...e.uniforms,uTime:{value:0},uSpeed:{value:n},uWidth:{value:f},uColor:{value:new g.Color(a)},uDir:{value:u}},e.vertexShader=e.vertexShader.replace("void main() {",`
+            varying vec3 vPosition;
+            void main(){
+              vPosition = position;
+          `),e.fragmentShader=e.fragmentShader.replace("void main() {",`
+            uniform float uTime;
+            uniform float uSpeed;
+            uniform float uWidth;
+            uniform vec3 uColor;
+            uniform float uDir;
+            varying vec3 vPosition;
+            
+            void main(){
+          `),e.fragmentShader=e.fragmentShader.replace("#include <opaque_fragment>",`
+            #ifdef OPAQUE
+            diffuseColor.a = 1.0;
+            #endif
+            
+            #ifdef USE_TRANSMISSION
+            diffuseColor.a *= material.transmissionAlpha;
+            #endif
+            
+            float r = uTime * uSpeed;
+            //光环宽度
+            float w = 0.0; 
+            if(w>uWidth){
+              w = uWidth;
+            }else{
+              w = uTime * 5.0;
+            }
+            //几何中心点
+            vec2 center = vec2(0.0, 0.0); 
+            // 距离圆心的距离
+
+            float rDistance = distance(vPosition.xz, center);
+            if(uDir==2.0){
+              rDistance = distance(vPosition.xy, center);
+            }
+            if(rDistance > r && rDistance < r + 2.0 * w) {
+              float per = 0.0;
+              if(rDistance < r + w) {
+                per = (rDistance - r) / w;
+                outgoingLight = mix(outgoingLight, uColor, per);
+                // 获取0->透明度的插值
+                float alphaV = mix(0.0,diffuseColor.a,per);
+                gl_FragColor = vec4(outgoingLight,  alphaV);
+              } else {
+                per = (rDistance - r - w) / w;
+                outgoingLight = mix(uColor, outgoingLight, per);
+                // 获取0->透明度的插值
+                float alphaV = mix(diffuseColor.a,0.0,per);
+                gl_FragColor = vec4(outgoingLight,  alphaV);
+              }
+            } else {
+              gl_FragColor = vec4(outgoingLight, 0.0);
+            }
+          `)}}}exports.DiffuseShader=c;

package/lib/components/scene-map3d/map3d/map/Reflector.js

@@ -0,0 +1,45 @@
+"use strict";var k=Object.defineProperty;var z=(p,n,s)=>n in p?k(p,n,{enumerable:!0,configurable:!0,writable:!0,value:s}):p[n]=s;var h=(p,n,s)=>z(p,typeof n!="symbol"?n+"":n,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("three"),P=class P extends t.Mesh{constructor(s,l={}){super(s);h(this,"isReflector");h(this,"camera");h(this,"getRenderTarget");this.isReflector=!0,this.type="Reflector",this.camera=new t.PerspectiveCamera;const c=this,C=l.color!==void 0?new t.Color(l.color):new t.Color(8355711),V=l.textureWidth||512,U=l.textureHeight||512,j=l.clipBias||0,m=l.shader||P.ReflectorShader,O=l.multisample!==void 0?l.multisample:4,u=new t.Plane,i=new t.Vector3,d=new t.Vector3,T=new t.Vector3,f=new t.Matrix4,M=new t.Vector3(0,0,-1),r=new t.Vector4,v=new t.Vector3,w=new t.Vector3,x=new t.Vector4,g=new t.Matrix4,o=this.camera,y=new t.WebGLRenderTarget(V,U,{samples:O,type:t.HalfFloatType}),S=new t.ShaderMaterial({name:m.name!==void 0?m.name:"unspecified",uniforms:t.UniformsUtils.clone(m.uniforms),fragmentShader:m.fragmentShader,vertexShader:m.vertexShader});S.uniforms.tDiffuse.value=y.texture,S.uniforms.color.value=C,S.uniforms.textureMatrix.value=g,this.material=S,this.onBeforeRender=function(e,_,b){if(d.setFromMatrixPosition(c.matrixWorld),T.setFromMatrixPosition(b.matrixWorld),f.extractRotation(c.matrixWorld),i.set(0,0,1),i.applyMatrix4(f),v.subVectors(d,T),v.dot(i)>0)return;v.reflect(i).negate(),v.add(d),f.extractRotation(b.matrixWorld),M.set(0,0,-1),M.applyMatrix4(f),M.add(T),w.subVectors(d,M),w.reflect(i).negate(),w.add(d),o.position.copy(v),o.up.set(0,1,0),o.up.applyMatrix4(f),o.up.reflect(i),o.lookAt(w),o.far=b.far,o.updateMatrixWorld(),o.projectionMatrix.copy(b.projectionMatrix),g.set(.5,0,0,.5,0,.5,0,.5,0,0,.5,.5,0,0,0,1),g.multiply(o.projectionMatrix),g.multiply(o.matrixWorldInverse),g.multiply(c.matrixWorld),u.setFromNormalAndCoplanarPoint(i,d),u.applyMatrix4(o.matrixWorldInverse),r.set(u.normal.x,u.normal.y,u.normal.z,u.constant);const a=o.projectionMatrix;x.x=(Math.sign(r.x)+a.elements[8])/a.elements[0],x.y=(Math.sign(r.y)+a.elements[9])/a.elements[5],x.z=-1,x.w=(1+a.elements[10])/a.elements[14],r.multiplyScalar(2/r.dot(x)),a.elements[2]=r.x,a.elements[6]=r.y,a.elements[10]=r.z+1-j,a.elements[14]=r.w,c.visible=!1;const D=e.getRenderTarget(),F=e.xr.enabled,A=e.shadowMap.autoUpdate,E=e.outputColorSpace,H=e.toneMapping;e.xr.enabled=!1,e.shadowMap.autoUpdate=!1,e.outputColorSpace="srgb-linear",e.toneMapping=t.NoToneMapping,e.setRenderTarget(y),e.state.buffers.depth.setMask(!0),e.autoClear===!1&&e.clear(),e.render(_,o),e.xr.enabled=F,e.shadowMap.autoUpdate=A,e.outputColorSpace=E,e.toneMapping=H,e.setRenderTarget(D);const W=b.viewport;W!==void 0&&e.state.viewport(W),c.visible=!0},this.getRenderTarget=function(){return y},this.dispose=function(){y.dispose(),c.material.dispose()}}dispose(){throw new Error("Method not implemented.")}};h(P,"ReflectorShader");let R=P;R.ReflectorShader={name:"ReflectorShader",uniforms:{color:{value:null},tDiffuse:{value:null},textureMatrix:{value:null}},vertexShader:`
+		uniform mat4 textureMatrix;
+		varying vec4 vUv;
+
+		#include <common>
+		#include <logdepthbuf_pars_vertex>
+
+		void main() {
+
+			vUv = textureMatrix * vec4( position, 1.0 );
+
+			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
+
+			#include <logdepthbuf_vertex>
+
+		}`,fragmentShader:`
+		uniform vec3 color;
+		uniform sampler2D tDiffuse;
+		varying vec4 vUv;
+
+		#include <logdepthbuf_pars_fragment>
+
+		float blendOverlay( float base, float blend ) {
+
+			return( base < 0.5 ? ( 2.0 * base * blend ) : ( 1.0 - 2.0 * ( 1.0 - base ) * ( 1.0 - blend ) ) );
+
+		}
+
+		vec3 blendOverlay( vec3 base, vec3 blend ) {
+
+			return vec3( blendOverlay( base.r, blend.r ), blendOverlay( base.g, blend.g ), blendOverlay( base.b, blend.b ) );
+
+		}
+
+		void main() {
+
+			#include <logdepthbuf_fragment>
+
+			vec4 base = texture2DProj( tDiffuse, vUv );
+			gl_FragColor = vec4( blendOverlay( base.rgb, color ),0.15 );
+
+			#include <tonemapping_fragment>
+			#include <colorspace_fragment>
+
+		}`};exports.Reflector=R;