uiw 4.13.6 → 4.13.9

package/dist/uiw.css

@@ -2717,6 +2717,10 @@ sup.w-badge-count {
   color: #dc3545;
 }
 .w-form-item-error .w-input-inner,
+.w-form-item-error .w-select,
+.w-form-item-error .w-select-default,
+.w-form-item-error .w-select:hover,
+.w-form-item-error .w-select-default:hover,
 .w-form-item-error .w-input-inner:hover,
 .w-form-item-error .w-input-inner:focus.w-input-inner:hover,
 .w-form-item-error .w-textarea,
@@ -4641,10 +4645,22 @@ a.w-list-item:hover:not(.w-disabled) {
 
 .w-tabs-bar {
   position: relative;
+  overflow-x: auto;
+  height: calc(100% + 17px);
 }
 .w-tabs-nav {
   position: relative;
 }
+.w-tabs-nav-hidden {
+  display: flex;
+  overflow-y: auto;
+  padding: 5px 10px 5px 5px;
+  max-height: 200px;
+  flex-direction: column;
+}
+.w-tabs-nav-hidden :hover {
+  background: #d9d9d9;
+}
 .w-tabs-item {
   padding: 7px 10px;
   display: inline-block;
@@ -4667,6 +4683,12 @@ a.w-list-item:hover:not(.w-disabled) {
        user-select: none;
   color: rgba(0, 0, 0, 0.25);
 }
+.w-tabs-flow-content {
+  margin-left: 5px;
+  padding: 0px 10px 0px 10px;
+  box-shadow: 1px 0px 0px #d9d9d9 inset;
+  cursor: pointer;
+}
 .w-tabs-card .w-tabs-nav::after,
 .w-tabs-line .w-tabs-nav::after {
   content: '';
@@ -4771,6 +4793,7 @@ a.w-list-item:hover:not(.w-disabled) {
   background-color: rgba(0, 0, 0, 0.75);
   border-radius: 4px;
   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
+  word-break: break-all;
 }
 .w-tooltip.right .w-tooltip-arrow,
 .w-tooltip.rightTop .w-tooltip-arrow,

package/dist/uiw.js

@@ -2814,7 +2814,7 @@ var normalizeDelay = delay => delay && typeof delay === 'object' ? delay : {
   } = props,
       other = _objectWithoutPropertiesLoose(props, react_overlay_trigger_esm_excluded);
 
-  var zIndex = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(990);
+  var zIndex = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(999);
   var triggerRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
   var popupRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
   var timeoutRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)([]);
@@ -7890,6 +7890,7 @@ function SearchSelect(props) {
       }
     }
 
+    if (!isMultiple && opts.length > 0) setSelectedLabel(opts[0].label || '');
     setSelectedValue(opts);
   }
 
