uiw 4.17.0 → 4.19.0

package/dist/uiw.js

@@ -7,7 +7,7 @@
 		exports["uiw"] = factory(require("react"), require("react-dom"));
 	else
 		root["uiw"] = factory(root["React"], root["ReactDOM"]);
-})(self, function(__WEBPACK_EXTERNAL_MODULE__787__, __WEBPACK_EXTERNAL_MODULE__156__) {
+})(self, (__WEBPACK_EXTERNAL_MODULE__787__, __WEBPACK_EXTERNAL_MODULE__156__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
@@ -346,6 +346,7 @@ __webpack_require__.d(__webpack_exports__, {
   "FormItem": () => (/* reexport */ FormItem),
   "Icon": () => (/* reexport */ Icon),
   "Input": () => (/* reexport */ react_input_esm),
+  "InputNumber": () => (/* reexport */ InputNumber),
   "Layout": () => (/* reexport */ react_layout_esm),
   "LayoutContent": () => (/* reexport */ LayoutContent),
   "LayoutContext": () => (/* reexport */ LayoutContext),
@@ -371,6 +372,7 @@ __webpack_require__.d(__webpack_exports__, {
   "Progress": () => (/* reexport */ react_progress_esm),
   "Radio": () => (/* reexport */ Radio),
   "RadioAbstract": () => (/* reexport */ RadioAbstract),
+  "RadioButton": () => (/* reexport */ esm_RadioButton),
   "RadioGroup": () => (/* reexport */ RadioGroup),
   "Rate": () => (/* reexport */ Rate),
   "Row": () => (/* reexport */ Row_Row),
@@ -1561,7 +1563,8 @@ function Overlay(props) {
   } = props,
       otherProps = _objectWithoutPropertiesLoose(props, esm_excluded);
 
-  var [isOpen, setIsOpen] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(props.isOpen || false);
+  var [isOpen, setIsOpen] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(); // const [isOpen, setIsOpen] = useState(props.isOpen || false);
+
   var [visible, setVisible] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false);
   var container = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var overlay = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
@@ -1771,6 +1774,34 @@ var react_button_esm_excluded = ["prefixCls", "disabled", "active", "loading", "
 ;// CONCATENATED MODULE: ../react-modal/esm/style/index.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const react_modal_esm_style = ({});
+;// CONCATENATED MODULE: ../react-modal/esm/CallShow.js
+
+
+var CallShow_excluded = ["title", "children"];
+
+
+
+
+function CallShow(props) {
+  var {
+    title = '提示框',
+    children
+  } = props,
+      other = _objectWithoutPropertiesLoose(props, CallShow_excluded);
+
+  var dv = document.createElement('div');
+  dv.id = 'uiw-modal-call-show-element';
+  document.body.appendChild(dv);
+  external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default().render( /*#__PURE__*/(0,jsx_runtime.jsx)(react_modal_esm, _extends({}, other, {
+    title: title,
+    isOpen: true,
+    onClosed: () => {
+      document.getElementById('uiw-modal-call-show-element').remove();
+    },
+    children: children
+  })), document.getElementById('uiw-modal-call-show-element'));
+}
+
 ;// CONCATENATED MODULE: ../react-modal/esm/index.js
 
 
@@ -1784,7 +1815,8 @@ var react_modal_esm_excluded = ["prefixCls", "className", "children", "useButton
 
 
 
-/* harmony default export */ const react_modal_esm = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+
+var Modal = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
   var {
     prefixCls = 'w-modal',
     className,
@@ -1909,7 +1941,9 @@ var react_modal_esm_excluded = ["prefixCls", "className", "children", "useButton
       })
     })
   }));
-}));
+});
+Modal.show = CallShow;
+/* harmony default export */ const react_modal_esm = (Modal);
 
 ;// CONCATENATED MODULE: ../react-alert/esm/style/index.css
 // extracted by mini-css-extract-plugin
