uiw 4.11.0 → 4.11.4

package/dist/uiw.js

@@ -1007,9 +1007,93 @@ try {
 
 /***/ }),
 
-/***/ 518:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+/***/ 787:
+/***/ (function(module) {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__787__;
+
+/***/ }),
+
+/***/ 156:
+/***/ (function(module) {
 
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__156__;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	!function() {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = function(module) {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				function() { return module['default']; } :
+/******/ 				function() { return module; };
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	!function() {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = function(exports) {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+!function() {
 "use strict";
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
@@ -4503,7 +4587,7 @@ function TimePicker(props) {
     hideDisabled: hideDisabled,
     precision: precision
   };
-  var inputValue = date ? formatter(format, date) : '';
+  var inputValue = date ? formatter(format, new Date(date)) : '';
   var datePickerTime = date || new Date();
 
   var _props = _extends({}, inputProps, {
@@ -6225,6 +6309,8 @@ function Dropdown(props) {
 ;// CONCATENATED MODULE: ../react-empty/esm/index.js
 
 
+var react_empty_esm_excluded = ["prefixCls", "className", "icon", "iconProps", "size", "description", "children"];
+
 
 
 
@@ -6233,57 +6319,51 @@ var Empty = function Empty(props) {
   var _props$prefixCls = props.prefixCls,
       prefixCls = _props$prefixCls === void 0 ? 'w-empty' : _props$prefixCls,
       className = props.className,
-      _props$iconColor = props.iconColor,
-      iconColor = _props$iconColor === void 0 ? '#cdcdcd' : _props$iconColor,
+      icon = props.icon,
+      iconProps = props.iconProps,
       _props$size = props.size,
-      size = _props$size === void 0 ? 40 : _props$size,
-      _props$text = props.text,
-      text = _props$text === void 0 ? '暂无数据' : _props$text,
-      _props$textColor = props.textColor,
-      textColor = _props$textColor === void 0 ? '#cdcdcd' : _props$textColor,
-      type = props.type,
-      description = props.description;
+      size = _props$size === void 0 ? 64 : _props$size,
+      _props$description = props.description,
+      description = _props$description === void 0 ? '暂无数据' : _props$description,
+      children = props.children,
+      other = _objectWithoutPropertiesLoose(props, react_empty_esm_excluded);
+
   var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
-  var nData = type ? type : /*#__PURE__*/(0,jsx_runtime.jsxs)("svg", {
-    viewBox: "0 0 1024 1024",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    "p-id": "5994",
-    width: "32",
-    height: "32",
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-      d: "M894.44765695 767.84195243a27.75019293 27.75019293 0 0 0-27.75019292 27.75019292v123.2341595a14.88130617 14.88130617 0 0 1-14.66947243 14.66947243H185.28193991a14.88130617 14.88130617 0 0 1-14.66947243-14.66947243V157.76137102a14.88130617 14.88130617 0 0 1 14.66947243-14.66947243h666.74605169a14.88130617 14.88130617 0 0 1 14.66947243 14.66947243v41.09570503a27.75019293 27.75019293 0 1 0 55.50038698 0v-41.09570503a70.22281728 70.22281728 0 0 0-70.16985941-70.16985941H607.62505101a27.75019293 27.75019293 0 0 0-13.66326385-51.89921564H439.16443192a27.75019293 27.75019293 0 0 0-13.66326385 51.89921564H185.28193991A70.22281728 70.22281728 0 0 0 115.11208049 157.76137102v761.01197483a70.22281728 70.22281728 0 0 0 70.16985942 70.16985941h666.74605169a70.22281728 70.22281728 0 0 0 70.16985941-70.16985941v-123.1812005a27.75019293 27.75019293 0 0 0-27.75019406-27.75019292z",
-      "p-id": "5995",
-      fill: "#cdcdcd"
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-      d: "M254.65742221 297.9951707h127.94745515a27.75019293 27.75019293 0 0 0 0-55.50038585H254.65742221a27.75019293 27.75019293 0 1 0 0 55.50038585zM254.65742221 553.94304h127.94745515a27.75019293 27.75019293 0 0 0 0-55.50038585H254.65742221a27.75019293 27.75019293 0 0 0 0 55.50038585zM254.65742221 809.83795029h521.26937202a27.75019293 27.75019293 0 0 0 0-55.50038584H254.65742221a27.75019293 27.75019293 0 1 0 0 55.50038584zM981.72307341 719.70278173l-88.91712625-91.61800477a27.75019293 27.75019293 0 1 0-39.82470485 38.65962041l88.91712739 91.61800476a27.75019293 27.75019293 0 1 0 39.82470371-38.6596204z",
-      "p-id": "5996",
-      fill: "#cdcdcd"
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-      d: "M929.92977464 437.85826304a260.23749859 260.23749859 0 1 0-260.23749859 260.23749746A260.50229021 260.50229021 0 0 0 929.92977464 437.85826304z m-260.18453959 204.94894535A204.73711161 204.73711161 0 1 1 874.48234666 437.85826304a204.94894535 204.94894535 0 0 1-204.73711161 204.94894535z",
-      "p-id": "5997",
-      fill: iconColor
-    })]
-  });
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-    className: cls,
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
-      type: nData,
-      style: {
-        fontSize: size,
-        color: iconColor
-      }
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: prefixCls + "-text",
-      style: {
-        color: textColor
-      },
-      children: text
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", _extends({
+    className: cls
+  }, other, {
+    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: prefixCls + "-icon",
+      children: icon ? icon : /*#__PURE__*/(0,jsx_runtime.jsxs)("svg", _extends({
+        viewBox: "0 0 1024 1024",
+        width: size,
+        height: size
+      }, iconProps, {
+        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+          d: "M20.48 860.16a491.52 102.4 0 1 0 983.04 0 491.52 102.4 0 1 0-983.04 0Z",
+          fill: "#F5F5F5"
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+          d: "M225.28 409.6l573.44-8.06912 112.78336 183.296H102.4z",
+          fill: "#C4C5C7"
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+          d: "M266.24 61.44h491.52a40.96 40.96 0 0 1 40.96 40.96v532.48a40.96 40.96 0 0 1-40.96 40.96H266.24a40.96 40.96 0 0 1-40.96-40.96V102.4a40.96 40.96 0 0 1 40.96-40.96z",
+          fill: "#F5F5F7"
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+          d: "M348.16 143.36h327.68a40.96 40.96 0 0 1 40.96 40.96v122.88a40.96 40.96 0 0 1-40.96 40.96H348.16a40.96 40.96 0 0 1-40.96-40.96V184.32a40.96 40.96 0 0 1 40.96-40.96zM327.68 409.6h368.64a20.48 20.48 0 0 1 0 40.96H327.68a20.48 20.48 0 0 1 0-40.96zM327.68 491.52h368.64a20.48 20.48 0 0 1 0 40.96H327.68a20.48 20.48 0 0 1 0-40.96z",
+          fill: "#EBECEC"
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+          d: "M673.44384 607.58016v13.43488c0 25.14944-20.0704 45.52704-44.8512 45.52704H382.95552l-2.2528-0.06144c-23.7568-1.16736-42.63936-21.07392-42.63936-45.4656v-13.45536c0-12.55424-10.0352-22.7328-22.44608-22.7328H102.4v250.30656C102.4 860.2624 122.49088 880.64 147.29216 880.64h719.31904c24.7808 0 44.89216-20.3776 44.89216-45.50656V584.82688H695.88992c-12.3904 0-22.44608 10.17856-22.44608 22.7328z",
+          fill: "#E0E0E0"
+        })]
+      }))
     }), description && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: prefixCls + "-description",
       children: description
+    }), children && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: prefixCls + "-footer",
+      children: children
     })]
