@dxtmisha/constructor 0.30.1 → 0.39.3

package/src/constructors/Modal/ModalDesignAbstract.tsx

@@ -1,226 +0,0 @@
-import { h, type VNode } from 'vue'
-import {
-  type ConstrOptions,
-  type ConstrStyles,
-  DesignConstructorAbstract,
-  toBinds
-} from '@dxtmisha/functional'
-
-import type { ModalAbstract } from './ModalAbstract'
-import type { WindowControlItem } from '../Window'
-import {
-  type ModalPropsBasic
-} from './props'
-import {
-  type ModalClasses,
-  type ModalComponents,
-  type ModalEmits,
-  type ModalExpose,
-  type ModalSlots
-} from './types'
-
-/**
- * ModalDesign
- */
-export abstract class ModalDesignAbstract<
-  COMP extends ModalComponents,
-  EMITS extends ModalEmits,
-  EXPOSE extends ModalExpose,
-  SLOTS extends ModalSlots,
-  CLASSES extends ModalClasses,
-  P extends ModalPropsBasic,
-  ITEM extends ModalAbstract = ModalAbstract
-> extends DesignConstructorAbstract<
-    HTMLDivElement,
-    COMP,
-    EMITS,
-    EXPOSE,
-    SLOTS,
-    CLASSES,
-    P
-  > {
-  protected readonly item: ITEM
-
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   */
-  constructor(
-    name: string,
-    props: Readonly<P>,
-    options?: ConstrOptions<COMP, EMITS, P>
-  ) {
-    super(
-      name,
-      props,
-      options
-    )
-
-    this.item = this.initItem()
-    this.init()
-  }
-
-  /**
-   * Initialization of the main item
-   *
-   * Инициализация основного элемента
-   */
-  protected abstract initItem(): ITEM
-
-  /**
-   * Initialization of all the necessary properties for work
-   *
-   * Инициализация всех необходимых свойств для работы.
-   */
-  protected initExpose(): EXPOSE {
-    return {
-      ...this.item.window.expose
-    } as EXPOSE
-  }
-
-  /**
-   * 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.renderDefault,
-        footer: this.renderFooter
-      },
-      toBinds(
-        {
-          class: this.classes?.value.main
-        },
-        this.getAttrs()
-      )
-    )
-  }
-
-  /**
-   * Generates data for control.<br>
-   * Генерирует данные для контроля.
-   * @param props data for the transferable property/ данные для передаваемого свойства
-   */
-  protected readonly renderControl = (
-    props: WindowControlItem
-  ): VNode | undefined => {
-    return this.initSlot('control', undefined, props)
-  }
-
-  /**
-   * Generates data for the header.
-   *
-   * Генерирует данные для заголовка.
-   * @param props data for the transferable property/ данные для передаваемого свойства
-   */
-  protected readonly renderTitle = (
-    props: WindowControlItem
-  ): VNode[] => {
-    const children: any[] = []
-
-    if (this.item.bars.is.value) {
-      children.push(...this.item.bars.render())
-    }
-
-    if (
-      this.slots
-      && 'title' in this.slots
-    ) {
-      children.push(
-        h(
-          'div',
-          { class: this.classes?.value.title },
-          this.initSlot('title', undefined, props)
-        )
-      )
-    }
-
-    return children
-  }
-
-  /**
-   * Generates bodies.
-   *
-   * Генерирует тела.
-   * @param props data for the transferable property/ данные для передаваемого свойства
-   */
-  protected readonly renderDefault = (
-    props: WindowControlItem
-  ): VNode[] => {
-    const children: any[] = []
-
-    if (
-      this.slots
-      && 'header' in this.slots
-    ) {
-      children.push(
-        h(
-          'div',
-          { class: this.classes?.value.header },
-          this.initSlot('header', undefined, props)
-        )
-      )
-    }
-
-    if (
-      this.slots
-      && 'default' in this.slots
-    ) {
-      children.push(
-        h(
-          'div',
-          { class: this.classes?.value.body },
-          this.initSlot('default', undefined, props)
-        )
-      )
-    }
-
-    return children
-  }
-
-  /**
-   * Generates data for the required part.
-   *
-   * Генерирует данные для нужной части.
-   * @param props data for the transferable property/ данные для передаваемого свойства
-   */
-  protected readonly renderFooter = (
-    props: WindowControlItem
-  ): VNode[] => {
-    const children: any[] = []
-
-    if (this.item.actions.is.value) {
-      children.push(...this.item.actions.render())
-    }
-
-    if (
-      this.slots
-      && 'footer' in this.slots
-    ) {
-      children.push(
-        h(
-          'div',
-          { class: this.classes?.value.footer },
-          this.initSlot('footer', undefined, props)
-        )
-      )
-    }
-
-    return children
-  }
-}

