@dxtmisha/constructor 0.30.1 → 0.39.5

package/src/constructors/Image/ImageCalculation.ts

@@ -1,184 +0,0 @@
-import { type ImageSize } from './basicTypes'
-
-/**
- * A class for storing data for adaptive computation of image scaling for a specific group.
- *
- * Класс для хранения данных для адаптивного вычисления масштабирования изображения для конкретной группы.
- */
-export class ImageCalculation {
-  protected factorMax: number = 1
-
-  protected size: ImageSize = {
-    width: 0,
-    height: 0
-  }
-
-  protected offset: ImageSize = {
-    width: 7680,
-    height: 7680
-  }
-
-  /**
-   * Constructor
-   * @param name group name/ название группы
-   */
-  constructor(
-    protected readonly name: string
-  ) {
-  }
-
-  /**
-   * Checks whether the element belongs to the current group.
-   *
-   * Проверяет, принадлежит ли элемент к текущей группе.
-   * @param name name of the checked group/ название проверяемой группы
-   */
-  is(name: string): boolean {
-    return this.name === name
-  }
-
-  /**
-   * Checks if the group has elements with sizes. It is used to check if there is data for work.
-   *
-   * Проверяет, есть ли у группы элементы с размерами. Используется для проверки, есть ли данные для работы.
-   */
-  isSize(): boolean {
-    return Boolean(this.size.width || this.size.width)
-  }
-
-  /**
-   * Returns the maximum physical width.
-   *
-   * Возвращает максимальную физическую ширину.
-   */
-  getWidth(): number {
-    return this.size.width
-  }
-
-  /**
-   * Returns the maximum physical height.
-   *
-   * Возвращает максимальную физическую высоту.
-   */
-  getHeight(): number {
-    return this.size.height
-  }
-
-  /**
-   * Returns the actual width.
-   *
-   * Возвращает фактическую ширину.
-   */
-  getOffsetWidth(): number {
-    return this.offset.width
-  }
-
-  /**
-   * Returns the actual height.
-   *
-   * Возвращает фактическую высоту.
-   */
-  getOffsetHeight(): number {
-    return this.offset.height
-  }
-
-  /**
-   * Returns the maximum multiplier for scaling.
-   *
-   * Возвращает максимальный множитель для масштабирования.
-   */
-  getFactorMax(): number {
-    return this.factorMax
-  }
-
-  /**
-   * Updating size.width, if it is less than the selected value.
-   *
-   * Обновление size.width, если она меньше выбранного значения.
-   * @param width value of the selected width/ значение выбранной ширины
-   */
-  makeWidth(width: number): this {
-    if (width > this.size.width) {
-      this.size.width = width
-    }
-
-    return this
-  }
-
-  /**
-   * Updating size.height, if it is less than the selected value.
-   *
-   * Обновление size.height, если она меньше выбранного значения.
-   * @param height value of the selected height/ значение выбранной высоты
-   */
-  makeHeight(height: number): this {
-    if (height > this.size.height) {
-      this.size.height = height
-    }
-
-    return this
-  }
-
-  /**
-   * Updating offset.width, if it is larger than the selected value.
-   *
-   * Обновление offset.width, если она больше выбранного значения.
-   * @param width value of the selected width/ значение выбранной ширины
-   */
-  makeOffsetWidth(width: number): this {
-    if (width < this.offset.width) {
-      this.offset.width = width
-    }
-
-    return this
-  }
-
-  /**
-   * Updating offset.height, if it is larger than the selected value.
-   *
-   * Обновление offset.height, если она больше выбранного значения.
-   * @param height value of the selected height/ значение выбранной высоты
-   */
-  makeOffsetHeight(height: number): this {
-    if (height < this.offset.height) {
-      this.offset.height = height
-    }
-
-    return this
-  }
-
-  /**
-   * Changes the multiplier value if it is greater than the checked value.
-   *
-   * Изменяет значение множителя, если оно больше проверяемого значения.
-   * @param value values for verification/ значения для проверки
-   */
-  makeFactorMax(value: number): this {
-    if (value < this.factorMax) {
-      this.factorMax = value
-    }
-
-    return this
-  }
-
-  /**
-   * Restoring the value to its original state.
-   *
-   * Восстановление значения в изначальное состояние.
-   */
-  reset(): this {
-    this.factorMax = 1
-
-    this.size = {
-      width: 0,
-      height: 0
-    }
-
-    this.offset = {
-      width: 7680,
-      height: 7680
-    }
-
-    return this
-  }
-}

