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

package/lib/cjs/anchor/index.d.ts

@@ -7,6 +7,7 @@ import Link from './link';
 import '@douyinfe/semi-foundation/lib/cjs/anchor/anchor.css';
 import { ArrayElement } from '../_base/base';
 import { ContextValue } from '../configProvider/context';
+import { ShowTooltip } from '../typography/interface';
 export type { LinkProps } from './link';
 export interface AnchorProps {
     autoCollapse?: boolean;
@@ -20,7 +21,7 @@ export interface AnchorProps {
     position?: ArrayElement<typeof strings.POSITION_SET>;
     railTheme?: ArrayElement<typeof strings.SLIDE_COLOR>;
     scrollMotion?: boolean;
-    showTooltip?: boolean;
+    showTooltip?: boolean | ShowTooltip;
     size?: ArrayElement<typeof strings.SIZE>;
     style?: React.CSSProperties;
     targetOffset?: number;

package/lib/cjs/anchor/link.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -47,17 +49,22 @@ class Link extends _baseComponent.default {
         [`${prefixCls}-link-tooltip-active`]: active,
         [`${prefixCls}-link-tooltip-disabled`]: disabled
       });
-      const toolTipOpt = position ? {
-        position
-      } : {};
 
       if (showTooltip) {
+        const showTooltipObj = (0, _isObject2.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__*/_react.default.createElement(_index.default.Text, {
           size: size === 'default' ? 'normal' : 'small',
           ellipsis: {
-            showTooltip: {
-              opts: Object.assign({}, toolTipOpt)
-            }
+            showTooltip: showTooltipObj
           },
           type: 'tertiary',
           className: linkTitleCls

package/lib/cjs/calendar/dayCalendar.d.ts

@@ -26,6 +26,7 @@ export default class DayCalendar extends BaseComponent<DayCalendarProps, DayCale
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         dateGridRender: PropTypes.Requireable<(...args: any[]) => any>;
+        allDayEventsRender: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static defaultProps: {
         events: import("@douyinfe/semi-foundation/lib/cjs/calendar/foundation").EventObject[];
@@ -43,7 +44,7 @@ export default class DayCalendar extends BaseComponent<DayCalendarProps, DayCale
     componentDidUpdate(prevProps: DayCalendarProps, prevState: DayCalendarState): void;
     componentWillUnmount(): void;
     checkWeekend: (val: Date) => boolean;
-    renderAllDayEvents: (events: ParsedEventsWithArray['allDay']) => JSX.Element[];
+    renderAllDayEvents: (events: ParsedEventsWithArray['allDay']) => string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | JSX.Element[];
     handleClick: (e: React.MouseEvent, val: [Date, number, number, number]) => void;
     renderAllDay: (events: ParsedEventsWithArray['allDay']) => JSX.Element;
     render(): JSX.Element;

package/lib/cjs/calendar/dayCalendar.js

@@ -40,6 +40,10 @@ class DayCalendar extends _baseComponent.default {
     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,
@@ -132,7 +136,7 @@ class DayCalendar extends _baseComponent.default {
     const prevEventKeys = prevState.cachedKeys;
     const nowEventKeys = this.props.events.map(event => event.key);
 
-    if (!(0, _isEqual2.default)(prevEventKeys, nowEventKeys)) {
+    if (!(0, _isEqual2.default)(prevEventKeys, nowEventKeys) || !(0, _isEqual2.default)(prevProps.displayValue, this.props.displayValue)) {
       this.foundation.parseDailyEvents();
     }
   }
@@ -207,7 +211,8 @@ DayCalendar.propTypes = {
   height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
   style: _propTypes.default.object,
   className: _propTypes.default.string,
-  dateGridRender: _propTypes.default.func
+  dateGridRender: _propTypes.default.func,
+  allDayEventsRender: _propTypes.default.func
 };
 DayCalendar.defaultProps = {
   events: [],

package/lib/cjs/calendar/index.d.ts

@@ -22,6 +22,7 @@ declare class Calendar extends BaseComponent<CalendarProps, {}> {
         scrollTop: PropTypes.Requireable<number>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         renderTimeDisplay: PropTypes.Requireable<(...args: any[]) => any>;
+        renderDateDisplay: PropTypes.Requireable<(...args: any[]) => any>;
         markWeekend: PropTypes.Requireable<boolean>;
         width: PropTypes.Requireable<NonNullable<string | number>>;
         height: PropTypes.Requireable<NonNullable<string | number>>;

package/lib/cjs/calendar/index.js

@@ -85,6 +85,7 @@ Calendar.propTypes = {
   scrollTop: _propTypes.default.number,
   onClick: _propTypes.default.func,
   renderTimeDisplay: _propTypes.default.func,
+  renderDateDisplay: _propTypes.default.func,
   markWeekend: _propTypes.default.bool,
   width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
   height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),

package/lib/cjs/calendar/interface.d.ts

@@ -18,7 +18,9 @@ export interface CalendarProps extends BaseProps {
     markWeekend?: boolean;
     width?: number | string;
     height?: number | string;
+    renderDateDisplay?: (date: Date) => React.ReactNode;
     dateGridRender?: (dateString?: string, date?: Date) => React.ReactNode;
+    allDayEventsRender?: (events: EventObject[]) => React.ReactNode;
 }
 export declare type DayCalendarProps = Omit<CalendarProps, 'mode'>;
 declare type DayCalendarPropsKeys = 'events' | 'displayValue' | 'showCurrTime' | 'mode' | 'dateGridRender';

package/lib/cjs/calendar/monthCalendar.d.ts

@@ -51,7 +51,7 @@ export default class monthCalendar extends BaseComponent<MonthCalendarProps, Mon
     renderHeader: (dateFnsLocale: Locale['dateFnsLocale']) => JSX.Element;
     renderEvents: (events: ParsedRangeEvent[]) => JSX.Element[];
     renderCollapsed: (events: MonthlyEvent['day'][number], itemInfo: DateObj, listCls: string, month: string) => JSX.Element;
-    formatDayString: (month: string, date: string) => JSX.Element;
+    formatDayString: (dateObj: Date, month: string, date: string) => string | number | boolean | React.ReactFragment | JSX.Element;
     renderCusDateGrid: (date: Date) => React.ReactNode;
     renderWeekRow: (index: number | string, weekDay: MonthData[number], events?: MonthlyEvent) => JSX.Element;
     renderMonthGrid: () => JSX.Element;

package/lib/cjs/calendar/monthCalendar.js

@@ -201,10 +201,18 @@ class monthCalendar extends _baseComponent.default {
         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__*/_react.default.createElement(_localeConsumer.default, {
           componentName: "Calendar"
@@ -282,7 +290,7 @@ class monthCalendar extends _baseComponent.default {
           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;
@@ -402,7 +410,7 @@ class monthCalendar extends _baseComponent.default {
       }
     }
 
-    if (!(0, _isEqual2.default)(prevEventKeys, nowEventKeys) || itemLimitUpdate) {
+    if (!(0, _isEqual2.default)(prevEventKeys, nowEventKeys) || itemLimitUpdate || !(0, _isEqual2.default)(prevProps.displayValue, this.props.displayValue)) {
       this.foundation.parseMonthlyEvents(itemLimit || this.props.events);
     }
   }

package/lib/cjs/calendar/rangeCalendar.d.ts

@@ -20,7 +20,9 @@ export default class RangeCalendar extends BaseComponent<RangeCalendarProps, Ran
         markWeekend: PropTypes.Requireable<boolean>;
         scrollTop: PropTypes.Requireable<number>;
         renderTimeDisplay: PropTypes.Requireable<(...args: any[]) => any>;
+        renderDateDisplay: PropTypes.Requireable<(...args: any[]) => any>;
         dateGridRender: PropTypes.Requireable<(...args: any[]) => any>;
+        allDayEventsRender: PropTypes.Requireable<(...args: any[]) => any>;
         width: PropTypes.Requireable<NonNullable<string | number>>;
         height: PropTypes.Requireable<NonNullable<string | number>>;
         style: PropTypes.Requireable<object>;
@@ -45,7 +47,7 @@ export default class RangeCalendar extends BaseComponent<RangeCalendarProps, Ran
     handleClick: (e: React.MouseEvent, val: [Date, number, number, number]) => void;
     renderDayGrid: () => JSX.Element[];
     renderHeader: (dateFnsLocale: Locale['dateFnsLocale']) => JSX.Element;
-    renderAllDayEvents: (events: Array<ParsedRangeEvent>) => JSX.Element[];
+    renderAllDayEvents: (events: Array<ParsedRangeEvent>) => string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | JSX.Element[];
     renderAllDay: (locale: Locale['Calendar']) => JSX.Element;
     render(): JSX.Element;
 }

package/lib/cjs/calendar/rangeCalendar.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -31,6 +31,10 @@ var _eventUtil = require("@douyinfe/semi-foundation/lib/cjs/calendar/eventUtil")
 
 require("@douyinfe/semi-foundation/lib/cjs/calendar/calendar.css");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // eslint-disable-next-line max-len
@@ -87,7 +91,8 @@ class RangeCalendar extends _baseComponent.default {
     this.renderHeader = dateFnsLocale => {
       const {
         markWeekend,
-        range
+        range,
+        renderDateDisplay
       } = this.props;
       const {
         month,
@@ -113,16 +118,21 @@ class RangeCalendar extends _baseComponent.default {
           [`${_constants.cssClasses.PREFIX}-today`]: isToday,
           [`${_constants.cssClasses.PREFIX}-weekend`]: markWeekend && day.isWeekend
         });
+        const dateContent = renderDateDisplay ? renderDateDisplay(date) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+          className: `${_constants.cssClasses.PREFIX}-today-date`
+        }, dayString), /*#__PURE__*/_react.default.createElement("span", null, weekday));
         return /*#__PURE__*/_react.default.createElement("li", {
           key: `${date.toString()}-weekheader`,
           className: listCls
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: `${_constants.cssClasses.PREFIX}-today-date`
-        }, dayString), /*#__PURE__*/_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,
@@ -146,13 +156,15 @@ class RangeCalendar extends _baseComponent.default {
     };
 
     this.renderAllDay = locale => {
+      const {
+        allDayEventsRender
+      } = this.props;
       const {
         allDay
       } = this.state.parsedEvents;
       const parsed = this.foundation.parseRangeAllDayEvents(allDay);
-      const maxRowHeight = (0, _eventUtil.calcRowHeight)(parsed);
-      const style = {
-        height: `${maxRowHeight}em`
+      const style = allDayEventsRender ? null : {
+        height: `${(0, _eventUtil.calcRowHeight)(parsed)}em`
       };
       const {
         markWeekend
@@ -236,7 +248,7 @@ class RangeCalendar extends _baseComponent.default {
     const prevEventKeys = prevState.cachedKeys;
     const nowEventKeys = this.props.events.map(event => event.key);
 
-    if (!(0, _isEqual2.default)(prevEventKeys, nowEventKeys)) {
+    if (!(0, _isEqual2.default)(prevEventKeys, nowEventKeys) || !(0, _isEqual2.default)(prevProps.range, this.props.range)) {
       this.foundation.parseRangeEvents();
     }
   }
@@ -291,7 +303,9 @@ RangeCalendar.propTypes = {
   markWeekend: _propTypes.default.bool,
   scrollTop: _propTypes.default.number,
   renderTimeDisplay: _propTypes.default.func,
+  renderDateDisplay: _propTypes.default.func,
   dateGridRender: _propTypes.default.func,
+  allDayEventsRender: _propTypes.default.func,
   width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
   height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
   style: _propTypes.default.object,

package/lib/cjs/calendar/weekCalendar.d.ts

@@ -20,7 +20,9 @@ export default class WeekCalendar extends BaseComponent<WeekCalendarProps, WeekC
         markWeekend: PropTypes.Requireable<boolean>;
         scrollTop: PropTypes.Requireable<number>;
         renderTimeDisplay: PropTypes.Requireable<(...args: any[]) => any>;
+        renderDateDisplay: PropTypes.Requireable<(...args: any[]) => any>;
         dateGridRender: PropTypes.Requireable<(...args: any[]) => any>;
+        allDayEventsRender: PropTypes.Requireable<(...args: any[]) => any>;
         width: PropTypes.Requireable<NonNullable<string | number>>;
         height: PropTypes.Requireable<NonNullable<string | number>>;
         style: PropTypes.Requireable<object>;
@@ -46,7 +48,7 @@ export default class WeekCalendar extends BaseComponent<WeekCalendarProps, WeekC
     handleClick: (e: React.MouseEvent, val: [Date, number, number, number]) => void;
     renderDayGrid: () => JSX.Element[];
     renderHeader: (dateFnsLocale: any) => JSX.Element;
-    renderAllDayEvents: (events: ParsedRangeEvent[]) => JSX.Element[];
+    renderAllDayEvents: (events: ParsedRangeEvent[]) => string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | JSX.Element[];
     renderAllDay: (locale: Locale['Calendar']) => JSX.Element;
     render(): JSX.Element;
 }

package/lib/cjs/calendar/weekCalendar.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -31,6 +31,10 @@ var _eventUtil = require("@douyinfe/semi-foundation/lib/cjs/calendar/eventUtil")
 
 require("@douyinfe/semi-foundation/lib/cjs/calendar/calendar.css");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const toPercent = num => {
@@ -88,7 +92,8 @@ class WeekCalendar extends _baseComponent.default {
     this.renderHeader = dateFnsLocale => {
       const {
         markWeekend,
-        displayValue
+        displayValue,
+        renderDateDisplay
       } = this.props;
       const {
         month,
@@ -114,16 +119,21 @@ class WeekCalendar extends _baseComponent.default {
           [`${_constants.cssClasses.PREFIX}-today`]: isToday,
           [`${_constants.cssClasses.PREFIX}-weekend`]: markWeekend && day.isWeekend
         });
+        const dateContent = renderDateDisplay ? renderDateDisplay(date) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+          className: `${_constants.cssClasses.PREFIX}-today-date`
+        }, dayString), /*#__PURE__*/_react.default.createElement("span", null, weekday));
         return /*#__PURE__*/_react.default.createElement("li", {
           key: `${date.toString()}-weekheader`,
           className: listCls
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: `${_constants.cssClasses.PREFIX}-today-date`
-        }, dayString), /*#__PURE__*/_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,
@@ -148,13 +158,15 @@ class WeekCalendar extends _baseComponent.default {
     };
 
     this.renderAllDay = locale => {
+      const {
+        allDayEventsRender
+      } = this.props;
       const {
         allDay
       } = this.state.parsedEvents;
       const parsed = this.foundation.parseWeeklyAllDayEvents(allDay);
-      const maxRowHeight = (0, _eventUtil.calcRowHeight)(parsed);
-      const style = {
-        height: `${maxRowHeight}em`
+      const style = allDayEventsRender ? null : {
+        height: `${(0, _eventUtil.calcRowHeight)(parsed)}em`
       };
       const {
         markWeekend
@@ -238,7 +250,7 @@ class WeekCalendar extends _baseComponent.default {
     const prevEventKeys = prevState.cachedKeys;
     const nowEventKeys = this.props.events.map(event => event.key);
 
-    if (!(0, _isEqual2.default)(prevEventKeys, nowEventKeys)) {
+    if (!(0, _isEqual2.default)(prevEventKeys, nowEventKeys) || !(0, _isEqual2.default)(prevProps.displayValue, this.props.displayValue)) {
       this.foundation.parseWeeklyEvents();
     }
   }
@@ -292,7 +304,9 @@ WeekCalendar.propTypes = {
   markWeekend: _propTypes.default.bool,
   scrollTop: _propTypes.default.number,
   renderTimeDisplay: _propTypes.default.func,
+  renderDateDisplay: _propTypes.default.func,
   dateGridRender: _propTypes.default.func,
+  allDayEventsRender: _propTypes.default.func,
   width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
   height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
   style: _propTypes.default.object,

package/lib/cjs/datePicker/datePicker.js

@@ -201,7 +201,9 @@ class DatePicker extends _baseComponent.default {
         density,
         presetPosition,
         yearAndMonthOpts,
-        type
+        type,
+        startYear,
+        endYear
       } = this.props;
       const date = this.state.value[0];
       const year = {
@@ -241,7 +243,9 @@ class DatePicker extends _baseComponent.default {
         renderQuickControls: this.renderQuickControls(),
         renderDateInput: this.renderDateInput(),
         type: type,
-        yearAndMonthOpts: yearAndMonthOpts
+        yearAndMonthOpts: yearAndMonthOpts,
+        startYear: startYear,
+        endYear: endYear
       });
     };
 
@@ -630,7 +634,9 @@ class DatePicker extends _baseComponent.default {
       triggerRender,
       insetInput,
       presetPosition,
-      yearAndMonthOpts
+      yearAndMonthOpts,
+      startYear,
+      endYear
     } = this.props;
     const {
       cachedSelectedValue,
@@ -674,7 +680,9 @@ class DatePicker extends _baseComponent.default {
       presetPosition: presetPosition,
       renderQuickControls: this.renderQuickControls(),
       renderDateInput: this.renderDateInput(),
-      yearAndMonthOpts: yearAndMonthOpts
+      yearAndMonthOpts: yearAndMonthOpts,
+      startYear: startYear,
+      endYear: endYear
     });
   }
 

package/lib/cjs/datePicker/monthsGrid.js

@@ -500,7 +500,9 @@ class MonthsGrid extends _baseComponent.default {
       locale,
       localeCode,
       density,
-      yearAndMonthOpts
+      yearAndMonthOpts,
+      startYear,
+      endYear
     } = this.props;
     const y = pickerDate.getFullYear();
     const m = pickerDate.getMonth() + 1;
@@ -528,7 +530,9 @@ class MonthsGrid extends _baseComponent.default {
         }
       },
       density: density,
-      yearAndMonthOpts: yearAndMonthOpts
+      yearAndMonthOpts: yearAndMonthOpts,
+      startYear: startYear,
+      endYear: endYear
     });
   }
 

package/lib/cjs/datePicker/yearAndMonth.d.ts

@@ -25,6 +25,8 @@ declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonth
         renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        startYear: PropTypes.Requireable<number>;
+        endYear: PropTypes.Requireable<number>;
     };
     static defaultProps: {
         disabledDate: {

package/lib/cjs/datePicker/yearAndMonth.js

@@ -84,7 +84,7 @@ class YearAndMonth extends _baseComponent.default {
       right: currentMonth.right || currentLeftMonth + 1
     };
     this.state = {
-      years: (0, _index2.getYears)().map(year => ({
+      years: (0, _index2.getYears)(props.startYear, props.endYear).map(year => ({
         value: year,
         year
       })),
@@ -331,7 +331,9 @@ YearAndMonth.propTypes = {
   presetPosition: _propTypes.default.oneOf(_constants2.strings.PRESET_POSITION_SET),
   renderQuickControls: _propTypes.default.node,
   renderDateInput: _propTypes.default.node,
-  type: _propTypes.default.oneOf(_constants2.strings.TYPE_SET)
+  type: _propTypes.default.oneOf(_constants2.strings.TYPE_SET),
+  startYear: _propTypes.default.number,
+  endYear: _propTypes.default.number
 };
 YearAndMonth.defaultProps = {
   disabledDate: _stubFalse2.default,

package/lib/cjs/input/textarea.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ValidateStatus } from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/cjs/input/textarea.css';
-declare type OmitTextareaAttr = 'onChange' | 'onInput' | 'prefix' | 'size' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp';
+declare type OmitTextareaAttr = 'onChange' | 'onInput' | 'prefix' | 'size' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp' | 'onResize';
 export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, OmitTextareaAttr> {
     autosize?: boolean;
     borderless?: boolean;

package/lib/cjs/navigation/Footer.d.ts

@@ -6,6 +6,7 @@ import { BaseProps } from '../_base/baseComponent';
 export interface NavFooterProps extends BaseProps {
     collapseButton?: React.ReactNode;
     collapseText?: (collapsed?: boolean) => React.ReactNode;
+    onClick?: (event: React.MouseEvent) => void;
 }
 export default class NavFooter extends PureComponent<NavFooterProps> {
     static contextType: React.Context<NavContextType>;
@@ -15,9 +16,11 @@ export default class NavFooter extends PureComponent<NavFooterProps> {
         className: PropTypes.Requireable<string>;
         collapseButton: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         collapseText: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static defaultProps: {
         collapseButton: boolean;
+        onClick: (...args: any[]) => void;
     };
     context: NavContextType;
     static elementType: string;

package/lib/cjs/navigation/Footer.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _noop2 = _interopRequireDefault(require("lodash/noop"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -19,12 +21,12 @@ require("@douyinfe/semi-foundation/lib/cjs/navigation/navigation.css");
 
 var _navContext = _interopRequireDefault(require("./nav-context"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 class NavFooter extends _react.PureComponent {
   constructor() {
     super(...arguments);
@@ -59,7 +61,8 @@ class NavFooter extends _react.PureComponent {
     const {
       style,
       className,
-      collapseButton
+      collapseButton,
+      onClick
     } = this.props;
     let {
       children
@@ -76,10 +79,15 @@ class NavFooter extends _react.PureComponent {
     const wrapCls = (0, _classnames.default)(className, `${_constants.cssClasses.PREFIX}-footer`, {
       [`${_constants.cssClasses.PREFIX}-footer-collapsed`]: isCollapsed
     });
-    return /*#__PURE__*/_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
+      _react.default.createElement("div", {
+        className: wrapCls,
+        style: style,
+        onClick: onClick
+      }, children)
+    );
   }
 
 }
@@ -91,9 +99,11 @@ NavFooter.propTypes = {
   style: _propTypes.default.object,
   className: _propTypes.default.string,
   collapseButton: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.bool]),
-  collapseText: _propTypes.default.func
+  collapseText: _propTypes.default.func,
+  onClick: _propTypes.default.func
 };
 NavFooter.defaultProps = {
-  collapseButton: false
+  collapseButton: false,
+  onClick: _noop2.default
 };
 NavFooter.elementType = "NavFooter";

package/lib/cjs/navigation/SubNav.d.ts

@@ -4,10 +4,6 @@ import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/cjs/navigation/navigation.css';
 import SubNavFoundation, { SubNavAdapter } from '@douyinfe/semi-foundation/lib/cjs/navigation/subNavFoundation';
 import { NavContextType } from './nav-context';
-export interface ToggleIcon {
-    open?: string;
-    closed?: string;
-}
 export interface SubNavProps extends BaseProps {
     disabled?: boolean;
     dropdownStyle?: React.CSSProperties;
@@ -21,7 +17,7 @@ export interface SubNavProps extends BaseProps {
     onMouseEnter?: React.MouseEventHandler<HTMLLIElement>;
     onMouseLeave?: React.MouseEventHandler<HTMLLIElement>;
     text?: React.ReactNode;
-    toggleIcon?: ToggleIcon;
+    expandIcon?: React.ReactNode;
 }
 export interface SubNavState {
     isHovered: boolean;
@@ -53,10 +49,6 @@ export default class SubNav extends BaseComponent<SubNavProps, SubNavState> {
          * Nested child elements
          */
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * The icon name of the right control switch (on and off status)
-         */
-        toggleIcon: PropTypes.Requireable<any>;
         style: PropTypes.Requireable<object>;
         /**
          * Icon name on the left
@@ -77,10 +69,6 @@ export default class SubNav extends BaseComponent<SubNavProps, SubNavState> {
         isCollapsed: boolean;
         isOpen: boolean;
         maxHeight: number;
-        toggleIcon: {
-            open: JSX.Element;
-            closed: JSX.Element;
-        };
         disabled: boolean;
     };
     titleRef: React.RefObject<HTMLDivElement>;