@dxtmisha/constructor 0.23.0 → 0.39.3

package/src/constructors/Field/basicTypes.ts

@@ -1,90 +0,0 @@
-import type { ConstrBind } from '@dxtmisha/functional'
-
-import type { IconPropsBasic } from '../Icon'
-import type { FieldMessagePropsBasic } from '../FieldMessage'
-import type { FieldLabelPropsBasic } from '../FieldLabel'
-import type { FieldCounterPropsBasic } from '../FieldCounter'
-import type { ProgressPropsBasic } from '../Progress'
-
-import type { FieldPropsBasic } from './props'
-import type { FieldSlots } from './types'
-
-/**
- * Control data passed to slots and subcomponents/
- * Данные управления, передаваемые в слоты и под-компоненты
- */
-export type FieldControl = {
-  /**
-   * Unique element identifier for binding label and input/
-   * Уникальный идентификатор элемента для связывания label и input
-   */
-  id: string
-  /**
-   * CSS classes for the visible input area/
-   * CSS-классы для видимой зоны ввода
-   */
-  className: string
-  /**
-   * CSS classes for the hidden native input element/
-   * CSS-классы для скрытого нативного элемента ввода
-   */
-  classHidden: string
-}
-
-/**
- * Interface for describing which components need to be connected for Field work/
- * Интерфейс для описания, какие компоненты надо подключить для работы Field
- */
-export type FieldComponentInclude = {
-  field: object
-}
-
-/**
- * Type describing available slots for Field/
- * Тип, описывающий доступные слоты для Field
- */
-export interface FieldSlotsInclude extends Omit<FieldSlots, 'default'> {
-}
-
-/**
- * Properties that can be passed to FieldInclude/
- * Свойства, которые можно передать в FieldInclude
- */
-export interface FieldPropsInclude<
-  Icon extends IconPropsBasic = IconPropsBasic,
-  Field extends FieldPropsBasic = FieldPropsBasic,
-  FieldLabel extends FieldLabelPropsBasic = FieldLabelPropsBasic,
-  FieldMessage extends FieldMessagePropsBasic = FieldMessagePropsBasic,
-  FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic,
-  Progress extends ProgressPropsBasic = ProgressPropsBasic
-> extends Omit<
-  FieldPropsBasic<Icon, FieldLabel, FieldMessage, FieldCounter, Progress>,
-  // Status
-  'disabledPrevious'
-  | 'disabledNext'
-
-  // Value
-  | 'to'
-  | 'value'
-  | 'maxlength'
-
-  // Style
-  | 'counter'
-  | 'counterTemplate'
-  | 'counterTop'
-  | 'iconArrowLeft'
-  | 'iconArrowRight'
-  | 'iconPlus'
-  | 'iconMinus'
-  | 'iconClose'
-> {
-  // Status
-  focus?: boolean
-  selected?: boolean
-  readonly?: boolean
-  disabled?: boolean
-
-  // Style
-  cancel?: 'auto' | 'always'
-  fieldAttrs?: ConstrBind<Field>
-}

package/src/constructors/Field/index.ts

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

package/src/constructors/Field/properties.json

@@ -1,86 +0,0 @@
-{
-  "padding": {
-    "_type": "var"
-  },
-  "space": {
-    "_type": "var"
-  },
-  "height": {
-    "_type": "var"
-  },
-  "border-width": {
-    "_type": "var"
-  },
-  "border-color": {
-    "_type": "var"
-  },
-  "border-opacity": {
-    "_type": "var"
-  },
-  "border-radius": {
-    "_type": "var"
-  },
-  "focusWithin": {
-    "_type": "var"
-  },
-  "validation": {
-    "_type": "var"
-  },
-  "#body": {
-    "#input": {},
-    "#title": {
-      "#label": {
-        "#text": {}
-      }
-    },
-    "#scoreboard": {
-      "#left": {},
-      "#right": {},
-      "#space": {},
-      "#input": {}
-    },
-    "#border": {}
-  },
-  "#required": {},
-  "focus": {},
-  "active": {},
-  "~selected": {},
-  "readonly": {},
-  "disabled": {},
-  "~block": {},
-  "~isValue": {},
-  "~basic": {
-    "_category": "style"
-  },
-  "~boxed": {
-    "_category": "style"
-  },
-  "~tonal": {
-    "_category": "style"
-  },
-  "~filled": {
-    "_category": "style"
-  },
-  "~outlined": {
-    "_category": "style"
-  },
-  "~classic": {
-    "_category": "style"
-  },
-  "~arrowCarousel": {},
-  "~arrowStepper": {},
-  "~cancel": {
-    "~auto": {},
-    "~always": {},
-    "_default": "auto"
-  },
-  "~align": {
-    "~center": {},
-    "~right": {},
-    "~left": {},
-    "_default": "center"
-  },
-  "~width": {
-    "_style": true
-  }
-}

