@kdcloudjs/kdesign 1.8.73 → 1.8.74

package/es/date-picker/date-picker.js

@@ -33,6 +33,28 @@ export var mergeDateLocale = function mergeDateLocale(globalLocale) {
   }, function (_, index) {
     return mergeLocale.monthTitle[index] || globalLocale.monthTitle[index];
   });
+  if (mergeLocale.months) {
+    var mergedMonths = _Array$from({
+      length: 12
+    }, function (_, index) {
+      var _a;
+      return mergeLocale.months[index] || ((_a = globalLocale.months) === null || _a === void 0 ? void 0 : _a[index]) || '';
+    });
+    mergeLocale.months = mergedMonths.every(function (m) {
+      return m !== '';
+    }) ? mergedMonths : undefined;
+  }
+  if (mergeLocale.monthsShort) {
+    var mergedMonthsShort = _Array$from({
+      length: 12
+    }, function (_, index) {
+      var _a;
+      return mergeLocale.monthsShort[index] || ((_a = globalLocale.monthsShort) === null || _a === void 0 ? void 0 : _a[index]) || '';
+    });
+    mergeLocale.monthsShort = mergedMonthsShort.every(function (m) {
+      return m !== '';
+    }) ? mergedMonthsShort : undefined;
+  }
   if ((mergeLocale === null || mergeLocale === void 0 ? void 0 : mergeLocale.month) && mergeLocale.month !== MONTH_DEFAULT_SUFFIX) {
     var _context;
     mergeLocale.monthTitle = _mapInstanceProperty(_context = mergeLocale.monthTitle).call(_context, function (d) {
@@ -173,7 +195,8 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     setViewDate(dateValue);
   }, [dateValue]);
   var valueText = useValueTexts(selectedValue, {
-    format: _format
+    format: _format,
+    locale: datePickerLang
   });
   var _useTextValueMapping = useTextValueMapping({
       valueText: valueText,
@@ -182,7 +205,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
           triggerChange(null);
           setViewDate(null);
         } else if (newText && newText.length >= _format.length) {
-          var inputTempDate = parseDate(newText, _format);
+          var inputTempDate = parseDate(newText, _format, datePickerLang);
           if (inputTempDate && (!disabledDate || !disabledDate(inputTempDate))) {
             if (picker !== 'year') {
               triggerChange(inputTempDate);
@@ -200,7 +223,8 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     triggerTextChange = _useTextValueMapping2[1],
     resetText = _useTextValueMapping2[2];
   var _useHoverValue = useHoverValue(text, {
-      format: _format
+      format: _format,
+      locale: datePickerLang
     }),
     _useHoverValue2 = _slicedToArray(_useHoverValue, 3),
     hoverValue = _useHoverValue2[0],
@@ -266,7 +290,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
       onSelect(newValue);
     }
     if (onChange && !isEqual(dateValue, newValue)) {
-      onChange(newValue, newValue ? formatDate(newValue, _format) : '');
+      onChange(newValue, newValue ? formatDate(newValue, _format, datePickerLang) : '');
     }
     setSelectedValue(newValue);
     setDateValue(newValue);

package/es/date-picker/hooks/use-hover-value.d.ts

@@ -1,3 +1,3 @@
 import { DateType } from '../interface';
 import { ValueTextConfig } from './use-value-texts';
-export default function useHoverValue(valueText: string, { format }: ValueTextConfig): [string, (date: DateType) => void, (immediately?: boolean) => void];
+export default function useHoverValue(valueText: string, { format, locale }: ValueTextConfig): [string, (date: DateType) => void, (immediately?: boolean) => void];

package/es/date-picker/hooks/use-hover-value.js

@@ -3,7 +3,8 @@ import isNumber from 'lodash/isNumber';
 import { useState, useEffect, useRef } from 'react';
 import useValueTexts from './use-value-texts';
 export default function useHoverValue(valueText, _ref) {
-  var format = _ref.format;
+  var format = _ref.format,
+    locale = _ref.locale;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
@@ -21,7 +22,8 @@ export default function useHoverValue(valueText, _ref) {
     });
   }
   var valueTexts = useValueTexts(value, {
-    format: format
+    format: format,
+    locale: locale
   });
   function onEnter(date) {
     setValue(date);

package/es/date-picker/hooks/use-value-texts.d.ts

@@ -1,5 +1,6 @@
-import { DateFormat, DateType } from '../interface';
+import { DateFormat, DateType, InnerLocale } from '../interface';
 export interface ValueTextConfig {
     format: DateFormat;
+    locale?: InnerLocale;
 }
-export default function useValueTexts(value: DateType | null, { format }: ValueTextConfig): string;
+export default function useValueTexts(value: DateType | null, { format, locale }: ValueTextConfig): string;

package/es/date-picker/hooks/use-value-texts.js

@@ -1,12 +1,13 @@
 import { formatDate } from '../utils/date-fns';
 import useStateMemo from './use-state-memo';
 export default function useValueTexts(value, _ref) {
-  var format = _ref.format;
+  var format = _ref.format,
+    locale = _ref.locale;
   return useStateMemo(function () {
     if (!value) {
       return '';
     }
-    var valueTexts = formatDate(value, format);
+    var valueTexts = formatDate(value, format, locale);
     return valueTexts;
   }, [value], function (prev, next) {
     return prev !== next;

package/es/date-picker/interface.d.ts

@@ -17,6 +17,8 @@ export interface Locale {
     'DatePicker.month': string;
     'DatePicker.weekTitle': WeekTitleType;
     'DatePicker.monthTitle': MonthTitleType;
+    'DatePicker.months'?: MonthTitleType;
+    'DatePicker.monthsShort'?: MonthTitleType;
     'DatePicker.rangePlaceholder': [string, string];
     'DatePicker.rangeYearPlaceholder': [string, string];
     'DatePicker.rangeMonthPlaceholder': [string, string];
@@ -40,6 +42,8 @@ export interface InnerLocale {
     month: string;
     weekTitle: WeekTitleType;
     monthTitle: MonthTitleType;
+    months?: MonthTitleType;
+    monthsShort?: MonthTitleType;
     rangePlaceholder: [string, string];
     rangeYearPlaceholder: [string, string];
     rangeMonthPlaceholder: [string, string];

package/es/date-picker/locale/zh_CN.js

@@ -12,6 +12,8 @@ var locale = {
   'DatePicker.year': '年',
   'DatePicker.weekTitle': ['日', '一', '二', '三', '四', '五', '六'],
   'DatePicker.monthTitle': ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
+  'DatePicker.months': ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
+  'DatePicker.monthsShort': ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
   'DatePicker.rangePlaceholder': ['开始日期', '结束日期'],
   'DatePicker.rangeYearPlaceholder': ['开始年份', '结束年份'],
   'DatePicker.rangeMonthPlaceholder': ['开始月份', '结束月份'],

package/es/date-picker/range-picker.js

@@ -197,17 +197,19 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     getViewDate = _useRangeViewDates2[0],
     setViewDate = _useRangeViewDates2[1];
   var startValueTexts = useValueTexts(getValue(selectedValue, 0), {
-    format: _format
+    format: _format,
+    locale: datePickerLang
   });
   var endValueTexts = useValueTexts(getValue(selectedValue, 1), {
-    format: _format
+    format: _format,
+    locale: datePickerLang
   });
   var _onTextChange = function onTextChange(newText, index) {
     var inputTempDate;
     if (newText === '') {
       triggerChange(updateValues(selectedValue, null, index), index);
     } else if (newText && newText.length >= _format.length) {
-      inputTempDate = parseDate(newText, _format);
+      inputTempDate = parseDate(newText, _format, datePickerLang);
       var disabledFunc = index === 0 ? disabledStartDate : disabledEndDate;
       if (inputTempDate && (!disabledFunc || !disabledFunc(inputTempDate))) {
         if (picker !== 'year') {
@@ -245,14 +247,16 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     hoverRangedValue = _useState2[0],
     setHoverRangedValue = _useState2[1];
   var _useHoverValue = useHoverValue(startText, {
-      format: _format
+      format: _format,
+      locale: datePickerLang
     }),
     _useHoverValue2 = _slicedToArray(_useHoverValue, 3),
     startHoverValue = _useHoverValue2[0],
     onStartEnter = _useHoverValue2[1],
     onStartLeave = _useHoverValue2[2];
   var _useHoverValue3 = useHoverValue(endText, {
-      format: _format
+      format: _format,
+      locale: datePickerLang
     }),
     _useHoverValue4 = _slicedToArray(_useHoverValue3, 3),
     endHoverValue = _useHoverValue4[0],
@@ -331,7 +335,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       setInnerValue(values);
     }
     if (onChange && (!isEqual(getValue(dateValue, 0), getValue(values, 0)) || !isEqual(getValue(dateValue, 1), getValue(values, 1)))) {
-      onChange(values, [values && values[0] ? formatDate(values[0], _format) : '', values && values[1] ? formatDate(values[1], _format) : '']);
+      onChange(values, [values && values[0] ? formatDate(values[0], _format, datePickerLang) : '', values && values[1] ? formatDate(values[1], _format, datePickerLang) : '']);
     }
   };
   var triggerChange = function triggerChange(newValue, sourceIndex) {
@@ -351,8 +355,8 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       }
     }
     setSelectedValue(values);
-    var startStr = values && values[0] ? formatDate(values[0], _format) : '';
-    var endStr = values && values[1] ? formatDate(values[1], _format) : '';
+    var startStr = values && values[0] ? formatDate(values[0], _format, datePickerLang) : '';
+    var endStr = values && values[1] ? formatDate(values[1], _format, datePickerLang) : '';
     if (onCalendarChange) {
       var info = {
         range: sourceIndex === 0 ? 'start' : 'end'

package/es/date-picker/utils/date-fns.d.ts

@@ -27,15 +27,15 @@ import setQuarter from 'date-fns/setQuarter';
 import setYear from 'date-fns/setYear';
 import isAfter from 'date-fns/isAfter';
 import isBefore from 'date-fns/isBefore';
-import { DateFormat, DateType } from '../interface';
+import { DateFormat, DateType, InnerLocale } from '../interface';
 export declare const DEFAULT_YEAR_ITEM_NUMBER = 12;
 export declare const localeParse: (format: string) => string;
 export declare function isNullEqual<T>(value1: T, value2: T): boolean | undefined;
 export declare function newDate<DateType extends Date | string | number>(value?: DateType): Date | null;
-export declare function parseDate(value: string, dateFormat: DateFormat): Date | null;
+export declare function parseDate(value: string, dateFormat: DateFormat, locale?: InnerLocale): Date | null;
 export { isDate };
 export declare function isValid(date: DateType): boolean;
-export declare function formatDate(date: DateType, _format: DateFormat, _locale?: string): string | null;
+export declare function formatDate(date: DateType, _format: DateFormat, _locale?: string | InnerLocale): string | null;
 export declare function setTime(date: DateType, { hour, minute, second }: {
     hour?: number | undefined;
     minute?: number | undefined;

package/es/date-picker/utils/date-fns.js

@@ -1,4 +1,9 @@
+import _typeof from "@babel/runtime-corejs3/helpers/typeof";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import _sortInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/sort";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
+import _padStartInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/pad-start";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import isDate from 'date-fns/isDate';
 import isValidDate from 'date-fns/isValid';
@@ -83,19 +88,63 @@ export function newDate(value) {
   var d = value ? typeof value === 'string' || value instanceof String ? parseISO(value) : toDate(value) : new Date();
   return isValid(d) ? d : null;
 }
-export function parseDate(value, dateFormat) {
+export function parseDate(value, dateFormat, locale) {
   var parsedDate = null;
   var strictParsingValueMatch = true;
   if (_includesInstanceProperty(dateFormat).call(dateFormat, 'wo')) {
     return parseWeek(value);
   }
-  parsedDate = parse(value, dateFormat, new Date());
+  var normalizedValue = value;
+  var normalizedFormat = dateFormat;
+  if (locale) {
+    if (_includesInstanceProperty(dateFormat).call(dateFormat, 'MMMM') && locale.months) {
+      var _context, _context2;
+      var sortedIndices = _sortInstanceProperty(_context = _mapInstanceProperty(_context2 = locale.months).call(_context2, function (m, i) {
+        return {
+          name: m,
+          index: i
+        };
+      })).call(_context, function (a, b) {
+        return b.name.length - a.name.length;
+      });
+      var matched = _findInstanceProperty(sortedIndices).call(sortedIndices, function (_ref) {
+        var name = _ref.name;
+        return _includesInstanceProperty(value).call(value, name);
+      });
+      if (matched) {
+        var _context3;
+        normalizedValue = normalizedValue.replace(matched.name, _padStartInstanceProperty(_context3 = String(matched.index + 1)).call(_context3, 2, '0'));
+        normalizedFormat = normalizedFormat.replace('MMMM', 'MM');
+      }
+    } else if (_includesInstanceProperty(dateFormat).call(dateFormat, 'MMM') && locale.monthsShort) {
+      var _context4, _context5;
+      var _sortedIndices = _sortInstanceProperty(_context4 = _mapInstanceProperty(_context5 = locale.monthsShort).call(_context5, function (m, i) {
+        return {
+          name: m,
+          index: i
+        };
+      })).call(_context4, function (a, b) {
+        return b.name.length - a.name.length;
+      });
+      var _matched = _findInstanceProperty(_sortedIndices).call(_sortedIndices, function (_ref2) {
+        var name = _ref2.name;
+        return _includesInstanceProperty(value).call(value, name);
+      });
+      if (_matched) {
+        var _context6;
+        normalizedValue = normalizedValue.replace(_matched.name, _padStartInstanceProperty(_context6 = String(_matched.index + 1)).call(_context6, 2, '0'));
+        normalizedFormat = normalizedFormat.replace('MMM', 'MM');
+      }
+    }
+  }
+  parsedDate = parse(normalizedValue, localeParse(normalizedFormat), new Date());
   if (!isValid(parsedDate)) {
-    if (value.length > 0) {
-      parsedDate = parse(value, _sliceInstanceProperty(dateFormat).call(dateFormat, 0, value.length), new Date());
+    if (normalizedValue.length > 0) {
+      var _context7;
+      parsedDate = parse(normalizedValue, _sliceInstanceProperty(_context7 = localeParse(normalizedFormat)).call(_context7, 0, normalizedValue.length), new Date());
     }
     if (!isValid(parsedDate)) {
-      parsedDate = new Date(value);
+      parsedDate = new Date(normalizedValue);
     }
   }
   return isValid(parsedDate) && strictParsingValueMatch ? parsedDate : null;
@@ -108,15 +157,27 @@ export function formatDate(date, _format, _locale) {
   if (!isValid(date)) {
     return null;
   }
+  if (_locale && _typeof(_locale) === 'object') {
+    var monthIndex = getMonth(date);
+    var result = localeParse(_format);
+    if (_includesInstanceProperty(result).call(result, 'MMMM') && _locale.months) {
+      var escaped = _locale.months[monthIndex].replace(/'/g, "''");
+      result = result.replace(/MMMM/g, "'".concat(escaped, "'"));
+    } else if (_includesInstanceProperty(result).call(result, 'MMM') && _locale.monthsShort) {
+      var _escaped = _locale.monthsShort[monthIndex].replace(/'/g, "''");
+      result = result.replace(/MMM/g, "'".concat(_escaped, "'"));
+    }
+    return format(date, result);
+  }
   return format(date, localeParse(_format));
 }
-export function setTime(date, _ref) {
-  var _ref$hour = _ref.hour,
-    hour = _ref$hour === void 0 ? 0 : _ref$hour,
-    _ref$minute = _ref.minute,
-    minute = _ref$minute === void 0 ? 0 : _ref$minute,
-    _ref$second = _ref.second,
-    second = _ref$second === void 0 ? 0 : _ref$second;
+export function setTime(date, _ref3) {
+  var _ref3$hour = _ref3.hour,
+    hour = _ref3$hour === void 0 ? 0 : _ref3$hour,
+    _ref3$minute = _ref3.minute,
+    minute = _ref3$minute === void 0 ? 0 : _ref3$minute,
+    _ref3$second = _ref3.second,
+    second = _ref3$second === void 0 ? 0 : _ref3$second;
   return setHours(setMinutes(setSeconds(date, second), minute), hour);
 }
 export { setMinutes, setHours, setMonth, setQuarter, setYear };

package/es/locale/en-US.d.ts

@@ -13,6 +13,8 @@ declare const locale: {
     'DatePicker.year': string;
     'DatePicker.weekTitle': string[];
     'DatePicker.monthTitle': string[];
+    'DatePicker.months': string[];
+    'DatePicker.monthsShort': string[];
     'DatePicker.rangePlaceholder': string[];
     'DatePicker.rangeYearPlaceholder': string[];
     'DatePicker.rangeMonthPlaceholder': string[];

package/es/locale/en-US.js

@@ -13,6 +13,8 @@ var locale = {
   'DatePicker.year': '',
   'DatePicker.weekTitle': ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
   'DatePicker.monthTitle': ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+  'DatePicker.months': ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+  'DatePicker.monthsShort': ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
   'DatePicker.rangePlaceholder': ['Start date', 'End date'],
   'DatePicker.rangeYearPlaceholder': ['Start year', 'End year'],
   'DatePicker.rangeMonthPlaceholder': ['Start month', 'End month'],

package/es/locale/locale.d.ts

@@ -146,6 +146,8 @@ declare class LocaleCache {
         'DatePicker.month': string;
         'DatePicker.weekTitle': import("../date-picker/interface").WeekTitleType;
         'DatePicker.monthTitle': import("../date-picker/interface").MonthTitleType;
+        'DatePicker.months'?: import("../date-picker/interface").MonthTitleType | undefined;
+        'DatePicker.monthsShort'?: import("../date-picker/interface").MonthTitleType | undefined;
         'DatePicker.rangePlaceholder': [string, string];
         'DatePicker.rangeYearPlaceholder': [string, string];
         'DatePicker.rangeMonthPlaceholder': [string, string];

package/es/locale/zh-CN.d.ts

@@ -118,6 +118,8 @@ declare const locale: {
     'DatePicker.month': string;
     'DatePicker.weekTitle': import("../date-picker/interface").WeekTitleType;
     'DatePicker.monthTitle': import("../date-picker/interface").MonthTitleType;
+    'DatePicker.months'?: import("../date-picker/interface").MonthTitleType | undefined;
+    'DatePicker.monthsShort'?: import("../date-picker/interface").MonthTitleType | undefined;
     'DatePicker.rangePlaceholder': [string, string];
     'DatePicker.rangeYearPlaceholder': [string, string];
     'DatePicker.rangeMonthPlaceholder': [string, string];

package/lib/date-picker/date-picker.js

@@ -45,6 +45,28 @@ var mergeDateLocale = function mergeDateLocale(globalLocale) {
   }, function (_, index) {
     return mergeLocale.monthTitle[index] || globalLocale.monthTitle[index];
   });
+  if (mergeLocale.months) {
+    var mergedMonths = (0, _from.default)({
+      length: 12
+    }, function (_, index) {
+      var _a;
+      return mergeLocale.months[index] || ((_a = globalLocale.months) === null || _a === void 0 ? void 0 : _a[index]) || '';
+    });
+    mergeLocale.months = mergedMonths.every(function (m) {
+      return m !== '';
+    }) ? mergedMonths : undefined;
+  }
+  if (mergeLocale.monthsShort) {
+    var mergedMonthsShort = (0, _from.default)({
+      length: 12
+    }, function (_, index) {
+      var _a;
+      return mergeLocale.monthsShort[index] || ((_a = globalLocale.monthsShort) === null || _a === void 0 ? void 0 : _a[index]) || '';
+    });
+    mergeLocale.monthsShort = mergedMonthsShort.every(function (m) {
+      return m !== '';
+    }) ? mergedMonthsShort : undefined;
+  }
   if ((mergeLocale === null || mergeLocale === void 0 ? void 0 : mergeLocale.month) && mergeLocale.month !== MONTH_DEFAULT_SUFFIX) {
     var _context;
     mergeLocale.monthTitle = (0, _map.default)(_context = mergeLocale.monthTitle).call(_context, function (d) {
@@ -186,7 +208,8 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     setViewDate(dateValue);
   }, [dateValue]);
   var valueText = (0, _useValueTexts.default)(selectedValue, {
-    format: _format
+    format: _format,
+    locale: datePickerLang
   });
   var _useTextValueMapping = (0, _useTextValueMapping3.default)({
       valueText: valueText,
@@ -195,7 +218,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
           triggerChange(null);
           setViewDate(null);
         } else if (newText && newText.length >= _format.length) {
-          var inputTempDate = (0, _dateFns.parseDate)(newText, _format);
+          var inputTempDate = (0, _dateFns.parseDate)(newText, _format, datePickerLang);
           if (inputTempDate && (!disabledDate || !disabledDate(inputTempDate))) {
             if (picker !== 'year') {
               triggerChange(inputTempDate);
@@ -213,7 +236,8 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     triggerTextChange = _useTextValueMapping2[1],
     resetText = _useTextValueMapping2[2];
   var _useHoverValue = (0, _useHoverValue3.default)(text, {
-      format: _format
+      format: _format,
+      locale: datePickerLang
     }),
     _useHoverValue2 = (0, _slicedToArray2.default)(_useHoverValue, 3),
     hoverValue = _useHoverValue2[0],
@@ -279,7 +303,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
       onSelect(newValue);
     }
     if (onChange && !(0, _dateFns.isEqual)(dateValue, newValue)) {
-      onChange(newValue, newValue ? (0, _dateFns.formatDate)(newValue, _format) : '');
+      onChange(newValue, newValue ? (0, _dateFns.formatDate)(newValue, _format, datePickerLang) : '');
     }
     setSelectedValue(newValue);
     setDateValue(newValue);

package/lib/date-picker/hooks/use-hover-value.d.ts

@@ -1,3 +1,3 @@
 import { DateType } from '../interface';
 import { ValueTextConfig } from './use-value-texts';
-export default function useHoverValue(valueText: string, { format }: ValueTextConfig): [string, (date: DateType) => void, (immediately?: boolean) => void];
+export default function useHoverValue(valueText: string, { format, locale }: ValueTextConfig): [string, (date: DateType) => void, (immediately?: boolean) => void];

package/lib/date-picker/hooks/use-hover-value.js

@@ -10,7 +10,8 @@ var _isNumber = _interopRequireDefault(require("lodash/isNumber"));
 var _react = require("react");
 var _useValueTexts = _interopRequireDefault(require("./use-value-texts"));
 function useHoverValue(valueText, _ref) {
-  var format = _ref.format;
+  var format = _ref.format,
+    locale = _ref.locale;
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     value = _useState2[0],
@@ -28,7 +29,8 @@ function useHoverValue(valueText, _ref) {
     });
   }
   var valueTexts = (0, _useValueTexts.default)(value, {
-    format: format
+    format: format,
+    locale: locale
   });
   function onEnter(date) {
     setValue(date);

package/lib/date-picker/hooks/use-value-texts.d.ts

@@ -1,5 +1,6 @@
-import { DateFormat, DateType } from '../interface';
+import { DateFormat, DateType, InnerLocale } from '../interface';
 export interface ValueTextConfig {
     format: DateFormat;
+    locale?: InnerLocale;
 }
-export default function useValueTexts(value: DateType | null, { format }: ValueTextConfig): string;
+export default function useValueTexts(value: DateType | null, { format, locale }: ValueTextConfig): string;

package/lib/date-picker/hooks/use-value-texts.js

@@ -8,12 +8,13 @@ exports.default = useValueTexts;
 var _dateFns = require("../utils/date-fns");
 var _useStateMemo = _interopRequireDefault(require("./use-state-memo"));
 function useValueTexts(value, _ref) {
-  var format = _ref.format;
+  var format = _ref.format,
+    locale = _ref.locale;
   return (0, _useStateMemo.default)(function () {
     if (!value) {
       return '';
     }
-    var valueTexts = (0, _dateFns.formatDate)(value, format);
+    var valueTexts = (0, _dateFns.formatDate)(value, format, locale);
     return valueTexts;
   }, [value], function (prev, next) {
     return prev !== next;

package/lib/date-picker/interface.d.ts

@@ -17,6 +17,8 @@ export interface Locale {
     'DatePicker.month': string;
     'DatePicker.weekTitle': WeekTitleType;
     'DatePicker.monthTitle': MonthTitleType;
+    'DatePicker.months'?: MonthTitleType;
+    'DatePicker.monthsShort'?: MonthTitleType;
     'DatePicker.rangePlaceholder': [string, string];
     'DatePicker.rangeYearPlaceholder': [string, string];
     'DatePicker.rangeMonthPlaceholder': [string, string];
@@ -40,6 +42,8 @@ export interface InnerLocale {
     month: string;
     weekTitle: WeekTitleType;
     monthTitle: MonthTitleType;
+    months?: MonthTitleType;
+    monthsShort?: MonthTitleType;
     rangePlaceholder: [string, string];
     rangeYearPlaceholder: [string, string];
     rangeMonthPlaceholder: [string, string];

package/lib/date-picker/locale/zh_CN.js

@@ -18,6 +18,8 @@ var locale = {
   'DatePicker.year': '年',
   'DatePicker.weekTitle': ['日', '一', '二', '三', '四', '五', '六'],
   'DatePicker.monthTitle': ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
+  'DatePicker.months': ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
+  'DatePicker.monthsShort': ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
   'DatePicker.rangePlaceholder': ['开始日期', '结束日期'],
   'DatePicker.rangeYearPlaceholder': ['开始年份', '结束年份'],
   'DatePicker.rangeMonthPlaceholder': ['开始月份', '结束月份'],

package/lib/date-picker/range-picker.js

@@ -209,17 +209,19 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     getViewDate = _useRangeViewDates2[0],
     setViewDate = _useRangeViewDates2[1];
   var startValueTexts = (0, _useValueTexts.default)((0, _utils2.getValue)(selectedValue, 0), {
-    format: _format
+    format: _format,
+    locale: datePickerLang
   });
   var endValueTexts = (0, _useValueTexts.default)((0, _utils2.getValue)(selectedValue, 1), {
-    format: _format
+    format: _format,
+    locale: datePickerLang
   });
   var _onTextChange = function onTextChange(newText, index) {
     var inputTempDate;
     if (newText === '') {
       triggerChange((0, _utils2.updateValues)(selectedValue, null, index), index);
     } else if (newText && newText.length >= _format.length) {
-      inputTempDate = (0, _dateFns.parseDate)(newText, _format);
+      inputTempDate = (0, _dateFns.parseDate)(newText, _format, datePickerLang);
       var disabledFunc = index === 0 ? disabledStartDate : disabledEndDate;
       if (inputTempDate && (!disabledFunc || !disabledFunc(inputTempDate))) {
         if (picker !== 'year') {
@@ -257,14 +259,16 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     hoverRangedValue = _useState2[0],
     setHoverRangedValue = _useState2[1];
   var _useHoverValue = (0, _useHoverValue5.default)(startText, {
-      format: _format
+      format: _format,
+      locale: datePickerLang
     }),
     _useHoverValue2 = (0, _slicedToArray2.default)(_useHoverValue, 3),
     startHoverValue = _useHoverValue2[0],
     onStartEnter = _useHoverValue2[1],
     onStartLeave = _useHoverValue2[2];
   var _useHoverValue3 = (0, _useHoverValue5.default)(endText, {
-      format: _format
+      format: _format,
+      locale: datePickerLang
     }),
     _useHoverValue4 = (0, _slicedToArray2.default)(_useHoverValue3, 3),
     endHoverValue = _useHoverValue4[0],
@@ -343,7 +347,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       setInnerValue(values);
     }
     if (onChange && (!(0, _dateFns.isEqual)((0, _utils2.getValue)(dateValue, 0), (0, _utils2.getValue)(values, 0)) || !(0, _dateFns.isEqual)((0, _utils2.getValue)(dateValue, 1), (0, _utils2.getValue)(values, 1)))) {
-      onChange(values, [values && values[0] ? (0, _dateFns.formatDate)(values[0], _format) : '', values && values[1] ? (0, _dateFns.formatDate)(values[1], _format) : '']);
+      onChange(values, [values && values[0] ? (0, _dateFns.formatDate)(values[0], _format, datePickerLang) : '', values && values[1] ? (0, _dateFns.formatDate)(values[1], _format, datePickerLang) : '']);
     }
   };
   var triggerChange = function triggerChange(newValue, sourceIndex) {
@@ -363,8 +367,8 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       }
     }
     setSelectedValue(values);
-    var startStr = values && values[0] ? (0, _dateFns.formatDate)(values[0], _format) : '';
-    var endStr = values && values[1] ? (0, _dateFns.formatDate)(values[1], _format) : '';
+    var startStr = values && values[0] ? (0, _dateFns.formatDate)(values[0], _format, datePickerLang) : '';
+    var endStr = values && values[1] ? (0, _dateFns.formatDate)(values[1], _format, datePickerLang) : '';
     if (onCalendarChange) {
       var info = {
         range: sourceIndex === 0 ? 'start' : 'end'

package/lib/date-picker/utils/date-fns.d.ts

@@ -27,15 +27,15 @@ import setQuarter from 'date-fns/setQuarter';
 import setYear from 'date-fns/setYear';
 import isAfter from 'date-fns/isAfter';
 import isBefore from 'date-fns/isBefore';
-import { DateFormat, DateType } from '../interface';
+import { DateFormat, DateType, InnerLocale } from '../interface';
 export declare const DEFAULT_YEAR_ITEM_NUMBER = 12;
 export declare const localeParse: (format: string) => string;
 export declare function isNullEqual<T>(value1: T, value2: T): boolean | undefined;
 export declare function newDate<DateType extends Date | string | number>(value?: DateType): Date | null;
-export declare function parseDate(value: string, dateFormat: DateFormat): Date | null;
+export declare function parseDate(value: string, dateFormat: DateFormat, locale?: InnerLocale): Date | null;
 export { isDate };
 export declare function isValid(date: DateType): boolean;
-export declare function formatDate(date: DateType, _format: DateFormat, _locale?: string): string | null;
+export declare function formatDate(date: DateType, _format: DateFormat, _locale?: string | InnerLocale): string | null;
 export declare function setTime(date: DateType, { hour, minute, second }: {
     hour?: number | undefined;
     minute?: number | undefined;