@kdcloudjs/kdesign 1.7.14 → 1.7.16

package/es/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/es/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/es/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/es/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/es/input-number/inputNumber.js

@@ -72,7 +72,7 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
     return true;
   };
   useEffect(function () {
-    setInputValue(value);
+    setInputValue(serialization(value + ''));
   }, [value]);
   var handleEventAttachValue = function handleEventAttachValue(event, value) {
     return _extends({}, event, {

package/es/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/es/locale/zh-CN.js

@@ -14,15 +14,15 @@ var locale = _extends(_extends({
   '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': '可选列表',
@@ -42,7 +42,7 @@ var locale = _extends(_extends({
   'CityPicker.internation': '国际',
   'CityPicker.common': '常用',
   'CityPicker.noData': '暂无数据',
-  'ColorPicker.followFunctionalColor': '跟随主题色',
+  'ColorPicker.followFunctionalColor': '跟随功能色',
   'Search.placeholder': '请输入需要搜索的内容',
   'Search.desc': ['空格代表"或"，回车代表"且"'],
   'Search.nplDesc': '智能搜索',

package/es/modal/modal.js

@@ -224,7 +224,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/es/notification/index.js

@@ -129,6 +129,7 @@ var Notification = {
   },
   destroy: function destroy(key) {
     NotificationApi.destroy(key);
-  }
+  },
+  displayName: 'Notification'
 };
 export default Notification;

package/es/notification-base/index.js

@@ -48,14 +48,17 @@ var NotificationApi = {
   destroy: function destroy(key) {
     if (key) {
       _Object$keys(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/es/search/quick-search.js

@@ -3,10 +3,19 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _typeof from "@babel/runtime-corejs3/helpers/typeof";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _JSON$stringify from "@babel/runtime-corejs3/core-js-stable/json/stringify";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+var __rest = this && this.__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 _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(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;
+};
 import React, { useContext, useState, useRef, useCallback, useLayoutEffect, useMemo } from 'react';
 import classNames from 'classnames';
 import debounce from 'lodash/debounce';
@@ -39,7 +48,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 : toArray(children); // tags配置项和默认children
   var innerRef = useRef();
   var quickSearchRef = ref || innerRef;
@@ -293,12 +303,12 @@ var InternalQuickSearch = function InternalQuickSearch(props, ref) {
     !disabled && setInputFocus();
   };
   var renderSelect = function renderSelect() {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", _extends({
       className: quickSearchCls,
       ref: quickSearchRef,
       style: style,
       onClick: handleClickInputFosus
-    }, /*#__PURE__*/React.createElement("span", {
+    }, others), /*#__PURE__*/React.createElement("span", {
       className: classNames(_defineProperty({}, "".concat(quickSearchPrefixCls, "-prefix"), true))
     }, /*#__PURE__*/React.createElement(Icon, {
       type: "search"

package/es/search/search.js

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

package/es/select/select.js

@@ -108,6 +108,9 @@ var InternalSelect = function InternalSelect(props, ref) {
     _useState12 = _slicedToArray(_useState11, 2),
     focusd = _useState12[0],
     setFocusd = _useState12[1];
+  var isShowSearch = useMemo(function () {
+    return isBoolean(showSearch) ? showSearch : isMultiple;
+  }, [isMultiple, showSearch]);
   var selectPrefixCls = getPrefixCls(prefixCls, 'select', customPrefixcls);
   // 选择器样式
   var selectCls = classNames(selectPrefixCls, className, _defineProperty({}, "".concat(selectPrefixCls, "-visible"), optionShow));
@@ -119,7 +122,7 @@ var InternalSelect = function InternalSelect(props, ref) {
   // 多选底部样式
   var multipleFooterCls = classNames(_defineProperty({}, "".concat(selectPrefixCls, "-multiple-footer"), true));
   // 多选，单选公共样式
-  var commCls = classNames((_classNames6 = {}, _defineProperty(_classNames6, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _defineProperty(_classNames6, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _defineProperty(_classNames6, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _defineProperty(_classNames6, _concatInstanceProperty(_context = "".concat(selectPrefixCls, "-size-")).call(_context, size), size), _defineProperty(_classNames6, "".concat(selectPrefixCls, "-wrapper"), true), _classNames6));
+  var commCls = classNames((_classNames6 = {}, _defineProperty(_classNames6, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _defineProperty(_classNames6, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _defineProperty(_classNames6, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _defineProperty(_classNames6, _concatInstanceProperty(_context = "".concat(selectPrefixCls, "-size-")).call(_context, size), size), _defineProperty(_classNames6, "".concat(selectPrefixCls, "-wrapper"), true), _defineProperty(_classNames6, "".concat(selectPrefixCls, "-show-search"), isShowSearch), _classNames6));
   useEffect(function () {
     if (typeof props.visible !== 'undefined') {
       setOptionShow(props.visible);
@@ -307,7 +310,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, _extends(_extends({}, optionsObj), {
@@ -323,7 +326,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, _extends(_extends({}, optionsObj), {
@@ -500,9 +503,6 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: emptyListCls
     }, emptyContent);
   };
-  var isShowSearch = useMemo(function () {
-    return isBoolean(showSearch) ? showSearch : isMultiple;
-  }, [isMultiple, showSearch]);
   useEffect(function () {
     var _a;
     if (isShowSearch && autoFocus && !disabled) {
@@ -558,7 +558,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: dropDownCls,
       style: dropDownStyle,
       ref: dropDownRef
-    }, !dropdownRender && childrenToRender.length > 0 && dropRender(eleOptionList, heightStyle), renderNotContent(), /*#__PURE__*/React.createElement("div", null, dropdownRender && dropdownRender(dropRender(childrenToRender, heightStyle))), isMultiple && /*#__PURE__*/React.createElement("div", {
+    }, !dropdownRender && childrenToRender.length > 0 && dropRender(eleOptionList, heightStyle), renderNotContent(), /*#__PURE__*/React.createElement("div", null, dropdownRender && dropdownRender(dropRender(childrenToRender, heightStyle))), isMultiple && realChildren.length > 0 && /*#__PURE__*/React.createElement("div", {
       className: multipleFooterCls
     }, /*#__PURE__*/React.createElement(Checkbox, {
       style: checkboxStyle,
@@ -567,7 +567,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       onChange: handleSelectAll
     }, "\u5168\u9009"), /*#__PURE__*/React.createElement("span", {
       className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected")
-    }, "\u5DF2\u9009", /*#__PURE__*/React.createElement("span", null, isMultiple ? selectedVal.length : 0), "\u9879"))));
+    }, "\u5DF2\u9009", /*#__PURE__*/React.createElement("span", null, selectedVal.length), "\u9879"))));
   };
   // 处理多选tag
   var handleMaxTagHolder = useCallback(function () {

package/es/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/es/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/es/transfer/list.js

@@ -89,7 +89,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/es/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;

package/es/tree/tree.js

@@ -2,10 +2,19 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+var __rest = this && this.__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 _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(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;
+};
 import React, { useContext, useCallback, useEffect } from 'react';
 import classNames from 'classnames';
 import cloneDeep from 'lodash/cloneDeep';
@@ -61,16 +70,18 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     } : _TreeProps$setTreeNod2,
     innerEstimatedItemSize = TreeProps.estimatedItemSize,
     style = TreeProps.style,
+    className = TreeProps.className,
     filterTreeNode = TreeProps.filterTreeNode,
     filterValue = TreeProps.filterValue,
     expandOnClickNode = TreeProps.expandOnClickNode,
     _TreeProps$onlyExpand = TreeProps.onlyExpandOnClickIcon,
     onlyExpandOnClickIcon = _TreeProps$onlyExpand === void 0 ? false : _TreeProps$onlyExpand,
     loadData = TreeProps.loadData,
-    notFoundContent = TreeProps.notFoundContent;
+    notFoundContent = TreeProps.notFoundContent,
+    others = __rest(TreeProps, ["prefixCls", "treeData", "virtual", "showIcon", "switcherIcon", "icon", "checkable", "checkStrictly", "disabled", "draggable", "scrollToKey", "expandedKeys", "checkedKeys", "defaultExpandRoot", "defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys", "defaultCheckedKeys", "defaultSelectedKeys", "height", "onCheck", "onExpand", "onDragStart", "onDragOver", "onDragLeave", "onDragEnter", "onDragEnd", "onDrop", "onSelect", "selectedKeys", "setTreeNodeStyle", "setTreeNodeClassName", "estimatedItemSize", "style", "className", "filterTreeNode", "filterValue", "expandOnClickNode", "onlyExpandOnClickIcon", "loadData", "notFoundContent"]);
   var treePrefixCls = getPrefixCls(prefixCls, 'tree', customPrefixcls); // 树样式前缀
   var treeNodePrefixCls = getPrefixCls(prefixCls, 'tree-node', customPrefixcls); // 树节点样式前缀
-  var treeNodeClassName = classNames(_defineProperty({}, "".concat(treePrefixCls), true));
+  var treeNodeClassName = classNames(className, _defineProperty({}, "".concat(treePrefixCls), true));
   var treeRootClassName = "".concat(treePrefixCls, "-root");
   var estimatedItemSize = innerEstimatedItemSize; // 节点高度
   var _React$useMemo = React.useMemo(function () {
@@ -363,12 +374,12 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   useEffect(function () {
     setCheckedKeys(checkedKeys);
   }, [checkedKeys, setCheckedKeys]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: treeNodeClassName,
     style: style,
     ref: scrollRef,
     onScroll: handleScroll
-  }, /*#__PURE__*/React.createElement("div", {
+  }, others), /*#__PURE__*/React.createElement("div", {
     ref: plantomRef,
     className: "".concat(treePrefixCls, "-plantom")
   }), /*#__PURE__*/React.createElement("div", {

package/es/tree-select/interface.d.ts

@@ -33,7 +33,7 @@ export interface AbstractSelectProps extends PopperProps {
     maxTagPlaceholder?: React.ReactNode | ((omittedValues: TreeNodeData[]) => React.ReactNode);
 }
 export declare type ITreeProps = {
-    treeData?: TreeNodeData;
+    treeData?: TreeNodeData[];
     treeDefaultExpandAll?: boolean;
     treeDefaultExpandedKeys?: string[];
     treeExpandedKeys?: string[];
@@ -44,6 +44,10 @@ export declare type ITreeProps = {
     treeNodeFilterProp?: string;
     treeNodeLabelProp?: string;
     expandOnClickNode?: boolean;
+    treeCheckStrictly?: boolean;
+    treeExpandOnClickNode?: boolean;
+    showTreeIcon?: boolean;
+    treeLoadData?: () => void;
 };
 export declare type TreeSelectValue = string | string[] | number | number[] | undefined;
 export interface ITreeSelectProps<T extends TreeSelectValue> extends AbstractSelectProps, ITreeProps {
@@ -51,6 +55,7 @@ export interface ITreeSelectProps<T extends TreeSelectValue> extends AbstractSel
     defaultValue?: T;
     mode?: Mode;
     autoFocus?: boolean;
+    onlyExpandOnClickIcon?: boolean;
     onChange?: (value: T, treeNode: TreeNodeData) => void;
     onSelect?: (value: T extends (infer I)[] ? I : T, { checked, node, event }: any) => void;
     onBlur?: (value?: T) => void;

package/es/tree-select/tree-select.js

@@ -38,7 +38,7 @@ function flattenTreeData(treeData) {
     }
     return key;
   }
-  treeData.forEach(function (node) {
+  treeData === null || treeData === void 0 ? void 0 : treeData.forEach(function (node) {
     flatten(node);
   });
   return map;
@@ -95,7 +95,8 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     onTreeExpand = treeSelectProps.onTreeExpand,
     onSelect = treeSelectProps.onSelect,
     onCheck = treeSelectProps.onCheck,
-    dropdownRender = treeSelectProps.dropdownRender;
+    dropdownRender = treeSelectProps.dropdownRender,
+    onlyExpandOnClickIcon = treeSelectProps.onlyExpandOnClickIcon;
   var isMultiple = mode === 'multiple'; // 是否多选
   var _useMergedState = useMergedState(isMultiple ? [] : undefined, {
       value: value,
@@ -310,7 +311,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
       icon: treeIcon,
       showIcon: showTreeIcon,
       switcherIcon: switcherIcon,
-      onlyExpandOnClickIcon: true,
+      onlyExpandOnClickIcon: onlyExpandOnClickIcon,
       notFoundContent: renderNotContent(),
       filterTreeNode: defFilterTreeNode,
       onSelect: handleSelect,
@@ -494,7 +495,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     }
   };
   var popperProps = _extends(_extends({}, treeSelectProps), {
-    prefixCls: selectPrefixCls,
+    prefixCls: "".concat(selectPrefixCls, "-panel"),
     placement: 'bottomLeft',
     popperStyle: catchStyle(),
     defaultVisible: optionShow,

package/es/upload/interface.d.ts

@@ -146,6 +146,7 @@ export interface IFileItem {
     prefixCls: string;
     listType: string;
     disabled: boolean;
+    onPreview?: (file: UploadFile) => void;
     handleReUpload: (file: UploadFile, e: React.MouseEvent) => void;
     handleRemove: (file: UploadFile, e: React.MouseEvent) => void;
 }