context.js 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. import { computed, inject, provide } from 'vue';
  2. var TriggerContextKey = Symbol('TriggerContextKey');
  3. export var useProviderTrigger = function useProviderTrigger() {
  4. var portal = null;
  5. provide(TriggerContextKey, {
  6. setPortal: function setPortal(val) {
  7. portal = val;
  8. },
  9. popPortal: true
  10. });
  11. return function () {
  12. return portal;
  13. };
  14. };
  15. export var useInjectTrigger = function useInjectTrigger(tryPopPortal) {
  16. return tryPopPortal ? inject(TriggerContextKey, {
  17. setPortal: function setPortal() {},
  18. popPortal: false
  19. }) : {
  20. setPortal: function setPortal() {},
  21. popPortal: false
  22. };
  23. };
  24. var PortalContextKey = Symbol('PortalContextKey');
  25. export var useProvidePortal = function useProvidePortal(instance) {
  26. var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
  27. inTriggerContext: true
  28. };
  29. provide(PortalContextKey, {
  30. inTriggerContext: config.inTriggerContext,
  31. shouldRender: computed(function () {
  32. var _ref = instance || {},
  33. sPopupVisible = _ref.sPopupVisible,
  34. popupRef = _ref.popupRef,
  35. forceRender = _ref.forceRender,
  36. autoDestroy = _ref.autoDestroy;
  37. // if (popPortal) return true;
  38. var shouldRender = false;
  39. if (sPopupVisible || popupRef || forceRender) {
  40. shouldRender = true;
  41. }
  42. if (!sPopupVisible && autoDestroy) {
  43. shouldRender = false;
  44. }
  45. return shouldRender;
  46. })
  47. });
  48. };
  49. export var useInjectPortal = function useInjectPortal() {
  50. useProvidePortal({}, {
  51. inTriggerContext: false
  52. });
  53. var portalContext = inject(PortalContextKey, {
  54. shouldRender: computed(function () {
  55. return false;
  56. }),
  57. inTriggerContext: false
  58. });
  59. return {
  60. shouldRender: computed(function () {
  61. return portalContext.shouldRender.value || portalContext.inTriggerContext === false;
  62. })
  63. };
  64. };