triplexlab/src/js/MoreViews/basic.js

프론트엔드 개발자가 프로젝트할때 흔하고 많이 하는 작업들을 나만의 플러그인으로 만들었습니다.\ ES6의 class기반으로 만들었고, 공부하는 차원으로 만들었습니다.🧑🏻‍💻🧑🏻‍💻

import { _tr } from '../Helpers/DomApi.js';
import Actives from '../Helpers/basic.js';

export default class Moreview extends Actives {
  constructor(el) {
    super(el);
    this.el = el;
    this.additems = el;
  }

  get additems() {
    return this._additems;
  }

  set additems(value) {
    const { startEl, endEl } = this.el.targets;
    const eles = _tr(startEl).find(endEl);

    if (value.additems <= 0) {
      throw Error('You must put at least 1 value.');
    }
    if (value.additems >= eles.length) {
      throw Error('You cannot put a value equal to or greater than the number of contents.');
    }
    this._additems = value.additems;
  }
  /**
   * 활성화 관한 메소드
   * @param {object} 현재 활성화된 이벤트 객체
   */
  active(item) {
    super.active(item);
  }
}