qy-vue-plugins 1.0.2-beta → 1.0.2

package/dist/mapboxV2/widgets/LegendDialogLine.mjs

@@ -1,20 +1,25 @@
-import { defineComponent as w, ref as s, reactive as y, createBlock as C, openBlock as p, unref as a, withCtx as r, createVNode as t, createElementBlock as h, Fragment as U, renderList as _, createElementVNode as f, createTextVNode as V } from "vue";
-import { p as q } from "../../chunks/utils-n1i0zWzc.js";
-import { c as T } from "../../chunks/EventKeys-1aL9cgT0.js";
-import { storeToRefs as B } from "pinia";
-import { u as D } from "../../chunks/mapStore-Eu13mnJg.js";
-import { e as I } from "../../chunks/constant-BqK1UnfT.js";
-import { ElDialog as W, ElForm as F, ElFormItem as d, ElSelect as v, ElOption as g, ElInput as L, ElInputNumber as P, ElColorPicker as R, ElSwitch as O, ElButton as b } from "element-plus";
-import { _ as J } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
-const M = { class: "width-input-container" }, $ = { class: "dialog-footer" }, j = /* @__PURE__ */ w({
+import { defineComponent as w, ref as s, reactive as c, computed as L, createBlock as v, openBlock as f, unref as o, withCtx as i, createVNode as t, createElementBlock as U, Fragment as _, renderList as q, createElementVNode as p, createTextVNode as V } from "vue";
+import { p as B } from "../../chunks/utils-BJ8Lu8TY.js";
+import { c as T } from "../../chunks/EventKeys-DZ_Hahro.js";
+import { storeToRefs as D } from "pinia";
+import { u as I } from "../../chunks/mapStore-Eu13mnJg.js";
+import { m as W } from "../../chunks/constant-E83OJqPQ.js";
+import { ElDialog as F, ElForm as R, ElFormItem as d, ElSelect as k, ElOption as g, ElInput as b, ElInputNumber as O, ElColorPicker as J, ElSwitch as M, ElButton as P } from "element-plus";
+import { _ as $ } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
+const j = { class: "width-input-container" }, z = { class: "dialog-footer" }, A = /* @__PURE__ */ w({
   __name: "LegendDialogLine",
-  setup(z, { expose: k }) {
-    const n = s(!1), m = s(), c = D(), { topTopicList: N } = B(c), e = y({
+  setup(G, { expose: N }) {
+    const u = s(!1), m = s(), y = I(), { topTopicList: x } = D(y), e = c({
       pid: "",
       layerName: "",
       defaultChecked: 0,
-      customLayerConfig: {}
-    }), x = y({
+      layerPaintConfig: {}
+    }), C = L({
+      get: () => e.defaultChecked === 1,
+      set: (r) => {
+        e.defaultChecked = r ? 1 : 0;
+      }
+    }), S = c({
       pid: [{ required: !0, message: "请选择所属专题", trigger: "change" }],
       layerName: [
         { required: !0, message: "请输入图层名称", trigger: "blur" },
@@ -24,89 +29,89 @@ const M = { class: "width-input-container" }, $ = { class: "dialog-footer" }, j
       lineShape: [
         { required: !1, message: "请选择线条形状", trigger: "change" }
       ]
-    }), u = s(), S = (i, l) => {
-      if (n.value = !0, u.value = i, i) {
-        const o = q(
-          i.customLayerConfig,
-          i.layerType
+    }), n = s(), h = (r, l) => {
+      if (u.value = !0, n.value = r, r) {
+        const a = B(
+          r.layerPaintConfig,
+          r.layerType
         );
-        o.lineStyle || (o.lineStyle = "solid"), e.pid = i.pid ?? "", e.layerName = i.layerName || "", e.customLayerConfig = o || {};
+        a.lineStyle || (a.lineStyle = "solid"), e.pid = r.pid ?? "", e.layerName = r.layerName || "", e.defaultChecked = Number(r.defaultChecked) || 0, e.layerPaintConfig = a || {};
       } else
-        e.pid = "", e.layerName = "", e.defaultChecked = 0, e.customLayerConfig = {};
+        e.pid = "", e.layerName = "", e.defaultChecked = 0, e.layerPaintConfig = {};
       setTimeout(() => {
         m.value?.clearValidate();
       });
     }, E = async () => {
       if (m.value)
         try {
-          await m.value.validate((i, l) => {
-            i ? (console.log("保存数据:", e), u.value.pid = e.pid, u.value.layerName = e.layerName, u.value.defaultChecked = e.defaultChecked, u.value.customLayerConfig = JSON.stringify(
-              e.customLayerConfig
-            ), u.value.targetScreen = "normal", T.emit(u.value), n.value = !1) : console.error("表单验证失败", l);
+          await m.value.validate((r, l) => {
+            r ? (console.log("保存数据:", e), n.value.pid = e.pid, n.value.layerName = e.layerName, n.value.defaultChecked = e.defaultChecked, n.value.layerPaintConfig = JSON.stringify(
+              e.layerPaintConfig
+            ), n.value.targetScreen = "normal", T.emit(n.value), u.value = !1) : console.error("表单验证失败", l);
           });
-        } catch (i) {
-          console.error("表单验证出错", i);
+        } catch (r) {
+          console.error("表单验证出错", r);
         }
     };
-    return k({
-      open: S
-    }), (i, l) => (p(), C(a(W), {
+    return N({
+      open: h
+    }), (r, l) => (f(), v(o(F), {
       title: "图层配置",
-      modelValue: n.value,
-      "onUpdate:modelValue": l[8] || (l[8] = (o) => n.value = o),
+      modelValue: u.value,
+      "onUpdate:modelValue": l[8] || (l[8] = (a) => u.value = a),
       width: "600px",
-      center: a(c).dialogConfig.center,
+      center: o(y).dialogConfig.center,
       "close-on-click-modal": !1,
       class: "legend-dialog"
     }, {
-      footer: r(() => [
-        f("span", $, [
-          t(a(b), {
-            onClick: l[7] || (l[7] = (o) => n.value = !1)
+      footer: i(() => [
+        p("span", z, [
+          t(o(P), {
+            onClick: l[7] || (l[7] = (a) => u.value = !1)
           }, {
-            default: r(() => [...l[10] || (l[10] = [
+            default: i(() => [...l[10] || (l[10] = [
               V("关闭", -1)
             ])]),
             _: 1
           }),
-          t(a(b), {
+          t(o(P), {
             type: "primary",
             onClick: E
           }, {
-            default: r(() => [...l[11] || (l[11] = [
+            default: i(() => [...l[11] || (l[11] = [
               V("确认保存", -1)
             ])]),
             _: 1
           })
         ])
       ]),
-      default: r(() => [
-        t(a(F), {
+      default: i(() => [
+        t(o(R), {
           model: e,
           ref_key: "formRef",
           ref: m,
-          rules: x,
+          rules: S,
           "label-width": "80px"
         }, {
-          default: r(() => [
-            t(a(d), {
+          default: i(() => [
+            t(o(d), {
               label: "所属专题",
               prop: "pid",
               required: ""
             }, {
-              default: r(() => [
-                t(a(v), {
+              default: i(() => [
+                t(o(k), {
                   modelValue: e.pid,
-                  "onUpdate:modelValue": l[0] || (l[0] = (o) => e.pid = o),
+                  "onUpdate:modelValue": l[0] || (l[0] = (a) => e.pid = a),
                   placeholder: "请选择专题",
                   clearable: "",
                   class: "full-width"
                 }, {
-                  default: r(() => [
-                    (p(!0), h(U, null, _(a(N), (o) => (p(), C(a(g), {
-                      key: o.id,
-                      label: o.layerName,
-                      value: o.id
+                  default: i(() => [
+                    (f(!0), U(_, null, q(o(x), (a) => (f(), v(o(g), {
+                      key: a.id,
+                      label: a.layerName,
+                      value: a.id
                     }, null, 8, ["label", "value"]))), 128))
                   ]),
                   _: 1
@@ -114,55 +119,55 @@ const M = { class: "width-input-container" }, $ = { class: "dialog-footer" }, j
               ]),
               _: 1
             }),
-            t(a(d), {
+            t(o(d), {
               label: "图层名称",
               prop: "layerName",
               required: ""
             }, {
-              default: r(() => [
-                t(a(L), {
+              default: i(() => [
+                t(o(b), {
                   modelValue: e.layerName,
-                  "onUpdate:modelValue": l[1] || (l[1] = (o) => e.layerName = o),
+                  "onUpdate:modelValue": l[1] || (l[1] = (a) => e.layerName = a),
                   placeholder: "请输入图层名称"
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             }),
-            t(a(d), {
+            t(o(d), {
               label: "线条宽度",
-              prop: "customLayerConfig.lineWidth"
+              prop: "layerPaintConfig.lineWidth"
             }, {
-              default: r(() => [
-                f("div", M, [
-                  t(a(P), {
-                    modelValue: e.customLayerConfig.lineWidth,
-                    "onUpdate:modelValue": l[2] || (l[2] = (o) => e.customLayerConfig.lineWidth = o),
+              default: i(() => [
+                p("div", j, [
+                  t(o(O), {
+                    modelValue: e.layerPaintConfig.lineWidth,
+                    "onUpdate:modelValue": l[2] || (l[2] = (a) => e.layerPaintConfig.lineWidth = a),
                     min: 1,
                     max: 20,
                     class: "line-width-input"
                   }, null, 8, ["modelValue"]),
-                  l[9] || (l[9] = f("div", { class: "unit-label" }, "像素", -1))
+                  l[9] || (l[9] = p("div", { class: "unit-label" }, "像素", -1))
                 ])
               ]),
               _: 1
             }),
-            t(a(d), {
+            t(o(d), {
               label: "线条形状",
               prop: "lineShape"
             }, {
-              default: r(() => [
-                t(a(v), {
-                  modelValue: e.customLayerConfig.lineStyle,
-                  "onUpdate:modelValue": l[3] || (l[3] = (o) => e.customLayerConfig.lineStyle = o),
+              default: i(() => [
+                t(o(k), {
+                  modelValue: e.layerPaintConfig.lineStyle,
+                  "onUpdate:modelValue": l[3] || (l[3] = (a) => e.layerPaintConfig.lineStyle = a),
                   placeholder: "请选择线条形状",
                   class: "full-width"
                 }, {
-                  default: r(() => [
-                    t(a(g), {
+                  default: i(() => [
+                    t(o(g), {
                       label: "实线",
                       value: "solid"
                     }),
-                    t(a(g), {
+                    t(o(g), {
                       label: "虚线",
                       value: "dotted"
                     })
@@ -172,42 +177,42 @@ const M = { class: "width-input-container" }, $ = { class: "dialog-footer" }, j
               ]),
               _: 1
             }),
-            t(a(d), {
+            t(o(d), {
               label: "线条颜色",
               prop: "lineColor"
             }, {
-              default: r(() => [
-                t(a(R), {
-                  modelValue: e.customLayerConfig.lineColor,
-                  "onUpdate:modelValue": l[4] || (l[4] = (o) => e.customLayerConfig.lineColor = o),
+              default: i(() => [
+                t(o(J), {
+                  modelValue: e.layerPaintConfig.lineColor,
+                  "onUpdate:modelValue": l[4] || (l[4] = (a) => e.layerPaintConfig.lineColor = a),
                   "show-alpha": "",
-                  predefine: a(I)
+                  predefine: o(W)
                 }, null, 8, ["modelValue", "predefine"])
               ]),
               _: 1
             }),
-            t(a(d), {
+            t(o(d), {
               label: "默认加载",
               prop: "defaultLoad"
             }, {
-              default: r(() => [
-                t(a(O), {
-                  modelValue: e.defaultChecked,
-                  "onUpdate:modelValue": l[5] || (l[5] = (o) => e.defaultChecked = o),
+              default: i(() => [
+                t(o(M), {
+                  modelValue: C.value,
+                  "onUpdate:modelValue": l[5] || (l[5] = (a) => C.value = a),
                   "active-text": "是",
                   "inactive-text": "否"
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             }),
-            t(a(d), {
+            t(o(d), {
               label: "备注",
               prop: "remark"
             }, {
-              default: r(() => [
-                t(a(L), {
-                  modelValue: e.customLayerConfig.remark,
-                  "onUpdate:modelValue": l[6] || (l[6] = (o) => e.customLayerConfig.remark = o),
+              default: i(() => [
+                t(o(b), {
+                  modelValue: e.layerPaintConfig.remark,
+                  "onUpdate:modelValue": l[6] || (l[6] = (a) => e.layerPaintConfig.remark = a),
                   type: "textarea",
                   rows: 4,
                   placeholder: "请输入备注"
@@ -222,7 +227,7 @@ const M = { class: "width-input-container" }, $ = { class: "dialog-footer" }, j
       _: 1
     }, 8, ["modelValue", "center"]));
   }
-}), ee = /* @__PURE__ */ J(j, [["__scopeId", "data-v-86f884f2"]]);
+}), ae = /* @__PURE__ */ $(A, [["__scopeId", "data-v-52f05d83"]]);
 export {
-  ee as default
+  ae as default
 };

package/dist/mapboxV2/widgets/LegendDialogPoint.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("../../chunks/constant-mXEWtcQf.js"),V=require("../../chunks/utils-CZxmwfl_.js"),N=require("../../chunks/EventKeys-BvyQ87Zy.js"),y=require("../../chunks/mapStore-dFPYwvXT.js"),v=require("pinia"),a=require("element-plus"),x=require("../../chunks/_plugin-vue_export-helper-BHFhmbuH.js"),k={class:"icons-container"},E={class:"icons-grid"},_=["onClick"],h=["src","alt"],w={class:"dialog-footer"},P=e.defineComponent({__name:"LegendDialogPoint",setup(B,{expose:c}){const s=y.useMapStore(),n=e.ref(!1),u=e.ref(),{topTopicList:f}=v.storeToRefs(s),l=e.reactive({pid:"",layerName:"",defaultChecked:0,layerPaintConfig:{}}),m=e.reactive({pid:[{required:!0,message:"请选择所属专题",trigger:"change"}],layerName:[{required:!0,message:"请输入图层名称",trigger:"blur"},{min:2,max:50,message:"长度在 2 到 50 个字符",trigger:"blur"}]}),i=e.ref(),p=(r,o)=>{if(n.value=!0,i.value=r,console.log("data-----------",r),console.log("_topicList-----------",o),r){const t=V.parseLayerPaintConfig(r.layerPaintConfig,r.layerType);console.log("config----------",t),l.pid=r.pid??"",l.layerName=r.layerName||"",l.layerPaintConfig=t||{}}else l.pid=0,l.layerName="",l.layerPaintConfig={}},g=async()=>{u.value&&await u.value.validate((r,o)=>{r?(console.log("保存数据:",l),i.value={...i.value,targetScreen:"normal",pid:l.pid,layerName:l.layerName,defaultChecked:l.defaultChecked?1:0,layerPaintConfig:JSON.stringify(l.layerPaintConfig)},console.log("topic.value----------",i.value),N.createTopicBus.emit(i.value),n.value=!1):console.error("表单验证失败",o)})};return c({open:p}),(r,o)=>(e.openBlock(),e.createBlock(e.unref(a.ElDialog),{title:"图层配置",modelValue:n.value,"onUpdate:modelValue":o[6]||(o[6]=t=>n.value=t),width:"600px",center:e.unref(s).dialogConfig.center,"close-on-click-modal":!1,class:"legend-dialog"},{footer:e.withCtx(()=>[e.createElementVNode("span",w,[e.createVNode(e.unref(a.ElButton),{onClick:o[5]||(o[5]=t=>n.value=!1)},{default:e.withCtx(()=>[...o[7]||(o[7]=[e.createTextVNode("关闭",-1)])]),_:1}),e.createVNode(e.unref(a.ElButton),{type:"primary",onClick:g},{default:e.withCtx(()=>[...o[8]||(o[8]=[e.createTextVNode("确认保存",-1)])]),_:1})])]),default:e.withCtx(()=>[e.createVNode(e.unref(a.ElForm),{model:l,ref_key:"formRef",ref:u,rules:m,"label-position":"right","label-width":"100px",size:"default"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElFormItem),{label:"所属专题",prop:"pid"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElSelect),{modelValue:l.pid,"onUpdate:modelValue":o[0]||(o[0]=t=>l.pid=t),placeholder:"请选择专题",class:"full-width",clearable:""},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f),t=>(e.openBlock(),e.createBlock(e.unref(a.ElOption),{key:t.id,label:t.layerName,value:t.id},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),e.createVNode(e.unref(a.ElFormItem),{label:"图层名称",prop:"layerName"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElInput),{modelValue:l.layerName,"onUpdate:modelValue":o[1]||(o[1]=t=>l.layerName=t),placeholder:"请输入图层名称"},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(a.ElFormItem),{label:"文本颜色"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElColorPicker),{modelValue:l.layerPaintConfig.textColor,"onUpdate:modelValue":o[2]||(o[2]=t=>l.layerPaintConfig.textColor=t),"show-alpha":"",predefine:e.unref(d.mapPointsColors)},null,8,["modelValue","predefine"])]),_:1}),e.createVNode(e.unref(a.ElFormItem),{label:"展示图标"},{default:e.withCtx(()=>[e.createElementVNode("div",k,[e.createVNode(e.unref(a.ElScrollbar),{height:"300px"},{default:e.withCtx(()=>[e.createElementVNode("div",E,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(d.mapIconNameList),(t,C)=>(e.openBlock(),e.createElementBlock("div",{key:C,class:e.normalizeClass(["icon-item",{active:l.layerPaintConfig.iconName===t.fileName}]),onClick:I=>l.layerPaintConfig.iconName=t.fileName},[e.createElementVNode("img",{src:e.unref(d.mapIconBaseUrl)+t.fileName,alt:t.name},null,8,h)],10,_))),128))])]),_:1})])]),_:1}),e.createVNode(e.unref(a.ElFormItem),{label:"默认加载"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElSwitch),{modelValue:l.defaultChecked,"onUpdate:modelValue":o[3]||(o[3]=t=>l.defaultChecked=t),"active-text":"是","inactive-text":"否"},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(a.ElFormItem),{label:"备注"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElInput),{modelValue:l.layerPaintConfig.remark,"onUpdate:modelValue":o[4]||(o[4]=t=>l.layerPaintConfig.remark=t),type:"textarea",rows:3,placeholder:"请输入备注"},null,8,["modelValue"])]),_:1})]),_:1},8,["model","rules"])]),_:1},8,["modelValue","center"]))}}),b=x._export_sfc(P,[["__scopeId","data-v-4f8c4338"]]);exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("../../chunks/constant-Bq4ASE9Q.js"),N=require("../../chunks/utils-CrwGKkIz.js"),v=require("../../chunks/EventKeys-BvyQ87Zy.js"),k=require("../../chunks/mapStore-dFPYwvXT.js"),x=require("pinia"),a=require("element-plus"),h=require("../../chunks/_plugin-vue_export-helper-BHFhmbuH.js"),E={class:"icons-container"},_={class:"icons-grid"},w=["onClick"],P=["src","alt"],b={class:"dialog-footer"},B=e.defineComponent({__name:"LegendDialogPoint",setup(S,{expose:c}){const d=k.useMapStore(),f=e.inject("iconOptions",e.ref([])),m=e.computed(()=>{const r=e.unref(f);return Array.isArray(r)&&r.length>0?r:[]}),n=e.ref(!1),u=e.ref(),{topTopicList:p}=x.storeToRefs(d),l=e.reactive({pid:"",layerName:"",defaultChecked:0,layerPaintConfig:{}}),s=e.computed({get:()=>l.defaultChecked===1,set:r=>{l.defaultChecked=r?1:0}}),g=e.reactive({pid:[{required:!0,message:"请选择所属专题",trigger:"change"}],layerName:[{required:!0,message:"请输入图层名称",trigger:"blur"},{min:2,max:50,message:"长度在 2 到 50 个字符",trigger:"blur"}]}),i=e.ref(),C=(r,o)=>{if(n.value=!0,i.value=r,console.log("data-----------",r),console.log("_topicList-----------",o),r){const t=N.parseLayerPaintConfig(r.layerPaintConfig,r.layerType);console.log("config----------",t),l.pid=r.pid??"",l.layerName=r.layerName||"",l.defaultChecked=Number(r.defaultChecked)||0,l.layerPaintConfig=t||{}}else l.pid=0,l.layerName="",l.defaultChecked=0,l.layerPaintConfig={}},V=async()=>{u.value&&await u.value.validate((r,o)=>{r?(console.log("保存数据:",l),i.value={...i.value,targetScreen:"normal",pid:l.pid,layerName:l.layerName,defaultChecked:l.defaultChecked,layerPaintConfig:JSON.stringify(l.layerPaintConfig)},console.log("topic.value----------",i.value),v.createTopicBus.emit(i.value),n.value=!1):console.error("表单验证失败",o)})};return c({open:C}),(r,o)=>(e.openBlock(),e.createBlock(e.unref(a.ElDialog),{title:"图层配置",modelValue:n.value,"onUpdate:modelValue":o[6]||(o[6]=t=>n.value=t),width:"600px",center:e.unref(d).dialogConfig.center,"close-on-click-modal":!1,class:"legend-dialog"},{footer:e.withCtx(()=>[e.createElementVNode("span",b,[e.createVNode(e.unref(a.ElButton),{onClick:o[5]||(o[5]=t=>n.value=!1)},{default:e.withCtx(()=>[...o[7]||(o[7]=[e.createTextVNode("关闭",-1)])]),_:1}),e.createVNode(e.unref(a.ElButton),{type:"primary",onClick:V},{default:e.withCtx(()=>[...o[8]||(o[8]=[e.createTextVNode("确认保存",-1)])]),_:1})])]),default:e.withCtx(()=>[e.createVNode(e.unref(a.ElForm),{model:l,ref_key:"formRef",ref:u,rules:g,"label-position":"right","label-width":"100px",size:"default"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElFormItem),{label:"所属专题",prop:"pid"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElSelect),{modelValue:l.pid,"onUpdate:modelValue":o[0]||(o[0]=t=>l.pid=t),placeholder:"请选择专题",class:"full-width",clearable:""},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(p),t=>(e.openBlock(),e.createBlock(e.unref(a.ElOption),{key:t.id,label:t.layerName,value:t.id},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),e.createVNode(e.unref(a.ElFormItem),{label:"图层名称",prop:"layerName"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElInput),{modelValue:l.layerName,"onUpdate:modelValue":o[1]||(o[1]=t=>l.layerName=t),placeholder:"请输入图层名称"},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(a.ElFormItem),{label:"文本颜色"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElColorPicker),{modelValue:l.layerPaintConfig.textColor,"onUpdate:modelValue":o[2]||(o[2]=t=>l.layerPaintConfig.textColor=t),"show-alpha":"",predefine:e.unref(y.mapPointsColors)},null,8,["modelValue","predefine"])]),_:1}),e.createVNode(e.unref(a.ElFormItem),{label:"展示图标"},{default:e.withCtx(()=>[e.createElementVNode("div",E,[e.createVNode(e.unref(a.ElScrollbar),{height:"300px"},{default:e.withCtx(()=>[e.createElementVNode("div",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,t=>(e.openBlock(),e.createElementBlock("div",{key:t.id,class:e.normalizeClass(["icon-item",{active:l.layerPaintConfig.iconName===t.id}]),onClick:q=>l.layerPaintConfig.iconName=t.id},[e.createElementVNode("img",{src:t.url,alt:t.name},null,8,P)],10,w))),128))])]),_:1})])]),_:1}),e.createVNode(e.unref(a.ElFormItem),{label:"默认加载"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElSwitch),{modelValue:s.value,"onUpdate:modelValue":o[3]||(o[3]=t=>s.value=t),"active-text":"是","inactive-text":"否"},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(a.ElFormItem),{label:"备注"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElInput),{modelValue:l.layerPaintConfig.remark,"onUpdate:modelValue":o[4]||(o[4]=t=>l.layerPaintConfig.remark=t),type:"textarea",rows:3,placeholder:"请输入备注"},null,8,["modelValue"])]),_:1})]),_:1},8,["model","rules"])]),_:1},8,["modelValue","center"]))}}),I=h._export_sfc(B,[["__scopeId","data-v-05f40574"]]);exports.default=I;

package/dist/mapboxV2/widgets/LegendDialogPoint.mjs

@@ -1,105 +1,110 @@
-import { defineComponent as S, ref as p, reactive as y, createBlock as C, openBlock as m, unref as o, withCtx as r, createVNode as t, createElementBlock as c, Fragment as v, renderList as V, createElementVNode as u, normalizeClass as L, createTextVNode as N } from "vue";
-import { e as U, f as B, m as I } from "../../chunks/constant-BqK1UnfT.js";
-import { p as T } from "../../chunks/utils-n1i0zWzc.js";
-import { c as D } from "../../chunks/EventKeys-1aL9cgT0.js";
+import { defineComponent as L, inject as U, ref as m, computed as C, unref as a, reactive as v, createBlock as k, openBlock as u, withCtx as n, createVNode as r, createElementBlock as c, Fragment as V, renderList as _, createElementVNode as f, normalizeClass as O, createTextVNode as N } from "vue";
+import { m as T } from "../../chunks/constant-E83OJqPQ.js";
+import { p as D } from "../../chunks/utils-BJ8Lu8TY.js";
+import { c as j } from "../../chunks/EventKeys-DZ_Hahro.js";
 import { u as F } from "../../chunks/mapStore-Eu13mnJg.js";
 import { storeToRefs as R } from "pinia";
-import { ElDialog as q, ElForm as z, ElFormItem as n, ElSelect as O, ElOption as $, ElInput as k, ElColorPicker as J, ElScrollbar as M, ElSwitch as j, ElButton as _ } from "element-plus";
-import { _ as A } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
-const G = { class: "icons-container" }, H = { class: "icons-grid" }, K = ["onClick"], Q = ["src", "alt"], W = { class: "dialog-footer" }, X = /* @__PURE__ */ S({
+import { ElDialog as q, ElForm as z, ElFormItem as i, ElSelect as A, ElOption as $, ElInput as P, ElColorPicker as J, ElScrollbar as M, ElSwitch as G, ElButton as b } from "element-plus";
+import { _ as H } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
+const K = { class: "icons-container" }, Q = { class: "icons-grid" }, W = ["onClick"], X = ["src", "alt"], Y = { class: "dialog-footer" }, Z = /* @__PURE__ */ L({
   __name: "LegendDialogPoint",
-  setup(Y, { expose: P }) {
-    const g = F(), s = p(!1), f = p(), { topTopicList: b } = R(g), e = y({
+  setup(ee, { expose: x }) {
+    const g = F(), h = U("iconOptions", m([])), E = C(() => {
+      const t = a(h);
+      return Array.isArray(t) && t.length > 0 ? t : [];
+    }), d = m(!1), p = m(), { topTopicList: w } = R(g), e = v({
       pid: "",
       // 专题ID，默认为0
       layerName: "",
       defaultChecked: 0,
-      // 默认加载，默认为0
+      // 默认加载，0或1
       layerPaintConfig: {}
-    }), x = y({
+    }), y = C({
+      get: () => e.defaultChecked === 1,
+      set: (t) => {
+        e.defaultChecked = t ? 1 : 0;
+      }
+    }), S = v({
       pid: [{ required: !0, message: "请选择所属专题", trigger: "change" }],
       layerName: [
         { required: !0, message: "请输入图层名称", trigger: "blur" },
         { min: 2, max: 50, message: "长度在 2 到 50 个字符", trigger: "blur" }
       ]
-    }), d = p(), E = (i, a) => {
-      if (s.value = !0, d.value = i, console.log("data-----------", i), console.log("_topicList-----------", a), i) {
-        const l = T(
-          i.layerPaintConfig,
-          i.layerType
-        );
-        console.log("config----------", l), e.pid = i.pid ?? "", e.layerName = i.layerName || "", e.layerPaintConfig = l || {};
+    }), s = m(), B = (t, o) => {
+      if (d.value = !0, s.value = t, console.log("data-----------", t), console.log("_topicList-----------", o), t) {
+        const l = D(t.layerPaintConfig, t.layerType);
+        console.log("config----------", l), e.pid = t.pid ?? "", e.layerName = t.layerName || "", e.defaultChecked = Number(t.defaultChecked) || 0, e.layerPaintConfig = l || {};
       } else
-        e.pid = 0, e.layerName = "", e.layerPaintConfig = {};
-    }, h = async () => {
-      f.value && await f.value.validate((i, a) => {
-        i ? (console.log("保存数据:", e), d.value = {
-          ...d.value,
+        e.pid = 0, e.layerName = "", e.defaultChecked = 0, e.layerPaintConfig = {};
+    }, I = async () => {
+      p.value && await p.value.validate((t, o) => {
+        t ? (console.log("保存数据:", e), s.value = {
+          ...s.value,
           targetScreen: "normal",
           pid: e.pid,
           layerName: e.layerName,
-          defaultChecked: e.defaultChecked ? 1 : 0,
+          defaultChecked: e.defaultChecked,
           layerPaintConfig: JSON.stringify(e.layerPaintConfig)
-        }, console.log("topic.value----------", d.value), D.emit(d.value), s.value = !1) : console.error("表单验证失败", a);
+        }, console.log("topic.value----------", s.value), j.emit(s.value), d.value = !1) : console.error("表单验证失败", o);
       });
     };
-    return P({
-      open: E
-    }), (i, a) => (m(), C(o(q), {
+    return x({
+      open: B
+    }), (t, o) => (u(), k(a(q), {
       title: "图层配置",
-      modelValue: s.value,
-      "onUpdate:modelValue": a[6] || (a[6] = (l) => s.value = l),
+      modelValue: d.value,
+      "onUpdate:modelValue": o[6] || (o[6] = (l) => d.value = l),
       width: "600px",
-      center: o(g).dialogConfig.center,
+      center: a(g).dialogConfig.center,
       "close-on-click-modal": !1,
       class: "legend-dialog"
     }, {
-      footer: r(() => [
-        u("span", W, [
-          t(o(_), {
-            onClick: a[5] || (a[5] = (l) => s.value = !1)
+      footer: n(() => [
+        f("span", Y, [
+          r(a(b), {
+            onClick: o[5] || (o[5] = (l) => d.value = !1)
           }, {
-            default: r(() => [...a[7] || (a[7] = [
+            default: n(() => [...o[7] || (o[7] = [
               N("关闭", -1)
             ])]),
             _: 1
           }),
-          t(o(_), {
+          r(a(b), {
             type: "primary",
-            onClick: h
+            onClick: I
           }, {
-            default: r(() => [...a[8] || (a[8] = [
+            default: n(() => [...o[8] || (o[8] = [
               N("确认保存", -1)
             ])]),
             _: 1
           })
         ])
       ]),
-      default: r(() => [
-        t(o(z), {
+      default: n(() => [
+        r(a(z), {
           model: e,
           ref_key: "formRef",
-          ref: f,
-          rules: x,
+          ref: p,
+          rules: S,
           "label-position": "right",
           "label-width": "100px",
           size: "default"
         }, {
-          default: r(() => [
-            t(o(n), {
+          default: n(() => [
+            r(a(i), {
               label: "所属专题",
               prop: "pid"
             }, {
-              default: r(() => [
-                t(o(O), {
+              default: n(() => [
+                r(a(A), {
                   modelValue: e.pid,
-                  "onUpdate:modelValue": a[0] || (a[0] = (l) => e.pid = l),
+                  "onUpdate:modelValue": o[0] || (o[0] = (l) => e.pid = l),
                   placeholder: "请选择专题",
                   class: "full-width",
                   clearable: ""
                 }, {
-                  default: r(() => [
-                    (m(!0), c(v, null, V(o(b), (l) => (m(), C(o($), {
+                  default: n(() => [
+                    (u(!0), c(V, null, _(a(w), (l) => (u(), k(a($), {
                       key: l.id,
                       label: l.layerName,
                       value: l.id
@@ -110,48 +115,48 @@ const G = { class: "icons-container" }, H = { class: "icons-grid" }, K = ["onCli
               ]),
               _: 1
             }),
-            t(o(n), {
+            r(a(i), {
               label: "图层名称",
               prop: "layerName"
             }, {
-              default: r(() => [
-                t(o(k), {
+              default: n(() => [
+                r(a(P), {
                   modelValue: e.layerName,
-                  "onUpdate:modelValue": a[1] || (a[1] = (l) => e.layerName = l),
+                  "onUpdate:modelValue": o[1] || (o[1] = (l) => e.layerName = l),
                   placeholder: "请输入图层名称"
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             }),
-            t(o(n), { label: "文本颜色" }, {
-              default: r(() => [
-                t(o(J), {
+            r(a(i), { label: "文本颜色" }, {
+              default: n(() => [
+                r(a(J), {
                   modelValue: e.layerPaintConfig.textColor,
-                  "onUpdate:modelValue": a[2] || (a[2] = (l) => e.layerPaintConfig.textColor = l),
+                  "onUpdate:modelValue": o[2] || (o[2] = (l) => e.layerPaintConfig.textColor = l),
                   "show-alpha": "",
-                  predefine: o(U)
+                  predefine: a(T)
                 }, null, 8, ["modelValue", "predefine"])
               ]),
               _: 1
             }),
-            t(o(n), { label: "展示图标" }, {
-              default: r(() => [
-                u("div", G, [
-                  t(o(M), { height: "300px" }, {
-                    default: r(() => [
-                      u("div", H, [
-                        (m(!0), c(v, null, V(o(B), (l, w) => (m(), c("div", {
-                          key: w,
-                          class: L(["icon-item", {
-                            active: e.layerPaintConfig.iconName === l.fileName
+            r(a(i), { label: "展示图标" }, {
+              default: n(() => [
+                f("div", K, [
+                  r(a(M), { height: "300px" }, {
+                    default: n(() => [
+                      f("div", Q, [
+                        (u(!0), c(V, null, _(E.value, (l) => (u(), c("div", {
+                          key: l.id,
+                          class: O(["icon-item", {
+                            active: e.layerPaintConfig.iconName === l.id
                           }]),
-                          onClick: (Z) => e.layerPaintConfig.iconName = l.fileName
+                          onClick: (le) => e.layerPaintConfig.iconName = l.id
                         }, [
-                          u("img", {
-                            src: o(I) + l.fileName,
+                          f("img", {
+                            src: l.url,
                             alt: l.name
-                          }, null, 8, Q)
-                        ], 10, K))), 128))
+                          }, null, 8, X)
+                        ], 10, W))), 128))
                       ])
                     ]),
                     _: 1
@@ -160,22 +165,22 @@ const G = { class: "icons-container" }, H = { class: "icons-grid" }, K = ["onCli
               ]),
               _: 1
             }),
-            t(o(n), { label: "默认加载" }, {
-              default: r(() => [
-                t(o(j), {
-                  modelValue: e.defaultChecked,
-                  "onUpdate:modelValue": a[3] || (a[3] = (l) => e.defaultChecked = l),
+            r(a(i), { label: "默认加载" }, {
+              default: n(() => [
+                r(a(G), {
+                  modelValue: y.value,
+                  "onUpdate:modelValue": o[3] || (o[3] = (l) => y.value = l),
                   "active-text": "是",
                   "inactive-text": "否"
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             }),
-            t(o(n), { label: "备注" }, {
-              default: r(() => [
-                t(o(k), {
+            r(a(i), { label: "备注" }, {
+              default: n(() => [
+                r(a(P), {
                   modelValue: e.layerPaintConfig.remark,
-                  "onUpdate:modelValue": a[4] || (a[4] = (l) => e.layerPaintConfig.remark = l),
+                  "onUpdate:modelValue": o[4] || (o[4] = (l) => e.layerPaintConfig.remark = l),
                   type: "textarea",
                   rows: 3,
                   placeholder: "请输入备注"
@@ -190,7 +195,7 @@ const G = { class: "icons-container" }, H = { class: "icons-grid" }, K = ["onCli
       _: 1
     }, 8, ["modelValue", "center"]));
   }
-}), se = /* @__PURE__ */ A(X, [["__scopeId", "data-v-4f8c4338"]]);
+}), ue = /* @__PURE__ */ H(Z, [["__scopeId", "data-v-05f40574"]]);
 export {
-  se as default
+  ue as default
 };

package/dist/mapboxV2/widgets/LegendLine.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),t=require("../../chunks/utils-CZxmwfl_.js"),l=require("../../chunks/constant-mXEWtcQf.js"),c=require("../../chunks/_plugin-vue_export-helper-BHFhmbuH.js"),s={class:"qy-flex-col legend-icon-container"},y=o.defineComponent({__name:"LegendLine",props:{topic:{}},setup(r){const i=r,a=o.computed(()=>{if(!i.topic)return{};const{topic:e}=i;if(e.layerType==="sample-group"||e.layerType==="track"){const n=t.parseLayerPaintConfig(e.layerPaintConfig,e.layerType);return t.getLineLegendStyle(n.lineStyle||"solid",n.lineColor||l.DefaultColor)}if(e.layerDataType)if(e.customLayerConfig){const n=t.parseLayerPaintConfig(e.customLayerConfig,e.layerType);return t.getLineLegendStyle(n.lineStyle,n?.fillColor??l.DefaultColor)}else{const n=t.parseLayerPaintConfig(e.layerPaintConfig,e.layerType);return t.getLineLegendStyle(n.outlineStyle,n?.outlineColor??n?.pointTintColor??l.DefaultColor)}else if(e.layerPaintConfig){const n=t.parseLayerPaintConfig(e.layerPaintConfig,e.layerType)||l.defaultStyleConfig;return t.getLineLegendStyle(n.outlineConfigList[0].lineStyle,n.outlineConfigList[0].outlineColor)}else{const n=t.parseLayerPaintConfig(e.customLayerConfig,e.layerType);return t.getLineLegendStyle(n.lineStyle,n?.lineColor??l.DefaultColor)}});return(e,n)=>(o.openBlock(),o.createElementBlock("div",s,[o.createElementVNode("div",{class:"legend-icon-line",style:o.normalizeStyle(a.value)},null,4)]))}}),u=c._export_sfc(y,[["__scopeId","data-v-04cbc5b4"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),t=require("../../chunks/utils-CrwGKkIz.js"),i=require("../../chunks/constant-Bq4ASE9Q.js"),d=require("../../chunks/_plugin-vue_export-helper-BHFhmbuH.js"),p={class:"qy-flex-col legend-icon-container"},y=n.defineComponent({__name:"LegendLine",props:{topic:{}},setup(f){const u=f,a=n.computed(()=>{if(!u.topic)return{};const{topic:o}=u;if(["sample-group","track","geojson","kml","kmz","shp"].includes(o.layerType)){const e=t.parseLayerPaintConfig(o.layerPaintConfig,o.layerType);if("outlineConfigList"in e&&e.outlineConfigList&&e.outlineConfigList.length>0){const l=e.outlineConfigList.find(s=>s.type==="custom");if(l)return t.getLineLegendStyle(l.lineStyle||"solid",l.outlineColor||i.DefaultColor);const r=e.outlineConfigList.find(s=>s.type==="default");if(r)return t.getLineLegendStyle(r.lineStyle||"solid",r.outlineColor||i.DefaultColor);const c=e.outlineConfigList[0];return t.getLineLegendStyle(c.lineStyle||"solid",c.outlineColor||i.DefaultColor)}if("lineColor"in e)return t.getLineLegendStyle(e.lineStyle||"solid",e.lineColor||i.DefaultColor)}return{}});return(o,g)=>(n.openBlock(),n.createElementBlock("div",p,[n.createElementVNode("div",{class:"legend-icon-line",style:n.normalizeStyle(a.value)},null,4)]))}}),C=d._export_sfc(y,[["__scopeId","data-v-6feeb988"]]);exports.default=C;