add chat plugin and split query to parse and execute (#25)

* [feature](webapp) add drill down dimensions and metric period compare and modify layout * [feature](webapp) add drill down dimensions and metric period compare and modify layout * [feature](webapp) gitignore add supersonic-webapp * [feature](webapp) gitignore add supersonic-webapp * [feature](webapp) add chat plugin and split query to parse and execute * [feature](webapp) add chat plugin and split query to parse and execute * [feature](webapp) add chat plugin and split query to parse and execute --------- Co-authored-by: williamhliu <williamhliu@tencent.com>
2025-12-12 04:27:39 +00:00 · 2023-08-05 22:17:42 +08:00
parent c9baed6c4e
commit 6951eada9d
86 changed files with 3193 additions and 1595 deletions
--- a/webapp/packages/chat-sdk/src/components/ChatItem/ExecuteItem.tsx
+++ b/webapp/packages/chat-sdk/src/components/ChatItem/ExecuteItem.tsx
@@ -0,0 +1,73 @@
+import { PREFIX_CLS } from '../../common/constants';
+import { MsgDataType } from '../../common/type';
+import ChatMsg from '../ChatMsg';
+import Tools from '../Tools';
+import Text from './Text';
+import Typing from './Typing';
+
+type Props = {
+  question: string;
+  executeLoading: boolean;
+  chartIndex: number;
+  executeTip?: string;
+  data?: MsgDataType;
+  isMobileMode?: boolean;
+  triggerResize?: boolean;
+  isLastMessage?: boolean;
+  onSwitchEntity: (entityId: string) => void;
+  onChangeChart: () => void;
+};
+
+const ExecuteItem: React.FC<Props> = ({
+  question,
+  executeLoading,
+  chartIndex,
+  executeTip,
+  data,
+  isMobileMode,
+  triggerResize,
+  isLastMessage,
+  onSwitchEntity,
+  onChangeChart,
+}) => {
+  const prefixCls = `${PREFIX_CLS}-item`;
+
+  if (executeLoading) {
+    return <Typing />;
+  }
+
+  if (executeTip) {
+    return <Text data={executeTip} />;
+  }
+
+  if (!data || data.queryMode === 'WEB_PAGE') {
+    return null;
+  }
+
+  const isMetricCard =
+    (data.queryMode === 'METRIC_DOMAIN' || data.queryMode === 'METRIC_FILTER') &&
+    data.queryResults?.length === 1;
+
+  return (
+    <div className={`${prefixCls}-msg-content`}>
+      <ChatMsg
+        question={question}
+        data={data}
+        chartIndex={chartIndex}
+        isMobileMode={isMobileMode}
+        triggerResize={triggerResize}
+      />
+      {!isMetricCard && (
+        <Tools
+          data={data}
+          isLastMessage={isLastMessage}
+          isMobileMode={isMobileMode}
+          onSwitchEntity={onSwitchEntity}
+          onChangeChart={onChangeChart}
+        />
+      )}
+    </div>
+  );
+};
+
+export default ExecuteItem;