mixdashboards 1.0.32 → 1.0.39

package/dist/insarDeformChart-BGr2xe7w.cjs

@@ -0,0 +1 @@
+"use strict";var H=Object.defineProperty,J=Object.defineProperties;var K=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var Q=Object.prototype.hasOwnProperty,ee=Object.prototype.propertyIsEnumerable;var A=(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)&&A(p,c,u[c]);if(w)for(var c of w(u))ee.call(u,c)&&A(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("./element-resize-detector-Bo5uDQAu.cjs"),ae=require("./index-Mh5Dw2sd.cjs"),O=require("./ele-lin-icon-Dke_1AmT.cjs"),le={class:"panel-header"},ne={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},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,l,y,s,o,v,f,N;const e=(i=this.props.conf)==null?void 0:i.options,n=((l=e==null?void 0:e.linkChannel)==null?void 0:l.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:n==="custom"&&r?r:n}}onLinkEvent(e){const n=e==null?void 0:e.payload;n!=null&&n.dataType&&(n.dataType==="rate"||n.dataType==="amount")&&(g.value=n.dataType,T())}}const C=new F(u,"insarDeformChart");C.setupLifecycle();const x=C.getStyle(),D=t.ref(null),g=t.ref("rate"),h=t.ref(!1),E=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(),E.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 n=x.value.gridSize,r=x.value.canvasSize,i=a.offsetX/r*n,l=a.offsetY/r*n;return{x:Math.max(0,Math.min(n-1,Math.floor(i))),y:Math.max(0,Math.min(n-1,Math.floor(l)))}},j=()=>{const a=x.value.gridSize,e=c[g.value],n=a/2,r=a/2,i=(Math.random()-.5)*5,l=(Math.random()-.5)*5;b=[];for(let y=0;y<a;y++){const s=[];for(let o=0;o<a;o++){const v=o-(n+i),f=y-(r+l),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 n=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 l=r/n,y=l*.45;for(let s=0;s<n;s++)for(let o=0;o<n;o++){if(!b[s])continue;const v=b[s][o],f=o*l+l/2,N=s*l+l/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*l,o*l,v*l,f*l),e.strokeRect(s*l,o*l,v*l,f*l),e.restore()}},Y=()=>{if(!d||!m)return;const a=Math.min(d.x,m.x),e=Math.max(d.x,m.x),n=Math.min(d.y,m.y),r=Math.max(d.y,m.y),i=c[g.value];let l=0,y=0,s=0;for(let o=n;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),l++}l>0&&(S.count=l,S.max=(s*i.maxVal).toFixed(2)+" "+i.unit,S.avg=(y/l*i.maxVal).toFixed(2)+" "+i.unit,E.value=!0)},$=()=>{h.value=!h.value,h.value||(d=null,m=null,E.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,E.value=!1};return t.onMounted(()=>{C.init(),g.value=x.value.defaultDataType||"rate",t.nextTick(()=>{T()})}),t.onUnmounted(()=>{C.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",le,[t.createElementVNode("div",ne,[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),E.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-c4987e80"]]);exports.default=Se;

package/dist/insarDeformChart-CnuSL1d9.js

