@kdcloudjs/kdesign 1.7.13 → 1.7.15

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/option.d.ts

@@ -8,9 +8,11 @@ export interface ISelectOptionProps {
     children?: any;
     className?: string;
     index?: number;
+    activeIndex?: number;
     style?: React.CSSProperties;
     isMultiple?: boolean;
     onChangeSelect?: (key: SelectValue, label: string | undefined, isSelected: boolean) => void;
+    onChangeActiveIndex?: (index: any) => void;
 }
 declare const Option: React.ForwardRefExoticComponent<ISelectOptionProps & React.RefAttributes<unknown>>;
 export default Option;

package/lib/select/option.js

@@ -34,7 +34,10 @@ var InternalOption = function InternalOption(props, ref) {
     values = (0, _values.default)(props),
     isMultiple = props.isMultiple,
     onChangeSelect = props.onChangeSelect,
-    title = props.title;
+    onChangeActiveIndex = props.onChangeActiveIndex,
+    title = props.title,
+    activeIndex = props.activeIndex,
+    index = props.index;
   var optionProps = (0, _extends2.default)({}, props);
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
     getPrefixCls = _useContext.getPrefixCls,
@@ -47,7 +50,7 @@ var InternalOption = function InternalOption(props, ref) {
       setSelected(value !== undefined ? value === values : false);
     }
   });
-  var optionCls = (0, _classnames.default)(selectOptionPrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-option"), true), (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-option-selected"), isSelected), (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-option-disabled"), disabled), _classNames));
+  var optionCls = (0, _classnames.default)(selectOptionPrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-option"), true), (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-option-active"), activeIndex === index), (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-option-selected"), isSelected), (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-option-disabled"), disabled), _classNames));
   var contentCls = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(selectOptionPrefixCls, "-option-content"), true));
   var handleClick = function handleClick(e) {
     e.preventDefault();
@@ -57,6 +60,9 @@ var InternalOption = function InternalOption(props, ref) {
     }
     onChangeSelect && onChangeSelect(value, children, isSelected);
   };
+  var handleOnMouseMove = function handleOnMouseMove() {
+    onChangeActiveIndex && onChangeActiveIndex(index);
+  };
   var titleText = title || ((0, _typeof2.default)(children) !== 'object' ? children : null);
   var checkStyle = {
     minHeight: '22px',
@@ -66,7 +72,8 @@ var InternalOption = function InternalOption(props, ref) {
     ref: optionRef,
     className: optionCls,
     title: titleText,
-    onClick: handleClick
+    onClick: handleClick,
+    onMouseMove: handleOnMouseMove
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: contentCls
   }, isMultiple ? /*#__PURE__*/_react.default.createElement(_index.Checkbox, {

package/lib/select/select.js

@@ -13,6 +13,7 @@ var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable
 var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
 var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
+var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
@@ -28,6 +29,7 @@ var _index = require("../index");
 var _option = _interopRequireDefault(require("./option"));
 var _usePopper = _interopRequireDefault(require("../_utils/usePopper"));
 var _virtualList = _interopRequireDefault(require("../virtual-list"));
+var _KeyCode = _interopRequireDefault(require("../_utils/KeyCode"));
 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 || _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 INPUT_MIN_WIDTH = 4; // 输入框最小宽度
@@ -212,13 +214,13 @@ var InternalSelect = function InternalSelect(props, ref) {
     onBlur && onBlur(e);
   }, [onBlur]);
   // 点击组件
-  var handleClick = function handleClick() {
-    if (disabled) return;
-    if (optionShow) {
-      var onDropdownVisibleChange = selectProps.onDropdownVisibleChange;
-      onDropdownVisibleChange && onDropdownVisibleChange(true);
-    }
-  };
+  // const handleClick = () => {
+  //   if (disabled) return
+  //   if (optionShow) {
+  //     const { onDropdownVisibleChange } = selectProps
+  //     onDropdownVisibleChange && onDropdownVisibleChange(true)
+  //   }
+  // }
   (0, _react.useEffect)(function () {
     selectionRef.current.addEventListener('mouseup', function (e) {
       var _a;
@@ -472,8 +474,12 @@ var InternalSelect = function InternalSelect(props, ref) {
       }, child.props, {
         key: index,
         index: index,
+        activeIndex: activeIndex,
         onChangeSelect: handleOption,
-        values: multipleRef.current.selectedVal
+        values: multipleRef.current.selectedVal,
+        onChangeActiveIndex: function onChangeActiveIndex(i) {
+          setActiveIndex(i);
+        }
       }));
     } else {
       return /*#__PURE__*/_react.default.createElement(_option.default, (0, _extends2.default)({
@@ -481,8 +487,12 @@ var InternalSelect = function InternalSelect(props, ref) {
         value: child === null || child === void 0 ? void 0 : child.value,
         key: index,
         index: index,
+        activeIndex: activeIndex,
         onChangeSelect: handleOption,
-        values: multipleRef.current.selectedVal
+        values: multipleRef.current.selectedVal,
+        onChangeActiveIndex: function onChangeActiveIndex(i) {
+          setActiveIndex(i);
+        }
       }, child), (child === null || child === void 0 ? void 0 : child.label) || (child === null || child === void 0 ? void 0 : child.value));
     }
   };
@@ -511,6 +521,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }
   }, [isShowSearch, autoFocus, disabled]);
