@douyinfe/semi-ui 2.1.4-alpha.0 → 2.2.0-beta.0

package/dist/umd/semi-ui.js

@@ -5993,9 +5993,9 @@ var Iterators = __webpack_require__("m/wn");
 
 var returnThis = function () { return this; };
 
-module.exports = function (IteratorConstructor, NAME, next) {
+module.exports = function (IteratorConstructor, NAME, next, ENUMERABLE_NEXT) {
   var TO_STRING_TAG = NAME + ' Iterator';
-  IteratorConstructor.prototype = create(IteratorPrototype, { next: createPropertyDescriptor(1, next) });
+  IteratorConstructor.prototype = create(IteratorPrototype, { next: createPropertyDescriptor(+!ENUMERABLE_NEXT, next) });
   setToStringTag(IteratorConstructor, TO_STRING_TAG, false, true);
   Iterators[TO_STRING_TAG] = returnThis;
   return IteratorConstructor;
@@ -11339,7 +11339,7 @@ var store = __webpack_require__("yULr");
 (module.exports = function (key, value) {
   return store[key] || (store[key] = value !== undefined ? value : {});
 })('versions', []).push({
-  version: '3.19.2',
+  version: '3.19.3',
   mode: IS_PURE ? 'pure' : 'global',
   copyright: '© 2021 Denis Pushkarev (zloirock.ru)'
 });
@@ -12661,25 +12661,14 @@ module.exports = Symbol;
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    module.exports = _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-
-    module.exports["default"] = module.exports, module.exports.__esModule = true;
-  } else {
-    module.exports = _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-
-    module.exports["default"] = module.exports, module.exports.__esModule = true;
-  }
-
-  return _typeof(obj);
+  return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
 }
 
-module.exports = _typeof;
-module.exports["default"] = module.exports, module.exports.__esModule = true;
+module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
 
