@dxtmisha/constructor 0.30.1 → 0.39.3

package/src/constructors/List/ListGo.ts

@@ -1,285 +0,0 @@
-import {
-  type ConstrEmit,
-  isSelected,
-  ListDataRef
-} from '@dxtmisha/functional'
-
-import { ListFocus } from './ListFocus'
-
-import type { ListProps } from './props'
-import type { ListEmits } from './types'
-
-/**
- * Class for working with element focus.
- *
- * Класс для работы с фокусировкой элемента.
- */
-export class ListGo {
-  protected index: number = -1
-
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param focus object of the class for working with focus/ объект класса для работы с фокусировкой
-   * @param data object of the class for working with the list/ объект класса для работы со списком
-   * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
-   */
-  constructor(
-    protected readonly props: ListProps,
-    protected readonly focus: ListFocus,
-    protected readonly data: ListDataRef,
-    protected readonly emits?: ConstrEmit<ListEmits>
-  ) {
-  }
-
-  /**
-   * Changing the index in focus by the number in the array.
-   *
-   * Изменение значения в фокусе по номеру в массиве.
-   * @param index number in the array/ номер в массиве
-   */
-  set(index: number): boolean {
-    if (this.index !== index) {
-      if (index < 0) {
-        this.reset()
-      } else {
-        this.setByIndex(index)
-      }
-
-      this.focus.toElementFocus()
-      return true
-    }
-
-    return false
-  }
-
-  /**
-   * Changes the selected element.
-   *
-   * Изменяет выбранный элемент.
-   * @param value new value/ новое значение
-   */
-  preparation(value: any) {
-    const map = this.data.map.value
-    const index = map.findIndex(item => isSelected(item.index, value))
-
-    this.reset()
-
-    if (index) {
-      this.index = index
-
-      if (map?.[index]) {
-        this.focus.toElementSelected(map[index].index)
-      }
-    }
-  }
-
-  /**
-   * Scrolls the element to the selected element
-   *
-   * Прокрутить элемент до выбранного элемента
-   */
-  preparationBySelected() {
-    if (this.props.selected) {
-      requestAnimationFrame(() => this.preparation(this.props.selected))
-    }
-  }
-
-  /**
-   * Moves the selected value back.
-   *
-   * Перемещает выбранное значение назад.
-   */
-  previous() {
-    if (this.isFirstByParent()) {
-      return
-    }
-
-    this.setByIndex(this.index - 1)
-
-    if (!this.focus.toElementFocus()) {
-      this.previous()
-    }
-  }
-
-  /**
-   * Moves the selected value forward.
-   *
-   * Перемещает выбранное значение вперед.
-   */
-  next() {
-    if (this.isLastByParent()) {
-      return
-    }
-
-    this.setByIndex(this.index + 1)
-
-    if (!this.focus.toElementFocus()) {
-      this.next()
-    }
-  }
-
-  /**
-   * Reset all records to the initial state.
-   *
-   * Сброс всех записей до начального состояния.
-   */
-  reset() {
-    this.index = -1
-    this.focus.reset()
-  }
-
-  /**
-   * Opens the window if the element is in it.
-   *
-   * Открывает окно, если элемент в нем.
-   */
-  open(): void {
-    if (this.focus.isItem()) {
-      this.focus.click()
-    } else if (
-      this.focus.isGroup()
-      || this.focus.isMenu()
-    ) {
-      this.focus.click()
-      this.nextByType()
-    }
-  }
-
-  /**
-   * Closes the window if the element is in it.
-   *
-   * Закрывает окно, если элемент в нем.
-   */
-  close(): void {
-    const item = this.getMainItem()
-
-    if (item) {
-      item.click()
-
-      const focus = this.data.getItemByIndex(item.dataset.value)
-
-      if (focus) {
-        this.set(focus.key)
-        this.focus.set(focus.item)
-      }
-    } else {
-      this.emits?.('close')
-    }
-  }
-
-  /**
-   * Stops the event.
-   *
-   * Останавливает событие.
-   */
-  stop() {
-    this.focus.reset()
-  }
-
-  /**
-   * Checks if the next element is in the same window.
-   *
-   * Проверяет, находится ли следующий элемент в том же окне.
-   */
-  protected isFirstByParent(): boolean {
-    const parent = this.focus.item.value?.parent
-
-    if (
-      parent
-      && this.focus.isElement()
-    ) {
-      return this.data.getFirstItemByParent(parent)?.index === this.focus.item.value?.index
-    }
-
-    return false
-  }
-
-  /**
-   * Checks if the next element is in the same window.
-   *
-   * Проверяет, находится ли следующий элемент в том же окне.
-   */
-  protected isLastByParent(): boolean {
-    const parent = this.focus.item.value?.parent
-
-    if (
-      parent
-      && this.focus.isElement()
-    ) {
-      return this.data.getLastItemByParent(parent)?.index === this.focus.item.value?.index
-    }
-
-    return false
-  }
-
-  /**
-   * Checks if the element is in a window.
-   *
-   * Проверяет, находится ли элемент в окне.
-   */
-  protected getMainItem(): HTMLDivElement | undefined {
-    const parent = this.focus.item.value?.parent
-
-    if (
-      parent
-      && !this.focus.isOpen()
-    ) {
-      return this.focus.getElement(parent)
-    }
-
-    return undefined
-  }
-
-  /**
-   * Changing the index in focus by the number in the array.
-   *
-   * Изменение значения в фокусе по номеру в массиве.
-   * @param index number in the array/ номер в массиве
-   */
-  protected setByIndex(index: number): void {
-    const length = this.data.getLengthByMap()
-
-    if (index >= length) {
-      this.index = 0
-    } else if (index < 0) {
-      this.index = length - 1
-    } else {
-      this.index = index
-    }
-
-    const item = this.data.map.value[this.index]
-
-    if (
-      item
-      && (
-        item.type === 'item'
-        || item.type === 'group'
-        || item.type === 'menu'
-      )
-    ) {
-      this.focus.set(item)
-    } else {
-      this.focus.reset()
-    }
-  }
-
-  /**
-   * Moves the selected value forward by type.
-   *
-   * Перемещает выбранное значение вперед по типу.
-   */
-  protected nextByType(): void {
-    this.setByIndex(this.index + 1)
-
-    if (
-      this.focus.isItem()
-      || this.focus.isGroup()
-      || this.focus.isMenu()
-    ) {
-      return
-    } else {
-      this.nextByType()
-    }
-  }
-}

