uiw 4.13.3 → 4.13.6

package/dist/uiw.css

@@ -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)([]);
@@ -5651,7 +5651,8 @@ function Form(_ref, ref //| React.RefObject<FormRefType>,
     resetForm: handleReset,
     getFieldValues: () => data.current,
     getError: () => data.errors,
-    setFields: setFields
+    setFields: setFields,
+    setFieldValue: setFieldValue
   }), [data]);
   var formUnits = {};
 
@@ -5688,6 +5689,16 @@ function Form(_ref, ref //| React.RefObject<FormRefType>,
     setData(tempData);
   }
 
+  function setFieldValue(fieldName, value) {
+    var tempData = _extends({}, data, {
+      current: _extends({}, data.current, {
+        [fieldName]: value
+      })
+    });
+
+    setData(tempData);
+  }
+
   function handleChange(name, validator, element, cb) {
     return (env, list) => {
       var value = env && env.target && 'value' in env.target ? env.target.value : env; // 控件 Checkbox.Group 多选值的处理
@@ -7771,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]
   }));
 });
 
@@ -8004,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({
@@ -8348,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", {
@@ -9456,7 +9471,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"];
 
 
 
@@ -9571,24 +9586,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)]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
-    setCurSelectedKeys(props.selectedKeys);
-  }, [JSON.stringify(props.selectedKeys)]); // useEffect(() => setCurOpenKeys(openKeys), [openKeys]);
+    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 = [];
+    var arrOpenKeys = [...curOpenKeys];
 
     if (defaultExpandAll) {
       arrOpenKeys = getChildKeys(data);
     } else if (autoExpandParent) {
-      arrOpenKeys = getChildKeys(data, undefined, 1);
+      arrOpenKeys.push(...getChildKeys(data || [], undefined, 1));
     }
 
     setCurOpenKeys(arrOpenKeys);
