@dxtmisha/constructor 0.23.0 → 0.39.3

package/src/constructors/Mask/basicTypes.ts

@@ -1,49 +0,0 @@
-import type { GeoDate } from '@dxtmisha/functional'
-import type { FieldPatternItemOrFunction, FieldValidationItem } from '../../types/fieldTypes'
-
-export type MaskTypeItem = GeoDate
-  | 'text'
-  | 'number'
-  | 'number-format'
-  | 'currency'
-
-export type MaskElementInput = HTMLInputElement | undefined
-export type MaskMatchItem = RegExp | string
-export type MaskFractionItem = string | boolean | number
-
-export type MaskSpecialItem = {
-  defaultValue?: string
-  rubber?: boolean
-  transitionChar?: string | string[]
-  minLength?: number
-  maxLength?: number
-  match?: MaskMatchItem
-  pattern?: FieldPatternItemOrFunction
-  view?: string
-}
-export type MaskSpecialInfo = {
-  index: number
-  key: number
-  char: string
-}
-export type MaskSpecialList = Record<string, MaskSpecialItem>
-export type MaskSpecialProp = string | string[] | MaskSpecialList
-
-export type MaskViewItem = {
-  className: string
-  value: string
-}
-export type MaskViewList = MaskViewItem[]
-
-export type MaskList = string | string[]
-
-export type MaskEventData = FieldValidationItem
-export type MaskEventSelection = {
-  target: HTMLInputElement
-  start: number
-  end: number
-  length: number
-}
-
-export const MASK_CHAR_DELETE = '~'
-export const MASK_VIEW_DEFAULT = '_'

package/src/constructors/Mask/index.ts

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

package/src/constructors/Mask/properties.json

@@ -1,29 +0,0 @@
-{
-  "color": {
-    "_type": "var"
-  },
-  "color-opacity": {
-    "_type": "var"
-  },
-  "caret-opacity": {
-    "_type": "var"
-  },
-  "#input": {},
-  "#character": {
-    "#item": {
-      "~placeholder": {}
-    }
-  },
-  "~visible": {
-    "_default": true
-  },
-  "~visiblePartly": {},
-  "~align": {
-    "~left": {},
-    "~right": {}
-  },
-  "~dir": {
-    "~ltr": {},
-    "~rtl": {}
-  }
-}

package/src/constructors/Mask/props.ts

@@ -1,70 +0,0 @@
-import type { FieldPatternItemOrFunction } from '../../types/fieldTypes'
-import type {
-  MaskFractionItem,
-  MaskList,
-  MaskMatchItem,
-  MaskSpecialProp,
-  MaskTypeItem
-} from './basicTypes'
-
-interface MaskPropsToken {
-  // :type [!] System label / Системная метка
-  visible?: boolean
-  visiblePartly?: boolean
-  align?: 'left' | 'right'
-  dir?: 'ltr' | 'rtl'
-  // :type [!] System label / Системная метка
-}
-
-export interface MaskPropsBasic {
-  // Value
-  name?: string
-  value?: string | number
-  valueDefault?: string | number
-  currency?: string
-  currencyHide?: boolean
-  fullOnly?: boolean
-
-  mask?: MaskList
-  special?: MaskSpecialProp
-  match?: MaskMatchItem
-  groupSave?: boolean
-
-  pattern?: FieldPatternItemOrFunction
-  check?: FieldPatternItemOrFunction
-  fraction?: MaskFractionItem
-
-  // Style
-  type?: MaskTypeItem
-  view?: string
-
-  inputAttrs?: Partial<HTMLInputElement>
-
-  language?: string
-}
-
-/**
- * Type describing incoming properties.
- *
- * Тип, описывающий входящие свойства.
- */
-export interface MaskProps extends MaskPropsBasic, MaskPropsToken {
-}
-
-/**
- * Default value for property.
- *
- * Значение по умолчанию для свойства.
- */
-export const defaultsMask = {
-  special: '*',
-  match: /[0-9]/,
-  type: 'text',
-  groupSave: true,
-  view: '_',
-  ...{
-    // :default [!] System label / Системная метка
-    visible: true
-    // :default [!] System label / Системная метка
-  }
-}

