uiw 4.13.4 → 4.13.7

package/dist/uiw.css

@@ -624,7 +624,7 @@
 }
 
 .w-modal {
-  z-index: 1001;
+  z-index: 990;
 }
 .w-modal-inner {
   padding-bottom: 20px;
@@ -3847,7 +3847,8 @@ a.w-list-item:hover:not(.w-disabled) {
 .w-search-select-input-contents input {
   box-shadow: none;
   padding: 0px;
-  height: 20px;
+  min-width: 50px;
+  height: 22px;
 }
 .w-search-select-input-contents .w-input-inner:hover {
   box-shadow: none !important;
@@ -4952,6 +4953,7 @@ a.w-list-item:hover:not(.w-disabled) {
   box-shadow: none;
   padding: 0px;
   height: 20px;
+  min-width: 50px;
 }
 .w-search-tree-input-contents .w-input-inner:hover {
   box-shadow: none !important;

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)(999);
+  var zIndex = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(990);
   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)([]);
@@ -7782,21 +7782,20 @@ var react_tag_esm_excluded = ["prefixCls", "className", "style", "title", "child
     return null;
   }
 
-  var closeBtn = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => 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]
+    children: [title || children, 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]
   }));
 });
 
@@ -8015,7 +8014,8 @@ function SearchSelect(props) {
         children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
           style: {
             display: 'flex',
-            flexFlow: 'wrap'
+            flexFlow: 'wrap',
+            width: '100%'
           },
           children: [isMultiple && selectedValue.slice(0, maxTagCount).map((item, index) => {
             return /*#__PURE__*/(0,jsx_runtime.jsx)(react_tag_esm, _extends({
@@ -8359,7 +8359,11 @@ function Step(props) {
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: prefixCls + "-item-tail",
       style: stepItemDotStyle,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", {})
+      children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
+        style: {
+          paddingRight: '100%'
+        }
+      })
     }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: prefixCls + "-item-head",
       children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
@@ -9068,75 +9072,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
@@ -9467,7 +9476,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"];
+var react_tree_esm_excluded = ["prefixCls", "icon", "data", "openKeys", "selectedKeys", "defaultExpandAll", "showLine", "iconAnimation", "isSelected", "checkStrictly", "multiple", "onExpand", "onSelected", "className", "autoExpandParent", "renderTitle", "onChange"];
 
 
 
@@ -9582,24 +9591,28 @@ function Tree(props) {
     onSelected = noop,
     className,
     autoExpandParent = true,
-    renderTitle
+    renderTitle,
+    onChange
   } = 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)(selectedKeys);
+  var [curSelectedKeys, setCurSelectedKeys] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(props.value || selectedKeys);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
     setCurSelectedKeys(props.selectedKeys || []);
-  }, [JSON.stringify(props.selectedKeys)]); // useEffect(() => setCurOpenKeys(openKeys), [openKeys]);
+  }, [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]);
 
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
-    var arrOpenKeys = curOpenKeys;
+    var arrOpenKeys = [...curOpenKeys];
 
     if (defaultExpandAll) {
       arrOpenKeys = getChildKeys(data);
     } else if (autoExpandParent) {
-      arrOpenKeys.push(...getChildKeys(data, undefined, 1));
+      arrOpenKeys.push(...getChildKeys(data || [], undefined, 1));
     }
 
     setCurOpenKeys(arrOpenKeys);
@@ -9661,6 +9674,7 @@ function Tree(props) {
 
     setCurSelectedKeys(selKeys);
     onSelected && onSelected(selKeys, item.key, selected, item, evn);
+    onChange == null ? void 0 : onChange(selKeys);
   }
 
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", _extends({
@@ -9840,7 +9854,7 @@ function SearchTagInput(props) {
     });
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(content, newProps);
-  }, [selectedOption, options, emptyOption]);
+  }, [JSON.parse(JSON.stringify(selectedOption)), options, emptyOption]);
   return /*#__PURE__*/(0,jsx_runtime.jsx)(Dropdown, _extends({
     className: cls,
     trigger: "focus"
@@ -9869,7 +9883,8 @@ function SearchTagInput(props) {
         children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
           style: {
             display: 'flex',
-            flexFlow: 'wrap'
+            flexFlow: 'wrap',
+            width: '100%'
           },
           children: [selectedOption.map((item, index) => {
             return /*#__PURE__*/(0,jsx_runtime.jsx)(react_tag_esm, {
@@ -9904,7 +9919,8 @@ function SearchTagInput(props) {
           })]
         }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
           style: {
-            height: 25
+            height: 25,
+            width: 14
           },
           className: prefixCls + "-close-tag-contents",
           children: (selectIconType === 'close' || selectIconType === 'loading' && loading) && /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
@@ -10049,7 +10065,7 @@ function SearchTree(props) {
   var [selectedOptions, selectedOptionSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(options);
   var [isEmpty, isEmptySet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(emptyOption);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
-    selectedValuesSet(value);
+    selectedValuesSet(Array.isArray(value) ? value : []);
   }, [JSON.stringify(value)]);
 
   var selectedChange = (resultValue, cur, isChecked) => {
@@ -10070,18 +10086,21 @@ function SearchTree(props) {
   };
 
   var selectedSearch = searchValue => {
-    var hiddenNodeForSeach = childrens => {
+    var hiddenNodeForSeach = function hiddenNodeForSeach(childrens, parentIsHide) {
+      if (parentIsHide === void 0) {
+        parentIsHide = true;
+      }
+
       childrens.forEach(child => {
         var _child$children2;
 
-        var isHide = !child.label.includes(searchValue);
+        var isHide = !child.label.includes(searchValue.trim()) && parentIsHide;
 
         if (!!((_child$children2 = child.children) != null && _child$children2.length)) {
-          hiddenNodeForSeach(child.children);
+          hiddenNodeForSeach(child.children, isHide);
           var find = child.children.find(item => !item.hideNode);
           child.hideNode = isHide && !find;
         } else {
-          // const isHide = !(child.label as string).includes(searchValue)
           child.hideNode = isHide;
         }
       });
@@ -10096,7 +10115,7 @@ function SearchTree(props) {
 
   return /*#__PURE__*/(0,jsx_runtime.jsx)(esm_SearchTagInput, _extends({}, other, {
     emptyOption: isEmpty,
-    onSearch: debounce(selectedSearch, 700),
+    onSearch: debounce(selectedSearch, 600),
     onChange: selectedChange,
     values: selectedValues,
     options: selectedOptions,