@hi-ui/pop-confirm 4.0.0-alpha.5 → 4.0.0-beta.0

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 (8) hide show
  1. package/lib/cjs/PopConfirm.js +2 -2
  2. package/lib/cjs/use-pop-confirm.js +35 -37
  3. package/lib/cjs/use-pop-confirm.js.map +1 -1
  4. package/lib/esm/PopConfirm.js +2 -2
  5. package/lib/esm/use-pop-confirm.js +33 -36
  6. package/lib/esm/use-pop-confirm.js.map +1 -1
  7. package/lib/types/use-pop-confirm.d.ts +25 -303
  8. package/package.json +17 -16
package/lib/cjs/PopConfirm.js CHANGED
@@ -88,13 +88,13 @@ var PopConfirm = /*#__PURE__*/React.forwardRef(function (_a, ref) {
88
88
  key: "1",
89
89
  className: prefixCls + "__btn-cancel",
90
90
  type: "default",
91
- size: "small",
91
+ size: "sm",
92
92
  onClick: onCancel
93
93
  }, cancelText) : null, hasConfirm ? /*#__PURE__*/React__default['default'].createElement(Button__default['default'], {
94
94
  key: "2",
95
95
  className: prefixCls + "__btn-confirm",
96
96
  type: "primary",
97
- size: "small",
97
+ size: "sm",
98
98
  onClick: onConfirm
99
99
  }, confirmText) : null] : footer) : null)));
100
100
  });
package/lib/cjs/use-pop-confirm.js CHANGED
@@ -17,60 +17,58 @@ var tslib = require('tslib');
17
17
 
18
18
  var React = require('react');
19
19
 
20
- var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
21
-
22
20
  var useLatest = require('@hi-ui/use-latest');
23
21
 
24
22
  var domUtils = require('@hi-ui/dom-utils');
25
23
 
26
24
  var reactUtils = require('@hi-ui/react-utils');
27
25
 
