@kdcloudjs/kdesign 1.7.60 → 1.7.62

package/es/cascader/cascader.js

@@ -271,12 +271,12 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var arrowIconCls = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-icon-arrow"), true), _defineProperty(_classNames, "".concat(prefixCls, "-icon-arrow-up"), visible), _defineProperty(_classNames, "".concat(prefixCls, "-icon-arrow-down"), !visible), _defineProperty(_classNames, "".concat(prefixCls, "-icon-arrow-focus"), visible), _classNames));
     var iconShow = allowClear && !disabled && currentOptions.length > 0;
     var clearIconCls = classNames(_defineProperty({}, "".concat(prefixCls, "-icon-clear"), true));
-    return /*#__PURE__*/React.createElement(React.Fragment, null, iconShow && /*#__PURE__*/React.createElement("span", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, iconShow ? /*#__PURE__*/React.createElement("span", {
       onClick: handleClear,
       className: clearIconCls
     }, /*#__PURE__*/React.createElement(Icon, {
       type: "close-solid"
-    }) || clearIcon), /*#__PURE__*/React.createElement("span", {
+    }) || clearIcon) : null, /*#__PURE__*/React.createElement("span", {
       className: arrowIconCls
     }, suffixIcon || /*#__PURE__*/React.createElement(Icon, {
       type: "arrow-down"
@@ -316,11 +316,11 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }), /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-multiple-wrapper"),
       ref: wrapperRef
-    }, Array.isArray(currentOptions) && /*#__PURE__*/React.createElement(React.Fragment, null, _mapInstanceProperty(currentOptions).call(currentOptions, function (option, index) {
+    }, Array.isArray(currentOptions) ? /*#__PURE__*/React.createElement(React.Fragment, null, _mapInstanceProperty(currentOptions).call(currentOptions, function (option, index) {
       return /*#__PURE__*/React.createElement("span", {
         key: _JSON$stringify(values[index]),
         className: classNames("".concat(prefixCls, "-selection-tag"))
-      }, (!maxTagCount || index <= maxTagCount - 1) && /*#__PURE__*/React.createElement(Tag, {
+      }, !maxTagCount || index <= maxTagCount - 1 ? /*#__PURE__*/React.createElement(Tag, {
         type: "edit",
         disabled: disabled,
         style: TagStyle,
@@ -328,14 +328,14 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
         onClose: function onClose(e) {
           return handleRemove(e, option);
         }
-      }, displayRender(labels[index], option)));
+      }, displayRender(labels[index], option)) : null);
     }), maxTagCount && currentOptions.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() : /*#__PURE__*/React.createElement("span", {
       className: itemCls
     }, /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-tag-describe-content")
-    }, "\u5171", currentOptions.length, "\u9879")) : null), /*#__PURE__*/React.createElement("span", {
+    }, "\u5171", currentOptions.length, "\u9879")) : null) : null, /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-placeholder")
-    }, !currentOptions.length && placeholder)), /*#__PURE__*/React.createElement("span", {
+    }, !currentOptions.length ? placeholder : null)), /*#__PURE__*/React.createElement("span", {
       ref: suffixRef,
       className: "".concat(prefixCls, "-suffix")
     }, renderSuffix()));
@@ -371,11 +371,11 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       ref: wrapperRef
     }, /*#__PURE__*/React.createElement(Input, _extends({}, inputProps)), /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-picker-label")
-    }, (labels === null || labels === void 0 ? void 0 : labels.length) ? displayRender(labels, currentOptions) : ''), allowClear && /*#__PURE__*/React.createElement(Icon, {
+    }, (labels === null || labels === void 0 ? void 0 : labels.length) ? displayRender(labels, currentOptions) : ''), allowClear ? /*#__PURE__*/React.createElement(Icon, {
       type: "close-solid",
       className: "".concat(prefixCls, "-picker-close"),
       onClick: handleClear
-    }))));
+    }) : null)));
   };
   var cascaderLocator = isMultiple ? renderMultiple() : renderSingle();
   var onExpend = function onExpend(index, opt, opts) {
@@ -433,11 +433,11 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     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) {
+  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", {
       key: index,
       className: "".concat(prefixCls, "-menu")
-    }, (opts === null || opts === void 0 ? void 0 : opts.length) && _mapInstanceProperty(opts).call(opts, function (opt) {
+    }, (opts === null || opts === void 0 ? void 0 : opts.length) ? _mapInstanceProperty(opts).call(opts, function (opt) {
       var isLeaf = opt.isLeaf,
         loading = opt.loading,
         value = opt[fieldNames.value],
@@ -461,9 +461,9 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, label), loading ? /*#__PURE__*/React.createElement(Icon, {
         type: "loadding-circle",
         spin: true
-      }) : ((children === null || children === void 0 ? void 0 : children.length) || isLeaf === false) && (props.expandIcon || /*#__PURE__*/React.createElement(Icon, {
+      }) : (children === null || children === void 0 ? void 0 : children.length) || isLeaf === false ? props.expandIcon || /*#__PURE__*/React.createElement(Icon, {
         type: "arrow-right"
-      })));
+      }) : null);
       return /*#__PURE__*/React.createElement(CascaderMenuSubmenu, _extends({
         key: value
       }, {
@@ -480,8 +480,8 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
         },
         className: "".concat(prefixCls, "-checkbox")
       }), node) : node);