@@ -2853,7 +2887,7 @@ var normalizeDelay = delay => delay && typeof delay === 'object' ? delay : {
   }
 
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
-    if (isClickOutside) {
+    if (isClickOutside && isOpen) {
       document && document.addEventListener('mousedown', handleClickOutside);
       window.addEventListener('resize', handleResize);
     }
@@ -2862,7 +2896,7 @@ var normalizeDelay = delay => delay && typeof delay === 'object' ? delay : {
       document && isClickOutside && document.removeEventListener('mousedown', handleClickOutside);
       window.removeEventListener('resize', handleResize);
     };
-  }, []);
+  }, [isOpen]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
     if (props.isOpen !== isOpen) {
       setIsOpen(!!props.isOpen);
@@ -2883,9 +2917,11 @@ var normalizeDelay = delay => delay && typeof delay === 'object' ? delay : {
   }, [isOpen]);
 
   var handleResize = () => {
-    zIndex.current -= 1;
-    setIsOpen(false);
-    onVisibleChange && onVisibleChange(false);
+    if (isOpen) {
+      zIndex.current -= 1;
+      setIsOpen(false);
+      onVisibleChange && onVisibleChange(false);
+    }
   };
 
   var handleClickOutside = e => {
@@ -3115,10 +3151,69 @@ Popover.defaultProps = {
 ;// CONCATENATED MODULE: ../react-input/esm/style/input.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const input = ({});
+;// CONCATENATED MODULE: ../react-input/esm/InputNumber.js
+
+
+var InputNumber_excluded = ["className", "min", "max", "step", "overLimitColor", "keyboard", "formatter", "prefixCls"];
+
+
+
+/* harmony default export */ const InputNumber = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+  var {
+    className,
+    min,
+    max,
+    step,
+    overLimitColor,
+    keyboard = false,
+    prefixCls = 'w-input-number'
+  } = props,
+      otherProps = _objectWithoutPropertiesLoose(props, InputNumber_excluded);
+
+  var value = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    var _ref;
+
+    return Number.parseFloat((_ref = props.value || 0) == null ? void 0 : _ref.toString());
+  }, [props.value]);
+  var [isOverLimit, isOverLimitSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(overLimitComp(value));
+
+  function overLimitComp(value) {
+    if (typeof min === 'number' && value < min) return true;
+    if (typeof max === 'number' && value > max) return true;
+    return false;
+  }
+
+  var onChange = v => {
+    var isOverLimit = overLimitComp(Number.parseFloat(v.target.value));
+    isOverLimitSet(isOverLimit);
+    props.onChange == null ? void 0 : props.onChange(v);
+  };
+
+  var overLimitProps = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    if (!overLimitColor) return {
+      min,
+      max
+    };
+  }, []);
+  var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
+  var inputStyle = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => isOverLimit ? {
+    color: overLimitColor == null ? void 0 : overLimitColor.toString()
+  } : undefined, [isOverLimit]);
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, _extends({}, otherProps, {
+    className: cls,
+    type: "number",
+    inputStyle: inputStyle,
+    onChange: onChange,
+    step: step
+  }, overLimitProps));
+}));
+
 ;// CONCATENATED MODULE: ../react-input/esm/index.js
 
 
-var react_input_esm_excluded = ["prefixCls", "className", "style", "size", "type", "preIcon", "addonAfter"];
+var react_input_esm_excluded = ["prefixCls", "className", "style", "size", "type", "preIcon", "addonAfter", "inputStyle"];
+
+
 
 
 
@@ -3132,7 +3227,8 @@ var react_input_esm_excluded = ["prefixCls", "className", "style", "size", "type
     size = 'default',
     type = 'text',
     preIcon = null,
-    addonAfter
+    addonAfter,
+    inputStyle
   } = props,
       otherProps = _objectWithoutPropertiesLoose(props, react_input_esm_excluded);
 
