refactor Dialog Component

[ocean95966]

• [ ] dialog 是否显示是可以控制的
• [ ] 可以自定义dialog title (文字或者插槽的方式)
• [ ] dialog 样式
  • [ ] 设置高度
  • [ ] 距离顶部距离
  • [ ] 是否全屏
  • [ ] 设置遮罩层
  • [ ] 是否对头部和底部采用居中布局
  • [ ] Dialog 自身可以插入至 body 元素上, 否则保持原来位置
  • [ ] 遮罩层可以插入至 body 元素上，也可以插入至 Dialog 的父元素上
  • [ ] Dialog 出现时将 body 滚动锁定,关闭的时候解除锁定
  • [ ] Dialog 的自定义类名,不会影响逻辑,是css的行为
  • [ ] 关闭 Dialog的方式
  • [ ] 通过点击 modal
  • [ ] 通过按下 ESC 关闭
• [ ] 是否显示右上角关闭按钮
• [ ] 关闭之前用户可以拦截是否关闭
• [ ] 关闭的时候是否销毁组件
• [ ] 显示内容区块
  • [ ] 头部(插槽)
  • [ ] 底部 (插槽)
• [ ] 用户的回调时间
  • [ ] Dialog 打开的回调
  • [ ] Dialog 打开动画结束时的回调
  • [ ] Dialog 关闭的回调
  • [ ] Dialog 关闭动画结束时的回调