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

package/lib/cjs/timeline/item.js

@@ -17,8 +17,6 @@ var _constants = require("@douyinfe/semi-foundation/lib/cjs/timeline/constants")
 
 require("@douyinfe/semi-foundation/lib/cjs/timeline/timeline.css");
 
-var _context = _interopRequireDefault(require("./context"));
-
 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; }
@@ -28,39 +26,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const prefixCls = _constants.cssClasses.ITEM;
 
 class Item extends _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 = `${prefixCls}-center  ${prefixCls}-left`;
-            break;
-
-          case 'alternate':
-            c2dCls = `${prefixCls}-alternate  ${prefixCls}-${odd ? 'left' : 'right'}`;
-            break;
-
-          default:
-            c2dCls = `${prefixCls}-${mode} ${mode === 'right' ? `${prefixCls}-mode-right` : ''}`;
-            break;
-        }
-
-        c2dCls += ` ${prefixCls}-not-last-child`;
-      }
-
-      return c2dCls;
-    };
-  }
-
   render() {
     const {
       className,
@@ -73,7 +38,7 @@ class Item extends _react.PureComponent {
       extra,
       onClick
     } = this.props;
-    const itemCls = (0, _classnames.default)(prefixCls, className, this.getC2DCls());
+    const itemCls = (0, _classnames.default)(prefixCls, className);
     const dotCls = (0, _classnames.default)({
       [`${prefixCls}-head`]: true,
       [`${prefixCls}-head-custom`]: dot,
@@ -106,7 +71,6 @@ class Item extends _react.PureComponent {
 }
 
 exports.default = Item;
-Item.contextType = _context.default;
 Item.propTypes = {
   color: _propTypes.default.string,
   time: _propTypes.default.node,
@@ -116,13 +80,10 @@ Item.propTypes = {
   position: _propTypes.default.oneOf(_constants.strings.ITEM_POS),
   className: _propTypes.default.string,
   style: _propTypes.default.object,
-  onClick: _propTypes.default.func,
-  mode: _propTypes.default.string,
-  lastChild: _propTypes.default.bool
+  onClick: _propTypes.default.func
 };
 Item.defaultProps = {
   type: 'default',
   time: '',
   onClick: _noop2.default
-};
-Item.elementType = 'Timeline.Item';
+};

package/lib/cjs/typography/base.d.ts

@@ -22,6 +22,7 @@ export interface BaseTypographyProps extends BaseProps {
     component?: React.ElementType;
     spacing?: string;
     heading?: string;
+    weight?: string | number;
 }
 interface BaseTypographyState {
     editable: boolean;

package/lib/cjs/typography/base.js

@@ -107,7 +107,7 @@ class Base extends _react.Component {
       }
 
       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
 
 
@@ -445,10 +445,7 @@ class Base extends _react.Component {
     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
-
-    (0, _warning.default)('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 ((0, _isNull2.default)(children)) {
       this.setState({
@@ -456,7 +453,11 @@ class Base extends _react.Component {
         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
+
+
+    (0, _warning.default)('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;
@@ -565,9 +566,10 @@ class Base extends _react.Component {
       icon,
       size,
       link,
-      heading
+      heading,
+      weight
     } = _a,
-          rest = __rest(_a, ["component", "children", "className", "type", "spacing", "disabled", "style", "ellipsis", "icon", "size", "link", "heading"]);
+          rest = __rest(_a, ["component", "children", "className", "type", "spacing", "disabled", "style", "ellipsis", "icon", "size", "link", "heading", "weight"]);
 
     const textProps = (0, _omit2.default)(rest, ['strong', 'editable', 'mark', 'copyable', 'underline', 'code', // 'link',
     'delete']);
@@ -586,6 +588,7 @@ class Base extends _react.Component {
       className: linkCls
     }, textNode) : textNode));
     const hTagReg = /^h[1-6]$/;
+    const isHeader = (0, _isString2.default)(heading) && hTagReg.test(heading);
     const wrapperCls = (0, _classnames.default)(className, ellipsisCls, {
       // [`${prefixCls}-primary`]: !type || type === 'primary',
       [`${prefixCls}-${type}`]: type && !link,
@@ -593,11 +596,15 @@ class Base extends _react.Component {
       [`${prefixCls}-link`]: link,
       [`${prefixCls}-disabled`]: disabled,
       [`${prefixCls}-${spacing}`]: spacing,
-      [`${prefixCls}-${heading}`]: (0, _isString2.default)(heading) && hTagReg.test(heading)
+      [`${prefixCls}-${heading}`]: isHeader,
+      [`${prefixCls}-${heading}-weight-${weight}`]: isHeader && isNaN(Number(weight))
     });
+    const textStyle = Object.assign(Object.assign({}, isNaN(Number(weight)) ? {} : {
+      fontWeight: weight
+    }), style);
     return /*#__PURE__*/_react.default.createElement(_typography.default, 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());
@@ -633,15 +640,22 @@ class Base extends _react.Component {
   }
 
   render() {
-    return /*#__PURE__*/_react.default.createElement(_resizeObserver.default, {
-      onResize: this.onResize
-    }, /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
+    const content = /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
       componentName: "Typography"
     }, locale => {
       this.expandStr = locale.expand;
       this.collapseStr = locale.collapse;
       return this.renderTipWrapper();
-    }));
+    });
+
+    if (this.props.ellipsis) {
+      return /*#__PURE__*/_react.default.createElement(_resizeObserver.default, {
+        onResize: this.onResize,
+        observeParent: true
+      }, content);
+    }
+
+    return content;
   }
 
 }

package/lib/cjs/typography/title.d.ts

@@ -26,6 +26,7 @@ export interface TitleProps extends Omit<React.HTMLAttributes<HTMLHeadingElement
     style?: React.CSSProperties;
     type?: TypographyBaseType;
     underline?: boolean;
+    weight?: ArrayElement<typeof strings.WEIGHT> | number;
 }
 export default class Title extends PureComponent<TitleProps> {
     static propTypes: {
@@ -42,6 +43,7 @@ export default class Title extends PureComponent<TitleProps> {
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;
+        weight: PropTypes.Requireable<NonNullable<number | "default" | "bold" | "medium" | "light" | "regular" | "semibold">>;
     };
     static defaultProps: {
         copyable: boolean;

package/lib/cjs/typography/title.js

@@ -63,7 +63,8 @@ Title.propTypes = {
   heading: _propTypes.default.oneOf(_constants.strings.HEADING),
   style: _propTypes.default.object,
   className: _propTypes.default.string,
-  component: _propTypes.default.string
+  component: _propTypes.default.string,
+  weight: _propTypes.default.oneOfType([_propTypes.default.oneOf(_constants.strings.WEIGHT), _propTypes.default.number])
 };
 Title.defaultProps = {
   copyable: false,

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

@@ -7,6 +7,7 @@ import Link from './link';
 import '@douyinfe/semi-foundation/lib/es/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/es/anchor/link.js

@@ -1,3 +1,4 @@
+import _isObject from "lodash/isObject";
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -30,17 +31,22 @@ export default class Link extends BaseComponent {
         [`${prefixCls}-link-tooltip-active`]: active,
         [`${prefixCls}-link-tooltip-disabled`]: disabled
       });
-      const toolTipOpt = position ? {
-        position
-      } : {};
 
       if (showTooltip) {
+        const showTooltipObj = _isObject(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.createElement(Typography.Text, {
           size: size === 'default' ? 'normal' : 'small',
           ellipsis: {
-            showTooltip: {
-              opts: Object.assign({}, toolTipOpt)
-            }
+            showTooltip: showTooltipObj
           },
           type: 'tertiary',
           className: linkTitleCls

package/lib/es/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/es/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/es/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/es/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/es/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/es/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/es/calendar/dayCalendar.js

@@ -18,6 +18,10 @@ export default 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,
@@ -110,7 +114,7 @@ export default class DayCalendar extends BaseComponent {
     const prevEventKeys = prevState.cachedKeys;
     const nowEventKeys = this.props.events.map(event => event.key);
 
-    if (!_isEqual(prevEventKeys, nowEventKeys)) {
+    if (!_isEqual(prevEventKeys, nowEventKeys) || !_isEqual(prevProps.displayValue, this.props.displayValue)) {
       this.foundation.parseDailyEvents();
     }
   }
@@ -183,7 +187,8 @@ DayCalendar.propTypes = {
   height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   style: PropTypes.object,
   className: PropTypes.string,
-  dateGridRender: PropTypes.func
+  dateGridRender: PropTypes.func,
+  allDayEventsRender: PropTypes.func
 };
 DayCalendar.defaultProps = {
   events: [],

package/lib/es/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/es/calendar/index.js

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

package/lib/es/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/es/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/es/calendar/monthCalendar.js

@@ -173,10 +173,18 @@ export default 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__*/React.createElement(LocaleConsumer, {
           componentName: "Calendar"
@@ -253,7 +261,7 @@ export default 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;
@@ -373,7 +381,7 @@ export default class monthCalendar extends BaseComponent {
       }
     }
 
-    if (!_isEqual(prevEventKeys, nowEventKeys) || itemLimitUpdate) {
+    if (!_isEqual(prevEventKeys, nowEventKeys) || itemLimitUpdate || !_isEqual(prevProps.displayValue, this.props.displayValue)) {
       this.foundation.parseMonthlyEvents(itemLimit || this.props.events);
     }
   }

package/lib/es/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/es/calendar/rangeCalendar.js

@@ -1,5 +1,5 @@
 import _isEqual from "lodash/isEqual";
-import React from 'react';
+import React, { Fragment } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types'; // eslint-disable-next-line max-len
 
@@ -65,7 +65,8 @@ export default class RangeCalendar extends BaseComponent {
     this.renderHeader = dateFnsLocale => {
       const {
         markWeekend,
-        range
+        range,
+        renderDateDisplay
       } = this.props;
       const {
         month,
@@ -91,16 +92,21 @@ export default class RangeCalendar extends BaseComponent {
           [`${cssClasses.PREFIX}-today`]: isToday,
           [`${cssClasses.PREFIX}-weekend`]: markWeekend && day.isWeekend
         });
+        const dateContent = renderDateDisplay ? renderDateDisplay(date) : /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
+          className: `${cssClasses.PREFIX}-today-date`
+        }, dayString), /*#__PURE__*/React.createElement("span", null, weekday));
         return /*#__PURE__*/React.createElement("li", {
           key: `${date.toString()}-weekheader`,
           className: listCls
-        }, /*#__PURE__*/React.createElement("span", {
-          className: `${cssClasses.PREFIX}-today-date`
-        }, dayString), /*#__PURE__*/React.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,
@@ -124,13 +130,15 @@ export default 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
@@ -214,7 +222,7 @@ export default class RangeCalendar extends BaseComponent {
     const prevEventKeys = prevState.cachedKeys;
     const nowEventKeys = this.props.events.map(event => event.key);
 
-    if (!_isEqual(prevEventKeys, nowEventKeys)) {
+    if (!_isEqual(prevEventKeys, nowEventKeys) || !_isEqual(prevProps.range, this.props.range)) {
       this.foundation.parseRangeEvents();
     }
   }
@@ -267,7 +275,9 @@ RangeCalendar.propTypes = {
   markWeekend: PropTypes.bool,
   scrollTop: PropTypes.number,
   renderTimeDisplay: PropTypes.func,
+  renderDateDisplay: PropTypes.func,
   dateGridRender: PropTypes.func,
+  allDayEventsRender: PropTypes.func,
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   style: PropTypes.object,

package/lib/es/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/es/calendar/weekCalendar.js

@@ -1,5 +1,5 @@
 import _isEqual from "lodash/isEqual";
-import React from 'react';
+import React, { Fragment } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
 import CalendarFoundation from '@douyinfe/semi-foundation/lib/es/calendar/foundation';
@@ -66,7 +66,8 @@ export default class WeekCalendar extends BaseComponent {
     this.renderHeader = dateFnsLocale => {
       const {
         markWeekend,
-        displayValue
+        displayValue,
+        renderDateDisplay
       } = this.props;
       const {
         month,
@@ -92,16 +93,21 @@ export default class WeekCalendar extends BaseComponent {
           [`${cssClasses.PREFIX}-today`]: isToday,
           [`${cssClasses.PREFIX}-weekend`]: markWeekend && day.isWeekend
         });
+        const dateContent = renderDateDisplay ? renderDateDisplay(date) : /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
+          className: `${cssClasses.PREFIX}-today-date`
+        }, dayString), /*#__PURE__*/React.createElement("span", null, weekday));
         return /*#__PURE__*/React.createElement("li", {
           key: `${date.toString()}-weekheader`,
           className: listCls
-        }, /*#__PURE__*/React.createElement("span", {
-          className: `${cssClasses.PREFIX}-today-date`
-        }, dayString), /*#__PURE__*/React.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,
@@ -126,13 +132,15 @@ export default 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
@@ -216,7 +224,7 @@ export default class WeekCalendar extends BaseComponent {
     const prevEventKeys = prevState.cachedKeys;
     const nowEventKeys = this.props.events.map(event => event.key);
 
-    if (!_isEqual(prevEventKeys, nowEventKeys)) {
+    if (!_isEqual(prevEventKeys, nowEventKeys) || !_isEqual(prevProps.displayValue, this.props.displayValue)) {
       this.foundation.parseWeeklyEvents();
     }
   }
@@ -268,7 +276,9 @@ WeekCalendar.propTypes = {
   markWeekend: PropTypes.bool,
   scrollTop: PropTypes.number,
   renderTimeDisplay: PropTypes.func,
+  renderDateDisplay: PropTypes.func,
   dateGridRender: PropTypes.func,
+  allDayEventsRender: PropTypes.func,
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   style: PropTypes.object,

package/lib/es/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: {