csyjk 1.1.1 → 1.2.2

package/src/lib/gltf/assets/yjkkit-sdk/src/plugins/XML3DLoaderPlugin/zipjs/zlib-asm/codecs.js

@@ -0,0 +1,49 @@
+/// wrapper for zlib-asm (https://github.com/ukyo/zlib-asm)
+
+/* globals zlib */
+(function(global) {
+	"use strict";
+
+	function Codec(isDeflater, options) {
+		this._isDeflater = isDeflater;
+		if (options && typeof options.level === 'number')
+			this.level = options.level;
+		this._inputLength = 0;
+		this._input = [];
+	}
+	Codec.prototype.append = function append(bytes, onprogress) {
+		this._inputLength += bytes.length;
+		this._input.push(bytes);
+	};
+	Codec.prototype.flush = function flush() {
+		var bytes;
+		var input = this._input;
+		if (input.length === 1)
+			bytes = input[0];
+		else {
+			bytes = new Uint8Array(this._inputLength);
+			for (var i = 0, n = input.length, off = 0; i < n; i++) {
+				var slice = input[i];
+				bytes.set(slice, off);
+				off += slice.length;
+			}
+		}
+		return this._isDeflater ?
+			zlib.rawDeflate(bytes, this.level) :
+			zlib.rawInflate(bytes);
+	};
+
+	function Deflater(options) {
+		Codec.call(this, true, options);
+	}
+	Deflater.prototype = Object.create(Codec.prototype);
+	function Inflater() {
+		Codec.call(this, false);
+	}
+	Inflater.prototype = Object.create(Codec.prototype);
+
+	// 'zip' may not be defined in z-worker and some tests
+	var env = global.zip || global;
+	env.Deflater = env._zlib_asm_Deflater = Deflater;
+	env.Inflater = env._zlib_asm_Inflater = Inflater;
+})(this);

package/src/lib/gltf/assets/yjkkit-sdk/src/plugins/index.js

@@ -0,0 +1,17 @@
+export * from "./AngleMeasurementsPlugin/index.js";
+export * from "./AnnotationsPlugin/index.js";
+export * from "./AxisGizmoPlugin/index.js";
+export * from "./BCFViewpointsPlugin/index.js";
+export * from "./DistanceMeasurementsPlugin/index.js";
+export * from "./FastNavPlugin/index.js";
+export * from "./GLTFLoaderPlugin/index.js";
+export * from "./NavCubePlugin/index.js";
+export * from "./OBJLoaderPlugin/index.js";
+export * from "./SectionPlanesPlugin/index.js";
+export * from "./SkyboxesPlugin/index.js";
+export * from "./STLLoaderPlugin/index.js";
+export * from "./StoreyViewsPlugin/index.js";
+export * from "./TreeViewPlugin/index.js";
+export * from "./ViewCullPlugin/index.js";
+export * from "./XKTLoaderPlugin/index.js";
+export * from "./XML3DLoaderPlugin/index.js";

package/src/lib/gltf/assets/yjkkit-sdk/src/plugins/lib/culling/ObjectCullStates.js

