@kdcloudjs/kdesign 1.8.20 → 1.8.21

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.8.20
+ *   @kdcloudjs/kdesign v1.8.21
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -10301,42 +10301,46 @@ __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 core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.number.to-fixed.js */ "./node_modules/core-js/modules/es.number.to-fixed.js");
-/* harmony import */ var core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.find.js */ "./node_modules/core-js/modules/es.array.find.js");
-/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
-/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
-/* harmony import */ var _utils_validateColor__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./utils/validateColor */ "./components/color-picker/utils/validateColor.ts");
-/* harmony import */ var _constant_colorTypes__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./constant/colorTypes */ "./components/color-picker/constant/colorTypes.ts");
-/* harmony import */ var _color_picker_panel__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./color-picker-panel */ "./components/color-picker/color-picker-panel.tsx");
-/* harmony import */ var _utils_colorFormat__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./utils/colorFormat */ "./components/color-picker/utils/colorFormat.ts");
-/* harmony import */ var _constant_defaultColor__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./constant/defaultColor */ "./components/color-picker/constant/defaultColor.ts");
-/* harmony import */ var color__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! color */ "./node_modules/color/index.js");
-/* harmony import */ var color__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(color__WEBPACK_IMPORTED_MODULE_20__);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
-/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
-/* harmony import */ var _constant_systemPresetColor__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./constant/systemPresetColor */ "./components/color-picker/constant/systemPresetColor.ts");
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/objectWithoutProperties.js");
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.number.to-fixed.js */ "./node_modules/core-js/modules/es.number.to-fixed.js");
+/* harmony import */ var core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.find.js */ "./node_modules/core-js/modules/es.array.find.js");
+/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
+/* harmony import */ var _utils_validateColor__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./utils/validateColor */ "./components/color-picker/utils/validateColor.ts");
+/* harmony import */ var _constant_colorTypes__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./constant/colorTypes */ "./components/color-picker/constant/colorTypes.ts");
+/* harmony import */ var _color_picker_panel__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./color-picker-panel */ "./components/color-picker/color-picker-panel.tsx");
+/* harmony import */ var _utils_colorFormat__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./utils/colorFormat */ "./components/color-picker/utils/colorFormat.ts");
+/* harmony import */ var _constant_defaultColor__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./constant/defaultColor */ "./components/color-picker/constant/defaultColor.ts");
+/* harmony import */ var color__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! color */ "./node_modules/color/index.js");
+/* harmony import */ var color__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(color__WEBPACK_IMPORTED_MODULE_21__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
+/* harmony import */ var _constant_systemPresetColor__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./constant/systemPresetColor */ "./components/color-picker/constant/systemPresetColor.ts");
+
 
 
+var _excluded = ["value", "className", "style", "pure", "functionalColor", "functionalColorName", "switchName", "showAlphaInput", "showClear", "showSwitch", "showColorTransfer", "showPresetColor", "showColorPickerBox", "format", "panelFormatConfig", "borderType", "presetColor", "historicalColor", "placeholder", "defaultValue", "defaultOpen", "visible", "popperClassName", "suffixIcon", "prefixIcon", "onChange", "onVisibleChange"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
@@ -10362,11 +10366,11 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 var ColorPicker = function ColorPicker(props) {
-  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_11__["useContext"])(_config_provider__WEBPACK_IMPORTED_MODULE_13__["ConfigContext"]),
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_12__["useContext"])(_config_provider__WEBPACK_IMPORTED_MODULE_14__["ConfigContext"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps;
-  var colorPickerProps = Object(_utils__WEBPACK_IMPORTED_MODULE_21__["getCompProps"])('ColorPicker', userDefaultProps, props);
+  var colorPickerProps = Object(_utils__WEBPACK_IMPORTED_MODULE_22__["getCompProps"])('ColorPicker', userDefaultProps, props);
   var value = colorPickerProps.value,
     className = colorPickerProps.className,
     style = colorPickerProps.style,
@@ -10389,73 +10393,75 @@ var ColorPicker = function ColorPicker(props) {
     defaultValue = colorPickerProps.defaultValue,
     defaultOpen = colorPickerProps.defaultOpen,
     visible = colorPickerProps.visible,
+    popperClassName = colorPickerProps.popperClassName,
     suffixIcon = colorPickerProps.suffixIcon,
     prefixIcon = colorPickerProps.prefixIcon,
     onChange = colorPickerProps.onChange,
-    onVisibleChange = colorPickerProps.onVisibleChange;
-  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_11__["useState"])(defaultValue || ''),
+    onVisibleChange = colorPickerProps.onVisibleChange,
+    otherProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2___default()(colorPickerProps, _excluded);
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_12__["useState"])(defaultValue || ''),
     _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2),
     inputColorValue = _useState2[0],
     setInputColorValue = _useState2[1];
