qy-vue-plugins 1.0.0-beta → 1.0.0

package/dist/chunks/{EventKeys-CXd5zco-.js → EventKeys-BanfFMDH.js}

@@ -3,11 +3,11 @@ const o = Symbol("delete-topic"), g = e(o), a = Symbol("create-topic"), m = e(a)
 e(t);
 const c = Symbol("topic-panel-click"), K = e(c), s = Symbol("render-geographic-data"), h = e(s), y = Symbol("toggle-geographic-layer"), u = e(y), l = Symbol("show-layer-edit"), S = e(l), n = Symbol("locate-to-layer-center"), b = e(n), r = Symbol("show-layer-dialog"), B = e(r), p = Symbol("map-loaded"), L = e(p), i = Symbol("map-style-changed"), T = e(i);
 export {
-  B as a,
-  K as b,
+  L as a,
+  B as b,
   m as c,
   g as d,
-  L as e,
+  K as e,
   b as l,
   T as m,
   h as r,

package/dist/chunks/EventKeys-BvyQ87Zy.js

@@ -0,0 +1 @@
+"use strict";const e=require("@vueuse/core"),s=Symbol("delete-topic"),o=e.useEventBus(s),t=Symbol("create-topic"),a=e.useEventBus(t),c=Symbol("update-topic");e.useEventBus(c);const y=Symbol("topic-panel-click"),n=e.useEventBus(y),u=Symbol("render-geographic-data"),r=e.useEventBus(u),l=Symbol("toggle-geographic-layer"),i=e.useEventBus(l),p=Symbol("show-layer-edit"),B=e.useEventBus(p),g=Symbol("locate-to-layer-center"),d=e.useEventBus(g),h=Symbol("show-layer-dialog"),K=e.useEventBus(h),m=Symbol("map-loaded"),S=e.useEventBus(m),L=Symbol("map-style-changed"),E=e.useEventBus(L),b=Symbol("show-map-settings"),v=e.useEventBus(b),w=Symbol("search-layer"),T=e.useEventBus(w);exports.createTopicBus=a;exports.deleteTopicBus=o;exports.locateToLayerCenterKeyBus=d;exports.mapLoadedBus=S;exports.mapStyleChangedBus=E;exports.renderGeographicDataKeyBus=r;exports.searchLayerBus=T;exports.showLayerDialogKeyBus=K;exports.showLayerEditKeyBus=B;exports.showMapSettingsBus=v;exports.toggleGeographicLayerKeyBus=i;exports.topicPanelClickBus=n;

package/dist/chunks/EventKeys-DZ_Hahro.js

@@ -0,0 +1,18 @@
+import { useEventBus as e } from "@vueuse/core";
+const o = Symbol("delete-topic"), h = e(o), a = Symbol("create-topic"), K = e(a), s = Symbol("update-topic");
+e(s);
+const t = Symbol("topic-panel-click"), S = e(t), c = Symbol("render-geographic-data"), u = e(c), y = Symbol("toggle-geographic-layer"), b = e(y), l = Symbol("show-layer-edit"), B = e(l), n = Symbol("locate-to-layer-center"), L = e(n), r = Symbol("show-layer-dialog"), w = e(r), p = Symbol("map-loaded"), T = e(p), i = Symbol("map-style-changed"), C = e(i), g = Symbol("show-map-settings"), D = e(g), d = Symbol("search-layer"), G = e(d);
+export {
+  w as a,
+  G as b,
+  K as c,
+  h as d,
+  b as e,
+  D as f,
+  C as g,
+  L as l,
+  T as m,
+  u as r,
+  B as s,
+  S as t
+};

package/dist/chunks/MapTools.vue_vue_type_style_index_0_lang-C0C9opKY.js

@@ -0,0 +1 @@
+"use strict";const a=require("vue"),h=require("./mapbox-gl-draw-Dg_Inye3.js"),P=require("./ProvideKeys-91lTuLnq.js"),N=require("./EventKeys-BvyQ87Zy.js"),q=require("./constant-Bq4ASE9Q.js"),B=require("@turf/turf"),I=require("@element-plus/icons-vue"),j=require("element-plus");function $(i){const m=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const n in i)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(i,n);Object.defineProperty(m,n,r.get?r:{enumerable:!0,get:()=>i[n]})}}return m.default=i,Object.freeze(m)}const p=$(B),O={key:0,class:"measure-info-panel"},A={class:"measure-info-content"},R={class:"measure-label"},z={class:"measure-value"},K={class:"qy-flex-row hiper-map-tools-bar"},J=a.defineComponent({__name:"MapTools",props:{tools:{default:()=>["point","line","polygon","measure_distance","measure_area","clear_all"]}},setup(i){const m=a.inject("mapRootId"),n=a.ref(),r=a.ref([]),L=a.ref(null),M=a.ref(null),v=a.ref(!1),c=a.ref("distance"),y=t=>{switch(v.value&&t!=="measure_distance"&&t!=="clear_all"&&D(),n.value=t,t){case"point":s.changeMode("draw_point");break;case"line":s.changeMode("draw_line_string");break;case"polygon":s.changeMode("draw_polygon");break;case"measure_distance":s.changeMode("simple_select"),c.value="distance",x();break;case"measure_area":s.changeMode("simple_select"),c.value="area",x();break;case"clear_all":s.deleteAll(),D();break}},e=a.inject(P.mapInstanceKey),s=new h.MapboxDraw({userProperties:!0,displayControlsDefault:!1,modes:{...h.MapboxDraw.modes,draw_rectangle:h.DrawRectangle,static:h.StaticMode}});let _=null;_=N.mapLoadedBus.on(({mapRootId:t})=>{m!==t||!e?.value||(console.log("hiper-map-tools-bar mounted",e),e.value.addControl(s,"top-left"),e.value.on("draw.create",w))});function w(t){const l=s.getAll();if(!l.features.length)return;l.features=[l.features[0]];const o={point:{layerType:"symbol",config:{textColor:"rgba(0,0,0,1)",iconName:q.DefaultIcon}},line:{layerType:"line",config:{lineWidth:1,lineColor:"rgba(255, 0, 0, 1)",lineStyle:"solid"}},polygon:{layerType:"shape",config:{fillColor:"rgba(241, 131, 127, 1)",lineWidth:1}}}[n.value];o&&N.showLayerEditKeyBus.emit({mapRootId:m,e:new MouseEvent("click"),layer:{layerType:o.layerType,customLayerConfig:JSON.stringify(o.config),geoJSON:JSON.stringify(l),...n.value==="polygon"?{pid:""}:{}}}),s.deleteAll()}function x(){e?.value&&(v.value=!0,r.value=[],e.value.getCanvas().style.cursor="crosshair",e.value.on("click",b),e.value.on("dblclick",g))}function g(t){if(v.value){if(t.preventDefault(),c.value==="distance")r.value.length>=2&&C();else if(r.value.length>=3){const l=r.value[0],u=r.value[r.value.length-1];(l[0]!==u[0]||l[1]!==u[1])&&r.value.push(l),C()}e?.value?.off("click",b),e?.value?.off("dblclick",g),e?.value&&(e.value.getCanvas().style.cursor=""),v.value=!1}}function b(t){if(!v.value||!e?.value)return;t.originalEvent.stopPropagation();const l=[t.lngLat.lng,t.lngLat.lat];r.value.push(l),r.value.length===1?(c.value==="distance"?d.value=0:f.value=0,e.value.getSource("measure-point-source")?e.value.getSource("measure-point-source").setData({type:"Feature",properties:{},geometry:{type:"Point",coordinates:l}}):(e.value.addSource("measure-point-source",{type:"geojson",data:{type:"Feature",properties:{},geometry:{type:"Point",coordinates:l}}}),e.value.addLayer({id:"measure-point-layer",type:"circle",source:"measure-point-source",paint:{"circle-radius":5,"circle-color":"#16aaff"}}))):(e.value.getSource("measure-point-source")&&e.value.getSource("measure-point-source").setData({type:"FeatureCollection",features:r.value.map(u=>({type:"Feature",properties:{},geometry:{type:"Point",coordinates:u}}))}),C(),c.value==="area"&&r.value.length>=3&&(e.value.getCanvas().style.cursor="pointer"))}function C(){if(!e?.value||r.value.length<2)return;const t=p.lineString(r.value);if(c.value==="distance"){const l=p.length(t,{units:"kilometers"});d.value=l,l<1?`${(l*1e3).toFixed(2)}`:`${l.toFixed(3)}`;const u=Math.floor(r.value.length/2)-1;u<0?r.value[0]:r.value[u],S(t)}else if(r.value.length>=3){const l=[...r.value];l[0]!==l[l.length-1]&&l.push(l[0]);const u=p.polygon([l]),o=p.area(u)/1e6;f.value=o,o<1?`${(o*1e6).toFixed(2)}`:`${o.toFixed(3)}`;const k=p.centroid(u);S(t,k.geometry.coordinates)}else S(t,t.geometry.coordinates[0])}function S(t,l,u){if(e?.value){if(e.value.getSource("measure-line-source")?e.value.getSource("measure-line-source").setData(t):(e.value.addSource("measure-line-source",{type:"geojson",data:t}),e.value.addLayer({id:"measure-line-layer",type:"line",source:"measure-line-source",layout:{"line-join":"round","line-cap":"round"},paint:{"line-color":"#16aaff","line-width":2,"line-dasharray":[2,1]}}),L.value="measure-line-layer"),c.value==="area"&&r.value.length>=3){const o=[...r.value];o[0]!==o[o.length-1]&&o.push(o[0]);const k=p.polygon([o]);e.value.getSource("measure-fill-source")?e.value.getSource("measure-fill-source").setData(k):(e.value.addSource("measure-fill-source",{type:"geojson",data:k}),e.value.addLayer({id:"measure-fill-layer",type:"fill",source:"measure-fill-source",paint:{"fill-color":"#16aaff","fill-opacity":.2,"fill-outline-color":"#16aaff"}},"measure-line-layer"))}e.value.getSource("measure-label-source")&&e.value.getLayer("measure-label-layer")&&(e.value.removeLayer("measure-label-layer"),e.value.removeSource("measure-label-source"),M.value=null)}}function D(){e?.value&&(e.value?.off("click",b),e.value?.off("dblclick",g),e.value.getCanvas().style.cursor="",e.value.getLayer("measure-point-layer")&&(e.value.removeLayer("measure-point-layer"),e.value.removeSource("measure-point-source")),e.value.getLayer("measure-line-layer")&&(e.value.removeLayer("measure-line-layer"),e.value.removeSource("measure-line-source")),e.value.getLayer("measure-fill-layer")&&(e.value.removeLayer("measure-fill-layer"),e.value.removeSource("measure-fill-source")),e.value.getLayer("measure-label-layer")&&(e.value.removeLayer("measure-label-layer"),e.value.removeSource("measure-label-source")),r.value=[],L.value=null,M.value=null,v.value=!1,d.value=0,f.value=0,e.value.getLayer("measure-label-layer")&&e.value.removeLayer("measure-label-layer"),e.value.getSource("measure-label-source")&&e.value.removeSource("measure-label-source"))}a.onUnmounted(()=>{D(),_&&_(),e?.value&&(e.value?.removeControl(s),e.value?.off("draw.create",w),e.value?.off("click",b),e.value?.off("dblclick",g))});const d=a.ref(0),E=a.computed(()=>d.value<1?`${(d.value*1e3).toFixed(2)} 米`:`${d.value.toFixed(3)} 公里`),f=a.ref(0),T=a.computed(()=>f.value<1?`${(f.value*1e6).toFixed(2)} 平方米`:`${f.value.toFixed(3)} 平方公里`),V=a.computed(()=>c.value==="distance"?E.value:T.value),F=a.computed(()=>c.value==="distance"?"总长度: ":"总面积: ");return(t,l)=>(a.openBlock(),a.createElementBlock(a.Fragment,null,[v.value||r.value.length>0&&(n.value=="measure_distance"||n.value=="measure_area")?(a.openBlock(),a.createElementBlock("div",O,[a.createElementVNode("div",A,[a.createElementVNode("span",R,a.toDisplayString(F.value),1),a.createElementVNode("span",z,a.toDisplayString(V.value),1),a.createVNode(a.unref(j.ElIcon),{style:{display:"block","margin-left":"10px",cursor:"pointer"},onClick:l[0]||(l[0]=u=>y("clear_all")),size:"20px"},{default:a.withCtx(()=>[a.createVNode(a.unref(I.Close))]),_:1})])])):a.createCommentVNode("",!0),a.createElementVNode("div",K,[l[7]||(l[7]=a.createElementVNode("div",{class:"tools-label"},"测绘工具",-1)),i.tools.includes("measure_distance")?(a.openBlock(),a.createElementBlock("div",{key:0,title:"测距",class:a.normalizeClass(["hiper-map-tools-btn",n.value=="measure_distance"?"active":null]),onClick:l[1]||(l[1]=()=>y("measure_distance"))},[...l[4]||(l[4]=[a.createElementVNode("span",{class:"qyuan icon-ruler"},null,-1)])],2)):a.createCommentVNode("",!0),i.tools.includes("measure_area")?(a.openBlock(),a.createElementBlock("div",{key:1,title:"测面",class:a.normalizeClass(["hiper-map-tools-btn",n.value=="measure_area"?"active":null]),onClick:l[2]||(l[2]=()=>y("measure_area"))},[...l[5]||(l[5]=[a.createElementVNode("span",{class:"qyuan icon-multi-triangular"},null,-1)])],2)):a.createCommentVNode("",!0),i.tools.includes("clear_all")?(a.openBlock(),a.createElementBlock("div",{key:2,title:"清除所有临时绘制图形",class:"hiper-map-tools-btn",style:{border:"none"},onClick:l[3]||(l[3]=()=>y("clear_all"))},[...l[6]||(l[6]=[a.createElementVNode("span",{class:"qyuan icon-clear"},null,-1)])])):a.createCommentVNode("",!0)])],64))}});exports._sfc_main=J;

