@douyinfe/semi-ui 2.48.0 → 2.49.0-beta.0

package/dist/umd/semi-ui.js

@@ -22566,7 +22566,6 @@ const getRenderText = function (originEle, rows) {
   const lineHeight = pxToNumber(originStyle.lineHeight);
   const maxHeight = Math.round(lineHeight * (rows + 1) + pxToNumber(originStyle.paddingTop) + pxToNumber(originStyle.paddingBottom));
   // Set shadow
-  const maxWidth = parseInt(originStyle.width);
   ellipsisContainer.setAttribute('style', originCSS);
   ellipsisContainer.style.position = 'fixed';
   ellipsisContainer.style.left = '0';
@@ -22578,12 +22577,12 @@ const getRenderText = function (originEle, rows) {
   ellipsisContainer.style.webkitLineClamp = 'none';
   // Render fake container
   external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default().render( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null), ellipsisContainer);
-  // Check if ellipsis in measure div is height enough for content
+  // Check if ellipsis in measure div is enough for content
   function inRange() {
-    if (originStyle.whiteSpace === 'nowrap') {
-      return ellipsisContainer.scrollWidth <= maxWidth;
-    }
-    return ellipsisContainer.scrollHeight < maxHeight;
+    // If content does not wrap due to line break strategy, width should be judged to determine whether it's in range
+    const widthInRange = ellipsisContainer.scrollWidth <= ellipsisContainer.offsetWidth;
+    const heightInRange = ellipsisContainer.scrollHeight < maxHeight;
+    return rows === 1 ? widthInRange && heightInRange : heightInRange;
   }
   // ========================= Find match ellipsis content =========================
   // Create origin content holder
@@ -29146,8 +29145,8 @@ Banner.propTypes = {
   type: prop_types_default().oneOf(types),
   title: (prop_types_default()).node,
   description: (prop_types_default()).node,
-  icon: prop_types_default().oneOfType([(prop_types_default()).string, (prop_types_default()).node]),
-  closeIcon: prop_types_default().oneOfType([(prop_types_default()).string, (prop_types_default()).node]),
+  icon: (prop_types_default()).node,
+  closeIcon: (prop_types_default()).node,
   children: (prop_types_default()).node,
   style: (prop_types_default()).object,
   className: (prop_types_default()).string,
@@ -29404,7 +29403,7 @@ BreadcrumbItem.propTypes = {
   children: (prop_types_default()).node,
   active: (prop_types_default()).bool,
   shouldRenderSeparator: (prop_types_default()).bool,
-  icon: prop_types_default().oneOfType([(prop_types_default()).string, (prop_types_default()).node]),
+  icon: (prop_types_default()).node,
   separator: (prop_types_default()).node,
   noLink: (prop_types_default()).bool
 };
@@ -33634,7 +33633,8 @@ class DayCol extends BaseComponent {
     this.renderEvents = () => {
       const {
         events,
-        scrollHeight
+        scrollHeight,
+        minEventHeight
       } = this.props;
       const list = events.map((event, ind) => {
         const {
@@ -33645,12 +33645,9 @@ class DayCol extends BaseComponent {
         } = event;
         const top = startPos * scrollHeight;
         const height = (endPos - startPos) * scrollHeight;
-        if (!height) {
-          return undefined;
-        }
         const style = {
           top: `${top}px`,
-          height: `${height}px`
+          height: `${Math.max(minEventHeight, height)}px`
         };
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("li", {
           className: `${calendar_constants_cssClasses.PREFIX}-event-item ${calendar_constants_cssClasses.PREFIX}-event-day`,
@@ -33764,6 +33761,7 @@ DayCol.propTypes = {
   currPos: (prop_types_default()).number,
   handleClick: (prop_types_default()).func,
   mode: (prop_types_default()).string,
+  minEventHeight: (prop_types_default()).number,
   isWeekend: (prop_types_default()).bool,
   dateGridRender: (prop_types_default()).func
 };
@@ -33772,7 +33770,8 @@ DayCol.defaultProps = {
   showCurrTime: true,
   scrollHeight: 0,
   currPos: 0,
-  mode: 'dayCol'
+  mode: 'dayCol',
+  minEventHeight: Number.MIN_SAFE_INTEGER
 };
 DayCol.contextType = locale_context;
 ;// CONCATENATED MODULE: ./calendar/timeCol.tsx
@@ -33953,7 +33952,8 @@ class DayCalendar extends BaseComponent {
       height,
       width,
       style,
-      header
+      header,
+      minEventHeight
     } = this.props;
     const dayCls = classnames_default()(dayCalendar_prefixCls, className);
     const dayStyle = Object.assign({
@@ -33986,6 +33986,7 @@ class DayCalendar extends BaseComponent {
       handleClick: this.handleClick,
       showCurrTime: showCurrTime,
       isWeekend: this.isWeekend,
+      minEventHeight: minEventHeight,
       dateGridRender: dateGridRender
     }))));
   }
@@ -33999,6 +34000,7 @@ DayCalendar.propTypes = {
   mode: (prop_types_default()).string,
   renderTimeDisplay: (prop_types_default()).func,
   markWeekend: (prop_types_default()).bool,
+  minEventHeight: (prop_types_default()).number,
   scrollTop: (prop_types_default()).number,
   width: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
   height: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
@@ -34054,7 +34056,8 @@ class WeekCalendar extends BaseComponent {
       } = this.weeklyData;
       const {
         markWeekend,
-        dateGridRender
+        dateGridRender,
+        minEventHeight
       } = this.props;
       const inner = week.map(day => {
         const dateString = day.date.toString();
@@ -34068,7 +34071,8 @@ class WeekCalendar extends BaseComponent {
           events: parsed.day,
           showCurrTime: this.props.showCurrTime,
           isWeekend: markWeekend && day.isWeekend,
-          dateGridRender: dateGridRender
+          dateGridRender: dateGridRender,
+          minEventHeight: minEventHeight
         });
       });
       return inner;
@@ -34735,7 +34739,8 @@ class RangeCalendar extends BaseComponent {
       } = this.RangeData;
       const {
         markWeekend,
-        dateGridRender
+        dateGridRender,
+        minEventHeight
       } = this.props;
       const inner = week.map(day => {
         const dateString = day.date.toString();
@@ -34749,7 +34754,8 @@ class RangeCalendar extends BaseComponent {
           events: parsed.day,
           showCurrTime: this.props.showCurrTime,
           isWeekend: markWeekend && day.isWeekend,
-          dateGridRender: dateGridRender
+          dateGridRender: dateGridRender,
+          minEventHeight: minEventHeight
         });
       });
       return inner;
@@ -35022,6 +35028,7 @@ Calendar.propTypes = {
   renderTimeDisplay: (prop_types_default()).func,
   renderDateDisplay: (prop_types_default()).func,
   markWeekend: (prop_types_default()).bool,
+  minEventHeight: (prop_types_default()).number,
   width: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
   height: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
   style: (prop_types_default()).object,
@@ -62413,7 +62420,7 @@ Modal.propTypes = {
   getPopupContainer: (prop_types_default()).func,
   getContainerContext: (prop_types_default()).func,
   maskFixed: (prop_types_default()).bool,
-  closeIcon: prop_types_default().oneOfType([(prop_types_default()).string, (prop_types_default()).node]),
+  closeIcon: (prop_types_default()).node,
   closeOnEsc: (prop_types_default()).bool,
   size: prop_types_default().oneOf(modal_constants_strings.SIZE),
   keepDOM: (prop_types_default()).bool,
@@ -66867,7 +66874,7 @@ SubNav.propTypes = {
   /**
    * Icon name on the left
    */
-  icon: prop_types_default().oneOfType([(prop_types_default()).string, (prop_types_default()).node]),
+  icon: (prop_types_default()).node,
   /**
    * Maximum height (for animation)
    */
@@ -72784,7 +72791,7 @@ Popconfirm.propTypes = {
   prefixCls: (prop_types_default()).string,
   className: (prop_types_default()).string,
   style: (prop_types_default()).object,
-  icon: prop_types_default().oneOfType([(prop_types_default()).string, (prop_types_default()).node]),
+  icon: (prop_types_default()).node,
   okText: (prop_types_default()).string,
   okType: (prop_types_default()).string,
   cancelText: (prop_types_default()).string,
@@ -75011,7 +75018,8 @@ class SideSheetContent extends (external_root_React_commonjs2_react_commonjs_rea
     const {
       title,
       closable,
-      headerStyle
+      headerStyle,
+      closeIcon
     } = this.props;
     let header, closer;
     if (title) {
@@ -75021,12 +75029,13 @@ class SideSheetContent extends (external_root_React_commonjs2_react_commonjs_rea
       }, this.props.title);
     }
     if (closable) {
+      const iconType = closeIcon || /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconClose, null);
       closer = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(iconButton_0, {
         className: `${SideSheetContent_prefixCls}-close`,
         key: "close-btn",
         onClick: this.close,
         type: "tertiary",
-        icon: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconClose, null),
+        icon: iconType,
         theme: "borderless",
         size: "small"
       });
@@ -75112,7 +75121,8 @@ class SideSheetContent extends (external_root_React_commonjs2_react_commonjs_rea
   }
 }
 SideSheetContent.propTypes = {
-  onClose: (prop_types_default()).func
+  onClose: (prop_types_default()).func,
+  closeIcon: (prop_types_default()).node
 };
 SideSheetContent.defaultProps = {
   onClose: (noop_default())
@@ -75933,7 +75943,7 @@ class SliderFoundation extends foundation {
     this.onHandleLeave = () => {
       // this._adapter.setEventDefault(e);
       const disabled = this._adapter.getState('disabled');
-      if (!disabled) {
+      if (!disabled && this.getStates()['focusPos'] === "") {
         this._adapter.onHandleLeave();
       }
     };
@@ -81504,6 +81514,7 @@ class TableRow extends BaseComponent {
       record,
       hovered,
       expanded,
+      displayNone,
       expandableRow,
       level,
       expandedRow,
@@ -81521,7 +81532,8 @@ class TableRow extends BaseComponent {
     const rowCls = typeof replaceClassName === 'string' && replaceClassName.length ? replaceClassName : classnames_default()(className, `${prefixCls}-row`, {
       [`${prefixCls}-row-selected`]: selected,
       [`${prefixCls}-row-expanded`]: expanded,
-      [`${prefixCls}-row-hovered`]: hovered
+      [`${prefixCls}-row-hovered`]: hovered,
+      [`${prefixCls}-row-hidden`]: displayNone
     }, customClassName);
     const ariaProps = {};
     if (typeof index === 'number') {
@@ -81562,6 +81574,7 @@ TableRow.propTypes = {
   expandIcon: prop_types_default().oneOfType([(prop_types_default()).bool, (prop_types_default()).func, (prop_types_default()).node]),
   expandableRow: (prop_types_default()).bool,
   expanded: (prop_types_default()).bool,
+  displayNone: (prop_types_default()).bool,
   expandedRow: (prop_types_default()).bool,
   fixed: prop_types_default().oneOfType([(prop_types_default()).string, (prop_types_default()).bool]),
   height: prop_types_default().oneOfType([(prop_types_default()).string, (prop_types_default()).number]),
@@ -81653,7 +81666,8 @@ class TableExpandedRow extends external_root_React_commonjs2_react_commonjs_reac
       style,
       virtualized,
       indentSize,
-      cellWidths
+      cellWidths,
+      displayNone
     } = this.props;
     const {
       tableWidth,
@@ -81712,7 +81726,8 @@ class TableExpandedRow extends external_root_React_commonjs2_react_commonjs_reac
       store: store,
       virtualized: virtualized,
       indentSize: indentSize,
-      cellWidths: baseRowCellWidths
+      cellWidths: baseRowCellWidths,
+      displayNone: displayNone
     });
   }
 }
@@ -82227,7 +82242,8 @@ class Body extends BaseComponent {
         expanded,
         index,
         rowKey,
-        virtualized
+        virtualized,
+        displayNone
       } = props;
       let key = getRecordKey(record, rowKey);
       if (key == null) {
@@ -82253,7 +82269,8 @@ class Body extends BaseComponent {
         index: index,
         virtualized: virtualized,
         key: genExpandedRowKey(key),
-        cellWidths: _this.cellWidths
+        cellWidths: _this.cellWidths,
+        displayNone: displayNone
       });
     };
     /**
@@ -82265,7 +82282,8 @@ class Body extends BaseComponent {
         groups,
         dataSource: data,
         rowKey,
-        expandedRowKeys
+        expandedRowKeys,
+        keepDOM
       } = this.props;
       const {
         flattenedColumns
@@ -82300,7 +82318,7 @@ class Body extends BaseComponent {
           expanded
         })));
         // Render the grouped content when the group is expanded
-        if (expanded) {
+        if (expanded || keepDOM) {
           const dataInGroup = [];
           group.forEach(recordKey => {
             const record = getRecord(data, recordKey, rowKey);
@@ -82311,7 +82329,7 @@ class Body extends BaseComponent {
           /**
            * Render the contents of the group row
            */
-          renderedRows.push(this.renderBodyRows(dataInGroup));
+          renderedRows.push(this.renderBodyRows(dataInGroup, undefined, [], !expanded));
         }
       });
       return renderedRows;
@@ -82555,12 +82573,14 @@ class Body extends BaseComponent {
     let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     let renderedRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+    let displayNone = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     const {
       rowKey,
       expandedRowRender,
       expandedRowKeys,
       childrenRecordName,
-      rowExpandable
+      rowExpandable,
+      keepDOM
     } = this.props;
     const hasExpandedRowRender = typeof expandedRowRender === 'function';
     const expandBtnShouldInRow = this.state.cachedExpandBtnShouldInRow;
@@ -82577,6 +82597,7 @@ class Body extends BaseComponent {
       renderedRows.push(this.renderBaseRow(Object.assign(Object.assign({}, this.props), {
         columns: flattenedColumns,
         expandBtnShouldInRow,
+        displayNone,
         record,
         key,
         level,
@@ -82584,13 +82605,15 @@ class Body extends BaseComponent {
       })));
       // render expand row
       const expanded = isExpanded(expandedRowKeys, key);
-      if (hasExpandedRowRender && rowExpandable && rowExpandable(record) && expanded) {
+      const shouldRenderExpandedRows = expanded || keepDOM;
+      if (hasExpandedRowRender && rowExpandable && rowExpandable(record) && shouldRenderExpandedRows) {
         const currentExpandRow = this.renderExpandedRow(Object.assign(Object.assign({}, this.props), {
           columns: flattenedColumns,
           level,
           index,
           record,
-          expanded
+          expanded,
+          displayNone: displayNone || !expanded
         }));
         /**
           * If expandedRowRender returns falsy, this expanded row will not be rendered
@@ -82601,8 +82624,8 @@ class Body extends BaseComponent {
         }
       }
       // render tree data
-      if (recordHasChildren && expanded) {
-        const nestedRows = this.renderBodyRows(recordChildren, level + 1);
+      if (recordHasChildren && shouldRenderExpandedRows) {
+        const nestedRows = this.renderBodyRows(recordChildren, level + 1, [], displayNone || !expanded);
         renderedRows.push(...nestedRows);
       }
     });
@@ -86524,9 +86547,10 @@ class TimePicker extends BaseComponent {
         scrollItemProps,
         triggerRender,
         motion,
-        autoAdjustOverflow
+        autoAdjustOverflow,
+        stopPropagation
       } = _a,
-      rest = TimePicker_rest(_a, ["prefixCls", "placeholder", "disabled", "defaultValue", "dropdownMargin", "className", "popupStyle", "size", "style", "locale", "localeCode", "zIndex", "getPopupContainer", "insetLabel", "insetLabelId", "inputStyle", "showClear", "panelHeader", "panelFooter", "rangeSeparator", "onOpenChange", "onChangeWithDateFirst", "popupClassName", "hideDisabledOptions", "use12Hours", "minuteStep", "hourStep", "secondStep", "scrollItemProps", "triggerRender", "motion", "autoAdjustOverflow"]);
+      rest = TimePicker_rest(_a, ["prefixCls", "placeholder", "disabled", "defaultValue", "dropdownMargin", "className", "popupStyle", "size", "style", "locale", "localeCode", "zIndex", "getPopupContainer", "insetLabel", "insetLabelId", "inputStyle", "showClear", "panelHeader", "panelFooter", "rangeSeparator", "onOpenChange", "onChangeWithDateFirst", "popupClassName", "hideDisabledOptions", "use12Hours", "minuteStep", "hourStep", "secondStep", "scrollItemProps", "triggerRender", "motion", "autoAdjustOverflow", "stopPropagation"]);
     const format = this.foundation.getDefaultFormatIfNeed();
     const position = this.foundation.getPosition();
     const useCustomTrigger = typeof triggerRender === 'function';
@@ -86584,7 +86608,8 @@ class TimePicker extends BaseComponent {
       visible: disabled ? false : Boolean(open),
       motion: motion,
       margin: dropdownMargin,
-      autoAdjustOverflow: autoAdjustOverflow
+      autoAdjustOverflow: autoAdjustOverflow,
+      stopPropagation: stopPropagation
     }, useCustomTrigger ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(trigger, {
       triggerRender: triggerRender,
       disabled: disabled,
@@ -86639,6 +86664,7 @@ TimePicker.propTypes = Object.assign(Object.assign({
   focusOnOpen: (prop_types_default()).bool,
   autoFocus: (prop_types_default()).bool,
   size: prop_types_default().oneOf(timePicker_constants_strings.SIZE),
+  stopPropagation: (prop_types_default()).bool,
   panels: prop_types_default().arrayOf(prop_types_default().shape(PanelShape)),
   onFocus: (prop_types_default()).func,
   onBlur: (prop_types_default()).func,
@@ -86672,6 +86698,7 @@ TimePicker.defaultProps = Object.assign({
   prefixCls: timePicker_constants_cssClasses.PREFIX,
   inputReadOnly: false,
   style: {},
+  stopPropagation: true,
   className: '',
   popupClassName: '',
   popupStyle: {
@@ -86995,7 +87022,7 @@ Toast.propTypes = {
   showClose: (prop_types_default()).bool,
   stack: (prop_types_default()).bool,
   stackExpanded: (prop_types_default()).bool,
-  icon: prop_types_default().oneOfType([(prop_types_default()).string, (prop_types_default()).node]),
+  icon: (prop_types_default()).node,
   direction: prop_types_default().oneOf(toast_constants_strings.directions)
 };
 Toast.defaultProps = {