fix: fix table frame corner radius display problem #1783

VisActor · May 30, 2024 · fd9cdfb · fd9cdfb
1 parent 26adafc
commit fd9cdfb
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/common/changes/@visactor/vtable/fix-border-cornor_2024-05-28-12-54.json b/common/changes/@visactor/vtable/fix-border-cornor_2024-05-28-12-54.json
@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@visactor/vtable",
+      "comment": "fix: fix table frame corner radius display problem #1783",
+      "type": "none"
+    }
+  ],
+  "packageName": "@visactor/vtable"
+}
diff --git a/packages/vtable/src/scenegraph/style/frame-border.ts b/packages/vtable/src/scenegraph/style/frame-border.ts
@@ -72,6 +72,7 @@ export function createFrameBorder(
   if (Array.isArray(borderColor)) {
     (rectAttributes as any).strokeArrayColor = getQuadProps(borderColor as any);
   }
+
   if (Array.isArray(borderLineWidth)) {
     (rectAttributes as any).strokeArrayWidth = getQuadProps(borderLineWidth);
     (rectAttributes as any).lineWidth = 1;
@@ -117,6 +118,9 @@ export function createFrameBorder(
     rectAttributes.y = borderTop / 2;
     rectAttributes.pickable = false;
     if (isTableGroup) {
+      if (cornerRadius) {
+        rectAttributes.cornerRadius = cornerRadius + (rectAttributes.lineWidth ?? 0) / 2;
+      }
       if (frameTheme.innerBorder) {
         rectAttributes.x = group.attribute.x + borderLeft / 2;
         rectAttributes.y = group.attribute.y + borderTop / 2;