file-viewer3 1.0.8 → 1.0.26

package/dist/components/ModelViewer.js

@@ -0,0 +1,797 @@
+import { n as e, t } from "./asyncToGenerator.js";
+import { t as n } from "./_plugin-vue_export-helper.js";
+import { Bt as r, D as i, It as a, Nt as o, T as ee, Tt as te, Y as s, Z as c, _t as ne, a as re, at as ie, et as l, g as u, gt as ae, i as d, jt as f, mt as p, p as oe, pt as se, s as m, t as ce, wt as le, x as h, xt as g, yt as _, zt as v } from "./three.module.js";
+import { createCommentVNode as ue, createElementBlock as y, createElementVNode as b, defineComponent as x, nextTick as de, normalizeClass as S, onBeforeUnmount as fe, onMounted as pe, openBlock as C, ref as w, toDisplayString as T, watch as me } from "vue";
+//#region node_modules/.pnpm/three@0.184.0/node_modules/three/examples/jsm/controls/OrbitControls.js
+e();
+var E = { type: "change" }, D = { type: "start" }, O = { type: "end" }, k = new g(), A = new p(), j = Math.cos(70 * c.DEG2RAD), M = new r(), N = 2 * Math.PI, P = {
+	NONE: -1,
+	ROTATE: 0,
+	DOLLY: 1,
+	PAN: 2,
+	TOUCH_ROTATE: 3,
+	TOUCH_PAN: 4,
+	TOUCH_DOLLY_PAN: 5,
+	TOUCH_DOLLY_ROTATE: 6
+}, F = 1e-6, he = class extends u {
+	constructor(e, t = null) {
+		super(e, t), this.state = P.NONE, this.target = new r(), this.cursor = new r(), this.minDistance = 0, this.maxDistance = Infinity, this.minZoom = 0, this.maxZoom = Infinity, this.minTargetRadius = 0, this.maxTargetRadius = Infinity, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -Infinity, this.maxAzimuthAngle = Infinity, this.enableDamping = !1, this.dampingFactor = .05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.keyRotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.zoomToCursor = !1, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = {
+			LEFT: "ArrowLeft",
+			UP: "ArrowUp",
+			RIGHT: "ArrowRight",
+			BOTTOM: "ArrowDown"
+		}, this.mouseButtons = {
+			LEFT: s.ROTATE,
+			MIDDLE: s.DOLLY,
+			RIGHT: s.PAN
+		}, this.touches = {
+			ONE: o.ROTATE,
+			TWO: o.DOLLY_PAN
+		}, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._cursorStyle = "auto", this._domElementKeyEvents = null, this._lastPosition = new r(), this._lastQuaternion = new _(), this._lastTargetPosition = new r(), this._quat = new _().setFromUnitVectors(e.up, new r(0, 1, 0)), this._quatInverse = this._quat.clone().invert(), this._spherical = new f(), this._sphericalDelta = new f(), this._scale = 1, this._panOffset = new r(), this._rotateStart = new v(), this._rotateEnd = new v(), this._rotateDelta = new v(), this._panStart = new v(), this._panEnd = new v(), this._panDelta = new v(), this._dollyStart = new v(), this._dollyEnd = new v(), this._dollyDelta = new v(), this._dollyDirection = new r(), this._mouse = new v(), this._performCursorZoom = !1, this._pointers = [], this._pointerPositions = {}, this._controlActive = !1, this._onPointerMove = L.bind(this), this._onPointerDown = I.bind(this), this._onPointerUp = R.bind(this), this._onContextMenu = G.bind(this), this._onMouseWheel = V.bind(this), this._onKeyDown = H.bind(this), this._onTouchStart = U.bind(this), this._onTouchMove = W.bind(this), this._onMouseDown = z.bind(this), this._onMouseMove = B.bind(this), this._interceptControlDown = K.bind(this), this._interceptControlUp = q.bind(this), this.domElement !== null && this.connect(this.domElement), this.update();
+	}
+	set cursorStyle(e) {
+		this._cursorStyle = e, e === "grab" ? this.domElement.style.cursor = "grab" : this.domElement.style.cursor = "auto";
+	}
+	get cursorStyle() {
+		return this._cursorStyle;
+	}
+	connect(e) {
+		super.connect(e), this.domElement.addEventListener("pointerdown", this._onPointerDown), this.domElement.addEventListener("pointercancel", this._onPointerUp), this.domElement.addEventListener("contextmenu", this._onContextMenu), this.domElement.addEventListener("wheel", this._onMouseWheel, { passive: !1 }), this.domElement.getRootNode().addEventListener("keydown", this._interceptControlDown, {
+			passive: !0,
+			capture: !0
+		}), this.domElement.style.touchAction = "none";
+	}
+	disconnect() {
+		this.domElement.removeEventListener("pointerdown", this._onPointerDown), this.domElement.ownerDocument.removeEventListener("pointermove", this._onPointerMove), this.domElement.ownerDocument.removeEventListener("pointerup", this._onPointerUp), this.domElement.removeEventListener("pointercancel", this._onPointerUp), this.domElement.removeEventListener("wheel", this._onMouseWheel), this.domElement.removeEventListener("contextmenu", this._onContextMenu), this.stopListenToKeyEvents(), this.domElement.getRootNode().removeEventListener("keydown", this._interceptControlDown, { capture: !0 }), this.domElement.style.touchAction = "";
+	}
+	dispose() {
+		this.disconnect();
+	}
+	getPolarAngle() {
+		return this._spherical.phi;
+	}
+	getAzimuthalAngle() {
+		return this._spherical.theta;
+	}
+	getDistance() {
+		return this.object.position.distanceTo(this.target);
+	}
+	listenToKeyEvents(e) {
+		e.addEventListener("keydown", this._onKeyDown), this._domElementKeyEvents = e;
+	}
+	stopListenToKeyEvents() {
+		this._domElementKeyEvents !== null && (this._domElementKeyEvents.removeEventListener("keydown", this._onKeyDown), this._domElementKeyEvents = null);
+	}
+	saveState() {
+		this.target0.copy(this.target), this.position0.copy(this.object.position), this.zoom0 = this.object.zoom;
+	}
+	reset() {
+		this.target.copy(this.target0), this.object.position.copy(this.position0), this.object.zoom = this.zoom0, this.object.updateProjectionMatrix(), this.dispatchEvent(E), this.update(), this.state = P.NONE;
+	}
+	pan(e, t) {
+		this._pan(e, t), this.update();
+	}
+	dollyIn(e) {
+		this._dollyIn(e), this.update();
+	}
+	dollyOut(e) {
+		this._dollyOut(e), this.update();
+	}
+	rotateLeft(e) {
+		this._rotateLeft(e), this.update();
+	}
+	rotateUp(e) {
+		this._rotateUp(e), this.update();
+	}
+	update(e = null) {
+		let t = this.object.position;
+		M.copy(t).sub(this.target), M.applyQuaternion(this._quat), this._spherical.setFromVector3(M), this.autoRotate && this.state === P.NONE && this._rotateLeft(this._getAutoRotationAngle(e)), this.enableDamping ? (this._spherical.theta += this._sphericalDelta.theta * this.dampingFactor, this._spherical.phi += this._sphericalDelta.phi * this.dampingFactor) : (this._spherical.theta += this._sphericalDelta.theta, this._spherical.phi += this._sphericalDelta.phi);
+		let n = this.minAzimuthAngle, i = this.maxAzimuthAngle;
+		isFinite(n) && isFinite(i) && (n < -Math.PI ? n += N : n > Math.PI && (n -= N), i < -Math.PI ? i += N : i > Math.PI && (i -= N), n <= i ? this._spherical.theta = Math.max(n, Math.min(i, this._spherical.theta)) : this._spherical.theta = this._spherical.theta > (n + i) / 2 ? Math.max(n, this._spherical.theta) : Math.min(i, this._spherical.theta)), this._spherical.phi = Math.max(this.minPolarAngle, Math.min(this.maxPolarAngle, this._spherical.phi)), this._spherical.makeSafe(), this.enableDamping === !0 ? this.target.addScaledVector(this._panOffset, this.dampingFactor) : this.target.add(this._panOffset), this.target.sub(this.cursor), this.target.clampLength(this.minTargetRadius, this.maxTargetRadius), this.target.add(this.cursor);
+		let a = !1;
+		if (this.zoomToCursor && this._performCursorZoom || this.object.isOrthographicCamera) this._spherical.radius = this._clampDistance(this._spherical.radius);
+		else {
+			let e = this._spherical.radius;
+			this._spherical.radius = this._clampDistance(this._spherical.radius * this._scale), a = e != this._spherical.radius;
+		}
+		if (M.setFromSpherical(this._spherical), M.applyQuaternion(this._quatInverse), t.copy(this.target).add(M), this.object.lookAt(this.target), this.enableDamping === !0 ? (this._sphericalDelta.theta *= 1 - this.dampingFactor, this._sphericalDelta.phi *= 1 - this.dampingFactor, this._panOffset.multiplyScalar(1 - this.dampingFactor)) : (this._sphericalDelta.set(0, 0, 0), this._panOffset.set(0, 0, 0)), this.zoomToCursor && this._performCursorZoom) {
+			let e = null;
+			if (this.object.isPerspectiveCamera) {
+				let t = M.length();
+				e = this._clampDistance(t * this._scale);
+				let n = t - e;
+				this.object.position.addScaledVector(this._dollyDirection, n), this.object.updateMatrixWorld(), a = !!n;
+			} else if (this.object.isOrthographicCamera) {
+				let t = new r(this._mouse.x, this._mouse.y, 0);
+				t.unproject(this.object);
+				let n = this.object.zoom;
+				this.object.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, this.object.zoom / this._scale)), this.object.updateProjectionMatrix(), a = n !== this.object.zoom;
+				let i = new r(this._mouse.x, this._mouse.y, 0);
+				i.unproject(this.object), this.object.position.sub(i).add(t), this.object.updateMatrixWorld(), e = M.length();
+			} else console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."), this.zoomToCursor = !1;
+			e !== null && (this.screenSpacePanning ? this.target.set(0, 0, -1).transformDirection(this.object.matrix).multiplyScalar(e).add(this.object.position) : (k.origin.copy(this.object.position), k.direction.set(0, 0, -1).transformDirection(this.object.matrix), Math.abs(this.object.up.dot(k.direction)) < j ? this.object.lookAt(this.target) : (A.setFromNormalAndCoplanarPoint(this.object.up, this.target), k.intersectPlane(A, this.target))));
+		} else if (this.object.isOrthographicCamera) {
+			let e = this.object.zoom;
+			this.object.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, this.object.zoom / this._scale)), e !== this.object.zoom && (this.object.updateProjectionMatrix(), a = !0);
+		}
+		return this._scale = 1, this._performCursorZoom = !1, a || this._lastPosition.distanceToSquared(this.object.position) > F || 8 * (1 - this._lastQuaternion.dot(this.object.quaternion)) > F || this._lastTargetPosition.distanceToSquared(this.target) > F ? (this.dispatchEvent(E), this._lastPosition.copy(this.object.position), this._lastQuaternion.copy(this.object.quaternion), this._lastTargetPosition.copy(this.target), !0) : !1;
+	}
+	_getAutoRotationAngle(e) {
+		return e === null ? N / 60 / 60 * this.autoRotateSpeed : N / 60 * this.autoRotateSpeed * e;
+	}
+	_getZoomScale(e) {
+		let t = Math.abs(e * .01);
+		return Math.pow(.95, this.zoomSpeed * t);
+	}
+	_rotateLeft(e) {
+		this._sphericalDelta.theta -= e;
+	}
+	_rotateUp(e) {
+		this._sphericalDelta.phi -= e;
+	}
+	_panLeft(e, t) {
+		M.setFromMatrixColumn(t, 0), M.multiplyScalar(-e), this._panOffset.add(M);
+	}
+	_panUp(e, t) {
+		this.screenSpacePanning === !0 ? M.setFromMatrixColumn(t, 1) : (M.setFromMatrixColumn(t, 0), M.crossVectors(this.object.up, M)), M.multiplyScalar(e), this._panOffset.add(M);
+	}
+	_pan(e, t) {
+		let n = this.domElement;
+		if (this.object.isPerspectiveCamera) {
+			let r = this.object.position;
+			M.copy(r).sub(this.target);
+			let i = M.length();
+			i *= Math.tan(this.object.fov / 2 * Math.PI / 180), this._panLeft(2 * e * i / n.clientHeight, this.object.matrix), this._panUp(2 * t * i / n.clientHeight, this.object.matrix);
+		} else this.object.isOrthographicCamera ? (this._panLeft(e * (this.object.right - this.object.left) / this.object.zoom / n.clientWidth, this.object.matrix), this._panUp(t * (this.object.top - this.object.bottom) / this.object.zoom / n.clientHeight, this.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), this.enablePan = !1);
+	}
+	_dollyOut(e) {
+		this.object.isPerspectiveCamera || this.object.isOrthographicCamera ? this._scale /= e : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), this.enableZoom = !1);
+	}
+	_dollyIn(e) {
+		this.object.isPerspectiveCamera || this.object.isOrthographicCamera ? this._scale *= e : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), this.enableZoom = !1);
+	}
+	_updateZoomParameters(e, t) {
+		if (!this.zoomToCursor) return;
+		this._performCursorZoom = !0;
+		let n = this.domElement.getBoundingClientRect(), r = e - n.left, i = t - n.top, a = n.width, o = n.height;
+		this._mouse.x = r / a * 2 - 1, this._mouse.y = -(i / o) * 2 + 1, this._dollyDirection.set(this._mouse.x, this._mouse.y, 1).unproject(this.object).sub(this.object.position).normalize();
+	}
+	_clampDistance(e) {
+		return Math.max(this.minDistance, Math.min(this.maxDistance, e));
+	}
+	_handleMouseDownRotate(e) {
+		this._rotateStart.set(e.clientX, e.clientY);
+	}
+	_handleMouseDownDolly(e) {
+		this._updateZoomParameters(e.clientX, e.clientX), this._dollyStart.set(e.clientX, e.clientY);
+	}
+	_handleMouseDownPan(e) {
+		this._panStart.set(e.clientX, e.clientY);
+	}
+	_handleMouseMoveRotate(e) {
+		this._rotateEnd.set(e.clientX, e.clientY), this._rotateDelta.subVectors(this._rotateEnd, this._rotateStart).multiplyScalar(this.rotateSpeed);
+		let t = this.domElement;
+		this._rotateLeft(N * this._rotateDelta.x / t.clientHeight), this._rotateUp(N * this._rotateDelta.y / t.clientHeight), this._rotateStart.copy(this._rotateEnd), this.update();
+	}
+	_handleMouseMoveDolly(e) {
+		this._dollyEnd.set(e.clientX, e.clientY), this._dollyDelta.subVectors(this._dollyEnd, this._dollyStart), this._dollyDelta.y > 0 ? this._dollyOut(this._getZoomScale(this._dollyDelta.y)) : this._dollyDelta.y < 0 && this._dollyIn(this._getZoomScale(this._dollyDelta.y)), this._dollyStart.copy(this._dollyEnd), this.update();
+	}
+	_handleMouseMovePan(e) {
+		this._panEnd.set(e.clientX, e.clientY), this._panDelta.subVectors(this._panEnd, this._panStart).multiplyScalar(this.panSpeed), this._pan(this._panDelta.x, this._panDelta.y), this._panStart.copy(this._panEnd), this.update();
+	}
+	_handleMouseWheel(e) {
+		this._updateZoomParameters(e.clientX, e.clientY), e.deltaY < 0 ? this._dollyIn(this._getZoomScale(e.deltaY)) : e.deltaY > 0 && this._dollyOut(this._getZoomScale(e.deltaY)), this.update();
+	}
+	_handleKeyDown(e) {
+		let t = !1;
+		switch (e.code) {
+			case this.keys.UP:
+				e.ctrlKey || e.metaKey || e.shiftKey ? this.enableRotate && this._rotateUp(N * this.keyRotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(0, this.keyPanSpeed), t = !0;
+				break;
+			case this.keys.BOTTOM:
+				e.ctrlKey || e.metaKey || e.shiftKey ? this.enableRotate && this._rotateUp(-N * this.keyRotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(0, -this.keyPanSpeed), t = !0;
+				break;
+			case this.keys.LEFT:
+				e.ctrlKey || e.metaKey || e.shiftKey ? this.enableRotate && this._rotateLeft(N * this.keyRotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(this.keyPanSpeed, 0), t = !0;
+				break;
+			case this.keys.RIGHT:
+				e.ctrlKey || e.metaKey || e.shiftKey ? this.enableRotate && this._rotateLeft(-N * this.keyRotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(-this.keyPanSpeed, 0), t = !0;
+				break;
+		}
+		t && (e.preventDefault(), this.update());
+	}
+	_handleTouchStartRotate(e) {
+		if (this._pointers.length === 1) this._rotateStart.set(e.pageX, e.pageY);
+		else {
+			let t = this._getSecondPointerPosition(e), n = .5 * (e.pageX + t.x), r = .5 * (e.pageY + t.y);
+			this._rotateStart.set(n, r);
+		}
+	}
+	_handleTouchStartPan(e) {
+		if (this._pointers.length === 1) this._panStart.set(e.pageX, e.pageY);
+		else {
+			let t = this._getSecondPointerPosition(e), n = .5 * (e.pageX + t.x), r = .5 * (e.pageY + t.y);
+			this._panStart.set(n, r);
+		}
+	}
+	_handleTouchStartDolly(e) {
+		let t = this._getSecondPointerPosition(e), n = e.pageX - t.x, r = e.pageY - t.y, i = Math.sqrt(n * n + r * r);
+		this._dollyStart.set(0, i);
+	}
+	_handleTouchStartDollyPan(e) {
+		this.enableZoom && this._handleTouchStartDolly(e), this.enablePan && this._handleTouchStartPan(e);
+	}
+	_handleTouchStartDollyRotate(e) {
+		this.enableZoom && this._handleTouchStartDolly(e), this.enableRotate && this._handleTouchStartRotate(e);
+	}
+	_handleTouchMoveRotate(e) {
+		if (this._pointers.length == 1) this._rotateEnd.set(e.pageX, e.pageY);
+		else {
+			let t = this._getSecondPointerPosition(e), n = .5 * (e.pageX + t.x), r = .5 * (e.pageY + t.y);
+			this._rotateEnd.set(n, r);
+		}
+		this._rotateDelta.subVectors(this._rotateEnd, this._rotateStart).multiplyScalar(this.rotateSpeed);
+		let t = this.domElement;
+		this._rotateLeft(N * this._rotateDelta.x / t.clientHeight), this._rotateUp(N * this._rotateDelta.y / t.clientHeight), this._rotateStart.copy(this._rotateEnd);
+	}
+	_handleTouchMovePan(e) {
+		if (this._pointers.length === 1) this._panEnd.set(e.pageX, e.pageY);
+		else {
+			let t = this._getSecondPointerPosition(e), n = .5 * (e.pageX + t.x), r = .5 * (e.pageY + t.y);
+			this._panEnd.set(n, r);
+		}
+		this._panDelta.subVectors(this._panEnd, this._panStart).multiplyScalar(this.panSpeed), this._pan(this._panDelta.x, this._panDelta.y), this._panStart.copy(this._panEnd);
+	}
+	_handleTouchMoveDolly(e) {
+		let t = this._getSecondPointerPosition(e), n = e.pageX - t.x, r = e.pageY - t.y, i = Math.sqrt(n * n + r * r);
+		this._dollyEnd.set(0, i), this._dollyDelta.set(0, Math.pow(this._dollyEnd.y / this._dollyStart.y, this.zoomSpeed)), this._dollyOut(this._dollyDelta.y), this._dollyStart.copy(this._dollyEnd);
+		let a = (e.pageX + t.x) * .5, o = (e.pageY + t.y) * .5;
+		this._updateZoomParameters(a, o);
+	}
+	_handleTouchMoveDollyPan(e) {
+		this.enableZoom && this._handleTouchMoveDolly(e), this.enablePan && this._handleTouchMovePan(e);
+	}
+	_handleTouchMoveDollyRotate(e) {
+		this.enableZoom && this._handleTouchMoveDolly(e), this.enableRotate && this._handleTouchMoveRotate(e);
+	}
+	_addPointer(e) {
+		this._pointers.push(e.pointerId);
+	}
+	_removePointer(e) {
+		delete this._pointerPositions[e.pointerId];
+		for (let t = 0; t < this._pointers.length; t++) if (this._pointers[t] == e.pointerId) {
+			this._pointers.splice(t, 1);
+			return;
+		}
+	}
+	_isTrackingPointer(e) {
+		for (let t = 0; t < this._pointers.length; t++) if (this._pointers[t] == e.pointerId) return !0;
+		return !1;
+	}
+	_trackPointer(e) {
+		let t = this._pointerPositions[e.pointerId];
+		t === void 0 && (t = new v(), this._pointerPositions[e.pointerId] = t), t.set(e.pageX, e.pageY);
+	}
+	_getSecondPointerPosition(e) {
+		let t = e.pointerId === this._pointers[0] ? this._pointers[1] : this._pointers[0];
+		return this._pointerPositions[t];
+	}
+	_customWheelEvent(e) {
+		let t = e.deltaMode, n = {
+			clientX: e.clientX,
+			clientY: e.clientY,
+			deltaY: e.deltaY
+		};
+		switch (t) {
+			case 1:
+				n.deltaY *= 16;
+				break;
+			case 2:
+				n.deltaY *= 100;
+				break;
+		}
+		return e.ctrlKey && !this._controlActive && (n.deltaY *= 10), n;
+	}
+};
+function I(e) {
+	this.enabled !== !1 && (this._pointers.length === 0 && (this.domElement.setPointerCapture(e.pointerId), this.domElement.ownerDocument.addEventListener("pointermove", this._onPointerMove), this.domElement.ownerDocument.addEventListener("pointerup", this._onPointerUp)), !this._isTrackingPointer(e) && (this._addPointer(e), e.pointerType === "touch" ? this._onTouchStart(e) : this._onMouseDown(e), this._cursorStyle === "grab" && (this.domElement.style.cursor = "grabbing")));
+}
+function L(e) {
+	this.enabled !== !1 && (e.pointerType === "touch" ? this._onTouchMove(e) : this._onMouseMove(e));
+}
+function R(e) {
+	switch (this._removePointer(e), this._pointers.length) {
+		case 0:
+			this.domElement.releasePointerCapture(e.pointerId), this.domElement.ownerDocument.removeEventListener("pointermove", this._onPointerMove), this.domElement.ownerDocument.removeEventListener("pointerup", this._onPointerUp), this.dispatchEvent(O), this.state = P.NONE, this._cursorStyle === "grab" && (this.domElement.style.cursor = "grab");
+			break;
+		case 1:
+			let t = this._pointers[0], n = this._pointerPositions[t];
+			this._onTouchStart({
+				pointerId: t,
+				pageX: n.x,
+				pageY: n.y
+			});
+			break;
+	}
+}
+function z(e) {
+	let t;
+	switch (e.button) {
+		case 0:
+			t = this.mouseButtons.LEFT;
+			break;
+		case 1:
+			t = this.mouseButtons.MIDDLE;
+			break;
+		case 2:
+			t = this.mouseButtons.RIGHT;
+			break;
+		default: t = -1;
+	}
+	switch (t) {
+		case s.DOLLY:
+			if (this.enableZoom === !1) return;
+			this._handleMouseDownDolly(e), this.state = P.DOLLY;
+			break;
+		case s.ROTATE:
+			if (e.ctrlKey || e.metaKey || e.shiftKey) {
+				if (this.enablePan === !1) return;
+				this._handleMouseDownPan(e), this.state = P.PAN;
+			} else {
+				if (this.enableRotate === !1) return;
+				this._handleMouseDownRotate(e), this.state = P.ROTATE;
+			}
+			break;
+		case s.PAN:
+			if (e.ctrlKey || e.metaKey || e.shiftKey) {
+				if (this.enableRotate === !1) return;
+				this._handleMouseDownRotate(e), this.state = P.ROTATE;
+			} else {
+				if (this.enablePan === !1) return;
+				this._handleMouseDownPan(e), this.state = P.PAN;
+			}
+			break;
+		default: this.state = P.NONE;
+	}
+	this.state !== P.NONE && this.dispatchEvent(D);
+}
+function B(e) {
+	switch (this.state) {
+		case P.ROTATE:
+			if (this.enableRotate === !1) return;
+			this._handleMouseMoveRotate(e);
+			break;
+		case P.DOLLY:
+			if (this.enableZoom === !1) return;
+			this._handleMouseMoveDolly(e);
+			break;
+		case P.PAN:
+			if (this.enablePan === !1) return;
+			this._handleMouseMovePan(e);
+			break;
+	}
+}
+function V(e) {
+	this.enabled === !1 || this.enableZoom === !1 || this.state !== P.NONE || (e.preventDefault(), this.dispatchEvent(D), this._handleMouseWheel(this._customWheelEvent(e)), this.dispatchEvent(O));
+}
+function H(e) {
+	this.enabled !== !1 && this._handleKeyDown(e);
+}
+function U(e) {
+	switch (this._trackPointer(e), this._pointers.length) {
+		case 1:
+			switch (this.touches.ONE) {
+				case o.ROTATE:
+					if (this.enableRotate === !1) return;
+					this._handleTouchStartRotate(e), this.state = P.TOUCH_ROTATE;
+					break;
+				case o.PAN:
+					if (this.enablePan === !1) return;
+					this._handleTouchStartPan(e), this.state = P.TOUCH_PAN;
+					break;
+				default: this.state = P.NONE;
+			}
+			break;
+		case 2:
+			switch (this.touches.TWO) {
+				case o.DOLLY_PAN:
+					if (this.enableZoom === !1 && this.enablePan === !1) return;
+					this._handleTouchStartDollyPan(e), this.state = P.TOUCH_DOLLY_PAN;
+					break;
+				case o.DOLLY_ROTATE:
+					if (this.enableZoom === !1 && this.enableRotate === !1) return;
+					this._handleTouchStartDollyRotate(e), this.state = P.TOUCH_DOLLY_ROTATE;
+					break;
+				default: this.state = P.NONE;
+			}
+			break;
+		default: this.state = P.NONE;
+	}
+	this.state !== P.NONE && this.dispatchEvent(D);
+}
+function W(e) {
+	switch (this._trackPointer(e), this.state) {
+		case P.TOUCH_ROTATE:
+			if (this.enableRotate === !1) return;
+			this._handleTouchMoveRotate(e), this.update();
+			break;
+		case P.TOUCH_PAN:
+			if (this.enablePan === !1) return;
+			this._handleTouchMovePan(e), this.update();
+			break;
+		case P.TOUCH_DOLLY_PAN:
+			if (this.enableZoom === !1 && this.enablePan === !1) return;
+			this._handleTouchMoveDollyPan(e), this.update();
+			break;
+		case P.TOUCH_DOLLY_ROTATE:
+			if (this.enableZoom === !1 && this.enableRotate === !1) return;
+			this._handleTouchMoveDollyRotate(e), this.update();
+			break;
+		default: this.state = P.NONE;
+	}
+}
+function G(e) {
+	this.enabled !== !1 && e.preventDefault();
+}
+function K(e) {
+	e.key === "Control" && (this._controlActive = !0, this.domElement.getRootNode().addEventListener("keyup", this._interceptControlUp, {
+		passive: !0,
+		capture: !0
+	}));
+}
+function q(e) {
+	e.key === "Control" && (this._controlActive = !1, this.domElement.getRootNode().removeEventListener("keyup", this._interceptControlUp, {
+		passive: !0,
+		capture: !0
+	}));
+}
+//#endregion
+//#region src/package/vendors/model/ModelViewer.vue?vue&type=script&setup=true&lang.ts
+var ge = { class: "model-viewer" }, _e = { class: "model-toolbar" }, ve = { class: "model-actions" }, ye = { class: "model-meta" }, be = { class: "model-stage" }, xe = {
+	key: 0,
+	class: "model-state"
+}, Se = {
+	key: 1,
+	class: "model-state error"
+}, J = /*#__PURE__*/ n(/* @__PURE__ */ x({
+	__name: "ModelViewer",
+	props: {
+		data: {},
+		type: {},
+		sourceUrl: {}
+	},
+	setup(e) {
+		let n = e, o = w(null), s = w("loading"), u = w(""), f = w("正在加载模型"), p = w(!1), g = w(!1), _ = w(!0), v = w(!0), x = null, E = null, D = null, O = null, k = null, A = null, j = null, M = null, N = 0, P = 0, F = null, I = new a(), L = new TextDecoder("utf-8");
+		class R extends Error {}
+		let z = () => n.type.toLowerCase(), B = () => {
+			if (!n.sourceUrl) return "";
+			try {
+				return new URL(".", n.sourceUrl).href;
+			} catch (e) {
+				let t = n.sourceUrl.split(/[?#]/)[0] || n.sourceUrl, r = t.lastIndexOf("/");
+				return r >= 0 ? t.slice(0, r + 1) : "";
+			}
+		}, V = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : JSON.stringify(e), H = () => {
+			let e = o.value;
+			if (!e) return !1;
+			if (x || (x = new ce({
+				antialias: !0,
+				alpha: !1,
+				canvas: e,
+				powerPreference: "high-performance"
+			}), x.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2)), x.outputColorSpace = le, x.setClearColor(16317180, 1)), !E) {
+				E = new te(), E.background = new oe(16317180);
+				let e = new i(16777215, 14147304, 2.4);
+				E.add(e);
+				let t = new h(16777215, 2.2);
+				t.position.set(8, 10, 8), E.add(t);
+				let n = new h(16777215, .9);
+				n.position.set(-7, 5, -4), E.add(n), A = new ee(10, 10, 13358561, 14870768), E.add(A), j = new re(3), E.add(j);
+			}
+			return D || (D = new se(45, 1, .01, 1e5), D.position.set(5, 4, 6)), !O && D && x && (O = new he(D, x.domElement), O.enableDamping = !0, O.dampingFactor = .08, O.screenSpacePanning = !0, O.autoRotateSpeed = 1.2), $(), We(), !0;
+		}, U = (e) => {
+			(Array.isArray(e) ? e : [e]).forEach((e) => e.dispose());
+		}, W = (e) => {
+			e.traverse((e) => {
+				let t = e, n = e;
+				t.geometry && t.geometry.dispose(), t.material && U(t.material), n.material && U(n.material);
+			});
+		}, G = () => {
+			k && E && (E.remove(k), W(k)), k = null, F = null;
+		}, K = () => L.decode(n.data), q = function() {
+			var e = t(function* () {
+				let { GLTFLoader: e } = yield import("./GLTFLoader.js"), t = new e(), r = B(), i = z() === "gltf" ? K() : n.data;
+				return new Promise((e, n) => {
+					t.parse(i, r, (t) => {
+						var n;
+						(n = t.animations) != null && n.length && (F = new d(t.scene), t.animations.forEach((e) => F == null ? void 0 : F.clipAction(e).play())), e(t.scene);
+					}, n);
+				});
+			});
+			return function() {
+				return e.apply(this, arguments);
+			};
+		}(), J = function() {
+			var e = t(function* () {
+				let { OBJLoader: e } = yield import("./OBJLoader.js");
+				return new e().parse(K());
+			});
+			return function() {
+				return e.apply(this, arguments);
+			};
+		}(), Ce = function() {
+			var e = t(function* () {
+				let { STLLoader: e } = yield import("./STLLoader.js"), t = new e().parse(n.data);
+				return t.computeVertexNormals(), new l(t, Y());
+			});
+			return function() {
+				return e.apply(this, arguments);
+			};
+		}(), we = function() {
+			var e = t(function* () {
+				let { PLYLoader: e } = yield import("./PLYLoader.js"), t = new e().parse(n.data);
+				return t.computeVertexNormals(), new l(t, Y());
+			});
+			return function() {
+				return e.apply(this, arguments);
+			};
+		}(), Te = function() {
+			var e = t(function* () {
+				var e;
+				let { FBXLoader: t } = yield import("./FBXLoader.js"), r = new t().parse(n.data, B());
+				return (e = r.animations) != null && e.length && (F = new d(r), r.animations.forEach((e) => F == null ? void 0 : F.clipAction(e).play())), r;
+			});
+			return function() {
+				return e.apply(this, arguments);
+			};
+		}(), Ee = function() {
+			var e = t(function* () {
+				let { ColladaLoader: e } = yield import("./ColladaLoader.js");
+				return new e().parse(K(), B()).scene;
+			});
+			return function() {
+				return e.apply(this, arguments);
+			};
+		}(), De = function() {
+			var e = t(function* () {
+				let { TDSLoader: e } = yield import("./TDSLoader.js");
+				return new e().parse(n.data, B());
+			});
+			return function() {
+				return e.apply(this, arguments);
+			};
+		}(), Oe = function() {
+			var e = t(function* () {
+				let { ThreeMFLoader: e } = yield import("./3MFLoader.js");
+				return new e().parse(n.data);
+			});
+			return function() {
+				return e.apply(this, arguments);
+			};
+		}(), ke = function() {
+			var e = t(function* () {
+				let { AMFLoader: e } = yield import("./AMFLoader.js");
+				return new e().parse(n.data);
+			});
+			return function() {
+				return e.apply(this, arguments);
+			};
+		}(), Ae = function() {
+			var e = t(function* () {
+				let { USDLoader: e } = yield import("./USDLoader.js");
+				return new e().parse(n.data);
+			});
+			return function() {
+				return e.apply(this, arguments);
+			};
+		}(), je = function() {
+			var e = t(function* () {
+				let { KMZLoader: e } = yield import("./KMZLoader.js");
+				return new e().parse(n.data).scene;
+			});
+			return function() {
+				return e.apply(this, arguments);
+			};
+		}(), Me = (e) => {
+			let t = e.toUpperCase();
+			throw e === "ifc" ? new R("IFC 是 BIM 模型格式，浏览器端完整解析通常依赖 web-ifc 这类 WebAssembly BIM 内核。当前 Apache-2.0 前端包不默认打入这类重型运行时，建议在私有服务端转换为 GLB/GLTF 后预览。") : e === "3dm" ? new R("3DM 是 Rhino/OpenNURBS 模型格式，浏览器端解析需要 rhino3dm WebAssembly 运行时。当前前端包未内置该运行时，建议在私有转换链路输出 GLB/GLTF 后预览。") : new R(`${t} 属于 CAD B-Rep / 工程交换格式，浏览器端完整解析通常需要 OpenCascade 等 WebAssembly 几何内核。当前前端包不默认打入这类重型运行时，建议在私有服务端转换为 GLB/GLTF 或轻量网格格式后预览。`);
+		}, Ne = function() {
+			var e = t(function* () {
+				let { PCDLoader: e } = yield import("./PCDLoader.js");
+				return new e().parse(n.data, n.sourceUrl || "model.pcd");
+			});
+			return function() {
+				return e.apply(this, arguments);
+			};
+		}(), Pe = function() {
+			var e = t(function* () {
+				let { VRMLLoader: e } = yield import("./VRMLLoader.js");
+				return new e().parse(K(), B());
+			});
+			return function() {
+				return e.apply(this, arguments);
+			};
+		}(), Fe = function() {
+			var e = t(function* () {
+				let { XYZLoader: e } = yield import("./XYZLoader.js"), t = new e().parse(K());
+				return t.computeBoundingSphere(), new ae(t, Le());
+			});
+			return function() {
+				return e.apply(this, arguments);
+			};
+		}(), Ie = function() {
+			var e = t(function* () {
+				let { VTKLoader: e } = yield import("./VTKLoader.js"), t = new e().parse(n.data);
+				return t.computeVertexNormals(), new l(t, Y());
+			});
+			return function() {
+				return e.apply(this, arguments);
+			};
+		}(), Y = () => new ie({
+			color: 5214138,
+			metalness: .08,
+			roughness: .78,
+			side: 2,
+			wireframe: g.value
+		}), Le = () => new ne({
+			color: 2062988,
+			size: .035,
+			sizeAttenuation: !0
+		}), X = (e) => {
+			e.traverse((e) => {
+				let t = e;
+				t.isMesh && !t.material && (t.material = Y()), t.isMesh && t.material && (Array.isArray(t.material) ? t.material : [t.material]).forEach((e) => {
+					"wireframe" in e && (e.wireframe = g.value), e.needsUpdate = !0;
+				});
+			});
+		}, Re = (e) => {
+			let t = 0, n = 0;
+			return e.traverse((e) => {
+				e.isMesh && (t += 1), e.isPoints && (n += 1);
+			}), {
+				meshes: t,
+				points: n
+			};
+		}, ze = (e) => {
+			let { meshes: t, points: n } = Re(e), r = [];
+			t && r.push(`${t} 个网格`), n && r.push(`${n} 个点云`), f.value = r.length ? r.join("，") : "模型已加载";
+		}, Be = (e) => {
+			let t = new m().setFromObject(e);
+			if (t.isEmpty()) return {
+				center: new r(),
+				size: new r(4, 4, 4)
+			};
+			let n = t.getCenter(new r()), i = t.getSize(new r());
+			return e.position.sub(n), {
+				center: new r(),
+				size: i
+			};
+		}, Z = () => {
+			if (!k || !D || !O) return;
+			let e = new m().setFromObject(k), t = e.getSize(new r()), n = e.getCenter(new r()), i = Math.max(t.x, t.y, t.z, 1) / (2 * Math.tan(c.degToRad(D.fov / 2))) * 1.65;
+			D.near = Math.max(i / 1e3, .01), D.far = Math.max(i * 1e3, 1e3), D.position.copy(n).add(new r(i, i * .62, i)), D.updateProjectionMatrix(), O.target.copy(n), O.update();
+		}, Ve = function() {
+			var e = t(function* (e) {
+				if (!E) return;
+				G(), X(e);
+				let { size: t } = Be(e);
+				k = e, E.add(e), Z(), ze(e);
+				let n = Math.max(t.x, t.y, t.z, 1);
+				A && A.scale.setScalar(Math.max(n / 10, 1));
+			});
+			return function(t) {
+				return e.apply(this, arguments);
+			};
+		}(), He = function() {
+			var e = t(function* () {
+				let e = ++P;
+				if (s.value = "loading", u.value = "", f.value = "正在加载模型", H()) try {
+					let t = yield Ue(z());
+					if (e !== P) {
+						W(t);
+						return;
+					}
+					yield de(), yield Ve(t), s.value = "ready";
+				} catch (t) {
+					if (e !== P) return;
+					t instanceof R || console.error(t), s.value = "error", u.value = V(t) || `${n.type.toUpperCase()} 模型解析失败`;
+				}
+			});
+			return function() {
+				return e.apply(this, arguments);
+			};
+		}(), Ue = (e) => {
+			switch (e) {
+				case "glb":
+				case "gltf": return q();
+				case "obj": return J();
+				case "stl": return Ce();
+				case "ply": return we();
+				case "fbx": return Te();
+				case "dae": return Ee();
+				case "3ds": return De();
+				case "3mf": return Oe();
+				case "amf": return ke();
+				case "usd":
+				case "usda":
+				case "usdc":
+				case "usdz": return Ae();
+				case "kmz": return je();
+				case "step":
+				case "stp":
+				case "iges":
+				case "igs":
+				case "ifc":
+				case "3dm": return Me(e);
+				case "pcd": return Ne();
+				case "wrl":
+				case "vrml": return Pe();
+				case "xyz": return Fe();
+				case "vtk":
+				case "vtp": return Ie();
+				default: throw Error(`暂不支持 .${e} 模型格式`);
+			}
+		}, We = () => {
+			let e = o.value;
+			if (!e || !x || !D) return;
+			let t = e.getBoundingClientRect(), n = Math.max(1, Math.floor(t.width)), r = Math.max(1, Math.floor(t.height));
+			x.setSize(n, r, !1), D.aspect = n / r, D.updateProjectionMatrix();
+		}, Q = (e) => {
+			if (!x || !E || !D || !O) return;
+			O.autoRotate = p.value, O.update(), I.update(e);
+			let t = I.getDelta();
+			F == null || F.update(t), x.render(E, D), N = requestAnimationFrame(Q);
+		}, Ge = () => {
+			k && X(k);
+		}, $ = () => {
+			A && (A.visible = _.value), j && (j.visible = v.value);
+		}, Ke = () => {
+			g.value = !g.value, Ge();
+		}, qe = () => {
+			_.value = !_.value, $();
+		}, Je = () => {
+			v.value = !v.value, $();
+		};
+		return pe(() => {
+			H() && (I.connect(document), M = new ResizeObserver(We), o.value && M.observe(o.value), Q(), He());
+		}), fe(() => {
+			P += 1, cancelAnimationFrame(N), M == null || M.disconnect(), M = null, G(), O == null || O.dispose(), O = null, x == null || x.dispose(), x = null, I.dispose(), I = new a(), E = null, D = null, A = null, j = null;
+		}), me(() => [
+			n.data,
+			n.type,
+			n.sourceUrl
+		], () => {
+			He();
+		}), (t, n) => (C(), y("div", ge, [b("div", _e, [b("div", ve, [
+			b("button", {
+				type: "button",
+				onClick: Z
+			}, "适配"),
+			b("button", {
+				type: "button",
+				class: S({ active: p.value }),
+				onClick: n[0] || (n[0] = (e) => p.value = !p.value)
+			}, "旋转", 2),
+			b("button", {
+				type: "button",
+				class: S({ active: g.value }),
+				onClick: Ke
+			}, "线框", 2),
+			b("button", {
+				type: "button",
+				class: S({ active: _.value }),
+				onClick: qe
+			}, "网格", 2),
+			b("button", {
+				type: "button",
+				class: S({ active: v.value }),
+				onClick: Je
+			}, "坐标", 2)
+		]), b("div", ye, [b("strong", null, T(e.type.toUpperCase()), 1), b("span", null, T(f.value), 1)])]), b("div", be, [b("canvas", {
+			ref_key: "canvas",
+			ref: o
+		}, null, 512), s.value === "loading" ? (C(), y("div", xe, "正在解析 3D 模型...")) : s.value === "error" ? (C(), y("div", Se, [n[1] || (n[1] = b("strong", null, "模型解析失败", -1)), b("span", null, T(u.value), 1)])) : ue("", !0)])]));
+	}
+}), [["__scopeId", "data-v-9d2e23df"]]);
+//#endregion
+export { J as default };