@douyinfe/semi-ui 2.36.0-alpha.0 → 2.36.0-beta.0

package/dist/umd/semi-ui.js

@@ -18394,6 +18394,9 @@ class BaseComponent extends external_root_React_commonjs2_react_commonjs_react_a
 }
 BaseComponent.propTypes = {};
 BaseComponent.defaultProps = {};
+// EXTERNAL MODULE: ../../node_modules/lodash/isObject.js
+var isObject = __webpack_require__("tQYX");
+var isObject_default = /*#__PURE__*/__webpack_require__.n(isObject);
 ;// CONCATENATED MODULE: ../semi-foundation/anchor/linkFoundation.ts
 
 class LinkFoundation extends foundation {
@@ -18438,6 +18441,7 @@ const constants_cssClasses = {
   PREFIX: `${BASE_CLASS_PREFIX}-typography`
 };
 const typography_constants_strings = {
+  WEIGHT: ['light', 'regular', 'medium', 'semibold', 'bold', "default"],
   TYPE: ['primary', 'secondary', 'danger', 'warning', 'success', 'tertiary', 'quaternary'],
   SIZE: ['normal', 'small'],
   SPACING: ['normal', 'extended'],
@@ -26464,7 +26468,7 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
       }
 
       this.rafId = window.requestAnimationFrame(this.getEllipsisState.bind(this));
-    }; // if need to use js overflowed:
+    }; // if it needs to use js overflowed:
     // 1. text is expandable 2. expandText need to be shown  3. has extra operation 4. text need to ellipse from mid
 
 
@@ -26807,10 +26811,7 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
     const {
       expanded
     } = this.state;
-    const canUseCSSEllipsis = this.canUseCSSEllipsis(); // Currently only text truncation is supported, if there is non-text, 
-    // both css truncation and js truncation should throw a warning
-
-    warning('children' in this.props && typeof children !== 'string', "[Semi Typography] 'Only children with pure text could be used with ellipsis at this moment."); // If children is null, css/js truncated flag isTruncate is false
+    const canUseCSSEllipsis = this.canUseCSSEllipsis(); // If children is null, css/js truncated flag isTruncate is false
 
     if (isNull_default()(children)) {
       this.setState({
@@ -26818,7 +26819,11 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
         isOverflowed: false
       });
       return undefined;
-    }
+    } // Currently only text truncation is supported, if there is non-text, 
+    // both css truncation and js truncation should throw a warning
+
+
+    warning('children' in this.props && typeof children !== 'string', "[Semi Typography] Only children with pure text could be used with ellipsis at this moment.");
 
     if (!rows || rows < 0 || expanded) {
       return undefined;
@@ -26927,9 +26932,10 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
       icon,
       size,
       link,
-      heading
+      heading,
+      weight
     } = _a,
-          rest = base_rest(_a, ["component", "children", "className", "type", "spacing", "disabled", "style", "ellipsis", "icon", "size", "link", "heading"]);
+          rest = base_rest(_a, ["component", "children", "className", "type", "spacing", "disabled", "style", "ellipsis", "icon", "size", "link", "heading", "weight"]);
 
     const textProps = omit_default()(rest, ['strong', 'editable', 'mark', 'copyable', 'underline', 'code', // 'link',
     'delete']);
@@ -26949,6 +26955,7 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
       className: linkCls
     }, textNode) : textNode));
     const hTagReg = /^h[1-6]$/;
+    const isHeader = isString_default()(heading) && hTagReg.test(heading);
     const wrapperCls = classnames_default()(className, ellipsisCls, {
       // [`${prefixCls}-primary`]: !type || type === 'primary',
       [`${base_prefixCls}-${type}`]: type && !link,
@@ -26956,11 +26963,15 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
       [`${base_prefixCls}-link`]: link,
       [`${base_prefixCls}-disabled`]: disabled,
       [`${base_prefixCls}-${spacing}`]: spacing,
-      [`${base_prefixCls}-${heading}`]: isString_default()(heading) && hTagReg.test(heading)
+      [`${base_prefixCls}-${heading}`]: isHeader,
+      [`${base_prefixCls}-${heading}-weight-${weight}`]: isHeader && isNaN(Number(weight))
     });
+    const textStyle = Object.assign(Object.assign({}, isNaN(Number(weight)) ? {} : {
+      fontWeight: weight
+    }), style);
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(typography_typography, Object.assign({
       className: wrapperCls,
-      style: Object.assign(Object.assign({}, style), ellipsisStyle),
+      style: Object.assign(Object.assign({}, textStyle), ellipsisStyle),
       component: component,
       forwardRef: this.wrapperRef
     }, textProps), textNode, this.renderOperations());
@@ -26996,15 +27007,22 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
   }
 
   render() {
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(ReactResizeObserver, {
-      onResize: this.onResize
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(LocaleConsumer, {
+    const content = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(LocaleConsumer, {
       componentName: "Typography"
     }, locale => {
       this.expandStr = locale.expand;
       this.collapseStr = locale.collapse;
       return this.renderTipWrapper();
-    }));
+    });
+
+    if (this.props.ellipsis) {
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(ReactResizeObserver, {
+        onResize: this.onResize,
+        observeParent: true
+      }, content);
+    }
+
+    return content;
   }
 
 }
