Merge fixes and improvements (#1910)

Co-authored-by: tristanliu <tristanliu@tencent.com>

webapp/packages/chat-sdk/src/components/ChatMsg/Table/index.tsx

@@ -13,11 +13,12 @@ import moment from 'moment';
 type Props = {
   data: MsgDataType;
   size?: SizeType;
+  question: string;
   loading?: boolean;
   onApplyAuth?: (model: string) => void;
 };
 
-const Table: React.FC<Props> = ({ data, size, loading, onApplyAuth }) => {
+const Table: React.FC<Props> = ({ data, size, loading, question, onApplyAuth }) => {
   const { entityInfo, queryColumns, queryResults } = data;
 
   const prefixCls = `${CLS_PREFIX}-table`;
@@ -27,6 +28,13 @@ const Table: React.FC<Props> = ({ data, size, loading, onApplyAuth }) => {
         dataIndex: nameEn,
         key: nameEn,
         title: name || nameEn,
+        defaultSortOrder: 'descend',
+        sorter:
+          showType === 'NUMBER'
+            ? (a, b) => {
+                return a[nameEn] - b[nameEn];
+              }
+            : undefined,
         render: (value: string | number) => {
           if (!authorized) {
             return (
@@ -76,9 +84,11 @@ const Table: React.FC<Props> = ({ data, size, loading, onApplyAuth }) => {
   const dataSource = dateColumn
     ? queryResults.sort((a, b) => moment(a[dateColumn.nameEn]).diff(moment(b[dateColumn.nameEn])))
     : queryResults;
-
   return (
     <div className={prefixCls}>
+      <div className={`${prefixCls}-top-bar`}>
+        <div className={`${prefixCls}-indicator-name`}>{question}</div>
+      </div>
       <AntTable
         pagination={
           queryResults.length <= 10 ? false : { defaultPageSize: 10, position: ['bottomCenter'] }