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 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
+ Токен можно для публикации можно получить у менеджера.
@@ -1,5 +1,6 @@
1
1
  export declare enum SizesEnum {
2
2
  small = "small",
3
3
  medium = "medium",
4
- large = "large"
4
+ large = "large",
5
+ little = "little"
5
6
  }
@@ -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;
@@ -88,5 +88,7 @@ export declare enum IconNameEnum {
88
88
  handSignEmoji = "hand-sign-emoji",
89
89
  calendar = "calendar",
90
90
  paint = "paint",
91
- closeTag = "close-tag"
91
+ closeTag = "close-tag",
92
+ arrowUp = "arrow-up",
93
+ arrowDown = "arrow-down"
92
94
  }
@@ -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
+ };
@@ -24,3 +24,5 @@ export interface ITableEmit {
24
24
  }
25
25
  export interface IHeadTableRowProps extends IDataTestIdProp {
26
26
  }
27
+ export interface ITableSimpleProps extends IDataTestIdProp {
28
+ }
@@ -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 IRangeForDatePicker, type OptionsObject, Range, type IDialogProps };
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 };