@ixinwu-ngp/web-styles v1.0.0

样式解决方案

基本思路是使用JSS，提供 withStyles 将classes属性提供给组件使用

参考借鉴Material-UI 的样式解决方案，实现源码中也多有参考，在此感谢Material-UI 团队以及项目的贡献者

API

NgpThemeProvider

withStyles

利用 higher-order component 的模式，为 Wrap 的组件增加classes和innerRef属性

参数：

• styles (Function | Object): 样式定义，如果需要使用主题变量使用(theme) => {return {...}}签名的函数

示例：

import React from 'react';
import { withStyles } from '@ixinwu-ngp/web-styles';

const styles = {
  root: {
    backgroundColor: 'red',
  },
};

class MyComponent extends React.Component {
  render () {
    return <div className={this.props.classes.root} />;
  }
}

export default withStyles(styles)(MyComponent);