tui-image-editor/src/js/command/changeIconColor.js

TOAST UI ImageEditor

import commandFactory from '@/factory/command';
import { componentNames, rejectMessages, commandNames } from '@/consts';

const { ICON } = componentNames;

const command = {
  name: commandNames.CHANGE_ICON_COLOR,

  /**
   * Change icon color
   * @param {Graphics} graphics - Graphics instance
   * @param {number} id - object id
   * @param {string} color - Color for icon
   * @returns {Promise}
   */
  execute(graphics, id, color) {
    return new Promise((resolve, reject) => {
      const iconComp = graphics.getComponent(ICON);
      const targetObj = graphics.getObject(id);

      if (!targetObj) {
        reject(rejectMessages.noObject);
      }

      this.undoData.object = targetObj;
      this.undoData.color = iconComp.getColor(targetObj);
      iconComp.setColor(color, targetObj);
      resolve();
    });
  },

  /**
   * @param {Graphics} graphics - Graphics instance
   * @returns {Promise}
   */
  undo(graphics) {
    const iconComp = graphics.getComponent(ICON);
    const { object: icon, color } = this.undoData;

    iconComp.setColor(color, icon);

    return Promise.resolve();
  },
};

commandFactory.register(command);

export default command;