-  });
+  }));
 };
 
 /* harmony default export */ var react_empty_esm = (Empty);
@@ -6742,7 +6822,7 @@ function Row_Row(props) {
 
 
 
-var FormItem_excluded = ["prefixCls", "className", "style", "label", "labelFor", "labelClassName", "labelStyle", "help", "inline", "initialValue", "validator", "hasError"];
+var FormItem_excluded = ["prefixCls", "className", "required", "style", "label", "labelFor", "labelClassName", "labelStyle", "help", "inline", "initialValue", "validator", "hasError"];
 
 
 
@@ -6766,6 +6846,7 @@ var FormItem = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props = this.props,
           prefixCls = _this$props.prefixCls,
           className = _this$props.className,
+          required = _this$props.required,
           style = _this$props.style,
           label = _this$props.label,
           labelFor = _this$props.labelFor,
@@ -6785,14 +6866,19 @@ var FormItem = /*#__PURE__*/function (_React$PureComponent) {
           style: style
         }, otherProps, {
           children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(Row_Row, {
-            children: [/*#__PURE__*/(0,jsx_runtime.jsx)(Col, {
+            children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(Col, {
               fixed: true,
               className: labelCls,
-              children: /*#__PURE__*/(0,jsx_runtime.jsx)("label", {
+              children: [required && /*#__PURE__*/(0,jsx_runtime.jsx)("label", {
+                style: {
+                  color: 'red'
+                },
+                children: "*"
+              }), /*#__PURE__*/(0,jsx_runtime.jsx)("label", {
                 style: labelStyle,
                 htmlFor: labelFor,
                 children: label
-              })
+              })]
             }), /*#__PURE__*/(0,jsx_runtime.jsx)(Col, {
               className: "w-form-row",
               children: this.props.children
@@ -6810,11 +6896,18 @@ var FormItem = /*#__PURE__*/function (_React$PureComponent) {
         className: cls,
         style: style
       }, otherProps, {
-        children: [label && /*#__PURE__*/(0,jsx_runtime.jsx)("label", {
-          className: labelCls,
-          style: labelStyle,
-          htmlFor: labelFor,
-          children: label
+        children: [label && /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
+          children: [required && /*#__PURE__*/(0,jsx_runtime.jsx)("label", {
+            style: {
+              color: 'red'
+            },
+            children: "*"
+          }), /*#__PURE__*/(0,jsx_runtime.jsx)("label", {
+            className: labelCls,
+            style: labelStyle,
+            htmlFor: labelFor,
+            children: label
+          })]
         }), /*#__PURE__*/(0,jsx_runtime.jsx)(Col, {
           className: "w-form-row",
           children: this.props.children
@@ -6922,7 +7015,11 @@ function Form(_ref, ref //| React.RefObject<FormRefType>,
       resetForm: handleReset,
       getFieldValues: function getFieldValues() {
         return data.current;
-      }
+      },
+      getError: function getError() {
+        return data.errors;
+      },
+      setFields: setFields
     };
   }, [data]);
   var formUnits = {};
@@ -6952,6 +7049,11 @@ function Form(_ref, ref //| React.RefObject<FormRefType>,
     })));
   }
 
+  function setFields(fields) {
+    data.current = fields;
+    setData(data);
+  }
+
   function handleChange(name, validator, element, cb) {
     return function (env, list) {
       var value = env && env.target && 'value' in env.target ? env.target.value : env; // 控件 Checkbox.Group 多选值的处理
@@ -7014,13 +7116,11 @@ function Form(_ref, ref //| React.RefObject<FormRefType>,
       setData(_extends({}, data, nextState, {
         errors: {}
       }));
-      return function () {
-        return afterSubmit({
-          state: data,
-          response: response,
-          reset: handleReset
-        });
-      };
+      afterSubmit && afterSubmit({
+        state: data,
+        response: response,
+        reset: handleReset
+      });
     };
 
     try {
@@ -9206,11 +9306,95 @@ function Rate(props) {
     })
   }));
 }
+;// CONCATENATED MODULE: ../react-tag/esm/style/index.css
+// extracted by mini-css-extract-plugin
+/* harmony default export */ var react_tag_esm_style = ({});
+;// CONCATENATED MODULE: ../react-tag/esm/index.js
+
+
+var react_tag_esm_excluded = ["prefixCls", "className", "style", "title", "children", "visible", "color", "disabled", "bordered", "closable", "light", "onClose"];
+
+
+
+
+/* harmony default export */ var react_tag_esm = (function (props) {
+  if (props === void 0) {
+    props = {};
+  }
+
+  var _props = props,
+      _props$prefixCls = _props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? 'w-tag' : _props$prefixCls,
+      className = _props.className,
+      style = _props.style,
+      _props$title = _props.title,
+      title = _props$title === void 0 ? '' : _props$title,
+      children = _props.children,
+      _props$visible = _props.visible,
+      visible = _props$visible === void 0 ? true : _props$visible,
+      _props$color = _props.color,
+      color = _props$color === void 0 ? '#6E6E6E' : _props$color,
+      _props$disabled = _props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$bordered = _props.bordered,
+      bordered = _props$bordered === void 0 ? true : _props$bordered,
+      closable = _props.closable,
+      _props$light = _props.light,
+      light = _props$light === void 0 ? false : _props$light,
+      onClose = _props.onClose,
+      other = _objectWithoutPropertiesLoose(props, react_tag_esm_excluded);
+
+  var cls = [prefixCls, className, light ? prefixCls + "-light" : null, disabled ? 'disabled' : null].filter(Boolean).join(' ').trim();
+
+  var styl = _extends({}, style);
+
+  if (!light) {
+    styl.color = '#fff';
+    styl.backgroundColor = color;
+  } else {
+    styl.color = color;
+    styl.borderColor = color;
+
+    if (bordered && light) {
+      styl.boxShadow = "inset 0 0 0 1px " + color;
+    }
+  }
+
+  if (!visible) {
+    return null;
+  }
+
+  var closeBtn = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    return 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]
+  }));
+});
+;// CONCATENATED MODULE: ../react-search-select/esm/style/index.css
+// extracted by mini-css-extract-plugin
+/* harmony default export */ var react_search_select_esm_style = ({});
 ;// CONCATENATED MODULE: ../react-search-select/esm/index.js
 
 
 
-var react_search_select_esm_excluded = ["allowClear", "disabled", "size", "option", "loading", "prefixCls", "className", "style", "isOpen", "value", "defaultValue", "showSearch", "placeholder", "onSearch", "onChange", "onSelect"];
+
+var react_search_select_esm_excluded = ["allowClear", "disabled", "size", "maxTagCount", "option", "loading", "labelInValue", "prefixCls", "className", "mode", "style", "isOpen", "value", "defaultValue", "showSearch", "placeholder", "onSearch", "onChange", "onSelect"];
+
+
+
 
 
 
@@ -9227,10 +9411,18 @@ function SearchSelect(props) {
       disabled = _props$disabled === void 0 ? false : _props$disabled,
       _props$size = props.size,
       size = _props$size === void 0 ? 'default' : _props$size,
+      maxTagCount = props.maxTagCount,
       _props$option = props.option,
       option = _props$option === void 0 ? [] : _props$option,
       _props$loading = props.loading,
       loading = _props$loading === void 0 ? false : _props$loading,
+      _props$labelInValue = props.labelInValue,
+      labelInValue = _props$labelInValue === void 0 ? false : _props$labelInValue,
+      _props$prefixCls = props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? 'w-search-select' : _props$prefixCls,
+      className = props.className,
+      _props$mode = props.mode,
+      mode = _props$mode === void 0 ? 'single' : _props$mode,
       style = props.style,
       value = props.value,
       defaultValue = props.defaultValue,
@@ -9241,12 +9433,17 @@ function SearchSelect(props) {
       onSelect = props.onSelect,
       others = _objectWithoutPropertiesLoose(props, react_search_select_esm_excluded);
 
+  var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
+  var isMultiple = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    return mode === 'multiple';
+  }, [mode]);
+
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
       innerIsOpen = _useState2[0],
       setInnerIsOpen = _useState2[1];
 
-  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(value),
+  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]),
       _useState4 = _slicedToArray(_useState3, 2),
       selectedValue = _useState4[0],
       setSelectedValue = _useState4[1];