@@ -7915,6 +7916,7 @@ function SearchSelect(props) {
   }
 
   function handleChange(resultValue, values) {
+    setSelectedLabel('');
     onSelect && onSelect(resultValue);
     handleSelectChange(resultValue, values); // 支持form组件
 
@@ -7926,7 +7928,6 @@ function SearchSelect(props) {
     var selectIconType;
 
     if (type === 'enter' && allowClear && selectedValue) {
-      console.log(123);
       selectIconType = 'close';
     } else {
       selectIconType = '';
@@ -7938,7 +7939,7 @@ function SearchSelect(props) {
 
   function handleInputChange(e) {
     var value = e.target.value;
-    setInnerIsOpen(!!value);
+    setInnerIsOpen(true);
     setSelectedLabel(value);
     setSelectIconType(showSearch && value ? 'loading' : '');
     showSearch && onSearch && onSearch(value); // handleSelectChange(value);
@@ -7964,18 +7965,25 @@ function SearchSelect(props) {
     }
   }
 
+  function onVisibleChange(open) {
+    if (!open) setSelectedLabel('');
+
+    if (!isMultiple && selectedValue.length > 0) {
+      setSelectedLabel(selectedValue[0].label);
+    }
+
+    setInnerIsOpen(open);
+  }
+
   return /*#__PURE__*/(0,jsx_runtime.jsx)(Dropdown, _extends({
     className: cls,
-    trigger: "focus",
+    trigger: "click",
     style: {
       marginTop: 5
     },
     disabled: option && option.length > 0 ? false : true
   }, others, {
-    onVisibleChange: open => {
-      if (!open && isMultiple) setSelectedLabel('');
-      setInnerIsOpen(open);
-    },
+    onVisibleChange: onVisibleChange,
     isOpen: innerIsOpen,
     menu: /*#__PURE__*/(0,jsx_runtime.jsx)(react_menu_esm, {
       bordered: true,
@@ -9072,75 +9080,80 @@ var react_table_esm_excluded = ["prefixCls", "className", "columns", "data", "ti
     ellipsis
   } = getLevelItems(columns);
   var keys = getAllColumnsKeys(columns);
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", _extends({
-    className: cls
-  }, other, {
-    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
-      style: ellipsis ? {
-        tableLayout: 'fixed'
-      } : {},
-      children: [title && /*#__PURE__*/(0,jsx_runtime.jsx)("caption", {
-        children: title
-      }), columns && columns.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)(Thead, {
-        onCellHead: onCellHead,
-        data: header
-      }), data && data.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
-        children: data.map((trData, rowNum) => /*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
-          children: keys.map((keyName, colNum) => {
-            var objs = {
-              children: trData[keyName]
-            };
-
-            if (render[keyName]) {
-              var child = render[keyName](trData[keyName], keyName, trData, rowNum, colNum);
-
-              if ( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(child)) {
-                objs.children = child;
-              } else {
-                if (child.props) {
-                  objs = _extends({}, child.props, {
-                    children: objs.children
-                  });
-                  if (child.props.rowSpan === 0 || child.props.colSpan === 0) return null;
-                }
-
-                if (child.children) {
-                  objs.children = child.children;
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", _extends({
+      style: {
+        overflowY: 'scroll'
+      },
+      className: cls
+    }, other, {
+      children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
+        style: ellipsis ? {
+          tableLayout: 'fixed'
+        } : {},
+        children: [title && /*#__PURE__*/(0,jsx_runtime.jsx)("caption", {
+          children: title
+        }), columns && columns.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)(Thead, {
+          onCellHead: onCellHead,
+          data: header
+        }), data && data.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
+          children: data.map((trData, rowNum) => /*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
+            children: keys.map((keyName, colNum) => {
+              var objs = {
+                children: trData[keyName]
+              };
+
+              if (render[keyName]) {
+                var child = render[keyName](trData[keyName], keyName, trData, rowNum, colNum);
+
+                if ( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(child)) {
+                  objs.children = child;
+                } else {
+                  if (child.props) {
+                    objs = _extends({}, child.props, {
+                      children: objs.children
+                    });
+                    if (child.props.rowSpan === 0 || child.props.colSpan === 0) return null;
+                  }
+
+                  if (child.children) {
+                    objs.children = child.children;
+                  }
                 }
               }
-            }
 
-            if (ellipsis && ellipsis[keyName]) {
-              objs.className = prefixCls + "-ellipsis";
-            }
+              if (ellipsis && ellipsis[keyName]) {
+                objs.className = prefixCls + "-ellipsis";
+              }
 
-            return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement)("td", _extends({}, objs, {
-              key: colNum,
-              onClick: evn => onCell(trData, {
-                rowNum,
-                colNum,
-                keyName
-              }, evn)
-            }));
-          })
-        }, rowNum))
-      }), data && data.length === 0 && empty && /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
-          children: /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
-            colSpan: columns.length,
-            style: {
-              position: 'relative',
-              left: 0
-            },
-            children: empty
+              return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement)("td", _extends({}, objs, {
+                key: colNum,
+                onClick: evn => onCell(trData, {
+                  rowNum,
+                  colNum,
+                  keyName
+                }, evn)
+              }));
+            })
+          }, rowNum))
+        }), data && data.length === 0 && empty && /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
+          children: /*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
+            children: /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
+              colSpan: columns.length,
+              style: {
+                position: 'relative',
+                left: 0
+              },
+              children: empty
+            })
           })
-        })
-      }), props.children]
-    }), footer && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        }), props.children]
+      })
+    })), footer && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: prefixCls + "-footer",
       children: footer
     })]
-  }));
+  });
 });
 
 ;// CONCATENATED MODULE: ../react-tabs/esm/Pane.js
@@ -9178,8 +9191,11 @@ var react_tabs_esm_excluded = ["prefixCls", "className", "children", "type", "ac
 
 
 
+
 Tabs.Pane = Pane;
 function Tabs(props) {
+  var _flowNav$nav;
+
   var {
     prefixCls = 'w-tabs',
     className,
@@ -9196,6 +9212,71 @@ function Tabs(props) {
   });
   var activeItem = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
   var cls = [prefixCls, className, type ? prefixCls + "-" + type : null].filter(Boolean).join(' ').trim();
+  var [flowNav, flowNavSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({
+    content: 0,
+    nav: [],
+    flowLeft: -1,
+    displayStart: 0,
+    displayEnd: 0
+  });
+  var [hiddenNav, hiddenNavSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]);
+  var deviation = 15;
+  var [nodes, nodesSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)();
+  var divContentRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(node => {
+    if (node !== null) {
+      nodesSet(nodes);
+      node.addEventListener('scroll', e => {
+        var {
+          clientWidth,
+          scrollLeft
+        } = e.target;
+        flowNav.displayStart = scrollLeft;
+        flowNav.displayEnd = clientWidth + scrollLeft;
+        flowNavSet(_extends({}, flowNav));
+      });
+      flowNav.displayEnd = node.getBoundingClientRect().width;
+      flowNavSet(_extends({}, flowNav));
+    }
+  }, []);
+  var divNavRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((node, key) => {
+    if (node !== null) {
+      node.addEventListener('click', e => {
+        activeItem.current = node;
+      });
+      divNavWidthChange(node.getBoundingClientRect().width, key);
+    }
+  }, []);
+
+  var divNavWidthChange = (width, index) => {
+    var curWidth = 0;
+    flowNav.nav.slice(0, index + 1).forEach(nav => curWidth += nav.width);
+    flowNav.nav[index] = {
+      width,
+      curWidth: Math.floor(curWidth),
+      index
+    };
+    flowNavSet(flowNav);
+  };
+
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+    showHideenNav();
+  }, [flowNav.displayEnd > ((_flowNav$nav = flowNav.nav[flowNav.nav.length - 1]) == null ? void 0 : _flowNav$nav.curWidth)]);
+
+  var showHideenNav = () => {
+    var hiddenNav = [];
+
+    if (flowNav.nav.length > 0) {
+      flowNav.nav.forEach(item => {
+        var curWidth = item.curWidth - deviation;
+
+        if (curWidth < flowNav.displayStart || curWidth > flowNav.displayEnd) {
+          hiddenNav.push(item.index);
+        }
+      });
+      hiddenNavSet(hiddenNav);
+    }
+  };
+
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => setActiveKey(props.activeKey), [props.activeKey]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => calcSlideStyle(), [activeKey]);
 
@@ -9212,38 +9293,42 @@ function Tabs(props) {
     className: cls
   }, elementProps, {
     children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      className: prefixCls + "-bar",
+      style: {
+        display: 'flex'
+      },
       children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: prefixCls + "-nav",
-        children: external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.map(children, (item, key) => {
-          if (!item) {
-            return null;
-          }
-
-          var divProps = {
-            className: [prefixCls + "-item", item.key === activeKey ? 'active' : null, item.props.disabled ? 'disabled' : null].filter(Boolean).join(' ').trim(),
-            children: item.props.label
-          };
-
-          if (!item.props.disabled) {
-            divProps.onClick = e => {
-              setActiveKey(item.key);
-              onTabClick && onTabClick(item.key, item, e);
-              calcSlideStyle();
-            };
-          }
-
-          return /*#__PURE__*/(0,jsx_runtime.jsx)("div", _extends({
-            ref: node => {
-              if (node && item.key === activeKey) {
-                activeItem.current = node;
-              }
-            }
-          }, divProps), key);
+        style: {
+          overflow: 'hidden'
+        },
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+          className: prefixCls + "-bar",
+          ref: divContentRef,
+          children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+            className: prefixCls + "-nav",
+            style: {
+              width: 'max-content'
+            },
+            children: renderNav(children)
+          })
         })
       }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         style: slideStyle,
         className: prefixCls + "-slide"
+      }), hiddenNav.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)(Popover, {
+        trigger: "click",
+        placement: "bottomRight",
+        visibleArrow: false,
+        content: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+          className: prefixCls + "-nav-hidden",
+          children: renderNav(hiddenNav.map(idx => children[idx]))
+        }),
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+          onClick: showHideenNav,
+          className: prefixCls + "-flow-content",
+          children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+            children: "\u2026"
+          })
+        })
       })]
     }), external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.map(children, item => {
       if (!item || activeKey !== item.key) {
@@ -9253,6 +9338,31 @@ function Tabs(props) {
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(item, Object.assign({}, item.props, {}));
     })]
   }));
