sep-yui 0.0.31 → 0.0.34
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 +46 -45
- package/dist/components/Button/Button.vue.d.ts +2 -2
- package/dist/components/Icon/enum/enum.d.ts +2 -1
- package/dist/components/Icon/icons.d.ts +3 -0
- package/dist/components/Search/Search.vue.d.ts +0 -3
- package/dist/components/Toggle/Toggle.vue.d.ts +3 -2
- package/dist/components/Toggle/interface/interface.d.ts +1 -0
- package/dist/components/UserMenu/interface/interface.d.ts +7 -4
- package/dist/sep-yui.es.ts +3677 -2998
- package/dist/sep-yui.umd.ts +41 -23
- package/dist/style.css +1 -1
- package/package.json +64 -64
package/README.md
CHANGED
@@ -1,45 +1,46 @@
|
|
1
|
-
## SEP-YUI Библиотека
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
```ts
|
16
|
-
main.ts
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
```
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
```
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
<
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
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 lang="scss"></styles>
|
46
|
+
```
|
@@ -14,7 +14,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
|
|
14
14
|
pill: boolean;
|
15
15
|
color: string;
|
16
16
|
}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
17
|
-
click: () => void;
|
17
|
+
click: (event: MouseEvent) => void;
|
18
18
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IButtonProps>, {
|
19
19
|
disabled: boolean;
|
20
20
|
size: SizesEnum;
|
@@ -22,7 +22,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
|
|
22
22
|
pill: boolean;
|
23
23
|
color: string;
|
24
24
|
}>>> & {
|
25
|
-
onClick?: (() => any) | undefined;
|
25
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
26
26
|
}, {
|
27
27
|
type: ButtonTypeEnum;
|
28
28
|
disabled: boolean;
|
@@ -1,5 +1,7 @@
|
|
1
1
|
import { IVectorIcon } from './interface/interface';
|
2
2
|
|
3
|
+
export declare const tasks: IVectorIcon;
|
4
|
+
export declare const logo: IVectorIcon;
|
3
5
|
export declare const help: IVectorIcon;
|
4
6
|
export declare const notification: IVectorIcon;
|
5
7
|
export declare const moonFill: IVectorIcon;
|
@@ -57,3 +59,4 @@ export declare const theComplaint: IVectorIcon;
|
|
57
59
|
export declare const baseOfEquipmentAndInventory: IVectorIcon;
|
58
60
|
export declare const usersGroup: IVectorIcon;
|
59
61
|
export declare const reports: IVectorIcon;
|
62
|
+
export declare const editing: IVectorIcon;
|
@@ -1,20 +1,17 @@
|
|
1
1
|
import { ISearchProps } from './interface/interface';
|
2
2
|
|
3
3
|
declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ISearchProps>, {
|
4
|
-
showHistory: boolean;
|
5
4
|
placeholder: string;
|
6
5
|
}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
7
6
|
enter: (value: string) => void;
|
8
7
|
input: (value: string) => void;
|
9
8
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ISearchProps>, {
|
10
|
-
showHistory: boolean;
|
11
9
|
placeholder: string;
|
12
10
|
}>>> & {
|
13
11
|
onInput?: ((value: string) => any) | undefined;
|
14
12
|
onEnter?: ((value: string) => any) | undefined;
|
15
13
|
}, {
|
16
14
|
placeholder: string;
|
17
|
-
showHistory: boolean;
|
18
15
|
}, {}>;
|
19
16
|
export default _default;
|
20
17
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
@@ -4,14 +4,15 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
4
4
|
disabled: boolean;
|
5
5
|
checked: boolean;
|
6
6
|
}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
7
|
-
|
7
|
+
change: (isChecked: boolean) => void;
|
8
8
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IToggleProps>, {
|
9
9
|
disabled: boolean;
|
10
10
|
checked: boolean;
|
11
11
|
}>>> & {
|
12
|
-
|
12
|
+
onChange?: ((isChecked: boolean) => any) | undefined;
|
13
13
|
}, {
|
14
14
|
disabled: boolean;
|
15
|
+
checked: boolean;
|
15
16
|
}, {}>;
|
16
17
|
export default _default;
|
17
18
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
@@ -1,17 +1,20 @@
|
|
1
1
|
import { ISwitchProps } from '../../Switch/interface/interface';
|
2
2
|
|
3
|
-
type
|
3
|
+
type userType = {
|
4
4
|
name: string;
|
5
5
|
role: string;
|
6
|
-
|
6
|
+
avatar: string;
|
7
7
|
};
|
8
8
|
export interface IAdminPanel {
|
9
|
-
user:
|
9
|
+
user: userType;
|
10
10
|
}
|
11
11
|
export interface IMenuLanguagesProps {
|
12
12
|
languages?: ISwitchProps;
|
13
13
|
}
|
14
|
-
export interface
|
14
|
+
export interface IThemeProps {
|
15
|
+
isBlackTheme?: boolean;
|
16
|
+
}
|
17
|
+
export interface IMenuProps extends IAdminPanel, IMenuLanguagesProps, IThemeProps {
|
15
18
|
closeAfterClick?: boolean;
|
16
19
|
}
|
17
20
|
export {};
|