listpage-next 0.0.166 → 0.0.168
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/dist/components/Page/context/listpage.js +1 -1
- package/dist/features/ChatClient/components/ChatContent/ClientContentHeader.js +27 -22
- package/dist/features/ChatClient/components/ChatContent/index.d.ts +5 -3
- package/dist/features/ChatClient/components/ChatContent/index.js +7 -6
- package/package.json +1 -1
|
@@ -66,7 +66,7 @@ class ListPageStore {
|
|
|
66
66
|
const result = await this.tableDataRequest?.({
|
|
67
67
|
current: this.pagination.current,
|
|
68
68
|
pageSize: this.pagination.pageSize
|
|
69
|
-
}, this.filters);
|
|
69
|
+
}, this.filters ?? {});
|
|
70
70
|
runInAction(()=>{
|
|
71
71
|
this.dataSource = result.list ?? [];
|
|
72
72
|
this.pagination.total = result.total ?? 0;
|
|
@@ -78,41 +78,46 @@ const HeaderLeft = (props)=>{
|
|
|
78
78
|
});
|
|
79
79
|
};
|
|
80
80
|
const ActionContainer = styled.div`
|
|
81
|
-
|
|
82
|
-
|
|
81
|
+
display: flex;
|
|
82
|
+
align-items: center;
|
|
83
83
|
|
|
84
|
-
|
|
84
|
+
gap: 4px;
|
|
85
85
|
`;
|
|
86
86
|
const NameContainer = styled.div`
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
87
|
+
display: flex;
|
|
88
|
+
align-items: flex-start;
|
|
89
|
+
flex-direction: column;
|
|
90
90
|
`;
|
|
91
91
|
const NameText = styled.span`
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
92
|
+
font-size: 14px;
|
|
93
|
+
font-weight: 500;
|
|
94
|
+
color: #000000;
|
|
95
95
|
|
|
96
|
-
|
|
96
|
+
font-family:
|
|
97
|
+
ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
|
|
98
|
+
'Segoe UI Symbol', 'Noto Color Emoji';
|
|
97
99
|
`;
|
|
98
100
|
const AiTipText = styled.span`
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
101
|
+
font-size: 11px;
|
|
102
|
+
color: #00000080;
|
|
103
|
+
padding: 0 8px;
|
|
102
104
|
`;
|
|
103
105
|
const Left = styled.div`
|
|
104
|
-
|
|
105
|
-
|
|
106
|
+
display: flex;
|
|
107
|
+
align-items: center;
|
|
106
108
|
`;
|
|
107
109
|
const Right = styled.div`
|
|
108
|
-
|
|
110
|
+
flex-grow: 1;
|
|
111
|
+
display: flex;
|
|
112
|
+
align-items: center;
|
|
113
|
+
justify-content: flex-end;
|
|
109
114
|
`;
|
|
110
115
|
const HeaderContainer = styled.div`
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
116
|
+
height: 60px;
|
|
117
|
+
flex-shrink: 0;
|
|
118
|
+
flex-grow: 0;
|
|
119
|
+
display: flex;
|
|
120
|
+
padding: 12.5px 0px;
|
|
121
|
+
box-sizing: border-box;
|
|
117
122
|
`;
|
|
118
123
|
export { ClientContentHeader };
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
import { BubbleListProps } from './BubbleList';
|
|
3
|
+
import { ChatSenderProps } from '../ChatSender';
|
|
3
4
|
export interface ClientContentProps {
|
|
4
|
-
style?:
|
|
5
|
+
style?: CSSProperties;
|
|
5
6
|
className?: string;
|
|
7
|
+
extra?: ReactNode;
|
|
6
8
|
title?: string;
|
|
7
9
|
onTitleChange?: (title: string) => void;
|
|
8
10
|
onClickNewConversation?: () => void;
|
|
@@ -2,12 +2,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { useEffect } from "react";
|
|
3
3
|
import { useRequest } from "ahooks";
|
|
4
4
|
import { styled } from "styled-components";
|
|
5
|
+
import { ClientContentBody } from "./ClientContentBody.js";
|
|
5
6
|
import { ClientContentHeader } from "./ClientContentHeader.js";
|
|
6
7
|
import { MessageProvider, useChatClientContext } from "../../context/index.js";
|
|
7
8
|
import { PageLoading } from "../../../../components/Page/components/Loading/index.js";
|
|
8
|
-
import { ClientContentBody } from "./ClientContentBody.js";
|
|
9
9
|
const ClientContentComponent = (props)=>{
|
|
10
|
-
const { style, className, title, onTitleChange, onClickNewConversation, senderProps, bubbleProps } = props;
|
|
10
|
+
const { extra, style, className, title, onTitleChange, onClickNewConversation, senderProps, bubbleProps } = props;
|
|
11
11
|
return /*#__PURE__*/ jsxs(Container, {
|
|
12
12
|
style: style,
|
|
13
13
|
className: className,
|
|
@@ -15,7 +15,8 @@ const ClientContentComponent = (props)=>{
|
|
|
15
15
|
/*#__PURE__*/ jsx(ClientContentHeader, {
|
|
16
16
|
defaultTitle: title,
|
|
17
17
|
onTitleChange: onTitleChange,
|
|
18
|
-
onClickNewConversation: onClickNewConversation
|
|
18
|
+
onClickNewConversation: onClickNewConversation,
|
|
19
|
+
extra: extra
|
|
19
20
|
}),
|
|
20
21
|
/*#__PURE__*/ jsx(ClientContentBody, {
|
|
21
22
|
senderProps: senderProps,
|
|
@@ -46,9 +47,9 @@ const ClientContent = ({ loading, ...props })=>{
|
|
|
46
47
|
});
|
|
47
48
|
};
|
|
48
49
|
const Container = styled.div`
|
|
49
|
-
|
|
50
|
-
|
|
50
|
+
display: flex;
|
|
51
|
+
flex-direction: column;
|
|
51
52
|
|
|
52
|
-
|
|
53
|
+
height: 100%;
|
|
53
54
|
`;
|
|
54
55
|
export { ClientContent };
|