@dxtmisha/constructor 0.30.1 → 0.39.3

package/src/constructors/ChipGroup/props.ts

@@ -1,50 +0,0 @@
-import type { ConstrBind, ListSelectedList } from '@dxtmisha/functional'
-
-import type { ChipPropsBasic } from '../Chip'
-import type { ChipGroupData } from './basicTypes'
-import type { ModelPropsSelected } from '../../types/modelTypes'
-
-interface ChipGroupPropsToken {
-  // :type [!] System label / Системная метка
-  // :type [!] System label / Системная метка
-}
-
-export interface ChipGroupPropsBasic<
-  Chip extends ChipPropsBasic = ChipPropsBasic
-> extends ModelPropsSelected<ListSelectedList> {
-  // Status
-  readonly?: boolean
-  selected?: ListSelectedList
-
-  // Values
-  list?: ChipGroupData
-
-  // Styles
-  iconWhenSelected?: boolean
-
-  keyLabel?: string
-  keyValue?: string
-
-  chipAttrs?: ConstrBind<Chip>
-}
-
-/**
- * Type describing incoming properties.
- *
- * Тип, описывающий входящие свойства.
- */
-export interface ChipGroupProps extends ChipGroupPropsBasic, ChipGroupPropsToken {
-}
-
-/**
- * Default value for property.
- *
- * Значение по умолчанию для свойства.
- */
-export const defaultsChipGroup = {
-  readonly: true,
-  ...{
-    // :default [!] System label / Системная метка
-    // :default [!] System label / Системная метка
-  }
-}

package/src/constructors/ChipGroup/types.ts

@@ -1,47 +0,0 @@
-import type { ConstrClass, ListSelectedList } from '@dxtmisha/functional'
-import type { ChipComponentInclude } from '../Chip'
-import type { EventClickEmits } from '../../types/eventClickTypes'
-import type { ModelEmitsSelected } from '../../types/modelTypes'
-
-/**
- * Interface for describing which components need to be connected for work.
- *
- * Интерфейс для описания, какие компоненты надо подключить для работы.
- */
-export type ChipGroupComponents = ChipComponentInclude
-
-/**
- * Type describing available events.
- *
- * Тип, описывающий доступные события.
- */
-export type ChipGroupEmits = EventClickEmits & ModelEmitsSelected<ListSelectedList>
-
-/**
- * Type describing available properties.
- *
- * Тип, описывающий доступные свойства.
- */
-export interface ChipGroupExpose {
-}
-
-/**
- * Type describing available slots.
- *
- * Тип, описывающий доступные слоты.
- */
-export interface ChipGroupSlots {
-  default?(props: any): any
-}
-
-/**
- * Type describing subclasses.
- *
- * Тип, описывающий подклассы.
- */
-export type ChipGroupClasses = {
-  main: ConstrClass
-  // :classes [!] System label / Системная метка
-  item: string
-  // :classes [!] System label / Системная метка
-}

package/src/constructors/Dialog/Dialog.ts

@@ -1,145 +0,0 @@
-import { computed, readonly, type Ref, type ToRefs } from 'vue'
-import { type ConstrEmit, DesignComp, getBind } from '@dxtmisha/functional'
-
-import { IconInclude } from '../Icon'
-import { LabelInclude } from '../../classes/LabelInclude'
-import { DescriptionInclude } from '../../classes/DescriptionInclude'
-import { TextInclude } from '../../classes/TextInclude'
-import { WindowClassesInclude } from '../Window'
-
-import { ModalAbstract } from '../Modal/ModalAbstract'
-
-import type { DialogComponents, DialogEmits, DialogSlots } from './types'
-import type { DialogProps } from './props'
-
-/**
- * Dialog
- */
-export class Dialog extends ModalAbstract {
-  readonly icon: IconInclude
-  readonly label: LabelInclude
-  readonly description: DescriptionInclude
-
-  readonly windowClasses: WindowClassesInclude
-
-  readonly text: TextInclude
-
-  /**
-   * 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: DialogProps,
-    protected readonly refs: ToRefs<DialogProps>,
-    protected readonly element: Ref<HTMLElement | undefined>,
-    protected readonly classDesign: string,
-    protected readonly className: string,
-    protected readonly components?: DesignComp<DialogComponents, DialogProps>,
-    protected readonly slots?: DialogSlots,
-    protected readonly emits?: ConstrEmit<DialogEmits>
-  ) {
-    super(
-      props,
-      refs,
-      element,
-      classDesign,
-      className,
-      components,
-      slots,
-      emits,
-      computed(() => ({
-        open: props.open,
-        image: props.image,
-
-        adaptive: 'modal',
-        imagePosition: props.imagePosition,
-        closeButton: this.props.closeButton
-      })),
-      undefined,
-      computed(() => {
-        const list = []
-
-        if (props.buttonClose !== null) {
-          list.push(
-            getBind(
-              props.buttonClose,
-              {
-                label: this.text.close.value,
-                value: 'close',
-                class: this.windowClasses.get().close,
-                onClick: () => this.emits?.('close')
-              },
-              'label',
-              true
-            )
-          )
-        }
-
-        if (props.buttonOk !== null) {
-          list.push(
-            getBind(
-              props.buttonOk,
-              {
-                label: this.text.ok.value,
-                value: 'ok',
-                class: this.props.clickOkAndClose ? this.windowClasses.get().close : undefined,
-                onClick: () => this.emits?.('ok')
-              },
-              'label',
-              true
-            )
-          )
-        }
-
-        return {
-          list,
-          align: 'center'
-        }
-      })
-    )
-
-    this.icon = new IconInclude(
-      readonly<any>({ icon: this.iconValue }),
-      className,
-      components,
-      refs.iconAttrs
-    )
-    this.label = new LabelInclude(
-      props,
-      className,
-      undefined,
-      slots,
-      undefined,
-      undefined,
-      true
-    )
-    this.description = new DescriptionInclude(props, className, slots)
-
-    this.windowClasses = new WindowClassesInclude(classDesign)
-    this.text = new TextInclude(this.props)
-  }
-
-  /**
-   * Returns the icon for display.
-   *
-   * Возвращает иконку для отображения.
-   */
-  protected readonly iconValue = computed(() => {
-    if (this.props.success) {
-      return this.props.iconSuccess
-    }
-
-    if (this.props.error) {
-      return this.props.iconError
-    }
-
-    return this.props.icon
-  })
-}