package/src/constructors/Field/props.ts

@@ -1,88 +0,0 @@
-import type { PrefixProps } from '../../types/prefixTypes'
-import type { SuffixProps } from '../../types/suffixTypes'
-import type { CaptionProps } from '../../types/captionTypes'
-import type { EnabledProps } from '../../types/enabledTypes'
-import type { EventClickProps } from '../../types/eventClickTypes'
-
-import type { IconPropsBasic, IconTrailingPropsInclude, IconValue } from '../Icon'
-import type { ProgressPropsBasic, ProgressPropsInclude } from '../Progress'
-import type { FieldLabelPropsBasic, FieldLabelPropsInclude } from '../FieldLabel'
-import type { FieldCounterPropsBasic } from '../FieldCounter'
-import type { FieldMessagePropsBasic, FieldMessagePropsInclude } from '../FieldMessage'
-import type { SkeletonPropsInclude } from '../Skeleton'
-
-interface FieldPropsToken {
-  // :type [!] System label / Системная метка
-  focus?: boolean
-  disabled?: boolean
-  selected?: boolean
-  readonly?: boolean
-  block?: boolean
-  isValue?: boolean
-  basic?: boolean
-  boxed?: boolean
-  tonal?: boolean
-  filled?: boolean
-  outlined?: boolean
-  classic?: boolean
-  arrowCarousel?: boolean
-  arrowStepper?: boolean
-  cancel?: 'auto' | 'always'
-  align?: 'center' | 'right' | 'left'
-  width?: string | 'custom'
-  // :type [!] System label / Системная метка
-}
-
-export interface FieldPropsBasic<
-  Icon extends IconPropsBasic = IconPropsBasic,
-  FieldLabel extends FieldLabelPropsBasic = FieldLabelPropsBasic,
-  FieldMessage extends FieldMessagePropsBasic = FieldMessagePropsBasic,
-  FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic,
-  Progress extends ProgressPropsBasic = ProgressPropsBasic
-> extends IconTrailingPropsInclude<Icon>,
-  PrefixProps,
-  SuffixProps,
-  CaptionProps,
-  FieldLabelPropsInclude<FieldLabel, FieldCounter>,
-  FieldMessagePropsInclude<FieldMessage, FieldCounter>,
-  ProgressPropsInclude<Progress>,
-  EnabledProps,
-  EventClickProps,
-  SkeletonPropsInclude {
-  // Status
-  disabledPrevious?: boolean
-  disabledNext?: boolean
-
-  // Style
-  counterTop?: boolean
-
-  cancelShow?: boolean
-
-  iconArrowLeft?: IconValue<Icon>
-  iconArrowRight?: IconValue<Icon>
-  iconPlus?: IconValue<Icon>
-  iconMinus?: IconValue<Icon>
-  iconClose?: IconValue<Icon>
-}
-
-/**
- * Type describing incoming properties.
- *
- * Тип, описывающий входящие свойства.
- */
-export interface FieldProps extends FieldPropsBasic, FieldPropsToken {
-}
-
-/**
- * Default value for property.
- *
- * Значение по умолчанию для свойства.
- */
-export const defaultsField = {
-  ...{
-    // :default [!] System label / Системная метка
-    cancel: 'auto',
-    align: 'center'
-    // :default [!] System label / Системная метка
-  }
-}

package/src/constructors/Field/types.ts

@@ -1,78 +0,0 @@
-import type { ConstrClass } from '@dxtmisha/functional'
-
-import type { CaptionSlots } from '../../types/captionTypes'
-import type { PrefixSlots } from '../../types/prefixTypes'
-import type { SuffixSlots } from '../../types/suffixTypes'
-import type { EventClickEmits } from '../../types/eventClickTypes'
-
-import type { IconComponentInclude } from '../Icon'
-import type { FieldLabelComponentInclude, FieldLabelSlotsInclude } from '../FieldLabel'
-import type { FieldMessageComponentInclude } from '../FieldMessage'
-import type { ProgressComponentInclude } from '../Progress'
-
-import type { FieldControl } from './basicTypes'
-
-/**
- * Interface for describing which components need to be connected for work.
- *
- * Интерфейс для описания, какие компоненты надо подключить для работы.
- */
-export type FieldComponents
-  = IconComponentInclude
-    & FieldLabelComponentInclude
-    & FieldMessageComponentInclude
-    & ProgressComponentInclude
-
-/**
- * Type describing available events.
- *
- * Тип, описывающий доступные события.
- */
-export type FieldEmits = EventClickEmits
-
-/**
- * Type describing available properties.
- *
- * Тип, описывающий доступные свойства.
- */
-export interface FieldExpose {
-}
-
-/**
- * Type describing available slots.
- *
- * Тип, описывающий доступные слоты.
- */
-export interface FieldSlots extends CaptionSlots,
-  PrefixSlots,
-  SuffixSlots,
-  FieldLabelSlotsInclude {
-  leading?(props: FieldControl): any
-
-  trailing?(props: FieldControl): any
-
-  default?(props: FieldControl): any
-}
-
-/**
- * Type describing subclasses.
- *
- * Тип, описывающий подклассы.
- */
-export type FieldClasses = {
-  main: ConstrClass
-  // :classes [!] System label / Системная метка
-  body: string
-  bodyInput: string
-  bodyTitle: string
-  bodyTitleLabel: string
-  bodyTitleLabelText: string
-  bodyScoreboard: string
-  bodyScoreboardLeft: string
-  bodyScoreboardRight: string
-  bodyScoreboardSpace: string
-  bodyScoreboardInput: string
-  bodyBorder: string
-  required: string
-  // :classes [!] System label / Системная метка
-}

