| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190 |
- "use strict";
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.attachTypeApi = attachTypeApi;
- exports.getInstance = exports.default = void 0;
- exports.getKeyThenIncreaseKey = getKeyThenIncreaseKey;
- exports.typeList = void 0;
- var _vue = require("vue");
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
- var _vcNotification = _interopRequireDefault(require("../vc-notification"));
- var _LoadingOutlined = _interopRequireDefault(require("@ant-design/icons-vue/lib/icons/LoadingOutlined"));
- var _ExclamationCircleFilled = _interopRequireDefault(require("@ant-design/icons-vue/lib/icons/ExclamationCircleFilled"));
- var _CloseCircleFilled = _interopRequireDefault(require("@ant-design/icons-vue/lib/icons/CloseCircleFilled"));
- var _CheckCircleFilled = _interopRequireDefault(require("@ant-design/icons-vue/lib/icons/CheckCircleFilled"));
- var _InfoCircleFilled = _interopRequireDefault(require("@ant-design/icons-vue/lib/icons/InfoCircleFilled"));
- var _classNames = _interopRequireDefault(require("../_util/classNames"));
- var _style = _interopRequireDefault(require("./style"));
- var _useMessage = _interopRequireDefault(require("./useMessage"));
- let defaultDuration = 3;
- let defaultTop;
- let messageInstance;
- let key = 1;
- let localPrefixCls = '';
- let transitionName = 'move-up';
- let hasTransitionName = false;
- let getContainer = () => document.body;
- let maxCount;
- let rtl = false;
- function getKeyThenIncreaseKey() {
- return key++;
- }
- function setMessageConfig(options) {
- if (options.top !== undefined) {
- defaultTop = options.top;
- messageInstance = null; // delete messageInstance for new defaultTop
- }
- if (options.duration !== undefined) {
- defaultDuration = options.duration;
- }
- if (options.prefixCls !== undefined) {
- localPrefixCls = options.prefixCls;
- }
- if (options.getContainer !== undefined) {
- getContainer = options.getContainer;
- messageInstance = null; // delete messageInstance for new getContainer
- }
- if (options.transitionName !== undefined) {
- transitionName = options.transitionName;
- messageInstance = null; // delete messageInstance for new transitionName
- hasTransitionName = true;
- }
- if (options.maxCount !== undefined) {
- maxCount = options.maxCount;
- messageInstance = null;
- }
- if (options.rtl !== undefined) {
- rtl = options.rtl;
- }
- }
- function getMessageInstance(args, callback) {
- if (messageInstance) {
- callback(messageInstance);
- return;
- }
- _vcNotification.default.newInstance({
- appContext: args.appContext,
- prefixCls: args.prefixCls || localPrefixCls,
- rootPrefixCls: args.rootPrefixCls,
- transitionName,
- hasTransitionName,
- style: {
- top: defaultTop
- },
- getContainer: getContainer || args.getPopupContainer,
- maxCount,
- name: 'message',
- useStyle: _style.default
- }, instance => {
- if (messageInstance) {
- callback(messageInstance);
- return;
- }
- messageInstance = instance;
- callback(instance);
- });
- }
- const typeToIcon = {
- info: _InfoCircleFilled.default,
- success: _CheckCircleFilled.default,
- error: _CloseCircleFilled.default,
- warning: _ExclamationCircleFilled.default,
- loading: _LoadingOutlined.default
- };
- const typeList = exports.typeList = Object.keys(typeToIcon);
- function notice(args) {
- const duration = args.duration !== undefined ? args.duration : defaultDuration;
- const target = args.key || getKeyThenIncreaseKey();
- const closePromise = new Promise(resolve => {
- const callback = () => {
- if (typeof args.onClose === 'function') {
- args.onClose();
- }
- return resolve(true);
- };
- getMessageInstance(args, instance => {
- instance.notice({
- key: target,
- duration,
- style: args.style || {},
- class: args.class,
- content: _ref => {
- let {
- prefixCls
- } = _ref;
- const Icon = typeToIcon[args.type];
- const iconNode = Icon ? (0, _vue.createVNode)(Icon, null, null) : '';
- const messageClass = (0, _classNames.default)(`${prefixCls}-custom-content`, {
- [`${prefixCls}-${args.type}`]: args.type,
- [`${prefixCls}-rtl`]: rtl === true
- });
- return (0, _vue.createVNode)("div", {
- "class": messageClass
- }, [typeof args.icon === 'function' ? args.icon() : args.icon || iconNode, (0, _vue.createVNode)("span", null, [typeof args.content === 'function' ? args.content() : args.content])]);
- },
- onClose: callback,
- onClick: args.onClick
- });
- });
- });
- const result = () => {
- if (messageInstance) {
- messageInstance.removeNotice(target);
- }
- };
- result.then = (filled, rejected) => closePromise.then(filled, rejected);
- result.promise = closePromise;
- return result;
- }
- function isArgsProps(content) {
- return Object.prototype.toString.call(content) === '[object Object]' && !!content.content;
- }
- const api = {
- open: notice,
- config: setMessageConfig,
- destroy(messageKey) {
- if (messageInstance) {
- if (messageKey) {
- const {
- removeNotice
- } = messageInstance;
- removeNotice(messageKey);
- } else {
- const {
- destroy
- } = messageInstance;
- destroy();
- messageInstance = null;
- }
- }
- }
- };
- function attachTypeApi(originalApi, type) {
- originalApi[type] = (content, duration, onClose) => {
- if (isArgsProps(content)) {
- return originalApi.open((0, _extends2.default)((0, _extends2.default)({}, content), {
- type
- }));
- }
- if (typeof duration === 'function') {
- onClose = duration;
- duration = undefined;
- }
- return originalApi.open({
- content,
- duration,
- type,
- onClose
- });
- };
- }
- typeList.forEach(type => attachTypeApi(api, type));
- api.warn = api.warning;
- api.useMessage = _useMessage.default;
- /** @private test Only function. Not work on production */
- const getInstance = () => process.env.NODE_ENV === 'test' ? messageInstance : null;
- exports.getInstance = getInstance;
- var _default = exports.default = api;
|