From 44db39b07a5c62c2262f22e30c37933785712607 Mon Sep 17 00:00:00 2001
From: yy-wow <yaoyun_bigger@outlook.com>
Date: Mon, 23 Dec 2024 05:07:14 -0800
Subject: [PATCH] fix: input suffix padding

---
 packages/common/component/ConfigItem.vue                  | 5 +++++
 packages/common/component/I18nInput.vue                   | 8 --------
 .../src/input-configurator/InputConfigurator.vue          | 2 +-
 3 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/packages/common/component/ConfigItem.vue b/packages/common/component/ConfigItem.vue
index 040026780..a365cda2e 100644
--- a/packages/common/component/ConfigItem.vue
+++ b/packages/common/component/ConfigItem.vue
@@ -600,6 +600,11 @@ export default {
     :deep(.tiny-select .tiny-input__inner) {
       padding-right: 26px;
     }
+    :deep(.tiny-input-suffix) {
+      .tiny-input__inner {
+        padding-right: 28px;
+      }
+    }
   }
 
   .prop-description {
diff --git a/packages/common/component/I18nInput.vue b/packages/common/component/I18nInput.vue
index e631872cd..a155923a1 100644
--- a/packages/common/component/I18nInput.vue
+++ b/packages/common/component/I18nInput.vue
@@ -123,14 +123,6 @@ export default {
       color: var(--ti-lowcode-icon-bind-color);
     }
   }
-  :deep(.tiny-input) {
-    &.tiny-input-suffix {
-      .tiny-input__inner {
-        padding-right: var(--ti-input-suffix-padding-right);
-        padding-left: var(--ti-input-suffix-padding-left);
-      }
-    }
-  }
 }
 .popover-content {
   position: relative;
diff --git a/packages/configurator/src/input-configurator/InputConfigurator.vue b/packages/configurator/src/input-configurator/InputConfigurator.vue
index f2d28ca2f..1ece2165b 100644
--- a/packages/configurator/src/input-configurator/InputConfigurator.vue
+++ b/packages/configurator/src/input-configurator/InputConfigurator.vue
@@ -1,6 +1,6 @@
 <template>
   <tiny-input v-model="value" :type="type" :placeholder="placeholder" :rows="rows" @update:modelValue="change">
-    <template #suffix>
+    <template v-if="suffixIcons?.length" #suffix>
       <div v-for="item in suffixIcons" :key="item.icon">
         <svg-icon v-if="item.icon" :name="item.icon" class="tiny-svg-size" @click="item.onClick.action"></svg-icon>
       </div>