uiw 4.13.9 → 4.13.12

package/dist/uiw.css

@@ -3707,6 +3707,7 @@ a.w-list-item:hover:not(.w-disabled) {
   width: 100%;
   border-radius: 100px;
   background-color: #e5e9f2;
+  overflow: hidden;
 }
 .w-progress-bg {
   height: 100%;

package/dist/uiw.js

@@ -381,7 +381,7 @@ __webpack_require__.d(__webpack_exports__, {
   "Steps": () => (/* reexport */ react_steps_esm),
   "SubMenu": () => (/* reexport */ SubMenu),
   "Switch": () => (/* reexport */ react_switch_esm),
-  "Table": () => (/* reexport */ react_table_esm),
+  "Table": () => (/* reexport */ Table),
   "Tabs": () => (/* reexport */ Tabs),
   "Tag": () => (/* reexport */ react_tag_esm),
   "Textarea": () => (/* reexport */ react_textarea_esm),
@@ -3091,7 +3091,7 @@ class Popover extends (external_root_React_commonjs2_react_commonjs_react_amd_re
           children: this.props.content
         })]
       }),
-      children: typeof this.props.children === 'object' ? this.props.children : /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+      children: typeof this.props.children === 'object' && this.props.children.type.name !== 'Icon' ? this.props.children : /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
         children: this.props.children
       })
     }));
@@ -3441,7 +3441,7 @@ function DayRect(props) {
     }
   }
 
-  var cellDate = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => new Date(new Date(date).setDate(day)), [day]);
+  var cellDate = new Date(new Date(date).setDate(day));
 
   if (today && today.toDateString() === cellDate.toDateString()) {
     cls.today = true;
@@ -3734,7 +3734,7 @@ function DatePicker(props) {
 
       setType(curType);
     } else {
-      var currentDate = new Date(selectDate || selectPanelDate);
+      var currentDate = new Date(selectPanelDate);
       var month = currentDate.getMonth();
 
       if (curType === 'prev') {
@@ -3752,7 +3752,7 @@ function DatePicker(props) {
       }
 
       setSelectPanelDate(curType === 'today' ? today : currentDate);
-      setSelectDate(curType === 'today' ? today : currentDate);
+      curType === 'today' && setSelectDate(today);
       setType('day');
     }
   }
@@ -7848,17 +7848,23 @@ function SearchSelect(props) {
   var [selectedValue, setSelectedValue] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]);
   var [selectedLabel, setSelectedLabel] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)('');
   var [selectIconType, setSelectIconType] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)('');
+  var inputRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var omitTagCount = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => maxTagCount && selectedValue.length > maxTagCount ? selectedValue.length - maxTagCount : 0, [selectedValue.length]);
   var divRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+
+  var valueVerify = value => {
+    return value !== undefined && value !== '';
+  };
+
   var valueRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
   valueRef.current = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => selectedValue, [selectedValue]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
-    if (value === undefined && defaultValue !== undefined) {
+    if (!valueVerify(value) && valueVerify(defaultValue)) {
       selectedValueChange(defaultValue);
     }
   }, []);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
-    if (value !== undefined) {
+    if (valueVerify(value)) {
       selectedValueChange(value);
     }
   }, [JSON.stringify(value)]);
@@ -7901,6 +7907,11 @@ function SearchSelect(props) {
     return values;
   }
 
