feat(Calendar): add support of LocaleProvider

now can use LocaleProvider to control locale of Calendar

re #43
close #44

Author: ZxBing0066

.styleguide/style.css

@@ -74,3 +74,11 @@ form.demo-form:before {
 .clear-fixed:after {
     clear: both;
 }
+
+.noeditor-wrap {
+    padding: 16px;
+    border: 1px #e8e8e8 solid;
+    border-radius: 3px;
+    width: 100%;
+    display: inline-block;
+}

src/components/Calendar/Calendar.jsx

@@ -2,16 +2,18 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import moment from 'moment';
 
-import { isDateDisabled, getValidDate } from './utils';
+import localeConsumerDecorator from 'src/components/LocaleProvider/localeConsumerDecorator';
 
+import { isDateDisabled, getValidDate } from './utils';
 import { CalendarWrap, prefixCls } from './style';
+import LOCALE from './locale/zh_CN';
 
 import 'moment/locale/zh-cn';
-import locale from 'rc-calendar/lib/locale/zh_CN';
 moment()
     .locale('zh-cn')
     .utcOffset(8);
 
+@localeConsumerDecorator({ defaultLocale: LOCALE, localeName: 'Calendar' })
 class Calendar extends Component {
     static propTypes = {
         /** 选中的时间，受控，Moment 类型 */
@@ -55,7 +57,6 @@ const calCalendarProps = ({ rules }) => {
         prefixCls: prefixCls,
         showDateInput: false,
         showToday: false,
-        locale: locale,
         disabledDate: (date, currentValue) => {
             return isDateDisabled(date, currentValue, rules);
         }
@@ -64,4 +65,4 @@ const calCalendarProps = ({ rules }) => {
 
 export default Calendar;
 
-export { locale, calCalendarProps };
+export { calCalendarProps };

src/components/Calendar/locale/en_US.js

@@ -0,0 +1,28 @@
+export default {
+    today: 'Today',
+    now: 'Now',
+    backToToday: 'Back to today',
+    ok: 'Ok',
+    clear: 'Clear',
+    month: 'Month',
+    year: 'Year',
+    timeSelect: 'select time',
+    dateSelect: 'select date',
+    weekSelect: 'Choose a week',
+    monthSelect: 'Choose a month',
+    yearSelect: 'Choose a year',
+    decadeSelect: 'Choose a decade',
+    yearFormat: 'YYYY',
+    dateFormat: 'M/D/YYYY',
+    dayFormat: 'D',
+    dateTimeFormat: 'M/D/YYYY HH:mm:ss',
+    monthBeforeYear: true,
+    previousMonth: 'Previous month (PageUp)',
+    nextMonth: 'Next month (PageDown)',
+    previousYear: 'Last year (Control + left)',
+    nextYear: 'Next year (Control + right)',
+    previousDecade: 'Last decade',
+    nextDecade: 'Next decade',
+    previousCentury: 'Last century',
+    nextCentury: 'Next century'
+};

src/components/Calendar/locale/zh_CN.js

@@ -0,0 +1,27 @@
+export default {
+    today: '今天',
+    now: '此刻',
+    backToToday: '返回今天',
+    ok: '确定',
+    timeSelect: '选择时间',
+    dateSelect: '选择日期',
+    weekSelect: '选择周',
+    clear: '清除',
+    month: '月',
+    year: '年',
+    previousMonth: '上个月 (翻页上键)',
+    nextMonth: '下个月 (翻页下键)',
+    monthSelect: '选择月份',
+    yearSelect: '选择年份',
+    decadeSelect: '选择年代',
+    yearFormat: 'YYYY年',
+    dayFormat: 'D日',
+    dateFormat: 'YYYY年M月D日',
+    dateTimeFormat: 'YYYY年M月D日 HH时mm分ss秒',
+    previousYear: '上一年 (Control键加左方向键)',
+    nextYear: '下一年 (Control键加右方向键)',
+    previousDecade: '上一年代',
+    nextDecade: '下一年代',
+    previousCentury: '上一世纪',
+    nextCentury: '下一世纪'
+};

src/components/LocaleProvider/LocaleProvider.md

@@ -34,13 +34,15 @@ const Demo = () => (
 效果:
 
 ```js noeditor
-const locale = require('src/components/LocaleProvider/locale/en_US').default;
-const Demo = () => (
-    <div>
-        <LocaleProvider locale={locale}>
-            <Pagination total={100} showSizeChanger showQuickJumper={{ goButton: true }} />
-        </LocaleProvider>
-    </div>
-);
+const Demo = require('./__demo__/localefile').default;
+
+<Demo />;
+```
+
+*   全语言列表
+
+```js noeditor
+const Demo = require('./__demo__/list').default;
+
 <Demo />;
 ```

src/components/LocaleProvider/__demo__/list.jsx

@@ -0,0 +1,81 @@
+import React, { Component } from 'react';
+import moment from 'moment';
+
+import Radio from 'src/components/Radio';
+import Form from 'src/components/Form';
+import LocaleProvider from 'src/components/LocaleProvider';
+import Pagination from 'src/components/Pagination';
+import Calendar from 'src/components/Calendar';
+import DatePicker from 'src/components/DatePicker';
+import zh_CN from 'src/components/LocaleProvider/locale/zh_CN';
+import en_US from 'src/components/LocaleProvider/locale/en_US';
+
+import 'moment/locale/zh-cn';
+const localeMap = {
+    zh_CN,
+    en_US
+};
+const momentLocaleMap = {
+    zh_CN: 'zh-cn',
+    en_US: 'en'
+};
+const defaultLocale = 'zh_CN';
+class Demo extends Component {
+    state = {
+        localeStr: defaultLocale,
+        momentLocale: momentLocaleMap[defaultLocale],
+        locale: localeMap[defaultLocale]
+    };
+    setLocale = locale => {
+        moment.locale(momentLocaleMap[locale]);
+        this.setState({
+            localeStr: locale,
+            momentLocale: momentLocaleMap[locale],
+            locale: localeMap[locale]
+        });
+    };
+    componentWillUnmount = () => {
+        moment.locale(momentLocaleMap[defaultLocale]);
+    };
+    render() {
+        const itemLayout = {
+            labelCol: {
+                span: 3
+            },
+            controllerCol: {
+                span: 9
+            }
+        };
+        const list = (
+            <div>
+                <div className="demo-wrap">
+                    <Pagination total={100} showSizeChanger showQuickJumper={{ goButton: true }} />
+                </div>
+                <div className="demo-wrap">
+                    <Calendar value={moment()} />
+                </div>
+            </div>
+        );
+        const { localeStr, locale } = this.state;
+
+        return (
+            <div className="noeditor-wrap">
+                <Form className="demo-wrap">
+                    <Form.Item label="locale" {...itemLayout}>
+                        <Radio.Group
+                            styleType="button"
+                            value={localeStr}
+                            onChange={this.setLocale}
+                            options={['zh_CN', 'en_US'].map(v => ({ value: v }))}
+                        />
+                    </Form.Item>
+                </Form>
+                <div>
+                    <LocaleProvider locale={locale}>{list}</LocaleProvider>
+                </div>
+            </div>
+        );
+    }
+}
+
+export default Demo;

src/components/LocaleProvider/__demo__/localefile.jsx

@@ -1,8 +1,7 @@
-// only for snap test
 import React from 'react';
+
 import LocaleProvider from 'src/components/LocaleProvider';
 import Pagination from 'src/components/Pagination';
-
 import locale from 'src/components/LocaleProvider/locale/en_US';
 
 const Demo = () => (