package/src/constructors/Image/ImageCalculationList.ts

@@ -1,61 +0,0 @@
-import { ImageCalculation } from './ImageCalculation'
-
-/**
- * Class for managing all ImageCalculation objects.
- *
- * Класс для управления всеми объектами ImageCalculation.
- */
-export class ImageCalculationList {
-  protected static items: ImageCalculation[] = []
-
-  /**
-   * Checks if the group has elements with sizes. It is used to check if there is data for work.
-   *
-   * Проверяет, есть ли у группы элементы с размерами. Используется для проверки, есть ли данные для работы.
-   */
-  static isSize(): boolean {
-    return this.items.find(item => item.isSize()) !== undefined
-  }
-
-  /**
-   * Returns an object with data for calculation by the name of its group.
-   *
-   * Возвращает объект с данными для вычисления по названию его группы.
-   * @param name group name/ название группы
-   */
-  static get(name: string): ImageCalculation {
-    return this.find(name) || this.init(name)
-  }
-
-  /**
-   * Resets all parameters for all groups.
-   *
-   * Сбрасывает все параметры для всех групп.
-   */
-  static reset(): void {
-    this.items.forEach(item => item.reset())
-  }
-
-  /**
-   * Search for the ImageCalculation object by the name of the group.
-   *
-   * Поиск объекта ImageCalculation по названию группы.
-   * @param name group name/ название группы
-   */
-  protected static find(name: string): ImageCalculation | undefined {
-    return this.items.find(item => item.is(name))
-  }
-
-  /**
-   * Creating a new ImageCalculation object by the name of the group.
-   *
-   * Создание нового объекта ImageCalculation по названию группы.
-   * @param name group name/ название группы
-   */
-  protected static init(name: string): ImageCalculation {
-    const item = new ImageCalculation(name)
-
-    this.items.push(item)
-    return item
-  }
-}

package/src/constructors/Image/ImageCoordinator.ts

@@ -1,106 +0,0 @@
-import { computed } from 'vue'
-import { isArray, type Undefined } from '@dxtmisha/functional'
-
-import type { ImageCoordinatorItem, ImageSize } from './basicTypes'
-import type { ImageProps } from './props'
-
-type ImageCoordinatorItemFull = [number, number, number, number]
-
-/**
- * A class for calculating the central part of the image by its coordinates.
- *
- * Класс для вычисления центральной части изображения по его координатам.
- */
-export class ImageCoordinator {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   */
-  constructor(
-    protected readonly props: ImageProps
-  ) {
-  }
-
-  /**
-   * Returns coordinates.
-   *
-   * Возвращает координаты.
-   */
-  readonly coordinator = computed<ImageCoordinatorItemFull>(() => {
-    if (this.is()) {
-      const coordinator: number[] = this.props.coordinator
-
-      switch (coordinator.length) {
-        case 1:
-          return [
-            coordinator[0] ?? 0,
-            coordinator[0] ?? 0,
-            coordinator[0] ?? 0,
-            coordinator[0] ?? 0
-          ]
-        case 2:
-          return [
-            coordinator[0] ?? 0,
-            coordinator[1] ?? 0,
-            coordinator[0] ?? 0,
-            coordinator[1] ?? 0
-          ]
-
-        case 3:
-          return [
-            coordinator[0] ?? 0,
-            coordinator[1] ?? 0,
-            coordinator[2] ?? 0,
-            coordinator[1] ?? 0
-          ]
-        case 4:
-          return coordinator as ImageCoordinatorItemFull
-      }
-    }
-
-    return [0, 0, 0, 0]
-  })
-
-  /**
-   * Returns the sizes for the background-position property by coordinates.
-   *
-   * Возвращает размеры для свойства background-position по координатам.
-   */
-  readonly size = computed<ImageSize>(() => {
-    const coordinator = this.coordinator.value
-
-    return {
-      width: 100 - coordinator[1] - coordinator[3],
-      height: 100 - coordinator[2] - coordinator[0]
-    }
-  })
-
-  /**
-   * Checks if there are coordinates for calculation.
-   *
-   * Проверяет, есть ли координаты для вычисления.
-   */
-  is(): this is { coordinator: Exclude<ImageCoordinatorItem, Undefined> } {
-    const coordinator = this.props.coordinator
-
-    return isArray(coordinator)
-      && coordinator.length > 0
-      && coordinator.length < 5
-  }
-
-  /**
-   * Returns the values for the background property.
-   *
-   * Возвращает значения для свойства background.
-   */
-  getSize(): ImageSize<string> {
-    const item = this.size.value
-    const width = item.width === 0 ? 100 : item.width
-    const height = item.height === 0 ? 100 : item.height
-
-    return {
-      width: `${100 / width * 100}%`,
-      height: `${100 / height * 100}%`
-    }
-  }
-}

