@rc-component/trigger 3.6.14 → 3.6.16

package/README.md

@@ -9,10 +9,10 @@ React Trigger Component
 [![bundle size][bundlephobia-image]][bundlephobia-url]
 [![dumi][dumi-image]][dumi-url]
 
-[npm-image]: http://img.shields.io/npm/v/@rc-component/trigger.svg?style=flat-square
-[npm-url]: http://npmjs.org/package/@rc-component/trigger
-[github-actions-image]: https://github.com/react-component/trigger/workflows/CI/badge.svg
-[github-actions-url]: https://github.com/react-component/trigger/actions
+[npm-image]: https://img.shields.io/npm/v/@rc-component/trigger.svg?style=flat-square
+[npm-url]: https://npmjs.org/package/@rc-component/trigger
+[github-actions-image]: https://github.com/react-component/trigger/actions/workflows/main.yml/badge.svg
+[github-actions-url]: https://github.com/react-component/trigger/actions/workflows/main.yml
 [codecov-image]: https://img.shields.io/codecov/c/github/react-component/trigger/master.svg?style=flat-square
 [codecov-url]: https://codecov.io/gh/react-component/trigger/branch/master
 [david-url]: https://david-dm.org/react-component/trigger

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/Popup/Arrow.js

@@ -1,4 +1,4 @@
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import * as React from 'react';
 export default function Arrow(props) {
   const {
@@ -55,7 +55,7 @@ export default function Arrow(props) {
   }
   return /*#__PURE__*/React.createElement("div", {
     ref: arrowRef,
-    className: classNames(`${prefixCls}-arrow`, className),
+    className: clsx(`${prefixCls}-arrow`, className),
     style: {
       ...alignStyle,
       ...style

package/es/Popup/Mask.js

@@ -1,5 +1,5 @@
 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); }
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import CSSMotion from '@rc-component/motion';
 import * as React from 'react';
 export default function Mask(props) {
@@ -24,6 +24,6 @@ export default function Mask(props) {
     style: {
       zIndex
     },
-    className: classNames(`${prefixCls}-mask`, mobile && `${prefixCls}-mobile-mask`, className)
+    className: clsx(`${prefixCls}-mask`, mobile && `${prefixCls}-mobile-mask`, className)
   }));
 }

package/es/Popup/index.js

@@ -1,5 +1,5 @@
 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); }
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import CSSMotion from '@rc-component/motion';
 import ResizeObserver from '@rc-component/resize-observer';
 import useLayoutEffect from "@rc-component/util/es/hooks/useLayoutEffect";
