@rc-component/trigger 1.10.2 → 1.12.0

package/assets/index.css

@@ -31,34 +31,34 @@
   animation-play-state: running;
 }
 .rc-trigger-popup-arrow {
+  z-index: 1;
   width: 0px;
   height: 0px;
   background: #000;
   border-radius: 100vw;
   box-shadow: 0 0 0 3px black;
-  z-index: 1;
 }
 @keyframes rcTriggerZoomIn {
   0% {
     transform: scale(0, 0);
-    transform-origin: 50% 50%;
+    transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
     opacity: 0;
   }
   100% {
     transform: scale(1, 1);
-    transform-origin: 50% 50%;
+    transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
     opacity: 1;
   }
 }
 @keyframes rcTriggerZoomOut {
   0% {
     transform: scale(1, 1);
-    transform-origin: 50% 50%;
+    transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
     opacity: 1;
   }
   100% {
     transform: scale(0, 0);
-    transform-origin: 50% 50%;
+    transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
     opacity: 0;
   }
 }

package/assets/index.less

@@ -41,35 +41,35 @@
   }
 
   &-arrow {
+    z-index: 1;
     width: 0px;
     height: 0px;
     background: #000;
     border-radius: 100vw;
     box-shadow: 0 0 0 3px black;
-    z-index: 1;
   }
 
   @keyframes rcTriggerZoomIn {
     0% {
       transform: scale(0, 0);
-      transform-origin: 50% 50%;
+      transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
       opacity: 0;
     }
     100% {
       transform: scale(1, 1);
-      transform-origin: 50% 50%;
+      transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
       opacity: 1;
     }
   }
   @keyframes rcTriggerZoomOut {
     0% {
       transform: scale(1, 1);
-      transform-origin: 50% 50%;
+      transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
       opacity: 1;
     }
     100% {
       transform: scale(0, 0);
-      transform-origin: 50% 50%;
+      transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
       opacity: 0;
     }
   }

package/es/Popup/Arrow.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" />
-import type { AlignType, ArrowType } from '../interface';
+import * as React from 'react';
+import type { AlignType, ArrowPos, ArrowTypeOuter } from '../interface';
 export interface ArrowProps {
     prefixCls: string;
     align: AlignType;
-    arrow: ArrowType;
+    arrow: ArrowTypeOuter;
+    arrowPos: ArrowPos;
 }
-export default function Arrow(props: ArrowProps): JSX.Element;
+export default function Arrow(props: ArrowProps): React.JSX.Element;

package/es/Popup/Arrow.js

@@ -1,15 +1,17 @@
-import * as React from 'react';
 import classNames from 'classnames';
+import * as React from 'react';
 export default function Arrow(props) {
   var prefixCls = props.prefixCls,
     align = props.align,
-    arrow = props.arrow;
+    arrow = props.arrow,
+    arrowPos = props.arrowPos;
   var _ref = arrow || {},
-    _ref$x = _ref.x,
-    x = _ref$x === void 0 ? 0 : _ref$x,
-    _ref$y = _ref.y,
-    y = _ref$y === void 0 ? 0 : _ref$y,
-    className = _ref.className;
+    className = _ref.className,
+    content = _ref.content;
+  var _arrowPos$x = arrowPos.x,
+    x = _arrowPos$x === void 0 ? 0 : _arrowPos$x,
+    _arrowPos$y = arrowPos.y,
+    y = _arrowPos$y === void 0 ? 0 : _arrowPos$y;
   var arrowRef = React.useRef();
 
   // Skip if no align
@@ -51,5 +53,5 @@ export default function Arrow(props) {
     ref: arrowRef,
     className: classNames("".concat(prefixCls, "-arrow"), className),
     style: alignStyle
-  });
+  }, content);
 }