package/src/constructors/Mask/types.ts

@@ -1,71 +0,0 @@
-import type { ComputedRef } from 'vue'
-import type { ConstrClass } from '@dxtmisha/functional'
-import type { FieldValidationItem } from '../../types/fieldTypes'
-
-/**
- * Interface for describing which components need to be connected for work.
- *
- * Интерфейс для описания, какие компоненты надо подключить для работы.
- */
-export type MaskComponents = {}
-
-/**
- * Type describing available events.
- *
- * Тип, описывающий доступные события.
- */
-export type MaskEmits = {
-  focus: [event: FocusEvent]
-  blur: [event: FocusEvent]
-  keydown: [event: KeyboardEvent]
-  keyup: [event: KeyboardEvent]
-  beforeinput: [event: InputEvent]
-  input: [
-    event: InputEvent,
-    value: FieldValidationItem
-  ]
-  inputLite: [value: FieldValidationItem]
-  change: [
-    event: InputEvent,
-    value: FieldValidationItem
-  ]
-  changeLite: [value: FieldValidationItem]
-  paste: [event: ClipboardEvent]
-  reset: [event: Event]
-}
-
-/**
- * Type describing available properties.
- *
- * Тип, описывающий доступные свойства.
- */
-export interface MaskExpose {
-  valueBasic: ComputedRef<string>
-  value: ComputedRef<string>
-
-  setValue(value: string): boolean
-
-  clear(): boolean
-}
-
-/**
- * Type describing available slots.
- *
- * Тип, описывающий доступные слоты.
- */
-export interface MaskSlots {
-}
-
-/**
- * Type describing subclasses.
- *
- * Тип, описывающий подклассы.
- */
-export type MaskClasses = {
-  main: ConstrClass
-  // :classes [!] System label / Системная метка
-  input: string
-  character: string
-  characterItem: string
-  // :classes [!] System label / Системная метка
-}

package/src/constructors/Menu/Menu.ts

