element-plus/lib/components/notification/src/notification.js

A Component Library for Vue 3

'use strict';

var iconsVue = require('@element-plus/icons-vue');
var runtime = require('../../../utils/vue/props/runtime.js');
var icon = require('../../../utils/vue/icon.js');

const notificationTypes = [
  "primary",
  "success",
  "info",
  "warning",
  "error"
];
const notificationProps = runtime.buildProps({
  /**
   * @description custom class name for Notification
   */
  customClass: {
    type: String,
    default: ""
  },
  /**
   * @description whether `message` is treated as HTML string
   */
  dangerouslyUseHTMLString: Boolean,
  /**
   * @description duration before close. It will not automatically close if set 0
   */
  duration: {
    type: Number,
    default: 4500
  },
  /**
   * @description custom icon component. It will be overridden by `type`
   */
  icon: {
    type: icon.iconPropType
  },
  /**
   * @description notification dom id
   */
  id: {
    type: String,
    default: ""
  },
  /**
   * @description description text
   */
  message: {
    type: runtime.definePropType([
      String,
      Object,
      Function
    ]),
    default: ""
  },
  /**
   * @description offset from the top edge of the screen. Every Notification instance of the same moment should have the same offset
   */
  offset: {
    type: Number,
    default: 0
  },
  /**
   * @description callback function when notification clicked
   */
  onClick: {
    type: runtime.definePropType(Function),
    default: () => void 0
  },
  /**
   * @description callback function when closed
   */
  onClose: {
    type: runtime.definePropType(Function),
    required: true
  },
  /**
   * @description custom position
   */
  position: {
    type: String,
    values: ["top-right", "top-left", "bottom-right", "bottom-left"],
    default: "top-right"
  },
  /**
   * @description whether to show a close button
   */
  showClose: {
    type: Boolean,
    default: true
  },
  /**
   * @description title
   */
  title: {
    type: String,
    default: ""
  },
  /**
   * @description notification type
   */
  type: {
    type: String,
    values: [...notificationTypes, ""],
    default: ""
  },
  /**
   * @description initial zIndex
   */
  zIndex: Number,
  /**
   * @description custom close icon, default is Close
   */
  closeIcon: {
    type: icon.iconPropType,
    default: iconsVue.Close
  }
});
const notificationEmits = {
  destroy: () => true
};

exports.notificationEmits = notificationEmits;
exports.notificationProps = notificationProps;
exports.notificationTypes = notificationTypes;
//# sourceMappingURL=notification.js.map