@kdcloudjs/kdesign 1.8.68 → 1.8.71

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.8.68
+ *   @kdcloudjs/kdesign v1.8.71
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -2387,6 +2387,8 @@ function usePopper(locatorElement, popperElement, props) {
     _props$clickToClose = props.clickToClose,
     clickToClose = _props$clickToClose === void 0 ? true : _props$clickToClose,
     isMobile = props.isMobile,
+    _props$triggerScroll = props.triggerScroll,
+    triggerScroll = _props$triggerScroll === void 0 ? false : _props$triggerScroll,
     _props$getTriggerElem = props.getTriggerElement,
     getTriggerElement = _props$getTriggerElem === void 0 ? function (locatorNode) {
       return locatorNode;
@@ -2900,10 +2902,16 @@ function usePopper(locatorElement, popperElement, props) {
   Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
     if (visible) {
       var scrollAlign = lodash_debounce__WEBPACK_IMPORTED_MODULE_22___default()(function (e) {
-        var isPopperScroll = e.target === popperRef.current || popperRef.current.contains(e.target);
-        if (scrollHidden && !isPopperScroll) {
+        var target = e.target;
+        var popperNode = popperRef.current;
+        var realDom = getRealDom(locatorRef, locatorElement);
+        var triggerNode = realDom ? getTriggerElement(realDom) : null;
+        var isPopperScroll = popperNode && target && (target === popperNode || popperNode.contains(target));
+        var isTriggerScroll = triggerNode && target && (target === triggerNode || triggerNode.contains(target)) && triggerScroll;
+        if (scrollHidden && !isPopperScroll && !isTriggerScroll) {
           props.visible === undefined && setVisible(false);
           onVisibleChange && onVisibleChange(false);
+          return;
         }
         alignPopper();
       }, 10);
@@ -2914,7 +2922,7 @@ function usePopper(locatorElement, popperElement, props) {
         document.removeEventListener('scroll', scrollAlign, true);
       };
     }
-  }, [alignPopper, exist, onVisibleChange, popperNode, props.visible, scrollHidden, locatorNode, visible, popperRef]);
+  }, [visible, alignPopper, scrollHidden, onVisibleChange, props.visible, popperRef, locatorRef, locatorElement, getTriggerElement]);
   Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
     var realDom = getRealDom(locatorRef, locatorElement);
     var triggerNode = getTriggerElement(realDom);
@@ -10599,53 +10607,56 @@ ColorPickerPanel.displayName = 'ColorPickerPanel';
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
-/* 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 _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");
-/* harmony import */ var _utils_removeTransparency__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./utils/removeTransparency */ "./components/color-picker/utils/removeTransparency.ts");
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/objectWithoutProperties.js");
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_4__ = __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_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_5__ = __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_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6__ = __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_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_7__ = __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_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_8__ = __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_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_9__ = __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_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_10__ = __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_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11__ = __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_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_12__ = __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_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
+/* harmony import */ var _utils_validateColor__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./utils/validateColor */ "./components/color-picker/utils/validateColor.ts");
+/* harmony import */ var _constant_colorTypes__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./constant/colorTypes */ "./components/color-picker/constant/colorTypes.ts");
+/* harmony import */ var _color_picker_panel__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./color-picker-panel */ "./components/color-picker/color-picker-panel.tsx");
+/* harmony import */ var _utils_colorFormat__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./utils/colorFormat */ "./components/color-picker/utils/colorFormat.ts");
+/* harmony import */ var _constant_defaultColor__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./constant/defaultColor */ "./components/color-picker/constant/defaultColor.ts");
+/* harmony import */ var color__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! color */ "./node_modules/color/index.js");
+/* harmony import */ var color__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(color__WEBPACK_IMPORTED_MODULE_22__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _popper__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../popper */ "./components/popper/index.tsx");
+/* harmony import */ var _constant_systemPresetColor__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./constant/systemPresetColor */ "./components/color-picker/constant/systemPresetColor.ts");
+/* harmony import */ var _utils_removeTransparency__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./utils/removeTransparency */ "./components/color-picker/utils/removeTransparency.ts");
+
 
 
 
 var _excluded = ["value", "className", "style", "pure", "functionalColor", "functionalColorName", "switchName", "showAlphaInput", "showClear", "showSwitch", "showColorTransfer", "showPresetColor", "showColorPickerBox", "format", "panelFormatConfig", "borderType", "presetColor", "historicalColor", "placeholder", "defaultValue", "defaultOpen", "disabled", "visible", "scrollHidden", "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; }
+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_1___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; }
 
 
 
