radioGroup

• 作者：孟祥瑞
• 邮箱：[email protected]
• 版本：0.1.0

介绍

组件描述内容

安装

lm-* 组件使用 npm 进行管理，命名空间统一为 lm-，请使用以下命令进行组件安装。

npm i lm-radiogroup --save

• 如果你还没有安装 npm，可通过以下方式进行 安装。
• 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org

使用

样例文档

• 待开发

使用

最少配置参数为：

• 传入content增加内容

<RadioGroup content="React test app" />

配置参数

| Prop | Type | Default | Description | | ---- |:----:|:-------:| :----------:| | content | string | undefined | 主要内容 |

注意事项

• 组件注意事项

RadioGroup

• props

| 参数 | 说明 | 类型 | 默认值 | 是否必要 | | ---------- | ------ | ------ | --------- | --------- | | name | Radio的name属性 | string | 无 | 必要 | | selectedValue | 选中的值 | array | [...] | 必要 | | onChange | 选择时，调用此函数 | fun | 无 | 必要 | | style | 增加样式 | obj | 无 | 可选 | | children | 子类 | node | 无 | 必要 | | itemList | 子类简写数组 | array | 无（其中每个属性和Radio参数一致，只是提供一种简写） | 可选 |

Radio

• props

| 参数 | 说明 | 类型 | 默认值 | 是否必要 | | ---------- | ------ | ------ | --------- | --------- | | text | 选择项显示的文字 | string or number | 无 | 必要 | | value | 选择项实际的值 | string or number or bool | 无 | 必要 | | preffix | 前缀 | node | 无 | 可选 | | mode | 展现模式 | string | form(button) | 必要 | | uniqueId | 唯一id | string or number | 无 | 可选（如果mode==='button'则必要） | | disabled | 是否不可操作 | bool | false | 可选 | | style | 增加样式 | obj | 无 | 可选 |

<RadioGroup
	name={'radioName'}
	selectedValue={this.state.radioVal}
	onChange={(val) => {this.setState({ radioVal: val }) }}
	>
	<Radio text={'11'} value={1} />
	<Radio text={'22'} value={2} />
	<Radio text={'33'} value={3} />

	<Radio mode={'button'} uniqueId={111} text={'44'} value={4}  />
</RadioGroup>

    render() {

        const itemList = [{

            text: 'test1',
            value: 1111

        }, {

            text: 'test2',
            value: '2222'

        }];

        return (

            <section className="container">
                
                <RadioGroup
                    name={'radioName'}
                    selectedValue={this.state.radioVal}
                    onChange={(val) => {console.log(`radioName/${val}`); this.setState({ radioVal: val }) }}
                    itemList={itemList}
                    />

            </section>

        )

    }

开发调试

进入项目目录后，使用 node 命令启动服务

npm run start

打包发布可通过 node 命令执行

npm run build
npm publish

相关资料

• lm 组件开发规范

Changelog

0.1.0

1. init