wxh16144 / easy-antd-modal

二次开发，简化了 Ant Design Modal 的使用方式

Hi there 👋

前端工程师，2019 毕业参加工作，现居成都。正积极参与开源，通常活跃在 Ant Design、UmiJS 等社区。

• 👨‍💻 主要使用 React、Vue、TypeScript、antd、Electron 相关技术进行日常开发工作。
• ✍️ 正在学习 Rust、WebAssembly。维护自己的 Blog。
• 🤩 喜欢 探索 Github 上有趣项目，可以看看我整理的 Stars。
• 💬 WeChat: XHUwMDU3XHUwMDc4XHUwMDY4XHUwMDMxXHUwMDM2XHUwMDMxXHUwMDM0XHUwMDM0
• 🔑 GPG Key: Download 5A27 0E75 EB40 E512 7F6F  9D70 4E03 5332 466F 0370
• 🌟 You can type npx wxh16144 in the terminal to learn more.

Languages and Tools Wxh16144's Dotfiles

GitHub Stats	Top Langs

easy-antd-modal's Issues

[BUG] 通过 actionRef 调用开关时应该强制执行

不确定是不是 break change

import { Button } from 'antd';
import { Drawer } from 'easy-antd-modal';

function Content({ enhancedAction }: any) {
  return (
    <>
      <h1>I ❤️ antd</h1>
      <Button onClick={() => enhancedAction?.close()}>Close</Button>
    </>
  );
}

export default () => (
  <Drawer open trigger={<Button type="primary">Open Drawer</Button>}>
    <Content />
  </Drawer>
);

上述代码，我点击 <Content /> 中的 close 按钮不会讲抽屉关闭，因为我下面 Drawer 使用了受控形式，所以 actions Ref 没啥作用了。 希望可加上

[BUG] Modal 的 content 应该阻断 EasyAntdModalContext 上下文

🐛 bug 描述

📷 复现步骤

模态框内容中如果有基础使用导致 触发器和内容的 props 有问题

🏞 期望结果

正常打开模态框中的模态框

💻 复现代码

import React from "react";
import { Button } from "antd";
import Modal, { EasyAntdModalProvider } from "easy-antd-modal";

const BasicDemo = () => (
  <Modal trigger={<Button type="primary">Open Modal 01</Button>}>
    I ❤️ antd
  </Modal>
)

export default () => (
  <EasyAntdModalProvider triggerProps="children" contentProps="content">
    <Modal
      content={
        <>
          I ❤️ antd11
          <br />
          <BasicDemo />
        </>
      }
    >
      <Button type="primary">Open Modal 02</Button>
    </Modal>
  </EasyAntdModalProvider>
);

© 版本信息

• easy-antd-modal 版本: [e.g. 1.3.0]
• 浏览器环境
• 开发环境 [e.g. mac OS]

🚑 其他信息

[问题]React does not recognize the `enhancedAction` prop on a DOM element.

为什么二次封装modal要扩展不相关的其他组件