@@ -10670,12 +10681,12 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 var InternalColorPicker = function InternalColorPicker(props, ref) {
-  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_12__["useContext"])(_config_provider__WEBPACK_IMPORTED_MODULE_14__["ConfigContext"]),
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_13__["useContext"])(_config_provider__WEBPACK_IMPORTED_MODULE_15__["ConfigContext"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps,
     direction = _useContext.direction;
-  var colorPickerProps = Object(_utils__WEBPACK_IMPORTED_MODULE_22__["getCompProps"])('ColorPicker', userDefaultProps, props);
+  var colorPickerProps = Object(_utils__WEBPACK_IMPORTED_MODULE_23__["getCompProps"])('ColorPicker', userDefaultProps, props);
   var value = colorPickerProps.value,
     className = colorPickerProps.className,
     style = colorPickerProps.style,
@@ -10705,71 +10716,71 @@ var InternalColorPicker = function InternalColorPicker(props, ref) {
     prefixIcon = colorPickerProps.prefixIcon,
     onChange = colorPickerProps.onChange,
     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),
+    otherProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3___default()(colorPickerProps, _excluded);
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_13__["useState"])(defaultValue || ''),
+    _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState, 2),
     inputColorValue = _useState2[0],
     setInputColorValue = _useState2[1];
-  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_12__["useState"])(''),
-    _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState3, 2),
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_13__["useState"])(''),
+    _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState3, 2),
     inputCorrectColorValue = _useState4[0],
     setInputCorrectColorValue = _useState4[1];
-  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),
+  var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_13__["useState"])(defaultValue || _constant_defaultColor__WEBPACK_IMPORTED_MODULE_21__["defaultSystemColor"]),
+    _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState5, 2),
     correctColorValue = _useState6[0],
     setCorrectColorValue = _useState6[1];
-  var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_12__["useState"])(panelFormatConfig.default),
-    _useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState7, 2),
+  var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_13__["useState"])(panelFormatConfig.default),
+    _useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState7, 2),
     currentColorType = _useState8[0],
     setCurrentColorType = _useState8[1];
-  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),
+  var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_13__["useState"])(_constant_colorTypes__WEBPACK_IMPORTED_MODULE_18__["colorTypes"]),
+    _useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState9, 2),
     colTypeArr = _useState10[0],
     setColTypeArr = _useState10[1];
-  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),
+  var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_13__["useState"])(typeof visible === 'undefined' ? !!defaultOpen : !!visible),
+    _useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState11, 2),
     showPanel = _useState12[0],
     setShowPanel = _useState12[1];
-  var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_12__["useState"])(0),
-    _useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState13, 2),
+  var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_13__["useState"])(0),
+    _useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState13, 2),
     alpha = _useState14[0],
     setAlpha = _useState14[1];
-  var _useState15 = Object(react__WEBPACK_IMPORTED_MODULE_12__["useState"])(alpha * 100 + '%'),
-    _useState16 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState15, 2),
+  var _useState15 = Object(react__WEBPACK_IMPORTED_MODULE_13__["useState"])(alpha * 100 + '%'),
+    _useState16 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState15, 2),
     alphaNoVerifyVal = _useState16[0],
     setAlphaNoVerifyVal = _useState16[1];
