@chaoswise/ui 3.0.6 → 3.0.8

package/lib/Antd5/modal/confirm.js

@@ -0,0 +1,169 @@
+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); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import { render as reactRender, unmount as reactUnmount } from 'rc-util/lib/React/render';
+import warning from '../_util/warning';
+import ConfigProvider, { ConfigContext, globalConfig, warnContext } from '../config-provider';
+import ConfirmDialog from './ConfirmDialog';
+import destroyFns from './destroyFns';
+import { getConfirmLocale } from './locale';
+var defaultRootPrefixCls = '';
+function getRootPrefixCls() {
+  return defaultRootPrefixCls;
+}
+var ConfirmDialogWrapper = function ConfirmDialogWrapper(props) {
+  var _config$locale$Modal, _config$locale;
+  var customizePrefixCls = props.prefixCls,
+    getContainer = props.getContainer,
+    direction = props.direction;
+  var runtimeLocale = getConfirmLocale();
+  var config = useContext(ConfigContext);
+  var rootPrefixCls = getRootPrefixCls() || config.getPrefixCls();
+  // because Modal.config set rootPrefixCls, which is different from other components
+  var prefixCls = customizePrefixCls || "".concat(rootPrefixCls, "-modal");
+  var mergedGetContainer = getContainer;
+  if (mergedGetContainer === false) {
+    mergedGetContainer = undefined;
+    if (process.env.NODE_ENV !== 'production') {
+      warning(false, 'Modal', 'Static method not support `getContainer` to be `false` since it do not have context env.');
+    }
+  }
+  return _jsx(ConfirmDialog, _objectSpread(_objectSpread({}, props), {}, {
+    rootPrefixCls: rootPrefixCls,
+    prefixCls: prefixCls,
+    iconPrefixCls: config.iconPrefixCls,
+    theme: config.theme,
+    direction: direction !== null && direction !== void 0 ? direction : config.direction,
+    locale: (_config$locale$Modal = (_config$locale = config.locale) === null || _config$locale === void 0 ? void 0 : _config$locale.Modal) !== null && _config$locale$Modal !== void 0 ? _config$locale$Modal : runtimeLocale,
+    getContainer: mergedGetContainer
+  }));
+};
+export default function confirm(config) {
+  var global = globalConfig();
+  if (process.env.NODE_ENV !== 'production' && !global.holderRender) {
+    warnContext('Modal');
+  }
+  var container = document.createDocumentFragment();
+  // eslint-disable-next-line @typescript-eslint/no-use-before-define
+  var currentConfig = _objectSpread(_objectSpread({}, config), {}, {
+    close: close,
+    open: true
+  });
+  var timeoutId;
+  function destroy() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    var triggerCancel = args.some(function (param) {
+      return param && param.triggerCancel;
+    });
+    if (config.onCancel && triggerCancel) {
+      config.onCancel.apply(config, [function () {}].concat(_toConsumableArray(args.slice(1))));
+    }
+    for (var i = 0; i < destroyFns.length; i++) {
+      var fn = destroyFns[i];
+      // eslint-disable-next-line @typescript-eslint/no-use-before-define
+      if (fn === close) {
+        destroyFns.splice(i, 1);
+        break;
+      }
+    }
+    reactUnmount(container);
+  }
+  function render(props) {
+    clearTimeout(timeoutId);
+    /**
+     * https://github.com/ant-design/ant-design/issues/23623
+     *
+     * Sync render blocks React event. Let's make this async.
+     */
+    timeoutId = setTimeout(function () {
+      var rootPrefixCls = global.getPrefixCls(undefined, getRootPrefixCls());
+      var iconPrefixCls = global.getIconPrefixCls();
+      var theme = global.getTheme();
+      var dom = _jsx(ConfirmDialogWrapper, _objectSpread({}, props));
+      reactRender(_jsx(ConfigProvider, {
+        prefixCls: rootPrefixCls,
+        iconPrefixCls: iconPrefixCls,
+        theme: theme,
+        children: global.holderRender ? global.holderRender(dom) : dom
+      }), container);
+    });
+  }
+  function close() {
+    var _this = this;
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    currentConfig = _objectSpread(_objectSpread({}, currentConfig), {}, {
+      open: false,
+      afterClose: function afterClose() {
+        if (typeof config.afterClose === 'function') {
+          config.afterClose();
+        }
+        // @ts-ignore
+        destroy.apply(_this, args);
+      }
+    });
+    // Legacy support
+    if (currentConfig.visible) {
+      delete currentConfig.visible;
+    }
+    render(currentConfig);
+  }
+  function update(configUpdate) {
+    if (typeof configUpdate === 'function') {
+      currentConfig = configUpdate(currentConfig);
+    } else {
+      currentConfig = _objectSpread(_objectSpread({}, currentConfig), configUpdate);
+    }
+    render(currentConfig);
+  }
+  render(currentConfig);
+  destroyFns.push(close);
+  return {
+    destroy: close,
+    update: update
+  };
+}
+export function withWarn(props) {
+  return _objectSpread(_objectSpread({}, props), {}, {
+    type: 'warning'
+  });
+}
+export function withInfo(props) {
+  return _objectSpread(_objectSpread({}, props), {}, {
+    type: 'info'
+  });
+}
+export function withSuccess(props) {
+  return _objectSpread(_objectSpread({}, props), {}, {
+    type: 'success'
+  });
+}
+export function withError(props) {
+  return _objectSpread(_objectSpread({}, props), {}, {
+    type: 'error'
+  });
+}
+export function withConfirm(props) {
+  return _objectSpread(_objectSpread({}, props), {}, {
+    type: 'confirm'
+  });
+}
+export function modalGlobalConfig(_ref) {
+  var rootPrefixCls = _ref.rootPrefixCls;
+  warning(false, 'Modal', 'Modal.config is deprecated. Please use ConfigProvider.config instead.');
+  defaultRootPrefixCls = rootPrefixCls;
+}

