@dxtmisha/constructor 0.23.0 → 0.39.3

package/src/constructors/Mask/Mask.ts

@@ -1,321 +0,0 @@
-import { computed, type Ref, type ToRefs, watch } from 'vue'
-import {
-  anyToString,
-  type ConstrClassObject,
-  type ConstrEmit,
-  DesignComp,
-  GeoRef,
-  isFloat
-} from '@dxtmisha/functional'
-
-import { MaskType } from './MaskType'
-import { MaskBuffer } from './MaskBuffer'
-import { MaskFocus } from './MaskFocus'
-import { MaskCharacterLength } from './MaskCharacterLength'
-import { MaskRubberItem } from './MaskRubberItem'
-import { MaskRubberTransition } from './MaskRubberTransition'
-import { MaskDate } from './MaskDate'
-import { MaskFormat } from './MaskFormat'
-import { MaskSpecial } from './MaskSpecial'
-import { MaskMatch } from './MaskMatch'
-import { MaskPattern } from './MaskPattern'
-import { MaskRight } from './MaskRight'
-import { MaskRubber } from './MaskRubber'
-import { MaskItem } from './MaskItem'
-import { MaskSelection } from './MaskSelection'
-import { MaskCharacter } from './MaskCharacter'
-import { MaskValueBasic } from './MaskValueBasic'
-import { MaskValue } from './MaskValue'
-import { MaskValidation } from './MaskValidation'
-import { MaskView } from './MaskView'
-import { MaskEmit } from './MaskEmit'
-import { MaskData } from './MaskData'
-import { MaskEvent } from './MaskEvent'
-
-import type { MaskElementInput } from './basicTypes'
-import type { MaskComponents, MaskEmits, MaskSlots } from './types'
-import type { MaskProps } from './props'
-
-/**
- * Class for working with input masking.
- *
- * Класс для работы с маской ввода.
- */
-export class Mask {
-  /** Type helper/ Объект для работы с типом */
-  readonly type: MaskType
-  /** Buffer helper/ Объект для буферизации ввода */
-  readonly buffer: MaskBuffer
-  /** Focus helper/ Объект для работы с фокусом */
-  readonly focus: MaskFocus
-  /** Entered characters length helper/ Объект длины введённых символов */
-  readonly characterLength: MaskCharacterLength
-  /** Rubber groups length helper/ Объект длины резиновых групп */
-  readonly rubberItem: MaskRubberItem
-  /** Rubber transition symbol helper/ Объект символа перехода резины */
-  readonly rubberTransition: MaskRubberTransition
-
-  /** Date/time mask helper/ Объект для работы с датой/временем */
-  readonly date: MaskDate
-  /** Number/currency format mask helper/ Объект форматирования числа/валюты */
-  readonly format: MaskFormat
-
-  /** Special symbols/groups helper/ Объект для спецсимволов и групп */
-  readonly special: MaskSpecial
-  /** Match helper/ Объект проверки символов */
-  readonly match: MaskMatch
-  /** Pattern helper/ Объект паттернов валидации */
-  readonly pattern: MaskPattern
-  /** Alignment helper/ Объект выравнивания */
-  readonly right: MaskRight
-
-  /** Rubber groups helper/ Объект для работы с резиновыми группами */
-  readonly rubber: MaskRubber
-  /** Mask item helper/ Объект для работы с маской */
-  readonly item: MaskItem
-  /** Selection helper/ Объект для работы с выделением */
-  readonly selection: MaskSelection
-  /** Characters helper/ Объект для работы с введёнными символами */
-  readonly character: MaskCharacter
-  /** Basic value helper/ Объект для работы с базовыми значениями */
-  readonly valueBasic: MaskValueBasic
-  /** Value helper/ Объект для работы с итоговым значением */
-  readonly value: MaskValue
-  /** Validation helper/ Объект для работы с валидацией */
-  readonly validation: MaskValidation
-  /** View helper/ Объект для работы с отображением */
-  readonly view: MaskView
-  /** Emit helper/ Объект для работы с событиями */
-  readonly emit: MaskEmit
-  /** Data helper/ Объект для работы с вводом */
-  readonly data: MaskData
-  /** Event helper/ Объект для работы с DOM-событиями */
-  readonly event: MaskEvent
-
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
-   * @param element input element/ элемент ввода
-   * @param classDesign design name/ название дизайна
-   * @param className class name/ название класса
-   * @param components object for working with components/ объект для работы с компонентами
-   * @param slots object for working with slots/ объект для работы со слотами
-   * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
-   */
-  constructor(
-    protected readonly props: MaskProps,
-    protected readonly refs: ToRefs<MaskProps>,
-    protected readonly element: Ref<MaskElementInput>,
-    protected readonly classDesign: string,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<MaskComponents, MaskProps>,
-    protected readonly slots?: MaskSlots,
-    protected readonly emits?: ConstrEmit<MaskEmits>
-  ) {
-    this.type = new MaskType(this.props)
-    this.buffer = new MaskBuffer()
-    this.focus = new MaskFocus(this.buffer)
-    this.characterLength = new MaskCharacterLength()
-    this.rubberItem = new MaskRubberItem()
-    this.rubberTransition = new MaskRubberTransition()
-
-    this.date = new MaskDate(this.props, this.type)
-    this.format = new MaskFormat(this.props, this.type, this.rubberItem)
-
-    this.special = new MaskSpecial(
-      this.props,
-      this.type,
-      this.date,
-      this.format
-    )
-
-    this.match = new MaskMatch(this.props, this.special)
-    this.pattern = new MaskPattern(
-      this.props,
-      this.type,
-      this.date,
-      this.special
-    )
-
-    this.right = new MaskRight(this.props, this.type)
-
-    this.rubber = new MaskRubber(
-      this.props,
-      this.type,
-      this.rubberItem,
-      this.rubberTransition,
-      this.special,
-      this.match,
-      this.format
-    )
-
-    this.item = new MaskItem(
-      this.props,
-      this.type,
-      this.rubberItem,
-      this.characterLength,
-      this.date,
-      this.format,
-      this.special
-    )
-
-    this.selection = new MaskSelection(
-      this.special,
-      this.item
-    )
-
-    this.character = new MaskCharacter(
-      this.props,
-      this.rubberItem,
-      this.characterLength,
-      this.special,
-      this.item,
-      this.selection
-    )
-
-    this.valueBasic = new MaskValueBasic(
-      this.rubberTransition,
-      this.item,
-      this.special,
-      this.character
-    )
-
-    this.value = new MaskValue(
-      this.props,
-      this.type,
-      this.date,
-      this.format,
-      this.item,
-      this.special,
-      this.valueBasic
-    )
-
-    this.validation = new MaskValidation(
-      this.pattern,
-      this.value
-    )
-
-    this.view = new MaskView(
-      this.props,
-      this.type,
-      this.date,
-      this.format,
-      this.special,
-      this.rubber,
-      this.item,
-      this.valueBasic,
-      this.validation,
-      this.className
-    )
-
-    this.emit = new MaskEmit(
-      this.validation,
-      this.emits
-    )
-
-    this.data = new MaskData(
-      this.type,
-      this.buffer,
-      this.focus,
-      this.rubberTransition,
-      this.date,
-      this.special,
-      this.match,
-      this.rubber,
-      this.item,
-      this.selection,
-      this.character,
-      this.valueBasic,
-      this.value,
-      this.emit,
-      this.element
-    )
-
-    this.event = new MaskEvent(
-      this.buffer,
-      this.focus,
-      this.characterLength,
-      this.right,
-      this.selection,
-      this.valueBasic,
-      this.emit,
-      this.data
-    )
-
-    watch([refs.value], () => this.reset(props.value))
-    watch(this.basic, () => this.data.goSelection(false))
-
-    watch([GeoRef.getStandard(), refs.language], () => this.reset(this.value.getValueCache()))
-
-    if (props.value) {
-      this.data.reset(anyToString(props.value))
-    }
-  }
-
-  /** Receiving basic standard values/ Получение базовых стандартных значений */
-  readonly basic = computed<string>(() => {
-    if (this.right.isRight()) {
-      let data = ''
-
-      this.view.item.value.forEach((item) => {
-        data += item.value
-      })
-
-      return data
-    }
-
-    return this.view.input.value
-  })
-
-  /** Values for CSS class/ Значения для CSS-класса */
-  readonly classes = computed<ConstrClassObject>(() => ({
-    [`${this.className}--value`]: this.characterLength.is(),
-    [`${this.className}--end`]: this.right.isEnd()
-  }))
-
-  /**
-   * Sets new value and reinitializes mask.
-   *
-   * Устанавливает новое значение и переинициализирует маску.
-   * @param value new value/ новое значение
-   */
-  readonly set = (value: string) => this.reset(value)
-
-  /**
-   * Resets all values or updates to the new one.
-   *
-   * Сбрасывает все значения или обновляется до нового.
-   * @param value new values/ новые значения
-   */
-  reset(value?: string | number): boolean {
-    const newValue = anyToString(value)
-
-    if (newValue !== this.props.valueDefault) {
-      if (
-        this.value.item.value !== newValue
-        || (
-          this.valueBasic.item.value !== newValue
-          && !isFloat(newValue)
-        )
-      ) {
-        this.data.reset(newValue)
-        this.emit.set('reset', {} as Event).go()
-        return true
-      }
-    }
-
-    return false
-  }
-
-  /**
-   * Clears value to default and focuses input.
-   *
-   * Очищает значение до значения по умолчанию и фокусирует поле ввода.
-   */
-  readonly clear = () => {
-    this.data.reset((this.props.valueDefault ?? '').toString())
-    this.emit.set('reset', {} as Event).go()
-    this.element.value?.focus()
-  }
-}

