@dxtmisha/constructor 0.23.0 → 0.39.3

package/src/constructors/Mask/MaskType.ts

@@ -1,103 +0,0 @@
-import { computed } from 'vue'
-import type { GeoDate } from '@dxtmisha/functional'
-
-import type { MaskTypeItem } from './basicTypes'
-import type { MaskProps } from './props'
-
-/**
- * Class for defining the mask type.
- *
- * Класс для определения типа маски.
- */
-export class MaskType {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   */
-  constructor(
-    protected readonly props: MaskProps
-  ) {
-  }
-
-  /** Current mask type (default: text)/ Текущий тип маски (по умолчанию: text) */
-  readonly item = computed<MaskTypeItem>(() => this.props.type ?? 'text')
-
-  /**
-   * Is the mask simple number type.
-   *
-   * Является ли маска простым числовым типом (number).
-   */
-  isNumber(): boolean {
-    return this.item.value === 'number'
-  }
-
-  /**
-   * Is the mask formatted number type (number-format).
-   *
-   * Является ли маска типом форматированного числа (number-format).
-   */
-  isNumberFormat(): boolean {
-    return this.item.value === 'number-format'
-  }
-
-  /**
-   * Is the mask currency type.
-   *
-   * Является ли маска валютным типом (currency).
-   */
-  isCurrency(): boolean {
-    return this.item.value === 'currency'
-  }
-
-  /**
-   * Is the mask one of numeric related types (number | number-format | currency).
-   *
-   * Является ли маска одним из числовых типов (number | number-format | currency).
-   */
-  isCurrencyOrNumber(): boolean {
-    return this.isNumber() || this.isNumberFormat() || this.isCurrency()
-  }
-
-  /**
-   * Is the mask one of the time input types.
-   *
-   * Является ли маска одним из типов для ввода времени.
-   */
-  isTime(): boolean {
-    return [
-      'full',
-      'datetime',
-      'time',
-      'hour-minute',
-      'hour',
-      'minute',
-      'second'
-    ].indexOf(this.item.value) !== -1
-  }
-
-  /**
-   * Is the mask one of the date (or time) input types.
-   *
-   * Является ли маска одним из типов для ввода даты (или времени).
-   */
-  isDate(): boolean {
-    return this.isTime()
-      || [
-        'date',
-        'year',
-        'year-month',
-        'month',
-        'day',
-        'day-month'
-      ].indexOf(this.item.value) !== -1
-  }
-
-  /**
-   * Returns GeoDate-compatible mask type (fallback: date).
-   *
-   * Возвращает тип маски совместимый с GeoDate (если нет — date).
-   */
-  getByDate(): GeoDate {
-    return this.isDate() ? (this.item.value as GeoDate) : 'date'
-  }
-}

package/src/constructors/Mask/MaskValidation.ts

