@zyzgroup/core-web 0.1.98 → 0.1.100

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 (66) hide show
  1. package/dist/css/better.css +1 -1
  2. package/dist/css/media.css +14 -0
  3. package/dist/css/theme.css +168 -165
  4. package/dist/{hammer-8f91269e.js → hammer-6ebe88e0.js} +2 -2
  5. package/dist/{hammer-8f91269e.js.map → hammer-6ebe88e0.js.map} +1 -1
  6. package/dist/{index-baab6dfe.js → index-c481d54f.js} +10412 -6158
  7. package/dist/index-c481d54f.js.map +1 -0
  8. package/dist/zyzgroup_core_web.iife.js +66 -38
  9. package/dist/zyzgroup_core_web.iife.js.map +1 -1
  10. package/dist/zyzgroup_core_web.js +426 -435
  11. package/dist/zyzgroup_core_web.js.map +1 -1
  12. package/dist/zyzgroup_core_web.umd.cjs +66 -38
  13. package/dist/zyzgroup_core_web.umd.cjs.map +1 -1
  14. package/package.json +11 -6
  15. package/types/animate/tween/Easing.d.ts.map +1 -1
  16. package/types/components/react/motion/DragConstraints.d.ts +2 -0
  17. package/types/components/react/motion/DragConstraints.d.ts.map +1 -0
  18. package/types/components/react/motion/DragControls.d.ts +2 -0
  19. package/types/components/react/motion/DragControls.d.ts.map +1 -0
  20. package/types/components/react/motion/DragDirectionLock.d.ts +2 -0
  21. package/types/components/react/motion/DragDirectionLock.d.ts.map +1 -0
  22. package/types/components/react/motion/Hover.d.ts +2 -0
  23. package/types/components/react/motion/Hover.d.ts.map +1 -0
  24. package/types/components/react/motion/PathDrawing.d.ts +2 -0
  25. package/types/components/react/motion/PathDrawing.d.ts.map +1 -0
  26. package/types/components/react/motion/PathMorphing.d.ts +2 -0
  27. package/types/components/react/motion/PathMorphing.d.ts.map +1 -0
  28. package/types/components/react/motion/SVGLineDrawing.d.ts +2 -0
  29. package/types/components/react/motion/SVGLineDrawing.d.ts.map +1 -0
  30. package/types/components/react/motion/ScrollHideHeader.d.ts +2 -0
  31. package/types/components/react/motion/ScrollHideHeader.d.ts.map +1 -0
  32. package/types/components/react/motion/ScrollHorizontal.d.ts +2 -0
  33. package/types/components/react/motion/ScrollHorizontal.d.ts.map +1 -0
  34. package/types/components/react/motion/TrackElementScrollOffset.d.ts +2 -0
  35. package/types/components/react/motion/TrackElementScrollOffset.d.ts.map +1 -0
  36. package/types/components/react/motion/TrackElementWithinViewport.d.ts +2 -0
  37. package/types/components/react/motion/TrackElementWithinViewport.d.ts.map +1 -0
  38. package/types/dom/loadHammer.d.ts.map +1 -1
  39. package/types/hooks/index.d.ts +1 -1
  40. package/types/hooks/index.d.ts.map +1 -1
  41. package/types/hooks/react/index.d.ts +1 -0
  42. package/types/hooks/react/index.d.ts.map +1 -1
  43. package/types/hooks/react/motion/index.d.ts +2 -0
  44. package/types/hooks/react/motion/index.d.ts.map +1 -0
  45. package/types/hooks/react/motion/useScrollXOverflowMask.d.ts +3 -0
  46. package/types/hooks/react/motion/useScrollXOverflowMask.d.ts.map +1 -0
  47. package/types/hooks/react/useImmer.d.ts.map +1 -1
  48. package/types/hooks/useDraw/DrawContext.d.ts.map +1 -1
  49. package/types/hooks/useDraw/Shape.d.ts.map +1 -1
  50. package/types/hooks/useDraw/line/L.d.ts.map +1 -1
  51. package/types/hooks/useDraw/line/PathD.d.ts.map +1 -1
  52. package/types/hooks/useDraw/shapes/ConfettiShapeCombo.d.ts.map +1 -1
  53. package/types/hooks/useDraw/shapes/LineShape.d.ts.map +1 -1
  54. package/types/math/Matrix.d.ts.map +1 -1
  55. package/types/math/Shape.d.ts.map +1 -1
  56. package/types/math/index.d.ts +0 -1
  57. package/types/math/index.d.ts.map +1 -1
  58. package/types/math/line/PathD.d.ts.map +1 -1
  59. package/types/rem.d.ts.map +1 -1
  60. package/types/theme.d.ts +43 -44
  61. package/types/theme.d.ts.map +1 -1
  62. package/dist/index-baab6dfe.js.map +0 -1
  63. package/types/math/math.d.ts +0 -20
  64. package/types/math/math.d.ts.map +0 -1
  65. package/types/motion.d.ts +0 -7
  66. package/types/motion.d.ts.map +0 -1
