fix: when borderRaidus is a string, the component displays an exception (#4102)

2024-08-09 23:43:32 +08:00 · 2024-08-09 23:43:32 +08:00 · 344c499462
parent 992b9bae6c
commit 344c499462
1 changed files with 3 additions and 1 deletions
--- a/packages/effects/hooks/src/use-design-tokens.ts
+++ b/packages/effects/hooks/src/use-design-tokens.ts
@ -56,7 +56,9 @@ export function useAntdDesignTokens() {

      tokens.colorBgBase = getCssVariableValue('--background');

-      tokens.borderRadius = getCssVariableValue('--radius', false);
+      const radius = Number.parseFloat(getCssVariableValue('--radius', false));
+      // 1rem = 16px
+      tokens.borderRadius = radius * 16;

      tokens.colorBgLayout = getCssVariableValue('--background-deep');
      tokens.colorBgMask = getCssVariableValue('--overlay');