uiw 4.11.1 → 4.11.5

package/dist/uiw.js

@@ -6822,7 +6822,7 @@ function Row_Row(props) {
 
 
 
-var FormItem_excluded = ["prefixCls", "className", "style", "label", "labelFor", "labelClassName", "labelStyle", "help", "inline", "initialValue", "validator", "hasError"];
+var FormItem_excluded = ["prefixCls", "className", "required", "style", "label", "labelFor", "labelClassName", "labelStyle", "help", "inline", "initialValue", "validator", "hasError"];
 
 
 
@@ -6846,6 +6846,7 @@ var FormItem = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props = this.props,
           prefixCls = _this$props.prefixCls,
           className = _this$props.className,
+          required = _this$props.required,
           style = _this$props.style,
           label = _this$props.label,
           labelFor = _this$props.labelFor,
@@ -6865,14 +6866,19 @@ var FormItem = /*#__PURE__*/function (_React$PureComponent) {
           style: style
         }, otherProps, {
           children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(Row_Row, {
-            children: [/*#__PURE__*/(0,jsx_runtime.jsx)(Col, {
+            children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(Col, {
               fixed: true,
               className: labelCls,
-              children: /*#__PURE__*/(0,jsx_runtime.jsx)("label", {
+              children: [required && /*#__PURE__*/(0,jsx_runtime.jsx)("label", {
+                style: {
+                  color: 'red'
+                },
+                children: "*"
+              }), /*#__PURE__*/(0,jsx_runtime.jsx)("label", {
                 style: labelStyle,
                 htmlFor: labelFor,
                 children: label
-              })
+              })]
             }), /*#__PURE__*/(0,jsx_runtime.jsx)(Col, {
               className: "w-form-row",
               children: this.props.children
@@ -6890,11 +6896,18 @@ var FormItem = /*#__PURE__*/function (_React$PureComponent) {
         className: cls,
         style: style
       }, otherProps, {
-        children: [label && /*#__PURE__*/(0,jsx_runtime.jsx)("label", {
-          className: labelCls,
-          style: labelStyle,
-          htmlFor: labelFor,
-          children: label
+        children: [label && /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
+          children: [required && /*#__PURE__*/(0,jsx_runtime.jsx)("label", {
+            style: {
+              color: 'red'
+            },
+            children: "*"
+          }), /*#__PURE__*/(0,jsx_runtime.jsx)("label", {
+            className: labelCls,
+            style: labelStyle,
+            htmlFor: labelFor,
+            children: label
+          })]
         }), /*#__PURE__*/(0,jsx_runtime.jsx)(Col, {
           className: "w-form-row",
           children: this.props.children
@@ -6921,6 +6934,7 @@ FormItem.defaultProps = {
 
 
 
+
 var Form_excluded = ["prefixCls", "className", "fields", "children", "resetOnSubmit", "onSubmitError", "onChange", "onSubmit", "afterSubmit"],
     Form_excluded2 = ["children", "validator", "name", "help", "label", "labelFor", "labelClassName", "labelStyle", "inline", "initialValue"];
 
@@ -6946,7 +6960,7 @@ function newFormState(fields, cb) {
         initialValue = _cb.initialValue,
         _currentValue = _cb.currentValue;
 
-    state.initial[name] = initialValue;
+    state.initial[name] = Array.isArray(initialValue) ? _toConsumableArray(initialValue) : initialValue;
     state.current[name] = _currentValue;
   }
 
@@ -6986,15 +7000,10 @@ function Form(_ref, ref //| React.RefObject<FormRefType>,
     });
   }, []);
 
-  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(JSON.parse(JSON.stringify(initData))),
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(initData),
       _useState2 = _slicedToArray(_useState, 2),
       data = _useState2[0],
-      setDatas = _useState2[1];
-
-  var setData = function setData(values) {
-    // 解决value为数组时不进行深拷贝,initvalue无法重置问题
-    setDatas(JSON.parse(JSON.stringify(values)));
-  };
+      setData = _useState2[1];
 
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useImperativeHandle)(ref, function () {
     return {
@@ -7002,7 +7011,11 @@ function Form(_ref, ref //| React.RefObject<FormRefType>,
       resetForm: handleReset,
       getFieldValues: function getFieldValues() {
         return data.current;
-      }
+      },
+      getError: function getError() {
+        return data.errors;
+      },
+      setFields: setFields
     };
   }, [data]);
   var formUnits = {};
@@ -7032,6 +7045,11 @@ function Form(_ref, ref //| React.RefObject<FormRefType>,
     })));
   }
 
+  function setFields(fields) {
+    data.current = fields;
+    setData(data);
+  }
+
   function handleChange(name, validator, element, cb) {
     return function (env, list) {
       var value = env && env.target && 'value' in env.target ? env.target.value : env; // 控件 Checkbox.Group 多选值的处理
@@ -7094,13 +7112,11 @@ function Form(_ref, ref //| React.RefObject<FormRefType>,
       setData(_extends({}, data, nextState, {
         errors: {}
       }));
-      return function () {
-        return afterSubmit({
-          state: data,
-          response: response,
-          reset: handleReset
-        });
-      };
+      afterSubmit && afterSubmit({
+        state: data,
+        response: response,
+        reset: handleReset
+      });
     };
 
     try {
@@ -7142,17 +7158,30 @@ function Form(_ref, ref //| React.RefObject<FormRefType>,
 
   function handleReset() {
     var initial = data.initial;
+
+    var initials = _extends({}, initial);
+
+    Object.entries(initials).map(function (_ref3) {
+      var _ref5 = _slicedToArray(_ref3, 2),
+          key = _ref5[0],
+          value = _ref5[1];
+
+      if (Array.isArray(value)) {
+        initials[key] = _toConsumableArray(value);
+      }
+    });
     setData(_extends({}, data, {
-      current: initial,
+      initial: initial,
+      current: initials,
       errors: {}
     }));
   }
 
-  function controlField(_ref3) {
-    var children = _ref3.children,
-        validator = _ref3.validator,
-        name = _ref3.name,
-        other = _objectWithoutPropertiesLoose(_ref3, Form_excluded2);
+  function controlField(_ref4) {
+    var children = _ref4.children,
+        validator = _ref4.validator,
+        name = _ref4.name,
+        other = _objectWithoutPropertiesLoose(_ref4, Form_excluded2);
 
     var element = typeof children !== 'function' ? children : children({
       onChange: handleChange(name, validator),
@@ -9286,11 +9315,95 @@ function Rate(props) {
     })
   }));
 }
+;// CONCATENATED MODULE: ../react-tag/esm/style/index.css
+// extracted by mini-css-extract-plugin
+/* harmony default export */ var react_tag_esm_style = ({});
+;// CONCATENATED MODULE: ../react-tag/esm/index.js
+
+
+var react_tag_esm_excluded = ["prefixCls", "className", "style", "title", "children", "visible", "color", "disabled", "bordered", "closable", "light", "onClose"];
+
+
+
+
+/* harmony default export */ var react_tag_esm = (function (props) {
+  if (props === void 0) {
+    props = {};
+  }
+
+  var _props = props,
+      _props$prefixCls = _props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? 'w-tag' : _props$prefixCls,
+      className = _props.className,
+      style = _props.style,
+      _props$title = _props.title,
+      title = _props$title === void 0 ? '' : _props$title,
+      children = _props.children,
+      _props$visible = _props.visible,
+      visible = _props$visible === void 0 ? true : _props$visible,
+      _props$color = _props.color,
+      color = _props$color === void 0 ? '#6E6E6E' : _props$color,
+      _props$disabled = _props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$bordered = _props.bordered,
+      bordered = _props$bordered === void 0 ? true : _props$bordered,
+      closable = _props.closable,
+      _props$light = _props.light,
+      light = _props$light === void 0 ? false : _props$light,
+      onClose = _props.onClose,
+      other = _objectWithoutPropertiesLoose(props, react_tag_esm_excluded);
+
+  var cls = [prefixCls, className, light ? prefixCls + "-light" : null, disabled ? 'disabled' : null].filter(Boolean).join(' ').trim();
+
+  var styl = _extends({}, style);
+
+  if (!light) {
+    styl.color = '#fff';
+    styl.backgroundColor = color;
+  } else {
+    styl.color = color;
+    styl.borderColor = color;
+
+    if (bordered && light) {
+      styl.boxShadow = "inset 0 0 0 1px " + color;
+    }
+  }
+
+  if (!visible) {
+    return null;
+  }
+
+  var closeBtn = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    return closable ? /*#__PURE__*/(0,jsx_runtime.jsx)("svg", {
+      onClick: onClose,
+      className: prefixCls + "-close",
+      width: "15",
+      height: "15",
+      viewBox: "0 0 16 16",
+      children: /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+        d: "M9.41 8l2.29-2.29c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71L8 6.59l-2.29-2.3a1.003 1.003 0 0 0-1.42 1.42L6.59 8 4.3 10.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71L8 9.41l2.29 2.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71L9.41 8z"
+      })
+    }) : null;
+  }, [closable]);
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("span", _extends({
+    className: cls,
+    style: styl
+  }, other, {
+    children: [title || children, closeBtn]
+  }));
+});
+;// CONCATENATED MODULE: ../react-search-select/esm/style/index.css
+// extracted by mini-css-extract-plugin
+/* harmony default export */ var react_search_select_esm_style = ({});
 ;// CONCATENATED MODULE: ../react-search-select/esm/index.js
 
 
 
-var react_search_select_esm_excluded = ["allowClear", "disabled", "size", "option", "loading", "prefixCls", "className", "style", "isOpen", "value", "defaultValue", "showSearch", "placeholder", "onSearch", "onChange", "onSelect"];
+
+var react_search_select_esm_excluded = ["allowClear", "disabled", "size", "maxTagCount", "option", "loading", "labelInValue", "prefixCls", "className", "mode", "style", "isOpen", "value", "defaultValue", "showSearch", "placeholder", "onSearch", "onChange", "onSelect"];
+
+
+
 
 
 
@@ -9307,10 +9420,18 @@ function SearchSelect(props) {
       disabled = _props$disabled === void 0 ? false : _props$disabled,
       _props$size = props.size,
       size = _props$size === void 0 ? 'default' : _props$size,
+      maxTagCount = props.maxTagCount,
       _props$option = props.option,
       option = _props$option === void 0 ? [] : _props$option,
       _props$loading = props.loading,
       loading = _props$loading === void 0 ? false : _props$loading,
+      _props$labelInValue = props.labelInValue,
+      labelInValue = _props$labelInValue === void 0 ? false : _props$labelInValue,
+      _props$prefixCls = props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? 'w-search-select' : _props$prefixCls,
+      className = props.className,
+      _props$mode = props.mode,
+      mode = _props$mode === void 0 ? 'single' : _props$mode,
       style = props.style,
       value = props.value,
       defaultValue = props.defaultValue,
@@ -9321,12 +9442,17 @@ function SearchSelect(props) {
       onSelect = props.onSelect,
       others = _objectWithoutPropertiesLoose(props, react_search_select_esm_excluded);
 
+  var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
+  var isMultiple = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    return mode === 'multiple';
+  }, [mode]);
+
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
       innerIsOpen = _useState2[0],
       setInnerIsOpen = _useState2[1];
 
-  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(value),
+  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]),
       _useState4 = _slicedToArray(_useState3, 2),
       selectedValue = _useState4[0],
       setSelectedValue = _useState4[1];
@@ -9341,29 +9467,89 @@ function SearchSelect(props) {
       selectIconType = _useState8[0],
       setSelectIconType = _useState8[1];
 
+  var omitTagCount = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    return maxTagCount && selectedValue.length > maxTagCount ? selectedValue.length - maxTagCount : 0;
+  }, [selectedValue.length]);
   var divRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var valueRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
+  valueRef.current = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    return selectedValue;
+  }, [selectedValue]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (defaultValue) {
-      var defaultMenuItem = option.find(function (menuItem) {
-        return defaultValue === menuItem.value;
-      });
-      setSelectedValue(defaultValue);
-      setSelectedLabel(defaultMenuItem ? defaultMenuItem.label : '');
+    if (value === undefined && defaultValue !== undefined) {
+      selectedValueChange(defaultValue);
     }
   }, []);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (value !== selectedValue) {
-      setSelectedValue(value);
+    if (value !== undefined) {
+      selectedValueChange(value);
     }
-  }, [value]);
+  }, [JSON.stringify(value)]);
+
+  var getSelectOption = function getSelectOption(option, value) {
+    var findResult = option.find(function (item) {
+      return item.value === value;
+    });
+    return findResult;
+  };
+
+  function selectedValueChange(changeValue) {
+    var opts = [];
+
+    if (labelInValue) {
+      if (Array.isArray(changeValue)) {
+        opts = changeValue;
+      } else {
+        opts.push(changeValue);
+      }
+    } else {
+      if (Array.isArray(changeValue)) {
+        opts = changeValue.map(function (v) {
+          return getSelectOption(option, v);
+        });
+      } else {
+        var findResult = getSelectOption(option, changeValue);
+
+        if (findResult) {
+          setSelectedLabel(findResult.label);
+          opts.push(findResult);
+        }
+      }
+    }
+
+    setSelectedValue(opts);
+  }
+
+  function removeSelectItem(index) {
+    var selectedValue = valueRef.current;
+    selectedValue.splice(index, 1);
+
+    var values = _toConsumableArray(selectedValue);
+
+    return values;
+  }
 
   function handleItemClick(item) {
     setInnerIsOpen(false);
-    setSelectedValue(item.value);
+    var values = [item];
     setSelectedLabel(item.label);
-    onSelect && onSelect(item.value); // 支持form组件
+    var resultValue = item.value;
+    handleChange(resultValue, values);
+  }
+
+  function handleItemsClick(index, item) {
+    var values = index !== -1 ? removeSelectItem(index) : [].concat(_toConsumableArray(selectedValue), [item]);
+    var resultValue = values.map(function (item) {
+      return item.value;
+    });
+    handleChange(resultValue, values);
+  }
 
