mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-03 20:49:14 +08:00
Merge branch 'master' into develop-0.12.0
This commit is contained in:
commit
7851c6bc05
52
CONTRIBUTING.md
Normal file
52
CONTRIBUTING.md
Normal file
@ -0,0 +1,52 @@
|
||||
# Contributing to Ant Design
|
||||
|
||||
The following is a set of guidelines for contributing to Ant Design. Please spend several minutes in reading these guidelines before you create an issue or pull request.
|
||||
|
||||
Anyway, these are just guidelines, not rules, use your best judgment and feel free to propose changes to this document in a pull request.
|
||||
|
||||
|
||||
## Do your homework before asking a question
|
||||
|
||||
It's a great idea to read Eric Steven Raymond's [How To Ask Questions The Smart Way](http://www.catb.org/esr/faqs/smart-questions.html) twice before asking a question. But if you are busy now, I recommend to read [Don't post homework questions](http://www.catb.org/esr/faqs/smart-questions.html#homework) first.
|
||||
|
||||
The following guidelines are about *How to avoid Homework Questions*.
|
||||
|
||||
### 1. Read the documentation.
|
||||
|
||||
It sad but true that someone just glance(not read) [Ant Design's documentation](http://ant.design/). Please read the documentation closely. What's more, you can modify and run our demo with [JSFiddle](http://jsfiddle.net/9zrstuto/70/). It's helpful to understand our documentation.
|
||||
|
||||
Tips: choose the corresponding documentation with versions selector which in the bottom-right corner.
|
||||
|
||||
### 2. Make sure that your question is about Ant Design, not React
|
||||
|
||||
Someone may think all of the questions that he/she meets in developing are about Ant Design, but it's not true. So, please read [React's documentaion](http://facebook.github.io/react/docs/getting-started.html) or just Google(not Baidu, seriously) your questions with keywork *React* first. If you are sure that your question is about Ant Design, go ahead.
|
||||
|
||||
### 3. Read the FAQ and search the issues list of Ant Design
|
||||
|
||||
Your questions may be asked and solved by others. So please spend several minutes on searching. Remember [DRY](https://en.wikipedia.org/wiki/Don%27t_repeat_yourself), both code and questions.
|
||||
|
||||
P.S.
|
||||
1. [FAQ](https://github.com/ant-design/ant-design/wiki/FAQ)
|
||||
1. [Issues list](https://github.com/ant-design/ant-design/issues)
|
||||
|
||||
|
||||
## Providing a demo while reporting a bug
|
||||
|
||||
It would be helpful to provide a demo which can re-produce the bug 100%. Please fork this [Fiddle](http://jsfiddle.net/9zrstuto/70/) and re-produce the bug you met. Then, create an issue like this [example](https://github.com/ant-design/ant-design/issues/new?title=%E8%AF%B7%E5%A1%AB%E5%86%99%E7%AE%80%E6%B4%81%E6%9C%89%E6%95%88%E7%9A%84%E6%A0%87%E9%A2%98&body=**%E9%97%AE%E9%A2%98%E6%8F%8F%E8%BF%B0**%0A%0A%EF%BC%88%E6%8F%8F%E8%BF%B0%E4%B8%80%E4%B8%8B%E9%97%AE%E9%A2%98%EF%BC%89%0A%0A**%E5%8F%91%E7%94%9F%E7%8E%AF%E5%A2%83**%0A%0A-%20antd%20%E7%89%88%E6%9C%AC%EF%BC%9A%0A-%20%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E5%8F%8A%E7%89%88%E6%9C%AC%EF%BC%9A%0A-%20%E6%B5%8F%E8%A7%88%E5%99%A8%E5%8F%8A%E7%89%88%E6%9C%AC%EF%BC%9A%0A-%20%E5%9C%A8%E7%BA%BF%E6%BC%94%E7%A4%BA%E5%9C%B0%E5%9D%80%EF%BC%9A%0A%0A**%E9%87%8D%E7%8E%B0%E6%AD%A5%E9%AA%A4**%0A%0A1.%20...%0A2.%20...%0A). The most important thing is: double check before claiming that you have found a bug.
|
||||
|
||||
|
||||
## Tips about Feature Request
|
||||
|
||||
If you believe that Ant Design should provide some features, but it does not. You could create an issue to discuss. However, Ant Design is not Swiss Army Knife, there are some features which Ant Design will not support:
|
||||
|
||||
1. Request or operate data
|
||||
|
||||
|
||||
## Tips about Pull Request
|
||||
|
||||
It's welcomed to pull request. And there are some tips about that:
|
||||
|
||||
1. It is a good habit to create a feature request issue to disscuss whether the feature is necessary before you implement it.
|
||||
1. Run `npm run lint` and fix those errors before committing in order to keep consistent code style.
|
||||
1. Rebase before creating a PR to keep commit history clear.
|
||||
1. Add some descriptions and refer relative issues for you PR.
|
@ -46,7 +46,8 @@ import 'antd/lib/index.css'; // or 'antd/style/index.less'
|
||||
- [首页](http://ant.design/)
|
||||
- [React UI 库](http://ant.design/docs/introduce)
|
||||
- [修改记录](CHANGELOG.md)
|
||||
- [构建调试工具](https://github.com/ant-tool/xtool/)
|
||||
- [开发脚手架](https://github.com/ant-design/antd-init/)
|
||||
- [本地调试工具集](https://github.com/dora-js/dora/)
|
||||
- [React 组件](http://react-component.github.io/)
|
||||
- [React 代码规范](https://github.com/react-component/react-component.github.io/blob/master/docs/zh-cn/component-code-style.md)
|
||||
- [组件设计原则](https://github.com/react-component/react-component.github.io/blob/master/docs/zh-cn/component-design.md)
|
||||
|
@ -46,7 +46,8 @@ Normal browsers and Internet Explorer 8+.
|
||||
- [Home page](http://ant.design/)
|
||||
- [React UI library](http://ant.design/docs/introduce)
|
||||
- [ChangeLog](CHANGELOG.md)
|
||||
- [Build/Debug tools](https://github.com/ant-tool/xtool/)
|
||||
- [Scaffold tool](https://github.com/ant-design/antd-init/)
|
||||
- [Debug tools set](https://github.com/dora-js/dora)
|
||||
- [React components](http://react-component.github.io/)
|
||||
- [React style guide](https://github.com/react-component/react-component.github.io/blob/master/docs/zh-cn/component-code-style.md)
|
||||
- [React component design guide](https://github.com/react-component/react-component.github.io/blob/master/docs/zh-cn/component-design.md)
|
||||
|
@ -7,7 +7,8 @@
|
||||
---
|
||||
|
||||
````jsx
|
||||
import { Form, Select, InputNumber, DatePicker, Switch, Slider, Button, message, Row, Col } from 'antd';
|
||||
import { Form, Select, InputNumber, DatePicker, Switch,
|
||||
Slider, Button, message, Row, Col, Upload, Icon } from 'antd';
|
||||
const FormItem = Form.Item;
|
||||
const Option = Select.Option;
|
||||
|
||||
@ -28,6 +29,17 @@ const Demo = React.createClass({
|
||||
};
|
||||
},
|
||||
|
||||
handleUpload(info) {
|
||||
if (info.file.status !== 'uploading') {
|
||||
console.log(info.file, info.fileList);
|
||||
}
|
||||
if (info.file.status === 'done') {
|
||||
message.success(info.file.name + ' 上传成功。');
|
||||
} else if (info.file.status === 'error') {
|
||||
message.error(info.file.name + ' 上传失败。');
|
||||
}
|
||||
},
|
||||
|
||||
handleSubmit(e) {
|
||||
e.preventDefault();
|
||||
message.success('收到表单值~~~ :' + JSON.stringify(this.state.formData, function(k, v) {
|
||||
@ -105,6 +117,17 @@ const Demo = React.createClass({
|
||||
<DatePicker name="endDate" onChange={this.setValue.bind(this, 'endDate')} value={formData.endDate} />
|
||||
</Col>
|
||||
</FormItem>
|
||||
<FormItem
|
||||
label="logo图:"
|
||||
labelCol={{span: 8}}
|
||||
wrapperCol={{span: 16}}>
|
||||
<Upload name="logo" action="/upload.do" listType="picture" onChange={this.handleUpload}>
|
||||
<Button type="ghost">
|
||||
<Icon type="upload" /> 点击上传
|
||||
</Button>
|
||||
</Upload>
|
||||
<p>仅支持上传一张。</p>
|
||||
</FormItem>
|
||||
<Row>
|
||||
<Col span="16" offset="8">
|
||||
<Button type="primary" htmlType="submit">确定</Button>
|
||||
|
@ -21,10 +21,10 @@ function handleChange(value) {
|
||||
}
|
||||
|
||||
ReactDOM.render(
|
||||
<Select
|
||||
<Select tags
|
||||
style={{width: '100%'}}
|
||||
searchPlaceholder="标签模式"
|
||||
tags onChange={handleChange}>
|
||||
onChange={handleChange}>
|
||||
{children}
|
||||
</Select>
|
||||
, mountNode);
|
||||
|
@ -19,9 +19,11 @@
|
||||
|multiple | 是否支持多选 | bool | false |
|
||||
|checkable | 是否支持选中 | bool | false |
|
||||
|defaultExpandAll | 设置展开所有树节点 | bool | false |
|
||||
|defaultExpandedKeys | 展开指定的树节点 | String[] | false |
|
||||
|defaultExpandedKeys | 默认展开指定的树节点 | String[] | [] |
|
||||
|defaultCheckedKeys | 默认选中复选框的树节点 | String[] | [] |
|
||||
|defaultSelectedKeys | 默认选中的树节点 | String[] | [] |
|
||||
|checkedKeys | 设置选中复选框的树节点 | String[] | - |
|
||||
|selectedKeys | 设置选中的树节点 | String[] | - |
|
||||
|onCheck | 点击树节点或复选框触发 | function(e:{checked:bool,node,checkedKeys,event}) | - |
|
||||
|onSelect | 点击树节点触发 | function(e:{checked:bool,node,checkedKeys,event}) | - |
|
||||
|onDataLoaded | 异步加载数据 | function(node)| - |
|
||||
|
@ -27,7 +27,7 @@ Ant Design React 致力于提供给程序员**愉悦**的开发体验。
|
||||
$ npm install antd-init -g
|
||||
```
|
||||
|
||||
[更多使用说明](https://github.com/ant-tool/xtool/#使用说明)。
|
||||
[更多使用说明](https://github.com/ant-design/antd-init/)。
|
||||
|
||||
### 2. 创建一个项目
|
||||
|
||||
|
@ -40,4 +40,4 @@ $ npm install antd-init -g
|
||||
|
||||
在空目录运行 `antd-init` 可以初始化一个 antd 的前端应用。
|
||||
|
||||
> 更多 [使用方式](https://github.com/ant-tool/xtool/)。
|
||||
> 更多 [使用方式](https://github.com/dora-js/dora/)。
|
||||
|
@ -34,4 +34,4 @@ $ npm install antd-init -g
|
||||
|
||||
Inside an empty folder run `antd-init` to init.
|
||||
|
||||
> [More tools](https://github.com/ant-tool/xtool/)。
|
||||
> [More tools](https://github.com/dora-js/dora/)。
|
||||
|
@ -61,7 +61,8 @@ import 'antd/lib/index.css'; // or 'antd/style/index.less'
|
||||
|
||||
- [首页](http://ant.design/)
|
||||
- [修改记录](http://ant.design/changelog)
|
||||
- [构建调试工具](https://github.com/ant-tool/xtool/)
|
||||
- [开发脚手架](https://github.com/ant-design/antd-init/)
|
||||
- [本地调试工具集](https://github.com/dora-js/dora/)
|
||||
- [React 组件](http://react-component.github.io/)
|
||||
- [React 代码规范](https://github.com/react-component/react-component.github.io/blob/master/docs/zh-cn/component-code-style.md)
|
||||
- [组件设计原则](https://github.com/react-component/react-component.github.io/blob/master/docs/zh-cn/component-design.md)
|
||||
|
@ -543,7 +543,7 @@ footer ul li > a {
|
||||
|
||||
.markdown h1 { font-size: 28px; }
|
||||
.markdown h2 { font-size: 24px; }
|
||||
.markdown h3 { font-size: 20px; }
|
||||
.markdown h3 { font-size: 18px; }
|
||||
.markdown h4 { font-size: 16px; }
|
||||
.markdown h5 { font-size: 14px; }
|
||||
.markdown h6 { font-size: 12px; }
|
||||
|
@ -11,7 +11,7 @@
|
||||
|
||||
- 中文字体族:
|
||||
|
||||
<img src="https://t.alipayobjects.com/images/T1NrdhXghnXXXXXXXX.png" width="100%">
|
||||
<img src="https://os.alipayobjects.com/rmsportal/OKbesWXtRMCNGmO.png" width="100%">
|
||||
|
||||
- 英文文字体族:
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
字体家族 css 代码如下:
|
||||
|
||||
```css
|
||||
font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","STHeitiSC-Light","Microsoft YaHei","微软雅黑",Arial,sans-serif;
|
||||
font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
|
||||
```
|
||||
|
||||
## 字体使用规范
|
||||
|
@ -17,18 +17,18 @@
|
||||
|
||||
<a target="_blank" href="" class="download-link disabled">
|
||||
<img src="https://os.alipayobjects.com/rmsportal/gdYSqrQMvHHrOoC.svg" width="32">
|
||||
For Sketch
|
||||
Components in Sketch
|
||||
</a>
|
||||
|
||||
### 图标
|
||||
|
||||
<a target="_blank" href="" class="download-link disabled">
|
||||
<img src="https://os.alipayobjects.com/rmsportal/gdYSqrQMvHHrOoC.svg" width="32">
|
||||
svg set
|
||||
Icon in AI
|
||||
</a>
|
||||
<a target="_blank" href="https://github.com/ant-design/ant-design/files/57840/iconfont.zip" class="download-link">
|
||||
<img src="https://os.alipayobjects.com/rmsportal/ytqOwOOWgYrDPfT.svg" width="32">
|
||||
Iconfont set
|
||||
Iconfont for web
|
||||
</a>
|
||||
|
||||
<style>
|
||||
|
Loading…
Reference in New Issue
Block a user