@@ -9650,6 +9669,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({
@@ -9725,7 +9745,8 @@ 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"];
+var SearchTagInput_excluded = ["prefixCls", "mode", "size", "disabled", "allowClear", "loading", "className", "style", "placeholder", "content", "options", "values", "onChange", "onSearch", "emptyOption"];
+
 
 
 
@@ -9751,13 +9772,14 @@ function SearchTagInput(props) {
     options,
     values,
     onChange,
-    onSearch
+    onSearch,
+    emptyOption
   } = props,
       others = _objectWithoutPropertiesLoose(props, SearchTagInput_excluded);
 
   var cls = [prefixCls, className].filter(Boolean).join(' ').trim(); // const isMultiple = useMemo(() => mode === 'multiple', [mode]);
-  // const [innerIsOpen, setInnerIsOpen] = useState(false);
 
+  var [innerIsOpen, setInnerIsOpen] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false);
   var [selectedOption, setSelectedOption] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(values);
   var optionRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
   var [searchValue, searchValueSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)('');
@@ -9796,8 +9818,9 @@ function SearchTagInput(props) {
   } // 清除选中的值
 
 
-  function resetSelectedValue() {
-    // setInnerIsOpen(false);
+  function resetSelectedValue(e) {
+    e.stopPropagation();
+    setInnerIsOpen(false);
     setSelectedOption([]);
     handleInputChange('');
     handleSelectChange([]);
@@ -9810,6 +9833,15 @@ function SearchTagInput(props) {
   }
 
   var newContent = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    if (emptyOption) {
+      return typeof emptyOption === 'boolean' ? /*#__PURE__*/(0,jsx_runtime.jsx)(react_empty_esm, {
+        style: {
+          minWidth: 200,
+          width: style == null ? void 0 : style.width
+        }
+      }) : emptyOption;
+    }
+
     var newProps = _extends({}, content.props, {
       onSelected: handleSelectChange,
       values: selectedOption,
@@ -9817,12 +9849,16 @@ function SearchTagInput(props) {
     });
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(content, newProps);
-  }, [selectedOption, options]);
+  }, [JSON.parse(JSON.stringify(selectedOption)), options, emptyOption]);
   return /*#__PURE__*/(0,jsx_runtime.jsx)(Dropdown, _extends({
     className: cls,
     trigger: "focus"
   }, others, {
+    isOpen: innerIsOpen,
     menu: /*#__PURE__*/(0,jsx_runtime.jsx)(react_card_esm, {
+      bodyStyle: emptyOption === true ? {
+        padding: 0
+      } : undefined,
       children: newContent
     }),
     children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
@@ -9842,7 +9878,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, {
@@ -9873,12 +9910,12 @@ function SearchTagInput(props) {
             onKeyDown: inputKeyDown,
             onChange: e => handleInputChange(e.target.value),
             value: searchValue,
-            placeholder: selectedOption.length ? '' : placeholder // readOnly={false}
-
+            placeholder: selectedOption.length ? '' : placeholder
           })]
         }), /*#__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, {
@@ -9897,7 +9934,8 @@ function SearchTagInput(props) {
 ;// CONCATENATED MODULE: ../react-search-tree/esm/index.js
 
 
-var react_search_tree_esm_excluded = ["onChange", "onSearch", "options", "value", "treeProps"];
+var react_search_tree_esm_excluded = ["onChange", "onSearch", "multiple", "options", "value", "emptyOption", "treeProps"];
+
 
 
 
@@ -9974,20 +10012,55 @@ function TreeCheckeds(props) {
   }));
 }
 
+function SingeTree(props) {
+  var [keys, keysSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+    var _props$values2;
+
+    var keys = [];
+    if ((_props$values2 = props.values) != null && _props$values2.length) keys[0] = props.values[0].key;
+    keysSet(keys);
+  }, [props.values]);
+
+  var onSelected = (_1, _2, isChecked, evn) => {
+    var {
+      key,
+      label
+    } = evn;
+    var cur = {
+      key,
+      label
+    };
+    props.onSelected == null ? void 0 : props.onSelected([cur], cur, isChecked);
+  };
+
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(Tree, _extends({
+    defaultExpandAll: true
+  }, props, {
+    multiple: false,
+    data: props.options,
+    selectedKeys: keys,
+    onSelected: onSelected
+  }));
+}
+
 function SearchTree(props) {
   var {
     onChange,
     onSearch,
+    multiple = true,
     options = [],
     value = [],
+    emptyOption = !options.length,
     treeProps
   } = props,
       other = _objectWithoutPropertiesLoose(props, react_search_tree_esm_excluded);
 
-  var [selectedValues, selectedValuesSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(value);
+  var [selectedValues, selectedValuesSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(Array.isArray(value) ? value : [value]);
   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) => {
@@ -10008,18 +10081,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;
         }
       });
@@ -10027,14 +10103,18 @@ function SearchTree(props) {
 
     hiddenNodeForSeach(options);
     selectedOptionSet([...options]);
+    var isEmpt = true;
+    options.forEach(opt => isEmpt = isEmpt && !!opt.hideNode);
+    isEmptySet(isEmpt);
   };
 
   return /*#__PURE__*/(0,jsx_runtime.jsx)(esm_SearchTagInput, _extends({}, other, {
-    onSearch: debounce(selectedSearch, 700),
+    emptyOption: isEmpty,
+    onSearch: debounce(selectedSearch, 600),
     onChange: selectedChange,
     values: selectedValues,
     options: selectedOptions,
-    content: /*#__PURE__*/(0,jsx_runtime.jsx)(TreeCheckeds, _extends({}, treeProps))
+    content: multiple ? /*#__PURE__*/(0,jsx_runtime.jsx)(TreeCheckeds, _extends({}, treeProps)) : /*#__PURE__*/(0,jsx_runtime.jsx)(SingeTree, _extends({}, treeProps))
   }));
 }