26
+ var popper = require('@hi-ui/popper');
27
+
28
+ var useToggle = require('@hi-ui/use-toggle');
29
+
28
30
  var usePopConfirm = function usePopConfirm(_a) {
29
31
  var visibleProp = _a.visible,
30
- onCloseProp = _a.onClose,
31
32
  _a$closeOnCancel = _a.closeOnCancel,
32
33
  closeOnCancel = _a$closeOnCancel === void 0 ? true : _a$closeOnCancel,
33
34
  _a$closeOnConfirm = _a.closeOnConfirm,
34
35
  closeOnConfirm = _a$closeOnConfirm === void 0 ? true : _a$closeOnConfirm,
35
36
  onCancelProp = _a.onCancel,
36
37
  onConfirmProp = _a.onConfirm,
37
- popper = _a.popper,
38
- rest = tslib.__rest(_a, ["visible", "onClose", "disabled", "closeOnCancel", "closeOnConfirm", "onCancel", "onConfirm", "popper"]);
38
+ onOpen = _a.onOpen,
39
+ _onClose = _a.onClose,
40
+ restProps = tslib.__rest(_a, ["visible", "disabled", "closeOnCancel", "closeOnConfirm", "onCancel", "onConfirm", "onOpen", "onClose"]); // TODO: 移除 popper，使用 hook 重写
41
+
42
+
43
+ var _omitPopperOverlayPro = popper.omitPopperOverlayProps(restProps),
44
+ popper$1 = _omitPopperOverlayPro[0],
45
+ rest = _omitPopperOverlayPro[1];
39
46
 
40
- var _useUncontrolledState = useUncontrolledState.useUncontrolledState(false, visibleProp, function (nextVisible) {
41
- if (!nextVisible) {
42
- onCloseProp === null || onCloseProp === void 0 ? void 0 : onCloseProp();
47
+ var _useUncontrolledToggl = useToggle.useUncontrolledToggle({
48
+ defaultVisible: false,
49
+ visible: visibleProp,
50
+ onOpen: onOpen,
51
+ onClose: function onClose() {
52
+ _onClose === null || _onClose === void 0 ? void 0 : _onClose();
53
+ onCancelProp === null || onCancelProp === void 0 ? void 0 : onCancelProp();
43
54
  }
44
55
  }),
45
- visible = _useUncontrolledState[0],
46
- trySetVisible = _useUncontrolledState[1];
56
+ visible = _useUncontrolledToggl[0],
57
+ visibleAction = _useUncontrolledToggl[1];
47
58
 
48
- var onToggle = React.useCallback(function () {
49
- trySetVisible(function (prev) {
50
- return !prev;
51
- });
52
- }, [trySetVisible]);
53
- var onClose = React.useCallback(function () {
54
- trySetVisible(false);
55
- }, [trySetVisible]);
56
- var cancelClose = React.useCallback(function () {
59
+ var onCancel = React.useCallback(function () {
57
60
  if (closeOnCancel) {
58
- onClose();
61
+ visibleAction.off();
59
62
  }
60
- }, [closeOnCancel, onClose]);
61
- var confirmClose = React.useCallback(function () {
63
+ }, [closeOnCancel, visibleAction]);
64
+ var onConfirmLatest = useLatest.useLatestCallback(onConfirmProp);
65
+ var onConfirm = React.useCallback(function () {
66
+ onConfirmLatest();
67
+
62
68
  if (closeOnConfirm) {
63
- onClose();
69
+ visibleAction.off();
64
70
  }
65
- }, [closeOnConfirm, onClose]);
66
- var onCancelLatest = useLatest.useLatestCallback(onCancelProp);
67
- var onConfirmLatest = useLatest.useLatestCallback(onConfirmProp);
68
- var onCancel = React.useMemo(function () {
69
- return domUtils.mockDefaultHandlers(onCancelLatest, cancelClose);
70
- }, [onCancelLatest, cancelClose]);
71
- var onConfirm = React.useMemo(function () {
72
- return domUtils.mockDefaultHandlers(onConfirmLatest, confirmClose);
73
- }, [onConfirmLatest, confirmClose]);
71
+ }, [closeOnConfirm, visibleAction, onConfirmLatest]);
74
72
 
75
73
  var _useState = React.useState(null),
76
74
  targetEl = _useState[0],
@@ -79,11 +77,11 @@ var usePopConfirm = function usePopConfirm(_a) {
79
77
  var getTriggerProps = React.useCallback(function (props, ref) {
80
78
  return {
81
79
  ref: reactUtils.mergeRefs(setTargetEl, ref),
82
- onClick: domUtils.mockDefaultHandlers(props.onClick, onToggle)
80
+ onClick: domUtils.mockDefaultHandlers(props.onClick, visibleAction.not)
83
81
  };
84
- }, [onToggle, setTargetEl]);
82
+ }, [visibleAction, setTargetEl]);
85
83
  var getPopperProps = React.useCallback(function () {
86
- var popperProps = reactUtils.withDefaultProps(popper, {
84
+ var popperProps = reactUtils.withDefaultProps(popper$1, {
87
85
  arrow: true,
88
86
  placement: 'top',
89
87
  // @DesignToken 10
@@ -92,9 +90,9 @@ var usePopConfirm = function usePopConfirm(_a) {
92
90
  return Object.assign(Object.assign({}, popperProps), {
93
91
  visible: visible,
94
92
  attachEl: targetEl,
95
- onClose: onClose
93
+ onClose: visibleAction.off
96
94
  });
97
- }, [visible, targetEl, popper, onClose]);
95
+ }, [visible, targetEl, popper$1, visibleAction]);
98
96
  var rootProps = Object.assign({
99
97
  role: 'alert-dialog'
100
98
  }, rest);
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","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;;;"}
1
+ {"version":3,"file":"use-pop-confirm.js","sources":["../../src/use-pop-confirm.ts"],"sourcesContent":[null],"names":["usePopConfirm","_a","visibleProp","visible","closeOnCancel","closeOnConfirm","onCancelProp","onCancel","onConfirmProp","onConfirm","onOpen","onClose","restProps","omitPopperOverlayProps","popper","rest","useUncontrolledToggle","defaultVisible","visibleAction","useCallback","off","onConfirmLatest","useLatestCallback","useState","targetEl","setTargetEl","getTriggerProps","props","ref","mergeRefs","onClick","mockDefaultHandlers","not","getPopperProps","popperProps","withDefaultProps","arrow","placement","gutterGap","attachEl","rootProps","role"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,EAAD;MAClBC,iBAATC;4BAEAC;MAAAA,8CAAgB;6BAChBC;MAAAA,gDAAiB;MACPC,kBAAVC;MACWC,mBAAXC;MACAC,YAAAA;MACAC,cAAAA;MACGC,6BATyB,UAAA,YAAA,iBAAA,kBAAA,YAAA,aAAA,UAAA,WAAA;;;8BAYLC,6BAAAA,CAAuBD,SAAvBC;MAAhBC,QAAP;MAAeC,IAAf;;8BAEiCC,+BAAAA,CAAsB;AACrDC,IAAAA,cAAc,EAAE,KADqC;AAErDd,IAAAA,OAAO,EAAED,WAF4C;AAGrDQ,IAAAA,MAAM,EAANA,MAHqD;AAIrDC,IAAAA,OAAO,EAAE,gBAAA;AACPA,MAAAA,QAAO,SAAPA,IAAAA,QAAO,WAAPA,SAAAA,GAAAA,QAAO,EAAPA;AACAL,MAAAA,YAAY,SAAZA,IAAAA,YAAY,WAAZA,SAAAA,GAAAA,YAAY,EAAZA;;AANmD,GAAtBU;MAA1Bb,OAAP;MAAgBe,aAAhB;;MAUMX,QAAQ,GAAGY,iBAAAA,CAAY;QACvBf,eAAe;AACjBc,MAAAA,aAAa,CAACE,GAAdF;;AAFwB,GAAXC,EAId,CAACf,aAAD,EAAgBc,aAAhB,CAJcC;MAMXE,eAAe,GAAGC,2BAAAA,CAAkBd,aAAlBc;MAElBb,SAAS,GAAGU,iBAAAA,CAAY;AAC5BE,IAAAA,eAAe;;QACXhB,gBAAgB;AAClBa,MAAAA,aAAa,CAACE,GAAdF;;AAHyB,GAAXC,EAKf,CAACd,cAAD,EAAiBa,aAAjB,EAAgCG,eAAhC,CALeF;;kBAOcI,cAAAA,CAA6B,IAA7BA;MAAzBC,QAAP;MAAiBC,WAAjB;;MAEMC,eAAe,GAAGP,iBAAAA,CACtB,UAACQ,KAAD,EAAQC,GAAR;WACS;AACLA,MAAAA,GAAG,EAAEC,oBAAAA,CAAUJ,WAAVI,EAAuBD,GAAvBC,CADA;AAELC,MAAAA,OAAO,EAAEC,4BAAAA,CAAoBJ,KAAK,CAACG,OAA1BC,EAAmCb,aAAa,CAACc,GAAjDD;AAFJ;AAFwB,GAAXZ,EAOtB,CAACD,aAAD,EAAgBO,WAAhB,CAPsBN;MAUlBc,cAAc,GAAGd,iBAAAA,CAAY;QAC3Be,WAAW,GAAGC,2BAAAA,CAAiBrB,QAAjBqB,EAAyB;AAC3CC,MAAAA,KAAK,EAAE,IADoC;AAE3CC,MAAAA,SAAS,EAAE,KAFgC;;AAI3CC,MAAAA,SAAS,EAAE;AAJgC,KAAzBH;2CAQfD;AACH/B,MAAAA,OAAO,EAAPA;AACAoC,MAAAA,QAAQ,EAAEf;AACVb,MAAAA,OAAO,EAAEO,aAAa,CAACE;;AAZO,GAAXD,EAcpB,CAAChB,OAAD,EAAUqB,QAAV,EAAoBV,QAApB,EAA4BI,aAA5B,CAdoBC;MAgBjBqB,SAAS;AACbC,IAAAA,IAAI,EAAE;KACH1B;SAGE;AACLyB,IAAAA,SAAS,EAATA,SADK;AAELd,IAAAA,eAAe,EAAfA,eAFK;AAGLO,IAAAA,cAAc,EAAdA,cAHK;AAIL1B,IAAAA,QAAQ,EAARA,QAJK;AAKLE,IAAAA,SAAS,EAATA;AALK;;;"}
package/lib/esm/PopConfirm.js CHANGED
@@ -62,13 +62,13 @@ var PopConfirm = /*#__PURE__*/forwardRef(function (_a, ref) {
62
62
  key: "1",
63
63
  className: prefixCls + "__btn-cancel",
64
64
  type: "default",
65
- size: "small",
65
+ size: "sm",
66
66
  onClick: onCancel
67
67
  }, cancelText) : null, hasConfirm ? /*#__PURE__*/React.createElement(Button, {
68
68
  key: "2",
69
69
  className: prefixCls + "__btn-confirm",
70
70
  type: "primary",
71
- size: "small",
71
+ size: "sm",
72
72
  onClick: onConfirm
73
73
  }, confirmText) : null] : footer) : null)));
74
74
  });
package/lib/esm/use-pop-confirm.js CHANGED
@@ -8,58 +8,55 @@
8
8
  * LICENSE file in the root directory of this source tree.
9
9
  */
10
10
  import { __rest } from 'tslib';
11
- import { useCallback, useMemo, useState } from 'react';
12
- import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
11
+ import { useCallback, useState } from 'react';
13
12
  import { useLatestCallback } from '@hi-ui/use-latest';
14
13
  import { mockDefaultHandlers } from '@hi-ui/dom-utils';
15
14
  import { mergeRefs, withDefaultProps } from '@hi-ui/react-utils';
15
+ import { omitPopperOverlayProps } from '@hi-ui/popper';
16
+ import { useUncontrolledToggle } from '@hi-ui/use-toggle';
16
17
 
17
18
  var usePopConfirm = function usePopConfirm(_a) {
18
19
  var visibleProp = _a.visible,
19
- onCloseProp = _a.onClose,
20
20
  _a$closeOnCancel = _a.closeOnCancel,
21
21
  closeOnCancel = _a$closeOnCancel === void 0 ? true : _a$closeOnCancel,
22
22
  _a$closeOnConfirm = _a.closeOnConfirm,
23
23
  closeOnConfirm = _a$closeOnConfirm === void 0 ? true : _a$closeOnConfirm,
24
24
  onCancelProp = _a.onCancel,
25
25
  onConfirmProp = _a.onConfirm,
26
- popper = _a.popper,
27
- rest = __rest(_a, ["visible", "onClose", "disabled", "closeOnCancel", "closeOnConfirm", "onCancel", "onConfirm", "popper"]);
26
+ onOpen = _a.onOpen,
27
+ _onClose = _a.onClose,
28
+ restProps = __rest(_a, ["visible", "disabled", "closeOnCancel", "closeOnConfirm", "onCancel", "onConfirm", "onOpen", "onClose"]); // TODO: 移除 popper，使用 hook 重写
28
29
 
29
- var _useUncontrolledState = useUncontrolledState(false, visibleProp, function (nextVisible) {
30
- if (!nextVisible) {
31
- onCloseProp === null || onCloseProp === void 0 ? void 0 : onCloseProp();
30
+
31
+ var _omitPopperOverlayPro = omitPopperOverlayProps(restProps),
32
+ popper = _omitPopperOverlayPro[0],
33
+ rest = _omitPopperOverlayPro[1];
34
+
35
+ var _useUncontrolledToggl = useUncontrolledToggle({
36
+ defaultVisible: false,
37
+ visible: visibleProp,
38
+ onOpen: onOpen,
39
+ onClose: function onClose() {
40
+ _onClose === null || _onClose === void 0 ? void 0 : _onClose();
41
+ onCancelProp === null || onCancelProp === void 0 ? void 0 : onCancelProp();
32
42
  }
33
43
  }),
34
- visible = _useUncontrolledState[0],
35
- trySetVisible = _useUncontrolledState[1];
44
+ visible = _useUncontrolledToggl[0],
45
+ visibleAction = _useUncontrolledToggl[1];
36
46
 
37
- var onToggle = useCallback(function () {
38
- trySetVisible(function (prev) {
39
- return !prev;
40
- });
41
- }, [trySetVisible]);
42
- var onClose = useCallback(function () {
43
- trySetVisible(false);
44
- }, [trySetVisible]);
45
- var cancelClose = useCallback(function () {
47
+ var onCancel = useCallback(function () {
46
48
  if (closeOnCancel) {
47
- onClose();
49
+ visibleAction.off();
48
50
  }
49
- }, [closeOnCancel, onClose]);
50
- var confirmClose = useCallback(function () {
51
+ }, [closeOnCancel, visibleAction]);
52
+ var onConfirmLatest = useLatestCallback(onConfirmProp);
53
+ var onConfirm = useCallback(function () {
54
+ onConfirmLatest();
55
+
51
56
  if (closeOnConfirm) {
52
- onClose();
57
+ visibleAction.off();
53
58
  }
54
- }, [closeOnConfirm, onClose]);
55
- var onCancelLatest = useLatestCallback(onCancelProp);
56
- var onConfirmLatest = useLatestCallback(onConfirmProp);
57
- var onCancel = useMemo(function () {
58
- return mockDefaultHandlers(onCancelLatest, cancelClose);
59
- }, [onCancelLatest, cancelClose]);
60
- var onConfirm = useMemo(function () {
61
- return mockDefaultHandlers(onConfirmLatest, confirmClose);
62
- }, [onConfirmLatest, confirmClose]);
59
+ }, [closeOnConfirm, visibleAction, onConfirmLatest]);
63
60
 
64
61
  var _useState = useState(null),
65
62
  targetEl = _useState[0],
@@ -68,9 +65,9 @@ var usePopConfirm = function usePopConfirm(_a) {
68
65
  var getTriggerProps = useCallback(function (props, ref) {
69
66
  return {
70
67
  ref: mergeRefs(setTargetEl, ref),
71
- onClick: mockDefaultHandlers(props.onClick, onToggle)
68
+ onClick: mockDefaultHandlers(props.onClick, visibleAction.not)
72
69
  };
73
- }, [onToggle, setTargetEl]);
70
+ }, [visibleAction, setTargetEl]);
74
71
  var getPopperProps = useCallback(function () {
75
72
  var popperProps = withDefaultProps(popper, {
76
73
  arrow: true,
@@ -81,9 +78,9 @@ var usePopConfirm = function usePopConfirm(_a) {
81
78
  return Object.assign(Object.assign({}, popperProps), {
82
79
  visible: visible,
83
80
  attachEl: targetEl,
84
- onClose: onClose
81
+ onClose: visibleAction.off
85
82
  });
86
- }, [visible, targetEl, popper, onClose]);
83
+ }, [visible, targetEl, popper, visibleAction]);
87
84
  var rootProps = Object.assign({
88
85
  role: 'alert-dialog'
89
86
  }, rest);
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","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;;;"}
1
+ {"version":3,"file":"use-pop-confirm.js","sources":["../../src/use-pop-confirm.ts"],"sourcesContent":[null],"names":["usePopConfirm","_a","visibleProp","visible","closeOnCancel","closeOnConfirm","onCancelProp","onCancel","onConfirmProp","onConfirm","onOpen","onClose","restProps","omitPopperOverlayProps","popper","rest","useUncontrolledToggle","defaultVisible","visibleAction","useCallback","off","onConfirmLatest","useLatestCallback","useState","targetEl","setTargetEl","getTriggerProps","props","ref","mergeRefs","onClick","mockDefaultHandlers","not","getPopperProps","popperProps","withDefaultProps","arrow","placement","gutterGap","attachEl","rootProps","role"],"mappings":";;;;;;;;;;;;;;;;;IAOaA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,EAAD;MAClBC,iBAATC;4BAEAC;MAAAA,8CAAgB;6BAChBC;MAAAA,gDAAiB;MACPC,kBAAVC;MACWC,mBAAXC;MACAC,YAAAA;MACAC,cAAAA;MACGC,uBATyB,UAAA,YAAA,iBAAA,kBAAA,YAAA,aAAA,UAAA,WAAA;;;8BAYLC,sBAAsB,CAACD,SAAD;MAAtCE,MAAP;MAAeC,IAAf;;8BAEiCC,qBAAqB,CAAC;AACrDC,IAAAA,cAAc,EAAE,KADqC;AAErDd,IAAAA,OAAO,EAAED,WAF4C;AAGrDQ,IAAAA,MAAM,EAANA,MAHqD;AAIrDC,IAAAA,OAAO,EAAE,gBAAA;AACPA,MAAAA,QAAO,SAAPA,IAAAA,QAAO,WAAPA,SAAAA,GAAAA,QAAO,EAAPA;AACAL,MAAAA,YAAY,SAAZA,IAAAA,YAAY,WAAZA,SAAAA,GAAAA,YAAY,EAAZA;;AANmD,GAAD;MAA/CH,OAAP;MAAgBe,aAAhB;;MAUMX,QAAQ,GAAGY,WAAW,CAAC;QACvBf,eAAe;AACjBc,MAAAA,aAAa,CAACE,GAAdF;;AAFwB,GAAA,EAIzB,CAACd,aAAD,EAAgBc,aAAhB,CAJyB;MAMtBG,eAAe,GAAGC,iBAAiB,CAACd,aAAD;MAEnCC,SAAS,GAAGU,WAAW,CAAC;AAC5BE,IAAAA,eAAe;;QACXhB,gBAAgB;AAClBa,MAAAA,aAAa,CAACE,GAAdF;;AAHyB,GAAA,EAK1B,CAACb,cAAD,EAAiBa,aAAjB,EAAgCG,eAAhC,CAL0B;;kBAOGE,QAAQ,CAAqB,IAArB;MAAjCC,QAAP;MAAiBC,WAAjB;;MAEMC,eAAe,GAAGP,WAAW,CACjC,UAACQ,KAAD,EAAQC,GAAR;WACS;AACLA,MAAAA,GAAG,EAAEC,SAAS,CAACJ,WAAD,EAAcG,GAAd,CADT;AAELE,MAAAA,OAAO,EAAEC,mBAAmB,CAACJ,KAAK,CAACG,OAAP,EAAgBZ,aAAa,CAACc,GAA9B;AAFvB;AAFwB,GAAA,EAOjC,CAACd,aAAD,EAAgBO,WAAhB,CAPiC;MAU7BQ,cAAc,GAAGd,WAAW,CAAC;QAC3Be,WAAW,GAAGC,gBAAgB,CAACrB,MAAD,EAAS;AAC3CsB,MAAAA,KAAK,EAAE,IADoC;AAE3CC,MAAAA,SAAS,EAAE,KAFgC;;AAI3CC,MAAAA,SAAS,EAAE;AAJgC,KAAT;2CAQ/BJ;AACH/B,MAAAA,OAAO,EAAPA;AACAoC,MAAAA,QAAQ,EAAEf;AACVb,MAAAA,OAAO,EAAEO,aAAa,CAACE;;AAZO,GAAA,EAc/B,CAACjB,OAAD,EAAUqB,QAAV,EAAoBV,MAApB,EAA4BI,aAA5B,CAd+B;MAgB5BsB,SAAS;AACbC,IAAAA,IAAI,EAAE;KACH1B;SAGE;AACLyB,IAAAA,SAAS,EAATA,SADK;AAELd,IAAAA,eAAe,EAAfA,eAFK;AAGLO,IAAAA,cAAc,EAAdA,cAHK;AAIL1B,IAAAA,QAAQ,EAARA,QAJK;AAKLE,IAAAA,SAAS,EAATA;AALK;;;"}
package/lib/types/use-pop-confirm.d.ts CHANGED
@@ -1,301 +1,20 @@
1
- import React from 'react';
2
- import { PopperPortalProps } from '@hi-ui/popper';
3
- export declare const usePopConfirm: ({ visible: visibleProp, onClose: onCloseProp, disabled, closeOnCancel, closeOnConfirm, onCancel: onCancelProp, onConfirm: onConfirmProp, popper, ...rest }: UsePopConfirmProps) => {
4
- rootProps: {
5
- role: string;
6
- };
1
+ /// <reference types="react" />
2
+ export declare const usePopConfirm: ({ visible: visibleProp, disabled, closeOnCancel, closeOnConfirm, onCancel: onCancelProp, onConfirm: onConfirmProp, onOpen, onClose, ...restProps }: UsePopConfirmProps) => {
3
+ rootProps: any;
7
4
  getTriggerProps: (props: any, ref: any) => {
8
5
  ref: ((value: HTMLElement | ((prevState: HTMLElement | null) => HTMLElement | null)) => void) | null;
9
- onClick: (event: React.SyntheticEvent<Element, Event>) => void;
6
+ onClick: (event: import("react").SyntheticEvent<Element, Event>) => void;
10
7
  };
11
8
  getPopperProps: () => {
12
9
  visible: boolean;
13
10
  attachEl: HTMLElement | null;
14
11
  onClose: () => void;
15
- slot?: string | undefined;
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
- prefix?: string | undefined;
40
- property?: string | undefined;
41
- resource?: string | undefined;
42
- typeof?: string | undefined;
43
- vocab?: string | undefined;
44
- autoCapitalize?: string | undefined;
45
- autoCorrect?: string | undefined;
46
- autoSave?: string | undefined;
47
- color?: string | undefined;
48
- itemProp?: string | undefined;
49
- itemScope?: boolean | undefined;
50
- itemType?: string | undefined;
51
- itemID?: string | undefined;
52
- itemRef?: string | undefined;
53
- results?: number | undefined;
54
- security?: string | undefined;
55
- unselectable?: "on" | "off" | undefined;
56
- inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
57
- is?: string | undefined;
58
- 'aria-activedescendant'?: string | undefined;
59
- 'aria-atomic'?: boolean | "true" | "false" | undefined;
60
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
61
- 'aria-busy'?: boolean | "true" | "false" | undefined;
62
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
63
- 'aria-colcount'?: number | undefined;
64
- 'aria-colindex'?: number | undefined;
65
- 'aria-colspan'?: number | undefined;
66
- 'aria-controls'?: string | undefined;
67
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
68
- 'aria-describedby'?: string | undefined;
69
- 'aria-details'?: string | undefined;
70
- 'aria-disabled'?: boolean | "true" | "false" | undefined;
71
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
72
- 'aria-errormessage'?: string | undefined;
73
- 'aria-expanded'?: boolean | "true" | "false" | undefined;
74
- 'aria-flowto'?: string | undefined;
75
- 'aria-grabbed'?: boolean | "true" | "false" | undefined;
76
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
77
- 'aria-hidden'?: boolean | "true" | "false" | undefined;
78
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
79
- 'aria-keyshortcuts'?: string | undefined;
80
- 'aria-label'?: string | undefined;
81
- 'aria-labelledby'?: string | undefined;
82
- 'aria-level'?: number | undefined;
83
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
84
- 'aria-modal'?: boolean | "true" | "false" | undefined;
85
- 'aria-multiline'?: boolean | "true" | "false" | undefined;
86
- 'aria-multiselectable'?: boolean | "true" | "false" | undefined;
87
- 'aria-orientation'?: "horizontal" | "vertical" | undefined;
88
- 'aria-owns'?: string | undefined;
89
- 'aria-placeholder'?: string | undefined;
90
- 'aria-posinset'?: number | undefined;
91
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
92
- 'aria-readonly'?: boolean | "true" | "false" | undefined;
93
- 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
94
- 'aria-required'?: boolean | "true" | "false" | undefined;
95
- 'aria-roledescription'?: string | undefined;
96
- 'aria-rowcount'?: number | undefined;
97
- 'aria-rowindex'?: number | undefined;
98
- 'aria-rowspan'?: number | undefined;
99
- 'aria-selected'?: boolean | "true" | "false" | undefined;
100
- 'aria-setsize'?: number | undefined;
101
- 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
102
- 'aria-valuemax'?: number | undefined;
103
- 'aria-valuemin'?: number | undefined;
104
- 'aria-valuenow'?: number | undefined;
105
- 'aria-valuetext'?: string | undefined;
106
- children?: React.ReactNode;
107
- dangerouslySetInnerHTML?: {
108
- __html: string;
109
- } | undefined;
110
- onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
111
- onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
112
- onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
113
- onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
114
- onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
115
- onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
116
- onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
117
- onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
118
- onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
119
- onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
120
- onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
121
- onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
122
- onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
123
- onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
124
- onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
125
- onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
126
- onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
127
- onBeforeInput?: React.FormEventHandler<HTMLDivElement> | undefined;
128
- onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
129
- onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
130
- onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
131
- onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
132
- onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
133
- onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
134
- onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
135
- onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
136
- onInvalidCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
137
- onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
138
- onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
139
- onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
140
- onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
141
- onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
142
- onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
143
- onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
144
- onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
145
- onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
146
- onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
147
- onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
148
- onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
149
- onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
150
- onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
151
- onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
152
- onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
153
- onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
154
- onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
155
- onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
156
- onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
157
- onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
158
- onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
159
- onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
160
- onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
161
- onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
162
- onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
163
- onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
164
- onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
165
- onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
166
- onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
167
- onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
168
- onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
169
- onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
170
- onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
171
- onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
172
- onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
173
- onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
174
- onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
175
- onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
176
- onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
177
- onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
178
- onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
179
- onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
180
- onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
181
- onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
182
- onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
183
- onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
184
- onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
185
- onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
186
- onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
187
- onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
188
- onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
189
- onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
190
- onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
191
- onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
192
- onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
193
- onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
194
- onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
195
- onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
196
- onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
197
- onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
198
- onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
199
- onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
200
- onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
201
- onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
202
- onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
203
- onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
204
- onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
205
- onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
206
- onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
207
- onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
208
- onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
209
- onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
210
- onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
211
- onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
212
- onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
213
- onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
214
- onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
215
- onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
216
- onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
217
- onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
218
- onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
219
- onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
220
- onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
221
- onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
222
- onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
223
- onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
224
- onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
225
- onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
226
- onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
227
- onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
228
- onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
229
- onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
230
- onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
231
- onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
232
- onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
233
- onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
234
- onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
235
- onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
236
- onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
237
- onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
238
- onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
239
- onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
240
- onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
241
- onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
242
- onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
243
- onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
244
- onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
245
- onPointerEnterCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
246
- onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
247
- onPointerLeaveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
248
- onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
249
- onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
250
- onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
251
- onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
252
- onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
253
- onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
254
- onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
255
- onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
256
- onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
257
- onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
258
- onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
259
- onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
260
- onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
261
- onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
262
- onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
263
- onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
264
- onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
265
- onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
266
- onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
267
- onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
268
- disabledPortal?: boolean | undefined;
269
- container?: HTMLElement | (() => HTMLElement | null) | null | undefined;
270
- preload?: boolean | undefined;
271
- unmountOnClose?: boolean | undefined;
272
- autoFocus?: boolean | undefined;
273
- onEnter?: (() => void) | undefined;
274
- onExit?: (() => void) | undefined;
275
- onEntered?: (() => void) | undefined;
276
- onExited?: (() => void) | undefined;
277
- prefixCls?: string | undefined;
278
- crossGap?: number | undefined;
279
- preventOverflow?: boolean | undefined;
280
- flip?: boolean | undefined;
281
- matchWidth?: boolean | undefined;
282
- eventListeners?: boolean | {
283
- scroll?: boolean | undefined;
284
- resize?: boolean | undefined;
285
- } | undefined;
286
- modifiers?: readonly import("@popperjs/core").Modifier<string, any>[] | undefined;
287
- arrowPadding?: number | undefined;
288
- strategy?: "absolute" | "fixed" | undefined;
289
- zIndex?: number | undefined;
290
- closeOnEsc?: boolean | undefined;
291
- closeOnOutsideClick?: boolean | undefined;
292
- onOutsideClick?: ((evt: React.SyntheticEvent<Element, Event>) => void) | undefined;
293
- arrow: boolean;
294
- gutterGap: number;
295
- placement: import("@popperjs/core").Placement;
12
+ arrow: any;
13
+ placement: any;
14
+ gutterGap: any;
296
15
  };
297
- onCancel: (event: React.SyntheticEvent<Element, Event>) => void;
298
- onConfirm: (event: React.SyntheticEvent<Element, Event>) => void;
16
+ onCancel: () => void;
17
+ onConfirm: () => void;
299
18
  };
300
19
  export interface UsePopConfirmProps {
301
20
  /**
@@ -303,32 +22,35 @@ export interface UsePopConfirmProps {
303
22
  */
304
23
  visible?: boolean;
305
24
  /**
306
- * 确认框关闭时回调
307
- */
308
- onClose?: () => void;
309
- /**
310
- * 取消时关闭确认框
25
+ * 取消时关闭确认框。暂不对外暴露
26
+ * @private
311
27
  */
312
28
  closeOnCancel?: boolean;
313
29
  /**
314
- * 确认时关闭确认框
30
+ * 确认时关闭确认框。暂不对外暴露
31
+ * @private
315
32
  */
316
33
  closeOnConfirm?: boolean;
34
+ /**
35
+ * 弹窗打开时回调
36
+ */
37
+ onOpen?: () => void;
38
+ /**
39
+ * 弹窗关闭时回调
40
+ */
41
+ onClose?: () => void;
317
42
  /**
318
43
  * 点击取消按钮时回调
319
44
  */
320
- onCancel?: (event: React.MouseEvent) => void;
45
+ onCancel?: () => void;
321
46
  /**
322
47
  * 点击确认按钮时回调
323
48
  */
324
- onConfirm?: (event: React.MouseEvent) => void;
49
+ onConfirm?: () => void;
325
50
  /**
326
- * 是否开启禁用
51
+ * 是否开启禁用。暂不对外暴露
52
+ * @private
327
53
  */
328
54
  disabled?: boolean;
329
- /**
330
- * 自定义控制 popper 行为，参见 `PopperProps`
331
- */
332
- popper?: Omit<PopperPortalProps, 'visible' | 'attachEl' | 'onClose'>;
333
55
  }
334
56
  export declare type UsePopConfirmReturn = ReturnType<typeof usePopConfirm>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hi-ui/pop-confirm",
3
- "version": "4.0.0-alpha.5",
3
+ "version": "4.0.0-beta.0",
4
4
  "description": "A sub-package for @hi-ui/hiui.",
5
5
  "keywords": [],
6
6
  "author": "HIUI <mi-hiui@xiaomi.com>",
@@ -43,26 +43,27 @@
43
43
  "url": "https://github.com/XiaoMi/hiui/issues"
44
44
  },
45
45
  "dependencies": {
46
- "@hi-ui/button": "^4.0.0-alpha.10",
47
- "@hi-ui/classname": "^4.0.0-alpha.0",
48
- "@hi-ui/core": "^4.0.0-alpha.8",
49
- "@hi-ui/core-css": "^4.0.0-alpha.6",
50
- "@hi-ui/dom-utils": "^4.0.0-alpha.4",
51
- "@hi-ui/env": "^4.0.0-alpha.0",
52
- "@hi-ui/icons": "^4.0.0-alpha.13",
53
- "@hi-ui/popper": "^4.0.0-alpha.11",
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.8"
46
+ "@hi-ui/button": "^4.0.0-beta.0",
47
+ "@hi-ui/classname": "^4.0.0-beta.0",
48
+ "@hi-ui/core": "^4.0.0-beta.0",
49
+ "@hi-ui/core-css": "^4.0.0-beta.0",
50
+ "@hi-ui/dom-utils": "^4.0.0-beta.0",
51
+ "@hi-ui/env": "^4.0.0-beta.0",
52
+ "@hi-ui/icons": "^4.0.0-beta.0",
53
+ "@hi-ui/popper": "^4.0.0-beta.0",
54
+ "@hi-ui/react-utils": "^4.0.0-beta.0",
55
+ "@hi-ui/use-latest": "^4.0.0-beta.0",
56
+ "@hi-ui/use-toggle": "^4.0.0-beta.0",
57
+ "@hi-ui/use-uncontrolled-state": "^4.0.0-beta.0"
57
58
  },
58
59
  "peerDependencies": {
59
- "react": "^17.0.1",
60
- "react-dom": "^17.0.1"
60
+ "react": ">=16.8.6",
61
+ "react-dom": ">=16.8.6"
61
62
  },
62
63
  "devDependencies": {
63
- "@hi-ui/hi-build": "^4.0.0-alpha.3",
64
+ "@hi-ui/hi-build": "^4.0.0-beta.0",
64
65
  "react": "^17.0.1",
65
66
  "react-dom": "^17.0.1"
66
67
  },
67
- "gitHead": "689ef7c6b19089bf0aa818978c70da1e27714e6b"
68
+ "gitHead": "be106782f3ff72208ec6d4a2ec8acfe2a41fa1fe"
68
69
  }