earthnut 0.2.3-alpha.1 → 0.2.3-alpha.3

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 (117) hide show
  1. package/README.md +9 -9
  2. package/client.mjs +2 -2
  3. package/client.mjs.map +1 -0
  4. package/layoutUtil.mjs +2 -2
  5. package/layoutUtil.mjs.map +1 -0
  6. package/package.json +14 -14
  7. package/server.mjs +2 -2
  8. package/server.mjs.map +1 -0
  9. package/styles/common.css +1 -508
  10. package/styles/common.scss +57 -2
  11. package/styles/mixin-color-dark.scss +150 -0
  12. package/styles/mixin-color-light.scss +148 -0
  13. package/styles/reset.scss +2 -2
  14. package/styles/respond.scss +1 -1
  15. package/styles/root.scss +68 -76
  16. package/styles/vars-color.scss +289 -0
  17. package/styles/vars-size.scss +2 -0
  18. package/type/components/ThemeContext/index.d.ts +11 -0
  19. package/type/components/ThemeContext/types.d.ts +26 -0
  20. package/type/components/button/button.d.ts +10 -0
  21. package/{components → type/components}/button/index.d.ts +1 -1
  22. package/{components → type/components}/image/index.d.ts +2 -3
  23. package/{components → type/components}/image/types.d.ts +3 -2
  24. package/{components → type/components}/image/useSrcChange.d.ts +1 -1
  25. package/type/components/layout/content.d.ts +17 -0
  26. package/{components → type/components}/layout/footer.d.ts +3 -4
  27. package/{components → type/components}/layout/get-value.d.ts +1 -1
  28. package/{components → type/components}/layout/header.d.ts +3 -4
  29. package/{components → type/components}/layout/index.d.ts +1 -1
  30. package/type/components/layout/is-fragment.d.ts +9 -0
  31. package/{components → type/components}/layout/layout.d.ts +4 -5
  32. package/{components/layout/sideBar.d.ts → type/components/layout/sidebar.d.ts} +3 -4
  33. package/{components → type/components}/layout/types.d.ts +9 -8
  34. package/type/components/marquee/MarqueeEle.d.ts +15 -0
  35. package/{components → type/components}/marquee/index.d.ts +1 -1
  36. package/{components → type/components}/marquee/type.d.ts +1 -1
  37. package/{components → type/components}/menu/index.d.ts +1 -1
  38. package/{components → type/components}/menu/menu.d.ts +1 -1
  39. package/type/components/ripples/Content.d.ts +8 -0
  40. package/{components → type/components}/ripples/LazyRippleEle.d.ts +3 -4
  41. package/{components → type/components}/ripples/RipplesEle.d.ts +3 -4
  42. package/{components → type/components}/ripples/index.d.ts +1 -1
  43. package/{components → type/components}/ripples/types.d.ts +1 -1
  44. package/{components → type/components}/ripples/useOptionUpdate.d.ts +3 -2
  45. package/type/components/shared/EnLayoutContent/index.d.ts +19 -0
  46. package/{components → type/components}/shared/EnLayoutContent/types.d.ts +1 -1
  47. package/type/components/switch/SwitchContainer.d.ts +7 -0
  48. package/type/components/switch/SwitchContent.d.ts +10 -0
  49. package/type/components/switch/SwitchLabel.d.ts +9 -0
  50. package/type/components/switch/index.d.ts +14 -0
  51. package/type/customHooks/use-xcn/index.d.ts +14 -0
  52. package/{customHooks → type/customHooks}/useAnimationFrame.d.ts +1 -1
  53. package/{customHooks → type/customHooks}/useInputIsComposing.d.ts +6 -5
  54. package/{customHooks → type/customHooks}/useRipples/buildBackground/create-background-color.d.ts +1 -1
  55. package/{customHooks → type/customHooks}/useRipples/buildBackground/create-linear-gradient.d.ts +1 -1
  56. package/{customHooks → type/customHooks}/useRipples/buildBackground/default-background/_createImageData.d.ts +1 -1
  57. package/{customHooks → type/customHooks}/useRipples/buildBackground/default-background/circleDataList.d.ts +1 -1
  58. package/{customHooks → type/customHooks}/useRipples/buildBackground/default-background/createCanvasElementBySize.d.ts +1 -1
  59. package/{customHooks → type/customHooks}/useRipples/buildBackground/default-background/createDefault.d.ts +1 -1
  60. package/{customHooks → type/customHooks}/useRipples/buildBackground/default-background/index.d.ts +1 -1
  61. package/{customHooks → type/customHooks}/useRipples/buildBackground/load-image.d.ts +1 -1
  62. package/{customHooks → type/customHooks}/useRipples/buildBackground/run-side.d.ts +1 -1
  63. package/{customHooks → type/customHooks}/useRipples/buildBackground/type.d.ts +1 -1
  64. package/{customHooks → type/customHooks}/useRipples/buildBackground/utils/bind-image.d.ts +1 -1
  65. package/{customHooks → type/customHooks}/useRipples/buildBackground/utils/create-canvas-element.d.ts +1 -1
  66. package/{customHooks → type/customHooks}/useRipples/buildBackground/utils/create-image-by-src.d.ts +1 -1
  67. package/{customHooks → type/customHooks}/useRipples/buildBackground/utils/get-background-style.d.ts +1 -1
  68. package/{customHooks → type/customHooks}/useRipples/buildBackground/utils/hide-css-background.d.ts +1 -1
  69. package/{customHooks → type/customHooks}/useRipples/buildBackground/utils/restore-css-background.d.ts +1 -1
  70. package/{customHooks → type/customHooks}/useRipples/callback/can-side.d.ts +1 -1
  71. package/{customHooks → type/customHooks}/useRipples/callback/destroy.d.ts +1 -1
  72. package/{customHooks → type/customHooks}/useRipples/callback/drop.d.ts +1 -1
  73. package/{customHooks → type/customHooks}/useRipples/callback/extract-url.d.ts +1 -1
  74. package/{customHooks → type/customHooks}/useRipples/callback/fade.d.ts +1 -1
  75. package/{customHooks → type/customHooks}/useRipples/callback/get-new-image.d.ts +1 -1
  76. package/{customHooks → type/customHooks}/useRipples/callback/reload-background.d.ts +1 -1
  77. package/{customHooks → type/customHooks}/useRipples/callback/scale.d.ts +1 -1
  78. package/{customHooks → type/customHooks}/useRipples/index.d.ts +3 -2
  79. package/{customHooks → type/customHooks}/useRipples/init/index.d.ts +1 -1
  80. package/{customHooks → type/customHooks}/useRipples/init/initEvent.d.ts +1 -1
  81. package/{customHooks → type/customHooks}/useRipples/init/initShaders.d.ts +1 -1
  82. package/{customHooks → type/customHooks}/useRipples/init/initTexture.d.ts +1 -1
  83. package/{customHooks → type/customHooks}/useRipples/render/computeTextureBoundaries.d.ts +1 -1
  84. package/{customHooks → type/customHooks}/useRipples/render/draw.d.ts +1 -1
  85. package/{customHooks → type/customHooks}/useRipples/render/drawQuad.d.ts +1 -1
  86. package/{customHooks → type/customHooks}/useRipples/render/dropAtPointer.d.ts +1 -1
  87. package/{customHooks → type/customHooks}/useRipples/render/index.d.ts +1 -1
  88. package/{customHooks → type/customHooks}/useRipples/render/swapBufferIndices.d.ts +1 -1
  89. package/{customHooks → type/customHooks}/useRipples/render/update.d.ts +1 -1
  90. package/{customHooks → type/customHooks}/useRipples/rippersData/defaultData.d.ts +1 -1
  91. package/{customHooks → type/customHooks}/useRipples/rippersData/fadeData.d.ts +1 -1
  92. package/{customHooks → type/customHooks}/useRipples/rippersData/index.d.ts +1 -1
  93. package/{customHooks → type/customHooks}/useRipples/rippersData/loadConfig.d.ts +1 -1
  94. package/{customHooks → type/customHooks}/useRipples/rippersData/renderData.d.ts +1 -1
  95. package/{customHooks → type/customHooks}/useRipples/rippersData/useOptions.d.ts +1 -1
  96. package/{customHooks → type/customHooks}/useRipples/rippersData/vertexSource.d.ts +1 -1
  97. package/{customHooks → type/customHooks}/useRipples/ripple.html.d.ts +1 -1
  98. package/{customHooks → type/customHooks}/useRipples/ripplesClass.d.ts +1 -1
  99. package/{customHooks → type/customHooks}/useRipples/tools.d.ts +1 -1
  100. package/{customHooks → type/customHooks}/useRipples/types.d.ts +3 -2
  101. package/{customHooks → type/customHooks}/useRipples/use-lazy-ripple.d.ts +4 -3
  102. package/{customHooks → type/customHooks}/useTimeId.d.ts +1 -1
  103. package/type/dog.d.ts +8 -0
  104. package/{index.client.d.ts → type/index.client.d.ts} +4 -1
  105. package/{index.d.ts → type/index.d.ts} +1 -1
  106. package/{index.server.d.ts → type/index.server.d.ts} +1 -1
  107. package/type/storage/main-logic .d.ts +26 -0
  108. package/type/storage/storage-store.d.ts +14 -0
  109. package/type/utilities/cookie.d.ts +20 -0
  110. package/type/utilities/sys.d.ts +41 -0
  111. package/components/button/button.d.ts +0 -11
  112. package/components/layout/content.d.ts +0 -17
  113. package/components/marquee/MarqueeEle.d.ts +0 -15
  114. package/components/ripples/Content.d.ts +0 -8
  115. package/components/shared/EnLayoutContent/index.d.ts +0 -19
  116. package/customHooks/use-xcn/index.d.ts +0 -14
  117. package/styles/vars.scss +0 -248
