@dxtmisha/constructor 0.23.0 → 0.39.3

package/src/constructors/FieldMessage/FieldMessageInclude.ts

@@ -1,105 +0,0 @@
-import { computed, type VNode } from 'vue'
-import {
-  type ConstrBind,
-  DesignComponents,
-  getRef,
-  isFilled,
-  type RefOrNormal,
-  type RefType,
-  toBinds
-} from '@dxtmisha/functional'
-
-import { FieldCounterInclude } from '../FieldCounter'
-
-import type {
-  FieldMessageComponentInclude,
-  FieldMessagePropsInclude
-} from './basicTypes'
-import type { FieldMessagePropsBasic } from './props'
-
-/**
- * The class returns data for working with the FieldMessage component
- *
- * Класс возвращает данные для работы с компонентом FieldMessage
- */
-export class FieldMessageInclude<
-  Props extends FieldMessagePropsInclude = FieldMessagePropsInclude,
-  PropsExtra extends ConstrBind<FieldMessagePropsBasic> = ConstrBind<FieldMessagePropsBasic>
-> {
-  /** Field counter include/ Подключение счетчика поля */
-  private readonly fieldCounter: FieldCounterInclude
-
-  /**
-   * Constructor
-   * @param props input parameter/ входной параметр
-   * @param className class name/ название класса
-   * @param components object for working with components/ объект для работы с компонентами
-   * @param validationMessage error line/ строка ошибки
-   * @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<FieldMessageComponentInclude, Props>,
-    protected readonly validationMessage?: RefOrNormal<string>,
-    protected readonly isCounter?: RefType<boolean | undefined>,
-    protected readonly extra?: RefOrNormal<PropsExtra>,
-    protected readonly index?: string
-  ) {
-    this.fieldCounter = new FieldCounterInclude(this.props, this.className)
-  }
-
-  /** Validation message computed/ Вычисляемое сообщение валидации */
-  readonly validation = computed<string | undefined>(() =>
-    isFilled(this.props.validationMessage)
-      ? this.props.validationMessage
-      : getRef(this.validationMessage)
-  )
-
-  /** Checks if validation message should be displayed/ Проверяет, надо ли отображать сообщение валидации */
-  readonly isValidationMessage = computed<boolean>(() =>
-    isFilled(this.validation.value)
-  )
-
-  /** Computed bindings for FieldMessage/ Вычисляемые привязки для FieldMessage */
-  readonly binds = computed<PropsExtra>(() => {
-    return toBinds<PropsExtra>(
-      getRef(this.extra),
-      this.isCounter?.value
-        ? this.fieldCounter.bindsIntermediary.value
-        : {},
-      {
-        disabled: this.props.disabled,
-        forceShow: this.props.forceShowMessage,
-        helperMessage: this.props.helperMessage,
-        validationMessage: this.validation.value
-      },
-      this.props.fieldMessageAttrs
-    )
-  })
-
-  /**
-   * Render the FieldMessage component.
-   *
-   * Рендер компонента FieldMessage.
-   */
-  readonly render = (): VNode[] => {
-    if (this.components) {
-      return this.components.render(
-        'fieldMessage',
-        {
-          ...toBinds(
-            this.binds.value,
-            { class: `${this.className}__fieldMessage` }
-          )
-        },
-        undefined,
-        this.index
-      )
-    }
-
-    return []
-  }
-}

package/src/constructors/FieldMessage/FieldMessageMessage.ts

