@hi-ui/pop-confirm 4.0.0-alpha.3 → 4.0.0-alpha.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/lib/cjs/PopConfirm.js +11 -7
  2. package/lib/cjs/PopConfirm.js.map +1 -1
  3. package/lib/cjs/styles/index.scss.js +1 -1
  4. package/lib/cjs/use-pop-confirm.js +8 -10
  5. package/lib/cjs/use-pop-confirm.js.map +1 -1
  6. package/lib/esm/PopConfirm.js +11 -7
  7. package/lib/esm/PopConfirm.js.map +1 -1
  8. package/lib/esm/styles/index.scss.js +1 -1
  9. package/lib/esm/use-pop-confirm.js +8 -9
  10. package/lib/esm/use-pop-confirm.js.map +1 -1
  11. package/lib/types/PopConfirm.d.ts +16 -0
  12. package/lib/types/use-pop-confirm.d.ts +263 -39
  13. package/package.json +12 -12
package/lib/cjs/PopConfirm.js CHANGED
@@ -58,8 +58,8 @@ var PopConfirm = /*#__PURE__*/React.forwardRef(function (_a, ref) {
58
58
  cancelText = _a$cancelText === void 0 ? '取消' : _a$cancelText,
59
59
  _a$confirmText = _a.confirmText,
60
60
  confirmText = _a$confirmText === void 0 ? '确认' : _a$confirmText,
61
- rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "title", "icon", "cancelText", "confirmText"]); // TODO: 使用 自定义hook 抽离逻辑，若不需要可以移除
62
-
61
+ footer = _a.footer,
62
+ rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "title", "icon", "cancelText", "confirmText", "footer"]);
63
63
 
64
64
  var _usePopConfirm = usePopConfirm.usePopConfirm(rest),
65
65
  rootProps = _usePopConfirm.rootProps,
@@ -69,6 +69,9 @@ var PopConfirm = /*#__PURE__*/React.forwardRef(function (_a, ref) {
69
69
  onConfirm = _usePopConfirm.onConfirm;
70
70
 
71
71
  var cls = classname.cx(prefixCls, className);
72
+ var hasConfirm = confirmText !== null;
73
+ var hasCancel = cancelText !== null;
74
+ var hasFooter = hasConfirm || hasCancel || footer !== null;
72
75
  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
73
76
  getTriggerProps(children.props, children.ref)) : null, /*#__PURE__*/React__default['default'].createElement(popper.PopperPortal, Object.assign({}, getPopperProps()), /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
74
77
  ref: ref,
@@ -79,20 +82,21 @@ var PopConfirm = /*#__PURE__*/React.forwardRef(function (_a, ref) {
79
82
  className: prefixCls + "__content-icon"
80
83
  }, icon) : null, /*#__PURE__*/React__default['default'].createElement("div", {
81
84
  className: prefixCls + "__content-title"
82
- }, title)), /*#__PURE__*/React__default['default'].createElement("div", {
85
+ }, title)), hasFooter ? /*#__PURE__*/React__default['default'].createElement("footer", {
83
86
  className: prefixCls + "__footer"
84
- }, /*#__PURE__*/React__default['default'].createElement(Button__default['default'], {
87
+ }, footer === undefined ? [hasCancel ? /*#__PURE__*/React__default['default'].createElement(Button__default['default'], {
88
+ key: "1",
85
89
  className: prefixCls + "__btn-cancel",
86
90
  type: "default",
87
- appearance: "line",
88
91
  size: "small",
89
92
  onClick: onCancel
90
- }, cancelText), /*#__PURE__*/React__default['default'].createElement(Button__default['default'], {
93
+ }, cancelText) : null, hasConfirm ? /*#__PURE__*/React__default['default'].createElement(Button__default['default'], {
94
+ key: "2",
91
95
  className: prefixCls + "__btn-confirm",
92
96
  type: "primary",
93
97
  size: "small",
94
98
  onClick: onConfirm
95
- }, confirmText)))));
99
+ }, confirmText) : null] : footer) : null)));
96
100
  });
97
101
 
