@rc-component/trigger 3.6.7 → 3.6.8

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.
Files changed (9) hide show
  1. package/assets/index.css +3 -3
  2. package/assets/index.less +2 -2
  3. package/es/UniqueProvider/{FloatBg.d.ts → UniqueBody.d.ts} +3 -3
  4. package/es/UniqueProvider/{FloatBg.js → UniqueBody.js} +6 -6
  5. package/es/UniqueProvider/index.js +2 -2
  6. package/lib/UniqueProvider/{FloatBg.d.ts → UniqueBody.d.ts} +3 -3
  7. package/lib/UniqueProvider/{FloatBg.js → UniqueBody.js} +6 -6
  8. package/lib/UniqueProvider/index.js +2 -2
  9. package/package.json +1 -1
package/assets/index.css CHANGED
@@ -62,17 +62,17 @@
62
62
  opacity: 0;
63
63
  }
64
64
  }
65
- .rc-trigger-popup-float-bg {
65
+ .rc-trigger-popup-unique-body {
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-float-bg-hidden {
72
+ .rc-trigger-popup-unique-body-hidden {
73
73
  display: none;
74
74
  }
75
- .rc-trigger-popup-float-bg-visible {
75
+ .rc-trigger-popup-unique-body-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
- // =============== Float BG ===============
78
- &-float-bg {
77
+ // =============== Unique Body ===============
78
+ &-unique-body {
79
79
  position: absolute;
80
80
  z-index: 0;
81
81
  box-sizing: border-box;
package/es/UniqueProvider/{FloatBg.d.ts → UniqueBody.d.ts} RENAMED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import type { CSSMotionProps } from '@rc-component/motion';
3
3
  import type { AlignType } from '../interface';
4
- export interface FloatBgProps {
4
+ export interface UniqueBodyProps {
5
5
  prefixCls: string;
6
6
  isMobile: boolean;
7
7
  ready: boolean;
@@ -19,5 +19,5 @@ export interface FloatBgProps {
19
19
  uniqueBgClassName?: string;
20
20
  uniqueBgStyle?: React.CSSProperties;
21
21
  }
22
- declare const FloatBg: (props: FloatBgProps) => React.JSX.Element;
23
- export default FloatBg;
22
+ declare const UniqueBody: (props: UniqueBodyProps) => React.JSX.Element;
23
+ export default UniqueBody;
package/es/UniqueProvider/{FloatBg.js → UniqueBody.js} RENAMED
@@ -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 FloatBg = props => {
6
+ const UniqueBody = props => {
7
7
  const {
8
8
  prefixCls,
9
9
  isMobile,
@@ -19,7 +19,7 @@ const FloatBg = props => {
19
19
  uniqueBgClassName,
20
20
  uniqueBgStyle
21
21
  } = props;
22
- const floatBgCls = `${prefixCls}-float-bg`;
22
+ const bodyCls = `${prefixCls}-unique-body`;
23
23
  const [motionVisible, setMotionVisible] = React.useState(false);
24
24
 
25
25
  // ========================= Styles =========================
@@ -38,7 +38,7 @@ const FloatBg = props => {
38
38
  motionEnter: true,
39
39
  motionLeave: true,
40
40
  removeOnLeave: false,
41
- leavedClassName: `${floatBgCls}-hidden`
41
+ leavedClassName: `${bodyCls}-hidden`
42
42
  }, motion, {
43
43
  visible: open,
44
44
  onVisibleChanged: nextVisible => {
@@ -48,8 +48,8 @@ const FloatBg = props => {
48
48
  className: motionClassName,
49
49
  style: motionStyle
50
50
  }) => {
51
- const cls = classNames(floatBgCls, motionClassName, uniqueBgClassName, {
52
- [`${floatBgCls}-visible`]: motionVisible
51
+ const cls = classNames(bodyCls, motionClassName, uniqueBgClassName, {
52
+ [`${bodyCls}-visible`]: motionVisible
53
53
  });
54
54
  return /*#__PURE__*/React.createElement("div", {
55
55
  className: cls,
@@ -62,4 +62,4 @@ const FloatBg = props => {
62
62
  });
63
63
  });
64
64
  };
65
- export default FloatBg;
65
+ export default UniqueBody;
package/es/UniqueProvider/index.js CHANGED
@@ -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 FloatBg from "./FloatBg";
10
+ import UniqueBody from "./UniqueBody";
11
11
  import classNames from 'classnames';
12
12
  import { getAlignPopupClassName } from "../util";
13
13
  const UniqueProvider = ({
@@ -137,7 +137,7 @@ const UniqueProvider = ({
137
137
  motion: options.popupMotion,
138
138
  maskMotion: options.maskMotion
139
139
  // getPopupContainer={options.getPopupContainer}
140
- }, /*#__PURE__*/React.createElement(FloatBg, {
140
+ }, /*#__PURE__*/React.createElement(UniqueBody, {
141
141
  prefixCls: prefixCls,
142
142
  isMobile: false,
143
143
  ready: ready,
package/lib/UniqueProvider/{FloatBg.d.ts → UniqueBody.d.ts} RENAMED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import type { CSSMotionProps } from '@rc-component/motion';
3
3
  import type { AlignType } from '../interface';
4
- export interface FloatBgProps {
4
+ export interface UniqueBodyProps {
5
5
  prefixCls: string;
6
6
  isMobile: boolean;
7
7
  ready: boolean;
@@ -19,5 +19,5 @@ export interface FloatBgProps {
19
19
  uniqueBgClassName?: string;
20
20
  uniqueBgStyle?: React.CSSProperties;
21
21
  }
22
- declare const FloatBg: (props: FloatBgProps) => React.JSX.Element;
23
- export default FloatBg;
22
+ declare const UniqueBody: (props: UniqueBodyProps) => React.JSX.Element;
23
+ export default UniqueBody;
package/lib/UniqueProvider/{FloatBg.js → UniqueBody.js} RENAMED
@@ -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 FloatBg = props => {
13
+ const UniqueBody = props => {
14
14
  const {
15
15
  prefixCls,
16
16
  isMobile,
@@ -26,7 +26,7 @@ const FloatBg = props => {
26
26
  uniqueBgClassName,
27
27
  uniqueBgStyle
28
28
  } = props;
29
- const floatBgCls = `${prefixCls}-float-bg`;
29
+ const bodyCls = `${prefixCls}-unique-body`;
30
30
  const [motionVisible, setMotionVisible] = _react.default.useState(false);
31
31
 
32
32
  // ========================= Styles =========================
@@ -45,7 +45,7 @@ const FloatBg = props => {
45
45
  motionEnter: true,
46
46
  motionLeave: true,
47
47
  removeOnLeave: false,
48
- leavedClassName: `${floatBgCls}-hidden`
48
+ leavedClassName: `${bodyCls}-hidden`
49
49
  }, motion, {
50
50
  visible: open,
51
51
  onVisibleChanged: nextVisible => {
@@ -55,8 +55,8 @@ const FloatBg = props => {
55
55
  className: motionClassName,
56
56
  style: motionStyle
57
57
  }) => {
58
- const cls = (0, _classnames.default)(floatBgCls, motionClassName, uniqueBgClassName, {
59
- [`${floatBgCls}-visible`]: motionVisible
58
+ const cls = (0, _classnames.default)(bodyCls, motionClassName, uniqueBgClassName, {
59
+ [`${bodyCls}-visible`]: motionVisible
60
60
  });
61
61
  return /*#__PURE__*/_react.default.createElement("div", {
62
62
  className: cls,
@@ -69,4 +69,4 @@ const FloatBg = props => {
69
69
  });
70
70
  });
71
71
  };
72
- var _default = exports.default = FloatBg;
72
+ var _default = exports.default = UniqueBody;
package/lib/UniqueProvider/index.js CHANGED
@@ -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 _FloatBg = _interopRequireDefault(require("./FloatBg"));
16
+ var _UniqueBody = _interopRequireDefault(require("./UniqueBody"));
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 }; }
@@ -146,7 +146,7 @@ const UniqueProvider = ({
146
146
  motion: options.popupMotion,
147
147
  maskMotion: options.maskMotion
148
148
  // getPopupContainer={options.getPopupContainer}
149
- }, /*#__PURE__*/React.createElement(_FloatBg.default, {
149
+ }, /*#__PURE__*/React.createElement(_UniqueBody.default, {
150
150
  prefixCls: prefixCls,
151
151
  isMobile: false,
152
152
  ready: ready,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rc-component/trigger",
3
- "version": "3.6.7",
3
+ "version": "3.6.8",
4
4
  "description": "base abstract trigger component for react",
5
5
  "engines": {
6
6
  "node": ">=8.x"