@dxtmisha/constructor 0.30.1 → 0.39.3

package/src/constructors/Select/SelectFilter.ts

@@ -1,43 +0,0 @@
-import { ref } from 'vue'
-import type { FieldValidationItem } from '../../types/fieldTypes'
-
-/**
- * SelectFilter class manages filter/search functionality for select components.
- * Provides value storage and input handling for filtering items.
- *
- * Класс SelectFilter управляет функциональностью фильтрации/поиска для компонентов выбора.
- * Предоставляет хранение значения и обработку ввода для фильтрации элементов.
- */
-export class SelectFilter {
-  /** Reactive filter value/ Реактивное значение фильтра */
-  readonly value = ref<string>('')
-
-  /**
-   * Get current filter value.
-   *
-   * Получить текущее значение фильтра.
-   */
-  get(): string {
-    return this.value.value
-  }
-
-  /**
-   * Set filter value.
-   *
-   * Установить значение фильтра.
-   * @param value filter string/ строка фильтра
-   */
-  set(value: string) {
-    this.value.value = value
-  }
-
-  /**
-   * Input event handler.
-   *
-   * Обработчик события ввода.
-   * @param value validation item with input value/ элемент валидации со значением ввода
-   */
-  readonly onInput = (value: FieldValidationItem): void => {
-    this.value.value = String(value.value ?? '')
-  }
-}

package/src/constructors/Select/SelectInput.ts

@@ -1,68 +0,0 @@
-import { computed } from 'vue'
-import { type ConstrBind, toBinds } from '@dxtmisha/functional'
-
-import { FieldAttributesInclude } from '../../classes/field/FieldAttributesInclude'
-import { FieldValueInclude } from '../../classes/field/FieldValueInclude'
-import { FieldEventInclude } from '../../classes/field/FieldEventInclude'
-
-import type { SelectProps } from './props'
-
-/**
- * Class for working with the select input.
- *
- * Класс для работы с input селекта.
- */
-export class SelectInput {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param attributes object for working with input attributes/ объект для работы с атрибутами ввода
-   * @param value object for working with values/ объект для работы со значениями
-   * @param event object for working with events/ объект для работы с событиями
-   */
-
-  constructor(
-    protected readonly props: Readonly<SelectProps>,
-    protected readonly attributes: FieldAttributesInclude,
-    protected readonly value: FieldValueInclude,
-    protected readonly event: FieldEventInclude
-  ) {
-  }
-
-  /** Indicates if it is in edit mode/ Указывает, находится ли в режиме редактирования */
-  readonly isEdit = computed<boolean>(
-    () => Boolean(this.props.editValue && !this.props.multiple)
-  )
-
-  /**
-   * Returns data for the input field.
-   *
-   * Возвращает данные для поля input.
-   */
-  readonly binds = computed<ConstrBind<Partial<HTMLInputElement>> | undefined>(() => {
-    return toBinds(
-      this.attributes.listForInput.value,
-      {
-        'name': this.props.name,
-        'type': 'text',
-        'required': this.props.required,
-        'readonly': !this.isEdit.value,
-        'placeholder': this.props.placeholder,
-        'data-menu-control': '1',
-        'onInput': this.isEdit.value ? this.event.onInput : this.event.onSelect
-        // 'onKeydown': this.onKeydown
-      }
-    ) as ConstrBind<Partial<HTMLInputElement>>
-  })
-
-  /**
-   * Handles the keydown event to simulate a click on the input element.
-   *
-   * Обрабатывает событие нажатия клавиши для имитации клика по элементу ввода.
-   * @param event The keydown event object/ Объект события нажатия клавиши
-   */
-  protected onKeydown = (event: Event) => {
-    (event.target as HTMLInputElement).click()
-    event.preventDefault()
-  }
-}

package/src/constructors/Select/index.ts

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

package/src/constructors/Select/properties.json

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

package/src/constructors/Select/props.ts

