@kdcloudjs/kdesign 1.7.9 → 1.7.11

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.8
+ *   @kdcloudjs/kdesign v1.7.10
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -7678,6 +7678,7 @@ var CityPanel = function CityPanel(_ref) {
     if (commons && currentGroup === cityPickerLang.common) {
       setList([commons[activedIndex] || []]);
       setGroupKeys(null);
+      setActivedGroupIndex(index);
       return;
     }
     var currentGroups = (currentGroup || '').split('');
@@ -8144,11 +8145,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_17__);
 /* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
-/* harmony import */ var lodash_isArray__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! lodash/isArray */ "./node_modules/lodash/isArray.js");
-/* harmony import */ var lodash_isArray__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(lodash_isArray__WEBPACK_IMPORTED_MODULE_19__);
-/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! lodash/isBoolean */ "./node_modules/lodash/isBoolean.js");
-/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(lodash_isBoolean__WEBPACK_IMPORTED_MODULE_20__);
-/* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
+/* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
 
 
 
@@ -8171,10 +8168,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
-
-
 var IconPositionTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_18__["tuple"])('left', 'right');
-var NONE_KEY = undefined;
 var InternalCollapse = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.forwardRef(function (props, ref) {
   var _React$useContext = react__WEBPACK_IMPORTED_MODULE_14___default.a.useContext(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_15__["default"]),
     getPrefixCls = _React$useContext.getPrefixCls,
@@ -8194,89 +8188,67 @@ var InternalCollapse = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.
     customPrefixcls = _getCompProps.prefixCls;
   var CollapsePrefixCls = getPrefixCls(prefixCls, 'collapse', customPrefixcls); // 样式前缀
 
-  var getDefaultActivePanelKey = function getDefaultActivePanelKey() {
-    // const _defaultActiveKey =
-    //   defaultActiveKey !== NONE_KEY
-    //     ? defaultActiveKey
-    //     : React.Children.map(children, (item, index) => {
-    //         if (index === 0) return item.props?.panelKey
-    //       })
-    // return isBoolean(activeKey) ? activeKey : _defaultActiveKey
-    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_20___default()(activeKey) ? activeKey : defaultActiveKey;
-  };
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(getDefaultActivePanelKey()),
-    _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState, 2),
-    activePanelKey = _React$useState2[0],
-    setActivePanelKey = _React$useState2[1];
-  var getPanelExpand = function getPanelExpand(panelKey, accordion, activeKey) {
-    var _activeKey = getActiveKey(accordion, activeKey);
-    return isInclude(_activeKey, panelKey);
-  };
-  var getActiveKey = function getActiveKey(accordion, activeKey) {
-    var _activeKey = activeKey;
-    if (accordion) {
-      if (lodash_isArray__WEBPACK_IMPORTED_MODULE_19___default()(activeKey)) {
-        _activeKey = activeKey[0]; // accordion 模式下默认第一个元素
-      }
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_14__["useState"])([]),
+    _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState, 2),
+    innerKey = _useState2[0],
+    setInnerKey = _useState2[1];
+  var convertActiveKey = function convertActiveKey(newKey) {
+    var ret = [];
+    if (Array.isArray(newKey)) {
+      ret = newKey;
+    } else if (typeof newKey === 'string' || typeof newKey === 'number') {
+      ret = [newKey];
     }
-
-    return _activeKey;
-  };
-  var isInclude = function isInclude(activePanelKey, key) {
-    if (lodash_isArray__WEBPACK_IMPORTED_MODULE_19___default()(activePanelKey)) {
-      return activePanelKey.includes(key) || activePanelKey.includes(String(key));
-    } else {
-      return String(activePanelKey) === String(key);
+    if (accordion && ret.length) {
+      ret = [ret[0]];
     }
+    return ret;
   };
-  var getRemoveKey = function getRemoveKey(key) {
-    if (lodash_isArray__WEBPACK_IMPORTED_MODULE_19___default()(activePanelKey)) {
-      return activePanelKey.filter(function (element) {
-        return element !== key;
-      });
+  Object(react__WEBPACK_IMPORTED_MODULE_14__["useEffect"])(function () {
+    if (typeof activeKey !== 'undefined') {
+      setInnerKey(convertActiveKey(activeKey));
     }
-    return NONE_KEY;
-  };
-  var getAddKey = function getAddKey(key) {
-    if (lodash_isArray__WEBPACK_IMPORTED_MODULE_19___default()(activePanelKey)) {
-      return [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(activePanelKey), [key]);
+  }, [activeKey]);
+  Object(react__WEBPACK_IMPORTED_MODULE_14__["useEffect"])(function () {
+    if (typeof activeKey !== 'undefined' || typeof defaultActiveKey !== 'undefined') {
+      setInnerKey(convertActiveKey(typeof activeKey !== 'undefined' ? activeKey : defaultActiveKey));
     }
-    return activePanelKey ? [activePanelKey, key] : key;
-  };
-  var getNewActiveKey = function getNewActiveKey(key) {
-    if (isInclude(activePanelKey, key)) {
-      if (accordion) {
-        return NONE_KEY;
+  }, []);
+  var onPanelChange = function onPanelChange(key) {
+    var newKey = [];
+    if (accordion) {
+      if (innerKey.includes(key)) {
+        newKey = [];
+      } else {
+        newKey = [key];
       }
-      return getRemoveKey(key);
     } else {
-      if (accordion) {
-        return key;
+      if (innerKey.includes(key)) {
+        newKey = innerKey.filter(function (d) {
+          return d !== key;
+        });
+      } else {
+        newKey = [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(innerKey), [key]);
       }
-      return getAddKey(key);
     }
+    if (typeof activeKey === 'undefined') {
+      setInnerKey(newKey);
+    }
+    onChange && onChange(newKey);
   };
-  var onPanelChange = react__WEBPACK_IMPORTED_MODULE_14___default.a.useCallback(function (key) {
-    key = getNewActiveKey(key);
-    setActivePanelKey(key);
-    onChange && onChange();
-  }, [onChange, activePanelKey, accordion]);
   var renderPanel = function renderPanel() {
     return react__WEBPACK_IMPORTED_MODULE_14___default.a.Children.map(children, function (item) {
-      var _item$type, _item$props, _item$props2;
+      var _item$type;
       if ((item === null || item === void 0 ? void 0 : (_item$type = item.type) === null || _item$type === void 0 ? void 0 : _item$type.displayName) !== 'Panel') {
-        Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_21__["default"])(true, 'Collapse', 'children必须为Collapse.Panel');
+        Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_19__["default"])(true, 'Collapse', 'children必须为Collapse.Panel');
         return item;
       }
-      var expand = getPanelExpand((_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.panelKey, accordion, activePanelKey);
-      var defaultExpand = getPanelExpand((_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.panelKey, accordion, defaultActiveKey);
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.cloneElement(item, _objectSpread({
         expandIcon: expandIcon,
         expandIconPosition: expandIconPosition,
         onChange: onPanelChange,
         bordered: bordered,
-        expand: expand,
-        defaultExpand: defaultExpand
+        innerKey: innerKey
       }, item.props));
     });
   };
@@ -8331,15 +8303,18 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
 /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
-/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../icon */ "./components/icon/index.tsx");
-/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! lodash/isBoolean */ "./node_modules/lodash/isBoolean.js");
-/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(lodash_isBoolean__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");
+/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");
+/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../icon */ "./components/icon/index.tsx");
+
 
 
 
