@kdcloudjs/kdesign 1.6.26 → 1.6.27

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

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import React, { useContext } from 'react';
 import classnames from 'classnames';
@@ -146,15 +147,17 @@ function Panel(props) {
   };
 
   var renderDateHeader = function renderDateHeader() {
+    var _classnames, _classnames2;
+
     var year = getYear(viewDate);
     var month = getMonth(viewDate) + 1;
     var headerCls = classnames("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-date"));
     return {
       children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefixCls, "-header-text-inner"),
+        className: classnames("".concat(prefixCls, "-header-text-inner"), (_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-header-text-inner-active"), innerPicker === 'year'), _defineProperty(_classnames, "".concat(prefixCls, "-header-text-inner-hover"), picker === 'date'), _classnames)),
         onClick: onHeaderYearClick
       }, year + locale.year), /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefixCls, "-header-text-inner"),
+        className: classnames("".concat(prefixCls, "-header-text-inner"), (_classnames2 = {}, _defineProperty(_classnames2, "".concat(prefixCls, "-header-text-inner-active"), innerPicker === 'month'), _defineProperty(_classnames2, "".concat(prefixCls, "-header-text-inner-hover"), picker === 'date'), _classnames2)),
         onClick: onHeaderMonthClick
       }, month + locale.month)),
       className: headerCls

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

@@ -86,8 +86,10 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
       _onOk = datePickerProps.onOk; // ref
 
   var panelDivRef = React.useRef(null);
-  var inputDivRef = ref || /*#__PURE__*/React.createRef();
-  var popperRef = popupRef || /*#__PURE__*/React.createRef();
+  var inputDivRefDefault = React.useRef(null);
+  var inputDivRef = ref || inputDivRefDefault;
+  var popperRefDefault = React.useRef(null);
+  var popperRef = popupRef || popperRefDefault;
   var inputRef = React.useRef(null);
   var isHourStepValid = 24 % hourStep === 0;
   var isMinuteStepValid = 60 % minuteStep === 0;
@@ -361,7 +363,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
   }); // 渲染日期选择表盘
 
 
-  function renderPanel() {
+  var renderPanel = function renderPanel() {
     var panelNode = /*#__PURE__*/React.createElement(Panel, _extends({}, panelProps));
 
     if (panelRender) {
@@ -392,7 +394,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     }, panelNode, (extraFooter || rangesNode || todayNode) && innerPicker === undefined ? /*#__PURE__*/React.createElement("div", {
       className: "".concat(datePickerPrefixCls, "-footer")
     }, extraFooter, rangesNode, todayNode) : null);
-  }
+  };
 
   var inputProps = {
     inputRef: inputRef,

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

@@ -745,11 +745,12 @@
       -ms-flex: 1;
           flex: 1;
 }