package/src/constructors/Image/ImageData.ts

@@ -1,103 +0,0 @@
-import { type Ref, ref, watchEffect } from 'vue'
-import { Icons, isString, type Undefined } from '@dxtmisha/functional'
-
-import { ImageFile } from './ImageFile'
-import { ImagePdf } from './ImagePdf'
-
-import { ImageType } from './ImageType'
-
-import { type ImageEventItem, type ImageItem, ImageTypeValue } from './basicTypes'
-import { type ImageProps } from './props'
-
-/**
- * A class for obtaining image or icon data.
- *
- * Класс для получения данных изображения или иконки.
- */
-export class ImageData {
-  /**
-   * Returns images.
-   *
-   * Возвращает изображения.
-   */
-  readonly image = ref<ImageEventItem>()
-
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param type image type/ тип изображения
-   */
-  constructor(
-    protected readonly props: ImageProps,
-    protected readonly type: ImageType
-  ) {
-    watchEffect(async () => {
-      this.image.value = await this.init()
-    })
-  }
-
-  /**
-   * Checks if there are values.
-   *
-   * Проверяет, есть ли значения.
-   */
-  is(): this is { image: Exclude<ImageEventItem, Undefined> } {
-    return this.image.value !== undefined
-  }
-
-  /**
-   * Checks if the value is a link, that is, a type of string.
-   *
-   * Проверяет, является ли значение ссылкой, то есть видом строки.
-   */
-  isLink(): this is { image: Ref<string> } {
-    return this.is() && typeof this.image.value === 'string'
-  }
-
-  /**
-   * Checks if the value is an image object.
-   *
-   * Проверяет, является ли значение объектом изображения.
-   */
-  isImage(): this is { image: Ref<ImageItem> } {
-    return this.is() && typeof this.image.value !== 'string'
-  }
-
-  /**
-   * Calculates the image value and returns it.
-   *
-   * Вычисляет значение изображения и возвращает его.
-   */
-  protected async init(): Promise<ImageEventItem> {
-    const image = this.props.value
-
-    if (image) {
-      switch (this.type.item.value) {
-        case ImageTypeValue.pdf:
-          return await ImagePdf.get(image)
-        case ImageTypeValue.image:
-        case ImageTypeValue.file:
-          try {
-            if (this.props.lazy) {
-              return this.props.value
-            }
-
-            return await ImageFile.createImage(image)
-          } catch {
-            console.error('ImageData.initImage: ', image)
-          }
-          break
-        case ImageTypeValue.public:
-        case ImageTypeValue.icon:
-        case ImageTypeValue.flag:
-          if (isString(image)) {
-            return await Icons.get(image, this.props.url)
-          }
-
-          break
-      }
-    }
-
-    return undefined
-  }
-}

package/src/constructors/Image/ImageDesign.tsx