@@ -0,0 +1,289 @@
1
+ // 亮度值
2
+
3
+ // function a(str,...other) {
4
+ // str =str[0];
5
+
6
+ // return str.split(';').map(e=> e.trim()).filter(e=> e.length > 5).reduce((v,e)=> {
7
+ // const [tag, item] = e.split(':').map(e=> e.trim());
8
+ // const r = Number('0x' + item.slice(1,3));
9
+ // const g = Number('0x' + item.slice(3,5));
10
+ // const b = Number('0x' + item.slice(5));
11
+ // return v + e + ';' + tag + '-rgb' + ':' + r + ',' + g + ',' + b + ';'
12
+ // },'');
13
+ // }
14
+
15
+ $en-color-brightness-10: #f9f9fb;
16
+ $en-color-brightness-10-rgb: 249, 249, 251;
17
+ $en-color-brightness-15: #f2f1f1;
18
+ $en-color-brightness-15-rgb: 242, 241, 241;
19
+ $en-color-brightness-20: #ebeaea;
20
+ $en-color-brightness-20-rgb: 235, 234, 234;
21
+ $en-color-brightness-25: #e2e2e2;
22
+ $en-color-brightness-25-rgb: 226, 226, 226;
23
+ $en-color-brightness-30: #cdcdcd;
24
+ $en-color-brightness-30-rgb: 205, 205, 205;
25
+ $en-color-brightness-40: #b3b3b3;
26
+ $en-color-brightness-40-rgb: 179, 179, 179;
27
+ $en-color-brightness-50: #9e9e9e;
28
+ $en-color-brightness-50-rgb: 158, 158, 158;
29
+ $en-color-brightness-60: #858585;
30
+ $en-color-brightness-60-rgb: 133, 133, 133;
31
+ $en-color-brightness-65: #696969;
32
+ $en-color-brightness-65-rgb: 105, 105, 105;
33
+ $en-color-brightness-70: #4e4e4e;
34
+ $en-color-brightness-70-rgb: 78, 78, 78;
35
+ $en-color-brightness-75: #313131;
36
+ $en-color-brightness-75-rgb: 49, 49, 49;
37
+ $en-color-brightness-80: #343434;
38
+ $en-color-brightness-80-rgb: 52, 52, 52;
39
+ $en-color-brightness-95: #1b1b1b;
40
+ $en-color-brightness-95-rgb: 27, 27, 27;
41
+ $en-color-brightness-90: #030303;
42
+ $en-color-brightness-90-rgb: 3, 3, 3;
43
+ // 纯色
44
+ $en-color-blue: #0085f2;
45
+ $en-color-blue-rgb: 0, 133, 242;
46
+ $en-color-green: #009a46;
47
+ $en-color-green-rgb: 0, 154, 70;
48
+ $en-color-yellow: #928700;
49
+ $en-color-yellow-rgb: 146, 135, 0;
50
+ $en-color-red: #d30038;
51
+ $en-color-red-rgb: 211, 0, 56;
52
+ $en-color-violet: #9b65ff;
53
+ $en-color-violet-rgb: 155, 101, 255;
54
+ $en-color-pink: #d00058;
55
+ $en-color-pink-rgb: 208, 0, 88;
56
+ $en-color-beige: #f0f2e6;
57
+ $en-color-beige-rgb: 240, 242, 230;
58
+ $en-color-black: #000000;
59
+ $en-color-black-rgb: 0, 0, 0;
60
+ $en-color-white: #ffffff;
61
+ $en-color-white-rgb: 255, 255, 255;
62
+
63
+ $en-color-light-blue-10: #dce2f2;
64
+ $en-color-light-blue-10-rgb: 220, 226, 242;
65
+ $en-color-light-blue-20: #c1cff1;
66
+ $en-color-light-blue-20-rgb: 193, 207, 241;
67
+ $en-color-light-blue-30: #8cb4ff;
68
+ $en-color-light-blue-30-rgb: 140, 180, 255;
69
+ $en-color-light-blue-40: #5e9eff;
70
+ $en-color-light-blue-40-rgb: 94, 158, 255;
71
+ $en-color-light-blue-50: #0085f2;
72
+ $en-color-light-blue-50-rgb: 0, 133, 242;
73
+ $en-color-light-blue-60: #0069c2;
74
+ $en-color-light-blue-60-rgb: 0, 105, 194;
75
+ $en-color-light-blue-70: #004d92;
76
+ $en-color-light-blue-70-rgb: 0, 77, 146;
77
+ $en-color-light-blue-80: #003465;
78
+ $en-color-light-blue-80-rgb: 0, 52, 101;
79
+ $en-color-light-blue-90: #001b3a;
80
+ $en-color-light-blue-90-rgb: 0, 27, 58;
81
+
82
+ $en-color-dark-blue-10: $en-color-light-blue-10;
83
+ $en-color-dark-blue-10-rgb: $en-color-light-blue-10-rgb;
84
+ $en-color-dark-blue-20: $en-color-light-blue-20;
85
+ $en-color-dark-blue-20-rgb: $en-color-light-blue-20-rgb;
86
+ $en-color-dark-blue-30: $en-color-light-blue-30;
87
+ $en-color-dark-blue-30-rgb: $en-color-light-blue-30-rgb;
88
+ $en-color-dark-blue-40: $en-color-light-blue-40;
89
+ $en-color-dark-blue-40-rgb: $en-color-light-blue-40-rgb;
90
+ $en-color-dark-blue-50: $en-color-light-blue-50;
91
+ $en-color-dark-blue-50-rgb: $en-color-light-blue-50-rgb;
92
+ $en-color-dark-blue-60: $en-color-light-blue-60;
93
+ $en-color-dark-blue-60-rgb: $en-color-light-blue-60-rgb;
94
+ $en-color-dark-blue-70: $en-color-light-blue-70;
95
+ $en-color-dark-blue-70-rgb: $en-color-light-blue-70-rgb;
96
+ $en-color-dark-blue-80: $en-color-light-blue-80;
97
+ $en-color-dark-blue-80-rgb: $en-color-light-blue-80-rgb;
98
+ $en-color-dark-blue-90: $en-color-light-blue-90;
99
+ $en-color-dark-blue-90-rgb: $en-color-light-blue-90-rgb;
100
+
101
+ $en-color-light-green-10: #a9f3ba;
102
+ $en-color-light-green-10-rgb: 169, 243, 186;
103
+ $en-color-light-green-20: #73e693;
104
+ $en-color-light-green-20-rgb: 115, 230, 147;
105
+ $en-color-light-green-30: #00d061;
106
+ $en-color-light-green-30-rgb: 0, 208, 97;
107
+ $en-color-light-green-40: #00b755;
108
+ $en-color-light-green-40-rgb: 0, 183, 85;
109
+ $en-color-light-green-50: #009a46;
110
+ $en-color-light-green-50-rgb: 0, 154, 70;
111
+ $en-color-light-green-60: #007936;
112
+ $en-color-light-green-60-rgb: 0, 121, 54;
113
+ $en-color-light-green-70: #005a26;
114
+ $en-color-light-green-70-rgb: 0, 90, 38;
115
+ $en-color-light-green-80: #003d18;
116
+ $en-color-light-green-80-rgb: 0, 61, 24;
117
+ $en-color-light-green-90: #00210a;
118
+ $en-color-light-green-90-rgb: 0, 33, 10;
119
+
120
+ $en-color-dark-green-10: $en-color-light-green-10;
121
+ $en-color-dark-green-10-rgb: $en-color-light-green-10-rgb;
122
+ $en-color-dark-green-20: $en-color-light-green-20;
123
+ $en-color-dark-green-20-rgb: $en-color-light-green-20-rgb;
124
+ $en-color-dark-green-30: $en-color-light-green-30;
125
+ $en-color-dark-green-30-rgb: $en-color-light-green-30-rgb;
126
+ $en-color-dark-green-40: $en-color-light-green-40;
127
+ $en-color-dark-green-40-rgb: $en-color-light-green-40-rgb;
128
+ $en-color-dark-green-50: $en-color-light-green-50;
129
+ $en-color-dark-green-50-rgb: $en-color-light-green-50-rgb;
130
+ $en-color-dark-green-60: $en-color-light-green-60;
131
+ $en-color-dark-green-60-rgb: $en-color-light-green-60-rgb;
132
+ $en-color-dark-green-70: $en-color-light-green-70;
133
+ $en-color-dark-green-70-rgb: $en-color-light-green-70-rgb;
134
+ $en-color-dark-green-80: $en-color-light-green-80;
135
+ $en-color-dark-green-80-rgb: $en-color-light-green-80-rgb;
136
+ $en-color-dark-green-90: $en-color-light-green-90;
137
+ $en-color-dark-green-90-rgb: $en-color-light-green-90-rgb;
138
+
139
+ $en-color-light-yellow-10: #f0e498;
140
+ $en-color-light-yellow-10-rgb: 240, 228, 152;
141
+ $en-color-light-yellow-20: #dfd172;
142
+ $en-color-light-yellow-20-rgb: 223, 209, 114;
143
+ $en-color-light-yellow-30: #c7b700;
144
+ $en-color-light-yellow-30-rgb: 199, 183, 0;
145
+ $en-color-light-yellow-40: #afa100;
146
+ $en-color-light-yellow-40-rgb: 175, 161, 0;
147
+ $en-color-light-yellow-50: #938700;
148
+ $en-color-light-yellow-50-rgb: 147, 135, 0;
149
+ $en-color-light-yellow-60: #746a00;
150
+ $en-color-light-yellow-60-rgb: 116, 106, 0;
151
+ $en-color-light-yellow-70: #564e00;
152
+ $en-color-light-yellow-70-rgb: 86, 78, 0;
153
+ $en-color-light-yellow-80: #3a3500;
154
+ $en-color-light-yellow-80-rgb: 58, 53, 0;
155
+ $en-color-light-yellow-90: #1f1c00;
156
+ $en-color-light-yellow-90-rgb: 31, 28, 0;
157
+
158
+ $en-color-dark-yellow-10: $en-color-light-yellow-10;
159
+ $en-color-dark-yellow-10-rgb: $en-color-light-yellow-10-rgb;
160
+ $en-color-dark-yellow-20: $en-color-light-yellow-20;
161
+ $en-color-dark-yellow-20-rgb: $en-color-light-yellow-20-rgb;
162
+ $en-color-dark-yellow-30: $en-color-light-yellow-30;
163
+ $en-color-dark-yellow-30-rgb: $en-color-light-yellow-30-rgb;
164
+ $en-color-dark-yellow-40: $en-color-light-yellow-40;
165
+ $en-color-dark-yellow-40-rgb: $en-color-light-yellow-40-rgb;
166
+ $en-color-dark-yellow-50: $en-color-light-yellow-50;
167
+ $en-color-dark-yellow-50-rgb: $en-color-light-yellow-50-rgb;
168
+ $en-color-dark-yellow-60: $en-color-light-yellow-60;
169
+ $en-color-dark-yellow-60-rgb: $en-color-light-yellow-60-rgb;
170
+ $en-color-dark-yellow-70: $en-color-light-yellow-70;
171
+ $en-color-dark-yellow-70-rgb: $en-color-light-yellow-70-rgb;
172
+ $en-color-dark-yellow-80: $en-color-light-yellow-80;
173
+ $en-color-dark-yellow-80-rgb: $en-color-light-yellow-80-rgb;
174
+ $en-color-dark-yellow-90: $en-color-light-yellow-90;
175
+ $en-color-dark-yellow-90-rgb: $en-color-light-yellow-90-rgb;
176
+
177
+ $en-color-light-red-10: #ffd9dc;
178
+ $en-color-light-red-10-rgb: 255, 217, 220;
179
+ $en-color-light-red-20: #ffc0c4;
180
+ $en-color-light-red-20-rgb: 255, 192, 196;
181
+ $en-color-light-red-30: #ff97a0;
182
+ $en-color-light-red-30-rgb: 255, 151, 160;
183
+ $en-color-light-red-40: #ff707f;
184
+ $en-color-light-red-40-rgb: 255, 112, 127;
185
+ $en-color-light-red-50: #ff2a51;
186
+ $en-color-light-red-50-rgb: 255, 42, 81;
187
+ $en-color-light-red-60: #d30038;
188
+ $en-color-light-red-60-rgb: 211, 0, 56;
189
+ $en-color-light-red-70: #9e0027;
190
+ $en-color-light-red-70-rgb: 158, 0, 39;
191
+ $en-color-light-red-80: #6f0019;
192
+ $en-color-light-red-80-rgb: 111, 0, 25;
193
+ $en-color-light-red-90: #40000a;
194
+ $en-color-light-red-90-rgb: 64, 0, 10;
195
+
196
+ $en-color-dark-red-10: $en-color-light-red-10;
197
+ $en-color-dark-red-10-rgb: $en-color-light-red-10-rgb;
198
+ $en-color-dark-red-20: $en-color-light-red-20;
199
+ $en-color-dark-red-20-rgb: $en-color-light-red-20-rgb;
200
+ $en-color-dark-red-30: $en-color-light-red-30;
201
+ $en-color-dark-red-30-rgb: $en-color-light-red-30-rgb;
202
+ $en-color-dark-red-40: $en-color-light-red-40;
203
+ $en-color-dark-red-40-rgb: $en-color-light-red-40-rgb;
204
+ $en-color-dark-red-50: $en-color-light-red-50;
205
+ $en-color-dark-red-50-rgb: $en-color-light-red-50-rgb;
206
+ $en-color-dark-red-60: $en-color-light-red-60;
207
+ $en-color-dark-red-60-rgb: $en-color-light-red-60-rgb;
208
+ $en-color-dark-red-70: $en-color-light-red-70;
209
+ $en-color-dark-red-70-rgb: $en-color-light-red-70-rgb;
210
+ $en-color-dark-red-80: $en-color-light-red-80;
211
+ $en-color-dark-red-80-rgb: $en-color-light-red-80-rgb;
212
+ $en-color-dark-red-90: $en-color-light-red-90;
213
+ $en-color-dark-red-90-rgb: $en-color-light-red-90-rgb;
214
+
215
+ $en-color-light-violet-10: #e6deff;
216
+ $en-color-light-violet-10-rgb: 230, 222, 255;
217
+ $en-color-light-violet-20: #d4c5ff;
218
+ $en-color-light-violet-20-rgb: 212, 197, 255;
219
+ $en-color-light-violet-30: #bea5ff;
220
+ $en-color-light-violet-30-rgb: 190, 165, 255;
221
+ $en-color-light-violet-40: #ae8aff;
222
+ $en-color-light-violet-40-rgb: 174, 138, 255;
223
+ $en-color-light-violet-50: #9b65ff;
224
+ $en-color-light-violet-50-rgb: 155, 101, 255;
225
+ $en-color-light-violet-60: #872bff;
226
+ $en-color-light-violet-60-rgb: 135, 43, 255;
227
+ $en-color-light-violet-70: #6800cf;
228
+ $en-color-light-violet-70-rgb: 104, 0, 207;
229
+ $en-color-light-violet-80: #480091;
230
+ $en-color-light-violet-80-rgb: 72, 0, 145;
231
+ $en-color-light-violet-90: #280056;
232
+ $en-color-light-violet-90-rgb: 40, 0, 86;
233
+
234
+ $en-color-dark-violet-10: $en-color-light-violet-10;
235
+ $en-color-dark-violet-10-rgb: $en-color-light-violet-10-rgb;
236
+ $en-color-dark-violet-20: $en-color-light-violet-20;
237
+ $en-color-dark-violet-20-rgb: $en-color-light-violet-20-rgb;
238
+ $en-color-dark-violet-30: $en-color-light-violet-30;
239
+ $en-color-dark-violet-30-rgb: $en-color-light-violet-30-rgb;
240
+ $en-color-dark-violet-40: $en-color-light-violet-40;
241
+ $en-color-dark-violet-40-rgb: $en-color-light-violet-40-rgb;
242
+ $en-color-dark-violet-50: $en-color-light-violet-50;
243
+ $en-color-dark-violet-50-rgb: $en-color-light-violet-50-rgb;
244
+ $en-color-dark-violet-60: $en-color-light-violet-60;
245
+ $en-color-dark-violet-60-rgb: $en-color-light-violet-60-rgb;
246
+ $en-color-dark-violet-70: $en-color-light-violet-70;
247
+ $en-color-dark-violet-70-rgb: $en-color-light-violet-70-rgb;
248
+ $en-color-dark-violet-80: $en-color-light-violet-80;
249
+ $en-color-dark-violet-80-rgb: $en-color-light-violet-80-rgb;
250
+ $en-color-dark-violet-90: $en-color-light-violet-90;
251
+ $en-color-dark-violet-90-rgb: $en-color-light-violet-90-rgb;
252
+
253
+ $en-color-light-pink-10: #ffd9df;
254
+ $en-color-light-pink-10-rgb: 255, 217, 223;
255
+ $en-color-light-pink-20: #ffbbc8;
256
+ $en-color-light-pink-20-rgb: 255, 187, 200;
257
+ $en-color-light-pink-30: #ff93aa;
258
+ $en-color-light-pink-30-rgb: 255, 147, 170;
259
+ $en-color-light-pink-40: #ff6d91;
260
+ $en-color-light-pink-40-rgb: 255, 109, 145;
261
+ $en-color-light-pink-50: #ff1f72;
262
+ $en-color-light-pink-50-rgb: 255, 31, 114;
263
+ $en-color-light-pink-60: #d00058;
264
+ $en-color-light-pink-60-rgb: 208, 0, 88;
265
+ $en-color-light-pink-70: #9e0041;
266
+ $en-color-light-pink-70-rgb: 158, 0, 65;
267
+ $en-color-light-pink-80: #6d002b;
268
+ $en-color-light-pink-80-rgb: 109, 0, 43;
269
+ $en-color-light-pink-90: #3f0015;
270
+ $en-color-light-pink-90-rgb: 63, 0, 21;
271
+
272
+ $en-color-dark-pink-10: $en-color-light-pink-10;
273
+ $en-color-dark-pink-10-rgb: $en-color-light-pink-10-rgb;
274
+ $en-color-dark-pink-20: $en-color-light-pink-20;
275
+ $en-color-dark-pink-20-rgb: $en-color-light-pink-20-rgb;
276
+ $en-color-dark-pink-30: $en-color-light-pink-30;
277
+ $en-color-dark-pink-30-rgb: $en-color-light-pink-30-rgb;
278
+ $en-color-dark-pink-40: $en-color-light-pink-40;
279
+ $en-color-dark-pink-40-rgb: $en-color-light-pink-40-rgb;
280
+ $en-color-dark-pink-50: $en-color-light-pink-50;
281
+ $en-color-dark-pink-50-rgb: $en-color-light-pink-50-rgb;
282
+ $en-color-dark-pink-60: $en-color-light-pink-60;
283
+ $en-color-dark-pink-60-rgb: $en-color-light-pink-60-rgb;
284
+ $en-color-dark-pink-70: $en-color-light-pink-70;
285
+ $en-color-dark-pink-70-rgb: $en-color-light-pink-70-rgb;
286
+ $en-color-dark-pink-80: $en-color-light-pink-80;
287
+ $en-color-dark-pink-80-rgb: $en-color-light-pink-80-rgb;
288
+ $en-color-dark-pink-90: $en-color-light-pink-90;
289
+ $en-color-dark-pink-90-rgb: $en-color-light-pink-90-rgb;
@@ -0,0 +1,2 @@
1
+ // screen is to small for sticky placement
2
+ $screen-height-place-limit: 44rem;
@@ -0,0 +1,11 @@
1
+ /**
2
+ * @license MIT
3
+ * enr@type/components/ThemeContext/index.d.ts
4
+ * Copyright (c) 2025 earthnut.dev
5
+ * 请在项目根参看详细许可证明
6
+ */
7
+ import { ThemeColorModeProviderProps, ThemeContextType } from './types';
8
+ /** 使用主题颜色模式 */
9
+ export declare function useColorMode(): ThemeContextType;
10
+ /** */
11
+ export declare function ThemeColorModeProvider({ children, initialTheme }: ThemeColorModeProviderProps): import("react").JSX.Element;
@@ -0,0 +1,26 @@
1
+ /**
2
+ * @license MIT
3
+ * enr@type/components/ThemeContext/types.d.ts
4
+ * Copyright (c) 2025 earthnut.dev
5
+ * 请在项目根参看详细许可证明
6
+ */
7
+ /** 颜色模式 */
8
+ export type ColorMode = 'light' | 'dark';
9
+ /** 主题 */
10
+ export type ThemeContextType = {
11
+ /** 是否为自动模式 */
12
+ autoColorMode: boolean;
13
+ /** 获取颜色模式 */
14
+ colorMode: ColorMode;
15
+ /** 切换颜色模式 */
16
+ toggleColorMode: () => ColorMode;
17
+ /** 设置颜色模式(仅允许设置为 'dark'、或 `light`) */
18
+ setColorMode: (newColorMode: ColorMode) => ColorMode;
19
+ /** 设置为跟随系统 */
20
+ clearColorMode: () => void;
21
+ };
22
+ export type ThemeColorModeProviderProps = {
23
+ children: React.ReactNode;
24
+ /** 初始化默认的主题值 */
25
+ initialTheme: ColorMode;
26
+ };
@@ -0,0 +1,10 @@
1
+ /**
2
+ * @license MIT
3
+ * enr@type/components/button/button.d.ts
4
+ * Copyright (c) 2025 earthnut.dev
5
+ * 请在项目根参看详细许可证明
6
+ */
7
+ /**
8
+ * 按钮
9
+ */
10
+ export default function Button(): import("react").JSX.Element;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license MIT
3
- * earthnut@components/button/index.d.ts
3
+ * enr@type/components/button/index.d.ts
4
4
  * Copyright (c) 2025 earthnut.dev
