组件
Button
属性
| 名称 | 类型 | 描述 |
|---|---|---|
| id | string | 节点 id |
| className | string | 节点样式类 |
| style | React.CssProperties | 节点 inline style |
| disabled | boolean | 是否禁用 |
| hoverClassName | string | 按住按钮后对应的样式类 |
| hoverStartTime | number | 按住后多久出现点击态，单位毫秒 |
| hoverStopPropagation | boolean | 是否阻止本节点的祖先节点出现点击态 |
| hoverStayTime | boolean | 手指松开后点击态保留时间 |
| formType | 'submit' | 'reset' | 用于 form 组件，点击分别会触发 form 组件的 submit/reset 事件 |
| onTap | ((event: TapEvent)) => void | 点击事件 |
Form
属性
| 名称 | 类型 | 描述 |
|---|---|---|
| id | string | 节点 id |
| className | string | 节点样式类 |
| style | React.CssProperties | 节点 inline style |
| onSubmit | ((event: FormEvent)) => void | 提交事件 |
| onReset | ((event: FormEvent)) => void | 重置表单事件 |
Image
属性
| 名称 | 类型 | 描述 |
|---|---|---|
| id | string | 节点 id |
| className | string | 节点样式类 |
| style | React.CssProperties | 节点 inline style |
| src | string | 图片资源地址 |
| mode | 'scaleToFill' | 'aspectFit' | 'aspectFill' | 'widthFix' | 'top' | 'bottom' | 'center' | 'left' | 'right' | 'top left' | 'top right' | 'bottom left' | 'bottom right' | 图片裁剪，缩放模式 |
| lazyload | boolean | 图片懒加载，在即将进入一定范围（上下三屏）时才开始加载 |
| onLoad | ((event: ImageLoadEvent)) => void | 当图片加入完毕时触发 |
| onError | ((event: ImageErrorEvent)) => void | 当错误发生时触发 |
| onTap | ((event: TapEvent)) => void | 点击事件 |
| onTouchStart | ((event: TouchStartEvent)) => void | 触碰开始事件 |
| onTouchMove | ((event: TouchMoveEvent)) => void | 触碰移动事件 |
| onTouchEnd | ((event: TouchMoveEvent)) => void | 触碰结束事件 |
| onTouchCancel | ((event: TouchCancelEvent)) => void | 触碰取消事件 |
Input
属性
| 名称 | 类型 | 描述 |
|---|---|---|
| id | string | 节点 id |
| className | string | 节点样式类 |
| style | React.CssProperties | 节点 inline style |
| defaultValue | string | 默认值 |
| value | string | 输入框的值 |
| name | string | 输入框的名称 |
| type | 'text' | 'number' | 'idcard' | 'digit' | 输入框类型 |
| password | boolean | 是否密码类型 |
| placeholder | string | 输入框占位符 |
| placeholderStyle | React.CSSProperties | 占位符 inline style |
| disabled | boolean | 是否禁用 |
| maxlength | number | 最大输入长度 |
| focus | boolean | 是否获取焦点 |
| onInput | ((event: InputEvent)) => any | 输入回调事件 |
| onConfirm | ((event: InputEvent)) => void | 键盘确认回调事件 |
| onFocus | ((event: InputEvent)) => void | focus 事件 |
| onBlur | ((event: InputEvent)) => void | blur 事件 |
注意：受微信平台限制，在微信里 Input 必须通过
onInput事件的返回值做受控，详见微信文档。
Label
属性
| 名称 | 类型 | 描述 |
|---|---|---|
| id | string | 节点 id |
| className | string | 节点样式类 |
| style | React.CssProperties | 节点 inline style |
| for | string | 绑定控件的 id |
Text
| 名称 | 类型 | 描述 |
|---|---|---|
| id | string | 节点 id |
| className | string | 节点样式类 |
| style | React.CssProperties | 节点 inline style |
| selectable | boolean | 文本是否可选 |
| decode | boolean | 是否解码 |
| onTap | ((event: TapEvent)) => void | 点击事件 |
Textarea
属性
| 名称 | 类型 | 描述 |
|---|---|---|
| id | string | 节点 id |
| className | string | 节点样式类 |
| style | React.CssProperties | 节点 inline style |
| defaultValue | string | 默认值 |
| value | string | 输入框的值 |
| name | string | 输入框的名称 |
| placeholder | string | 输入框占位符 |
| placeholderStyle | React.CSSProperties | 占位符 inline style |
| disabled | boolean | 是否禁用 |
| maxlength | number | 最大输入长度 |
| focus | boolean | 是否获取焦点 |
| autoHeight | boolean | 是否随文本内容增加增高 |
| onInput | ((event: InputEvent)) => any | 输入回调事件 |
| onConfirm | ((event: InputEvent)) => void | 键盘确认回调事件 |
| onFocus | ((event: InputEvent)) => void | focus 事件 |
| onBlur | ((event: InputEvent)) => void | blur 事件 |
注意：受微信平台限制，Textarea 在微信里无法受控。
View
属性
| 名称 | 类型 | 描述 |
|---|---|---|
| id | string | 节点 id |
| className | string | 节点样式类 |
| style | React.CssProperties | 节点 inline style |
| slot | string | slot 标识 |
| hoverClassName | string | 按住按钮后对应的样式类 |
| hoverStartTime | number | 按住后多久出现点击态，单位毫秒 |
| hoverStopPropagation | boolean | 是否阻止本节点的祖先节点出现点击态 |
| hoverStayTime | boolean | 手指松开后点击态保留时间 |
| role | string | aria role |
| onTap | ((event: TapEvent)) => void | 点击事件 |
| onLongTap | ((event: TapEvent)) => void | 长按点击事件 |
| onTouchStart | ((event: TouchStartEvent)) => void | 触碰开始事件 |
| onTouchMove | ((event: TouchMoveEvent)) => void | 触碰移动事件 |
| onTouchEnd | ((event: TouchMoveEvent)) => void | 触碰结束事件 |
| onTouchCancel | ((event: TouchCancelEvent)) => void | 触碰取消事件 |
| onLongTap | ((event: TapEvent)) => void | 长按点击事件 |
WebView
| 名称 | 类型 | 描述 |
|---|---|---|
| id | string | 节点 id |
| className | string | 节点样式类 |
| style | React.CssProperties | 节点 inline style |
| src | string | 地址 |
| onMessage | (event: Event) => void | 通信回调 |