+  var selectedLabelChange = value => {
+    setSelectedLabel(value);
+    showSearch && (onSearch == null ? void 0 : onSearch(value));
+  };
+
   function handleItemClick(item) {
     setInnerIsOpen(false);
     var values = [item];
@@ -7927,7 +7938,7 @@ function SearchSelect(props) {
   function renderSelectIcon(type) {
     var selectIconType;
 
-    if (type === 'enter' && allowClear && selectedValue) {
+    if (type === 'enter' && allowClear && (selectedValue.length > 0 || selectedLabel)) {
       selectIconType = 'close';
     } else {
       selectIconType = '';
@@ -7937,20 +7948,23 @@ function SearchSelect(props) {
   } // handle change
 
 
-  function handleInputChange(e) {
-    var value = e.target.value;
+  function handleInputChange(value) {
     setInnerIsOpen(true);
-    setSelectedLabel(value);
-    setSelectIconType(showSearch && value ? 'loading' : '');
-    showSearch && onSearch && onSearch(value); // handleSelectChange(value);
+    setSelectIconType(showSearch && value ? 'loading' : ''); // setSelectedLabel(value);
+    // showSearch && onSearch && onSearch(value);
+
+    selectedLabelChange(value);
   } // 清除选中的值
 
 
-  function resetSelectedValue() {
-    setInnerIsOpen(false);
+  function resetSelectedValue(e) {
+    var _inputRef$current;
+
+    e.stopPropagation();
+    (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus();
     setSelectedValue([]);
-    setSelectedLabel('');
-    setSelectIconType('');
+    handleInputChange('');
+    setInnerIsOpen(false);
     handleSelectChange('', []);
   }
 
@@ -7965,14 +7979,14 @@ function SearchSelect(props) {
     }
   }
 
-  function onVisibleChange(open) {
-    if (!open) setSelectedLabel('');
+  function onVisibleChange(isOpen) {
+    var selectedValue = valueRef.current;
+    setInnerIsOpen(isOpen);
+    if (!isOpen) selectedLabelChange('');
 
     if (!isMultiple && selectedValue.length > 0) {
       setSelectedLabel(selectedValue[0].label);
     }
-
-    setInnerIsOpen(open);
   }
 
   return /*#__PURE__*/(0,jsx_runtime.jsx)(Dropdown, _extends({
@@ -8013,6 +8027,11 @@ function SearchSelect(props) {
       ref: divRef,
       onMouseOver: () => renderSelectIcon('enter'),
       onMouseLeave: () => renderSelectIcon('leave'),
+      onClick: () => {
+        var _inputRef$current2;
+
+        return (_inputRef$current2 = inputRef.current) == null ? void 0 : _inputRef$current2.focus();
+      },
       style: _extends({
         width: '100%',
         maxWidth: 'none'
@@ -8037,7 +8056,10 @@ function SearchSelect(props) {
               color: "#393E48"
             }, tagProps, {
               closable: true,
-              onClose: () => handleItemsClick(index, item),
+              onClose: e => {
+                e.stopPropagation();
+                handleItemsClick(index, item);
+              },
               children: item.label
             }), index);
           }), !!omitTagCount && /*#__PURE__*/(0,jsx_runtime.jsxs)(react_tag_esm, {
@@ -8056,9 +8078,10 @@ function SearchSelect(props) {
             className: prefixCls + "-input-contents",
             readOnly: !showSearch,
             size: size,
+            ref: inputRef,
             disabled: disabled,
             onKeyDown: inputKeyDown,
-            onChange: handleInputChange,
+            onChange: e => handleInputChange(e.target.value),
             value: selectedLabel,
             placeholder: selectedValue.length ? '' : placeholder
           })]
@@ -8070,8 +8093,9 @@ function SearchSelect(props) {
       }) : /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
         readOnly: !showSearch,
         size: size,
+        ref: inputRef,
         disabled: disabled,
-        onChange: handleInputChange,
+        onChange: e => handleInputChange(e.target.value),
         value: selectedLabel,
         placeholder: placeholder,
         addonAfter: (selectIconType === 'close' || selectIconType === 'loading' && loading) && /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
@@ -8836,7 +8860,7 @@ var Thead_excluded = ["prefixCls", "className", "data", "onCellHead"],
 
 
 
-/* harmony default export */ const Thead = (function (props) {
+function TheadComponent(props) {
   if (props === void 0) {
     props = {};
   }
@@ -8878,7 +8902,7 @@ var Thead_excluded = ["prefixCls", "className", "data", "onCellHead"],
       })
     }, rowNum))
   }));
-});
+}
 
 ;// CONCATENATED MODULE: ../react-table/esm/util.js
 /**
@@ -8940,7 +8964,7 @@ function getRowspanNum(data, child) {
  * JSON Array => Array
  * @param {Array} date
  */
-var getLevelItems = (data, result) => {
+function getLevelItems(data, result) {
   if (!result) {
     result = {
       header: [],
@@ -9020,13 +9044,13 @@ var getLevelItems = (data, result) => {
   }
 
   return result;
-};
+}
 /**
  * Get all columns keys
  * @param {Array} data
  */
 
-var getAllColumnsKeys = function getAllColumnsKeys(data, keys) {
+function getAllColumnsKeys(data, keys) {
   if (keys === void 0) {
     keys = [];
   }
@@ -9040,7 +9064,7 @@ var getAllColumnsKeys = function getAllColumnsKeys(data, keys) {
   }
 
   return keys;
-};
+}
 
 ;// CONCATENATED MODULE: ../react-table/esm/index.js
 
@@ -9054,7 +9078,7 @@ var react_table_esm_excluded = ["prefixCls", "className", "columns", "data", "ti
 
 
 
-/* harmony default export */ const react_table_esm = (function (props) {
+function Table(props) {
   if (props === void 0) {
     props = {};
   }
@@ -9093,7 +9117,7 @@ var react_table_esm_excluded = ["prefixCls", "className", "columns", "data", "ti
         } : {},
         children: [title && /*#__PURE__*/(0,jsx_runtime.jsx)("caption", {
           children: title
-        }), columns && columns.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)(Thead, {
+        }), columns && columns.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)(TheadComponent, {
           onCellHead: onCellHead,
           data: header
         }), data && data.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
@@ -9154,7 +9178,7 @@ var react_table_esm_excluded = ["prefixCls", "className", "columns", "data", "ti
       children: footer
     })]
   });
-});
+}
 
 ;// CONCATENATED MODULE: ../react-tabs/esm/Pane.js
 