@@ -1,102 +0,0 @@
-import { computed } from 'vue'
-
-import { FieldInputCheckInclude } from '../../classes/field/FieldInputCheckInclude'
-import { MaskPattern } from './MaskPattern'
-import { MaskValue } from './MaskValue'
-
-import type { FieldValidationItem } from '../../types/fieldTypes'
-
-/**
- * Class for working with the validity of entered data.
- *
- * Класс для работы с валидностью введённых данных.
- */
-export class MaskValidation {
-  /**
-   * Constructor
-   * @param pattern object for working with input data validation/ объект для работы с проверкой введённых данных
-   * @param value object for working with entered data/ объект для работы с введёнными данными
-   */
-  constructor(
-    protected readonly pattern: MaskPattern,
-    protected readonly value: MaskValue
-  ) {
-  }
-
-  /** Validation error info or undefined/ Информация об ошибке или undefined */
-  readonly item = computed(() => {
-    for (const input of Object.values(this.pattern.item.value)) {
-      const item = this.value.getInfoItem(input.group)
-
-      if (item && item.full) {
-        const check = input.check(item.value)
-
-        if (check && !check.status) {
-          return {
-            ...check,
-            value: this.value.item.value
-          }
-        }
-      }
-    }
-
-    return this.getValidationCheck()
-  })
-
-  /**
-   * Checks if the current group has an error.
-   *
-   * Проверяет, есть ли ошибка у текущей группы.
-   * @param groupName group name/ название группы
-   */
-  isError(groupName: string): boolean {
-    const groupError = this.item.value?.group
-
-    return Boolean(
-      groupError && (
-        groupError === groupName
-        || groupError === FieldInputCheckInclude.getGroupDefault()
-      )
-    )
-  }
-
-  /**
-   * Checks the correctness of filling in the values.
-   *
-   * Проверяет корректность заполнения значений.
-   */
-  checkValidity(): boolean {
-    return this.item.value === undefined
-  }
-
-  /**
-   * Getting global check data.
-   *
-   * Получение данных глобальной проверки.
-   */
-  protected getValidationCheck(): FieldValidationItem {
-    if (this.value.isFull.value) {
-      const item = this.value.getForCheck()
-
-      if (this.pattern.isCheck()) {
-        const check = this.pattern.getInput(item.group)?.check(item.value)
-
-        if (check && !check.status) {
-          return check
-        }
-      }
-
-      return {
-        status: true,
-        value: item.value,
-        isFull: true
-      }
-    }
-
-    return {
-      status: true,
-      value: this.value.item.value,
-      isFull: false
-    }
-  }
-}

package/src/constructors/Mask/MaskValue.ts