@@ -0,0 +1,216 @@
+var le = Object.defineProperty, ne = Object.defineProperties;
+var se = Object.getOwnPropertyDescriptors;
+var F = Object.getOwnPropertySymbols;
+var oe = Object.prototype.hasOwnProperty, ie = Object.prototype.propertyIsEnumerable;
+var P = (p, u, r) => u in p ? le(p, u, { enumerable: !0, configurable: !0, writable: !0, value: r }) : p[u] = r, L = (p, u) => {
+  for (var r in u || (u = {}))
+    oe.call(u, r) && P(p, r, u[r]);
+  if (F)
+    for (var r of F(u))
+      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 "html2canvas";
+import { B as ge } from "./element-resize-detector-DJcsrJ8s.js";
+import { _ as Se } from "./index-kShjySl9.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 = {
+  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 = {
+  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" } }
+}, 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), {
+  __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, r = {
+      rate: { title: "InSAR 形变速率(mm/yr)", legendTitle: "形变速率 (mm/yr)", maxVal: 20, unit: "mm/yr", noise: 0.15 },
+      amount: { title: "InSAR 累计形变量(mm)", legendTitle: "累计形变量 (mm)", maxVal: 500, unit: "mm", noise: 0.25 }
+    };
+    class Y extends ge {
+      extractStyles() {
+        var c, a, y, o, s, m, f, M;
+        const e = (c = this.props.conf) == null ? void 0 : c.options, n = ((a = e == null ? void 0 : e.linkChannel) == null ? void 0 : a.value) || "satellite", i = ((y = e == null ? void 0 : e.customChannel) == null ? void 0 : y.value) || "";
+        return {
+          bgColor: ((o = e == null ? void 0 : e.bgColor) == null ? void 0 : o.value) || "#4a4a4a",
+          titleFontSize: ((s = e == null ? void 0 : e.titleFontSize) == null ? void 0 : s.value) || 14,
+          gridSize: ((m = e == null ? void 0 : e.gridSize) == null ? void 0 : m.value) || 50,
+          canvasSize: ((f = e == null ? void 0 : e.canvasSize) == null ? void 0 : f.value) || 240,
+          defaultDataType: ((M = e == null ? void 0 : e.defaultDataType) == null ? void 0 : M.value) || "rate",
+          linkChannel: n === "custom" && i ? i : n
+        };
+      }
+      onLinkEvent(e) {
+        const n = e == null ? void 0 : e.payload;
+        n != null && n.dataType && (n.dataType === "rate" || n.dataType === "amount") && (x.value = n.dataType, A());
+      }
+    }
+    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" });
+    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 = {
+      onMousedown: (t) => {
+        g.value && (k = !0, d = O(t), v = d, w(), z.value = !1);
+      },
+      onMousemove: (t) => {
+        !g.value || !k || (v = O(t), w());
+      },
+      onMouseup: () => {
+        k && (k = !1, Q());
+      }
+    }, O = (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 {
+        x: Math.max(0, Math.min(n - 1, Math.floor(c))),
+        y: Math.max(0, Math.min(n - 1, Math.floor(a)))
+      };
+    }, J = () => {
+      const t = h.value.gridSize, e = r[x.value], n = t / 2, i = t / 2, c = (Math.random() - 0.5) * 5, a = (Math.random() - 0.5) * 5;
+      b = [];
+      for (let y = 0; y < t; y++) {
+        const o = [];
+        for (let s = 0; s < t; s++) {
+          const m = s - (n + c), f = y - (i + a), M = Math.sqrt(m * m + f * f), ae = t * 0.6;
+          let R = M / ae;
+          R += (Math.random() - 0.5) * e.noise, R = Math.max(0, Math.min(1, R)), o.push(R);
+        }
+        b.push(o);
+      }
+    }, K = (t) => `hsl(${(1 - t) * 240}, 90%, 55%)`, w = () => {
+      const t = N.value;
+      if (!t) return;
+      const e = t.getContext("2d");
+      if (!e) return;
+      const n = h.value.gridSize, i = h.value.canvasSize, c = window.devicePixelRatio || 1;
+      t.width = i * c, t.height = i * c, t.style.width = i + "px", t.style.height = i + "px", e.scale(c, c), e.clearRect(0, 0, i, i);
+      const a = i / n, y = a * 0.45;
+      for (let o = 0; o < n; o++)
+        for (let s = 0; s < n; s++) {
+          if (!b[o]) continue;
+          const m = b[o][s], f = s * a + a / 2, M = o * a + a / 2;
+          e.beginPath(), e.arc(f, M, y, 0, Math.PI * 2), e.fillStyle = K(m), e.fill(), e.lineWidth = 0.5, e.strokeStyle = "rgba(0,0,0,0.4)", e.stroke();
+        }
+      if (d && v) {
+        const o = Math.min(d.x, v.x), s = Math.min(d.y, v.y), m = Math.abs(v.x - d.x) + 1, f = Math.abs(v.y - d.y) + 1;
+        e.save(), e.fillStyle = "rgba(255,255,255,0.3)", e.strokeStyle = "#00ffcc", e.lineWidth = 2, e.fillRect(o * a, s * a, m * a, f * a), e.strokeRect(o * a, s * a, m * a, f * a), e.restore();
+      }
+    }, Q = () => {
+      if (!d || !v) return;
+      const t = Math.min(d.x, v.x), e = Math.max(d.x, v.x), n = Math.min(d.y, v.y), i = Math.max(d.y, v.y), c = r[x.value];
+      let a = 0, y = 0, o = 0;
+      for (let s = n; s <= i; s++)
+        for (let m = t; m <= e; m++) {
+          if (!b[s]) continue;
+          const f = b[s][m];
+          y += f, f > o && (o = f), a++;
+        }
+      a > 0 && (S.count = a, S.max = (o * c.maxVal).toFixed(2) + " " + c.unit, S.avg = (y / a * c.maxVal).toFixed(2) + " " + c.unit, z.value = !0);
+    }, ee = () => {
+      g.value = !g.value, g.value || (d = null, v = null, z.value = !1, w());
+    }, te = (t) => {
+      const e = t.deltaY > 0 ? 0.9 : 1.1;
+      I.value = Math.max(0.3, Math.min(I.value * e, 5));
+    }, A = () => {
+      J(), w(), d = null, v = null, z.value = !1;
+    };
+    return ue(() => {
+      _.init(), x.value = h.value.defaultDataType || "rate", B(() => {
+        A();
+      });
+    }), de(() => {
+      _.cleanup();
+    }), ve(() => u.conf, () => {
+      B(() => {
+        A();
+      });
+    }, { deep: !0 }), (t, e) => (U(), X("div", {
+      class: "insar-deform-chart",
+      style: V(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" })
+          }, C(j.value), 5)
+        ]),
+        l("div", De, [
+          l("button", {
+            class: fe(["ctrl-btn", { "btn-active": g.value }]),
+            onClick: ee
+          }, "📐 圈选分析", 2),
+          l("button", {
+            class: "ctrl-btn",
+            onClick: A
+          }, "🔄")
+        ])
+      ]),
+      l("div", {
+        class: "insar-container",
+        onWheel: pe(te, ["prevent"])
+      }, [
+        l("div", {
+          class: "canvas-3d-wrapper",
+          style: V({ transform: Z.value })
+        }, [
+          l("canvas", ye({
+            ref_key: "canvasRef",
+            ref: N,
+            class: "insar-canvas"
+          }, p.mode !== "edit" ? H : {}), null, 16)
+        ], 4),
+        z.value ? (U(), X("div", Te, [
+          e[5] || (e[5] = l("div", { class: "result-title" }, "📊 区域分析结果", -1)),
+          l("div", null, [
+            e[1] || (e[1] = E("选中点数：", -1)),
+            l("span", null, C(S.count), 1),
+            e[2] || (e[2] = E(" 个", -1))
+          ]),
+          l("div", null, [
+            e[3] || (e[3] = E("最大形变：", -1)),
+            l("span", _e, C(S.max), 1)
+          ]),
+          l("div", null, [
+            e[4] || (e[4] = E("平均形变：", -1)),
+            l("span", ke, C(S.avg), 1)
+          ])
+        ])) : he("", !0),
+        l("div", we, [
+          l("div", Ae, C($.value), 1),
+          l("div", Re, [
+            e[6] || (e[6] = l("span", null, "0", -1)),
+            e[7] || (e[7] = l("div", { class: "color-bar" }, null, -1)),
+            l("span", null, C(G.value), 1)
+          ])
+        ])
+      ], 32),
+      xe(t.$slots, "default", {}, void 0, !0)
+    ], 4));
+  }
+})), $e = /* @__PURE__ */ Se(Le, [["__scopeId", "data-v-c4987e80"]]);
+export {
+  $e as default
+};

