@unif/react-native-chat 4.4.0 → 4.5.0
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/lib/module/components/Process/ProcessTimelineStep.js +17 -15
- package/lib/module/components/Process/ProcessTimelineStep.js.map +1 -1
- package/lib/module/components/Process/styles.js +6 -0
- package/lib/module/components/Process/styles.js.map +1 -1
- package/lib/typescript/src/components/Process/ProcessTimelineStep.d.ts.map +1 -1
- package/lib/typescript/src/components/Process/styles.d.ts +6 -0
- package/lib/typescript/src/components/Process/styles.d.ts.map +1 -1
- package/lib/typescript/src/components/Process/types.d.ts +2 -0
- package/lib/typescript/src/components/Process/types.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/Process/ProcessTimelineStep.tsx +26 -17
- package/src/components/Process/styles.ts +2 -0
- package/src/components/Process/types.ts +2 -0
|
@@ -16,6 +16,20 @@ export function ProcessTimelineStep({
|
|
|
16
16
|
}) {
|
|
17
17
|
const styles = useThemedStyles(createStyles);
|
|
18
18
|
const colors = useColors();
|
|
19
|
+
const trailingActions = step.actionsPlacement === 'trailing';
|
|
20
|
+
const actions = step.actions?.length ? /*#__PURE__*/_jsx(View, {
|
|
21
|
+
style: [styles.actions, trailingActions && styles.timelineTrailingActions],
|
|
22
|
+
children: step.actions.map(action => /*#__PURE__*/_jsx(Button, {
|
|
23
|
+
label: action.label,
|
|
24
|
+
leftIcon: action.icon,
|
|
25
|
+
onPress: action.onPress,
|
|
26
|
+
disabled: action.disabled,
|
|
27
|
+
loading: action.loading,
|
|
28
|
+
accessibilityHint: action.accessibilityHint,
|
|
29
|
+
size: "sm",
|
|
30
|
+
variant: "text"
|
|
31
|
+
}, action.id))
|
|
32
|
+
}) : null;
|
|
19
33
|
const status = step.status === 'running' ? 'active' : step.status === 'completed' ? 'done' : step.status === 'failed' ? 'error' : 'pending';
|
|
20
34
|
return /*#__PURE__*/_jsxs(View, {
|
|
21
35
|
style: styles.timelineStep,
|
|
@@ -43,10 +57,10 @@ export function ProcessTimelineStep({
|
|
|
43
57
|
numberOfLines: 1,
|
|
44
58
|
children: step.title
|
|
45
59
|
}), step.description ? /*#__PURE__*/_jsx(Text, {
|
|
46
|
-
style: [styles.timelineDescription, step.status === 'failed' && styles.timelineError],
|
|
60
|
+
style: [styles.timelineDescription, trailingActions && styles.timelineDescriptionWithActions, step.status === 'failed' && styles.timelineError],
|
|
47
61
|
numberOfLines: 1,
|
|
48
62
|
children: step.description
|
|
49
|
-
}) : null]
|
|
63
|
+
}) : null, trailingActions ? actions : null]
|
|
50
64
|
}), elapsed ? /*#__PURE__*/_jsx(Text, {
|
|
51
65
|
style: styles.elapsed,
|
|
52
66
|
children: elapsed
|
|
@@ -61,19 +75,7 @@ export function ProcessTimelineStep({
|
|
|
61
75
|
style: styles.details,
|
|
62
76
|
children: step.details
|
|
63
77
|
}) : null]
|
|
64
|
-
}) : null,
|
|
65
|
-
style: styles.actions,
|
|
66
|
-
children: step.actions.map(action => /*#__PURE__*/_jsx(Button, {
|
|
67
|
-
label: action.label,
|
|
68
|
-
leftIcon: action.icon,
|
|
69
|
-
onPress: action.onPress,
|
|
70
|
-
disabled: action.disabled,
|
|
71
|
-
loading: action.loading,
|
|
72
|
-
accessibilityHint: action.accessibilityHint,
|
|
73
|
-
size: "sm",
|
|
74
|
-
variant: "text"
|
|
75
|
-
}, action.id))
|
|
76
|
-
}) : null]
|
|
78
|
+
}) : null, !trailingActions ? actions : null]
|
|
77
79
|
})]
|
|
78
80
|
});
|
|
79
81
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["CloseOutlined","Text","View","Button","StatusDot","icon","useColors","useThemedStyles","PROCESS_STATUS_LABELS","createStyles","hasProcessDetails","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ProcessTimelineStep","step","last","expanded","elapsed","onToggle","styles","colors","
|
|
1
|
+
{"version":3,"names":["CloseOutlined","Text","View","Button","StatusDot","icon","useColors","useThemedStyles","PROCESS_STATUS_LABELS","createStyles","hasProcessDetails","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ProcessTimelineStep","step","last","expanded","elapsed","onToggle","styles","colors","trailingActions","actionsPlacement","actions","length","style","timelineTrailingActions","children","map","action","label","leftIcon","onPress","disabled","loading","accessibilityHint","size","variant","id","status","timelineStep","accessibilityLabel","title","statusText","timelineGutter","xs","color","foregroundSubtle","tone","timelineLine","timelineBody","timelineBodyNotLast","stepHeader","testID","timelineTitle","timelineActive","timelinePending","numberOfLines","description","timelineDescription","timelineDescriptionWithActions","timelineError","details"],"sourceRoot":"../../../../src","sources":["components/Process/ProcessTimelineStep.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -101,6 +101,12 @@ export const createStyles = colors => StyleSheet.create({
|
|
|
101
101
|
fontSize: type.xs,
|
|
102
102
|
color: colors.foregroundSubtle
|
|
103
103
|
},
|
|
104
|
+
timelineDescriptionWithActions: {
|
|
105
|
+
flexShrink: 1
|
|
106
|
+
},
|
|
107
|
+
timelineTrailingActions: {
|
|
108
|
+
flexShrink: 0
|
|
109
|
+
},
|
|
104
110
|
timelineError: {
|
|
105
111
|
color: colors.error
|
|
106
112
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","fontMono","fw","icon","r","radius","space","type","createStyles","colors","create","traceRoot","gap","traceHeader","flexDirection","alignItems","paddingVertical","paddingHorizontal","traceTitle","fontSize","xxs","fontFamily","color","foreground","fontWeight","medium","flexShrink","traceContent","flex","minWidth","flexWrap","traceIdentity","traceGlyph","traceBadges","marginLeft","maxWidth","traceDetails","timelineMaterial","borderRadius","lg","material","xl","timelineRoot","padding","timelineStep","timelineGutter","width","xs","alignSelf","timelineLine","backgroundColor","outline","marginTop","minHeight","timelineBody","timelineBodyNotLast","paddingBottom","timelineTitle","lineHeight","timelineActive","primary","timelinePending","foregroundSubtle","regular","timelineDescription","timelineError","error","compactRoot","compactSteps","compactAction","compactHeader","compactHeaderDense","compactDetailsDense","paddingTop","compactTitle","foregroundMuted","spacer","compactStatus","compactDescription","compactDetailsContainer","compactDetails","maxHeight","root","borderWidth","borderColor","heading","headingTitle","h3","semi","steps","step","borderBottomWidth","hairlineWidth","borderBottomColor","stepLast","stepHeader","stepTitle","sm","status","statusText","description","elapsed","details","md","actions"],"sourceRoot":"../../../../src","sources":["components/Process/styles.ts"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["StyleSheet","fontMono","fw","icon","r","radius","space","type","createStyles","colors","create","traceRoot","gap","traceHeader","flexDirection","alignItems","paddingVertical","paddingHorizontal","traceTitle","fontSize","xxs","fontFamily","color","foreground","fontWeight","medium","flexShrink","traceContent","flex","minWidth","flexWrap","traceIdentity","traceGlyph","traceBadges","marginLeft","maxWidth","traceDetails","timelineMaterial","borderRadius","lg","material","xl","timelineRoot","padding","timelineStep","timelineGutter","width","xs","alignSelf","timelineLine","backgroundColor","outline","marginTop","minHeight","timelineBody","timelineBodyNotLast","paddingBottom","timelineTitle","lineHeight","timelineActive","primary","timelinePending","foregroundSubtle","regular","timelineDescription","timelineDescriptionWithActions","timelineTrailingActions","timelineError","error","compactRoot","compactSteps","compactAction","compactHeader","compactHeaderDense","compactDetailsDense","paddingTop","compactTitle","foregroundMuted","spacer","compactStatus","compactDescription","compactDetailsContainer","compactDetails","maxHeight","root","borderWidth","borderColor","heading","headingTitle","h3","semi","steps","step","borderBottomWidth","hairlineWidth","borderBottomColor","stepLast","stepHeader","stepTitle","sm","status","statusText","description","elapsed","details","md","actions"],"sourceRoot":"../../../../src","sources":["components/Process/styles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProcessTimelineStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/Process/ProcessTimelineStep.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAS,CAAC;AAEvD,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,uBAAuB,GAAG;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,+
|
|
1
|
+
{"version":3,"file":"ProcessTimelineStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/Process/ProcessTimelineStep.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAS,CAAC;AAEvD,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,uBAAuB,GAAG;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,+BAkG7C"}
|
|
@@ -98,6 +98,12 @@ export declare const createStyles: (colors: ColorTokens) => Readonly<{
|
|
|
98
98
|
fontSize: number;
|
|
99
99
|
color: string;
|
|
100
100
|
};
|
|
101
|
+
timelineDescriptionWithActions: {
|
|
102
|
+
flexShrink: number;
|
|
103
|
+
};
|
|
104
|
+
timelineTrailingActions: {
|
|
105
|
+
flexShrink: number;
|
|
106
|
+
};
|
|
101
107
|
timelineError: {
|
|
102
108
|
color: string;
|
|
103
109
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Process/styles.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D,eAAO,MAAM,YAAY,GAAI,QAAQ,WAAW
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Process/styles.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D,eAAO,MAAM,YAAY,GAAI,QAAQ,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6L5C,CAAC"}
|
|
@@ -18,6 +18,8 @@ export interface ProcessStep {
|
|
|
18
18
|
elapsedMs?: number;
|
|
19
19
|
details?: ReactNode;
|
|
20
20
|
actions?: readonly ChatAction[];
|
|
21
|
+
/** timeline 中 trailing 将操作放在说明后；默认 below，其它形态仍置于下方。 */
|
|
22
|
+
actionsPlacement?: 'below' | 'trailing';
|
|
21
23
|
}
|
|
22
24
|
export interface ProcessBaseProps {
|
|
23
25
|
/** card 为状态面板；compact 为单行过程；timeline 为连续步骤；trace 为透明工具行。 */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Process/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAe,CAAC;AAEhD,MAAM,MAAM,iBAAiB,GAC3B,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,WAAW,CAAC;AAE/D,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,iBAAiB,CAAC;IAC1B,+CAA+C;IAC/C,IAAI,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IACvC,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Process/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAe,CAAC;AAEhD,MAAM,MAAM,iBAAiB,GAC3B,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,WAAW,CAAC;AAE/D,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,iBAAiB,CAAC;IAC1B,+CAA+C;IAC/C,IAAI,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IACvC,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;IAChC,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CACzC;AAED,MAAM,WAAW,gBAAgB;IAC/B,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;IACpD,yCAAyC;IACzC,cAAc,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC;IACzC,KAAK,EAAE,SAAS,WAAW,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACzC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,IAAI,IAAI,CAAC;CAClB;AAED,MAAM,WAAW,0BAA0B;IACzC,WAAW,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B,gBAAgB,CAAC,GAAG,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAAC;IAC/C,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B;AAED,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,kBAAkB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACvC,gBAAgB,CAAC,CAAC,GAAG,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAAC;CACjD;AAED,MAAM,MAAM,YAAY,GAAG,gBAAgB,GACzC,CAAC,0BAA0B,GAAG,qBAAqB,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@unif/react-native-chat",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.5.0",
|
|
4
4
|
"description": "Unif React Native 聊天组件：消息、输入、附件和交互展示",
|
|
5
5
|
"main": "./lib/module/index.js",
|
|
6
6
|
"types": "./lib/typescript/src/index.d.ts",
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
"@testing-library/react-native": "13.3.3",
|
|
71
71
|
"@types/react": "^19.2.0",
|
|
72
72
|
"@unif/react-native-design": "^1.7.0",
|
|
73
|
-
"@unif/react-native-icons": "^0.
|
|
73
|
+
"@unif/react-native-icons": "^0.5.0",
|
|
74
74
|
"commitlint": "^21.2.1",
|
|
75
75
|
"del-cli": "^7.0.0",
|
|
76
76
|
"eslint": "^9.39.5",
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
},
|
|
100
100
|
"peerDependencies": {
|
|
101
101
|
"@unif/react-native-design": "^1.7.0",
|
|
102
|
-
"@unif/react-native-icons": "
|
|
102
|
+
"@unif/react-native-icons": ">=0.3.0 <1.0.0",
|
|
103
103
|
"react": ">=19.2.3 <20.0.0",
|
|
104
104
|
"react-native": ">=0.86.0",
|
|
105
105
|
"react-native-svg": ">=15"
|
|
@@ -21,6 +21,29 @@ export function ProcessTimelineStep({
|
|
|
21
21
|
}: ProcessCompactStepProps & { last: boolean }) {
|
|
22
22
|
const styles = useThemedStyles(createStyles);
|
|
23
23
|
const colors = useColors();
|
|
24
|
+
const trailingActions = step.actionsPlacement === 'trailing';
|
|
25
|
+
const actions = step.actions?.length ? (
|
|
26
|
+
<View
|
|
27
|
+
style={[
|
|
28
|
+
styles.actions,
|
|
29
|
+
trailingActions && styles.timelineTrailingActions,
|
|
30
|
+
]}
|
|
31
|
+
>
|
|
32
|
+
{step.actions.map((action) => (
|
|
33
|
+
<Button
|
|
34
|
+
key={action.id}
|
|
35
|
+
label={action.label}
|
|
36
|
+
leftIcon={action.icon}
|
|
37
|
+
onPress={action.onPress}
|
|
38
|
+
disabled={action.disabled}
|
|
39
|
+
loading={action.loading}
|
|
40
|
+
accessibilityHint={action.accessibilityHint}
|
|
41
|
+
size="sm"
|
|
42
|
+
variant="text"
|
|
43
|
+
/>
|
|
44
|
+
))}
|
|
45
|
+
</View>
|
|
46
|
+
) : null;
|
|
24
47
|
const status =
|
|
25
48
|
step.status === 'running'
|
|
26
49
|
? 'active'
|
|
@@ -64,6 +87,7 @@ export function ProcessTimelineStep({
|
|
|
64
87
|
<Text
|
|
65
88
|
style={[
|
|
66
89
|
styles.timelineDescription,
|
|
90
|
+
trailingActions && styles.timelineDescriptionWithActions,
|
|
67
91
|
step.status === 'failed' && styles.timelineError,
|
|
68
92
|
]}
|
|
69
93
|
numberOfLines={1}
|
|
@@ -71,6 +95,7 @@ export function ProcessTimelineStep({
|
|
|
71
95
|
{step.description}
|
|
72
96
|
</Text>
|
|
73
97
|
) : null}
|
|
98
|
+
{trailingActions ? actions : null}
|
|
74
99
|
</View>
|
|
75
100
|
{elapsed ? <Text style={styles.elapsed}>{elapsed}</Text> : null}
|
|
76
101
|
{hasProcessDetails(step.details) ? (
|
|
@@ -87,23 +112,7 @@ export function ProcessTimelineStep({
|
|
|
87
112
|
) : null}
|
|
88
113
|
</>
|
|
89
114
|
) : null}
|
|
90
|
-
{
|
|
91
|
-
<View style={styles.actions}>
|
|
92
|
-
{step.actions.map((action) => (
|
|
93
|
-
<Button
|
|
94
|
-
key={action.id}
|
|
95
|
-
label={action.label}
|
|
96
|
-
leftIcon={action.icon}
|
|
97
|
-
onPress={action.onPress}
|
|
98
|
-
disabled={action.disabled}
|
|
99
|
-
loading={action.loading}
|
|
100
|
-
accessibilityHint={action.accessibilityHint}
|
|
101
|
-
size="sm"
|
|
102
|
-
variant="text"
|
|
103
|
-
/>
|
|
104
|
-
))}
|
|
105
|
-
</View>
|
|
106
|
-
) : null}
|
|
115
|
+
{!trailingActions ? actions : null}
|
|
107
116
|
</View>
|
|
108
117
|
</View>
|
|
109
118
|
);
|
|
@@ -93,6 +93,8 @@ export const createStyles = (colors: ColorTokens) =>
|
|
|
93
93
|
fontSize: type.xs,
|
|
94
94
|
color: colors.foregroundSubtle,
|
|
95
95
|
},
|
|
96
|
+
timelineDescriptionWithActions: { flexShrink: 1 },
|
|
97
|
+
timelineTrailingActions: { flexShrink: 0 },
|
|
96
98
|
timelineError: { color: colors.error },
|
|
97
99
|
compactRoot: { gap: space[2] },
|
|
98
100
|
compactSteps: { gap: space[2] },
|
|
@@ -22,6 +22,8 @@ export interface ProcessStep {
|
|
|
22
22
|
elapsedMs?: number;
|
|
23
23
|
details?: ReactNode;
|
|
24
24
|
actions?: readonly ChatAction[];
|
|
25
|
+
/** timeline 中 trailing 将操作放在说明后；默认 below，其它形态仍置于下方。 */
|
|
26
|
+
actionsPlacement?: 'below' | 'trailing';
|
|
25
27
|
}
|
|
26
28
|
|
|
27
29
|
export interface ProcessBaseProps {
|