@douyinfe/semi-ui 2.1.1 → 2.1.2

package/lib/cjs/popconfirm/index.js

@@ -0,0 +1,262 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _get2 = _interopRequireDefault(require("lodash/get"));
+
+var _noop2 = _interopRequireDefault(require("lodash/noop"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/popconfirm/constants");
+
+var _popconfirmFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/popconfirm/popconfirmFoundation"));
+
+var _semiIcons = require("@douyinfe/semi-icons");
+
+var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
+
+var _popover = _interopRequireDefault(require("../popover"));
+
+var _button = _interopRequireDefault(require("../button"));
+
+var _context = _interopRequireDefault(require("../configProvider/context"));
+
+var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
+
+require("@douyinfe/semi-foundation/lib/cjs/popconfirm/popconfirm.css");
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
+
+  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
+    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+/* eslint-disable max-len */
+
+
+class Popconfirm extends _baseComponent.default {
+  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.state = {
+      visible: props.defaultVisible || false
+    };
+    this.foundation = new _popconfirmFoundation.default(this.adapter);
+  }
+
+  static getDerivedStateFromProps(props, state) {
+    const willUpdateStates = {};
+    const {
+      hasOwnProperty
+    } = Object.prototype;
+
+    if (hasOwnProperty.call(props, 'visible')) {
+      willUpdateStates.visible = props.visible;
+    }
+
+    return willUpdateStates;
+  }
+
+  get adapter() {
+    return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
+      setVisible: visible => this.setState({
+        visible
+      }),
+      notifyConfirm: e => this.props.onConfirm(e),
+      notifyCancel: e => this.props.onCancel(e),
+      notifyVisibleChange: visible => this.props.onVisibleChange(visible),
+      notifyClickOutSide: e => this.props.onClickOutSide(e)
+    });
+  }
+
+  renderControls() {
+    const {
+      okText,
+      cancelText,
+      okType,
+      cancelType,
+      cancelButtonProps,
+      okButtonProps
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
+      componentName: "Popconfirm"
+    }, (locale, localeCode) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_button.default, (0, _assign.default)({
+      type: cancelType,
+      onClick: this.handleCancel
+    }, cancelButtonProps), cancelText || (0, _get2.default)(locale, 'cancel')), /*#__PURE__*/_react.default.createElement(_button.default, (0, _assign.default)({
+      type: okType,
+      theme: "solid",
+      onClick: this.handleConfirm
+    }, okButtonProps), okText || (0, _get2.default)(locale, 'confirm'))));
+  }
+
+  renderConfirmPopCard() {
+    const {
+      content,
+      title,
+      className,
+      style,
+      cancelType,
+      icon,
+      prefixCls
+    } = this.props;
+    const {
+      direction
+    } = this.context;
+    const popCardCls = (0, _classnames.default)(prefixCls, className, {
+      ["".concat(prefixCls, "-rtl")]: direction === 'rtl'
+    });
+    const showTitle = title !== null && typeof title !== 'undefined';
+    const showContent = content !== null || typeof content !== 'undefined';
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: popCardCls,
+      onClick: this.stopImmediatePropagation,
+      style: style
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-inner")
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-header")
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: "".concat(prefixCls, "-header-icon")
+    }, /*#__PURE__*/_react.default.isValidElement(icon) ? icon : null), /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-header-body")
+    }, showTitle ? /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-header-title")
+    }, title) : null, showContent ? /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-header-content")
+    }, content) : null), /*#__PURE__*/_react.default.createElement(_button.default, {
+      className: "".concat(prefixCls, "-btn-close"),
+      icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, null),
+      size: "small",
+      theme: 'borderless',
+      type: cancelType,
+      onClick: this.handleCancel
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-footer")
+    }, this.renderControls())));
+  }
+
+  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"]);
+
+    if (disabled) {
+      return children;
+    }
+
+    const {
+      visible
+    } = this.state;
+    const popContent = this.renderConfirmPopCard();
+    const popProps = {
+      onVisibleChange: this.handleVisibleChange,
+      className: _constants.cssClasses.POPOVER,
+      onClickOutSide: this.handleClickOutSide
+    };
+
+    if (this.isControlled('visible')) {
+      popProps.trigger = 'custom';
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_popover.default, (0, _assign.default)({}, attrs, {
+      content: popContent,
+      visible: visible,
+      position: position
+    }, popProps), children);
+  }
+
+}
+
+exports.default = Popconfirm;
+Popconfirm.contextType = _context.default;
+Popconfirm.propTypes = {
+  motion: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func, _propTypes.default.object]),
+  disabled: _propTypes.default.bool,
+  content: _propTypes.default.any,
+  title: _propTypes.default.any,
+  prefixCls: _propTypes.default.string,
+  className: _propTypes.default.string,
+  style: _propTypes.default.object,
+  icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+  okText: _propTypes.default.string,
+  okType: _propTypes.default.string,
+  cancelText: _propTypes.default.string,
+  cancelType: _propTypes.default.string,
+  onCancel: _propTypes.default.func,
+  onConfirm: _propTypes.default.func,
+  onClickOutSide: _propTypes.default.func,
+  onVisibleChange: _propTypes.default.func,
+  visible: _propTypes.default.bool,
+  defaultVisible: _propTypes.default.bool,
+  okButtonProps: _propTypes.default.object,
+  cancelButtonProps: _propTypes.default.object,
+  stopPropagation: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
+  zIndex: _propTypes.default.number,
+  // private
+  trigger: _propTypes.default.string,
+  position: _propTypes.default.string
+};
+Popconfirm.defaultProps = {
+  stopPropagation: true,
+  trigger: 'click',
+  // position: 'bottomLeft',
+  onVisibleChange: _noop2.default,
+  disabled: false,
+  icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconAlertTriangle, {
+    size: "extra-large"
+  }),
+  okType: 'primary',
+  cancelType: 'tertiary',
+  prefixCls: _constants.cssClasses.PREFIX,
+  zIndex: _constants.numbers.DEFAULT_Z_INDEX,
+  onCancel: _noop2.default,
+  onConfirm: _noop2.default,
+  onClickOutSide: _noop2.default
+};

