@radishon/lumina 1.0.7 → 1.0.8

package/README.md

@@ -258,7 +258,7 @@ el.speed = 200;
 
 ## 可用的序列类型
 
-Lumina 提供了 27 种精心设计的动画序列：
+Lumina 提供了 32 种精心设计的动画序列：
 
 | 类型 | 名称 | 描述 | 颜色 |
 |------|------|------|------|
@@ -288,6 +288,11 @@ Lumina 提供了 27 种精心设计的动画序列：
 | `bubble` | 气泡浮起 | 液体流体的气泡上升动画 | 浅蓝 `#48cae4` |
 | `gradient` | 渐变条 | 光谱渐变的进度条动画 | 紫罗兰 `#ee82ee` |
 | `spectrum` | 光谱扫描 | 光谱渐变的三段滑动 | 粉红 `#ff69b4` |
+| `bagua` | 八卦 | 中国传统风格的易经八卦 | 棕色 `#8d6e63` |
+| `corners` | 角落旋转 | 几何风格的角落旋转 | 青绿 `#80cbc4` |
+| `cards` | 纸牌 | 扑克风格的纸牌动画 | 红色 `#c62828` |
+| `ornament` | 装饰符 | 装饰风格的花卉图案 | 粉红 `#e91e63` |
+| `radiation` | 辐射警告 | 危险风格的警告符号 | 亮绿 `#76ff03` |
 
 ### 序列分类
 
@@ -296,10 +301,12 @@ Lumina 提供了 27 种精心设计的动画序列：
 - **逻辑风格**: `compass`
 - **复古风格**: `pixel`, `clock`
 - **音乐风格**: `equalizer`, `waveform`
-- **游戏风格**: `dice`
-- **动态几何**: `bounce`, `radar`
+- **游戏风格**: `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",
@@ -162,8 +163,40 @@ var SEQUENCES = {
     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();
@@ -302,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",
@@ -135,8 +135,40 @@ var SEQUENCES = {
     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();
@@ -274,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.7",
+  "version": "1.0.8",
   "description": "A beautiful animated loading indicator web component for all frameworks",
   "main": "dist/index.js",
   "module": "dist/index.mjs",