Просмотр исходного кода

Merge branch 'master' of https://github.com/ant-design/test2

ddcat1115 8 лет назад
Родитель
Сommit
0a27682f3b

+ 1 - 0
CNAME

@@ -0,0 +1 @@
+pro.ant.design

+ 45 - 0
README.en-US.md

@@ -0,0 +1,45 @@
+[简体中文](./README.md) | English
+
+# Ant Design Pro
+
+[![](https://img.shields.io/travis/ant-design/test2.svg?style=flat-square)](https://travis-ci.org/ant-design/test2)
+
+An out-of-box UI solution for enterprise applications.
+
+![](https://gw.alipayobjects.com/zos/rmsportal/xEdBqwSzvoSapmnSnYjU.png)
+
+- Preview: http://preview.pro.ant.design
+- Home Page: http://pro.ant.design
+- Documentation: http://pro.ant.design/docs/getting-started
+- FAQ: http://pro.ant.design/docs/faq
+
+## Features
+
+- :gem: **Neat Design**: Follow Ant Design specification
+- :triangular_ruler: **Common Templates**: Typical templates for enterprise applications
+- :rocket: **State of The Art Development**: Newest development stack of React/dva/antd
+- :iphone: **Responsive**: Designed for varies of screen size
+- :art: **Themeing**: Customizable theme with simple config
+- :globe_with_meridians: **International**: Built-in i18n solution
+- :gear: **Best Practice**: Solid workflow make your code health
+- :1234: **Mock development**: Easy to use mock development solution
+- :white_check_mark: **UI Test**: Fly safely with unit test and e2e test
+
+## Usage
+
+```
+$ git clone git@github.com:ant-design/ant-design-pro
+$ cd ant-design-pro
+$ npm install
+$ npm start         // Visit http://127.0.0.1:8000
+```
+
+More instruction at [documentation](http://pro.ant.design/docs/getting-started)。
+
+## Contributing
+
+Any Contribution of following ways will be welcome:
+
+- Use Ant Design Pro in your daily work.
+- Submit [issues](http://github.com/ant-design/ant-design-pro/issues) to report bug or ask questions.
+- Propose [pull request](http://github.com/ant-design/ant-design-pro/pulls) to improve our code.

+ 38 - 7
README.md

@@ -1,14 +1,45 @@
-# XXX
+简体中文 | [English](./README.en-US.md)
+
+# Ant Design Pro
 
 [![](https://img.shields.io/travis/ant-design/test2.svg?style=flat-square)](https://travis-ci.org/ant-design/test2)
 
-## Development
+开箱即用的中台前端解决方案。
+
+![](https://gw.alipayobjects.com/zos/rmsportal/xEdBqwSzvoSapmnSnYjU.png)
+
+- 预览:http://preview.pro.ant.design
+- 首页:http://pro.ant.design
+- 使用文档:http://pro.ant.design/docs/getting-started
+- 常见问题:http://pro.ant.design/docs/faq
+
+## 特性
+
+- :gem: **优雅美观**:基于 Ant Design 体系精心设计
+- :triangular_ruler: **常见设计模式**:提炼自中后台应用的典型页面和场景
+- :rocket: **最新技术栈**:使用 React/dva/antd 等前端前沿技术开发
+- :iphone: **响应式**:针对不同屏幕大小设计
+- :art: **主题**:可配置的主题满足多样化的品牌诉求
+- :globe_with_meridians: **国际化**:内建业界通用的国际化方案
+- :gear: **最佳实践**:良好的工程实践助您持续产出高质量代码
+- :1234: **Mock 数据**:实用的本地数据调试方案
+- :white_check_mark: **UI 测试**:自动化测试保障前端产品质量
+
+## 使用
 
-```bash
+```
+$ git clone git@github.com:ant-design/ant-design-pro
+$ cd ant-design-pro
 $ npm install
-$ npm start
+$ npm start         // 访问 http://127.0.0.1:8000
 ```
 
-```bash
-$ npm run site
-```
+更多信息请参考 [使用文档](http://pro.ant.design/docs/getting-started)。
+
+## 参与贡献
+
+我们非常欢迎你的贡献,你可以通过以下方式参与:
+
+- 在你的公司或个人项目中使用 Ant Design Pro。
+- 通过 [issues](http://github.com/ant-design/ant-design-pro/issues) 给我们报告 bug 或进行咨询。
+- 给我们提交 [Pull Request](http://github.com/ant-design/ant-design-pro/pulls) 改进我们的代码。

+ 1 - 0
package.json

@@ -1,6 +1,7 @@
 {
   "name": "ant-design-pro",
   "version": "0.9.0",
+  "description": "An out-of-box UI solution for enterprise applications",
   "private": true,
   "scripts": {
     "precommit": "npm run lint-staged",

+ 1 - 1
src/components/AvatarList/index.md

@@ -1,7 +1,7 @@
 ---
-type: General
 title: AvatarList 
 subtitle: 用户头像列表
+order: 1
 cols: 1
 ---
 

+ 1 - 1
src/components/Charts/index.md

@@ -1,7 +1,7 @@
 ---
-type: General
 title: Charts
 subtitle: 图表
+order: 2
 cols: 2
 ---
 

+ 1 - 1
src/components/CountDown/index.md

@@ -1,8 +1,8 @@
 ---
-type: General
 title: CountDown 
 subtitle: 倒计时
 cols: 1
+order: 3
 ---
 
 倒计时组件。

+ 1 - 1
src/components/DescriptionList/index.md

@@ -1,8 +1,8 @@
 ---
-type: General
 title: DescriptionList
 subtitle: 描述列表
 cols: 1
+order: 4
 ---
 
 描述列表用来展示一系列文本信息。

+ 1 - 1
src/components/Exception/index.md

@@ -1,8 +1,8 @@
 ---
-type: General
 title: Exception
 subtitle: 异常
 cols: 1
+order: 5
 ---
 
 异常页用于对页面特定的异常状态进行反馈。通常,它包含对错误状态的阐述,并向用户提供建议或操作,避免用户感到迷失和困惑。

+ 1 - 1
src/components/FooterToolbar/index.md

@@ -1,8 +1,8 @@
 ---
-type: General
 title: FooterToolbar
 subtitle: 底部工具栏
 cols: 1
+order: 6
 ---
 
 固定在底部的工具栏。

+ 1 - 1
src/components/GlobalFooter/index.md

@@ -1,8 +1,8 @@
 ---
-type: General
 title: GlobalFooter
 subtitle: 全局页脚
 cols: 1
+order: 7
 ---
 
 页脚属于全局导航的一部分,作为对顶部导航的补充,通过传递数据控制展示内容。

+ 1 - 1
src/components/HeaderSearch/index.md

@@ -1,8 +1,8 @@
 ---
-type: General
 title: HeaderSearch
 subtitle: 顶部搜索框
 cols: 1
+order: 8
 ---
 
 用在顶部导航上,提供应用全局搜索入口。

+ 1 - 1
src/components/NoticeIcon/index.md

@@ -1,8 +1,8 @@
 ---
-type: General
 title: NoticeIcon
 subtitle: 通知菜单
 cols: 1
+order: 9
 ---
 
 用在顶部导航上,作为整个产品统一的通知中心。

+ 1 - 1
src/components/NumberInfo/index.md

@@ -1,8 +1,8 @@
 ---
-type: General
 title: NumberInfo
 subtitle: 数据文本
 cols: 1
+order: 10
 ---
 
 常用在数据卡片中,用于突出展示某个业务数据。

+ 1 - 1
src/components/PageHeader/index.md

@@ -1,8 +1,8 @@
 ---
-type: General
 title: PageHeader
 subtitle: 页头
 cols: 1
+order: 11
 ---
 
 页头用来声明页面的主题,包含了用户所关注的最重要的信息,使用户可以快速理解当前页面是什么以及它的功能。

+ 1 - 1
src/components/Result/index.md

@@ -1,8 +1,8 @@
 ---
-type: General
 title: Result
 subtitle: 处理结果
 cols: 1
+order: 12
 ---
 
 结果页用于对用户进行的一系列任务处理结果进行反馈。

+ 1 - 1
src/components/TagSelect/index.md

@@ -1,8 +1,8 @@
 ---
-type: General
 title: TagSelect
 subtitle: 标签选择器
 cols: 1
+order: 13
 ---
 
 一组标签选择器,带全选/展开/收起功能。

+ 1 - 1
src/components/Trend/index.md

@@ -1,8 +1,8 @@
 ---
-type: General
 title: Trend
 subtitle: 趋势标记
 cols: 1
+order: 14
 ---
 
 趋势符号,标记上升和下降状态。

+ 11 - 9
src/routes/Dashboard/Analysis.js

@@ -228,14 +228,16 @@ export default class Analysis extends Component {
               footer={<Field label="日均销售额" value={`¥${numeral(12423).format('0,0')}`} />}
               contentHeight={46}
             >
-              <span>
-                周同比
-                <Trend flag="up" className={styles.trend}>12%</Trend>
-              </span>
-              <span style={{ marginLeft: 16 }}>
-                日环比
-                <Trend flag="down" className={styles.trend}>11%</Trend>
-              </span>
+              <div style={{ whiteSpace: 'nowrap', overflow: 'hidden' }}>
+                <span>
+                  周同比
+                  <Trend flag="up" className={styles.trend}>12%</Trend>
+                </span>
+                <span style={{ marginLeft: 16 }}>
+                  日环比
+                  <Trend flag="down" className={styles.trend}>11%</Trend>
+                </span>
+              </div>
             </ChartCard>
           </Col>
           <Col {...topColResponsiveProps}>
@@ -276,7 +278,7 @@ export default class Analysis extends Component {
               action={<Tooltip title="指标说明"><Icon type="info-circle-o" /></Tooltip>}
               total="78%"
               footer={
-                <div>
+                <div style={{ whiteSpace: 'nowrap', overflow: 'hidden' }}>
                   <span>
                     周同比
                     <Trend flag="up" className={styles.trend}>12%</Trend>