+  var optionsListRef = _react.default.useRef(null);
   // 渲染下拉列表框
   var renderContent = function renderContent() {
     var dropdownRender = selectProps.dropdownRender,
@@ -536,7 +547,8 @@ var InternalSelect = function InternalSelect(props, ref) {
         },
         isStaticItemHeight: true,
         height: listHeight || 300,
-        measureLongestItem: false
+        measureLongestItem: false,
+        ref: optionsListRef
       }, virtualListProps), function (child) {
         return child;
       });
@@ -695,6 +707,101 @@ var InternalSelect = function InternalSelect(props, ref) {
     }, renderSuffix()));
   };
   var singleCls = (0, _classnames.default)(commCls, (_classNames12 = {}, (0, _defineProperty2.default)(_classNames12, "".concat(selectPrefixCls, "-single"), true), (0, _defineProperty2.default)(_classNames12, "".concat(selectPrefixCls, "-single-disabled"), disabled), (0, _defineProperty2.default)(_classNames12, "".concat(selectPrefixCls, "-single-focused"), focusd && !disabled || optionShow), _classNames12));
+  // keyboard
+  var getActiveIndex = function getActiveIndex(index) {
+    var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+    var len = filledOptions.length;
+    for (var i = 0; i < len; i += 1) {
+      var current = (index + i * offset + len) % len;
+      var _props = filledOptions[current].props;
+      if (!(_props === null || _props === void 0 ? void 0 : _props.disabled)) {
+        return current;
+      }
+    }
+    return -1;
+  };
+  // reset activeIndex
+  (0, _react.useEffect)(function () {
+    if (searchValue) {
+      setActiveIndex(getActiveIndex(0));
+    }
+  }, [searchValue]);
+  (0, _react.useEffect)(function () {
+    if (optionShow && !disabled) {
+      var onDropdownVisibleChange = selectProps.onDropdownVisibleChange;
+      onDropdownVisibleChange && onDropdownVisibleChange(true);
+    }
+  }, [optionShow]);
+  var _useState13 = (0, _react.useState)(getActiveIndex(0)),
+    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+    activeIndex = _useState14[0],
+    setActiveIndex = _useState14[1];
+  var onInternalKeyDown = function onInternalKeyDown(e) {
+    var _a, _b;
+    var which = e.which;
+    // open
+    if (which === _KeyCode.default.ENTER || which === _KeyCode.default.UP || which === _KeyCode.default.DOWN) {
+      e.preventDefault();
+      setOptionShow(true);
+    }
+    // backspace
+    var _multipleRef$current5 = multipleRef.current,
+      selectedVal = _multipleRef$current5.selectedVal,
+      selectMulOpts = _multipleRef$current5.selectMulOpts;
+    // isMultiple
+    if (which === _KeyCode.default.BACKSPACE && !searchValue && isMultiple && selectedVal.length && selectMulOpts.length) {
+      (0, _splice.default)(selectedVal).call(selectedVal, -1, 1);
+      (0, _splice.default)(selectMulOpts).call(selectMulOpts, -1, 1);
+      setMulOptions((0, _toConsumableArray2.default)(selectMulOpts));
+      onChange && onChange(labelInValue ? selectMulOpts : selectedVal, selectMulOpts);
+      // !isMultiple
+    } else if (which === _KeyCode.default.BACKSPACE && allowClear && !isMultiple) {
+      setInitValue('');
+      onClear && onClear('');
+      setSearchValue('');
+      onChange && onChange(undefined);
+    }
+    // optionsList: up、down、enter
+    if (optionShow) {
+      var offset = 0;
+      if (which === _KeyCode.default.UP) {
+        offset = -1;
+      } else if (which === _KeyCode.default.DOWN) {
+        offset = 1;
+      } else if (which === _KeyCode.default.ENTER) {
+        var item = filledOptions[activeIndex];
+        var key = ((_a = item.props) === null || _a === void 0 ? void 0 : _a.value) || item.value;
+        var label = ((_b = item.props) === null || _b === void 0 ? void 0 : _b.children) || item.label;
+        handleOption(key, label, true);
+        // search
+        if (searchValue) {
+          setActiveIndex((0, _findIndex.default)(realChildren).call(realChildren, function (child) {
+            var _a;
+            if (child && child.props) {
+              return ((_a = child.props) === null || _a === void 0 ? void 0 : _a.value) === key;
+            } else {
+              return (child === null || child === void 0 ? void 0 : child.value) === key;
+            }
+          }));
+        }
+        if (!isMultiple) {
+          setOptionShow(false);
+        }
+      } else if (which === _KeyCode.default.ESC) {
+        setOptionShow(false);
+      }
+      if (offset !== 0) {
+        var nextActiveIndex = getActiveIndex(activeIndex + offset, offset);
+        if (optionsListRef.current) {
+          optionsListRef.current.scrollTo({
+            index: nextActiveIndex
+          });
+        }
+        setActiveIndex(nextActiveIndex);
+        e.preventDefault();
+      }
+    }
+  };
   var renderSelect = function renderSelect() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: selectCls,
