@dxtmisha/constructor 0.23.0 → 0.39.3

package/src/classes/field/FieldValidationInclude.ts

@@ -1,196 +0,0 @@
-import { computed, ref } from 'vue'
-
-import { FieldInputCheckInclude } from './FieldInputCheckInclude'
-
-import type { FieldElementInclude } from './FieldElementInclude'
-import type { FieldAttributesInclude } from './FieldAttributesInclude'
-import type { FieldChangeInclude } from './FieldChangeInclude'
-import type { FieldValueInclude } from './FieldValueInclude'
-import type { FieldCodeInclude } from './FieldCodeInclude'
-import type { FieldMatchInclude } from './FieldMatchInclude'
-
-import type { FieldAllProps, FieldValidationItem } from '../../types/fieldTypes'
-
-/**
- * Class for working with validity
- *
- * Класс для работы с валидностью
- */
-export class InputValidation {
-  /** Internal validation state/ Внутреннее состояние валидации */
-  protected readonly validation = ref<FieldValidationItem>()
-
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param element object for working with input element/ объект для работы с элементом ввода
-   * @param attributes object for working with input attributes/ объект для работы с атрибутами ввода
-   * @param value object for value work/ объект для работы со значениями
-   * @param change object for change state/ объект для состояния изменения
-   * @param code object for error codes/ объект для работы с кодами ошибок
-   * @param match object for match checking/ объект для проверки совпадений
-   */
-  constructor(
-    protected readonly props: FieldAllProps,
-    protected readonly element: FieldElementInclude,
-    protected readonly attributes: FieldAttributesInclude,
-    protected readonly value: FieldValueInclude,
-    protected readonly change?: FieldChangeInclude,
-    protected readonly code?: FieldCodeInclude,
-    protected readonly match?: FieldMatchInclude
-  ) {
-  }
-
-  /** Hidden input element for native validation/ Скрытый input для нативной валидации */
-  protected readonly input = computed<FieldInputCheckInclude>(
-    () => new FieldInputCheckInclude(
-      this.attributes.listForCheck.value,
-      undefined,
-      this.code
-    )
-  )
-
-  /** Returns error data/ Возвращает данные об ошибке */
-  readonly item = computed<FieldValidationItem>(() => {
-    const global = this.checkGlobal()
-
-    if (global) {
-      return global
-    }
-
-    const check = this.checkItem() ?? this.match?.check()
-
-    if (check) {
-      return check
-    }
-
-    return this.getValidationItemNone()
-  })
-
-  /** Returns error string/ Возвращает строку об ошибке */
-  readonly message = computed<string>(() => {
-    if (this.props.validationMessage) {
-      return this.props.validationMessage
-    }
-
-    if (
-      !this.change
-      || this.change.is()
-    ) {
-      const data = this.item.value
-
-      return data.validityMessage
-        ?? data.validationMessage
-        ?? ''
-    }
-
-    return ''
-  })
-
-  /**
-   * Checks if there is an error
-   *
-   * Проверяет, есть ли ошибка
-   */
-  isError(): boolean {
-    return !this.item.value?.status
-  }
-
-  /**
-   * Checks whether the element has constraints and satisfies them
-   *
-   * Проверяет, имеет ли элемент ограничения и удовлетворяет ли им
-   */
-  readonly checkValidity = (): boolean => {
-    return !this.isError()
-  }
-
-  /**
-   * Changes the validity data
-   *
-   * Изменяет данные о валидности
-   * @param validation values for validity/ значения для валидности
-   */
-  set(validation: Record<string, any> | FieldValidationItem): this {
-    if (
-      'status' in validation
-      && 'validationMessage' in validation
-      && 'value' in validation
-    ) {
-      this.validation.value = validation as FieldValidationItem
-    } else if (
-      'target' in validation
-      && (
-        validation.target instanceof HTMLInputElement
-        || validation.target instanceof HTMLTextAreaElement
-      )
-      && Number(validation.target.minLength) > -1
-    ) {
-      this.validation.value = this.input.value.checkByInput(validation.target)
-    } else {
-      this.validation.value = undefined
-    }
-
-    return this
-  }
-
-  /**
-   * Returns an empty validation item
-   *
-   * Возвращает пустой элемент валидации
-   */
-  protected getValidationItemNone(): FieldValidationItem {
-    return {
-      group: FieldInputCheckInclude.getGroupDefault(),
-      status: true,
-      value: undefined
-    }
-  }
-
-  /**
-   * Check for global data
-   *
-   * Проверка для глобальных данных
-   */
-  protected checkGlobal(): FieldValidationItem | undefined {
-    if (this.props.validationMessage) {
-      return {
-        group: FieldInputCheckInclude.getGroupDefault(),
-        status: false,
-        validationMessage: this.props.validationMessage,
-        value: this.value.item.value
-      }
-    }
-
-    return this.validation.value ?? undefined
-  }
-
-  /**
-   * Check for selected data
-   *
-   * Проверка для выбранных данных
-   */
-  protected checkItem(): FieldValidationItem | undefined {
-    const values = this.value.getToArray()
-
-    for (const value of values) {
-      const check = this.checkByInput(value)
-
-      if (!check.status) {
-        return check
-      }
-    }
-
-    return undefined
-  }
-
-  /**
-   * Checks the value using hidden input element
-   * @param value value to check/ значение для проверки
-   *
-   * Проверяет значение с помощью скрытого input
-   */
-  protected checkByInput(value: any): FieldValidationItem {
-    return this.input.value.check(value)
-  }
-}

