@radishon/lumina 1.0.6 → 1.0.8

package/README.md

@@ -258,7 +258,7 @@ el.speed = 200;
 
 ## 可用的序列类型
 
-Lumina 提供了 16 种精心设计的动画序列：
+Lumina 提供了 32 种精心设计的动画序列：
 
 | 类型 | 名称 | 描述 | 颜色 |
 |------|------|------|------|
@@ -277,13 +277,36 @@ Lumina 提供了 16 种精心设计的动画序列：
 | `compass` | 方向罗盘 | 逻辑风格的指针旋转 | 橙红 `#ff4500` |
 | `pixel` | 像素方块 | 复古风格的像素方块变化 | 紫色 `#722ed1` |
 | `clock` | 时钟指针 | 复古风格的时钟动画 | 橙色 `#ffbb96` |
+| `equalizer` | 音频均衡 | 音乐风格的音频波形动画 | 青色 `#00bcd4` |
+| `waveform` | 波形振荡 | 音乐风格的声波可视化 | 橙红 `#ff5722` |
+| `dice` | 骰子滚动 | 游戏风格的随机骰子动画 | 灰色 `#607d8b` |
+| `bounce` | 弹跳球 | 动态几何的球体弹跳 | 珊瑚红 `#ff6b6b` |
+| `radar` | 雷达扫描 | 动态几何的雷达扇形扫描 | 青绿 `#00d4aa` |
+| `dots` | 点阵呼吸 | 数字符号的点阵渐变展开 | 蓝色 `#4d96ff` |
+| `liquid` | 液体晃动 | 液体流体的波浪晃动 | 海蓝 `#118ab2` |
+| `ripple` | 水纹扩散 | 液体流体的同心圆扩散 | 深蓝 `#073b4c` |
+| `bubble` | 气泡浮起 | 液体流体的气泡上升动画 | 浅蓝 `#48cae4` |
+| `gradient` | 渐变条 | 光谱渐变的进度条动画 | 紫罗兰 `#ee82ee` |
+| `spectrum` | 光谱扫描 | 光谱渐变的三段滑动 | 粉红 `#ff69b4` |
+| `bagua` | 八卦 | 中国传统风格的易经八卦 | 棕色 `#8d6e63` |
+| `corners` | 角落旋转 | 几何风格的角落旋转 | 青绿 `#80cbc4` |
+| `cards` | 纸牌 | 扑克风格的纸牌动画 | 红色 `#c62828` |
+| `ornament` | 装饰符 | 装饰风格的花卉图案 | 粉红 `#e91e63` |
+| `radiation` | 辐射警告 | 危险风格的警告符号 | 亮绿 `#76ff03` |
 
 ### 序列分类
 
 - **赛博朋克风格**: `braille`, `cypher`
-- **自然风格**: `moon`, `wave`
+- **自然风格**: `moon`, `wave`, `snow`, `flower`, `liquid`, `ripple`, `bubble`
 - **逻辑风格**: `compass`
 - **复古风格**: `pixel`, `clock`
+- **音乐风格**: `equalizer`, `waveform`
+- **游戏风格**: `dice`, `cards`
+- **动态几何**: `bounce`, `radar`, `corners`
+- **数字符号**: `dots`
+- **光谱渐变**: `gradient`, `spectrum`
+- **中国传统**: `bagua`
+- **装饰风格**: `ornament`, `radiation`
 
 ## 开发指南
 

package/dist/index.d.mts

@@ -5,6 +5,7 @@ interface SequenceConfig {
 }
 declare const SEQUENCES: Record<string, SequenceConfig>;
 type SequenceKey = keyof typeof SEQUENCES;