package/es/Popup/Mask.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import type { CSSMotionProps } from 'rc-motion';
+import * as React from 'react';
 export interface MaskProps {
     prefixCls: string;
     open?: boolean;
@@ -7,4 +7,4 @@ export interface MaskProps {
     mask?: boolean;
     motion?: CSSMotionProps;
 }
-export default function Mask(props: MaskProps): JSX.Element;
+export default function Mask(props: MaskProps): React.JSX.Element;

package/es/Popup/Mask.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import classNames from 'classnames';
 import CSSMotion from 'rc-motion';
+import * as React from 'react';
 export default function Mask(props) {
   var prefixCls = props.prefixCls,
     open = props.open,

package/es/Popup/index.d.ts

@@ -1,7 +1,7 @@
 import type { CSSMotionProps } from 'rc-motion';
 import * as React from 'react';
 import type { TriggerProps } from '../';
-import type { AlignType, ArrowType } from '../interface';
+import type { AlignType, ArrowPos, ArrowTypeOuter } from '../interface';
 export interface PopupProps {
     prefixCls: string;
     className?: string;
@@ -14,7 +14,8 @@ export interface PopupProps {
     mask?: boolean;
     onVisibleChanged: (visible: boolean) => void;
     align?: AlignType;
-    arrow?: ArrowType;
+    arrow?: ArrowTypeOuter;
+    arrowPos: ArrowPos;
     open: boolean;
     /** Tell Portal that should keep in screen. e.g. should wait all motion end */
     keepDom: boolean;

package/es/Popup/index.js

@@ -22,6 +22,7 @@ var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onClick = props.onClick,
     mask = props.mask,
     arrow = props.arrow,
+    arrowPos = props.arrowPos,
     align = props.align,
     motion = props.motion,
     maskMotion = props.maskMotion,
@@ -129,7 +130,10 @@ var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return /*#__PURE__*/React.createElement("div", {
         ref: composeRef(resizeObserverRef, ref, motionRef),
         className: cls,
-        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, offsetStyle), miscStyle), motionStyle), {}, {
+        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+          '--arrow-x': "".concat(arrowPos.x || 0, "px"),
+          '--arrow-y': "".concat(arrowPos.y || 0, "px")
+        }, offsetStyle), miscStyle), motionStyle), {}, {
           boxSizing: 'border-box',
           zIndex: zIndex
         }, style),
