first commit
This commit is contained in:
17
frontend/node_modules/antd/es/popover/PurePanel.d.ts
generated
vendored
Normal file
17
frontend/node_modules/antd/es/popover/PurePanel.d.ts
generated
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
import * as React from 'react';
|
||||
import type { PopoverProps } from '.';
|
||||
interface OverlayProps {
|
||||
prefixCls?: string;
|
||||
title?: React.ReactNode;
|
||||
content?: React.ReactNode;
|
||||
}
|
||||
export declare const Overlay: React.FC<OverlayProps>;
|
||||
export interface PurePanelProps extends Omit<PopoverProps, 'children'> {
|
||||
children?: React.ReactNode;
|
||||
}
|
||||
interface RawPurePanelProps extends PopoverProps {
|
||||
hashId: string;
|
||||
}
|
||||
export declare const RawPurePanel: React.FC<RawPurePanelProps>;
|
||||
declare const PurePanel: React.FC<PurePanelProps>;
|
||||
export default PurePanel;
|
||||
76
frontend/node_modules/antd/es/popover/PurePanel.js
generated
vendored
Normal file
76
frontend/node_modules/antd/es/popover/PurePanel.js
generated
vendored
Normal file
@@ -0,0 +1,76 @@
|
||||
"use client";
|
||||
|
||||
var __rest = this && this.__rest || function (s, e) {
|
||||
var t = {};
|
||||
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
||||
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
||||
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
||||
}
|
||||
return t;
|
||||
};
|
||||
import * as React from 'react';
|
||||
import classNames from 'classnames';
|
||||
import { Popup } from 'rc-tooltip';
|
||||
import { getRenderPropValue } from '../_util/getRenderPropValue';
|
||||
import { ConfigContext } from '../config-provider';
|
||||
import useStyle from './style';
|
||||
export const Overlay = ({
|
||||
title,
|
||||
content,
|
||||
prefixCls
|
||||
}) => {
|
||||
if (!title && !content) {
|
||||
return null;
|
||||
}
|
||||
return /*#__PURE__*/React.createElement(React.Fragment, null, title && /*#__PURE__*/React.createElement("div", {
|
||||
className: `${prefixCls}-title`
|
||||
}, title), content && /*#__PURE__*/React.createElement("div", {
|
||||
className: `${prefixCls}-inner-content`
|
||||
}, content));
|
||||
};
|
||||
export const RawPurePanel = props => {
|
||||
const {
|
||||
hashId,
|
||||
prefixCls,
|
||||
className,
|
||||
style,
|
||||
placement = 'top',
|
||||
title,
|
||||
content,
|
||||
children
|
||||
} = props;
|
||||
const titleNode = getRenderPropValue(title);
|
||||
const contentNode = getRenderPropValue(content);
|
||||
const cls = classNames(hashId, prefixCls, `${prefixCls}-pure`, `${prefixCls}-placement-${placement}`, className);
|
||||
return /*#__PURE__*/React.createElement("div", {
|
||||
className: cls,
|
||||
style: style
|
||||
}, /*#__PURE__*/React.createElement("div", {
|
||||
className: `${prefixCls}-arrow`
|
||||
}), /*#__PURE__*/React.createElement(Popup, Object.assign({}, props, {
|
||||
className: hashId,
|
||||
prefixCls: prefixCls
|
||||
}), children || /*#__PURE__*/React.createElement(Overlay, {
|
||||
prefixCls: prefixCls,
|
||||
title: titleNode,
|
||||
content: contentNode
|
||||
})));
|
||||
};
|
||||
const PurePanel = props => {
|
||||
const {
|
||||
prefixCls: customizePrefixCls,
|
||||
className
|
||||
} = props,
|
||||
restProps = __rest(props, ["prefixCls", "className"]);
|
||||
const {
|
||||
getPrefixCls
|
||||
} = React.useContext(ConfigContext);
|
||||
const prefixCls = getPrefixCls('popover', customizePrefixCls);
|
||||
const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);
|
||||
return wrapCSSVar(/*#__PURE__*/React.createElement(RawPurePanel, Object.assign({}, restProps, {
|
||||
prefixCls: prefixCls,
|
||||
hashId: hashId,
|
||||
className: classNames(className, cssVarCls)
|
||||
})));
|
||||
};
|
||||
export default PurePanel;
|
||||
15
frontend/node_modules/antd/es/popover/index.d.ts
generated
vendored
Normal file
15
frontend/node_modules/antd/es/popover/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
import * as React from 'react';
|
||||
import type { RenderFunction } from '../_util/getRenderPropValue';
|
||||
import type { AbstractTooltipProps, TooltipRef } from '../tooltip';
|
||||
import PurePanel from './PurePanel';
|
||||
export interface PopoverProps extends AbstractTooltipProps {
|
||||
title?: React.ReactNode | RenderFunction;
|
||||
content?: React.ReactNode | RenderFunction;
|
||||
onOpenChange?: (open: boolean, e?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLDivElement>) => void;
|
||||
}
|
||||
declare const InternalPopover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<TooltipRef>>;
|
||||
type CompoundedComponent = typeof InternalPopover & {
|
||||
_InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;
|
||||
};
|
||||
declare const Popover: CompoundedComponent;
|
||||
export default Popover;
|
||||
112
frontend/node_modules/antd/es/popover/index.js
generated
vendored
Normal file
112
frontend/node_modules/antd/es/popover/index.js
generated
vendored
Normal file
@@ -0,0 +1,112 @@
|
||||
"use client";
|
||||
|
||||
var __rest = this && this.__rest || function (s, e) {
|
||||
var t = {};
|
||||
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
||||
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
||||
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
||||
}
|
||||
return t;
|
||||
};
|
||||
import * as React from 'react';
|
||||
import { isValidElement } from 'react';
|
||||
import classNames from 'classnames';
|
||||
import useMergedState from "rc-util/es/hooks/useMergedState";
|
||||
import KeyCode from "rc-util/es/KeyCode";
|
||||
import { getRenderPropValue } from '../_util/getRenderPropValue';
|
||||
import { getTransitionName } from '../_util/motion';
|
||||
import { cloneElement } from '../_util/reactNode';
|
||||
import { useComponentConfig } from '../config-provider/context';
|
||||
import Tooltip from '../tooltip';
|
||||
import PurePanel, { Overlay } from './PurePanel';
|
||||
// CSSINJS
|
||||
import useStyle from './style';
|
||||
const InternalPopover = /*#__PURE__*/React.forwardRef((props, ref) => {
|
||||
var _a, _b;
|
||||
const {
|
||||
prefixCls: customizePrefixCls,
|
||||
title,
|
||||
content,
|
||||
overlayClassName,
|
||||
placement = 'top',
|
||||
trigger = 'hover',
|
||||
children,
|
||||
mouseEnterDelay = 0.1,
|
||||
mouseLeaveDelay = 0.1,
|
||||
onOpenChange,
|
||||
overlayStyle = {},
|
||||
styles,
|
||||
classNames: popoverClassNames
|
||||
} = props,
|
||||
otherProps = __rest(props, ["prefixCls", "title", "content", "overlayClassName", "placement", "trigger", "children", "mouseEnterDelay", "mouseLeaveDelay", "onOpenChange", "overlayStyle", "styles", "classNames"]);
|
||||
const {
|
||||
getPrefixCls,
|
||||
className: contextClassName,
|
||||
style: contextStyle,
|
||||
classNames: contextClassNames,
|
||||
styles: contextStyles
|
||||
} = useComponentConfig('popover');
|
||||
const prefixCls = getPrefixCls('popover', customizePrefixCls);
|
||||
const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);
|
||||
const rootPrefixCls = getPrefixCls();
|
||||
const rootClassNames = classNames(overlayClassName, hashId, cssVarCls, contextClassName, contextClassNames.root, popoverClassNames === null || popoverClassNames === void 0 ? void 0 : popoverClassNames.root);
|
||||
const bodyClassNames = classNames(contextClassNames.body, popoverClassNames === null || popoverClassNames === void 0 ? void 0 : popoverClassNames.body);
|
||||
const [open, setOpen] = useMergedState(false, {
|
||||
value: (_a = props.open) !== null && _a !== void 0 ? _a : props.visible,
|
||||
defaultValue: (_b = props.defaultOpen) !== null && _b !== void 0 ? _b : props.defaultVisible
|
||||
});
|
||||
const settingOpen = (value, e) => {
|
||||
setOpen(value, true);
|
||||
onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(value, e);
|
||||
};
|
||||
const onKeyDown = e => {
|
||||
if (e.keyCode === KeyCode.ESC) {
|
||||
settingOpen(false, e);
|
||||
}
|
||||
};
|
||||
const onInternalOpenChange = value => {
|
||||
settingOpen(value);
|
||||
};
|
||||
const titleNode = getRenderPropValue(title);
|
||||
const contentNode = getRenderPropValue(content);
|
||||
return wrapCSSVar(/*#__PURE__*/React.createElement(Tooltip, Object.assign({
|
||||
placement: placement,
|
||||
trigger: trigger,
|
||||
mouseEnterDelay: mouseEnterDelay,
|
||||
mouseLeaveDelay: mouseLeaveDelay
|
||||
}, otherProps, {
|
||||
prefixCls: prefixCls,
|
||||
classNames: {
|
||||
root: rootClassNames,
|
||||
body: bodyClassNames
|
||||
},
|
||||
styles: {
|
||||
root: Object.assign(Object.assign(Object.assign(Object.assign({}, contextStyles.root), contextStyle), overlayStyle), styles === null || styles === void 0 ? void 0 : styles.root),
|
||||
body: Object.assign(Object.assign({}, contextStyles.body), styles === null || styles === void 0 ? void 0 : styles.body)
|
||||
},
|
||||
ref: ref,
|
||||
open: open,
|
||||
onOpenChange: onInternalOpenChange,
|
||||
overlay: titleNode || contentNode ? (/*#__PURE__*/React.createElement(Overlay, {
|
||||
prefixCls: prefixCls,
|
||||
title: titleNode,
|
||||
content: contentNode
|
||||
})) : null,
|
||||
transitionName: getTransitionName(rootPrefixCls, 'zoom-big', otherProps.transitionName),
|
||||
"data-popover-inject": true
|
||||
}), cloneElement(children, {
|
||||
onKeyDown: e => {
|
||||
var _a, _b;
|
||||
if (/*#__PURE__*/isValidElement(children)) {
|
||||
(_b = children === null || children === void 0 ? void 0 : (_a = children.props).onKeyDown) === null || _b === void 0 ? void 0 : _b.call(_a, e);
|
||||
}
|
||||
onKeyDown(e);
|
||||
}
|
||||
})));
|
||||
});
|
||||
const Popover = InternalPopover;
|
||||
Popover._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
Popover.displayName = 'Popover';
|
||||
}
|
||||
export default Popover;
|
||||
46
frontend/node_modules/antd/es/popover/style/index.d.ts
generated
vendored
Normal file
46
frontend/node_modules/antd/es/popover/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,46 @@
|
||||
import type { ArrowOffsetToken } from '../../style/placementArrow';
|
||||
import type { ArrowToken } from '../../style/roundedArrow';
|
||||
import type { FullToken, GetDefaultToken } from '../../theme/internal';
|
||||
export interface ComponentToken extends ArrowToken, ArrowOffsetToken {
|
||||
/**
|
||||
* @deprecated Please use `titleMinWidth` instead
|
||||
* @desc 气泡卡片宽度
|
||||
* @descEN Width of Popover
|
||||
*/
|
||||
width?: number | string;
|
||||
/**
|
||||
* @deprecated Please use `titleMinWidth` instead
|
||||
* @desc 气泡卡片最小宽度
|
||||
* @descEN Min width of Popover
|
||||
*/
|
||||
minWidth?: number | string;
|
||||
/**
|
||||
* @desc 气泡卡片标题最小宽度
|
||||
* @descEN Min width of Popover title
|
||||
*/
|
||||
titleMinWidth: number | string;
|
||||
/**
|
||||
* @desc 气泡卡片 z-index
|
||||
* @descEN z-index of Popover
|
||||
*/
|
||||
zIndexPopup: number;
|
||||
}
|
||||
/**
|
||||
* @desc Popover 组件的 Token
|
||||
* @descEN Token for Popover component
|
||||
*/
|
||||
export type PopoverToken = FullToken<'Popover'> & {
|
||||
/**
|
||||
* @desc 气泡卡片背景色
|
||||
* @descEN Background color of Popover
|
||||
*/
|
||||
popoverBg: string;
|
||||
/**
|
||||
* @desc 气泡卡片文字颜色
|
||||
* @descEN Text color of Popover
|
||||
*/
|
||||
popoverColor: string;
|
||||
};
|
||||
export declare const prepareComponentToken: GetDefaultToken<'Popover'>;
|
||||
declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
|
||||
export default _default;
|
||||
157
frontend/node_modules/antd/es/popover/style/index.js
generated
vendored
Normal file
157
frontend/node_modules/antd/es/popover/style/index.js
generated
vendored
Normal file
@@ -0,0 +1,157 @@
|
||||
import { resetComponent } from '../../style';
|
||||
import { initZoomMotion } from '../../style/motion';
|
||||
import getArrowStyle, { getArrowOffsetToken } from '../../style/placementArrow';
|
||||
import { getArrowToken } from '../../style/roundedArrow';
|
||||
import { genStyleHooks, mergeToken, PresetColors } from '../../theme/internal';
|
||||
const genBaseStyle = token => {
|
||||
const {
|
||||
componentCls,
|
||||
popoverColor,
|
||||
titleMinWidth,
|
||||
fontWeightStrong,
|
||||
innerPadding,
|
||||
boxShadowSecondary,
|
||||
colorTextHeading,
|
||||
borderRadiusLG,
|
||||
zIndexPopup,
|
||||
titleMarginBottom,
|
||||
colorBgElevated,
|
||||
popoverBg,
|
||||
titleBorderBottom,
|
||||
innerContentPadding,
|
||||
titlePadding
|
||||
} = token;
|
||||
return [{
|
||||
[componentCls]: Object.assign(Object.assign({}, resetComponent(token)), {
|
||||
position: 'absolute',
|
||||
top: 0,
|
||||
// use `left` to fix https://github.com/ant-design/ant-design/issues/39195
|
||||
left: {
|
||||
_skip_check_: true,
|
||||
value: 0
|
||||
},
|
||||
zIndex: zIndexPopup,
|
||||
fontWeight: 'normal',
|
||||
whiteSpace: 'normal',
|
||||
textAlign: 'start',
|
||||
cursor: 'auto',
|
||||
userSelect: 'text',
|
||||
// When use `autoArrow`, origin will follow the arrow position
|
||||
'--valid-offset-x': 'var(--arrow-offset-horizontal, var(--arrow-x))',
|
||||
transformOrigin: [`var(--valid-offset-x, 50%)`, `var(--arrow-y, 50%)`].join(' '),
|
||||
'--antd-arrow-background-color': colorBgElevated,
|
||||
width: 'max-content',
|
||||
maxWidth: '100vw',
|
||||
'&-rtl': {
|
||||
direction: 'rtl'
|
||||
},
|
||||
'&-hidden': {
|
||||
display: 'none'
|
||||
},
|
||||
[`${componentCls}-content`]: {
|
||||
position: 'relative'
|
||||
},
|
||||
[`${componentCls}-inner`]: {
|
||||
backgroundColor: popoverBg,
|
||||
backgroundClip: 'padding-box',
|
||||
borderRadius: borderRadiusLG,
|
||||
boxShadow: boxShadowSecondary,
|
||||
padding: innerPadding
|
||||
},
|
||||
[`${componentCls}-title`]: {
|
||||
minWidth: titleMinWidth,
|
||||
marginBottom: titleMarginBottom,
|
||||
color: colorTextHeading,
|
||||
fontWeight: fontWeightStrong,
|
||||
borderBottom: titleBorderBottom,
|
||||
padding: titlePadding
|
||||
},
|
||||
[`${componentCls}-inner-content`]: {
|
||||
color: popoverColor,
|
||||
padding: innerContentPadding
|
||||
}
|
||||
})
|
||||
},
|
||||
// Arrow Style
|
||||
getArrowStyle(token, 'var(--antd-arrow-background-color)'),
|
||||
// Pure Render
|
||||
{
|
||||
[`${componentCls}-pure`]: {
|
||||
position: 'relative',
|
||||
maxWidth: 'none',
|
||||
margin: token.sizePopupArrow,
|
||||
display: 'inline-block',
|
||||
[`${componentCls}-content`]: {
|
||||
display: 'inline-block'
|
||||
}
|
||||
}
|
||||
}];
|
||||
};
|
||||
const genColorStyle = token => {
|
||||
const {
|
||||
componentCls
|
||||
} = token;
|
||||
return {
|
||||
[componentCls]: PresetColors.map(colorKey => {
|
||||
const lightColor = token[`${colorKey}6`];
|
||||
return {
|
||||
[`&${componentCls}-${colorKey}`]: {
|
||||
'--antd-arrow-background-color': lightColor,
|
||||
[`${componentCls}-inner`]: {
|
||||
backgroundColor: lightColor
|
||||
},
|
||||
[`${componentCls}-arrow`]: {
|
||||
background: 'transparent'
|
||||
}
|
||||
}
|
||||
};
|
||||
})
|
||||
};
|
||||
};
|
||||
export const prepareComponentToken = token => {
|
||||
const {
|
||||
lineWidth,
|
||||
controlHeight,
|
||||
fontHeight,
|
||||
padding,
|
||||
wireframe,
|
||||
zIndexPopupBase,
|
||||
borderRadiusLG,
|
||||
marginXS,
|
||||
lineType,
|
||||
colorSplit,
|
||||
paddingSM
|
||||
} = token;
|
||||
const titlePaddingBlockDist = controlHeight - fontHeight;
|
||||
const popoverTitlePaddingBlockTop = titlePaddingBlockDist / 2;
|
||||
const popoverTitlePaddingBlockBottom = titlePaddingBlockDist / 2 - lineWidth;
|
||||
const popoverPaddingHorizontal = padding;
|
||||
return Object.assign(Object.assign(Object.assign({
|
||||
titleMinWidth: 177,
|
||||
zIndexPopup: zIndexPopupBase + 30
|
||||
}, getArrowToken(token)), getArrowOffsetToken({
|
||||
contentRadius: borderRadiusLG,
|
||||
limitVerticalRadius: true
|
||||
})), {
|
||||
// internal
|
||||
innerPadding: wireframe ? 0 : 12,
|
||||
titleMarginBottom: wireframe ? 0 : marginXS,
|
||||
titlePadding: wireframe ? `${popoverTitlePaddingBlockTop}px ${popoverPaddingHorizontal}px ${popoverTitlePaddingBlockBottom}px` : 0,
|
||||
titleBorderBottom: wireframe ? `${lineWidth}px ${lineType} ${colorSplit}` : 'none',
|
||||
innerContentPadding: wireframe ? `${paddingSM}px ${popoverPaddingHorizontal}px` : 0
|
||||
});
|
||||
};
|
||||
export default genStyleHooks('Popover', token => {
|
||||
const {
|
||||
colorBgElevated,
|
||||
colorText
|
||||
} = token;
|
||||
const popoverToken = mergeToken(token, {
|
||||
popoverBg: colorBgElevated,
|
||||
popoverColor: colorText
|
||||
});
|
||||
return [genBaseStyle(popoverToken), genColorStyle(popoverToken), initZoomMotion(popoverToken, 'zoom-big')];
|
||||
}, prepareComponentToken, {
|
||||
resetStyle: false,
|
||||
deprecatedTokens: [['width', 'titleMinWidth'], ['minWidth', 'titleMinWidth']]
|
||||
});
|
||||
Reference in New Issue
Block a user