package/src/constructors/Dialog/DialogDesign.tsx

@@ -1,135 +0,0 @@
-import { h, type VNode } from 'vue'
-import {
-  toBinds
-} from '@dxtmisha/functional'
-
-import { Dialog } from './Dialog'
-import { ModalDesignAbstract } from '../Modal/ModalDesignAbstract'
-
-import type { WindowControlItem } from '../Window'
-import {
-  type DialogPropsBasic
-} from './props'
-import {
-  type DialogClasses,
-  type DialogComponents,
-  type DialogEmits,
-  type DialogExpose,
-  type DialogSlots
-} from './types'
-
-/**
- * DialogDesign
- */
-export class DialogDesign<
-  COMP extends DialogComponents,
-  EXPOSE extends DialogExpose,
-  CLASSES extends DialogClasses,
-  P extends DialogPropsBasic
-> extends ModalDesignAbstract<
-    COMP,
-    DialogEmits,
-    EXPOSE,
-    DialogSlots,
-    CLASSES,
-    P,
-    Dialog
-  > {
-  /**
-   * A method for creating an instance of the class.
-   *
-   * Метод для создания экземпляра класса.
-   */
-  protected initItem(): Dialog {
-    return new Dialog(
-      this.props,
-      this.refs,
-      this.element,
-      this.getDesign(),
-      this.getName(),
-      this.components,
-      this.slots,
-      this.emits
-    )
-  }
-
-  /**
-   * Improvement of the obtained list of classes.
-   *
-   * Доработка полученного списка классов.
-   */
-  protected initClasses(): Partial<CLASSES> {
-    return {
-      main: {},
-      ...{
-        // :classes [!] System label / Системная метка
-        title: this.getSubClass('title'),
-        header: this.getSubClass('header'),
-        information: this.getSubClass('information'),
-        icon: this.getSubClass('icon'),
-        label: this.getSubClass('label'),
-        description: this.getSubClass('description'),
-        body: this.getSubClass('body'),
-        footer: this.getSubClass('footer')
-        // :classes [!] System label / Системная метка
-      }
-    } as Partial<CLASSES>
-  }
-
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  protected initRender(): VNode[] {
-    return this.item.window.render(
-      {
-        control: this.renderControl,
-        title: this.renderTitle,
-        default: this.renderContent,
-        footer: this.renderFooter
-      },
-      toBinds(
-        {
-          'class': this.classes?.value.main,
-          'data-touch': 'touch'
-        },
-        this.getAttrs()
-      )
-    )
-  }
-
-  /**
-   * Render for the body layer.
-   *
-   * Рендер для слоя тела.
-   * @param props data for window management/ данные для управления окном
-   */
-  protected readonly renderContent = (
-    props: WindowControlItem
-  ): VNode[] => {
-    return [
-      ...this.renderInformation(),
-      ...this.renderDefault(props)
-    ]
-  }
-
-  /**
-   * Render information block.
-   *
-   * Рендер информационного блока.
-   */
-  protected readonly renderInformation = (): VNode[] => {
-    return [
-      h(
-        'div',
-        { class: this.classes?.value.information },
-        [
-          ...this.item.icon.renderIcon(),
-          ...this.item.label.render(),
-          ...this.item.description.render()
-        ]
-      )
-    ]
-  }
-}

package/src/constructors/Dialog/index.ts

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

package/src/constructors/Dialog/properties.json