5
5
  * 请在项目根参看详细许可证明
6
6
  */
@@ -1,12 +1,11 @@
1
1
  /**
2
2
  * @license MIT
3
- * earthnut@components/image/index.d.ts
3
+ * enr@type/components/image/index.d.ts
4
4
  * Copyright (c) 2025 earthnut.dev
5
5
  * 请在项目根参看详细许可证明
6
6
  */
7
- import React from 'react';
8
7
  import { EnImageProps } from './types';
9
8
  /** 简单的图像 */
10
- declare const Image: React.ForwardRefExoticComponent<Omit<EnImageProps, "ref"> & React.RefAttributes<HTMLImageElement>>;
9
+ declare const Image: import("react").ForwardRefExoticComponent<Omit<EnImageProps, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
11
10
  export { Image };
12
11
  export type { EnImageProps };
@@ -1,12 +1,13 @@
1
1
  /**
2
2
  * @license MIT
3
- * earthnut@components/image/types.d.ts
3
+ * enr@type/components/image/types.d.ts
4
4
  * Copyright (c) 2025 earthnut.dev
5
5
  * 请在项目根参看详细许可证明
6
6
  */
7
+ import { DetailedHTMLProps, ImgHTMLAttributes } from 'react';
7
8
  export type EnImageProps = {
8
9
  /** 下载错误时展示的图像 */
9
10
  errorSrc?: string;
10
11
  /** 加载中的图像 */
11
12
  loadingSrc?: string;
12
- } & React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
13
+ } & DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license MIT
3
- * earthnut@components/image/useSrcChange.d.ts
3
+ * enr@type/components/image/useSrcChange.d.ts
4
4
  * Copyright (c) 2025 earthnut.dev