@@ -27157,7 +27175,8 @@ Title.propTypes = {
   heading: prop_types_default().oneOf(typography_constants_strings.HEADING),
   style: (prop_types_default()).object,
   className: (prop_types_default()).string,
-  component: (prop_types_default()).string
+  component: (prop_types_default()).string,
+  weight: prop_types_default().oneOfType([prop_types_default().oneOf(typography_constants_strings.WEIGHT), (prop_types_default()).number])
 };
 Title.defaultProps = {
   copyable: false,
@@ -27437,6 +27456,7 @@ typography_Typography.Numeral = Numeral;
 
 
 
+
 const link_prefixCls = cssClasses.PREFIX; // eslint-disable-next-line @typescript-eslint/ban-types
 
 class Link extends BaseComponent {
@@ -27461,17 +27481,22 @@ class Link extends BaseComponent {
         [`${link_prefixCls}-link-tooltip-active`]: active,
         [`${link_prefixCls}-link-tooltip-disabled`]: disabled
       });
-      const toolTipOpt = position ? {
-        position
-      } : {};
 
       if (showTooltip) {
+        const showTooltipObj = isObject_default()(showTooltip) ? Object.assign({
+          opts: {}
+        }, showTooltip) : {
+          opts: {}
+        }; // The position can be set through showTooltip, here it is compatible with the position API
+
+        if (position) {
+          showTooltipObj.opts['position'] = position;
+        }
+
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(typography_0.Text, {
           size: size === 'default' ? 'normal' : 'small',
           ellipsis: {
-            showTooltip: {
-              opts: Object.assign({}, toolTipOpt)
-            }
+            showTooltip: showTooltipObj
           },
           type: 'tertiary',
           className: linkTitleCls
@@ -27976,9 +28001,6 @@ const autoComplete_constants_strings = {
   STATUS: VALIDATE_STATUS
 };
 
-// EXTERNAL MODULE: ../../node_modules/lodash/isObject.js
-var isObject = __webpack_require__("tQYX");
-var isObject_default = /*#__PURE__*/__webpack_require__.n(isObject);
 // EXTERNAL MODULE: ../../node_modules/lodash/isNumber.js
 var isNumber = __webpack_require__("mGvo");
 var isNumber_default = /*#__PURE__*/__webpack_require__.n(isNumber);
@@ -37639,6 +37661,10 @@ class DayCalendar extends BaseComponent {
     this.checkWeekend = val => this.foundation.checkWeekend(val);
 
     this.renderAllDayEvents = events => {
+      if (this.props.allDayEventsRender) {
+        return this.props.allDayEventsRender(this.props.events);
+      }
+
       const list = events.map((event, ind) => {
         const {
           children,
@@ -37731,7 +37757,7 @@ class DayCalendar extends BaseComponent {
     const prevEventKeys = prevState.cachedKeys;
     const nowEventKeys = this.props.events.map(event => event.key);
 
-    if (!isEqual_default()(prevEventKeys, nowEventKeys)) {
+    if (!isEqual_default()(prevEventKeys, nowEventKeys) || !isEqual_default()(prevProps.displayValue, this.props.displayValue)) {
       this.foundation.parseDailyEvents();
     }
   }
@@ -37804,7 +37830,8 @@ DayCalendar.propTypes = {
   height: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
   style: (prop_types_default()).object,
   className: (prop_types_default()).string,
-  dateGridRender: (prop_types_default()).func
+  dateGridRender: (prop_types_default()).func,
+  allDayEventsRender: (prop_types_default()).func
 };
 DayCalendar.defaultProps = {
   events: [],
@@ -37881,7 +37908,8 @@ class WeekCalendar extends BaseComponent {
     this.renderHeader = dateFnsLocale => {
       const {
         markWeekend,
-        displayValue
+        displayValue,
+        renderDateDisplay
       } = this.props;
       const {
         month,
@@ -37907,16 +37935,21 @@ class WeekCalendar extends BaseComponent {
           [`${calendar_constants_cssClasses.PREFIX}-today`]: isToday,
           [`${calendar_constants_cssClasses.PREFIX}-weekend`]: markWeekend && day.isWeekend
         });
+        const dateContent = renderDateDisplay ? renderDateDisplay(date) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
+          className: `${calendar_constants_cssClasses.PREFIX}-today-date`
+        }, dayString), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", null, weekday));
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("li", {
           key: `${date.toString()}-weekheader`,
           className: listCls
-        }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
-          className: `${calendar_constants_cssClasses.PREFIX}-today-date`
-        }, dayString), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", null, weekday));
+        }, dateContent);
       }))));
     };
 
     this.renderAllDayEvents = events => {
+      if (this.props.allDayEventsRender) {
+        return this.props.allDayEventsRender(this.props.events);
+      }
+
       const list = events.map((event, ind) => {
         const {
           leftPos,
@@ -37941,13 +37974,15 @@ class WeekCalendar extends BaseComponent {
     };
 
     this.renderAllDay = locale => {
+      const {
+        allDayEventsRender
+      } = this.props;
       const {
         allDay
       } = this.state.parsedEvents;
       const parsed = this.foundation.parseWeeklyAllDayEvents(allDay);
-      const maxRowHeight = calcRowHeight(parsed);
-      const style = {
-        height: `${maxRowHeight}em`
+      const style = allDayEventsRender ? null : {
+        height: `${calcRowHeight(parsed)}em`
       };
       const {
         markWeekend
@@ -38031,7 +38066,7 @@ class WeekCalendar extends BaseComponent {
     const prevEventKeys = prevState.cachedKeys;
     const nowEventKeys = this.props.events.map(event => event.key);
 
-    if (!isEqual_default()(prevEventKeys, nowEventKeys)) {
+    if (!isEqual_default()(prevEventKeys, nowEventKeys) || !isEqual_default()(prevProps.displayValue, this.props.displayValue)) {
       this.foundation.parseWeeklyEvents();
     }
   }
@@ -38083,7 +38118,9 @@ WeekCalendar.propTypes = {
   markWeekend: (prop_types_default()).bool,
   scrollTop: (prop_types_default()).number,
   renderTimeDisplay: (prop_types_default()).func,
+  renderDateDisplay: (prop_types_default()).func,
   dateGridRender: (prop_types_default()).func,
+  allDayEventsRender: (prop_types_default()).func,
   width: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
   height: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
   style: (prop_types_default()).object,
@@ -38271,10 +38308,18 @@ class monthCalendar extends BaseComponent {
         key: date,
         className: listCls,
         onClick: e => this.handleClick(e, [date])
-      }, this.formatDayString(month, dayString), shouldRenderCard ? text : null, this.renderCusDateGrid(date)));
+      }, this.formatDayString(date, month, dayString), shouldRenderCard ? text : null, this.renderCusDateGrid(date)));
     };
 
-    this.formatDayString = (month, date) => {
+    this.formatDayString = (dateObj, month, date) => {
+      const {
+        renderDateDisplay
+      } = this.props;
+
+      if (renderDateDisplay) {
+        return renderDateDisplay(dateObj);
+      }
+
       if (date === '1') {
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(LocaleConsumer, {
           componentName: "Calendar"
@@ -38351,7 +38396,7 @@ class monthCalendar extends BaseComponent {
           key: `${date}-weeksk`,
           className: listCls,
           onClick: e => _this.handleClick(e, [date])
-        }, _this.formatDayString(month, dayString), _this.renderCusDateGrid(date));
+        }, _this.formatDayString(date, month, dayString), _this.renderCusDateGrid(date));
 
         if (!shouldRenderCollapsed) {
           return inner;
@@ -38471,7 +38516,7 @@ class monthCalendar extends BaseComponent {
       }
     }
 
-    if (!isEqual_default()(prevEventKeys, nowEventKeys) || itemLimitUpdate) {
+    if (!isEqual_default()(prevEventKeys, nowEventKeys) || itemLimitUpdate || !isEqual_default()(prevProps.displayValue, this.props.displayValue)) {
       this.foundation.parseMonthlyEvents(itemLimit || this.props.events);
     }
   }
@@ -38598,7 +38643,8 @@ class RangeCalendar extends BaseComponent {
     this.renderHeader = dateFnsLocale => {
       const {
         markWeekend,
-        range
+        range,
+        renderDateDisplay
       } = this.props;
       const {
         month,
@@ -38624,16 +38670,21 @@ class RangeCalendar extends BaseComponent {
           [`${calendar_constants_cssClasses.PREFIX}-today`]: isToday,
           [`${calendar_constants_cssClasses.PREFIX}-weekend`]: markWeekend && day.isWeekend
         });
+        const dateContent = renderDateDisplay ? renderDateDisplay(date) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
+          className: `${calendar_constants_cssClasses.PREFIX}-today-date`
+        }, dayString), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", null, weekday));
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("li", {
           key: `${date.toString()}-weekheader`,
           className: listCls
-        }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
-          className: `${calendar_constants_cssClasses.PREFIX}-today-date`
-        }, dayString), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", null, weekday));
+        }, dateContent);
       }))));
     };
 
     this.renderAllDayEvents = events => {
+      if (this.props.allDayEventsRender) {
+        return this.props.allDayEventsRender(this.props.events);
+      }
+
       const list = events.map((event, ind) => {
         const {
           leftPos,
@@ -38657,13 +38708,15 @@ class RangeCalendar extends BaseComponent {
     };
 
     this.renderAllDay = locale => {
+      const {
+        allDayEventsRender
+      } = this.props;
       const {
         allDay
       } = this.state.parsedEvents;
       const parsed = this.foundation.parseRangeAllDayEvents(allDay);
-      const maxRowHeight = calcRowHeight(parsed);
-      const style = {
-        height: `${maxRowHeight}em`
+      const style = allDayEventsRender ? null : {
+        height: `${calcRowHeight(parsed)}em`
       };
       const {
         markWeekend
@@ -38747,7 +38800,7 @@ class RangeCalendar extends BaseComponent {
     const prevEventKeys = prevState.cachedKeys;
     const nowEventKeys = this.props.events.map(event => event.key);
 
-    if (!isEqual_default()(prevEventKeys, nowEventKeys)) {
+    if (!isEqual_default()(prevEventKeys, nowEventKeys) || !isEqual_default()(prevProps.range, this.props.range)) {
       this.foundation.parseRangeEvents();
     }
   }
@@ -38800,7 +38853,9 @@ RangeCalendar.propTypes = {
   markWeekend: (prop_types_default()).bool,
   scrollTop: (prop_types_default()).number,
   renderTimeDisplay: (prop_types_default()).func,
+  renderDateDisplay: (prop_types_default()).func,
   dateGridRender: (prop_types_default()).func,
+  allDayEventsRender: (prop_types_default()).func,
   width: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
   height: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
   style: (prop_types_default()).object,
@@ -38868,6 +38923,7 @@ Calendar.propTypes = {
   scrollTop: (prop_types_default()).number,
   onClick: (prop_types_default()).func,
   renderTimeDisplay: (prop_types_default()).func,
+  renderDateDisplay: (prop_types_default()).func,
   markWeekend: (prop_types_default()).bool,
   width: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
   height: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
@@ -39031,10 +39087,6 @@ const item_Avatar = generator('avatar')(Generic);
 const item_Image = generator('image')(Generic);
 const item_Title = generator('title')(Generic);
 const item_Button = generator('button')(Generic);
-item_Avatar.elementType = 'Skeleton.Avatar';
-item_Image.elementType = 'Skeleton.Image';
-item_Title.elementType = 'Skeleton.Title';
-item_Button.elementType = 'Skeleton.Button';
 class item_Paragraph extends external_root_React_commonjs2_react_commonjs_react_amd_react_.PureComponent {
   render() {
     const {
@@ -39063,7 +39115,6 @@ item_Paragraph.defaultProps = {
   prefixCls: skeleton_constants_cssClasses.PREFIX,
   rows: 4
 };
-item_Paragraph.elementType = 'Skeleton.Paragraph';
 ;// CONCATENATED MODULE: ./skeleton/index.tsx
 var skeleton_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
@@ -39134,7 +39185,6 @@ Skeleton.propTypes = {
   loading: (prop_types_default()).bool,
   children: (prop_types_default()).node
 };
-Skeleton.elementType = 'Skeleton';
 /* harmony default export */ const skeleton_0 = (Skeleton);
 ;// CONCATENATED MODULE: ../semi-foundation/space/constants.ts
 
@@ -47978,7 +48028,7 @@ class CollapsePanel extends external_root_React_commonjs2_react_commonjs_react_a
       activeSet,
       motion
     } = this.context;
-    const active = (activeSet === null || activeSet === void 0 ? void 0 : activeSet.has(itemKey)) || this.props.active;
+    const active = activeSet.has(itemKey);
     const itemCls = classnames_default()(className, {
       [`${collapse_constants_cssClasses.PREFIX}-item`]: true
     });
@@ -48029,7 +48079,6 @@ CollapsePanel.defaultProps = {
   showArrow: true,
   disabled: false
 };
-CollapsePanel.elementType = 'Collapse.Panel';
 // EXTERNAL MODULE: ../semi-foundation/collapse/collapse.scss
 var collapse = __webpack_require__("HnyD");
 ;// CONCATENATED MODULE: ./collapse/index.tsx
@@ -62550,12 +62599,18 @@ class YearAndMonthFoundation extends foundation {
 
 }
 ;// CONCATENATED MODULE: ../semi-foundation/datePicker/_utils/getYears.ts
-const getYears = () => {
-  const year = new Date().getFullYear();
-  const startYear = year - 100;
+const getYears = (startYear, endYear) => {
+  const currentYear = new Date().getFullYear();
+  let start = typeof startYear === 'number' ? startYear : currentYear - 100;
+  let end = typeof endYear === 'number' ? endYear : currentYear + 100;
+
+  if (end < start) {
+    [start, end] = [end, start];
+  }
+
   return Array.from({
-    length: 200
-  }, (v, i) => startYear + i);
+    length: end - start + 1
+  }, (v, i) => start + i);
 };
 
 /* harmony default export */ const _utils_getYears = (getYears);
@@ -62817,7 +62872,7 @@ class YearAndMonth extends BaseComponent {
       right: currentMonth.right || currentLeftMonth + 1
     };
     this.state = {
-      years: _utils_getYears().map(year => ({
+      years: _utils_getYears(props.startYear, props.endYear).map(year => ({
         value: year,
         year
       })),
@@ -63064,7 +63119,9 @@ YearAndMonth.propTypes = {
   presetPosition: prop_types_default().oneOf(datePicker_constants_strings.PRESET_POSITION_SET),
   renderQuickControls: (prop_types_default()).node,
   renderDateInput: (prop_types_default()).node,
-  type: prop_types_default().oneOf(datePicker_constants_strings.TYPE_SET)
+  type: prop_types_default().oneOf(datePicker_constants_strings.TYPE_SET),
+  startYear: (prop_types_default()).number,
+  endYear: (prop_types_default()).number
 };
 YearAndMonth.defaultProps = {
   disabledDate: (stubFalse_default()),
@@ -63552,7 +63609,9 @@ class MonthsGrid extends BaseComponent {
       locale,
       localeCode,
       density,
-      yearAndMonthOpts
+      yearAndMonthOpts,
+      startYear,
+      endYear
     } = this.props;
     const y = pickerDate.getFullYear();
     const m = pickerDate.getMonth() + 1;
@@ -63580,7 +63639,9 @@ class MonthsGrid extends BaseComponent {
         }
       },
       density: density,
-      yearAndMonthOpts: yearAndMonthOpts
+      yearAndMonthOpts: yearAndMonthOpts,
+      startYear: startYear,
+      endYear: endYear
     });
   }
 
@@ -64057,7 +64118,9 @@ class DatePicker extends BaseComponent {
         density,
         presetPosition,
         yearAndMonthOpts,
-        type
+        type,
+        startYear,
+        endYear
       } = this.props;
       const date = this.state.value[0];
       const year = {
@@ -64097,7 +64160,9 @@ class DatePicker extends BaseComponent {
         renderQuickControls: this.renderQuickControls(),
         renderDateInput: this.renderDateInput(),
         type: type,
-        yearAndMonthOpts: yearAndMonthOpts
+        yearAndMonthOpts: yearAndMonthOpts,
+        startYear: startYear,
+        endYear: endYear
       });
     };
 
@@ -64495,7 +64560,9 @@ class DatePicker extends BaseComponent {
       triggerRender,
       insetInput,
       presetPosition,
-      yearAndMonthOpts
+      yearAndMonthOpts,
+      startYear,
+      endYear
     } = this.props;
     const {
       cachedSelectedValue,
@@ -64539,7 +64606,9 @@ class DatePicker extends BaseComponent {
       presetPosition: presetPosition,
       renderQuickControls: this.renderQuickControls(),
       renderDateInput: this.renderDateInput(),
-      yearAndMonthOpts: yearAndMonthOpts
+      yearAndMonthOpts: yearAndMonthOpts,
+      startYear: startYear,
+      endYear: endYear
     });
   }
 
@@ -71028,7 +71097,6 @@ const NavContext = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_rea
 
 
 
-
 /* eslint-disable max-len */
 
 /* eslint-disable no-nested-ternary */
@@ -71127,28 +71195,21 @@ class Item_NavItem extends BaseComponent {
       notifyMouseLeave: function () {
         return _this.props.onMouseLeave(...arguments);
       },
-      getIsCollapsed: () => this.props.isCollapsed || Boolean(this.context && this.context.isCollapsed),
-      getSelected: () => this.props.selected || Boolean(this.context && this.context.selectedKeys && this.context.selectedKeys.includes(this.props.itemKey)),
-      getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(this.props.itemKey)),
-      getIsInSubNav: () => this.props.isInSubNav || Boolean(this.context && this.context.isInSubNav),
-      getMode: () => {
-        var _a, _b;
-
-        return (_a = this.props.mode) !== null && _a !== void 0 ? _a : (_b = this.context) === null || _b === void 0 ? void 0 : _b.mode;
-      }
+      getIsCollapsed: () => this.props.isCollapsed || Boolean(this.context && this.context.isCollapsed) || false,
+      getSelected: () => Boolean(this.context && this.context.selectedKeys && this.context.selectedKeys.includes(this.props.itemKey)),
+      getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(this.props.itemKey))
     });
   }
 
   renderIcon(icon, pos) {
     let isToggleIcon = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     let key = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-    const mode = this.adapter.getMode();
 
     if (this.props.isSubNav) {
       return null;
     }
 
-    if (!icon && mode === navigation_constants_strings.MODE_HORIZONTAL) {
+    if (!icon && this.context.mode === navigation_constants_strings.MODE_HORIZONTAL) {
       return null;
     }
 
@@ -71171,8 +71232,6 @@ class Item_NavItem extends BaseComponent {
   }
 
   render() {
-    var _a;
-
     const {
       text,
       children,
@@ -71188,17 +71247,16 @@ class Item_NavItem extends BaseComponent {
       linkOptions,
       disabled,
       level = 0,
-      tabIndex,
-      mode: modeInProps
+      tabIndex
     } = this.props;
     const {
+      mode,
+      isInSubNav,
       prefixCls,
       limitIndent
     } = this.context;
     const isCollapsed = this.adapter.getIsCollapsed();
     const selected = this.adapter.getSelected();
-    const isInSubNav = this.adapter.getIsInSubNav();
-    const mode = this.adapter.getMode();
     let itemChildren = null;
 
     if (!isNullOrUndefined(children)) {
@@ -71246,20 +71304,14 @@ class Item_NavItem extends BaseComponent {
         onKeyDown: this.handleKeyPress
       }, itemChildren);
     } else {
-      // isFirstLayer 用于决定 semi-navigation-first-layers（仅在 c2中使用) 是否生效
-      // 当 this.props.isInSubNav 存在是，则由 this.props.isInSubNav 决定
-      // 否则由 this.context?.mode 决定，因为第一层节点无context
-      const isFirstLayer = !isUndefined_default()(this.props.isInSubNav) ? !this.props.isInSubNav : isUndefined_default()((_a = this.context) === null || _a === void 0 ? void 0 : _a.mode); // Items are divided into normal and sub-wrap
-
+      // Items are divided into normal and sub-wrap
       const popoverItemCls = classnames_default()(`${className || `${Item_clsPrefix}-normal`}`, {
         [Item_clsPrefix]: true,
         [`${Item_clsPrefix}-sub`]: isSubNav,
         [`${Item_clsPrefix}-selected`]: selected && !isSubNav,
         [`${Item_clsPrefix}-collapsed`]: isCollapsed,
         [`${Item_clsPrefix}-disabled`]: disabled,
-        [`${Item_clsPrefix}-has-link`]: typeof link === 'string',
-        [`${navigation_constants_cssClasses.PREFIX}-first-layer`]: isFirstLayer,
-        [`${Item_clsPrefix}-horizontal`]: modeInProps === navigation_constants_strings.MODE_HORIZONTAL
+        [`${Item_clsPrefix}-has-link`]: typeof link === 'string'
       });
       const ariaProps = {
         'aria-disabled': disabled
@@ -71338,12 +71390,10 @@ Item_NavItem.defaultProps = {
   disabled: false,
   tabIndex: 0
 };
-Item_NavItem.elementType = 'Nav.Item';
 ;// CONCATENATED MODULE: ./navigation/SubNav.tsx
 
 
 
-
 /* eslint-disable max-len */
 
 /* eslint-disable no-nested-ternary */
@@ -71448,29 +71498,16 @@ class SubNav extends BaseComponent {
 
         return _this._invokeContextFunc('onClick', ...args);
       },
-      getIsSelected: itemKey => this.props.active || Boolean(!isNullOrUndefined(itemKey) && get_default()(this.context, 'selectedKeys', []).includes(String(itemKey))),
-      getIsOpen: () => this.props.isOpen || Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(String(this.props.itemKey))),
-      getIsCollapsed: () => {
-        var _a;
-
-        return this.props.isCollapsed || Boolean((_a = this.context) === null || _a === void 0 ? void 0 : _a.isCollapsed);
-      },
-      getMode: () => {
-        var _a, _b;
-
-        return (_a = this.props.mode) !== null && _a !== void 0 ? _a : (_b = this.context) === null || _b === void 0 ? void 0 : _b.mode;
-      }
+      getIsSelected: itemKey => Boolean(!isNullOrUndefined(itemKey) && get_default()(this.context, 'selectedKeys', []).includes(String(itemKey))),
+      getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(String(this.props.itemKey)))
     });
   }
 
   renderIcon(icon, pos, withTransition) {
     let isToggleIcon = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     let key = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-
-    var _a;
-
     const {
-      prefixCls = navigation_constants_cssClasses.PREFIX
+      prefixCls
     } = this.context;
     let iconSize = 'large';
 
@@ -71478,15 +71515,14 @@ class SubNav extends BaseComponent {
       iconSize = 'default';
     }
 
-    const isOpen = this.adapter.getIsOpen();
     const className = classnames_default()(`${prefixCls}-item-icon`, {
-      [`${prefixCls}-item-icon-toggle-${(_a = this.context.toggleIconPosition) !== null && _a !== void 0 ? _a : 'right'}`]: isToggleIcon,
-      [`${prefixCls}-item-icon-info`]: !isToggleIcon,
-      [`${prefixCls}-icon-rotate-${isOpen ? "180" : "0"}-no-transition`]: !withTransition && isToggleIcon
+      [`${prefixCls}-item-icon-toggle-${this.context.toggleIconPosition}`]: isToggleIcon,
+      [`${prefixCls}-item-icon-info`]: !isToggleIcon
     });
+    const isOpen = this.adapter.getIsOpen();
     const iconElem = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(icon) ? withTransition ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(_cssAnimation, {
       animationState: isOpen ? "enter" : "leave",
-      startClassName: `${prefixCls}-icon-rotate-${isOpen ? "180" : "0"}`
+      startClassName: `${navigation_constants_cssClasses.PREFIX}-icon-rotate-${isOpen ? "180" : "0"}`
     }, _ref => {
       let {
         animationClassName
@@ -71513,25 +71549,21 @@ class SubNav extends BaseComponent {
       itemKey,
       indent,
       disabled,
-      level
+      level,
+      expandIcon
     } = this.props;
     const {
+      mode,
       isInSubNav,
-      prefixCls = navigation_constants_cssClasses.PREFIX,
+      isCollapsed,
+      prefixCls,
       subNavMotion,
       limitIndent
     } = this.context;
-
-    const isFirstLayer = isUndefined_default()(this.context.mode);
-
-    const mode = this.adapter.getMode();
     const isOpen = this.adapter.getIsOpen();
-    const isCollapsed = this.adapter.getIsCollapsed();
     const titleCls = classnames_default()(`${prefixCls}-sub-title`, {
       [`${prefixCls}-sub-title-selected`]: this.adapter.getIsSelected(itemKey),
-      [`${prefixCls}-sub-title-disabled`]: disabled,
-      [`${prefixCls}-first-layer`]: isFirstLayer,
-      [`${prefixCls}-sub-title-horizontal`]: mode === navigation_constants_strings.MODE_HORIZONTAL
+      [`${prefixCls}-sub-title-disabled`]: disabled
     });
     let withTransition = false;
     let toggleIconType = '';
@@ -71548,7 +71580,7 @@ class SubNav extends BaseComponent {
           "aria-hidden": true
         });
       } else {
-        toggleIconType = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconChevronDown, {
+        toggleIconType = expandIcon ? expandIcon : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconChevronDown, {
           "aria-hidden": true
         }); // Horizontal mode does not require animation fix#1198
         // withTransition = true;
@@ -71558,7 +71590,7 @@ class SubNav extends BaseComponent {
         withTransition = true;
       }
 
-      toggleIconType = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconChevronDown, {
+      toggleIconType = expandIcon ? expandIcon : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconChevronDown, {
         "aria-hidden": true
       });
     }
@@ -71572,7 +71604,6 @@ class SubNav extends BaseComponent {
     }
 
     const isIconChevronRightShow = !isCollapsed && isInSubNav && mode === navigation_constants_strings.MODE_HORIZONTAL || isCollapsed && isInSubNav;
-    const toggleIconPositionLeft = this.context.toggleIconPosition === navigation_constants_strings.TOGGLE_ICON_LEFT;
     const titleDiv = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       role: "menuitem",
       // to avoid nested horizontal navigation be focused
@@ -71584,9 +71615,9 @@ class SubNav extends BaseComponent {
       "aria-expanded": isOpen ? 'true' : 'false'
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: `${prefixCls}-item-inner`
-    }, placeholderIcons, toggleIconPositionLeft && this.renderIcon(toggleIconType, navigation_constants_strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-left'), icon || indent || isInSubNav && mode !== navigation_constants_strings.MODE_HORIZONTAL ? this.renderIcon(icon, navigation_constants_strings.ICON_POS_LEFT, false, false, 'key-inSubNav-position-left') : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
+    }, placeholderIcons, this.context.toggleIconPosition === navigation_constants_strings.TOGGLE_ICON_LEFT && this.renderIcon(toggleIconType, navigation_constants_strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-left'), icon || indent || isInSubNav && mode !== navigation_constants_strings.MODE_HORIZONTAL ? this.renderIcon(icon, navigation_constants_strings.ICON_POS_LEFT, false, false, 'key-inSubNav-position-left') : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
       className: `${prefixCls}-item-text`
-    }, text), !toggleIconPositionLeft && this.renderIcon(toggleIconType, navigation_constants_strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-right')));
+    }, text), this.context.toggleIconPosition === navigation_constants_strings.TOGGLE_ICON_RIGHT && this.renderIcon(toggleIconType, navigation_constants_strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-right')));
     return titleDiv;
   }
 
@@ -71596,12 +71627,12 @@ class SubNav extends BaseComponent {
       maxHeight
     } = this.props;
     const {
+      isCollapsed,
+      mode,
       subNavMotion,
-      prefixCls = navigation_constants_cssClasses.PREFIX
+      prefixCls
     } = this.context;
-    const isCollapsed = this.adapter.getIsCollapsed();
     const isOpen = this.adapter.getIsOpen();
-    const mode = this.adapter.getMode();
     const isHorizontal = mode === navigation_constants_strings.MODE_HORIZONTAL;
     const subNavCls = classnames_default()(`${prefixCls}-sub`, {
       [`${prefixCls}-sub-open`]: isOpen,
@@ -71630,14 +71661,14 @@ class SubNav extends BaseComponent {
       disabled
     } = this.props;
     const {
+      mode,
       isInSubNav,
+      isCollapsed,
       subNavCloseDelay,
       subNavOpenDelay,
-      prefixCls = navigation_constants_cssClasses.PREFIX,
+      prefixCls,
       getPopupContainer
     } = this.context;
-    const isCollapsed = this.adapter.getIsCollapsed();
-    const mode = this.adapter.getMode();
     const isOpen = this.adapter.getIsOpen();
     const openKeysIsControlled = this.adapter.getOpenKeysIsControlled();
     const subNavCls = classnames_default()({
@@ -71682,10 +71713,10 @@ class SubNav extends BaseComponent {
       text
     } = this.props;
     const {
-      prefixCls = navigation_constants_cssClasses.PREFIX
+      mode,
+      isCollapsed,
+      prefixCls
     } = this.context;
-    const mode = this.adapter.getMode();
-    const isCollapsed = this.adapter.getIsCollapsed();
     let titleDiv = this.renderTitleDiv();
     const subUl = this.renderSubUl(); // When mode=horizontal, it is displayed in Dropdown
 
@@ -71703,11 +71734,9 @@ class SubNav extends BaseComponent {
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave,
       disabled: disabled,
-      text: text,
-      mode: mode
+      text: text
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(nav_context.Provider, {
       value: Object.assign(Object.assign({}, this.context), {
-        mode: mode,
         isInSubNav: true
       })
     }, titleDiv, subUl));
@@ -71745,14 +71774,6 @@ SubNav.propTypes = {
    * Nested child elements
    */
   children: (prop_types_default()).node,
-
-  /**
-   * The icon name of the right control switch (on and off status)
-   */
-  toggleIcon: prop_types_default().oneOfType([(prop_types_default()).any, prop_types_default().shape({
-    open: (prop_types_default()).string,
-    closed: (prop_types_default()).string
-  })]),
   style: (prop_types_default()).object,
 
   /**
@@ -71768,8 +71789,7 @@ SubNav.propTypes = {
   onMouseLeave: (prop_types_default()).func,
   // Is it disabled
   disabled: (prop_types_default()).bool,
-  level: (prop_types_default()).number,
-  active: (prop_types_default()).bool
+  level: (prop_types_default()).number
 };
 SubNav.defaultProps = {
   level: 0,
@@ -71777,18 +71797,8 @@ SubNav.defaultProps = {
   isCollapsed: false,
   isOpen: false,
   maxHeight: navigation_constants_numbers.DEFAULT_SUBNAV_MAX_HEIGHT,
-  toggleIcon: {
-    open: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconChevronUp, {
-      "aria-hidden": true
-    }),
-    closed: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconChevronDown, {
-      "aria-hidden": true
-    })
-  },
-  disabled: false,
-  active: false
+  disabled: false
 };
-SubNav.elementType = 'Nav.Sub';
 ;// CONCATENATED MODULE: ./navigation/CollapseButton.tsx
 
 
@@ -71837,6 +71847,7 @@ function CollapseButton(_ref) {
 
 
 
+
 class NavFooter extends external_root_React_commonjs2_react_commonjs_react_amd_react_.PureComponent {
   constructor() {
     super(...arguments);
@@ -71871,7 +71882,8 @@ class NavFooter extends external_root_React_commonjs2_react_commonjs_react_amd_r
     const {
       style,
       className,
-      collapseButton
+      collapseButton,
+      onClick
     } = this.props;
     let {
       children
@@ -71888,10 +71900,15 @@ class NavFooter extends external_root_React_commonjs2_react_commonjs_react_amd_r
     const wrapCls = classnames_default()(className, `${navigation_constants_cssClasses.PREFIX}-footer`, {
       [`${navigation_constants_cssClasses.PREFIX}-footer-collapsed`]: isCollapsed
     });
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-      className: wrapCls,
-      style: style
-    }, children);
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+      external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+        className: wrapCls,
+        style: style,
+        onClick: onClick
+      }, children)
+    );
   }
 
 }
@@ -71901,10 +71918,12 @@ NavFooter.propTypes = {
   style: (prop_types_default()).object,
   className: (prop_types_default()).string,
   collapseButton: prop_types_default().oneOfType([(prop_types_default()).node, (prop_types_default()).bool]),
-  collapseText: (prop_types_default()).func
+  collapseText: (prop_types_default()).func,
+  onClick: (prop_types_default()).func
 };
 NavFooter.defaultProps = {
-  collapseButton: false
+  collapseButton: false,
+  onClick: (noop_default())
 };
 NavFooter.elementType = "NavFooter";
 ;// CONCATENATED MODULE: ./navigation/Header.tsx
@@ -72147,12 +72166,16 @@ class Nav extends BaseComponent {
   renderItems() {
     let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    const {
+      expandIcon
+    } = this.props;
     const finalDom = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, items.map((item, idx) => {
       if (Array.isArray(item.items) && item.items.length) {
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(SubNav, Object.assign({
           key: item.itemKey || String(level) + idx
         }, item, {
-          level: level
+          level: level,
+          expandIcon: expandIcon
         }), this.renderItems(item.items, level + 1));
       } else {
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(Item_NavItem, Object.assign({
@@ -72319,11 +72342,13 @@ Nav.Item = Item_NavItem;
 Nav.Header = NavHeader;
 Nav.Footer = NavFooter;
 Nav.propTypes = {
+  collapseIcon: (prop_types_default()).node,
   // Initial expanded SubNav navigation key array
   defaultOpenKeys: prop_types_default().arrayOf(prop_types_default().oneOfType([(prop_types_default()).string, (prop_types_default()).number])),
   openKeys: prop_types_default().arrayOf(prop_types_default().oneOfType([(prop_types_default()).string, (prop_types_default()).number])),
   // Initial selected navigation key array
   defaultSelectedKeys: prop_types_default().arrayOf(prop_types_default().oneOfType([(prop_types_default()).string, (prop_types_default()).number])),
+  expandIcon: (prop_types_default()).node,
   selectedKeys: prop_types_default().arrayOf(prop_types_default().oneOfType([(prop_types_default()).string, (prop_types_default()).number])),
   // Navigation type, now supports vertical, horizontal
   mode: prop_types_default().oneOf([...navigation_constants_strings.MODE]),
@@ -78612,6 +78637,10 @@ class Select extends BaseComponent {
     this.foundation.handleClearClick(e);
   }
 
+  search(value, event) {
+    this.handleInputChange(value, event);
+  }
+
   renderEmpty() {
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(select_option, {
       empty: true,
@@ -84922,9 +84951,7 @@ const BasicStep = props => {
     stepNumber,
     onClick,
     onChange,
-    onKeyDown,
-    usedInC2D,
-    direction: direction
+    onKeyDown
   } = props;
 
   const renderIcon = () => {
@@ -84987,10 +85014,7 @@ const BasicStep = props => {
     [`${prefixCls}-active`]: active,
     [`${prefixCls}-done`]: done,
     [`${prefixCls}-hover`]: onChange || props.onClick,
-    [`${prefixCls}-${status}-hover`]: onChange || props.onClick,
-    [`${prefixCls}-basic`]: usedInC2D,
-    [`${prefixCls}-${direction}`]: direction,
-    [`${prefixCls}-small`]: size === 'small'
+    [`${prefixCls}-${status}-hover`]: onChange || props.onClick
   }, className);
 
   const handleClick = e => {
@@ -85048,7 +85072,6 @@ BasicStep.defaultProps = {
   status: 'wait',
   className: ''
 };
-BasicStep.elementType = 'Steps.BasicStep';
 /* harmony default export */ const basicStep = (BasicStep);
 ;// CONCATENATED MODULE: ./steps/fillStep.tsx
 
@@ -85145,8 +85168,7 @@ const FillStep = props => {
       [prefixCls]: true,
       [`${prefixCls}-${status}`]: Boolean(status),
       [`${prefixCls}-${status}-hover`]: Boolean(status) && (onChange || onClick),
-      [`${prefixCls}-clickable`]: onClick,
-      [`${prefixCls}-fill`]: props.usedInC2D
+      [`${prefixCls}-clickable`]: onClick
     }, className),
     style: style,
     onClick: e => {
@@ -85181,7 +85203,6 @@ FillStep.defaultProps = {
   status: 'wait',
   className: ''
 };
-FillStep.elementType = 'Steps.FillStep';
 /* harmony default export */ const fillStep = (FillStep);
 ;// CONCATENATED MODULE: ./steps/navStep.tsx
 
@@ -85201,13 +85222,10 @@ const NavStep = props => {
     total,
     onClick,
     onKeyDown,
-    onChange,
-    size
+    onChange
   } = props;
   const classString = classnames_default()(prefixCls, {
-    [`${prefixCls}-active`]: active,
-    [`${prefixCls}-nav`]: props.usedInC2D,
-    [`${prefixCls}-small`]: size === 'small'
+    [`${prefixCls}-active`]: active
   }, className);
 
   const handleClick = e => {
@@ -85257,7 +85275,6 @@ NavStep.defaultProps = {
   active: false,
   className: ''
 };
-NavStep.elementType = 'Steps.NavStep';
 /* harmony default export */ const navStep = (NavStep);
 ;// CONCATENATED MODULE: ./steps/context.ts
 
@@ -85293,7 +85310,6 @@ const Step = props => {
   return renderStep();
 };
 
-Step.elementType = 'Steps.Step';
 /* harmony default export */ const step = (Step);
 // EXTERNAL MODULE: ../semi-foundation/steps/steps.scss
 var steps = __webpack_require__("/wkG");
@@ -85317,8 +85333,10 @@ const Steps = props => {
     onChange
   } = props;
   const inner = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
-    const filteredChildren = external_root_React_commonjs2_react_commonjs_react_amd_react_.Children.toArray(children).filter(c => /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.isValidElement)(c)); // const colStyle = direction === 'vertical' ? null : { width: `${100 / filteredChildren.length }%` };
-
+    const filteredChildren = external_root_React_commonjs2_react_commonjs_react_amd_react_.Children.toArray(children).filter(c => /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.isValidElement)(c));
+    const colStyle = direction === 'vertical' ? null : {
+      width: `${100 / filteredChildren.length}%`
+    };
     const content = external_root_React_commonjs2_react_commonjs_react_amd_react_.Children.map(filteredChildren, (child, index) => {
       if (!child) {
         return null;
@@ -85348,10 +85366,10 @@ const Steps = props => {
         if (index !== current) {
           onChange(index + initial);
         }
-      } : undefined; // Whether colStyle is set has no effect
-      // return <Col style={colStyle}>{cloneElement(child, { ...childProps })}</Col>;
-
-      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(col, null, /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(child, Object.assign({}, childProps)));
+      } : undefined;
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(col, {
+        style: colStyle
+      }, /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(child, Object.assign({}, childProps)));
     });
     return content;
   }, [children, initial, prefixCls, direction, status, current, onChange]);
@@ -85416,8 +85434,7 @@ const basicSteps_Steps = props => {
       const stepNumber = initial + index;
       const childProps = Object.assign({
         stepNumber: `${stepNumber + 1}`,
-        size,
-        direction
+        size
       }, child.props);
 
       if (status === 'error' && index === current - 1) {
@@ -85505,8 +85522,7 @@ const navSteps_Steps = props => {
 
       const childProps = Object.assign({
         index,
-        total,
-        size
+        total
       }, child.props);
       childProps.active = index === current;
       childProps.onChange = onChange ? () => {
@@ -85567,9 +85583,6 @@ var steps_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
-
-
-
 class steps_Steps extends external_root_React_commonjs2_react_commonjs_react_amd_react_.Component {
   renderComponent() {
     const _a = this.props,
@@ -85607,9 +85620,6 @@ class steps_Steps extends external_root_React_commonjs2_react_commonjs_react_amd
 }
 
 steps_Steps.Step = step;
-steps_Steps.FillStep = fillStep;
-steps_Steps.BasicStep = basicStep;
-steps_Steps.NavStep = navStep;
 steps_Steps.propTypes = {
   onChange: (prop_types_default()).func,
   type: prop_types_default().oneOf(['fill', 'basic', 'nav']),
@@ -87121,7 +87131,8 @@ class TableFoundation extends foundation {
                     }
 
                     return arr;
-                  }, [...children])
+                  }, // @ts-ignore
+                  [...children])
                 }));
               }
             } else if (onFilter(value, record)) {
@@ -88709,22 +88720,30 @@ class TableHeaderRow extends BaseComponent {
         return null;
       }
 
-      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(HeaderCell, Object.assign({
-        role: "columnheader",
-        "aria-colindex": cellIndex + 1
-      }, props, {
-        style: cellStyle,
-        key: column.key || column.dataIndex || cellIndex
-      }));
+      return (
+        /*#__PURE__*/
+        // @ts-ignore  no need to do complex ts type checking and qualification
+        external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(HeaderCell, Object.assign({
+          role: "columnheader",
+          "aria-colindex": cellIndex + 1
+        }, props, {
+          style: cellStyle,
+          key: column.key || column.dataIndex || cellIndex
+        }))
+      );
     });
 
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(HeaderRow, Object.assign({
-      role: "row",
-      "aria-rowindex": index + 1
-    }, rowProps, {
-      style: style,
-      ref: this.cacheRef
-    }), cells);
+    return (
+      /*#__PURE__*/
+      // @ts-ignore no need to do complex ts type checking and qualification
+      external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(HeaderRow, Object.assign({
+        role: "row",
+        "aria-rowindex": index + 1
+      }, rowProps, {
+        style: style,
+        ref: this.cacheRef
+      }), cells)
+    );
   }
 
 }
@@ -94444,10 +94463,6 @@ const timeline_constants_strings = {
   ITEM_TYPE: ['ongoing', 'success', 'warning', 'error', 'default']
 };
 
-;// CONCATENATED MODULE: ./timeline/context.tsx
-
-const timeline_context_Context = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createContext(null);
-/* harmony default export */ const timeline_context = (timeline_context_Context);
 ;// CONCATENATED MODULE: ./timeline/item.tsx
 
 
@@ -94455,42 +94470,8 @@ const timeline_context_Context = /*#__PURE__*/external_root_React_commonjs2_reac
 
 
 
-
 const timeline_item_prefixCls = timeline_constants_cssClasses.ITEM;
 class timeline_item_Item extends external_root_React_commonjs2_react_commonjs_react_amd_react_.PureComponent {
-  constructor() {
-    super(...arguments); // getC2DCls is used in C2D, it does not work in non-C2D scenes
-
-    this.getC2DCls = () => {
-      let c2dCls = '';
-      const {
-        mode,
-        odd,
-        usedInC2D
-      } = this.props;
-
-      if (usedInC2D) {
-        switch (mode) {
-          case 'center':
-            c2dCls = `${timeline_item_prefixCls}-center  ${timeline_item_prefixCls}-left`;
-            break;
-
-          case 'alternate':
-            c2dCls = `${timeline_item_prefixCls}-alternate  ${timeline_item_prefixCls}-${odd ? 'left' : 'right'}`;
-            break;
-
-          default:
-            c2dCls = `${timeline_item_prefixCls}-${mode} ${mode === 'right' ? `${timeline_item_prefixCls}-mode-right` : ''}`;
-            break;
-        }
-
-        c2dCls += ` ${timeline_item_prefixCls}-not-last-child`;
-      }
-
-      return c2dCls;
-    };
-  }
-
   render() {
     const {
       className,
@@ -94503,7 +94484,7 @@ class timeline_item_Item extends external_root_React_commonjs2_react_commonjs_re
       extra,
       onClick
     } = this.props;
-    const itemCls = classnames_default()(timeline_item_prefixCls, className, this.getC2DCls());
+    const itemCls = classnames_default()(timeline_item_prefixCls, className);
     const dotCls = classnames_default()({
       [`${timeline_item_prefixCls}-head`]: true,
       [`${timeline_item_prefixCls}-head-custom`]: dot,
@@ -94534,7 +94515,6 @@ class timeline_item_Item extends external_root_React_commonjs2_react_commonjs_re
   }
 
 }
-timeline_item_Item.contextType = timeline_context;
 timeline_item_Item.propTypes = {
   color: (prop_types_default()).string,
   time: (prop_types_default()).node,
@@ -94544,16 +94524,13 @@ timeline_item_Item.propTypes = {
   position: prop_types_default().oneOf(timeline_constants_strings.ITEM_POS),
   className: (prop_types_default()).string,
   style: (prop_types_default()).object,
-  onClick: (prop_types_default()).func,
-  mode: (prop_types_default()).string,
-  lastChild: (prop_types_default()).bool
+  onClick: (prop_types_default()).func
 };
 timeline_item_Item.defaultProps = {
   type: 'default',
   time: '',
   onClick: (noop_default())
 };
-timeline_item_Item.elementType = 'Timeline.Item';
 ;// CONCATENATED MODULE: ./timeline/index.tsx
 
 
@@ -94562,7 +94539,6 @@ timeline_item_Item.elementType = 'Timeline.Item';
 
 
 
-
 const timeline_prefixCls = timeline_constants_cssClasses.PREFIX;
 
 class Timeline extends external_root_React_commonjs2_react_commonjs_react_amd_react_.PureComponent {
@@ -94634,15 +94610,11 @@ class Timeline extends external_root_React_commonjs2_react_commonjs_react_amd_re
     }
 
     const items = childrenList || this.addClassName(children);
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(timeline_context.Provider, {
-      value: {
-        mode
-      }
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("ul", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("ul", {
       "aria-label": this.props['aria-label'],
       style: style,
       className: classString
-    }, items));
+    }, items);
   }
 
 }
@@ -95300,9 +95272,7 @@ class TimePickerFoundation extends foundation {
   }
 
   isValidTimeZone(timeZone) {
-    const _timeZone = timeZone === undefined ? this.getProp('timeZone') : timeZone;
-
-    return ['string', 'number'].includes(typeof _timeZone) && _timeZone !== '';
+    return ['string', 'number'].includes(typeof timeZone) && timeZone !== '';
   }
 
   getDefaultFormatIfNeed() {
@@ -95340,7 +95310,7 @@ class TimePickerFoundation extends foundation {
       const pv = parseToDate(v, formatToken, dateFnsLocale);
 
       if (!isNaN(pv.getTime())) {
-        parsedValues.push(this.isValidTimeZone() ? utcToZonedTime(pv, timeZone) : pv);
+        parsedValues.push(this.isValidTimeZone(timeZone) ? utcToZonedTime(pv, timeZone) : pv);
       }
     });
     const isAM = [true, false];
@@ -95669,7 +95639,7 @@ class TimePickerFoundation extends foundation {
       _value = Array.isArray(_value) ? _value[0] : _value;
     }
 
-    if (this.isValidTimeZone() && _value) {
+    if (this.isValidTimeZone(timeZone) && _value) {
       const formatToken = this.getValidFormat();
 
       if (Array.isArray(_value)) {