package/src/constructors/FieldCounter/FieldCounter.ts

@@ -1,75 +0,0 @@
-import { computed, type Ref, type ToRefs } from 'vue'
-import { type ConstrEmit, DesignComp, isFilled, toNumber } from '@dxtmisha/functional'
-
-import type { FieldCounterComponents, FieldCounterEmits, FieldCounterSlots } from './types'
-import type { FieldCounterProps } from './props'
-
-/**
- * FieldCounter
- */
-export class FieldCounter {
-  /**
-   * 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: FieldCounterProps,
-    protected readonly refs: ToRefs<FieldCounterProps>,
-    protected readonly element: Ref<HTMLElement | undefined>,
-    protected readonly classDesign: string,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<FieldCounterComponents, FieldCounterProps>,
-    protected readonly slots?: FieldCounterSlots,
-    protected readonly emits?: ConstrEmit<FieldCounterEmits>
-  ) {
-  }
-
-  /** Checks if it is necessary to display the number of input characters/ Проверяет, надо ли выводить количество вводимых символов */
-  readonly is = computed<boolean>(() => this.props.counter !== undefined || this.isMax.value)
-
-  /** Checks if it is necessary to display the maximum available number of characters/ Проверяет, надо ли выводить максимальное доступное количество символов */
-  readonly isMax = computed<boolean>(() => this.getMax() > 0)
-
-  /** Returns text for output/ Возвращает текст для вывода */
-  readonly item = computed<string>(() => {
-    const counter = this.getCounter().toString()
-    const max = this.getMax().toString()
-
-    if (isFilled(this.props.template)) {
-      return this.props.template
-        .replace('[c]', counter)
-        .replace('[m]', max)
-    }
-
-    if (this.isMax.value) {
-      return `${counter} / ${max}`
-    }
-
-    return counter
-  })
-
-  /**
-   * Returns the number of input characters.
-   *
-   * Возвращает количество вводимых символов.
-   */
-  getCounter(): number {
-    return toNumber(this.props.counter ?? 0)
-  }
-
-  /**
-   * Returns the maximum available input number.
-   *
-   * Возвращает максимально доступное вводимое число.
-   */
-  getMax(): number {
-    return toNumber(this.props.maxlength ?? 0)
-  }
-}

package/src/constructors/FieldCounter/FieldCounterDesign.tsx

@@ -1,122 +0,0 @@
-import { h, type VNode } from 'vue'
-import {
-  type ConstrOptions,
-  type ConstrStyles,
-  DesignConstructorAbstract
-} from '@dxtmisha/functional'
-
-import { FieldCounter } from './FieldCounter'
-
-import {
-  type FieldCounterPropsBasic
-} from './props'
-import {
-  type FieldCounterClasses,
-  type FieldCounterComponents,
-  type FieldCounterEmits,
-  type FieldCounterExpose,
-  type FieldCounterSlots
-} from './types'
-
-/**
- * FieldCounterDesign
- */
-export class FieldCounterDesign<
-  COMP extends FieldCounterComponents,
-  EXPOSE extends FieldCounterExpose,
-  CLASSES extends FieldCounterClasses,
-  P extends FieldCounterPropsBasic
-> extends DesignConstructorAbstract<
-    HTMLDivElement,
-    COMP,
-    FieldCounterEmits,
-    EXPOSE,
-    FieldCounterSlots,
-    CLASSES,
-    P
-  > {
-  protected readonly item: FieldCounter
-
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   */
-  constructor(
-    name: string,
-    props: Readonly<P>,
-    options?: ConstrOptions<COMP, FieldCounterEmits, P>
-  ) {
-    super(
-      name,
-      props,
-      options
-    )
-
-    this.item = new FieldCounter(
-      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 / Системная метка
-        // :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(),
-          class: this.classes?.value.main,
-          innerHTML: this.item.item.value
-        }
-      )
-    }
-
-    return undefined
-  }
-}