@@ -3161,6 +3257,7 @@ var react_input_esm_excluded = ["prefixCls", "className", "style", "size", "type
       type: type,
       autoComplete: "off"
     }, otherProps, {
+      style: inputStyle,
       className: prefixCls + "-inner"
     })), addonAfter && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
       className: prefixCls + "-addon-after",
@@ -4552,6 +4649,8 @@ function Cascader(props) {
     value,
     onChange,
     onSearch,
+    expandTrigger = 'click',
+    size,
     disabled,
     allowClear,
     placeholder,
@@ -4561,7 +4660,8 @@ function Cascader(props) {
       width: 200
     },
     option = [],
-    others
+    others,
+    inputProps
   } = props;
   var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
   var [innerIsOpen, setInnerIsOpen] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false);
@@ -4641,6 +4741,7 @@ function Cascader(props) {
 
   var handleItemClick = (optionsItem, level) => {
     selectedValue.splice(level, selectedValue.length - level, optionsItem);
+    if (!optionsItem.children) setInnerIsOpen(false);
     handelChange(true, selectedValue);
   };
 
@@ -4669,6 +4770,26 @@ function Cascader(props) {
   };
 
   var widths = (style == null ? void 0 : style.width) * 0.7 || undefined;
+  var trigger = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    return (cb, click) => {
+      var triggers = {
+        onClick: () => {},
+        onMouseOver: () => {}
+      };
+
+      var callback = () => {
+        cb();
+      };
+
+      if (expandTrigger === 'click' || click) {
+        triggers.onClick = callback;
+      } else if (expandTrigger === 'hover') {
+        triggers.onMouseOver = callback;
+      }
+
+      return triggers;
+    };
+  }, []);
 
   var OptionIter = function OptionIter(option, level) {
     if (level === void 0) {
@@ -4691,17 +4812,18 @@ function Cascader(props) {
         },
         children: '没有数据'
       }) : option.map((opt, index) => {
-        var _selectedValue$level;
+        var _selectedValue$level, _opt$children;
 
         var active = ((_selectedValue$level = selectedValue[level]) == null ? void 0 : _selectedValue$level.value) === opt.value;
-        return /*#__PURE__*/(0,jsx_runtime.jsx)(react_menu_esm.Item, {
+        return /*#__PURE__*/(0,jsx_runtime.jsx)(react_menu_esm.Item, _extends({
           active: active,
           text: opt.label,
           addonAfter: opt.children ? /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
             type: "right"
-          }) : undefined,
-          onClick: () => handleItemClick(opt, level)
-        }, index);
+          }) : undefined
+        }, trigger(() => {
+          handleItemClick(opt, level);
+        }, !((_opt$children = opt.children) != null && _opt$children.length))), index);
       })
     }, level);
   };
@@ -4713,9 +4835,9 @@ function Cascader(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(Dropdown, _extends({
     className: cls,
     trigger: "click",
-    style: _extends({
+    style: {
       marginTop: 5
-    }, style),
+    },
     overlayStyl: {
       width: 100
     },
@@ -4750,22 +4872,20 @@ function Cascader(props) {
       }) : searchOption.filter(opt => opt.label.includes(searchText.trim())).map((opt, index) => {
         return /*#__PURE__*/(0,jsx_runtime.jsx)(react_menu_esm.Item, {
           text: opt.label,
-          onClick: () => searchItemClick(opt.options) //
-
+          onClick: () => searchItemClick(opt.options)
         }, index);
       })
     }),
     children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
       onMouseLeave: () => renderSelectIcon('leave'),
       onMouseOver: () => renderSelectIcon('enter'),
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
+      children: /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, _extends({}, inputProps, {
         value: searchOn ? searchText : inputValue,
         onChange: inputChange,
+        size: size,
         disabled: disabled,
         placeholder: searchOn ? inputValue : placeholder,
-        style: {
-          width: style == null ? void 0 : style.width
-        },
+        style: style,
         onFocus: () => onSearch && setSearchOn(true),
         onBlur: () => onSearch && setSearchOn(false),
         readOnly: !onSearch,
@@ -4779,7 +4899,7 @@ function Cascader(props) {
             className: prefixCls + "-close"
           })
         })
