gmsoft-ui
TypeScript icon, indicating that this package has built-in type declarations

1.2.1 • Public • Published

GMSOFT-UI 组件库

NPM DOWNLOAD

install


  yarn add gmsoft-ui

Modal

解决渲染到 top 时,滚动条异常的问题

Props

属性 说明 类型 默认值 版本
getContainer 指定 Modal 挂载的 HTML 节点, false 为挂载在当前 dom HTMLElement | () => HTMLElement | Selectors | false () => top.document.body 1.0.1
size 宽度方案 'small' | 'default' | 'large' 'default' 1.0.0
children 子级节点 React.ReactNode - 1.0.0
destroyOnClose 关闭时销毁 Modal 里的子元素 作废 - 1.0.0

Context

  • children 外用 Antd 的 ConfigProvider 包裹,配置的默认参数有:
    • getPopupContainer:triggerNode => triggerNode.parentNode

Drawer

解决渲染到 top 时,滚动条异常的问题

Props

属性 说明 类型 默认值 版本
getContainer 指定 Modal 挂载的 HTML 节点, false 为挂载在当前 dom HTMLElement | () => HTMLElement | Selectors | false () => top.document.body 1.0.1
size 宽度方案 'small' | 'default' | 'large' 'default' 1.0.0
children 子级节点 React.ReactNode - 1.0.0
destroyOnClose 关闭时销毁 Modal 里的子元素 作废 - 1.0.0
onClickCapture 点击窗体(整个 Drawer)回调 MouseEvent=>void - 1.0.0

Context

  • children 外用 Antd 的 ConfigProvider 包裹,配置的默认参数有:
    • getPopupContainer:triggerNode => triggerNode.parentNode

popup function

如果 top.eventBus 存在 -- 通过 top.eventBus.emit 发送相应的事件 否则 -- 直接调用 antd 对应组件的 function

api 和 antd 一致

message.info
message.success
message.error
message.warning
message.loading

Modal.info
Modal.success
Modal.error
Modal.warning
Modal.confirm

notification.info
notification.success
notification.error
notification.warning

更新日志

  • ### 1.2.1 2020-1-10
    • 🌟 新增 popup function, 提示弹层的调用对应用透明
  • ### 1.1.0 2020-1-7 调试
  • ### 1.0.1 2020-1-7
    • 🌟 DrawerModal,新增 getContainer

Readme

Keywords

none

Package Sidebar

Install

npm i gmsoft-ui

Weekly Downloads

1

Version

1.2.1

License

MIT

Unpacked Size

72.6 kB

Total Files

19

Last publish

Collaborators

  • bddandelion