@@ -1,179 +0,0 @@
-import { computed, type Ref, type ToRefs } from 'vue'
-import { type ConstrEmit, DesignComp, ListData } from '@dxtmisha/functional'
-
-import { EventClickInclude } from '../../classes/EventClickInclude'
-
-import { BarsInclude } from '../Bars'
-import { WindowInclude } from '../Window'
-
-import { MenuRequest } from './MenuRequest'
-import { MenuSearch } from './MenuSearch'
-
-import { MenuWindow } from './MenuWindow'
-import { MenuValue } from './MenuValue'
-
-import type { MenuComponents, MenuEmits, MenuSlots } from './types'
-import type { MenuProps } from './props'
-import type { MenuControlBasic } from './basicTypes'
-import type { ListPropsBasic } from '../List'
-import type { EventClickValue } from '../../types/eventClickTypes'
-
-/**
- * Menu
- */
-export class Menu {
-  /** Request handler for list data/ Обработчик запросов данных списка */
-  readonly request: MenuRequest
-  /** Search helper for menu filtering/ Вспомогательный класс поиска для фильтрации меню */
-  readonly search: MenuSearch
-  /** Value manager for selected handling/ Менеджер выбранного значения */
-  readonly value: MenuValue
-
-  /** Data manager for list selection and mapping/ Менеджер данных списка для выбора и сопоставления */
-  readonly data: ListData
-
-  /** Include for working with the Bars component/ Подключение для работы с компонентом Bars */
-  readonly bars: BarsInclude
-  /** Include for working with the Window component/ Подключение для работы с компонентом Window */
-  readonly window: WindowInclude
-
-  /** Window manager for Menu/ Класс управления окном Menu */
-  readonly menuWindow: MenuWindow
-
-  /** Click event helper to unify click emissions/ Вспомогательный класс кликов для унифицированной отправки событий */
-  readonly event: EventClickInclude
-
-  /** Data for binding to controls/ Данные для привязки к контролам */
-  readonly slotData: MenuControlBasic
-
-  /**
-   * 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: MenuProps,
-    protected readonly refs: ToRefs<MenuProps>,
-    protected readonly element: Ref<HTMLElement | undefined>,
-    protected readonly classDesign: string,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<MenuComponents, MenuProps>,
-    protected readonly slots?: MenuSlots,
-    protected readonly emits?: ConstrEmit<MenuEmits>
-  ) {
-    this.request = new MenuRequest(this.props)
-    this.search = new MenuSearch()
-    this.value = new MenuValue(this.props, this.refs, this.emits)
-
-    this.data = new ListData(
-      this.request.item,
-      undefined,
-      undefined,
-      undefined,
-      this.value.selected,
-      this.refs.keyValue,
-      this.refs.keyLabel
-    )
-
-    this.bars = new BarsInclude(
-      this.props,
-      this.className,
-      this.components,
-      this.emits
-    )
-
-    this.menuWindow = new MenuWindow(this.props, this.request)
-    this.window = new WindowInclude(
-      this.props,
-      this.className,
-      this.components,
-      this.emits,
-      this.menuWindow.getExtra()
-    )
-
-    this.event = new EventClickInclude(undefined, undefined, this.emits)
-
-    this.slotData = {
-      loading: this.request.progress,
-
-      isSelected: this.data.isSelected,
-      selectedList: this.data.selectedList,
-      selectedNames: this.data.selectedNames,
-      selectedValues: this.data.selectedValues
-    }
-  }
-
-  /**
-   * Getting data for binding to the List component.
-   *
-   * Получение данных для привязки к компоненту List.
-   */
-  readonly binds = computed<ListPropsBasic>(() => {
-    return {
-      liteThreshold: this.props.liteThreshold,
-      keyLabel: this.props.keyLabel,
-      keyValue: this.props.keyValue,
-
-      tag: this.props.tag,
-      onClick: this.onClick,
-      onClose: this.window.expose.toClose,
-
-      control: true
-    }
-  })
-
-  /**
-   * Getting data for binding to controls.
-   *
-   * Получение данных для привязки к контролам.
-   * @returns data for binding to controls/ данные для привязки к контролам
-   */
-  getControlBinds(): MenuControlBasic {
-    return this.slotData
-  }
-
-  /**
-   * Click handler.
-   *
-   * Обработчик клика.
-   * @param event event object/ объект события
-   * @param options data object/ объект с данными
-   */
-  readonly onClick = (
-    event: MouseEvent,
-    options?: EventClickValue
-  ): void => {
-    if (
-      options
-      && 'value' in options
-    ) {
-      this.value.setValue(options.value)
-    }
-
-    this.event.onClick(event, options)
-  }
-
-  /**
-   * Click on the slot handler.
-   *
-   * Обработчик клика по слоту.
-   * @param event event object/ объект события
-   */
-  readonly onClickSlot = (event: Event) => {
-    const element = event.target as HTMLElement
-    const item = element.closest<HTMLElement>('*[data-value]')
-
-    if (
-      item
-      && !element.closest(`.${this.className}__list`)
-    ) {
-      this.emits?.('clickSlot', item.dataset.value)
-    }
-  }
-}

package/src/constructors/Menu/MenuDesign.tsx