package/lib/Antd5/modal/context.js

@@ -0,0 +1,4 @@
+import React from 'react';
+export var ModalContext = /*#__PURE__*/React.createContext({});
+var ModalContextProvider = ModalContext.Provider;
+export { ModalContextProvider };

package/lib/Antd5/modal/destroyFns.js

@@ -0,0 +1,2 @@
+var destroyFns = [];
+export default destroyFns;

package/lib/Antd5/modal/index.js

@@ -0,0 +1,38 @@
+import confirm, { modalGlobalConfig, withConfirm, withError, withInfo, withSuccess, withWarn } from './confirm';
+import destroyFns from './destroyFns';
+import OriginModal from './Modal';
+import PurePanel from './PurePanel';
+import useModal from './useModal';
+function modalWarn(props) {
+  return confirm(withWarn(props));
+}
+var Modal = OriginModal;
+Modal.useModal = useModal;
+Modal.info = function infoFn(props) {
+  return confirm(withInfo(props));
+};
+Modal.success = function successFn(props) {
+  return confirm(withSuccess(props));
+};
+Modal.error = function errorFn(props) {
+  return confirm(withError(props));
+};
+Modal.warning = modalWarn;
+Modal.warn = modalWarn;
+Modal.confirm = function confirmFn(props) {
+  return confirm(withConfirm(props));
+};
+Modal.destroyAll = function destroyAllFn() {
+  while (destroyFns.length) {
+    var close = destroyFns.pop();
+    if (close) {
+      close();
+    }
+  }
+};
+Modal.config = modalGlobalConfig;
+Modal._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;
+if (process.env.NODE_ENV !== 'production') {
+  Modal.displayName = 'Modal';
+}
+export default Modal;

package/lib/Antd5/modal/interface.js

@@ -0,0 +1 @@
+export {};

package/lib/Antd5/modal/locale.js

