index.js 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.popconfirmProps = exports.default = void 0;
  7. var _vue = require("vue");
  8. var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
  9. var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
  10. var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
  11. var _tooltip = _interopRequireDefault(require("../tooltip"));
  12. var _abstractTooltipProps = _interopRequireDefault(require("../tooltip/abstractTooltipProps"));
  13. var _vueTypes = _interopRequireDefault(require("../_util/vue-types"));
  14. var _propsUtil = require("../_util/props-util");
  15. var _buttonTypes = require("../button/buttonTypes");
  16. var _ExclamationCircleFilled = _interopRequireDefault(require("@ant-design/icons-vue/lib/icons/ExclamationCircleFilled"));
  17. var _button = _interopRequireDefault(require("../button"));
  18. var _LocaleReceiver = require("../locale-provider/LocaleReceiver");
  19. var _default3 = _interopRequireDefault(require("../locale-provider/default"));
  20. var _type = require("../_util/type");
  21. var _useMergedState3 = _interopRequireDefault(require("../_util/hooks/useMergedState"));
  22. var _devWarning = _interopRequireDefault(require("../vc-util/devWarning"));
  23. var _KeyCode = _interopRequireDefault(require("../_util/KeyCode"));
  24. var _useConfigInject2 = _interopRequireDefault(require("../_util/hooks/useConfigInject"));
  25. var _classNames = _interopRequireDefault(require("../_util/classNames"));
  26. var _transition = require("../_util/transition");
  27. var _vnode = require("../_util/vnode");
  28. var _omit = _interopRequireDefault(require("../_util/omit"));
  29. var _Tooltip = require("../tooltip/Tooltip");
  30. var _ActionButton = _interopRequireDefault(require("../_util/ActionButton"));
  31. var _excluded = ["placement", "overlayClassName"];
  32. var popconfirmProps = function popconfirmProps() {
  33. return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _abstractTooltipProps.default)()), {}, {
  34. prefixCls: String,
  35. content: _vueTypes.default.any,
  36. title: _vueTypes.default.any,
  37. okType: {
  38. type: String,
  39. default: 'primary'
  40. },
  41. disabled: {
  42. type: Boolean,
  43. default: false
  44. },
  45. okText: _vueTypes.default.any,
  46. cancelText: _vueTypes.default.any,
  47. icon: _vueTypes.default.any,
  48. okButtonProps: {
  49. type: Object,
  50. default: undefined
  51. },
  52. cancelButtonProps: {
  53. type: Object,
  54. default: undefined
  55. },
  56. showCancel: {
  57. type: Boolean,
  58. default: true
  59. },
  60. onConfirm: Function,
  61. onCancel: Function
  62. });
  63. };
  64. exports.popconfirmProps = popconfirmProps;
  65. var Popconfirm = (0, _vue.defineComponent)({
  66. compatConfig: {
  67. MODE: 3
  68. },
  69. name: 'APopconfirm',
  70. props: (0, _propsUtil.initDefaultProps)(popconfirmProps(), (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _Tooltip.tooltipDefaultProps)()), {}, {
  71. trigger: 'click',
  72. transitionName: 'zoom-big',
  73. placement: 'top',
  74. mouseEnterDelay: 0.1,
  75. mouseLeaveDelay: 0.1,
  76. arrowPointAtCenter: false,
  77. autoAdjustOverflow: true,
  78. okType: 'primary',
  79. disabled: false
  80. })),
  81. slots: ['title', 'content', 'okText', 'icon', 'cancelText', 'cancelButton', 'okButton'],
  82. emits: ['update:visible', 'visibleChange'],
  83. setup: function setup(props, _ref) {
  84. var slots = _ref.slots,
  85. emit = _ref.emit,
  86. expose = _ref.expose;
  87. (0, _vue.onMounted)(function () {
  88. (0, _devWarning.default)(props.defaultVisible === undefined, 'Popconfirm', "'defaultVisible' is deprecated, please use 'v-model:visible'");
  89. });
  90. var tooltipRef = (0, _vue.ref)();
  91. expose({
  92. getPopupDomNode: function getPopupDomNode() {
  93. var _tooltipRef$value, _tooltipRef$value$get;
  94. return (_tooltipRef$value = tooltipRef.value) === null || _tooltipRef$value === void 0 ? void 0 : (_tooltipRef$value$get = _tooltipRef$value.getPopupDomNode) === null || _tooltipRef$value$get === void 0 ? void 0 : _tooltipRef$value$get.call(_tooltipRef$value);
  95. }
  96. });
  97. var _useMergedState = (0, _useMergedState3.default)(false, {
  98. value: (0, _vue.toRef)(props, 'visible'),
  99. defaultValue: props.defaultVisible
  100. }),
  101. _useMergedState2 = (0, _slicedToArray2.default)(_useMergedState, 2),
  102. visible = _useMergedState2[0],
  103. setVisible = _useMergedState2[1];
  104. var settingVisible = function settingVisible(value, e) {
  105. if (props.visible === undefined) {
  106. setVisible(value);
  107. }
  108. emit('update:visible', value);
  109. emit('visibleChange', value, e);
  110. };
  111. var close = function close(e) {
  112. settingVisible(false, e);
  113. };
  114. var onConfirm = function onConfirm(e) {
  115. var _props$onConfirm;
  116. return (_props$onConfirm = props.onConfirm) === null || _props$onConfirm === void 0 ? void 0 : _props$onConfirm.call(props, e);
  117. };
  118. var onCancel = function onCancel(e) {
  119. var _props$onCancel;
  120. settingVisible(false, e);
  121. (_props$onCancel = props.onCancel) === null || _props$onCancel === void 0 ? void 0 : _props$onCancel.call(props, e);
  122. };
  123. var onKeyDown = function onKeyDown(e) {
  124. if (e.keyCode === _KeyCode.default.ESC && visible) {
  125. settingVisible(false, e);
  126. }
  127. };
  128. var onVisibleChange = function onVisibleChange(value) {
  129. var disabled = props.disabled;
  130. if (disabled) {
  131. return;
  132. }
  133. settingVisible(value);
  134. };
  135. var _useConfigInject = (0, _useConfigInject2.default)('popconfirm', props),
  136. prefixClsConfirm = _useConfigInject.prefixCls,
  137. getPrefixCls = _useConfigInject.getPrefixCls;
  138. var rootPrefixCls = (0, _vue.computed)(function () {
  139. return getPrefixCls();
  140. });
  141. var popoverPrefixCls = (0, _vue.computed)(function () {
  142. return getPrefixCls('popover');
  143. });
  144. var btnPrefixCls = (0, _vue.computed)(function () {
  145. return getPrefixCls('btn');
  146. });
  147. var _useLocaleReceiver = (0, _LocaleReceiver.useLocaleReceiver)('Popconfirm', _default3.default.Popconfirm),
  148. _useLocaleReceiver2 = (0, _slicedToArray2.default)(_useLocaleReceiver, 1),
  149. popconfirmLocale = _useLocaleReceiver2[0];
  150. var renderOverlay = function renderOverlay() {
  151. var _slots$title, _slots$cancel, _slots$okText, _slots$icon;
  152. var okButtonProps = props.okButtonProps,
  153. cancelButtonProps = props.cancelButtonProps,
  154. _props$title = props.title,
  155. title = _props$title === void 0 ? (_slots$title = slots.title) === null || _slots$title === void 0 ? void 0 : _slots$title.call(slots) : _props$title,
  156. _props$cancelText = props.cancelText,
  157. cancelText = _props$cancelText === void 0 ? (_slots$cancel = slots.cancel) === null || _slots$cancel === void 0 ? void 0 : _slots$cancel.call(slots) : _props$cancelText,
  158. _props$okText = props.okText,
  159. okText = _props$okText === void 0 ? (_slots$okText = slots.okText) === null || _slots$okText === void 0 ? void 0 : _slots$okText.call(slots) : _props$okText,
  160. okType = props.okType,
  161. _props$icon = props.icon,
  162. icon = _props$icon === void 0 ? (_slots$icon = slots.icon) === null || _slots$icon === void 0 ? void 0 : _slots$icon.call(slots) : _props$icon,
  163. _props$showCancel = props.showCancel,
  164. showCancel = _props$showCancel === void 0 ? true : _props$showCancel;
  165. var cancelButton = slots.cancelButton,
  166. okButton = slots.okButton;
  167. var cancelProps = (0, _objectSpread2.default)({
  168. onClick: onCancel,
  169. size: 'small'
  170. }, cancelButtonProps);
  171. var okProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({
  172. onClick: onConfirm
  173. }, (0, _buttonTypes.convertLegacyProps)(okType)), {}, {
  174. size: 'small'
  175. }, okButtonProps);
  176. return (0, _vue.createVNode)("div", {
  177. "class": "".concat(popoverPrefixCls.value, "-inner-content")
  178. }, [(0, _vue.createVNode)("div", {
  179. "class": "".concat(popoverPrefixCls.value, "-message")
  180. }, [icon || (0, _vue.createVNode)(_ExclamationCircleFilled.default, null, null), (0, _vue.createVNode)("div", {
  181. "class": "".concat(popoverPrefixCls.value, "-message-title")
  182. }, [title])]), (0, _vue.createVNode)("div", {
  183. "class": "".concat(popoverPrefixCls.value, "-buttons")
  184. }, [showCancel ? cancelButton ? cancelButton(cancelProps) : (0, _vue.createVNode)(_button.default, cancelProps, {
  185. default: function _default() {
  186. return [cancelText || popconfirmLocale.value.cancelText];
  187. }
  188. }) : null, okButton ? okButton(okProps) : (0, _vue.createVNode)(_ActionButton.default, {
  189. "buttonProps": (0, _objectSpread2.default)((0, _objectSpread2.default)({
  190. size: 'small'
  191. }, (0, _buttonTypes.convertLegacyProps)(okType)), okButtonProps),
  192. "actionFn": onConfirm,
  193. "close": close,
  194. "prefixCls": btnPrefixCls.value,
  195. "quitOnNullishReturnValue": true,
  196. "emitEvent": true
  197. }, {
  198. default: function _default() {
  199. return [okText || popconfirmLocale.value.okText];
  200. }
  201. })])]);
  202. };
  203. return function () {
  204. var _slots$default;
  205. var placement = props.placement,
  206. overlayClassName = props.overlayClassName,
  207. restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
  208. var otherProps = (0, _omit.default)(restProps, ['title', 'content', 'cancelText', 'okText', 'onUpdate:visible', 'onConfirm', 'onCancel']);
  209. var overlayClassNames = (0, _classNames.default)(prefixClsConfirm.value, overlayClassName);
  210. return (0, _vue.createVNode)(_tooltip.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, otherProps), {}, {
  211. "prefixCls": popoverPrefixCls.value,
  212. "placement": placement,
  213. "onVisibleChange": onVisibleChange,
  214. "visible": visible.value,
  215. "overlayClassName": overlayClassNames,
  216. "transitionName": (0, _transition.getTransitionName)(rootPrefixCls.value, 'zoom-big', props.transitionName),
  217. "ref": tooltipRef
  218. }), {
  219. default: function _default() {
  220. return [(0, _vnode.cloneVNodes)(((_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)) || [], {
  221. onKeydown: function onKeydown(e) {
  222. onKeyDown(e);
  223. }
  224. }, false)];
  225. },
  226. title: renderOverlay
  227. });
  228. };
  229. }
  230. });
  231. var _default2 = (0, _type.withInstall)(Popconfirm);
  232. exports.default = _default2;