diff --git a/packages/devui-vue/devui/form/src/form-control/form-control.tsx b/packages/devui-vue/devui/form/src/form-control/form-control.tsx
index a1c0cc9979f8693f308c59bd267bbc85f765aa2e..db29b3add81d57141600b97c683423ad3ac260d1 100644
--- a/packages/devui-vue/devui/form/src/form-control/form-control.tsx
+++ b/packages/devui-vue/devui/form/src/form-control/form-control.tsx
@@ -1,6 +1,6 @@
 import { defineComponent, inject, ref, computed, reactive, onMounted } from 'vue';
 import { uniqueId } from 'lodash-es';
-import {IForm, formControlProps, formInjectionKey} from '../form-types';
+import { IForm, formControlProps, formInjectionKey } from '../form-types';
 import { ShowPopoverErrorMessageEventData } from '../directive/d-validate-rules'
 import { EventBus } from '../util';
 import Icon from '../../../icon/src/icon';
@@ -24,7 +24,7 @@ export default defineComponent({
 
     onMounted(() => {
       EventBus.on("showPopoverErrorMessage", (data: ShowPopoverErrorMessageEventData) => {
-        if(uid === data.uid) {
+        if (uid === data.uid) {
           showPopover.value = data.showPopover;
           tipMessage.value = data.message;
           popPosition.value = data.popPosition as any; // todo: 待popover组件positionType完善类型之后再替换类型
@@ -33,18 +33,18 @@ export default defineComponent({
     });
 
     const iconData = computed(() => {
-      switch(props.feedbackStatus) {
+      switch (props.feedbackStatus) {
         case 'pending':
-          return {name: 'priority', color: '#e9edfa'};
+          return { name: 'priority', color: '#e9edfa' };
         case 'success':
-          return {name: 'right-o', color: 'rgb(61, 204, 166)'};
+          return { name: 'right-o', color: 'rgb(61, 204, 166)' };
         case 'error':
-          return {name: 'error-o', color: 'rgb(249, 95, 91)'};
+          return { name: 'error-o', color: 'rgb(249, 95, 91)' };
         default:
-          return {name: '', color: ''};
+          return { name: '', color: '' };
       }
     })
-    
+
     return () => {
       const {
         feedbackStatus,
@@ -54,9 +54,11 @@ export default defineComponent({
         <div class={`devui-form-control-container${isHorizontal ? ' devui-form-control-container-horizontal' : ''}${feedbackStatus ? ' has-feedback' : ''}${feedbackStatus === 'error' ? ' feedback-error' : ''}`}>
           <div class="devui-control-content-wrapper">
             {ctx.slots.default?.()}
-            <div class="devui-popover-wrapper">
-              { showPopover.value && <Popover visible={true} content={tipMessage.value} popType={"error"} position={popPosition.value} /> }
-            </div>
+            {showPopover.value &&
+              <div class="devui-popover-wrapper">
+                <Popover visible={true} content={tipMessage.value} popType={"error"} position={popPosition.value} />
+              </div>
+            }
           </div>
           {
             (feedbackStatus || ctx.slots.suffixTemplate?.()) &&