feat: 前端页面同步历史记录保存的slider和checkbox

web_assets/javascript/ChuanhuChat.js

@@ -347,6 +347,8 @@ function chatbotContentChanged(attempt = 1, force = false) {
             // clearMessageRows();
             saveHistoryHtml();
             disableSendBtn();
+            updateSlider();
+            updateCheckboxes();
 
             gradioApp().querySelectorAll('#chuanhu-chatbot .message-wrap .message.bot').forEach(addChuanhuButton);
 

web_assets/javascript/fake-gradio.js

@@ -62,7 +62,7 @@ function setCheckboxes() {
     chatbotOnlineSearchCB = gradioApp().querySelector('input[name="online-search-cb"]');
     grSingleSessionCB = gradioApp().querySelector("#gr-single-session-cb > label > input");
     grOnlineSearchCB = gradioApp().querySelector("#gr-websearch-cb > label> input");
-
+    
     chatbotSingleSessionCB.addEventListener('change', (e) => {
         grSingleSessionCB.checked = chatbotSingleSessionCB.checked;
         gradioApp().querySelector('#change-single-session-btn').click();
@@ -90,6 +90,11 @@ function bgChangeOnlineSearch() {
     return [a];
 }
 
+function updateCheckboxes() {
+    chatbotSingleSessionCB.checked = grSingleSessionCB.checked;
+    chatbotOnlineSearchCB.checked = grOnlineSearchCB.checked;
+}
+
 // UTILS
 function transEventListeners(target, source, events) {
     events.forEach((sourceEvent) => {

web_assets/javascript/sliders.js

@@ -2,14 +2,14 @@
 var rangeInputs = null;
 var numberInputs = null;
 
+function setSliderRange() {
+    var range = document.querySelectorAll('input[type="range"]');
+    range.forEach(range => {
+        range.style.backgroundSize = (range.value - range.min) / (range.max - range.min) * 100 + '% 100%';
+    });
+}
 
 function setSlider() {
-    function setSliderRange() {
-        var range = document.querySelectorAll('input[type="range"]');
-        range.forEach(range => {
-            range.style.backgroundSize = (range.value - range.min) / (range.max - range.min) * 100 + '% 100%';
-        });
-    }
     rangeInputs = document.querySelectorAll('input[type="range"]');
     numberInputs = document.querySelectorAll('input[type="number"]')
     setSliderRange();
@@ -20,3 +20,7 @@ function setSlider() {
         numberInput.addEventListener('input', setSliderRange);
     })
 }
+
+function updateSlider() {
+    setSliderRange();
+}