fix(form-item): too long content affects formItem width (#1269)

* fix: Too long content affects formItem  width

* fix: 修改更新日志

* fix: update log

Co-authored-by: zhouzhengshun@huatu.com <zhouzhengshun@huatu.com>

CHANGELOG.en-US.md

@@ -7,7 +7,7 @@
 - `n-breadcrumb-item` add `href` prop.
 
 ### Fixes
-
+- Fix `n-form-item`'s content is too long and the width is incorrect
 - Fix `n-layout-sider`'s `arrow-circle`'s icon style.
 - Fix `n-upload`'s `show-preview-button` prop not working，closes [#1238](https://github.com/TuSimple/naive-ui/issues/1238).
 

CHANGELOG.zh-CN.md

@@ -3,7 +3,7 @@
 ## Pending
 
 ### Fixes
-
+- 修复 `n-form-item` 中组件内容过长影响 `n-form-item` 宽度
 - 修复 `n-layout-sider` 中 `arrow-circle` 的 icon 样式
 - 修复 `n-upload` 的 `show-preview-button` 属性失效，关闭 [#1238](https://github.com/TuSimple/naive-ui/issues/1238)
 

src/form/src/styles/form-item.cssr.ts

@@ -47,7 +47,7 @@ export default cB('form-item', {
     grid-template-areas:
       "label blank"
       "label feedback";
-    grid-template-columns: auto 1fr;
+    grid-template-columns: auto minmax(0, 1fr);
   `, [
     cB('form-item-label', `
       height: var(--blank-height);