uiw 4.10.6 → 4.11.2

package/dist/uiw.js

@@ -1007,9 +1007,93 @@ try {
 
 /***/ }),
 
-/***/ 523:
-/***/ (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__);
@@ -1043,6 +1127,7 @@ __webpack_require__.d(__webpack_exports__, {
   "Divider": function() { return /* reexport */ react_divider_esm; },
   "Drawer": function() { return /* reexport */ react_drawer_esm; },
   "Dropdown": function() { return /* reexport */ Dropdown; },
+  "Empty": function() { return /* reexport */ react_empty_esm; },
   "FileInput": function() { return /* reexport */ react_file_input_esm; },
   "Form": function() { return /* reexport */ react_form_esm; },
   "FormItem": function() { return /* reexport */ FormItem; },
@@ -4502,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, {
@@ -6218,6 +6303,70 @@ function Dropdown(props) {
     children: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(children, Object.assign({}, children.props))
   }));
 }
+;// CONCATENATED MODULE: ../react-empty/esm/style/index.css
+// extracted by mini-css-extract-plugin
+/* harmony default export */ var react_empty_esm_style = ({});
+;// CONCATENATED MODULE: ../react-empty/esm/index.js
+
+
+var react_empty_esm_excluded = ["prefixCls", "className", "icon", "iconProps", "size", "description", "children"];
+
+
+
+
+
+var Empty = function Empty(props) {
+  var _props$prefixCls = props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? 'w-empty' : _props$prefixCls,
+      className = props.className,
+      icon = props.icon,
+      iconProps = props.iconProps,
+      _props$size = props.size,
+      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();
+  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);
 ;// CONCATENATED MODULE: ../react-file-input/esm/Input.js
 
 
@@ -6673,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"];
 
 
 
@@ -6697,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,
@@ -6716,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
@@ -6741,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
@@ -6812,7 +6974,8 @@ var isPromise = function isPromise(promise) {
   return promise && typeof promise.then === 'function';
 };
 
-function Form(_ref, ref) {
+function Form(_ref, ref //| React.RefObject<FormRefType>,
+) {
   var _ref$prefixCls = _ref.prefixCls,
       prefixCls = _ref$prefixCls === void 0 ? 'w-form' : _ref$prefixCls,
       className = _ref.className,
@@ -6825,19 +6988,26 @@ function Form(_ref, ref) {
       afterSubmit = _ref.afterSubmit,
       others = _objectWithoutPropertiesLoose(_ref, Form_excluded);
 
-  var initData = newFormState(fields, function (_ref2) {
-    var initialValue = _ref2.initialValue;
-    initialValue = newInitialValue(initialValue);
-    return {
-      initialValue: initialValue,
-      currentValue: initialValue
-    };
-  });
+  var initData = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    return newFormState(fields, function (_ref2) {
+      var initialValue = _ref2.initialValue;
+      initialValue = newInitialValue(initialValue);
+      return {
+        initialValue: initialValue,
+        currentValue: initialValue
+      };
+    });
+  }, []);
 
-  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(initData),
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(JSON.parse(JSON.stringify(initData))),
       _useState2 = _slicedToArray(_useState, 2),
       data = _useState2[0],
-      setData = _useState2[1];
+      setDatas = _useState2[1];
+
+  var setData = function setData(values) {
+    // 解决value为数组时不进行深拷贝,initvalue无法重置问题
+    setDatas(JSON.parse(JSON.stringify(values)));
+  };
 
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useImperativeHandle)(ref, function () {
     return {
@@ -6845,7 +7015,11 @@ function Form(_ref, ref) {
       resetForm: handleReset,
       getFieldValues: function getFieldValues() {
         return data.current;
-      }
+      },
+      getError: function getError() {
+        return data.errors;
+      },
+      setFields: setFields
     };
   }, [data]);
   var formUnits = {};
@@ -6875,6 +7049,11 @@ function Form(_ref, ref) {
     })));
   }
 
