@fe6/water-pro/components/color-picker/colors/libs/selectable.js

An enterprise-class UI design language and Vue-based implementation

import * as _ from '../utils/utils';

export default function Selectable(opt = {}) {
  opt = Object.assign(
    {
      onchange: () => 0,
      className: '',
      elements: [],
    },
    opt,
  );

  const onTap = _.on(opt.elements, 'click', (evt) => {
    opt.elements.forEach((e) => e.classList[evt.target === e ? 'add' : 'remove'](opt.className));

    opt.onchange(evt);

    // Fix for https://github.com/Simonwep/pickr/issues/243
    evt.stopPropagation();
  });

  return {
    destroy: () => _.off(...onTap),
  };
}