topdog/supersonic
1
0
Fork 0
mirror of https://github.com/tencentmusic/supersonic.git synced 2025-12-11 03:58:14 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

(improvement)(chat-sdk) optimize card title (#1653)

Browse Source
This commit is contained in:
williamhliu
2024-09-11 19:37:31 +08:00
committed by GitHub
parent 91982a99eb
commit a82e3c8b1e
3 changed files with 18 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
webapp/packages/chat-sdk/src/components/ChatMsg/Bar/index.tsx
View File

@@ -14,13 +14,21 @@ import { Spin } from 'antd';
type Props = { type Props = {
data: MsgDataType; data: MsgDataType;
question: string;
triggerResize?: boolean; triggerResize?: boolean;
loading: boolean; loading: boolean;
metricField: ColumnType; metricField: ColumnType;
onApplyAuth?: (model: string) => void; onApplyAuth?: (model: string) => void;
}; };
const BarChart: React.FC<Props> = ({ data, triggerResize, loading, metricField, onApplyAuth }) => { const BarChart: React.FC<Props> = ({
data,
question,
triggerResize,
loading,
metricField,
onApplyAuth,
}) => {
const chartRef = useRef<any>(); const chartRef = useRef<any>();
const [instance, setInstance] = useState<ECharts>(); const [instance, setInstance] = useState<ECharts>();
@@ -175,7 +183,7 @@ const BarChart: React.FC<Props> = ({ data, triggerResize, loading, metricField,
return ( return (
<div> <div>
<div className={`${prefixCls}-top-bar`}> <div className={`${prefixCls}-top-bar`}>
<div className={`${prefixCls}-indicator-name`}>{metricColumn?.name}</div> <div className={`${prefixCls}-indicator-name`}>{question}</div>
</div> </div>
<Spin spinning={loading}> <Spin spinning={loading}>
<div className={`${prefixCls}-chart`} ref={chartRef} /> <div className={`${prefixCls}-chart`} ref={chartRef} />

15
webapp/packages/chat-sdk/src/components/ChatMsg/MetricTrend/index.tsx
View File

@@ -22,6 +22,7 @@ const metricChartSelectOptions = [
type Props = { type Props = {
data: MsgDataType; data: MsgDataType;
question: string;
chartIndex: number; chartIndex: number;
triggerResize?: boolean; triggerResize?: boolean;
loading: boolean; loading: boolean;
@@ -34,6 +35,7 @@ type Props = {
const MetricTrend: React.FC<Props> = ({ const MetricTrend: React.FC<Props> = ({
data, data,
question,
chartIndex, chartIndex,
triggerResize, triggerResize,
loading, loading,
@@ -65,16 +67,11 @@ const MetricTrend: React.FC<Props> = ({
return ( return (
<div className={prefixCls}> <div className={prefixCls}>
<div className={`${prefixCls}-charts`}> <div className={`${prefixCls}-charts`}>
{metricFields?.length === 1 && ( <div className={`${prefixCls}-top-bar`}>
<div className={`${prefixCls}-top-bar`}> <div className={`${prefixCls}-metric-fields ${prefixCls}-metric-field-single`}>
<div {question}
className={`${prefixCls}-metric-fields ${prefixCls}-metric-field-single`}
key={activeMetricField?.bizName}
>
{activeMetricField?.name}
</div>
</div> </div>
)} </div>
<Spin spinning={loading}> <Spin spinning={loading}>
<div className={`${prefixCls}-content`}> <div className={`${prefixCls}-content`}>
{!isMobile && {!isMobile &&

2
webapp/packages/chat-sdk/src/components/ChatMsg/index.tsx
View File

@@ -197,6 +197,7 @@ const ChatMsg: React.FC<Props> = ({
queryColumns: columns, queryColumns: columns,
queryResults: dataSource, queryResults: dataSource,
}} }}
question={question}
loading={loading} loading={loading}
chartIndex={chartIndex} chartIndex={chartIndex}
triggerResize={triggerResize} triggerResize={triggerResize}
@@ -210,6 +211,7 @@ const ChatMsg: React.FC<Props> = ({
return ( return (
<Bar <Bar
data={{ ...data, queryColumns: columns, queryResults: dataSource }} data={{ ...data, queryColumns: columns, queryResults: dataSource }}
question={question}
triggerResize={triggerResize} triggerResize={triggerResize}
loading={loading} loading={loading}
metricField={metricFields[0]} metricField={metricFields[0]}