+  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 多选值的处理
@@ -6937,13 +7116,11 @@ function Form(_ref, ref) {
       setData(_extends({}, data, nextState, {
         errors: {}
       }));
-      return function () {
-        return afterSubmit({
-          state: data,
-          response: response,
-          reset: handleReset
-        });
-      };
+      afterSubmit && afterSubmit({
+        state: data,
+        response: response,
+        reset: handleReset
+      });
     };
 
     try {
@@ -7012,10 +7189,10 @@ function Form(_ref, ref) {
     props.id = element.props.id;
     props.value = hasCurrentValue ? data.current && data.current[name] : props.value; // : element.props.value;
 
-    var type = element.props.type;
+    var type = element.props.type; // console.log('type', element)
 
-    if (type === 'checkbox' || type === 'switch') {
-      props.checked = !!props.checked;
+    if (type === 'checkbox' || type === 'switch' || typeof props.value === 'boolean') {
+      props.checked = !!props.value;
       delete props.value;
     }
 
@@ -9129,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", "option", "loading", "prefixCls", "className", "mode", "style", "isOpen", "value", "defaultValue", "showSearch", "placeholder", "onSearch", "onChange", "onSelect"];
+
+
+
 
 
 
@@ -9154,6 +9415,11 @@ function SearchSelect(props) {
       option = _props$option === void 0 ? [] : _props$option,
       _props$loading = props.loading,
       loading = _props$loading === void 0 ? false : _props$loading,
+      _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,
@@ -9164,12 +9430,19 @@ 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)(option.filter(function (item) {
+    return item.value === value;
+  })),
       _useState4 = _slicedToArray(_useState3, 2),
       selectedValue = _useState4[0],
       setSelectedValue = _useState4[1];
@@ -9185,28 +9458,58 @@ function SearchSelect(props) {
       setSelectIconType = _useState8[1];
 
   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;
+      var defaultMenuItem = option.filter(function (opt) {
+        return opt.value === defaultValue;
       });
-      setSelectedValue(defaultValue);
-      setSelectedLabel(defaultMenuItem ? defaultMenuItem.label : '');
+      setSelectedValue(defaultMenuItem);
     }
   }, []);
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (value !== selectedValue) {
-      setSelectedValue(value);
-    }
-  }, [value]);
+
+  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];
+    setSelectedValue(values);
     setSelectedLabel(item.label);
-    onSelect && onSelect(item.value); // 支持form组件
+    var resultValue = item.value;
+    onSelect && onSelect(resultValue); // 支持form组件
+
+    handleSelectChange(resultValue);
+  }
+
+  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]);
+    }
+
+    setSelectedValue(values);
+    var resultValue = values.map(function (item) {
+      return item.value;
+    });
+    onSelect && onSelect(resultValue); // // 支持form组件
 
-    handleSelectChange(item.value);
+    handleSelectChange(resultValue);
   } // 渲染icon
 
 
@@ -9228,14 +9531,13 @@ 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('');
@@ -9245,7 +9547,15 @@ function SearchSelect(props) {
     onChange && onChange(value);
   }
 