@@ -702,7 +809,6 @@ var InternalSelect = function InternalSelect(props, ref) {
       style: style
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: selectionCls,
-      onClick: handleClick,
       tabIndex: disabled ? -1 : 0,
       onFocus: function onFocus() {
         var _a;
@@ -711,7 +817,8 @@ var InternalSelect = function InternalSelect(props, ref) {
       onBlur: function onBlur() {
         var _a;
         return (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-      }
+      },
+      onKeyDown: onInternalKeyDown
     }, !isMultiple ? renderSingle() : renderMultiple()));
   };
   var catchStyle = function catchStyle() {

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;

package/lib/tree/tree.js

@@ -8,14 +8,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
@@ -27,6 +28,14 @@ var _treeHooks = require("./treeHooks");
 var _isBoolean = _interopRequireDefault(require("lodash/isBoolean"));
 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 || _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 __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 InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
     getPrefixCls = _useContext.getPrefixCls,
@@ -73,16 +82,18 @@ var InternalTree = /*#__PURE__*/_react.default.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 = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(treePrefixCls), true));
+  var treeNodeClassName = (0, _classnames.default)(className, (0, _defineProperty2.default)({}, "".concat(treePrefixCls), true));
   var treeRootClassName = "".concat(treePrefixCls, "-root");
   var estimatedItemSize = innerEstimatedItemSize; // 节点高度
   var _React$useMemo = _react.default.useMemo(function () {
@@ -375,12 +386,12 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   (0, _react.useEffect)(function () {
     setCheckedKeys(checkedKeys);
   }, [checkedKeys, setCheckedKeys]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     className: treeNodeClassName,
     style: style,
     ref: scrollRef,
     onScroll: handleScroll
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, others), /*#__PURE__*/_react.default.createElement("div", {
     ref: plantomRef,
     className: "".concat(treePrefixCls, "-plantom")
   }), /*#__PURE__*/_react.default.createElement("div", {

package/lib/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 {

package/lib/tree-select/tree-select.js

@@ -50,7 +50,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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.7.13",
+  "version": "1.7.15",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [
@@ -77,6 +77,7 @@
     "@babel/runtime": "^7.10.4",
     "@babel/runtime-corejs3": "^7.11.2",
     "@babel/standalone": "^7.14.3",
+    "@kdcloudjs/kdesign-icons": "^1.0.0",
     "@kdcloudjs/table": "1.1.6-canary.2",
     "@popperjs/core": "^2.5.4",
     "@types/js-cookie": "^3.0.3",