@kdcloudjs/kdesign 1.8.2 → 1.8.4

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.8.1
+ *   @kdcloudjs/kdesign v1.8.3
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -4659,7 +4659,7 @@ var InternalBaseData = function InternalBaseData(props, ref) {
     var _inputRef$current2;
     var inputDom = (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.input;
     if (!inputDom) return;
-    if (inputDom.scrollWidth - inputDom.offsetWidth > 0) {
+    if (inputDom.scrollWidth - inputDom.offsetWidth > 0 && inputValue) {
       setShowTotal(true);
     } else {
       setShowTotal(false);
@@ -6134,38 +6134,40 @@ __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_array_concat_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_3__ = __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_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_4__ = __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_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_5__ = __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_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_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_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_7__ = __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_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_8__ = __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_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_9__ = __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_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
-/* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! resize-observer-polyfill */ "./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js");
-/* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
-/* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
-/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! lodash/isBoolean */ "./node_modules/lodash/isBoolean.js");
-/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(lodash_isBoolean__WEBPACK_IMPORTED_MODULE_17__);
-/* harmony import */ var _fadeList__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./fadeList */ "./components/carousel/fadeList.tsx");
-/* harmony import */ var _slideList__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./slideList */ "./components/carousel/slideList.tsx");
-/* harmony import */ var _displayList__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./displayList */ "./components/carousel/displayList.tsx");
-/* harmony import */ var _slidebar__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./slidebar */ "./components/carousel/slidebar.tsx");
-/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../icon */ "./components/icon/index.tsx");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__ = __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_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.promise.js */ "./node_modules/core-js/modules/es.promise.js");
+/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_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_ConfigContext__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! resize-observer-polyfill */ "./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js");
+/* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
+/* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
+/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! lodash/isBoolean */ "./node_modules/lodash/isBoolean.js");
+/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(lodash_isBoolean__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var _fadeList__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./fadeList */ "./components/carousel/fadeList.tsx");
+/* harmony import */ var _slideList__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./slideList */ "./components/carousel/slideList.tsx");
+/* harmony import */ var _displayList__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./displayList */ "./components/carousel/displayList.tsx");
+/* harmony import */ var _slidebar__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./slidebar */ "./components/carousel/slidebar.tsx");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../icon */ "./components/icon/index.tsx");
 
 
 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; }
@@ -6191,14 +6193,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
-var DotPositionTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_16__["tuple"])('top', 'left', 'bottom', 'right');
-var EffectTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_16__["tuple"])('scrollx', 'fade');
+
+var DotPositionTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_17__["tuple"])('top', 'left', 'bottom', 'right');
+var EffectTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_17__["tuple"])('scrollx', 'fade');
 var InternalCarousel = function InternalCarousel(props, ref) {
-  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_10__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_12__["default"]),
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_11__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_13__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps;
-  var carouselProps = Object(_utils__WEBPACK_IMPORTED_MODULE_13__["getCompProps"])('Carousel', userDefaultProps, props);
+  var carouselProps = Object(_utils__WEBPACK_IMPORTED_MODULE_14__["getCompProps"])('Carousel', userDefaultProps, props);
   var autoplay = carouselProps.autoplay,
     jumpNode = carouselProps.jumpNode,
     dotPosition = carouselProps.dotPosition,
@@ -6212,74 +6215,87 @@ var InternalCarousel = function InternalCarousel(props, ref) {
     customPrefixcls = carouselProps.prefixCls,
     className = carouselProps.className,
     style = carouselProps.style;
-  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_15__["default"])(DotPositionTypes.indexOf(dotPosition) === -1, 'carousel', "cannot found dotPosition type '".concat(dotPosition, "'"));
-  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_15__["default"])(EffectTypes.indexOf(effect) === -1, 'carousel', "cannot found effect type '".concat(effect, "'"));
+  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_16__["default"])(DotPositionTypes.indexOf(dotPosition) === -1, 'carousel', "cannot found dotPosition type '".concat(dotPosition, "'"));
+  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_16__["default"])(EffectTypes.indexOf(effect) === -1, 'carousel', "cannot found effect type '".concat(effect, "'"));
   var carouselPrefixCls = getPrefixCls(prefixCls, 'carousel', customPrefixcls); // 按钮样式前缀
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_10___default.a.useState(0),
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_11___default.a.useState(0),
     _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState, 2),
     itemWidth = _React$useState2[0],
     setItemWidth = _React$useState2[1];