@@ -8348,21 +8323,20 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var Panel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.forwardRef(function (props, ref) {
+var Panel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.forwardRef(function (props, ref) {
   var _classNames6, _classNames7, _classNames8;
-  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_2___default.a.useContext(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_4__["default"]),
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_4___default.a.useContext(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_6__["default"]),
     getPrefixCls = _React$useContext.getPrefixCls,
     prefixCls = _React$useContext.prefixCls,
     userDefaultProps = _React$useContext.compDefaultProps;
-  var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_5__["getCompProps"])('CollapsePanel', userDefaultProps, props),
+  var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_7__["getCompProps"])('CollapsePanel', userDefaultProps, props),
     disabled = _getCompProps.disabled,
     extra = _getCompProps.extra,
     assist = _getCompProps.assist,
     header = _getCompProps.header,
     onChange = _getCompProps.onChange,
     panelKey = _getCompProps.panelKey,
-    defaultExpand = _getCompProps.defaultExpand,
-    expand = _getCompProps.expand,
+    innerKey = _getCompProps.innerKey,
     bordered = _getCompProps.bordered,
     expandIcon = _getCompProps.expandIcon,
     expandIconPosition = _getCompProps.expandIconPosition,
@@ -8372,57 +8346,64 @@ var Panel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.forwardRef
     customPrefixcls = _getCompProps.prefixCls;
   var panelPrefixCls = getPrefixCls(prefixCls, 'collapse-panel', customPrefixcls); // 样式前缀
 
-  var childrenRef = Object(react__WEBPACK_IMPORTED_MODULE_2__["useRef"])();
-  var setHeightTimerRef = Object(react__WEBPACK_IMPORTED_MODULE_2__["useRef"])(null);
-  var setAutoHeightTimerRef = Object(react__WEBPACK_IMPORTED_MODULE_2__["useRef"])(null);
-  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_2__["useState"])(null),
+  var childrenRef = Object(react__WEBPACK_IMPORTED_MODULE_4__["useRef"])();
+  var setHeightTimerRef = Object(react__WEBPACK_IMPORTED_MODULE_4__["useRef"])(null);
+  var setAutoHeightTimerRef = Object(react__WEBPACK_IMPORTED_MODULE_4__["useRef"])(null);
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_4__["useState"])(null),
     _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2),
     expandAnimation = _useState2[0],
     setExpandAnimation = _useState2[1];
