@pksep/yui 0.1.314 → 0.1.315

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,83 +1,83 @@
1
- # SEP-YUI
2
-
3
- **SEP-YUI** — библиотека UI-компонентов для Vue, созданная для решения задачи удобного переиспользования интерфейсных элементов между проектами.
4
- Она позволяет использовать единый набор UI-решений, снижает связанность компонентов и упрощает поддержку.
5
-
6
- ## Основные преимущества
7
-
8
- - Лёгкая интеграция в существующие проекты
9
- - Низкий порог входа
10
- - Гибкость и кастомизация
11
- - Регулярные обновления и техническая поддержка
12
- - Возможность комбинирования компонентов внутри проекта
13
-
14
- ---
15
-
16
- ## Установка и подключение
17
-
18
- ```bash
19
- bun add @pksep/yui
20
- ```
21
-
22
- #### 1. Для использования библиотеки в проекте, необходимо импортировать компоненты библиотеки в главный файл проекта main.ts таким образом:
23
-
24
- ```ts
25
- main.ts;
26
- import Ylibrary from '@pksep/yui';
27
- app.use(Ylibrary);
28
- app.mount('#app');
29
- ```
30
-
31
- #### 1.1 Для выборочного импорта компонентов, можно использовать подключение такого вида.
32
-
33
- ```ts
34
- main.ts;
35
- import { Toggle } from '@pksep/yui';
36
- app.component('Toggle', Toggle);
37
- ```
38
-
39
- #### 2. Стили импортируются через путь "@pksep/yui/styles" также в файле main.ts
40
-
41
- ```ts
42
- main.ts;
43
- import '@pksep/yui/styles';
44
- ```
45
-
46
- Стили библиотеки подключаются отдельно от JavaScript и уже содержат используемые
47
- шрифты Inter Variable и Source Sans Pro. Если проект переопределяет токены или
48
- стили компонентов, импортируйте собственный stylesheet после `@pksep/yui/styles`.
49
-
50
- #### 3. Далее просто пишем название компонента внутри проекта и используем как при обычной разработке на Vue.
51
-
52
- ```vue
53
- App.vue
54
- <template>
55
- <Toggle :disabled="true" :backgroundColor="'red'" />
56
- </template>
57
- <script setup lang="ts"></script>
58
- <styles scoped></styles>
59
- ```
60
-
61
-
62
- ---
63
-
64
- ## Примеры и Storybook
65
-
66
- Документация и примеры компонентов:
67
-
68
- ➡️ https://pksep.github.io/sep_yui
69
-
70
- ---
71
-
72
- ## Разработка
73
-
74
- ### Публикация пакетов
75
-
76
- Обязательно через команду, так как генерятся changelog. Для этого используем:
77
- [changeloggen](https://unjs.io/packages/changelogen/)
78
-
79
- ```sh
80
- bun run publish:lib
81
- ```
82
-
83
- Токен можно для публикации можно получить у менеджера.
1
+ # SEP-YUI
2
+
3
+ **SEP-YUI** — библиотека UI-компонентов для Vue, созданная для решения задачи удобного переиспользования интерфейсных элементов между проектами.
4
+ Она позволяет использовать единый набор UI-решений, снижает связанность компонентов и упрощает поддержку.
5
+
6
+ ## Основные преимущества
7
+
8
+ - Лёгкая интеграция в существующие проекты
9
+ - Низкий порог входа
10
+ - Гибкость и кастомизация
11
+ - Регулярные обновления и техническая поддержка
12
+ - Возможность комбинирования компонентов внутри проекта
13
+
14
+ ---
15
+
16
+ ## Установка и подключение
17
+
18
+ ```bash
19
+ bun add @pksep/yui
20
+ ```
21
+
22
+ #### 1. Для использования библиотеки в проекте, необходимо импортировать компоненты библиотеки в главный файл проекта main.ts таким образом:
23
+
24
+ ```ts
25
+ main.ts;
26
+ import Ylibrary from '@pksep/yui';
27
+ app.use(Ylibrary);
28
+ app.mount('#app');
29
+ ```
30
+
31
+ #### 1.1 Для выборочного импорта компонентов, можно использовать подключение такого вида.
32
+
33
+ ```ts
34
+ main.ts;
35
+ import { Toggle } from '@pksep/yui';
36
+ app.component('Toggle', Toggle);
37
+ ```
38
+
39
+ #### 2. Стили импортируются через путь "@pksep/yui/styles" также в файле main.ts
40
+
41
+ ```ts
42
+ main.ts;
43
+ import '@pksep/yui/styles';
44
+ ```
45
+
46
+ Стили библиотеки подключаются отдельно от JavaScript и уже содержат используемые
47
+ шрифты Inter Variable и Source Sans Pro. Если проект переопределяет токены или
48
+ стили компонентов, импортируйте собственный stylesheet после `@pksep/yui/styles`.
49
+
50
+ #### 3. Далее просто пишем название компонента внутри проекта и используем как при обычной разработке на Vue.
51
+
52
+ ```vue
53
+ App.vue
54
+ <template>
55
+ <Toggle :disabled="true" :backgroundColor="'red'" />
56
+ </template>
57
+ <script setup lang="ts"></script>
58
+ <styles scoped></styles>
59
+ ```
60
+
61
+
62
+ ---
63
+
64
+ ## Примеры и Storybook
65
+
66
+ Документация и примеры компонентов:
67
+
68
+ ➡️ https://pksep.github.io/sep_yui
69
+
70
+ ---
71
+
72
+ ## Разработка
73
+
74
+ ### Публикация пакетов
75
+
76
+ Обязательно через команду, так как генерятся changelog. Для этого используем:
77
+ [changeloggen](https://unjs.io/packages/changelogen/)
78
+
79
+ ```sh
80
+ bun run publish:lib
81
+ ```
82
+
83
+ Токен можно для публикации можно получить у менеджера.
@@ -162,5 +162,7 @@ export declare enum IconNameEnum {
162
162
  connection = "connection",
163
163
  tableError = "table-error",
164
164
  rearrange = "rearrange",
165
- checked = "checked"
165
+ checked = "checked",
166
+ hand = "hand",
167
+ checkCircle = "check-circle"
166
168
  }
@@ -176,3 +176,5 @@ export declare const colorPicker: IVectorIcon;
176
176
  export declare const connection: IVectorIcon;
177
177
  export declare const tableError: IVectorIcon;
178
178
  export declare const rearrange: IVectorIcon;
179
+ export declare const hand: IVectorIcon;
180
+ export declare const checkCircle: IVectorIcon;
@@ -1,15 +1,21 @@
1
1
  import { IPdfPreviewProps } from './interface';
2
2
 
3
- declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IPdfPreviewProps>>, {
3
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IPdfPreviewProps>, {
4
+ resolutionScale: number;
5
+ }>>, {
4
6
  clearCanvas: () => void;
5
7
  rotatePdf: (deltaAngle: number) => Promise<void>;
6
8
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
7
9
  load: () => void;
8
10
  error: (error: unknown) => void;
9
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IPdfPreviewProps>>> & Readonly<{
11
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IPdfPreviewProps>, {
12
+ resolutionScale: number;
13
+ }>>> & Readonly<{
10
14
  onLoad?: (() => any) | undefined;
11
15
  onError?: ((error: unknown) => any) | undefined;
12
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
16
+ }>, {
17
+ resolutionScale: number;
18
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
13
19
  export default _default;
14
20
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
15
21
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -20,3 +26,11 @@ type __VLS_TypePropsToRuntimeProps<T> = {
20
26
  required: true;
21
27
  };
22
28
  };
29
+ type __VLS_WithDefaults<P, D> = {
30
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
31
+ default: D[K];
32
+ }> : P[K];
33
+ };
34
+ type __VLS_Prettify<T> = {
35
+ [K in keyof T]: T[K];
36
+ } & {};
@@ -2,6 +2,7 @@ export interface IPdfPreviewProps {
2
2
  src: string | undefined;
3
3
  page?: number;
4
4
  file?: File;
5
+ resolutionScale?: number;
5
6
  }
6
7
  export interface IPdfPreviewEmit {
7
8
  (e: 'load'): void;
@@ -8,11 +8,13 @@ export type SliderPathError = {
8
8
  export type SliderPath = string | SliderPathError;
9
9
  export type SliderItem = {
10
10
  path: SliderPath;
11
+ fallbackPath?: string;
11
12
  name?: string;
12
13
  file?: File;
13
14
  };
14
15
  export type IFile = {
15
16
  path: string;
17
+ fallbackPath?: string;
16
18
  name?: string;
17
19
  file?: File;
18
20
  };