index.js 3.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
  2. import { resolveDirective as _resolveDirective, createVNode as _createVNode, Fragment as _Fragment } from "vue";
  3. import { computed, defineComponent, ref } from 'vue';
  4. import Tooltip from '../tooltip';
  5. import abstractTooltipProps from '../tooltip/abstractTooltipProps';
  6. import PropTypes from '../_util/vue-types';
  7. import { filterEmpty, initDefaultProps } from '../_util/props-util';
  8. import { withInstall } from '../_util/type';
  9. import useConfigInject from '../_util/hooks/useConfigInject';
  10. import omit from '../_util/omit';
  11. import { getTransitionName } from '../_util/transition';
  12. import { tooltipDefaultProps } from '../tooltip/Tooltip';
  13. export var popoverProps = function popoverProps() {
  14. return _objectSpread(_objectSpread({}, abstractTooltipProps()), {}, {
  15. content: PropTypes.any,
  16. title: PropTypes.any
  17. });
  18. };
  19. var Popover = defineComponent({
  20. compatConfig: {
  21. MODE: 3
  22. },
  23. name: 'APopover',
  24. props: initDefaultProps(popoverProps(), _objectSpread(_objectSpread({}, tooltipDefaultProps()), {}, {
  25. trigger: 'hover',
  26. transitionName: 'zoom-big',
  27. placement: 'top',
  28. mouseEnterDelay: 0.1,
  29. mouseLeaveDelay: 0.1
  30. })),
  31. setup: function setup(props, _ref) {
  32. var expose = _ref.expose,
  33. slots = _ref.slots;
  34. var tooltipRef = ref();
  35. expose({
  36. getPopupDomNode: function getPopupDomNode() {
  37. var _tooltipRef$value, _tooltipRef$value$get;
  38. 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);
  39. }
  40. });
  41. var _useConfigInject = useConfigInject('popover', props),
  42. prefixCls = _useConfigInject.prefixCls,
  43. configProvider = _useConfigInject.configProvider;
  44. var rootPrefixCls = computed(function () {
  45. return configProvider.getPrefixCls();
  46. });
  47. var getOverlay = function getOverlay() {
  48. var _slots$title, _slots$content;
  49. var _props$title = props.title,
  50. title = _props$title === void 0 ? filterEmpty((_slots$title = slots.title) === null || _slots$title === void 0 ? void 0 : _slots$title.call(slots)) : _props$title,
  51. _props$content = props.content,
  52. content = _props$content === void 0 ? filterEmpty((_slots$content = slots.content) === null || _slots$content === void 0 ? void 0 : _slots$content.call(slots)) : _props$content;
  53. var hasTitle = !!(Array.isArray(title) ? title.length : title);
  54. var hasContent = !!(Array.isArray(content) ? content.length : title);
  55. if (!hasTitle && !hasContent) return undefined;
  56. return _createVNode(_Fragment, null, [hasTitle && _createVNode("div", {
  57. "class": "".concat(prefixCls.value, "-title")
  58. }, [title]), _createVNode("div", {
  59. "class": "".concat(prefixCls.value, "-inner-content")
  60. }, [content])]);
  61. };
  62. return function () {
  63. return _createVNode(Tooltip, _objectSpread(_objectSpread({}, omit(props, ['title', 'content'])), {}, {
  64. "prefixCls": prefixCls.value,
  65. "ref": tooltipRef,
  66. "transitionName": getTransitionName(rootPrefixCls.value, 'zoom-big', props.transitionName)
  67. }), {
  68. title: getOverlay,
  69. default: slots.default
  70. });
  71. };
  72. }
  73. });
  74. export default withInstall(Popover);