sep-yui 0.0.27 → 0.0.29
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 +10 -21
- package/dist/assets/icons/icons.d.ts +7 -0
- package/dist/components/Icon/enum/enum.d.ts +8 -1
- package/dist/sep-yui.es.ts +1494 -1410
- package/dist/sep-yui.umd.ts +98 -49
- package/package.json +1 -1
package/README.md
CHANGED
@@ -1,52 +1,41 @@
|
|
1
|
-
|
1
|
+
## SEP-YUI Библиотека
|
2
|
+
Призванна решать проблемы переиспользования компонентов из одного проекта в другой. Она решает проблемы путем установления независимости одного компонента от другого.
|
2
3
|
|
3
|
-
|
4
|
-
|
4
|
+
Легко встраивается в любой существующий проект и имеет низкий порог для входа. Одно из ее главных преимуществ это гибкость, постоянные обновления и тех.поддержка, а также возможность комбинировать их внутри вашей экосистемы проекта.
|
5
|
+
|
6
|
+
## Спонсор "ООО НПО АВТОМАТИВ"
|
7
|
+
|
8
|
+
## Установка
|
5
9
|
|
6
10
|
```bash
|
7
|
-
bash
|
8
11
|
npm i sep-yui
|
9
12
|
```
|
10
13
|
|
11
14
|
#### 1. Для использования библиотеки в проекте, необходимо импортировать компоненты библиотеки в главный файл проекта main.ts таким образом:
|
12
15
|
```ts
|
13
16
|
main.ts
|
14
|
-
import { createApp } from 'vue'
|
15
|
-
////your code
|
16
17
|
import Ylibrary from 'sep-yui';
|
17
|
-
|
18
|
-
const app = createApp(App);
|
19
|
-
|
20
18
|
app.use(Ylibrary)
|
21
19
|
app.mount('#app');
|
22
20
|
```
|
23
21
|
#### 1.1 Для выборочного импорта компонентов, можно использовать подключение такого вида.
|
24
22
|
```ts
|
25
23
|
main.ts
|
26
|
-
import { createApp } from 'vue'
|
27
|
-
////your code
|
28
24
|
import {Toggle} from 'sep-yui'
|
29
|
-
|
30
|
-
const app = createApp(App);
|
31
|
-
|
32
25
|
app.component('Toggle', Toggle);
|
33
|
-
app.mount('#app');
|
34
26
|
```
|
35
27
|
#### 2. Стили импортируются через путь "sep-yui/styles" также в файле main.ts
|
36
28
|
```ts
|
37
29
|
main.ts
|
38
|
-
import { createApp } from 'vue'
|
39
|
-
////your code
|
40
30
|
import 'sep-yui/styles'
|
41
31
|
```
|
42
32
|
#### 3. Далее просто пишем название компонента внутри проекта и используем как при обычной разработке на Vue.
|
43
|
-
```
|
33
|
+
```vue
|
44
34
|
App.vue
|
45
35
|
<template>
|
46
36
|
<Toggle
|
47
|
-
|
48
|
-
|
49
|
-
}
|
37
|
+
:disabled="true"
|
38
|
+
:backgroundColor="'red'"
|
50
39
|
/>
|
51
40
|
</template>
|
52
41
|
<script setup lang="ts">
|
@@ -28,3 +28,10 @@ export declare const filter: IvectorIcon;
|
|
28
28
|
export declare const bgNotContent: IvectorIcon;
|
29
29
|
export declare const document: IvectorIcon;
|
30
30
|
export declare const baseDetail: IvectorIcon;
|
31
|
+
export declare const addPlus: IvectorIcon;
|
32
|
+
export declare const closeVision: IvectorIcon;
|
33
|
+
export declare const openVision: IvectorIcon;
|
34
|
+
export declare const trash: IvectorIcon;
|
35
|
+
export declare const printer: IvectorIcon;
|
36
|
+
export declare const uploadCloud: IvectorIcon;
|
37
|
+
export declare const archive: IvectorIcon;
|
@@ -26,5 +26,12 @@ export declare enum IconNameEnum {
|
|
26
26
|
filter = "filter",
|
27
27
|
bgNotContent = "bgNotContent",
|
28
28
|
document = "document",
|
29
|
-
baseDetail = "baseDetail"
|
29
|
+
baseDetail = "baseDetail",
|
30
|
+
addPlus = "addPlus",
|
31
|
+
closeVision = "closeVision",
|
32
|
+
openVision = "openVision",
|
33
|
+
trash = "trash",
|
34
|
+
printer = "printer",
|
35
|
+
uploadCloud = "uploadCloud",
|
36
|
+
archive = "archive"
|
30
37
|
}
|