package/src/classes/field/FieldValueInclude.ts

@@ -1,318 +0,0 @@
-import { computed, ref, type ToRefs, watch } from 'vue'
-import {
-  anyToString,
-  getRef,
-  isArray,
-  isFilled,
-  isObject,
-  type RefOrNormal,
-  setValues,
-  toArray,
-  toNumber
-} from '@dxtmisha/functional'
-
-import { FieldElementInclude } from './FieldElementInclude'
-
-import type { FieldValueProps } from '../../types/fieldTypes'
-
-/**
- * Class for working with input values.
- *
- * Класс для работы со значениями инпута.
- */
-export class FieldValueInclude<Value = any> {
-  /** Current value/ Текущее значение */
-  readonly item = ref<Value>()
-  /** Indicates if the value is complete/ Указывает, полное ли значение */
-  readonly isFull = ref<boolean>(true)
-
-  /** Indicates if there are temporary values/ Указывает, есть ли временные значения */
-  protected readonly hasEdit = ref<boolean>(false)
-
-  /**
-   * Constructor
-   * @param props input data /<br>входные данные
-   * @param refs input data in the form of reactive elements /<br>входные данные в виде реактивных элементов
-   * @param element object for working with the input element /<br>объект для работы с элементом ввода
-   * @param original original values /<br>оригинальные значения
-   */
-
-  constructor(
-    protected readonly props: FieldValueProps<Value>,
-    protected readonly refs: ToRefs<FieldValueProps<Value>>,
-    protected readonly element?: FieldElementInclude,
-    protected readonly original?: RefOrNormal<Value>
-  ) {
-    this.item.value = this.getOriginal()
-
-    watch([
-      refs.value,
-      refs.modelValue
-    ], this.update)
-  }
-
-  /** Checks if there are values or temporary values/ Проверяет, есть ли значения или временные значения */
-  readonly is = computed<boolean>(() => {
-    return this.hasEdit.value
-      || this.boolean.value
-      || Boolean(this.props.placeholder)
-  })
-
-  /** Checks if there are any values/ Проверяет, есть ли значения */
-  readonly isValue = computed<boolean>(() => this.hasEdit.value || this.boolean.value)
-
-  /** Returns the current value if isFull is true/ Возвращает текущее значение, если isFull истинно */
-  readonly itemByFull = computed<Value | undefined>(() => this.isFull.value ? this.item.value : undefined)
-
-  /**
-   * Returns the current value, converted to a number/
-   * Возвращает текущее значение, преобразованное в номер
-   */
-  readonly number = computed<number>(() => {
-    if (this.boolean.value) {
-      return toNumber(this.string.value)
-    }
-
-    return 0
-  })
-
-  /** Returns the current value of type string/ Возвращает текущее значение типа string */
-  readonly string = computed<string>(() => anyToString(this.item.value))
-
-  /** Returns the current value of type boolean/ Возвращает текущее значение типа boolean */
-  readonly boolean = computed<boolean>(() => isFilled(this.item.value))
-
-  /** Returns the length of the entered value/ Возвращает длину введенного значения */
-  readonly length = computed<number>(() => {
-    const value = this.item.value
-
-    if (isArray(value)) {
-      return value.length
-    }
-
-    if (isObject(value)) {
-      return Object.keys(value).length
-    }
-
-    return this.string.value.length ?? 0
-  })
-
-  /**
-   * Returns the current value as an array.
-   *
-   * Возвращает текущее значение в виде массива.
-   */
-  getToArray(): Value[] {
-    return toArray(this.item.value) as Value[]
-  }
-
-  /**
-   * Changes the value.
-   *
-   * Изменяет значение.
-   * @param value changeable value/ изменяемое значение
-   */
-  set(value: any): this {
-    if (this.isDifference(value)) {
-      this.item.value = setValues(
-        this.item.value,
-        value,
-        {
-          multiple: this.props.multiple,
-          maxlength: toNumber(this.props.maxlength)
-        }
-      ) as Value
-
-      const element = this.element?.getElement()
-
-      if (
-        element
-        && element.value
-        && 'setValue' in element.value
-      ) {
-        element.value?.setValue(this.item.value)
-      }
-    }
-
-    return this
-  }
-
-  /**
-   * Changes the values by the selected element.
-   *
-   * Изменяет значения по выбранному элементу.
-   * @param event event object/ объект события
-   */
-  setByEvent(event: Event): this
-  setByEvent(value: Record<string, any>): this
-  setByEvent(value: any): this
-  setByEvent(eventValue: Event | Record<string, any> | any): this {
-    switch (typeof eventValue) {
-      case 'object':
-        if (eventValue) {
-          if (
-            'value' in eventValue
-            && eventValue.value !== undefined
-          ) {
-            this.set(eventValue.value)
-          } else if ('target' in eventValue) {
-            this.setByTarget(eventValue.target as HTMLInputElement)
-          }
-
-          if ('hasEdit' in eventValue) {
-            this.setHasEdit(eventValue.hasEdit)
-          }
-
-          if ('isFull' in eventValue) {
-            this.setFull(eventValue.isFull)
-          }
-        }
-
-        break
-      default:
-        this.set(eventValue)
-        break
-    }
-
-    return this
-  }
-
-  /**
-   * Changes the values by the selected element.
-   *
-   * Изменяет значения по выбранному элементу.
-   * @param target selected elements/ выбранные элементы
-   */
-  setByTarget(target: HTMLInputElement): this {
-    return this.set(
-      this.isCheckbox(target)
-        ? target.checked
-        : target.value
-    )
-  }
-
-  /**
-   * Changes the value by the checked property.
-   *
-   * Изменяет значение по свойству checked.
-   * @param event event value/ значение события
-   */
-  setByChecked(event: Event): this {
-    const input = event.target as HTMLInputElement
-
-    return this.set(input.checked)
-  }
-
-  /**
-   * Changes the value for radio type.
-   *
-   * Изменяет значение для типа radio.
-   * @param event event object/ объект события
-   */
-  setByRadio(event: Event): this {
-    const input = event.target as HTMLInputElement
-    const value = input.checked ? input.value : ''
-
-    return this.set(value)
-  }
-
-  /**
-   * Sets the isFull value.
-   *
-   * Устанавливает значение isFull.
-   * @param isFull isFull value/ значение isFull
-   */
-  setFull(isFull: boolean) {
-    this.isFull.value = isFull
-  }
-
-  /**
-   * Sets the hasEdit value.
-   *
-   * Устанавливает значение hasEdit.
-   * @param hasEdit hasEdit value/ значение hasEdit
-   */
-  setHasEdit(hasEdit: boolean) {
-    this.hasEdit.value = hasEdit
-  }
-
-  /**
-   * Sets the value to the original one.
-   *
-   * Устанавливает значение на оригинальное.
-   */
-  setToOriginal(): this {
-    this.item.value = this.getOriginal()
-    return this
-  }
-
-  /**
-   * Clear all values to the original ones.
-   *
-   * Очисти все значения до оригинальных.
-   */
-  clear(): this {
-    this.item.value = getRef(this.original)
-    this.element?.clear()
-
-    this.hasEdit.value = false
-    this.isFull.value = true
-
-    return this
-  }
-
-  /**
-   * Is the selected type a checkbox.
-   *
-   * Является ли выбранный тип чекбокс.
-   * @param target selected elements/ выбранные элементы
-   */
-  protected isCheckbox(target: HTMLInputElement): boolean {
-    return target.type === 'checkbox'
-  }
-
-  /**
-   * Checks if the value has actually been changed.
-   *
-   * Проверяет, было ли значение действительно изменено.
-   * @param value value to check/ значение для проверки
-   */
-  protected isDifference(
-    value: any = this.getOriginal()
-  ): boolean {
-    return this.string.value !== anyToString(value)
-  }
-
-  /**
-   * Returns the original value.
-   *
-   * Возвращает оригинальное значение.
-   */
-  protected getOriginal(): any {
-    return this.props.value || this.props.modelValue || getRef(this.original)
-  }
-
-  /**
-   * Changes the values to the original ones.
-   *
-   * Изменяет значения на оригинальные.
-   */
-  protected readonly update = (): void => {
-    if (
-      this.isEdit(this.props.value)
-      || this.isEdit(this.props.modelValue)
-    ) {
-      this.setToOriginal()
-    }
-  }
-
-  /**
-   * Checks if the value is being edited.
-   *
-   * Проверяет, редактируется ли значение.
-   * @param value value to check/ значение для проверки
-   */
-  protected isEdit(value?: Value): boolean {
-    return value !== undefined && anyToString(value) !== this.string.value
-  }
-}

