@kdcloudjs/kdesign 1.7.59 → 1.7.61

package/es/_utils/domUtil.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const scrollToDirectory: (ref: React.MutableRefObject<any>) => void;

package/es/_utils/domUtil.js

@@ -0,0 +1,15 @@
+import scrollIntoView from 'dom-scroll-into-view';
+export var scrollToDirectory = function scrollToDirectory(ref) {
+  var directoryElement = ref.current;
+  if (directoryElement) {
+    var rect = ref.current.getBoundingClientRect();
+    var parent = ref.current.parentElement;
+    var parentRect = parent.getBoundingClientRect();
+    var relativeTop = rect.top - parentRect.top;
+    var relativeBottom = rect.bottom - parentRect.top;
+    var isHide = relativeTop < 0 || relativeBottom > parent.clientHeight;
+    if (isHide) {
+      scrollIntoView(ref.current, ref.current.parentElement);
+    }
+  }
+};

package/es/cascader/cascader.js

@@ -1,7 +1,7 @@
-import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
@@ -22,6 +22,7 @@ import { tuple } from '../_utils/type';
 import { getCompProps } from '../_utils';
 import { ConfigContext } from '../config-provider';
 import usePopper from '../_utils/usePopper';
+import { scrollToDirectory } from '../_utils/domUtil';
 import Input from '../input';
 import Icon from '../icon';
 import Empty from '../empty';
@@ -29,6 +30,28 @@ import Checkbox from '../checkbox';
 import Tag from '../tag';
 import { flattenAll, useChecked, getHalfChecked, getChecked, getMultipleCheckValue, getAllCheckedKeys } from './util';
 export var CascaderPlacement = tuple('topLeft', 'topRight', 'bottomLeft', 'bottomRight');
+var CascaderMenuSubmenu = function CascaderMenuSubmenu(props) {
+  var optionProps = props.optionProps,
+    label = props.label,
+    children = props.children,
+    selected = props.selected,
+    isMultiple = props.isMultiple;
+  var ref = useRef(null);
+  var isFirst = useRef(!isMultiple);
+  useEffect(function () {
+    if (typeof selected === 'boolean' && isFirst.current && ref.current) {
+      isFirst.current = false;
+      if (selected && !isMultiple) {
+        scrollToDirectory(ref);
+      }
+    }
+  }, [selected]);
+  return /*#__PURE__*/React.createElement("li", _extends({
+    ref: ref
+  }, optionProps, {
+    title: label
+  }), children);
+};
 var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useContext = React.useContext(ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls,
@@ -72,13 +95,18 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var inputRef = useRef();
   var suffixRef = useRef(null);
   var wrapperRef = useRef();
-  var _useState = useState(!!props.popperVisible || !!props.popupVisible || defaultPopupVisible),
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
   React.useEffect(function () {
     setVisible(!!props.popperVisible || !!props.popupVisible);
   }, [props.popperVisible, props.popupVisible]);
+  React.useEffect(function () {
+    if (!!props.popperVisible || !!props.popupVisible || defaultPopupVisible) {
+      setVisible(true);
+    }
+  }, []);
   var _useState3 = useState([options]),
     _useState4 = _slicedToArray(_useState3, 2),
     menus = _useState4[0],
@@ -399,11 +427,11 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
     props.onChange && props.onChange(selectedValue, selectedOptions);
   };