package/dist/insarImageViewer-DRgGdQmN.cjs

@@ -0,0 +1 @@
+"use strict";var X=Object.defineProperty,j=Object.defineProperties;var $=Object.getOwnPropertyDescriptors;var T=Object.getOwnPropertySymbols;var P=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={}))P.call(o,s)&&_(r,s,o[s]);if(T)for(var s of T(o))G.call(o,s)&&_(r,s,o[s]);return r},D=(r,o)=>j(r,$(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("./element-resize-detector-Bo5uDQAu.cjs"),K=require("./index-Mh5Dw2sd.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},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 z extends W.BaseComponent{extractStyles(){var u,p,n,V,w,I,x;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:((x=t==null?void 0:t.imageUrl)==null?void 0:x.value)||"",linkChannel:c==="custom"&&m?m:c}}onLinkEvent(t){}}const v=new z(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),O=e.computed(()=>{var l;return((l=o.conf)==null?void 0:l.data)||[]}),C=e.computed(()=>{const l=O.value.find(t=>Number(t.year)===i.year&&Number(t.issue)===i.issue);return l!=null&&l.src?l.src:E.value.imageUrl||""}),U=e.computed(()=>({backgroundColor:E.value.bgColor})),B=e.computed(()=>({transform:`translate(${a.posX}px, ${a.posY}px) scale(${a.scale})`,transformOrigin:"0 0"})),M={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})},Y=l=>{d.has(l)?d.delete(l):d.add(l)},L=()=>{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(U.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=>Y(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:L},[...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"?M:{}),[e.createElementVNode("div",{class:"map-canvas",style:e.normalizeStyle(B.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-e349bf7f"]]);exports.default=pe;

package/dist/insarImageViewer-EmVThmVQ.js

@@ -0,0 +1,268 @@
+var J = Object.defineProperty, Z = Object.defineProperties;
+var ee = Object.getOwnPropertyDescriptors;
+var z = 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) => {
+  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]);
+  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";
+import "element-plus/es/components/base/style/css";
+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 "html2canvas";
+import { B as Se } from "./element-resize-detector-DJcsrJ8s.js";
+import { _ as ke } from "./index-kShjySl9.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 = {
+  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" } }
+}, Ue = [
+  { 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), {
+  __name: "insarImageViewer",
+  props: {
+    conf: { type: Object, default: () => ({}) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(i) {
+    const n = i, o = [
+      { 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 L extends Se {
+      extractStyles() {
+        var d, p, s, I, U, M, O;
+        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) || "",
+          linkChannel: c === "custom" && m ? m : c
+        };
+      }
+      onLinkEvent(e) {
+      }
+    }
+    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({
+      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(() => {
+      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(() => ({
+      transform: `translate(${a.posX}px, ${a.posY}px) scale(${a.scale})`,
+      transformOrigin: "0 0"
+    })), G = {
+      onWheel: (l) => {
+        l.preventDefault();
+        const e = l.deltaY > 0 ? 0.9 : 1.1, c = Math.max(0.1, Math.min(a.scale * e, 20)), m = V.value;
+        if (!m) return;
+        const d = m.getBoundingClientRect(), p = l.clientX - d.left, s = l.clientY - d.top;
+        a.posX = p - (p - a.posX) * (c / a.scale), a.posY = s - (s - a.posY) * (c / a.scale), a.scale = c;
+      },
+      onMousedown: (l) => {
+        l.button === 0 && (S.value = !0, k.x = l.clientX - a.posX, k.y = l.clientY - a.posY);
+      },
+      onMousemove: (l) => {
+        S.value && (a.posX = l.clientX - k.x, a.posY = l.clientY - k.y);
+      },
+      onMouseup: () => {
+        S.value = !1;
+      },
+      onMouseleave: () => {
+        S.value = !1;
+      }
+    }, W = () => {
+      D();
+    }, D = () => {
+      a.scale = 1, a.posX = 0, a.posY = 0;
+    }, K = () => {
+    }, Q = () => {
+      D(), y.publish({
+        dataType: r.dataType,
+        year: r.year,
+        issue: r.issue
+      });
+    }, q = (l) => {
+      u.has(l) ? u.delete(l) : u.add(l);
+    }, H = () => {
+      u.size === o.length ? u.clear() : o.forEach((l) => u.add(l.key));
+    };
+    return re(() => {
+      y.init();
+    }), ce(() => {
+      y.cleanup();
+    }), ue(() => n.conf, () => {
+    }, { deep: !0 }), (l, e) => {
+      const c = se, m = ae, d = ne, p = oe;
+      return x(), E("div", {
+        class: "insar-image-viewer",
+        style: T($.value)
+      }, [
+        t("div", {
+          class: "map-toolbar",
+          style: T({ fontSize: de(_).toolbarFontSize + "px" })
+        }, [
+          t("div", xe, [
+            e[5] || (e[5] = t("span", { class: "toolbar-icon" }, "🛰️", -1)),
+            e[6] || (e[6] = t("span", { class: "toolbar-title" }, "InSAR 形变影像", -1)),
+            e[7] || (e[7] = t("div", { class: "toolbar-divider" }, null, -1)),
+            e[8] || (e[8] = t("span", { class: "filter-label" }, "数据类型", -1)),
+            f(m, {
+              modelValue: r.dataType,
+              "onUpdate:modelValue": e[0] || (e[0] = (s) => r.dataType = s),
+              size: "small",
+              style: { width: "100px" },
+              onChange: K
+            }, {
+              default: B(() => [
+                f(c, {
+                  label: "形变速率",
+                  value: "rate"
+                }),
+                f(c, {
+                  label: "形变量",
+                  value: "amount"
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            e[9] || (e[9] = t("span", { class: "filter-label" }, "年度", -1)),
+            f(d, {
+              modelValue: r.year,
+              "onUpdate:modelValue": e[1] || (e[1] = (s) => r.year = s),
+              size: "small",
+              min: 2e3,
+              max: 2099,
+              style: { width: "120px" }
+            }, null, 8, ["modelValue"]),
+            e[10] || (e[10] = t("span", { class: "filter-label" }, "期数", -1)),
+            f(d, {
+              modelValue: r.issue,
+              "onUpdate:modelValue": e[2] || (e[2] = (s) => r.issue = s),
+              size: "small",
+              min: 1,
+              max: 99,
+              controls: !1,
+              style: { width: "60px" }
+            }, null, 8, ["modelValue"]),
+            f(p, {
+              size: "small",
+              type: "primary",
+              onClick: Q
+            }, {
+              default: B(() => [...e[4] || (e[4] = [
+                me("查询", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ], 4),
+        i.mode !== "edit" ? (x(), E("div", {
+          key: 0,
+          class: A(["device-drawer", { active: b.value }])
+        }, [
+          t("div", {
+            class: "drawer-bar",
+            onClick: e[3] || (e[3] = (s) => b.value = !b.value)
+          }, [
+            t("span", null, v(b.value ? "▼" : "▲") + " 监测设备类型切换", 1)
+          ]),
+          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)
+            }, [
+              t("span", Ie, v(s.icon), 1),
+              t("span", Ne, v(s.label), 1)
+            ], 10, _e)), 64)),
+            t("div", {
+              class: A(["drawer-item", { checked: u.size === o.length }]),
+              onClick: H
+            }, [...e[11] || (e[11] = [
+              t("span", { class: "drawer-icon" }, "🔘", -1),
+              t("span", { class: "drawer-label" }, "全部显示", -1)
+            ])], 2)
+          ], 512), [
+            [ye, b.value]
+          ])
+        ], 2)) : X("", !0),
+        t("div", be({
+          class: "map-viewer",
+          ref_key: "viewerRef",
+          ref: V
+        }, i.mode !== "edit" ? G : {}), [
+          t("div", {
+            class: "map-canvas",
+            style: T(P.value)
+          }, [
+            R.value ? (x(), E("img", {
+              key: 0,
+              src: R.value,
+              class: "sat-img",
+              draggable: "false",
+              onLoad: W
+            }, null, 40, Te)) : X("", !0)
+          ], 4),
+          t("div", Ae, [
+            t("div", Ve, [
+              t("span", null, v(C.value), 1),
+              t("span", null, v((C.value / 2).toFixed(2)), 1),
+              e[12] || (e[12] = t("span", null, "0.00", -1)),
+              t("span", null, v((-C.value / 2).toFixed(2)), 1),
+              t("span", null, v((-C.value).toFixed(2)), 1)
+            ]),
+            e[13] || (e[13] = t("div", { class: "legend-bar-v" }, null, -1))
+          ])
+        ], 16),
+        ge(l.$slots, "default", {}, void 0, !0)
+      ], 4);
+    };
+  }
+})), Je = /* @__PURE__ */ ke(Ye, [["__scopeId", "data-v-e349bf7f"]]);
+export {
+  Je as default
+};