@pksep/yui 0.1.313 → 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 +83 -83
- package/dist/components/Icon/enum/enum.d.ts +3 -1
- package/dist/components/Icon/icons.d.ts +2 -0
- package/dist/components/Preview/PdfPreview.vue.d.ts +17 -3
- package/dist/components/Preview/interface/index.d.ts +1 -0
- package/dist/components/Slider/interface/interface.d.ts +2 -0
- package/dist/sep-yui.mjs +24043 -23828
- package/dist/sep-yui.umd.cjs +385 -382
- package/dist/style.css +1 -1
- package/package.json +2 -2
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
|
+
Токен можно для публикации можно получить у менеджера.
|
|
@@ -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
|
|
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
|
-
}>, {
|
|
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
|
+
} & {};
|
|
@@ -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
|
};
|