@shjjs/visual-ui 1.0.17 → 1.0.18

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

@@ -1,14 +1,13 @@
-var U = Object.defineProperty;
-var W = (h, l, g) => l in h ? U(h, l, { enumerable: !0, configurable: !0, writable: !0, value: g }) : h[l] = g;
-var d = (h, l, g) => W(h, typeof l != "symbol" ? l + "" : l, g);
-import { defineComponent as k, watch as c, createElementBlock as F, openBlock as G, createElementVNode as V, createCommentVNode as K, normalizeClass as q, unref as A, toDisplayString as N, ref as L, onMounted as J, onBeforeUnmount as Y } from "vue";
+var I = Object.defineProperty;
+var _ = (h, l, m) => l in h ? I(h, l, { enumerable: !0, configurable: !0, writable: !0, value: m }) : h[l] = m;
+var d = (h, l, m) => _(h, typeof l != "symbol" ? l + "" : l, m);
+import { defineComponent as z, watch as f, createElementBlock as B, openBlock as D, createElementVNode as U, createCommentVNode as V, normalizeClass as K, unref as P, toDisplayString as W, ref as S, onMounted as q, onBeforeUnmount as N } from "vue";
 import "@babylonjs/loaders/glTF";
-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 "../../commons/utils/babylon/ColorConvert.mjs";
-const ie = { class: "zerov-widget" }, te = k({ name: "zv-commons-product-model" }), he = /* @__PURE__ */ k({
-  ...te,
+import { cloneDeep as c, isEqual as g } from "lodash";
+import { useResizeObserver as J } from "@vueuse/core";
+import { Engine as Y, Scene as j, Color4 as y, Color3 as b, DefaultRenderingPipeline as Q, DepthOfFieldEffectBlurLevel as A, Vector3 as v, DirectionalLight as X, ShadowGenerator as Z, Tools as G, SceneLoader as $ } from "@babylonjs/core";
+const O = { class: "zerov-widget" }, ee = z({ name: "zv-commons-product-model" }), re = /* @__PURE__ */ z({
+  ...ee,
   props: {
     basicOption: {},
     basicEvents: {},
@@ -18,10 +17,10 @@ const ie = { class: "zerov-widget" }, te = k({ name: "zv-commons-product-model"
     "on-load-success",
     "on-play-animation"
   ],
-  setup(h, { expose: l, emit: g }) {
-    const x = g, o = h, I = (i, s) => {
-      const u = L(), y = L(), P = L(!0);
-      class H {
+  setup(h, { expose: l, emit: m }) {
+    const x = m, o = h, T = (i, s) => {
+      const u = S(), w = S(), E = S(!0);
+      class k {
         // eslint-disable-next-line no-useless-constructor
         constructor(e) {
           // optional, but needed due to interface definitions
@@ -29,13 +28,13 @@ const ie = { class: "zerov-widget" }, te = k({ name: "zv-commons-product-model"
           this.loadingUIText = e;
         }
         displayLoadingUI() {
-          u.value && (P.value = !0);
+          u.value && (E.value = !0);
         }
         hideLoadingUI() {
-          u.value && (P.value = !1);
+          u.value && (E.value = !1);
         }
       }
-      class B {
+      class M {
         constructor(e, t, n) {
           d(this, "scene");
           d(this, "engine");
@@ -48,46 +47,46 @@ const ie = { class: "zerov-widget" }, te = k({ name: "zv-commons-product-model"
           d(this, "defaultPipeline");
           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 = new Y(this.canvas, !0, {}, !1), this.engine.loadingScreen = new k(""), window.addEventListener("resize", () => {
               this.engine.resize();
             }), this.scene = this.createScene();
           } catch {
           }
         }
         createScene() {
-          return this.engine.displayLoadingUI(), this.scene = new X(this.engine), this.option.scene.colorShow ? this.scene.clearColor = T(this.option.scene.color, new S(0, 0, 0, 0)) : this.scene.clearColor = new S(0, 0, 0, 0), this.scene.fogEnabled = this.option.scene.fogEnabled, this.scene.fogMode = this.option.scene.fogMode || 1, this.scene.fogColor = w(this.option.scene.fogColor, new b(1, 1, 1)), this.scene.fogEnd = this.option.scene.fogEnd || 60, this.scene.fogStart = this.option.scene.fogStart || 1, this.scene.fogDensity = this.option.scene.fogDensity || 0.1, this.scene.createDefaultCamera(!0, !1, !0), this.updateMeshs(this.scene), this.scene;
+          return this.engine.displayLoadingUI(), this.scene = new j(this.engine), this.option.scene.colorShow ? this.scene.clearColor = y.FromHexString(this.option.scene.color || "#000000") : this.scene.clearColor = new y(0, 0, 0, 0), this.scene.fogEnabled = this.option.scene.fogEnabled, this.scene.fogMode = this.option.scene.fogMode || 1, this.scene.fogColor = b.FromHexString(this.option.scene.fogColor || "#ffffff"), this.scene.fogEnd = this.option.scene.fogEnd || 60, this.scene.fogStart = this.option.scene.fogStart || 1, this.scene.fogDensity = this.option.scene.fogDensity || 0.1, this.scene.createDefaultCamera(!0, !1, !0), this.updateMeshs(this.scene), this.scene;
         }
         updateScenePipeline(e) {
-          this.scene.activeCamera && e && (e.enabled ? (this.defaultPipeline || (this.defaultPipeline = new Z(
+          this.scene.activeCamera && e && (e.enabled ? (this.defaultPipeline || (this.defaultPipeline = new Q(
             "defaultPipeline",
             !0,
             this.scene,
             [this.scene.activeCamera]
-          )), this.defaultPipeline.samples = e.samples ? 4 : 1, this.defaultPipeline.fxaaEnabled = e.fxaaEnabled, this.defaultPipeline.grainEnabled = e.grainEnabled, this.defaultPipeline.grain.intensity = e.grainIntensity, this.defaultPipeline.grain.animated = e.grainAnimated, this.defaultPipeline.bloomEnabled = e.bloomEnabled, this.defaultPipeline.bloomThreshold = e.bloomThreshold, this.defaultPipeline.bloomWeight = e.bloomWeight, this.defaultPipeline.bloomKernel = e.bloomKernel, this.defaultPipeline.bloomScale = e.bloomScale, this.defaultPipeline.depthOfFieldEnabled = e.depthOfFieldEnabled, e.depthOfFieldBlurLevel < 1 ? this.defaultPipeline.depthOfFieldBlurLevel = C.Low : e.depthOfFieldBlurLevel < 2 ? this.defaultPipeline.depthOfFieldBlurLevel = C.Medium : e.depthOfFieldBlurLevel < 3 && (this.defaultPipeline.depthOfFieldBlurLevel = C.High), this.defaultPipeline.depthOfField.focusDistance = e.depthOfFieldFocusDistance, this.defaultPipeline.depthOfField.fStop = e.depthOfFieldFStop, this.defaultPipeline.depthOfField.focalLength = e.depthOfFieldFocalLength, this.defaultPipeline.chromaticAberrationEnabled = e.chromaticAberrationEnabled, this.defaultPipeline.chromaticAberration.aberrationAmount = e.chromaticAberrationAberrationAmount, this.defaultPipeline.chromaticAberration.radialIntensity = e.chromaticAberrationRadialIntensity, e.chromaticAberrationDirection === 0 ? (this.defaultPipeline.chromaticAberration.direction.x = 0, this.defaultPipeline.chromaticAberration.direction.y = 0) : (this.defaultPipeline.chromaticAberration.direction.x = Math.sin(e.chromaticAberrationDirection), this.defaultPipeline.chromaticAberration.direction.y = Math.cos(e.chromaticAberrationDirection)), this.defaultPipeline.sharpenEnabled = e.sharpenEnabled, this.defaultPipeline.sharpen.edgeAmount = e.sharpenEdgeAmount, this.defaultPipeline.sharpen.colorAmount = e.sharpenColorAmount) : this.defaultPipeline && (this.defaultPipeline.dispose(), this.defaultPipeline = null));
+          )), this.defaultPipeline.samples = e.samples ? 4 : 1, this.defaultPipeline.fxaaEnabled = e.fxaaEnabled, this.defaultPipeline.grainEnabled = e.grainEnabled, this.defaultPipeline.grain.intensity = e.grainIntensity, this.defaultPipeline.grain.animated = e.grainAnimated, this.defaultPipeline.bloomEnabled = e.bloomEnabled, this.defaultPipeline.bloomThreshold = e.bloomThreshold, this.defaultPipeline.bloomWeight = e.bloomWeight, this.defaultPipeline.bloomKernel = e.bloomKernel, this.defaultPipeline.bloomScale = e.bloomScale, this.defaultPipeline.depthOfFieldEnabled = e.depthOfFieldEnabled, e.depthOfFieldBlurLevel < 1 ? this.defaultPipeline.depthOfFieldBlurLevel = A.Low : e.depthOfFieldBlurLevel < 2 ? this.defaultPipeline.depthOfFieldBlurLevel = A.Medium : e.depthOfFieldBlurLevel < 3 && (this.defaultPipeline.depthOfFieldBlurLevel = A.High), this.defaultPipeline.depthOfField.focusDistance = e.depthOfFieldFocusDistance, this.defaultPipeline.depthOfField.fStop = e.depthOfFieldFStop, this.defaultPipeline.depthOfField.focalLength = e.depthOfFieldFocalLength, this.defaultPipeline.chromaticAberrationEnabled = e.chromaticAberrationEnabled, this.defaultPipeline.chromaticAberration.aberrationAmount = e.chromaticAberrationAberrationAmount, this.defaultPipeline.chromaticAberration.radialIntensity = e.chromaticAberrationRadialIntensity, e.chromaticAberrationDirection === 0 ? (this.defaultPipeline.chromaticAberration.direction.x = 0, this.defaultPipeline.chromaticAberration.direction.y = 0) : (this.defaultPipeline.chromaticAberration.direction.x = Math.sin(e.chromaticAberrationDirection), this.defaultPipeline.chromaticAberration.direction.y = Math.cos(e.chromaticAberrationDirection)), this.defaultPipeline.sharpenEnabled = e.sharpenEnabled, this.defaultPipeline.sharpen.edgeAmount = e.sharpenEdgeAmount, this.defaultPipeline.sharpen.colorAmount = e.sharpenColorAmount) : this.defaultPipeline && (this.defaultPipeline.dispose(), this.defaultPipeline = null));
         }
         updateScene(e) {
-          e.colorShow ? this.scene.clearColor = T(e.color, new S(1, 1, 1, 1)) : this.scene.clearColor = new S(0, 0, 0, 0), this.scene.fogEnabled = e.fogEnabled, this.scene.fogMode = e.fogMode || 1, this.scene.fogColor = w(e.fogColor, new b(1, 1, 1)), this.scene.fogEnd = e.fogEnd || 60, this.scene.fogStart = e.fogStart || 1, this.scene.fogDensity = e.fogDensity || 0.1;
+          e.colorShow ? this.scene.clearColor = y.FromHexString(e.color || "#000000") : this.scene.clearColor = new y(0, 0, 0, 0), this.scene.fogEnabled = e.fogEnabled, this.scene.fogMode = e.fogMode || 1, this.scene.fogColor = b.FromHexString(e.fogColor || "#ffffff"), this.scene.fogEnd = e.fogEnd || 60, this.scene.fogStart = e.fogStart || 1, this.scene.fogDensity = e.fogDensity || 0.1;
         }
         updateShadowsLight(e) {
           if (e.show) {
             if (this.shadowsLight) {
-              this.shadowsLight.direction = new v(...e.direction), this.shadowsLight.position = new v(...e.position), this.shadowsLight.intensity = e.intensity, this.shadowsLight.diffuse = w(e.diffuse, b.White()), this.shadowGenerator.mapSize = e.mapSize;
+              this.shadowsLight.direction = new v(...e.direction), this.shadowsLight.position = new v(...e.position), this.shadowsLight.intensity = e.intensity, this.shadowsLight.diffuse = b.FromHexString(e.diffuse || "#ffffff"), this.shadowGenerator.mapSize = e.mapSize;
               return;
             }
-            this.shadowsLight = new $("shadowsLight", new v(...e.direction), this.scene), this.shadowsLight.intensity = e.intensity || 0.6, this.shadowsLight.diffuse = w(e.diffuse, b.White()), this.shadowsLight.position = new v(...e.position), this.shadowGenerator = new O(e.mapSize, this.shadowsLight);
+            this.shadowsLight = new X("shadowsLight", new v(...e.direction), this.scene), this.shadowsLight.intensity = e.intensity || 0.6, this.shadowsLight.diffuse = b.FromHexString(e.diffuse || "#ffffff"), this.shadowsLight.position = new v(...e.position), this.shadowGenerator = new Z(e.mapSize, this.shadowsLight);
           } else
             this.shadowsLight && (this.shadowsLight.dispose(), this.shadowsLight = null);
         }
         updateCamera(e) {
           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);
+          t && (e.radius && (t.radius = e.radius), t.beta = G.ToRadians(e.beta), t.alpha = G.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({
             // 是否创建地面
             createGround: e.createGround,
             // 地面颜色
-            groundColor: w(e.groundColor, new b(1, 1, 1)),
+            groundColor: b.FromHexString(e.groundColor || "#ffffff"),
             // 地面大小
             groundSize: e.groundSize || 15,
             // 地面透明度
@@ -127,8 +126,8 @@ const ie = { class: "zerov-widget" }, te = k({ name: "zv-commons-product-model"
           }), this.environmentHelper.ground && (this.environmentHelper.ground.position.y += 0.01);
         }
         updateMeshs(e) {
-          e.meshes.forEach((t) => setTimeout(() => t.dispose())), ee.ImportMeshAsync("", this.option.meshs.url, "", e, (t) => {
-            y.value = (t.loaded / t.total * 100).toFixed(2);
+          e.meshes.forEach((t) => setTimeout(() => t.dispose())), $.ImportMeshAsync("", this.option.meshs.url, "", e, (t) => {
+            w.value = (t.loaded / t.total * 100).toFixed(2);
           }).then((t) => {
             const n = t.meshes;
             if (this.option.animationGroups = e.animationGroups.map((r) => ({
@@ -169,71 +168,71 @@ const ie = { class: "zerov-widget" }, te = k({ name: "zv-commons-product-model"
           }
         }
       }
-      const p = L();
-      return J(() => {
-        i.meshs && (p.value = new B(u.value, i, s).run(), j(u.value, (D) => {
+      const p = S();
+      return q(() => {
+        i.meshs && (p.value = new M(u.value, i, s).run(), J(u.value, (R) => {
           p.value && p.value.engine.resize();
         }));
-      }), Y(() => {
+      }), N(() => {
         p.value && p.value.dispose();
       }), {
         canvasRef: u,
         babylon: p,
-        Babylon: B,
-        babylonLoadingStatus: P,
-        babylonLoadingTitle: y
+        Babylon: M,
+        babylonLoadingStatus: E,
+        babylonLoadingTitle: w
       };
-    }, { canvasRef: E, babylon: a, Babylon: M, babylonLoadingStatus: R, babylonLoadingTitle: _ } = I(o.basicOption, o.basicEvents);
+    }, { canvasRef: L, babylon: a, Babylon: C, babylonLoadingStatus: F, babylonLoadingTitle: H } = T(o.basicOption, o.basicEvents);
     return l({
       playAnimation: (i, s) => {
-        const u = i[0].value, y = {
+        const u = i[0].value, w = {
           loop: i[1].keys[0].defaultValue,
           speedRatio: i[1].keys[1].defaultValue
         };
-        a.value.playAnimation(u, y);
+        a.value.playAnimation(u, w);
       }
-    }), c(() => f(o.basicOption.environment), (i, s) => {
-      !m(i, s) && a.value && a.value.updateDefaultEnvironment(i);
+    }), f(() => c(o.basicOption.environment), (i, s) => {
+      !g(i, s) && a.value && a.value.updateDefaultEnvironment(i);
     }, {
       deep: !0
-    }), c(() => f(o.basicOption.shadow), (i, s) => {
-      !m(i, s) && a.value && a.value.updateShadowsLight(i);
+    }), f(() => c(o.basicOption.shadow), (i, s) => {
+      !g(i, s) && a.value && a.value.updateShadowsLight(i);
     }, {
       deep: !0
-    }), c(() => f(o.basicOption.camera), (i, s) => {
-      !m(i, s) && a.value && a.value.updateCamera(i);
+    }), f(() => c(o.basicOption.camera), (i, s) => {
+      !g(i, s) && a.value && a.value.updateCamera(i);
     }, {
       deep: !0
-    }), 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());
+    }), f(() => c(o.basicOption.meshs), (i, s) => {
+      !g(i, s) && a.value && (a.value.dispose(), a.value = new C(L.value, o.basicOption, o.basicEvents).run());
     }, {
       deep: !0
-    }), 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());
+    }), f(() => c(o.basicOption.defaultAnimation), (i, s) => {
+      !g(i, s) && a.value && (a.value.dispose(), a.value = new C(L.value, o.basicOption, o.basicEvents).run());
     }, {
       deep: !0
-    }), c(() => f(o.basicOption.scene), (i, s) => {
-      !m(i, s) && a.value && a.value.updateScene(i);
+    }), f(() => c(o.basicOption.scene), (i, s) => {
+      !g(i, s) && a.value && a.value.updateScene(i);
     }, {
       deep: !0
-    }), c(() => f(o.basicOption.pipelineOption), (i, s) => {
-      !m(i, s) && a.value && a.value.updateScenePipeline(i);
+    }), f(() => c(o.basicOption.pipelineOption), (i, s) => {
+      !g(i, s) && a.value && a.value.updateScenePipeline(i);
     }, {
       deep: !0
-    }), (i, s) => (G(), F("div", ie, [
-      V("canvas", {
+    }), (i, s) => (D(), B("div", O, [
+      U("canvas", {
         ref_key: "canvasRef",
-        ref: E,
-        class: q(["widget", { show: !A(R) }])
+        ref: L,
+        class: K(["widget", { show: !P(F) }])
       }, null, 2),
-      A(R) ? (G(), F("div", {
+      P(F) ? (D(), B("div", {
         key: 0,
         ref: "babylonLoadingRef",
         class: "babylon-loading"
-      }, " 正在加载模型...(" + N(A(_)) + "%) ", 513)) : K("", !0)
+      }, " 正在加载模型...(" + W(P(H)) + "%) ", 513)) : V("", !0)
     ]));
   }
 });
 export {
-  he as default
+  re as default
 };

package/es/components/commons-three-loader/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-5c0391e0"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2f6cb8d6"]]);
 export {
-  m as default
+  f as default
 };

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

@@ -1,14 +1,13 @@
-var q = Object.defineProperty;
-var N = (f, u, b) => u in f ? q(f, u, { enumerable: !0, configurable: !0, writable: !0, value: b }) : f[u] = b;
-var v = (f, u, b) => N(f, typeof u != "symbol" ? u + "" : u, b);
-import { defineComponent as _, watch as r, createElementBlock as M, openBlock as I, createElementVNode as V, createCommentVNode as K, normalizeClass as J, unref as C, toDisplayString as Z, ref as w, onMounted as j, onBeforeUnmount as Q } from "vue";
+var U = Object.defineProperty;
+var k = (f, u, g) => u in f ? U(f, u, { enumerable: !0, configurable: !0, writable: !0, value: g }) : f[u] = g;
+var v = (f, u, g) => k(f, typeof u != "symbol" ? u + "" : u, g);
+import { defineComponent as I, watch as r, createElementBlock as T, openBlock as M, createElementVNode as q, createCommentVNode as N, normalizeClass as V, unref as E, toDisplayString as K, ref as L, onMounted as J, onBeforeUnmount as Z } from "vue";
 import "@babylonjs/loaders/glTF";
-import { cloneDeep as h, isEqual as d } from "lodash";
-import { Vector3 as c, Engine as X, Scene as Y, Color4 as P, Color3 as y, DefaultRenderingPipeline as $, DepthOfFieldEffectBlurLevel as R, ArcRotateCamera as O, Tools as A, HemisphericLight as ee, DirectionalLight as ie, PointLight as te, SceneLoader as se } from "@babylonjs/core";
-import { useResizeObserver as oe } from "@vueuse/core";
-import { hex2Color4 as W, hex2Color3 as L } from "../../commons/utils/babylon/ColorConvert.mjs";
-const ne = { class: "zerov-widget" }, ae = _({ name: "zv-commons-three-loader" }), be = /* @__PURE__ */ _({
-  ...ae,
+import { cloneDeep as d, isEqual as h } from "lodash";
+import { Vector3 as c, Engine as j, Scene as Q, Color4 as P, Color3 as y, DefaultRenderingPipeline as X, DepthOfFieldEffectBlurLevel as R, ArcRotateCamera as Y, Tools as S, HemisphericLight as $, DirectionalLight as O, PointLight as ee, SceneLoader as ie } from "@babylonjs/core";
+import { useResizeObserver as te } from "@vueuse/core";
+const se = { class: "zerov-widget" }, oe = I({ name: "zv-commons-three-loader" }), ce = /* @__PURE__ */ I({
+  ...oe,
   props: {
     basicOption: {},
     basicEvents: {},
@@ -18,10 +17,10 @@ const ne = { class: "zerov-widget" }, ae = _({ name: "zv-commons-three-loader" }
     "on-load-success",
     "on-play-animation"
   ],
-  setup(f, { expose: u, emit: b }) {
-    const x = b, a = f, G = (t, n) => {
-      const p = w(), z = w(), S = w(!0);
-      class k {
+  setup(f, { expose: u, emit: g }) {
+    const x = g, a = f, H = (t, n) => {
+      const b = L(), B = L(), A = L(!0);
+      class W {
         // eslint-disable-next-line no-useless-constructor
         constructor(e) {
           // optional, but needed due to interface definitions
@@ -29,13 +28,13 @@ const ne = { class: "zerov-widget" }, ae = _({ name: "zv-commons-three-loader" }
           this.loadingUIText = e;
         }
         displayLoadingUI() {
-          p.value && (S.value = !0);
+          b.value && (A.value = !0);
         }
         hideLoadingUI() {
-          p.value && (S.value = !1);
+          b.value && (A.value = !1);
         }
       }
-      class F {
+      class D {
         constructor(e, s, i) {
           v(this, "scene");
           v(this, "engine");
@@ -43,17 +42,17 @@ const ne = { class: "zerov-widget" }, ae = _({ name: "zv-commons-three-loader" }
           v(this, "defaultPipeline");
           this.canvas = e, this.option = s, this.events = i;
           try {
-            this.engine = new X(this.canvas, !0, {}, !1), this.engine.loadingScreen = new k(""), window.addEventListener("resize", () => {
+            this.engine = new j(this.canvas, !0, {}, !1), this.engine.loadingScreen = new W(""), window.addEventListener("resize", () => {
               this.engine.resize();
             }), this.scene = this.createScene();
           } catch {
           }
         }
         createScene() {
-          return this.scene = new Y(this.engine), this.option.scene.colorShow ? this.scene.clearColor = W(this.option.scene.color, new P(1, 1, 1, 1)) : this.scene.clearColor = new P(0, 0, 0, 0), this.scene.fogEnabled = this.option.scene.fogEnabled, this.scene.fogMode = this.option.scene.fogMode || 1, this.scene.fogColor = L(this.option.scene.fogColor, new y(1, 1, 1)), this.scene.fogEnd = this.option.scene.fogEnd || 60, this.scene.fogStart = this.option.scene.fogStart || 1, this.scene.fogDensity = this.option.scene.fogDensity || 0.1, this.createCamera(this.option.camera, this.scene), this.createLights(this.option.lights, this.scene), this.createMeshs(this.scene), this.scene;
+          return this.scene = new Q(this.engine), this.option.scene.colorShow ? this.scene.clearColor = P.FromHexString(this.option.scene.color || "#000000") : this.scene.clearColor = new P(0, 0, 0, 0), this.scene.fogEnabled = this.option.scene.fogEnabled, this.scene.fogMode = this.option.scene.fogMode || 1, this.scene.fogColor = y.FromHexString(this.option.scene.fogColor || "#ffffff"), this.scene.fogEnd = this.option.scene.fogEnd || 60, this.scene.fogStart = this.option.scene.fogStart || 1, this.scene.fogDensity = this.option.scene.fogDensity || 0.1, this.createCamera(this.option.camera, this.scene), this.createLights(this.option.lights, this.scene), this.createMeshs(this.scene), this.scene;
         }
         updateScenePipeline(e) {
-          this.scene.activeCamera && e && (e.enabled ? (this.defaultPipeline || (this.defaultPipeline = new $(
+          this.scene.activeCamera && e && (e.enabled ? (this.defaultPipeline || (this.defaultPipeline = new X(
             "defaultPipeline",
             !0,
             this.scene,
@@ -61,15 +60,15 @@ const ne = { class: "zerov-widget" }, ae = _({ name: "zv-commons-three-loader" }
           )), this.defaultPipeline.samples = e.samples ? 4 : 1, this.defaultPipeline.fxaaEnabled = e.fxaaEnabled, this.defaultPipeline.grainEnabled = e.grainEnabled, this.defaultPipeline.grain.intensity = e.grainIntensity, this.defaultPipeline.grain.animated = e.grainAnimated, this.defaultPipeline.bloomEnabled = e.bloomEnabled, this.defaultPipeline.bloomThreshold = e.bloomThreshold, this.defaultPipeline.bloomWeight = e.bloomWeight, this.defaultPipeline.bloomKernel = e.bloomKernel, this.defaultPipeline.bloomScale = e.bloomScale, this.defaultPipeline.depthOfFieldEnabled = e.depthOfFieldEnabled, e.depthOfFieldBlurLevel < 1 ? this.defaultPipeline.depthOfFieldBlurLevel = R.Low : e.depthOfFieldBlurLevel < 2 ? this.defaultPipeline.depthOfFieldBlurLevel = R.Medium : e.depthOfFieldBlurLevel < 3 && (this.defaultPipeline.depthOfFieldBlurLevel = R.High), this.defaultPipeline.depthOfField.focusDistance = e.depthOfFieldFocusDistance, this.defaultPipeline.depthOfField.fStop = e.depthOfFieldFStop, this.defaultPipeline.depthOfField.focalLength = e.depthOfFieldFocalLength, this.defaultPipeline.chromaticAberrationEnabled = e.chromaticAberrationEnabled, this.defaultPipeline.chromaticAberration.aberrationAmount = e.chromaticAberrationAberrationAmount, this.defaultPipeline.chromaticAberration.radialIntensity = e.chromaticAberrationRadialIntensity, e.chromaticAberrationDirection === 0 ? (this.defaultPipeline.chromaticAberration.direction.x = 0, this.defaultPipeline.chromaticAberration.direction.y = 0) : (this.defaultPipeline.chromaticAberration.direction.x = Math.sin(e.chromaticAberrationDirection), this.defaultPipeline.chromaticAberration.direction.y = Math.cos(e.chromaticAberrationDirection)), this.defaultPipeline.sharpenEnabled = e.sharpenEnabled, this.defaultPipeline.sharpen.edgeAmount = e.sharpenEdgeAmount, this.defaultPipeline.sharpen.colorAmount = e.sharpenColorAmount) : this.defaultPipeline && (this.defaultPipeline.dispose(), this.defaultPipeline = null));
         }
         updateScene(e) {
-          e.colorShow ? this.scene.clearColor = W(e.color, new P(1, 1, 1, 1)) : this.scene.clearColor = new P(0, 0, 0, 0), this.scene.fogEnabled = e.fogEnabled, this.scene.fogMode = e.fogMode || 1, this.scene.fogColor = L(e.fogColor, new y(1, 1, 1)), this.scene.fogEnd = e.fogEnd || 60, this.scene.fogStart = e.fogStart || 1, this.scene.fogDensity = e.fogDensity || 0.1;
+          e.colorShow ? this.scene.clearColor = P.FromHexString(e.color || "#000000") : this.scene.clearColor = new P(0, 0, 0, 0), this.scene.fogEnabled = e.fogEnabled, this.scene.fogMode = e.fogMode || 1, this.scene.fogColor = y.FromHexString(e.fogColor || "#ffffff"), this.scene.fogEnd = e.fogEnd || 60, this.scene.fogStart = e.fogStart || 1, this.scene.fogDensity = e.fogDensity || 0.1;
         }
         createCamera(e, s) {
-          const i = new O("", A.ToRadians(e.alpha || 90), A.ToRadians(e.beta || 75), e.radius || 1, new c(...e.target), s);
-          i.attachControl(p.value, !0), i.useAutoRotationBehavior = e.autoRotation, i.wheelDeltaPercentage = e.wheelDeltaPercentage || 0.01, i.zoomToMouseLocation = e.zoomToMouseLocation, i.lowerRadiusLimit = e.lowerRadiusLimit, i.upperRadiusLimit = e.upperRadiusLimit, i.minZ = 0.01;
+          const i = new Y("", S.ToRadians(e.alpha || 90), S.ToRadians(e.beta || 75), e.radius || 1, new c(...e.target), s);
+          i.attachControl(b.value, !0), i.useAutoRotationBehavior = e.autoRotation, i.wheelDeltaPercentage = e.wheelDeltaPercentage || 0.01, i.zoomToMouseLocation = e.zoomToMouseLocation, i.lowerRadiusLimit = e.lowerRadiusLimit, i.upperRadiusLimit = e.upperRadiusLimit, i.minZ = 0.01;
         }
         updateCamera(e) {
           const s = this.scene.activeCamera;
-          s && (e.radius && (s.radius = e.radius), s.beta = A.ToRadians(e.beta), s.alpha = A.ToRadians(e.alpha), s.useAutoRotationBehavior = e.autoRotation, s.zoomToMouseLocation = e.zoomToMouseLocation, s.wheelDeltaPercentage = e.wheelDeltaPercentage || 0.01, s.lowerRadiusLimit = e.lowerRadiusLimit, s.upperRadiusLimit = e.upperRadiusLimit, s.target = new c(...e.target));
+          s && (e.radius && (s.radius = e.radius), s.beta = S.ToRadians(e.beta), s.alpha = S.ToRadians(e.alpha), s.useAutoRotationBehavior = e.autoRotation, s.zoomToMouseLocation = e.zoomToMouseLocation, s.wheelDeltaPercentage = e.wheelDeltaPercentage || 0.01, s.lowerRadiusLimit = e.lowerRadiusLimit, s.upperRadiusLimit = e.upperRadiusLimit, s.target = new c(...e.target));
         }
         createLights(e, s) {
           this.scene && this.scene.lights && this.scene.lights.forEach((i, l) => {
@@ -79,23 +78,23 @@ const ne = { class: "zerov-widget" }, ae = _({ name: "zv-commons-three-loader" }
           }), setTimeout(() => {
             e.forEach((i) => {
               if (i.type === "HemisphericLight") {
-                const l = new ee("", new c(...i.direction), s);
-                l.intensity = i.intensity !== void 0 ? i.intensity : 0.5, l.groundColor = L(i.groundColor, y.White()), l.diffuse = L(i.diffuse, y.White());
+                const l = new $("", new c(...i.direction), s);
+                l.intensity = i.intensity !== void 0 ? i.intensity : 0.5, l.groundColor = y.FromHexString(i.groundColor || "#ffffff"), l.diffuse = y.FromHexString(i.diffuse || "#ffffff");
               }
               if (i.type === "DirectionalLight") {
-                const l = new ie("", new c(...i.direction), s);
-                l.intensity = i.intensity !== void 0 ? i.intensity : 0.5, l.diffuse = L(i.diffuse, y.White());
+                const l = new O("", new c(...i.direction), s);
+                l.intensity = i.intensity !== void 0 ? i.intensity : 0.5, l.diffuse = y.FromHexString(i.diffuse || "#ffffff");
               }
               if (i.type === "PointLight") {
-                const l = new te("", new c(...i.position), s);
-                l.intensity = i.intensity !== void 0 ? i.intensity : 0.5, l.diffuse = L(i.diffuse, y.White());
+                const l = new ee("", new c(...i.position), s);
+                l.intensity = i.intensity !== void 0 ? i.intensity : 0.5, l.diffuse = y.FromHexString(i.diffuse || "#ffffff");
               }
             });
           });
         }
         createMeshs(e) {
-          e.meshes.forEach((s) => setTimeout(() => s.dispose())), se.ImportMeshAsync("", this.option.meshs.url, "", e, (s) => {
-            z.value = (s.loaded / s.total * 100).toFixed(2);
+          e.meshes.forEach((s) => setTimeout(() => s.dispose())), ie.ImportMeshAsync("", this.option.meshs.url, "", e, (s) => {
+            B.value = (s.loaded / s.total * 100).toFixed(2);
           }).then((s) => {
             this.meshe = s.meshes, this.updateScenePipeline(this.option.pipelineOption), this.option.animationGroups = e.animationGroups.map((i) => ({
               uniqueId: i.uniqueId,
@@ -113,14 +112,14 @@ const ne = { class: "zerov-widget" }, ae = _({ name: "zv-commons-three-loader" }
         }
         setMeshSize(e) {
           if (e.autoSize) {
-            const i = this.meshe[0].getBoundingInfo().boundingBox, g = 0.7 / (Math.max(
+            const i = this.meshe[0].getBoundingInfo().boundingBox, p = 0.7 / (Math.max(
               i.maximumWorld.x - i.minimumWorld.x,
               i.maximumWorld.y - i.minimumWorld.y,
               i.maximumWorld.z - i.minimumWorld.z
             ) || 1);
-            this.meshe[0].scaling = new c(g, g, g);
-            const H = i.centerWorld;
-            this.meshe[0].position = this.meshe[0].position.subtract(H.multiplyByFloats(g, g, g)), this.meshe[0].rotation = new c(0, 0, 0);
+            this.meshe[0].scaling = new c(p, p, p);
+            const G = i.centerWorld;
+            this.meshe[0].position = this.meshe[0].position.subtract(G.multiplyByFloats(p, p, p)), this.meshe[0].rotation = new c(0, 0, 0);
           } else {
             const { position: s, scaling: i, rotation: l } = e;
             this.meshe[0].position.set(s[0] || 0, s[1] || 0, s[2] || 0), this.meshe[0].scaling.set(i[0] || 1, i[1] || 1, i[2] || 1), this.meshe[0].rotation = new c(l[0] || 0, l[1] || 0, l[2] || 0);
@@ -143,79 +142,79 @@ const ne = { class: "zerov-widget" }, ae = _({ name: "zv-commons-three-loader" }
           }
         }
       }
-      const m = w();
-      return j(() => {
-        t.meshs && (m.value = new F(p.value, t, n).run(), oe(p.value, (T) => {
+      const m = L();
+      return J(() => {
+        t.meshs && (m.value = new D(b.value, t, n).run(), te(b.value, (z) => {
           m.value && m.value.engine.resize();
         }));
-      }), Q(() => {
+      }), Z(() => {
         m.value && (m.value.dispose(), m.value.meshe = []);
       }), {
-        canvasRef: p,
+        canvasRef: b,
         babylon: m,
-        Babylon: F,
-        babylonLoadingStatus: S,
-        babylonLoadingTitle: z
+        Babylon: D,
+        babylonLoadingStatus: A,
+        babylonLoadingTitle: B
       };
-    }, { canvasRef: E, babylon: o, Babylon: B, babylonLoadingStatus: D, babylonLoadingTitle: U } = G(a.basicOption, a.basicEvents);
+    }, { canvasRef: w, babylon: o, Babylon: C, babylonLoadingStatus: F, babylonLoadingTitle: _ } = H(a.basicOption, a.basicEvents);
     return u({
       playAnimation: (t, n) => {
         o.value.playAnimation(t, n);
       }
-    }), r(() => h(a.basicOption.camera), (t, n) => {
-      !d(t, n) && o.value && o.value.updateCamera(t);
+    }), r(() => d(a.basicOption.camera), (t, n) => {
+      !h(t, n) && o.value && o.value.updateCamera(t);
     }, {
       deep: !0
-    }), r(() => h(a.basicOption.scene), (t, n) => {
-      !d(t, n) && o.value && o.value.updateScene(t);
+    }), r(() => d(a.basicOption.scene), (t, n) => {
+      !h(t, n) && o.value && o.value.updateScene(t);
     }, {
       deep: !0
-    }), r(() => h(a.basicOption.lights), (t, n) => {
-      !d(t, n) && o.value && o.value.createLights(t, o.value.scene);
+    }), r(() => d(a.basicOption.lights), (t, n) => {
+      !h(t, n) && o.value && o.value.createLights(t, o.value.scene);
     }, {
       deep: !0
-    }), r(() => h(a.basicOption.meshs.url), (t, n) => {
-      !d(t, n) && o.value && (o.value.dispose(), o.value = new B(E.value, a.basicOption, a.basicEvents).run());
+    }), r(() => d(a.basicOption.meshs.url), (t, n) => {
+      !h(t, n) && o.value && (o.value.dispose(), o.value = new C(w.value, a.basicOption, a.basicEvents).run());
     }, {
       deep: !0
-    }), r(() => h(a.basicOption.meshs.position), (t, n) => {
-      !d(t, n) && o.value && o.value.meshe[0] && o.value.meshe[0].position.set(t[0], t[1], t[2]);
+    }), r(() => d(a.basicOption.meshs.position), (t, n) => {
+      !h(t, n) && o.value && o.value.meshe[0] && o.value.meshe[0].position.set(t[0], t[1], t[2]);
     }, {
       deep: !0
-    }), r(() => h(a.basicOption.meshs.scaling), (t, n) => {
-      !d(t, n) && o.value && o.value.meshe[0] && o.value.meshe[0].scaling.set(t[0], t[1], t[2]);
+    }), r(() => d(a.basicOption.meshs.scaling), (t, n) => {
+      !h(t, n) && o.value && o.value.meshe[0] && o.value.meshe[0].scaling.set(t[0], t[1], t[2]);
     }, {
       deep: !0
-    }), r(() => h(a.basicOption.meshs.rotation), (t, n) => {
-      !d(t, n) && o.value && o.value.meshe[0] && (o.value.meshe[0].rotation = new c(t[0], t[1], t[2]));
+    }), r(() => d(a.basicOption.meshs.rotation), (t, n) => {
+      !h(t, n) && o.value && o.value.meshe[0] && (o.value.meshe[0].rotation = new c(t[0], t[1], t[2]));
     }, {
       deep: !0
-    }), r(() => h(a.basicOption.meshs.autoSize), (t, n) => {
-      !d(t, n) && o.value && o.value.meshe[0] && o.value.setMeshSize(a.basicOption.meshs);
+    }), r(() => d(a.basicOption.meshs.autoSize), (t, n) => {
+      !h(t, n) && o.value && o.value.meshe[0] && o.value.setMeshSize(a.basicOption.meshs);
     }, {
       deep: !0
-    }), r(() => h(a.basicOption.defaultAnimation), (t, n) => {
-      !d(t, n) && o.value && (o.value.dispose(), o.value = new B(E.value, a.basicOption, a.basicEvents).run());
+    }), r(() => d(a.basicOption.defaultAnimation), (t, n) => {
+      !h(t, n) && o.value && (o.value.dispose(), o.value = new C(w.value, a.basicOption, a.basicEvents).run());
     }, {
       deep: !0
-    }), r(() => h(a.basicOption.pipelineOption), (t, n) => {
-      !d(t, n) && o.value && o.value.updateScenePipeline(t);
+    }), r(() => d(a.basicOption.pipelineOption), (t, n) => {
+      !h(t, n) && o.value && o.value.updateScenePipeline(t);
     }, {
       deep: !0
-    }), (t, n) => (I(), M("div", ne, [
-      V("canvas", {
+    }), (t, n) => (M(), T("div", se, [
+      q("canvas", {
         ref_key: "canvasRef",
-        ref: E,
-        class: J(["widget", { show: !C(D) }])
+        ref: w,
+        class: V(["widget", { show: !E(F) }])
       }, null, 2),
-      C(D) ? (I(), M("div", {
+      E(F) ? (M(), T("div", {
         key: 0,
         ref: "babylonLoadingRef",
         class: "babylon-loading"
-      }, " 正在加载模型...(" + Z(C(U)) + "%) ", 513)) : K("", !0)
+      }, " 正在加载模型...(" + K(E(_)) + "%) ", 513)) : N("", !0)
     ]));
   }
 });
 export {
-  be as default
+  ce as default
 };

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 f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1fb6b2cd"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a993de78"]]);
 export {
-  f as default
+  p as default
 };