@dxtmisha/constructor 0.23.0 → 0.39.3

package/src/classes/field/FieldAttributesInclude.ts

@@ -1,100 +0,0 @@
-import { computed } from 'vue'
-
-import { FieldTypeInclude } from './FieldTypeInclude'
-import { FieldPatternInclude } from './FieldPatternInclude'
-
-import type { FieldAllProps } from '../../types/fieldTypes'
-
-/**
- * Class for working with input elements.
- *
- * Класс для работы с элементами ввода.
- */
-export class FieldAttributesInclude {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param type object for working with input type/ объект для работы с типом ввода
-   * @param pattern object for working with checks by regular expressions/
-   * объект для работы с проверкой по регулярным выражениям
-   */
-  constructor(
-    protected readonly props: FieldAllProps,
-    protected readonly type?: FieldTypeInclude,
-    protected readonly pattern?: FieldPatternInclude
-  ) {
-  }
-
-  /** Returns data for verification/ Возвращает данные для проверки */
-  readonly list = computed<Record<string, any>>(() => {
-    const data: Record<string, any> = {}
-
-    this.getAttributes().forEach((index) => {
-      if (index in this.props) {
-        switch (index) {
-          case 'type':
-            if (this.type) {
-              data[index] = this.type.item.value
-            } else {
-              data[index] = this.props.type
-            }
-            break
-          case 'pattern':
-            if (this.pattern) {
-              data.pattern = this.pattern.item.value
-            }
-            break
-          default:
-            data[index] = this.props[index]
-        }
-      }
-    })
-
-    return {
-      ...data,
-      ...this.props.inputAttrs
-    }
-  })
-
-  /** Returns data for verification/ Возвращает данные для проверки */
-  readonly listForCheck = computed<Record<string, any>>(() => {
-    const data = this.list.value
-
-    if (
-      this.props.min
-      || this.props.max
-      || this.props.step
-    ) {
-      return {
-        ...data,
-        type: 'number'
-      }
-    }
-
-    return data
-  })
-
-  /**
-   * Returns the list of attributes to be set on the input element.
-   *
-   * Возвращает список атрибутов, которые нужно установить на элемент ввода.
-   */
-  protected getAttributes(): (keyof typeof this.props)[] {
-    return [
-      'type',
-      'name',
-      'required',
-      'multiple',
-
-      'step',
-      'min',
-      'max',
-
-      'minlength',
-      'maxlength',
-
-      'accept',
-      'pattern'
-    ]
-  }
-}

package/src/classes/field/FieldChangeInclude.ts

@@ -1,52 +0,0 @@
-import { ref } from 'vue'
-import type { FieldAllProps } from '../../types/fieldTypes'
-
-/**
- * The class tracks field value change state
- *
- * Класс возвращает состояние изменения значения поля
- */
-export class FieldChangeInclude {
-  /** Change state flag/ Флаг состояния изменения */
-  readonly item = ref<boolean>(false)
-
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   */
-  constructor(props: FieldAllProps) {
-    if (props.value || props.modelValue) {
-      this.item.value = true
-    }
-  }
-
-  /**
-   * Returns whether value was changed
-   *
-   * Возвращает, было ли значение изменено
-   */
-  is(): boolean {
-    return Boolean(this.item.value)
-  }
-
-  /**
-   * Sets change state
-   *
-   * Устанавливает состояние изменения
-   * @param change new state value/ новое значение состояния
-   */
-  set(change: boolean) {
-    this.item.value = change
-  }
-
-  /**
-   * Force mark as changed
-   *
-   * Принудительно помечает как изменённое
-   */
-  toChange() {
-    if (!this.item.value) {
-      this.set(true)
-    }
-  }
-}

package/src/classes/field/FieldCodeInclude.ts