5
5
  * 请在项目根参看详细许可证明
6
6
  */
@@ -0,0 +1,17 @@
1
+ /**
2
+ * @license MIT
3
+ * enr@type/components/layout/content.d.ts
4
+ * Copyright (c) 2025 earthnut.dev
5
+ * 请在项目根参看详细许可证明
6
+ */
7
+ import { HTMLAttributes } from 'react';
8
+ /**
9
+ *
10
+ * layout content
11
+ *
12
+ *
13
+ * @param {string} className 布局的类名
14
+ *
15
+ */
16
+ declare const InternalValueC: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
17
+ export { InternalValueC };
@@ -1,10 +1,9 @@
1
1
  /**
2
2
  * @license MIT
3
- * earthnut@components/layout/footer.d.ts
3
+ * enr@type/components/layout/footer.d.ts
4
4
  * Copyright (c) 2025 earthnut.dev
5
5
  * 请在项目根参看详细许可证明
6
6
  */
7
- import React from 'react';
8
7
  import { LayoutFooterProps } from './types';
9
8
  /**
10
9
  *
@@ -15,8 +14,8 @@ import { LayoutFooterProps } from './types';
15
14
  * @param className 自定义类名
16
15
  * @param height 自定义高度
17
16
  * @param props 其他属性
18
- * @returns React.ReactElement
17
+ * @returns ReactElement
19
18
  *
20
19
  */
