shineout 1.8.0 → 1.8.1

package/dist/shineout.js

@@ -10162,19 +10162,20 @@ function (_PureComponent) {
           compressed = _this$props8.compressed,
           multiple = _this$props8.multiple;
       var result = value.length === 0 ? this.renderPlaceholder() : this.renderResult();
+      var clearEl = this.renderClear();
       return (
         /*#__PURE__*/
         react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
           ref: this.bindResult,
-          className: Object(_styles__WEBPACK_IMPORTED_MODULE_12__["cascaderClass"])('result', multiple && compressed && 'compressed'),
+          className: Object(_styles__WEBPACK_IMPORTED_MODULE_12__["cascaderClass"])('result', multiple && compressed && 'compressed', clearEl && 'result-clearable'),
           style: style,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 265,
+            lineNumber: 266,
             columnNumber: 7
           }
-        }, result, this.renderIndicator(), this.renderClear())
+        }, result, this.renderIndicator(), clearEl)
       );
     }
   }]);
@@ -10973,7 +10974,8 @@ function (_PureComponent) {
           data = _this$props2.data,
           datum = _this$props2.datum,
           keygen = _this$props2.keygen,
-          children = _this$props2.children;
+          children = _this$props2.children,
+          style = _this$props2.style;
       var className = classnames__WEBPACK_IMPORTED_MODULE_10___default()(Object(_styles__WEBPACK_IMPORTED_MODULE_17__["checkinputClass"])('group', ['no-block', 'block'][Number(block)]), this.props.className);
 
       if (data === undefined) {
@@ -10981,10 +10983,11 @@ function (_PureComponent) {
           /*#__PURE__*/
           react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", {
             className: className,
+            style: style,
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 72,
+              lineNumber: 71,
               columnNumber: 9
             }
           },
@@ -10997,7 +11000,7 @@ function (_PureComponent) {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 73,
+              lineNumber: 72,
               columnNumber: 11
             }
           }, children))
@@ -11008,10 +11011,11 @@ function (_PureComponent) {
         /*#__PURE__*/
         react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", {
           className: className,
+          style: style,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 81,
+            lineNumber: 80,
             columnNumber: 7
           }
         }, data.map(function (d, i) {
@@ -11027,7 +11031,7 @@ function (_PureComponent) {
               __self: _this2,
               __source: {
                 fileName: _jsxFileName,
-                lineNumber: 83,
+                lineNumber: 82,
                 columnNumber: 11
               }
             }, _this2.getContent(d))
@@ -13799,12 +13803,17 @@ function (_PureComponent) {
           type = _this$props3.type,
           current = _this$props3.current,
           index = _this$props3.index,
-          rangeDate = _this$props3.rangeDate;
+          rangeDate = _this$props3.rangeDate,
+          max = _this$props3.max;
       var date = _utils__WEBPACK_IMPORTED_MODULE_11__["default"].toDate(MONTHBASE);
       date.setMonth(i);
       date.setFullYear(current.getFullYear());
       var isDisabled = min && _utils__WEBPACK_IMPORTED_MODULE_11__["default"].compareMonth(min, date, 1) >= 0;
 
+      if (!isDisabled) {
+        isDisabled = max && _utils__WEBPACK_IMPORTED_MODULE_11__["default"].compareMonth(date, max, 1) >= 0;
+      }
+
       if (!isDisabled && type === 'month' && typeof disabled === 'function') {
         isDisabled = disabled(date);
       }
@@ -13831,7 +13840,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 66,
+            lineNumber: 69,
             columnNumber: 7
           }
         }, m)
@@ -13848,7 +13857,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 76,
+            lineNumber: 79,
             columnNumber: 7
           }
         },
@@ -13858,7 +13867,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 77,
+            lineNumber: 80,
             columnNumber: 9
           }
         },
@@ -13870,7 +13879,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 78,
+            lineNumber: 81,
             columnNumber: 11
           }
         }),
@@ -13881,7 +13890,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 80,
+            lineNumber: 83,
             columnNumber: 11
           }
         }, current.getFullYear()),
@@ -13893,7 +13902,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 84,
+            lineNumber: 87,
             columnNumber: 11
           }
         })),
@@ -13903,7 +13912,7 @@ function (_PureComponent) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 87,
+            lineNumber: 90,
             columnNumber: 9
           }
         }, Object(_locale__WEBPACK_IMPORTED_MODULE_12__["getLocale"])('monthValues.short').map(this.renderMonth.bind(this))))
