@hi-ui/pop-confirm 4.1.0 → 4.2.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @hi-ui/pop-confirm
 
+## 4.2.0
+
+### Minor Changes
+
+- [#2667](https://github.com/XiaoMi/hiui/pull/2667) [`3e2e9c389`](https://github.com/XiaoMi/hiui/commit/3e2e9c389c15908b6dc70ad224253d8287273eea) Thanks [@zyprepare](https://github.com/zyprepare)! - feat: add content api
+
 ## 4.1.0
 
 ### Minor Changes

package/lib/cjs/PopConfirm.js

@@ -9,96 +9,68 @@
  */
 'use strict';
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var tslib = require('tslib');
-
 var React = require('react');
-
 var classname = require('@hi-ui/classname');
-
 var env = require('@hi-ui/env');
-
 var core = require('@hi-ui/core');
-
 var usePopConfirm = require('./use-pop-confirm.js');
-
 var Button = require('@hi-ui/button');
-
 var Popper = require('@hi-ui/popper');
-
 var index = require('./icons/index.js');
-
 var typeAssertion = require('@hi-ui/type-assertion');
-
-function _interopDefaultLegacy(e) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-
-var Popper__default = /*#__PURE__*/_interopDefaultLegacy(Popper);
-
 var POP_CONFIRM_PREFIX = classname.getPrefixCls('pop-confirm');
 /**
  * 气泡确认框
  */
-
 var PopConfirm = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? POP_CONFIRM_PREFIX : _a$prefixCls,
-      className = _a.className,
-      children = _a.children,
-      title = _a.title,
-      _a$icon = _a.icon,
-      icon = _a$icon === void 0 ? index.defaultTipIcon : _a$icon,
-      cancelTextProp = _a.cancelText,
-      confirmTextProp = _a.confirmText,
-      footer = _a.footer,
-      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "title", "icon", "cancelText", "confirmText", "footer"]);
-
+    prefixCls = _a$prefixCls === void 0 ? POP_CONFIRM_PREFIX : _a$prefixCls,
+    className = _a.className,
+    children = _a.children,
+    title = _a.title,
+    content = _a.content,
+    _a$icon = _a.icon,
+    icon = _a$icon === void 0 ? index.defaultTipIcon : _a$icon,
+    cancelTextProp = _a.cancelText,
+    confirmTextProp = _a.confirmText,
+    footer = _a.footer,
+    rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "title", "content", "icon", "cancelText", "confirmText", "footer"]);
   var i18n = core.useLocaleContext();
   var cancelText = typeAssertion.isUndef(cancelTextProp) ? i18n.get('popConfirm.cancelText') : cancelTextProp;
   var confirmText = typeAssertion.isUndef(confirmTextProp) ? i18n.get('popConfirm.confirmText') : confirmTextProp;
-
   var _usePopConfirm = usePopConfirm.usePopConfirm(rest),
