Can the notification component display the creation/popup time?

[joey-wang97]

• I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

notification组件长期弹出时(duration为null)，目前不支持显示创建/弹出时间。

What does the proposed API look like?

在config中添加如下属性：

• showCreateTime: bool 是否显示创建/弹出时间
• createTimeFormat: string | Function 自定义时间格式，默认为"yyyy-MM-dd hh:mm:ss"

[tangjinzhou]

当成notification内容写在里面就好了

[joey-wang97]

我封装了一下notification实现了这个效果

import { notification as antdNotification } from "ant-design-vue";
import { formatTime } from "./commonUtil";
import _ from "lodash"

// 必须使用cloneDeep，否则notification和antdNotification的地址一样
// 重写notification.error就是重写antdNotification.error
// 会导致下面调用notfication.error时无限递归
let mNotifcation = _.cloneDeep(antdNotification);


// 自定义notification的各种方法(success, error, warning, info)，可以显示时间
function wrapper(key) {
    return (args) => {
        if (!args.description) args.description = "";
        args.description += `\n` + formatTime(new Date());
        // 添加此样式用于支持换行符
        if (!args.style) {
            args.style = {
                'white-space': 'pre-wrap'
            }
        }
        // 调用真正的ant design notification
        antdNotification[key](args);
    }
};

mNotifcation.error = wrapper('error');
mNotifcation.success = wrapper('success');
mNotifcation.info = wrapper('info');
mNotifcation.warning = wrapper('warning');

export const notification = mNotifcation;

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.