@@ -9261,29 +9458,98 @@ function SearchSelect(props) {
       selectIconType = _useState8[0],
       setSelectIconType = _useState8[1];
 
+  var omitTagCount = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    return 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 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)(function () {
+    return selectedValue;
+  }, [selectedValue]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (defaultValue) {
-      var defaultMenuItem = option.find(function (menuItem) {
-        return defaultValue === menuItem.value;
-      });
-      setSelectedValue(defaultValue);
-      setSelectedLabel(defaultMenuItem ? defaultMenuItem.label : '');
+    if (value === undefined && defaultValue !== undefined) {
+      selectedValueChange(defaultValue);
     }
   }, []);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (value !== selectedValue) {
-      setSelectedValue(value);
+    if (value !== undefined) {
+      selectedValueChange(value);
     }
-  }, [value]);
+  }, [JSON.stringify(value)]);
+
+  var getSelectOption = function getSelectOption(option, value) {
+    var findResult = option.find(function (item) {
+      return item.value === value;
+    });
+    return findResult;
+  };
+
+  function selectedValueChange(changeValue) {
+    var opts = [];
+
+    if (labelInValue) {
+      if (Array.isArray(changeValue)) {
+        opts = changeValue;
+      } else {
+        opts.push(changeValue);
+      }
+    } else {
+      if (Array.isArray(changeValue)) {
+        opts = changeValue.map(function (v) {
+          return getSelectOption(option, v);
+        });
+      } else {
+        var findResult = getSelectOption(option, changeValue);
+
+        if (findResult) {
+          setSelectedLabel(findResult.label);
+          opts.push(findResult);
+        }
+      }
+    }
+
+    setSelectedValue(opts);
+  }
+
+  function removeSelectItem(index) {
+    var selectedValue = valueRef.current;
+    selectedValue.splice(index, 1);
+
+    var values = _toConsumableArray(selectedValue);
+
+    return values;
+  }
 
   function handleItemClick(item) {
     setInnerIsOpen(false);
-    setSelectedValue(item.value);
+    var values = [item];
     setSelectedLabel(item.label);
-    onSelect && onSelect(item.value); // 支持form组件
+    var resultValue = item.value;
+    onSelect && onSelect(resultValue);
+    handleSelectChange(resultValue, values); // 支持form组件
+
+    value === undefined && setSelectedValue(values); // 如果存在props.value,内部不维护value状态
+  }
+
+  function handleItemsClick(item) {
+    var values = [];
+    var index = selectedValue.findIndex(function (finds) {
+      return finds.value === item.value;
+    });
+
+    if (index !== -1) {
+      values = removeSelectItem(index);
+    } else {
+      values = [].concat(_toConsumableArray(selectedValue), [item]);
+    }
 
-    handleSelectChange(item.value);
+    var resultValue = values.map(function (item) {
+      return item.value;
+    });
+    onSelect && onSelect(resultValue);
+    handleSelectChange(resultValue, values); // 支持form组件
+
+    value === undefined && setSelectedValue(values);
   } // 渲染icon
 
 
