wetrade-design
Version:
一款多语言支持Vue3的UI框架
224 lines (222 loc) • 7.84 kB
JavaScript
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import { createVNode as _createVNode } from "vue";
import Notification from '../vc-notification';
import LoadingOutlined from '@ant-design/icons-vue/LoadingOutlined';
import classNames from '../_util/classNames';
import CustomIcon from '../icon/index';
import { globalConfigForApi } from '../config-provider';
var defaultDuration = 3;
var defaultTop;
var messageInstance;
var key = 1;
var localPrefixCls = '';
var transitionName = 'move-up';
var hasTransitionName = false;
var getContainer = function getContainer() {
return document.body;
};
var maxCount;
var rtl = false;
export 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;
}
Notification.newInstance({
appContext: args.appContext,
prefixCls: args.prefixCls || localPrefixCls,
rootPrefixCls: args.rootPrefixCls,
transitionName: transitionName,
hasTransitionName: hasTransitionName,
style: {
top: defaultTop
},
getContainer: getContainer || args.getPopupContainer,
maxCount: maxCount,
name: 'message'
}, function (instance) {
if (messageInstance) {
callback(messageInstance);
return;
}
messageInstance = instance;
callback(instance);
});
}
// const typeToIcon = {
// info: InfoCircleFilled,
// success: CheckCircleFilled,
// error: CloseCircleFilled,
// warning: ExclamationCircleFilled,
// loading: LoadingOutlined,
// };
var getTypeToIcon = function getTypeToIcon(prefixCls, type) {
var iconsMap = {
info: "".concat(prefixCls, "-tips_info_circle_fill"),
success: "".concat(prefixCls, "-tips_check_circle_fill"),
error: "".concat(prefixCls, "-tips_close_circle_fill"),
warning: "".concat(prefixCls, "-tips_exclamation_circle_fill"),
help: "".concat(prefixCls, "-tips_question_circle_fill"),
loading: LoadingOutlined
};
return iconsMap[type];
};
function notice(args) {
var duration = args.duration !== undefined ? args.duration : defaultDuration;
var target = args.key || getKeyThenIncreaseKey();
var closePromise = new Promise(function (resolve) {
var callback = function callback() {
if (typeof args.onClose === 'function') {
args.onClose();
}
return resolve(true);
};
getMessageInstance(args, function (instance) {
var prefixCls = globalConfigForApi.getPrefixCls('message');
var classList = '';
if (args.class) {
classList += args.class;
}
if (args.title) {
classList += " ".concat(prefixCls, "-notice-title");
}
instance.notice({
key: target,
duration: duration,
style: args.style || {},
class: classList,
closable: args.closable,
content: function content(_ref) {
var _classNames;
var prefixCls = _ref.prefixCls;
var iconPrefixCls = globalConfigForApi.getPrefixCls('icon');
var Icon = getTypeToIcon(iconPrefixCls, args.type);
var iconNode = Icon ? _createVNode(CustomIcon, {
"icon-class": Icon,
"class": "".concat(prefixCls, "-notice-content__icon")
}, null) : '';
var messageClass = classNames("".concat(prefixCls, "-custom-content"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-").concat(args.type), args.type), _defineProperty(_classNames, "".concat(prefixCls, "-rtl"), rtl === true), _defineProperty(_classNames, "".concat(prefixCls, "-title-content"), !!args.title), _classNames));
/** message内容 */
var messageContainer = args !== null && args !== void 0 && args.title ? _createVNode("div", {
"class": "".concat(prefixCls, "-notice-content__box")
}, [_createVNode("p", {
"class": "".concat(prefixCls, "-notice-content__title")
}, [typeof args.title === 'function' ? args.title() : args.title]), _createVNode("span", {
"class": "".concat(prefixCls, "-notice-content__message")
}, [typeof args.content === 'function' ? args.content() : args.content])]) : _createVNode("span", null, [typeof args.content === 'function' ? args.content() : args.content]);
/** 手动关闭message */
var onCloseMessage = function onCloseMessage() {
var _messageInstance = messageInstance,
removeNotice = _messageInstance.removeNotice;
removeNotice(target);
callback();
};
/** 关闭按钮 */
var closeIcon = args.closable ? _createVNode("button", {
"type": "button",
"onClick": onCloseMessage,
"class": "".concat(prefixCls, "-close")
}, [_createVNode(CustomIcon, {
"icon-class": "wd-icon-tips_close"
}, null)]) : null;
return _createVNode("div", {
"class": messageClass
}, [typeof args.icon === 'function' ? args.icon() : args.icon || iconNode, messageContainer, closeIcon]);
},
onClose: callback,
onClick: args.onClick
});
});
});
var result = function result() {
if (messageInstance) {
messageInstance.removeNotice(target);
}
};
result.then = function (filled, rejected) {
return closePromise.then(filled, rejected);
};
result.promise = closePromise;
return result;
}
function isArgsProps(content) {
return Object.prototype.toString.call(content) === '[object Object]' && !!content.content;
}
var api = {
open: notice,
config: setMessageConfig,
destroy: function destroy(messageKey) {
if (messageInstance) {
if (messageKey) {
var _messageInstance2 = messageInstance,
removeNotice = _messageInstance2.removeNotice;
removeNotice(messageKey);
} else {
var _messageInstance3 = messageInstance,
destroy = _messageInstance3.destroy;
destroy();
messageInstance = null;
}
}
}
};
export function attachTypeApi(originalApi, type) {
originalApi[type] = function (content, duration, onClose) {
if (isArgsProps(content)) {
return originalApi.open(_objectSpread(_objectSpread({}, content), {}, {
type: type
}));
}
if (typeof duration === 'function') {
onClose = duration;
duration = undefined;
}
return originalApi.open({
content: content,
duration: duration,
type: type,
onClose: onClose
});
};
}
['success', 'info', 'warning', 'error', 'loading'].forEach(function (type) {
return attachTypeApi(api, type);
});
api.warn = api.warning;
/** @private test Only function. Not work on production */
export var getInstance = function getInstance() {
return process.env.NODE_ENV === 'test' ? messageInstance : null;
};
export default api;