@@ -1,54 +0,0 @@
-import { computed } from 'vue'
-import { isFilled } from '@dxtmisha/functional'
-
-import type { FieldMessageProps } from './props'
-import type { FieldMessageSlots } from './types'
-
-/**
- * Class for working with text
- *
- * Класс для работы с текстом
- */
-export class FieldMessageMessage {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param slots object for working with slots/ объект для работы со слотами
-   */
-  constructor(
-    protected readonly props: Readonly<FieldMessageProps>,
-    protected readonly slots?: FieldMessageSlots
-  ) {
-  }
-
-  /** Checks if there is text/ Проверяет, есть ли текст */
-  readonly is = computed<boolean>(() =>
-    isFilled(this.item.value)
-    || Boolean(
-      this.slots
-      && (
-        'helper' in this.slots
-        || 'validation' in this.slots
-      )
-    )
-  )
-
-  /** Checks if there is an error/ Проверяет, есть ли ошибка */
-  readonly isValidation = computed<boolean>(() =>
-    isFilled(this.props.validationMessage)
-    || Boolean(this.slots && 'validation' in this.slots)
-  )
-
-  /** Returns text/ Возвращает текст */
-  readonly item = computed<string>(() => {
-    if (this.props.validationMessage) {
-      return this.props.validationMessage
-    }
-
-    if (this.props.helperMessage) {
-      return this.props.helperMessage
-    }
-
-    return ''
-  })
-}

package/src/constructors/FieldMessage/basicTypes.ts

@@ -1,27 +0,0 @@
-import type { ConstrBind } from '@dxtmisha/functional'
-
-import type { FieldMessagePropsBasic } from './props'
-import type { FieldCounterPropsBasic, FieldCounterPropsInclude } from '../FieldCounter'
-
-/**
- * Interface for describing which components need to be connected for FieldMessage work/
- * Интерфейс для описания, какие компоненты надо подключить для работы FieldMessage
- */
-export type FieldMessageComponentInclude = {
-  fieldMessage: object
-}
-
-/**
- * Properties that can be passed to FieldMessageInclude/
- * Свойства, которые можно передать в FieldMessageInclude
- */
-export interface FieldMessagePropsInclude<
-  FieldMessage extends FieldMessagePropsBasic = FieldMessagePropsBasic,
-  FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic
-> extends FieldCounterPropsInclude<FieldCounter> {
-  forceShowMessage?: boolean
-  disabled?: boolean
-  helperMessage?: string
-  validationMessage?: string
-  fieldMessageAttrs?: ConstrBind<FieldMessage>
-}

package/src/constructors/FieldMessage/index.ts

@@ -1,6 +0,0 @@
-export * from './FieldMessage'
-export * from './FieldMessageDesign'
-export * from './FieldMessageInclude'
-export * from './props'
-export * from './types'
-export * from './basicTypes'

package/src/constructors/FieldMessage/properties.json

@@ -1,9 +0,0 @@
-{
-  "padding": {
-    "_type": "var"
-  },
-  "#info": {},
-  "~validation": {
-    "_prop": false
-  }
-}

package/src/constructors/FieldMessage/props.ts

@@ -1,40 +0,0 @@
-import type { FieldCounterPropsBasic, FieldCounterPropsInclude } from '../FieldCounter'
-import type { SkeletonPropsInclude } from '../Skeleton'
-
-interface FieldMessagePropsToken {
-  // :type [!] System label / Системная метка
-  // :type [!] System label / Системная метка
-}
-
-export interface FieldMessagePropsBasic<
-  FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic
-> extends FieldCounterPropsInclude<FieldCounter>,
-  SkeletonPropsInclude {
-  // Status
-  forceShow?: boolean
-  disabled?: boolean
-
-  // Value
-  helperMessage?: string
-  validationMessage?: string
-}
-
-/**
- * Type describing incoming properties.
- *
- * Тип, описывающий входящие свойства.
- */
-export interface FieldMessageProps extends FieldMessagePropsBasic, FieldMessagePropsToken {
-}
-
-/**
- * Default value for property.
- *
- * Значение по умолчанию для свойства.
- */
-export const defaultsFieldMessage = {
-  ...{
-    // :default [!] System label / Системная метка
-    // :default [!] System label / Системная метка
-  }
-}

package/src/constructors/Icon/Icon.ts

