From 1475c9cf41236beec0c9fb2614b8a31711850bde Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=A4=A7=E7=99=BD?= <wyy.xb@qq.com>
Date: Tue, 20 Jul 2021 15:00:31 +0800
Subject: [PATCH] feat(next): optimize array-table validate style (#1837)

---
 packages/next/src/array-table/main.scss | 29 +++++++++++++++++++++----
 1 file changed, 25 insertions(+), 4 deletions(-)

diff --git a/packages/next/src/array-table/main.scss b/packages/next/src/array-table/main.scss
index 79477b55217..bc1ba9a8714 100644
--- a/packages/next/src/array-table/main.scss
+++ b/packages/next/src/array-table/main.scss
@@ -38,16 +38,37 @@ $array-table-prefix-cls: '#{$css-prefix}formily-array-table';
         position: relative;
 
         .#{$css-prefix}formily-item-help {
+          min-width: 30px;
           position: absolute;
           font-size: 12px;
           top: 100%;
-          background: #fff;
           width: 100%;
-          margin-top: 3px;
-          padding: 3px;
           z-index: 1;
           border-radius: 3px;
-          box-shadow: 0 0 10px #eee;
+          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+          background-color: $form-error-color;
+          color: #fff;
+          padding: 6px 8px;
+          margin-top: 6px;
+          &:after {
+            content: ' ';
+            background: $form-error-color;
+            position: absolute;
+            display: block;
+            width: 5px;
+            height: 5px;
+            pointer-events: none;
+            top: -2px;
+            -webkit-transform: rotate(
+                45deg
+            );
+            transform: rotate(
+                45deg
+            );
+            box-sizing: content-box !important;
+            border: 1px solid transparent;
+            z-index: -1;
+          }
         }
       }
     }