package/dist/css/better.css CHANGED
@@ -25,7 +25,7 @@ html {
25
25
  -webkit-user-drag: none;
26
26
  touch-action: pan-y;
27
27
  /* 配合 rem.js */
28
- font-size: 16px;
28
+ font-size: var(--yz-font-size-rem, 16px);
29
29
  }
30
30
 
31
31
  body {
package/dist/css/media.css CHANGED
@@ -59,7 +59,21 @@ https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover
59
59
  }
60
60
  @media (min-resolution: 2dppx) {
61
61
  }
62
+
62
63
  @media (min-device-pixel-ratio: 3) {
63
64
  }
64
65
  @media (min-resolution: 3dppx) {
65
66
  }
67
+
68
+ /* 如果用户在系统设置里开启了「减少动态效果 / Reduce Motion」*/
69
+ @media (prefers-reduced-motion: reduce) {
70
+ * {
71
+ animation: none !important;
72
+ transition: none !important;
73
+ transform: none !important;
74
+ }
75
+ }
76
+
77
+ /* 用户没有要求减少动画 */
78
+ @media (prefers-reduced-motion: no-preference) {
79
+ }
package/dist/css/theme.css CHANGED
@@ -1,30 +1,30 @@
1
1
  :root,
2
2
  :host {
3
3
  /* 配合 rem.js */
4
- --yz-min-font-size: 0;
5
- --yz-max-font-size: 100;
4
+ --yz-font-size-min: 0;
5
+ --yz-font-size-max: 100;
6
6
  --yz-viewport-min: 0;
7
7
  --yz-viewport-max: 750;
8
- --yz-font-size: clamp(
9
- var(--yz-min-font-size) * 1px,
8
+ --yz-font-size-rem: clamp(
9
+ var(--yz-font-size-min) * 1px,
10
10
  calc(
11
- var(--yz-min-font-size) * 1px +
12
- (var(--yz-max-font-size) - var(--yz-min-font-size)) *
11
+ var(--yz-font-size-min) * 1px +
12
+ (var(--yz-font-size-max) - var(--yz-font-size-min)) *
13
13
  (100vw /* or 100cqw */ - var(--yz-viewport-min) * 1px) /
14
14
  (var(--yz-viewport-max) - var(--yz-viewport-min))
15
15
  ),
16
- var(--yz-max-font-size) * 1px
16
+ var(--yz-font-size-max) * 1px
17
17
  );
18
18
 
19
19
  /* 预定义大小 */
20
+ --yz-font-size: 16px; /* line-height = 1.4 ：上下单边距 = 3px */
21
+ --yz-font-size-secondary: 14px; /* line-height = 1.4 ：上下单边距 = 3px */
22
+
20
23
  --yz-gap-horizontal: 5px;
21
24
  --yz-padding-horizontal: 15px;
22
25
  --yz-padding-vertical: 10px;
23
26
  --yz-padding-vertical-double: 20px;
24
27
 
25
- --yz-font-size: 16px; /* 1.4 line-height：上下单边距 = 3px */
26
- --yz-font-size-secondary: 14px; /* 1.4 line-height：上下单边距 = 3px */
27
-
28
28
  --yz-disabled-opacity: 0.4;
29
29
 
30
30
  --yz-button-height: 44px;
@@ -44,47 +44,25 @@
44
44
  --yz-input-height: 44px;
45
45
  --yz-input-border-radius: 4px;
46
46
 
47
- /* 组件：深色模式下：颜色加深 */
48
- --yz-background-common: #ffffff;
49
- --yz-background-border-common: #e6e6e6;
50
- --yz-panel-common: #f5f5f5;
51
- --yz-panel-border-common: #b3b3b3;
52
- --yz-gap-common: #cccccc;
53
- --yz-placeholder-common: #8f8f8f;
54
- --yz-font-common: #333333;
55
- --yz-font-secondary-common: #666666;
56
- --yz-font-tertiary-common: #999999;
57
-
58
- /* 组件：深色模式下：颜色反向 */
59
- --yz-background-reverse: #ffffff;
60
- --yz-background-border-reverse: #e6e6e6;
61
- --yz-panel-reverse: #f5f5f5;
62
- --yz-panel-border-reverse: #b3b3b3;
63
- --yz-gap-reverse: #cccccc;
64
- --yz-placeholder-reverse: #8f8f8f;
65
- --yz-font-reverse: #333333;
66
- --yz-font-secondary-reverse: #666666;
67
- --yz-font-tertiary-reverse: #999999;
68
-
69
47
  /* 预定义颜色：深色模式下：颜色加深 */
70
- --yz-xg-blue: #5a82f0;
71
- --yz-xg-blue-panel: #e6f0ff; /* #e3eeff */
72
- --yz-xg-blue-panel-border: #a0b4f0;
73
- --yz-xg-blue-gradient: #66b3ff;
48
+ --yz-blue: #5a82f0;
49
+ --yz-blue-panel: #e6f0ff; /* #e3eeff */
50
+ --yz-blue-panel-border: #a0b4f0;
51
+ --yz-blue-gradient: #66b3ff;
74
52
 
75
- --yz-xg-red: #fa503c;
76
- --yz-xg-red-panel: #fff5f5;
77
- --yz-xg-red-panel-border: #fac8c8;
78
- --yz-xg-red-gradient: #fa8c78;
53
+ --yz-red: #fa503c;
54
+ --yz-red-panel: #fff5f5;
55
+ --yz-red-panel-border: #fac8c8;
56
+ --yz-red-gradient: #fa8c78;
79
57
 
80
- --yz-xg-green: #00be5a;
81
- --yz-xg-green-gradient: #00e678;
58
+ --yz-green: #00be5a;
59
+ --yz-green-gradient: #00e678;
82
60
 
83
- --yz-xg-yellow: #fa8c00;
84
- --yz-xg-yellow-gradient: #ffb400;
61
+ --yz-yellow: #fa8c00;
62
+ --yz-yellow-gradient: #ffb400;
85
63
 
86
- --yz-xg-newenergy: #64c896;
87
- --yz-xg-newenergy-panel: #ebfaf2;
64
+ --yz-newenergy: #64c896;
65
+ --yz-newenergy-panel: #ebfaf2;
88
66
 
89
67
  --yz-ks-green: #328a8c;
90
68
  --yz-ks-green-panel: #ebf4f4;
@@ -92,12 +70,9 @@
92
70
  --yz-yz-green: #29c999;
93
71
  --yz-yz-green-panel: #eef8f8;
94
72
 
95
- /* 系统通用颜色：深色模式下：颜色加深 */
96
- --yz-foreground: var(--yz-xg-blue, #5a82f0);
97
-
98
- --yz-success: rgb(44, 122, 57);
99
- --yz-error: rgb(171, 43, 63);
100
- --yz-warning: rgb(150, 108, 30);
73
+ --yz-success: rgb(78, 186, 101);
74
+ --yz-error: rgb(255, 107, 128);
75
+ --yz-warning: rgb(255, 193, 7);
101
76
 
102
77
  --yz-rainbow-red: rgb(235, 95, 87);
103
78
  --yz-rainbow-orange: rgb(245, 139, 87);
@@ -107,75 +82,101 @@
107
82
  --yz-rainbow-indigo: rgb(155, 130, 200);
108
83
  --yz-rainbow-violet: rgb(200, 130, 180);
109
84
 
110
- /* 预定义颜色模式：深色模式下：颜色加深 */
111
-
112
- /* 预定义颜色模式：xg-blue：信鸽蓝 */
113
- --yz-pattern-xg-blue-primary: var(--yz-xg-blue);
114
- --yz-pattern-xg-blue-secondary: var(--yz-xg-blue-panel);
115
- --yz-pattern-xg-blue-gradient: var(--yz-xg-blue-gradient);
116
- --yz-pattern-xg-blue-background: var(--yz-background-common);
117
- --yz-pattern-xg-blue-background-border: var(--yz-background-border-common);
118
- --yz-pattern-xg-blue-panel: var(--yz-panel-common);
119
- --yz-pattern-xg-blue-panel-border: var(--yz-panel-border-common);
120
- --yz-pattern-xg-blue-gap: var(--yz-gap-common);
121
- --yz-pattern-xg-blue-placeholder: var(--yz-placeholder-common);
122
- --yz-pattern-xg-blue-font: var(--yz-font-common);
123
- --yz-pattern-xg-blue-font-secondary: var(--yz-font-secondary-common);
124
- --yz-pattern-xg-blue-font-tertiary: var(--yz-font-tertiary-common);
125
-
126
- /* 预定义颜色模式：xg-red：信鸽红 */
127
- --yz-pattern-xg-red-primary: var(--yz-xg-red);
128
- --yz-pattern-xg-red-secondary: var(--yz-xg-red-panel);
129
- --yz-pattern-xg-red-gradient: var(--yz-xg-red-gradient);
130
- --yz-pattern-xg-red-background: var(--yz-background-common);
131
- --yz-pattern-xg-red-background-border: var(--yz-background-border-common);
132
- --yz-pattern-xg-red-panel: var(--yz-panel-common);
133
- --yz-pattern-xg-red-panel-border: var(--yz-panel-border-common);
134
- --yz-pattern-xg-red-gap: var(--yz-gap-common);
135
- --yz-pattern-xg-red-placeholder: var(--yz-placeholder-common);
136
- --yz-pattern-xg-red-font: var(--yz-font-common);
137
- --yz-pattern-xg-red-font-secondary: var(--yz-font-secondary-common);
138
- --yz-pattern-xg-red-font-tertiary: var(--yz-font-tertiary-common);
139
-
140
- /* 预定义颜色模式：xg-green：信鸽绿 */
141
- --yz-pattern-xg-green-primary: var(--yz-xg-green);
142
- --yz-pattern-xg-green-background: var(--yz-background-common);
143
- --yz-pattern-xg-green-background-border: var(--yz-background-border-common);
144
- --yz-pattern-xg-green-panel: var(--yz-panel-common);
145
- --yz-pattern-xg-green-panel-border: var(--yz-panel-border-common);
146
- --yz-pattern-xg-green-gap: var(--yz-gap-common);
147
- --yz-pattern-xg-green-placeholder: var(--yz-placeholder-common);
148
- --yz-pattern-xg-green-font: var(--yz-font-common);
149
- --yz-pattern-xg-green-font-secondary: var(--yz-font-secondary-common);
150
- --yz-pattern-xg-green-font-tertiary: var(--yz-font-tertiary-common);
151
-
152
- /* 预定义颜色模式：ks-green：昆山绿 */
153
- --yz-pattern-ks-green-primary: var(--yz-ks-green);
154
- --yz-pattern-ks-green-secondary: var(--yz-ks-green-panel);
155
- --yz-pattern-ks-green-gradient: var(--yz-ks-green);
156
- --yz-pattern-ks-green-background: var(--yz-background-common);
157
- --yz-pattern-ks-green-background-border: var(--yz-background-border-common);
158
- --yz-pattern-ks-green-panel: var(--yz-panel-common);
159
- --yz-pattern-ks-green-panel-border: var(--yz-panel-border-common);
160
- --yz-pattern-ks-green-gap: var(--yz-gap-common);
161
- --yz-pattern-ks-green-placeholder: var(--yz-placeholder-common);
162
- --yz-pattern-ks-green-font: var(--yz-font-common);
163
- --yz-pattern-ks-green-font-secondary: var(--yz-font-secondary-common);
164
- --yz-pattern-ks-green-font-tertiary: var(--yz-font-tertiary-common);
165
-
166
- /* 预定义颜色模式：yz-green：扬州绿 */
167
- --yz-pattern-yz-green-primary: var(--yz-yz-green);
168
- --yz-pattern-yz-green-secondary: var(--yz-yz-green-panel);
169
- --yz-pattern-yz-green-gradient: var(--yz-yz-green);
170
- --yz-pattern-yz-green-background: var(--yz-background-common);
171
- --yz-pattern-yz-green-background-border: var(--yz-background-border-common);
172
- --yz-pattern-yz-green-panel: var(--yz-panel-common);
173
- --yz-pattern-yz-green-panel-border: var(--yz-panel-border-common);
174
- --yz-pattern-yz-green-gap: var(--yz-gap-common);
175
- --yz-pattern-yz-green-placeholder: var(--yz-placeholder-common);
176
- --yz-pattern-yz-green-font: var(--yz-font-common);
177
- --yz-pattern-yz-green-font-secondary: var(--yz-font-secondary-common);
178
- --yz-pattern-yz-green-font-tertiary: var(--yz-font-tertiary-common);
85
+ /* system：深色模式下：颜色加深 */
86
+ --yz-foreground: var(--yz-blue, #5a82f0);
87
+ --yz-foreground-secondary: var(--yz-blue-panel);
88
+ --yz-foreground-gradient: var(--yz-blue-gradient);
89
+ --yz-background: #ffffff;
90
+ --yz-background-border: #e6e6e6;
91
+ --yz-panel: #f5f5f5;
92
+ --yz-panel-border: #b3b3b3;
93
+ --yz-gap: #cccccc;
94
+ --yz-placeholder: #8f8f8f;
95
+ --yz-font: #333333;
96
+ --yz-font-secondary: #666666;
97
+ --yz-font-tertiary: #999999;
98
+
99
+ /* system：深色模式下：颜色反向 */
100
+ --yz-foreground-reverse: var(--yz-blue);
101
+ --yz-foreground-secondary-reverse: var(--yz-blue-panel);
102
+ --yz-foreground-gradient-reverse: var(--yz-blue-gradient);
103
+ --yz-background-reverse: #ffffff;
104
+ --yz-background-border-reverse: #e6e6e6;
105
+ --yz-panel-reverse: #f5f5f5;
106
+ --yz-panel-border-reverse: #b3b3b3;
107
+ --yz-gap-reverse: #cccccc;
108
+ --yz-placeholder-reverse: #8f8f8f;
109
+ --yz-font-reverse: #333333;
110
+ --yz-font-secondary-reverse: #666666;
111
+ --yz-font-tertiary-reverse: #999999;
112
+
113
+ /* theme-xg-blue：信鸽蓝：深色模式下：颜色加深 */
114
+ --yz-theme-xg-blue-primary: var(--yz-blue);
115
+ --yz-theme-xg-blue-secondary: var(--yz-blue-panel);
116
+ --yz-theme-xg-blue-gradient: var(--yz-blue-gradient);
117
+ --yz-theme-xg-blue-background: var(--yz-background);
118
+ --yz-theme-xg-blue-background-border: var(--yz-background-border);
119
+ --yz-theme-xg-blue-panel: var(--yz-panel);
120
+ --yz-theme-xg-blue-panel-border: var(--yz-panel-border);
121
+ --yz-theme-xg-blue-gap: var(--yz-gap);
122
+ --yz-theme-xg-blue-placeholder: var(--yz-placeholder);
123
+ --yz-theme-xg-blue-font: var(--yz-font);
124
+ --yz-theme-xg-blue-font-secondary: var(--yz-font-secondary);
125
+ --yz-theme-xg-blue-font-tertiary: var(--yz-font-tertiary);
126
+
127
+ /* theme-xg-red：信鸽红：深色模式下：颜色加深 */
128
+ --yz-theme-xg-red-primary: var(--yz-red);
129
+ --yz-theme-xg-red-secondary: var(--yz-red-panel);
130
+ --yz-theme-xg-red-gradient: var(--yz-red-gradient);
131
+ --yz-theme-xg-red-background: var(--yz-background);
132
+ --yz-theme-xg-red-background-border: var(--yz-background-border);
133
+ --yz-theme-xg-red-panel: var(--yz-panel);
134
+ --yz-theme-xg-red-panel-border: var(--yz-panel-border);
135
+ --yz-theme-xg-red-gap: var(--yz-gap);
136
+ --yz-theme-xg-red-placeholder: var(--yz-placeholder);
137
+ --yz-theme-xg-red-font: var(--yz-font);
138
+ --yz-theme-xg-red-font-secondary: var(--yz-font-secondary);
139
+ --yz-theme-xg-red-font-tertiary: var(--yz-font-tertiary);
140
+
141
+ /* theme-xg-green：信鸽绿：深色模式下：颜色加深 */
142
+ --yz-theme-xg-green-primary: var(--yz-green);
143
+ --yz-theme-xg-green-background: var(--yz-background);
144
+ --yz-theme-xg-green-background-border: var(--yz-background-border);
145
+ --yz-theme-xg-green-panel: var(--yz-panel);
146
+ --yz-theme-xg-green-panel-border: var(--yz-panel-border);
147
+ --yz-theme-xg-green-gap: var(--yz-gap);
148
+ --yz-theme-xg-green-placeholder: var(--yz-placeholder);
149
+ --yz-theme-xg-green-font: var(--yz-font);
150
+ --yz-theme-xg-green-font-secondary: var(--yz-font-secondary);
151
+ --yz-theme-xg-green-font-tertiary: var(--yz-font-tertiary);
152
+
153
+ /* theme-ks-green：昆山绿：深色模式下：颜色加深 */
154
+ --yz-theme-ks-green-primary: var(--yz-ks-green);
155
+ --yz-theme-ks-green-secondary: var(--yz-ks-green-panel);
156
+ --yz-theme-ks-green-gradient: var(--yz-ks-green);
157
+ --yz-theme-ks-green-background: var(--yz-background);
158
+ --yz-theme-ks-green-background-border: var(--yz-background-border);
159
+ --yz-theme-ks-green-panel: var(--yz-panel);
160
+ --yz-theme-ks-green-panel-border: var(--yz-panel-border);
161
+ --yz-theme-ks-green-gap: var(--yz-gap);
162
+ --yz-theme-ks-green-placeholder: var(--yz-placeholder);
163
+ --yz-theme-ks-green-font: var(--yz-font);
164
+ --yz-theme-ks-green-font-secondary: var(--yz-font-secondary);
165
+ --yz-theme-ks-green-font-tertiary: var(--yz-font-tertiary);
166
+
167
+ /* theme-yz-green：扬州绿：深色模式下：颜色加深 */
168
+ --yz-theme-yz-green-primary: var(--yz-yz-green);
169
+ --yz-theme-yz-green-secondary: var(--yz-yz-green-panel);
170
+ --yz-theme-yz-green-gradient: var(--yz-yz-green);
171
+ --yz-theme-yz-green-background: var(--yz-background);
172
+ --yz-theme-yz-green-background-border: var(--yz-background-border);
173
+ --yz-theme-yz-green-panel: var(--yz-panel);
174
+ --yz-theme-yz-green-panel-border: var(--yz-panel-border);
175
+ --yz-theme-yz-green-gap: var(--yz-gap);
176
+ --yz-theme-yz-green-placeholder: var(--yz-placeholder);
177
+ --yz-theme-yz-green-font: var(--yz-font);
178
+ --yz-theme-yz-green-font-secondary: var(--yz-font-secondary);
179
+ --yz-theme-yz-green-font-tertiary: var(--yz-font-tertiary);
179
180
  }
180
181
 
181
182
  /* 浅色模式 */
@@ -184,8 +185,8 @@
184
185
  :host {
185
186
  }
186
187
  } */
187
- html[data-theme="light"]:root,
188
- html[data-theme="light"]:host {
188
+ html[data-color-scheme="light"]:root,
189
+ html[data-color-scheme="light"]:host {
189
190
  }
190
191
 
191
192
  /* 深色模式 */
@@ -194,49 +195,27 @@ html[data-theme="light"]:host {
194
195
  :host {
195
196
  }
196
197
  } */
197
- html[data-theme="dark"]:root,
198
- html[data-theme="dark"]:host {
199
- /* 组件：深色模式下：颜色加深 */
200
- --yz-background-common: #eeeeee;
201
- --yz-background-border-common: #dddddd;
202
- --yz-panel-common: #e5e5e5;
203
- --yz-panel-border-common: #bbbbbb;
204
- --yz-gap-common: #aaaaaa;
205
- --yz-placeholder-common: #646464;
206
- --yz-font-common: #1a1a1a;
207
- --yz-font-secondary-common: #4d4d4d;
208
- --yz-font-tertiary-common: #7f7f7f;
209
-
210
- /* 组件：深色模式下：颜色反向 */
211
- --yz-background-reverse: #1d1d1d;
212
- --yz-background-border-reverse: #333333;
213
- --yz-panel-reverse: #242424;
214
- --yz-panel-border-reverse: #555555;
215
- --yz-gap-reverse: #444444;
216
- --yz-placeholder-reverse: #707070;
217
- --yz-font-reverse: #cdcdcd;
218
- --yz-font-secondary-reverse: #8d8d8d;
219
- --yz-font-tertiary-reverse: #5d5d5d;
220
-
221
- /* 预定义颜色：深色模式下：颜色加深 */
222
- --yz-xg-blue: #4a6ed7;
223
- --yz-xg-blue-panel: #aec6d9;
224
- --yz-xg-blue-panel-border: #6e7ccf;
225
- --yz-xg-blue-gradient: #4c99cc;
198
+ html[data-color-scheme="dark"]:root,
199
+ html[data-color-scheme="dark"]:host {
200
+ /* 预定义颜色：深色模式下：颜色加深 */
201
+ --yz-blue: #4a6ed7;
202
+ --yz-blue-panel: #aec6d9;
203
+ --yz-blue-panel-border: #6e7ccf;
204
+ --yz-blue-gradient: #4c99cc;
226
205
 
227
- --yz-xg-red: #d94e37;
228
- --yz-xg-red-panel: #f4d1d1;
229
- --yz-xg-red-panel-border: #f1a6a6;
230
- --yz-xg-red-gradient: #d97362;
206
+ --yz-red: #d94e37;
207
+ --yz-red-panel: #f4d1d1;
208
+ --yz-red-panel-border: #f1a6a6;
209
+ --yz-red-gradient: #d97362;
231
210
 
232
- --yz-xg-green: #009c4d;
233
- --yz-xg-green-gradient: #00b36b;
211
+ --yz-green: #009c4d;
212
+ --yz-green-gradient: #00b36b;
234
213
 
235
- --yz-xg-yellow: #e67e00;
236
- --yz-xg-yellow-gradient: #e68a00;
214
+ --yz-yellow: #e67e00;
215
+ --yz-yellow-gradient: #e68a00;
237
216
 
238
- --yz-xg-newenergy: #4a9b73;
239
- --yz-xg-newenergy-panel: #c7e6d5;
217
+ --yz-newenergy: #4a9b73;
218
+ --yz-newenergy-panel: #c7e6d5;
240
219
 
241
220
  --yz-ks-green: #27706a;
242
221
  --yz-ks-green-panel: #3a7f7d;
@@ -244,9 +223,9 @@ html[data-theme="dark"]:host {
244
223
  --yz-yz-green: #1f9f86;
245
224
  --yz-yz-green-panel: #3a8c8a;
246
225
 
247
- --yz-success: rgb(78, 186, 101);
248
- --yz-error: rgb(255, 107, 128);
249
- --yz-warning: rgb(255, 193, 7);
226
+ --yz-success: rgb(44, 122, 57);
227
+ --yz-error: rgb(171, 43, 63);
228
+ --yz-warning: rgb(150, 108, 30);
250
229
 
251
230
  --yz-rainbow-red: rgb(235, 95, 87);
252
231
  --yz-rainbow-orange: rgb(245, 139, 87);
@@ -255,4 +234,28 @@ html[data-theme="dark"]:host {
255
234
  --yz-rainbow-blue: rgb(130, 170, 220);
256
235
  --yz-rainbow-indigo: rgb(155, 130, 200);
257
236
  --yz-rainbow-violet: rgb(200, 130, 180);
237
+
238
+ /* system：深色模式下：颜色加深 */
239
+ --yz-foreground: var(--yz-blue, #4a6ed7);
240
+ --yz-background: #eeeeee;
241
+ --yz-background-border: #dddddd;
242
+ --yz-panel: #e5e5e5;
243
+ --yz-panel-border: #bbbbbb;
244
+ --yz-gap: #aaaaaa;
245
+ --yz-placeholder: #646464;
246
+ --yz-font: #1a1a1a;
247
+ --yz-font-secondary: #4d4d4d;
248
+ --yz-font-tertiary: #7f7f7f;
249
+
250
+ /* system：深色模式下：颜色反向 */
251
+ --yz-foreground-reverse: #8aa7ff;
252
+ --yz-background-reverse: #1d1d1d;
253
+ --yz-background-border-reverse: #333333;
254
+ --yz-panel-reverse: #242424;
255
+ --yz-panel-border-reverse: #555555;
256
+ --yz-gap-reverse: #444444;
257
+ --yz-placeholder-reverse: #707070;
258
+ --yz-font-reverse: #cdcdcd;
259
+ --yz-font-secondary-reverse: #8d8d8d;
260
+ --yz-font-tertiary-reverse: #5d5d5d;
258
261
  }
package/dist/{hammer-8f91269e.js → hammer-6ebe88e0.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { g as He } from "./index-baab6dfe.js";
1
+ import { g as He } from "./index-c481d54f.js";
2
2
  function Fe(L, c) {
3
3
  for (var b = 0; b < c.length; b++) {
4
4
  const S = c[b];
@@ -1202,4 +1202,4 @@ const Xe = /* @__PURE__ */ He(Kt), We = /* @__PURE__ */ Fe({
1202
1202
  export {
1203
1203
  We as h
1204
1204
  };
1205
- //# sourceMappingURL=hammer-8f91269e.js.map
1205
+ //# sourceMappingURL=hammer-6ebe88e0.js.map