@@ -0,0 +1,31 @@
+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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import defaultLocale from '../locale/en_US';
+var runtimeLocale = _objectSpread({}, defaultLocale.Modal);
+var localeList = [];
+var generateLocale = function generateLocale() {
+  return localeList.reduce(function (merged, locale) {
+    return _objectSpread(_objectSpread({}, merged), locale);
+  }, defaultLocale.Modal);
+};
+export function changeConfirmLocale(newLocale) {
+  if (newLocale) {
+    var cloneLocale = _objectSpread({}, newLocale);
+    localeList.push(cloneLocale);
+    runtimeLocale = generateLocale();
+    return function () {
+      localeList = localeList.filter(function (locale) {
+        return locale !== cloneLocale;
+      });
+      runtimeLocale = generateLocale();
+    };
+  }
+  runtimeLocale = _objectSpread({}, defaultLocale.Modal);
+}
+export function getConfirmLocale() {
+  return runtimeLocale;
+}

package/lib/Antd5/modal/shared.js

@@ -0,0 +1,81 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import CloseOutlined from '@ant-design/icons/CloseOutlined';
+import { DisabledContextProvider } from '../config-provider/DisabledContext';
+import { useLocale } from '../locale';
+import NormalCancelBtn from './components/NormalCancelBtn';
+import NormalOkBtn from './components/NormalOkBtn';
+import { ModalContextProvider } from './context';
+import { getConfirmLocale } from './locale';
+export function renderCloseIcon(prefixCls, closeIcon) {
+  return _jsx("span", {
+    className: "".concat(prefixCls, "-close-x"),
+    children: closeIcon || _jsx(CloseOutlined, {
+      className: "".concat(prefixCls, "-close-icon")
+    })
+  });
+}
+export var Footer = function Footer(props) {
+  var okText = props.okText,
+    _props$okType = props.okType,
+    okType = _props$okType === void 0 ? 'primary' : _props$okType,
+    cancelText = props.cancelText,
+    confirmLoading = props.confirmLoading,
+    onOk = props.onOk,
+    onCancel = props.onCancel,
+    okButtonProps = props.okButtonProps,
+    cancelButtonProps = props.cancelButtonProps,
+    footer = props.footer;
+  var _useLocale = useLocale('Modal', getConfirmLocale()),
+    _useLocale2 = _slicedToArray(_useLocale, 1),
+    locale = _useLocale2[0];
+  // ================== Locale Text ==================
+  var okTextLocale = okText || (locale === null || locale === void 0 ? void 0 : locale.okText);
+  var cancelTextLocale = cancelText || (locale === null || locale === void 0 ? void 0 : locale.cancelText);
+  // ================= Context Value =================
+  var btnCtxValue = {
+    confirmLoading: confirmLoading,
+    okButtonProps: okButtonProps,
+    cancelButtonProps: cancelButtonProps,
+    okTextLocale: okTextLocale,
+    cancelTextLocale: cancelTextLocale,
+    okType: okType,
+    onOk: onOk,
+    onCancel: onCancel
+  };
+  var btnCtxValueMemo = React.useMemo(function () {
+    return btnCtxValue;
+  }, _toConsumableArray(Object.values(btnCtxValue)));
+  var footerNode;
+  if (typeof footer === 'function' || typeof footer === 'undefined') {
+    footerNode = _jsxs(_Fragment, {
+      children: [_jsx(NormalCancelBtn, {}), _jsx(NormalOkBtn, {})]
+    });
+    if (typeof footer === 'function') {
+      footerNode = footer(footerNode, {
+        OkBtn: NormalOkBtn,
+        CancelBtn: NormalCancelBtn
+      });
+    }
+    footerNode = _jsx(ModalContextProvider, {
+      value: btnCtxValueMemo,
+      children: footerNode
+    });
+  } else {
+    footerNode = footer;
+  }
+  return _jsx(DisabledContextProvider, {
+    disabled: false,
+    children: footerNode
+  });
+};

package/lib/Antd5/modal/style/confirm.js

