@dxtmisha/constructor 0.30.1 → 0.39.3

package/src/constructors/Image/props.ts

@@ -1,93 +0,0 @@
-import type { ImagePicture } from './basicTypes'
-
-interface ImagePropsToken {
-  // :type [!] System label / Системная метка
-  turn?: boolean
-  disabled?: boolean
-  hide?: boolean
-  adaptive?: boolean
-  size?: 'auto' | 'contain' | 'cover'
-  // :type [!] System label / Системная метка
-}
-
-export interface ImagePropsBasic {
-  // Value
-  /**
-   * Accepts icon name, image URL, File object or PDF link/
-   * Принимает название иконки, ссылку на изображение, объект File или ссылку на PDF файл
-   */
-  value?: string | any
-
-  /** Image URL/ URL изображения */
-  url?: string
-
-  // Adaptive
-  /**
-   * Adaptive group (e.g. for different resolutions)/
-   * Группа адаптивности (например, для разных разрешений)
-   */
-  adaptiveGroup?: string
-  /** Always use adaptivity/ Всегда использовать адаптивность */
-  adaptiveAlways?: boolean
-  /** Image object width/ Ширина объекта изображения */
-  objectWidth?: string | number
-  /** Image object height/ Высота объекта изображения */
-  objectHeight?: string | number
-
-  // Style
-  /**
-   * Image coordinates (e.g. for cropping or positioning)/
-   * Координаты изображения (например, для обрезки или позиционирования)
-   */
-  coordinator?: number[] | any
-  /** X position/ Позиция по оси X */
-  x?: string | number
-  /** Y position/ Позиция по оси Y */
-  y?: string | number
-
-  /**
-   * Use <img> tag instead of background image/
-   * Использовать тег <img> вместо фонового изображения
-   */
-  tagImg?: boolean
-  /**
-   * Image source set for different resolutions/
-   * Набор источников изображения для разных разрешений
-   */
-  srcset?: string | Record<string, string>
-  /**
-   * Picture sources for different resolutions using <picture> tag/
-   * Источники для разных разрешений с использованием тега <picture>
-   */
-  picture?: ImagePicture
-  /** Alt text/ Текст alt */
-  alt?: string
-  /** Lazy loading/ Ленивя загрузка */
-  lazy?: boolean
-  /** Preload offset/ Смещение для предзагрузки */
-  preloadOffset?: string
-  /** Image fetch priority (low, high, auto)/ Приоритет загрузки изображения (low, high, auto) */
-  fetchPriority?: HTMLImageElement['fetchPriority']
-}
-
-/**
- * Type describing incoming properties.
- *
- * Тип, описывающий входящие свойства.
- */
-export interface ImageProps extends ImagePropsBasic, ImagePropsToken {
-}
-
-/**
- * Default value for property.
- *
- * Значение по умолчанию для свойства.
- */
-export const defaultsImage = {
-  adaptiveGroup: 'basic',
-  preloadOffset: '1024px',
-  ...{
-    // :default [!] System label / Системная метка
-    // :default [!] System label / Системная метка
-  }
-}

package/src/constructors/Image/types.ts

@@ -1,49 +0,0 @@
-import type { ComputedRef, Ref } from 'vue'
-import { type ConstrClass } from '@dxtmisha/functional'
-
-import type { ImageEventData, ImageEventItem, ImageTypeItem } from './basicTypes'
-
-/**
- * Interface for describing which components need to be connected for work.
- *
- * Интерфейс для описания, какие компоненты надо подключить для работы.
- */
-export type ImageComponents = {}
-
-/**
- * Type describing available events.
- *
- * Тип, описывающий доступные события.
- */
-export type ImageEmits = {
-  load: [image: ImageEventData]
-}
-
-/**
- * Type describing available properties.
- *
- * Тип, описывающий доступные свойства.
- */
-export type ImageExpose = {
-  type: ComputedRef<ImageTypeItem>
-  data: Ref<ImageEventItem>
-}
-
-/**
- * Type describing available slots.
- *
- * Тип, описывающий доступные слоты.
- */
-export interface ImageSlots {
-}
-
-/**
- * Type describing subclasses.
- *
- * Тип, описывающий подклассы.
- */
-export type ImageClasses = {
-  main: ConstrClass
-  // :classes [!] System label / Системная метка
-  // :classes [!] System label / Системная метка
-}

package/src/constructors/Input/Input.ts

