yxuse 1.0.17 → 1.0.19

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.
Files changed (9) hide show
  1. package/README.md +5 -1
  2. package/lib/index.cjs.js +1 -1
  3. package/lib/index.cjs4.js +123 -0
  4. package/lib/index.es.js +7 -5
  5. package/lib/index.es4.js +130 -0
  6. package/lib/theme.cjs.js +1 -1
  7. package/lib/theme.es.js +5 -136
  8. package/lib/themeConfig.json +102 -0
  9. 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.cjs.js CHANGED
@@ -1 +1 @@
1
- "use strict";const i=require("./index.cjs2.js"),s=require("./index.cjs3.js"),t={utils:i.utils,api:s.api};module.exports=t;
1
+ "use strict";const e=require("./index.cjs2.js"),t=require("./index.cjs3.js"),i=require("./index.cjs4.js"),s={utils:e.utils,api:t.api,theme:i.theme};module.exports=s;
package/lib/index.cjs4.js ADDED
@@ -0,0 +1,123 @@
1
+ "use strict";
2
+ const s = {
3
+ common: {
4
+ color: {
5
+ "main-100": "rgba(80, 165, 122, 1)",
6
+ "main-50": "rgba(80, 165, 122, 0.5)",
7
+ "main-25": "rgba(80, 165, 122, 0.25)",
8
+ "main-15": "rgba(80, 165, 122, 0.15)",
9
+ "main-5": "rgba(80, 165, 122, 0.05)",
10
+ "error-100": "rgba(255, 152, 146, 1)",
11
+ "error-50": "rgba(255, 152, 146, 0.5)",
12
+ "error-25": "rgba(255, 152, 146, 0.25)",
13
+ "error-15": "rgba(255, 152, 146, 0.15)",
14
+ "error-5": "rgba(255, 152, 146, 0.05)",
15
+ "warning-100": "rgba(249, 162, 33, 1)",
16
+ "warning-50": "rgba(249, 162, 33, 0.5)",
17
+ "warning-25": "rgba(249, 162, 33, 0.25)",
18
+ "warning-15": "rgba(249, 162, 33, 0.15)",
19
+ "warning-5": "rgba(249, 162, 33, 0.05)",
20
+ "info-100": "rgba(133, 233, 183, 1)",
21
+ "info-50": "rgba(133, 233, 183, 0.5)",
22
+ "info-25": "rgba(133, 233, 183, 0.25)",
23
+ "info-15": "rgba(133, 233, 183, 0.15)",
24
+ "info-5": "rgba(133, 233, 183, 0.05)",
25
+ "neutral-100": "rgba(85, 221, 221, 1)",
26
+ "neutral-50": "rgba(85, 221, 221, 0.5)",
27
+ "neutral-25": "rgba(85, 221, 221, 0.25)",
28
+ "neutral-15": "rgba(85, 221, 221, 0.15)",
29
+ "neutral-5": "rgba(85, 221, 221, 0.05)"
30
+ },
31
+ background: {
32
+ "error-gradual": "linear-gradient(90deg, #FFCECB 0%, rgba(255,235,233,0.35) 100%)",
33
+ "warning-gradual": "linear-gradient(90deg, #FFE4BC 0%, rgba(255,250,233,0.35) 100%)",
34
+ "success-gradual": "linear-gradient(90deg, #D5ECBE 0%, rgba(234,255,233,0.35) 100%)"
35
+ },
36
+ button: {
37
+ background: "rgba(103, 186, 145, 0.10)",
38
+ "border-color": "rgba(80, 165, 122, 1)",
39
+ "text-color": "rgba(80, 165, 122, 1)",
40
+ "active-background-color": "rgba(80, 165, 122, 1)",
41
+ "active-border-color": "rgba(154, 209, 162, 1)",
42
+ "active-text-color": "#fff"
43
+ },
44
+ checkbox: {
45
+ background: "rgba(216, 233, 219, 1)",
46
+ "icon-color": "rgba(80, 165, 122, 0)",
47
+ "border-color": "rgba(154, 209, 162, 1)",
48
+ "text-color": "#9AD1A2",
49
+ "checked-text-color": "#1D4B34",
50
+ "checked-background": "rgba(216, 233, 219, 1)",
51
+ "checked-icon-color": "rgba(80, 165, 122, 1)",
52
+ "checked-border-color": "rgba(154, 209, 162, 1)"
53
+ },
54
+ input: {
55
+ background: "rgba(237, 246, 239, 1)",
56
+ "border-color": "rgba(80, 165, 122, 1)",
57
+ color: "rgba(29, 75, 52, 1)",
58
+ "placeholder-color": "rgba(80, 165, 122, 1)",
59
+ "hover-background": "rgba(237, 246, 239, 0.30)",
60
+ "hover-border-color": "rgba(80, 165, 122, 1)",
61
+ "hover-color": "rgba(80, 165, 122, 1)",
62
+ "active-background": "rgba(237, 246, 239, 0.30)",
63
+ "active-border-color": "rgba(80, 165, 122, 1)",
64
+ "active-color": "rgba(80, 165, 122, 1)",
65
+ "disabled-background": "rgba(237, 246, 239, 1)",
66
+ "disabled-border-color": "rgba(237, 246, 239, 1)",
67
+ "disabled-color": "rgba(83, 83, 83, 1)"
68
+ },
69
+ select: {
70
+ "dropdown-background": "rgba(237, 246, 239, 1)",
71
+ "dropdown-border-color": "rgba(80, 165, 122, 1)",
72
+ "dropdown-item-color": "rgba(80, 165, 122, 1)",
73
+ "dropdown-item-hover-background": "rgba(178, 220, 198, 1)",
74
+ "dropdown-item-hover-color": "rgba(29, 75, 52, 1)",
75
+ "dropdown-item-selected-background": "rgba(178, 220, 198, 1)",
76
+ "dropdown-item-selected-color": "rgba(29, 75, 52, 1)"
77
+ },
78
+ tree: {},
79
+ layout: {},
80
+ table: {},
81
+ chart: {},
82
+ message: {},
83
+ text: { main: "#50A57A", deep: "#1D4B34", light: "rgba(80, 165, 122, 0.50)", paler: "#637B6B", warning: "#F8B85A" }
84
+ },
85
+ cloud: {},
86
+ "station-control-center": {}
87
+ },
88
+ m = { common: { "--test1": "#fff", "--test2": "#ccc" }, cloud: {}, "station-control-center": {} },
89
+ b = { green: s, blue: m },
90
+ o = "yxTheme",
91
+ u = "green",
92
+ c = () => {
93
+ const r = e();
94
+ localStorage.getItem(o) || localStorage.setItem(o, r);
95
+ const a = document.documentElement,
96
+ g = b[r].common;
97
+ Object.keys(g).forEach(t => {
98
+ Object.keys(g[t]).forEach(n => {
99
+ const i = `--${t}-${n}`;
100
+ a.style.setProperty(i, g[t][n]);
101
+ });
102
+ });
103
+ },
104
+ l = r => {
105
+ localStorage.setItem(o, r), c();
106
+ },
107
+ e = () => localStorage.getItem(o) || u,
108
+ d = r => {
109
+ const a = e();
110
+ return b[a][r] || {};
111
+ },
112
+ h = Object.freeze(
113
+ Object.defineProperty(
114
+ { __proto__: null, changeTheme: l, getCurTheme: e, getSystemThemeConfig: d, install: c },
115
+ Symbol.toStringTag,
116
+ { value: "Module" }
117
+ )
118
+ );
119
+ exports.changeTheme = l;
120
+ exports.getCurTheme = e;
121
+ exports.getSystemThemeConfig = d;
122
+ exports.install = c;
123
+ exports.theme = h;
package/lib/index.es.js CHANGED
@@ -1,9 +1,11 @@
1
- import { u as a } from "./index.es2.js";
1
+ import { u as t } from "./index.es2.js";
2
2
  import { a as o } from "./index.es3.js";
