From ace942e2dfdf527fc0b7e9713c4518de27bdca1d Mon Sep 17 00:00:00 2001
From: LinaBell <15891557205@163.com>
Date: Fri, 20 Sep 2024 22:39:20 +0800
Subject: [PATCH] fix: the focus style and antd of the input box validation
 failure should be consistent (#4446)

* fix: hover border style same as antd style when validate error

* fix: hover border style same as antd style when validate error

* feat(@vben-core/form-ui): Default form validation rules applicable to selector components

* fix: Missing the default required label style for components such as select

* fix: the focus style and antd of the input box validation failure should be consistent

* fix: the focus style and antd of the input box validation failure should be consistent

---------

Co-authored-by: vince <vince292007@gmail.com>
---
 packages/@core/ui-kit/form-ui/src/form-render/form-field.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/@core/ui-kit/form-ui/src/form-render/form-field.vue b/packages/@core/ui-kit/form-ui/src/form-render/form-field.vue
index dd366387..4bfb1cad 100644
--- a/packages/@core/ui-kit/form-ui/src/form-render/form-field.vue
+++ b/packages/@core/ui-kit/form-ui/src/form-render/form-field.vue
@@ -264,7 +264,7 @@ function createComponentProps(slotProps: Record<string, any>) {
             <component
               :is="fieldComponent"
               :class="{
-                'border-destructive focus:border-destructive hover:border-destructive/80':
+                'border-destructive focus:border-destructive hover:border-destructive/80 focus:shadow-[0_0_0_2px_rgba(255,38,5,0.06)]':
                   isInValid,
               }"
               v-bind="createComponentProps(slotProps)"