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

package/lib/es/pagination/index.js

@@ -1,7 +1,5 @@
 import _noop from "lodash/noop";
-
 /* eslint-disable max-len */
-
 /* eslint-disable jsx-a11y/no-noninteractive-element-to-interactive-role */
 import React from 'react';
 import classNames from 'classnames';
@@ -43,7 +41,6 @@ export default class Pagination extends BaseComponent {
     this.renderSmallPage = this.renderSmallPage.bind(this);
     warning(Boolean(props.showSizeChanger && props.hideOnSinglePage), '[Semi Pagination] You should not use showSizeChanger and hideOnSinglePage in ths same time. At this time, hideOnSinglePage no longer takes effect, otherwise there may be a problem that the switch entry disappears');
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       setPageList: pageListState => {
@@ -96,15 +93,12 @@ export default class Pagination extends BaseComponent {
       }
     });
   }
-
   componentDidMount() {
     this.foundation.init();
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   componentDidUpdate(prevProps) {
     const pagerProps = {
       currentPage: this.props.currentPage,
@@ -112,24 +106,21 @@ export default class Pagination extends BaseComponent {
       pageSize: this.props.pageSize
     };
     let pagerHasChanged = false;
-
     if (prevProps.currentPage !== this.props.currentPage) {
-      pagerHasChanged = true; // this.foundation.updatePage(this.props.currentPage);
+      pagerHasChanged = true;
+      // this.foundation.updatePage(this.props.currentPage);
     }
 
     if (prevProps.total !== this.props.total) {
       pagerHasChanged = true;
     }
-
     if (prevProps.pageSize !== this.props.pageSize) {
       pagerHasChanged = true;
     }
-
     if (pagerHasChanged) {
       this.foundation.updatePage(pagerProps.currentPage, pagerProps.total, pagerProps.pageSize);
     }
   }
-
   renderPrevBtn() {
     const {
       prevText
@@ -153,7 +144,6 @@ export default class Pagination extends BaseComponent {
       size: "large"
     }));
   }
-
   renderNextBtn() {
     const {
       nextText
@@ -177,7 +167,6 @@ export default class Pagination extends BaseComponent {
       size: "large"
     }));
   }
