@shjjs/visual-ui 1.0.0 → 1.0.2

package/es/components/commons-product-model/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-4eda2982"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f281f247"]]);
 export {
-  p as default
+  m as default
 };

package/es/components/commons-product-model/index.vue2.mjs

@@ -7,8 +7,8 @@ import { cloneDeep as f, isEqual as m } from "lodash";
 import { useResizeObserver as j } from "@vueuse/core";
 import { Engine as Q, Scene as X, Color4 as S, Color3 as b, DefaultRenderingPipeline as Z, DepthOfFieldEffectBlurLevel as C, Vector3 as v, DirectionalLight as $, ShadowGenerator as O, Tools as z, SceneLoader as ee } from "@babylonjs/core";
 import { hex2Color4 as T, hex2Color3 as w } from "../../utils/babylon/ColorConvert.mjs";
-const te = { class: "zerov-widget" }, ie = k({ name: "zv-commons-product-model" }), he = /* @__PURE__ */ k({
-  ...ie,
+const ie = { class: "zerov-widget" }, te = k({ name: "zv-commons-product-model" }), he = /* @__PURE__ */ k({
+  ...te,
   props: {
     basicOption: {},
     basicEvents: {},
@@ -19,7 +19,7 @@ const te = { class: "zerov-widget" }, ie = k({ name: "zv-commons-product-model"
     "on-play-animation"
   ],
   setup(h, { expose: l, emit: g }) {
-    const x = g, o = h, I = (t, s) => {
+    const x = g, o = h, I = (i, s) => {
       const u = L(), y = L(), P = L(!0);
       class H {
         // eslint-disable-next-line no-useless-constructor
@@ -36,7 +36,7 @@ const te = { class: "zerov-widget" }, ie = k({ name: "zv-commons-product-model"
         }
       }
       class B {
-        constructor(e, i, n) {
+        constructor(e, t, n) {
           d(this, "scene");
           d(this, "engine");
           // 默认环境
@@ -46,7 +46,7 @@ const te = { class: "zerov-widget" }, ie = k({ name: "zv-commons-product-model"
           d(this, "shadowGenerator");
           // 默认后期
           d(this, "defaultPipeline");
-          this.canvas = e, this.option = i, this.events = n;
+          this.canvas = e, this.option = t, this.events = n;
           try {
             this.engine = new Q(this.canvas, !0, {}, !1), this.engine.loadingScreen = new H(""), window.addEventListener("resize", () => {
               this.engine.resize();
@@ -79,8 +79,8 @@ const te = { class: "zerov-widget" }, ie = k({ name: "zv-commons-product-model"
             this.shadowsLight && (this.shadowsLight.dispose(), this.shadowsLight = null);
         }
         updateCamera(e) {
-          const i = this.scene.activeCamera;
-          i && (e.radius && (i.radius = e.radius), i.beta = z.ToRadians(e.beta), i.alpha = z.ToRadians(e.alpha), i.useAutoRotationBehavior = e.autoRotation, i.wheelDeltaPercentage = e.wheelDeltaPercentage || 0.01, i.lowerRadiusLimit = e.lowerRadiusLimit, i.upperRadiusLimit = e.upperRadiusLimit, i.lowerBetaLimit = 0, i.upperBetaLimit = Math.PI / 2.1);
+          const t = this.scene.activeCamera;
+          t && (e.radius && (t.radius = e.radius), t.beta = z.ToRadians(e.beta), t.alpha = z.ToRadians(e.alpha), t.useAutoRotationBehavior = e.autoRotation, t.wheelDeltaPercentage = e.wheelDeltaPercentage || 0.01, t.panningSensibility = 1 / (e.panningSensibility || 0.01), t.lowerRadiusLimit = e.lowerRadiusLimit, t.upperRadiusLimit = e.upperRadiusLimit, t.lowerBetaLimit = 0, t.upperBetaLimit = Math.PI / 2.1);
         }
         updateDefaultEnvironment(e) {
           this.environmentHelper && this.environmentHelper.dispose(), this.environmentHelper = this.scene.createDefaultEnvironment({
@@ -127,10 +127,10 @@ const te = { class: "zerov-widget" }, ie = k({ name: "zv-commons-product-model"
           }), this.environmentHelper.ground && (this.environmentHelper.ground.position.y += 0.01);
         }
         updateMeshs(e) {
-          e.meshes.forEach((i) => setTimeout(() => i.dispose())), ee.ImportMeshAsync("", this.option.meshs.url, "", e, (i) => {
-            y.value = (i.loaded / i.total * 100).toFixed(2);
-          }).then((i) => {
-            const n = i.meshes;
+          e.meshes.forEach((t) => setTimeout(() => t.dispose())), ee.ImportMeshAsync("", this.option.meshs.url, "", e, (t) => {
+            y.value = (t.loaded / t.total * 100).toFixed(2);
+          }).then((t) => {
+            const n = t.meshes;
             if (this.option.animationGroups = e.animationGroups.map((r) => ({
               uniqueId: r.uniqueId,
               name: r.name
@@ -158,20 +158,20 @@ const te = { class: "zerov-widget" }, ie = k({ name: "zv-commons-product-model"
         dispose() {
           this.scene && this.engine && (this.scene.dispose(), this.engine.dispose());
         }
-        playAnimation(e, i = {
+        playAnimation(e, t = {
           loop: !1,
           speedRatio: 1
         }) {
           if (this.scene) {
             this.scene.stopAllAnimations();
             const n = this.scene.getAnimationGroupByName(e);
-            n && (x("on-play-animation"), window.SHJParseEvent(o.useEvents, "on-play-animation"), n.start(i.loop, i.speedRatio, n.from, n.to, !1));
+            n && (x("on-play-animation"), window.SHJParseEvent(o.useEvents, "on-play-animation"), n.start(t.loop, t.speedRatio, n.from, n.to, !1));
           }
         }
       }
       const p = L();
       return J(() => {
-        t.meshs && (p.value = new B(u.value, t, s).run(), j(u.value, (D) => {
+        i.meshs && (p.value = new B(u.value, i, s).run(), j(u.value, (D) => {
           p.value && p.value.engine.resize();
         }));
       }), Y(() => {
@@ -185,42 +185,42 @@ const te = { class: "zerov-widget" }, ie = k({ name: "zv-commons-product-model"
       };
     }, { canvasRef: E, babylon: a, Babylon: M, babylonLoadingStatus: R, babylonLoadingTitle: _ } = I(o.basicOption, o.basicEvents);
     return l({
-      playAnimation: (t, s) => {
-        const u = t[0].value, y = {
-          loop: t[1].keys[0].defaultValue,
-          speedRatio: t[1].keys[1].defaultValue
+      playAnimation: (i, s) => {
+        const u = i[0].value, y = {
+          loop: i[1].keys[0].defaultValue,
+          speedRatio: i[1].keys[1].defaultValue
         };
         a.value.playAnimation(u, y);
       }
-    }), c(() => f(o.basicOption.environment), (t, s) => {
-      !m(t, s) && a.value && a.value.updateDefaultEnvironment(t);
+    }), c(() => f(o.basicOption.environment), (i, s) => {
+      !m(i, s) && a.value && a.value.updateDefaultEnvironment(i);
     }, {
       deep: !0
-    }), c(() => f(o.basicOption.shadow), (t, s) => {
-      !m(t, s) && a.value && a.value.updateShadowsLight(t);
+    }), c(() => f(o.basicOption.shadow), (i, s) => {
+      !m(i, s) && a.value && a.value.updateShadowsLight(i);
     }, {
       deep: !0
-    }), c(() => f(o.basicOption.camera), (t, s) => {
-      !m(t, s) && a.value && a.value.updateCamera(t);
+    }), c(() => f(o.basicOption.camera), (i, s) => {
+      !m(i, s) && a.value && a.value.updateCamera(i);
     }, {
       deep: !0
-    }), c(() => f(o.basicOption.meshs), (t, s) => {
-      !m(t, s) && a.value && (a.value.dispose(), a.value = new M(E.value, o.basicOption, o.basicEvents).run());
+    }), c(() => f(o.basicOption.meshs), (i, s) => {
+      !m(i, s) && a.value && (a.value.dispose(), a.value = new M(E.value, o.basicOption, o.basicEvents).run());
     }, {
       deep: !0
-    }), c(() => f(o.basicOption.defaultAnimation), (t, s) => {
-      !m(t, s) && a.value && (a.value.dispose(), a.value = new M(E.value, o.basicOption, o.basicEvents).run());
+    }), c(() => f(o.basicOption.defaultAnimation), (i, s) => {
+      !m(i, s) && a.value && (a.value.dispose(), a.value = new M(E.value, o.basicOption, o.basicEvents).run());
     }, {
       deep: !0
-    }), c(() => f(o.basicOption.scene), (t, s) => {
-      !m(t, s) && a.value && a.value.updateScene(t);
+    }), c(() => f(o.basicOption.scene), (i, s) => {
+      !m(i, s) && a.value && a.value.updateScene(i);
     }, {
       deep: !0
-    }), c(() => f(o.basicOption.pipelineOption), (t, s) => {
-      !m(t, s) && a.value && a.value.updateScenePipeline(t);
+    }), c(() => f(o.basicOption.pipelineOption), (i, s) => {
+      !m(i, s) && a.value && a.value.updateScenePipeline(i);
     }, {
       deep: !0
-    }), (t, s) => (F(), G("div", te, [
+    }), (i, s) => (F(), G("div", ie, [
       V("canvas", {
         ref_key: "canvasRef",
         ref: E,

package/es/components/commons-three-loader3/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 c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1bbc8faf"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fb57aa49"]]);
 export {
-  c as default
+  m as default
 };

package/es/components/commons-three-loader3/index.vue2.mjs

@@ -16,8 +16,8 @@ const X = { class: "zerov-widget" }, j = z({ name: "zv-commons-three-loader3" })
   ],
   setup(V, { expose: P, emit: _ }) {
     const e = V, E = _;
-    let v, o, s, p, f, l, L, O, d, g, r, n;
-    const B = () => {
+    let v, o, s, p, f, l, L, O, d, g, r, a;
+    const S = () => {
       s || (s = new t.ArcRotateCamera(
         "Camera",
         e.basicOption.camera.alpha,
@@ -33,8 +33,8 @@ const X = { class: "zerov-widget" }, j = z({ name: "zv-commons-three-loader3" })
         e.basicOption.camera.target[0],
         e.basicOption.camera.target[1],
         e.basicOption.camera.target[2]
-      ), s.lowerRadiusLimit = e.basicOption.camera.lowerRadiusLimit, s.upperRadiusLimit = e.basicOption.camera.upperRadiusLimit, s.lowerBetaLimit = t.Tools.ToRadians(e.basicOption.camera.lowerBetaLimit), s.upperBetaLimit = t.Tools.ToRadians(e.basicOption.camera.upperBetaLimit), s.useBouncingBehavior = e.basicOption.camera.useBouncingBehavior, s.wheelDeltaPercentage = e.basicOption.camera.wheelDeltaPercentage || 0.01, s.useAutoRotationBehavior = e.basicOption.camera.autoRotation, s.attachControl(y.value, !0);
-    }, S = () => {
+      ), s.lowerRadiusLimit = e.basicOption.camera.lowerRadiusLimit, s.upperRadiusLimit = e.basicOption.camera.upperRadiusLimit, s.lowerBetaLimit = t.Tools.ToRadians(e.basicOption.camera.lowerBetaLimit), s.upperBetaLimit = t.Tools.ToRadians(e.basicOption.camera.upperBetaLimit), s.useBouncingBehavior = e.basicOption.camera.useBouncingBehavior, s.wheelDeltaPercentage = e.basicOption.camera.wheelDeltaPercentage || 0.01, s.useAutoRotationBehavior = e.basicOption.camera.autoRotation, s.panningSensibility = 1 / (e.basicOption.camera.panningSensibility || 0.01), s.attachControl(T.value, !0);
+    }, B = () => {
       o || (o = new t.Scene(v)), o.environmentTexture = t.CubeTexture.CreateFromPrefilteredData(e.basicOption.scene.environmentTexture, o), o.environmentIntensity = e.basicOption.scene.environmentIntensity, e.basicOption.scene.colorShow ? o.clearColor = U(e.basicOption.scene.color, new t.Color4(1, 1, 1, 1)) : o.clearColor = new t.Color4(0, 0, 0, 0), o.fogEnabled = e.basicOption.scene.fogEnabled, o.fogMode = e.basicOption.scene.fogMode || 1, o.fogColor = A(e.basicOption.scene.fogColor, new t.Color3(1, 1, 1)), o.fogEnd = e.basicOption.scene.fogEnd || 2e3, o.fogStart = e.basicOption.scene.fogStart || 1, o.fogDensity = e.basicOption.scene.fogDensity * 1e-4;
     }, R = () => {
       if (p || (p = new t.DirectionalLight("dirLight", new t.Vector3(
@@ -50,11 +50,11 @@ const X = { class: "zerov-widget" }, j = z({ name: "zv-commons-three-loader3" })
         e.basicOption.directionalLight.position[1],
         e.basicOption.directionalLight.position[2]
       ), p.diffuse = A(e.basicOption.directionalLight.diffuse, new t.Color3(1, 1, 1)), p.intensity = e.basicOption.directionalLight.intensity, p.shadowMinZ = e.basicOption.directionalLight.shadowMinZ, p.shadowMaxZ = e.basicOption.directionalLight.shadowMaxZ, p.autoCalcShadowZBounds = e.basicOption.directionalLight.autoCalcShadowZBounds, e.basicOption.directionalLight.shadowGenerator.enable) {
-        const { mapSize: i, transparencyShadow: a, usePercentageCloserFiltering: c, bias: h } = e.basicOption.directionalLight.shadowGenerator;
+        const { mapSize: i, transparencyShadow: n, usePercentageCloserFiltering: c, bias: h } = e.basicOption.directionalLight.shadowGenerator;
         if (!l && (l = new t.ShadowGenerator(i, p), r))
           for (let w = 0; w < r.length; w++)
             e.basicOption.meshes.isCasterShadow && l && l.addShadowCaster(r[w], !0);
-        l.mapSize = i, l.transparencyShadow = a, l.usePercentageCloserFiltering = c, l.bias = h;
+        l.mapSize = i, l.transparencyShadow = n, l.usePercentageCloserFiltering = c, l.bias = h;
       } else
         l && (l.dispose(), l = null);
       e.basicOption.directionalLight.lightGizmo && e.basicOption.directionalLight.lightGizmo.enable ? (f || (f = new t.LightGizmo(), f.light = p), f.scaleRatio = e.basicOption.directionalLight.lightGizmo.scaleRatio) : f && (f.dispose(), f = null);
@@ -70,8 +70,8 @@ const X = { class: "zerov-widget" }, j = z({ name: "zv-commons-three-loader3" })
       ), L.intensity = e.basicOption.hemisphericLight.intensity, L.diffuse = A(e.basicOption.hemisphericLight.diffuse, new t.Color3(1, 1, 1)), e.basicOption.hemisphericLight.lightGizmo && e.basicOption.hemisphericLight.lightGizmo.enable ? (O || (O = new t.LightGizmo(), O.light = L), O.scaleRatio = e.basicOption.hemisphericLight.lightGizmo.scaleRatio) : O && (O.dispose(), O = null);
     }, G = () => {
       if (e.basicOption.ground.enable) {
-        const { width: i, height: a, position: c, rotation: h, scaling: w, material: C, receiveShadows: Z } = e.basicOption.ground;
-        d || (d = t.MeshBuilder.CreateGround("ground", { width: i, height: a }, o)), d.position = new t.Vector3(
+        const { width: i, height: n, position: c, rotation: h, scaling: w, material: C, receiveShadows: Z } = e.basicOption.ground;
+        d || (d = t.MeshBuilder.CreateGround("ground", { width: i, height: n }, o)), d.position = new t.Vector3(
           c[0],
           c[1],
           c[2]
@@ -92,20 +92,20 @@ const X = { class: "zerov-widget" }, j = z({ name: "zv-commons-three-loader3" })
       if (e.basicOption.skybox.enable) {
         const { size: i } = e.basicOption.skybox;
         g || (g = t.MeshBuilder.CreateBox("skyBox", { size: i }, o));
-        const a = new t.StandardMaterial("skyBox", o);
-        a.backFaceCulling = !1, a.reflectionTexture = t.CubeTexture.CreateFromPrefilteredData(e.basicOption.scene.environmentTexture, o), a.reflectionTexture.coordinatesMode = t.Texture.SKYBOX_MODE, a.diffuseColor = new t.Color3(1, 1, 1), a.specularColor = new t.Color3(1, 1, 1), a.disableLighting = !0, g.material = a, g.isPickable = !1;
+        const n = new t.StandardMaterial("skyBox", o);
+        n.backFaceCulling = !1, n.reflectionTexture = t.CubeTexture.CreateFromPrefilteredData(e.basicOption.scene.environmentTexture, o), n.reflectionTexture.coordinatesMode = t.Texture.SKYBOX_MODE, n.diffuseColor = new t.Color3(1, 1, 1), n.specularColor = new t.Color3(1, 1, 1), n.disableLighting = !0, g.material = n, g.isPickable = !1;
       } else
         g && (g.dispose(), g = null);
-    }, D = (i, a = {
+    }, D = (i, n = {
       loop: !1,
       speedRatio: 1
     }) => {
       if (o) {
         o.stopAllAnimations();
         const c = o.getAnimationGroupByName(i);
-        c && (E("on-play-animation"), window.SHJParseEvent(e.useEvents, "on-play-animation"), c.start(a.loop, a.speedRatio, c.from, c.to, !1));
+        c && (E("on-play-animation"), window.SHJParseEvent(e.useEvents, "on-play-animation"), c.start(n.loop, n.speedRatio, c.from, c.to, !1));
       }
-    }, T = async () => {
+    }, y = async () => {
       r || (r = (await t.SceneLoader.ImportMeshAsync("", e.basicOption.meshes.url, "", o)).meshes), r[0].position = new t.Vector3(
         e.basicOption.meshes.position[0],
         e.basicOption.meshes.position[1],
@@ -127,71 +127,71 @@ const X = { class: "zerov-widget" }, j = z({ name: "zv-commons-three-loader3" })
       }) : o.animationGroups && o.animationGroups[0] && o.animationGroups[0].stop();
     }, k = () => {
       const i = e.basicOption.pipelineOption;
-      i && i.enabled ? (n || (n = new t.DefaultRenderingPipeline(
+      i && i.enabled ? (a || (a = new t.DefaultRenderingPipeline(
         "defaultPipeline",
         !0,
         o,
         [s]
-      )), n.samples = i.samples ? 4 : 1, n.fxaaEnabled = i.fxaaEnabled, n.grainEnabled = i.grainEnabled, n.grain.intensity = i.grainIntensity, n.grain.animated = i.grainAnimated, n.bloomEnabled = i.bloomEnabled, n.bloomThreshold = i.bloomThreshold, n.bloomWeight = i.bloomWeight, n.bloomKernel = i.bloomKernel, n.bloomScale = i.bloomScale, n.depthOfFieldEnabled = i.depthOfFieldEnabled, i.depthOfFieldBlurLevel < 1 ? n.depthOfFieldBlurLevel = t.DepthOfFieldEffectBlurLevel.Low : i.depthOfFieldBlurLevel < 2 ? n.depthOfFieldBlurLevel = t.DepthOfFieldEffectBlurLevel.Medium : i.depthOfFieldBlurLevel < 3 && (n.depthOfFieldBlurLevel = t.DepthOfFieldEffectBlurLevel.High), n.depthOfField.focusDistance = i.depthOfFieldFocusDistance, n.depthOfField.fStop = i.depthOfFieldFStop, n.depthOfField.focalLength = i.depthOfFieldFocalLength, n.chromaticAberrationEnabled = i.chromaticAberrationEnabled, n.chromaticAberration.aberrationAmount = i.chromaticAberrationAberrationAmount, n.chromaticAberration.radialIntensity = i.chromaticAberrationRadialIntensity, i.chromaticAberrationDirection === 0 ? (n.chromaticAberration.direction.x = 0, n.chromaticAberration.direction.y = 0) : (n.chromaticAberration.direction.x = Math.sin(i.chromaticAberrationDirection), n.chromaticAberration.direction.y = Math.cos(i.chromaticAberrationDirection)), n.sharpenEnabled = i.sharpenEnabled, n.sharpen.edgeAmount = i.sharpenEdgeAmount, n.sharpen.colorAmount = i.sharpenColorAmount) : n && (n.dispose(), n = null);
+      )), a.samples = i.samples ? 4 : 1, a.fxaaEnabled = i.fxaaEnabled, a.grainEnabled = i.grainEnabled, a.grain.intensity = i.grainIntensity, a.grain.animated = i.grainAnimated, a.bloomEnabled = i.bloomEnabled, a.bloomThreshold = i.bloomThreshold, a.bloomWeight = i.bloomWeight, a.bloomKernel = i.bloomKernel, a.bloomScale = i.bloomScale, a.depthOfFieldEnabled = i.depthOfFieldEnabled, i.depthOfFieldBlurLevel < 1 ? a.depthOfFieldBlurLevel = t.DepthOfFieldEffectBlurLevel.Low : i.depthOfFieldBlurLevel < 2 ? a.depthOfFieldBlurLevel = t.DepthOfFieldEffectBlurLevel.Medium : i.depthOfFieldBlurLevel < 3 && (a.depthOfFieldBlurLevel = t.DepthOfFieldEffectBlurLevel.High), a.depthOfField.focusDistance = i.depthOfFieldFocusDistance, a.depthOfField.fStop = i.depthOfFieldFStop, a.depthOfField.focalLength = i.depthOfFieldFocalLength, a.chromaticAberrationEnabled = i.chromaticAberrationEnabled, a.chromaticAberration.aberrationAmount = i.chromaticAberrationAberrationAmount, a.chromaticAberration.radialIntensity = i.chromaticAberrationRadialIntensity, i.chromaticAberrationDirection === 0 ? (a.chromaticAberration.direction.x = 0, a.chromaticAberration.direction.y = 0) : (a.chromaticAberration.direction.x = Math.sin(i.chromaticAberrationDirection), 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(i) {
-      S(), B(), F(), R(), G(), M(), T(), k(), E("on-load-success"), window.SHJParseEvent(e.useEvents, "on-load-success");
-    }, y = H();
+      B(), S(), F(), R(), G(), M(), y(), k(), E("on-load-success"), window.SHJParseEvent(e.useEvents, "on-load-success");
+    }, T = H();
     return q(() => {
-      v = new t.Engine(y.value, !0), v && e.basicOption.meshes.url && (I(), v.runRenderLoop(function() {
+      v = new t.Engine(T.value, !0), v && e.basicOption.meshes.url && (I(), v.runRenderLoop(function() {
         o && o.render();
       }));
     }), K(() => {
       o.dispose(), v.dispose();
     }), P({
-      playAnimation: (i, a) => {
+      playAnimation: (i, n) => {
         const c = i[0].value, h = {
           loop: i[1].keys[0].defaultValue,
           speedRatio: i[1].keys[1].defaultValue
         };
         D(c, h);
       }
-    }), m(() => b(e.basicOption.camera), (i, a) => {
-      !u(i, a) && s && B();
+    }), m(() => b(e.basicOption.camera), (i, n) => {
+      !u(i, n) && s && S();
     }, {
       deep: !0
-    }), m(() => b(e.basicOption.scene), (i, a) => {
-      !u(i, a) && o && S();
+    }), m(() => b(e.basicOption.scene), (i, n) => {
+      !u(i, n) && o && B();
     }, {
       deep: !0
-    }), m(() => b(e.basicOption.directionalLight), (i, a) => {
-      u(i, a) || R();
+    }), m(() => b(e.basicOption.directionalLight), (i, n) => {
+      u(i, n) || R();
     }, {
       deep: !0
-    }), m(() => b(e.basicOption.hemisphericLight), (i, a) => {
-      u(i, a) || F();
+    }), m(() => b(e.basicOption.hemisphericLight), (i, n) => {
+      u(i, n) || F();
     }, {
       deep: !0
-    }), m(() => b(e.basicOption.ground), (i, a) => {
-      u(i, a) || G();
+    }), m(() => b(e.basicOption.ground), (i, n) => {
+      u(i, n) || G();
     }, {
       deep: !0
-    }), m(() => b(e.basicOption.skybox), (i, a) => {
-      u(i, a) || M();
+    }), m(() => b(e.basicOption.skybox), (i, n) => {
+      u(i, n) || M();
     }, {
       deep: !0
-    }), m(() => b(e.basicOption.meshes), (i, a) => {
-      !u(i, a) && r && i.url === a.url && T();
+    }), m(() => b(e.basicOption.meshes), (i, n) => {
+      !u(i, n) && r && i.url === n.url && y();
     }, {
       deep: !0
-    }), m(() => b(e.basicOption.meshes.url), (i, a) => {
-      u(i, a) || (o.meshes.forEach((c, h) => {
+    }), m(() => b(e.basicOption.meshes.url), (i, n) => {
+      u(i, n) || (o.meshes.forEach((c, h) => {
         h > 1 && c.dispose();
-      }), r = null, T());
+      }), r = null, y());
     }, {
       deep: !0
-    }), m(() => b(e.basicOption.pipelineOption), (i, a) => {
-      u(i, a) || k();
+    }), m(() => b(e.basicOption.pipelineOption), (i, n) => {
+      u(i, n) || k();
     }, {
       deep: !0
-    }), (i, a) => (N(), J("div", X, [
+    }), (i, n) => (N(), J("div", X, [
       W("canvas", {
         ref_key: "canvasRef",
-        ref: y,
+        ref: T,
         class: Y(["widget", { show: !0 }])
       }, null, 512)
     ]));

package/es/components/index.d.ts

@@ -113,3 +113,8 @@ export * from './graphical-right-triangle';
 export * from './scene-map3d';
 export * from './scene-amap2d';
 export * from './scene-amap3d';
+export * from './scene-vr';
+export * from './scene-unity-iframe';
+export * from './scene-unity-webgl';
+export * from './scene-ue-iframe';
+export * from './scene-ue-shj';

package/es/components/index.mjs

@@ -7,21 +7,21 @@ import { ZvChartBarLineBar as h } from "./chart-bar-line-bar/index.mjs";
 import { ZvChartBarStack2 as C } from "./chart-bar-stack2/index.mjs";
 import { ZvChartBarStackLine as l } from "./chart-bar-stack-line/index.mjs";
 import { ZvChartBarGradientColumnChart as d } from "./chart-bar-gradient-column-chart/index.mjs";
-import { ZvChartBarSpire as M } from "./chart-bar-spire/index.mjs";
-import { ZvChartPieBasic as T } from "./chart-pie-basic/index.mjs";
+import { ZvChartBarSpire as S } from "./chart-bar-spire/index.mjs";
+import { ZvChartPieBasic as u } from "./chart-pie-basic/index.mjs";
 import { ZvChartLineSmooth as I } from "./chart-line-smooth/index.mjs";
 import { ZvChartLineSmoothArea as O } from "./chart-line-smooth-area/index.mjs";
 import { ZvChartScatterBasic as G } from "./chart-scatter-basic/index.mjs";
 import { ZvTextTextBasic as R } from "./text-text-basic/index.mjs";
-import { ZvTextTableBasic as D } from "./text-table-basic/index.mjs";
-import { ZvChartOtherGauge as y } from "./chart-other-gauge/index.mjs";
-import { ZvChartOtherWordCloud as V } from "./chart-other-word-cloud/index.mjs";
+import { ZvTextTableBasic as y } from "./text-table-basic/index.mjs";
+import { ZvChartOtherGauge as k } from "./chart-other-gauge/index.mjs";
+import { ZvChartOtherWordCloud as E } from "./chart-other-word-cloud/index.mjs";
 import { ZvChartOtherLiquidfill as F } from "./chart-other-liquidfill/index.mjs";
 import { ZvChartBarHorizontal as H } from "./chart-bar-horizontal/index.mjs";
-import { ZvChartBarThree as z } from "./chart-bar-three/index.mjs";
-import { ZvChartBarRank as N } from "./chart-bar-rank/index.mjs";
-import { ZvChartBarMini as j } from "./chart-bar-mini/index.mjs";
-import { ZvChartLineDashed as K } from "./chart-line-dashed/index.mjs";
+import { ZvChartBarThree as W } from "./chart-bar-three/index.mjs";
+import { ZvChartBarRank as j } from "./chart-bar-rank/index.mjs";
+import { ZvChartBarMini as N } from "./chart-bar-mini/index.mjs";
+import { ZvChartLineDashed as J } from "./chart-line-dashed/index.mjs";
 import { ZvChartPieSemicircle as X } from "./chart-pie-semicircle/index.mjs";
 import { ZvChartPieRose as _ } from "./chart-pie-rose/index.mjs";
 import { ZvChartScatterBasic2 as rr } from "./chart-scatter-basic2/index.mjs";
@@ -34,21 +34,21 @@ import { ZvChartMapLines as hr } from "./chart-map-lines/index.mjs";
 import { ZvChartMapBasic as Cr } from "./chart-map-basic/index.mjs";
 import { ZvChartMapScatter as lr } from "./chart-map-scatter/index.mjs";
 import { ZvChartMapCustomize as dr } from "./chart-map-customize/index.mjs";
-import { ZvChartMapBmapRich as Mr } from "./chart-map-bmap-rich/index.mjs";
-import { ZvChartOtherCircularGraph as Tr } from "./chart-other-circular-graph/index.mjs";
+import { ZvChartMapBmapRich as Sr } from "./chart-map-bmap-rich/index.mjs";
+import { ZvChartOtherCircularGraph as ur } from "./chart-other-circular-graph/index.mjs";
 import { ZvChartMapBmapHeatmap as Ir } from "./chart-map-bmap-heatmap/index.mjs";
 import { ZvChartMapBmapBasic as Or } from "./chart-map-bmap-basic/index.mjs";
 import { ZvMapEarthBasic as Gr } from "./map-earth-basic/index.mjs";
 import { ZvMapEarthCoolTech as Rr } from "./map-earth-cool-tech/index.mjs";
-import { ZvMapEarthParticle as Dr } from "./map-earth-particle/index.mjs";
-import { ZvMapEarthHacker as yr } from "./map-earth-hacker/index.mjs";
-import { ZvMapEarthFlyLine as Vr } from "./map-earth-fly-line/index.mjs";
+import { ZvMapEarthParticle as yr } from "./map-earth-particle/index.mjs";
+import { ZvMapEarthHacker as kr } from "./map-earth-hacker/index.mjs";
+import { ZvMapEarthFlyLine as Er } from "./map-earth-fly-line/index.mjs";
 import { ZvChartPieIndex as Fr } from "./chart-pie-index/index.mjs";
 import { ZvChartOtherGridPercentage as Hr } from "./chart-other-grid-percentage/index.mjs";
-import { ZvChartOtherRadarStack as zr } from "./chart-other-radar-stack/index.mjs";
-import { ZvChartBarSegmentedProgress as Nr } from "./chart-bar-segmented-progress/index.mjs";
-import { ZvChartOtherFunnel2 as jr } from "./chart-other-funnel2/index.mjs";
-import { ZvChartOtherLabelGauge as Kr } from "./chart-other-label-gauge/index.mjs";
+import { ZvChartOtherRadarStack as Wr } from "./chart-other-radar-stack/index.mjs";
+import { ZvChartBarSegmentedProgress as jr } from "./chart-bar-segmented-progress/index.mjs";
+import { ZvChartOtherFunnel2 as Nr } from "./chart-other-funnel2/index.mjs";
+import { ZvChartOtherLabelGauge as Jr } from "./chart-other-label-gauge/index.mjs";
 import { ZvChartPieRound as Xr } from "./chart-pie-round/index.mjs";
 import { ZvChartPieSunburst as _r } from "./chart-pie-sunburst/index.mjs";
 import { ZvChartOtherThemeRiver as ro } from "./chart-other-theme-river/index.mjs";
@@ -61,21 +61,21 @@ import { ZvCommonsThreeLoader as ho } from "./commons-three-loader/index.mjs";
 import { ZvCommonsThreeLoader3 as Co } from "./commons-three-loader3/index.mjs";
 import { ZvCommonsGaussianSplattingView as lo } from "./commons-gaussian-splatting-view/index.mjs";
 import { ZvCommonsBabylon as Bo } from "./commons-babylon/index.mjs";
-import { ZvCommonsSvg as uo } from "./commons-svg/index.mjs";
-import { ZvCommonsWeather as So } from "./commons-weather/index.mjs";
+import { ZvCommonsSvg as Mo } from "./commons-svg/index.mjs";
+import { ZvCommonsWeather as To } from "./commons-weather/index.mjs";
 import { ZvMediaWavesurfer as go } from "./media-wavesurfer/index.mjs";
 import { ZvInteractionTabs as Lo } from "./interaction-tabs/index.mjs";
 import { ZvInteractionTabs2 as Po } from "./interaction-tabs2/index.mjs";
 import { ZvInteractionButton as bo } from "./interaction-button/index.mjs";
-import { ZvInteractionButtonImage as ko } from "./interaction-button-image/index.mjs";
-import { ZvInteractionSelect as Eo } from "./interaction-select/index.mjs";
+import { ZvInteractionButtonImage as Do } from "./interaction-button-image/index.mjs";
+import { ZvInteractionSelect as Vo } from "./interaction-select/index.mjs";
 import { ZvInteractionInput as Ao } from "./interaction-input/index.mjs";
 import { ZvInteractionRadio as wo } from "./interaction-radio/index.mjs";
-import { ZvInteractionSlider as Wo } from "./interaction-slider/index.mjs";
-import { ZvInteractionSwitch as qo } from "./interaction-switch/index.mjs";
-import { ZvInteractionDataPicker as Qo } from "./interaction-data-picker/index.mjs";
-import { ZvInteractionButtonRefresh as Jo } from "./interaction-button-refresh/index.mjs";
-import { ZvMediaImage as Uo } from "./media-image/index.mjs";
+import { ZvInteractionSlider as Uo } from "./interaction-slider/index.mjs";
+import { ZvInteractionSwitch as zo } from "./interaction-switch/index.mjs";
+import { ZvInteractionDataPicker as qo } from "./interaction-data-picker/index.mjs";
+import { ZvInteractionButtonRefresh as Qo } from "./interaction-button-refresh/index.mjs";
+import { ZvMediaImage as Ko } from "./media-image/index.mjs";
 import { ZvTextTitle as Yo } from "./text-title/index.mjs";
 import { ZvCommonsQrcode as $o } from "./commons-qrcode/index.mjs";
 import { ZvMediaVideo as oe } from "./media-video/index.mjs";
@@ -88,25 +88,30 @@ import { ZvMediaIframe as ne } from "./media-iframe/index.mjs";
 import { ZvMediaM3u8 as ce } from "./media-m3u8/index.mjs";
 import { ZvMediaAudioDynamic as se } from "./media-audio-dynamic/index.mjs";
 import { ZvMediaVideoDynamic as Be } from "./media-video-dynamic/index.mjs";
-import { ZvMediaImageDynamic as ue } from "./media-image-dynamic/index.mjs";
-import { ZvMediaFlv as Se } from "./media-flv/index.mjs";
+import { ZvMediaImageDynamic as Me } from "./media-image-dynamic/index.mjs";
+import { ZvMediaFlv as Te } from "./media-flv/index.mjs";
 import { ZvCommonsEcharts as ge } from "./commons-echarts/index.mjs";
 import { ZvTextOverNumber as Le } from "./text-over-number/index.mjs";
 import { ZvTextTableScroll as Pe } from "./text-table-scroll/index.mjs";
 import { ZvTextCarousel as be } from "./text-carousel/index.mjs";
-import { ZvTextRowScroll as ke } from "./text-row-scroll/index.mjs";
-import { ZvTextTextDynamic as Ee } from "./text-text-dynamic/index.mjs";
+import { ZvTextRowScroll as De } from "./text-row-scroll/index.mjs";
+import { ZvTextTextDynamic as Ve } from "./text-text-dynamic/index.mjs";
 import { ZvTextCountDown as Ae } from "./text-count-down/index.mjs";
 import { ZvGraphicalCircle as we } from "./graphical-circle/index.mjs";
-import { ZvGraphicalDiamond as We } from "./graphical-diamond/index.mjs";
-import { ZvGraphicalHexagon as qe } from "./graphical-hexagon/index.mjs";
-import { ZvGraphicalIsoscelesTriangle as Qe } from "./graphical-isosceles-triangle/index.mjs";
-import { ZvGraphicalPentagon as Je } from "./graphical-pentagon/index.mjs";
-import { ZvGraphicalRect as Ue } from "./graphical-rect/index.mjs";
+import { ZvGraphicalDiamond as Ue } from "./graphical-diamond/index.mjs";
+import { ZvGraphicalHexagon as ze } from "./graphical-hexagon/index.mjs";
+import { ZvGraphicalIsoscelesTriangle as qe } from "./graphical-isosceles-triangle/index.mjs";
+import { ZvGraphicalPentagon as Qe } from "./graphical-pentagon/index.mjs";
+import { ZvGraphicalRect as Ke } from "./graphical-rect/index.mjs";
 import { ZvGraphicalRightTriangle as Ye } from "./graphical-right-triangle/index.mjs";
 import { ZvSceneMap3d as $e } from "./scene-map3d/index.mjs";
 import { ZvSceneAmap2d as ot } from "./scene-amap2d/index.mjs";
 import { ZvSceneAmap3d as tt } from "./scene-amap3d/index.mjs";
+import { ZvSceneVr as mt } from "./scene-vr/index.mjs";
+import { ZvSceneUnityIframe as xt } from "./scene-unity-iframe/index.mjs";
+import { ZvSceneUnityWebgl as vt } from "./scene-unity-webgl/index.mjs";
+import { ZvSceneUeIframe as it } from "./scene-ue-iframe/index.mjs";
+import { ZvSceneUeShj as nt } from "./scene-ue-shj/index.mjs";
 export {
   a as ZvChartBarBasic,
   Z as ZvChartBarContrast,
@@ -114,42 +119,42 @@ export {
   H as ZvChartBarHorizontal,
   h as ZvChartBarLineBar,
   p as ZvChartBarLoop,
-  j as ZvChartBarMini,
-  N as ZvChartBarRank,
-  Nr as ZvChartBarSegmentedProgress,
-  M as ZvChartBarSpire,
+  N as ZvChartBarMini,
+  j as ZvChartBarRank,
+  jr as ZvChartBarSegmentedProgress,
+  S as ZvChartBarSpire,
   e as ZvChartBarStack,
   C as ZvChartBarStack2,
   l as ZvChartBarStackLine,
-  z as ZvChartBarThree,
+  W as ZvChartBarThree,
   f as ZvChartBarZebra,
   fr as ZvChartLineBasic,
-  K as ZvChartLineDashed,
+  J as ZvChartLineDashed,
   Zr as ZvChartLineScale,
   I as ZvChartLineSmooth,
   O as ZvChartLineSmoothArea,
   Cr as ZvChartMapBasic,
   Or as ZvChartMapBmapBasic,
   Ir as ZvChartMapBmapHeatmap,
-  Mr as ZvChartMapBmapRich,
+  Sr as ZvChartMapBmapRich,
   dr as ZvChartMapCustomize,
   hr as ZvChartMapLines,
   lr as ZvChartMapScatter,
-  Tr as ZvChartOtherCircularGraph,
+  ur as ZvChartOtherCircularGraph,
   ar as ZvChartOtherForce,
   er as ZvChartOtherFunnel,
-  jr as ZvChartOtherFunnel2,
-  y as ZvChartOtherGauge,
+  Nr as ZvChartOtherFunnel2,
+  k as ZvChartOtherGauge,
   Hr as ZvChartOtherGridPercentage,
-  Kr as ZvChartOtherLabelGauge,
+  Jr as ZvChartOtherLabelGauge,
   F as ZvChartOtherLiquidfill,
   pr as ZvChartOtherRadar,
-  zr as ZvChartOtherRadarStack,
+  Wr as ZvChartOtherRadarStack,
   ro as ZvChartOtherThemeRiver,
   eo as ZvChartOtherTree,
   ao as ZvChartOtherTreemap,
-  V as ZvChartOtherWordCloud,
-  T as ZvChartPieBasic,
+  E as ZvChartOtherWordCloud,
+  u as ZvChartPieBasic,
   Fr as ZvChartPieIndex,
   _ as ZvChartPieRose,
   Xr as ZvChartPieRound,
@@ -162,44 +167,44 @@ export {
   lo as ZvCommonsGaussianSplattingView,
   po as ZvCommonsProductModel,
   $o as ZvCommonsQrcode,
-  uo as ZvCommonsSvg,
+  Mo as ZvCommonsSvg,
   ho as ZvCommonsThreeLoader,
   Co as ZvCommonsThreeLoader3,
   fo as ZvCommonsVrPhoto,
   Zo as ZvCommonsVrVideo,
-  So as ZvCommonsWeather,
+  To as ZvCommonsWeather,
   we as ZvGraphicalCircle,
-  We as ZvGraphicalDiamond,
-  qe as ZvGraphicalHexagon,
-  Qe as ZvGraphicalIsoscelesTriangle,
-  Je as ZvGraphicalPentagon,
-  Ue as ZvGraphicalRect,
+  Ue as ZvGraphicalDiamond,
+  ze as ZvGraphicalHexagon,
+  qe as ZvGraphicalIsoscelesTriangle,
+  Qe as ZvGraphicalPentagon,
+  Ke as ZvGraphicalRect,
   Ye as ZvGraphicalRightTriangle,
   bo as ZvInteractionButton,
-  ko as ZvInteractionButtonImage,
-  Jo as ZvInteractionButtonRefresh,
-  Qo as ZvInteractionDataPicker,
+  Do as ZvInteractionButtonImage,
+  Qo as ZvInteractionButtonRefresh,
+  qo as ZvInteractionDataPicker,
   Ao as ZvInteractionInput,
   wo as ZvInteractionRadio,
-  Eo as ZvInteractionSelect,
-  Wo as ZvInteractionSlider,
-  qo as ZvInteractionSwitch,
+  Vo as ZvInteractionSelect,
+  Uo as ZvInteractionSlider,
+  zo as ZvInteractionSwitch,
   Lo as ZvInteractionTabs,
   Po as ZvInteractionTabs2,
   Gr as ZvMapEarthBasic,
   Rr as ZvMapEarthCoolTech,
-  Vr as ZvMapEarthFlyLine,
-  yr as ZvMapEarthHacker,
-  Dr as ZvMapEarthParticle,
+  Er as ZvMapEarthFlyLine,
+  kr as ZvMapEarthHacker,
+  yr as ZvMapEarthParticle,
   te as ZvMediaAudio,
   se as ZvMediaAudioDynamic,
   xe as ZvMediaCarousel,
   ve as ZvMediaCarouselSlides,
-  Se as ZvMediaFlv,
+  Te as ZvMediaFlv,
   ne as ZvMediaIframe,
   ie as ZvMediaIframeCarousel,
-  Uo as ZvMediaImage,
-  ue as ZvMediaImageDynamic,
+  Ko as ZvMediaImage,
+  Me as ZvMediaImageDynamic,
   ce as ZvMediaM3u8,
   oe as ZvMediaVideo,
   Be as ZvMediaVideoDynamic,
@@ -207,14 +212,19 @@ export {
   ot as ZvSceneAmap2d,
   tt as ZvSceneAmap3d,
   $e as ZvSceneMap3d,
+  it as ZvSceneUeIframe,
+  nt as ZvSceneUeShj,
+  xt as ZvSceneUnityIframe,
+  vt as ZvSceneUnityWebgl,
+  mt as ZvSceneVr,
   be as ZvTextCarousel,
   Ae as ZvTextCountDown,
   Le as ZvTextOverNumber,
   me as ZvTextRealTime,
-  ke as ZvTextRowScroll,
-  D as ZvTextTableBasic,
+  De as ZvTextRowScroll,
+  y as ZvTextTableBasic,
   Pe as ZvTextTableScroll,
   R as ZvTextTextBasic,
-  Ee as ZvTextTextDynamic,
+  Ve as ZvTextTextDynamic,
   Yo as ZvTextTitle
 };