@rc-component/trigger 3.6.9 → 3.6.11

package/es/UniqueProvider/UniqueBody.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { CSSMotionProps } from '@rc-component/motion';
-import type { AlignType } from '../interface';
+import type { AlignType, ArrowPos } from '../interface';
 export interface UniqueBodyProps {
     prefixCls: string;
     isMobile: boolean;
@@ -11,6 +11,7 @@ export interface UniqueBodyProps {
     offsetB: number;
     offsetX: number;
     offsetY: number;
+    arrowPos?: ArrowPos;
     popupSize?: {
         width: number;
         height: number;

package/es/UniqueProvider/UniqueBody.js

@@ -14,6 +14,7 @@ const UniqueBody = props => {
     offsetB,
     offsetX,
     offsetY,
+    arrowPos,
     popupSize,
     motion,
     uniqueBgClassName,
@@ -54,6 +55,8 @@ const UniqueBody = props => {
     return /*#__PURE__*/React.createElement("div", {
       className: cls,
       style: {
+        '--arrow-x': `${arrowPos?.x || 0}px`,
+        '--arrow-y': `${arrowPos?.y || 0}px`,
         ...offsetStyle,
         ...sizeStyle,
         ...motionStyle,

package/es/UniqueProvider/index.d.ts

@@ -1,6 +1,9 @@
 import * as React from 'react';
+import { type UniqueShowOptions } from '../context';
 export interface UniqueProviderProps {
     children: React.ReactNode;
+    /** Additional handle options data to do the customize info */
+    postTriggerProps?: (options: UniqueShowOptions) => UniqueShowOptions;
 }
-declare const UniqueProvider: ({ children }: UniqueProviderProps) => React.JSX.Element;
+declare const UniqueProvider: ({ children, postTriggerProps }: UniqueProviderProps) => React.JSX.Element;
 export default UniqueProvider;

package/es/UniqueProvider/index.js

@@ -11,10 +11,19 @@ import UniqueBody from "./UniqueBody";
 import classNames from 'classnames';
 import { getAlignPopupClassName } from "../util";
 const UniqueProvider = ({
-  children
+  children,
+  postTriggerProps
 }) => {
   const [trigger, open, options, onTargetVisibleChanged] = useTargetState();
 
+  // ========================== Options ===========================
+  const mergedOptions = React.useMemo(() => {
+    if (!options || !postTriggerProps) {
+      return options;
+    }
+    return postTriggerProps(options);
+  }, [options, postTriggerProps]);
+
   // =========================== Popup ============================
   const [popupEle, setPopupEle] = React.useState(null);
   const [popupSize, setPopupSize] = React.useState(null);
@@ -97,7 +106,7 @@ const UniqueProvider = ({
   }), [parentContext]);
 
   // =========================== Render ===========================
-  const prefixCls = options?.prefixCls;
+  const prefixCls = mergedOptions?.prefixCls;
   return /*#__PURE__*/React.createElement(UniqueContext.Provider, {
     value: contextValue
   }, children, options && /*#__PURE__*/React.createElement(TriggerContext.Provider, {
@@ -106,10 +115,10 @@ const UniqueProvider = ({
     ref: setPopupRef,
     portal: Portal,
     prefixCls: prefixCls,
-    popup: options.popup,
-    className: classNames(options.popupClassName, alignedClassName, `${prefixCls}-unique-controlled`),
-    style: options.popupStyle,
-    target: options.target,
+    popup: mergedOptions.popup,
+    className: classNames(mergedOptions.popupClassName, alignedClassName, `${prefixCls}-unique-controlled`),
+    style: mergedOptions.popupStyle,
+    target: mergedOptions.target,
     open: open,
     keepDom: true,
     fresh: true,
@@ -131,12 +140,12 @@ const UniqueProvider = ({
       y: arrowY
     },
     align: alignInfo,
-    zIndex: options.zIndex,
-    mask: options.mask,
-    arrow: options.arrow,
-    motion: options.popupMotion,
-    maskMotion: options.maskMotion
-    // getPopupContainer={options.getPopupContainer}
+    zIndex: mergedOptions.zIndex,
+    mask: mergedOptions.mask,
+    arrow: mergedOptions.arrow,
+    motion: mergedOptions.popupMotion,
+    maskMotion: mergedOptions.maskMotion,
+    getPopupContainer: mergedOptions.getPopupContainer
   }, /*#__PURE__*/React.createElement(UniqueBody, {
     prefixCls: prefixCls,
     isMobile: false,
@@ -147,10 +156,14 @@ const UniqueProvider = ({
     offsetB: offsetB,
     offsetX: offsetX,
     offsetY: offsetY,
+    arrowPos: {
+      x: arrowX,
+      y: arrowY
+    },
     popupSize: popupSize,
-    motion: options.popupMotion,
-    uniqueBgClassName: classNames(options.uniqueBgClassName, alignedClassName),
-    uniqueBgStyle: options.uniqueBgStyle
+    motion: mergedOptions.popupMotion,
+    uniqueBgClassName: classNames(mergedOptions.uniqueBgClassName, alignedClassName),
+    uniqueBgStyle: mergedOptions.uniqueBgStyle
   }))));
 };
 export default UniqueProvider;

package/es/index.d.ts

@@ -3,7 +3,9 @@ import * as React from 'react';
 import { type MobileConfig } from './Popup';
 import type { ActionType, AlignType, ArrowTypeOuter, BuildInPlacements } from './interface';
 export type { ActionType, AlignType, ArrowTypeOuter as ArrowType, BuildInPlacements, };
-export { default as UniqueProvider } from './UniqueProvider';
+import UniqueProvider, { type UniqueProviderProps } from './UniqueProvider';
+export { UniqueProvider };
+export type { UniqueProviderProps };
 export interface TriggerRef {
     nativeElement: HTMLElement;
     popupElement: HTMLDivElement;

package/es/index.js

@@ -15,7 +15,8 @@ import useDelay from "./hooks/useDelay";
 import useWatch from "./hooks/useWatch";
 import useWinClick from "./hooks/useWinClick";
 import { getAlignPopupClassName } from "./util";
-export { default as UniqueProvider } from "./UniqueProvider";
+import UniqueProvider from "./UniqueProvider";
+export { UniqueProvider };
 
 // Removed Props List
 // Seems this can be auto

package/lib/UniqueProvider/UniqueBody.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { CSSMotionProps } from '@rc-component/motion';
-import type { AlignType } from '../interface';
+import type { AlignType, ArrowPos } from '../interface';
 export interface UniqueBodyProps {
     prefixCls: string;
     isMobile: boolean;
@@ -11,6 +11,7 @@ export interface UniqueBodyProps {
     offsetB: number;
     offsetX: number;
     offsetY: number;
+    arrowPos?: ArrowPos;
     popupSize?: {
         width: number;
         height: number;

package/lib/UniqueProvider/UniqueBody.js

@@ -21,6 +21,7 @@ const UniqueBody = props => {
     offsetB,
     offsetX,
     offsetY,
+    arrowPos,
     popupSize,
     motion,
     uniqueBgClassName,
@@ -61,6 +62,8 @@ const UniqueBody = props => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: cls,
       style: {
+        '--arrow-x': `${arrowPos?.x || 0}px`,
+        '--arrow-y': `${arrowPos?.y || 0}px`,
         ...offsetStyle,
         ...sizeStyle,
         ...motionStyle,

package/lib/UniqueProvider/index.d.ts

@@ -1,6 +1,9 @@
 import * as React from 'react';
+import { type UniqueShowOptions } from '../context';
 export interface UniqueProviderProps {
     children: React.ReactNode;
+    /** Additional handle options data to do the customize info */
+    postTriggerProps?: (options: UniqueShowOptions) => UniqueShowOptions;
 }
-declare const UniqueProvider: ({ children }: UniqueProviderProps) => React.JSX.Element;
+declare const UniqueProvider: ({ children, postTriggerProps }: UniqueProviderProps) => React.JSX.Element;
 export default UniqueProvider;

package/lib/UniqueProvider/index.js

@@ -20,10 +20,19 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const UniqueProvider = ({
-  children
+  children,
+  postTriggerProps
 }) => {
   const [trigger, open, options, onTargetVisibleChanged] = (0, _useTargetState.default)();
 
+  // ========================== Options ===========================
+  const mergedOptions = React.useMemo(() => {
+    if (!options || !postTriggerProps) {
+      return options;
+    }
+    return postTriggerProps(options);
+  }, [options, postTriggerProps]);
+
   // =========================== Popup ============================
   const [popupEle, setPopupEle] = React.useState(null);
   const [popupSize, setPopupSize] = React.useState(null);
@@ -106,7 +115,7 @@ const UniqueProvider = ({
   }), [parentContext]);
 
   // =========================== Render ===========================
-  const prefixCls = options?.prefixCls;
+  const prefixCls = mergedOptions?.prefixCls;
   return /*#__PURE__*/React.createElement(_context.UniqueContext.Provider, {
     value: contextValue
   }, children, options && /*#__PURE__*/React.createElement(_context.default.Provider, {
@@ -115,10 +124,10 @@ const UniqueProvider = ({
     ref: setPopupRef,
     portal: _portal.default,
     prefixCls: prefixCls,
-    popup: options.popup,
-    className: (0, _classnames.default)(options.popupClassName, alignedClassName, `${prefixCls}-unique-controlled`),
-    style: options.popupStyle,
-    target: options.target,
+    popup: mergedOptions.popup,
+    className: (0, _classnames.default)(mergedOptions.popupClassName, alignedClassName, `${prefixCls}-unique-controlled`),
+    style: mergedOptions.popupStyle,
+    target: mergedOptions.target,
     open: open,
     keepDom: true,
     fresh: true,
@@ -140,12 +149,12 @@ const UniqueProvider = ({
       y: arrowY
     },
     align: alignInfo,
-    zIndex: options.zIndex,
-    mask: options.mask,
-    arrow: options.arrow,
-    motion: options.popupMotion,
-    maskMotion: options.maskMotion
-    // getPopupContainer={options.getPopupContainer}
+    zIndex: mergedOptions.zIndex,
+    mask: mergedOptions.mask,
+    arrow: mergedOptions.arrow,
+    motion: mergedOptions.popupMotion,
+    maskMotion: mergedOptions.maskMotion,
+    getPopupContainer: mergedOptions.getPopupContainer
   }, /*#__PURE__*/React.createElement(_UniqueBody.default, {
     prefixCls: prefixCls,
     isMobile: false,
@@ -156,10 +165,14 @@ const UniqueProvider = ({
     offsetB: offsetB,
     offsetX: offsetX,
     offsetY: offsetY,
+    arrowPos: {
+      x: arrowX,
+      y: arrowY
+    },
     popupSize: popupSize,
-    motion: options.popupMotion,
-    uniqueBgClassName: (0, _classnames.default)(options.uniqueBgClassName, alignedClassName),
-    uniqueBgStyle: options.uniqueBgStyle
+    motion: mergedOptions.popupMotion,
+    uniqueBgClassName: (0, _classnames.default)(mergedOptions.uniqueBgClassName, alignedClassName),
+    uniqueBgStyle: mergedOptions.uniqueBgStyle
   }))));
 };
 var _default = exports.default = UniqueProvider;

package/lib/index.d.ts

@@ -3,7 +3,9 @@ import * as React from 'react';
 import { type MobileConfig } from './Popup';
 import type { ActionType, AlignType, ArrowTypeOuter, BuildInPlacements } from './interface';
 export type { ActionType, AlignType, ArrowTypeOuter as ArrowType, BuildInPlacements, };
-export { default as UniqueProvider } from './UniqueProvider';
+import UniqueProvider, { type UniqueProviderProps } from './UniqueProvider';
+export { UniqueProvider };
+export type { UniqueProviderProps };
 export interface TriggerRef {
     nativeElement: HTMLElement;
     popupElement: HTMLDivElement;

package/package.json

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