package/src/constructors/Modal/index.ts

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

package/src/constructors/Modal/properties.json

@@ -1,17 +0,0 @@
-{
-  "paddingX": {
-    "_type": "var"
-  },
-  "paddingY": {
-    "_type": "var"
-  },
-  "#title": {},
-  "#header": {},
-  "#body": {},
-  "#footer": {},
-  "~imagePosition": {
-    "~top": {},
-    "~left": {},
-    "_default": "top"
-  }
-}

package/src/constructors/Modal/props.ts

@@ -1,45 +0,0 @@
-import type { WindowPropsBasic, WindowPropsInclude } from '../Window'
-import type { BarsPropsBasic, BarsPropsInclude } from '../Bars'
-import type { ActionsPropsBasic, ActionsPropsInclude } from '../Actions'
-import type { ImagePropsBasic, ImagePropsInclude } from '../Image'
-
-interface ModalPropsToken {
-  // :type [!] System label / Системная метка
-  imagePosition?: 'top' | 'left'
-  // :type [!] System label / Системная метка
-}
-
-export interface ModalPropsBasic<
-  Window extends WindowPropsBasic = WindowPropsBasic,
-  Bars extends BarsPropsBasic = BarsPropsBasic,
-  Actions extends ActionsPropsBasic = ActionsPropsBasic,
-  Image extends ImagePropsBasic = ImagePropsBasic
-> extends WindowPropsInclude<Window>,
-  BarsPropsInclude<Bars>,
-  ActionsPropsInclude<Actions>,
-  ImagePropsInclude<Image> {
-  // Status
-  open?: boolean
-}
-
-/**
- * Type describing incoming properties.
- *
- * Тип, описывающий входящие свойства.
- */
-export interface ModalProps extends ModalPropsBasic, ModalPropsToken {
-}
-
-/**
- * Default value for property.
- *
- * Значение по умолчанию для свойства.
- */
-export const defaultsModal = {
-  barsBackHide: true,
-  ...{
-    // :default [!] System label / Системная метка
-    imagePosition: 'top'
-    // :default [!] System label / Системная метка
-  }
-}

package/src/constructors/Modal/types.ts

@@ -1,62 +0,0 @@
-import type { ConstrClass } from '@dxtmisha/functional'
-import type {
-  WindowComponentInclude,
-  WindowControlItem,
-  WindowEmitsInclude,
-  WindowExposeInclude,
-  WindowSlots
-} from '../Window'
-import type { BarsComponentInclude, BarsEmitsInclude } from '../Bars'
-import type { ActionsComponentInclude, ActionsEmitsInclude } from '../Actions'
-
-/**
- * Interface for describing which components need to be connected for work.
- *
- * Интерфейс для описания, какие компоненты надо подключить для работы.
- */
-export type ModalComponents
-  = WindowComponentInclude
-    & BarsComponentInclude
-    & ActionsComponentInclude
-
-/**
- * Type describing available events.
- *
- * Тип, описывающий доступные события.
- */
-export type ModalEmits
-  = WindowEmitsInclude
-    & BarsEmitsInclude
-    & ActionsEmitsInclude
-
-/**
- * Type describing available properties.
- *
- * Тип, описывающий доступные свойства.
- */
-export interface ModalExpose extends WindowExposeInclude {
-}
-
-/**
- * Type describing available slots.
- *
- * Тип, описывающий доступные слоты.
- */
-export interface ModalSlots extends WindowSlots {
-  header(props: WindowControlItem): any
-}
-
-/**
- * Type describing subclasses.
- *
- * Тип, описывающий подклассы.
- */
-export type ModalClasses = {
-  main: ConstrClass
-  // :classes [!] System label / Системная метка
-  title: string
-  header: string
-  body: string
-  footer: string
-  // :classes [!] System label / Системная метка
-}

package/src/constructors/MotionTransform/MotionTransform.ts

