first commit
This commit is contained in:
20
frontend/node_modules/antd/lib/timeline/Timeline.d.ts
generated
vendored
Normal file
20
frontend/node_modules/antd/lib/timeline/Timeline.d.ts
generated
vendored
Normal file
@@ -0,0 +1,20 @@
|
||||
import * as React from 'react';
|
||||
import type { TimelineItemProps } from './TimelineItem';
|
||||
export interface TimelineProps {
|
||||
prefixCls?: string;
|
||||
className?: string;
|
||||
rootClassName?: string;
|
||||
/** 指定最后一个幽灵节点是否存在或内容 */
|
||||
pending?: React.ReactNode;
|
||||
pendingDot?: React.ReactNode;
|
||||
style?: React.CSSProperties;
|
||||
reverse?: boolean;
|
||||
mode?: 'left' | 'alternate' | 'right';
|
||||
items?: TimelineItemProps[];
|
||||
children?: React.ReactNode;
|
||||
}
|
||||
type CompoundedComponent = React.FC<TimelineProps> & {
|
||||
Item: React.FC<TimelineItemProps>;
|
||||
};
|
||||
declare const Timeline: CompoundedComponent;
|
||||
export default Timeline;
|
||||
67
frontend/node_modules/antd/lib/timeline/Timeline.js
generated
vendored
Normal file
67
frontend/node_modules/antd/lib/timeline/Timeline.js
generated
vendored
Normal file
@@ -0,0 +1,67 @@
|
||||
"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 _warning = require("../_util/warning");
|
||||
var _configProvider = require("../config-provider");
|
||||
var _useCSSVarCls = _interopRequireDefault(require("../config-provider/hooks/useCSSVarCls"));
|
||||
var _style = _interopRequireDefault(require("./style"));
|
||||
var _TimelineItem = _interopRequireDefault(require("./TimelineItem"));
|
||||
var _TimelineItemList = _interopRequireDefault(require("./TimelineItemList"));
|
||||
var _useItems = _interopRequireDefault(require("./useItems"));
|
||||
var __rest = void 0 && (void 0).__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;
|
||||
};
|
||||
|
||||
// CSSINJS
|
||||
|
||||
const Timeline = props => {
|
||||
const {
|
||||
getPrefixCls,
|
||||
direction,
|
||||
timeline
|
||||
} = React.useContext(_configProvider.ConfigContext);
|
||||
const {
|
||||
prefixCls: customizePrefixCls,
|
||||
children,
|
||||
items,
|
||||
className,
|
||||
style
|
||||
} = props,
|
||||
restProps = __rest(props, ["prefixCls", "children", "items", "className", "style"]);
|
||||
const prefixCls = getPrefixCls('timeline', customizePrefixCls);
|
||||
// =================== Warning =====================
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
const warning = (0, _warning.devUseWarning)('Timeline');
|
||||
warning.deprecated(!children, 'Timeline.Item', 'items');
|
||||
}
|
||||
// Style
|
||||
const rootCls = (0, _useCSSVarCls.default)(prefixCls);
|
||||
const [wrapCSSVar, hashId, cssVarCls] = (0, _style.default)(prefixCls, rootCls);
|
||||
const mergedItems = (0, _useItems.default)(items, children);
|
||||
return wrapCSSVar(/*#__PURE__*/React.createElement(_TimelineItemList.default, Object.assign({}, restProps, {
|
||||
className: (0, _classnames.default)(timeline === null || timeline === void 0 ? void 0 : timeline.className, className, cssVarCls, rootCls),
|
||||
style: Object.assign(Object.assign({}, timeline === null || timeline === void 0 ? void 0 : timeline.style), style),
|
||||
prefixCls: prefixCls,
|
||||
direction: direction,
|
||||
items: mergedItems,
|
||||
hashId: hashId
|
||||
})));
|
||||
};
|
||||
Timeline.Item = _TimelineItem.default;
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
Timeline.displayName = 'Timeline';
|
||||
}
|
||||
var _default = exports.default = Timeline;
|
||||
22
frontend/node_modules/antd/lib/timeline/TimelineItem.d.ts
generated
vendored
Normal file
22
frontend/node_modules/antd/lib/timeline/TimelineItem.d.ts
generated
vendored
Normal file
@@ -0,0 +1,22 @@
|
||||
import * as React from 'react';
|
||||
import type { LiteralUnion } from '../_util/type';
|
||||
type Color = 'blue' | 'red' | 'green' | 'gray';
|
||||
export interface TimelineItemProps {
|
||||
key?: React.Key;
|
||||
prefixCls?: string;
|
||||
className?: string;
|
||||
color?: LiteralUnion<Color>;
|
||||
dot?: React.ReactNode;
|
||||
pending?: boolean;
|
||||
position?: string;
|
||||
style?: React.CSSProperties;
|
||||
label?: React.ReactNode;
|
||||
children?: React.ReactNode;
|
||||
}
|
||||
/**
|
||||
* @deprecated Use {@link TimelineItemProps} instead.
|
||||
* @see https://github.com/ant-design/ant-design/pull/27001
|
||||
*/
|
||||
export type TimeLineItemProps = TimelineItemProps;
|
||||
declare const TimelineItem: React.FC<TimelineItemProps>;
|
||||
export default TimelineItem;
|
||||
61
frontend/node_modules/antd/lib/timeline/TimelineItem.js
generated
vendored
Normal file
61
frontend/node_modules/antd/lib/timeline/TimelineItem.js
generated
vendored
Normal file
@@ -0,0 +1,61 @@
|
||||
"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 _configProvider = require("../config-provider");
|
||||
var __rest = void 0 && (void 0).__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;
|
||||
};
|
||||
const TimelineItem = _a => {
|
||||
var {
|
||||
prefixCls: customizePrefixCls,
|
||||
className,
|
||||
color = 'blue',
|
||||
dot,
|
||||
pending = false,
|
||||
position /** Dead, but do not pass in <li {...omit()} */,
|
||||
label,
|
||||
children
|
||||
} = _a,
|
||||
restProps = __rest(_a, ["prefixCls", "className", "color", "dot", "pending", "position", "label", "children"]);
|
||||
const {
|
||||
getPrefixCls
|
||||
} = React.useContext(_configProvider.ConfigContext);
|
||||
const prefixCls = getPrefixCls('timeline', customizePrefixCls);
|
||||
const itemClassName = (0, _classnames.default)(`${prefixCls}-item`, {
|
||||
[`${prefixCls}-item-pending`]: pending
|
||||
}, className);
|
||||
const customColor = /blue|red|green|gray/.test(color || '') ? undefined : color;
|
||||
const dotClassName = (0, _classnames.default)(`${prefixCls}-item-head`, {
|
||||
[`${prefixCls}-item-head-custom`]: !!dot,
|
||||
[`${prefixCls}-item-head-${color}`]: !customColor
|
||||
});
|
||||
return /*#__PURE__*/React.createElement("li", Object.assign({}, restProps, {
|
||||
className: itemClassName
|
||||
}), label && /*#__PURE__*/React.createElement("div", {
|
||||
className: `${prefixCls}-item-label`
|
||||
}, label), /*#__PURE__*/React.createElement("div", {
|
||||
className: `${prefixCls}-item-tail`
|
||||
}), /*#__PURE__*/React.createElement("div", {
|
||||
className: dotClassName,
|
||||
style: {
|
||||
borderColor: customColor,
|
||||
color: customColor
|
||||
}
|
||||
}, dot), /*#__PURE__*/React.createElement("div", {
|
||||
className: `${prefixCls}-item-content`
|
||||
}, children));
|
||||
};
|
||||
var _default = exports.default = TimelineItem;
|
||||
7
frontend/node_modules/antd/lib/timeline/TimelineItemList.d.ts
generated
vendored
Normal file
7
frontend/node_modules/antd/lib/timeline/TimelineItemList.d.ts
generated
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
import * as React from 'react';
|
||||
import type { TimelineProps } from './Timeline';
|
||||
declare const TimelineItemList: React.FC<TimelineProps & {
|
||||
hashId: string;
|
||||
direction?: string;
|
||||
}>;
|
||||
export default TimelineItemList;
|
||||
98
frontend/node_modules/antd/lib/timeline/TimelineItemList.js
generated
vendored
Normal file
98
frontend/node_modules/antd/lib/timeline/TimelineItemList.js
generated
vendored
Normal file
@@ -0,0 +1,98 @@
|
||||
"use strict";
|
||||
"use client";
|
||||
|
||||
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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
var _LoadingOutlined = _interopRequireDefault(require("@ant-design/icons/LoadingOutlined"));
|
||||
var _classnames = _interopRequireDefault(require("classnames"));
|
||||
var _TimelineItem = _interopRequireDefault(require("./TimelineItem"));
|
||||
var __rest = void 0 && (void 0).__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;
|
||||
};
|
||||
const TimelineItemList = _a => {
|
||||
var {
|
||||
prefixCls,
|
||||
className,
|
||||
pending = false,
|
||||
children,
|
||||
items,
|
||||
rootClassName,
|
||||
reverse = false,
|
||||
direction,
|
||||
hashId,
|
||||
pendingDot,
|
||||
mode = ''
|
||||
} = _a,
|
||||
restProps = __rest(_a, ["prefixCls", "className", "pending", "children", "items", "rootClassName", "reverse", "direction", "hashId", "pendingDot", "mode"]);
|
||||
const getPositionCls = (position, idx) => {
|
||||
if (mode === 'alternate') {
|
||||
if (position === 'right') {
|
||||
return `${prefixCls}-item-right`;
|
||||
}
|
||||
if (position === 'left') {
|
||||
return `${prefixCls}-item-left`;
|
||||
}
|
||||
return idx % 2 === 0 ? `${prefixCls}-item-left` : `${prefixCls}-item-right`;
|
||||
}
|
||||
if (mode === 'left') {
|
||||
return `${prefixCls}-item-left`;
|
||||
}
|
||||
if (mode === 'right') {
|
||||
return `${prefixCls}-item-right`;
|
||||
}
|
||||
if (position === 'right') {
|
||||
return `${prefixCls}-item-right`;
|
||||
}
|
||||
return '';
|
||||
};
|
||||
const mergedItems = (0, _toConsumableArray2.default)(items || []);
|
||||
const pendingNode = typeof pending === 'boolean' ? null : pending;
|
||||
if (pending) {
|
||||
mergedItems.push({
|
||||
pending: !!pending,
|
||||
dot: pendingDot || /*#__PURE__*/React.createElement(_LoadingOutlined.default, null),
|
||||
children: pendingNode
|
||||
});
|
||||
}
|
||||
if (reverse) {
|
||||
mergedItems.reverse();
|
||||
}
|
||||
const itemsCount = mergedItems.length;
|
||||
const lastCls = `${prefixCls}-item-last`;
|
||||
const itemsList = mergedItems.filter(item => !!item).map((item, idx) => {
|
||||
var _a;
|
||||
const pendingClass = idx === itemsCount - 2 ? lastCls : '';
|
||||
const readyClass = idx === itemsCount - 1 ? lastCls : '';
|
||||
const {
|
||||
className: itemClassName
|
||||
} = item,
|
||||
itemProps = __rest(item, ["className"]);
|
||||
return /*#__PURE__*/React.createElement(_TimelineItem.default, Object.assign({}, itemProps, {
|
||||
className: (0, _classnames.default)([itemClassName, !reverse && !!pending ? pendingClass : readyClass, getPositionCls((_a = item === null || item === void 0 ? void 0 : item.position) !== null && _a !== void 0 ? _a : '', idx)]),
|
||||
key: (item === null || item === void 0 ? void 0 : item.key) || idx
|
||||
}));
|
||||
});
|
||||
const hasLabelItem = mergedItems.some(item => !!(item === null || item === void 0 ? void 0 : item.label));
|
||||
const classString = (0, _classnames.default)(prefixCls, {
|
||||
[`${prefixCls}-pending`]: !!pending,
|
||||
[`${prefixCls}-reverse`]: !!reverse,
|
||||
[`${prefixCls}-${mode}`]: !!mode && !hasLabelItem,
|
||||
[`${prefixCls}-label`]: hasLabelItem,
|
||||
[`${prefixCls}-rtl`]: direction === 'rtl'
|
||||
}, className, rootClassName, hashId);
|
||||
return /*#__PURE__*/React.createElement("ol", Object.assign({}, restProps, {
|
||||
className: classString
|
||||
}), itemsList);
|
||||
};
|
||||
var _default = exports.default = TimelineItemList;
|
||||
4
frontend/node_modules/antd/lib/timeline/index.d.ts
generated
vendored
Normal file
4
frontend/node_modules/antd/lib/timeline/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
import Timeline from './Timeline';
|
||||
export type { TimelineProps } from './Timeline';
|
||||
export type { TimelineItemProps } from './TimelineItem';
|
||||
export default Timeline;
|
||||
10
frontend/node_modules/antd/lib/timeline/index.js
generated
vendored
Normal file
10
frontend/node_modules/antd/lib/timeline/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 _Timeline = _interopRequireDefault(require("./Timeline"));
|
||||
var _default = exports.default = _Timeline.default;
|
||||
31
frontend/node_modules/antd/lib/timeline/style/index.d.ts
generated
vendored
Normal file
31
frontend/node_modules/antd/lib/timeline/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,31 @@
|
||||
import type { GetDefaultToken } from '../../theme/internal';
|
||||
export interface ComponentToken {
|
||||
/**
|
||||
* @desc 轨迹颜色
|
||||
* @descEN Line color
|
||||
*/
|
||||
tailColor: string;
|
||||
/**
|
||||
* @desc 轨迹宽度
|
||||
* @descEN Line width
|
||||
*/
|
||||
tailWidth: number | string;
|
||||
/**
|
||||
* @desc 节点边框宽度
|
||||
* @descEN Border width of node
|
||||
*/
|
||||
dotBorderWidth: number | string;
|
||||
/**
|
||||
* @desc 节点背景色
|
||||
* @descEN Background color of node
|
||||
*/
|
||||
dotBg: string;
|
||||
/**
|
||||
* @desc 时间项下间距
|
||||
* @descEN Bottom padding of item
|
||||
*/
|
||||
itemPaddingBottom: number;
|
||||
}
|
||||
export declare const prepareComponentToken: GetDefaultToken<'Timeline'>;
|
||||
declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
|
||||
export default _default;
|
||||
203
frontend/node_modules/antd/lib/timeline/style/index.js
generated
vendored
Normal file
203
frontend/node_modules/antd/lib/timeline/style/index.js
generated
vendored
Normal file
@@ -0,0 +1,203 @@
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.prepareComponentToken = exports.default = void 0;
|
||||
var _cssinjs = require("@ant-design/cssinjs");
|
||||
var _style = require("../../style");
|
||||
var _internal = require("../../theme/internal");
|
||||
const genTimelineStyle = token => {
|
||||
const {
|
||||
componentCls,
|
||||
calc
|
||||
} = token;
|
||||
return {
|
||||
[componentCls]: Object.assign(Object.assign({}, (0, _style.resetComponent)(token)), {
|
||||
margin: 0,
|
||||
padding: 0,
|
||||
listStyle: 'none',
|
||||
[`${componentCls}-item`]: {
|
||||
position: 'relative',
|
||||
margin: 0,
|
||||
paddingBottom: token.itemPaddingBottom,
|
||||
fontSize: token.fontSize,
|
||||
listStyle: 'none',
|
||||
'&-tail': {
|
||||
position: 'absolute',
|
||||
insetBlockStart: token.itemHeadSize,
|
||||
insetInlineStart: calc(calc(token.itemHeadSize).sub(token.tailWidth)).div(2).equal(),
|
||||
height: `calc(100% - ${(0, _cssinjs.unit)(token.itemHeadSize)})`,
|
||||
borderInlineStart: `${(0, _cssinjs.unit)(token.tailWidth)} ${token.lineType} ${token.tailColor}`
|
||||
},
|
||||
'&-pending': {
|
||||
[`${componentCls}-item-head`]: {
|
||||
fontSize: token.fontSizeSM,
|
||||
backgroundColor: 'transparent'
|
||||
},
|
||||
[`${componentCls}-item-tail`]: {
|
||||
display: 'none'
|
||||
}
|
||||
},
|
||||
'&-head': {
|
||||
position: 'absolute',
|
||||
width: token.itemHeadSize,
|
||||
height: token.itemHeadSize,
|
||||
backgroundColor: token.dotBg,
|
||||
border: `${(0, _cssinjs.unit)(token.dotBorderWidth)} ${token.lineType} transparent`,
|
||||
borderRadius: '50%',
|
||||
'&-blue': {
|
||||
color: token.colorPrimary,
|
||||
borderColor: token.colorPrimary
|
||||
},
|
||||
'&-red': {
|
||||
color: token.colorError,
|
||||
borderColor: token.colorError
|
||||
},
|
||||
'&-green': {
|
||||
color: token.colorSuccess,
|
||||
borderColor: token.colorSuccess
|
||||
},
|
||||
'&-gray': {
|
||||
color: token.colorTextDisabled,
|
||||
borderColor: token.colorTextDisabled
|
||||
}
|
||||
},
|
||||
'&-head-custom': {
|
||||
position: 'absolute',
|
||||
insetBlockStart: calc(token.itemHeadSize).div(2).equal(),
|
||||
insetInlineStart: calc(token.itemHeadSize).div(2).equal(),
|
||||
width: 'auto',
|
||||
height: 'auto',
|
||||
marginBlockStart: 0,
|
||||
paddingBlock: token.customHeadPaddingVertical,
|
||||
lineHeight: 1,
|
||||
textAlign: 'center',
|
||||
border: 0,
|
||||
borderRadius: 0,
|
||||
transform: 'translate(-50%, -50%)'
|
||||
},
|
||||
'&-content': {
|
||||
position: 'relative',
|
||||
insetBlockStart: calc(calc(token.fontSize).mul(token.lineHeight).sub(token.fontSize)).mul(-1).add(token.lineWidth).equal(),
|
||||
marginInlineStart: calc(token.margin).add(token.itemHeadSize).equal(),
|
||||
marginInlineEnd: 0,
|
||||
marginBlockStart: 0,
|
||||
marginBlockEnd: 0,
|
||||
wordBreak: 'break-word'
|
||||
},
|
||||
'&-last': {
|
||||
[`> ${componentCls}-item-tail`]: {
|
||||
display: 'none'
|
||||
},
|
||||
[`> ${componentCls}-item-content`]: {
|
||||
minHeight: calc(token.controlHeightLG).mul(1.2).equal()
|
||||
}
|
||||
}
|
||||
},
|
||||
[`&${componentCls}-alternate,
|
||||
&${componentCls}-right,
|
||||
&${componentCls}-label`]: {
|
||||
[`${componentCls}-item`]: {
|
||||
'&-tail, &-head, &-head-custom': {
|
||||
insetInlineStart: '50%'
|
||||
},
|
||||
'&-head': {
|
||||
marginInlineStart: calc(token.marginXXS).mul(-1).equal(),
|
||||
'&-custom': {
|
||||
marginInlineStart: calc(token.tailWidth).div(2).equal()
|
||||
}
|
||||
},
|
||||
'&-left': {
|
||||
[`${componentCls}-item-content`]: {
|
||||
insetInlineStart: `calc(50% - ${(0, _cssinjs.unit)(token.marginXXS)})`,
|
||||
width: `calc(50% - ${(0, _cssinjs.unit)(token.marginSM)})`,
|
||||
textAlign: 'start'
|
||||
}
|
||||
},
|
||||
'&-right': {
|
||||
[`${componentCls}-item-content`]: {
|
||||
width: `calc(50% - ${(0, _cssinjs.unit)(token.marginSM)})`,
|
||||
margin: 0,
|
||||
textAlign: 'end'
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
[`&${componentCls}-right`]: {
|
||||
[`${componentCls}-item-right`]: {
|
||||
[`${componentCls}-item-tail,
|
||||
${componentCls}-item-head,
|
||||
${componentCls}-item-head-custom`]: {
|
||||
insetInlineStart: `calc(100% - ${(0, _cssinjs.unit)(calc(calc(token.itemHeadSize).add(token.tailWidth)).div(2).equal())})`
|
||||
},
|
||||
[`${componentCls}-item-content`]: {
|
||||
width: `calc(100% - ${(0, _cssinjs.unit)(calc(token.itemHeadSize).add(token.marginXS).equal())})`
|
||||
}
|
||||
}
|
||||
},
|
||||
[`&${componentCls}-pending
|
||||
${componentCls}-item-last
|
||||
${componentCls}-item-tail`]: {
|
||||
display: 'block',
|
||||
height: `calc(100% - ${(0, _cssinjs.unit)(token.margin)})`,
|
||||
borderInlineStart: `${(0, _cssinjs.unit)(token.tailWidth)} dotted ${token.tailColor}`
|
||||
},
|
||||
[`&${componentCls}-reverse
|
||||
${componentCls}-item-last
|
||||
${componentCls}-item-tail`]: {
|
||||
display: 'none'
|
||||
},
|
||||
[`&${componentCls}-reverse ${componentCls}-item-pending`]: {
|
||||
[`${componentCls}-item-tail`]: {
|
||||
insetBlockStart: token.margin,
|
||||
display: 'block',
|
||||
height: `calc(100% - ${(0, _cssinjs.unit)(token.margin)})`,
|
||||
borderInlineStart: `${(0, _cssinjs.unit)(token.tailWidth)} dotted ${token.tailColor}`
|
||||
},
|
||||
[`${componentCls}-item-content`]: {
|
||||
minHeight: calc(token.controlHeightLG).mul(1.2).equal()
|
||||
}
|
||||
},
|
||||
[`&${componentCls}-label`]: {
|
||||
[`${componentCls}-item-label`]: {
|
||||
position: 'absolute',
|
||||
insetBlockStart: calc(calc(token.fontSize).mul(token.lineHeight).sub(token.fontSize)).mul(-1).add(token.tailWidth).equal(),
|
||||
width: `calc(50% - ${(0, _cssinjs.unit)(token.marginSM)})`,
|
||||
textAlign: 'end'
|
||||
},
|
||||
[`${componentCls}-item-right`]: {
|
||||
[`${componentCls}-item-label`]: {
|
||||
insetInlineStart: `calc(50% + ${(0, _cssinjs.unit)(token.marginSM)})`,
|
||||
width: `calc(50% - ${(0, _cssinjs.unit)(token.marginSM)})`,
|
||||
textAlign: 'start'
|
||||
}
|
||||
}
|
||||
},
|
||||
// ====================== RTL =======================
|
||||
'&-rtl': {
|
||||
direction: 'rtl',
|
||||
[`${componentCls}-item-head-custom`]: {
|
||||
transform: `translate(50%, -50%)`
|
||||
}
|
||||
}
|
||||
})
|
||||
};
|
||||
};
|
||||
// ============================== Export ==============================
|
||||
const prepareComponentToken = token => ({
|
||||
tailColor: token.colorSplit,
|
||||
tailWidth: token.lineWidthBold,
|
||||
dotBorderWidth: token.wireframe ? token.lineWidthBold : token.lineWidth * 3,
|
||||
dotBg: token.colorBgContainer,
|
||||
itemPaddingBottom: token.padding * 1.25
|
||||
});
|
||||
exports.prepareComponentToken = prepareComponentToken;
|
||||
var _default = exports.default = (0, _internal.genStyleHooks)('Timeline', token => {
|
||||
const timeLineToken = (0, _internal.mergeToken)(token, {
|
||||
itemHeadSize: 10,
|
||||
customHeadPaddingVertical: token.paddingXXS,
|
||||
paddingInlineEnd: 2
|
||||
});
|
||||
return genTimelineStyle(timeLineToken);
|
||||
}, prepareComponentToken);
|
||||
4
frontend/node_modules/antd/lib/timeline/useItems.d.ts
generated
vendored
Normal file
4
frontend/node_modules/antd/lib/timeline/useItems.d.ts
generated
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
import type * as React from 'react';
|
||||
import type { TimelineItemProps } from './TimelineItem';
|
||||
declare function useItems(items?: TimelineItemProps[], children?: React.ReactNode): TimelineItemProps[];
|
||||
export default useItems;
|
||||
20
frontend/node_modules/antd/lib/timeline/useItems.js
generated
vendored
Normal file
20
frontend/node_modules/antd/lib/timeline/useItems.js
generated
vendored
Normal file
@@ -0,0 +1,20 @@
|
||||
"use strict";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
var _toArray = _interopRequireDefault(require("rc-util/lib/Children/toArray"));
|
||||
function useItems(items, children) {
|
||||
if (items && Array.isArray(items)) {
|
||||
return items;
|
||||
}
|
||||
return (0, _toArray.default)(children).map(ele => {
|
||||
var _a, _b;
|
||||
return Object.assign({
|
||||
children: (_b = (_a = ele === null || ele === void 0 ? void 0 : ele.props) === null || _a === void 0 ? void 0 : _a.children) !== null && _b !== void 0 ? _b : ''
|
||||
}, ele.props);
|
||||
});
|
||||
}
|
||||
var _default = exports.default = useItems;
|
||||
Reference in New Issue
Block a user