zhihao-ui 1.2.8 → 1.2.10

package/dist/es/{Map-CMiThYaG.js → Map-B8_d8utt.js}

@@ -16,7 +16,7 @@ const LENGTH_UNIT_LABEL = {
 };
 var SWITCH_BTN = /* @__PURE__ */ ((e) => (e.Camera = "camera", e.Mobile = "mobile", e.WaterGauge = "waterGauge", e))(SWITCH_BTN || {});
 class ShipMapData {
-  constructor(t, o, n, a, r, l, s, i, d, u, p, c, f, g, y, k, L, E, m, v, h, I) {
+  constructor(t, o, n, a, r, l, s, i, d, u, p, c, f, v, y, k, L, E, m, g, h, I) {
     T(this, "id");
     // mmsi
     T(this, "mmsi");
@@ -56,7 +56,7 @@ class ShipMapData {
     T(this, "existDevice");
     T(this, "existMobile");
     T(this, "existWaterGauge");
-    this.id = t, this.mmsi = o, this.fill = n, this.shipType = a, this.name = r, this.length = l, this.breadth = s, this.lon = i, this.lat = d, this.createdAt = u, this.speed = p, this.from = c, this.sailStatus = f, this.hdg = g, this.cog = y, this.posType = k, this.type = L, this.angle = E, this.leftIconColor = m, this.existDevice = v, this.existMobile = h, this.existWaterGauge = I;
+    this.id = t, this.mmsi = o, this.fill = n, this.shipType = a, this.name = r, this.length = l, this.breadth = s, this.lon = i, this.lat = d, this.createdAt = u, this.speed = p, this.from = c, this.sailStatus = f, this.hdg = v, this.cog = y, this.posType = k, this.type = L, this.angle = E, this.leftIconColor = m, this.existDevice = g, this.existMobile = h, this.existWaterGauge = I;
   }
 }
 const formatLength = function(e, t) {
@@ -135,7 +135,7 @@ const labels = ref([]), _hoisted_1$4 = {
   setup(e, { expose: t, emit: o }) {
     const n = o, a = useModel(e, "visible"), r = ref(LENGTH_UNIT.NM), l = ref([]), s = ref(!1), i = new VectorSource();
     let d, u, p, c, f;
-    const g = new VectorLayer({
+    const v = new VectorLayer({
       source: i,
       style: {
         "fill-color": "rgba(255, 255, 255, 0.2)",
@@ -180,11 +180,11 @@ const labels = ref([]), _hoisted_1$4 = {
       l.value = [], document.querySelectorAll(".ol-tooltip.ol-tooltip-static").forEach((_) => {
         var M;
         (M = _ == null ? void 0 : _.parentNode) == null || M.removeChild(_);
-      }), i.clear(), (S = mapInstance.value) == null || S.removeInteraction(L), (w = mapInstance.value) == null || w.removeLayer(g), u != null && u.parentNode && u.parentNode.removeChild(u);
+      }), i.clear(), (S = mapInstance.value) == null || S.removeInteraction(L), (w = mapInstance.value) == null || w.removeLayer(v), u != null && u.parentNode && u.parentNode.removeChild(u);
     }
-    function v() {
+    function g() {
       var w, _;
-      m(), (w = mapInstance.value) == null || w.addLayer(g), L = new Draw({
+      m(), (w = mapInstance.value) == null || w.addLayer(v), L = new Draw({
         source: i,
         type: "LineString",
         style: function() {
@@ -234,9 +234,9 @@ const labels = ref([]), _hoisted_1$4 = {
       n("close");
     };
     return watch(() => a, () => {
-      a && !s.value && (k(), v());
+      a && !s.value && (k(), g());
     }, { deep: !0, immediate: !0 }), t({
-      addInteraction: v,
+      addInteraction: g,
       removeInteraction: m
     }), (S, w) => {
       const _ = resolveComponent("el-select");
@@ -613,12 +613,12 @@ function drawLabelBody(e, t, o) {
   e.save(), n && (e.font = n);
   let p = e.measureText(s).width + 2 * a;
   (i || d) && (p += r + 4 * a), e.restore();
-  let c, f = -1, g = r + 3 * a;
-  if (f = 0, c = calculateBounds(l, f, p, g, u), c && f > -1) {
+  let c, f = -1, v = r + 3 * a;
+  if (f = 0, c = calculateBounds(l, f, p, v, u), c && f > -1) {
     let y = getBottomLeftPoint(c), k = getTopRighttPoint(c);
     return {
       center: l,
-      x: calculateAnchorPoint(l, f, p, g, u),
+      x: calculateAnchorPoint(l, f, p, v, u),
       l: k,
       r: y,
       bounds: c,
@@ -641,8 +641,8 @@ const drawText = (e, t) => {
     e.font = "12px map-iconfont", e.fillStyle = "#3370ff";
     let u = e.measureText(n).width + 6;
     l.forEach((p, c) => {
-      let f = getIconFont(p), g = 20 * c;
-      e.fillText(f, i + u + g, d);
+      let f = getIconFont(p), v = 20 * c;
+      e.fillText(f, i + u + v, d);
     });
   }
   e.font = s || labelFont, e.fillStyle = a, e.fillText(n, i, d), e.restore();
@@ -677,7 +677,7 @@ const drawText = (e, t) => {
     }, u = drawLabelBody(e, labels.value, d);
     if (u) {
       const { x: p, bounds: c, l: f } = u;
-      let g = [getTopLeftPoint(c), getBottomLeftPoint(c), getBottomRightPoint(c), getTopRighttPoint(c)];
+      let v = [getTopLeftPoint(c), getBottomLeftPoint(c), getBottomRightPoint(c), getTopRighttPoint(c)];
       labels.value.push(u), drawPolygon(e, {
         points: [o, p],
         strokeColor: a,
@@ -689,9 +689,9 @@ const drawText = (e, t) => {
         scale: void 0,
         globalAlpha: labelAlpha
       }), i != null && i.length && i.forEach(() => {
-        g[1][0] += 20, g[2][0] += 20;
+        v[1][0] += 20, v[2][0] += 20;
       }), drawPolygon(e, {
-        points: g,
+        points: v,
         strokeColor: a,
         fillColor: l,
         shouldClosePath: !0
@@ -729,11 +729,11 @@ const setTruckStyle = (e, t, o, n) => new Style({
     i = i / s - 20, d = d / s;
     const u = i - 70, p = d - 68;
     let c = 180;
-    const f = 56, g = "#FFFFFF";
+    const f = 56, v = "#FFFFFF";
     let y = 176;
     const k = 52;
     let L = "#164AFF", E = "#FFFFFF";
-    o === CAR_COLOR.YELLOW ? (y = 176, L = "#FFC81E", E = "rgba(0,0,0,0.88)") : o === CAR_COLOR.Y_GREEN && (c = 200, y = 196, L = "#8FED7C", E = "rgba(0,0,0,0.88)"), n != null && n.length && (c += n.length * 56), fillRectRadius(l, u, p, c, f, g), fillRectRadius(l, u + 2, p + 2, y, k, L), o === CAR_COLOR.Y_GREEN && fillRectRadius(l, u + 2, p + 2, 68, k, "#FFC81E"), l.save(), l.restore(), l.fillStyle = E, l.font = "bold 28px Arial", l.textAlign = "left", l.textBaseline = "middle";
+    o === CAR_COLOR.YELLOW ? (y = 176, L = "#FFC81E", E = "rgba(0,0,0,0.88)") : o === CAR_COLOR.Y_GREEN && (c = 200, y = 196, L = "#8FED7C", E = "rgba(0,0,0,0.88)"), n != null && n.length && (c += n.length * 56), fillRectRadius(l, u, p, c, f, v), fillRectRadius(l, u + 2, p + 2, y, k, L), o === CAR_COLOR.Y_GREEN && fillRectRadius(l, u + 2, p + 2, 68, k, "#FFC81E"), l.save(), l.restore(), l.fillStyle = E, l.font = "bold 28px Arial", l.textAlign = "left", l.textBaseline = "middle";
     const m = `${t.slice(0, 2) + " · " + t.slice(2)}`;
     if (l.fillText(m, u + 12, p + 32), l.save(), l.restore(), n != null && n.length) {
       const h = l.measureText(m).width + 12;
@@ -742,8 +742,8 @@ const setTruckStyle = (e, t, o, n) => new Style({
         C === DEVICE_TYPE.CAMERA && (l.drawImage(cameraImage, i - 54 + h + I * 56, d - 64, 50, 50), ++I), C === DEVICE_TYPE.LOAD && (l.drawImage(loadImage, i - 54 + h + I * 56, d - 64, 50, 50), ++I);
       });
     }
-    const v = dotImage;
-    l.drawImage(v, i + c / 2 - 90, d, 50 / s, 50 / s), l.restore();
+    const g = dotImage;
+    l.drawImage(g, i + c / 2 - 90, d, 50 / s, 50 / s), l.restore();
   }
 });
 ref([]);
@@ -1150,8 +1150,8 @@ const renderShips = (e) => {
           offsetY: -10
         }),
         zIndex: 99
-      }), g = [];
-      s.state === "0" ? ((u = f.getText()) == null || u.setFill(new Fill({ color: stopColor })), g.push(r)) : ((p = f.getText()) == null || p.setFill(new Fill({ color: slowColor })), g.push(l)), g.push(f), c.setStyle(g), trackLineVectorSource.value.addFeature(c);
+      }), v = [];
+      s.state === "0" ? ((u = f.getText()) == null || u.setFill(new Fill({ color: stopColor })), v.push(r)) : ((p = f.getText()) == null || p.setFill(new Fill({ color: slowColor })), v.push(l)), v.push(f), c.setStyle(v), trackLineVectorSource.value.addFeature(c);
     }
   }), renderArrow(n, e), renderIconPoint();
 }, renderArrow = (e, t) => {
@@ -1268,17 +1268,17 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, o, n, a = "ship")
     // 设置不阻拦事件
   });
   if (a) {
-    let c = !1, f = [0, 0], g = [0, 0];
+    let c = !1, f = [0, 0], v = [0, 0];
     r.addEventListener("mousedown", function(y) {
       var k;
-      c = !0, y.clientX, y.clientY, f = (k = mapInstance.value) == null ? void 0 : k.getCoordinateFromPixel([y.clientX - 200, y.clientY - 200]), g = [
+      c = !0, y.clientX, y.clientY, f = (k = mapInstance.value) == null ? void 0 : k.getCoordinateFromPixel([y.clientX - 200, y.clientY - 200]), v = [
         y.clientX - r.getBoundingClientRect().left + 160,
         y.clientY - r.getBoundingClientRect().top + 84
       ], y.preventDefault();
     }), document.addEventListener("mousemove", function(y) {
       var k;
       if (c) {
-        let L = (k = mapInstance.value) == null ? void 0 : k.getCoordinateFromPixel([y.clientX - g[0], y.clientY - g[1]]), E = L[0] - f[0], m = L[1] - f[1];
+        let L = (k = mapInstance.value) == null ? void 0 : k.getCoordinateFromPixel([y.clientX - v[0], y.clientY - v[1]]), E = L[0] - f[0], m = L[1] - f[1];
         l.setPosition([f[0] + E, f[1] + m]);
       }
     }), document.addEventListener("mouseup", function() {
@@ -1372,8 +1372,8 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, o, n, a = "ship")
     });
     p.on("translating", function(c) {
       var y;
-      const f = c.features.item(0).getGeometry().getCoordinates(), g = toLonLat(f);
-      markerPosition.value = `${g[0].toFixed(6)}, ${g[1].toFixed(6)}`, (y = marker.value) == null || y.setStyle(createIconStyle(markerPosition.value));
+      const f = c.features.item(0).getGeometry().getCoordinates(), v = toLonLat(f);
+      markerPosition.value = `${v[0].toFixed(6)}, ${v[1].toFixed(6)}`, (y = marker.value) == null || y.setStyle(createIconStyle(markerPosition.value));
     }), mapInstance.value.addInteraction(p);
   }
   const d = new Point([n, a]);
@@ -1400,18 +1400,8 @@ const circleStyle = {
     const t = e.getGeometry().getCoordinates();
     return new MultiPoint(t);
   }
-}, drawVector = new VectorLayer({
-  source,
-  style: [
-    {
-      "stroke-color": "rgba(255, 255, 255, 1)",
-      "stroke-width": 2,
-      "fill-color": "rgba(255, 255, 255, 0.3)"
-    },
-    new Style(circleStyle)
-  ]
-});
-let draw;
+};
+let drawVector, draw;
 function createMeasureTooltip() {
   var e;
   measureTooltipElement != null && measureTooltipElement.parentNode && measureTooltipElement.parentNode.removeChild(measureTooltipElement), measureTooltipElement = document.createElement("div"), measureTooltipElement.className = "ol-tooltip ol-tooltip-draw-polygon", measureTooltip = new Overlay({
@@ -1443,7 +1433,7 @@ const validateSquareLimit = (e) => {
 let storeFeature;
 function addInteraction(e) {
   var o, n;
-  mapInstance.value || init(), drawnState = "undrawn", layerState = "drawn", (o = mapInstance.value) == null || o.addLayer(drawVector), draw = new Draw({
+  drawVector || init(), drawnState = "undrawn", layerState = "drawn", (o = mapInstance.value) == null || o.addLayer(drawVector), draw = new Draw({
     type: "Polygon",
     // source: drawVector.getSource(),
     source,
@@ -1530,7 +1520,17 @@ const endFn = (e) => {
   let t = "点击选择起点";
   sketch && (t = "单击继续，双击结束"), helpTooltipElement && (helpTooltipElement.innerHTML = t, helpTooltip.setPosition(e.coordinate), helpTooltipElement.classList.remove("hidden")), layerState === "drawn" && (((o = mapInstance.value) == null ? void 0 : o.getTargetElement()).style.cursor = "crosshair");
 }, init = () => {
-  mapInstance.value && (mapInstance.value.on("pointermove", pointerMoveHandler), mapInstance.value.getViewport().addEventListener("mouseout", function() {
+  mapInstance.value && (drawVector = new VectorLayer({
+    source,
+    style: [
+      {
+        "stroke-color": "rgba(255, 255, 255, 1)",
+        "stroke-width": 2,
+        "fill-color": "rgba(255, 255, 255, 0.3)"
+      },
+      new Style(circleStyle)
+    ]
+  }), mapInstance.value.on("pointermove", pointerMoveHandler), mapInstance.value.getViewport().addEventListener("mouseout", function() {
     var e;
     (e = helpTooltipElement == null ? void 0 : helpTooltipElement.classList) == null || e.add("hidden");
   }), mapInstance.value.on("dblclick", function(e) {
@@ -1558,7 +1558,7 @@ const endFn = (e) => {
       m[m.tiandituTile = new TileLayer({ source: new XYZ({ url: baseMap.tiandituTile }) })] = "tiandituTile", m[m.tiandituTileMark = new TileLayer({ source: new XYZ({ url: baseMap.tiandituTileMark }) })] = "tiandituTileMark", m[m.tiandituImgTile = new TileLayer({ source: new XYZ({ url: baseMap.tiandituImgTile }), visible: !1 })] = "tiandituImgTile", m[m.tiandituImgTileMark = new TileLayer({ source: new XYZ({ url: baseMap.tiandituImgTileMark }), visible: !1 })] = "tiandituImgTileMark", m[m.greenMark = new TileLayer({ source: new XYZ({ url: baseMap.greenTile }) })] = "greenMark";
     })(c || (c = {}));
     const f = () => {
-      var v, h;
+      var g, h;
       const m = {
         projection: projection.mercator,
         // 地图投影坐标系
@@ -1585,34 +1585,34 @@ const endFn = (e) => {
           c.greenMark
         ],
         view: new View(m)
-      }), (v = a.value) == null || v.setScaleLine(), (h = mapInstance.value) == null || h.on("moveend", k), g(s.vehicleMode === "ship"), y(s.vehicleMode === "ship" ? BaseMapType.satellite : BaseMapType.vector);
+      }), (g = a.value) == null || g.setScaleLine(), (h = mapInstance.value) == null || h.on("moveend", k), v(s.vehicleMode === "ship"), y(s.vehicleMode === "ship" ? BaseMapType.satellite : BaseMapType.vector);
     };
     onMounted(() => {
       f();
     });
-    const g = (m) => {
-      var v;
-      (v = mapInstance.value) == null || v.getLayers().forEach((h) => {
+    const v = (m) => {
+      var g;
+      (g = mapInstance.value) == null || g.getLayers().forEach((h) => {
         h.ol_uid === c.greenMark.ol_uid && (h.setVisible(m), u.value = m);
       });
     }, y = (m) => {
-      var v;
-      console.log("mode", m), (v = mapInstance.value) == null || v.getLayers().forEach((h) => {
+      var g;
+      console.log("mode", m), (g = mapInstance.value) == null || g.getLayers().forEach((h) => {
         (h.ol_uid === c.tiandituTile.ol_uid || h.ol_uid === c.tiandituTileMark.ol_uid || h.ol_uid === c.tiandituImgTile.ol_uid || h.ol_uid === c.tiandituImgTileMark.ol_uid) && h.setVisible(!1), (m === BaseMapType.vector && h.ol_uid === c.tiandituTile.ol_uid || h.ol_uid === c.tiandituTileMark.ol_uid || m === BaseMapType.satellite && h.ol_uid === c.tiandituImgTile.ol_uid || h.ol_uid === c.tiandituImgTileMark.ol_uid) && (console.log(m, h.ol_uid), h.setVisible(!0));
       });
     }, k = () => {
-      const m = mapInstance.value.getView(), v = m.getZoom();
-      v && L(v);
+      const m = mapInstance.value.getView(), g = m.getZoom();
+      g && L(g);
       const h = m.calculateExtent(mapInstance.value.getSize());
-      h && v && E(h, v);
+      h && g && E(h, g);
     }, L = (m) => {
       var I, C, V, S;
       i.value = m;
-      const v = (I = mapInstance.value) == null ? void 0 : I.getLayers(), h = s.vehicleMode === "ship" ? v == null ? void 0 : v.getArray().find((w) => w.ol_uid === c.greenMark.ol_uid) : void 0;
+      const g = (I = mapInstance.value) == null ? void 0 : I.getLayers(), h = s.vehicleMode === "ship" ? g == null ? void 0 : g.getArray().find((w) => w.ol_uid === c.greenMark.ol_uid) : void 0;
       !d.value && u.value && m < mapZoom.shipGreenDotMax ? (p.value = !0, h == null || h.setVisible(!0), (C = shipsLayer.value) == null || C.setVisible(!1), (V = largeAmountShipsLayer.value) == null || V.setVisible(!1)) : (p.value = !1, h == null || h.setVisible(!1), (S = largeAmountShipsLayer.value) == null || S.setVisible(!0)), l("zoomChanged", m);
-    }, E = (m, v) => {
+    }, E = (m, g) => {
       const h = transform([m[0], m[1]], projection.mercator, projection.data), I = transform([m[2], m[3]], projection.mercator, projection.data);
-      l("extentChanged", { extent: [h, I], zoom: v });
+      l("extentChanged", { extent: [h, I], zoom: g });
     };
     return t({
       mapInstance,
@@ -1633,34 +1633,34 @@ const endFn = (e) => {
       },
       clearSelectFeature,
       findShip,
-      focusShip: (m, v) => {
+      focusShip: (m, g) => {
         var h, I;
-        (h = shipsLayer.value) == null || h.setVisible(!1), (I = largeAmountShipsLayer.value) == null || I.setVisible(!1), findShip(m, v);
+        (h = shipsLayer.value) == null || h.setVisible(!1), (I = largeAmountShipsLayer.value) == null || I.setVisible(!1), findShip(m, g);
       },
       showTracks,
       removeAllTrackLayer,
       switchFilterItem,
       rerenderShip,
-      switchGreenDot: () => g(!1),
+      switchGreenDot: () => v(!1),
       zoomTruckIcon,
-      renderTruckTrack: (m, v, h) => {
-        renderTrack(m, v, h, LENGTH_UNIT.KM, "truck");
+      renderTruckTrack: (m, g, h) => {
+        renderTrack(m, g, h, LENGTH_UNIT.KM, "truck");
       },
       renderMarker,
       setMarkerPosition,
       drawPolygonTool
-    }), (m, v) => (openBlock(), createElementBlock("div", {
+    }), (m, g) => (openBlock(), createElementBlock("div", {
       class: "map-page map-container",
       ref_key: "pageRef",
       ref: n
     }, [
-      v[0] || (v[0] = createElementVNode("div", {
+      g[0] || (g[0] = createElementVNode("div", {
         id: "map",
         class: "map"
       }, null, -1)),
       createVNode(ToolPanel, {
         "vehicle-mode": m.vehicleMode,
-        onSwitchGreenDot: g,
+        onSwitchGreenDot: v,
         onSwitchMapTile: y
       }, null, 8, ["vehicle-mode"]),
       createVNode(ScaleLine, {

package/dist/es/index.js

@@ -16,9 +16,9 @@ import { Z as u } from "./PageHeadPanel-_mKu2rMQ.js";
 import { Z as D } from "./ToolTips-BTCP0N--.js";
 import { Z as I } from "./BaseInfo-Dv-eon6t.js";
 import { Z as d } from "./DetailHeader-C_mAB8-2.js";
-import { Z as P } from "./DiyDataTable-cJVfvtax.js";
-import { D as J } from "./DiyDataTable-cJVfvtax.js";
-import { Z as T } from "./Map-CMiThYaG.js";
+import { Z as P } from "./DiyDataTable-KOY6vjPs.js";
+import { D as J } from "./DiyDataTable-KOY6vjPs.js";
+import { Z as T } from "./Map-B8_d8utt.js";
 const b = [
   I,
   r,