@shjjs/visual-ui 1.0.18 → 1.0.19

package/es/components/scene-map3d/index.vue2.mjs

@@ -1,24 +1,25 @@
-import { defineComponent as R, ref as g, onMounted as K, onBeforeUnmount as Q, computed as X, watch as h, createElementBlock as d, openBlock as u, normalizeClass as H, createCommentVNode as S, normalizeStyle as f, Fragment as W, renderList as M, createElementVNode as B, toDisplayString as k, unref as Y } from "vue";
-import { cloneDeep as p, isEqual as b } from "lodash";
-import z from "gsap";
-import { useFps as Z } from "@vueuse/core";
-import { World as x } from "./map3d/map.mjs";
-import { initWatch as ee } from "./watch.mjs";
+import { defineComponent as P, ref as f, onMounted as Q, onBeforeUnmount as X, computed as Y, watch as b, createElementBlock as d, openBlock as p, normalizeClass as L, createCommentVNode as E, normalizeStyle as m, Fragment as R, renderList as T, createElementVNode as I, toDisplayString as w, unref as Z } from "vue";
+import { cloneDeep as v, isEqual as k } from "lodash";
+import $ from "gsap";
+import { useFps as x } from "@vueuse/core";
+import { World as ee } from "./map3d/map.mjs";
+import { initWatch as te } from "./watch.mjs";
 import "three";
 import "d3-geo";
 import "three/examples/jsm/controls/OrbitControls";
 import "three/examples/jsm/loaders/GLTFLoader";
 import "three/examples/jsm/loaders/DRACOLoader.js";
-import { createHistory as te } from "./map3d/mini3d/utils/CreateHistory.mjs";
+import { createHistory as ae } from "./map3d/mini3d/utils/CreateHistory.mjs";
 import "three/examples/jsm/libs/lil-gui.module.min";
 import "three/examples/jsm/utils/BufferGeometryUtils";
 import "three/examples/jsm/renderers/CSS3DRenderer";