-  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_11__["useState"])(''),
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_12__["useState"])(''),
     _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState3, 2),
     inputCorrectColorValue = _useState4[0],
     setInputCorrectColorValue = _useState4[1];
-  var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_11__["useState"])(defaultValue || _constant_defaultColor__WEBPACK_IMPORTED_MODULE_19__["defaultSystemColor"]),
+  var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_12__["useState"])(defaultValue || _constant_defaultColor__WEBPACK_IMPORTED_MODULE_20__["defaultSystemColor"]),
     _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState5, 2),
     correctColorValue = _useState6[0],
     setCorrectColorValue = _useState6[1];
-  var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_11__["useState"])(panelFormatConfig.default),
+  var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_12__["useState"])(panelFormatConfig.default),
     _useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState7, 2),
     currentColorType = _useState8[0],
     setCurrentColorType = _useState8[1];
-  var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_11__["useState"])(_constant_colorTypes__WEBPACK_IMPORTED_MODULE_16__["colorTypes"]),
+  var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_12__["useState"])(_constant_colorTypes__WEBPACK_IMPORTED_MODULE_17__["colorTypes"]),
     _useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState9, 2),
     colTypeArr = _useState10[0],
     setColTypeArr = _useState10[1];
-  var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_11__["useState"])(typeof visible === 'undefined' ? !!defaultOpen : !!visible),
+  var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_12__["useState"])(typeof visible === 'undefined' ? !!defaultOpen : !!visible),
     _useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState11, 2),
     showPanel = _useState12[0],
     setShowPanel = _useState12[1];
-  var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_11__["useState"])(0),
+  var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_12__["useState"])(0),
     _useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState13, 2),
     alpha = _useState14[0],
     setAlpha = _useState14[1];
-  var _useState15 = Object(react__WEBPACK_IMPORTED_MODULE_11__["useState"])(alpha * 100 + '%'),
+  var _useState15 = Object(react__WEBPACK_IMPORTED_MODULE_12__["useState"])(alpha * 100 + '%'),
     _useState16 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState15, 2),
     alphaNoVerifyVal = _useState16[0],
     setAlphaNoVerifyVal = _useState16[1];
-  var _useState17 = Object(react__WEBPACK_IMPORTED_MODULE_11__["useState"])(false),
+  var _useState17 = Object(react__WEBPACK_IMPORTED_MODULE_12__["useState"])(false),
     _useState18 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState17, 2),
     isFollow = _useState18[0],
     setIsFollow = _useState18[1];
-  var _useState19 = Object(react__WEBPACK_IMPORTED_MODULE_11__["useState"])(),
+  var _useState19 = Object(react__WEBPACK_IMPORTED_MODULE_12__["useState"])(),
     _useState20 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState19, 2),
     clickedPresetColorIndex = _useState20[0],
     setClickedPresetColorIndex = _useState20[1];
-  var _useState21 = Object(react__WEBPACK_IMPORTED_MODULE_11__["useState"])(),
+  var _useState21 = Object(react__WEBPACK_IMPORTED_MODULE_12__["useState"])(),
     _useState22 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState21, 2),
     clickedHistoricalColorIndex = _useState22[0],
     setClickedHistoricalColorIndex = _useState22[1];
   var colorPickerPrefixCls = getPrefixCls(prefixCls, 'color-picker');