@@ -1,63 +0,0 @@
-import type { ConstrBind } from '@dxtmisha/functional'
-
-import type { IconPropsBasic, IconValue } from '../Icon'
-import type { FieldPropsBasic, FieldPropsInclude } from '../Field'
-import type { FieldLabelPropsBasic } from '../FieldLabel'
-import type { FieldMessagePropsBasic } from '../FieldMessage'
-import type { FieldCounterPropsBasic } from '../FieldCounter'
-import type { InputPropsBasic } from '../Input'
-import type { ProgressPropsBasic } from '../Progress'
-import type { MenuPropsBasic, MenuPropsInclude } from '../Menu'
-
-import type { FieldSelectProps } from '../../types/fieldTypes'
-
-interface SelectPropsToken {
-  // :type [!] System label / Системная метка
-  // :type [!] System label / Системная метка
-}
-
-export interface SelectPropsBasic<
-  Icon extends IconPropsBasic = IconPropsBasic,
-  Field extends FieldPropsBasic = FieldPropsBasic,
-  FieldLabel extends FieldLabelPropsBasic = FieldLabelPropsBasic,
-  FieldMessage extends FieldMessagePropsBasic = FieldMessagePropsBasic,
-  FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic,
-  Input extends InputPropsBasic = InputPropsBasic,
-  Progress extends ProgressPropsBasic = ProgressPropsBasic,
-  Menu extends MenuPropsBasic = MenuPropsBasic
-> extends FieldPropsInclude<Icon, Field, FieldLabel, FieldMessage, FieldCounter, Progress>,
-  FieldSelectProps,
-  MenuPropsInclude<Menu> {
-  // Value
-  editValue?: boolean
-
-  // Style
-  hideList?: boolean
-  showSearch?: boolean
-  filterMode?: boolean
-
-  iconArrowDown?: IconValue<Icon>
-  iconSearch?: IconValue<Icon>
-
-  inputSearchAttrs?: ConstrBind<Input>
-}
-
-/**
- * Type describing incoming properties.
- *
- * Тип, описывающий входящие свойства.
- */
-export interface SelectProps extends SelectPropsBasic, SelectPropsToken {
-}
-
-/**
- * Default value for property.
- *
- * Значение по умолчанию для свойства.
- */
-export const defaultsSelect = {
-  ...{
-    // :default [!] System label / Системная метка
-    // :default [!] System label / Системная метка
-  }
-}

package/src/constructors/Select/types.ts

@@ -1,53 +0,0 @@
-import type { ConstrClass } from '@dxtmisha/functional'
-import type { MenuComponentInclude, MenuExposeInclude, MenuSlotInclude } from '../Menu'
-import type { FieldComponentInclude, FieldSlotsInclude } from '../Field'
-import type { SelectValueComponentInclude } from '../SelectValue'
-import type { InputComponentInclude } from '../Input'
-
-import type { FieldBasicEmits, FieldBasicExpose } from '../../types/fieldTypes'
-
-/**
- * Interface for describing which components need to be connected for work.
- *
- * Интерфейс для описания, какие компоненты надо подключить для работы.
- */
-export type SelectComponents
-  = MenuComponentInclude
-    & FieldComponentInclude
-    & SelectValueComponentInclude
-    & InputComponentInclude
-
-/**
- * Type describing available events.
- *
- * Тип, описывающий доступные события.
- */
-export type SelectEmits = FieldBasicEmits
-
-/**
- * Type describing available properties.
- *
- * Тип, описывающий доступные свойства.
- */
-export interface SelectExpose extends FieldBasicExpose, MenuExposeInclude {
-}
-
-/**
- * Type describing available slots.
- *
- * Тип, описывающий доступные слоты.
- */
-export interface SelectSlots extends FieldSlotsInclude, MenuSlotInclude {
-}
-
-/**
- * Type describing subclasses.
- *
- * Тип, описывающий подклассы.
- */
-export type SelectClasses = {
-  main: ConstrClass
-  // :classes [!] System label / Системная метка
-  input: string
-  // :classes [!] System label / Системная метка
-}

package/src/constructors/SelectValue/SelectValue.ts

