@kdcloudjs/kdesign 1.7.14 → 1.7.16

package/lib/form/Field.js

@@ -7,7 +7,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.INNER_VALUE_PROPS_LIST = void 0;
 var _extends3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
@@ -70,11 +70,9 @@ var INNER_VALUE_PROPS_LIST = [{
   propName: 'fileList'
 }, {
   name: 'Transfer',
-  propName: 'targetKey'
-}, {
-  name: 'RangePicker',
-  propName: 'ranges'
+  propName: 'targetKeys'
 }];
+exports.INNER_VALUE_PROPS_LIST = INNER_VALUE_PROPS_LIST;
 var Field = function Field(props) {
   var _context, _classnames;
   var _a;
@@ -211,7 +209,7 @@ var Field = function Field(props) {
     var inputValue;
     if (innerDisplayName === 'RadioGroup' && payload) {
       inputValue = payload[1];
-    } else if (Object.prototype.hasOwnProperty.call(evt, 'target') && (0, _includes.default)(FormEventValuePropNames).call(FormEventValuePropNames, innerValuePropName)) {
+    } else if (evt && Object.prototype.hasOwnProperty.call(evt, 'target') && (0, _includes.default)(FormEventValuePropNames).call(FormEventValuePropNames, innerValuePropName)) {
       inputValue = (_a = evt.target) === null || _a === void 0 ? void 0 : _a[innerValuePropName];
     } else {
       inputValue = evt;

package/lib/form/index.js

@@ -31,6 +31,7 @@ var InternalForm = /*#__PURE__*/React.forwardRef(_Form.default);
 var RefForm = InternalForm;
 RefForm.FormProvider = _FormContext.FormProvider;
 RefForm.Item = _Field.default;
+RefForm.Item.displayName = 'Item';
 RefForm.useForm = _useForm.default;
 RefForm.displayName = 'Form';
 var _default = RefForm;

package/lib/input/input.d.ts

@@ -23,6 +23,7 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     readonly?: 'readonly';
     count?: boolean;
     status?: 'error';
+    style?: Record<string, unknown>;
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<unknown>>;
 export default Input;

package/lib/input/style/index.css

@@ -220,7 +220,6 @@ textarea {
 }
 .kd-input-borderless {
   border: 0;
-  padding-left: 0 !important;
 }
 .kd-input-borderless:focus {
   border: 0;
@@ -248,20 +247,62 @@ textarea {
   font-size: var(--kd-c-input-font-size-small, var(--kd-g-font-size-small, 12px));
   padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px);
 }
+.kd-input-size-small .kd-input-suffix {
+  margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-size-small .kd-input-prefix {
+  margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-size-small.kd-input-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
+.kd-input-size-small.kd-input-wrapper-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
 .kd-input-size-middle {
   height: var(--kd-c-input-sizing-height-middle, 30px);
   line-height: calc(var(--kd-c-input-sizing-height-middle, 30px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
   font-size: var(--kd-c-input-font-size-middle, var(--kd-g-font-size-middle, 14px));
   padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px);
 }
+.kd-input-size-middle .kd-input-suffix {
+  margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-size-middle .kd-input-prefix {
+  margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-size-middle.kd-input-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
+.kd-input-size-middle.kd-input-wrapper-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
 .kd-input-size-large {
   height: var(--kd-c-input-sizing-height-large, 36px);
   line-height: calc(var(--kd-c-input-sizing-height-large, 36px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
   font-size: var(--kd-c-input-font-size-large, var(--kd-g-font-size-large, 16px));
   padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px);
 }
+.kd-input-size-large .kd-input-suffix {
+  margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-size-large .kd-input-prefix {
+  margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-size-large.kd-input-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
+.kd-input-size-large.kd-input-wrapper-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
 .kd-input-wrapper {
-  padding-left: var(--kd-c-input-wrapper-padding-left, 0px) !important;
+  padding-left: var(--kd-c-input-wrapper-padding-left, 0px);
   width: 100%;
   min-width: 0;
   border: var(--kd-c-input-sizing-border, 1px) solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
@@ -309,7 +350,7 @@ textarea {
 }
 .kd-input-wrapper .kd-input {
   border: none;
-  padding-left: var(--kd-c-input-padding-left, 9px);
+  padding-left: var(--kd-c-input-padding-left, 0px);
   padding-right: 0;
   height: 100%;
 }
@@ -330,31 +371,66 @@ textarea {
   word-break: keep-all;
   color: var(--kd-c-input-affix-color-text, #666);
 }
-.kd-input-wrapper .kd-input-suffix {
-  margin-left: 4px;
-}
-.kd-input-wrapper .kd-input-prefix {
-  margin-right: 4px;
-  margin-left: 8px;
-}
 .kd-input-wrapper-size-small {
   height: var(--kd-c-input-sizing-height-small, 20px);
   line-height: calc(var(--kd-c-input-sizing-height-small, 20px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
   font-size: var(--kd-c-input-font-size-small, var(--kd-g-font-size-small, 12px));
   padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px);
 }
+.kd-input-wrapper-size-small .kd-input-suffix {
+  margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-wrapper-size-small .kd-input-prefix {
+  margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-wrapper-size-small.kd-input-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
+.kd-input-wrapper-size-small.kd-input-wrapper-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
 .kd-input-wrapper-size-middle {
   height: var(--kd-c-input-sizing-height-middle, 30px);
   line-height: calc(var(--kd-c-input-sizing-height-middle, 30px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
   font-size: var(--kd-c-input-font-size-middle, var(--kd-g-font-size-middle, 14px));
   padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-middle, 9px);
 }
+.kd-input-wrapper-size-middle .kd-input-suffix {
+  margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-wrapper-size-middle .kd-input-prefix {
+  margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-wrapper-size-middle.kd-input-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
+.kd-input-wrapper-size-middle.kd-input-wrapper-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
 .kd-input-wrapper-size-large {
   height: var(--kd-c-input-sizing-height-large, 36px);
   line-height: calc(var(--kd-c-input-sizing-height-large, 36px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
   font-size: var(--kd-c-input-font-size-large, var(--kd-g-font-size-large, 16px));
   padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-large, 9px);
 }
+.kd-input-wrapper-size-large .kd-input-suffix {
+  margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-wrapper-size-large .kd-input-prefix {
+  margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-wrapper-size-large.kd-input-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
+.kd-input-wrapper-size-large.kd-input-wrapper-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
 .kd-input-wrapper-borderless {
   border: none !important;
 }

package/lib/input/style/index.less

@@ -58,7 +58,6 @@ textarea {
 
   &-borderless {
     border: 0;
-    padding-left: 0 !important;
 
     &:focus {
       border: 0;
@@ -98,7 +97,7 @@ textarea {
   }
 
   &-wrapper {
-    padding-left: @input-wrapper-padding-left !important;
+    padding-left: @input-wrapper-padding-left;
     .input(@wrapper-prefix-cls);
     transition: border-color @transition-duration-inner;
     display: inline-flex;
@@ -122,15 +121,6 @@ textarea {
         word-break: keep-all;
         color: @input-affix-color;
       }
-
-      &-suffix {
-        margin-left: 4px;
-      }
-
-      &-prefix {
-        margin-right: 4px;
-        margin-left: 8px;
-      }
     }
 
     &-size-small {

package/lib/input/style/mixin.less

@@ -46,6 +46,24 @@
   line-height: calc(@height - (@padding-vertical * 2) - (@input-border-width * 2));
   font-size: @fonSize;
   padding: @padding-vertical @padding-horizontal;
+
+  .@{input-prefix-cls}-suffix {
+    margin-left: calc(@padding-vertical * 2);
+  }
+
+  .@{input-prefix-cls}-prefix {
+    margin-right: calc(@padding-vertical * 2);
+  }
+
+  &.@{input-prefix-cls}-underline {
+    padding-right: 0;
+    padding-left: 0;
+  }
+
+  &.@{input-prefix-cls}-wrapper-underline {
+    padding-right: 0;
+    padding-left: 0;
+  }
 }
 
 .input-clear-icon() {

package/lib/input/style/token.less

@@ -40,7 +40,7 @@
 @input-large-height-inner: var(~'@{input-prefix}-sizing-height-large', 36px);
 @input-border-width-inner: var(~'@{input-prefix}-sizing-border', 1px);
 @input-wrapper-padding-left: var(~'@{input-prefix}-wrapper-padding-left', 0px);
-@input-padding-left: var(~'@{input-prefix}-padding-left', 9px);
+@input-padding-left: var(~'@{input-prefix}-padding-left', 0px);
 
 // spacing
 @input-small-padding-vertical-inner: var(~'@{input-prefix}-spacing-padding-vertical-small', 3px);

package/lib/input-number/inputNumber.js

@@ -84,7 +84,7 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
     return true;
   };
   (0, _react.useEffect)(function () {
-    setInputValue(value);
+    setInputValue((0, _numberUtil.serialization)(value + ''));
   }, [value]);
   var handleEventAttachValue = function handleEventAttachValue(event, value) {
     return (0, _extends2.default)({}, event, {

package/lib/locale/locale.d.ts

@@ -59,14 +59,13 @@ declare class LocaleCache {
         'QuickSearch.desc': string[];
         'QuickSearch.nplDesc': string;
         'QuickSearch.emptyTip': string;
-        /**
-         * 获取当前语言包数据
-         */
         'QuickSearch.or': string;
         'CityPicker.domestic': string;
         'CityPicker.internation': string;
         'CityPicker.common': string;
-        'CityPicker.noData': string;
+        'CityPicker.noData': string; /**
+         * 获取所有语言包数据
+         */
         'ColorPicker.followFunctionalColor': string;
         'Search.placeholder': string;
         'Search.desc': string[];

package/lib/locale/zh-CN.js

@@ -21,15 +21,15 @@ var locale = (0, _extends2.default)((0, _extends2.default)({
   'Progress.success': '加载成功',
   'Pagination.prevPage': '上一页',
   'Pagination.nextPage': '下一页',
-  'Pagination.total': '共{page}页{row}条',
-  'Pagination.page': '共{page}页',
-  'Pagination.row': '共{row}条',
+  'Pagination.total': '共 {page} 页 {row}条',
+  'Pagination.page': '共 {page} 页',
+  'Pagination.row': '共 {row} 条',
   'Pagination.first': '第一页',
   'Pagination.last': '最后一页',
-  'Pagination.perPage': '{size}条/页',
-  'Pagination.order': '第{order}页',
-  'Pagination.forward': '向前5页',
-  'Pagination.backward': '向后5页',
+  'Pagination.perPage': '{size} 条/页',
+  'Pagination.order': '第 {order} 页',
+  'Pagination.forward': '向前 5 页',
+  'Pagination.backward': '向后 5 页',
   'Transfer.selectAll': '全选',
   'Transfer.searchPlaceholder': ['请输入需要搜索的内容', '请输入需要搜索的内容'],
   'Transfer.leftTitle': '可选列表',
@@ -49,7 +49,7 @@ var locale = (0, _extends2.default)((0, _extends2.default)({
   'CityPicker.internation': '国际',
   'CityPicker.common': '常用',
   'CityPicker.noData': '暂无数据',
-  'ColorPicker.followFunctionalColor': '跟随主题色',
+  'ColorPicker.followFunctionalColor': '跟随功能色',
   'Search.placeholder': '请输入需要搜索的内容',
   'Search.desc': ['空格代表"或"，回车代表"且"'],
   'Search.nplDesc': '智能搜索',

package/lib/modal/modal.js

@@ -238,7 +238,6 @@ var InternalModal = function InternalModal(props, ref) {
   // 没有容器应该是不用居中的
   // 但仍可拖拽
   var handleDragStart = function handleDragStart(e, data) {
-    e === null || e === void 0 ? void 0 : e.stopPropagation();
     onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(e, data);
   };
   var defaultPosition = modalContainer ? {

package/lib/notification/index.js

@@ -136,7 +136,8 @@ var Notification = {
   },
   destroy: function destroy(key) {
     _notificationBase.default.destroy(key);
-  }
+  },
+  displayName: 'Notification'
 };
 var _default = Notification;
 exports.default = _default;

package/lib/notification-base/index.js

@@ -55,14 +55,17 @@ var NotificationApi = {
   destroy: function destroy(key) {
     if (key) {
       (0, _keys.default)(notificationInstance).forEach(function (placement) {
-        var instance = notificationInstance[placement].instance;
-        var notices = instance.notices;
-        if (Array.isArray(notices) && notices.length) {
-          var flag = notices.some(function (notice) {
-            return notice.key === key;
-          });
-          if (flag) {
-            instance.remove(key);
+        var _a;
+        var instance = (_a = notificationInstance[placement]) === null || _a === void 0 ? void 0 : _a.instance;
+        if (instance) {
+          var notices = instance.notices;
+          if (Array.isArray(notices) && notices.length) {
+            var flag = notices.some(function (notice) {
+              return notice.key === key;
+            });
+            if (flag) {
+              instance.remove(key);
+            }
           }
         }
       });

package/lib/search/quick-search.js

@@ -8,15 +8,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-var _stringify = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/json/stringify"));
-var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _stringify = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/json/stringify"));
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
@@ -28,6 +29,14 @@ var _index = require("../index");
 var _arrayUtil = require("../_utils/arrayUtil");
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(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 __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 var INPUT_MIN_WIDTH = 4; // 输入框最小宽度
 var InternalQuickSearch = function InternalQuickSearch(props, ref) {
   var _classNames, _classNames2;
@@ -51,7 +60,8 @@ var InternalQuickSearch = function InternalQuickSearch(props, ref) {
     onSelect = props.onSelect,
     onSearch = props.onSearch,
     disabled = props.disabled,
-    borderType = props.borderType;
+    borderType = props.borderType,
+    others = __rest(props, ["prefixCls", "className", "placeholder", "style", "desc", "dropdownStyle", "tags", "children", "onBlur", "onFocus", "onChange", "onSelect", "onSearch", "disabled", "borderType"]);
   var realChildren = Array.isArray(tags) && tags.length ? tags : (0, _reactChildren.toArray)(children); // tags配置项和默认children
   var innerRef = (0, _react.useRef)();
   var quickSearchRef = ref || innerRef;
@@ -305,12 +315,12 @@ var InternalQuickSearch = function InternalQuickSearch(props, ref) {
     !disabled && setInputFocus();
   };
   var renderSelect = function renderSelect() {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
       className: quickSearchCls,
       ref: quickSearchRef,
       style: style,
       onClick: handleClickInputFosus
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, others), /*#__PURE__*/_react.default.createElement("span", {
       className: (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(quickSearchPrefixCls, "-prefix"), true))
     }, /*#__PURE__*/_react.default.createElement(_index.Icon, {
       type: "search"

package/lib/search/search.js

@@ -95,13 +95,13 @@ var InternalSearch = function InternalSearch(props, ref) {
     if (!suffix) {
       return null;
     }
-    return !prefix && (typeof suffix === 'boolean' && suffix ? /*#__PURE__*/_react.default.createElement("span", {
+    return typeof suffix === 'boolean' && suffix ? /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(searchPrefixCls, "-suffix")
     }, /*#__PURE__*/_react.default.createElement(_index.Icon, {
       className: "kd-search-prefix",
       type: "search"
-    })) : suffix);
-  }, [suffix, prefix, searchPrefixCls]);
+    })) : suffix;
+  }, [suffix, searchPrefixCls]);
   if (type === 'quick-search') {
     return /*#__PURE__*/_react.default.createElement(_quickSearch.default, (0, _extends2.default)({}, restProps, {
       ref: ref,

package/lib/select/select.js

@@ -120,6 +120,9 @@ var InternalSelect = function InternalSelect(props, ref) {
     _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
     focusd = _useState12[0],
     setFocusd = _useState12[1];
+  var isShowSearch = (0, _react.useMemo)(function () {
+    return (0, _isBoolean.default)(showSearch) ? showSearch : isMultiple;
+  }, [isMultiple, showSearch]);
   var selectPrefixCls = getPrefixCls(prefixCls, 'select', customPrefixcls);
   // 选择器样式
   var selectCls = (0, _classnames.default)(selectPrefixCls, className, (0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-visible"), optionShow));
@@ -131,7 +134,7 @@ var InternalSelect = function InternalSelect(props, ref) {
   // 多选底部样式
   var multipleFooterCls = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-multiple-footer"), true));
   // 多选，单选公共样式
-  var commCls = (0, _classnames.default)((_classNames6 = {}, (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), (0, _defineProperty2.default)(_classNames6, (0, _concat.default)(_context = "".concat(selectPrefixCls, "-size-")).call(_context, size), size), (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-wrapper"), true), _classNames6));
+  var commCls = (0, _classnames.default)((_classNames6 = {}, (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), (0, _defineProperty2.default)(_classNames6, (0, _concat.default)(_context = "".concat(selectPrefixCls, "-size-")).call(_context, size), size), (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-wrapper"), true), (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-show-search"), isShowSearch), _classNames6));
   (0, _react.useEffect)(function () {
     if (typeof props.visible !== 'undefined') {
       setOptionShow(props.visible);
@@ -319,7 +322,7 @@ var InternalSelect = function InternalSelect(props, ref) {
         }
       } else {
         props.visible === undefined && setOptionShow(false);
-        onChange && onChange(labelInValue ? {
+        initValue !== key && onChange && onChange(labelInValue ? {
           value: key,
           label: label
         } : key, (0, _extends2.default)((0, _extends2.default)({}, optionsObj), {
@@ -335,7 +338,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       multipleRef.current.selectedVal = key;
       setInitValue(key);
       props.visible === undefined && setOptionShow(false);
-      onChange && onChange(labelInValue ? {
+      initValue !== key && onChange && onChange(labelInValue ? {
         value: key,
         label: label
       } : key, (0, _extends2.default)((0, _extends2.default)({}, optionsObj), {
@@ -512,9 +515,6 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: emptyListCls
     }, emptyContent);
   };
-  var isShowSearch = (0, _react.useMemo)(function () {
-    return (0, _isBoolean.default)(showSearch) ? showSearch : isMultiple;
-  }, [isMultiple, showSearch]);
   (0, _react.useEffect)(function () {
     var _a;
     if (isShowSearch && autoFocus && !disabled) {
@@ -570,7 +570,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: dropDownCls,
       style: dropDownStyle,
       ref: dropDownRef
-    }, !dropdownRender && childrenToRender.length > 0 && dropRender(eleOptionList, heightStyle), renderNotContent(), /*#__PURE__*/_react.default.createElement("div", null, dropdownRender && dropdownRender(dropRender(childrenToRender, heightStyle))), isMultiple && /*#__PURE__*/_react.default.createElement("div", {
+    }, !dropdownRender && childrenToRender.length > 0 && dropRender(eleOptionList, heightStyle), renderNotContent(), /*#__PURE__*/_react.default.createElement("div", null, dropdownRender && dropdownRender(dropRender(childrenToRender, heightStyle))), isMultiple && realChildren.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
       className: multipleFooterCls
     }, /*#__PURE__*/_react.default.createElement(_index.Checkbox, {
       style: checkboxStyle,
@@ -579,7 +579,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       onChange: handleSelectAll
     }, "\u5168\u9009"), /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected")
-    }, "\u5DF2\u9009", /*#__PURE__*/_react.default.createElement("span", null, isMultiple ? selectedVal.length : 0), "\u9879"))));
+    }, "\u5DF2\u9009", /*#__PURE__*/_react.default.createElement("span", null, selectedVal.length), "\u9879"))));
   };
   // 处理多选tag
   var handleMaxTagHolder = (0, _react.useCallback)(function () {

package/lib/select/style/index.css

@@ -350,6 +350,12 @@
   overflow-x: hidden;
   position: relative;
 }
+.kd-select-show-search {
+  cursor: text;
+}
+.kd-select-show-search.kd-select-single .kd-select-selection-search .kd-select-selection-search-input {
+  cursor: text;
+}
 .kd-select-dropdown {
   display: block;
   left: 0;
@@ -471,6 +477,7 @@
   background: transparent;
   height: 100%;
   width: 100%;
+  cursor: pointer;
 }
 .kd-select .kd-select-single .kd-select-selection-item {
   display: inline-block;

package/lib/select/style/index.less

@@ -120,6 +120,16 @@
     position: relative;
   }
 
+  &-show-search {
+    cursor: text;
+
+    &.@{select-prefix-cls}-single .@{select-prefix-cls}-selection-search {
+      .@{select-prefix-cls}-selection-search-input {
+        cursor: text;
+      }
+    }
+  }
+
   &-dropdown {
     display: block;
     left: 0;
@@ -232,6 +242,7 @@
           background: transparent;
           height: 100%;
           width: 100%;
+          cursor: pointer;
         }
       }
       &-item {

package/lib/transfer/list.js

@@ -101,7 +101,7 @@ var ITransferList = function ITransferList(props, ref) {
     if (filterOption) {
       return filterOption(filterValue, item);
     }
-    return text.indexOf(filterValue) > -1;
+    return (text === null || text === void 0 ? void 0 : text.indexOf(filterValue)) > -1;
   };
   var renderListBody = function renderListBody(renderList, props) {
     var bodyContent = renderList ? renderList(props) : null;

package/lib/tree/tree.d.ts

@@ -41,6 +41,8 @@ export interface TreeProps {
     expandOnClickNode?: boolean;
     onlyExpandOnClickIcon?: boolean;
     showIcon?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
 }
 export declare type TreeNodeData = {
     checkable?: boolean;