Customer_Gateway/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add all frontend files

Browse Source
This commit is contained in:
Edwin Eames
2026-01-17 15:16:36 -05:00
parent ff16ae7858
commit e40287e4aa
25704 changed files with 1935289 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
node_modules/@rc-component/trigger/LICENSE generated vendored Normal file
View File

@@ -0,0 +1,20 @@
The MIT License (MIT)
Copyright (c) 2015-present Alipay.com, https://www.alipay.com/
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

258
node_modules/@rc-component/trigger/README.md generated vendored Normal file
View File

@@ -0,0 +1,258 @@
# @rc-component/trigger
React Trigger Component
[![NPM version][npm-image]][npm-url]
[![npm download][download-image]][download-url]
[![build status][github-actions-image]][github-actions-url]
[![Test coverage][codecov-image]][codecov-url]
[![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
[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
[david-image]: https://david-dm.org/react-component/trigger/status.svg?style=flat-square
[david-dev-url]: https://david-dm.org/react-component/trigger?type=dev
[david-dev-image]: https://david-dm.org/react-component/trigger/dev-status.svg?style=flat-square
[download-image]: https://img.shields.io/npm/dm/@rc-component/trigger.svg?style=flat-square
[download-url]: https://npmjs.org/package/@rc-component/trigger
[bundlephobia-url]: https://bundlephobia.com/result?p=@rc-component/trigger
[bundlephobia-image]: https://badgen.net/bundlephobia/minzip/@rc-component/trigger
[dumi-image]: https://img.shields.io/badge/docs%20by-dumi-blue?style=flat-square
[dumi-url]: https://github.com/umijs/dumi
## Install
[![@rc-component/trigger](https://nodei.co/npm/@rc-component/trigger.png)](https://npmjs.org/package/@rc-component/trigger)
## Usage
Include the default [styling](https://github.com/react-component/trigger/blob/master/assets/index.less#L4:L11) and then:
```js
import React from 'react';
import ReactDOM from 'react-dom';
import Trigger from '@rc-component/trigger';
ReactDOM.render(
<Trigger
action={['click']}
popup={<span>popup</span>}
popupAlign={{
points: ['tl', 'bl'],
offset: [0, 3],
}}
>
<a href="#">hover</a>
</Trigger>,
container,
);
```
## Compatibility
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Electron |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
## Example
http://localhost:9001
## Development
```
npm install
npm start
```
## API
### props
<table class="table table-bordered table-striped">
<thead>
<tr>
<th style="width: 100px;">name</th>
<th style="width: 50px;">type</th>
<th style="width: 50px;">default</th>
<th>description</th>
</tr>
</thead>
<tbody>
<tr>
<td>alignPoint</td>
<td>bool</td>
<td>false</td>
<td>Popup will align with mouse position (support action of 'click', 'hover' and 'contextMenu')</td>
</tr>
<tr>
<td>popupClassName</td>
<td>string</td>
<td></td>
<td>additional className added to popup</td>
</tr>
<tr>
<td>forceRender</td>
<td>boolean</td>
<td>false</td>
<td>whether render popup before first show</td>
</tr>
<tr>
<td>destroyPopupOnHide</td>
<td>boolean</td>
<td>false</td>
<td>whether destroy popup when hide</td>
</tr>
<tr>
<td>getPopupClassNameFromAlign</td>
<td>getPopupClassNameFromAlign(align: Object):String</td>
<td></td>
<td>additional className added to popup according to align</td>
</tr>
<tr>
<td>action</td>
<td>string[]</td>
<td>['hover']</td>
<td>which actions cause popup shown. enum of 'hover','click','focus','contextMenu'</td>
</tr>
<tr>
<td>mouseEnterDelay</td>
<td>number</td>
<td>0</td>
<td>delay time to show when mouse enter. unit: s.</td>
</tr>
<tr>
<td>mouseLeaveDelay</td>
<td>number</td>
<td>0.1</td>
<td>delay time to hide when mouse leave. unit: s.</td>
</tr>
<tr>
<td>popupStyle</td>
<td>Object</td>
<td></td>
<td>additional style of popup</td>
</tr>
<tr>
<td>prefixCls</td>
<td>String</td>
<td>rc-trigger-popup</td>
<td>prefix class name</td>
</tr>
<tr>
<td>popupTransitionName</td>
<td>String|Object</td>
<td></td>
<td>https://github.com/react-component/animate</td>
</tr>
<tr>
<td>maskTransitionName</td>
<td>String|Object</td>
<td></td>
<td>https://github.com/react-component/animate</td>
</tr>
<tr>
<td>onPopupVisibleChange</td>
<td>Function</td>
<td></td>
<td>call when popup visible is changed</td>
</tr>
<tr>
<td>mask</td>
<td>boolean</td>
<td>false</td>
<td>whether to support mask</td>
</tr>
<tr>
<td>maskClosable</td>
<td>boolean</td>
<td>true</td>
<td>whether to support click mask to hide</td>
</tr>
<tr>
<td>popupVisible</td>
<td>boolean</td>
<td></td>
<td>whether popup is visible</td>
</tr>
<tr>
<td>zIndex</td>
<td>number</td>
<td></td>
<td>popup's zIndex</td>
</tr>
<tr>
<td>defaultPopupVisible</td>
<td>boolean</td>
<td></td>
<td>whether popup is visible initially</td>
</tr>
<tr>
<td>popupAlign</td>
<td>Object: alignConfig of [dom-align](https://github.com/yiminghe/dom-align)</td>
<td></td>
<td>popup 's align config</td>
</tr>
<tr>
<td>onPopupAlign</td>
<td>function(popupDomNode, align)</td>
<td></td>
<td>callback when popup node is aligned</td>
</tr>
<tr>
<td>popup</td>
<td>React.Element | function() => React.Element</td>
<td></td>
<td>popup content</td>
</tr>
<tr>
<td>getPopupContainer</td>
<td>getPopupContainer(): HTMLElement</td>
<td></td>
<td>function returning html node which will act as popup container</td>
</tr>
<tr>
<td>getDocument</td>
<td>getDocument(): HTMLElement</td>
<td></td>
<td>function returning document node which will be attached click event to close trigger</td>
</tr>
<tr>
<td>popupPlacement</td>
<td>string</td>
<td></td>
<td>use preset popup align config from builtinPlacements, can be merged by popupAlign prop</td>
</tr>
<tr>
<td>builtinPlacements</td>
<td>object</td>
<td></td>
<td>builtin placement align map. used by placement prop</td>
</tr>
<tr>
<td>stretch</td>
<td>string</td>
<td></td>
<td>Let popup div stretch with trigger element. enums of 'width', 'minWidth', 'height', 'minHeight'. (You can also mixed with 'height minWidth')</td>
</tr>
</tbody>
</table>
## Test Case
```
npm test
npm run coverage
```
open coverage/ dir
## License
rc-trigger is released under the MIT license.

133
node_modules/@rc-component/trigger/assets/index.css generated vendored Normal file
View File

@@ -0,0 +1,133 @@
.rc-trigger-popup {
position: absolute;
top: -9999px;
left: -9999px;
z-index: 1050;
}
.rc-trigger-popup-hidden {
display: none;
}
.rc-trigger-popup-zoom-enter,
.rc-trigger-popup-zoom-appear {
opacity: 0;
animation-play-state: paused;
animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
animation-duration: 0.3s;
animation-fill-mode: both;
}
.rc-trigger-popup-zoom-leave {
animation-duration: 0.3s;
animation-fill-mode: both;
animation-play-state: paused;
animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
}
.rc-trigger-popup-zoom-enter.rc-trigger-popup-zoom-enter-active,
.rc-trigger-popup-zoom-appear.rc-trigger-popup-zoom-appear-active {
animation-name: rcTriggerZoomIn;
animation-play-state: running;
}
.rc-trigger-popup-zoom-leave.rc-trigger-popup-zoom-leave-active {
animation-name: rcTriggerZoomOut;
animation-play-state: running;
}
.rc-trigger-popup-arrow {
z-index: 1;
width: 0px;
height: 0px;
background: #000;
border-radius: 100vw;
box-shadow: 0 0 0 3px black;
}
@keyframes rcTriggerZoomIn {
0% {
transform: scale(0, 0);
transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
opacity: 0;
}
100% {
transform: scale(1, 1);
transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
opacity: 1;
}
}
@keyframes rcTriggerZoomOut {
0% {
transform: scale(1, 1);
transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
opacity: 1;
}
100% {
transform: scale(0, 0);
transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
opacity: 0;
}
}
.rc-trigger-popup-mask {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: #373737;
background-color: rgba(55, 55, 55, 0.6);
height: 100%;
filter: alpha(opacity=50);
z-index: 1050;
}
.rc-trigger-popup-mask-hidden {
display: none;
}
.rc-trigger-popup-fade-enter,
.rc-trigger-popup-fade-appear {
opacity: 0;
animation-duration: 0.3s;
animation-fill-mode: both;
animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
animation-play-state: paused;
}
.rc-trigger-popup-fade-leave {
animation-duration: 0.3s;
animation-fill-mode: both;
animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
animation-play-state: paused;
}
.rc-trigger-popup-fade-enter.rc-trigger-popup-fade-enter-active,
.rc-trigger-popup-fade-appear.rc-trigger-popup-fade-appear-active {
animation-name: rcTriggerMaskFadeIn;
animation-play-state: running;
}
.rc-trigger-popup-fade-leave.rc-trigger-popup-fade-leave-active {
animation-name: rcDialogFadeOut;
animation-play-state: running;
}
@keyframes rcTriggerMaskFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes rcDialogFadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.rc-trigger-popup-mobile {
transition: all 0.3s;
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: auto;
}
.rc-trigger-popup-mobile-fade-appear-start,
.rc-trigger-popup-mobile-fade-enter-start {
transform: translateY(100%);
}
.rc-trigger-popup-mobile-fade-leave-active {
transform: translateY(100%);
}

79
node_modules/@rc-component/trigger/assets/index.less generated vendored Normal file
View File

@@ -0,0 +1,79 @@
@triggerPrefixCls: rc-trigger-popup;
.@{triggerPrefixCls} {
position: absolute;
top: -9999px;
left: -9999px;
z-index: 1050;
&-hidden {
display: none;
}
.effect() {
animation-duration: 0.3s;
animation-fill-mode: both;
}
&-zoom-enter,
&-zoom-appear {
opacity: 0;
animation-play-state: paused;
animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
.effect();
}
&-zoom-leave {
.effect();
animation-play-state: paused;
animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
}
&-zoom-enter&-zoom-enter-active,
&-zoom-appear&-zoom-appear-active {
animation-name: rcTriggerZoomIn;
animation-play-state: running;
}
&-zoom-leave&-zoom-leave-active {
animation-name: rcTriggerZoomOut;
animation-play-state: running;
}
&-arrow {
z-index: 1;
width: 0px;
height: 0px;
background: #000;
border-radius: 100vw;
box-shadow: 0 0 0 3px black;
}
@keyframes rcTriggerZoomIn {
0% {
transform: scale(0, 0);
transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
opacity: 0;
}
100% {
transform: scale(1, 1);
transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
opacity: 1;
}
}
@keyframes rcTriggerZoomOut {
0% {
transform: scale(1, 1);
transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
opacity: 1;
}
100% {
transform: scale(0, 0);
transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%);
opacity: 0;
}
}
}
@import './index/Mask';
@import './index/Mobile';

65
node_modules/@rc-component/trigger/assets/index/Mask.less generated vendored Normal file
View File

@@ -0,0 +1,65 @@
.@{triggerPrefixCls} {
&-mask {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: rgb(55, 55, 55);
background-color: rgba(55, 55, 55, 0.6);
height: 100%;
filter: alpha(opacity=50);
z-index: 1050;
&-hidden {
display: none;
}
}
.fade-effect() {
animation-duration: 0.3s;
animation-fill-mode: both;
animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
}
&-fade-enter,
&-fade-appear {
opacity: 0;
.fade-effect();
animation-play-state: paused;
}
&-fade-leave {
.fade-effect();
animation-play-state: paused;
}
&-fade-enter&-fade-enter-active,
&-fade-appear&-fade-appear-active {
animation-name: rcTriggerMaskFadeIn;
animation-play-state: running;
}
&-fade-leave&-fade-leave-active {
animation-name: rcDialogFadeOut;
animation-play-state: running;
}
@keyframes rcTriggerMaskFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes rcDialogFadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
}

25
node_modules/@rc-component/trigger/assets/index/Mobile.less generated vendored Normal file
View File

@@ -0,0 +1,25 @@
.@{triggerPrefixCls} {
&-mobile {
transition: all 0.3s;
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: auto;
&-fade {
&-appear,
&-enter {
&-start {
transform: translateY(100%);
}
}
&-leave {
&-active {
transform: translateY(100%);
}
}
}
}
}

9
node_modules/@rc-component/trigger/es/Popup/Arrow.d.ts generated vendored Normal file
View File

@@ -0,0 +1,9 @@
import * as React from 'react';
import type { AlignType, ArrowPos, ArrowTypeOuter } from '../interface';
export interface ArrowProps {
prefixCls: string;
align: AlignType;
arrow: ArrowTypeOuter;
arrowPos: ArrowPos;
}
export default function Arrow(props: ArrowProps): React.JSX.Element;

57
node_modules/@rc-component/trigger/es/Popup/Arrow.js generated vendored Normal file
View File

@@ -0,0 +1,57 @@
import classNames from 'classnames';
import * as React from 'react';
export default function Arrow(props) {
var prefixCls = props.prefixCls,
align = props.align,
arrow = props.arrow,
arrowPos = props.arrowPos;
var _ref = arrow || {},
className = _ref.className,
content = _ref.content;
var _arrowPos$x = arrowPos.x,
x = _arrowPos$x === void 0 ? 0 : _arrowPos$x,
_arrowPos$y = arrowPos.y,
y = _arrowPos$y === void 0 ? 0 : _arrowPos$y;
var arrowRef = React.useRef();
// Skip if no align
if (!align || !align.points) {
return null;
}
var alignStyle = {
position: 'absolute'
};
// Skip if no need to align
if (align.autoArrow !== false) {
var popupPoints = align.points[0];
var targetPoints = align.points[1];
var popupTB = popupPoints[0];
var popupLR = popupPoints[1];
var targetTB = targetPoints[0];
var targetLR = targetPoints[1];
// Top & Bottom
if (popupTB === targetTB || !['t', 'b'].includes(popupTB)) {
alignStyle.top = y;
} else if (popupTB === 't') {
alignStyle.top = 0;
} else {
alignStyle.bottom = 0;
}
// Left & Right
if (popupLR === targetLR || !['l', 'r'].includes(popupLR)) {
alignStyle.left = x;
} else if (popupLR === 'l') {
alignStyle.left = 0;
} else {
alignStyle.right = 0;
}
}
return /*#__PURE__*/React.createElement("div", {
ref: arrowRef,
className: classNames("".concat(prefixCls, "-arrow"), className),
style: alignStyle
}, content);
}

10
node_modules/@rc-component/trigger/es/Popup/Mask.d.ts generated vendored Normal file
View File

@@ -0,0 +1,10 @@
import type { CSSMotionProps } from 'rc-motion';
import * as React from 'react';
export interface MaskProps {
prefixCls: string;
open?: boolean;
zIndex?: number;
mask?: boolean;
motion?: CSSMotionProps;
}
export default function Mask(props: MaskProps): React.JSX.Element;

27
node_modules/@rc-component/trigger/es/Popup/Mask.js generated vendored Normal file
View File

@@ -0,0 +1,27 @@
import _extends from "@babel/runtime/helpers/esm/extends";
import classNames from 'classnames';
import CSSMotion from 'rc-motion';
import * as React from 'react';
export default function Mask(props) {
var prefixCls = props.prefixCls,
open = props.open,
zIndex = props.zIndex,
mask = props.mask,
motion = props.motion;
if (!mask) {
return null;
}
return /*#__PURE__*/React.createElement(CSSMotion, _extends({}, motion, {
motionAppear: true,
visible: open,
removeOnLeave: true
}), function (_ref) {
var className = _ref.className;
return /*#__PURE__*/React.createElement("div", {
style: {
zIndex: zIndex
},
className: classNames("".concat(prefixCls, "-mask"), className)
});
});
}

7
node_modules/@rc-component/trigger/es/Popup/PopupContent.d.ts generated vendored Normal file
View File

@@ -0,0 +1,7 @@
import * as React from 'react';
export interface PopupContentProps {
children?: React.ReactNode;
cache?: boolean;
}
declare const PopupContent: React.MemoExoticComponent<({ children }: PopupContentProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>>;
export default PopupContent;

11
node_modules/@rc-component/trigger/es/Popup/PopupContent.js generated vendored Normal file
View File

@@ -0,0 +1,11 @@
import * as React from 'react';
var PopupContent = /*#__PURE__*/React.memo(function (_ref) {
var children = _ref.children;
return children;
}, function (_, next) {
return next.cache;
});
if (process.env.NODE_ENV !== 'production') {
PopupContent.displayName = 'PopupContent';
}
export default PopupContent;

44
node_modules/@rc-component/trigger/es/Popup/index.d.ts generated vendored Normal file
View File

@@ -0,0 +1,44 @@
import type { CSSMotionProps } from 'rc-motion';
import * as React from 'react';
import type { TriggerProps } from '../';
import type { AlignType, ArrowPos, ArrowTypeOuter } from '../interface';
export interface PopupProps {
prefixCls: string;
className?: string;
style?: React.CSSProperties;
popup?: TriggerProps['popup'];
target: HTMLElement;
onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
onPointerEnter?: React.MouseEventHandler<HTMLDivElement>;
onPointerDownCapture?: React.MouseEventHandler<HTMLDivElement>;
zIndex?: number;
mask?: boolean;
onVisibleChanged: (visible: boolean) => void;
align?: AlignType;
arrow?: ArrowTypeOuter;
arrowPos: ArrowPos;
open: boolean;
/** Tell Portal that should keep in screen. e.g. should wait all motion end */
keepDom: boolean;
fresh?: boolean;
onClick?: React.MouseEventHandler<HTMLDivElement>;
motion?: CSSMotionProps;
maskMotion?: CSSMotionProps;
forceRender?: boolean;
getPopupContainer?: TriggerProps['getPopupContainer'];
autoDestroy?: boolean;
portal: React.ComponentType<any>;
ready: boolean;
offsetX: number;
offsetY: number;
offsetR: number;
offsetB: number;
onAlign: VoidFunction;
onPrepare: () => Promise<void>;
stretch?: string;
targetWidth?: number;
targetHeight?: number;
}
declare const Popup: React.ForwardRefExoticComponent<PopupProps & React.RefAttributes<HTMLDivElement>>;
export default Popup;

187
node_modules/@rc-component/trigger/es/Popup/index.js generated vendored Normal file
View File

@@ -0,0 +1,187 @@
import _extends from "@babel/runtime/helpers/esm/extends";
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
import classNames from 'classnames';
import CSSMotion from 'rc-motion';
import ResizeObserver from 'rc-resize-observer';
import useLayoutEffect from "rc-util/es/hooks/useLayoutEffect";
import { composeRef } from "rc-util/es/ref";
import * as React from 'react';
import Arrow from "./Arrow";
import Mask from "./Mask";
import PopupContent from "./PopupContent";
var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
var popup = props.popup,
className = props.className,
prefixCls = props.prefixCls,
style = props.style,
target = props.target,
_onVisibleChanged = props.onVisibleChanged,
open = props.open,
keepDom = props.keepDom,
fresh = props.fresh,
onClick = props.onClick,
mask = props.mask,
arrow = props.arrow,
arrowPos = props.arrowPos,
align = props.align,
motion = props.motion,
maskMotion = props.maskMotion,
forceRender = props.forceRender,
getPopupContainer = props.getPopupContainer,
autoDestroy = props.autoDestroy,
Portal = props.portal,
zIndex = props.zIndex,
onMouseEnter = props.onMouseEnter,
onMouseLeave = props.onMouseLeave,
onPointerEnter = props.onPointerEnter,
onPointerDownCapture = props.onPointerDownCapture,
ready = props.ready,
offsetX = props.offsetX,
offsetY = props.offsetY,
offsetR = props.offsetR,
offsetB = props.offsetB,
onAlign = props.onAlign,
onPrepare = props.onPrepare,
stretch = props.stretch,
targetWidth = props.targetWidth,
targetHeight = props.targetHeight;
var childNode = typeof popup === 'function' ? popup() : popup;
// We can not remove holder only when motion finished.
var isNodeVisible = open || keepDom;
// ======================= Container ========================
var getPopupContainerNeedParams = (getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer.length) > 0;
var _React$useState = React.useState(!getPopupContainer || !getPopupContainerNeedParams),
_React$useState2 = _slicedToArray(_React$useState, 2),
show = _React$useState2[0],
setShow = _React$useState2[1];
// Delay to show since `getPopupContainer` need target element
useLayoutEffect(function () {
if (!show && getPopupContainerNeedParams && target) {
setShow(true);
}
}, [show, getPopupContainerNeedParams, target]);
// ========================= Render =========================
if (!show) {
return null;
}
// >>>>> Offset
var AUTO = 'auto';
var offsetStyle = {
left: '-1000vw',
top: '-1000vh',
right: AUTO,
bottom: AUTO
};
// Set align style
if (ready || !open) {
var _experimental;
var points = align.points;
var dynamicInset = align.dynamicInset || ((_experimental = align._experimental) === null || _experimental === void 0 ? void 0 : _experimental.dynamicInset);
var alignRight = dynamicInset && points[0][1] === 'r';
var alignBottom = dynamicInset && points[0][0] === 'b';
if (alignRight) {
offsetStyle.right = offsetR;
offsetStyle.left = AUTO;
} else {
offsetStyle.left = offsetX;
offsetStyle.right = AUTO;
}
if (alignBottom) {
offsetStyle.bottom = offsetB;
offsetStyle.top = AUTO;
} else {
offsetStyle.top = offsetY;
offsetStyle.bottom = AUTO;
}
}
// >>>>> Misc
var miscStyle = {};
if (stretch) {
if (stretch.includes('height') && targetHeight) {
miscStyle.height = targetHeight;
} else if (stretch.includes('minHeight') && targetHeight) {
miscStyle.minHeight = targetHeight;
}
if (stretch.includes('width') && targetWidth) {
miscStyle.width = targetWidth;
} else if (stretch.includes('minWidth') && targetWidth) {
miscStyle.minWidth = targetWidth;
}
}
if (!open) {
miscStyle.pointerEvents = 'none';
}
return /*#__PURE__*/React.createElement(Portal, {
open: forceRender || isNodeVisible,
getContainer: getPopupContainer && function () {
return getPopupContainer(target);
},
autoDestroy: autoDestroy
}, /*#__PURE__*/React.createElement(Mask, {
prefixCls: prefixCls,
open: open,
zIndex: zIndex,
mask: mask,
motion: maskMotion
}), /*#__PURE__*/React.createElement(ResizeObserver, {
onResize: onAlign,
disabled: !open
}, function (resizeObserverRef) {
return /*#__PURE__*/React.createElement(CSSMotion, _extends({
motionAppear: true,
motionEnter: true,
motionLeave: true,
removeOnLeave: false,
forceRender: forceRender,
leavedClassName: "".concat(prefixCls, "-hidden")
}, motion, {
onAppearPrepare: onPrepare,
onEnterPrepare: onPrepare,
visible: open,
onVisibleChanged: function onVisibleChanged(nextVisible) {
var _motion$onVisibleChan;
motion === null || motion === void 0 || (_motion$onVisibleChan = motion.onVisibleChanged) === null || _motion$onVisibleChan === void 0 || _motion$onVisibleChan.call(motion, nextVisible);
_onVisibleChanged(nextVisible);
}
}), function (_ref, motionRef) {
var motionClassName = _ref.className,
motionStyle = _ref.style;
var cls = classNames(prefixCls, motionClassName, className);
return /*#__PURE__*/React.createElement("div", {
ref: composeRef(resizeObserverRef, ref, motionRef),
className: cls,
style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
'--arrow-x': "".concat(arrowPos.x || 0, "px"),
'--arrow-y': "".concat(arrowPos.y || 0, "px")
}, offsetStyle), miscStyle), motionStyle), {}, {
boxSizing: 'border-box',
zIndex: zIndex
}, style),
onMouseEnter: onMouseEnter,
onMouseLeave: onMouseLeave,
onPointerEnter: onPointerEnter,
onClick: onClick,
onPointerDownCapture: onPointerDownCapture
}, arrow && /*#__PURE__*/React.createElement(Arrow, {
prefixCls: prefixCls,
arrow: arrow,
arrowPos: arrowPos,
align: align
}), /*#__PURE__*/React.createElement(PopupContent, {
cache: !open && !fresh
}, childNode));
});
}));
});
if (process.env.NODE_ENV !== 'production') {
Popup.displayName = 'Popup';
}
export default Popup;