package/lib/cjs/popover/Arrow.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ArrowProps {
+    position?: string;
+    className?: string;
+    arrowStyle?: React.CSSProperties;
+    popStyle?: React.CSSProperties;
+}
+declare const Arrow: React.FC<ArrowProps>;
+export default Arrow;

package/lib/cjs/popover/Arrow.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _get2 = _interopRequireDefault(require("lodash/get"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/popover/constants");
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
+
+  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
+    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+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"]);
+
+  const isVertical = (0, _indexOf.default)(position).call(position, 'top') === 0 || (0, _indexOf.default)(position).call(position, 'bottom') === 0;
+  const cls = (0, _classnames.default)(className, _constants.cssClasses.ARROW);
+  const borderOpacity = (0, _get2.default)(arrowStyle, 'borderOpacity', _constants.strings.DEFAULT_ARROW_STYLE.borderOpacity);
+  const bgColor = (0, _get2.default)(arrowStyle, 'backgroundColor', (0, _get2.default)(popStyle, 'backgroundColor', _constants.strings.DEFAULT_ARROW_STYLE.backgroundColor));
+  const borderColor = (0, _get2.default)(arrowStyle, 'borderColor', (0, _get2.default)(popStyle, 'borderColor', _constants.strings.DEFAULT_ARROW_STYLE.borderColor));
+  const wrapProps = (0, _assign.default)((0, _assign.default)({}, rest), {
+    width: _constants.numbers.ARROW_BOUNDING.width,
+    height: _constants.numbers.ARROW_BOUNDING.height,
+    xmlns: 'http://www.w3.org/2000/svg',
+    className: cls
+  });
+  return isVertical ? /*#__PURE__*/_react.default.createElement("svg", (0, _assign.default)({}, wrapProps), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M0 0.5L0 1.5C4 1.5, 5.5 3, 7.5 5S10,8 12,8S14.5 7, 16.5 5S20,1.5 24,1.5L24 0.5L0 0.5z",
+    fill: borderColor,
+    opacity: borderOpacity
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M0 0L0 1C4 1, 5.5 2, 7.5 4S10,7 12,7S14.5  6, 16.5 4S20,1 24,1L24 0L0 0z",
+    fill: bgColor
+  })) : /*#__PURE__*/_react.default.createElement("svg", (0, _assign.default)({}, wrapProps), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M0.5 0L1.5 0C1.5 4, 3 5.5, 5 7.5S8,10 8,12S7 14.5, 5 16.5S1.5,20 1.5,24L0.5 24L0.5 0z",
+    fill: borderColor,
+    opacity: borderOpacity
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M0 0L1 0C1 4, 2 5.5, 4 7.5S7,10 7,12S6 14.5, 4 16.5S1,20 1,24L0 24L0 0z",
+    fill: bgColor
+  }));
+};
+
+Arrow.propTypes = {
+  position: _propTypes.default.string,
+  className: _propTypes.default.string,
+  arrowStyle: _propTypes.default.object,
+  popStyle: _propTypes.default.object
+};
+var _default = Arrow;
+exports.default = _default;

package/lib/cjs/popover/index.d.ts

