taro-from v0.0.1

taro-from

基于 taro-ui 的小程序工具，通过配置实现 Form 表单

注意：
	1. 文件上传只支持“云开发”

效果图

实例

import Taro, { Component } from '@tarojs/taro'
import { 
    TaroFrom, // 表单组件
    generatorState  // 生成表单值
} from 'taro-from'

// 表单配置
let formOptions = [
    {
        key: 'name', // 文件上传
        type: {
            /*
                compName 字段支持： 
                        input, 
                        radio, 
                        checkbox, 
                        textarea, 
                        switch,
                        files
            */
            compName: 'input', 
            props: {
                label: '姓名',
                placeholder: '请输入你的姓名'
            }
        },
        defaultValue: '小龙女'
    }
]

export default class Index extends Component {
    state = {
        // 初始化 state
        tempObj: generatorState(formOptions)
    }
    formChange = (data) => this.setState({ tempObj: data })
    render() {
        return (
            <View>
                { /* 调用组件 */ }
                <TaroFrom 
                    data={this.state.tempObj}
                    options={formOptions}
                    onChange={this.formChange}
                />
                <button>Submit</button>
            </View>
        )
    }
}

组件参数

options: 表单配置

小程序交流群

联系我：你可以告诉我你遇到的问题，或者提出意见
备注：小程序

版本日志

• 未来版本 1.1.0
  • 支持： InputNumber 数字输入 Rate 评分 Slider 滑动条Range
• 2020-6-12 1.0.0
  • 支持： radio 文本框, radio 单选， checkbox 多选, textarea 多行文本， switch 开关, files 图片上传
  • 初始化 state : generatorState(options)