8
node_modules/@rc-component/trigger/es/TriggerWrapper.d.ts generated vendored Normal file
View File

@@ -0,0 +1,8 @@
import * as React from 'react';
import type { TriggerProps } from '.';
export interface TriggerWrapperProps {
getTriggerDOMNode?: TriggerProps['getTriggerDOMNode'];
children: React.ReactElement;
}
declare const TriggerWrapper: React.ForwardRefExoticComponent<TriggerWrapperProps & React.RefAttributes<HTMLElement>>;
export default TriggerWrapper;

20
node_modules/@rc-component/trigger/es/TriggerWrapper.js generated vendored Normal file
View File

@@ -0,0 +1,20 @@
import { fillRef, getNodeRef, supportRef, useComposeRef } from "rc-util/es/ref";
import * as React from 'react';
var TriggerWrapper = /*#__PURE__*/React.forwardRef(function (props, ref) {
var children = props.children,
getTriggerDOMNode = props.getTriggerDOMNode;
var canUseRef = supportRef(children);
// When use `getTriggerDOMNode`, we should do additional work to get the real dom
var setRef = React.useCallback(function (node) {
fillRef(ref, getTriggerDOMNode ? getTriggerDOMNode(node) : node);
}, [getTriggerDOMNode]);
var mergedRef = useComposeRef(setRef, getNodeRef(children));
return canUseRef ? /*#__PURE__*/React.cloneElement(children, {
ref: mergedRef
}) : children;
});
if (process.env.NODE_ENV !== 'production') {
TriggerWrapper.displayName = 'TriggerWrapper';
}
export default TriggerWrapper;

6
node_modules/@rc-component/trigger/es/context.d.ts generated vendored Normal file
View File

@@ -0,0 +1,6 @@
import * as React from 'react';
export interface TriggerContextProps {
registerSubPopup: (id: string, node: HTMLElement) => void;
}
declare const TriggerContext: React.Context<TriggerContextProps>;
export default TriggerContext;

3
node_modules/@rc-component/trigger/es/context.js generated vendored Normal file
View File

@@ -0,0 +1,3 @@
import * as React from 'react';
var TriggerContext = /*#__PURE__*/React.createContext(null);
export default TriggerContext;

4
node_modules/@rc-component/trigger/es/hooks/useAction.d.ts generated vendored Normal file
View File

@@ -0,0 +1,4 @@
import type { ActionType } from '../interface';
type ActionTypes = ActionType | ActionType[];
export default function useAction(mobile: boolean, action: ActionTypes, showAction?: ActionTypes, hideAction?: ActionTypes): [showAction: Set<ActionType>, hideAction: Set<ActionType>];
export {};

23
node_modules/@rc-component/trigger/es/hooks/useAction.js generated vendored Normal file
View File

@@ -0,0 +1,23 @@
import * as React from 'react';
function toArray(val) {
return val ? Array.isArray(val) ? val : [val] : [];
}
export default function useAction(mobile, action, showAction, hideAction) {
return React.useMemo(function () {
var mergedShowAction = toArray(showAction !== null && showAction !== void 0 ? showAction : action);
var mergedHideAction = toArray(hideAction !== null && hideAction !== void 0 ? hideAction : action);
var showActionSet = new Set(mergedShowAction);
var hideActionSet = new Set(mergedHideAction);
if (mobile) {
if (showActionSet.has('hover')) {
showActionSet.delete('hover');
showActionSet.add('click');
}
if (hideActionSet.has('hover')) {
hideActionSet.delete('hover');
hideActionSet.add('click');
}
}
return [showActionSet, hideActionSet];
}, [mobile, action, showAction, hideAction]);
}

15
node_modules/@rc-component/trigger/es/hooks/useAlign.d.ts generated vendored Normal file
View File

@@ -0,0 +1,15 @@
import type { TriggerProps } from '..';
import type { AlignType } from '../interface';
export default function useAlign(open: boolean, popupEle: HTMLElement, target: HTMLElement | [x: number, y: number], placement: string, builtinPlacements: any, popupAlign?: AlignType, onPopupAlign?: TriggerProps['onPopupAlign']): [
ready: boolean,
offsetX: number,
offsetY: number,
offsetR: number,
offsetB: number,
arrowX: number,
arrowY: number,
scaleX: number,
scaleY: number,
align: AlignType,
onAlign: VoidFunction
];

532
node_modules/@rc-component/trigger/es/hooks/useAlign.js generated vendored Normal file
View File

@@ -0,0 +1,532 @@
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
import { isDOM } from "rc-util/es/Dom/findDOMNode";
import isVisible from "rc-util/es/Dom/isVisible";
import useEvent from "rc-util/es/hooks/useEvent";
import useLayoutEffect from "rc-util/es/hooks/useLayoutEffect";
import * as React from 'react';
import { collectScroller, getVisibleArea, getWin, toNum } from "../util";
function getUnitOffset(size) {
var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
var offsetStr = "".concat(offset);
var cells = offsetStr.match(/^(.*)\%$/);
if (cells) {
return size * (parseFloat(cells[1]) / 100);
}
return parseFloat(offsetStr);
}
function getNumberOffset(rect, offset) {
var _ref = offset || [],
_ref2 = _slicedToArray(_ref, 2),
offsetX = _ref2[0],
offsetY = _ref2[1];
return [getUnitOffset(rect.width, offsetX), getUnitOffset(rect.height, offsetY)];
}
function splitPoints() {
var points = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
return [points[0], points[1]];
}
function getAlignPoint(rect, points) {
var topBottom = points[0];
var leftRight = points[1];
var x;
var y;
// Top & Bottom
if (topBottom === 't') {
y = rect.y;
} else if (topBottom === 'b') {
y = rect.y + rect.height;
} else {
y = rect.y + rect.height / 2;
}
// Left & Right
if (leftRight === 'l') {
x = rect.x;
} else if (leftRight === 'r') {
x = rect.x + rect.width;
} else {
x = rect.x + rect.width / 2;
}
return {
x: x,
y: y
};
}
function reversePoints(points, index) {
var reverseMap = {
t: 'b',
b: 't',
l: 'r',
r: 'l'
};
return points.map(function (point, i) {
if (i === index) {
return reverseMap[point] || 'c';
}
return point;
}).join('');
}
export default function useAlign(open, popupEle, target, placement, builtinPlacements, popupAlign, onPopupAlign) {
var _React$useState = React.useState({
ready: false,
offsetX: 0,
offsetY: 0,
offsetR: 0,
offsetB: 0,
arrowX: 0,
arrowY: 0,
scaleX: 1,
scaleY: 1,
align: builtinPlacements[placement] || {}
}),
_React$useState2 = _slicedToArray(_React$useState, 2),
offsetInfo = _React$useState2[0],
setOffsetInfo = _React$useState2[1];
var alignCountRef = React.useRef(0);
var scrollerList = React.useMemo(function () {
if (!popupEle) {
return [];
}
return collectScroller(popupEle);
}, [popupEle]);
// ========================= Flip ==========================
// We will memo flip info.
// If size change to make flip, it will memo the flip info and use it in next align.
var prevFlipRef = React.useRef({});
var resetFlipCache = function resetFlipCache() {
prevFlipRef.current = {};
};
if (!open) {
resetFlipCache();
}
// ========================= Align =========================
var onAlign = useEvent(function () {
if (popupEle && target && open) {
var _popupElement$parentE, _popupRect$x, _popupRect$y, _popupElement$parentE2;
var popupElement = popupEle;
var doc = popupElement.ownerDocument;
var win = getWin(popupElement);
var _win$getComputedStyle = win.getComputedStyle(popupElement),
popupPosition = _win$getComputedStyle.position;
var originLeft = popupElement.style.left;
var originTop = popupElement.style.top;
var originRight = popupElement.style.right;
var originBottom = popupElement.style.bottom;
var originOverflow = popupElement.style.overflow;
// Placement
var placementInfo = _objectSpread(_objectSpread({}, builtinPlacements[placement]), popupAlign);
// placeholder element
var placeholderElement = doc.createElement('div');
(_popupElement$parentE = popupElement.parentElement) === null || _popupElement$parentE === void 0 || _popupElement$parentE.appendChild(placeholderElement);
placeholderElement.style.left = "".concat(popupElement.offsetLeft, "px");
placeholderElement.style.top = "".concat(popupElement.offsetTop, "px");
placeholderElement.style.position = popupPosition;
placeholderElement.style.height = "".concat(popupElement.offsetHeight, "px");
placeholderElement.style.width = "".concat(popupElement.offsetWidth, "px");
// Reset first
popupElement.style.left = '0';
popupElement.style.top = '0';
popupElement.style.right = 'auto';
popupElement.style.bottom = 'auto';
popupElement.style.overflow = 'hidden';
// Calculate align style, we should consider `transform` case
var targetRect;
if (Array.isArray(target)) {
targetRect = {
x: target[0],
y: target[1],
width: 0,
height: 0
};
} else {
var _rect$x, _rect$y;
var rect = target.getBoundingClientRect();
rect.x = (_rect$x = rect.x) !== null && _rect$x !== void 0 ? _rect$x : rect.left;
rect.y = (_rect$y = rect.y) !== null && _rect$y !== void 0 ? _rect$y : rect.top;
targetRect = {
x: rect.x,
y: rect.y,
width: rect.width,
height: rect.height
};
}
var popupRect = popupElement.getBoundingClientRect();
var _win$getComputedStyle2 = win.getComputedStyle(popupElement),
height = _win$getComputedStyle2.height,
width = _win$getComputedStyle2.width;
popupRect.x = (_popupRect$x = popupRect.x) !== null && _popupRect$x !== void 0 ? _popupRect$x : popupRect.left;
popupRect.y = (_popupRect$y = popupRect.y) !== null && _popupRect$y !== void 0 ? _popupRect$y : popupRect.top;
var _doc$documentElement = doc.documentElement,
clientWidth = _doc$documentElement.clientWidth,
clientHeight = _doc$documentElement.clientHeight,
scrollWidth = _doc$documentElement.scrollWidth,
scrollHeight = _doc$documentElement.scrollHeight,
scrollTop = _doc$documentElement.scrollTop,
scrollLeft = _doc$documentElement.scrollLeft;
var popupHeight = popupRect.height;
var popupWidth = popupRect.width;
var targetHeight = targetRect.height;
var targetWidth = targetRect.width;
// Get bounding of visible area
var visibleRegion = {
left: 0,
top: 0,
right: clientWidth,
bottom: clientHeight
};
var scrollRegion = {
left: -scrollLeft,
top: -scrollTop,
right: scrollWidth - scrollLeft,
bottom: scrollHeight - scrollTop
};
var htmlRegion = placementInfo.htmlRegion;
var VISIBLE = 'visible';
var VISIBLE_FIRST = 'visibleFirst';
if (htmlRegion !== 'scroll' && htmlRegion !== VISIBLE_FIRST) {
htmlRegion = VISIBLE;
}
var isVisibleFirst = htmlRegion === VISIBLE_FIRST;
var scrollRegionArea = getVisibleArea(scrollRegion, scrollerList);
var visibleRegionArea = getVisibleArea(visibleRegion, scrollerList);
var visibleArea = htmlRegion === VISIBLE ? visibleRegionArea : scrollRegionArea;
// When set to `visibleFirst`,
// the check `adjust` logic will use `visibleRegion` for check first.
var adjustCheckVisibleArea = isVisibleFirst ? visibleRegionArea : visibleArea;
// Record right & bottom align data
popupElement.style.left = 'auto';
popupElement.style.top = 'auto';
popupElement.style.right = '0';
popupElement.style.bottom = '0';
var popupMirrorRect = popupElement.getBoundingClientRect();
// Reset back
popupElement.style.left = originLeft;
popupElement.style.top = originTop;
popupElement.style.right = originRight;
popupElement.style.bottom = originBottom;
popupElement.style.overflow = originOverflow;
(_popupElement$parentE2 = popupElement.parentElement) === null || _popupElement$parentE2 === void 0 || _popupElement$parentE2.removeChild(placeholderElement);
// Calculate scale
var _scaleX = toNum(Math.round(popupWidth / parseFloat(width) * 1000) / 1000);
var _scaleY = toNum(Math.round(popupHeight / parseFloat(height) * 1000) / 1000);
// No need to align since it's not visible in view
if (_scaleX === 0 || _scaleY === 0 || isDOM(target) && !isVisible(target)) {
return;
}
// Offset
var offset = placementInfo.offset,
targetOffset = placementInfo.targetOffset;
var _getNumberOffset = getNumberOffset(popupRect, offset),
_getNumberOffset2 = _slicedToArray(_getNumberOffset, 2),
popupOffsetX = _getNumberOffset2[0],
popupOffsetY = _getNumberOffset2[1];
var _getNumberOffset3 = getNumberOffset(targetRect, targetOffset),
_getNumberOffset4 = _slicedToArray(_getNumberOffset3, 2),
targetOffsetX = _getNumberOffset4[0],
targetOffsetY = _getNumberOffset4[1];
targetRect.x -= targetOffsetX;
targetRect.y -= targetOffsetY;
// Points
var _ref3 = placementInfo.points || [],
_ref4 = _slicedToArray(_ref3, 2),
popupPoint = _ref4[0],
targetPoint = _ref4[1];
var targetPoints = splitPoints(targetPoint);
var popupPoints = splitPoints(popupPoint);
var targetAlignPoint = getAlignPoint(targetRect, targetPoints);
var popupAlignPoint = getAlignPoint(popupRect, popupPoints);
// Real align info may not same as origin one
var nextAlignInfo = _objectSpread({}, placementInfo);
// Next Offset
var nextOffsetX = targetAlignPoint.x - popupAlignPoint.x + popupOffsetX;
var nextOffsetY = targetAlignPoint.y - popupAlignPoint.y + popupOffsetY;
// ============== Intersection ===============
// Get area by position. Used for check if flip area is better
function getIntersectionVisibleArea(offsetX, offsetY) {
var area = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : visibleArea;
var l = popupRect.x + offsetX;
var t = popupRect.y + offsetY;
var r = l + popupWidth;
var b = t + popupHeight;
var visibleL = Math.max(l, area.left);
var visibleT = Math.max(t, area.top);
var visibleR = Math.min(r, area.right);
var visibleB = Math.min(b, area.bottom);
return Math.max(0, (visibleR - visibleL) * (visibleB - visibleT));
}
var originIntersectionVisibleArea = getIntersectionVisibleArea(nextOffsetX, nextOffsetY);
// As `visibleFirst`, we prepare this for check
var originIntersectionRecommendArea = getIntersectionVisibleArea(nextOffsetX, nextOffsetY, visibleRegionArea);
// ========================== Overflow ===========================
var targetAlignPointTL = getAlignPoint(targetRect, ['t', 'l']);
var popupAlignPointTL = getAlignPoint(popupRect, ['t', 'l']);
var targetAlignPointBR = getAlignPoint(targetRect, ['b', 'r']);
var popupAlignPointBR = getAlignPoint(popupRect, ['b', 'r']);
var overflow = placementInfo.overflow || {};
var adjustX = overflow.adjustX,
adjustY = overflow.adjustY,
shiftX = overflow.shiftX,
shiftY = overflow.shiftY;
var supportAdjust = function supportAdjust(val) {
if (typeof val === 'boolean') {
return val;
}
return val >= 0;
};
// Prepare position
var nextPopupY;
var nextPopupBottom;
var nextPopupX;
var nextPopupRight;
function syncNextPopupPosition() {
nextPopupY = popupRect.y + nextOffsetY;
nextPopupBottom = nextPopupY + popupHeight;
nextPopupX = popupRect.x + nextOffsetX;
nextPopupRight = nextPopupX + popupWidth;
}
syncNextPopupPosition();
// >>>>>>>>>> Top & Bottom
var needAdjustY = supportAdjust(adjustY);
var sameTB = popupPoints[0] === targetPoints[0];
// Bottom to Top
if (needAdjustY && popupPoints[0] === 't' && (nextPopupBottom > adjustCheckVisibleArea.bottom || prevFlipRef.current.bt)) {
var tmpNextOffsetY = nextOffsetY;
if (sameTB) {
tmpNextOffsetY -= popupHeight - targetHeight;
} else {
tmpNextOffsetY = targetAlignPointTL.y - popupAlignPointBR.y - popupOffsetY;
}
var newVisibleArea = getIntersectionVisibleArea(nextOffsetX, tmpNextOffsetY);
var newVisibleRecommendArea = getIntersectionVisibleArea(nextOffsetX, tmpNextOffsetY, visibleRegionArea);
if (
// Of course use larger one
newVisibleArea > originIntersectionVisibleArea || newVisibleArea === originIntersectionVisibleArea && (!isVisibleFirst ||
// Choose recommend one
newVisibleRecommendArea >= originIntersectionRecommendArea)) {
prevFlipRef.current.bt = true;
nextOffsetY = tmpNextOffsetY;
popupOffsetY = -popupOffsetY;
nextAlignInfo.points = [reversePoints(popupPoints, 0), reversePoints(targetPoints, 0)];
} else {
prevFlipRef.current.bt = false;
}
}
// Top to Bottom
if (needAdjustY && popupPoints[0] === 'b' && (nextPopupY < adjustCheckVisibleArea.top || prevFlipRef.current.tb)) {
var _tmpNextOffsetY = nextOffsetY;
if (sameTB) {
_tmpNextOffsetY += popupHeight - targetHeight;
} else {
_tmpNextOffsetY = targetAlignPointBR.y - popupAlignPointTL.y - popupOffsetY;
}
var _newVisibleArea = getIntersectionVisibleArea(nextOffsetX, _tmpNextOffsetY);
var _newVisibleRecommendArea = getIntersectionVisibleArea(nextOffsetX, _tmpNextOffsetY, visibleRegionArea);
if (
// Of course use larger one
_newVisibleArea > originIntersectionVisibleArea || _newVisibleArea === originIntersectionVisibleArea && (!isVisibleFirst ||
// Choose recommend one
_newVisibleRecommendArea >= originIntersectionRecommendArea)) {
prevFlipRef.current.tb = true;
nextOffsetY = _tmpNextOffsetY;
popupOffsetY = -popupOffsetY;
nextAlignInfo.points = [reversePoints(popupPoints, 0), reversePoints(targetPoints, 0)];
} else {
prevFlipRef.current.tb = false;
}
}
// >>>>>>>>>> Left & Right
var needAdjustX = supportAdjust(adjustX);
// >>>>> Flip
var sameLR = popupPoints[1] === targetPoints[1];
// Right to Left
if (needAdjustX && popupPoints[1] === 'l' && (nextPopupRight > adjustCheckVisibleArea.right || prevFlipRef.current.rl)) {
var tmpNextOffsetX = nextOffsetX;
if (sameLR) {
tmpNextOffsetX -= popupWidth - targetWidth;
} else {
tmpNextOffsetX = targetAlignPointTL.x - popupAlignPointBR.x - popupOffsetX;
}
var _newVisibleArea2 = getIntersectionVisibleArea(tmpNextOffsetX, nextOffsetY);
var _newVisibleRecommendArea2 = getIntersectionVisibleArea(tmpNextOffsetX, nextOffsetY, visibleRegionArea);
if (
// Of course use larger one
_newVisibleArea2 > originIntersectionVisibleArea || _newVisibleArea2 === originIntersectionVisibleArea && (!isVisibleFirst ||
// Choose recommend one
_newVisibleRecommendArea2 >= originIntersectionRecommendArea)) {
prevFlipRef.current.rl = true;
nextOffsetX = tmpNextOffsetX;
popupOffsetX = -popupOffsetX;
nextAlignInfo.points = [reversePoints(popupPoints, 1), reversePoints(targetPoints, 1)];
} else {
prevFlipRef.current.rl = false;
}
}
// Left to Right
if (needAdjustX && popupPoints[1] === 'r' && (nextPopupX < adjustCheckVisibleArea.left || prevFlipRef.current.lr)) {
var _tmpNextOffsetX = nextOffsetX;
if (sameLR) {
_tmpNextOffsetX += popupWidth - targetWidth;
} else {
_tmpNextOffsetX = targetAlignPointBR.x - popupAlignPointTL.x - popupOffsetX;
}
var _newVisibleArea3 = getIntersectionVisibleArea(_tmpNextOffsetX, nextOffsetY);
var _newVisibleRecommendArea3 = getIntersectionVisibleArea(_tmpNextOffsetX, nextOffsetY, visibleRegionArea);
if (
// Of course use larger one
_newVisibleArea3 > originIntersectionVisibleArea || _newVisibleArea3 === originIntersectionVisibleArea && (!isVisibleFirst ||
// Choose recommend one
_newVisibleRecommendArea3 >= originIntersectionRecommendArea)) {
prevFlipRef.current.lr = true;
nextOffsetX = _tmpNextOffsetX;
popupOffsetX = -popupOffsetX;
nextAlignInfo.points = [reversePoints(popupPoints, 1), reversePoints(targetPoints, 1)];
} else {
prevFlipRef.current.lr = false;
}
}
// ============================ Shift ============================
syncNextPopupPosition();
var numShiftX = shiftX === true ? 0 : shiftX;
if (typeof numShiftX === 'number') {
// Left
if (nextPopupX < visibleRegionArea.left) {
nextOffsetX -= nextPopupX - visibleRegionArea.left - popupOffsetX;
if (targetRect.x + targetWidth < visibleRegionArea.left + numShiftX) {
nextOffsetX += targetRect.x - visibleRegionArea.left + targetWidth - numShiftX;
}
}
// Right
if (nextPopupRight > visibleRegionArea.right) {
nextOffsetX -= nextPopupRight - visibleRegionArea.right - popupOffsetX;
if (targetRect.x > visibleRegionArea.right - numShiftX) {
nextOffsetX += targetRect.x - visibleRegionArea.right + numShiftX;
}
}
}
var numShiftY = shiftY === true ? 0 : shiftY;
if (typeof numShiftY === 'number') {
// Top
if (nextPopupY < visibleRegionArea.top) {
nextOffsetY -= nextPopupY - visibleRegionArea.top - popupOffsetY;
// When target if far away from visible area
// Stop shift
if (targetRect.y + targetHeight < visibleRegionArea.top + numShiftY) {
nextOffsetY += targetRect.y - visibleRegionArea.top + targetHeight - numShiftY;
}
}
// Bottom
if (nextPopupBottom > visibleRegionArea.bottom) {
nextOffsetY -= nextPopupBottom - visibleRegionArea.bottom - popupOffsetY;
if (targetRect.y > visibleRegionArea.bottom - numShiftY) {
nextOffsetY += targetRect.y - visibleRegionArea.bottom + numShiftY;
}
}
}
// ============================ Arrow ============================
// Arrow center align
var popupLeft = popupRect.x + nextOffsetX;
var popupRight = popupLeft + popupWidth;
var popupTop = popupRect.y + nextOffsetY;
var popupBottom = popupTop + popupHeight;
var targetLeft = targetRect.x;
var targetRight = targetLeft + targetWidth;
var targetTop = targetRect.y;
var targetBottom = targetTop + targetHeight;
var maxLeft = Math.max(popupLeft, targetLeft);
var minRight = Math.min(popupRight, targetRight);
var xCenter = (maxLeft + minRight) / 2;
var nextArrowX = xCenter - popupLeft;
var maxTop = Math.max(popupTop, targetTop);
var minBottom = Math.min(popupBottom, targetBottom);
var yCenter = (maxTop + minBottom) / 2;
var nextArrowY = yCenter - popupTop;
onPopupAlign === null || onPopupAlign === void 0 || onPopupAlign(popupEle, nextAlignInfo);
// Additional calculate right & bottom position
var offsetX4Right = popupMirrorRect.right - popupRect.x - (nextOffsetX + popupRect.width);
var offsetY4Bottom = popupMirrorRect.bottom - popupRect.y - (nextOffsetY + popupRect.height);
if (_scaleX === 1) {
nextOffsetX = Math.round(nextOffsetX);
offsetX4Right = Math.round(offsetX4Right);
}
if (_scaleY === 1) {
nextOffsetY = Math.round(nextOffsetY);
offsetY4Bottom = Math.round(offsetY4Bottom);
}
var nextOffsetInfo = {
ready: true,
offsetX: nextOffsetX / _scaleX,
offsetY: nextOffsetY / _scaleY,
offsetR: offsetX4Right / _scaleX,
offsetB: offsetY4Bottom / _scaleY,
arrowX: nextArrowX / _scaleX,
arrowY: nextArrowY / _scaleY,
scaleX: _scaleX,
scaleY: _scaleY,
align: nextAlignInfo
};
setOffsetInfo(nextOffsetInfo);
}
});
var triggerAlign = function triggerAlign() {
alignCountRef.current += 1;
var id = alignCountRef.current;
// Merge all align requirement into one frame
Promise.resolve().then(function () {
if (alignCountRef.current === id) {
onAlign();
}
});
};
// Reset ready status when placement & open changed
var resetReady = function resetReady() {
setOffsetInfo(function (ori) {
return _objectSpread(_objectSpread({}, ori), {}, {
ready: false
});
});
};
useLayoutEffect(resetReady, [placement]);
useLayoutEffect(function () {
if (!open) {
resetReady();
}
}, [open]);
return [offsetInfo.ready, offsetInfo.offsetX, offsetInfo.offsetY, offsetInfo.offsetR, offsetInfo.offsetB, offsetInfo.arrowX, offsetInfo.arrowY, offsetInfo.scaleX, offsetInfo.scaleY, offsetInfo.align, triggerAlign];
}

