From e01201be81c657614b0926bd00103091d8e78b92 Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Tue, 7 May 2024 19:27:44 +0800
Subject: [PATCH] perf: data form border

---
 public/theme/element-extra.css             |  1 -
 src/components/Form/AutoDataForm/index.vue |  2 +-
 src/components/Form/DataForm/index.vue     | 29 +---------------------
 3 files changed, 2 insertions(+), 30 deletions(-)

diff --git a/public/theme/element-extra.css b/public/theme/element-extra.css
index e453bc648..781a0c531 100644
--- a/public/theme/element-extra.css
+++ b/public/theme/element-extra.css
@@ -294,7 +294,6 @@ td .el-button.el-button--mini {
 
 .el-textarea__inner {
     color: var(--el-text-color);
-    border-radius: 4px;
 }
 
 .el-pagination.is-background .number {
diff --git a/src/components/Form/AutoDataForm/index.vue b/src/components/Form/AutoDataForm/index.vue
index b18b2ba48..8fec62f1b 100644
--- a/src/components/Form/AutoDataForm/index.vue
+++ b/src/components/Form/AutoDataForm/index.vue
@@ -106,7 +106,7 @@ export default {
       const generator = new FormFieldGenerator(this.$emit)
       this.totalFields = generator.generateFields(this.fields, this.fieldsMeta, this.remoteMeta)
       this.groups = generator.groups
-      this.$log.debug('Total fields: ', this.totalFields)
+      this.$log.debug('Total fields: ', JSON.stringify(this.totalFields))
     },
     _cleanFormValue(form, remoteMeta) {
       if (!form) {
diff --git a/src/components/Form/DataForm/index.vue b/src/components/Form/DataForm/index.vue
index 384fcbbc4..b166f0a75 100644
--- a/src/components/Form/DataForm/index.vue
+++ b/src/components/Form/DataForm/index.vue
@@ -193,11 +193,9 @@ export default {
       // 复合型输入框
       .el-input.el-input-group {
         .el-input-group__prepend {
-          border: 1px solid var(--el-input-border-color);
           border-right: 0 !important;
 
           .el-select {
-            border-radius: 4px;
             border-bottom-right-radius: 0 !important;
             border-top-right-radius: 0 !important;
 
@@ -208,13 +206,8 @@ export default {
         }
 
         .el-input__inner {
-          border: 1px solid var(--el-input-border-color);
           border-radius: 0;
           color: var(--el-text-color);
-
-          &:focus {
-            border-color: #1ab394;
-          }
         }
 
         .el-input-group__append {
@@ -226,12 +219,6 @@ export default {
       // 普通的输入框
       .el-input .el-input__inner {
         color: var(--el-text-color);
-        border-radius: 4px;
-        border: 1px solid var(--el-input-border-color);
-
-        &:focus {
-          border-color: #1ab394;
-        }
       }
 
       // 不符合校验规则的提示信息
@@ -247,28 +234,14 @@ export default {
           }
         }
 
-        // select 框点击时直接设置 focus 无法让边框显示绿色聚焦，只能通过聚焦时额外的 is-focus 判定
-        .el-input.is-focus .el-input__inner {
-          border-color: #1ab394;
-        }
-
         // 选择普通 item 时的样式
         .el-input .el-input__inner {
           color: var(--el-text-color);
-
-          &:focus {
-            border-color: #1ab394;
-          }
         }
       }
 
-      // 文本域
       .el-textarea .el-textarea__inner {
-        border: 1px solid var(--el-input-border-color);
-
-        &:focus {
-          border-color: #1ab394;
-        }
+        border-radius: 0;
       }
 
       .el-data-table .el-table {