@beisen-phoenix/input-range

| 参数 | 说明 | 类型 | 默认值 | 是否必传 | | ------------ | ------------------------------------------------------------------------------ | ---------------- | -------------- | -------- | | size | 输入框尺寸，仅支持 normal large small | string | normal | 否 | | status | 输入框状态：默认状态default，只读readonly，禁用disabled，校验错误error | string | default | 否 | | defaultValue | 默认输入框内容 | string | number | [null, null] | 否 | | value | 输入框内容 | string | number | 无 | 否 | | placeholder | 输入框提示（会覆盖国际化属性） | object | 见下方 | 否 | | translation | 国际化 | string | number | [null, null] | 否 | | onChange | 值改变事件 | values=>void | 无 | 否 | | onBlur | 失焦事件 | (event)=>void | 无 | 否 | | onFocus | 聚焦事件 | (event)=>void | 无 | 否 | | onClear | 清空事件 | ()=>void | 无 | 否 | | lang | 当前语言环境(zh_CN,en_US,zh_TW) | string | zh_CN | 否 |

Usage no npm install needed!

<script type="module">
  import beisenPhoenixInputRange from 'https://cdn.skypack.dev/@beisen-phoenix/input-range';
</script>

README

区间输入

API

参数	说明	类型	默认值	是否必传
size	输入框尺寸，仅支持 `normal` `large` `small`	string	`normal`	否
status	输入框状态：默认状态`default`，只读`readonly`，禁用`disabled`，校验错误`error`	string	`default`	否
defaultValue	默认输入框内容	string \| number	`[null, null]`	否
value	输入框内容	string \| number	无	否
placeholder	输入框提示（会覆盖国际化属性）	object	见下方	否
translation	国际化	string \| number	`[null, null]`	否
onChange	值改变事件	`values=>void`	无	否
onBlur	失焦事件	`(event)=>void`	无	否
onFocus	聚焦事件	`(event)=>void`	无	否
onClear	清空事件	`()=>void`	无	否
lang	当前语言环境(zh_CN,en_US,zh_TW)	string	zh_CN	否

国际化

translation = {
  placeholder: ["开始", "截止"]
};

changelog

2019-11-19

新增 lang 属性，用于表示当前的语言环境，取值范围为“zh_CN,zh_TW,en_US”内部新增中文简体、英文、中文繁体语言包。

新增内置语言包，可以根据 lang 属性控制内置语言包