package/dist/chunks/MapTools.vue_vue_type_style_index_0_lang-CZ_dEmHg.js

@@ -0,0 +1,286 @@
+import { defineComponent as V, inject as $, ref as n, onUnmounted as z, computed as S, createElementBlock as f, openBlock as y, Fragment as K, createCommentVNode as _, createElementVNode as i, createVNode as N, toDisplayString as E, unref as j, withCtx as U, normalizeClass as A } from "vue";
+import { M as R, S as W, D as H } from "./mapbox-gl-draw-CKTcXDzM.js";
+import { m as G } from "./ProvideKeys-CBXsWszp.js";
+import { m as Q, s as X } from "./EventKeys-DZ_Hahro.js";
+import { D as Y } from "./constant-E83OJqPQ.js";
+import * as d from "@turf/turf";
+import { Close as Z } from "@element-plus/icons-vue";
+import { ElIcon as ee } from "element-plus";
+const ae = {
+  key: 0,
+  class: "measure-info-panel"
+}, le = { class: "measure-info-content" }, re = { class: "measure-label" }, oe = { class: "measure-value" }, te = { class: "qy-flex-row hiper-map-tools-bar" }, pe = /* @__PURE__ */ V({
+  __name: "MapTools",
+  props: {
+    tools: { default: () => [
+      "point",
+      "line",
+      "polygon",
+      "measure_distance",
+      "measure_area",
+      "clear_all"
+    ] }
+  },
+  setup(C) {
+    const w = $("mapRootId"), c = n(), r = n([]), T = n(null), F = n(null), v = n(!1), s = n("distance"), g = (l) => {
+      switch (v.value && l !== "measure_distance" && l !== "clear_all" && x(), c.value = l, l) {
+        case "point":
+          u.changeMode("draw_point");
+          break;
+        case "line":
+          u.changeMode("draw_line_string");
+          break;
+        case "polygon":
+          u.changeMode("draw_polygon");
+          break;
+        case "measure_distance":
+          u.changeMode("simple_select"), s.value = "distance", P();
+          break;
+        case "measure_area":
+          u.changeMode("simple_select"), s.value = "area", P();
+          break;
+        case "clear_all":
+          u.deleteAll(), x();
+          break;
+      }
+    }, e = $(G), u = new R({
+      userProperties: !0,
+      displayControlsDefault: !1,
+      modes: {
+        ...R.modes,
+        draw_rectangle: H,
+        static: W
+      }
+    });
+    let L = null;
+    L = Q.on(({ mapRootId: l }) => {
+      w !== l || !e?.value || (console.log("hiper-map-tools-bar mounted", e), e.value.addControl(u, "top-left"), e.value.on("draw.create", I));
+    });
+    function I(l) {
+      const a = u.getAll();
+      if (!a.features.length) return;
+      a.features = [a.features[0]];
+      const o = {
+        point: {
+          layerType: "symbol",
+          config: {
+            textColor: "rgba(0,0,0,1)",
+            iconName: Y
+          }
+        },
+        line: {
+          layerType: "line",
+          config: {
+            lineWidth: 1,
+            lineColor: "rgba(255, 0, 0, 1)",
+            lineStyle: "solid"
+          }
+        },
+        polygon: {
+          layerType: "shape",
+          config: {
+            fillColor: "rgba(241, 131, 127, 1)",
+            lineWidth: 1
+          }
+        }
+      }[c.value];
+      o && X.emit({
+        mapRootId: w,
+        e: new MouseEvent("click"),
+        layer: {
+          layerType: o.layerType,
+          customLayerConfig: JSON.stringify(o.config),
+          geoJSON: JSON.stringify(a),
+          ...c.value === "polygon" ? { pid: "" } : {}
+        }
+      }), u.deleteAll();
+    }
+    function P() {
+      e?.value && (v.value = !0, r.value = [], e.value.getCanvas().style.cursor = "crosshair", e.value.on("click", h), e.value.on("dblclick", b));
+    }
+    function b(l) {
+      if (v.value) {
+        if (l.preventDefault(), s.value === "distance")
+          r.value.length >= 2 && M();
+        else if (r.value.length >= 3) {
+          const a = r.value[0], t = r.value[r.value.length - 1];
+          (a[0] !== t[0] || a[1] !== t[1]) && r.value.push(a), M();
+        }
+        e?.value?.off("click", h), e?.value?.off("dblclick", b), e?.value && (e.value.getCanvas().style.cursor = ""), v.value = !1;
+      }
+    }
+    function h(l) {
+      if (!v.value || !e?.value) return;
+      l.originalEvent.stopPropagation();
+      const a = [l.lngLat.lng, l.lngLat.lat];
+      r.value.push(a), r.value.length === 1 ? (s.value === "distance" ? m.value = 0 : p.value = 0, e.value.getSource("measure-point-source") ? e.value.getSource("measure-point-source").setData({
+        type: "Feature",
+        properties: {},
+        geometry: {
+          type: "Point",
+          coordinates: a
+        }
+      }) : (e.value.addSource("measure-point-source", {
+        type: "geojson",
+        data: {
+          type: "Feature",
+          properties: {},
+          geometry: {
+            type: "Point",
+            coordinates: a
+          }
+        }
+      }), e.value.addLayer({
+        id: "measure-point-layer",
+        type: "circle",
+        source: "measure-point-source",
+        paint: {
+          "circle-radius": 5,
+          "circle-color": "#16aaff"
+        }
+      }))) : (e.value.getSource("measure-point-source") && e.value.getSource("measure-point-source").setData({
+        type: "FeatureCollection",
+        features: r.value.map((t) => ({
+          type: "Feature",
+          properties: {},
+          geometry: {
+            type: "Point",
+            coordinates: t
+          }
+        }))
+      }), M(), s.value === "area" && r.value.length >= 3 && (e.value.getCanvas().style.cursor = "pointer"));
+    }
+    function M() {
+      if (!e?.value || r.value.length < 2) return;
+      const l = d.lineString(r.value);
+      if (s.value === "distance") {
+        const a = d.length(l, { units: "kilometers" });
+        m.value = a, a < 1 ? `${(a * 1e3).toFixed(2)}` : `${a.toFixed(3)}`;
+        const t = Math.floor(r.value.length / 2) - 1;
+        t < 0 ? r.value[0] : r.value[t], D(l);
+      } else if (r.value.length >= 3) {
+        const a = [...r.value];
+        a[0] !== a[a.length - 1] && a.push(a[0]);
+        const t = d.polygon([a]), o = d.area(t) / 1e6;
+        p.value = o, o < 1 ? `${(o * 1e6).toFixed(2)}` : `${o.toFixed(3)}`;
+        const k = d.centroid(t);
+        D(
+          l,
+          k.geometry.coordinates
+        );
+      } else
+        D(
+          l,
+          l.geometry.coordinates[0]
+        );
+    }
+    function D(l, a, t) {
+      if (e?.value) {
+        if (e.value.getSource("measure-line-source") ? e.value.getSource("measure-line-source").setData(
+          l
+        ) : (e.value.addSource("measure-line-source", {
+          type: "geojson",
+          data: l
+        }), e.value.addLayer({
+          id: "measure-line-layer",
+          type: "line",
+          source: "measure-line-source",
+          layout: {
+            "line-join": "round",
+            "line-cap": "round"
+          },
+          paint: {
+            "line-color": "#16aaff",
+            "line-width": 2,
+            "line-dasharray": [2, 1]
+          }
+        }), T.value = "measure-line-layer"), s.value === "area" && r.value.length >= 3) {
+          const o = [...r.value];
+          o[0] !== o[o.length - 1] && o.push(o[0]);
+          const k = d.polygon([o]);
+          e.value.getSource("measure-fill-source") ? e.value.getSource("measure-fill-source").setData(
+            k
+          ) : (e.value.addSource("measure-fill-source", {
+            type: "geojson",
+            data: k
+          }), e.value.addLayer(
+            {
+              id: "measure-fill-layer",
+              type: "fill",
+              source: "measure-fill-source",
+              paint: {
+                "fill-color": "#16aaff",
+                "fill-opacity": 0.2,
+                "fill-outline-color": "#16aaff"
+              }
+            },
+            "measure-line-layer"
+          ));
+        }
+        e.value.getSource("measure-label-source") && e.value.getLayer("measure-label-layer") && (e.value.removeLayer("measure-label-layer"), e.value.removeSource("measure-label-source"), F.value = null);
+      }
+    }
+    function x() {
+      e?.value && (e.value?.off("click", h), e.value?.off("dblclick", b), e.value.getCanvas().style.cursor = "", e.value.getLayer("measure-point-layer") && (e.value.removeLayer("measure-point-layer"), e.value.removeSource("measure-point-source")), e.value.getLayer("measure-line-layer") && (e.value.removeLayer("measure-line-layer"), e.value.removeSource("measure-line-source")), e.value.getLayer("measure-fill-layer") && (e.value.removeLayer("measure-fill-layer"), e.value.removeSource("measure-fill-source")), e.value.getLayer("measure-label-layer") && (e.value.removeLayer("measure-label-layer"), e.value.removeSource("measure-label-source")), r.value = [], T.value = null, F.value = null, v.value = !1, m.value = 0, p.value = 0, e.value.getLayer("measure-label-layer") && e.value.removeLayer("measure-label-layer"), e.value.getSource("measure-label-source") && e.value.removeSource("measure-label-source"));
+    }
+    z(() => {
+      x(), L && L(), e?.value && (e.value?.removeControl(u), e.value?.off("draw.create", I), e.value?.off("click", h), e.value?.off("dblclick", b));
+    });
+    const m = n(0), q = S(() => m.value < 1 ? `${(m.value * 1e3).toFixed(2)} 米` : `${m.value.toFixed(3)} 公里`), p = n(0), B = S(() => p.value < 1 ? `${(p.value * 1e6).toFixed(2)} 平方米` : `${p.value.toFixed(3)} 平方公里`), J = S(() => s.value === "distance" ? q.value : B.value), O = S(() => s.value === "distance" ? "总长度: " : "总面积: ");
+    return (l, a) => (y(), f(K, null, [
+      v.value || r.value.length > 0 && (c.value == "measure_distance" || c.value == "measure_area") ? (y(), f("div", ae, [
+        i("div", le, [
+          i("span", re, E(O.value), 1),
+          i("span", oe, E(J.value), 1),
+          N(j(ee), {
+            style: { display: "block", "margin-left": "10px", cursor: "pointer" },
+            onClick: a[0] || (a[0] = (t) => g("clear_all")),
+            size: "20px"
+          }, {
+            default: U(() => [
+              N(j(Z))
+            ]),
+            _: 1
+          })
+        ])
+      ])) : _("", !0),
+      i("div", te, [
+        a[7] || (a[7] = i("div", { class: "tools-label" }, "测绘工具", -1)),
+        C.tools.includes("measure_distance") ? (y(), f("div", {
+          key: 0,
+          title: "测距",
+          class: A([
+            "hiper-map-tools-btn",
+            c.value == "measure_distance" ? "active" : null
+          ]),
+          onClick: a[1] || (a[1] = () => g("measure_distance"))
+        }, [...a[4] || (a[4] = [
+          i("span", { class: "qyuan icon-ruler" }, null, -1)
+        ])], 2)) : _("", !0),
+        C.tools.includes("measure_area") ? (y(), f("div", {
+          key: 1,
+          title: "测面",
+          class: A([
+            "hiper-map-tools-btn",
+            c.value == "measure_area" ? "active" : null
+          ]),
+          onClick: a[2] || (a[2] = () => g("measure_area"))
+        }, [...a[5] || (a[5] = [
+          i("span", { class: "qyuan icon-multi-triangular" }, null, -1)
+        ])], 2)) : _("", !0),
+        C.tools.includes("clear_all") ? (y(), f("div", {
+          key: 2,
+          title: "清除所有临时绘制图形",
+          class: "hiper-map-tools-btn",
+          style: { border: "none" },
+          onClick: a[3] || (a[3] = () => g("clear_all"))
+        }, [...a[6] || (a[6] = [
+          i("span", { class: "qyuan icon-clear" }, null, -1)
+        ])])) : _("", !0)
+      ])
+    ], 64));
+  }
+});
+export {
+  pe as _
+};