-  var onVisibleChange = function onVisibleChange(visible) {
-    setVisible(visible);
-    onPopupVisibleChange && onPopupVisibleChange(visible);
-    onPopperVisibleChange && onPopperVisibleChange(visible);
-    visible && setSelectedOptions(_sliceInstanceProperty(currentOptions).call(currentOptions, 0));
+  var onVisibleChange = function onVisibleChange(v) {
+    setVisible(v);
+    onPopupVisibleChange && onPopupVisibleChange(v);
+    onPopperVisibleChange && onPopperVisibleChange(v);
+    v && setSelectedOptions(_sliceInstanceProperty(currentOptions).call(currentOptions, 0));
   };
   var cascaderMenus = /*#__PURE__*/React.createElement(React.Fragment, null, (options === null || options === void 0 ? void 0 : options.length) ? (menus === null || menus === void 0 ? void 0 : menus.length) && _mapInstanceProperty(menus).call(menus, function (opts, index) {
     return /*#__PURE__*/React.createElement("ul", {
@@ -436,10 +464,13 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }) : ((children === null || children === void 0 ? void 0 : children.length) || isLeaf === false) && (props.expandIcon || /*#__PURE__*/React.createElement(Icon, {
         type: "arrow-right"
       })));
-      return /*#__PURE__*/React.createElement("li", _extends({
+      return /*#__PURE__*/React.createElement(CascaderMenuSubmenu, _extends({
         key: value
-      }, optionProps, {
-        title: label
+      }, {
+        isMultiple: isMultiple,
+        optionProps: optionProps,
+        label: label,
+        selected: selected
       }), isMultiple ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Checkbox, {
         checked: getChecked(checkedKeys, value),
         indeterminate: getHalfChecked(halfCheckedKeys, value),

package/es/city-picker/style/index.css

@@ -167,6 +167,13 @@
   z-index: 1;
   position: absolute;
   top: 0;
+  bottom: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   background: #fff;
   -webkit-transition: opacity 0.15s ease;
   transition: opacity 0.15s ease;

package/es/city-picker/style/index.less

@@ -59,6 +59,9 @@
       z-index: 1;
       position: absolute;
       top: 0;
+      bottom: 0;
+      display: flex;
+      align-items: center;
       background: #fff;
       transition: opacity 0.15s ease;
       font-size: @city-picker-clear-font-size;

package/es/config-provider/compDefaultProps.d.ts

@@ -488,5 +488,12 @@ declare const compDefaultProps: {
         errorLevel: string;
         color: string;
     };
+    Signature: {
+        penColor: string;
+        backgroundColor: string;
+        containerWidth: number;
+        containerHeight: number;
+        canFullScreen: boolean;
+    };
 };
 export default compDefaultProps;

package/es/config-provider/compDefaultProps.js

@@ -505,6 +505,13 @@ var compDefaultProps = {
     type: 'canvas',
     errorLevel: 'H',
     color: '#000000'
+  },
+  Signature: {
+    penColor: 'black',
+    backgroundColor: 'white',
+    containerWidth: 610,
+    containerHeight: 500,
+    canFullScreen: true
   }
 };
 export default compDefaultProps;

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

@@ -140,7 +140,7 @@ function Panel(props) {
   };
   var renderDateHeader = function renderDateHeader() {
     var year = getYear(viewDate);
-    var month = getMonth(viewDate) + 1;
+    var month = getMonth(viewDate);
     var headerCls = classnames("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-date"));
     return {
       children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
@@ -149,7 +149,7 @@ function Panel(props) {
       }, year + locale.year), /*#__PURE__*/React.createElement("span", {
         className: classnames("".concat(prefixCls, "-header-text-inner"), "".concat(prefixCls, "-header-text-inner-hover"), _defineProperty({}, "".concat(prefixCls, "-header-text-inner-active"), isInnerMonth)),
         onClick: onHeaderMonthClick
-      }, month + locale.month)),
+      }, locale.monthTitle[month])),
       className: headerCls
     };
   };

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DateType } from './interface';
+import { DateType, InnerLocale } from './interface';
 import { PickerPanelBaseProps, PickerPanelDateProps, PickerPanelTimeProps } from './date-panel';
 import { BorderType, InputSiteType } from '../input/input';
 export declare type CellRenderSubType = 'hour' | 'minute' | 'second' | '12Hours';
@@ -59,5 +59,6 @@ export interface PickerTimeProps extends PickerSharedProps, Omit<OmitPanelProps<
 }
 export declare type PickerProps = PickerBaseProps | PickerDateProps | PickerTimeProps;
 export declare type IInnerPicker = undefined | 'year' | 'month';
+export declare const mergeDateLocale: (globalLocale: InnerLocale, locale?: {}) => InnerLocale;
 declare const DatePicker: React.ForwardRefExoticComponent<(Partial<PickerBaseProps> & React.RefAttributes<unknown>) | (Partial<PickerDateProps> & React.RefAttributes<unknown>) | (Partial<PickerTimeProps> & React.RefAttributes<unknown>)>;
 export default DatePicker;

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