@@ -13763,7 +13752,7 @@ const getHighLightTextHTML = _ref => {
   const markEle = option.highlightTag || 'mark';
   const highlightClassName = option.highlightClassName || '';
   const highlightStyle = option.highlightStyle || {};
-  return _babel_runtime_corejs3_core_js_stable_instance_map__WEBPACK_IMPORTED_MODULE_7___default()(chunks).call(chunks, chunk => {
+  return _babel_runtime_corejs3_core_js_stable_instance_map__WEBPACK_IMPORTED_MODULE_7___default()(chunks).call(chunks, (chunk, index) => {
     const {
       end,
       start,
@@ -13774,7 +13763,8 @@ const getHighLightTextHTML = _ref => {
     if (highlight) {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(markEle, {
         style: highlightStyle,
-        className: highlightClassName
+        className: highlightClassName,
+        key: text + index
       }, text);
     } else {
       return text;
@@ -18798,7 +18788,7 @@ var URLSearchParamsIterator = createIteratorConstructor(function Iterator(params
   if (!step.done) {
     step.value = kind === 'keys' ? entry.key : kind === 'values' ? entry.value : [entry.key, entry.value];
   } return step;
-});
+}, true);
 
 var URLSearchParamsState = function (init) {
   this.entries = [];
@@ -19183,7 +19173,7 @@ var V8_VERSION = __webpack_require__("Qb90");
 var SPECIES = wellKnownSymbol('species');
 var PROMISE = 'Promise';
 
-var getInternalState = InternalStateModule.get;
+var getInternalState = InternalStateModule.getterFor(PROMISE);
 var setInternalState = InternalStateModule.set;
 var getInternalPromiseState = InternalStateModule.getterFor(PROMISE);
 var NativePromisePrototype = NativePromise && NativePromise.prototype;
@@ -27398,20 +27388,6 @@ function requiredArgs(required, args) {
     throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');
   }
 }
-// CONCATENATED MODULE: /Users/daiqiang/Project/semi-design/node_modules/date-fns/esm/_lib/toInteger/index.js
-function toInteger(dirtyNumber) {
-  if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
-    return NaN;
-  }
-
-  var number = Number(dirtyNumber);
-
-  if (isNaN(number)) {
-    return number;
-  }
-
-  return number < 0 ? Math.ceil(number) : Math.floor(number);
-}
 // CONCATENATED MODULE: /Users/daiqiang/Project/semi-design/node_modules/date-fns/esm/toDate/index.js
 
 /**
@@ -27465,6 +27441,20 @@ function toDate(argument) {
     return new Date(NaN);
   }
 }
+// CONCATENATED MODULE: /Users/daiqiang/Project/semi-design/node_modules/date-fns/esm/_lib/toInteger/index.js
+function toInteger(dirtyNumber) {
+  if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
+    return NaN;
+  }
+
+  var number = Number(dirtyNumber);
+
+  if (isNaN(number)) {
+    return number;
+  }
+
+  return number < 0 ? Math.ceil(number) : Math.floor(number);
+}
 // CONCATENATED MODULE: /Users/daiqiang/Project/semi-design/node_modules/date-fns/esm/_lib/startOfUTCWeek/index.js
 
 
@@ -27552,7 +27542,7 @@ function buildLocalizeFn(args) {
       valuesArray = args.values[_width] || args.values[_defaultWidth];
     }
 
-    var index = args.argumentCallback ? args.argumentCallback(dirtyIndex) : dirtyIndex; // @ts-ignore: For some reason TypeScript just don't want to match it, no matter how hard we try. I challange you to try to remove it!
+    var index = args.argumentCallback ? args.argumentCallback(dirtyIndex) : dirtyIndex; // @ts-ignore: For some reason TypeScript just don't want to match it, no matter how hard we try. I challenge you to try to remove it!
 
     return valuesArray[index];
   };
@@ -27566,8 +27556,8 @@ var eraValues = {
 };
 var quarterValues = {
   narrow: ['1', '2', '3', '4'],
-  abbreviated: ['第一刻', '第二刻', '第三刻', '第四刻'],
-  wide: ['第一刻钟', '第二刻钟', '第三刻钟', '第四刻钟']
+  abbreviated: ['第一季', '第二季', '第三季', '第四季'],
+  wide: ['第一季度', '第二季度', '第三季度', '第四季度']
 };
 var monthValues = {
   narrow: ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二'],
@@ -28594,6 +28584,64 @@ function IconCopy_SvgComponent(props) {
 
 const IconCopy_IconComponent = convertIcon(IconCopy_SvgComponent, 'copy');
 /* harmony default export */ var IconCopy = (IconCopy_IconComponent);
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconDoubleChevronLeft.js
+
+
+
+
+function IconDoubleChevronLeft_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("svg", assign_default()({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12.6185 4.39653C13.1272 4.92524 13.1272 5.78245 12.6185 6.31116L7.14483 12L12.6185 17.6888C13.1272 18.2176 13.1272 19.0748 12.6185 19.6035C12.1098 20.1322 11.285 20.1322 10.7763 19.6035L4.38153 12.9573C3.87282 12.4286 3.87282 11.5714 4.38153 11.0427L10.7763 4.39653C11.285 3.86782 12.1098 3.86782 12.6185 4.39653Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M19.6185 4.39653C20.1272 4.92524 20.1272 5.78245 19.6185 6.31116L14.1448 12L19.6185 17.6888C20.1272 18.2176 20.1272 19.0748 19.6185 19.6035C19.1098 20.1322 18.285 20.1322 17.7763 19.6035L11.3815 12.9573C10.8728 12.4286 10.8728 11.5714 11.3815 11.0427L17.7763 4.39653C18.285 3.86782 19.1098 3.86782 19.6185 4.39653Z",
+    fill: "currentColor"
+  }));
+}
+
+const IconDoubleChevronLeft_IconComponent = convertIcon(IconDoubleChevronLeft_SvgComponent, 'double_chevron_left');
+/* harmony default export */ var IconDoubleChevronLeft = (IconDoubleChevronLeft_IconComponent);
+// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconDoubleChevronRight.js
+
+
+
+
+function IconDoubleChevronRight_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("svg", assign_default()({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.38153 4.39653C4.89024 3.86782 5.71502 3.86782 6.22373 4.39653L12.6185 11.0427C13.1272 11.5714 13.1272 12.4286 12.6185 12.9573L6.22373 19.6035C5.71502 20.1322 4.89024 20.1322 4.38153 19.6035C3.87282 19.0748 3.87282 18.2176 4.38153 17.6888L9.85517 12L4.38153 6.31116C3.87282 5.78245 3.87282 4.92524 4.38153 4.39653Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11.3815 4.39653C11.8902 3.86782 12.715 3.86782 13.2237 4.39653L19.6185 11.0427C20.1272 11.5714 20.1272 12.4286 19.6185 12.9573L13.2237 19.6035C12.715 20.1322 11.8902 20.1322 11.3815 19.6035C10.8728 19.0748 10.8728 18.2176 11.3815 17.6888L16.8552 12L11.3815 6.31116C10.8728 5.78245 10.8728 4.92524 11.3815 4.39653Z",
+    fill: "currentColor"
+  }));
+}
+
+const IconDoubleChevronRight_IconComponent = convertIcon(IconDoubleChevronRight_SvgComponent, 'double_chevron_right');
+/* harmony default export */ var IconDoubleChevronRight = (IconDoubleChevronRight_IconComponent);
 // CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconEyeClosedSolid.js
 
 
@@ -29521,6 +29569,8 @@ const IconUpload_IconComponent = convertIcon(IconUpload_SvgComponent, 'upload');
 
 
 
+
+
 
 
 
@@ -36029,13 +36079,13 @@ class buttonGroup_ButtonGroup extends baseComponent_BaseComponent {
     if (children) {
       var _context;
 
-      inner = map_default()(_context = is_array_default()(children) ? children : [children]).call(_context, (itm, index) => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(itm, assign_default()(assign_default()(assign_default()({
+      inner = map_default()(_context = is_array_default()(children) ? children : [children]).call(_context, (itm, index) => /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(itm) ? /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["cloneElement"])(itm, assign_default()(assign_default()(assign_default()({
         disabled,
         size,
         type
       }, itm.props), rest), {
         key: index
-      })));
+      })) : itm);
     }
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
@@ -36923,7 +36973,7 @@ function getUTCISOWeek(dirtyDate) {
 
 function getUTCWeekYear(dirtyDate, dirtyOptions) {
   requiredArgs(1, arguments);
-  var date = toDate(dirtyDate, dirtyOptions);
+  var date = toDate(dirtyDate);
   var year = date.getUTCFullYear();
   var options = dirtyOptions || {};
   var locale = options.locale;
@@ -37824,7 +37874,7 @@ var formatters_formatters = {
   }
 };
 
-function formatTimezoneShort(offset, dirtyDelimiter) {
+function formatTimezoneShort(offset, delimiter) {
   var sign = offset > 0 ? '-' : '+';
   var absOffset = Math.abs(offset);
   var hours = Math.floor(absOffset / 60);
@@ -37834,7 +37884,6 @@ function formatTimezoneShort(offset, dirtyDelimiter) {
     return sign + String(hours);
   }
 
-  var delimiter = dirtyDelimiter || '';
   return sign + String(hours) + delimiter + addLeadingZeros(minutes, 2);
 }
 
@@ -37909,7 +37958,7 @@ function timeLongFormatter(pattern, formatLong) {
 }
 
 function dateTimeLongFormatter(pattern, formatLong) {
-  var matchResult = pattern.match(/(P+)(p+)?/);
+  var matchResult = pattern.match(/(P+)(p+)?/) || [];
   var datePattern = matchResult[1];
   var timePattern = matchResult[2];
 
@@ -38861,6 +38910,11 @@ function isAfter(dirtyDate, dirtyDateToCompare) {
  * // Are 2 September 2014 and 25 September 2014 in the same month?
  * var result = isSameMonth(new Date(2014, 8, 2), new Date(2014, 8, 25))
  * //=> true
+ *
+ * @example
+ * // Are 2 September 2014 and 25 September 2015 in the same month?
+ * var result = isSameMonth(new Date(2014, 8, 2), new Date(2015, 8, 25))
+ * //=> false
  */
 
 function isSameMonth_isSameMonth(dirtyDateLeft, dirtyDateRight) {
@@ -42592,6 +42646,10 @@ cardGroup_CardGroup.defaultProps = {
   spacing: 16
 };
 /* harmony default export */ var cardGroup = (cardGroup_CardGroup);
+// EXTERNAL MODULE: /Users/daiqiang/Project/semi-design/node_modules/lodash/flatten.js
+var lodash_flatten = __webpack_require__("1xil");
+var flatten_default = /*#__PURE__*/__webpack_require__.n(lodash_flatten);
+
 // EXTERNAL MODULE: /Users/daiqiang/Project/semi-design/node_modules/@babel/runtime-corejs3/core-js-stable/promise.js
 var promise = __webpack_require__("kNzS");
 var promise_default = /*#__PURE__*/__webpack_require__.n(promise);
@@ -42653,7 +42711,6 @@ var object_entries_default = /*#__PURE__*/__webpack_require__.n(object_entries);
 
 
 
-
 
 
 const DRAG_OFFSET = 0.45;
@@ -43133,7 +43190,7 @@ function normalizedArr(val) {
 }
 function normalizeKeyList(keyList, keyEntities) {
   let leafOnly = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  let res = [];
+  const res = [];
   const keyListSet = new set_default.a(keyList);
 
   if (!leafOnly) {
@@ -43153,9 +43210,11 @@ function normalizeKeyList(keyList, keyEntities) {
       res.push(key);
     });
   } else {
-    var _context8;
-
-    res = filter_default()(_context8 = from_default()(keyList)).call(_context8, key => keyEntities[key] && !treeUtil_isValid(keyEntities[key].children));
+    for_each_default()(keyList).call(keyList, key => {
+      if (keyEntities[key] && !treeUtil_isValid(keyEntities[key].children)) {
+        res.push(key);
+      }
+    });
   }
 
   return res;
@@ -43164,9 +43223,9 @@ function getMotionKeys(eventKey, expandedKeys, keyEntities) {
   const res = [];
 
   const getChild = itemKey => {
-    var _context9;
+    var _context8;
 
-    keyEntities[itemKey].children && for_each_default()(_context9 = keyEntities[itemKey].children).call(_context9, item => {
+    keyEntities[itemKey].children && for_each_default()(_context8 = keyEntities[itemKey].children).call(_context8, item => {
       const {
         key
       } = item;
@@ -43282,7 +43341,7 @@ function calcCheckedKeysForUnchecked(key, keyEntities, checkedKeys, halfCheckedK
   };
 }
 function filterTreeData(info) {
-  var _context10, _context11;
+  var _context9, _context10;
 
   const {
     showFilteredOnly,
@@ -43294,7 +43353,7 @@ function filterTreeData(info) {
     prevExpandedKeys
   } = info;
   let filteredOptsKeys = [];
-  filteredOptsKeys = map_default()(_context10 = filter_default()(_context11 = values_default()(keyEntities)).call(_context11, item => treeUtil_filter(inputValue, item.data, filterTreeNode, filterProps))).call(_context10, item => item.key);
+  filteredOptsKeys = map_default()(_context9 = filter_default()(_context10 = values_default()(keyEntities)).call(_context10, item => treeUtil_filter(inputValue, item.data, filterTreeNode, filterProps))).call(_context9, item => item.key);
   let expandedOptsKeys = findAncestorKeys(filteredOptsKeys, keyEntities, false);
 
   if (prevExpandedKeys.length) {
@@ -43335,9 +43394,9 @@ function updateKeys(keySet, keyEntities) {
   return filter_default()(keyArr).call(keyArr, key => key in keyEntities);
 }
 function calcDisabledKeys(keyEntities) {
-  var _context12;
+  var _context11;
 
-  const disabledKeys = filter_default()(_context12 = keys_default()(keyEntities)).call(_context12, key => keyEntities[key].data.disabled);
+  const disabledKeys = filter_default()(_context11 = keys_default()(keyEntities)).call(_context11, key => keyEntities[key].data.disabled);
 
   const {
     checkedKeys
@@ -43372,6 +43431,27 @@ function calcDropActualPosition(pos, relativeDropPos) {
 
   return relativeDropPos + Number(posArr[posArr.length - 1]);
 }
+// CONCATENATED MODULE: ../semi-foundation/cascader/constants.ts
+
+const cascader_constants_cssClasses = {
+  PREFIX: "".concat(BASE_CLASS_PREFIX, "-cascader"),
+  PREFIX_OPTION: "".concat(BASE_CLASS_PREFIX, "-cascader-option")
+};
+const cascader_constants_strings = {
+  SIZE_SET: ['small', 'large', 'default'],
+  VALIDATE_STATUS: ['default', 'error', 'warning'],
+  IS_KEY: 'isKey',
+  IS_VALUE: 'isValue',
+  SHOW_NEXT_BY_CLICK: 'click',
+  SHOW_NEXT_BY_HOVER: 'hover',
+
+  /* Merge Type */
+  LEAF_ONLY_MERGE_TYPE: 'leafOnly',
+  AUTO_MERGE_VALUE_MERGE_TYPE: 'autoMergeValue',
+  NONE_MERGE_TYPE: 'none'
+};
+const cascader_constants_numbers = {};
+
 // CONCATENATED MODULE: ../semi-foundation/cascader/util.ts
 
 
@@ -43384,6 +43464,7 @@ function calcDropActualPosition(pos, relativeDropPos) {
 
 
 
+
 function util_getPosition(level, index) {
   var _context;
 
@@ -43464,6 +43545,19 @@ function util_findKeysForValues(value, keyEntities) {
 
   return res;
 }
+function calcMergeType(autoMergeValue, leafOnly) {
+  let mergeType;
+
+  if (leafOnly) {
+    mergeType = cascader_constants_strings.LEAF_ONLY_MERGE_TYPE;
+  } else if (autoMergeValue) {
+    mergeType = cascader_constants_strings.AUTO_MERGE_VALUE_MERGE_TYPE;
+  } else {
+    mergeType = cascader_constants_strings.NONE_MERGE_TYPE;
+  }
+
+  return mergeType;
+}
 // CONCATENATED MODULE: ../semi-foundation/cascader/foundation.ts
 
 
@@ -43487,6 +43581,7 @@ function util_findKeysForValues(value, keyEntities) {
 
 
 
+
 
 
  // eslint-disable-next-line max-len
@@ -44002,10 +44097,12 @@ class foundation_CascaderFoundation extends foundation {
   }
 
   _defaultRenderText(path, displayRender) {
+    const separator = this.getProp('separator');
+
     if (displayRender && typeof displayRender === 'function') {
       return displayRender(path);
     } else {
-      return path.join(' / ');
+      return path.join(separator);
     }
   }
 
@@ -44079,7 +44176,8 @@ class foundation_CascaderFoundation extends foundation {
     const {
       changeOnSelect: allowChange,
       filterLeafOnly,
-      multiple
+      multiple,
+      enableLeafClick
     } = this.getProps();
     const {
       keyEntities,
@@ -44113,6 +44211,10 @@ class foundation_CascaderFoundation extends foundation {
       this._adapter.updateStates({
         activeKeys: new set_default.a(activeKeys)
       });
+
+      if (isLeaf && enableLeafClick) {
+        this.onItemCheckboxClick(item);
+      }
     } else {
       this._adapter.notifySelect(data.value);
 
@@ -44162,12 +44264,13 @@ class foundation_CascaderFoundation extends foundation {
     const {
       checkedKeys,
       keyEntities,
-      mergedCheckedKeys
+      resolvedCheckedKeys
     } = this.getStates();
     const {
       autoMergeValue,
       max,
-      disableStrictly
+      disableStrictly,
+      leafOnly
     } = this.getProps(); // prev checked status
 
     const prevCheckedStatus = checkedKeys.has(key); // next checked status
@@ -44178,16 +44281,19 @@ class foundation_CascaderFoundation extends foundation {
       checkedKeys: curCheckedKeys,
       halfCheckedKeys: curHalfCheckedKeys
     } = disableStrictly ? this.calcNonDisabedCheckedKeys(key, curCheckedStatus) : this.calcCheckedKeys(key, curCheckedStatus);
-    const curMergedCheckedKeys = new set_default.a(normalizeKeyList(curCheckedKeys, keyEntities));
-    const curRealCheckedKeys = autoMergeValue ? curMergedCheckedKeys : curCheckedKeys;
+    const mergeType = calcMergeType(autoMergeValue, leafOnly);
+    const isLeafOnlyMerge = mergeType === cascader_constants_strings.LEAF_ONLY_MERGE_TYPE;
+    const isNoneMerge = mergeType === cascader_constants_strings.NONE_MERGE_TYPE;
+    const curResolvedCheckedKeys = new set_default.a(normalizeKeyList(curCheckedKeys, keyEntities, isLeafOnlyMerge));
+    const curRealCheckedKeys = isNoneMerge ? curCheckedKeys : curResolvedCheckedKeys;
 
     if (isNumber_default()(max)) {
-      if (autoMergeValue) {
+      if (!isNoneMerge) {
         // When it exceeds max, the quantity is allowed to be reduced, and no further increase is allowed
-        if (mergedCheckedKeys.size < curMergedCheckedKeys.size && curMergedCheckedKeys.size > max) {
+        if (resolvedCheckedKeys.size < curResolvedCheckedKeys.size && curResolvedCheckedKeys.size > max) {
           const checkedEntities = [];
 
-          for_each_default()(curMergedCheckedKeys).call(curMergedCheckedKeys, itemKey => {
+          for_each_default()(curResolvedCheckedKeys).call(curResolvedCheckedKeys, itemKey => {
             checkedEntities.push(keyEntities[itemKey]);
           });
 
@@ -44215,7 +44321,7 @@ class foundation_CascaderFoundation extends foundation {
       this._adapter.updateStates({
         checkedKeys: curCheckedKeys,
         halfCheckedKeys: curHalfCheckedKeys,
-        mergedCheckedKeys: curMergedCheckedKeys
+        resolvedCheckedKeys: curResolvedCheckedKeys
       });
     } // The click event during multiple selection will definitely cause the checked state of node to change,
     // so there is no need to judge the value to change.
@@ -44378,7 +44484,7 @@ class foundation_CascaderFoundation extends foundation {
       newState.halfCheckedKeys = new set_default.a([]);
       newState.selectedKeys = new set_default.a([]);
       newState.activeKeys = new set_default.a([]);
-      newState.mergedCheckedKeys = new set_default.a([]);
+      newState.resolvedCheckedKeys = new set_default.a([]);
 
       this._adapter.notifyChange([]);
     } else {
@@ -44503,22 +44609,6 @@ class foundation_CascaderFoundation extends foundation {
   }
 
 }
-// CONCATENATED MODULE: ../semi-foundation/cascader/constants.ts
-
-const cascader_constants_cssClasses = {
-  PREFIX: "".concat(BASE_CLASS_PREFIX, "-cascader"),
-  PREFIX_OPTION: "".concat(BASE_CLASS_PREFIX, "-cascader-option")
-};
-const cascader_constants_strings = {
-  SIZE_SET: ['small', 'large', 'default'],
-  VALIDATE_STATUS: ['default', 'error', 'warning'],
-  IS_KEY: 'isKey',
-  IS_VALUE: 'isValue',
-  SHOW_NEXT_BY_CLICK: 'click',
-  SHOW_NEXT_BY_HOVER: 'hover'
-};
-const cascader_constants_numbers = {};
-
 // EXTERNAL MODULE: ../semi-foundation/cascader/cascader.scss
 var cascader = __webpack_require__("7u0x");
 
@@ -44579,6 +44669,13 @@ class checkboxFoundation_CheckboxFoundation extends foundation {
       },
       preventDefault: () => {
         e.preventDefault();
+      },
+      nativeEvent: {
+        stopImmediatePropagation: () => {
+          if (e.nativeEvent && typeof e.nativeEvent.stopImmediatePropagation === 'function') {
+            e.nativeEvent.stopImmediatePropagation();
+          }
+        }
       }
     };
     return cbValue;
@@ -44813,7 +44910,8 @@ class checkbox_Checkbox extends baseComponent_BaseComponent {
       onMouseEnter,
       onMouseLeave,
       extra,
-      value
+      value,
+      id
     } = this.props;
     const {
       checked
@@ -44854,6 +44952,7 @@ class checkbox_Checkbox extends baseComponent_BaseComponent {
       ["".concat(prefix, "-cardType_disabled")]: props.disabled && props.isCardType,
       ["".concat(prefix, "-cardType_unDisabled")]: !(props.disabled && props.isCardType),
       ["".concat(prefix, "-cardType_checked")]: props.isCardType && props.checked && !props.disabled,
+      ["".concat(prefix, "-cardType_checked_disabled")]: props.isCardType && props.checked && props.disabled,
       [className]: Boolean(className)
     });
     const extraCls = classnames_default()("".concat(prefix, "-extra"), {
@@ -44870,6 +44969,7 @@ class checkbox_Checkbox extends baseComponent_BaseComponent {
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
       style: style,
       className: wrapper,
+      id: id,
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave,
       onClick: this.handleChange
@@ -45069,6 +45169,7 @@ class checkboxGroup_CheckboxGroup extends baseComponent_BaseComponent {
       prefixCls,
       direction,
       className,
+      id,
       style,
       type
     } = this.props;
@@ -45120,7 +45221,8 @@ class checkboxGroup_CheckboxGroup extends baseComponent_BaseComponent {
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: prefixClsDisplay,
-      style: style
+      style: style,
+      id: id
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(Context.Provider, {
       value: {
         checkboxGroup: {
@@ -45222,6 +45324,11 @@ class item_Item extends external_root_React_commonjs2_react_commonjs_react_amd_r
       } = this.props; // Prevent Checkbox's click event bubbling to trigger the li click event
 
       e.stopPropagation();
+
+      if (e.nativeEvent && typeof e.nativeEvent.stopImmediatePropagation === 'function') {
+        e.nativeEvent.stopImmediatePropagation();
+      }
+
       onItemCheckboxClick(item);
     };
 
@@ -45285,7 +45392,8 @@ class item_Item extends external_root_React_commonjs2_react_commonjs_react_amd_r
     this.highlight = searchText => {
       const content = [];
       const {
-        keyword
+        keyword,
+        separator
       } = this.props;
 
       for_each_default()(searchText).call(searchText, (item, idx) => {
@@ -45309,7 +45417,7 @@ class item_Item extends external_root_React_commonjs2_react_commonjs_react_amd_r
         }
 
         if (idx !== searchText.length - 1) {
-          content.push(' / ');
+          content.push(separator);
         }
       });
 
@@ -45481,6 +45589,7 @@ item_Item.propTypes = {
   checkedKeys: prop_types_default.a.object,
   halfCheckedKeys: prop_types_default.a.object,
   onItemCheckboxClick: prop_types_default.a.func,
+  separator: prop_types_default.a.string,
   keyword: prop_types_default.a.string
 };
 item_Item.defaultProps = {
@@ -46390,6 +46499,7 @@ tagInput_TagInput.defaultProps = {
 
 
 
+
 
 
 const cascader_prefixcls = cascader_constants_cssClasses.PREFIX;
@@ -46483,6 +46593,7 @@ class cascader_Cascader extends baseComponent_BaseComponent {
         dropdownStyle,
         loadData,
         emptyContent,
+        separator,
         topSlot,
         bottomSlot,
         showNext,
@@ -46498,6 +46609,7 @@ class cascader_Cascader extends baseComponent_BaseComponent {
       }, topSlot, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(item_Item, {
         activeKeys: activeKeys,
         selectedKeys: selectedKeys,
+        separator: separator,
         loadedKeys: loadedKeys,
         loadingKeys: loadingKeys,
         onItemClick: this.handleItemClick,
@@ -46547,9 +46659,9 @@ class cascader_Cascader extends baseComponent_BaseComponent {
       } = this.props;
       const {
         checkedKeys,
-        mergedCheckedKeys
+        resolvedCheckedKeys
       } = this.state;
-      const realKeys = autoMergeValue ? mergedCheckedKeys : checkedKeys;
+      const realKeys = this.mergeType === cascader_constants_strings.NONE_MERGE_TYPE ? checkedKeys : resolvedCheckedKeys;
       const displayTag = [];
       const hiddenTag = [];
 
@@ -46639,20 +46751,23 @@ class cascader_Cascader extends baseComponent_BaseComponent {
       const {
         disabled,
         triggerRender,
-        multiple,
-        autoMergeValue
+        multiple
       } = this.props;
       const {
         selectedKeys,
         inputValue,
         inputPlaceHolder,
-        mergedCheckedKeys,
+        resolvedCheckedKeys,
         checkedKeys
       } = this.state;
       let realValue;
 
       if (multiple) {
-        realValue = autoMergeValue ? mergedCheckedKeys : checkedKeys;
+        if (this.mergeType === cascader_constants_strings.NONE_MERGE_TYPE) {
+          realValue = checkedKeys;
+        } else {
+          realValue = resolvedCheckedKeys;
+        }
       } else {
         realValue = [...selectedKeys][0];
       }
@@ -46832,8 +46947,8 @@ class cascader_Cascader extends baseComponent_BaseComponent {
       /* Key of half checked node, when multiple */
       halfCheckedKeys: new set_default.a([]),
 
-      /* Auto merged checkedKeys, when multiple */
-      mergedCheckedKeys: new set_default.a([]),
+      /* Auto merged checkedKeys or leaf checkedKeys, when multiple */
+      resolvedCheckedKeys: new set_default.a([]),
 
       /* Keys of loaded item */
       loadedKeys: new set_default.a(),
@@ -46846,6 +46961,7 @@ class cascader_Cascader extends baseComponent_BaseComponent {
     };
     this.options = {};
     this.isEmpty = false;
+    this.mergeType = calcMergeType(props.autoMergeValue, props.leafOnly);
     this.inputRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
     this.triggerRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
     this.optionsRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
@@ -46988,7 +47104,9 @@ class cascader_Cascader extends baseComponent_BaseComponent {
       multiple,
       value,
       defaultValue,
-      onChangeWithObject
+      onChangeWithObject,
+      leafOnly,
+      autoMergeValue
     } = props;
     const {
       prevProps
@@ -47053,24 +47171,19 @@ class cascader_Cascader extends baseComponent_BaseComponent {
           realKeys = formatKeys;
         }
 
-        let checkedKeys = new set_default.a([]);
-        let halfCheckedKeys = new set_default.a([]);
-
-        for_each_default()(realKeys).call(realKeys, v => {
-          const calRes = calcCheckedKeys(v, keyEntities);
-          checkedKeys = new set_default.a([...checkedKeys, ...calRes.checkedKeys]);
-          halfCheckedKeys = new set_default.a([...halfCheckedKeys, ...calRes.halfCheckedKeys]);
-        }); // disableStrictly
-
+        const calRes = calcCheckedKeys(flatten_default()(realKeys), keyEntities);
+        const checkedKeys = new set_default.a(calRes.checkedKeys);
+        const halfCheckedKeys = new set_default.a(calRes.halfCheckedKeys); // disableStrictly
 
         if (props.disableStrictly) {
           newState.disabledKeys = calcDisabledKeys(keyEntities);
         }
 
+        const isLeafOnlyMerge = calcMergeType(autoMergeValue, leafOnly) === cascader_constants_strings.LEAF_ONLY_MERGE_TYPE;
         newState.prevProps = props;
         newState.checkedKeys = checkedKeys;
         newState.halfCheckedKeys = halfCheckedKeys;
-        newState.mergedCheckedKeys = new set_default.a(normalizeKeyList(checkedKeys, keyEntities));
+        newState.resolvedCheckedKeys = new set_default.a(normalizeKeyList(checkedKeys, keyEntities, isLeafOnlyMerge));
       }
     }
 
@@ -47104,7 +47217,6 @@ class cascader_Cascader extends baseComponent_BaseComponent {
     const {
       size,
       disabled,
-      autoMergeValue,
       placeholder,
       maxTagCount,
       showRestTagsPopover,
@@ -47114,11 +47226,11 @@ class cascader_Cascader extends baseComponent_BaseComponent {
       inputValue,
       checkedKeys,
       keyEntities,
-      mergedCheckedKeys
+      resolvedCheckedKeys
     } = this.state;
     const tagInputcls = classnames_default()("".concat(cascader_prefixcls, "-tagInput-wrapper"));
     const tagValue = [];
-    const realKeys = autoMergeValue ? mergedCheckedKeys : checkedKeys;
+    const realKeys = this.mergeType === cascader_constants_strings.NONE_MERGE_TYPE ? checkedKeys : resolvedCheckedKeys;
 
     for_each_default()(_context3 = [...realKeys]).call(_context3, checkedKey => {
       if (!isEmpty_default()(keyEntities[checkedKey])) {
@@ -47268,14 +47380,18 @@ cascader_Cascader.propTypes = {
   showRestTagsPopover: prop_types_default.a.bool,
   restTagsPopoverProps: prop_types_default.a.object,
   max: prop_types_default.a.number,
+  separator: prop_types_default.a.string,
   onExceed: prop_types_default.a.func,
   onClear: prop_types_default.a.func,
   loadData: prop_types_default.a.func,
   onLoad: prop_types_default.a.func,
   loadedKeys: prop_types_default.a.array,
-  disableStrictly: prop_types_default.a.bool
+  disableStrictly: prop_types_default.a.bool,
+  leafOnly: prop_types_default.a.bool,
+  enableLeafClick: prop_types_default.a.bool
 };
 cascader_Cascader.defaultProps = {
+  leafOnly: false,
   arrowIcon: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconChevronDown, null),
   stopPropagation: true,
   motion: true,
@@ -47292,6 +47408,7 @@ cascader_Cascader.defaultProps = {
   filterLeafOnly: true,
   showRestTagsPopover: false,
   restTagsPopoverProps: {},
+  separator: ' / ',
   size: 'default',
   treeNodeFilterProp: 'label',
   displayProp: 'label',
@@ -47300,7 +47417,8 @@ cascader_Cascader.defaultProps = {
   onExceed: noop_default.a,
   onClear: noop_default.a,
   onDropdownVisibleChange: noop_default.a,
-  onListScroll: noop_default.a
+  onListScroll: noop_default.a,
+  enableLeafClick: false
 };
 /* harmony default export */ var cascader_0 = (cascader_Cascader);
 // CONCATENATED MODULE: ../semi-foundation/collapse/constants.ts
@@ -54548,11 +54666,99 @@ class monthsGridFoundation_MonthsGridFoundation extends foundation {
 
 
   destroy() {}
+  /**
+   * sync change another panel month when change months from the else yam panel
+   * call it when
+   *  - current change panel targe date month is same with another panel date
+   *
+   * @example
+   *  - panelType=right, target=new Date('2022-09-01') and left panel is in '2022-09' => call it, left panel minus one month to '2022-08'
+   *  - panelType=left, target=new Date('2021-12-01') and right panel is in '2021-12' => call it, right panel add one month to '2021-01'
+   */
+
+
+  handleSyncChangeMonths(options) {
+    const {
+      panelType,
+      target
+    } = options;
+
+    const {
+      type
+    } = this._adapter.getProps();
+
+    const {
+      monthLeft,
+      monthRight
+    } = this._adapter.getStates();
+
+    if (this.isRangeType(type)) {
+      if (panelType === 'right' && differenceInCalendarMonths(target, monthLeft.pickerDate) === 0) {
+        this.handleYearOrMonthChange('prevMonth', 'left', 1, true);
+      } else if (panelType === 'left' && differenceInCalendarMonths(monthRight.pickerDate, target) === 0) {
+        this.handleYearOrMonthChange('nextMonth', 'right', 1, true);
+      }
+    }
+  }
+  /**
+   * Get the target date based on the panel type and switch type
+   */
+
+
+  getTargetChangeDate(options) {
+    const {
+      panelType,
+      switchType
+    } = options;
+
+    const {
+      monthRight,
+      monthLeft
+    } = this._adapter.getStates();
+
+    const currentDate = panelType === 'left' ? monthLeft.pickerDate : monthRight.pickerDate;
+    let target;
+
+    switch (switchType) {
+      case 'prevMonth':
+        target = addMonths(currentDate, -1);
+        break;
+
+      case 'nextMonth':
+        target = addMonths(currentDate, 1);
+        break;
+
+      case 'prevYear':
+        target = addYears(currentDate, -1);
+        break;
+
+      case 'nextYear':
+        target = addYears(currentDate, 1);
+        break;
+    }
+
+    return target;
+  }
+  /**
+   * Change month by yam panel
+   */
+
 
   toMonth(panelType, target) {
+    const {
+      type
+    } = this._adapter.getProps();
+
     const diff = this._getDiff('month', target, panelType);
 
     this.handleYearOrMonthChange(diff < 0 ? 'prevMonth' : 'nextMonth', panelType, Math.abs(diff), false);
+
+    if (this.isRangeType(type)) {
+      this.handleSyncChangeMonths({
+        panelType,
+        target
+      });
+    }
   }
 
   toYear(panelType, target) {
@@ -54574,34 +54780,51 @@ class monthsGridFoundation_MonthsGridFoundation extends foundation {
     return typeof realType === 'string' && /range/i.test(realType);
   }
 
-  handleSwitchMonth(switchType, panelType) {
+  handleSwitchMonthOrYear(switchType, panelType) {
     const {
       type,
       syncSwitchMonth
     } = this.getProps();
+    const rangeType = this.isRangeType(type); // range type and syncSwitchMonth, we should change panels at same time
 
-    if (this.isRangeType(type) && syncSwitchMonth) {
+    if (rangeType && syncSwitchMonth) {
       this.handleYearOrMonthChange(switchType, 'left', 1, true);
       this.handleYearOrMonthChange(switchType, 'right', 1, true);
     } else {
       this.handleYearOrMonthChange(switchType, panelType);
+      /**
+       * default behavior (v2.2.0)
+       * In order to prevent the two panels from being the same month, this will confuse the user when selecting the range
+       * https://github.com/DouyinFE/semi-design/issues/260
+       */
+
+      if (rangeType) {
+        const target = this.getTargetChangeDate({
+          panelType,
+          switchType
+        });
+        this.handleSyncChangeMonths({
+          panelType,
+          target
+        });
+      }
     }
   }
 
   prevMonth(panelType) {
-    this.handleSwitchMonth('prevMonth', panelType);
+    this.handleSwitchMonthOrYear('prevMonth', panelType);
   }
 
   nextMonth(panelType) {
-    this.handleSwitchMonth('nextMonth', panelType);
+    this.handleSwitchMonthOrYear('nextMonth', panelType);
   }
 
   prevYear(panelType) {
-    this.handleYearOrMonthChange('prevYear', panelType);
+    this.handleSwitchMonthOrYear('prevYear', panelType);
   }
 
   nextYear(panelType) {
-    this.handleYearOrMonthChange('nextYear', panelType);
+    this.handleSwitchMonthOrYear('nextYear', panelType);
   }
   /**
    * Calculate the year and month difference
@@ -55258,6 +55481,34 @@ class monthsGridFoundation_MonthsGridFoundation extends foundation {
       isYearPickerOpen: false
     });
   }
+  /**
+   * Get year and month panel open type
+   *
+   * It is useful info to set minHeight of weeks.
+   *  - When yam open type is 'left' or 'right', weeks minHeight should be set
+   *    If the minHeight is not set, the change of the number of weeks will cause the scrollList to be unstable
+   */
+
+
+  getYAMOpenType() {
+    const {
+      monthLeft,
+      monthRight
+    } = this._adapter.getStates();
+
+    const leftYearPickerOpen = monthLeft.isYearPickerOpen;
+    const rightYearPickerOpen = monthRight.isYearPickerOpen;
+
+    if (leftYearPickerOpen && rightYearPickerOpen) {
+      return 'both';
+    } else if (leftYearPickerOpen) {
+      return 'left';
+    } else if (rightYearPickerOpen) {
+      return 'right';
+    } else {
+      return 'none';
+    }
+  }
 
 }
 // CONCATENATED MODULE: ./datePicker/navigation.tsx
@@ -55283,6 +55534,8 @@ class navigation_Navigation extends external_root_React_commonjs2_react_commonjs
       onMonthClick,
       onNextMonth,
       onPrevMonth,
+      onPrevYear,
+      onNextYear,
       density,
       shouldBimonthSwitch,
       panelType
@@ -55290,37 +55543,75 @@ class navigation_Navigation extends external_root_React_commonjs2_react_commonjs
     const btnTheme = 'borderless';
     const iconBtnSize = density === 'compact' ? 'default' : 'large';
     const btnNoHorizontalPadding = true;
-    const buttonSize = density === 'compact' ? 'small' : 'default'; // Enable dual-panel synchronous switching, and the current panel is the left panel
+    const buttonSize = density === 'compact' ? 'small' : 'default';
+    const isLeftPanel = panelType === datePicker_constants_strings.PANEL_TYPE_LEFT;
+    const isRightPanel = panelType === datePicker_constants_strings.PANEL_TYPE_RIGHT; // syncSwitchMonth and the current panel is the left
+
+    const hiddenLeftPanelRightButtons = shouldBimonthSwitch && isLeftPanel; // syncSwitchMonth and the current panel is the right
+
+    const hiddenRightPanelLeftButtons = shouldBimonthSwitch && isRightPanel; // `visibility: hidden` will keep the icon in position
+
+    const leftButtonStyle = {};
+    const rightButtonStyle = {};
 
-    const bimonthSwitchWithLeftPanel = shouldBimonthSwitch && panelType === datePicker_constants_strings.PANEL_TYPE_LEFT; // Enable dual-panel synchronous switching, and the current panel is the right panel
+    if (hiddenRightPanelLeftButtons) {
+      leftButtonStyle.visibility = 'hidden';
+    }
+
+    if (hiddenLeftPanelRightButtons) {
+      rightButtonStyle.visibility = 'hidden';
+    }
 
-    const bimonthSwitchWithRightPanel = shouldBimonthSwitch && panelType === datePicker_constants_strings.PANEL_TYPE_RIGHT;
     const ref = forwardRef || this.navRef;
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: navigation_prefixCls,
       ref: ref
-    }, !bimonthSwitchWithRightPanel && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(iconButton_0, {
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(iconButton_0, {
+      key: "double-chevron-left",
+      icon: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconDoubleChevronLeft, {
+        size: iconBtnSize
+      }),
+      size: buttonSize,
+      theme: btnTheme,
+      noHorizontalPadding: btnNoHorizontalPadding,
+      onClick: onPrevYear,
+      style: leftButtonStyle
+    }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(iconButton_0, {
+      key: "chevron-left",
       icon: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconChevronLeft, {
         size: iconBtnSize
       }),
       size: buttonSize,
       onClick: onPrevMonth,
       theme: btnTheme,
-      noHorizontalPadding: btnNoHorizontalPadding
+      noHorizontalPadding: btnNoHorizontalPadding,
+      style: leftButtonStyle
     }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(navigation_prefixCls, "-month")
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(button_0, {
       onClick: onMonthClick,
       theme: btnTheme,
       size: buttonSize
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", null, monthText))), !bimonthSwitchWithLeftPanel && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(iconButton_0, {
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", null, monthText))), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(iconButton_0, {
+      key: "chevron-right",
       icon: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconChevronRight, {
         size: iconBtnSize
       }),
       size: buttonSize,
       onClick: onNextMonth,
       theme: btnTheme,
-      noHorizontalPadding: btnNoHorizontalPadding
+      noHorizontalPadding: btnNoHorizontalPadding,
+      style: rightButtonStyle
+    }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(iconButton_0, {
+      key: "double-chevron-right",
+      icon: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconDoubleChevronRight, {
+        size: iconBtnSize
+      }),
+      size: buttonSize,
+      theme: btnTheme,
+      noHorizontalPadding: btnNoHorizontalPadding,
+      onClick: onNextYear,
+      style: rightButtonStyle
     }));
   }
 
@@ -58007,6 +58298,10 @@ class monthsGrid_MonthsGrid extends baseComponent_BaseComponent {
       });
     };
 
+    this.getYAMOpenType = () => {
+      return this.foundation.getYAMOpenType();
+    };
+
     let nowDate = is_array_default()(props.defaultPickerValue) ? props.defaultPickerValue[0] : props.defaultPickerValue;
     const validFormat = props.format || getDefaultFormatTokenByType(props.type);
 
@@ -58498,9 +58793,11 @@ class monthsGrid_MonthsGrid extends baseComponent_BaseComponent {
       content = 'year month';
     }
 
+    const yearOpenType = this.getYAMOpenType();
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: monthGridCls,
       "x-type": type,
+      "x-panel-yearandmonth-open-type": yearOpenType,
       ref: current => this.cacheRefCurrent('monthGrid', current)
     }, content);
   }
@@ -59448,7 +59745,7 @@ class descriptions_item_Item extends external_root_React_commonjs2_react_commonj
       className: "".concat(item_prefixCls, "-item")
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
       className: keyCls
-    }, "".concat(itemKey, ":")), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+    }, itemKey, ":"), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
       className: valCls
     }, typeof children === 'function' ? children() : children))) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("tr", {
       className: className,
@@ -60735,8 +61032,8 @@ Modal_Modal.propTypes = {
   closable: prop_types_default.a.bool,
   centered: prop_types_default.a.bool,
   visible: prop_types_default.a.bool,
-  width: prop_types_default.a.number,
-  height: prop_types_default.a.number,
+  width: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.number]),
+  height: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.number]),
   confirmLoading: prop_types_default.a.bool,
   cancelLoading: prop_types_default.a.bool,
   okText: prop_types_default.a.string,
@@ -72275,39 +72572,44 @@ class select_Select extends baseComponent_BaseComponent {
     const {
       size,
       multiple,
-      disabled
+      disabled,
+      inputProps
     } = this.props;
+
+    const inputPropsCls = get_default()(inputProps, 'className');
+
     const inputcls = classnames_default()("".concat(select_prefixcls, "-input"), {
       ["".concat(select_prefixcls, "-input-single")]: !multiple,
       ["".concat(select_prefixcls, "-input-multiple")]: multiple
-    });
+    }, inputPropsCls);
     const {
       inputValue
     } = this.state;
-    const inputProps = {
+
+    const selectInputProps = assign_default()({
       value: inputValue,
       disabled,
       className: inputcls,
       onChange: this.handleInputChange
-    };
+    }, inputProps);
+
     let style = {}; // Multiple choice mode
 
     if (multiple) {
       style = {
         width: inputValue ? "".concat(inputValue.length * 16, "px") : '2px'
       };
-      inputProps.style = style;
+      selectInputProps.style = style;
     }
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(input_0, assign_default()({
       ref: this.inputRef,
-      size: size
-    }, inputProps, {
+      size: size,
       onFocus: e => {
         // prevent event bubbling which will fire trigger onFocus event
         e.stopPropagation(); // e.nativeEvent.stopImmediatePropagation();
       }
-    }));
+    }, selectInputProps));
   }
 
   close() {
@@ -72637,7 +72939,9 @@ class select_Select extends baseComponent_BaseComponent {
           key: value
         }), content);
       } else {
-        return content;
+        return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_["Fragment"], {
+          key: value
+        }, content);
       }
     });
 
@@ -72751,6 +73055,7 @@ class select_Select extends baseComponent_BaseComponent {
       multiple,
       filter,
       style,
+      id,
       size,
       className,
       validateStatus,
@@ -72824,6 +73129,7 @@ class select_Select extends baseComponent_BaseComponent {
       ref: ref => this.triggerRef.current = ref,
       onClick: e => this.foundation.handleClick(e),
       style: style,
+      id: id,
       tabIndex: tabIndex,
       onMouseEnter: this.onMouseEnter,
       onMouseLeave: this.onMouseLeave,
@@ -72909,6 +73215,7 @@ select_Select.propTypes = {
   dropdownStyle: prop_types_default.a.object,
   outerTopSlot: prop_types_default.a.node,
   innerTopSlot: prop_types_default.a.node,
+  inputProps: prop_types_default.a.object,
   outerBottomSlot: prop_types_default.a.node,
   innerBottomSlot: prop_types_default.a.node,
   optionList: prop_types_default.a.array,
@@ -73016,6 +73323,7 @@ select_Select.defaultProps = {
 
 
 
+
 const pagination_prefixCls = pagination_constants_cssClasses.PREFIX;
 const {
   Option: pagination_Option
@@ -73041,6 +73349,7 @@ class pagination_Pagination extends baseComponent_BaseComponent {
     this.foundation = new pagination_foundation(this.adapter);
     this.renderDefaultPage = bind_default()(_context = this.renderDefaultPage).call(_context, this);
     this.renderSmallPage = bind_default()(_context2 = this.renderSmallPage).call(_context2, this);
+    Object(warning["a" /* default */])(Boolean(props.showSizeChanger && props.hideOnSinglePage), '[Semi Pagination] You should not use showSizeChanger and hideOnSinglePage in ths same time. At this time, hideOnSinglePage no longer takes effect, otherwise there may be a problem that the switch entry disappears');
   }
 
   get adapter() {
@@ -73334,7 +73643,8 @@ class pagination_Pagination extends baseComponent_BaseComponent {
       className,
       style,
       hideOnSinglePage,
-      hoverShowPageSelect
+      hoverShowPageSelect,
+      showSizeChanger
     } = this.props;
     const paginationCls = classnames_default()("".concat(pagination_prefixCls, "-small"), pagination_prefixCls, className);
     const {
@@ -73344,7 +73654,7 @@ class pagination_Pagination extends baseComponent_BaseComponent {
     } = this.state;
     const totalPageNum = Math.ceil(total / pageSize);
 
-    if (totalPageNum < 2 && hideOnSinglePage) {
+    if (totalPageNum < 2 && hideOnSinglePage && !showSizeChanger) {
       return null;
     }
 
@@ -73373,13 +73683,14 @@ class pagination_Pagination extends baseComponent_BaseComponent {
       showTotal,
       className,
       style,
-      hideOnSinglePage
+      hideOnSinglePage,
+      showSizeChanger
     } = this.props;
     const paginationCls = classnames_default()(className, "".concat(pagination_prefixCls));
     const showTotalCls = "".concat(pagination_prefixCls, "-total");
     const totalPageNum = Math.ceil(total / pageSize);
 
-    if (totalPageNum < 2 && hideOnSinglePage) {
+    if (totalPageNum < 2 && hideOnSinglePage && !showSizeChanger) {
       return null;
     }
 
@@ -74452,6 +74763,7 @@ class radio_Radio extends baseComponent_BaseComponent {
       ["".concat(prefix, "-cardRadioGroup")]: isCardRadioGroup,
       ["".concat(prefix, "-cardRadioGroup_disabled")]: isDisabled && isCardRadioGroup,
       ["".concat(prefix, "-cardRadioGroup_checked")]: isCardRadioGroup && realChecked && !isDisabled,
+      ["".concat(prefix, "-cardRadioGroup_checked_disabled")]: isCardRadioGroup && realChecked && isDisabled,
       ["".concat(prefix, "-cardRadioGroup_hover")]: isCardRadioGroup && !realChecked && isHover && !isDisabled,
       [className]: Boolean(className)
     });
@@ -74789,7 +75101,7 @@ class rating_item_Item extends external_root_React_commonjs2_react_commonjs_reac
       height: size,
       fontSize: size
     } : {};
-    const iconSize = size === 'small' ? 'default' : 'extra-large';
+    const iconSize = isCustomSize ? 'inherit' : size === 'small' ? 'default' : 'extra-large';
     const content = character ? character : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconStar, {
       size: iconSize
     });
@@ -74804,7 +75116,8 @@ class rating_item_Item extends external_root_React_commonjs2_react_commonjs_reac
       "aria-checked": value > index ? 'true' : 'false',
       "aria-posinset": index + 1,
       "aria-setsize": count,
-      tabIndex: 0
+      tabIndex: 0,
+      className: "".concat(prefixCls, "-wrapper")
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(prefixCls, "-first"),
       style: {
@@ -86742,6 +87055,7 @@ const timeline_constants_strings = {
 
 
 
+
 const timeline_item_prefixCls = timeline_constants_cssClasses.ITEM;
 class timeline_item_Item extends external_root_React_commonjs2_react_commonjs_react_amd_react_["PureComponent"] {
   render() {
@@ -86755,7 +87069,8 @@ class timeline_item_Item extends external_root_React_commonjs2_react_commonjs_re
       type,
       style,
       time,
-      extra
+      extra,
+      onClick
     } = this.props;
     const itemCls = classnames_default()(timeline_item_prefixCls, className);
     const dotCls = classnames_default()({
@@ -86770,16 +87085,17 @@ class timeline_item_Item extends external_root_React_commonjs2_react_commonjs_re
     } : null;
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("li", {
       className: itemCls,
-      style: style
+      style: style,
+      onClick: onClick
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(timeline_item_prefixCls, "-tail")
     }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({
       className: dotCls
     }, dotStyle), dot), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(timeline_item_prefixCls, "-content")
-    }, children, extra ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+    }, children, extra && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(timeline_item_prefixCls, "-content-extra")
-    }, extra) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+    }, extra), time && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(timeline_item_prefixCls, "-content-time")
     }, time)));
   }
@@ -86787,17 +87103,19 @@ class timeline_item_Item extends external_root_React_commonjs2_react_commonjs_re
 }
 timeline_item_Item.propTypes = {
   color: prop_types_default.a.string,
-  time: prop_types_default.a.string,
+  time: prop_types_default.a.node,
   type: prop_types_default.a.oneOf(timeline_constants_strings.ITEM_TYPE),
   dot: prop_types_default.a.node,
   extra: prop_types_default.a.node,
   position: prop_types_default.a.oneOf(timeline_constants_strings.ITEM_POS),
   className: prop_types_default.a.string,
-  style: prop_types_default.a.object
+  style: prop_types_default.a.object,
+  onClick: prop_types_default.a.func
 };
 timeline_item_Item.defaultProps = {
   type: 'default',
-  time: ''
+  time: '',
+  onClick: noop_default.a
 };
 // CONCATENATED MODULE: ./timeline/index.tsx
 
@@ -89918,8 +90236,6 @@ class treeNode_TreeNode extends external_root_React_commonjs2_react_commonjs_rea
       const {
         onNodeRightClick
       } = this.context;
-      e.stopPropagation();
-      e.nativeEvent.stopImmediatePropagation();
       onNodeRightClick(e, this.props);
     };
 
@@ -92854,6 +93170,7 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
           itemSize: virtualize.itemSize,
           height: height,
           width: width,
+          // @ts-ignore avoid strict check of itemKey
           itemKey: this.itemKey,
           itemData: flattenNodes,
           className: "".concat(prefixTree, "-virtual-list"),
@@ -93948,6 +94265,113 @@ class foundation_UploadFoundation extends foundation {
         this.startUpload(currentFiles);
       }
     });
+  } // 插入多个文件到指定位置
+  // Insert files to the specified location
+
+
+  insertFileToList(files, index) {
+    const {
+      limit,
+      transformFile,
+      accept,
+      uploadTrigger
+    } = this.getProps();
+    const {
+      fileList
+    } = this.getStates();
+    const unAcceptFileList = []; // 当次选中的文件
+    // current selected file
+
+    let currentFileList = from_default()(files);
+
+    if (typeof accept !== 'undefined') {
+      currentFileList = filter_default()(currentFileList).call(currentFileList, item => {
+        const isValid = this.checkFileFormat(accept, item);
+
+        if (!isValid) {
+          unAcceptFileList.push(item);
+        }
+
+        return isValid;
+      });
+
+      if (unAcceptFileList.length !== 0) {
+        this._adapter.notifyAcceptInvalid(unAcceptFileList);
+      }
+
+      if (currentFileList.length === 0) {
+        return;
+      }
+    }
+
+    currentFileList = map_default()(currentFileList).call(currentFileList, file => {
+      if (!file.uid) {
+        file.uid = getUuidv4();
+      }
+
+      if (this.checkFileSize(file)) {
+        file._sizeInvalid = true;
+        file.status = FILE_STATUS_VALID_FAIL;
+
+        this._adapter.notifySizeError(file, fileList);
+      }
+
+      if (transformFile) {
+        file = transformFile(file);
+      }
+
+      return file;
+    });
+    const total = fileList.length + currentFileList.length;
+
+    if (typeof limit !== 'undefined') {
+      // 判断是否超出限制
+      // Determine whether the limit is exceeded
+      if (total > limit) {
+        if (limit === 1) {
+          // 使用最后面的文件对当前文件进行替换
+          // Use the last file to replace the current file
+          currentFileList = slice_default()(currentFileList).call(currentFileList, -1);
+
+          this._adapter.notifyFileSelect(currentFileList);
+
+          this._adapter.resetInput();
+
+          this.replaceFileList(currentFileList);
+          return;
+        } // 如果超出了限制，则计算还能添加几个文件，将剩余的文件继续上传
+        // If the limit is exceeded, several files can be added to the calculation, and the remaining files will continue to be uploaded
+
+
+        const restNum = limit - fileList.length;
+        currentFileList = slice_default()(currentFileList).call(currentFileList, 0, restNum);
+
+        this._adapter.notifyExceed(currentFileList);
+      }
+    }
+
+    const fileItemList = map_default()(currentFileList).call(currentFileList, file => this.buildFileItem(file, uploadTrigger));
+
+    const newFileList = slice_default()(fileList).call(fileList);
+
+    if (typeof index !== 'undefined') {
+      splice_default()(newFileList).call(newFileList, index, 0, ...fileItemList);
+    } else {
+      newFileList.push(...fileItemList);
+    }
+
+    this._adapter.notifyFileSelect(currentFileList);
+
+    this._adapter.notifyChange({
+      fileList: newFileList,
+      currentFile: null
+    });
+
+    this._adapter.updateFileList(newFileList, () => {
+      if (uploadTrigger === foundation_TRIGGER_AUTO) {
+        this.startUpload(fileItemList);
+      }
+    });
   }
 
   manualUpload() {
@@ -94817,16 +95241,23 @@ class fileCard_FileCard extends external_root_React_commonjs2_react_commonjs_rea
       status,
       disabled,
       style,
-      onPreviewClick
+      onPreviewClick,
+      showPicInfo,
+      renderPicInfo,
+      renderThumbnail,
+      name,
+      index
     } = this.props;
+    const showProgress = status === upload_constants_strings.FILE_STATUS_UPLOADING && percent !== 100;
+    const showRetry = status === upload_constants_strings.FILE_STATUS_UPLOAD_FAIL && this.props.showRetry;
+    const showReplace = status === upload_constants_strings.FILE_STATUS_SUCCESS && this.props.showReplace;
     const filePicCardCls = classnames_default()({
       ["".concat(fileCard_prefixCls, "-picture-file-card")]: true,
       ["".concat(fileCard_prefixCls, "-picture-file-card-disabled")]: disabled,
-      ["".concat(fileCard_prefixCls, "-picture-file-card-show-pointer")]: typeof onPreviewClick !== 'undefined'
+      ["".concat(fileCard_prefixCls, "-picture-file-card-show-pointer")]: typeof onPreviewClick !== 'undefined',
+      ["".concat(fileCard_prefixCls, "-picture-file-card-error")]: status === upload_constants_strings.FILE_STATUS_UPLOAD_FAIL,
+      ["".concat(fileCard_prefixCls, "-picture-file-card-uploading")]: showProgress
     });
-    const showProgress = status === upload_constants_strings.FILE_STATUS_UPLOADING && percent !== 100;
-    const showRetry = status === upload_constants_strings.FILE_STATUS_UPLOAD_FAIL && this.props.showRetry;
-    const showReplace = status === upload_constants_strings.FILE_STATUS_SUCCESS && this.props.showReplace;
     const closeCls = "".concat(fileCard_prefixCls, "-picture-file-card-close");
     const retry = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(fileCard_prefixCls, "-picture-file-card-retry"),
@@ -94846,47 +95277,38 @@ class fileCard_FileCard extends external_root_React_commonjs2_react_commonjs_rea
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(ReplaceSvg, {
       className: "".concat(fileCard_prefixCls, "-picture-file-card-icon-replace")
     })));
+    const picInfo = typeof renderPicInfo === 'function' ? renderPicInfo(this.props) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      className: "".concat(fileCard_prefixCls, "-picture-file-card-pic-info")
+    }, index + 1);
+    const thumbnail = typeof renderThumbnail === 'function' ? renderThumbnail(this.props) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("img", {
+      src: url,
+      alt: "picture of ".concat(name)
+    });
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: filePicCardCls,
       style: style,
       onClick: onPreviewClick
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("img", {
-      src: url
-    }), showProgress ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(progress_0, {
+    }, thumbnail, showProgress ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(progress_0, {
       percent: percent,
       type: "circle",
       size: "small",
       orbitStroke: '#FFF'
-    }) : null, showRetry ? retry : null, showReplace && replace, disabled ? null : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: closeCls,
-      onClick: e => this.onRemove(e)
+    }) : null, showRetry ? retry : null, showReplace && replace, showPicInfo && picInfo, !disabled && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      className: closeCls
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, {
-      size: "extra-small"
+      size: "extra-small",
+      onClick: e => this.onRemove(e)
     })), this.renderPicValidateMsg());
   }
 
-  onRemove(e) {
-    e.stopPropagation();
-    this.props.onRemove(this.props, e);
-  }
-
-  onReplace(e) {
-    e.stopPropagation();
-    this.props.onReplace(this.props, e);
-  }
-
-  onRetry(e) {
-    e.stopPropagation();
-    this.props.onRetry(this.props, e);
-  }
-
-  render() {
+  renderFile(locale) {
     const {
       name,
       size,
       percent,
       url,
-      listType,
+      showRetry: propsShowRetry,
+      showReplace: propsShowReplace,
       preview,
       previewFile,
       status,
@@ -94907,15 +95329,8 @@ class fileCard_FileCard extends external_root_React_commonjs2_react_commonjs_rea
     const replaceCls = "".concat(fileCard_prefixCls, "-file-card-replace");
     const showProgress = !(percent === 100 || typeof percent === 'undefined') && status === upload_constants_strings.FILE_STATUS_UPLOADING; // only show retry when upload fail & showRetry is true, no need to show during validate fail
 
-    const showRetry = status === upload_constants_strings.FILE_STATUS_UPLOAD_FAIL && this.props.showRetry;
-    const showReplace = status === upload_constants_strings.FILE_STATUS_SUCCESS && this.props.showReplace;
-
-    if (listType === upload_constants_strings.FILE_LIST_PIC) {
-      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(localeConsumer_LocaleConsumer, {
-        componentName: "Upload"
-      }, locale => this.renderPic(locale));
-    }
-
+    const showRetry = status === upload_constants_strings.FILE_STATUS_UPLOAD_FAIL && propsShowRetry;
+    const showReplace = status === upload_constants_strings.FILE_STATUS_SUCCESS && propsShowReplace;
     const fileSize = this.transSize(size);
     let previewContent = preview ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("img", {
       src: url
@@ -94927,9 +95342,7 @@ class fileCard_FileCard extends external_root_React_commonjs2_react_commonjs_rea
       previewContent = previewFile(this.props);
     }
 
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(localeConsumer_LocaleConsumer, {
-      componentName: "Upload"
-    }, locale => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: fileCardCls,
       style: style,
       onClick: onPreviewClick
@@ -94974,7 +95387,42 @@ class fileCard_FileCard extends external_root_React_commonjs2_react_commonjs_rea
       theme: "borderless",
       size: "small",
       className: closeCls
-    })));
+    }));
+  }
+
+  onRemove(e) {
+    e.stopPropagation();
+    this.props.onRemove(this.props, e);
+  }
+
+  onReplace(e) {
+    e.stopPropagation();
+    this.props.onReplace(this.props, e);
+  }
+
+  onRetry(e) {
+    e.stopPropagation();
+    this.props.onRetry(this.props, e);
+  }
+
+  render() {
+    const {
+      listType
+    } = this.props;
+
+    if (listType === upload_constants_strings.FILE_LIST_PIC) {
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(localeConsumer_LocaleConsumer, {
+        componentName: "Upload"
+      }, locale => this.renderPic(locale));
+    }
+
+    if (listType === upload_constants_strings.FILE_LIST_DEFAULT) {
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(localeConsumer_LocaleConsumer, {
+        componentName: "Upload"
+      }, locale => this.renderFile(locale));
+    }
+
+    return null;
   }
 
 }
@@ -94997,7 +95445,8 @@ fileCard_FileCard.propTypes = {
   status: prop_types_default.a.string,
   style: prop_types_default.a.object,
   url: prop_types_default.a.string,
-  validateMessage: prop_types_default.a.node
+  validateMessage: prop_types_default.a.node,
+  index: prop_types_default.a.number
 };
 fileCard_FileCard.defaultProps = {
   listType: upload_constants_strings.FILE_LIST_DEFAULT,
@@ -95088,6 +95537,23 @@ class upload_Upload extends baseComponent_BaseComponent {
     this.remove = fileItem => {
       this.foundation.handleRemove(fileItem);
     };
+    /**
+     * ref method
+     * insert files at index
+     * @param files Array<CustomFile>
+     * @param index number
+     * @returns
+     */
+
+
+    this.insert = (files, index) => {
+      return this.foundation.insertFileToList(files, index);
+    };
+    /**
+     * ref method
+     * manual upload by user
+     */
+
 
     this.upload = () => {
       const {
@@ -95103,14 +95569,18 @@ class upload_Upload extends baseComponent_BaseComponent {
         name,
         status,
         validateMessage,
-        _sizeInvalid
+        _sizeInvalid,
+        uid
       } = file;
       const {
         previewFile,
         listType,
         itemStyle,
         showRetry,
+        showPicInfo,
+        renderPicInfo,
         renderFileItem,
+        renderThumbnail,
         disabled,
         onPreviewClick,
         showReplace
@@ -95131,10 +95601,14 @@ class upload_Upload extends baseComponent_BaseComponent {
         listType,
         onRemove,
         onRetry,
-        key: concat_default()(_context = "".concat(name)).call(_context, index),
+        index,
+        key: uid || concat_default()(_context = "".concat(name)).call(_context, index),
         showRetry: typeof file.showRetry !== 'undefined' ? file.showRetry : showRetry,
         style: itemStyle,
         disabled,
+        showPicInfo,
+        renderPicInfo,
+        renderThumbnail,
         showReplace: typeof file.showReplace !== 'undefined' ? file.showReplace : showReplace,
         onReplace,
         onPreviewClick: typeof onPreviewClick !== 'undefined' ? () => this.foundation.handlePreviewClick(file) : undefined
@@ -95156,27 +95630,69 @@ class upload_Upload extends baseComponent_BaseComponent {
     };
 
     this.renderFileList = () => {
+      const {
+        listType
+      } = this.props;
+
+      if (listType === upload_constants_strings.FILE_LIST_PIC) {
+        return this.renderFileListPic();
+      }
+
+      if (listType === upload_constants_strings.FILE_LIST_DEFAULT) {
+        return this.renderFileListDefault();
+      }
+
+      return null;
+    };
+
+    this.renderFileListPic = () => {
       const {
         showUploadList,
-        listType,
         limit,
         disabled,
-        children
+        children,
+        draggable
       } = this.props;
       const {
-        fileList: stateFileList
+        fileList: stateFileList,
+        dragAreaStatus
       } = this.state;
       const fileList = this.props.fileList || stateFileList;
-      const isPicType = listType === upload_constants_strings.FILE_LIST_PIC;
-      const showAddTriggerInList = isPicType && (limit ? limit > fileList.length : true);
+      const showAddTriggerInList = limit ? limit > fileList.length : true;
+      const dragAreaBaseCls = "".concat(upload_prefixCls, "-drag-area");
       const uploadAddCls = classnames_default()("".concat(upload_prefixCls, "-add"), {
-        ["".concat(upload_prefixCls, "-picture-add")]: isPicType,
+        ["".concat(upload_prefixCls, "-picture-add")]: true,
         ["".concat(upload_prefixCls, "-picture-add-disabled")]: disabled
       });
-      const addContent = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      const fileListCls = classnames_default()("".concat(upload_prefixCls, "-file-list"), {
+        ["".concat(upload_prefixCls, "-picture-file-list")]: true
+      });
+      const dragAreaCls = classnames_default()({
+        ["".concat(dragAreaBaseCls, "-legal")]: dragAreaStatus === upload_constants_strings.DRAG_AREA_LEGAL,
+        ["".concat(dragAreaBaseCls, "-illegal")]: dragAreaStatus === upload_constants_strings.DRAG_AREA_ILLEGAL
+      });
+      const mainCls = "".concat(upload_prefixCls, "-file-list-main");
+      const addContentProps = {
         className: uploadAddCls,
         onClick: this.onClick
-      }, children);
+      };
+      const containerProps = {
+        className: fileListCls
+      };
+      const draggableProps = {
+        onDrop: this.onDrop,
+        onDragOver: this.onDragOver,
+        onDragLeave: this.onDragLeave,
+        onDragEnter: this.onDragEnter
+      };
+
+      if (draggable) {
+        assign_default()(addContentProps, draggableProps, {
+          className: classnames_default()(uploadAddCls, dragAreaCls)
+        });
+      }
+
+      const addContent = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({}, addContentProps), children);
 
       if (!showUploadList || !fileList.length) {
         if (showAddTriggerInList) {
@@ -95186,18 +95702,39 @@ class upload_Upload extends baseComponent_BaseComponent {
         return null;
       }
 
-      const fileListCls = classnames_default()("".concat(upload_prefixCls, "-file-list"), {
-        ["".concat(upload_prefixCls, "-picture-file-list")]: isPicType
-      });
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(localeConsumer_LocaleConsumer, {
+        componentName: "Upload"
+      }, locale => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({}, containerProps), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: mainCls
+      }, map_default()(fileList).call(fileList, (file, index) => this.renderFile(file, index, locale)), showAddTriggerInList ? addContent : null)));
+    };
+
+    this.renderFileListDefault = () => {
+      const {
+        showUploadList,
+        limit,
+        disabled
+      } = this.props;
+      const {
+        fileList: stateFileList
+      } = this.state;
+      const fileList = this.props.fileList || stateFileList;
+      const fileListCls = classnames_default()("".concat(upload_prefixCls, "-file-list"));
       const titleCls = "".concat(upload_prefixCls, "-file-list-title");
       const mainCls = "".concat(upload_prefixCls, "-file-list-main");
-      const showTitle = limit !== 1 && fileList.length && listType !== upload_constants_strings.FILE_LIST_PIC;
+      const showTitle = limit !== 1 && fileList.length;
       const showClear = this.props.showClear && !disabled;
+      const containerProps = {
+        className: fileListCls
+      };
+
+      if (!showUploadList || !fileList.length) {
+        return null;
+      }
+
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(localeConsumer_LocaleConsumer, {
         componentName: "Upload"
-      }, locale => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: fileListCls
-      }, showTitle ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      }, locale => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({}, containerProps), showTitle ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         className: titleCls
       }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
         className: "".concat(titleCls, "-choosen")
@@ -95206,7 +95743,7 @@ class upload_Upload extends baseComponent_BaseComponent {
         className: "".concat(titleCls, "-clear")
       }, locale.clear) : null) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         className: mainCls
-      }, map_default()(fileList).call(fileList, (file, index) => this.renderFile(file, index, locale)), showAddTriggerInList ? addContent : null)));
+      }, map_default()(fileList).call(fileList, (file, index) => this.renderFile(file, index, locale)))));
     };
 
     this.onDrop = e => {
@@ -95226,6 +95763,28 @@ class upload_Upload extends baseComponent_BaseComponent {
       this.foundation.handleDragEnter(e);
     };
 
+    this.renderAddContent = () => {
+      const {
+        draggable,
+        children,
+        listType
+      } = this.props;
+      const uploadAddCls = classnames_default()("".concat(upload_prefixCls, "-add"));
+
+      if (listType === upload_constants_strings.FILE_LIST_PIC) {
+        return null;
+      }
+
+      if (draggable) {
+        return this.renderDragArea();
+      }
+
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: uploadAddCls,
+        onClick: this.onClick
+      }, children);
+    };
+
     this.renderDragArea = () => {
       const {
         dragAreaStatus
@@ -95283,6 +95842,14 @@ class upload_Upload extends baseComponent_BaseComponent {
     this.inputRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
     this.replaceInputRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
   }
+  /**
+   * Notes:
+   *   The input parameter and return value here do not declare the type, otherwise tsc may report an error in form/fields.tsx when wrap after withField
+   *   `The types of the parameters "props" and "nextProps" are incompatible.
+         The attribute "action" is missing in the type "Readonly<any>", but it is required in the type "UploadProps".`
+   *   which seems to be a bug, remove props type declare here
+   */
+
 
   static getDerivedStateFromProps(props) {
     const {
@@ -95404,7 +95971,6 @@ class upload_Upload extends baseComponent_BaseComponent {
       ["".concat(upload_prefixCls, "-warning")]: validateStatus === 'warning',
       ["".concat(upload_prefixCls, "-success")]: validateStatus === 'success'
     }, className);
-    const uploadAddCls = classnames_default()("".concat(upload_prefixCls, "-add"));
     const inputCls = classnames_default()("".concat(upload_prefixCls, "-hidden-input"));
     const inputReplaceCls = classnames_default()("".concat(upload_prefixCls, "-hidden-input-replace"));
     const promptCls = classnames_default()("".concat(upload_prefixCls, "-prompt"));
@@ -95413,10 +95979,6 @@ class upload_Upload extends baseComponent_BaseComponent {
       directory: 'directory',
       webkitdirectory: 'webkitdirectory'
     } : {};
-    const addContent = listType !== upload_constants_strings.FILE_LIST_PIC ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: uploadAddCls,
-      onClick: this.onClick
-    }, children) : null;
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: uploadCls,
       style: style,
@@ -95442,7 +96004,7 @@ class upload_Upload extends baseComponent_BaseComponent {
       tabIndex: -1,
       className: inputReplaceCls,
       ref: this.replaceInputRef
-    }), draggable ? this.renderDragArea() : addContent, prompt ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+    }), this.renderAddContent(), prompt ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: promptCls
     }, prompt) : null, validateMessage ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: validateMsgCls
