lm-radiogroup

0.1.0 • Public • Published

radioGroup

  • 作者:孟祥瑞
  • 邮箱:429217743@qq.com
  • 版本: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

相关资料


Changelog

0.1.0

  1. init

Package Sidebar

Install

npm i lm-radiogroup

Weekly Downloads

0

Version

0.1.0

License

none

Last publish

Collaborators

  • davidfeng
  • mengxiangrui