-  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_10___default.a.useState(false),
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_11___default.a.useState(false),
     _React$useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState3, 2),
     needAnimation = _React$useState4[0],
     setNeedAnimation = _React$useState4[1];
-  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_10___default.a.useState(0),
+  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_11___default.a.useState(0),
     _React$useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState5, 2),
     currentIndex = _React$useState6[0],
     setCurrentIndex = _React$useState6[1];
-  var carouselRef = react__WEBPACK_IMPORTED_MODULE_10___default.a.useRef();
-  var listRef = react__WEBPACK_IMPORTED_MODULE_10___default.a.useRef();
-  var autoplayRef = react__WEBPACK_IMPORTED_MODULE_10___default.a.useRef();
-  var isScrollxEffect = react__WEBPACK_IMPORTED_MODULE_10___default.a.useMemo(function () {
+  var carouselRef = react__WEBPACK_IMPORTED_MODULE_11___default.a.useRef();
+  var listRef = react__WEBPACK_IMPORTED_MODULE_11___default.a.useRef();
+  var autoplayRef = react__WEBPACK_IMPORTED_MODULE_11___default.a.useRef();
+  var processChildren = function processChildren(children) {
+    var childCount = react__WEBPACK_IMPORTED_MODULE_11___default.a.Children.count(children);
+    if (childCount === 0) {
+      return [];
+    } else if (childCount === 1) {
+      return [children];
+    } else {
+      return react__WEBPACK_IMPORTED_MODULE_11___default.a.Children.toArray(children);
+    }
+  };
+  var tempChild = processChildren(children);
+  var isScrollxEffect = react__WEBPACK_IMPORTED_MODULE_11___default.a.useMemo(function () {
     return effect === 'scrollx';
   }, [effect]);
-  var isFadeEffect = react__WEBPACK_IMPORTED_MODULE_10___default.a.useMemo(function () {
+  var isFadeEffect = react__WEBPACK_IMPORTED_MODULE_11___default.a.useMemo(function () {
     return effect === 'fade';
   }, [effect]);
-  var isNoneEffect = react__WEBPACK_IMPORTED_MODULE_10___default.a.useMemo(function () {
+  var isNoneEffect = react__WEBPACK_IMPORTED_MODULE_11___default.a.useMemo(function () {
     return effect === 'none';
   }, [effect]);
-  var posX = react__WEBPACK_IMPORTED_MODULE_10___default.a.useMemo(function () {
+  var posX = react__WEBPACK_IMPORTED_MODULE_11___default.a.useMemo(function () {
     return -1 * (currentIndex + 1) * itemWidth;
   }, [currentIndex, itemWidth]);
-  var reSize = react__WEBPACK_IMPORTED_MODULE_10___default.a.useCallback(function (rect) {
+  var reSize = react__WEBPACK_IMPORTED_MODULE_11___default.a.useCallback(function (rect) {
     if (itemWidth !== rect.width && !rect.hide) {
       setItemWidth(rect.width);
     }
   }, [itemWidth]);
-  var setScrollXEffectStyle = react__WEBPACK_IMPORTED_MODULE_10___default.a.useCallback(function () {
-    if (!listRef.current) return;
+  var setScrollXEffectStyle = react__WEBPACK_IMPORTED_MODULE_11___default.a.useCallback(function () {
+    var tempChild = processChildren(children);
+    if (!listRef.current || tempChild.length <= 1) return;
     listRef.current.style.cssText = needAnimation ? "transform: translateX(".concat(posX, "px); transition:all 0.3s ").concat(easing) : "transform: translateX(".concat(posX, "px); transition:none");
   }, [children === null || children === void 0 ? void 0 : children.length, needAnimation, easing, posX]);
-  var jumpTo = react__WEBPACK_IMPORTED_MODULE_10___default.a.useCallback(function (index, needAnimation) {
+  var jumpTo = react__WEBPACK_IMPORTED_MODULE_11___default.a.useCallback(function (index, needAnimation) {
+    var tempChild = processChildren(children);
     if (isFadeEffect) {
-      if (index === -1 || index === children.length) index = 0;
+      if (index === -1 || index === tempChild.length) index = 0;
       beforeChange && beforeChange(currentIndex, index);
       setCurrentIndex(index);
       setNeedAnimation(needAnimation);
-    } else if (index >= -1 && index <= children.length) {
+    } else if (index >= -1 && index <= tempChild.length) {
       beforeChange && beforeChange(currentIndex, index);
       setCurrentIndex(index);
       setNeedAnimation(needAnimation);
     }
   }, [isFadeEffect, beforeChange, currentIndex, children === null || children === void 0 ? void 0 : children.length]);
-  var next = react__WEBPACK_IMPORTED_MODULE_10___default.a.useCallback(function () {
+  var next = react__WEBPACK_IMPORTED_MODULE_11___default.a.useCallback(function () {
     jumpTo(currentIndex + 1, true);
   }, [currentIndex, jumpTo]);
-  var prev = react__WEBPACK_IMPORTED_MODULE_10___default.a.useCallback(function () {
+  var prev = react__WEBPACK_IMPORTED_MODULE_11___default.a.useCallback(function () {
     jumpTo(currentIndex - 1, true);
   }, [currentIndex, jumpTo]);
-  var play = react__WEBPACK_IMPORTED_MODULE_10___default.a.useCallback(function () {
+  var play = react__WEBPACK_IMPORTED_MODULE_11___default.a.useCallback(function () {
     autoplayRef.current && clearTimeout(autoplayRef.current);
     autoplayRef.current = setTimeout(function () {
       next();
     }, intervalTime);
   }, [intervalTime, next]);
-  react__WEBPACK_IMPORTED_MODULE_10___default.a.useEffect(function () {
+  react__WEBPACK_IMPORTED_MODULE_11___default.a.useEffect(function () {
     var element = carouselRef.current;
     var handler = reSize;
     if (!element) {
-      Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_15__["default"])(!element && element !== null, 'useResizeMeasure', 'Specified element for useResizeMeasure does not exist');
+      Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_16__["default"])(!element && element !== null, 'useResizeMeasure', 'Specified element for useResizeMeasure does not exist');
       return;
     }
     var measure = function measure(entries) {
@@ -6308,16 +6324,16 @@ var InternalCarousel = function InternalCarousel(props, ref) {
         hide: hide
       });
     };
-    var resizeObserver = new resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_14__["default"](measure);
+    var resizeObserver = new resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_15__["default"](measure);
     resizeObserver && resizeObserver.observe(element);
     return function () {
       resizeObserver && resizeObserver.disconnect();
     };
   }, [reSize]);
-  react__WEBPACK_IMPORTED_MODULE_10___default.a.useLayoutEffect(function () {
+  react__WEBPACK_IMPORTED_MODULE_11___default.a.useLayoutEffect(function () {
     isScrollxEffect && setScrollXEffectStyle();
   }, [setScrollXEffectStyle, isScrollxEffect]);
-  react__WEBPACK_IMPORTED_MODULE_10___default.a.useEffect(function () {
+  react__WEBPACK_IMPORTED_MODULE_11___default.a.useEffect(function () {
     if (autoplay) {
       play();
     }
@@ -6326,9 +6342,9 @@ var InternalCarousel = function InternalCarousel(props, ref) {
     };
   }, [currentIndex, autoplay, intervalTime, play]);
   var showDot = function showDot() {
-    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_17___default()(dots) ? dots : true;
+    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_18___default()(dots) ? dots : true;
   };
-  Object(react__WEBPACK_IMPORTED_MODULE_10__["useImperativeHandle"])(ref, function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_11__["useImperativeHandle"])(ref, function () {
     return {
       next: next,
       prev: prev,
@@ -6338,14 +6354,15 @@ var InternalCarousel = function InternalCarousel(props, ref) {
       }
     };
   });
-  var handleClick = react__WEBPACK_IMPORTED_MODULE_10___default.a.useCallback(function (index) {
+  var handleClick = react__WEBPACK_IMPORTED_MODULE_11___default.a.useCallback(function (index) {
     beforeChange && beforeChange(currentIndex, index);
     setCurrentIndex(index);
     setNeedAnimation(true);
   }, [beforeChange, currentIndex]);
-  var handleTransitionEnd = react__WEBPACK_IMPORTED_MODULE_10___default.a.useCallback(function () {
-    if (!autoplay || !(children !== null && children !== void 0 && children.length)) return;
-    var childrenL = children.length;
+  var handleTransitionEnd = react__WEBPACK_IMPORTED_MODULE_11___default.a.useCallback(function () {
+    var tempChild = processChildren(children);
+    if (!autoplay || !(tempChild !== null && tempChild !== void 0 && tempChild.length)) return;
+    var childrenL = tempChild.length;
     var newCurrentIndex = currentIndex;
     if (isScrollxEffect) {
       if (currentIndex === -1) {
@@ -6359,18 +6376,19 @@ var InternalCarousel = function InternalCarousel(props, ref) {
     setCurrentIndex(newCurrentIndex);
     isScrollxEffect && setNeedAnimation(false);
   }, [currentIndex, children === null || children === void 0 ? void 0 : children.length, afterChange, isScrollxEffect, autoplay]);
-  var handleMouseEnter = react__WEBPACK_IMPORTED_MODULE_10___default.a.useCallback(function () {
+  var handleMouseEnter = react__WEBPACK_IMPORTED_MODULE_11___default.a.useCallback(function () {
     autoplayRef.current && clearTimeout(autoplayRef.current);
   }, []);
-  var handleMouseLeave = react__WEBPACK_IMPORTED_MODULE_10___default.a.useCallback(function () {
+  var handleMouseLeave = react__WEBPACK_IMPORTED_MODULE_11___default.a.useCallback(function () {
     autoplay && play();
   }, [play, autoplay]);
-  var rootClassName = classnames__WEBPACK_IMPORTED_MODULE_11___default()(className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(carouselPrefixCls, "-root"), true));
+  var rootClassName = classnames__WEBPACK_IMPORTED_MODULE_12___default()(className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(carouselPrefixCls, "-root"), true));
   var renderDisplayList = function renderDisplayList() {
+    var tempChild = processChildren(children);
     var content;
     if (isFadeEffect) {
-      content = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_fadeList__WEBPACK_IMPORTED_MODULE_18__["FadeList"], {
-        items: children,
+      content = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_fadeList__WEBPACK_IMPORTED_MODULE_19__["FadeList"], {
+        items: tempChild,
         parentPrefixCls: carouselPrefixCls,
         needAnimation: needAnimation,
         currentIndex: currentIndex,
@@ -6378,15 +6396,15 @@ var InternalCarousel = function InternalCarousel(props, ref) {
         itemWidth: itemWidth
       });
     } else if (isNoneEffect) {
-      content = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_displayList__WEBPACK_IMPORTED_MODULE_20__["DisplayList"], {
-        items: children,
+      content = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_displayList__WEBPACK_IMPORTED_MODULE_21__["DisplayList"], {
+        items: tempChild,
         parentPrefixCls: carouselPrefixCls,
         currentIndex: currentIndex,
         ref: listRef
       });
     } else {
-      content = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_slideList__WEBPACK_IMPORTED_MODULE_19__["SlideList"], {
-        items: children,
+      content = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_slideList__WEBPACK_IMPORTED_MODULE_20__["SlideList"], {
+        items: tempChild,
         parentPrefixCls: carouselPrefixCls,
         currentIndex: currentIndex,
         ref: listRef
@@ -6395,7 +6413,8 @@ var InternalCarousel = function InternalCarousel(props, ref) {
     return content;
   };
   var renderJumpNode = function renderJumpNode() {
-    if (children !== null && children !== void 0 && children.length && jumpNode) {
+    var tempChild = processChildren(children);
+    if (tempChild !== null && tempChild !== void 0 && tempChild.length && jumpNode) {
       var jumpClassPrefix = "".concat(carouselPrefixCls, "-jump");
       var leftClick = function leftClick(e) {
         e.stopPropagation();
@@ -6405,7 +6424,7 @@ var InternalCarousel = function InternalCarousel(props, ref) {
       };
       var rightClick = function rightClick(e) {
         e.stopPropagation();
-        if (currentIndex !== children.length - 1) {
+        if (currentIndex !== tempChild.length - 1) {
           next();
         }
       };
@@ -6425,25 +6444,25 @@ var InternalCarousel = function InternalCarousel(props, ref) {
           onClick: onClick
         });
       };
-      var leftNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_11___default()(jumpClassPrefix, "".concat(jumpClassPrefix, "-left"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(jumpClassPrefix, "-disabled"), currentIndex <= 0))
-      }, Array.isArray(jumpNode) && jumpNode.length > 0 && /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_10__["isValidElement"])(jumpNode[0]) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.cloneElement(jumpNode[0], mergeNode(jumpNode[0], 'left')) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_22__["default"], {
+      var leftNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
+        className: classnames__WEBPACK_IMPORTED_MODULE_12___default()(jumpClassPrefix, "".concat(jumpClassPrefix, "-left"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(jumpClassPrefix, "-disabled"), currentIndex <= 0))
+      }, Array.isArray(jumpNode) && jumpNode.length > 0 && /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_11__["isValidElement"])(jumpNode[0]) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.cloneElement(jumpNode[0], mergeNode(jumpNode[0], 'left')) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_23__["default"], {
         className: "".concat(jumpClassPrefix, "-icon"),
         type: 'arrow-left-circle-solid',
         onClick: leftClick
       }));
-      var rightNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_11___default()(jumpClassPrefix, "".concat(jumpClassPrefix, "-right"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(jumpClassPrefix, "-disabled"), currentIndex >= children.length - 1))
-      }, Array.isArray(jumpNode) && jumpNode.length > 1 && /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_10__["isValidElement"])(jumpNode[1]) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.cloneElement(jumpNode[1], mergeNode(jumpNode[1], 'right')) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_22__["default"], {
+      var rightNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
+        className: classnames__WEBPACK_IMPORTED_MODULE_12___default()(jumpClassPrefix, "".concat(jumpClassPrefix, "-right"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(jumpClassPrefix, "-disabled"), currentIndex >= tempChild.length - 1))
+      }, Array.isArray(jumpNode) && jumpNode.length > 1 && /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_11__["isValidElement"])(jumpNode[1]) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.cloneElement(jumpNode[1], mergeNode(jumpNode[1], 'right')) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_23__["default"], {
         className: "".concat(jumpClassPrefix, "-icon"),
         type: 'arrow-right-circle-solid',
         onClick: rightClick
       }));
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_10___default.a.Fragment, null, leftNode, rightNode);
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_11___default.a.Fragment, null, leftNode, rightNode);
     }
     return null;
   };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("div", {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
     className: rootClassName,
     ref: carouselRef,
     onTransitionEnd: function onTransitionEnd() {
@@ -6452,8 +6471,8 @@ var InternalCarousel = function InternalCarousel(props, ref) {
     style: style,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
-  }, children !== null && children !== void 0 && children.length ? renderDisplayList() : null, children !== null && children !== void 0 && children.length && showDot() ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement(_slidebar__WEBPACK_IMPORTED_MODULE_21__["Slidebar"], {
-    number: children.length,
+  }, tempChild !== null && tempChild !== void 0 && tempChild.length ? renderDisplayList() : null, tempChild !== null && tempChild !== void 0 && tempChild.length && showDot() ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_slidebar__WEBPACK_IMPORTED_MODULE_22__["Slidebar"], {
+    number: tempChild.length,
     currentIndex: currentIndex,
     dotsClassName: dots,
     parentPrefixCls: carouselPrefixCls,
@@ -6461,7 +6480,7 @@ var InternalCarousel = function InternalCarousel(props, ref) {
     onClick: handleClick
   }) : null, renderJumpNode());
 };
-var Carousel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.forwardRef(InternalCarousel);
+var Carousel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwardRef(InternalCarousel);
 Carousel.displayName = 'Carousel';
 /* harmony default export */ __webpack_exports__["default"] = (Carousel);
 
@@ -6642,7 +6661,7 @@ var SlideList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.forwar
   var slideListPrefixCls = "".concat(parentPrefixCls, "-list-slide");
   var listPrefixCls = "".concat(parentPrefixCls, "-list");
   var renderItems = function renderItems() {
-    var _items = items.slice(-1).concat(items, items.slice(0, 1)); // 首位分别添加一项
+    var _items = items.length > 1 ? items.slice(-1).concat(items, items.slice(0, 1)) : items; // 首位分别添加一项
     return _items.map(function (item, index) {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("li", {
         className: classnames__WEBPACK_IMPORTED_MODULE_4___default()("".concat(listPrefixCls, "-item"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(listPrefixCls, "-item-active"), currentIndex === index - 1)),
@@ -9721,6 +9740,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react_color__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! react-color */ "./node_modules/react-color/es/index.js");
 /* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
 /* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
+/* harmony import */ var _utils_ieUtil__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../_utils/ieUtil */ "./components/_utils/ieUtil.ts");
 
 
 
@@ -9742,8 +9762,9 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 var ColorPickerPanel = function ColorPickerPanel(props) {
-  var _classNames;
+  var _classNames, _classNames2;
   var setCorrectColorValue = props.setCorrectColorValue,
     setInputColorValue = props.setInputColorValue,
     setAlpha = props.setAlpha,
@@ -9789,7 +9810,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
   var panelContainerCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-container"));
   var panelInputCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-container-input"));
   var transparentCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-container-transparent"));
-  var colorDivContainerCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-colorDivContainer"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(colorPickerPrefixCls, "-panel-colorDivContainer-unset-color"), (presetColor === null || presetColor === void 0 ? void 0 : presetColor.length) === 0));
+  var colorDivContainerCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-colorDivContainer"), (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(colorPickerPrefixCls, "-panel-colorDivContainer-unset-color"), (presetColor === null || presetColor === void 0 ? void 0 : presetColor.length) === 0), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(colorPickerPrefixCls, "-panel-colorDivContainer-ie11"), _utils_ieUtil__WEBPACK_IMPORTED_MODULE_20__["isIE"]), _classNames2));
   var colorLiClick = function colorLiClick(index, colorValue) {
     var formatArr = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_12__["colorFormat"])(colorValue, alpha);
     var formatValue = Object(_utils_convertLetters__WEBPACK_IMPORTED_MODULE_15__["toLowerCase"])(formatArr[Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_12__["valOfCorrespondingType"])(currentColorType)].value);
@@ -27845,6 +27866,8 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_18__["forwardRef
     trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
     _props$placement = props.placement,
     placement = _props$placement === void 0 ? 'top' : _props$placement,
+    _props$strategy = props.strategy,
+    strategy = _props$strategy === void 0 ? 'absolute' : _props$strategy,
     visible = props.visible,
     _props$arrowSize = props.arrowSize,
     arrowSize = _props$arrowSize === void 0 ? 4.25 : _props$arrowSize,
@@ -28142,7 +28165,7 @@ var Popper = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_18__["forwardRef
   var popperOptionsInner = {
     placement: placementInner,
     modifiers: popperModifiers,
-    strategy: 'fixed'
+    strategy: strategy
   };
   useEnhancedEffect(function () {
     if (visibleInner) {
@@ -31309,13 +31332,13 @@ var InternalSelect = function InternalSelect(props, ref) {
               if (options && options.length) {
                 arr.push({
                   value: obj === null || obj === void 0 ? void 0 : obj.value,
-                  label: (obj === null || obj === void 0 ? void 0 : obj.label) || (obj === null || obj === void 0 ? void 0 : obj.value)
+                  label: getOptionLabel(obj) || (obj === null || obj === void 0 ? void 0 : obj.label) || (obj === null || obj === void 0 ? void 0 : obj.value)
                 });
               } else {
                 var _obj$props, _obj$props2;
                 arr.push({
                   value: (_obj$props = obj.props) === null || _obj$props === void 0 ? void 0 : _obj$props.value,
-                  label: (_obj$props2 = obj.props) === null || _obj$props2 === void 0 ? void 0 : _obj$props2.children
+                  label: getOptionLabel(obj) || ((_obj$props2 = obj.props) === null || _obj$props2 === void 0 ? void 0 : _obj$props2.children)
                 });
               }
             } else {
@@ -32321,13 +32344,13 @@ var DrawingBoard = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_5__["forwa
     d: "M9.16767025,16.9762781 C9.5300869,17.3386948 9.5300869,17.9262881 9.16767025,18.2887049 C8.84552213,18.6108529 8.34545651,18.6466472 7.98377112,18.3960875 L7.85524348,18.2887049 L0.815437446,11.2488988 C-0.203859357,10.229602 -0.267565411,8.61657722 0.624319283,7.52306442 L0.815437446,7.31161852 L7.85524348,0.271812484 C8.21766013,-0.0906041612 8.80525361,-0.0906041612 9.16767025,0.271812484 C9.48981838,0.593960608 9.5256126,1.09402626 9.27505297,1.45571158 L9.16767025,1.58423925 L2.39801882,8.35223283 L18.7197413,8.35223283 C24.8235066,8.35223283 28,11.88167 28,18.5605173 C28,25.0286774 25.0409921,28.8154573 19.1996764,29.6367412 L18.7197413,29.6968277 L3.87132753,29.6968277 C3.358793,29.6968277 2.94330165,29.2813365 2.94330165,28.7688019 C2.94330165,28.3132156 3.27159111,27.9343054 3.70451369,27.8557278 L3.87132753,27.840776 L18.6172581,27.846452 C23.6969089,27.2820464 26.1439483,24.2912204 26.1439483,18.5605173 C26.1439483,13.0283959 23.8870007,10.3626156 19.1446408,10.2148013 L18.7197413,10.2082845 L2.39987488,10.2082845 L9.16767025,16.9762781 Z",
     id: "\u8DEF\u5F84",
     fill: "currentColor"
-  }))))) : null, onClear ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_6__["default"], {
+  }))))) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_6__["default"], {
     type: "delete",
     className: "".concat(prefixCls, "-drawing-board-clear"),
     onClick: function onClick() {
       return handleOnClear();
     }
-  }) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span", {
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span", {
     className: "".concat(prefixCls, "-drawing-board-tip")
   }, isEmpty ? signatureLangMsg === null || signatureLangMsg === void 0 ? void 0 : signatureLangMsg.pleaseWriteHere : ''), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("canvas", {
     ref: canvasRef
@@ -32612,7 +32635,12 @@ var Signature = function Signature(props) {
     id: "\u5F62\u72B6",
     fill: "#666666"
   }))))));
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_4___default.a.Fragment, null, dataUrl ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(_image__WEBPACK_IMPORTED_MODULE_9__["default"], {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_4___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", {
+    className: signatureClass,
+    ref: triggerRef,
+    style: style
+  }, dataUrl ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(_image__WEBPACK_IMPORTED_MODULE_9__["default"], {
+    className: "".concat(signaturePrefixCls, "-image"),
     preview: preview,
     src: dataUrl,
     title: "\u5220\u9664",
@@ -32624,13 +32652,11 @@ var Signature = function Signature(props) {
       }
     })] : undefined
   }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", {
-    className: signatureClass,
-    ref: triggerRef,
-    onClick: handleOnClick,
-    style: style
+    className: "".concat(signaturePrefixCls, "-empty"),
+    onClick: handleOnClick
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_8__["default"], {
     type: "edit"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("span", null, signatureLangMsg === null || signatureLangMsg === void 0 ? void 0 : signatureLangMsg.clickToSign)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(_modal__WEBPACK_IMPORTED_MODULE_7__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("span", null, signatureLangMsg === null || signatureLangMsg === void 0 ? void 0 : signatureLangMsg.clickToSign))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(_modal__WEBPACK_IMPORTED_MODULE_7__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
     width: containerWidth,
     height: containerHeight,
     ref: modalRef,