mirror of https://github.com/halo-dev/halo-admin
252e3f1392
#### What type of PR is this?
/kind feature
/milestone 2.0
#### What this PR does / why we need it:
添加 Toast 组件。
特性：
1. 支持相同消息合并。
2. 支持鼠标悬停。
使用方式：
```vue
import { Toast } from '@halo-dev/components'
Toast.success("Hello", { //props })
Toast.info("Hello", { //props })
Toast.warning("Hello", { //props })
Toast.error("Hello", { //props })
```
props：
```ts
export interface ToastProps {
type?: Type;
content?: string;
duration?: number;
closable?: boolean;
frozenOnHover?: boolean;
count?: 0;
onClose?: () => void;
}
```
Toast 方法不仅可以在 Vue 单组件中使用，理论上在任何地方均可使用。
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2534
#### Screenshots:
<img width="752" alt="image" src="https://user-images.githubusercontent.com/21301288/196099183-09e64daf-0077-4373-9603-5d4349dfce3d.png">
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-console
测试方式：
https://halo-admin-ui-git-fork-ruibaby-feat-toast-component-halo-dev.vercel.app/story/src-components-toast-toast-story-vue?variantId=_default
测试功能是否正常。
#### Does this PR introduce a user-facing change?
```release-note
添加 Toast 组件
```
|
||
|---|---|---|
| .. | ||
| components | ||
| shared | ||