+  function inputKeyDown(e) {
+    if (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
@@ -9253,7 +9563,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, {
@@ -9261,6 +9572,7 @@ function SearchSelect(props) {
       style: {
         minHeight: 25,
         maxHeight: 280,
+        minWidth: (style == null ? void 0 : style.minWidth) || 200,
         overflowY: 'scroll',
         width: divRef.current ? divRef.current.offsetWidth : 'auto'
       },
@@ -9271,12 +9583,14 @@ function SearchSelect(props) {
         },
         children: loading ? '正在加载数据...' : '没有数据'
       }) : option.map(function (item, idx) {
-        var active = selectedValue === item.value;
+        var active = !!selectedValue.find(function (finds) {
+          return finds.value === item.value;
+        });
         return /*#__PURE__*/(0,jsx_runtime.jsx)(react_menu_esm.Item, {
           active: active,
           text: item.label,
           onClick: function onClick() {
-            return handleItemClick(item);
+            return isMultiple ? handleItemsClick(item) : handleItemClick(item);
           }
         }, idx);
       })
@@ -9289,19 +9603,51 @@ function SearchSelect(props) {
       onMouseLeave: function onMouseLeave() {
         return renderSelectIcon('leave');
       },
-      style: style,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
-        readOnly: !showSearch,
-        size: size,
-        disabled: disabled,
-        onChange: handleInputChange,
-        value: selectedLabel,
-        placeholder: placeholder,
-        addonAfter: (selectIconType === 'close' || selectIconType === 'loading' && loading) && /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
-          type: selectIconType,
-          spin: loading && selectIconType === 'loading',
-          onClick: resetSelectedValue
-        })
+      style: _extends({
+        width: 'auto',
+        maxWidth: 'none'
+      }, style),
+      children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        style: isMultiple ? {
+          display: 'flex',
+          flexFlow: 'wrap',
+          padding: 2,
+          borderRadius: 3,
+          boxShadow: '0px 0px 2px #333'
+        } : undefined,
+        children: [isMultiple && selectedValue.map(function (item, index) {
+          return /*#__PURE__*/(0,jsx_runtime.jsx)(react_tag_esm, {
+            style: {
+              margin: '0px 3px 3px 0px',
+              display: 'flex',
+              alignItems: 'center'
+            },
+            closable: true,
+            onClose: function onClose() {
+              return setSelectedValue(removeSelectItem(index));
+            },
+            color: "#ccc",
+            children: item.label
+          }, index);
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
+          style: {
+            flex: 1,
+            boxShadow: 'none'
+          },
+          className: isMultiple ? prefixCls + "-input-contents" : undefined,
+          readOnly: !showSearch,
+          size: size,
+          disabled: disabled,
+          onKeyDown: inputKeyDown,
+          onChange: handleInputChange,
+          value: selectedLabel,
+          placeholder: placeholder,
+          addonAfter: (selectIconType === 'close' || selectIconType === 'loading' && loading) && /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+            type: selectIconType,
+            spin: loading && selectIconType === 'loading',
+            onClick: resetSelectedValue
+          })
+        })]
       })
     })
   }));
@@ -10308,7 +10654,7 @@ var getAllColumnsKeys = function getAllColumnsKeys(data, keys) {
 ;// CONCATENATED MODULE: ../react-table/esm/index.js
 
 
-var react_table_esm_excluded = ["prefixCls", "className", "columns", "data", "title", "footer", "bordered", "onCell", "onCellHead"];
+var react_table_esm_excluded = ["prefixCls", "className", "columns", "data", "title", "footer", "bordered", "onCell", "onCellHead", "empty", "children"];
 
 
 
@@ -10337,6 +10683,7 @@ var react_table_esm_excluded = ["prefixCls", "className", "columns", "data", "ti
       onCell = _props$onCell === void 0 ? noop : _props$onCell,
       _props$onCellHead = _props.onCellHead,
       onCellHead = _props$onCellHead === void 0 ? noop : _props$onCellHead,
+      empty = _props.empty,
       other = _objectWithoutPropertiesLoose(props, react_table_esm_excluded);
 
   var cls = [prefixCls, className, bordered ? prefixCls + "-bordered" : null].filter(Boolean).join(' ').trim();
@@ -10403,6 +10750,17 @@ var react_table_esm_excluded = ["prefixCls", "className", "columns", "data", "ti
             })
           }, rowNum);
         })
+      }), data && data.length === 0 && empty && /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
+          children: /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
+            colSpan: columns.length,
+            style: {
+              position: 'relative',
+              left: 0
+            },
+            children: empty
+          })
+        })
       }), props.children]
     }), footer && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: prefixCls + "-footer",
@@ -10533,83 +10891,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 = ({});
@@ -11229,98 +11510,8 @@ 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__(523);
-/******/ 	
+}();
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;