vesium 1.0.1-beta.57 → 1.0.1-beta.61

package/README.md

@@ -32,7 +32,7 @@
 
 ## Documentation
 
-To view the documentation, visit <a href="https://vesium.geovue.org" target="__blank">cesium.geovue.org</a>
+To view the documentation, visit <a href="https://vesium.js.org" target="__blank">vesium.js.org</a>
 
 ## Features
 

package/dist/index.cjs

@@ -1,7 +1,7 @@
-let __vueuse_core = require("@vueuse/core");
+let _vueuse_core = require("@vueuse/core");
 let cesium = require("cesium");
 let vue = require("vue");
-let __vesium_shared = require("@vesium/shared");
+let _vesium_shared = require("@vesium/shared");
 
 //#region createViewer/index.ts
 /**
@@ -21,7 +21,7 @@ function createViewer(...args) {
 	const scope = (0, vue.getCurrentScope)();
 	if (scope) CREATE_VIEWER_COLLECTION.set(scope, readonlyViewer);
 	const canvas = (0, vue.computed)(() => viewer.value?.canvas);
-	(0, __vueuse_core.useMutationObserver)(document?.body, () => {
+	(0, _vueuse_core.useMutationObserver)(document?.body, () => {
 		if (canvas.value && !document?.body.contains(canvas.value)) viewer.value = void 0;
 	}, {
 		childList: true,
@@ -36,7 +36,7 @@ function createViewer(...args) {
 			onCleanup(() => !viewer.value?.isDestroyed() && viewer.value?.destroy());
 		} else viewer.value = void 0;
 	});
-	(0, __vueuse_core.tryOnScopeDispose)(() => {
+	(0, _vueuse_core.tryOnScopeDispose)(() => {
 		viewer.value = void 0;
 	});
 	return (0, vue.computed)(() => {
@@ -68,10 +68,10 @@ async function toPromiseValue(source, options = {}) {
 	try {
 		const { raw = true } = options;
 		let value;
-		if ((0, __vesium_shared.isFunction)(source)) value = await source();
+		if ((0, _vesium_shared.isFunction)(source)) value = await source();
 		else {
 			const result = (0, vue.toValue)(source);
-			value = (0, __vesium_shared.isPromise)(result) ? await result : result;
+			value = (0, _vesium_shared.isPromise)(result) ? await result : result;
 		}
 		return raw ? (0, vue.toRaw)(value) : value;
 	} catch (error) {
@@ -107,7 +107,7 @@ function useCesiumEventListener(event, listener, options = {}) {
 			}
 		}
 	});
-	(0, __vueuse_core.tryOnScopeDispose)(cleanup.stop);
+	(0, _vueuse_core.tryOnScopeDispose)(cleanup.stop);
 	return cleanup.stop;
 }
 
@@ -149,7 +149,7 @@ function useCameraState(options = {}) {
 		const eventField = (0, vue.toValue)(options.event) || "changed";
 		return camera.value?.[eventField];
 	});
-	const changedSymbol = (0, __vueuse_core.refThrottled)((0, vue.shallowRef)(Symbol("camera change")), options.delay ?? 8, true, false);
+	const changedSymbol = (0, _vueuse_core.refThrottled)((0, vue.shallowRef)(Symbol("camera change")), options.delay ?? 8, true, false);
 	const setChangedSymbol = () => {
 		changedSymbol.value = Symbol("camera change");
 	};
@@ -197,7 +197,7 @@ function useCesiumFps(options = {}) {
 	const p = (0, vue.shallowRef)(performance.now());
 	useCesiumEventListener(() => viewer.value?.scene.postRender, () => p.value = performance.now());
 	const interval = (0, vue.ref)(0);
-	(0, __vueuse_core.watchThrottled)(p, (value, oldValue) => {
+	(0, _vueuse_core.watchThrottled)(p, (value, oldValue) => {
 		interval.value = value - oldValue;
 	}, { throttle: delay });
 	const fps = (0, vue.computed)(() => {
@@ -221,7 +221,7 @@ function useCollectionScope(options) {
 	const scope = (0, vue.shallowReactive)(/* @__PURE__ */ new Set());
 	const add = (instance, ...args) => {
 		const result = addEffect(instance, ...args);
-		if ((0, __vesium_shared.isPromise)(result)) return new Promise((resolve, reject) => {
+		if ((0, _vesium_shared.isPromise)(result)) return new Promise((resolve, reject) => {
 			result.then((i) => {
 				scope.add(i);
 				resolve(i);
@@ -246,7 +246,7 @@ function useCollectionScope(options) {
 			remove(instance, ...args);
 		});
 	};
-	(0, __vueuse_core.tryOnScopeDispose)(() => removeScope(...removeScopeArgs));
+	(0, _vueuse_core.tryOnScopeDispose)(() => removeScope(...removeScopeArgs));
 	return {
 		scope: (0, vue.shallowReadonly)(scope),
 		add,
@@ -260,7 +260,7 @@ function useCollectionScope(options) {
 //#region useDataSource/index.ts
 function useDataSource(dataSources, options = {}) {
 	const { destroyOnRemove, collection, isActive = true, evaluating } = options;
-	const result = (0, __vueuse_core.computedAsync)(() => toPromiseValue(dataSources), void 0, { evaluating });
+	const result = (0, _vueuse_core.computedAsync)(() => toPromiseValue(dataSources), void 0, { evaluating });
 	const viewer = useViewer();
 	(0, vue.watchEffect)((onCleanup) => {
 		if ((0, vue.toValue)(isActive)) {
@@ -290,7 +290,7 @@ function useDataSourceScope(options = {}) {
 	return useCollectionScope({
 		addEffect(instance) {
 			if (!collection.value) throw new Error("collection is not defined");
-			if ((0, __vesium_shared.isPromise)(instance)) return new Promise((resolve, reject) => {
+			if ((0, _vesium_shared.isPromise)(instance)) return new Promise((resolve, reject) => {
 				instance.then((i) => {
 					collection.value.add(i);
 					resolve(i);
@@ -320,11 +320,13 @@ function useElementOverlay(target, position, options = {}) {
 	} } = options;
 	const viewer = useViewer();
 	const cartesian3 = (0, vue.computed)(() => {
-		if (!(0, vue.toValue)(clampToGround)) return (0, __vesium_shared.toCartesian3)((0, vue.toValue)(position));
+		const positionValue = (0, vue.toValue)(position);
+		if (!positionValue) return;
+		else if (!(0, vue.toValue)(clampToGround)) return (0, _vesium_shared.toCartesian3)(positionValue);
 		else {
-			const cartographic = (0, __vesium_shared.toCartographic)((0, vue.toValue)(position));
+			const cartographic = (0, _vesium_shared.toCartographic)((0, vue.toValue)(positionValue));
 			cartographic.height = +(viewer.value?.scene.globe.getHeight(cartographic) || 0).toFixed(2);
-			return (0, __vesium_shared.toCartesian3)(cartographic);
+			return (0, _vesium_shared.toCartesian3)(cartographic);
 		}
 	});
 	const coord = (0, vue.shallowRef)();
@@ -332,12 +334,16 @@ function useElementOverlay(target, position, options = {}) {
 		if (!viewer.value?.scene) return;
 		if (!cartesian3.value) coord.value = void 0;
 		else {
-			const result = (0, __vesium_shared.cartesianToCanvasCoord)(cartesian3.value, viewer.value.scene);
-			coord.value = !cesium.Cartesian2.equals(result, coord.value) ? result : coord.value;
+			const result = (0, _vesium_shared.cartesianToCanvasCoord)(cartesian3.value, viewer.value.scene);
+			if (result) {
+				result.x = +result.x.toFixed(2);
+				result.y = +result.y.toFixed(2);
+				coord.value = !cesium.Cartesian2.equals(result, coord.value) ? result : coord.value;
+			}
 		}
 	});
-	const canvasBounding = (0, __vueuse_core.useElementBounding)(() => viewer.value?.canvas.parentElement);
-	const targetBounding = (0, __vueuse_core.useElementBounding)(target);
+	const canvasBounding = (0, _vueuse_core.useElementBounding)(() => viewer.value?.canvas.parentElement);
+	const targetBounding = (0, _vueuse_core.useElementBounding)(target);
 	const finalOffset = (0, vue.computed)(() => {
 		const _offset = (0, vue.toValue)(offset);
 		let x$1 = _offset?.x ?? 0;
@@ -391,7 +397,7 @@ function useElementOverlay(target, position, options = {}) {
 //#region useEntity/index.ts
 function useEntity(data, options = {}) {
 	const { collection, isActive = true, evaluating } = options;
-	const result = (0, __vueuse_core.computedAsync)(() => toPromiseValue(data), [], { evaluating });
+	const result = (0, _vueuse_core.computedAsync)(() => toPromiseValue(data), [], { evaluating });
 	const viewer = useViewer();
 	(0, vue.watchEffect)((onCleanup) => {
 		if ((0, vue.toValue)(isActive)) {
@@ -421,7 +427,7 @@ function useEntityScope(options = {}) {
 	return useCollectionScope({
 		addEffect(instance) {
 			if (!collection.value) throw new Error("collection is not defined");
-			if ((0, __vesium_shared.isPromise)(instance)) return new Promise((resolve, reject) => {
+			if ((0, _vesium_shared.isPromise)(instance)) return new Promise((resolve, reject) => {
 				instance.then((i) => {
 					collection.value.add(i);
 					resolve(i);
@@ -452,7 +458,7 @@ function useScenePick(windowPosition, options = {}) {
 	const { width = 3, height = 3, throttled = 8 } = options;
 	const isActive = (0, vue.toRef)(options.isActive ?? true);
 	const viewer = useViewer();
-	const position = (0, __vueuse_core.refThrottled)((0, vue.computed)(() => (0, vue.toValue)(windowPosition)?.clone()), throttled, false, true);
+	const position = (0, _vueuse_core.refThrottled)((0, vue.computed)(() => (0, vue.toValue)(windowPosition)?.clone()), throttled, false, true);
 	const pick = (0, vue.shallowRef)();
 	(0, vue.watchEffect)(() => {
 		if (viewer.value && position.value && isActive.value) {
@@ -492,7 +498,7 @@ function useScreenSpaceEventHandler(type, inputAction, options = {}) {
 		const modifierValue = (0, vue.toValue)(modifier);
 		const handlerValue = (0, vue.toValue)(handler);
 		if (!handlerValue || !isActive.value || !inputAction) return;
-		if ((0, __vesium_shared.isDef)(typeValue)) {
+		if ((0, _vesium_shared.isDef)(typeValue)) {
 			handlerValue.setInputAction(inputAction, typeValue, modifierValue);
 			onCleanup(() => handlerValue.removeInputAction(typeValue, modifierValue));
 		}
@@ -501,7 +507,7 @@ function useScreenSpaceEventHandler(type, inputAction, options = {}) {
 		cleanup1();
 		cleanup2();
 	};
-	(0, __vueuse_core.tryOnScopeDispose)(stop);
+	(0, _vueuse_core.tryOnScopeDispose)(stop);
 	return stop;
 }
 
@@ -541,7 +547,7 @@ function useDrag(listener) {
 		dragging.value = true;
 		position.value = event.position.clone();
 	});
-	const stopMouseMoveWatch = useScreenSpaceEventHandler(cesium.ScreenSpaceEventType.MOUSE_MOVE, (0, __vesium_shared.throttle)(({ startPosition, endPosition }) => {
+	const stopMouseMoveWatch = useScreenSpaceEventHandler(cesium.ScreenSpaceEventType.MOUSE_MOVE, (0, _vesium_shared.throttle)(({ startPosition, endPosition }) => {
 		motionEvent.value = {
 			startPosition: motionEvent.value?.endPosition.clone() || startPosition.clone(),
 			endPosition: endPosition.clone()
@@ -564,7 +570,7 @@ function useDrag(listener) {
 		stopMouseMoveWatch();
 		stopLeftUpWatch();
 	};
-	(0, __vueuse_core.tryOnScopeDispose)(stop);
+	(0, _vueuse_core.tryOnScopeDispose)(stop);
 	return stop;
 }
 
@@ -679,15 +685,15 @@ function useGraphicEvent() {
 		eventTypeMap.get(type) ?? eventTypeMap.set(type, /* @__PURE__ */ new Set());
 		eventTypeMap.get(type).add(listener);
 		let { cursor = "pointer", dragCursor } = options;
-		if ((0, __vesium_shared.isDef)(cursor)) {
-			const _cursor = (0, __vesium_shared.isFunction)(cursor) ? cursor : () => cursor;
+		if ((0, _vesium_shared.isDef)(cursor)) {
+			const _cursor = (0, _vesium_shared.isFunction)(cursor) ? cursor : () => cursor;
 			cursorCollection.get(_graphic) ?? cursorCollection.set(_graphic, /* @__PURE__ */ new Map());
 			cursorCollection.get(_graphic).get(type) ?? cursorCollection.get(_graphic).set(type, /* @__PURE__ */ new Map());
 			cursorCollection.get(_graphic).get(type).set(listener, _cursor);
 		}
 		if (type === "DRAG") dragCursor ??= ((event) => event?.dragging ? "crosshair" : void 0);
-		if ((0, __vesium_shared.isDef)(dragCursor)) {
-			const _dragCursor = (0, __vesium_shared.isFunction)(dragCursor) ? dragCursor : () => dragCursor;
+		if ((0, _vesium_shared.isDef)(dragCursor)) {
+			const _dragCursor = (0, _vesium_shared.isFunction)(dragCursor) ? dragCursor : () => dragCursor;
 			dragCursorCollection.get(_graphic) ?? dragCursorCollection.set(_graphic, /* @__PURE__ */ new Map());
 			dragCursorCollection.get(_graphic).get(type) ?? dragCursorCollection.get(_graphic).set(type, /* @__PURE__ */ new Map());
 			dragCursorCollection.get(_graphic).get(type).set(listener, _dragCursor);
@@ -710,31 +716,31 @@ function useGraphicEvent() {
 		if (dragCursorCollection?.get(_graphic)?.size === 0) dragCursorCollection?.delete(_graphic);
 	};
 	for (const type of POSITIONED_EVENT_TYPES) usePositioned(type, (event) => {
-		(0, __vesium_shared.resolvePick)(event.pick).concat(GLOBAL_GRAPHIC_SYMBOL).forEach((graphic) => {
-			collection.get(graphic)?.get(type)?.forEach((fn) => (0, __vesium_shared.tryRun)(fn)?.(event));
+		(0, _vesium_shared.resolvePick)(event.pick).concat(GLOBAL_GRAPHIC_SYMBOL).forEach((graphic) => {
+			collection.get(graphic)?.get(type)?.forEach((fn) => (0, _vesium_shared.tryRun)(fn)?.(event));
 		});
 	});
 	const dragging = (0, vue.ref)(false);
 	const viewer = useViewer();
 	useHover((event) => {
-		(0, __vesium_shared.resolvePick)(event.pick).concat(GLOBAL_GRAPHIC_SYMBOL).forEach((graphic) => {
-			collection.get(graphic)?.get("HOVER")?.forEach((fn) => (0, __vesium_shared.tryRun)(fn)?.(event));
+		(0, _vesium_shared.resolvePick)(event.pick).concat(GLOBAL_GRAPHIC_SYMBOL).forEach((graphic) => {
+			collection.get(graphic)?.get("HOVER")?.forEach((fn) => (0, _vesium_shared.tryRun)(fn)?.(event));
 			if (!dragging.value) cursorCollection.get(graphic)?.forEach((map) => {
 				map.forEach((fn) => {
-					const cursor = event.hovering ? (0, __vesium_shared.tryRun)(fn)(event) : "";
+					const cursor = event.hovering ? (0, _vesium_shared.tryRun)(fn)(event) : "";
 					viewer.value?.canvas.style?.setProperty("cursor", cursor);
 				});
 			});
 		});
 	});
 	useDrag((event) => {
-		const graphics = (0, __vesium_shared.resolvePick)(event.pick).concat(GLOBAL_GRAPHIC_SYMBOL);
+		const graphics = (0, _vesium_shared.resolvePick)(event.pick).concat(GLOBAL_GRAPHIC_SYMBOL);
 		dragging.value = event.dragging;
 		graphics.forEach((graphic) => {
-			collection.get(graphic)?.get("DRAG")?.forEach((fn) => (0, __vesium_shared.tryRun)(fn)(event));
+			collection.get(graphic)?.get("DRAG")?.forEach((fn) => (0, _vesium_shared.tryRun)(fn)(event));
 			dragCursorCollection.get(graphic)?.forEach((map) => {
 				map.forEach((fn) => {
-					const cursor = event.dragging ? (0, __vesium_shared.tryRun)(fn)(event) : "";
+					const cursor = event.dragging ? (0, _vesium_shared.tryRun)(fn)(event) : "";
 					viewer.value?.canvas.style?.setProperty("cursor", cursor);
 				});
 			});
@@ -751,7 +757,7 @@ function useGraphicEvent() {
 //#region useImageryLayer/index.ts
 function useImageryLayer(data, options = {}) {
 	const { destroyOnRemove, collection, isActive = true, evaluating } = options;
-	const result = (0, __vueuse_core.computedAsync)(() => toPromiseValue(data), [], { evaluating });
+	const result = (0, _vueuse_core.computedAsync)(() => toPromiseValue(data), [], { evaluating });
 	const viewer = useViewer();
 	(0, vue.watchEffect)((onCleanup) => {
 		if ((0, vue.toValue)(isActive)) {
@@ -793,7 +799,7 @@ function useImageryLayerScope(options = {}) {
 	return useCollectionScope({
 		addEffect(instance, index) {
 			if (!collection.value) throw new Error("collection is not defined");
-			if ((0, __vesium_shared.isPromise)(instance)) return new Promise((resolve, reject) => {
+			if ((0, _vesium_shared.isPromise)(instance)) return new Promise((resolve, reject) => {
 				instance.then((i) => {
 					collection.value.add(i, index);
 					resolve(i);
@@ -815,7 +821,7 @@ function useImageryLayerScope(options = {}) {
 //#region usePostProcessStage/index.ts
 function usePostProcessStage(data, options = {}) {
 	const { collection, isActive = true, evaluating } = options;
-	const result = (0, __vueuse_core.computedAsync)(() => toPromiseValue(data), void 0, { evaluating });
+	const result = (0, _vueuse_core.computedAsync)(() => toPromiseValue(data), void 0, { evaluating });
 	const viewer = useViewer();
 	(0, vue.watchEffect)((onCleanup) => {
 		if (!viewer.value) return;
@@ -846,7 +852,7 @@ function usePostProcessStageScope(options = {}) {
 	return useCollectionScope({
 		addEffect(instance) {
 			if (!collection.value) throw new Error("collection is not defined");
-			if ((0, __vesium_shared.isPromise)(instance)) return new Promise((resolve, reject) => {
+			if ((0, _vesium_shared.isPromise)(instance)) return new Promise((resolve, reject) => {
 				instance.then((instance$1) => {
 					collection.value.add(instance$1);
 					resolve(instance$1);
@@ -865,7 +871,7 @@ function usePostProcessStageScope(options = {}) {
 //#region usePrimitive/index.ts
 function usePrimitive(data, options = {}) {
 	const { collection, isActive = true, evaluating } = options;
-	const result = (0, __vueuse_core.computedAsync)(() => toPromiseValue(data), void 0, { evaluating });
+	const result = (0, _vueuse_core.computedAsync)(() => toPromiseValue(data), void 0, { evaluating });
 	const viewer = useViewer();
 	(0, vue.watchEffect)((onCleanup) => {
 		if ((0, vue.toValue)(isActive)) {
@@ -896,7 +902,7 @@ function usePrimitiveScope(options = {}) {
 	const { scope, add, remove, removeWhere, removeScope } = useCollectionScope({
 		addEffect(instance, ...args) {
 			if (!collection.value) throw new Error("collection is not defined");
-			if ((0, __vesium_shared.isPromise)(instance)) return new Promise((resolve, reject) => {
+			if ((0, _vesium_shared.isPromise)(instance)) return new Promise((resolve, reject) => {
 				instance.then((instance$1) => resolve(collection.value.add(instance$1, ...args))).catch((error) => reject(error));
 			});
 			else return collection.value.add(instance, ...args);
@@ -962,7 +968,7 @@ function useScaleBar(options = {}) {
 	const { maxPixel = 80, delay = 8 } = options;
 	const maxPixelRef = (0, vue.computed)(() => (0, vue.toValue)(maxPixel));
 	const viewer = useViewer();
-	const canvasSize = (0, __vueuse_core.useElementSize)(() => viewer.value?.canvas);
+	const canvasSize = (0, _vueuse_core.useElementSize)(() => viewer.value?.canvas);
 	const pixelDistance = (0, vue.ref)();
 	const setPixelDistance = async () => {
 		await (0, vue.nextTick)();
@@ -976,8 +982,8 @@ function useScaleBar(options = {}) {
 		if (!leftPosition || !rightPosition) return;
 		pixelDistance.value = new cesium.EllipsoidGeodesic(scene.globe.ellipsoid.cartesianToCartographic(leftPosition), scene.globe.ellipsoid.cartesianToCartographic(rightPosition)).surfaceDistance;
 	};
-	(0, __vueuse_core.watchImmediate)(viewer, () => setPixelDistance());
-	useCesiumEventListener(() => viewer.value?.camera.changed, (0, __vesium_shared.throttle)(setPixelDistance, delay));
+	(0, _vueuse_core.watchImmediate)(viewer, () => setPixelDistance());
+	useCesiumEventListener(() => viewer.value?.camera.changed, (0, _vesium_shared.throttle)(setPixelDistance, delay));
 	const distance = (0, vue.computed)(() => {
 		if (pixelDistance.value) return distances.find((item) => pixelDistance.value * maxPixelRef.value > item);
 	});
@@ -1007,7 +1013,7 @@ function useScaleBar(options = {}) {
 function useSceneDrillPick(windowPosition, options = {}) {
 	const { width = 3, height = 3, limit, throttled = 8, isActive = true } = options;
 	const viewer = useViewer();
-	const position = (0, __vueuse_core.refThrottled)((0, vue.computed)(() => (0, vue.toValue)(windowPosition)), throttled, false, true);
+	const position = (0, _vueuse_core.refThrottled)((0, vue.computed)(() => (0, vue.toValue)(windowPosition)), throttled, false, true);
 	return (0, vue.computed)(() => {
 		if (position.value && (0, vue.toValue)(isActive)) return viewer.value?.scene.drillPick(position.value, (0, vue.toValue)(limit), (0, vue.toValue)(width), (0, vue.toValue)(height));
 	});
@@ -1039,10 +1045,10 @@ exports.useSceneDrillPick = useSceneDrillPick;
 exports.useScenePick = useScenePick;
 exports.useScreenSpaceEventHandler = useScreenSpaceEventHandler;
 exports.useViewer = useViewer;
-Object.keys(__vesium_shared).forEach(function (k) {
+Object.keys(_vesium_shared).forEach(function (k) {
   if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: function () { return __vesium_shared[k]; }
+    get: function () { return _vesium_shared[k]; }
   });
 });