@@ -95497,7 +96059,10 @@ upload_Upload.propTypes = {
   prompt: prop_types_default.a.node,
   promptPosition: prop_types_default.a.oneOf(upload_constants_strings.PROMPT_POSITION),
   renderFileItem: prop_types_default.a.func,
+  renderPicInfo: prop_types_default.a.func,
+  renderThumbnail: prop_types_default.a.func,
   showClear: prop_types_default.a.bool,
+  showPicInfo: prop_types_default.a.bool,
   showReplace: prop_types_default.a.bool,
   showRetry: prop_types_default.a.bool,
   showUploadList: prop_types_default.a.bool,
@@ -95531,6 +96096,7 @@ upload_Upload.defaultProps = {
   onSuccess: noop_default.a,
   promptPosition: 'right',
   showClear: true,
+  showPicInfo: false,
   showReplace: false,
   showRetry: true,
   showUploadList: true,
@@ -95660,6 +96226,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 // EXTERNAL MODULE: /Users/daiqiang/Project/semi-design/node_modules/@babel/runtime/helpers/typeof.js
@@ -95692,12 +96261,15 @@ function _inherits(subClass, superClass) {
     throw new TypeError("Super expression must either be null or a function");
   }
 
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
+  Object.defineProperty(subClass, "prototype", {
+    value: Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    }),
+    writable: false
   });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
@@ -99952,7 +100524,9 @@ function withField(Component, opts) {
     // Return without injection, eg: <Checkbox> / <Radio> inside CheckboxGroup/RadioGroup
 
     if (!shouldInject) {
-      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(Component, assign_default()({}, rest));
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(Component, assign_default()({}, rest, {
+        ref: ref
+      }));
     } // grab formState from context