+
+  function renderNav(children) {
+    return external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.map(children, (item, key) => {
+      if (!item) {
+        return null;
+      }
+
+      var divProps = {
+        className: [prefixCls + "-item", item.key === activeKey ? 'active' : null, item.props.disabled ? 'disabled' : null].filter(Boolean).join(' ').trim(),
+        children: item.props.label
+      };
+
+      if (!item.props.disabled) {
+        divProps.onClick = e => {
+          setActiveKey(item.key);
+          onTabClick && onTabClick(item.key, item, e);
+          calcSlideStyle();
+        };
+      }
+
+      return /*#__PURE__*/(0,jsx_runtime.jsx)("div", _extends({
+        ref: _ref => divNavRef(_ref, key)
+      }, divProps), key);
+    });
+  }
 }
 
 ;// CONCATENATED MODULE: ../react-textarea/esm/style/index.css
@@ -9374,7 +9484,7 @@ function TreeNode(props) {
 
   var isOpen = false;
 
-  if (parent && parent.key) {
+  if (parent && (parent.key || parent.key === 0)) {
     isOpen = !!(openKeys && openKeys.indexOf(parent.key) > -1);
   }
 
@@ -9471,7 +9581,7 @@ function TreeNode(props) {
 ;// CONCATENATED MODULE: ../react-tree/esm/index.js
 
 
-var react_tree_esm_excluded = ["prefixCls", "icon", "data", "openKeys", "selectedKeys", "defaultExpandAll", "showLine", "iconAnimation", "isSelected", "checkStrictly", "multiple", "onExpand", "onSelected", "className", "autoExpandParent", "renderTitle", "onChange"];
+var react_tree_esm_excluded = ["prefixCls", "icon", "data", "openKeys", "selectedKeys", "defaultExpandAll", "showLine", "iconAnimation", "isSelected", "checkStrictly", "multiple", "onExpand", "onSelected", "className", "autoExpandParent", "renderTitle", "onChange", "value"];
 
 
 
@@ -9587,20 +9697,16 @@ function Tree(props) {
     className,
     autoExpandParent = true,
     renderTitle,
-    onChange
+    onChange,
+    value
   } = props,
       elementProps = _objectWithoutPropertiesLoose(props, react_tree_esm_excluded);
 
   var [curOpenKeys, setCurOpenKeys] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(openKeys);
-  var [curSelectedKeys, setCurSelectedKeys] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(props.value || selectedKeys);
+  var [curSelectedKeys, setCurSelectedKeys] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(value || selectedKeys);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
-    setCurSelectedKeys(props.selectedKeys || []);
-  }, [JSON.stringify(props.selectedKeys)]);
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
-    setCurSelectedKeys(props.value || []);
-  }, [JSON.stringify(props.value)]); // useEffect(() => setCurOpenKeys(openKeys), [openKeys]);
-  // useEffect(() => setCurSelectedKeys(selectedKeys), [selectedKeys]);
-
+    setCurSelectedKeys(props.value || props.selectedKeys || []);
+  }, [JSON.stringify(props.selectedKeys), JSON.stringify(props.value)]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
     var arrOpenKeys = [...curOpenKeys];
 
