fix: Repair the alignment error problem when label-width is auto and label-position is left

wxwzl · wxwzl · commit 5e803ea66dcc · 2024-09-13T11:29:16.000+08:00
diff --git a/packages/form/src/label-wrap.vue b/packages/form/src/label-wrap.vue
@@ -17,7 +17,11 @@ export default {
       if (autoLabelWidth && autoLabelWidth !== 'auto') {
         const marginLeft = parseInt(autoLabelWidth, 10) - this.computedWidth;
         if (marginLeft) {
-          style.marginLeft = marginLeft + 'px';
+          if(this.elForm.labelPosition === 'left'){
+            style.marginRight = marginLeft + 'px';
+          }else{
+            style.marginLeft = marginLeft + 'px';
+          }
         }
       }
       return (<div class="el-form-item__label-wrap" style={style}>

Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,11 @@ export default {`
`17`	`17`	`if (autoLabelWidth && autoLabelWidth !== 'auto') {`
`18`	`18`	`const marginLeft = parseInt(autoLabelWidth, 10) - this.computedWidth;`
`19`	`19`	`if (marginLeft) {`
`20`		`- style.marginLeft = marginLeft + 'px';`
	`20`	`+ if(this.elForm.labelPosition === 'left'){`
	`21`	`+ style.marginRight = marginLeft + 'px';`
	`22`	`+ }else{`
	`23`	`+ style.marginLeft = marginLeft + 'px';`
	`24`	`+ }`
`21`	`25`	`}`
`22`	`26`	`}`
`23`	`27`	`return (<div class="el-form-item__label-wrap" style={style}>`