@dxtmisha/constructor 0.23.0 → 0.39.3

package/src/constructors/FieldLabel/FieldLabel.ts

@@ -1,93 +0,0 @@
-import { computed, type Ref, type ToRefs } from 'vue'
-import { type ConstrClassObject, type ConstrEmit, DesignComp } from '@dxtmisha/functional'
-
-import { LabelInclude } from '../../classes/LabelInclude'
-import { FieldCounterInclude } from '../FieldCounter'
-import { ProgressInclude } from '../Progress'
-import { SkeletonInclude } from '../Skeleton'
-
-import type { FieldLabelComponents, FieldLabelEmits, FieldLabelSlots } from './types'
-import type { FieldLabelProps } from './props'
-
-/**
- * FieldLabel
- */
-export class FieldLabel {
-  /** Label include/ Подключение метки */
-  readonly label: LabelInclude
-
-  /** Field counter include/ Подключение счетчика поля */
-  readonly fieldCounter: FieldCounterInclude<FieldLabelProps>
-
-  /** Progress include/ Подключение прогресса */
-  readonly progress: ProgressInclude
-
-  /** Skeleton include/ Подключение скелетона */
-  readonly skeleton: SkeletonInclude
-
-  /**
-   * 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: FieldLabelProps,
-    protected readonly refs: ToRefs<FieldLabelProps>,
-    protected readonly element: Ref<HTMLElement | undefined>,
-    protected readonly classDesign: string,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<FieldLabelComponents, FieldLabelProps>,
-    protected readonly slots?: FieldLabelSlots,
-    protected readonly emits?: ConstrEmit<FieldLabelEmits>
-  ) {
-    const skeleton = new SkeletonInclude(this.props, this.classDesign, ['classTextVariant'])
-
-    this.label = new LabelInclude(
-      this.props,
-      this.className,
-      undefined,
-      this.slots,
-      undefined,
-      undefined,
-      true,
-      skeleton
-    )
-
-    this.fieldCounter = new FieldCounterInclude(
-      this.props,
-      this.className,
-      this.components
-    )
-
-    this.progress = new ProgressInclude(
-      this.props,
-      this.className,
-      this.components,
-      {
-        circular: true,
-        position: 'static',
-        dense: true
-      }
-    )
-
-    this.skeleton = skeleton
-  }
-
-  /**
-   * Values for the class.
-   *
-   * Значения для класса.
-   * Возвращает объект классов, включающий классы скелетона, если он активен.
-   */
-  readonly classes = computed<ConstrClassObject>(() => {
-    return {
-      ...this.skeleton.classes.value
-    }
-  })
-}

package/src/constructors/FieldLabel/FieldLabelDesign.tsx