@@ -9305,24 +9571,32 @@ function SearchSelect(props) {
     setInnerIsOpen(!!value);
     setSelectedLabel(value);
     setSelectIconType(showSearch && value ? 'loading' : '');
-    showSearch && onSearch && onSearch(value);
-    handleSelectChange(value);
+    showSearch && onSearch && onSearch(value); // handleSelectChange(value);
   } // 清除选中的值
 
 
   function resetSelectedValue() {
     setInnerIsOpen(false);
-    setSelectedValue('');
+    setSelectedValue([]);
     setSelectedLabel('');
     setSelectIconType('');
-    handleSelectChange('');
+    handleSelectChange('', []);
   }
 
-  function handleSelectChange(value) {
-    onChange && onChange(value);
+  function handleSelectChange(value, options) {
+    if (!onChange) return;
+    onChange(labelInValue ? options : value);
+  }
+
+  function inputKeyDown(e) {
+    if (isMultiple && selectedValue.length > 0 && !selectedLabel && e.keyCode === 8) {
+      var values = removeSelectItem(selectedValue.length - 1);
+      setSelectedValue(values);
+    }
   }
 
   return /*#__PURE__*/(0,jsx_runtime.jsx)(Dropdown, _extends({
+    className: cls,
     trigger: "focus",
     style: {
       marginTop: 5
@@ -9330,7 +9604,8 @@ function SearchSelect(props) {
     disabled: option && option.length > 0 ? false : true
   }, others, {
     onVisibleChange: function onVisibleChange(open) {
-      return setInnerIsOpen(open);
+      if (!open && isMultiple) setSelectedLabel('');
+      setInnerIsOpen(open);
     },
     isOpen: innerIsOpen,
     menu: /*#__PURE__*/(0,jsx_runtime.jsx)(react_menu_esm, {
@@ -9338,6 +9613,7 @@ function SearchSelect(props) {
       style: {
         minHeight: 25,
         maxHeight: 280,
+        minWidth: 200,
         overflowY: 'scroll',
         width: divRef.current ? divRef.current.offsetWidth : 'auto'
       },
@@ -9347,13 +9623,13 @@ function SearchSelect(props) {
           fontSize: 12
         },
         children: loading ? '正在加载数据...' : '没有数据'
-      }) : option.map(function (item, idx) {
-        var active = selectedValue === item.value;
+      }) : option.map(function (opt, idx) {
+        var active = !!getSelectOption(selectedValue, opt.value);
         return /*#__PURE__*/(0,jsx_runtime.jsx)(react_menu_esm.Item, {
           active: active,
-          text: item.label,
+          text: opt.label,
           onClick: function onClick() {
-            return handleItemClick(item);
+            return isMultiple ? handleItemsClick(opt) : handleItemClick(opt);
           }
         }, idx);
       })
@@ -9366,8 +9642,61 @@ function SearchSelect(props) {
       onMouseLeave: function onMouseLeave() {
         return renderSelectIcon('leave');
       },
-      style: style,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
+      style: _extends({
+        width: '100%',
+        maxWidth: 'none'
+      }, style),
+      children: isMultiple ? /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        className: prefixCls + "-inner",
+        children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+          style: {
+            display: 'flex',
+            flexFlow: 'wrap'
+          },
+          children: [isMultiple && selectedValue.slice(0, maxTagCount).map(function (item, index) {
+            return /*#__PURE__*/(0,jsx_runtime.jsx)(react_tag_esm, {
+              style: {
+                height: 20,
+                margin: 1,
+                display: 'flex',
+                alignItems: 'center'
+              },
+              className: prefixCls + "-tag",
+              closable: true,
+              onClose: function onClose() {
+                return setSelectedValue(removeSelectItem(index));
+              },
+              color: "#ccc",
+              children: item.label
+            }, index);
+          }), !!omitTagCount && /*#__PURE__*/(0,jsx_runtime.jsxs)(react_tag_esm, {
+            style: {
+              height: 20,
+              margin: 1,
+              display: 'flex',
+              alignItems: 'center'
+            },
+            disabled: true,
+            children: ["+", omitTagCount, " \u2026", ' ']
+          }), /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
+            style: {
+              flex: 1
+            },
+            className: prefixCls + "-input-contents",
+            readOnly: !showSearch,
+            size: size,
+            disabled: disabled,
+            onKeyDown: inputKeyDown,
+            onChange: handleInputChange,
+            value: selectedLabel,
+            placeholder: selectedValue.length ? '' : placeholder
+          })]
+        }), (selectIconType === 'close' || selectIconType === 'loading' && loading) && /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+          type: selectIconType,
+          spin: loading && selectIconType === 'loading',
+          onClick: resetSelectedValue
+        })]
+      }) : /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
         readOnly: !showSearch,
         size: size,
         disabled: disabled,