@@ -1,95 +0,0 @@
-import { computed, type Ref, type ToRefs } from 'vue'
-import { type ConstrBind, type ConstrClassObject, type ConstrEmit, DesignComp, isFilled } from '@dxtmisha/functional'
-
-import { EnabledInclude } from '../../classes/EnabledInclude'
-import { EventClickInclude } from '../../classes/EventClickInclude'
-import { type IconProps } from '../Icon'
-import { WindowClassesInclude } from '../Window'
-
-import type { EventClickValue } from '../../types/eventClickTypes'
-import type { SelectValueComponents, SelectValueEmits, SelectValueSlots } from './types'
-import type { SelectValueProps } from './props'
-
-/**
- * SelectValue
- */
-export class SelectValue {
-  readonly enabled: EnabledInclude
-  readonly event: EventClickInclude
-
-  readonly window: WindowClassesInclude
-
-  /**
-   * 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: SelectValueProps,
-    protected readonly refs: ToRefs<SelectValueProps>,
-    protected readonly element: Ref<HTMLElement | undefined>,
-    protected readonly classDesign: string,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<SelectValueComponents, SelectValueProps>,
-    protected readonly slots?: SelectValueSlots,
-    protected readonly emits?: ConstrEmit<SelectValueEmits>
-  ) {
-    this.enabled = new EnabledInclude(this.props)
-    this.event = new EventClickInclude(
-      this.props,
-      this.enabled,
-      this.emits
-    )
-
-    this.window = new WindowClassesInclude(classDesign)
-  }
-
-  /** Is placeholder/ Является ли плейсхолдером */
-  readonly isPlaceholder = computed<boolean>(
-    () => !isFilled(this.props.value) && Boolean(this.props.placeholder)
-  )
-
-  /** Icon for canceling selection/ Иконка для отмены выбора */
-  readonly iconTrailing = computed<ConstrBind<IconProps> | undefined>(() => {
-    if (this.enabled.isEnabled.value) {
-      return {
-        icon: this.props.iconCancel,
-        dynamic: true,
-        class: [
-          `${this.className}__trailing`,
-          this.window.get().controlStatic
-        ]
-      }
-    }
-
-    return undefined
-  })
-
-  /** Returns data for the main style class/ Возвращает данные для главного класса стиля */
-  readonly classes = computed<ConstrClassObject>(() => ({
-    [`${this.className}--placeholder`]: this.isPlaceholder.value,
-    [`${this.className}--multiple`]: Boolean(this.props.multiple)
-  }))
-
-  /**
-   * Click event handler.
-   *
-   * Обработчик события клика.
-   * @param event event object/ объект события
-   * @param options additional event options/ дополнительные опции события
-   */
-  readonly onClick = (
-    event: MouseEvent,
-    options?: EventClickValue
-  ) => {
-    event.preventDefault()
-    event.stopPropagation()
-    this.event.onClick(event, options)
-  }
-}

package/src/constructors/SelectValue/SelectValueDesign.tsx

