first commit
This commit is contained in:
50
frontend/node_modules/antd/lib/collapse/Collapse.d.ts
generated
vendored
Normal file
50
frontend/node_modules/antd/lib/collapse/Collapse.d.ts
generated
vendored
Normal file
@@ -0,0 +1,50 @@
|
||||
import * as React from 'react';
|
||||
import type { CollapseProps as RcCollapseProps } from 'rc-collapse';
|
||||
import type { SizeType } from '../config-provider/SizeContext';
|
||||
import type { CollapsibleType } from './CollapsePanel';
|
||||
/** @deprecated Please use `start` | `end` instead */
|
||||
type ExpandIconPositionLegacy = 'left' | 'right';
|
||||
export type ExpandIconPosition = 'start' | 'end' | ExpandIconPositionLegacy | undefined;
|
||||
export interface CollapseProps extends Pick<RcCollapseProps, 'items'> {
|
||||
activeKey?: Array<string | number> | string | number;
|
||||
defaultActiveKey?: Array<string | number> | string | number;
|
||||
/** 手风琴效果 */
|
||||
accordion?: boolean;
|
||||
/** @deprecated Please use `destroyOnHidden` instead */
|
||||
destroyInactivePanel?: boolean;
|
||||
/**
|
||||
* @since 5.25.0
|
||||
*/
|
||||
destroyOnHidden?: boolean;
|
||||
onChange?: (key: string[]) => void;
|
||||
style?: React.CSSProperties;
|
||||
className?: string;
|
||||
rootClassName?: string;
|
||||
bordered?: boolean;
|
||||
prefixCls?: string;
|
||||
expandIcon?: (panelProps: PanelProps) => React.ReactNode;
|
||||
expandIconPosition?: ExpandIconPosition;
|
||||
ghost?: boolean;
|
||||
size?: SizeType;
|
||||
collapsible?: CollapsibleType;
|
||||
/**
|
||||
* @deprecated use `items` instead
|
||||
*/
|
||||
children?: React.ReactNode;
|
||||
}
|
||||
interface PanelProps {
|
||||
isActive?: boolean;
|
||||
header?: React.ReactNode;
|
||||
className?: string;
|
||||
style?: React.CSSProperties;
|
||||
showArrow?: boolean;
|
||||
forceRender?: boolean;
|
||||
/** @deprecated Use `collapsible="disabled"` instead */
|
||||
disabled?: boolean;
|
||||
extra?: React.ReactNode;
|
||||
collapsible?: CollapsibleType;
|
||||
}
|
||||
declare const _default: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>> & {
|
||||
Panel: React.ForwardRefExoticComponent<import("./CollapsePanel").CollapsePanelProps & React.RefAttributes<HTMLDivElement>>;
|
||||
};
|
||||
export default _default;
|
||||
126
frontend/node_modules/antd/lib/collapse/Collapse.js
generated
vendored
Normal file
126
frontend/node_modules/antd/lib/collapse/Collapse.js
generated
vendored
Normal file
@@ -0,0 +1,126 @@
|
||||
"use strict";
|
||||
"use client";
|
||||
|
||||
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;
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
var _RightOutlined = _interopRequireDefault(require("@ant-design/icons/RightOutlined"));
|
||||
var _classnames = _interopRequireDefault(require("classnames"));
|
||||
var _rcCollapse = _interopRequireDefault(require("rc-collapse"));
|
||||
var _toArray = _interopRequireDefault(require("rc-util/lib/Children/toArray"));
|
||||
var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
|
||||
var _motion = _interopRequireDefault(require("../_util/motion"));
|
||||
var _reactNode = require("../_util/reactNode");
|
||||
var _warning = require("../_util/warning");
|
||||
var _context = require("../config-provider/context");
|
||||
var _useSize = _interopRequireDefault(require("../config-provider/hooks/useSize"));
|
||||
var _CollapsePanel = _interopRequireDefault(require("./CollapsePanel"));
|
||||
var _style = _interopRequireDefault(require("./style"));
|
||||
const Collapse = /*#__PURE__*/React.forwardRef((props, ref) => {
|
||||
const {
|
||||
getPrefixCls,
|
||||
direction,
|
||||
expandIcon: contextExpandIcon,
|
||||
className: contextClassName,
|
||||
style: contextStyle
|
||||
} = (0, _context.useComponentConfig)('collapse');
|
||||
const {
|
||||
prefixCls: customizePrefixCls,
|
||||
className,
|
||||
rootClassName,
|
||||
style,
|
||||
bordered = true,
|
||||
ghost,
|
||||
size: customizeSize,
|
||||
expandIconPosition = 'start',
|
||||
children,
|
||||
destroyInactivePanel,
|
||||
destroyOnHidden,
|
||||
expandIcon
|
||||
} = props;
|
||||
const mergedSize = (0, _useSize.default)(ctx => {
|
||||
var _a;
|
||||
return (_a = customizeSize !== null && customizeSize !== void 0 ? customizeSize : ctx) !== null && _a !== void 0 ? _a : 'middle';
|
||||
});
|
||||
const prefixCls = getPrefixCls('collapse', customizePrefixCls);
|
||||
const rootPrefixCls = getPrefixCls();
|
||||
const [wrapCSSVar, hashId, cssVarCls] = (0, _style.default)(prefixCls);
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
const warning = (0, _warning.devUseWarning)('Collapse');
|
||||
// Warning if use legacy type `expandIconPosition`
|
||||
process.env.NODE_ENV !== "production" ? warning(expandIconPosition !== 'left' && expandIconPosition !== 'right', 'deprecated', '`expandIconPosition` with `left` or `right` is deprecated. Please use `start` or `end` instead.') : void 0;
|
||||
warning.deprecated(!('destroyInactivePanel' in props), 'destroyInactivePanel', 'destroyOnHidden');
|
||||
}
|
||||
// Align with logic position
|
||||
const mergedExpandIconPosition = React.useMemo(() => {
|
||||
if (expandIconPosition === 'left') {
|
||||
return 'start';
|
||||
}
|
||||
return expandIconPosition === 'right' ? 'end' : expandIconPosition;
|
||||
}, [expandIconPosition]);
|
||||
const mergedExpandIcon = expandIcon !== null && expandIcon !== void 0 ? expandIcon : contextExpandIcon;
|
||||
const renderExpandIcon = React.useCallback((panelProps = {}) => {
|
||||
const icon = typeof mergedExpandIcon === 'function' ? mergedExpandIcon(panelProps) : (/*#__PURE__*/React.createElement(_RightOutlined.default, {
|
||||
rotate: panelProps.isActive ? direction === 'rtl' ? -90 : 90 : undefined,
|
||||
"aria-label": panelProps.isActive ? 'expanded' : 'collapsed'
|
||||
}));
|
||||
return (0, _reactNode.cloneElement)(icon, () => {
|
||||
var _a;
|
||||
return {
|
||||
className: (0, _classnames.default)((_a = icon.props) === null || _a === void 0 ? void 0 : _a.className, `${prefixCls}-arrow`)
|
||||
};
|
||||
});
|
||||
}, [mergedExpandIcon, prefixCls, direction]);
|
||||
const collapseClassName = (0, _classnames.default)(`${prefixCls}-icon-position-${mergedExpandIconPosition}`, {
|
||||
[`${prefixCls}-borderless`]: !bordered,
|
||||
[`${prefixCls}-rtl`]: direction === 'rtl',
|
||||
[`${prefixCls}-ghost`]: !!ghost,
|
||||
[`${prefixCls}-${mergedSize}`]: mergedSize !== 'middle'
|
||||
}, contextClassName, className, rootClassName, hashId, cssVarCls);
|
||||
const openMotion = React.useMemo(() => Object.assign(Object.assign({}, (0, _motion.default)(rootPrefixCls)), {
|
||||
motionAppear: false,
|
||||
leavedClassName: `${prefixCls}-content-hidden`
|
||||
}), [rootPrefixCls, prefixCls]);
|
||||
const items = React.useMemo(() => {
|
||||
if (!children) {
|
||||
return null;
|
||||
}
|
||||
return (0, _toArray.default)(children).map((child, index) => {
|
||||
var _a, _b;
|
||||
const childProps = child.props;
|
||||
if (childProps === null || childProps === void 0 ? void 0 : childProps.disabled) {
|
||||
const key = (_a = child.key) !== null && _a !== void 0 ? _a : String(index);
|
||||
const mergedChildProps = Object.assign(Object.assign({}, (0, _omit.default)(child.props, ['disabled'])), {
|
||||
key,
|
||||
collapsible: (_b = childProps.collapsible) !== null && _b !== void 0 ? _b : 'disabled'
|
||||
});
|
||||
return (0, _reactNode.cloneElement)(child, mergedChildProps);
|
||||
}
|
||||
return child;
|
||||
});
|
||||
}, [children]);
|
||||
return wrapCSSVar(
|
||||
/*#__PURE__*/
|
||||
// @ts-ignore
|
||||
React.createElement(_rcCollapse.default, Object.assign({
|
||||
ref: ref,
|
||||
openMotion: openMotion
|
||||
}, (0, _omit.default)(props, ['rootClassName']), {
|
||||
expandIcon: renderExpandIcon,
|
||||
prefixCls: prefixCls,
|
||||
className: collapseClassName,
|
||||
style: Object.assign(Object.assign({}, contextStyle), style),
|
||||
// TODO: In the future, destroyInactivePanel in rc-collapse needs to be upgrade to destroyOnHidden
|
||||
destroyInactivePanel: destroyOnHidden !== null && destroyOnHidden !== void 0 ? destroyOnHidden : destroyInactivePanel
|
||||
}), items));
|
||||
});
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
Collapse.displayName = 'Collapse';
|
||||
}
|
||||
var _default = exports.default = Object.assign(Collapse, {
|
||||
Panel: _CollapsePanel.default
|
||||
});
|
||||
19
frontend/node_modules/antd/lib/collapse/CollapsePanel.d.ts
generated
vendored
Normal file
19
frontend/node_modules/antd/lib/collapse/CollapsePanel.d.ts
generated
vendored
Normal file
@@ -0,0 +1,19 @@
|
||||
import * as React from 'react';
|
||||
export type CollapsibleType = 'header' | 'icon' | 'disabled';
|
||||
export interface CollapsePanelProps {
|
||||
key: string | number;
|
||||
header: React.ReactNode;
|
||||
/** @deprecated Use `collapsible="disabled"` instead */
|
||||
disabled?: boolean;
|
||||
className?: string;
|
||||
style?: React.CSSProperties;
|
||||
showArrow?: boolean;
|
||||
prefixCls?: string;
|
||||
forceRender?: boolean;
|
||||
id?: string;
|
||||
extra?: React.ReactNode;
|
||||
collapsible?: CollapsibleType;
|
||||
children?: React.ReactNode;
|
||||
}
|
||||
declare const CollapsePanel: React.ForwardRefExoticComponent<CollapsePanelProps & React.RefAttributes<HTMLDivElement>>;
|
||||
export default CollapsePanel;
|
||||
39
frontend/node_modules/antd/lib/collapse/CollapsePanel.js
generated
vendored
Normal file
39
frontend/node_modules/antd/lib/collapse/CollapsePanel.js
generated
vendored
Normal file
@@ -0,0 +1,39 @@
|
||||
"use strict";
|
||||
"use client";
|
||||
|
||||
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;
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
var _classnames = _interopRequireDefault(require("classnames"));
|
||||
var _rcCollapse = _interopRequireDefault(require("rc-collapse"));
|
||||
var _warning = require("../_util/warning");
|
||||
var _configProvider = require("../config-provider");
|
||||
const CollapsePanel = /*#__PURE__*/React.forwardRef((props, ref) => {
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
const warning = (0, _warning.devUseWarning)('Collapse.Panel');
|
||||
warning.deprecated(!('disabled' in props), 'disabled', 'collapsible="disabled"');
|
||||
}
|
||||
const {
|
||||
getPrefixCls
|
||||
} = React.useContext(_configProvider.ConfigContext);
|
||||
const {
|
||||
prefixCls: customizePrefixCls,
|
||||
className,
|
||||
showArrow = true
|
||||
} = props;
|
||||
const prefixCls = getPrefixCls('collapse', customizePrefixCls);
|
||||
const collapsePanelClassName = (0, _classnames.default)({
|
||||
[`${prefixCls}-no-arrow`]: !showArrow
|
||||
}, className);
|
||||
return /*#__PURE__*/React.createElement(_rcCollapse.default.Panel, Object.assign({
|
||||
ref: ref
|
||||
}, props, {
|
||||
prefixCls: prefixCls,
|
||||
className: collapsePanelClassName
|
||||
}));
|
||||
});
|
||||
var _default = exports.default = CollapsePanel;
|
||||
4
frontend/node_modules/antd/lib/collapse/index.d.ts
generated
vendored
Normal file
4
frontend/node_modules/antd/lib/collapse/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
import Collapse from './Collapse';
|
||||
export type { CollapseProps } from './Collapse';
|
||||
export type { CollapsePanelProps } from './CollapsePanel';
|
||||
export default Collapse;
|
||||
10
frontend/node_modules/antd/lib/collapse/index.js
generated
vendored
Normal file
10
frontend/node_modules/antd/lib/collapse/index.js
generated
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
"use strict";
|
||||
"use client";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
var _Collapse = _interopRequireDefault(require("./Collapse"));
|
||||
var _default = exports.default = _Collapse.default;
|
||||
56
frontend/node_modules/antd/lib/collapse/style/index.d.ts
generated
vendored
Normal file
56
frontend/node_modules/antd/lib/collapse/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,56 @@
|
||||
import type { CSSProperties } from 'react';
|
||||
import type { FullToken, GenerateStyle, GetDefaultToken } from '../../theme/internal';
|
||||
/** Component only token. Which will handle additional calculation of alias token */
|
||||
export interface ComponentToken {
|
||||
/**
|
||||
* @desc 折叠面板头部内边距
|
||||
* @descEN Padding of header
|
||||
*/
|
||||
headerPadding: CSSProperties['padding'];
|
||||
/**
|
||||
* @desc 折叠面板头部背景
|
||||
* @descEN Background of header
|
||||
*/
|
||||
headerBg: string;
|
||||
/**
|
||||
* @desc 折叠面板内容内边距
|
||||
* @descEN Padding of content
|
||||
*/
|
||||
contentPadding: CSSProperties['padding'];
|
||||
/**
|
||||
* @desc 折叠面板内容背景
|
||||
* @descEN Background of content
|
||||
*/
|
||||
contentBg: string;
|
||||
/**
|
||||
* @desc 简约风格折叠面板的内容内边距
|
||||
* @descEN Padding of content in borderless style
|
||||
*/
|
||||
borderlessContentPadding: CSSProperties['padding'];
|
||||
/**
|
||||
* @desc 简约风格折叠面板的内容背景
|
||||
* @descEN Background of content in borderless style
|
||||
*/
|
||||
borderlessContentBg: string;
|
||||
}
|
||||
type CollapseToken = FullToken<'Collapse'> & {
|
||||
/**
|
||||
* @desc 小号折叠面板头部内边距
|
||||
* @descEN Padding of small header
|
||||
*/
|
||||
collapseHeaderPaddingSM: string;
|
||||
/**
|
||||
* @desc 大号折叠面板头部内边距
|
||||
* @descEN Padding of large header
|
||||
*/
|
||||
collapseHeaderPaddingLG: string;
|
||||
/**
|
||||
* @desc 折叠面板边框圆角
|
||||
* @descEN Border radius of collapse panel
|
||||
*/
|
||||
collapsePanelBorderRadius: number;
|
||||
};
|
||||
export declare const genBaseStyle: GenerateStyle<CollapseToken>;
|
||||
export declare const prepareComponentToken: GetDefaultToken<'Collapse'>;
|
||||
declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
|
||||
export default _default;
|
||||
278
frontend/node_modules/antd/lib/collapse/style/index.js
generated
vendored
Normal file
278
frontend/node_modules/antd/lib/collapse/style/index.js
generated
vendored
Normal file
@@ -0,0 +1,278 @@
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.prepareComponentToken = exports.genBaseStyle = exports.default = void 0;
|
||||
var _cssinjs = require("@ant-design/cssinjs");
|
||||
var _style = require("../../style");
|
||||
var _motion = require("../../style/motion");
|
||||
var _internal = require("../../theme/internal");
|
||||
const genBaseStyle = token => {
|
||||
const {
|
||||
componentCls,
|
||||
contentBg,
|
||||
padding,
|
||||
headerBg,
|
||||
headerPadding,
|
||||
collapseHeaderPaddingSM,
|
||||
collapseHeaderPaddingLG,
|
||||
collapsePanelBorderRadius,
|
||||
lineWidth,
|
||||
lineType,
|
||||
colorBorder,
|
||||
colorText,
|
||||
colorTextHeading,
|
||||
colorTextDisabled,
|
||||
fontSizeLG,
|
||||
lineHeight,
|
||||
lineHeightLG,
|
||||
marginSM,
|
||||
paddingSM,
|
||||
paddingLG,
|
||||
paddingXS,
|
||||
motionDurationSlow,
|
||||
fontSizeIcon,
|
||||
contentPadding,
|
||||
fontHeight,
|
||||
fontHeightLG
|
||||
} = token;
|
||||
const borderBase = `${(0, _cssinjs.unit)(lineWidth)} ${lineType} ${colorBorder}`;
|
||||
return {
|
||||
[componentCls]: Object.assign(Object.assign({}, (0, _style.resetComponent)(token)), {
|
||||
backgroundColor: headerBg,
|
||||
border: borderBase,
|
||||
borderRadius: collapsePanelBorderRadius,
|
||||
'&-rtl': {
|
||||
direction: 'rtl'
|
||||
},
|
||||
[`& > ${componentCls}-item`]: {
|
||||
borderBottom: borderBase,
|
||||
'&:first-child': {
|
||||
[`
|
||||
&,
|
||||
& > ${componentCls}-header`]: {
|
||||
borderRadius: `${(0, _cssinjs.unit)(collapsePanelBorderRadius)} ${(0, _cssinjs.unit)(collapsePanelBorderRadius)} 0 0`
|
||||
}
|
||||
},
|
||||
'&:last-child': {
|
||||
[`
|
||||
&,
|
||||
& > ${componentCls}-header`]: {
|
||||
borderRadius: `0 0 ${(0, _cssinjs.unit)(collapsePanelBorderRadius)} ${(0, _cssinjs.unit)(collapsePanelBorderRadius)}`
|
||||
}
|
||||
},
|
||||
[`> ${componentCls}-header`]: Object.assign(Object.assign({
|
||||
position: 'relative',
|
||||
display: 'flex',
|
||||
flexWrap: 'nowrap',
|
||||
alignItems: 'flex-start',
|
||||
padding: headerPadding,
|
||||
color: colorTextHeading,
|
||||
lineHeight,
|
||||
cursor: 'pointer',
|
||||
transition: `all ${motionDurationSlow}, visibility 0s`
|
||||
}, (0, _style.genFocusStyle)(token)), {
|
||||
[`> ${componentCls}-header-text`]: {
|
||||
flex: 'auto'
|
||||
},
|
||||
// >>>>> Arrow
|
||||
[`${componentCls}-expand-icon`]: {
|
||||
height: fontHeight,
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
paddingInlineEnd: marginSM
|
||||
},
|
||||
[`${componentCls}-arrow`]: Object.assign(Object.assign({}, (0, _style.resetIcon)()), {
|
||||
fontSize: fontSizeIcon,
|
||||
// when `transform: rotate()` is applied to icon's root element
|
||||
transition: `transform ${motionDurationSlow}`,
|
||||
// when `transform: rotate()` is applied to icon's child element
|
||||
svg: {
|
||||
transition: `transform ${motionDurationSlow}`
|
||||
}
|
||||
}),
|
||||
// >>>>> Text
|
||||
[`${componentCls}-header-text`]: {
|
||||
marginInlineEnd: 'auto'
|
||||
}
|
||||
}),
|
||||
[`${componentCls}-collapsible-header`]: {
|
||||
cursor: 'default',
|
||||
[`${componentCls}-header-text`]: {
|
||||
flex: 'none',
|
||||
cursor: 'pointer'
|
||||
},
|
||||
[`${componentCls}-expand-icon`]: {
|
||||
cursor: 'pointer'
|
||||
}
|
||||
},
|
||||
[`${componentCls}-collapsible-icon`]: {
|
||||
cursor: 'unset',
|
||||
[`${componentCls}-expand-icon`]: {
|
||||
cursor: 'pointer'
|
||||
}
|
||||
}
|
||||
},
|
||||
[`${componentCls}-content`]: {
|
||||
color: colorText,
|
||||
backgroundColor: contentBg,
|
||||
borderTop: borderBase,
|
||||
[`& > ${componentCls}-content-box`]: {
|
||||
padding: contentPadding
|
||||
},
|
||||
'&-hidden': {
|
||||
display: 'none'
|
||||
}
|
||||
},
|
||||
'&-small': {
|
||||
[`> ${componentCls}-item`]: {
|
||||
[`> ${componentCls}-header`]: {
|
||||
padding: collapseHeaderPaddingSM,
|
||||
paddingInlineStart: paddingXS,
|
||||
[`> ${componentCls}-expand-icon`]: {
|
||||
// Arrow offset
|
||||
marginInlineStart: token.calc(paddingSM).sub(paddingXS).equal()
|
||||
}
|
||||
},
|
||||
[`> ${componentCls}-content > ${componentCls}-content-box`]: {
|
||||
padding: paddingSM
|
||||
}
|
||||
}
|
||||
},
|
||||
'&-large': {
|
||||
[`> ${componentCls}-item`]: {
|
||||
fontSize: fontSizeLG,
|
||||
lineHeight: lineHeightLG,
|
||||
[`> ${componentCls}-header`]: {
|
||||
padding: collapseHeaderPaddingLG,
|
||||
paddingInlineStart: padding,
|
||||
[`> ${componentCls}-expand-icon`]: {
|
||||
height: fontHeightLG,
|
||||
// Arrow offset
|
||||
marginInlineStart: token.calc(paddingLG).sub(padding).equal()
|
||||
}
|
||||
},
|
||||
[`> ${componentCls}-content > ${componentCls}-content-box`]: {
|
||||
padding: paddingLG
|
||||
}
|
||||
}
|
||||
},
|
||||
[`${componentCls}-item:last-child`]: {
|
||||
borderBottom: 0,
|
||||
[`> ${componentCls}-content`]: {
|
||||
borderRadius: `0 0 ${(0, _cssinjs.unit)(collapsePanelBorderRadius)} ${(0, _cssinjs.unit)(collapsePanelBorderRadius)}`
|
||||
}
|
||||
},
|
||||
[`& ${componentCls}-item-disabled > ${componentCls}-header`]: {
|
||||
[`
|
||||
&,
|
||||
& > .arrow
|
||||
`]: {
|
||||
color: colorTextDisabled,
|
||||
cursor: 'not-allowed'
|
||||
}
|
||||
},
|
||||
// ========================== Icon Position ==========================
|
||||
[`&${componentCls}-icon-position-end`]: {
|
||||
[`& > ${componentCls}-item`]: {
|
||||
[`> ${componentCls}-header`]: {
|
||||
[`${componentCls}-expand-icon`]: {
|
||||
order: 1,
|
||||
paddingInlineEnd: 0,
|
||||
paddingInlineStart: marginSM
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
};
|
||||
};
|
||||
exports.genBaseStyle = genBaseStyle;
|
||||
const genArrowStyle = token => {
|
||||
const {
|
||||
componentCls
|
||||
} = token;
|
||||
const fixedSelector = `> ${componentCls}-item > ${componentCls}-header ${componentCls}-arrow`;
|
||||
return {
|
||||
[`${componentCls}-rtl`]: {
|
||||
[fixedSelector]: {
|
||||
transform: `rotate(180deg)`
|
||||
}
|
||||
}
|
||||
};
|
||||
};
|
||||
const genBorderlessStyle = token => {
|
||||
const {
|
||||
componentCls,
|
||||
headerBg,
|
||||
borderlessContentPadding,
|
||||
borderlessContentBg,
|
||||
colorBorder
|
||||
} = token;
|
||||
return {
|
||||
[`${componentCls}-borderless`]: {
|
||||
backgroundColor: headerBg,
|
||||
border: 0,
|
||||
[`> ${componentCls}-item`]: {
|
||||
borderBottom: `1px solid ${colorBorder}`
|
||||
},
|
||||
[`
|
||||
> ${componentCls}-item:last-child,
|
||||
> ${componentCls}-item:last-child ${componentCls}-header
|
||||
`]: {
|
||||
borderRadius: 0
|
||||
},
|
||||
[`> ${componentCls}-item:last-child`]: {
|
||||
borderBottom: 0
|
||||
},
|
||||
[`> ${componentCls}-item > ${componentCls}-content`]: {
|
||||
backgroundColor: borderlessContentBg,
|
||||
borderTop: 0
|
||||
},
|
||||
[`> ${componentCls}-item > ${componentCls}-content > ${componentCls}-content-box`]: {
|
||||
padding: borderlessContentPadding
|
||||
}
|
||||
}
|
||||
};
|
||||
};
|
||||
const genGhostStyle = token => {
|
||||
const {
|
||||
componentCls,
|
||||
paddingSM
|
||||
} = token;
|
||||
return {
|
||||
[`${componentCls}-ghost`]: {
|
||||
backgroundColor: 'transparent',
|
||||
border: 0,
|
||||
[`> ${componentCls}-item`]: {
|
||||
borderBottom: 0,
|
||||
[`> ${componentCls}-content`]: {
|
||||
backgroundColor: 'transparent',
|
||||
border: 0,
|
||||
[`> ${componentCls}-content-box`]: {
|
||||
paddingBlock: paddingSM
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
};
|
||||
const prepareComponentToken = token => ({
|
||||
headerPadding: `${token.paddingSM}px ${token.padding}px`,
|
||||
headerBg: token.colorFillAlter,
|
||||
contentPadding: `${token.padding}px 16px`,
|
||||
// Fixed Value
|
||||
contentBg: token.colorBgContainer,
|
||||
borderlessContentPadding: `${token.paddingXXS}px 16px ${token.padding}px`,
|
||||
borderlessContentBg: 'transparent'
|
||||
});
|
||||
exports.prepareComponentToken = prepareComponentToken;
|
||||
var _default = exports.default = (0, _internal.genStyleHooks)('Collapse', token => {
|
||||
const collapseToken = (0, _internal.mergeToken)(token, {
|
||||
collapseHeaderPaddingSM: `${(0, _cssinjs.unit)(token.paddingXS)} ${(0, _cssinjs.unit)(token.paddingSM)}`,
|
||||
collapseHeaderPaddingLG: `${(0, _cssinjs.unit)(token.padding)} ${(0, _cssinjs.unit)(token.paddingLG)}`,
|
||||
collapsePanelBorderRadius: token.borderRadiusLG
|
||||
});
|
||||
return [genBaseStyle(collapseToken), genBorderlessStyle(collapseToken), genGhostStyle(collapseToken), genArrowStyle(collapseToken), (0, _motion.genCollapseMotion)(collapseToken)];
|
||||
}, prepareComponentToken);
|
||||
Reference in New Issue
Block a user