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

package/vfx/index.js

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

package/vfx/index.mjs

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

package/vue/index.js

@@ -1,8 +1,8 @@
 /**
  * @license
  * @realsee/five
- * Generated: 2024/8/21
- * Version: 6.2.0-alpha.0
+ * Generated: 9/12/2024
+ * Version: 6.2.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"),g=require("@realsee/five"),R=require("three");function k(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const d=k(R);var s=function(){return s=Object.assign||function(n){for(var r,a=1,o=arguments.length;a<o;a++){r=arguments[a];for(var f in r)Object.prototype.hasOwnProperty.call(r,f)&&(n[f]=r[f])}return n},s.apply(this,arguments)};var C=!1;function j(e){C=e}var y=Symbol();function l(){var e=t.inject(y);if(!e)throw new Error("Inject five error!");return e}var E={display:"inline-block",overflow:"hidden"},O=t.defineComponent({props:{width:{type:Number,required:!0},height:{type:Number,required:!0}},setup:function(e){var n=t.toRef(e,"width"),r=t.toRef(e,"height"),a=l(),o=t.ref(null);return t.watch([n,r,o],function(){if(a.renderer&&o.value){if(a.renderer.domElement.parentNode!==null&&a.renderer.domElement.parentNode!==o.value)throw new Error("There are more than 2 fiveCanvas in this context.");a.renderer.domElement.parentNode!==o.value&&o.value.appendChild(a.renderer.domElement),a.camera.aspect=n.value/r.value,a.camera.updateProjectionMatrix(),a.renderer.setSize(n.value,r.value),a.needsRender=!0}}),function(){return t.h("div",{id:"five",style:s({width:"".concat(n.value,"px"),height:"".concat(r.value,"px")},E),ref:o})}}}),h=[];function P(e){var n=e===void 0?{}:e,r=n.backgroundColor,a=r===void 0?1579548:r,o=n.backgroundAlpha,f=o===void 0?1:o,u=n.pixelRatio,v=u===void 0?1:u;if(typeof window!="undefined"){var i=h.shift();return i||(i=new d.WebGLRenderer({antialias:!1,alpha:!0}),i.outputEncoding=d.sRGBEncoding),i.setPixelRatio(v),i.setClearColor(a,f),i.autoClear=!0,i}}function B(e){e&&h.indexOf(e)===-1&&h.push(e)}function U(e,n){var r=Array.isArray(e)?e:[e],a=Array.isArray(n)?n:[n];if(r.length!==a.length)return!1;for(var o=0;o<r.length;o++)if(r[o]!==a[o])return!1;return!0}var x=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 n,r=t.toRefs(e).works,a=g.getViewportScale(),o=a===1?window.devicePixelRatio:1,f=P({pixelRatio:o}),u=new g.Five(s({renderer:f},e.fiveInitArgs)),v=e.works||e.initialWorks;return v&&u.load(v,e.initialState,void 0,(n=e.initialUserAction)!==null&&n!==void 0?n:!0),j(!!e.works),r&&t.watch(r,function(i,c){i&&!U(i,u.works)&&u.load(i,e.initialState)}),t.onBeforeUnmount(function(){u&&(u.dispose(),B(u.renderer))}),u.on("load",function(){e.onWorksChange&&u.works&&e.onWorksChange(u==null?void 0:u.works)}),u.on("stateChange",function(i,c){e.onStateChange&&e.onStateChange(i,c)}),u.on("currentStateChange",function(i,c){e.onCurrentStateChange&&e.onCurrentStateChange(i,c)}),u.on("error",function(i){e.onError?e.onError(i):console.warn(i.message)}),t.provide(y,u),{five:t.shallowReadonly(u)}},render:function(){return t.h("div",{style:this.$props.style},this.$slots)}});function W(){var e=l(),n=t.ref(e.works),r=t.readonly(n),a=function(f,u,v,i){if(C)throw new Error("props 'work' is set in fiveProvider, if you need modify work internal, use 'initialWork' instead.");return e.load(f,u,v,i)},o=e.on("load",function(){n.value=e.works});return t.onBeforeUnmount(function(){o()}),[r,a]}function _(){var e=l(),n=t.ref(s({},e.state)),r=e.on("stateChange",function(o){Object.assign(n.value,s({},o))});t.onBeforeUnmount(function(){r()});var a=function(o,f,u){f===void 0&&(f=!1),u===void 0&&(u=!0);var v=typeof o=="function"?o(e.getCurrentState()):o;e.setState(v,f,u)};return[n,a]}function A(){var e=l(),n=t.ref(e.getCurrentState()),r=e.on("currentStateChange",function(){Object.assign(n.value,e.getCurrentState())});t.onBeforeUnmount(function(){r()});var a=function(o,f,u){var v=typeof o=="function"?o(e.getCurrentState()):o;e.setState(v,f,u)};return[n,a]}function I(){var e=l(),n=t.reactive(e.getCurrentState()),r=t.ref(e.works.getResolvedObserver(e.pano)),a=e.on("currentStateChange",function(){Object.assign(n,e.getCurrentState()),r.value=e.works.getResolvedObserver({workCode:n.workCode,panoIndex:n.panoIndex})});return t.onBeforeUnmount(function(){a()}),r}function L(e,n){var r=l(),a=r.on(e,n);t.onBeforeUnmount(function(){a()})}function V(){var e=l(),n=function(v,i){return e.updateCamera(v,i)},r=function(v,i,c,S,b){return e.getPixels(v,i,c,S,b)},a=function(v){return e.render(v)},o=function(){return e.needsRender=!0},f=function(v,i){return e.preloadPano(v,i)},u=function(v,i){return i===void 0&&(i=!1),e.project2d(v,i)};return{updateCamera:n,getPixels:r,render:a,needsRender:o,preloadPano:f,project2d:u}}function D(e,n){n===void 0&&(n=!1);var r=l(),a=t.ref(Symbol()),o=t.shallowRef(e?r.project2d(t.isRef(e)?e.value:e,n):null),f=r.on("cameraUpdate",function(){a.value=Symbol()});return t.onBeforeUnmount(function(){f()}),t.watch([a,e],function(){o.value=r.project2d(t.isRef(e)?e.value:e,n)}),o}function H(){return D}function m(e){var n=e.camera.getWorldDirection(new d.Vector3),r=new d.Raycaster(e.camera.position,n);return r}function M(){var e=l(),n=t.shallowRef(m(e)),r=e.on("cameraUpdate",function(){n.value=m(e)});return t.onBeforeUnmount(function(){r()}),n}function p(e){return e.camera.getWorldDirection(new d.Vector3)}function q(){var e=l(),n=t.shallowRef(p(e)),r=e.on("cameraUpdate",function(){n.value=p(e)});return t.onBeforeUnmount(function(){r()}),n}function N(e){var n=l(),r=t.shallowRef([]);return t.watch(e,function(){r.value=n.model.intersectRaycaster(t.isRef(e)?e.value:e)}),r}function T(){return N}function w(e){return e.model.empty?"Empty":"Loaded"}function $(){var e=l(),n=t.ref(w(e)),r=e.on("modelLoaded",function(){n.value=w(e)});return t.onBeforeUnmount(function(){r()}),n}function z(){var e=l(),n=t.ref(e.model.shownFloor),r=t.ref(e.model.floorLength),a=function(f){typeof f=="number"?e.model.show(f):e.model.show()},o=[];return o.push(e.on("modelShownFloorChange",function(){n.value=e.model.shownFloor})),o.push(e.on("modelLoaded",function(){r.value=e.model.floorLength})),t.onBeforeUnmount(function(){for(var f;f=o.shift();)f()}),[n,r,a]}function G(){var e=l(),n=t.ref(e.helperVisible),r=function(o){e.helperVisible=o},a=e.on("helpersVisibleChange",function(o){n.value=o});return t.onBeforeUnmount(function(){a()}),[n,r]}function K(){return l()}function F(e){return e.model.bounding.clone()}function J(){var e=l(),n=t.shallowRef(F(e)),r=e.on("modelLoaded",function(){n.value=F(e)});return t.onBeforeUnmount(function(){r()}),n}function Q(){var e=l();return e.scene}function X(){var e=l(),n=t.shallowRef(e.model),r=e.on("modelLoaded",function(){n.value=e.model});return t.onBeforeUnmount(function(){r()}),n}exports.FiveCanvas=O;exports.FiveProvider=x;exports.unsafe__useFiveInject=K;exports.useFiveAction=V;exports.useFiveCameraDirection=q;exports.useFiveCameraRaycaster=M;exports.useFiveCurrentObserver=I;exports.useFiveCurrentState=A;exports.useFiveEventCallback=L;exports.useFiveFloor=z;exports.useFiveHelper=G;exports.useFiveModel=X;exports.useFiveModelBounding=J;exports.useFiveModelIntersectRaycaster=T;exports.useFiveModelReadyState=$;exports.useFiveProject2d=H;exports.useFiveScene=Q;exports.useFiveState=_;exports.useFiveWorks=W;
+*/"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;