package/src/classes/field/FieldVisibilityInclude.ts

@@ -1,21 +0,0 @@
-import { ref } from 'vue'
-
-/**
- * Class for working with data visualization. This is for working with the password type.
- *
- * Класс для работы с визуализацией данных. Это для работы с типом пароля.
- */
-export class FieldVisibilityInclude {
-  readonly item = ref<boolean>(false)
-
-  /**
-   * Toggles the values.
-   *
-   * Переключает значения.
-   */
-  toggle(): this {
-    this.item.value = !this.item.value
-
-    return this
-  }
-}

package/src/constructors/Badge/Badge.ts

@@ -1,73 +0,0 @@
-import { computed, type Ref, type ToRefs } from 'vue'
-import { type ConstrEmit, DesignComp, isFilled } from '@dxtmisha/functional'
-
-import { LabelNumberInclude } from '../../classes/LabelNumberInclude'
-import { IconInclude } from '../Icon'
-
-import type { BadgeComponents, BadgeEmits, BadgeSlots } from './types'
-import type { BadgeProps } from './props'
-
-/**
- * The Badge class implements a badge constructor with icon support and auto-hide logic.
- *
- * Класс Badge реализует конструктор бейджа с поддержкой иконок и авто-скрытия.
- */
-export class Badge {
-  readonly label: LabelNumberInclude
-  readonly icon: IconInclude
-
-  /**
-   * 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: BadgeProps,
-    protected readonly refs: ToRefs<BadgeProps>,
-    protected readonly element: Ref<HTMLElement | undefined>,
-    protected readonly classDesign: string,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<BadgeComponents, BadgeProps>,
-    protected readonly slots?: BadgeSlots,
-    protected readonly emits?: ConstrEmit<BadgeEmits>
-  ) {
-    this.label = new LabelNumberInclude(
-      props,
-      className,
-      undefined,
-      slots
-    )
-
-    this.icon = new IconInclude(
-      props,
-      className,
-      components
-    )
-  }
-
-  /**
-   * Computes if the badge should auto-hide when there is no dot, icon, or label.
-   *
-   * Вычисляет, должен ли бейдж автоматически скрываться, если нет точки, иконки и текста.
-   */
-  readonly autoHide = computed(
-    () => !this.props.dot
-      && !isFilled(this.icon.isIcon.value)
-      && !isFilled(this.label.is.value)
-  )
-
-  /**
-   * Classes for controlling badge visibility.
-   *
-   * Классы для управления видимостью бейджа.
-   */
-  readonly classes = computed(() => ({
-    [`${this.className}--hideAuto`]: this.autoHide.value
-  }))
-}