bhd-components 0.10.32 → 0.10.33

package/esm/customerService/index.js

@@ -36,12 +36,12 @@ var TextArea = Input.TextArea;
 // import './html2canvas.test.js';
 import knowledge_icon from "./images/knowledge_icon.png";
 // import { useMediaRecorder } from "./useMediaRecorder"; //录音使用文件
-import { readMessage, getByteLen, serverUrl, copyText, getDataTime, getQuery, resetStyles, findParent, delegate, urlToBase64 } from "./function"; //一些方法
+import { readMessage, getByteLen, serverUrl, copyText, getDataTime, getQuery, resetStyles, findParent, delegate, urlToBase64, toHashString } from "./function"; //一些方法
 // import html2canvas from "html2canvas";
 // const screenShot = require('./screenShotPlugin.esm')
 import ScreenShot from "./js-screen-shot/main";
-/*
-自定义remarkable的text解析规则
+/*
+自定义remarkable的text解析规则
  */ var HTML_ESCAPE_TEST_RE = /[&<>"]/;
 var HTML_ESCAPE_REPLACE_RE = /[&<>"]/g;
 var HTML_REPLACEMENTS = {
@@ -59,16 +59,6 @@ function escapeHtml(str) {
     }
     return str;
 }
-function simpleFingerprint(str) {
-    var result = 0;
-    var length = str.length;
-    for(var i = 0; i < length; i++){
-        result = (result << 5) - result + str.charCodeAt(i);
-        result |= 0; // 转换为32位整数
-    }
-    // 转换为正数并格式化为8位十六进制
-    return (result >>> 0).toString(16).padStart(8, "0");
-}
 mermaid.initialize({
     startOnLoad: false,
     theme: "default",
@@ -168,8 +158,8 @@ var CustomerService = function(props) {
     remarkable.renderer.rules.fence_custom = {
         mermaid: function mermaid(tokens, idx) {
             var token = tokens[idx];
-            var id = "mermaid_" + simpleFingerprint(token.content);
-            return '<span class="'.concat(styles.maskZoomBox, '"><pre class="').concat(styles.mermaid, '">').concat(token.content, '</pre><span class="').concat(styles.zoomBox, '" onclick="openViewMemaid(\'').concat(id, '\')"><svg viewBox="64 64 896 896" focusable="false" data-icon="zoom-in" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M637 443H519V309c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v134H325c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h118v134c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V519h118c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm284 424L775 721c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z"></path></svg></span><span style="display:none" id="').concat(id, '">').concat(token.content, "</span></span>");
+            var id = "mermaid_" + toHashString(token.content);
+            return '<span class="'.concat(styles.maskZoomBox, '"><pre class="').concat(styles.mermaid, '" id="').concat(id, '">').concat(token.content, '</pre><span class="').concat(styles.zoomBox, '" onclick="openViewMemaid(\'').concat(id, '\')"><svg viewBox="64 64 896 896" focusable="false" data-icon="zoom-in" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M637 443H519V309c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v134H325c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h118v134c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V519h118c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm284 424L775 721c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z"></path></svg></span></span>');
         }
     };
     remarkable.renderer.rules.image = function(tokens, idx) {
@@ -199,8 +189,8 @@ var CustomerService = function(props) {
         newRemarkable.renderer.rules.fence_custom = {
             mermaid: function mermaid(tokens, idx) {
                 var token = tokens[idx];
-                var id = "mermaid_" + simpleFingerprint(token.content);
-                return '<span class="'.concat(styles.maskZoomBox, '"><pre class="').concat(styles.mermaid, '">').concat(token.content, '</pre><span class="').concat(styles.zoomBox, '" onclick="openViewMemaid(\'').concat(id, '\')"><svg viewBox="64 64 896 896" focusable="false" data-icon="zoom-in" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M637 443H519V309c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v134H325c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h118v134c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V519h118c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm284 424L775 721c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z"></path></svg></span><span style="display:none" id="').concat(id, '">').concat(token.content, "</span></span>");
+                var id = "mermaid_" + toHashString(token.content);
+                return '<span class="'.concat(styles.maskZoomBox, '"><pre class="').concat(styles.mermaid, '" id="').concat(id, '">').concat(token.content, '</pre><span class="').concat(styles.zoomBox, '" onclick="openViewMemaid(\'').concat(id, '\')"><svg viewBox="64 64 896 896" focusable="false" data-icon="zoom-in" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M637 443H519V309c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v134H325c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h118v134c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V519h118c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm284 424L775 721c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z"></path></svg></span></span>');
             }
         };
         remarkable.renderer.rules.image = function(tokens, idx) {
@@ -415,9 +405,38 @@ var CustomerService = function(props) {
             setVisible(true);
         };
         var openViewMemaid = function openViewMemaid(id) {
+            var _document_querySelector, _svgDomClone;
             console.log("openViewMemaid");
-            setMemaidContent(id);
-            setShowMemaid(true);
+            var svgDomClone = (_document_querySelector = document.querySelector("#".concat(id, " svg"))) === null || _document_querySelector === void 0 ? void 0 : _document_querySelector.cloneNode(true);
+            if (!svgDomClone) {
+                return;
+            }
+            svgDomClone.style.backgroundColor = "#fafafa";
+            svgDomClone.style.width = "auto";
+            svgDomClone.style.height = "auto";
+            var viewBox = svgDomClone.getAttribute("viewBox");
+            var _ref = _sliced_to_array(viewBox ? viewBox.split(" ").map(Number) : [
+                0,
+                0,
+                0,
+                0
+            ], 4), x = _ref[0], y = _ref[1], width = _ref[2], height = _ref[3];
+            x -= 10;
+            y -= 10;
+            width += 20;
+            height += 20;
+            svgDomClone.setAttribute("viewBox", "".concat(x, " ").concat(y, " ").concat(width, " ").concat(height));
+            var svgString = ((_svgDomClone = svgDomClone) === null || _svgDomClone === void 0 ? void 0 : _svgDomClone.outerHTML.toString()) || "";
+            var blob = new Blob([
+                svgString
+            ], {
+                type: "image/svg+xml;charset=utf-8"
+            });
+            var blobUrl = URL.createObjectURL(blob);
+            setViewBase64(blobUrl);
+            setVisible(true);
+        // setMemaidContent(id);
+        // setShowMemaid(true);
         };
         //|| showScreenshot
         if (showType == 5 || showScreenshot) {
@@ -454,11 +473,12 @@ var CustomerService = function(props) {
     ]);
     useEffect(function() {
         historyMessageListRef.current = historyMessageList;
-        setTimeout(function() {
+        var timer = setTimeout(function() {
             mermaid.init({
-                querySelector: ".".concat(styles.mermaid),
+                querySelector: ".".concat(styles.mermaid, ':not([data-processed="true"])'),
                 suppressErrors: true
-            }, ".".concat(styles.mermaid));
+            }, ".".concat(styles.mermaid, ':not([data-processed="true"])'));
+            clearTimeout(timer);
         }, 500);
     }, [
         historyMessageList
@@ -2350,6 +2370,9 @@ var CustomerService = function(props) {
     //渲染问答
     var renderQuestion = function() {
         var itemContent = function itemContent(index, item) {
+            if (!item) {
+                return null;
+            }
             var _historyMessageList_findIndex;
             var i = (_historyMessageList_findIndex = historyMessageList.findIndex(function(x) {
                 return x.id == item.id;
@@ -2839,12 +2862,13 @@ var CustomerService = function(props) {
                     align: "end",
                     offset: showType === 3 ? 58 : showType === 4 ? 144 : 58
                 },
+                initialItemCount: 10,
                 itemsRendered: function() {
                     var t = setTimeout(function() {
                         mermaid.init({
-                            querySelector: ".".concat(styles.mermaid),
+                            querySelector: ".".concat(styles.mermaid, ':not([data-processed="true"])'),
                             suppressErrors: true
-                        }, ".".concat(styles.mermaid));
+                        }, ".".concat(styles.mermaid, ':not([data-processed="true"])'));
                         clearTimeout(t);
                     }, 100);
                 },
@@ -2922,8 +2946,8 @@ var CustomerService = function(props) {
                 firstItemIndex: firstItemIndex,
                 logLevel: 0,
                 overscan: {
-                    main: 500,
-                    reverse: 200
+                    main: 1000,
+                    reverse: 1000
                 },
                 onScroll: function(e) {
                     //生成答案过程中