@kdcloudjs/kdesign 1.6.25 → 1.6.27

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/input-number/style/index.css

@@ -212,6 +212,7 @@
 .kd-inputNumber-embedStep span .kd-inputNumber-icon {
   -webkit-transition: color var(--kd-g-duration, 0.3s);
   transition: color var(--kd-g-duration, 0.3s);
+  line-height: 1;
 }
 .kd-inputNumber-embedStep span:hover .kd-inputNumber-icon {
   color: var(--kd-c-input-number-color-theme-5, var(--kd-g-color-theme-5, #87adff));

package/lib/input-number/style/index.less

@@ -53,6 +53,7 @@
 			font-size: 12px;
 			.@{inputNumber-prefix-cls}-icon {
 				transition: color @duration-promptly;
+				line-height: 1;
 			}
 			&:hover .@{inputNumber-prefix-cls}-icon {
 				color:@input-number-color-theme-5;

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;

package/lib/pagination/pagination.js

@@ -25,10 +25,10 @@ var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 
 var React = _interopRequireWildcard(require("react"));
@@ -90,6 +90,7 @@ var Pagination = function Pagination(props) {
       showSizeChanger = _getCompProps.showSizeChanger,
       onShowSizeChange = _getCompProps.onShowSizeChange,
       hideOnSinglePage = _getCompProps.hideOnSinglePage,
+      icons = _getCompProps.icons,
       customPrefixcls = _getCompProps.prefixCls;
 
   (0, _devwarning.default)(PageTypes.indexOf(pageType) === -1, 'Pagination', "cannot found pageType '".concat(pageType, "'")); // className前缀
@@ -131,8 +132,32 @@ var Pagination = function Pagination(props) {
   var _React$useState7 = React.useState(false),
       _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
       isOpen = _React$useState8[0],
-      setIsOpen = _React$useState8[1]; // 切换pageSize
+      setIsOpen = _React$useState8[1]; // icons
+
 
+  var innerIcon = (0, _extends2.default)({
+    first: /*#__PURE__*/React.createElement(_icon.default, {
+      type: "first"
+    }),
+    last: /*#__PURE__*/React.createElement(_icon.default, {
+      type: "last"
+    }),
+    prev: /*#__PURE__*/React.createElement(_icon.default, {
+      type: "arrow-left"
+    }),
+    next: /*#__PURE__*/React.createElement(_icon.default, {
+      type: "arrow-right"
+    }),
+    down: /*#__PURE__*/React.createElement(_icon.default, {
+      type: "arrow-down"
+    }),
+    jumpPrev: /*#__PURE__*/React.createElement(_icon.default, {
+      type: "double-arrow-left"
+    }),
+    jumpNext: /*#__PURE__*/React.createElement(_icon.default, {
+      type: "double-arrow-right"
+    })
+  }, icons || {}); // 切换pageSize
 
   var handleChangeSize = function handleChangeSize(key) {
     var currentSize = Number(key);
@@ -278,24 +303,16 @@ var Pagination = function Pagination(props) {
   }, /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', paginationLangMsg.first)), /*#__PURE__*/React.createElement("button", {
     onClick: handleFirst,
     disabled: page === 1 || disabled
-  }, /*#__PURE__*/React.createElement(_icon.default, {
-    type: "first"
-  }))), /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
+  }, innerIcon.first)), /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handlePrev,
     disabled: page === 1 || disabled
-  }, /*#__PURE__*/React.createElement(_icon.default, {
-    type: "arrow-left"
-  }))), /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
+  }, innerIcon.prev)), /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handleNext,
     disabled: page === totalPage || disabled
-  }, /*#__PURE__*/React.createElement(_icon.default, {
-    type: "arrow-right"
-  }))), /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', paginationLangMsg.last)), /*#__PURE__*/React.createElement("button", {
+  }, innerIcon.next)), /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', paginationLangMsg.last)), /*#__PURE__*/React.createElement("button", {
     onClick: handleLast,
     disabled: page === totalPage || disabled