1
node_modules/@rc-component/trigger/es/hooks/useWatch.d.ts generated vendored Normal file
View File

@@ -0,0 +1 @@
export default function useWatch(open: boolean, target: HTMLElement, popup: HTMLElement, onAlign: VoidFunction, onScroll: VoidFunction): void;

36
node_modules/@rc-component/trigger/es/hooks/useWatch.js generated vendored Normal file
View File

@@ -0,0 +1,36 @@
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
import useLayoutEffect from "rc-util/es/hooks/useLayoutEffect";
import { collectScroller, getWin } from "../util";
export default function useWatch(open, target, popup, onAlign, onScroll) {
useLayoutEffect(function () {
if (open && target && popup) {
var targetElement = target;
var popupElement = popup;
var targetScrollList = collectScroller(targetElement);
var popupScrollList = collectScroller(popupElement);
var win = getWin(popupElement);
var mergedList = new Set([win].concat(_toConsumableArray(targetScrollList), _toConsumableArray(popupScrollList)));
function notifyScroll() {
onAlign();
onScroll();
}
mergedList.forEach(function (scroller) {
scroller.addEventListener('scroll', notifyScroll, {
passive: true
});
});
win.addEventListener('resize', notifyScroll, {
passive: true
});
// First time always do align
onAlign();
return function () {
mergedList.forEach(function (scroller) {
scroller.removeEventListener('scroll', notifyScroll);
win.removeEventListener('resize', notifyScroll);
});
};
}
}, [open, target, popup]);
}

1
node_modules/@rc-component/trigger/es/hooks/useWinClick.d.ts generated vendored Normal file
View File

@@ -0,0 +1 @@
export default function useWinClick(open: boolean, clickToHide: boolean, targetEle: HTMLElement, popupEle: HTMLElement, mask: boolean, maskClosable: boolean, inPopupOrChild: (target: EventTarget) => boolean, triggerOpen: (open: boolean) => void): () => void;

56
node_modules/@rc-component/trigger/es/hooks/useWinClick.js generated vendored Normal file
View File

@@ -0,0 +1,56 @@
import { getShadowRoot } from "rc-util/es/Dom/shadow";
import { warning } from "rc-util/es/warning";
import * as React from 'react';
import { getWin } from "../util";
export default function useWinClick(open, clickToHide, targetEle, popupEle, mask, maskClosable, inPopupOrChild, triggerOpen) {
var openRef = React.useRef(open);
openRef.current = open;
var popupPointerDownRef = React.useRef(false);
// Click to hide is special action since click popup element should not hide
React.useEffect(function () {
if (clickToHide && popupEle && (!mask || maskClosable)) {
var onPointerDown = function onPointerDown() {
popupPointerDownRef.current = false;
};
var onTriggerClose = function onTriggerClose(e) {
var _e$composedPath;
if (openRef.current && !inPopupOrChild(((_e$composedPath = e.composedPath) === null || _e$composedPath === void 0 || (_e$composedPath = _e$composedPath.call(e)) === null || _e$composedPath === void 0 ? void 0 : _e$composedPath[0]) || e.target) && !popupPointerDownRef.current) {
triggerOpen(false);
}
};
var win = getWin(popupEle);
win.addEventListener('pointerdown', onPointerDown, true);
win.addEventListener('mousedown', onTriggerClose, true);
win.addEventListener('contextmenu', onTriggerClose, true);
// shadow root
var targetShadowRoot = getShadowRoot(targetEle);
if (targetShadowRoot) {
targetShadowRoot.addEventListener('mousedown', onTriggerClose, true);
targetShadowRoot.addEventListener('contextmenu', onTriggerClose, true);
}
// Warning if target and popup not in same root
if (process.env.NODE_ENV !== 'production') {
var _targetEle$getRootNod, _popupEle$getRootNode;
var targetRoot = targetEle === null || targetEle === void 0 || (_targetEle$getRootNod = targetEle.getRootNode) === null || _targetEle$getRootNod === void 0 ? void 0 : _targetEle$getRootNod.call(targetEle);
var popupRoot = (_popupEle$getRootNode = popupEle.getRootNode) === null || _popupEle$getRootNode === void 0 ? void 0 : _popupEle$getRootNode.call(popupEle);
warning(targetRoot === popupRoot, "trigger element and popup element should in same shadow root.");
}
return function () {
win.removeEventListener('pointerdown', onPointerDown, true);
win.removeEventListener('mousedown', onTriggerClose, true);
win.removeEventListener('contextmenu', onTriggerClose, true);
if (targetShadowRoot) {
targetShadowRoot.removeEventListener('mousedown', onTriggerClose, true);
targetShadowRoot.removeEventListener('contextmenu', onTriggerClose, true);
}
};
}
}, [clickToHide, targetEle, popupEle, mask, maskClosable]);
function onPopupPointerDown() {
popupPointerDownRef.current = true;
}
return onPopupPointerDown;
}

72
node_modules/@rc-component/trigger/es/index.d.ts generated vendored Normal file
View File

@@ -0,0 +1,72 @@
import type { CSSMotionProps } from 'rc-motion';
import * as React from 'react';
import type { ActionType, AlignType, AnimationType, ArrowTypeOuter, BuildInPlacements, TransitionNameType } from './interface';
export type { ActionType, AlignType, ArrowTypeOuter as ArrowType, BuildInPlacements, };
export interface TriggerRef {
nativeElement: HTMLElement;
popupElement: HTMLDivElement;
forceAlign: VoidFunction;
}
export interface TriggerProps {
children: React.ReactElement;
action?: ActionType | ActionType[];
showAction?: ActionType[];
hideAction?: ActionType[];
prefixCls?: string;
zIndex?: number;
onPopupAlign?: (element: HTMLElement, align: AlignType) => void;
stretch?: string;
popupVisible?: boolean;
defaultPopupVisible?: boolean;
onPopupVisibleChange?: (visible: boolean) => void;
afterPopupVisibleChange?: (visible: boolean) => void;
getPopupContainer?: (node: HTMLElement) => HTMLElement;
forceRender?: boolean;
autoDestroy?: boolean;
/** @deprecated Please use `autoDestroy` instead */
destroyPopupOnHide?: boolean;
mask?: boolean;
maskClosable?: boolean;
/** Set popup motion. You can ref `rc-motion` for more info. */
popupMotion?: CSSMotionProps;
/** Set mask motion. You can ref `rc-motion` for more info. */
maskMotion?: CSSMotionProps;
/** @deprecated Please us `popupMotion` instead. */
popupTransitionName?: TransitionNameType;
/** @deprecated Please us `popupMotion` instead. */
popupAnimation?: AnimationType;
/** @deprecated Please us `maskMotion` instead. */
maskTransitionName?: TransitionNameType;
/** @deprecated Please us `maskMotion` instead. */
maskAnimation?: AnimationType;
mouseEnterDelay?: number;
mouseLeaveDelay?: number;
focusDelay?: number;
blurDelay?: number;
popup: React.ReactNode | (() => React.ReactNode);
popupPlacement?: string;
builtinPlacements?: BuildInPlacements;
popupAlign?: AlignType;
popupClassName?: string;
popupStyle?: React.CSSProperties;
getPopupClassNameFromAlign?: (align: AlignType) => string;
onPopupClick?: React.MouseEventHandler<HTMLDivElement>;
alignPoint?: boolean;
/**
* Trigger will memo content when close.
* This may affect the case if want to keep content update.
* Set `fresh` to `false` will always keep update.
*/
fresh?: boolean;
arrow?: boolean | ArrowTypeOuter;
/** @deprecated Add `className` on `children`. Please add `className` directly instead. */
className?: string;
/**
* @private Get trigger DOM node.
* Used for some component is function component which can not access by `findDOMNode`
*/
getTriggerDOMNode?: (node: React.ReactInstance) => HTMLElement;
}
export declare function generateTrigger(PortalComponent?: React.ComponentType<any>): React.ForwardRefExoticComponent<TriggerProps & React.RefAttributes<TriggerRef>>;
declare const _default: React.ForwardRefExoticComponent<TriggerProps & React.RefAttributes<TriggerRef>>;
export default _default;

541
node_modules/@rc-component/trigger/es/index.js generated vendored Normal file
View File

