Method init

src/editor/interactions/click-select.ts:10–44

(options: InteractionInitOptions)

  private clickHandler?: ClickHandler;

  init(options: InteractionInitOptions) {
    super.init(options);
    const { editor, interaction } = this;

    this.clickHandler = new ClickHandler(editor.getDocument(), { delay: 0 });

    const handleSelect = (event: MouseEvent) => {
      if (!interaction.isActive()) return;
      interaction.executeExclusiveInteraction(this, async () => {
        const target = getEventTarget(event.target as SVGElement);
        if (isEditingText(target)) return;

        if (this.shiftKey) {
          // 多选
          if (target) {
            if (interaction.isSelected(target)) {
              interaction.select([target], 'remove');
            } else {
              interaction.select([target], 'add');
            }
          }
        } else {
          // 单选
          if (target) interaction.select([target], 'replace');
          else interaction.clearSelection();
        }
      });
    };

    this.clickHandler.onClick(handleSelect);

    document.addEventListener('keydown', this.onShiftKeyDown);
    document.addEventListener('keyup', this.onShiftKeyUp);
    document.addEventListener('keydown', this.onEscKeyDown);
  }

  destroy() {
    this.clickHandler?.destroy();