-    }));
-  }) : /*#__PURE__*/React.createElement(Empty, {
+    }) : null);
+  }) : null : /*#__PURE__*/React.createElement(Empty, {
     description: notFoundContent
   }));
   var cascaderPopper = dropdownRender(cascaderMenus);

package/es/cascader/style/index.css

@@ -330,8 +330,8 @@
   display: -ms-flexbox;
   display: flex;
   -webkit-box-flex: 0;
-      -ms-flex: 0;
-          flex: 0;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   -webkit-box-align: center;

package/es/cascader/style/index.less

@@ -227,7 +227,7 @@
     right: 0;
     position: absolute;
     display: flex;
-    flex: 0;
+    flex: 0 0 auto;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;

package/es/city-picker/city-picker.js

@@ -464,10 +464,6 @@ var InternalSelect = function InternalSelect(props, ref) {
         var _a;
         return (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
       },
-      onBlur: function onBlur() {
-        var _a;
-        return (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-      },
       onKeyDown: onInternalKeyDown
     }, renderSingle()));
   };

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/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';
@@ -17,6 +19,28 @@ 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, {

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

package/es/locale/locale.d.ts

@@ -116,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

@@ -90,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/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

package/lib/cascader/cascader.js

@@ -284,12 +284,12 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var arrowIconCls = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-icon-arrow"), true), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-icon-arrow-up"), visible), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-icon-arrow-down"), !visible), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-icon-arrow-focus"), visible), _classNames));
     var iconShow = allowClear && !disabled && currentOptions.length > 0;
     var clearIconCls = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-icon-clear"), true));
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, iconShow && /*#__PURE__*/_react.default.createElement("span", {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, iconShow ? /*#__PURE__*/_react.default.createElement("span", {
       onClick: handleClear,
       className: clearIconCls
     }, /*#__PURE__*/_react.default.createElement(_icon.default, {
       type: "close-solid"
-    }) || clearIcon), /*#__PURE__*/_react.default.createElement("span", {
+    }) || clearIcon) : null, /*#__PURE__*/_react.default.createElement("span", {
       className: arrowIconCls
     }, suffixIcon || /*#__PURE__*/_react.default.createElement(_icon.default, {
       type: "arrow-down"
@@ -329,11 +329,11 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }), /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-multiple-wrapper"),
       ref: wrapperRef
-    }, Array.isArray(currentOptions) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _map.default)(currentOptions).call(currentOptions, function (option, index) {
+    }, Array.isArray(currentOptions) ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _map.default)(currentOptions).call(currentOptions, function (option, index) {
       return /*#__PURE__*/_react.default.createElement("span", {
         key: (0, _stringify.default)(values[index]),
         className: (0, _classnames.default)("".concat(prefixCls, "-selection-tag"))
-      }, (!maxTagCount || index <= maxTagCount - 1) && /*#__PURE__*/_react.default.createElement(_tag.default, {
+      }, !maxTagCount || index <= maxTagCount - 1 ? /*#__PURE__*/_react.default.createElement(_tag.default, {
         type: "edit",
         disabled: disabled,
         style: TagStyle,
@@ -341,14 +341,14 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         onClose: function onClose(e) {
           return handleRemove(e, option);
         }
-      }, displayRender(labels[index], option)));
+      }, displayRender(labels[index], option)) : null);
     }), maxTagCount && currentOptions.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() : /*#__PURE__*/_react.default.createElement("span", {
       className: itemCls
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(prefixCls, "-tag-describe-content")
-    }, "\u5171", currentOptions.length, "\u9879")) : null), /*#__PURE__*/_react.default.createElement("span", {
+    }, "\u5171", currentOptions.length, "\u9879")) : null) : null, /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(prefixCls, "-placeholder")
-    }, !currentOptions.length && placeholder)), /*#__PURE__*/_react.default.createElement("span", {
+    }, !currentOptions.length ? placeholder : null)), /*#__PURE__*/_react.default.createElement("span", {
       ref: suffixRef,
       className: "".concat(prefixCls, "-suffix")
     }, renderSuffix()));
