@rc-component/trigger 3.6.6 → 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.
- package/assets/index.css +3 -3
- package/assets/index.less +2 -2
- package/es/UniqueProvider/{FloatBg.d.ts → UniqueBody.d.ts} +3 -3
- package/es/UniqueProvider/{FloatBg.js → UniqueBody.js} +6 -6
- package/es/UniqueProvider/index.js +2 -2
- package/es/mock.d.ts +2 -0
- package/es/mock.js +3 -2
- package/lib/UniqueProvider/{FloatBg.d.ts → UniqueBody.d.ts} +3 -3
- package/lib/UniqueProvider/{FloatBg.js → UniqueBody.js} +6 -6
- package/lib/UniqueProvider/index.js +2 -2
- package/lib/mock.d.ts +2 -0
- package/lib/mock.js +6 -0
- 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-
|
|
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-
|
|
72
|
+
.rc-trigger-popup-unique-body-hidden {
|
|
73
73
|
display: none;
|
|
74
74
|
}
|
|
75
|
-
.rc-trigger-popup-
|
|
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
|
@@ -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
|
|
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
|
|
23
|
-
export default
|
|
22
|
+
declare const UniqueBody: (props: UniqueBodyProps) => React.JSX.Element;
|
|
23
|
+
export default UniqueBody;
|
|
@@ -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
|
|
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
|
|
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: `${
|
|
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(
|
|
52
|
-
[`${
|
|
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
|
|
65
|
+
export default UniqueBody;
|
|
@@ -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
|
|
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(
|
|
140
|
+
}, /*#__PURE__*/React.createElement(UniqueBody, {
|
|
141
141
|
prefixCls: prefixCls,
|
|
142
142
|
isMobile: false,
|
|
143
143
|
ready: ready,
|
package/es/mock.d.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { UniqueProvider } from './index';
|
|
2
3
|
declare const _default: React.ForwardRefExoticComponent<import("./index").TriggerProps & React.RefAttributes<import("./index").TriggerRef>>;
|
|
3
4
|
export default _default;
|
|
5
|
+
export { UniqueProvider };
|
package/es/mock.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { generateTrigger } from "./index";
|
|
2
|
+
import { generateTrigger, UniqueProvider } from "./index";
|
|
3
3
|
const MockPortal = ({
|
|
4
4
|
open,
|
|
5
5
|
autoDestroy,
|
|
@@ -19,4 +19,5 @@ const MockPortal = ({
|
|
|
19
19
|
}, [open, autoDestroy]);
|
|
20
20
|
return visible ? children : null;
|
|
21
21
|
};
|
|
22
|
-
export default generateTrigger(MockPortal);
|
|
22
|
+
export default generateTrigger(MockPortal);
|
|
23
|
+
export { UniqueProvider };
|
|
@@ -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
|
|
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
|
|
23
|
-
export default
|
|
22
|
+
declare const UniqueBody: (props: UniqueBodyProps) => React.JSX.Element;
|
|
23
|
+
export default UniqueBody;
|
|
@@ -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
|
|
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
|
|
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: `${
|
|
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)(
|
|
59
|
-
[`${
|
|
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 =
|
|
72
|
+
var _default = exports.default = UniqueBody;
|
|
@@ -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
|
|
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(
|
|
149
|
+
}, /*#__PURE__*/React.createElement(_UniqueBody.default, {
|
|
150
150
|
prefixCls: prefixCls,
|
|
151
151
|
isMobile: false,
|
|
152
152
|
ready: ready,
|
package/lib/mock.d.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { UniqueProvider } from './index';
|
|
2
3
|
declare const _default: React.ForwardRefExoticComponent<import("./index").TriggerProps & React.RefAttributes<import("./index").TriggerRef>>;
|
|
3
4
|
export default _default;
|
|
5
|
+
export { UniqueProvider };
|
package/lib/mock.js
CHANGED
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
Object.defineProperty(exports, "UniqueProvider", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _index.UniqueProvider;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
6
12
|
exports.default = void 0;
|
|
7
13
|
var React = _interopRequireWildcard(require("react"));
|
|
8
14
|
var _index = require("./index");
|