@@ -1,23 +0,0 @@
-{
-  "paddingX": {
-    "_type": "var"
-  },
-  "paddingY": {
-    "_type": "var"
-  },
-  "#title": {},
-  "#header": {},
-  "#information": {},
-  "#icon": {},
-  "#label": {},
-  "#description": {},
-  "#body": {},
-  "#footer": {},
-  "~success": {},
-  "~error": {},
-  "~imagePosition": {
-    "~top": {},
-    "~left": {},
-    "_default": "top"
-  }
-}

package/src/constructors/Dialog/props.ts

@@ -1,76 +0,0 @@
-import type { ConstrBind } from '@dxtmisha/functional'
-
-import type { WindowPropsBasic, WindowPropsInclude } from '../Window'
-import type { BarsPropsBasic, BarsPropsInclude } from '../Bars'
-import type { IconPropsBasic, IconValue } from '../Icon'
-import type { ImagePropsBasic, ImagePropsInclude } from '../Image'
-import type { ButtonPropsBasic } from '../Button'
-import type { ActionsPropsBasic, ActionsPropsInclude } from '../Actions'
-import type { LabelProps } from '../../types/labelTypes'
-import type { DescriptionProps } from '../../types/descriptionTypes'
-import type { TextClosePropsInclude, TextOkPropsInclude } from '../../types/textTypes'
-
-interface DialogPropsToken {
-  // :type [!] System label / Системная метка
-  success?: boolean
-  error?: boolean
-  imagePosition?: 'top' | 'left'
-  // :type [!] System label / Системная метка
-}
-
-export interface DialogPropsBasic<
-  Window extends WindowPropsBasic = WindowPropsBasic,
-  Bars extends BarsPropsBasic = BarsPropsBasic,
-  Icon extends IconPropsBasic = IconPropsBasic,
-  Image extends ImagePropsBasic = ImagePropsBasic,
-  Button extends ButtonPropsBasic = ButtonPropsBasic,
-  Actions extends ActionsPropsBasic = ActionsPropsBasic
-> extends WindowPropsInclude<Window>,
-  BarsPropsInclude<Bars>,
-  ActionsPropsInclude<Actions>,
-  ImagePropsInclude<Image>,
-  LabelProps,
-  DescriptionProps,
-  TextClosePropsInclude,
-  TextOkPropsInclude {
-  // Status
-  open?: boolean
-
-  // Style
-  icon?: IconValue<Icon>
-
-  buttonOk?: string | ConstrBind<Button> | null
-  buttonClose?: string | ConstrBind<Button> | null
-
-  closeButton?: boolean
-  clickOkAndClose?: boolean
-
-  iconSuccess?: IconValue<Icon>
-  iconError?: IconValue<Icon>
-
-  iconAttrs?: ConstrBind<Icon>
-}
-
-/**
- * Type describing incoming properties.
- *
- * Тип, описывающий входящие свойства.
- */
-export interface DialogProps extends DialogPropsBasic, DialogPropsToken {
-}
-
-/**
- * Default value for property.
- *
- * Значение по умолчанию для свойства.
- */
-export const defaultsDialog = {
-  barsBackHide: true,
-  barsHide: true,
-  clickOkAndClose: true,
-  ...{
-    // :default [!] System label / Системная метка
-    imagePosition: 'top'
-    // :default [!] System label / Системная метка
-  }
-}

package/src/constructors/Dialog/types.ts

@@ -1,67 +0,0 @@
-import type { ConstrClass } from '@dxtmisha/functional'
-import type {
-  ModalComponents,
-  ModalEmits,
-  ModalExpose,
-  ModalSlots
-} from '../Modal'
-import type { IconComponentInclude } from '../Icon'
-
-import type { LabelAlternativeSlots } from '../../types/labelTypes'
-import type { DescriptionSlots } from '../../types/descriptionTypes'
-
-/**
- * Interface for describing which components need to be connected for work.
- *
- * Интерфейс для описания, какие компоненты надо подключить для работы.
- */
-export type DialogComponents = ModalComponents & IconComponentInclude
-
-/**
- * Type describing available events.
- *
- * Тип, описывающий доступные события.
- */
-export type DialogEmits
-  = ModalEmits
-    & {
-      ok: []
-      close: []
-    }
-
-/**
- * Type describing available properties.
- *
- * Тип, описывающий доступные свойства.
- */
-export interface DialogExpose extends ModalExpose {
-}
-
-/**
- * Type describing available slots.
- *
- * Тип, описывающий доступные слоты.
- */
-export interface DialogSlots extends ModalSlots,
-  LabelAlternativeSlots,
-  DescriptionSlots {
-}
-
-/**
- * Type describing subclasses.
- *
- * Тип, описывающий подклассы.
- */
-export type DialogClasses = {
-  main: ConstrClass
-  // :classes [!] System label / Системная метка
-  title: string
-  header: string
-  information: string
-  icon: string
-  label: string
-  description: string
-  body: string
-  footer: string
-  // :classes [!] System label / Системная метка
-}