-  var popUpLayer = getPrefixCls(prefixCls, 'color-picker-pop');
-  var containerCls = classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(colorPickerPrefixCls, "-container"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(colorPickerPrefixCls, "-container-pure"), pure));
-  var inputCls = classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(colorPickerPrefixCls, "-input"), className);
-  var inputRef = Object(react__WEBPACK_IMPORTED_MODULE_11__["useRef"])(null);
-  var showColorPickerPanel = showColorTransfer || typeof showPresetColor === 'boolean' && showPresetColor && ((presetColor === null || presetColor === void 0 ? void 0 : presetColor.length) || _constant_systemPresetColor__WEBPACK_IMPORTED_MODULE_23__["systemPresetColor"].length) || typeof showPresetColor === 'undefined' || showClear || (historicalColor === null || historicalColor === void 0 ? void 0 : historicalColor.length) || (functionalColor === null || functionalColor === void 0 ? void 0 : functionalColor.length) && showSwitch || (showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showBox) || (showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showHue) || (showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showOpacity);
+  var popUpLayer = classnames__WEBPACK_IMPORTED_MODULE_13___default()(getPrefixCls(prefixCls, 'color-picker-pop'), popperClassName);
+  var containerCls = classnames__WEBPACK_IMPORTED_MODULE_13___default()("".concat(colorPickerPrefixCls, "-container"), className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(colorPickerPrefixCls, "-container-pure"), pure));
+  var inputCls = classnames__WEBPACK_IMPORTED_MODULE_13___default()("".concat(colorPickerPrefixCls, "-input"));
+  var inputRef = Object(react__WEBPACK_IMPORTED_MODULE_12__["useRef"])(null);
+  var showColorPickerPanel = showColorTransfer || typeof showPresetColor === 'boolean' && showPresetColor && ((presetColor === null || presetColor === void 0 ? void 0 : presetColor.length) || _constant_systemPresetColor__WEBPACK_IMPORTED_MODULE_24__["systemPresetColor"].length) || typeof showPresetColor === 'undefined' || showClear || (historicalColor === null || historicalColor === void 0 ? void 0 : historicalColor.length) || (functionalColor === null || functionalColor === void 0 ? void 0 : functionalColor.length) && showSwitch || (showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showBox) || (showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showHue) || (showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showOpacity);
   var setClickColorIndex = function setClickColorIndex(value) {
     if (typeof value === 'number') {
       setClickedPresetColorIndex(value);
       setClickedHistoricalColorIndex(value);
     } else {
-      setClickedPresetColorIndex(Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_18__["highlightPresetColorIndex"])(value, Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_18__["presetColorToHEX"])(presetColor || _constant_systemPresetColor__WEBPACK_IMPORTED_MODULE_23__["systemPresetColor"])));
-      setClickedHistoricalColorIndex(Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_18__["highlightPresetColorIndex"])(value, Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_18__["presetColorToHEX"])(historicalColor)));
+      setClickedPresetColorIndex(Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_19__["highlightPresetColorIndex"])(value, Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_19__["presetColorToHEX"])(presetColor || _constant_systemPresetColor__WEBPACK_IMPORTED_MODULE_24__["systemPresetColor"])));
+      setClickedHistoricalColorIndex(Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_19__["highlightPresetColorIndex"])(value, Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_19__["presetColorToHEX"])(historicalColor)));
     }
   };
   var setIconColor = function setIconColor(value) {
     value === functionalColorName ? setIsFollow(true) : setIsFollow(false);
     var inpValue = value === functionalColorName ? functionalColor : value;
-    var inputValType = Object(_utils_validateColor__WEBPACK_IMPORTED_MODULE_15__["validateColor"])(inpValue);
+    var inputValType = Object(_utils_validateColor__WEBPACK_IMPORTED_MODULE_16__["validateColor"])(inpValue);
     var setState = function setState(formatArr, correctColorValue, alpha, alphaStr) {
       setColTypeArr(formatArr);
       setCorrectColorValue(correctColorValue);
@@ -10463,18 +10469,18 @@ var ColorPicker = function ColorPicker(props) {
       setAlphaNoVerifyVal(alphaStr);
     };
     var getAlphaStr = function getAlphaStr(color) {
-      return (Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_18__["strFixed"])(color__WEBPACK_IMPORTED_MODULE_20___default()(Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_18__["getColorObj"])(color)).alpha(), 2) * 100).toFixed() + '%';
+      return (Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_19__["strFixed"])(color__WEBPACK_IMPORTED_MODULE_21___default()(Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_19__["getColorObj"])(color)).alpha(), 2) * 100).toFixed() + '%';
     };
     if (inputValType) {
-      var formatArr = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_18__["colorFormat"])(inpValue, Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_18__["strFixed"])(color__WEBPACK_IMPORTED_MODULE_20___default()(Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_18__["getColorObj"])(inpValue)).alpha(), 2));
-      setState(formatArr, Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_18__["colorFormat"])(inpValue, 1, currentColorType, true), color__WEBPACK_IMPORTED_MODULE_20___default()(Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_18__["getColorObj"])(inpValue)).alpha(), getAlphaStr(inpValue));
+      var formatArr = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_19__["colorFormat"])(inpValue, Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_19__["strFixed"])(color__WEBPACK_IMPORTED_MODULE_21___default()(Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_19__["getColorObj"])(inpValue)).alpha(), 2));
+      setState(formatArr, Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_19__["colorFormat"])(inpValue, 1, currentColorType, true), color__WEBPACK_IMPORTED_MODULE_21___default()(Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_19__["getColorObj"])(inpValue)).alpha(), getAlphaStr(inpValue));
       setClickColorIndex(formatArr[0].value);
     } else if (inpValue) {
-      var _formatArr = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_18__["colorFormat"])(correctColorValue, alpha);
+      var _formatArr = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_19__["colorFormat"])(correctColorValue, alpha);
       setState(_formatArr, correctColorValue, alpha, alphaNoVerifyVal);
     } else {
-      var _formatArr2 = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_18__["colorFormat"])(_constant_defaultColor__WEBPACK_IMPORTED_MODULE_19__["defaultSystemColor"], 0);
-      setState(_formatArr2, _constant_defaultColor__WEBPACK_IMPORTED_MODULE_19__["defaultSystemColor"], 0, '0%');
+      var _formatArr2 = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_19__["colorFormat"])(_constant_defaultColor__WEBPACK_IMPORTED_MODULE_20__["defaultSystemColor"], 0);
+      setState(_formatArr2, _constant_defaultColor__WEBPACK_IMPORTED_MODULE_20__["defaultSystemColor"], 0, '0%');
     }
   };
   var handleChange = function handleChange(e) {
@@ -10486,19 +10492,19 @@ var ColorPicker = function ColorPicker(props) {
     }
     setInputColorValue(inpValue);
     var callback = function callback(val, alpha) {
-      var formatArr = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_18__["colorFormat"])(val, alpha);
+      var formatArr = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_19__["colorFormat"])(val, alpha);
       onChange === null || onChange === void 0 ? void 0 : onChange(inpValue, formatArr);
     };