@@ -13918,6 +13927,7 @@ Month.propTypes = {
   current: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.object.isRequired,
   disabled: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.func,
   // max: PropTypes.object,
+  max: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.object, prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string]),
   min: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.object, prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string]),
   onChange: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.func.isRequired,
   onModeChange: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.func.isRequired,
@@ -17809,7 +17819,8 @@ function () {
         var id = _this5.getKey(d, path[path.length - 1], i);
 
         if (_this5.dataMap.get(id)) {
-          console.warn("There is already a key \"".concat(id, "\" exists. The key must be unique."));
+          console.error("There is already a key \"".concat(id, "\" exists. The key must be unique."));
+          return;
         }
 
         _this5.dataMap.set(id, d);
@@ -26455,25 +26466,28 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck */ "./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
 /* harmony import */ var _Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass */ "./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass.js");
 /* harmony import */ var _Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized */ "./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js");
-/* harmony import */ var _Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits */ "./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits.js");
-/* harmony import */ var _Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn */ "./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js");
-/* harmony import */ var _Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_getPrototypeOf__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf */ "./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! prop-types */ "prop-types");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var immer__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! immer */ "./node_modules/immer/dist/immer.module.js");
-/* harmony import */ var _utils_uid__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../utils/uid */ "./src/utils/uid.js");
-/* harmony import */ var _utils_proptypes__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../utils/proptypes */ "./src/utils/proptypes.js");
-/* harmony import */ var _utils_dom_normalizeWheel__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../utils/dom/normalizeWheel */ "./src/utils/dom/normalizeWheel.js");
-/* harmony import */ var _Scroll_Bar__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../Scroll/Bar */ "./src/Scroll/Bar.js");
-/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./styles */ "./src/Menu/styles/index.js");
-/* harmony import */ var _List__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./List */ "./src/Menu/List.js");
-/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./context */ "./src/Menu/context.js");
-/* harmony import */ var _utils_is__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../utils/is */ "./src/utils/is.js");
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../config */ "./src/config.js");
+/* harmony import */ var _Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_get__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/get */ "./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/get.js");
+/* harmony import */ var _Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits */ "./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits.js");
+/* harmony import */ var _Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn */ "./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js");
+/* harmony import */ var _Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_getPrototypeOf__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf */ "./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var immer__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! immer */ "./node_modules/immer/dist/immer.module.js");
+/* harmony import */ var _utils_uid__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../utils/uid */ "./src/utils/uid.js");
+/* harmony import */ var _utils_proptypes__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../utils/proptypes */ "./src/utils/proptypes.js");
+/* harmony import */ var _utils_dom_normalizeWheel__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../utils/dom/normalizeWheel */ "./src/utils/dom/normalizeWheel.js");
+/* harmony import */ var _Scroll_Bar__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../Scroll/Bar */ "./src/Scroll/Bar.js");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./styles */ "./src/Menu/styles/index.js");
+/* harmony import */ var _List__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./List */ "./src/Menu/List.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./context */ "./src/Menu/context.js");
+/* harmony import */ var _utils_is__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../utils/is */ "./src/utils/is.js");
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../config */ "./src/config.js");
+/* harmony import */ var _component__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../component */ "./src/component.js");
+
 
 
 
@@ -26499,18 +26513,18 @@ function _createSuper2(Derived) {
   }
 
   return function () {
-    var Super = Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_getPrototypeOf__WEBPACK_IMPORTED_MODULE_7__["default"])(Derived),
+    var Super = Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_getPrototypeOf__WEBPACK_IMPORTED_MODULE_8__["default"])(Derived),
         result;
 
     if (isNativeReflectConstruct()) {
-      var NewTarget = Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_getPrototypeOf__WEBPACK_IMPORTED_MODULE_7__["default"])(this).constructor;
+      var NewTarget = Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_getPrototypeOf__WEBPACK_IMPORTED_MODULE_8__["default"])(this).constructor;
 
       result = Reflect.construct(Super, arguments, NewTarget);
     } else {
       result = Super.apply(this, arguments);
     }
 
-    return Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6__["default"])(this, result);
+    return Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_7__["default"])(this, result);
   };
 }
 
