@hi-ui/pop-confirm 4.0.0-beta.1 → 4.0.0-beta.10
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.
- package/lib/cjs/PopConfirm.js +14 -6
- package/lib/cjs/PopConfirm.js.map +1 -1
- package/lib/cjs/styles/index.scss.js +1 -1
- package/lib/cjs/use-pop-confirm.js +5 -5
- package/lib/cjs/use-pop-confirm.js.map +1 -1
- package/lib/esm/PopConfirm.js +10 -6
- package/lib/esm/PopConfirm.js.map +1 -1
- package/lib/esm/styles/index.scss.js +1 -1
- package/package.json +15 -13
package/lib/cjs/PopConfirm.js
CHANGED
@@ -27,10 +27,14 @@ var usePopConfirm = require('./use-pop-confirm.js');
|
|
27
27
|
|
28
28
|
var Button = require('@hi-ui/button');
|
29
29
|
|
30
|
-
var
|
30
|
+
var Popper = require('@hi-ui/popper');
|
31
31
|
|
32
32
|
var index = require('./icons/index.js');
|
33
33
|
|
34
|
+
var localeContext = require('@hi-ui/locale-context');
|
35
|
+
|
36
|
+
var typeAssertion = require('@hi-ui/type-assertion');
|
37
|
+
|
34
38
|
function _interopDefaultLegacy(e) {
|
35
39
|
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
36
40
|
'default': e
|
@@ -41,6 +45,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
41
45
|
|
42
46
|
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
|
43
47
|
|
48
|
+
var Popper__default = /*#__PURE__*/_interopDefaultLegacy(Popper);
|
49
|
+
|
44
50
|
var POP_CONFIRM_PREFIX = classname.getPrefixCls('pop-confirm');
|
45
51
|
/**
|
46
52
|
* TODO: What is PopConfirm
|
@@ -54,13 +60,15 @@ var PopConfirm = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
54
60
|
title = _a.title,
|
55
61
|
_a$icon = _a.icon,
|
56
62
|
icon = _a$icon === void 0 ? index.defaultTipIcon : _a$icon,
|
57
|
-
|
58
|
-
|
59
|
-
_a$confirmText = _a.confirmText,
|
60
|
-
confirmText = _a$confirmText === void 0 ? '确认' : _a$confirmText,
|
63
|
+
cancelTextProp = _a.cancelText,
|
64
|
+
confirmTextProp = _a.confirmText,
|
61
65
|
footer = _a.footer,
|
62
66
|
rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "title", "icon", "cancelText", "confirmText", "footer"]);
|
63
67
|
|
68
|
+
var i18n = localeContext.useLocaleContext();
|
69
|
+
var cancelText = typeAssertion.isUndef(cancelTextProp) ? i18n.get('popConfirm.cancelText') : cancelTextProp;
|
70
|
+
var confirmText = typeAssertion.isUndef(confirmTextProp) ? i18n.get('popConfirm.confirmText') : confirmTextProp;
|
71
|
+
|
64
72
|
var _usePopConfirm = usePopConfirm.usePopConfirm(rest),
|
65
73
|
rootProps = _usePopConfirm.rootProps,
|
66
74
|
getPopperProps = _usePopConfirm.getPopperProps,
|
@@ -73,7 +81,7 @@ var PopConfirm = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
73
81
|
var hasCancel = cancelText !== null;
|
74
82
|
var hasFooter = hasConfirm || hasCancel || footer !== null;
|
75
83
|
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
|
76
|
-
getTriggerProps(children.props, children.ref)) : null, /*#__PURE__*/React__default['default'].createElement(
|
84
|
+
getTriggerProps(children.props, children.ref)) : null, /*#__PURE__*/React__default['default'].createElement(Popper__default['default'], Object.assign({}, getPopperProps()), /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
|
77
85
|
ref: ref,
|
78
86
|
className: cls
|
79
87
|
}, rootProps), /*#__PURE__*/React__default['default'].createElement("section", {
|
@@ -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","footer","rest","usePopConfirm","rootProps","getPopperProps","getTriggerProps","onCancel","onConfirm","cls","cx","hasConfirm","hasCancel","hasFooter","React","isValidElement","cloneElement","props","
|
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","cancelTextProp","cancelText","confirmTextProp","confirmText","footer","rest","i18n","useLocaleContext","isUndef","get","usePopConfirm","rootProps","getPopperProps","getTriggerProps","onCancel","onConfirm","cls","cx","hasConfirm","hasCancel","hasFooter","React","isValidElement","cloneElement","props","Popper","undefined","Button","key","type","size","onClick","__DEV__","displayName"],"mappings":"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"}
|
@@ -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@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@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:
|
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: var(--hi-v4-text-size-normal, 0.875rem);\n line-height: var(--hi-v4-text-lineheight-normal, 1.375rem);\n position: relative;\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: var(--hi-v4-border-radius-normal, 4px);\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: var(--hi-v4-spacing-4, 8px);\n color: var(--hi-v4-color-warning-500, var(--hi-v4-color-yellow-500, #fab007));\n font-size: var(--hi-v4-text-size-xxl, 1.5rem); }\n.hi-v4-pop-confirm__footer {\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
|
|
@@ -23,7 +23,7 @@ var domUtils = require('@hi-ui/dom-utils');
|
|
23
23
|
|
24
24
|
var reactUtils = require('@hi-ui/react-utils');
|
25
25
|
|
26
|
-
var
|
26
|
+
var Popper = require('@hi-ui/popper');
|
27
27
|
|
28
28
|
var useToggle = require('@hi-ui/use-toggle');
|
29
29
|
|
@@ -40,8 +40,8 @@ var usePopConfirm = function usePopConfirm(_a) {
|
|
40
40
|
restProps = tslib.__rest(_a, ["visible", "disabled", "closeOnCancel", "closeOnConfirm", "onCancel", "onConfirm", "onOpen", "onClose"]); // TODO: 移除 popper,使用 hook 重写
|
41
41
|
|
42
42
|
|
43
|
-
var _omitPopperOverlayPro =
|
44
|
-
popper
|
43
|
+
var _omitPopperOverlayPro = Popper.omitPopperOverlayProps(restProps),
|
44
|
+
popper = _omitPopperOverlayPro[0],
|
45
45
|
rest = _omitPopperOverlayPro[1];
|
46
46
|
|
47
47
|
var _useUncontrolledToggl = useToggle.useUncontrolledToggle({
|
@@ -81,7 +81,7 @@ var usePopConfirm = function usePopConfirm(_a) {
|
|
81
81
|
};
|
82
82
|
}, [visibleAction, setTargetEl]);
|
83
83
|
var getPopperProps = React.useCallback(function () {
|
84
|
-
var popperProps = reactUtils.withDefaultProps(popper
|
84
|
+
var popperProps = reactUtils.withDefaultProps(popper, {
|
85
85
|
arrow: true,
|
86
86
|
placement: 'top',
|
87
87
|
// @DesignToken 10
|
@@ -92,7 +92,7 @@ var usePopConfirm = function usePopConfirm(_a) {
|
|
92
92
|
attachEl: targetEl,
|
93
93
|
onClose: visibleAction.off
|
94
94
|
});
|
95
|
-
}, [visible, targetEl, popper
|
95
|
+
}, [visible, targetEl, popper, visibleAction]);
|
96
96
|
var rootProps = Object.assign({
|
97
97
|
role: 'alert-dialog'
|
98
98
|
}, rest);
|
@@ -1 +1 @@
|
|
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,
|
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,MAAP;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,MAAjBqB,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,MAApB,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
@@ -13,8 +13,10 @@ import { getPrefixCls, cx } from '@hi-ui/classname';
|
|
13
13
|
import { __DEV__ } from '@hi-ui/env';
|
14
14
|
import { usePopConfirm } from './use-pop-confirm.js';
|
15
15
|
import Button from '@hi-ui/button';
|
16
|
-
import
|
16
|
+
import Popper from '@hi-ui/popper';
|
17
17
|
import { defaultTipIcon } from './icons/index.js';
|
18
|
+
import { useLocaleContext } from '@hi-ui/locale-context';
|
19
|
+
import { isUndef } from '@hi-ui/type-assertion';
|
18
20
|
var POP_CONFIRM_PREFIX = getPrefixCls('pop-confirm');
|
19
21
|
/**
|
20
22
|
* TODO: What is PopConfirm
|
@@ -28,13 +30,15 @@ var PopConfirm = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
28
30
|
title = _a.title,
|
29
31
|
_a$icon = _a.icon,
|
30
32
|
icon = _a$icon === void 0 ? defaultTipIcon : _a$icon,
|
31
|
-
|
32
|
-
|
33
|
-
_a$confirmText = _a.confirmText,
|
34
|
-
confirmText = _a$confirmText === void 0 ? '确认' : _a$confirmText,
|
33
|
+
cancelTextProp = _a.cancelText,
|
34
|
+
confirmTextProp = _a.confirmText,
|
35
35
|
footer = _a.footer,
|
36
36
|
rest = __rest(_a, ["prefixCls", "role", "className", "children", "title", "icon", "cancelText", "confirmText", "footer"]);
|
37
37
|
|
38
|
+
var i18n = useLocaleContext();
|
39
|
+
var cancelText = isUndef(cancelTextProp) ? i18n.get('popConfirm.cancelText') : cancelTextProp;
|
40
|
+
var confirmText = isUndef(confirmTextProp) ? i18n.get('popConfirm.confirmText') : confirmTextProp;
|
41
|
+
|
38
42
|
var _usePopConfirm = usePopConfirm(rest),
|
39
43
|
rootProps = _usePopConfirm.rootProps,
|
40
44
|
getPopperProps = _usePopConfirm.getPopperProps,
|
@@ -47,7 +51,7 @@ var PopConfirm = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
47
51
|
var hasCancel = cancelText !== null;
|
48
52
|
var hasFooter = hasConfirm || hasCancel || footer !== null;
|
49
53
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, // @ts-ignore
|
50
|
-
getTriggerProps(children.props, children.ref)) : null, /*#__PURE__*/React.createElement(
|
54
|
+
getTriggerProps(children.props, children.ref)) : null, /*#__PURE__*/React.createElement(Popper, Object.assign({}, getPopperProps()), /*#__PURE__*/React.createElement("div", Object.assign({
|
51
55
|
ref: ref,
|
52
56
|
className: cls
|
53
57
|
}, rootProps), /*#__PURE__*/React.createElement("section", {
|
@@ -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","footer","rest","usePopConfirm","rootProps","getPopperProps","getTriggerProps","onCancel","onConfirm","cls","cx","hasConfirm","hasCancel","hasFooter","React","isValidElement","cloneElement","props","
|
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","cancelTextProp","cancelText","confirmTextProp","confirmText","footer","rest","i18n","useLocaleContext","isUndef","get","usePopConfirm","rootProps","getPopperProps","getTriggerProps","onCancel","onConfirm","cls","cx","hasConfirm","hasCancel","hasFooter","React","isValidElement","cloneElement","props","Popper","undefined","Button","key","type","size","onClick","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;AAWA,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;MACKC,oBAAZC;MACaC,qBAAbC;MACAC,YAAAA;MACGC,kBAVL,YAAA,QAAA,aAAA,YAAA,SAAA,QAAA,cAAA,eAAA,UAAA;;MAcMC,IAAI,GAAGC,gBAAgB;MAEvBN,UAAU,GAAGO,OAAO,CAACR,cAAD,CAAPQ,GAA0BF,IAAI,CAACG,GAALH,CAAS,uBAATA,CAA1BE,GAA8DR;MAC3EG,WAAW,GAAGK,OAAO,CAACN,eAAD,CAAPM,GAChBF,IAAI,CAACG,GAALH,CAAS,wBAATA,CADgBE,GAEhBN;;uBAEwEQ,aAAa,CAACL,IAAD;MAAjFM,SAAR,kBAAQA;MAAWC,cAAnB,kBAAmBA;MAAgBC,eAAnC,kBAAmCA;MAAiBC,QAApD,kBAAoDA;MAAUC,SAA9D,kBAA8DA;;MAExDC,GAAG,GAAGC,EAAE,CAACvB,SAAD,EAAYC,SAAZ;MAERuB,UAAU,GAAGf,WAAW,KAAK;MAC7BgB,SAAS,GAAGlB,UAAU,KAAK;MAC3BmB,SAAS,GAAGF,UAAU,IAAIC,SAAdD,IAA2Bd,MAAM,KAAK;sBAGtDiB,mBAAAA,eAAAA,MAAAA,eACGA,KAAK,CAACC,cAAND,CAAqBzB,QAArByB,iBACGA,KAAK,CAACE,YAANF,CACEzB,QADFyB;AAGER,EAAAA,eAAe,CAACjB,QAAQ,CAAC4B,KAAV,EAAiB5B,QAAQ,CAACH,GAA1B,CAHjB4B,CADHA,GAMG,IAPNA,eAQEA,mBAAAA,CAACI,MAADJ,oBAAYT,cAAc,GAA1BS,eACEA,mBAAAA,MAAAA;AAAK5B,IAAAA,GAAG,EAAEA;AAAKE,IAAAA,SAAS,EAAEqB;KAASL,UAAnCU,eACEA,mBAAAA,UAAAA;AAAS1B,IAAAA,SAAS,EAAKD,SAAL;GAAlB2B,EACGvB,IAAI,gBAAGuB,mBAAAA,OAAAA;AAAM1B,IAAAA,SAAS,EAAKD,SAAL;GAAf2B,EAAgDvB,IAAhDuB,CAAH,GAAkE,IADzEA,eAEEA,mBAAAA,MAAAA;AAAK1B,IAAAA,SAAS,EAAKD,SAAL;GAAd2B,EAAgDxB,KAAhDwB,CAFFA,CADFA,EAMGD,SAAS,gBACRC,mBAAAA,SAAAA;AAAQ1B,IAAAA,SAAS,EAAKD,SAAL;GAAjB2B,EACGjB,MAAM,KAAKsB,SAAXtB,GACG,CACEe,SAAS,gBACPE,mBAAAA,CAACM,MAADN;AACEO,IAAAA,GAAG,EAAC;AACJjC,IAAAA,SAAS,EAAKD,SAAL;AACTmC,IAAAA,IAAI,EAAC;AACLC,IAAAA,IAAI,EAAC;AACLC,IAAAA,OAAO,EAAEjB;GALXO,EAOGpB,UAPHoB,CADO,GAUL,IAXN,EAYEH,UAAU,gBACRG,mBAAAA,CAACM,MAADN;AACEO,IAAAA,GAAG,EAAC;AACJjC,IAAAA,SAAS,EAAKD,SAAL;AACTmC,IAAAA,IAAI,EAAC;AACLC,IAAAA,IAAI,EAAC;AACLC,IAAAA,OAAO,EAAEhB;GALXM,EAOGlB,WAPHkB,CADQ,GAUN,IAtBN,CADHjB,GAyBGA,MA1BNiB,CADQ,GA6BN,IAnCNA,CADFA,CARFA;AAhC8B,CAAA;;AA2GpC,IAAIW,OAAJ,EAAa;AACX1C,EAAAA,UAAU,CAAC2C,WAAX3C,GAAyB,YAAzBA;;;"}
|
@@ -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@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@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:
|
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: var(--hi-v4-text-size-normal, 0.875rem);\n line-height: var(--hi-v4-text-lineheight-normal, 1.375rem);\n position: relative;\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: var(--hi-v4-border-radius-normal, 4px);\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: var(--hi-v4-spacing-4, 8px);\n color: var(--hi-v4-color-warning-500, var(--hi-v4-color-yellow-500, #fab007));\n font-size: var(--hi-v4-text-size-xxl, 1.5rem); }\n.hi-v4-pop-confirm__footer {\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/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@hi-ui/pop-confirm",
|
3
|
-
"version": "4.0.0-beta.
|
3
|
+
"version": "4.0.0-beta.10",
|
4
4
|
"description": "A sub-package for @hi-ui/hiui.",
|
5
5
|
"keywords": [],
|
6
6
|
"author": "HIUI <mi-hiui@xiaomi.com>",
|
@@ -43,27 +43,29 @@
|
|
43
43
|
"url": "https://github.com/XiaoMi/hiui/issues"
|
44
44
|
},
|
45
45
|
"dependencies": {
|
46
|
-
"@hi-ui/button": "^4.0.0-beta.
|
46
|
+
"@hi-ui/button": "^4.0.0-beta.5",
|
47
47
|
"@hi-ui/classname": "^4.0.0-beta.0",
|
48
|
-
"@hi-ui/core": "^4.0.0-beta.
|
49
|
-
"@hi-ui/core-css": "^4.0.0-beta.
|
50
|
-
"@hi-ui/dom-utils": "^4.0.0-beta.
|
48
|
+
"@hi-ui/core": "^4.0.0-beta.3",
|
49
|
+
"@hi-ui/core-css": "^4.0.0-beta.3",
|
50
|
+
"@hi-ui/dom-utils": "^4.0.0-beta.1",
|
51
51
|
"@hi-ui/env": "^4.0.0-beta.0",
|
52
|
-
"@hi-ui/icons": "^4.0.0-beta.
|
53
|
-
"@hi-ui/
|
54
|
-
"@hi-ui/
|
55
|
-
"@hi-ui/
|
56
|
-
"@hi-ui/
|
57
|
-
"@hi-ui/use-
|
52
|
+
"@hi-ui/icons": "^4.0.0-beta.3",
|
53
|
+
"@hi-ui/locale-context": "^4.0.0-beta.7",
|
54
|
+
"@hi-ui/popper": "^4.0.0-beta.5",
|
55
|
+
"@hi-ui/react-utils": "^4.0.0-beta.1",
|
56
|
+
"@hi-ui/type-assertion": "^4.0.0-beta.1",
|
57
|
+
"@hi-ui/use-latest": "^4.0.0-beta.1",
|
58
|
+
"@hi-ui/use-toggle": "^4.0.0-beta.1",
|
59
|
+
"@hi-ui/use-uncontrolled-state": "^4.0.0-beta.1"
|
58
60
|
},
|
59
61
|
"peerDependencies": {
|
60
62
|
"react": ">=16.8.6",
|
61
63
|
"react-dom": ">=16.8.6"
|
62
64
|
},
|
63
65
|
"devDependencies": {
|
64
|
-
"@hi-ui/hi-build": "^4.0.0-beta.
|
66
|
+
"@hi-ui/hi-build": "^4.0.0-beta.1",
|
65
67
|
"react": "^17.0.1",
|
66
68
|
"react-dom": "^17.0.1"
|
67
69
|
},
|
68
|
-
"gitHead": "
|
70
|
+
"gitHead": "6b493b7d53d775bd0b94f45f208986774620af43"
|
69
71
|
}
|