update style

Author: yiminghe

docs/zh-cn/code-style/css.md

@@ -3,20 +3,18 @@
 
 ## 基础
 - 样式采用 less 语法
-- 建议直接用 bootstrap，bootstrap 没的自己写在 assets/bootstrap.less 中
-- 如果有独立样式则以 rc 为命名空间
-- 如果样式有依赖其他组件，需要建立对应的 js，例如 assets/bootstrap.js
+- 样式则以 rc 为命名空间
+- 如果样式有依赖其他组件，需要建立对应的 js，例如 src/assets/bootstrap.js
 
 ```js
-require('xx/assets/yy.css'); // depend other component's css
-require('./bootstrap.css');
+require('xx/src/assets/yy.css'); // depend other component's css
+require('../assets/bootstrap.less');
 ```
 
 ## 文件命名
 
-- less 文件名推荐和 js 文件名对应，例如 lib/TimePanel.js 对应 assets/bootstrap/TimePanel.less
+- less 文件名推荐和 js 文件名对应，例如 lib/TimePanel.js 对应 assets/index/TimePanel.less
 - index.less 等入口文件名小写，推荐里面只 import 对应的 less 源码
-- 公共样式请联系 再飞 加入公共样式库，在组件中 devDependencies 依赖公共样式
 
 ## 语义化
 

docs/zh-cn/code-style/js.md

@@ -1,149 +1,16 @@
 # js 编码规范
 
-代码通过 eslint（在根目录运行 `npm run lint`），熟悉规范参见如下
+代码通过 eslint（在根目录运行 `npm run lint`），具体规范参见: https://github.com/airbnb/javascript
 
-## 具体书写规范
-
----
-
-下面是一些常用注意点：
-
-
-### 编码
-
-统一用 utf-8
-
-
-### 长度
-
-长度不超过 80 个字符。别小看这一条规则，如果严格去遵循，你会发现代码变清晰了。而且，你一定能做到的。
-
-参考:
-
-1. pep8 为 79 个字符
-2. npm 为 80 个字符
-3. google 为 80 个字符
-
-
-### 缩进
-
-缩进使用 2个空格，组件内保持统一，不混用。禁用 tab。
-
-参考：
-
-1. npm 为 2 空格
-2. pep8 为 4 空格
-3. google 为 2 空格( gjslint 没规定)
-
-
-
-### 花括号
-
-#### 花括号不换行
-
-好
-
-````
-if (foo) {
-}
-````
-
-坏
-
-````
-if (foo)
-{
-}
-````
-
-**不允许一行判断，一律换行**
-
-坏
-
-````
-if (foo) return;
-````
-
-###命名约定
-
-1. 常量 UPPERCASE_WORD
-2. 变量 camelName
-3. 类名 CamelName
-
-
-### 空格
-
-#### 操作符之间需要空格
-
-好
-
-````
-var x = y + z;
-````
-
-坏
-
-````
-var x=y+z
-````
-
-#### 只空一格
-
-好
-
-````
-{
-    a: 'short',
-    looooongname: 'long'
-}
-````
-
-坏
-
-````
-{
-    a           : 'short',
-    looooongname: 'long'
-}
-````
-
-### 逗号与换行
-
-建议用自然人的处理方法
-
-````
-{
-   a: 'a',
-   b: 'b',
-   c: 'c'
-}
-````
-
-不建议使用 npm 风格的逗号与换行，即
-
-````
-{
-   a: 'a'
-  ,b: 'b'
-  ,c: 'c'
-}
-````
-
-
-### 变量声明
-
-首先，**变量在使用前必须声明**。
-
-对于单 var 模式和多 var 模式，不做强行约定，但同一个文件里，风格必须一致。
 
 ## 文件命名
 
-- js 模块采用 commonjs 格式，主体代码放在 lib 目录下，根目录 index.js 仅引用 lib 下相关文件
+- js 模块采用 es2015 格式，主体代码放在 src 目录下，根目录 index.js 仅引用 src 下相关文件
 - 若用到了 jsx 语法或 es6 特性，文件后缀名请改做 jsx，文件内请不要包含 `/** @jsx React.DOM */`
-- lib 目录模块如果返回值是个类，则文件名首字母大写
+- src 目录模块如果返回值是个类，则文件名首字母大写
 - 测试用例文件名以 .spec.js(jsx) 结尾
