first commit
This commit is contained in:
32
frontend/node_modules/antd/lib/modal/ConfirmDialog.d.ts
generated
vendored
Normal file
32
frontend/node_modules/antd/lib/modal/ConfirmDialog.d.ts
generated
vendored
Normal file
@@ -0,0 +1,32 @@
|
||||
import * as React from 'react';
|
||||
import type { ThemeConfig } from '../config-provider';
|
||||
import type { ModalFuncProps, ModalLocale } from './interface';
|
||||
export interface ConfirmDialogProps extends ModalFuncProps {
|
||||
prefixCls: string;
|
||||
afterClose?: () => void;
|
||||
close?: (...args: any[]) => void;
|
||||
/**
|
||||
* `close` prop support `...args` that pass to the developer
|
||||
* that we can not break this.
|
||||
* Provider `onClose` for internal usage
|
||||
*/
|
||||
onConfirm?: (confirmed: boolean) => void;
|
||||
autoFocusButton?: null | 'ok' | 'cancel';
|
||||
rootPrefixCls?: string;
|
||||
iconPrefixCls?: string;
|
||||
/**
|
||||
* Only passed by static method
|
||||
*/
|
||||
theme?: ThemeConfig;
|
||||
/** @private Internal Usage. Do not override this */
|
||||
locale?: ModalLocale;
|
||||
/**
|
||||
* Do not throw if is await mode
|
||||
*/
|
||||
isSilent?: () => boolean;
|
||||
}
|
||||
export declare const ConfirmContent: React.FC<ConfirmDialogProps & {
|
||||
confirmPrefixCls: string;
|
||||
}>;
|
||||
declare const ConfirmDialogWrapper: React.FC<ConfirmDialogProps>;
|
||||
export default ConfirmDialogWrapper;
|
||||
202
frontend/node_modules/antd/lib/modal/ConfirmDialog.js
generated
vendored
Normal file
202
frontend/node_modules/antd/lib/modal/ConfirmDialog.js
generated
vendored
Normal file
@@ -0,0 +1,202 @@
|
||||
"use strict";
|
||||
"use client";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = exports.ConfirmContent = void 0;
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
var _CheckCircleFilled = _interopRequireDefault(require("@ant-design/icons/CheckCircleFilled"));
|
||||
var _CloseCircleFilled = _interopRequireDefault(require("@ant-design/icons/CloseCircleFilled"));
|
||||
var _ExclamationCircleFilled = _interopRequireDefault(require("@ant-design/icons/ExclamationCircleFilled"));
|
||||
var _InfoCircleFilled = _interopRequireDefault(require("@ant-design/icons/InfoCircleFilled"));
|
||||
var _classnames = _interopRequireDefault(require("classnames"));
|
||||
var _hooks = require("../_util/hooks");
|
||||
var _motion = require("../_util/motion");
|
||||
var _warning = require("../_util/warning");
|
||||
var _configProvider = _interopRequireDefault(require("../config-provider"));
|
||||
var _locale = require("../locale");
|
||||
var _useToken = _interopRequireDefault(require("../theme/useToken"));
|
||||
var _ConfirmCancelBtn = _interopRequireDefault(require("./components/ConfirmCancelBtn"));
|
||||
var _ConfirmOkBtn = _interopRequireDefault(require("./components/ConfirmOkBtn"));
|
||||
var _context = require("./context");
|
||||
var _Modal = _interopRequireDefault(require("./Modal"));
|
||||
var _confirm = _interopRequireDefault(require("./style/confirm"));
|
||||
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;
|
||||
};
|
||||
const ConfirmContent = props => {
|
||||
const {
|
||||
prefixCls,
|
||||
icon,
|
||||
okText,
|
||||
cancelText,
|
||||
confirmPrefixCls,
|
||||
type,
|
||||
okCancel,
|
||||
footer,
|
||||
// Legacy for static function usage
|
||||
locale: staticLocale
|
||||
} = props,
|
||||
resetProps = __rest(props, ["prefixCls", "icon", "okText", "cancelText", "confirmPrefixCls", "type", "okCancel", "footer", "locale"]);
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
const warning = (0, _warning.devUseWarning)('Modal');
|
||||
process.env.NODE_ENV !== "production" ? warning(!(typeof icon === 'string' && icon.length > 2), 'breaking', `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${icon}\` at https://ant.design/components/icon`) : void 0;
|
||||
}
|
||||
// Icon
|
||||
let mergedIcon = icon;
|
||||
// 支持传入{ icon: null }来隐藏`Modal.confirm`默认的Icon
|
||||
if (!icon && icon !== null) {
|
||||
switch (type) {
|
||||
case 'info':
|
||||
mergedIcon = /*#__PURE__*/React.createElement(_InfoCircleFilled.default, null);
|
||||
break;
|
||||
case 'success':
|
||||
mergedIcon = /*#__PURE__*/React.createElement(_CheckCircleFilled.default, null);
|
||||
break;
|
||||
case 'error':
|
||||
mergedIcon = /*#__PURE__*/React.createElement(_CloseCircleFilled.default, null);
|
||||
break;
|
||||
default:
|
||||
mergedIcon = /*#__PURE__*/React.createElement(_ExclamationCircleFilled.default, null);
|
||||
}
|
||||
}
|
||||
// 默认为 true,保持向下兼容
|
||||
const mergedOkCancel = okCancel !== null && okCancel !== void 0 ? okCancel : type === 'confirm';
|
||||
const autoFocusButton = props.autoFocusButton === null ? false : props.autoFocusButton || 'ok';
|
||||
const [locale] = (0, _locale.useLocale)('Modal');
|
||||
const mergedLocale = staticLocale || locale;
|
||||
// ================== Locale Text ==================
|
||||
const okTextLocale = okText || (mergedOkCancel ? mergedLocale === null || mergedLocale === void 0 ? void 0 : mergedLocale.okText : mergedLocale === null || mergedLocale === void 0 ? void 0 : mergedLocale.justOkText);
|
||||
const cancelTextLocale = cancelText || (mergedLocale === null || mergedLocale === void 0 ? void 0 : mergedLocale.cancelText);
|
||||
const memoizedValue = React.useMemo(() => {
|
||||
return Object.assign({
|
||||
autoFocusButton,
|
||||
cancelTextLocale,
|
||||
okTextLocale,
|
||||
mergedOkCancel
|
||||
}, resetProps);
|
||||
}, [autoFocusButton, cancelTextLocale, okTextLocale, mergedOkCancel, resetProps]);
|
||||
// ====================== Footer Origin Node ======================
|
||||
const footerOriginNode = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_ConfirmCancelBtn.default, null), /*#__PURE__*/React.createElement(_ConfirmOkBtn.default, null));
|
||||
const hasTitle = props.title !== undefined && props.title !== null;
|
||||
const bodyCls = `${confirmPrefixCls}-body`;
|
||||
return /*#__PURE__*/React.createElement("div", {
|
||||
className: `${confirmPrefixCls}-body-wrapper`
|
||||
}, /*#__PURE__*/React.createElement("div", {
|
||||
className: (0, _classnames.default)(bodyCls, {
|
||||
[`${bodyCls}-has-title`]: hasTitle
|
||||
})
|
||||
}, mergedIcon, /*#__PURE__*/React.createElement("div", {
|
||||
className: `${confirmPrefixCls}-paragraph`
|
||||
}, hasTitle && /*#__PURE__*/React.createElement("span", {
|
||||
className: `${confirmPrefixCls}-title`
|
||||
}, props.title), /*#__PURE__*/React.createElement("div", {
|
||||
className: `${confirmPrefixCls}-content`
|
||||
}, props.content))), footer === undefined || typeof footer === 'function' ? (/*#__PURE__*/React.createElement(_context.ModalContextProvider, {
|
||||
value: memoizedValue
|
||||
}, /*#__PURE__*/React.createElement("div", {
|
||||
className: `${confirmPrefixCls}-btns`
|
||||
}, typeof footer === 'function' ? footer(footerOriginNode, {
|
||||
OkBtn: _ConfirmOkBtn.default,
|
||||
CancelBtn: _ConfirmCancelBtn.default
|
||||
}) : footerOriginNode))) : footer, /*#__PURE__*/React.createElement(_confirm.default, {
|
||||
prefixCls: prefixCls
|
||||
}));
|
||||
};
|
||||
exports.ConfirmContent = ConfirmContent;
|
||||
const ConfirmDialog = props => {
|
||||
const {
|
||||
close,
|
||||
zIndex,
|
||||
maskStyle,
|
||||
direction,
|
||||
prefixCls,
|
||||
wrapClassName,
|
||||
rootPrefixCls,
|
||||
bodyStyle,
|
||||
closable = false,
|
||||
onConfirm,
|
||||
styles,
|
||||
title
|
||||
} = props;
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
const warning = (0, _warning.devUseWarning)('Modal');
|
||||
[['visible', 'open'], ['bodyStyle', 'styles.body'], ['maskStyle', 'styles.mask']].forEach(([deprecatedName, newName]) => {
|
||||
warning.deprecated(!(deprecatedName in props), deprecatedName, newName);
|
||||
});
|
||||
}
|
||||
const confirmPrefixCls = `${prefixCls}-confirm`;
|
||||
const width = props.width || 416;
|
||||
const style = props.style || {};
|
||||
const mask = props.mask === undefined ? true : props.mask;
|
||||
// 默认为 false,保持旧版默认行为
|
||||
const maskClosable = props.maskClosable === undefined ? false : props.maskClosable;
|
||||
const classString = (0, _classnames.default)(confirmPrefixCls, `${confirmPrefixCls}-${props.type}`, {
|
||||
[`${confirmPrefixCls}-rtl`]: direction === 'rtl'
|
||||
}, props.className);
|
||||
// ========================= zIndex =========================
|
||||
const [, token] = (0, _useToken.default)();
|
||||
const mergedZIndex = React.useMemo(() => {
|
||||
if (zIndex !== undefined) {
|
||||
return zIndex;
|
||||
}
|
||||
// Static always use max zIndex
|
||||
return token.zIndexPopupBase + _hooks.CONTAINER_MAX_OFFSET;
|
||||
}, [zIndex, token]);
|
||||
// ========================= Render =========================
|
||||
return /*#__PURE__*/React.createElement(_Modal.default, Object.assign({}, props, {
|
||||
className: classString,
|
||||
wrapClassName: (0, _classnames.default)({
|
||||
[`${confirmPrefixCls}-centered`]: !!props.centered
|
||||
}, wrapClassName),
|
||||
onCancel: () => {
|
||||
close === null || close === void 0 ? void 0 : close({
|
||||
triggerCancel: true
|
||||
});
|
||||
onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(false);
|
||||
},
|
||||
title: title,
|
||||
footer: null,
|
||||
transitionName: (0, _motion.getTransitionName)(rootPrefixCls || '', 'zoom', props.transitionName),
|
||||
maskTransitionName: (0, _motion.getTransitionName)(rootPrefixCls || '', 'fade', props.maskTransitionName),
|
||||
mask: mask,
|
||||
maskClosable: maskClosable,
|
||||
style: style,
|
||||
styles: Object.assign({
|
||||
body: bodyStyle,
|
||||
mask: maskStyle
|
||||
}, styles),
|
||||
width: width,
|
||||
zIndex: mergedZIndex,
|
||||
closable: closable
|
||||
}), /*#__PURE__*/React.createElement(ConfirmContent, Object.assign({}, props, {
|
||||
confirmPrefixCls: confirmPrefixCls
|
||||
})));
|
||||
};
|
||||
const ConfirmDialogWrapper = props => {
|
||||
const {
|
||||
rootPrefixCls,
|
||||
iconPrefixCls,
|
||||
direction,
|
||||
theme
|
||||
} = props;
|
||||
return /*#__PURE__*/React.createElement(_configProvider.default, {
|
||||
prefixCls: rootPrefixCls,
|
||||
iconPrefixCls: iconPrefixCls,
|
||||
direction: direction,
|
||||
theme: theme
|
||||
}, /*#__PURE__*/React.createElement(ConfirmDialog, Object.assign({}, props)));
|
||||
};
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
ConfirmDialog.displayName = 'ConfirmDialog';
|
||||
ConfirmDialogWrapper.displayName = 'ConfirmDialogWrapper';
|
||||
}
|
||||
var _default = exports.default = ConfirmDialogWrapper;
|
||||
4
frontend/node_modules/antd/lib/modal/Modal.d.ts
generated
vendored
Normal file
4
frontend/node_modules/antd/lib/modal/Modal.d.ts
generated
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
import * as React from 'react';
|
||||
import type { ModalProps } from './interface';
|
||||
declare const Modal: React.FC<ModalProps>;
|
||||
export default Modal;
|
||||
198
frontend/node_modules/antd/lib/modal/Modal.js
generated
vendored
Normal file
198
frontend/node_modules/antd/lib/modal/Modal.js
generated
vendored
Normal file
@@ -0,0 +1,198 @@
|
||||
"use strict";
|
||||
"use client";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
var _CloseOutlined = _interopRequireDefault(require("@ant-design/icons/CloseOutlined"));
|
||||
var _classnames = _interopRequireDefault(require("classnames"));
|
||||
var _rcDialog = _interopRequireDefault(require("rc-dialog"));
|
||||
var _ref = require("rc-util/lib/ref");
|
||||
var _ContextIsolator = _interopRequireDefault(require("../_util/ContextIsolator"));
|
||||
var _hooks = require("../_util/hooks");
|
||||
var _motion = require("../_util/motion");
|
||||
var _styleChecker = require("../_util/styleChecker");
|
||||
var _warning = require("../_util/warning");
|
||||
var _zindexContext = _interopRequireDefault(require("../_util/zindexContext"));
|
||||
var _configProvider = require("../config-provider");
|
||||
var _useCSSVarCls = _interopRequireDefault(require("../config-provider/hooks/useCSSVarCls"));
|
||||
var _skeleton = _interopRequireDefault(require("../skeleton"));
|
||||
var _context = require("../watermark/context");
|
||||
var _shared = require("./shared");
|
||||
var _style = _interopRequireDefault(require("./style"));
|
||||
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;
|
||||
};
|
||||
let mousePosition;
|
||||
// ref: https://github.com/ant-design/ant-design/issues/15795
|
||||
const getClickPosition = e => {
|
||||
mousePosition = {
|
||||
x: e.pageX,
|
||||
y: e.pageY
|
||||
};
|
||||
// 100ms 内发生过点击事件,则从点击位置动画展示
|
||||
// 否则直接 zoom 展示
|
||||
// 这样可以兼容非点击方式展开
|
||||
setTimeout(() => {
|
||||
mousePosition = null;
|
||||
}, 100);
|
||||
};
|
||||
// 只有点击事件支持从鼠标位置动画展开
|
||||
if ((0, _styleChecker.canUseDocElement)()) {
|
||||
document.documentElement.addEventListener('click', getClickPosition, true);
|
||||
}
|
||||
const Modal = props => {
|
||||
const {
|
||||
prefixCls: customizePrefixCls,
|
||||
className,
|
||||
rootClassName,
|
||||
open,
|
||||
wrapClassName,
|
||||
centered,
|
||||
getContainer,
|
||||
focusTriggerAfterClose = true,
|
||||
style,
|
||||
// Deprecated
|
||||
visible,
|
||||
width = 520,
|
||||
footer,
|
||||
classNames: modalClassNames,
|
||||
styles: modalStyles,
|
||||
children,
|
||||
loading,
|
||||
confirmLoading,
|
||||
zIndex: customizeZIndex,
|
||||
mousePosition: customizeMousePosition,
|
||||
onOk,
|
||||
onCancel,
|
||||
destroyOnHidden,
|
||||
destroyOnClose,
|
||||
panelRef = null,
|
||||
modalRender
|
||||
} = props,
|
||||
restProps = __rest(props, ["prefixCls", "className", "rootClassName", "open", "wrapClassName", "centered", "getContainer", "focusTriggerAfterClose", "style", "visible", "width", "footer", "classNames", "styles", "children", "loading", "confirmLoading", "zIndex", "mousePosition", "onOk", "onCancel", "destroyOnHidden", "destroyOnClose", "panelRef", "modalRender"]);
|
||||
const {
|
||||
getPopupContainer: getContextPopupContainer,
|
||||
getPrefixCls,
|
||||
direction,
|
||||
modal: modalContext
|
||||
} = React.useContext(_configProvider.ConfigContext);
|
||||
const handleCancel = e => {
|
||||
if (confirmLoading) {
|
||||
return;
|
||||
}
|
||||
onCancel === null || onCancel === void 0 ? void 0 : onCancel(e);
|
||||
};
|
||||
const handleOk = e => {
|
||||
onOk === null || onOk === void 0 ? void 0 : onOk(e);
|
||||
};
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
const warning = (0, _warning.devUseWarning)('Modal');
|
||||
[['visible', 'open'], ['bodyStyle', 'styles.body'], ['maskStyle', 'styles.mask'], ['destroyOnClose', 'destroyOnHidden']].forEach(([deprecatedName, newName]) => {
|
||||
warning.deprecated(!(deprecatedName in props), deprecatedName, newName);
|
||||
});
|
||||
}
|
||||
const prefixCls = getPrefixCls('modal', customizePrefixCls);
|
||||
const rootPrefixCls = getPrefixCls();
|
||||
// Style
|
||||
const rootCls = (0, _useCSSVarCls.default)(prefixCls);
|
||||
const [wrapCSSVar, hashId, cssVarCls] = (0, _style.default)(prefixCls, rootCls);
|
||||
const wrapClassNameExtended = (0, _classnames.default)(wrapClassName, {
|
||||
[`${prefixCls}-centered`]: centered !== null && centered !== void 0 ? centered : modalContext === null || modalContext === void 0 ? void 0 : modalContext.centered,
|
||||
[`${prefixCls}-wrap-rtl`]: direction === 'rtl'
|
||||
});
|
||||
const dialogFooter = footer !== null && !loading ? (/*#__PURE__*/React.createElement(_shared.Footer, Object.assign({}, props, {
|
||||
onOk: handleOk,
|
||||
onCancel: handleCancel
|
||||
}))) : null;
|
||||
const [mergedClosable, mergedCloseIcon, closeBtnIsDisabled, ariaProps] = (0, _hooks.useClosable)((0, _hooks.pickClosable)(props), (0, _hooks.pickClosable)(modalContext), {
|
||||
closable: true,
|
||||
closeIcon: /*#__PURE__*/React.createElement(_CloseOutlined.default, {
|
||||
className: `${prefixCls}-close-icon`
|
||||
}),
|
||||
closeIconRender: icon => (0, _shared.renderCloseIcon)(prefixCls, icon)
|
||||
});
|
||||
// ============================ modalRender ============================
|
||||
const mergedModalRender = modalRender ? node => /*#__PURE__*/React.createElement("div", {
|
||||
className: `${prefixCls}-render`
|
||||
}, modalRender(node)) : undefined;
|
||||
// ============================ Refs ============================
|
||||
// Select `ant-modal-content` by `panelRef`
|
||||
const panelClassName = `.${prefixCls}-${modalRender ? 'render' : 'content'}`;
|
||||
const innerPanelRef = (0, _context.usePanelRef)(panelClassName);
|
||||
const mergedPanelRef = (0, _ref.composeRef)(panelRef, innerPanelRef);
|
||||
// ============================ zIndex ============================
|
||||
const [zIndex, contextZIndex] = (0, _hooks.useZIndex)('Modal', customizeZIndex);
|
||||
// =========================== Width ============================
|
||||
const [numWidth, responsiveWidth] = React.useMemo(() => {
|
||||
if (width && typeof width === 'object') {
|
||||
return [undefined, width];
|
||||
}
|
||||
return [width, undefined];
|
||||
}, [width]);
|
||||
const responsiveWidthVars = React.useMemo(() => {
|
||||
const vars = {};
|
||||
if (responsiveWidth) {
|
||||
Object.keys(responsiveWidth).forEach(breakpoint => {
|
||||
const breakpointWidth = responsiveWidth[breakpoint];
|
||||
if (breakpointWidth !== undefined) {
|
||||
vars[`--${prefixCls}-${breakpoint}-width`] = typeof breakpointWidth === 'number' ? `${breakpointWidth}px` : breakpointWidth;
|
||||
}
|
||||
});
|
||||
}
|
||||
return vars;
|
||||
}, [prefixCls, responsiveWidth]);
|
||||
// =========================== Render ===========================
|
||||
return wrapCSSVar(/*#__PURE__*/React.createElement(_ContextIsolator.default, {
|
||||
form: true,
|
||||
space: true
|
||||
}, /*#__PURE__*/React.createElement(_zindexContext.default.Provider, {
|
||||
value: contextZIndex
|
||||
}, /*#__PURE__*/React.createElement(_rcDialog.default, Object.assign({
|
||||
width: numWidth
|
||||
}, restProps, {
|
||||
zIndex: zIndex,
|
||||
getContainer: getContainer === undefined ? getContextPopupContainer : getContainer,
|
||||
prefixCls: prefixCls,
|
||||
rootClassName: (0, _classnames.default)(hashId, rootClassName, cssVarCls, rootCls),
|
||||
footer: dialogFooter,
|
||||
visible: open !== null && open !== void 0 ? open : visible,
|
||||
mousePosition: customizeMousePosition !== null && customizeMousePosition !== void 0 ? customizeMousePosition : mousePosition,
|
||||
onClose: handleCancel,
|
||||
closable: mergedClosable ? Object.assign({
|
||||
disabled: closeBtnIsDisabled,
|
||||
closeIcon: mergedCloseIcon
|
||||
}, ariaProps) : mergedClosable,
|
||||
closeIcon: mergedCloseIcon,
|
||||
focusTriggerAfterClose: focusTriggerAfterClose,
|
||||
transitionName: (0, _motion.getTransitionName)(rootPrefixCls, 'zoom', props.transitionName),
|
||||
maskTransitionName: (0, _motion.getTransitionName)(rootPrefixCls, 'fade', props.maskTransitionName),
|
||||
className: (0, _classnames.default)(hashId, className, modalContext === null || modalContext === void 0 ? void 0 : modalContext.className),
|
||||
style: Object.assign(Object.assign(Object.assign({}, modalContext === null || modalContext === void 0 ? void 0 : modalContext.style), style), responsiveWidthVars),
|
||||
classNames: Object.assign(Object.assign(Object.assign({}, modalContext === null || modalContext === void 0 ? void 0 : modalContext.classNames), modalClassNames), {
|
||||
wrapper: (0, _classnames.default)(wrapClassNameExtended, modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.wrapper)
|
||||
}),
|
||||
styles: Object.assign(Object.assign({}, modalContext === null || modalContext === void 0 ? void 0 : modalContext.styles), modalStyles),
|
||||
panelRef: mergedPanelRef,
|
||||
// TODO: In the future, destroyOnClose in rc-dialog needs to be upgrade to destroyOnHidden
|
||||
destroyOnClose: destroyOnHidden !== null && destroyOnHidden !== void 0 ? destroyOnHidden : destroyOnClose,
|
||||
modalRender: mergedModalRender
|
||||
}), loading ? (/*#__PURE__*/React.createElement(_skeleton.default, {
|
||||
active: true,
|
||||
title: false,
|
||||
paragraph: {
|
||||
rows: 4
|
||||
},
|
||||
className: `${prefixCls}-body-skeleton`
|
||||
})) : children))));
|
||||
};
|
||||
var _default = exports.default = Modal;
|
||||
9
frontend/node_modules/antd/lib/modal/PurePanel.d.ts
generated
vendored
Normal file
9
frontend/node_modules/antd/lib/modal/PurePanel.d.ts
generated
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
import * as React from 'react';
|
||||
import type { PanelProps } from 'rc-dialog/lib/Dialog/Content/Panel';
|
||||
import type { ModalFuncProps } from './interface';
|
||||
export interface PurePanelProps extends Omit<PanelProps, 'prefixCls' | 'footer'>, Pick<ModalFuncProps, 'type' | 'footer'> {
|
||||
prefixCls?: string;
|
||||
style?: React.CSSProperties;
|
||||
}
|
||||
declare const _default: (props: PurePanelProps) => React.JSX.Element;
|
||||
export default _default;
|
||||
77
frontend/node_modules/antd/lib/modal/PurePanel.js
generated
vendored
Normal file
77
frontend/node_modules/antd/lib/modal/PurePanel.js
generated
vendored
Normal file
@@ -0,0 +1,77 @@
|
||||
"use strict";
|
||||
"use client";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
var _classnames = _interopRequireDefault(require("classnames"));
|
||||
var _rcDialog = require("rc-dialog");
|
||||
var _PurePanel = require("../_util/PurePanel");
|
||||
var _configProvider = require("../config-provider");
|
||||
var _useCSSVarCls = _interopRequireDefault(require("../config-provider/hooks/useCSSVarCls"));
|
||||
var _ConfirmDialog = require("./ConfirmDialog");
|
||||
var _shared = require("./shared");
|
||||
var _style = _interopRequireDefault(require("./style"));
|
||||
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;
|
||||
};
|
||||
const PurePanel = props => {
|
||||
const {
|
||||
prefixCls: customizePrefixCls,
|
||||
className,
|
||||
closeIcon,
|
||||
closable,
|
||||
type,
|
||||
title,
|
||||
children,
|
||||
footer
|
||||
} = props,
|
||||
restProps = __rest(props, ["prefixCls", "className", "closeIcon", "closable", "type", "title", "children", "footer"]);
|
||||
const {
|
||||
getPrefixCls
|
||||
} = React.useContext(_configProvider.ConfigContext);
|
||||
const rootPrefixCls = getPrefixCls();
|
||||
const prefixCls = customizePrefixCls || getPrefixCls('modal');
|
||||
const rootCls = (0, _useCSSVarCls.default)(rootPrefixCls);
|
||||
const [wrapCSSVar, hashId, cssVarCls] = (0, _style.default)(prefixCls, rootCls);
|
||||
const confirmPrefixCls = `${prefixCls}-confirm`;
|
||||
// Choose target props by confirm mark
|
||||
let additionalProps = {};
|
||||
if (type) {
|
||||
additionalProps = {
|
||||
closable: closable !== null && closable !== void 0 ? closable : false,
|
||||
title: '',
|
||||
footer: '',
|
||||
children: (/*#__PURE__*/React.createElement(_ConfirmDialog.ConfirmContent, Object.assign({}, props, {
|
||||
prefixCls: prefixCls,
|
||||
confirmPrefixCls: confirmPrefixCls,
|
||||
rootPrefixCls: rootPrefixCls,
|
||||
content: children
|
||||
})))
|
||||
};
|
||||
} else {
|
||||
additionalProps = {
|
||||
closable: closable !== null && closable !== void 0 ? closable : true,
|
||||
title,
|
||||
footer: footer !== null && /*#__PURE__*/React.createElement(_shared.Footer, Object.assign({}, props)),
|
||||
children
|
||||
};
|
||||
}
|
||||
return wrapCSSVar(/*#__PURE__*/React.createElement(_rcDialog.Panel, Object.assign({
|
||||
prefixCls: prefixCls,
|
||||
className: (0, _classnames.default)(hashId, `${prefixCls}-pure-panel`, type && confirmPrefixCls, type && `${confirmPrefixCls}-${type}`, className, cssVarCls, rootCls)
|
||||
}, restProps, {
|
||||
closeIcon: (0, _shared.renderCloseIcon)(prefixCls, closeIcon),
|
||||
closable: closable
|
||||
}, additionalProps)));
|
||||
};
|
||||
var _default = exports.default = (0, _PurePanel.withPureRenderTheme)(PurePanel);
|
||||
10
frontend/node_modules/antd/lib/modal/components/ConfirmCancelBtn.d.ts
generated
vendored
Normal file
10
frontend/node_modules/antd/lib/modal/components/ConfirmCancelBtn.d.ts
generated
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
import type { FC } from 'react';
|
||||
import React from 'react';
|
||||
import type { ConfirmDialogProps } from '../ConfirmDialog';
|
||||
export interface ConfirmCancelBtnProps extends Pick<ConfirmDialogProps, 'cancelButtonProps' | 'isSilent' | 'rootPrefixCls' | 'close' | 'onConfirm' | 'onCancel'> {
|
||||
autoFocusButton?: false | 'ok' | 'cancel' | null;
|
||||
cancelTextLocale?: React.ReactNode;
|
||||
mergedOkCancel?: boolean;
|
||||
}
|
||||
declare const ConfirmCancelBtn: FC;
|
||||
export default ConfirmCancelBtn;
|
||||
37
frontend/node_modules/antd/lib/modal/components/ConfirmCancelBtn.js
generated
vendored
Normal file
37
frontend/node_modules/antd/lib/modal/components/ConfirmCancelBtn.js
generated
vendored
Normal file
@@ -0,0 +1,37 @@
|
||||
"use strict";
|
||||
"use client";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
var _react = _interopRequireWildcard(require("react"));
|
||||
var _ActionButton = _interopRequireDefault(require("../../_util/ActionButton"));
|
||||
var _context = require("../context");
|
||||
const ConfirmCancelBtn = () => {
|
||||
const {
|
||||
autoFocusButton,
|
||||
cancelButtonProps,
|
||||
cancelTextLocale,
|
||||
isSilent,
|
||||
mergedOkCancel,
|
||||
rootPrefixCls,
|
||||
close,
|
||||
onCancel,
|
||||
onConfirm
|
||||
} = (0, _react.useContext)(_context.ModalContext);
|
||||
return mergedOkCancel ? (/*#__PURE__*/_react.default.createElement(_ActionButton.default, {
|
||||
isSilent: isSilent,
|
||||
actionFn: onCancel,
|
||||
close: (...args) => {
|
||||
close === null || close === void 0 ? void 0 : close.apply(void 0, args);
|
||||
onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(false);
|
||||
},
|
||||
autoFocus: autoFocusButton === 'cancel',
|
||||
buttonProps: cancelButtonProps,
|
||||
prefixCls: `${rootPrefixCls}-btn`
|
||||
}, cancelTextLocale)) : null;
|
||||
};
|
||||
var _default = exports.default = ConfirmCancelBtn;
|
||||
9
frontend/node_modules/antd/lib/modal/components/ConfirmOkBtn.d.ts
generated
vendored
Normal file
9
frontend/node_modules/antd/lib/modal/components/ConfirmOkBtn.d.ts
generated
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
import type { FC } from 'react';
|
||||
import React from 'react';
|
||||
import type { ConfirmDialogProps } from '../ConfirmDialog';
|
||||
export interface ConfirmOkBtnProps extends Pick<ConfirmDialogProps, 'close' | 'isSilent' | 'okType' | 'okButtonProps' | 'rootPrefixCls' | 'onConfirm' | 'onOk'> {
|
||||
autoFocusButton?: false | 'ok' | 'cancel' | null;
|
||||
okTextLocale?: React.ReactNode;
|
||||
}
|
||||
declare const ConfirmOkBtn: FC;
|
||||
export default ConfirmOkBtn;
|
||||
38
frontend/node_modules/antd/lib/modal/components/ConfirmOkBtn.js
generated
vendored
Normal file
38
frontend/node_modules/antd/lib/modal/components/ConfirmOkBtn.js
generated
vendored
Normal file
@@ -0,0 +1,38 @@
|
||||
"use strict";
|
||||
"use client";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
var _react = _interopRequireWildcard(require("react"));
|
||||
var _ActionButton = _interopRequireDefault(require("../../_util/ActionButton"));
|
||||
var _context = require("../context");
|
||||
const ConfirmOkBtn = () => {
|
||||
const {
|
||||
autoFocusButton,
|
||||
close,
|
||||
isSilent,
|
||||
okButtonProps,
|
||||
rootPrefixCls,
|
||||
okTextLocale,
|
||||
okType,
|
||||
onConfirm,
|
||||
onOk
|
||||
} = (0, _react.useContext)(_context.ModalContext);
|
||||
return /*#__PURE__*/_react.default.createElement(_ActionButton.default, {
|
||||
isSilent: isSilent,
|
||||
type: okType || 'primary',
|
||||
actionFn: onOk,
|
||||
close: (...args) => {
|
||||
close === null || close === void 0 ? void 0 : close.apply(void 0, args);
|
||||
onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(true);
|
||||
},
|
||||
autoFocus: autoFocusButton === 'ok',
|
||||
buttonProps: okButtonProps,
|
||||
prefixCls: `${rootPrefixCls}-btn`
|
||||
}, okTextLocale);
|
||||
};
|
||||
var _default = exports.default = ConfirmOkBtn;
|
||||
8
frontend/node_modules/antd/lib/modal/components/NormalCancelBtn.d.ts
generated
vendored
Normal file
8
frontend/node_modules/antd/lib/modal/components/NormalCancelBtn.d.ts
generated
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
import type { FC } from 'react';
|
||||
import React from 'react';
|
||||
import type { ModalProps } from '../interface';
|
||||
export interface NormalCancelBtnProps extends Pick<ModalProps, 'cancelButtonProps' | 'onCancel'> {
|
||||
cancelTextLocale?: React.ReactNode;
|
||||
}
|
||||
declare const NormalCancelBtn: FC;
|
||||
export default NormalCancelBtn;
|
||||
23
frontend/node_modules/antd/lib/modal/components/NormalCancelBtn.js
generated
vendored
Normal file
23
frontend/node_modules/antd/lib/modal/components/NormalCancelBtn.js
generated
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
"use strict";
|
||||
"use client";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
var _react = _interopRequireWildcard(require("react"));
|
||||
var _button = _interopRequireDefault(require("../../button"));
|
||||
var _context = require("../context");
|
||||
const NormalCancelBtn = () => {
|
||||
const {
|
||||
cancelButtonProps,
|
||||
cancelTextLocale,
|
||||
onCancel
|
||||
} = (0, _react.useContext)(_context.ModalContext);
|
||||
return /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({
|
||||
onClick: onCancel
|
||||
}, cancelButtonProps), cancelTextLocale);
|
||||
};
|
||||
var _default = exports.default = NormalCancelBtn;
|
||||
8
frontend/node_modules/antd/lib/modal/components/NormalOkBtn.d.ts
generated
vendored
Normal file
8
frontend/node_modules/antd/lib/modal/components/NormalOkBtn.d.ts
generated
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
import type { FC } from 'react';
|
||||
import React from 'react';
|
||||
import type { ModalProps } from '../interface';
|
||||
export interface NormalOkBtnProps extends Pick<ModalProps, 'confirmLoading' | 'okType' | 'okButtonProps' | 'onOk'> {
|
||||
okTextLocale?: React.ReactNode;
|
||||
}
|
||||
declare const NormalOkBtn: FC;
|
||||
export default NormalOkBtn;
|
||||
27
frontend/node_modules/antd/lib/modal/components/NormalOkBtn.js
generated
vendored
Normal file
27
frontend/node_modules/antd/lib/modal/components/NormalOkBtn.js
generated
vendored
Normal file
@@ -0,0 +1,27 @@
|
||||
"use strict";
|
||||
"use client";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
var _react = _interopRequireWildcard(require("react"));
|
||||
var _button = _interopRequireDefault(require("../../button"));
|
||||
var _buttonHelpers = require("../../button/buttonHelpers");
|
||||
var _context = require("../context");
|
||||
const NormalOkBtn = () => {
|
||||
const {
|
||||
confirmLoading,
|
||||
okButtonProps,
|
||||
okType,
|
||||
okTextLocale,
|
||||
onOk
|
||||
} = (0, _react.useContext)(_context.ModalContext);
|
||||
return /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({}, (0, _buttonHelpers.convertLegacyProps)(okType), {
|
||||
loading: confirmLoading,
|
||||
onClick: onOk
|
||||
}, okButtonProps), okTextLocale);
|
||||
};
|
||||
var _default = exports.default = NormalOkBtn;
|
||||
19
frontend/node_modules/antd/lib/modal/confirm.d.ts
generated
vendored
Normal file
19
frontend/node_modules/antd/lib/modal/confirm.d.ts
generated
vendored
Normal file
@@ -0,0 +1,19 @@
|
||||
import type { ModalFuncProps } from './interface';
|
||||
export type ConfigUpdate = ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps);
|
||||
export type ModalFunc = (props: ModalFuncProps) => {
|
||||
destroy: () => void;
|
||||
update: (configUpdate: ConfigUpdate) => void;
|
||||
};
|
||||
export type ModalStaticFunctions = Record<NonNullable<ModalFuncProps['type']>, ModalFunc>;
|
||||
export default function confirm(config: ModalFuncProps): {
|
||||
destroy: (...args: any[]) => void;
|
||||
update: (configUpdate: ConfigUpdate) => void;
|
||||
};
|
||||
export declare function withWarn(props: ModalFuncProps): ModalFuncProps;
|
||||
export declare function withInfo(props: ModalFuncProps): ModalFuncProps;
|
||||
export declare function withSuccess(props: ModalFuncProps): ModalFuncProps;
|
||||
export declare function withError(props: ModalFuncProps): ModalFuncProps;
|
||||
export declare function withConfirm(props: ModalFuncProps): ModalFuncProps;
|
||||
export declare function modalGlobalConfig({ rootPrefixCls }: {
|
||||
rootPrefixCls: string;
|
||||
}): void;
|
||||
167
frontend/node_modules/antd/lib/modal/confirm.js
generated
vendored
Normal file
167
frontend/node_modules/antd/lib/modal/confirm.js
generated
vendored
Normal file
@@ -0,0 +1,167 @@
|
||||
"use strict";
|
||||
"use client";
|
||||
|
||||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = confirm;
|
||||
exports.modalGlobalConfig = modalGlobalConfig;
|
||||
exports.withConfirm = withConfirm;
|
||||
exports.withError = withError;
|
||||
exports.withInfo = withInfo;
|
||||
exports.withSuccess = withSuccess;
|
||||
exports.withWarn = withWarn;
|
||||
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
||||
var _react = _interopRequireWildcard(require("react"));
|
||||
var _warning = _interopRequireDefault(require("../_util/warning"));
|
||||
var _configProvider = _interopRequireWildcard(require("../config-provider"));
|
||||
var _UnstableContext = require("../config-provider/UnstableContext");
|
||||
var _ConfirmDialog = _interopRequireDefault(require("./ConfirmDialog"));
|
||||
var _destroyFns = _interopRequireDefault(require("./destroyFns"));
|
||||
var _locale = require("./locale");
|
||||
let defaultRootPrefixCls = '';
|
||||
function getRootPrefixCls() {
|
||||
return defaultRootPrefixCls;
|
||||
}
|
||||
const ConfirmDialogWrapper = props => {
|
||||
var _a, _b;
|
||||
const {
|
||||
prefixCls: customizePrefixCls,
|
||||
getContainer,
|
||||
direction
|
||||
} = props;
|
||||
const runtimeLocale = (0, _locale.getConfirmLocale)();
|
||||
const config = (0, _react.useContext)(_configProvider.ConfigContext);
|
||||
const rootPrefixCls = getRootPrefixCls() || config.getPrefixCls();
|
||||
// because Modal.config set rootPrefixCls, which is different from other components
|
||||
const prefixCls = customizePrefixCls || `${rootPrefixCls}-modal`;
|
||||
let mergedGetContainer = getContainer;
|
||||
if (mergedGetContainer === false) {
|
||||
mergedGetContainer = undefined;
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
process.env.NODE_ENV !== "production" ? (0, _warning.default)(false, 'Modal', 'Static method not support `getContainer` to be `false` since it do not have context env.') : void 0;
|
||||
}
|
||||
}
|
||||
return /*#__PURE__*/_react.default.createElement(_ConfirmDialog.default, Object.assign({}, props, {
|
||||
rootPrefixCls: rootPrefixCls,
|
||||
prefixCls: prefixCls,
|
||||
iconPrefixCls: config.iconPrefixCls,
|
||||
theme: config.theme,
|
||||
direction: direction !== null && direction !== void 0 ? direction : config.direction,
|
||||
locale: (_b = (_a = config.locale) === null || _a === void 0 ? void 0 : _a.Modal) !== null && _b !== void 0 ? _b : runtimeLocale,
|
||||
getContainer: mergedGetContainer
|
||||
}));
|
||||
};
|
||||
function confirm(config) {
|
||||
const global = (0, _configProvider.globalConfig)();
|
||||
if (process.env.NODE_ENV !== 'production' && !global.holderRender) {
|
||||
(0, _configProvider.warnContext)('Modal');
|
||||
}
|
||||
const container = document.createDocumentFragment();
|
||||
let currentConfig = Object.assign(Object.assign({}, config), {
|
||||
close,
|
||||
open: true
|
||||
});
|
||||
let timeoutId;
|
||||
let reactUnmount;
|
||||
function destroy(...args) {
|
||||
var _a;
|
||||
const triggerCancel = args.some(param => param === null || param === void 0 ? void 0 : param.triggerCancel);
|
||||
if (triggerCancel) {
|
||||
var _a2;
|
||||
(_a = config.onCancel) === null || _a === void 0 ? void 0 : (_a2 = _a).call.apply(_a2, [config, () => {}].concat((0, _toConsumableArray2.default)(args.slice(1))));
|
||||
}
|
||||
for (let i = 0; i < _destroyFns.default.length; i++) {
|
||||
const fn = _destroyFns.default[i];
|
||||
if (fn === close) {
|
||||
_destroyFns.default.splice(i, 1);
|
||||
break;
|
||||
}
|
||||
}
|
||||
reactUnmount();
|
||||
}
|
||||
const scheduleRender = props => {
|
||||
clearTimeout(timeoutId);
|
||||
/**
|
||||
* https://github.com/ant-design/ant-design/issues/23623
|
||||
*
|
||||
* Sync render blocks React event. Let's make this async.
|
||||
*/
|
||||
timeoutId = setTimeout(() => {
|
||||
const rootPrefixCls = global.getPrefixCls(undefined, getRootPrefixCls());
|
||||
const iconPrefixCls = global.getIconPrefixCls();
|
||||
const theme = global.getTheme();
|
||||
const dom = /*#__PURE__*/_react.default.createElement(ConfirmDialogWrapper, Object.assign({}, props));
|
||||
const reactRender = (0, _UnstableContext.unstableSetRender)();
|
||||
reactUnmount = reactRender(/*#__PURE__*/_react.default.createElement(_configProvider.default, {
|
||||
prefixCls: rootPrefixCls,
|
||||
iconPrefixCls: iconPrefixCls,
|
||||
theme: theme
|
||||
}, typeof global.holderRender === 'function' ? global.holderRender(dom) : dom), container);
|
||||
});
|
||||
};
|
||||
function close(...args) {
|
||||
currentConfig = Object.assign(Object.assign({}, currentConfig), {
|
||||
open: false,
|
||||
afterClose: () => {
|
||||
if (typeof config.afterClose === 'function') {
|
||||
config.afterClose();
|
||||
}
|
||||
// @ts-ignore
|
||||
destroy.apply(this, args);
|
||||
}
|
||||
});
|
||||
// Legacy support
|
||||
if (currentConfig.visible) {
|
||||
delete currentConfig.visible;
|
||||
}
|
||||
scheduleRender(currentConfig);
|
||||
}
|
||||
function update(configUpdate) {
|
||||
if (typeof configUpdate === 'function') {
|
||||
currentConfig = configUpdate(currentConfig);
|
||||
} else {
|
||||
currentConfig = Object.assign(Object.assign({}, currentConfig), configUpdate);
|
||||
}
|
||||
scheduleRender(currentConfig);
|
||||
}
|
||||
scheduleRender(currentConfig);
|
||||
_destroyFns.default.push(close);
|
||||
return {
|
||||
destroy: close,
|
||||
update
|
||||
};
|
||||
}
|
||||
function withWarn(props) {
|
||||
return Object.assign(Object.assign({}, props), {
|
||||
type: 'warning'
|
||||
});
|
||||
}
|
||||
function withInfo(props) {
|
||||
return Object.assign(Object.assign({}, props), {
|
||||
type: 'info'
|
||||
});
|
||||
}
|
||||
function withSuccess(props) {
|
||||
return Object.assign(Object.assign({}, props), {
|
||||
type: 'success'
|
||||
});
|
||||
}
|
||||
function withError(props) {
|
||||
return Object.assign(Object.assign({}, props), {
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
function withConfirm(props) {
|
||||
return Object.assign(Object.assign({}, props), {
|
||||
type: 'confirm'
|
||||
});
|
||||
}
|
||||
function modalGlobalConfig({
|
||||
rootPrefixCls
|
||||
}) {
|
||||
process.env.NODE_ENV !== "production" ? (0, _warning.default)(false, 'Modal', 'Modal.config is deprecated. Please use ConfigProvider.config instead.') : void 0;
|
||||
defaultRootPrefixCls = rootPrefixCls;
|
||||
}
|
||||
8
frontend/node_modules/antd/lib/modal/context.d.ts
generated
vendored
Normal file
8
frontend/node_modules/antd/lib/modal/context.d.ts
generated
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
import React from 'react';
|
||||
import type { ConfirmCancelBtnProps } from './components/ConfirmCancelBtn';
|
||||
import type { ConfirmOkBtnProps } from './components/ConfirmOkBtn';
|
||||
import type { NormalCancelBtnProps } from './components/NormalCancelBtn';
|
||||
import type { NormalOkBtnProps } from './components/NormalOkBtn';
|
||||
export type ModalContextProps = NormalCancelBtnProps & NormalOkBtnProps & ConfirmOkBtnProps & ConfirmCancelBtnProps;
|
||||
export declare const ModalContext: React.Context<ModalContextProps>;
|
||||
export declare const ModalContextProvider: React.Provider<ModalContextProps>;
|
||||
13
frontend/node_modules/antd/lib/modal/context.js
generated
vendored
Normal file
13
frontend/node_modules/antd/lib/modal/context.js
generated
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
"use strict";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.ModalContextProvider = exports.ModalContext = void 0;
|
||||
var _react = _interopRequireDefault(require("react"));
|
||||
const ModalContext = exports.ModalContext = /*#__PURE__*/_react.default.createContext({});
|
||||
const {
|
||||
Provider: ModalContextProvider
|
||||
} = ModalContext;
|
||||
exports.ModalContextProvider = ModalContextProvider;
|
||||
2
frontend/node_modules/antd/lib/modal/destroyFns.d.ts
generated
vendored
Normal file
2
frontend/node_modules/antd/lib/modal/destroyFns.d.ts
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
declare const destroyFns: Array<() => void>;
|
||||
export default destroyFns;
|
||||
8
frontend/node_modules/antd/lib/modal/destroyFns.js
generated
vendored
Normal file
8
frontend/node_modules/antd/lib/modal/destroyFns.js
generated
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
const destroyFns = [];
|
||||
var _default = exports.default = destroyFns;
|
||||
15
frontend/node_modules/antd/lib/modal/index.d.ts
generated
vendored
Normal file
15
frontend/node_modules/antd/lib/modal/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
import type { ModalStaticFunctions } from './confirm';
|
||||
import { modalGlobalConfig } from './confirm';
|
||||
import OriginModal from './Modal';
|
||||
import PurePanel from './PurePanel';
|
||||
import useModal from './useModal';
|
||||
export type { ModalFuncProps, ModalLocale, ModalProps } from './interface';
|
||||
type ModalType = typeof OriginModal & ModalStaticFunctions & {
|
||||
useModal: typeof useModal;
|
||||
destroyAll: () => void;
|
||||
config: typeof modalGlobalConfig;
|
||||
/** @private Internal Component. Do not use in your production. */
|
||||
_InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;
|
||||
};
|
||||
declare const Modal: ModalType;
|
||||
export default Modal;
|
||||
47
frontend/node_modules/antd/lib/modal/index.js
generated
vendored
Normal file
47
frontend/node_modules/antd/lib/modal/index.js
generated
vendored
Normal file
@@ -0,0 +1,47 @@
|
||||
"use strict";
|
||||
"use client";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
var _confirm = _interopRequireWildcard(require("./confirm"));
|
||||
var _destroyFns = _interopRequireDefault(require("./destroyFns"));
|
||||
var _Modal = _interopRequireDefault(require("./Modal"));
|
||||
var _PurePanel = _interopRequireDefault(require("./PurePanel"));
|
||||
var _useModal = _interopRequireDefault(require("./useModal"));
|
||||
function modalWarn(props) {
|
||||
return (0, _confirm.default)((0, _confirm.withWarn)(props));
|
||||
}
|
||||
const Modal = _Modal.default;
|
||||
Modal.useModal = _useModal.default;
|
||||
Modal.info = function infoFn(props) {
|
||||
return (0, _confirm.default)((0, _confirm.withInfo)(props));
|
||||
};
|
||||
Modal.success = function successFn(props) {
|
||||
return (0, _confirm.default)((0, _confirm.withSuccess)(props));
|
||||
};
|
||||
Modal.error = function errorFn(props) {
|
||||
return (0, _confirm.default)((0, _confirm.withError)(props));
|
||||
};
|
||||
Modal.warning = modalWarn;
|
||||
Modal.warn = modalWarn;
|
||||
Modal.confirm = function confirmFn(props) {
|
||||
return (0, _confirm.default)((0, _confirm.withConfirm)(props));
|
||||
};
|
||||
Modal.destroyAll = function destroyAllFn() {
|
||||
while (_destroyFns.default.length) {
|
||||
const close = _destroyFns.default.pop();
|
||||
if (close) {
|
||||
close();
|
||||
}
|
||||
}
|
||||
};
|
||||
Modal.config = _confirm.modalGlobalConfig;
|
||||
Modal._InternalPanelDoNotUseOrYouWillBeFired = _PurePanel.default;
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
Modal.displayName = 'Modal';
|
||||
}
|
||||
var _default = exports.default = Modal;
|
||||
129
frontend/node_modules/antd/lib/modal/interface.d.ts
generated
vendored
Normal file
129
frontend/node_modules/antd/lib/modal/interface.d.ts
generated
vendored
Normal file
@@ -0,0 +1,129 @@
|
||||
import type React from 'react';
|
||||
import type { DialogProps } from 'rc-dialog';
|
||||
import type { Breakpoint } from '../_util/responsiveObserver';
|
||||
import type { ButtonProps, LegacyButtonType } from '../button/button';
|
||||
import type { DirectionType } from '../config-provider';
|
||||
interface ModalCommonProps extends Omit<DialogProps, 'footer' | 'width' | 'onClose' | 'animation' | 'maskAnimation' | 'transitionName' | 'maskTransitionName'> {
|
||||
footer?: React.ReactNode | ((originNode: React.ReactNode, extra: {
|
||||
OkBtn: React.FC;
|
||||
CancelBtn: React.FC;
|
||||
}) => React.ReactNode);
|
||||
}
|
||||
export interface ModalProps extends ModalCommonProps {
|
||||
/** Whether the modal dialog is visible or not */
|
||||
open?: boolean;
|
||||
/** Whether to apply loading visual effect for OK button or not */
|
||||
confirmLoading?: boolean;
|
||||
/** The modal dialog's title */
|
||||
title?: React.ReactNode;
|
||||
/** Specify a function that will be called when a user clicks the OK button */
|
||||
onOk?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
||||
/** Specify a function that will be called when a user clicks mask, close button on top right or Cancel button */
|
||||
onCancel?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
||||
afterClose?: () => void;
|
||||
/** Callback when the animation ends when Modal is turned on and off */
|
||||
afterOpenChange?: (open: boolean) => void;
|
||||
/** Centered Modal */
|
||||
centered?: boolean;
|
||||
/** Width of the modal dialog */
|
||||
width?: string | number | Partial<Record<Breakpoint, string | number>>;
|
||||
/** Text of the OK button */
|
||||
okText?: React.ReactNode;
|
||||
/** Button `type` of the OK button */
|
||||
okType?: LegacyButtonType;
|
||||
/** Text of the Cancel button */
|
||||
cancelText?: React.ReactNode;
|
||||
/** Whether to close the modal dialog when the mask (area outside the modal) is clicked */
|
||||
maskClosable?: boolean;
|
||||
/** Force render Modal */
|
||||
forceRender?: boolean;
|
||||
okButtonProps?: ButtonProps;
|
||||
cancelButtonProps?: ButtonProps;
|
||||
/** @deprecated Please use `destroyOnHidden` instead */
|
||||
destroyOnClose?: boolean;
|
||||
/**
|
||||
* @since 5.25.0
|
||||
*/
|
||||
destroyOnHidden?: boolean;
|
||||
style?: React.CSSProperties;
|
||||
wrapClassName?: string;
|
||||
maskTransitionName?: string;
|
||||
transitionName?: string;
|
||||
className?: string;
|
||||
rootClassName?: string;
|
||||
classNames?: NonNullable<DialogProps['classNames']>;
|
||||
getContainer?: string | HTMLElement | getContainerFunc | false;
|
||||
zIndex?: number;
|
||||
/** @deprecated Please use `styles.body` instead */
|
||||
bodyStyle?: React.CSSProperties;
|
||||
/** @deprecated Please use `styles.mask` instead */
|
||||
maskStyle?: React.CSSProperties;
|
||||
mask?: boolean;
|
||||
keyboard?: boolean;
|
||||
wrapProps?: any;
|
||||
prefixCls?: string;
|
||||
closeIcon?: React.ReactNode;
|
||||
modalRender?: (node: React.ReactNode) => React.ReactNode;
|
||||
focusTriggerAfterClose?: boolean;
|
||||
children?: React.ReactNode;
|
||||
mousePosition?: MousePosition;
|
||||
/** @deprecated Please use `open` instead. */
|
||||
visible?: boolean;
|
||||
/**
|
||||
* @since 5.18.0
|
||||
*/
|
||||
loading?: boolean;
|
||||
}
|
||||
type getContainerFunc = () => HTMLElement;
|
||||
export interface ModalFuncProps extends ModalCommonProps {
|
||||
prefixCls?: string;
|
||||
className?: string;
|
||||
rootClassName?: string;
|
||||
open?: boolean;
|
||||
/** @deprecated Please use `open` instead. */
|
||||
visible?: boolean;
|
||||
title?: React.ReactNode;
|
||||
content?: React.ReactNode;
|
||||
onOk?: (...args: any[]) => any;
|
||||
onCancel?: (...args: any[]) => any;
|
||||
afterClose?: () => void;
|
||||
okButtonProps?: ButtonProps;
|
||||
cancelButtonProps?: ButtonProps;
|
||||
centered?: boolean;
|
||||
width?: string | number;
|
||||
okText?: React.ReactNode;
|
||||
okType?: LegacyButtonType;
|
||||
cancelText?: React.ReactNode;
|
||||
icon?: React.ReactNode;
|
||||
mask?: boolean;
|
||||
maskClosable?: boolean;
|
||||
zIndex?: number;
|
||||
okCancel?: boolean;
|
||||
style?: React.CSSProperties;
|
||||
wrapClassName?: string;
|
||||
/** @deprecated Please use `styles.mask` instead */
|
||||
maskStyle?: React.CSSProperties;
|
||||
type?: 'info' | 'success' | 'error' | 'warn' | 'warning' | 'confirm';
|
||||
keyboard?: boolean;
|
||||
getContainer?: string | HTMLElement | getContainerFunc | false;
|
||||
autoFocusButton?: null | 'ok' | 'cancel';
|
||||
transitionName?: string;
|
||||
maskTransitionName?: string;
|
||||
direction?: DirectionType;
|
||||
/** @deprecated Please use `styles.body` instead */
|
||||
bodyStyle?: React.CSSProperties;
|
||||
closeIcon?: React.ReactNode;
|
||||
footer?: ModalProps['footer'];
|
||||
modalRender?: (node: React.ReactNode) => React.ReactNode;
|
||||
focusTriggerAfterClose?: boolean;
|
||||
}
|
||||
export interface ModalLocale {
|
||||
okText: string;
|
||||
cancelText: string;
|
||||
justOkText: string;
|
||||
}
|
||||
export type MousePosition = {
|
||||
x: number;
|
||||
y: number;
|
||||
} | null;
|
||||
export {};
|
||||
5
frontend/node_modules/antd/lib/modal/interface.js
generated
vendored
Normal file
5
frontend/node_modules/antd/lib/modal/interface.js
generated
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
3
frontend/node_modules/antd/lib/modal/locale.d.ts
generated
vendored
Normal file
3
frontend/node_modules/antd/lib/modal/locale.d.ts
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
import type { ModalLocale } from './interface';
|
||||
export declare function changeConfirmLocale(newLocale?: ModalLocale): (() => void) | undefined;
|
||||
export declare function getConfirmLocale(): ModalLocale;
|
||||
27
frontend/node_modules/antd/lib/modal/locale.js
generated
vendored
Normal file
27
frontend/node_modules/antd/lib/modal/locale.js
generated
vendored
Normal file
@@ -0,0 +1,27 @@
|
||||
"use strict";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.changeConfirmLocale = changeConfirmLocale;
|
||||
exports.getConfirmLocale = getConfirmLocale;
|
||||
var _en_US = _interopRequireDefault(require("../locale/en_US"));
|
||||
let runtimeLocale = Object.assign({}, _en_US.default.Modal);
|
||||
let localeList = [];
|
||||
const generateLocale = () => localeList.reduce((merged, locale) => Object.assign(Object.assign({}, merged), locale), _en_US.default.Modal);
|
||||
function changeConfirmLocale(newLocale) {
|
||||
if (newLocale) {
|
||||
const cloneLocale = Object.assign({}, newLocale);
|
||||
localeList.push(cloneLocale);
|
||||
runtimeLocale = generateLocale();
|
||||
return () => {
|
||||
localeList = localeList.filter(locale => locale !== cloneLocale);
|
||||
runtimeLocale = generateLocale();
|
||||
};
|
||||
}
|
||||
runtimeLocale = Object.assign({}, _en_US.default.Modal);
|
||||
}
|
||||
function getConfirmLocale() {
|
||||
return runtimeLocale;
|
||||
}
|
||||
9
frontend/node_modules/antd/lib/modal/shared.d.ts
generated
vendored
Normal file
9
frontend/node_modules/antd/lib/modal/shared.d.ts
generated
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
import React from 'react';
|
||||
import type { ModalProps } from './interface';
|
||||
export declare function renderCloseIcon(prefixCls: string, closeIcon?: React.ReactNode): React.JSX.Element;
|
||||
interface FooterProps {
|
||||
onOk?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
|
||||
onCancel?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
|
||||
}
|
||||
export declare const Footer: React.FC<FooterProps & Pick<ModalProps, 'footer' | 'okText' | 'okType' | 'cancelText' | 'confirmLoading' | 'okButtonProps' | 'cancelButtonProps'>>;
|
||||
export {};
|
||||
72
frontend/node_modules/antd/lib/modal/shared.js
generated
vendored
Normal file
72
frontend/node_modules/antd/lib/modal/shared.js
generated
vendored
Normal file
@@ -0,0 +1,72 @@
|
||||
"use strict";
|
||||
"use client";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.Footer = void 0;
|
||||
exports.renderCloseIcon = renderCloseIcon;
|
||||
var _react = _interopRequireDefault(require("react"));
|
||||
var _CloseOutlined = _interopRequireDefault(require("@ant-design/icons/CloseOutlined"));
|
||||
var _DisabledContext = require("../config-provider/DisabledContext");
|
||||
var _locale = require("../locale");
|
||||
var _NormalCancelBtn = _interopRequireDefault(require("./components/NormalCancelBtn"));
|
||||
var _NormalOkBtn = _interopRequireDefault(require("./components/NormalOkBtn"));
|
||||
var _context = require("./context");
|
||||
var _locale2 = require("./locale");
|
||||
function renderCloseIcon(prefixCls, closeIcon) {
|
||||
return /*#__PURE__*/_react.default.createElement("span", {
|
||||
className: `${prefixCls}-close-x`
|
||||
}, closeIcon || /*#__PURE__*/_react.default.createElement(_CloseOutlined.default, {
|
||||
className: `${prefixCls}-close-icon`
|
||||
}));
|
||||
}
|
||||
const Footer = props => {
|
||||
const {
|
||||
okText,
|
||||
okType = 'primary',
|
||||
cancelText,
|
||||
confirmLoading,
|
||||
onOk,
|
||||
onCancel,
|
||||
okButtonProps,
|
||||
cancelButtonProps,
|
||||
footer
|
||||
} = props;
|
||||
const [locale] = (0, _locale.useLocale)('Modal', (0, _locale2.getConfirmLocale)());
|
||||
// ================== Locale Text ==================
|
||||
const okTextLocale = okText || (locale === null || locale === void 0 ? void 0 : locale.okText);
|
||||
const cancelTextLocale = cancelText || (locale === null || locale === void 0 ? void 0 : locale.cancelText);
|
||||
const memoizedValue = _react.default.useMemo(() => {
|
||||
return {
|
||||
confirmLoading,
|
||||
okButtonProps,
|
||||
cancelButtonProps,
|
||||
okTextLocale,
|
||||
cancelTextLocale,
|
||||
okType,
|
||||
onOk,
|
||||
onCancel
|
||||
};
|
||||
}, [confirmLoading, okButtonProps, cancelButtonProps, okTextLocale, cancelTextLocale, okType, onOk, onCancel]);
|
||||
let footerNode;
|
||||
if (typeof footer === 'function' || typeof footer === 'undefined') {
|
||||
footerNode = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_NormalCancelBtn.default, null), /*#__PURE__*/_react.default.createElement(_NormalOkBtn.default, null));
|
||||
if (typeof footer === 'function') {
|
||||
footerNode = footer(footerNode, {
|
||||
OkBtn: _NormalOkBtn.default,
|
||||
CancelBtn: _NormalCancelBtn.default
|
||||
});
|
||||
}
|
||||
footerNode = /*#__PURE__*/_react.default.createElement(_context.ModalContextProvider, {
|
||||
value: memoizedValue
|
||||
}, footerNode);
|
||||
} else {
|
||||
footerNode = footer;
|
||||
}
|
||||
return /*#__PURE__*/_react.default.createElement(_DisabledContext.DisabledContextProvider, {
|
||||
disabled: false
|
||||
}, footerNode);
|
||||
};
|
||||
exports.Footer = Footer;
|
||||
2
frontend/node_modules/antd/lib/modal/style/confirm.d.ts
generated
vendored
Normal file
2
frontend/node_modules/antd/lib/modal/style/confirm.d.ts
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
declare const _default: import("react").FunctionComponent<import("@ant-design/cssinjs-utils/lib/util/genStyleUtils").SubStyleComponentProps>;
|
||||
export default _default;
|
||||
109
frontend/node_modules/antd/lib/modal/style/confirm.js
generated
vendored
Normal file
109
frontend/node_modules/antd/lib/modal/style/confirm.js
generated
vendored
Normal file
@@ -0,0 +1,109 @@
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
var _cssinjs = require("@ant-design/cssinjs");
|
||||
var _ = require(".");
|
||||
var _style = require("../../style");
|
||||
var _internal = require("../../theme/internal");
|
||||
// Style as confirm component
|
||||
|
||||
// ============================= Confirm ==============================
|
||||
const genModalConfirmStyle = token => {
|
||||
const {
|
||||
componentCls,
|
||||
titleFontSize,
|
||||
titleLineHeight,
|
||||
modalConfirmIconSize,
|
||||
fontSize,
|
||||
lineHeight,
|
||||
modalTitleHeight,
|
||||
fontHeight,
|
||||
confirmBodyPadding
|
||||
} = token;
|
||||
const confirmComponentCls = `${componentCls}-confirm`;
|
||||
return {
|
||||
[confirmComponentCls]: {
|
||||
'&-rtl': {
|
||||
direction: 'rtl'
|
||||
},
|
||||
[`${token.antCls}-modal-header`]: {
|
||||
display: 'none'
|
||||
},
|
||||
[`${confirmComponentCls}-body-wrapper`]: Object.assign({}, (0, _style.clearFix)()),
|
||||
[`&${componentCls} ${componentCls}-body`]: {
|
||||
padding: confirmBodyPadding
|
||||
},
|
||||
// ====================== Body ======================
|
||||
[`${confirmComponentCls}-body`]: {
|
||||
display: 'flex',
|
||||
flexWrap: 'nowrap',
|
||||
alignItems: 'start',
|
||||
[`> ${token.iconCls}`]: {
|
||||
flex: 'none',
|
||||
fontSize: modalConfirmIconSize,
|
||||
marginInlineEnd: token.confirmIconMarginInlineEnd,
|
||||
marginTop: token.calc(token.calc(fontHeight).sub(modalConfirmIconSize).equal()).div(2).equal()
|
||||
},
|
||||
[`&-has-title > ${token.iconCls}`]: {
|
||||
marginTop: token.calc(token.calc(modalTitleHeight).sub(modalConfirmIconSize).equal()).div(2).equal()
|
||||
}
|
||||
},
|
||||
[`${confirmComponentCls}-paragraph`]: {
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
flex: 'auto',
|
||||
rowGap: token.marginXS,
|
||||
// https://github.com/ant-design/ant-design/issues/51912
|
||||
maxWidth: `calc(100% - ${(0, _cssinjs.unit)(token.marginSM)})`
|
||||
},
|
||||
// https://github.com/ant-design/ant-design/issues/48159
|
||||
[`${token.iconCls} + ${confirmComponentCls}-paragraph`]: {
|
||||
maxWidth: `calc(100% - ${(0, _cssinjs.unit)(token.calc(token.modalConfirmIconSize).add(token.marginSM).equal())})`
|
||||
},
|
||||
[`${confirmComponentCls}-title`]: {
|
||||
color: token.colorTextHeading,
|
||||
fontWeight: token.fontWeightStrong,
|
||||
fontSize: titleFontSize,
|
||||
lineHeight: titleLineHeight
|
||||
},
|
||||
[`${confirmComponentCls}-content`]: {
|
||||
color: token.colorText,
|
||||
fontSize,
|
||||
lineHeight
|
||||
},
|
||||
// ===================== Footer =====================
|
||||
[`${confirmComponentCls}-btns`]: {
|
||||
textAlign: 'end',
|
||||
marginTop: token.confirmBtnsMarginTop,
|
||||
[`${token.antCls}-btn + ${token.antCls}-btn`]: {
|
||||
marginBottom: 0,
|
||||
marginInlineStart: token.marginXS
|
||||
}
|
||||
}
|
||||
},
|
||||
[`${confirmComponentCls}-error ${confirmComponentCls}-body > ${token.iconCls}`]: {
|
||||
color: token.colorError
|
||||
},
|
||||
[`${confirmComponentCls}-warning ${confirmComponentCls}-body > ${token.iconCls},
|
||||
${confirmComponentCls}-confirm ${confirmComponentCls}-body > ${token.iconCls}`]: {
|
||||
color: token.colorWarning
|
||||
},
|
||||
[`${confirmComponentCls}-info ${confirmComponentCls}-body > ${token.iconCls}`]: {
|
||||
color: token.colorInfo
|
||||
},
|
||||
[`${confirmComponentCls}-success ${confirmComponentCls}-body > ${token.iconCls}`]: {
|
||||
color: token.colorSuccess
|
||||
}
|
||||
};
|
||||
};
|
||||
// ============================== Export ==============================
|
||||
var _default = exports.default = (0, _internal.genSubStyleComponent)(['Modal', 'confirm'], token => {
|
||||
const modalToken = (0, _.prepareToken)(token);
|
||||
return genModalConfirmStyle(modalToken);
|
||||
}, _.prepareComponentToken, {
|
||||
// confirm is weak than modal since no conflict here
|
||||
order: -1000
|
||||
});
|
||||
110
frontend/node_modules/antd/lib/modal/style/index.d.ts
generated
vendored
Normal file
110
frontend/node_modules/antd/lib/modal/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,110 @@
|
||||
import type React from 'react';
|
||||
import type { AliasToken, FullToken, GenerateStyle, GenStyleFn, GlobalToken, TokenWithCommonCls } from '../../theme/internal';
|
||||
/** Component only token. Which will handle additional calculation of alias token */
|
||||
export interface ComponentToken {
|
||||
/**
|
||||
* @desc 顶部背景色
|
||||
* @descEN Background color of header
|
||||
*/
|
||||
headerBg: string;
|
||||
/**
|
||||
* @desc 标题行高
|
||||
* @descEN Line height of title
|
||||
*/
|
||||
titleLineHeight: number | string;
|
||||
/**
|
||||
* @desc 标题字体大小
|
||||
* @descEN Font size of title
|
||||
*/
|
||||
titleFontSize: number;
|
||||
/**
|
||||
* @desc 标题字体颜色
|
||||
* @descEN Font color of title
|
||||
*/
|
||||
titleColor: string;
|
||||
/**
|
||||
* @desc 内容区域背景色
|
||||
* @descEN Background color of content
|
||||
*/
|
||||
contentBg: string;
|
||||
/**
|
||||
* @desc 底部区域背景色
|
||||
* @descEN Background color of footer
|
||||
*/
|
||||
footerBg: string;
|
||||
}
|
||||
/**
|
||||
* @desc Modal 组件的 Token
|
||||
* @descEN Token for Modal component
|
||||
*/
|
||||
export interface ModalToken extends FullToken<'Modal'> {
|
||||
/**
|
||||
* @desc 模态框头部高度
|
||||
* @descEN Height of modal header
|
||||
*/
|
||||
modalHeaderHeight: number | string;
|
||||
/**
|
||||
* @desc 模态框底部边框颜色
|
||||
* @descEN Border color of modal footer
|
||||
*/
|
||||
modalFooterBorderColorSplit: string;
|
||||
/**
|
||||
* @desc 模态框底部边框样式
|
||||
* @descEN Border style of modal footer
|
||||
*/
|
||||
modalFooterBorderStyle: string;
|
||||
/**
|
||||
* @desc 模态框底部边框宽度
|
||||
* @descEN Border width of modal footer
|
||||
*/
|
||||
modalFooterBorderWidth: number | string;
|
||||
/**
|
||||
* @desc 模态框关闭图标颜色
|
||||
* @descEN Color of modal close icon
|
||||
*/
|
||||
modalCloseIconColor: string;
|
||||
/**
|
||||
* @desc 模态框关闭图标悬停颜色
|
||||
* @descEN Hover color of modal close icon
|
||||
*/
|
||||
modalCloseIconHoverColor: string;
|
||||
/**
|
||||
* @desc 模态框关闭按钮尺寸
|
||||
* @descEN Size of modal close button
|
||||
*/
|
||||
modalCloseBtnSize: number | string;
|
||||
/**
|
||||
* @desc 模态框确认图标尺寸
|
||||
* @descEN Size of modal confirm icon
|
||||
*/
|
||||
modalConfirmIconSize: number | string;
|
||||
/**
|
||||
* @desc 模态框标题高度
|
||||
* @descEN Height of modal title
|
||||
*/
|
||||
modalTitleHeight: number | string;
|
||||
}
|
||||
export declare const genModalMaskStyle: GenerateStyle<TokenWithCommonCls<AliasToken>>;
|
||||
export declare const prepareToken: (token: Parameters<GenStyleFn<'Modal'>>[0]) => ModalToken;
|
||||
export declare const prepareComponentToken: (token: GlobalToken) => {
|
||||
footerBg: string;
|
||||
headerBg: string;
|
||||
titleLineHeight: number;
|
||||
titleFontSize: number;
|
||||
contentBg: string;
|
||||
titleColor: string;
|
||||
contentPadding: string | number;
|
||||
headerPadding: string | number;
|
||||
headerBorderBottom: string;
|
||||
headerMarginBottom: number;
|
||||
bodyPadding: number;
|
||||
footerPadding: string | number;
|
||||
footerBorderTop: string;
|
||||
footerBorderRadius: string | number;
|
||||
footerMarginTop: number;
|
||||
confirmBodyPadding: string | number;
|
||||
confirmIconMarginInlineEnd: number;
|
||||
confirmBtnsMarginTop: number;
|
||||
};
|
||||
declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
|
||||
export default _default;
|
||||
316
frontend/node_modules/antd/lib/modal/style/index.js
generated
vendored
Normal file
316
frontend/node_modules/antd/lib/modal/style/index.js
generated
vendored
Normal file
@@ -0,0 +1,316 @@
|
||||
"use strict";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.prepareToken = exports.prepareComponentToken = exports.genModalMaskStyle = exports.default = void 0;
|
||||
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
||||
var _cssinjs = require("@ant-design/cssinjs");
|
||||
var _style = require("../../grid/style");
|
||||
var _style2 = require("../../style");
|
||||
var _motion = require("../../style/motion");
|
||||
var _internal = require("../../theme/internal");
|
||||
function box(position) {
|
||||
return {
|
||||
position,
|
||||
inset: 0
|
||||
};
|
||||
}
|
||||
const genModalMaskStyle = token => {
|
||||
const {
|
||||
componentCls,
|
||||
antCls
|
||||
} = token;
|
||||
return [{
|
||||
[`${componentCls}-root`]: {
|
||||
[`${componentCls}${antCls}-zoom-enter, ${componentCls}${antCls}-zoom-appear`]: {
|
||||
// reset scale avoid mousePosition bug
|
||||
transform: 'none',
|
||||
opacity: 0,
|
||||
animationDuration: token.motionDurationSlow,
|
||||
// https://github.com/ant-design/ant-design/issues/11777
|
||||
userSelect: 'none'
|
||||
},
|
||||
// https://github.com/ant-design/ant-design/issues/37329
|
||||
// https://github.com/ant-design/ant-design/issues/40272
|
||||
[`${componentCls}${antCls}-zoom-leave ${componentCls}-content`]: {
|
||||
pointerEvents: 'none'
|
||||
},
|
||||
[`${componentCls}-mask`]: Object.assign(Object.assign({}, box('fixed')), {
|
||||
zIndex: token.zIndexPopupBase,
|
||||
height: '100%',
|
||||
backgroundColor: token.colorBgMask,
|
||||
pointerEvents: 'none',
|
||||
[`${componentCls}-hidden`]: {
|
||||
display: 'none'
|
||||
}
|
||||
}),
|
||||
[`${componentCls}-wrap`]: Object.assign(Object.assign({}, box('fixed')), {
|
||||
zIndex: token.zIndexPopupBase,
|
||||
overflow: 'auto',
|
||||
outline: 0,
|
||||
WebkitOverflowScrolling: 'touch'
|
||||
})
|
||||
}
|
||||
}, {
|
||||
[`${componentCls}-root`]: (0, _motion.initFadeMotion)(token)
|
||||
}];
|
||||
};
|
||||
exports.genModalMaskStyle = genModalMaskStyle;
|
||||
const genModalStyle = token => {
|
||||
const {
|
||||
componentCls
|
||||
} = token;
|
||||
return [
|
||||
// ======================== Root =========================
|
||||
{
|
||||
[`${componentCls}-root`]: {
|
||||
[`${componentCls}-wrap-rtl`]: {
|
||||
direction: 'rtl'
|
||||
},
|
||||
[`${componentCls}-centered`]: {
|
||||
textAlign: 'center',
|
||||
'&::before': {
|
||||
display: 'inline-block',
|
||||
width: 0,
|
||||
height: '100%',
|
||||
verticalAlign: 'middle',
|
||||
content: '""'
|
||||
},
|
||||
[componentCls]: {
|
||||
top: 0,
|
||||
display: 'inline-block',
|
||||
paddingBottom: 0,
|
||||
textAlign: 'start',
|
||||
verticalAlign: 'middle'
|
||||
}
|
||||
},
|
||||
[`@media (max-width: ${token.screenSMMax}px)`]: {
|
||||
[componentCls]: {
|
||||
maxWidth: 'calc(100vw - 16px)',
|
||||
margin: `${(0, _cssinjs.unit)(token.marginXS)} auto`
|
||||
},
|
||||
[`${componentCls}-centered`]: {
|
||||
[componentCls]: {
|
||||
flex: 1
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
// ======================== Modal ========================
|
||||
{
|
||||
[componentCls]: Object.assign(Object.assign({}, (0, _style2.resetComponent)(token)), {
|
||||
pointerEvents: 'none',
|
||||
position: 'relative',
|
||||
top: 100,
|
||||
width: 'auto',
|
||||
maxWidth: `calc(100vw - ${(0, _cssinjs.unit)(token.calc(token.margin).mul(2).equal())})`,
|
||||
margin: '0 auto',
|
||||
paddingBottom: token.paddingLG,
|
||||
[`${componentCls}-title`]: {
|
||||
margin: 0,
|
||||
color: token.titleColor,
|
||||
fontWeight: token.fontWeightStrong,
|
||||
fontSize: token.titleFontSize,
|
||||
lineHeight: token.titleLineHeight,
|
||||
wordWrap: 'break-word'
|
||||
},
|
||||
[`${componentCls}-content`]: {
|
||||
position: 'relative',
|
||||
backgroundColor: token.contentBg,
|
||||
backgroundClip: 'padding-box',
|
||||
border: 0,
|
||||
borderRadius: token.borderRadiusLG,
|
||||
boxShadow: token.boxShadow,
|
||||
pointerEvents: 'auto',
|
||||
padding: token.contentPadding
|
||||
},
|
||||
[`${componentCls}-close`]: Object.assign({
|
||||
position: 'absolute',
|
||||
top: token.calc(token.modalHeaderHeight).sub(token.modalCloseBtnSize).div(2).equal(),
|
||||
insetInlineEnd: token.calc(token.modalHeaderHeight).sub(token.modalCloseBtnSize).div(2).equal(),
|
||||
zIndex: token.calc(token.zIndexPopupBase).add(10).equal(),
|
||||
padding: 0,
|
||||
color: token.modalCloseIconColor,
|
||||
fontWeight: token.fontWeightStrong,
|
||||
lineHeight: 1,
|
||||
textDecoration: 'none',
|
||||
background: 'transparent',
|
||||
borderRadius: token.borderRadiusSM,
|
||||
width: token.modalCloseBtnSize,
|
||||
height: token.modalCloseBtnSize,
|
||||
border: 0,
|
||||
outline: 0,
|
||||
cursor: 'pointer',
|
||||
transition: `color ${token.motionDurationMid}, background-color ${token.motionDurationMid}`,
|
||||
'&-x': {
|
||||
display: 'flex',
|
||||
fontSize: token.fontSizeLG,
|
||||
fontStyle: 'normal',
|
||||
lineHeight: (0, _cssinjs.unit)(token.modalCloseBtnSize),
|
||||
justifyContent: 'center',
|
||||
textTransform: 'none',
|
||||
textRendering: 'auto'
|
||||
},
|
||||
'&:disabled': {
|
||||
pointerEvents: 'none'
|
||||
},
|
||||
'&:hover': {
|
||||
color: token.modalCloseIconHoverColor,
|
||||
backgroundColor: token.colorBgTextHover,
|
||||
textDecoration: 'none'
|
||||
},
|
||||
'&:active': {
|
||||
backgroundColor: token.colorBgTextActive
|
||||
}
|
||||
}, (0, _style2.genFocusStyle)(token)),
|
||||
[`${componentCls}-header`]: {
|
||||
color: token.colorText,
|
||||
background: token.headerBg,
|
||||
borderRadius: `${(0, _cssinjs.unit)(token.borderRadiusLG)} ${(0, _cssinjs.unit)(token.borderRadiusLG)} 0 0`,
|
||||
marginBottom: token.headerMarginBottom,
|
||||
padding: token.headerPadding,
|
||||
borderBottom: token.headerBorderBottom
|
||||
},
|
||||
[`${componentCls}-body`]: {
|
||||
fontSize: token.fontSize,
|
||||
lineHeight: token.lineHeight,
|
||||
wordWrap: 'break-word',
|
||||
padding: token.bodyPadding,
|
||||
[`${componentCls}-body-skeleton`]: {
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
display: 'flex',
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
margin: `${(0, _cssinjs.unit)(token.margin)} auto`
|
||||
}
|
||||
},
|
||||
[`${componentCls}-footer`]: {
|
||||
textAlign: 'end',
|
||||
background: token.footerBg,
|
||||
marginTop: token.footerMarginTop,
|
||||
padding: token.footerPadding,
|
||||
borderTop: token.footerBorderTop,
|
||||
borderRadius: token.footerBorderRadius,
|
||||
[`> ${token.antCls}-btn + ${token.antCls}-btn`]: {
|
||||
marginInlineStart: token.marginXS
|
||||
}
|
||||
},
|
||||
[`${componentCls}-open`]: {
|
||||
overflow: 'hidden'
|
||||
}
|
||||
})
|
||||
},
|
||||
// ======================== Pure =========================
|
||||
{
|
||||
[`${componentCls}-pure-panel`]: {
|
||||
top: 'auto',
|
||||
padding: 0,
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
[`${componentCls}-content,
|
||||
${componentCls}-body,
|
||||
${componentCls}-confirm-body-wrapper`]: {
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
flex: 'auto'
|
||||
},
|
||||
[`${componentCls}-confirm-body`]: {
|
||||
marginBottom: 'auto'
|
||||
}
|
||||
}
|
||||
}];
|
||||
};
|
||||
const genRTLStyle = token => {
|
||||
const {
|
||||
componentCls
|
||||
} = token;
|
||||
return {
|
||||
[`${componentCls}-root`]: {
|
||||
[`${componentCls}-wrap-rtl`]: {
|
||||
direction: 'rtl',
|
||||
[`${componentCls}-confirm-body`]: {
|
||||
direction: 'rtl'
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
};
|
||||
const genResponsiveWidthStyle = token => {
|
||||
const {
|
||||
componentCls
|
||||
} = token;
|
||||
const oriGridMediaSizesMap = (0, _style.getMediaSize)(token);
|
||||
const gridMediaSizesMap = Object.assign({}, oriGridMediaSizesMap);
|
||||
delete gridMediaSizesMap.xs;
|
||||
const cssVarPrefix = `--${componentCls.replace('.', '')}-`;
|
||||
const responsiveStyles = Object.keys(gridMediaSizesMap).map(key => ({
|
||||
[`@media (min-width: ${(0, _cssinjs.unit)(gridMediaSizesMap[key])})`]: {
|
||||
width: `var(${cssVarPrefix}${key}-width)`
|
||||
}
|
||||
}));
|
||||
return {
|
||||
[`${componentCls}-root`]: {
|
||||
[componentCls]: [].concat((0, _toConsumableArray2.default)(Object.keys(oriGridMediaSizesMap).map((currentKey, index) => {
|
||||
const previousKey = Object.keys(oriGridMediaSizesMap)[index - 1];
|
||||
return previousKey ? {
|
||||
[`${cssVarPrefix}${currentKey}-width`]: `var(${cssVarPrefix}${previousKey}-width)`
|
||||
} : null;
|
||||
})), [{
|
||||
width: `var(${cssVarPrefix}xs-width)`
|
||||
}], (0, _toConsumableArray2.default)(responsiveStyles))
|
||||
}
|
||||
};
|
||||
};
|
||||
// ============================== Export ==============================
|
||||
const prepareToken = token => {
|
||||
const headerPaddingVertical = token.padding;
|
||||
const headerFontSize = token.fontSizeHeading5;
|
||||
const headerLineHeight = token.lineHeightHeading5;
|
||||
const modalToken = (0, _internal.mergeToken)(token, {
|
||||
modalHeaderHeight: token.calc(token.calc(headerLineHeight).mul(headerFontSize).equal()).add(token.calc(headerPaddingVertical).mul(2).equal()).equal(),
|
||||
modalFooterBorderColorSplit: token.colorSplit,
|
||||
modalFooterBorderStyle: token.lineType,
|
||||
modalFooterBorderWidth: token.lineWidth,
|
||||
modalCloseIconColor: token.colorIcon,
|
||||
modalCloseIconHoverColor: token.colorIconHover,
|
||||
modalCloseBtnSize: token.controlHeight,
|
||||
modalConfirmIconSize: token.fontHeight,
|
||||
modalTitleHeight: token.calc(token.titleFontSize).mul(token.titleLineHeight).equal()
|
||||
});
|
||||
return modalToken;
|
||||
};
|
||||
exports.prepareToken = prepareToken;
|
||||
const prepareComponentToken = token => ({
|
||||
footerBg: 'transparent',
|
||||
headerBg: token.colorBgElevated,
|
||||
titleLineHeight: token.lineHeightHeading5,
|
||||
titleFontSize: token.fontSizeHeading5,
|
||||
contentBg: token.colorBgElevated,
|
||||
titleColor: token.colorTextHeading,
|
||||
// internal
|
||||
contentPadding: token.wireframe ? 0 : `${(0, _cssinjs.unit)(token.paddingMD)} ${(0, _cssinjs.unit)(token.paddingContentHorizontalLG)}`,
|
||||
headerPadding: token.wireframe ? `${(0, _cssinjs.unit)(token.padding)} ${(0, _cssinjs.unit)(token.paddingLG)}` : 0,
|
||||
headerBorderBottom: token.wireframe ? `${(0, _cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.colorSplit}` : 'none',
|
||||
headerMarginBottom: token.wireframe ? 0 : token.marginXS,
|
||||
bodyPadding: token.wireframe ? token.paddingLG : 0,
|
||||
footerPadding: token.wireframe ? `${(0, _cssinjs.unit)(token.paddingXS)} ${(0, _cssinjs.unit)(token.padding)}` : 0,
|
||||
footerBorderTop: token.wireframe ? `${(0, _cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.colorSplit}` : 'none',
|
||||
footerBorderRadius: token.wireframe ? `0 0 ${(0, _cssinjs.unit)(token.borderRadiusLG)} ${(0, _cssinjs.unit)(token.borderRadiusLG)}` : 0,
|
||||
footerMarginTop: token.wireframe ? 0 : token.marginSM,
|
||||
confirmBodyPadding: token.wireframe ? `${(0, _cssinjs.unit)(token.padding * 2)} ${(0, _cssinjs.unit)(token.padding * 2)} ${(0, _cssinjs.unit)(token.paddingLG)}` : 0,
|
||||
confirmIconMarginInlineEnd: token.wireframe ? token.margin : token.marginSM,
|
||||
confirmBtnsMarginTop: token.wireframe ? token.marginLG : token.marginSM
|
||||
});
|
||||
exports.prepareComponentToken = prepareComponentToken;
|
||||
var _default = exports.default = (0, _internal.genStyleHooks)('Modal', token => {
|
||||
const modalToken = prepareToken(token);
|
||||
return [genModalStyle(modalToken), genRTLStyle(modalToken), genModalMaskStyle(modalToken), (0, _motion.initZoomMotion)(modalToken, 'zoom'), genResponsiveWidthStyle(modalToken)];
|
||||
}, prepareComponentToken, {
|
||||
unitless: {
|
||||
titleLineHeight: true
|
||||
}
|
||||
});
|
||||
18
frontend/node_modules/antd/lib/modal/useModal/HookModal.d.ts
generated
vendored
Normal file
18
frontend/node_modules/antd/lib/modal/useModal/HookModal.d.ts
generated
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
import * as React from 'react';
|
||||
import type { ConfigUpdate } from '../confirm';
|
||||
import type { ModalFuncProps } from '../interface';
|
||||
export interface HookModalProps {
|
||||
afterClose: () => void;
|
||||
config: ModalFuncProps;
|
||||
onConfirm?: (confirmed: boolean) => void;
|
||||
/**
|
||||
* Do not throw if is await mode
|
||||
*/
|
||||
isSilent?: () => boolean;
|
||||
}
|
||||
export interface HookModalRef {
|
||||
destroy: () => void;
|
||||
update: (config: ConfigUpdate) => void;
|
||||
}
|
||||
declare const _default: React.ForwardRefExoticComponent<HookModalProps & React.RefAttributes<HookModalRef>>;
|
||||
export default _default;
|
||||
76
frontend/node_modules/antd/lib/modal/useModal/HookModal.js
generated
vendored
Normal file
76
frontend/node_modules/antd/lib/modal/useModal/HookModal.js
generated
vendored
Normal file
@@ -0,0 +1,76 @@
|
||||
"use strict";
|
||||
"use client";
|
||||
|
||||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
var _configProvider = require("../../config-provider");
|
||||
var _en_US = _interopRequireDefault(require("../../locale/en_US"));
|
||||
var _useLocale = _interopRequireDefault(require("../../locale/useLocale"));
|
||||
var _ConfirmDialog = _interopRequireDefault(require("../ConfirmDialog"));
|
||||
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;
|
||||
};
|
||||
const HookModal = (_a, ref) => {
|
||||
var _b;
|
||||
var {
|
||||
afterClose: hookAfterClose,
|
||||
config
|
||||
} = _a,
|
||||
restProps = __rest(_a, ["afterClose", "config"]);
|
||||
const [open, setOpen] = React.useState(true);
|
||||
const [innerConfig, setInnerConfig] = React.useState(config);
|
||||
const {
|
||||
direction,
|
||||
getPrefixCls
|
||||
} = React.useContext(_configProvider.ConfigContext);
|
||||
const prefixCls = getPrefixCls('modal');
|
||||
const rootPrefixCls = getPrefixCls();
|
||||
const afterClose = () => {
|
||||
var _a;
|
||||
hookAfterClose();
|
||||
(_a = innerConfig.afterClose) === null || _a === void 0 ? void 0 : _a.call(innerConfig);
|
||||
};
|
||||
const close = (...args) => {
|
||||
var _a;
|
||||
setOpen(false);
|
||||
const triggerCancel = args.some(param => param === null || param === void 0 ? void 0 : param.triggerCancel);
|
||||
if (triggerCancel) {
|
||||
var _a2;
|
||||
(_a = innerConfig.onCancel) === null || _a === void 0 ? void 0 : (_a2 = _a).call.apply(_a2, [innerConfig, () => {}].concat((0, _toConsumableArray2.default)(args.slice(1))));
|
||||
}
|
||||
};
|
||||
React.useImperativeHandle(ref, () => ({
|
||||
destroy: close,
|
||||
update: newConfig => {
|
||||
setInnerConfig(originConfig => {
|
||||
const nextConfig = typeof newConfig === 'function' ? newConfig(originConfig) : newConfig;
|
||||
return Object.assign(Object.assign({}, originConfig), nextConfig);
|
||||
});
|
||||
}
|
||||
}));
|
||||
const mergedOkCancel = (_b = innerConfig.okCancel) !== null && _b !== void 0 ? _b : innerConfig.type === 'confirm';
|
||||
const [contextLocale] = (0, _useLocale.default)('Modal', _en_US.default.Modal);
|
||||
return /*#__PURE__*/React.createElement(_ConfirmDialog.default, Object.assign({
|
||||
prefixCls: prefixCls,
|
||||
rootPrefixCls: rootPrefixCls
|
||||
}, innerConfig, {
|
||||
close: close,
|
||||
open: open,
|
||||
afterClose: afterClose,
|
||||
okText: innerConfig.okText || (mergedOkCancel ? contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.okText : contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.justOkText),
|
||||
direction: innerConfig.direction || direction,
|
||||
cancelText: innerConfig.cancelText || (contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.cancelText)
|
||||
}, restProps));
|
||||
};
|
||||
var _default = exports.default = /*#__PURE__*/React.forwardRef(HookModal);
|
||||
8
frontend/node_modules/antd/lib/modal/useModal/index.d.ts
generated
vendored
Normal file
8
frontend/node_modules/antd/lib/modal/useModal/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
import * as React from 'react';
|
||||
import type { ModalFunc, ModalStaticFunctions } from '../confirm';
|
||||
export type ModalFuncWithPromise = (...args: Parameters<ModalFunc>) => ReturnType<ModalFunc> & {
|
||||
then: <T>(resolve: (confirmed: boolean) => T, reject: VoidFunction) => Promise<T>;
|
||||
};
|
||||
export type HookAPI = Omit<Record<keyof ModalStaticFunctions, ModalFuncWithPromise>, 'warn'>;
|
||||
declare function useModal(): readonly [instance: HookAPI, contextHolder: React.ReactElement];
|
||||
export default useModal;
|
||||
107
frontend/node_modules/antd/lib/modal/useModal/index.js
generated
vendored
Normal file
107
frontend/node_modules/antd/lib/modal/useModal/index.js
generated
vendored
Normal file
@@ -0,0 +1,107 @@
|
||||
"use strict";
|
||||
"use client";
|
||||
|
||||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
var _hooks = require("../../_util/hooks");
|
||||
var _confirm = require("../confirm");
|
||||
var _destroyFns = _interopRequireDefault(require("../destroyFns"));
|
||||
var _HookModal = _interopRequireDefault(require("./HookModal"));
|
||||
let uuid = 0;
|
||||
const ElementsHolder = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef((_props, ref) => {
|
||||
const [elements, patchElement] = (0, _hooks.usePatchElement)();
|
||||
React.useImperativeHandle(ref, () => ({
|
||||
patchElement
|
||||
}), [patchElement]);
|
||||
return /*#__PURE__*/React.createElement(React.Fragment, null, elements);
|
||||
}));
|
||||
function useModal() {
|
||||
const holderRef = React.useRef(null);
|
||||
// ========================== Effect ==========================
|
||||
const [actionQueue, setActionQueue] = React.useState([]);
|
||||
React.useEffect(() => {
|
||||
if (actionQueue.length) {
|
||||
const cloneQueue = (0, _toConsumableArray2.default)(actionQueue);
|
||||
cloneQueue.forEach(action => {
|
||||
action();
|
||||
});
|
||||
setActionQueue([]);
|
||||
}
|
||||
}, [actionQueue]);
|
||||
// =========================== Hook ===========================
|
||||
const getConfirmFunc = React.useCallback(withFunc => function hookConfirm(config) {
|
||||
var _a;
|
||||
uuid += 1;
|
||||
const modalRef = /*#__PURE__*/React.createRef();
|
||||
// Proxy to promise with `onClose`
|
||||
let resolvePromise;
|
||||
const promise = new Promise(resolve => {
|
||||
resolvePromise = resolve;
|
||||
});
|
||||
let silent = false;
|
||||
let closeFunc;
|
||||
const modal = /*#__PURE__*/React.createElement(_HookModal.default, {
|
||||
key: `modal-${uuid}`,
|
||||
config: withFunc(config),
|
||||
ref: modalRef,
|
||||
afterClose: () => {
|
||||
closeFunc === null || closeFunc === void 0 ? void 0 : closeFunc();
|
||||
},
|
||||
isSilent: () => silent,
|
||||
onConfirm: confirmed => {
|
||||
resolvePromise(confirmed);
|
||||
}
|
||||
});
|
||||
closeFunc = (_a = holderRef.current) === null || _a === void 0 ? void 0 : _a.patchElement(modal);
|
||||
if (closeFunc) {
|
||||
_destroyFns.default.push(closeFunc);
|
||||
}
|
||||
const instance = {
|
||||
destroy: () => {
|
||||
function destroyAction() {
|
||||
var _a;
|
||||
(_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.destroy();
|
||||
}
|
||||
if (modalRef.current) {
|
||||
destroyAction();
|
||||
} else {
|
||||
setActionQueue(prev => [].concat((0, _toConsumableArray2.default)(prev), [destroyAction]));
|
||||
}
|
||||
},
|
||||
update: newConfig => {
|
||||
function updateAction() {
|
||||
var _a;
|
||||
(_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.update(newConfig);
|
||||
}
|
||||
if (modalRef.current) {
|
||||
updateAction();
|
||||
} else {
|
||||
setActionQueue(prev => [].concat((0, _toConsumableArray2.default)(prev), [updateAction]));
|
||||
}
|
||||
},
|
||||
then: resolve => {
|
||||
silent = true;
|
||||
return promise.then(resolve);
|
||||
}
|
||||
};
|
||||
return instance;
|
||||
}, []);
|
||||
const fns = React.useMemo(() => ({
|
||||
info: getConfirmFunc(_confirm.withInfo),
|
||||
success: getConfirmFunc(_confirm.withSuccess),
|
||||
error: getConfirmFunc(_confirm.withError),
|
||||
warning: getConfirmFunc(_confirm.withWarn),
|
||||
confirm: getConfirmFunc(_confirm.withConfirm)
|
||||
}), [getConfirmFunc]);
|
||||
return [fns, /*#__PURE__*/React.createElement(ElementsHolder, {
|
||||
key: "modal-holder",
|
||||
ref: holderRef
|
||||
})];
|
||||
}
|
||||
var _default = exports.default = useModal;
|
||||
Reference in New Issue
Block a user