@hi-ui/pop-confirm 4.0.6 → 4.2.0

package/CHANGELOG.md

@@ -0,0 +1,18 @@
+# @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
+
+- [#2643](https://github.com/XiaoMi/hiui/pull/2643) [`7742c022a`](https://github.com/XiaoMi/hiui/commit/7742c022a55f3908684d21e6e7d7bf07e3de1f5e) Thanks [@zyprepare](https://github.com/zyprepare)! - feat: add placement api (透传 Popper 参数)
+
+### Patch Changes
+
+- Updated dependencies [[`b477d91db`](https://github.com/XiaoMi/hiui/commit/b477d91db15bbc92c8712a9a771af5b332779315)]:
+  - @hi-ui/button@4.0.6

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');
 /**
- * TODO: What is PopConfirm
+ * 气泡确认框
  */
-
 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 __styleInject__ = require('inject-head-style')["default"];
-
+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

@@ -19,38 +19,36 @@ import { defaultTipIcon } from './icons/index.js';
 import { isUndef } from '@hi-ui/type-assertion';
 var POP_CONFIRM_PREFIX = getPrefixCls('pop-confirm');
 /**
- * TODO: What is PopConfirm
+ * 气泡确认框
  */
-
 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

@@ -7,9 +7,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import __styleInject__ from 'inject-head-style';
-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; }";
-
+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-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

@@ -2,7 +2,7 @@ import React from 'react';
 import { HiBaseHTMLProps } from '@hi-ui/core';
 import { UsePopConfirmProps } from './use-pop-confirm';
 /**
- * TODO: What is PopConfirm
+ * 气泡确认框
  */
 export declare const PopConfirm: React.ForwardRefExoticComponent<PopConfirmProps & React.RefAttributes<HTMLDivElement | null>>;
 export interface PopConfirmProps extends Omit<HiBaseHTMLProps<'div'>, 'title'>, UsePopConfirmProps {
@@ -10,6 +10,10 @@ export interface PopConfirmProps extends Omit<HiBaseHTMLProps<'div'>, 'title'>,
      * 确认框标题
      */
     title: React.ReactNode;
+    /**
+     * 确认框内容
+     */
+    content: React.ReactNode;
     /**
      * 取消按钮文案
      */

package/lib/types/use-pop-confirm.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { PopperOverlayProps } from '@hi-ui/popper';
 export declare const usePopConfirm: ({ visible: visibleProp, disabled, closeOnCancel, closeOnConfirm, onCancel: onCancelProp, onConfirm: onConfirmProp, onOpen, onClose, ...restProps }: UsePopConfirmProps) => {
     rootProps: any;
     getTriggerProps: (props: any, ref: any) => {
@@ -9,14 +10,14 @@ export declare const usePopConfirm: ({ visible: visibleProp, disabled, closeOnCa
         visible: boolean;
         attachEl: HTMLElement | null;
         onClose: () => void;
-        gutterGap: any;
-        arrow: any;
         placement: any;
+        arrow: any;
+        gutterGap: any;
     };
     onCancel: () => void;
     onConfirm: () => void;
 };
-export interface UsePopConfirmProps {
+export interface UsePopConfirmProps extends PopperOverlayProps {
     /**
      *  是否显示确认框
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/pop-confirm",
-  "version": "4.0.6",
+  "version": "4.2.0",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -43,7 +43,7 @@
     "url": "https://github.com/XiaoMi/hiui/issues"
   },
   "dependencies": {
-    "@hi-ui/button": "^4.0.5",
+    "@hi-ui/button": "^4.0.6",
     "@hi-ui/classname": "^4.0.1",
     "@hi-ui/dom-utils": "^4.0.4",
     "@hi-ui/env": "^4.0.1",
@@ -62,10 +62,8 @@
   },
   "devDependencies": {
     "@hi-ui/core": "^4.0.4",
-    "@hi-ui/core-css": "^4.0.1",
-    "@hi-ui/hi-build": "^4.0.1",
+    "@hi-ui/core-css": "^4.1.2",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
-  },
-  "gitHead": "785078746d82c4082b1cf884f8e235166648ef98"
+  }
 }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2018 Xiaomi
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.