ConfirmDialog.js 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.default = void 0;
  7. var _vue = require("vue");
  8. var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
  9. var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
  10. var _classNames3 = _interopRequireDefault(require("../_util/classNames"));
  11. var _Modal = _interopRequireDefault(require("./Modal"));
  12. var _ActionButton = _interopRequireDefault(require("../_util/ActionButton"));
  13. var _LocaleReceiver = require("../locale-provider/LocaleReceiver");
  14. var _transition = require("../_util/transition");
  15. function renderSomeContent(someContent) {
  16. if (typeof someContent === 'function') {
  17. return someContent();
  18. }
  19. return someContent;
  20. }
  21. var _default2 = (0, _vue.defineComponent)({
  22. name: 'ConfirmDialog',
  23. inheritAttrs: false,
  24. props: ['icon', 'onCancel', 'onOk', 'close', 'closable', 'zIndex', 'afterClose', 'visible', 'keyboard', 'centered', 'getContainer', 'maskStyle', 'okButtonProps', 'cancelButtonProps', 'okType', 'prefixCls', 'okCancel', 'width', 'mask', 'maskClosable', 'okText', 'cancelText', 'autoFocusButton', 'transitionName', 'maskTransitionName', 'type', 'title', 'content', 'direction', 'rootPrefixCls', 'bodyStyle', 'closeIcon', 'modalRender', 'focusTriggerAfterClose', 'wrapClassName'],
  25. setup: function setup(props, _ref) {
  26. var attrs = _ref.attrs;
  27. var _useLocaleReceiver = (0, _LocaleReceiver.useLocaleReceiver)('Modal'),
  28. _useLocaleReceiver2 = (0, _slicedToArray2.default)(_useLocaleReceiver, 1),
  29. locale = _useLocaleReceiver2[0];
  30. return function () {
  31. var icon = props.icon,
  32. onCancel = props.onCancel,
  33. onOk = props.onOk,
  34. close = props.close,
  35. _props$closable = props.closable,
  36. closable = _props$closable === void 0 ? false : _props$closable,
  37. zIndex = props.zIndex,
  38. afterClose = props.afterClose,
  39. visible = props.visible,
  40. keyboard = props.keyboard,
  41. centered = props.centered,
  42. getContainer = props.getContainer,
  43. maskStyle = props.maskStyle,
  44. okButtonProps = props.okButtonProps,
  45. cancelButtonProps = props.cancelButtonProps,
  46. _props$okCancel = props.okCancel,
  47. okCancel = _props$okCancel === void 0 ? true : _props$okCancel,
  48. _props$width = props.width,
  49. width = _props$width === void 0 ? 416 : _props$width,
  50. _props$mask = props.mask,
  51. mask = _props$mask === void 0 ? true : _props$mask,
  52. _props$maskClosable = props.maskClosable,
  53. maskClosable = _props$maskClosable === void 0 ? false : _props$maskClosable,
  54. type = props.type,
  55. title = props.title,
  56. content = props.content,
  57. direction = props.direction,
  58. closeIcon = props.closeIcon,
  59. modalRender = props.modalRender,
  60. focusTriggerAfterClose = props.focusTriggerAfterClose,
  61. rootPrefixCls = props.rootPrefixCls,
  62. bodyStyle = props.bodyStyle,
  63. wrapClassName = props.wrapClassName;
  64. var okType = props.okType || 'primary';
  65. var prefixCls = props.prefixCls || 'ant-modal';
  66. var contentPrefixCls = "".concat(prefixCls, "-confirm");
  67. var style = attrs.style || {};
  68. var okText = renderSomeContent(props.okText) || (okCancel ? locale.value.okText : locale.value.justOkText);
  69. var cancelText = renderSomeContent(props.cancelText) || locale.value.cancelText;
  70. var autoFocusButton = props.autoFocusButton === null ? false : props.autoFocusButton || 'ok';
  71. var classString = (0, _classNames3.default)(contentPrefixCls, "".concat(contentPrefixCls, "-").concat(type), "".concat(prefixCls, "-").concat(type), (0, _defineProperty2.default)({}, "".concat(contentPrefixCls, "-rtl"), direction === 'rtl'), attrs.class);
  72. var cancelButton = okCancel && (0, _vue.createVNode)(_ActionButton.default, {
  73. "actionFn": onCancel,
  74. "close": close,
  75. "autofocus": autoFocusButton === 'cancel',
  76. "buttonProps": cancelButtonProps,
  77. "prefixCls": "".concat(rootPrefixCls, "-btn")
  78. }, {
  79. default: function _default() {
  80. return [cancelText];
  81. }
  82. });
  83. return (0, _vue.createVNode)(_Modal.default, {
  84. "prefixCls": prefixCls,
  85. "class": classString,
  86. "wrapClassName": (0, _classNames3.default)((0, _defineProperty2.default)({}, "".concat(contentPrefixCls, "-centered"), !!centered), wrapClassName),
  87. "onCancel": function onCancel(e) {
  88. return close({
  89. triggerCancel: true
  90. }, e);
  91. },
  92. "visible": visible,
  93. "title": "",
  94. "footer": "",
  95. "transitionName": (0, _transition.getTransitionName)(rootPrefixCls, 'zoom', props.transitionName),
  96. "maskTransitionName": (0, _transition.getTransitionName)(rootPrefixCls, 'fade', props.maskTransitionName),
  97. "mask": mask,
  98. "maskClosable": maskClosable,
  99. "maskStyle": maskStyle,
  100. "style": style,
  101. "bodyStyle": bodyStyle,
  102. "width": width,
  103. "zIndex": zIndex,
  104. "afterClose": afterClose,
  105. "keyboard": keyboard,
  106. "centered": centered,
  107. "getContainer": getContainer,
  108. "closable": closable,
  109. "closeIcon": closeIcon,
  110. "modalRender": modalRender,
  111. "focusTriggerAfterClose": focusTriggerAfterClose
  112. }, {
  113. default: function _default() {
  114. return [(0, _vue.createVNode)("div", {
  115. "class": "".concat(contentPrefixCls, "-body-wrapper")
  116. }, [(0, _vue.createVNode)("div", {
  117. "class": "".concat(contentPrefixCls, "-body")
  118. }, [renderSomeContent(icon), title === undefined ? null : (0, _vue.createVNode)("span", {
  119. "class": "".concat(contentPrefixCls, "-title")
  120. }, [renderSomeContent(title)]), (0, _vue.createVNode)("div", {
  121. "class": "".concat(contentPrefixCls, "-content")
  122. }, [renderSomeContent(content)])]), (0, _vue.createVNode)("div", {
  123. "class": "".concat(contentPrefixCls, "-btns")
  124. }, [cancelButton, (0, _vue.createVNode)(_ActionButton.default, {
  125. "type": okType,
  126. "actionFn": onOk,
  127. "close": close,
  128. "autofocus": autoFocusButton === 'ok',
  129. "buttonProps": okButtonProps,
  130. "prefixCls": "".concat(rootPrefixCls, "-btn")
  131. }, {
  132. default: function _default() {
  133. return [okText];
  134. }
  135. })])])];
  136. }
  137. });
  138. };
  139. }
  140. });
  141. exports.default = _default2;