-  var _useState17 = Object(react__WEBPACK_IMPORTED_MODULE_12__["useState"])(false),
-    _useState18 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState17, 2),
+  var _useState17 = Object(react__WEBPACK_IMPORTED_MODULE_13__["useState"])(false),
+    _useState18 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState17, 2),
     isFollow = _useState18[0],
     setIsFollow = _useState18[1];
-  var _useState19 = Object(react__WEBPACK_IMPORTED_MODULE_12__["useState"])(),
-    _useState20 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState19, 2),
+  var _useState19 = Object(react__WEBPACK_IMPORTED_MODULE_13__["useState"])(),
+    _useState20 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState19, 2),
     clickedPresetColorIndex = _useState20[0],
     setClickedPresetColorIndex = _useState20[1];
-  var _useState21 = Object(react__WEBPACK_IMPORTED_MODULE_12__["useState"])(),
-    _useState22 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState21, 2),
+  var _useState21 = Object(react__WEBPACK_IMPORTED_MODULE_13__["useState"])(),
+    _useState22 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState21, 2),
     clickedHistoricalColorIndex = _useState22[0],
     setClickedHistoricalColorIndex = _useState22[1];
   var colorPickerPrefixCls = getPrefixCls(prefixCls, 'color-picker');
   var rtlCls = direction === 'rtl' ? "".concat(colorPickerPrefixCls, "-rtl") : null;
-  var popUpLayer = classnames__WEBPACK_IMPORTED_MODULE_13___default()(getPrefixCls(prefixCls, 'color-picker-pop'), rtlCls, popperClassName);
-  var containerCls = classnames__WEBPACK_IMPORTED_MODULE_13___default()("".concat(colorPickerPrefixCls, "-container"), rtlCls, 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 popUpLayer = classnames__WEBPACK_IMPORTED_MODULE_14___default()(getPrefixCls(prefixCls, 'color-picker-pop'), rtlCls, popperClassName);
+  var containerCls = classnames__WEBPACK_IMPORTED_MODULE_14___default()("".concat(colorPickerPrefixCls, "-container"), rtlCls, className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(colorPickerPrefixCls, "-container-pure"), pure));
+  var inputCls = classnames__WEBPACK_IMPORTED_MODULE_14___default()("".concat(colorPickerPrefixCls, "-input"));
+  var inputRef = Object(react__WEBPACK_IMPORTED_MODULE_13__["useRef"])(null);
+  var showColorPickerPanel = showColorTransfer || typeof showPresetColor === 'boolean' && showPresetColor && ((presetColor === null || presetColor === void 0 ? void 0 : presetColor.length) || _constant_systemPresetColor__WEBPACK_IMPORTED_MODULE_25__["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_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)));
+      setClickedPresetColorIndex(Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_20__["highlightPresetColorIndex"])(value, Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_20__["presetColorToHEX"])(presetColor || _constant_systemPresetColor__WEBPACK_IMPORTED_MODULE_25__["systemPresetColor"])));
+      setClickedHistoricalColorIndex(Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_20__["highlightPresetColorIndex"])(value, Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_20__["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_16__["validateColor"])(inpValue);
+    var inputValType = Object(_utils_validateColor__WEBPACK_IMPORTED_MODULE_17__["validateColor"])(inpValue);
     var setState = function setState(formatArr, correctColorValue, alpha, alphaStr) {
       setColTypeArr(formatArr);
       setCorrectColorValue(correctColorValue);
@@ -10777,18 +10788,18 @@ var InternalColorPicker = function InternalColorPicker(props, ref) {
       setAlphaNoVerifyVal(alphaStr);
     };
     var getAlphaStr = function getAlphaStr(color) {
-      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() + '%';
+      return (Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_20__["strFixed"])(color__WEBPACK_IMPORTED_MODULE_22___default()(Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_20__["getColorObj"])(color)).alpha(), 2) * 100).toFixed() + '%';
     };
     if (inputValType) {
-      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));
+      var formatArr = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_20__["colorFormat"])(inpValue, Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_20__["strFixed"])(color__WEBPACK_IMPORTED_MODULE_22___default()(Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_20__["getColorObj"])(inpValue)).alpha(), 2));
+      setState(formatArr, Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_20__["colorFormat"])(inpValue, 1, currentColorType, true), color__WEBPACK_IMPORTED_MODULE_22___default()(Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_20__["getColorObj"])(inpValue)).alpha(), getAlphaStr(inpValue));
       setClickColorIndex(formatArr[0].value);
     } else if (inpValue) {
-      var _formatArr = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_19__["colorFormat"])(correctColorValue, alpha);
+      var _formatArr = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_20__["colorFormat"])(correctColorValue, alpha);
       setState(_formatArr, correctColorValue, alpha, alphaNoVerifyVal);
     } else {
-      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 _formatArr2 = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_20__["colorFormat"])(_constant_defaultColor__WEBPACK_IMPORTED_MODULE_21__["defaultSystemColor"], 0);
+      setState(_formatArr2, _constant_defaultColor__WEBPACK_IMPORTED_MODULE_21__["defaultSystemColor"], 0, '0%');
     }
   };
   var handleChange = function handleChange(e) {
@@ -10800,19 +10811,19 @@ var InternalColorPicker = function InternalColorPicker(props, ref) {
     }
     setInputColorValue(inpValue);
     var callback = function callback(val, alpha) {
-      var formatArr = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_19__["colorFormat"])(val, alpha);
+      var formatArr = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_20__["colorFormat"])(val, alpha);
       onChange === null || onChange === void 0 ? void 0 : onChange(inpValue, formatArr);
     };
