@xfers/design-system 7.1.0 → 8.0.0-dev.dfd424f601
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/index.js +6 -6
- package/cjs/index.js.map +1 -1
- package/dist/components/Carousel/index.js +7 -2
- package/dist/components/Carousel/index.js.map +1 -1
- package/dist/components/Select/index.js +2 -2
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Steps/DesktopSteps.js +20 -35
- package/dist/components/Steps/DesktopSteps.js.map +1 -1
- package/dist/components/Tabs/index.js +21 -2
- package/dist/components/Tabs/index.js.map +1 -1
- package/dist/components/Timeline/index.js +11 -30
- package/dist/components/Timeline/index.js.map +1 -1
- package/dist/components/Tooltip/index.js +1 -1
- package/dist/types/components/Tabs/index.d.ts +4 -2
- package/es/index.js +6 -6
- package/es/index.js.map +1 -1
- package/package.json +3 -3
|
@@ -21,10 +21,15 @@ const ThemeContext_1 = require("../../theme/ThemeContext");
|
|
|
21
21
|
function Carousel(_a) {
|
|
22
22
|
var { children, activeKey, width = 250 } = _a, rest = __rest(_a, ["children", "activeKey", "width"]);
|
|
23
23
|
const { brand } = (0, ThemeContext_1.useTheme)();
|
|
24
|
-
const
|
|
24
|
+
const items = children.map((child, index) => ({
|
|
25
|
+
key: String(index),
|
|
26
|
+
label: null,
|
|
27
|
+
children: child,
|
|
28
|
+
forceRender: true,
|
|
29
|
+
}));
|
|
25
30
|
const dots = children.map((child, index) => (react_1.default.createElement(Dot, { key: index, isActive: index === activeKey, activeColor: brand.primary.default })));
|
|
26
31
|
return (react_1.default.createElement(Container, null,
|
|
27
|
-
react_1.default.createElement(AnimatedTabs, Object.assign({ renderTabBar: () => react_1.default.createElement("div", null), width: width, activeKey: activeKey.toString(), animated: true }, rest)
|
|
32
|
+
react_1.default.createElement(AnimatedTabs, Object.assign({ renderTabBar: () => react_1.default.createElement("div", null), width: width, activeKey: activeKey.toString(), animated: true, items: items }, rest)),
|
|
28
33
|
react_1.default.createElement(Footer, null, dots)));
|
|
29
34
|
}
|
|
30
35
|
exports.default = Carousel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,6DAAoC;AAEpC,+BAA2B;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,6DAAoC;AAEpC,+BAA2B;AAE3B,2DAAmD;AAQnD,SAAS,QAAQ,CAAC,EAAoD;QAApD,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,GAAG,GAAG,OAAkB,EAAb,IAAI,cAA3C,kCAA6C,CAAF;IAC3D,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAQ,GAAE,CAAA;IAE5B,MAAM,KAAK,GAAuB,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QAChE,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC;QAClB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,KAAK;QACf,WAAW,EAAE,IAAI;KAClB,CAAC,CAAC,CAAA;IAEH,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,8BAAC,GAAG,IACF,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,KAAK,KAAK,SAAS,EAC7B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,GAClC,CACH,CAAC,CAAA;IAEF,OAAO,CACL,8BAAC,SAAS;QACR,8BAAC,YAAY,kBACX,YAAY,EAAE,GAAG,EAAE,CAAC,0CAAO,EAC3B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,CAAC,QAAQ,EAAE,EAC/B,QAAQ,QACR,KAAK,EAAE,KAAK,IACR,IAAI,EACR;QACF,8BAAC,MAAM,QAAE,IAAI,CAAU,CACb,CACb,CAAA;AACH,CAAC;AAED,kBAAe,QAAQ,CAAA;AAEvB,MAAM,SAAS,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;CAK3B,CAAA;AAED,MAAM,YAAY,GAAG,IAAA,gBAAM,EAAC,WAAI,CAAC,CAAmB;WACzC,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,IAAI;;;;;CAKvC,CAAA;AAED,MAAM,MAAM,GAAG,gBAAM,CAAC,IAAI,CAAA;;;;CAIzB,CAAA;AAED,MAAM,GAAG,GAAG,gBAAM,CAAC,IAAI,CAA4C;;;sBAG7C,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;;;CAGjD,CAAA"}
|
|
@@ -55,8 +55,8 @@ const Select = function (_a) {
|
|
|
55
55
|
const ref = selectRef || internalRef;
|
|
56
56
|
return (react_1.default.createElement(style_1.SelectContainer, null,
|
|
57
57
|
label && (0, helpers_1.renderLabel)(label, labelTooltip),
|
|
58
|
-
react_1.default.createElement(style_1.StyledAntSelect, Object.assign({ disabled: disabled, mode: mode, ref: ref, "$size": size, "$mode": mode, getPopupContainer: () => document.body }, rest, { error: error,
|
|
59
|
-
react_1.default.createElement(Typography_1.Typography.Body, { size: size === 'sm' ? 'md' : 'lg' }, menu))),
|
|
58
|
+
react_1.default.createElement(style_1.StyledAntSelect, Object.assign({ disabled: disabled, mode: mode, ref: ref, "$size": size, "$mode": mode, getPopupContainer: () => document.body }, rest, { error: error, popupRender: (menu) => (react_1.default.createElement(style_1.StyledDropdown, { "$size": size },
|
|
59
|
+
react_1.default.createElement(Typography_1.Typography.Body, { size: size === 'sm' ? 'md' : 'lg' }, menu))), popupStyle: style_1.dropdownStyle, suffixIcon: (0, helpers_1.getSuffixIcon)(secondaryText), placeholder: (0, helpers_1.getPlaceholder)(size, placeholder), tagRender: (0, helpers_1.getCustomSelectTag)(mode, disabled, size), maxTagCount: 999 }), options ? (0, helpers_1.renderOptions)(options, size) : children),
|
|
60
60
|
(0, helpers_1.renderHelperText)(helperText)));
|
|
61
61
|
};
|
|
62
62
|
Select.Option = antd_1.Select.Option;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgD;AAChD,+BAAuD;AAMvD,sEAAkE;AAClE,uCAOkB;AAClB,mCAKgB;AAyBhB,MAAM,MAAM,GAAG,UAAU,EAcjB;QAdiB,EACvB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,SAAS,EACT,WAAW,EACX,KAAK,GAAG,KAAK,EACb,aAAa,EACb,UAAU,EACV,OAAO,OAED,EADH,IAAI,cAbgB,gJAcxB,CADQ;IAEP,MAAM,WAAW,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAA;IAC/C,MAAM,GAAG,GAAG,SAAS,IAAI,WAAW,CAAA;IAEpC,OAAO,CACL,8BAAC,uBAAe;QACb,KAAK,IAAI,IAAA,qBAAW,EAAC,KAAK,EAAE,YAAY,CAAC;QAC1C,8BAAC,uBAAe,kBACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,WACD,IAAI,WACJ,IAAI,EACX,iBAAiB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,IAClC,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgD;AAChD,+BAAuD;AAMvD,sEAAkE;AAClE,uCAOkB;AAClB,mCAKgB;AAyBhB,MAAM,MAAM,GAAG,UAAU,EAcjB;QAdiB,EACvB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,SAAS,EACT,WAAW,EACX,KAAK,GAAG,KAAK,EACb,aAAa,EACb,UAAU,EACV,OAAO,OAED,EADH,IAAI,cAbgB,gJAcxB,CADQ;IAEP,MAAM,WAAW,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAA;IAC/C,MAAM,GAAG,GAAG,SAAS,IAAI,WAAW,CAAA;IAEpC,OAAO,CACL,8BAAC,uBAAe;QACb,KAAK,IAAI,IAAA,qBAAW,EAAC,KAAK,EAAE,YAAY,CAAC;QAC1C,8BAAC,uBAAe,kBACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,WACD,IAAI,WACJ,IAAI,EACX,iBAAiB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,IAClC,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACrB,8BAAC,sBAAc,aAAQ,IAAI;gBACzB,8BAAC,uBAAU,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAC/C,IAAI,CACW,CACH,CAClB,EACD,UAAU,EAAE,qBAAa,EACzB,UAAU,EAAE,IAAA,uBAAa,EAAC,aAAa,CAAC,EACxC,WAAW,EAAE,IAAA,wBAAc,EAAC,IAAI,EAAE,WAAW,CAAC,EAC9C,SAAS,EAAE,IAAA,4BAAkB,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,EACnD,WAAW,EAAE,GAAG,KAEf,OAAO,CAAC,CAAC,CAAC,IAAA,uBAAa,EAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAClC;QACjB,IAAA,0BAAgB,EAAC,UAAU,CAAC,CACb,CACnB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,aAAS,CAAC,MAAM,CAAA;AAChC,kBAAe,MAAM,CAAA"}
|
|
@@ -25,17 +25,23 @@ const DesktopSteps = (_a) => {
|
|
|
25
25
|
padding-right: 0;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
& .ant-steps-item-finish
|
|
28
|
+
& .ant-steps-item-finish .ant-steps-item-title {
|
|
29
29
|
${fontStyles_1.baseStyle}
|
|
30
30
|
${fontStyles_1.InactiveDesktopStepperStyle}
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
& .ant-steps-item-process
|
|
33
|
+
& .ant-steps-item-process .ant-steps-item-title {
|
|
34
34
|
${fontStyles_1.baseStyle}
|
|
35
35
|
${fontStyles_1.ActiveDesktopStepperStyle}
|
|
36
36
|
}
|
|
37
|
+
|
|
38
|
+
& .ant-steps-item-wait .ant-steps-item-title {
|
|
39
|
+
${fontStyles_1.baseStyle}
|
|
40
|
+
${fontStyles_1.InactiveDesktopStepperStyle}
|
|
41
|
+
color: #777777;
|
|
42
|
+
}
|
|
37
43
|
|
|
38
|
-
& .ant-steps-item-finish .ant-steps-item-icon
|
|
44
|
+
& .ant-steps-item-finish .ant-steps-item-icon {
|
|
39
45
|
background: #43CC32;
|
|
40
46
|
}
|
|
41
47
|
|
|
@@ -44,58 +50,37 @@ const DesktopSteps = (_a) => {
|
|
|
44
50
|
height: 13px;
|
|
45
51
|
}
|
|
46
52
|
|
|
47
|
-
&.ant-steps-dot .ant-steps-item-
|
|
53
|
+
&.ant-steps-dot .ant-steps-item-section {
|
|
48
54
|
width: unset;
|
|
49
55
|
max-width: 100%;
|
|
50
56
|
}
|
|
51
57
|
|
|
52
|
-
&.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon {
|
|
53
|
-
width: 13px;
|
|
54
|
-
height: 13px;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
58
|
&.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
|
|
58
59
|
margin-top: 6px;
|
|
59
60
|
}
|
|
60
61
|
|
|
61
|
-
&.ant-steps-dot .ant-steps-item-
|
|
62
|
+
&.ant-steps-dot .ant-steps-item-rail {
|
|
62
63
|
margin-left: 15px;
|
|
64
|
+
top: 4px;
|
|
65
|
+
left: -9px;
|
|
63
66
|
}
|
|
64
67
|
|
|
65
|
-
& .ant-steps-item-finish
|
|
68
|
+
& .ant-steps-item-finish .ant-steps-item-rail {
|
|
69
|
+
border-color: #CACACA;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
& .ant-steps-item-process .ant-steps-item-rail {
|
|
66
73
|
background: #CACACA;
|
|
67
74
|
}
|
|
68
75
|
|
|
69
|
-
&.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon
|
|
76
|
+
&.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon {
|
|
70
77
|
top: 0;
|
|
78
|
+
left: 0;
|
|
71
79
|
}
|
|
72
80
|
|
|
73
81
|
&.ant-steps-vertical .ant-steps-item-icon {
|
|
74
82
|
margin-right: 10px;
|
|
75
83
|
}
|
|
76
|
-
|
|
77
|
-
&.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
|
|
78
|
-
left: 0;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
& .ant-steps-item-icon > .ant-steps-icon {
|
|
82
|
-
top: 0;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
&.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
|
|
86
|
-
top: 4px;
|
|
87
|
-
left: -9px;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
& .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
|
|
91
|
-
background: #CACACA;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
& .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
|
|
95
|
-
${fontStyles_1.baseStyle}
|
|
96
|
-
${fontStyles_1.InactiveDesktopStepperStyle}
|
|
97
|
-
color: #777777;
|
|
98
|
-
}
|
|
99
84
|
`;
|
|
100
85
|
const ellipseStyle = (0, emotion_1.css) `
|
|
101
86
|
& .ant-steps-item-title {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DesktopSteps.js","sourceRoot":"","sources":["../../../src/components/Steps/DesktopSteps.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,qCAAiC;AACjC,+BAAwC;AACxC,2DAImC;AAanC,MAAM,YAAY,GAAG,CAAC,EAMrB,EAAE,EAAE;QANiB,EACpB,SAAS,EACT,QAAQ,OAIT,EAHI,IAAI,cAHa,yBAIrB,CADQ;IAIP,MAAM,KAAK,GAAG;;;;;;UAMN,sBAAS;UACT,wCAA2B;;;;UAI3B,sBAAS;UACT,sCAAyB
|
|
1
|
+
{"version":3,"file":"DesktopSteps.js","sourceRoot":"","sources":["../../../src/components/Steps/DesktopSteps.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,qCAAiC;AACjC,+BAAwC;AACxC,2DAImC;AAanC,MAAM,YAAY,GAAG,CAAC,EAMrB,EAAE,EAAE;QANiB,EACpB,SAAS,EACT,QAAQ,OAIT,EAHI,IAAI,cAHa,yBAIrB,CADQ;IAIP,MAAM,KAAK,GAAG;;;;;;UAMN,sBAAS;UACT,wCAA2B;;;;UAI3B,sBAAS;UACT,sCAAyB;;;;UAIzB,sBAAS;UACT,wCAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4ChC,CAAA;IAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAA;;;;;;;GAOvB,CAAA;IAED,yEAAyE;IACzE,MAAM,KAAK,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;SAC3C,MAAM,CAAC,eAAK,CAAC,cAAc,CAAC;SAC5B,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACb,MAAM,KACJ,KAAK,CAAC,KAEL,EAHG,EAAE,SAAS,EAAE,aAAa,OAG7B,EAHkC,SAAS,cAAxC,aAA0C,CAG7C,CAAA;QACH,uCACK,SAAS,KACZ,SAAS,EAAE,IAAA,YAAE,EAAC,YAAY,EAAE,aAAa,CAAC,IAC3C;IACH,CAAC,CAAC,CAAA;IAEJ,OAAO,8BAAC,YAAK,oBAAK,IAAI,IAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAA,YAAE,EAAC,IAAA,aAAG,EAAC,KAAK,CAAC,EAAE,SAAS,CAAC,IAAI,CAAA;AAChF,CAAC,CAAA;AAED,+EAA+E;AAC/E,qEAAqE;AACrE,MAAM,WAAW,GAAuB,GAAG,EAAE,CAAC,IAAI,CAAA;AAClD,YAAY,CAAC,IAAI,GAAG,WAAW,CAAA;AAE/B,kBAAe,YAAY,CAAA"}
|
|
@@ -20,7 +20,7 @@ const antd_1 = require("antd");
|
|
|
20
20
|
const TypographyStyles_1 = require("../../shared/TypographyStyles");
|
|
21
21
|
const ThemeContext_1 = require("../../theme/ThemeContext");
|
|
22
22
|
const Tabs = (_a) => {
|
|
23
|
-
var { children } = _a, rest = __rest(_a, ["children"]);
|
|
23
|
+
var { children, items } = _a, rest = __rest(_a, ["children", "items"]);
|
|
24
24
|
const { brand } = (0, ThemeContext_1.useTheme)();
|
|
25
25
|
const style = `
|
|
26
26
|
font-family: ${TypographyStyles_1.MAIN_FONT};
|
|
@@ -56,8 +56,27 @@ const Tabs = (_a) => {
|
|
|
56
56
|
background-color: ${brand.primary.default};
|
|
57
57
|
}
|
|
58
58
|
`;
|
|
59
|
-
|
|
59
|
+
// Support legacy children (Tabs.TabPane) by converting to items.
|
|
60
|
+
// Use React.Children.forEach instead of toArray to avoid the .$-prefix
|
|
61
|
+
// that toArray adds to keys, which would break controlled activeKey usage.
|
|
62
|
+
const resolvedItems = items !== null && items !== void 0 ? items : (children
|
|
63
|
+
? (() => {
|
|
64
|
+
const result = [];
|
|
65
|
+
react_1.default.Children.forEach(children, (child) => {
|
|
66
|
+
var _a, _b;
|
|
67
|
+
if (!react_1.default.isValidElement(child))
|
|
68
|
+
return;
|
|
69
|
+
const _c = child.props, { tab, key: propKey, children: childContent } = _c, paneRest = __rest(_c, ["tab", "key", "children"]);
|
|
70
|
+
result.push(Object.assign({ key: String((_b = (_a = child.key) !== null && _a !== void 0 ? _a : propKey) !== null && _b !== void 0 ? _b : ''), label: tab, children: childContent }, paneRest));
|
|
71
|
+
});
|
|
72
|
+
return result;
|
|
73
|
+
})()
|
|
74
|
+
: undefined);
|
|
75
|
+
return react_1.default.createElement(antd_1.Tabs, Object.assign({ className: `${(0, emotion_1.css)(style)}`, items: resolvedItems }, rest));
|
|
60
76
|
};
|
|
77
|
+
// Keep TabPane export for backward compatibility with legacy children usage.
|
|
78
|
+
// At runtime, children passed to Tabs are converted to items automatically above.
|
|
79
|
+
// Consumers using <Tabs.TabPane> will continue to work without code changes.
|
|
61
80
|
Tabs.TabPane = antd_1.Tabs.TabPane;
|
|
62
81
|
exports.default = Tabs;
|
|
63
82
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,qCAA6B;AAE7B,+BAAsC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,qCAA6B;AAE7B,+BAAsC;AAGtC,oEAAyE;AACzE,2DAAmD;AAWnD,MAAM,IAAI,GAAG,CAAC,EAAmC,EAAE,EAAE;QAAvC,EAAE,QAAQ,EAAE,KAAK,OAAkB,EAAb,IAAI,cAA1B,qBAA4B,CAAF;IACtC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAQ,GAAE,CAAA;IAC5B,MAAM,KAAK,GAAG;mBACG,4BAAS;;;;;;;;;;;;;;;;;;;;eAoBb,KAAK,CAAC,OAAO,CAAC,OAAO;;;;;;qBAMf,iCAAc;;;;0BAIT,KAAK,CAAC,OAAO,CAAC,OAAO;;KAE1C,CAAA;IAEH,iEAAiE;IACjE,uEAAuE;IACvE,2EAA2E;IAC3E,MAAM,aAAa,GACjB,KAAK,aAAL,KAAK,cAAL,KAAK,GACL,CAAC,QAAQ;QACP,CAAC,CAAC,CAAC,GAAG,EAAE;YACJ,MAAM,MAAM,GAAoC,EAAE,CAAA;YAClD,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;;gBACzC,IAAI,CAAC,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC;oBAAE,OAAM;gBACxC,MAAM,KAKF,KAAK,CAAC,KAKT,EAVK,EACJ,GAAG,EACH,GAAG,EAAE,OAAO,EACZ,QAAQ,EAAE,YAAY,OAOvB,EANI,QAAQ,cAJP,0BAKL,CAKA,CAAA;gBACD,MAAM,CAAC,IAAI,iBACT,GAAG,EAAE,MAAM,CAAC,MAAA,MAAA,KAAK,CAAC,GAAG,mCAAI,OAAO,mCAAI,EAAE,CAAC,EACvC,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,YAAY,IACnB,QAAQ,EACX,CAAA;YACJ,CAAC,CAAC,CAAA;YACF,OAAO,MAAM,CAAA;QACf,CAAC,CAAC,EAAE;QACN,CAAC,CAAC,SAAS,CAAC,CAAA;IAEhB,OAAO,8BAAC,WAAO,kBAAC,SAAS,EAAE,GAAG,IAAA,aAAG,EAAC,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,aAAa,IAAM,IAAI,EAAI,CAAA;AAChF,CAAC,CAAA;AAED,6EAA6E;AAC7E,kFAAkF;AAClF,6EAA6E;AAC7E,IAAI,CAAC,OAAO,GAAG,WAAO,CAAC,OAAO,CAAA;AAE9B,kBAAe,IAAI,CAAA"}
|
|
@@ -20,38 +20,19 @@ const antd_1 = require("antd");
|
|
|
20
20
|
const CustomTimeline = (_a) => {
|
|
21
21
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
22
22
|
const style = `
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
top: 40px;
|
|
28
|
-
margin-right: 50px;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
&.ant-timeline.ant-timeline-reverse
|
|
32
|
-
> .ant-timeline-item
|
|
33
|
-
> .ant-timeline-item-tail {
|
|
34
|
-
top: 40px;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
&.ant-timeline.ant-timeline-reverse
|
|
38
|
-
> .ant-timeline-item
|
|
39
|
-
> .ant-timeline-item-content {
|
|
40
|
-
margin-left: 45px;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
// for reverse === false
|
|
44
|
-
&.ant-timeline > .ant-timeline-item > .ant-timeline-item-head-custom {
|
|
45
|
-
top: 40px;
|
|
46
|
-
margin-right: 50px;
|
|
47
|
-
}
|
|
23
|
+
&.ant-timeline .ant-timeline-item {
|
|
24
|
+
.ant-timeline-item-icon {
|
|
25
|
+
top: 40px;
|
|
26
|
+
}
|
|
48
27
|
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
28
|
+
.ant-timeline-item-rail {
|
|
29
|
+
top: 40px;
|
|
30
|
+
bottom: -40px;
|
|
31
|
+
}
|
|
52
32
|
|
|
53
|
-
|
|
54
|
-
|
|
33
|
+
.ant-timeline-item-content {
|
|
34
|
+
margin-left: 20px;
|
|
35
|
+
}
|
|
55
36
|
}
|
|
56
37
|
`;
|
|
57
38
|
return react_1.default.createElement(antd_1.Timeline, Object.assign({}, rest, { className: (0, emotion_1.cx)((0, emotion_1.css)(style), className) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Timeline/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,qCAAiC;AACjC,+BAA8C;AAE9C,MAAM,cAAc,GAAG,CAAC,EAAqC,EAAE,EAAE;QAAzC,EAAE,SAAS,OAA0B,EAArB,IAAI,cAApB,aAAsB,CAAF;IAC1C,MAAM,KAAK,GAAG
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Timeline/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,qCAAiC;AACjC,+BAA8C;AAE9C,MAAM,cAAc,GAAG,CAAC,EAAqC,EAAE,EAAE;QAAzC,EAAE,SAAS,OAA0B,EAArB,IAAI,cAApB,aAAsB,CAAF;IAC1C,MAAM,KAAK,GAAG;;;;;;;;;;;;;;;GAeb,CAAA;IAED,OAAO,8BAAC,eAAQ,oBAAK,IAAI,IAAE,SAAS,EAAE,IAAA,YAAE,EAAC,IAAA,aAAG,EAAC,KAAK,CAAC,EAAE,SAAS,CAAC,IAAI,CAAA;AACrE,CAAC,CAAA;AAED,cAAc,CAAC,IAAI,GAAG,eAAQ,CAAC,IAAI,CAAA;AAEnC,kBAAe,cAAc,CAAA"}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { TabsProps } from 'antd';
|
|
2
3
|
type Props = {
|
|
3
4
|
activeKey?: string;
|
|
4
5
|
onChange?: any;
|
|
5
6
|
animated?: boolean;
|
|
6
|
-
|
|
7
|
+
items?: TabsProps['items'];
|
|
8
|
+
children?: React.ReactNode;
|
|
7
9
|
};
|
|
8
10
|
declare const Tabs: {
|
|
9
|
-
({ children, ...rest }: Props): React.JSX.Element;
|
|
11
|
+
({ children, items, ...rest }: Props): React.JSX.Element;
|
|
10
12
|
TabPane: React.FC<import("antd").TabPaneProps>;
|
|
11
13
|
};
|
|
12
14
|
export default Tabs;
|