sep-yui 0.1.39 → 0.1.40
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/common/sizes.d.ts +2 -1
- package/dist/components/Button/Button.vue.d.ts +1 -1
- package/dist/components/Button/interface/interface.d.ts +1 -1
- package/dist/components/Icon/enum/enum.d.ts +3 -1
- package/dist/components/Icon/icons.d.ts +2 -0
- package/dist/components/Table/TableSimple.vue.d.ts +45 -0
- package/dist/components/Table/interface/interface.d.ts +2 -0
- package/dist/components/index.d.ts +4 -3
- package/dist/sep-yui.es.ts +4429 -4340
- package/dist/sep-yui.umd.ts +21 -16
- package/dist/style.css +1 -1
- package/package.json +74 -76
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
|
+
Токен можно для публикации можно получить у менеджера.
|
package/dist/common/sizes.d.ts
CHANGED
@@ -30,7 +30,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
|
|
30
30
|
dataTestid: string;
|
31
31
|
type: ButtonTypeEnum;
|
32
32
|
disabled: boolean;
|
33
|
-
size: SizesEnum.small | SizesEnum.medium | SizesEnum.large;
|
33
|
+
size: SizesEnum.small | SizesEnum.medium | SizesEnum.large | SizesEnum.little;
|
34
34
|
pill: boolean;
|
35
35
|
}, {}>;
|
36
36
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
@@ -4,7 +4,7 @@ import { IDataTestIdProp } from '../../../common/dataTestidProps';
|
|
4
4
|
|
5
5
|
export interface IButtonProps extends IDataTestIdProp {
|
6
6
|
disabled?: boolean;
|
7
|
-
size?: SizesEnum.small | SizesEnum.medium | SizesEnum.large;
|
7
|
+
size?: SizesEnum.small | SizesEnum.medium | SizesEnum.large | SizesEnum.little;
|
8
8
|
type?: ButtonTypeEnum;
|
9
9
|
pill?: boolean;
|
10
10
|
backgroundColor?: string;
|
@@ -5,6 +5,8 @@ export declare const help: IVectorIcon;
|
|
5
5
|
export declare const notification: IVectorIcon;
|
6
6
|
export declare const moonFill: IVectorIcon;
|
7
7
|
export declare const arrowLeft: IVectorIcon;
|
8
|
+
export declare const arrowUp: IVectorIcon;
|
9
|
+
export declare const arrowDown: IVectorIcon;
|
8
10
|
export declare const chevronDown: IVectorIcon;
|
9
11
|
export declare const chevronRight: IVectorIcon;
|
10
12
|
export declare const chevronLeft: IVectorIcon;
|
@@ -0,0 +1,45 @@
|
|
1
|
+
import { ITableSimpleProps } from './interface/interface';
|
2
|
+
|
3
|
+
declare function __VLS_template(): {
|
4
|
+
default?(_: {}): any;
|
5
|
+
colspan?(_: {}): any;
|
6
|
+
head?(_: {}): any;
|
7
|
+
search?(_: {}): any;
|
8
|
+
"body-group"?(_: {}): any;
|
9
|
+
body?(_: {}): any;
|
10
|
+
};
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ITableSimpleProps>, {
|
12
|
+
dataTestid: string;
|
13
|
+
}>, {
|
14
|
+
tbodyRef: import('vue').Ref<HTMLElement | null>;
|
15
|
+
tableRef: import('vue').Ref<HTMLElement | null>;
|
16
|
+
theadRef: import('vue').Ref<HTMLElement | null>;
|
17
|
+
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ITableSimpleProps>, {
|
18
|
+
dataTestid: string;
|
19
|
+
}>>>, {
|
20
|
+
dataTestid: string;
|
21
|
+
}, {}>;
|
22
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
23
|
+
export default _default;
|
24
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
25
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
26
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
27
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
28
|
+
} : {
|
29
|
+
type: import('vue').PropType<T[K]>;
|
30
|
+
required: true;
|
31
|
+
};
|
32
|
+
};
|
33
|
+
type __VLS_WithDefaults<P, D> = {
|
34
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
35
|
+
default: D[K];
|
36
|
+
}> : P[K];
|
37
|
+
};
|
38
|
+
type __VLS_Prettify<T> = {
|
39
|
+
[K in keyof T]: T[K];
|
40
|
+
} & {};
|
41
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
42
|
+
new (): {
|
43
|
+
$slots: S;
|
44
|
+
};
|
45
|
+
};
|
@@ -42,16 +42,17 @@ import { default as ScrollWrapper } from './ScrollWrapper/ScrollWrapper.vue';
|
|
42
42
|
import { default as Radio } from './Radio/Radio.vue';
|
43
43
|
import { default as Tooltip } from './Tooltip/Tooltip.vue';
|
44
44
|
import { default as BaseFilter } from './Select/BaseFilter.vue';
|
45
|
-
import { IRangeForDatePicker } from './Calendar/interfaces/interfaces';
|
46
|
-
import { OptionsObject } from './Select/interface/interface';
|
47
45
|
import { default as Range } from './Range/Range.vue';
|
48
46
|
import { default as TableNew } from './Table/TableNew.vue';
|
49
47
|
import { default as TableRowNew } from './Table/TableRowNew.vue';
|
50
48
|
import { default as HeadTableRowNew } from './Table/HeadTableRowNew.vue';
|
49
|
+
import { default as TableSimple } from './Table/TableSimple.vue';
|
50
|
+
import { IRangeForDatePicker } from './Calendar/interfaces/interfaces';
|
51
|
+
import { OptionsObject } from './Select/interface/interface';
|
51
52
|
import { IDialogProps } from './Modal/interface/interface';
|
52
53
|
|
53
54
|
declare const _default: {
|
54
55
|
install: (app: App) => void;
|
55
56
|
};
|
56
57
|
export default _default;
|
57
|
-
export { Accordion, Badges, BreadCrumbs, Button, Dialog, Card, Calendar, DragAndDrop, Switch, SelectList, Dropdown, Textarea, Filter, Icon, Input, Combobox, InputNumber, Search, SelectFilter, PushNotification, Picture, Scroll, Modal, Slider, Checkbox, Toggle, UserMenu, CopyIcon, Loader, FilterTag, CircularProgress, Popover, Table, TableNew, TableRow, TableRowNew, TableTd, TableTh, SectionTableRow, HeadTableRow, HeadTableRowNew, PopoverHover, ScrollWrapper, Radio, Tooltip, BaseFilter, type
|
58
|
+
export { Accordion, Badges, BreadCrumbs, Button, Dialog, Card, Calendar, DragAndDrop, Switch, SelectList, Dropdown, Textarea, Filter, Icon, Input, Combobox, InputNumber, Search, SelectFilter, 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 };
|