123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648 |
- // -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
- // 第 1 部分: 工具函数
- // -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
- function gradioApp() {
- // https://github.com/GaiZhenbiao/ChuanhuChatGPT/tree/main/web_assets/javascript
- const elems = document.getElementsByTagName('gradio-app');
- const elem = elems.length == 0 ? document : elems[0];
- if (elem !== document) {
- elem.getElementById = function (id) {
- return document.getElementById(id);
- };
- }
- return elem.shadowRoot ? elem.shadowRoot : elem;
- }
- function setCookie(name, value, days) {
- var expires = "";
- if (days) {
- var date = new Date();
- date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
- expires = "; expires=" + date.toUTCString();
- }
- document.cookie = name + "=" + value + expires + "; path=/";
- }
- function getCookie(name) {
- var decodedCookie = decodeURIComponent(document.cookie);
- var cookies = decodedCookie.split(';');
- for (var i = 0; i < cookies.length; i++) {
- var cookie = cookies[i].trim();
- if (cookie.indexOf(name + "=") === 0) {
- return cookie.substring(name.length + 1, cookie.length);
- }
- }
- return null;
- }
- let toastCount = 0;
- function toast_push(msg, duration) {
- duration = isNaN(duration) ? 3000 : duration;
- const existingToasts = document.querySelectorAll('.toast');
- existingToasts.forEach(toast => {
- toast.style.top = `${parseInt(toast.style.top, 10) - 70}px`;
- });
- const m = document.createElement('div');
- m.innerHTML = msg;
- m.classList.add('toast');
- m.style.cssText = `font-size: var(--text-md) !important; color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.6); padding: 10px 15px; border-radius: 4px; position: fixed; top: ${50 + toastCount * 70}%; left: 50%; transform: translateX(-50%); width: auto; text-align: center; transition: top 0.3s;`;
- document.body.appendChild(m);
- setTimeout(function () {
- m.style.opacity = '0';
- setTimeout(function () {
- document.body.removeChild(m);
- toastCount--;
- }, 500);
- }, duration);
- toastCount++;
- }
- function toast_up(msg) {
- var m = document.getElementById('toast_up');
- if (m) {
- document.body.removeChild(m); // remove the loader from the body
- }
- m = document.createElement('div');
- m.id = 'toast_up';
- m.innerHTML = msg;
- m.style.cssText = "font-size: var(--text-md) !important; color: rgb(255, 255, 255); background-color: rgba(0, 0, 100, 0.6); padding: 10px 15px; margin: 0 0 0 -60px; border-radius: 4px; position: fixed; top: 50%; left: 50%; width: auto; text-align: center;";
- document.body.appendChild(m);
- }
- function toast_down() {
- var m = document.getElementById('toast_up');
- if (m) {
- document.body.removeChild(m); // remove the loader from the body
- }
- }
- function begin_loading_status() {
- // Create the loader div and add styling
- var loader = document.createElement('div');
- loader.id = 'Js_File_Loading';
- var C1 = document.createElement('div');
- var C2 = document.createElement('div');
- // var C3 = document.createElement('span');
- // C3.textContent = '上传中...'
- // C3.style.position = "fixed";
- // C3.style.top = "50%";
- // C3.style.left = "50%";
- // C3.style.width = "80px";
- // C3.style.height = "80px";
- // C3.style.margin = "-40px 0 0 -40px";
- C1.style.position = "fixed";
- C1.style.top = "50%";
- C1.style.left = "50%";
- C1.style.width = "80px";
- C1.style.height = "80px";
- C1.style.borderLeft = "12px solid #00f3f300";
- C1.style.borderRight = "12px solid #00f3f300";
- C1.style.borderTop = "12px solid #82aaff";
- C1.style.borderBottom = "12px solid #82aaff"; // Added for effect
- C1.style.borderRadius = "50%";
- C1.style.margin = "-40px 0 0 -40px";
- C1.style.animation = "spinAndPulse 2s linear infinite";
-
- C2.style.position = "fixed";
- C2.style.top = "50%";
- C2.style.left = "50%";
- C2.style.width = "40px";
- C2.style.height = "40px";
- C2.style.borderLeft = "12px solid #00f3f300";
- C2.style.borderRight = "12px solid #00f3f300";
- C2.style.borderTop = "12px solid #33c9db";
- C2.style.borderBottom = "12px solid #33c9db"; // Added for effect
- C2.style.borderRadius = "50%";
- C2.style.margin = "-20px 0 0 -20px";
- C2.style.animation = "spinAndPulse2 2s linear infinite";
- loader.appendChild(C1);
- loader.appendChild(C2);
- // loader.appendChild(C3);
- document.body.appendChild(loader); // Add the loader to the body
- // Set the CSS animation keyframes for spin and pulse to be synchronized
- var styleSheet = document.createElement('style');
- styleSheet.id = 'Js_File_Loading_Style';
- styleSheet.textContent = `
- @keyframes spinAndPulse {
- 0% { transform: rotate(0deg) scale(1); }
- 25% { transform: rotate(90deg) scale(1.1); }
- 50% { transform: rotate(180deg) scale(1); }
- 75% { transform: rotate(270deg) scale(0.9); }
- 100% { transform: rotate(360deg) scale(1); }
- }
- @keyframes spinAndPulse2 {
- 0% { transform: rotate(-90deg);}
- 25% { transform: rotate(-180deg);}
- 50% { transform: rotate(-270deg);}
- 75% { transform: rotate(-360deg);}
- 100% { transform: rotate(-450deg);}
- }
- `;
- document.head.appendChild(styleSheet);
- }
- function cancel_loading_status() {
- // remove the loader from the body
- var loadingElement = document.getElementById('Js_File_Loading');
- if (loadingElement) {
- document.body.removeChild(loadingElement);
- }
- var loadingStyle = document.getElementById('Js_File_Loading_Style');
- if (loadingStyle) {
- document.head.removeChild(loadingStyle);
- }
- // create new listen event
- let clearButton = document.querySelectorAll('div[id*="elem_upload"] button[aria-label="Clear"]');
- for (let button of clearButton) {
- button.addEventListener('click', function () {
- setTimeout(function () {
- register_upload_event();
- }, 50);
- });
- }
- }
- // -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
- // 第 2 部分: 复制按钮
- // -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
- function addCopyButton(botElement) {
- // https://github.com/GaiZhenbiao/ChuanhuChatGPT/tree/main/web_assets/javascript
- // Copy bot button
- const copiedIcon = '<span><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height=".8em" width=".8em" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg></span>';
- const copyIcon = '<span><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height=".8em" width=".8em" xmlns="http://www.w3.org/2000/svg"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></span>';
- const messageBtnColumnElement = botElement.querySelector('.message-btn-row');
- if (messageBtnColumnElement) {
- // if .message-btn-column exists
- return;
- }
- var copyButton = document.createElement('button');
- copyButton.classList.add('copy-bot-btn');
- copyButton.setAttribute('aria-label', 'Copy');
- copyButton.innerHTML = copyIcon;
- copyButton.addEventListener('click', async () => {
- const textToCopy = botElement.innerText;
- try {
- if ("clipboard" in navigator) {
- await navigator.clipboard.writeText(textToCopy);
- copyButton.innerHTML = copiedIcon;
- setTimeout(() => {
- copyButton.innerHTML = copyIcon;
- }, 1500);
- } else {
- const textArea = document.createElement("textarea");
- textArea.value = textToCopy;
- document.body.appendChild(textArea);
- textArea.select();
- try {
- document.execCommand('copy');
- copyButton.innerHTML = copiedIcon;
- setTimeout(() => {
- copyButton.innerHTML = copyIcon;
- }, 1500);
- } catch (error) {
- console.error("Copy failed: ", error);
- }
- document.body.removeChild(textArea);
- }
- } catch (error) {
- console.error("Copy failed: ", error);
- }
- });
- var messageBtnColumn = document.createElement('div');
- messageBtnColumn.classList.add('message-btn-row');
- messageBtnColumn.appendChild(copyButton);
- botElement.appendChild(messageBtnColumn);
- }
- function chatbotContentChanged(attempt = 1, force = false) {
- // https://github.com/GaiZhenbiao/ChuanhuChatGPT/tree/main/web_assets/javascript
- for (var i = 0; i < attempt; i++) {
- setTimeout(() => {
- gradioApp().querySelectorAll('#gpt-chatbot .message-wrap .message.bot').forEach(addCopyButton);
- }, i === 0 ? 0 : 200);
- }
- }
- // -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
- // 第 3 部分: chatbot动态高度调整
- // -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
- function chatbotAutoHeight() {
- // 自动调整高度:立即
- function update_height() {
- var { height_target, chatbot_height, chatbot } = get_elements(true);
- if (height_target != chatbot_height) {
- var pixelString = height_target.toString() + 'px';
- chatbot.style.maxHeight = pixelString; chatbot.style.height = pixelString;
- }
- }
- // 自动调整高度:缓慢
- function update_height_slow() {
- var { height_target, chatbot_height, chatbot } = get_elements();
- if (height_target != chatbot_height) {
- // sign = (height_target - chatbot_height)/Math.abs(height_target - chatbot_height);
- // speed = Math.max(Math.abs(height_target - chatbot_height), 1);
- new_panel_height = (height_target - chatbot_height) * 0.5 + chatbot_height;
- if (Math.abs(new_panel_height - height_target) < 10) {
- new_panel_height = height_target;
- }
- var pixelString = new_panel_height.toString() + 'px';
- chatbot.style.maxHeight = pixelString; chatbot.style.height = pixelString;
- }
- }
- monitoring_input_box()
- update_height();
- window.addEventListener('resize', function() { update_height(); });
- window.addEventListener('scroll', function() { update_height_slow(); });
- setInterval(function () { update_height_slow() }, 50); // 每50毫秒执行一次
- }
- swapped = false;
- function swap_input_area() {
- // Get the elements to be swapped
- var element1 = document.querySelector("#input-panel");
- var element2 = document.querySelector("#basic-panel");
- // Get the parent of the elements
- var parent = element1.parentNode;
- // Get the next sibling of element2
- var nextSibling = element2.nextSibling;
- // Swap the elements
- parent.insertBefore(element2, element1);
- parent.insertBefore(element1, nextSibling);
- if (swapped) {swapped = false;}
- else {swapped = true;}
- }
- function get_elements(consider_state_panel = false) {
- var chatbot = document.querySelector('#gpt-chatbot > div.wrap.svelte-18telvq');
- if (!chatbot) {
- chatbot = document.querySelector('#gpt-chatbot');
- }
- const panel1 = document.querySelector('#input-panel').getBoundingClientRect();
- const panel2 = document.querySelector('#basic-panel').getBoundingClientRect()
- const panel3 = document.querySelector('#plugin-panel').getBoundingClientRect();
- // const panel4 = document.querySelector('#interact-panel').getBoundingClientRect();
- const panel_active = document.querySelector('#state-panel').getBoundingClientRect();
- if (consider_state_panel || panel_active.height < 25) {
- document.state_panel_height = panel_active.height;
- }
- // 25 是chatbot的label高度, 16 是右侧的gap
- var height_target = panel1.height + panel2.height + panel3.height + 0 + 0 - 25 + 16 * 2;
- // 禁止动态的state-panel高度影响
- height_target = height_target + (document.state_panel_height - panel_active.height)
- var height_target = parseInt(height_target);
- var chatbot_height = chatbot.style.height;
- // 交换输入区位置,使得输入区始终可用
- if (!swapped){
- if (panel1.top!=0 && (panel1.bottom + panel1.top)/2 < 0){ swap_input_area(); }
- }
- else if (swapped){
- if (panel2.top!=0 && panel2.top > 0){ swap_input_area(); }
- }
- // 调整高度
- const err_tor = 5;
- if (Math.abs(panel1.left - chatbot.getBoundingClientRect().left) < err_tor){
- // 是否处于窄屏模式
- height_target = window.innerHeight * 0.6;
- }else{
- // 调整高度
- const chatbot_height_exceed = 15;
- const chatbot_height_exceed_m = 10;
- b_panel = Math.max(panel1.bottom, panel2.bottom, panel3.bottom)
- if (b_panel >= window.innerHeight - chatbot_height_exceed) {
- height_target = window.innerHeight - chatbot.getBoundingClientRect().top - chatbot_height_exceed_m;
- }
- else if (b_panel < window.innerHeight * 0.75) {
- height_target = window.innerHeight * 0.8;
- }
- }
- var chatbot_height = parseInt(chatbot_height);
- return { height_target, chatbot_height, chatbot };
- }
- // -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
- // 第 4 部分: 粘贴、拖拽文件上传
- // -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
- var elem_upload = null;
- var elem_upload_float = null;
- var elem_input_main = null;
- var elem_input_float = null;
- var elem_chatbot = null;
- var elem_upload_component_float = null;
- var elem_upload_component = null;
- var exist_file_msg = '⚠️请先删除上传区(左上方)中的历史文件,再尝试上传。'
- function locate_upload_elems(){
- elem_upload = document.getElementById('elem_upload')
- elem_upload_float = document.getElementById('elem_upload_float')
- elem_input_main = document.getElementById('user_input_main')
- elem_input_float = document.getElementById('user_input_float')
- elem_chatbot = document.getElementById('gpt-chatbot')
- elem_upload_component_float = elem_upload_float.querySelector("input[type=file]");
- elem_upload_component = elem_upload.querySelector("input[type=file]");
- }
- async function upload_files(files) {
- let totalSizeMb = 0
- elem_upload_component_float = elem_upload_float.querySelector("input[type=file]");
- if (files && files.length > 0) {
- // 执行具体的上传逻辑
- if (elem_upload_component_float) {
- for (let i = 0; i < files.length; i++) {
- // 将从文件数组中获取的文件大小(单位为字节)转换为MB,
- totalSizeMb += files[i].size / 1024 / 1024;
- }
- // 检查文件总大小是否超过20MB
- if (totalSizeMb > 20) {
- toast_push('⚠️文件夹大于 20MB 🚀上传文件中', 3000);
- }
- let event = new Event("change");
- Object.defineProperty(event, "target", { value: elem_upload_component_float, enumerable: true });
- Object.defineProperty(event, "currentTarget", { value: elem_upload_component_float, enumerable: true });
- Object.defineProperty(elem_upload_component_float, "files", { value: files, enumerable: true });
- elem_upload_component_float.dispatchEvent(event);
- } else {
- console.log(exist_file_msg);
- toast_push(exist_file_msg, 3000);
- }
- }
- }
- function register_func_paste(input) {
- let paste_files = [];
- if (input) {
- input.addEventListener("paste", async function (e) {
- const clipboardData = e.clipboardData || window.clipboardData;
- const items = clipboardData.items;
- if (items) {
- for (i = 0; i < items.length; i++) {
- if (items[i].kind === "file") { // 确保是文件类型
- const file = items[i].getAsFile();
- // 将每一个粘贴的文件添加到files数组中
- paste_files.push(file);
- e.preventDefault(); // 避免粘贴文件名到输入框
- }
- }
- if (paste_files.length > 0) {
- // 按照文件列表执行批量上传逻辑
- await upload_files(paste_files);
- paste_files = []
- }
- }
- });
- }
- }
- function register_func_drag(elem) {
- if (elem) {
- const dragEvents = ["dragover"];
- const leaveEvents = ["dragleave", "dragend", "drop"];
- const onDrag = function (e) {
- e.preventDefault();
- e.stopPropagation();
- if (elem_upload_float.querySelector("input[type=file]")) {
- toast_up('⚠️释放以上传文件')
- } else {
- toast_up(exist_file_msg)
- }
- };
- const onLeave = function (e) {
- toast_down();
- e.preventDefault();
- e.stopPropagation();
- };
- dragEvents.forEach(event => {
- elem.addEventListener(event, onDrag);
- });
- leaveEvents.forEach(event => {
- elem.addEventListener(event, onLeave);
- });
- elem.addEventListener("drop", async function (e) {
- const files = e.dataTransfer.files;
- await upload_files(files);
- });
- }
- }
- function elem_upload_component_pop_message(elem) {
- if (elem) {
- const dragEvents = ["dragover"];
- const leaveEvents = ["dragleave", "dragend", "drop"];
- dragEvents.forEach(event => {
- elem.addEventListener(event, function (e) {
- e.preventDefault();
- e.stopPropagation();
- if (elem_upload_float.querySelector("input[type=file]")) {
- toast_up('⚠️释放以上传文件')
- } else {
- toast_up(exist_file_msg)
- }
- });
- });
- leaveEvents.forEach(event => {
- elem.addEventListener(event, function (e) {
- toast_down();
- e.preventDefault();
- e.stopPropagation();
- });
- });
- elem.addEventListener("drop", async function (e) {
- toast_push('正在上传中,请稍等。', 2000);
- begin_loading_status();
- });
- }
- }
- function register_upload_event() {
- locate_upload_elems();
- if (elem_upload_float) {
- _upload = document.querySelector("#elem_upload_float div.center.boundedheight.flex")
- elem_upload_component_pop_message(_upload);
- }
- if (elem_upload_component_float) {
- elem_upload_component_float.addEventListener('change', function (event) {
- toast_push('正在上传中,请稍等。', 2000);
- begin_loading_status();
- });
- }
- if (elem_upload_component) {
- elem_upload_component.addEventListener('change', function (event) {
- toast_push('正在上传中,请稍等。', 2000);
- begin_loading_status();
- });
- }else{
- toast_push("oppps", 3000);
- }
- }
- function monitoring_input_box() {
- register_upload_event();
- if (elem_input_main) {
- if (elem_input_main.querySelector("textarea")) {
- register_func_paste(elem_input_main.querySelector("textarea"))
- }
- }
- if (elem_input_float) {
- if (elem_input_float.querySelector("textarea")) {
- register_func_paste(elem_input_float.querySelector("textarea"))
- }
- }
- if (elem_chatbot) {
- register_func_drag(elem_chatbot)
- }
- }
- // 监视页面变化
- window.addEventListener("DOMContentLoaded", function () {
- // const ga = document.getElementsByTagName("gradio-app");
- gradioApp().addEventListener("render", monitoring_input_box);
- });
- // -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
- // 第 5 部分: 音频按钮样式变化
- // -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
- function audio_fn_init() {
- let audio_component = document.getElementById('elem_audio');
- if (audio_component) {
- let buttonElement = audio_component.querySelector('button');
- let specificElement = audio_component.querySelector('.hide.sr-only');
- specificElement.remove();
- buttonElement.childNodes[1].nodeValue = '启动麦克风';
- buttonElement.addEventListener('click', function (event) {
- event.stopPropagation();
- toast_push('您启动了麦克风!下一步请点击“实时语音对话”启动语音对话。');
- });
- // 查找语音插件按钮
- let buttons = document.querySelectorAll('button');
- let audio_button = null;
- for (let button of buttons) {
- if (button.textContent.includes('语音')) {
- audio_button = button;
- break;
- }
- }
- if (audio_button) {
- audio_button.addEventListener('click', function () {
- toast_push('您点击了“实时语音对话”启动语音对话。');
- });
- let parent_element = audio_component.parentElement; // 将buttonElement移动到audio_button的内部
- audio_button.appendChild(audio_component);
- buttonElement.style.cssText = 'border-color: #00ffe0;border-width: 2px; height: 25px;'
- parent_element.remove();
- audio_component.style.cssText = 'width: 250px;right: 0px;display: inline-flex;flex-flow: row-reverse wrap;place-content: stretch space-between;align-items: center;background-color: #ffffff00;';
- }
- }
- }
- function minor_ui_adjustment() {
- let cbsc_area = document.getElementById('cbsc');
- cbsc_area.style.paddingTop = '15px';
- var bar_btn_width = [];
- // 自动隐藏超出范围的toolbar按钮
- function auto_hide_toolbar() {
- var qq = document.getElementById('tooltip');
- var tab_nav = qq.getElementsByClassName('tab-nav');
- if (tab_nav.length == 0){ return; }
- var btn_list = tab_nav[0].getElementsByTagName('button')
- if (btn_list.length == 0){ return; }
- // 获取页面宽度
- var page_width = document.documentElement.clientWidth;
- // 总是保留的按钮数量
- const always_preserve = 2;
- // 获取最后一个按钮的右侧位置
- var cur_right = btn_list[always_preserve-1].getBoundingClientRect().right;
- if (bar_btn_width.length == 0){
- // 首次运行,记录每个按钮的宽度
- for (var i = 0; i < btn_list.length; i++) {
- bar_btn_width.push(btn_list[i].getBoundingClientRect().width);
- }
- }
- // 处理每一个按钮
- for (var i = always_preserve; i < btn_list.length; i++) {
- var element = btn_list[i];
- var element_right = element.getBoundingClientRect().right;
- if (element_right!=0){ cur_right = element_right; }
- if (element.style.display === 'none') {
- if ((cur_right + bar_btn_width[i]) < (page_width * 0.37)) {
- // 恢复显示当前按钮
- element.style.display = 'block';
- // console.log('show');
- return;
- }else{
- return;
- }
- } else {
- if (cur_right > (page_width * 0.38)) {
- // 隐藏当前按钮以及右侧所有按钮
- for (var j = i; j < btn_list.length; j++) {
- if (btn_list[j].style.display !== 'none') {
- btn_list[j].style.display = 'none';
- }
- }
- // console.log('show');
- return;
- }
- }
- }
- }
- setInterval(function () {
- auto_hide_toolbar()
- }, 200); // 每50毫秒执行一次
- }
- // -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
- // 第 6 部分: JS初始化函数
- // -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
- function GptAcademicJavaScriptInit(LAYOUT = "LEFT-RIGHT") {
- audio_fn_init();
- minor_ui_adjustment();
- chatbotIndicator = gradioApp().querySelector('#gpt-chatbot > div.wrap');
- var chatbotObserver = new MutationObserver(() => {
- chatbotContentChanged(1);
- });
- chatbotObserver.observe(chatbotIndicator, { attributes: true, childList: true, subtree: true });
- if (LAYOUT === "LEFT-RIGHT") { chatbotAutoHeight(); }
- }
|