-    handleSelectChange(item.value);
+  function handleChange(resultValue, values) {
+    onSelect && onSelect(resultValue);
+    handleSelectChange(resultValue, values); // 支持form组件
+
+    value === undefined && setSelectedValue(values); // 如果受控于父组件则不需要内部维护状态
   } // 渲染icon
 
 
@@ -9385,24 +9571,31 @@ function SearchSelect(props) {
     setInnerIsOpen(!!value);
     setSelectedLabel(value);
     setSelectIconType(showSearch && value ? 'loading' : '');
-    showSearch && onSearch && onSearch(value);
-    handleSelectChange(value);
+    showSearch && onSearch && onSearch(value); // handleSelectChange(value);
   } // 清除选中的值
 
 
   function resetSelectedValue() {
     setInnerIsOpen(false);
-    setSelectedValue('');
+    setSelectedValue([]);
     setSelectedLabel('');
     setSelectIconType('');
-    handleSelectChange('');
+    handleSelectChange('', []);
+  }
+
+  function handleSelectChange(value, options) {
+    if (!onChange) return;
+    onChange(labelInValue ? options : value);
   }
 
-  function handleSelectChange(value) {
-    onChange && onChange(value);
+  function inputKeyDown(e) {
+    if (isMultiple && selectedValue.length > 0 && !selectedLabel && e.keyCode === 8) {
+      handleItemsClick(selectedValue.length - 1);
+    }
   }
 
   return /*#__PURE__*/(0,jsx_runtime.jsx)(Dropdown, _extends({
+    className: cls,
     trigger: "focus",
     style: {
       marginTop: 5
@@ -9410,7 +9603,8 @@ function SearchSelect(props) {
     disabled: option && option.length > 0 ? false : true
   }, others, {
     onVisibleChange: function onVisibleChange(open) {
-      return setInnerIsOpen(open);
+      if (!open && isMultiple) setSelectedLabel('');
+      setInnerIsOpen(open);
     },
     isOpen: innerIsOpen,
     menu: /*#__PURE__*/(0,jsx_runtime.jsx)(react_menu_esm, {
@@ -9418,6 +9612,7 @@ function SearchSelect(props) {
       style: {
         minHeight: 25,
         maxHeight: 280,
+        minWidth: 200,
         overflowY: 'scroll',
         width: divRef.current ? divRef.current.offsetWidth : 'auto'
       },
@@ -9427,15 +9622,17 @@ function SearchSelect(props) {
           fontSize: 12
         },
         children: loading ? '正在加载数据...' : '没有数据'
-      }) : option.map(function (item, idx) {
-        var active = selectedValue === item.value;
+      }) : option.map(function (item) {
+        var index = selectedValue.findIndex(function (finds) {
+          return finds.value === item.value;
+        });
         return /*#__PURE__*/(0,jsx_runtime.jsx)(react_menu_esm.Item, {
-          active: active,
+          active: index !== -1,
           text: item.label,
           onClick: function onClick() {
-            return handleItemClick(item);
+            return isMultiple ? handleItemsClick(index, item) : handleItemClick(item);
           }
-        }, idx);
+        }, index);
       })
     }),
     children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
@@ -9446,8 +9643,61 @@ function SearchSelect(props) {
       onMouseLeave: function onMouseLeave() {
         return renderSelectIcon('leave');
       },
-      style: style,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
+      style: _extends({
+        width: '100%',
+        maxWidth: 'none'
+      }, style),
+      children: isMultiple ? /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        className: prefixCls + "-inner",
+        children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+          style: {
+            display: 'flex',
+            flexFlow: 'wrap'
+          },
+          children: [isMultiple && selectedValue.slice(0, maxTagCount).map(function (item, index) {
+            return /*#__PURE__*/(0,jsx_runtime.jsx)(react_tag_esm, {
+              style: {
+                height: 20,
+                margin: 1,
+                display: 'flex',
+                alignItems: 'center'
+              },
+              className: prefixCls + "-tag",
+              closable: true,
+              onClose: function onClose() {
+                return handleItemsClick(index, item);
+              },
+              color: "#ccc",
+              children: item.label
+            }, index);
+          }), !!omitTagCount && /*#__PURE__*/(0,jsx_runtime.jsxs)(react_tag_esm, {
+            style: {
+              height: 20,
+              margin: 1,
+              display: 'flex',
+              alignItems: 'center'
+            },
+            disabled: true,
+            children: ["+", omitTagCount, " \u2026", ' ']
+          }), /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
+            style: {
+              flex: 1
+            },
+            className: prefixCls + "-input-contents",
+            readOnly: !showSearch,
+            size: size,
+            disabled: disabled,
+            onKeyDown: inputKeyDown,
+            onChange: handleInputChange,
+            value: selectedLabel,
+            placeholder: selectedValue.length ? '' : placeholder
+          })]
+        }), (selectIconType === 'close' || selectIconType === 'loading' && loading) && /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+          type: selectIconType,
+          spin: loading && selectIconType === 'loading',
+          onClick: resetSelectedValue
+        })]
+      }) : /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
         readOnly: !showSearch,
         size: size,
         disabled: disabled,