@@ -1,244 +0,0 @@
-import { h, type VNode } from 'vue'
-import {
-  type ConstrOptions,
-  type ConstrStyles,
-  DesignConstructorAbstract,
-  type RawSlots,
-  toBinds
-} from '@dxtmisha/functional'
-
-import { Menu } from './Menu'
-
-import type { WindowControlItem } from '../Window'
-import type { MenuControlItem } from './basicTypes'
-import {
-  type MenuPropsBasic
-} from './props'
-import {
-  type MenuClasses,
-  type MenuComponents,
-  type MenuEmits,
-  type MenuExpose,
-  type MenuSlots
-} from './types'
-
-/**
- * MenuDesign
- */
-export class MenuDesign<
-  COMP extends MenuComponents,
-  EXPOSE extends MenuExpose,
-  CLASSES extends MenuClasses,
-  P extends MenuPropsBasic
-> extends DesignConstructorAbstract<
-  HTMLDivElement,
-  COMP,
-  MenuEmits,
-  EXPOSE,
-  MenuSlots,
-  CLASSES,
-  P
-> {
-  protected readonly item: Menu
-
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   */
-  constructor(
-    name: string,
-    props: Readonly<P>,
-    options?: ConstrOptions<COMP, MenuEmits, P>
-  ) {
-    super(
-      name,
-      props,
-      options
-    )
-
-    this.item = new Menu(
-      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.window.expose,
-      ...this.item.getControlBinds()
-    } as EXPOSE
-  }
-
-  /**
-   * Improvement of the obtained list of classes.
-   *
-   * Доработка полученного списка классов.
-   */
-  protected initClasses(): Partial<CLASSES> {
-    return {
-      main: {},
-      ...{
-        // :classes [!] System label / Системная метка
-        bars: this.getSubClass('bars'),
-        list: this.getSubClass('list')
-        // :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 this.item.window.render(
-      {
-        control: this.renderControl,
-        title: this.renderTitle,
-        default: this.renderList,
-        footer: this.renderFooter
-      },
-      {
-        class: this.classes?.value.main
-      }
-    )
-  }
-
-  /**
-   * Generates data for control.
-   *
-   * Генерирует данные для контроля.
-   * @param props data for the transferable property/ данные для передаваемого свойства
-   */
-  readonly renderControl = (
-    props: WindowControlItem
-  ): VNode | undefined => {
-    return this.initSlot('control', undefined, this.getBinds(props))
-  }
-
-  /**
-   * Render title element.
-   *
-   * Рендер элемента заголовка.
-   * @param props data for the transferable property/ данные для передаваемого свойства
-   */
-  readonly renderTitle = (
-    props: WindowControlItem
-  ): VNode[] => {
-    const children: any[] = []
-    if (this.item.bars.is.value) {
-      children.push(...this.item.bars.render())
-      console.log('this.item.bars.is.value', children)
-    }
-
-    this.initSlot('title', children, this.getBinds(props))
-
-    return children
-  }
-
-  /**
-   * Render list element.
-   *
-   * Рендер элемента списка.
-   * @param props data for the transferable property/ данные для передаваемого свойства
-   */
-  readonly renderList = (
-    props: WindowControlItem
-  ): VNode | undefined => {
-    const list = this.item.request.item.value
-
-    if (list) {
-      const children: any[] = []
-
-      this.initSlot('contextTop', children, this.getBinds(props))
-
-      if (!this.props.hideList) {
-        children.push(
-          this.components.render(
-            'list',
-            toBinds(
-              {
-                ...this.item.binds.value,
-                class: this.classes?.value.list,
-
-                selected: this.item.value.selected.value,
-                highlight: this.item.search.item.value,
-
-                list,
-                lite: this.item.menuWindow.lite.value
-              },
-              this.props.listAttrs
-            ),
-            this.slots as RawSlots
-          )
-        )
-      }
-
-      this.initSlot('contextBottom', children, this.getBinds(props))
-
-      return h(
-        'div',
-        {
-          ...this.getAttrs(),
-          ref: this.element,
-          onClick: this.item.onClickSlot
-        },
-        children
-      )
-    }
-
-    return undefined
-  }
-
-  /**
-   * Render footer element.
-   *
-   * Рендер элемента футера.
-   * @param props data for the transferable property/ данные для передаваемого свойства
-   */
-  readonly renderFooter = (
-    props: WindowControlItem
-  ): VNode | undefined => {
-    return this.initSlot('footer', undefined, this.getBinds(props))
-  }
-
-  /**
-   * Generates data for control.
-   *
-   * Генерирует данные для контроля.
-   * @param props data for the transferable property/ данные для передаваемого свойства
-   */
-  protected getBinds(
-    props: WindowControlItem
-  ): MenuControlItem {
-    return {
-      ...props,
-      ...this.item.getControlBinds()
-    }
-  }
-}