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 CHANGED
@@ -1,52 +1,41 @@
1
- # Как работать с библиотекой
1
+ ## SEP-YUI Библиотека
2
+ Призванна решать проблемы переиспользования компонентов из одного проекта в другой. Она решает проблемы путем установления независимости одного компонента от другого.
2
3
 
3
- ### Установить нпм-пакет с библиотекой к себе в проект
4
- ### Для работы библиотеки необходимы: node.js >= 20.14.0 и npm >= 10.7.0
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
- ```ts
33
+ ```vue
44
34
  App.vue
45
35
  <template>
46
36
  <Toggle
47
- {
48
- props...
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
  }