-  var getExpand = function getExpand() {
-    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_7___default()(expand) ? expand : defaultExpand;
-  };
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_4__["useState"])(false),
+    _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState3, 2),
+    expand = _useState4[0],
+    setExpand = _useState4[1];
+  Object(react__WEBPACK_IMPORTED_MODULE_4__["useEffect"])(function () {
+    var newValue = innerKey.includes(panelKey);
+    if (newValue !== expand) {
+      setExpand(newValue);
+      setExpandAnimation(true);
+    }
+  }, [innerKey]);
   var handleClick = function handleClick() {
     if (disabled) return;
-    setExpandAnimation(true);
     onChange && onChange(panelKey);
   };
   var renderIcon = function renderIcon() {
     var _classNames;
-    var iconClassName = classnames__WEBPACK_IMPORTED_MODULE_3___default()((_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(panelPrefixCls, "-icon"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(panelPrefixCls, "-animation-expand"), !getExpand()), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(panelPrefixCls, "-animation-collapse"), getExpand()), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames));
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
+    var iconClassName = classnames__WEBPACK_IMPORTED_MODULE_5___default()((_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(panelPrefixCls, "-icon"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(panelPrefixCls, "-animation-expand"), !expand), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(panelPrefixCls, "-animation-collapse"), expand), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames));
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("span", {
       className: iconClassName,
       onClick: handleClick
-    }, expandIcon ? renderReactNode(expandIcon) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_6__["default"], {
+    }, expandIcon ? renderReactNode(expandIcon) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_8__["default"], {
       type: "arrow-right-solid"
     }));
   };
   var renderLeft = function renderLeft() {
     var _classNames2, _classNames3;
-    var className = classnames__WEBPACK_IMPORTED_MODULE_3___default()((_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(panelPrefixCls, "-left"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames2));
-    var headerClassName = classnames__WEBPACK_IMPORTED_MODULE_3___default()((_classNames3 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "".concat(panelPrefixCls, "-header"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames3));
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
+    var className = classnames__WEBPACK_IMPORTED_MODULE_5___default()((_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(panelPrefixCls, "-left"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames2));
+    var headerClassName = classnames__WEBPACK_IMPORTED_MODULE_5___default()((_classNames3 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "".concat(panelPrefixCls, "-header"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames3));
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("span", {
       className: className,
       onClick: handleClick
-    }, expandIconPosition === 'left' ? renderIcon() : null, header && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
+    }, expandIconPosition === 'left' ? renderIcon() : null, header && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("span", {
       className: headerClassName
     }, renderReactNode(header)));
   };
   var renderRight = function renderRight() {
     var _classNames4;
-    var className = classnames__WEBPACK_IMPORTED_MODULE_3___default()((_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(panelPrefixCls, "-right"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames4));
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
+    var className = classnames__WEBPACK_IMPORTED_MODULE_5___default()((_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(panelPrefixCls, "-right"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames4));
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("span", {
       className: className
-    }, extra && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
+    }, extra && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("span", {
       className: "".concat(panelPrefixCls, "-extra")
     }, renderReactNode(extra)), expandIconPosition === 'right' ? renderIcon() : null);
   };
   var renderMiddle = function renderMiddle() {
     var _classNames5;
-    var className = classnames__WEBPACK_IMPORTED_MODULE_3___default()((_classNames5 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames5, "".concat(panelPrefixCls, "-middle"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames5, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames5));
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
+    var className = classnames__WEBPACK_IMPORTED_MODULE_5___default()((_classNames5 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames5, "".concat(panelPrefixCls, "-middle"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames5, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames5));
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("span", {
       className: className
-    }, assist && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
+    }, assist && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("span", {
       className: "".concat(panelPrefixCls, "-assist")
     }, renderReactNode(assist)));
   };
@@ -8432,10 +8413,10 @@ var Panel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.forwardRef
     }
     return reactNode;
   };
-  var rootClassName = classnames__WEBPACK_IMPORTED_MODULE_3___default()(className, (_classNames6 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames6, "".concat(panelPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames6, "".concat(panelPrefixCls, "-border"), bordered), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames6, "".concat(panelPrefixCls, "-opened"), expand), _classNames6));
-  var topClassName = classnames__WEBPACK_IMPORTED_MODULE_3___default()((_classNames7 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames7, "".concat(panelPrefixCls, "-top"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames7, "".concat(panelPrefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames7, "".concat(panelPrefixCls, "-top-border"), bordered && expand), _classNames7));
-  var childrenClassName = classnames__WEBPACK_IMPORTED_MODULE_3___default()((_classNames8 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames8, "".concat(panelPrefixCls, "-children"), expand), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames8, "".concat(panelPrefixCls, "-children-hide"), !expand), _classNames8));
-  var childrenBorderedClassName = classnames__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(panelPrefixCls, "-children-bordered"), bordered));
+  var rootClassName = classnames__WEBPACK_IMPORTED_MODULE_5___default()(className, (_classNames6 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames6, "".concat(panelPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames6, "".concat(panelPrefixCls, "-border"), bordered), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames6, "".concat(panelPrefixCls, "-opened"), expand), _classNames6));
+  var topClassName = classnames__WEBPACK_IMPORTED_MODULE_5___default()((_classNames7 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames7, "".concat(panelPrefixCls, "-top"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames7, "".concat(panelPrefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames7, "".concat(panelPrefixCls, "-top-border"), bordered && expand), _classNames7));
+  var childrenClassName = classnames__WEBPACK_IMPORTED_MODULE_5___default()((_classNames8 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames8, "".concat(panelPrefixCls, "-children"), expand), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames8, "".concat(panelPrefixCls, "-children-hide"), !expand), _classNames8));
+  var childrenBorderedClassName = classnames__WEBPACK_IMPORTED_MODULE_5___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(panelPrefixCls, "-children-bordered"), bordered));
   var runExpandAnimation = function runExpandAnimation(element) {
     element.style.height = '0px';
     element.style.opacity = '0';
@@ -8462,8 +8443,8 @@ var Panel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.forwardRef
     element.style.height = 'auto';
     element.style.opacity = '1';
   };
