@douyinfe/semi-ui 2.36.0-alpha.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;
@@ -39,7 +40,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
     static contextType: React.Context<ContextValue>;
     static Link: typeof Link;
     static PropTypes: {
-        size: PropTypes.Requireable<"small" | "default">;
+        size: PropTypes.Requireable<"default" | "small">;
         railTheme: PropTypes.Requireable<"primary" | "tertiary" | "muted">;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;

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/autoComplete/index.d.ts

@@ -125,7 +125,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         renderSelectedItem: PropTypes.Requireable<(...args: any[]) => any>;
         suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         showClear: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"small" | "default" | "large">;
+        size: PropTypes.Requireable<"default" | "small" | "large">;
         style: PropTypes.Requireable<object>;
         stopPropagation: PropTypes.Requireable<NonNullable<string | boolean>>;
         maxHeight: PropTypes.Requireable<NonNullable<string | number>>;

package/lib/cjs/button/Button.d.ts

@@ -47,7 +47,7 @@ export default class Button extends PureComponent<ButtonProps> {
         disabled: PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
-        size: PropTypes.Requireable<"small" | "default" | "large">;
+        size: PropTypes.Requireable<"default" | "small" | "large">;
         type: PropTypes.Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
         block: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/button/buttonGroup.d.ts

@@ -18,7 +18,7 @@ export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         disabled: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<"small" | "default" | "large">;
+        size: PropTypes.Requireable<"default" | "small" | "large">;
         theme: PropTypes.Requireable<"solid" | "light" | "borderless">;
         'aria-label': PropTypes.Requireable<string>;
     };

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

@@ -22,7 +22,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
         onMouseEnter: import("prop-types").Requireable<(...args: any[]) => any>;
         onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
         disabled: import("prop-types").Requireable<boolean>;
-        size: import("prop-types").Requireable<"small" | "default" | "large">;
+        size: import("prop-types").Requireable<"default" | "small" | "large">;
         type: import("prop-types").Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
         block: import("prop-types").Requireable<boolean>;
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;

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/collapse/item.d.ts

@@ -11,10 +11,8 @@ export interface CollapsePanelProps {
     style?: CSSProperties;
     showArrow?: boolean;
     disabled?: boolean;
-    active?: boolean;
 }
 export default class CollapsePanel extends PureComponent<CollapsePanelProps> {
-    static elementType: string;
     static contextType: React.Context<CollapseContextType>;
     headerExpandIconTriggerRef: React.RefObject<HTMLElement>;
     static propTypes: {

package/lib/cjs/collapse/item.js

@@ -117,7 +117,7 @@ class CollapsePanel extends _react.PureComponent {
       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 = (0, _classnames.default)(className, {
       [`${_constants.cssClasses.PREFIX}-item`]: true
     });
@@ -169,5 +169,4 @@ CollapsePanel.propTypes = {
 CollapsePanel.defaultProps = {
   showArrow: true,
   disabled: false
-};
-CollapsePanel.elementType = 'Collapse.Panel';
+};

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

@@ -30,7 +30,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         value: PropTypes.Requireable<any[]>;
         disabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         showClear: PropTypes.Requireable<boolean>;
         format: PropTypes.Requireable<string>;
         inputStyle: PropTypes.Requireable<object>;

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

@@ -58,8 +58,8 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
         borderless: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
-        size: PropTypes.Requireable<"small" | "default" | "large">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        size: PropTypes.Requireable<"default" | "small" | "large">;
         clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         density: PropTypes.Requireable<"default" | "compact">;
         defaultValue: PropTypes.Requireable<NonNullable<string | number | 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.d.ts

@@ -19,7 +19,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
 export declare type MonthsGridState = MonthsGridFoundationState;
 export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
     static propTypes: {
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         defaultValue: PropTypes.Requireable<any[]>;
         defaultPickerValue: PropTypes.Requireable<NonNullable<string | number | object>>;
         multiple: PropTypes.Requireable<boolean>;

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

@@ -24,7 +24,9 @@ declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonth
         presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
         renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        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/form/baseForm.d.ts

@@ -138,7 +138,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         preventScroll?: boolean;
         showRestTagsPopover?: boolean;
         restTagsPopoverProps?: import("../popover").PopoverProps;
-    } & Pick<import("../tooltip").TooltipProps, "motion" | "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;