@@ -0,0 +1,89 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ArrowBounding, Position, Trigger } from '../tooltip/index';
+import '@douyinfe/semi-foundation/lib/cjs/popover/popover.css';
+import { BaseProps } from '../_base/baseComponent';
+import { Motion } from '../_base/base';
+export { ArrowProps } from './Arrow';
+declare interface ArrowStyle {
+    borderColor?: string;
+    backgroundColor?: string;
+    borderOpacity?: string | number;
+}
+export interface PopoverProps extends BaseProps {
+    children?: React.ReactNode;
+    content?: React.ReactNode;
+    visible?: boolean;
+    autoAdjustOverflow?: boolean;
+    motion?: Motion;
+    position?: Position;
+    mouseEnterDelay?: number;
+    mouseLeaveDelay?: number;
+    trigger?: Trigger;
+    contentClassName?: string | any[];
+    onVisibleChange?: (visible: boolean) => void;
+    onClickOutSide?: (e: React.MouseEvent) => void;
+    showArrow?: boolean;
+    spacing?: number;
+    stopPropagation?: boolean | string;
+    arrowStyle?: ArrowStyle;
+    arrowBounding?: ArrowBounding;
+    arrowPointAtCenter?: boolean;
+    prefixCls?: string;
+    rePosKey?: string | number;
+    getPopupContainer?: () => HTMLElement;
+    zIndex?: number;
+}
+export interface PopoverState {
+    popConfirmVisible: boolean;
+}
+declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
+    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        visible: PropTypes.Requireable<boolean>;
+        autoAdjustOverflow: PropTypes.Requireable<boolean>;
+        motion: PropTypes.Requireable<boolean | object>;
+        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        mouseEnterDelay: PropTypes.Requireable<number>;
+        mouseLeaveDelay: PropTypes.Requireable<number>;
+        trigger: PropTypes.Validator<"hover" | "focus" | "click" | "custom">;
+        contentClassName: PropTypes.Requireable<string | any[]>;
+        onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
+        style: PropTypes.Requireable<object>;
+        spacing: PropTypes.Requireable<number>;
+        zIndex: PropTypes.Requireable<number>;
+        showArrow: PropTypes.Requireable<boolean>;
+        arrowStyle: PropTypes.Requireable<PropTypes.InferProps<{
+            borderColor: PropTypes.Requireable<string>;
+            backgroundColor: PropTypes.Requireable<string>;
+            borderOpacity: PropTypes.Requireable<string | number>;
+        }>>;
+        arrowPointAtCenter: PropTypes.Requireable<boolean>;
+        arrowBounding: PropTypes.Requireable<object>;
+        prefixCls: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        arrowBounding: {
+            offsetY: number;
+            offsetX: number;
+            height: number;
+            width: 24;
+        };
+        showArrow: boolean;
+        autoAdjustOverflow: boolean;
+        zIndex: number;
+        motion: boolean;
+        trigger: string;
+        cancelText: string;
+        okText: string;
+        position: string;
+        prefixCls: string;
+        onClickOutSide: (...args: any[]) => void;
+    };
+    renderPopCard(): JSX.Element;
+    render(): JSX.Element;
+}
+export default Popover;

package/lib/cjs/popover/index.js

