wetrade-design
Version:
一款多语言支持Vue3的UI框架
235 lines (232 loc) • 8.54 kB
JavaScript
;
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;
var _vue = require("vue");
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _vcNotification = _interopRequireDefault(require("../vc-notification"));
var _LoadingOutlined = _interopRequireDefault(require("@ant-design/icons-vue/LoadingOutlined"));
var _classNames2 = _interopRequireDefault(require("../_util/classNames"));
var _index = _interopRequireDefault(require("../icon/index"));
var _configProvider = require("../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;
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: 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.default
};
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 = _configProvider.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 = _configProvider.globalConfigForApi.getPrefixCls('icon');
var Icon = getTypeToIcon(iconPrefixCls, args.type);
var iconNode = Icon ? (0, _vue.createVNode)(_index.default, {
"icon-class": Icon,
"class": "".concat(prefixCls, "-notice-content__icon")
}, null) : '';
var messageClass = (0, _classNames2.default)("".concat(prefixCls, "-custom-content"), (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-").concat(args.type), args.type), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-rtl"), rtl === true), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-title-content"), !!args.title), _classNames));
/** message内容 */
var messageContainer = args !== null && args !== void 0 && args.title ? (0, _vue.createVNode)("div", {
"class": "".concat(prefixCls, "-notice-content__box")
}, [(0, _vue.createVNode)("p", {
"class": "".concat(prefixCls, "-notice-content__title")
}, [typeof args.title === 'function' ? args.title() : args.title]), (0, _vue.createVNode)("span", {
"class": "".concat(prefixCls, "-notice-content__message")
}, [typeof args.content === 'function' ? args.content() : args.content])]) : (0, _vue.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 ? (0, _vue.createVNode)("button", {
"type": "button",
"onClick": onCloseMessage,
"class": "".concat(prefixCls, "-close")
}, [(0, _vue.createVNode)(_index.default, {
"icon-class": "wd-icon-tips_close"
}, null)]) : null;
return (0, _vue.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;
}
}
}
};
function attachTypeApi(originalApi, type) {
originalApi[type] = function (content, duration, onClose) {
if (isArgsProps(content)) {
return originalApi.open((0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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 */
var getInstance = function getInstance() {
return process.env.NODE_ENV === 'test' ? messageInstance : null;
};
exports.getInstance = getInstance;
var _default = api;
exports.default = _default;