@dxtmisha/constructor 0.30.1 → 0.39.3

package/src/classes/field/FieldAttributesInclude.ts

@@ -1,159 +0,0 @@
-import { computed } from 'vue'
-import { toBinds } from '@dxtmisha/functional'
-
-import { FieldTypeInclude } from './FieldTypeInclude'
-import { FieldPatternInclude } from './FieldPatternInclude'
-import { FieldInputModeInclude } from './FieldInputModeInclude'
-
-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/
-   * объект для работы с проверкой по регулярным выражениям
-   * @param inputMode object for working with the keyboard/ объект для работы с клавиатурой
-   */
-  constructor(
-    protected readonly props: FieldAllProps,
-    protected readonly type?: FieldTypeInclude,
-    protected readonly pattern?: FieldPatternInclude,
-    protected readonly inputMode?: FieldInputModeInclude
-  ) {
-  }
-
-  /** Returns data for verification/ Возвращает данные для проверки */
-  readonly list = computed<Record<string, any>>(() => {
-    return this.getData(this.getAttributes())
-  })
-
-  /** 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 data for the input element/ Возвращает данные для элемента ввода */
-  readonly listForInput = computed<Record<string, any>>(() => {
-    return this.getData(this.getInputAttributes())
-  })
-
-  /**
-   * 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'
-    ]
-  }
-
-  /**
-   * Returns the list of attributes to be set on the input element.
-   *
-   * Возвращает список атрибутов, которые нужно установить на элемент ввода.
-   */
-  protected getInputAttributes(): (keyof typeof this.props)[] {
-    return [
-      ...this.getAttributes(),
-
-      // Input
-      'list',
-
-      // Value
-      'placeholder',
-
-      // Basic
-      'readonly',
-      'disabled',
-      'autofocus',
-      'tabindex',
-      'form',
-
-      // UX
-      'autocomplete',
-      'autocapitalize',
-      'inputMode',
-      'enterKeyHint',
-      'spellcheck',
-      'autocorrect'
-    ]
-  }
-
-  /**
-   * Returns data for the specified attributes.
-   *
-   * Возвращает данные для указанных атрибутов.
-   * @param attributes list of attributes/ список атрибутов
-   */
-  protected getData(attributes: (keyof typeof this.props)[]): Record<string, any> {
-    const data: Record<string, any> = {}
-
-    attributes.forEach((index) => {
-      let value: any = undefined
-
-      if (index in this.props) {
-        switch (index) {
-          case 'type':
-            if (this.type) {
-              value = this.type.item.value
-            } else {
-              value = this.props.type
-            }
-            break
-          case 'pattern':
-            if (this.pattern) {
-              value = this.pattern.item.value
-            }
-            break
-          case 'inputMode':
-            if (this.inputMode) {
-              value = this.inputMode.item.value
-            }
-            break
-          default:
-            value = this.props[index]
-        }
-      }
-
-      if (value !== undefined) {
-        data[index] = value
-      }
-    })
-
-    return toBinds(data, this.props.inputAttrs)
-  }
-}

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
-   *
-   * Принудительно помечает как изменённое
-   */
-  to() {
-    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/FieldEventInclude.ts

@@ -1,253 +0,0 @@
-import { type ConstrEmit } from '@dxtmisha/functional'
-
-import { ModelInclude } from '../ModelInclude'
-import { FieldChangeInclude } from './FieldChangeInclude'
-import { FieldValueInclude } from './FieldValueInclude'
-import { FieldValidationInclude } from './FieldValidationInclude'
-
-import type { FieldAllProps, FieldBasicEmits, FieldValidationItem } from '../../types/fieldTypes'
-
-/**
- * Class for working with events.
- *
- * Класс для работы с событиями.
- */
-export class FieldEventInclude {
-  protected readonly model: ModelInclude
-
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param change object for working with data change label/ объект для работы с меткой об изменении данных
-   * @param value object for working with values/ объект для работы со значениями
-   * @param validation object for working with validity/ объект для работы с валидностью
-   * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
-   */
-
-  constructor(
-    protected readonly props: FieldAllProps,
-    protected readonly change: FieldChangeInclude,
-    protected readonly value: FieldValueInclude,
-    protected readonly validation?: FieldValidationInclude,
-    protected readonly emits?: ConstrEmit<FieldBasicEmits>
-  ) {
-    this.model = new ModelInclude(
-      'value',
-      this.emits,
-      this.value.itemByFull
-    )
-  }
-
-  /**
-   * Events for losing focus.
-   *
-   * События для потери фокуса.
-   */
-  readonly onBlur = () => {
-    this.change.to()
-  }
-
-  /**
-   * Call of data change event.
-   *
-   * Вызов события изменения данных.
-   * @param event event object/ объект события
-   * @param data object with data/ объект с данными
-   */
-  readonly onInput = (
-    event: InputEvent,
-    data?: Record<string, any>
-  ): void => {
-    if (this.isEnabled()) {
-      const newData = data ?? event
-
-      if (
-        this.change.is()
-        || data
-      ) {
-        this.validation?.set(newData)
-      }
-
-      this.value.setByEvent(newData)
-      this.on(event)
-    }
-  }
-
-  /**
-   * Triggering the change event after losing focus.
-   *
-   * Вызов события изменения после потери фокуса.
-   * @param event event object/ объект события
-   */
-  readonly onChange = (event?: InputEvent | Event): void => {
-    if (this.isEnabled()) {
-      if (event) {
-        this.validation?.set(event)
-      }
-
-      this.change.to()
-      this.on(event, 'change')
-    }
-  }
-
-  /**
-   * Triggering the event for select change.
-   *
-   * Вызов события для изменения селект.
-   * @param event event object/ объект события
-   * @param data object with data/ объект с данными
-   */
-  readonly onSelect = (
-    event: Event,
-    data?: Record<string, any>
-  ): void => {
-    if (this.isEnabled()) {
-      this.value.setByEvent(data ?? event)
-      this.onAndChange(event)
-    }
-  }
-
-  /**
-   * Triggering the event for changes in the checkbox.
-   *
-   * Вызов события для изменения в checkbox.
-   * @param event event object/ объект события
-   */
-  readonly onChecked = (event: Event): void => {
-    if (this.isEnabled()) {
-      this.value.setByChecked(event)
-      this.onAndChange(event)
-    }
-  }
-
-  /**
-   * Triggering the event for changes in the radio.
-   *
-   * Вызов события для изменения в radio.
-   * @param event event object/ объект события
-   */
-  readonly onRadio = (event: Event): void => {
-    if (this.isEnabled()) {
-      this.value.setByRadio(event)
-      this.onAndChange(event)
-    }
-  }
-
-  /**
-   * Triggering the event to delete all values.<br>
-   * Вызов события для удаления всех значений.
-   * @param event event object/ объект события
-   */
-  readonly onClear = (event: MouseEvent): void => {
-    if (this.isEnabled()) {
-      this.value.clear()
-      this.onAndChange(event)
-    }
-  }
-
-  /**
-   * Triggering the event to set a specific value.
-   *
-   * Вызов события для установки конкретного значения.
-   * @param value new value/ новое значение
-   */
-  readonly onValue = (value: any): void => {
-    if (this.isEnabled()) {
-      this.value.set(value)
-      this.onAndChange()
-    }
-  }
-
-  /**
-   * Triggering the event.
-   *
-   * Вызов события.
-   * @param event event object/ объект события
-   * @param type event type/ тип события
-   */
-  readonly on = <E>(
-    event?: E,
-    type: string & keyof FieldBasicEmits = 'input'
-  ): this => {
-    if (type === 'input') {
-      this.model.emit(this.value.itemByFull.value)
-    }
-
-    this.emits?.(type as 'input', event as Event, {
-      ...this.getValidation(type),
-      ...this.getData()
-    })
-
-    return this
-  }
-
-  /**
-   * Checks whether additional data needs to be generated for the current event.
-   *
-   * Проверяет, надо ли генерировать дополнительные данные для текущего события.
-   * @param type event type/ тип события
-   */
-  protected isValue(
-    type: string & keyof FieldBasicEmits
-  ): boolean {
-    return Boolean(type && ['input', 'change'].indexOf(type) >= 0)
-  }
-
-  /**
-   * Checks if it is possible to change the value.
-   *
-   * Проверяет, возможно ли изменение значения.
-   */
-  protected isEnabled(): boolean {
-    return this.props.disabled !== true
-  }
-
-  /**
-   * Returns input data.
-   *
-   * Возвращает данные об вводе.
-   */
-  protected getData(): FieldValidationItem {
-    return {
-      value: this.value.itemByFull.value,
-      valueInput: this.value.item.value,
-      detail: this.props.detail
-    }
-  }
-
-  /**
-   * Returns validity data.
-   *
-   * Возвращает данные валидности.
-   * @param type event type/ тип события
-   */
-  protected getValidation(
-    type: string & keyof FieldBasicEmits
-  ): FieldValidationItem {
-    if (this.isValue(type)) {
-      if (this.validation) {
-        return this.validation.item.value
-      }
-
-      return {
-        group: 'check',
-        value: this.value.item.value
-      }
-    }
-
-    return {} as FieldValidationItem
-  }
-
-  /**
-   * Triggering the event and change event.
-   *
-   * Вызов события и события изменения.
-   * @param event event object/ объект события
-   */
-  protected onAndChange(event?: InputEvent | Event): this {
-    this.on(event)
-      .onChange(event)
-
-    return this
-  }
-}