+
 declare class LuminaElement extends HTMLElement {
     private _index;
     private _timer;
@@ -29,4 +30,4 @@ declare class LuminaElement extends HTMLElement {
     private startAnimation;
 }
 
-export { LuminaElement as Lumina, LuminaElement, type SequenceKey };
+export { LuminaElement as Lumina, LuminaElement, SEQUENCES, type SequenceConfig, type SequenceKey };

package/dist/index.d.ts

@@ -5,6 +5,7 @@ interface SequenceConfig {
 }
 declare const SEQUENCES: Record<string, SequenceConfig>;
 type SequenceKey = keyof typeof SEQUENCES;
+
 declare class LuminaElement extends HTMLElement {
     private _index;
     private _timer;
@@ -29,4 +30,4 @@ declare class LuminaElement extends HTMLElement {
     private startAnimation;
 }
 
-export { LuminaElement as Lumina, LuminaElement, type SequenceKey };
+export { LuminaElement as Lumina, LuminaElement, SEQUENCES, type SequenceConfig, type SequenceKey };

package/dist/index.js

@@ -21,11 +21,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   Lumina: () => Lumina_default,
-  LuminaElement: () => Lumina_default
+  LuminaElement: () => Lumina_default,
+  SEQUENCES: () => SEQUENCES
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/Lumina.ts
+// src/sequence.ts
 var SEQUENCES = {
   claude: {
     name: "CLAUDE \u8F68\u8FF9",
@@ -101,8 +102,101 @@ var SEQUENCES = {
     name: "\u65F6\u949F\u6307\u9488",
     chars: ["\u{1F550}", "\u{1F551}", "\u{1F552}", "\u{1F553}", "\u{1F554}", "\u{1F555}", "\u{1F556}", "\u{1F557}", "\u{1F558}", "\u{1F559}", "\u{1F55A}", "\u{1F55B}"],
     color: "#ffbb96"
+  },
+  // 音乐风格
+  equalizer: {
+    name: "\u97F3\u9891\u5747\u8861",
+    chars: ["\u2581", "\u2582", "\u2583", "\u2584", "\u2585", "\u2586", "\u2587", "\u2588", "\u2587", "\u2586", "\u2585", "\u2584"],
+    color: "#00bcd4"
+  },
+  waveform: {
+    name: "\u6CE2\u5F62\u632F\u8361",
+    chars: ["\u223F", "\u25E0", "\u25E1", "\u223F", "\u25E0", "\u25E1"],
+    color: "#ff5722"
+  },
+  // 游戏风格
+  dice: {
+    name: "\u9AB0\u5B50\u6EDA\u52A8",
+    chars: ["\u2680", "\u2681", "\u2682", "\u2683", "\u2684", "\u2685", "\u2680", "\u2681"],
+    color: "#607d8b"
+  },
+  // 动态几何
+  bounce: {
+    name: "\u5F39\u8DF3\u7403",
+    chars: ["\u2801", "\u2803", "\u2807", "\u2847", "\u28C7", "\u28E7", "\u28F7", "\u28FF", "\u28F7", "\u28E7", "\u28C7", "\u2847"],
+    color: "#ff6b6b"
+  },
+  radar: {
+    name: "\u96F7\u8FBE\u626B\u63CF",
+    chars: ["\u25D0", "\u25D1", "\u25D2", "\u25D3", "\u25D0", "\u25D1", "\u25D2", "\u25D3"],
+    color: "#00d4aa"
+  },
+  // 数字符号
+  dots: {
+    name: "\u70B9\u9635\u547C\u5438",
+    chars: ["\xB7", "\u22EF", "\u22EF\u22EF", "\xB7\xB7\xB7\xB7", "\u22EF\u22EF\u22EF", "\xB7\xB7\xB7\xB7\xB7\xB7", "\u22EF\u22EF\u22EF\u22EF", "\xB7\xB7\xB7\xB7\xB7\xB7\xB7\xB7"],
+    color: "#4d96ff"
+  },
+  // 液体流体
+  liquid: {
+    name: "\u6DB2\u4F53\u6643\u52A8",
+    chars: ["\u223D", "\u223E", "\u223F", "\u223D", "\u223E", "\u223F", "\u2240", "\u223D"],
+    color: "#118ab2"
+  },
+  ripple: {
+    name: "\u6C34\u7EB9\u6269\u6563",
+    chars: ["\u25CB", "\u25CE", "\u25C9", "\u25CF", "\u25CB", "\u25CE", "\u25C9", "\u25CF"],
+    color: "#073b4c"
+  },
+  bubble: {
+    name: "\u6C14\u6CE1\u6D6E\u8D77",
+    chars: ["\u2218", "\u25CB", "\u25CC", "\u25CD", "\u25CE", "\u25CF", "\u25CB", "\u2218"],
+    color: "#48cae4"
+  },
+  // 光谱渐变
+  gradient: {
+    name: "\u6E10\u53D8\u6761",
+    chars: ["\u258F", "\u258E", "\u258D", "\u258C", "\u258B", "\u258A", "\u2589", "\u2588", "\u2589", "\u258A", "\u258B", "\u258C"],
+    color: "#ee82ee"
+  },
+  spectrum: {
+    name: "\u5149\u8C31\u626B\u63CF",
+    chars: ["\u2591\u2592\u2593", "\u2592\u2593\u2588", "\u2593\u2588\u2591", "\u2588\u2591\u2592", "\u2591\u2592\u2593", "\u2592\u2593\u2588"],
+    color: "#ff69b4"
+  },
+  // 中国传统
+  bagua: {
+    name: "\u516B\u5366",
+    chars: ["\u2630", "\u2631", "\u2632", "\u2633", "\u2634", "\u2635", "\u2636", "\u2637"],
+    color: "#8d6e63"
+  },
+  // 几何角落
+  corners: {
+    name: "\u89D2\u843D\u65CB\u8F6C",
+    chars: ["\u231C", "\u231D", "\u231F", "\u231E", "\u231C", "\u231D", "\u231F", "\u231E"],
+    color: "#80cbc4"
+  },
+  // 扑克纸牌
+  cards: {
+    name: "\u7EB8\u724C",
+    chars: ["\u{1F0A1}", "\u{1F0A2}", "\u{1F0A3}", "\u{1F0A4}", "\u{1F0A5}", "\u{1F0A6}", "\u{1F0A7}", "\u{1F0A8}"],
+    color: "#c62828"
+  },
+  // 装饰符号
+  ornament: {
+    name: "\u88C5\u9970\u7B26",
+    chars: ["\u2766", "\u2767", "\u2740", "\u273F", "\u2741", "\u2742", "\u2743", "\u2747", "\u2748"],
+    color: "#e91e63"
+  },
+  // 危险警告
+  radiation: {
+    name: "\u8F90\u5C04\u8B66\u544A",
+    chars: ["\u2622", "\u2623", "\u2620", "\u269B", "\u262E", "\u2622", "\u2623", "\u2620"],
+    color: "#76ff03"
   }
 };
+
+// src/Lumina.ts
 var LuminaElement = class extends HTMLElement {
   constructor() {
     super();
@@ -241,5 +335,6 @@ var Lumina_default = LuminaElement;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Lumina,
-  LuminaElement
+  LuminaElement,
+  SEQUENCES
 });

package/dist/index.mjs

@@ -1,4 +1,4 @@
-// src/Lumina.ts
+// src/sequence.ts
 var SEQUENCES = {
   claude: {
     name: "CLAUDE \u8F68\u8FF9",
@@ -74,8 +74,101 @@ var SEQUENCES = {
     name: "\u65F6\u949F\u6307\u9488",
     chars: ["\u{1F550}", "\u{1F551}", "\u{1F552}", "\u{1F553}", "\u{1F554}", "\u{1F555}", "\u{1F556}", "\u{1F557}", "\u{1F558}", "\u{1F559}", "\u{1F55A}", "\u{1F55B}"],
     color: "#ffbb96"
+  },
+  // 音乐风格
+  equalizer: {
+    name: "\u97F3\u9891\u5747\u8861",
+    chars: ["\u2581", "\u2582", "\u2583", "\u2584", "\u2585", "\u2586", "\u2587", "\u2588", "\u2587", "\u2586", "\u2585", "\u2584"],
+    color: "#00bcd4"
+  },
+  waveform: {
+    name: "\u6CE2\u5F62\u632F\u8361",
+    chars: ["\u223F", "\u25E0", "\u25E1", "\u223F", "\u25E0", "\u25E1"],
+    color: "#ff5722"
+  },
+  // 游戏风格
+  dice: {
+    name: "\u9AB0\u5B50\u6EDA\u52A8",
+    chars: ["\u2680", "\u2681", "\u2682", "\u2683", "\u2684", "\u2685", "\u2680", "\u2681"],
+    color: "#607d8b"
+  },
+  // 动态几何
+  bounce: {
+    name: "\u5F39\u8DF3\u7403",
+    chars: ["\u2801", "\u2803", "\u2807", "\u2847", "\u28C7", "\u28E7", "\u28F7", "\u28FF", "\u28F7", "\u28E7", "\u28C7", "\u2847"],
+    color: "#ff6b6b"
+  },
+  radar: {
+    name: "\u96F7\u8FBE\u626B\u63CF",
+    chars: ["\u25D0", "\u25D1", "\u25D2", "\u25D3", "\u25D0", "\u25D1", "\u25D2", "\u25D3"],
+    color: "#00d4aa"
+  },
+  // 数字符号
+  dots: {
+    name: "\u70B9\u9635\u547C\u5438",
+    chars: ["\xB7", "\u22EF", "\u22EF\u22EF", "\xB7\xB7\xB7\xB7", "\u22EF\u22EF\u22EF", "\xB7\xB7\xB7\xB7\xB7\xB7", "\u22EF\u22EF\u22EF\u22EF", "\xB7\xB7\xB7\xB7\xB7\xB7\xB7\xB7"],
+    color: "#4d96ff"
+  },
+  // 液体流体
+  liquid: {
+    name: "\u6DB2\u4F53\u6643\u52A8",
+    chars: ["\u223D", "\u223E", "\u223F", "\u223D", "\u223E", "\u223F", "\u2240", "\u223D"],
+    color: "#118ab2"
+  },
+  ripple: {
+    name: "\u6C34\u7EB9\u6269\u6563",
+    chars: ["\u25CB", "\u25CE", "\u25C9", "\u25CF", "\u25CB", "\u25CE", "\u25C9", "\u25CF"],
+    color: "#073b4c"
+  },
+  bubble: {
+    name: "\u6C14\u6CE1\u6D6E\u8D77",
+    chars: ["\u2218", "\u25CB", "\u25CC", "\u25CD", "\u25CE", "\u25CF", "\u25CB", "\u2218"],
+    color: "#48cae4"
+  },
+  // 光谱渐变
+  gradient: {
+    name: "\u6E10\u53D8\u6761",
+    chars: ["\u258F", "\u258E", "\u258D", "\u258C", "\u258B", "\u258A", "\u2589", "\u2588", "\u2589", "\u258A", "\u258B", "\u258C"],
+    color: "#ee82ee"
+  },
+  spectrum: {
+    name: "\u5149\u8C31\u626B\u63CF",
+    chars: ["\u2591\u2592\u2593", "\u2592\u2593\u2588", "\u2593\u2588\u2591", "\u2588\u2591\u2592", "\u2591\u2592\u2593", "\u2592\u2593\u2588"],
+    color: "#ff69b4"
+  },
+  // 中国传统
+  bagua: {
+    name: "\u516B\u5366",
+    chars: ["\u2630", "\u2631", "\u2632", "\u2633", "\u2634", "\u2635", "\u2636", "\u2637"],
+    color: "#8d6e63"
+  },
+  // 几何角落
+  corners: {
+    name: "\u89D2\u843D\u65CB\u8F6C",
+    chars: ["\u231C", "\u231D", "\u231F", "\u231E", "\u231C", "\u231D", "\u231F", "\u231E"],
+    color: "#80cbc4"
+  },
+  // 扑克纸牌
+  cards: {
+    name: "\u7EB8\u724C",
+    chars: ["\u{1F0A1}", "\u{1F0A2}", "\u{1F0A3}", "\u{1F0A4}", "\u{1F0A5}", "\u{1F0A6}", "\u{1F0A7}", "\u{1F0A8}"],
+    color: "#c62828"
+  },
+  // 装饰符号
+  ornament: {
+    name: "\u88C5\u9970\u7B26",
+    chars: ["\u2766", "\u2767", "\u2740", "\u273F", "\u2741", "\u2742", "\u2743", "\u2747", "\u2748"],
+    color: "#e91e63"
+  },
+  // 危险警告
+  radiation: {
+    name: "\u8F90\u5C04\u8B66\u544A",
+    chars: ["\u2622", "\u2623", "\u2620", "\u269B", "\u262E", "\u2622", "\u2623", "\u2620"],
+    color: "#76ff03"
   }
 };
+
+// src/Lumina.ts
 var LuminaElement = class extends HTMLElement {
   constructor() {
     super();
@@ -213,5 +306,6 @@ if (typeof customElements !== "undefined" && !customElements.get("lumina-loading
 var Lumina_default = LuminaElement;
 export {
   Lumina_default as Lumina,
-  Lumina_default as LuminaElement
+  Lumina_default as LuminaElement,
+  SEQUENCES
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radishon/lumina",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "A beautiful animated loading indicator web component for all frameworks",
   "main": "dist/index.js",
   "module": "dist/index.mjs",