@@ -0,0 +1,541 @@
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["prefixCls", "children", "action", "showAction", "hideAction", "popupVisible", "defaultPopupVisible", "onPopupVisibleChange", "afterPopupVisibleChange", "mouseEnterDelay", "mouseLeaveDelay", "focusDelay", "blurDelay", "mask", "maskClosable", "getPopupContainer", "forceRender", "autoDestroy", "destroyPopupOnHide", "popup", "popupClassName", "popupStyle", "popupPlacement", "builtinPlacements", "popupAlign", "zIndex", "stretch", "getPopupClassNameFromAlign", "fresh", "alignPoint", "onPopupClick", "onPopupAlign", "arrow", "popupMotion", "maskMotion", "popupTransitionName", "popupAnimation", "maskTransitionName", "maskAnimation", "className", "getTriggerDOMNode"];
import Portal from '@rc-component/portal';
import classNames from 'classnames';
import ResizeObserver from 'rc-resize-observer';
import { isDOM } from "rc-util/es/Dom/findDOMNode";
import { getShadowRoot } from "rc-util/es/Dom/shadow";
import useEvent from "rc-util/es/hooks/useEvent";
import useId from "rc-util/es/hooks/useId";
import useLayoutEffect from "rc-util/es/hooks/useLayoutEffect";
import isMobile from "rc-util/es/isMobile";
import * as React from 'react';
import Popup from "./Popup";
import TriggerWrapper from "./TriggerWrapper";
import TriggerContext from "./context";
import useAction from "./hooks/useAction";
import useAlign from "./hooks/useAlign";
import useWatch from "./hooks/useWatch";
import useWinClick from "./hooks/useWinClick";
import { getAlignPopupClassName, getMotion } from "./util";
// Removed Props List
// Seems this can be auto
// getDocument?: (element?: HTMLElement) => Document;
// New version will not wrap popup with `rc-trigger-popup-content` when multiple children
export function generateTrigger() {
var PortalComponent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Portal;
var Trigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
var _props$prefixCls = props.prefixCls,
prefixCls = _props$prefixCls === void 0 ? 'rc-trigger-popup' : _props$prefixCls,
children = props.children,
_props$action = props.action,
action = _props$action === void 0 ? 'hover' : _props$action,
showAction = props.showAction,
hideAction = props.hideAction,
popupVisible = props.popupVisible,
defaultPopupVisible = props.defaultPopupVisible,
onPopupVisibleChange = props.onPopupVisibleChange,
afterPopupVisibleChange = props.afterPopupVisibleChange,
mouseEnterDelay = props.mouseEnterDelay,
_props$mouseLeaveDela = props.mouseLeaveDelay,
mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela,
focusDelay = props.focusDelay,
blurDelay = props.blurDelay,
mask = props.mask,
_props$maskClosable = props.maskClosable,
maskClosable = _props$maskClosable === void 0 ? true : _props$maskClosable,
getPopupContainer = props.getPopupContainer,
forceRender = props.forceRender,
autoDestroy = props.autoDestroy,
destroyPopupOnHide = props.destroyPopupOnHide,
popup = props.popup,
popupClassName = props.popupClassName,
popupStyle = props.popupStyle,
popupPlacement = props.popupPlacement,
_props$builtinPlaceme = props.builtinPlacements,
builtinPlacements = _props$builtinPlaceme === void 0 ? {} : _props$builtinPlaceme,
popupAlign = props.popupAlign,
zIndex = props.zIndex,
stretch = props.stretch,
getPopupClassNameFromAlign = props.getPopupClassNameFromAlign,
fresh = props.fresh,
alignPoint = props.alignPoint,
onPopupClick = props.onPopupClick,
onPopupAlign = props.onPopupAlign,
arrow = props.arrow,
popupMotion = props.popupMotion,
maskMotion = props.maskMotion,
popupTransitionName = props.popupTransitionName,
popupAnimation = props.popupAnimation,
maskTransitionName = props.maskTransitionName,
maskAnimation = props.maskAnimation,
className = props.className,
getTriggerDOMNode = props.getTriggerDOMNode,
restProps = _objectWithoutProperties(props, _excluded);
var mergedAutoDestroy = autoDestroy || destroyPopupOnHide || false;
// =========================== Mobile ===========================
var _React$useState = React.useState(false),
_React$useState2 = _slicedToArray(_React$useState, 2),
mobile = _React$useState2[0],
setMobile = _React$useState2[1];
useLayoutEffect(function () {
setMobile(isMobile());
}, []);
// ========================== Context ===========================
var subPopupElements = React.useRef({});
var parentContext = React.useContext(TriggerContext);
var context = React.useMemo(function () {
return {
registerSubPopup: function registerSubPopup(id, subPopupEle) {
subPopupElements.current[id] = subPopupEle;
parentContext === null || parentContext === void 0 || parentContext.registerSubPopup(id, subPopupEle);
}
};
}, [parentContext]);
// =========================== Popup ============================
var id = useId();
var _React$useState3 = React.useState(null),
_React$useState4 = _slicedToArray(_React$useState3, 2),
popupEle = _React$useState4[0],
setPopupEle = _React$useState4[1];
// Used for forwardRef popup. Not use internal
var externalPopupRef = React.useRef(null);
var setPopupRef = useEvent(function (node) {
externalPopupRef.current = node;
if (isDOM(node) && popupEle !== node) {
setPopupEle(node);
}
parentContext === null || parentContext === void 0 || parentContext.registerSubPopup(id, node);
});
// =========================== Target ===========================
// Use state to control here since `useRef` update not trigger render
var _React$useState5 = React.useState(null),
_React$useState6 = _slicedToArray(_React$useState5, 2),
targetEle = _React$useState6[0],
setTargetEle = _React$useState6[1];
// Used for forwardRef target. Not use internal
var externalForwardRef = React.useRef(null);
var setTargetRef = useEvent(function (node) {
if (isDOM(node) && targetEle !== node) {
setTargetEle(node);
externalForwardRef.current = node;
}
});
// ========================== Children ==========================
var child = React.Children.only(children);
var originChildProps = (child === null || child === void 0 ? void 0 : child.props) || {};
var cloneProps = {};
var inPopupOrChild = useEvent(function (ele) {
var _getShadowRoot, _getShadowRoot2;
var childDOM = targetEle;
return (childDOM === null || childDOM === void 0 ? void 0 : childDOM.contains(ele)) || ((_getShadowRoot = getShadowRoot(childDOM)) === null || _getShadowRoot === void 0 ? void 0 : _getShadowRoot.host) === ele || ele === childDOM || (popupEle === null || popupEle === void 0 ? void 0 : popupEle.contains(ele)) || ((_getShadowRoot2 = getShadowRoot(popupEle)) === null || _getShadowRoot2 === void 0 ? void 0 : _getShadowRoot2.host) === ele || ele === popupEle || Object.values(subPopupElements.current).some(function (subPopupEle) {
return (subPopupEle === null || subPopupEle === void 0 ? void 0 : subPopupEle.contains(ele)) || ele === subPopupEle;
});
});
// =========================== Motion ===========================
var mergePopupMotion = getMotion(prefixCls, popupMotion, popupAnimation, popupTransitionName);
var mergeMaskMotion = getMotion(prefixCls, maskMotion, maskAnimation, maskTransitionName);
// ============================ Open ============================
var _React$useState7 = React.useState(defaultPopupVisible || false),
_React$useState8 = _slicedToArray(_React$useState7, 2),
internalOpen = _React$useState8[0],
setInternalOpen = _React$useState8[1];
// Render still use props as first priority
var mergedOpen = popupVisible !== null && popupVisible !== void 0 ? popupVisible : internalOpen;
// We use effect sync here in case `popupVisible` back to `undefined`
var setMergedOpen = useEvent(function (nextOpen) {
if (popupVisible === undefined) {
setInternalOpen(nextOpen);
}
});
useLayoutEffect(function () {
setInternalOpen(popupVisible || false);
}, [popupVisible]);
var openRef = React.useRef(mergedOpen);
openRef.current = mergedOpen;
var lastTriggerRef = React.useRef([]);
lastTriggerRef.current = [];
var internalTriggerOpen = useEvent(function (nextOpen) {
var _lastTriggerRef$curre;
setMergedOpen(nextOpen);
// Enter or Pointer will both trigger open state change
// We only need take one to avoid duplicated change event trigger
// Use `lastTriggerRef` to record last open type
if (((_lastTriggerRef$curre = lastTriggerRef.current[lastTriggerRef.current.length - 1]) !== null && _lastTriggerRef$curre !== void 0 ? _lastTriggerRef$curre : mergedOpen) !== nextOpen) {
lastTriggerRef.current.push(nextOpen);
onPopupVisibleChange === null || onPopupVisibleChange === void 0 || onPopupVisibleChange(nextOpen);
}
});
// Trigger for delay
var delayRef = React.useRef();
var clearDelay = function clearDelay() {
clearTimeout(delayRef.current);
};
var triggerOpen = function triggerOpen(nextOpen) {
var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
clearDelay();
if (delay === 0) {
internalTriggerOpen(nextOpen);
} else {
delayRef.current = setTimeout(function () {
internalTriggerOpen(nextOpen);
}, delay * 1000);
}
};
React.useEffect(function () {
return clearDelay;
}, []);
// ========================== Motion ============================
var _React$useState9 = React.useState(false),
_React$useState10 = _slicedToArray(_React$useState9, 2),
inMotion = _React$useState10[0],
setInMotion = _React$useState10[1];
useLayoutEffect(function (firstMount) {
if (!firstMount || mergedOpen) {
setInMotion(true);
}
}, [mergedOpen]);
var _React$useState11 = React.useState(null),
_React$useState12 = _slicedToArray(_React$useState11, 2),
motionPrepareResolve = _React$useState12[0],
setMotionPrepareResolve = _React$useState12[1];
// =========================== Align ============================
var _React$useState13 = React.useState(null),
_React$useState14 = _slicedToArray(_React$useState13, 2),
mousePos = _React$useState14[0],
setMousePos = _React$useState14[1];
var setMousePosByEvent = function setMousePosByEvent(event) {
setMousePos([event.clientX, event.clientY]);
};
var _useAlign = useAlign(mergedOpen, popupEle, alignPoint && mousePos !== null ? mousePos : targetEle, popupPlacement, builtinPlacements, popupAlign, onPopupAlign),
_useAlign2 = _slicedToArray(_useAlign, 11),
ready = _useAlign2[0],
offsetX = _useAlign2[1],
offsetY = _useAlign2[2],
offsetR = _useAlign2[3],
offsetB = _useAlign2[4],
arrowX = _useAlign2[5],
arrowY = _useAlign2[6],
scaleX = _useAlign2[7],
scaleY = _useAlign2[8],
alignInfo = _useAlign2[9],
onAlign = _useAlign2[10];
var _useAction = useAction(mobile, action, showAction, hideAction),
_useAction2 = _slicedToArray(_useAction, 2),
showActions = _useAction2[0],
hideActions = _useAction2[1];
var clickToShow = showActions.has('click');
var clickToHide = hideActions.has('click') || hideActions.has('contextMenu');
var triggerAlign = useEvent(function () {
if (!inMotion) {
onAlign();
}
});
var onScroll = function onScroll() {
if (openRef.current && alignPoint && clickToHide) {
triggerOpen(false);
}
};
useWatch(mergedOpen, targetEle, popupEle, triggerAlign, onScroll);
useLayoutEffect(function () {
triggerAlign();
}, [mousePos, popupPlacement]);
// When no builtinPlacements and popupAlign changed
useLayoutEffect(function () {
if (mergedOpen && !(builtinPlacements !== null && builtinPlacements !== void 0 && builtinPlacements[popupPlacement])) {
triggerAlign();
}
}, [JSON.stringify(popupAlign)]);
var alignedClassName = React.useMemo(function () {
var baseClassName = getAlignPopupClassName(builtinPlacements, prefixCls, alignInfo, alignPoint);
return classNames(baseClassName, getPopupClassNameFromAlign === null || getPopupClassNameFromAlign === void 0 ? void 0 : getPopupClassNameFromAlign(alignInfo));
}, [alignInfo, getPopupClassNameFromAlign, builtinPlacements, prefixCls, alignPoint]);
// ============================ Refs ============================
React.useImperativeHandle(ref, function () {
return {
nativeElement: externalForwardRef.current,
popupElement: externalPopupRef.current,
forceAlign: triggerAlign
};
});
// ========================== Stretch ===========================
var _React$useState15 = React.useState(0),
_React$useState16 = _slicedToArray(_React$useState15, 2),
targetWidth = _React$useState16[0],
setTargetWidth = _React$useState16[1];
var _React$useState17 = React.useState(0),
_React$useState18 = _slicedToArray(_React$useState17, 2),
targetHeight = _React$useState18[0],
setTargetHeight = _React$useState18[1];
var syncTargetSize = function syncTargetSize() {
if (stretch && targetEle) {
var rect = targetEle.getBoundingClientRect();
setTargetWidth(rect.width);
setTargetHeight(rect.height);
}
};
var onTargetResize = function onTargetResize() {
syncTargetSize();
triggerAlign();
};
// ========================== Motion ============================
var onVisibleChanged = function onVisibleChanged(visible) {
setInMotion(false);
onAlign();
afterPopupVisibleChange === null || afterPopupVisibleChange === void 0 || afterPopupVisibleChange(visible);
};
// We will trigger align when motion is in prepare
var onPrepare = function onPrepare() {
return new Promise(function (resolve) {
syncTargetSize();
setMotionPrepareResolve(function () {
return resolve;
});
});
};
useLayoutEffect(function () {
if (motionPrepareResolve) {
onAlign();
motionPrepareResolve();
setMotionPrepareResolve(null);
}
}, [motionPrepareResolve]);
// =========================== Action ===========================
/**
* Util wrapper for trigger action
*/
function wrapperAction(eventName, nextOpen, delay, preEvent) {
cloneProps[eventName] = function (event) {
var _originChildProps$eve;
preEvent === null || preEvent === void 0 || preEvent(event);
triggerOpen(nextOpen, delay);
// Pass to origin
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
args[_key - 1] = arguments[_key];
}
(_originChildProps$eve = originChildProps[eventName]) === null || _originChildProps$eve === void 0 || _originChildProps$eve.call.apply(_originChildProps$eve, [originChildProps, event].concat(args));
};
}
// ======================= Action: Click ========================
if (clickToShow || clickToHide) {
cloneProps.onClick = function (event) {
var _originChildProps$onC;
if (openRef.current && clickToHide) {
triggerOpen(false);
} else if (!openRef.current && clickToShow) {
setMousePosByEvent(event);
triggerOpen(true);
}
// Pass to origin
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
args[_key2 - 1] = arguments[_key2];
}
(_originChildProps$onC = originChildProps.onClick) === null || _originChildProps$onC === void 0 || _originChildProps$onC.call.apply(_originChildProps$onC, [originChildProps, event].concat(args));
};
}
// Click to hide is special action since click popup element should not hide
var onPopupPointerDown = useWinClick(mergedOpen, clickToHide, targetEle, popupEle, mask, maskClosable, inPopupOrChild, triggerOpen);
// ======================= Action: Hover ========================
var hoverToShow = showActions.has('hover');
var hoverToHide = hideActions.has('hover');
var onPopupMouseEnter;
var onPopupMouseLeave;
if (hoverToShow) {
// Compatible with old browser which not support pointer event
wrapperAction('onMouseEnter', true, mouseEnterDelay, function (event) {
setMousePosByEvent(event);
});
wrapperAction('onPointerEnter', true, mouseEnterDelay, function (event) {
setMousePosByEvent(event);
});
onPopupMouseEnter = function onPopupMouseEnter(event) {
// Only trigger re-open when popup is visible
if ((mergedOpen || inMotion) && popupEle !== null && popupEle !== void 0 && popupEle.contains(event.target)) {
triggerOpen(true, mouseEnterDelay);
}
};
// Align Point
if (alignPoint) {
cloneProps.onMouseMove = function (event) {
var _originChildProps$onM;
// setMousePosByEvent(event);
(_originChildProps$onM = originChildProps.onMouseMove) === null || _originChildProps$onM === void 0 || _originChildProps$onM.call(originChildProps, event);
};
}
}
if (hoverToHide) {
wrapperAction('onMouseLeave', false, mouseLeaveDelay);
wrapperAction('onPointerLeave', false, mouseLeaveDelay);
onPopupMouseLeave = function onPopupMouseLeave() {
triggerOpen(false, mouseLeaveDelay);
};
}
// ======================= Action: Focus ========================
if (showActions.has('focus')) {
wrapperAction('onFocus', true, focusDelay);
}
if (hideActions.has('focus')) {
wrapperAction('onBlur', false, blurDelay);
}
// ==================== Action: ContextMenu =====================
if (showActions.has('contextMenu')) {
cloneProps.onContextMenu = function (event) {
var _originChildProps$onC2;
if (openRef.current && hideActions.has('contextMenu')) {
triggerOpen(false);
} else {
setMousePosByEvent(event);
triggerOpen(true);
}
event.preventDefault();
// Pass to origin
for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
args[_key3 - 1] = arguments[_key3];
}
(_originChildProps$onC2 = originChildProps.onContextMenu) === null || _originChildProps$onC2 === void 0 || _originChildProps$onC2.call.apply(_originChildProps$onC2, [originChildProps, event].concat(args));
};
}
// ========================= ClassName ==========================
if (className) {
cloneProps.className = classNames(originChildProps.className, className);
}
// ============================ Perf ============================
var renderedRef = React.useRef(false);
renderedRef.current || (renderedRef.current = forceRender || mergedOpen || inMotion);
// =========================== Render ===========================
var mergedChildrenProps = _objectSpread(_objectSpread({}, originChildProps), cloneProps);
// Pass props into cloneProps for nest usage
var passedProps = {};
var passedEventList = ['onContextMenu', 'onClick', 'onMouseDown', 'onTouchStart', 'onMouseEnter', 'onMouseLeave', 'onFocus', 'onBlur'];
passedEventList.forEach(function (eventName) {
if (restProps[eventName]) {
passedProps[eventName] = function () {
var _mergedChildrenProps$;
for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
args[_key4] = arguments[_key4];
}
(_mergedChildrenProps$ = mergedChildrenProps[eventName]) === null || _mergedChildrenProps$ === void 0 || _mergedChildrenProps$.call.apply(_mergedChildrenProps$, [mergedChildrenProps].concat(args));
restProps[eventName].apply(restProps, args);
};
}
});
// Child Node
var triggerNode = /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread({}, mergedChildrenProps), passedProps));
var arrowPos = {
x: arrowX,
y: arrowY
};
var innerArrow = arrow ? _objectSpread({}, arrow !== true ? arrow : {}) : null;
// Render
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ResizeObserver, {
disabled: !mergedOpen,
ref: setTargetRef,
onResize: onTargetResize
}, /*#__PURE__*/React.createElement(TriggerWrapper, {
getTriggerDOMNode: getTriggerDOMNode
}, triggerNode)), renderedRef.current && /*#__PURE__*/React.createElement(TriggerContext.Provider, {
value: context
}, /*#__PURE__*/React.createElement(Popup, {
portal: PortalComponent,
ref: setPopupRef,
prefixCls: prefixCls,
popup: popup,
className: classNames(popupClassName, alignedClassName),
style: popupStyle,
target: targetEle,
onMouseEnter: onPopupMouseEnter,
onMouseLeave: onPopupMouseLeave
// https://github.com/ant-design/ant-design/issues/43924
,
onPointerEnter: onPopupMouseEnter,
zIndex: zIndex
// Open
,
open: mergedOpen,
keepDom: inMotion,
fresh: fresh
// Click
,
onClick: onPopupClick,
onPointerDownCapture: onPopupPointerDown
// Mask
,
mask: mask
// Motion
,
motion: mergePopupMotion,
maskMotion: mergeMaskMotion,
onVisibleChanged: onVisibleChanged,
onPrepare: onPrepare
// Portal
,
forceRender: forceRender,
autoDestroy: mergedAutoDestroy,
getPopupContainer: getPopupContainer
// Arrow
,
align: alignInfo,
arrow: innerArrow,
arrowPos: arrowPos
// Align
,
ready: ready,
offsetX: offsetX,
offsetY: offsetY,
offsetR: offsetR,
offsetB: offsetB,
onAlign: triggerAlign
// Stretch
,
stretch: stretch,
targetWidth: targetWidth / scaleX,
targetHeight: targetHeight / scaleY
})));
});
if (process.env.NODE_ENV !== 'production') {
Trigger.displayName = 'Trigger';
}
return Trigger;
}
export default generateTrigger(Portal);

99
node_modules/@rc-component/trigger/es/interface.d.ts generated vendored Normal file
View File

@@ -0,0 +1,99 @@
/// <reference types="react" />
import type { CSSMotionProps } from 'rc-motion';
export type Placement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
export type AlignPointTopBottom = 't' | 'b' | 'c';
export type AlignPointLeftRight = 'l' | 'r' | 'c';
/** Two char of 't' 'b' 'c' 'l' 'r'. Example: 'lt' */
export type AlignPoint = `${AlignPointTopBottom}${AlignPointLeftRight}`;
export type OffsetType = number | `${number}%`;
export interface AlignType {
/**
* move point of source node to align with point of target node.
* Such as ['tr','cc'], align top right point of source node with center point of target node.
* Point can be 't'(top), 'b'(bottom), 'c'(center), 'l'(left), 'r'(right) */
points?: (string | AlignPoint)[];
/**
* @private Do not use in your production code
*/
_experimental?: Record<string, any>;
/**
* offset source node by offset[0] in x and offset[1] in y.
* If offset contains percentage string value, it is relative to sourceNode region.
*/
offset?: OffsetType[];
/**
* offset target node by offset[0] in x and offset[1] in y.
* If targetOffset contains percentage string value, it is relative to targetNode region.
*/
targetOffset?: OffsetType[];
/**
* If adjustX field is true, will adjust source node in x direction if source node is invisible.
* If adjustY field is true, will adjust source node in y direction if source node is invisible.
*/
overflow?: {
adjustX?: boolean | number;
adjustY?: boolean | number;
shiftX?: boolean | number;
shiftY?: boolean | number;
};
/** Auto adjust arrow position */
autoArrow?: boolean;
/**
* Config visible region check of html node. Default `visible`:
* - `visible`:
* The visible region of user browser window.
* Use `clientHeight` for check.
* If `visible` region not satisfy, fallback to `scroll`.
* - `scroll`:
* The whole region of the html scroll area.
* Use `scrollHeight` for check.
* - `visibleFirst`:
* Similar to `visible`, but if `visible` region not satisfy, fallback to `scroll`.
*/
htmlRegion?: 'visible' | 'scroll' | 'visibleFirst';
/**
* Auto chose position with `top` or `bottom` by the align result
*/
dynamicInset?: boolean;
/**
* Whether use css right instead of left to position
*/
useCssRight?: boolean;
/**
* Whether use css bottom instead of top to position
*/
useCssBottom?: boolean;
/**
* Whether use css transform instead of left/top/right/bottom to position if browser supports.
* Defaults to false.
*/
useCssTransform?: boolean;
ignoreShake?: boolean;
}
export interface ArrowTypeOuter {
className?: string;
content?: React.ReactNode;
}
export type ArrowPos = {
x?: number;
y?: number;
};
export type BuildInPlacements = Record<string, AlignType>;
export type StretchType = string;
export type ActionType = 'hover' | 'focus' | 'click' | 'contextMenu';
export type AnimationType = string;
export type TransitionNameType = string;
export interface Point {
pageX: number;
pageY: number;
}
export interface CommonEventHandler {
remove: () => void;
}
export interface MobileConfig {
/** Set popup motion. You can ref `rc-motion` for more info. */
popupMotion?: CSSMotionProps;
popupClassName?: string;
popupStyle?: React.CSSProperties;
popupRender?: (originNode: React.ReactNode) => React.ReactNode;
}

1
node_modules/@rc-component/trigger/es/interface.js generated vendored Normal file
View File

@@ -0,0 +1 @@
export {};

3
node_modules/@rc-component/trigger/es/mock.d.ts generated vendored Normal file
View File

@@ -0,0 +1,3 @@
import * as React from 'react';
declare const _default: React.ForwardRefExoticComponent<import("./index").TriggerProps & React.RefAttributes<import("./index").TriggerRef>>;
export default _default;

25
node_modules/@rc-component/trigger/es/mock.js generated vendored Normal file
View File

@@ -0,0 +1,25 @@
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
import * as React from 'react';
import { generateTrigger } from "./index";
var MockPortal = function MockPortal(_ref) {
var open = _ref.open,
autoDestroy = _ref.autoDestroy,
children = _ref.children,
getContainer = _ref.getContainer;
var _React$useState = React.useState(open),
_React$useState2 = _slicedToArray(_React$useState, 2),
visible = _React$useState2[0],
setVisible = _React$useState2[1];
React.useEffect(function () {
getContainer === null || getContainer === void 0 || getContainer();
});
React.useEffect(function () {
if (open) {
setVisible(true);
} else if (autoDestroy) {
setVisible(false);
}
}, [open, autoDestroy]);
return visible ? children : null;
};
export default generateTrigger(MockPortal);

47
node_modules/@rc-component/trigger/es/util.d.ts generated vendored Normal file
View File

@@ -0,0 +1,47 @@
import type { CSSMotionProps } from 'rc-motion';
import type { AlignType, AnimationType, BuildInPlacements, TransitionNameType } from './interface';
export declare function getAlignPopupClassName(builtinPlacements: BuildInPlacements, prefixCls: string, align: AlignType, isAlignPoint: boolean): string;
/** @deprecated We should not use this if we can refactor all deps */
export declare function getMotion(prefixCls: string, motion: CSSMotionProps, animation: AnimationType, transitionName: TransitionNameType): CSSMotionProps;
export declare function getWin(ele: HTMLElement): Window & typeof globalThis;
/**
* Get all the scrollable parent elements of the element
* @param ele The element to be detected
* @param areaOnly Only return the parent which will cut visible area
*/
export declare function collectScroller(ele: HTMLElement): HTMLElement[];
export declare function toNum(num: number, defaultValue?: number): number;
export interface VisibleArea {
left: number;
top: number;
right: number;
bottom: number;
}
/**
*
*
* **************************************
* * Border *
* * ************************** *
* * * * * *
* * B * * S * B *
* * o * * c * o *
* * r * Content * r * r *
* * d * * o * d *
* * e * * l * e *
* * r ******************** l * r *
* * * Scroll * *
* * ************************** *
* * Border *
* **************************************
*
*/
/**
* Get visible area of element
*/
export declare function getVisibleArea(initArea: VisibleArea, scrollerList?: HTMLElement[]): {
left: number;
top: number;
right: number;
bottom: number;
};

154
node_modules/@rc-component/trigger/es/util.js generated vendored Normal file
View File

