fix: input suffix padding

yy-wow · Dec 23, 2024 · 44db39b · 44db39b
1 parent 4f0a1b0
commit 44db39b
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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>