-  }, /*#__PURE__*/React.createElement(_icon.default, {
-    type: "last"
-  })))), showSizeSelector && /*#__PURE__*/React.createElement("div", {
+  }, innerIcon.last))), showSizeSelector && /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-selector")
   }, /*#__PURE__*/React.createElement(_dropdown.default, (0, _extends2.default)({
     selectable: true,
@@ -315,13 +332,10 @@ var Pagination = function Pagination(props) {
   }, dropdownProps, {
     onVisibleChange: dropdownVisibleChange
   }), /*#__PURE__*/React.createElement("button", {
-    className: "".concat(prefixCls, "-selector-size")
+    className: (0, _classnames.default)("".concat(prefixCls, "-selector-size"), "".concat(prefixCls, "-options-dropdown"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-options-dropdown-open"), isOpen))
   }, /*#__PURE__*/React.createElement("span", null, locale.getLangMsg('Pagination', 'perPage', {
     size: size
-  })), /*#__PURE__*/React.createElement(_icon.default, {
-    type: "arrow-down",
-    className: (0, _classnames.default)("".concat(prefixCls, "-dropdown-icon"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-dropdown-icon-open"), isOpen))
-  })))));
+  })), innerIcon.down))));
   var simplePagination = /*#__PURE__*/React.createElement("div", {
     className: (0, _classnames.default)(prefixCls, 'simple', className),
     style: style
@@ -333,9 +347,7 @@ var Pagination = function Pagination(props) {
   }, /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handlePrev,
     disabled: page === 1 || disabled
-  }, /*#__PURE__*/React.createElement(_icon.default, {
-    type: "arrow-left"
-  }))), /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', (0, _concat.default)(_context4 = "".concat(page, "/")).call(_context4, totalPage))), /*#__PURE__*/React.createElement("span", {
+  }, innerIcon.prev)), /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', (0, _concat.default)(_context4 = "".concat(page, "/")).call(_context4, totalPage))), /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefixCls, "-current")
   }, showJumper ? /*#__PURE__*/React.createElement("input", {
     type: "text",
@@ -350,9 +362,7 @@ var Pagination = function Pagination(props) {
   }, totalPage)), /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('action-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handleNext,
     disabled: page === totalPage || disabled
-  }, /*#__PURE__*/React.createElement(_icon.default, {
-    type: "arrow-right"
-  })))));
+  }, innerIcon.next))));
   var lessPages = genArray(1, totalPage);
   var lessPagination = /*#__PURE__*/React.createElement("div", {
     className: (0, _classnames.default)(prefixCls, 'less', {
@@ -365,9 +375,7 @@ var Pagination = function Pagination(props) {
   }, /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('pages-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handlePrev,
     disabled: page === 1 || disabled
-  }, /*#__PURE__*/React.createElement(_icon.default, {
-    type: "arrow-left"
-  }))), (0, _map.default)(lessPages).call(lessPages, function (item, index) {
+  }, innerIcon.prev)), (0, _map.default)(lessPages).call(lessPages, function (item, index) {
     return /*#__PURE__*/React.createElement("li", (0, _extends2.default)({
       key: index
     }, itemAttr('pages-item', String(item), item === page)), /*#__PURE__*/React.createElement("button", {
@@ -379,9 +387,7 @@ var Pagination = function Pagination(props) {
   }), /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('pages-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handleNext,
     disabled: page === totalPage || disabled
-  }, /*#__PURE__*/React.createElement(_icon.default, {
-    type: "arrow-right"
-  })))));
+  }, innerIcon.next))));
   var nicetyPages = lessPages;
 
   if (totalPage >= 8) {
@@ -410,31 +416,26 @@ var Pagination = function Pagination(props) {
   }, /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('pages-item', paginationLangMsg.prevPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handlePrev,
     disabled: page === 1 || disabled
-  }, /*#__PURE__*/React.createElement(_icon.default, {
-    type: "arrow-left"
-  }))), (0, _map.default)(nicetyPages).call(nicetyPages, function (item, index) {
+  }, innerIcon.prev)), (0, _map.default)(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", (0, _extends2.default)({
       key: index
     }, itemAttr('pages-item', title, item === page)), /*#__PURE__*/React.createElement("button", {
       onClick: handleChangePage,
       disabled: disabled
-    }, pageText, typeof item === 'string' && /*#__PURE__*/React.createElement(_icon.default, {
-      type: jumperIconType,
+    }, pageText, typeof item === 'string' && /*#__PURE__*/React.cloneElement(jumperIconType, {
       className: "".concat(prefixCls, "-pages-jumper-icon")
     })));
   }), /*#__PURE__*/React.createElement("li", (0, _extends2.default)({}, itemAttr('pages-item', paginationLangMsg.nextPage)), /*#__PURE__*/React.createElement("button", {
     onClick: handleNext,
     disabled: page === totalPage || disabled
-  }, /*#__PURE__*/React.createElement(_icon.default, {
-    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",
@@ -467,11 +468,8 @@ var Pagination = function Pagination(props) {
     }, dropdownProps, {
       onVisibleChange: dropdownVisibleChange
     }), /*#__PURE__*/React.createElement("button", {
-      className: "".concat(prefixCls, "-options-size")
-    }, size, /*#__PURE__*/React.createElement(_icon.default, {
-      type: "arrow-down",
-      className: (0, _classnames.default)("".concat(prefixCls, "-dropdown-icon"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-dropdown-icon-open"), isOpen))
-    })))
+      className: (0, _classnames.default)("".concat(prefixCls, "-options-size"), "".concat(prefixCls, "-options-dropdown"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-options-dropdown-open"), isOpen))
+    }, size, innerIcon.down))
   })));
   var mapPagination = {
     basic: normalPagination,

package/lib/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/lib/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/lib/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/lib/select/select.js

@@ -98,7 +98,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 = (0, _hooks.useMergedState)(undefined, {
@@ -519,6 +520,9 @@ var InternalSelect = function InternalSelect(props, ref) {
     var clearIconCls = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-icon-clear"), true));
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, iconShow && /*#__PURE__*/_react.default.createElement("span", {
       onClick: handleReset,
+      onMouseDown: function onMouseDown(e) {
+        return e.preventDefault();
+      },
       className: clearIconCls
     }, /*#__PURE__*/_react.default.createElement(_index.Icon, {
       type: "close-solid"
@@ -636,12 +640,32 @@ var InternalSelect = function InternalSelect(props, ref) {
   }, [mulOptions]);
 
   var renderSingle = function renderSingle() {
+    var _a, _b, _c;
+
+    var obj = (realChildren === null || realChildren === void 0 ? void 0 : (0, _find.default)(realChildren).call(realChildren, function (child) {
+      var _a;
+
+      if (child && child.props) {
+        return ((_a = child.props) === null || _a === void 0 ? void 0 : _a.value) === initValue;
+      } else {
+        return (child === null || child === void 0 ? void 0 : child.value) === initValue;
+      }
+    })) || {};
+    var title = '';
+
+    if (obj.props) {
+      title = ((_a = obj === null || obj === void 0 ? void 0 : obj.props) === null || _a === void 0 ? void 0 : _a.title) || ((_b = obj === null || obj === void 0 ? void 0 : obj.props) === null || _b === void 0 ? void 0 : _b.label) || ((_c = obj === null || obj === void 0 ? void 0 : obj.props) === null || _c === void 0 ? void 0 : _c.children);
+    } else {
+      title = (obj === null || obj === void 0 ? void 0 : obj.title) || (obj === null || obj === void 0 ? void 0 : obj.label) || (obj === null || obj === void 0 ? void 0 : obj.children);
+    }
+
     var hiddenStyle = isShowSearch && !!searchValue || singleVal ? {
       visibility: 'hidden'
     } : undefined;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: singleCls,
-      ref: selectionRef
+      ref: selectionRef,
+      title: title
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(selectPrefixCls, "-selection-search")
     }, /*#__PURE__*/_react.default.createElement("input", {
@@ -682,8 +706,17 @@ var InternalSelect = function InternalSelect(props, ref) {
           value = item.value;
       return (!maxTagCount || index <= maxTagCount - 1) && /*#__PURE__*/_react.default.createElement("span", {
         key: value,
-        className: (0, _classnames.default)("".concat(selectPrefixCls, "-selection-tag"))
-      }, /*#__PURE__*/_react.default.createElement(_index.Tag, {
+        className: (0, _classnames.default)("".concat(selectPrefixCls, "-selection-tag")),
+        onMouseDown: function onMouseDown(e) {
+          return e.preventDefault();
+        }
+      }, typeof tagRender === 'function' ? tagRender === null || tagRender === void 0 ? void 0 : tagRender({
+        onClose: handleRemove,
+        value: value,
+        label: label,
+        disabled: disabled,
+        size: size
+      }) : /*#__PURE__*/_react.default.createElement(_index.Tag, {
         type: "edit",
         style: TagStyle,
         size: size,

package/lib/tree/tree.js

@@ -303,8 +303,6 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     if (!('checkedKeys' in TreeProps)) {
       setCheckedKeys(checkState.checkedKeys);
       setHalfCheckedKeys(checkState.halfCheckedKeys);
-    } else {
-      setHalfCheckedKeys(checkState.halfCheckedKeys);
     }
 
     onCheck && onCheck(checkState.checkedKeys, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.6.25",
+  "version": "1.6.27",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [