uiw 4.13.2 → 4.13.5

package/dist/uiw.css

@@ -712,6 +712,7 @@
   top: 10px;
 }
 .w-alert .w-modal-shown-title.w-modal-inner .w-modal-header {
+  word-break: break-word;
   display: flex;
   padding-top: 15px;
   padding-right: 10px;
@@ -725,6 +726,7 @@
   font-size: 14px;
 }
 .w-alert .w-modal-shown-title.w-modal-inner .w-modal-body {
+  word-break: break-word;
   padding-top: 5px;
 }
 .w-alert .w-modal-shown-icon .w-modal-header > h4 {

package/dist/uiw.js

@@ -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]
   }));
 });
 
@@ -8348,7 +8358,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", {
@@ -9578,17 +9592,17 @@ function Tree(props) {
   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);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
-    setCurSelectedKeys(props.selectedKeys);
+    setCurSelectedKeys(props.selectedKeys || []);
   }, [JSON.stringify(props.selectedKeys)]); // 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);
@@ -9725,7 +9739,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 +9766,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)('');
@@ -9789,19 +9805,18 @@ function SearchTagInput(props) {
     handleSelectChange([...selectedOption], curreentItem, false);
   };
 
-  function handleInputChange(e) {
-    var value = e.target.value;
+  function handleInputChange(value) {
     searchValueSet(value);
     onSearch == null ? void 0 : onSearch(value);
     setSelectIconType(value ? 'loading' : '');
   } // 清除选中的值
 
 
-  function resetSelectedValue() {
-    // setInnerIsOpen(false);
+  function resetSelectedValue(e) {
+    e.stopPropagation();
+    setInnerIsOpen(false);
     setSelectedOption([]);
-    searchValueSet('');
-    setSelectIconType('');
+    handleInputChange('');
     handleSelectChange([]);
   }
 
@@ -9812,6 +9827,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,
@@ -9819,12 +9843,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", {
@@ -9873,10 +9901,9 @@ function SearchTagInput(props) {
             size: size,
             disabled: disabled,
             onKeyDown: inputKeyDown,
-            onChange: handleInputChange,
+            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: {
@@ -9899,7 +9926,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"];
+
 
 
 
@@ -9976,20 +10004,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) => {
@@ -10010,18 +10073,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;
         }
       });
@@ -10029,14 +10095,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))
   }));
 }