@rc-component/trigger 3.6.13 → 3.6.15

package/assets/index.css

@@ -62,17 +62,17 @@
     opacity: 0;
   }
 }
-.rc-trigger-popup-unique-body {
+.rc-trigger-popup-unique-container {
   position: absolute;
   z-index: 0;
   box-sizing: border-box;
   border: 1px solid red;
   background: green;
 }
-.rc-trigger-popup-unique-body-hidden {
+.rc-trigger-popup-unique-container-hidden {
   display: none;
 }
-.rc-trigger-popup-unique-body-visible {
+.rc-trigger-popup-unique-container-visible {
   transition: all 0.1s;
 }
 .rc-trigger-popup-unique-controlled {

package/assets/index.less

@@ -74,8 +74,8 @@
     }
   }
 
-  // =============== Unique Body ===============
-  &-unique-body {
+  // =============== Unique Container ===============
+  &-unique-container {
     position: absolute;
     z-index: 0;
     box-sizing: border-box;

package/es/UniqueProvider/{UniqueBody.d.ts → UniqueContainer.d.ts}

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { CSSMotionProps } from '@rc-component/motion';
 import type { AlignType, ArrowPos } from '../interface';
-export interface UniqueBodyProps {
+export interface UniqueContainerProps {
     prefixCls: string;
     isMobile: boolean;
     ready: boolean;
@@ -17,8 +17,8 @@ export interface UniqueBodyProps {
         height: number;
     };
     motion?: CSSMotionProps;
-    uniqueBgClassName?: string;
-    uniqueBgStyle?: React.CSSProperties;
+    uniqueContainerClassName?: string;
+    uniqueContainerStyle?: React.CSSProperties;
 }
-declare const UniqueBody: (props: UniqueBodyProps) => React.JSX.Element;
-export default UniqueBody;
+declare const UniqueContainer: (props: UniqueContainerProps) => React.JSX.Element;
+export default UniqueContainer;

package/es/UniqueProvider/{UniqueBody.js → UniqueContainer.js}

@@ -3,7 +3,7 @@ import React from 'react';
 import useOffsetStyle from "../hooks/useOffsetStyle";
 import classNames from 'classnames';
 import CSSMotion from '@rc-component/motion';
-const UniqueBody = props => {
+const UniqueContainer = props => {
   const {
     prefixCls,
     isMobile,
@@ -17,10 +17,10 @@ const UniqueBody = props => {
     arrowPos,
     popupSize,
     motion,
-    uniqueBgClassName,
-    uniqueBgStyle
+    uniqueContainerClassName,
+    uniqueContainerStyle
   } = props;
-  const bodyCls = `${prefixCls}-unique-body`;
+  const containerCls = `${prefixCls}-unique-container`;
   const [motionVisible, setMotionVisible] = React.useState(false);
 
   // ========================= Styles =========================
@@ -47,7 +47,7 @@ const UniqueBody = props => {
     motionEnter: true,
     motionLeave: true,
     removeOnLeave: false,
-    leavedClassName: `${bodyCls}-hidden`
+    leavedClassName: `${containerCls}-hidden`
   }, motion, {
     visible: open,
     onVisibleChanged: nextVisible => {
@@ -57,8 +57,8 @@ const UniqueBody = props => {
     className: motionClassName,
     style: motionStyle
   }) => {
-    const cls = classNames(bodyCls, motionClassName, uniqueBgClassName, {
-      [`${bodyCls}-visible`]: motionVisible
+    const cls = classNames(containerCls, motionClassName, uniqueContainerClassName, {
+      [`${containerCls}-visible`]: motionVisible
     });
     return /*#__PURE__*/React.createElement("div", {
       className: cls,
@@ -68,9 +68,9 @@ const UniqueBody = props => {
         ...cachedOffsetStyleRef.current,
         ...sizeStyle,
         ...motionStyle,
-        ...uniqueBgStyle
+        ...uniqueContainerStyle
       }
     });
   });
 };
-export default UniqueBody;
+export default UniqueContainer;

package/es/UniqueProvider/index.d.ts

@@ -5,5 +5,5 @@ export interface UniqueProviderProps {
     /** Additional handle options data to do the customize info */
     postTriggerProps?: (options: UniqueShowOptions) => UniqueShowOptions;
 }
-declare const UniqueProvider: ({ children, postTriggerProps }: UniqueProviderProps) => React.JSX.Element;
+declare const UniqueProvider: ({ children, postTriggerProps, }: UniqueProviderProps) => React.JSX.Element;
 export default UniqueProvider;

package/es/UniqueProvider/index.js

@@ -7,7 +7,7 @@ import Popup from "../Popup";
 import { useEvent } from '@rc-component/util';
 import useTargetState from "./useTargetState";
 import { isDOM } from "@rc-component/util/es/Dom/findDOMNode";
-import UniqueBody from "./UniqueBody";
+import UniqueContainer from "./UniqueContainer";
 import classNames from 'classnames';
 import { getAlignPopupClassName } from "../util";
 const UniqueProvider = ({
@@ -89,6 +89,11 @@ const UniqueProvider = ({
     hide
   }), []);
 
+  // =========================== Align ============================
+  React.useEffect(() => {
+    onAlign();
+  }, [mergedOptions?.target]);
+
   // =========================== Motion ===========================
   const onPrepare = useEvent(() => {
     onAlign();
@@ -146,7 +151,7 @@ const UniqueProvider = ({
     motion: mergedOptions.popupMotion,
     maskMotion: mergedOptions.maskMotion,
     getPopupContainer: mergedOptions.getPopupContainer
-  }, /*#__PURE__*/React.createElement(UniqueBody, {
+  }, /*#__PURE__*/React.createElement(UniqueContainer, {
     prefixCls: prefixCls,
     isMobile: false,
     ready: ready,
@@ -162,8 +167,8 @@ const UniqueProvider = ({
     },
     popupSize: popupSize,
     motion: mergedOptions.popupMotion,
-    uniqueBgClassName: classNames(mergedOptions.uniqueBgClassName, alignedClassName),
-    uniqueBgStyle: mergedOptions.uniqueBgStyle
+    uniqueContainerClassName: classNames(mergedOptions.uniqueContainerClassName, alignedClassName),
+    uniqueContainerStyle: mergedOptions.uniqueContainerStyle
   }))));
 };
 export default UniqueProvider;

package/es/context.d.ts

@@ -14,8 +14,8 @@ export interface UniqueShowOptions {
     delay: number;
     prefixCls?: string;
     popupClassName?: string;
-    uniqueBgClassName?: string;
-    uniqueBgStyle?: React.CSSProperties;
+    uniqueContainerClassName?: string;
+    uniqueContainerStyle?: React.CSSProperties;
     popupStyle?: React.CSSProperties;
     popupPlacement?: string;
     builtinPlacements?: BuildInPlacements;

package/es/index.d.ts

@@ -46,10 +46,10 @@ export interface TriggerProps {
     builtinPlacements?: BuildInPlacements;
     popupAlign?: AlignType;
     popupClassName?: string;
-    /** Pass to `UniqueProvider` FloatBg */
-    uniqueBgClassName?: string;
-    /** Pass to `UniqueProvider` FloatBg */
-    uniqueBgStyle?: React.CSSProperties;
+    /** Pass to `UniqueProvider` UniqueContainer */
+    uniqueContainerClassName?: string;
+    /** Pass to `UniqueProvider` UniqueContainer */
+    uniqueContainerStyle?: React.CSSProperties;
     popupStyle?: React.CSSProperties;
     getPopupClassNameFromAlign?: (align: AlignType) => string;
     onPopupClick?: React.MouseEventHandler<HTMLDivElement>;

package/es/index.js

@@ -55,8 +55,8 @@ export function generateTrigger(PortalComponent = Portal) {
       // Popup
       popup,
       popupClassName,
-      uniqueBgClassName,
-      uniqueBgStyle,
+      uniqueContainerClassName,
+      uniqueContainerStyle,
       popupStyle,
       popupPlacement,
       builtinPlacements = {},
@@ -167,8 +167,8 @@ export function generateTrigger(PortalComponent = Portal) {
       delay,
       prefixCls,
       popupClassName,
-      uniqueBgClassName,
-      uniqueBgStyle,
+      uniqueContainerClassName,
+      uniqueContainerStyle,
       popupStyle,
       popupPlacement,
       builtinPlacements,

package/lib/UniqueProvider/{UniqueBody.d.ts → UniqueContainer.d.ts}

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { CSSMotionProps } from '@rc-component/motion';
 import type { AlignType, ArrowPos } from '../interface';
-export interface UniqueBodyProps {
+export interface UniqueContainerProps {
     prefixCls: string;
     isMobile: boolean;
     ready: boolean;
@@ -17,8 +17,8 @@ export interface UniqueBodyProps {
         height: number;
     };
     motion?: CSSMotionProps;
-    uniqueBgClassName?: string;
-    uniqueBgStyle?: React.CSSProperties;
+    uniqueContainerClassName?: string;
+    uniqueContainerStyle?: React.CSSProperties;
 }
-declare const UniqueBody: (props: UniqueBodyProps) => React.JSX.Element;
-export default UniqueBody;
+declare const UniqueContainer: (props: UniqueContainerProps) => React.JSX.Element;
+export default UniqueContainer;

package/lib/UniqueProvider/{UniqueBody.js → UniqueContainer.js}

@@ -10,7 +10,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _motion = _interopRequireDefault(require("@rc-component/motion"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const UniqueBody = props => {
+const UniqueContainer = props => {
   const {
     prefixCls,
     isMobile,
@@ -24,10 +24,10 @@ const UniqueBody = props => {
     arrowPos,
     popupSize,
     motion,
-    uniqueBgClassName,
-    uniqueBgStyle
+    uniqueContainerClassName,
+    uniqueContainerStyle
   } = props;
-  const bodyCls = `${prefixCls}-unique-body`;
+  const containerCls = `${prefixCls}-unique-container`;
   const [motionVisible, setMotionVisible] = _react.default.useState(false);
 
   // ========================= Styles =========================
@@ -54,7 +54,7 @@ const UniqueBody = props => {
     motionEnter: true,
     motionLeave: true,
     removeOnLeave: false,
-    leavedClassName: `${bodyCls}-hidden`
+    leavedClassName: `${containerCls}-hidden`
   }, motion, {
     visible: open,
     onVisibleChanged: nextVisible => {
@@ -64,8 +64,8 @@ const UniqueBody = props => {
     className: motionClassName,
     style: motionStyle
   }) => {
-    const cls = (0, _classnames.default)(bodyCls, motionClassName, uniqueBgClassName, {
-      [`${bodyCls}-visible`]: motionVisible
+    const cls = (0, _classnames.default)(containerCls, motionClassName, uniqueContainerClassName, {
+      [`${containerCls}-visible`]: motionVisible
     });
     return /*#__PURE__*/_react.default.createElement("div", {
       className: cls,
@@ -75,9 +75,9 @@ const UniqueBody = props => {
         ...cachedOffsetStyleRef.current,
         ...sizeStyle,
         ...motionStyle,
-        ...uniqueBgStyle
+        ...uniqueContainerStyle
       }
     });
   });
 };
-var _default = exports.default = UniqueBody;
+var _default = exports.default = UniqueContainer;

package/lib/UniqueProvider/index.d.ts

@@ -5,5 +5,5 @@ export interface UniqueProviderProps {
     /** Additional handle options data to do the customize info */
     postTriggerProps?: (options: UniqueShowOptions) => UniqueShowOptions;
 }
-declare const UniqueProvider: ({ children, postTriggerProps }: UniqueProviderProps) => React.JSX.Element;
+declare const UniqueProvider: ({ children, postTriggerProps, }: UniqueProviderProps) => React.JSX.Element;
 export default UniqueProvider;

package/lib/UniqueProvider/index.js

@@ -13,7 +13,7 @@ var _Popup = _interopRequireDefault(require("../Popup"));
 var _util = require("@rc-component/util");
 var _useTargetState = _interopRequireDefault(require("./useTargetState"));
 var _findDOMNode = require("@rc-component/util/lib/Dom/findDOMNode");
-var _UniqueBody = _interopRequireDefault(require("./UniqueBody"));
+var _UniqueContainer = _interopRequireDefault(require("./UniqueContainer"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _util2 = require("../util");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -98,6 +98,11 @@ const UniqueProvider = ({
     hide
   }), []);
 
+  // =========================== Align ============================
+  React.useEffect(() => {
+    onAlign();
+  }, [mergedOptions?.target]);
+
   // =========================== Motion ===========================
   const onPrepare = (0, _util.useEvent)(() => {
     onAlign();
@@ -155,7 +160,7 @@ const UniqueProvider = ({
     motion: mergedOptions.popupMotion,
     maskMotion: mergedOptions.maskMotion,
     getPopupContainer: mergedOptions.getPopupContainer
-  }, /*#__PURE__*/React.createElement(_UniqueBody.default, {
+  }, /*#__PURE__*/React.createElement(_UniqueContainer.default, {
     prefixCls: prefixCls,
     isMobile: false,
     ready: ready,
@@ -171,8 +176,8 @@ const UniqueProvider = ({
     },
     popupSize: popupSize,
     motion: mergedOptions.popupMotion,
-    uniqueBgClassName: (0, _classnames.default)(mergedOptions.uniqueBgClassName, alignedClassName),
-    uniqueBgStyle: mergedOptions.uniqueBgStyle
+    uniqueContainerClassName: (0, _classnames.default)(mergedOptions.uniqueContainerClassName, alignedClassName),
+    uniqueContainerStyle: mergedOptions.uniqueContainerStyle
   }))));
 };
 var _default = exports.default = UniqueProvider;

package/lib/context.d.ts

@@ -14,8 +14,8 @@ export interface UniqueShowOptions {
     delay: number;
     prefixCls?: string;
     popupClassName?: string;
-    uniqueBgClassName?: string;
-    uniqueBgStyle?: React.CSSProperties;
+    uniqueContainerClassName?: string;
+    uniqueContainerStyle?: React.CSSProperties;
     popupStyle?: React.CSSProperties;
     popupPlacement?: string;
     builtinPlacements?: BuildInPlacements;

package/lib/index.d.ts

@@ -46,10 +46,10 @@ export interface TriggerProps {
     builtinPlacements?: BuildInPlacements;
     popupAlign?: AlignType;
     popupClassName?: string;
-    /** Pass to `UniqueProvider` FloatBg */
-    uniqueBgClassName?: string;
-    /** Pass to `UniqueProvider` FloatBg */
-    uniqueBgStyle?: React.CSSProperties;
+    /** Pass to `UniqueProvider` UniqueContainer */
+    uniqueContainerClassName?: string;
+    /** Pass to `UniqueProvider` UniqueContainer */
+    uniqueContainerStyle?: React.CSSProperties;
     popupStyle?: React.CSSProperties;
     getPopupClassNameFromAlign?: (align: AlignType) => string;
     onPopupClick?: React.MouseEventHandler<HTMLDivElement>;

package/lib/index.js

@@ -69,8 +69,8 @@ function generateTrigger(PortalComponent = _portal.default) {
       // Popup
       popup,
       popupClassName,
-      uniqueBgClassName,
-      uniqueBgStyle,
+      uniqueContainerClassName,
+      uniqueContainerStyle,
       popupStyle,
       popupPlacement,
       builtinPlacements = {},
@@ -181,8 +181,8 @@ function generateTrigger(PortalComponent = _portal.default) {
       delay,
       prefixCls,
       popupClassName,
-      uniqueBgClassName,
-      uniqueBgStyle,
+      uniqueContainerClassName,
+      uniqueContainerStyle,
       popupStyle,
       popupPlacement,
       builtinPlacements,

package/package.json

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