Merge pull request #2761 from XiaoMi/hotfix/form/2756

fix(form): 修复横向表单错误提示样式问题 (#2756)
XiaoMi · Mar 8, 2024 · b03249f · b03249f
2 parents df4dddd + 7fc7e2c
commit b03249f
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/.changeset/flat-parrots-smoke.md b/.changeset/flat-parrots-smoke.md
@@ -0,0 +1,5 @@
+---
+"@hi-ui/form": patch
+---
+
+fix: 修复横向表单错误提示样式问题
diff --git a/.changeset/many-bees-deliver.md b/.changeset/many-bees-deliver.md
@@ -0,0 +1,5 @@
+---
+"@hi-ui/hiui": patch
+---
+
+fix(form): 修复横向表单错误提示样式问题
diff --git a/packages/ui/form/src/FormLabel.tsx b/packages/ui/form/src/FormLabel.tsx
@@ -46,7 +46,9 @@ export const FormLabel = forwardRef<HTMLDivElement | null, FormLabelProps>((prop
 
     return {
       labelWidth,
-      controlWidth: `calc(100% - ${labelWidth}px)`,
+      controlWidth: isNumeric(labelWidth)
+        ? `calc(100% - ${labelWidth}px)`
+        : `calc(100% - ${labelWidth})`,
     }
   }, [labelPlacement, labelWidthProp])