@@ -1,203 +0,0 @@
-import { computed, h, type VNode } from 'vue'
-import {
-  type ConstrOptions,
-  type ConstrStyles,
-  DesignConstructorAbstract
-} from '@dxtmisha/functional'
-
-import { Image } from './Image'
-
-import { ImageTypeValue } from './basicTypes'
-import {
-  type ImagePropsBasic
-} from './props'
-import {
-  type ImageClasses,
-  type ImageComponents,
-  type ImageEmits,
-  type ImageExpose,
-  type ImageSlots
-} from './types'
-
-/**
- * ImageDesign
- */
-export class ImageDesign<
-  COMP extends ImageComponents,
-  EXPOSE extends ImageExpose,
-  CLASSES extends ImageClasses,
-  P extends ImagePropsBasic
-> extends DesignConstructorAbstract<
-    HTMLDivElement,
-    COMP,
-    ImageEmits,
-    EXPOSE,
-    ImageSlots,
-    CLASSES,
-    P
-  > {
-  protected readonly item: Image
-
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   * @param ItemConstructor image item class/ класс элемента изображения
-   */
-  constructor(
-    name: string,
-    props: Readonly<P>,
-    options?: ConstrOptions<COMP, ImageEmits, P>,
-    ItemConstructor: typeof Image = Image
-  ) {
-    super(
-      name,
-      props,
-      options
-    )
-
-    this.item = new ItemConstructor(
-      this.props,
-      this.element,
-      this.getName(),
-      this.emits
-    )
-
-    this.init()
-  }
-
-  /**
-   * Initialization of all the necessary properties for work
-   *
-   * Инициализация всех необходимых свойств для работы.
-   */
-  protected initExpose(): EXPOSE {
-    return {
-      type: this.item.type.item,
-      data: this.item.data.image
-    } as EXPOSE
-  }
-
-  /**
-   * Improvement of the obtained list of classes.
-   *
-   * Доработка полученного списка классов.
-   */
-  protected initClasses(): Partial<CLASSES> {
-    return {
-      main: this.item.classes.value,
-      ...{
-        // :classes [!] System label / Системная метка
-        // :classes [!] System label / Системная метка
-      }
-    } as Partial<CLASSES>
-  }
-
-  /**
-   * Refinement of the received list of styles.
-   *
-   * Доработка полученного списка стилей.
-   */
-  protected initStyles(): ConstrStyles {
-    return this.item.styles.value
-  }
-
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  protected initRender(): VNode {
-    if (this.item.img.isPicture.value) {
-      return this.renderPicture()
-    }
-
-    if (this.item.img.is.value) {
-      return this.renderImg()
-    }
-
-    return h(
-      'span',
-      this.propsMain.value,
-      this.renderValue()
-    )
-  }
-
-  /**
-   * Properties for the image tag.
-   *
-   * Свойства для тега image.
-   */
-  readonly propsImage = computed<any>(() => ({
-    ...this.getAttrs(),
-    ref: this.element,
-    key: 'image',
-    class: this.classes?.value.main
-  }))
-
-  /**
-   * Main properties.
-   *
-   * Основные свойства.
-   */
-  readonly propsMain = computed<any>(() => ({
-    ...this.propsImage.value,
-    ...this.item.binds.value,
-    style: this.styles?.value
-  }))
-
-  /**
-   * Rendering the picture tag.
-   *
-   * Рендеринг тега picture.
-   */
-  readonly renderPicture = (): VNode => {
-    const list = this.item.img.picture.value
-    const children: any[] = []
-
-    if (list) {
-      list.forEach(
-        item => children.push(h('source', item))
-      )
-    }
-
-    children.push(this.renderImgItem())
-
-    return h('picture', this.propsImage.value, children)
-  }
-
-  /**
-   * Rendering the img tag.
-   *
-   * Рендеринг тега img.
-   */
-  readonly renderImg = (): VNode => {
-    return h('span', this.propsImage.value, this.renderImgItem())
-  }
-
-  /**
-   * Rendering the img item.
-   *
-   * Рендеринг элемента img.
-   */
-  readonly renderImgItem = (): VNode => {
-    return h('img', this.item.img.binds.value)
-  }
-
-  /**
-   * Rendering the value for the component.
-   *
-   * Рендеринг значения для компонента.
-   */
-  readonly renderValue = (): string | VNode | undefined => {
-    if (this.item.type.item.value === ImageTypeValue.pdf) {
-      return h(
-        'object',
-        this.item.valueBinds.value
-      )
-    }
-
-    return this.item.text.value
-  }
-}