@dxtmisha/constructor 0.23.0 → 0.39.3

package/src/constructors/Cell/CellDesign.tsx

@@ -1,203 +0,0 @@
-import { h, type VNode } from 'vue'
-import {
-  type ConstrOptions,
-  type ConstrStyles,
-  DesignConstructorAbstract
-} from '@dxtmisha/functional'
-
-import { Cell } from './Cell'
-
-import {
-  type CellPropsBasic
-} from './props'
-import {
-  type CellClasses,
-  type CellComponents,
-  type CellEmits,
-  type CellExpose,
-  type CellSlots
-} from './types'
-
-/**
- * CellDesign
- */
-export class CellDesign<
-  COMP extends CellComponents,
-  EXPOSE extends CellExpose,
-  CLASSES extends CellClasses,
-  P extends CellPropsBasic
-> extends DesignConstructorAbstract<
-  HTMLDivElement,
-  COMP,
-  CellEmits,
-  EXPOSE,
-  CellSlots,
-  CLASSES,
-  P
-> {
-  protected readonly item: Cell
-
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   */
-  constructor(
-    name: string,
-    props: Readonly<P>,
-    options?: ConstrOptions<COMP, CellEmits, P>
-  ) {
-    super(
-      name,
-      props,
-      options
-    )
-
-    this.item = new Cell(
-      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 {
-      ...this.item.event.expose
-    } as EXPOSE
-  }
-
-  /**
-   * Improvement of the obtained list of classes.
-   *
-   * Доработка полученного списка классов.
-   */
-  protected initClasses(): Partial<CLASSES> {
-    return {
-      main: this.item.classes.value,
-      ...{
-        // :classes [!] System label / Системная метка
-        context: this.getSubClass('context'),
-        contextTrailing: this.getSubClass('contextTrailing'),
-        label: this.getSubClass('label'),
-        description: this.getSubClass('description'),
-        caption: this.getSubClass('caption'),
-        icon: this.getSubClass('icon'),
-        trailing: this.getSubClass('trailing'),
-        body: this.getSubClass('body'),
-        loading: this.getSubClass('loading')
-        // :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 h(
-      this.props.tag ?? 'div',
-      {
-        ...this.getAttrs(),
-        'class': this.classes?.value.main,
-        'data-value': this.props.value,
-        'data-divider': this.props.divider ? 'active' : undefined,
-        'onClick': this.item.event.onClick
-      },
-      [
-        ...this.item.icon.render(),
-        ...this.renderContext(),
-        ...this.renderTrailing(),
-        ...this.renderBody(),
-        ...this.item.ripple.render(),
-        ...this.item.progress.render()
-      ]
-    )
-  }
-
-  /**
-   * Generates text elements.
-   *
-   * Генерирует элементы текста.
-   */
-  protected renderContext = (): VNode[] => {
-    return [
-      h(
-        'div',
-        { class: this.classes?.value.context },
-        [
-          ...this.item.label.render(),
-          ...this.item.caption.render(),
-          ...this.item.description.render()
-        ]
-      )
-    ]
-  }
-
-  /**
-   * Generates a slot for elements on the right.
-   *
-   * Генерирует слот для элементов справа.
-   */
-  protected renderTrailing = (): VNode[] => {
-    if (
-      this.slots
-      && 'trailing' in this.slots
-    ) {
-      return [
-        h(
-          'div',
-          { class: this.classes?.value.contextTrailing },
-          this.initSlot('trailing', undefined, this.item.getClassesSub())
-        )
-      ]
-    }
-
-    return []
-  }
-
-  /**
-   * Generates a slot for elements on the right.
-   *
-   * Генерирует слот для элементов справа.
-   */
-  protected renderBody = (): VNode[] => {
-    if (
-      this.slots
-      && 'body' in this.slots
-    ) {
-      return [
-        h(
-          'div',
-          { class: this.classes?.value.body },
-          this.initSlot('body', undefined, this.item.getClassesSub())
-        )
-      ]
-    }
-
-    return []
-  }
-}

package/src/constructors/Cell/basicTypes.ts

@@ -1,6 +0,0 @@
-export type CellClassesSub = {
-  label: string
-  description: string
-  caption: string
-  trailing: string
-}

package/src/constructors/Cell/index.ts

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

package/src/constructors/Cell/properties.json

@@ -1,52 +0,0 @@
-{
-  "border-width": {
-    "_type": "var"
-  },
-  "border-color": {
-    "_type": "var"
-  },
-  "transition-property": "background-color, background-image, border, box-shadow",
-  "transition-duration": "{d.sys.transitionDuration.fade.enter}",
-  "transition-function": "{d.sys.transitionFunction.standard}",
-  "#context": {},
-  "#contextTrailing": {},
-  "#label": {},
-  "#description": {},
-  "#caption": {},
-  "#icon": {},
-  "#trailing": {},
-  "#body": {},
-  "#loading": {},
-  "~focus": {},
-  "~selected": {},
-  "~readonly": {},
-  "~disabled": {},
-  "~dynamic": {},
-  "~dynamicHover": {},
-  "~divider": {
-    "_default": true
-  },
-  "~dividerLabel": {
-    "~always": {
-      "#context": {
-        "border-bottom-style": "solid",
-        "border-bottom-width": "{??borderWidth}",
-        "border-color": "{'??borderColor}"
-      }
-    },
-    "group|adaptive": {
-      "link|adaptive-dividerLabel": "{??dividerLabel.always}",
-      "_type": "media-max-group"
-    },
-    "group|container": {
-      "link|adaptive-dividerLabel": "{??dividerLabel.always}",
-      "_type": "container-max-group"
-    },
-    "none": {}
-  },
-  "~iconTop": {
-    "#icon": {
-      "align-self": "start"
-    }
-  }
-}

package/src/constructors/Cell/props.ts

@@ -1,61 +0,0 @@
-import type { LabelProps } from '../../types/labelTypes'
-import type { DescriptionProps } from '../../types/descriptionTypes'
-import type { CaptionProps } from '../../types/captionTypes'
-import type { EnabledProps } from '../../types/enabledTypes'
-import type { SkeletonPropsInclude } from '../Skeleton'
-import type { EventClickProps } from '../../types/eventClickTypes'
-
-import type { IconPropsBasic, IconTrailingPropsInclude } from '../Icon'
-import type { ProgressPropsBasic, ProgressPropsInclude } from '../Progress'
-
-interface CellPropsToken {
-  // :type [!] System label / Системная метка
-  focus?: boolean
-  selected?: boolean
-  readonly?: boolean
-  disabled?: boolean
-  dynamic?: boolean
-  dynamicHover?: boolean
-  divider?: boolean
-  dividerLabel?: 'always' | 'none'
-  iconTop?: boolean
-  // :type [!] System label / Системная метка
-}
-
-export interface CellPropsBasic<
-  Icon extends IconPropsBasic = IconPropsBasic,
-  Progress extends ProgressPropsBasic = ProgressPropsBasic
-> extends LabelProps,
-  DescriptionProps,
-  CaptionProps,
-  EnabledProps,
-  IconTrailingPropsInclude<Icon>,
-  ProgressPropsInclude<Progress>,
-  SkeletonPropsInclude,
-  EventClickProps {
-  // Style
-  tag?: string
-  divider?: boolean
-}
-
-/**
- * Type describing incoming properties.
- *
- * Тип, описывающий входящие свойства.
- */
-export interface CellProps extends CellPropsBasic, CellPropsToken {
-}
-
-/**
- * Default value for property.
- *
- * Значение по умолчанию для свойства.
- */
-export const defaultsCell = {
-  tag: 'div',
-  ...{
-    // :default [!] System label / Системная метка
-    divider: true
-    // :default [!] System label / Системная метка
-  }
-}

package/src/constructors/Cell/types.ts

@@ -1,68 +0,0 @@
-import type { ConstrClass } from '@dxtmisha/functional'
-
-import type { IconComponentInclude } from '../Icon'
-import type { ProgressComponentInclude } from '../Progress'
-import type { RippleComponentsInclude } from '../Ripple'
-
-import type { EventClickEmits, EventClickExpose } from '../../types/eventClickTypes'
-import type { LabelSlots } from '../../types/labelTypes'
-import type { DescriptionSlots } from '../../types/descriptionTypes'
-import type { CaptionSlots } from '../../types/captionTypes'
-
-import type { CellClassesSub } from './basicTypes'
-
-/**
- * Interface for describing which components need to be connected for work.
- *
- * Интерфейс для описания, какие компоненты надо подключить для работы.
- */
-export type CellComponents
-  = IconComponentInclude
-    & ProgressComponentInclude
-    & RippleComponentsInclude
-
-/**
- * Type describing available events.
- *
- * Тип, описывающий доступные события.
- */
-export type CellEmits = EventClickEmits
-
-/**
- * Type describing available properties.
- *
- * Тип, описывающий доступные свойства.
- */
-export interface CellExpose extends EventClickExpose {
-}
-
-/**
- * Type describing available slots.
- *
- * Тип, описывающий доступные слоты.
- */
-export interface CellSlots extends LabelSlots, DescriptionSlots, CaptionSlots {
-  trailing?(props: CellClassesSub): any
-
-  body?(props: CellClassesSub): any
-}
-
-/**
- * Type describing subclasses.
- *
- * Тип, описывающий подклассы.
- */
-export type CellClasses = {
-  main: ConstrClass
-  // :classes [!] System label / Системная метка
-  context: string
-  contextTrailing: string
-  label: string
-  description: string
-  caption: string
-  icon: string
-  trailing: string
-  body: string
-  loading: string
-  // :classes [!] System label / Системная метка
-}

package/src/constructors/Chip/Chip.ts

@@ -1,33 +0,0 @@
-import type { Ref, ToRefs } from 'vue'
-import { type ConstrEmit, DesignComp } from '@dxtmisha/functional'
-
-import type { ChipComponents, ChipEmits, ChipSlots } from './types'
-import type { ChipPropsBasic } from './props'
-
-/**
- * Chip
- */
-export class Chip {
-  /**
-   * 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: ChipPropsBasic,
-    protected readonly refs: ToRefs<ChipPropsBasic>,
-    protected readonly element: Ref<HTMLElement | undefined>,
-    protected readonly classDesign: string,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<ChipComponents, ChipPropsBasic>,
-    protected readonly slots?: ChipSlots,
-    protected readonly emits?: ConstrEmit<ChipEmits>
-  ) {
-  }
-}

package/src/constructors/Chip/ChipDesign.tsx

@@ -1,26 +0,0 @@
-import { ButtonDesign } from '../Button'
-
-import {
-  type ChipPropsBasic
-} from './props'
-import {
-  type ChipClasses,
-  type ChipComponents,
-  type ChipExpose
-} from './types'
-
-/**
- * ChipDesign
- */
-export class ChipDesign<
-  COMP extends ChipComponents,
-  EXPOSE extends ChipExpose,
-  CLASSES extends ChipClasses,
-  P extends ChipPropsBasic
-> extends ButtonDesign<
-  COMP,
-  EXPOSE,
-  CLASSES,
-  P
-> {
-}

package/src/constructors/Chip/index.ts

@@ -1,4 +0,0 @@
-export * from './ChipDesign'
-export * from './props'
-export * from './types'
-export * from './basicTypes'

package/src/constructors/Chip/properties.json

@@ -1,3 +0,0 @@
-{
-  "link|button": "{d.button}"
-}

package/src/constructors/Chip/props.ts

@@ -1,44 +0,0 @@
-import type { IconPropsBasic } from '../Icon'
-import type { ProgressPropsBasic } from '../Progress'
-import type { ButtonPropsBasic } from '../Button'
-
-interface ChipPropsToken {
-  // :type [!] System label / Системная метка
-  focus?: boolean
-  disabled?: boolean
-  selected?: boolean
-  readonly?: boolean
-  adaptive?: 'iconAlways' | 'block' | 'auto'
-  container?: boolean
-  inverse?: boolean
-  grid?: boolean
-  textAlign?: 'left' | 'center' | 'right'
-  // :type [!] System label / Системная метка
-}
-
-export interface ChipPropsBasic<
-  Icon extends IconPropsBasic = IconPropsBasic,
-  Progress extends ProgressPropsBasic = ProgressPropsBasic
-> extends ButtonPropsBasic<Icon, Progress> {
-}
-
-/**
- * Type describing incoming properties.
- *
- * Тип, описывающий входящие свойства.
- */
-export interface ChipProps extends ChipPropsBasic, ChipPropsToken {
-}
-
-/**
- * Default value for property.
- *
- * Значение по умолчанию для свойства.
- */
-export const defaultsChip = {
-  tag: 'span',
-  ...{
-    // :default [!] System label / Системная метка
-    // :default [!] System label / Системная метка
-  }
-}

package/src/constructors/Field/Field.ts

@@ -1,147 +0,0 @@
-import { computed, type Ref, type ToRefs } from 'vue'
-import { type ConstrEmit, DesignComp, getElementId } from '@dxtmisha/functional'
-
-import { CaptionInclude } from '../../classes/CaptionInclude'
-import { PrefixInclude } from '../../classes/PrefixInclude'
-import { SuffixInclude } from '../../classes/SuffixInclude'
-import { EnabledInclude } from '../../classes/EnabledInclude'
-import { EventClickInclude } from '../../classes/EventClickInclude'
-
-import { IconTrailingInclude } from '../Icon'
-import { FieldLabelInclude } from '../FieldLabel'
-import { FieldMessageInclude } from '../FieldMessage'
-import { ProgressInclude } from '../Progress'
-import { SkeletonInclude } from '../Skeleton'
-
-import { FieldIcons } from './FieldIcons'
-import { FieldSize } from './FieldSize'
-
-import type { FieldComponents, FieldEmits, FieldSlots } from './types'
-import type { FieldProps } from './props'
-import type { FieldControl } from './basicTypes'
-
-/**
- * Field
- */
-export class Field {
-  readonly icon: IconTrailingInclude
-
-  readonly caption: CaptionInclude
-  readonly prefix: PrefixInclude
-  readonly suffix: SuffixInclude
-
-  readonly fieldLabel: FieldLabelInclude
-  readonly fieldMessage: FieldMessageInclude
-
-  readonly progress: ProgressInclude
-  readonly enabled: EnabledInclude
-  readonly event: EventClickInclude
-  readonly skeleton: SkeletonInclude
-
-  readonly icons: FieldIcons
-  readonly size: FieldSize
-
-  /**
-   * 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: FieldProps,
-    protected readonly refs: ToRefs<FieldProps>,
-    protected readonly element: Ref<HTMLLabelElement | undefined>,
-    protected readonly classDesign: string,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<FieldComponents, FieldProps>,
-    protected readonly slots?: FieldSlots,
-    protected readonly emits?: ConstrEmit<FieldEmits>
-  ) {
-    this.icon = new IconTrailingInclude(this.props, this.className, this.components)
-
-    this.caption = new CaptionInclude(this.props, this.className, this.slots)
-    this.prefix = new PrefixInclude(this.props, this.className, this.slots)
-    this.suffix = new SuffixInclude(this.props, this.className, this.slots)
-
-    this.fieldLabel = new FieldLabelInclude(
-      this.props,
-      this.className,
-      this.components,
-      this.slots,
-      this.refs.counterTop,
-      this.propsSkeleton
-    )
-    this.fieldMessage = new FieldMessageInclude(
-      this.props,
-      this.className,
-      this.components,
-      undefined,
-      computed(() => !this.props.counterTop),
-      this.propsSkeleton
-    )
-
-    this.progress = new ProgressInclude(
-      this.props,
-      this.className,
-      this.components,
-      {
-        circular: true,
-        position: 'static',
-        dense: true
-      }
-    )
-
-    this.enabled = new EnabledInclude(this.props, this.progress)
-    this.event = new EventClickInclude(this.props, this.enabled, this.emits)
-    this.skeleton = new SkeletonInclude(
-      this.props,
-      this.classDesign,
-      ['classBackground']
-    )
-
-    this.icons = new FieldIcons(this.props, this.className)
-    this.size = new FieldSize(this.element, this.className)
-  }
-
-  /** Checks if an error needs to be displayed/ Проверяет, надо ли выводить ошибку */
-  readonly isValidation = computed<boolean>(() => Boolean(
-    this.props.validationMessage
-    && (
-      this.props.forceShowMessage
-      || (
-        !this.props.readonly
-        && !this.props.disabled
-      )
-    )
-  ))
-
-  /** Values for the class/ Значения для класса */
-  readonly classes = computed(() => ({
-    [`${this.className}--cancel`]: this.icons.isCancel.value,
-    [`${this.className}--suffix`]: this.props.suffix,
-    [`${this.className}--validation`]: this.isValidation.value
-  }))
-
-  /**
-   * Returns data for the slot.
-   *
-   * Возвращает данные для слота
-   */
-  getControl(): FieldControl {
-    return {
-      id: getElementId(),
-      className: `${this.className}__body__input ${this.skeleton.classesSkeleton.classText}`,
-      classHidden: `${this.className}__body__hidden`
-    }
-  }
-
-  /** Values for the skeleton/ Значения для скелетона */
-  protected readonly propsSkeleton = computed(() => ({
-    isSkeleton: this.props.isSkeleton
-  }))
-}