From 1ce9d9ab5ccfba77e53826aa95a44b4c9f6465ec Mon Sep 17 00:00:00 2001
From: ethan <zhufeng_solo@163.com>
Date: Sat, 16 Mar 2024 22:34:11 +0800
Subject: [PATCH] Adjust the display and hide invocation method to support
parameter-configured animations.
---
src/base.ts | 20 +++++++++++++++-----
src/interface.ts | 6 ++++++
2 files changed, 21 insertions(+), 5 deletions(-)
diff --git a/src/base.ts b/src/base.ts
index 484104d..fefdc9a 100644
--- a/src/base.ts
+++ b/src/base.ts
@@ -1,7 +1,7 @@
// @ts-ignore
// import * as CesiumTypeOnly from 'cesium';
import * as CesiumTypeOnly from 'cesium';
-import { State, GeometryStyle, PolygonStyle, LineStyle, EventType, EventListener } from './interface';
+import { State, GeometryStyle, PolygonStyle, LineStyle, EventType, EventListener, VisibleAnimationOpts } from './interface';
import EventDispatcher from './events';
import cloneDeep from 'lodash.clonedeep';
import merge from 'lodash.merge';
@@ -466,7 +466,12 @@ export default class Base {
* center at a precision-less position. Thus, when toggling the visibility state, adjust the 'clampToGround'
* status first to avoid this issue.
*/
- show() {
+ show(opts: VisibleAnimationOpts) {
+ if (opts) {
+ const { duration, delay, callback } = opts;
+ this.showWithAnimation(duration, delay, callback);
+ return
+ }
if (this.type === 'polygon') {
this.polygonEntity.show = true;
this.outlineEntity.polyline.clampToGround = true;
@@ -478,7 +483,12 @@ export default class Base {
}
}
- hide() {
+ hide(opts: VisibleAnimationOpts) {
+ if (opts) {
+ const { duration, delay, callback } = opts;
+ this.hideWithAnimation(duration, delay, callback);
+ return
+ }
if (this.type === 'polygon') {
this.polygonEntity.show = false;
this.outlineEntity.polyline.clampToGround = false;
@@ -490,7 +500,7 @@ export default class Base {
}
}
- showAnimation(duration: number = 1000, delay: number = 0, callback: (() => void) | undefined) {
+ showWithAnimation(duration: number = 1000, delay: number = 0, callback?: (() => void)) {
if (this.state != 'static' || this.isHidden === false) {
//If not in a static state or already displayed, do not process.
return;
@@ -537,7 +547,7 @@ export default class Base {
}
}
- hideAnimation(duration: number = 1000, delay: number = 0, callback: (() => void) | undefined) {
+ hideWithAnimation(duration: number = 1000, delay: number = 0, callback?: (() => void)) {
if (this.state != 'static' || this.isHidden === true) {
return;
}
diff --git a/src/interface.ts b/src/interface.ts
index 8266b2c..a7b93f2 100644
--- a/src/interface.ts
+++ b/src/interface.ts
@@ -17,3 +17,9 @@ export type GeometryStyle = PolygonStyle | LineStyle;
export type EventType = 'drawStart' | 'drawUpdate' | 'drawEnd' | 'editEnd' | 'editStart';
export type EventListener = (eventData?: any) => void;
+
+export type VisibleOpts = {
+ duration?: number;
+ delay?: number;
+ callback?: (() => void)
+}