link-reactui

broadlink-reactui 为开发设备控制面板提供了一系列react组件

安装

>npm install --save broadlink-reactui

调试开发

>npm run storybook

组件

跨平台通用组件

京东平台UI风格组件

| 组件 | 说明 |
| -------- | -------- |
| Modal | 弹出框，如confirm 、alert等。可以直接通过静态方法调用。如Modal.alert |
| TimePicker | 时间选择插件，支持时间点与时长 |
| Toast | toast小时，使用方法类似Modal |
| Scroller | 非时间类型的滚动选择插件，如枚举、数字选择 |
| Image | 封装thml中的img，解决svg的适配性问题 |
| stateful | HOC组件，接收一个key:props的map，让组件变得有状态 |
| TransitionSwitch | 让改switch下的页面切换有动画效果 |

dna/

智慧星设备面板组件

| 组件 | 说明 |
| -------- | -------- |
| dna/ActivityIndicator | 弹出框形式的加载中界面 |
| dna/BottomButton | 永远置于屏幕底部的Button |
| dna/Button | 普通Button组件，一般与stateful-button或者stateful HOC组件配合使用 |
| dna/CircleSelect | 空调中圆形选择框的组件 |
| dna/ColorPicker | 颜色选择组件 |
| dna/Delay | 提供设置延时功能的组件，包括 ShortcutDelay（弹出框）&CustomDelay |
| dna/FromNowDescription | 现实给定时间距离现在的描述 |
| dna/HistoryRecord | 历史记录组件 |
| dna/LoadingPage | 嵌入整个界面的加载中界面 |
| dna/NavBar | 导航栏 |
| dna/Page | Page组件，同事提供了iphonex的实现 |
| dna/Popup | 弹出框组件 |
| dna/SDKTimer | sdk定时组件 |
| Slider | 滑动条，基于bootstrap-slider实现 |
| SwitchButton | checkbox风格的开关button |
| function-grid | HOC组件，提供枚举类型的排列、选择、disable等功能 |
| countdown-timer | HOC组件提供最新定时倒计时功能，注入countdown prop |

jd/

京东平台UI风格组件

| 组件 | 说明 |
| -------- | -------- |
| jd/BottomButton | 永远置于屏幕底部的Button |
| jd/Popup | 弹出框组件 |
| jd/MainSwitch | 插座类型设备的总开关部分 |
| jd/PowerButton | 开关按钮 |
| jd/Popup | 弹出框组件 |
| jd/FunctionBlock | 京东UI上的一个功能区域，一般代表一个功能参数如 pwr、mode |
| jd/Slider | 滑动条，基于bootstrap-slider实现 |
| jd/SwitchButton | checkbox风格的开关button |
| jd/Top | 头部状态显示区域（不包括导航栏） |
| jd/function-grid | HOC组件，提供枚举类型的排列、选择、disable等功能 |

gome/

国美平台UI风格组件
>开发中

国际化

LocaleProvider

broalink-reactui提供了一个组件LocaleProvider用于全局配置国际化文案。
LocaleProvider 会根据navigator.languages/navigator.language中的语言信息，自动判断语言环境加载对应的语言包。如果未匹配到支持的语言，则使用英文。
``JavaScript
import LocaleProviderfrom 'broadlink-reactui/LocaleProvider';

return (



);
``

目前支持以下语言
* 简体中文
* 英文

定制主题

broalink-reactui提供了组件主题色的设置功能。
在项目中的package.json中加入theme属性即可
> "theme": {
"@theme-color": "#33b887"
}
定义 theme 属性时，需要配合利用 less-loader 的 modifyVars 配置来覆盖原来的样式变量。