@@ -10622,83 +10951,6 @@ function Tabs(props) {
     })]
   }));
 }
-;// CONCATENATED MODULE: ../react-tag/esm/style/index.css
-// extracted by mini-css-extract-plugin
-/* harmony default export */ var react_tag_esm_style = ({});
-;// CONCATENATED MODULE: ../react-tag/esm/index.js
-
-
-var react_tag_esm_excluded = ["prefixCls", "className", "style", "title", "children", "visible", "color", "disabled", "bordered", "closable", "light", "onClose"];
-
-
-
-
-/* harmony default export */ var react_tag_esm = (function (props) {
-  if (props === void 0) {
-    props = {};
-  }
-
-  var _props = props,
-      _props$prefixCls = _props.prefixCls,
-      prefixCls = _props$prefixCls === void 0 ? 'w-tag' : _props$prefixCls,
-      className = _props.className,
-      style = _props.style,
-      _props$title = _props.title,
-      title = _props$title === void 0 ? '' : _props$title,
-      children = _props.children,
-      _props$visible = _props.visible,
-      visible = _props$visible === void 0 ? true : _props$visible,
-      _props$color = _props.color,
-      color = _props$color === void 0 ? '#6E6E6E' : _props$color,
-      _props$disabled = _props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$bordered = _props.bordered,
-      bordered = _props$bordered === void 0 ? true : _props$bordered,
-      closable = _props.closable,
-      _props$light = _props.light,
-      light = _props$light === void 0 ? false : _props$light,
-      onClose = _props.onClose,
-      other = _objectWithoutPropertiesLoose(props, react_tag_esm_excluded);
-
-  var cls = [prefixCls, className, light ? prefixCls + "-light" : null, disabled ? 'disabled' : null].filter(Boolean).join(' ').trim();
-
-  var styl = _extends({}, style);
-
-  if (!light) {
-    styl.color = '#fff';
-    styl.backgroundColor = color;
-  } else {
-    styl.color = color;
-    styl.borderColor = color;
-
-    if (bordered && light) {
-      styl.boxShadow = "inset 0 0 0 1px " + color;
-    }
-  }
-
-  if (!visible) {
-    return null;
-  }
-
-  var closeBtn = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
-    return 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]
-  }));
-});
 ;// CONCATENATED MODULE: ../react-textarea/esm/style/index.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ var react_textarea_esm_style = ({});