3
- const r = {
4
- utils: a,
5
- api: o
3
+ import { t as a } from "./index.es4.js";
4
+ const s = {
5
+ utils: t,
6
+ api: o,
7
+ theme: a
6
8
  };
7
9
  export {
8
- r as default
10
+ s as default
9
11
  };
package/lib/index.es4.js ADDED
@@ -0,0 +1,130 @@
1
+ const d = {
2
+ common: {
3
+ color: {
4
+ "main-100": "rgba(80, 165, 122, 1)",
5
+ "main-50": "rgba(80, 165, 122, 0.5)",
6
+ "main-25": "rgba(80, 165, 122, 0.25)",
7
+ "main-15": "rgba(80, 165, 122, 0.15)",
8
+ "main-5": "rgba(80, 165, 122, 0.05)",
9
+ "error-100": "rgba(255, 152, 146, 1)",
10
+ "error-50": "rgba(255, 152, 146, 0.5)",
11
+ "error-25": "rgba(255, 152, 146, 0.25)",
12
+ "error-15": "rgba(255, 152, 146, 0.15)",
13
+ "error-5": "rgba(255, 152, 146, 0.05)",
14
+ "warning-100": "rgba(249, 162, 33, 1)",
15
+ "warning-50": "rgba(249, 162, 33, 0.5)",
16
+ "warning-25": "rgba(249, 162, 33, 0.25)",
17
+ "warning-15": "rgba(249, 162, 33, 0.15)",
18
+ "warning-5": "rgba(249, 162, 33, 0.05)",
19
+ "info-100": "rgba(133, 233, 183, 1)",
20
+ "info-50": "rgba(133, 233, 183, 0.5)",
21
+ "info-25": "rgba(133, 233, 183, 0.25)",
22
+ "info-15": "rgba(133, 233, 183, 0.15)",
23
+ "info-5": "rgba(133, 233, 183, 0.05)",
24
+ "neutral-100": "rgba(85, 221, 221, 1)",
25
+ "neutral-50": "rgba(85, 221, 221, 0.5)",
26
+ "neutral-25": "rgba(85, 221, 221, 0.25)",
27
+ "neutral-15": "rgba(85, 221, 221, 0.15)",
28
+ "neutral-5": "rgba(85, 221, 221, 0.05)"
29
+ },
30
+ background: {
31
+ "error-gradual": "linear-gradient(90deg, #FFCECB 0%, rgba(255,235,233,0.35) 100%)",
32
+ "warning-gradual": "linear-gradient(90deg, #FFE4BC 0%, rgba(255,250,233,0.35) 100%)",
33
+ "success-gradual": "linear-gradient(90deg, #D5ECBE 0%, rgba(234,255,233,0.35) 100%)"
34
+ },
35
+ button: {
36
+ background: "rgba(103, 186, 145, 0.10)",
37
+ "border-color": "rgba(80, 165, 122, 1)",
38
+ "text-color": "rgba(80, 165, 122, 1)",
39
+ "active-background-color": "rgba(80, 165, 122, 1)",
40
+ "active-border-color": "rgba(154, 209, 162, 1)",
41
+ "active-text-color": "#fff"
42
+ },
43
+ checkbox: {
44
+ background: "rgba(216, 233, 219, 1)",
45
+ "icon-color": "rgba(80, 165, 122, 0)",
46
+ "border-color": "rgba(154, 209, 162, 1)",
47
+ "text-color": "#9AD1A2",
48
+ "checked-text-color": "#1D4B34",
49
+ "checked-background": "rgba(216, 233, 219, 1)",
50
+ "checked-icon-color": "rgba(80, 165, 122, 1)",
51
+ "checked-border-color": "rgba(154, 209, 162, 1)"
52
+ },
53
+ input: {
54
+ background: "rgba(237, 246, 239, 1)",
55
+ "border-color": "rgba(80, 165, 122, 1)",
56
+ color: "rgba(29, 75, 52, 1)",
57
+ "placeholder-color": "rgba(80, 165, 122, 1)",
58
+ "hover-background": "rgba(237, 246, 239, 0.30)",
59
+ "hover-border-color": "rgba(80, 165, 122, 1)",
60
+ "hover-color": "rgba(80, 165, 122, 1)",
61
+ "active-background": "rgba(237, 246, 239, 0.30)",
62
+ "active-border-color": "rgba(80, 165, 122, 1)",
63
+ "active-color": "rgba(80, 165, 122, 1)",
64
+ "disabled-background": "rgba(237, 246, 239, 1)",
65
+ "disabled-border-color": "rgba(237, 246, 239, 1)",
66
+ "disabled-color": "rgba(83, 83, 83, 1)"
67
+ },
68
+ select: {
69
+ "dropdown-background": "rgba(237, 246, 239, 1)",
70
+ "dropdown-border-color": "rgba(80, 165, 122, 1)",
71
+ "dropdown-item-color": "rgba(80, 165, 122, 1)",
72
+ "dropdown-item-hover-background": "rgba(178, 220, 198, 1)",
73
+ "dropdown-item-hover-color": "rgba(29, 75, 52, 1)",
74
+ "dropdown-item-selected-background": "rgba(178, 220, 198, 1)",
75
+ "dropdown-item-selected-color": "rgba(29, 75, 52, 1)"
76
+ },
77
+ tree: {},
78
+ layout: {},
79
+ table: {},
80
+ chart: {},
81
+ message: {},
82
+ text: {
83
+ main: "#50A57A",
84
+ deep: "#1D4B34",
85
+ light: "rgba(80, 165, 122, 0.50)",
86
+ paler: "#637B6B",
87
+ warning: "#F8B85A"
88
+ }
89
+ },
90
+ cloud: {},
91
+ "station-control-center": {}
92
+ }, i = {
93
+ common: {
94
+ "--test1": "#fff",
95
+ "--test2": "#ccc"
96
+ },
97
+ cloud: {},
98
+ "station-control-center": {}
99
+ }, n = {
100
+ green: d,
101
+ blue: i
102
+ }, o = "yxTheme", s = "green", b = () => {
103
+ const r = c();
104
+ localStorage.getItem(o) || localStorage.setItem(o, r);
105
+ const e = document.documentElement, a = n[r].common;
106
+ Object.keys(a).forEach((g) => {
107
+ Object.keys(a[g]).forEach((t) => {
108
+ const l = `--${g}-${t}`;
109
+ e.style.setProperty(l, a[g][t]);
110
+ });
111
+ });
112
+ }, u = (r) => {
113
+ localStorage.setItem(o, r), b();
114
+ }, c = () => localStorage.getItem(o) || s, m = (r) => {
115
+ const e = c();
116
+ return n[e][r] || {};
117
+ }, h = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
118
+ __proto__: null,
119
+ changeTheme: u,
120
+ getCurTheme: c,
121
+ getSystemThemeConfig: m,
122
+ install: b
123
+ }, Symbol.toStringTag, { value: "Module" }));
124
+ export {
125
+ m as a,
126
+ u as c,
127
+ c as g,
128
+ b as i,
129
+ h as t
130
+ };
package/lib/theme.cjs.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n={green:{common:{color:{"main-100":"rgba(80, 165, 122, 1)","main-50":"rgba(80, 165, 122, 0.5)","main-25":"rgba(80, 165, 122, 0.25)","main-15":"rgba(80, 165, 122, 0.15)","main-5":"rgba(80, 165, 122, 0.05)","error-100":"rgba(255, 152, 146, 1)","error-50":"rgba(255, 152, 146, 0.5)","error-25":"rgba(255, 152, 146, 0.25)","error-15":"rgba(255, 152, 146, 0.15)","error-5":"rgba(255, 152, 146, 0.05)","warning-100":"rgba(249, 162, 33, 1)","warning-50":"rgba(249, 162, 33, 0.5)","warning-25":"rgba(249, 162, 33, 0.25)","warning-15":"rgba(249, 162, 33, 0.15)","warning-5":"rgba(249, 162, 33, 0.05)","info-100":"rgba(133, 233, 183, 1)","info-50":"rgba(133, 233, 183, 0.5)","info-25":"rgba(133, 233, 183, 0.25)","info-15":"rgba(133, 233, 183, 0.15)","info-5":"rgba(133, 233, 183, 0.05)","neutral-100":"rgba(85, 221, 221, 1)","neutral-50":"rgba(85, 221, 221, 0.5)","neutral-25":"rgba(85, 221, 221, 0.25)","neutral-15":"rgba(85, 221, 221, 0.15)","neutral-5":"rgba(85, 221, 221, 0.05)"},background:{"error-gradual":"linear-gradient(90deg, #FFCECB 0%, rgba(255,235,233,0.35) 100%)","warning-gradual":"linear-gradient(90deg, #FFE4BC 0%, rgba(255,250,233,0.35) 100%)","success-gradual":"linear-gradient(90deg, #D5ECBE 0%, rgba(234,255,233,0.35) 100%)"},button:{background:"rgba(103, 186, 145, 0.10)","border-color":"rgba(80, 165, 122, 1)","text-color":"rgba(80, 165, 122, 1)","active-background-color":"rgba(80, 165, 122, 1)","active-border-color":"rgba(154, 209, 162, 1)","active-text-color":"#fff"},checkbox:{background:"rgba(216, 233, 219, 1)","icon-color":"rgba(80, 165, 122, 0)","border-color":"rgba(154, 209, 162, 1)","text-color":"#9AD1A2","checked-text-color":"#1D4B34","checked-background":"rgba(216, 233, 219, 1)","checked-icon-color":"rgba(80, 165, 122, 1)","checked-border-color":"rgba(154, 209, 162, 1)"},input:{background:"rgba(237, 246, 239, 1)","border-color":"rgba(80, 165, 122, 1)",color:"rgba(29, 75, 52, 1)","placeholder-color":"rgba(80, 165, 122, 1)","hover-background":"rgba(237, 246, 239, 0.30)","hover-border-color":"rgba(80, 165, 122, 1)","hover-color":"rgba(80, 165, 122, 1)","active-background":"rgba(237, 246, 239, 0.30)","active-border-color":"rgba(80, 165, 122, 1)","active-color":"rgba(80, 165, 122, 1)","disabled-background":"rgba(237, 246, 239, 1)","disabled-border-color":"rgba(237, 246, 239, 1)","disabled-color":"rgba(83, 83, 83, 1)"},select:{"dropdown-background":"rgba(237, 246, 239, 1)","dropdown-border-color":"rgba(80, 165, 122, 1)","dropdown-item-color":"rgba(80, 165, 122, 1)","dropdown-item-hover-background":"rgba(178, 220, 198, 1)","dropdown-item-hover-color":"rgba(29, 75, 52, 1)","dropdown-item-selected-background":"rgba(178, 220, 198, 1)","dropdown-item-selected-color":"rgba(29, 75, 52, 1)"},tree:{},layout:{},table:{},chart:{},message:{},text:{main:"#50A57A",deep:"#1D4B34",light:"rgba(80, 165, 122, 0.50)",paler:"#637B6B",warning:"#F8B85A"}},cloud:{},"station-control-center":{}},blue:{common:{"--test1":"#fff","--test2":"#ccc"},cloud:{},"station-control-center":{}}},o="yxTheme",d="green",b=()=>{const r=c();localStorage.getItem(o)||localStorage.setItem(o,r);const e=document.documentElement,a=n[r].common;Object.keys(a).forEach(g=>{Object.keys(a[g]).forEach(t=>{const l=`--${g}-${t}`;e.style.setProperty(l,a[g][t])})})},i=r=>{localStorage.setItem(o,r),b()},c=()=>localStorage.getItem(o)||d,s=r=>{const e=c();return n[e][r]||{}};exports.changeTheme=i;exports.getCurTheme=c;exports.getSystemThemeConfig=s;exports.install=b;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs4.js");exports.changeTheme=e.changeTheme;exports.getCurTheme=e.getCurTheme;exports.getSystemThemeConfig=e.getSystemThemeConfig;exports.install=e.install;
package/lib/theme.es.js CHANGED
@@ -1,138 +1,7 @@
1
- const t = {
2
- green: {
3
- common: {
4
- //公用颜色
5
- color: {
6
- //主题色
7
- "main-100": "rgba(80, 165, 122, 1)",
8
- "main-50": "rgba(80, 165, 122, 0.5)",
9
- "main-25": "rgba(80, 165, 122, 0.25)",
10
- "main-15": "rgba(80, 165, 122, 0.15)",
11
- "main-5": "rgba(80, 165, 122, 0.05)",
12
- //故障色
13
- "error-100": "rgba(255, 152, 146, 1)",
14
- "error-50": "rgba(255, 152, 146, 0.5)",
15
- "error-25": "rgba(255, 152, 146, 0.25)",
16
- "error-15": "rgba(255, 152, 146, 0.15)",
17
- "error-5": "rgba(255, 152, 146, 0.05)",
18
- //预警色
19
- "warning-100": "rgba(249, 162, 33, 1)",
20
- "warning-50": "rgba(249, 162, 33, 0.5)",
21
- "warning-25": "rgba(249, 162, 33, 0.25)",
22
- "warning-15": "rgba(249, 162, 33, 0.15)",
23
- "warning-5": "rgba(249, 162, 33, 0.05)",
24
- //信息色
25
- "info-100": "rgba(133, 233, 183, 1)",
26
- "info-50": "rgba(133, 233, 183, 0.5)",
27
- "info-25": "rgba(133, 233, 183, 0.25)",
28
- "info-15": "rgba(133, 233, 183, 0.15)",
29
- "info-5": "rgba(133, 233, 183, 0.05)",
30
- //中性色
31
- "neutral-100": "rgba(85, 221, 221, 1)",
32
- "neutral-50": "rgba(85, 221, 221, 0.5)",
33
- "neutral-25": "rgba(85, 221, 221, 0.25)",
34
- "neutral-15": "rgba(85, 221, 221, 0.15)",
35
- "neutral-5": "rgba(85, 221, 221, 0.05)"
36
- },
37
- //背景色类
38
- background: {
39
- "error-gradual": "linear-gradient(90deg, #FFCECB 0%, rgba(255,235,233,0.35) 100%)",
40
- "warning-gradual": "linear-gradient(90deg, #FFE4BC 0%, rgba(255,250,233,0.35) 100%)",
41
- "success-gradual": "linear-gradient(90deg, #D5ECBE 0%, rgba(234,255,233,0.35) 100%)"
42
- },
43
- //按钮类
44
- button: {
45
- background: "rgba(103, 186, 145, 0.10)",
46
- "border-color": "rgba(80, 165, 122, 1)",
47
- "text-color": "rgba(80, 165, 122, 1)",
48
- "active-background-color": "rgba(80, 165, 122, 1)",
49
- "active-border-color": "rgba(154, 209, 162, 1)",
50
- "active-text-color": "#fff"
51
- },
52
- checkbox: {
53
- background: "rgba(216, 233, 219, 1)",
54
- "icon-color": "rgba(80, 165, 122, 0)",
55
- "border-color": "rgba(154, 209, 162, 1)",
56
- "text-color": "#9AD1A2",
57
- "checked-text-color": "#1D4B34",
58
- "checked-background": "rgba(216, 233, 219, 1)",
59
- "checked-icon-color": "rgba(80, 165, 122, 1)",
60
- "checked-border-color": "rgba(154, 209, 162, 1)"
61
- },
62
- //input
63
- input: {
64
- background: "rgba(237, 246, 239, 1)",
65
- "border-color": "rgba(80, 165, 122, 1)",
66
- color: "rgba(29, 75, 52, 1)",
67
- "placeholder-color": "rgba(80, 165, 122, 1)",
68
- "hover-background": "rgba(237, 246, 239, 0.30)",
69
- "hover-border-color": "rgba(80, 165, 122, 1)",
70
- "hover-color": "rgba(80, 165, 122, 1)",
71
- "active-background": "rgba(237, 246, 239, 0.30)",
72
- "active-border-color": "rgba(80, 165, 122, 1)",
73
- "active-color": "rgba(80, 165, 122, 1)",
74
- "disabled-background": "rgba(237, 246, 239, 1)",
75
- "disabled-border-color": "rgba(237, 246, 239, 1)",
76
- "disabled-color": "rgba(83, 83, 83, 1)"
77
- },
78
- // select
79
- select: {
80
- "dropdown-background": "rgba(237, 246, 239, 1)",
81
- "dropdown-border-color": "rgba(80, 165, 122, 1)",
82
- "dropdown-item-color": "rgba(80, 165, 122, 1)",
83
- "dropdown-item-hover-background": "rgba(178, 220, 198, 1)",
84
- "dropdown-item-hover-color": "rgba(29, 75, 52, 1)",
85
- "dropdown-item-selected-background": "rgba(178, 220, 198, 1)",
86
- "dropdown-item-selected-color": "rgba(29, 75, 52, 1)"
87
- },
88
- tree: {},
89
- //布局类
90
- layout: {},
91
- //表格类
92
- table: {},
93
- //曲线类
94
- chart: {},
95
- //提示类
96
- message: {},
97
- //文字颜色
98
- text: {
99
- main: "#50A57A",
100
- deep: "#1D4B34",
101
- light: "rgba(80, 165, 122, 0.50)",
102
- paler: "#637B6B",
103
- warning: "#F8B85A"
104
- }
105
- },
106
- cloud: {},
107
- "station-control-center": {}
108
- },
109
- blue: {
110
- common: {
111
- "--test1": "#fff",
112
- "--test2": "#ccc"
113
- },
114
- cloud: {},
115
- "station-control-center": {}
116
- }
117
- }, o = "yxTheme", l = "green", d = () => {
118
- const r = n();
119
- localStorage.getItem(o) || localStorage.setItem(o, r);
120
- const e = document.documentElement, a = t[r].common;
121
- Object.keys(a).forEach((g) => {
122
- Object.keys(a[g]).forEach((c) => {
123
- const b = `--${g}-${c}`;
124
- e.style.setProperty(b, a[g][c]);
125
- });
126
- });
127
- }, i = (r) => {
128
- localStorage.setItem(o, r), d();
129
- }, n = () => localStorage.getItem(o) || l, s = (r) => {
130
- const e = n();
131
- return t[e][r] || {};
132
- };
1
+ import { c as s, g, a as m, i as t } from "./index.es4.js";
133
2
  export {
134
- i as changeTheme,
135
- n as getCurTheme,
136
- s as getSystemThemeConfig,
137
- d as install
3
+ s as changeTheme,
4
+ g as getCurTheme,
5
+ m as getSystemThemeConfig,
6
+ t as install
138
7
  };