@@ -9645,7 +9751,7 @@ function Tree(props) {
     var findKey = selKeys.find(v => v === item.key);
     var selected = false;
 
-    if (!findKey) {
+    if (!findKey && findKey !== 0) {
       selected = true;
       selKeys.push(item.key);
     } else {
@@ -9669,7 +9775,7 @@ function Tree(props) {
 
     setCurSelectedKeys(selKeys);
     onSelected && onSelected(selKeys, item.key, selected, item, evn);
-    onChange == null ? void 0 : onChange(selKeys);
+    onChange == null ? void 0 : onChange(item.key, selKeys);
   }
 
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", _extends({
@@ -9745,7 +9851,7 @@ function TreeChecked(_ref) {
 ;// CONCATENATED MODULE: ../react-search-tree/esm/SearchTagInput.js
 
 
-var SearchTagInput_excluded = ["prefixCls", "mode", "size", "disabled", "allowClear", "loading", "className", "style", "placeholder", "content", "options", "values", "onChange", "onSearch", "emptyOption"];
+var SearchTagInput_excluded = ["prefixCls", "mode", "size", "disabled", "allowClear", "loading", "selectCloseDrop", "className", "style", "placeholder", "content", "options", "values", "onChange", "onSearch", "emptyOption"];
 
 
 
@@ -9765,6 +9871,7 @@ function SearchTagInput(props) {
     disabled = false,
     allowClear = false,
     loading = false,
+    selectCloseDrop = false,
     className,
     style,
     placeholder,
@@ -9801,7 +9908,8 @@ function SearchTagInput(props) {
     }
 
     setSelectedOption(selectedAll);
-    onChange && onChange(selectedAll, selectd, isChecked);
+    searchValueChange('');
+    onChange == null ? void 0 : onChange(selectedAll, selectd, isChecked);
   };
 
   var removeSelectItem = index => {
@@ -9812,10 +9920,15 @@ function SearchTagInput(props) {
   };
 
   function handleInputChange(value) {
+    setInnerIsOpen(true);
+    searchValueChange(value);
+    setSelectIconType(value ? 'loading' : '');
+  }
+
+  var searchValueChange = value => {
     searchValueSet(value);
     onSearch == null ? void 0 : onSearch(value);
-    setSelectIconType(value ? 'loading' : '');
-  } // 清除选中的值
+  }; // 清除选中的值
 
 
   function resetSelectedValue(e) {
@@ -9843,17 +9956,27 @@ function SearchTagInput(props) {
     }
 
     var newProps = _extends({}, content.props, {
-      onSelected: handleSelectChange,
+      onSelected: function onSelected(selectedAll, selectd, isChecked) {
+        if (isChecked === void 0) {
+          isChecked = true;
+        }
+
+        setInnerIsOpen(!selectCloseDrop);
+        handleSelectChange(selectedAll, selectd, isChecked);
+      },
       values: selectedOption,
       options
     });
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(content, newProps);
   }, [JSON.parse(JSON.stringify(selectedOption)), options, emptyOption]);
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(Dropdown, _extends({
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(Dropdown, {
     className: cls,
-    trigger: "focus"
-  }, others, {
+    trigger: "click",
+    onVisibleChange: isOpen => {
+      setInnerIsOpen(isOpen);
+      if (!isOpen) searchValueChange('');
+    },
     isOpen: innerIsOpen,
     menu: /*#__PURE__*/(0,jsx_runtime.jsx)(react_card_esm, {
       bodyStyle: emptyOption === true ? {
@@ -9926,7 +10049,7 @@ function SearchTagInput(props) {
         })]
       })
     })
-  }));
+  });
 }
 
 /* harmony default export */ const esm_SearchTagInput = (SearchTagInput);
