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

package/dist/umd/semi-ui.js

@@ -13752,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,
@@ -13763,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;
@@ -28583,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
 
 
@@ -29510,6 +29569,8 @@ const IconUpload_IconComponent = convertIcon(IconUpload_SvgComponent, 'upload');
 
 
 
+
+
 
 
 
@@ -42585,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);
@@ -42646,7 +42711,6 @@ var object_entries_default = /*#__PURE__*/__webpack_require__.n(object_entries);
 
 
 
-
 
 
 const DRAG_OFFSET = 0.45;
@@ -43126,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) {
@@ -43146,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;
@@ -43157,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;
@@ -43275,7 +43341,7 @@ function calcCheckedKeysForUnchecked(key, keyEntities, checkedKeys, halfCheckedK
   };
 }
 function filterTreeData(info) {
-  var _context10, _context11;
+  var _context9, _context10;
 
   const {
     showFilteredOnly,
@@ -43287,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) {
@@ -43328,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
@@ -43365,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
 
 
@@ -43377,6 +43464,7 @@ function calcDropActualPosition(pos, relativeDropPos) {
 
 
 
+
 function util_getPosition(level, index) {
   var _context;
 
@@ -43457,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
 
 
@@ -43480,6 +43581,7 @@ function util_findKeysForValues(value, keyEntities) {
 
 
 
+
 
 
  // eslint-disable-next-line max-len
@@ -43995,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);
     }
   }
 
@@ -44072,7 +44176,8 @@ class foundation_CascaderFoundation extends foundation {
     const {
       changeOnSelect: allowChange,
       filterLeafOnly,
-      multiple
+      multiple,
+      enableLeafClick
     } = this.getProps();
     const {
       keyEntities,
@@ -44106,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);
 
@@ -44155,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
@@ -44171,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]);
           });
 
@@ -44208,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.
@@ -44371,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 {
@@ -44496,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");
 
@@ -45295,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) => {
@@ -45319,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);
         }
       });
 
@@ -45491,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 = {
@@ -46400,6 +46499,7 @@ tagInput_TagInput.defaultProps = {
 
 
 
+
 
 
 const cascader_prefixcls = cascader_constants_cssClasses.PREFIX;
@@ -46493,6 +46593,7 @@ class cascader_Cascader extends baseComponent_BaseComponent {
         dropdownStyle,
         loadData,
         emptyContent,
+        separator,
         topSlot,
         bottomSlot,
         showNext,
@@ -46508,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,
@@ -46557,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 = [];
 
@@ -46649,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];
       }
@@ -46842,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(),
@@ -46856,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();
@@ -46998,7 +47104,9 @@ class cascader_Cascader extends baseComponent_BaseComponent {
       multiple,
       value,
       defaultValue,
-      onChangeWithObject
+      onChangeWithObject,
+      leafOnly,
+      autoMergeValue
     } = props;
     const {
       prevProps
@@ -47063,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));
       }
     }
 
@@ -47114,7 +47217,6 @@ class cascader_Cascader extends baseComponent_BaseComponent {
     const {
       size,
       disabled,
-      autoMergeValue,
       placeholder,
       maxTagCount,
       showRestTagsPopover,
@@ -47124,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])) {
@@ -47278,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,
@@ -47302,6 +47408,7 @@ cascader_Cascader.defaultProps = {
   filterLeafOnly: true,
   showRestTagsPopover: false,
   restTagsPopoverProps: {},
+  separator: ' / ',
   size: 'default',
   treeNodeFilterProp: 'label',
   displayProp: 'label',
@@ -47310,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
@@ -54558,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) {
@@ -54584,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
@@ -55268,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
@@ -55293,6 +55534,8 @@ class navigation_Navigation extends external_root_React_commonjs2_react_commonjs
       onMonthClick,
       onNextMonth,
       onPrevMonth,
+      onPrevYear,
+      onNextYear,
       density,
       shouldBimonthSwitch,
       panelType
@@ -55300,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 bimonthSwitchWithLeftPanel = shouldBimonthSwitch && panelType === datePicker_constants_strings.PANEL_TYPE_LEFT; // Enable dual-panel synchronous switching, and the current panel is the right panel
+    const leftButtonStyle = {};
+    const rightButtonStyle = {};
+
+    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
     }));
   }
 
@@ -58017,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);
 
@@ -58508,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);
   }
@@ -59458,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,
@@ -72285,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() {
@@ -72923,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,
@@ -74808,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
     });
@@ -86762,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() {
@@ -86775,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()({
@@ -86790,7 +87085,8 @@ 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()({
@@ -86813,11 +87109,13 @@ timeline_item_Item.propTypes = {
   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
 
@@ -93967,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() {
@@ -94836,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"),
@@ -94865,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,
@@ -94926,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
@@ -94946,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
@@ -94993,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;
   }
 
 }
@@ -95016,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,
@@ -95107,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 {
@@ -95122,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
@@ -95150,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
@@ -95175,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) {
@@ -95205,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")
@@ -95225,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 => {
@@ -95245,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
@@ -95431,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"));
@@ -95440,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,
@@ -95469,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
@@ -95524,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,
@@ -95558,6 +96096,7 @@ upload_Upload.defaultProps = {
   onSuccess: noop_default.a,
   promptPosition: 'right',
   showClear: true,
+  showPicInfo: false,
   showReplace: false,
   showRetry: true,
   showUploadList: true,