uiw 4.11.2 → 4.11.3

package/dist/uiw.js

@@ -9391,7 +9391,7 @@ var react_tag_esm_excluded = ["prefixCls", "className", "style", "title", "child
 
 
 
-var react_search_select_esm_excluded = ["allowClear", "disabled", "size", "option", "loading", "prefixCls", "className", "mode", "style", "isOpen", "value", "defaultValue", "showSearch", "placeholder", "onSearch", "onChange", "onSelect"];
+var react_search_select_esm_excluded = ["allowClear", "disabled", "size", "maxTagCount", "option", "loading", "prefixCls", "className", "mode", "style", "isOpen", "value", "defaultValue", "showSearch", "placeholder", "onSearch", "onChange", "onSelect"];
 
 
 
@@ -9411,6 +9411,7 @@ 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,
@@ -9440,9 +9441,7 @@ function SearchSelect(props) {
       innerIsOpen = _useState2[0],
       setInnerIsOpen = _useState2[1];
 
-  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(option.filter(function (item) {
-    return item.value === value;
-  })),
+  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]),
       _useState4 = _slicedToArray(_useState3, 2),
       selectedValue = _useState4[0],
       setSelectedValue = _useState4[1];
@@ -9457,19 +9456,48 @@ 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.filter(function (opt) {
-        return opt.value === defaultValue;
-      });
-      setSelectedValue(defaultMenuItem);
+    if (value === undefined && defaultValue !== undefined) {
+      selectedValueChange(defaultValue);
     }
   }, []);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (value !== undefined) {
+      selectedValueChange(value);
+    }
+  }, [JSON.stringify(value)]);
+
+  function selectedValueChange(changeValue) {
+    var opts = [];
+
+    if (Array.isArray(changeValue)) {
+      opts = option.filter(function (item) {
+        var findResult = changeValue.find(function (v) {
+          return item.value === v;
+        });
+        return findResult;
+      });
+    } else if (!isMultiple) {
+      var findResult = option.find(function (item) {
+        return item.value === changeValue;
+      });
+
+      if (findResult) {
+        setSelectedLabel(findResult.label);
+        opts.push(findResult);
+      }
+    }
+
+    setSelectedValue(opts);
+  }
 
   function removeSelectItem(index) {
     var selectedValue = valueRef.current;
@@ -9483,12 +9511,12 @@ function SearchSelect(props) {
   function handleItemClick(item) {
     setInnerIsOpen(false);
     var values = [item];
-    setSelectedValue(values);
     setSelectedLabel(item.label);
     var resultValue = item.value;
-    onSelect && onSelect(resultValue); // 支持form组件
+    value === undefined && setSelectedValue(values); // 如果存在props.value,内部不维护value状态
 
-    handleSelectChange(resultValue);
+    onSelect && onSelect(resultValue);
+    handleSelectChange(resultValue); // 支持form组件
   }
 
   function handleItemsClick(item) {
@@ -9503,13 +9531,12 @@ function SearchSelect(props) {
       values = [].concat(_toConsumableArray(selectedValue), [item]);
     }
 
-    setSelectedValue(values);
     var resultValue = values.map(function (item) {
       return item.value;
     });
-    onSelect && onSelect(resultValue); // // 支持form组件
-
-    handleSelectChange(resultValue);
+    value === undefined && setSelectedValue(values);
+    onSelect && onSelect(resultValue);
+    handleSelectChange(resultValue); // 支持form组件
   } // 渲染icon
 
 
@@ -9604,21 +9631,20 @@ function SearchSelect(props) {
         return renderSelectIcon('leave');
       },
       style: _extends({
-        width: 'auto',
+        width: '100%',
         maxWidth: 'none'
       }, style),
       children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
         style: isMultiple ? {
           display: 'flex',
           flexFlow: 'wrap',
-          padding: 2,
           borderRadius: 3,
           boxShadow: '0px 0px 2px #333'
         } : undefined,
-        children: [isMultiple && selectedValue.map(function (item, index) {
+        children: [isMultiple && selectedValue.slice(0, maxTagCount).map(function (item, index) {
           return /*#__PURE__*/(0,jsx_runtime.jsx)(react_tag_esm, {
             style: {
-              margin: '0px 3px 3px 0px',
+              margin: 2,
               display: 'flex',
               alignItems: 'center'
             },
@@ -9629,6 +9655,14 @@ function SearchSelect(props) {
             color: "#ccc",
             children: item.label
           }, index);
+        }), !!omitTagCount && /*#__PURE__*/(0,jsx_runtime.jsxs)(react_tag_esm, {
+          style: {
+            margin: 2,
+            display: 'flex',
+            alignItems: 'center'
+          },
+          disabled: true,
+          children: ["+", omitTagCount, " \u2026", ' ']
         }), /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
           style: {
             flex: 1,
@@ -11135,7 +11169,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 = [];
   }
@@ -11146,9 +11180,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;
@@ -11236,6 +11271,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);
 
@@ -11252,11 +11289,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();