@@ -1,144 +0,0 @@
-import { computed, onUnmounted, type Ref, type ToRefs, watch } from 'vue'
-import { type ConstrEmit, DesignComp } from '@dxtmisha/functional'
-
-import { AriaStaticInclude } from '../../classes/AriaStaticInclude'
-import { ModelInclude } from '../../classes/ModelInclude'
-import { TabIndexInclude } from '../../classes/TabIndexInclude'
-
-import { MotionTransformElement } from './MotionTransformElement'
-import { MotionTransformSize } from './MotionTransformSize'
-import { MotionTransformState } from './MotionTransformState'
-import { MotionTransformEvent } from './MotionTransformEvent'
-import { MotionTransformGo } from './MotionTransformGo'
-
-import { WindowEsc } from '../Window/WindowEsc'
-
-import type { RoleType } from '../../types/roleTypes'
-import type {
-  MotionTransformComponents,
-  MotionTransformEmits,
-  MotionTransformSlots
-} from './types'
-import type { MotionTransformProps } from './props'
-import type { MotionTransformControlItem } from './basicTypes'
-
-/**
- * MotionTransform
- */
-export class MotionTransform {
-  /** Reference helper for element interactions/ Вспомогательный класс для работы с элементами */
-  readonly element: MotionTransformElement
-  readonly tabIndex: TabIndexInclude<HTMLDivElement>
-
-  /** Size calculation manager/ Менеджер расчёта размеров */
-  readonly size: MotionTransformSize
-  /** State manager/ Менеджер состояния */
-  readonly state: MotionTransformState
-
-  /** Event manager/ Менеджер событий */
-  readonly event: MotionTransformEvent
-  /** Control actions manager/ Менеджер действий управления */
-  readonly go: MotionTransformGo
-
-  /** Window esc manager/ Менеджер esc окна */
-  readonly esc: WindowEsc
-
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
-   * @param element input element/ элемент ввода
-   * @param elementContext substrate 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: MotionTransformProps,
-    protected readonly refs: ToRefs<MotionTransformProps>,
-    element: Ref<HTMLDivElement | undefined>,
-    elementContext: Ref<HTMLDivElement | undefined>,
-    protected readonly classDesign: string,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<MotionTransformComponents, MotionTransformProps>,
-    protected readonly slots?: MotionTransformSlots,
-    protected readonly emits?: ConstrEmit<MotionTransformEmits>
-  ) {
-    this.element = new MotionTransformElement(
-      props,
-      element,
-      elementContext,
-      className
-    )
-    this.tabIndex = new TabIndexInclude(
-      () => this.element.getElementBody()
-    )
-
-    this.size = new MotionTransformSize(this.element)
-    this.state = new MotionTransformState(
-      props,
-      this.element,
-      this.tabIndex,
-      this.size
-    )
-
-    this.event = new MotionTransformEvent(props, this.element, this.state, emits)
-    this.go = new MotionTransformGo(this.state)
-
-    this.esc = new WindowEsc(
-      this.state.open,
-      () => this.go.close(),
-      () => this.element.isWindow()
-    )
-
-    new ModelInclude('open', this.emits, this.state.open)
-
-    watch([refs.open], () => this.state.set(Boolean(props.open)))
-
-    onUnmounted(() => this.event.stop())
-  }
-
-  /**
-   * Computed slot data for managing slots/
-   * Вычисляемые данные слотов для управления слотами
-   */
-  readonly slotData = computed<MotionTransformControlItem>(() => {
-    return {
-      isOpen: this.state.isOpen,
-      isShow: this.state.isShow,
-      classes: MotionTransformElement.getClassesList(this.className),
-      idControl: this.element.idControl,
-      idBody: this.element.idBody,
-      binds: AriaStaticInclude.control(
-        this.element.idControl,
-        this.element.idBody,
-        undefined,
-        this.state.isOpen.value
-      )
-    }
-  })
-
-  /**
-   * Returns data for managing slot data.
-   *
-   * Возвращает данные для управления данными слотами.
-   */
-  getSlotData(): MotionTransformControlItem {
-    return this.slotData.value
-  }
-
-  /**
-   * Get the ARIA role.
-   *
-   * Получить ARIA роль.
-   */
-  getRole(): RoleType {
-    if (this.element.isWindow()) {
-      return 'dialog'
-    }
-
-    return 'region'
-  }
-}

package/src/constructors/MotionTransform/MotionTransformClassesInclude.ts

@@ -1,38 +0,0 @@
-import { MotionTransformElement } from './MotionTransformElement'
-
-import type { MotionTransformClassList } from './basicTypes'
-
-/**
- * Helper class to access MotionTransform CSS classes by design.
- *
- * Вспомогательный класс для доступа к CSS-классам MotionTransform по дизайну.
- */
-export class MotionTransformClassesInclude {
-  /**
-   * Constructor
-   * @param design design name/ название дизайна
-   */
-  constructor(
-    protected readonly design: string
-  ) {}
-
-  /**
-   * Returns list of MotionTransform classes for the specified design.
-   *
-   * Возвращает список классов MotionTransform для указанного дизайна.
-   */
-  get(): MotionTransformClassList {
-    return MotionTransformElement.getClassesListByDesign(this.design)
-  }
-
-  /**
-   * Returns an object with MotionTransform classes under classesMotionTransform key.
-   *
-   * Возвращает объект с классами MotionTransform под ключом classesMotionTransform.
-   */
-  getObject() {
-    return {
-      classesMotionTransform: this.get()
-    }
-  }
-}