sep-yui 0.0.74 → 0.0.75
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 -46
- package/dist/components/Icon/icons.d.ts +0 -1
- package/dist/components/Input/interface/interface.d.ts +0 -3
- package/dist/components/Popover/Popover.vue.d.ts +0 -3
- package/dist/components/Popover/interface/interface.d.ts +0 -1
- package/dist/sep-yui.es.ts +2046 -2073
- package/dist/sep-yui.umd.ts +11 -16
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
@@ -1,46 +1,46 @@
|
|
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
|
-
```
|
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
|
+
```
|
@@ -41,7 +41,6 @@ export declare const closeVision: IVectorIcon;
|
|
41
41
|
export declare const deleteSmall: IVectorIcon;
|
42
42
|
export declare const openVision: IVectorIcon;
|
43
43
|
export declare const trash: IVectorIcon;
|
44
|
-
export declare const trashSmall: IVectorIcon;
|
45
44
|
export declare const printer: IVectorIcon;
|
46
45
|
export declare const uploadCloud: IVectorIcon;
|
47
46
|
export declare const archive: IVectorIcon;
|
@@ -4,14 +4,11 @@ import { IconNameEnum } from '../Icon/enum/enum';
|
|
4
4
|
declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IPopoverProps>, {
|
5
5
|
iconName: IconNameEnum;
|
6
6
|
options: () => never[];
|
7
|
-
tooltip: string;
|
8
7
|
}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IPopoverProps>, {
|
9
8
|
iconName: IconNameEnum;
|
10
9
|
options: () => never[];
|
11
|
-
tooltip: string;
|
12
10
|
}>>>, {
|
13
11
|
options: IPopoverOption[];
|
14
|
-
tooltip: string;
|
15
12
|
iconName: IconNameEnum;
|
16
13
|
}, {}>;
|
17
14
|
export default _default;
|