zhihao-ui 1.2.9 → 1.2.11

package/dist/es/{DiyDataTable-KOY6vjPs.js → DiyDataTable-CpkKeWkY.js}

@@ -1,9 +1,9 @@
-import { defineComponent as B, useModel as H, ref as E, openBlock as s, createBlock as c, unref as o, withCtx as p, createVNode as g, createElementBlock as f, Fragment as N, renderList as Z, normalizeClass as D, toDisplayString as m, createCommentVNode as x, createElementVNode as v, createTextVNode as w, mergeModels as z } from "vue";
+import { defineComponent as B, useModel as H, ref as E, openBlock as s, createBlock as c, unref as o, withCtx as p, createVNode as g, createElementBlock as f, Fragment as N, renderList as Z, normalizeClass as D, toDisplayString as v, createCommentVNode as x, createElementVNode as y, createTextVNode as w, mergeModels as z } from "vue";
 import { D as X } from "./DatePicker-CWQoV03Q.js";
 import { d as _, e as V, f as j, g as K, i as k, j as C, k as P, l as T, E as L } from "./vendor-BY-fHNA3.js";
 import { _ as G } from "./Button-DBbUF88w.js";
 import { w as J } from "./utils-DZ8-2Fg2.js";
-var y = /* @__PURE__ */ ((u) => (u.AUTOCOMPLETE = "autocomplete", u.FORMAT = "format", u.TEXT = "text", u))(y || {});
+var m = /* @__PURE__ */ ((u) => (u.AUTOCOMPLETE = "autocomplete", u.FORMAT = "format", u.TEXT = "text", u))(m || {});
 const Q = { key: 0 }, W = {
   key: 1,
   class: "col-edit-header"
@@ -29,7 +29,7 @@ const Q = { key: 0 }, W = {
         return;
       }
       n.value.push({});
-    }, U = () => {
+    }, A = () => {
       if (i.value.filter((e) => e.isAdd).length >= h.maxColLength) {
         _({
           message: `最多添加${h.maxColLength}列`,
@@ -46,20 +46,20 @@ const Q = { key: 0 }, W = {
         maxlength: 15,
         headerMaxlength: 15
       });
-    }, A = (t, l) => {
-      i.value.splice(t, 1), n.value.forEach((e) => {
+    }, U = (a, l) => {
+      i.value.splice(a, 1), n.value.forEach((e) => {
         delete e[l.prop];
       });
-    }, F = (t) => {
-      n.value.splice(t, 1);
-    }, S = (t, l, e) => {
+    }, F = (a) => {
+      n.value.splice(a, 1);
+    }, S = (a, l, e) => {
       l(
-        e.completeList.filter((r) => r.includes(t)).map((r) => ({ value: r }))
+        e.completeList.filter((r) => r.includes(a)).map((r) => ({ value: r }))
       );
-    }, q = (t) => [
+    }, O = (a) => [
       {
         validator: (l, e, r) => {
-          if (!i.value[t].label) {
+          if (!i.value[a].label) {
             r(new Error("请输入表头"));
             return;
           }
@@ -68,45 +68,45 @@ const Q = { key: 0 }, W = {
         message: "请输入表头",
         trigger: ["blur", "change"]
       }
-    ], I = (t) => {
+    ], q = (a) => {
       const l = [];
-      return t.required && l.push({
+      return a.required && l.push({
         required: !0,
-        message: "请输入" + t.label,
+        message: "请输入" + a.label,
         trigger: "blur"
-      }), t.varidate && l.push({
-        validator: (e, r, a) => {
-          const d = t.varidate(r);
-          d !== !0 ? a(new Error(d)) : a();
+      }), a.varidate && l.push({
+        validator: (e, r, t) => {
+          const d = a.varidate(r);
+          d !== !0 ? t(new Error(d)) : t();
         },
         trigger: "blur"
       }), l;
     }, b = E();
     return R({
       /** 初始化数据 */
-      initData: (t, l) => {
-        console.log("initData", t, l), t = V(t) || [], t.length === 0 && t.push({}), l = [...l];
-        for (const e in t[0])
+      initData: (a, l) => {
+        console.log("initData", a, l), a = V(a) || [], a.length === 0 && a.push({}), l = [...l];
+        for (const e in a[0])
           if (!l.some(
             (r) => r.prop === e
           )) {
-            const r = Date.now() + e, a = e.split(M);
-            if (a.length !== 2) {
+            const r = Date.now() + e, t = e.split(M);
+            if (t.length !== 2) {
               console.log("keySplit 失败", e);
               continue;
             }
-            const d = Number(a[1]);
+            const d = Number(t[1]);
             l[d] = {
               prop: e,
               isEditHeader: !0,
-              label: a[0],
+              label: t[0],
               key: r,
               isAdd: !0,
               maxlength: 15,
               headerMaxlength: 15
             };
           }
-        n.value = t, i.value = l;
+        n.value = a, i.value = l;
       },
       /** 获取数据 */
       getData: async () => {
@@ -122,33 +122,33 @@ const Q = { key: 0 }, W = {
               return;
             }
         }
-        const t = V(n.value);
-        for (const l in t) {
-          const e = t[l];
+        const a = V(n.value);
+        for (const l in a) {
+          const e = a[l];
           for (const r in i.value) {
-            const a = i.value[r];
-            if (a.isSameData && l !== "0" && (e[a.prop] = t[0][a.prop]), a.varidate && !a.varidate(e[a.prop]))
+            const t = i.value[r];
+            if (t.isSameData && l !== "0" && (e[t.prop] = a[0][t.prop]), t.varidate && !t.varidate(e[t.prop]))
               return;
-            if (a.isAdd) {
-              const d = a.label + M + r;
-              e[d] = e[a.prop], delete e[a.prop];
+            if (t.isAdd) {
+              const d = t.label + M + r;
+              e[d] = e[t.prop], delete e[t.prop];
             }
-            a.formatter && (e[a.prop] = a.formatter(e));
+            t.formatter && t.type === m.FORMAT && (e[t.prop] = t.formatter(e));
           }
         }
-        return console.log("DiyDataTable 获取数据", t, i.value), {
-          data: t,
+        return console.log("DiyDataTable 获取数据", a, i.value), {
+          data: a,
           columns: i.value
         };
       },
       /** 更新列配置数据 */
-      updateColumn: (t, l) => {
-        const e = i.value[t].prop;
-        if (i.value[t] = l, e !== l.prop)
+      updateColumn: (a, l) => {
+        const e = i.value[a].prop;
+        if (i.value[a] = l, e !== l.prop)
           for (const r of n.value)
             r[l.prop] = r[e], delete r[e];
       }
-    }), (t, l) => (s(), c(o(j), {
+    }), (a, l) => (s(), c(o(j), {
       class: "diy-data-table",
       model: u.rawData,
       ref_key: "formRef",
@@ -171,15 +171,15 @@ const Q = { key: 0 }, W = {
               fixed: e.fixed
             }, {
               header: p(() => [
-                t.isEdit ? e.isEditHeader ? (s(), f("div", W, [
+                a.isEdit ? e.isEditHeader ? (s(), f("div", W, [
                   g(o(C), {
                     prop: `columns.${r}`,
-                    rules: q(r)
+                    rules: O(r)
                   }, {
                     default: p(() => [
                       g(o(T), {
                         modelValue: e.label,
-                        "onUpdate:modelValue": (a) => e.label = a,
+                        "onUpdate:modelValue": (t) => e.label = t,
                         maxlength: e.headerMaxlength || 20,
                         placeholder: "请输入表头"
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "maxlength"])
@@ -189,32 +189,32 @@ const Q = { key: 0 }, W = {
                   e.isAdd ? (s(), f("i", {
                     key: 0,
                     class: "iconfont icon-close",
-                    onClick: (a) => A(r, e)
+                    onClick: (t) => U(r, e)
                   }, null, 8, Y)) : x("", !0)
                 ])) : (s(), f("div", {
                   key: 2,
                   class: D({ "is-required-label": e.required })
-                }, m(e.label), 3)) : (s(), f("div", Q, m(e.label), 1))
+                }, v(e.label), 3)) : (s(), f("div", Q, v(e.label), 1))
               ]),
-              default: p((a) => [
-                h.isEdit && (!e.isSameData || a.$index === 0) && e.type !== o(y).TEXT ? (s(), c(o(C), {
+              default: p((t) => [
+                h.isEdit && (!e.isSameData || t.$index === 0) && e.type !== o(m).TEXT ? (s(), c(o(C), {
                   key: 0,
-                  prop: `${a.$index}.${e.prop}`,
-                  rules: I(e),
+                  prop: `${t.$index}.${e.prop}`,
+                  rules: q(e),
                   class: D(["col-edit-container", { "close-padding": e.isAdd }])
                 }, {
                   default: p(() => [
-                    e.type === o(y).FORMAT && e.formatter ? (s(), f("div", ee, m(e.formatter(a.row)), 1)) : e.type === o(y).AUTOCOMPLETE ? (s(), c(o(P), {
+                    e.type === o(m).FORMAT && e.formatter ? (s(), f("div", ee, v(e.formatter(t.row)), 1)) : e.type === o(m).AUTOCOMPLETE ? (s(), c(o(P), {
                       key: 1,
-                      modelValue: a.row[e.prop],
-                      "onUpdate:modelValue": (d) => a.row[e.prop] = d,
+                      modelValue: t.row[e.prop],
+                      "onUpdate:modelValue": (d) => t.row[e.prop] = d,
                       placeholder: e.placeholder || "请输入",
-                      "fetch-suggestions": (d, O) => S(d, O, e),
+                      "fetch-suggestions": (d, I) => S(d, I, e),
                       maxlength: e.maxlength || 20
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "fetch-suggestions", "maxlength"])) : (s(), c(o(T), {
                       key: 2,
-                      modelValue: a.row[e.prop],
-                      "onUpdate:modelValue": (d) => a.row[e.prop] = d,
+                      modelValue: t.row[e.prop],
+                      "onUpdate:modelValue": (d) => t.row[e.prop] = d,
                       placeholder: e.placeholder || "请输入",
                       formatter: e.formatter,
                       parser: e.parser,
@@ -222,7 +222,7 @@ const Q = { key: 0 }, W = {
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "formatter", "parser", "maxlength"]))
                   ]),
                   _: 2
-                }, 1032, ["prop", "rules", "class"])) : (s(), f("div", te, m((e.isSameData ? n.value[0][e.prop] : a.row[e.prop]) || o(X)), 1))
+                }, 1032, ["prop", "rules", "class"])) : (s(), f("div", te, v((e.isSameData ? n.value[0][e.prop] : t.row[e.prop]) || o(X)), 1))
               ]),
               _: 2
             }, 1032, ["prop", "label", "width", "fixed"]))), 128)),
@@ -232,14 +232,14 @@ const Q = { key: 0 }, W = {
               fixed: "right"
             }, {
               header: p(() => [
-                v("div", ae, [
+                y("div", ae, [
                   g(o(L), {
                     type: "primary",
                     link: "",
                     onClick: $
                   }, {
                     default: p(() => l[0] || (l[0] = [
-                      v("i", { class: "iconfont icon-Frame1" }, null, -1),
+                      y("i", { class: "iconfont icon-Frame1" }, null, -1),
                       w("增行")
                     ])),
                     _: 1
@@ -247,10 +247,10 @@ const Q = { key: 0 }, W = {
                   g(o(L), {
                     type: "primary",
                     link: "",
-                    onClick: U
+                    onClick: A
                   }, {
                     default: p(() => l[1] || (l[1] = [
-                      v("i", { class: "iconfont icon-Frame-11" }, null, -1),
+                      y("i", { class: "iconfont icon-Frame-11" }, null, -1),
                       w("增列")
                     ])),
                     _: 1
@@ -258,7 +258,7 @@ const Q = { key: 0 }, W = {
                 ])
               ]),
               default: p(({ $index: e }) => [
-                v("div", le, [
+                y("div", le, [
                   n.value.length > 1 ? (s(), f("i", {
                     key: 0,
                     class: "iconfont icon-close",
@@ -275,8 +275,8 @@ const Q = { key: 0 }, W = {
       _: 1
     }, 8, ["model"]));
   }
-}), ie = /* @__PURE__ */ G(oe, [["__scopeId", "data-v-345db26b"]]), fe = J(ie);
+}), ie = /* @__PURE__ */ G(oe, [["__scopeId", "data-v-bf341535"]]), fe = J(ie);
 export {
-  y as D,
+  m as D,
   fe as Z
 };

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-KOY6vjPs.js";
-import { D as J } from "./DiyDataTable-KOY6vjPs.js";
-import { Z as T } from "./Map-CMiThYaG.js";
+import { Z as P } from "./DiyDataTable-CpkKeWkY.js";
+import { D as J } from "./DiyDataTable-CpkKeWkY.js";
+import { Z as T } from "./Map-B8_d8utt.js";
 const b = [
   I,
   r,