@douyinfe/semi-ui 2.48.0-beta.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,
@@ -62706,8 +62713,9 @@ class DropdownItem extends BaseComponent {
       ['onClick', 'onMouseEnter', 'onMouseLeave', 'onContextMenu'].forEach(eventName => {
         if (eventName === "onClick") {
           events["onMouseDown"] = e => {
+            var _a, _b;
             if (e.button === 0) {
-              this.props[eventName](e);
+              (_b = (_a = this.props)[eventName]) === null || _b === void 0 ? void 0 : _b.call(_a, e);
             }
           };
         } else {
@@ -66866,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)
    */
@@ -70356,7 +70364,7 @@ var utils_rest = undefined && undefined.__rest || function (s, e) {
 };
 
 
-const generateOption = (child, parent, index) => {
+const generateOption = (child, parent, index, newKey) => {
   const childProps = child.props;
   if (!child || !childProps) {
     return null;
@@ -70374,7 +70382,7 @@ const generateOption = (child, parent, index) => {
   // Props are collected from ReactNode, after React.Children.toArray
   // no need to determine whether the key exists in child
   // Even if the user does not explicitly declare it, React will always generate a key.
-  option._keyInJsx = child.key;
+  option._keyInJsx = newKey || child.key;
   return option;
 };
 const getOptionsFromGroup = selectChildren => {
@@ -70405,10 +70413,22 @@ const getOptionsFromGroup = selectChildren => {
           children
         } = _a,
         restGroupProps = utils_rest(_a, ["children"]);
+      let originKeys = [];
+      if (Array.isArray(children)) {
+        // if group has children > 1
+        originKeys = children.map(item => item.key);
+      } else {
+        originKeys.push(children.key);
+      }
       children = external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.toArray(children);
-      const childrenOption = children.map(option => {
+      const childrenOption = children.map((option, index) => {
+        let newKey = option.key;
+        if (originKeys[index] === null) {
+          newKey = child.key + '' + option.key; // if option in group and didn't set key, concat parent key to avoid conflict (default generate key just like .0, .1)
+        }
+
         optionIndex++;
-        return generateOption(option, restGroupProps, optionIndex);
+        return generateOption(option, restGroupProps, optionIndex, newKey);
       });
       const group = Object.assign(Object.assign({}, child.props), {
         children: childrenOption,
@@ -72771,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,
@@ -74998,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) {
@@ -75008,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"
       });
@@ -75099,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())
@@ -75920,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();
       }
     };
@@ -81491,6 +81514,7 @@ class TableRow extends BaseComponent {
       record,
       hovered,
       expanded,
+      displayNone,
       expandableRow,
       level,
       expandedRow,
@@ -81508,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') {
@@ -81549,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]),
@@ -81640,7 +81666,8 @@ class TableExpandedRow extends external_root_React_commonjs2_react_commonjs_reac
       style,
       virtualized,
       indentSize,
-      cellWidths
+      cellWidths,
+      displayNone
     } = this.props;
     const {
       tableWidth,
@@ -81699,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
     });
   }
 }
@@ -82214,7 +82242,8 @@ class Body extends BaseComponent {
         expanded,
         index,
         rowKey,
-        virtualized
+        virtualized,
+        displayNone
       } = props;
       let key = getRecordKey(record, rowKey);
       if (key == null) {
@@ -82240,7 +82269,8 @@ class Body extends BaseComponent {
         index: index,
         virtualized: virtualized,
         key: genExpandedRowKey(key),
-        cellWidths: _this.cellWidths
+        cellWidths: _this.cellWidths,
+        displayNone: displayNone
       });
     };
     /**
@@ -82252,7 +82282,8 @@ class Body extends BaseComponent {
         groups,
         dataSource: data,
         rowKey,
-        expandedRowKeys
+        expandedRowKeys,
+        keepDOM
       } = this.props;
       const {
         flattenedColumns
@@ -82287,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);
@@ -82298,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;
@@ -82542,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;
@@ -82564,6 +82597,7 @@ class Body extends BaseComponent {
       renderedRows.push(this.renderBaseRow(Object.assign(Object.assign({}, this.props), {
         columns: flattenedColumns,
         expandBtnShouldInRow,
+        displayNone,
         record,
         key,
         level,
@@ -82571,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
@@ -82588,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);
       }
     });
@@ -85511,7 +85547,7 @@ const parseToDate = function (input) {
   let dateFnsLocale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : zh_CN;
   if (input instanceof Date) {
     return input;
-  } else if (typeof input === 'number' || !isNaN(Number(input))) {
+  } else if (typeof input === 'number') {
     return new Date(toNumber_default()(input));
   } else if (typeof input === 'string') {
     let curDate = new Date();
@@ -86511,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';
@@ -86571,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,
@@ -86626,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,
@@ -86659,6 +86698,7 @@ TimePicker.defaultProps = Object.assign({
   prefixCls: timePicker_constants_cssClasses.PREFIX,
   inputReadOnly: false,
   style: {},
+  stopPropagation: true,
   className: '',
   popupClassName: '',
   popupStyle: {
@@ -86982,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 = {
@@ -87413,7 +87453,6 @@ class ToastFactory {
  */
 
 
-
 class TreeFoundation extends foundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
@@ -98487,7 +98526,7 @@ class Form extends BaseComponent {
       [baseForm_prefix + '-vertical']: layout === 'vertical',
       [baseForm_prefix + '-horizontal']: layout === 'horizontal'
     });
-    const showldAppendRow = wrapperCol && labelCol;
+    const shouldAppendRow = wrapperCol && labelCol;
     const formContent = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("form", Object.assign({
       style: style
     }, rest, {
@@ -98503,7 +98542,7 @@ class Form extends BaseComponent {
       value: this.formApi
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(FormStateContext.Provider, {
       value: formState
-    }, showldAppendRow ? withRowForm : formContent)));
+    }, shouldAppendRow ? withRowForm : formContent)));
   }
 }
 Form.propTypes = {