package/src/constructors/List/ListSearch.ts

@@ -1,113 +0,0 @@
-import { computed, ref } from 'vue'
-import { isFilled } from '@dxtmisha/functional'
-
-import type { ListProps } from './props'
-
-/**
- * Class for working with search.
- *
- * Класс для работы с поиском.
- */
-export class ListSearch {
-  readonly item = ref<string>()
-
-  protected timeout?: any
-
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   */
-  constructor(
-    protected readonly props: ListProps
-  ) {
-  }
-
-  /** Current search string/ Текущая строка поиска */
-  readonly highlight = computed<string | undefined>(() => this.item.value ?? this.props.highlight)
-
-  /**
-   * Adds a new character to the search.
-   *
-   * Добавляет новый символ к поиску.
-   * @param char new character/ новый символ
-   */
-  add(char: string) {
-    this.addChar(char)
-      .makeReset()
-  }
-
-  /**
-   * Sets the search string.
-   *
-   * Устанавливает строку поиска.
-   * @param value new value/ новое значение
-   */
-  set(value?: string) {
-    const data = this.getValue(value)
-
-    if (this.item.value !== data) {
-      this.item.value = data
-    }
-  }
-
-  /**
-   * Resets the search string.
-   *
-   * Сбрасывает строку поиска.
-   */
-  reset(): this {
-    this.set()
-    return this
-  }
-
-  /**
-   * Returns a processed value.
-   *
-   * Возвращает обработанное значение.
-   * @param value source value/ исходное значение
-   */
-  protected getValue(value?: string): string | undefined {
-    if (isFilled(value)) {
-      return value.trim()
-    }
-
-    return undefined
-  }
-
-  /**
-   * Appends a character to the search string.
-   *
-   * Добавляет символ к строке поиска.
-   * @param char new character/ новый символ
-   */
-  protected addChar(char: string): this {
-    if (
-      this.item.value
-      && this.timeout
-    ) {
-      this.item.value += char
-    } else {
-      this.item.value = char
-    }
-
-    return this
-  }
-
-  /**
-   * Schedules reset to the initial state after a delay.
-   *
-   * Планирует сброс к исходному состоянию после задержки.
-   */
-  protected makeReset(): this {
-    if (this.timeout) {
-      clearTimeout(this.timeout)
-    }
-
-    this.timeout = setTimeout(
-      () => (this.timeout = undefined),
-      2000
-    )
-
-    return this
-  }
-}

package/src/constructors/List/basicTypes.ts

@@ -1,3 +0,0 @@
-export type ListComponentInclude = {
-  list?: object
-}

package/src/constructors/List/index.ts

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

package/src/constructors/List/properties.json

@@ -1,16 +0,0 @@
-{
-  "#space": {},
-  "#line": {},
-  "#subtitle": {},
-  "#html": {},
-  "#management": {},
-  "#group": {},
-  "#menu": {},
-  "#menuGroup": {},
-  "~axis": {
-    "~x": {},
-    "~y": {},
-    "_default": "y"
-  },
-  "~divider": {}
-}

package/src/constructors/List/props.ts

