bhd-components 0.10.2 → 0.10.4

package/es2017/AIMessageList/components/footer/index.js

@@ -35,6 +35,7 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
     const [textValue, setTextValue] = useState("");
     const [sending, setSending] = useState(false);
     const [fileCanSending, setFileCanSending] = useState(true); // 是否允许发送 关联文件
+    const updateMsgRef = useRef(null);
     // const [referencesSource, setReferencesSource] = useState<referenceType>({
     //   type: "file",
     //   value: {
@@ -70,6 +71,11 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
             }
         }, fileListRef.current);
     });
+    useEffect(()=>{
+        return ()=>{
+            clearTimeout(updateMsgRef.current);
+        };
+    }, []);
     useEffect(()=>{
         recordRef.current.value = textValue;
         recordRef.current.referencesSource = referencesSource;
@@ -177,8 +183,8 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
         });
         sendMsgAjax();
     };
-    const sendMsgAjax = ()=>{
-        const { url, method = "POST", headers = {}, params = ()=>"", onOpen = ()=>{}, onMessage = (ev)=>ev, onClose = ()=>{}, onError = ()=>{}, coverProps = {} } = sendMsgAjaxParams;
+    const sendMsgAjax = async ()=>{
+        const { url, method = "POST", headers = {}, params = ()=>"", onOpen = ()=>{}, onMessage = (ev)=>ev, onClose = ()=>{}, onError = ()=>{}, coverProps = {}, beforeSendMsg = ()=>Promise.resolve() } = sendMsgAjaxParams;
         ctrl.current = new AbortController();
         // apiRef
         console.log("apiRef", apiRef);
@@ -196,18 +202,20 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
         setSending(true);
         setTextValue("");
         setReferencesSource(null);
+        let recordMsgObj = {};
         let arg = [
             recordRef.current.value,
             recordRef.current.referencesSource,
             fileListRef.current ? fileListRef.current.getFileList() : []
         ];
+        let beforeInfo = await beforeSendMsg(...arg);
         fetchEventSource(url, _object_spread({
             method,
             headers: _object_spread({
                 "Content-Type": "application/json",
                 Accept: "text/event-stream,application/json"
             }, headers),
-            body: params(...arg),
+            body: params(...arg, beforeInfo),
             openWhenHidden: true,
             signal: ctrl.current.signal,
             onopen: (res)=>{
@@ -219,22 +227,31 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
                 let data = onMessage(ev);
                 msgContent += data.content;
                 delete data.content;
-                apiRef.contentApi.updateMsg(msgId, _object_spread({
+                recordMsgObj = _object_spread({
                     createTime: createTime,
                     content: msgContent,
                     location: "left",
                     reference: null,
                     source: null
-                }, data));
-                msgId = data.id;
+                }, data);
+                updateMsgRef.current = setTimeout(()=>{
+                    apiRef.contentApi.updateMsg(msgId, recordMsgObj);
+                    msgId = data.id;
+                }, 100);
             },
             onclose: ()=>{
                 onClose();
                 setSending(false);
-                console.log("onclose: ", event);
+                if (recordMsgObj.id) {
+                    apiRef.contentApi.recordMsg(recordMsgObj);
+                }
+                console.log("onclose: ", recordMsgObj);
             },
             onerror: (err)=>{
                 onError(err);
+                if (recordMsgObj.id) {
+                    apiRef.contentApi.recordMsg(recordMsgObj);
+                }
                 console.log("onerror: ", err);
             }
         }, coverProps));

package/es2017/AIMessageList/components/virtuosoList/index.js

@@ -43,14 +43,14 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { getList, coverRenderText, msgAction = [
         "copy",
         "references"
-    ], coverRenderReferences } = contentConfig;
+    ], coverRenderReferences, onRecordMessage = ()=>{} } = contentConfig;
     const loadMoreProps = contentConfig.loadMore || true;
     const virtuosoRef = useRef(null);
     const [loading, setLoading] = useState(false); // 是否加载中
     const [dataSource, setDataSource] = useState([]);
     const [firstItemIndex, setFirstItemIndex] = useState(0);
     const [page, setPage] = useState(1);
