feat(cl-input): 添加数字输入精度控制功能

- 新增 precision 属性用于控制数字类型输入框的小数位数
- 实现输入值的精度校验与格式化逻辑
- 添加超出精度限制时的样式提示
- 支持深色模式下的精度超限颜色适配
- 在 demo 页面中增加精度控制示例
This commit is contained in:
haibiao_gu
2025-11-07 14:36:37 +08:00
parent 65989a0ecc
commit 60d46f82ef
3 changed files with 51 additions and 2 deletions

View File

@@ -59,6 +59,16 @@
</cl-input>
</demo-item>
<demo-item :label="t('保留精度')">
<demo-tips>当 type 为 number 时,可设置 precision 属性来保留精度</demo-tips>
<cl-list-item :label="t('精度')">
<cl-input-number v-model="precision"></cl-input-number>
</cl-list-item>
<cl-input type="number" :precision="precision"></cl-input>
</demo-item>
<demo-item :label="t('自定义')">
<cl-input
v-model="content"
@@ -128,6 +138,8 @@ const isRightIcon = ref(false);
const isDisabled = ref(false);
const isColor = ref(false);
const precision = ref<number>(2);
function toAlert() {
ui.showToast({
message: "Hello"