uiw 4.13.1 → 4.13.4

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 多选值的处理
@@ -9533,7 +9544,7 @@ var getParentSelectKeys = function getParentSelectKeys(childs, selectedKeys, res
     result = [];
   }
 
-  if (childs.key && childs.children && isContained(selectedKeys, getChildKeys(childs.children))) {
+  if (childs.key && childs.children && isContained(selectedKeys, getChildKeys(childs.children, undefined, 1))) {
     result.push(childs.key);
 
     if (childs.parent && !childs.parent.parent) {
@@ -9578,17 +9589,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 +9736,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 +9763,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 +9802,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 +9824,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 +9840,16 @@ function SearchTagInput(props) {
     });
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(content, newProps);
-  }, [selectedOption, options]);
+  }, [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 +9898,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 +9923,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,18 +10001,53 @@ 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);
   }, [JSON.stringify(value)]);
@@ -10029,14 +10089,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, {
+    emptyOption: isEmpty,
     onSearch: debounce(selectedSearch, 700),
     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))
   }));
 }