-    if (Object(_utils_validateColor__WEBPACK_IMPORTED_MODULE_16__["validateColor"])(inpValue)) {
-      callback(inpValue, color__WEBPACK_IMPORTED_MODULE_21___default()(Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_19__["getColorObj"])(inpValue)).alpha());
+    if (Object(_utils_validateColor__WEBPACK_IMPORTED_MODULE_17__["validateColor"])(inpValue)) {
+      callback(inpValue, color__WEBPACK_IMPORTED_MODULE_22___default()(Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_20__["getColorObj"])(inpValue)).alpha());
     } else {
-      callback(_constant_defaultColor__WEBPACK_IMPORTED_MODULE_20__["defaultSystemColor"], alpha);
+      callback(_constant_defaultColor__WEBPACK_IMPORTED_MODULE_21__["defaultSystemColor"], alpha);
     }
     functionalColor && showSwitch && setIsFollow(false);
   };
   var handleBlur = function handleBlur(e) {
     var inpValue = e.target.value;
-    var formatArr = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_19__["colorFormat"])(correctColorValue, alpha);
+    var formatArr = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_20__["colorFormat"])(correctColorValue, alpha);
     var getCurrentOutputColor = function getCurrentOutputColor() {
       if (inputCorrectColorValue) {
         return formatArr.find(function (item) {
@@ -10835,19 +10846,19 @@ var InternalColorPicker = function InternalColorPicker(props, ref) {
     // onVisibleChange && onVisibleChange(!showPanel)
   };
 
-  Object(react__WEBPACK_IMPORTED_MODULE_12__["useEffect"])(function () {
-    if (Object(_utils_validateColor__WEBPACK_IMPORTED_MODULE_16__["validateColor"])(value !== null && value !== void 0 ? value : inputColorValue)) {
+  Object(react__WEBPACK_IMPORTED_MODULE_13__["useEffect"])(function () {
+    if (Object(_utils_validateColor__WEBPACK_IMPORTED_MODULE_17__["validateColor"])(value !== null && value !== void 0 ? value : inputColorValue)) {
       setInputCorrectColorValue(value !== null && value !== void 0 ? value : inputColorValue);
     } else {
       setInputCorrectColorValue('');
     }
   }, [inputColorValue, value]);
-  Object(react__WEBPACK_IMPORTED_MODULE_12__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_13__["useEffect"])(function () {
     if (typeof visible !== 'undefined') {
       setShowPanel(visible);
     }
   }, [visible]);
-  Object(react__WEBPACK_IMPORTED_MODULE_12__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_13__["useEffect"])(function () {
     if (value !== undefined) {
       setIconColor(value);
     } else {
@@ -10856,32 +10867,32 @@ var InternalColorPicker = function InternalColorPicker(props, ref) {
       }
     }
   }, [value, defaultValue]);
-  Object(react__WEBPACK_IMPORTED_MODULE_12__["useImperativeHandle"])(ref, function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_13__["useImperativeHandle"])(ref, function () {
     return {
       dom: inputRef.current
     };
   });
-  var beforeIcon = Object(react__WEBPACK_IMPORTED_MODULE_12__["useCallback"])(function () {
+  var beforeIcon = Object(react__WEBPACK_IMPORTED_MODULE_13__["useCallback"])(function () {
     var _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 afterIconContainerCls = classnames__WEBPACK_IMPORTED_MODULE_14___default()("".concat(colorPickerPrefixCls, "-icon"), (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(colorPickerPrefixCls, "-icon-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(colorPickerPrefixCls, "-icon-bordered"), borderType === 'bordered'), _classNames2));
     var getBgc = function getBgc() {
-      return inputCorrectColorValue ? colTypeArr[2].value : Object(_utils_removeTransparency__WEBPACK_IMPORTED_MODULE_25__["removeTransparency"])(colTypeArr[2].value, 'RGB');
+      return inputCorrectColorValue ? colTypeArr[2].value : Object(_utils_removeTransparency__WEBPACK_IMPORTED_MODULE_26__["removeTransparency"])(colTypeArr[2].value, 'RGB');
     };
     var noneLineCls = "".concat(colorPickerPrefixCls, "-icon-no-color-line");
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement("div", {
       className: afterIconContainerCls,
       style: {
-        backgroundColor: getBgc() || _constant_defaultColor__WEBPACK_IMPORTED_MODULE_20__["defaultSystemColor"]
+        backgroundColor: getBgc() || _constant_defaultColor__WEBPACK_IMPORTED_MODULE_21__["defaultSystemColor"]
       }
-    }, !Object(_utils_validateColor__WEBPACK_IMPORTED_MODULE_16__["validateColor"])(value) && !inputCorrectColorValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
+    }, !Object(_utils_validateColor__WEBPACK_IMPORTED_MODULE_17__["validateColor"])(value) && !inputCorrectColorValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement("div", {
       className: noneLineCls
     }));
   }, [borderType, colTypeArr, colorPickerPrefixCls, inputCorrectColorValue, value]);
-  var colorInputEle = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
+  var colorInputEle = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement("div", {
     className: containerCls,
     ref: inputRef,
     style: style
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Input"], {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_16__["Input"], {
     borderType: pure ? 'bordered' : borderType,
     placeholder: placeholder,
     disabled: disabled,
@@ -10890,16 +10901,16 @@ var InternalColorPicker = function InternalColorPicker(props, ref) {
     onChange: handleChange,
     onBlur: handleBlur,
     onClick: handleClick,
-    prefix: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
+    prefix: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement("div", {
       onClick: handleClick,
-      className: classnames__WEBPACK_IMPORTED_MODULE_13___default()("".concat(colorPickerPrefixCls, "-icon-container"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(colorPickerPrefixCls, "-icon-container-disabled"), disabled))
+      className: classnames__WEBPACK_IMPORTED_MODULE_14___default()("".concat(colorPickerPrefixCls, "-icon-container"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(colorPickerPrefixCls, "-icon-container-disabled"), disabled))
     }, prefixIcon ? prefixIcon(colTypeArr[2].value, beforeIcon()) : beforeIcon()),
-    suffix: suffixIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
+    suffix: suffixIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement("div", {
       onClick: handleClick,
       className: "".concat(colorPickerPrefixCls, "-icon-container")
     }, suffixIcon(colTypeArr[2].value, beforeIcon()))
   }));
-  var panel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_color_picker_panel__WEBPACK_IMPORTED_MODULE_18__["default"]
+  var panel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement(_color_picker_panel__WEBPACK_IMPORTED_MODULE_19__["default"]
   // API
   , {
     showAlphaInput: showAlphaInput,
@@ -10955,9 +10966,11 @@ var InternalColorPicker = function InternalColorPicker(props, ref) {
     onVisibleChange: null,
     clickToClose: false
   });
-  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_23__["default"])(colorInputEle, panel, popperProps);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement(_popper__WEBPACK_IMPORTED_MODULE_24__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
+    tip: panel
+  }, popperProps), colorInputEle);
 };
-var ColorPicker = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_12__["forwardRef"])(InternalColorPicker);
+var ColorPicker = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_13__["forwardRef"])(InternalColorPicker);
 ColorPicker.displayName = 'ColorPicker';
 /* harmony default export */ __webpack_exports__["default"] = (ColorPicker);
 
@@ -29559,7 +29572,11 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_18__["forwardRef
     var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
     triggerOpen(nextOpen, triggerType, delay);
   };
-  var onClick = lodash_debounce__WEBPACK_IMPORTED_MODULE_23___default()(function () {
+  var onClick = lodash_debounce__WEBPACK_IMPORTED_MODULE_23___default()(function (e) {
+    var targetEl = e.target;
+    if (!targetEl) return;
+    var ignoreEl = closestPolyfill(targetEl, '[data-popper-ignore]');
+    if (ignoreEl) return;
     if (!visibleInner) {
       onTriggerInner(true, 'click');
     } else if (clickToClose) {
@@ -29654,6 +29671,10 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_18__["forwardRef
   }, [visibleInner, scrollHidden, popperRefDom]);
   Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
     var clickHandle = lodash_debounce__WEBPACK_IMPORTED_MODULE_23___default()(function (e) {
+      var targetEl = e.target;
+      if (!targetEl) return;
+      var ignoreEl = closestPolyfill(targetEl, '[data-popper-ignore]');
+      if (ignoreEl) return;
       if (visibleInner) {
         var _popperRefDom$current3, _popperRefDom$current4, _domReference$contain;
         var isPopper = popperRefDom.current ? popperRefDom.current === e.target || ((_popperRefDom$current3 = (_popperRefDom$current4 = popperRefDom.current).contains) === null || _popperRefDom$current3 === void 0 ? void 0 : _popperRefDom$current3.call(_popperRefDom$current4, e.target)) : false;
@@ -29673,7 +29694,8 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_18__["forwardRef
         }
       }
     }, 10, {
-      leading: true
+      leading: true,
+      trailing: false
     });
     if (visibleInner) {
       document.addEventListener('click', clickHandle, true);
@@ -29855,6 +29877,22 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_18__["forwardRef
       resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
     };
   }, [exist, placementInner]);
+
+  // 添加对referenceElement的尺寸变化监听
+  Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
+    if (!exist) return;
+    var current = getRealDom(referenceRef, referenceElement);
+    if (!current) return;
+    var referenceResizeObserver = new resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_20__["default"](function () {
+      var _popperInstance$curre5;
+      // 当referenceElement尺寸变化时，更新popper位置
+      (_popperInstance$curre5 = popperInstance.current) === null || _popperInstance$curre5 === void 0 ? void 0 : _popperInstance$curre5.update();
+    });
+    referenceResizeObserver.observe(current);
+    return function () {
+      referenceResizeObserver === null || referenceResizeObserver === void 0 ? void 0 : referenceResizeObserver.disconnect();
+    };
+  }, [exist, referenceRef, referenceElement]);
   useEnhancedEffect(function () {
     if (!exist) {
       return undefined;
@@ -29866,8 +29904,8 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_18__["forwardRef
       registerSubPopup();
     }
     return function () {
-      var _popperInstance$curre5;
-      (_popperInstance$curre5 = popperInstance.current) === null || _popperInstance$curre5 === void 0 ? void 0 : _popperInstance$curre5.destroy();
+      var _popperInstance$curre6;
+      (_popperInstance$curre6 = popperInstance.current) === null || _popperInstance$curre6 === void 0 ? void 0 : _popperInstance$curre6.destroy();
     };
   }, [exist]);
   if (children === null || typeof children === 'undefined') {
@@ -32854,7 +32892,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_react_children__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ../_utils/react-children */ "./components/_utils/react-children.ts");
 /* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
 /* harmony import */ var _option__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./option */ "./components/select/option.tsx");
-/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
+/* harmony import */ var _popper__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ../popper */ "./components/popper/index.tsx");
 /* harmony import */ var _virtual_list__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ../virtual-list */ "./components/virtual-list/index.tsx");
 /* harmony import */ var _utils_KeyCode__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../_utils/KeyCode */ "./components/_utils/KeyCode.ts");
 
@@ -33652,7 +33690,10 @@ var InternalSelect = function InternalSelect(props, ref) {
         onClose: function onClose(e) {
           return handleRemove(e, value);
         },
-        "data-tag": value
+        "data-tag": value,
+        customCloseProps: {
+          'data-popper-ignore': true
+        }
       }, label)) : null;
     }), maxTagCount && mulOptions.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_28___default.a.createElement("span", {
       className: itemCls
@@ -33847,10 +33888,13 @@ var InternalSelect = function InternalSelect(props, ref) {
     popperStyle: catchStyle(),
     defaultVisible: optionShow,
     visible: optionShow,
+    triggerScroll: true,
     onVisibleChange: handleVisibleChange,
     clickToClose: !(isShowSearch && searchValue)
   });
-  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_37__["default"])(renderSelect(), renderContent(), popperProps);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_28___default.a.createElement(_popper__WEBPACK_IMPORTED_MODULE_37__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_11___default()({
+    tip: renderContent()
+  }, popperProps), renderSelect());
 };
 var Select = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_28___default.a.forwardRef(InternalSelect);
 Select.displayName = 'Select';
