@douyinfe/semi-ui 2.19.0-beta.0 → 2.19.1-alpha.2

package/lib/es/notification/notice.js

@@ -1,17 +1,12 @@
 import _noop from "lodash/noop";
-import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
 
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && _indexOfInstanceProperty(e).call(e, p) < 0) t[p] = s[p];
+  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 (_indexOfInstanceProperty(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  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;
 };
@@ -67,7 +62,7 @@ class Notice extends BaseComponent {
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       notifyWrapperToRemove: id => {
         this.props.close(id);
       },
@@ -83,8 +78,6 @@ class Notice extends BaseComponent {
   }
 
   renderTypeIcon() {
-    var _context;
-
     const {
       type,
       icon
@@ -106,7 +99,7 @@ class Notice extends BaseComponent {
     let iconType = iconMap[type];
     const iconCls = cls({
       ["".concat(prefixCls, "-icon")]: true,
-      [_concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, type)]: true
+      ["".concat(prefixCls, "-").concat(type)]: true
     });
 
     if (icon) {
@@ -126,8 +119,6 @@ class Notice extends BaseComponent {
   }
 
   render() {
-    var _context2, _context3;
-
     const direction = this.props.direction || this.context.direction;
     const defaultPosition = direction === 'rtl' ? 'topLeft' : 'topRight';
 
@@ -151,9 +142,9 @@ class Notice extends BaseComponent {
     } = this.state;
     const wrapper = cls(prefixCls, className, {
       ["".concat(prefixCls, "-close")]: !visible,
-      ["".concat(prefixCls, "-icon-show")]: _includesInstanceProperty(types).call(types, type),
-      [_concatInstanceProperty(_context2 = "".concat(prefixCls, "-")).call(_context2, type)]: true,
-      [_concatInstanceProperty(_context3 = "".concat(prefixCls, "-")).call(_context3, theme)]: theme === 'light',
+      ["".concat(prefixCls, "-icon-show")]: types.includes(type),
+      ["".concat(prefixCls, "-").concat(type)]: true,
+      ["".concat(prefixCls, "-").concat(theme)]: theme === 'light',
       ["".concat(prefixCls, "-rtl")]: direction === 'rtl'
     });
     const titleID = getUuidShort({});

package/lib/es/notification/useNotification/HookNotice.js

@@ -1,14 +1,10 @@
-import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
 
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && _indexOfInstanceProperty(e).call(e, p) < 0) t[p] = s[p];
+  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 (_indexOfInstanceProperty(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  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;
 };
@@ -38,7 +34,7 @@ const HookNotice = (_a, ref) => {
       afterClose(String(config.id));
     }
   }, [visible]);
-  return visible ? /*#__PURE__*/React.createElement(Notice, _Object$assign({}, config, {
+  return visible ? /*#__PURE__*/React.createElement(Notice, Object.assign({}, config, {
     onHookClose: close
   })) : null;
 };

package/lib/es/notification/useNotification/index.js

@@ -1,10 +1,3 @@
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _Object$entries from "@babel/runtime-corejs3/core-js-stable/object/entries";
-import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
-import _Map from "@babel/runtime-corejs3/core-js-stable/map";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React, { useState } from 'react';
 import cls from 'classnames';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/notification/constants';
@@ -30,7 +23,7 @@ function usePatchElement() {
       config
     }, ...originElements]);
     return id => {
-      setElements(originElements => _filterInstanceProperty(originElements).call(originElements, _ref => {
+      setElements(originElements => originElements.filter(_ref => {
         let {
           config: configOfCurrentElement
         } = _ref;
@@ -40,8 +33,6 @@ function usePatchElement() {
   }
 
   function renderList() {
-    var _context;
-
     const noticesInPosition = {
       top: [],
       topLeft: [],
@@ -50,8 +41,7 @@ function usePatchElement() {
       bottomLeft: [],
       bottomRight: []
     };
-
-    _forEachInstanceProperty(elements).call(elements, _ref2 => {
+    elements.forEach(_ref2 => {
       let {
         element,
         config
@@ -61,12 +51,11 @@ function usePatchElement() {
       } = config;
       noticesInPosition[position].push(element);
     });
-
-    return _mapInstanceProperty(_context = _Object$entries(noticesInPosition)).call(_context, obj => {
+    return Object.entries(noticesInPosition).map(obj => {
       const pos = obj[0];
       const notices = obj[1]; // @ts-ignore
 
-      return _Array$isArray(notices) && notices.length ? /*#__PURE__*/React.createElement("div", {
+      return Array.isArray(notices) && notices.length ? /*#__PURE__*/React.createElement("div", {
         key: pos,
         className: cls(cssClasses.LIST),
         placement: pos
@@ -79,29 +68,27 @@ function usePatchElement() {
 
 export default function useNotification() {
   const [elements, patchElement] = usePatchElement();
-  const noticeRef = new _Map();
+  const noticeRef = new Map();
 
   const addNotice = config => {
     const id = getUuid('semi_notice_');
-
-    const mergeConfig = _Object$assign(_Object$assign({}, config), {
+    const mergeConfig = Object.assign(Object.assign({}, config), {
       id
     }); // eslint-disable-next-line prefer-const
 
-
     let closeFunc;
 
     const ref = ele => {
       noticeRef.set(id, ele);
     };
 
-    const notice = /*#__PURE__*/React.createElement(HookNotice, _Object$assign({
+    const notice = /*#__PURE__*/React.createElement(HookNotice, Object.assign({
       key: id
     }, mergeConfig, {
       afterClose: instanceID => closeFunc(instanceID),
       ref: ref
     }));
-    closeFunc = patchElement(notice, _Object$assign({}, mergeConfig));
+    closeFunc = patchElement(notice, Object.assign({}, mergeConfig));
     return id;
   };
 
@@ -111,19 +98,19 @@ export default function useNotification() {
   };
 
   return [{
-    success: config => addNotice(_Object$assign(_Object$assign(_Object$assign({}, defaultConfig), config), {
+    success: config => addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), config), {
       type: 'success'
     })),
-    info: config => addNotice(_Object$assign(_Object$assign(_Object$assign({}, defaultConfig), config), {
+    info: config => addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), config), {
       type: 'info'
     })),
-    error: config => addNotice(_Object$assign(_Object$assign(_Object$assign({}, defaultConfig), config), {
+    error: config => addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), config), {
       type: 'error'
     })),
-    warning: config => addNotice(_Object$assign(_Object$assign(_Object$assign({}, defaultConfig), config), {
+    warning: config => addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), config), {
       type: 'warning'
     })),
-    open: config => addNotice(_Object$assign(_Object$assign(_Object$assign({}, defaultConfig), config), {
+    open: config => addNotice(Object.assign(Object.assign(Object.assign({}, defaultConfig), config), {
       type: 'default'
     })),
     close: removeElement

package/lib/es/overflowList/index.js

@@ -2,11 +2,6 @@ import _isUndefined from "lodash/isUndefined";
 import _isNull from "lodash/isNull";
 import _omit from "lodash/omit";
 import _isEqual from "lodash/isEqual";
-import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/some";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _Map from "@babel/runtime-corejs3/core-js-stable/map";
 
 /* eslint-disable arrow-body-style */
 import React from 'react';
@@ -41,16 +36,15 @@ class OverflowList extends BaseComponent {
 
     this.resize = function () {
       let entries = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
       // if any parent is growing, assume we have more room than before
-      const growing = _someInstanceProperty(entries).call(entries, entry => {
+      const growing = entries.some(entry => {
         const previousWidth = _this.previousWidths.get(entry.target) || 0;
         return entry.contentRect.width > previousWidth;
       });
 
       _this.repartition(growing);
 
-      _forEachInstanceProperty(entries).call(entries, entry => _this.previousWidths.set(entry.target, entry.contentRect.width));
+      entries.forEach(entry => _this.previousWidths.set(entry.target, entry.contentRect.width));
     };
 
     this.repartition = growing => {
@@ -84,8 +78,6 @@ class OverflowList extends BaseComponent {
     };
 
     this.renderItemList = () => {
-      var _context;
-
       const {
         className,
         wrapperClassName,
@@ -104,9 +96,9 @@ class OverflowList extends BaseComponent {
         ref: ref => {
           this.scroller = ref;
         },
-        style: _Object$assign({}, wrapperStyle),
+        style: Object.assign({}, wrapperStyle),
         key: "".concat(prefixCls, "-scroll-wrapper")
-      }, _mapInstanceProperty(_context = _mapInstanceProperty(visible).call(visible, visibleItemRenderer)).call(_context, (item, ind) => {
+      }, visible.map(visibleItemRenderer).map((item, ind) => {
         const {
           forwardRef,
           key
@@ -116,7 +108,7 @@ class OverflowList extends BaseComponent {
           'data-scrollkey': "".concat(key),
           key
         });
-      })), overflow[1]] : [collapseFrom === Boundary.START ? overflow : null, _mapInstanceProperty(visible).call(visible, visibleItemRenderer), collapseFrom === Boundary.END ? overflow : null, /*#__PURE__*/React.createElement("div", {
+      })), overflow[1]] : [collapseFrom === Boundary.START ? overflow : null, visible.map(visibleItemRenderer), collapseFrom === Boundary.END ? overflow : null, /*#__PURE__*/React.createElement("div", {
         className: "".concat(prefixCls, "-spacer"),
         ref: ref => this.spacer = ref,
         key: "".concat(prefixCls, "-spacer")
@@ -133,12 +125,12 @@ class OverflowList extends BaseComponent {
       lastOverflowCount: 0,
       overflow: [],
       visible: props.items,
-      visibleState: new _Map()
+      visibleState: new Map()
     };
     this.foundation = new OverflowListFoundation(this.adapter);
-    this.previousWidths = new _Map();
+    this.previousWidths = new Map();
     this.itemRefs = {};
-    this.itemSizeMap = new _Map();
+    this.itemSizeMap = new Map();
   }
 
   static getDerivedStateFromProps(props, prevState) {
@@ -164,14 +156,14 @@ class OverflowList extends BaseComponent {
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       updateVisibleState: visibleState => {
         this.setState({
           visibleState
         });
       },
       updateStates: states => {
-        this.setState(_Object$assign({}, states));
+        this.setState(Object.assign({}, states));
       },
       notifyIntersect: res => {
         this.props.onIntersect && this.props.onIntersect(res);

package/lib/es/overflowList/intersectionObserver.js

@@ -1,8 +1,5 @@
 import _isEmpty from "lodash/isEmpty";
 import _isEqual from "lodash/isEqual";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import React from 'react';
 import PropTypes from 'prop-types';
 export default class ReactIntersectionObserver extends React.PureComponent {
@@ -10,7 +7,7 @@ export default class ReactIntersectionObserver extends React.PureComponent {
     const {
       items
     } = this.props;
-    this.cachedKeys = _Object$keys(items);
+    this.cachedKeys = Object.keys(items);
     const {
       root,
       threshold,
@@ -18,7 +15,7 @@ export default class ReactIntersectionObserver extends React.PureComponent {
       option,
       onIntersect
     } = this.props;
-    this.observer = new IntersectionObserver(onIntersect, _Object$assign({
+    this.observer = new IntersectionObserver(onIntersect, Object.assign({
       root,
       threshold,
       rootMargin
@@ -30,8 +27,7 @@ export default class ReactIntersectionObserver extends React.PureComponent {
     const {
       items
     } = this.props;
-
-    const itemKeys = _Object$keys(items);
+    const itemKeys = Object.keys(items);
 
     if (!_isEqual(this.cachedKeys, itemKeys)) {
       this.observeElement(true);
@@ -47,8 +43,6 @@ export default class ReactIntersectionObserver extends React.PureComponent {
   }
 
   observeElement() {
-    var _context;
-
     let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     const {
       items
@@ -65,7 +59,7 @@ export default class ReactIntersectionObserver extends React.PureComponent {
     } // observer callback is invoked immediately when observing new elements
 
 
-    _forEachInstanceProperty(_context = _Object$keys(items)).call(_context, key => {
+    Object.keys(items).forEach(key => {
       const node = items[key];
 
       if (!node) {

package/lib/es/pagination/index.js

@@ -1,9 +1,4 @@
 import _noop from "lodash/noop";
-import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 
 /* eslint-disable max-len */
 
@@ -30,8 +25,6 @@ const {
 } = Select;
 export default class Pagination extends BaseComponent {
   constructor(props) {
-    var _context, _context2;
-
     super(props);
     this.state = {
       total: props.total,
@@ -46,13 +39,13 @@ export default class Pagination extends BaseComponent {
       quickJumpPage: ''
     };
     this.foundation = new PaginationFoundation(this.adapter);
-    this.renderDefaultPage = _bindInstanceProperty(_context = this.renderDefaultPage).call(_context, this);
-    this.renderSmallPage = _bindInstanceProperty(_context2 = this.renderSmallPage).call(_context2, this);
+    this.renderDefaultPage = this.renderDefaultPage.bind(this);
+    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), {
+    return Object.assign(Object.assign({}, super.adapter), {
       setPageList: pageListState => {
         const {
           pageList,
@@ -206,12 +199,10 @@ export default class Pagination extends BaseComponent {
 
     const pageSizeText = locale.pageSize;
     const newPageSizeOpts = this.foundation.pageSizeInOpts();
-
-    const options = _mapInstanceProperty(newPageSizeOpts).call(newPageSizeOpts, size => /*#__PURE__*/React.createElement(Option, {
+    const options = newPageSizeOpts.map(size => /*#__PURE__*/React.createElement(Option, {
       value: size,
       key: size
     }, /*#__PURE__*/React.createElement("span", null, "".concat(size, " "), pageSizeText)));
-
     return /*#__PURE__*/React.createElement("div", {
       className: switchCls
     }, /*#__PURE__*/React.createElement(Select, {
@@ -270,15 +261,13 @@ export default class Pagination extends BaseComponent {
       popoverPosition,
       popoverZIndex
     } = this.props;
-    return _mapInstanceProperty(pageList).call(pageList, (page, i) => {
-      var _context3;
-
+    return pageList.map((page, i) => {
       const pageListClassName = classNames("".concat(prefixCls, "-item"), {
         ["".concat(prefixCls, "-item-active")]: currentPage === page // [`${prefixCls}-item-rest-opening`]: (i < 3 && isLeftRestHover && page ==='...') || (i > 3 && isRightRestHover && page === '...')
 
       });
       const pageEl = /*#__PURE__*/React.createElement("li", {
-        key: _concatInstanceProperty(_context3 = "".concat(page)).call(_context3, i),
+        key: "".concat(page).concat(i),
         onClick: () => this.foundation.goPage(page, i),
         className: pageListClassName,
         "aria-label": page === '...' ? 'More' : "Page ".concat(page),
@@ -286,15 +275,13 @@ export default class Pagination extends BaseComponent {
       }, page);
 
       if (page === '...') {
-        var _context4;
-
         let content;
         i < 3 ? content = restLeftPageList : content = restRightPageList;
         return /*#__PURE__*/React.createElement(Popover, {
           trigger: "hover",
           // onVisibleChange={visible=>this.handleRestHover(visible, i < 3 ? 'left' : 'right')}
           content: this.renderRestPageList(content),
-          key: _concatInstanceProperty(_context4 = "".concat(page)).call(_context4, i),
+          key: "".concat(page).concat(i),
           position: popoverPosition,
           zIndex: popoverZIndex
         }, pageEl);
@@ -313,8 +300,6 @@ export default class Pagination extends BaseComponent {
     const count = restList.length;
 
     const row = item => {
-      var _context5;
-
       const {
         index,
         style
@@ -322,7 +307,7 @@ export default class Pagination extends BaseComponent {
       const page = restList[index];
       return /*#__PURE__*/React.createElement("div", {
         role: "listitem",
-        key: _concatInstanceProperty(_context5 = "".concat(page)).call(_context5, index),
+        key: "".concat(page).concat(index),
         className: className,
         onClick: () => this.foundation.goPage(page, index),
         style: style,
@@ -350,8 +335,6 @@ export default class Pagination extends BaseComponent {
   }
 
   renderSmallPage(locale) {
-    var _context6;
-
     const {
       className,
       style,
@@ -371,13 +354,12 @@ export default class Pagination extends BaseComponent {
       return null;
     }
 
-    const pageNumbers = _Array$from({
+    const pageNumbers = Array.from({
       length: Math.ceil(total / pageSize)
     }, (v, i) => i + 1);
-
     const pageList = this.renderRestPageList(pageNumbers);
     const page = /*#__PURE__*/React.createElement("div", {
-      className: _concatInstanceProperty(_context6 = "".concat(prefixCls, "-item ")).call(_context6, prefixCls, "-item-small")
+      className: "".concat(prefixCls, "-item ").concat(prefixCls, "-item-small")
     }, currentPage, "/", totalPageNum, " ");
     return /*#__PURE__*/React.createElement("div", {
       className: paginationCls,

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

@@ -27,15 +27,13 @@ export interface PopconfirmProps extends PopoverProps {
     zIndex?: number;
     trigger?: Trigger;
     position?: Position;
-    onCancel?: (e: React.MouseEvent) => Promise<any> | void;
-    onConfirm?: (e: React.MouseEvent) => Promise<any> | void;
+    onCancel?: (e: React.MouseEvent) => void;
+    onConfirm?: (e: React.MouseEvent) => void;
     onVisibleChange?: (visible: boolean) => void;
     onClickOutSide?: (e: React.MouseEvent) => void;
 }
 export interface PopconfirmState {
     visible: boolean;
-    cancelLoading: boolean;
-    confirmLoading: boolean;
 }
 export default class Popconfirm extends BaseComponent<PopconfirmProps, PopconfirmState> {
     static contextType: React.Context<ContextValue>;

package/lib/es/popconfirm/index.js

@@ -1,16 +1,13 @@
 import _get from "lodash/get";
 import _noop from "lodash/noop";
-import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
 
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && _indexOfInstanceProperty(e).call(e, p) < 0) t[p] = s[p];
+  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 (_indexOfInstanceProperty(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  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;
 };
@@ -44,8 +41,6 @@ export default class Popconfirm extends BaseComponent {
     this.stopImmediatePropagation = e => e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation();
 
     this.state = {
-      cancelLoading: false,
-      confirmLoading: false,
       visible: props.defaultVisible || false
     };
     this.foundation = new PopconfirmFoundation(this.adapter);
@@ -65,16 +60,10 @@ export default class Popconfirm extends BaseComponent {
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       setVisible: visible => this.setState({
         visible
       }),
-      updateConfirmLoading: loading => this.setState({
-        confirmLoading: loading
-      }),
-      updateCancelLoading: loading => this.setState({
-        cancelLoading: loading
-      }),
       notifyConfirm: e => this.props.onConfirm(e),
       notifyCancel: e => this.props.onCancel(e),
       notifyVisibleChange: visible => this.props.onVisibleChange(visible),
@@ -91,21 +80,15 @@ export default class Popconfirm extends BaseComponent {
       cancelButtonProps,
       okButtonProps
     } = this.props;
-    const {
-      cancelLoading,
-      confirmLoading
-    } = this.state;
     return /*#__PURE__*/React.createElement(LocaleConsumer, {
       componentName: "Popconfirm"
-    }, (locale, localeCode) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, _Object$assign({
+    }, (locale, localeCode) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, Object.assign({
       type: cancelType,
-      onClick: this.handleCancel,
-      loading: cancelLoading
-    }, cancelButtonProps), cancelText || _get(locale, 'cancel')), /*#__PURE__*/React.createElement(Button, _Object$assign({
+      onClick: this.handleCancel
+    }, cancelButtonProps), cancelText || _get(locale, 'cancel')), /*#__PURE__*/React.createElement(Button, Object.assign({
       type: okType,
       theme: "solid",
-      onClick: this.handleConfirm,
-      loading: confirmLoading
+      onClick: this.handleConfirm
     }, okButtonProps), okText || _get(locale, 'confirm'))));
   }
 
@@ -127,39 +110,35 @@ export default class Popconfirm extends BaseComponent {
     });
     const showTitle = title !== null && typeof title !== 'undefined';
     const showContent = !(content === null || typeof content === 'undefined');
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-      React.createElement("div", {
-        className: popCardCls,
-        onClick: this.stopImmediatePropagation,
-        style: style
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-inner")
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-header")
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "".concat(prefixCls, "-header-icon"),
-        "x-semi-prop": "icon"
-      }, /*#__PURE__*/React.isValidElement(icon) ? icon : null), /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-header-body")
-      }, showTitle ? /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-header-title"),
-        "x-semi-prop": "title"
-      }, title) : null), /*#__PURE__*/React.createElement(Button, {
-        className: "".concat(prefixCls, "-btn-close"),
-        icon: /*#__PURE__*/React.createElement(IconClose, null),
-        size: "small",
-        theme: 'borderless',
-        type: cancelType,
-        onClick: this.handleCancel
-      })), showContent ? /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-body"),
-        "x-semi-prop": "content"
-      }, content) : null, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-footer")
-      }, this.renderControls())))
-    );
+    return /*#__PURE__*/React.createElement("div", {
+      className: popCardCls,
+      onClick: this.stopImmediatePropagation,
+      style: style
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-inner")
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-header")
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "".concat(prefixCls, "-header-icon"),
+      "x-semi-prop": "icon"
+    }, /*#__PURE__*/React.isValidElement(icon) ? icon : null), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-header-body")
+    }, showTitle ? /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-header-title"),
+      "x-semi-prop": "title"
+    }, title) : null), /*#__PURE__*/React.createElement(Button, {
+      className: "".concat(prefixCls, "-btn-close"),
+      icon: /*#__PURE__*/React.createElement(IconClose, null),
+      size: "small",
+      theme: 'borderless',
+      type: cancelType,
+      onClick: this.handleCancel
+    })), showContent ? /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-body"),
+      "x-semi-prop": "content"
+    }, content) : null, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-footer")
+    }, this.renderControls())));
   }
 
   render() {
@@ -198,7 +177,7 @@ export default class Popconfirm extends BaseComponent {
       popProps.trigger = 'custom';
     }
 
-    return /*#__PURE__*/React.createElement(Popover, _Object$assign({}, attrs, {
+    return /*#__PURE__*/React.createElement(Popover, Object.assign({}, attrs, {
       content: popContent,
       visible: visible,
       position: position