-      rootProps = _usePopConfirm.rootProps,
-      getPopperProps = _usePopConfirm.getPopperProps,
-      getTriggerProps = _usePopConfirm.getTriggerProps,
-      onCancel = _usePopConfirm.onCancel,
-      onConfirm = _usePopConfirm.onConfirm;
-
+    rootProps = _usePopConfirm.rootProps,
+    getPopperProps = _usePopConfirm.getPopperProps,
+    getTriggerProps = _usePopConfirm.getTriggerProps,
+    onCancel = _usePopConfirm.onCancel,
+    onConfirm = _usePopConfirm.onConfirm;
   var cls = classname.cx(prefixCls, className);
   var hasConfirm = confirmText !== null;
   var hasCancel = cancelText !== null;
   var hasFooter = hasConfirm || hasCancel || footer !== null;
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].isValidElement(children) ? /*#__PURE__*/React__default["default"].cloneElement(children, // @ts-ignore
-  getTriggerProps(children.props, children.ref)) : null, /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], Object.assign({}, getPopperProps()), /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children,
+  // @ts-ignore
+  getTriggerProps(children.props, children.ref)) : null, /*#__PURE__*/React.createElement(Popper, Object.assign({}, getPopperProps()), /*#__PURE__*/React.createElement("div", Object.assign({
     ref: ref,
     className: cls
-  }, rootProps), /*#__PURE__*/React__default["default"].createElement("section", {
+  }, rootProps), /*#__PURE__*/React.createElement("section", {
     className: prefixCls + "__content"
-  }, icon ? /*#__PURE__*/React__default["default"].createElement("span", {
+  }, icon ? /*#__PURE__*/React.createElement("span", {
     className: prefixCls + "__content-icon"
-  }, icon) : null, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, icon) : null, /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "__content-title"
-  }, title)), hasFooter ? /*#__PURE__*/React__default["default"].createElement("footer", {
+  }, title)), content ? /*#__PURE__*/React.createElement("div", {
+    className: prefixCls + "__body"
+  }, content) : null, hasFooter ? /*#__PURE__*/React.createElement("footer", {
     className: prefixCls + "__footer"
-  }, footer === undefined ? [hasCancel ? /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
+  }, footer === undefined ? [hasCancel ? /*#__PURE__*/React.createElement(Button, {
     key: "1",
     className: prefixCls + "__btn-cancel",
     type: "default",
     size: "md",
     onClick: onCancel
-  }, cancelText) : null, hasConfirm ? /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
+  }, cancelText) : null, hasConfirm ? /*#__PURE__*/React.createElement(Button, {
     key: "2",
     className: prefixCls + "__btn-confirm",
     type: "primary",
@@ -106,9 +78,7 @@ var PopConfirm = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     onClick: onConfirm
   }, confirmText) : null] : footer) : null)));
 });
-
 if (env.__DEV__) {
   PopConfirm.displayName = 'PopConfirm';
 }
-
 exports.PopConfirm = PopConfirm;

package/lib/cjs/icons/index.js

@@ -9,23 +9,7 @@
  */
 'use strict';
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var React = require('react');
-
 var icons = require('@hi-ui/icons');
-
-function _interopDefaultLegacy(e) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var defaultTipIcon = /*#__PURE__*/React__default["default"].createElement(icons.ExclamationCircleFilled, null);
+var defaultTipIcon = /*#__PURE__*/React.createElement(icons.ExclamationCircleFilled, null);
 exports.defaultTipIcon = defaultTipIcon;

package/lib/cjs/index.js

@@ -12,10 +12,7 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-
 require('./styles/index.scss.js');
-
 var PopConfirm = require('./PopConfirm.js');
-
 exports.PopConfirm = PopConfirm.PopConfirm;
 exports["default"] = PopConfirm.PopConfirm;

package/lib/cjs/styles/index.scss.js

@@ -12,10 +12,7 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-var css_248z = ".hi-v4-pop-confirm {overflow-wrap: break-word;font-size: var(--hi-v4-text-size-md, 0.875rem);line-height: var(--hi-v4-text-lineheight-md, 1.375rem);position: relative;background: var(--hi-v4-color-static-white, #fff);white-space: nowrap;border-radius: var(--hi-v4-border-radius-lg, 6px);padding: var(--hi-v4-spacing-10, 20px);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.hi-v4-pop-confirm__content {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.hi-v4-pop-confirm__content-icon {margin-right: var(--hi-v4-spacing-4, 8px);color: var(--hi-v4-color-warning-500, var(--hi-v4-color-yellow-500, #fab007));font-size: var(--hi-v4-text-size-xxl, 1.5rem);}.hi-v4-pop-confirm__content-title {color: var(--hi-v4-color-gray-700, #1f2733);}.hi-v4-pop-confirm__footer {margin-top: var(--hi-v4-spacing-10, 20px);text-align: right;}";
-
+var css_248z = ".hi-v4-pop-confirm {overflow-wrap: break-word;font-size: var(--hi-v4-text-size-md, 0.875rem);line-height: var(--hi-v4-text-lineheight-md, 1.375rem);position: relative;background: var(--hi-v4-color-static-white, #fff);white-space: nowrap;border-radius: var(--hi-v4-border-radius-lg, 6px);padding: var(--hi-v4-spacing-10, 20px);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.hi-v4-pop-confirm__content {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.hi-v4-pop-confirm__content-icon {margin-right: var(--hi-v4-spacing-5, 10px);color: var(--hi-v4-color-warning-500, var(--hi-v4-color-yellow-500, #fab007));font-size: var(--hi-v4-text-size-xl, 1.125rem);}.hi-v4-pop-confirm__content-title {color: var(--hi-v4-color-gray-700, #1f2733);font-weight: var(--hi-v4-text-weight-semibold, 600);}.hi-v4-pop-confirm__body {margin: var(--hi-v4-spacing-5, 10px) 0 0 var(--hi-v4-spacing-14, 28px);white-space: normal;color: var(--hi-v4-color-gray-600, #5f6a7a);}.hi-v4-pop-confirm__footer {margin-top: var(--hi-v4-spacing-10, 20px);text-align: right;}";
 var __styleInject__ = require('style-inject')["default"];