@@ -1,156 +0,0 @@
-import { h, type VNode } from 'vue'
-import {
-  type ConstrOptions,
-  type ConstrStyles,
-  DesignConstructorAbstract
-} from '@dxtmisha/functional'
-
-import { FieldLabel } from './FieldLabel'
-
-import {
-  type FieldLabelPropsBasic
-} from './props'
-import {
-  type FieldLabelClasses,
-  type FieldLabelComponents,
-  type FieldLabelEmits,
-  type FieldLabelExpose,
-  type FieldLabelSlots
-} from './types'
-
-/**
- * FieldLabelDesign
- */
-export class FieldLabelDesign<
-  COMP extends FieldLabelComponents,
-  EXPOSE extends FieldLabelExpose,
-  CLASSES extends FieldLabelClasses,
-  P extends FieldLabelPropsBasic
-> extends DesignConstructorAbstract<
-    HTMLDivElement,
-    COMP,
-    FieldLabelEmits,
-    EXPOSE,
-    FieldLabelSlots,
-    CLASSES,
-    P
-  > {
-  protected readonly item: FieldLabel
-
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   */
-  constructor(
-    name: string,
-    props: Readonly<P>,
-    options?: ConstrOptions<COMP, FieldLabelEmits, P>
-  ) {
-    super(
-      name,
-      props,
-      options
-    )
-
-    this.item = new FieldLabel(
-      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 {} as EXPOSE
-  }
-
-  /**
-   * Improvement of the obtained list of classes.
-   *
-   * Доработка полученного списка классов.
-   */
-  protected initClasses(): Partial<CLASSES> {
-    return {
-      main: this.item.classes.value,
-      ...{
-        // :classes [!] System label / Системная метка
-        label: this.getSubClass('label'),
-        required: this.getSubClass('required')
-        // :classes [!] System label / Системная метка
-      }
-    } as Partial<CLASSES>
-  }
-
-  /**
-   * Refinement of the received list of styles.
-   *
-   * Доработка полученного списка стилей.
-   */
-  protected initStyles(): ConstrStyles {
-    return {}
-  }
-
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  protected initRender(): VNode | undefined {
-    const children: any[] = [
-      ...this.item.label.render(this.renderRequired()),
-      ...this.item.progress.render(),
-      ...this.item.fieldCounter.render()
-    ]
-
-    if (
-      this.item.label.is.value
-      || this.item.progress.is.value
-      || this.item.fieldCounter.isCounter.value
-    ) {
-      return h(
-        'div',
-        {
-          ...this.getAttrs(),
-          class: this.classes?.value.main
-        },
-        children
-      )
-    }
-
-    return undefined
-  }
-
-  /**
-   * Display of the asterisk, an indication of required fields.
-   *
-   * Вывод звездочки, признак обязательного заполнения.
-   */
-  readonly renderRequired = (): VNode[] => {
-    if (this.props.required) {
-      return [
-        h(
-          'span',
-          {
-            class: this.classes?.value.required
-          },
-          '*'
-        )
-      ]
-    }
-
-    return []
-  }
-}

package/src/constructors/FieldLabel/FieldLabelInclude.ts

@@ -1,91 +0,0 @@
-import { computed, type VNode } from 'vue'
-import {
-  type ConstrBind,
-  DesignComponents,
-  getRef,
-  isFilled, type RawSlots,
-  type RefOrNormal, type RefType,
-  toBinds
-} from '@dxtmisha/functional'
-
-import { FieldCounterInclude } from '../FieldCounter'
-
-import type { FieldLabelComponentInclude, FieldLabelPropsInclude, FieldLabelSlotsInclude } from './basicTypes'
-import type { FieldLabelPropsBasic } from './props'
-
-/**
- * The class returns data for working with the FieldLabel component
- *
- * Класс возвращает данные для работы с компонентом FieldLabel
- */
-export class FieldLabelInclude<
-  Props extends FieldLabelPropsInclude = FieldLabelPropsInclude,
-  PropsExtra extends ConstrBind<FieldLabelPropsBasic> = ConstrBind<FieldLabelPropsBasic>
-> {
-  /** Field counter include/ Подключение счетчика поля */
-  private readonly fieldCounter: FieldCounterInclude
-
-  /**
-   * Constructor
-   * @param props input parameter/ входной параметр
-   * @param className class name/ название класса
-   * @param components object for working with components/ объект для работы с компонентами
-   * @param slots object for working with slots/ объект для работы со слотами
-   * @param isCounter whether to display the counter/ отображать ли счетчик
-   * @param extra additional parameter or property name/ дополнительный параметр или имя свойства
-   * @param index index identifier/ идентификатор индекса
-   */
-  constructor(
-    protected readonly props: Readonly<Props>,
-    protected readonly className: string,
-    protected readonly components?: DesignComponents<FieldLabelComponentInclude, Props>,
-    protected readonly slots?: FieldLabelSlotsInclude,
-    protected readonly isCounter?: RefType<boolean | undefined>,
-    protected readonly extra?: RefOrNormal<PropsExtra>,
-    protected readonly index?: string
-  ) {
-    this.fieldCounter = new FieldCounterInclude(this.props, this.className)
-  }
-
-  /** Checks if label should be displayed/ Проверяет, надо ли отображать метку */
-  readonly is = computed<boolean>(() => isFilled(this.props.label))
-
-  /** Computed bindings for FieldLabel/ Вычисляемые привязки для FieldLabel */
-  readonly binds = computed<PropsExtra>(() =>
-    toBinds<PropsExtra>(
-      getRef(this.extra),
-      this.isCounter?.value
-        ? this.fieldCounter.bindsIntermediary.value
-        : {},
-      {
-        label: this.props.label,
-        required: this.props.required
-      },
-      this.props.fieldLabelAttrs
-    )
-  )
-
-  /**
-   * Render the FieldLabel component/ Рендер компонента FieldLabel
-   */
-  readonly render = (): VNode[] => {
-    if (
-      this.components
-      && this.is.value
-    ) {
-      return this.components.render(
-        'fieldLabel',
-        {
-          ...toBinds(
-            this.binds.value,
-            { class: `${this.className}__fieldLabel` }
-          )
-        },
-        this.slots as RawSlots,
-        this.index
-      )
-    }
-
-    return []
-  }
-}

package/src/constructors/FieldLabel/index.ts

@@ -1,6 +0,0 @@
-export * from './FieldLabel'
-export * from './FieldLabelDesign'
-export * from './FieldLabelInclude'
-export * from './props'
-export * from './types'
-export * from './basicTypes'

package/src/constructors/FieldLabel/properties.json

@@ -1,4 +0,0 @@
-{
-  "#label": {},
-  "#required": {}
-}

package/src/constructors/FieldLabel/props.ts

@@ -1,40 +0,0 @@
-import type { LabelProps } from '../../types/labelTypes'
-import type { ProgressPropsBasic, ProgressPropsInclude } from '../Progress'
-import type { FieldCounterPropsBasic, FieldCounterPropsInclude } from '../FieldCounter'
-import type { SkeletonPropsInclude } from '../Skeleton'
-
-interface FieldLabelPropsToken {
-  // :type [!] System label / Системная метка
-  // :type [!] System label / Системная метка
-}
-
-export interface FieldLabelPropsBasic<
-  FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic,
-  Progress extends ProgressPropsBasic = ProgressPropsBasic
-> extends LabelProps,
-  FieldCounterPropsInclude<FieldCounter>,
-  ProgressPropsInclude<Progress>,
-  SkeletonPropsInclude {
-  // Style
-  required?: boolean
-}
-
-/**
- * Type describing incoming properties.
- *
- * Тип, описывающий входящие свойства.
- */
-export interface FieldLabelProps extends FieldLabelPropsBasic, FieldLabelPropsToken {
-}
-
-/**
- * Default value for property.
- *
- * Значение по умолчанию для свойства.
- */
-export const defaultsFieldLabel = {
-  ...{
-    // :default [!] System label / Системная метка
-    // :default [!] System label / Системная метка
-  }
-}

package/src/constructors/FieldMessage/FieldMessage.ts

@@ -1,79 +0,0 @@
-import { computed, type Ref, type ToRefs } from 'vue'
-import { type ConstrClassObject, type ConstrEmit, DesignComp } from '@dxtmisha/functional'
-
-import { FieldCounterInclude } from '../FieldCounter'
-import { FieldMessageMessage } from './FieldMessageMessage'
-import { SkeletonInclude } from '../Skeleton'
-
-import type { FieldMessageComponents, FieldMessageEmits, FieldMessageSlots } from './types'
-import type { FieldMessageProps } from './props'
-
-/**
- * FieldMessage
- */
-export class FieldMessage {
-  /** Field counter functionality/ Функциональность счетчика поля */
-  readonly fieldCounter: FieldCounterInclude<FieldMessageProps>
-
-  /** Message functionality/ Функциональность сообщений */
-  readonly message: FieldMessageMessage
-
-  /** Skeleton include/ Подключение скелетона */
-  readonly skeleton: SkeletonInclude
-
-  /**
-   * 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: FieldMessageProps,
-    protected readonly refs: ToRefs<FieldMessageProps>,
-    protected readonly element: Ref<HTMLElement | undefined>,
-    protected readonly classDesign: string,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<FieldMessageComponents, FieldMessageProps>,
-    protected readonly slots?: FieldMessageSlots,
-    protected readonly emits?: ConstrEmit<FieldMessageEmits>
-  ) {
-    this.fieldCounter = new FieldCounterInclude(
-      this.props,
-      this.className,
-      this.components
-    )
-
-    this.message = new FieldMessageMessage(this.props, this.slots)
-    this.skeleton = new SkeletonInclude(
-      this.props as any,
-      this.classDesign,
-      ['classTextVariant']
-    )
-  }
-
-  /**
-   * Checks if there are values for outputting the element/ Проверяет, есть ли значения для вывода элемента
-   */
-  readonly is = computed<boolean>(() => {
-    return (
-      this.props.forceShow
-      || !this.props.disabled
-    )
-    && (
-      this.message.is.value
-      || this.fieldCounter.isCounter.value
-    )
-  })
-
-  /**
-   * Returns data for the main style class/ Возвращает данные для главного класса стиля
-   */
-  readonly classes = computed<ConstrClassObject>(() => ({
-    [`${this.className}--validation`]: this.message.isValidation.value
-  }))
-}

package/src/constructors/FieldMessage/FieldMessageDesign.tsx

@@ -1,159 +0,0 @@
-import { h, type VNode } from 'vue'
-import {
-  type ConstrOptions,
-  type ConstrStyles,
-  DesignConstructorAbstract
-} from '@dxtmisha/functional'
-
-import { FieldMessage } from './FieldMessage'
-
-import {
-  type FieldMessagePropsBasic
-} from './props'
-import {
-  type FieldMessageClasses,
-  type FieldMessageComponents,
-  type FieldMessageEmits,
-  type FieldMessageExpose,
-  type FieldMessageSlots
-} from './types'
-
-/**
- * FieldMessageDesign
- */
-export class FieldMessageDesign<
-  COMP extends FieldMessageComponents,
-  EXPOSE extends FieldMessageExpose,
-  CLASSES extends FieldMessageClasses,
-  P extends FieldMessagePropsBasic
-> extends DesignConstructorAbstract<
-    HTMLDivElement,
-    COMP,
-    FieldMessageEmits,
-    EXPOSE,
-    FieldMessageSlots,
-    CLASSES,
-    P
-  > {
-  protected readonly item: FieldMessage
-
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   */
-  constructor(
-    name: string,
-    props: Readonly<P>,
-    options?: ConstrOptions<COMP, FieldMessageEmits, P>
-  ) {
-    super(
-      name,
-      props,
-      options
-    )
-
-    this.item = new FieldMessage(
-      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 {} as EXPOSE
-  }
-
-  /**
-   * Improvement of the obtained list of classes.
-   *
-   * Доработка полученного списка классов.
-   */
-  protected initClasses(): Partial<CLASSES> {
-    return {
-      main: this.item.classes.value,
-      ...{
-        // :classes [!] System label / Системная метка
-        info: this.getSubClass('info')
-        // :classes [!] System label / Системная метка
-      }
-    } as Partial<CLASSES>
-  }
-
-  /**
-   * Refinement of the received list of styles.
-   *
-   * Доработка полученного списка стилей.
-   */
-  protected initStyles(): ConstrStyles {
-    return {}
-  }
-
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  protected initRender(): VNode | undefined {
-    if (this.item.is.value) {
-      return h(
-        'div',
-        {
-          ...this.getAttrs(),
-          key: 'main',
-          class: this.classes?.value.main
-        },
-        [
-          ...this.renderInfo(),
-          ...this.item.fieldCounter.render()
-        ]
-      )
-    }
-
-    return undefined
-  }
-
-  /**
-   * Rendering text.
-   *
-   * Рендеринг текста.
-   */
-  protected renderInfo = (): VNode[] => {
-    const children: VNode[] = []
-    const props: Record<string, any> = {
-      key: 'message',
-      class: [
-        this.classes?.value.info,
-        this.item.skeleton.classes.value
-      ]
-    }
-
-    this.initSlot('helper', children)
-    this.initSlot('validation', children)
-
-    if (children.length < 1) {
-      props.innerHTML = this.item.message.item.value
-    }
-
-    return [
-      h(
-        'div',
-        props,
-        children
-      )
-    ]
-  }
-}