@@ -1,146 +0,0 @@
-import { computed, type Ref, type ToRefs } from 'vue'
-import { type ConstrEmit, DesignComp } from '@dxtmisha/functional'
-
-import { FieldChangeInclude } from '../../classes/field/FieldChangeInclude'
-import { FieldVisibilityInclude } from '../../classes/field/FieldVisibilityInclude'
-import { FieldTypeInclude } from '../../classes/field/FieldTypeInclude'
-import { FieldPatternInclude } from '../../classes/field/FieldPatternInclude'
-import { FieldAttributesInclude } from '../../classes/field/FieldAttributesInclude'
-
-import { FieldElementInclude } from '../../classes/field/FieldElementInclude'
-
-import { FieldValueInclude } from '../../classes/field/FieldValueInclude'
-import { FieldArrowInclude } from '../../classes/field/FieldArrowInclude'
-import { InputPassword } from './InputPassword'
-import { FieldMatchInclude } from '../../classes/field/FieldMatchInclude'
-
-import { FieldInputModeInclude } from '../../classes/field/FieldInputModeInclude'
-import { FieldCodeInclude } from '../../classes/field/FieldCodeInclude'
-import { FieldValidationInclude } from '../../classes/field/FieldValidationInclude'
-import { FieldEventInclude } from '../../classes/field/FieldEventInclude'
-
-import { FieldInclude } from '../Field/FieldInclude'
-import { MaskInclude } from '../Mask/MaskInclude'
-
-import type { FieldElementInput } from '../../types/fieldTypes'
-import type { InputComponents, InputEmits, InputSlots } from './types'
-import type { InputProps } from './props'
-
-/**
- * Input
- */
-export class Input {
-  readonly visibility: FieldVisibilityInclude
-  readonly type: FieldTypeInclude
-  readonly pattern: FieldPatternInclude
-  readonly inputMode: FieldInputModeInclude
-  readonly attributes: FieldAttributesInclude
-
-  readonly elementItem: FieldElementInclude
-  readonly change: FieldChangeInclude
-
-  readonly value: FieldValueInclude
-  readonly arrow: FieldArrowInclude
-  readonly password: InputPassword
-  readonly match: FieldMatchInclude
-
-  readonly code: FieldCodeInclude
-  readonly validation: FieldValidationInclude
-  readonly event: FieldEventInclude
-
-  readonly field: FieldInclude
-  readonly mask: MaskInclude
-
-  /**
-   * 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: InputProps,
-    protected readonly refs: ToRefs<InputProps>,
-    protected readonly element: Ref<FieldElementInput>,
-    protected readonly classDesign: string,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<InputComponents, InputProps>,
-    protected readonly slots?: InputSlots,
-    protected readonly emits?: ConstrEmit<InputEmits>
-  ) {
-    this.change = new FieldChangeInclude(this.props)
-    this.visibility = new FieldVisibilityInclude()
-    this.type = new FieldTypeInclude(this.props, this.visibility)
-    this.pattern = new FieldPatternInclude(this.props, this.type)
-    this.inputMode = new FieldInputModeInclude(this.props, this.type)
-    this.attributes = new FieldAttributesInclude(
-      this.props,
-      this.type,
-      this.pattern,
-      this.inputMode
-    )
-
-    this.elementItem = new FieldElementInclude(
-      this.props,
-      this.element
-    )
-
-    this.value = new FieldValueInclude(
-      this.props,
-      this.refs,
-      this.elementItem
-    )
-    this.arrow = new FieldArrowInclude(this.props, this.value, this.type)
-    this.password = new InputPassword(this.props, this.visibility)
-    this.match = new FieldMatchInclude(
-      this.props,
-      this.elementItem,
-      this.value
-    )
-
-    this.code = new FieldCodeInclude(this.props)
-    this.validation = new FieldValidationInclude(
-      this.props,
-      this.attributes,
-      this.value,
-      this.change,
-      this.code,
-      this.match
-    )
-    this.event = new FieldEventInclude(
-      this.props,
-      this.change,
-      this.value,
-      this.validation,
-      this.emits
-    )
-
-    this.field = new FieldInclude(
-      this.props,
-      this.value,
-      this.components,
-      this.event,
-      this.arrow,
-      undefined,
-      () => this.password.toggle(),
-      undefined,
-      undefined,
-      computed(() => ({
-        iconTrailing: this.password.icon.value ?? this.props.iconTrailing,
-        maxlength: this.props.maxlength ?? this.props.max
-      }))
-    )
-    this.mask = new MaskInclude(
-      this.props,
-      this.className,
-      this.value,
-      '',
-      this.components,
-      this.type
-    )
-  }
-}

package/src/constructors/Input/InputDesign.tsx

@@ -1,174 +0,0 @@
-import { h, type VNode } from 'vue'
-import {
-  type ConstrOptions,
-  type ConstrStyles,
-  DesignConstructorAbstract,
-  toBinds
-} from '@dxtmisha/functional'
-
-import { Input } from './Input'
-
-import type { FieldControl } from '../Field'
-import {
-  type InputPropsBasic
-} from './props'
-import {
-  type InputClasses,
-  type InputComponents,
-  type InputEmits,
-  type InputExpose,
-  type InputSlots
-} from './types'
-
-/**
- * InputDesign
- */
-export class InputDesign<
-  COMP extends InputComponents,
-  EXPOSE extends InputExpose,
-  CLASSES extends InputClasses,
-  P extends InputPropsBasic
-> extends DesignConstructorAbstract<
-    HTMLDivElement,
-    COMP,
-    InputEmits,
-    EXPOSE,
-    InputSlots,
-    CLASSES,
-    P
-  > {
-  protected readonly item: Input
-
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   */
-  constructor(
-    name: string,
-    props: Readonly<P>,
-    options?: ConstrOptions<COMP, InputEmits, P>
-  ) {
-    super(
-      name,
-      props,
-      options
-    )
-
-    this.item = new Input(
-      this.props,
-      this.refs,
-      this.element,
-      this.getDesign(),
-      this.getName(),
-      this.components,
-      this.slots,
-      this.emits
-    )
-
-    this.init()
-  }
-
-  /**
-   * Initialization of all the necessary properties for work
-   *
-   * Инициализация всех необходимых свойств для работы.
-   */
-  protected initExpose(): EXPOSE {
-    return {
-      value: this.item.value.item,
-      checkValidity: this.item.validation.checkValidity,
-      validationMessage: this.item.validation.message
-    } as EXPOSE
-  }
-
-  /**
-   * Improvement of the obtained list of classes.
-   *
-   * Доработка полученного списка классов.
-   */
-  protected initClasses(): Partial<CLASSES> {
-    return {
-      main: {},
-      ...{
-        // :classes [!] System label / Системная метка
-        // :classes [!] System label / Системная метка
-      }
-    } as Partial<CLASSES>
-  }
-
-  /**
-   * Refinement of the received list of styles.
-   *
-   * Доработка полученного списка стилей.
-   */
-  protected initStyles(): ConstrStyles {
-    return {}
-  }
-
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  protected initRender(): VNode[] {
-    return this.item.field.render(
-      {
-        default: this.renderInput
-      },
-      {
-        ...this.getAttrs(),
-        class: this.classes?.value.main,
-        validationMessage: this.item.validation.message.value
-      }
-    )
-  }
-
-  /**
-   * Rendering the input element.
-   *
-   * Рендер элемент input.
-   * @param input data for the input element/ данные для элемента ввода
-   */
-  protected readonly renderInput = (input: FieldControl): VNode[] => {
-    if (this.item.mask.isActive()) {
-      return this.renderMask(input)
-    }
-
-    return [h(
-      'input',
-      toBinds(
-        this.item.attributes.listForInput.value,
-        input.binds,
-        {
-          ref: this.element,
-          value: this.item.value.item.value,
-          onBlur: this.item.event.onBlur,
-          onInput: this.item.event.onInput,
-          onChange: this.item.event.onChange
-        }
-      )
-    )]
-  }
-
-  /**
-   * Rendering mask element.
-   *
-   * Рендеринг элемента маски.
-   * @param input data for the input element/ данные для элемента ввода
-   */
-  protected readonly renderMask = (input: FieldControl): VNode[] => {
-    return this.item.mask.render({
-      ref: this.element,
-      class: input.className,
-      align: this.props.align,
-      inputAttrs: toBinds(
-        this.item.attributes.listForInput.value,
-        input.binds
-      ),
-      onBlur: this.item.event.onBlur,
-      onInput: this.item.event.onInput
-    })
-  }
-}

package/src/constructors/Input/InputPassword.ts

@@ -1,54 +0,0 @@
-import { computed } from 'vue'
-import { FieldVisibilityInclude } from '../../classes/field/FieldVisibilityInclude'
-
-import type { IconProps } from '../Icon'
-import type { InputProps } from './props'
-
-/**
- * Class for retrieving data to manage the password type.
- *
- * Класс для получения данных для управления типом пароля.
- */
-export class InputPassword {
-  protected visible: boolean = false
-
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param visibility object for working with visualization/ объект для работы с визуализацией
-   */
-
-  constructor(
-    protected readonly props: InputProps,
-    protected readonly visibility: FieldVisibilityInclude
-  ) {
-  }
-
-  /** Checks if the type is a password/ Проверяет, является ли тип паролем. */
-  readonly is = computed<boolean>(() => this.props.type === 'password')
-
-  /** Returns the icon value/ Возвращает значение иконки */
-  readonly icon = computed<IconProps | undefined>(() => {
-    if (this.is.value) {
-      return {
-        active: this.visibility.item.value,
-        icon: this.props.iconVisibilityOff,
-        iconActive: this.props.iconVisibility,
-        dynamic: true
-      }
-    }
-
-    return undefined
-  })
-
-  /**
-   * Toggle value.
-   *
-   * Переключение значения.
-   */
-  toggle() {
-    if (this.is.value) {
-      this.visibility.toggle()
-    }
-  }
-}

package/src/constructors/Input/basicTypes.ts

@@ -1,3 +0,0 @@
-export type InputComponentInclude = {
-  input?: object
-}

package/src/constructors/Input/index.ts

@@ -1,5 +0,0 @@
-export * from './Input'
-export * from './InputDesign'
-export * from './props'
-export * from './types'
-export * from './basicTypes'

package/src/constructors/Input/properties.json

@@ -1,2 +0,0 @@
-{
-}

package/src/constructors/Input/props.ts

@@ -1,53 +0,0 @@
-import type { NumberOrString } from '@dxtmisha/functional'
-
-import type { MaskPropsBasic, MaskPropsInclude } from '../Mask'
-import type { IconPropsBasic } from '../Icon'
-import type { FieldPropsBasic, FieldPropsInclude } from '../Field'
-import type { FieldLabelPropsBasic } from '../FieldLabel'
-import type { FieldMessagePropsBasic } from '../FieldMessage'
-import type { FieldCounterPropsBasic } from '../FieldCounter'
-import type { ProgressPropsBasic } from '../Progress'
-
-import type { FieldInputProps } from '../../types/fieldTypes'
-
-interface InputPropsToken {
-  // :type [!] System label / Системная метка
-  // :type [!] System label / Системная метка
-}
-
-export interface InputPropsBasic<
-  Mask extends MaskPropsBasic = MaskPropsBasic,
-  Icon extends IconPropsBasic = IconPropsBasic,
-  Field extends FieldPropsBasic = FieldPropsBasic,
-  FieldLabel extends FieldLabelPropsBasic = FieldLabelPropsBasic,
-  FieldMessage extends FieldMessagePropsBasic = FieldMessagePropsBasic,
-  FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic,
-  Progress extends ProgressPropsBasic = ProgressPropsBasic
-> extends MaskPropsInclude<Mask>,
-  FieldPropsInclude<Icon, Field, FieldLabel, FieldMessage, FieldCounter, Progress>,
-  FieldInputProps<NumberOrString> {
-}
-
-/**
- * Type describing incoming properties.
- *
- * Тип, описывающий входящие свойства.
- */
-export interface InputProps extends InputPropsBasic, InputPropsToken {
-}
-
-/**
- * Default value for property.
- *
- * Значение по умолчанию для свойства.
- */
-export const defaultsInput = {
-  type: 'text',
-  autocomplete: 'off',
-  arrow: 'auto',
-  maskVisible: true,
-  ...{
-    // :default [!] System label / Системная метка
-    // :default [!] System label / Системная метка
-  }
-}

package/src/constructors/Input/types.ts

@@ -1,48 +0,0 @@
-import type { ConstrClass } from '@dxtmisha/functional'
-import type { MaskComponentInclude } from '../Mask'
-import type { FieldComponentInclude, FieldSlotsInclude } from '../Field'
-
-import type { FieldBasicEmits, FieldBasicExpose } from '../../types/fieldTypes'
-
-/**
- * Interface for describing which components need to be connected for work.
- *
- * Интерфейс для описания, какие компоненты надо подключить для работы.
- */
-export type InputComponents
-  = MaskComponentInclude
-    & FieldComponentInclude
-
-/**
- * Type describing available events.
- *
- * Тип, описывающий доступные события.
- */
-export type InputEmits = FieldBasicEmits
-
-/**
- * Type describing available properties.
- *
- * Тип, описывающий доступные свойства.
- */
-export interface InputExpose extends FieldBasicExpose {
-}
-
-/**
- * Type describing available slots.
- *
- * Тип, описывающий доступные слоты.
- */
-export interface InputSlots extends FieldSlotsInclude {
-}
-
-/**
- * Type describing subclasses.
- *
- * Тип, описывающий подклассы.
- */
-export type InputClasses = {
-  main: ConstrClass
-  // :classes [!] System label / Системная метка
-  // :classes [!] System label / Системная метка
-}