@@ -0,0 +1,154 @@
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
function isPointsEq() {
var a1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
var a2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
var isAlignPoint = arguments.length > 2 ? arguments[2] : undefined;
if (isAlignPoint) {
return a1[0] === a2[0];
}
return a1[0] === a2[0] && a1[1] === a2[1];
}
export function getAlignPopupClassName(builtinPlacements, prefixCls, align, isAlignPoint) {
var points = align.points;
var placements = Object.keys(builtinPlacements);
for (var i = 0; i < placements.length; i += 1) {
var _builtinPlacements$pl;
var placement = placements[i];
if (isPointsEq((_builtinPlacements$pl = builtinPlacements[placement]) === null || _builtinPlacements$pl === void 0 ? void 0 : _builtinPlacements$pl.points, points, isAlignPoint)) {
return "".concat(prefixCls, "-placement-").concat(placement);
}
}
return '';
}
/** @deprecated We should not use this if we can refactor all deps */
export function getMotion(prefixCls, motion, animation, transitionName) {
if (motion) {
return motion;
}
if (animation) {
return {
motionName: "".concat(prefixCls, "-").concat(animation)
};
}
if (transitionName) {
return {
motionName: transitionName
};
}
return null;
}
export function getWin(ele) {
return ele.ownerDocument.defaultView;
}
/**
* Get all the scrollable parent elements of the element
* @param ele The element to be detected
* @param areaOnly Only return the parent which will cut visible area
*/
export function collectScroller(ele) {
var scrollerList = [];
var current = ele === null || ele === void 0 ? void 0 : ele.parentElement;
var scrollStyle = ['hidden', 'scroll', 'clip', 'auto'];
while (current) {
var _getWin$getComputedSt = getWin(current).getComputedStyle(current),
overflowX = _getWin$getComputedSt.overflowX,
overflowY = _getWin$getComputedSt.overflowY,
overflow = _getWin$getComputedSt.overflow;
if ([overflowX, overflowY, overflow].some(function (o) {
return scrollStyle.includes(o);
})) {
scrollerList.push(current);
}
current = current.parentElement;
}
return scrollerList;
}
export function toNum(num) {
var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
return Number.isNaN(num) ? defaultValue : num;
}
function getPxValue(val) {
return toNum(parseFloat(val), 0);
}
/**
*
*
* **************************************
* * Border *
* * ************************** *
* * * * * *
* * B * * S * B *
* * o * * c * o *
* * r * Content * r * r *
* * d * * o * d *
* * e * * l * e *
* * r ******************** l * r *
* * * Scroll * *
* * ************************** *
* * Border *
* **************************************
*
*/
/**
* Get visible area of element
*/
export function getVisibleArea(initArea, scrollerList) {
var visibleArea = _objectSpread({}, initArea);
(scrollerList || []).forEach(function (ele) {
if (ele instanceof HTMLBodyElement || ele instanceof HTMLHtmlElement) {
return;
}
// Skip if static position which will not affect visible area
var _getWin$getComputedSt2 = getWin(ele).getComputedStyle(ele),
overflow = _getWin$getComputedSt2.overflow,
overflowClipMargin = _getWin$getComputedSt2.overflowClipMargin,
borderTopWidth = _getWin$getComputedSt2.borderTopWidth,
borderBottomWidth = _getWin$getComputedSt2.borderBottomWidth,
borderLeftWidth = _getWin$getComputedSt2.borderLeftWidth,
borderRightWidth = _getWin$getComputedSt2.borderRightWidth;
var eleRect = ele.getBoundingClientRect();
var eleOutHeight = ele.offsetHeight,
eleInnerHeight = ele.clientHeight,
eleOutWidth = ele.offsetWidth,
eleInnerWidth = ele.clientWidth;
var borderTopNum = getPxValue(borderTopWidth);
var borderBottomNum = getPxValue(borderBottomWidth);
var borderLeftNum = getPxValue(borderLeftWidth);
var borderRightNum = getPxValue(borderRightWidth);
var scaleX = toNum(Math.round(eleRect.width / eleOutWidth * 1000) / 1000);
var scaleY = toNum(Math.round(eleRect.height / eleOutHeight * 1000) / 1000);
// Original visible area
var eleScrollWidth = (eleOutWidth - eleInnerWidth - borderLeftNum - borderRightNum) * scaleX;
var eleScrollHeight = (eleOutHeight - eleInnerHeight - borderTopNum - borderBottomNum) * scaleY;
// Cut border size
var scaledBorderTopWidth = borderTopNum * scaleY;
var scaledBorderBottomWidth = borderBottomNum * scaleY;
var scaledBorderLeftWidth = borderLeftNum * scaleX;
var scaledBorderRightWidth = borderRightNum * scaleX;
// Clip margin
var clipMarginWidth = 0;
var clipMarginHeight = 0;
if (overflow === 'clip') {
var clipNum = getPxValue(overflowClipMargin);
clipMarginWidth = clipNum * scaleX;
clipMarginHeight = clipNum * scaleY;
}
// Region
var eleLeft = eleRect.x + scaledBorderLeftWidth - clipMarginWidth;
var eleTop = eleRect.y + scaledBorderTopWidth - clipMarginHeight;
var eleRight = eleLeft + eleRect.width + 2 * clipMarginWidth - scaledBorderLeftWidth - scaledBorderRightWidth - eleScrollWidth;
var eleBottom = eleTop + eleRect.height + 2 * clipMarginHeight - scaledBorderTopWidth - scaledBorderBottomWidth - eleScrollHeight;
visibleArea.left = Math.max(visibleArea.left, eleLeft);
visibleArea.top = Math.max(visibleArea.top, eleTop);
visibleArea.right = Math.min(visibleArea.right, eleRight);
visibleArea.bottom = Math.min(visibleArea.bottom, eleBottom);
});
return visibleArea;
}

9
node_modules/@rc-component/trigger/lib/Popup/Arrow.d.ts generated vendored Normal file
View File

@@ -0,0 +1,9 @@
import * as React from 'react';
import type { AlignType, ArrowPos, ArrowTypeOuter } from '../interface';
export interface ArrowProps {
prefixCls: string;
align: AlignType;
arrow: ArrowTypeOuter;
arrowPos: ArrowPos;
}
export default function Arrow(props: ArrowProps): React.JSX.Element;

65
node_modules/@rc-component/trigger/lib/Popup/Arrow.js generated vendored Normal file
View File

@@ -0,0 +1,65 @@
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = Arrow;
var _classnames = _interopRequireDefault(require("classnames"));
var React = _interopRequireWildcard(require("react"));
function Arrow(props) {
var prefixCls = props.prefixCls,
align = props.align,
arrow = props.arrow,
arrowPos = props.arrowPos;
var _ref = arrow || {},
className = _ref.className,
content = _ref.content;
var _arrowPos$x = arrowPos.x,
x = _arrowPos$x === void 0 ? 0 : _arrowPos$x,
_arrowPos$y = arrowPos.y,
y = _arrowPos$y === void 0 ? 0 : _arrowPos$y;
var arrowRef = React.useRef();
// Skip if no align
if (!align || !align.points) {
return null;
}
var alignStyle = {
position: 'absolute'
};
// Skip if no need to align
if (align.autoArrow !== false) {
var popupPoints = align.points[0];
var targetPoints = align.points[1];
var popupTB = popupPoints[0];
var popupLR = popupPoints[1];
var targetTB = targetPoints[0];
var targetLR = targetPoints[1];
// Top & Bottom
if (popupTB === targetTB || !['t', 'b'].includes(popupTB)) {
alignStyle.top = y;
} else if (popupTB === 't') {
alignStyle.top = 0;
} else {
alignStyle.bottom = 0;
}
// Left & Right
if (popupLR === targetLR || !['l', 'r'].includes(popupLR)) {
alignStyle.left = x;
} else if (popupLR === 'l') {
alignStyle.left = 0;
} else {
alignStyle.right = 0;
}
}
return /*#__PURE__*/React.createElement("div", {
ref: arrowRef,
className: (0, _classnames.default)("".concat(prefixCls, "-arrow"), className),
style: alignStyle
}, content);
}

10
node_modules/@rc-component/trigger/lib/Popup/Mask.d.ts generated vendored Normal file
View File

@@ -0,0 +1,10 @@
import type { CSSMotionProps } from 'rc-motion';
import * as React from 'react';
export interface MaskProps {
prefixCls: string;
open?: boolean;
zIndex?: number;
mask?: boolean;
motion?: CSSMotionProps;
}
export default function Mask(props: MaskProps): React.JSX.Element;

35
node_modules/@rc-component/trigger/lib/Popup/Mask.js generated vendored Normal file
View File

@@ -0,0 +1,35 @@
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = Mask;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _classnames = _interopRequireDefault(require("classnames"));
var _rcMotion = _interopRequireDefault(require("rc-motion"));
var React = _interopRequireWildcard(require("react"));
function Mask(props) {
var prefixCls = props.prefixCls,
open = props.open,
zIndex = props.zIndex,
mask = props.mask,
motion = props.motion;
if (!mask) {
return null;
}
return /*#__PURE__*/React.createElement(_rcMotion.default, (0, _extends2.default)({}, motion, {
motionAppear: true,
visible: open,
removeOnLeave: true
}), function (_ref) {
var className = _ref.className;
return /*#__PURE__*/React.createElement("div", {
style: {
zIndex: zIndex
},
className: (0, _classnames.default)("".concat(prefixCls, "-mask"), className)
});
});
}

7
node_modules/@rc-component/trigger/lib/Popup/PopupContent.d.ts generated vendored Normal file
View File

@@ -0,0 +1,7 @@
import * as React from 'react';
export interface PopupContentProps {
children?: React.ReactNode;
cache?: boolean;
}
declare const PopupContent: React.MemoExoticComponent<({ children }: PopupContentProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>>;
export default PopupContent;

18
node_modules/@rc-component/trigger/lib/Popup/PopupContent.js generated vendored Normal file
View File

@@ -0,0 +1,18 @@
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var PopupContent = /*#__PURE__*/React.memo(function (_ref) {
var children = _ref.children;
return children;
}, function (_, next) {
return next.cache;
});
if (process.env.NODE_ENV !== 'production') {
PopupContent.displayName = 'PopupContent';
}
var _default = exports.default = PopupContent;

44
node_modules/@rc-component/trigger/lib/Popup/index.d.ts generated vendored Normal file
View File

@@ -0,0 +1,44 @@
import type { CSSMotionProps } from 'rc-motion';
import * as React from 'react';
import type { TriggerProps } from '../';
import type { AlignType, ArrowPos, ArrowTypeOuter } from '../interface';
export interface PopupProps {
prefixCls: string;
className?: string;
style?: React.CSSProperties;
popup?: TriggerProps['popup'];
target: HTMLElement;
onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
onPointerEnter?: React.MouseEventHandler<HTMLDivElement>;
onPointerDownCapture?: React.MouseEventHandler<HTMLDivElement>;
zIndex?: number;
mask?: boolean;
onVisibleChanged: (visible: boolean) => void;
align?: AlignType;
arrow?: ArrowTypeOuter;
arrowPos: ArrowPos;
open: boolean;
/** Tell Portal that should keep in screen. e.g. should wait all motion end */
keepDom: boolean;
fresh?: boolean;
onClick?: React.MouseEventHandler<HTMLDivElement>;
motion?: CSSMotionProps;
maskMotion?: CSSMotionProps;
forceRender?: boolean;
getPopupContainer?: TriggerProps['getPopupContainer'];
autoDestroy?: boolean;
portal: React.ComponentType<any>;
ready: boolean;
offsetX: number;
offsetY: number;
offsetR: number;
offsetB: number;
onAlign: VoidFunction;
onPrepare: () => Promise<void>;
stretch?: string;
targetWidth?: number;
targetHeight?: number;
}
declare const Popup: React.ForwardRefExoticComponent<PopupProps & React.RefAttributes<HTMLDivElement>>;
export default Popup;

195
node_modules/@rc-component/trigger/lib/Popup/index.js generated vendored Normal file
View File

@@ -0,0 +1,195 @@
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _classnames = _interopRequireDefault(require("classnames"));
var _rcMotion = _interopRequireDefault(require("rc-motion"));
var _rcResizeObserver = _interopRequireDefault(require("rc-resize-observer"));
var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
var _ref2 = require("rc-util/lib/ref");
var React = _interopRequireWildcard(require("react"));
var _Arrow = _interopRequireDefault(require("./Arrow"));
var _Mask = _interopRequireDefault(require("./Mask"));
var _PopupContent = _interopRequireDefault(require("./PopupContent"));
var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
var popup = props.popup,
className = props.className,
prefixCls = props.prefixCls,
style = props.style,
target = props.target,
_onVisibleChanged = props.onVisibleChanged,
open = props.open,
keepDom = props.keepDom,
fresh = props.fresh,
onClick = props.onClick,
mask = props.mask,
arrow = props.arrow,
arrowPos = props.arrowPos,
align = props.align,
motion = props.motion,
maskMotion = props.maskMotion,
forceRender = props.forceRender,
getPopupContainer = props.getPopupContainer,
autoDestroy = props.autoDestroy,
Portal = props.portal,
zIndex = props.zIndex,
onMouseEnter = props.onMouseEnter,
onMouseLeave = props.onMouseLeave,
onPointerEnter = props.onPointerEnter,
onPointerDownCapture = props.onPointerDownCapture,
ready = props.ready,
offsetX = props.offsetX,
offsetY = props.offsetY,
offsetR = props.offsetR,
offsetB = props.offsetB,
onAlign = props.onAlign,
onPrepare = props.onPrepare,
stretch = props.stretch,
targetWidth = props.targetWidth,
targetHeight = props.targetHeight;
var childNode = typeof popup === 'function' ? popup() : popup;
// We can not remove holder only when motion finished.
var isNodeVisible = open || keepDom;
// ======================= Container ========================
var getPopupContainerNeedParams = (getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer.length) > 0;
var _React$useState = React.useState(!getPopupContainer || !getPopupContainerNeedParams),
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
show = _React$useState2[0],
setShow = _React$useState2[1];
// Delay to show since `getPopupContainer` need target element
(0, _useLayoutEffect.default)(function () {
if (!show && getPopupContainerNeedParams && target) {
setShow(true);
}
}, [show, getPopupContainerNeedParams, target]);
// ========================= Render =========================
if (!show) {
return null;
}
// >>>>> Offset
var AUTO = 'auto';
var offsetStyle = {
left: '-1000vw',
top: '-1000vh',
right: AUTO,
bottom: AUTO
};
// Set align style
if (ready || !open) {
var _experimental;
var points = align.points;
var dynamicInset = align.dynamicInset || ((_experimental = align._experimental) === null || _experimental === void 0 ? void 0 : _experimental.dynamicInset);
var alignRight = dynamicInset && points[0][1] === 'r';
var alignBottom = dynamicInset && points[0][0] === 'b';
if (alignRight) {
offsetStyle.right = offsetR;
offsetStyle.left = AUTO;
} else {
offsetStyle.left = offsetX;
offsetStyle.right = AUTO;
}
if (alignBottom) {
offsetStyle.bottom = offsetB;
offsetStyle.top = AUTO;
} else {
offsetStyle.top = offsetY;
offsetStyle.bottom = AUTO;
}
}
// >>>>> Misc
var miscStyle = {};
if (stretch) {
if (stretch.includes('height') && targetHeight) {
miscStyle.height = targetHeight;
} else if (stretch.includes('minHeight') && targetHeight) {
miscStyle.minHeight = targetHeight;
}
if (stretch.includes('width') && targetWidth) {
miscStyle.width = targetWidth;
} else if (stretch.includes('minWidth') && targetWidth) {
miscStyle.minWidth = targetWidth;
}
}
if (!open) {
miscStyle.pointerEvents = 'none';
}
return /*#__PURE__*/React.createElement(Portal, {
open: forceRender || isNodeVisible,
getContainer: getPopupContainer && function () {
return getPopupContainer(target);
},
autoDestroy: autoDestroy
}, /*#__PURE__*/React.createElement(_Mask.default, {
prefixCls: prefixCls,
open: open,
zIndex: zIndex,
mask: mask,
motion: maskMotion
}), /*#__PURE__*/React.createElement(_rcResizeObserver.default, {
onResize: onAlign,
disabled: !open
}, function (resizeObserverRef) {
return /*#__PURE__*/React.createElement(_rcMotion.default, (0, _extends2.default)({
motionAppear: true,
motionEnter: true,
motionLeave: true,
removeOnLeave: false,
forceRender: forceRender,
leavedClassName: "".concat(prefixCls, "-hidden")
}, motion, {
onAppearPrepare: onPrepare,
onEnterPrepare: onPrepare,
visible: open,
onVisibleChanged: function onVisibleChanged(nextVisible) {
var _motion$onVisibleChan;
motion === null || motion === void 0 || (_motion$onVisibleChan = motion.onVisibleChanged) === null || _motion$onVisibleChan === void 0 || _motion$onVisibleChan.call(motion, nextVisible);
_onVisibleChanged(nextVisible);
}
}), function (_ref, motionRef) {
var motionClassName = _ref.className,
motionStyle = _ref.style;
var cls = (0, _classnames.default)(prefixCls, motionClassName, className);
return /*#__PURE__*/React.createElement("div", {
ref: (0, _ref2.composeRef)(resizeObserverRef, ref, motionRef),
className: cls,
style: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
'--arrow-x': "".concat(arrowPos.x || 0, "px"),
'--arrow-y': "".concat(arrowPos.y || 0, "px")
}, offsetStyle), miscStyle), motionStyle), {}, {
boxSizing: 'border-box',
zIndex: zIndex
}, style),
onMouseEnter: onMouseEnter,
onMouseLeave: onMouseLeave,
onPointerEnter: onPointerEnter,
onClick: onClick,
onPointerDownCapture: onPointerDownCapture
}, arrow && /*#__PURE__*/React.createElement(_Arrow.default, {
prefixCls: prefixCls,
arrow: arrow,
arrowPos: arrowPos,
align: align
}), /*#__PURE__*/React.createElement(_PopupContent.default, {
cache: !open && !fresh
}, childNode));
});
}));
});
if (process.env.NODE_ENV !== 'production') {
Popup.displayName = 'Popup';
}
var _default = exports.default = Popup;

8
node_modules/@rc-component/trigger/lib/TriggerWrapper.d.ts generated vendored Normal file
View File

@@ -0,0 +1,8 @@
import * as React from 'react';
import type { TriggerProps } from '.';
export interface TriggerWrapperProps {
getTriggerDOMNode?: TriggerProps['getTriggerDOMNode'];
children: React.ReactElement;
}
declare const TriggerWrapper: React.ForwardRefExoticComponent<TriggerWrapperProps & React.RefAttributes<HTMLElement>>;
export default TriggerWrapper;

27
node_modules/@rc-component/trigger/lib/TriggerWrapper.js generated vendored Normal file
View File

@@ -0,0 +1,27 @@
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _ref = require("rc-util/lib/ref");
var React = _interopRequireWildcard(require("react"));
var TriggerWrapper = /*#__PURE__*/React.forwardRef(function (props, ref) {
var children = props.children,
getTriggerDOMNode = props.getTriggerDOMNode;
var canUseRef = (0, _ref.supportRef)(children);
// When use `getTriggerDOMNode`, we should do additional work to get the real dom
var setRef = React.useCallback(function (node) {
(0, _ref.fillRef)(ref, getTriggerDOMNode ? getTriggerDOMNode(node) : node);
}, [getTriggerDOMNode]);
var mergedRef = (0, _ref.useComposeRef)(setRef, (0, _ref.getNodeRef)(children));
return canUseRef ? /*#__PURE__*/React.cloneElement(children, {
ref: mergedRef
}) : children;
});
if (process.env.NODE_ENV !== 'production') {
TriggerWrapper.displayName = 'TriggerWrapper';
}
var _default = exports.default = TriggerWrapper;

6
node_modules/@rc-component/trigger/lib/context.d.ts generated vendored Normal file
View File

@@ -0,0 +1,6 @@
import * as React from 'react';
export interface TriggerContextProps {
registerSubPopup: (id: string, node: HTMLElement) => void;
}
declare const TriggerContext: React.Context<TriggerContextProps>;
export default TriggerContext;

10
node_modules/@rc-component/trigger/lib/context.js generated vendored Normal file
View File

@@ -0,0 +1,10 @@
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var TriggerContext = /*#__PURE__*/React.createContext(null);
var _default = exports.default = TriggerContext;

4
node_modules/@rc-component/trigger/lib/hooks/useAction.d.ts generated vendored Normal file
View File

@@ -0,0 +1,4 @@
import type { ActionType } from '../interface';
type ActionTypes = ActionType | ActionType[];
export default function useAction(mobile: boolean, action: ActionTypes, showAction?: ActionTypes, hideAction?: ActionTypes): [showAction: Set<ActionType>, hideAction: Set<ActionType>];
export {};

30
node_modules/@rc-component/trigger/lib/hooks/useAction.js generated vendored Normal file
View File

@@ -0,0 +1,30 @@
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = useAction;
var React = _interopRequireWildcard(require("react"));
function toArray(val) {
return val ? Array.isArray(val) ? val : [val] : [];
}
function useAction(mobile, action, showAction, hideAction) {
return React.useMemo(function () {
var mergedShowAction = toArray(showAction !== null && showAction !== void 0 ? showAction : action);
var mergedHideAction = toArray(hideAction !== null && hideAction !== void 0 ? hideAction : action);
var showActionSet = new Set(mergedShowAction);
var hideActionSet = new Set(mergedHideAction);
if (mobile) {
if (showActionSet.has('hover')) {
showActionSet.delete('hover');
showActionSet.add('click');
}
if (hideActionSet.has('hover')) {
hideActionSet.delete('hover');
hideActionSet.add('click');
}
}
return [showActionSet, hideActionSet];
}, [mobile, action, showAction, hideAction]);
}

15
node_modules/@rc-component/trigger/lib/hooks/useAlign.d.ts generated vendored Normal file
View File

@@ -0,0 +1,15 @@
import type { TriggerProps } from '..';
import type { AlignType } from '../interface';
export default function useAlign(open: boolean, popupEle: HTMLElement, target: HTMLElement | [x: number, y: number], placement: string, builtinPlacements: any, popupAlign?: AlignType, onPopupAlign?: TriggerProps['onPopupAlign']): [
ready: boolean,
offsetX: number,
offsetY: number,
offsetR: number,
offsetB: number,
arrowX: number,
arrowY: number,
scaleX: number,
scaleY: number,
align: AlignType,
onAlign: VoidFunction
];

540
node_modules/@rc-component/trigger/lib/hooks/useAlign.js generated vendored Normal file
View File