-      })
+      }))
     })
   }));
 }
@@ -4877,6 +4997,7 @@ var RadioGroup_excluded = ["prefixCls", "className", "name", "value", "onChange"
 
 
 
+
 /* harmony default export */ const RadioGroup = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
   var {
     prefixCls = 'w-radio-group',
@@ -4891,18 +5012,88 @@ var RadioGroup_excluded = ["prefixCls", "className", "name", "value", "onChange"
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", _extends({}, other, {
     ref: ref,
     className: [prefixCls, className].filter(Boolean).join(' ').trim(),
-    children: external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.toArray(children).map(child => {
-      if (!child) return;
-      if (! /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(child)) return child;
-      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(child, _extends({}, child.props || {}, {
-        checked: child.props.value === value,
-        name,
-        onChange
-      }));
+    children: /*#__PURE__*/(0,jsx_runtime.jsx)(react_button_group_esm, {
+      children: external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.toArray(children).map(child => {
+        if (!child) return;
+        if (! /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(child)) return child;
+        return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(child, _extends({}, child.props || {}, {
+          checked: child.props.value === value,
+          name,
+          onChange
+        }));
+      })
     })
   }));
 }));
 
+;// CONCATENATED MODULE: ../react-radio/esm/RadioButton.js
+
+
+var RadioButton_excluded = ["prefixCls", "type", "disabled", "value", "className", "style", "children", "size", "checked", "onChange"];
+
+
+/**
+ * Constructs a type by picking all properties from `HTMLInputProps` and then removing `size`.
+ * Omit: https://www.typescriptlang.org/docs/handbook/utility-types.html#omittk
+ */
+
+
+var RadioButton = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+  var {
+    prefixCls = 'w-radio',
+    type = 'button',
+    disabled = false,
+    value = '',
+    className,
+    style,
+    children,
+    size = 'small',
+    checked: prChecked = false,
+    onChange
+  } = props,
+      other = _objectWithoutPropertiesLoose(props, RadioButton_excluded);
+
+  var [checked, setChecked] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(prChecked);
+  var [prevChecked, setPrevChecked] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)();
+
+  if (prChecked !== prevChecked) {
+    setPrevChecked(prChecked);
+  }
+
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    if (prChecked !== prevChecked) {
+      setChecked(prChecked);
+    }
+  }, [prevChecked]);
+  var cls = [prefixCls, className, disabled ? 'disabled' : null, size ? prefixCls + "-" + size : null].filter(Boolean).join(' ').trim();
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    if (checked !== props.checked) {
+      setChecked(!!props.checked);
+    }
+  }, [props.checked]);
+  console.log('props.checked', props.checked);
+
+  function handleChange(e) {
+    e.persist();
+    setChecked(!checked);
+    onChange && onChange(value);
+  }
+
+  var label = children || value;
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(esm, _extends({}, _extends({}, other, {
+    className: cls,
+    style,
+    disabled,
+    value
+  }), {
+    type: checked ? 'primary' : 'light',
+    ref: ref,
+    onClick: handleChange,
+    children: label
+  }));
+});
+/* harmony default export */ const esm_RadioButton = (RadioButton);
+
 ;// CONCATENATED MODULE: ../react-radio/esm/index.js
 
 