@@ -0,0 +1,83 @@
+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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+// Style as confirm component
+import { unit } from '@ant-design/cssinjs';
+import { prepareComponentToken, prepareToken } from '.';
+import { clearFix } from '../../style';
+import { genSubStyleComponent } from '../../theme/internal';
+import customStyle from '../../../Modal/confirmGlobalStyle';
+// ============================= Confirm ==============================
+var genModalConfirmStyle = function genModalConfirmStyle(token) {
+  var componentCls = token.componentCls,
+    titleFontSize = token.titleFontSize,
+    titleLineHeight = token.titleLineHeight,
+    modalConfirmIconSize = token.modalConfirmIconSize,
+    fontSize = token.fontSize,
+    lineHeight = token.lineHeight,
+    modalTitleHeight = token.modalTitleHeight,
+    fontHeight = token.fontHeight,
+    confirmBodyPadding = token.confirmBodyPadding;
+  var confirmComponentCls = "".concat(componentCls, "-confirm");
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, confirmComponentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    '&-rtl': {
+      direction: 'rtl'
+    }
+  }, "".concat(token.antCls, "-modal-header"), {
+    display: 'none'
+  }), "".concat(confirmComponentCls, "-body-wrapper"), _objectSpread({}, clearFix())), "&".concat(componentCls, " ").concat(componentCls, "-body"), {
+    padding: confirmBodyPadding
+  }), "".concat(confirmComponentCls, "-body"), _defineProperty(_defineProperty({
+    display: 'flex',
+    flexWrap: 'nowrap',
+    alignItems: 'start'
+  }, "> ".concat(token.iconCls), {
+    flex: 'none',
+    fontSize: modalConfirmIconSize,
+    marginInlineEnd: token.confirmIconMarginInlineEnd,
+    marginTop: token.calc(token.calc(fontHeight).sub(modalConfirmIconSize).equal()).div(2).equal()
+  }), "&-has-title > ".concat(token.iconCls), {
+    marginTop: token.calc(token.calc(modalTitleHeight).sub(modalConfirmIconSize).equal()).div(2).equal()
+  })), "".concat(confirmComponentCls, "-paragraph"), {
+    display: 'flex',
+    flexDirection: 'column',
+    flex: 'auto',
+    rowGap: token.marginXS
+  }), "".concat(token.iconCls, " + ").concat(confirmComponentCls, "-paragraph"), {
+    maxWidth: "calc(100% - ".concat(unit(token.calc(token.modalConfirmIconSize).add(token.marginSM).equal()), ")")
+  }), "".concat(confirmComponentCls, "-title"), {
+    color: token.colorTextHeading,
+    fontWeight: token.fontWeightStrong,
+    fontSize: titleFontSize,
+    lineHeight: titleLineHeight
+  }), "".concat(confirmComponentCls, "-content"), {
+    color: token.colorText,
+    fontSize: fontSize,
+    lineHeight: lineHeight
+  }), "".concat(confirmComponentCls, "-btns"), _defineProperty({
+    textAlign: 'end',
+    marginTop: token.confirmBtnsMarginTop
+  }, "".concat(token.antCls, "-btn + ").concat(token.antCls, "-btn"), {
+    marginBottom: 0,
+    marginInlineStart: token.marginXS
+  }))), "".concat(confirmComponentCls, "-error ").concat(confirmComponentCls, "-body > ").concat(token.iconCls), {
+    color: token.colorError
+  }), "".concat(confirmComponentCls, "-warning ").concat(confirmComponentCls, "-body > ").concat(token.iconCls, ",\n        ").concat(confirmComponentCls, "-confirm ").concat(confirmComponentCls, "-body > ").concat(token.iconCls), {
+    color: token.colorWarning
+  }), "".concat(confirmComponentCls, "-info ").concat(confirmComponentCls, "-body > ").concat(token.iconCls), {
+    color: token.colorInfo
+  }), "".concat(confirmComponentCls, "-success ").concat(confirmComponentCls, "-body > ").concat(token.iconCls), {
+    color: token.colorSuccess
+  });
+};
+// ============================== Export ==============================
+export default genSubStyleComponent(['Modal', 'confirm'], function (token) {
+  var modalToken = prepareToken(token);
+  return [genModalConfirmStyle(modalToken), customStyle(modalToken)];
+}, prepareComponentToken, {
+  // confirm is weak than modal since no conflict here
+  order: -1000
+});

package/lib/Antd5/modal/style/index.js