package/src/constructors/Mask/MaskBuffer.ts

@@ -1,89 +0,0 @@
-/**
- * Class for temporary storage of entered symbols to keep input position during fast typing.
- *
- * Класс для временного хранения вводимых символов, чтобы не терять позицию ввода при быстром наборе.
- */
-export class MaskBuffer {
-  /** Stored characters/ Сохранённые символы */
-  protected chars: string[] = []
-  /** Flag: buffering started/ Флаг: буферизация запущена */
-  protected start: boolean = false
-
-  /**
-   * Checks if buffer has records.
-   *
-   * Проверяет, есть ли записи в буфере.
-   */
-  is(): boolean {
-    return this.chars.length > 0
-  }
-
-  /**
-   * Returns list of all buffered chars.
-   *
-   * Возвращает список всех символов в буфере.
-   */
-  get(): string[] {
-    return this.chars
-  }
-
-  /**
-   * Adds new symbol to buffer.
-   *
-   * Добавляет новый символ в буфер.
-   * @param key symbol to add / символ для добавления
-   */
-  add(key: string): this {
-    this.chars.push(key)
-    return this
-  }
-
-  /**
-   * Handles fast input: if buffering active — adds symbol, else starts buffering.
-   *
-   * Обрабатывает быстрый ввод: если буфер активен — добавляет символ, иначе запускает буферизацию.
-   * @param key symbol to process / символ для обработки
-   * @returns true if processing should continue outside buffer / true если ввод продолжается вне буфера
-   */
-  go(key: string): boolean {
-    if (this.start) {
-      this.add(key)
-      return false
-    }
-
-    this.goStart()
-    return true
-  }
-
-  /**
-   * Starts buffering.
-   *
-   * Запускает буферизацию.
-   */
-  goStart(): this {
-    this.start = true
-    return this
-  }
-
-  /**
-   * Resets all data (chars + start flag).
-   *
-   * Сбрасывает все данные (символы и флаг запуска).
-   */
-  reset(): this {
-    this.resetChars()
-    this.start = false
-
-    return this
-  }
-
-  /**
-   * Clears stored characters only.
-   *
-   * Очищает только сохранённые символы.
-   */
-  resetChars(): this {
-    this.chars = []
-    return this
-  }
-}