@@ -1,83 +0,0 @@
-import type {
-  ConstrBind,
-  ListRecord,
-  ListSelectedItem,
-  ListSelectedList
-} from '@dxtmisha/functional'
-import type { IconPropsBasic, IconValue } from '../Icon'
-import type { RoleType } from '../../types/roleTypes'
-import type { ListItemPropsBasic } from '../ListItem'
-
-interface ListPropsToken {
-  // :type [!] System label / Системная метка
-  axis?: 'x' | 'y'
-  divider?: boolean
-  // :type [!] System label / Системная метка
-}
-
-export interface ListPropsBasic<
-  Icon extends IconPropsBasic = IconPropsBasic,
-  ListItem extends ListItemPropsBasic = ListItemPropsBasic
-> {
-  // Status
-  focus?: ListSelectedItem
-  selected?: ListSelectedList
-  disabled?: boolean
-  lite?: boolean
-
-  // Value
-  list?: ListRecord<ListItem>
-  liteThreshold?: number
-  highlight?: string
-  highlightLengthStart?: number
-  filterMode?: boolean
-
-  keyLabel?: string
-  keyValue?: string
-
-  max?: string | number
-
-  // Style
-  tag?: 'div' | 'button' | 'a' | 'span' | string
-
-  axis?: 'x' | 'y'
-  divider?: boolean
-
-  itemAttrs?: ConstrBind<ListItem>
-  itemManagementAttrs?: ConstrBind<ListItem>
-  itemGroupAttrs?: ConstrBind<ListItem>
-  itemMenuAttrs?: ConstrBind<ListItem>
-
-  iconArrowDown?: IconValue<Icon>
-  iconArrowRight?: IconValue<Icon>
-
-  // ARIA
-  roleItem?: RoleType
-
-  // Technical
-  control?: boolean
-}
-
-/**
- * Type describing incoming properties.
- *
- * Тип, описывающий входящие свойства.
- */
-export interface ListProps extends ListPropsBasic, ListPropsToken {
-}
-
-/**
- * Default value for property.
- *
- * Значение по умолчанию для свойства.
- */
-export const defaultsList = {
-  keyLabel: 'label',
-  keyValue: 'value',
-  tag: 'div',
-  ...{
-    // :default [!] System label / Системная метка
-    axis: 'y'
-    // :default [!] System label / Системная метка
-  }
-}

package/src/constructors/List/types.ts

@@ -1,66 +0,0 @@
-import type { ConstrClass, ListList, ListNames } from '@dxtmisha/functional'
-import type { EventClickEmits } from '../../types/eventClickTypes'
-
-import type { ListItemComponentInclude } from '../ListItem'
-import type { ListGroupComponentInclude } from '../ListGroup'
-import type { ListMenuComponentInclude } from '../ListMenu'
-import type { ComputedRef } from 'vue'
-
-/**
- * Interface for describing which components need to be connected for work.
- *
- * Интерфейс для описания, какие компоненты надо подключить для работы.
- */
-export type ListComponents
-  = ListItemComponentInclude
-    & ListGroupComponentInclude
-    & ListMenuComponentInclude
-
-/**
- * Type describing available events.
- *
- * Тип, описывающий доступные события.
- */
-export type ListEmits
-  = EventClickEmits
-    & {
-      close: []
-    }
-
-/**
- * Type describing available properties.
- *
- * Тип, описывающий доступные свойства.
- */
-export interface ListExpose {
-  isSelected: ComputedRef<boolean>
-  selectedList: ComputedRef<ListList>
-  selectedNames: ComputedRef<ListNames>
-  selectedValues: ComputedRef<any[]>
-}
-
-/**
- * Type describing available slots.
- *
- * Тип, описывающий доступные слоты.
- */
-export type ListSlots = Record<string, (props: any) => any>
-
-/**
- * Type describing subclasses.
- *
- * Тип, описывающий подклассы.
- */
-export type ListClasses = {
-  main: ConstrClass
-  // :classes [!] System label / Системная метка
-  space: string
-  line: string
-  subtitle: string
-  html: string
-  management: string
-  group: string
-  menu: string
-  menuGroup: string
-  // :classes [!] System label / Системная метка
-}

package/src/constructors/ListGroup/ListGroup.ts

@@ -1,53 +0,0 @@
-import { type Ref, type ToRefs } from 'vue'
-import { type ConstrBind, type ConstrEmit, DesignComp } from '@dxtmisha/functional'
-
-import { ListGroupOpen } from './ListGroupOpen'
-
-import type { MotionTransformProps } from '../MotionTransform'
-import type { ListGroupComponents, ListGroupEmits, ListGroupSlots } from './types'
-import type { ListGroupProps } from './props'
-
-/**
- * ListGroup
- */
-export class ListGroup {
-  readonly open: ListGroupOpen<ListGroupProps>
-
-  /**
-   * 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: ListGroupProps,
-    protected readonly refs: ToRefs<ListGroupProps>,
-    protected readonly element: Ref<HTMLElement | undefined>,
-    protected readonly classDesign: string,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<ListGroupComponents, ListGroupProps>,
-    protected readonly slots?: ListGroupSlots,
-    protected readonly emits?: ConstrEmit<ListGroupEmits>
-  ) {
-    this.open = new ListGroupOpen(this.props)
-  }
-
-  /**
-   * Returns the property for the transformation component.
-   *
-   * Возвращает свойство для компонента трансформации.
-   */
-  readonly transformBinds = (): ConstrBind<MotionTransformProps> => {
-    return {
-      autoClose: false,
-      section: true,
-      adaptive: 'planeAlways',
-      onTransformLite: this.open.onOpen
-    }
-  }
-}