21
- declare const InternalValueF: React.ForwardRefExoticComponent<LayoutFooterProps & React.RefAttributes<HTMLDivElement>>;
20
+ declare const InternalValueF: import("react").ForwardRefExoticComponent<LayoutFooterProps & import("react").RefAttributes<HTMLDivElement>>;
22
21
  export { InternalValueF };
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license MIT
3
- * earthnut@components/layout/get-value.d.ts
3
+ * enr@type/components/layout/get-value.d.ts
4
4
  * Copyright (c) 2025 earthnut.dev
5
5
  * 请在项目根参看详细许可证明
6
6
  */
@@ -1,10 +1,9 @@
1
1
  /**
2
2
  * @license MIT
3
- * earthnut@components/layout/header.d.ts
3
+ * enr@type/components/layout/header.d.ts
4
4
  * Copyright (c) 2025 earthnut.dev
5
5
  * 请在项目根参看详细许可证明
6
6
  */
7
- import React from 'react';
8
7
  import { LayoutHeaderProps } from './types';
9
8
  /**
10
9
  *
@@ -18,7 +17,7 @@ import { LayoutHeaderProps } from './types';
18
17
  * @param noSticky 是否取消悬挂粘连
19
18
  * 缺省值为 false
20
19
  * @param props 其他属性
21
- * @returns React.ReactElement
20
+ * @returns ReactElement
22
21
  */