@@ -1,198 +0,0 @@
-import { h, type VNode } from 'vue'
-import {
-  type ConstrOptions,
-  type ConstrStyles,
-  DesignConstructorAbstract, toBinds
-} from '@dxtmisha/functional'
-
-import { SelectValue } from './SelectValue'
-
-import type { ChipGroupItem } from '../ChipGroup'
-import {
-  type SelectValuePropsBasic
-} from './props'
-import {
-  type SelectValueClasses,
-  type SelectValueComponents,
-  type SelectValueEmits,
-  type SelectValueExpose,
-  type SelectValueSlots
-} from './types'
-
-/**
- * SelectValueDesign
- */
-export class SelectValueDesign<
-  COMP extends SelectValueComponents,
-  EXPOSE extends SelectValueExpose,
-  CLASSES extends SelectValueClasses,
-  P extends SelectValuePropsBasic
-> extends DesignConstructorAbstract<
-    HTMLDivElement,
-    COMP,
-    SelectValueEmits,
-    EXPOSE,
-    SelectValueSlots,
-    CLASSES,
-    P
-  > {
-  protected readonly item: SelectValue
-
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   */
-  constructor(
-    name: string,
-    props: Readonly<P>,
-    options?: ConstrOptions<COMP, SelectValueEmits, P>
-  ) {
-    super(
-      name,
-      props,
-      options
-    )
-
-    this.item = new SelectValue(
-      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: this.item.classes.value,
-      ...{
-        // :classes [!] System label / Системная метка
-        item: this.getSubClass('item'),
-        trailing: this.getSubClass('trailing')
-        // :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(
-      'div',
-      {
-        ...this.getAttrs(),
-        class: this.classes?.value.main
-      },
-      this.renderData()
-    )
-  }
-
-  /**
-   * Rendering data.
-   *
-   * Рендеринг данных.
-   */
-  protected readonly renderData = (): (VNode | string)[] => {
-    if (this.item.isPlaceholder.value) {
-      return [String(this.props.placeholder)]
-    }
-
-    if (this.props.value) {
-      if (this.props.multiple) {
-        return this.renderList()
-      }
-
-      const label = this.props.value[0]?.label
-        ?? this.props.value[0]?.value
-
-      if (label) {
-        return [String(label)]
-      }
-    }
-
-    return []
-  }
-
-  /**
-   * List rendering.
-   *
-   * Рендеринг списка.
-   */
-  protected readonly renderList = (): VNode[] => {
-    const children: any[] = []
-
-    this.props.value?.forEach((item) => {
-      const chip = this.renderItem(item)
-
-      if (chip) {
-        children.push(chip)
-      } else {
-        children.push(item.label)
-      }
-    })
-
-    return children
-  }
-
-  /**
-   * Element rendering.
-   *
-   * Рендеринг элемента.
-   * @param item selected element/ выбранный элемент
-   */
-  protected readonly renderItem = (item: ChipGroupItem): VNode | undefined => {
-    return this.components.renderOne(
-      'chip',
-      toBinds(
-        this.props.chipAttrs,
-        {
-          'class': this.classes?.value.item,
-          'icon': this.props.iconShow && item.icon ? item.icon : undefined,
-          'iconTrailing': this.item.iconTrailing.value,
-          'label': item.label,
-          'data-value': item.index,
-          'readonly': true,
-          'disabled': this.props.disabled,
-          'value': item.value,
-          'detail': item.detail,
-          'onClick': this.item.onClick
-        }
-      ),
-      undefined,
-      item.index
-    )
-  }
-}

package/src/constructors/SelectValue/SelectValueInclude.ts

@@ -1,92 +0,0 @@
-import { computed, type VNode } from 'vue'
-import {
-  type ConstrBind,
-  DesignComponents,
-  getRef,
-  type RefOrNormal,
-  toBind,
-  toBinds
-} from '@dxtmisha/functional'
-
-import type { SelectValueComponentInclude, SelectValuePropsInclude } from './basicTypes'
-import type { SelectValueProps } from './props'
-
-/**
- * SelectValueInclude class provides functionality for conditionally rendering selectValue components
- * within other components. It manages the logic for determining when to display selectValue
- * and configures the appropriate properties.
- *
- * Класс SelectValueInclude предоставляет функциональность для условного рендеринга компонентов
- * selectValue внутри других компонентов. Он управляет логикой определения необходимости
- * отображения selectValue и настраивает соответствующие свойства.
- */
-export class SelectValueInclude<
-  Props extends SelectValuePropsInclude = SelectValuePropsInclude,
-  PropsExtra extends ConstrBind<SelectValueProps> = ConstrBind<SelectValueProps>
-> {
-  /**
-   * 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<SelectValueComponentInclude, Props>,
-    protected readonly extra?: RefOrNormal<PropsExtra>,
-    protected readonly index?: string
-  ) {
-  }
-
-  /**
-   * Checks whether selectValue should be displayed/
-   * Проверяет, нужно ли отображать selectValue
-   */
-  readonly is = computed(() => Boolean(!this.props.disabled && this.components))
-
-  /** Computed bindings for the selectValue/ Вычисляемые привязки для selectValue */
-  readonly binds = computed<PropsExtra>(() => {
-    const props = toBinds<PropsExtra>(
-      getRef(this.extra),
-      this.props.selectValueAttrs,
-      {
-        class: `${this.className}__select-value`
-      }
-    )
-
-    return {
-      ...props,
-      disabled: this.props.disabled
-    }
-  })
-
-  /**
-   * Render the SelectValue component
-   *
-   * Рендер компонента selectValue
-   * @param attrs additional attributes/ дополнительные атрибуты
-   * @returns VNode array/ массив VNode
-   */
-  readonly render = (
-    attrs?: Record<string, any>
-  ): VNode[] => {
-    if (
-      this.components
-      && this.is.value
-    ) {
-      return this.components.render(
-        'selectValue',
-        toBind(
-          attrs ?? {},
-          this.binds.value
-        ),
-        this.index
-      )
-    }
-
-    return []
-  }
-}

package/src/constructors/SelectValue/basicTypes.ts

@@ -1,17 +0,0 @@
-import type { ConstrBind } from '@dxtmisha/functional'
-
-import type { SelectValueProps } from './props'
-
-/**
- * Type describing selectValue component inclusion/
- * Тип, описывающий включение компонента selectValue
- */
-export type SelectValueComponentInclude = {
-  selectValue?: object
-}
-
-/** Interface for selectValue include props/ Интерфейс для свойств включения selectValue */
-export interface SelectValuePropsInclude {
-  disabled?: boolean
-  selectValueAttrs?: ConstrBind<SelectValueProps>
-}

package/src/constructors/SelectValue/index.ts

@@ -1,6 +0,0 @@
-export * from './SelectValue'
-export * from './SelectValueDesign'
-export * from './SelectValueInclude'
-export * from './props'
-export * from './types'
-export * from './basicTypes'

package/src/constructors/SelectValue/properties.json

@@ -1,7 +0,0 @@
-{
-  "#item": {},
-  "#trailing": {},
-  "~placeholder": {
-    "_prop": false
-  }
-}