From 9e8d3d6a7034d4b006579fa934de2a3ea8309db3 Mon Sep 17 00:00:00 2001 From: dengfuping Date: Wed, 27 Mar 2024 15:26:09 +0800 Subject: [PATCH] improve(design): Modal destroyOnClose set to true by default --- packages/design/src/drawer/index.md | 2 ++ packages/design/src/modal/Modal.tsx | 9 ++++++++- packages/design/src/modal/index.md | 8 +++++++- 3 files changed, 17 insertions(+), 2 deletions(-) diff --git a/packages/design/src/drawer/index.md b/packages/design/src/drawer/index.md index d57ca9b09..d3efde7c2 100644 --- a/packages/design/src/drawer/index.md +++ b/packages/design/src/drawer/index.md @@ -10,6 +10,7 @@ nav: - 按钮区和主按钮位置居左展示。 - 内容区滚动时,动态设置页头和页脚的阴影。 - 当内容高度大于等于抽屉高度时,页脚会置底展示;当内容高度小于抽屉高度时,`footer` 会跟随内容展示。 +- 📢 `destroyOnClose` 属性的默认值为 true。 - 🆕 新增 `footer` 属性,用于设置抽屉的底部内容,默认为 `取消` 和 `确定` 按钮。 - 🆕 新增 `footerExtra` 属性,用于设置抽屉底部的额外内容,仅默认页脚生效。 - 🆕 新增 `onOk` 和 `onCancel` 属性,用于设置 `取消` 和 `确定` 按钮的回调。 @@ -39,6 +40,7 @@ nav: | 参数 | 说明 | 类型 | 默认值 | 版本 | | :------------- | :--------------------------------- | :------------------- | :----- | :--- | +| destroyOnClose | 关闭时销毁 Modal 里的子元素 | boolean | true | - | | onOk | 点击确定回调,设置时会开启默认页脚 | (e) => void | - | - | | onCancel | 点击取消按钮的回调 | (e) => void | - | - | | cancelText | 设置取消按钮文字 | string | 取消 | - | diff --git a/packages/design/src/modal/Modal.tsx b/packages/design/src/modal/Modal.tsx index 7c1708f48..5accf24a0 100644 --- a/packages/design/src/modal/Modal.tsx +++ b/packages/design/src/modal/Modal.tsx @@ -12,7 +12,14 @@ const Modal = ({ prefixCls: customizePrefixCls, className, ...restProps }: Modal const { wrapSSR } = useStyle(prefixCls); const modalCls = classNames(className); - return wrapSSR(); + return wrapSSR( + + ); }; // 替换 Modal 上的静态方法,支持消费 ConfigProvider 配置 diff --git a/packages/design/src/modal/index.md b/packages/design/src/modal/index.md index d2ee09deb..6bc4753de 100644 --- a/packages/design/src/modal/index.md +++ b/packages/design/src/modal/index.md @@ -7,6 +7,7 @@ nav: - 🔥 完全继承 antd [Modal](https://ant.design/components/modal-cn) 的能力和 API,可无缝切换。 - 💄 定制主题和样式,符合 OceanBase Design 设计规范。 +- 📢 `destroyOnClose` 属性的默认值为 true。 - 🆕 新增 `Modal.Progress` 组件,可用于异步任务或耗时较长的场景。 - 🆕 `Modal.method()` 静态方法,支持消费 `ConfigProvider` 全局配置。 @@ -23,7 +24,11 @@ nav: ### Modal -- 详见 antd Modal 文档: https://ant.design/components/modal-cn#api +| 参数 | 说明 | 类型 | 默认值 | 版本 | +| :------------- | :-------------------------- | :------ | :----- | :---- | +| destroyOnClose | 关闭时销毁 Modal 里的子元素 | boolean | true | 0.3.1 | + +- 更多 API 详见 antd Modal 文档: https://ant.design/components/modal-cn#api ### Modal.Progress @@ -31,6 +36,7 @@ nav: | :-- | :-- | :-- | :-- | :-- | | width | 对话框宽度 | string \| number | 480 | - | | maskClosable | 点击蒙层是否允许关闭 | boolean | false | - | +| destroyOnClose | 关闭时销毁 Modal 里的子元素 | boolean | true | 0.3.1 | | title | 标题 | ReactNode | - | - | | loading | 是否加载中 | boolean | false | - | | progress | 进度条属性 | [ProgressProps](https://ant-design.antgroup.com/components/progress-cn#api) | `{ type: 'circle', size: 150 }` | - |