@@ -0,0 +1,205 @@
+/**
+ * For each Entity in its Scene, efficiently combines updates from multiple culling systems into a single "culled" state.
+ *
+ * Two culling systems are supported:
+ *
+ * * View culling - culls Entities when they fall outside the current view frustum, and
+ * * Detail culling - momentarily culls less visually-significant Entities while we are moving the camera.
+ *
+ * @private
+ */
+class ObjectCullStates {
+
+    /**
+     * @private
+     * @param scene
+     */
+    constructor(scene) {
+
+        this._scene = scene;
+
+        this._objects = []; // Array of all Entity instances that represent objects
+        this._objectsViewCulled = []; // A flag for each object to indicate its view-cull status
+        this._objectsDetailCulled = []; // A flag for each object to indicate its detail-cull status
+        this._objectsChanged = []; // A flag for each object, set whenever its cull status has changed since last _applyChanges()
+        this._objectsChangedList = []; // A list of objects whose cull status has changed, applied and cleared by _applyChanges()
+
+        this._modelInfos = {};
+
+        this._numObjects = 0;
+        this._lenObjectsChangedList = 0;
+
+        this._dirty = true;
+
+        this._onModelLoaded = scene.on("modelLoaded", (modelId) => {
+            const model = scene.models[modelId];
+            if (model) {
+                this._addModel(model);
+            }
+        });
+
+        this._onTick = scene.on("tick", () => {
+            if (this._dirty) {
+                this._build();
+            }
+            this._applyChanges();
+        });
+    }
+
+    _addModel(model) {
+        const modelInfo = {
+            model: model,
+            onDestroyed: model.on("destroyed", () => {
+                this._removeModel(model);
+            })
+        };
+        this._modelInfos[model.id] = modelInfo;
+        this._dirty = true;
+    }
+
+    _removeModel(model) {
+        const modelInfo = this._modelInfos[model.id];
+        if (modelInfo) {
+            modelInfo.model.off(modelInfo.onDestroyed);
+            delete this._modelInfos[model.id];
+            this._dirty = true;
+        }
+    }
+
+    _build() {
+        if (!this._dirty) {
+            return;
+        }
+        this._applyChanges();
+        const objects = this._scene.objects;
+        for (let i = 0; i < this._numObjects; i++) {
+            this._objects[i] = null;
+        }
+        this._numObjects = 0;
+        for (let objectId in objects) {
+            const entity = objects[objectId];
+            this._objects[this._numObjects++] = entity;
+        }
+        this._lenObjectsChangedList = 0;
+        this._dirty = false;
+    }
+
+    _applyChanges() {
+        if (this._lenObjectsChangedList > 0) {
+            for (let i = 0; i < this._lenObjectsChangedList; i++) {
+                const objectIdx = this._objectsChangedList[i];
+                const object = this._objects[objectIdx];
+                const viewCulled = this._objectsViewCulled[objectIdx];
+                const detailCulled = this._objectsDetailCulled[objectIdx];
+                const culled = (viewCulled || detailCulled);
+                object.culled = culled;
+                this._objectsChanged[objectIdx] = false;
+            }
+            this._lenObjectsChangedList = 0;
+        }
+    }
+
+    /**
+     * Array of {@link Entity} instances that represent objects in the {@link Scene}.
+     *
+     * ObjectCullStates rebuilds this from {@link Scene#objects} whenever ````Scene```` fires a ````modelLoaded```` event.
+     *
+     * @returns {Entity[]}
+     */
+    get objects() {
+        if (this._dirty) {
+            this._build();
+        }
+        return this._objects;
+    }
+
+    /**
+     * Number of objects in {@link ObjectCullStates#objects},
+     *
+     * Updated whenever ````Scene```` fires a ````modelLoaded```` event.
+     *
+     * @returns {Number}
+     */
+    get numObjects() {
+        if (this._dirty) {
+            this._build();
+        }
+        return this._numObjects;
+    }
+
+    /**
+     * Updates an object's view-cull status.
+     *
+     * @param {Number} objectIdx Index of the object in {@link ObjectCullStates#objects}
+     * @param {boolean} culled Whether to view-cull or not.
+     */
+    setObjectViewCulled(objectIdx, culled) {
+        if (this._dirty) {
+            this._build();
+        }
+        if (this._objectsViewCulled[objectIdx] === culled) {
+            return;
+        }
+        this._objectsViewCulled[objectIdx] = culled;
+        if (!this._objectsChanged[objectIdx]) {
+            this._objectsChanged[objectIdx] = true;
+            this._objectsChangedList[this._lenObjectsChangedList++] = objectIdx;
+        }
+    }
+
+    /**
+     * Updates an object's detail-cull status.
+     *
+     * @param {Number} objectIdx Index of the object in {@link ObjectCullStates#objects}
+     * @param {boolean} culled Whether to detail-cull or not.
+     */
+    setObjectDetailCulled(objectIdx, culled) {
+        if (this._dirty) {
+            this._build();
+        }
+        if (this._objectsDetailCulled[objectIdx] === culled) {
+            return;
+        }
+        this._objectsDetailCulled[objectIdx] = culled;
+        if (!this._objectsChanged[objectIdx]) {
+            this._objectsChanged[objectIdx] = true;
+            this._objectsChangedList[this._lenObjectsChangedList++] = objectIdx;
+        }
+    }
+
+    /**
+     * Destroys this ObjectCullStAtes.
+     */
+    _destroy() {
+        this._clear();
+        this._scene.off(this._onModelLoaded);
+        this._scene.off(this._onTick);
+    }
+
+    _clear() {
+        for (let modelId in this._modelInfos) {
+            const modelInfo = this._modelInfos[modelId];
+            modelInfo.model.off(modelInfo.onDestroyed);
+        }
+        this._modelInfos = {};
+        this._dirty = true;
+    }
+}
+
+const sceneObjectCullStates = {};
+
+function getObjectCullStates(scene) {
+    const sceneId = scene.id;
+    let objectCullStates = sceneObjectCullStates[sceneId];
+    if (!objectCullStates) {
+        objectCullStates = new ObjectCullStates(scene);
+        sceneObjectCullStates[sceneId] = objectCullStates;
+        scene.on("destroyed", () => {
+            delete sceneObjectCullStates[sceneId];
+            objectCullStates._destroy();
+        });
+    }
+    return objectCullStates;
+}
+
+export {getObjectCullStates};

