react-dialogbox
一个基于 React 的对话框 UI，搭配 Typescript 食用更佳！
A dialogbox Library Based on react, better with typescript!
Demo
邮箱 Email：awuweijue@163.com
欢迎交流与提交bug Welcome to communicate and submit bug
用途 ( Purpose )：
当你需要页面中需要展示一些额外的内容或交互，但又不想通过切换路由或影响原页面来实现，尝试使用这个对话框
Try to use this dialogbox when you need to show some extra content or interaction in a page, but you don't want to switch routes or affect the original page
基础功能 ( Basic usage )：
在原页面上层展示一个可操作的弹出窗口，支持模态与非模态两种类型，支持关闭隐藏等多种事件
Display an operable pop-up window on the upper layer of the original page, which supports both modal and modeless types, Supports closing, hiding events and more
进阶功能 ( Advanced functions )：
1.支持拖拽移动，边缘极限控制
2.支持宽高扩展与收缩（含对角线在内八个方向）
3.支持全屏、半屏和固定
4.支持 esc(onCancel) 和 enter(onOk) 的键盘事件
5.支持操作系统窗口的聚焦模式
6.支持阴影点击关闭
7.拥有一系列的过渡动画及阴影效果
8.支持全局配置默认属性，一次配置全局生效
1. Supports drag and drop movement with edge limit control
2. Supports width and height expansion and contraction in eight directions including diagonals
3. Supports full screen, half screen, and fixed positions
4. Supports keyboard events for esc (onCancel) and enter (onOk)
5. Supports focus mode of operating system window
6. Supports closing by clicking on the shadow
7. Has a series of transition animations and shadow effects
8. Supports global configuration of default properties, which takes effect globally with one configuration
优化 ( Optimization )：
视觉：
对话框拥有一系列动画和阴影，使画面过渡更加柔顺
兼容性：
利用 webpack 实现了一系列 js 和 css 的兼容性处理
体积：除 react 外，全部原生实现，几乎没有额外的依赖，包体积小，非常精简
Vision:
The dialog box has a series of animations and shadows, making the transition of the screen more smooth
Compatibility:
A series of compatibility processing between JS and CSS is realized by using webpack
Volume: Except for react, all native implementations, almost no additional dependencies, active and small inclusions, very compact