@@ -0,0 +1,540 @@
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = useAlign;
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _findDOMNode = require("rc-util/lib/Dom/findDOMNode");
var _isVisible = _interopRequireDefault(require("rc-util/lib/Dom/isVisible"));
var _useEvent = _interopRequireDefault(require("rc-util/lib/hooks/useEvent"));
var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
var React = _interopRequireWildcard(require("react"));
var _util = require("../util");
function getUnitOffset(size) {
var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
var offsetStr = "".concat(offset);
var cells = offsetStr.match(/^(.*)\%$/);
if (cells) {
return size * (parseFloat(cells[1]) / 100);
}
return parseFloat(offsetStr);
}
function getNumberOffset(rect, offset) {
var _ref = offset || [],
_ref2 = (0, _slicedToArray2.default)(_ref, 2),
offsetX = _ref2[0],
offsetY = _ref2[1];
return [getUnitOffset(rect.width, offsetX), getUnitOffset(rect.height, offsetY)];
}
function splitPoints() {
var points = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
return [points[0], points[1]];
}
function getAlignPoint(rect, points) {
var topBottom = points[0];
var leftRight = points[1];
var x;
var y;
// Top & Bottom
if (topBottom === 't') {
y = rect.y;
} else if (topBottom === 'b') {
y = rect.y + rect.height;
} else {
y = rect.y + rect.height / 2;
}
// Left & Right
if (leftRight === 'l') {
x = rect.x;
} else if (leftRight === 'r') {
x = rect.x + rect.width;
} else {
x = rect.x + rect.width / 2;
}
return {
x: x,
y: y
};
}
function reversePoints(points, index) {
var reverseMap = {
t: 'b',
b: 't',
l: 'r',
r: 'l'
};
return points.map(function (point, i) {
if (i === index) {
return reverseMap[point] || 'c';
}
return point;
}).join('');
}
function useAlign(open, popupEle, target, placement, builtinPlacements, popupAlign, onPopupAlign) {
var _React$useState = React.useState({
ready: false,
offsetX: 0,
offsetY: 0,
offsetR: 0,
offsetB: 0,
arrowX: 0,
arrowY: 0,
scaleX: 1,
scaleY: 1,
align: builtinPlacements[placement] || {}
}),
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
offsetInfo = _React$useState2[0],
setOffsetInfo = _React$useState2[1];
var alignCountRef = React.useRef(0);
var scrollerList = React.useMemo(function () {
if (!popupEle) {
return [];
}
return (0, _util.collectScroller)(popupEle);
}, [popupEle]);
// ========================= Flip ==========================
// We will memo flip info.
// If size change to make flip, it will memo the flip info and use it in next align.
var prevFlipRef = React.useRef({});
var resetFlipCache = function resetFlipCache() {
prevFlipRef.current = {};
};
if (!open) {
resetFlipCache();
}
// ========================= Align =========================
var onAlign = (0, _useEvent.default)(function () {
if (popupEle && target && open) {
var _popupElement$parentE, _popupRect$x, _popupRect$y, _popupElement$parentE2;
var popupElement = popupEle;
var doc = popupElement.ownerDocument;
var win = (0, _util.getWin)(popupElement);
var _win$getComputedStyle = win.getComputedStyle(popupElement),
popupPosition = _win$getComputedStyle.position;
var originLeft = popupElement.style.left;
var originTop = popupElement.style.top;
var originRight = popupElement.style.right;
var originBottom = popupElement.style.bottom;
var originOverflow = popupElement.style.overflow;
// Placement
var placementInfo = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, builtinPlacements[placement]), popupAlign);
// placeholder element
var placeholderElement = doc.createElement('div');
(_popupElement$parentE = popupElement.parentElement) === null || _popupElement$parentE === void 0 || _popupElement$parentE.appendChild(placeholderElement);
placeholderElement.style.left = "".concat(popupElement.offsetLeft, "px");
placeholderElement.style.top = "".concat(popupElement.offsetTop, "px");
placeholderElement.style.position = popupPosition;
placeholderElement.style.height = "".concat(popupElement.offsetHeight, "px");
placeholderElement.style.width = "".concat(popupElement.offsetWidth, "px");
// Reset first
popupElement.style.left = '0';
popupElement.style.top = '0';
popupElement.style.right = 'auto';
popupElement.style.bottom = 'auto';
popupElement.style.overflow = 'hidden';
// Calculate align style, we should consider `transform` case
var targetRect;
if (Array.isArray(target)) {
targetRect = {
x: target[0],
y: target[1],
width: 0,
height: 0
};
} else {
var _rect$x, _rect$y;
var rect = target.getBoundingClientRect();
rect.x = (_rect$x = rect.x) !== null && _rect$x !== void 0 ? _rect$x : rect.left;
rect.y = (_rect$y = rect.y) !== null && _rect$y !== void 0 ? _rect$y : rect.top;
targetRect = {
x: rect.x,
y: rect.y,
width: rect.width,
height: rect.height
};
}
var popupRect = popupElement.getBoundingClientRect();
var _win$getComputedStyle2 = win.getComputedStyle(popupElement),
height = _win$getComputedStyle2.height,
width = _win$getComputedStyle2.width;
popupRect.x = (_popupRect$x = popupRect.x) !== null && _popupRect$x !== void 0 ? _popupRect$x : popupRect.left;
popupRect.y = (_popupRect$y = popupRect.y) !== null && _popupRect$y !== void 0 ? _popupRect$y : popupRect.top;
var _doc$documentElement = doc.documentElement,
clientWidth = _doc$documentElement.clientWidth,
clientHeight = _doc$documentElement.clientHeight,
scrollWidth = _doc$documentElement.scrollWidth,
scrollHeight = _doc$documentElement.scrollHeight,
scrollTop = _doc$documentElement.scrollTop,
scrollLeft = _doc$documentElement.scrollLeft;
var popupHeight = popupRect.height;
var popupWidth = popupRect.width;
var targetHeight = targetRect.height;
var targetWidth = targetRect.width;
// Get bounding of visible area
var visibleRegion = {
left: 0,
top: 0,
right: clientWidth,
bottom: clientHeight
};
var scrollRegion = {
left: -scrollLeft,
top: -scrollTop,
right: scrollWidth - scrollLeft,
bottom: scrollHeight - scrollTop
};
var htmlRegion = placementInfo.htmlRegion;
var VISIBLE = 'visible';
var VISIBLE_FIRST = 'visibleFirst';
if (htmlRegion !== 'scroll' && htmlRegion !== VISIBLE_FIRST) {
htmlRegion = VISIBLE;
}
var isVisibleFirst = htmlRegion === VISIBLE_FIRST;
var scrollRegionArea = (0, _util.getVisibleArea)(scrollRegion, scrollerList);
var visibleRegionArea = (0, _util.getVisibleArea)(visibleRegion, scrollerList);
var visibleArea = htmlRegion === VISIBLE ? visibleRegionArea : scrollRegionArea;
// When set to `visibleFirst`,
// the check `adjust` logic will use `visibleRegion` for check first.
var adjustCheckVisibleArea = isVisibleFirst ? visibleRegionArea : visibleArea;
// Record right & bottom align data
popupElement.style.left = 'auto';
popupElement.style.top = 'auto';
popupElement.style.right = '0';
popupElement.style.bottom = '0';
var popupMirrorRect = popupElement.getBoundingClientRect();
// Reset back
popupElement.style.left = originLeft;
popupElement.style.top = originTop;
popupElement.style.right = originRight;
popupElement.style.bottom = originBottom;
popupElement.style.overflow = originOverflow;
(_popupElement$parentE2 = popupElement.parentElement) === null || _popupElement$parentE2 === void 0 || _popupElement$parentE2.removeChild(placeholderElement);
// Calculate scale
var _scaleX = (0, _util.toNum)(Math.round(popupWidth / parseFloat(width) * 1000) / 1000);
var _scaleY = (0, _util.toNum)(Math.round(popupHeight / parseFloat(height) * 1000) / 1000);
// No need to align since it's not visible in view
if (_scaleX === 0 || _scaleY === 0 || (0, _findDOMNode.isDOM)(target) && !(0, _isVisible.default)(target)) {
return;
}
// Offset
var offset = placementInfo.offset,
targetOffset = placementInfo.targetOffset;
var _getNumberOffset = getNumberOffset(popupRect, offset),
_getNumberOffset2 = (0, _slicedToArray2.default)(_getNumberOffset, 2),
popupOffsetX = _getNumberOffset2[0],
popupOffsetY = _getNumberOffset2[1];
var _getNumberOffset3 = getNumberOffset(targetRect, targetOffset),
_getNumberOffset4 = (0, _slicedToArray2.default)(_getNumberOffset3, 2),
targetOffsetX = _getNumberOffset4[0],
targetOffsetY = _getNumberOffset4[1];
targetRect.x -= targetOffsetX;
targetRect.y -= targetOffsetY;
// Points
var _ref3 = placementInfo.points || [],
_ref4 = (0, _slicedToArray2.default)(_ref3, 2),
popupPoint = _ref4[0],
targetPoint = _ref4[1];
var targetPoints = splitPoints(targetPoint);
var popupPoints = splitPoints(popupPoint);
var targetAlignPoint = getAlignPoint(targetRect, targetPoints);
var popupAlignPoint = getAlignPoint(popupRect, popupPoints);
// Real align info may not same as origin one
var nextAlignInfo = (0, _objectSpread2.default)({}, placementInfo);
// Next Offset
var nextOffsetX = targetAlignPoint.x - popupAlignPoint.x + popupOffsetX;
var nextOffsetY = targetAlignPoint.y - popupAlignPoint.y + popupOffsetY;
// ============== Intersection ===============
// Get area by position. Used for check if flip area is better
function getIntersectionVisibleArea(offsetX, offsetY) {
var area = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : visibleArea;
var l = popupRect.x + offsetX;
var t = popupRect.y + offsetY;
var r = l + popupWidth;
var b = t + popupHeight;
var visibleL = Math.max(l, area.left);
var visibleT = Math.max(t, area.top);
var visibleR = Math.min(r, area.right);
var visibleB = Math.min(b, area.bottom);
return Math.max(0, (visibleR - visibleL) * (visibleB - visibleT));
}
var originIntersectionVisibleArea = getIntersectionVisibleArea(nextOffsetX, nextOffsetY);
// As `visibleFirst`, we prepare this for check
var originIntersectionRecommendArea = getIntersectionVisibleArea(nextOffsetX, nextOffsetY, visibleRegionArea);
// ========================== Overflow ===========================
var targetAlignPointTL = getAlignPoint(targetRect, ['t', 'l']);
var popupAlignPointTL = getAlignPoint(popupRect, ['t', 'l']);
var targetAlignPointBR = getAlignPoint(targetRect, ['b', 'r']);
var popupAlignPointBR = getAlignPoint(popupRect, ['b', 'r']);
var overflow = placementInfo.overflow || {};
var adjustX = overflow.adjustX,
adjustY = overflow.adjustY,
shiftX = overflow.shiftX,
shiftY = overflow.shiftY;
var supportAdjust = function supportAdjust(val) {
if (typeof val === 'boolean') {
return val;
}
return val >= 0;
};
// Prepare position
var nextPopupY;
var nextPopupBottom;
var nextPopupX;
var nextPopupRight;
function syncNextPopupPosition() {
nextPopupY = popupRect.y + nextOffsetY;
nextPopupBottom = nextPopupY + popupHeight;
nextPopupX = popupRect.x + nextOffsetX;
nextPopupRight = nextPopupX + popupWidth;
}
syncNextPopupPosition();
// >>>>>>>>>> Top & Bottom
var needAdjustY = supportAdjust(adjustY);
var sameTB = popupPoints[0] === targetPoints[0];
// Bottom to Top
if (needAdjustY && popupPoints[0] === 't' && (nextPopupBottom > adjustCheckVisibleArea.bottom || prevFlipRef.current.bt)) {
var tmpNextOffsetY = nextOffsetY;
if (sameTB) {
tmpNextOffsetY -= popupHeight - targetHeight;
} else {
tmpNextOffsetY = targetAlignPointTL.y - popupAlignPointBR.y - popupOffsetY;
}
var newVisibleArea = getIntersectionVisibleArea(nextOffsetX, tmpNextOffsetY);
var newVisibleRecommendArea = getIntersectionVisibleArea(nextOffsetX, tmpNextOffsetY, visibleRegionArea);
if (
// Of course use larger one
newVisibleArea > originIntersectionVisibleArea || newVisibleArea === originIntersectionVisibleArea && (!isVisibleFirst ||
// Choose recommend one
newVisibleRecommendArea >= originIntersectionRecommendArea)) {
prevFlipRef.current.bt = true;
nextOffsetY = tmpNextOffsetY;
popupOffsetY = -popupOffsetY;
nextAlignInfo.points = [reversePoints(popupPoints, 0), reversePoints(targetPoints, 0)];
} else {
prevFlipRef.current.bt = false;
}
}
// Top to Bottom
if (needAdjustY && popupPoints[0] === 'b' && (nextPopupY < adjustCheckVisibleArea.top || prevFlipRef.current.tb)) {
var _tmpNextOffsetY = nextOffsetY;
if (sameTB) {
_tmpNextOffsetY += popupHeight - targetHeight;
} else {
_tmpNextOffsetY = targetAlignPointBR.y - popupAlignPointTL.y - popupOffsetY;
}
var _newVisibleArea = getIntersectionVisibleArea(nextOffsetX, _tmpNextOffsetY);
var _newVisibleRecommendArea = getIntersectionVisibleArea(nextOffsetX, _tmpNextOffsetY, visibleRegionArea);
if (
// Of course use larger one
_newVisibleArea > originIntersectionVisibleArea || _newVisibleArea === originIntersectionVisibleArea && (!isVisibleFirst ||
// Choose recommend one
_newVisibleRecommendArea >= originIntersectionRecommendArea)) {
prevFlipRef.current.tb = true;
nextOffsetY = _tmpNextOffsetY;
popupOffsetY = -popupOffsetY;
nextAlignInfo.points = [reversePoints(popupPoints, 0), reversePoints(targetPoints, 0)];
} else {
prevFlipRef.current.tb = false;
}
}
// >>>>>>>>>> Left & Right
var needAdjustX = supportAdjust(adjustX);
// >>>>> Flip
var sameLR = popupPoints[1] === targetPoints[1];
// Right to Left
if (needAdjustX && popupPoints[1] === 'l' && (nextPopupRight > adjustCheckVisibleArea.right || prevFlipRef.current.rl)) {
var tmpNextOffsetX = nextOffsetX;
if (sameLR) {
tmpNextOffsetX -= popupWidth - targetWidth;
} else {
tmpNextOffsetX = targetAlignPointTL.x - popupAlignPointBR.x - popupOffsetX;
}
var _newVisibleArea2 = getIntersectionVisibleArea(tmpNextOffsetX, nextOffsetY);
var _newVisibleRecommendArea2 = getIntersectionVisibleArea(tmpNextOffsetX, nextOffsetY, visibleRegionArea);
if (
// Of course use larger one
_newVisibleArea2 > originIntersectionVisibleArea || _newVisibleArea2 === originIntersectionVisibleArea && (!isVisibleFirst ||
// Choose recommend one
_newVisibleRecommendArea2 >= originIntersectionRecommendArea)) {
prevFlipRef.current.rl = true;
nextOffsetX = tmpNextOffsetX;
popupOffsetX = -popupOffsetX;
nextAlignInfo.points = [reversePoints(popupPoints, 1), reversePoints(targetPoints, 1)];
} else {
prevFlipRef.current.rl = false;
}
}
// Left to Right
if (needAdjustX && popupPoints[1] === 'r' && (nextPopupX < adjustCheckVisibleArea.left || prevFlipRef.current.lr)) {
var _tmpNextOffsetX = nextOffsetX;
if (sameLR) {
_tmpNextOffsetX += popupWidth - targetWidth;
} else {
_tmpNextOffsetX = targetAlignPointBR.x - popupAlignPointTL.x - popupOffsetX;
}
var _newVisibleArea3 = getIntersectionVisibleArea(_tmpNextOffsetX, nextOffsetY);
var _newVisibleRecommendArea3 = getIntersectionVisibleArea(_tmpNextOffsetX, nextOffsetY, visibleRegionArea);
if (
// Of course use larger one
_newVisibleArea3 > originIntersectionVisibleArea || _newVisibleArea3 === originIntersectionVisibleArea && (!isVisibleFirst ||
// Choose recommend one
_newVisibleRecommendArea3 >= originIntersectionRecommendArea)) {
prevFlipRef.current.lr = true;
nextOffsetX = _tmpNextOffsetX;
popupOffsetX = -popupOffsetX;
nextAlignInfo.points = [reversePoints(popupPoints, 1), reversePoints(targetPoints, 1)];
} else {
prevFlipRef.current.lr = false;
}
}
// ============================ Shift ============================
syncNextPopupPosition();
var numShiftX = shiftX === true ? 0 : shiftX;
if (typeof numShiftX === 'number') {
// Left
if (nextPopupX < visibleRegionArea.left) {
nextOffsetX -= nextPopupX - visibleRegionArea.left - popupOffsetX;
if (targetRect.x + targetWidth < visibleRegionArea.left + numShiftX) {
nextOffsetX += targetRect.x - visibleRegionArea.left + targetWidth - numShiftX;
}
}
// Right
if (nextPopupRight > visibleRegionArea.right) {
nextOffsetX -= nextPopupRight - visibleRegionArea.right - popupOffsetX;
if (targetRect.x > visibleRegionArea.right - numShiftX) {
nextOffsetX += targetRect.x - visibleRegionArea.right + numShiftX;
}
}
}
var numShiftY = shiftY === true ? 0 : shiftY;
if (typeof numShiftY === 'number') {
// Top
if (nextPopupY < visibleRegionArea.top) {
nextOffsetY -= nextPopupY - visibleRegionArea.top - popupOffsetY;
// When target if far away from visible area
// Stop shift
if (targetRect.y + targetHeight < visibleRegionArea.top + numShiftY) {
nextOffsetY += targetRect.y - visibleRegionArea.top + targetHeight - numShiftY;
}
}
// Bottom
if (nextPopupBottom > visibleRegionArea.bottom) {
nextOffsetY -= nextPopupBottom - visibleRegionArea.bottom - popupOffsetY;
if (targetRect.y > visibleRegionArea.bottom - numShiftY) {
nextOffsetY += targetRect.y - visibleRegionArea.bottom + numShiftY;
}
}
}
// ============================ Arrow ============================
// Arrow center align
var popupLeft = popupRect.x + nextOffsetX;
var popupRight = popupLeft + popupWidth;
var popupTop = popupRect.y + nextOffsetY;
var popupBottom = popupTop + popupHeight;
var targetLeft = targetRect.x;
var targetRight = targetLeft + targetWidth;
var targetTop = targetRect.y;
var targetBottom = targetTop + targetHeight;
var maxLeft = Math.max(popupLeft, targetLeft);
var minRight = Math.min(popupRight, targetRight);
var xCenter = (maxLeft + minRight) / 2;
var nextArrowX = xCenter - popupLeft;
var maxTop = Math.max(popupTop, targetTop);
var minBottom = Math.min(popupBottom, targetBottom);
var yCenter = (maxTop + minBottom) / 2;
var nextArrowY = yCenter - popupTop;
onPopupAlign === null || onPopupAlign === void 0 || onPopupAlign(popupEle, nextAlignInfo);
// Additional calculate right & bottom position
var offsetX4Right = popupMirrorRect.right - popupRect.x - (nextOffsetX + popupRect.width);
var offsetY4Bottom = popupMirrorRect.bottom - popupRect.y - (nextOffsetY + popupRect.height);
if (_scaleX === 1) {
nextOffsetX = Math.round(nextOffsetX);
offsetX4Right = Math.round(offsetX4Right);
}
if (_scaleY === 1) {
nextOffsetY = Math.round(nextOffsetY);
offsetY4Bottom = Math.round(offsetY4Bottom);
}
var nextOffsetInfo = {
ready: true,
offsetX: nextOffsetX / _scaleX,
offsetY: nextOffsetY / _scaleY,
offsetR: offsetX4Right / _scaleX,
offsetB: offsetY4Bottom / _scaleY,
arrowX: nextArrowX / _scaleX,
arrowY: nextArrowY / _scaleY,
scaleX: _scaleX,
scaleY: _scaleY,
align: nextAlignInfo
};
setOffsetInfo(nextOffsetInfo);
}
});
var triggerAlign = function triggerAlign() {
alignCountRef.current += 1;
var id = alignCountRef.current;
// Merge all align requirement into one frame
Promise.resolve().then(function () {
if (alignCountRef.current === id) {
onAlign();
}
});
};
// Reset ready status when placement & open changed
var resetReady = function resetReady() {
setOffsetInfo(function (ori) {
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ori), {}, {
ready: false
});
});
};
(0, _useLayoutEffect.default)(resetReady, [placement]);
(0, _useLayoutEffect.default)(function () {
if (!open) {
resetReady();
}
}, [open]);
return [offsetInfo.ready, offsetInfo.offsetX, offsetInfo.offsetY, offsetInfo.offsetR, offsetInfo.offsetB, offsetInfo.arrowX, offsetInfo.arrowY, offsetInfo.scaleX, offsetInfo.scaleY, offsetInfo.align, triggerAlign];
}

1
node_modules/@rc-component/trigger/lib/hooks/useWatch.d.ts generated vendored Normal file
View File

@@ -0,0 +1 @@
export default function useWatch(open: boolean, target: HTMLElement, popup: HTMLElement, onAlign: VoidFunction, onScroll: VoidFunction): void;

43
node_modules/@rc-component/trigger/lib/hooks/useWatch.js generated vendored Normal file
View File

