@rc-component/trigger 3.6.10 → 3.6.12

package/es/UniqueProvider/UniqueBody.js

@@ -26,6 +26,14 @@ const UniqueBody = props => {
   // ========================= Styles =========================
   const offsetStyle = useOffsetStyle(isMobile, ready, open, align, offsetR, offsetB, offsetX, offsetY);
 
+  // Cache for offsetStyle when ready is true
+  const cachedOffsetStyleRef = React.useRef(offsetStyle);
+
+  // Update cached offset style when ready is true
+  if (ready) {
+    cachedOffsetStyleRef.current = offsetStyle;
+  }
+
   // Apply popup size if available
   const sizeStyle = {};
   if (popupSize) {
@@ -57,7 +65,7 @@ const UniqueBody = props => {
       style: {
         '--arrow-x': `${arrowPos?.x || 0}px`,
         '--arrow-y': `${arrowPos?.y || 0}px`,
-        ...offsetStyle,
+        ...cachedOffsetStyleRef.current,
         ...sizeStyle,
         ...motionStyle,
         ...uniqueBgStyle

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);
@@ -63,18 +72,18 @@ const UniqueProvider = ({
     // scaleX - not used in UniqueProvider
   ,,
   // scaleY - not used in UniqueProvider
-  alignInfo, onAlign] = useAlign(open, popupEle, options?.target, options?.popupPlacement, options?.builtinPlacements || {}, options?.popupAlign, undefined,
+  alignInfo, onAlign] = useAlign(open, popupEle, mergedOptions?.target, mergedOptions?.popupPlacement, mergedOptions?.builtinPlacements || {}, mergedOptions?.popupAlign, undefined,
   // onPopupAlign
   false // isMobile
   );
   const alignedClassName = React.useMemo(() => {
-    if (!options) {
+    if (!mergedOptions) {
       return '';
     }
-    const baseClassName = getAlignPopupClassName(options.builtinPlacements || {}, options.prefixCls || '', alignInfo, false // alignPoint is false for UniqueProvider
+    const baseClassName = getAlignPopupClassName(mergedOptions.builtinPlacements || {}, mergedOptions.prefixCls || '', alignInfo, false // alignPoint is false for UniqueProvider
     );
-    return classNames(baseClassName, options.getPopupClassNameFromAlign?.(alignInfo));
-  }, [alignInfo, options?.getPopupClassNameFromAlign, options?.builtinPlacements, options?.prefixCls]);
+    return classNames(baseClassName, mergedOptions.getPopupClassNameFromAlign?.(alignInfo));
+  }, [alignInfo, mergedOptions?.getPopupClassNameFromAlign, mergedOptions?.builtinPlacements, mergedOptions?.prefixCls]);
   const contextValue = React.useMemo(() => ({
     show,
     hide
@@ -97,19 +106,19 @@ 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, {
+  }, children, mergedOptions && /*#__PURE__*/React.createElement(TriggerContext.Provider, {
     value: triggerContextValue
   }, /*#__PURE__*/React.createElement(Popup, {
     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,
@@ -152,9 +161,9 @@ const UniqueProvider = ({
       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.js

@@ -33,6 +33,14 @@ const UniqueBody = props => {
   // ========================= Styles =========================
   const offsetStyle = (0, _useOffsetStyle.default)(isMobile, ready, open, align, offsetR, offsetB, offsetX, offsetY);
 
+  // Cache for offsetStyle when ready is true
+  const cachedOffsetStyleRef = _react.default.useRef(offsetStyle);
+
+  // Update cached offset style when ready is true
+  if (ready) {
+    cachedOffsetStyleRef.current = offsetStyle;
+  }
+
   // Apply popup size if available
   const sizeStyle = {};
   if (popupSize) {
@@ -64,7 +72,7 @@ const UniqueBody = props => {
       style: {
         '--arrow-x': `${arrowPos?.x || 0}px`,
         '--arrow-y': `${arrowPos?.y || 0}px`,
-        ...offsetStyle,
+        ...cachedOffsetStyleRef.current,
         ...sizeStyle,
         ...motionStyle,
         ...uniqueBgStyle

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);
@@ -72,18 +81,18 @@ const UniqueProvider = ({
     // scaleX - not used in UniqueProvider
   ,,
   // scaleY - not used in UniqueProvider
-  alignInfo, onAlign] = (0, _useAlign.default)(open, popupEle, options?.target, options?.popupPlacement, options?.builtinPlacements || {}, options?.popupAlign, undefined,
+  alignInfo, onAlign] = (0, _useAlign.default)(open, popupEle, mergedOptions?.target, mergedOptions?.popupPlacement, mergedOptions?.builtinPlacements || {}, mergedOptions?.popupAlign, undefined,
   // onPopupAlign
   false // isMobile
   );
   const alignedClassName = React.useMemo(() => {
-    if (!options) {
+    if (!mergedOptions) {
       return '';
     }
-    const baseClassName = (0, _util2.getAlignPopupClassName)(options.builtinPlacements || {}, options.prefixCls || '', alignInfo, false // alignPoint is false for UniqueProvider
+    const baseClassName = (0, _util2.getAlignPopupClassName)(mergedOptions.builtinPlacements || {}, mergedOptions.prefixCls || '', alignInfo, false // alignPoint is false for UniqueProvider
     );
-    return (0, _classnames.default)(baseClassName, options.getPopupClassNameFromAlign?.(alignInfo));
-  }, [alignInfo, options?.getPopupClassNameFromAlign, options?.builtinPlacements, options?.prefixCls]);
+    return (0, _classnames.default)(baseClassName, mergedOptions.getPopupClassNameFromAlign?.(alignInfo));
+  }, [alignInfo, mergedOptions?.getPopupClassNameFromAlign, mergedOptions?.builtinPlacements, mergedOptions?.prefixCls]);
   const contextValue = React.useMemo(() => ({
     show,
     hide
@@ -106,19 +115,19 @@ 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, {
+  }, children, mergedOptions && /*#__PURE__*/React.createElement(_context.default.Provider, {
     value: triggerContextValue
   }, /*#__PURE__*/React.createElement(_Popup.default, {
     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,
@@ -161,9 +170,9 @@ const UniqueProvider = ({
       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.10",
+  "version": "3.6.12",
   "description": "base abstract trigger component for react",
   "engines": {
     "node": ">=8.x"