@shjjs/visual-ui 3.0.7 → 3.0.8

package/es/components/Commons/components/CustomComponentRender/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 _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-79619911"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dde8cdcf"]]);
 export {
-  _ as default
+  r as default
 };

package/es/components/Commons/components/CustomComponentRender/index.vue2.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as d, onMounted as J, computed as a, shallowRef as b, ref as u, watch as j, createElementBlock as E, openBlock as c, createElementVNode as H, createBlock as V, createCommentVNode as O, unref as P } from "vue";
-import { useVueImportMap as x, Sandbox as N, useStore as k } from "@vue/repl";
+import { defineComponent as d, onMounted as J, computed as a, shallowRef as b, ref as u, watch as j, createElementBlock as E, openBlock as c, createElementVNode as H, createBlock as V, createCommentVNode as k, unref as O } from "vue";
+import { useVueImportMap as P, Sandbox as x, useStore as N } from "@vue/repl";
 import { useWatch as D } from "./hooks/useWatch.mjs";
 /* empty css                                     */
 /* empty css                                     */
@@ -171,7 +171,7 @@ const B = { class: "custom-component-render" }, R = { class: "preview-content" }
     J(() => {
       window.SHJDatasourceV2 = M, window.SHJParseEvent = T;
     });
-    const e = a(() => _(i.option)), { productionMode: p, vueVersion: v, importMap: h } = x(), w = a(() => ({
+    const e = a(() => _(i.option)), { productionMode: p, vueVersion: v, importMap: h } = P(), w = a(() => ({
       script: {
         inlineTemplate: p.value,
         isProd: p.value,
@@ -188,7 +188,7 @@ const B = { class: "custom-component-render" }, R = { class: "preview-content" }
       if (!(l.value === s && o.value)) {
         l.value = s, t.value = !0;
         try {
-          const r = k(
+          const r = N(
             { builtinImportMap: h, vueVersion: v, sfcOptions: w },
             s
           );
@@ -265,6 +265,7 @@ const B = { class: "custom-component-render" }, R = { class: "preview-content" }
       #app {
         height: 100%;
         overflow: hidden;
+        background-color: transparent !important;
       }
     </style>
     ${g}
@@ -273,12 +274,13 @@ const B = { class: "custom-component-render" }, R = { class: "preview-content" }
     }));
     return (s, r) => (c(), E("div", B, [
       H("div", R, [
-        !t.value && o.value ? (c(), V(P(N), {
+        !t.value && o.value ? (c(), V(O(x), {
           key: 0,
           store: o.value,
+          theme: "dark",
           "clear-console": !1,
           "preview-options": C.value
-        }, null, 8, ["store", "preview-options"])) : O("", !0)
+        }, null, 8, ["store", "preview-options"])) : k("", !0)
       ])
     ]));
   }

package/es/components/Commons/components/ModelViewer/index.vue.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as z, computed as q, ref as K, onMounted as N, onBeforeUnmount as W, watch as d, createElementBlock as Y, openBlock as _ } from "vue";
+import { defineComponent as P, computed as K, ref as N, onMounted as W, onBeforeUnmount as Y, watch as c, createElementBlock as _, openBlock as j } from "vue";
 import "@babylonjs/loaders/glTF";
 import * as t from "@babylonjs/core";
-import { cloneDeep as h, isEqual as f } from "lodash";
+import { cloneDeep as d, isEqual as h } from "lodash";
 /* empty css                                     */
 /* empty css                                     */
 import "../../../Interaction/components/Tabs/index.mjs";
@@ -157,13 +157,13 @@ import "../../../Scene/components/UnityIframe/index.mjs";
 import "../../../Scene/components/UnityWebgl/index.mjs";
 import "../../../Scene/components/Vr/index.mjs";
 import "../../../Scene/components/Earth/index.mjs";
-import { SHJParseEvent as k } from "../../../../commons/plugins/event/index.mjs";
+import { SHJParseEvent as z } from "../../../../commons/plugins/event/index.mjs";
 import "../../../../commons/plugins/datasource/utils/request.mjs";
 import "mqtt";
 import "nanoid";
-import { upgradeModelViewer as j } from "./version.mjs";
-const J = z({ name: "ShjModelViewer" }), Xt = /* @__PURE__ */ z({
-  ...J,
+import { upgradeModelViewer as J } from "./version.mjs";
+const U = P({ name: "ShjModelViewer" }), Qt = /* @__PURE__ */ P({
+  ...U,
   props: {
     option: {},
     sources: {},
@@ -171,10 +171,10 @@ const J = z({ name: "ShjModelViewer" }), Xt = /* @__PURE__ */ z({
     basicEvents: {}
   },
   emits: ["on-load-success", "on-play-animation"],
-  setup(y, { expose: P, emit: H }) {
-    const e = q(() => j(y.option)), E = H;
-    let T, o, n, p, v, s, w, g, u, b, l, a;
-    const B = () => {
+  setup(y, { expose: H, emit: I }) {
+    const e = K(() => J(y.option)), E = I;
+    let A, o, n, p, v, s, w, g, u, b, l, a;
+    const C = N(), B = () => {
       n || (n = new t.ArcRotateCamera(
         "Camera",
         e.value.camera.alpha,
@@ -194,9 +194,9 @@ const J = z({ name: "ShjModelViewer" }), Xt = /* @__PURE__ */ z({
         e.value.camera.lowerBetaLimit
       ), n.upperBetaLimit = t.Tools.ToRadians(
         e.value.camera.upperBetaLimit
-      ), n.useBouncingBehavior = e.value.camera.useBouncingBehavior, n.wheelDeltaPercentage = e.value.camera.wheelDeltaPercentage || 0.01, n.useAutoRotationBehavior = e.value.camera.autoRotation, n.panningSensibility = 1 / (e.value.camera.panningSensibility || 0.01), n.attachControl(A.value, !0);
+      ), n.useBouncingBehavior = e.value.camera.useBouncingBehavior, n.wheelDeltaPercentage = e.value.camera.wheelDeltaPercentage || 0.01, n.useAutoRotationBehavior = e.value.camera.autoRotation, n.panningSensibility = 1 / (e.value.camera.panningSensibility || 0.01), n.attachControl(C.value, !0);
     }, F = () => {
-      o || (o = new t.Scene(T)), o.environmentTexture = t.CubeTexture.CreateFromPrefilteredData(
+      o || (o = new t.Scene(A)), o.environmentTexture = t.CubeTexture.CreateFromPrefilteredData(
         e.value.scene.environmentTexture,
         o
       ), o.environmentIntensity = e.value.scene.environmentIntensity, e.value.scene.colorShow ? o.clearColor = t.Color4.FromHexString(
@@ -224,11 +224,11 @@ const J = z({ name: "ShjModelViewer" }), Xt = /* @__PURE__ */ z({
       ), p.diffuse = t.Color3.FromHexString(
         e.value.directionalLight.diffuse || "#ffffff"
       ), p.intensity = e.value.directionalLight.intensity, p.shadowMinZ = e.value.directionalLight.shadowMinZ, p.shadowMaxZ = e.value.directionalLight.shadowMaxZ, p.autoCalcShadowZBounds = e.value.directionalLight.autoCalcShadowZBounds, e.value.directionalLight.shadowGenerator.enable) {
-        const { mapSize: i, transparencyShadow: r, usePercentageCloserFiltering: m, bias: c } = e.value.directionalLight.shadowGenerator;
+        const { mapSize: i, transparencyShadow: r, usePercentageCloserFiltering: m, bias: f } = e.value.directionalLight.shadowGenerator;
         if (!s && (s = new t.ShadowGenerator(i, p), l))
           for (let L = 0; L < l.length; L++)
             e.value.meshes.isCasterShadow && s && s.addShadowCaster(l[L], !0);
-        s.mapSize = i, s.transparencyShadow = r, s.usePercentageCloserFiltering = m, s.bias = c;
+        s.mapSize = i, s.transparencyShadow = r, s.usePercentageCloserFiltering = m, s.bias = f;
       } else
         s && (s.dispose(), s = null);
       e.value.directionalLight.lightGizmo && e.value.directionalLight.lightGizmo.enable ? (v || (v = new t.LightGizmo(), v.light = p), v.scaleRatio = e.value.directionalLight.lightGizmo.scaleRatio) : v && (v.dispose(), v = null);
@@ -254,10 +254,10 @@ const J = z({ name: "ShjModelViewer" }), Xt = /* @__PURE__ */ z({
           width: i,
           height: r,
           position: m,
-          rotation: c,
+          rotation: f,
           scaling: L,
-          material: C,
-          receiveShadows: Z
+          material: T,
+          receiveShadows: q
         } = e.value.ground;
         u || (u = t.MeshBuilder.CreateGround(
           "ground",
@@ -268,24 +268,24 @@ const J = z({ name: "ShjModelViewer" }), Xt = /* @__PURE__ */ z({
           m[1],
           m[2]
         ), u.rotation = new t.Vector3(
-          t.Tools.ToRadians(c[0]),
-          t.Tools.ToRadians(c[1]),
-          t.Tools.ToRadians(c[2])
+          t.Tools.ToRadians(f[0]),
+          t.Tools.ToRadians(f[1]),
+          t.Tools.ToRadians(f[2])
         ), u.scaling = new t.Vector3(L[0], L[1], L[2]);
         const x = new t.StandardMaterial("", o);
         x.emissiveTexture = new t.Texture(
-          C.emissiveTexture,
+          T.emissiveTexture,
           o
         ), x.diffuseTexture = new t.Texture(
-          C.emissiveTexture,
+          T.emissiveTexture,
           o
         ), x.ambientTexture = new t.Texture(
-          C.emissiveTexture,
+          T.emissiveTexture,
           o
         ), x.diffuseColor = new t.Color3(1, 1, 1), x.opacityTexture = new t.Texture(
-          C.opacityTexture,
+          T.opacityTexture,
           o
-        ), u.material = x, u.receiveShadows = Z;
+        ), u.material = x, u.receiveShadows = q;
       } else
         u && (u.dispose(), u = null);
     }, M = () => {
@@ -306,7 +306,7 @@ const J = z({ name: "ShjModelViewer" }), Xt = /* @__PURE__ */ z({
       if (o) {
         o.stopAllAnimations();
         const m = o.getAnimationGroupByName(i);
-        m && (E("on-play-animation"), k.parseEvents(y.useEvents, "on-play-animation"), m.start(
+        m && (E("on-play-animation"), z.parseEvents(y.useEvents, "on-play-animation"), m.start(
           r.loop,
           r.speedRatio,
           m.from,
@@ -335,10 +335,7 @@ const J = z({ name: "ShjModelViewer" }), Xt = /* @__PURE__ */ z({
         l[i].isPickable = !1, l[i].receiveShadows = e.value.meshes.isCasterShadow, e.value.meshes.isCasterShadow && s && s.addShadowCaster(l[i], !0);
       e.value.animation.animationGroups = o.animationGroups.map((i) => ({ uniqueId: i.uniqueId, name: i.name })), y.basicEvents && (y.basicEvents.function[0].args[0].select = o.animationGroups.map(
         (i) => ({ name: i.name, value: i.name })
-      )), e.value.animation.defaultAnimation && e.value.animation.defaultAnimation.name ? D(e.value.animation.defaultAnimation.name, {
-        loop: e.value.animation.defaultAnimation.loop,
-        speedRatio: e.value.animation.defaultAnimation.speedRatio
-      }) : o.animationGroups && o.animationGroups[0] && o.animationGroups[0].stop();
+      )), k();
     }, V = () => {
       const i = e.value.pipelineOption;
       i && i.enabled ? (a || (a = new t.DefaultRenderingPipeline(
@@ -351,104 +348,117 @@ const J = z({ name: "ShjModelViewer" }), Xt = /* @__PURE__ */ z({
       ), a.chromaticAberration.direction.y = Math.cos(
         i.chromaticAberrationDirection
       )), a.sharpenEnabled = i.sharpenEnabled, a.sharpen.edgeAmount = i.sharpenEdgeAmount, a.sharpen.colorAmount = i.sharpenColorAmount) : a && (a.dispose(), a = null);
-    }, I = function() {
-      F(), B(), G(), R(), O(), M(), S(), V(), E("on-load-success"), k.parseEvents(y.useEvents, "on-load-success");
-    }, A = K();
-    return N(() => {
-      T = new t.Engine(A.value, !0), T && e.value.meshes.url && (I(), T.runRenderLoop(function() {
+    }, k = () => {
+      o.stopAllAnimations(), e.value.animation.defaultAnimation && e.value.animation.defaultAnimation.name ? D(e.value.animation.defaultAnimation.name, {
+        loop: e.value.animation.defaultAnimation.loop,
+        speedRatio: e.value.animation.defaultAnimation.speedRatio
+      }) : o.animationGroups && o.animationGroups[0] && o.animationGroups[0].stop();
+    }, Z = function() {
+      F(), B(), G(), R(), O(), M(), S(), V(), E("on-load-success"), z.parseEvents(y.useEvents, "on-load-success");
+    };
+    return W(() => {
+      A = new t.Engine(C.value, !0), A && e.value.meshes.url && (Z(), A.runRenderLoop(function() {
         o && o.render();
       }));
-    }), W(() => {
-      o.dispose(), T.dispose();
-    }), P({
+    }), Y(() => {
+      o.dispose(), A.dispose();
+    }), H({
       playAnimation: (i, r) => {
-        const m = r[0].value, c = {
+        const m = r[0].value, f = {
           loop: r[1].keys[0].defaultValue,
           speedRatio: r[1].keys[1].defaultValue
         };
-        D(m, c);
+        D(m, f);
       }
-    }), d(
-      () => h(e.value.camera),
+    }), c(
+      () => d(e.value.camera),
       (i, r) => {
-        !f(i, r) && n && B();
+        !h(i, r) && n && B();
       },
       {
         deep: !0
       }
-    ), d(
-      () => h(e.value.scene),
+    ), c(
+      () => d(e.value.scene),
       (i, r) => {
-        !f(i, r) && o && F();
+        !h(i, r) && o && F();
       },
       {
         deep: !0
       }
-    ), d(
-      () => h(e.value.directionalLight),
+    ), c(
+      () => d(e.value.directionalLight),
       (i, r) => {
-        f(i, r) || R();
+        h(i, r) || R();
       },
       {
         deep: !0
       }
-    ), d(
-      () => h(e.value.hemisphericLight),
+    ), c(
+      () => d(e.value.hemisphericLight),
       (i, r) => {
-        f(i, r) || G();
+        h(i, r) || G();
       },
       {
         deep: !0
       }
-    ), d(
-      () => h(e.value.ground),
+    ), c(
+      () => d(e.value.ground),
       (i, r) => {
-        f(i, r) || O();
+        h(i, r) || O();
       },
       {
         deep: !0
       }
-    ), d(
-      () => h(e.value.skybox),
+    ), c(
+      () => d(e.value.skybox),
       (i, r) => {
-        f(i, r) || M();
+        h(i, r) || M();
       },
       {
         deep: !0
       }
-    ), d(
-      () => h(e.value.meshes),
+    ), c(
+      () => d(e.value.meshes),
       (i, r) => {
-        !f(i, r) && l && i.url === r.url && S();
+        !h(i, r) && l && i.url === r.url && S();
       },
       {
         deep: !0
       }
-    ), d(
-      () => h(e.value.meshes.url),
+    ), c(
+      () => d(e.value.meshes.url),
       (i, r) => {
-        f(i, r) || (o.meshes.forEach((m, c) => {
-          c > 1 && m.dispose();
+        h(i, r) || (o.meshes.forEach((m, f) => {
+          f > 1 && m.dispose();
         }), l = null, S());
       },
       {
         deep: !0
       }
-    ), d(
-      () => h(e.value.pipelineOption),
+    ), c(
+      () => d(e.value.pipelineOption),
+      (i, r) => {
+        h(i, r) || V();
+      },
+      {
+        deep: !0
+      }
+    ), c(
+      () => d(e.value.animation),
       (i, r) => {
-        f(i, r) || V();
+        h(i, r) || k();
       },
       {
         deep: !0
       }
-    ), (i, r) => (_(), Y("canvas", {
+    ), (i, r) => (j(), _("canvas", {
       ref_key: "canvasRef",
-      ref: A,
+      ref: C,
       class: "babylon-canvas"
     }, null, 512));
   }
 });
 export {
-  Xt as default
+  Qt as default
 };

package/es/components/Scene/components/Amap2d/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-56e45189"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fc5fed6a"]]);
 export {
-  p as default
+  c as default
 };