-.kd-date-picker-panel .kd-date-picker-header-text-inner {
-  cursor: pointer;
+.kd-date-picker-panel .kd-date-picker-header-text-inner-active {
+  color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
 }
-.kd-date-picker-panel .kd-date-picker-header-text-inner:hover {
+.kd-date-picker-panel .kd-date-picker-header-text-inner-hover:hover {
   color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
+  cursor: pointer;
 }
 .kd-date-picker-panel .kd-date-picker-header-text-inner:nth-child(2) {
   margin-left: 13px;

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

@@ -629,11 +629,15 @@
       flex: 1;
 
       &-inner {
-        cursor: pointer;
+        &-active {
+          color: @date-color-background-checked;
+        }
 
-        &:hover {
+        &-hover:hover {
           color: @date-color-background-checked;
+          cursor: pointer;
         }
+
         &:nth-child(2) {
           margin-left: 13px;
         }

package/es/pagination/pagination.d.ts

@@ -4,6 +4,15 @@ export declare const PageTypes: ["basic", "bill", "simple", "less", "nicety"];
 export declare const TotalTypes: ["page", "row", "all"];
 export declare type pageType = typeof PageTypes[number];
 export declare type totalType = typeof TotalTypes[number];
+export interface IIcons {
+    first: React.ReactElement;
+    last: React.ReactElement;
+    prev: React.ReactElement;
+    next: React.ReactElement;
+    down: React.ReactElement;
+    jumpPrev: React.ReactElement;
+    jumpNext: React.ReactElement;
+}
 export interface IPaginationProps {
     total?: number;
     current?: number;
@@ -27,6 +36,7 @@ export interface IPaginationProps {
         goButton?: React.ReactNode;
     };
     onShowSizeChange?: (current: number, size: number) => void;
+    icons?: Partial<IIcons>;
 }
 declare const Pagination: React.FC<IPaginationProps>;
 export default Pagination;

package/es/pagination/pagination.js

@@ -1,6 +1,6 @@
 import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
-import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
@@ -51,6 +51,7 @@ var Pagination = function Pagination(props) {
       showSizeChanger = _getCompProps.showSizeChanger,
       onShowSizeChange = _getCompProps.onShowSizeChange,
       hideOnSinglePage = _getCompProps.hideOnSinglePage,
+      icons = _getCompProps.icons,
       customPrefixcls = _getCompProps.prefixCls;
 
   devWarning(PageTypes.indexOf(pageType) === -1, 'Pagination', "cannot found pageType '".concat(pageType, "'")); // className前缀
@@ -92,7 +93,32 @@ var Pagination = function Pagination(props) {
   var _React$useState7 = React.useState(false),
       _React$useState8 = _slicedToArray(_React$useState7, 2),
       isOpen = _React$useState8[0],
-      setIsOpen = _React$useState8[1]; // 切换pageSize
+      setIsOpen = _React$useState8[1]; // icons
+
+
+  var innerIcon = _extends({
+    first: /*#__PURE__*/React.createElement(Icon, {
+      type: "first"
+    }),
+    last: /*#__PURE__*/React.createElement(Icon, {
+      type: "last"
+    }),
+    prev: /*#__PURE__*/React.createElement(Icon, {
+      type: "arrow-left"
+    }),
+    next: /*#__PURE__*/React.createElement(Icon, {
+      type: "arrow-right"
+    }),
+    down: /*#__PURE__*/React.createElement(Icon, {
+      type: "arrow-down"
+    }),
+    jumpPrev: /*#__PURE__*/React.createElement(Icon, {
+      type: "double-arrow-left"
+    }),
+    jumpNext: /*#__PURE__*/React.createElement(Icon, {
+      type: "double-arrow-right"
+    })
+  }, icons || {}); // 切换pageSize
 
 
   var handleChangeSize = function handleChangeSize(key) {
@@ -239,24 +265,16 @@ var Pagination = function Pagination(props) {
   }, /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.first)), /*#__PURE__*/React.createElement("button", {
     onClick: handleFirst,
     disabled: page === 1 || disabled
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "first"
-  }))), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
+  }, innerIcon.first)), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handlePrev,
     disabled: page === 1 || disabled
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "arrow-left"
-  }))), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
+  }, innerIcon.prev)), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handleNext,
     disabled: page === totalPage || disabled
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "arrow-right"
-  }))), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.last)), /*#__PURE__*/React.createElement("button", {
+  }, innerIcon.next)), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.last)), /*#__PURE__*/React.createElement("button", {
     onClick: handleLast,
     disabled: page === totalPage || disabled
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "last"
-  })))), showSizeSelector && /*#__PURE__*/React.createElement("div", {
+  }, innerIcon.last))), showSizeSelector && /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-selector")
   }, /*#__PURE__*/React.createElement(Dropdown, _extends({
     selectable: true,
@@ -276,13 +294,10 @@ var Pagination = function Pagination(props) {
   }, dropdownProps, {
     onVisibleChange: dropdownVisibleChange
   }), /*#__PURE__*/React.createElement("button", {
-    className: "".concat(prefixCls, "-selector-size")
+    className: classNames("".concat(prefixCls, "-selector-size"), "".concat(prefixCls, "-options-dropdown"), _defineProperty({}, "".concat(prefixCls, "-options-dropdown-open"), isOpen))
   }, /*#__PURE__*/React.createElement("span", null, locale.getLangMsg('Pagination', 'perPage', {
     size: size
-  })), /*#__PURE__*/React.createElement(Icon, {
-    type: "arrow-down",
-    className: classNames("".concat(prefixCls, "-dropdown-icon"), _defineProperty({}, "".concat(prefixCls, "-dropdown-icon-open"), isOpen))
-  })))));
+  })), innerIcon.down))));
   var simplePagination = /*#__PURE__*/React.createElement("div", {
     className: classNames(prefixCls, 'simple', className),
     style: style
@@ -294,9 +309,7 @@ var Pagination = function Pagination(props) {
   }, /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handlePrev,
     disabled: page === 1 || disabled
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "arrow-left"
-  }))), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', _concatInstanceProperty(_context4 = "".concat(page, "/")).call(_context4, totalPage))), /*#__PURE__*/React.createElement("span", {
+  }, innerIcon.prev)), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', _concatInstanceProperty(_context4 = "".concat(page, "/")).call(_context4, totalPage))), /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefixCls, "-current")
   }, showJumper ? /*#__PURE__*/React.createElement("input", {
     type: "text",
@@ -311,9 +324,7 @@ var Pagination = function Pagination(props) {
   }, totalPage)), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('action-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handleNext,
     disabled: page === totalPage || disabled
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "arrow-right"
-  })))));
+  }, innerIcon.next))));
   var lessPages = genArray(1, totalPage);
   var lessPagination = /*#__PURE__*/React.createElement("div", {
     className: classNames(prefixCls, 'less', {
@@ -326,9 +337,7 @@ var Pagination = function Pagination(props) {
   }, /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('pages-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handlePrev,
     disabled: page === 1 || disabled
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "arrow-left"
-  }))), _mapInstanceProperty(lessPages).call(lessPages, function (item, index) {
+  }, innerIcon.prev)), _mapInstanceProperty(lessPages).call(lessPages, function (item, index) {
     return /*#__PURE__*/React.createElement("li", _extends({
       key: index
     }, itemAttr('pages-item', String(item), item === page)), /*#__PURE__*/React.createElement("button", {
@@ -340,9 +349,7 @@ var Pagination = function Pagination(props) {
   }), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('pages-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handleNext,
     disabled: page === totalPage || disabled
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "arrow-right"
-  })))));
+  }, innerIcon.next))));
   var nicetyPages = lessPages;
 
   if (totalPage >= 8) {
@@ -371,31 +378,26 @@ var Pagination = function Pagination(props) {
   }, /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('pages-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handlePrev,
     disabled: page === 1 || disabled
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "arrow-left"
-  }))), _mapInstanceProperty(nicetyPages).call(nicetyPages, function (item, index) {
+  }, innerIcon.prev)), _mapInstanceProperty(nicetyPages).call(nicetyPages, function (item, index) {
     var handleChangePage = function handleChangePage() {
       return typeof item === 'string' ? item === '<<' ? jumpPrev() : jumpNext() : changePage(item);
     };
 
     var pageText = typeof item === 'string' ? '...' : item;
-    var jumperIconType = item === '<<' ? 'double-arrow-left' : 'double-arrow-right';
+    var jumperIconType = item === '<<' ? innerIcon.jumpPrev : innerIcon.jumpNext;
     var title = typeof item === 'string' ? paginationLangMsg[item === '<<' ? 'forward' : 'backward'] : String(item);
     return /*#__PURE__*/React.createElement("li", _extends({
       key: index
     }, itemAttr('pages-item', title, item === page)), /*#__PURE__*/React.createElement("button", {
       onClick: handleChangePage,
       disabled: disabled
-    }, pageText, typeof item === 'string' && /*#__PURE__*/React.createElement(Icon, {
-      type: jumperIconType,
+    }, pageText, typeof item === 'string' && /*#__PURE__*/React.cloneElement(jumperIconType, {
       className: "".concat(prefixCls, "-pages-jumper-icon")
     })));
   }), /*#__PURE__*/React.createElement("li", _extends({}, itemAttr('pages-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handleNext,
     disabled: page === totalPage || disabled
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "arrow-right"
-  })))), showJumper && /*#__PURE__*/React.createElement("div", {
+  }, innerIcon.next))), showJumper && /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-jumper")
   }, /*#__PURE__*/React.createElement("input", {
     type: "text",
@@ -428,11 +430,8 @@ var Pagination = function Pagination(props) {
     }, dropdownProps, {
       onVisibleChange: dropdownVisibleChange
     }), /*#__PURE__*/React.createElement("button", {
-      className: "".concat(prefixCls, "-options-size")
-    }, size, /*#__PURE__*/React.createElement(Icon, {
-      type: "arrow-down",
-      className: classNames("".concat(prefixCls, "-dropdown-icon"), _defineProperty({}, "".concat(prefixCls, "-dropdown-icon-open"), isOpen))
-    })))
+      className: classNames("".concat(prefixCls, "-options-size"), "".concat(prefixCls, "-options-dropdown"), _defineProperty({}, "".concat(prefixCls, "-options-dropdown-open"), isOpen))
+    }, size, innerIcon.down))
   })));
   var mapPagination = {
     basic: normalPagination,

package/es/pagination/style/index.css

@@ -707,17 +707,17 @@
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
 }