98
102
  if (env.__DEV__) {
package/lib/cjs/PopConfirm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PopConfirm.js","sources":["../../src/PopConfirm.tsx"],"sourcesContent":[null],"names":["POP_CONFIRM_PREFIX","getPrefixCls","PopConfirm","forwardRef","_a","ref","prefixCls","className","children","title","icon","defaultTipIcon","cancelText","confirmText","rest","usePopConfirm","rootProps","getPopperProps","getTriggerProps","onCancel","onConfirm","cls","cx","React","isValidElement","cloneElement","props","PopperPortal","Button","type","appearance","size","onClick","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,kBAAkB,GAAGC,sBAAAA,CAAa,aAAbA,CAA3B;AAEA;;;;IAGaC,UAAU,gBAAGC,gBAAAA,CACxB,UACEC,EADF,EAYEC,GAZF;wBAEIC;MAAAA,sCAAYN;MAEZO,eAAAA;MACAC,cAAAA;MACAC,WAAAA;mBACAC;MAAAA,4BAAOC;yBACPC;MAAAA,wCAAa;0BACbC;MAAAA,0CAAc;MACXC,wBATL,YAAA,QAAA,aAAA,YAAA,SAAA,QAAA,cAAA,eAAA;;;uBAc4EC,2BAAAA,CAAcD,IAAdC;MAApEC,SAAR,kBAAQA;MAAWC,cAAnB,kBAAmBA;MAAgBC,eAAnC,kBAAmCA;MAAiBC,QAApD,kBAAoDA;MAAUC,SAA9D,kBAA8DA;;MAExDC,GAAG,GAAGC,YAAAA,CAAGhB,SAAHgB,EAAcf,SAAde;sBAGVC,yBAAAA,cAAAA,mCAAAA,MAAAA,eACGA,yBAAAA,CAAMC,cAAND,CAAqBf,QAArBe,iBACGA,yBAAAA,CAAME,YAANF,CACEf,QADFe;AAGEL,EAAAA,eAAe,CAACV,QAAQ,CAACkB,KAAV,EAAiBlB,QAAQ,CAACH,GAA1B,CAHjBkB,CADHA,GAMG,IAPNA,eAQEA,yBAAAA,cAAAA,CAACI,mBAADJ,oBAAkBN,cAAc,GAAhCM,eACEA,yBAAAA,cAAAA,MAAAA;AAAKlB,IAAAA,GAAG,EAAEA;AAAKE,IAAAA,SAAS,EAAEc;KAASL,UAAnCO,eACEA,yBAAAA,cAAAA,UAAAA;AAAShB,IAAAA,SAAS,EAAKD,SAAL;GAAlBiB,EACGb,IAAI,gBAAGa,yBAAAA,cAAAA,OAAAA;AAAMhB,IAAAA,SAAS,EAAKD,SAAL;GAAfiB,EAAgDb,IAAhDa,CAAH,GAAkE,IADzEA,eAEEA,yBAAAA,cAAAA,MAAAA;AAAKhB,IAAAA,SAAS,EAAKD,SAAL;GAAdiB,EAAgDd,KAAhDc,CAFFA,CADFA,eAKEA,yBAAAA,cAAAA,MAAAA;AAAKhB,IAAAA,SAAS,EAAKD,SAAL;GAAdiB,eACEA,yBAAAA,cAAAA,CAACK,0BAADL;AACEhB,IAAAA,SAAS,EAAKD,SAAL;AACTuB,IAAAA,IAAI,EAAC;AACLC,IAAAA,UAAU,EAAC;AACXC,IAAAA,IAAI,EAAC;AACLC,IAAAA,OAAO,EAAEb;GALXI,EAOGX,UAPHW,CADFA,eAUEA,yBAAAA,cAAAA,CAACK,0BAADL;AACEhB,IAAAA,SAAS,EAAKD,SAAL;AACTuB,IAAAA,IAAI,EAAC;AACLE,IAAAA,IAAI,EAAC;AACLC,IAAAA,OAAO,EAAEZ;GAJXG,EAMGV,WANHU,CAVFA,CALFA,CADFA,CARFA;AArB8B,CAAVpB;;AAoE1B,IAAI8B,WAAJ,EAAa;AACX/B,EAAAA,UAAU,CAACgC,WAAXhC,GAAyB,YAAzBA;;;"}
1
+ {"version":3,"file":"PopConfirm.js","sources":["../../src/PopConfirm.tsx"],"sourcesContent":[null],"names":["POP_CONFIRM_PREFIX","getPrefixCls","PopConfirm","forwardRef","_a","ref","prefixCls","className","children","title","icon","defaultTipIcon","cancelText","confirmText","footer","rest","usePopConfirm","rootProps","getPopperProps","getTriggerProps","onCancel","onConfirm","cls","cx","hasConfirm","hasCancel","hasFooter","React","isValidElement","cloneElement","props","PopperPortal","undefined","Button","key","type","size","onClick","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,kBAAkB,GAAGC,sBAAAA,CAAa,aAAbA,CAA3B;AAEA;;;;IAGaC,UAAU,gBAAGC,gBAAAA,CACxB,UACEC,EADF,EAaEC,GAbF;wBAEIC;MAAAA,sCAAYN;MAEZO,eAAAA;MACAC,cAAAA;MACAC,WAAAA;mBACAC;MAAAA,4BAAOC;yBACPC;MAAAA,wCAAa;0BACbC;MAAAA,0CAAc;MACdC,YAAAA;MACGC,wBAVL,YAAA,QAAA,aAAA,YAAA,SAAA,QAAA,cAAA,eAAA,UAAA;;uBAc4EC,2BAAAA,CAAcD,IAAdC;MAApEC,SAAR,kBAAQA;MAAWC,cAAnB,kBAAmBA;MAAgBC,eAAnC,kBAAmCA;MAAiBC,QAApD,kBAAoDA;MAAUC,SAA9D,kBAA8DA;;MAExDC,GAAG,GAAGC,YAAAA,CAAGjB,SAAHiB,EAAchB,SAAdgB;MAENC,UAAU,GAAGX,WAAW,KAAK;MAC7BY,SAAS,GAAGb,UAAU,KAAK;MAC3Bc,SAAS,GAAGF,UAAU,IAAIC,SAAdD,IAA2BV,MAAM,KAAK;sBAGtDa,yBAAAA,cAAAA,mCAAAA,MAAAA,eACGA,yBAAAA,CAAMC,cAAND,CAAqBnB,QAArBmB,iBACGA,yBAAAA,CAAME,YAANF,CACEnB,QADFmB;AAGER,EAAAA,eAAe,CAACX,QAAQ,CAACsB,KAAV,EAAiBtB,QAAQ,CAACH,GAA1B,CAHjBsB,CADHA,GAMG,IAPNA,eAQEA,yBAAAA,cAAAA,CAACI,mBAADJ,oBAAkBT,cAAc,GAAhCS,eACEA,yBAAAA,cAAAA,MAAAA;AAAKtB,IAAAA,GAAG,EAAEA;AAAKE,IAAAA,SAAS,EAAEe;KAASL,UAAnCU,eACEA,yBAAAA,cAAAA,UAAAA;AAASpB,IAAAA,SAAS,EAAKD,SAAL;GAAlBqB,EACGjB,IAAI,gBAAGiB,yBAAAA,cAAAA,OAAAA;AAAMpB,IAAAA,SAAS,EAAKD,SAAL;GAAfqB,EAAgDjB,IAAhDiB,CAAH,GAAkE,IADzEA,eAEEA,yBAAAA,cAAAA,MAAAA;AAAKpB,IAAAA,SAAS,EAAKD,SAAL;GAAdqB,EAAgDlB,KAAhDkB,CAFFA,CADFA,EAMGD,SAAS,gBACRC,yBAAAA,cAAAA,SAAAA;AAAQpB,IAAAA,SAAS,EAAKD,SAAL;GAAjBqB,EACGb,MAAM,KAAKkB,SAAXlB,GACG,CACEW,SAAS,gBACPE,yBAAAA,cAAAA,CAACM,0BAADN;AACEO,IAAAA,GAAG,EAAC;AACJ3B,IAAAA,SAAS,EAAKD,SAAL;AACT6B,IAAAA,IAAI,EAAC;AACLC,IAAAA,IAAI,EAAC;AACLC,IAAAA,OAAO,EAAEjB;GALXO,EAOGf,UAPHe,CADO,GAUL,IAXN,EAYEH,UAAU,gBACRG,yBAAAA,cAAAA,CAACM,0BAADN;AACEO,IAAAA,GAAG,EAAC;AACJ3B,IAAAA,SAAS,EAAKD,SAAL;AACT6B,IAAAA,IAAI,EAAC;AACLC,IAAAA,IAAI,EAAC;AACLC,IAAAA,OAAO,EAAEhB;GALXM,EAOGd,WAPHc,CADQ,GAUN,IAtBN,CADHb,GAyBGA,MA1BNa,CADQ,GA6BN,IAnCNA,CADFA,CARFA;AAzB8B,CAAVxB;;AAoG1B,IAAImC,WAAJ,EAAa;AACXpC,EAAAA,UAAU,CAACqC,WAAXrC,GAAyB,YAAzBA;;;"}
package/lib/cjs/styles/index.scss.js CHANGED
@@ -12,7 +12,7 @@
12
12
  Object.defineProperty(exports, '__esModule', {
13
13
  value: true
14
14
  });
15
- var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-pop-confirm {\n overflow-wrap: break-word;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n line-height: 1.375rem;\n line-height: var(--hi-v4-text-lineheight-normal, 1.375rem);\n position: relative;\n background: #fff;\n background: var(--hi-v4-color-static-white, #fff);\n white-space: nowrap;\n -webkit-transition: all 0.5s;\n transition: all 0.5s;\n border-radius: 0.25rem;\n border-radius: var(--hi-v4-border-radius-normal, 0.25rem);\n padding: 12px 16px;\n padding: var(--hi-v4-spacing-6, 12px) var(--hi-v4-spacing-8, 16px);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column; }\n.hi-v4-pop-confirm__content {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-pop-confirm__content-icon {\n margin-right: 8px;\n margin-right: var(--hi-v4-spacing-4, 8px);\n color: #ffb40a;\n color: var(--hi-v4-color-amber-500, #ffb40a);\n font-size: 1.25rem;\n font-size: var(--hi-v4-text-size-xxl, 1.25rem); }\n.hi-v4-pop-confirm__footer {\n margin-top: 12px;\n margin-top: var(--hi-v4-spacing-6, 12px);\n text-align: right; }\n";
15
+ var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-pop-confirm {\n overflow-wrap: break-word;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n line-height: 1.375rem;\n line-height: var(--hi-v4-text-lineheight-normal, 1.375rem);\n position: relative;\n background: #fff;\n background: var(--hi-v4-color-static-white, #fff);\n white-space: nowrap;\n -webkit-transition: all 0.5s;\n transition: all 0.5s;\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding: 20px;\n padding: var(--hi-v4-spacing-10, 20px);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column; }\n.hi-v4-pop-confirm__content {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-pop-confirm__content-icon {\n margin-right: 8px;\n margin-right: var(--hi-v4-spacing-4, 8px);\n color: #fab007;\n color: var(--hi-v4-color-yellow-500, #fab007);\n font-size: 1.5rem;\n font-size: var(--hi-v4-text-size-xxl, 1.5rem); }\n.hi-v4-pop-confirm__footer {\n margin-top: 20px;\n margin-top: var(--hi-v4-spacing-10, 20px);\n text-align: right; }\n";
16
16
 
17
17
  var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
18
18
 
package/lib/cjs/use-pop-confirm.js CHANGED
@@ -17,8 +17,6 @@ var tslib = require('tslib');
17
17
 
18
18
  var React = require('react');
19
19
 
20
- require('@hi-ui/icons');
21
-
22
20
  var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
23
21
 
24
22
  var useLatest = require('@hi-ui/use-latest');
@@ -28,9 +26,7 @@ var domUtils = require('@hi-ui/dom-utils');
28
26
  var reactUtils = require('@hi-ui/react-utils');
29
27
 
30
28
  var usePopConfirm = function usePopConfirm(_a) {
31
- var _a$role = _a.role,
32
- role = _a$role === void 0 ? 'alert-dialog' : _a$role,
33
- visibleProp = _a.visible,
29
+ var visibleProp = _a.visible,
34
30
  onCloseProp = _a.onClose,
35
31
  _a$closeOnCancel = _a.closeOnCancel,
36
32
  closeOnCancel = _a$closeOnCancel === void 0 ? true : _a$closeOnCancel,
@@ -39,7 +35,7 @@ var usePopConfirm = function usePopConfirm(_a) {
39
35
  onCancelProp = _a.onCancel,
40
36
  onConfirmProp = _a.onConfirm,
41
37
  popper = _a.popper,
42
- rest = tslib.__rest(_a, ["role", "visible", "onClose", "disabled", "icon", "closeOnCancel", "closeOnConfirm", "onCancel", "onConfirm", "popper"]);
38
+ rest = tslib.__rest(_a, ["visible", "onClose", "disabled", "closeOnCancel", "closeOnConfirm", "onCancel", "onConfirm", "popper"]);
43
39
 
44
40
  var _useUncontrolledState = useUncontrolledState.useUncontrolledState(false, visibleProp, function (nextVisible) {
45
41
  if (!nextVisible) {
@@ -89,7 +85,9 @@ var usePopConfirm = function usePopConfirm(_a) {
89
85
  var getPopperProps = React.useCallback(function () {
90
86
  var popperProps = reactUtils.withDefaultProps(popper, {
91
87
  arrow: true,
92
- placement: 'top'
88
+ placement: 'top',
89
+ // @DesignToken 10
90
+ gutterGap: 14
93
91
  });
94
92
  return Object.assign(Object.assign({}, popperProps), {
95
93
  visible: visible,
@@ -97,9 +95,9 @@ var usePopConfirm = function usePopConfirm(_a) {
97
95
  onClose: onClose
98
96
  });
99
97
  }, [visible, targetEl, popper, onClose]);
100
- var rootProps = Object.assign(Object.assign({}, rest), {
101
- role: role
102
- });
98
+ var rootProps = Object.assign({
99
+ role: 'alert-dialog'
100
+ }, rest);
103
101
  return {
104
102
  rootProps: rootProps,
105
103
  getTriggerProps: getTriggerProps,
package/lib/cjs/use-pop-confirm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"use-pop-confirm.js","sources":["../../src/use-pop-confirm.ts"],"sourcesContent":[null],"names":["usePopConfirm","_a","role","visibleProp","visible","onCloseProp","onClose","closeOnCancel","closeOnConfirm","onCancelProp","onCancel","onConfirmProp","onConfirm","popper","rest","useUncontrolledState","nextVisible","trySetVisible","onToggle","useCallback","prev","cancelClose","confirmClose","onCancelLatest","useLatestCallback","onConfirmLatest","useMemo","mockDefaultHandlers","useState","targetEl","setTargetEl","getTriggerProps","props","ref","mergeRefs","onClick","getPopperProps","popperProps","withDefaultProps","arrow","placement","attachEl","rootProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,EAAD;mBAC3BC;MAAAA,4BAAO;MACEC,iBAATC;MACSC,iBAATC;4BAGAC;MAAAA,8CAAgB;6BAChBC;MAAAA,gDAAiB;MACPC,kBAAVC;MACWC,mBAAXC;MACAC,YAAAA;MACGC,wBAXyB,OAAA,WAAA,WAAA,YAAA,QAAA,iBAAA,kBAAA,YAAA,aAAA,UAAA;;8BAaKC,yCAAAA,CAC/B,KAD+BA,EAE/BZ,WAF+BY,EAG/B,UAACC,WAAD;QACM,CAACA,aAAa;AAChBX,MAAAA,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,EAAXA;;AAL+C,GAApBU;MAA1BX,OAAP;MAAgBa,aAAhB;;MAUMC,QAAQ,GAAGC,iBAAAA,CAAY;AAC3BF,IAAAA,aAAa,CAAC,UAACG,IAAD;aAAU,CAACA;AAAZ,KAAA,CAAbH;AAD0B,GAAXE,EAEd,CAACF,aAAD,CAFcE;MAIXb,OAAO,GAAGa,iBAAAA,CAAY;AAC1BF,IAAAA,aAAa,CAAC,KAAD,CAAbA;AADyB,GAAXE,EAEb,CAACF,aAAD,CAFaE;MAIVE,WAAW,GAAGF,iBAAAA,CAAY;QAC1BZ,eAAe;AACjBD,MAAAA,OAAO;;AAFoB,GAAXa,EAIjB,CAACZ,aAAD,EAAgBD,OAAhB,CAJiBa;MAMdG,YAAY,GAAGH,iBAAAA,CAAY;QAC3BX,gBAAgB;AAClBF,MAAAA,OAAO;;AAFqB,GAAXa,EAIlB,CAACX,cAAD,EAAiBF,OAAjB,CAJkBa;MAMfI,cAAc,GAAGC,2BAAAA,CAAkBf,YAAlBe;MACjBC,eAAe,GAAGD,2BAAAA,CAAkBb,aAAlBa;MAElBd,QAAQ,GAAGgB,aAAAA,CAAQ;WAAMC,4BAAAA,CAAoBJ,cAApBI,EAAoCN,WAApCM;AAAP,GAAPD,EAAgE,CAC/EH,cAD+E,EAE/EF,WAF+E,CAAhEK;MAKXd,SAAS,GAAGc,aAAAA,CAAQ;WAAMC,4BAAAA,CAAoBF,eAApBE,EAAqCL,YAArCK;AAAP,GAAPD,EAAkE,CAClFD,eADkF,EAElFH,YAFkF,CAAlEI;;kBAKcE,cAAAA,CAA6B,IAA7BA;MAAzBC,QAAP;MAAiBC,WAAjB;;MAEMC,eAAe,GAAGZ,iBAAAA,CACtB,UAACa,KAAD,EAAQC,GAAR;WACS;AACLA,MAAAA,GAAG,EAAEC,oBAAAA,CAAUJ,WAAVI,EAAuBD,GAAvBC,CADA;AAELC,MAAAA,OAAO,EAAER,4BAAAA,CAAoBK,KAAK,CAACG,OAA1BR,EAAmCT,QAAnCS;AAFJ;AAFwB,GAAXR,EAOtB,CAACD,QAAD,EAAWY,WAAX,CAPsBX;MAUlBiB,cAAc,GAAGjB,iBAAAA,CAAY;QAC3BkB,WAAW,GAAGC,2BAAAA,CAAiBzB,MAAjByB,EAAyB;AAAEC,MAAAA,KAAK,EAAE,IAAT;AAAeC,MAAAA,SAAS,EAAE;AAA1B,KAAzBF;2CAGfD;AACHjC,MAAAA,OAAO,EAAPA;AACAqC,MAAAA,QAAQ,EAAEZ;AACVvB,MAAAA,OAAO,EAAPA;;AAP8B,GAAXa,EASpB,CAACf,OAAD,EAAUyB,QAAV,EAAoBhB,MAApB,EAA4BP,OAA5B,CAToBa;MAWjBuB,SAAS,mCACV5B;AACHZ,IAAAA,IAAI,EAAJA;;SAGK;AACLwC,IAAAA,SAAS,EAATA,SADK;AAELX,IAAAA,eAAe,EAAfA,eAFK;AAGLK,IAAAA,cAAc,EAAdA,cAHK;AAIL1B,IAAAA,QAAQ,EAARA,QAJK;AAKLE,IAAAA,SAAS,EAATA;AALK;;;"}
1
+ {"version":3,"file":"use-pop-confirm.js","sources":["../../src/use-pop-confirm.ts"],"sourcesContent":[null],"names":["usePopConfirm","_a","visibleProp","visible","onCloseProp","onClose","closeOnCancel","closeOnConfirm","onCancelProp","onCancel","onConfirmProp","onConfirm","popper","rest","useUncontrolledState","nextVisible","trySetVisible","onToggle","useCallback","prev","cancelClose","confirmClose","onCancelLatest","useLatestCallback","onConfirmLatest","useMemo","mockDefaultHandlers","useState","targetEl","setTargetEl","getTriggerProps","props","ref","mergeRefs","onClick","getPopperProps","popperProps","withDefaultProps","arrow","placement","gutterGap","attachEl","rootProps","role"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,EAAD;MAClBC,iBAATC;MACSC,iBAATC;4BAEAC;MAAAA,8CAAgB;6BAChBC;MAAAA,gDAAiB;MACPC,kBAAVC;MACWC,mBAAXC;MACAC,YAAAA;MACGC,wBATyB,UAAA,WAAA,YAAA,iBAAA,kBAAA,YAAA,aAAA,UAAA;;8BAWKC,yCAAAA,CAC/B,KAD+BA,EAE/BZ,WAF+BY,EAG/B,UAACC,WAAD;QACM,CAACA,aAAa;AAChBX,MAAAA,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,EAAXA;;AAL+C,GAApBU;MAA1BX,OAAP;MAAgBa,aAAhB;;MAUMC,QAAQ,GAAGC,iBAAAA,CAAY;AAC3BF,IAAAA,aAAa,CAAC,UAACG,IAAD;aAAU,CAACA;AAAZ,KAAA,CAAbH;AAD0B,GAAXE,EAEd,CAACF,aAAD,CAFcE;MAIXb,OAAO,GAAGa,iBAAAA,CAAY;AAC1BF,IAAAA,aAAa,CAAC,KAAD,CAAbA;AADyB,GAAXE,EAEb,CAACF,aAAD,CAFaE;MAIVE,WAAW,GAAGF,iBAAAA,CAAY;QAC1BZ,eAAe;AACjBD,MAAAA,OAAO;;AAFoB,GAAXa,EAIjB,CAACZ,aAAD,EAAgBD,OAAhB,CAJiBa;MAMdG,YAAY,GAAGH,iBAAAA,CAAY;QAC3BX,gBAAgB;AAClBF,MAAAA,OAAO;;AAFqB,GAAXa,EAIlB,CAACX,cAAD,EAAiBF,OAAjB,CAJkBa;MAMfI,cAAc,GAAGC,2BAAAA,CAAkBf,YAAlBe;MACjBC,eAAe,GAAGD,2BAAAA,CAAkBb,aAAlBa;MAElBd,QAAQ,GAAGgB,aAAAA,CAAQ;WAAMC,4BAAAA,CAAoBJ,cAApBI,EAAoCN,WAApCM;AAAP,GAAPD,EAAgE,CAC/EH,cAD+E,EAE/EF,WAF+E,CAAhEK;MAKXd,SAAS,GAAGc,aAAAA,CAAQ;WAAMC,4BAAAA,CAAoBF,eAApBE,EAAqCL,YAArCK;AAAP,GAAPD,EAAkE,CAClFD,eADkF,EAElFH,YAFkF,CAAlEI;;kBAKcE,cAAAA,CAA6B,IAA7BA;MAAzBC,QAAP;MAAiBC,WAAjB;;MAEMC,eAAe,GAAGZ,iBAAAA,CACtB,UAACa,KAAD,EAAQC,GAAR;WACS;AACLA,MAAAA,GAAG,EAAEC,oBAAAA,CAAUJ,WAAVI,EAAuBD,GAAvBC,CADA;AAELC,MAAAA,OAAO,EAAER,4BAAAA,CAAoBK,KAAK,CAACG,OAA1BR,EAAmCT,QAAnCS;AAFJ;AAFwB,GAAXR,EAOtB,CAACD,QAAD,EAAWY,WAAX,CAPsBX;MAUlBiB,cAAc,GAAGjB,iBAAAA,CAAY;QAC3BkB,WAAW,GAAGC,2BAAAA,CAAiBzB,MAAjByB,EAAyB;AAC3CC,MAAAA,KAAK,EAAE,IADoC;AAE3CC,MAAAA,SAAS,EAAE,KAFgC;;AAI3CC,MAAAA,SAAS,EAAE;AAJgC,KAAzBH;2CAQfD;AACHjC,MAAAA,OAAO,EAAPA;AACAsC,MAAAA,QAAQ,EAAEb;AACVvB,MAAAA,OAAO,EAAPA;;AAZ8B,GAAXa,EAcpB,CAACf,OAAD,EAAUyB,QAAV,EAAoBhB,MAApB,EAA4BP,OAA5B,CAdoBa;MAgBjBwB,SAAS;AACbC,IAAAA,IAAI,EAAE;KACH9B;SAGE;AACL6B,IAAAA,SAAS,EAATA,SADK;AAELZ,IAAAA,eAAe,EAAfA,eAFK;AAGLK,IAAAA,cAAc,EAAdA,cAHK;AAIL1B,IAAAA,QAAQ,EAARA,QAJK;AAKLE,IAAAA,SAAS,EAATA;AALK;;;"}
package/lib/esm/PopConfirm.js CHANGED
@@ -32,8 +32,8 @@ var PopConfirm = /*#__PURE__*/forwardRef(function (_a, ref) {
32
32
  cancelText = _a$cancelText === void 0 ? '取消' : _a$cancelText,
33
33
  _a$confirmText = _a.confirmText,
34
34
  confirmText = _a$confirmText === void 0 ? '确认' : _a$confirmText,
35
- rest = __rest(_a, ["prefixCls", "role", "className", "children", "title", "icon", "cancelText", "confirmText"]); // TODO: 使用 自定义hook 抽离逻辑，若不需要可以移除
36
-
35
+ footer = _a.footer,
36
+ rest = __rest(_a, ["prefixCls", "role", "className", "children", "title", "icon", "cancelText", "confirmText", "footer"]);
37
37
 
38
38
  var _usePopConfirm = usePopConfirm(rest),
39
39
  rootProps = _usePopConfirm.rootProps,
@@ -43,6 +43,9 @@ var PopConfirm = /*#__PURE__*/forwardRef(function (_a, ref) {
43
43
  onConfirm = _usePopConfirm.onConfirm;
44
44
 
45
45
  var cls = cx(prefixCls, className);
46
+ var hasConfirm = confirmText !== null;
47
+ var hasCancel = cancelText !== null;
48
+ var hasFooter = hasConfirm || hasCancel || footer !== null;
46
49
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, // @ts-ignore
47
50
  getTriggerProps(children.props, children.ref)) : null, /*#__PURE__*/React.createElement(PopperPortal, Object.assign({}, getPopperProps()), /*#__PURE__*/React.createElement("div", Object.assign({
48
51
  ref: ref,
@@ -53,20 +56,21 @@ var PopConfirm = /*#__PURE__*/forwardRef(function (_a, ref) {
53
56
  className: prefixCls + "__content-icon"
54
57
  }, icon) : null, /*#__PURE__*/React.createElement("div", {
55
58
  className: prefixCls + "__content-title"
56
- }, title)), /*#__PURE__*/React.createElement("div", {
59
+ }, title)), hasFooter ? /*#__PURE__*/React.createElement("footer", {
57
60
  className: prefixCls + "__footer"
58
- }, /*#__PURE__*/React.createElement(Button, {
61
+ }, footer === undefined ? [hasCancel ? /*#__PURE__*/React.createElement(Button, {
62
+ key: "1",
59
63
  className: prefixCls + "__btn-cancel",
60
64
  type: "default",
61
- appearance: "line",
62
65
  size: "small",
63
66
  onClick: onCancel
64
- }, cancelText), /*#__PURE__*/React.createElement(Button, {
67
+ }, cancelText) : null, hasConfirm ? /*#__PURE__*/React.createElement(Button, {
68
+ key: "2",
65
69
  className: prefixCls + "__btn-confirm",
66
70
  type: "primary",
67
71
  size: "small",
68
72
  onClick: onConfirm
69
- }, confirmText)))));
73
+ }, confirmText) : null] : footer) : null)));
70
74
  });
71
75
 
72
76
  if (__DEV__) {
package/lib/esm/PopConfirm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PopConfirm.js","sources":["../../src/PopConfirm.tsx"],"sourcesContent":[null],"names":["POP_CONFIRM_PREFIX","getPrefixCls","PopConfirm","forwardRef","_a","ref","prefixCls","className","children","title","icon","defaultTipIcon","cancelText","confirmText","rest","usePopConfirm","rootProps","getPopperProps","getTriggerProps","onCancel","onConfirm","cls","cx","React","isValidElement","cloneElement","props","PopperPortal","Button","type","appearance","size","onClick","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;;AASA,IAAMA,kBAAkB,GAAGC,YAAY,CAAC,aAAD,CAAvC;AAEA;;;;IAGaC,UAAU,gBAAGC,UAAU,CAClC,UACEC,EADF,EAYEC,GAZF;wBAEIC;MAAAA,sCAAYN;MAEZO,eAAAA;MACAC,cAAAA;MACAC,WAAAA;mBACAC;MAAAA,4BAAOC;yBACPC;MAAAA,wCAAa;0BACbC;MAAAA,0CAAc;MACXC,kBATL,YAAA,QAAA,aAAA,YAAA,SAAA,QAAA,cAAA,eAAA;;;uBAc4EC,aAAa,CAACD,IAAD;MAAjFE,SAAR,kBAAQA;MAAWC,cAAnB,kBAAmBA;MAAgBC,eAAnC,kBAAmCA;MAAiBC,QAApD,kBAAoDA;MAAUC,SAA9D,kBAA8DA;;MAExDC,GAAG,GAAGC,EAAE,CAAChB,SAAD,EAAYC,SAAZ;sBAGZgB,mBAAAA,eAAAA,MAAAA,eACGA,KAAK,CAACC,cAAND,CAAqBf,QAArBe,iBACGA,KAAK,CAACE,YAANF,CACEf,QADFe;AAGEL,EAAAA,eAAe,CAACV,QAAQ,CAACkB,KAAV,EAAiBlB,QAAQ,CAACH,GAA1B,CAHjBkB,CADHA,GAMG,IAPNA,eAQEA,mBAAAA,CAACI,YAADJ,oBAAkBN,cAAc,GAAhCM,eACEA,mBAAAA,MAAAA;AAAKlB,IAAAA,GAAG,EAAEA;AAAKE,IAAAA,SAAS,EAAEc;KAASL,UAAnCO,eACEA,mBAAAA,UAAAA;AAAShB,IAAAA,SAAS,EAAKD,SAAL;GAAlBiB,EACGb,IAAI,gBAAGa,mBAAAA,OAAAA;AAAMhB,IAAAA,SAAS,EAAKD,SAAL;GAAfiB,EAAgDb,IAAhDa,CAAH,GAAkE,IADzEA,eAEEA,mBAAAA,MAAAA;AAAKhB,IAAAA,SAAS,EAAKD,SAAL;GAAdiB,EAAgDd,KAAhDc,CAFFA,CADFA,eAKEA,mBAAAA,MAAAA;AAAKhB,IAAAA,SAAS,EAAKD,SAAL;GAAdiB,eACEA,mBAAAA,CAACK,MAADL;AACEhB,IAAAA,SAAS,EAAKD,SAAL;AACTuB,IAAAA,IAAI,EAAC;AACLC,IAAAA,UAAU,EAAC;AACXC,IAAAA,IAAI,EAAC;AACLC,IAAAA,OAAO,EAAEb;GALXI,EAOGX,UAPHW,CADFA,eAUEA,mBAAAA,CAACK,MAADL;AACEhB,IAAAA,SAAS,EAAKD,SAAL;AACTuB,IAAAA,IAAI,EAAC;AACLE,IAAAA,IAAI,EAAC;AACLC,IAAAA,OAAO,EAAEZ;GAJXG,EAMGV,WANHU,CAVFA,CALFA,CADFA,CARFA;AArB8B,CAAA;;AAoEpC,IAAIU,OAAJ,EAAa;AACX/B,EAAAA,UAAU,CAACgC,WAAXhC,GAAyB,YAAzBA;;;"}
1
+ {"version":3,"file":"PopConfirm.js","sources":["../../src/PopConfirm.tsx"],"sourcesContent":[null],"names":["POP_CONFIRM_PREFIX","getPrefixCls","PopConfirm","forwardRef","_a","ref","prefixCls","className","children","title","icon","defaultTipIcon","cancelText","confirmText","footer","rest","usePopConfirm","rootProps","getPopperProps","getTriggerProps","onCancel","onConfirm","cls","cx","hasConfirm","hasCancel","hasFooter","React","isValidElement","cloneElement","props","PopperPortal","undefined","Button","key","type","size","onClick","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;;AASA,IAAMA,kBAAkB,GAAGC,YAAY,CAAC,aAAD,CAAvC;AAEA;;;;IAGaC,UAAU,gBAAGC,UAAU,CAClC,UACEC,EADF,EAaEC,GAbF;wBAEIC;MAAAA,sCAAYN;MAEZO,eAAAA;MACAC,cAAAA;MACAC,WAAAA;mBACAC;MAAAA,4BAAOC;yBACPC;MAAAA,wCAAa;0BACbC;MAAAA,0CAAc;MACdC,YAAAA;MACGC,kBAVL,YAAA,QAAA,aAAA,YAAA,SAAA,QAAA,cAAA,eAAA,UAAA;;uBAc4EC,aAAa,CAACD,IAAD;MAAjFE,SAAR,kBAAQA;MAAWC,cAAnB,kBAAmBA;MAAgBC,eAAnC,kBAAmCA;MAAiBC,QAApD,kBAAoDA;MAAUC,SAA9D,kBAA8DA;;MAExDC,GAAG,GAAGC,EAAE,CAACjB,SAAD,EAAYC,SAAZ;MAERiB,UAAU,GAAGX,WAAW,KAAK;MAC7BY,SAAS,GAAGb,UAAU,KAAK;MAC3Bc,SAAS,GAAGF,UAAU,IAAIC,SAAdD,IAA2BV,MAAM,KAAK;sBAGtDa,mBAAAA,eAAAA,MAAAA,eACGA,KAAK,CAACC,cAAND,CAAqBnB,QAArBmB,iBACGA,KAAK,CAACE,YAANF,CACEnB,QADFmB;AAGER,EAAAA,eAAe,CAACX,QAAQ,CAACsB,KAAV,EAAiBtB,QAAQ,CAACH,GAA1B,CAHjBsB,CADHA,GAMG,IAPNA,eAQEA,mBAAAA,CAACI,YAADJ,oBAAkBT,cAAc,GAAhCS,eACEA,mBAAAA,MAAAA;AAAKtB,IAAAA,GAAG,EAAEA;AAAKE,IAAAA,SAAS,EAAEe;KAASL,UAAnCU,eACEA,mBAAAA,UAAAA;AAASpB,IAAAA,SAAS,EAAKD,SAAL;GAAlBqB,EACGjB,IAAI,gBAAGiB,mBAAAA,OAAAA;AAAMpB,IAAAA,SAAS,EAAKD,SAAL;GAAfqB,EAAgDjB,IAAhDiB,CAAH,GAAkE,IADzEA,eAEEA,mBAAAA,MAAAA;AAAKpB,IAAAA,SAAS,EAAKD,SAAL;GAAdqB,EAAgDlB,KAAhDkB,CAFFA,CADFA,EAMGD,SAAS,gBACRC,mBAAAA,SAAAA;AAAQpB,IAAAA,SAAS,EAAKD,SAAL;GAAjBqB,EACGb,MAAM,KAAKkB,SAAXlB,GACG,CACEW,SAAS,gBACPE,mBAAAA,CAACM,MAADN;AACEO,IAAAA,GAAG,EAAC;AACJ3B,IAAAA,SAAS,EAAKD,SAAL;AACT6B,IAAAA,IAAI,EAAC;AACLC,IAAAA,IAAI,EAAC;AACLC,IAAAA,OAAO,EAAEjB;GALXO,EAOGf,UAPHe,CADO,GAUL,IAXN,EAYEH,UAAU,gBACRG,mBAAAA,CAACM,MAADN;AACEO,IAAAA,GAAG,EAAC;AACJ3B,IAAAA,SAAS,EAAKD,SAAL;AACT6B,IAAAA,IAAI,EAAC;AACLC,IAAAA,IAAI,EAAC;AACLC,IAAAA,OAAO,EAAEhB;GALXM,EAOGd,WAPHc,CADQ,GAUN,IAtBN,CADHb,GAyBGA,MA1BNa,CADQ,GA6BN,IAnCNA,CADFA,CARFA;AAzB8B,CAAA;;AAoGpC,IAAIW,OAAJ,EAAa;AACXpC,EAAAA,UAAU,CAACqC,WAAXrC,GAAyB,YAAzBA;;;"}
package/lib/esm/styles/index.scss.js CHANGED
@@ -7,7 +7,7 @@
7
7
  * This source code is licensed under the MIT license found in the
8
8
  * LICENSE file in the root directory of this source tree.
9
9
  */
10
- var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-pop-confirm {\n overflow-wrap: break-word;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n line-height: 1.375rem;\n line-height: var(--hi-v4-text-lineheight-normal, 1.375rem);\n position: relative;\n background: #fff;\n background: var(--hi-v4-color-static-white, #fff);\n white-space: nowrap;\n -webkit-transition: all 0.5s;\n transition: all 0.5s;\n border-radius: 0.25rem;\n border-radius: var(--hi-v4-border-radius-normal, 0.25rem);\n padding: 12px 16px;\n padding: var(--hi-v4-spacing-6, 12px) var(--hi-v4-spacing-8, 16px);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column; }\n.hi-v4-pop-confirm__content {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-pop-confirm__content-icon {\n margin-right: 8px;\n margin-right: var(--hi-v4-spacing-4, 8px);\n color: #ffb40a;\n color: var(--hi-v4-color-amber-500, #ffb40a);\n font-size: 1.25rem;\n font-size: var(--hi-v4-text-size-xxl, 1.25rem); }\n.hi-v4-pop-confirm__footer {\n margin-top: 12px;\n margin-top: var(--hi-v4-spacing-6, 12px);\n text-align: right; }\n";
10
+ var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-pop-confirm {\n overflow-wrap: break-word;\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem);\n line-height: 1.375rem;\n line-height: var(--hi-v4-text-lineheight-normal, 1.375rem);\n position: relative;\n background: #fff;\n background: var(--hi-v4-color-static-white, #fff);\n white-space: nowrap;\n -webkit-transition: all 0.5s;\n transition: all 0.5s;\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n padding: 20px;\n padding: var(--hi-v4-spacing-10, 20px);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column; }\n.hi-v4-pop-confirm__content {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-pop-confirm__content-icon {\n margin-right: 8px;\n margin-right: var(--hi-v4-spacing-4, 8px);\n color: #fab007;\n color: var(--hi-v4-color-yellow-500, #fab007);\n font-size: 1.5rem;\n font-size: var(--hi-v4-text-size-xxl, 1.5rem); }\n.hi-v4-pop-confirm__footer {\n margin-top: 20px;\n margin-top: var(--hi-v4-spacing-10, 20px);\n text-align: right; }\n";
11
11
 
12
12
  var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
13
13
 
package/lib/esm/use-pop-confirm.js CHANGED
@@ -9,16 +9,13 @@
9
9
  */
10
10
  import { __rest } from 'tslib';
11
11
  import { useCallback, useMemo, useState } from 'react';
12
- import '@hi-ui/icons';
13
12
  import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
14
13
  import { useLatestCallback } from '@hi-ui/use-latest';
15
14
  import { mockDefaultHandlers } from '@hi-ui/dom-utils';
16
15
  import { mergeRefs, withDefaultProps } from '@hi-ui/react-utils';
17
16
 
18
17
  var usePopConfirm = function usePopConfirm(_a) {
19
- var _a$role = _a.role,
20
- role = _a$role === void 0 ? 'alert-dialog' : _a$role,
21
- visibleProp = _a.visible,
18
+ var visibleProp = _a.visible,
22
19
  onCloseProp = _a.onClose,
23
20
  _a$closeOnCancel = _a.closeOnCancel,
24
21
  closeOnCancel = _a$closeOnCancel === void 0 ? true : _a$closeOnCancel,
@@ -27,7 +24,7 @@ var usePopConfirm = function usePopConfirm(_a) {
27
24
  onCancelProp = _a.onCancel,
28
25
  onConfirmProp = _a.onConfirm,
29
26
  popper = _a.popper,
30
- rest = __rest(_a, ["role", "visible", "onClose", "disabled", "icon", "closeOnCancel", "closeOnConfirm", "onCancel", "onConfirm", "popper"]);
27
+ rest = __rest(_a, ["visible", "onClose", "disabled", "closeOnCancel", "closeOnConfirm", "onCancel", "onConfirm", "popper"]);
31
28
 
32
29
  var _useUncontrolledState = useUncontrolledState(false, visibleProp, function (nextVisible) {
33
30
  if (!nextVisible) {
@@ -77,7 +74,9 @@ var usePopConfirm = function usePopConfirm(_a) {
77
74
  var getPopperProps = useCallback(function () {
78
75
  var popperProps = withDefaultProps(popper, {
79
76
  arrow: true,
80
- placement: 'top'
77
+ placement: 'top',
78
+ // @DesignToken 10
79
+ gutterGap: 14
81
80
  });
82
81
  return Object.assign(Object.assign({}, popperProps), {
83
82
  visible: visible,
@@ -85,9 +84,9 @@ var usePopConfirm = function usePopConfirm(_a) {
85
84
  onClose: onClose
86
85
  });
87
86
  }, [visible, targetEl, popper, onClose]);
88
- var rootProps = Object.assign(Object.assign({}, rest), {
89
- role: role
90
- });
87
+ var rootProps = Object.assign({
88
+ role: 'alert-dialog'
89
+ }, rest);
91
90
  return {
92
91
  rootProps: rootProps,
93
92
  getTriggerProps: getTriggerProps,
package/lib/esm/use-pop-confirm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"use-pop-confirm.js","sources":["../../src/use-pop-confirm.ts"],"sourcesContent":[null],"names":["usePopConfirm","_a","role","visibleProp","visible","onCloseProp","onClose","closeOnCancel","closeOnConfirm","onCancelProp","onCancel","onConfirmProp","onConfirm","popper","rest","useUncontrolledState","nextVisible","trySetVisible","onToggle","useCallback","prev","cancelClose","confirmClose","onCancelLatest","useLatestCallback","onConfirmLatest","useMemo","mockDefaultHandlers","useState","targetEl","setTargetEl","getTriggerProps","props","ref","mergeRefs","onClick","getPopperProps","popperProps","withDefaultProps","arrow","placement","attachEl","rootProps"],"mappings":";;;;;;;;;;;;;;;;;IAQaA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,EAAD;mBAC3BC;MAAAA,4BAAO;MACEC,iBAATC;MACSC,iBAATC;4BAGAC;MAAAA,8CAAgB;6BAChBC;MAAAA,gDAAiB;MACPC,kBAAVC;MACWC,mBAAXC;MACAC,YAAAA;MACGC,kBAXyB,OAAA,WAAA,WAAA,YAAA,QAAA,iBAAA,kBAAA,YAAA,aAAA,UAAA;;8BAaKC,oBAAoB,CACnD,KADmD,EAEnDZ,WAFmD,EAGnD,UAACa,WAAD;QACM,CAACA,aAAa;AAChBX,MAAAA,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,EAAXA;;AAL+C,GAAA;MAA9CD,OAAP;MAAgBa,aAAhB;;MAUMC,QAAQ,GAAGC,WAAW,CAAC;AAC3BF,IAAAA,aAAa,CAAC,UAACG,IAAD;aAAU,CAACA;AAAZ,KAAA,CAAbH;AAD0B,GAAA,EAEzB,CAACA,aAAD,CAFyB;MAItBX,OAAO,GAAGa,WAAW,CAAC;AAC1BF,IAAAA,aAAa,CAAC,KAAD,CAAbA;AADyB,GAAA,EAExB,CAACA,aAAD,CAFwB;MAIrBI,WAAW,GAAGF,WAAW,CAAC;QAC1BZ,eAAe;AACjBD,MAAAA,OAAO;;AAFoB,GAAA,EAI5B,CAACC,aAAD,EAAgBD,OAAhB,CAJ4B;MAMzBgB,YAAY,GAAGH,WAAW,CAAC;QAC3BX,gBAAgB;AAClBF,MAAAA,OAAO;;AAFqB,GAAA,EAI7B,CAACE,cAAD,EAAiBF,OAAjB,CAJ6B;MAM1BiB,cAAc,GAAGC,iBAAiB,CAACf,YAAD;MAClCgB,eAAe,GAAGD,iBAAiB,CAACb,aAAD;MAEnCD,QAAQ,GAAGgB,OAAO,CAAC;WAAMC,mBAAmB,CAACJ,cAAD,EAAiBF,WAAjB;AAA1B,GAAA,EAAyD,CAC/EE,cAD+E,EAE/EF,WAF+E,CAAzD;MAKlBT,SAAS,GAAGc,OAAO,CAAC;WAAMC,mBAAmB,CAACF,eAAD,EAAkBH,YAAlB;AAA1B,GAAA,EAA2D,CAClFG,eADkF,EAElFH,YAFkF,CAA3D;;kBAKOM,QAAQ,CAAqB,IAArB;MAAjCC,QAAP;MAAiBC,WAAjB;;MAEMC,eAAe,GAAGZ,WAAW,CACjC,UAACa,KAAD,EAAQC,GAAR;WACS;AACLA,MAAAA,GAAG,EAAEC,SAAS,CAACJ,WAAD,EAAcG,GAAd,CADT;AAELE,MAAAA,OAAO,EAAER,mBAAmB,CAACK,KAAK,CAACG,OAAP,EAAgBjB,QAAhB;AAFvB;AAFwB,GAAA,EAOjC,CAACA,QAAD,EAAWY,WAAX,CAPiC;MAU7BM,cAAc,GAAGjB,WAAW,CAAC;QAC3BkB,WAAW,GAAGC,gBAAgB,CAACzB,MAAD,EAAS;AAAE0B,MAAAA,KAAK,EAAE,IAAT;AAAeC,MAAAA,SAAS,EAAE;AAA1B,KAAT;2CAG/BH;AACHjC,MAAAA,OAAO,EAAPA;AACAqC,MAAAA,QAAQ,EAAEZ;AACVvB,MAAAA,OAAO,EAAPA;;AAP8B,GAAA,EAS/B,CAACF,OAAD,EAAUyB,QAAV,EAAoBhB,MAApB,EAA4BP,OAA5B,CAT+B;MAW5BoC,SAAS,mCACV5B;AACHZ,IAAAA,IAAI,EAAJA;;SAGK;AACLwC,IAAAA,SAAS,EAATA,SADK;AAELX,IAAAA,eAAe,EAAfA,eAFK;AAGLK,IAAAA,cAAc,EAAdA,cAHK;AAIL1B,IAAAA,QAAQ,EAARA,QAJK;AAKLE,IAAAA,SAAS,EAATA;AALK;;;"}
1
+ {"version":3,"file":"use-pop-confirm.js","sources":["../../src/use-pop-confirm.ts"],"sourcesContent":[null],"names":["usePopConfirm","_a","visibleProp","visible","onCloseProp","onClose","closeOnCancel","closeOnConfirm","onCancelProp","onCancel","onConfirmProp","onConfirm","popper","rest","useUncontrolledState","nextVisible","trySetVisible","onToggle","useCallback","prev","cancelClose","confirmClose","onCancelLatest","useLatestCallback","onConfirmLatest","useMemo","mockDefaultHandlers","useState","targetEl","setTargetEl","getTriggerProps","props","ref","mergeRefs","onClick","getPopperProps","popperProps","withDefaultProps","arrow","placement","gutterGap","attachEl","rootProps","role"],"mappings":";;;;;;;;;;;;;;;;IAOaA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,EAAD;MAClBC,iBAATC;MACSC,iBAATC;4BAEAC;MAAAA,8CAAgB;6BAChBC;MAAAA,gDAAiB;MACPC,kBAAVC;MACWC,mBAAXC;MACAC,YAAAA;MACGC,kBATyB,UAAA,WAAA,YAAA,iBAAA,kBAAA,YAAA,aAAA,UAAA;;8BAWKC,oBAAoB,CACnD,KADmD,EAEnDZ,WAFmD,EAGnD,UAACa,WAAD;QACM,CAACA,aAAa;AAChBX,MAAAA,WAAW,SAAXA,IAAAA,WAAW,WAAXA,SAAAA,GAAAA,WAAW,EAAXA;;AAL+C,GAAA;MAA9CD,OAAP;MAAgBa,aAAhB;;MAUMC,QAAQ,GAAGC,WAAW,CAAC;AAC3BF,IAAAA,aAAa,CAAC,UAACG,IAAD;aAAU,CAACA;AAAZ,KAAA,CAAbH;AAD0B,GAAA,EAEzB,CAACA,aAAD,CAFyB;MAItBX,OAAO,GAAGa,WAAW,CAAC;AAC1BF,IAAAA,aAAa,CAAC,KAAD,CAAbA;AADyB,GAAA,EAExB,CAACA,aAAD,CAFwB;MAIrBI,WAAW,GAAGF,WAAW,CAAC;QAC1BZ,eAAe;AACjBD,MAAAA,OAAO;;AAFoB,GAAA,EAI5B,CAACC,aAAD,EAAgBD,OAAhB,CAJ4B;MAMzBgB,YAAY,GAAGH,WAAW,CAAC;QAC3BX,gBAAgB;AAClBF,MAAAA,OAAO;;AAFqB,GAAA,EAI7B,CAACE,cAAD,EAAiBF,OAAjB,CAJ6B;MAM1BiB,cAAc,GAAGC,iBAAiB,CAACf,YAAD;MAClCgB,eAAe,GAAGD,iBAAiB,CAACb,aAAD;MAEnCD,QAAQ,GAAGgB,OAAO,CAAC;WAAMC,mBAAmB,CAACJ,cAAD,EAAiBF,WAAjB;AAA1B,GAAA,EAAyD,CAC/EE,cAD+E,EAE/EF,WAF+E,CAAzD;MAKlBT,SAAS,GAAGc,OAAO,CAAC;WAAMC,mBAAmB,CAACF,eAAD,EAAkBH,YAAlB;AAA1B,GAAA,EAA2D,CAClFG,eADkF,EAElFH,YAFkF,CAA3D;;kBAKOM,QAAQ,CAAqB,IAArB;MAAjCC,QAAP;MAAiBC,WAAjB;;MAEMC,eAAe,GAAGZ,WAAW,CACjC,UAACa,KAAD,EAAQC,GAAR;WACS;AACLA,MAAAA,GAAG,EAAEC,SAAS,CAACJ,WAAD,EAAcG,GAAd,CADT;AAELE,MAAAA,OAAO,EAAER,mBAAmB,CAACK,KAAK,CAACG,OAAP,EAAgBjB,QAAhB;AAFvB;AAFwB,GAAA,EAOjC,CAACA,QAAD,EAAWY,WAAX,CAPiC;MAU7BM,cAAc,GAAGjB,WAAW,CAAC;QAC3BkB,WAAW,GAAGC,gBAAgB,CAACzB,MAAD,EAAS;AAC3C0B,MAAAA,KAAK,EAAE,IADoC;AAE3CC,MAAAA,SAAS,EAAE,KAFgC;;AAI3CC,MAAAA,SAAS,EAAE;AAJgC,KAAT;2CAQ/BJ;AACHjC,MAAAA,OAAO,EAAPA;AACAsC,MAAAA,QAAQ,EAAEb;AACVvB,MAAAA,OAAO,EAAPA;;AAZ8B,GAAA,EAc/B,CAACF,OAAD,EAAUyB,QAAV,EAAoBhB,MAApB,EAA4BP,OAA5B,CAd+B;MAgB5BqC,SAAS;AACbC,IAAAA,IAAI,EAAE;KACH9B;SAGE;AACL6B,IAAAA,SAAS,EAATA,SADK;AAELZ,IAAAA,eAAe,EAAfA,eAFK;AAGLK,IAAAA,cAAc,EAAdA,cAHK;AAIL1B,IAAAA,QAAQ,EAARA,QAJK;AAKLE,IAAAA,SAAS,EAATA;AALK;;;"}
package/lib/types/PopConfirm.d.ts CHANGED
@@ -10,4 +10,20 @@ export interface PopConfirmProps extends Omit<HiBaseHTMLProps<'div'>, 'title'>,
10
10
  * 确认框标题
11
11
  */
12
12
  title: React.ReactNode;
13
+ /**
14
+ * 取消按钮文案
15
+ */
16
+ cancelText?: React.ReactNode;
17
+ /**
18
+ * 确认按钮文案
19
+ */
20
+ confirmText?: React.ReactNode;
21
+ /**
22
+ * 自定义提示的 icon 图标
23
+ */
24
+ icon?: React.ReactNode;
25
+ /**
26
+ * 自定义底部内容
27
+ */
28
+ footer?: React.ReactNode;
13
29
  }
package/lib/types/use-pop-confirm.d.ts CHANGED
@@ -1,16 +1,8 @@
1
1
  import React from 'react';
2
2
  import { PopperPortalProps } from '@hi-ui/popper';
3
- export declare const usePopConfirm: ({ role, visible: visibleProp, onClose: onCloseProp, disabled, icon, closeOnCancel, closeOnConfirm, onCancel: onCancelProp, onConfirm: onConfirmProp, popper, ...rest }: UsePopConfirmProps) => {
3
+ export declare const usePopConfirm: ({ visible: visibleProp, onClose: onCloseProp, disabled, closeOnCancel, closeOnConfirm, onCancel: onCancelProp, onConfirm: onConfirmProp, popper, ...rest }: UsePopConfirmProps) => {
4
4
  rootProps: {
5
- role: React.AriaRole;
6
- /**
7
- * 取消按钮文案
8
- */
9
- cancelText?: React.ReactNode;
10
- /**
11
- * 确认按钮文案
12
- */
13
- confirmText?: React.ReactNode;
5
+ role: string;
14
6
  };
15
7
  getTriggerProps: (props: any, ref: any) => {
16
8
  ref: ((value: HTMLElement | ((prevState: HTMLElement | null) => HTMLElement | null)) => void) | null;
@@ -20,20 +12,268 @@ export declare const usePopConfirm: ({ role, visible: visibleProp, onClose: onCl
20
12
  visible: boolean;
21
13
  attachEl: HTMLElement | null;
22
14
  onClose: () => void;
15
+ slot?: string | undefined;
23
16
  style?: React.CSSProperties | undefined;
17
+ key?: React.Key | null | undefined;
18
+ defaultChecked?: boolean | undefined;
19
+ suppressContentEditableWarning?: boolean | undefined;
20
+ suppressHydrationWarning?: boolean | undefined;
21
+ accessKey?: string | undefined;
22
+ className?: string | undefined;
23
+ contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
24
+ contextMenu?: string | undefined;
25
+ dir?: string | undefined;
26
+ draggable?: (boolean | "true" | "false") | undefined;
27
+ hidden?: boolean | undefined;
28
+ id?: string | undefined;
29
+ lang?: string | undefined;
30
+ placeholder?: string | undefined;
31
+ spellCheck?: (boolean | "true" | "false") | undefined;
32
+ tabIndex?: number | undefined;
33
+ translate?: "yes" | "no" | undefined;
34
+ radioGroup?: string | undefined;
35
+ role?: (React.AriaRole & string) | undefined;
36
+ about?: string | undefined;
37
+ datatype?: string | undefined;
38
+ inlist?: any;
39
+ property?: string | undefined;
40
+ resource?: string | undefined;
41
+ typeof?: string | undefined;
42
+ vocab?: string | undefined;
43
+ autoCapitalize?: string | undefined;
44
+ autoCorrect?: string | undefined;
45
+ autoSave?: string | undefined;
46
+ color?: string | undefined;
47
+ itemProp?: string | undefined;
48
+ itemScope?: boolean | undefined;
49
+ itemType?: string | undefined;
50
+ itemID?: string | undefined;
51
+ itemRef?: string | undefined;
52
+ results?: number | undefined;
53
+ security?: string | undefined;
54
+ unselectable?: "on" | "off" | undefined;
55
+ inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
56
+ is?: string | undefined;
57
+ 'aria-activedescendant'?: string | undefined;
58
+ 'aria-atomic'?: boolean | "true" | "false" | undefined;
59
+ 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
60
+ 'aria-busy'?: boolean | "true" | "false" | undefined;
61
+ 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
62
+ 'aria-colcount'?: number | undefined;
63
+ 'aria-colindex'?: number | undefined;
64
+ 'aria-colspan'?: number | undefined;
65
+ 'aria-controls'?: string | undefined;
66
+ 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
67
+ 'aria-describedby'?: string | undefined;
68
+ 'aria-details'?: string | undefined;
69
+ 'aria-disabled'?: boolean | "true" | "false" | undefined;
70
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
71
+ 'aria-errormessage'?: string | undefined;
72
+ 'aria-expanded'?: boolean | "true" | "false" | undefined;
73
+ 'aria-flowto'?: string | undefined;
74
+ 'aria-grabbed'?: boolean | "true" | "false" | undefined;
75
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
76
+ 'aria-hidden'?: boolean | "true" | "false" | undefined;
77
+ 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
78
+ 'aria-keyshortcuts'?: string | undefined;
79
+ 'aria-label'?: string | undefined;
80
+ 'aria-labelledby'?: string | undefined;
81
+ 'aria-level'?: number | undefined;
82
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined;
83
+ 'aria-modal'?: boolean | "true" | "false" | undefined;
84
+ 'aria-multiline'?: boolean | "true" | "false" | undefined;
85
+ 'aria-multiselectable'?: boolean | "true" | "false" | undefined;
86
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined;
87
+ 'aria-owns'?: string | undefined;
88
+ 'aria-placeholder'?: string | undefined;
89
+ 'aria-posinset'?: number | undefined;
90
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
91
+ 'aria-readonly'?: boolean | "true" | "false" | undefined;
92
+ 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
93
+ 'aria-required'?: boolean | "true" | "false" | undefined;
94
+ 'aria-roledescription'?: string | undefined;
95
+ 'aria-rowcount'?: number | undefined;
96
+ 'aria-rowindex'?: number | undefined;
97
+ 'aria-rowspan'?: number | undefined;
98
+ 'aria-selected'?: boolean | "true" | "false" | undefined;
99
+ 'aria-setsize'?: number | undefined;
100
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
101
+ 'aria-valuemax'?: number | undefined;
102
+ 'aria-valuemin'?: number | undefined;
103
+ 'aria-valuenow'?: number | undefined;
104
+ 'aria-valuetext'?: string | undefined;
24
105
  children?: React.ReactNode;
25
- role?: string | undefined;
106
+ dangerouslySetInnerHTML?: {
107
+ __html: string;
108
+ } | undefined;
109
+ onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
110
+ onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
111
+ onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
112
+ onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
113
+ onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
114
+ onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
115
+ onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
116
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
117
+ onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
118
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
119
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
120
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
121
+ onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
122
+ onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
123
+ onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
124
+ onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
125
+ onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
126
+ onBeforeInput?: React.FormEventHandler<HTMLDivElement> | undefined;
127
+ onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
128
+ onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
129
+ onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
130
+ onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
131
+ onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
132
+ onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
133
+ onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
134
+ onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
135
+ onInvalidCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
136
+ onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
137
+ onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
138
+ onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
139
+ onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
140
+ onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
141
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
142
+ onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
143
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
144
+ onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
145
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
146
+ onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
147
+ onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
148
+ onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
149
+ onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
150
+ onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
151
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
152
+ onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
153
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
154
+ onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
155
+ onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
156
+ onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
157
+ onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
158
+ onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
159
+ onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
160
+ onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
161
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
162
+ onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
163
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
164
+ onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
165
+ onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
166
+ onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
167
+ onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
168
+ onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
169
+ onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
170
+ onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
171
+ onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
172
+ onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
173
+ onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
174
+ onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
175
+ onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
176
+ onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
177
+ onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
178
+ onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
179
+ onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
180
+ onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
181
+ onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
182
+ onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
183
+ onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
184
+ onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
185
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
186
+ onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
187
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
188
+ onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
189
+ onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
190
+ onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
191
+ onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
192
+ onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
193
+ onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
194
+ onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
195
+ onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
196
+ onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
197
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
198
+ onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
199
+ onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
200
+ onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
201
+ onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
202
+ onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
203
+ onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
204
+ onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
205
+ onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
206
+ onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
207
+ onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
208
+ onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
209
+ onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
210
+ onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
211
+ onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
212
+ onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
213
+ onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
214
+ onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
215
+ onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
216
+ onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
217
+ onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
218
+ onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
219
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
220
+ onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
221
+ onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
222
+ onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
223
+ onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
224
+ onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
225
+ onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
226
+ onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
227
+ onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
228
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
229
+ onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
230
+ onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
231
+ onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
232
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
233
+ onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
234
+ onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
235
+ onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
236
+ onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
237
+ onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
238
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
239
+ onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
240
+ onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
241
+ onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
242
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
243
+ onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
244
+ onPointerEnterCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
245
+ onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
246
+ onPointerLeaveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
247
+ onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
248
+ onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
249
+ onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
250
+ onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
251
+ onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
252
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
253
+ onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
254
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
255
+ onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
256
+ onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
257
+ onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
258
+ onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
259
+ onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
260
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
261
+ onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
262
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
263
+ onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
264
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
265
+ onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
266
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
26
267
  disabledPortal?: boolean | undefined;
27
268
  container?: HTMLElement | (() => HTMLElement | null) | null | undefined;
28
- prefixCls?: string | undefined;
29
- className?: string | undefined;
30
- zIndex?: number | undefined;
31
- closeOnEsc?: boolean | undefined;
32
- closeOnOutsideClick?: boolean | undefined;
33
269
  preload?: boolean | undefined;
34
270
  unmountOnClose?: boolean | undefined;
35
- onOutsideClick?: ((evt: Event) => void) | undefined;
36
- gutterGap?: number | undefined;
271
+ autoFocus?: boolean | undefined;
272
+ onEnter?: (() => void) | undefined;
273
+ onExit?: (() => void) | undefined;
274
+ onEntered?: (() => void) | undefined;
275
+ onExited?: (() => void) | undefined;
276
+ prefixCls?: string | undefined;
37
277
  crossGap?: number | undefined;
38
278
  preventOverflow?: boolean | undefined;
39
279
  flip?: boolean | undefined;
@@ -45,22 +285,18 @@ export declare const usePopConfirm: ({ role, visible: visibleProp, onClose: onCl
45
285
  modifiers?: readonly import("@popperjs/core").Modifier<string, any>[] | undefined;
46
286
  arrowPadding?: number | undefined;
47
287
  strategy?: "absolute" | "fixed" | undefined;
48
- onKeyDown?: ((evt: React.KeyboardEvent<Element>) => void) | undefined;
49
- onEnter?: (() => void) | undefined;
50
- onExit?: (() => void) | undefined;
51
- onEntered?: (() => void) | undefined;
52
- onExited?: (() => void) | undefined;
288
+ zIndex?: number | undefined;
289
+ closeOnEsc?: boolean | undefined;
290
+ closeOnOutsideClick?: boolean | undefined;
291
+ onOutsideClick?: ((evt: React.SyntheticEvent<Element, Event>) => void) | undefined;
53
292
  arrow: boolean;
293
+ gutterGap: number;
54
294
  placement: import("@popperjs/core").Placement;
55
295
  };
56
296
  onCancel: (event: React.SyntheticEvent<Element, Event>) => void;
57
297
  onConfirm: (event: React.SyntheticEvent<Element, Event>) => void;
58
298
  };
59
299
  export interface UsePopConfirmProps {
60
- /**
61
- * 语义化标签
62
- */
63
- role?: React.AriaRole;
64
300
  /**
65
301
  * 是否显示确认框
66
302
  */
@@ -69,14 +305,6 @@ export interface UsePopConfirmProps {
69
305
  * 确认框关闭时回调
70
306
  */
71
307
  onClose?: () => void;
72
- /**
73
- * 取消按钮文案
74
- */
75
- cancelText?: React.ReactNode;
76
- /**
77
- * 确认按钮文案
78
- */
79
- confirmText?: React.ReactNode;
80
308
  /**
81
309
  * 取消时关闭确认框
82
310
  */
@@ -97,10 +325,6 @@ export interface UsePopConfirmProps {
97
325
  * 是否开启禁用
98
326
  */
99
327
  disabled?: boolean;
100
- /**
101
- * 自定义提示的 icon 图标
102
- */
103
- icon?: React.ReactNode;
104
328
  /**
105
329
  * 自定义控制 popper 行为，参见 `PopperProps`
106
330
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hi-ui/pop-confirm",
3
- "version": "4.0.0-alpha.3",
3
+ "version": "4.0.0-alpha.8",
4
4
  "description": "A sub-package for @hi-ui/hiui.",
5
5
  "keywords": [],
6
6
  "author": "HIUI <mi-hiui@xiaomi.com>",
@@ -43,26 +43,26 @@
43
43
  "url": "https://github.com/XiaoMi/hiui/issues"
44
44
  },
45
45
  "dependencies": {
46
- "@hi-ui/button": "^4.0.0-alpha.8",
46
+ "@hi-ui/button": "^4.0.0-alpha.13",
47
47
  "@hi-ui/classname": "^4.0.0-alpha.0",
48
- "@hi-ui/core": "^4.0.0-alpha.6",
49
- "@hi-ui/core-css": "^4.0.0-alpha.4",
50
- "@hi-ui/dom-utils": "^4.0.0-alpha.3",
48
+ "@hi-ui/core": "^4.0.0-alpha.10",
49
+ "@hi-ui/core-css": "^4.0.0-alpha.8",
50
+ "@hi-ui/dom-utils": "^4.0.0-alpha.4",
51
51
  "@hi-ui/env": "^4.0.0-alpha.0",
52
- "@hi-ui/icons": "^4.0.0-alpha.11",
53
- "@hi-ui/popper": "^4.0.0-alpha.9",
54
- "@hi-ui/react-utils": "^4.0.0-alpha.3",
55
- "@hi-ui/use-latest": "^4.0.0-alpha.2",
56
- "@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.7"
52
+ "@hi-ui/icons": "^4.0.0-alpha.16",
53
+ "@hi-ui/popper": "^4.0.0-alpha.13",
54
+ "@hi-ui/react-utils": "^4.0.0-alpha.4",
55
+ "@hi-ui/use-latest": "^4.0.0-alpha.3",
56
+ "@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.10"
57
57
  },
58
58
  "peerDependencies": {
59
59
  "react": "^17.0.1",
60
60
  "react-dom": "^17.0.1"
61
61
  },
62
62
  "devDependencies": {
63
- "@hi-ui/hi-build": "^4.0.0-alpha.0",
63
+ "@hi-ui/hi-build": "^4.0.0-alpha.3",
64
64
  "react": "^17.0.1",
65
65
  "react-dom": "^17.0.1"
66
66
  },
67
- "gitHead": "f067ec47048ec498d30cdc0333c598f963a172d1"
67
+ "gitHead": "651d38db4ff7ad032735fc9ac7570ce8bf29924f"
68
68
  }