diff --git a/components/breadcrumb/index.md b/components/breadcrumb/index.md index b1c6cb3c04..bef28ac1e4 100644 --- a/components/breadcrumb/index.md +++ b/components/breadcrumb/index.md @@ -5,22 +5,10 @@ --- -游学远方 习礼知书广人网 +显示当前页面在系统层级结构中的位置，并能向上返回。 -原是女身暗掩装 +## 何时使用 -校有规训令确 不允许巾帼求学 - -淑贤女子属深闺居暗房 - -人在远方 处身书斋感迷茫 - -尤幸与山伯结党 - -夜唱诗昼画作 赏雨看星说文学 - -热情暗生不可自抗 - -怕坦率将心声交代 怕草率泄露祝英台 - -若擦肩强避开 然後视线骤改 不敢笑逐颜开 +- 当系统拥有超过两级以上的层级结构时； +- 当需要告知用户“你在哪里”时； +- 当需要向上导航的功能时。 diff --git a/components/collapse/index.md b/components/collapse/index.md index 9bc44ef2dc..62f17a27c1 100644 --- a/components/collapse/index.md +++ b/components/collapse/index.md @@ -5,22 +5,9 @@ --- -游学远方 习礼知书广人网 +可以折叠/展开的内容区域。 -原是女身暗掩装 +## 何时使用 -校有规训令确 不允许巾帼求学 - -淑贤女子属深闺居暗房 - -人在远方 处身书斋感迷茫 - -尤幸与山伯结党 - -夜唱诗昼画作 赏雨看星说文学 - -热情暗生不可自抗 - -怕坦率将心声交代 怕草率泄露祝英台 - -若擦肩强避开 然後视线骤改 不敢笑逐颜开 +- 对复杂区域进行分组和隐藏，保持页面的整洁。 +- `手风琴` 是一种特殊的折叠面板，只允许单个内容区域展开。 diff --git a/components/inputNumber/index.md b/components/inputNumber/index.md index 81623b648e..0eb9790d89 100644 --- a/components/inputNumber/index.md +++ b/components/inputNumber/index.md @@ -5,22 +5,8 @@ --- -游学远方 习礼知书广人网 +通过鼠标或键盘，输入范围内的数值。 -原是女身暗掩装 +## 何时使用 -校有规训令确 不允许巾帼求学 - -淑贤女子属深闺居暗房 - -人在远方 处身书斋感迷茫 - -尤幸与山伯结党 - -夜唱诗昼画作 赏雨看星说文学 - -热情暗生不可自抗 - -怕坦率将心声交代 怕草率泄露祝英台 - -若擦肩强避开 然後视线骤改 不敢笑逐颜开 +- 当需要获取标准数值时。 diff --git a/components/message/index.md b/components/message/index.md index 020a844227..d97fc43b0c 100644 --- a/components/message/index.md +++ b/components/message/index.md @@ -5,22 +5,9 @@ --- -游学远方 习礼知书广人网 +全局展示操作反馈信息。 -原是女身暗掩装 +## 何时使用 -校有规训令确 不允许巾帼求学 - -淑贤女子属深闺居暗房 - -人在远方 处身书斋感迷茫 - -尤幸与山伯结党 - -夜唱诗昼画作 赏雨看星说文学 - -热情暗生不可自抗 - -怕坦率将心声交代 怕草率泄露祝英台 - -若擦肩强避开 然後视线骤改 不敢笑逐颜开 +- 可提供成功、警告和错误等反馈信息。 +- 顶部居中显示并自动消失，是一种不打断用户操作的轻量级提示方式。 diff --git a/components/pagenation/index.md b/components/pagenation/index.md index 49a043e801..d5da224afb 100644 --- a/components/pagenation/index.md +++ b/components/pagenation/index.md @@ -5,22 +5,9 @@ --- -游学远方 习礼知书广人网 +采用分页的形式分隔长列表，每次只加载一个页面。 -原是女身暗掩装 +## 何时使用 -校有规训令确 不允许巾帼求学 - -淑贤女子属深闺居暗房 - -人在远方 处身书斋感迷茫 - -尤幸与山伯结党 - -夜唱诗昼画作 赏雨看星说文学 - -热情暗生不可自抗 - -怕坦率将心声交代 怕草率泄露祝英台 - -若擦肩强避开 然後视线骤改 不敢笑逐颜开 +- 当加载/渲染所有数据将花费很多时间时； +- 可切换页码浏览数据。 diff --git a/components/slider/index.md b/components/slider/index.md index a873921f54..0385c71f74 100644 --- a/components/slider/index.md +++ b/components/slider/index.md @@ -5,22 +5,8 @@ --- -游学远方 习礼知书广人网 +滑动型输入器，展示当前值和可选范围。 -原是女身暗掩装 +## 何时使用 -校有规训令确 不允许巾帼求学 - -淑贤女子属深闺居暗房 - -人在远方 处身书斋感迷茫 - -尤幸与山伯结党 - -夜唱诗昼画作 赏雨看星说文学 - -热情暗生不可自抗 - -怕坦率将心声交代 怕草率泄露祝英台 - -若擦肩强避开 然後视线骤改 不敢笑逐颜开 +当用户需要在数值区间/自定义区间内进行选择时，输入值可为连续或离散值。 diff --git a/components/steps/demo/custom-icon.md b/components/steps/demo/custom-icon.md index 9bc156a89c..3400201cf7 100644 --- a/components/steps/demo/custom-icon.md +++ b/components/steps/demo/custom-icon.md @@ -6,7 +6,7 @@ --- -````css + ````jsx var Steps = antd.Steps; +var Step = Steps.Step; var container = document.getElementById('components-steps-demo-custom-icon'); var imgIcon =
-React.render( - - }> - - }> - , container); - +React.render( + }> + + }> +, container); ```` diff --git a/components/steps/demo/simple.md b/components/steps/demo/simple.md index e8fbdb19cd..f02df4f735 100644 --- a/components/steps/demo/simple.md +++ b/components/steps/demo/simple.md @@ -2,41 +2,39 @@ - order: 0 -简单的步骤条 +简单的步骤条。 --- ````jsx var Steps = antd.Steps; +var Step = Steps.Step; var container = document.getElementById('components-steps-demo-simple'); var steps = [{ status: 'finish', title: '已完成', - description: '这里是多信息的描述啊描述啊描述啊描述啊哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶' + description: '这里是多信息的描述啊' }, { status: 'process', title: '进行中', - description: '这里是多信息的描述啊描述啊描述啊描述啊哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶' + description: '这里是多信息的耶哦耶哦哦耶哦耶哦耶哦耶哦耶' }, { status: 'wait', title: '待运行', - description: '这里是多信息的描述啊描述啊描述啊描述啊哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶' + description: '这里是多信息的描述啊描述啊描述啊' }, { status: 'wait', title: '待运行', - description: '这里是多信息的描述啊描述啊描述啊描述啊哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶' + description: '这里是多信息的描述啊' }].map(function(s, i) { - return ( - ); - }); + return ( + ); +}); -React.render( - - {steps} - , container); +React.render({steps}, container); ```` diff --git a/components/steps/demo/small-size.md b/components/steps/demo/small-size.md index 33ea9a3bab..b9bbb7d0a3 100644 --- a/components/steps/demo/small-size.md +++ b/components/steps/demo/small-size.md @@ -8,6 +8,7 @@ ````jsx var Steps = antd.Steps; +var Step = Steps.Step; var container = document.getElementById('components-steps-demo-small-size'); var steps = [{ @@ -23,12 +24,11 @@ var steps = [{ status: 'wait', title: '待运行' }].map(function(s, i) { - return ( - - ); + return ( + ); }); React.render({steps}, container); diff --git a/components/steps/index.md b/components/steps/index.md index 67491631de..878a0ea325 100644 --- a/components/steps/index.md +++ b/components/steps/index.md @@ -7,11 +7,11 @@ --- -引导用户按照流程完成任务的导航条 +引导用户按照流程完成任务的导航条。 ## 何时使用 -当任务复杂或者存在先后关系时，需要将其分解成一系列步骤，从而简化任务。 +当任务复杂或者存在先后关系时，将其分解成一系列步骤，从而简化任务。 ## API diff --git a/components/switch/index.md b/components/switch/index.md index c53b74ecb0..9e78b5da82 100644 --- a/components/switch/index.md +++ b/components/switch/index.md @@ -5,22 +5,9 @@ --- -游学远方 习礼知书广人网 +开关选择器。 -原是女身暗掩装 +## 何时使用 -校有规训令确 不允许巾帼求学 - -淑贤女子属深闺居暗房 - -人在远方 处身书斋感迷茫 - -尤幸与山伯结党 - -夜唱诗昼画作 赏雨看星说文学 - -热情暗生不可自抗 - -怕坦率将心声交代 怕草率泄露祝英台 - -若擦肩强避开 然後视线骤改 不敢笑逐颜开 +- 需要表示开关状态/两种状态之间的切换时； +- 和 `checkbox `的区别是，切换 `switch` 会直接触发状态改变，而 `checkbox` 一般用于状态标记，需要和提交操作配合。 diff --git a/components/table/index.md b/components/table/index.md index 175f752027..413a3f311e 100644 --- a/components/table/index.md +++ b/components/table/index.md @@ -1,26 +1,13 @@ # Table - category: Components -- chinese: 数据表格 +- chinese: 表格 --- -游学远方 习礼知书广人网 +展示行列数据。 -原是女身暗掩装 +## 何时使用 -校有规训令确 不允许巾帼求学 - -淑贤女子属深闺居暗房 - -人在远方 处身书斋感迷茫 - -尤幸与山伯结党 - -夜唱诗昼画作 赏雨看星说文学 - -热情暗生不可自抗 - -怕坦率将心声交代 怕草率泄露祝英台 - -若擦肩强避开 然後视线骤改 不敢笑逐颜开 +- 当有大量结构化的数据需要展现时； +- 当需要对数据进行排序、搜索、分页、自定义操作等复杂行为时。 diff --git a/package.json b/package.json index 0b8afba491..ad56447f30 100644 --- a/package.json +++ b/package.json @@ -15,7 +15,7 @@ "gregorian-calendar": "~3.0.0", "gregorian-calendar-format": "~3.0.1", "rc-calendar": "~3.9.0", - "rc-dialog": "~4.3.4", + "rc-dialog": "~4.3.5", "rc-dropdown": "~1.0.2", "rc-menu": "~3.4.0", "rc-progress": "~1.0.0", diff --git a/style/components/dialog/Dialog.less b/style/components/dialog/Dialog.less index 2a7ddeb1b7..cdff472330 100644 --- a/style/components/dialog/Dialog.less +++ b/style/components/dialog/Dialog.less @@ -44,7 +44,35 @@ opacity: .2; text-decoration: none; + &-x { + position: absolute; + display: inline-block; + font-style: normal; + vertical-align: baseline; + text-align: center; + text-transform: none; + text-rendering: auto; + // 更好地渲染字体 + -webkit-font-smoothing: antialiased; + -webkit-text-stroke-width: 0px; + -moz-osx-font-smoothing: grayscale; + width: 12px; + height: 12px; + font-size: 12px; + line-height: 12px; + color:#000; + top:18px; + right: 18px; + + &:before { + content:"\e61e"; + display: block; + font-family: "anticon" !important; + } + } + &:hover { + color:#000; opacity: 1; filter: alpha(opacity=100); text-decoration: none;