@@ -0,0 +1,43 @@
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = useWatch;
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
var _util = require("../util");
function useWatch(open, target, popup, onAlign, onScroll) {
(0, _useLayoutEffect.default)(function () {
if (open && target && popup) {
var targetElement = target;
var popupElement = popup;
var targetScrollList = (0, _util.collectScroller)(targetElement);
var popupScrollList = (0, _util.collectScroller)(popupElement);
var win = (0, _util.getWin)(popupElement);
var mergedList = new Set([win].concat((0, _toConsumableArray2.default)(targetScrollList), (0, _toConsumableArray2.default)(popupScrollList)));
function notifyScroll() {
onAlign();
onScroll();
}
mergedList.forEach(function (scroller) {
scroller.addEventListener('scroll', notifyScroll, {
passive: true
});
});
win.addEventListener('resize', notifyScroll, {
passive: true
});
// First time always do align
onAlign();
return function () {
mergedList.forEach(function (scroller) {
scroller.removeEventListener('scroll', notifyScroll);
win.removeEventListener('resize', notifyScroll);
});
};
}
}, [open, target, popup]);
}

1
node_modules/@rc-component/trigger/lib/hooks/useWinClick.d.ts generated vendored Normal file
View File

@@ -0,0 +1 @@
export default function useWinClick(open: boolean, clickToHide: boolean, targetEle: HTMLElement, popupEle: HTMLElement, mask: boolean, maskClosable: boolean, inPopupOrChild: (target: EventTarget) => boolean, triggerOpen: (open: boolean) => void): () => void;

63
node_modules/@rc-component/trigger/lib/hooks/useWinClick.js generated vendored Normal file
View File

@@ -0,0 +1,63 @@
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = useWinClick;
var _shadow = require("rc-util/lib/Dom/shadow");
var _warning = require("rc-util/lib/warning");
var React = _interopRequireWildcard(require("react"));
var _util = require("../util");
function useWinClick(open, clickToHide, targetEle, popupEle, mask, maskClosable, inPopupOrChild, triggerOpen) {
var openRef = React.useRef(open);
openRef.current = open;
var popupPointerDownRef = React.useRef(false);
// Click to hide is special action since click popup element should not hide
React.useEffect(function () {
if (clickToHide && popupEle && (!mask || maskClosable)) {
var onPointerDown = function onPointerDown() {
popupPointerDownRef.current = false;
};
var onTriggerClose = function onTriggerClose(e) {
var _e$composedPath;
if (openRef.current && !inPopupOrChild(((_e$composedPath = e.composedPath) === null || _e$composedPath === void 0 || (_e$composedPath = _e$composedPath.call(e)) === null || _e$composedPath === void 0 ? void 0 : _e$composedPath[0]) || e.target) && !popupPointerDownRef.current) {
triggerOpen(false);
}
};
var win = (0, _util.getWin)(popupEle);
win.addEventListener('pointerdown', onPointerDown, true);
win.addEventListener('mousedown', onTriggerClose, true);
win.addEventListener('contextmenu', onTriggerClose, true);
// shadow root
var targetShadowRoot = (0, _shadow.getShadowRoot)(targetEle);
if (targetShadowRoot) {
targetShadowRoot.addEventListener('mousedown', onTriggerClose, true);
targetShadowRoot.addEventListener('contextmenu', onTriggerClose, true);
}
// Warning if target and popup not in same root
if (process.env.NODE_ENV !== 'production') {
var _targetEle$getRootNod, _popupEle$getRootNode;
var targetRoot = targetEle === null || targetEle === void 0 || (_targetEle$getRootNod = targetEle.getRootNode) === null || _targetEle$getRootNod === void 0 ? void 0 : _targetEle$getRootNod.call(targetEle);
var popupRoot = (_popupEle$getRootNode = popupEle.getRootNode) === null || _popupEle$getRootNode === void 0 ? void 0 : _popupEle$getRootNode.call(popupEle);
(0, _warning.warning)(targetRoot === popupRoot, "trigger element and popup element should in same shadow root.");
}
return function () {
win.removeEventListener('pointerdown', onPointerDown, true);
win.removeEventListener('mousedown', onTriggerClose, true);
win.removeEventListener('contextmenu', onTriggerClose, true);
if (targetShadowRoot) {
targetShadowRoot.removeEventListener('mousedown', onTriggerClose, true);
targetShadowRoot.removeEventListener('contextmenu', onTriggerClose, true);
}
};
}
}, [clickToHide, targetEle, popupEle, mask, maskClosable]);
function onPopupPointerDown() {
popupPointerDownRef.current = true;
}
return onPopupPointerDown;
}

72
node_modules/@rc-component/trigger/lib/index.d.ts generated vendored Normal file
View File

@@ -0,0 +1,72 @@
import type { CSSMotionProps } from 'rc-motion';
import * as React from 'react';
import type { ActionType, AlignType, AnimationType, ArrowTypeOuter, BuildInPlacements, TransitionNameType } from './interface';
export type { ActionType, AlignType, ArrowTypeOuter as ArrowType, BuildInPlacements, };
export interface TriggerRef {
nativeElement: HTMLElement;
popupElement: HTMLDivElement;
forceAlign: VoidFunction;
}
export interface TriggerProps {
children: React.ReactElement;
action?: ActionType | ActionType[];
showAction?: ActionType[];
hideAction?: ActionType[];
prefixCls?: string;
zIndex?: number;
onPopupAlign?: (element: HTMLElement, align: AlignType) => void;
stretch?: string;
popupVisible?: boolean;
defaultPopupVisible?: boolean;
onPopupVisibleChange?: (visible: boolean) => void;
afterPopupVisibleChange?: (visible: boolean) => void;
getPopupContainer?: (node: HTMLElement) => HTMLElement;
forceRender?: boolean;
autoDestroy?: boolean;
/** @deprecated Please use `autoDestroy` instead */
destroyPopupOnHide?: boolean;
mask?: boolean;
maskClosable?: boolean;
/** Set popup motion. You can ref `rc-motion` for more info. */
popupMotion?: CSSMotionProps;
/** Set mask motion. You can ref `rc-motion` for more info. */
maskMotion?: CSSMotionProps;
/** @deprecated Please us `popupMotion` instead. */
popupTransitionName?: TransitionNameType;
/** @deprecated Please us `popupMotion` instead. */
popupAnimation?: AnimationType;
/** @deprecated Please us `maskMotion` instead. */
maskTransitionName?: TransitionNameType;
/** @deprecated Please us `maskMotion` instead. */
maskAnimation?: AnimationType;
mouseEnterDelay?: number;
mouseLeaveDelay?: number;
focusDelay?: number;
blurDelay?: number;
popup: React.ReactNode | (() => React.ReactNode);
popupPlacement?: string;
builtinPlacements?: BuildInPlacements;
popupAlign?: AlignType;
popupClassName?: string;
popupStyle?: React.CSSProperties;
getPopupClassNameFromAlign?: (align: AlignType) => string;
onPopupClick?: React.MouseEventHandler<HTMLDivElement>;
alignPoint?: boolean;
/**
* Trigger will memo content when close.
* This may affect the case if want to keep content update.
* Set `fresh` to `false` will always keep update.
*/
fresh?: boolean;
arrow?: boolean | ArrowTypeOuter;
/** @deprecated Add `className` on `children`. Please add `className` directly instead. */
className?: string;
/**
* @private Get trigger DOM node.
* Used for some component is function component which can not access by `findDOMNode`
*/
getTriggerDOMNode?: (node: React.ReactInstance) => HTMLElement;
}
export declare function generateTrigger(PortalComponent?: React.ComponentType<any>): React.ForwardRefExoticComponent<TriggerProps & React.RefAttributes<TriggerRef>>;
declare const _default: React.ForwardRefExoticComponent<TriggerProps & React.RefAttributes<TriggerRef>>;
export default _default;

549
node_modules/@rc-component/trigger/lib/index.js generated vendored Normal file
View File

@@ -0,0 +1,549 @@
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
exports.generateTrigger = generateTrigger;
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _portal = _interopRequireDefault(require("@rc-component/portal"));
var _classnames = _interopRequireDefault(require("classnames"));
var _rcResizeObserver = _interopRequireDefault(require("rc-resize-observer"));
var _findDOMNode = require("rc-util/lib/Dom/findDOMNode");
var _shadow = require("rc-util/lib/Dom/shadow");
var _useEvent = _interopRequireDefault(require("rc-util/lib/hooks/useEvent"));
var _useId = _interopRequireDefault(require("rc-util/lib/hooks/useId"));
var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
var _isMobile = _interopRequireDefault(require("rc-util/lib/isMobile"));
var React = _interopRequireWildcard(require("react"));
var _Popup = _interopRequireDefault(require("./Popup"));
var _TriggerWrapper = _interopRequireDefault(require("./TriggerWrapper"));
var _context = _interopRequireDefault(require("./context"));
var _useAction3 = _interopRequireDefault(require("./hooks/useAction"));
var _useAlign3 = _interopRequireDefault(require("./hooks/useAlign"));
var _useWatch = _interopRequireDefault(require("./hooks/useWatch"));
var _useWinClick = _interopRequireDefault(require("./hooks/useWinClick"));
var _util = require("./util");
var _excluded = ["prefixCls", "children", "action", "showAction", "hideAction", "popupVisible", "defaultPopupVisible", "onPopupVisibleChange", "afterPopupVisibleChange", "mouseEnterDelay", "mouseLeaveDelay", "focusDelay", "blurDelay", "mask", "maskClosable", "getPopupContainer", "forceRender", "autoDestroy", "destroyPopupOnHide", "popup", "popupClassName", "popupStyle", "popupPlacement", "builtinPlacements", "popupAlign", "zIndex", "stretch", "getPopupClassNameFromAlign", "fresh", "alignPoint", "onPopupClick", "onPopupAlign", "arrow", "popupMotion", "maskMotion", "popupTransitionName", "popupAnimation", "maskTransitionName", "maskAnimation", "className", "getTriggerDOMNode"];
// Removed Props List
// Seems this can be auto
// getDocument?: (element?: HTMLElement) => Document;
// New version will not wrap popup with `rc-trigger-popup-content` when multiple children
function generateTrigger() {
var PortalComponent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _portal.default;
var Trigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
var _props$prefixCls = props.prefixCls,
prefixCls = _props$prefixCls === void 0 ? 'rc-trigger-popup' : _props$prefixCls,
children = props.children,
_props$action = props.action,
action = _props$action === void 0 ? 'hover' : _props$action,
showAction = props.showAction,
hideAction = props.hideAction,
popupVisible = props.popupVisible,
defaultPopupVisible = props.defaultPopupVisible,
onPopupVisibleChange = props.onPopupVisibleChange,
afterPopupVisibleChange = props.afterPopupVisibleChange,
mouseEnterDelay = props.mouseEnterDelay,
_props$mouseLeaveDela = props.mouseLeaveDelay,
mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela,
focusDelay = props.focusDelay,
blurDelay = props.blurDelay,
mask = props.mask,
_props$maskClosable = props.maskClosable,
maskClosable = _props$maskClosable === void 0 ? true : _props$maskClosable,
getPopupContainer = props.getPopupContainer,
forceRender = props.forceRender,
autoDestroy = props.autoDestroy,
destroyPopupOnHide = props.destroyPopupOnHide,
popup = props.popup,
popupClassName = props.popupClassName,
popupStyle = props.popupStyle,
popupPlacement = props.popupPlacement,
_props$builtinPlaceme = props.builtinPlacements,
builtinPlacements = _props$builtinPlaceme === void 0 ? {} : _props$builtinPlaceme,
popupAlign = props.popupAlign,
zIndex = props.zIndex,
stretch = props.stretch,
getPopupClassNameFromAlign = props.getPopupClassNameFromAlign,
fresh = props.fresh,
alignPoint = props.alignPoint,
onPopupClick = props.onPopupClick,
onPopupAlign = props.onPopupAlign,
arrow = props.arrow,
popupMotion = props.popupMotion,
maskMotion = props.maskMotion,
popupTransitionName = props.popupTransitionName,
popupAnimation = props.popupAnimation,
maskTransitionName = props.maskTransitionName,
maskAnimation = props.maskAnimation,
className = props.className,
getTriggerDOMNode = props.getTriggerDOMNode,
restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
var mergedAutoDestroy = autoDestroy || destroyPopupOnHide || false;
// =========================== Mobile ===========================
var _React$useState = React.useState(false),
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
mobile = _React$useState2[0],
setMobile = _React$useState2[1];
(0, _useLayoutEffect.default)(function () {
setMobile((0, _isMobile.default)());
}, []);
// ========================== Context ===========================
var subPopupElements = React.useRef({});
var parentContext = React.useContext(_context.default);
var context = React.useMemo(function () {
return {
registerSubPopup: function registerSubPopup(id, subPopupEle) {
subPopupElements.current[id] = subPopupEle;
parentContext === null || parentContext === void 0 || parentContext.registerSubPopup(id, subPopupEle);
}
};
}, [parentContext]);
// =========================== Popup ============================
var id = (0, _useId.default)();
var _React$useState3 = React.useState(null),
_React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
popupEle = _React$useState4[0],
setPopupEle = _React$useState4[1];
// Used for forwardRef popup. Not use internal
var externalPopupRef = React.useRef(null);
var setPopupRef = (0, _useEvent.default)(function (node) {
externalPopupRef.current = node;
if ((0, _findDOMNode.isDOM)(node) && popupEle !== node) {
setPopupEle(node);
}
parentContext === null || parentContext === void 0 || parentContext.registerSubPopup(id, node);
});
// =========================== Target ===========================
// Use state to control here since `useRef` update not trigger render
var _React$useState5 = React.useState(null),
_React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
targetEle = _React$useState6[0],
setTargetEle = _React$useState6[1];
// Used for forwardRef target. Not use internal
var externalForwardRef = React.useRef(null);
var setTargetRef = (0, _useEvent.default)(function (node) {
if ((0, _findDOMNode.isDOM)(node) && targetEle !== node) {
setTargetEle(node);
externalForwardRef.current = node;
}
});
// ========================== Children ==========================
var child = React.Children.only(children);
var originChildProps = (child === null || child === void 0 ? void 0 : child.props) || {};
var cloneProps = {};
var inPopupOrChild = (0, _useEvent.default)(function (ele) {
var _getShadowRoot, _getShadowRoot2;
var childDOM = targetEle;
return (childDOM === null || childDOM === void 0 ? void 0 : childDOM.contains(ele)) || ((_getShadowRoot = (0, _shadow.getShadowRoot)(childDOM)) === null || _getShadowRoot === void 0 ? void 0 : _getShadowRoot.host) === ele || ele === childDOM || (popupEle === null || popupEle === void 0 ? void 0 : popupEle.contains(ele)) || ((_getShadowRoot2 = (0, _shadow.getShadowRoot)(popupEle)) === null || _getShadowRoot2 === void 0 ? void 0 : _getShadowRoot2.host) === ele || ele === popupEle || Object.values(subPopupElements.current).some(function (subPopupEle) {
return (subPopupEle === null || subPopupEle === void 0 ? void 0 : subPopupEle.contains(ele)) || ele === subPopupEle;
});
});
// =========================== Motion ===========================
var mergePopupMotion = (0, _util.getMotion)(prefixCls, popupMotion, popupAnimation, popupTransitionName);
var mergeMaskMotion = (0, _util.getMotion)(prefixCls, maskMotion, maskAnimation, maskTransitionName);
// ============================ Open ============================
var _React$useState7 = React.useState(defaultPopupVisible || false),
_React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
internalOpen = _React$useState8[0],
setInternalOpen = _React$useState8[1];
// Render still use props as first priority
var mergedOpen = popupVisible !== null && popupVisible !== void 0 ? popupVisible : internalOpen;
// We use effect sync here in case `popupVisible` back to `undefined`
var setMergedOpen = (0, _useEvent.default)(function (nextOpen) {
if (popupVisible === undefined) {
setInternalOpen(nextOpen);
}
});
(0, _useLayoutEffect.default)(function () {
setInternalOpen(popupVisible || false);
}, [popupVisible]);
var openRef = React.useRef(mergedOpen);
openRef.current = mergedOpen;
var lastTriggerRef = React.useRef([]);
lastTriggerRef.current = [];
var internalTriggerOpen = (0, _useEvent.default)(function (nextOpen) {
var _lastTriggerRef$curre;
setMergedOpen(nextOpen);
// Enter or Pointer will both trigger open state change
// We only need take one to avoid duplicated change event trigger
// Use `lastTriggerRef` to record last open type
if (((_lastTriggerRef$curre = lastTriggerRef.current[lastTriggerRef.current.length - 1]) !== null && _lastTriggerRef$curre !== void 0 ? _lastTriggerRef$curre : mergedOpen) !== nextOpen) {
lastTriggerRef.current.push(nextOpen);
onPopupVisibleChange === null || onPopupVisibleChange === void 0 || onPopupVisibleChange(nextOpen);
}
});
// Trigger for delay
var delayRef = React.useRef();
var clearDelay = function clearDelay() {
clearTimeout(delayRef.current);
};
var triggerOpen = function triggerOpen(nextOpen) {
var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
clearDelay();
if (delay === 0) {
internalTriggerOpen(nextOpen);
} else {
delayRef.current = setTimeout(function () {
internalTriggerOpen(nextOpen);
}, delay * 1000);
}
};
React.useEffect(function () {
return clearDelay;
}, []);
// ========================== Motion ============================
var _React$useState9 = React.useState(false),
_React$useState10 = (0, _slicedToArray2.default)(_React$useState9, 2),
inMotion = _React$useState10[0],
setInMotion = _React$useState10[1];
(0, _useLayoutEffect.default)(function (firstMount) {
if (!firstMount || mergedOpen) {
setInMotion(true);
}
}, [mergedOpen]);
var _React$useState11 = React.useState(null),
_React$useState12 = (0, _slicedToArray2.default)(_React$useState11, 2),
motionPrepareResolve = _React$useState12[0],
setMotionPrepareResolve = _React$useState12[1];
// =========================== Align ============================
var _React$useState13 = React.useState(null),
_React$useState14 = (0, _slicedToArray2.default)(_React$useState13, 2),
mousePos = _React$useState14[0],
setMousePos = _React$useState14[1];
var setMousePosByEvent = function setMousePosByEvent(event) {
setMousePos([event.clientX, event.clientY]);
};
var _useAlign = (0, _useAlign3.default)(mergedOpen, popupEle, alignPoint && mousePos !== null ? mousePos : targetEle, popupPlacement, builtinPlacements, popupAlign, onPopupAlign),
_useAlign2 = (0, _slicedToArray2.default)(_useAlign, 11),
ready = _useAlign2[0],
offsetX = _useAlign2[1],
offsetY = _useAlign2[2],
offsetR = _useAlign2[3],
offsetB = _useAlign2[4],
arrowX = _useAlign2[5],
arrowY = _useAlign2[6],
scaleX = _useAlign2[7],
scaleY = _useAlign2[8],
alignInfo = _useAlign2[9],
onAlign = _useAlign2[10];
var _useAction = (0, _useAction3.default)(mobile, action, showAction, hideAction),
_useAction2 = (0, _slicedToArray2.default)(_useAction, 2),
showActions = _useAction2[0],
hideActions = _useAction2[1];
var clickToShow = showActions.has('click');
var clickToHide = hideActions.has('click') || hideActions.has('contextMenu');
var triggerAlign = (0, _useEvent.default)(function () {
if (!inMotion) {
onAlign();
}
});
var onScroll = function onScroll() {
if (openRef.current && alignPoint && clickToHide) {
triggerOpen(false);
}
};
(0, _useWatch.default)(mergedOpen, targetEle, popupEle, triggerAlign, onScroll);
(0, _useLayoutEffect.default)(function () {
triggerAlign();
}, [mousePos, popupPlacement]);
// When no builtinPlacements and popupAlign changed
(0, _useLayoutEffect.default)(function () {
if (mergedOpen && !(builtinPlacements !== null && builtinPlacements !== void 0 && builtinPlacements[popupPlacement])) {
triggerAlign();
}
}, [JSON.stringify(popupAlign)]);
var alignedClassName = React.useMemo(function () {
var baseClassName = (0, _util.getAlignPopupClassName)(builtinPlacements, prefixCls, alignInfo, alignPoint);
return (0, _classnames.default)(baseClassName, getPopupClassNameFromAlign === null || getPopupClassNameFromAlign === void 0 ? void 0 : getPopupClassNameFromAlign(alignInfo));
}, [alignInfo, getPopupClassNameFromAlign, builtinPlacements, prefixCls, alignPoint]);
// ============================ Refs ============================
React.useImperativeHandle(ref, function () {
return {
nativeElement: externalForwardRef.current,
popupElement: externalPopupRef.current,
forceAlign: triggerAlign
};
});
// ========================== Stretch ===========================
var _React$useState15 = React.useState(0),
_React$useState16 = (0, _slicedToArray2.default)(_React$useState15, 2),
targetWidth = _React$useState16[0],
setTargetWidth = _React$useState16[1];
var _React$useState17 = React.useState(0),
_React$useState18 = (0, _slicedToArray2.default)(_React$useState17, 2),
targetHeight = _React$useState18[0],
setTargetHeight = _React$useState18[1];
var syncTargetSize = function syncTargetSize() {
if (stretch && targetEle) {
var rect = targetEle.getBoundingClientRect();
setTargetWidth(rect.width);
setTargetHeight(rect.height);
}
};
var onTargetResize = function onTargetResize() {
syncTargetSize();
triggerAlign();
};
// ========================== Motion ============================
var onVisibleChanged = function onVisibleChanged(visible) {
setInMotion(false);
onAlign();
afterPopupVisibleChange === null || afterPopupVisibleChange === void 0 || afterPopupVisibleChange(visible);
};
// We will trigger align when motion is in prepare
var onPrepare = function onPrepare() {
return new Promise(function (resolve) {
syncTargetSize();
setMotionPrepareResolve(function () {
return resolve;
});
});
};
(0, _useLayoutEffect.default)(function () {
if (motionPrepareResolve) {
onAlign();
motionPrepareResolve();
setMotionPrepareResolve(null);
}
}, [motionPrepareResolve]);
// =========================== Action ===========================
/**
* Util wrapper for trigger action
*/
function wrapperAction(eventName, nextOpen, delay, preEvent) {
cloneProps[eventName] = function (event) {
var _originChildProps$eve;
preEvent === null || preEvent === void 0 || preEvent(event);
triggerOpen(nextOpen, delay);
// Pass to origin
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
args[_key - 1] = arguments[_key];
}
(_originChildProps$eve = originChildProps[eventName]) === null || _originChildProps$eve === void 0 || _originChildProps$eve.call.apply(_originChildProps$eve, [originChildProps, event].concat(args));
};
}
// ======================= Action: Click ========================
if (clickToShow || clickToHide) {
cloneProps.onClick = function (event) {
var _originChildProps$onC;
if (openRef.current && clickToHide) {
triggerOpen(false);
} else if (!openRef.current && clickToShow) {
setMousePosByEvent(event);
triggerOpen(true);
}
// Pass to origin
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
args[_key2 - 1] = arguments[_key2];
}
(_originChildProps$onC = originChildProps.onClick) === null || _originChildProps$onC === void 0 || _originChildProps$onC.call.apply(_originChildProps$onC, [originChildProps, event].concat(args));
};
}
// Click to hide is special action since click popup element should not hide
var onPopupPointerDown = (0, _useWinClick.default)(mergedOpen, clickToHide, targetEle, popupEle, mask, maskClosable, inPopupOrChild, triggerOpen);
// ======================= Action: Hover ========================
var hoverToShow = showActions.has('hover');
var hoverToHide = hideActions.has('hover');
var onPopupMouseEnter;
var onPopupMouseLeave;
if (hoverToShow) {
// Compatible with old browser which not support pointer event
wrapperAction('onMouseEnter', true, mouseEnterDelay, function (event) {
setMousePosByEvent(event);
});
wrapperAction('onPointerEnter', true, mouseEnterDelay, function (event) {
setMousePosByEvent(event);
});
onPopupMouseEnter = function onPopupMouseEnter(event) {
// Only trigger re-open when popup is visible
if ((mergedOpen || inMotion) && popupEle !== null && popupEle !== void 0 && popupEle.contains(event.target)) {
triggerOpen(true, mouseEnterDelay);
}
};
// Align Point
if (alignPoint) {
cloneProps.onMouseMove = function (event) {
var _originChildProps$onM;
// setMousePosByEvent(event);
(_originChildProps$onM = originChildProps.onMouseMove) === null || _originChildProps$onM === void 0 || _originChildProps$onM.call(originChildProps, event);
};
}
}
if (hoverToHide) {
wrapperAction('onMouseLeave', false, mouseLeaveDelay);
wrapperAction('onPointerLeave', false, mouseLeaveDelay);
onPopupMouseLeave = function onPopupMouseLeave() {
triggerOpen(false, mouseLeaveDelay);
};
}
// ======================= Action: Focus ========================
if (showActions.has('focus')) {
wrapperAction('onFocus', true, focusDelay);
}
if (hideActions.has('focus')) {
wrapperAction('onBlur', false, blurDelay);
}
// ==================== Action: ContextMenu =====================
if (showActions.has('contextMenu')) {
cloneProps.onContextMenu = function (event) {
var _originChildProps$onC2;
if (openRef.current && hideActions.has('contextMenu')) {
triggerOpen(false);
} else {
setMousePosByEvent(event);
triggerOpen(true);
}
event.preventDefault();
// Pass to origin
for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
args[_key3 - 1] = arguments[_key3];
}
(_originChildProps$onC2 = originChildProps.onContextMenu) === null || _originChildProps$onC2 === void 0 || _originChildProps$onC2.call.apply(_originChildProps$onC2, [originChildProps, event].concat(args));
};
}
// ========================= ClassName ==========================
if (className) {
cloneProps.className = (0, _classnames.default)(originChildProps.className, className);
}
// ============================ Perf ============================
var renderedRef = React.useRef(false);
renderedRef.current || (renderedRef.current = forceRender || mergedOpen || inMotion);
// =========================== Render ===========================
var mergedChildrenProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, originChildProps), cloneProps);
// Pass props into cloneProps for nest usage
var passedProps = {};
var passedEventList = ['onContextMenu', 'onClick', 'onMouseDown', 'onTouchStart', 'onMouseEnter', 'onMouseLeave', 'onFocus', 'onBlur'];
passedEventList.forEach(function (eventName) {
if (restProps[eventName]) {
passedProps[eventName] = function () {
var _mergedChildrenProps$;
for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
args[_key4] = arguments[_key4];
}
(_mergedChildrenProps$ = mergedChildrenProps[eventName]) === null || _mergedChildrenProps$ === void 0 || _mergedChildrenProps$.call.apply(_mergedChildrenProps$, [mergedChildrenProps].concat(args));
restProps[eventName].apply(restProps, args);
};
}
});
// Child Node
var triggerNode = /*#__PURE__*/React.cloneElement(child, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, mergedChildrenProps), passedProps));
var arrowPos = {
x: arrowX,
y: arrowY
};
var innerArrow = arrow ? (0, _objectSpread2.default)({}, arrow !== true ? arrow : {}) : null;
// Render
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_rcResizeObserver.default, {
disabled: !mergedOpen,
ref: setTargetRef,
onResize: onTargetResize
}, /*#__PURE__*/React.createElement(_TriggerWrapper.default, {
getTriggerDOMNode: getTriggerDOMNode
}, triggerNode)), renderedRef.current && /*#__PURE__*/React.createElement(_context.default.Provider, {
value: context
}, /*#__PURE__*/React.createElement(_Popup.default, {
portal: PortalComponent,
ref: setPopupRef,
prefixCls: prefixCls,
popup: popup,
className: (0, _classnames.default)(popupClassName, alignedClassName),
style: popupStyle,
target: targetEle,
onMouseEnter: onPopupMouseEnter,
onMouseLeave: onPopupMouseLeave
// https://github.com/ant-design/ant-design/issues/43924
,
onPointerEnter: onPopupMouseEnter,
zIndex: zIndex
// Open
,
open: mergedOpen,
keepDom: inMotion,
fresh: fresh
// Click
,
onClick: onPopupClick,
onPointerDownCapture: onPopupPointerDown
// Mask
,
mask: mask
// Motion
,
motion: mergePopupMotion,
maskMotion: mergeMaskMotion,
onVisibleChanged: onVisibleChanged,
onPrepare: onPrepare
// Portal
,
forceRender: forceRender,
autoDestroy: mergedAutoDestroy,
getPopupContainer: getPopupContainer
// Arrow
,
align: alignInfo,
arrow: innerArrow,
arrowPos: arrowPos
// Align
,
ready: ready,
offsetX: offsetX,
offsetY: offsetY,
offsetR: offsetR,
offsetB: offsetB,
onAlign: triggerAlign
// Stretch
,
stretch: stretch,
targetWidth: targetWidth / scaleX,
targetHeight: targetHeight / scaleY
})));
});
if (process.env.NODE_ENV !== 'production') {
Trigger.displayName = 'Trigger';
}
return Trigger;
}
var _default = exports.default = generateTrigger(_portal.default);

