ultra-design
Version:
208 lines (170 loc) • 7.46 kB
JavaScript
;
Object.defineProperty(exports, '__esModule', { value: true });
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
var _pt = require('prop-types');
var _regeneratorRuntime = require('@babel/runtime/regenerator');
var React = require('react');
var ReactDOM = require('react-dom');
var react = require('@icon-park/react');
var modalConfirm = require('./modal-confirm.js');
var modal = require('./modal.js');
var configProvider = require('../config-provider/config-provider.js');
var mergeProps = require('../utils/mergeProps.js');
var mitt = require('../utils/mitt.js');
var jsxRuntime = require('@emotion/react/jsx-runtime');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
var newConfig = {};
var unmountRoot = function unmountRoot() {
var root = document.getElementById('ultra-confirm');
if (root) {
ReactDOM__default["default"].unmountComponentAtNode(root);
return root;
}
};
var createRoot = function createRoot() {
var root = document.createElement('div');
root.id = 'ultra-confirm';
document.body.appendChild(root);
return root;
};
function confirm(data) {
var root = unmountRoot() || createRoot();
var options = {};
Object.assign(options, data);
var ConfirmModalWrapper = function ConfirmModalWrapper(props) {
var options = props.options;
var context = React.useContext(configProvider.ConfigContext);
var config = mergeProps.mergeProps(context, newConfig, options);
var _useState = React.useState(true),
_useState2 = _slicedToArray__default["default"](_useState, 2),
visible = _useState2[0],
setVisible = _useState2[1];
var _useState3 = React.useState(config),
_useState4 = _slicedToArray__default["default"](_useState3, 2),
confirmOptions = _useState4[0],
setConfirmModalOptions = _useState4[1];
var data = {
visible: visible,
title: jsxRuntime.jsxs(jsxRuntime.Fragment, {
children: [jsxRuntime.jsx(react.Info, {
fill: "#13c2c2"
}), " ", confirmOptions.title]
}),
onOk: function () {
var _onOk = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(e) {
var _confirmOptions$onOk;
var result;
return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
_context.next = 2;
return (_confirmOptions$onOk = confirmOptions.onOk) === null || _confirmOptions$onOk === void 0 ? void 0 : _confirmOptions$onOk.call(confirmOptions, e);
case 2:
result = _context.sent;
if (!(result === false)) {
_context.next = 5;
break;
}
return _context.abrupt("return");
case 5:
setVisible(false);
case 6:
case "end":
return _context.stop();
}
}
}, _callee);
}));
function onOk(_x) {
return _onOk.apply(this, arguments);
}
return onOk;
}(),
onClose: function () {
var _onClose = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(e) {
var _confirmOptions$onClo;
var result;
return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
while (1) {
switch (_context2.prev = _context2.next) {
case 0:
_context2.next = 2;
return (_confirmOptions$onClo = confirmOptions.onClose) === null || _confirmOptions$onClo === void 0 ? void 0 : _confirmOptions$onClo.call(confirmOptions, e);
case 2:
result = _context2.sent;
if (!(result === false)) {
_context2.next = 5;
break;
}
return _context2.abrupt("return");
case 5:
setVisible(false);
case 6:
case "end":
return _context2.stop();
}
}
}, _callee2);
}));
function onClose(_x2) {
return _onClose.apply(this, arguments);
}
return onClose;
}(),
children: confirmOptions.content,
cancelButton: confirmOptions.cancelButton,
confirmButton: confirmOptions.confirmButton
};
React.useEffect(function () {
mitt.emitter.on('modal-config', function (e) {
setConfirmModalOptions(function (o) {
return mergeProps.mergeProps(o, e);
});
});
return function () {
mitt.emitter.all.clear();
};
}, []);
return jsxRuntime.jsx(modalConfirm["default"], _objectSpread(_objectSpread({}, confirmOptions), data));
};
ConfirmModalWrapper.propTypes = {
options: _pt__default["default"].shape({
title: _pt__default["default"].node,
content: _pt__default["default"].node.isRequired,
onClose: _pt__default["default"].func,
onOk: _pt__default["default"].func
}).isRequired
};
ReactDOM__default["default"].render(jsxRuntime.jsx(ConfirmModalWrapper, {
options: options
}), root);
}
var iconMap = {
confirm: jsxRuntime.jsx(react.Info, {
fill: "#13c2c2"
})
};
var Modal = modal["default"];
Modal.config = function (config) {
newConfig = config;
mitt.emitter.emit('modal-config', config);
};
for (var key in iconMap) {
var k = key;
Modal[k] = function (options) {
confirm(options);
};
}
var Modal$1 = Modal;
exports["default"] = Modal$1;