sep-yui 0.1.98 → 0.1.99

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,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
+ };
@@ -0,0 +1,8 @@
1
+ import { IDataTestIdProp } from '../../../common/dataTestidProps';
2
+
3
+ export interface IAvatar extends IDataTestIdProp {
4
+ initials?: string;
5
+ url?: string;
6
+ isIcon?: boolean;
7
+ alt?: string;
8
+ }
@@ -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