@rc-component/trigger 3.6.14 → 3.6.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/assets/index.css CHANGED
@@ -62,17 +62,17 @@
62
62
  opacity: 0;
63
63
  }
64
64
  }
65
- .rc-trigger-popup-unique-body {
65
+ .rc-trigger-popup-unique-container {
66
66
  position: absolute;
67
67
  z-index: 0;
68
68
  box-sizing: border-box;
69
69
  border: 1px solid red;
70
70
  background: green;
71
71
  }
72
- .rc-trigger-popup-unique-body-hidden {
72
+ .rc-trigger-popup-unique-container-hidden {
73
73
  display: none;
74
74
  }
75
- .rc-trigger-popup-unique-body-visible {
75
+ .rc-trigger-popup-unique-container-visible {
76
76
  transition: all 0.1s;
77
77
  }
78
78
  .rc-trigger-popup-unique-controlled {
package/assets/index.less CHANGED
@@ -74,8 +74,8 @@
74
74
  }
75
75
  }
76
76
 
77
- // =============== Unique Body ===============
78
- &-unique-body {
77
+ // =============== Unique Container ===============
78
+ &-unique-container {
79
79
  position: absolute;
80
80
  z-index: 0;
81
81
  box-sizing: border-box;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import type { CSSMotionProps } from '@rc-component/motion';
3
3
  import type { AlignType, ArrowPos } from '../interface';
4
- export interface UniqueBodyProps {
4
+ export interface UniqueContainerProps {
5
5
  prefixCls: string;
6
6
  isMobile: boolean;
7
7
  ready: boolean;
@@ -17,8 +17,8 @@ export interface UniqueBodyProps {
17
17
  height: number;
18
18
  };
19
19
  motion?: CSSMotionProps;
20
- uniqueBgClassName?: string;
21
- uniqueBgStyle?: React.CSSProperties;
20
+ uniqueContainerClassName?: string;
21
+ uniqueContainerStyle?: React.CSSProperties;
22
22
  }
23
- declare const UniqueBody: (props: UniqueBodyProps) => React.JSX.Element;
24
- export default UniqueBody;
23
+ declare const UniqueContainer: (props: UniqueContainerProps) => React.JSX.Element;
24
+ export default UniqueContainer;
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import useOffsetStyle from "../hooks/useOffsetStyle";
4
4
  import classNames from 'classnames';
5
5
  import CSSMotion from '@rc-component/motion';
6
- const UniqueBody = props => {
6
+ const UniqueContainer = props => {
7
7
  const {
8
8
  prefixCls,
9
9
  isMobile,
@@ -17,10 +17,10 @@ const UniqueBody = props => {
17
17
  arrowPos,
18
18
  popupSize,
19
19
  motion,
20
- uniqueBgClassName,
21
- uniqueBgStyle
20
+ uniqueContainerClassName,
21
+ uniqueContainerStyle
22
22
  } = props;
23
- const bodyCls = `${prefixCls}-unique-body`;
23
+ const containerCls = `${prefixCls}-unique-container`;
24
24
  const [motionVisible, setMotionVisible] = React.useState(false);
25
25
 
26
26
  // ========================= Styles =========================
@@ -47,7 +47,7 @@ const UniqueBody = props => {
47
47
  motionEnter: true,
48
48
  motionLeave: true,
49
49
  removeOnLeave: false,
50
- leavedClassName: `${bodyCls}-hidden`
50
+ leavedClassName: `${containerCls}-hidden`
51
51
  }, motion, {
52
52
  visible: open,
53
53
  onVisibleChanged: nextVisible => {
@@ -57,8 +57,8 @@ const UniqueBody = props => {
57
57
  className: motionClassName,
58
58
  style: motionStyle
59
59
  }) => {
60
- const cls = classNames(bodyCls, motionClassName, uniqueBgClassName, {
61
- [`${bodyCls}-visible`]: motionVisible
60
+ const cls = classNames(containerCls, motionClassName, uniqueContainerClassName, {
61
+ [`${containerCls}-visible`]: motionVisible
62
62
  });
63
63
  return /*#__PURE__*/React.createElement("div", {
64
64
  className: cls,
@@ -68,9 +68,9 @@ const UniqueBody = props => {
68
68
  ...cachedOffsetStyleRef.current,
69
69
  ...sizeStyle,
70
70
  ...motionStyle,
71
- ...uniqueBgStyle
71
+ ...uniqueContainerStyle
72
72
  }
73
73
  });
74
74
  });
75
75
  };
76
- export default UniqueBody;
76
+ export default UniqueContainer;
@@ -7,7 +7,7 @@ import Popup from "../Popup";
7
7
  import { useEvent } from '@rc-component/util';
8
8
  import useTargetState from "./useTargetState";
9
9
  import { isDOM } from "@rc-component/util/es/Dom/findDOMNode";
10
- import UniqueBody from "./UniqueBody";
10
+ import UniqueContainer from "./UniqueContainer";
11
11
  import classNames from 'classnames';
12
12
  import { getAlignPopupClassName } from "../util";
13
13
  const UniqueProvider = ({
@@ -151,7 +151,7 @@ const UniqueProvider = ({
151
151
  motion: mergedOptions.popupMotion,
152
152
  maskMotion: mergedOptions.maskMotion,
153
153
  getPopupContainer: mergedOptions.getPopupContainer
154
- }, /*#__PURE__*/React.createElement(UniqueBody, {
154
+ }, /*#__PURE__*/React.createElement(UniqueContainer, {
155
155
  prefixCls: prefixCls,
156
156
  isMobile: false,
157
157
  ready: ready,
@@ -167,8 +167,8 @@ const UniqueProvider = ({
167
167
  },
168
168
  popupSize: popupSize,
169
169
  motion: mergedOptions.popupMotion,
170
- uniqueBgClassName: classNames(mergedOptions.uniqueBgClassName, alignedClassName),
171
- uniqueBgStyle: mergedOptions.uniqueBgStyle
170
+ uniqueContainerClassName: classNames(mergedOptions.uniqueContainerClassName, alignedClassName),
171
+ uniqueContainerStyle: mergedOptions.uniqueContainerStyle
172
172
  }))));
173
173
  };
174
174
  export default UniqueProvider;
package/es/context.d.ts CHANGED
@@ -14,8 +14,8 @@ export interface UniqueShowOptions {
14
14
  delay: number;
15
15
  prefixCls?: string;
16
16
  popupClassName?: string;
17
- uniqueBgClassName?: string;
18
- uniqueBgStyle?: React.CSSProperties;
17
+ uniqueContainerClassName?: string;
18
+ uniqueContainerStyle?: React.CSSProperties;
19
19
  popupStyle?: React.CSSProperties;
20
20
  popupPlacement?: string;
21
21
  builtinPlacements?: BuildInPlacements;
package/es/index.d.ts CHANGED
@@ -46,10 +46,10 @@ export interface TriggerProps {
46
46
  builtinPlacements?: BuildInPlacements;
47
47
  popupAlign?: AlignType;
48
48
  popupClassName?: string;
49
- /** Pass to `UniqueProvider` FloatBg */
50
- uniqueBgClassName?: string;
51
- /** Pass to `UniqueProvider` FloatBg */
52
- uniqueBgStyle?: React.CSSProperties;
49
+ /** Pass to `UniqueProvider` UniqueContainer */
50
+ uniqueContainerClassName?: string;
51
+ /** Pass to `UniqueProvider` UniqueContainer */
52
+ uniqueContainerStyle?: React.CSSProperties;
53
53
  popupStyle?: React.CSSProperties;
54
54
  getPopupClassNameFromAlign?: (align: AlignType) => string;
55
55
  onPopupClick?: React.MouseEventHandler<HTMLDivElement>;
package/es/index.js CHANGED
@@ -55,8 +55,8 @@ export function generateTrigger(PortalComponent = Portal) {
55
55
  // Popup
56
56
  popup,
57
57
  popupClassName,
58
- uniqueBgClassName,
59
- uniqueBgStyle,
58
+ uniqueContainerClassName,
59
+ uniqueContainerStyle,
60
60
  popupStyle,
61
61
  popupPlacement,
62
62
  builtinPlacements = {},
@@ -167,8 +167,8 @@ export function generateTrigger(PortalComponent = Portal) {
167
167
  delay,
168
168
  prefixCls,
169
169
  popupClassName,
170
- uniqueBgClassName,
171
- uniqueBgStyle,
170
+ uniqueContainerClassName,
171
+ uniqueContainerStyle,
172
172
  popupStyle,
173
173
  popupPlacement,
174
174
  builtinPlacements,
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import type { CSSMotionProps } from '@rc-component/motion';
3
3
  import type { AlignType, ArrowPos } from '../interface';
4
- export interface UniqueBodyProps {
4
+ export interface UniqueContainerProps {
5
5
  prefixCls: string;
6
6
  isMobile: boolean;
7
7
  ready: boolean;
@@ -17,8 +17,8 @@ export interface UniqueBodyProps {
17
17
  height: number;
18
18
  };
19
19
  motion?: CSSMotionProps;
20
- uniqueBgClassName?: string;
21
- uniqueBgStyle?: React.CSSProperties;
20
+ uniqueContainerClassName?: string;
21
+ uniqueContainerStyle?: React.CSSProperties;
22
22
  }
23
- declare const UniqueBody: (props: UniqueBodyProps) => React.JSX.Element;
24
- export default UniqueBody;
23
+ declare const UniqueContainer: (props: UniqueContainerProps) => React.JSX.Element;
24
+ export default UniqueContainer;
@@ -10,7 +10,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
10
10
  var _motion = _interopRequireDefault(require("@rc-component/motion"));
11
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
12
  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); }
13
- const UniqueBody = props => {
13
+ const UniqueContainer = props => {
14
14
  const {
15
15
  prefixCls,
16
16
  isMobile,
@@ -24,10 +24,10 @@ const UniqueBody = props => {
24
24
  arrowPos,
25
25
  popupSize,
26
26
  motion,
27
- uniqueBgClassName,
28
- uniqueBgStyle
27
+ uniqueContainerClassName,
28
+ uniqueContainerStyle
29
29
  } = props;
30
- const bodyCls = `${prefixCls}-unique-body`;
30
+ const containerCls = `${prefixCls}-unique-container`;
31
31
  const [motionVisible, setMotionVisible] = _react.default.useState(false);
32
32
 
33
33
  // ========================= Styles =========================
@@ -54,7 +54,7 @@ const UniqueBody = props => {
54
54
  motionEnter: true,
55
55
  motionLeave: true,
56
56
  removeOnLeave: false,
57
- leavedClassName: `${bodyCls}-hidden`
57
+ leavedClassName: `${containerCls}-hidden`
58
58
  }, motion, {
59
59
  visible: open,
60
60
  onVisibleChanged: nextVisible => {
@@ -64,8 +64,8 @@ const UniqueBody = props => {
64
64
  className: motionClassName,
65
65
  style: motionStyle
66
66
  }) => {
67
- const cls = (0, _classnames.default)(bodyCls, motionClassName, uniqueBgClassName, {
68
- [`${bodyCls}-visible`]: motionVisible
67
+ const cls = (0, _classnames.default)(containerCls, motionClassName, uniqueContainerClassName, {
68
+ [`${containerCls}-visible`]: motionVisible
69
69
  });
70
70
  return /*#__PURE__*/_react.default.createElement("div", {
71
71
  className: cls,
@@ -75,9 +75,9 @@ const UniqueBody = props => {
75
75
  ...cachedOffsetStyleRef.current,
76
76
  ...sizeStyle,
77
77
  ...motionStyle,
78
- ...uniqueBgStyle
78
+ ...uniqueContainerStyle
79
79
  }
80
80
  });
81
81
  });
82
82
  };
83
- var _default = exports.default = UniqueBody;
83
+ var _default = exports.default = UniqueContainer;
@@ -13,7 +13,7 @@ var _Popup = _interopRequireDefault(require("../Popup"));
13
13
  var _util = require("@rc-component/util");
14
14
  var _useTargetState = _interopRequireDefault(require("./useTargetState"));
15
15
  var _findDOMNode = require("@rc-component/util/lib/Dom/findDOMNode");
16
- var _UniqueBody = _interopRequireDefault(require("./UniqueBody"));
16
+ var _UniqueContainer = _interopRequireDefault(require("./UniqueContainer"));
17
17
  var _classnames = _interopRequireDefault(require("classnames"));
18
18
  var _util2 = require("../util");
19
19
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -160,7 +160,7 @@ const UniqueProvider = ({
160
160
  motion: mergedOptions.popupMotion,
161
161
  maskMotion: mergedOptions.maskMotion,
162
162
  getPopupContainer: mergedOptions.getPopupContainer
163
- }, /*#__PURE__*/React.createElement(_UniqueBody.default, {
163
+ }, /*#__PURE__*/React.createElement(_UniqueContainer.default, {
164
164
  prefixCls: prefixCls,
165
165
  isMobile: false,
166
166
  ready: ready,
@@ -176,8 +176,8 @@ const UniqueProvider = ({
176
176
  },
177
177
  popupSize: popupSize,
178
178
  motion: mergedOptions.popupMotion,
179
- uniqueBgClassName: (0, _classnames.default)(mergedOptions.uniqueBgClassName, alignedClassName),
180
- uniqueBgStyle: mergedOptions.uniqueBgStyle
179
+ uniqueContainerClassName: (0, _classnames.default)(mergedOptions.uniqueContainerClassName, alignedClassName),
180
+ uniqueContainerStyle: mergedOptions.uniqueContainerStyle
181
181
  }))));
182
182
  };
183
183
  var _default = exports.default = UniqueProvider;
package/lib/context.d.ts CHANGED
@@ -14,8 +14,8 @@ export interface UniqueShowOptions {
14
14
  delay: number;
15
15
  prefixCls?: string;
16
16
  popupClassName?: string;
17
- uniqueBgClassName?: string;
18
- uniqueBgStyle?: React.CSSProperties;
17
+ uniqueContainerClassName?: string;
18
+ uniqueContainerStyle?: React.CSSProperties;
19
19
  popupStyle?: React.CSSProperties;
20
20
  popupPlacement?: string;
21
21
  builtinPlacements?: BuildInPlacements;
package/lib/index.d.ts CHANGED
@@ -46,10 +46,10 @@ export interface TriggerProps {
46
46
  builtinPlacements?: BuildInPlacements;
47
47
  popupAlign?: AlignType;
48
48
  popupClassName?: string;
49
- /** Pass to `UniqueProvider` FloatBg */
50
- uniqueBgClassName?: string;
51
- /** Pass to `UniqueProvider` FloatBg */
52
- uniqueBgStyle?: React.CSSProperties;
49
+ /** Pass to `UniqueProvider` UniqueContainer */
50
+ uniqueContainerClassName?: string;
51
+ /** Pass to `UniqueProvider` UniqueContainer */
52
+ uniqueContainerStyle?: React.CSSProperties;
53
53
  popupStyle?: React.CSSProperties;
54
54
  getPopupClassNameFromAlign?: (align: AlignType) => string;
55
55
  onPopupClick?: React.MouseEventHandler<HTMLDivElement>;
package/lib/index.js CHANGED
@@ -69,8 +69,8 @@ function generateTrigger(PortalComponent = _portal.default) {
69
69
  // Popup
70
70
  popup,
71
71
  popupClassName,
72
- uniqueBgClassName,
73
- uniqueBgStyle,
72
+ uniqueContainerClassName,
73
+ uniqueContainerStyle,
74
74
  popupStyle,
75
75
  popupPlacement,
76
76
  builtinPlacements = {},
@@ -181,8 +181,8 @@ function generateTrigger(PortalComponent = _portal.default) {
181
181
  delay,
182
182
  prefixCls,
183
183
  popupClassName,
184
- uniqueBgClassName,
185
- uniqueBgStyle,
184
+ uniqueContainerClassName,
185
+ uniqueContainerStyle,
186
186
  popupStyle,
187
187
  popupPlacement,
188
188
  builtinPlacements,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rc-component/trigger",
3
- "version": "3.6.14",
3
+ "version": "3.6.15",
4
4
  "description": "base abstract trigger component for react",
5
5
  "engines": {
6
6
  "node": ">=8.x"