package/src/constructors/FieldCounter/FieldCounterInclude.ts

@@ -1,98 +0,0 @@
-import { computed, type VNode } from 'vue'
-import {
-  type ConstrBind,
-  DesignComponents,
-  getRef,
-  isFilled,
-  type RefOrNormal,
-  toBinds
-} from '@dxtmisha/functional'
-
-import type {
-  FieldCounterComponentInclude,
-  FieldCounterPropsInclude
-} from './basicTypes'
-import type { FieldCounterProps } from './props'
-
-/**
- * The class returns data for working with the FieldCounter component
- *
- * Класс возвращает данные для работы с компонентом FieldCounter
- */
-export class FieldCounterInclude<
-  Props extends FieldCounterPropsInclude = FieldCounterPropsInclude,
-  PropsExtra extends ConstrBind<FieldCounterProps> = ConstrBind<FieldCounterProps>
-> {
-  /**
-   * Constructor
-   * @param props input parameter/ входной параметр
-   * @param className class name/ название класса
-   * @param components object for working with components/ объект для работы с компонентами
-   * @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<FieldCounterComponentInclude, Props>,
-    protected readonly extra?: RefOrNormal<PropsExtra>,
-    protected readonly index?: string
-  ) {
-  }
-
-  /** Checks if counter should be displayed/ Проверяет, надо ли отображать счетчик */
-  readonly isCounter = computed<boolean>(() =>
-    Boolean(
-      this.props.counterShow && (
-        isFilled(this.props.counter)
-        || isFilled(this.props.maxlength)
-      )
-    )
-  )
-
-  /** Computed bindings for FieldCounter/ Вычисляемые привязки для FieldCounter */
-  readonly binds = computed<PropsExtra>(() => {
-    return toBinds<PropsExtra>(
-      getRef(this.extra),
-      {
-        counter: this.props.counter,
-        maxlength: this.props.maxlength,
-        template: this.props.counterTemplate
-      },
-      this.props.fieldCounterAttrs
-    )
-  })
-
-  /** Intermediate bindings for FieldCounter/ Промежуточные привязки для FieldCounter */
-  readonly bindsIntermediary = computed<FieldCounterPropsInclude>(() => {
-    return {
-      counter: this.props.counter,
-      counterShow: this.props.counterShow,
-      counterTemplate: this.props.counterTemplate,
-      maxlength: this.props.maxlength,
-      fieldCounterAttrs: this.props.fieldCounterAttrs
-    }
-  })
-
-  /**
-   * Render the FieldCounter component/
-   * Рендер компонента FieldCounter
-   */
-  readonly render = (): VNode[] => {
-    if (this.components && this.isCounter.value) {
-      return this.components.render(
-        'fieldCounter',
-        {
-          ...toBinds(
-            this.binds.value,
-            { class: `${this.className}__fieldCounter` }
-          )
-        },
-        undefined,
-        this.index
-      )
-    }
-
-    return []
-  }
-}

package/src/constructors/FieldCounter/basicTypes.ts

@@ -1,25 +0,0 @@
-import type { ConstrBind } from '@dxtmisha/functional'
-
-import type { FieldCounterPropsBasic } from './props'
-
-/**
- * Interface for describing which components need to be connected for FieldCounter work/
- * Интерфейс для описания, какие компоненты надо подключить для работы FieldCounter
- */
-export type FieldCounterComponentInclude = {
-  fieldCounter: object
-}
-
-/**
- * Properties that can be passed to FieldCounterInclude/
- * Свойства, которые можно передать в FieldCounterInclude
- */
-export interface FieldCounterPropsInclude<
-  FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic
-> {
-  counter?: FieldCounterPropsBasic['counter']
-  counterShow?: boolean
-  counterTemplate?: FieldCounterPropsBasic['template']
-  maxlength?: FieldCounterPropsBasic['maxlength']
-  fieldCounterAttrs?: ConstrBind<FieldCounter>
-}

package/src/constructors/FieldCounter/index.ts

@@ -1,6 +0,0 @@
-export * from './FieldCounter'
-export * from './FieldCounterDesign'
-export * from './FieldCounterInclude'
-export * from './props'
-export * from './types'
-export * from './basicTypes'

package/src/constructors/FieldCounter/properties.json

@@ -1,3 +0,0 @@
-{
-  "white-space": "nowrap"
-}