@realsee/five 6.4.0-alpha.0 → 6.4.0-alpha.10

package/vfx/index.js

@@ -1,8 +1,8 @@
 /**
  * @license
  * @realsee/five
- * Generated: 12/10/2024
- * Version: 6.4.0-alpha.0
+ * Generated: 1/8/2025
+ * Version: 6.4.0-alpha.10
  * Terms:
  * Realsee SDK License Agreement
  * Update: July 28, 2021

package/vfx/index.mjs

@@ -1,8 +1,8 @@
 /**
  * @license
  * @realsee/five
- * Generated: 12/10/2024
- * Version: 6.4.0-alpha.0
+ * Generated: 1/8/2025
+ * Version: 6.4.0-alpha.10
  * Terms:
  * Realsee SDK License Agreement
  * Update: July 28, 2021

package/vue/index.d.ts

@@ -44,9 +44,34 @@ export declare interface FiveActionVueCallbacks {
      * @param width - 获取像素区域的宽度
      * @param height - 获取像素区域的高度
      * @param pixelRatio - 获取区域的像素比
+     * @param flipY - 是否Y轴翻转
+     * @param buffer - 存储数组
      * @returns rgba颜色平铺的 Uint8Array
      */
-    getPixels(x: number, y: number, width: number, height: number, pixelRatio?: number): Uint8Array;
+    getPixels<T extends Uint8Array | Uint8ClampedArray = Uint8Array>(x: number, y: number, width: number, height: number, pixelRatio?: number, flipY?: boolean, buffer?: T): T;
+    /**
+     * 获取画面中的像素颜色
+     * @param options - 参数
+     * @returns
+     */
+    getPixels<T extends Uint8Array | Uint8ClampedArray = Uint8Array>(options: {
+        /** 获取像素区域的起始坐标 x */
+        x: number;
+        /** 获取像素区域的起始坐标 y */
+        y: number;
+        /** 获取像素区域的宽度 */
+        width: number;
+        /** 获取像素区域的高度 */
+        height: number;
+        /** 获取区域的像素比 */
+        pixelRatio?: number;
+        helperVisible?: boolean;
+        skipPanorama?: boolean;
+        /** 是否Y轴翻转 */
+        flipY?: boolean;
+        /** 存储数组 */
+        buffer?: T;
+    }): T;
     /**
      * 强制渲染
      * @description

package/vue/index.js

@@ -1,8 +1,8 @@
 /**
  * @license
  * @realsee/five
- * Generated: 12/10/2024
- * Version: 6.4.0-alpha.0
+ * Generated: 1/8/2025
+ * Version: 6.4.0-alpha.10
  * Terms:
  * Realsee SDK License Agreement
  * Update: July 28, 2021
@@ -252,4 +252,4 @@
  * No amendment to or modification of this Agreement will be binding unless in 
  * writing and signed by Realsee. You and Realsee hereto confirm that this 
  * Agreement and all related documents shall be drafted in English.
-*/"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),F=require("@realsee/five"),B=require("three");function O(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const d=O(B);var g=function(){return g=Object.assign||function(r){for(var n,o=1,a=arguments.length;o<a;o++){n=arguments[o];for(var u in n)Object.prototype.hasOwnProperty.call(n,u)&&(r[u]=n[u])}return r},g.apply(this,arguments)};var j=!1;function P(e){j=e}var E=Symbol();function l(){var e=t.inject(E);if(!e)throw new Error("Inject five error!");return e}var x={display:"inline-block",overflow:"hidden"},U=t.defineComponent({props:{width:{type:Number,required:!0},height:{type:Number,required:!0}},setup:function(e){var r=t.toRef(e,"width"),n=t.toRef(e,"height"),o=l(),a=t.ref(null);return t.watch([r,n,a],function(){if(o.renderer&&a.value){if(o.renderer.domElement.parentNode!==null&&o.renderer.domElement.parentNode!==a.value)throw new Error("There are more than 2 fiveCanvas in this context.");o.renderer.domElement.parentNode!==a.value&&a.value.appendChild(o.renderer.domElement),o.camera.aspect=r.value/n.value,o.camera.updateProjectionMatrix(),o.renderer.setSize(r.value,n.value),o.refresh({width:r.value,height:n.value}),o.needsRender=!0}}),function(){return t.h("div",{id:"five",style:g({width:"".concat(r.value,"px"),height:"".concat(n.value,"px")},x),ref:a})}}}),m=[],p=[];function W(e){var r=e===void 0?{}:e,n=r.backgroundColor,o=n===void 0?1579548:n,a=r.backgroundAlpha,u=a===void 0?1:a,i=r.preserveDrawingBuffer,v=i===void 0?!0:i,f=r.pixelRatio,c=f===void 0?1:f,h=r.webgl2,w=h===void 0?!1:h;if(typeof window!="undefined"){var s=null;if(w?s=m.shift():s=p.shift(),!s){if(w){var b=document.createElement("canvas"),C=b.getContext("webgl2");C?s=new d.WebGLRenderer({preserveDrawingBuffer:v,antialias:!0,alpha:!0,stencil:!0,canvas:b,context:C}):(console.error("error occurred when getting webgl2 canvas context, mybe webgl2 not support, fallback to webgl."),s=new d.WebGLRenderer({preserveDrawingBuffer:v,antialias:!1,alpha:!0,stencil:!0}))}else s=new d.WebGLRenderer({preserveDrawingBuffer:v,antialias:!1,alpha:!0,stencil:!0});s.outputEncoding=d.sRGBEncoding}return s.setPixelRatio(c),s.setClearColor(o,u),s.autoClear=!0,s}}function _(e){if(e){var r=e.capabilities.isWebGL2;r?p.indexOf(e)===-1&&p.push(e):m.indexOf(e)===-1&&m.push(e)}}function A(e,r){var n=Array.isArray(e)?e:[e],o=Array.isArray(r)?r:[r];if(n.length!==o.length)return!1;for(var a=0;a<n.length;a++)if(n[a]!==o[a])return!1;return!0}var D=t.defineComponent({props:{works:Object,initialWorks:Object,initialState:Object,initialUserAction:Boolean,onWorksChange:Function,onStateChange:Function,onCurrentStateChange:Function,onError:Function,fiveInitArgs:{type:Object,default:function(){return{}}},style:Object},setup:function(e){var r,n=t.toRefs(e).works,o=F.getViewportScale(),a=o===1?window.devicePixelRatio:1,u=W({pixelRatio:a}),i=new F.Five(g({renderer:u},e.fiveInitArgs)),v=e.works||e.initialWorks;return v&&i.load(v,e.initialState,void 0,(r=e.initialUserAction)!==null&&r!==void 0?r:!0),P(!!e.works),n&&t.watch(n,function(f,c){f&&!A(f,i.works)&&i.load(f,e.initialState)}),t.onBeforeUnmount(function(){i&&(i.dispose(),_(i.renderer))}),i.on("load",function(){e.onWorksChange&&i.works&&e.onWorksChange(i==null?void 0:i.works)}),i.on("stateChange",function(f,c){e.onStateChange&&e.onStateChange(f,c)}),i.on("currentStateChange",function(f,c){e.onCurrentStateChange&&e.onCurrentStateChange(f,c)}),i.on("error",function(f){e.onError?e.onError(f):console.warn(f.message)}),t.provide(E,i),{five:t.shallowReadonly(i)}},render:function(){return t.h("div",{style:this.$props.style},this.$slots)}});function L(){var e=l(),r=t.ref(e.works),n=t.readonly(r),o=function(u,i,v,f){if(j)throw new Error("props 'work' is set in fiveProvider, if you need modify work internal, use 'initialWork' instead.");return e.load(u,i,v,f)},a=e.on("load",function(){r.value=e.works});return t.onBeforeUnmount(function(){a()}),[n,o]}function I(){var e=l(),r=t.ref(g({},e.state)),n=e.on("stateChange",function(a){Object.assign(r.value,g({},a))});t.onBeforeUnmount(function(){n()});var o=function(a,u,i){u===void 0&&(u=!1),i===void 0&&(i=!0);var v=typeof a=="function"?a(e.getCurrentState()):a;e.setState(v,u,i)};return[r,o]}function V(){var e=l(),r=t.ref(e.getCurrentState()),n=e.on("currentStateChange",function(){Object.assign(r.value,e.getCurrentState())});t.onBeforeUnmount(function(){n()});var o=function(a,u,i){var v=typeof a=="function"?a(e.getCurrentState()):a;e.setState(v,u,i)};return[r,o]}function H(){var e=l(),r=t.reactive(e.getCurrentState()),n=t.ref(e.works.getResolvedObserver(e.pano)),o=e.on("currentStateChange",function(){Object.assign(r,e.getCurrentState()),n.value=e.works.getResolvedObserver({workCode:r.workCode,panoIndex:r.panoIndex})});return t.onBeforeUnmount(function(){o()}),n}function M(e,r){var n=l(),o=n.on(e,r);t.onBeforeUnmount(function(){o()})}function q(){var e=l(),r=function(v,f){return e.updateCamera(v,f)},n=function(v,f,c,h,w){return e.getPixels(v,f,c,h,w)},o=function(v){return e.render(v)},a=function(){return e.needsRender=!0},u=function(v,f){return e.preloadPano(v,f)},i=function(v,f){return f===void 0&&(f=!1),e.project2d(v,f)};return{updateCamera:r,getPixels:n,render:o,needsRender:a,preloadPano:u,project2d:i}}function N(e,r){r===void 0&&(r=!1);var n=l(),o=t.ref(Symbol()),a=t.shallowRef(e?n.project2d(t.isRef(e)?e.value:e,r):null),u=n.on("cameraUpdate",function(){o.value=Symbol()});return t.onBeforeUnmount(function(){u()}),t.watch([o,e],function(){a.value=n.project2d(t.isRef(e)?e.value:e,r)}),a}function G(){return N}function y(e){var r=e.camera.getWorldDirection(new d.Vector3),n=new d.Raycaster(e.camera.position,r);return n}function T(){var e=l(),r=t.shallowRef(y(e)),n=e.on("cameraUpdate",function(){r.value=y(e)});return t.onBeforeUnmount(function(){n()}),r}function S(e){return e.camera.getWorldDirection(new d.Vector3)}function $(){var e=l(),r=t.shallowRef(S(e)),n=e.on("cameraUpdate",function(){r.value=S(e)});return t.onBeforeUnmount(function(){n()}),r}function z(e){var r=l(),n=t.shallowRef([]);return t.watch(e,function(){n.value=r.model.intersectRaycaster(t.isRef(e)?e.value:e)}),n}function K(){return z}function R(e){return e.model.empty?"Empty":"Loaded"}function J(){var e=l(),r=t.ref(R(e)),n=e.on("modelLoaded",function(){r.value=R(e)});return t.onBeforeUnmount(function(){n()}),r}function Q(){var e=l(),r=t.ref(e.model.shownFloor),n=t.ref(e.model.floorLength),o=function(u){typeof u=="number"?e.model.show(u):e.model.show()},a=[];return a.push(e.on("modelShownFloorChange",function(){r.value=e.model.shownFloor})),a.push(e.on("modelLoaded",function(){n.value=e.model.floorLength})),t.onBeforeUnmount(function(){for(var u;u=a.shift();)u()}),[r,n,o]}function X(){var e=l(),r=t.ref(e.helperVisible),n=function(a){e.helperVisible=a},o=e.on("helpersVisibleChange",function(a){r.value=a});return t.onBeforeUnmount(function(){o()}),[r,n]}function Y(){return l()}function k(e){return e.model.bounding.clone()}function Z(){var e=l(),r=t.shallowRef(k(e)),n=e.on("modelLoaded",function(){r.value=k(e)});return t.onBeforeUnmount(function(){n()}),r}function ee(){var e=l();return e.scene}function re(){var e=l(),r=t.shallowRef(e.model),n=e.on("modelLoaded",function(){r.value=e.model});return t.onBeforeUnmount(function(){n()}),r}exports.FiveCanvas=U;exports.FiveProvider=D;exports.unsafe__useFiveInject=Y;exports.useFiveAction=q;exports.useFiveCameraDirection=$;exports.useFiveCameraRaycaster=T;exports.useFiveCurrentObserver=H;exports.useFiveCurrentState=V;exports.useFiveEventCallback=M;exports.useFiveFloor=Q;exports.useFiveHelper=X;exports.useFiveModel=re;exports.useFiveModelBounding=Z;exports.useFiveModelIntersectRaycaster=K;exports.useFiveModelReadyState=J;exports.useFiveProject2d=G;exports.useFiveScene=ee;exports.useFiveState=I;exports.useFiveWorks=L;
+*/"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),F=require("@realsee/five"),B=require("three");function O(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const c=O(B);var g=function(){return g=Object.assign||function(r){for(var n,o=1,a=arguments.length;o<a;o++){n=arguments[o];for(var u in n)Object.prototype.hasOwnProperty.call(n,u)&&(r[u]=n[u])}return r},g.apply(this,arguments)};var j=!1;function P(e){j=e}var E=Symbol();function l(){var e=t.inject(E);if(!e)throw new Error("Inject five error!");return e}var x={display:"inline-block",overflow:"hidden"},U=t.defineComponent({props:{width:{type:Number,required:!0},height:{type:Number,required:!0}},setup:function(e){var r=t.toRef(e,"width"),n=t.toRef(e,"height"),o=l(),a=t.ref(null);return t.watch([r,n,a],function(){if(o.renderer&&a.value){if(o.renderer.domElement.parentNode!==null&&o.renderer.domElement.parentNode!==a.value)throw new Error("There are more than 2 fiveCanvas in this context.");o.renderer.domElement.parentNode!==a.value&&a.value.appendChild(o.renderer.domElement),o.camera.aspect=r.value/n.value,o.camera.updateProjectionMatrix(),o.renderer.setSize(r.value,n.value),o.refresh({width:r.value,height:n.value}),o.needsRender=!0}}),function(){return t.h("div",{id:"five",style:g({width:"".concat(r.value,"px"),height:"".concat(n.value,"px")},x),ref:a})}}}),h=[],w=[];function W(e){var r=e===void 0?{}:e,n=r.backgroundColor,o=n===void 0?1579548:n,a=r.backgroundAlpha,u=a===void 0?1:a,i=r.preserveDrawingBuffer,v=i===void 0?!0:i,f=r.pixelRatio,d=f===void 0?1:f,m=r.webgl2,p=m===void 0?!1:m;if(typeof window!="undefined"){var s=null;if(p?s=h.shift():s=w.shift(),!s){if(p){var b=document.createElement("canvas"),C=b.getContext("webgl2");C?s=new c.WebGLRenderer({preserveDrawingBuffer:v,antialias:!0,alpha:!0,stencil:!0,canvas:b,context:C}):(console.error("error occurred when getting webgl2 canvas context, mybe webgl2 not support, fallback to webgl."),s=new c.WebGLRenderer({preserveDrawingBuffer:v,antialias:!1,alpha:!0,stencil:!0}))}else s=new c.WebGLRenderer({preserveDrawingBuffer:v,antialias:!1,alpha:!0,stencil:!0});s.outputEncoding=c.sRGBEncoding}return s.setPixelRatio(d),s.setClearColor(o,u),s.autoClear=!0,s}}function _(e){if(e){var r=e.capabilities.isWebGL2;r?w.indexOf(e)===-1&&w.push(e):h.indexOf(e)===-1&&h.push(e)}}function A(e,r){var n=Array.isArray(e)?e:[e],o=Array.isArray(r)?r:[r];if(n.length!==o.length)return!1;for(var a=0;a<n.length;a++)if(n[a]!==o[a])return!1;return!0}var D=t.defineComponent({props:{works:Object,initialWorks:Object,initialState:Object,initialUserAction:Boolean,onWorksChange:Function,onStateChange:Function,onCurrentStateChange:Function,onError:Function,fiveInitArgs:{type:Object,default:function(){return{}}},style:Object},setup:function(e){var r,n=t.toRefs(e).works,o=F.getViewportScale(),a=o===1?window.devicePixelRatio:1,u=W({pixelRatio:a}),i=new F.Five(g({renderer:u},e.fiveInitArgs)),v=e.works||e.initialWorks;return v&&i.load(v,e.initialState,void 0,(r=e.initialUserAction)!==null&&r!==void 0?r:!0),P(!!e.works),n&&t.watch(n,function(f,d){f&&!A(f,i.works)&&i.load(f,e.initialState)}),t.onBeforeUnmount(function(){i&&(i.dispose(),_(i.renderer))}),i.on("load",function(){e.onWorksChange&&i.works&&e.onWorksChange(i==null?void 0:i.works)}),i.on("stateChange",function(f,d){e.onStateChange&&e.onStateChange(f,d)}),i.on("currentStateChange",function(f,d){e.onCurrentStateChange&&e.onCurrentStateChange(f,d)}),i.on("error",function(f){e.onError?e.onError(f):console.warn(f.message)}),t.provide(E,i),{five:t.shallowReadonly(i)}},render:function(){return t.h("div",{style:this.$props.style},this.$slots)}});function L(){var e=l(),r=t.ref(e.works),n=t.readonly(r),o=function(u,i,v,f){if(j)throw new Error("props 'work' is set in fiveProvider, if you need modify work internal, use 'initialWork' instead.");return e.load(u,i,v,f)},a=e.on("load",function(){r.value=e.works});return t.onBeforeUnmount(function(){a()}),[n,o]}function I(){var e=l(),r=t.ref(g({},e.state)),n=e.on("stateChange",function(a){Object.assign(r.value,g({},a))});t.onBeforeUnmount(function(){n()});var o=function(a,u,i){u===void 0&&(u=!1),i===void 0&&(i=!0);var v=typeof a=="function"?a(e.getCurrentState()):a;e.setState(v,u,i)};return[r,o]}function V(){var e=l(),r=t.ref(e.getCurrentState()),n=e.on("currentStateChange",function(){Object.assign(r.value,e.getCurrentState())});t.onBeforeUnmount(function(){n()});var o=function(a,u,i){var v=typeof a=="function"?a(e.getCurrentState()):a;e.setState(v,u,i)};return[r,o]}function H(){var e=l(),r=t.reactive(e.getCurrentState()),n=t.ref(e.works.getResolvedObserver(e.pano)),o=e.on("currentStateChange",function(){Object.assign(r,e.getCurrentState()),n.value=e.works.getResolvedObserver({workCode:r.workCode,panoIndex:r.panoIndex})});return t.onBeforeUnmount(function(){o()}),n}function M(e,r){var n=l(),o=n.on(e,r);t.onBeforeUnmount(function(){o()})}function q(){var e=l(),r=function(v,f){return e.updateCamera(v,f)},n=e.getPixels.bind(e),o=function(v){return e.render(v)},a=function(){return e.needsRender=!0},u=function(v,f){return e.preloadPano(v,f)},i=function(v,f){return f===void 0&&(f=!1),e.project2d(v,f)};return{updateCamera:r,getPixels:n,render:o,needsRender:a,preloadPano:u,project2d:i}}function N(e,r){r===void 0&&(r=!1);var n=l(),o=t.ref(Symbol()),a=t.shallowRef(e?n.project2d(t.isRef(e)?e.value:e,r):null),u=n.on("cameraUpdate",function(){o.value=Symbol()});return t.onBeforeUnmount(function(){u()}),t.watch([o,e],function(){a.value=n.project2d(t.isRef(e)?e.value:e,r)}),a}function G(){return N}function y(e){var r=e.camera.getWorldDirection(new c.Vector3),n=new c.Raycaster(e.camera.position,r);return n}function T(){var e=l(),r=t.shallowRef(y(e)),n=e.on("cameraUpdate",function(){r.value=y(e)});return t.onBeforeUnmount(function(){n()}),r}function S(e){return e.camera.getWorldDirection(new c.Vector3)}function $(){var e=l(),r=t.shallowRef(S(e)),n=e.on("cameraUpdate",function(){r.value=S(e)});return t.onBeforeUnmount(function(){n()}),r}function z(e){var r=l(),n=t.shallowRef([]);return t.watch(e,function(){n.value=r.model.intersectRaycaster(t.isRef(e)?e.value:e)}),n}function K(){return z}function R(e){return e.model.empty?"Empty":"Loaded"}function J(){var e=l(),r=t.ref(R(e)),n=e.on("modelLoaded",function(){r.value=R(e)});return t.onBeforeUnmount(function(){n()}),r}function Q(){var e=l(),r=t.ref(e.model.shownFloor),n=t.ref(e.model.floorLength),o=function(u){typeof u=="number"?e.model.show(u):e.model.show()},a=[];return a.push(e.on("modelShownFloorChange",function(){r.value=e.model.shownFloor})),a.push(e.on("modelLoaded",function(){n.value=e.model.floorLength})),t.onBeforeUnmount(function(){for(var u;u=a.shift();)u()}),[r,n,o]}function X(){var e=l(),r=t.ref(e.helperVisible),n=function(a){e.helperVisible=a},o=e.on("helpersVisibleChange",function(a){r.value=a});return t.onBeforeUnmount(function(){o()}),[r,n]}function Y(){return l()}function k(e){return e.model.bounding.clone()}function Z(){var e=l(),r=t.shallowRef(k(e)),n=e.on("modelLoaded",function(){r.value=k(e)});return t.onBeforeUnmount(function(){n()}),r}function ee(){var e=l();return e.scene}function re(){var e=l(),r=t.shallowRef(e.model),n=e.on("modelLoaded",function(){r.value=e.model});return t.onBeforeUnmount(function(){n()}),r}exports.FiveCanvas=U;exports.FiveProvider=D;exports.unsafe__useFiveInject=Y;exports.useFiveAction=q;exports.useFiveCameraDirection=$;exports.useFiveCameraRaycaster=T;exports.useFiveCurrentObserver=H;exports.useFiveCurrentState=V;exports.useFiveEventCallback=M;exports.useFiveFloor=Q;exports.useFiveHelper=X;exports.useFiveModel=re;exports.useFiveModelBounding=Z;exports.useFiveModelIntersectRaycaster=K;exports.useFiveModelReadyState=J;exports.useFiveProject2d=G;exports.useFiveScene=ee;exports.useFiveState=I;exports.useFiveWorks=L;

