uiw 4.11.1 → 4.11.2

package/README.md

@@ -100,7 +100,8 @@ Package | Version | Description
 [`@uiw/react-descriptions`](/packages/react-descriptions)| [![npm version](https://img.shields.io/npm/v/@uiw/react-descriptions.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-descriptions)           | -
 [`@uiw/react-divider`](/packages/react-divider)| [![npm version](https://img.shields.io/npm/v/@uiw/react-divider.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-divider)                     | -
 [`@uiw/react-drawer`](/packages/react-drawer)| [![npm version](https://img.shields.io/npm/v/@uiw/react-drawer.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-drawer)                       | -
-[`@uiw/react-dropdown`](/packages/react-dropdown)| [![npm version](https://img.shields.io/npm/v/@uiw/react-dropdown.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-dropdown)                   | -
+[`@uiw/react-dropdown`](/packages/react-dropdown)| [![npm version](https://img.shields.io/npm/v/@uiw/react-dropdown.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-dropdown) 
+[`@uiw/react-empty`](/packages/react-empty)| [![npm version](https://img.shields.io/npm/v/@uiw/react-empty.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-empty)                   | -
 [`@uiw/react-file-input`](/packages/react-file-input)| [![npm version](https://img.shields.io/npm/v/@uiw/react-file-input.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-file-input)               | -
 [`@uiw/react-form`](/packages/react-form)| [![npm version](https://img.shields.io/npm/v/@uiw/react-form.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-form)                           | -
 [`@uiw/react-grid`](/packages/react-grid)| [![npm version](https://img.shields.io/npm/v/@uiw/react-grid.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-grid)                           | -

package/dist/uiw.css

@@ -3740,6 +3740,62 @@ a.w-list-item:hover:not(.w-disabled) {
   width: 50%;
 }
 
+.w-tag {
+  border-radius: 2px;
+  display: inline-block;
+  -webkit-user-select: none;
+          -moz-user-select: none;
+           -ms-user-select: none;
+       user-select: none;
+  font-size: 12px;
+  padding: 1px 5px;
+  position: relative;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+.w-tag + .w-tag {
+  margin-left: 5px;
+}
+.w-tag.disabled {
+  opacity: 0.75;
+  cursor: not-allowed;
+}
+.w-tag-light .w-tag-close:hover {
+  background-color: currentcolor;
+}
+.w-tag-light .w-tag-close:hover path {
+  fill: #fff;
+}
+.w-tag-light .w-tag-close:active {
+  background-color: rgba(0, 0, 0, 0.15);
+}
+.w-tag-close {
+  vertical-align: bottom;
+  margin: 0px -3px 0 2px;
+  border-radius: 2px;
+  position: relative;
+  top: -1px;
+  fill: currentcolor;
+  transition: all 0.3s;
+  cursor: pointer;
+}
+.w-tag-close:hover {
+  background-color: rgba(0, 0, 0, 0.22);
+}
+.w-tag-close:active {
+  background-color: rgba(0, 0, 0, 0.32);
+}
+
+.w-search-select-input-contents input {
+  box-shadow: none;
+}
+.w-search-select-input-contents .w-input-inner:hover {
+  box-shadow: none !important;
+}
+.w-search-select-input-contents .w-input-inner:focus {
+  box-shadow: none !important;
+}
+
 .w-split {
   height: 100%;
   display: flex;
@@ -4549,52 +4605,6 @@ a.w-list-item:hover:not(.w-disabled) {
   z-index: 1;
 }
 
-.w-tag {
-  border-radius: 2px;
-  display: inline-block;
-  -webkit-user-select: none;
-          -moz-user-select: none;
-           -ms-user-select: none;
-       user-select: none;
-  font-size: 12px;
-  padding: 1px 5px;
-  position: relative;
-  white-space: nowrap;
-  vertical-align: middle;
-}
-.w-tag + .w-tag {
-  margin-left: 5px;
-}
-.w-tag.disabled {
-  opacity: 0.75;
-  cursor: not-allowed;
-}
-.w-tag-light .w-tag-close:hover {
-  background-color: currentcolor;
-}
-.w-tag-light .w-tag-close:hover path {
-  fill: #fff;
-}
-.w-tag-light .w-tag-close:active {
-  background-color: rgba(0, 0, 0, 0.15);
-}
-.w-tag-close {
-  vertical-align: bottom;
-  margin: 0px -3px 0 2px;
-  border-radius: 2px;
-  position: relative;
-  top: -1px;
-  fill: currentcolor;
-  transition: all 0.3s;
-  cursor: pointer;
-}
-.w-tag-close:hover {
-  background-color: rgba(0, 0, 0, 0.22);
-}
-.w-tag-close:active {
-  background-color: rgba(0, 0, 0, 0.32);
-}
-
 .w-textarea {
   position: relative;
   font-size: 14px;

package/dist/uiw.js

@@ -6822,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"];
 
 
 
@@ -6846,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,
@@ -6865,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
@@ -6890,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
@@ -7002,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 = {};
@@ -7032,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 多选值的处理
@@ -7094,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 {
@@ -9286,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"];
+
+
+
 
 
 
@@ -9311,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,
@@ -9321,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];
@@ -9342,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;
+    });
 
-    handleSelectChange(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(resultValue);
   } // 渲染icon
 
 
@@ -9385,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('');
@@ -9402,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
@@ -9410,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, {
@@ -9418,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'
       },
@@ -9428,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);
       })
@@ -9446,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
+          })
+        })]
       })
     })
   }));
@@ -10702,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 = ({});