Tencent / tdesign-vue

A Vue.js UI components lib for TDesign.
https://tdesign.tencent.com/vue
MIT License
887 stars 339 forks source link

fix(range-input): 修复 prefix/suffix 内容未应用居中样式的问题 #3175

Closed fython closed 1 month ago

fython commented 1 month ago

🤔 这个 PR 的性质是?

🔗 相关 Issue

💡 需求背景和解决方案

需求背景参考 Issue 原文。排查过程定位到原 tdesign-common 项目中样式已包含以下定义,无需额外添加样式:

.range-input-fix-position(@position) {
  &.@{prefix}-range-input--@{position} {
    .@{prefix}-range-input__@{position} {
      height: 100%;
      text-align: center;
      display: flex;
      align-items: center;
      font-size: @font-size-base;
    }
  }
}

在保持原样式不动基础上,为 RangeInput 组件的渲染函数补充 ${COMPONENT_NAME}--prefix${COMPONENT_NAME}--suffix 的 class 动态赋值判断,以复用上述样式。此部分实现对齐 Input 实现。

📝 更新日志

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项。⚠️

github-actions[bot] commented 1 month ago

完成