-.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size .kd-pagination-dropdown-icon-open {
+.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size.kd-pagination-options-dropdown-open i {
   -webkit-transform: rotate(180deg) translateY(50%);
           transform: rotate(180deg) translateY(50%);
 }
-.kd-pagination-dropdown-icon {
+.kd-pagination-options-dropdown i {
   -webkit-transition: -webkit-transform var(--kd-g-duration, 0.3s);
   transition: -webkit-transform var(--kd-g-duration, 0.3s);
   transition: transform var(--kd-g-duration, 0.3s);
   transition: transform var(--kd-g-duration, 0.3s), -webkit-transform var(--kd-g-duration, 0.3s);
 }
-.kd-pagination-dropdown-icon-open {
+.kd-pagination-options-dropdown-open i {
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }

package/es/pagination/style/index.less

@@ -25,6 +25,7 @@
     display: inline-block;
     margin-right: 12px;
     vertical-align: middle;
+
     .@{pagination-prefix-cls}-current-input {
       box-sizing: border-box;
       width: 44px;
@@ -303,6 +304,7 @@
     .@{pagination-pages-prefix-cls} {
       .reset-component;
       display: inline-block;
+
       &-item {
         .reset-component;
         position: relative;
@@ -372,6 +374,7 @@
     .@{pagination-pages-prefix-cls} {
       .reset-component;
       display: inline-block;
+
       &-item {
         .reset-component;
         position: relative;
@@ -388,6 +391,7 @@
         &.active {
           button {
             border-color: @pagination-border-hover-color;
+
             &:disabled {
               border-color: @pagination-border-disabled-color;
             }
@@ -577,16 +581,24 @@
           transform: translateY(-50%);
         }
 
-        .@{pagination-prefix-cls}-dropdown-icon-open {
-          transform: rotate(180deg) translateY(50%);
+        &.@{pagination-prefix-cls}-options-dropdown-open {
+          i {
+            transform: rotate(180deg) translateY(50%);
+          }
         }
       }
     }
   }
-  &-dropdown-icon {
-    transition: transform @duration-promptly;
+
+  &-options-dropdown {
+    i {
+      transition: transform @duration-promptly;
+    }
+
     &-open {
-      transform: rotate(180deg);
+      i {
+        transform: rotate(180deg);
+      }
     }
   }
 }

package/es/select/interface.d.ts

@@ -59,4 +59,12 @@ export interface ISelectProps<T extends SelectValue> extends AbstractSelectProps
     onSearch?: (value?: string) => void;
     onClear?: () => void;
     onDropdownVisibleChange?: (value?: T) => void;
+    tagRender?: (props: TagProps) => void;
+}
+export interface TagProps {
+    value?: string;
+    label?: React.ReactNode;
+    disabled: boolean;
+    size: SelectSize;
+    onClose: () => void;
 }

package/es/select/select.js

@@ -60,7 +60,8 @@ var InternalSelect = function InternalSelect(props, ref) {
       optionFilterProp = selectProps.optionFilterProp,
       optionLabelProp = selectProps.optionLabelProp,
       _selectProps$popperSt = selectProps.popperStyle,
-      popperStyle = _selectProps$popperSt === void 0 ? {} : _selectProps$popperSt;
+      popperStyle = _selectProps$popperSt === void 0 ? {} : _selectProps$popperSt,
+      tagRender = selectProps.tagRender;
   var isMultiple = mode === 'multiple'; // 是否多选
 
   var _useMergedState = useMergedState(undefined, {
@@ -684,7 +685,13 @@ var InternalSelect = function InternalSelect(props, ref) {
         onMouseDown: function onMouseDown(e) {
           return e.preventDefault();
         }
-      }, /*#__PURE__*/React.createElement(Tag, {
+      }, typeof tagRender === 'function' ? tagRender === null || tagRender === void 0 ? void 0 : tagRender({
+        onClose: handleRemove,
+        value: value,
+        label: label,
+        disabled: disabled,
+        size: size
+      }) : /*#__PURE__*/React.createElement(Tag, {
         type: "edit",
         style: TagStyle,
         size: size,

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

@@ -13,11 +13,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _classnames3 = _interopRequireDefault(require("classnames"));
 
 var _month = _interopRequireDefault(require("./panel/month/month"));
 
@@ -149,7 +151,7 @@ function Panel(props) {
         startPeriod = _getYearsPeriod.startPeriod,
         endPeriod = _getYearsPeriod.endPeriod;
 
-    var headerCls = (0, _classnames.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-year"));
+    var headerCls = (0, _classnames3.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-year"));
     return {
       children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, startPeriod, " - ", endPeriod),
       className: headerCls
@@ -158,7 +160,7 @@ function Panel(props) {
 
   var renderMonthHeader = function renderMonthHeader() {
     var year = (0, _dateFns.getYear)(viewDate);
-    var headerCls = (0, _classnames.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-month"));
+    var headerCls = (0, _classnames3.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-month"));
     return {
       children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, year + locale.year),
       className: headerCls
@@ -178,15 +180,17 @@ function Panel(props) {
   };
 
   var renderDateHeader = function renderDateHeader() {
+    var _classnames, _classnames2;
+
     var year = (0, _dateFns.getYear)(viewDate);
     var month = (0, _dateFns.getMonth)(viewDate) + 1;
-    var headerCls = (0, _classnames.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-date"));
+    var headerCls = (0, _classnames3.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-date"));
     return {
       children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-        className: "".concat(prefixCls, "-header-text-inner"),
+        className: (0, _classnames3.default)("".concat(prefixCls, "-header-text-inner"), (_classnames = {}, (0, _defineProperty2.default)(_classnames, "".concat(prefixCls, "-header-text-inner-active"), innerPicker === 'year'), (0, _defineProperty2.default)(_classnames, "".concat(prefixCls, "-header-text-inner-hover"), picker === 'date'), _classnames)),
         onClick: onHeaderYearClick
       }, year + locale.year), /*#__PURE__*/_react.default.createElement("span", {
-        className: "".concat(prefixCls, "-header-text-inner"),
+        className: (0, _classnames3.default)("".concat(prefixCls, "-header-text-inner"), (_classnames2 = {}, (0, _defineProperty2.default)(_classnames2, "".concat(prefixCls, "-header-text-inner-active"), innerPicker === 'month'), (0, _defineProperty2.default)(_classnames2, "".concat(prefixCls, "-header-text-inner-hover"), picker === 'date'), _classnames2)),
         onClick: onHeaderMonthClick
       }, month + locale.month)),
       className: headerCls
@@ -324,7 +328,7 @@ function Panel(props) {
   }
 
   var showHeader = !(picker === 'date' && showTime || picker === 'time');
-  var containerCls = (0, _classnames.default)("".concat(prefixCls, "-warpper"));
+  var containerCls = (0, _classnames3.default)("".concat(prefixCls, "-warpper"));
   return /*#__PURE__*/_react.default.createElement("div", {
     className: containerCls
   }, showHeader ? getHeader() : null, panel);

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

@@ -124,9 +124,13 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
 
   var panelDivRef = _react.default.useRef(null);
 
-  var inputDivRef = ref || /*#__PURE__*/_react.default.createRef();
+  var inputDivRefDefault = _react.default.useRef(null);
 
-  var popperRef = popupRef || /*#__PURE__*/_react.default.createRef();
+  var inputDivRef = ref || inputDivRefDefault;
+
+  var popperRefDefault = _react.default.useRef(null);
+
+  var popperRef = popupRef || popperRefDefault;
 
   var inputRef = _react.default.useRef(null);
 
@@ -399,7 +403,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     onChange: setSelectedValue
   }); // 渲染日期选择表盘
 
-  function renderPanel() {
+  var renderPanel = function renderPanel() {
     var panelNode = /*#__PURE__*/_react.default.createElement(_datePanel.default, (0, _extends2.default)({}, panelProps));
 
     if (panelRender) {
@@ -430,7 +434,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     }, panelNode, (extraFooter || rangesNode || todayNode) && innerPicker === undefined ? /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(datePickerPrefixCls, "-footer")
     }, extraFooter, rangesNode, todayNode) : null);
-  }
+  };
 
   var inputProps = {
     inputRef: inputRef,

package/lib/date-picker/style/index.css

@@ -745,11 +745,12 @@
       -ms-flex: 1;
           flex: 1;
 }
-.kd-date-picker-panel .kd-date-picker-header-text-inner {
-  cursor: pointer;
+.kd-date-picker-panel .kd-date-picker-header-text-inner-active {
+  color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
 }
-.kd-date-picker-panel .kd-date-picker-header-text-inner:hover {
+.kd-date-picker-panel .kd-date-picker-header-text-inner-hover:hover {
   color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
+  cursor: pointer;
 }
 .kd-date-picker-panel .kd-date-picker-header-text-inner:nth-child(2) {
   margin-left: 13px;

package/lib/date-picker/style/index.less

@@ -629,11 +629,15 @@
       flex: 1;
 
       &-inner {
-        cursor: pointer;
+        &-active {
+          color: @date-color-background-checked;
+        }
 
-        &:hover {
+        &-hover:hover {
           color: @date-color-background-checked;
+          cursor: pointer;
         }
+
         &:nth-child(2) {
           margin-left: 13px;
         }

package/lib/pagination/pagination.d.ts

@@ -4,6 +4,15 @@ export declare const PageTypes: ["basic", "bill", "simple", "less", "nicety"];
 export declare const TotalTypes: ["page", "row", "all"];
 export declare type pageType = typeof PageTypes[number];
 export declare type totalType = typeof TotalTypes[number];
+export interface IIcons {
+    first: React.ReactElement;
+    last: React.ReactElement;
+    prev: React.ReactElement;
+    next: React.ReactElement;
+    down: React.ReactElement;
+    jumpPrev: React.ReactElement;
+    jumpNext: React.ReactElement;
+}
 export interface IPaginationProps {
     total?: number;
     current?: number;
@@ -27,6 +36,7 @@ export interface IPaginationProps {
         goButton?: React.ReactNode;
     };
     onShowSizeChange?: (current: number, size: number) => void;
+    icons?: Partial<IIcons>;
 }
 declare const Pagination: React.FC<IPaginationProps>;
 export default Pagination;