@dxtmisha/constructor 0.30.1 → 0.39.3

package/src/constructors/FieldMessage/basicTypes.ts

@@ -1,41 +0,0 @@
-import type { ConstrBind } from '@dxtmisha/functional'
-
-import type { FieldMessagePropsBasic } from './props'
-import type {
-  FieldCounterPropsBasic,
-  FieldCounterPropsInclude
-} from '../FieldCounter'
-
-/**
- * Type describing available slots/ Тип, описывающий доступные слоты
- */
-export type FieldMessageSlot = {
-  message?: string
-  helperMessage?: string
-  validationMessage?: string
-}
-
-/**
- * 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>
-  helperId?: string
-  validationId?: string
-}

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,10 +0,0 @@
-{
-  "padding": {
-    "_type": "var"
-  },
-  "#info": {},
-  "#error": {},
-  "~validation": {
-    "_prop": false
-  }
-}

package/src/constructors/FieldMessage/props.ts

@@ -1,44 +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
-
-  // Technical
-  helperId?: string
-  validationId?: 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/FieldMessage/types.ts

@@ -1,51 +0,0 @@
-import type { ConstrClass } from '@dxtmisha/functional'
-import type { FieldCounterComponentInclude } from '../FieldCounter'
-import type { FieldMessageSlot } from './basicTypes'
-
-/**
- * Interface for describing which components need to be connected for work.
- *
- * Интерфейс для описания, какие компоненты надо подключить для работы.
- */
-export type FieldMessageComponents = FieldCounterComponentInclude
-
-/**
- * Type describing available events.
- *
- * Тип, описывающий доступные события.
- */
-export type FieldMessageEmits = {}
-
-/**
- * Type describing available properties.
- *
- * Тип, описывающий доступные свойства.
- */
-export interface FieldMessageExpose {
-}
-
-/**
- * Type describing available slots.
- *
- * Тип, описывающий доступные слоты.
- */
-export interface FieldMessageSlots {
-  /** Slot for helper message/ Слот для вспомогательного сообщения */
-  helper?(props: FieldMessageSlot): any
-
-  /** Slot for validation message/Слот для сообщения об ошибке */
-  validation?(props: FieldMessageSlot): any
-}
-
-/**
- * Type describing subclasses.
- *
- * Тип, описывающий подклассы.
- */
-export type FieldMessageClasses = {
-  main: ConstrClass
-  // :classes [!] System label / Системная метка
-  info: string
-  error: string
-  // :classes [!] System label / Системная метка
-}

package/src/constructors/Icon/Icon.ts

@@ -1,140 +0,0 @@
-import { computed, type ComputedRef, type Ref, type ToRefs } from 'vue'
-import {
-  type ConstrClassObject,
-  type ConstrEmit,
-  DesignComp,
-  getBindRef
-} from '@dxtmisha/functional'
-
-import { AriaStaticInclude } from '../../classes/AriaStaticInclude'
-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/ функция вызывается, когда срабатывает событие
-   * @param SkeletonIncludeConstructor class for working with Skeleton/ класс для работы с Skeleton
-   */
-  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>,
-    protected readonly SkeletonIncludeConstructor: typeof SkeletonInclude = SkeletonInclude
-  ) {
-    this.iconBind = getBindRef(
-      refs.icon,
-      computed(() => ({
-        key: 'mainIcon',
-        class: `${className}__icon`,
-        turn: this.props.turn,
-        disabled: this.props.disabled,
-        hide: this.isActive.value,
-        onLoad: this.onLoad
-      }))
-    )
-
-    this.iconActiveBind = getBindRef(
-      refs.iconActive,
-      computed(() => ({
-        key: 'activeIcon',
-        class: `${className}__iconActive`,
-        turn: this.props.turn,
-        disabled: this.props.disabled,
-        hide: !this.isActive.value
-      }))
-    )
-
-    this.skeleton = new SkeletonIncludeConstructor(
-      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
-  }))
-
-  /**
-   * Computed bindings for the icon element.
-   *
-   * Вычисляемые привязки для элемента иконки.
-   */
-  readonly binds = computed<any>(() => ({
-    key: 'icon',
-    tabindex: this.props.dynamic ? 0 : undefined,
-    ...AriaStaticInclude.role(this.getRole()),
-    ...AriaStaticInclude.label(this.props.ariaLabel),
-    ...AriaStaticInclude.hidden(!this.props.dynamic)
-  }))
-
-  /**
-   * Get the ARIA role for the icon element.
-   *
-   * Получить ARIA роль для элемента иконки.
-   */
-  protected getRole(): string | undefined {
-    if (this.props.role) {
-      return this.props.role
-    }
-
-    if (this.props.dynamic) {
-      return 'button'
-    }
-
-    return undefined
-  }
-
-  /**
-   * 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,164 +0,0 @@
-import { computed, 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/ список дополнительных параметров
-   * @param ItemConstructor icon item class/ класс элемента иконки
-   */
-  constructor(
-    name: string,
-    props: Readonly<P>,
-    options?: ConstrOptions<COMP, IconEmits, P>,
-    ItemConstructor: typeof Icon = Icon
-  ) {
-    super(
-      name,
-      props,
-      options
-    )
-
-    this.item = new ItemConstructor(
-      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<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.
-   *
-   * Метод для рендеринга.
-   */
-  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.propsMain.value, children)
-  }
-
-  /**
-   * Computed properties for the main element.
-   *
-   * Вычисляемые свойства для главного элемента.
-   */
-  readonly propsMain = computed<any>(() => ({
-    ...this.getAttrs(),
-    ...this.item.binds.value,
-    class: this.classes?.value.main
-  }))
-
-  /**
-   * 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'
-    )
-  }
-}

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
-    }
-  }
-}