package/src/lib/gltf/assets/yjkkit-sdk/src/plugins/lib/html/Dot.js

@@ -0,0 +1,78 @@
+/** @private */
+class Dot {
+
+    constructor(parentElement, cfg = {}) {
+
+        this._x = 0;
+        this._y = 0;
+
+        this._visible = true;
+        this._dot = document.createElement('div');
+        this._dot.className += this._dot.className ? ' viewer-ruler-dot' : 'viewer-ruler-dot';
+
+        var dot = this._dot;
+        var style = dot.style;
+
+        style["border-radius"] = 25 + "px";
+        style.border = "solid 2px white";
+        style.background = "lightgreen";
+        style.position = "absolute";
+        // style.position = "fixed";
+        /* style["z-index"] = "40000005"; */
+      /*   style["z-index"] = "1"; */
+        style.width = 8 + "px";
+        style.height = 8 + "px";
+        style.visibility = "visible";
+        style.top = 0 + "px";
+        style.left = 0 + "px";
+        style["box-shadow"] = "0 2px 5px 0 #182A3D;";
+        style["pointer-events"] = "none";
+        style["opacity"] = 1.0;
+
+        parentElement.appendChild(dot);
+
+        this.setPos(cfg.x || 0, cfg.y || 0);
+        this.setFillColor(cfg.fillColor);
+        this.setBorderColor(cfg.borderColor);
+        this.setClickable(false);
+    }
+
+    setPos(x, y) {
+        this._x = x;
+        this._y = y;
+        var style = this._dot.style;
+        style["left"] = (Math.round(x) - 5) + 'px';
+        style["top"] = (Math.round(y) - 5) + 'px';
+    }
+
+    setFillColor(color) {
+        this._dot.style.background = color || "lightgreen";
+    }
+
+    setBorderColor(color) {
+        this._dot.style.border = "solid 2px" + (color || "black");
+    }
+
+    setOpacity(opacity) {
+        this._dot.style.opacity = opacity;
+    }
+
+    setVisible(visible) {
+        if (this._visible === visible) {
+            return;
+        }
+        this._visible = !!visible;
+        this._dot.style.visibility = this._visible ? "visible" : "hidden";
+    }
+
+    setClickable(clickable) {
+        this._dot.style["pointer-events"] = (!!clickable) ? "all" : "none";
+    }
+
+    destroy() {
+        this.setVisible(false);
+        this._dot.parentElement.removeChild(this._dot);
+    }
+}
+
+export {Dot};

package/src/lib/gltf/assets/yjkkit-sdk/src/plugins/lib/html/Label.js