package/lib/themeConfig.json ADDED
@@ -0,0 +1,102 @@
1
+ {
2
+ "green": {
3
+ "common": {
4
+ "color": {
5
+ "main-100": "rgba(80, 165, 122, 1)",
6
+ "main-50": "rgba(80, 165, 122, 0.5)",
7
+ "main-25": "rgba(80, 165, 122, 0.25)",
8
+ "main-15": "rgba(80, 165, 122, 0.15)",
9
+ "main-5": "rgba(80, 165, 122, 0.05)",
10
+ "error-100": "rgba(255, 152, 146, 1)",
11
+ "error-50": "rgba(255, 152, 146, 0.5)",
12
+ "error-25": "rgba(255, 152, 146, 0.25)",
13
+ "error-15": "rgba(255, 152, 146, 0.15)",
14
+ "error-5": "rgba(255, 152, 146, 0.05)",
15
+ "warning-100": "rgba(249, 162, 33, 1)",
16
+ "warning-50": "rgba(249, 162, 33, 0.5)",
17
+ "warning-25": "rgba(249, 162, 33, 0.25)",
18
+ "warning-15": "rgba(249, 162, 33, 0.15)",
19
+ "warning-5": "rgba(249, 162, 33, 0.05)",
20
+ "info-100": "rgba(133, 233, 183, 1)",
21
+ "info-50": "rgba(133, 233, 183, 0.5)",
22
+ "info-25": "rgba(133, 233, 183, 0.25)",
23
+ "info-15": "rgba(133, 233, 183, 0.15)",
24
+ "info-5": "rgba(133, 233, 183, 0.05)",
25
+ "neutral-100": "rgba(85, 221, 221, 1)",
26
+ "neutral-50": "rgba(85, 221, 221, 0.5)",
27
+ "neutral-25": "rgba(85, 221, 221, 0.25)",
28
+ "neutral-15": "rgba(85, 221, 221, 0.15)",
29
+ "neutral-5": "rgba(85, 221, 221, 0.05)"
30
+ },
31
+ "background": {
32
+ "error-gradual": "linear-gradient(90deg, #FFCECB 0%, rgba(255,235,233,0.35) 100%)",
33
+ "warning-gradual": "linear-gradient(90deg, #FFE4BC 0%, rgba(255,250,233,0.35) 100%)",
34
+ "success-gradual": "linear-gradient(90deg, #D5ECBE 0%, rgba(234,255,233,0.35) 100%)"
35
+ },
36
+ "button": {
37
+ "background": "rgba(103, 186, 145, 0.10)",
38
+ "border-color": "rgba(80, 165, 122, 1)",
39
+ "text-color": "rgba(80, 165, 122, 1)",
40
+ "active-background-color": "rgba(80, 165, 122, 1)",
41
+ "active-border-color": "rgba(154, 209, 162, 1)",
42
+ "active-text-color": "#fff"
43
+ },
44
+ "checkbox": {
45
+ "background": "rgba(216, 233, 219, 1)",
46
+ "icon-color": "rgba(80, 165, 122, 0)",
47
+ "border-color": "rgba(154, 209, 162, 1)",
48
+ "text-color": "#9AD1A2",
49
+ "checked-text-color": "#1D4B34",
50
+ "checked-background": "rgba(216, 233, 219, 1)",
51
+ "checked-icon-color": "rgba(80, 165, 122, 1)",
52
+ "checked-border-color": "rgba(154, 209, 162, 1)"
53
+ },
54
+ "input": {
55
+ "background": "rgba(237, 246, 239, 1)",
56
+ "border-color": "rgba(80, 165, 122, 1)",
57
+ "color": "rgba(29, 75, 52, 1)",
58
+ "placeholder-color": "rgba(80, 165, 122, 1)",
59
+ "hover-background": "rgba(237, 246, 239, 0.30)",
60
+ "hover-border-color": "rgba(80, 165, 122, 1)",
61
+ "hover-color": "rgba(80, 165, 122, 1)",
62
+ "active-background": "rgba(237, 246, 239, 0.30)",
63
+ "active-border-color": "rgba(80, 165, 122, 1)",
64
+ "active-color": "rgba(80, 165, 122, 1)",
65
+ "disabled-background": "rgba(237, 246, 239, 1)",
66
+ "disabled-border-color": "rgba(237, 246, 239, 1)",
67
+ "disabled-color": "rgba(83, 83, 83, 1)"
68
+ },
69
+ "select": {
70
+ "dropdown-background": "rgba(237, 246, 239, 1)",
71
+ "dropdown-border-color": "rgba(80, 165, 122, 1)",
72
+ "dropdown-item-color": "rgba(80, 165, 122, 1)",
73
+ "dropdown-item-hover-background": "rgba(178, 220, 198, 1)",
74
+ "dropdown-item-hover-color": "rgba(29, 75, 52, 1)",
75
+ "dropdown-item-selected-background": "rgba(178, 220, 198, 1)",
76
+ "dropdown-item-selected-color": "rgba(29, 75, 52, 1)"
77
+ },
78
+ "tree": {},
79
+ "layout": {},
80
+ "table": {},
81
+ "chart": {},
82
+ "message": {},
83
+ "text": {
84
+ "main": "#50A57A",
85
+ "deep": "#1D4B34",
86
+ "light": "rgba(80, 165, 122, 0.50)",
87
+ "paler": "#637B6B",
88
+ "warning": "#F8B85A"
89
+ }
90
+ },
91
+ "cloud": {},
92
+ "station-control-center": {}
93
+ },
94
+ "blue": {
95
+ "common": {
96
+ "--test1": "#fff",
97
+ "--test2": "#ccc"
98
+ },
99
+ "cloud": {},
100
+ "station-control-center": {}
101
+ }
102
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "yxuse",
3
- "version": "1.0.17",
3
+ "version": "1.0.19",
4
4
  "private": false,
5
5
  "keywords": [
6
6
  "yx"