@@ -1,5 +1,7 @@
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
 import React, { useContext, useEffect, useState } from 'react';
 import classnames from 'classnames';
@@ -12,11 +14,33 @@ import InputDate from './single/input-date';
 import { getDefaultFormat, getDataOrAriaProps, getInternalNextMode, generateUnits } from './utils';
 import useValueTexts from './hooks/use-value-texts';
 import useHoverValue from './hooks/use-hover-value';
-import { formatDate, getHours, getLowerBoundTime, getMinutes, getSeconds, isEqual, isValid, newDate, parseDate, setTime, isDate } from './utils/date-fns';
+import { formatDate, getHours, getLowerBoundTime, getMinutes, getSeconds, isEqual, isValid, newDate, parseDate, setTime } from './utils/date-fns';
 import useTextValueMapping from './hooks/use-text-value-mapping';
 import getExtraFooter from './utils/get-extra-footer';
 import getRanges from './utils/get-ranges';
 import usePopper from '../_utils/usePopper';
+var MONTH_DEFAULT_SUFFIX = '月';
+export var mergeDateLocale = function mergeDateLocale(globalLocale) {
+  var locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var mergeLocale = _extends({}, globalLocale, locale);
+  mergeLocale.weekTitle = _Array$from({
+    length: 7
+  }, function (_, index) {
+    return mergeLocale.weekTitle[index] || globalLocale.weekTitle[index];
+  });
+  mergeLocale.monthTitle = _Array$from({
+    length: 12
+  }, function (_, index) {
+    return mergeLocale.monthTitle[index] || globalLocale.monthTitle[index];
+  });
+  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) {
+      return d.toString().replace(MONTH_DEFAULT_SUFFIX, mergeLocale.month);
+    });
+  }
+  return mergeLocale;
+};
 var InternalDatePicker = function InternalDatePicker(props, ref) {
   var customPrefixcls = props.prefixCls;
   var _useContext = useContext(ConfigContext),
@@ -92,7 +116,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
   var isMinuteStepValid = 60 % minuteStep === 0;
   var isSecondStepValid = 60 % secondStep === 0;
   var needConfirmButton = picker === 'date' && !!showTime || picker === 'time';
-  var datePickerLang = _extends({}, globalLocale.getCompLangMsg({
+  var datePickerLang = mergeDateLocale(globalLocale.getCompLangMsg({
     componentName: 'DatePicker'
   }), locale || {});
   var _useMergedState = useMergedState(null, {
@@ -102,10 +126,15 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     _useMergedState2 = _slicedToArray(_useMergedState, 2),
     dateValue = _useMergedState2[0],
     setDateValue = _useMergedState2[1];
-  var _React$useState = React.useState(dateValue),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    selectedValue = _React$useState2[0],
-    setSelectedValue = _React$useState2[1];
+  var _useMergedState3 = useMergedState(null, {
+      value: dateValue,
+      postState: function postState(v) {
+        return v && !isValid(v) ? null : v;
+      }
+    }),
+    _useMergedState4 = _slicedToArray(_useMergedState3, 2),
+    selectedValue = _useMergedState4[0],
+    setSelectedValue = _useMergedState4[1];
   var hours;
   var minutes;
   var seconds;
@@ -136,7 +165,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     viewDate = _useState2[0],
     setInnerViewDate = _useState2[1];
   var setViewDate = function setViewDate(date) {
-    setInnerViewDate(isDate(date) ? date : new Date());
+    setInnerViewDate(isValid(date) ? date : new Date());
   };
   useEffect(function () {
     setViewDate(dateValue);
@@ -175,7 +204,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     hoverValue = _useHoverValue2[0],
     onEnter = _useHoverValue2[1],
     onLeave = _useHoverValue2[2];
-  var _useMergedState3 = useMergedState(false, {
+  var _useMergedState5 = useMergedState(false, {
       value: open,
       defaultValue: defaultOpen,
       postState: function postState(postOpen) {
@@ -190,10 +219,10 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
         // }
       }
     }),
-    _useMergedState4 = _slicedToArray(_useMergedState3, 2),
-    openValue = _useMergedState4[0],
-    triggerInnerOpen = _useMergedState4[1];
-  var _useMergedState5 = useMergedState(function () {
+    _useMergedState6 = _slicedToArray(_useMergedState5, 2),
+    openValue = _useMergedState6[0],
+    triggerInnerOpen = _useMergedState6[1];
+  var _useMergedState7 = useMergedState(function () {
       if (picker === 'time') {
         return 'time';
       }
@@ -201,9 +230,9 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     }, {
       value: mode
     }),
-    _useMergedState6 = _slicedToArray(_useMergedState5, 2),
-    mergedMode = _useMergedState6[0],
-    setInnerMode = _useMergedState6[1];
+    _useMergedState8 = _slicedToArray(_useMergedState7, 2),
+    mergedMode = _useMergedState8[0],
+    setInnerMode = _useMergedState8[1];
   var _useState3 = useState(undefined),
     _useState4 = _slicedToArray(_useState3, 2),
     innerPicker = _useState4[0],
@@ -231,9 +260,6 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [picker]);
-  useEffect(function () {
-    setSelectedValue(dateValue);
-  }, [dateValue]);
   useOnClickOutside([popperRef, inputDivRef], function () {
     setViewDate(selectedValue || newDate());
     triggerOpen(false);

package/es/date-picker/hooks/use-range-view-dates.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _valuesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/values";
 import * as React from 'react';
 import { getValue, updateValues, getClosingViewDate } from '../utils';
-import { newDate, isSameYear, isSameMonth } from '../utils/date-fns';
+import { newDate, isSameYear, isSameMonth, isValid } from '../utils/date-fns';
 // import { getClosingViewDate, isSameYear, isSameMonth, isSameDecade } from '../utils/dateUtil'
 function getStartEndDistance(startDate, endDate, picker) {
   var startNext = getClosingViewDate(startDate, picker, 1);
@@ -48,6 +48,12 @@ function getRangeViewDate(values, index, picker) {
   }
   return startDate;
 }
+function checkViewDate(value) {
+  if (value && !isValid(value)) {
+    return false;
+  }
+  return value;
+}
 export default function useRangeViewDates(_ref) {
   var values = _valuesInstanceProperty(_ref),
     picker = _ref.picker,
@@ -68,7 +74,7 @@ export default function useRangeViewDates(_ref) {
     if (defaultViewDates[index]) {
       return defaultViewDates[index];
     }
-    return getValue(viewDates, index) || getRangeViewDate(values, index, picker) || startDate || endDate || newDate();
+    return checkViewDate(getValue(viewDates, index)) || checkViewDate(getRangeViewDate(values, index, picker)) || checkViewDate(startDate) || checkViewDate(endDate) || newDate();
   }
   function setViewDate(viewDate, index) {
     if (viewDate) {

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

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import { BorderType, InputSiteType } from '../input/input';
+export declare type WeekTitleType = [string, string, string, string, string, string, string];
+export declare type MonthTitleType = [string, string, string, string, string, string, string, string, string, string, string, string];
 export interface Locale {
     'DatePicker.placeholder': string;
     'DatePicker.yearPlaceholder': string;
@@ -12,7 +14,8 @@ export interface Locale {
     'DatePicker.today': string;
     'DatePicker.year': string;
     'DatePicker.month': string;
-    'DatePicker.weekTitle': [string, string, string, string, string, string, string];
+    'DatePicker.weekTitle': WeekTitleType;
+    'DatePicker.monthTitle': MonthTitleType;
     'DatePicker.rangePlaceholder': [string, string];
     'DatePicker.rangeYearPlaceholder': [string, string];
     'DatePicker.rangeMonthPlaceholder': [string, string];
@@ -33,7 +36,8 @@ export interface InnerLocale {
     today: string;
     year: string;
     month: string;
-    weekTitle: [string, string, string, string, string, string, string];
+    weekTitle: WeekTitleType;
+    monthTitle: MonthTitleType;
     rangePlaceholder: [string, string];
     rangeYearPlaceholder: [string, string];
     rangeMonthPlaceholder: [string, string];

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

@@ -12,28 +12,7 @@ var locale = {
   'DatePicker.month': '月',
   'DatePicker.year': '年',
   'DatePicker.weekTitle': ['日', '一', '二', '三', '四', '五', '六'],
-  // 'DatePicker.backToToday': '返回今天',
-  // 'DatePicker.timeSelect': '选择时间',
-  // 'DatePicker.dateSelect': '选择日期',
-  // 'DatePicker.weekSelect': '选择周',
-  // 'DatePicker.clear': '清除',
-  // 'DatePicker.month': '月',
-  // 'DatePicker.year': '年',
-  // 'DatePicker.previousMonth': '上个月 (翻页上键)',
-  // 'DatePicker.nextMonth': '下个月 (翻页下键)',
-  // 'DatePicker.monthSelect': '选择月份',
-  // 'DatePicker.yearSelect': '选择年份',
-  // 'DatePicker.decadeSelect': '选择年代',
-  // 'DatePicker.yearFormat': 'YYYY年',
-  // 'DatePicker.dayFormat': 'D日',
-  // 'DatePicker.dateFormat': 'YYYY年M月D日',
-  // 'DatePicker.dateTimeFormat': 'YYYY年M月D日 HH时mm分ss秒',
-  // 'DatePicker.previousYear': '上一年 (Control键加左方向键)',
-  // 'DatePicker.nextYear': '下一年 (Control键加右方向键)',
-  // 'DatePicker.previousDecade': '上一年代',
-  // 'DatePicker.nextDecade': '下一年代',
-  // 'DatePicker.previousCentury': '上一世纪',
-  // 'DatePicker.nextCentury': '下一世纪',
+  'DatePicker.monthTitle': ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
   'DatePicker.rangePlaceholder': ['开始日期', '结束日期'],
   'DatePicker.rangeYearPlaceholder': ['开始年份', '结束年份'],
   'DatePicker.rangeMonthPlaceholder': ['开始月份', '结束月份'],

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

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React, { useContext } from 'react';
 import classnames from 'classnames';
 import { getMonth, newDate, getYear, setMonth, isAfter, isBefore, isSameMonth, getStartOfMonth, setYearOrMonthOfDate } from '../../utils/date-fns';
@@ -98,7 +97,6 @@ function Month(props) {
         className: monthLineCls,
         key: i
       }, _mapInstanceProperty(month).call(month, function (m, j) {
-        var _context;
         var month = setMonth(viewDate, m);
         var _props = {
           onClick: function onClick() {
@@ -118,7 +116,7 @@ function Month(props) {
         var monthItemCls = classnames("".concat(prefixCls, "-month-item"), _defineProperty({}, "".concat(prefixCls, "-month-item-disabled"), disabledDate && disabledDate(month)), getRangeCls(month));
         var originNode = /*#__PURE__*/React.createElement("span", {
           className: getMonthClassNames(m)
-        }, _concatInstanceProperty(_context = "".concat(m + 1)).call(_context, locale.month));
+        }, "".concat(locale.monthTitle[m]));
         return /*#__PURE__*/React.createElement("div", _extends({
           className: monthItemCls,
           key: j

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

@@ -1,6 +1,6 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
-import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
@@ -19,6 +19,7 @@ import { formatDate, isAfter, newDate, parseDate, isEqual, isSameQuarter, isSame
 import useTextValueMapping from './hooks/use-text-value-mapping';
 import useRangeViewDates from './hooks/use-range-view-dates';
 import useRangeDisabled from './hooks/use-range-disabled';
+import { mergeDateLocale } from './date-picker';
 import getExtraFooter from './utils/get-extra-footer';
 import getRanges from './utils/get-ranges';
 import classNames from 'classnames';
@@ -105,7 +106,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     status = datePickerProps.status,
     cellRender = datePickerProps.cellRender;
   var needConfirmButton = picker === 'date' && !!showTime || picker === 'time';
-  var datePickerLang = _extends({}, globalLocale.getCompLangMsg({
+  var datePickerLang = mergeDateLocale(globalLocale.getCompLangMsg({
     componentName: 'DatePicker'
   }), locale || {});
   // ref
@@ -152,8 +153,11 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
         }
         // Fill disabled unit
         for (var i = 0; i < 2; i++) {
-          if (mergedDisabled[i] && !getValue(postValues, i) && !getValue(allowEmpty, i)) {
+          var v = getValue(postValues, i);
+          if (mergedDisabled[i] && !v && !getValue(allowEmpty, i)) {
             postValues = updateValues(postValues, newDate(), i);
+          } else if (v && !isValid(v)) {
+            postValues = updateValues(postValues, null, i);
           }
         }
         return postValues;

package/es/index.d.ts

@@ -59,3 +59,4 @@ export { default as ColorPicker } from './color-picker';
 export { default as Clipboard } from './clipboard';
 export { default as QRCode } from './qr-code';
 export { default as Divider } from './divider';
+export { default as Signature } from './signature';

package/es/index.js

@@ -58,4 +58,5 @@ export { default as TreeSelect } from './tree-select';
 export { default as ColorPicker } from './color-picker';
 export { default as Clipboard } from './clipboard';
 export { default as QRCode } from './qr-code';
-export { default as Divider } from './divider';
+export { default as Divider } from './divider';
+export { default as Signature } from './signature';

package/es/locale/locale.d.ts

@@ -100,6 +100,11 @@ declare class LocaleCache {
         'Table.confirmFilter': string;
         'Select.selectAll': string;
         'Select.seleted': string;
+        'Signature.clickToSign': string;
+        'Signature.pleaseWriteHere': string;
+        'Signature.okText': string;
+        'Signature.cancelText': string;
+        'Signature.handwrittenSignature': string;
         'DatePicker.placeholder': string;
         'DatePicker.yearPlaceholder': string;
         'DatePicker.quarterPlaceholder': string;
@@ -111,7 +116,8 @@ declare class LocaleCache {
         'DatePicker.today': string;
         'DatePicker.year': string;
         'DatePicker.month': string;
-        'DatePicker.weekTitle': [string, string, string, string, string, string, string];
+        'DatePicker.weekTitle': import("../date-picker/interface").WeekTitleType;
+        'DatePicker.monthTitle': import("../date-picker/interface").MonthTitleType;
         'DatePicker.rangePlaceholder': [string, string];
         'DatePicker.rangeYearPlaceholder': [string, string];
         'DatePicker.rangeMonthPlaceholder': [string, string];

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

@@ -74,6 +74,11 @@ declare const locale: {
     'Table.confirmFilter': string;
     'Select.selectAll': string;
     'Select.seleted': string;
+    'Signature.clickToSign': string;
+    'Signature.pleaseWriteHere': string;
+    'Signature.okText': string;
+    'Signature.cancelText': string;
+    'Signature.handwrittenSignature': string;
     'DatePicker.placeholder': string;
     'DatePicker.yearPlaceholder': string;
     'DatePicker.quarterPlaceholder': string;
@@ -85,7 +90,8 @@ declare const locale: {
     'DatePicker.today': string;
     'DatePicker.year': string;
     'DatePicker.month': string;
-    'DatePicker.weekTitle': [string, string, string, string, string, string, string];
+    'DatePicker.weekTitle': import("../date-picker/interface").WeekTitleType;
+    'DatePicker.monthTitle': import("../date-picker/interface").MonthTitleType;
     'DatePicker.rangePlaceholder': [string, string];
     'DatePicker.rangeYearPlaceholder': [string, string];
     'DatePicker.rangeMonthPlaceholder': [string, string];

package/es/locale/zh-CN.js

@@ -77,6 +77,11 @@ var locale = _extends(_extends({
   'Table.resetFilter': '重置',
   'Table.confirmFilter': '确定',
   'Select.selectAll': '全选',
-  'Select.seleted': '已选{size}项'
+  'Select.seleted': '已选{size}项',
+  'Signature.clickToSign': '点击签名',
+  'Signature.pleaseWriteHere': '请在此处横向书写签名',
+  'Signature.okText': '确定',
+  'Signature.cancelText': '取消',
+  'Signature.handwrittenSignature': '手写签名'
 });
 export default locale;

package/es/modal/modal.js

@@ -139,7 +139,9 @@ var InternalModal = function InternalModal(props, ref) {
   var escapeToCloseModal = useCallback(function (evt) {
     var _context;
     // In Internet Explorer 9 and Firefox 36 and earlier, the Esc key returns "Esc" instead of "Escape"
-    if (_includesInstanceProperty(_context = ['Escape', 'Esc']).call(_context, evt.key)) {
+    var isModalVisible = destroyOnClose || (isForceController ? visible : innerVisible);
+    if (_includesInstanceProperty(_context = ['Escape', 'Esc']).call(_context, evt.key) && isModalVisible) {
+      evt.preventDefault();
       proxyCloseModal(onCancel);
     }
   }, [proxyCloseModal, onCancel]);

package/es/popconfirm/popconfirm.js

@@ -39,7 +39,7 @@ var Popconfirm = function Popconfirm(props) {
   }, [props.visible]);
   var confirmLocator = React.Children.count(children) === 1 && children.type ? children : /*#__PURE__*/React.createElement("span", null, children);
   var confirmTitle = typeof title === 'function' ? title() : title;
-  var confirmMsg = typeof title === 'function' ? message() : message;
+  var confirmMsg = typeof message === 'function' ? message() : message;
   var handleCancel = function handleCancel(e) {
     props.visible === undefined && setVisible(false);
     onVisibleChange && onVisibleChange(false);

package/es/select/select.js

@@ -505,7 +505,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: clearIconCls,
       ref: clearRef
     }, clearIcon || /*#__PURE__*/React.createElement(Icon, {
-      type: "close-solid"
+      type: "close"
     })) : null, showArrow ? /*#__PURE__*/React.createElement("span", {
       className: arrowIconCls
     }, suffixIcon || /*#__PURE__*/React.createElement(Icon, {

package/es/select/style/index.css

@@ -542,10 +542,10 @@
   opacity: 1;
 }
 .kd-select .kd-select-single .kd-select-icon-clear {
-  color: var(--kd-c-select-icon-clear-color-text, #d9d9d9);
+  color: var(--kd-c-select-icon-clear-color-text, #666);
 }
 .kd-select .kd-select-single .kd-select-icon-clear:hover {
-  color: var(--kd-c-select-icon-clear-color-text-hover, #999);
+  color: var(--kd-c-select-icon-clear-color-text-hover, var(--kd-g-color-theme, #5582f3));
 }
 .kd-select .kd-select-single-text {
   color: var(--kd-c-select-single-color-text, var(--kd-g-color-text-primary, #212121));
@@ -660,10 +660,10 @@
   opacity: 1;
 }
 .kd-select-multiple .kd-select-icon-clear {
-  color: var(--kd-c-select-icon-clear-color-text, #d9d9d9);
+  color: var(--kd-c-select-icon-clear-color-text, #666);
 }
 .kd-select-multiple .kd-select-icon-clear:hover {
-  color: var(--kd-c-select-icon-clear-color-text-hover, #999);
+  color: var(--kd-c-select-icon-clear-color-text-hover, var(--kd-g-color-theme, #5582f3));
 }
 .kd-select-multiple-selector {
   position: relative;

package/es/select/style/token.less

@@ -20,8 +20,8 @@
 @select-color-text-disabled: var(~'@{select-custom-prefix}-color-text-disabled', @color-disabled);
 @select-arrow-icon-color-text-disabled: var(~'@{select-custom-prefix}-arrow-icon-color-text-disabled', #b2b2b2);
 @select-single-color-text: var(~'@{select-custom-prefix}-single-color-text', @color-text-primary);
-@select-clear-color: var(~'@{select-custom-prefix}-icon-clear-color-text', #d9d9d9);
-@select-clear-color-hover: var(~'@{select-custom-prefix}-icon-clear-color-text-hover', #999);
+@select-clear-color: var(~'@{select-custom-prefix}-icon-clear-color-text', #666);
+@select-clear-color-hover: var(~'@{select-custom-prefix}-icon-clear-color-text-hover', @color-theme);
 @select-error-color: var(~'@{select-custom-prefix}-color-error', @color-error);
 
 // font