@xviewer.js/core 1.0.0-alpha.8 → 1.0.0-beta.1

package/dist/module.js

@@ -1,4 +1,4 @@
-import { Mesh, EquirectangularReflectionMapping, FileLoader, TextureLoader, MathUtils, Vector3, Quaternion, Raycaster, Vector2, Spherical, Object3D, BoxGeometry, SphereGeometry, PlaneGeometry, HalfFloatType, FloatType, UnsignedByteType, OrthographicCamera, BufferGeometry, Float32BufferAttribute, WebGLRenderTarget, ClampToEdgeWrapping, NearestFilter, LinearFilter, LinearMipMapLinearFilter, SRGBColorSpace, WebGLCubeRenderTarget, DataTexture, RGBAFormat, UVMapping, Scene, PerspectiveCamera, WebGLRenderer, PCFSoftShadowMap, LoadingManager, LinearToneMapping } from 'three';
+import { Mesh, EquirectangularReflectionMapping, FileLoader, TextureLoader, MathUtils, Vector3, Quaternion, Raycaster, Vector2, Spherical, Object3D, BoxGeometry, SphereGeometry, PlaneGeometry, HalfFloatType, FloatType, UnsignedByteType, OrthographicCamera, BufferGeometry, Float32BufferAttribute, WebGLRenderTarget, ClampToEdgeWrapping, NearestFilter, LinearFilter, LinearMipMapLinearFilter, SRGBColorSpace, WebGLCubeRenderTarget, DataTexture, RGBAFormat, UVMapping, Scene, LinearToneMapping, PerspectiveCamera, WebGLRenderer, PCFSoftShadowMap, LoadingManager } from 'three';
 import { EXRLoader } from 'three/examples/jsm/loaders/EXRLoader.js';
 import { FBXLoader } from 'three/examples/jsm/loaders/FBXLoader.js';
 import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
@@ -135,6 +135,10 @@ function mixin(derivedCtor, baseCtors) {
     });
 }
 
