sep-yui 0.1.98 → 0.1.100
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 +59 -59
- package/dist/components/Avatar/Avatar.vue.d.ts +13 -0
- package/dist/components/Avatar/interfaces/interfaces.d.ts +8 -0
- package/dist/components/Icon/Icon.vue.d.ts +0 -6
- package/dist/components/Icon/enum/enum.d.ts +7 -1
- package/dist/components/Icon/icons.d.ts +6 -0
- package/dist/components/index.d.ts +3 -1
- package/dist/default-avatar.jpg +0 -0
- package/dist/sep-yui.es.ts +8289 -8175
- package/dist/sep-yui.umd.ts +439 -406
- package/dist/style.css +1 -1
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -1,59 +1,59 @@
|
|
|
1
|
-
## SEP-YUI Библиотека
|
|
2
|
-
|
|
3
|
-
Призванна решать проблемы переиспользования компонентов из одного проекта в другой. Она решает проблемы путем установления независимости одного компонента от другого.
|
|
4
|
-
|
|
5
|
-
Легко встраивается в любой существующий проект и имеет низкий порог для входа. Одно из ее главных преимуществ это гибкость, постоянные обновления и тех.поддержка, а также возможность комбинировать их внутри вашей экосистемы проекта.
|
|
6
|
-
|
|
7
|
-
## Установка
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
npm i sep-yui
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
#### 1. Для использования библиотеки в проекте, необходимо импортировать компоненты библиотеки в главный файл проекта main.ts таким образом:
|
|
14
|
-
|
|
15
|
-
```ts
|
|
16
|
-
main.ts;
|
|
17
|
-
import Ylibrary from 'sep-yui';
|
|
18
|
-
app.use(Ylibrary);
|
|
19
|
-
app.mount('#app');
|
|
20
|
-
```
|
|
21
|
-
|
|
22
|
-
#### 1.1 Для выборочного импорта компонентов, можно использовать подключение такого вида.
|
|
23
|
-
|
|
24
|
-
```ts
|
|
25
|
-
main.ts;
|
|
26
|
-
import { Toggle } from 'sep-yui';
|
|
27
|
-
app.component('Toggle', Toggle);
|
|
28
|
-
```
|
|
29
|
-
|
|
30
|
-
#### 2. Стили импортируются через путь "sep-yui/styles" также в файле main.ts
|
|
31
|
-
|
|
32
|
-
```ts
|
|
33
|
-
main.ts;
|
|
34
|
-
import 'sep-yui/styles';
|
|
35
|
-
```
|
|
36
|
-
|
|
37
|
-
#### 3. Далее просто пишем название компонента внутри проекта и используем как при обычной разработке на Vue.
|
|
38
|
-
|
|
39
|
-
```vue
|
|
40
|
-
App.vue
|
|
41
|
-
<template>
|
|
42
|
-
<Toggle :disabled="true" :backgroundColor="'red'" />
|
|
43
|
-
</template>
|
|
44
|
-
<script setup lang="ts"></script>
|
|
45
|
-
<styles scoped></styles>
|
|
46
|
-
```
|
|
47
|
-
|
|
48
|
-
## Разработка
|
|
49
|
-
|
|
50
|
-
### Публикация пакетов
|
|
51
|
-
|
|
52
|
-
Обязательно через команду, так как генерятся changelog. Для этого используем:
|
|
53
|
-
[changeloggen](https://unjs.io/packages/changelogen/)
|
|
54
|
-
|
|
55
|
-
```sh
|
|
56
|
-
pnpm run build:lib
|
|
57
|
-
```
|
|
58
|
-
|
|
59
|
-
Токен можно для публикации можно получить у менеджера.
|
|
1
|
+
## SEP-YUI Библиотека
|
|
2
|
+
|
|
3
|
+
Призванна решать проблемы переиспользования компонентов из одного проекта в другой. Она решает проблемы путем установления независимости одного компонента от другого.
|
|
4
|
+
|
|
5
|
+
Легко встраивается в любой существующий проект и имеет низкий порог для входа. Одно из ее главных преимуществ это гибкость, постоянные обновления и тех.поддержка, а также возможность комбинировать их внутри вашей экосистемы проекта.
|
|
6
|
+
|
|
7
|
+
## Установка
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm i sep-yui
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
#### 1. Для использования библиотеки в проекте, необходимо импортировать компоненты библиотеки в главный файл проекта main.ts таким образом:
|
|
14
|
+
|
|
15
|
+
```ts
|
|
16
|
+
main.ts;
|
|
17
|
+
import Ylibrary from 'sep-yui';
|
|
18
|
+
app.use(Ylibrary);
|
|
19
|
+
app.mount('#app');
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
#### 1.1 Для выборочного импорта компонентов, можно использовать подключение такого вида.
|
|
23
|
+
|
|
24
|
+
```ts
|
|
25
|
+
main.ts;
|
|
26
|
+
import { Toggle } from 'sep-yui';
|
|
27
|
+
app.component('Toggle', Toggle);
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
#### 2. Стили импортируются через путь "sep-yui/styles" также в файле main.ts
|
|
31
|
+
|
|
32
|
+
```ts
|
|
33
|
+
main.ts;
|
|
34
|
+
import 'sep-yui/styles';
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
#### 3. Далее просто пишем название компонента внутри проекта и используем как при обычной разработке на Vue.
|
|
38
|
+
|
|
39
|
+
```vue
|
|
40
|
+
App.vue
|
|
41
|
+
<template>
|
|
42
|
+
<Toggle :disabled="true" :backgroundColor="'red'" />
|
|
43
|
+
</template>
|
|
44
|
+
<script setup lang="ts"></script>
|
|
45
|
+
<styles scoped></styles>
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
## Разработка
|
|
49
|
+
|
|
50
|
+
### Публикация пакетов
|
|
51
|
+
|
|
52
|
+
Обязательно через команду, так как генерятся changelog. Для этого используем:
|
|
53
|
+
[changeloggen](https://unjs.io/packages/changelogen/)
|
|
54
|
+
|
|
55
|
+
```sh
|
|
56
|
+
pnpm run build:lib
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
Токен можно для публикации можно получить у менеджера.
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { IAvatar } from './interfaces/interfaces';
|
|
2
|
+
|
|
3
|
+
declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<IAvatar>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IAvatar>>>, {}, {}>;
|
|
4
|
+
export default _default;
|
|
5
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
6
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
7
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
8
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
9
|
+
} : {
|
|
10
|
+
type: import('vue').PropType<T[K]>;
|
|
11
|
+
required: true;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
@@ -1,16 +1,10 @@
|
|
|
1
1
|
import { IIconPorps } from './interface/interface';
|
|
2
2
|
|
|
3
3
|
declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IIconPorps>, {
|
|
4
|
-
width: number;
|
|
5
|
-
height: number;
|
|
6
4
|
dataTestid: string;
|
|
7
5
|
}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IIconPorps>, {
|
|
8
|
-
width: number;
|
|
9
|
-
height: number;
|
|
10
6
|
dataTestid: string;
|
|
11
7
|
}>>>, {
|
|
12
|
-
height: number;
|
|
13
|
-
width: number;
|
|
14
8
|
dataTestid: string;
|
|
15
9
|
}, {}>;
|
|
16
10
|
export default _default;
|
|
@@ -94,5 +94,11 @@ export declare enum IconNameEnum {
|
|
|
94
94
|
openDocument = "open-document",
|
|
95
95
|
time = "time",
|
|
96
96
|
menuArchive = "menu-archive",
|
|
97
|
-
baseProduct = "base-product"
|
|
97
|
+
baseProduct = "base-product",
|
|
98
|
+
sidebar = "sidebar",
|
|
99
|
+
pin = "pin",
|
|
100
|
+
read = "read",
|
|
101
|
+
atSign = "at-sign",
|
|
102
|
+
smile = "smile",
|
|
103
|
+
planeRight = "plane-right"
|
|
98
104
|
}
|
|
@@ -104,3 +104,9 @@ export declare const slashCircle: IVectorIcon;
|
|
|
104
104
|
export declare const openDocument: IVectorIcon;
|
|
105
105
|
export declare const time: IVectorIcon;
|
|
106
106
|
export declare const remains: IVectorIcon;
|
|
107
|
+
export declare const atSign: IVectorIcon;
|
|
108
|
+
export declare const smile: IVectorIcon;
|
|
109
|
+
export declare const planeRight: IVectorIcon;
|
|
110
|
+
export declare const sidebar: IVectorIcon;
|
|
111
|
+
export declare const pin: IVectorIcon;
|
|
112
|
+
export declare const read: IVectorIcon;
|
|
@@ -46,13 +46,15 @@ import { default as TableNew } from './Table/TableNew.vue';
|
|
|
46
46
|
import { default as TableRowNew } from './Table/TableRowNew.vue';
|
|
47
47
|
import { default as HeadTableRowNew } from './Table/HeadTableRowNew.vue';
|
|
48
48
|
import { default as TableSimple } from './Table/TableSimple.vue';
|
|
49
|
+
import { default as Avatar } from './Avatar/Avatar.vue';
|
|
49
50
|
import { getFirstTime, getLastTime } from './Calendar/date-utils';
|
|
50
51
|
import { IRangeForDatePicker } from './Calendar/interfaces/interfaces';
|
|
51
52
|
import { OptionsObject } from './Select/interface/interface';
|
|
52
53
|
import { IDialogProps } from './Modal/interface/interface';
|
|
54
|
+
import { IDataTestIdProp } from '../common/dataTestidProps';
|
|
53
55
|
|
|
54
56
|
declare const _default: {
|
|
55
57
|
install: (app: App) => void;
|
|
56
58
|
};
|
|
57
59
|
export default _default;
|
|
58
|
-
export { Accordion, Badges, BreadCrumbs, Button, Dialog, Card, Calendar, DragAndDrop, Switch, SelectList, Dropdown, Textarea, Filter, Icon, Input, Combobox, InputNumber, Search, PushNotification, Picture, Scroll, Modal, Slider, Checkbox, Toggle, UserMenu, CopyIcon, Loader, FilterTag, CircularProgress, Popover, Table, TableSimple, TableNew, TableRow, TableRowNew, TableTd, TableTh, SectionTableRow, HeadTableRow, HeadTableRowNew, PopoverHover, ScrollWrapper, Radio, Tooltip, BaseFilter, Range, type IDialogProps, type IRangeForDatePicker, type OptionsObject, getLastTime, getFirstTime };
|
|
60
|
+
export { Accordion, Badges, BreadCrumbs, Button, Dialog, Card, Calendar, DragAndDrop, Switch, SelectList, Dropdown, Textarea, Filter, Icon, Input, Combobox, InputNumber, Search, PushNotification, Picture, Scroll, Modal, Slider, Checkbox, Toggle, UserMenu, CopyIcon, Loader, FilterTag, CircularProgress, Popover, Table, TableSimple, TableNew, TableRow, TableRowNew, TableTd, TableTh, SectionTableRow, HeadTableRow, HeadTableRowNew, PopoverHover, ScrollWrapper, Radio, Tooltip, BaseFilter, Range, Avatar, type IDialogProps, type IRangeForDatePicker, type OptionsObject, type IDataTestIdProp, getLastTime, getFirstTime };
|
|
Binary file
|