数字范围输入

代码事例

<template>
	<p>数字范围输入组件</p>
	<RangeNumberInput v-model="model.multiple" multiple :placeholder="['min', 'max']" allow-clear />
	<p>数字范围输入组件 disabled 状态</p>
	<RangeNumberInput v-model="model.multiple1" disabled multiple :placeholder="['min', 'max']" />
	<p>数据模型</p>
	<fk-row>
		<JsonViewer :data="model" />
	</fk-row>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import { RangeNumberInput } from '@erp/biz';

const model = ref({
	multiple: [],
	multiple1: [1],
});

setTimeout(() => {
	model.value.multiple1 = [2, 3];
}, 3000);
</script>
<style lang="less" scoped>
:deep(.range-number) {
	width: 220px;
}
</style>

API

<range-number-input> Props

参数名	描述	类型	默认值
model-value (v-model) (必填)	绑定值	Array	() => []
mode	模式（embed：按钮内嵌模式，button：左右按钮模式）	union	'embed'
precision	数字精度	number	2
step	数字变化步长	number	1
disabled	是否禁用	boolean	false
allow-clear	是否允许清空输入框	boolean	false
max	最大值	number	-
min	最小值	number	-
placeholder	输入框提示文字	Array	-
size	输入框大小	Size	'medium'