@@ -0,0 +1,97 @@
+/** @private */
+class Label {
+
+    constructor(parentElement, cfg = {}) {
+
+        this._prefix = cfg.prefix || "";
+        this._x = 0;
+        this._y = 0;
+        this._visible = true;
+
+        this._label = document.createElement('div');
+        this._label.className += this._label.className ? ' viewer-ruler-label' : 'viewer-ruler-label';
+
+        var label = this._label;
+        var style = label.style;
+
+        style["border-radius"] = 5 + "px";
+        style.color = "white";
+        style.padding = "4px";
+        style.border = "solid 0px white";
+        style.background = "lightgreen";
+        style.position = "absolute";
+        // style.position = "fixed";
+      /*   style["z-index"] = "5000005"; */
+  /*       style["z-index"] = "1"; */
+        style.width = "auto";
+        style.height = "auto";
+        style.visibility = "visible";
+        style.top = 0 + "px";
+        style.left = 0 + "px";
+        style["pointer-events"] = "none";
+        style["opacity"] = 1.0;
+        label.innerText = "";
+
+        parentElement.appendChild(label);
+
+        this.setPos(cfg.x || 0, cfg.y || 0);
+        this.setFillColor(cfg.fillColor);
+        this.setBorderColor(cfg.borderColor);
+        this.setText(cfg.text);
+    }
+
+    setPos(x, y) {
+        this._x = x;
+        this._y = y;
+        var style = this._label.style;
+        style["left"] = (Math.round(x) - 20) + 'px';
+        style["top"] = (Math.round(y) - 12) + 'px';
+    }
+
+    setPosOnWire(x1, y1, x2, y2) {
+        var x = x1 + ((x2 - x1) * 0.5);
+        var y = y1 + ((y2 - y1) * 0.5);
+        var style = this._label.style;
+        style["left"] = (Math.round(x) - 20) + 'px';
+        style["top"] = (Math.round(y) - 12) + 'px';
+    }
+
+    setPosBetweenWires(x1, y1, x2, y2, x3, y3) {
+        var x = (x1 + x2 + x3) / 3;
+        var y = (y1 + y2 + y3) / 3;
+        var style = this._label.style;
+        style["left"] = (Math.round(x) - 20) + 'px';
+        style["top"] = (Math.round(y) - 12) + 'px';
+    }
+
+    setText(text) {
+        this._label.innerText = this._prefix + "~" + (text || "");
+    }
+
+    setFillColor(color) {
+        this._label.style.background = color || "lightgreen";
+    }
+
+    setBorderColor(color) {
+        this._label.style.border = "solid 2px" + (color || "black");
+    }
+
+    setOpacity(opacity) {
+        this._label.style.opacity = opacity;
+    }
+
+    setVisible(visible) {
+        if (this._visible === visible) {
+            return;
+        }
+        this._visible = !!visible;
+        this._label.style.visibility = this._visible ? "visible" : "hidden";
+    }
+
+    destroy() {
+        this._label.parentElement.removeChild(this._label);
+    }
+}
+
+export {Label};
+

package/src/lib/gltf/assets/yjkkit-sdk/src/plugins/lib/html/Wire.js

@@ -0,0 +1,95 @@
+/** @private */
+class Wire {
+
+    constructor(parentElement, cfg = {}) {
+
+        this._wire = document.createElement('div');
+        this._wire.className += this._wire.className ? ' viewer-ruler-wire' : 'viewer-ruler-wire';
+        this._visible = true;
+
+        var wire = this._wire;
+        var style = wire.style;
+
+        this._thickness = cfg.thickness || 1.0;
+
+        style.border = "solid " + this._thickness + "px " + (cfg.color || "black");
+        style.position = "absolute";
+        // style.position = "fixed";
+   /*      style["z-index"] = "2000001"; */
+      /*   style["z-index"] = "1"; */
+        style.width = 0 + "px";
+        style.height = 0 + "px";
+        style.visibility = "visible";
+        style.top = 0 + "px";
+        style.left = 0 + "px";
+        style["pointer-events"] = "none";
+        style['-webkit-transform-origin'] = "0 0";
+        style['-moz-transform-origin'] = "0 0";
+        style['-ms-transform-origin'] = "0 0";
+        style['-o-transform-origin'] = "0 0";
+        style['transform-origin'] = "0 0";
+        style['-webkit-transform'] = 'rotate(0deg)';
+        style['-moz-transform'] = 'rotate(0deg)';
+        style['-ms-transform'] = 'rotate(0deg)';
+        style['-o-transform'] = 'rotate(0deg)';
+        style['transform'] = 'rotate(0deg)';
+        style["opacity"] = 1.0;
+
+        parentElement.appendChild(wire);
+
+        this._x1 = 0;
+        this._y1 = 0;
+        this._x2 = 0;
+        this._y2 = 0;
+
+        this._update();
+    }
+
+    _update() {
+
+        var length = Math.abs(Math.sqrt((this._x1 - this._x2) * (this._x1 - this._x2) + (this._y1 - this._y2) * (this._y1 - this._y2)));
+        var angle = Math.atan2(this._y2 - this._y1, this._x2 - this._x1) * 180.0 / Math.PI;
+
+        var style = this._wire.style;
+        style["width"] = Math.round(length) + 'px';
+        style["left"] = Math.round(this._x1) + 'px';
+        style["top"] = Math.round(this._y1) + 'px';
+        style['-webkit-transform'] = 'rotate(' + angle + 'deg)';
+        style['-moz-transform'] = 'rotate(' + angle + 'deg)';
+        style['-ms-transform'] = 'rotate(' + angle + 'deg)';
+        style['-o-transform'] = 'rotate(' + angle + 'deg)';
+        style['transform'] = 'rotate(' + angle + 'deg)';
+        style["pointer-events"] = "none";
+    }
+
+    setStartAndEnd(x1, y1, x2, y2) {
+        this._x1 = x1;
+        this._y1 = y1;
+        this._x2 = x2;
+        this._y2 = y2;
+        this._update();
+    }
+
+    setColor(color) {
+        this._wire.style.border = "solid " + this._thickness + "px " + (color || "black");
+    }
+
+    setOpacity(opacity) {
+        this._wire.style.opacity = opacity;
+    }
+
+    setVisible(visible) {
+        visible = !!visible;
+        if (this._visible === visible) {
+            return;
+        }
+        this._visible = visible;
+        this._wire.style.visibility = this._visible ? "visible" : "hidden";
+    }
+
+    destroy(visible) {
+        this._wire.parentElement.removeChild(this._wire);
+    }
+}
+
+export {Wire};

