@nywqs/scada-engine 1.1.30 → 1.1.31

package/dist/Tank3DThree-DYRGEi5G.js

@@ -0,0 +1,108 @@
+import { defineComponent as U, ref as i, onMounted as V, onUnmounted as H, watch as y, openBlock as K, createElementBlock as O, normalizeStyle as Q, createElementVNode as x, toDisplayString as T } from "vue";
+import { S as X, C as Y, P as Z, W as j, a as _, M as g, D as ee, b as v, A as te, c as E, _ as ae } from "./index-Bp0lBzVu.js";
+/*!
+ * @nywqs/scada-engine v1.1.31
+ * Copyright (c) 2025 leoncheng
+ * Licensed under proprietary license - see LICENSE file
+ * Contact: nywqs@outlook.com
+ */
+const ne = { class: "tank-info" }, oe = { class: "tank-level" }, ie = { class: "tank-capacity" }, se = 0.05, le = /* @__PURE__ */ U({
+  __name: "Tank3DThree",
+  props: {
+    node: {}
+  },
+  setup(F) {
+    const a = F, S = () => a.node ? a.node.getData ? a.node.getData() : a.node.data || {} : {};
+    i(S());
+    const s = i(200), l = i(200), p = i(50), q = i(1e3), k = i("#3b82f6"), M = i("#64748b"), A = () => {
+      var c, m, f, w;
+      const e = S();
+      s.value = ((m = (c = a.node) == null ? void 0 : c.size) == null ? void 0 : m.width) || 200, l.value = ((w = (f = a.node) == null ? void 0 : f.size) == null ? void 0 : w.height) || 200, p.value = e.level ?? 50, q.value = e.capacity ?? 1e3, k.value = e.liquidColor || "#3b82f6", M.value = e.tankColor || "#64748b";
+    }, D = i();
+    let t, r, n, d, o, b, u = p.value, h = p.value;
+    V(() => {
+      A(), B(), G(), a.node && typeof a.node.on == "function" && a.node.on("change:data", () => {
+        A();
+      });
+    }), H(() => {
+      I();
+    });
+    const B = () => {
+      if (!D.value) return;
+      t = new X(), t.background = new Y(988970), r = new Z(
+        45,
+        s.value / l.value,
+        0.1,
+        1e3
+      ), r.position.set(3, 3, 5), r.lookAt(0, 0, 0), n = new j({
+        antialias: !0,
+        alpha: !0
+      }), n.setSize(s.value, l.value), n.setPixelRatio(window.devicePixelRatio), D.value.appendChild(n.domElement);
+      const e = new _(1, 1, 3, 32), c = new g({
+        color: M.value,
+        transparent: !0,
+        opacity: 0.3,
+        side: ee,
+        shininess: 100
+      });
+      d = new v(e, c), t.add(d);
+      const m = new _(0.95, 0.95, 3, 32), f = new g({
+        color: k.value,
+        transparent: !0,
+        opacity: 0.8,
+        shininess: 80
+      });
+      o = new v(m, f), C(), t.add(o);
+      const w = new _(1.2, 1.2, 0.2, 32), W = new g({
+        color: 4674921,
+        shininess: 50
+      }), P = new v(w, W);
+      P.position.y = -1.6, t.add(P);
+      const $ = new _(1.1, 1.1, 0.2, 32), J = new g({
+        color: 4674921,
+        shininess: 50
+      }), z = new v($, J);
+      z.position.y = 1.6, t.add(z);
+      const N = new te(16777215, 0.6);
+      t.add(N);
+      const L = new E(16777215, 0.8);
+      L.position.set(5, 10, 5), L.castShadow = !0, t.add(L);
+      const R = new E(16777215, 0.3);
+      R.position.set(-5, 5, -5), t.add(R);
+    }, C = () => {
+      if (!o) return;
+      const e = Math.max(0.01, u / 100);
+      o.scale.y = e, o.position.y = -1.5 + e * 1.5;
+    }, G = () => {
+      b = requestAnimationFrame(G), Math.abs(u - h) > 0.1 ? (u += (h - u) * se, C()) : u !== h && (u = h, C()), d && (d.rotation.y += 5e-3), o && (o.rotation.y += 5e-3), n.render(t, r);
+    };
+    y(() => p.value, (e) => {
+      h = e;
+    }), y(() => k.value, (e) => {
+      o && o.material.color.set(e);
+    }), y(() => M.value, (e) => {
+      d && d.material.color.set(e);
+    }), y([() => s.value, () => l.value], () => {
+      n && r && (n.setSize(s.value, l.value), r.aspect = s.value / l.value, r.updateProjectionMatrix());
+    });
+    const I = () => {
+      b && cancelAnimationFrame(b), n && n.dispose(), t && (t.traverse((e) => {
+        e instanceof v && (e.geometry.dispose(), Array.isArray(e.material) ? e.material.forEach((c) => c.dispose()) : e.material.dispose());
+      }), t.clear());
+    };
+    return (e, c) => (K(), O("div", {
+      ref_key: "containerRef",
+      ref: D,
+      class: "tank-3d-three-container",
+      style: Q({ width: `${s.value}px`, height: `${l.value}px` })
+    }, [
+      x("div", ne, [
+        x("span", oe, T(p.value.toFixed(1)) + "%", 1),
+        x("span", ie, T(q.value) + "L", 1)
+      ])
+    ], 4));
+  }
+}), de = /* @__PURE__ */ ae(le, [["__scopeId", "data-v-d8774ba3"]]);
+export {
+  de as default
+};