From 4b371d392974483b89582a2f238096b6e84ce588 Mon Sep 17 00:00:00 2001
From: "douboer@gmail.com" <gavin@gavin-mac-mini.local>
Date: Thu, 22 Jan 2026 20:11:14 +0800
Subject: [PATCH] update at 2026-01-22 20:11:14

---
 src/Luopan.vue       | 14 +++++++++++++-
 src/sectorBuilder.ts |  3 +--
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/Luopan.vue b/src/Luopan.vue
index 7fd4b04..682da03 100644
--- a/src/Luopan.vue
+++ b/src/Luopan.vue
@@ -62,9 +62,21 @@
           />
         </g>
 
-        <!-- 内部填色区域 -->
+        <!-- 内缩白边 + 内部填色区域 -->
         <g>
           <template v-for="s in sectors" :key="s.key + '-inner'">
+            <path
+              v-if="s.innerFillPath"
+              :d="s.path"
+              fill="#ffffff"
+              stroke="none"
+            />
+            <path
+              v-if="s.innerFillPath"
+              :d="s.innerFillPath"
+              :fill="s.fill"
+              stroke="none"
+            />
             <path
               v-if="s.innerFillPath"
               :d="s.innerFillPath"
diff --git a/src/sectorBuilder.ts b/src/sectorBuilder.ts
index 344a5a8..72d28a3 100644
--- a/src/sectorBuilder.ts
+++ b/src/sectorBuilder.ts
@@ -66,7 +66,6 @@ export class SectorBuilder {
             this.insetDistance
           )
         : undefined;
-      const baseFillColor = innerFill ? '#ffffff' : fillColor;
 
       const sectorKey = `L${layerIndex}-P${i}`;
       const textPathId = `text-path-${sectorKey}`;
@@ -115,7 +114,7 @@ export class SectorBuilder {
         aMidRad: centroid.aMidRad,
         cx: centroid.cx,
         cy: centroid.cy,
-        fill: baseFillColor,
+        fill: fillColor,
         textColor,
         label: isMultiText ? '' : rawContent,
         path: annularSectorPath(layer.rInner, layer.rOuter, aStart, aEnd),