HookModal.js
2.96 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var React = _interopRequireWildcard(require("react"));
var _ConfirmDialog = _interopRequireDefault(require("../ConfirmDialog"));
var _default2 = _interopRequireDefault(require("../../locale/default"));
var _LocaleReceiver = _interopRequireDefault(require("../../locale-provider/LocaleReceiver"));
var _configProvider = require("../../config-provider");
var HookModal = function HookModal(_ref, ref) {
var afterClose = _ref.afterClose,
config = _ref.config;
var _React$useState = React.useState(true),
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
visible = _React$useState2[0],
setVisible = _React$useState2[1];
var _React$useState3 = React.useState(config),
_React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
innerConfig = _React$useState4[0],
setInnerConfig = _React$useState4[1];
var _React$useContext = React.useContext(_configProvider.ConfigContext),
direction = _React$useContext.direction,
getPrefixCls = _React$useContext.getPrefixCls;
var prefixCls = getPrefixCls('modal');
var rootPrefixCls = getPrefixCls();
function close() {
setVisible(false);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
var triggerCancel = args.some(function (param) {
return param && param.triggerCancel;
});
if (innerConfig.onCancel && triggerCancel) {
innerConfig.onCancel();
}
}
React.useImperativeHandle(ref, function () {
return {
destroy: close,
update: function update(newConfig) {
setInnerConfig(function (originConfig) {
return (0, _extends2["default"])((0, _extends2["default"])({}, originConfig), newConfig);
});
}
};
});
return /*#__PURE__*/React.createElement(_LocaleReceiver["default"], {
componentName: "Modal",
defaultLocale: _default2["default"].Modal
}, function (modalLocale) {
return /*#__PURE__*/React.createElement(_ConfirmDialog["default"], (0, _extends2["default"])({
prefixCls: prefixCls,
rootPrefixCls: rootPrefixCls
}, innerConfig, {
close: close,
visible: visible,
afterClose: afterClose,
okText: innerConfig.okText || (innerConfig.okCancel ? modalLocale.okText : modalLocale.justOkText),
direction: direction,
cancelText: innerConfig.cancelText || modalLocale.cancelText
}));
});
};
var _default = /*#__PURE__*/React.forwardRef(HookModal);
exports["default"] = _default;