qy-vue-plugins 1.0.2-beta → 1.0.2

package/dist/mapboxV2/widgets/CustomShapeDialog.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("../../chunks/utils-CZxmwfl_.js"),g=require("../../chunks/EventKeys-BvyQ87Zy.js"),k=require("pinia"),x=require("../../chunks/mapStore-dFPYwvXT.js"),d=require("../../chunks/constant-mXEWtcQf.js"),a=require("element-plus"),h=require("../../chunks/_plugin-vue_export-helper-BHFhmbuH.js"),w=e.defineComponent({__name:"CustomShapeDialog",emits:["confirm","cancel"],setup(F,{expose:s,emit:c}){const n=e.ref(!1),i=e.ref(),f=x.useMapStore(),{topTopicList:p}=k.storeToRefs(f),l=e.reactive({pid:"",iconName:"",iconText:"",fillColor:d.DefaultColor,layerName:"",lineColor:"#FFFFFF",lineWidth:1,textColor:"#000000",targetScreen:"normal",defaultChecked:!1,synchronizeApp:!1,lineStyle:"solid",remark:""}),C=e.reactive({pid:[{required:!0,message:"请选择所属专题",trigger:"change"}],layerName:[{required:!0,message:"请输入图层名称",trigger:"blur"}]}),u=e.ref();let m=[];const V=c,v=()=>{n.value=!1,V("cancel")},N=async()=>{i.value&&await i.value.validate(o=>{o&&(u.value&&(u.value.pid=l.pid,u.value.layerName=l.layerName,u.value.defaultChecked=l.defaultChecked?1:0,u.value.customLayerConfig=JSON.stringify({fillColor:l.fillColor,lineWidth:1,remark:l.remark}),u.value.targetScreen="normal",g.createTopicBus.emit(u.value)),n.value=!1)})};return s({open:(o,t)=>{n.value=!0,u.value=o||null,m=t||[],console.log("打开对话框，当前专题:",o,"专题列表:",m),i.value&&i.value.resetFields(),l.pid=o?.pid||"",l.layerName=o?.layerName||"",l.defaultChecked=!!o?.defaultChecked;const r=y.parseLayerPaintConfig(o?.customLayerConfig,o.layerType);l.fillColor=r?.fillColor||d.DefaultColor,l.remark=r.remark||""}}),(o,t)=>(e.openBlock(),e.createBlock(e.unref(a.ElDialog),{title:"图层配置",modelValue:n.value,"onUpdate:modelValue":t[5]||(t[5]=r=>n.value=r),width:"30%",center:e.unref(f).dialogConfig.center},{footer:e.withCtx(()=>[e.createElementVNode("span",null,[e.createVNode(e.unref(a.ElButton),{onClick:v},{default:e.withCtx(()=>[...t[6]||(t[6]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(e.unref(a.ElButton),{type:"primary",onClick:N},{default:e.withCtx(()=>[...t[7]||(t[7]=[e.createTextVNode("确定",-1)])]),_:1})])]),default:e.withCtx(()=>[e.createVNode(e.unref(a.ElForm),{model:l,"label-position":"right","label-width":"100px",size:"default",rules:C,ref_key:"formRef",ref:i},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElFormItem),{label:"所属专题",prop:"pid",required:!0},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElSelect),{modelValue:l.pid,"onUpdate:modelValue":t[0]||(t[0]=r=>l.pid=r),placeholder:"请选择专题",style:{width:"100%"}},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(p),r=>(e.openBlock(),e.createBlock(e.unref(a.ElOption),{key:r.id,label:r.layerName,value:r.id},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),e.createVNode(e.unref(a.ElFormItem),{label:"图层名称",prop:"layerName",required:!0},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElInput),{modelValue:l.layerName,"onUpdate:modelValue":t[1]||(t[1]=r=>l.layerName=r),placeholder:"请输入图层名称"},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(a.ElFormItem),{label:"填充颜色"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElColorPicker),{modelValue:l.fillColor,"onUpdate:modelValue":t[2]||(t[2]=r=>l.fillColor=r),"show-alpha":"",predefine:e.unref(d.mapPointsColors)},null,8,["modelValue","predefine"])]),_:1}),e.createVNode(e.unref(a.ElFormItem),{label:"默认加载"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElSwitch),{modelValue:l.defaultChecked,"onUpdate:modelValue":t[3]||(t[3]=r=>l.defaultChecked=r),"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.remark,"onUpdate:modelValue":t[4]||(t[4]=r=>l.remark=r),type:"textarea",rows:3,placeholder:"请输入备注"},null,8,["modelValue"])]),_:1})]),_:1},8,["model","rules"])]),_:1},8,["modelValue","center"]))}}),E=h._export_sfc(w,[["__scopeId","data-v-ec3aac4d"]]);exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("../../chunks/utils-CrwGKkIz.js"),p=require("../../chunks/EventKeys-BvyQ87Zy.js"),h=require("pinia"),x=require("../../chunks/mapStore-dFPYwvXT.js"),i=require("../../chunks/constant-Bq4ASE9Q.js"),o=require("element-plus"),w=require("../../chunks/_plugin-vue_export-helper-BHFhmbuH.js"),E=e.defineComponent({__name:"CustomShapeDialog",emits:["confirm","cancel"],setup(S,{expose:C,emit:V}){const n=e.ref(!1),d=e.ref(),f=x.useMapStore(),{topTopicList:s}=h.storeToRefs(f),l=e.reactive({pid:"",iconName:"",iconText:"",fillColor:i.DefaultColor,layerName:"",lineColor:"rgba(255, 255, 255, 1)",lineWidth:1,textColor:"rgba(0, 0, 0, 1)",targetScreen:"normal",defaultChecked:0,synchronizeApp:!1,lineStyle:"solid",remark:""}),m=e.computed({get:()=>l.defaultChecked===1,set:a=>{l.defaultChecked=a?1:0}}),v=e.reactive({pid:[{required:!0,message:"请选择所属专题",trigger:"change"}],layerName:[{required:!0,message:"请输入图层名称",trigger:"blur"}]}),u=e.ref();let c=[];const g=V,y=()=>{n.value=!1,g("cancel")},k=async()=>{d.value&&await d.value.validate(a=>{if(a){if(u.value){const t=u.value.defaultChecked;u.value.pid=l.pid,u.value.layerName=l.layerName,u.value.defaultChecked=l.defaultChecked,u.value.layerPaintConfig=JSON.stringify({fillColor:l.fillColor,lineWidth:1,remark:l.remark}),u.value.targetScreen="normal",t===1&&l.defaultChecked===0?(console.log("默认加载从开启改为关闭，触发图层隐藏"),p.createTopicBus.emit({...u.value,_shouldHideLayer:!0})):p.createTopicBus.emit(u.value)}n.value=!1}})};return C({open:(a,t)=>{n.value=!0,u.value=a||null,c=t||[],console.log("打开对话框，当前专题:",a,"专题列表:",c),console.log("_topic.pid:",a?.pid,"类型:",typeof a?.pid),console.log("topTopicList:",s.value),d.value&&d.value.resetFields(),l.pid=a?.pid??"",l.layerName=a?.layerName||"",l.defaultChecked=Number(a?.defaultChecked)||0;const r=N.parseLayerPaintConfig(a?.layerPaintConfig,a.layerType);l.fillColor=r?.fillColor||i.DefaultColor,l.remark=r.remark||"",console.log("formData.pid 设置为:",l.pid,"类型:",typeof l.pid)}}),(a,t)=>(e.openBlock(),e.createBlock(e.unref(o.ElDialog),{title:"图层配置",modelValue:n.value,"onUpdate:modelValue":t[5]||(t[5]=r=>n.value=r),width:"30%",center:e.unref(f).dialogConfig.center},{footer:e.withCtx(()=>[e.createElementVNode("span",null,[e.createVNode(e.unref(o.ElButton),{onClick:y},{default:e.withCtx(()=>[...t[6]||(t[6]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(e.unref(o.ElButton),{type:"primary",onClick:k},{default:e.withCtx(()=>[...t[7]||(t[7]=[e.createTextVNode("确定",-1)])]),_:1})])]),default:e.withCtx(()=>[e.createVNode(e.unref(o.ElForm),{model:l,"label-position":"right","label-width":"100px",size:"default",rules:v,ref_key:"formRef",ref:d},{default:e.withCtx(()=>[e.createVNode(e.unref(o.ElFormItem),{label:"所属专题",prop:"pid",required:!0},{default:e.withCtx(()=>[e.createVNode(e.unref(o.ElSelect),{modelValue:l.pid,"onUpdate:modelValue":t[0]||(t[0]=r=>l.pid=r),placeholder:"请选择专题",style:{width:"100%"}},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s),r=>(e.openBlock(),e.createBlock(e.unref(o.ElOption),{key:r.id,label:r.layerName,value:r.id},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),e.createVNode(e.unref(o.ElFormItem),{label:"图层名称",prop:"layerName",required:!0},{default:e.withCtx(()=>[e.createVNode(e.unref(o.ElInput),{modelValue:l.layerName,"onUpdate:modelValue":t[1]||(t[1]=r=>l.layerName=r),placeholder:"请输入图层名称"},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(o.ElFormItem),{label:"填充颜色"},{default:e.withCtx(()=>[e.createVNode(e.unref(o.ElColorPicker),{modelValue:l.fillColor,"onUpdate:modelValue":t[2]||(t[2]=r=>l.fillColor=r),"show-alpha":"",predefine:e.unref(i.mapPointsColors)},null,8,["modelValue","predefine"])]),_:1}),e.createVNode(e.unref(o.ElFormItem),{label:"默认加载"},{default:e.withCtx(()=>[e.createVNode(e.unref(o.ElSwitch),{modelValue:m.value,"onUpdate:modelValue":t[3]||(t[3]=r=>m.value=r),"active-text":"是","inactive-text":"否"},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(o.ElFormItem),{label:"备注"},{default:e.withCtx(()=>[e.createVNode(e.unref(o.ElInput),{modelValue:l.remark,"onUpdate:modelValue":t[4]||(t[4]=r=>l.remark=r),type:"textarea",rows:3,placeholder:"请输入备注"},null,8,["modelValue"])]),_:1})]),_:1},8,["model","rules"])]),_:1},8,["modelValue","center"]))}}),b=w._export_sfc(E,[["__scopeId","data-v-146d1cd7"]]);exports.default=b;

package/dist/mapboxV2/widgets/CustomShapeDialog.mjs

@@ -1,105 +1,125 @@
-import { defineComponent as w, ref as f, reactive as C, createBlock as y, openBlock as s, unref as o, withCtx as t, createVNode as r, createElementBlock as L, Fragment as T, renderList as U, createElementVNode as B, createTextVNode as v } from "vue";
-import { p as D } from "../../chunks/utils-n1i0zWzc.js";
-import { c as q } from "../../chunks/EventKeys-1aL9cgT0.js";
-import { storeToRefs as I } from "pinia";
-import { u as P } from "../../chunks/mapStore-Eu13mnJg.js";
-import { b as g, e as R } from "../../chunks/constant-BqK1UnfT.js";
-import { ElDialog as z, ElForm as O, ElFormItem as m, ElSelect as W, ElOption as _, ElInput as k, ElColorPicker as A, ElSwitch as J, ElButton as V } from "element-plus";
-import { _ as M } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
-const j = /* @__PURE__ */ w({
+import { defineComponent as B, ref as f, reactive as v, computed as L, createBlock as y, openBlock as s, unref as o, withCtx as d, createVNode as r, createElementBlock as U, Fragment as P, renderList as q, createElementVNode as F, createTextVNode as k } from "vue";
+import { p as I } from "../../chunks/utils-BJ8Lu8TY.js";
+import { c as V } from "../../chunks/EventKeys-DZ_Hahro.js";
+import { storeToRefs as R } from "pinia";
+import { u as z } from "../../chunks/mapStore-Eu13mnJg.js";
+import { b as h, m as O } from "../../chunks/constant-E83OJqPQ.js";
+import { ElDialog as W, ElForm as _, ElFormItem as m, ElSelect as A, ElOption as H, ElInput as N, ElColorPicker as J, ElSwitch as M, ElButton as b } from "element-plus";
+import { _ as j } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
+const G = /* @__PURE__ */ B({
   __name: "CustomShapeDialog",
   emits: ["confirm", "cancel"],
-  setup(G, { expose: N, emit: b }) {
-    const d = f(!1), n = f(), p = P(), { topTopicList: x } = I(p), e = C({
+  setup(K, { expose: x, emit: E }) {
+    const u = f(!1), n = f(), p = z(), { topTopicList: c } = R(p), e = v({
       pid: "",
       iconName: "",
       iconText: "",
-      fillColor: g,
+      fillColor: h,
       layerName: "",
-      lineColor: "#FFFFFF",
+      lineColor: "rgba(255, 255, 255, 1)",
       lineWidth: 1,
-      textColor: "#000000",
+      textColor: "rgba(0, 0, 0, 1)",
       targetScreen: "normal",
-      defaultChecked: !1,
+      defaultChecked: 0,
+      // 改为数字类型
       synchronizeApp: !1,
       lineStyle: "solid",
       remark: ""
-    }), h = C({
+    }), C = L({
+      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" }]
-    }), u = f();
-    let c = [];
-    const E = b, F = () => {
-      d.value = !1, E("cancel");
-    }, S = async () => {
-      n.value && await n.value.validate((i) => {
-        i && (u.value && (u.value.pid = e.pid, u.value.layerName = e.layerName, u.value.defaultChecked = e.defaultChecked ? 1 : 0, u.value.customLayerConfig = JSON.stringify({
-          fillColor: e.fillColor,
-          lineWidth: 1,
-          remark: e.remark
-        }), u.value.targetScreen = "normal", q.emit(u.value)), d.value = !1);
+    }), i = f();
+    let g = [];
+    const w = E, D = () => {
+      u.value = !1, w("cancel");
+    }, T = async () => {
+      n.value && await n.value.validate((t) => {
+        if (t) {
+          if (i.value) {
+            const l = i.value.defaultChecked;
+            i.value.pid = e.pid, i.value.layerName = e.layerName, i.value.defaultChecked = e.defaultChecked, i.value.layerPaintConfig = JSON.stringify({
+              fillColor: e.fillColor,
+              lineWidth: 1,
+              remark: e.remark
+            }), i.value.targetScreen = "normal", l === 1 && e.defaultChecked === 0 ? (console.log("默认加载从开启改为关闭，触发图层隐藏"), V.emit({
+              ...i.value,
+              _shouldHideLayer: !0
+            })) : V.emit(i.value);
+          }
+          u.value = !1;
+        }
       });
     };
-    return N({
-      open: (i, l) => {
-        d.value = !0, u.value = i || null, c = l || [], console.log("打开对话框，当前专题:", i, "专题列表:", c), n.value && n.value.resetFields(), e.pid = i?.pid || "", e.layerName = i?.layerName || "", e.defaultChecked = !!i?.defaultChecked;
-        const a = D(
-          i?.customLayerConfig,
-          i.layerType
+    return x({
+      open: (t, l) => {
+        u.value = !0, i.value = t || null, g = l || [], console.log("打开对话框，当前专题:", t, "专题列表:", g), console.log("_topic.pid:", t?.pid, "类型:", typeof t?.pid), console.log("topTopicList:", c.value), n.value && n.value.resetFields(), e.pid = t?.pid ?? "", e.layerName = t?.layerName || "", e.defaultChecked = Number(t?.defaultChecked) || 0;
+        const a = I(
+          t?.layerPaintConfig,
+          t.layerType
+        );
+        e.fillColor = a?.fillColor || h, e.remark = a.remark || "", console.log(
+          "formData.pid 设置为:",
+          e.pid,
+          "类型:",
+          typeof e.pid
         );
-        e.fillColor = a?.fillColor || g, e.remark = a.remark || "";
       }
-    }), (i, l) => (s(), y(o(z), {
+    }), (t, l) => (s(), y(o(W), {
       title: "图层配置",
-      modelValue: d.value,
-      "onUpdate:modelValue": l[5] || (l[5] = (a) => d.value = a),
+      modelValue: u.value,
+      "onUpdate:modelValue": l[5] || (l[5] = (a) => u.value = a),
       width: "30%",
       center: o(p).dialogConfig.center
     }, {
-      footer: t(() => [
-        B("span", null, [
-          r(o(V), { onClick: F }, {
-            default: t(() => [...l[6] || (l[6] = [
-              v("取消", -1)
+      footer: d(() => [
+        F("span", null, [
+          r(o(b), { onClick: D }, {
+            default: d(() => [...l[6] || (l[6] = [
+              k("取消", -1)
             ])]),
             _: 1
           }),
-          r(o(V), {
+          r(o(b), {
             type: "primary",
-            onClick: S
+            onClick: T
           }, {
-            default: t(() => [...l[7] || (l[7] = [
-              v("确定", -1)
+            default: d(() => [...l[7] || (l[7] = [
+              k("确定", -1)
             ])]),
             _: 1
           })
         ])
       ]),
-      default: t(() => [
-        r(o(O), {
+      default: d(() => [
+        r(o(_), {
           model: e,
           "label-position": "right",
           "label-width": "100px",
           size: "default",
-          rules: h,
+          rules: S,
           ref_key: "formRef",
           ref: n
         }, {
-          default: t(() => [
+          default: d(() => [
             r(o(m), {
               label: "所属专题",
               prop: "pid",
               required: !0
             }, {
-              default: t(() => [
-                r(o(W), {
+              default: d(() => [
+                r(o(A), {
                   modelValue: e.pid,
                   "onUpdate:modelValue": l[0] || (l[0] = (a) => e.pid = a),
                   placeholder: "请选择专题",
                   style: { width: "100%" }
                 }, {
-                  default: t(() => [
-                    (s(!0), L(T, null, U(o(x), (a) => (s(), y(o(_), {
+                  default: d(() => [
+                    (s(!0), U(P, null, q(o(c), (a) => (s(), y(o(H), {
                       key: a.id,
                       label: a.layerName,
                       value: a.id
@@ -115,8 +135,8 @@ const j = /* @__PURE__ */ w({
               prop: "layerName",
               required: !0
             }, {
-              default: t(() => [
-                r(o(k), {
+              default: d(() => [
+                r(o(N), {
                   modelValue: e.layerName,
                   "onUpdate:modelValue": l[1] || (l[1] = (a) => e.layerName = a),
                   placeholder: "请输入图层名称"
@@ -125,21 +145,21 @@ const j = /* @__PURE__ */ w({
               _: 1
             }),
             r(o(m), { label: "填充颜色" }, {
-              default: t(() => [
-                r(o(A), {
+              default: d(() => [
+                r(o(J), {
                   modelValue: e.fillColor,
                   "onUpdate:modelValue": l[2] || (l[2] = (a) => e.fillColor = a),
                   "show-alpha": "",
-                  predefine: o(R)
+                  predefine: o(O)
                 }, null, 8, ["modelValue", "predefine"])
               ]),
               _: 1
             }),
             r(o(m), { label: "默认加载" }, {
-              default: t(() => [
-                r(o(J), {
-                  modelValue: e.defaultChecked,
-                  "onUpdate:modelValue": l[3] || (l[3] = (a) => e.defaultChecked = a),
+              default: d(() => [
+                r(o(M), {
+                  modelValue: C.value,
+                  "onUpdate:modelValue": l[3] || (l[3] = (a) => C.value = a),
                   "active-text": "是",
                   "inactive-text": "否"
                 }, null, 8, ["modelValue"])
@@ -147,8 +167,8 @@ const j = /* @__PURE__ */ w({
               _: 1
             }),
             r(o(m), { label: "备注" }, {
-              default: t(() => [
-                r(o(k), {
+              default: d(() => [
+                r(o(N), {
                   modelValue: e.remark,
                   "onUpdate:modelValue": l[4] || (l[4] = (a) => e.remark = a),
                   type: "textarea",
@@ -165,7 +185,7 @@ const j = /* @__PURE__ */ w({
       _: 1
     }, 8, ["modelValue", "center"]));
   }
-}), ae = /* @__PURE__ */ M(j, [["__scopeId", "data-v-ec3aac4d"]]);
+}), te = /* @__PURE__ */ j(G, [["__scopeId", "data-v-146d1cd7"]]);
 export {
-  ae as default
+  te as default
 };

package/dist/mapboxV2/widgets/IconPicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@element-plus/icons-vue"),m=require("../../chunks/constant-mXEWtcQf.js"),s=require("element-plus"),V=require("../../chunks/_plugin-vue_export-helper-BHFhmbuH.js"),h={class:"icon-picker"},B=["src","alt"],w={key:1,class:"placeholder-icon"},C={class:"icon-list"},N=["onClick"],g=["src","alt"],y={key:0,class:"icon-actions"},_=e.defineComponent({__name:"IconPicker",props:{modelValue:{type:String,default:""},disabled:{type:Boolean,default:!1},showText:{type:Boolean,default:!0},showSearch:{type:Boolean,default:!0},showClear:{type:Boolean,default:!0},showIconName:{type:Boolean,default:!0},icons:{type:Array,default:()=>m.mapIconNameList},iconBaseUrl:{type:String,default:m.mapIconBaseUrl}},emits:["update:modelValue","change"],setup(o,{emit:f}){const n=o,c=f,r=e.ref(!1),i=e.ref(""),p=e.computed(()=>i.value?n.icons.filter(t=>(t.name||t.fileName).toLowerCase().includes(i.value.toLowerCase())):n.icons),u=t=>t?`${n.iconBaseUrl}${t}`:"",v=t=>{c("update:modelValue",t),c("change",t),r.value=!1},k=()=>{c("update:modelValue",""),c("change","")};return e.watch(()=>n.modelValue,t=>{t||(i.value="")}),(t,a)=>(e.openBlock(),e.createElementBlock("div",h,[e.createVNode(e.unref(s.ElPopover),{visible:r.value,"onUpdate:visible":a[0]||(a[0]=l=>r.value=l),placement:"bottom",width:300,trigger:"click","popper-class":"icon-picker-popper"},{reference:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["icon-trigger",{"is-disabled":o.disabled}])},[o.modelValue?(e.openBlock(),e.createElementBlock("img",{key:0,src:u(o.modelValue),alt:o.modelValue,class:"selected-icon"},null,8,B)):(e.openBlock(),e.createElementBlock("div",w,[e.createVNode(e.unref(s.ElIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(d.Picture))]),_:1})])),e.createVNode(e.unref(s.ElIcon),{class:e.normalizeClass(["arrow-icon",{"is-reverse":r.value}])},{default:e.withCtx(()=>[e.createVNode(e.unref(d.ArrowDown))]),_:1},8,["class"])],2)]),default:e.withCtx(()=>[e.createElementVNode("div",C,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,l=>(e.openBlock(),e.createElementBlock("div",{key:l.fileName,class:e.normalizeClass(["icon-item",{"is-active":o.modelValue===l.fileName}]),onClick:x=>v(l.fileName)},[e.createElementVNode("img",{src:u(l.fileName),alt:l.name||l.fileName},null,8,g)],10,N))),128))]),o.showClear?(e.openBlock(),e.createElementBlock("div",y,[e.createVNode(e.unref(s.ElButton),{text:"",type:"primary",size:"small",onClick:k},{default:e.withCtx(()=>[...a[1]||(a[1]=[e.createTextVNode("清除选择",-1)])]),_:1})])):e.createCommentVNode("",!0)]),_:1},8,["visible"])]))}}),E=V._export_sfc(_,[["__scopeId","data-v-f85dddb4"]]);exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("@element-plus/icons-vue"),s=require("element-plus"),V=require("../../chunks/_plugin-vue_export-helper-BHFhmbuH.js"),B={class:"icon-picker"},g=["src","alt"],y={key:1,class:"placeholder-icon"},w={class:"icon-list"},C=["onClick"],_=["src","alt"],E={key:0,class:"icon-actions"},I=e.defineComponent({__name:"IconPicker",props:{modelValue:{type:String,default:""},disabled:{type:Boolean,default:!1},showText:{type:Boolean,default:!0},showSearch:{type:Boolean,default:!0},showClear:{type:Boolean,default:!0},showIconName:{type:Boolean,default:!0},icons:{type:Array,default:void 0},iconBaseUrl:{type:String,default:void 0}},emits:["update:modelValue","change"],setup(n,{emit:f}){const r=n,c=f,p=e.inject("iconOptions",e.ref([])),u=e.computed(()=>{const t=e.unref(p);return Array.isArray(t)&&t.length>0?t:r.icons&&r.icons.length>0?r.icons:[]}),a=e.ref(!1),i=e.ref(""),v=e.computed(()=>{const t=u.value;return i.value?t.filter(o=>(o.name||o.fileName).toLowerCase().includes(i.value.toLowerCase())):t}),d=t=>{if(!t)return"";const o=u.value.find(l=>l.id===t);return o&&o.url?o.url:r.iconBaseUrl?`${r.iconBaseUrl}${t}`:t},h=t=>{c("update:modelValue",t),c("change",t),a.value=!1},k=()=>{c("update:modelValue",""),c("change","")};return e.watch(()=>r.modelValue,t=>{t||(i.value="")}),(t,o)=>(e.openBlock(),e.createElementBlock("div",B,[e.createVNode(e.unref(s.ElPopover),{visible:a.value,"onUpdate:visible":o[0]||(o[0]=l=>a.value=l),placement:"bottom",width:300,trigger:"click","popper-class":"icon-picker-popper"},{reference:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["icon-trigger",{"is-disabled":n.disabled}])},[n.modelValue?(e.openBlock(),e.createElementBlock("img",{key:0,src:d(n.modelValue),alt:n.modelValue,class:"selected-icon"},null,8,g)):(e.openBlock(),e.createElementBlock("div",y,[e.createVNode(e.unref(s.ElIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(m.Picture))]),_:1})])),e.createVNode(e.unref(s.ElIcon),{class:e.normalizeClass(["arrow-icon",{"is-reverse":a.value}])},{default:e.withCtx(()=>[e.createVNode(e.unref(m.ArrowDown))]),_:1},8,["class"])],2)]),default:e.withCtx(()=>[e.createElementVNode("div",w,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,l=>(e.openBlock(),e.createElementBlock("div",{key:l.id,class:e.normalizeClass(["icon-item",{"is-active":n.modelValue===l.id}]),onClick:x=>h(String(l.id))},[e.createElementVNode("img",{src:d(String(l.id)),alt:l.name||l.id},null,8,_)],10,C))),128))]),n.showClear?(e.openBlock(),e.createElementBlock("div",E,[e.createVNode(e.unref(s.ElButton),{text:"",type:"primary",size:"small",onClick:k},{default:e.withCtx(()=>[...o[1]||(o[1]=[e.createTextVNode("清除选择",-1)])]),_:1})])):e.createCommentVNode("",!0)]),_:1},8,["visible"])]))}}),N=V._export_sfc(I,[["__scopeId","data-v-5ba0c8af"]]);exports.default=N;

package/dist/mapboxV2/widgets/IconPicker.mjs

@@ -1,15 +1,14 @@
-import { defineComponent as _, ref as h, computed as B, watch as C, createElementBlock as o, openBlock as a, createVNode as s, unref as n, withCtx as i, createElementVNode as f, createCommentVNode as I, Fragment as N, renderList as b, normalizeClass as p, createTextVNode as x } from "vue";
-import { Picture as E, ArrowDown as U } from "@element-plus/icons-vue";
-import { m as L, f as P } from "../../chunks/constant-BqK1UnfT.js";
-import { ElPopover as S, ElButton as T, ElIcon as y } from "element-plus";
-import { _ as $ } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
-const z = { class: "icon-picker" }, A = ["src", "alt"], D = {
+import { defineComponent as C, inject as b, ref as f, computed as g, unref as n, watch as x, createElementBlock as s, openBlock as r, createVNode as i, withCtx as c, createElementVNode as p, createCommentVNode as N, Fragment as S, renderList as E, normalizeClass as v, createTextVNode as U } from "vue";
+import { Picture as A, ArrowDown as P } from "@element-plus/icons-vue";
+import { ElPopover as j, ElButton as L, ElIcon as k } from "element-plus";
+import { _ as T } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
+const $ = { class: "icon-picker" }, z = ["src", "alt"], O = {
   key: 1,
   class: "placeholder-icon"
-}, F = { class: "icon-list" }, j = ["onClick"], q = ["src", "alt"], G = {
+}, D = { class: "icon-list" }, F = ["onClick"], q = ["src", "alt"], G = {
   key: 0,
   class: "icon-actions"
-}, H = /* @__PURE__ */ _({
+}, H = /* @__PURE__ */ C({
   __name: "IconPicker",
   props: {
     modelValue: {
@@ -38,93 +37,105 @@ const z = { class: "icon-picker" }, A = ["src", "alt"], D = {
     },
     icons: {
       type: Array,
-      default: () => P
+      default: void 0
+      // 不再使用默认值，改为使用注入的数据
     },
     iconBaseUrl: {
       type: String,
-      default: L
+      default: void 0
+      // 不再使用默认值
     }
   },
   emits: ["update:modelValue", "change"],
-  setup(l, { emit: k }) {
-    const c = l, d = k, u = h(!1), m = h(""), V = B(() => m.value ? c.icons.filter((e) => (e.name || e.fileName).toLowerCase().includes(m.value.toLowerCase())) : c.icons), v = (e) => e ? `${c.iconBaseUrl}${e}` : "", g = (e) => {
+  setup(l, { emit: V }) {
+    const a = l, d = V, w = b("iconOptions", f([])), h = g(() => {
+      const e = n(w);
+      return Array.isArray(e) && e.length > 0 ? e : a.icons && a.icons.length > 0 ? a.icons : [];
+    }), u = f(!1), m = f(""), _ = g(() => {
+      const e = h.value;
+      return m.value ? e.filter((t) => (t.name || t.fileName).toLowerCase().includes(m.value.toLowerCase())) : e;
+    }), y = (e) => {
+      if (!e) return "";
+      const t = h.value.find((o) => o.id === e);
+      return t && t.url ? t.url : a.iconBaseUrl ? `${a.iconBaseUrl}${e}` : e;
+    }, I = (e) => {
       d("update:modelValue", e), d("change", e), u.value = !1;
-    }, w = () => {
+    }, B = () => {
       d("update:modelValue", ""), d("change", "");
     };
-    return C(
-      () => c.modelValue,
+    return x(
+      () => a.modelValue,
       (e) => {
         e || (m.value = "");
       }
-    ), (e, r) => (a(), o("div", z, [
-      s(n(S), {
+    ), (e, t) => (r(), s("div", $, [
+      i(n(j), {
         visible: u.value,
-        "onUpdate:visible": r[0] || (r[0] = (t) => u.value = t),
+        "onUpdate:visible": t[0] || (t[0] = (o) => u.value = o),
         placement: "bottom",
         width: 300,
         trigger: "click",
         "popper-class": "icon-picker-popper"
       }, {
-        reference: i(() => [
-          f("div", {
-            class: p(["icon-trigger", { "is-disabled": l.disabled }])
+        reference: c(() => [
+          p("div", {
+            class: v(["icon-trigger", { "is-disabled": l.disabled }])
           }, [
-            l.modelValue ? (a(), o("img", {
+            l.modelValue ? (r(), s("img", {
               key: 0,
-              src: v(l.modelValue),
+              src: y(l.modelValue),
               alt: l.modelValue,
               class: "selected-icon"
-            }, null, 8, A)) : (a(), o("div", D, [
-              s(n(y), null, {
-                default: i(() => [
-                  s(n(E))
+            }, null, 8, z)) : (r(), s("div", O, [
+              i(n(k), null, {
+                default: c(() => [
+                  i(n(A))
                 ]),
                 _: 1
               })
             ])),
-            s(n(y), {
-              class: p(["arrow-icon", { "is-reverse": u.value }])
+            i(n(k), {
+              class: v(["arrow-icon", { "is-reverse": u.value }])
             }, {
-              default: i(() => [
-                s(n(U))
+              default: c(() => [
+                i(n(P))
               ]),
               _: 1
             }, 8, ["class"])
           ], 2)
         ]),
-        default: i(() => [
-          f("div", F, [
-            (a(!0), o(N, null, b(V.value, (t) => (a(), o("div", {
-              key: t.fileName,
-              class: p(["icon-item", { "is-active": l.modelValue === t.fileName }]),
-              onClick: (J) => g(t.fileName)
+        default: c(() => [
+          p("div", D, [
+            (r(!0), s(S, null, E(_.value, (o) => (r(), s("div", {
+              key: o.id,
+              class: v(["icon-item", { "is-active": l.modelValue === o.id }]),
+              onClick: (J) => I(String(o.id))
             }, [
-              f("img", {
-                src: v(t.fileName),
-                alt: t.name || t.fileName
+              p("img", {
+                src: y(String(o.id)),
+                alt: o.name || o.id
               }, null, 8, q)
-            ], 10, j))), 128))
+            ], 10, F))), 128))
           ]),
-          l.showClear ? (a(), o("div", G, [
-            s(n(T), {
+          l.showClear ? (r(), s("div", G, [
+            i(n(L), {
               text: "",
               type: "primary",
               size: "small",
-              onClick: w
+              onClick: B
             }, {
-              default: i(() => [...r[1] || (r[1] = [
-                x("清除选择", -1)
+              default: c(() => [...t[1] || (t[1] = [
+                U("清除选择", -1)
               ])]),
               _: 1
             })
-          ])) : I("", !0)
+          ])) : N("", !0)
         ]),
         _: 1
       }, 8, ["visible"])
     ]));
   }
-}), W = /* @__PURE__ */ $(H, [["__scopeId", "data-v-f85dddb4"]]);
+}), W = /* @__PURE__ */ T(H, [["__scopeId", "data-v-5ba0c8af"]]);
 export {
   W as default
 };

package/dist/mapboxV2/widgets/LayerAttributeDialog.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("../../chunks/base-DK_JFP90.js");const q=require("../../chunks/el-loading-BDhLUhme.js"),e=require("vue"),m=require("../../chunks/ProvideKeys-91lTuLnq.js"),s=require("element-plus"),x=require("../../chunks/mapStore-dFPYwvXT.js"),J=require("../../chunks/_plugin-vue_export-helper-BHFhmbuH.js"),j={class:"attribute-table-container"},B={class:"pagination-container"},F=e.defineComponent({__name:"LayerAttributeDialog",setup(Y,{expose:b}){const _=x.useMapStore(),i=e.ref(!1),g=e.ref(!1),I=()=>{i.value=!1},L=e.inject(m.geographicLayerListKey),y=e.inject(m.researchDataRequestKey),d=e.ref([]),p=e.ref(1),v=e.ref(10),h=e.ref(0),l=e.ref(),u=e.ref([]),n=e.ref([]),D=e.ref(!0),C=()=>{i.value=!1},E=o=>{v.value=o,f()},w=o=>{p.value=o,f()},T=o=>{i.value=!0,l.value=o,p.value=1,u.value=[],n.value=[],f()},N=()=>{if(d.value.length===0){u.value=[],n.value=[];return}try{const o=d.value[0];o&&o.data&&(u.value=JSON.parse(o.data));const t=d.value.slice(1).map(a=>{const r=a.data?JSON.parse(a.data):[];return u.value.reduce((c,O,V)=>(c[O]=r[V]||"",c),{})});n.value=t}catch(o){console.error("解析数据出错:",o),u.value=[],n.value=[]}};function k(o){console.log("geoJSON----->",o),u.value=["FID","*Type","Longitude","Latitude"],n.value=[],o.features.forEach(t=>{t.geometry.type=="Point"?n.value.push({FID:"1","*Type":t.geometry.type,Longitude:t.geometry.coordinates[0],Latitude:t.geometry.coordinates[1]}):t.geometry.type=="Polygon"?t.geometry.coordinates.forEach(a=>{a.forEach((r,c)=>{n.value.push({FID:(c+1).toString(),"*Type":t.geometry.type,Longitude:r[0],Latitude:r[1]})})}):t.geometry.coordinates.forEach((a,r)=>{console.log("coord--->",a),n.value.push({FID:(r+1).toString(),"*Type":t.geometry.type,Longitude:a[0],Latitude:a[1]})})})}const f=()=>{if(console.log("getList",l.value),l.value?.geoJSON){if(!l.value.geoJSON){console.warn("Topic geoJSON is not set, cannot fetch data.");return}D.value=!0,k(JSON.parse(l.value.geoJSON))}else{if(D.value=!1,l.value?.layerType=="species-group"){u.value=["FID","shape*","物种名称","拉丁名","目","科","属","国家保护等级","经度","纬度","调查人","调查时间","照片","所属项目","所属调查编号","备注"],n.value=[],L?.value.forEach((o,t)=>{if(o.pid===l.value?.id){const a=JSON.parse(o.rowDataInstance||"{}");console.log("rowDataInstance",a),n.value.push({FID:t+1,"shape*":"point",物种名称:a.species_c,拉丁名:a.canorical_me,目:a.order_c,科:a.family_c,属:a.genus_c,国家保护等级:a.state_protection_grade,经度:a.longitude,纬度:a.latitude,调查人:a.createUserName,调查时间:s.dayjs(a.createDate*1e3).format("YYYY-MM-DD HH:mm"),照片:JSON.parse(a.imagesList??"[]").map(r=>r.url).join(", "),所属项目:a.projectName,所属调查编号:a.serialNumberAndCode,备注:a.remark||""})}});return}else l.value?.layerType=="shp"&&(u.value=["FID","shape*","调查人员","协查人员","起点经纬度","起点海拔","终点经纬度","终点海拔","所属项目","照片","调查时间","所属调查编号","备注"],l.value&&!l.value.lineInfo&&(console.log("researchDataRequest-----------------",y),y?.(l.value).then(o=>{if(o&&l.value){const{pointInfo:t,lineInfo:a}=o;l.value.lineInfo=a,l.value.pointInfo=t,console.log("pointInfo",t),n.value.push({FID:1,"shape*":l.value.layerType=="symbol"?"point":"line_string",调查人员:t?.createUserName||"",协查人员:t?.collaboratorUserName||"",起点经纬度:`${t?.longitudeStart}, ${t?.latitudeStart}`,起点海拔:t?.altitudeStart||"",终点经纬度:`${t?.longitudeEnd}, ${t?.latitudeEnd}`,终点海拔:t?.altitudeEnd||"",所属项目:t?.projectName||"",照片:JSON.parse(t?.imagesList??"[]").map(r=>r.url).join(", "),调查时间:s.dayjs(t?.createDate*1e3).format("YYYY-MM-DD HH:mm"),所属调查编号:t?.serialNumberAndCode||"",备注:t?.remark||""})}})));if(!S)return;if(!l.value){console.warn("Topic is not set, cannot fetch data.");return}if(!l.value?.sourceId){console.warn("Topic sourceId is not set, cannot fetch data.");return}g.value=!0,S(l.value.sourceId,p.value,v.value).then(o=>{d.value=o.data.list,h.value=o.count,N()}).finally(()=>{g.value=!1})}};e.watch(d,()=>{N()},{deep:!0});const S=e.inject(m.dbfDataRequestKey);return b({open:T}),(o,t)=>{const a=q.vLoading;return e.openBlock(),e.createBlock(e.unref(s.ElDialog),{title:"地理图层属性表",modelValue:i.value,"onUpdate:modelValue":t[3]||(t[3]=r=>i.value=r),width:"1000",center:e.unref(_).dialogConfig.center,"before-close":I},{footer:e.withCtx(()=>[e.createElementVNode("span",null,[e.createVNode(e.unref(s.ElButton),{onClick:t[2]||(t[2]=r=>i.value=!1)},{default:e.withCtx(()=>[...t[4]||(t[4]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(e.unref(s.ElButton),{type:"primary",onClick:C},{default:e.withCtx(()=>[...t[5]||(t[5]=[e.createTextVNode("确定",-1)])]),_:1})])]),default:e.withCtx(()=>[e.createElementVNode("div",j,[e.withDirectives((e.openBlock(),e.createBlock(e.unref(s.ElTable),{data:n.value,border:"",style:{width:"100%","--el-table-header-bg-color":"#eee"},height:"400"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(r,c)=>(e.openBlock(),e.createBlock(e.unref(s.ElTableColumn),{"min-width":"120",key:c,prop:r,label:r},null,8,["prop","label"]))),128))]),_:1},8,["data"])),[[a,g.value]]),e.createElementVNode("div",B,[e.createVNode(e.unref(s.ElPagination),{"current-page":p.value,"onUpdate:currentPage":t[0]||(t[0]=r=>p.value=r),"page-size":v.value,"onUpdate:pageSize":t[1]||(t[1]=r=>v.value=r),"page-sizes":[10,20,50,100],layout:"total, sizes, prev, pager, next, jumper",total:h.value,onSizeChange:E,onCurrentChange:w},null,8,["current-page","page-size","total"])])])]),_:1},8,["modelValue","center"])}}}),z=J._export_sfc(F,[["__scopeId","data-v-425e10ed"]]);exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("../../chunks/ProvideKeys-91lTuLnq.js"),s=require("element-plus"),x=require("../../chunks/mapStore-dFPYwvXT.js"),J=require("../../chunks/directive-DRO4tFsQ.js"),q=require("../../chunks/_plugin-vue_export-helper-BHFhmbuH.js"),j={class:"attribute-table-container"},B={class:"pagination-container"},F=e.defineComponent({__name:"LayerAttributeDialog",setup(Y,{expose:b}){const _=x.useMapStore(),i=e.ref(!1),g=e.ref(!1),I=()=>{i.value=!1},C=e.inject(m.geographicLayerListKey),y=e.inject(m.researchDataRequestKey),d=e.ref([]),p=e.ref(1),v=e.ref(10),h=e.ref(0),l=e.ref(),u=e.ref([]),n=e.ref([]),D=e.ref(!0),L=()=>{i.value=!1},E=o=>{v.value=o,f()},w=o=>{p.value=o,f()},T=o=>{i.value=!0,l.value=o,p.value=1,u.value=[],n.value=[],f()},N=()=>{if(d.value.length===0){u.value=[],n.value=[];return}try{const o=d.value[0];o&&o.data&&(u.value=JSON.parse(o.data));const t=d.value.slice(1).map(a=>{const r=a.data?JSON.parse(a.data):[];return u.value.reduce((c,O,V)=>(c[O]=r[V]||"",c),{})});n.value=t}catch(o){console.error("解析数据出错:",o),u.value=[],n.value=[]}};function k(o){console.log("geoJSON----->",o),u.value=["FID","*Type","Longitude","Latitude"],n.value=[],o.features.forEach(t=>{t.geometry.type=="Point"?n.value.push({FID:"1","*Type":t.geometry.type,Longitude:t.geometry.coordinates[0],Latitude:t.geometry.coordinates[1]}):t.geometry.type=="Polygon"?t.geometry.coordinates.forEach(a=>{a.forEach((r,c)=>{n.value.push({FID:(c+1).toString(),"*Type":t.geometry.type,Longitude:r[0],Latitude:r[1]})})}):t.geometry.coordinates.forEach((a,r)=>{console.log("coord--->",a),n.value.push({FID:(r+1).toString(),"*Type":t.geometry.type,Longitude:a[0],Latitude:a[1]})})})}const f=()=>{if(console.log("getList",l.value),l.value?.geoJSON){if(!l.value.geoJSON){console.warn("Topic geoJSON is not set, cannot fetch data.");return}D.value=!0,k(JSON.parse(l.value.geoJSON))}else{if(D.value=!1,l.value?.layerType=="species-group"){u.value=["FID","shape*","物种名称","拉丁名","目","科","属","国家保护等级","经度","纬度","调查人","调查时间","照片","所属项目","所属调查编号","备注"],n.value=[],C?.value.forEach((o,t)=>{if(o.pid===l.value?.id){const a=JSON.parse(o.rowDataInstance||"{}");console.log("rowDataInstance",a),n.value.push({FID:t+1,"shape*":"point",物种名称:a.species_c,拉丁名:a.canorical_me,目:a.order_c,科:a.family_c,属:a.genus_c,国家保护等级:a.state_protection_grade,经度:a.longitude,纬度:a.latitude,调查人:a.createUserName,调查时间:s.dayjs(a.createDate*1e3).format("YYYY-MM-DD HH:mm"),照片:JSON.parse(a.imagesList??"[]").map(r=>r.url).join(", "),所属项目:a.projectName,所属调查编号:a.serialNumberAndCode,备注:a.remark||""})}});return}else l.value?.layerType=="shp"&&(u.value=["FID","shape*","调查人员","协查人员","起点经纬度","起点海拔","终点经纬度","终点海拔","所属项目","照片","调查时间","所属调查编号","备注"],l.value&&!l.value.lineInfo&&(console.log("researchDataRequest-----------------",y),y?.(l.value).then(o=>{if(o&&l.value){const{pointInfo:t,lineInfo:a}=o;l.value.lineInfo=a,l.value.pointInfo=t,console.log("pointInfo",t),n.value.push({FID:1,"shape*":l.value.layerType=="symbol"?"point":"line_string",调查人员:t?.createUserName||"",协查人员:t?.collaboratorUserName||"",起点经纬度:`${t?.longitudeStart}, ${t?.latitudeStart}`,起点海拔:t?.altitudeStart||"",终点经纬度:`${t?.longitudeEnd}, ${t?.latitudeEnd}`,终点海拔:t?.altitudeEnd||"",所属项目:t?.projectName||"",照片:JSON.parse(t?.imagesList??"[]").map(r=>r.url).join(", "),调查时间:s.dayjs(t?.createDate*1e3).format("YYYY-MM-DD HH:mm"),所属调查编号:t?.serialNumberAndCode||"",备注:t?.remark||""})}})));if(!S)return;if(!l.value){console.warn("Topic is not set, cannot fetch data.");return}if(!l.value?.sourceId){console.warn("Topic sourceId is not set, cannot fetch data.");return}g.value=!0,S(l.value.sourceId,p.value,v.value).then(o=>{d.value=o.data.list,h.value=o.count,N()}).finally(()=>{g.value=!1})}};e.watch(d,()=>{N()},{deep:!0});const S=e.inject(m.dbfDataRequestKey);return b({open:T}),(o,t)=>{const a=J.vLoading;return e.openBlock(),e.createBlock(e.unref(s.ElDialog),{title:"地理图层属性表",modelValue:i.value,"onUpdate:modelValue":t[3]||(t[3]=r=>i.value=r),width:"1000",center:e.unref(_).dialogConfig.center,"before-close":I},{footer:e.withCtx(()=>[e.createElementVNode("span",null,[e.createVNode(e.unref(s.ElButton),{onClick:t[2]||(t[2]=r=>i.value=!1)},{default:e.withCtx(()=>[...t[4]||(t[4]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(e.unref(s.ElButton),{type:"primary",onClick:L},{default:e.withCtx(()=>[...t[5]||(t[5]=[e.createTextVNode("确定",-1)])]),_:1})])]),default:e.withCtx(()=>[e.createElementVNode("div",j,[e.withDirectives((e.openBlock(),e.createBlock(e.unref(s.ElTable),{data:n.value,border:"",style:{width:"100%","--el-table-header-bg-color":"#eee"},height:"400"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(r,c)=>(e.openBlock(),e.createBlock(e.unref(s.ElTableColumn),{"min-width":"120",key:c,prop:r,label:r},null,8,["prop","label"]))),128))]),_:1},8,["data"])),[[a,g.value]]),e.createElementVNode("div",B,[e.createVNode(e.unref(s.ElPagination),{"current-page":p.value,"onUpdate:currentPage":t[0]||(t[0]=r=>p.value=r),"page-size":v.value,"onUpdate:pageSize":t[1]||(t[1]=r=>v.value=r),"page-sizes":[10,20,50,100],layout:"total, sizes, prev, pager, next, jumper",total:h.value,onSizeChange:E,onCurrentChange:w},null,8,["current-page","page-size","total"])])])]),_:1},8,["modelValue","center"])}}}),z=q._export_sfc(F,[["__scopeId","data-v-425e10ed"]]);exports.default=z;

package/dist/mapboxV2/widgets/LayerAttributeDialog.mjs

@@ -1,16 +1,15 @@
-import "../../chunks/base-DfCoKyyG.js";
-import { v as q } from "../../chunks/el-loading-CBXyo6la.js";
-import { defineComponent as M, ref as r, inject as h, watch as $, createBlock as D, openBlock as m, unref as u, withCtx as v, createElementVNode as S, withDirectives as A, createElementBlock as B, Fragment as H, renderList as P, createVNode as N, createTextVNode as E } from "vue";
-import { g as K, r as G, d as Q } from "../../chunks/ProvideKeys-CBXsWszp.js";
-import { ElDialog as W, ElTable as X, ElTableColumn as Z, ElPagination as ee, ElButton as T, dayjs as w } from "element-plus";
-import { u as ae } from "../../chunks/mapStore-Eu13mnJg.js";
+import { defineComponent as q, ref as r, inject as h, watch as M, createBlock as D, openBlock as m, unref as u, withCtx as v, createElementVNode as S, withDirectives as $, createElementBlock as A, Fragment as B, renderList as H, createVNode as N, createTextVNode as E } from "vue";
+import { g as P, r as K, d as G } from "../../chunks/ProvideKeys-CBXsWszp.js";
+import { ElDialog as Q, ElTable as W, ElTableColumn as X, ElPagination as Z, ElButton as T, dayjs as w } from "element-plus";
+import { u as ee } from "../../chunks/mapStore-Eu13mnJg.js";
+import { v as ae } from "../../chunks/directive-C-4KkhaM.js";
 import { _ as te } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
-const oe = { class: "attribute-table-container" }, le = { class: "pagination-container" }, ne = /* @__PURE__ */ M({
+const oe = { class: "attribute-table-container" }, le = { class: "pagination-container" }, ne = /* @__PURE__ */ q({
   __name: "LayerAttributeDialog",
   setup(re, { expose: O }) {
-    const J = ae(), i = r(!1), f = r(!1), k = () => {
+    const J = ee(), i = r(!1), f = r(!1), k = () => {
       i.value = !1;
-    }, F = h(K), b = h(G), p = r([]), d = r(1), g = r(10), I = r(0), l = r(), s = r([]), n = r([]), L = r(!0), z = () => {
+    }, F = h(P), b = h(K), p = r([]), d = r(1), g = r(10), I = r(0), l = r(), s = r([]), n = r([]), L = r(!0), z = () => {
       i.value = !1;
     }, V = (t) => {
       g.value = t, y();
@@ -175,19 +174,19 @@ const oe = { class: "attribute-table-container" }, le = { class: "pagination-con
         });
       }
     };
-    $(
+    M(
       p,
       () => {
         _();
       },
       { deep: !0 }
     );
-    const C = h(Q);
+    const C = h(G);
     return O({
       open: x
     }), (t, e) => {
-      const a = q;
-      return m(), D(u(W), {
+      const a = ae;
+      return m(), D(u(Q), {
         title: "地理图层属性表",
         modelValue: i.value,
         "onUpdate:modelValue": e[3] || (e[3] = (o) => i.value = o),
@@ -218,14 +217,14 @@ const oe = { class: "attribute-table-container" }, le = { class: "pagination-con
         ]),
         default: v(() => [
           S("div", oe, [
-            A((m(), D(u(X), {
+            $((m(), D(u(W), {
               data: n.value,
               border: "",
               style: { width: "100%", "--el-table-header-bg-color": "#eee" },
               height: "400"
             }, {
               default: v(() => [
-                (m(!0), B(H, null, P(s.value, (o, c) => (m(), D(u(Z), {
+                (m(!0), A(B, null, H(s.value, (o, c) => (m(), D(u(X), {
                   "min-width": "120",
                   key: c,
                   prop: o,
@@ -237,7 +236,7 @@ const oe = { class: "attribute-table-container" }, le = { class: "pagination-con
               [a, f.value]
             ]),
             S("div", le, [
-              N(u(ee), {
+              N(u(Z), {
                 "current-page": d.value,
                 "onUpdate:currentPage": e[0] || (e[0] = (o) => d.value = o),
                 "page-size": g.value,
@@ -255,7 +254,7 @@ const oe = { class: "attribute-table-container" }, le = { class: "pagination-con
       }, 8, ["modelValue", "center"]);
     };
   }
-}), ge = /* @__PURE__ */ te(ne, [["__scopeId", "data-v-425e10ed"]]);
+}), ve = /* @__PURE__ */ te(ne, [["__scopeId", "data-v-425e10ed"]]);
 export {
-  ge as default
+  ve as default
 };

package/dist/mapboxV2/widgets/LayerDialog.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("element-plus"),x=require("@element-plus/icons-vue"),S=require("../../chunks/constant-mXEWtcQf.js"),s=require("../../chunks/EventKeys-BvyQ87Zy.js"),k=require("../../chunks/mapStore-dFPYwvXT.js"),w=require("../components/VideoDialog.cjs"),b=require("../../chunks/_plugin-vue_export-helper-BHFhmbuH.js"),T={class:"upload-area"},I={class:"shp-hint"},F=e.defineComponent({__name:"LayerDialog",setup(U,{expose:c}){const n=e.ref(!1),u=e.ref(),p=e.ref([]),f=e.inject("shpUploadUrl"),m=k.useMapStore();let r;const l=e.reactive({id:0,decade:null,layerName:"",layerType:void 0,defaultChecked:0,synchronizeApp:0,pid:0,columnSet:[],sourceId:0,url:"",targetScreen:"normal",layerPaintConfig:JSON.stringify(S.defaultStyleConfig),projectId:""}),y=[{value:"point",label:"点"},{value:"line",label:"线"},{value:"shape",label:"面"}],V=e.reactive({decade:[{required:!0,message:"请选择年份",trigger:"change"}],layerName:[{required:!0,message:"请输入图层名称",trigger:"blur"}],layerType:[{required:!0,message:"请选择图层类型",trigger:"change"}]});function N(d){console.log("onFileSuccess---->",d),d.errcode==200?(l.url=d.data.geo_json_url,l.sourceId=d.data.source_id,l.columnSet=JSON.parse(d.data.column_set)):(a.ElMessage.error("shp文件解析失败，请检查格式是否正确，或直接联系管理员"),p.value=[])}function g(d,t){console.log("onShpFilesChange---->",d),l.layerName=d.name.split(".")[0]}const h=()=>{n.value=!1},C=async()=>{if(u.value)try{await u.value.validate(),console.log("准备提交的数据:",l),r?(r.decade=l.decade,r.layerName=l.layerName,r.layerType=l.layerType,r.defaultChecked=l.defaultChecked,r.synchronizeApp=l.synchronizeApp,r.id=l.id,r.projectId=l.projectId,r.pid=l.pid,r.columnSet=l.columnSet,r.sourceId=l.sourceId,l.url&&(r.url=l.url),s.createTopicBus.emit({...r,targetScreen:"normal"})):s.createTopicBus.emit({layerType:l.layerType,layerName:l.layerName,id:l.id,layerPaintConfig:l.layerPaintConfig,projectId:l.projectId,decade:l.decade,defaultChecked:l.defaultChecked,synchronizeApp:l.synchronizeApp,pid:l.pid,targetScreen:"normal",columnSet:l.columnSet,sourceId:l.sourceId,url:l.url}),n.value=!1}catch(d){console.error("表单验证失败",d)}},v=(d,t,o)=>{n.value=!0,l.pid=t,console.log("打开对话框，操作类型:",d,"父ID:",t,"图层信息:",o),o?(r=o,l.decade=(o?.decade||"2024")+"",l.layerName=o?.layerName||"",l.layerType=o?.layerType,l.defaultChecked=o?.defaultChecked||0,l.synchronizeApp=o?.synchronizeApp||0,l.id=o.id):(l.id=void 0,l.decade=null,l.layerName="",l.layerType=void 0,l.defaultChecked=0,l.synchronizeApp=0)},i=e.ref(!1),E=()=>{i.value=!0};return c({open:v}),(d,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(a.ElDialog),{title:"导入地理图层数据",modelValue:n.value,"onUpdate:modelValue":t[5]||(t[5]=o=>n.value=o),width:"480",center:e.unref(m).dialogConfig.center,"before-close":h},{footer:e.withCtx(()=>[e.createElementVNode("span",null,[e.createVNode(e.unref(a.ElButton),{onClick:t[4]||(t[4]=o=>n.value=!1)},{default:e.withCtx(()=>[...t[11]||(t[11]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(e.unref(a.ElButton),{type:"primary",onClick:C},{default:e.withCtx(()=>[...t[12]||(t[12]=[e.createTextVNode("确认",-1)])]),_:1})])]),default:e.withCtx(()=>[e.createVNode(e.unref(a.ElForm),{model:l,rules:V,ref_key:"formRef",ref:u,"label-width":"80px"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElFormItem),{label:"所属年份",prop:"decade"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElDatePicker),{modelValue:l.decade,"onUpdate:modelValue":t[0]||(t[0]=o=>l.decade=o),type:"year",placeholder:"请选择年份",style:{width:"100%"},"value-format":"YYYY"},null,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":t[1]||(t[1]=o=>l.layerName=o),placeholder:"请输入图层名称(默认使用文件名)"},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(a.ElFormItem),{label:"图层类型",prop:"layerType"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElSelect),{modelValue:l.layerType,"onUpdate:modelValue":t[2]||(t[2]=o=>l.layerType=o),placeholder:"请选择图层类型",style:{width:"100%"}},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(y,o=>e.createVNode(e.unref(a.ElOption),{key:o.value,label:o.label,value:o.value},null,8,["label","value"])),64))]),_:1},8,["modelValue"])]),_:1}),e.createVNode(e.unref(a.ElFormItem),{label:"默认加载"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ElSwitch),{modelValue:l.defaultChecked,"onUpdate:modelValue":t[3]||(t[3]=o=>l.defaultChecked=o)},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(a.ElFormItem),{label:"shp文件"},{default:e.withCtx(()=>[e.createElementVNode("div",T,[e.createVNode(e.unref(a.ElUpload),{class:"upload-demo",drag:"",action:e.unref(f),"on-success":N,"on-change":g,accept:".zip"},{tip:e.withCtx(()=>[e.createVNode(e.unref(a.ElAlert),{title:"上传文件支持 zip 格式，单个文件大小不超过50MB，且文件数量不超过 1 个",type:"info",effect:"light","show-icon":"",closable:""})]),default:e.withCtx(()=>[e.createVNode(e.unref(a.ElIcon),{class:"el-icon--upload"},{default:e.withCtx(()=>[e.createVNode(e.unref(x.UploadFilled))]),_:1}),t[7]||(t[7]=e.createElementVNode("div",{class:"el-upload__text"},[e.createTextVNode(" 将文件拖到此处，或 "),e.createElementVNode("em",null,"点击上传")],-1))]),_:1},8,["action"]),e.createElementVNode("div",I,[e.createElementVNode("p",null,[t[9]||(t[9]=e.createTextVNode(" 1. 请将 shp 数据压缩为 zip 格式后上传，",-1)),e.createVNode(e.unref(a.ElButton),{type:"primary",link:"",onClick:E},{default:e.withCtx(()=>[...t[8]||(t[8]=[e.createTextVNode("查看教程",-1)])]),_:1})]),t[10]||(t[10]=e.createElementVNode("p",null,"2. 确保 shp 数据的坐标系为 WGS84 坐标系",-1))])])]),_:1})]),_:1},8,["model","rules"])]),_:1},8,["modelValue","center"]),e.createVNode(w.default,{modelValue:i.value,"onUpdate:modelValue":t[6]||(t[6]=o=>i.value=o),type:"MakeShpZip",title:"上传文件制作流程视频"},null,8,["modelValue"])],64))}}),_=b._export_sfc(F,[["__scopeId","data-v-543fb860"]]);exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("element-plus"),x=require("@element-plus/icons-vue"),S=require("../../chunks/constant-Bq4ASE9Q.js"),s=require("../../chunks/EventKeys-BvyQ87Zy.js"),b=require("../../chunks/mapStore-dFPYwvXT.js"),w=require("../components/VideoDialog.cjs"),T=require("../../chunks/_plugin-vue_export-helper-BHFhmbuH.js"),I={class:"upload-area"},F={class:"shp-hint"},_=e.defineComponent({__name:"LayerDialog",setup(q,{expose:p}){const n=e.ref(!1),u=e.ref(),f=e.ref([]),m=e.inject("shpUploadUrl"),y=b.useMapStore();let d;const l=e.reactive({id:0,decade:null,layerName:"",layerType:void 0,defaultChecked:0,synchronizeApp:0,pid:0,columnSet:[],sourceId:0,url:"",targetScreen:"normal",layerPaintConfig:JSON.stringify(S.defaultStyleConfig),projectId:""}),i=e.computed({get:()=>{const a=l.defaultChecked===1;return console.log("计算属性 get - form.defaultChecked:",l.defaultChecked,"返回:",a),a},set:a=>{l.defaultChecked=a?1:0,console.log("计算属性 set - 接收:",a,"设置 form.defaultChecked:",l.defaultChecked)}}),V=[{value:"point",label:"点"},{value:"line",label:"线"},{value:"shape",label:"面"}],g=e.reactive({decade:[{required:!0,message:"请选择年份",trigger:"change"}],layerName:[{required:!0,message:"请输入图层名称",trigger:"blur"}],layerType:[{required:!0,message:"请选择图层类型",trigger:"change"}]});function h(a){console.log("onFileSuccess---->",a),a.errcode==200?(l.url=a.data.geo_json_url,l.sourceId=a.data.source_id,l.columnSet=JSON.parse(a.data.column_set)):(r.ElMessage.error("shp文件解析失败，请检查格式是否正确，或直接联系管理员"),f.value=[])}function C(a,t){console.log("onShpFilesChange---->",a),l.layerName=a.name.split(".")[0]}const N=()=>{n.value=!1},v=async()=>{if(u.value)try{await u.value.validate(),console.log("准备提交的数据:",l),d?(d.decade=l.decade,d.layerName=l.layerName,d.layerType=l.layerType,d.defaultChecked=l.defaultChecked,d.synchronizeApp=l.synchronizeApp,d.id=l.id,d.projectId=l.projectId,d.pid=l.pid,d.columnSet=l.columnSet,d.sourceId=l.sourceId,l.url&&(d.url=l.url),s.createTopicBus.emit({...d,targetScreen:"normal"})):s.createTopicBus.emit({layerType:l.layerType,layerName:l.layerName,id:l.id,layerPaintConfig:l.layerPaintConfig,projectId:l.projectId,decade:l.decade,defaultChecked:l.defaultChecked,synchronizeApp:l.synchronizeApp,pid:l.pid,targetScreen:"normal",columnSet:l.columnSet,sourceId:l.sourceId,url:l.url}),n.value=!1}catch(a){console.error("表单验证失败",a)}},k=(a,t,o)=>{console.log("=== LayerDialog.open 被调用 ==="),console.log("action:",a,"pid:",t,"layer:",o),n.value=!0,l.pid=t,console.log("打开对话框，操作类型:",a,"父ID:",t,"图层信息:",o),o?(d=o,l.decade=(o?.decade||"2024")+"",l.layerName=o?.layerName||"",l.layerType=o?.layerType,l.defaultChecked=Number(o?.defaultChecked)||0,l.synchronizeApp=Number(o?.synchronizeApp)||0,l.id=o.id,console.log("打开编辑对话框 - layer.defaultChecked:",o.defaultChecked,"类型:",typeof o.defaultChecked),console.log("打开编辑对话框 - form.defaultChecked:",l.defaultChecked,"类型:",typeof l.defaultChecked)):(console.log("新建图层，初始化默认值"),l.id=void 0,l.decade=null,l.layerName="",l.layerType=void 0,l.defaultChecked=0,l.synchronizeApp=0)},c=e.ref(!1),E=()=>{c.value=!0};return p({open:k}),(a,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(r.ElDialog),{title:"导入地理图层数据",modelValue:n.value,"onUpdate:modelValue":t[5]||(t[5]=o=>n.value=o),width:"480",center:e.unref(y).dialogConfig.center,"before-close":N},{footer:e.withCtx(()=>[e.createElementVNode("span",null,[e.createVNode(e.unref(r.ElButton),{onClick:t[4]||(t[4]=o=>n.value=!1)},{default:e.withCtx(()=>[...t[11]||(t[11]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(e.unref(r.ElButton),{type:"primary",onClick:v},{default:e.withCtx(()=>[...t[12]||(t[12]=[e.createTextVNode("确认",-1)])]),_:1})])]),default:e.withCtx(()=>[e.createVNode(e.unref(r.ElForm),{model:l,rules:g,ref_key:"formRef",ref:u,"label-width":"80px"},{default:e.withCtx(()=>[e.createVNode(e.unref(r.ElFormItem),{label:"所属年份",prop:"decade"},{default:e.withCtx(()=>[e.createVNode(e.unref(r.ElDatePicker),{modelValue:l.decade,"onUpdate:modelValue":t[0]||(t[0]=o=>l.decade=o),type:"year",placeholder:"请选择年份",style:{width:"100%"},"value-format":"YYYY"},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(r.ElFormItem),{label:"图层名称",prop:"layerName"},{default:e.withCtx(()=>[e.createVNode(e.unref(r.ElInput),{modelValue:l.layerName,"onUpdate:modelValue":t[1]||(t[1]=o=>l.layerName=o),placeholder:"请输入图层名称(默认使用文件名)"},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(r.ElFormItem),{label:"图层类型",prop:"layerType"},{default:e.withCtx(()=>[e.createVNode(e.unref(r.ElSelect),{modelValue:l.layerType,"onUpdate:modelValue":t[2]||(t[2]=o=>l.layerType=o),placeholder:"请选择图层类型",style:{width:"100%"}},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(V,o=>e.createVNode(e.unref(r.ElOption),{key:o.value,label:o.label,value:o.value},null,8,["label","value"])),64))]),_:1},8,["modelValue"])]),_:1}),e.createVNode(e.unref(r.ElFormItem),{label:"默认加载"},{default:e.withCtx(()=>[e.createVNode(e.unref(r.ElSwitch),{modelValue:i.value,"onUpdate:modelValue":t[3]||(t[3]=o=>i.value=o)},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(r.ElFormItem),{label:"shp文件"},{default:e.withCtx(()=>[e.createElementVNode("div",I,[e.createVNode(e.unref(r.ElUpload),{class:"upload-demo",drag:"",action:e.unref(m),"on-success":h,"on-change":C,accept:".zip"},{tip:e.withCtx(()=>[e.createVNode(e.unref(r.ElAlert),{title:"上传文件支持 zip 格式，单个文件大小不超过50MB，且文件数量不超过 1 个",type:"info",effect:"light","show-icon":"",closable:""})]),default:e.withCtx(()=>[e.createVNode(e.unref(r.ElIcon),{class:"el-icon--upload"},{default:e.withCtx(()=>[e.createVNode(e.unref(x.UploadFilled))]),_:1}),t[7]||(t[7]=e.createElementVNode("div",{class:"el-upload__text"},[e.createTextVNode(" 将文件拖到此处，或 "),e.createElementVNode("em",null,"点击上传")],-1))]),_:1},8,["action"]),e.createElementVNode("div",F,[e.createElementVNode("p",null,[t[9]||(t[9]=e.createTextVNode(" 1. 请将 shp 数据压缩为 zip 格式后上传，",-1)),e.createVNode(e.unref(r.ElButton),{type:"primary",link:"",onClick:E},{default:e.withCtx(()=>[...t[8]||(t[8]=[e.createTextVNode("查看教程",-1)])]),_:1})]),t[10]||(t[10]=e.createElementVNode("p",null,"2. 确保 shp 数据的坐标系为 WGS84 坐标系",-1))])])]),_:1})]),_:1},8,["model","rules"])]),_:1},8,["modelValue","center"]),e.createVNode(w.default,{modelValue:c.value,"onUpdate:modelValue":t[6]||(t[6]=o=>c.value=o),type:"MakeShpZip",title:"上传文件制作流程视频"},null,8,["modelValue"])],64))}}),U=T._export_sfc(_,[["__scopeId","data-v-052527b4"]]);exports.default=U;