@rc-component/trigger 1.0.0 → 1.0.2

package/es/mock.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const _default: React.ForwardRefExoticComponent<import("./index").TriggerProps & React.RefAttributes<import("./index").TriggerRef>>;
+export default _default;

package/es/mock.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { generateTrigger } from "./index";
+var MockPortal = function MockPortal(_ref) {
+  var children = _ref.children,
+    getContainer = _ref.getContainer;
+  React.useEffect(function () {
+    getContainer();
+  });
+  return children;
+};
+export default generateTrigger(MockPortal);

package/lib/Popup/index.d.ts

@@ -26,6 +26,7 @@ export interface PopupProps {
     forceRender?: boolean;
     getPopupContainer?: TriggerProps['getPopupContainer'];
     autoDestroy?: boolean;
+    portal: React.ComponentType<any>;
     ready: boolean;
     offsetX: number;
     offsetY: number;

package/lib/Popup/index.js

@@ -9,7 +9,6 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _portal = _interopRequireDefault(require("@rc-component/portal"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _rcMotion = _interopRequireDefault(require("rc-motion"));
 var _rcResizeObserver = _interopRequireDefault(require("rc-resize-observer"));
@@ -37,6 +36,7 @@ var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     forceRender = props.forceRender,
     getPopupContainer = props.getPopupContainer,
     autoDestroy = props.autoDestroy,
+    Portal = props.portal,
     zIndex = props.zIndex,
     onMouseEnter = props.onMouseEnter,
     onMouseLeave = props.onMouseLeave,
@@ -98,7 +98,7 @@ var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   if (!open) {
     miscStyle.pointerEvents = 'none';
   }
-  return /*#__PURE__*/React.createElement(_portal.default, {
+  return /*#__PURE__*/React.createElement(Portal, {
     open: forceRender || isNodeVisible,
     getContainer: getPopupContainer && function () {
       return getPopupContainer(target);

package/lib/hooks/useAlign.d.ts

@@ -1,5 +1,6 @@
+import type { TriggerProps } from '..';
 import type { AlignType } from '../interface';
-export default function useAlign(open: boolean, popupEle: HTMLElement, target: HTMLElement | [x: number, y: number], placement: string, builtinPlacements: any, popupAlign?: AlignType): [
+export default function useAlign(open: boolean, popupEle: HTMLElement, target: HTMLElement | [x: number, y: number], placement: string, builtinPlacements: any, popupAlign?: AlignType, onPopupAlign?: TriggerProps['onPopupAlign']): [
     ready: boolean,
     offsetX: number,
     offsetY: number,

package/lib/hooks/useAlign.js

@@ -61,7 +61,7 @@ function reversePoints(points, index) {
     return point;
   }).join('');
 }
-function useAlign(open, popupEle, target, placement, builtinPlacements, popupAlign) {
+function useAlign(open, popupEle, target, placement, builtinPlacements, popupAlign, onPopupAlign) {
   var _React$useState = React.useState({
       ready: false,
       offsetX: 0,
@@ -241,6 +241,7 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
       var minBottom = Math.min(popupBottom, targetBottom);
       var yCenter = (maxTop + minBottom) / 2;
       var nextArrowY = yCenter - popupTop;
+      onPopupAlign === null || onPopupAlign === void 0 ? void 0 : onPopupAlign(popupEle, nextAlignInfo);
       setOffsetInfo({
         ready: true,
         offsetX: nextOffsetX / _scaleX,

package/lib/index.d.ts

@@ -1,6 +1,7 @@
 import type { CSSMotionProps } from 'rc-motion';
 import * as React from 'react';
 import type { ActionType, AlignType, AnimationType, BuildInPlacements, TransitionNameType } from './interface';
+export type { BuildInPlacements, AlignType, ActionType };
 export interface TriggerRef {
     forceAlign: VoidFunction;
 }
@@ -11,6 +12,7 @@ export interface TriggerProps {
     hideAction?: ActionType[];
     prefixCls?: string;
     zIndex?: number;
+    onPopupAlign?: (element: HTMLElement, align: AlignType) => void;
     stretch?: string;
     popupVisible?: boolean;
     defaultPopupVisible?: boolean;
@@ -57,5 +59,6 @@ export interface TriggerProps {
      */
     getTriggerDOMNode?: (node: React.ReactInstance) => HTMLElement;
 }
-declare const Trigger: React.ForwardRefExoticComponent<TriggerProps & React.RefAttributes<TriggerRef>>;
-export default Trigger;
+export declare function generateTrigger(PortalComponent?: React.ComponentType<any>): React.ForwardRefExoticComponent<TriggerProps & React.RefAttributes<TriggerRef>>;
+declare const _default: React.ForwardRefExoticComponent<TriggerProps & React.RefAttributes<TriggerRef>>;
+export default _default;