package/vue/index.mjs

@@ -1,8 +1,8 @@
 /**
  * @license
  * @realsee/five
- * Generated: 12/10/2024
- * Version: 6.4.0-alpha.0
+ * Generated: 1/8/2025
+ * Version: 6.4.0-alpha.10
  * Terms:
  * Realsee SDK License Agreement
  * Update: July 28, 2021
@@ -252,9 +252,9 @@
  * No amendment to or modification of this Agreement will be binding unless in 
  * writing and signed by Realsee. You and Realsee hereto confirm that this 
  * Agreement and all related documents shall be drafted in English.
-*/import { inject as _, defineComponent as P, toRef as R, ref as s, watch as b, h as O, toRefs as B, onBeforeUnmount as l, provide as D, shallowReadonly as I, readonly as V, reactive as U, shallowRef as p, isRef as C } from "vue";
+*/import { inject as _, defineComponent as P, toRef as R, ref as s, watch as w, h as O, toRefs as B, onBeforeUnmount as l, provide as D, shallowReadonly as I, readonly as V, reactive as U, shallowRef as p, isRef as m } from "vue";
 import { getViewportScale as G, Five as H } from "@realsee/five";
-import * as g from "three";
+import * as d from "three";
 var h = function() {
   return h = Object.assign || function(r) {
     for (var n, o = 1, t = arguments.length; o < t; o++) {
@@ -291,7 +291,7 @@ var q = {
   },
   setup: function(e) {
     var r = R(e, "width"), n = R(e, "height"), o = v(), t = s(null);
-    return b([r, n, t], function() {
+    return w([r, n, t], function() {
       if (o.renderer && t.value) {
         if (o.renderer.domElement.parentNode !== null && o.renderer.domElement.parentNode !== t.value)
           throw new Error("There are more than 2 fiveCanvas in this context.");
@@ -305,26 +305,26 @@ var q = {
       });
     };
   }
-}), y = [], S = [];
+}), b = [], C = [];
 function T(e) {
-  var r = e === void 0 ? {} : e, n = r.backgroundColor, o = n === void 0 ? 1579548 : n, t = r.backgroundAlpha, i = t === void 0 ? 1 : t, a = r.preserveDrawingBuffer, f = a === void 0 ? !0 : a, u = r.pixelRatio, d = u === void 0 ? 1 : u, w = r.webgl2, m = w === void 0 ? !1 : w;
+  var r = e === void 0 ? {} : e, n = r.backgroundColor, o = n === void 0 ? 1579548 : n, t = r.backgroundAlpha, i = t === void 0 ? 1 : t, a = r.preserveDrawingBuffer, f = a === void 0 ? !0 : a, u = r.pixelRatio, g = u === void 0 ? 1 : u, y = r.webgl2, S = y === void 0 ? !1 : y;
   if (typeof window != "undefined") {
     var c = null;
-    if (m ? c = y.shift() : c = S.shift(), !c) {
-      if (m) {
+    if (S ? c = b.shift() : c = C.shift(), !c) {
+      if (S) {
         var k = document.createElement("canvas"), F = k.getContext("webgl2");
-        F ? c = new g.WebGLRenderer({ preserveDrawingBuffer: f, antialias: !0, alpha: !0, stencil: !0, canvas: k, context: F }) : (console.error("error occurred when getting webgl2 canvas context, mybe webgl2 not support, fallback to webgl."), c = new g.WebGLRenderer({ preserveDrawingBuffer: f, antialias: !1, alpha: !0, stencil: !0 }));
+        F ? c = new d.WebGLRenderer({ preserveDrawingBuffer: f, antialias: !0, alpha: !0, stencil: !0, canvas: k, context: F }) : (console.error("error occurred when getting webgl2 canvas context, mybe webgl2 not support, fallback to webgl."), c = new d.WebGLRenderer({ preserveDrawingBuffer: f, antialias: !1, alpha: !0, stencil: !0 }));
       } else
-        c = new g.WebGLRenderer({ preserveDrawingBuffer: f, antialias: !1, alpha: !0, stencil: !0 });
-      c.outputEncoding = g.sRGBEncoding;
+        c = new d.WebGLRenderer({ preserveDrawingBuffer: f, antialias: !1, alpha: !0, stencil: !0 });
+      c.outputEncoding = d.sRGBEncoding;
     }
-    return c.setPixelRatio(d), c.setClearColor(o, i), c.autoClear = !0, c;
+    return c.setPixelRatio(g), c.setClearColor(o, i), c.autoClear = !0, c;
   }
 }
 function $(e) {
   if (e) {
     var r = e.capabilities.isWebGL2;
-    r ? S.indexOf(e) === -1 && S.push(e) : y.indexOf(e) === -1 && y.push(e);
+    r ? C.indexOf(e) === -1 && C.push(e) : b.indexOf(e) === -1 && b.push(e);
   }
 }
 function z(e, r) {
@@ -356,16 +356,16 @@ var Y = P({
   },
   setup: function(e) {
     var r, n = B(e).works, o = G(), t = o === 1 ? window.devicePixelRatio : 1, i = T({ pixelRatio: t }), a = new H(h({ renderer: i }, e.fiveInitArgs)), f = e.works || e.initialWorks;
-    return f && a.load(f, e.initialState, void 0, (r = e.initialUserAction) !== null && r !== void 0 ? r : !0), N(!!e.works), n && b(n, function(u, d) {
+    return f && a.load(f, e.initialState, void 0, (r = e.initialUserAction) !== null && r !== void 0 ? r : !0), N(!!e.works), n && w(n, function(u, g) {
       u && !z(u, a.works) && a.load(u, e.initialState);
     }), l(function() {
       a && (a.dispose(), $(a.renderer));
     }), a.on("load", function() {
       e.onWorksChange && a.works && e.onWorksChange(a == null ? void 0 : a.works);
-    }), a.on("stateChange", function(u, d) {
-      e.onStateChange && e.onStateChange(u, d);
-    }), a.on("currentStateChange", function(u, d) {
-      e.onCurrentStateChange && e.onCurrentStateChange(u, d);
+    }), a.on("stateChange", function(u, g) {
+      e.onStateChange && e.onStateChange(u, g);
+    }), a.on("currentStateChange", function(u, g) {
+      e.onCurrentStateChange && e.onCurrentStateChange(u, g);
     }), a.on("error", function(u) {
       e.onError ? e.onError(u) : console.warn(u.message);
     }), D(L, a), {
@@ -435,9 +435,7 @@ function te(e, r) {
 function oe() {
   var e = v(), r = function(f, u) {
     return e.updateCamera(f, u);
-  }, n = function(f, u, d, w, m) {
-    return e.getPixels(f, u, d, w, m);
-  }, o = function(f) {
+  }, n = e.getPixels.bind(e), o = function(f) {
     return e.render(f);
   }, t = function() {
     return e.needsRender = !0;
@@ -457,20 +455,20 @@ function oe() {
 }
 function K(e, r) {
   r === void 0 && (r = !1);
-  var n = v(), o = s(Symbol()), t = p(e ? n.project2d(C(e) ? e.value : e, r) : null), i = n.on("cameraUpdate", function() {
+  var n = v(), o = s(Symbol()), t = p(e ? n.project2d(m(e) ? e.value : e, r) : null), i = n.on("cameraUpdate", function() {
     o.value = Symbol();
   });
   return l(function() {
     i();
-  }), b([o, e], function() {
-    t.value = n.project2d(C(e) ? e.value : e, r);
+  }), w([o, e], function() {
+    t.value = n.project2d(m(e) ? e.value : e, r);
   }), t;
 }
 function ae() {
   return K;
 }
 function j(e) {
-  var r = e.camera.getWorldDirection(new g.Vector3()), n = new g.Raycaster(e.camera.position, r);
+  var r = e.camera.getWorldDirection(new d.Vector3()), n = new d.Raycaster(e.camera.position, r);
   return n;
 }
 function ie() {
@@ -482,7 +480,7 @@ function ie() {
   }), r;
 }
 function E(e) {
-  return e.camera.getWorldDirection(new g.Vector3());
+  return e.camera.getWorldDirection(new d.Vector3());
 }
 function ue() {
   var e = v(), r = p(E(e)), n = e.on("cameraUpdate", function() {
@@ -494,8 +492,8 @@ function ue() {
 }
 function M(e) {
   var r = v(), n = p([]);
-  return b(e, function() {
-    n.value = r.model.intersectRaycaster(C(e) ? e.value : e);
+  return w(e, function() {
+    n.value = r.model.intersectRaycaster(m(e) ? e.value : e);
   }), n;
 }
 function fe() {