package/vue/index.mjs

@@ -1,8 +1,8 @@
 /**
  * @license
  * @realsee/five
- * Generated: 2024/8/21
- * Version: 6.2.0-alpha.0
+ * Generated: 9/12/2024
+ * Version: 6.2.0-alpha.10
  * Terms:
  * Realsee SDK License Agreement
  * Update: July 28, 2021
@@ -252,33 +252,33 @@
  * 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 P, defineComponent as F, toRef as C, ref as c, watch as p, h as R, toRefs as W, onBeforeUnmount as l, provide as A, shallowReadonly as _, readonly as L, reactive as I, shallowRef as h, isRef as m } from "vue";
-import { getViewportScale as V, Five as U } from "@realsee/five";
+*/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 { getViewportScale as G, Five as H } from "@realsee/five";
 import * as g from "three";
-var s = function() {
-  return s = Object.assign || function(r) {
+var h = function() {
+  return h = Object.assign || function(r) {
     for (var n, o = 1, t = arguments.length; o < t; o++) {
       n = arguments[o];
-      for (var u in n) Object.prototype.hasOwnProperty.call(n, u) && (r[u] = n[u]);
+      for (var i in n) Object.prototype.hasOwnProperty.call(n, i) && (r[i] = n[i]);
     }
     return r;
-  }, s.apply(this, arguments);
+  }, h.apply(this, arguments);
 };
-var j = !1;
-function B(e) {
-  j = e;
+var A = !1;
+function N(e) {
+  A = e;
 }
-var E = Symbol();
+var L = Symbol();
 function v() {
-  var e = P(E);
+  var e = _(L);
   if (!e)
     throw new Error("Inject five error!");
   return e;
 }
-var H = {
+var q = {
   display: "inline-block",
   overflow: "hidden"
-}, K = F({
+}, X = P({
   props: {
     width: {
       type: Number,
@@ -290,33 +290,44 @@ var H = {
     }
   },
   setup: function(e) {
-    var r = C(e, "width"), n = C(e, "height"), o = v(), t = c(null);
-    return p([r, n, t], function() {
+    var r = R(e, "width"), n = R(e, "height"), o = v(), t = s(null);
+    return b([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.");
-        o.renderer.domElement.parentNode !== t.value && t.value.appendChild(o.renderer.domElement), o.camera.aspect = r.value / n.value, o.camera.updateProjectionMatrix(), o.renderer.setSize(r.value, n.value), o.needsRender = !0;
+        o.renderer.domElement.parentNode !== t.value && t.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 R("div", {
+      return O("div", {
         id: "five",
-        style: s({ width: "".concat(r.value, "px"), height: "".concat(n.value, "px") }, H),
+        style: h({ width: "".concat(r.value, "px"), height: "".concat(n.value, "px") }, q),
         ref: t
       });
     };
   }
-}), w = [];
-function N(e) {
-  var r = e === void 0 ? {} : e, n = r.backgroundColor, o = n === void 0 ? 1579548 : n, t = r.backgroundAlpha, u = t === void 0 ? 1 : t, i = r.pixelRatio, f = i === void 0 ? 1 : i;
+}), y = [], S = [];
+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;
   if (typeof window != "undefined") {
-    var a = w.shift();
-    return a || (a = new g.WebGLRenderer({ antialias: !1, alpha: !0 }), a.outputEncoding = g.sRGBEncoding), a.setPixelRatio(f), a.setClearColor(o, u), a.autoClear = !0, a;
+    var c = null;
+    if (m ? c = y.shift() : c = S.shift(), !c) {
+      if (m) {
+        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 }));
+      } else
+        c = new g.WebGLRenderer({ preserveDrawingBuffer: f, antialias: !1, alpha: !0, stencil: !0 });
+      c.outputEncoding = g.sRGBEncoding;
+    }
+    return c.setPixelRatio(d), c.setClearColor(o, i), c.autoClear = !0, c;
   }
 }
-function D(e) {
-  e && w.indexOf(e) === -1 && w.push(e);
+function $(e) {
+  if (e) {
+    var r = e.capabilities.isWebGL2;
+    r ? S.indexOf(e) === -1 && S.push(e) : y.indexOf(e) === -1 && y.push(e);
+  }
 }
-function q(e, r) {
+function z(e, r) {
   var n = Array.isArray(e) ? e : [e], o = Array.isArray(r) ? r : [r];
   if (n.length !== o.length)
     return !1;
@@ -325,7 +336,7 @@ function q(e, r) {
       return !1;
   return !0;
 }
-var M = F({
+var Y = P({
   props: {
     works: Object,
     initialWorks: Object,
@@ -344,32 +355,32 @@ var M = F({
     style: Object
   },
   setup: function(e) {
-    var r, n = W(e).works, o = V(), t = o === 1 ? window.devicePixelRatio : 1, u = N({ pixelRatio: t }), i = new U(s({ renderer: u }, e.fiveInitArgs)), f = e.works || e.initialWorks;
-    return f && i.load(f, e.initialState, void 0, (r = e.initialUserAction) !== null && r !== void 0 ? r : !0), B(!!e.works), n && p(n, function(a, d) {
-      a && !q(a, i.works) && i.load(a, e.initialState);
+    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) {
+      u && !z(u, a.works) && a.load(u, e.initialState);
     }), l(function() {
-      i && (i.dispose(), D(i.renderer));
-    }), i.on("load", function() {
-      e.onWorksChange && i.works && e.onWorksChange(i == null ? void 0 : i.works);
-    }), i.on("stateChange", function(a, d) {
-      e.onStateChange && e.onStateChange(a, d);
-    }), i.on("currentStateChange", function(a, d) {
-      e.onCurrentStateChange && e.onCurrentStateChange(a, d);
-    }), i.on("error", function(a) {
-      e.onError ? e.onError(a) : console.warn(a.message);
-    }), A(E, i), {
-      five: _(i)
+      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("error", function(u) {
+      e.onError ? e.onError(u) : console.warn(u.message);
+    }), D(L, a), {
+      five: I(a)
     };
   },
   render: function() {
-    return R("div", { style: this.$props.style }, this.$slots);
+    return O("div", { style: this.$props.style }, this.$slots);
   }
 });
-function J() {
-  var e = v(), r = c(e.works), n = L(r), o = function(u, i, f, a) {
-    if (j)
+function Z() {
+  var e = v(), r = s(e.works), n = V(r), o = function(i, a, f, u) {
+    if (A)
       throw new Error("props 'work' is set in fiveProvider, if you need modify work internal, use 'initialWork' instead.");
-    return e.load(u, i, f, a);
+    return e.load(i, a, f, u);
   }, t = e.on("load", function() {
     r.value = e.works;
   });
@@ -377,35 +388,35 @@ function J() {
     t();
   }), [n, o];
 }
-function Q() {
-  var e = v(), r = c(s({}, e.state)), n = e.on("stateChange", function(t) {
-    Object.assign(r.value, s({}, t));
+function ee() {
+  var e = v(), r = s(h({}, e.state)), n = e.on("stateChange", function(t) {
+    Object.assign(r.value, h({}, t));
   });
   l(function() {
     n();
   });
-  var o = function(t, u, i) {
-    u === void 0 && (u = !1), i === void 0 && (i = !0);
+  var o = function(t, i, a) {
+    i === void 0 && (i = !1), a === void 0 && (a = !0);
     var f = typeof t == "function" ? t(e.getCurrentState()) : t;
-    e.setState(f, u, i);
+    e.setState(f, i, a);
   };
   return [r, o];
 }
-function X() {
-  var e = v(), r = c(e.getCurrentState()), n = e.on("currentStateChange", function() {
+function re() {
+  var e = v(), r = s(e.getCurrentState()), n = e.on("currentStateChange", function() {
     Object.assign(r.value, e.getCurrentState());
   });
   l(function() {
     n();
   });
-  var o = function(t, u, i) {
+  var o = function(t, i, a) {
     var f = typeof t == "function" ? t(e.getCurrentState()) : t;
-    e.setState(f, u, i);
+    e.setState(f, i, a);
   };
   return [r, o];
 }
-function Y() {
-  var e = v(), r = I(e.getCurrentState()), n = c(e.works.getResolvedObserver(e.pano)), o = e.on("currentStateChange", function() {
+function ne() {
+  var e = v(), r = U(e.getCurrentState()), n = s(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
@@ -415,107 +426,107 @@ function Y() {
     o();
   }), n;
 }
-function Z(e, r) {
+function te(e, r) {
   var n = v(), o = n.on(e, r);
   l(function() {
     o();
   });
 }
-function ee() {
-  var e = v(), r = function(f, a) {
-    return e.updateCamera(f, a);
-  }, n = function(f, a, d, x, O) {
-    return e.getPixels(f, a, d, x, O);
+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) {
     return e.render(f);
   }, t = function() {
     return e.needsRender = !0;
-  }, u = function(f, a) {
-    return e.preloadPano(f, a);
-  }, i = function(f, a) {
-    return a === void 0 && (a = !1), e.project2d(f, a);
+  }, i = function(f, u) {
+    return e.preloadPano(f, u);
+  }, a = function(f, u) {
+    return u === void 0 && (u = !1), e.project2d(f, u);
   };
   return {
     updateCamera: r,
     getPixels: n,
     render: o,
     needsRender: t,
-    preloadPano: u,
-    project2d: i
+    preloadPano: i,
+    project2d: a
   };
 }
-function G(e, r) {
+function K(e, r) {
   r === void 0 && (r = !1);
-  var n = v(), o = c(Symbol()), t = h(e ? n.project2d(m(e) ? e.value : e, r) : null), u = n.on("cameraUpdate", function() {
+  var n = v(), o = s(Symbol()), t = p(e ? n.project2d(C(e) ? e.value : e, r) : null), i = n.on("cameraUpdate", function() {
     o.value = Symbol();
   });
   return l(function() {
-    u();
-  }), p([o, e], function() {
-    t.value = n.project2d(m(e) ? e.value : e, r);
+    i();
+  }), b([o, e], function() {
+    t.value = n.project2d(C(e) ? e.value : e, r);
   }), t;
 }
-function re() {
-  return G;
+function ae() {
+  return K;
 }
-function y(e) {
+function j(e) {
   var r = e.camera.getWorldDirection(new g.Vector3()), n = new g.Raycaster(e.camera.position, r);
   return n;
 }
-function ne() {
-  var e = v(), r = h(y(e)), n = e.on("cameraUpdate", function() {
-    r.value = y(e);
+function ie() {
+  var e = v(), r = p(j(e)), n = e.on("cameraUpdate", function() {
+    r.value = j(e);
   });
   return l(function() {
     n();
   }), r;
 }
-function S(e) {
+function E(e) {
   return e.camera.getWorldDirection(new g.Vector3());
 }
-function te() {
-  var e = v(), r = h(S(e)), n = e.on("cameraUpdate", function() {
-    r.value = S(e);
+function ue() {
+  var e = v(), r = p(E(e)), n = e.on("cameraUpdate", function() {
+    r.value = E(e);
   });
   return l(function() {
     n();
   }), r;
 }
-function T(e) {
-  var r = v(), n = h([]);
-  return p(e, function() {
-    n.value = r.model.intersectRaycaster(m(e) ? e.value : e);
+function M(e) {
+  var r = v(), n = p([]);
+  return b(e, function() {
+    n.value = r.model.intersectRaycaster(C(e) ? e.value : e);
   }), n;
 }
-function oe() {
-  return T;
+function fe() {
+  return M;
 }
-function b(e) {
+function x(e) {
   return e.model.empty ? "Empty" : "Loaded";
 }
-function ae() {
-  var e = v(), r = c(b(e)), n = e.on("modelLoaded", function() {
-    r.value = b(e);
+function ve() {
+  var e = v(), r = s(x(e)), n = e.on("modelLoaded", function() {
+    r.value = x(e);
   });
   return l(function() {
     n();
   }), r;
 }
-function ie() {
-  var e = v(), r = c(e.model.shownFloor), n = c(e.model.floorLength), o = function(u) {
-    typeof u == "number" ? e.model.show(u) : e.model.show();
+function le() {
+  var e = v(), r = s(e.model.shownFloor), n = s(e.model.floorLength), o = function(i) {
+    typeof i == "number" ? e.model.show(i) : e.model.show();
   }, t = [];
   return t.push(e.on("modelShownFloorChange", function() {
     r.value = e.model.shownFloor;
   })), t.push(e.on("modelLoaded", function() {
     n.value = e.model.floorLength;
   })), l(function() {
-    for (var u; u = t.shift(); )
-      u();
+    for (var i; i = t.shift(); )
+      i();
   }), [r, n, o];
 }
-function ue() {
-  var e = v(), r = c(e.helperVisible), n = function(t) {
+function ce() {
+  var e = v(), r = s(e.helperVisible), n = function(t) {
     e.helperVisible = t;
   }, o = e.on("helpersVisibleChange", function(t) {
     r.value = t;
@@ -524,26 +535,26 @@ function ue() {
     o();
   }), [r, n];
 }
-function fe() {
+function se() {
   return v();
 }
-function k(e) {
+function W(e) {
   return e.model.bounding.clone();
 }
-function ve() {
-  var e = v(), r = h(k(e)), n = e.on("modelLoaded", function() {
-    r.value = k(e);
+function de() {
+  var e = v(), r = p(W(e)), n = e.on("modelLoaded", function() {
+    r.value = W(e);
   });
   return l(function() {
     n();
   }), r;
 }
-function le() {
+function ge() {
   var e = v();
   return e.scene;
 }
-function ce() {
-  var e = v(), r = h(e.model), n = e.on("modelLoaded", function() {
+function he() {
+  var e = v(), r = p(e.model), n = e.on("modelLoaded", function() {
     r.value = e.model;
   });
   return l(function() {
@@ -551,23 +562,23 @@ function ce() {
   }), r;
 }
 export {
-  K as FiveCanvas,
-  M as FiveProvider,
-  fe as unsafe__useFiveInject,
-  ee as useFiveAction,
-  te as useFiveCameraDirection,
-  ne as useFiveCameraRaycaster,
-  Y as useFiveCurrentObserver,
-  X as useFiveCurrentState,
-  Z as useFiveEventCallback,
-  ie as useFiveFloor,
-  ue as useFiveHelper,
-  ce as useFiveModel,
-  ve as useFiveModelBounding,
-  oe as useFiveModelIntersectRaycaster,
-  ae as useFiveModelReadyState,
-  re as useFiveProject2d,
-  le as useFiveScene,
-  Q as useFiveState,
-  J as useFiveWorks
+  X as FiveCanvas,
+  Y as FiveProvider,
+  se as unsafe__useFiveInject,
+  oe as useFiveAction,
+  ue as useFiveCameraDirection,
+  ie as useFiveCameraRaycaster,
+  ne as useFiveCurrentObserver,
+  re as useFiveCurrentState,
+  te as useFiveEventCallback,
+  le as useFiveFloor,
+  ce as useFiveHelper,
+  he as useFiveModel,
+  de as useFiveModelBounding,
+  fe as useFiveModelIntersectRaycaster,
+  ve as useFiveModelReadyState,
+  ae as useFiveProject2d,
+  ge as useFiveScene,
+  ee as useFiveState,
+  Z as useFiveWorks
 };