@hi-ui/pop-confirm 4.0.0-alpha.4 → 4.0.0-alpha.9

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 +5 -30
  13. package/package.json +13 -13
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;
@@ -22,8 +14,6 @@ export declare const usePopConfirm: ({ role, visible: visibleProp, onClose: onCl
22
14
  onClose: () => void;
23
15
  slot?: string | undefined;
24
16
  style?: React.CSSProperties | undefined;
25
- children?: React.ReactNode;
26
- role?: (React.AriaRole & string) | undefined;
27
17
  key?: React.Key | null | undefined;
28
18
  defaultChecked?: boolean | undefined;
29
19
  suppressContentEditableWarning?: boolean | undefined;
@@ -42,10 +32,10 @@ export declare const usePopConfirm: ({ role, visible: visibleProp, onClose: onCl
42
32
  tabIndex?: number | undefined;
43
33
  translate?: "yes" | "no" | undefined;
44
34
  radioGroup?: string | undefined;
35
+ role?: (React.AriaRole & string) | undefined;
45
36
  about?: string | undefined;
46
37
  datatype?: string | undefined;
47
38
  inlist?: any;
48
- prefix?: string | undefined;
49
39
  property?: string | undefined;
50
40
  resource?: string | undefined;
51
41
  typeof?: string | undefined;
@@ -112,6 +102,7 @@ export declare const usePopConfirm: ({ role, visible: visibleProp, onClose: onCl
112
102
  'aria-valuemin'?: number | undefined;
113
103
  'aria-valuenow'?: number | undefined;
114
104
  'aria-valuetext'?: string | undefined;
105
+ children?: React.ReactNode;
115
106
  dangerouslySetInnerHTML?: {
116
107
  __html: string;
117
108
  } | undefined;
@@ -283,7 +274,6 @@ export declare const usePopConfirm: ({ role, visible: visibleProp, onClose: onCl
283
274
  onEntered?: (() => void) | undefined;
284
275
  onExited?: (() => void) | undefined;
285
276
  prefixCls?: string | undefined;
286
- gutterGap?: number | undefined;
287
277
  crossGap?: number | undefined;
288
278
  preventOverflow?: boolean | undefined;
289
279
  flip?: boolean | undefined;
@@ -300,16 +290,13 @@ export declare const usePopConfirm: ({ role, visible: visibleProp, onClose: onCl
300
290
  closeOnOutsideClick?: boolean | undefined;
301
291
  onOutsideClick?: ((evt: React.SyntheticEvent<Element, Event>) => void) | undefined;
302
292
  arrow: boolean;
293
+ gutterGap: number;
303
294
  placement: import("@popperjs/core").Placement;
304
295
  };
305
296
  onCancel: (event: React.SyntheticEvent<Element, Event>) => void;
306
297
  onConfirm: (event: React.SyntheticEvent<Element, Event>) => void;
307
298
  };
308
299
  export interface UsePopConfirmProps {
309
- /**
310
- * 语义化标签
311
- */
312
- role?: React.AriaRole;
313
300
  /**
314
301
  * 是否显示确认框
315
302
  */
@@ -318,14 +305,6 @@ export interface UsePopConfirmProps {
318
305
  * 确认框关闭时回调
319
306
  */
320
307
  onClose?: () => void;
321
- /**
322
- * 取消按钮文案
323
- */
324
- cancelText?: React.ReactNode;
325
- /**
326
- * 确认按钮文案
327
- */
328
- confirmText?: React.ReactNode;
329
308
  /**
330
309
  * 取消时关闭确认框
331
310
  */
@@ -346,10 +325,6 @@ export interface UsePopConfirmProps {
346
325
  * 是否开启禁用
347
326
  */
348
327
  disabled?: boolean;
349
- /**
350
- * 自定义提示的 icon 图标
351
- */
352
- icon?: React.ReactNode;
353
328
  /**
354
329
  * 自定义控制 popper 行为，参见 `PopperProps`
355
330
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hi-ui/pop-confirm",
3
- "version": "4.0.0-alpha.4",
3
+ "version": "4.0.0-alpha.9",
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.9",
46
+ "@hi-ui/button": "^4.0.0-alpha.14",
47
47
  "@hi-ui/classname": "^4.0.0-alpha.0",
48
- "@hi-ui/core": "^4.0.0-alpha.7",
49
- "@hi-ui/core-css": "^4.0.0-alpha.5",
50
- "@hi-ui/dom-utils": "^4.0.0-alpha.3",
51
- "@hi-ui/env": "^4.0.0-alpha.0",
52
- "@hi-ui/icons": "^4.0.0-alpha.12",
53
- "@hi-ui/popper": "^4.0.0-alpha.10",
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"
48
+ "@hi-ui/core": "^4.0.0-alpha.11",
49
+ "@hi-ui/core-css": "^4.0.0-alpha.9",
50
+ "@hi-ui/dom-utils": "^4.0.0-alpha.5",
51
+ "@hi-ui/env": "^4.0.0-alpha.4",
52
+ "@hi-ui/icons": "^4.0.0-alpha.17",
53
+ "@hi-ui/popper": "^4.0.0-alpha.14",
54
+ "@hi-ui/react-utils": "^4.0.0-alpha.5",
55
+ "@hi-ui/use-latest": "^4.0.0-alpha.3",
56
+ "@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.11"
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": "a3b15b79bb08d15f45212c851a1c93ba5bf0d7c0"
67
+ "gitHead": "37cbc875cd26474cfc9ddbd1eeb0abd797a31835"
68
68
  }