@@ -0,0 +1,221 @@
+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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { unit } from '@ant-design/cssinjs';
+import { genFocusStyle, resetComponent } from '../../style';
+import { initFadeMotion, initZoomMotion } from '../../style/motion';
+import { genStyleHooks, mergeToken } from '../../theme/internal';
+function box(position) {
+  return {
+    position: position,
+    inset: 0
+  };
+}
+export var genModalMaskStyle = function genModalMaskStyle(token) {
+  var componentCls = token.componentCls,
+    antCls = token.antCls;
+  return [_defineProperty({}, "".concat(componentCls, "-root"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls).concat(antCls, "-zoom-enter, ").concat(componentCls).concat(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'
+  }), "".concat(componentCls).concat(antCls, "-zoom-leave ").concat(componentCls, "-content"), {
+    pointerEvents: 'none'
+  }), "".concat(componentCls, "-mask"), _objectSpread(_objectSpread({}, box('fixed')), {}, _defineProperty({
+    zIndex: token.zIndexPopupBase,
+    height: '100%',
+    backgroundColor: token.colorBgMask,
+    pointerEvents: 'none'
+  }, "".concat(componentCls, "-hidden"), {
+    display: 'none'
+  }))), "".concat(componentCls, "-wrap"), _objectSpread(_objectSpread({}, box('fixed')), {}, {
+    zIndex: token.zIndexPopupBase,
+    overflow: 'auto',
+    outline: 0,
+    WebkitOverflowScrolling: 'touch'
+  }))), _defineProperty({}, "".concat(componentCls, "-root"), initFadeMotion(token))];
+};
+var genModalStyle = function genModalStyle(token) {
+  var componentCls = token.componentCls;
+  return [// ======================== Root =========================
+  _defineProperty({}, "".concat(componentCls, "-root"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-wrap-rtl"), {
+    direction: 'rtl'
+  }), "".concat(componentCls, "-centered"), _defineProperty({
+    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: ".concat(token.screenSMMax, "px)"), _defineProperty(_defineProperty({}, componentCls, {
+    maxWidth: 'calc(100vw - 16px)',
+    margin: "".concat(unit(token.marginXS), " auto")
+  }), "".concat(componentCls, "-centered"), _defineProperty({}, componentCls, {
+    flex: 1
+  })))), // ======================== Modal ========================
+  _defineProperty({}, componentCls, _objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    pointerEvents: 'none',
+    position: 'relative',
+    top: 100,
+    width: 'auto',
+    maxWidth: "calc(100vw - ".concat(unit(token.calc(token.margin).mul(2).equal()), ")"),
+    margin: '0 auto',
+    paddingBottom: token.paddingLG
+  }, "".concat(componentCls, "-title"), {
+    margin: 0,
+    color: token.titleColor,
+    fontWeight: token.fontWeightStrong,
+    fontSize: token.titleFontSize,
+    lineHeight: token.titleLineHeight,
+    wordWrap: 'break-word'
+  }), "".concat(componentCls, "-content"), {
+    position: 'relative',
+    backgroundColor: token.contentBg,
+    backgroundClip: 'padding-box',
+    border: 0,
+    borderRadius: token.borderRadiusLG,
+    boxShadow: token.boxShadow,
+    pointerEvents: 'auto',
+    padding: token.contentPadding
+  }), "".concat(componentCls, "-close"), _objectSpread({
+    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 ".concat(token.motionDurationMid, ", background-color ").concat(token.motionDurationMid),
+    '&-x': {
+      display: 'flex',
+      fontSize: token.fontSizeLG,
+      fontStyle: 'normal',
+      lineHeight: "".concat(unit(token.modalCloseBtnSize)),
+      justifyContent: 'center',
+      textTransform: 'none',
+      textRendering: 'auto'
+    },
+    '&:hover': {
+      color: token.modalCloseIconHoverColor,
+      backgroundColor: token.colorBgTextHover,
+      textDecoration: 'none'
+    },
+    '&:active': {
+      backgroundColor: token.colorBgTextActive
+    }
+  }, genFocusStyle(token))), "".concat(componentCls, "-header"), {
+    color: token.colorText,
+    background: token.headerBg,
+    borderRadius: "".concat(unit(token.borderRadiusLG), " ").concat(unit(token.borderRadiusLG), " 0 0"),
+    marginBottom: token.headerMarginBottom,
+    padding: token.headerPadding,
+    borderBottom: token.headerBorderBottom
+  }), "".concat(componentCls, "-body"), {
+    fontSize: token.fontSize,
+    lineHeight: token.lineHeight,
+    wordWrap: 'break-word',
+    padding: token.bodyPadding
+  }), "".concat(componentCls, "-footer"), _defineProperty({
+    textAlign: 'end',
+    background: token.footerBg,
+    marginTop: token.footerMarginTop,
+    padding: token.footerPadding,
+    borderTop: token.footerBorderTop,
+    borderRadius: token.footerBorderRadius
+  }, "> ".concat(token.antCls, "-btn + ").concat(token.antCls, "-btn"), {
+    marginInlineStart: token.marginXS
+  })), "".concat(componentCls, "-open"), {
+    overflow: 'hidden'
+  }))), // ======================== Pure =========================
+  _defineProperty({}, "".concat(componentCls, "-pure-panel"), _defineProperty(_defineProperty({
+    top: 'auto',
+    padding: 0,
+    display: 'flex',
+    flexDirection: 'column'
+  }, "".concat(componentCls, "-content,\n          ").concat(componentCls, "-body,\n          ").concat(componentCls, "-confirm-body-wrapper"), {
+    display: 'flex',
+    flexDirection: 'column',
+    flex: 'auto'
+  }), "".concat(componentCls, "-confirm-body"), {
+    marginBottom: 'auto'
+  }))];
+};
+var genRTLStyle = function genRTLStyle(token) {
+  var componentCls = token.componentCls;
+  return _defineProperty({}, "".concat(componentCls, "-root"), _defineProperty({}, "".concat(componentCls, "-wrap-rtl"), _defineProperty({
+    direction: 'rtl'
+  }, "".concat(componentCls, "-confirm-body"), {
+    direction: 'rtl'
+  })));
+};
+// ============================== Export ==============================
+export var prepareToken = function prepareToken(token) {
+  var headerPaddingVertical = token.padding;
+  var headerFontSize = token.fontSizeHeading5;
+  var headerLineHeight = token.lineHeightHeading5;
+  var modalToken = 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;
+};
+export var prepareComponentToken = function prepareComponentToken(token) {
+  return {
+    footerBg: 'transparent',
+    headerBg: token.colorBgElevated,
+    titleLineHeight: token.lineHeightHeading5,
+    titleFontSize: token.fontSizeHeading5,
+    contentBg: token.colorBgElevated,
+    titleColor: token.colorTextHeading,
+    // internal
+    contentPadding: token.wireframe ? 0 : "".concat(unit(token.paddingMD), " ").concat(unit(token.paddingContentHorizontalLG)),
+    headerPadding: token.wireframe ? "".concat(unit(token.padding), " ").concat(unit(token.paddingLG)) : 0,
+    headerBorderBottom: token.wireframe ? "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorSplit) : 'none',
+    headerMarginBottom: token.wireframe ? 0 : token.marginXS,
+    bodyPadding: token.wireframe ? token.paddingLG : 0,
+    footerPadding: token.wireframe ? "".concat(unit(token.paddingXS), " ").concat(unit(token.padding)) : 0,
+    footerBorderTop: token.wireframe ? "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorSplit) : 'none',
+    footerBorderRadius: token.wireframe ? "0 0 ".concat(unit(token.borderRadiusLG), " ").concat(unit(token.borderRadiusLG)) : 0,
+    footerMarginTop: token.wireframe ? 0 : token.marginSM,
+    confirmBodyPadding: token.wireframe ? "".concat(unit(token.padding * 2), " ").concat(unit(token.padding * 2), " ").concat(unit(token.paddingLG)) : 0,
+    confirmIconMarginInlineEnd: token.wireframe ? token.margin : token.marginSM,
+    confirmBtnsMarginTop: token.wireframe ? token.marginLG : token.marginSM
+  };
+};
+export default genStyleHooks('Modal', function (token) {
+  var modalToken = prepareToken(token);
+  return [genModalStyle(modalToken), genRTLStyle(modalToken), genModalMaskStyle(modalToken), initZoomMotion(modalToken, 'zoom')];
+}, prepareComponentToken, {
+  unitless: {
+    titleLineHeight: true
+  }
+});