-  var panelPrefixClsRef = ref || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createRef();
-  react__WEBPACK_IMPORTED_MODULE_2___default.a.useLayoutEffect(function () {
+  var panelPrefixClsRef = ref || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createRef();
+  react__WEBPACK_IMPORTED_MODULE_4___default.a.useLayoutEffect(function () {
     if (!childrenRef.current) return;
     if (expandAnimation) {
       expand ? runExpandAnimation(childrenRef.current) : runCollapseAnimation(childrenRef.current);
@@ -8472,16 +8453,16 @@ var Panel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.forwardRef
       expand ? expandWidthoutAnimation(childrenRef.current) : runCollapseAnimation(childrenRef.current);
     }
   }, [childrenRef.current, expandAnimation, expand]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", {
     className: rootClassName,
     style: style,
     ref: panelPrefixClsRef
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("span", {
     className: topClassName
-  }, renderLeft(), renderMiddle(), renderRight()), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
+  }, renderLeft(), renderMiddle(), renderRight()), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", {
     className: childrenClassName,
     ref: childrenRef
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", {
     className: childrenBorderedClassName
   }, children)));
 });
@@ -20895,6 +20876,7 @@ var ClearableInput = function ClearableInput(props) {
     var needClear = !disabled && value && isMouseEnter;
     var clearIconclasses = classnames__WEBPACK_IMPORTED_MODULE_5___default()((_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(prefixCls, "-textarea-clear-icon"), inputType === ClearableInputType[1]), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(prefixCls, "-clear-icon"), inputType === ClearableInputType[0]), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(prefixCls, "-clear-icon-hidden"), !needClear), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(prefixCls, "-clear-icon-rightSpace"), suffix), _classNames));
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
+      onMouseDown: mouseDownHandle,
       onClick: handleReset,
       className: clearIconclasses
     }, typeof allowClear === 'boolean' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_4__["Icon"], {