@dxtmisha/constructor 0.30.1 → 0.39.3

package/src/constructors/Cell/props.ts

@@ -1,64 +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'
-
-import type { AriaRolePropsInclude } from '../../types/ariaTypes'
-
-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,
-  AriaRolePropsInclude {
-  // 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 { LabelExpose, LabelSlots } from '../../types/labelTypes'
-import type { DescriptionExpose, 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 LabelExpose, DescriptionExpose, 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/ChipInclude.ts

@@ -1,83 +0,0 @@
-import { computed, type VNode } from 'vue'
-import { type ConstrBind, DesignComponents, getBind, getRef, type RefOrNormal, toBinds } from '@dxtmisha/functional'
-
-import type { ChipComponentInclude, ChipPropsInclude } from './basicTypes'
-import type { ChipPropsBasic } from './props'
-
-/**
- * ChipInclude class provides functionality for conditionally rendering chip components
- * within other components. It manages the logic for determining when to display a chip
- * and configures the appropriate properties.
- *
- * Класс ChipInclude предоставляет функциональность для условного рендеринга компонентов
- * чипа внутри других компонентов. Он управляет логикой определения необходимости
- * отображения чипа и настраивает соответствующие свойства.
- *
- * @template Props - Properties interface extending ChipPropsInclude
- */
-export class ChipInclude<Props extends ChipPropsInclude = ChipPropsInclude> {
-  /**
-   * Constructor
-   * @param props input parameter/ входной параметр
-   * @param className class name/ название класса
-   * @param components object for working with components/ объект для работы с компонентами
-   * @param extra additional parameter/ дополнительный параметр
-   * @param index index identifier/ идентификатор индекса
-   */
-  constructor(
-    protected readonly props: Readonly<Props>,
-    protected readonly className: string,
-    protected readonly components?: DesignComponents<ChipComponentInclude, Props>,
-    protected readonly extra?: RefOrNormal<ConstrBind<ChipPropsBasic>>,
-    protected readonly index?: string
-  ) {
-  }
-
-  /**
-   * Computed bindings for the chip/ Вычисляемые привязки для чипа
-   */
-  readonly binds = computed(
-    () => toBinds(
-      this.props.chipAttrs,
-      getBind(
-        getRef(this.props),
-        getRef(this.extra),
-        'label'
-      )
-    )
-  )
-
-  /**
-   * Renders the chip component with provided properties and configuration.
-   * Returns an array of VNode elements representing the rendered chip, or an empty
-   * array if the component cannot be rendered.
-   *
-   * Отрисовывает компонент чипа с предоставленными свойствами и конфигурацией.
-   * Возвращает массив VNode элементов, представляющих отрисованный чип, или пустой
-   * массив, если компонент не может быть отрисован.
-   *
-   * @param props additional properties/ дополнительные свойства
-   */
-  readonly render = (props?: RefOrNormal<ConstrBind<ChipPropsBasic>>): VNode[] => {
-    if (
-      this.components
-      && (
-        ('label' in this.binds.value)
-        || ('icon' in this.binds.value)
-        || ('iconTrailing' in this.binds.value)
-      )
-    ) {
-      return this.components.render(
-        'chip',
-        {
-          ...this.binds.value,
-          ...getRef(props)
-        },
-        undefined,
-        this.index ?? 'chip'
-      )
-    }
-
-    return []
-  }
-}

package/src/constructors/Chip/basicTypes.ts

@@ -1,12 +0,0 @@
-import type { ConstrBind } from '@dxtmisha/functional'
-import type { ChipPropsBasic } from './props'
-
-export type ChipComponentInclude = {
-  chip?: object
-}
-
-export interface ChipPropsInclude<
-  Chip extends ChipPropsBasic = ChipPropsBasic
-> {
-  chipAttrs?: ConstrBind<Chip>
-}

package/src/constructors/Chip/index.ts

@@ -1,6 +0,0 @@
-export * from './Chip'
-export * from './ChipDesign'
-export * from './ChipInclude'
-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/Chip/types.ts

@@ -1,53 +0,0 @@
-import type { ConstrClass } from '@dxtmisha/functional'
-
-import type {
-  ButtonComponents,
-  ButtonEmits,
-  ButtonExpose,
-  ButtonSlots
-} from '../Button'
-
-/**
- * Interface for describing which components need to be connected for work.
- *
- * Интерфейс для описания, какие компоненты надо подключить для работы.
- */
-export type ChipComponents = ButtonComponents
-
-/**
- * Type describing available events.
- *
- * Тип, описывающий доступные события.
- */
-export type ChipEmits = ButtonEmits
-
-/**
- * Type describing available properties.
- *
- * Тип, описывающий доступные свойства.
- */
-export interface ChipExpose extends ButtonExpose {
-}
-
-/**
- * Type describing available slots.
- *
- * Тип, описывающий доступные слоты.
- */
-export interface ChipSlots extends ButtonSlots {
-}
-
-/**
- * Type describing subclasses.
- *
- * Тип, описывающий подклассы.
- */
-export type ChipClasses = {
-  main: ConstrClass
-  // :classes [!] System label / Системная метка
-  label: string
-  icon: string
-  trailing: string
-  loading: string
-  // :classes [!] System label / Системная метка
-}

package/src/constructors/ChipGroup/ChipGroup.ts

@@ -1,74 +0,0 @@
-import { type Ref, type ToRefs } from 'vue'
-import {
-  type ConstrEmit,
-  DesignComp,
-  ListDataRef,
-  type ListList,
-  type ListSelectedList
-} from '@dxtmisha/functional'
-
-import { EventClickInclude } from '../../classes/EventClickInclude'
-import { ModelValueInclude } from '../../classes/ModelValueInclude'
-
-import type { ChipGroupComponents, ChipGroupEmits, ChipGroupSlots } from './types'
-import type { ChipGroupProps } from './props'
-
-/**
- * ChipGroup
- */
-export class ChipGroup {
-  readonly data: ListDataRef
-  readonly event: EventClickInclude
-  readonly model: ModelValueInclude<ListSelectedList>
-
-  /**
-   * 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: ChipGroupProps,
-    protected readonly refs: ToRefs<ChipGroupProps>,
-    protected readonly element: Ref<HTMLElement | undefined>,
-    protected readonly classDesign: string,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<ChipGroupComponents, ChipGroupProps>,
-    protected readonly slots?: ChipGroupSlots,
-    protected readonly emits?: ConstrEmit<ChipGroupEmits>
-  ) {
-    this.event = new EventClickInclude(undefined, undefined, this.emits)
-    this.model = new ModelValueInclude<ListSelectedList>(
-      'selected',
-      this.emits,
-      this.event,
-      this.refs.selected,
-      this.refs.readonly
-    )
-
-    this.data = new ListDataRef(
-      this.refs.list,
-      undefined,
-      undefined,
-      undefined,
-      undefined,
-      this.model.value,
-      this.refs.keyValue,
-      this.refs.keyLabel
-    )
-  }
-
-  /**
-   * Get list of items.
-   *
-   * Получить список элементов.
-   */
-  getList(): ListList {
-    return this.data.fullData.value
-  }
-}

package/src/constructors/ChipGroup/ChipGroupDesign.tsx

@@ -1,162 +0,0 @@
-import { h, type VNode } from 'vue'
-import {
-  type ConstrOptions,
-  type ConstrStyles,
-  DesignConstructorAbstract,
-  forEach,
-  toBinds
-} from '@dxtmisha/functional'
-
-import { ChipGroup } from './ChipGroup'
-
-import type { ChipGroupItem } from './basicTypes'
-import {
-  type ChipGroupPropsBasic
-} from './props'
-import {
-  type ChipGroupClasses,
-  type ChipGroupComponents,
-  type ChipGroupEmits,
-  type ChipGroupExpose,
-  type ChipGroupSlots
-} from './types'
-
-/**
- * ChipGroupDesign
- */
-export class ChipGroupDesign<
-  COMP extends ChipGroupComponents,
-  EXPOSE extends ChipGroupExpose,
-  CLASSES extends ChipGroupClasses,
-  P extends ChipGroupPropsBasic
-> extends DesignConstructorAbstract<
-    HTMLDivElement,
-    COMP,
-    ChipGroupEmits,
-    EXPOSE,
-    ChipGroupSlots,
-    CLASSES,
-    P
-  > {
-  protected readonly item: ChipGroup
-
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   */
-  constructor(
-    name: string,
-    props: Readonly<P>,
-    options?: ConstrOptions<COMP, ChipGroupEmits, P>
-  ) {
-    super(
-      name,
-      props,
-      options
-    )
-
-    this.item = new ChipGroup(
-      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: {},
-      ...{
-        // :classes [!] System label / Системная метка
-        item: this.getSubClass('item')
-        // :classes [!] System label / Системная метка
-      }
-    } as Partial<CLASSES>
-  }
-
-  /**
-   * Refinement of the received list of styles.
-   *
-   * Доработка полученного списка стилей.
-   */
-  protected initStyles(): ConstrStyles {
-    return {}
-  }
-
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  protected initRender(): VNode {
-    const children: any[] = this.renderList()
-
-    this.initSlot('default', children)
-
-    return h(
-      'div',
-      {
-        ...this.getAttrs(),
-        class: this.classes?.value.main
-      },
-      children
-    )
-  }
-
-  /**
-   * List rendering.
-   *
-   * Рендеринг списка.
-   */
-  protected readonly renderList = (): VNode[] => {
-    return forEach(
-      this.item.getList(),
-      item => this.renderItem(item)
-    ) as VNode[]
-  }
-
-  /**
-   * Element rendering.
-   *
-   * Рендеринг элемента.
-   * @param item selected element/ выбранный элемент
-   */
-  protected readonly renderItem = (item: ChipGroupItem): VNode | undefined => {
-    return this.components.renderOne(
-      'chip',
-      toBinds(
-        {
-          class: this.classes?.value.item,
-          iconHide: this.props.iconWhenSelected && !item.selected,
-          onClick: this.item.model.onClick
-        },
-        this.props.chipAttrs,
-        item
-      ),
-      undefined,
-      item.index
-    )
-  }
-}

package/src/constructors/ChipGroup/basicTypes.ts

@@ -1,6 +0,0 @@
-import type { ConstrBind, ListListInput } from '@dxtmisha/functional'
-import type { ChipPropsBasic } from '../Chip'
-
-export type ChipGroupData<Chip extends ChipPropsBasic = ChipPropsBasic> = ListListInput<Chip>
-export type ChipGroupItem<Chip extends ChipPropsBasic = ChipPropsBasic> = ConstrBind<Chip>
-export type ChipGroupList<Chip extends ChipPropsBasic = ChipPropsBasic> = ChipGroupItem<Chip>[]

package/src/constructors/ChipGroup/index.ts

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

package/src/constructors/ChipGroup/properties.json

@@ -1,3 +0,0 @@
-{
-  "#item": {}
-}