@shijiu/jsview-vue 2.1.367-test.0 → 2.1.428

package/utils/JsViewEngineWidget/MetroWidget/AnimationManager.ts

@@ -1,189 +0,0 @@
-import { Forge } from "@shijiu/jsview/dom/jsv-forge-define";
-import { ShallowRef, watch, ref, Ref } from "vue";
-
-export enum TaskType {
-  RESIZE_ITEM,
-  SLIDE,
-  ON_FOCUS_CHANGE,
-}
-
-interface Task {
-  frameCount: number,
-  type: TaskType,
-  params: any,
-}
-
-type TaskCallback = (tasks: Array<Task>) => void;
-
-export class MacroEndTaskManager {
-  private taskList: Array<Task> = [];
-  private frameCount: number;
-  private customerOnFlushTakEnd: TaskCallback;
-  private customerOnBreak: TaskCallback;
-  private mTaskToken: Ref<number> = ref(0);
-  private mToken: number = 0;
-  private mFlushedFrameCount = -1;
-
-  constructor(onFlushTask: TaskCallback, onBreak: TaskCallback) {
-    this.customerOnBreak = onBreak;
-    this.customerOnFlushTakEnd = onFlushTask;
-    // watch(
-    //   () => this.mTaskToken.value,
-    //   () => {
-    //     this.onFlushTask();
-    //     this.mFlushedFrameCount = this.frameCount;
-    //   },
-    //   {
-    //     flush: 'post'
-    //   })
-  }
-
-  private getToken(): number {
-    if (this.mToken < Number.MAX_SAFE_INTEGER) {
-      ++this.mToken;
-    } else {
-      this.mToken = 1;
-    }
-    return this.mToken;
-  }
-
-  public addTask(type: TaskType, params: any) {
-    if (this.mFlushedFrameCount == Forge.sFrameCount.count) {
-      console.log("MetroWidget: tasks in currnet frame flushed. ignore task", type, params);
-      return;
-    }
-
-    this.taskList.push({
-      type,
-      params,
-      frameCount: Forge.sFrameCount.count,
-    });
-    if (this.frameCount !== Forge.sFrameCount.count) {
-      this.frameCount = Forge.sFrameCount.count;
-      const breakList: Array<Task> = [];
-      for (let i = this.taskList.length - 1; i >= 0; --i) {
-        if (this.taskList[i].frameCount != this.frameCount) {
-          let t = this.taskList.splice(i, 1);
-          breakList.push(t[0]);
-        }
-      }
-      this.onBreak(breakList);
-      // this.mTaskToken.value = this.getToken();
-    }
-
-    //每次添加task时推迟处理
-    this.mTaskToken.value = this.getToken();
-    let selfToken = this.mTaskToken.value;
-    Promise.resolve().then(() => {
-      // console.log("flushtask", selfToken, this.mTaskToken.value)
-      if (selfToken == this.mTaskToken.value) {
-        this.onFlushTask();
-        this.mFlushedFrameCount = this.frameCount;
-        //task flush 完成后有按键过来时, 按键触发的task会被丢掉, 因此任务完成后RequestSwap
-        Forge.sRenderBridge.RequestSwap();
-      } else {
-        // console.log("drop promise");
-      }
-    })
-  }
-
-  private onFlushTask() {
-    if (this.taskList.length > 0) {
-      this.customerOnFlushTakEnd(this.taskList);
-      this.taskList = [];
-    }
-  }
-
-  private onBreak(taskList: Array<Task>) {
-    this.customerOnBreak(taskList);
-  }
-}
-
-interface AnimSetting {
-  easing?: string | null;
-  onStart?: () => void;
-  onEnd?: (done: boolean) => void;
-  duration?: number,
-  speed?: number,
-}
-
-class AnimObject {
-  private frameCount: number;
-  private forgeAnim: any;
-  private element: any;
-  private animSetting: AnimSetting;
-
-  constructor(frameCount: number,
-    element: any,
-    from: [number, number],
-    to: [number, number],
-    setting: AnimSetting) {
-    this.frameCount = frameCount;
-    this.animSetting = setting;
-    this.element = element;
-
-    let duration = 0;
-    if (typeof setting.duration == "number") {
-      duration = setting.duration;
-    } else if (typeof setting.speed == "number") {
-      duration = Math.round(Math.max(Math.abs(to[0] - from[0]), Math.abs(to[1] - from[1])) / setting.speed);
-    }
-    this.forgeAnim = new Forge.TranslateAnimation(
-      from[0],
-      to[0],
-      from[1],
-      to[1],
-      duration,
-      setting.easing
-    );
-    this.forgeAnim.SetAnimationListener(
-      new Forge.AnimationListener(this.onStart.bind(this), this.onEnd.bind(this), null)
-    );
-  }
-
-  public start() {
-    this.element?.jsvGetProxyView(true).StartAnimation(this.forgeAnim);
-  }
-
-  public stop() {
-    this.element?.jsvGetProxyView(true).StopAnimation();
-  }
-
-  public getFrameCount() {
-    return this.frameCount;
-  }
-
-  private onStart() {
-    this.animSetting?.onStart?.();
-  }
-
-  private onEnd(done: boolean) {
-    this.animSetting?.onEnd?.(done);
-  }
-}
-
-export class AnimationManager {
-  private animList: Array<AnimObject> = [];
-  private frameCount: number = 0;
-
-  public startSlideAnim(element: any, from: [number, number], to: [number, number], setting: AnimSetting) {
-    let curFrameCount = Forge.sFrameCount.count;
-    if (curFrameCount != this.frameCount) {
-      this.tryCleanOldAnim();
-      this.frameCount = curFrameCount;
-    }
-    const obj = new AnimObject(curFrameCount, element, from, to, setting);
-    this.animList.push(obj);
-    obj.start();
-  }
-
-  private tryCleanOldAnim() {
-    for (let i = this.animList.length - 1; i >= 0; --i) {
-      const anim = this.animList[i];
-      if (anim.getFrameCount() != this.frameCount) {
-        this.animList.splice(i, 1);
-        anim.stop();
-      }
-    }
-  }
-}