23
- declare const InternalValueH: React.ForwardRefExoticComponent<LayoutHeaderProps & React.RefAttributes<HTMLDivElement>>;
22
+ declare const InternalValueH: import("react").ForwardRefExoticComponent<LayoutHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
24
23
  export { InternalValueH };
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license MIT
3
- * earthnut@components/layout/index.d.ts
3
+ * enr@type/components/layout/index.d.ts
4
4
  * Copyright (c) 2025 earthnut.dev
5
5
  * 请在项目根参看详细许可证明
6
6
  */
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @license MIT
3
+ * enr@type/components/layout/is-fragment.d.ts
4
+ * Copyright (c) 2025 earthnut.dev
5
+ * 请在项目根参看详细许可证明
6
+ */
7
+ import { ReactNode } from 'react';
8
+ /** 判断是否为 Fragment 元素 */
9
+ export declare function isFragment(element: ReactNode): boolean;
@@ -1,12 +1,11 @@
1
1
  /**
2
2
  * @license MIT
3
- * earthnut@components/layout/layout.d.ts
3
+ * enr@type/components/layout/layout.d.ts
4
4
  * Copyright (c) 2025 earthnut.dev
5
5
  * 请在项目根参看详细许可证明
6
6
  */
7
- import * as React from 'react';
8
7
  import { InternalValueH as LayoutHeader } from './header';