@@ -1,69 +0,0 @@
-import type { FieldAllProps } from '../../types/fieldTypes'
-
-/**
- * Class for processing standard error text
- *
- * Класс для обработки стандартного текста ошибки
- */
-export class FieldCodeInclude {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   */
-  constructor(
-    protected readonly props: FieldAllProps
-  ) {
-  }
-
-  /**
-   * Returns error text
-   *
-   * Возвращает текст ошибки
-   * @param state object with validity state/ объект с данными валидности
-   */
-  get(state?: ValidityState): string | undefined {
-    const validationCode = this.props.validationCode
-
-    if (
-      state
-      && validationCode
-      && !state.valid
-    ) {
-      if (typeof validationCode === 'string') {
-        return validationCode
-      } else {
-        const index = this.getIndex(state)
-
-        if (
-          index
-          && index in validationCode
-        ) {
-          return validationCode[index]
-        }
-      }
-    }
-
-    return undefined
-  }
-
-  /**
-   * Returns error key (first matched)
-   *
-   * Возвращает ключ ошибки (первый найденный)
-   * @param state object with validity state/ объект с данными валидности
-   */
-  protected getIndex(state: ValidityState): keyof ValidityState | undefined {
-    const data = Object.entries(state) as ([keyof ValidityState, boolean])[]
-
-    for (const [code, value] of data) {
-      if (
-        code !== 'valid'
-        && value
-      ) {
-        return code
-      }
-    }
-
-    return undefined
-  }
-}

package/src/classes/field/FieldElementInclude.ts

@@ -1,97 +0,0 @@
-import type { Ref } from 'vue'
-import type { FieldAllProps, FieldElementInput } from '../../types/fieldTypes'
-
-/**
- * Class for working with input elements.
- *
- * Класс для работы с элементами ввода.
- */
-export class FieldElementInclude {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param element input element/ элемент ввода
-   */
-
-  constructor(
-    protected readonly props: FieldAllProps,
-    protected readonly element: Ref<FieldElementInput>
-  ) {
-  }
-
-  /**
-   * Returns the input element.
-   *
-   * Возвращает элемент ввода.
-   */
-  get(): HTMLInputElement | undefined {
-    const element = this.element.value
-
-    if (element) {
-      if ('input' in element) {
-        return element.input
-      }
-
-      return element as HTMLInputElement
-    }
-
-    return undefined
-  }
-
-  /**
-   * Returns a reference to the input element.
-   *
-   * Возвращает ссылку на элемент ввода.
-   */
-  getElement(): Ref<FieldElementInput> {
-    return this.element
-  }
-
-  /**
-   * Search for an element by its name inside a group or by selector.
-   *
-   * Поиск элемента по его названию внутри группы или по селектору.
-   * @param nameSelectors element name or selector /<br>название элемента или селектор
-   */
-  findByName(nameSelectors: string | HTMLInputElement): HTMLInputElement | undefined {
-    if (nameSelectors instanceof Element) {
-      return nameSelectors
-    }
-
-    const form = this.get()?.form
-
-    if (form) {
-      const item = form.querySelector<HTMLInputElement>(`[name="${nameSelectors}"]`)
-
-      if (item) {
-        return item
-      }
-    }
-
-    const globalItem = document.querySelector<HTMLInputElement>(nameSelectors)
-
-    if (globalItem) {
-      return globalItem
-    }
-
-    return undefined
-  }
-
-  /**
-   * Clear all values to the original ones.
-   *
-   * Очисти все значения до оригинальных.
-   */
-  clear(): this {
-    const element = this.element.value
-
-    if (
-      element
-      && 'clear' in element
-    ) {
-      element.clear?.()
-    }
-
-    return this
-  }
-}

package/src/classes/field/FieldInputCheckInclude.ts