package/src/constructors/Mask/MaskCharacter.ts

@@ -1,192 +0,0 @@
-import { ref } from 'vue'
-
-import { MaskRubberItem } from './MaskRubberItem'
-import { MaskCharacterLength } from './MaskCharacterLength'
-import { MaskSpecial } from './MaskSpecial'
-import { MaskItem } from './MaskItem'
-import { MaskSelection } from './MaskSelection'
-
-import { MASK_CHAR_DELETE } from './basicTypes'
-import type { MaskProps } from './props'
-
-/**
- * Class for working with and storing input characters.
- *
- * Класс для работы и хранения вводимых символов.
- */
-export class MaskCharacter {
-  /** Entered characters list/ Список введённых символов */
-  readonly item = ref<string[]>([])
-
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param rubberItem object for working with rubber elements/ объект для работы с резиновыми элементами
-   * @param characterLength object for managing input length/ объект управления длиной ввода
-   * @param special object for working with special characters/ объект для работы со специальными символами
-   * @param mask object for managing masks/ объект управления маской
-   * @param selection object for managing cursor position/ объект для управления положением курсора
-   */
-  constructor(
-    protected readonly props: MaskProps,
-    protected readonly rubberItem: MaskRubberItem,
-    protected readonly characterLength: MaskCharacterLength,
-    protected readonly special: MaskSpecial,
-    protected readonly mask: MaskItem,
-    protected readonly selection: MaskSelection
-  ) {
-  }
-
-  /**
-   * Checks if the value is filled.
-   *
-   * Проверяет, заполнено ли значение.
-   */
-  is(): boolean {
-    return this.item.value.length > 0
-  }
-
-  /**
-   * Checks if the selected character was previously deleted.
-   *
-   * Проверяет, является ли выделенный символ ранее удалённым.
-   */
-  isCharDelete(): boolean {
-    const key = this.selection.get()
-
-    return key in this.item.value
-      && this.item.value[key] === MASK_CHAR_DELETE
-  }
-
-  /**
-   * Getting the selected mask character.
-   *
-   * Получение выбранного символа маски.
-   */
-  getFocus(): string {
-    return this.mask.get(this.selection.getFocus())
-  }
-
-  /**
-   * Getting the mask character by the key number of the nearest special character.
-   *
-   * Получение символа маски по номеру ключа ближайшего специального символа.
-   */
-  getImmediate(): string {
-    return this.mask.get(this.selection.getImmediate())
-  }
-
-  /**
-   * Getting the next mask character.
-   *
-   * Получение следующего символа маски.
-   */
-  getNext(): string {
-    return this.mask.get(this.selection.getNext())
-  }
-
-  /**
-   * Adding 1 entered character at its selection location.
-   *
-   * Добавление 1 введённого символа по месту его выделения.
-   * @param char entered character/ введённый символ
-   */
-  add(char: string): this {
-    this.item.value.splice(this.selection.get(), this.isCharDelete() ? 1 : 0, char)
-    this.selection.goNext().resetImmediate()
-    this.updateLength()
-
-    return this
-  }
-
-  /**
-   * Deleting 1 entered character at its selection location.
-   *
-   * Удаление 1 введённого символа по месту его выделения.
-   */
-  pop(): this {
-    const key = this.selection.get() - 1
-
-    if (this.isSpecialNextAnother()) {
-      this.item.value[key] = MASK_CHAR_DELETE
-    } else {
-      this.item.value.splice(key, 1)
-      this.updateLength()
-    }
-
-    this.selection.goBack().resetImmediate()
-
-    return this
-  }
-
-  /**
-   * Resets the values to the initial values.
-   *
-   * Сбрасывает значения до начальных.
-   */
-  reset(): this {
-    this.item.value = []
-    this.selection.set(0).resetImmediate()
-    this.updateLength()
-
-    return this
-  }
-
-  /**
-   * Shifts by 1 value depending on the direction of selection change.
-   *
-   * Сдвигает на 1 значение в зависимости от направления изменения выделения.
-   * @param status shift status/ статус сдвига
-   */
-  shift(status: number = 1): this {
-    this.characterLength.set(this.item.value.length + status)
-    return this
-  }
-
-  /**
-   * Checks if there is another group of special characters ahead.
-   *
-   * Проверяет, есть ли впереди другая группа специальных символов.
-   */
-  protected isSpecialNextAnother(): boolean {
-    const selection = this.selection.get() - 1
-    const length = this.item.value.length
-
-    if (
-      this.props.groupSave
-      && selection >= 0
-      && selection <= length
-    ) {
-      const info = this.mask.info.value
-      const char = info?.[selection]?.char
-
-      if (char && !this.rubberItem.is(char)) {
-        for (let i: number = selection; i < length; i++) {
-          if (info?.[i]) {
-            const charNext = info[i]?.char
-
-            if (
-              charNext
-              && this.special.isSpecial(charNext)
-              && char !== charNext
-            ) {
-              return true
-            }
-          }
-        }
-      }
-    }
-
-    return false
-  }
-
-  /**
-   * Updates the length of entered characters.
-   *
-   * Обновляет длину введённых символов.
-   */
-  protected updateLength(): this {
-    this.characterLength.set(this.item.value.length)
-    return this
-  }
-}

package/src/constructors/Mask/MaskCharacterLength.ts

@@ -1,40 +0,0 @@
-import { ref } from 'vue'
-
-/**
- * Class for storing the length of entered characters.
- *
- * Класс для хранения длины введённых символов.
- */
-export class MaskCharacterLength {
-  /** Current length value/ Текущее значение длины */
-  protected length = ref<number>(0)
-
-  /**
-   * Checks if there is at least one entered character.
-   *
-   * Проверяет, есть ли хотя бы один введённый символ.
-   */
-  is(): boolean {
-    return this.length.value > 0
-  }
-
-  /**
-   * Returns current length.
-   *
-   * Возвращает текущую длину.
-   */
-  get(): number {
-    return this.length.value
-  }
-
-  /**
-   * Sets new length value.
-   *
-   * Устанавливает новое значение длины.
-   * @param length new length value / новое значение длины
-   */
-  set(length: number): this {
-    this.length.value = length
-    return this
-  }
-}