Notification 通知

通知组件，用于显示系统通知消息。

基础用法

<template>
  <pa-button font="star_arc_line" @click="debouncedClick1">快捷弹窗1</pa-button>

  <pa-button font="star_arc_line" @click="debouncedClick2">自定义弹窗2</pa-button>
</template>

<script lang="ts" setup>
import { M_Notification, M_Message } from "@/package/components/feedback";

function debouncedClick1() {
  M_Notification.success("操作成功");
}

function debouncedClick2() {
  M_Notification({
    title: "提示",
    message: "这是一条带有标题的通知",
    duration: 5000,
    onClick: () => {
      M_Message.success("通知点击");
    },
    onClose: () => {
      M_Message.danger("通知关闭");
    }
  });
}
</script>

<style></style>

显示代码

快捷方法

import { M_Notification } from "@/package/components/feedback";

// 成功通知
M_Notification.success({
  title: "成功",
  message: "操作已完成"
});

// 警告通知
M_Notification.warning({
  title: "警告",
  message: "请注意"
});

// 错误通知（使用 danger）
M_Notification.danger({
  title: "错误",
  message: "操作失败"
});

// 信息通知
M_Notification.info({
  title: "提示",
  message: "新消息"
});

// 关闭所有通知
M_Notification.closeAll();

NotificationOptions

属性名	描述	类型	默认值
title	通知标题，支持多语言	Record<"en-US" | "zh-CN", string>	—
message	通知消息，支持多语言	Record<"en-US" | "zh-CN", string>	—
type	通知类型，影响通知样式	"primary" | "success" | "warning" | "danger" | "info"	primary
duration	通知显示时间，单位毫秒	number	4500
position	通知位置	"top-right" | "top-left" | "bottom-right" | "bottom-left"	top-right
offset	通知偏移量，单位像素	number	—
customClass	自定义通知类名	string	—
dangerouslyUseHTMLString	是否使用 HTML 字符串渲染消息	boolean	false
zIndex	通知的 z-index 值	number	—
onClick	点击通知回调	() => void	—
onClose	关闭通知回调	() => void	—

注意

类型使用 danger 而非 error，与其他组件保持一致。