-    if (Object(_utils_validateColor__WEBPACK_IMPORTED_MODULE_15__["validateColor"])(inpValue)) {
+    if (Object(_utils_validateColor__WEBPACK_IMPORTED_MODULE_16__["validateColor"])(inpValue)) {
       callback(inpValue, alpha);
     } else {
-      callback(_constant_defaultColor__WEBPACK_IMPORTED_MODULE_19__["defaultSystemColor"], alpha);
+      callback(_constant_defaultColor__WEBPACK_IMPORTED_MODULE_20__["defaultSystemColor"], alpha);
     }
     functionalColor && showSwitch && setIsFollow(false);
   };
   var handleBlur = function handleBlur(e) {
     var inpValue = e.target.value;
-    var formatArr = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_18__["colorFormat"])(correctColorValue, alpha);
+    var formatArr = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_19__["colorFormat"])(correctColorValue, alpha);
     var getCurrentOutputColor = function getCurrentOutputColor() {
       if (inputCorrectColorValue) {
         return formatArr.find(function (item) {
@@ -10519,17 +10525,17 @@ var ColorPicker = function ColorPicker(props) {
     }
     onVisibleChange && onVisibleChange(!showPanel);
   };
-  Object(react__WEBPACK_IMPORTED_MODULE_11__["useEffect"])(function () {
-    if (Object(_utils_validateColor__WEBPACK_IMPORTED_MODULE_15__["validateColor"])(value !== null && value !== void 0 ? value : inputColorValue)) {
+  Object(react__WEBPACK_IMPORTED_MODULE_12__["useEffect"])(function () {
+    if (Object(_utils_validateColor__WEBPACK_IMPORTED_MODULE_16__["validateColor"])(value !== null && value !== void 0 ? value : inputColorValue)) {
       setInputCorrectColorValue(value !== null && value !== void 0 ? value : inputColorValue);
     }
   }, [inputColorValue, value]);
-  Object(react__WEBPACK_IMPORTED_MODULE_11__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_12__["useEffect"])(function () {
     if (typeof visible !== 'undefined') {
       setShowPanel(visible);
     }
   }, [visible]);
-  Object(react__WEBPACK_IMPORTED_MODULE_11__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_12__["useEffect"])(function () {
     if (value !== undefined) {
       setIconColor(value);
     } else {
@@ -10538,41 +10544,41 @@ var ColorPicker = function ColorPicker(props) {
       }
     }
   }, [value, defaultValue]);
-  var beforeIcon = Object(react__WEBPACK_IMPORTED_MODULE_11__["useCallback"])(function () {
+  var beforeIcon = Object(react__WEBPACK_IMPORTED_MODULE_12__["useCallback"])(function () {
     var _classNames2;
-    var afterIconContainerCls = classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(colorPickerPrefixCls, "-icon"), (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(colorPickerPrefixCls, "-icon-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(colorPickerPrefixCls, "-icon-bordered"), borderType === 'bordered'), _classNames2));
+    var afterIconContainerCls = classnames__WEBPACK_IMPORTED_MODULE_13___default()("".concat(colorPickerPrefixCls, "-icon"), (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(colorPickerPrefixCls, "-icon-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(colorPickerPrefixCls, "-icon-bordered"), borderType === 'bordered'), _classNames2));
     var noneLineCls = "".concat(colorPickerPrefixCls, "-icon-no-color-line");
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
       className: afterIconContainerCls,
       style: {
-        backgroundColor: "".concat(colTypeArr[2].value || _constant_defaultColor__WEBPACK_IMPORTED_MODULE_19__["defaultSystemColor"])
+        backgroundColor: "".concat(colTypeArr[2].value || _constant_defaultColor__WEBPACK_IMPORTED_MODULE_20__["defaultSystemColor"])
       }
-    }, !Object(_utils_validateColor__WEBPACK_IMPORTED_MODULE_15__["validateColor"])(value) && !inputCorrectColorValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
+    }, !Object(_utils_validateColor__WEBPACK_IMPORTED_MODULE_16__["validateColor"])(value) && !inputCorrectColorValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
       className: noneLineCls
     }));
   }, [borderType, colTypeArr, colorPickerPrefixCls, inputCorrectColorValue, value]);
-  var colorInputEle = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
+  var colorInputEle = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
     className: containerCls,
-    ref: inputRef
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_14__["Input"], {
+    ref: inputRef,
+    style: style
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Input"], {
     borderType: pure ? 'bordered' : borderType,
     placeholder: placeholder,
     value: value !== null && value !== void 0 ? value : inputColorValue,
     className: inputCls,
     onChange: handleChange,
     onBlur: handleBlur,
-    style: style,
     onClick: handleClick,
-    prefix: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
+    prefix: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
       onClick: handleClick,
       className: "".concat(colorPickerPrefixCls, "-icon-container")
     }, prefixIcon ? prefixIcon(colTypeArr[2].value, beforeIcon()) : beforeIcon()),
-    suffix: suffixIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
+    suffix: suffixIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
       onClick: handleClick,
       className: "".concat(colorPickerPrefixCls, "-icon-container")
     }, suffixIcon(colTypeArr[2].value, beforeIcon()))
   }));
-  var panel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_color_picker_panel__WEBPACK_IMPORTED_MODULE_17__["default"]
+  var panel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_color_picker_panel__WEBPACK_IMPORTED_MODULE_18__["default"]
   // API
   , {
     showAlphaInput: showAlphaInput,
@@ -10619,7 +10625,7 @@ var ColorPicker = function ColorPicker(props) {
     currentColorType: currentColorType,
     showColorPickerPanel: showColorPickerPanel
   });
-  var popperProps = _objectSpread(_objectSpread({}, colorPickerProps), {}, {
+  var popperProps = _objectSpread(_objectSpread({}, otherProps), {}, {
     popperClassName: popUpLayer,
     placement: 'bottomLeft',
     defaultVisible: showPanel,
@@ -10627,7 +10633,7 @@ var ColorPicker = function ColorPicker(props) {
     onVisibleChange: null,
     clickToClose: false
   });
-  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_22__["default"])(colorInputEle, panel, popperProps);
+  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_23__["default"])(colorInputEle, panel, popperProps);
 };
 ColorPicker.displayName = 'ColorPicker';
 /* harmony default export */ __webpack_exports__["default"] = (ColorPicker);
@@ -31486,11 +31492,13 @@ var InternalOption = function InternalOption(props, ref) {
   var contentCls = classnames__WEBPACK_IMPORTED_MODULE_13___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(selectOptionPrefixCls, "-option-content"), true));
   var handleClick = function handleClick(e) {
     e.preventDefault();
+    var newVal = isSelected;
     if (optionProps.disabled || value === undefined) return;
     if (isMultiple) {
-      setSelected(!isSelected);
+      newVal = !isSelected;
+      setSelected(newVal);
     }
-    onChangeSelect && onChangeSelect(value, children, isSelected);
+    onChangeSelect && onChangeSelect(value, children, newVal);
   };
   var handleOnMouseEnter = function handleOnMouseEnter() {
     onChangeActiveIndex && onChangeActiveIndex(index);
@@ -32511,7 +32519,13 @@ var InternalSelect = function InternalSelect(props, ref) {
         if (!item) return;
         var key = ((_item$props3 = item.props) === null || _item$props3 === void 0 ? void 0 : _item$props3.value) || item.value;
         var label = ((_item$props4 = item.props) === null || _item$props4 === void 0 ? void 0 : _item$props4.children) || item.label;
-        handleOption(key, label, true);
+        var flag = true;
+        if (isMultiple) {
+          flag = !(mulOptions !== null && mulOptions !== void 0 && mulOptions.some(function (item) {
+            return item.value === key;
+          }));
+        }
+        handleOption(key, label, flag);
         // search
         if (searchValue) {
           setActiveIndex(realChildren.findIndex(function (child) {
@@ -40455,14 +40469,8 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.fo
     onDrop = TreeProps.onDrop,
     onSelect = TreeProps.onSelect,
     selectedKeysProps = TreeProps.selectedKeys,
-    _TreeProps$setTreeNod = TreeProps.setTreeNodeStyle,
-    setTreeNodeStyle = _TreeProps$setTreeNod === void 0 ? function () {
-      return {};
-    } : _TreeProps$setTreeNod,
-    _TreeProps$setTreeNod2 = TreeProps.setTreeNodeClassName,
-    setTreeNodeClassName = _TreeProps$setTreeNod2 === void 0 ? function () {
-      return '';
-    } : _TreeProps$setTreeNod2,
+    setTreeNodeStyle = TreeProps.setTreeNodeStyle,
+    setTreeNodeClassName = TreeProps.setTreeNodeClassName,
     innerEstimatedItemSize = TreeProps.estimatedItemSize,
     style = TreeProps.style,
     className = TreeProps.className,
@@ -40811,8 +40819,8 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.fo
     item.switcherIcon = item.switcherIcon || switcherIcon;
     item.estimatedItemSize = estimatedItemSize;
     item.draggable = draggable;
-    item.className = setTreeNodeClassName(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, item));
-    item.style = setTreeNodeStyle(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, item));
+    item.className = (setTreeNodeClassName === null || setTreeNodeClassName === void 0 ? void 0 : setTreeNodeClassName(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, item))) || (item === null || item === void 0 ? void 0 : item.className);
+    item.style = (setTreeNodeStyle === null || setTreeNodeStyle === void 0 ? void 0 : setTreeNodeStyle(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, item))) || (item === null || item === void 0 ? void 0 : item.style);
     item.getDragNode = getDragNode;
     item.setDragNode = setDragNode;
     item.dragOver = dragOverNodeKey === item.key && dropPosition === 0;