fix: fix minor bug in Format Rules field

Signed-off-by: yuda <[email protected]>
cloudforet-io · Dec 18, 2024 · 1f67e32 · 1f67e32
1 parent b82144c
commit 1f67e32
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/...rc/common/modules/widgets/_widget-fields/advanced-format-rules/WidgetFieldFormatRules.vue b/...rc/common/modules/widgets/_widget-fields/advanced-format-rules/WidgetFieldFormatRules.vue
@@ -138,9 +138,15 @@ const handleUpdateField = (val: string) => {
                                               type="number"
                                               :min="0"
                                               placeholder="3000"
-                                              :invalid="!rule.number?.length"
+                                              :invalid="Number.isNaN(rule.number)"
                                               @update:value="handleFormatRuleInput(idx, 'number', $event)"
-                                />
+                                >
+                                    <template v-if="state.type === _FORMAT_RULE_TYPE.percentThreshold"
+                                              #input-right
+                                    >
+                                        %
+                                    </template>
+                                </p-text-input>
                             </p-field-group>
                         </div>
                         <div class="right-part">