@@ -10702,83 +10952,6 @@ function Tabs(props) {
     })]
   }));
 }
-;// CONCATENATED MODULE: ../react-tag/esm/style/index.css
-// extracted by mini-css-extract-plugin
-/* harmony default export */ var react_tag_esm_style = ({});
-;// CONCATENATED MODULE: ../react-tag/esm/index.js
-
-
-var react_tag_esm_excluded = ["prefixCls", "className", "style", "title", "children", "visible", "color", "disabled", "bordered", "closable", "light", "onClose"];
-
-
-
-
-/* harmony default export */ var react_tag_esm = (function (props) {
-  if (props === void 0) {
-    props = {};
-  }
-
-  var _props = props,
-      _props$prefixCls = _props.prefixCls,
-      prefixCls = _props$prefixCls === void 0 ? 'w-tag' : _props$prefixCls,
-      className = _props.className,
-      style = _props.style,
-      _props$title = _props.title,
-      title = _props$title === void 0 ? '' : _props$title,
-      children = _props.children,
-      _props$visible = _props.visible,
-      visible = _props$visible === void 0 ? true : _props$visible,
-      _props$color = _props.color,
-      color = _props$color === void 0 ? '#6E6E6E' : _props$color,
-      _props$disabled = _props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$bordered = _props.bordered,
-      bordered = _props$bordered === void 0 ? true : _props$bordered,
-      closable = _props.closable,
-      _props$light = _props.light,
-      light = _props$light === void 0 ? false : _props$light,
-      onClose = _props.onClose,
-      other = _objectWithoutPropertiesLoose(props, react_tag_esm_excluded);
-
-  var cls = [prefixCls, className, light ? prefixCls + "-light" : null, disabled ? 'disabled' : null].filter(Boolean).join(' ').trim();
-
-  var styl = _extends({}, style);
-
-  if (!light) {
-    styl.color = '#fff';
-    styl.backgroundColor = color;
-  } else {
-    styl.color = color;
-    styl.borderColor = color;
-
-    if (bordered && light) {
-      styl.boxShadow = "inset 0 0 0 1px " + color;
-    }
-  }
-
-  if (!visible) {
-    return null;
-  }
-
-  var closeBtn = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
-    return closable ? /*#__PURE__*/(0,jsx_runtime.jsx)("svg", {
-      onClick: onClose,
-      className: prefixCls + "-close",
-      width: "15",
-      height: "15",
-      viewBox: "0 0 16 16",
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-        d: "M9.41 8l2.29-2.29c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71L8 6.59l-2.29-2.3a1.003 1.003 0 0 0-1.42 1.42L6.59 8 4.3 10.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71L8 9.41l2.29 2.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71L9.41 8z"
-      })
-    }) : null;
-  }, [closable]);
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("span", _extends({
-    className: cls,
-    style: styl
-  }, other, {
-    children: [title || children, closeBtn]
-  }));
-});
 ;// CONCATENATED MODULE: ../react-textarea/esm/style/index.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ var react_textarea_esm_style = ({});