@@ -9851,8 +9875,6 @@ function TreeChecked(_ref) {
 ;// CONCATENATED MODULE: ../react-search-tree/esm/SearchTagInput.js
 
 
-var SearchTagInput_excluded = ["prefixCls", "mode", "size", "disabled", "allowClear", "loading", "selectCloseDrop", "className", "style", "placeholder", "content", "options", "values", "onChange", "onSearch", "emptyOption"];
-
 
 
 
@@ -9866,7 +9888,6 @@ var SearchTagInput_excluded = ["prefixCls", "mode", "size", "disabled", "allowCl
 function SearchTagInput(props) {
   var {
     prefixCls = 'w-search-tree',
-    mode = 'single',
     size = 'default',
     disabled = false,
     allowClear = false,
@@ -9880,12 +9901,10 @@ function SearchTagInput(props) {
     values,
     onChange,
     onSearch,
-    emptyOption
-  } = props,
-      others = _objectWithoutPropertiesLoose(props, SearchTagInput_excluded);
-
-  var cls = [prefixCls, className].filter(Boolean).join(' ').trim(); // const isMultiple = useMemo(() => mode === 'multiple', [mode]);
+    emptyOption // ...others
 
+  } = props;
+  var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
   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)();
@@ -9932,10 +9951,13 @@ function SearchTagInput(props) {
 
 
   function resetSelectedValue(e) {
+    var _inputRef$current;
+
     e.stopPropagation();
+    (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus();
+    handleInputChange('');
     setInnerIsOpen(false);
     setSelectedOption([]);
-    handleInputChange('');
     handleSelectChange([]);
   }
 
@@ -9988,9 +10010,9 @@ function SearchTagInput(props) {
       onMouseOver: () => renderSelectIcon('enter'),
       onMouseLeave: () => renderSelectIcon('leave'),
       onClick: () => {
-        var _inputRef$current;
+        var _inputRef$current2;
 
-        return (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus();
+        return (_inputRef$current2 = inputRef.current) == null ? void 0 : _inputRef$current2.focus();
       },
       style: _extends({
         minWidth: 200,
@@ -10230,7 +10252,7 @@ function SearchTree(props) {
     selectedOptionSet([...options]);
     var isEmpt = true;
     options.forEach(opt => isEmpt = isEmpt && !!opt.hideNode);
-    isEmptySet(isEmpt);
+    isEmptySet(typeof emptyOption === 'boolean' && isEmpt ? isEmpt : emptyOption);
   };
 
   return /*#__PURE__*/(0,jsx_runtime.jsx)(esm_SearchTagInput, _extends({}, other, {