@@ -0,0 +1,155 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _noop2 = _interopRequireDefault(require("lodash/noop"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _context = _interopRequireDefault(require("../configProvider/context"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/popover/constants");
+
+var _index = _interopRequireDefault(require("../tooltip/index"));
+
+var _Arrow = _interopRequireDefault(require("./Arrow"));
+
+require("@douyinfe/semi-foundation/lib/cjs/popover/popover.css");
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
+
+  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
+    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+const positionSet = _constants.strings.POSITION_SET;
+const triggerSet = _constants.strings.TRIGGER_SET;
+
+class Popover extends _react.default.PureComponent {
+  renderPopCard() {
+    const {
+      content,
+      contentClassName,
+      prefixCls
+    } = this.props;
+    const {
+      direction
+    } = this.context;
+    const popCardCls = (0, _classnames.default)(prefixCls, contentClassName, {
+      ["".concat(prefixCls, "-rtl")]: direction === 'rtl'
+    });
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: popCardCls
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-content")
+    }, content));
+  }
+
+  render() {
+    const _a = this.props,
+          {
+      children,
+      prefixCls,
+      showArrow,
+      arrowStyle = {},
+      arrowBounding,
+      position,
+      style
+    } = _a,
+          attr = __rest(_a, ["children", "prefixCls", "showArrow", "arrowStyle", "arrowBounding", "position", "style"]);
+
+    let {
+      spacing
+    } = this.props;
+    const popContent = this.renderPopCard();
+    const arrowProps = {
+      position,
+      className: '',
+      popStyle: style,
+      arrowStyle
+    };
+    const arrow = showArrow ? /*#__PURE__*/_react.default.createElement(_Arrow.default, (0, _assign.default)({}, arrowProps)) : false;
+
+    if (typeof spacing !== 'number') {
+      spacing = showArrow ? _constants.numbers.SPACING_WITH_ARROW : _constants.numbers.SPACING;
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_index.default, (0, _assign.default)({}, attr, {
+      position: position,
+      style: style,
+      content: popContent,
+      prefixCls: prefixCls,
+      spacing: spacing,
+      showArrow: arrow,
+      arrowBounding: arrowBounding
+    }), children);
+  }
+
+}
+
+Popover.contextType = _context.default;
+Popover.propTypes = {
+  children: _propTypes.default.node,
+  content: _propTypes.default.node,
+  visible: _propTypes.default.bool,
+  autoAdjustOverflow: _propTypes.default.bool,
+  motion: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object, _propTypes.default.func]),
+  position: _propTypes.default.oneOf(positionSet),
+  // getPopupContainer: PropTypes.func,
+  mouseEnterDelay: _propTypes.default.number,
+  mouseLeaveDelay: _propTypes.default.number,
+  trigger: _propTypes.default.oneOf(triggerSet).isRequired,
+  contentClassName: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),
+  onVisibleChange: _propTypes.default.func,
+  onClickOutSide: _propTypes.default.func,
+  style: _propTypes.default.object,
+  spacing: _propTypes.default.number,
+  zIndex: _propTypes.default.number,
+  showArrow: _propTypes.default.bool,
+  arrowStyle: _propTypes.default.shape({
+    borderColor: _propTypes.default.string,
+    backgroundColor: _propTypes.default.string,
+    borderOpacity: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
+  }),
+  arrowPointAtCenter: _propTypes.default.bool,
+  arrowBounding: _propTypes.default.object,
+  prefixCls: _propTypes.default.string
+};
+Popover.defaultProps = {
+  arrowBounding: _constants.numbers.ARROW_BOUNDING,
+  showArrow: false,
+  autoAdjustOverflow: true,
+  zIndex: _constants.numbers.DEFAULT_Z_INDEX,
+  motion: true,
+  trigger: 'hover',
+  cancelText: 'No',
+  okText: 'Yes',
+  position: 'bottom',
+  prefixCls: _constants.cssClasses.PREFIX,
+  onClickOutSide: _noop2.default
+};
+var _default = Popover;
+exports.default = _default;

package/lib/cjs/progress/index.d.ts

@@ -0,0 +1,68 @@
+import React, { ReactNode, Component } from 'react';
+import PropTypes from 'prop-types';
+import '@douyinfe/semi-foundation/lib/cjs/progress/progress.css';
+import { Animation } from '@douyinfe/semi-animation';
+import { Motion } from '../_base/base';
+export interface ProgressProps {
+    className?: string;
+    direction?: 'horizontal' | 'vertical';
+    format?: (percent: number) => React.ReactNode;
+    motion?: Motion;
+    orbitStroke?: string;
+    percent?: number;
+    showInfo?: boolean;
+    size?: 'default' | 'small' | 'large';
+    stroke?: string;
+    strokeLinecap?: 'round' | 'square';
+    strokeWidth?: number;
+    style?: React.CSSProperties;
+    type?: 'line' | 'circle';
+    width?: number;
+}
+export interface ProgressState {
+    percentNumber: number;
+}
+declare class Progress extends Component<ProgressProps, ProgressState> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        direction: PropTypes.Requireable<string>;
+        format: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        motion: PropTypes.Requireable<boolean | object>;
+        orbitStroke: PropTypes.Requireable<string>;
+        percent: PropTypes.Requireable<number>;
+        scale: PropTypes.Requireable<number>;
+        showInfo: PropTypes.Requireable<boolean>;
+        size: PropTypes.Requireable<string>;
+        stroke: PropTypes.Requireable<string>;
+        strokeLinecap: PropTypes.Requireable<string>;
+        strokeWidth: PropTypes.Requireable<number>;
+        style: PropTypes.Requireable<object>;
+        type: PropTypes.Requireable<string>;
+        width: PropTypes.Requireable<number>;
+    };
+    static defaultProps: {
+        className: string;
+        direction: string;
+        format: (text: string) => string;
+        motion: boolean;
+        orbitStroke: string;
+        percent: number;
+        showInfo: boolean;
+        size: string;
+        stroke: string;
+        strokeLinecap: string;
+        strokeWidth: number;
+        style: {};
+        type: string;
+    };
+    _mounted: boolean;
+    animation: Animation;
+    constructor(props: ProgressProps);
+    componentDidUpdate(prevProps: ProgressProps): void;
+    componentWillUnmount(): void;
+    renderCircleProgress(): ReactNode;
+    calcPercent(percent: number): number;
+    renderLineProgress(): ReactNode;
+    render(): ReactNode;
+}
+export default Progress;