@@ -26527,6 +26541,7 @@ function _createSuper2(Derived) {
 
 
 
+
 var modeDirection = {
   'vertical-auto': 'y',
   vertical: 'y',
@@ -26562,8 +26577,8 @@ function keyToMap() {
 
 var Root =
 /*#__PURE__*/
-function (_React$Component) {
-  Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_5__["default"])(Root, _React$Component);
+function (_Component) {
+  Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_6__["default"])(Root, _Component);
 
   var _super = _createSuper2(Root);
 
@@ -26603,6 +26618,8 @@ function (_React$Component) {
   Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_3__["default"])(Root, [{
     key: "componentDidMount",
     value: function componentDidMount() {
+      Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_get__WEBPACK_IMPORTED_MODULE_5__["default"])(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_getPrototypeOf__WEBPACK_IMPORTED_MODULE_8__["default"])(Root.prototype), "componentDidMount", this).call(this);
+
       this.updateState();
     }
   }, {
@@ -26614,6 +26631,8 @@ function (_React$Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.container.removeEventListener('wheel', this.handleWheel);
+
+      Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_get__WEBPACK_IMPORTED_MODULE_5__["default"])(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_getPrototypeOf__WEBPACK_IMPORTED_MODULE_8__["default"])(Root.prototype), "componentWillUnmount", this).call(this);
     }
   }, {
     key: "getOpenKeys",
@@ -26629,8 +26648,8 @@ function (_React$Component) {
     value: function bindRootElement(el) {
       this.container = el;
       if (!el) return;
-      this.wrapper = el.querySelector(".".concat(Object(_styles__WEBPACK_IMPORTED_MODULE_16__["menuClass"])('wrapper')));
-      this.rootElement = el.querySelector(".".concat(Object(_styles__WEBPACK_IMPORTED_MODULE_16__["menuClass"])('root')));
+      this.wrapper = el.querySelector(".".concat(Object(_styles__WEBPACK_IMPORTED_MODULE_17__["menuClass"])('wrapper')));
+      this.rootElement = el.querySelector(".".concat(Object(_styles__WEBPACK_IMPORTED_MODULE_17__["menuClass"])('root')));
     }
   }, {
     key: "bindItem",
@@ -26665,7 +26684,7 @@ function (_React$Component) {
     value: function checkOpen(id) {
       var openKeys = this.getOpenKeys();
 
-      if (Object(_utils_is__WEBPACK_IMPORTED_MODULE_19__["isArray"])(openKeys)) {
+      if (Object(_utils_is__WEBPACK_IMPORTED_MODULE_20__["isArray"])(openKeys)) {
         return openKeys.indexOf(id) > -1;
       }
 
@@ -26715,7 +26734,7 @@ function (_React$Component) {
       });
       var hasOpen = this.getOpenKeys().filter(function (k) {
         return data.find(function (d, i) {
-          return Object(_utils_uid__WEBPACK_IMPORTED_MODULE_12__["getKey"])(d, keygen, i) === k;
+          return Object(_utils_uid__WEBPACK_IMPORTED_MODULE_13__["getKey"])(d, keygen, i) === k;
         });
       }).length > 0;
 
@@ -26738,7 +26757,7 @@ function (_React$Component) {
   }, {
     key: "toggleOpenKeys",
     value: function toggleOpenKeys(id, open) {
-      var newOpenKeys = Object(immer__WEBPACK_IMPORTED_MODULE_11__["default"])(keyToMap(this.getOpenKeys()), function (draft) {
+      var newOpenKeys = Object(immer__WEBPACK_IMPORTED_MODULE_12__["default"])(keyToMap(this.getOpenKeys()), function (draft) {
         if (open) {
           draft.set(id, true);
         } else draft["delete"](id);
@@ -26793,7 +26812,7 @@ function (_React$Component) {
           pos = _getOption.pos,
           direction = _getOption.direction;
 
-      var wheel = Object(_utils_dom_normalizeWheel__WEBPACK_IMPORTED_MODULE_14__["default"])(e);
+      var wheel = Object(_utils_dom_normalizeWheel__WEBPACK_IMPORTED_MODULE_15__["default"])(e);
       var size = this.container.getBoundingClientRect()[key]; // const size = this.rootElement.getBoundingClientRect()[key] - this.container.getBoundingClientRect()[key]
 
       this.wrapper["scroll".concat(pos)] += wheel["pixel".concat(direction)];
@@ -26835,8 +26854,8 @@ function (_React$Component) {
         if (scrollWidth <= width) return null;
         return (
           /*#__PURE__*/
-          react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_Scroll_Bar__WEBPACK_IMPORTED_MODULE_15__["default"], {
-            className: Object(_styles__WEBPACK_IMPORTED_MODULE_16__["menuClass"])('bar'),
+          react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(_Scroll_Bar__WEBPACK_IMPORTED_MODULE_16__["default"], {
+            className: Object(_styles__WEBPACK_IMPORTED_MODULE_17__["menuClass"])('bar'),
             length: width,
             scrollLength: scrollWidth,
             offset: this.state.scrollLeft,
@@ -26845,7 +26864,7 @@ function (_React$Component) {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 251,
+              lineNumber: 255,
               columnNumber: 9
             }
           })
@@ -26857,8 +26876,8 @@ function (_React$Component) {
       if (scrollHeight < length) return null;
       return (
         /*#__PURE__*/
-        react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_Scroll_Bar__WEBPACK_IMPORTED_MODULE_15__["default"], {
-          className: Object(_styles__WEBPACK_IMPORTED_MODULE_16__["menuClass"])('bar'),
+        react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(_Scroll_Bar__WEBPACK_IMPORTED_MODULE_16__["default"], {
+          className: Object(_styles__WEBPACK_IMPORTED_MODULE_17__["menuClass"])('bar'),
           forceHeight: length,
           length: length,
           scrollLength: scrollHeight,
@@ -26867,7 +26886,7 @@ function (_React$Component) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 267,
+            lineNumber: 271,
             columnNumber: 7
           }
         })
@@ -26894,8 +26913,8 @@ function (_React$Component) {
           caretColor = _this$props4.caretColor;
       var isVertical = mode.indexOf('vertical') === 0;
       var showScroll = (style.height || height) && isVertical || mode === 'horizontal';
-      var rtl = Object(_config__WEBPACK_IMPORTED_MODULE_20__["isRTL"])();
-      var className = classnames__WEBPACK_IMPORTED_MODULE_10___default()(Object(_styles__WEBPACK_IMPORTED_MODULE_16__["menuClass"])('_', isVertical ? 'vertical' : mode, theme === 'dark' && 'dark', showScroll && 'scroll', this.state.hasOpen && 'has-open', rtl && 'rtl'), this.props.className);
+      var rtl = Object(_config__WEBPACK_IMPORTED_MODULE_21__["isRTL"])();
+      var className = classnames__WEBPACK_IMPORTED_MODULE_11___default()(Object(_styles__WEBPACK_IMPORTED_MODULE_17__["menuClass"])('_', isVertical ? 'vertical' : mode, theme === 'dark' && 'dark', showScroll && 'scroll', this.state.hasOpen && 'has-open', rtl && 'rtl'), this.props.className);
       var rootStyle = {};
       if (style.width && mode !== 'horizontal') rootStyle.width = style.width;
       var bottomLine = 0;
@@ -26909,40 +26928,40 @@ function (_React$Component) {
 
       return (
         /*#__PURE__*/
-        react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", {
+        react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", {
           className: className,
           ref: this.bindRootElement,
           style: style,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 325,
+            lineNumber: 329,
             columnNumber: 7
           }
         },
         /*#__PURE__*/
-        react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", {
-          className: Object(_styles__WEBPACK_IMPORTED_MODULE_16__["menuClass"])('wrapper'),
+        react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", {
+          className: Object(_styles__WEBPACK_IMPORTED_MODULE_17__["menuClass"])('wrapper'),
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 326,
+            lineNumber: 330,
             columnNumber: 9
           }
         },
         /*#__PURE__*/
-        react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_context__WEBPACK_IMPORTED_MODULE_18__["Provider"], {
+        react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(_context__WEBPACK_IMPORTED_MODULE_19__["Provider"], {
           value: this.providerValue,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 327,
+            lineNumber: 331,
             columnNumber: 11
           }
         },
         /*#__PURE__*/
-        react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_List__WEBPACK_IMPORTED_MODULE_17__["default"], {
-          className: Object(_styles__WEBPACK_IMPORTED_MODULE_16__["menuClass"])('root'),
+        react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(_List__WEBPACK_IMPORTED_MODULE_18__["default"], {
+          className: Object(_styles__WEBPACK_IMPORTED_MODULE_17__["menuClass"])('root'),
           data: data,
           disabled: disabled,
           inlineIndent: inlineIndent,
@@ -26967,7 +26986,7 @@ function (_React$Component) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 328,
+            lineNumber: 332,
             columnNumber: 13
           }
         }))), showScroll && this.renderScrollBar())
@@ -26976,25 +26995,25 @@ function (_React$Component) {
   }]);
 
   return Root;
-}(react__WEBPACK_IMPORTED_MODULE_8___default.a.Component);
+}(_component__WEBPACK_IMPORTED_MODULE_22__["Component"]);
 
-Root.propTypes = Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_objectSpread__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_objectSpread__WEBPACK_IMPORTED_MODULE_0__["default"])({}, Object(_utils_proptypes__WEBPACK_IMPORTED_MODULE_13__["getProps"])(prop_types__WEBPACK_IMPORTED_MODULE_9___default.a, 'style', 'keygen')), {}, {
-  active: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.func,
-  data: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.array,
-  defaultOpenKeys: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.array,
-  openKeys: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.array,
-  disabled: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.func,
-  inlineIndent: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.number,
-  mode: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.oneOf(['inline', 'vertical', 'horizontal', 'vertical-auto']),
-  onClick: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.func,
-  renderItem: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.func]),
-  onOpenChange: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.func,
-  toggleDuration: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.number,
-  frontCaret: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.bool,
-  frontCaretType: _List__WEBPACK_IMPORTED_MODULE_17__["default"].propTypes.frontCaretType,
-  caretColor: _List__WEBPACK_IMPORTED_MODULE_17__["default"].propTypes.caretColor
+Root.propTypes = Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_objectSpread__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_objectSpread__WEBPACK_IMPORTED_MODULE_0__["default"])({}, Object(_utils_proptypes__WEBPACK_IMPORTED_MODULE_14__["getProps"])(prop_types__WEBPACK_IMPORTED_MODULE_10___default.a, 'style', 'keygen')), {}, {
+  active: prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.func,
+  data: prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.array,
+  defaultOpenKeys: prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.array,
+  openKeys: prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.array,
+  disabled: prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.func,
+  inlineIndent: prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.number,
+  mode: prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.oneOf(['inline', 'vertical', 'horizontal', 'vertical-auto']),
+  onClick: prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.func,
+  renderItem: prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.func]),
+  onOpenChange: prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.func,
+  toggleDuration: prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.number,
+  frontCaret: prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.bool,
+  frontCaretType: _List__WEBPACK_IMPORTED_MODULE_18__["default"].propTypes.frontCaretType,
+  caretColor: _List__WEBPACK_IMPORTED_MODULE_18__["default"].propTypes.caretColor
 });
-Root.defaultProps = Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_objectSpread__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_objectSpread__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _utils_proptypes__WEBPACK_IMPORTED_MODULE_13__["defaultProps"]), {}, {
+Root.defaultProps = Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_objectSpread__WEBPACK_IMPORTED_MODULE_0__["default"])(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_objectSpread__WEBPACK_IMPORTED_MODULE_0__["default"])({}, _utils_proptypes__WEBPACK_IMPORTED_MODULE_14__["defaultProps"]), {}, {
   data: [],
   disabled: function disabled(d) {
     return d.disabled;
@@ -36792,20 +36811,21 @@ function (_PureComponent) {
       var showPlaceholder = this.isEmptyResult();
       var result = showPlaceholder ? this.renderPlaceholder() : this.renderResult();
       var rtl = Object(_config__WEBPACK_IMPORTED_MODULE_15__["isRTL"])();
+      var clearEl = this.renderClear();
 
       if (rtl) {
         return (
           /*#__PURE__*/
           react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div", {
             ref: this.bindResult,
-            className: Object(_styles__WEBPACK_IMPORTED_MODULE_9__["selectClass"])('result', compressed && 'compressed', showPlaceholder && 'empty'),
+            className: Object(_styles__WEBPACK_IMPORTED_MODULE_9__["selectClass"])('result', compressed && 'compressed', showPlaceholder && 'empty', clearEl && 'result-clearable'),
             __self: this,
             __source: {
               fileName: _jsxFileName,
               lineNumber: 307,
               columnNumber: 9
             }
-          }, this.renderClear(), this.renderIndicator(), result)
+          }, clearEl, this.renderIndicator(), result)
         );
       }
 
@@ -36813,14 +36833,14 @@ function (_PureComponent) {
         /*#__PURE__*/
         react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div", {
           ref: this.bindResult,
-          className: Object(_styles__WEBPACK_IMPORTED_MODULE_9__["selectClass"])('result', compressed && 'compressed', showPlaceholder && 'empty'),
+          className: Object(_styles__WEBPACK_IMPORTED_MODULE_9__["selectClass"])('result', compressed && 'compressed', showPlaceholder && 'empty', clearEl && 'result-clearable'),
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 319,
+            lineNumber: 324,
             columnNumber: 7
           }
-        }, result, this.renderIndicator(), this.renderClear())
+        }, result, this.renderIndicator(), clearEl)
       );
     }
   }]);
@@ -60231,7 +60251,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   utils: _utils__WEBPACK_IMPORTED_MODULE_0__,
-  version: '1.8.0'
+  version: '1.8.1'
 });