9
- import { InternalValueS as LayoutSideBar } from './sideBar';
8
+ import { InternalValueS as LayoutSideBar } from './sidebar';
10
9
  import { InternalValueC as LayoutContent } from './content';
11
10
  import { InternalValueF as LayoutFooter } from './footer';
12
11
  import { LayoutProps } from './types';
@@ -19,7 +18,7 @@ import { LayoutProps } from './types';
19
18
  * ***为了照顾在 next.js 中的服务端组件中使用,在拥有 `side bar` 时 `Layout` 的 `height` 为百分比时会触发 side bar 滚动***
20
19
  *
21
20
  * @param {string} className 布局的类名
22
- * @param {React.CSSProperties} style 布局的样式
21
+ * @param {CSSProperties} style 布局的样式
23
22
  * @param {string | number} width 布局的宽
24
23
  * @param {string | number} height 布局的高
25
24
  * @example
@@ -52,5 +51,5 @@ import { LayoutProps } from './types';
52
51
  *
53
52
  *
54
53
  */
55
- declare const Layout: React.ForwardRefExoticComponent<LayoutProps & React.RefAttributes<HTMLDivElement>>;
54
+ declare const Layout: import("react").ForwardRefExoticComponent<LayoutProps & import("react").RefAttributes<HTMLDivElement>>;
56
55
  export { Layout, LayoutHeader, LayoutSideBar, LayoutContent, LayoutFooter };
@@ -1,10 +1,9 @@
1
1
  /**
2
2
  * @license MIT
3
- * earthnut@components/layout/sideBar.d.ts
3
+ * enr@type/components/layout/sidebar.d.ts
4
4
  * Copyright (c) 2025 earthnut.dev
5
5
  * 请在项目根参看详细许可证明
6
6
  */
7
- import React from 'react';
8
7
  import { LayoutSideBarProps } from './types';
9
8
  /**
10
9
  *
@@ -23,8 +22,8 @@ import { LayoutSideBarProps } from './types';
23
22
  * 缺省值为 `false`
24
23
  * @param full 是否占用所有空间
25
24
  * 缺省值为 `false`
26
- * @returns `React.ReactElement`;
25
+ * @returns `ReactElement`;
27
26
  *
28
27
  */
29
- declare const InternalValueS: React.ForwardRefExoticComponent<LayoutSideBarProps & React.RefAttributes<HTMLDivElement>>;
28
+ declare const InternalValueS: import("react").ForwardRefExoticComponent<LayoutSideBarProps & import("react").RefAttributes<HTMLDivElement>>;
30
29
  export { InternalValueS };