@@ -11023,7 +11196,7 @@ var isContained = function isContained(a, b) {
   return true;
 };
 
-var getChildKeys = function getChildKeys(childs, result) {
+var getChildKeys = function getChildKeys(childs, result, depth) {
   if (childs === void 0) {
     childs = [];
   }
@@ -11034,9 +11207,10 @@ var getChildKeys = function getChildKeys(childs, result) {
 
   childs.forEach(function (item) {
     result.push(item.key);
+    if (typeof depth === 'number' && !(depth - 1)) return;
 
     if (item.children && item.children.length > 0) {
-      result = result.concat(getChildKeys(item.children));
+      result = result.concat(getChildKeys(item.children, undefined, depth ? depth - 1 : undefined));
     }
   });
   return result;
@@ -11124,6 +11298,8 @@ function Tree(props) {
       _props$onSelected = props.onSelected,
       onSelected = _props$onSelected === void 0 ? noop : _props$onSelected,
       className = props.className,
+      _props$autoExpandPare = props.autoExpandParent,
+      autoExpandParent = _props$autoExpandPare === void 0 ? true : _props$autoExpandPare,
       renderTitle = props.renderTitle,
       elementProps = _objectWithoutPropertiesLoose(props, react_tree_esm_excluded);
 
@@ -11140,11 +11316,15 @@ function Tree(props) {
 
 
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    var arrOpenKeys = getChildKeys(data);
+    var arrOpenKeys = [];
 
     if (defaultExpandAll) {
-      setCurOpenKeys(arrOpenKeys);
+      arrOpenKeys = getChildKeys(data);
+    } else if (autoExpandParent) {
+      arrOpenKeys = getChildKeys(data, undefined, 1);
     }
+
+    setCurOpenKeys(arrOpenKeys);
   }, []);
   var cls = [className, prefixCls, showLine ? prefixCls + "-line" : null].filter(Boolean).join(' ').trim();