PurePanel.js 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.default = exports.TypeIcon = exports.PureContent = void 0;
  7. var _vue = require("vue");
  8. var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
  9. var _Notice = _interopRequireDefault(require("../vc-notification/Notice"));
  10. var _style = _interopRequireDefault(require("./style"));
  11. var _LoadingOutlined = _interopRequireDefault(require("@ant-design/icons-vue/lib/icons/LoadingOutlined"));
  12. var _ExclamationCircleFilled = _interopRequireDefault(require("@ant-design/icons-vue/lib/icons/ExclamationCircleFilled"));
  13. var _CloseCircleFilled = _interopRequireDefault(require("@ant-design/icons-vue/lib/icons/CloseCircleFilled"));
  14. var _CheckCircleFilled = _interopRequireDefault(require("@ant-design/icons-vue/lib/icons/CheckCircleFilled"));
  15. var _InfoCircleFilled = _interopRequireDefault(require("@ant-design/icons-vue/lib/icons/InfoCircleFilled"));
  16. var _classNames = _interopRequireDefault(require("../_util/classNames"));
  17. var _context = require("../config-provider/context");
  18. const TypeIcon = exports.TypeIcon = {
  19. info: (0, _vue.createVNode)(_InfoCircleFilled.default, null, null),
  20. success: (0, _vue.createVNode)(_CheckCircleFilled.default, null, null),
  21. error: (0, _vue.createVNode)(_CloseCircleFilled.default, null, null),
  22. warning: (0, _vue.createVNode)(_ExclamationCircleFilled.default, null, null),
  23. loading: (0, _vue.createVNode)(_LoadingOutlined.default, null, null)
  24. };
  25. const PureContent = exports.PureContent = (0, _vue.defineComponent)({
  26. name: 'PureContent',
  27. inheritAttrs: false,
  28. props: ['prefixCls', 'type', 'icon'],
  29. setup(props, _ref) {
  30. let {
  31. slots
  32. } = _ref;
  33. return () => {
  34. var _a;
  35. return (0, _vue.createVNode)("div", {
  36. "class": (0, _classNames.default)(`${props.prefixCls}-custom-content`, `${props.prefixCls}-${props.type}`)
  37. }, [props.icon || TypeIcon[props.type], (0, _vue.createVNode)("span", null, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)])]);
  38. };
  39. }
  40. });
  41. /** @private Internal Component. Do not use in your production. */
  42. var _default = exports.default = (0, _vue.defineComponent)({
  43. name: 'PurePanel',
  44. inheritAttrs: false,
  45. props: ['prefixCls', 'class', 'type', 'icon', 'content'],
  46. setup(props, _ref2) {
  47. let {
  48. slots,
  49. attrs
  50. } = _ref2;
  51. var _a;
  52. const {
  53. getPrefixCls
  54. } = (0, _context.useConfigContextInject)();
  55. const prefixCls = (0, _vue.computed)(() => props.prefixCls || getPrefixCls('message'));
  56. const [, hashId] = (0, _style.default)(prefixCls);
  57. return (0, _vue.createVNode)(_Notice.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, attrs), {}, {
  58. "prefixCls": prefixCls.value,
  59. "class": (0, _classNames.default)(hashId.value, `${prefixCls.value}-notice-pure-panel`),
  60. "noticeKey": "pure",
  61. "duration": null
  62. }), {
  63. default: () => [(0, _vue.createVNode)(PureContent, {
  64. "prefixCls": prefixCls.value,
  65. "type": props.type,
  66. "icon": props.icon
  67. }, {
  68. default: () => [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]
  69. })]
  70. });
  71. }
  72. });