@@ -1,105 +0,0 @@
-import { computed, type ComputedRef, type Ref, type ToRefs } from 'vue'
-import {
-  type ConstrClassObject,
-  type ConstrEmit,
-  DesignComp,
-  getBindRef
-} from '@dxtmisha/functional'
-
-import { type ImageEventData } from '../Image'
-import { SkeletonInclude } from '../Skeleton'
-
-import type { IconComponents, IconEmits, IconSlots } from './types'
-import type { IconProps } from './props'
-import type { IconEventLoad } from './basicTypes'
-
-/**
- * Base class for working with icons.
- *
- * Базовый класс для работы с иконками.
- */
-export class Icon {
-  /**
-   * Returns the property for the base icon/ Возвращает свойство для базовой иконки
-   */
-  readonly iconBind: ComputedRef<IconEventLoad['iconBind']>
-
-  /**
-   * Returns the property for the additional icon/ Возвращает свойство для дополнительной иконки
-   */
-  readonly iconActiveBind: ComputedRef<IconEventLoad['iconActiveBind']>
-
-  /**
-   * An object for working with the Skeleton/ Объект для работы с Skeleton
-   */
-  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: IconProps,
-    protected readonly refs: ToRefs<IconProps>,
-    protected readonly element: Ref<HTMLElement | undefined>,
-    protected readonly classDesign: string,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<IconComponents, IconProps>,
-    protected readonly slots?: IconSlots,
-    protected readonly emits?: ConstrEmit<IconEmits>
-  ) {
-    this.iconBind = getBindRef(
-      refs.icon,
-      computed(() => ({
-        class: `${className}__icon`,
-        turn: this.props.turn,
-        disabled: this.props.disabled,
-        hide: this.isActive.value,
-        onLoad: this.onLoad
-      }))
-    )
-
-    this.iconActiveBind = getBindRef(
-      refs.iconActive,
-      computed(() => ({
-        class: `${className}__iconActive`,
-        turn: this.props.turn,
-        disabled: this.props.disabled,
-        hide: !this.isActive.value
-      }))
-    )
-
-    this.skeleton = new SkeletonInclude(
-      props,
-      classDesign,
-      ['classBackgroundVariant']
-    )
-  }
-
-  /**
-   * Checks if the additional icon is active/ Проверяет, активна ли дополнительная иконка
-   */
-  readonly isActive = computed<boolean>(() => Boolean(this.props.active && this.props.iconActive))
-
-  /**
-   * Values for the class/ Значения для класса
-   */
-  readonly classes = computed<ConstrClassObject>(() => ({
-    ...this.skeleton.classes.value
-  }))
-
-  /**
-   * Triggers an event when the image loading is complete.
-   *
-   * Вызывает событие, когда завершится загрузка картинки.
-   * @param event event object/ объект события
-   */
-  protected readonly onLoad = (event: ImageEventData) => this.emits?.('load', event)
-}

package/src/constructors/Icon/IconDesign.tsx

