+ 组件演示 + +
+
+
+
+
+
+
+
+ Ant Design
+
+
+
+
+
+
+ Ant Design
+
+
+ Ant Design
+
+ var Breadcrumb = require('antd/lib/breadcrumb');
+), document.getElementById('components-breadcrumb-demo-basic'));})()var Breadcrumb = require('antd/lib/breadcrumb');
React.render(
<Breadcrumb>
diff --git a/components/breadcrumb/demo/router.html b/components/breadcrumb/demo/router.html
index b73b51e4a..ca4c1367a 100644
--- a/components/breadcrumb/demo/router.html
+++ b/components/breadcrumb/demo/router.html
@@ -15,13 +15,13 @@ var Apps = React.createClass({
render: function render() {
return React.createElement(
'ul',
- { className: 'app-list' },
+ { className: "app-list" },
React.createElement(
'li',
null,
React.createElement(
Link,
- { to: '/apps/1' },
+ { to: "/apps/1" },
'应用1'
)
),
@@ -30,7 +30,7 @@ var Apps = React.createClass({
null,
React.createElement(
Link,
- { to: '/apps/2' },
+ { to: "/apps/2" },
'应用2'
)
)
@@ -47,15 +47,15 @@ var App = React.createClass({
null,
React.createElement(
'div',
- { className: 'demo-nav' },
+ { className: "demo-nav" },
React.createElement(
Link,
- { to: '/' },
+ { to: "/" },
'首页'
),
React.createElement(
Link,
- { to: '/apps' },
+ { to: "/apps" },
'应用列表'
)
),
@@ -77,11 +77,11 @@ var App = React.createClass({
var routes = React.createElement(
Route,
- { name: '首页', path: '/', handler: App, ignoreScrollBehavior: true },
+ { name: "首页", path: "/", handler: App, ignoreScrollBehavior: true },
React.createElement(
Route,
- { name: '应用列表', path: '/apps', handler: Apps },
- React.createElement(Route, { name: '应用:id', path: '/apps/:id', handler: App })
+ { name: "应用列表", path: "/apps", handler: Apps },
+ React.createElement(Route, { name: "应用:id", path: "/apps/:id", handler: App })
)
);
diff --git a/components/breadcrumb/demo/withicon.html b/components/breadcrumb/demo/withicon.html
index 81fa59c92..07bccc897 100644
--- a/components/breadcrumb/demo/withicon.html
+++ b/components/breadcrumb/demo/withicon.html
@@ -3,7 +3,7 @@
var Breadcrumb = require('antd/lib/breadcrumb');
+), document.getElementById('components-breadcrumb-demo-withicon'));})()var Breadcrumb = require('antd/lib/breadcrumb');
React.render(
<Breadcrumb>
diff --git a/components/breadcrumb/index.html b/components/breadcrumb/index.html
index 9218103c8..65d4d6e94 100644
--- a/components/breadcrumb/index.html
+++ b/components/breadcrumb/index.html
@@ -42,41 +42,41 @@ Breadcrumb 面包屑 - Ant Design
title: 'Layout',
desc: '布局'
});
- ANT_COMPONENTS.push({
- title: 'Iconfont',
- desc: '字体图标'
- });
ANT_COMPONENTS.push({
title: 'Checkbox',
desc: '多选框'
});
ANT_COMPONENTS.push({
- title: 'Radio',
- desc: '单选框'
+ title: 'Iconfont',
+ desc: '字体图标'
});
ANT_COMPONENTS.push({
title: 'Button',
desc: '按钮'
});
ANT_COMPONENTS.push({
- title: 'Switch',
- desc: '开关'
+ title: 'Radio',
+ desc: '单选框'
});
ANT_COMPONENTS.push({
title: 'Form',
desc: '表单'
});
ANT_COMPONENTS.push({
- title: 'Slider',
- desc: '滑动输入条'
+ title: 'Switch',
+ desc: '开关'
+ });
+ ANT_COMPONENTS.push({
+ title: 'InputNumber',
+ desc: '数字输入框'
});
ANT_COMPONENTS.push({
title: 'Motion',
desc: '组件动画'
});
ANT_COMPONENTS.push({
- title: 'InputNumber',
- desc: '数字输入框'
+ title: 'Slider',
+ desc: '滑动输入条'
});
ANT_COMPONENTS.push({
title: 'Datepicker',
@@ -102,10 +102,42 @@ Breadcrumb 面包屑 - Ant Design
title: 'Collapse',
desc: '折叠面板'
});
+ ANT_COMPONENTS.push({
+ title: 'Alert',
+ desc: '通知栏'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Notification',
+ desc: '系统通知框'
+ });
ANT_COMPONENTS.push({
title: 'Pagination',
desc: '分页'
});
+ ANT_COMPONENTS.push({
+ title: 'Tree',
+ desc: '树形控件'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Carousel',
+ desc: '走马灯'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Menu',
+ desc: '导航菜单'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Tag',
+ desc: '标签'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Affix',
+ desc: '固定'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Upload',
+ desc: '文件上传'
+ });
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
@@ -240,6 +272,12 @@ Breadcrumb 面包屑 - Ant Design
组件动画
+
+
+ Alert
+ 通知栏
+
+
@@ -275,18 +313,18 @@ Breadcrumb 面包屑 - Ant Design
数字输入框
-
-
- Datepicker
- 日期选择框
-
-
Select
选择器
+
+
+ Datepicker
+ 日期选择框
+
+
Tabs
@@ -311,12 +349,54 @@ Breadcrumb 面包屑 - Ant Design
折叠面板
+
+
+ Affix
+ 固定
+
+
Pagination
分页
+
+
+ Tree
+ 树形控件
+
+
+
+
+ Carousel
+ 走马灯
+
+
+
+
+ Menu
+ 导航菜单
+
+
+
+
+ Tag
+ 标签
+
+
+
+
+ Upload
+ 文件上传
+
+
+
+
+ Notification
+ 系统通知框
+
+
Modal
@@ -392,7 +472,7 @@ Breadcrumb 面包屑 - Ant Design
var Breadcrumb = require('antd/lib/breadcrumb');
+), document.getElementById('components-breadcrumb-demo-basic'));})()var Breadcrumb = require('antd/lib/breadcrumb');
React.render(
<Breadcrumb>
@@ -450,13 +530,13 @@ var Apps = React.createClass({
render: function render() {
return React.createElement(
'ul',
- { className: 'app-list' },
+ { className: "app-list" },
React.createElement(
'li',
null,
React.createElement(
Link,
- { to: '/apps/1' },
+ { to: "/apps/1" },
'应用1'
)
),
@@ -465,7 +545,7 @@ var Apps = React.createClass({
null,
React.createElement(
Link,
- { to: '/apps/2' },
+ { to: "/apps/2" },
'应用2'
)
)
@@ -482,15 +562,15 @@ var App = React.createClass({
null,
React.createElement(
'div',
- { className: 'demo-nav' },
+ { className: "demo-nav" },
React.createElement(
Link,
- { to: '/' },
+ { to: "/" },
'首页'
),
React.createElement(
Link,
- { to: '/apps' },
+ { to: "/apps" },
'应用列表'
)
),
@@ -512,11 +592,11 @@ var App = React.createClass({
var routes = React.createElement(
Route,
- { name: '首页', path: '/', handler: App, ignoreScrollBehavior: true },
+ { name: "首页", path: "/", handler: App, ignoreScrollBehavior: true },
React.createElement(
Route,
- { name: '应用列表', path: '/apps', handler: Apps },
- React.createElement(Route, { name: '应用:id', path: '/apps/:id', handler: App })
+ { name: "应用列表", path: "/apps", handler: Apps },
+ React.createElement(Route, { name: "应用:id", path: "/apps/:id", handler: App })
)
);
@@ -595,7 +675,7 @@ Router.run(routes, Router.HashLocation, (Root) => {
var Breadcrumb = require('antd/lib/breadcrumb');
+), document.getElementById('components-breadcrumb-demo-withicon'));})()var Breadcrumb = require('antd/lib/breadcrumb');
React.render(
<Breadcrumb>
diff --git a/components/button/index.html b/components/button/index.html
index 6e20681e1..f5b3bef6f 100644
--- a/components/button/index.html
+++ b/components/button/index.html
@@ -42,41 +42,41 @@ Button 按钮 - Ant Design
title: 'Layout',
desc: '布局'
});
- ANT_COMPONENTS.push({
- title: 'Iconfont',
- desc: '字体图标'
- });
ANT_COMPONENTS.push({
title: 'Checkbox',
desc: '多选框'
});
ANT_COMPONENTS.push({
- title: 'Radio',
- desc: '单选框'
+ title: 'Iconfont',
+ desc: '字体图标'
});
ANT_COMPONENTS.push({
title: 'Button',
desc: '按钮'
});
ANT_COMPONENTS.push({
- title: 'Switch',
- desc: '开关'
+ title: 'Radio',
+ desc: '单选框'
});
ANT_COMPONENTS.push({
title: 'Form',
desc: '表单'
});
ANT_COMPONENTS.push({
- title: 'Slider',
- desc: '滑动输入条'
+ title: 'Switch',
+ desc: '开关'
+ });
+ ANT_COMPONENTS.push({
+ title: 'InputNumber',
+ desc: '数字输入框'
});
ANT_COMPONENTS.push({
title: 'Motion',
desc: '组件动画'
});
ANT_COMPONENTS.push({
- title: 'InputNumber',
- desc: '数字输入框'
+ title: 'Slider',
+ desc: '滑动输入条'
});
ANT_COMPONENTS.push({
title: 'Datepicker',
@@ -102,10 +102,42 @@ Button 按钮 - Ant Design
title: 'Collapse',
desc: '折叠面板'
});
+ ANT_COMPONENTS.push({
+ title: 'Alert',
+ desc: '通知栏'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Notification',
+ desc: '系统通知框'
+ });
ANT_COMPONENTS.push({
title: 'Pagination',
desc: '分页'
});
+ ANT_COMPONENTS.push({
+ title: 'Tree',
+ desc: '树形控件'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Carousel',
+ desc: '走马灯'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Menu',
+ desc: '导航菜单'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Tag',
+ desc: '标签'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Affix',
+ desc: '固定'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Upload',
+ desc: '文件上传'
+ });
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
@@ -240,6 +272,12 @@ Button 按钮 - Ant Design
组件动画
+
+
+ Alert
+ 通知栏
+
+
@@ -275,18 +313,18 @@ Button 按钮 - Ant Design
数字输入框
-
-
- Datepicker
- 日期选择框
-
-
Select
选择器
+
+
+ Datepicker
+ 日期选择框
+
+
Tabs
@@ -311,12 +349,54 @@ Button 按钮 - Ant Design
折叠面板
+
+
+ Affix
+ 固定
+
+
Pagination
分页
+
+
+ Tree
+ 树形控件
+
+
+
+
+ Carousel
+ 走马灯
+
+
+
+
+ Menu
+ 导航菜单
+
+
+
+
+ Tag
+ 标签
+
+
+
+
+ Upload
+ 文件上传
+
+
+
+
+ Notification
+ 系统通知框
+
+
Modal
diff --git a/components/carousel/index.html b/components/carousel/index.html
new file mode 100644
index 000000000..0bebe2961
--- /dev/null
+++ b/components/carousel/index.html
@@ -0,0 +1,493 @@
+
+
+
+
+
+
+
+
+
+
+Carousel 走马灯 - Ant Design
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Ant Design
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Carousel 走马灯
+
+
+
+ 组件演示
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/components/checkbox/demo/controller.html b/components/checkbox/demo/controller.html
index a2fd3cfab..d5db08970 100644
--- a/components/checkbox/demo/controller.html
+++ b/components/checkbox/demo/controller.html
@@ -37,16 +37,16 @@ var App = React.createClass({
null,
React.createElement(
'button',
- { className: 'ant-btn ant-btn-primary ant-btn-sm',
+ { className: "ant-btn ant-btn-primary ant-btn-sm",
onClick: this.toggleChecked },
- !this.state.checked ? '选中' : '取消'
+ !this.state.checked ? "选中" : "取消"
),
React.createElement(
'button',
{ style: { 'marginLeft': '10px' },
- className: 'ant-btn ant-btn-primary ant-btn-sm',
+ className: "ant-btn ant-btn-primary ant-btn-sm",
onClick: this.toggleDisable },
- !this.state.disabled ? '不可用' : '可用'
+ !this.state.disabled ? "不可用" : "可用"
)
)
);
diff --git a/components/checkbox/index.html b/components/checkbox/index.html
index ee30a7aa9..8ec2a5e6f 100644
--- a/components/checkbox/index.html
+++ b/components/checkbox/index.html
@@ -42,41 +42,41 @@ Checkbox 多选框 - Ant Design
title: 'Layout',
desc: '布局'
});
- ANT_COMPONENTS.push({
- title: 'Iconfont',
- desc: '字体图标'
- });
ANT_COMPONENTS.push({
title: 'Checkbox',
desc: '多选框'
});
ANT_COMPONENTS.push({
- title: 'Radio',
- desc: '单选框'
+ title: 'Iconfont',
+ desc: '字体图标'
});
ANT_COMPONENTS.push({
title: 'Button',
desc: '按钮'
});
ANT_COMPONENTS.push({
- title: 'Switch',
- desc: '开关'
+ title: 'Radio',
+ desc: '单选框'
});
ANT_COMPONENTS.push({
title: 'Form',
desc: '表单'
});
ANT_COMPONENTS.push({
- title: 'Slider',
- desc: '滑动输入条'
+ title: 'Switch',
+ desc: '开关'
+ });
+ ANT_COMPONENTS.push({
+ title: 'InputNumber',
+ desc: '数字输入框'
});
ANT_COMPONENTS.push({
title: 'Motion',
desc: '组件动画'
});
ANT_COMPONENTS.push({
- title: 'InputNumber',
- desc: '数字输入框'
+ title: 'Slider',
+ desc: '滑动输入条'
});
ANT_COMPONENTS.push({
title: 'Datepicker',
@@ -102,10 +102,42 @@ Checkbox 多选框 - Ant Design
title: 'Collapse',
desc: '折叠面板'
});
+ ANT_COMPONENTS.push({
+ title: 'Alert',
+ desc: '通知栏'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Notification',
+ desc: '系统通知框'
+ });
ANT_COMPONENTS.push({
title: 'Pagination',
desc: '分页'
});
+ ANT_COMPONENTS.push({
+ title: 'Tree',
+ desc: '树形控件'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Carousel',
+ desc: '走马灯'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Menu',
+ desc: '导航菜单'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Tag',
+ desc: '标签'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Affix',
+ desc: '固定'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Upload',
+ desc: '文件上传'
+ });
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
@@ -240,6 +272,12 @@ Checkbox 多选框 - Ant Design
组件动画
+
+
+ Alert
+ 通知栏
+
+
@@ -275,18 +313,18 @@ Checkbox 多选框 - Ant Design
数字输入框
-
-
- Datepicker
- 日期选择框
-
-
Select
选择器
+
+
+ Datepicker
+ 日期选择框
+
+
Tabs
@@ -311,12 +349,54 @@ Checkbox 多选框 - Ant Design
折叠面板
+
+
+ Affix
+ 固定
+
+
Pagination
分页
+
+
+ Tree
+ 树形控件
+
+
+
+
+ Carousel
+ 走马灯
+
+
+
+
+ Menu
+ 导航菜单
+
+
+
+
+ Tag
+ 标签
+
+
+
+
+ Upload
+ 文件上传
+
+
+
+
+ Notification
+ 系统通知框
+
+
Modal
@@ -491,16 +571,16 @@ var App = React.createClass({
null,
React.createElement(
'button',
- { className: 'ant-btn ant-btn-primary ant-btn-sm',
+ { className: "ant-btn ant-btn-primary ant-btn-sm",
onClick: this.toggleChecked },
- !this.state.checked ? '选中' : '取消'
+ !this.state.checked ? "选中" : "取消"
),
React.createElement(
'button',
{ style: { 'marginLeft': '10px' },
- className: 'ant-btn ant-btn-primary ant-btn-sm',
+ className: "ant-btn ant-btn-primary ant-btn-sm",
onClick: this.toggleDisable },
- !this.state.disabled ? '不可用' : '可用'
+ !this.state.disabled ? "不可用" : "可用"
)
)
);
diff --git a/components/collapse/demo/accordion.html b/components/collapse/demo/accordion.html
index 2f1dfbbb4..a66be94c4 100644
--- a/components/collapse/demo/accordion.html
+++ b/components/collapse/demo/accordion.html
@@ -38,7 +38,7 @@ React.render(React.createElement(
text
)
)
-), document.getElementById("components-collapse-demo-accordion"));})()var Collapse = antd.Collapse;
+), document.getElementById('components-collapse-demo-accordion'));})()var Collapse = antd.Collapse;
var Panel = Collapse.Panel;
var text = `
diff --git a/components/collapse/demo/basic.html b/components/collapse/demo/basic.html
index 82fa86368..a4e4f434b 100644
--- a/components/collapse/demo/basic.html
+++ b/components/collapse/demo/basic.html
@@ -42,7 +42,7 @@ React.render(React.createElement(
text
)
)
-), document.getElementById("components-collapse-demo-basic"));})()var Collapse = antd.Collapse;
+), document.getElementById('components-collapse-demo-basic'));})()var Collapse = antd.Collapse;
var Panel = Collapse.Panel;
function callback(key) {
diff --git a/components/collapse/demo/mix.html b/components/collapse/demo/mix.html
index 822451dc3..c5c5e3e2b 100644
--- a/components/collapse/demo/mix.html
+++ b/components/collapse/demo/mix.html
@@ -50,7 +50,7 @@ React.render(React.createElement(
text
)
)
-), document.getElementById("components-collapse-demo-mix"));})()var Collapse = antd.Collapse;
+), document.getElementById('components-collapse-demo-mix'));})()var Collapse = antd.Collapse;
var Panel = Collapse.Panel;
function callback(key) {
diff --git a/components/collapse/index.html b/components/collapse/index.html
index 2b48087e8..0f627ad57 100644
--- a/components/collapse/index.html
+++ b/components/collapse/index.html
@@ -42,41 +42,41 @@ Collapse 折叠面板 - Ant Design
title: 'Layout',
desc: '布局'
});
- ANT_COMPONENTS.push({
- title: 'Iconfont',
- desc: '字体图标'
- });
ANT_COMPONENTS.push({
title: 'Checkbox',
desc: '多选框'
});
ANT_COMPONENTS.push({
- title: 'Radio',
- desc: '单选框'
+ title: 'Iconfont',
+ desc: '字体图标'
});
ANT_COMPONENTS.push({
title: 'Button',
desc: '按钮'
});
ANT_COMPONENTS.push({
- title: 'Switch',
- desc: '开关'
+ title: 'Radio',
+ desc: '单选框'
});
ANT_COMPONENTS.push({
title: 'Form',
desc: '表单'
});
ANT_COMPONENTS.push({
- title: 'Slider',
- desc: '滑动输入条'
+ title: 'Switch',
+ desc: '开关'
+ });
+ ANT_COMPONENTS.push({
+ title: 'InputNumber',
+ desc: '数字输入框'
});
ANT_COMPONENTS.push({
title: 'Motion',
desc: '组件动画'
});
ANT_COMPONENTS.push({
- title: 'InputNumber',
- desc: '数字输入框'
+ title: 'Slider',
+ desc: '滑动输入条'
});
ANT_COMPONENTS.push({
title: 'Datepicker',
@@ -102,10 +102,42 @@ Collapse 折叠面板 - Ant Design
title: 'Collapse',
desc: '折叠面板'
});
+ ANT_COMPONENTS.push({
+ title: 'Alert',
+ desc: '通知栏'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Notification',
+ desc: '系统通知框'
+ });
ANT_COMPONENTS.push({
title: 'Pagination',
desc: '分页'
});
+ ANT_COMPONENTS.push({
+ title: 'Tree',
+ desc: '树形控件'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Carousel',
+ desc: '走马灯'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Menu',
+ desc: '导航菜单'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Tag',
+ desc: '标签'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Affix',
+ desc: '固定'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Upload',
+ desc: '文件上传'
+ });
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
@@ -240,6 +272,12 @@ Collapse 折叠面板 - Ant Design
组件动画
+
+
+ Alert
+ 通知栏
+
+
@@ -275,18 +313,18 @@ Collapse 折叠面板 - Ant Design
数字输入框
-
-
- Datepicker
- 日期选择框
-
-
Select
选择器
+
+
+ Datepicker
+ 日期选择框
+
+
Tabs
@@ -311,12 +349,54 @@ Collapse 折叠面板 - Ant Design
折叠面板
+
+
+ Affix
+ 固定
+
+
Pagination
分页
+
+
+ Tree
+ 树形控件
+
+
+
+
+ Carousel
+ 走马灯
+
+
+
+
+ Menu
+ 导航菜单
+
+
+
+
+ Tag
+ 标签
+
+
+
+
+ Upload
+ 文件上传
+
+
+
+
+ Notification
+ 系统通知框
+
+
Modal
@@ -484,7 +564,7 @@ React.render(React.createElement(
text
)
)
-), document.getElementById("components-collapse-demo-basic"));})()var Collapse = antd.Collapse;
+), document.getElementById('components-collapse-demo-basic'));})()var Collapse = antd.Collapse;
var Panel = Collapse.Panel;
function callback(key) {
@@ -568,7 +648,7 @@ React.render(React.createElement(
text
)
)
-), document.getElementById("components-collapse-demo-mix"));})()var Collapse = antd.Collapse;
+), document.getElementById('components-collapse-demo-mix'));})()var Collapse = antd.Collapse;
var Panel = Collapse.Panel;
function callback(key) {
@@ -646,7 +726,7 @@ React.render(React.createElement(
text
)
)
-), document.getElementById("components-collapse-demo-accordion"));})()var Collapse = antd.Collapse;
+), document.getElementById('components-collapse-demo-accordion'));})()var Collapse = antd.Collapse;
var Panel = Collapse.Panel;
var text = `
diff --git a/components/datepicker/demo/basic.html b/components/datepicker/demo/basic.html
index c0623ce58..567428d25 100644
--- a/components/datepicker/demo/basic.html
+++ b/components/datepicker/demo/basic.html
@@ -6,7 +6,7 @@
var Datepicker = antd.Datepicker;
-React.render(React.createElement(Datepicker, { value: "" }), document.getElementById("components-datepicker-demo-basic"));})()// or require('antd/lib/datepicker');
+React.render(React.createElement(Datepicker, { value: "" }), document.getElementById('components-datepicker-demo-basic'));})()// or require('antd/lib/datepicker');
var Datepicker = antd.Datepicker;
React.render(
diff --git a/components/datepicker/demo/disabled.html b/components/datepicker/demo/disabled.html
index 43fedeecd..cd5895033 100644
--- a/components/datepicker/demo/disabled.html
+++ b/components/datepicker/demo/disabled.html
@@ -5,7 +5,7 @@
var Datepicker = antd.Datepicker;
-React.render(React.createElement(Datepicker, { value: "2015-06-06", disabled: true }), document.getElementById("components-datepicker-demo-disabled"));})()var Datepicker = antd.Datepicker;
+React.render(React.createElement(Datepicker, { value: "2015-06-06", disabled: true }), document.getElementById('components-datepicker-demo-disabled'));})()var Datepicker = antd.Datepicker;
React.render(
<Datepicker value="2015-06-06" disabled={true} />
diff --git a/components/datepicker/demo/formatter.html b/components/datepicker/demo/formatter.html
index 142af1014..7db8fcdc3 100644
--- a/components/datepicker/demo/formatter.html
+++ b/components/datepicker/demo/formatter.html
@@ -5,7 +5,7 @@
var Datepicker = antd.Datepicker;
-React.render(React.createElement(Datepicker, { value: "2015/01/01", format: "yyyy/MM/dd" }), document.getElementById("components-datepicker-demo-formatter"));})()var Datepicker = antd.Datepicker;
+React.render(React.createElement(Datepicker, { value: "2015/01/01", format: "yyyy/MM/dd" }), document.getElementById('components-datepicker-demo-formatter'));})()var Datepicker = antd.Datepicker;
React.render(
<Datepicker value="2015/01/01" format="yyyy/MM/dd" />
diff --git a/components/datepicker/demo/time.html b/components/datepicker/demo/time.html
index 4dfd27268..f5521cc0d 100644
--- a/components/datepicker/demo/time.html
+++ b/components/datepicker/demo/time.html
@@ -5,7 +5,7 @@
var Datepicker = antd.Datepicker;
-React.render(React.createElement(Datepicker, { showTime: true, format: "yyyy-MM-dd HH:mm:ss" }), document.getElementById("components-datepicker-demo-time"));})()var Datepicker = antd.Datepicker;
+React.render(React.createElement(Datepicker, { showTime: true, format: "yyyy-MM-dd HH:mm:ss" }), document.getElementById('components-datepicker-demo-time'));})()var Datepicker = antd.Datepicker;
React.render(
<Datepicker showTime={true} format="yyyy-MM-dd HH:mm:ss" />
diff --git a/components/datepicker/index.html b/components/datepicker/index.html
index fe9ea6b03..3b5a7ae73 100644
--- a/components/datepicker/index.html
+++ b/components/datepicker/index.html
@@ -42,41 +42,41 @@ Datepicker 日期选择框 - Ant Design
title: 'Layout',
desc: '布局'
});
- ANT_COMPONENTS.push({
- title: 'Iconfont',
- desc: '字体图标'
- });
ANT_COMPONENTS.push({
title: 'Checkbox',
desc: '多选框'
});
ANT_COMPONENTS.push({
- title: 'Radio',
- desc: '单选框'
+ title: 'Iconfont',
+ desc: '字体图标'
});
ANT_COMPONENTS.push({
title: 'Button',
desc: '按钮'
});
ANT_COMPONENTS.push({
- title: 'Switch',
- desc: '开关'
+ title: 'Radio',
+ desc: '单选框'
});
ANT_COMPONENTS.push({
title: 'Form',
desc: '表单'
});
ANT_COMPONENTS.push({
- title: 'Slider',
- desc: '滑动输入条'
+ title: 'Switch',
+ desc: '开关'
+ });
+ ANT_COMPONENTS.push({
+ title: 'InputNumber',
+ desc: '数字输入框'
});
ANT_COMPONENTS.push({
title: 'Motion',
desc: '组件动画'
});
ANT_COMPONENTS.push({
- title: 'InputNumber',
- desc: '数字输入框'
+ title: 'Slider',
+ desc: '滑动输入条'
});
ANT_COMPONENTS.push({
title: 'Datepicker',
@@ -102,10 +102,42 @@ Datepicker 日期选择框 - Ant Design
title: 'Collapse',
desc: '折叠面板'
});
+ ANT_COMPONENTS.push({
+ title: 'Alert',
+ desc: '通知栏'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Notification',
+ desc: '系统通知框'
+ });
ANT_COMPONENTS.push({
title: 'Pagination',
desc: '分页'
});
+ ANT_COMPONENTS.push({
+ title: 'Tree',
+ desc: '树形控件'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Carousel',
+ desc: '走马灯'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Menu',
+ desc: '导航菜单'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Tag',
+ desc: '标签'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Affix',
+ desc: '固定'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Upload',
+ desc: '文件上传'
+ });
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
@@ -240,6 +272,12 @@ Datepicker 日期选择框 - Ant Design
组件动画
+
+
+ Alert
+ 通知栏
+
+
@@ -275,18 +313,18 @@ Datepicker 日期选择框 - Ant Design
数字输入框
-
-
- Datepicker
- 日期选择框
-
-
Select
选择器
+
+
+ Datepicker
+ 日期选择框
+
+
Tabs
@@ -311,12 +349,54 @@ Datepicker 日期选择框 - Ant Design
折叠面板
+
+
+ Affix
+ 固定
+
+
Pagination
分页
+
+
+ Tree
+ 树形控件
+
+
+
+
+ Carousel
+ 走马灯
+
+
+
+
+ Menu
+ 导航菜单
+
+
+
+
+ Tag
+ 标签
+
+
+
+
+ Upload
+ 文件上传
+
+
+
+
+ Notification
+ 系统通知框
+
+
Modal
@@ -444,7 +524,7 @@ Datepicker 日期选择框 - Ant Design
var Datepicker = antd.Datepicker;
-React.render(React.createElement(Datepicker, { value: "" }), document.getElementById("components-datepicker-demo-basic"));})()// or require('antd/lib/datepicker');
+React.render(React.createElement(Datepicker, { value: "" }), document.getElementById('components-datepicker-demo-basic'));})()// or require('antd/lib/datepicker');
var Datepicker = antd.Datepicker;
React.render(
@@ -501,7 +581,7 @@ React.render(
var Datepicker = antd.Datepicker;
-React.render(React.createElement(Datepicker, { showTime: true, format: "yyyy-MM-dd HH:mm:ss" }), document.getElementById("components-datepicker-demo-time"));})()var Datepicker = antd.Datepicker;
+React.render(React.createElement(Datepicker, { showTime: true, format: "yyyy-MM-dd HH:mm:ss" }), document.getElementById('components-datepicker-demo-time'));})()var Datepicker = antd.Datepicker;
React.render(
<Datepicker showTime={true} format="yyyy-MM-dd HH:mm:ss" />
@@ -521,7 +601,7 @@ React.render(
var Datepicker = antd.Datepicker;
-React.render(React.createElement(Datepicker, { value: "2015/01/01", format: "yyyy/MM/dd" }), document.getElementById("components-datepicker-demo-formatter"));})()var Datepicker = antd.Datepicker;
+React.render(React.createElement(Datepicker, { value: "2015/01/01", format: "yyyy/MM/dd" }), document.getElementById('components-datepicker-demo-formatter'));})()var Datepicker = antd.Datepicker;
React.render(
<Datepicker value="2015/01/01" format="yyyy/MM/dd" />
@@ -566,7 +646,7 @@ React.render(
var Datepicker = antd.Datepicker;
-React.render(React.createElement(Datepicker, { value: "2015-06-06", disabled: true }), document.getElementById("components-datepicker-demo-disabled"));})()var Datepicker = antd.Datepicker;
+React.render(React.createElement(Datepicker, { value: "2015-06-06", disabled: true }), document.getElementById('components-datepicker-demo-disabled'));})()var Datepicker = antd.Datepicker;
React.render(
<Datepicker value="2015-06-06" disabled={true} />
diff --git a/components/dropdown/demo/basic.html b/components/dropdown/demo/basic.html
index 0df6cdb2d..292982a04 100644
--- a/components/dropdown/demo/basic.html
+++ b/components/dropdown/demo/basic.html
@@ -47,7 +47,7 @@ React.render(React.createElement(
"某按钮 ",
React.createElement("i", { className: "anticon anticon-down" })
)
-), document.getElementById("components-dropdown-demo-basic"));})()var Menu = antd.Menu;
+), document.getElementById('components-dropdown-demo-basic'));})()var Menu = antd.Menu;
var Dropdown = antd.Dropdown;
var menu = <Menu>
diff --git a/components/dropdown/demo/event.html b/components/dropdown/demo/event.html
index 845f8e399..4c2168a76 100644
--- a/components/dropdown/demo/event.html
+++ b/components/dropdown/demo/event.html
@@ -6,7 +6,7 @@
var Menu = antd.Menu;
var Dropdown = antd.Dropdown;
var onClick = function onClick(key) {
- alert("选中了菜单" + key);
+ alert('选中了菜单' + key);
};
var menu = React.createElement(
@@ -38,7 +38,7 @@ React.render(React.createElement(
"鼠标移入，点击菜单 ",
React.createElement("i", { className: "anticon anticon-down" })
)
-), document.getElementById("components-dropdown-demo-event"));})()var Menu = antd.Menu;
+), document.getElementById('components-dropdown-demo-event'));})()var Menu = antd.Menu;
var Dropdown = antd.Dropdown;
var onClick = function (key){
alert('选中了菜单' + key);
diff --git a/components/dropdown/demo/item.html b/components/dropdown/demo/item.html
index 5c7d014ce..6b09e402e 100644
--- a/components/dropdown/demo/item.html
+++ b/components/dropdown/demo/item.html
@@ -44,7 +44,7 @@ React.render(React.createElement(
"鼠标移入 ",
React.createElement("i", { className: "anticon anticon-down" })
)
-), document.getElementById("components-dropdown-demo-item"));})()var Menu = antd.Menu;
+), document.getElementById('components-dropdown-demo-item'));})()var Menu = antd.Menu;
var Dropdown = antd.Dropdown;
var menu = <Menu>
diff --git a/components/dropdown/demo/trigger.html b/components/dropdown/demo/trigger.html
index e429c2c1b..eba9a6fc5 100644
--- a/components/dropdown/demo/trigger.html
+++ b/components/dropdown/demo/trigger.html
@@ -58,7 +58,7 @@ React.render(React.createElement(
React.createElement("i", { className: "anticon anticon-down" })
)
)
-), document.getElementById("components-dropdown-demo-trigger"));})()var Menu = antd.Menu;
+), document.getElementById('components-dropdown-demo-trigger'));})()var Menu = antd.Menu;
var Dropdown = antd.Dropdown;
var menu = <Menu>
diff --git a/components/dropdown/index.html b/components/dropdown/index.html
index 9ae933ae4..982206ced 100644
--- a/components/dropdown/index.html
+++ b/components/dropdown/index.html
@@ -42,41 +42,41 @@ Dropdown 下拉菜单 - Ant Design
title: 'Layout',
desc: '布局'
});
- ANT_COMPONENTS.push({
- title: 'Iconfont',
- desc: '字体图标'
- });
ANT_COMPONENTS.push({
title: 'Checkbox',
desc: '多选框'
});
ANT_COMPONENTS.push({
- title: 'Radio',
- desc: '单选框'
+ title: 'Iconfont',
+ desc: '字体图标'
});
ANT_COMPONENTS.push({
title: 'Button',
desc: '按钮'
});
ANT_COMPONENTS.push({
- title: 'Switch',
- desc: '开关'
+ title: 'Radio',
+ desc: '单选框'
});
ANT_COMPONENTS.push({
title: 'Form',
desc: '表单'
});
ANT_COMPONENTS.push({
- title: 'Slider',
- desc: '滑动输入条'
+ title: 'Switch',
+ desc: '开关'
+ });
+ ANT_COMPONENTS.push({
+ title: 'InputNumber',
+ desc: '数字输入框'
});
ANT_COMPONENTS.push({
title: 'Motion',
desc: '组件动画'
});
ANT_COMPONENTS.push({
- title: 'InputNumber',
- desc: '数字输入框'
+ title: 'Slider',
+ desc: '滑动输入条'
});
ANT_COMPONENTS.push({
title: 'Datepicker',
@@ -102,10 +102,42 @@ Dropdown 下拉菜单 - Ant Design
title: 'Collapse',
desc: '折叠面板'
});
+ ANT_COMPONENTS.push({
+ title: 'Alert',
+ desc: '通知栏'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Notification',
+ desc: '系统通知框'
+ });
ANT_COMPONENTS.push({
title: 'Pagination',
desc: '分页'
});
+ ANT_COMPONENTS.push({
+ title: 'Tree',
+ desc: '树形控件'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Carousel',
+ desc: '走马灯'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Menu',
+ desc: '导航菜单'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Tag',
+ desc: '标签'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Affix',
+ desc: '固定'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Upload',
+ desc: '文件上传'
+ });
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
@@ -240,6 +272,12 @@ Dropdown 下拉菜单 - Ant Design
组件动画
+
+
+ Alert
+ 通知栏
+
+
@@ -275,18 +313,18 @@ Dropdown 下拉菜单 - Ant Design
数字输入框
-
-
- Datepicker
- 日期选择框
-
-
Select
选择器
+
+
+ Datepicker
+ 日期选择框
+
+
Tabs
@@ -311,12 +349,54 @@ Dropdown 下拉菜单 - Ant Design
折叠面板
+
+
+ Affix
+ 固定
+
+
Pagination
分页
+
+
+ Tree
+ 树形控件
+
+
+
+
+ Carousel
+ 走马灯
+
+
+
+
+ Menu
+ 导航菜单
+
+
+
+
+ Tag
+ 标签
+
+
+
+
+ Upload
+ 文件上传
+
+
+
+
+ Notification
+ 系统通知框
+
+
Modal
@@ -461,7 +541,7 @@ React.render(React.createElement(
"某按钮 ",
React.createElement("i", { className: "anticon anticon-down" })
)
-), document.getElementById("components-dropdown-demo-basic"));})()var Menu = antd.Menu;
+), document.getElementById('components-dropdown-demo-basic'));})()var Menu = antd.Menu;
var Dropdown = antd.Dropdown;
var menu = <Menu>
@@ -554,7 +634,7 @@ React.render(React.createElement(
React.createElement("i", { className: "anticon anticon-down" })
)
)
-), document.getElementById("components-dropdown-demo-trigger"));})()var Menu = antd.Menu;
+), document.getElementById('components-dropdown-demo-trigger'));})()var Menu = antd.Menu;
var Dropdown = antd.Dropdown;
var menu = <Menu>
@@ -634,7 +714,7 @@ React.render(React.createElement(
"鼠标移入 ",
React.createElement("i", { className: "anticon anticon-down" })
)
-), document.getElementById("components-dropdown-demo-item"));})()var Menu = antd.Menu;
+), document.getElementById('components-dropdown-demo-item'));})()var Menu = antd.Menu;
var Dropdown = antd.Dropdown;
var menu = <Menu>
@@ -669,7 +749,7 @@ React.render(
var Menu = antd.Menu;
var Dropdown = antd.Dropdown;
var onClick = function onClick(key) {
- alert("选中了菜单" + key);
+ alert('选中了菜单' + key);
};
var menu = React.createElement(
@@ -701,7 +781,7 @@ React.render(React.createElement(
"鼠标移入，点击菜单 ",
React.createElement("i", { className: "anticon anticon-down" })
)
-), document.getElementById("components-dropdown-demo-event"));})()var Menu = antd.Menu;
+), document.getElementById('components-dropdown-demo-event'));})()var Menu = antd.Menu;
var Dropdown = antd.Dropdown;
var onClick = function (key){
alert('选中了菜单' + key);
diff --git a/components/form/demo/form-controls.html b/components/form/demo/form-controls.html
index a6ba36970..3e4c5b841 100644
--- a/components/form/demo/form-controls.html
+++ b/components/form/demo/form-controls.html
@@ -10,7 +10,7 @@ var Radio = antd.Radio;
var RadioGroup = antd.RadioGroup;
function handleSelectChange(value) {
- console.log("selected " + value);
+ console.log('selected ' + value);
}
React.render(React.createElement(
@@ -199,7 +199,7 @@ React.render(React.createElement(
)
)
)
-), document.getElementById("components-form-demo-form-controls"));})()var Select = antd.Select;
+), document.getElementById('components-form-demo-form-controls'));})()var Select = antd.Select;
var Option = Select.Option;
var Checkbox = antd.Checkbox;
var Radio = antd.Radio;
@@ -265,7 +265,7 @@ React.render(
<div className="ant-form-item ant-form-item-compact">
<label className="col-6">ant-radio：</label>
<div className="col-18">
- <RadioGroup value={"b"}>
+ <RadioGroup value="b">
<Radio value="a">A</Radio>
<Radio value="b">B</Radio>
<Radio value="c">C</Radio>
diff --git a/components/form/demo/horizontal-form.html b/components/form/demo/horizontal-form.html
index 8248eb325..16c0d3734 100644
--- a/components/form/demo/horizontal-form.html
+++ b/components/form/demo/horizontal-form.html
@@ -111,7 +111,7 @@ React.render(React.createElement(
React.createElement("input", { type: "submit", className: "ant-btn ant-btn-primary", value: "确 定" })
)
)
-), document.getElementById("components-form-demo-horizontal-form"));})()var Checkbox = antd.Checkbox;
+), document.getElementById('components-form-demo-horizontal-form'));})()var Checkbox = antd.Checkbox;
var Radio = antd.Radio;
var RadioGroup = antd.RadioGroup;
diff --git a/components/form/demo/inline-form.html b/components/form/demo/inline-form.html
index 074ff389a..699264585 100644
--- a/components/form/demo/inline-form.html
+++ b/components/form/demo/inline-form.html
@@ -39,7 +39,7 @@ React.render(React.createElement(
)
),
React.createElement("input", { type: "submit", className: "ant-btn ant-btn-primary", value: "登 录" })
-), document.getElementById("components-form-demo-inline-form"));})()var Checkbox = antd.Checkbox;
+), document.getElementById('components-form-demo-inline-form'));})()var Checkbox = antd.Checkbox;
React.render(
<form className="ant-form-inline">
diff --git a/components/form/demo/inputs.html b/components/form/demo/inputs.html
index e727aae90..5f53b66d9 100644
--- a/components/form/demo/inputs.html
+++ b/components/form/demo/inputs.html
@@ -202,7 +202,7 @@ React.render(React.createElement(
)
)
)
-), document.getElementById("components-form-demo-inputs"));})()var Select = antd.Select;
+), document.getElementById('components-form-demo-inputs'));})()var Select = antd.Select;
var Option = Select.Option;
React.render(
diff --git a/components/form/demo/mix.html b/components/form/demo/mix.html
index a7a845510..1842f6198 100644
--- a/components/form/demo/mix.html
+++ b/components/form/demo/mix.html
@@ -45,11 +45,11 @@ var menu = React.createElement(
);
function handleSelectChange(value) {
- console.log("selected " + value);
+ console.log('selected ' + value);
}
function onInputNumberChange(v) {
- console.log("changed", v);
+ console.log('changed', v);
}
React.render(React.createElement(
@@ -80,7 +80,7 @@ React.render(React.createElement(
React.createElement(
"label",
{ className: "col-6", required: true },
- React.createElement("i", { className: "anticon anticon-exclamation-circle", style: { color: "#f60" } }),
+ React.createElement("i", { className: "anticon anticon-exclamation-circle", style: { color: '#f60' } }),
" 我是标题:"
),
React.createElement(
@@ -232,7 +232,7 @@ React.render(React.createElement(
)
)
)
-), document.getElementById("components-form-demo-mix"));})()var Select = antd.Select;
+), document.getElementById('components-form-demo-mix'));})()var Select = antd.Select;
var Option = Select.Option;
var InputNumber = antd.InputNumber;
var Datepicker = antd.Datepicker;
diff --git a/components/form/index.html b/components/form/index.html
index c1ef69cd8..fa9510fcf 100644
--- a/components/form/index.html
+++ b/components/form/index.html
@@ -42,41 +42,41 @@ Form 表单 - Ant Design
title: 'Layout',
desc: '布局'
});
- ANT_COMPONENTS.push({
- title: 'Iconfont',
- desc: '字体图标'
- });
ANT_COMPONENTS.push({
title: 'Checkbox',
desc: '多选框'
});
ANT_COMPONENTS.push({
- title: 'Radio',
- desc: '单选框'
+ title: 'Iconfont',
+ desc: '字体图标'
});
ANT_COMPONENTS.push({
title: 'Button',
desc: '按钮'
});
ANT_COMPONENTS.push({
- title: 'Switch',
- desc: '开关'
+ title: 'Radio',
+ desc: '单选框'
});
ANT_COMPONENTS.push({
title: 'Form',
desc: '表单'
});
ANT_COMPONENTS.push({
- title: 'Slider',
- desc: '滑动输入条'
+ title: 'Switch',
+ desc: '开关'
+ });
+ ANT_COMPONENTS.push({
+ title: 'InputNumber',
+ desc: '数字输入框'
});
ANT_COMPONENTS.push({
title: 'Motion',
desc: '组件动画'
});
ANT_COMPONENTS.push({
- title: 'InputNumber',
- desc: '数字输入框'
+ title: 'Slider',
+ desc: '滑动输入条'
});
ANT_COMPONENTS.push({
title: 'Datepicker',
@@ -102,10 +102,42 @@ Form 表单 - Ant Design
title: 'Collapse',
desc: '折叠面板'
});
+ ANT_COMPONENTS.push({
+ title: 'Alert',
+ desc: '通知栏'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Notification',
+ desc: '系统通知框'
+ });
ANT_COMPONENTS.push({
title: 'Pagination',
desc: '分页'
});
+ ANT_COMPONENTS.push({
+ title: 'Tree',
+ desc: '树形控件'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Carousel',
+ desc: '走马灯'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Menu',
+ desc: '导航菜单'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Tag',
+ desc: '标签'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Affix',
+ desc: '固定'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Upload',
+ desc: '文件上传'
+ });
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
@@ -240,6 +272,12 @@ Form 表单 - Ant Design
组件动画
+
+
+ Alert
+ 通知栏
+
+
@@ -275,18 +313,18 @@ Form 表单 - Ant Design
数字输入框
-
-
- Datepicker
- 日期选择框
-
-
Select
选择器
+
+
+ Datepicker
+ 日期选择框
+
+
Tabs
@@ -311,12 +349,54 @@ Form 表单 - Ant Design
折叠面板
+
+
+ Affix
+ 固定
+
+
Pagination
分页
+
+
+ Tree
+ 树形控件
+
+
+
+
+ Carousel
+ 走马灯
+
+
+
+
+ Menu
+ 导航菜单
+
+
+
+
+ Tag
+ 标签
+
+
+
+
+ Upload
+ 文件上传
+
+
+
+
+ Notification
+ 系统通知框
+
+
Modal
@@ -504,7 +584,7 @@ React.render(React.createElement(
React.createElement("input", { type: "submit", className: "ant-btn ant-btn-primary", value: "确 定" })
)
)
-), document.getElementById("components-form-demo-horizontal-form"));})()var Checkbox = antd.Checkbox;
+), document.getElementById('components-form-demo-horizontal-form'));})()var Checkbox = antd.Checkbox;
var Radio = antd.Radio;
var RadioGroup = antd.RadioGroup;
@@ -844,7 +924,7 @@ React.render(React.createElement(
)
),
React.createElement("input", { type: "submit", className: "ant-btn ant-btn-primary", value: "登 录" })
-), document.getElementById("components-form-demo-inline-form"));})()var Checkbox = antd.Checkbox;
+), document.getElementById('components-form-demo-inline-form'));})()var Checkbox = antd.Checkbox;
React.render(
<form className="ant-form-inline">
@@ -882,7 +962,7 @@ var Radio = antd.Radio;
var RadioGroup = antd.RadioGroup;
function handleSelectChange(value) {
- console.log("selected " + value);
+ console.log('selected ' + value);
}
React.render(React.createElement(
@@ -1071,7 +1151,7 @@ React.render(React.createElement(
)
)
)
-), document.getElementById("components-form-demo-form-controls"));})()var Select = antd.Select;
+), document.getElementById('components-form-demo-form-controls'));})()var Select = antd.Select;
var Option = Select.Option;
var Checkbox = antd.Checkbox;
var Radio = antd.Radio;
@@ -1137,7 +1217,7 @@ React.render(
<div className="ant-form-item ant-form-item-compact">
<label className="col-6">ant-radio：</label>
<div className="col-18">
- <RadioGroup value={"b"}>
+ <RadioGroup value="b">
<Radio value="a">A</Radio>
<Radio value="b">B</Radio>
<Radio value="c">C</Radio>
@@ -1365,7 +1445,7 @@ React.render(React.createElement(
)
)
)
-), document.getElementById("components-form-demo-inputs"));})()var Select = antd.Select;
+), document.getElementById('components-form-demo-inputs'));})()var Select = antd.Select;
var Option = Select.Option;
React.render(
@@ -1507,11 +1587,11 @@ var menu = React.createElement(
);
function handleSelectChange(value) {
- console.log("selected " + value);
+ console.log('selected ' + value);
}
function onInputNumberChange(v) {
- console.log("changed", v);
+ console.log('changed', v);
}
React.render(React.createElement(
@@ -1542,7 +1622,7 @@ React.render(React.createElement(
React.createElement(
"label",
{ className: "col-6", required: true },
- React.createElement("i", { className: "anticon anticon-exclamation-circle", style: { color: "#f60" } }),
+ React.createElement("i", { className: "anticon anticon-exclamation-circle", style: { color: '#f60' } }),
" 我是标题:"
),
React.createElement(
@@ -1694,7 +1774,7 @@ React.render(React.createElement(
)
)
)
-), document.getElementById("components-form-demo-mix"));})()var Select = antd.Select;
+), document.getElementById('components-form-demo-mix'));})()var Select = antd.Select;
var Option = Select.Option;
var InputNumber = antd.InputNumber;
var Datepicker = antd.Datepicker;
diff --git a/components/iconfont/index.html b/components/iconfont/index.html
index bab5cc394..04d508c82 100644
--- a/components/iconfont/index.html
+++ b/components/iconfont/index.html
@@ -42,41 +42,41 @@ Iconfont 字体图标 - Ant Design
title: 'Layout',
desc: '布局'
});
- ANT_COMPONENTS.push({
- title: 'Iconfont',
- desc: '字体图标'
- });
ANT_COMPONENTS.push({
title: 'Checkbox',
desc: '多选框'
});
ANT_COMPONENTS.push({
- title: 'Radio',
- desc: '单选框'
+ title: 'Iconfont',
+ desc: '字体图标'
});
ANT_COMPONENTS.push({
title: 'Button',
desc: '按钮'
});
ANT_COMPONENTS.push({
- title: 'Switch',
- desc: '开关'
+ title: 'Radio',
+ desc: '单选框'
});
ANT_COMPONENTS.push({
title: 'Form',
desc: '表单'
});
ANT_COMPONENTS.push({
- title: 'Slider',
- desc: '滑动输入条'
+ title: 'Switch',
+ desc: '开关'
+ });
+ ANT_COMPONENTS.push({
+ title: 'InputNumber',
+ desc: '数字输入框'
});
ANT_COMPONENTS.push({
title: 'Motion',
desc: '组件动画'
});
ANT_COMPONENTS.push({
- title: 'InputNumber',
- desc: '数字输入框'
+ title: 'Slider',
+ desc: '滑动输入条'
});
ANT_COMPONENTS.push({
title: 'Datepicker',
@@ -102,10 +102,42 @@ Iconfont 字体图标 - Ant Design
title: 'Collapse',
desc: '折叠面板'
});
+ ANT_COMPONENTS.push({
+ title: 'Alert',
+ desc: '通知栏'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Notification',
+ desc: '系统通知框'
+ });
ANT_COMPONENTS.push({
title: 'Pagination',
desc: '分页'
});
+ ANT_COMPONENTS.push({
+ title: 'Tree',
+ desc: '树形控件'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Carousel',
+ desc: '走马灯'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Menu',
+ desc: '导航菜单'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Tag',
+ desc: '标签'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Affix',
+ desc: '固定'
+ });
+ ANT_COMPONENTS.push({
+ title: 'Upload',
+ desc: '文件上传'
+ });
ANT_COMPONENTS.push({
title: 'Modal',
desc: '对话框'
@@ -240,6 +272,12 @@ Iconfont 字体图标 - Ant Design
组件动画
+
+
+ Alert
+ 通知栏
+
+
@@ -275,18 +313,18 @@ Iconfont 字体图标 - Ant Design
数字输入框
-
-
- Datepicker
- 日期选择框
-
-
Select
选择器
+
+
+ Datepicker
+ 日期选择框
+
+
Tabs
@@ -311,12 +349,54 @@ Iconfont 字体图标 - Ant Design
折叠面板
+
+
+ Affix
+ 固定
+
+
Pagination
分页
+
+
+ Tree
+ 树形控件
+
+
+
+
+ Carousel
+ 走马灯
+
+
+
+
+ Menu
+ 导航菜单
+
+
+
+
+ Tag
+ 标签
+
+
+
+
+ Upload
+ 文件上传
+
+
+
+
+ Notification
+ 系统通知框
+
+
Modal
diff --git a/components/input-number/demo/disabled.html b/components/input-number/demo/disabled.html
index 6185bf04b..f6c9455fb 100644
--- a/components/input-number/demo/disabled.html
+++ b/components/input-number/demo/disabled.html
@@ -36,7 +36,7 @@ var Test = React.createClass({
}
});
-React.render(React.createElement(Test, null), document.getElementById("components-input-number-demo-disabled"));})()var InputNumber = antd.InputNumber;
+React.render(React.createElement(Test, null), document.getElementById('components-input-number-demo-disabled'));})()