输入适配层：兼容鼠标与触摸 ​

// === InputAdapter ===
class InputAdapter extends EventEmitter {
  constructor(element) {
    super(); // 调用父类 EventEmitter 的构造函数
    this.element = element; // 需要监听手势的 DOM 元素

    // 存储当前活跃的指针（鼠标或触摸点）
    this.pointers = [];

    // 绑定事件处理函数，确保 `this` 指向正确
    this.handleStart = this.handleStart.bind(this);
    this.handleMove = this.handleMove.bind(this);
    this.handleEnd = this.handleEnd.bind(this);
    this.handleCancel = this.handleCancel.bind(this);

    // 初始化：开始监听事件
    this.init();
  }

  init() {
    // 监听鼠标事件
    this.element.addEventListener('mousedown', this.handleStart);
    document.addEventListener('mousemove', this.handleMove); // 注意：mousemove 通常在 document 上监听
    document.addEventListener('mouseup', this.handleEnd);

    // 监听触摸事件
    this.element.addEventListener('touchstart', this.handleStart);
    this.element.addEventListener('touchmove', this.handleMove);
    this.element.addEventListener('touchend', this.handleEnd);
    this.element.addEventListener('touchcancel', this.handleCancel);
  }

  // 销毁函数，用于清理事件监听器
  destroy() {
    this.element.removeEventListener('mousedown', this.handleStart);
    document.removeEventListener('mousemove', this.handleMove);
    document.removeEventListener('mouseup', this.handleEnd);

    this.element.removeEventListener('touchstart', this.handleStart);
    this.element.removeEventListener('touchmove', this.handleMove);
    this.element.removeEventListener('touchend', this.handleEnd);
    this.element.removeEventListener('touchcancel', this.handleCancel);
  }

  // 处理输入开始事件
  handleStart(ev) {
    const type = ev.type.startsWith('touch') ? INPUT_START : INPUT_START;
    // 将原生事件转换为统一的输入数据格式
    const inputData = this.normalizeInput(ev);
    this.emit(type, inputData);
  }

  // 处理输入移动事件
  handleMove(ev) {
    const type = ev.type.startsWith('touch') ? INPUT_MOVE : INPUT_MOVE;
    const inputData = this.normalizeInput(ev);
    this.emit(type, inputData);
  }

  // 处理输入结束事件
  handleEnd(ev) {
    const type = ev.type.startsWith('touch') ? INPUT_END : INPUT_END;
    const inputData = this.normalizeInput(ev);
    this.emit(type, inputData);
  }

  // 处理输入取消事件
  handleCancel(ev) {
    const type = ev.type.startsWith('touch') ? INPUT_CANCEL : INPUT_CANCEL;
    const inputData = this.normalizeInput(ev);
    this.emit(type, inputData);
  }

  // 将原生事件 (MouseEvent 或 TouchEvent) 标准化为统一的输入数据格式
  normalizeInput(ev) {
    // 获取当前所有活跃的指针（手指或鼠标）
    const pointers = this.getPointers(ev);
    // 获取第一个指针的中心点坐标
    const center = this.getCenter(pointers);

    return {
      // 事件类型
      type: ev.type,
      // 时间戳
      timeStamp: now(),
      // 指针数量（手指数量）
      pointerLength: pointers.length,
      // 第一个指针的中心点坐标
      center,
      // 所有指针的详细数据
      pointers,
      // 原生事件对象，供后续可能需要时使用
      srcEvent: ev,
    };
  }

  // 获取当前所有活跃的指针
  getPointers(ev) {
    const pointers = [];
    if (ev.type.startsWith('touch')) {
      // 处理 TouchEvent
      const touchEvent = ev;
      for (let i = 0; i < touchEvent.touches.length; i++) {
        const touch = touchEvent.touches[i];
        pointers.push({
          id: touch.identifier, // 每个触摸点的唯一 ID
          x: touch.pageX,
          y: touch.pageY,
        });
      }
    } else if (ev.type.startsWith('mouse')) {
      // 处理 MouseEvent
      const mouseEvent = ev;
      // 鼠标只有一个指针，我们给它一个固定的 ID
      pointers.push({
        id: 1,
        x: mouseEvent.pageX,
        y: mouseEvent.pageY,
      });
    }
    // 更新内部指针列表
    this.pointers = pointers;
    return pointers;
  }

  // 计算一组指针的中心点坐标
  getCenter(pointers) {
    if (pointers.length === 0) {
      return { x: 0, y: 0 };
    }
    if (pointers.length === 1) {
      return { x: pointers[0].x, y: pointers[0].y };
    }
    // 计算所有指针坐标的平均值
    const sum = pointers.reduce((acc, pointer) => {
      acc.x += pointer.x;
      acc.y += pointer.y;
      return acc;
    }, { x: 0, y: 0 });

    return {
      x: sum.x / pointers.length,
      y: sum.y / pointers.length,
    };
  }
}