package/dist/chunks/MapTools.vue_vue_type_style_index_0_lang-Ch4c7Qoj.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),C=require("./mapbox-gl-draw-Dg_Inye3.js"),_=require("./ProvideKeys-jy8dfV9u.js"),x=require("./EventKeys-BLmCVdTJ.js"),F=require("./constant-Bc8XErtI.js"),P=require("@turf/turf"),I=require("@element-plus/icons-vue"),j=require("element-plus");function $(s){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const o in s)if(o!=="default"){const t=Object.getOwnPropertyDescriptor(s,o);Object.defineProperty(d,o,t.get?t:{enumerable:!0,get:()=>s[o]})}}return d.default=s,Object.freeze(d)}const y=$(P),O={key:0,class:"measure-info-panel"},z={class:"measure-info-content"},A={class:"measure-label"},R={class:"measure-value"},K={class:"qy-flex-row hiper-map-tools-bar"},J=e.defineComponent({__name:"MapTools",props:{tools:{default:()=>["point","line","polygon","measure_distance","measure_area","clear_all"]}},setup(s){const d=e.inject("mapRootId"),o=e.ref(),t=e.ref([]),M=e.ref(null),N=e.ref(null),v=e.ref(!1),c=e.ref("distance"),m=r=>{switch(v.value&&r!=="measure_distance"&&r!=="clear_all"&&L(),o.value=r,r){case"point":i.changeMode("draw_point");break;case"line":i.changeMode("draw_line_string");break;case"polygon":i.changeMode("draw_polygon");break;case"measure_distance":i.changeMode("simple_select"),c.value="distance",E();break;case"measure_area":i.changeMode("simple_select"),c.value="area",E();break;case"clear_all":i.deleteAll(),L();break}},a=e.inject(_.mapInstanceKey),i=new C.MapboxDraw({userProperties:!0,displayControlsDefault:!1,modes:{...C.MapboxDraw.modes,draw_rectangle:C.DrawRectangle,static:C.StaticMode}});let S=null;S=x.mapLoadedBus.on(({mapRootId:r})=>{d!==r||!a?.value||(console.log("hiper-map-tools-bar mounted",a),a.value.addControl(i,"top-left"),a.value.on("draw.create",w))});function w(r){const l=i.getAll();if(!l.features.length)return;l.features=[l.features[0]];const n={point:{layerType:"symbol",config:{textColor:"rgba(0,0,0,1)",iconName:F.DefaultIcon}},line:{layerType:"line",config:{lineWidth:1,lineColor:"rgba(255, 0, 0, 1)",lineStyle:"solid"}},polygon:{layerType:"shape",config:{fillColor:"rgba(241, 131, 127, 1)",lineWidth:1}}}[o.value];n&&x.showLayerEditKeyBus.emit({mapRootId:d,e:new MouseEvent("click"),layer:{layerType:n.layerType,customLayerConfig:JSON.stringify(n.config),geoJSON:JSON.stringify(l),...o.value==="polygon"?{pid:""}:{}}}),i.deleteAll()}function E(){a?.value&&(v.value=!0,t.value=[],a.value.getCanvas().style.cursor="crosshair",a.value.on("click",b),a.value.on("dblclick",g))}function g(r){if(v.value){if(r.preventDefault(),c.value==="distance")t.value.length>=2&&h();else if(t.value.length>=3){const l=t.value[0],u=t.value[t.value.length-1];(l[0]!==u[0]||l[1]!==u[1])&&t.value.push(l),h()}a?.value?.off("click",b),a?.value?.off("dblclick",g),a?.value&&(a.value.getCanvas().style.cursor=""),v.value=!1}}function b(r){if(!v.value||!a?.value)return;r.originalEvent.stopPropagation();const l=[r.lngLat.lng,r.lngLat.lat];t.value.push(l),t.value.length===1?(c.value==="distance"?p.value=0:f.value=0,a.value.getSource("measure-point-source")?a.value.getSource("measure-point-source").setData({type:"Feature",properties:{},geometry:{type:"Point",coordinates:l}}):(a.value.addSource("measure-point-source",{type:"geojson",data:{type:"Feature",properties:{},geometry:{type:"Point",coordinates:l}}}),a.value.addLayer({id:"measure-point-layer",type:"circle",source:"measure-point-source",paint:{"circle-radius":5,"circle-color":"#16aaff"}}))):(a.value.getSource("measure-point-source")&&a.value.getSource("measure-point-source").setData({type:"FeatureCollection",features:t.value.map(u=>({type:"Feature",properties:{},geometry:{type:"Point",coordinates:u}}))}),h(),c.value==="area"&&t.value.length>=3&&(a.value.getCanvas().style.cursor="pointer"))}function h(){if(!a?.value||t.value.length<2)return;const r=y.lineString(t.value);if(c.value==="distance"){const l=y.length(r,{units:"kilometers"});p.value=l,l<1?`${(l*1e3).toFixed(2)}`:`${l.toFixed(3)}`;const u=Math.floor(t.value.length/2)-1;u<0?t.value[0]:t.value[u],D(r)}else if(t.value.length>=3){const l=[...t.value];l[0]!==l[l.length-1]&&l.push(l[0]);const u=y.polygon([l]),n=y.area(u)/1e6;f.value=n,n<1?`${(n*1e6).toFixed(2)}`:`${n.toFixed(3)}`;const k=y.centroid(u);D(r,k.geometry.coordinates)}else D(r,r.geometry.coordinates[0])}function D(r,l,u){if(a?.value){if(a.value.getSource("measure-line-source")?a.value.getSource("measure-line-source").setData(r):(a.value.addSource("measure-line-source",{type:"geojson",data:r}),a.value.addLayer({id:"measure-line-layer",type:"line",source:"measure-line-source",layout:{"line-join":"round","line-cap":"round"},paint:{"line-color":"#16aaff","line-width":2,"line-dasharray":[2,1]}}),M.value="measure-line-layer"),c.value==="area"&&t.value.length>=3){const n=[...t.value];n[0]!==n[n.length-1]&&n.push(n[0]);const k=y.polygon([n]);a.value.getSource("measure-fill-source")?a.value.getSource("measure-fill-source").setData(k):(a.value.addSource("measure-fill-source",{type:"geojson",data:k}),a.value.addLayer({id:"measure-fill-layer",type:"fill",source:"measure-fill-source",paint:{"fill-color":"#16aaff","fill-opacity":.2,"fill-outline-color":"#16aaff"}},"measure-line-layer"))}a.value.getSource("measure-label-source")&&a.value.getLayer("measure-label-layer")&&(a.value.removeLayer("measure-label-layer"),a.value.removeSource("measure-label-source"),N.value=null)}}function L(){a?.value&&(a.value?.off("click",b),a.value?.off("dblclick",g),a.value.getCanvas().style.cursor="",a.value.getLayer("measure-point-layer")&&(a.value.removeLayer("measure-point-layer"),a.value.removeSource("measure-point-source")),a.value.getLayer("measure-line-layer")&&(a.value.removeLayer("measure-line-layer"),a.value.removeSource("measure-line-source")),a.value.getLayer("measure-fill-layer")&&(a.value.removeLayer("measure-fill-layer"),a.value.removeSource("measure-fill-source")),a.value.getLayer("measure-label-layer")&&(a.value.removeLayer("measure-label-layer"),a.value.removeSource("measure-label-source")),t.value=[],M.value=null,N.value=null,v.value=!1,p.value=0,f.value=0,a.value.getLayer("measure-label-layer")&&a.value.removeLayer("measure-label-layer"),a.value.getSource("measure-label-source")&&a.value.removeSource("measure-label-source"))}e.onUnmounted(()=>{L(),S&&S(),a?.value&&(a.value?.removeControl(i),a.value?.off("draw.create",w),a.value?.off("click",b),a.value?.off("dblclick",g))});const p=e.ref(0),V=e.computed(()=>p.value<1?`${(p.value*1e3).toFixed(2)} 米`:`${p.value.toFixed(3)} 公里`),f=e.ref(0),B=e.computed(()=>f.value<1?`${(f.value*1e6).toFixed(2)} 平方米`:`${f.value.toFixed(3)} 平方公里`),q=e.computed(()=>c.value==="distance"?V.value:B.value),T=e.computed(()=>c.value==="distance"?"总长度: ":"总面积: ");return(r,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[v.value||t.value.length>0&&(o.value=="measure_distance"||o.value=="measure_area")?(e.openBlock(),e.createElementBlock("div",O,[e.createElementVNode("div",z,[e.createElementVNode("span",A,e.toDisplayString(T.value),1),e.createElementVNode("span",R,e.toDisplayString(q.value),1),e.createVNode(e.unref(j.ElIcon),{style:{display:"block","margin-left":"10px",cursor:"pointer"},onClick:l[0]||(l[0]=u=>m("clear_all")),size:"20px"},{default:e.withCtx(()=>[e.createVNode(e.unref(I.Close))]),_:1})])])):e.createCommentVNode("",!0),e.createElementVNode("div",K,[s.tools.includes("point")?(e.openBlock(),e.createElementBlock("div",{key:0,title:"兴趣点",class:e.normalizeClass(["hiper-map-tools-btn",o.value=="point"?"active":null]),onClick:l[1]||(l[1]=()=>m("point"))},[...l[7]||(l[7]=[e.createElementVNode("span",{class:"qyuan icon-local-two"},null,-1)])],2)):e.createCommentVNode("",!0),s.tools.includes("line")?(e.openBlock(),e.createElementBlock("div",{key:1,title:"折线",class:e.normalizeClass(["hiper-map-tools-btn",o.value=="line"?"active":null]),onClick:l[2]||(l[2]=()=>m("line"))},[...l[8]||(l[8]=[e.createElementVNode("span",{class:"qyuan icon-whole-site-accelerator"},null,-1)])],2)):e.createCommentVNode("",!0),s.tools.includes("polygon")?(e.openBlock(),e.createElementBlock("div",{key:2,title:"多边形",class:e.normalizeClass(["hiper-map-tools-btn",o.value=="polygon"?"active":null]),onClick:l[3]||(l[3]=()=>m("polygon"))},[...l[9]||(l[9]=[e.createElementVNode("span",{class:"qyuan icon-anchor"},null,-1)])],2)):e.createCommentVNode("",!0),s.tools.includes("measure_distance")?(e.openBlock(),e.createElementBlock("div",{key:3,title:"测距",class:e.normalizeClass(["hiper-map-tools-btn",o.value=="measure_distance"?"active":null]),onClick:l[4]||(l[4]=()=>m("measure_distance"))},[...l[10]||(l[10]=[e.createElementVNode("span",{class:"qyuan icon-ruler"},null,-1)])],2)):e.createCommentVNode("",!0),s.tools.includes("measure_area")?(e.openBlock(),e.createElementBlock("div",{key:4,title:"测面",class:e.normalizeClass(["hiper-map-tools-btn",o.value=="measure_area"?"active":null]),onClick:l[5]||(l[5]=()=>m("measure_area"))},[...l[11]||(l[11]=[e.createElementVNode("span",{class:"qyuan icon-multi-triangular"},null,-1)])],2)):e.createCommentVNode("",!0),s.tools.includes("clear_all")?(e.openBlock(),e.createElementBlock("div",{key:5,title:"清除所有临时绘制图形",class:"hiper-map-tools-btn",style:{border:"none"},onClick:l[6]||(l[6]=()=>m("clear_all"))},[...l[12]||(l[12]=[e.createElementVNode("span",{class:"qyuan icon-clear"},null,-1)])])):e.createCommentVNode("",!0)])],64))}});exports._sfc_main=J;