@radishon/lumina 1.0.7 → 1.0.9
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 +10 -3
- package/dist/index.d.mts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +38 -4
- package/dist/index.mjs +36 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -258,7 +258,7 @@ el.speed = 200;
|
|
|
258
258
|
|
|
259
259
|
## 可用的序列类型
|
|
260
260
|
|
|
261
|
-
Lumina 提供了
|
|
261
|
+
Lumina 提供了 32 种精心设计的动画序列:
|
|
262
262
|
|
|
263
263
|
| 类型 | 名称 | 描述 | 颜色 |
|
|
264
264
|
|------|------|------|------|
|
|
@@ -288,6 +288,11 @@ Lumina 提供了 27 种精心设计的动画序列:
|
|
|
288
288
|
| `bubble` | 气泡浮起 | 液体流体的气泡上升动画 | 浅蓝 `#48cae4` |
|
|
289
289
|
| `gradient` | 渐变条 | 光谱渐变的进度条动画 | 紫罗兰 `#ee82ee` |
|
|
290
290
|
| `spectrum` | 光谱扫描 | 光谱渐变的三段滑动 | 粉红 `#ff69b4` |
|
|
291
|
+
| `bagua` | 八卦 | 中国传统风格的易经八卦 | 棕色 `#8d6e63` |
|
|
292
|
+
| `corners` | 角落旋转 | 几何风格的角落旋转 | 青绿 `#80cbc4` |
|
|
293
|
+
| `cards` | 纸牌 | 扑克风格的纸牌动画 | 红色 `#c62828` |
|
|
294
|
+
| `ornament` | 装饰符 | 装饰风格的花卉图案 | 粉红 `#e91e63` |
|
|
295
|
+
| `radiation` | 辐射警告 | 危险风格的警告符号 | 亮绿 `#76ff03` |
|
|
291
296
|
|
|
292
297
|
### 序列分类
|
|
293
298
|
|
|
@@ -296,10 +301,12 @@ Lumina 提供了 27 种精心设计的动画序列:
|
|
|
296
301
|
- **逻辑风格**: `compass`
|
|
297
302
|
- **复古风格**: `pixel`, `clock`
|
|
298
303
|
- **音乐风格**: `equalizer`, `waveform`
|
|
299
|
-
- **游戏风格**: `dice`
|
|
300
|
-
- **动态几何**: `bounce`, `radar`
|
|
304
|
+
- **游戏风格**: `dice`, `cards`
|
|
305
|
+
- **动态几何**: `bounce`, `radar`, `corners`
|
|
301
306
|
- **数字符号**: `dots`
|
|
302
307
|
- **光谱渐变**: `gradient`, `spectrum`
|
|
308
|
+
- **中国传统**: `bagua`
|
|
309
|
+
- **装饰风格**: `ornament`, `radiation`
|
|
303
310
|
|
|
304
311
|
## 开发指南
|
|
305
312
|
|
package/dist/index.d.mts
CHANGED
|
@@ -5,6 +5,7 @@ interface SequenceConfig {
|
|
|
5
5
|
}
|
|
6
6
|
declare const SEQUENCES: Record<string, SequenceConfig>;
|
|
7
7
|
type SequenceKey = keyof typeof SEQUENCES;
|
|
8
|
+
|
|
8
9
|
declare class LuminaElement extends HTMLElement {
|
|
9
10
|
private _index;
|
|
10
11
|
private _timer;
|
|
@@ -29,4 +30,4 @@ declare class LuminaElement extends HTMLElement {
|
|
|
29
30
|
private startAnimation;
|
|
30
31
|
}
|
|
31
32
|
|
|
32
|
-
export { LuminaElement as Lumina, LuminaElement, type SequenceKey };
|
|
33
|
+
export { LuminaElement as Lumina, LuminaElement, SEQUENCES, type SequenceConfig, type SequenceKey };
|
package/dist/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ interface SequenceConfig {
|
|
|
5
5
|
}
|
|
6
6
|
declare const SEQUENCES: Record<string, SequenceConfig>;
|
|
7
7
|
type SequenceKey = keyof typeof SEQUENCES;
|
|
8
|
+
|
|
8
9
|
declare class LuminaElement extends HTMLElement {
|
|
9
10
|
private _index;
|
|
10
11
|
private _timer;
|
|
@@ -29,4 +30,4 @@ declare class LuminaElement extends HTMLElement {
|
|
|
29
30
|
private startAnimation;
|
|
30
31
|
}
|
|
31
32
|
|
|
32
|
-
export { LuminaElement as Lumina, LuminaElement, type SequenceKey };
|
|
33
|
+
export { LuminaElement as Lumina, LuminaElement, SEQUENCES, type SequenceConfig, type SequenceKey };
|
package/dist/index.js
CHANGED
|
@@ -21,15 +21,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
21
21
|
var index_exports = {};
|
|
22
22
|
__export(index_exports, {
|
|
23
23
|
Lumina: () => Lumina_default,
|
|
24
|
-
LuminaElement: () => Lumina_default
|
|
24
|
+
LuminaElement: () => Lumina_default,
|
|
25
|
+
SEQUENCES: () => SEQUENCES
|
|
25
26
|
});
|
|
26
27
|
module.exports = __toCommonJS(index_exports);
|
|
27
28
|
|
|
28
|
-
// src/
|
|
29
|
+
// src/sequence.ts
|
|
29
30
|
var SEQUENCES = {
|
|
30
31
|
claude: {
|
|
31
32
|
name: "CLAUDE \u8F68\u8FF9",
|
|
32
|
-
chars: ["\
|
|
33
|
+
chars: ["\u2732", "\u2731", "\u273A", "\u273B", "\u273C", "\u273D", "\u273E"],
|
|
33
34
|
color: "#fadb14"
|
|
34
35
|
},
|
|
35
36
|
diamond: {
|
|
@@ -162,8 +163,40 @@ var SEQUENCES = {
|
|
|
162
163
|
name: "\u5149\u8C31\u626B\u63CF",
|
|
163
164
|
chars: ["\u2591\u2592\u2593", "\u2592\u2593\u2588", "\u2593\u2588\u2591", "\u2588\u2591\u2592", "\u2591\u2592\u2593", "\u2592\u2593\u2588"],
|
|
164
165
|
color: "#ff69b4"
|
|
166
|
+
},
|
|
167
|
+
// 中国传统
|
|
168
|
+
bagua: {
|
|
169
|
+
name: "\u516B\u5366",
|
|
170
|
+
chars: ["\u2630", "\u2631", "\u2632", "\u2633", "\u2634", "\u2635", "\u2636", "\u2637"],
|
|
171
|
+
color: "#8d6e63"
|
|
172
|
+
},
|
|
173
|
+
// 几何角落
|
|
174
|
+
corners: {
|
|
175
|
+
name: "\u89D2\u843D\u65CB\u8F6C",
|
|
176
|
+
chars: ["\u231C", "\u231D", "\u231F", "\u231E", "\u231C", "\u231D", "\u231F", "\u231E"],
|
|
177
|
+
color: "#80cbc4"
|
|
178
|
+
},
|
|
179
|
+
// 扑克纸牌
|
|
180
|
+
cards: {
|
|
181
|
+
name: "\u7EB8\u724C",
|
|
182
|
+
chars: ["\u{1F0A1}", "\u{1F0A2}", "\u{1F0A3}", "\u{1F0A4}", "\u{1F0A5}", "\u{1F0A6}", "\u{1F0A7}", "\u{1F0A8}"],
|
|
183
|
+
color: "#c62828"
|
|
184
|
+
},
|
|
185
|
+
// 装饰符号
|
|
186
|
+
ornament: {
|
|
187
|
+
name: "\u88C5\u9970\u7B26",
|
|
188
|
+
chars: ["\u2766", "\u2767", "\u2740", "\u273F", "\u2741", "\u2742", "\u2743", "\u2747", "\u2748"],
|
|
189
|
+
color: "#e91e63"
|
|
190
|
+
},
|
|
191
|
+
// 危险警告
|
|
192
|
+
radiation: {
|
|
193
|
+
name: "\u8F90\u5C04\u8B66\u544A",
|
|
194
|
+
chars: ["\u2622", "\u2623", "\u2620", "\u269B", "\u262E", "\u2622", "\u2623", "\u2620"],
|
|
195
|
+
color: "#76ff03"
|
|
165
196
|
}
|
|
166
197
|
};
|
|
198
|
+
|
|
199
|
+
// src/Lumina.ts
|
|
167
200
|
var LuminaElement = class extends HTMLElement {
|
|
168
201
|
constructor() {
|
|
169
202
|
super();
|
|
@@ -302,5 +335,6 @@ var Lumina_default = LuminaElement;
|
|
|
302
335
|
// Annotate the CommonJS export names for ESM import in node:
|
|
303
336
|
0 && (module.exports = {
|
|
304
337
|
Lumina,
|
|
305
|
-
LuminaElement
|
|
338
|
+
LuminaElement,
|
|
339
|
+
SEQUENCES
|
|
306
340
|
});
|
package/dist/index.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
// src/
|
|
1
|
+
// src/sequence.ts
|
|
2
2
|
var SEQUENCES = {
|
|
3
3
|
claude: {
|
|
4
4
|
name: "CLAUDE \u8F68\u8FF9",
|
|
5
|
-
chars: ["\
|
|
5
|
+
chars: ["\u2732", "\u2731", "\u273A", "\u273B", "\u273C", "\u273D", "\u273E"],
|
|
6
6
|
color: "#fadb14"
|
|
7
7
|
},
|
|
8
8
|
diamond: {
|
|
@@ -135,8 +135,40 @@ var SEQUENCES = {
|
|
|
135
135
|
name: "\u5149\u8C31\u626B\u63CF",
|
|
136
136
|
chars: ["\u2591\u2592\u2593", "\u2592\u2593\u2588", "\u2593\u2588\u2591", "\u2588\u2591\u2592", "\u2591\u2592\u2593", "\u2592\u2593\u2588"],
|
|
137
137
|
color: "#ff69b4"
|
|
138
|
+
},
|
|
139
|
+
// 中国传统
|
|
140
|
+
bagua: {
|
|
141
|
+
name: "\u516B\u5366",
|
|
142
|
+
chars: ["\u2630", "\u2631", "\u2632", "\u2633", "\u2634", "\u2635", "\u2636", "\u2637"],
|
|
143
|
+
color: "#8d6e63"
|
|
144
|
+
},
|
|
145
|
+
// 几何角落
|
|
146
|
+
corners: {
|
|
147
|
+
name: "\u89D2\u843D\u65CB\u8F6C",
|
|
148
|
+
chars: ["\u231C", "\u231D", "\u231F", "\u231E", "\u231C", "\u231D", "\u231F", "\u231E"],
|
|
149
|
+
color: "#80cbc4"
|
|
150
|
+
},
|
|
151
|
+
// 扑克纸牌
|
|
152
|
+
cards: {
|
|
153
|
+
name: "\u7EB8\u724C",
|
|
154
|
+
chars: ["\u{1F0A1}", "\u{1F0A2}", "\u{1F0A3}", "\u{1F0A4}", "\u{1F0A5}", "\u{1F0A6}", "\u{1F0A7}", "\u{1F0A8}"],
|
|
155
|
+
color: "#c62828"
|
|
156
|
+
},
|
|
157
|
+
// 装饰符号
|
|
158
|
+
ornament: {
|
|
159
|
+
name: "\u88C5\u9970\u7B26",
|
|
160
|
+
chars: ["\u2766", "\u2767", "\u2740", "\u273F", "\u2741", "\u2742", "\u2743", "\u2747", "\u2748"],
|
|
161
|
+
color: "#e91e63"
|
|
162
|
+
},
|
|
163
|
+
// 危险警告
|
|
164
|
+
radiation: {
|
|
165
|
+
name: "\u8F90\u5C04\u8B66\u544A",
|
|
166
|
+
chars: ["\u2622", "\u2623", "\u2620", "\u269B", "\u262E", "\u2622", "\u2623", "\u2620"],
|
|
167
|
+
color: "#76ff03"
|
|
138
168
|
}
|
|
139
169
|
};
|
|
170
|
+
|
|
171
|
+
// src/Lumina.ts
|
|
140
172
|
var LuminaElement = class extends HTMLElement {
|
|
141
173
|
constructor() {
|
|
142
174
|
super();
|
|
@@ -274,5 +306,6 @@ if (typeof customElements !== "undefined" && !customElements.get("lumina-loading
|
|
|
274
306
|
var Lumina_default = LuminaElement;
|
|
275
307
|
export {
|
|
276
308
|
Lumina_default as Lumina,
|
|
277
|
-
Lumina_default as LuminaElement
|
|
309
|
+
Lumina_default as LuminaElement,
|
|
310
|
+
SEQUENCES
|
|
278
311
|
};
|