@pksep/yui 0.1.322 → 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/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;