@pksep/yui 0.1.320 → 0.1.323

package/README.md

@@ -1,83 +1,83 @@
-# SEP-YUI
-
-**SEP-YUI** — библиотека UI-компонентов для Vue, созданная для решения задачи удобного переиспользования интерфейсных элементов между проектами.
-Она позволяет использовать единый набор UI-решений, снижает связанность компонентов и упрощает поддержку.
-
-## Основные преимущества
-
-- Лёгкая интеграция в существующие проекты
-- Низкий порог входа
-- Гибкость и кастомизация
-- Регулярные обновления и техническая поддержка
-- Возможность комбинирования компонентов внутри проекта
-
----
-
-## Установка и подключение
-
-```bash
-bun add @pksep/yui
-```
-
-#### 1. Для использования библиотеки в проекте, необходимо импортировать компоненты библиотеки в главный файл проекта main.ts таким образом:
-
-```ts
-main.ts;
-import Ylibrary from '@pksep/yui';
-app.use(Ylibrary);
-app.mount('#app');
-```
-
-#### 1.1 Для выборочного импорта компонентов, можно использовать подключение такого вида.
-
-```ts
-main.ts;
-import { Toggle } from '@pksep/yui';
-app.component('Toggle', Toggle);
-```
-
-#### 2. Стили импортируются через путь "@pksep/yui/styles" также в файле main.ts
-
-```ts
-main.ts;
-import '@pksep/yui/styles';
-```
-
-Стили библиотеки подключаются отдельно от JavaScript и уже содержат используемые
-шрифты Inter Variable и Source Sans Pro. Если проект переопределяет токены или
-стили компонентов, импортируйте собственный stylesheet после `@pksep/yui/styles`.
-
-#### 3. Далее просто пишем название компонента внутри проекта и используем как при обычной разработке на Vue.
-
-```vue
-App.vue
-<template>
-  <Toggle :disabled="true" :backgroundColor="'red'" />
-</template>
-<script setup lang="ts"></script>
-<styles scoped></styles>
-```
-
-
----
-
-## Примеры и Storybook
-
-Документация и примеры компонентов:
-
-➡️ https://pksep.github.io/sep_yui
-
----
-
-## Разработка
-
-### Публикация пакетов
-
-Обязательно через команду, так как генерятся changelog. Для этого используем:
-[changeloggen](https://unjs.io/packages/changelogen/)
-
-```sh
-bun run publish:lib
-```
-
-Токен можно для публикации можно получить у менеджера.
+# SEP-YUI
+
+**SEP-YUI** — библиотека UI-компонентов для Vue, созданная для решения задачи удобного переиспользования интерфейсных элементов между проектами.
+Она позволяет использовать единый набор UI-решений, снижает связанность компонентов и упрощает поддержку.
+
+## Основные преимущества
+
+- Лёгкая интеграция в существующие проекты
+- Низкий порог входа
+- Гибкость и кастомизация
+- Регулярные обновления и техническая поддержка
+- Возможность комбинирования компонентов внутри проекта
+
+---
+
+## Установка и подключение
+
+```bash
+bun add @pksep/yui
+```
+
+#### 1. Для использования библиотеки в проекте, необходимо импортировать компоненты библиотеки в главный файл проекта main.ts таким образом:
+
+```ts
+main.ts;
+import Ylibrary from '@pksep/yui';
+app.use(Ylibrary);
+app.mount('#app');
+```
+
+#### 1.1 Для выборочного импорта компонентов, можно использовать подключение такого вида.
+
+```ts
+main.ts;
+import { Toggle } from '@pksep/yui';
+app.component('Toggle', Toggle);
+```
+
+#### 2. Стили импортируются через путь "@pksep/yui/styles" также в файле main.ts
+
+```ts
+main.ts;
+import '@pksep/yui/styles';
+```
+
+Стили библиотеки подключаются отдельно от JavaScript и уже содержат используемые
+шрифты Inter Variable и Source Sans Pro. Если проект переопределяет токены или
+стили компонентов, импортируйте собственный stylesheet после `@pksep/yui/styles`.
+
+#### 3. Далее просто пишем название компонента внутри проекта и используем как при обычной разработке на Vue.
+
+```vue
+App.vue
+<template>
+  <Toggle :disabled="true" :backgroundColor="'red'" />
+</template>
+<script setup lang="ts"></script>
+<styles scoped></styles>
+```
+
+
+---
+
+## Примеры и Storybook
+
+Документация и примеры компонентов:
+
+➡️ https://pksep.github.io/sep_yui
+
+---
+
+## Разработка
+
+### Публикация пакетов
+
+Обязательно через команду, так как генерятся changelog. Для этого используем:
+[changeloggen](https://unjs.io/packages/changelogen/)
+
+```sh
+bun run publish:lib
+```
+
+Токен можно для публикации можно получить у менеджера.

package/dist/common/extentions.d.ts

@@ -5,6 +5,8 @@ export declare enum ImageExtensionsEnum {
     webp = "webp",
     svg = "svg",
     avif = "avif",
+    heic = "heic",
+    heif = "heif",
     gif = "gif",
     bmp = "bmp",
     tiff = "tiff",

package/dist/components/ContentEditor/ContentEditor.vue.d.ts

@@ -3,6 +3,9 @@ import { IContentEditorSlots } from './interfaces/content-editor';
 declare function __VLS_template(): Readonly<IContentEditorSlots> & IContentEditorSlots;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: import('vue').PropType<string>;
+    attachmentDraftKey: {
+        type: import('vue').PropType<string>;
+    };
     layout: {
         type: import('vue').PropType<"auto" | "desktop">;
     };
@@ -129,6 +132,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     "slash-change": (search: string | null) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: import('vue').PropType<string>;
+    attachmentDraftKey: {
+        type: import('vue').PropType<string>;
+    };
     layout: {
         type: import('vue').PropType<"auto" | "desktop">;
     };

package/dist/components/ContentEditor/interfaces/content-editor.d.ts

@@ -17,6 +17,8 @@ export interface IContentEditorSlots {
     'desktop-right-action'?: () => unknown;
 }
 export interface IContentEditorProps {
+    /** Разделяет несохранённые вложения разных черновиков в одном экземпляре редактора. */
+    attachmentDraftKey?: string;
     /** Keeps the full toolbar in narrow embedded surfaces. Default: responsive. */
     layout?: 'auto' | 'desktop';
     /** Hides attachment dialogs while an embedding surface is collapsed. Keeps files. */

package/dist/components/Icon/enum/enum.d.ts

@@ -169,6 +169,11 @@ export declare enum IconNameEnum {
     hand = "hand",
     checkCircle = "check-circle",
     lightning = "lightning",
+    lightbulbFilament = "lightbulb-filament",
+    play = "play",
+    pause = "pause",
+    stop = "stop",
+    circle = "circle",
     emojiRecent = "emoji-recent",
     emojiSmileysPeople = "emoji-smileys-people",
     emojiAnimalsNature = "emoji-animals-nature",
@@ -177,6 +182,5 @@ export declare enum IconNameEnum {
     emojiSymbols = "emoji-symbols",
     emojiObjects = "emoji-objects",
     emojiFlags = "emoji-flags",
-    emojiTravelPlaces = "emoji-travel-places",
-    lightbulbFilament = "lightbulb-filament"
+    emojiTravelPlaces = "emoji-travel-places"
 }

package/dist/components/Icon/icons.d.ts

@@ -181,6 +181,10 @@ export declare const tableError: IVectorIcon;
 export declare const rearrange: IVectorIcon;
 export declare const hand: IVectorIcon;
 export declare const checkCircle: IVectorIcon;
+export declare const play: IVectorIcon;
+export declare const pause: IVectorIcon;
+export declare const stop: IVectorIcon;
+export declare const circle: IVectorIcon;
 export declare const lightning: IVectorIcon;
 export declare const emojiRecent: IVectorIcon;
 export declare const emojiSmileysPeople: IVectorIcon;

package/dist/components/Slider/helpers/media-type.d.ts

@@ -0,0 +1,4 @@
+import { SliderMediaType } from '../interface/interface';
+
+export declare const isSliderImage: (path: string | null | undefined, mediaType?: SliderMediaType) => boolean;
+export declare const isSliderVideo: (path: string | null | undefined, mediaType?: SliderMediaType) => boolean;

package/dist/components/Slider/interface/interface.d.ts

@@ -6,17 +6,22 @@ export type SliderPathError = {
     message?: string;
 };
 export type SliderPath = string | SliderPathError;
+export type SliderMediaType = 'image' | 'video';
 export type SliderItem = {
     path: SliderPath;
     fallbackPath?: string;
     name?: string;
     file?: File;
+    downloadPath?: string;
+    mediaType?: SliderMediaType;
 };
 export type IFile = {
     path: string;
     fallbackPath?: string;
     name?: string;
     file?: File;
+    downloadPath?: string;
+    mediaType?: SliderMediaType;
 };
 export interface ISliderProps extends IDataTestIdProp {
     items: SliderItem[];

package/dist/helpers/file/cache-pdf.d.ts

@@ -3,6 +3,7 @@ import { PDFDocumentProxy, PDFPageProxy } from 'pdfjs-dist';
 declare class CachePdf {
     private cache;
     private cachePage;
+    private pending;
     /**
      * Записывает в кэш загруженные документ pdf файла
      * @param key
@@ -15,6 +16,7 @@ declare class CachePdf {
      * @returns
      */
     getCache(key: string): PDFDocumentProxy | undefined;
+    getOrLoad(key: string, load: () => Promise<PDFDocumentProxy>): Promise<PDFDocumentProxy>;
     /**
      * Записывает в кэш страницу
      * @param key

package/dist/helpers/file/download-file.d.ts

@@ -1,2 +1,2 @@
-declare const downloadFile: (path: string, name?: string, file?: File) => Promise<void>;
+declare const downloadFile: (path: string, name?: string, file?: File, downloadPath?: string) => Promise<void>;
 export default downloadFile;