@oceanbase/design 1.0.0-alpha.8 → 1.0.0

package/lib/modal/Modal.d.ts

@@ -1,10 +1,12 @@
 import type { ModalFuncProps, ModalProps as AntModalProps } from 'antd/es/modal';
 import React from 'react';
+import { type DocumentType } from '../_util';
 export interface ModalProps extends AntModalProps {
     extra?: React.ReactNode;
+    document?: DocumentType;
 }
 declare const Modal: {
-    ({ extra, footer, prefixCls: customizePrefixCls, className, ...restProps }: ModalProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    ({ title, extra, footer, document, prefixCls: customizePrefixCls, className, ...restProps }: ModalProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     info(props: ModalFuncProps): {
         destroy: () => void;
         update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;

package/lib/modal/Modal.js

@@ -1,103 +1,121 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/modal/Modal.tsx
-var Modal_exports = {};
-__export(Modal_exports, {
-  default: () => Modal_default
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Modal_exports);
-var import_antd = require("antd");
-var import_icons = require("@oceanbase/icons");
-var import_classnames = __toESM(require("classnames"));
-var import_react = require("react");
-var import_config_provider = __toESM(require("../config-provider"));
-var import_space = __toESM(require("../space"));
-var import_static_function = require("../static-function");
-var import_style = __toESM(require("./style"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var Modal = ({
+exports.default = void 0;
+var _antd = require("antd");
+var _icons = require("@oceanbase/icons");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _configProvider = _interopRequireDefault(require("../config-provider"));
+var _space = _interopRequireDefault(require("../space"));
+var _staticFunction = require("../static-function");
+var _util = require("../_util");
+var _style = _interopRequireDefault(require("./style"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Modal = ({
+  title,
   extra,
   footer,
+  document,
   prefixCls: customizePrefixCls,
   className,
   ...restProps
 }) => {
-  const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-  const prefixCls = getPrefixCls("modal", customizePrefixCls);
-  const { wrapSSR } = (0, import_style.default)(prefixCls);
-  const modalCls = (0, import_classnames.default)(className);
-  return wrapSSR(
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_antd.Modal,
-      {
-        destroyOnClose: true,
-        footer: footer === false ? null : extra ? (originNode) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-footer-content`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-footer-extra`, children: extra }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_space.default, { children: originNode })
-        ] }) : footer,
-        prefixCls: customizePrefixCls,
-        className: modalCls,
-        ...restProps
-      }
-    )
-  );
+  const {
+    getPrefixCls,
+    locale: contextLocale
+  } = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls('modal', customizePrefixCls);
+  const [wrapCSSVar] = (0, _style.default)(prefixCls);
+  const viewDocument = contextLocale?.global?.viewDocument;
+  const modalTitle = (0, _react.useMemo)(() => {
+    if (!title && !document) {
+      return title;
+    }
+    if (!title) {
+      return null;
+    }
+    if (!document) {
+      return title;
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: `${prefixCls}-title-wrapper`,
+      style: {
+        display: 'flex',
+        alignItems: 'center'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: `${prefixCls}-title-content`,
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_util.Document, {
+        document: document,
+        prefixCls: prefixCls,
+        viewDocument: viewDocument
+      })]
+    });
+  }, [title, document, prefixCls, viewDocument]);
+  const modalCls = (0, _classnames.default)({
+    [`${prefixCls}-no-title`]: !title && !document,
+    [`${prefixCls}-no-footer`]: footer === false || footer === null
+  }, className);
+  return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Modal, {
+    destroyOnClose: true,
+    title: modalTitle
+    // convert false to null to hide .ant-modal-footer dom
+    // ref: https://github.com/ant-design/ant-design/blob/master/components/modal/Modal.tsx#L105
+    ,
+    footer: footer === false ? null : extra ? originNode => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: `${prefixCls}-footer-content`,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${prefixCls}-footer-extra`,
+        children: extra
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, {
+        children: originNode
+      })]
+    }) : footer,
+    prefixCls: customizePrefixCls,
+    className: modalCls,
+    ...restProps
+  }));
 };
-Modal.info = (props) => import_static_function.modal.info({
+
+// 替换 Modal 上的静态方法，支持消费 ConfigProvider 配置
+// 注意: 不能使用 Modal.info = modal.info 进行属性赋值，需要新建函数赋值，否则仍然无法消费 ConfigProvider 配置
+Modal.info = props => _staticFunction.modal.info({
   // use outlined icon
-  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.InfoCircleOutlined, {}),
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.InfoCircleOutlined, {}),
   ...props
 });
-Modal.success = (props) => import_static_function.modal.success({
-  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckCircleOutlined, {}),
+Modal.success = props => _staticFunction.modal.success({
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CheckCircleOutlined, {}),
   ...props
 });
-Modal.error = (props) => import_static_function.modal.error({
-  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseCircleOutlined, {}),
+Modal.error = props => _staticFunction.modal.error({
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseCircleOutlined, {}),
   ...props
 });
-Modal.warning = (props) => import_static_function.modal.warning({
-  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ExclamationCircleOutlined, {}),
+Modal.warning = props => _staticFunction.modal.warning({
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ExclamationCircleOutlined, {}),
   ...props
 });
-Modal.warn = (props) => import_static_function.modal.warning({
-  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ExclamationCircleOutlined, {}),
+Modal.warn = props => _staticFunction.modal.warning({
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ExclamationCircleOutlined, {}),
   ...props
 });
-Modal.confirm = (props) => import_static_function.modal.confirm({
-  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ExclamationCircleOutlined, {}),
+Modal.confirm = props => _staticFunction.modal.confirm({
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ExclamationCircleOutlined, {}),
   ...props
 });
-Modal.useModal = import_antd.Modal.useModal;
-Modal.destroyAll = import_antd.Modal.destroyAll;
-Modal.config = import_antd.Modal.config;
-Modal._InternalPanelDoNotUseOrYouWillBeFired = import_antd.Modal._InternalPanelDoNotUseOrYouWillBeFired;
-if (process.env.NODE_ENV !== "production") {
-  Modal.displayName = import_antd.Modal.displayName;
+Modal.useModal = _antd.Modal.useModal;
+Modal.destroyAll = _antd.Modal.destroyAll;
+Modal.config = _antd.Modal.config;
+Modal._InternalPanelDoNotUseOrYouWillBeFired = _antd.Modal._InternalPanelDoNotUseOrYouWillBeFired;
+if (process.env.NODE_ENV !== 'production') {
+  Modal.displayName = _antd.Modal.displayName;
 }
-var Modal_default = Modal;
+var _default = exports.default = Modal;

package/lib/modal/Progress.js

@@ -1,45 +1,20 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/modal/Progress.tsx
-var Progress_exports = {};
-__export(Progress_exports, {
-  default: () => Progress_default
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Progress_exports);
-var import_react = require("react");
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_config_provider = __toESM(require("../config-provider"));
-var import_Modal = __toESM(require("./Modal"));
-var import_icons = require("@oceanbase/icons");
-var import_jsx_runtime = require("react/jsx-runtime");
-var Progress = ({
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _configProvider = _interopRequireDefault(require("../config-provider"));
+var _Modal = _interopRequireDefault(require("./Modal"));
+var _icons = require("@oceanbase/icons");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Progress = ({
   prefixCls: customizePrefixCls,
   className,
   width = 567,
@@ -50,26 +25,33 @@ var Progress = ({
   footer = null,
   ...restProps
 }) => {
-  const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-  const prefixCls = getPrefixCls("modal", customizePrefixCls);
-  const progressModalCls = (0, import_classnames.default)(`${prefixCls}-progress`, className);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_Modal.default,
-    {
-      prefixCls: customizePrefixCls,
-      className: progressModalCls,
-      width,
-      maskClosable,
-      footer,
-      ...restProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LoadingOutlined, { className: `${prefixCls}-progress-loading` }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Progress, { type: "circle", size: 200, ...progress }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-progress-description`, children: description })
-      ] })
-    }
-  );
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls('modal', customizePrefixCls);
+  const progressModalCls = (0, _classnames.default)(`${prefixCls}-progress`, className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.default, {
+    prefixCls: customizePrefixCls,
+    className: progressModalCls,
+    width: width,
+    maskClosable: maskClosable,
+    footer: footer,
+    ...restProps,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LoadingOutlined, {
+        className: `${prefixCls}-progress-loading`
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Progress, {
+        type: "circle",
+        size: 200,
+        ...progress
+      }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${prefixCls}-progress-description`,
+        children: description
+      })]
+    })
+  });
 };
-if (process.env.NODE_ENV !== "production") {
-  import_Modal.default.displayName = "Modal.Progress";
+if (process.env.NODE_ENV !== 'production') {
+  _Modal.default.displayName = 'Modal.Progress';
 }
-var Progress_default = Progress;
+var _default = exports.default = Progress;

package/lib/modal/index.js

@@ -1,45 +1,25 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/modal/index.ts
-var modal_exports = {};
-__export(modal_exports, {
-  default: () => modal_default
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(modal_exports);
-var import_Progress = __toESM(require("./Progress"));
-var import_Modal = __toESM(require("./Modal"));
-__reExport(modal_exports, require("antd/es/modal"), module.exports);
-var Modal = import_Modal.default;
-Modal.Progress = import_Progress.default;
-var modal_default = Modal;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/modal")
+var _exportNames = {};
+exports.default = void 0;
+var _Progress = _interopRequireDefault(require("./Progress"));
+var _Modal = _interopRequireDefault(require("./Modal"));
+var _modal = require("antd/es/modal");
+Object.keys(_modal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _modal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _modal[key];
+    }
+  });
 });
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Modal = _Modal.default;
+Modal.Progress = _Progress.default;
+var _default = exports.default = Modal;

package/lib/modal/interface.js

@@ -1,23 +1,16 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/modal/interface.ts
-var interface_exports = {};
-module.exports = __toCommonJS(interface_exports);
-__reExport(interface_exports, require("antd/es/modal/interface"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/modal/interface")
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+var _interface = require("antd/es/modal/interface");
+Object.keys(_interface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _interface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _interface[key];
+    }
+  });
+});

package/lib/modal/style/index.d.ts

@@ -2,8 +2,5 @@
 import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type ModalToken = FullToken<'Modal'>;
 export declare const genModalStyle: GenerateStyle<ModalToken>;
-declare const _default: (prefixCls: string) => {
-    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    hashId: string;
-};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
 export default _default;

package/lib/modal/style/index.js

@@ -1,32 +1,14 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/modal/style/index.ts
-var style_exports = {};
-__export(style_exports, {
-  default: () => style_default,
-  genModalStyle: () => genModalStyle
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genModalStyle = (token) => {
+exports.genModalStyle = exports.default = void 0;
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genModalStyle = token => {
   const {
     antCls,
+    iconCls,
     componentCls,
     marginLG,
     fontSizeHeading5,
@@ -48,20 +30,50 @@ var genModalStyle = (token) => {
           marginRight: token.marginXXS
         },
         [`${componentCls}-header`]: {
-          position: "relative",
+          position: 'relative',
           marginBottom: 0,
           paddingBottom: token.padding,
           [`${componentCls}-title`]: {
-            fontSize: fontSizeHeading3
+            fontSize: fontSizeHeading3,
+            [iconCls]: {
+              fontSize: token.fontSizeLG
+            }
+          },
+          [`${componentCls}-title-wrapper`]: {
+            display: 'flex',
+            alignItems: 'center'
+          },
+          [`${componentCls}-title-content`]: {
+            lineHeight: token.lineHeightLG,
+            marginInlineEnd: token.marginXS
+          },
+          [`${componentCls}-document-divider`]: {
+            marginInline: 0,
+            height: token.size
+          },
+          [`${componentCls}-document-icon`]: {
+            display: 'inline-block',
+            color: token.colorIcon,
+            fontSize: token.fontSizeLG,
+            cursor: 'pointer',
+            '&:hover': {
+              color: token.colorLinkHover
+            },
+            '&:active': {
+              color: token.colorLinkActive
+            }
+          },
+          [`${componentCls}-document-default-icon`]: {
+            marginBottom: -2
           },
           // 使用伪元素创建贯通的分割线
-          "&::after": {
+          '&::after': {
             content: '""',
-            position: "absolute",
+            position: 'absolute',
             bottom: 0,
             left: 0,
             right: 0,
-            height: "1px",
+            height: '1px',
             backgroundColor: colorSplit,
             // antd Modal content默认padding通常是24px，使用负margin让分割线贯通
             // 如果antd使用其他padding值，可能需要调整
@@ -70,28 +82,38 @@ var genModalStyle = (token) => {
           }
         },
         [`${componentCls}-body`]: {
-          paddingTop: token.paddingLG,
           marginInline: calc(token.marginLG).mul(-1).equal(),
-          paddingInline: token.paddingLG
+          paddingInline: token.paddingLG,
+          paddingBlock: token.paddingLG
         }
       },
       [`${componentCls}-footer`]: {
-        paddingTop: token.paddingLG,
+        paddingTop: token.padding,
         marginTop: 0,
         [`${antCls}-btn`]: {
           height: 28,
           minHeight: 28
         },
         [`${componentCls}-footer-content`]: {
-          display: "flex",
-          justifyContent: "space-between",
-          alignItems: "center",
+          display: 'flex',
+          justifyContent: 'space-between',
+          alignItems: 'center',
           [`${componentCls}-footer-extra`]: {
             marginInlineEnd: token.margin,
             // make extra align to start
-            textAlign: "start"
+            textAlign: 'start'
           }
         }
+      },
+      [`&${componentCls}-no-title`]: {
+        [`${componentCls}-content`]: {
+          paddingBlockStart: 0
+        }
+      },
+      [`&${componentCls}${componentCls}-no-footer`]: {
+        [`${componentCls}-content`]: {
+          paddingBlockEnd: 0
+        }
       }
     },
     /* Modal.Progress */
@@ -103,14 +125,14 @@ var genModalStyle = (token) => {
           marginRight: token.marginXXS
         },
         [`${componentCls}-header`]: {
-          textAlign: "center",
+          textAlign: 'center',
           marginBottom: token.marginXXL,
           [`${componentCls}-title`]: {
             fontSize: fontSizeHeading3
           }
         },
         [`${componentCls}-body`]: {
-          textAlign: "center",
+          textAlign: 'center',
           [`${componentCls}-progress-loading`]: {
             fontSize: 200,
             color: token.colorInfo
@@ -121,11 +143,11 @@ var genModalStyle = (token) => {
           },
           // should align to left for Alert
           [`${antCls}-alert`]: {
-            textAlign: "left"
+            textAlign: 'left'
           }
         },
         [`${componentCls}-footer`]: {
-          textAlign: "center",
+          textAlign: 'center',
           [`${antCls}-btn`]: {
             height: 28,
             minHeight: 28
@@ -162,13 +184,7 @@ var genModalStyle = (token) => {
     }
   };
 };
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Modal", (token) => {
-    return [genModalStyle(token)];
-  });
-  return useStyle(prefixCls);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  genModalStyle
-});
+exports.genModalStyle = genModalStyle;
+var _default = exports.default = (0, _genComponentStyleHook.genStyleHooks)('Modal', token => {
+  return [genModalStyle(token)];
+});