@@ -1,157 +0,0 @@
-import { h, type VNode } from 'vue'
-import {
-  type ConstrOptions,
-  type ConstrStyles,
-  DesignConstructorAbstract
-} from '@dxtmisha/functional'
-
-import { Icon } from './Icon'
-
-import {
-  type IconPropsBasic
-} from './props'
-import {
-  type IconClasses,
-  type IconComponents,
-  type IconEmits,
-  type IconExpose,
-  type IconSlots
-} from './types'
-
-/**
- * IconDesign
- */
-export class IconDesign<
-  COMP extends IconComponents,
-  EXPOSE extends IconExpose,
-  CLASSES extends IconClasses,
-  P extends IconPropsBasic
-> extends DesignConstructorAbstract<
-    HTMLDivElement,
-    COMP,
-    IconEmits,
-    EXPOSE,
-    IconSlots,
-    CLASSES,
-    P
-  > {
-  protected readonly item: Icon
-
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   */
-  constructor(
-    name: string,
-    props: Readonly<P>,
-    options?: ConstrOptions<COMP, IconEmits, P>
-  ) {
-    super(
-      name,
-      props,
-      options
-    )
-
-    this.item = new Icon(
-      this.props,
-      this.refs,
-      this.element,
-      this.getDesign(),
-      this.getName(),
-      this.components,
-      this.slots,
-      this.emits
-    )
-
-    this.init()
-  }
-
-  /**
-   * Render the main icon.
-   *
-   * Рендер основной иконки.
-   */
-  readonly renderIcon = (): VNode | undefined => {
-    return this.components.renderOne(
-      'image',
-      this.item.iconBind.value,
-      undefined,
-      'icon'
-    )
-  }
-
-  /**
-   * Render the secondary icon.
-   *
-   * Рендер вторичной иконки.
-   */
-  readonly renderIconActive = (): VNode | undefined => {
-    return this.components.renderOne(
-      'image',
-      this.item.iconActiveBind.value,
-      undefined,
-      'iconActive'
-    )
-  }
-
-  /**
-   * Initialization of all the necessary properties for work<br>
-   * Инициализация всех необходимых свойств для работы.
-   */
-  protected initExpose(): EXPOSE {
-    return {
-      isActive: this.item.isActive
-    } as EXPOSE
-  }
-
-  /**
-   * Improvement of the obtained list of classes.<br>
-   * Доработка полученного списка классов.
-   */
-  protected initClasses(): Partial<CLASSES> {
-    return {
-      main: this.item.classes.value,
-      ...{
-        // :classes [!] System label / Системная метка
-        // :classes [!] System label / Системная метка
-      }
-    } as Partial<CLASSES>
-  }
-
-  /**
-   * Refinement of the received list of styles.<br>
-   * Доработка полученного списка стилей.
-   */
-  protected initStyles(): ConstrStyles {
-    return {}
-  }
-
-  /**
-   * A method for rendering.<br>
-   * Метод для рендеринга.
-   */
-  protected initRender(): VNode {
-    const children: any[] = []
-
-    this.initSlot('default', children)
-
-    if (this.props.icon) {
-      children.push(this.renderIcon())
-    }
-
-    if (this.props.iconActive) {
-      children.push(this.renderIconActive())
-    }
-
-    return h(
-      'span',
-      {
-        ...this.getAttrs(),
-        class: this.classes?.value.main
-      },
-      children
-    )
-  }
-}

package/src/constructors/Icon/IconInclude.ts

@@ -1,64 +0,0 @@
-import { computed } from 'vue'
-import { type ConstrBind, DesignComponents, getBind, getRef, type RefOrNormal, toBinds } from '@dxtmisha/functional'
-
-import { IconLiteInclude } from './IconLiteInclude'
-
-import type { IconComponentInclude, IconPropsInclude } from './basicTypes'
-import type { IconPropsBasic } from './props'
-
-/**
- * Class for simplified integration of the icon-handling component
- *
- * Класс для упрощённого внедрения компонента для работы с иконками
- */
-export class IconInclude<
-  Props extends IconPropsInclude = IconPropsInclude
-> extends IconLiteInclude<Props> {
-  /**
-   * Constructor
-   * @param props input parameter/ входной параметр
-   * @param className class name/ название класса
-   * @param components object for working with components/ объект для работы с компонентами
-   * @param extra additional parameter/ дополнительный параметр
-   * @param turn should the icon be flipped/ надо ли перевернуть иконку
-   * @param dir should the icon be mirrored/ надо ли зеркально отображать иконка
-   * @param start add sorting at the beginning/ добавить сортировку в начале
-   * @param end add sorting at the end/ добавить сортировку в конце
-   */
-  constructor(
-    protected readonly props: Readonly<Props>,
-    protected readonly className: string,
-    protected readonly components?: DesignComponents<IconComponentInclude, Props>,
-    protected readonly extra?: RefOrNormal<ConstrBind<IconPropsBasic>>,
-    protected readonly turn?: RefOrNormal<boolean>,
-    protected readonly dir?: RefOrNormal<boolean>,
-    protected readonly start: RefOrNormal<boolean | undefined> = false,
-    protected readonly end: RefOrNormal<boolean | undefined> = false
-  ) {
-    super(props, className, components, extra)
-  }
-
-  /**
-   * List of properties for the icon component/ Список свойств для компонента иконки
-   */
-  readonly iconBind = computed(() => getBind(
-    this.props.icon,
-    {
-      active: this.props.selected,
-      turn: getRef(this.turn) ?? this.props.iconTurn,
-      hide: this.props.iconHide,
-      asPalette: this.props.iconPalette,
-      animationType: 'type2',
-      dir: getRef(this.dir) ?? this.props.iconDir,
-      start: this.start,
-      end: this.end,
-      ...toBinds(
-        this.getExtra(),
-        this.props.iconAttrs,
-        this.getClasses(this.props.iconAttrs?.class)
-      ),
-      ...this.getEventType()
-    },
-    'icon'
-  ))
-}

