Merge pull request kailong321200875#413 from huanlirui/fix-form-inline-select-width-none

kailong321200875 · web-flow · commit ebc20bd67e2a · 2024-01-30T08:46:48.000+08:00
fix:修复 element-plus 2.5版本以上，Form表单组件的inline模式下，select选择器的宽度丢失问题
diff --git a/package.json b/package.json
@@ -40,7 +40,7 @@
     "driver.js": "^1.3.1",
     "echarts": "^5.4.3",
     "echarts-wordcloud": "^2.1.0",
-    "element-plus": "^2.4.4",
+    "element-plus": "^2.5.3",
     "lodash-es": "^4.17.21",
     "mitt": "^3.0.1",
     "nprogress": "^0.2.0",
diff --git a/src/components/Form/src/Form.vue b/src/components/Form/src/Form.vue
@@ -424,7 +424,15 @@ export default defineComponent({
   margin-left: 0 !important;
 }
 
-.@{elNamespace}-form--inline .@{elNamespace}-input {
-  width: 245px;
+.@{elNamespace}-form--inline {
+  :deep(.el-form-item__content) {
+    & > :first-child {
+      min-width: 229.5px;
+    }
+  }
+  .@{elNamespace}-input-number {
+    // 229.5px是兼容el-input-number的最小宽度,
+    min-width: 229.5px;
+  }
 }
 </style>
