@rc-component/trigger 1.0.0 → 1.0.2

package/es/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/es/Popup/index.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import Portal from '@rc-component/portal';
 import classNames from 'classnames';
 import CSSMotion from 'rc-motion';
 import ResizeObserver from 'rc-resize-observer';
@@ -29,6 +28,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,

package/es/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/es/hooks/useAlign.js

@@ -53,7 +53,7 @@ function reversePoints(points, index) {
     return point;
   }).join('');
 }
-export default function useAlign(open, popupEle, target, placement, builtinPlacements, popupAlign) {
+export default function useAlign(open, popupEle, target, placement, builtinPlacements, popupAlign, onPopupAlign) {
   var _React$useState = React.useState({
       ready: false,
       offsetX: 0,
@@ -233,6 +233,7 @@ export default function useAlign(open, popupEle, target, placement, builtinPlace
       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/es/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;