qy-vue-plugins 1.0.2-beta → 1.0.2

package/dist/mapboxV2/widgets/LegendPopPoint.mjs

@@ -1,91 +1,90 @@
-import "../../chunks/base-DfCoKyyG.js";
-import { E as X, a as j } from "../../chunks/el-select-Dil0JEvg.js";
-import "../../chunks/el-popper-zUql4Vp-.js";
-import { _ as J, a as $, b as q, c as R, d as H, e as W, f as A, g as G, h as K, i as Q, j as Y, k as Z, l as ee, m as le } from "../../chunks/正三角形-yXKDlNvO.js";
-import { defineComponent as oe, ref as r, createBlock as ae, openBlock as _, Transition as te, withCtx as t, withDirectives as p, createElementVNode as v, createVNode as l, unref as s, createElementBlock as k, Fragment as P, renderList as T, normalizeClass as z, vShow as g, createTextVNode as L } from "vue";
-import { c as I, e as se, f as ne, m as ie } from "../../chunks/constant-BqK1UnfT.js";
-import { p as re } from "../../chunks/utils-n1i0zWzc.js";
-import { c as ue } from "../../chunks/EventKeys-1aL9cgT0.js";
-import { ElForm as ve, ElFormItem as d, ElColorPicker as U, ElButton as x } from "element-plus";
-import { _ as de } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
-const ce = { class: "legend-pop qy-flex-col" }, me = { class: "content" }, _e = { class: "shape-selector" }, pe = ["src", "onClick"], ge = { class: "color-selector" }, fe = ["src", "onClick"], be = { class: "footer" }, ye = /* @__PURE__ */ oe({
+import { defineComponent as $, inject as O, ref as u, computed as z, createBlock as q, openBlock as m, Transition as H, withCtx as t, withDirectives as f, createElementVNode as d, createVNode as l, unref as r, createElementBlock as w, Fragment as E, renderList as F, normalizeClass as L, vShow as b, createTextVNode as x } from "vue";
+import { m as W } from "../../chunks/constant-E83OJqPQ.js";
+import { p as A } from "../../chunks/utils-BJ8Lu8TY.js";
+import { c as G } from "../../chunks/EventKeys-DZ_Hahro.js";
+import { ElForm as K, ElFormItem as c, ElColorPicker as I, ElButton as U } from "element-plus";
+import { E as Q, a as Y } from "../../chunks/index-Cyrc4mj-.js";
+import { _ as Z } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
+const ee = { class: "legend-pop qy-flex-col" }, le = { class: "content" }, oe = { class: "shape-selector" }, ae = ["src", "onClick"], te = { class: "color-selector" }, ne = ["src", "onClick"], ie = { class: "footer" }, re = /* @__PURE__ */ $({
   __name: "LegendPopPoint",
-  setup(Ce, { expose: E }) {
-    const u = r("color"), m = r("rgba(2, 210, 224, 1)"), f = r(""), b = r(""), y = r(16), C = r("show"), S = r(11), N = r("rgba(0, 0, 0, 1)"), V = r("DengXian"), F = (a) => new URL((/* @__PURE__ */ Object.assign({ "./svg/24gf-square.svg": le, "./svg/hexagon-fill.svg": ee, "./svg/人-地图点位2x.svg": Z, "./svg/地图点 (1).svg": Y, "./svg/地图点 (2).svg": Q, "./svg/地图点 (3).svg": K, "./svg/地图点 (4).svg": G, "./svg/地图点-红.svg": A, "./svg/地图点.svg": W, "./svg/地图点位 (1).svg": H, "./svg/地图点位.svg": R, "./svg/实五角星.svg": q, "./svg/标记地图点位.svg": $, "./svg/正三角形.svg": J }))[`./svg/${a}`], import.meta.url).href, O = (a) => {
-      b.value = a;
-    }, B = (a) => {
-      a && (m.value = a);
-    }, h = r(!1), w = () => {
-      h.value = !1;
-    }, M = () => {
-      const a = {
-        renderMode: u.value,
+  setup(ue, { expose: M }) {
+    const j = O("iconOptions", u([])), B = O("shapeOptions", u([])), P = z(() => {
+      const o = B.value || [];
+      return o.length > 0 ? o : [];
+    }), T = z(() => {
+      const o = j.value || [];
+      return o.length > 0 ? o : [];
+    }), s = u("color"), v = u("rgba(2, 210, 224, 1)"), y = u(""), S = u(""), C = u(16), g = u("show"), _ = u(11), V = u("rgba(0, 0, 0, 1)"), h = u("DengXian"), D = (o) => {
+      S.value = o;
+    }, X = (o) => {
+      o && (v.value = o);
+    }, k = u(!1), N = () => {
+      k.value = !1;
+    }, J = () => {
+      const o = {
+        renderMode: s.value,
         pointStyle: "circle",
-        pointSize: y.value,
-        displayLabel: C.value === "show",
-        labelSize: S.value,
-        labelColor: N.value,
-        labelFont: V.value
+        pointSize: C.value,
+        displayLabel: g.value === "show",
+        labelSize: _.value,
+        labelColor: V.value,
+        labelFont: h.value
       };
-      if (u.value === "color" ? (a.pointTintColor = m.value, a.pointStrokeColor = m.value, a.pointStrokeWidth = 0, a.pointStyle = b.value) : a.iconImageName = f.value, c.value) {
+      if (s.value === "color" ? (o.pointTintColor = v.value, o.pointStrokeColor = v.value, o.pointStrokeWidth = 0, o.pointStyle = S.value) : o.pointStyle = y.value, p.value) {
         const e = {
-          layerType: c.value.layerType,
-          layerName: c.value?.layerName || "",
-          id: c.value.id,
+          layerType: p.value.layerType,
+          layerName: p.value?.layerName || "",
+          id: p.value.id,
           projectId: ""
         };
-        Object.assign(e, JSON.parse(JSON.stringify(c.value))), e.layerPaintConfig = JSON.stringify(a), c.value.layerPaintConfig = e.layerPaintConfig, console.log("更新图层实体", e), ue.emit(e);
+        Object.assign(e, JSON.parse(JSON.stringify(p.value))), e.layerPaintConfig = JSON.stringify(o), p.value.layerPaintConfig = e.layerPaintConfig, console.log("更新图层实体", e), G.emit(e);
       }
-      h.value = !1;
-    }, c = r();
-    return E({
-      show: (a) => {
-        h.value = !0, c.value = a, console.log("显示专题图层配置面板", a);
+      k.value = !1;
+    }, p = u();
+    return M({
+      show: (o) => {
+        k.value = !0, p.value = o, console.log("显示专题图层配置面板", o);
         let e;
         try {
-          e = JSON.parse(a.layerPaintConfig || "{}");
+          e = JSON.parse(o.layerPaintConfig || "{}");
         } catch {
-          const i = re(
-            a.layerPaintConfig,
-            a.layerType
-          );
+          const i = A(o.layerPaintConfig, o.layerType);
           e = {
             renderMode: i.pointRenderType === "icon" ? "icon" : "color",
-            pointStyle: "circle",
+            pointStyle: i.pointRenderType === "icon" ? i.currentMapIconName || "" : "circle",
             pointSize: i.pointSize || 16,
             displayLabel: i.showSurveyNumber === "show",
             labelSize: i.fontSize || 11,
             labelColor: i.fontColor || "rgba(0, 0, 0, 1)",
             labelFont: i.fontFamily || "DengXian",
-            pointTintColor: i.pointTintColor,
-            iconImageName: i.currentMapIconName
+            pointTintColor: i.pointTintColor
           };
         }
-        console.log("图层配置", e), !e.renderMode || e.renderMode === "color" ? (m.value = e.pointTintColor || "rgba(2, 210, 224, 1)", u.value = "color", b.value = e.pointStyle || I[0].fileName) : (u.value = "icon", f.value = e.iconImageName || "hiper-map-icon-1.png"), y.value = e.pointSize || 16, C.value = e.displayLabel ? "show" : "hide", S.value = e.labelSize || 11, N.value = e.labelColor || "rgba(0, 0, 0, 1)", V.value = e.labelFont || "DengXian";
+        console.log("图层配置", e), !e.renderMode || e.renderMode === "color" ? (v.value = e.pointTintColor || "rgba(2, 210, 224, 1)", s.value = "color", S.value = e.pointStyle || P.value[0]?.id || "") : (s.value = "icon", y.value = e.pointStyle || T.value[0]?.id || ""), C.value = e.pointSize || 16, g.value = e.displayLabel ? "show" : "hide", _.value = e.labelSize || 11, V.value = e.labelColor || "rgba(0, 0, 0, 1)", h.value = e.labelFont || "DengXian";
       }
-    }), (a, e) => {
-      const n = j, i = X;
-      return _(), ae(te, {
+    }), (o, e) => {
+      const n = Y, i = Q;
+      return m(), q(H, {
         name: "fade",
         mode: "out-in"
       }, {
         default: t(() => [
-          p(v("div", ce, [
-            v("div", { class: "header" }, [
-              e[7] || (e[7] = v("div", null, "显示设置", -1)),
-              v("div", {
+          f(d("div", ee, [
+            d("div", { class: "header" }, [
+              e[7] || (e[7] = d("div", null, "显示设置", -1)),
+              d("div", {
                 class: "close-btn",
-                onClick: w
+                onClick: N
               }, "X")
             ]),
-            v("div", me, [
-              l(s(ve), { class: "point-style-form" }, {
+            d("div", le, [
+              l(r(K), { class: "point-style-form" }, {
                 default: t(() => [
-                  l(s(d), { label: "渲染方式" }, {
+                  l(r(c), { label: "渲染方式" }, {
                     default: t(() => [
                       l(i, {
-                        modelValue: u.value,
-                        "onUpdate:modelValue": e[0] || (e[0] = (o) => u.value = o),
+                        modelValue: s.value,
+                        "onUpdate:modelValue": e[0] || (e[0] = (a) => s.value = a),
                         placeholder: "请选择渲染方式"
                       }, {
                         default: t(() => [
@@ -103,74 +102,75 @@ const ce = { class: "legend-pop qy-flex-col" }, me = { class: "content" }, _e =
                     ]),
                     _: 1
                   }),
-                  p(l(s(d), {
+                  f(l(r(c), {
                     label: "点位样式",
                     "label-position": "top"
                   }, {
                     default: t(() => [
-                      v("div", _e, [
-                        (_(!0), k(P, null, T(s(I), (o) => (_(), k("div", {
-                          class: z(["shape-item", { selected: b.value === o.fileName }]),
-                          key: o.fileName
+                      d("div", oe, [
+                        (m(!0), w(E, null, F(P.value, (a) => (m(), w("div", {
+                          class: L(["shape-item", { selected: S.value === a.id }]),
+                          key: a.id
                         }, [
-                          v("img", {
-                            src: F(o.fileName),
+                          d("img", {
+                            src: a.url,
                             alt: "",
-                            onClick: (D) => O(o.fileName)
-                          }, null, 8, pe)
+                            onClick: (R) => D(a.id)
+                          }, null, 8, ae)
                         ], 2))), 128))
                       ])
                     ]),
                     _: 1
                   }, 512), [
-                    [g, u.value === "color"]
+                    [b, s.value === "color"]
                   ]),
-                  p(l(s(d), {
+                  f(l(r(c), {
                     label: "点位颜色",
                     class: "color-picker"
                   }, {
                     default: t(() => [
-                      l(s(U), {
-                        modelValue: m.value,
-                        "onUpdate:modelValue": e[1] || (e[1] = (o) => m.value = o),
-                        onChange: B,
+                      l(r(I), {
+                        modelValue: v.value,
+                        "onUpdate:modelValue": e[1] || (e[1] = (a) => v.value = a),
+                        onChange: X,
                         ref: "colorPicker",
                         "show-alpha": "",
-                        predefine: s(se)
+                        "color-format": "rgb",
+                        predefine: r(W)
                       }, null, 8, ["modelValue", "predefine"])
                     ]),
                     _: 1
                   }, 512), [
-                    [g, u.value === "color"]
+                    [b, s.value === "color"]
                   ]),
-                  p(l(s(d), {
+                  f(l(r(c), {
                     label: "点位样式",
                     "label-position": "top",
                     class: "icon-image"
                   }, {
                     default: t(() => [
-                      v("div", ge, [
-                        (_(!0), k(P, null, T(s(ne), (o) => (_(), k("div", {
-                          class: z(["color-item", { selected: f.value === o.fileName }]),
-                          key: o.fileName
+                      d("div", te, [
+                        (m(!0), w(E, null, F(T.value, (a) => (m(), w("div", {
+                          class: L(["color-item", { selected: y.value === a.id }]),
+                          key: a.id
                         }, [
-                          v("img", {
-                            src: s(ie) + o.fileName,
+                          d("img", {
+                            src: a.url,
                             alt: "",
-                            onClick: (D) => f.value = o.fileName
-                          }, null, 8, fe)
+                            onClick: (R) => y.value = a.id
+                          }, null, 8, ne)
                         ], 2))), 128))
                       ])
                     ]),
                     _: 1
                   }, 512), [
-                    [g, u.value === "icon"]
+                    [b, s.value === "icon"]
                   ]),
-                  p(l(s(d), { label: "点位大小" }, {
+                  f(l(r(c), { label: "点位大小" }, {
                     default: t(() => [
                       l(i, {
-                        modelValue: y.value,
-                        "onUpdate:modelValue": e[2] || (e[2] = (o) => y.value = o),
+                        modelValue: C.value,
+                        "onUpdate:modelValue": e[2] || (e[2] = (a) => C.value = a),
                         placeholder: "请选择点位大小"
                       }, {
                         default: t(() => [
@@ -192,13 +192,13 @@ const ce = { class: "legend-pop qy-flex-col" }, me = { class: "content" }, _e =
                     ]),
                     _: 1
                   }, 512), [
-                    [g, u.value === "color"]
+                    [b, s.value === "color"]
                   ]),
-                  l(s(d), { label: "物种名称" }, {
+                  l(r(c), { label: "物种名称" }, {
                     default: t(() => [
                       l(i, {
-                        modelValue: C.value,
-                        "onUpdate:modelValue": e[3] || (e[3] = (o) => C.value = o),
+                        modelValue: g.value,
+                        "onUpdate:modelValue": e[3] || (e[3] = (a) => g.value = a),
                         placeholder: "请选择"
                       }, {
                         default: t(() => [
@@ -216,11 +216,11 @@ const ce = { class: "legend-pop qy-flex-col" }, me = { class: "content" }, _e =
                     ]),
                     _: 1
                   }),
-                  l(s(d), { label: "字体大小" }, {
+                  l(r(c), { label: "字体大小" }, {
                     default: t(() => [
                       l(i, {
-                        modelValue: S.value,
-                        "onUpdate:modelValue": e[4] || (e[4] = (o) => S.value = o),
+                        modelValue: _.value,
+                        "onUpdate:modelValue": e[4] || (e[4] = (a) => _.value = a),
                         placeholder: "请选择字体大小"
                       }, {
                         default: t(() => [
@@ -254,24 +254,25 @@ const ce = { class: "legend-pop qy-flex-col" }, me = { class: "content" }, _e =
                     ]),
                     _: 1
                   }),
-                  l(s(d), {
+                  l(r(c), {
                     label: "字体颜色",
                     class: "color-picker"
                   }, {
                     default: t(() => [
-                      l(s(U), {
-                        modelValue: N.value,
-                        "onUpdate:modelValue": e[5] || (e[5] = (o) => N.value = o),
-                        "show-alpha": ""
+                      l(r(I), {
+                        modelValue: V.value,
+                        "onUpdate:modelValue": e[5] || (e[5] = (a) => V.value = a),
+                        "show-alpha": "",
+                        "color-format": "rgb"
                       }, null, 8, ["modelValue"])
                     ]),
                     _: 1
                   }),
-                  l(s(d), { label: "字体类型" }, {
+                  l(r(c), { label: "字体类型" }, {
                     default: t(() => [
                       l(i, {
-                        modelValue: V.value,
-                        "onUpdate:modelValue": e[6] || (e[6] = (o) => V.value = o),
+                        modelValue: h.value,
+                        "onUpdate:modelValue": e[6] || (e[6] = (a) => h.value = a),
                         placeholder: "请选择字体类型"
                       }, {
                         default: t(() => [
@@ -297,32 +298,32 @@ const ce = { class: "legend-pop qy-flex-col" }, me = { class: "content" }, _e =
                 _: 1
               })
             ]),
-            v("div", be, [
-              l(s(x), { onClick: w }, {
+            d("div", ie, [
+              l(r(U), { onClick: N }, {
                 default: t(() => [...e[8] || (e[8] = [
-                  L("取消", -1)
+                  x("取消", -1)
                 ])]),
                 _: 1
               }),
-              l(s(x), {
+              l(r(U), {
                 type: "primary",
-                onClick: M
+                onClick: J
               }, {
                 default: t(() => [...e[9] || (e[9] = [
-                  L("确认", -1)
+                  x("确认", -1)
                 ])]),
                 _: 1
               })
             ])
           ], 512), [
-            [g, h.value]
+            [b, k.value]
           ])
         ]),
         _: 1
       });
     };
   }
-}), Ue = /* @__PURE__ */ de(ye, [["__scopeId", "data-v-dc0033ce"]]);
+}), ye = /* @__PURE__ */ Z(re, [["__scopeId", "data-v-337e13ce"]]);
 export {
-  Ue as default
+  ye as default
 };

package/dist/mapboxV2/widgets/LegendShape.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../../chunks/utils-CZxmwfl_.js"),c=require("../../chunks/constant-mXEWtcQf.js"),r=require("../../chunks/_plugin-vue_export-helper-BHFhmbuH.js"),i={class:"qy-flex-col legend-icon-container"},s={key:1,class:"multiple-color legend-icon-shape"},u=e.defineComponent({__name:"LegendShape",props:{topic:{}},setup(o){const t=e.ref(!1),n=e.ref(c.DefaultColor);return e.onMounted(()=>{if(t.value=!1,o.topic.url){const l=a.parseLayerPaintConfig(o.topic.layerPaintConfig,o.topic.layerType);t.value=l.fillColorList.length===1,n.value=l.fillColorList[0]?.color??c.DefaultColor}else{const l=a.parseLayerPaintConfig(o.topic.customLayerConfig,o.topic.layerType);t.value=!0,n.value=l.fillColor||c.DefaultColor}}),(l,d)=>(e.openBlock(),e.createElementBlock("div",i,[t.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"legend-icon-shape",style:e.normalizeStyle({backgroundColor:n.value})},null,4)):(e.openBlock(),e.createElementBlock("div",s))]))}}),f=r._export_sfc(u,[["__scopeId","data-v-f1e24158"]]);exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("../../chunks/utils-CrwGKkIz.js"),a=require("../../chunks/constant-Bq4ASE9Q.js"),c=require("../../chunks/_plugin-vue_export-helper-BHFhmbuH.js"),r={class:"qy-flex-col legend-icon-container"},s={key:1,class:"multiple-color legend-icon-shape"},u=e.defineComponent({__name:"LegendShape",props:{topic:{}},setup(o){const t=e.ref(!1),n=e.ref(a.DefaultColor);return e.onMounted(()=>{if(t.value=!1,o.topic.url){const l=i.parseLayerPaintConfig(o.topic.layerPaintConfig,o.topic.layerType);t.value=l.fillColorList?.length===1,n.value=l.fillColorList?.[0]?.color??a.DefaultColor}else if(o.topic.layerType==="geojson"){const l=i.parseLayerPaintConfig(o.topic.layerPaintConfig,o.topic.layerType);t.value=!0,n.value=l.fillColor||a.DefaultColor}else{const l=i.parseLayerPaintConfig(o.topic.layerPaintConfig,o.topic.layerType);t.value=!0,n.value=l.fillColor||a.DefaultColor}}),(l,g)=>(e.openBlock(),e.createElementBlock("div",r,[t.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"legend-icon-shape",style:e.normalizeStyle({backgroundColor:n.value})},null,4)):(e.openBlock(),e.createElementBlock("div",s))]))}}),f=c._export_sfc(u,[["__scopeId","data-v-f03b0b3b"]]);exports.default=f;

package/dist/mapboxV2/widgets/LegendShape.mjs

@@ -1,34 +1,37 @@
-import { defineComponent as s, ref as i, onMounted as f, createElementBlock as n, openBlock as a, normalizeStyle as u } from "vue";
-import { p as r } from "../../chunks/utils-n1i0zWzc.js";
-import { b as c } from "../../chunks/constant-BqK1UnfT.js";
+import { defineComponent as s, ref as r, onMounted as f, createElementBlock as a, openBlock as i, normalizeStyle as u } from "vue";
+import { p as c } from "../../chunks/utils-BJ8Lu8TY.js";
+import { b as n } from "../../chunks/constant-E83OJqPQ.js";
 import { _ as p } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
-const d = { class: "qy-flex-col legend-icon-container" }, m = {
+const d = { class: "qy-flex-col legend-icon-container" }, g = {
   key: 1,
   class: "multiple-color legend-icon-shape"
-}, g = /* @__PURE__ */ s({
+}, y = /* @__PURE__ */ s({
   __name: "LegendShape",
   props: {
     topic: {}
   },
   setup(e) {
-    const l = i(!1), t = i(c);
+    const l = r(!1), t = r(n);
     return f(() => {
       if (l.value = !1, e.topic.url) {
-        const o = r(e.topic.layerPaintConfig, e.topic.layerType);
-        l.value = o.fillColorList.length === 1, t.value = o.fillColorList[0]?.color ?? c;
+        const o = c(e.topic.layerPaintConfig, e.topic.layerType);
+        l.value = o.fillColorList?.length === 1, t.value = o.fillColorList?.[0]?.color ?? n;
+      } else if (e.topic.layerType === "geojson") {
+        const o = c(e.topic.layerPaintConfig, e.topic.layerType);
+        l.value = !0, t.value = o.fillColor || n;
       } else {
-        const o = r(e.topic.customLayerConfig, e.topic.layerType);
-        l.value = !0, t.value = o.fillColor || c;
+        const o = c(e.topic.layerPaintConfig, e.topic.layerType);
+        l.value = !0, t.value = o.fillColor || n;
       }
-    }), (o, y) => (a(), n("div", d, [
-      l.value ? (a(), n("div", {
+    }), (o, m) => (i(), a("div", d, [
+      l.value ? (i(), a("div", {
         key: 0,
         class: "legend-icon-shape",
         style: u({ backgroundColor: t.value })
-      }, null, 4)) : (a(), n("div", m))
+      }, null, 4)) : (i(), a("div", g))
     ]));
   }
-}), k = /* @__PURE__ */ p(g, [["__scopeId", "data-v-f1e24158"]]);
+}), k = /* @__PURE__ */ p(y, [["__scopeId", "data-v-f03b0b3b"]]);
 export {
   k as default
 };

package/dist/mapboxV2/widgets/LegendSymbol.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../../chunks/constant-mXEWtcQf.js"),i=require("../../chunks/_plugin-vue_export-helper-BHFhmbuH.js"),s={class:"legend-symbol"},u={key:1,class:"symbol"},a=["src"],m=e.defineComponent({__name:"LegendSymbol",props:{topic:{}},setup(c){const t=e.computed(()=>c.topic&&(c.topic.layerPaintConfig?JSON.parse(c.topic.layerPaintConfig):{}).circleConfigList||o.circleConfigList),n=e.computed(()=>t.value[0].circleType||"circle"),r=e.computed(()=>c.topic?{"background-color":t.value[0].circleColor||"#000000"}:{});return(l,f)=>(e.openBlock(),e.createElementBlock("div",s,[n.value==="circle"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"circle",style:e.normalizeStyle(r.value)},null,4)):n.value==="symbol"?(e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("img",{src:e.unref(o.mapIconBaseUrl)+(t.value[0].iconImageUrl||e.unref(o.DefaultIcon)),alt:"Symbol Icon"},null,8,a)])):e.createCommentVNode("",!0)]))}}),d=i._export_sfc(m,[["__scopeId","data-v-73c26f43"]]);exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../../chunks/constant-Bq4ASE9Q.js"),i=require("../../chunks/_plugin-vue_export-helper-BHFhmbuH.js"),s={class:"legend-symbol"},a={key:1,class:"symbol"},u=["src"],m=e.defineComponent({__name:"LegendSymbol",props:{topic:{}},setup(c){const t=e.computed(()=>c.topic&&(c.topic.layerPaintConfig?JSON.parse(c.topic.layerPaintConfig):{}).circleConfigList||o.circleConfigList),n=e.computed(()=>t.value[0].circleType||"circle"),r=e.computed(()=>c.topic?{"background-color":t.value[0].circleColor||"rgba(0, 0, 0, 1)"}:{});return(l,f)=>(e.openBlock(),e.createElementBlock("div",s,[n.value==="circle"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"circle",style:e.normalizeStyle(r.value)},null,4)):n.value==="symbol"?(e.openBlock(),e.createElementBlock("div",a,[e.createElementVNode("img",{src:e.unref(o.mapIconBaseUrl)+(t.value[0].iconImageUrl||e.unref(o.DefaultIcon)),alt:"Symbol Icon"},null,8,u)])):e.createCommentVNode("",!0)]))}}),d=i._export_sfc(m,[["__scopeId","data-v-1ba18273"]]);exports.default=d;

package/dist/mapboxV2/widgets/LegendSymbol.mjs

@@ -1,17 +1,17 @@
 import { defineComponent as m, computed as o, createElementBlock as t, openBlock as n, createCommentVNode as u, normalizeStyle as f, createElementVNode as d, unref as i } from "vue";
-import { g as s, m as g, D as p } from "../../chunks/constant-BqK1UnfT.js";
+import { c as s, e as g, D as p } from "../../chunks/constant-E83OJqPQ.js";
 import { _ as y } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
 const _ = { class: "legend-symbol" }, v = {
   key: 1,
   class: "symbol"
-}, C = ["src"], b = /* @__PURE__ */ m({
+}, b = ["src"], C = /* @__PURE__ */ m({
   __name: "LegendSymbol",
   props: {
     topic: {}
   },
   setup(e) {
     const c = o(() => e.topic ? (e.topic.layerPaintConfig ? JSON.parse(e.topic.layerPaintConfig) : {}).circleConfigList || s : s), l = o(() => c.value[0].circleType || "circle"), a = o(() => e.topic ? {
-      "background-color": c.value[0].circleColor || "#000000"
+      "background-color": c.value[0].circleColor || "rgba(0, 0, 0, 1)"
     } : {});
     return (r, k) => (n(), t("div", _, [
       l.value === "circle" ? (n(), t("div", {
@@ -22,11 +22,11 @@ const _ = { class: "legend-symbol" }, v = {
         d("img", {
           src: i(g) + (c.value[0].iconImageUrl || i(p)),
           alt: "Symbol Icon"
-        }, null, 8, C)
+        }, null, 8, b)
       ])) : u("", !0)
     ]));
   }
-}), L = /* @__PURE__ */ y(b, [["__scopeId", "data-v-73c26f43"]]);
+}), L = /* @__PURE__ */ y(C, [["__scopeId", "data-v-1ba18273"]]);
 export {
   L as default
 };