-    const [pageSize, setPageSize] = useState(30);
+    const [pageSize, setPageSize] = useState(contentConfig.pageSize || 30);
     const [total, setTotal] = useState(0);
     const timerRef = useRef({
         loadMore: null,
@@ -68,6 +68,10 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
     useImperativeHandle(ref, ()=>{
         return {
             addMsg: (msg)=>{
+                if (msg.id !== "inputing") {
+                    // 不记录"正在输入..."的消息
+                    onRecordMessage(msg);
+                }
                 setDataSource((data)=>{
                     return [
                         ...data,
@@ -89,6 +93,9 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
                 setDataSource((data)=>{
                     return data.filter((item)=>item.id !== "inputing");
                 });
+            },
+            recordMsg: (msg)=>{
+                onRecordMessage(msg);
             }
         };
     });

package/es2017/AIMessageList/components/virtuosoList/index.module.less

@@ -70,12 +70,12 @@
             background: rgba(0, 0, 0, 0.02);
             text-align: right;
             height: 37px;
-            line-height: 37px !important;
-            padding: 0 !important;
-            padding-right: 16px !important;
+            line-height: 37px;
+            padding: 0 ;
+            padding-right: 16px ;
             position: relative;
             cursor: pointer;
-            font-weight: 400 !important;
+            font-weight: 400 ;
             top: 6px;
             &.copyCodeFun {
               display: flex;
@@ -167,20 +167,20 @@
                 list-style: inside;
                 color: rgba(0, 0, 0, 0.85);
                 &::marker {
-                  color: #d9d9d9 !important;
+                  color: #d9d9d9;
                 }
                 &:first-child {
-                  padding-top: 8px !important;
+                  padding-top: 8px;
                 }
               }
               li > ol li {
                 // padding-bottom: 8px;
                 &::marker {
-                  color: rgba(0, 0, 0, 0.45) !important;
+                  color: rgba(0, 0, 0, 0.45);
                 }
 
                 &:first-child {
-                  padding-top: 8px !important;
+                  padding-top: 8px;
                 }
               }
               > li:last-of-type {
@@ -202,10 +202,10 @@
               padding-top: 8px;
               padding-bottom: 8px;
               &:first-child {
-                padding-top: 0 !important;
+                padding-top: 0;
               }
               &:last-child {
-                padding-bottom: 0 !important;
+                padding-bottom: 0;
               }
             }
             > h3,
@@ -233,7 +233,7 @@
             }
             table {
               width: 100%;
-              padding: 0 !important;
+              padding: 0;
               margin: 8px 0;
               border-collapse: separate;
               border-top: 1px solid #dfe6ec;
@@ -289,7 +289,7 @@
         .msgItem-action-popover {
           position: absolute;
           width: max-content;
-          border-radius: 4px !important;
+          border-radius: 4px;
           background: #fff;
           line-height: 1;
           z-index: 9;

package/es2017/AIMessageList/type.d.ts

@@ -47,8 +47,13 @@ export interface contentConfigProps {
   }>; // 列表数据
   loadMore?: boolean; // 是否开启加载更多  // 默认为true
   helloMsg?: string; //欢迎语
+  pageSize?: number; //每页数量 默认为30
   coverRenderText?: (item, html) => React.ReactNode; // 覆盖文本内容
-  coverRenderReferences?: (item:dataItemType,referenceNode:React.ReactNode) => React.ReactNode;//覆盖引用内容
+  coverRenderReferences?: (
+    item: dataItemType,
+    referenceNode: React.ReactNode
+  ) => React.ReactNode; //覆盖引用内容
+  onRecordMessage?: (item: dataItemType) => void; // 发送和接收的消息记录
 }
 
 // content props
@@ -80,13 +85,19 @@ export interface sendMsgAjaxParams {
   params: (
     value: string,
     refereces: referenceType,
-    fileList: fileCustomProps[]
+    fileList: fileCustomProps[],
+    beforeInfo:any,
   ) => string;
   onOpen?: (res: Response) => void;
   onMessage?: (ev: EventSourceMessage) => { id: string; content: string };
   onClose?: () => void;
   onError?: (err: any) => void;
   coverProps?: object;
+  beforeSendMsg: (
+    value: string,
+    refereces: referenceType,
+    fileList: fileCustomProps[]
+  ) => Promise<any>;
 }
 
 // footer file Props
@@ -98,7 +109,12 @@ export interface fileUploadProps {
   multiple?: boolean; // 是否允许多选
   customRequest: (
     file: File
-  ) => Promise<{ url: string; fileId: string; source: File,status:fileStatus }>; // 自定义上传方法
+  ) => Promise<{
+    url: string;
+    fileId: string;
+    source: File;
+    status: fileStatus;
+  }>; // 自定义上传方法
   mapUploadCount?: number; // 并发上传的数量 默认为1
   deleteFileAjax?: (fileId: string) => Promise<{ fileId: string }>; // 删除文件的ajax 返回删除文件的fileId
   statusText?: (status: fileStatus) => React.ReactNode; // 自定义状态显示
@@ -125,7 +141,7 @@ export interface footerRefProps {
   clearText: () => void; // 清空输入框
   getCanSendMsg: () => boolean; //获取当前是否允许发送消息的状态
   stopMessage: () => void; //停止发送消息
-  setReferences:(reference:referenceType)=>void;// 添加引用
+  setReferences: (reference: referenceType) => void; // 添加引用
 }
 
 // sendBtn Props
@@ -150,10 +166,9 @@ export interface fileListProps {
   prefix: string;
   fileUpload: fileUploadProps;
   errorCallback: (error: errorMessageProps) => void;
-  changeFileCanSending:(flag:boolean)=>void;
+  changeFileCanSending: (flag: boolean) => void;
 }
 
-
 // file 自定义对象
 
 export interface fileCustomProps {
@@ -173,8 +188,8 @@ export interface FileListRefProps {
   deleteFile: (fileId: string) => void;
   updateFile: (fileId: string, status: fileStatus) => void;
   getFileList: () => fileCustomProps[];
-  vaildFile: (file: File,fileId?:string) => boolean;// 校验文件是否合规
-  fileToCustomFile:(file:File)=>fileCustomProps
+  vaildFile: (file: File, fileId?: string) => boolean; // 校验文件是否合规
+  fileToCustomFile: (file: File) => fileCustomProps;
 }
 
 // error Message
@@ -220,7 +235,8 @@ export interface VirtuosoListProps {
 export interface VirtuosoListRefProps {
   addMsg: (msg: dataItemType) => void;
   updateMsg: (id: string, obj: any) => void;
-  clearInputing: () => void;//清楚正在输入的inputing
+  clearInputing: () => void; //清楚正在输入的inputing
+  recordMsg: (item: dataItemType) => void;
 }
 
 export interface contentRefProps extends VirtuosoListRefProps {}

package/esm/AIMessageList/components/footer/index.js

@@ -1,6 +1,8 @@
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
 import React, { useState, useEffect, useImperativeHandle, forwardRef, useRef, useMemo } from "react";
 import styles from "./index.module.less";
@@ -37,6 +39,7 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
     var _useState = _sliced_to_array(useState(""), 2), textValue = _useState[0], setTextValue = _useState[1];
     var _useState1 = _sliced_to_array(useState(false), 2), sending = _useState1[0], setSending = _useState1[1];
     var _useState2 = _sliced_to_array(useState(true), 2), fileCanSending = _useState2[0], setFileCanSending = _useState2[1]; // 是否允许发送 关联文件
+    var updateMsgRef = useRef(null);
     // const [referencesSource, setReferencesSource] = useState<referenceType>({
     //   type: "file",
     //   value: {
@@ -72,6 +75,11 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
             }
         }, fileListRef.current);
     });
+    useEffect(function() {
+        return function() {
+            clearTimeout(updateMsgRef.current);
+        };
+    }, []);
     useEffect(function() {
         recordRef.current.value = textValue;
         recordRef.current.referencesSource = referencesSource;
@@ -180,71 +188,105 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
         sendMsgAjax();
     };
     var sendMsgAjax = function() {
-        var url = sendMsgAjaxParams.url, _sendMsgAjaxParams_method = sendMsgAjaxParams.method, method = _sendMsgAjaxParams_method === void 0 ? "POST" : _sendMsgAjaxParams_method, _sendMsgAjaxParams_headers = sendMsgAjaxParams.headers, headers = _sendMsgAjaxParams_headers === void 0 ? {} : _sendMsgAjaxParams_headers, _sendMsgAjaxParams_params = sendMsgAjaxParams.params, params = _sendMsgAjaxParams_params === void 0 ? function() {
-            return "";
-        } : _sendMsgAjaxParams_params, _sendMsgAjaxParams_onOpen = sendMsgAjaxParams.onOpen, onOpen = _sendMsgAjaxParams_onOpen === void 0 ? function() {} : _sendMsgAjaxParams_onOpen, _sendMsgAjaxParams_onMessage = sendMsgAjaxParams.onMessage, onMessage = _sendMsgAjaxParams_onMessage === void 0 ? function(ev) {
-            return ev;
-        } : _sendMsgAjaxParams_onMessage, _sendMsgAjaxParams_onClose = sendMsgAjaxParams.onClose, onClose = _sendMsgAjaxParams_onClose === void 0 ? function() {} : _sendMsgAjaxParams_onClose, _sendMsgAjaxParams_onError = sendMsgAjaxParams.onError, onError = _sendMsgAjaxParams_onError === void 0 ? function() {} : _sendMsgAjaxParams_onError, _sendMsgAjaxParams_coverProps = sendMsgAjaxParams.coverProps, coverProps = _sendMsgAjaxParams_coverProps === void 0 ? {} : _sendMsgAjaxParams_coverProps;
-        ctrl.current = new AbortController();
-        // apiRef
-        console.log("apiRef", apiRef);
-        var msgId = "inputing";
-        var createTime = new Date().getTime();
-        apiRef.contentApi.addMsg({
-            id: msgId,
-            createTime: createTime,
-            content: "正在输入...",
-            location: "left",
-            reference: null,
-            source: null
+        var _ref = _async_to_generator(function() {
+            var url, _sendMsgAjaxParams_method, method, _sendMsgAjaxParams_headers, headers, _sendMsgAjaxParams_params, params, _sendMsgAjaxParams_onOpen, onOpen, _sendMsgAjaxParams_onMessage, onMessage, _sendMsgAjaxParams_onClose, onClose, _sendMsgAjaxParams_onError, onError, _sendMsgAjaxParams_coverProps, coverProps, _sendMsgAjaxParams_beforeSendMsg, beforeSendMsg, msgId, createTime, msgContent, recordMsgObj, arg, beforeInfo;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        url = sendMsgAjaxParams.url, _sendMsgAjaxParams_method = sendMsgAjaxParams.method, method = _sendMsgAjaxParams_method === void 0 ? "POST" : _sendMsgAjaxParams_method, _sendMsgAjaxParams_headers = sendMsgAjaxParams.headers, headers = _sendMsgAjaxParams_headers === void 0 ? {} : _sendMsgAjaxParams_headers, _sendMsgAjaxParams_params = sendMsgAjaxParams.params, params = _sendMsgAjaxParams_params === void 0 ? function() {
+                            return "";
+                        } : _sendMsgAjaxParams_params, _sendMsgAjaxParams_onOpen = sendMsgAjaxParams.onOpen, onOpen = _sendMsgAjaxParams_onOpen === void 0 ? function() {} : _sendMsgAjaxParams_onOpen, _sendMsgAjaxParams_onMessage = sendMsgAjaxParams.onMessage, onMessage = _sendMsgAjaxParams_onMessage === void 0 ? function(ev) {
+                            return ev;
+                        } : _sendMsgAjaxParams_onMessage, _sendMsgAjaxParams_onClose = sendMsgAjaxParams.onClose, onClose = _sendMsgAjaxParams_onClose === void 0 ? function() {} : _sendMsgAjaxParams_onClose, _sendMsgAjaxParams_onError = sendMsgAjaxParams.onError, onError = _sendMsgAjaxParams_onError === void 0 ? function() {} : _sendMsgAjaxParams_onError, _sendMsgAjaxParams_coverProps = sendMsgAjaxParams.coverProps, coverProps = _sendMsgAjaxParams_coverProps === void 0 ? {} : _sendMsgAjaxParams_coverProps, _sendMsgAjaxParams_beforeSendMsg = sendMsgAjaxParams.beforeSendMsg, beforeSendMsg = _sendMsgAjaxParams_beforeSendMsg === void 0 ? function() {
+                            return Promise.resolve();
+                        } : _sendMsgAjaxParams_beforeSendMsg;
+                        ctrl.current = new AbortController();
+                        // apiRef
+                        console.log("apiRef", apiRef);
+                        msgId = "inputing";
+                        createTime = new Date().getTime();
+                        apiRef.contentApi.addMsg({
+                            id: msgId,
+                            createTime: createTime,
+                            content: "正在输入...",
+                            location: "left",
+                            reference: null,
+                            source: null
+                        });
+                        msgContent = "";
+                        setSending(true);
+                        setTextValue("");
+                        setReferencesSource(null);
+                        recordMsgObj = {};
+                        arg = [
+                            recordRef.current.value,
+                            recordRef.current.referencesSource,
+                            fileListRef.current ? fileListRef.current.getFileList() : []
+                        ];
+                        return [
+                            4,
+                            beforeSendMsg.apply(void 0, _to_consumable_array(arg))
+                        ];
+                    case 1:
+                        beforeInfo = _state.sent();
+                        fetchEventSource(url, _object_spread({
+                            method: method,
+                            headers: _object_spread({
+                                "Content-Type": "application/json",
+                                Accept: "text/event-stream,application/json"
+                            }, headers),
+                            body: params.apply(void 0, _to_consumable_array(arg).concat([
+                                beforeInfo
+                            ])),
+                            openWhenHidden: true,
+                            signal: ctrl.current.signal,
+                            onopen: function(res) {
+                                onOpen(res);
+                                if (res.status === 200) {}
+                                return null;
+                            },
+                            onmessage: function(ev) {
+                                var data = onMessage(ev);
+                                msgContent += data.content;
+                                delete data.content;
+                                recordMsgObj = _object_spread({
+                                    createTime: createTime,
+                                    content: msgContent,
+                                    location: "left",
+                                    reference: null,
+                                    source: null
+                                }, data);
+                                updateMsgRef.current = setTimeout(function() {
+                                    apiRef.contentApi.updateMsg(msgId, recordMsgObj);
+                                    msgId = data.id;
+                                }, 100);
+                            },
+                            onclose: function() {
+                                onClose();
+                                setSending(false);
+                                if (recordMsgObj.id) {
+                                    apiRef.contentApi.recordMsg(recordMsgObj);
+                                }
+                                console.log("onclose: ", recordMsgObj);
+                            },
+                            onerror: function(err) {
+                                onError(err);
+                                if (recordMsgObj.id) {
+                                    apiRef.contentApi.recordMsg(recordMsgObj);
+                                }
+                                console.log("onerror: ", err);
+                            }
+                        }, coverProps));
+                        return [
+                            2
+                        ];
+                }
+            });
         });
-        var msgContent = "";
-        setSending(true);
-        setTextValue("");
-        setReferencesSource(null);
-        var arg = [
-            recordRef.current.value,
-            recordRef.current.referencesSource,
-            fileListRef.current ? fileListRef.current.getFileList() : []
-        ];
-        fetchEventSource(url, _object_spread({
-            method: method,
-            headers: _object_spread({
-                "Content-Type": "application/json",
-                Accept: "text/event-stream,application/json"
-            }, headers),
-            body: params.apply(void 0, _to_consumable_array(arg)),
-            openWhenHidden: true,
-            signal: ctrl.current.signal,
-            onopen: function(res) {
-                onOpen(res);
-                if (res.status === 200) {}
-                return null;
-            },
-            onmessage: function(ev) {
-                var data = onMessage(ev);
-                msgContent += data.content;
-                delete data.content;
-                apiRef.contentApi.updateMsg(msgId, _object_spread({
-                    createTime: createTime,
-                    content: msgContent,
-                    location: "left",
-                    reference: null,
-                    source: null
-                }, data));
-                msgId = data.id;
-            },
-            onclose: function() {
-                onClose();
-                setSending(false);
-                console.log("onclose: ", event);
-            },
-            onerror: function(err) {
-                onError(err);
-                console.log("onerror: ", err);
-            }
-        }, coverProps));
-    };
+        return function sendMsgAjax() {
+            return _ref.apply(this, arguments);
+        };
+    }();
     // 判断是否超出最大字数
     var judegTextLengthWarn = function() {
         if (typeof maxLength === "function") {

package/esm/AIMessageList/components/virtuosoList/index.js

@@ -47,14 +47,14 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
     var getList = contentConfig.getList, coverRenderText = contentConfig.coverRenderText, _contentConfig_msgAction = contentConfig.msgAction, msgAction = _contentConfig_msgAction === void 0 ? [
         "copy",
         "references"
-    ] : _contentConfig_msgAction, coverRenderReferences = contentConfig.coverRenderReferences;
+    ] : _contentConfig_msgAction, coverRenderReferences = contentConfig.coverRenderReferences, _contentConfig_onRecordMessage = contentConfig.onRecordMessage, onRecordMessage = _contentConfig_onRecordMessage === void 0 ? function() {} : _contentConfig_onRecordMessage;
     var loadMoreProps = contentConfig.loadMore || true;
     var virtuosoRef = useRef(null);
     var _useState = _sliced_to_array(useState(false), 2), loading = _useState[0], setLoading = _useState[1]; // 是否加载中
     var _useState1 = _sliced_to_array(useState([]), 2), dataSource = _useState1[0], setDataSource = _useState1[1];
     var _useState2 = _sliced_to_array(useState(0), 2), firstItemIndex = _useState2[0], setFirstItemIndex = _useState2[1];
     var _useState3 = _sliced_to_array(useState(1), 2), page = _useState3[0], setPage = _useState3[1];
-    var _useState4 = _sliced_to_array(useState(30), 2), pageSize = _useState4[0], setPageSize = _useState4[1];
+    var _useState4 = _sliced_to_array(useState(contentConfig.pageSize || 30), 2), pageSize = _useState4[0], setPageSize = _useState4[1];
     var _useState5 = _sliced_to_array(useState(0), 2), total = _useState5[0], setTotal = _useState5[1];
     var timerRef = useRef({
         loadMore: null,
@@ -72,6 +72,10 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
     useImperativeHandle(ref, function() {
         return {
             addMsg: function(msg) {
+                if (msg.id !== "inputing") {
+                    // 不记录"正在输入..."的消息
+                    onRecordMessage(msg);
+                }
                 setDataSource(function(data) {
                     return _to_consumable_array(data).concat([
                         msg
@@ -94,6 +98,9 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
                         return item.id !== "inputing";
                     });
                 });
+            },
+            recordMsg: function(msg) {
+                onRecordMessage(msg);
             }
         };
     });

package/esm/AIMessageList/components/virtuosoList/index.module.less

@@ -70,12 +70,12 @@
             background: rgba(0, 0, 0, 0.02);
             text-align: right;
             height: 37px;
-            line-height: 37px !important;
-            padding: 0 !important;
-            padding-right: 16px !important;
+            line-height: 37px;
+            padding: 0 ;
+            padding-right: 16px ;
             position: relative;
             cursor: pointer;
-            font-weight: 400 !important;
+            font-weight: 400 ;
             top: 6px;
             &.copyCodeFun {
               display: flex;
@@ -167,20 +167,20 @@
                 list-style: inside;
                 color: rgba(0, 0, 0, 0.85);
                 &::marker {
-                  color: #d9d9d9 !important;
+                  color: #d9d9d9;
                 }
                 &:first-child {
-                  padding-top: 8px !important;
+                  padding-top: 8px;
                 }
               }
               li > ol li {
                 // padding-bottom: 8px;
                 &::marker {
-                  color: rgba(0, 0, 0, 0.45) !important;
+                  color: rgba(0, 0, 0, 0.45);
                 }
 
                 &:first-child {
-                  padding-top: 8px !important;
+                  padding-top: 8px;
                 }
               }
               > li:last-of-type {
@@ -202,10 +202,10 @@
               padding-top: 8px;
               padding-bottom: 8px;
               &:first-child {
-                padding-top: 0 !important;
+                padding-top: 0;
               }
               &:last-child {
-                padding-bottom: 0 !important;
+                padding-bottom: 0;
               }
             }
             > h3,
@@ -233,7 +233,7 @@
             }
             table {
               width: 100%;
-              padding: 0 !important;
+              padding: 0;
               margin: 8px 0;
               border-collapse: separate;
               border-top: 1px solid #dfe6ec;
@@ -289,7 +289,7 @@
         .msgItem-action-popover {
           position: absolute;
           width: max-content;
-          border-radius: 4px !important;
+          border-radius: 4px;
           background: #fff;
           line-height: 1;
           z-index: 9;