update at 2026-01-22 20:01:26

todolist.md

@@ -26,12 +26,12 @@
     | strokeWidth | number | 否 | 扇区边界线宽度（像素），覆盖默认值 | 0.3 |
     | strokeColor | string | 否 | 扇区边界线颜色（支持十六进制或 colorPalettes 名称） | "#1f2937" |
     | strokeOpacity | number | 否 | 扇区边界线透明度（0.0-1.0） | 0.15 |
-    | outerRadius | number | 是 | 罗盘外半径，单位：像素（去掉该参数，自动计算最大半径） | 500 |
+    | outerRadius | number | 否 | 可选兜底外半径，未提供时使用 layers 中最大 rOuter（含 degreeRing） | 500 |
     | theme | object | 是 | 主题配置对象，包含colorPalettes命名配色方案 | 见下方theme说明 |
-    | centerIcon | object | 否 | 中心图标配置 | 见下方centerIcon说明 |
-    | degreeRing | object | 否 | 360度刻度环配置 | 见下方degreeRing说明 |
     | layers | array | 是 | 层配置数组，从内向外定义每一层 | 见下方layers说明 |
 
+    说明：centerIcon 与 degreeRing 通过 layers 中的 type=centerIcon / degreeRing 配置。
+
     **theme对象参数：**
     | 参数名 | 类型 | 必填 | 说明 | 示例 |
     |--------|------|------|------|------|
@@ -183,10 +183,13 @@
   -- ========================================
   -- 中心图标配置 (Center Icon Configuration)
   -- ========================================
-  "centerIcon": {
-    "rIcon": 50,           -- 图标半径，单位：像素
-    "opacity": 0.8,        -- 图标透明度（0.0-1.0，0为完全透明，1为完全不透明）
-    "name": "centericon.svg"    -- SVG图标文件名，路径固定为 src/assets/icons/ 目录
+  {
+    "type": "centerIcon",
+    "centerIcon": {
+      "rIcon": 50,           -- 图标半径，单位：像素
+      "opacity": 0.8,        -- 图标透明度（0.0-1.0，0为完全透明，1为完全不透明）
+      "name": "centericon.svg"    -- SVG图标文件名，路径固定为 src/assets/icons/ 目录
+    }
   }
 
 ### 360度刻度环配置参数：
@@ -199,17 +202,20 @@
   -- ========================================
   -- 360度刻度环配置 (360 Degree Scale Ring)
   -- ========================================
-  "degreeRing": {
-    "rInner": 350,         -- 刻度环内半径
-    "rOuter": 380,         -- 刻度环外半径
-    "showDegree": 1,       -- 是否显示度数：0=不显示，1=显示（按 10° 间隔）
-    "mode": "both",        -- 刻度线模式："inner"（在rInner外侧）、"outer"（在rOuter内侧）、"both"（两侧都有，度数居中）
-    "opacity": 0.3,        -- 圆环透明度（0.0-1.0，设置为0可以只显示刻度而不显示圆圈）
-    "tickLength": 6,      -- 刻度线长度，单位：像素。
-    "tickLengthStep“: 1, -- 刻度线长度差，1表示minorTick比majorTick短1px， microTick比minorTick短1px。0表示majorTick,minorTick,minorTick长度相同。
-    "majorTick": 10,       -- 主刻度间隔（度），如 10 表示每 10° 一个主刻度
-    "minorTick": 5,        -- 次刻度间隔（度），如 2 表示每 2° 一个次刻度
-    "microTick": 1,       -- 微刻度间隔（度），如 1 表示每 1° 一个微刻度
-    "tickColor": "#000000",-- 刻度线颜色
-    "ringColor": "#000000" -- 圆环颜色
+  {
+    "type": "degreeRing",
+    "degreeRing": {
+      "rInner": 350,         -- 刻度环内半径
+      "rOuter": 380,         -- 刻度环外半径
+      "showDegree": 1,       -- 是否显示度数：0=不显示，1=显示（按 10° 间隔）
+      "mode": "both",        -- 刻度线模式："inner"（在rInner外侧）、"outer"（在rOuter内侧）、"both"（两侧都有，度数居中）
+      "opacity": 0.3,        -- 圆环透明度（0.0-1.0，设置为0可以只显示刻度而不显示圆圈）
+      "tickLength": 6,      -- 刻度线长度，单位：像素。
+      "tickLengthStep“: 1, -- 刻度线长度差，1表示minorTick比majorTick短1px， microTick比minorTick短1px。0表示majorTick,minorTick,minorTick长度相同。
+      "majorTick": 10,       -- 主刻度间隔（度），如 10 表示每 10° 一个主刻度
+      "minorTick": 5,        -- 次刻度间隔（度），如 2 表示每 2° 一个次刻度
+      "microTick": 1,       -- 微刻度间隔（度），如 1 表示每 1° 一个微刻度
+      "tickColor": "#000000",-- 刻度线颜色
+      "ringColor": "#000000" -- 圆环颜色
+    }
   }