-import { SHJDatasourceV2 as oe } from "../../commons/core/datasource/index.mjs";
-import { autoInstallFont as L, jsonToCssStyle as E } from "../../commons/utils/json2css.mjs";
-const ae = { class: "value" }, le = ["onClick"], ne = {
+import { SHJDatasourceV2 as oe } from "../../commons/plugins/datasource/index.mjs";
+import { autoInstallFont as H, jsonToCssStyle as O } from "../../commons/utils/json2css.mjs";
+import { SHJParseEvent as i } from "../../commons/plugins/event/index.mjs";
+const le = { class: "value" }, ne = ["onClick"], re = {
   key: 3,
   class: "fps"
-}, ie = R({ name: "zv-scene-map3d" }), Oe = /* @__PURE__ */ R({
+}, ie = P({ name: "zv-scene-map3d" }), Be = /* @__PURE__ */ P({
   ...ie,
   props: {
     basicOption: {},
@@ -39,149 +40,151 @@ const ae = { class: "value" }, le = ["onClick"], ne = {
     "on-return",
     "on-data-change"
   ],
-  setup(T, { expose: $, emit: V }) {
-    const r = V, a = T, l = g(), O = g(!1), C = g(!1), w = "zerov-map3d-scene", I = "zerov-map3d-scene-wrap", n = new te(), v = g(!1), y = (e = !0) => {
-      l.value.cleanAllBar(), l.value.cleanAllScatter(), l.value.cleanAllFlyLine(), l.value.createAllRegionalLevel(), a.sources && a.sources.length > 0 && oe.parse({
-        tId: a.uuid,
-        sources: a.sources,
-        callback: (o) => {
+  setup(V, { expose: N, emit: j }) {
+    const o = V, s = j;
+    i.parseEvents(o.useEvents, "on-page-loaded", null);
+    const l = f(), C = f(!1), B = f(!1), S = "zerov-map3d-scene", A = "zerov-map3d-scene-wrap", n = new ae(), g = f(!1), y = (e = !0) => {
+      l.value.cleanAllBar(), l.value.cleanAllScatter(), l.value.cleanAllFlyLine(), l.value.createAllRegionalLevel(), o.sources && o.sources.length > 0 && oe.parse({
+        tId: o.uuid,
+        sources: o.sources,
+        callback: (a) => {
           try {
-            const t = a.basicOption.widgets && a.basicOption.widgets.find((s) => s._sourceId === o.id);
-            t && t.type === "bar" && l.value.createBar(t, o.data[0].data, !0, e), t && t.type === "scatter" && l.value.createScatter(t, o.data[0].data, !0, e), t && t.type === "flyline" && l.value.createFlyLine(t, o.data[0].data, !0, e), t && t.type === "regionalLevel" && l.value.createRegionalLevel(t, o.data[0].data, !0, e), e && (l.value.createBarTimeLine(), l.value.createScatterTimeLine(), l.value.createFlyLineTimeLine(), l.value.createRegionalLevelTimeLine()), r("on-data-change", o), window.SHJParseEvent(a.useEvents, "on-data-change", o);
+            const t = o.basicOption.widgets && o.basicOption.widgets.find((u) => u._sourceId === a.id);
+            t && t.type === "bar" && l.value.createBar(t, a.data[0].data, !0, e), t && t.type === "scatter" && l.value.createScatter(t, a.data[0].data, !0, e), t && t.type === "flyline" && l.value.createFlyLine(t, a.data[0].data, !0, e), t && t.type === "regionalLevel" && l.value.createRegionalLevel(t, a.data[0].data, !0, e), e && (l.value.createBarTimeLine(), l.value.createScatterTimeLine(), l.value.createFlyLineTimeLine(), l.value.createRegionalLevelTimeLine()), s("on-data-change", a), i.parseEvents(o.useEvents, "on-data-change", a);
           } catch {
-            r("on-data-change", null), window.SHJParseEvent(a.useEvents, "on-data-change", null);
+            s("on-data-change", null), i.parseEvents(o.useEvents, "on-data-change", null);
           }
         }
       });
-    }, N = () => {
-      document.getElementById(w) && document.getElementById(I).removeChild(document.getElementById(w));
+    }, D = () => {
+      document.getElementById(S) && document.getElementById(A).removeChild(document.getElementById(S));
       const e = document.createElement("canvas");
-      e.id = w, e.className = "zerov-map-3d", e.style.width = "100%", e.style.height = "100%", document.getElementById(I).appendChild(e);
-    }, m = (e) => (O.value = !1, C.value = !1, l.value && (l.value.destroy(), l.value = null), N(), new x(document.getElementById(w), { geoProjectionCenter: [108.55, 36.32] }, e, {
+      e.id = S, e.className = "zerov-map-3d", e.style.width = "100%", e.style.height = "100%", document.getElementById(A).appendChild(e);
+    }, h = (e) => (C.value = !1, B.value = !1, l.value && (l.value.destroy(), l.value = null), D(), new ee(document.getElementById(S), { geoProjectionCenter: [108.55, 36.32] }, e, {
       onAreaMouseover: (t) => {
-        r("on-area-mouseover", t), window.SHJParseEvent(a.useEvents, "on-area-mouseover", t);
+        s("on-area-mouseover", t), i.parseEvents(o.useEvents, "on-area-mouseover", t);
       },
       onAreaMouseout: (t) => {
-        r("on-area-mouseout", t), window.SHJParseEvent(a.useEvents, "on-area-mouseout", t);
+        s("on-area-mouseout", t), i.parseEvents(o.useEvents, "on-area-mouseout", t);
       },
       onLoadChild: (t) => {
-        if (r("on-area-click", t), window.SHJParseEvent(a.useEvents, "on-area-click", t), t.adcode !== n.present && a.basicOption.scene.isDrilling && a.basicOption.scene.defaultMapAdcode !== 1) {
-          r("on-drill-down", t), window.SHJParseEvent(a.useEvents, "on-drill-down", t);
-          const s = p(a.basicOption);
-          s.scene.defaultMapAdcode = t.adcode, l.value = m(s), n.push(t.adcode), n.past.length <= 0 ? v.value = !1 : v.value = !0;
+        if (s("on-area-click", t), i.parseEvents(o.useEvents, "on-area-click", t), t.adcode !== n.present && o.basicOption.scene.isDrilling && o.basicOption.scene.defaultMapAdcode !== 1) {
+          s("on-drill-down", t), i.parseEvents(o.useEvents, "on-drill-down", t);
+          const u = v(o.basicOption);
+          u.scene.defaultMapAdcode = t.adcode, l.value = h(u), n.push(t.adcode), n.past.length <= 0 ? g.value = !1 : g.value = !0;
         }
       },
       onMapSuccess: () => {
-        O.value = !0, r("on-loaded"), window.SHJParseEvent(a.useEvents, "on-loaded", null);
+        C.value = !0, s("on-loaded"), i.parseEvents(o.useEvents, "on-loaded", null);
       },
       onMapAnimationSuccess: () => {
-        y(), C.value = !0, r("on-animated"), window.SHJParseEvent(a.useEvents, "on-animated", null);
+        y(), B.value = !0, s("on-animated"), i.parseEvents(o.useEvents, "on-animated", null);
       },
       onClickBar: (t) => {
-        r("on-bar-click", t), window.SHJParseEvent(a.useEvents, "on-bar-click", t);
+        s("on-bar-click", t), i.parseEvents(o.useEvents, "on-bar-click", t);
       },
       onClickScatter: (t) => {
-        r("on-scatter-click", t), window.SHJParseEvent(a.useEvents, "on-scatter-click", t);
+        s("on-scatter-click", t), i.parseEvents(o.useEvents, "on-scatter-click", t);
       },
       onClickFlyline: (t) => {
-        r("on-flyline-click", t), window.SHJParseEvent(a.useEvents, "on-flyline-click", t);
+        s("on-flyline-click", t), i.parseEvents(o.useEvents, "on-flyline-click", t);
       }
     }));
-    K(() => {
+    Q(() => {
       setTimeout(() => {
-        l.value = m(a.basicOption), n.push(a.basicOption.scene.defaultMapAdcode), ee(a, l, m, y, j);
+        l.value = h(o.basicOption), n.push(o.basicOption.scene.defaultMapAdcode), te(o, l, h, y, J);
       }, 0);
-    }), Q(() => {
+    }), X(() => {
       l.value && l.value.destroy();
     });
-    const P = () => {
-      r("on-return", {
+    const F = () => {
+      s("on-return", {
         parentAdcode: n.past[n.past.length - 1],
         adcode: n.present
-      }), window.SHJParseEvent(a.useEvents, "on-return", {
+      }), i.parseEvents(o.useEvents, "on-return", {
         parentAdcode: n.past[n.past.length - 1],
         adcode: n.present
       }), n.undo();
-      const e = p(a.basicOption);
-      e.scene.defaultMapAdcode = n.present, l.value = m(e), n.past.length <= 0 ? v.value = !1 : v.value = !0;
-    }, j = () => {
-      n.empty(), n.push(a.basicOption.scene.defaultMapAdcode), l.value = m(a.basicOption), n.past.length <= 0 ? v.value = !1 : v.value = !0;
-    }, D = (e, o, t) => {
-      z.timeline().add(z.to(l.value.camera.instance.position, {
+      const e = v(o.basicOption);
+      e.scene.defaultMapAdcode = n.present, l.value = h(e), n.past.length <= 0 ? g.value = !1 : g.value = !0;
+    }, J = () => {
+      n.empty(), n.push(o.basicOption.scene.defaultMapAdcode), l.value = h(o.basicOption), n.past.length <= 0 ? g.value = !1 : g.value = !0;
+    }, U = (e, a, t) => {
+      $.timeline().add($.to(l.value.camera.instance.position, {
         duration: 2,
         delay: 0,
         x: e,
-        y: o,
+        y: a,
         z: t,
         ease: "circ.out"
       }));
     };
-    $({
+    N({
       refresh: () => y(),
       refreshView: () => y(),
       refreshData: () => y(),
       // 返回上一级
-      goBack: () => P(),
+      goBack: () => F(),
       // 更新相机位置
-      setCameraPosition: (e, o, t) => D(e, o, t)
+      setCameraPosition: (e, a, t) => U(e, a, t)
     });
-    const U = Z(), A = g(), _ = (e) => {
-      if (A.value && e) {
-        L(a.basicOption.backButtonCss.fontFamily);
-        const o = `url(${e.backgroundImage})`;
+    const _ = x(), W = f(), q = (e) => {
+      if (W.value && e) {
+        H(o.basicOption.backButtonCss.fontFamily);
+        const a = `url(${e.backgroundImage})`;
         return {
-          ...E(e),
-          left: a.basicOption.backButtonLeft + "%",
-          bottom: a.basicOption.backButtonBottom + "%",
-          "background-image": o
+          ...O(e),
+          left: o.basicOption.backButtonLeft + "%",
+          bottom: o.basicOption.backButtonBottom + "%",
+          "background-image": a
         };
       }
       return {};
-    }, c = g(p(a.basicOption.widgets)), i = X(() => {
+    }, c = f(v(o.basicOption.widgets)), r = Y(() => {
       try {
-        const e = c.value.filter((o) => o.type === "regionalLevel");
-        return e.length > 0 ? (L(e[0].labelStyle.fontFamily), e[0].isHide ? null : e[0]) : null;
+        const e = c.value.filter((a) => a.type === "regionalLevel");
+        return e.length > 0 ? (H(e[0].labelStyle.fontFamily), e[0].isHide ? null : e[0]) : null;
       } catch {
         return null;
       }
     });
-    h(() => p(a.basicOption.widgets), (e, o) => {
+    b(() => v(o.basicOption.widgets), (e, a) => {
       try {
-        !b(e, o) && l.value && (c.value = p(a.basicOption.widgets));
+        !k(e, a) && l.value && (c.value = v(o.basicOption.widgets));
       } catch {
       }
     }, {
       deep: !0
-    }), h(() => p(c.value.filter((e) => e.type === "bar")), (e, o) => {
+    }), b(() => v(c.value.filter((e) => e.type === "bar")), (e, a) => {
       try {
-        !b(e, o) && l.value && e.length === o.length && e.forEach((t) => {
+        !k(e, a) && l.value && e.length === a.length && e.forEach((t) => {
           l.value.createBar(t, void 0, !1);
         });
       } catch {
       }
     }, {
       deep: !0
-    }), h(() => p(c.value.filter((e) => e.type === "scatter")), (e, o) => {
+    }), b(() => v(c.value.filter((e) => e.type === "scatter")), (e, a) => {
       try {
-        !b(e, o) && l.value && e.length === o.length && e.forEach((t) => {
+        !k(e, a) && l.value && e.length === a.length && e.forEach((t) => {
           l.value.createScatter(t, void 0, !1);
         });
       } catch {
       }
     }, {
       deep: !0
-    }), h(() => p(c.value.filter((e) => e.type === "flyline")), (e, o) => {
+    }), b(() => v(c.value.filter((e) => e.type === "flyline")), (e, a) => {
       try {
-        !b(e, o) && l.value && e.length === o.length && e.forEach((t) => {
+        !k(e, a) && l.value && e.length === a.length && e.forEach((t) => {
           l.value.createFlyLine(t, void 0, !1);
         });
       } catch {
       }
     }, {
       deep: !0
-    }), h(() => p(c.value.filter((e) => e.type === "regionalLevel")), (e, o) => {
+    }), b(() => v(c.value.filter((e) => e.type === "regionalLevel")), (e, a) => {
       try {
-        !b(e, o) && l.value && e.length === o.length && e.forEach((t) => {
+        !k(e, a) && l.value && e.length === a.length && e.forEach((t) => {
           l.value.createRegionalLevel(t, void 0, !1);
         });
       } catch {
@@ -189,73 +192,73 @@ const ae = { class: "value" }, le = ["onClick"], ne = {
     }, {
       deep: !0
     });
-    const q = (e) => {
+    const G = (e) => {
       try {
         e.isHide === void 0 ? e.isHide = !0 : e.isHide = !e.isHide;
       } catch {
       }
-    }, G = () => {
+    }, K = () => {
       try {
-        const e = c.value.every((o) => !o.isHide);
-        c.value.forEach((o) => o.isHide = e);
+        const e = c.value.every((a) => !a.isHide);
+        c.value.forEach((a) => a.isHide = e);
       } catch {
       }
-    }, F = (e) => {
-      L(a.basicOption.widgetControlStyle.fontFamily);
-      const o = `url(${e.backgroundImage})`, t = `url(${J(e.hover.backgroundImage)})`, s = `url(${J(e.active.backgroundImage)})`;
+    }, M = (e) => {
+      H(o.basicOption.widgetControlStyle.fontFamily);
+      const a = `url(${e.backgroundImage})`, t = `url(${z(e.hover.backgroundImage)})`, u = `url(${z(e.active.backgroundImage)})`;
       return {
-        ...E(e),
-        ...E(e.hover, "hover"),
-        ...E(e.active, "active"),
-        "background-image": o,
+        ...O(e),
+        ...O(e.hover, "hover"),
+        ...O(e.active, "active"),
+        "background-image": a,
         "--hover-background-image": t,
-        "--active-background-image": s
+        "--active-background-image": u
       };
-    }, J = (e) => !e.startsWith("http") && !e.startsWith("//") ? "../" + e : e;
-    return (e, o) => (u(), d("div", {
+    }, z = (e) => !e.startsWith("http") && !e.startsWith("//") ? "../" + e : e;
+    return (e, a) => (p(), d("div", {
       id: "zerov-map3d-scene-wrap",
-      class: H(["map-3d-wrap", { show: O.value }])
+      class: L(["map-3d-wrap", { show: C.value }])
     }, [
-      C.value && v.value && e.basicOption.backButton ? (u(), d("div", {
+      B.value && g.value && e.basicOption.backButton ? (p(), d("div", {
         key: 0,
         ref_key: "buttonRef",
-        ref: A,
+        ref: W,
         class: "return-btn",
-        style: f(_(e.basicOption.backButtonCss)),
-        onClick: P
-      }, " 返回上一级 ", 4)) : S("", !0),
-      i.value ? (u(), d("div", {
+        style: m(q(e.basicOption.backButtonCss)),
+        onClick: F
+      }, " 返回上一级 ", 4)) : E("", !0),
+      r.value ? (p(), d("div", {
         key: 1,
         class: "regional-level",
-        style: f({
-          left: i.value.labelStyle.left + "%",
-          top: i.value.labelStyle.top + "%",
-          flexDirection: i.value.labelStyle.direction,
-          gap: i.value.labelStyle.gap + "px",
-          fontSize: i.value.labelStyle.fontSize + "px",
-          fontFamily: i.value.labelStyle.fontFamily,
-          fontStyle: i.value.labelStyle.fontStyle,
-          color: i.value.labelStyle.color,
-          "--color-width": i.value.labelStyle.colorStyle.width + "px",
-          "--color-height": i.value.labelStyle.colorStyle.height + "px",
-          "--color-borderRadius": i.value.labelStyle.colorStyle.borderRadius + "px"
+        style: m({
+          left: r.value.labelStyle.left + "%",
+          top: r.value.labelStyle.top + "%",
+          flexDirection: r.value.labelStyle.direction,
+          gap: r.value.labelStyle.gap + "px",
+          fontSize: r.value.labelStyle.fontSize + "px",
+          fontFamily: r.value.labelStyle.fontFamily,
+          fontStyle: r.value.labelStyle.fontStyle,
+          color: r.value.labelStyle.color,
+          "--color-width": r.value.labelStyle.colorStyle.width + "px",
+          "--color-height": r.value.labelStyle.colorStyle.height + "px",
+          "--color-borderRadius": r.value.labelStyle.colorStyle.borderRadius + "px"
         })
       }, [
-        (u(!0), d(W, null, M(i.value.rules, (t, s) => (u(), d("div", {
-          key: s,
+        (p(!0), d(R, null, T(r.value.rules, (t, u) => (p(), d("div", {
+          key: u,
           class: "item"
         }, [
-          B("div", {
+          I("div", {
             class: "color",
-            style: f({ backgroundColor: t.color })
+            style: m({ backgroundColor: t.color })
           }, null, 4),
-          B("span", ae, k(t.label), 1)
+          I("span", le, w(t.label), 1)
         ]))), 128))
-      ], 4)) : S("", !0),
-      e.basicOption.widgets.length > 0 && e.basicOption.widgetControlStyle && e.basicOption.widgetControlStyle.show ? (u(), d("div", {
+      ], 4)) : E("", !0),
+      e.basicOption.widgets.length > 0 && e.basicOption.widgetControlStyle && e.basicOption.widgetControlStyle.show ? (p(), d("div", {
         key: 2,
         class: "widget-control",
-        style: f({
+        style: m({
           left: e.basicOption.widgetControlStyle.left + "%",
           top: e.basicOption.widgetControlStyle.top + "%",
           flexDirection: e.basicOption.widgetControlStyle.direction,
@@ -264,26 +267,26 @@ const ae = { class: "value" }, le = ["onClick"], ne = {
           "--widget-height": e.basicOption.widgetControlStyle.height + "px"
         })
       }, [
-        B("div", {
-          class: H(["control-button", {
+        I("div", {
+          class: L(["control-button", {
             active: c.value.every((t) => !t.isHide)
           }]),
-          style: f(F(e.basicOption.widgetControlStyle)),
-          onClick: G
-        }, k(c.value.every((t) => !t.isHide) ? "隐藏" : "显示") + "/全部 ", 7),
-        (u(!0), d(W, null, M(c.value, (t) => (u(), d("div", {
+          style: m(M(e.basicOption.widgetControlStyle)),
+          onClick: K
+        }, w(c.value.every((t) => !t.isHide) ? "隐藏" : "显示") + "/全部 ", 7),
+        (p(!0), d(R, null, T(c.value, (t) => (p(), d("div", {
           key: t.id,
-          class: H(["control-button", {
+          class: L(["control-button", {
             active: !t.isHide
           }]),
-          style: f(F(e.basicOption.widgetControlStyle)),
-          onClick: (s) => q(t)
-        }, k(t.name || "-"), 15, le))), 128))
-      ], 4)) : S("", !0),
-      e.basicOption.debugger ? (u(), d("div", ne, " fps:" + k(Y(U)), 1)) : S("", !0)
+          style: m(M(e.basicOption.widgetControlStyle)),
+          onClick: (u) => G(t)
+        }, w(t.name || "-"), 15, ne))), 128))
+      ], 4)) : E("", !0),
+      e.basicOption.debugger ? (p(), d("div", re, " fps:" + w(Z(_)), 1)) : E("", !0)
     ], 2));
   }
 });
 export {
-  Oe as default
+  Be as default
 };

package/es/components/scene-ue-iframe/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index.vue2.mjs";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a0eceb2b"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a11ee760"]]);
 export {
-  e as default
+  m as default
 };

package/es/components/scene-ue-iframe/index.vue2.mjs

@@ -1,6 +1,7 @@
-import { defineComponent as a, createElementBlock as E, openBlock as d, createElementVNode as l, onMounted as f, onBeforeUnmount as u } from "vue";
-const k = { class: "iframe-webscoket" }, b = ["src"], p = a({ name: "zv-scene-ue-iframe" }), I = /* @__PURE__ */ a({
-  ...p,
+import { defineComponent as i, createElementBlock as w, openBlock as d, createElementVNode as f, onMounted as u, onBeforeUnmount as p } from "vue";
+import { SHJParseEvent as a } from "../../commons/plugins/event/index.mjs";
+const k = { class: "iframe-webscoket" }, b = ["src"], _ = i({ name: "zv-scene-ue-iframe" }), N = /* @__PURE__ */ i({
+  ..._,
   props: {
     basicOption: {},
     sources: {},
@@ -9,40 +10,40 @@ const k = { class: "iframe-webscoket" }, b = ["src"], p = a({ name: "zv-scene-ue
     isPreview: { type: Boolean }
   },
   emits: ["ue-scoket-on-message"],
-  setup(i, { emit: m }) {
-    const c = i, w = m;
-    return ((o) => {
-      let t = 0, s;
+  setup(m, { emit: E }) {
+    const n = m, S = E;
+    return a.parseEvents(n.useEvents, "on-page-loaded", null), ((o) => {
+      let t = 0, c;
       const r = () => {
-        window.SHJSceneUEIframeWebscoket && (window.SHJSceneUEIframeWebscoket.onclose = null, window.SHJSceneUEIframeWebscoket.close()), window.SHJSceneUEIframeWebscoket = new WebSocket(o.webSocketUrl), window.SHJSceneUEIframeWebscoket.onmessage = (n) => {
+        window.SHJSceneUEIframeWebscoket && (window.SHJSceneUEIframeWebscoket.onclose = null, window.SHJSceneUEIframeWebscoket.close()), window.SHJSceneUEIframeWebscoket = new WebSocket(o.webSocketUrl), window.SHJSceneUEIframeWebscoket.onmessage = (s) => {
           try {
-            const e = JSON.parse(n.data);
+            const e = JSON.parse(s.data);
             if (e.type === "ping") return;
             if (!e.data) throw new Error("数据格式异常");
-            w("ue-scoket-on-message", e.data), window.SHJParseEvent(c.useEvents, "ue-scoket-on-message", e.data);
+            S("ue-scoket-on-message", e.data), a.parseEvents(n.useEvents, "ue-scoket-on-message", e.data);
           } catch {
           }
         }, window.SHJSceneUEIframeWebscoket.onopen = () => {
-          t = 0, clearTimeout(s);
+          t = 0, clearTimeout(c);
         }, window.SHJSceneUEIframeWebscoket.onerror = () => {
-        }, window.SHJSceneUEIframeWebscoket.onclose = (n) => {
+        }, window.SHJSceneUEIframeWebscoket.onclose = (s) => {
           const e = 3e3 * Math.pow(2, t);
-          s = setTimeout(() => {
+          c = setTimeout(() => {
             t < 1 / 0 && (t++, r());
           }, e);
         };
       };
-      f(() => {
+      u(() => {
         if (o.webSocketUrl)
           try {
             r();
           } catch {
           }
-      }), u(() => {
+      }), p(() => {
         window.SHJSceneUEIframeWebscoket && window.SHJSceneUEIframeWebscoket.close();
       });
-    })(c.basicOption), (o, S) => (d(), E("div", k, [
-      l("iframe", {
+    })(n.basicOption), (o, l) => (d(), w("div", k, [
+      f("iframe", {
         src: o.basicOption.iframeUrl,
         sandbox: "allow-scripts allow-same-origin",
         style: { width: "100%", height: "100%", border: "0" }
@@ -51,5 +52,5 @@ const k = { class: "iframe-webscoket" }, b = ["src"], p = a({ name: "zv-scene-ue
   }
 });
 export {
-  I as default
+  N as default
 };

package/es/components/scene-ue-shj/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index.vue2.mjs";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-43a0b7b9"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d1d43031"]]);
 export {
   p as default
 };

package/es/components/scene-ue-shj/index.vue2.mjs

@@ -1,5 +1,6 @@
-import { defineComponent as t, createElementBlock as u, openBlock as d, onMounted as h } from "vue";
-const p = { class: "shj-for-ue" }, f = t({ name: "zv-scene-ue-shj" }), m = /* @__PURE__ */ t({
+import { defineComponent as r, createElementBlock as p, openBlock as d, onMounted as v } from "vue";
+import { SHJParseEvent as o } from "../../commons/plugins/event/index.mjs";
+const h = { class: "shj-for-ue" }, f = r({ name: "zv-scene-ue-shj" }), _ = /* @__PURE__ */ r({
   ...f,
   props: {
     basicOption: {},
@@ -8,25 +9,25 @@ const p = { class: "shj-for-ue" }, f = t({ name: "zv-scene-ue-shj" }), m = /* @_
     uuid: {}
   },
   emits: ["ue-scene-on-message"],
-  setup(r, { emit: c }) {
-    const n = r, i = c;
-    return (() => {
-      h(() => {
-        n.useEvents.length > 0 && n.useEvents.forEach((e) => {
-          e && e.receivingMethod && (window.ue.interface[e.receivingMethod] = (s) => {
+  setup(c, { emit: a }) {
+    const s = c, i = a;
+    return o.parseEvents(s.useEvents, "on-page-loaded", null), (() => {
+      v(() => {
+        s.useEvents.length > 0 && s.useEvents.forEach((e) => {
+          e && e.receivingMethod && (window.ue.interface[e.receivingMethod] = (n) => {
             try {
-              if (!JSON.parse(s).data)
+              if (!JSON.parse(n).data)
                 throw new Error("");
-              const o = n.useEvents.filter((a) => a.receivingMethod === e.receivingMethod);
-              i("ue-scene-on-message", JSON.parse(s).data), window.SHJParseEvent(o, "ue-scene-on-message", JSON.parse(s).data);
+              const t = s.useEvents.filter((u) => u.receivingMethod === e.receivingMethod);
+              i("ue-scene-on-message", JSON.parse(n).data), o.parseEvents(t, "ue-scene-on-message", JSON.parse(n).data);
             } catch {
             }
           });
         });
       });
-    })(), (e, s) => (d(), u("div", p));
+    })(), (e, n) => (d(), p("div", h));
   }
 });
 export {
-  m as default
+  _ as default
 };

package/es/components/scene-unity-iframe/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index.vue2.mjs";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f93f10bb"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c4ee033f"]]);
 export {
-  m as default
+  e as default
 };

package/es/components/scene-unity-iframe/index.vue2.mjs

@@ -1,6 +1,7 @@
-import { defineComponent as s, createElementBlock as f, openBlock as m, ref as u, onMounted as l, onBeforeUnmount as d } from "vue";
-const w = ["src"], y = s({ name: "zv-scene-unity-iframe" }), I = /* @__PURE__ */ s({
-  ...y,
+import { defineComponent as a, createElementBlock as m, openBlock as u, ref as l, onMounted as d, onBeforeUnmount as p } from "vue";
+import { SHJParseEvent as s } from "../../commons/plugins/event/index.mjs";
+const y = ["src"], w = a({ name: "zv-scene-unity-iframe" }), v = /* @__PURE__ */ a({
+  ...w,
   props: {
     basicOption: {},
     sources: {},
@@ -10,26 +11,28 @@ const w = ["src"], y = s({ name: "zv-scene-unity-iframe" }), I = /* @__PURE__ */
     disableDrag: { type: Boolean }
   },
   emits: ["unity-scene-on-message"],
-  setup(i, { emit: a }) {
-    const t = i, o = a, r = () => {
-      const e = u();
-      return l(() => {
-        window.SHJSceneUnityIframeInstance || (window.SHJSceneUnityIframeInstance = {}), window.SHJSceneUnityIframeInstance.url = t.basicOption.iframeUrl, window.SHJSceneUnityIframeInstance.ref = e.value;
-      }), d(() => {
+  setup(o, { emit: i }) {
+    const n = o, r = i;
+    s.parseEvents(n.useEvents, "on-page-loaded", null);
+    const c = () => {
+      const e = l();
+      return d(() => {
+        window.SHJSceneUnityIframeInstance || (window.SHJSceneUnityIframeInstance = {}), window.SHJSceneUnityIframeInstance.url = n.basicOption.iframeUrl, window.SHJSceneUnityIframeInstance.ref = e.value;
+      }), p(() => {
         window.SHJSceneUnityIframeInstance = null;
-      }), window.addEventListener("message", (n) => {
-        o("unity-scene-on-message", n.data), window.SHJParseEvent(t.useEvents, "unity-scene-on-message", n.data);
+      }), window.addEventListener("message", (t) => {
+        r("unity-scene-on-message", t.data), s.parseEvents(n.useEvents, "unity-scene-on-message", t.data);
       }, !1), { unityIframeRef: e };
-    }, { unityIframeRef: c } = r();
-    return (e, n) => (m(), f("iframe", {
+    }, { unityIframeRef: f } = c();
+    return (e, t) => (u(), m("iframe", {
       ref_key: "unityIframeRef",
-      ref: c,
+      ref: f,
       src: e.basicOption.iframeUrl,
       sandbox: "allow-scripts allow-same-origin",
       style: { width: "100%", height: "100%", border: "0" }
-    }, null, 8, w));
+    }, null, 8, y));
   }
 });
 export {
-  I as default
+  v as default
 };

package/es/components/scene-unity-webgl/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index.vue2.mjs";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-50d20c64"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-761ae9f1"]]);
 export {
   m as default
 };