fix:修改兼容方式，兼容Form 组件中contentMap中类输入框或下拉选择的所有组件，特殊兼容 InputNumber 组件

huanlirui · huanlirui · commit ab98ceb85f52 · 2024-01-29T15:16:31.000+08:00
diff --git a/src/components/Form/src/Form.vue b/src/components/Form/src/Form.vue
@@ -425,11 +425,14 @@ export default defineComponent({
 }
 
 .@{elNamespace}-form--inline {
-  .@{elNamespace}-input {
-    min-width: 189.5px;
+  :deep(.el-form-item__content) {
+    & > :first-child {
+      min-width: 229.5px;
+    }
   }
-  .@{elNamespace}-select {
-    min-width: 189.5px;
+  .@{elNamespace}-input-number {
+    // 229.5px是兼容el-input-number的最小宽度,
+    min-width: 229.5px;
   }
 }
 </style>

Original file line number	Diff line number	Diff line change
`@@ -425,11 +425,14 @@ export default defineComponent({`
`425`	`425`	`}`
`426`	`426`
`427`	`427`	`.@{elNamespace}-form--inline {`
`428`		`- .@{elNamespace}-input {`
`429`		`- min-width: 189.5px;`
	`428`	`+ :deep(.el-form-item__content) {`
	`429`	`+ & > :first-child {`
	`430`	`+ min-width: 229.5px;`
	`431`	`+ }`
`430`	`432`	`}`
`431`		`- .@{elNamespace}-select {`
`432`		`- min-width: 189.5px;`
	`433`	`+ .@{elNamespace}-input-number {`
	`434`	`+ // 229.5px是兼容el-input-number的最小宽度,`
	`435`	`+ min-width: 229.5px;`
`433`	`436`	`}`
`434`	`437`	`}`
`435`	`438`	`</style>`