99
node_modules/@rc-component/trigger/lib/interface.d.ts generated vendored Normal file
View File

@@ -0,0 +1,99 @@
/// <reference types="react" />
import type { CSSMotionProps } from 'rc-motion';
export type Placement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
export type AlignPointTopBottom = 't' | 'b' | 'c';
export type AlignPointLeftRight = 'l' | 'r' | 'c';
/** Two char of 't' 'b' 'c' 'l' 'r'. Example: 'lt' */
export type AlignPoint = `${AlignPointTopBottom}${AlignPointLeftRight}`;
export type OffsetType = number | `${number}%`;
export interface AlignType {
/**
* move point of source node to align with point of target node.
* Such as ['tr','cc'], align top right point of source node with center point of target node.
* Point can be 't'(top), 'b'(bottom), 'c'(center), 'l'(left), 'r'(right) */
points?: (string | AlignPoint)[];
/**
* @private Do not use in your production code
*/
_experimental?: Record<string, any>;
/**
* offset source node by offset[0] in x and offset[1] in y.
* If offset contains percentage string value, it is relative to sourceNode region.
*/
offset?: OffsetType[];
/**
* offset target node by offset[0] in x and offset[1] in y.
* If targetOffset contains percentage string value, it is relative to targetNode region.
*/
targetOffset?: OffsetType[];
/**
* If adjustX field is true, will adjust source node in x direction if source node is invisible.
* If adjustY field is true, will adjust source node in y direction if source node is invisible.
*/
overflow?: {
adjustX?: boolean | number;
adjustY?: boolean | number;
shiftX?: boolean | number;
shiftY?: boolean | number;
};
/** Auto adjust arrow position */
autoArrow?: boolean;
/**
* Config visible region check of html node. Default `visible`:
* - `visible`:
* The visible region of user browser window.
* Use `clientHeight` for check.
* If `visible` region not satisfy, fallback to `scroll`.
* - `scroll`:
* The whole region of the html scroll area.
* Use `scrollHeight` for check.
* - `visibleFirst`:
* Similar to `visible`, but if `visible` region not satisfy, fallback to `scroll`.
*/
htmlRegion?: 'visible' | 'scroll' | 'visibleFirst';
/**
* Auto chose position with `top` or `bottom` by the align result
*/
dynamicInset?: boolean;
/**
* Whether use css right instead of left to position
*/
useCssRight?: boolean;
/**
* Whether use css bottom instead of top to position
*/
useCssBottom?: boolean;
/**
* Whether use css transform instead of left/top/right/bottom to position if browser supports.
* Defaults to false.
*/
useCssTransform?: boolean;
ignoreShake?: boolean;
}
export interface ArrowTypeOuter {
className?: string;
content?: React.ReactNode;
}
export type ArrowPos = {
x?: number;
y?: number;
};
export type BuildInPlacements = Record<string, AlignType>;
export type StretchType = string;
export type ActionType = 'hover' | 'focus' | 'click' | 'contextMenu';
export type AnimationType = string;
export type TransitionNameType = string;
export interface Point {
pageX: number;
pageY: number;
}
export interface CommonEventHandler {
remove: () => void;
}
export interface MobileConfig {
/** Set popup motion. You can ref `rc-motion` for more info. */
popupMotion?: CSSMotionProps;
popupClassName?: string;
popupStyle?: React.CSSProperties;
popupRender?: (originNode: React.ReactNode) => React.ReactNode;
}

5
node_modules/@rc-component/trigger/lib/interface.js generated vendored Normal file
View File

@@ -0,0 +1,5 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});

3
node_modules/@rc-component/trigger/lib/mock.d.ts generated vendored Normal file
View File

@@ -0,0 +1,3 @@
import * as React from 'react';
declare const _default: React.ForwardRefExoticComponent<import("./index").TriggerProps & React.RefAttributes<import("./index").TriggerRef>>;
export default _default;

33
node_modules/@rc-component/trigger/lib/mock.js generated vendored Normal file
View File

@@ -0,0 +1,33 @@
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var React = _interopRequireWildcard(require("react"));
var _index = require("./index");
var MockPortal = function MockPortal(_ref) {
var open = _ref.open,
autoDestroy = _ref.autoDestroy,
children = _ref.children,
getContainer = _ref.getContainer;
var _React$useState = React.useState(open),
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
visible = _React$useState2[0],
setVisible = _React$useState2[1];
React.useEffect(function () {
getContainer === null || getContainer === void 0 || getContainer();
});
React.useEffect(function () {
if (open) {
setVisible(true);
} else if (autoDestroy) {
setVisible(false);
}
}, [open, autoDestroy]);
return visible ? children : null;
};
var _default = exports.default = (0, _index.generateTrigger)(MockPortal);

47
node_modules/@rc-component/trigger/lib/util.d.ts generated vendored Normal file
View File

@@ -0,0 +1,47 @@
import type { CSSMotionProps } from 'rc-motion';
import type { AlignType, AnimationType, BuildInPlacements, TransitionNameType } from './interface';
export declare function getAlignPopupClassName(builtinPlacements: BuildInPlacements, prefixCls: string, align: AlignType, isAlignPoint: boolean): string;
/** @deprecated We should not use this if we can refactor all deps */
export declare function getMotion(prefixCls: string, motion: CSSMotionProps, animation: AnimationType, transitionName: TransitionNameType): CSSMotionProps;
export declare function getWin(ele: HTMLElement): Window & typeof globalThis;
/**
* Get all the scrollable parent elements of the element
* @param ele The element to be detected
* @param areaOnly Only return the parent which will cut visible area
*/
export declare function collectScroller(ele: HTMLElement): HTMLElement[];
export declare function toNum(num: number, defaultValue?: number): number;
export interface VisibleArea {
left: number;
top: number;
right: number;
bottom: number;
}
/**
*
*
* **************************************
* * Border *
* * ************************** *
* * * * * *
* * B * * S * B *
* * o * * c * o *
* * r * Content * r * r *
* * d * * o * d *
* * e * * l * e *
* * r ******************** l * r *
* * * Scroll * *
* * ************************** *
* * Border *
* **************************************
*
*/
/**
* Get visible area of element
*/
export declare function getVisibleArea(initArea: VisibleArea, scrollerList?: HTMLElement[]): {
left: number;
top: number;
right: number;
bottom: number;
};

166
node_modules/@rc-component/trigger/lib/util.js generated vendored Normal file
View File

@@ -0,0 +1,166 @@
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.collectScroller = collectScroller;
exports.getAlignPopupClassName = getAlignPopupClassName;
exports.getMotion = getMotion;
exports.getVisibleArea = getVisibleArea;
exports.getWin = getWin;
exports.toNum = toNum;
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
function isPointsEq() {
var a1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
var a2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
var isAlignPoint = arguments.length > 2 ? arguments[2] : undefined;
if (isAlignPoint) {
return a1[0] === a2[0];
}
return a1[0] === a2[0] && a1[1] === a2[1];
}
function getAlignPopupClassName(builtinPlacements, prefixCls, align, isAlignPoint) {
var points = align.points;
var placements = Object.keys(builtinPlacements);
for (var i = 0; i < placements.length; i += 1) {
var _builtinPlacements$pl;
var placement = placements[i];
if (isPointsEq((_builtinPlacements$pl = builtinPlacements[placement]) === null || _builtinPlacements$pl === void 0 ? void 0 : _builtinPlacements$pl.points, points, isAlignPoint)) {
return "".concat(prefixCls, "-placement-").concat(placement);
}
}
return '';
}
/** @deprecated We should not use this if we can refactor all deps */
function getMotion(prefixCls, motion, animation, transitionName) {
if (motion) {
return motion;
}
if (animation) {
return {
motionName: "".concat(prefixCls, "-").concat(animation)
};
}
if (transitionName) {
return {
motionName: transitionName
};
}
return null;
}
function getWin(ele) {
return ele.ownerDocument.defaultView;
}
/**
* Get all the scrollable parent elements of the element
* @param ele The element to be detected
* @param areaOnly Only return the parent which will cut visible area
*/
function collectScroller(ele) {
var scrollerList = [];
var current = ele === null || ele === void 0 ? void 0 : ele.parentElement;
var scrollStyle = ['hidden', 'scroll', 'clip', 'auto'];
while (current) {
var _getWin$getComputedSt = getWin(current).getComputedStyle(current),
overflowX = _getWin$getComputedSt.overflowX,
overflowY = _getWin$getComputedSt.overflowY,
overflow = _getWin$getComputedSt.overflow;
if ([overflowX, overflowY, overflow].some(function (o) {
return scrollStyle.includes(o);
})) {
scrollerList.push(current);
}
current = current.parentElement;
}
return scrollerList;
}
function toNum(num) {
var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
return Number.isNaN(num) ? defaultValue : num;
}
function getPxValue(val) {
return toNum(parseFloat(val), 0);
}
/**
*
*
* **************************************
* * Border *
* * ************************** *
* * * * * *
* * B * * S * B *
* * o * * c * o *
* * r * Content * r * r *
* * d * * o * d *
* * e * * l * e *
* * r ******************** l * r *
* * * Scroll * *
* * ************************** *
* * Border *
* **************************************
*
*/
/**
* Get visible area of element
*/
function getVisibleArea(initArea, scrollerList) {
var visibleArea = (0, _objectSpread2.default)({}, initArea);
(scrollerList || []).forEach(function (ele) {
if (ele instanceof HTMLBodyElement || ele instanceof HTMLHtmlElement) {
return;
}
// Skip if static position which will not affect visible area
var _getWin$getComputedSt2 = getWin(ele).getComputedStyle(ele),
overflow = _getWin$getComputedSt2.overflow,
overflowClipMargin = _getWin$getComputedSt2.overflowClipMargin,
borderTopWidth = _getWin$getComputedSt2.borderTopWidth,
borderBottomWidth = _getWin$getComputedSt2.borderBottomWidth,
borderLeftWidth = _getWin$getComputedSt2.borderLeftWidth,
borderRightWidth = _getWin$getComputedSt2.borderRightWidth;
var eleRect = ele.getBoundingClientRect();
var eleOutHeight = ele.offsetHeight,
eleInnerHeight = ele.clientHeight,
eleOutWidth = ele.offsetWidth,
eleInnerWidth = ele.clientWidth;
var borderTopNum = getPxValue(borderTopWidth);
var borderBottomNum = getPxValue(borderBottomWidth);
var borderLeftNum = getPxValue(borderLeftWidth);
var borderRightNum = getPxValue(borderRightWidth);
var scaleX = toNum(Math.round(eleRect.width / eleOutWidth * 1000) / 1000);
var scaleY = toNum(Math.round(eleRect.height / eleOutHeight * 1000) / 1000);
// Original visible area
var eleScrollWidth = (eleOutWidth - eleInnerWidth - borderLeftNum - borderRightNum) * scaleX;
var eleScrollHeight = (eleOutHeight - eleInnerHeight - borderTopNum - borderBottomNum) * scaleY;
// Cut border size
var scaledBorderTopWidth = borderTopNum * scaleY;
var scaledBorderBottomWidth = borderBottomNum * scaleY;
var scaledBorderLeftWidth = borderLeftNum * scaleX;
var scaledBorderRightWidth = borderRightNum * scaleX;
// Clip margin
var clipMarginWidth = 0;
var clipMarginHeight = 0;
if (overflow === 'clip') {
var clipNum = getPxValue(overflowClipMargin);
clipMarginWidth = clipNum * scaleX;
clipMarginHeight = clipNum * scaleY;
}
// Region
var eleLeft = eleRect.x + scaledBorderLeftWidth - clipMarginWidth;
var eleTop = eleRect.y + scaledBorderTopWidth - clipMarginHeight;
var eleRight = eleLeft + eleRect.width + 2 * clipMarginWidth - scaledBorderLeftWidth - scaledBorderRightWidth - eleScrollWidth;
var eleBottom = eleTop + eleRect.height + 2 * clipMarginHeight - scaledBorderTopWidth - scaledBorderBottomWidth - eleScrollHeight;
visibleArea.left = Math.max(visibleArea.left, eleLeft);
visibleArea.top = Math.max(visibleArea.top, eleTop);
visibleArea.right = Math.min(visibleArea.right, eleRight);
visibleArea.bottom = Math.min(visibleArea.bottom, eleBottom);
});
return visibleArea;
}

78
node_modules/@rc-component/trigger/package.json generated vendored Normal file
View File

@@ -0,0 +1,78 @@
{
"name": "@rc-component/trigger",
"version": "2.3.0",
"description": "base abstract trigger component for react",
"engines": {
"node": ">=8.x"
},
"keywords": [
"react",
"react-component",
"react-trigger",
"trigger"
],
"homepage": "https://github.com/react-component/trigger",
"author": "",
"repository": {
"type": "git",
"url": "https://github.com/react-component/trigger.git"
},
"bugs": {
"url": "https://github.com/react-component/trigger/issues"
},
"files": [
"es",
"lib",
"assets/**/*.css",
"assets/**/*.less"
],
"license": "MIT",
"main": "./lib/index",
"module": "./es/index",
"scripts": {
"start": "dumi dev",
"build": "dumi build",
"compile": "father build && lessc assets/index.less assets/index.css",
"prepublishOnly": "npm run compile && np --yolo --no-publish --branch antd-v5",
"lint": "eslint src/ docs/examples/ --ext .tsx,.ts,.jsx,.js",
"test": "rc-test",
"prettier": "prettier --write .",
"coverage": "rc-test --coverage",
"now-build": "npm run build"
},
"devDependencies": {
"@rc-component/father-plugin": "^1.0.0",
"@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": "^22.0.2",
"@types/react": "^18.0.0",
"@types/react-dom": "^18.0.11",
"@umijs/fabric": "^4.0.1",
"cross-env": "^7.0.1",
"dumi": "^2.1.0",
"eslint": "^8.51.0",
"father": "^4.0.0",
"less": "^4.2.0",
"np": "^10.0.5",
"prettier": "^3.3.3",
"rc-test": "^7.0.13",
"react": "^18.0.0",
"react-dom": "^18.0.0",
"regenerator-runtime": "^0.14.0",
"typescript": "^5.1.6"
},
"dependencies": {
"@babel/runtime": "^7.23.2",
"@rc-component/portal": "^1.1.0",
"classnames": "^2.3.2",
"rc-motion": "^2.0.0",
"rc-resize-observer": "^1.3.1",
"rc-util": "^5.44.0"
},
"peerDependencies": {
"react": ">=16.9.0",
"react-dom": ">=16.9.0"
}
}