@@ -151,7 +151,7 @@ const Popup = /*#__PURE__*/React.forwardRef((props, ref) => {
       className: motionClassName,
       style: motionStyle
     }, motionRef) => {
-      const cls = classNames(prefixCls, motionClassName, className, {
+      const cls = clsx(prefixCls, motionClassName, className, {
         [`${prefixCls}-mobile`]: isMobile
       });
       return /*#__PURE__*/React.createElement("div", {

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}

@@ -1,9 +1,9 @@
 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); }
 import React from 'react';
 import useOffsetStyle from "../hooks/useOffsetStyle";
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 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 = clsx(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.js

@@ -7,8 +7,8 @@ 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 classNames from 'classnames';
+import UniqueContainer from "./UniqueContainer";
+import { clsx } from 'clsx';
 import { getAlignPopupClassName } from "../util";
 const UniqueProvider = ({
   children,
@@ -82,7 +82,7 @@ const UniqueProvider = ({
     }
     const baseClassName = getAlignPopupClassName(mergedOptions.builtinPlacements || {}, mergedOptions.prefixCls || '', alignInfo, false // alignPoint is false for UniqueProvider
     );
-    return classNames(baseClassName, mergedOptions.getPopupClassNameFromAlign?.(alignInfo));
+    return clsx(baseClassName, mergedOptions.getPopupClassNameFromAlign?.(alignInfo));
   }, [alignInfo, mergedOptions?.getPopupClassNameFromAlign, mergedOptions?.builtinPlacements, mergedOptions?.prefixCls]);
   const contextValue = React.useMemo(() => ({
     show,
@@ -121,7 +121,7 @@ const UniqueProvider = ({
     portal: Portal,
     prefixCls: prefixCls,
     popup: mergedOptions.popup,
-    className: classNames(mergedOptions.popupClassName, alignedClassName, `${prefixCls}-unique-controlled`),
+    className: clsx(mergedOptions.popupClassName, alignedClassName, `${prefixCls}-unique-controlled`),
     style: mergedOptions.popupStyle,
     target: mergedOptions.target,
     open: open,
@@ -151,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,
@@ -167,8 +167,8 @@ const UniqueProvider = ({
     },
     popupSize: popupSize,
     motion: mergedOptions.popupMotion,
-    uniqueBgClassName: classNames(mergedOptions.uniqueBgClassName, alignedClassName),
-    uniqueBgStyle: mergedOptions.uniqueBgStyle
+    uniqueContainerClassName: clsx(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

@@ -1,5 +1,5 @@
 import Portal from '@rc-component/portal';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import ResizeObserver from '@rc-component/resize-observer';
 import { isDOM } from "@rc-component/util/es/Dom/findDOMNode";
 import { getShadowRoot } from "@rc-component/util/es/Dom/shadow";
@@ -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,
@@ -281,7 +281,7 @@ export function generateTrigger(PortalComponent = Portal) {
     }, [JSON.stringify(popupAlign)]);
     const alignedClassName = React.useMemo(() => {
       const baseClassName = getAlignPopupClassName(builtinPlacements, prefixCls, alignInfo, alignPoint);
-      return classNames(baseClassName, getPopupClassNameFromAlign?.(alignInfo));
+      return clsx(baseClassName, getPopupClassNameFromAlign?.(alignInfo));
     }, [alignInfo, getPopupClassNameFromAlign, builtinPlacements, prefixCls, alignPoint]);
 
     // ============================ Refs ============================
@@ -493,7 +493,7 @@ export function generateTrigger(PortalComponent = Portal) {
       ref: setPopupRef,
       prefixCls: prefixCls,
       popup: popup,
-      className: classNames(popupClassName, !isMobile && alignedClassName),
+      className: clsx(popupClassName, !isMobile && alignedClassName),
       style: popupStyle,
       target: targetEle,
       onMouseEnter: onPopupMouseEnter,

package/lib/Popup/Arrow.js

@@ -4,11 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Arrow;
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 var React = _interopRequireWildcard(require("react"));
 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; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function Arrow(props) {
   const {
     prefixCls,
@@ -64,7 +63,7 @@ function Arrow(props) {
   }
   return /*#__PURE__*/React.createElement("div", {
     ref: arrowRef,
-    className: (0, _classnames.default)(`${prefixCls}-arrow`, className),
+    className: (0, _clsx.clsx)(`${prefixCls}-arrow`, className),
     style: {
       ...alignStyle,
       ...style

package/lib/Popup/Mask.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Mask;
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 var _motion = _interopRequireDefault(require("@rc-component/motion"));
 var React = _interopRequireWildcard(require("react"));
 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); }
@@ -33,6 +33,6 @@ function Mask(props) {
     style: {
       zIndex
     },
-    className: (0, _classnames.default)(`${prefixCls}-mask`, mobile && `${prefixCls}-mobile-mask`, className)
+    className: (0, _clsx.clsx)(`${prefixCls}-mask`, mobile && `${prefixCls}-mobile-mask`, className)
   }));
 }

package/lib/Popup/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 var _motion = _interopRequireDefault(require("@rc-component/motion"));
 var _resizeObserver = _interopRequireDefault(require("@rc-component/resize-observer"));
 var _useLayoutEffect = _interopRequireDefault(require("@rc-component/util/lib/hooks/useLayoutEffect"));
@@ -160,7 +160,7 @@ const Popup = /*#__PURE__*/React.forwardRef((props, ref) => {
       className: motionClassName,
       style: motionStyle
     }, motionRef) => {
-      const cls = (0, _classnames.default)(prefixCls, motionClassName, className, {
+      const cls = (0, _clsx.clsx)(prefixCls, motionClassName, className, {
         [`${prefixCls}-mobile`]: isMobile
       });
       return /*#__PURE__*/React.createElement("div", {

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}

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _useOffsetStyle = _interopRequireDefault(require("../hooks/useOffsetStyle"));
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 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, _clsx.clsx)(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.js

@@ -13,8 +13,8 @@ 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 _classnames = _interopRequireDefault(require("classnames"));
+var _UniqueContainer = _interopRequireDefault(require("./UniqueContainer"));
+var _clsx = require("clsx");
 var _util2 = require("../util");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
@@ -91,7 +91,7 @@ const UniqueProvider = ({
     }
     const baseClassName = (0, _util2.getAlignPopupClassName)(mergedOptions.builtinPlacements || {}, mergedOptions.prefixCls || '', alignInfo, false // alignPoint is false for UniqueProvider
     );
-    return (0, _classnames.default)(baseClassName, mergedOptions.getPopupClassNameFromAlign?.(alignInfo));
+    return (0, _clsx.clsx)(baseClassName, mergedOptions.getPopupClassNameFromAlign?.(alignInfo));
   }, [alignInfo, mergedOptions?.getPopupClassNameFromAlign, mergedOptions?.builtinPlacements, mergedOptions?.prefixCls]);
   const contextValue = React.useMemo(() => ({
     show,
@@ -130,7 +130,7 @@ const UniqueProvider = ({
     portal: _portal.default,
     prefixCls: prefixCls,
     popup: mergedOptions.popup,
-    className: (0, _classnames.default)(mergedOptions.popupClassName, alignedClassName, `${prefixCls}-unique-controlled`),
+    className: (0, _clsx.clsx)(mergedOptions.popupClassName, alignedClassName, `${prefixCls}-unique-controlled`),
     style: mergedOptions.popupStyle,
     target: mergedOptions.target,
     open: open,
@@ -160,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,
@@ -176,8 +176,8 @@ const UniqueProvider = ({
     },
     popupSize: popupSize,
     motion: mergedOptions.popupMotion,
-    uniqueBgClassName: (0, _classnames.default)(mergedOptions.uniqueBgClassName, alignedClassName),
-    uniqueBgStyle: mergedOptions.uniqueBgStyle
+    uniqueContainerClassName: (0, _clsx.clsx)(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

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "UniqueProvider", {
 exports.default = void 0;
 exports.generateTrigger = generateTrigger;
 var _portal = _interopRequireDefault(require("@rc-component/portal"));
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 var _resizeObserver = _interopRequireDefault(require("@rc-component/resize-observer"));
 var _findDOMNode = require("@rc-component/util/lib/Dom/findDOMNode");
 var _shadow = require("@rc-component/util/lib/Dom/shadow");
@@ -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,
@@ -295,7 +295,7 @@ function generateTrigger(PortalComponent = _portal.default) {
     }, [JSON.stringify(popupAlign)]);
     const alignedClassName = React.useMemo(() => {
       const baseClassName = (0, _util.getAlignPopupClassName)(builtinPlacements, prefixCls, alignInfo, alignPoint);
-      return (0, _classnames.default)(baseClassName, getPopupClassNameFromAlign?.(alignInfo));
+      return (0, _clsx.clsx)(baseClassName, getPopupClassNameFromAlign?.(alignInfo));
     }, [alignInfo, getPopupClassNameFromAlign, builtinPlacements, prefixCls, alignPoint]);
 
     // ============================ Refs ============================
@@ -507,7 +507,7 @@ function generateTrigger(PortalComponent = _portal.default) {
       ref: setPopupRef,
       prefixCls: prefixCls,
       popup: popup,
-      className: (0, _classnames.default)(popupClassName, !isMobile && alignedClassName),
+      className: (0, _clsx.clsx)(popupClassName, !isMobile && alignedClassName),
       style: popupStyle,
       target: targetEle,
       onMouseEnter: onPopupMouseEnter,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/trigger",
-  "version": "3.6.14",
+  "version": "3.6.16",
   "description": "base abstract trigger component for react",
   "engines": {
     "node": ">=8.x"
@@ -45,14 +45,13 @@
     "@rc-component/portal": "^2.0.0",
     "@rc-component/resize-observer": "^1.0.0",
     "@rc-component/util": "^1.2.1",
-    "classnames": "^2.3.2"
+    "clsx": "^2.1.1"
   },
   "devDependencies": {
     "@rc-component/father-plugin": "^2.0.0",
     "@rc-component/np": "^1.0.3",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^16.0.0",
-    "@types/classnames": "^2.2.10",
     "@types/jest": "^29.5.2",
     "@types/node": "^24.0.3",
     "@types/react": "^19.1.2",