@@ -37694,7 +37738,7 @@ function getApi(pipelineRef) {
     var colBeforeViewport = vScrollLeft > colLeftPixel; // 滚动距离大于目标列前面列宽总和，说明目标列在视口之前
     var colPastViewport = vScrollRight < colRightPixel; // 目标列是视口之后
 
-    var colToSmallForViewport = viewportWidth < column.width;
+    var colToSmallForViewport = viewportWidth - lockColumnLeft - lockColumnRight < column.width;
     var alignColToLeft = colBeforeViewport || colToSmallForViewport;
     var alignColToRight = colPastViewport;
     if (alignColToLeft || alignColToRight) {
@@ -39447,7 +39491,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var _excluded = ["className", "clickable", "closable", "closeIcon", "color", "disabled", "icon", "size", "type", "onClick", "onClose", "style", "prefixCls", "children"];
+var _excluded = ["className", "clickable", "closable", "closeIcon", "color", "disabled", "icon", "size", "type", "onClick", "onClose", "style", "prefixCls", "customCloseProps", "children"];
 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_1___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; }
 
@@ -39490,6 +39534,7 @@ var InteranalTag = function InteranalTag(props, ref) {
     onClose = tagProps.onClose,
     style = tagProps.style,
     customPrefixcls = tagProps.prefixCls,
+    customCloseProps = tagProps.customCloseProps,
     children = tagProps.children,
     others = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2___default()(tagProps, _excluded);
   Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_17__["default"])(TagTypes.indexOf(type) === -1, 'tag', "cannot found tag type '".concat(type, "'"));
@@ -39549,10 +39594,10 @@ var InteranalTag = function InteranalTag(props, ref) {
   });
   var closeNode = closable && type === 'edit' ? disabled ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
     className: "".concat(tagPrefixCls, "-closeWrapper")
-  }, closeIconNode) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
+  }, closeIconNode) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
     className: "".concat(tagPrefixCls, "-closeWrapper"),
     onClick: handleClose
-  }, closeIconNode) : null;
+  }, customCloseProps), closeIconNode) : null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
     ref: tagRef,
     onClick: handleClick,