package/src/constructors/Icon/IconLiteInclude.ts

@@ -1,121 +0,0 @@
-import { computed, type VNode } from 'vue'
-import {
-  type ConstrBind,
-  type ConstrClass,
-  DesignComponents,
-  getBind,
-  getRef,
-  isFilled,
-  type RefOrNormal
-} from '@dxtmisha/functional'
-
-import type { IconComponentInclude, IconLitePropsInclude } from './basicTypes'
-import type { IconPropsBasic } from './props'
-
-/**
- * Class for simplified integration of the icon-handling component
- *
- * Класс для упрощённого внедрения компонента для работы с иконками
- */
-export class IconLiteInclude<Props extends IconLitePropsInclude = IconLitePropsInclude> {
-  /**
-   * Constructor
-   * @param props input parameter/ входной параметр
-   * @param className class name/ название класса
-   * @param components object for working with components/ объект для работы с компонентами
-   * @param extra additional parameter/ дополнительный параметр
-   */
-  constructor(
-    protected readonly props: Readonly<Props>,
-    protected readonly className: string,
-    protected readonly components?: DesignComponents<IconComponentInclude, Props>,
-    protected readonly extra?: RefOrNormal<ConstrBind<IconPropsBasic>>
-  ) {
-  }
-
-  /**
-   * Checks whether an icon is specified for rendering the component/
-   * Проверяет, указана ли иконка для отображения компонента
-   */
-  readonly isIcon = computed<boolean>(() => Boolean(this.props.icon))
-
-  /**
-   * List of properties for the icon component/ Список свойств для компонента иконки
-   */
-  readonly iconBind = computed(() => getBind(
-    this.props.icon,
-    {
-      ...this.getExtra(),
-      ...this.getClasses(),
-      ...this.getEventType()
-    },
-    'icon'
-  ))
-
-  /**
-   * Render of the Icon component
-   *
-   * Рендер компонента иконка
-   */
-  readonly renderIcon = (): VNode[] => {
-    if (
-      this.components
-      && isFilled(this.props.icon)
-    ) {
-      return this.components.render(
-        'icon',
-        this.iconBind.value
-      )
-    }
-
-    return []
-  }
-
-  /**
-   * Returns an additional property
-   *
-   * Возвращает дополнительное свойство
-   */
-  protected getExtra() {
-    return getRef(this.extra)
-  }
-
-  /**
-   * Returns a list of classes
-   *
-   * Возвращает список классов
-   * @param classesUser list of additional classes/ список дополнительных классов
-   * @param name class name/ название класса
-   */
-  protected getClasses(
-    classesUser?: ConstrClass,
-    name: string = 'icon'
-  ): { class: ConstrClass } {
-    const classes: ConstrClass = [`${this.className}__${name}`]
-    const classesExtra = this.getExtra()?.class
-
-    if (classesExtra) {
-      classes.push(classesExtra)
-    }
-
-    if (classesUser) {
-      classes.push(classesUser)
-    }
-
-    return {
-      class: classes
-    }
-  }
-
-  /**
-   * Returns the type used to determine when an event is triggered
-   *
-   * Возвращает тип для определения при срабатывании события
-   * @param type event type/ тип события
-   */
-  protected getEventType(type: string = 'icon'): Record<string, string> {
-    return {
-      'data-event-type': type
-    }
-  }
-}