@@ -9957,12 +10080,14 @@ function TreeCheckeds(props) {
     keysSet(keys || []);
   }, [props.values]);
 
-  var onSelected = (_1, _2, isChecked, evn) => {
+  var onSelected = (_, item, isChecked, evn) => {
     var curSelectOption = getOptionsRecursion([evn], selectOption, isChecked);
+    var isNumberKey = false;
+    if (typeof item === 'number') isNumberKey = true;
     var option = Object.entries(curSelectOption).map(_ref => {
       var [key, label] = _ref;
       return {
-        key,
+        key: isNumberKey ? Number.parseInt(key) : key,
         label
       };
     });
@@ -10031,7 +10156,7 @@ function SingeTree(props) {
       key,
       label
     };
-    props.onSelected == null ? void 0 : props.onSelected([cur], cur, isChecked);
+    props.onSelected == null ? void 0 : props.onSelected(isChecked ? [cur] : [], cur, isChecked);
   };
 
   return /*#__PURE__*/(0,jsx_runtime.jsx)(Tree, _extends({
@@ -10110,7 +10235,8 @@ function SearchTree(props) {
 
   return /*#__PURE__*/(0,jsx_runtime.jsx)(esm_SearchTagInput, _extends({}, other, {
     emptyOption: isEmpty,
-    onSearch: debounce(selectedSearch, 600),
+    selectCloseDrop: !multiple,
+    onSearch: selectedSearch,
     onChange: selectedChange,
     values: selectedValues,
     options: selectedOptions,