@@ -1,225 +0,0 @@
-import { computed, watch } from 'vue'
-
-import { FieldInputCheckInclude } from '../../classes/field/FieldInputCheckInclude'
-import { MaskType } from './MaskType'
-import { MaskDate } from './MaskDate'
-import { MaskFormat } from './MaskFormat'
-import { MaskItem } from './MaskItem'
-import { MaskSpecial } from './MaskSpecial'
-import { MaskValueBasic } from './MaskValueBasic'
-
-import type { FieldMaskItem, FieldMasks } from '../../types/fieldTypes'
-import { MASK_CHAR_DELETE } from './basicTypes'
-import type { MaskProps } from './props'
-
-/**
- * Class for transforming the entered data into the final result.
- *
- * Класс для преобразования введенных данных в конечный результат.
- */
-export class MaskValue {
-  protected infoCache?: FieldMasks
-
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param type object for working with the mask type/ объект для работы с типом маски
-   * @param date object for working with date types/ объект для работы с типом даты
-   * @param format object for managing numeric mask types/ объект для управления числовыми типами масок
-   * @param mask object for managing masks/ объект управления маской
-   * @param special object for working with special characters/ объект для работы со специальными символами
-   * @param valueBasic object for working with base values/ объект для работы с базовыми значениями
-   */
-  constructor(
-    protected readonly props: MaskProps,
-    protected readonly type: MaskType,
-    protected readonly date: MaskDate,
-    protected readonly format: MaskFormat,
-    protected readonly mask: MaskItem,
-    protected readonly special: MaskSpecial,
-    protected readonly valueBasic: MaskValueBasic
-  ) {
-    watch(this.info, (_, old) => {
-      if (this.type.isDate()) {
-        this.infoCache = old
-      }
-    })
-  }
-
-  /**
-   * Receiving a list with information about standard values/
-   * Получение списка с информацией о стандартных значениях
-   */
-  readonly info = computed<FieldMasks>(() => {
-    const standard = this.valueBasic.item.value
-    const data: FieldMasks = {}
-
-    this.mask.item.value.forEach((char, index) => {
-      if (this.special.isSpecial(char)) {
-        const value = this.add(data, char)
-
-        if (
-          this.isStandard(index)
-          && standard[index] !== MASK_CHAR_DELETE
-        ) {
-          value.chars.push(String(standard[index]))
-        }
-
-        value.maxLength++
-        value.end = value.maxLength === value.chars.length
-        value.full = this.special.isDefault(char) || value.end
-        value.value = value.full ? value.chars.join('') : ''
-      }
-    })
-
-    return data
-  })
-
-  /** Final value (shortcut)/ Финальное значение (ярлык) */
-  readonly item = computed(() => this.getValue(this.info.value))
-
-  /** Checks if the mask is fully filled/ Проверяет, полностью ли заполнена маска */
-  readonly isFull = computed<boolean>(() => {
-    for (const item of Object.values(this.info.value)) {
-      if (!item.full) {
-        return false
-      }
-    }
-
-    return true
-  })
-
-  /** Checks if the mask is fully filled by length/ Проверяет, полностью ли заполнена маска по длине */
-  readonly isEnd = computed<boolean>(() => {
-    for (const item of Object.values(this.info.value)) {
-      if (!item.end) {
-        return false
-      }
-    }
-
-    return true
-  })
-
-  /**
-   * Returns old values.
-   *
-   * Возвращает старые значения.
-   */
-  getValueCache(): string {
-    if (this.infoCache) {
-      return this.getValue(this.infoCache)
-    }
-
-    return this.item.value
-  }
-
-  /**
-   * Getting full information for global verification.
-   *
-   * Получение полной информации для глобальной проверки.
-   */
-  getForCheck(): FieldMaskItem {
-    const value = this.item.value
-
-    return {
-      group: FieldInputCheckInclude.getGroupDefault(),
-      value,
-      maxLength: value.length,
-      full: this.isFull.value,
-      end: this.isEnd.value,
-      chars: value.split('')
-    }
-  }
-
-  /**
-   * Getting information for a specific group.
-   *
-   * Получение информации для конкретной группы.
-   * @param groupName group name/ название группы
-   */
-  getInfoItem(groupName: string): FieldMaskItem | undefined {
-    return this.info.value?.[groupName]
-  }
-
-  /** Returns the final form of the value/ Возвращает финальный вид значения */
-  protected readonly valueFinal = computed(() => {
-    const basic = this.valueBasic.item.value.split('')
-    const mask = this.mask.item.value
-    let data: string = ''
-
-    for (const index in mask) {
-      if (index in basic) {
-        data += basic[index]
-      } else if (mask[index]) {
-        const defaultValue = this.special.getDefault(mask[index])
-
-        if (defaultValue) {
-          data += defaultValue
-        }
-      }
-    }
-
-    return data
-  })
-
-  /**
-   * Checks if there is a value by the key number in the basic values.
-   *
-   * Проверяет, есть ли значение по номеру ключа в базовых значениях.
-   * @param index key number/ номер ключа
-   */
-  protected isStandard(index: number): boolean {
-    return Boolean(this.valueBasic.getChar(index))
-  }
-
-  /**
-   * Returns values based on the specified data information structure.
-   *
-   * Возвращает значения по указанной структуре информации о данных.
-   * @param info data information/ информация о данных
-   */
-  protected getValue(info: FieldMasks) {
-    if (this.type.isCurrencyOrNumber()) {
-      return this.format.getValueStandard(info)
-    }
-
-    if (this.type.isDate()) {
-      if (this.isFull.value) {
-        return this.date.getValueStandard(info)
-      }
-
-      return ''
-    }
-
-    if (
-      this.props.fullOnly
-      && !this.isFull.value
-    ) {
-      return ''
-    }
-
-    return this.valueFinal.value
-  }
-
-  /**
-   * Adding a new character to the list divided by groups if it is not there and returning the property of the given group.
-   *
-   * Добавление нового символа в список, разделенный по группам, если его там нет, и возвращение свойства данной группы.
-   * @param data data for verification/ данные для проверки
-   * @param groupName group name/ название группы
-   */
-  protected add(data: FieldMasks, groupName: string): FieldMaskItem {
-    if (!(groupName in data)) {
-      data[groupName] = {
-        group: groupName,
-        value: '',
-        maxLength: 0,
-        full: false,
-        end: false,
-        chars: []
-      }
-    }
-
-    return data[groupName] as FieldMaskItem
-  }
-}

