tntd
Version:
tntd是基于 TNT Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。
247 lines (244 loc) • 10.4 kB
JavaScript
"use strict";
function _typeof(o) {
"@babel/helpers - typeof";
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
return typeof o;
} : function (o) {
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
}, _typeof(o);
}
Object.defineProperty(exports, "__esModule", {
value: true
});
var _exportNames = {
Modal: true
};
exports.Modal = void 0;
var _react = _interopRequireWildcard(require("react"));
var _LocaleReceiver = _interopRequireDefault(require("antd/lib/locale-provider/LocaleReceiver"));
var _classnames = _interopRequireDefault(require("classnames"));
var _configProvider = require("../config-provider");
var _modal = _interopRequireWildcard(require("antd/lib/modal"));
Object.keys(_modal).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
if (key in exports && exports[key] === _modal[key]) return;
Object.defineProperty(exports, key, {
enumerable: true,
get: function get() {
return _modal[key];
}
});
});
var _icon = _interopRequireDefault(require("../icon"));
var _utils = require("../utils");
function _interopRequireDefault(e) {
return e && e.__esModule ? e : {
"default": e
};
}
function _getRequireWildcardCache(e) {
if ("function" != typeof WeakMap) return null;
var r = new WeakMap(),
t = new WeakMap();
return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
return e ? t : r;
})(e);
}
function _interopRequireWildcard(e, r) {
if (!r && e && e.__esModule) return e;
if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
"default": e
};
var t = _getRequireWildcardCache(r);
if (t && t.has(e)) return t.get(e);
var n = {
__proto__: null
},
a = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
}
return n["default"] = e, t && t.set(e, n), n;
}
var __rest = void 0 && (void 0).__rest || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
/*
* @Author: 周泽飞 zefei.zhou@tongdun.net
* @Date: 2023-03-08 17:45:01
* @LastEditors: 郑泳健
* @LastEditTime: 2026-01-20 19:29:49
* @FilePath: /tntd/packages/tntd/src/modal/modal.tsx
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/
var Modal = exports.Modal = (0, _react.forwardRef)(function (_a, ref) {
var title = _a.title,
className = _a.className,
upperCaseIgnore = _a.upperCaseIgnore,
unUpperConverted = _a.unUpperConverted,
cancelButtonProps = _a.cancelButtonProps,
okButtonProps = _a.okButtonProps,
closeIcon = _a.closeIcon,
_a$innerScroll = _a.innerScroll,
innerScroll = _a$innerScroll === void 0 ? false : _a$innerScroll,
rest = __rest(_a, ["title", "className", "upperCaseIgnore", "unUpperConverted", "cancelButtonProps", "okButtonProps", "closeIcon", "innerScroll"]);
return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
var getPrefixCls = _ref.getPrefixCls;
return _react["default"].createElement(_LocaleReceiver["default"], {
componentName: "Modal"
}, function (locale, localeCode) {
return _react["default"].createElement(_modal["default"], Object.assign({
closeIcon: _react["default"].createElement(_icon["default"], {
type: "close"
}),
className: (0, _classnames["default"])('tntd-modal', innerScroll && 'modal-inner-scroll', !(rest === null || rest === void 0 ? void 0 : rest.footer) && !(rest === null || rest === void 0 ? void 0 : rest.onOk) && 'modal-inner-scroll-footer', className),
cancelButtonProps: Object.assign({
type: 'tertiary',
className: (0, _classnames["default"])('tnt-btn', {
'tnt-btn-tertiary': (cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.type) === 'tertiary' || !(cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.type),
'tnt-btn-mini': (cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.size) === 'mini'
})
}, cancelButtonProps),
okButtonProps: Object.assign({
className: (0, _classnames["default"])('tnt-btn', {
'tnt-btn-tertiary': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.type) === 'tertiary',
'tnt-btn-mini': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.size) === 'mini'
})
}, okButtonProps)
}, rest, {
title: !unUpperConverted ? (0, _utils.doUpperTitle)(title, upperCaseIgnore, localeCode) : title,
ref: ref
}));
});
});
});
Modal.info = function (_a) {
var okButtonProps = _a.okButtonProps,
props = __rest(_a, ["okButtonProps"]);
return _modal["default"].info(Object.assign({
icon: _react["default"].createElement(_icon["default"], {
type: "info-circle",
theme: "filled",
style: {
marginRight: 8
}
}),
okButtonProps: Object.assign({
className: (0, _classnames["default"])('tnt-btn', {
'tnt-btn-tertiary': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.type) === 'tertiary',
'tnt-btn-mini': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.size) === 'mini'
})
}, okButtonProps)
}, props));
};
Modal.success = function (_a) {
var okButtonProps = _a.okButtonProps,
props = __rest(_a, ["okButtonProps"]);
return _modal["default"].success(Object.assign({
icon: _react["default"].createElement(_icon["default"], {
type: "check-circle",
theme: "filled",
style: {
marginRight: 8
}
}),
okButtonProps: Object.assign({
className: (0, _classnames["default"])('tnt-btn', {
'tnt-btn-tertiary': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.type) === 'tertiary',
'tnt-btn-mini': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.size) === 'mini'
})
}, okButtonProps)
}, props));
};
Modal.error = function (_a) {
var okButtonProps = _a.okButtonProps,
props = __rest(_a, ["okButtonProps"]);
return _modal["default"].error(Object.assign({
icon: _react["default"].createElement(_icon["default"], {
type: "close-circle",
theme: "filled",
style: {
marginRight: 8
}
}),
okButtonProps: Object.assign({
className: (0, _classnames["default"])('tnt-btn', {
'tnt-btn-tertiary': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.type) === 'tertiary',
'tnt-btn-mini': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.size) === 'mini'
})
}, okButtonProps)
}, props));
};
Modal.warning = function (_a) {
var okButtonProps = _a.okButtonProps,
props = __rest(_a, ["okButtonProps"]);
return _modal["default"].warning(Object.assign({
icon: _react["default"].createElement(_icon["default"], {
type: "exclamation-circle",
theme: "filled",
style: {
marginRight: 8
}
}),
okButtonProps: Object.assign({
className: (0, _classnames["default"])('tnt-btn', {
'tnt-btn-tertiary': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.type) === 'tertiary',
'tnt-btn-mini': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.size) === 'mini'
})
}, okButtonProps)
}, props));
};
Modal.warn = function (_a) {
var okButtonProps = _a.okButtonProps,
props = __rest(_a, ["okButtonProps"]);
return _modal["default"].warn(Object.assign({
icon: _react["default"].createElement(_icon["default"], {
type: "exclamation-circle",
theme: "filled",
style: {
marginRight: 8
}
}),
okButtonProps: Object.assign({
className: (0, _classnames["default"])('tnt-btn', {
'tnt-btn-tertiary': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.type) === 'tertiary',
'tnt-btn-mini': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.size) === 'mini'
})
}, okButtonProps)
}, props));
};
Modal.confirm = function (_a) {
var cancelButtonProps = _a.cancelButtonProps,
okButtonProps = _a.okButtonProps,
props = __rest(_a, ["cancelButtonProps", "okButtonProps"]);
return _modal["default"].confirm(Object.assign({
icon: _react["default"].createElement(_icon["default"], {
type: "question-circle",
theme: "filled",
style: {
marginRight: 8
}
}),
cancelButtonProps: Object.assign({
type: 'tertiary',
className: (0, _classnames["default"])('tnt-btn', {
'tnt-btn-tertiary': (cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.type) === 'tertiary' || !(cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.type),
'tnt-btn-mini': (cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.size) === 'mini'
})
}, cancelButtonProps),
okButtonProps: Object.assign({
className: (0, _classnames["default"])('tnt-btn', {
'tnt-btn-tertiary': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.type) === 'tertiary',
'tnt-btn-mini': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.size) === 'mini'
})
}, okButtonProps)
}, props));
};
Modal.destroyAll = _modal["default"].destroyAll;