You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
6.8 KiB
1 lines
6.8 KiB
import{d as te,k as v,S as ne,r as g,aq as oe,aj as R,aH as se,X as j,b1 as ie,h,m as P,w as y,a as I,e as V,i as U,t as z,u as L,c as S,B as de,F as G,W as K,T as re,a4 as ce,af as ue,D as me,E as pe,U as ve}from"./index-f5d841af.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import{B as M}from"./sys-4eb1a831.js";import{c as fe,a as ge}from"./qqmap-011f3cfb.js";import{_ as he}from"./_plugin-vue_export-helper-c27b6911.js";const ye={class:"map-container",id:"container"},_e={key:0,class:"map-placeholder"},we={class:"address-search"},Ve={class:"dialog-footer"},Le=te({__name:"TencentMapPicker",props:{modelValue:{type:Object,default:()=>({lat:null,lng:null,address:""})},placeholder:{type:String,default:v("mapPickerPlaceholder")},visible:{type:Boolean,default:!1}},emits:["update:visible","update:modelValue","confirm"],setup(O,{emit:T}){const s=O,_=ne({get(){return s.visible},set(a){T("update:visible",a)}});let r=null,f=null;const B=g("YOUR_API_KEY");let p=null,b=null;const c=g(""),u=g(""),m=g(""),w=g(""),E=g([]),k=g([]),C=g([]);oe(()=>{const a=document.createElement("script");a.src=`https://map.qq.com/api/gljs?key= ${B.value}`,document.head.appendChild(a)}),R(_,async a=>{if(a)try{if(x(),await se(),!document.getElementById("container"))throw new Error("地图容器未找到");await Y(),J();const t=await M(0);E.value=t.data,s.modelValue.address&&await H(s.modelValue.address),Q()}catch(e){N(e)}else x()},{immediate:!0});const F=a=>{a()},X=()=>{var i,d,o;if(!s.modelValue.lat||!s.modelValue.lng){j.warning(v("mapPickerWarning"));return}const a=c.value&&((i=E.value.find(l=>l.id===c.value))==null?void 0:i.name)||"",e=u.value&&((d=k.value.find(l=>l.id===u.value))==null?void 0:d.name)||"",t=m.value&&((o=C.value.find(l=>l.id===m.value))==null?void 0:o.name)||"",n=`${a}${e}${t}${w.value}`;T("confirm",{lat:s.modelValue.lat,lng:s.modelValue.lng,address:n}),_.value=!1},H=async a=>{const{provinceName:e,cityName:t,districtName:n,detail:i}=W(a);if(w.value=i,e){const d=E.value.find(o=>o.name.includes(e));if(d){c.value=d.id;const o=await M(c.value);if(k.value=o.data,t){const l=k.value.find(A=>A.name.includes(t));if(l){u.value=l.id;const A=await M(u.value);if(C.value=A.data,n){const D=C.value.find(le=>le.name.includes(n));D&&(m.value=D.id)}}}}}q()},W=a=>{let e="",t="",n="",i=a;const d=a.match(/^([^省市自治区]+[省市区]|[^市]+市)/);d&&(e=d[0],i=a.slice(e.length));const o=i.match(/^([^市区]+市)/);o&&(t=o[0],i=i.slice(t.length));const l=i.match(/^([^区县]+[区县])/);return l&&(n=l[0],i=i.slice(n.length)),{provinceName:e,cityName:t,districtName:n,detail:i.trim()||""}},x=()=>{p&&(document.body.removeChild(p),p=null),r&&(r.destroy(),r=null),f=null,b&&(clearTimeout(b),b=null),window.removeEventListener("resize",$)},Y=()=>new Promise((a,e)=>{B.value="AKTBZ-OGICT-E5NXQ-LGEGK-H5AJ5-M2BOX",p=document.createElement("script"),p.type="text/javascript",p.src=`https://map.qq.com/api/gljs?libraries=tools ,service&v=1.exp&key=${B.value}`,p.onload=()=>{window.TMap?a():e(new Error("TMap未定义"))},p.onerror=t=>{e(t)},document.body.appendChild(p)}),J=()=>{const a=document.getElementById("container");if(!window.TMap||!a)throw new Error("地图SDK未加载或容器不存在");const e=window.TMap;let t;s.modelValue.lat&&s.modelValue.lng?t=new e.LatLng(s.modelValue.lat,s.modelValue.lng):t=new e.LatLng(39.90403,116.407526),r=new e.Map("container",{center:t,zoom:12}),f=fe(r),s.modelValue.lat&&s.modelValue.lng&&f.updateGeometries({id:"center",position:new e.LatLng(s.modelValue.lat,s.modelValue.lng)}),r.on("click",n=>{r.setCenter(n.latLng),f.updateGeometries({id:"center",position:n.latLng}),T("update:modelValue",{lat:n.latLng.lat,lng:n.latLng.lng,address:w.value})})},Q=()=>{window.addEventListener("resize",$)},$=()=>{b&&clearTimeout(b),b=setTimeout(()=>{r==null||r.setSize()},300)},Z=async a=>{try{const e=await M(a);k.value=e.data,u.value="",m.value=""}catch(e){N(e)}},ee=async a=>{try{const e=await M(a);C.value=e.data,m.value=""}catch(e){N(e)}},ae=a=>{},q=async()=>{var a,e,t;try{const n=[c.value?(a=E.value.find(o=>o.id===c.value))==null?void 0:a.name:"",u.value?(e=k.value.find(o=>o.id===u.value))==null?void 0:e.name:"",m.value?(t=C.value.find(o=>o.id===m.value))==null?void 0:t.name:"",w.value].join(""),{message:i,result:d}=await ge({mapKey:B.value,address:n});if(i=="Success"||i=="query ok"){const o=new window.TMap.LatLng(d.location.lat,d.location.lng);r.setCenter(o),f.updateGeometries({id:"center",position:o}),T("update:modelValue",{lat:d.location.lat,lng:d.location.lng,address:w.value})}}catch(n){N(n)}},N=a=>{console.error("地图组件错误:",a),j.error(v("mapLoadFailed")),_.value=!1};return R(()=>s.modelValue,a=>{if(a!=null&&a.lat&&(a!=null&&a.lng)&&r)try{const e=new window.TMap.LatLng(a.lat,a.lng);r.setCenter(e),f==null||f.updateGeometries({id:"center",position:e})}catch(e){console.warn("地图更新失败:",e)}},{deep:!0,immediate:!0}),ie(()=>{x()}),(a,e)=>{const t=ce,n=ue,i=me,d=pe,o=ve;return h(),P(o,{modelValue:L(_),"onUpdate:modelValue":e[5]||(e[5]=l=>re(_)?_.value=l:null),title:"位置选择",width:"800px","before-close":F,"close-on-click-modal":!1,"close-on-press-escape":!1,"show-close":!1},{footer:y(()=>[I("span",Ve,[V(d,{onClick:e[4]||(e[4]=l=>_.value=!1)},{default:y(()=>[U(z(L(v)("cancel")),1)]),_:1}),V(d,{type:"primary",onClick:X},{default:y(()=>[U(z(L(v)("confirm")),1)]),_:1})])]),default:y(()=>[I("div",ye,[!s.modelValue.lat||!s.modelValue.lng?(h(),S("div",_e)):de("",!0)]),I("div",we,[V(n,{modelValue:c.value,"onUpdate:modelValue":e[0]||(e[0]=l=>c.value=l),placeholder:L(v)("provincePlaceholder"),onChange:Z},{default:y(()=>[(h(!0),S(G,null,K(E.value,l=>(h(),P(t,{key:l.id,label:l.name,value:l.id},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"]),V(n,{modelValue:u.value,"onUpdate:modelValue":e[1]||(e[1]=l=>u.value=l),placeholder:L(v)("cityPlaceholder"),onChange:ee,disabled:!c.value},{default:y(()=>[(h(!0),S(G,null,K(k.value,l=>(h(),P(t,{key:l.id,label:l.name,value:l.id},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","disabled"]),V(n,{modelValue:m.value,"onUpdate:modelValue":e[2]||(e[2]=l=>m.value=l),placeholder:L(v)("districtPlaceholder"),onChange:ae,disabled:!c.value||!u.value},{default:y(()=>[(h(!0),S(G,null,K(C.value,l=>(h(),P(t,{key:l.id,label:l.name,value:l.id},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","disabled"]),V(i,{modelValue:w.value,"onUpdate:modelValue":e[3]||(e[3]=l=>w.value=l),placeholder:"输入地区"},null,8,["modelValue"]),V(d,{type:"primary",onClick:q,disabled:!c.value||!u.value||!m.value},{default:y(()=>[U(z(L(v)("search")),1)]),_:1},8,["disabled"])])]),_:1},8,["modelValue"])}}});const Ue=he(Le,[["__scopeId","data-v-fcaa04a3"]]);export{Ue as default};
|
|
|