package/src/constructors/Mask/MaskValueBasic.ts

@@ -1,87 +0,0 @@
-import { computed } from 'vue'
-
-import { MaskRubberTransition } from './MaskRubberTransition'
-import { MaskItem } from './MaskItem'
-import { MaskSpecial } from './MaskSpecial'
-import { MaskCharacter } from './MaskCharacter'
-
-/**
- * Class for getting basic input values.
- *
- * Класс для получения базовых вводимых значений.
- */
-export class MaskValueBasic {
-  /**
-   * Constructor
-   * @param rubberTransition object for managing the transition character/ объект для управления символом перехода
-   * @param mask object for managing masks/ объект управления маской
-   * @param special object for working with special characters/ объект для работы со специальными символами
-   * @param character object for managing entered character/ объект для управления введённым символом
-   */
-  constructor(
-    protected readonly rubberTransition: MaskRubberTransition,
-    protected readonly mask: MaskItem,
-    protected readonly special: MaskSpecial,
-    protected readonly character: MaskCharacter
-  ) {
-  }
-
-  /**
-   * Receiving basic standard values.
-   *
-   * Получение базовых стандартных значений.
-   */
-  readonly item = computed(() => {
-    const character = this.character.item.value
-    const value: string[] = []
-    let key = 0 as number
-
-    for (const char of this.mask.item.value) {
-      if (!this.special.isSpecial(char)) {
-        value.push(char)
-      } else if (key in character) {
-        value.push(String(character[key++]))
-
-        if (
-          key > character.length
-          && this.rubberTransition.is()
-          && !this.rubberTransition.isChar(char)
-        ) {
-          break
-        }
-      } else {
-        break
-      }
-    }
-
-    return value.join('')
-  })
-
-  /**
-   * Checks if the values are filled in.
-   *
-   * Проверяет, заполнены ли значения.
-   */
-  is(): boolean {
-    return this.getLength() > 0
-  }
-
-  /**
-   * Getting the character from the basic standard values by its key number.
-   *
-   * Получение символа из базовых стандартных значений по его номеру ключа.
-   * @param index key number/ номер ключа
-   */
-  getChar(index: number): string | undefined {
-    return this.item.value?.[index]
-  }
-
-  /**
-   * Getting the length of basic standard values.
-   *
-   * Получение длины базовых стандартных значений.
-   */
-  getLength(): number {
-    return this.item.value.length
-  }
-}

package/src/constructors/Mask/MaskView.ts