@@ -10943,7 +11195,7 @@ var isContained = function isContained(a, b) {
   return true;
 };
 
-var getChildKeys = function getChildKeys(childs, result) {
+var getChildKeys = function getChildKeys(childs, result, depth) {
   if (childs === void 0) {
     childs = [];
   }
@@ -10954,9 +11206,10 @@ var getChildKeys = function getChildKeys(childs, result) {
 
   childs.forEach(function (item) {
     result.push(item.key);
+    if (typeof depth === 'number' && !(depth - 1)) return;
 
     if (item.children && item.children.length > 0) {
-      result = result.concat(getChildKeys(item.children));
+      result = result.concat(getChildKeys(item.children, undefined, depth ? depth - 1 : undefined));
     }
   });
   return result;
@@ -11044,6 +11297,8 @@ function Tree(props) {
       _props$onSelected = props.onSelected,
       onSelected = _props$onSelected === void 0 ? noop : _props$onSelected,
       className = props.className,
+      _props$autoExpandPare = props.autoExpandParent,
+      autoExpandParent = _props$autoExpandPare === void 0 ? true : _props$autoExpandPare,
       renderTitle = props.renderTitle,
       elementProps = _objectWithoutPropertiesLoose(props, react_tree_esm_excluded);
 
@@ -11060,11 +11315,15 @@ function Tree(props) {
 
 
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    var arrOpenKeys = getChildKeys(data);
+    var arrOpenKeys = [];
 
     if (defaultExpandAll) {
-      setCurOpenKeys(arrOpenKeys);
+      arrOpenKeys = getChildKeys(data);
+    } else if (autoExpandParent) {
+      arrOpenKeys = getChildKeys(data, undefined, 1);
     }
+
+    setCurOpenKeys(arrOpenKeys);
   }, []);
   var cls = [className, prefixCls, showLine ? prefixCls + "-line" : null].filter(Boolean).join(' ').trim();
 
@@ -11319,99 +11578,7 @@ function TreeChecked(_ref) {
 
 
 
-
-/***/ }),
-
-/***/ 787:
-/***/ (function(module) {
-
-"use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__787__;
-
-/***/ }),
-
-/***/ 156:
-/***/ (function(module) {
-
-"use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__156__;
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	!function() {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = function(module) {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				function() { return module['default']; } :
-/******/ 				function() { return module; };
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	}();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	!function() {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = function(exports, definition) {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	}();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	!function() {
-/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
-/******/ 	}();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	!function() {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = function(exports) {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	}();
-/******/ 	
-/************************************************************************/
-/******/ 	
-/******/ 	// startup
-/******/ 	// Load entry module and return exports
-/******/ 	// This entry module doesn't tell about it's top-level declarations so it can't be inlined
-/******/ 	var __webpack_exports__ = __webpack_require__(518);
-/******/ 	
+}();
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;