@@ -139,6 +143,7 @@ var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, arrow && /*#__PURE__*/React.createElement(Arrow, {
         prefixCls: prefixCls,
         arrow: arrow,
+        arrowPos: arrowPos,
         align: align
       }), /*#__PURE__*/React.createElement(PopupContent, {
         cache: !open

package/es/hooks/useAlign.js

@@ -6,6 +6,22 @@ import useEvent from "rc-util/es/hooks/useEvent";
 import useLayoutEffect from "rc-util/es/hooks/useLayoutEffect";
 import * as React from 'react';
 import { collectScroller, getVisibleArea, getWin, toNum } from "../util";
+function getUnitOffset(size) {
+  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var offsetStr = "".concat(offset);
+  var cells = offsetStr.match(/^(.*)\%$/);
+  if (cells) {
+    return size * (parseFloat(cells[1]) / 100);
+  }
+  return parseFloat(offsetStr);
+}
+function getNumberOffset(rect, offset) {
+  var _ref = offset || [],
+    _ref2 = _slicedToArray(_ref, 2),
+    offsetX = _ref2[0],
+    offsetY = _ref2[1];
+  return [getUnitOffset(rect.width, offsetX), getUnitOffset(rect.height, offsetY)];
+}
 function splitPoints() {
   var points = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   return [points[0], points[1]];
@@ -167,26 +183,22 @@ export default function useAlign(open, popupEle, target, placement, builtinPlace
       // Offset
       var offset = placementInfo.offset,
         targetOffset = placementInfo.targetOffset;
-      var _ref = offset || [],
-        _ref2 = _slicedToArray(_ref, 2),
-        _ref2$ = _ref2[0],
-        popupOffsetX = _ref2$ === void 0 ? 0 : _ref2$,
-        _ref2$2 = _ref2[1],
-        popupOffsetY = _ref2$2 === void 0 ? 0 : _ref2$2;
-      var _ref3 = targetOffset || [],
-        _ref4 = _slicedToArray(_ref3, 2),
-        _ref4$ = _ref4[0],
-        targetOffsetX = _ref4$ === void 0 ? 0 : _ref4$,
-        _ref4$2 = _ref4[1],
-        targetOffsetY = _ref4$2 === void 0 ? 0 : _ref4$2;
-      targetRect.x += targetOffsetX;
-      targetRect.y += targetOffsetY;
+      var _getNumberOffset = getNumberOffset(popupRect, offset),
+        _getNumberOffset2 = _slicedToArray(_getNumberOffset, 2),
+        popupOffsetX = _getNumberOffset2[0],
+        popupOffsetY = _getNumberOffset2[1];
+      var _getNumberOffset3 = getNumberOffset(targetRect, targetOffset),
+        _getNumberOffset4 = _slicedToArray(_getNumberOffset3, 2),
+        targetOffsetX = _getNumberOffset4[0],
+        targetOffsetY = _getNumberOffset4[1];
+      targetRect.x -= targetOffsetX;
+      targetRect.y -= targetOffsetY;
 
       // Points
-      var _ref5 = placementInfo.points || [],
-        _ref6 = _slicedToArray(_ref5, 2),
-        popupPoint = _ref6[0],
-        targetPoint = _ref6[1];
+      var _ref3 = placementInfo.points || [],
+        _ref4 = _slicedToArray(_ref3, 2),
+        popupPoint = _ref4[0],
+        targetPoint = _ref4[1];
       var targetPoints = splitPoints(targetPoint);
       var popupPoints = splitPoints(popupPoint);
       var targetAlignPoint = getAlignPoint(targetRect, targetPoints);

package/es/index.js

@@ -448,10 +448,11 @@ export function generateTrigger() {
 
     // Child Node
     var triggerNode = /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread({}, mergedChildrenProps), passedProps));
-    var innerArrow = arrow ? _objectSpread(_objectSpread({}, arrow !== true ? arrow : {}), {}, {
+    var arrowPos = {
       x: arrowX,
       y: arrowY
-    }) : null;
+    };
+    var innerArrow = arrow ? _objectSpread({}, arrow !== true ? arrow : {}) : null;
 
     // Render
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ResizeObserver, {
@@ -497,7 +498,8 @@ export function generateTrigger() {
       // Arrow
       ,
       align: alignInfo,
-      arrow: innerArrow
+      arrow: innerArrow,
+      arrowPos: arrowPos
       // Align
       ,
       ready: ready,

package/es/interface.d.ts

@@ -5,6 +5,7 @@ export declare type AlignPointTopBottom = 't' | 'b' | 'c';
 export declare type AlignPointLeftRight = 'l' | 'r' | 'c';
 /** Two char of 't' 'b' 'c' 'l' 'r'. Example: 'lt' */
 export declare type AlignPoint = `${AlignPointTopBottom}${AlignPointLeftRight}`;
+export declare type OffsetType = number | `${number}%`;
 export interface AlignType {
     /**
      * move point of source node to align with point of target node.
@@ -15,12 +16,12 @@ export interface AlignType {
      * offset source node by offset[0] in x and offset[1] in y.
      * If offset contains percentage string value, it is relative to sourceNode region.
      */
-    offset?: number[];
+    offset?: OffsetType[];
     /**
      * offset target node by offset[0] in x and offset[1] in y.
      * If targetOffset contains percentage string value, it is relative to targetNode region.
      */
-    targetOffset?: number[];
+    targetOffset?: OffsetType[];
     /**
      * If adjustX field is true, will adjust source node in x direction if source node is invisible.
      * If adjustY field is true, will adjust source node in y direction if source node is invisible.
@@ -56,8 +57,9 @@ export interface AlignType {
 }
 export interface ArrowTypeOuter {
     className?: string;
+    content?: React.ReactNode;
 }
-export declare type ArrowType = ArrowTypeOuter & {
+export declare type ArrowPos = {
     x?: number;
     y?: number;
 };

package/lib/Popup/Arrow.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" />
-import type { AlignType, ArrowType } from '../interface';
+import * as React from 'react';
+import type { AlignType, ArrowPos, ArrowTypeOuter } from '../interface';
 export interface ArrowProps {
     prefixCls: string;
     align: AlignType;
-    arrow: ArrowType;
+    arrow: ArrowTypeOuter;
+    arrowPos: ArrowPos;
 }
-export default function Arrow(props: ArrowProps): JSX.Element;
+export default function Arrow(props: ArrowProps): React.JSX.Element;

package/lib/Popup/Arrow.js

@@ -1,23 +1,25 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Arrow;
-var React = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var React = _interopRequireWildcard(require("react"));
 function Arrow(props) {
   var prefixCls = props.prefixCls,
     align = props.align,
-    arrow = props.arrow;
+    arrow = props.arrow,
+    arrowPos = props.arrowPos;
   var _ref = arrow || {},
-    _ref$x = _ref.x,
-    x = _ref$x === void 0 ? 0 : _ref$x,
-    _ref$y = _ref.y,
-    y = _ref$y === void 0 ? 0 : _ref$y,
-    className = _ref.className;
+    className = _ref.className,
+    content = _ref.content;
+  var _arrowPos$x = arrowPos.x,
+    x = _arrowPos$x === void 0 ? 0 : _arrowPos$x,
+    _arrowPos$y = arrowPos.y,
+    y = _arrowPos$y === void 0 ? 0 : _arrowPos$y;
   var arrowRef = React.useRef();
 
   // Skip if no align
@@ -59,5 +61,5 @@ function Arrow(props) {
     ref: arrowRef,
     className: (0, _classnames.default)("".concat(prefixCls, "-arrow"), className),
     style: alignStyle
-  });
+  }, content);
 }

package/lib/Popup/Mask.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import type { CSSMotionProps } from 'rc-motion';
+import * as React from 'react';
 export interface MaskProps {
     prefixCls: string;
     open?: boolean;
@@ -7,4 +7,4 @@ export interface MaskProps {
     mask?: boolean;
     motion?: CSSMotionProps;
 }
-export default function Mask(props: MaskProps): JSX.Element;
+export default function Mask(props: MaskProps): React.JSX.Element;

package/lib/Popup/Mask.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -8,6 +9,7 @@ exports.default = Mask;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _rcMotion = _interopRequireDefault(require("rc-motion"));
+var React = _interopRequireWildcard(require("react"));
 function Mask(props) {
   var prefixCls = props.prefixCls,
     open = props.open,

package/lib/Popup/index.d.ts

@@ -1,7 +1,7 @@
 import type { CSSMotionProps } from 'rc-motion';
 import * as React from 'react';
 import type { TriggerProps } from '../';
-import type { AlignType, ArrowType } from '../interface';
+import type { AlignType, ArrowPos, ArrowTypeOuter } from '../interface';
 export interface PopupProps {
     prefixCls: string;
     className?: string;
@@ -14,7 +14,8 @@ export interface PopupProps {
     mask?: boolean;
     onVisibleChanged: (visible: boolean) => void;
     align?: AlignType;
-    arrow?: ArrowType;
+    arrow?: ArrowTypeOuter;
+    arrowPos: ArrowPos;
     open: boolean;
     /** Tell Portal that should keep in screen. e.g. should wait all motion end */
     keepDom: boolean;

package/lib/Popup/index.js

@@ -30,6 +30,7 @@ var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onClick = props.onClick,
     mask = props.mask,
     arrow = props.arrow,
+    arrowPos = props.arrowPos,
     align = props.align,
     motion = props.motion,
     maskMotion = props.maskMotion,
@@ -137,7 +138,10 @@ var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return /*#__PURE__*/React.createElement("div", {
         ref: (0, _ref2.composeRef)(resizeObserverRef, ref, motionRef),
         className: cls,
-        style: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, offsetStyle), miscStyle), motionStyle), {}, {
+        style: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+          '--arrow-x': "".concat(arrowPos.x || 0, "px"),
+          '--arrow-y': "".concat(arrowPos.y || 0, "px")
+        }, offsetStyle), miscStyle), motionStyle), {}, {
           boxSizing: 'border-box',
           zIndex: zIndex
         }, style),
@@ -147,6 +151,7 @@ var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, arrow && /*#__PURE__*/React.createElement(_Arrow.default, {
         prefixCls: prefixCls,
         arrow: arrow,
+        arrowPos: arrowPos,
         align: align
       }), /*#__PURE__*/React.createElement(_PopupContent.default, {
         cache: !open

package/lib/hooks/useAlign.js

@@ -14,6 +14,22 @@ var _useEvent = _interopRequireDefault(require("rc-util/lib/hooks/useEvent"));
 var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
 var React = _interopRequireWildcard(require("react"));
 var _util = require("../util");
+function getUnitOffset(size) {
+  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var offsetStr = "".concat(offset);
+  var cells = offsetStr.match(/^(.*)\%$/);
+  if (cells) {
+    return size * (parseFloat(cells[1]) / 100);
+  }
+  return parseFloat(offsetStr);
+}
+function getNumberOffset(rect, offset) {
+  var _ref = offset || [],
+    _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+    offsetX = _ref2[0],
+    offsetY = _ref2[1];
+  return [getUnitOffset(rect.width, offsetX), getUnitOffset(rect.height, offsetY)];
+}
 function splitPoints() {
   var points = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   return [points[0], points[1]];
@@ -175,26 +191,22 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
       // Offset
       var offset = placementInfo.offset,
         targetOffset = placementInfo.targetOffset;
-      var _ref = offset || [],
-        _ref2 = (0, _slicedToArray2.default)(_ref, 2),
-        _ref2$ = _ref2[0],
-        popupOffsetX = _ref2$ === void 0 ? 0 : _ref2$,
-        _ref2$2 = _ref2[1],
-        popupOffsetY = _ref2$2 === void 0 ? 0 : _ref2$2;
-      var _ref3 = targetOffset || [],
-        _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
-        _ref4$ = _ref4[0],
-        targetOffsetX = _ref4$ === void 0 ? 0 : _ref4$,
-        _ref4$2 = _ref4[1],
-        targetOffsetY = _ref4$2 === void 0 ? 0 : _ref4$2;
-      targetRect.x += targetOffsetX;
-      targetRect.y += targetOffsetY;
+      var _getNumberOffset = getNumberOffset(popupRect, offset),
+        _getNumberOffset2 = (0, _slicedToArray2.default)(_getNumberOffset, 2),
+        popupOffsetX = _getNumberOffset2[0],
+        popupOffsetY = _getNumberOffset2[1];
+      var _getNumberOffset3 = getNumberOffset(targetRect, targetOffset),
+        _getNumberOffset4 = (0, _slicedToArray2.default)(_getNumberOffset3, 2),
+        targetOffsetX = _getNumberOffset4[0],
+        targetOffsetY = _getNumberOffset4[1];
+      targetRect.x -= targetOffsetX;
+      targetRect.y -= targetOffsetY;
 
       // Points
-      var _ref5 = placementInfo.points || [],
-        _ref6 = (0, _slicedToArray2.default)(_ref5, 2),
-        popupPoint = _ref6[0],
-        targetPoint = _ref6[1];
+      var _ref3 = placementInfo.points || [],
+        _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+        popupPoint = _ref4[0],
+        targetPoint = _ref4[1];
       var targetPoints = splitPoints(targetPoint);
       var popupPoints = splitPoints(popupPoint);
       var targetAlignPoint = getAlignPoint(targetRect, targetPoints);

package/lib/index.js

@@ -457,10 +457,11 @@ function generateTrigger() {
 
     // Child Node
     var triggerNode = /*#__PURE__*/React.cloneElement(child, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, mergedChildrenProps), passedProps));
-    var innerArrow = arrow ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, arrow !== true ? arrow : {}), {}, {
+    var arrowPos = {
       x: arrowX,
       y: arrowY
-    }) : null;
+    };
+    var innerArrow = arrow ? (0, _objectSpread2.default)({}, arrow !== true ? arrow : {}) : null;
 
     // Render
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_rcResizeObserver.default, {
@@ -506,7 +507,8 @@ function generateTrigger() {
       // Arrow
       ,
       align: alignInfo,
-      arrow: innerArrow
+      arrow: innerArrow,
+      arrowPos: arrowPos
       // Align
       ,
       ready: ready,

package/lib/interface.d.ts

@@ -5,6 +5,7 @@ export declare type AlignPointTopBottom = 't' | 'b' | 'c';
 export declare type AlignPointLeftRight = 'l' | 'r' | 'c';
 /** Two char of 't' 'b' 'c' 'l' 'r'. Example: 'lt' */
 export declare type AlignPoint = `${AlignPointTopBottom}${AlignPointLeftRight}`;
+export declare type OffsetType = number | `${number}%`;
 export interface AlignType {
     /**
      * move point of source node to align with point of target node.
@@ -15,12 +16,12 @@ export interface AlignType {
      * offset source node by offset[0] in x and offset[1] in y.
      * If offset contains percentage string value, it is relative to sourceNode region.
      */
-    offset?: number[];
+    offset?: OffsetType[];
     /**
      * offset target node by offset[0] in x and offset[1] in y.
      * If targetOffset contains percentage string value, it is relative to targetNode region.
      */
-    targetOffset?: number[];
+    targetOffset?: OffsetType[];
     /**
      * If adjustX field is true, will adjust source node in x direction if source node is invisible.
      * If adjustY field is true, will adjust source node in y direction if source node is invisible.
@@ -56,8 +57,9 @@ export interface AlignType {
 }
 export interface ArrowTypeOuter {
     className?: string;
+    content?: React.ReactNode;
 }
-export declare type ArrowType = ArrowTypeOuter & {
+export declare type ArrowPos = {
     x?: number;
     y?: number;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/trigger",
-  "version": "1.10.2",
+  "version": "1.12.0",
   "description": "base abstract trigger component for react",
   "engines": {
     "node": ">=8.x"