@kdcloudjs/kdesign 1.5.11 → 1.6.2

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

@@ -15,6 +15,9 @@ var locale = {
   'DatePicker.now': '此刻',
   'DatePicker.confrim': '确定',
   'DatePicker.today': '今天',
+  'DatePicker.month': '月',
+  'DatePicker.year': '年',
+  'DatePicker.weekTitle': ['日', '一', '二', '三', '四', '五', '六'],
   // 'DatePicker.backToToday': '返回今天',
   // 'DatePicker.timeSelect': '选择时间',
   // 'DatePicker.dateSelect': '选择日期',

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

@@ -147,7 +147,7 @@ function Week(props) {
     prefixCls: prefixCls,
     rangeValue: rangeValue,
     hoverRangedValue: hoverRangedValue,
-    isRange: !!panelPosition,
+    isRange: picker !== 'time',
     isCurrentMonth: function isCurrentMonth(date) {
       return (0, _dateFns.isSameMonth)(date, viewDate);
     },

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

@@ -673,6 +673,7 @@ function DatePicker(props) {
           minute: minute,
           second: second,
           disabledTimePanel: disabledTimePanel,
+          rangeValue: selectedValue,
           prefixCls: datePickerPrefixCls,
           dateValue: selectedValue ? selectedValue[mergedActivePickerIndex] : null,
           viewDate: viewDate,

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

@@ -168,6 +168,7 @@
   border-bottom: 1px solid var(--kd-c-date-picker-input-underline-color, #999);
   border-radius: 0;
   padding-left: 0;
+  padding-right: 0;
 }
 .kd-date-picker-disabled {
   background-color: var(--kd-c-date-picker-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)) !important;
@@ -211,7 +212,7 @@
 .kd-date-picker-input input {
   width: 100%;
   min-width: 0;
-  color: var(--kd-c-date-picker-input-color, var(--kd-g-color-text-secondary, #666));
+  color: var(--kd-c-date-picker-input-color, var(--kd-g-color-text-primary, #212121));
   line-height: inherit;
   -webkit-box-flex: 1;
       -ms-flex: auto;
@@ -243,6 +244,21 @@
 .kd-date-picker-input input[disabled] {
   background: transparent;
 }
+.kd-date-picker-input input::-webkit-input-placeholder {
+  color: var(--kd-c-date-picker-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
+}
+.kd-date-picker-input input::-moz-placeholder {
+  color: var(--kd-c-date-picker-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
+}
+.kd-date-picker-input input:-ms-input-placeholder {
+  color: var(--kd-c-date-picker-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
+}
+.kd-date-picker-input input::-ms-input-placeholder {
+  color: var(--kd-c-date-picker-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
+}
+.kd-date-picker-input input::placeholder {
+  color: var(--kd-c-date-picker-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
+}
 .kd-date-picker-input-placeholder > input {
   color: var(--kd-c-date-picker-input-color-placeholder, var(--kd-g-color-text-secondary, #666));
 }
@@ -276,7 +292,7 @@
   -ms-flex-item-align: center;
       align-self: center;
   margin-left: var(--kd-c-date-picker-suffix-spacing-margin-left, 10px);
-  color: var(--kd-c-date-picker-input-color, var(--kd-g-color-text-secondary, #666));
+  color: var(--kd-c-date-picker-input-color, var(--kd-g-color-text-primary, #212121));
   line-height: 1;
   pointer-events: none;
 }
@@ -547,7 +563,7 @@
 }
 .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item-disabled {
   position: relative;
-  pointer-events: none;
+  cursor: not-allowed;
 }
 .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item-disabled .kd-date-picker-calendar-text {
   color: #b2b2b2;
@@ -629,10 +645,10 @@
 .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-text {
   position: relative;
   z-index: 2;
-  width: 32px;
-  height: 32px;
+  width: 24px;
+  height: 24px;
   text-align: center;
-  line-height: 32px;
+  line-height: 24px;
   display: inline-block;
   border-radius: var(--kd-c-date-picker-panel-radius-border, var(--kd-g-radius-border, 2px));
   color: #b2b2b2;
@@ -654,7 +670,7 @@
 }
 .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-text {
   width: 100%;
-  height: 32px;
+  height: 24px;
   margin: 3px 0;
 }
 .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-current .kd-date-picker-calendar-text {
@@ -680,9 +696,17 @@
 .kd-date-picker-panel .kd-date-picker-range-start::before {
   left: 50%;
 }
+.kd-date-picker-panel .kd-date-picker-range-start .kd-date-picker-calendar-text-selected {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
 .kd-date-picker-panel .kd-date-picker-range-end::before {
   right: 50%;
 }
+.kd-date-picker-panel .kd-date-picker-range-end .kd-date-picker-calendar-text-selected {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+}
 .kd-date-picker-panel .kd-date-picker-range-view,
 .kd-date-picker-panel .kd-date-picker-range-start,
 .kd-date-picker-panel .kd-date-picker-range-end {
@@ -711,7 +735,7 @@
   transition: color 0.3s;
 }
 .kd-date-picker-panel .kd-date-picker-header-icon:hover {
-  color: rgba(0, 0, 0, 0.85);
+  color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
 }
 .kd-date-picker-panel .kd-date-picker-header-text {
   -webkit-box-flex: 1;
@@ -724,6 +748,7 @@
   line-height: var(--kd-c-date-picker-panel-header-sizing-height, 36px);
   background: #fafafa;
   color: #212121;
+  font-size: 14px;
   padding: 7px;
   border-bottom: 1px solid #d9d9d9;
   font-weight: bold;
@@ -744,7 +769,8 @@
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  height: 224px;
+  height: 242px;
+  border-left: 1px solid #d9d9d9;
   width: 100%;
   table-layout: fixed;
   border-collapse: collapse;
@@ -755,14 +781,15 @@
           flex: 1 0 auto;
   width: 56px;
   margin: 0;
-  padding: 0 0 196px 0;
-  overflow-y: hidden;
+  padding: 0 0 206px 0;
+  padding-top: 10px;
   text-align: left;
   -webkit-transition: background 0.3s;
   transition: background 0.3s;
+  overflow: hidden;
 }
 .kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column:not(:first-child) {
-  border-left: 1px solid #f0f0f0;
+  border-left: 1px solid #d9d9d9;
 }
 .kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column:hover {
   overflow-y: overlay;
@@ -776,7 +803,7 @@
   width: 100%;
   height: 28px;
   margin: 0;
-  padding: 0 0 0 14px;
+  text-align: center;
   color: rgba(0, 0, 0, 0.85);
   line-height: 28px;
   border-radius: 0;
@@ -810,10 +837,12 @@
   width: -moz-min-content;
   width: min-content;
   min-width: 100%;
-  line-height: 34px;
-  border-top: 1px solid #f0f0f0;
+  line-height: 36px;
+  height: 40px;
+  border-top: 1px solid #d9d9d9;
   border-bottom: 1px solid transparent;
-  padding: 0 16px;
+  padding: 0 12px;
+  color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
   font-size: 12px;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;

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

@@ -8,6 +8,9 @@
 // @datePicker-prefix-cls-input: ~'@{datePicker-prefix-cls}-input';
 @datePicker-prefix-cls-panel: ~'@{datePicker-prefix-cls}-panel';
 
+@datePicker-calendar-text: 24px;
+@datePicker-calendar-height: 242px;
+
 .@{datePicker-prefix-cls} {
   // &-small {
   //   height: @date-small-height;
@@ -89,6 +92,10 @@
       &[disabled] {
         background: transparent;
       }
+
+      &::placeholder {
+        color: @date-input-color-disabled;
+      }
     }
 
     &-placeholder {
@@ -436,7 +443,7 @@
 
         .@{datePicker-prefix-cls}-calendar-item-disabled {
           position: relative;
-          pointer-events: none;
+          cursor: not-allowed;
 
           .@{datePicker-prefix-cls}-calendar-text {
             color: #b2b2b2;
@@ -538,10 +545,10 @@
       .@{datePicker-prefix-cls}-calendar-week-text {
         position: relative;
         z-index: 2;
-        width: 32px;
-        height: 32px;
+        width: @datePicker-calendar-text;
+        height: @datePicker-calendar-text;
         text-align: center;
-        line-height: 32px;
+        line-height: @datePicker-calendar-text;
         display: inline-block;
         border-radius: @date-panel-border-radius;
         color: #b2b2b2;
@@ -553,7 +560,7 @@
 
       .@{datePicker-prefix-cls}-calendar-week-text {
         width: 100%;
-        height: 32px;
+        height: @datePicker-calendar-text;
         margin: 3px 0;
       }
 
@@ -589,12 +596,22 @@
     &::before {
       left: 50%;
     }
+
+    .@{datePicker-prefix-cls}-calendar-text-selected {
+      border-top-right-radius: 0 !important;
+      border-bottom-right-radius: 0 !important;
+    }
   }
 
   .@{datePicker-prefix-cls}-range-end {
     &::before {
       right: 50%;
     }
+
+    .@{datePicker-prefix-cls}-calendar-text-selected {
+      border-top-left-radius: 0 !important;
+      border-bottom-left-radius: 0 !important;
+    }
   }
 
   .@{datePicker-prefix-cls}-range-view,
@@ -619,14 +636,13 @@
       font-size: 14px;
       padding: 0;
       color: rgba(0, 0, 0, 0.25);
-      // line-height: 40px;
       background: 0 0;
       border: 0;
       cursor: pointer;
       transition: color 0.3s;
 
       &:hover {
-        color: rgba(0, 0, 0, 0.85);
+        color: @date-color-background-checked;
       }
     }
 
@@ -641,7 +657,7 @@
     line-height: @date-panel-header-height;
     background: #fafafa;
     color: #212121;
-    // line-height: 36px;
+    font-size: 14px;
     padding: 7px;
     border-bottom: 1px solid #d9d9d9;
     font-weight: bold;
@@ -656,7 +672,8 @@
 
     .@{datePicker-prefix-cls}-content {
       display: flex;
-      height: 224px;
+      height: @datePicker-calendar-height;
+      border-left: 1px solid #d9d9d9;
       width: 100%;
       table-layout: fixed;
       border-collapse: collapse;
@@ -665,13 +682,14 @@
         flex: 1 0 auto;
         width: 56px;
         margin: 0;
-        padding: 0 0 196px 0;
-        overflow-y: hidden;
+        padding: 0 0 206px 0;
+        padding-top: 10px;
         text-align: left;
         transition: background 0.3s;
+        overflow: hidden;
 
         &:not(:first-child) {
-          border-left: 1px solid #f0f0f0;
+          border-left: 1px solid #d9d9d9;
         }
 
         &:hover {
@@ -687,7 +705,7 @@
             width: 100%;
             height: 28px;
             margin: 0;
-            padding: 0 0 0 14px;
+            text-align: center;
             color: rgba(0, 0, 0, 0.85);
             line-height: 28px;
             border-radius: 0;
@@ -729,10 +747,12 @@
   .@{datePicker-prefix-cls}-footer {
     width: min-content;
     min-width: 100%;
-    line-height: 34px;
-    border-top: 1px solid #f0f0f0;
+    line-height: 36px;
+    height: 40px;
+    border-top: 1px solid #d9d9d9;
     border-bottom: 1px solid transparent;
-    padding: 0 16px;
+    padding: 0 12px;
+    color: @date-color-background-checked;
     font-size: 12px;
     box-sizing: border-box;
     text-align: right;

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

@@ -14,6 +14,7 @@
     border-bottom: 1px solid @date-input-underline-color;
     border-radius: 0;
     padding-left: 0;
+    padding-right: 0;
   }
   &-disabled {
     background-color: @date-input-color-background-disabled !important;

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

@@ -5,7 +5,7 @@
 // color
 @date-color-background-checked: var(~'@{date-picker-custom-prefix}-color-background-checked', @color-theme);
 @date-wrapper-color-background: var(~'@{date-picker-custom-prefix}-wrapper-color-background', @color-background);
-@date-input-color: var(~'@{date-picker-custom-prefix}-input-color', @color-text-secondary);
+@date-input-color: var(~'@{date-picker-custom-prefix}-input-color', @color-text-primary);
 @date-input-color-placeholder: var(~'@{date-picker-custom-prefix}-input-color-placeholder', @color-text-secondary);
 @date-input-underline-color: var(~'@{date-picker-custom-prefix}-input-underline-color', #999);
 @date-input-color-border: var(~'@{date-picker-custom-prefix}-input-color-border', @color-border-strong);

package/lib/dropdown/dropdown.js

@@ -36,7 +36,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var findItem = function findItem(element) {
-  var isItem = /kd-dropdown-menu-item/.test(element.className);
+  var isItem = /dropdown-menu-item/.test(element.className);
 
   if (isItem) {
     return element;

package/lib/input/ClearableLabeledInput.d.ts

@@ -6,7 +6,7 @@ interface ClearableInputProps {
     prefixCls: string;
     inputType: typeof ClearableInputType[number];
     value?: any;
-    allowClear?: boolean;
+    allowClear?: boolean | React.ReactNode;
     element: React.ReactElement;
     handleReset?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     className?: string;

package/lib/input/ClearableLabeledInput.js

@@ -57,13 +57,13 @@ var ClearableInput = function ClearableInput(props) {
     return /*#__PURE__*/_react.default.createElement("span", {
       onClick: handleReset,
       className: clearIconclasses
-    }, /*#__PURE__*/_react.default.createElement(_index.Icon, {
+    }, typeof allowClear === 'boolean' ? /*#__PURE__*/_react.default.createElement(_index.Icon, {
       type: "close"
-    }));
+    }) : allowClear);
   };
 
   var renderSuffix = function renderSuffix() {
-    if (suffix || !disabled && allowClear) {
+    if (suffix || !disabled && !!allowClear) {
       return /*#__PURE__*/_react.default.createElement("span", {
         className: "".concat(prefixCls, "-suffix")
       }, renderClearIcon(), suffix);

package/lib/input/TextArea.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { InputSiteType, BorderType } from './input';
 export interface textAreaProps extends React.TextareaHTMLAttributes<HTMLInputElement> {
-    allowClear?: boolean;
+    allowClear?: boolean | React.ReactNode;
     borderType?: BorderType;
     defaultValue?: string;
     count?: boolean;

package/lib/input/TextArea.js

@@ -226,8 +226,8 @@ var InternalTextarea = function InternalTextarea(props, ref) {
     var textarea = /*#__PURE__*/_react.default.createElement("textarea", (0, _extends2.default)({
       ref: textareaRef,
       disabled: disabled,
-      style: (0, _extends2.default)({}, textareaStyles, hadCount || allowClear ? otherStyles : style),
-      className: (0, _classnames.default)("".concat(prefixCls, "-textarea"), (_classNames = {}, (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(prefixCls, "-size-")).call(_context, size), size), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-borderless"), borderType === 'none'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-underline"), borderType === 'underline'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-no-resize"), canResize !== true), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-allowClear-spacing"), allowClear), _classNames), (0, _defineProperty2.default)({}, className, className && !allowClear && !hadCount)),
+      style: (0, _extends2.default)({}, textareaStyles, hadCount || !!allowClear ? otherStyles : style),
+      className: (0, _classnames.default)("".concat(prefixCls, "-textarea"), (_classNames = {}, (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(prefixCls, "-size-")).call(_context, size), size), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-borderless"), borderType === 'none'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-underline"), borderType === 'underline'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-no-resize"), canResize !== true), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-allowClear-spacing"), !!allowClear), _classNames), (0, _defineProperty2.default)({}, className, className && !allowClear && !hadCount)),
       onChange: handleChange,
       onFocus: !disabled ? handleFocus : undefined,
       onBlur: !disabled ? handleBlur : undefined,

package/lib/input/input.d.ts

@@ -10,7 +10,7 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     size?: InputSiteType;
     defaultValue?: string;
     disabled?: boolean;
-    allowClear?: boolean;
+    allowClear?: boolean | React.ReactNode;
     placeholderTobeValue?: boolean;
     addonAfter?: React.ReactNode;
     addonBefore?: React.ReactNode;

package/lib/locale/locale.d.ts

@@ -44,7 +44,7 @@ declare class LocaleCache {
         'Pagination.forward': string;
         'Pagination.backward': string;
         'Transfer.selectAll': string;
-        'Transfer.searchPlaceholder': string;
+        'Transfer.searchPlaceholder': string[];
         'Transfer.leftTitle': string;
         'Transfer.rightTitle': string;
         'Transfer.emptyTip': string;
@@ -62,6 +62,9 @@ declare class LocaleCache {
         'CityPicker.internation': string;
         'CityPicker.common': string;
         'CityPicker.noData': string;
+        /**
+         * 获取所有语言包数据
+         */
         'Search.placeholder': string;
         'Search.desc': string[];
         'Search.nplDesc': string;
@@ -94,6 +97,9 @@ declare class LocaleCache {
         'DatePicker.now': string;
         'DatePicker.confrim': string;
         'DatePicker.today': string;
+        'DatePicker.year': string;
+        'DatePicker.month': string;
+        'DatePicker.weekTitle': [string, string, string, string, string, string, string];
         'DatePicker.rangePlaceholder': [string, string];
         'DatePicker.rangeYearPlaceholder': [string, string];
         'DatePicker.rangeMonthPlaceholder': [string, string];

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

@@ -18,7 +18,7 @@ declare const locale: {
     'Pagination.forward': string;
     'Pagination.backward': string;
     'Transfer.selectAll': string;
-    'Transfer.searchPlaceholder': string;
+    'Transfer.searchPlaceholder': string[];
     'Transfer.leftTitle': string;
     'Transfer.rightTitle': string;
     'Transfer.emptyTip': string;
@@ -68,6 +68,9 @@ declare const locale: {
     'DatePicker.now': string;
     'DatePicker.confrim': string;
     'DatePicker.today': string;
+    'DatePicker.year': string;
+    'DatePicker.month': string;
+    'DatePicker.weekTitle': [string, string, string, string, string, string, string];
     'DatePicker.rangePlaceholder': [string, string];
     'DatePicker.rangeYearPlaceholder': [string, string];
     'DatePicker.rangeMonthPlaceholder': [string, string];

package/lib/locale/zh-CN.js

@@ -33,7 +33,7 @@ var locale = (0, _extends2.default)((0, _extends2.default)({
   'Pagination.forward': '向前5页',
   'Pagination.backward': '向后5页',
   'Transfer.selectAll': '全选',
-  'Transfer.searchPlaceholder': '请输入需要搜索的内容',
+  'Transfer.searchPlaceholder': ['请输入需要搜索的内容', '请输入需要搜索的内容'],
   'Transfer.leftTitle': '可选列表',
   'Transfer.rightTitle': '已选列表',
   'Transfer.emptyTip': '暂无数据',

package/lib/pagination/pagination.js

@@ -35,6 +35,8 @@ var React = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _isBoolean = _interopRequireDefault(require("lodash/isBoolean"));
+
 var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
 
 var _utils = require("../_utils");
@@ -120,7 +122,7 @@ var Pagination = function Pagination(props) {
       setInputPage = _React$useState6[1]; // 是否显示pageSize切换器
 
 
-  var showSizeSelector = total > 50 ? true : showSizeChanger;
+  var showSizeSelector = (0, _isBoolean.default)(showSizeChanger) ? showSizeChanger : total > 50;
   var defaultShowQuickJumper = pageType !== 'bill';
   var showJumper = showQuickJumper === undefined ? defaultShowQuickJumper : showQuickJumper; // pageSize切换器是否展开
 

package/lib/search/quick-search.js

@@ -152,7 +152,7 @@ var InternalQuickSearch = function InternalQuickSearch(props, ref) {
     setOptionShow(!!searchValue);
   }, [searchValue]);
   var quickSearchPrefixCls = getPrefixCls(prefixCls, 'quick-search', customPrefixcls);
-  var quickSearchCls = (0, _classnames.default)(quickSearchPrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(quickSearchPrefixCls, "-focused"), isFocused || tagsList.length), (0, _defineProperty2.default)(_classNames, "".concat(quickSearchPrefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames, "".concat(quickSearchPrefixCls, "-borderless"), borderType === 'none'), (0, _defineProperty2.default)(_classNames, "".concat(quickSearchPrefixCls, "-border"), borderType === 'border'), _classNames));
+  var quickSearchCls = (0, _classnames.default)(quickSearchPrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(quickSearchPrefixCls, "-focused"), isFocused || tagsList.length), (0, _defineProperty2.default)(_classNames, "".concat(quickSearchPrefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames, "".concat(quickSearchPrefixCls, "-borderless"), borderType === 'none'), (0, _defineProperty2.default)(_classNames, "".concat(quickSearchPrefixCls, "-border"), borderType === 'bordered'), _classNames));
   var quickSearchSelectorCls = (0, _classnames.default)((_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, "".concat(quickSearchPrefixCls, "-selector"), true), (0, _defineProperty2.default)(_classNames2, "".concat(quickSearchPrefixCls, "-selector-disabled"), disabled), _classNames2));
   var inputCls = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(quickSearchPrefixCls, "-input"), true)); // 下拉列表样式
 

package/lib/search/search.js

@@ -97,7 +97,7 @@ var InternalSearch = function InternalSearch(props, ref) {
       setFocused = _useState2[1];
 
   var searchPrefixCls = getPrefixCls(prefixCls, 'search', customPrefixcls);
-  var searchCls = (0, _classnames.default)(searchPrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(searchPrefixCls, "-size-")).call(_context, size), size), (0, _defineProperty2.default)(_classNames, "".concat(searchPrefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames, "".concat(searchPrefixCls, "-focused"), focused && !disabled), (0, _defineProperty2.default)(_classNames, "".concat(searchPrefixCls, "-borderless"), borderType === 'none'), (0, _defineProperty2.default)(_classNames, "".concat(searchPrefixCls, "-border"), borderType === 'border'), _classNames));
+  var searchCls = (0, _classnames.default)(searchPrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(searchPrefixCls, "-size-")).call(_context, size), size), (0, _defineProperty2.default)(_classNames, "".concat(searchPrefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames, "".concat(searchPrefixCls, "-focused"), focused && !disabled), (0, _defineProperty2.default)(_classNames, "".concat(searchPrefixCls, "-borderless"), borderType === 'none'), (0, _defineProperty2.default)(_classNames, "".concat(searchPrefixCls, "-border"), borderType === 'bordered'), _classNames));
   var handleSearchChange = (0, _react.useCallback)(function (event) {
     onSearch && (onSearch === null || onSearch === void 0 ? void 0 : onSearch(event));
   }, [onSearch]);
@@ -141,7 +141,8 @@ var InternalSearch = function InternalSearch(props, ref) {
       disabled: disabled,
       onSearch: onSearch,
       className: className,
-      style: style
+      style: style,
+      placeholder: placeholder
     }), children);
   }
 

package/lib/slider/slider.js

@@ -297,7 +297,7 @@ var InteranalSlider = function InteranalSlider(props, ref) {
   }), /*#__PURE__*/_react.default.createElement(_sliderTooltip.default, {
     ref: handleRef,
     placement: tooltipPlacement,
-    tip: tipFormatter || value,
+    tip: tipFormatter === null || tipFormatter === void 0 ? void 0 : tipFormatter(value),
     visible: disabled ? false : tooltipVisible,
     prefixCls: sliderPrefixCls,
     vertical: vertical,

package/lib/slider/sliderTooltip.js

@@ -52,7 +52,8 @@ var SliderTooltip = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       min = props.min,
       max = props.max,
       bound = props.bound,
-      others = __rest(props, ["visible", "prefixCls", "reverse", "vertical", "min", "max", "bound"]);
+      tip = props.tip,
+      others = __rest(props, ["visible", "prefixCls", "reverse", "vertical", "min", "max", "bound", "tip"]);
 
   var thisTooltipRef = (0, _react.useRef)(null);
   var tooltipRef = ref || thisTooltipRef;
@@ -64,8 +65,8 @@ var SliderTooltip = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   return /*#__PURE__*/_react.default.createElement(_tooltip.default, (0, _extends2.default)({
     ref: tooltipRef
   }, others, {
-    tip: bound,
-    visible: visible,
+    tip: tip || bound,
+    visible: tip !== null && visible,
     placement: placement
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: sliderHandleClass,

package/lib/steps/Steps.js

@@ -136,7 +136,6 @@ var Steps = function Steps(props) {
       }
     }
 
-    childProps.active = stepNumber === current;
     return /*#__PURE__*/(0, _react.cloneElement)(child, childProps);
   }));
 };

package/lib/transfer/list-body.js

@@ -73,6 +73,10 @@ var ListBody = function ListBody(props) {
       current = _useState2[0],
       setCurrent = _useState2[1];
 
+  var mergedPagination = (0, _react.useMemo)(function () {
+    return parsePagination(pagination);
+  }, [pagination]);
+
   var onItemSelect = function onItemSelect(item) {
     var checked = selectedKeys.indexOf(item.key) >= 0;
     itemSelect(item.key, !checked);
@@ -87,7 +91,6 @@ var ListBody = function ListBody(props) {
   };
 
   var getItems = function getItems() {
-    var mergedPagination = parsePagination(pagination);
     var displayItems = filteredRenderItems;
 
     if (mergedPagination) {
@@ -97,8 +100,16 @@ var ListBody = function ListBody(props) {
     return displayItems;
   };
 
+  (0, _react.useEffect)(function () {
+    var total = filteredRenderItems.length;
+
+    if (mergedPagination && (current - 1) * mergedPagination.pageSize >= total) {
+      var pageSize = mergedPagination.pageSize;
+      var pageNo = total % pageSize === 0 ? total / pageSize : Math.floor(total / pageSize) + 1;
+      setCurrent(pageNo);
+    }
+  }, [mergedPagination, filteredRenderItems]);
   var paginationNode = null;
-  var mergedPagination = parsePagination(pagination);
 
   if (mergedPagination) {
     paginationNode = /*#__PURE__*/_react.default.createElement("div", {

package/lib/transfer/list.d.ts

@@ -10,6 +10,7 @@ declare type RenderListFunction = (props: TransferListBodyProps) => React.ReactN
 export interface TransferListProps {
     prefixCls: string;
     titleText: string;
+    placeholder: string;
     dataSource: TransferItem[];
     filterOption?: (filterText: string, item: TransferItem) => boolean;
     style?: React.CSSProperties;