@@ -1,128 +0,0 @@
-import {
-  anyToString,
-  createElement,
-  executeFunction,
-  isFilled,
-  isString
-} from '@dxtmisha/functional'
-
-import type { FieldCodeInclude } from './FieldCodeInclude'
-
-import type {
-  FieldElementDom,
-  FieldPatternElement,
-  FieldPatternItemOrFunction,
-  FieldValidationItem
-} from '../../types/fieldTypes'
-
-/**
- * The class creates hidden input and runs native validation for pattern
- *
- * Класс создаёт скрытый input и выполняет нативную валидацию по паттерну
- */
-export class FieldInputCheckInclude<Value = any> {
-  /** Hidden input element for native validation/ Скрытый input для нативной валидации */
-  readonly input: HTMLInputElement | undefined
-
-  /**
-   * Constructor
-   * @param pattern property for verification/ свойство для проверки
-   * @param group group name/ название группы
-   * @param code object for error codes/ объект для работы с кодами ошибок
-   */
-  constructor(
-    readonly pattern: FieldPatternItemOrFunction,
-    readonly group: string = FieldInputCheckInclude.getGroupDefault(),
-    protected readonly code?: FieldCodeInclude
-  ) {
-    this.input = createElement<HTMLInputElement>(
-      undefined,
-      'input',
-      this.getAttributes()
-    )
-  }
-
-  /**
-   * Runs validation and returns result
-   *
-   * Выполняет проверку и возвращает результат
-   */
-  check(value: Value): FieldValidationItem {
-    const input = this.input
-
-    if (input) {
-      if (
-        input.type === 'checkbox'
-        || input.type === 'radio'
-      ) {
-        input.checked = Boolean(value)
-      } else {
-        input.value = anyToString(value)
-      }
-
-      return this.checkByInput(input)
-    }
-
-    return {
-      group: this.group,
-      status: true,
-      value
-    }
-  }
-
-  /**
-   * Runs validation by input and returns result
-   *
-   * Выполняет проверку по инпуту и возвращает результат
-   * @param input input element/ элемент инпута
-   */
-  checkByInput(
-    input: FieldElementDom
-  ): FieldValidationItem {
-    return {
-      group: this.group,
-      input,
-      status: input.checkValidity(),
-      validationMessage: input.validationMessage,
-      validity: input.validity,
-      validityMessage: this.code?.get(input.validity),
-      required: input.required,
-      pattern: this.pattern,
-      value: input.value
-    }
-  }
-
-  /**
-   * Returns attributes for internal input
-   *
-   * Возвращает атрибуты для внутреннего инпута
-   */
-  protected getAttributes(): FieldPatternElement {
-    const pattern = this.pattern
-
-    if (isFilled(pattern)) {
-      const attributes: FieldPatternElement = executeFunction(pattern)
-
-      if (isFilled(attributes)) {
-        if (isString(attributes)) {
-          return { pattern: attributes }
-        }
-
-        return attributes
-      }
-    }
-
-    return {}
-  }
-
-  /**
-   * Returns the default group name
-   *
-   * Возвращает название группы по умолчанию
-   */
-  static getGroupDefault(): string {
-    return 'check'
-  }
-}
-
-export type FieldInputCheckListInclude = Record<string, FieldInputCheckInclude>

package/src/classes/field/FieldMatchInclude.ts

@@ -1,101 +0,0 @@
-import { anyToString, isObject, Translate } from '@dxtmisha/functional'
-
-import { FieldElementInclude } from './FieldElementInclude'
-import { FieldValueInclude } from './FieldValueInclude'
-import { FieldInputCheckInclude } from './FieldInputCheckInclude'
-
-import type { FieldAllProps, FieldValidationItem } from '../../types/fieldTypes'
-
-/**
- * Class for checking input value matching with another element
- *
- * Класс для проверки совпадения вводимого значения с другим элементом
- */
-export class FieldMatchInclude {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param element object for working with input element/ объект для работы с элементом ввода
-   * @param value object for working with value/ объект для работы со значениями
-   */
-  constructor(
-    protected readonly props: FieldAllProps,
-    protected readonly element: FieldElementInclude,
-    protected readonly value: FieldValueInclude
-  ) {
-  }
-
-  /**
-   * Checks whether matching verification is enabled
-   *
-   * Проверяет, включена ли проверка совпадения
-   */
-  is(): boolean {
-    return Boolean(this.props.match)
-  }
-
-  /**
-   * Returns selector used to find external element
-   *
-   * Возвращает селектор для поиска внешнего элемента
-   */
-  getSelectors() {
-    if (this.is()) {
-      if (isObject(this.props.match)) {
-        return this.props.match.name
-      }
-
-      return this.props.match
-    }
-
-    return undefined
-  }
-
-  /**
-   * Returns validation error text
-   *
-   * Возвращает текст ошибки валидации
-   */
-  getValidationMessage(): string {
-    if (this.is()) {
-      if (
-        isObject(this.props.match)
-        && this.props.match?.validationMessage
-      ) {
-        return this.props.match.validationMessage
-      }
-
-      return Translate.getSync('Your entries must match.')
-    }
-
-    return ''
-  }
-
-  /**
-   * Checks value against external element
-   *
-   * Проверяет совпадение значения с внешним элементом
-   */
-  check(): FieldValidationItem | undefined {
-    const selectors = this.getSelectors()
-
-    if (selectors) {
-      const input = this.element.findByName(selectors)
-
-      if (
-        input
-        && anyToString(input.value) !== this.value.string.value
-      ) {
-        return {
-          group: FieldInputCheckInclude.getGroupDefault(),
-          status: false,
-          input: this.element.get(),
-          validationMessage: this.getValidationMessage(),
-          value: this.value.item.value
-        }
-      }
-    }
-
-    return undefined
-  }
-}

package/src/classes/field/FieldPatternInclude.ts

@@ -1,42 +0,0 @@
-import { computed } from 'vue'
-
-import { FieldTypeInclude } from './FieldTypeInclude'
-
-import type { FieldAllProps } from '../../types/fieldTypes'
-
-const PATTERNS: Record<string, string> = {
-  email: '[\\S]+@[\\S]{2,}\\.[\\w]{2,}',
-  password: '[0-9a-zA-Z\\-!@#$%^&*]+'
-}
-
-/**
- * Class for working with checks by regular expressions.
- *
- * Класс для работы с проверкой по регулярным выражениям.
- */
-export class FieldPatternInclude {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param type object for working with input type/ объект для работы с типом ввода
-   */
-
-  constructor(
-    protected readonly props: FieldAllProps,
-    protected readonly type?: FieldTypeInclude
-  ) {
-  }
-
-  /** Returns regular expressions/ Возвращает регулярные выражения */
-  readonly item = computed<string | undefined>(() => {
-    if (this.props.pattern) {
-      return this.props.pattern
-    }
-
-    if (this.type) {
-      return PATTERNS?.[this.type.item.value]
-    }
-
-    return undefined
-  })
-}

package/src/classes/field/FieldTypeInclude.ts

@@ -1,42 +0,0 @@
-import { computed } from 'vue'
-
-import { FieldVisibilityInclude } from './FieldVisibilityInclude'
-
-import type { FieldAllProps } from '../../types/fieldTypes'
-
-/**
- * Class for working with the input type.
- *
- * Класс для работы с типом ввода.
- */
-export class FieldTypeInclude {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param visibility object for working with visualization/ объект для работы с визуализацией
-   */
-
-  constructor(
-    protected readonly props: FieldAllProps,
-    protected readonly visibility?: FieldVisibilityInclude
-  ) {
-  }
-
-  /** Returns the input type/ Возвращает тип ввода */
-  readonly item = computed<string>(() => {
-    if (this.props.arrow) {
-      return 'number'
-    }
-
-    const type = this.props.type
-
-    if (
-      type === 'password'
-      && this.visibility?.item.value
-    ) {
-      return 'text'
-    }
-
-    return type ?? 'text'
-  })
-}