This repository has been archived by the owner on Jan 21, 2024. It is now read-only.
feat: add toast component #644
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
f2c-ci-robot
bot
added
release-note
|
@ruibaby is attempting to deploy a commit to the halo-dev Team on Vercel. A member of the Team first needs to authorize it. |
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
[APPROVALNOTIFIER] This PR is APPROVED This pull-request has been approved by: JohnNiang The full list of commands accepted by this bot can be found here. The pull request process is described here
Needs approval from an approver in each of these files:
Approvers can indicate their approval by writing |
f2c-ci-robot
bot
added
the
approved
f2c-ci-robot bot
pushed a commit
that referenced
this pull request
Oct 18, 2022
#### What type of PR is this? /kind api-change /kind improvement /milestone 2.0 #### What this PR does / why we need it: 重构 Dialog 组件使用 API 的调用方式，改为与 Toast 组件一致。#644 同样的，使用此方式调用 Dialog 组件不限制在 Vue 组件。 #### Special notes for your reviewer: /cc @halo-dev/sig-halo-console 需要测试后台各个操作的会话框是否正常。 #### Does this PR introduce a user-facing change? ```release-note 重构 Dialog 组件使用 API 的调用方式。 ```
JohnNiang
pushed a commit
to JohnNiang/halo
that referenced
this pull request
Mar 2, 2023
#### 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 halo-dev#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 组件
```
JohnNiang
pushed a commit
to JohnNiang/halo
that referenced
this pull request
Mar 2, 2023
#### What type of PR is this? /kind api-change /kind improvement /milestone 2.0 #### What this PR does / why we need it: 重构 Dialog 组件使用 API 的调用方式，改为与 Toast 组件一致。halo-dev/console#644 同样的，使用此方式调用 Dialog 组件不限制在 Vue 组件。 #### Special notes for your reviewer: /cc @halo-dev/sig-halo-console 需要测试后台各个操作的会话框是否正常。 #### Does this PR introduce a user-facing change? ```release-note 重构 Dialog 组件使用 API 的调用方式。 ```
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
What type of PR is this?
/kind feature
/milestone 2.0
What this PR does / why we need it:
添加 Toast 组件。
特性：
使用方式：
import { Toast } from '@halo-dev/components' Toast.success("Hello", { //props }) Toast.info("Hello", { //props }) Toast.warning("Hello", { //props }) Toast.error("Hello", { //props })props：
Toast 方法不仅可以在 Vue 单组件中使用，理论上在任何地方均可使用。
Which issue(s) this PR fixes:
Fixes halo-dev/halo#2534
Screenshots:
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?