site: improve build speed

components/affix/demo/basic.md

@@ -13,7 +13,7 @@ title:
 
 The simplest usage.
 
-````jsx
+````__react
 import { Affix, Button } from 'antd';
 
 ReactDOM.render(

components/affix/demo/on-change.md

@@ -13,7 +13,7 @@ title:
 
 Callback with affixed state.
 
-````jsx
+````__react
 import { Affix, Button } from 'antd';
 
 ReactDOM.render(

components/affix/demo/target.md

@@ -13,7 +13,7 @@ title:
 
 Set a `target` for 'Affix', which is listen to scroll event of target element (default is `window`).
 
-````jsx
+````__react
 import { Affix, Button } from 'antd';
 
 class Demo extends React.Component {

components/alert/demo/banner.md

@@ -13,7 +13,7 @@ title:
 
 When `Alert` is used as banner, it has particular style, Icon and `type`(warning) are specified by default.
 
-````jsx
+````__react
 import { Alert } from 'antd';
 
 ReactDOM.render(

components/alert/demo/basic.md

@@ -13,7 +13,7 @@ title:
 
 The simplest usage for short messages.
 
-````jsx
+````__react
 import { Alert } from 'antd';
 
 ReactDOM.render(

components/alert/demo/closable.md

@@ -13,7 +13,7 @@ title:
 
 To show close button.
 
-````jsx
+````__react
 import { Alert } from 'antd';
 
 const onClose = function (e) {

components/alert/demo/close-text.md

@@ -13,7 +13,7 @@ title:
 
 Replace the default icon with customized text.
 
-````jsx
+````__react
 import { Alert } from 'antd';
 
 ReactDOM.render(

components/alert/demo/description.md

@@ -13,7 +13,7 @@ title:
 
 Additional description for alert message.
 
-````jsx
+````__react
 import { Alert } from 'antd';
 
 ReactDOM.render(<div>

components/alert/demo/icon.md

@@ -13,7 +13,7 @@ title:
 
 Decent icon make information more clear and more friendly.
 
-````jsx
+````__react
 import { Alert } from 'antd';
 
 ReactDOM.render(<div>

components/alert/demo/style.md

@@ -13,7 +13,7 @@ title:
 
 There are 4 types of Alert: `success`, `info`, `warning`, `error`.
 
-````jsx
+````__react
 import { Alert } from 'antd';
 
 ReactDOM.render(<div>

components/anchor/demo/basic.md

@@ -13,7 +13,7 @@ title:
 
 The simplest usage.
 
-```jsx
+```__react
 import { Anchor } from 'antd';
 const { Link } = Anchor;
 

components/anchor/demo/fixed.md

@@ -13,7 +13,7 @@ title:
 
 Do not change state when page is scrolling.
 
-```jsx
+```__react
 import { Anchor } from 'antd';
 const { Link } = Anchor;
 

components/auto-complete/demo/basic.md

@@ -13,7 +13,7 @@ title:
 
 Basic Usage, set datasource of autocomplete with `dataSource` property.
 
-````jsx
+````__react
 import { AutoComplete } from 'antd';
 
 function onSelect(value) {

components/auto-complete/demo/options.md

@@ -13,7 +13,7 @@ title:
 
 You could pass `AutoComplete.Option` as children of `AutoComplete`, instead of using `dataSource`。
 
-````jsx
+````__react
 import { AutoComplete } from 'antd';
 
 const Option = AutoComplete.Option;

components/back-top/demo/basic.md

@@ -13,7 +13,7 @@ title:
 
 The most basic usage.
 
-````jsx
+````__react
 import { BackTop } from 'antd';
 
 ReactDOM.render(

components/back-top/demo/custom.md

@@ -14,7 +14,7 @@ title:
 You can customize the style of the button, just note the size limit: no more than `40px * 40px`.
 
 
-````jsx
+````__react
 import { BackTop } from 'antd';
 
 ReactDOM.render(

components/badge/demo/basic.md

@@ -13,7 +13,7 @@ title:
 
 Simplest Usage.
 
-````jsx
+````__react
 import { Badge } from 'antd';
 
 ReactDOM.render(

components/badge/demo/change.md

@@ -13,7 +13,7 @@ title:
 
 The count will be animated as it changes.
 
-````jsx
+````__react
 import { Badge, Button, Icon, Switch } from 'antd';
 const ButtonGroup = Button.Group;
 

components/badge/demo/dot.md

@@ -13,7 +13,7 @@ title:
 
 This will simply display a red badge, without a specific count.
 
-````jsx
+````__react
 import { Badge, Icon } from 'antd';
 
 ReactDOM.render(<div>

components/badge/demo/link.md

@@ -13,7 +13,7 @@ title:
 
 The badge can be wrapped with `a` tag to make it linkable.
 
-````jsx
+````__react
 import { Badge } from 'antd';
 
 ReactDOM.render(

components/badge/demo/no-wrapper.md

@@ -15,7 +15,7 @@ title:
 
 Used in standalone when children is empty.
 
-````jsx
+````__react
 import { Badge } from 'antd';
 
 ReactDOM.render(<div>

components/badge/demo/overflow.md

@@ -13,7 +13,7 @@ title:
 
 `${overflowCount}+` is displayed when count is larger than `overflowCount`. The default value of `overflowCount` is `99`.
 
-````jsx
+````__react
 import { Badge } from 'antd';
 
 ReactDOM.render(<div>

components/badge/demo/status.md

@@ -13,7 +13,7 @@ title:
 
 Standalone badge with status.
 
-````jsx
+````__react
 import { Badge } from 'antd';
 
 ReactDOM.render(

components/breadcrumb/demo/basic.md

@@ -13,7 +13,7 @@ title:
 
 The simplest use
 
-````jsx
+````__react
 import { Breadcrumb } from 'antd';
 
 ReactDOM.render(

components/breadcrumb/demo/router.md

@@ -14,7 +14,7 @@ title:
 
 Used together with `react-router@2+`.
 
-````jsx
+````__react
 import { Router, Route, Link, hashHistory } from 'react-router';
 import { Breadcrumb, Alert } from 'antd';
 

components/breadcrumb/demo/separator.md

@@ -13,7 +13,7 @@ title:
 
 The separator can be customized by setting the separator property: separator=">"
 
-````jsx
+````__react
 import { Breadcrumb } from 'antd';
 
 ReactDOM.render(

components/breadcrumb/demo/withIcon.md

@@ -13,7 +13,7 @@ title:
 
 The icon should be placed in front of the text.
 
-````jsx
+````__react
 import { Breadcrumb, Icon } from 'antd';
 
 ReactDOM.render(

components/button/demo/basic.md

@@ -21,7 +21,7 @@ There are primary button, default button, ghost button and dashed button in antd
 
 Primary button and default button can be used without other button, but ghost button must be used with primary button.
 
-````jsx
+````__react
 import { Button } from 'antd';
 
 ReactDOM.render(

components/button/demo/button-group.md

@@ -17,7 +17,7 @@ Buttons can be grouped by placing multiple `Button` components into a `Button.Gr
 
 The `size` can be set to `large`, `small` or left unset resulting in a default size.
 
-````jsx
+````__react
 import { Button, Icon } from 'antd';
 const ButtonGroup = Button.Group;
 

components/button/demo/disabled.md

@@ -13,7 +13,7 @@ title:
 
 To mark a button as disabled, add the `disabled` property to the `Button`.
 
-````jsx
+````__react
 import { Button } from 'antd';
 
 ReactDOM.render(

components/button/demo/icon.md

@@ -17,7 +17,7 @@ title:
 
 If you want specific control over the positioning and placement of the `Icon`, then that should be done by placing the `Icon` component within the `Button` rather than using the `icon` property.
 
-````jsx
+````__react
 import { Button } from 'antd';
 
 ReactDOM.render(

components/button/demo/loading.md

@@ -13,7 +13,7 @@ title:
 
 A loading indicator can be added to a button by setting the `loading` property on the `Button`.
 
-````jsx
+````__react
 import { Button } from 'antd';
 
 const App = React.createClass({

components/button/demo/multiple.md

@@ -14,7 +14,7 @@ title:
 If you need several buttons, we recommend that you use 1 primary button + n secondary buttons, and if there are more than three operations, you can group some of them into `Dropdown.Button`.
 
 
-````jsx
+````__react
 import { Button, Menu, Dropdown, Icon } from 'antd';
 
 function handleMenuClick(e) {

components/button/demo/size.md

@@ -17,7 +17,7 @@ Ant Design supports a default button size as well as a large and small size.
 
 If a large or small button is desired, set the `size` property to either `large` or `small` respectively. Omit the `size` property for a button with the default size.
 
-````jsx
+````__react
 import { Button, Radio, Icon } from 'antd';
 
 class ButtonSize extends React.Component {

components/calendar/demo/basic.md

@@ -13,7 +13,7 @@ title:
 
 A basic calendar component with Year/Month switch.
 
-````jsx
+````__react
 import { Calendar } from 'antd';
 
 function onPanelChange(value, mode) {

components/calendar/demo/card.md

@@ -13,7 +13,7 @@ title:
 
 Nested inside a container element for rendering in limited space.
 
-````jsx
+````__react
 import { Calendar } from 'antd';
 
 function onPanelChange(value, mode) {

components/calendar/demo/locale.md

@@ -13,7 +13,7 @@ title:
 
 To set the language. en_US, zh_CN are supported by default.
 
-````jsx
+````__react
 import { Calendar } from 'antd';
 import enUS from 'antd/lib/calendar/locale/en_US';
 import moment from 'moment';

components/calendar/demo/notice-calendar.md

@@ -13,7 +13,7 @@ title:
 
 This component can be rendered by using `dateCellRender` and `monthCellRender` with the data you need.
 
-````jsx
+````__react
 import { Calendar } from 'antd';
 
 function getListData(value) {

components/card/demo/basic.md

@@ -13,7 +13,7 @@ title:
 
 A basic card containing a title, content and an extra corner content.
 
-````jsx
+````__react
 import { Card } from 'antd';
 
 ReactDOM.render(

components/card/demo/border-less.md

@@ -13,7 +13,7 @@ title:
 
 A borderless card on a gray background.
 
-````jsx
+````__react
 import { Card } from 'antd';
 
 ReactDOM.render(

components/card/demo/grid.md

@@ -13,7 +13,7 @@ title:
 
 Cards usually cooperate with grid layout in overview page.
 
-````jsx
+````__react
 import { Card, Col, Row } from 'antd';
 
 ReactDOM.render(

components/card/demo/loading.md

@@ -13,7 +13,7 @@ title:
 
 Shows a loading indicator while the contents of the card is being fetched.
 
-````jsx
+````__react
 import { Card } from 'antd';
 
 ReactDOM.render(

components/card/demo/no-padding.md

@@ -14,7 +14,7 @@ title:
 Customizing default width and margin.
 
 
-````jsx
+````__react
 import { Card } from 'antd';
 
 ReactDOM.render(

components/card/demo/simple.md

@@ -13,7 +13,7 @@ title:
 
 A simple card only containing a content area.
 
-````jsx
+````__react
 import { Card } from 'antd';
 
 ReactDOM.render(