@@ -1,169 +0,0 @@
-import { computed } from 'vue'
-
-import { MaskType } from './MaskType'
-import { MaskDate } from './MaskDate'
-import { MaskFormat } from './MaskFormat'
-import { MaskSpecial } from './MaskSpecial'
-import { MaskRubber } from './MaskRubber'
-import { MaskItem } from './MaskItem'
-import { MaskValueBasic } from './MaskValueBasic'
-import { MaskValidation } from './MaskValidation'
-
-import { MASK_CHAR_DELETE, type MaskViewList, MASK_VIEW_DEFAULT } from './basicTypes'
-import type { MaskProps } from './props'
-
-/**
- * Class for working with data to output to the screen.
- *
- * Класс для работы с данными для вывода на экран.
- */
-export class MaskView {
-  /** Class name prefix for item/ Класс для элемента */
-  protected classNameItem: string
-
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param type object for working with the mask type/ объект для работы с типом маски
-   * @param date object for working with date types/ объект для работы с типом даты
-   * @param format object for managing numeric mask types/ объект для управления числовыми типами масок
-   * @param special object for working with special characters/ объект для работы со специальными символами
-   * @param rubber object for working with rubber types/ объект для работы с резиновыми типами
-   * @param mask object for managing masks/ объект управления маской
-   * @param valueBasic object for working with base values/ объект для работы с базовыми значениями
-   * @param validation object for working with validation/ объект для работы с валидацией
-   * @param className define class names for each symbol/ определить название класса для каждого символа
-   */
-  constructor(
-    protected readonly props: MaskProps,
-    protected readonly type: MaskType,
-    protected readonly date: MaskDate,
-    protected readonly format: MaskFormat,
-    protected readonly special: MaskSpecial,
-    protected readonly rubber: MaskRubber,
-    protected readonly mask: MaskItem,
-    protected readonly valueBasic: MaskValueBasic,
-    protected readonly validation: MaskValidation,
-    className: string
-  ) {
-    this.classNameItem = `${className}__character__item`
-  }
-
-  /** View items list/ Список данных для отображения */
-  readonly item = computed<MaskViewList>(() => {
-    const data: MaskViewList = []
-    const valueBasic = this.valueBasic.item.value
-
-    this.mask.item.value.forEach((char, index) => {
-      const value = valueBasic?.[index]
-
-      data.push({
-        className: `${this.classNameItem} ${this.classNameItem}--${this.getStatus(char, value)}`,
-        value: this.getValue(char, value)
-      })
-    })
-
-    return data
-  })
-
-  /** Input value with special view characters/ Значение ввода со спецсимволами отображения */
-  readonly input = computed<string>(() => {
-    const value: string[] = []
-    const list = this.mask.item.value
-
-    this.valueBasic.item.value.split('').forEach((char, index) => {
-      if (char === MASK_CHAR_DELETE) {
-        value.push(
-          this.getSpecialToView(list?.[index] ?? '') ?? char
-        )
-      } else {
-        value.push(char)
-      }
-    })
-
-    return value.join('')
-  })
-
-  /**
-   * Checks if the value is filled in.
-   *
-   * Проверяет, заполнено ли значение.
-   * @param value checked value/ проверяемое значение
-   */
-  protected isValue(value?: string): value is string {
-    return Boolean(value && value !== MASK_CHAR_DELETE)
-  }
-
-  /**
-   * Returns the status by mask symbol and its position.
-   *
-   * Возвращает статус по символу маски и месту его расположения.
-   * @param char mask symbol/ символ маски
-   * @param value entered value for this position/ введённое значение для позиции
-   */
-  protected getStatus(char: string, value?: string): string {
-    if (this.isValue(value)) {
-      if (!this.special.isSpecial(char)) {
-        return 'standard'
-      }
-
-      if (this.validation.isError(char)) {
-        return 'error'
-      }
-
-      return 'special'
-    }
-
-    if (this.rubber.isTransition(char)) {
-      return 'transition'
-    }
-
-    return 'placeholder'
-  }
-
-  /**
-   * Returns symbol for rendering: real value or placeholder.
-   *
-   * Возвращает символ для отображения: реальное значение или плейсхолдер.
-   * @param char mask symbol/ символ маски
-   * @param value entered value for position/ введённое значение позиции
-   */
-  protected getValue(char: string, value?: string): string {
-    return this.isValue(value) ? value : this.getSpecialToView(char)
-  }
-
-  /**
-   * Returns display version of special mask symbol (placeholder).
-   *
-   * Возвращает отображаемую версию специального символа маски (плейсхолдер).
-   * @param char mask symbol/ символ маски
-   */
-  protected getSpecialToView(char: string): string {
-    if (this.special.isSpecial(char)) {
-      return this.getViewChar(char)
-        ?? this.special.getView(char)
-        ?? this.props.view
-        ?? MASK_VIEW_DEFAULT
-    }
-
-    return char
-  }
-
-  /**
-   * Returns special character for view by its group name.
-   *
-   * Возвращает специальный символ для отображения по имени группы.
-   * @param groupName group name/ имя группы
-   */
-  protected getViewChar(groupName: string): string | undefined {
-    if (this.type.isDate()) {
-      return this.date.getView(groupName)
-    }
-
-    if (this.type.isCurrencyOrNumber()) {
-      return this.format.view.value
-    }
-
-    return undefined
-  }
-}