mixapply 1.1.42 → 1.1.43

package/mixapply.js

@@ -68146,9 +68146,7 @@ const Rge = "FeatureCollection", Nge = /* @__PURE__ */ JSON.parse('[{"type":"Fea
     valueBg: "#fff",
     valueColor: "#006eaf",
     fontSize: 12,
-    isBold: !1,
-    x: 0,
-    y: 0
+    isBold: !1
   }
 ], nme = ["name", "fv", "object_id", "source", "type", "width", "fontSize", "titleColor", "titleBg", "valueColor", "valueBg", "isBold"], ame = ["mosaic"], ime = {
   useAlias: !1,
@@ -68176,16 +68174,29 @@ const Rge = "FeatureCollection", Nge = /* @__PURE__ */ JSON.parse('[{"type":"Fea
   },
   setup(t) {
     const e = q(Me("sharedWorker", null)), r = q(Me("ws", null)), n = "monitor_" + Math.random().toString(16).substring(4, 12), a = t, i = q({}), o = () => {
-      var S, C, _, w, x, E, T, L, A, D, M;
-      const { options: y } = a.conf;
+      var C, _, w, x, E, T, L, A, D, M, k;
+      const { options: y, data: S } = a.conf;
       i.value = {
-        bgColor: ((S = y == null ? void 0 : y.bgColor) == null ? void 0 : S.value) || "#fff",
-        bgImg: ((C = y == null ? void 0 : y.bgImg) == null ? void 0 : C.value) || "",
-        radiusSize: ((_ = y == null ? void 0 : y.radiusSize) == null ? void 0 : _.value) ?? 4,
-        isHideTitle: ((w = y == null ? void 0 : y.isHideTitle) == null ? void 0 : w.value) ?? !1,
-        outer: ((x = y == null ? void 0 : y.outer) == null ? void 0 : x.value) ?? { width: "95%", height: "95%", top: "5%", left: "5%" },
-        inner: ((E = y == null ? void 0 : y.inner) == null ? void 0 : E.value) ?? { width: "100%", height: "100%" }
-      }, (T = y == null ? void 0 : y.multipleImg) != null && T.value && (i.value.multipleImg = (L = y == null ? void 0 : y.multipleImg) == null ? void 0 : L.value, i.value.statusFv = (A = y == null ? void 0 : y.statusFv) == null ? void 0 : A.value, i.value.images = (D = y == null ? void 0 : y.images) == null ? void 0 : D.value, i.value.object = (M = y == null ? void 0 : y.object) == null ? void 0 : M.value), p.value = i.value.bgImg;
+        bgColor: ((C = y == null ? void 0 : y.bgColor) == null ? void 0 : C.value) || "#fff",
+        bgImg: ((_ = y == null ? void 0 : y.bgImg) == null ? void 0 : _.value) || "",
+        radiusSize: ((w = y == null ? void 0 : y.radiusSize) == null ? void 0 : w.value) ?? 4,
+        isHideTitle: ((x = y == null ? void 0 : y.isHideTitle) == null ? void 0 : x.value) ?? !1,
+        outer: ((E = y == null ? void 0 : y.outer) == null ? void 0 : E.value) ?? { width: "95%", height: "95%", top: "5%", left: "5%" },
+        inner: ((T = y == null ? void 0 : y.inner) == null ? void 0 : T.value) ?? { width: "100%", height: "100%" }
+      }, (L = y == null ? void 0 : y.multipleImg) != null && L.value && (i.value.multipleImg = (A = y == null ? void 0 : y.multipleImg) == null ? void 0 : A.value, i.value.statusFv = (D = y == null ? void 0 : y.statusFv) == null ? void 0 : D.value, i.value.images = (M = y == null ? void 0 : y.images) == null ? void 0 : M.value, i.value.object = (k = y == null ? void 0 : y.object) == null ? void 0 : k.value), p.value = i.value.bgImg, Ke(() => {
+        let R = document.getElementById(n);
+        R.offsetWidth, R.offsetHeight, Ke(() => {
+          let N = document.getElementById(n).clientWidth, P = document.getElementById(n).clientHeight;
+          S.forEach((B) => {
+            let $ = a.conf.height || P;
+            if (typeof B.x == "number") {
+              let j = B.x / N, J = B.y / P;
+              B.x = `${j * 100}%`, B.y = `${J * 100}%`;
+            }
+            B.height = Math.floor(P / $ * B.height);
+          }), a.conf.height = P;
+        });
+      });
     }, s = (y) => {
       let S = 5;
       return /^\d+$/.test(y) && (S = Number(y)), S + 1;
@@ -68273,7 +68284,7 @@ const Rge = "FeatureCollection", Nge = /* @__PURE__ */ JSON.parse('[{"type":"Fea
         const y = V1(a.conf, a.uid, "scd");
         e.value && e.value.port.postMessage({ request: y, type: "send" }), r.value && r.value.send(JSON.stringify(y));
       }
-    }, b = Ft(o, 200);
+    }, b = Ft(o, 100);
     return be(
       () => a.conf,
       () => {
@@ -68283,7 +68294,7 @@ const Rge = "FeatureCollection", Nge = /* @__PURE__ */ JSON.parse('[{"type":"Fea
     ), Vt(() => {
       a.conf.socketData && v(a.conf.socketData);
     }), $e(async () => {
-      o(), a.mode === "preview" ? m() : u();
+      b(), a.mode === "preview" ? m() : u();
     }), Aa(() => {
       xl(".echart-body").unset();
     }), (y, S) => {
@@ -68324,7 +68335,7 @@ const Rge = "FeatureCollection", Nge = /* @__PURE__ */ JSON.parse('[{"type":"Fea
                   key: 0,
                   class: le(`${n} liquid absolute`),
                   id: `ULG_${n}_${P.fv}_${B}`,
-                  style: oe({ height: `${P.height}px`, left: `${P.x}px`, top: `${P.y}px`, zIndex: B })
+                  style: oe({ height: `${P.height}px`, left: P.x, top: P.y, zIndex: B })
                 }, [
                   G("div", {
                     class: "liquid-bar",
@@ -68352,14 +68363,14 @@ const Rge = "FeatureCollection", Nge = /* @__PURE__ */ JSON.parse('[{"type":"Fea
                 ], 14, jge)) : P.type == "Signal" ? (H(), Y("div", {
                   key: 1,
                   class: le(`${n} signal absolute ${h(P)}`),
-                  style: oe({ width: `${P.fontSize}px`, height: `${P.fontSize}px`, left: `${P.x}px`, top: `${P.y}px`, zIndex: B }),
+                  style: oe({ width: `${P.fontSize}px`, height: `${P.fontSize}px`, left: P.x, top: P.y, zIndex: B }),
                   id: `Signal_${n}_${P.fv}_${B}`
                 }, null, 14, Yge)) : P.type == "Digit" ? (H(), Y("div", {
                   key: 2,
                   class: le(`${n} absolute`),
                   style: oe({
-                    left: `${P.x}px`,
-                    top: `${P.y}px`,
+                    left: P.x,
+                    top: P.y,
                     color: P.color,
                     fontSize: `${P.fontSize}px`,
                     fontWeight: P.isBold ? "bold" : "normal",
@@ -68370,7 +68381,7 @@ const Rge = "FeatureCollection", Nge = /* @__PURE__ */ JSON.parse('[{"type":"Fea
                   key: 3,
                   class: le(`${n} absolute status`),
                   id: `Status_${n}_${P.fv}_${B}`,
-                  style: oe({ color: f(P).color, left: `${P.x}px`, top: `${P.y}px`, zIndex: B })
+                  style: oe({ color: f(P).color, left: P.x, top: P.y, zIndex: B })
                 }, [
                   Mt(de(P.name) + "： ", 1),
                   G("span", null, [
@@ -68391,8 +68402,8 @@ const Rge = "FeatureCollection", Nge = /* @__PURE__ */ JSON.parse('[{"type":"Fea
                     width: `${P.width}px`,
                     fontSize: `${P.fontSize}px`,
                     fontWeight: P.isBold ? "bold" : "normal",
-                    left: `${P.x}px`,
-                    top: `${P.y}px`,
+                    left: P.x,
+                    top: P.y,
                     zIndex: B
                   })
                 }, [
@@ -68413,7 +68424,7 @@ const Rge = "FeatureCollection", Nge = /* @__PURE__ */ JSON.parse('[{"type":"Fea
       ], 4);
     };
   }
-}), lme = /* @__PURE__ */ Ct(sme, [["__scopeId", "data-v-77c6de9a"]]), xm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), lme = /* @__PURE__ */ Ct(sme, [["__scopeId", "data-v-4a47ad1c"]]), xm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: lme
 }, Symbol.toStringTag, { value: "Module" })), ume = { class: "dialog-footer" }, J4 = {
@@ -80822,7 +80833,7 @@ const iwe = {
       _: 1
     }, 8, ["locale"]));
   }
-}), Zl = /* @__PURE__ */ Ct(dwe, [["__scopeId", "data-v-61d6de77"]]), fwe = {
+}), Zl = /* @__PURE__ */ Ct(dwe, [["__scopeId", "data-v-c1234785"]]), fwe = {
   key: 0,
   id: "ShowContainer"
 }, hwe = { class: "canvas" }, vwe = {