@@ -384,11 +384,11 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       ref: wrapperRef
     }, /*#__PURE__*/_react.default.createElement(_input.default, (0, _extends2.default)({}, inputProps)), /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(prefixCls, "-picker-label")
-    }, (labels === null || labels === void 0 ? void 0 : labels.length) ? displayRender(labels, currentOptions) : ''), allowClear && /*#__PURE__*/_react.default.createElement(_icon.default, {
+    }, (labels === null || labels === void 0 ? void 0 : labels.length) ? displayRender(labels, currentOptions) : ''), allowClear ? /*#__PURE__*/_react.default.createElement(_icon.default, {
       type: "close-solid",
       className: "".concat(prefixCls, "-picker-close"),
       onClick: handleClear
-    }))));
+    }) : null)));
   };
   var cascaderLocator = isMultiple ? renderMultiple() : renderSingle();
   var onExpend = function onExpend(index, opt, opts) {
@@ -446,11 +446,11 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onPopperVisibleChange && onPopperVisibleChange(v);
     v && setSelectedOptions((0, _slice.default)(currentOptions).call(currentOptions, 0));
   };
-  var cascaderMenus = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (options === null || options === void 0 ? void 0 : options.length) ? (menus === null || menus === void 0 ? void 0 : menus.length) && (0, _map.default)(menus).call(menus, function (opts, index) {
+  var cascaderMenus = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (options === null || options === void 0 ? void 0 : options.length) ? (menus === null || menus === void 0 ? void 0 : menus.length) ? (0, _map.default)(menus).call(menus, function (opts, index) {
     return /*#__PURE__*/_react.default.createElement("ul", {
       key: index,
       className: "".concat(prefixCls, "-menu")
-    }, (opts === null || opts === void 0 ? void 0 : opts.length) && (0, _map.default)(opts).call(opts, function (opt) {
+    }, (opts === null || opts === void 0 ? void 0 : opts.length) ? (0, _map.default)(opts).call(opts, function (opt) {
       var isLeaf = opt.isLeaf,
         loading = opt.loading,
         value = opt[fieldNames.value],
@@ -474,9 +474,9 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       }, label), loading ? /*#__PURE__*/_react.default.createElement(_icon.default, {
         type: "loadding-circle",
         spin: true
-      }) : ((children === null || children === void 0 ? void 0 : children.length) || isLeaf === false) && (props.expandIcon || /*#__PURE__*/_react.default.createElement(_icon.default, {
+      }) : (children === null || children === void 0 ? void 0 : children.length) || isLeaf === false ? props.expandIcon || /*#__PURE__*/_react.default.createElement(_icon.default, {
         type: "arrow-right"
-      })));
+      }) : null);
       return /*#__PURE__*/_react.default.createElement(CascaderMenuSubmenu, (0, _extends2.default)({
         key: value
       }, {
@@ -493,8 +493,8 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         },
         className: "".concat(prefixCls, "-checkbox")
       }), node) : node);
-    }));
-  }) : /*#__PURE__*/_react.default.createElement(_empty.default, {
+    }) : null);
+  }) : null : /*#__PURE__*/_react.default.createElement(_empty.default, {
     description: notFoundContent
   }));
   var cascaderPopper = dropdownRender(cascaderMenus);

package/lib/cascader/style/index.css

@@ -330,8 +330,8 @@
   display: -ms-flexbox;
   display: flex;
   -webkit-box-flex: 0;
-      -ms-flex: 0;
-          flex: 0;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   -webkit-box-align: center;

package/lib/cascader/style/index.less

@@ -227,7 +227,7 @@
     right: 0;
     position: absolute;
     display: flex;
-    flex: 0;
+    flex: 0 0 auto;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;

package/lib/city-picker/city-picker.js

@@ -476,10 +476,6 @@ var InternalSelect = function InternalSelect(props, ref) {
         var _a;
         return (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
       },
-      onBlur: function onBlur() {
-        var _a;
-        return (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-      },
       onKeyDown: onInternalKeyDown
     }, renderSingle()));
   };

package/lib/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/lib/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/lib/date-picker/date-panel.js

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