@douyinfe/semi-ui 2.0.9-alpha.3 → 2.1.0-alpha.2

package/lib/es/_base/baseComponent.js

@@ -55,11 +55,7 @@ export default class BaseComponent extends Component {
     };
   }
 
-  log(text) {
-    for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      rest[_key - 1] = arguments[_key];
-    }
-
+  log(text, ...rest) {
     return log(text, ...rest);
   }
 

package/lib/es/_portal/index.js

@@ -11,36 +11,26 @@ const defaultGetContainer = () => document.body;
 
 class Portal extends PureComponent {
   constructor(props) {
-    var _this;
-
     super(props);
-    _this = this;
-
-    this.addStyle = function () {
-      let style = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-      if (_this.el) {
+    this.addStyle = (style = {}) => {
+      if (this.el) {
         for (const key of _Object$keys(style)) {
-          _this.el.style[key] = style[key];
+          this.el.style[key] = style[key];
         }
       }
     };
 
-    this.addClass = function (prefixCls) {
+    this.addClass = (prefixCls, ...classNames) => {
       const {
         direction
-      } = _this.context;
-
-      for (var _len = arguments.length, classNames = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        classNames[_key - 1] = arguments[_key];
-      }
-
+      } = this.context;
       const cls = classnames(prefixCls, ...classNames, {
         ["".concat(prefixCls, "-rtl")]: direction === 'rtl'
       });
 
-      if (_this.el) {
-        _this.el.className = cls;
+      if (this.el) {
+        this.el.className = cls;
       }
     };
 

package/lib/es/_utils/index.js

@@ -84,15 +84,14 @@ export function cloneDeep(value, customizer) {
  * @return  {Array<object>}
  */
 
-export const getHighLightTextHTML = _ref => {
-  let {
-    sourceString = '',
-    searchWords = [],
-    option = {
-      autoEscape: true,
-      caseSensitive: false
-    }
-  } = _ref;
+export const getHighLightTextHTML = ({
+  sourceString = '',
+  searchWords = [],
+  option = {
+    autoEscape: true,
+    caseSensitive: false
+  }
+}) => {
   const chunks = findAll(_Object$assign({
     sourceString,
     searchWords
@@ -125,13 +124,11 @@ export const getHighLightTextHTML = _ref => {
  * @returns function
  */
 
-export const registerMediaQuery = (media, _ref2) => {
-  let {
-    match,
-    unmatch,
-    callInInit = true
-  } = _ref2;
-
+export const registerMediaQuery = (media, {
+  match,
+  unmatch,
+  callInInit = true
+}) => {
   if (typeof window !== 'undefined') {
     const mediaQueryList = window.matchMedia(media);
 

package/lib/es/breadcrumb/index.js

@@ -147,11 +147,9 @@ class Breadcrumb extends BaseComponent {
   }
 
   get adapter() {
-    var _this = this;
-
     return _Object$assign(_Object$assign({}, super.adapter), {
-      notifyClick: function () {
-        _this.props.onClick(...arguments);
+      notifyClick: (...args) => {
+        this.props.onClick(...args);
       },
       expandCollapsed: () => this.setState({
         isCollapsed: false

package/lib/es/breadcrumb/item.js

@@ -149,14 +149,12 @@ export default class BreadcrumbItem extends BaseComponent {
   }
 
   get adapter() {
-    var _this = this;
-
     return _Object$assign(_Object$assign({}, super.adapter), {
-      notifyClick: function () {
-        _this.props.onClick(...arguments);
+      notifyClick: (...args) => {
+        this.props.onClick(...args);
       },
-      notifyParent: function () {
-        _this.context.onClick(...arguments);
+      notifyParent: (...args) => {
+        this.context.onClick(...args);
       }
     });
   }

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

@@ -14,7 +14,6 @@ declare class Button extends React.PureComponent<ButtonProps> {
         loading: import("prop-types").Requireable<boolean>;
         prefixCls: import("prop-types").Requireable<string>;
         icon: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
-        iconType: import("prop-types").Requireable<import("prop-types").ReactElementLike>;
         iconSize: import("prop-types").Requireable<string>;
         noHorizontalPadding: import("prop-types").Requireable<string | boolean | any[]>;
         children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;

package/lib/es/button/index.js

@@ -4,16 +4,14 @@ import BaseButton from './Button';
 import IconButton from '../iconButton';
 
 class Button extends React.PureComponent {
-  constructor() {
-    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(props = {}) {
     super(props);
   }
 
   render() {
     const props = _Object$assign({}, this.props);
 
-    const hasIcon = Boolean(props.icon || props.iconType); // TODO: iconType needs to be confirmed
-
+    const hasIcon = Boolean(props.icon);
     const isLoading = Boolean(props.loading);
     const isDisabled = Boolean(props.disabled);
 

package/lib/es/calendar/monthCalendar.js

@@ -31,10 +31,9 @@ const contentPadding = 60;
 const contentHeight = 24;
 export default class monthCalendar extends BaseComponent {
   constructor(props) {
-    var _this, _context4;
+    var _context4;
 
     super(props);
-    _this = this;
 
     this.calcItemLimit = () => {
       this.contentCellHeight = this.cellDom.current.getBoundingClientRect().height;
@@ -213,14 +212,13 @@ export default class monthCalendar extends BaseComponent {
       return dateGridRender(date.toString(), date);
     };
 
-    this.renderWeekRow = function (index, weekDay) {
-      let events = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    this.renderWeekRow = (index, weekDay, events = {}) => {
       const {
         markWeekend
-      } = _this.props;
+      } = this.props;
       const {
         itemLimit
-      } = _this.state;
+      } = this.state;
       const {
         display,
         day
@@ -228,7 +226,7 @@ export default class monthCalendar extends BaseComponent {
       return /*#__PURE__*/React.createElement("div", {
         role: "gridcell",
         className: "".concat(prefixCls, "-weekrow"),
-        ref: _this.cellDom,
+        ref: this.cellDom,
         key: "".concat(index, "-weekrow")
       }, /*#__PURE__*/React.createElement("ul", {
         className: "".concat(prefixCls, "-skeleton")
@@ -251,17 +249,17 @@ export default class monthCalendar extends BaseComponent {
         const inner = /*#__PURE__*/React.createElement("li", {
           key: "".concat(date, "-weeksk"),
           className: listCls,
-          onClick: e => _this.handleClick(e, [date])
-        }, _this.formatDayString(month, dayString), _this.renderCusDateGrid(date));
+          onClick: e => this.handleClick(e, [date])
+        }, this.formatDayString(month, dayString), this.renderCusDateGrid(date));
 
         if (!shouldRenderCollapsed) {
           return inner;
         }
 
-        return _this.renderCollapsed(day[ind], each, listCls, month);
+        return this.renderCollapsed(day[ind], each, listCls, month);
       })), /*#__PURE__*/React.createElement("ul", {
         className: "".concat(cssClasses.PREFIX, "-event-items")
-      }, display ? _this.renderEvents(display) : null));
+      }, display ? this.renderEvents(display) : null));
     };
 
     this.renderMonthGrid = () => {

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

@@ -7,6 +7,7 @@ import Input from '../input/index';
 import { PopoverProps } from '../popover/index';
 import { CascaderData, Entities, Entity, Data } from './item';
 import { Motion } from '../_base/base';
+export { CascaderType, ShowNextType } from '@douyinfe/semi-foundation/lib/es/cascader/foundation';
 export { CascaderData, Entity, Data, CascaderItemProps } from './item';
 export interface ScrollPanelProps extends BasicScrollPanelProps {
     activeNode: CascaderData;

package/lib/es/cascader/index.js

@@ -272,15 +272,27 @@ class Cascader extends BaseComponent {
     this.renderCustomTrigger = () => {
       const {
         disabled,
-        triggerRender
+        triggerRender,
+        multiple,
+        autoMergeValue
       } = this.props;
       const {
         selectedKeys,
         inputValue,
-        inputPlaceHolder
+        inputPlaceHolder,
+        mergedCheckedKeys,
+        checkedKeys
       } = this.state;
+      let realValue;
+
+      if (multiple) {
+        realValue = autoMergeValue ? mergedCheckedKeys : checkedKeys;
+      } else {
+        realValue = [...selectedKeys][0];
+      }
+
       return /*#__PURE__*/React.createElement(Trigger, {
-        value: [...selectedKeys][0],
+        value: realValue,
         inputValue: inputValue,
         onChange: this.handleInputChange,
         onClear: this.handleClear,
@@ -476,8 +488,6 @@ class Cascader extends BaseComponent {
   }
 
   get adapter() {
-    var _this = this;
-
     const filterAdapter = {
       updateInputValue: value => {
         this.setState({
@@ -553,11 +563,11 @@ class Cascader extends BaseComponent {
       notifyOnSearch: input => {
         this.props.onSearch && this.props.onSearch(input);
       },
-      notifyFocus: function () {
-        _this.props.onFocus && _this.props.onFocus(...arguments);
+      notifyFocus: (...v) => {
+        this.props.onFocus && this.props.onFocus(...v);
       },
-      notifyBlur: function () {
-        _this.props.onBlur && _this.props.onBlur(...arguments);
+      notifyBlur: (...v) => {
+        this.props.onBlur && this.props.onBlur(...v);
       },
       notifyDropdownVisibleChange: visible => {
         this.props.onDropdownVisibleChange(visible);
@@ -590,11 +600,10 @@ class Cascader extends BaseComponent {
         } = this.props;
         onLoad && onLoad(newLoadedKeys, data);
       },
-      notifyListScroll: (e, _ref) => {
-        let {
-          panelIndex,
-          activeNode
-        } = _ref;
+      notifyListScroll: (e, {
+        panelIndex,
+        activeNode
+      }) => {
         this.props.onListScroll(e, {
           panelIndex,
           activeNode

package/lib/es/cascader/item.js

@@ -182,8 +182,7 @@ export default class Item extends PureComponent {
     };
   }
 
-  renderItem(renderData) {
-    let content = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  renderItem(renderData, content = []) {
     const {
       multiple,
       checkedKeys,

package/lib/es/collapse/item.js

@@ -21,8 +21,7 @@ import Collapsible from '../collapsible';
 import CollapseContext from './collapse-context';
 import { IconChevronDown, IconChevronUp } from '@douyinfe/semi-icons';
 export default class CollapsePanel extends PureComponent {
-  renderHeader(active) {
-    let expandIconEnable = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  renderHeader(active, expandIconEnable = true) {
     const {
       header,
       extra

package/lib/es/collapsible/index.js

@@ -51,14 +51,11 @@ const Collapsible = props => {
     ref.current.style.maxHeight = 'none';
   };
 
-  const formatStyle = _ref => {
-    let {
-      maxHeight: maxHeightInTransitionStyle
-    } = _ref;
-    return {
-      maxHeight: maxHeightInTransitionStyle
-    };
-  };
+  const formatStyle = ({
+    maxHeight: maxHeightInTransitionStyle
+  }) => ({
+    maxHeight: maxHeightInTransitionStyle
+  });
 
   const shouldKeepDOM = () => keepDOM || collapseHeight !== 0;
 
@@ -84,7 +81,10 @@ const Collapsible = props => {
       className: wrapperCls,
       ref: ref
     }, /*#__PURE__*/React.createElement("div", {
-      ref: setHeight
+      ref: setHeight,
+      style: {
+        overflow: 'hidden'
+      }
     }, children));
   };
 

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

@@ -24,7 +24,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" | "dateTime" | "month" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
         multiple: PropTypes.Requireable<boolean>;
         showClear: PropTypes.Requireable<boolean>;
         format: PropTypes.Requireable<string>;

package/lib/es/datePicker/dateInput.js

@@ -83,39 +83,19 @@ export default class DateInput extends BaseComponent {
   }
 
   get adapter() {
-    var _this = this;
-
     return _Object$assign(_Object$assign({}, super.adapter), {
       updateIsFocusing: isFocusing => this.setState({
         isFocusing
       }),
-      notifyClick: function () {
-        return _this.props.onClick(...arguments);
-      },
-      notifyChange: function () {
-        return _this.props.onChange(...arguments);
-      },
-      notifyEnter: function () {
-        return _this.props.onEnterPress(...arguments);
-      },
-      notifyBlur: function () {
-        return _this.props.onBlur(...arguments);
-      },
-      notifyClear: function () {
-        return _this.props.onClear(...arguments);
-      },
-      notifyFocus: function () {
-        return _this.props.onFocus(...arguments);
-      },
-      notifyRangeInputClear: function () {
-        return _this.props.onRangeClear(...arguments);
-      },
-      notifyRangeInputFocus: function () {
-        return _this.props.onFocus(...arguments);
-      },
-      notifyTabPress: function () {
-        return _this.props.onRangeEndTabPress(...arguments);
-      }
+      notifyClick: (...args) => this.props.onClick(...args),
+      notifyChange: (...args) => this.props.onChange(...args),
+      notifyEnter: (...args) => this.props.onEnterPress(...args),
+      notifyBlur: (...args) => this.props.onBlur(...args),
+      notifyClear: (...args) => this.props.onClear(...args),
+      notifyFocus: (...args) => this.props.onFocus(...args),
+      notifyRangeInputClear: (...args) => this.props.onRangeClear(...args),
+      notifyRangeInputFocus: (...args) => this.props.onFocus(...args),
+      notifyTabPress: (...args) => this.props.onRangeEndTabPress(...args)
     });
   }
 

package/lib/es/datePicker/datePicker.d.ts

@@ -29,7 +29,7 @@ export declare type DatePickerState = DatePickerFoundationState;
 export default class DatePicker extends BaseComponent<DatePickerProps, DatePickerState> {
     static contextType: React.Context<import("../configProvider/context").ContextValue>;
     static propTypes: {
-        type: PropTypes.Requireable<"date" | "dateTime" | "month" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
         size: PropTypes.Requireable<"default" | "small" | "large">;
         density: PropTypes.Requireable<"default" | "compact">;
         defaultValue: PropTypes.Requireable<string | number | object>;

package/lib/es/datePicker/datePicker.js

@@ -24,10 +24,7 @@ import YearAndMonth from './yearAndMonth';
 import '@douyinfe/semi-foundation/lib/es/datePicker/datePicker.css';
 export default class DatePicker extends BaseComponent {
   constructor(props) {
-    var _this;
-
     super(props);
-    _this = this;
 
     this.setTriggerRef = node => this.triggerElRef.current = node; // Called when changes are selected by clicking on the selected date
 
@@ -37,35 +34,19 @@ export default class DatePicker extends BaseComponent {
 
     this.handleYMSelectedChange = item => this.foundation.handleYMSelectedChange(item);
 
-    this.disabledDisposeDate = function (date) {
-      for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        rest[_key - 1] = arguments[_key];
-      }
+    this.disabledDisposeDate = (date, ...rest) => this.foundation.disabledDisposeDate(date, ...rest);
 
-      return _this.foundation.disabledDisposeDate(date, ...rest);
-    };
-
-    this.disabledDisposeTime = function (date) {
-      for (var _len2 = arguments.length, rest = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-        rest[_key2 - 1] = arguments[_key2];
-      }
-
-      return _this.foundation.disabledDisposeTime(date, ...rest);
-    };
+    this.disabledDisposeTime = (date, ...rest) => this.foundation.disabledDisposeTime(date, ...rest);
 
     this.handleOpenPanel = () => this.foundation.openPanel();
 
-    this.handleInputChange = function () {
-      return _this.foundation.handleInputChange(...arguments);
-    };
+    this.handleInputChange = (...args) => this.foundation.handleInputChange(...args);
 
     this.handleInputComplete = v => this.foundation.handleInputComplete(v);
 
     this.handleInputBlur = e => this.foundation.handleInputBlur(get(e, 'nativeEvent.target.value'), e);
 
-    this.handleInputFocus = function () {
-      return _this.foundation.handleInputFocus(...arguments);
-    };
+    this.handleInputFocus = (...args) => this.foundation.handleInputFocus(...args);
 
     this.handleInputClear = e => this.foundation.handleInputClear(e);
 
@@ -217,8 +198,6 @@ export default class DatePicker extends BaseComponent {
   }
 
   get adapter() {
-    var _this2 = this;
-
     return _Object$assign(_Object$assign({}, super.adapter), {
       togglePanel: panelShow => {
         this.setState({
@@ -252,30 +231,14 @@ export default class DatePicker extends BaseComponent {
       unregisterClickOutSide: () => {
         document.removeEventListener('mousedown', this.clickOutSideHandler);
       },
-      notifyBlur: function () {
-        return _this2.props.onBlur(...arguments);
-      },
-      notifyFocus: function () {
-        return _this2.props.onFocus(...arguments);
-      },
-      notifyClear: function () {
-        return _this2.props.onClear(...arguments);
-      },
-      notifyChange: function () {
-        return _this2.props.onChange(...arguments);
-      },
-      notifyCancel: function () {
-        return _this2.props.onCancel(...arguments);
-      },
-      notifyConfirm: function () {
-        return _this2.props.onConfirm(...arguments);
-      },
-      notifyOpenChange: function () {
-        return _this2.props.onOpenChange(...arguments);
-      },
-      notifyPresetsClick: function () {
-        return _this2.props.onPresetClick(...arguments);
-      },
+      notifyBlur: (...args) => this.props.onBlur(...args),
+      notifyFocus: (...args) => this.props.onFocus(...args),
+      notifyClear: (...args) => this.props.onClear(...args),
+      notifyChange: (...args) => this.props.onChange(...args),
+      notifyCancel: (...args) => this.props.onCancel(...args),
+      notifyConfirm: (...args) => this.props.onConfirm(...args),
+      notifyOpenChange: (...args) => this.props.onOpenChange(...args),
+      notifyPresetsClick: (...args) => this.props.onPresetClick(...args),
       updateValue: value => this.setState({
         value
       }),

package/lib/es/datePicker/footer.js

@@ -2,8 +2,7 @@ import React from 'react';
 import classnames from 'classnames';
 import Button from '../button';
 import { get } from 'lodash-es';
-export default function Footer() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+export default function Footer(props = {}) {
   const {
     prefixCls,
     locale,

package/lib/es/datePicker/index.js

@@ -29,19 +29,16 @@ export default forwardStatics( /*#__PURE__*/React.forwardRef((props, ref) => {
     propsObj.rangeSeparator = " ".concat(_trimInstanceProperty(rangeSeparator).call(rangeSeparator), " ");
   }
 
-  return /*#__PURE__*/React.createElement(ConfigContext.Consumer, null, _ref => {
-    let {
-      timeZone
-    } = _ref;
-    return /*#__PURE__*/React.createElement(LocaleConsumer, {
-      componentName: 'DatePicker'
-    }, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/React.createElement(DatePicker, _Object$assign({
-      timeZone: timeZone,
-      localeCode: localeCode,
-      locale: locale,
-      dateFnsLocale: dateFnsLocale
-    }, propsObj, {
-      ref: ref
-    })));
-  });
+  return /*#__PURE__*/React.createElement(ConfigContext.Consumer, null, ({
+    timeZone
+  }) => /*#__PURE__*/React.createElement(LocaleConsumer, {
+    componentName: 'DatePicker'
+  }, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/React.createElement(DatePicker, _Object$assign({
+    timeZone: timeZone,
+    localeCode: localeCode,
+    locale: locale,
+    dateFnsLocale: dateFnsLocale
+  }, propsObj, {
+    ref: ref
+  }))));
 }), DatePicker);

package/lib/es/datePicker/monthsGrid.d.ts

@@ -17,7 +17,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" | "dateTime" | "month" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
         defaultValue: PropTypes.Requireable<string | number | object>;
         defaultPickerValue: PropTypes.Requireable<string | number | object>;
         multiple: PropTypes.Requireable<boolean>;

package/lib/es/datePicker/yearAndMonth.js

@@ -126,17 +126,14 @@ class YearAndMonth extends BaseComponent {
     } = this.props;
     const currentDate = setMonth(_Date$now(), currentMonth - 1);
 
-    const list = _mapInstanceProperty(years).call(years, _ref => {
-      let {
-        value,
-        year
-      } = _ref;
-      return {
-        year,
-        value,
-        disabled: disabledDate(setYear(currentDate, year))
-      };
-    });
+    const list = _mapInstanceProperty(years).call(years, ({
+      value,
+      year
+    }) => ({
+      year,
+      value,
+      disabled: disabledDate(setYear(currentDate, year))
+    }));
 
     let transform = val => val;
 
@@ -179,18 +176,15 @@ class YearAndMonth extends BaseComponent {
     } // i18n
 
 
-    const list = _mapInstanceProperty(months).call(months, _ref2 => {
-      let {
-        value,
-        month
-      } = _ref2;
-      return {
-        month,
-        disabled: disabledDate(setMonth(currentDate, month - 1)),
-        value: locale.fullMonths[value] // Actual rendered text
+    const list = _mapInstanceProperty(months).call(months, ({
+      value,
+      month
+    }) => ({
+      month,
+      disabled: disabledDate(setMonth(currentDate, month - 1)),
+      value: locale.fullMonths[value] // Actual rendered text
 
-      };
-    });
+    }));
 
     const selectedIndex = _findIndexInstanceProperty(list).call(list, item => item.month === currentMonth);
 
@@ -220,7 +214,7 @@ class YearAndMonth extends BaseComponent {
       className: prefix
     }, /*#__PURE__*/React.createElement(IconButton, {
       noHorizontalPadding: false,
-      iconType: /*#__PURE__*/React.createElement(IconChevronLeft, {
+      icon: /*#__PURE__*/React.createElement(IconChevronLeft, {
         size: iconSize
       }),
       size: buttonSize,

package/lib/es/dropdown/dropdownDivider.js

@@ -4,8 +4,7 @@ import PropTypes from 'prop-types';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/dropdown/constants';
 const prefixCls = cssClasses.PREFIX;
 
-const DropdownDivider = function () {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+const DropdownDivider = (props = {}) => {
   const {
     style,
     className