cnhis-design-vue 3.1.5-beta.5 → 3.1.5-beta.6

package/es/packages/map/src/Map.vue_vue_type_script_setup_true_lang.mjs

@@ -1 +1 @@
-import{defineComponent as e,reactive as a,computed as t,onMounted as n,openBlock as s,createElementBlock as o,createElementVNode as r,createVNode as l,unref as i,withCtx as c,createTextVNode as d,toDisplayString as p,Fragment as m,renderList as u,createCommentVNode as g}from"vue";import{useMessage as v,NInput as q,NButton as L}from"naive-ui";const h={class:"c-map"},y={class:"search-container"},f={class:"map-input-search"},k={class:"input-addon"},w=d("检索"),S=r("div",{id:"map-core"},null,-1),P={key:0,class:"address-list"},_=d("确定"),C=["onClick"],O={class:"title"};var T=e({props:{locationProp:{type:String,default:""},ak:{type:String,default:"KP3BZ-OAC3W-PY6RY-OJ6DV-JYKN3-H6F72"}},emits:["selectLocation"],setup(e,{emit:T}){const I=e,M=a({qq:null,searchKey:"",centrePoint:{},location:{lng:"",lat:""},localObj:{},map:null,ac:null,addressList:[],markers:[],timeout:null,searchService:null,geocoder:{}}),B=t((()=>{var e,a;return null==(a=null==(e=M.addressList)?void 0:e[0])?void 0:a.name})),E=t((()=>I.locationProp&&JSON.parse(I.locationProp)||null)),K=v(),N=e=>{if(e&&"geolocation"==e.module){M.location.lng=e.lng,M.location.lat=e.lat;const a=new M.qq.maps.LatLng(e.lat,e.lng);G({latLng:a}),b({lat:e.lat,lng:e.lng})}else console.log("用户不允许获取地理位置"),M.location.lng=113.275,M.location.lat=23.117},b=e=>{const a=M.qq;var t=new a.maps.LatLng(e.lat,e.lng);M.centrePoint=t,M.map.panTo(t);const n=new a.maps.Marker({position:t,map:M.map});M.markers.push(n)},x=e=>{for(var a;a=e.pop();)a.setMap(null)},A=()=>{M.markers&&M.markers.length&&x(M.markers),M.markers=[]},G=(e={})=>{const a=M.qq,t=e.latLng,n=new a.maps.Geocoder;n.setComplete((e=>{if("GEO_INFO"===e.type){var t=new a.maps.LatLngBounds,n=e.detail.nearPois||[];A(),M.addressList=n||[];for(let e=0;e<n.length;e++){const o=n[e];var s=new a.maps.Marker({map:M.map});s.setPosition(o.latLng),s.setTitle(e+1),M.markers.push(s),t.extend(o.latLng)}M.map.fitBounds(t)}var o=e.detail.location||{};b(o)})),n.setError((function(){alert("出错了，请输入正确的经纬度！！！")})),n.getAddress(t)},J=()=>{let e=M.searchKey;e&&(M.markers&&M.markers.length&&x(M.markers),M.searchService.setLocation(""),M.searchService.setPageCapacity(50),M.searchService.search(e))},Y=(e,a)=>{const t=M.qq,{name:n,address:s,latLng:o}=e,{lat:r,lng:l}=o,i=new t.maps.Geocoder;i.setComplete((function(e){if("GEO_INFO"===e.type){const{addressComponents:{province:a,city:t,district:o,country:i}}=e.detail,c=JSON.stringify({name:n,address:s,province:a,city:t,district:o,country:i,lat:r,lng:l});T("selectLocation",{locationProp:c,isInit:!1})}})),i.setError((function(){alert("出错了，请输入正确的经纬度！！！")})),i.getAddress(o)},j=e=>{var a={zoom:12,center:new e.maps.LatLng(39.916527,116.397128),mapTypeId:e.maps.MapTypeId.ROADMAP};M.map=new e.maps.Map(document.getElementById("map-core"),a);const{lat:t,lng:n,address:s}=E.value||{};if(t&&n){const a=new e.maps.LatLng(t,n);G({latLng:a})}else s?setTimeout((()=>{J()}),300):new M.qq.maps.Geolocation(I.ak,"qqmap").getLocation(N,(function(e){console.log(e)}),{timeout:9e3});M.qq.maps.event.addDomListener(M.map,"click",(function(e){G({latLng:e.latLng})}))},z=e=>{M.qq=e,setTimeout((()=>{j(e),(()=>{const e=M.qq;M.searchService=new e.maps.SearchService({complete:function(a){var t,n,s=a.detail.pois||[],o=new e.maps.LatLngBounds;if("CITY_LIST"===a.type)return M.searchService.setLocation(a.detail.cities[0].cityName),void M.searchService.search(M.searchKey);if(M.addressList=s||[],A(),"POI_LIST"===a.type)for(var r=0,l=s.length;r<l;r++){var i=s[r];o.extend(i.latLng),t=r,n=void 0,(n=new e.maps.Marker({map:M.map})).setPosition(s[t].latLng),n.setTitle(r+1),M.markers.push(n)}M.map.fitBounds(o)},error:function(e){console.log(e),"NO_RESULTS"!==e?K.warning("地址检索先输入城市名称"):K.warning("查无结果！")},autoExtend:!0})})()}),0)},D=()=>{(()=>{var e,a;let t=window;if(t.qq)return t.qq._preloader?t.qq._preloader:Promise.resolve(t.qq);{const n=I.ak||(null==(a=null==(e=t._qq)?void 0:e.call(t))?void 0:a.ak);return t.qq={},t.qq._preloader=new Promise((e=>{t._initBaiduMap=function(){e(t.qq),t.document.body.removeChild(a),t.qq._preloader=null,t._initBaiduMap=null};const a=document.createElement("script");window.document.body.appendChild(a),a.src=`https://map.qq.com/api/js?v=2.exp&key=${n}&callback=_initBaiduMap`;const s=document.createElement("script");window.document.body.appendChild(s),s.src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"})),t.qq._preloader}})().then(z)};return n((()=>{setTimeout((()=>{D()}),200)})),(e,a)=>(s(),o("div",h,[r("div",y,[r("div",f,[l(i(q),{value:i(M).searchKey,"onUpdate:value":a[0]||(a[0]=e=>i(M).searchKey=e),placeholder:"请输入地址","enter-button":"检索"},null,8,["value"]),r("span",k,[l(i(L),{type:"primary",size:"small",onClick:J},{default:c((()=>[w])),_:1})])])]),S,i(M).addressList&&i(M).addressList.length?(s(),o("ul",P,[r("li",null,[d(" 地址:"+p(i(B))+" ",1),l(i(L),{type:"primary",size:"small",onClick:a[1]||(a[1]=e=>Y(i(M).addressList[0]))},{default:c((()=>[_])),_:1})]),(s(!0),o(m,null,u(i(M).addressList,((e,a)=>(s(),o("li",{class:"address-item",key:a},[r("div",{onClick:a=>Y(e)},[r("div",O,p(e.name),1),r("span",null,p(e.address),1)],8,C)])))),128))])):g("v-if",!0)]))}});export{T as default};
+import{defineComponent as e,reactive as a,computed as t,onMounted as n,openBlock as s,createElementBlock as o,createElementVNode as r,createVNode as l,unref as i,withCtx as c,createTextVNode as d,toDisplayString as p,Fragment as m,renderList as u,createCommentVNode as g}from"vue";import{useMessage as v,NInput as q,NButton as L}from"naive-ui";const h={class:"c-map"},y={class:"search-container"},f={class:"map-input-search"},k={class:"input-addon"},w=d("检索"),S=r("div",{id:"map-core"},null,-1),P={key:0,class:"address-list"},_=d("确定"),C=["onClick"],O={class:"title"};var T=e({name:"Map",props:{locationProp:{type:String,default:""},ak:{type:String,default:"KP3BZ-OAC3W-PY6RY-OJ6DV-JYKN3-H6F72"}},emits:["selectLocation"],setup(e,{emit:T}){const M=e,I=a({qq:null,searchKey:"",centrePoint:{},location:{lng:"",lat:""},localObj:{},map:null,ac:null,addressList:[],markers:[],timeout:null,searchService:null,geocoder:{}}),B=t((()=>{var e,a;return null==(a=null==(e=I.addressList)?void 0:e[0])?void 0:a.name})),E=t((()=>M.locationProp&&JSON.parse(M.locationProp)||null)),K=v(),N=e=>{if(e&&"geolocation"==e.module){I.location.lng=e.lng,I.location.lat=e.lat;const a=new I.qq.maps.LatLng(e.lat,e.lng);G({latLng:a}),b({lat:e.lat,lng:e.lng})}else console.log("用户不允许获取地理位置"),I.location.lng=113.275,I.location.lat=23.117},b=e=>{const a=I.qq;var t=new a.maps.LatLng(e.lat,e.lng);I.centrePoint=t,I.map.panTo(t);const n=new a.maps.Marker({position:t,map:I.map});I.markers.push(n)},x=e=>{for(var a;a=e.pop();)a.setMap(null)},A=()=>{I.markers&&I.markers.length&&x(I.markers),I.markers=[]},G=(e={})=>{const a=I.qq,t=e.latLng,n=new a.maps.Geocoder;n.setComplete((e=>{if("GEO_INFO"===e.type){var t=new a.maps.LatLngBounds,n=e.detail.nearPois||[];A(),I.addressList=n||[];for(let e=0;e<n.length;e++){const o=n[e];var s=new a.maps.Marker({map:I.map});s.setPosition(o.latLng),s.setTitle(e+1),I.markers.push(s),t.extend(o.latLng)}I.map.fitBounds(t)}var o=e.detail.location||{};b(o)})),n.setError((function(){alert("出错了，请输入正确的经纬度！！！")})),n.getAddress(t)},J=()=>{let e=I.searchKey;e&&(I.markers&&I.markers.length&&x(I.markers),I.searchService.setLocation(""),I.searchService.setPageCapacity(50),I.searchService.search(e))},Y=(e,a)=>{const t=I.qq,{name:n,address:s,latLng:o}=e,{lat:r,lng:l}=o,i=new t.maps.Geocoder;i.setComplete((function(e){if("GEO_INFO"===e.type){const{addressComponents:{province:a,city:t,district:o,country:i}}=e.detail,c=JSON.stringify({name:n,address:s,province:a,city:t,district:o,country:i,lat:r,lng:l});T("selectLocation",{locationProp:c,isInit:!1})}})),i.setError((function(){alert("出错了，请输入正确的经纬度！！！")})),i.getAddress(o)},j=e=>{var a={zoom:12,center:new e.maps.LatLng(39.916527,116.397128),mapTypeId:e.maps.MapTypeId.ROADMAP};I.map=new e.maps.Map(document.getElementById("map-core"),a);const{lat:t,lng:n,address:s}=E.value||{};if(t&&n){const a=new e.maps.LatLng(t,n);G({latLng:a})}else s?setTimeout((()=>{J()}),300):new I.qq.maps.Geolocation(M.ak,"qqmap").getLocation(N,(function(e){console.log(e)}),{timeout:9e3});I.qq.maps.event.addDomListener(I.map,"click",(function(e){G({latLng:e.latLng})}))},z=e=>{I.qq=e,setTimeout((()=>{j(e),(()=>{const e=I.qq;I.searchService=new e.maps.SearchService({complete:function(a){var t,n,s=a.detail.pois||[],o=new e.maps.LatLngBounds;if("CITY_LIST"===a.type)return I.searchService.setLocation(a.detail.cities[0].cityName),void I.searchService.search(I.searchKey);if(I.addressList=s||[],A(),"POI_LIST"===a.type)for(var r=0,l=s.length;r<l;r++){var i=s[r];o.extend(i.latLng),t=r,n=void 0,(n=new e.maps.Marker({map:I.map})).setPosition(s[t].latLng),n.setTitle(r+1),I.markers.push(n)}I.map.fitBounds(o)},error:function(e){console.log(e),"NO_RESULTS"!==e?K.warning("地址检索先输入城市名称"):K.warning("查无结果！")},autoExtend:!0})})()}),0)},D=()=>{(()=>{var e,a;let t=window;if(t.qq)return t.qq._preloader?t.qq._preloader:Promise.resolve(t.qq);{const n=M.ak||(null==(a=null==(e=t._qq)?void 0:e.call(t))?void 0:a.ak);return t.qq={},t.qq._preloader=new Promise((e=>{t._initBaiduMap=function(){e(t.qq),t.document.body.removeChild(a),t.qq._preloader=null,t._initBaiduMap=null};const a=document.createElement("script");window.document.body.appendChild(a),a.src=`https://map.qq.com/api/js?v=2.exp&key=${n}&callback=_initBaiduMap`;const s=document.createElement("script");window.document.body.appendChild(s),s.src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"})),t.qq._preloader}})().then(z)};return n((()=>{setTimeout((()=>{D()}),200)})),(e,a)=>(s(),o("div",h,[r("div",y,[r("div",f,[l(i(q),{value:I.searchKey,"onUpdate:value":a[0]||(a[0]=e=>I.searchKey=e),placeholder:"请输入地址","enter-button":"检索"},null,8,["value"]),r("span",k,[l(i(L),{type:"primary",size:"small",onClick:J},{default:c((()=>[w])),_:1})])])]),S,I.addressList&&I.addressList.length?(s(),o("ul",P,[r("li",null,[d(" 地址:"+p(i(B))+" ",1),l(i(L),{type:"primary",size:"small",onClick:a[1]||(a[1]=e=>Y(I.addressList[0]))},{default:c((()=>[_])),_:1})]),(s(!0),o(m,null,u(I.addressList,((e,a)=>(s(),o("li",{class:"address-item",key:a},[r("div",{onClick:a=>Y(e)},[r("div",O,p(e.name),1),r("span",null,p(e.address),1)],8,C)])))),128))])):g("v-if",!0)]))}});export{T as default};