yxuse 1.0.18 → 1.0.20
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 +5 -1
- package/lib/index.es4.js +0 -15
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -22,9 +22,13 @@ pnpm set registry https://registry.npmjs.org
|
|
|
22
22
|
- 使用方式
|
|
23
23
|
|
|
24
24
|
```javascript
|
|
25
|
-
//在项目入口文件 main.js/main.ts
|
|
25
|
+
//在项目入口文件 main.js/main.ts中,在webpack5/vite项目中请使用以下方式按需导入
|
|
26
26
|
import { install } from "yxuse/theme";
|
|
27
27
|
install();
|
|
28
|
+
//在webpack4或其他低版本语法
|
|
29
|
+
import yxuse from "yxuse";
|
|
30
|
+
const { install } = yxuse.theme;
|
|
31
|
+
install();
|
|
28
32
|
```
|
|
29
33
|
|
|
30
34
|
- 内置方法
|
package/lib/index.es4.js
CHANGED
|
@@ -1,46 +1,38 @@
|
|
|
1
1
|
const n = {
|
|
2
2
|
green: {
|
|
3
3
|
common: {
|
|
4
|
-
//公用颜色
|
|
5
4
|
color: {
|
|
6
|
-
//主题色
|
|
7
5
|
"main-100": "rgba(80, 165, 122, 1)",
|
|
8
6
|
"main-50": "rgba(80, 165, 122, 0.5)",
|
|
9
7
|
"main-25": "rgba(80, 165, 122, 0.25)",
|
|
10
8
|
"main-15": "rgba(80, 165, 122, 0.15)",
|
|
11
9
|
"main-5": "rgba(80, 165, 122, 0.05)",
|
|
12
|
-
//故障色
|
|
13
10
|
"error-100": "rgba(255, 152, 146, 1)",
|
|
14
11
|
"error-50": "rgba(255, 152, 146, 0.5)",
|
|
15
12
|
"error-25": "rgba(255, 152, 146, 0.25)",
|
|
16
13
|
"error-15": "rgba(255, 152, 146, 0.15)",
|
|
17
14
|
"error-5": "rgba(255, 152, 146, 0.05)",
|
|
18
|
-
//预警色
|
|
19
15
|
"warning-100": "rgba(249, 162, 33, 1)",
|
|
20
16
|
"warning-50": "rgba(249, 162, 33, 0.5)",
|
|
21
17
|
"warning-25": "rgba(249, 162, 33, 0.25)",
|
|
22
18
|
"warning-15": "rgba(249, 162, 33, 0.15)",
|
|
23
19
|
"warning-5": "rgba(249, 162, 33, 0.05)",
|
|
24
|
-
//信息色
|
|
25
20
|
"info-100": "rgba(133, 233, 183, 1)",
|
|
26
21
|
"info-50": "rgba(133, 233, 183, 0.5)",
|
|
27
22
|
"info-25": "rgba(133, 233, 183, 0.25)",
|
|
28
23
|
"info-15": "rgba(133, 233, 183, 0.15)",
|
|
29
24
|
"info-5": "rgba(133, 233, 183, 0.05)",
|
|
30
|
-
//中性色
|
|
31
25
|
"neutral-100": "rgba(85, 221, 221, 1)",
|
|
32
26
|
"neutral-50": "rgba(85, 221, 221, 0.5)",
|
|
33
27
|
"neutral-25": "rgba(85, 221, 221, 0.25)",
|
|
34
28
|
"neutral-15": "rgba(85, 221, 221, 0.15)",
|
|
35
29
|
"neutral-5": "rgba(85, 221, 221, 0.05)"
|
|
36
30
|
},
|
|
37
|
-
//背景色类
|
|
38
31
|
background: {
|
|
39
32
|
"error-gradual": "linear-gradient(90deg, #FFCECB 0%, rgba(255,235,233,0.35) 100%)",
|
|
40
33
|
"warning-gradual": "linear-gradient(90deg, #FFE4BC 0%, rgba(255,250,233,0.35) 100%)",
|
|
41
34
|
"success-gradual": "linear-gradient(90deg, #D5ECBE 0%, rgba(234,255,233,0.35) 100%)"
|
|
42
35
|
},
|
|
43
|
-
//按钮类
|
|
44
36
|
button: {
|
|
45
37
|
background: "rgba(103, 186, 145, 0.10)",
|
|
46
38
|
"border-color": "rgba(80, 165, 122, 1)",
|
|
@@ -59,7 +51,6 @@ const n = {
|
|
|
59
51
|
"checked-icon-color": "rgba(80, 165, 122, 1)",
|
|
60
52
|
"checked-border-color": "rgba(154, 209, 162, 1)"
|
|
61
53
|
},
|
|
62
|
-
//input
|
|
63
54
|
input: {
|
|
64
55
|
background: "rgba(237, 246, 239, 1)",
|
|
65
56
|
"border-color": "rgba(80, 165, 122, 1)",
|
|
@@ -75,7 +66,6 @@ const n = {
|
|
|
75
66
|
"disabled-border-color": "rgba(237, 246, 239, 1)",
|
|
76
67
|
"disabled-color": "rgba(83, 83, 83, 1)"
|
|
77
68
|
},
|
|
78
|
-
// select
|
|
79
69
|
select: {
|
|
80
70
|
"dropdown-background": "rgba(237, 246, 239, 1)",
|
|
81
71
|
"dropdown-border-color": "rgba(80, 165, 122, 1)",
|
|
@@ -86,15 +76,10 @@ const n = {
|
|
|
86
76
|
"dropdown-item-selected-color": "rgba(29, 75, 52, 1)"
|
|
87
77
|
},
|
|
88
78
|
tree: {},
|
|
89
|
-
//布局类
|
|
90
79
|
layout: {},
|
|
91
|
-
//表格类
|
|
92
80
|
table: {},
|
|
93
|
-
//曲线类
|
|
94
81
|
chart: {},
|
|
95
|
-
//提示类
|
|
96
82
|
message: {},
|
|
97
|
-
//文字颜色
|
|
98
83
|
text: {
|
|
99
84
|
main: "#50A57A",
|
|
100
85
|
deep: "#1D4B34",
|