package/src/lib/gltf/assets/yjkkit-sdk/src/viewer/Plugin.js

@@ -0,0 +1,112 @@
+/**
+ @desc Base class for {@link Viewer} plugin classes.
+ */
+class Plugin {
+
+    /**
+     * Creates this Plugin and installs it into the given {@link Viewer}.
+     *
+     * @param {string} id ID for this plugin, unique among all plugins in the viewer.
+     * @param {Viewer} viewer The viewer.
+     * @param {Object} [cfg] Options
+     */
+    constructor(id, viewer, cfg) {
+
+        /**
+         * ID for this Plugin, unique within its {@link Viewer}.
+         *
+         * @type {string}
+         */
+        this.id = (cfg && cfg.id) ? cfg.id : id;
+
+        /**
+         * The Viewer that contains this Plugin.
+         *
+         * @type {Viewer}
+         */
+        this.viewer = viewer;
+
+        /**
+         * Subscriptions to events fired at this Plugin.
+         * @private
+         */
+        this._eventSubs = {};
+
+        viewer.addPlugin(this);
+    }
+
+    /**
+     Subscribes to an event fired at this Plugin.
+
+     @param {String} event The event
+     @param {Function} callback Callback fired on the event
+     */
+    on(event, callback) {
+        let subs = this._eventSubs[event];
+        if (!subs) {
+            subs = [];
+            this._eventSubs[event] = subs;
+        }
+        subs.push(callback);
+    }
+
+    /**
+     Fires an event at this Plugin.
+
+     @param {String} event The event type name
+     @param {Object} value The event parameters
+     */
+    fire(event, value) {
+        const subs = this._eventSubs[event];
+        if (subs) {
+            for (let i = 0, len = subs.length; i < len; i++) {
+                subs[i](value);
+            }
+        }
+    }
+
+    /**
+     * Logs a message to the JavaScript developer console, prefixed with the ID of this Plugin.
+     *
+     * @param {String} msg The error message
+     */
+    log(msg) {
+        console.log(`[yjkkit plugin ${this.id}]: ${msg}`);
+    }
+
+    /**
+     * Logs a warning message to the JavaScript developer console, prefixed with the ID of this Plugin.
+     *
+     * @param {String} msg The error message
+     */
+    warn(msg) {
+        console.warn(`[yjkkit plugin ${this.id}]: ${msg}`);
+    }
+
+    /**
+     * Logs an error message to the JavaScript developer console, prefixed with the ID of this Plugin.
+     *
+     * @param {String} msg The error message
+     */
+    error(msg) {
+        console.error(`[yjkkit plugin ${this.id}]: ${msg}`);
+    }
+
+    /**
+     * Sends a message to this Plugin.
+     *
+     * @private
+     */
+    send(name, value) {
+        //...
+    }
+
+    /**
+     * Destroys this Plugin and removes it from its {@link Viewer}.
+     */
+    destroy() {
+        this.viewer.removePlugin(this);
+    }
+}
+
+export {Plugin}