@@ -4910,6 +5101,8 @@ var RadioGroup_excluded = ["prefixCls", "className", "name", "value", "onChange"
 
 
 
+
+
 ;// CONCATENATED MODULE: ../react-checkbox/esm/style/group.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const style_group = ({});
@@ -8243,6 +8436,11 @@ var react_search_select_esm_excluded = ["allowClear", "disabled", "valueAmount",
 
 
 
+var TagSize = {
+  large: 25,
+  default: 20,
+  small: 17
+};
 function SearchSelect(props) {
   var _style$width;
 
@@ -8261,7 +8459,7 @@ function SearchSelect(props) {
     style,
     value,
     defaultValue,
-    showSearch,
+    showSearch = false,
     tagProps = {},
     placeholder,
     onSearch,
@@ -8473,22 +8671,18 @@ function SearchSelect(props) {
         maxWidth: 'none'
       }, style),
       children: isMultiple ? /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-        className: prefixCls + "-inner",
+        className: [prefixCls + "-inner", prefixCls + "-search-" + showSearch, prefixCls + "-" + size].filter(Boolean).join(' ').trim(),
         children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-          style: {
-            display: 'flex',
-            flexFlow: 'wrap',
-            width: '100%'
-          },
+          className: prefixCls + "-tag-content",
+          style: {},
           children: [isMultiple && selectedValue.slice(0, maxTagCount).map((item, index) => {
             return /*#__PURE__*/(0,jsx_runtime.jsx)(react_tag_esm, _extends({
               style: _extends({
-                height: 20,
+                height: TagSize[size],
                 margin: 1,
                 display: 'flex',
                 alignItems: 'center'
               }, tagProps.style),
-              className: prefixCls + "-tag",
               color: "#393E48"
             }, tagProps, {
               closable: true,
@@ -8510,7 +8704,8 @@ function SearchSelect(props) {
             children: ["+", omitTagCount, " \u2026", ' ']
           }), /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
             style: {
-              flex: 1
+              flex: 1,
+              width: showSearch ? 0 : 50
             },
             className: prefixCls + "-input-contents",
             readOnly: !showSearch,
@@ -8529,6 +8724,7 @@ function SearchSelect(props) {
           onClick: resetSelectedValue
         })]
       }) : /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
+        className: prefixCls + "-search-" + showSearch,
         readOnly: !showSearch,
         size: size,
         ref: inputRef,
@@ -9716,9 +9912,9 @@ function TableTr(props) {
 
             if (keyName.fixed) {
               if (keyName.fixed === 'right') {
-                objs.className = objs.className + " " + prefixCls + "-fixed-right";
+                objs.className = prefixCls + "-fixed-right";
               } else {
-                objs.className = objs.className + " " + prefixCls + "-fixed-true";
+                objs.className = prefixCls + "-fixed-true";
               }
             }
 
@@ -9729,7 +9925,7 @@ function TableTr(props) {
                 children: objs.children
               }),
               key: colNum,
-              className: prefixCls + "-tr-children-" + (keyName.align || 'left') + "  " + (keyName.className || '') + " " + (objs.className || ''),
+              className: [prefixCls + '-tr-children-' + (keyName.align || 'left'), keyName.className, objs.className].filter(it => it).join(' ').trim(),
               onClick: evn => onCell(trData, {
                 rowNum,
                 colNum,
@@ -9804,54 +10000,55 @@ function Table(props) {
     }
   };
 
-  var deepClumnsLocation = (params, fistIndex, leftOrRight, isReverse) => {
+  var deepClumnsLocation = (params, fistIndex) => {
     var initialValue = 0,
-        lastIndex = isReverse ? 0 : params.length - 1,
+        headerIndex = 0,
         deepParams = [];
-    params.forEach(() => {
-      var abs = Math.abs(lastIndex);
-      var i = "" + fistIndex + abs;
+    params.forEach((_, index) => {
+      var i = "" + fistIndex + headerIndex;
 
-      if (isReverse) {
-        lastIndex += 1;
-      } else {
-        lastIndex -= 1;
-      }
-
-      if (typeof params[abs] === 'number') {
-        initialValue = params[abs] + initialValue;
-        deepParams.push(params[abs]);
+      if (typeof params[index] === 'number') {
+        initialValue = params[index] + initialValue;
+        deepParams.push(params[index]);
         return;
       }
 
       if (finalLocationWidth.current[i]) {
-        finalLocationWidth.current[i][leftOrRight] = initialValue;
+        finalLocationWidth.current[i].left = initialValue;
         initialValue = finalLocationWidth.current[i].width + initialValue;
+
+        if (Array.isArray(params[index].children)) {
+          deepParams.push(...params[index].children);
+        } else {
+          deepParams.push(finalLocationWidth.current[i].width);
+        }
       }
 
-      if (Array.isArray(params[abs].children)) {
-        deepParams.push(...params[abs].children);
-        return;
+      headerIndex += 1;
+    });
+    initialValue = 0, headerIndex = header[fistIndex].length - 1;
+
+    for (var _index = params.length - 1; _index >= 0; _index--) {
+      var i = "" + fistIndex + headerIndex;
+
+      if (typeof params[_index] === 'number') {
+        initialValue = params[_index] + initialValue;
+        continue;
       }
 
       if (finalLocationWidth.current[i]) {
-        deepParams.push(finalLocationWidth.current[i].width);
-      } else {
-        var parent = header.find(it => it.find(it => it.key === params[abs].key)) || [];
-        var sub = parent.findIndex(it => it.key === params[abs].key);
-
-        if (finalLocationWidth.current["" + i[0] + sub]) {
-          // 合并单元格
-          deepParams.push(finalLocationWidth.current["" + i[0] + sub].width);
-        }
+        finalLocationWidth.current[i].right = initialValue;
+        initialValue = finalLocationWidth.current[i].width + initialValue;
       }
-    });
-    if (deepParams.filter(it => typeof it !== 'number').length) deepClumnsLocation(deepParams, fistIndex + 1, leftOrRight, isReverse);
+
+      headerIndex -= 1;
+    }
+
+    if (deepParams.filter(it => typeof it !== 'number').length) deepClumnsLocation(deepParams, fistIndex + 1);
   };
 
   var computed = () => {
-    deepClumnsLocation(columns, 0, 'left', true);
-    deepClumnsLocation(columns, 0, 'right', false);
+    deepClumnsLocation(columns, 0);
     return finalLocationWidth.current;
   };
 
@@ -10772,6 +10969,11 @@ function TreeChecked(_ref) {
 
 
 
+var SearchTagInput_TagSize = {
+  large: 25,
+  default: 20,
+  small: 17
+};
 
 function SearchTagInput(props) {
   var {
@@ -10784,6 +10986,7 @@ function SearchTagInput(props) {
     className,
     style,
     placeholder,
+    tagProps = {},
     content,
     options,
     values,
@@ -10904,11 +11107,11 @@ function SearchTagInput(props) {
         return (_inputRef$current2 = inputRef.current) == null ? void 0 : _inputRef$current2.focus();
       },
       style: _extends({
-        minWidth: 200,
+        minWidth: (style == null ? void 0 : style.width) || 200,
         maxWidth: 'none'
       }, style),
       children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-        className: prefixCls + "-inner",
+        className: [prefixCls + "-inner", prefixCls + "-" + size].filter(Boolean).join(' ').trim(),
         children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
           style: {
             display: 'flex',
@@ -10916,26 +11119,26 @@ function SearchTagInput(props) {
             width: '100%'
           },
           children: [selectedOption.map((item, index) => {
-            return /*#__PURE__*/(0,jsx_runtime.jsx)(react_tag_esm, {
+            return /*#__PURE__*/(0,jsx_runtime.jsx)(react_tag_esm, _extends({
               style: {
-                height: 20,
+                height: SearchTagInput_TagSize[size],
                 margin: 1,
                 display: 'flex',
                 alignItems: 'center'
               },
               className: prefixCls + "-tag",
               closable: true,
+              color: "#393E48"
+            }, tagProps, {
               disabled: disabled,
-              color: "#393E48",
               onClose: e => {
                 e.stopPropagation();
                 removeSelectItem(index);
               },
               children: item.label
-            }, index);
+            }), index);
           }), /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
             ref: inputRef,
-            style: {},
             className: prefixCls + "-input-contents",
             size: size,
             disabled: disabled,