-- 测试用例文件名推荐和 lib 下源码对应，比如 lib/Calendar.jsx 对应于 tests/Calendar.spec.jsx
-- 测试用例入口文件名为 index.spec.js，推荐里面只 require 其他测试用例
+- 测试用例文件名推荐和 src 下源码对应，比如 src/Calendar.jsx 对应于 tests/Calendar.spec.jsx
+- 测试用例入口文件名为 index.spec.js，推荐里面只应 import 其他测试用例
 
 ## 代码格式
 
@@ -158,14 +25,10 @@ var x=y+z
      }
    });
  ```
-- log 使用 2.x debug 模块，不可以使用 console.log
- ```js
- var debug = require('debug'))('rc-menu');
- debug('xxx');
- ```
-- 公共包通过 npm install 后，js 中可以 require node_modules 下的公共包 js，但不可以 require css
+- log 可以使用 https://www.npmjs.com/package/warning
+- 公共包通过 npm install 后，js 中可以 import node_modules 下的公共包 js，但不可以 import css
 - 使用 propType 制定 react 组件属性的类型
-- 只能 require('react') 不可以 require('react/addons') 以及 require('react/lib/xx')
+- 只能 import 'react' 不可以 import 'react/lib/xx'
 - 禁止使用 jquery 等大而全的类库
 - React 类必须用一个变量声明
 
@@ -177,7 +40,7 @@ var Menu = React.createClass({
     active: React.PropTypes.bool
   }
 });
-module.exports = Menu;
+export default Menu;
 ```
 
 - 组件根节点样式名默认为 rc- 加上小写组件名，组件名单词间以 - 分隔，允许通过 prefixCls 定制
@@ -197,7 +60,7 @@ var Menu = React.createClass({
 });
 ```
 
-- 组件是 react-component 而不是 react-bootstrap，不要把一些bootstrap的样式生搬过来，例如
+- 组件是 react-component 而不是 react-bootstrap，不要把一些 bootstrap 的样式生搬过来，例如
 
 ```js
 var Dialog = React.createClass({

docs/zh-cn/component-code-style.md

@@ -25,22 +25,22 @@ author: [email protected]
 
 ### examples
 
-- examples 中的 html 不可修改，通过 js 中的 jsx 渲染页面，通过 require css 引入 css
-- \`\`\`\`js 中的 js 代码为 commonjs 格式
+- examples 中的 html 不可修改，通过 js 中的 jsx 渲染页面，通过 import css 引入 css
+- \`\`\`\`js 中的 js 代码为 es2015 格式
 
 ```js
 \````js
-require('rc-menu/assets/index.css');
+import 'rc-menu/assets/index.less';
 var Menu = require('rc-menu');
 React.render(<Menu className = "nav-bar nav"></Menu>, document.getElementById('react-content'));
 \````
 ```
 
-通过 npm run gh-pages 来发布 examples 到外网（需要同级clone xx-gh-pages ，详见 gh-pages.sh）
+通过 npm run pub 来发布 npm 以及 demo, 例如 http://react-component.github.io/calendar/
 
 ### tests
 
-- 代码位于 `tests/xx.spec.js` `index.spec.js` 为必须，里面可以 require 其他 spec
+- 代码位于 `tests/xx.spec.js` `index.spec.js` 为必须，里面可以 import 其他 spec
 - 测试用例 js 采用 es2015 格式，可以 import node_modules 下的公共包的 js 和 css
 - 测试框架为 mocha，断言库为 expect.js
 

docs/zh-cn/how-to-write-a-react-component.md

@@ -29,7 +29,7 @@ author: [email protected]
 ## 源码
 
 - 在 src 目录中写 es2015 js，在 assets 目录下写 less，在 tests 目录下写 测试用例，代码规范参考 [react 组件代码规范](./component-code-style.md).
-- examples 中的 html 不可修改，通过 js 中的 jsx 渲染页面，通过 require css 引入 css
+- examples 中的 html 不可修改，通过 js 中的 jsx 渲染页面，通过 import css 引入 css
 - 开发中用到其他公共库，通过 `npm install --save` 以及 `npm install --save-dev` 来安装
 - 组件设计可参考 [react 组件设计原则](./component-design.md).