+function getClassInstance(constructor, args = []) {
+    return typeof constructor === "function" ? new constructor(...args) : constructor;
+}
+
 /**
  * The Ease class provides a collection of easing functions for use with tween.js.
  */ var Easing = {
@@ -1155,18 +1159,65 @@ class aTextureLoader extends aLoader {
     }
 }
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+
+function __decorate(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+class ClassProperties {
+    property(propertyKey, options = {}) {
+        this._properties[propertyKey] = options;
+        return this;
+    }
+    applyProperties(target) {
+        Object.assign(target, this._properties);
+        return target;
+    }
+    constructor(clsName){
+        this.clsName = clsName;
+        this._properties = Object.create(null);
+    }
+}
 class PropertyManager {
-    static _getProperties(target) {
-        return this._propertiesMap.get(target.constructor);
+    static _hasProperties(constructor) {
+        return PropertyManager._propertyMap.has(constructor);
     }
-    static _hasProperties(target) {
-        return this._propertiesMap.has(target.constructor);
+    static _getProperties(constructor, autoAdd = true) {
+        let props = PropertyManager._propertyMap.get(constructor);
+        if (props === undefined && autoAdd) {
+            props = Object.create(null);
+            PropertyManager._propertyMap.set(constructor, props);
+        }
+        return props;
     }
-    static _getMergedProperties(target) {
+    static _getMergedProperties(constructor) {
         let props = null;
-        let constructor = target.constructor;
         while(constructor !== Object.constructor.prototype){
-            let values = PropertyManager._propertiesMap.get(constructor);
+            let values = PropertyManager._getProperties(constructor, false);
             if (values) {
                 if (props === null) {
                     props = Object.create(null);
@@ -1177,17 +1228,29 @@ class PropertyManager {
         }
         return props;
     }
+    static _getClassProperties(clsName, autoAdd = true) {
+        let props = PropertyManager._classMap.get(clsName);
+        if (props === undefined && autoAdd) {
+            props = new ClassProperties(clsName);
+            PropertyManager._classMap.set(clsName, props);
+        }
+        return props;
+    }
+    static _applyClassProperties(clsName, constructor) {
+        let cls = PropertyManager._getClassProperties(clsName, false);
+        if (cls) {
+            return cls.applyProperties(PropertyManager._getProperties(constructor));
+        } else {
+            return PropertyManager._getProperties(constructor, false);
+        }
+    }
 }
-PropertyManager._propertiesMap = new Map();
+PropertyManager._classMap = new Map();
+PropertyManager._propertyMap = new Map();
 function property(target, propertyKey) {
     let options = null;
     function normalized(target, propertyKey) {
-        let targetMap = PropertyManager._propertiesMap.get(target.constructor);
-        if (targetMap === undefined) {
-            targetMap = Object.create(null);
-            PropertyManager._propertiesMap.set(target.constructor, targetMap);
-        }
-        targetMap[propertyKey] = options;
+        PropertyManager._getProperties(target.constructor)[propertyKey] = options;
     }
     if (target === undefined) {
         return property({});
@@ -1200,12 +1263,6 @@ function property(target, propertyKey) {
     }
 }
 
-function _ts_decorate$3(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
 const CinestationBlendStyle = {
     Linear: Easing.Linear.None,
     QuadraticIn: Easing.Quadratic.In,
@@ -1218,12 +1275,12 @@ class CinestationBlendDefinition {
         this.time = 4;
     }
 }
-_ts_decorate$3([
+__decorate([
     property({
         value: CinestationBlendStyle
     })
 ], CinestationBlendDefinition.prototype, "style", void 0);
-_ts_decorate$3([
+__decorate([
     property
 ], CinestationBlendDefinition.prototype, "time", void 0);
 
@@ -1287,12 +1344,6 @@ class Component extends ObjectInstance {
     }
 }
 
-function _ts_decorate$2(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
 const { clamp: clamp$1, lerp } = MathUtils;
 class CinestationBrain extends Component {
     get vcam() {
@@ -1365,16 +1416,10 @@ class CinestationBrain extends Component {
         this.onChanged = null;
     }
 }
-_ts_decorate$2([
+__decorate([
     property
 ], CinestationBrain.prototype, "brainBlend", void 0);
 
-function _ts_decorate$1(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
 class VirtualCamera extends Component {
     get finalPosition() {
         return this._finalPosition.copy(this.node.position).add(this.correctPosition);
@@ -1416,17 +1461,17 @@ class VirtualCamera extends Component {
         this.trackedObjectOffset = new Vector3();
     }
 }
-_ts_decorate$1([
+__decorate([
     property({
         dir: "lens"
     })
 ], VirtualCamera.prototype, "fov", void 0);
-_ts_decorate$1([
+__decorate([
     property({
         dir: "lens"
     })
 ], VirtualCamera.prototype, "near", void 0);
-_ts_decorate$1([
+__decorate([
     property({
         dir: "lens"
     })
@@ -1962,12 +2007,6 @@ function quarticDamp(current, target, dampTime, deltaTime) {
 
 const Vector3_ZERO = new Vector3();
 
-function _ts_decorate(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
 const { clamp, degToRad } = MathUtils;
 const { abs, tan } = Math;
 const VCamFreeLookMode = {
@@ -2231,37 +2270,37 @@ FreelookVirtualCamera.__xAxis = new Vector3();
 FreelookVirtualCamera.__yAxis = new Vector3();
 FreelookVirtualCamera.__quat = new Quaternion();
 FreelookVirtualCamera.__spherical = new Spherical();
-_ts_decorate([
+__decorate([
     property({
         value: VCamFreeLookMode
     })
 ], FreelookVirtualCamera.prototype, "mode", void 0);
-_ts_decorate([
+__decorate([
     property({
         dir: "set"
     })
 ], FreelookVirtualCamera.prototype, "forbidX", void 0);
-_ts_decorate([
+__decorate([
     property({
         dir: "set"
     })
 ], FreelookVirtualCamera.prototype, "forbidY", void 0);
-_ts_decorate([
+__decorate([
     property({
         dir: "set"
     })
 ], FreelookVirtualCamera.prototype, "forbidZ", void 0);
-_ts_decorate([
+__decorate([
     property({
         dir: "set"
     })
 ], FreelookVirtualCamera.prototype, "forbidPanX", void 0);
-_ts_decorate([
+__decorate([
     property({
         dir: "set"
     })
 ], FreelookVirtualCamera.prototype, "forbidPanY", void 0);
-_ts_decorate([
+__decorate([
     property({
         dir: "set"
     })
@@ -2285,6 +2324,53 @@ class Plane extends Mesh {
     }
 }
 
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) resolve(value);
+    else Promise.resolve(value).then(_next, _throw);
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+
+            _next(undefined);
+        });
+    };
+}
+
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+
+    for (i = 0; i < sourceKeys.length; i++) {
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+
+    return target;
+}
+
 class Caller {
     get pause() {
         return this._pause;
@@ -2789,7 +2875,12 @@ class ResourceManager {
             this._loaders.set(ext, loader);
         }
     }
-    loadAsset({ url, ext, onProgress, ...props }) {
+    loadAsset(_param) {
+        var { url, ext, onProgress } = _param, props = _object_without_properties_loose(_param, [
+            "url",
+            "ext",
+            "onProgress"
+        ]);
         return new Promise((resolve, reject)=>{
             const info = ResourceManager._parseURL(url);
             const texSettings = ResourceManager._splitTextureSettings(props);
@@ -2812,7 +2903,7 @@ class ResourceManager {
                         onError: reject
                     });
                 } else {
-                    reject("missing loader for " + ext);
+                    reject("ResourceManager.loadAsset: missing loader for " + ext);
                 }
             }
         });
@@ -2890,7 +2981,7 @@ class PluginManager {
         return ins;
     }
     addPlugin(plugin) {
-        const ins = Viewer._getClassInstance(plugin);
+        const ins = getClassInstance(plugin);
         if (this._pluginsMap.has(ins.constructor)) {
             Logger.warn("Plugin already added");
         } else {
@@ -2898,6 +2989,7 @@ class PluginManager {
             ins.install && ins.install();
             this._plugins.push(ins);
             this._pluginsMap.set(ins.constructor, ins);
+            PropertyManager._applyClassProperties(ins.type, ins.constructor);
         }
         return ins;
     }
@@ -2918,9 +3010,6 @@ class PluginManager {
 }
 
 class Viewer extends EventEmitter {
-    static _getClassInstance(constructor, args = []) {
-        return typeof constructor === "function" ? new constructor(...args) : constructor;
-    }
     static _setDirectLightShadow(shadow, props) {
         const shadowCamera = shadow.camera;
         for(let i = 0; i < props.length && i < 6; i++){
@@ -3035,6 +3124,7 @@ class Viewer extends EventEmitter {
         this.addLoader(aGLTFLoader);
         this.addLoader(aHDRLoader);
         this.addLoader(aTextureLoader);
+        this.addLoader(aJSONLoader);
     }
     _frame(time) {
         this._time = time;
@@ -3148,20 +3238,30 @@ class Viewer extends EventEmitter {
     addLoader(Loader) {
         this._resourceManager.addLoader(Loader);
     }
-    async load({ url, ext, onProgress, castShadow = false, receiveShadow = false, ...props }) {
-        const node = await this.loadAsset({
-            url,
-            ext,
-            onProgress
-        });
-        if (castShadow || receiveShadow) {
-            node.userData.meshData.meshes.forEach((v)=>{
-                v.castShadow = castShadow;
-                v.receiveShadow = receiveShadow;
+    load(_param) {
+        var _this = this;
+        return _async_to_generator(function*() {
+            var { url, ext, onProgress, castShadow = false, receiveShadow = false } = _param, props = _object_without_properties_loose(_param, [
+                "url",
+                "ext",
+                "onProgress",
+                "castShadow",
+                "receiveShadow"
+            ]);
+            const node = yield _this.loadAsset({
+                url,
+                ext,
+                onProgress
             });
-        }
-        this.addNode(node, props);
-        return node;
+            if (castShadow || receiveShadow) {
+                node.userData.meshData.meshes.forEach((v)=>{
+                    v.castShadow = castShadow;
+                    v.receiveShadow = receiveShadow;
+                });
+            }
+            _this.addNode(node, props);
+            return node;
+        })();
     }
     tween(target) {
         return this._tweenManager.tween(target);
@@ -3210,9 +3310,20 @@ class Viewer extends EventEmitter {
     removeComponent(node, component) {
         return this._componentManager.removeComponent(node, component);
     }
-    addNode(object, { args, debug, scale, position, rotation, shadowArgs, makeDefault, component, parent = this._scene, ...props } = {}) {
+    addNode(object, _param = {}) {
+        var { args, debug, scale, position, rotation, shadowArgs, makeDefault, component, parent = this._scene } = _param, props = _object_without_properties_loose(_param, [
+            "args",
+            "debug",
+            "scale",
+            "position",
+            "rotation",
+            "shadowArgs",
+            "makeDefault",
+            "component",
+            "parent"
+        ]);
         let node = null;
-        let ins = Viewer._getClassInstance(object, args);
+        let ins = getClassInstance(object, args);
         if (ins.isObject3D) {
             node = ins;
             parent.add(ins);
@@ -3221,7 +3332,7 @@ class Viewer extends EventEmitter {
             parent.add(node);
             this._componentManager.addComponent(node, ins);
         } else {
-            throw Error("unsuport object");
+            throw Error("Viewer.addNode: unsuport object");
         }
         if (component) {
             const components = Array.isArray(component) ? component : [
@@ -3310,7 +3421,7 @@ class Viewer extends EventEmitter {
             if (target.every((v)=>v.isMaterial)) {
                 Viewer.CompileMaterial(this._renderer, this._scene, this._camera, target);
             } else {
-                throw Error("unsuport material");
+                throw Error("Viewer.compile: unsuport material");
             }
         } else if (typeof target === "object") {
             if (target.isMaterial) {
@@ -3332,12 +3443,30 @@ class Viewer extends EventEmitter {
             Viewer.CompileObject3D(this._renderer, this._scene, this._camera, this._scene);
         }
     }
-    constructor({ root, canvas, autoStart = true, autoResize = true, shadows = false, camera = {
-        fov: 45,
-        near: 1,
-        far: 1000,
-        position: new Vector3(0, 0, 4)
-    }, targetFrameRate = -1, colorSpace = SRGBColorSpace, toneMapping = LinearToneMapping, toneMappingExposure = 1, maxDPR = 1.5, path = "", resourcePath = "", dracoPath = "https://www.gstatic.com/draco/v1/decoders/", loader = {}, tasker = {}, ...webglOpts } = {}){
+    constructor(_param = {}){
+        var { root, canvas, autoStart = true, autoResize = true, shadows = false, camera = {
+            fov: 45,
+            near: 1,
+            far: 1000,
+            position: new Vector3(0, 0, 4)
+        }, targetFrameRate = -1, colorSpace = SRGBColorSpace, toneMapping = LinearToneMapping, toneMappingExposure = 1, maxDPR = 1.5, path = "", resourcePath = "", dracoPath = "https://www.gstatic.com/draco/v1/decoders/", loader = {}, tasker = {} } = _param, webglOpts = _object_without_properties_loose(_param, [
+            "root",
+            "canvas",
+            "autoStart",
+            "autoResize",
+            "shadows",
+            "camera",
+            "targetFrameRate",
+            "colorSpace",
+            "toneMapping",
+            "toneMappingExposure",
+            "maxDPR",
+            "path",
+            "resourcePath",
+            "dracoPath",
+            "loader",
+            "tasker"
+        ]);
         super();
         this._dpr = 1;
         this._width = 1;
@@ -3417,5 +3546,5 @@ class Plugin extends ObjectInstance {
     }
 }
 
-export { Box, CinestationBlendDefinition, CinestationBrain, Component, EventEmitter, FreelookVirtualCamera, Logger, ObjectInstance, Plane, Plugin, PropertyManager, Sphere, SystemInfo, Tween, TweenChain, TweenManager, Viewer, VirtualCamera, aEXRLoader, aFBXLoader, aGLTFLoader, aHDRLoader, aJSONLoader, aTextureLoader, mixin, property };
+export { Box, CinestationBlendDefinition, CinestationBrain, Component, EventEmitter, FreelookVirtualCamera, Logger, ObjectInstance, Plane, Plugin, PropertyManager, Sphere, SystemInfo, Tween, TweenChain, TweenManager, Viewer, VirtualCamera, aEXRLoader, aFBXLoader, aGLTFLoader, aHDRLoader, aJSONLoader, aTextureLoader, getClassInstance, mixin, property };
 //# sourceMappingURL=module.js.map