antd based react components & hooks

Modal

ModalContext

|Property|Description|Type|Default Value| |---|---|---|---| |commonDialogProps|default及ModalProvider上设置的Modal Props, 方便使用openModal|Object|{width: 768, maskClosable: false, footer: null, style: {overflowX: 'hidden', overflowY: 'auto'}}| |open|用来open没有被业务代码用Modal包裹的组件|Function|-| |openModal|用来open被业务代码用Modal包裹的组件|Function|-| |clearAll|路由跳转等情况下清空modal|Function|-|

ModalProvider

|Property|Description|Type|Default Value| |---|---|---|---| |dialogProps|Modal Props，详见antd Modal|Object|-|

<ModalProvider dialogProps={xxx}>
    {children}
</ModalProvider>

useModal

Options 部分参数仅open支持, 因为openModal拿到的是ModalWrappedComp, 不方便定制Modal

|Property|Description|Type|Default Value| |---|---|---|---| |dialogProps|Modal Props，详见antd Modal|Object|-| |onlyClose|只展示关闭按钮, 目前仅open支持|boolean|-| |closeText|关闭按钮文案, 目前仅open支持|ReactNode|关闭|

const {commonDialogProps, open, openModal, clearAll} = useModal();
open(CompA, compProps, options).then(xxx);
openModal(ModalWrappedB, compProps, options).then(xxx);
clearAll();