-
   renderPageSizeSwitch(locale) {
     // rtl modify the default position
     const {
@@ -192,14 +181,12 @@ export default class Pagination extends BaseComponent {
       pageSize
     } = this.state;
     const switchCls = classNames(`${prefixCls}-switch`);
-
     if (!showSizeChanger) {
       return null;
     }
-
     const newPageSizeOpts = this.foundation.pageSizeInOpts();
-    const pageSizeToken = locale.pageSize; // Display pageSize in a specific language format order
-
+    const pageSizeToken = locale.pageSize;
+    // Display pageSize in a specific language format order
     const options = newPageSizeOpts.map(size => /*#__PURE__*/React.createElement(Option, {
       value: size,
       key: size
@@ -216,7 +203,6 @@ export default class Pagination extends BaseComponent {
       dropdownClassName: `${prefixCls}-select-dropdown`
     }, options));
   }
-
   renderQuickJump(locale) {
     const {
       showQuickJumper
@@ -226,13 +212,10 @@ export default class Pagination extends BaseComponent {
       total,
       pageSize
     } = this.state;
-
     if (!showQuickJumper) {
       return null;
     }
-
     const totalPageNum = this.foundation._getTotalPageNumber(total, pageSize);
-
     const isDisabled = totalPageNum === 1;
     const quickJumpCls = classNames({
       [`${prefixCls}-quickjump`]: true,
@@ -250,7 +233,6 @@ export default class Pagination extends BaseComponent {
       onChange: v => this.foundation.handleQuickJumpNumberChange(v)
     }), /*#__PURE__*/React.createElement("span", null, locale.page));
   }
-
   renderPageList() {
     const {
       pageList,
@@ -264,9 +246,10 @@ export default class Pagination extends BaseComponent {
     } = this.props;
     return pageList.map((page, i) => {
       const pageListClassName = classNames(`${prefixCls}-item`, {
-        [`${prefixCls}-item-active`]: currentPage === page // [`${prefixCls}-item-rest-opening`]: (i < 3 && isLeftRestHover && page ==='...') || (i > 3 && isRightRestHover && page === '...')
-
+        [`${prefixCls}-item-active`]: currentPage === page
+        // [`${prefixCls}-item-rest-opening`]: (i < 3 && isLeftRestHover && page ==='...') || (i > 3 && isRightRestHover && page === '...')
       });
+
       const pageEl = /*#__PURE__*/React.createElement("li", {
         key: `${page}${i}`,
         onClick: () => this.foundation.goPage(page, i),
@@ -274,7 +257,6 @@ export default class Pagination extends BaseComponent {
         "aria-label": page === '...' ? 'More' : `Page ${page}`,
         "aria-current": currentPage === page ? "page" : false
       }, page);
-
       if (page === '...') {
         let content;
         i < 3 ? content = restLeftPageList : content = restRightPageList;
@@ -287,11 +269,9 @@ export default class Pagination extends BaseComponent {
           zIndex: popoverZIndex
         }, pageEl);
       }
-
       return pageEl;
     });
   }
-
   renderRestPageList(restList) {
     // The number of pages may be tens of thousands, here is virtualized with the help of react-window
     const {
@@ -299,7 +279,6 @@ export default class Pagination extends BaseComponent {
     } = this.context;
     const className = classNames(`${prefixCls}-rest-item`);
     const count = restList.length;
-
     const row = item => {
       const {
         index,
@@ -315,7 +294,6 @@ export default class Pagination extends BaseComponent {
         "aria-label": `${page}`
       }, page);
     };
-
     const itemHeight = 32;
     const listHeight = count >= 5 ? itemHeight * 5 : itemHeight * count;
     return (
@@ -334,7 +312,6 @@ export default class Pagination extends BaseComponent {
       }, row)
     );
   }
-
   renderSmallPage(locale) {
     const {
       className,
@@ -350,11 +327,9 @@ export default class Pagination extends BaseComponent {
       pageSize
     } = this.state;
     const totalPageNum = Math.ceil(total / pageSize);
-
     if (totalPageNum < 2 && hideOnSinglePage && !showSizeChanger) {
       return null;
     }
-
     const pageNumbers = Array.from({
       length: Math.ceil(total / pageSize)
     }, (v, i) => i + 1);
@@ -369,7 +344,6 @@ export default class Pagination extends BaseComponent {
       content: pageList
     }, page) : page, this.renderNextBtn(), this.renderQuickJump(locale));
   }
-
   renderDefaultPage(locale) {
     const {
       total,
@@ -385,11 +359,9 @@ export default class Pagination extends BaseComponent {
     const paginationCls = classNames(className, `${prefixCls}`);
     const showTotalCls = `${prefixCls}-total`;
     const totalPageNum = Math.ceil(total / pageSize);
-
     if (totalPageNum < 2 && hideOnSinglePage && !showSizeChanger) {
       return null;
     }
-
     const totalNum = Math.ceil(total / pageSize);
     const totalToken = locale.total.replace('${total}', totalNum.toString());
     return /*#__PURE__*/React.createElement("ul", {
@@ -399,7 +371,6 @@ export default class Pagination extends BaseComponent {
       className: showTotalCls
     }, totalToken) : null, this.renderPrevBtn(), this.renderPageList(), this.renderNextBtn(), this.renderPageSizeSwitch(locale), this.renderQuickJump(locale));
   }
-
   render() {
     const {
       size
@@ -408,7 +379,6 @@ export default class Pagination extends BaseComponent {
       componentName: "Pagination"
     }, locale => size === 'small' ? this.renderSmallPage(locale) : this.renderDefaultPage(locale));
   }
-
 }
 Pagination.contextType = ConfigContext;
 Pagination.propTypes = {

package/lib/es/popconfirm/index.js

@@ -2,20 +2,15 @@ import _omit from "lodash/omit";
 import _isFunction from "lodash/isFunction";
 import _get from "lodash/get";
 import _noop from "lodash/noop";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
 /* eslint-disable max-len */
-
-
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -31,17 +26,11 @@ import '@douyinfe/semi-foundation/lib/es/popconfirm/popconfirm.css';
 export default class Popconfirm extends BaseComponent {
   constructor(props) {
     super(props);
-
     this.handleCancel = e => this.foundation.handleCancel(e && e.nativeEvent);
-
     this.handleConfirm = e => this.foundation.handleConfirm(e && e.nativeEvent);
-
     this.handleVisibleChange = visible => this.foundation.handleVisibleChange(visible);
-
     this.handleClickOutSide = e => this.foundation.handleClickOutSide(e);
-
     this.stopImmediatePropagation = e => e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation();
-
     this.renderConfirmPopCard = _ref => {
       let {
         initialFocusRef
@@ -65,7 +54,6 @@ export default class Popconfirm extends BaseComponent {
       const showContent = !(content === null || typeof content === 'undefined');
       return (
         /*#__PURE__*/
-
         /* eslint-disable-next-line jsx-a11y/no-static-element-interactions */
         React.createElement("div", {
           className: popCardCls,
@@ -101,7 +89,6 @@ export default class Popconfirm extends BaseComponent {
         }, this.renderControls())))
       );
     };
-
     this.state = {
       cancelLoading: false,
       confirmLoading: false,
@@ -111,20 +98,16 @@ export default class Popconfirm extends BaseComponent {
     this.footerRef = /*#__PURE__*/React.createRef();
     this.popoverRef = /*#__PURE__*/React.createRef();
   }
-
   static getDerivedStateFromProps(props, state) {
     const willUpdateStates = {};
     const {
       hasOwnProperty
     } = Object.prototype;
-
     if (hasOwnProperty.call(props, 'visible')) {
       willUpdateStates.visible = props.visible;
     }
-
     return willUpdateStates;
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       setVisible: visible => this.setState({
@@ -142,7 +125,6 @@ export default class Popconfirm extends BaseComponent {
       notifyClickOutSide: e => this.props.onClickOutSide(e),
       focusCancelButton: () => {
         var _a, _b;
-
         const buttonNode = (_b = (_a = this.footerRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.querySelector('[data-type=cancel]');
         buttonNode === null || buttonNode === void 0 ? void 0 : buttonNode.focus({
           preventScroll: true
@@ -150,7 +132,6 @@ export default class Popconfirm extends BaseComponent {
       },
       focusOkButton: () => {
         var _a, _b;
-
         const buttonNode = (_b = (_a = this.footerRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.querySelector('[data-type=ok]');
         buttonNode === null || buttonNode === void 0 ? void 0 : buttonNode.focus({
           preventScroll: true
@@ -158,12 +139,10 @@ export default class Popconfirm extends BaseComponent {
       },
       focusPrevFocusElement: () => {
         var _a;
-
         (_a = this.popoverRef.current) === null || _a === void 0 ? void 0 : _a.focusTrigger();
       }
     });
   }
-
   renderControls() {
     const {
       okText,
@@ -192,29 +171,25 @@ export default class Popconfirm extends BaseComponent {
       loading: confirmLoading
     }, _omit(okButtonProps, 'autoFocus')), okText || _get(locale, 'confirm'))));
   }
-
   render() {
     // rtl changes the default position
     const {
       direction
     } = this.context;
     const defaultPosition = direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
-
     const _a = this.props,
-          {
-      className,
-      prefixCls,
-      disabled,
-      children,
-      style,
-      position = defaultPosition
-    } = _a,
-          attrs = __rest(_a, ["className", "prefixCls", "disabled", "children", "style", "position"]);
-
+      {
+        className,
+        prefixCls,
+        disabled,
+        children,
+        style,
+        position = defaultPosition
+      } = _a,
+      attrs = __rest(_a, ["className", "prefixCls", "disabled", "children", "style", "position"]);
     if (disabled) {
       return children;
     }
-
     const {
       visible
     } = this.state;
@@ -223,11 +198,9 @@ export default class Popconfirm extends BaseComponent {
       className: cssClasses.POPOVER,
       onClickOutSide: this.handleClickOutSide
     };
-
     if (this.isControlled('visible')) {
       popProps.trigger = 'custom';
     }
-
     return /*#__PURE__*/React.createElement(Popover, Object.assign({
       ref: this.popoverRef
     }, attrs, {
@@ -245,7 +218,6 @@ export default class Popconfirm extends BaseComponent {
       position: position
     }, popProps), children);
   }
-
 }
 Popconfirm.contextType = ConfigContext;
 Popconfirm.propTypes = {

package/lib/es/popover/Arrow.js

@@ -1,41 +1,30 @@
 import _get from "lodash/get";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { numbers, cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/popover/constants';
-
 const Arrow = function () {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
   const {
-    position = '',
-    className,
-    arrowStyle,
-    popStyle
-  } = props,
-        rest = __rest(props, ["position", "className", "arrowStyle", "popStyle"]);
-
+      position = '',
+      className,
+      arrowStyle,
+      popStyle
+    } = props,
+    rest = __rest(props, ["position", "className", "arrowStyle", "popStyle"]);
   const isVertical = position.indexOf('top') === 0 || position.indexOf('bottom') === 0;
   const cls = classnames(className, cssClasses.ARROW);
-
   const borderOpacity = _get(arrowStyle, 'borderOpacity', strings.DEFAULT_ARROW_STYLE.borderOpacity);
-
   const bgColor = _get(arrowStyle, 'backgroundColor', _get(popStyle, 'backgroundColor', strings.DEFAULT_ARROW_STYLE.backgroundColor));
-
   const borderColor = _get(arrowStyle, 'borderColor', _get(popStyle, 'borderColor', strings.DEFAULT_ARROW_STYLE.borderColor));
-
   const wrapProps = Object.assign(Object.assign({}, rest), {
     width: numbers.ARROW_BOUNDING.width,
     height: numbers.ARROW_BOUNDING.height,
@@ -58,7 +47,6 @@ const Arrow = function () {
     fill: bgColor
   }));
 };
-
 Arrow.propTypes = {
   position: PropTypes.string,
   className: PropTypes.string,

package/lib/es/popover/index.js

@@ -1,17 +1,13 @@
 import _noop from "lodash/noop";
 import _isFunction from "lodash/isFunction";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import React from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -22,20 +18,16 @@ import Arrow from './Arrow';
 import '@douyinfe/semi-foundation/lib/es/popover/popover.css';
 const positionSet = strings.POSITION_SET;
 const triggerSet = strings.TRIGGER_SET;
-
 class Popover extends React.PureComponent {
   constructor(props) {
     super(props);
     /**
      * focus on tooltip trigger
      */
-
     this.focusTrigger = () => {
       var _a;
-
       (_a = this.tooltipRef.current) === null || _a === void 0 ? void 0 : _a.focusTrigger();
     };
-
     this.renderPopCard = _ref => {
       let {
         initialFocusRef
@@ -61,7 +53,6 @@ class Popover extends React.PureComponent {
         className: `${prefixCls}-content`
       }, contentNode));
     };
-
     this.renderContentNode = props => {
       const {
         initialFocusRef,
@@ -72,24 +63,21 @@ class Popover extends React.PureComponent {
       };
       return !_isFunction(content) ? content : content(contentProps);
     };
-
     this.tooltipRef = /*#__PURE__*/React.createRef();
   }
-
   render() {
     const _a = this.props,
-          {
-      children,
-      prefixCls,
-      showArrow,
-      arrowStyle = {},
-      arrowBounding,
-      position,
-      style,
-      trigger
-    } = _a,
-          attr = __rest(_a, ["children", "prefixCls", "showArrow", "arrowStyle", "arrowBounding", "position", "style", "trigger"]);
-
+      {
+        children,
+        prefixCls,
+        showArrow,
+        arrowStyle = {},
+        arrowBounding,
+        position,
+        style,
+        trigger
+      } = _a,
+      attr = __rest(_a, ["children", "prefixCls", "showArrow", "arrowStyle", "arrowBounding", "position", "style", "trigger"]);
     let {
       spacing
     } = this.props;
@@ -100,11 +88,9 @@ class Popover extends React.PureComponent {
       arrowStyle
     };
     const arrow = showArrow ? /*#__PURE__*/React.createElement(Arrow, Object.assign({}, arrowProps)) : false;
-
     if (typeof spacing !== 'number') {
       spacing = showArrow ? numbers.SPACING_WITH_ARROW : numbers.SPACING;
     }
-
     const role = trigger === 'click' || trigger === 'custom' ? 'dialog' : 'tooltip';
     return /*#__PURE__*/React.createElement(Tooltip, Object.assign({
       guardFocus: true,
@@ -121,9 +107,7 @@ class Popover extends React.PureComponent {
       role: role
     }), children);
   }
-
 }
-
 Popover.contextType = ConfigContext;
 Popover.propTypes = {
   children: PropTypes.node,