mixdashboards 1.0.71 → 1.0.73

package/dist/{insarDeformChart-Ls-cdqaP.js → insarDeformChart-5BhCUq8L.js}

@@ -10,15 +10,22 @@ var P = (p, u, r) => u in p ? le(p, u, { enumerable: !0, configurable: !0, writa
       ie.call(u, r) && P(p, r, u[r]);
   return p;
 }, W = (p, u) => ne(p, se(u));
-import { defineComponent as re, ref as D, reactive as ce, computed as T, onMounted as ue, nextTick as B, onUnmounted as de, watch as ve, openBlock as U, createElementBlock as X, normalizeStyle as V, createElementVNode as l, unref as me, toDisplayString as C, normalizeClass as fe, withModifiers as pe, mergeProps as ye, createTextVNode as E, createCommentVNode as he, renderSlot as xe } from "vue";
+import { defineComponent as re, ref as T, reactive as ce, computed as D, onMounted as ue, nextTick as B, onUnmounted as de, watch as ve, openBlock as U, createElementBlock as X, normalizeStyle as O, createElementVNode as l, unref as me, toDisplayString as C, normalizeClass as fe, withModifiers as pe, mergeProps as ye, createTextVNode as E, createCommentVNode as he, renderSlot as xe } from "vue";
 import "html2canvas";
-import { B as ge } from "./BaseComponent-D5tlYehc.js";
-import { _ as Se } from "./index-Bdq33405.js";
+import { B as ge } from "./BaseComponent-CBagahPU.js";
+import { _ as Se } from "./index-DwPJu6XM.js";
 import { A as be, D as Me } from "./ele-lin-icon-Dax-ZiWV.js";
-const Ce = { class: "panel-header" }, ze = { class: "header-left" }, De = { class: "header-btns" }, Te = {
+const Ce = { class: "panel-header" }, ze = { class: "header-left" }, Te = { class: "header-btns" }, De = {
   key: 0,
   class: "result-box"
-}, _e = { style: { color: "#f5222d" } }, ke = { style: { color: "#fa8c16" } }, we = { class: "insar-legend" }, Ae = { class: "legend-title" }, Re = { class: "legend-body" }, Ee = { DEFAULT_ICON: Me, ACTIVE_ICON: be, NAME_CN: "InSAR形变3D图", NAME_EN: "InSAR Deform 3D Chart", ORDER: 22 }, Ne = {
+}, _e = { style: { color: "#f5222d" } }, ke = { style: { color: "#fa8c16" } }, we = { class: "insar-legend" }, Ae = { class: "legend-title" }, Re = { class: "legend-body" }, Ee = {
+  DEFAULT_ICON: Me,
+  ACTIVE_ICON: be,
+  NAME_CN: "InSAR形变3D图",
+  NAME_EN: "InSAR Deform 3D Chart",
+  ORDER: 22,
+  PLATFORM: ["pc", "screen"]
+}, Ne = {
   bgColor: { value: "#4a4a4a", type: "color", label: "setting.bgColor" },
   titleFontSize: { value: 14, type: "number", label: "标题字体大小", min: 12, max: 24 },
   gridSize: { value: 50, type: "number", label: "网格密度", min: 20, max: 80 },
@@ -34,7 +41,7 @@ const Ce = { class: "panel-header" }, ze = { class: "header-left" }, De = { clas
     ]
   },
   customChannel: { value: "", type: "string", label: "自定义频道名", showWhen: { linkChannel: "custom" } }
-}, Ie = [], Ve = ["object_id", "name", "fv", "fvDeviceName"], Oe = ["mosaic"], Fe = { useAlias: !1, multiObject: !1, source: "mosaic" }, Pe = { DEFAULT: Ee, OPTIONS: Ne, DATA: Ie, PARAMS: Ve, SOURCE: Oe, COMMON: Fe }, Le = /* @__PURE__ */ re(W(L({}, Pe), {
+}, Ie = [], Oe = ["object_id", "name", "fv", "fvDeviceName"], Ve = ["mosaic"], Fe = { useAlias: !1, multiObject: !1, source: "mosaic" }, Pe = { DEFAULT: Ee, OPTIONS: Ne, DATA: Ie, PARAMS: Oe, SOURCE: Ve, COMMON: Fe }, Le = /* @__PURE__ */ re(W(L({}, Pe), {
   __name: "insarDeformChart",
   props: {
     conf: { type: Object, default: () => ({}) },
@@ -67,19 +74,19 @@ const Ce = { class: "panel-header" }, ze = { class: "header-left" }, De = { clas
     }
     const _ = new Y(u, "insarDeformChart");
     _.setupLifecycle();
-    const h = _.getStyle(), N = D(null), x = D("rate"), g = D(!1), z = D(!1), S = ce({ count: 0, max: "0.00", avg: "0.00" });
+    const h = _.getStyle(), N = T(null), x = T("rate"), g = T(!1), z = T(!1), S = ce({ count: 0, max: "0.00", avg: "0.00" });
     let b = [], d = null, v = null, k = !1;
-    const I = D(1), j = T(() => r[x.value].title), $ = T(() => r[x.value].legendTitle), G = T(() => r[x.value].maxVal), q = T(() => ({ backgroundColor: h.value.bgColor })), Z = T(() => `rotateX(60deg) rotateZ(45deg) scale(${I.value})`), H = {
+    const I = T(1), j = D(() => r[x.value].title), $ = D(() => r[x.value].legendTitle), G = D(() => r[x.value].maxVal), q = D(() => ({ backgroundColor: h.value.bgColor })), Z = D(() => `rotateX(60deg) rotateZ(45deg) scale(${I.value})`), H = {
       onMousedown: (t) => {
-        g.value && (k = !0, d = O(t), v = d, w(), z.value = !1);
+        g.value && (k = !0, d = V(t), v = d, w(), z.value = !1);
       },
       onMousemove: (t) => {
-        !g.value || !k || (v = O(t), w());
+        !g.value || !k || (v = V(t), w());
       },
       onMouseup: () => {
         k && (k = !1, Q());
       }
-    }, O = (t) => {
+    }, V = (t) => {
       if (!N.value) return { x: 0, y: 0 };
       const n = h.value.gridSize, i = h.value.canvasSize, c = t.offsetX / i * n, a = t.offsetY / i * n;
       return {
@@ -147,17 +154,17 @@ const Ce = { class: "panel-header" }, ze = { class: "header-left" }, De = { clas
       });
     }, { deep: !0 }), (t, e) => (U(), X("div", {
       class: "insar-deform-chart",
-      style: V(q.value)
+      style: O(q.value)
     }, [
       l("div", Ce, [
         l("div", ze, [
           e[0] || (e[0] = l("span", { class: "indicator-dot" }, null, -1)),
           l("span", {
             class: "panel-title",
-            style: V({ color: "#fff", fontSize: me(h).titleFontSize + "px" })
+            style: O({ color: "#fff", fontSize: me(h).titleFontSize + "px" })
           }, C(j.value), 5)
         ]),
-        l("div", De, [
+        l("div", Te, [
           l("button", {
             class: fe(["ctrl-btn", { "btn-active": g.value }]),
             onClick: ee
@@ -174,7 +181,7 @@ const Ce = { class: "panel-header" }, ze = { class: "header-left" }, De = { clas
       }, [
         l("div", {
           class: "canvas-3d-wrapper",
-          style: V({ transform: Z.value })
+          style: O({ transform: Z.value })
         }, [
           l("canvas", ye({
             ref_key: "canvasRef",
@@ -182,7 +189,7 @@ const Ce = { class: "panel-header" }, ze = { class: "header-left" }, De = { clas
             class: "insar-canvas"
           }, p.mode !== "edit" ? H : {}), null, 16)
         ], 4),
-        z.value ? (U(), X("div", Te, [
+        z.value ? (U(), X("div", De, [
           e[5] || (e[5] = l("div", { class: "result-title" }, "📊 区域分析结果", -1)),
           l("div", null, [
             e[1] || (e[1] = E("选中点数：", -1)),
@@ -210,7 +217,7 @@ const Ce = { class: "panel-header" }, ze = { class: "header-left" }, De = { clas
       xe(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-})), $e = /* @__PURE__ */ Se(Le, [["__scopeId", "data-v-c4987e80"]]);
+})), $e = /* @__PURE__ */ Se(Le, [["__scopeId", "data-v-695fe676"]]);
 export {
   $e as default
 };

package/dist/insarDeformChart-Ca3AMsBk.cjs

@@ -0,0 +1 @@
+"use strict";var H=Object.defineProperty,J=Object.defineProperties;var K=Object.getOwnPropertyDescriptors;var A=Object.getOwnPropertySymbols;var Q=Object.prototype.hasOwnProperty,ee=Object.prototype.propertyIsEnumerable;var w=(p,u,c)=>u in p?H(p,u,{enumerable:!0,configurable:!0,writable:!0,value:c}):p[u]=c,I=(p,u)=>{for(var c in u||(u={}))Q.call(u,c)&&w(p,c,u[c]);if(A)for(var c of A(u))ee.call(u,c)&&w(p,c,u[c]);return p},R=(p,u)=>J(p,K(u));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue");require("html2canvas");const te=require("./BaseComponent-Chnv4fBT.cjs"),ae=require("./index-DVqMfQVc.cjs"),O=require("./ele-lin-icon-Dke_1AmT.cjs"),ne={class:"panel-header"},le={class:"header-left"},oe={class:"header-btns"},se={key:0,class:"result-box"},re={style:{color:"#f5222d"}},ce={style:{color:"#fa8c16"}},ie={class:"insar-legend"},ue={class:"legend-title"},de={class:"legend-body"},me={DEFAULT_ICON:O.DEFAULT_ICON,ACTIVE_ICON:O.ACTIVE_ICON,NAME_CN:"InSAR形变3D图",NAME_EN:"InSAR Deform 3D Chart",ORDER:22,PLATFORM:["pc","screen"]},ve={bgColor:{value:"#4a4a4a",type:"color",label:"setting.bgColor"},titleFontSize:{value:14,type:"number",label:"标题字体大小",min:12,max:24},gridSize:{value:50,type:"number",label:"网格密度",min:20,max:80},canvasSize:{value:240,type:"number",label:"画布尺寸(px)",min:150,max:400},defaultDataType:{value:"rate",type:"select",label:"默认数据类型",options:[{label:"形变速率",value:"rate"},{label:"累计形变量",value:"amount"}]},linkChannel:{value:"satellite",type:"select",label:"联动频道",options:[{label:"遥感卫星",value:"satellite"},{label:"自定义",value:"custom"}]},customChannel:{value:"",type:"string",label:"自定义频道名",showWhen:{linkChannel:"custom"}}},fe=[],pe=["object_id","name","fv","fvDeviceName"],ye=["mosaic"],xe={useAlias:!1,multiObject:!1,source:"mosaic"},ge={DEFAULT:me,OPTIONS:ve,DATA:fe,PARAMS:pe,SOURCE:ye,COMMON:xe},he=t.defineComponent(R(I({},ge),{__name:"insarDeformChart",props:{conf:{type:Object,default:()=>({})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(p){const u=p,c={rate:{title:"InSAR 形变速率(mm/yr)",legendTitle:"形变速率 (mm/yr)",maxVal:20,unit:"mm/yr",noise:.15},amount:{title:"InSAR 累计形变量(mm)",legendTitle:"累计形变量 (mm)",maxVal:500,unit:"mm",noise:.25}};class F extends te.BaseComponent{extractStyles(){var i,n,y,s,o,v,f,N;const e=(i=this.props.conf)==null?void 0:i.options,l=((n=e==null?void 0:e.linkChannel)==null?void 0:n.value)||"satellite",r=((y=e==null?void 0:e.customChannel)==null?void 0:y.value)||"";return{bgColor:((s=e==null?void 0:e.bgColor)==null?void 0:s.value)||"#4a4a4a",titleFontSize:((o=e==null?void 0:e.titleFontSize)==null?void 0:o.value)||14,gridSize:((v=e==null?void 0:e.gridSize)==null?void 0:v.value)||50,canvasSize:((f=e==null?void 0:e.canvasSize)==null?void 0:f.value)||240,defaultDataType:((N=e==null?void 0:e.defaultDataType)==null?void 0:N.value)||"rate",linkChannel:l==="custom"&&r?r:l}}onLinkEvent(e){const l=e==null?void 0:e.payload;l!=null&&l.dataType&&(l.dataType==="rate"||l.dataType==="amount")&&(g.value=l.dataType,T())}}const E=new F(u,"insarDeformChart");E.setupLifecycle();const x=E.getStyle(),D=t.ref(null),g=t.ref("rate"),h=t.ref(!1),C=t.ref(!1),S=t.reactive({count:0,max:"0.00",avg:"0.00"});let b=[],d=null,m=null,M=!1;const _=t.ref(1),P=t.computed(()=>c[g.value].title),L=t.computed(()=>c[g.value].legendTitle),q=t.computed(()=>c[g.value].maxVal),B=t.computed(()=>({backgroundColor:x.value.bgColor})),U=t.computed(()=>`rotateX(60deg) rotateZ(45deg) scale(${_.value})`),W={onMousedown:a=>{h.value&&(M=!0,d=k(a),m=d,V(),C.value=!1)},onMousemove:a=>{!h.value||!M||(m=k(a),V())},onMouseup:()=>{M&&(M=!1,Y())}},k=a=>{if(!D.value)return{x:0,y:0};const l=x.value.gridSize,r=x.value.canvasSize,i=a.offsetX/r*l,n=a.offsetY/r*l;return{x:Math.max(0,Math.min(l-1,Math.floor(i))),y:Math.max(0,Math.min(l-1,Math.floor(n)))}},j=()=>{const a=x.value.gridSize,e=c[g.value],l=a/2,r=a/2,i=(Math.random()-.5)*5,n=(Math.random()-.5)*5;b=[];for(let y=0;y<a;y++){const s=[];for(let o=0;o<a;o++){const v=o-(l+i),f=y-(r+n),N=Math.sqrt(v*v+f*f),Z=a*.6;let z=N/Z;z+=(Math.random()-.5)*e.noise,z=Math.max(0,Math.min(1,z)),s.push(z)}b.push(s)}},X=a=>`hsl(${(1-a)*240}, 90%, 55%)`,V=()=>{const a=D.value;if(!a)return;const e=a.getContext("2d");if(!e)return;const l=x.value.gridSize,r=x.value.canvasSize,i=window.devicePixelRatio||1;a.width=r*i,a.height=r*i,a.style.width=r+"px",a.style.height=r+"px",e.scale(i,i),e.clearRect(0,0,r,r);const n=r/l,y=n*.45;for(let s=0;s<l;s++)for(let o=0;o<l;o++){if(!b[s])continue;const v=b[s][o],f=o*n+n/2,N=s*n+n/2;e.beginPath(),e.arc(f,N,y,0,Math.PI*2),e.fillStyle=X(v),e.fill(),e.lineWidth=.5,e.strokeStyle="rgba(0,0,0,0.4)",e.stroke()}if(d&&m){const s=Math.min(d.x,m.x),o=Math.min(d.y,m.y),v=Math.abs(m.x-d.x)+1,f=Math.abs(m.y-d.y)+1;e.save(),e.fillStyle="rgba(255,255,255,0.3)",e.strokeStyle="#00ffcc",e.lineWidth=2,e.fillRect(s*n,o*n,v*n,f*n),e.strokeRect(s*n,o*n,v*n,f*n),e.restore()}},Y=()=>{if(!d||!m)return;const a=Math.min(d.x,m.x),e=Math.max(d.x,m.x),l=Math.min(d.y,m.y),r=Math.max(d.y,m.y),i=c[g.value];let n=0,y=0,s=0;for(let o=l;o<=r;o++)for(let v=a;v<=e;v++){if(!b[o])continue;const f=b[o][v];y+=f,f>s&&(s=f),n++}n>0&&(S.count=n,S.max=(s*i.maxVal).toFixed(2)+" "+i.unit,S.avg=(y/n*i.maxVal).toFixed(2)+" "+i.unit,C.value=!0)},$=()=>{h.value=!h.value,h.value||(d=null,m=null,C.value=!1,V())},G=a=>{const e=a.deltaY>0?.9:1.1;_.value=Math.max(.3,Math.min(_.value*e,5))},T=()=>{j(),V(),d=null,m=null,C.value=!1};return t.onMounted(()=>{E.init(),g.value=x.value.defaultDataType||"rate",t.nextTick(()=>{T()})}),t.onUnmounted(()=>{E.cleanup()}),t.watch(()=>u.conf,()=>{t.nextTick(()=>{T()})},{deep:!0}),(a,e)=>(t.openBlock(),t.createElementBlock("div",{class:"insar-deform-chart",style:t.normalizeStyle(B.value)},[t.createElementVNode("div",ne,[t.createElementVNode("div",le,[e[0]||(e[0]=t.createElementVNode("span",{class:"indicator-dot"},null,-1)),t.createElementVNode("span",{class:"panel-title",style:t.normalizeStyle({color:"#fff",fontSize:t.unref(x).titleFontSize+"px"})},t.toDisplayString(P.value),5)]),t.createElementVNode("div",oe,[t.createElementVNode("button",{class:t.normalizeClass(["ctrl-btn",{"btn-active":h.value}]),onClick:$},"📐 圈选分析",2),t.createElementVNode("button",{class:"ctrl-btn",onClick:T},"🔄")])]),t.createElementVNode("div",{class:"insar-container",onWheel:t.withModifiers(G,["prevent"])},[t.createElementVNode("div",{class:"canvas-3d-wrapper",style:t.normalizeStyle({transform:U.value})},[t.createElementVNode("canvas",t.mergeProps({ref_key:"canvasRef",ref:D,class:"insar-canvas"},p.mode!=="edit"?W:{}),null,16)],4),C.value?(t.openBlock(),t.createElementBlock("div",se,[e[5]||(e[5]=t.createElementVNode("div",{class:"result-title"},"📊 区域分析结果",-1)),t.createElementVNode("div",null,[e[1]||(e[1]=t.createTextVNode("选中点数：",-1)),t.createElementVNode("span",null,t.toDisplayString(S.count),1),e[2]||(e[2]=t.createTextVNode(" 个",-1))]),t.createElementVNode("div",null,[e[3]||(e[3]=t.createTextVNode("最大形变：",-1)),t.createElementVNode("span",re,t.toDisplayString(S.max),1)]),t.createElementVNode("div",null,[e[4]||(e[4]=t.createTextVNode("平均形变：",-1)),t.createElementVNode("span",ce,t.toDisplayString(S.avg),1)])])):t.createCommentVNode("",!0),t.createElementVNode("div",ie,[t.createElementVNode("div",ue,t.toDisplayString(L.value),1),t.createElementVNode("div",de,[e[6]||(e[6]=t.createElementVNode("span",null,"0",-1)),e[7]||(e[7]=t.createElementVNode("div",{class:"color-bar"},null,-1)),t.createElementVNode("span",null,t.toDisplayString(q.value),1)])])],32),t.renderSlot(a.$slots,"default",{},void 0,!0)],4))}})),Se=ae._export_sfc(he,[["__scopeId","data-v-695fe676"]]);exports.default=Se;

package/dist/{insarImageViewer-Dnke9JDG.js → insarImageViewer-DHNxmLpa.js}

@@ -1,13 +1,13 @@
 var J = Object.defineProperty, Z = Object.defineProperties;
 var ee = Object.getOwnPropertyDescriptors;
-var z = Object.getOwnPropertySymbols;
+var F = Object.getOwnPropertySymbols;
 var le = Object.prototype.hasOwnProperty, te = Object.prototype.propertyIsEnumerable;
-var F = (i, n, o) => n in i ? J(i, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : i[n] = o, h = (i, n) => {
+var z = (i, n, o) => n in i ? J(i, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : i[n] = o, h = (i, n) => {
   for (var o in n || (n = {}))
-    le.call(n, o) && F(i, o, n[o]);
-  if (z)
-    for (var o of z(n))
-      te.call(n, o) && F(i, o, n[o]);
+    le.call(n, o) && z(i, o, n[o]);
+  if (F)
+    for (var o of F(n))
+      te.call(n, o) && z(i, o, n[o]);
   return i;
 }, Y = (i, n) => Z(i, ee(n));
 import { ElSelect as ae, ElOption as se, ElInputNumber as ne, ElButton as oe } from "element-plus/es";
@@ -16,12 +16,19 @@ import "element-plus/es/components/button/style/css";
 import "element-plus/es/components/input-number/style/css";
 import "element-plus/es/components/select/style/css";
 import "element-plus/es/components/option/style/css";
-import { defineComponent as ie, ref as N, reactive as w, computed as g, onMounted as re, onUnmounted as ce, watch as ue, openBlock as x, createElementBlock as E, normalizeStyle as T, createElementVNode as t, unref as de, createVNode as f, withCtx as B, createTextVNode as me, normalizeClass as A, toDisplayString as v, withDirectives as pe, Fragment as ve, renderList as fe, vShow as ye, createCommentVNode as X, mergeProps as be, renderSlot as ge } from "vue";
+import { defineComponent as ie, ref as A, reactive as w, computed as g, onMounted as re, onUnmounted as ce, watch as ue, openBlock as x, createElementBlock as E, normalizeStyle as I, createElementVNode as t, unref as de, createVNode as f, withCtx as B, createTextVNode as me, normalizeClass as N, toDisplayString as v, withDirectives as pe, Fragment as ve, renderList as fe, vShow as ye, createCommentVNode as X, mergeProps as be, renderSlot as ge } from "vue";
 import "html2canvas";
-import { B as Se } from "./BaseComponent-D5tlYehc.js";
-import { _ as ke } from "./index-Bdq33405.js";
+import { B as Se } from "./BaseComponent-CBagahPU.js";
+import { _ as ke } from "./index-DwPJu6XM.js";
 import { A as Ce, D as we } from "./ele-lin-icon-Dax-ZiWV.js";
-const xe = { class: "toolbar-left" }, Ee = { class: "drawer-icons" }, _e = ["onClick"], Ie = { class: "drawer-icon" }, Ne = { class: "drawer-label" }, Te = ["src"], Ae = { class: "map-legend-vertical" }, Ve = { class: "legend-scale" }, Re = { DEFAULT_ICON: we, ACTIVE_ICON: Ce, NAME_CN: "InSAR形变影像", NAME_EN: "InSAR Image Viewer", ORDER: 21 }, De = {
+const xe = { class: "toolbar-left" }, Ee = { class: "drawer-icons" }, Te = ["onClick"], _e = { class: "drawer-icon" }, Ae = { class: "drawer-label" }, Ie = ["src"], Ne = { class: "map-legend-vertical" }, Ve = { class: "legend-scale" }, Re = {
+  DEFAULT_ICON: we,
+  ACTIVE_ICON: Ce,
+  NAME_CN: "InSAR形变影像",
+  NAME_EN: "InSAR Image Viewer",
+  ORDER: 21,
+  PLATFORM: ["pc", "screen"]
+}, De = {
   bgColor: { value: "#0b1a31", type: "color", label: "setting.bgColor" },
   toolbarBg: { value: "#ffffff", type: "color", label: "工具栏背景色" },
   toolbarFontSize: { value: 13, type: "number", label: "工具栏字体大小", min: 10, max: 20 },
@@ -36,11 +43,11 @@ const xe = { class: "toolbar-left" }, Ee = { class: "drawer-icons" }, _e = ["onC
     ]
   },
   customChannel: { value: "", type: "string", label: "自定义频道名", showWhen: { linkChannel: "custom" } }
-}, Ue = [
+}, Me = [
   { name: "2025-08-12", fv: "", fvDeviceName: "", object_id: "", src: "", year: 2025, issue: 3 },
   { name: "2025-07-25", fv: "", fvDeviceName: "", object_id: "", src: "", year: 2025, issue: 2 },
   { name: "2025-05-30", fv: "", fvDeviceName: "", object_id: "", src: "", year: 2025, issue: 1 }
-], Me = ["object_id", "name", "fv", "fvDeviceName", "src", "year", "issue"], Oe = ["mosaic"], ze = { useAlias: !1, multiObject: !0, source: "mosaic" }, Fe = 200, he = { DEFAULT: Re, OPTIONS: De, DATA: Ue, PARAMS: Me, SOURCE: Oe, COMMON: ze, ITEMS: Fe }, Ye = /* @__PURE__ */ ie(Y(h({}, he), {
+], Oe = ["object_id", "name", "fv", "fvDeviceName", "src", "year", "issue"], Ue = ["mosaic"], Fe = { useAlias: !1, multiObject: !0, source: "mosaic" }, ze = 200, he = { DEFAULT: Re, OPTIONS: De, DATA: Me, PARAMS: Oe, SOURCE: Ue, COMMON: Fe, ITEMS: ze }, Ye = /* @__PURE__ */ ie(Y(h({}, he), {
   __name: "insarImageViewer",
   props: {
     conf: { type: Object, default: () => ({}) },
@@ -64,13 +71,13 @@ const xe = { class: "toolbar-left" }, Ee = { class: "drawer-icons" }, _e = ["onC
     ];
     class L extends Se {
       extractStyles() {
-        var d, p, s, I, U, M, O;
+        var d, p, s, _, M, O, U;
         const e = (d = this.props.conf) == null ? void 0 : d.options, c = ((p = e == null ? void 0 : e.linkChannel) == null ? void 0 : p.value) || "satellite", m = ((s = e == null ? void 0 : e.customChannel) == null ? void 0 : s.value) || "";
         return {
-          bgColor: ((I = e == null ? void 0 : e.bgColor) == null ? void 0 : I.value) || "#0b1a31",
-          toolbarBg: ((U = e == null ? void 0 : e.toolbarBg) == null ? void 0 : U.value) || "#ffffff",
-          toolbarFontSize: ((M = e == null ? void 0 : e.toolbarFontSize) == null ? void 0 : M.value) || 13,
-          imageUrl: ((O = e == null ? void 0 : e.imageUrl) == null ? void 0 : O.value) || "",
+          bgColor: ((_ = e == null ? void 0 : e.bgColor) == null ? void 0 : _.value) || "#0b1a31",
+          toolbarBg: ((M = e == null ? void 0 : e.toolbarBg) == null ? void 0 : M.value) || "#ffffff",
+          toolbarFontSize: ((O = e == null ? void 0 : e.toolbarFontSize) == null ? void 0 : O.value) || 13,
+          imageUrl: ((U = e == null ? void 0 : e.imageUrl) == null ? void 0 : U.value) || "",
           linkChannel: c === "custom" && m ? m : c
         };
       }
@@ -79,19 +86,19 @@ const xe = { class: "toolbar-left" }, Ee = { class: "drawer-icons" }, _e = ["onC
     }
     const y = new L(n, "insarImageViewer");
     y.setupLifecycle();
-    const _ = y.getStyle(), V = N(null), b = N(!1), u = w(new Set(o.map((l) => l.key))), r = w({
+    const T = y.getStyle(), V = A(null), b = A(!1), u = w(new Set(o.map((l) => l.key))), r = w({
       dataType: "rate",
       year: 2025,
       issue: 3
-    }), a = w({ scale: 1, posX: 0, posY: 0 }), S = N(!1), k = w({ x: 0, y: 0 }), C = g(() => r.dataType === "rate" ? 0.04 : 20), j = g(() => {
+    }), a = w({ scale: 1, posX: 0, posY: 0 }), S = A(!1), k = w({ x: 0, y: 0 }), C = g(() => r.dataType === "rate" ? 0.04 : 20), j = g(() => {
       var l;
       return ((l = n.conf) == null ? void 0 : l.data) || [];
     }), R = g(() => {
       const l = j.value.find(
         (e) => Number(e.year) === r.year && Number(e.issue) === r.issue
       );
-      return l != null && l.src ? l.src : _.value.imageUrl || "";
-    }), $ = g(() => ({ backgroundColor: _.value.bgColor })), P = g(() => ({
+      return l != null && l.src ? l.src : T.value.imageUrl || "";
+    }), $ = g(() => ({ backgroundColor: T.value.bgColor })), P = g(() => ({
       transform: `translate(${a.posX}px, ${a.posY}px) scale(${a.scale})`,
       transformOrigin: "0 0"
     })), G = {
@@ -139,11 +146,11 @@ const xe = { class: "toolbar-left" }, Ee = { class: "drawer-icons" }, _e = ["onC
       const c = se, m = ae, d = ne, p = oe;
       return x(), E("div", {
         class: "insar-image-viewer",
-        style: T($.value)
+        style: I($.value)
       }, [
         t("div", {
           class: "map-toolbar",
-          style: T({ fontSize: de(_).toolbarFontSize + "px" })
+          style: I({ fontSize: de(T).toolbarFontSize + "px" })
         }, [
           t("div", xe, [
             e[5] || (e[5] = t("span", { class: "toolbar-icon" }, "🛰️", -1)),
@@ -202,7 +209,7 @@ const xe = { class: "toolbar-left" }, Ee = { class: "drawer-icons" }, _e = ["onC
         ], 4),
         i.mode !== "edit" ? (x(), E("div", {
           key: 0,
-          class: A(["device-drawer", { active: b.value }])
+          class: N(["device-drawer", { active: b.value }])
         }, [
           t("div", {
             class: "drawer-bar",
@@ -213,14 +220,14 @@ const xe = { class: "toolbar-left" }, Ee = { class: "drawer-icons" }, _e = ["onC
           pe(t("div", Ee, [
             (x(), E(ve, null, fe(o, (s) => t("div", {
               key: s.key,
-              class: A(["drawer-item", { checked: u.has(s.key) }]),
-              onClick: (I) => q(s.key)
+              class: N(["drawer-item", { checked: u.has(s.key) }]),
+              onClick: (_) => q(s.key)
             }, [
-              t("span", Ie, v(s.icon), 1),
-              t("span", Ne, v(s.label), 1)
-            ], 10, _e)), 64)),
+              t("span", _e, v(s.icon), 1),
+              t("span", Ae, v(s.label), 1)
+            ], 10, Te)), 64)),
             t("div", {
-              class: A(["drawer-item", { checked: u.size === o.length }]),
+              class: N(["drawer-item", { checked: u.size === o.length }]),
               onClick: H
             }, [...e[11] || (e[11] = [
               t("span", { class: "drawer-icon" }, "🔘", -1),
@@ -237,7 +244,7 @@ const xe = { class: "toolbar-left" }, Ee = { class: "drawer-icons" }, _e = ["onC
         }, i.mode !== "edit" ? G : {}), [
           t("div", {
             class: "map-canvas",
-            style: T(P.value)
+            style: I(P.value)
           }, [
             R.value ? (x(), E("img", {
               key: 0,
@@ -245,9 +252,9 @@ const xe = { class: "toolbar-left" }, Ee = { class: "drawer-icons" }, _e = ["onC
               class: "sat-img",
               draggable: "false",
               onLoad: W
-            }, null, 40, Te)) : X("", !0)
+            }, null, 40, Ie)) : X("", !0)
           ], 4),
-          t("div", Ae, [
+          t("div", Ne, [
             t("div", Ve, [
               t("span", null, v(C.value), 1),
               t("span", null, v((C.value / 2).toFixed(2)), 1),
@@ -262,7 +269,7 @@ const xe = { class: "toolbar-left" }, Ee = { class: "drawer-icons" }, _e = ["onC
       ], 4);
     };
   }
-})), Je = /* @__PURE__ */ ke(Ye, [["__scopeId", "data-v-e349bf7f"]]);
+})), Je = /* @__PURE__ */ ke(Ye, [["__scopeId", "data-v-0d9b7c14"]]);
 export {
   Je as default
 };

package/dist/insarImageViewer-DWPsoHz6.cjs

@@ -0,0 +1 @@
+"use strict";var X=Object.defineProperty,j=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var x=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable;var _=(r,o,s)=>o in r?X(r,o,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[o]=s,A=(r,o)=>{for(var s in o||(o={}))$.call(o,s)&&_(r,s,o[s]);if(x)for(var s of x(o))G.call(o,s)&&_(r,s,o[s]);return r},D=(r,o)=>j(r,P(o));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/button/style/css");require("element-plus/es/components/input-number/style/css");require("element-plus/es/components/select/style/css");require("element-plus/es/components/option/style/css");const e=require("vue");require("html2canvas");const W=require("./BaseComponent-Chnv4fBT.cjs"),K=require("./index-DVqMfQVc.cjs"),R=require("./ele-lin-icon-Dke_1AmT.cjs"),Q={class:"toolbar-left"},H={class:"drawer-icons"},J=["onClick"],Z={class:"drawer-icon"},ee={class:"drawer-label"},te=["src"],le={class:"map-legend-vertical"},ae={class:"legend-scale"},ne={DEFAULT_ICON:R.DEFAULT_ICON,ACTIVE_ICON:R.ACTIVE_ICON,NAME_CN:"InSAR形变影像",NAME_EN:"InSAR Image Viewer",ORDER:21,PLATFORM:["pc","screen"]},oe={bgColor:{value:"#0b1a31",type:"color",label:"setting.bgColor"},toolbarBg:{value:"#ffffff",type:"color",label:"工具栏背景色"},toolbarFontSize:{value:13,type:"number",label:"工具栏字体大小",min:10,max:20},imageUrl:{value:"",type:"string",label:"默认影像URL"},linkChannel:{value:"satellite",type:"select",label:"联动频道",options:[{label:"遥感卫星",value:"satellite"},{label:"自定义",value:"custom"}]},customChannel:{value:"",type:"string",label:"自定义频道名",showWhen:{linkChannel:"custom"}}},se=[{name:"2025-08-12",fv:"",fvDeviceName:"",object_id:"",src:"",year:2025,issue:3},{name:"2025-07-25",fv:"",fvDeviceName:"",object_id:"",src:"",year:2025,issue:2},{name:"2025-05-30",fv:"",fvDeviceName:"",object_id:"",src:"",year:2025,issue:1}],re=["object_id","name","fv","fvDeviceName","src","year","issue"],ie=["mosaic"],ce={useAlias:!1,multiObject:!0,source:"mosaic"},de=200,ue={DEFAULT:ne,OPTIONS:oe,DATA:se,PARAMS:re,SOURCE:ie,COMMON:ce,ITEMS:de},me=e.defineComponent(D(A({},ue),{__name:"insarImageViewer",props:{conf:{type:Object,default:()=>({})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(r){const o=r,s=[{key:"GNSS",label:"GNSS",icon:"📍"},{key:"DEEP",label:"深部位移",icon:"⚓"},{key:"RADAR",label:"雷达",icon:"📡"},{key:"SURFACE",label:"地表",icon:"📐"},{key:"CRACK",label:"裂缝",icon:"🧱"},{key:"FIRE",label:"煤自燃",icon:"🔥"},{key:"WATER",label:"降雨",icon:"💧"},{key:"GROUND",label:"地下水",icon:"🌍"},{key:"STRESS",label:"应力",icon:"📊"},{key:"VIB",label:"爆破震动",icon:"💥"},{key:"SAT",label:"遥感监测",icon:"🛸"}];class O extends W.BaseComponent{extractStyles(){var u,p,n,V,w,I,T;const t=(u=this.props.conf)==null?void 0:u.options,c=((p=t==null?void 0:t.linkChannel)==null?void 0:p.value)||"satellite",m=((n=t==null?void 0:t.customChannel)==null?void 0:n.value)||"";return{bgColor:((V=t==null?void 0:t.bgColor)==null?void 0:V.value)||"#0b1a31",toolbarBg:((w=t==null?void 0:t.toolbarBg)==null?void 0:w.value)||"#ffffff",toolbarFontSize:((I=t==null?void 0:t.toolbarFontSize)==null?void 0:I.value)||13,imageUrl:((T=t==null?void 0:t.imageUrl)==null?void 0:T.value)||"",linkChannel:c==="custom"&&m?m:c}}onLinkEvent(t){}}const v=new O(o,"insarImageViewer");v.setupLifecycle();const E=v.getStyle(),S=e.ref(null),y=e.ref(!1),d=e.reactive(new Set(s.map(l=>l.key))),i=e.reactive({dataType:"rate",year:2025,issue:3}),a=e.reactive({scale:1,posX:0,posY:0}),f=e.ref(!1),b=e.reactive({x:0,y:0}),g=e.computed(()=>i.dataType==="rate"?.04:20),z=e.computed(()=>{var l;return((l=o.conf)==null?void 0:l.data)||[]}),C=e.computed(()=>{const l=z.value.find(t=>Number(t.year)===i.year&&Number(t.issue)===i.issue);return l!=null&&l.src?l.src:E.value.imageUrl||""}),B=e.computed(()=>({backgroundColor:E.value.bgColor})),M=e.computed(()=>({transform:`translate(${a.posX}px, ${a.posY}px) scale(${a.scale})`,transformOrigin:"0 0"})),U={onWheel:l=>{l.preventDefault();const t=l.deltaY>0?.9:1.1,c=Math.max(.1,Math.min(a.scale*t,20)),m=S.value;if(!m)return;const u=m.getBoundingClientRect(),p=l.clientX-u.left,n=l.clientY-u.top;a.posX=p-(p-a.posX)*(c/a.scale),a.posY=n-(n-a.posY)*(c/a.scale),a.scale=c},onMousedown:l=>{l.button===0&&(f.value=!0,b.x=l.clientX-a.posX,b.y=l.clientY-a.posY)},onMousemove:l=>{f.value&&(a.posX=l.clientX-b.x,a.posY=l.clientY-b.y)},onMouseup:()=>{f.value=!1},onMouseleave:()=>{f.value=!1}},F=()=>{k()},k=()=>{a.scale=1,a.posX=0,a.posY=0},h=()=>{},q=()=>{k(),v.publish({dataType:i.dataType,year:i.year,issue:i.issue})},L=l=>{d.has(l)?d.delete(l):d.add(l)},Y=()=>{d.size===s.length?d.clear():s.forEach(l=>d.add(l.key))};return e.onMounted(()=>{v.init()}),e.onUnmounted(()=>{v.cleanup()}),e.watch(()=>o.conf,()=>{},{deep:!0}),(l,t)=>{const c=N.ElOption,m=N.ElSelect,u=N.ElInputNumber,p=N.ElButton;return e.openBlock(),e.createElementBlock("div",{class:"insar-image-viewer",style:e.normalizeStyle(B.value)},[e.createElementVNode("div",{class:"map-toolbar",style:e.normalizeStyle({fontSize:e.unref(E).toolbarFontSize+"px"})},[e.createElementVNode("div",Q,[t[5]||(t[5]=e.createElementVNode("span",{class:"toolbar-icon"},"🛰️",-1)),t[6]||(t[6]=e.createElementVNode("span",{class:"toolbar-title"},"InSAR 形变影像",-1)),t[7]||(t[7]=e.createElementVNode("div",{class:"toolbar-divider"},null,-1)),t[8]||(t[8]=e.createElementVNode("span",{class:"filter-label"},"数据类型",-1)),e.createVNode(m,{modelValue:i.dataType,"onUpdate:modelValue":t[0]||(t[0]=n=>i.dataType=n),size:"small",style:{width:"100px"},onChange:h},{default:e.withCtx(()=>[e.createVNode(c,{label:"形变速率",value:"rate"}),e.createVNode(c,{label:"形变量",value:"amount"})]),_:1},8,["modelValue"]),t[9]||(t[9]=e.createElementVNode("span",{class:"filter-label"},"年度",-1)),e.createVNode(u,{modelValue:i.year,"onUpdate:modelValue":t[1]||(t[1]=n=>i.year=n),size:"small",min:2e3,max:2099,style:{width:"120px"}},null,8,["modelValue"]),t[10]||(t[10]=e.createElementVNode("span",{class:"filter-label"},"期数",-1)),e.createVNode(u,{modelValue:i.issue,"onUpdate:modelValue":t[2]||(t[2]=n=>i.issue=n),size:"small",min:1,max:99,controls:!1,style:{width:"60px"}},null,8,["modelValue"]),e.createVNode(p,{size:"small",type:"primary",onClick:q},{default:e.withCtx(()=>[...t[4]||(t[4]=[e.createTextVNode("查询",-1)])]),_:1})])],4),r.mode!=="edit"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["device-drawer",{active:y.value}])},[e.createElementVNode("div",{class:"drawer-bar",onClick:t[3]||(t[3]=n=>y.value=!y.value)},[e.createElementVNode("span",null,e.toDisplayString(y.value?"▼":"▲")+" 监测设备类型切换",1)]),e.withDirectives(e.createElementVNode("div",H,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(s,n=>e.createElementVNode("div",{key:n.key,class:e.normalizeClass(["drawer-item",{checked:d.has(n.key)}]),onClick:V=>L(n.key)},[e.createElementVNode("span",Z,e.toDisplayString(n.icon),1),e.createElementVNode("span",ee,e.toDisplayString(n.label),1)],10,J)),64)),e.createElementVNode("div",{class:e.normalizeClass(["drawer-item",{checked:d.size===s.length}]),onClick:Y},[...t[11]||(t[11]=[e.createElementVNode("span",{class:"drawer-icon"},"🔘",-1),e.createElementVNode("span",{class:"drawer-label"},"全部显示",-1)])],2)],512),[[e.vShow,y.value]])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",e.mergeProps({class:"map-viewer",ref_key:"viewerRef",ref:S},r.mode!=="edit"?U:{}),[e.createElementVNode("div",{class:"map-canvas",style:e.normalizeStyle(M.value)},[C.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:C.value,class:"sat-img",draggable:"false",onLoad:F},null,40,te)):e.createCommentVNode("",!0)],4),e.createElementVNode("div",le,[e.createElementVNode("div",ae,[e.createElementVNode("span",null,e.toDisplayString(g.value),1),e.createElementVNode("span",null,e.toDisplayString((g.value/2).toFixed(2)),1),t[12]||(t[12]=e.createElementVNode("span",null,"0.00",-1)),e.createElementVNode("span",null,e.toDisplayString((-g.value/2).toFixed(2)),1),e.createElementVNode("span",null,e.toDisplayString((-g.value).toFixed(2)),1)]),t[13]||(t[13]=e.createElementVNode("div",{class:"legend-bar-v"},null,-1))])],16),e.renderSlot(l.$slots,"default",{},void 0,!0)],4)}}})),pe=K._export_sfc(me,[["__scopeId","data-v-0d9b7c14"]]);exports.default=pe;