@@ -1,13 +1,14 @@
1
1
  /**
2
2
  * @license MIT
3
- * earthnut@components/layout/types.d.ts
3
+ * enr@type/components/layout/types.d.ts
4
4
  * Copyright (c) 2025 earthnut.dev
5
5
  * 请在项目根参看详细许可证明
6
6
  */
7
+ import { CSSProperties, HTMLAttributes } from 'react';
7
8
  /**
8
9
  * 布局
9
10
  */
10
- export interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {
11
+ export interface LayoutProps extends HTMLAttributes<HTMLDivElement> {
11
12
  classes?: string | string[];
12
13
  /** 布局的 */
13
14
  /**
@@ -29,12 +30,12 @@ export interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {
29
30
  height?: string | number;
30
31
  /** 其他的组件样式 */
31
32
  /** 样式 */
32
- style?: React.CSSProperties;
33
+ style?: CSSProperties;
33
34
  /** 其他的组件样式 */
34
35
  theme?: LayoutTheme;
35
36
  }
36
- /** 侧边 sideBar 的参数 */
37
- export interface LayoutSideBarProps extends React.HTMLAttributes<HTMLDivElement> {
37
+ /** 侧边 sidebar 的参数 */
38
+ export interface LayoutSideBarProps extends HTMLAttributes<HTMLDivElement> {
38
39
  classes?: string | string[];
39
40
  /**
40
41
  * 侧边栏的宽度
@@ -56,7 +57,7 @@ export interface LayoutSideBarProps extends React.HTMLAttributes<HTMLDivElement>
56
57
  full?: boolean;
57
58
  }
58
59
  /** Header 的 props */
59
- export interface LayoutHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
60
+ export interface LayoutHeaderProps extends HTMLAttributes<HTMLDivElement> {
60
61
  classes?: string | string[];
61
62
  /**
62
63
  * header 的高度
@@ -72,7 +73,7 @@ export interface LayoutHeaderProps extends React.HTMLAttributes<HTMLDivElement>
72
73
  noSticky?: boolean;
73
74
  }
74
75
  /** 脚组件的参数类型 */
75
- export interface LayoutFooterProps extends React.HTMLAttributes<HTMLDivElement> {
76
+ export interface LayoutFooterProps extends HTMLAttributes<HTMLDivElement> {
76
77
  classes?: string | string[];
77
78
  /**
78
79
  * footer 的高度
@@ -95,4 +96,4 @@ export interface LayoutTheme {
95
96
  footerHeight: string | number;
96
97
  }
97
98
  /** 可使用的样式类型 */
98
- export type EnLayoutContentType = 'simple' | 'only-footer' | 'only-header' | 'no-sidebar' | 'side-full' | 'side-right-full-all' | 'side-right-full-no-footer' | 'side-right-full-no-header' | 'side-right-full-only-side' | 'side-right-all' | 'side-right-no-footer' | 'side-right-no-header' | 'side-right-only-side' | 'side-full-all' | 'side-full-no-footer' | 'side-full-no-header' | 'side-full-only-side' | 'simple-all' | 'simple-no-footer' | 'simple-no-header' | 'simple-only-side';
99
+ export type EnLayoutContentType = 'simple' | 'only-footer' | 'only-header' | 'no-sidebar' | 'simple-all' | 'side-full-all' | 'side-right-all' | 'side-right-full-all' | 'simple-no-footer' | 'side-full-no-footer' | 'side-right-no-footer' | 'side-right-full-no-footer' | 'simple-no-header' | 'side-full-no-header' | 'side-right-no-header' | 'side-right-full-no-header' | 'simple-only-side' | 'side-full-only-side' | 'side-right-only-side' | 'side-right-full-only-side';
@@ -0,0 +1,15 @@
1
+ /**
2
+ * @license MIT
3
+ * enr@type/components/marquee/MarqueeEle.d.ts
4
+ * Copyright (c) 2025 earthnut.dev
5
+ * 请在项目根参看详细许可证明
6
+ */
7
+ import { HTMLAttributes } from 'react';
8
+ import { MarqueeProps } from './type';
9
+ import './index.scss';
10
+ /**
11
+ * 一个跑马灯一样的东东
12
+ *
13
+ */
14
+ declare const MarqueeEle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & MarqueeProps & import("react").RefAttributes<HTMLDivElement>>;
15
+ export { MarqueeEle };
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license MIT
3
- * earthnut@components/marquee/index.d.ts
3
+ * enr@type/components/marquee/index.d.ts
4
4
  * Copyright (c) 2025 earthnut.dev
5
5
  * 请在项目根参看详细许可证明
6
6
  */
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license MIT
3
- * earthnut@components/marquee/type.d.ts
3
+ * enr@type/components/marquee/type.d.ts
4
4
  * Copyright (c) 2025 earthnut.dev
5
5
  * 请在项目根参看详细许可证明
6
6
  */
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license MIT
3
- * earthnut@components/menu/index.d.ts
3
+ * enr@type/components/menu/index.d.ts
4
4
  * Copyright (c) 2025 earthnut.dev
5
5
  * 请在项目根参看详细许可证明
6
6
  */
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license MIT
3
- * earthnut@components/menu/menu.d.ts
3
+ * enr@type/components/menu/menu.d.ts
4
4
  * Copyright (c) 2025 earthnut.dev
5
5
  * 请在项目根参看详细许可证明
6
6
  */
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @license MIT
3
+ * enr@type/components/ripples/Content.d.ts
4
+ * Copyright (c) 2025 earthnut.dev
5
+ * 请在项目根参看详细许可证明
6
+ */
7
+ /** 内容组件 */
8
+ export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;