-
 __styleInject__(css_248z);
-
 exports["default"] = css_248z;

package/lib/cjs/use-pop-confirm.js

@@ -9,53 +9,39 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var tslib = require('tslib');
-
 var React = require('react');
-
 var useLatest = require('@hi-ui/use-latest');
-
 var domUtils = require('@hi-ui/dom-utils');
-
 var reactUtils = require('@hi-ui/react-utils');
-
 var Popper = require('@hi-ui/popper');
-
 var useToggle = require('@hi-ui/use-toggle');
-
 var usePopConfirm = function usePopConfirm(_a) {
   var visibleProp = _a.visible,
-      _a$closeOnCancel = _a.closeOnCancel,
-      closeOnCancel = _a$closeOnCancel === void 0 ? true : _a$closeOnCancel,
-      _a$closeOnConfirm = _a.closeOnConfirm,
-      closeOnConfirm = _a$closeOnConfirm === void 0 ? true : _a$closeOnConfirm,
-      onCancelProp = _a.onCancel,
-      onConfirmProp = _a.onConfirm,
-      onOpen = _a.onOpen,
-      _onClose = _a.onClose,
-      restProps = tslib.__rest(_a, ["visible", "disabled", "closeOnCancel", "closeOnConfirm", "onCancel", "onConfirm", "onOpen", "onClose"]); // TODO: 移除 popper，使用 hook 重写
-
-
+    _a$closeOnCancel = _a.closeOnCancel,
+    closeOnCancel = _a$closeOnCancel === void 0 ? true : _a$closeOnCancel,
+    _a$closeOnConfirm = _a.closeOnConfirm,
+    closeOnConfirm = _a$closeOnConfirm === void 0 ? true : _a$closeOnConfirm,
+    onCancelProp = _a.onCancel,
+    onConfirmProp = _a.onConfirm,
+    onOpen = _a.onOpen,
+    _onClose = _a.onClose,
+    restProps = tslib.__rest(_a, ["visible", "disabled", "closeOnCancel", "closeOnConfirm", "onCancel", "onConfirm", "onOpen", "onClose"]);
+  // TODO: 移除 popper，使用 hook 重写
   var _omitPopperOverlayPro = Popper.omitPopperOverlayProps(restProps),
-      popper = _omitPopperOverlayPro[0],
-      rest = _omitPopperOverlayPro[1];
-
+    popper = _omitPopperOverlayPro[0],
+    rest = _omitPopperOverlayPro[1];
   var _useUncontrolledToggl = useToggle.useUncontrolledToggle({
-    defaultVisible: false,
-    visible: visibleProp,
-    onOpen: onOpen,
-    onClose: function onClose() {
-      _onClose === null || _onClose === void 0 ? void 0 : _onClose();
-      onCancelProp === null || onCancelProp === void 0 ? void 0 : onCancelProp();
-    }
-  }),
-      visible = _useUncontrolledToggl[0],
-      visibleAction = _useUncontrolledToggl[1];
-
+      defaultVisible: false,
+      visible: visibleProp,
+      onOpen: onOpen,
+      onClose: function onClose() {
+        _onClose === null || _onClose === void 0 ? void 0 : _onClose();
+        onCancelProp === null || onCancelProp === void 0 ? void 0 : onCancelProp();
+      }
+    }),
+    visible = _useUncontrolledToggl[0],
+    visibleAction = _useUncontrolledToggl[1];
   var onCancel = React.useCallback(function () {
     if (closeOnCancel) {
       visibleAction.off();
@@ -64,16 +50,13 @@ var usePopConfirm = function usePopConfirm(_a) {
   var onConfirmLatest = useLatest.useLatestCallback(onConfirmProp);
   var onConfirm = React.useCallback(function () {
     onConfirmLatest();
-
     if (closeOnConfirm) {
       visibleAction.off();
     }
   }, [closeOnConfirm, visibleAction, onConfirmLatest]);
-
   var _useState = React.useState(null),
-      targetEl = _useState[0],
-      setTargetEl = _useState[1];
-
+    targetEl = _useState[0],
+    setTargetEl = _useState[1];
   var getTriggerProps = React.useCallback(function (props, ref) {
     return {
       ref: reactUtils.mergeRefs(setTargetEl, ref),
@@ -104,5 +87,4 @@ var usePopConfirm = function usePopConfirm(_a) {
     onConfirm: onConfirm
   };
 };
-
 exports.usePopConfirm = usePopConfirm;

package/lib/esm/PopConfirm.js

@@ -21,36 +21,34 @@ var POP_CONFIRM_PREFIX = getPrefixCls('pop-confirm');
 /**
  * 气泡确认框
  */
-
 var PopConfirm = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
-      prefixCls = _a$prefixCls === void 0 ? POP_CONFIRM_PREFIX : _a$prefixCls,
-      className = _a.className,
-      children = _a.children,
-      title = _a.title,
-      _a$icon = _a.icon,
-      icon = _a$icon === void 0 ? defaultTipIcon : _a$icon,
-      cancelTextProp = _a.cancelText,
-      confirmTextProp = _a.confirmText,
-      footer = _a.footer,
-      rest = __rest(_a, ["prefixCls", "role", "className", "children", "title", "icon", "cancelText", "confirmText", "footer"]);
-
+    prefixCls = _a$prefixCls === void 0 ? POP_CONFIRM_PREFIX : _a$prefixCls,
+    className = _a.className,
+    children = _a.children,
+    title = _a.title,
+    content = _a.content,
+    _a$icon = _a.icon,
+    icon = _a$icon === void 0 ? defaultTipIcon : _a$icon,
+    cancelTextProp = _a.cancelText,
+    confirmTextProp = _a.confirmText,
+    footer = _a.footer,
+    rest = __rest(_a, ["prefixCls", "role", "className", "children", "title", "content", "icon", "cancelText", "confirmText", "footer"]);
   var i18n = useLocaleContext();
   var cancelText = isUndef(cancelTextProp) ? i18n.get('popConfirm.cancelText') : cancelTextProp;
   var confirmText = isUndef(confirmTextProp) ? i18n.get('popConfirm.confirmText') : confirmTextProp;
-
   var _usePopConfirm = usePopConfirm(rest),
-      rootProps = _usePopConfirm.rootProps,
-      getPopperProps = _usePopConfirm.getPopperProps,
-      getTriggerProps = _usePopConfirm.getTriggerProps,
-      onCancel = _usePopConfirm.onCancel,
-      onConfirm = _usePopConfirm.onConfirm;
-
+    rootProps = _usePopConfirm.rootProps,
+    getPopperProps = _usePopConfirm.getPopperProps,
+    getTriggerProps = _usePopConfirm.getTriggerProps,
+    onCancel = _usePopConfirm.onCancel,
+    onConfirm = _usePopConfirm.onConfirm;
   var cls = cx(prefixCls, className);
   var hasConfirm = confirmText !== null;
   var hasCancel = cancelText !== null;
   var hasFooter = hasConfirm || hasCancel || footer !== null;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, // @ts-ignore
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children,
+  // @ts-ignore
   getTriggerProps(children.props, children.ref)) : null, /*#__PURE__*/React.createElement(Popper, Object.assign({}, getPopperProps()), /*#__PURE__*/React.createElement("div", Object.assign({
     ref: ref,
     className: cls
@@ -60,7 +58,9 @@ var PopConfirm = /*#__PURE__*/forwardRef(function (_a, ref) {
     className: prefixCls + "__content-icon"
   }, icon) : null, /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "__content-title"
-  }, title)), hasFooter ? /*#__PURE__*/React.createElement("footer", {
+  }, title)), content ? /*#__PURE__*/React.createElement("div", {
+    className: prefixCls + "__body"
+  }, content) : null, hasFooter ? /*#__PURE__*/React.createElement("footer", {
     className: prefixCls + "__footer"
   }, footer === undefined ? [hasCancel ? /*#__PURE__*/React.createElement(Button, {
     key: "1",
@@ -76,9 +76,7 @@ var PopConfirm = /*#__PURE__*/forwardRef(function (_a, ref) {
     onClick: onConfirm
   }, confirmText) : null] : footer) : null)));
 });
-
 if (__DEV__) {
   PopConfirm.displayName = 'PopConfirm';
 }
-
 export { PopConfirm };

package/lib/esm/styles/index.scss.js

@@ -8,8 +8,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import __styleInject__ from 'style-inject';
-var css_248z = ".hi-v4-pop-confirm {overflow-wrap: break-word;font-size: var(--hi-v4-text-size-md, 0.875rem);line-height: var(--hi-v4-text-lineheight-md, 1.375rem);position: relative;background: var(--hi-v4-color-static-white, #fff);white-space: nowrap;border-radius: var(--hi-v4-border-radius-lg, 6px);padding: var(--hi-v4-spacing-10, 20px);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.hi-v4-pop-confirm__content {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.hi-v4-pop-confirm__content-icon {margin-right: var(--hi-v4-spacing-4, 8px);color: var(--hi-v4-color-warning-500, var(--hi-v4-color-yellow-500, #fab007));font-size: var(--hi-v4-text-size-xxl, 1.5rem);}.hi-v4-pop-confirm__content-title {color: var(--hi-v4-color-gray-700, #1f2733);}.hi-v4-pop-confirm__footer {margin-top: var(--hi-v4-spacing-10, 20px);text-align: right;}";
-
+var css_248z = ".hi-v4-pop-confirm {overflow-wrap: break-word;font-size: var(--hi-v4-text-size-md, 0.875rem);line-height: var(--hi-v4-text-lineheight-md, 1.375rem);position: relative;background: var(--hi-v4-color-static-white, #fff);white-space: nowrap;border-radius: var(--hi-v4-border-radius-lg, 6px);padding: var(--hi-v4-spacing-10, 20px);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.hi-v4-pop-confirm__content {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.hi-v4-pop-confirm__content-icon {margin-right: var(--hi-v4-spacing-5, 10px);color: var(--hi-v4-color-warning-500, var(--hi-v4-color-yellow-500, #fab007));font-size: var(--hi-v4-text-size-xl, 1.125rem);}.hi-v4-pop-confirm__content-title {color: var(--hi-v4-color-gray-700, #1f2733);font-weight: var(--hi-v4-text-weight-semibold, 600);}.hi-v4-pop-confirm__body {margin: var(--hi-v4-spacing-5, 10px) 0 0 var(--hi-v4-spacing-14, 28px);white-space: normal;color: var(--hi-v4-color-gray-600, #5f6a7a);}.hi-v4-pop-confirm__footer {margin-top: var(--hi-v4-spacing-10, 20px);text-align: right;}";
 __styleInject__(css_248z);
-
 export { css_248z as default };

package/lib/esm/use-pop-confirm.js

@@ -14,36 +14,32 @@ import { mockDefaultHandlers } from '@hi-ui/dom-utils';
 import { mergeRefs, withDefaultProps } from '@hi-ui/react-utils';
 import { omitPopperOverlayProps } from '@hi-ui/popper';
 import { useUncontrolledToggle } from '@hi-ui/use-toggle';
-
 var usePopConfirm = function usePopConfirm(_a) {
   var visibleProp = _a.visible,
-      _a$closeOnCancel = _a.closeOnCancel,
-      closeOnCancel = _a$closeOnCancel === void 0 ? true : _a$closeOnCancel,
-      _a$closeOnConfirm = _a.closeOnConfirm,
-      closeOnConfirm = _a$closeOnConfirm === void 0 ? true : _a$closeOnConfirm,
-      onCancelProp = _a.onCancel,
-      onConfirmProp = _a.onConfirm,
-      onOpen = _a.onOpen,
-      _onClose = _a.onClose,
-      restProps = __rest(_a, ["visible", "disabled", "closeOnCancel", "closeOnConfirm", "onCancel", "onConfirm", "onOpen", "onClose"]); // TODO: 移除 popper，使用 hook 重写
-
-
+    _a$closeOnCancel = _a.closeOnCancel,
+    closeOnCancel = _a$closeOnCancel === void 0 ? true : _a$closeOnCancel,
+    _a$closeOnConfirm = _a.closeOnConfirm,
+    closeOnConfirm = _a$closeOnConfirm === void 0 ? true : _a$closeOnConfirm,
+    onCancelProp = _a.onCancel,
+    onConfirmProp = _a.onConfirm,
+    onOpen = _a.onOpen,
+    _onClose = _a.onClose,
+    restProps = __rest(_a, ["visible", "disabled", "closeOnCancel", "closeOnConfirm", "onCancel", "onConfirm", "onOpen", "onClose"]);
+  // TODO: 移除 popper，使用 hook 重写
   var _omitPopperOverlayPro = omitPopperOverlayProps(restProps),
-      popper = _omitPopperOverlayPro[0],
-      rest = _omitPopperOverlayPro[1];
-
+    popper = _omitPopperOverlayPro[0],
+    rest = _omitPopperOverlayPro[1];
   var _useUncontrolledToggl = useUncontrolledToggle({
-    defaultVisible: false,
-    visible: visibleProp,
-    onOpen: onOpen,
-    onClose: function onClose() {
-      _onClose === null || _onClose === void 0 ? void 0 : _onClose();
-      onCancelProp === null || onCancelProp === void 0 ? void 0 : onCancelProp();
-    }
-  }),
-      visible = _useUncontrolledToggl[0],
-      visibleAction = _useUncontrolledToggl[1];
-
+      defaultVisible: false,
+      visible: visibleProp,
+      onOpen: onOpen,
+      onClose: function onClose() {
+        _onClose === null || _onClose === void 0 ? void 0 : _onClose();
+        onCancelProp === null || onCancelProp === void 0 ? void 0 : onCancelProp();
+      }
+    }),
+    visible = _useUncontrolledToggl[0],
+    visibleAction = _useUncontrolledToggl[1];
   var onCancel = useCallback(function () {
     if (closeOnCancel) {
       visibleAction.off();
@@ -52,16 +48,13 @@ var usePopConfirm = function usePopConfirm(_a) {
   var onConfirmLatest = useLatestCallback(onConfirmProp);
   var onConfirm = useCallback(function () {
     onConfirmLatest();
-
     if (closeOnConfirm) {
       visibleAction.off();
     }
   }, [closeOnConfirm, visibleAction, onConfirmLatest]);
-
   var _useState = useState(null),
-      targetEl = _useState[0],
-      setTargetEl = _useState[1];
-
+    targetEl = _useState[0],
+    setTargetEl = _useState[1];
   var getTriggerProps = useCallback(function (props, ref) {
     return {
       ref: mergeRefs(setTargetEl, ref),
@@ -92,5 +85,4 @@ var usePopConfirm = function usePopConfirm(_a) {
     onConfirm: onConfirm
   };
 };
-
 export { usePopConfirm };

package/lib/types/PopConfirm.d.ts

@@ -10,6 +10,10 @@ export interface PopConfirmProps extends Omit<HiBaseHTMLProps<'div'>, 'title'>,
      * 确认框标题
      */
     title: React.ReactNode;
+    /**
+     * 确认框内容
+     */
+    content: React.ReactNode;
     /**
      * 取消按钮文案
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/pop-confirm",
-  "version": "4.1.0",
+  "version": "4.2.0",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",