format code
This commit is contained in:
parent
63373ab3b6
commit
bdde1d2fd7
@ -109,7 +109,7 @@ function begin_loading_status() {
|
|||||||
C1.style.borderRadius = "50%";
|
C1.style.borderRadius = "50%";
|
||||||
C1.style.margin = "-40px 0 0 -40px";
|
C1.style.margin = "-40px 0 0 -40px";
|
||||||
C1.style.animation = "spinAndPulse 2s linear infinite";
|
C1.style.animation = "spinAndPulse 2s linear infinite";
|
||||||
|
|
||||||
C2.style.position = "fixed";
|
C2.style.position = "fixed";
|
||||||
C2.style.top = "50%";
|
C2.style.top = "50%";
|
||||||
C2.style.left = "50%";
|
C2.style.left = "50%";
|
||||||
@ -270,8 +270,8 @@ function chatbotAutoHeight() {
|
|||||||
}
|
}
|
||||||
monitoring_input_box()
|
monitoring_input_box()
|
||||||
update_height();
|
update_height();
|
||||||
window.addEventListener('resize', function() { update_height(); });
|
window.addEventListener('resize', function () { update_height(); });
|
||||||
window.addEventListener('scroll', function() { update_height_slow(); });
|
window.addEventListener('scroll', function () { update_height_slow(); });
|
||||||
setInterval(function () { update_height_slow() }, 50); // 每50毫秒执行一次
|
setInterval(function () { update_height_slow() }, 50); // 每50毫秒执行一次
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -290,8 +290,8 @@ function swap_input_area() {
|
|||||||
// Swap the elements
|
// Swap the elements
|
||||||
parent.insertBefore(element2, element1);
|
parent.insertBefore(element2, element1);
|
||||||
parent.insertBefore(element1, nextSibling);
|
parent.insertBefore(element1, nextSibling);
|
||||||
if (swapped) {swapped = false;}
|
if (swapped) { swapped = false; }
|
||||||
else {swapped = true;}
|
else { swapped = true; }
|
||||||
}
|
}
|
||||||
|
|
||||||
function get_elements(consider_state_panel = false) {
|
function get_elements(consider_state_panel = false) {
|
||||||
@ -314,18 +314,18 @@ function get_elements(consider_state_panel = false) {
|
|||||||
var height_target = parseInt(height_target);
|
var height_target = parseInt(height_target);
|
||||||
var chatbot_height = chatbot.style.height;
|
var chatbot_height = chatbot.style.height;
|
||||||
// 交换输入区位置,使得输入区始终可用
|
// 交换输入区位置,使得输入区始终可用
|
||||||
if (!swapped){
|
if (!swapped) {
|
||||||
if (panel1.top!=0 && (panel1.bottom + panel1.top)/2 < 0){ swap_input_area(); }
|
if (panel1.top != 0 && (panel1.bottom + panel1.top) / 2 < 0) { swap_input_area(); }
|
||||||
}
|
}
|
||||||
else if (swapped){
|
else if (swapped) {
|
||||||
if (panel2.top!=0 && panel2.top > 0){ swap_input_area(); }
|
if (panel2.top != 0 && panel2.top > 0) { swap_input_area(); }
|
||||||
}
|
}
|
||||||
// 调整高度
|
// 调整高度
|
||||||
const err_tor = 5;
|
const err_tor = 5;
|
||||||
if (Math.abs(panel1.left - chatbot.getBoundingClientRect().left) < err_tor){
|
if (Math.abs(panel1.left - chatbot.getBoundingClientRect().left) < err_tor) {
|
||||||
// 是否处于窄屏模式
|
// 是否处于窄屏模式
|
||||||
height_target = window.innerHeight * 0.6;
|
height_target = window.innerHeight * 0.6;
|
||||||
}else{
|
} else {
|
||||||
// 调整高度
|
// 调整高度
|
||||||
const chatbot_height_exceed = 15;
|
const chatbot_height_exceed = 15;
|
||||||
const chatbot_height_exceed_m = 10;
|
const chatbot_height_exceed_m = 10;
|
||||||
@ -356,7 +356,7 @@ var elem_upload_component_float = null;
|
|||||||
var elem_upload_component = null;
|
var elem_upload_component = null;
|
||||||
var exist_file_msg = '⚠️请先删除上传区(左上方)中的历史文件,再尝试上传。'
|
var exist_file_msg = '⚠️请先删除上传区(左上方)中的历史文件,再尝试上传。'
|
||||||
|
|
||||||
function locate_upload_elems(){
|
function locate_upload_elems() {
|
||||||
elem_upload = document.getElementById('elem_upload')
|
elem_upload = document.getElementById('elem_upload')
|
||||||
elem_upload_float = document.getElementById('elem_upload_float')
|
elem_upload_float = document.getElementById('elem_upload_float')
|
||||||
elem_input_main = document.getElementById('user_input_main')
|
elem_input_main = document.getElementById('user_input_main')
|
||||||
@ -386,7 +386,6 @@ async function upload_files(files) {
|
|||||||
Object.defineProperty(elem_upload_component_float, "files", { value: files, enumerable: true });
|
Object.defineProperty(elem_upload_component_float, "files", { value: files, enumerable: true });
|
||||||
elem_upload_component_float.dispatchEvent(event);
|
elem_upload_component_float.dispatchEvent(event);
|
||||||
} else {
|
} else {
|
||||||
// console.log(exist_file_msg);
|
|
||||||
toast_push(exist_file_msg, 3000);
|
toast_push(exist_file_msg, 3000);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -500,7 +499,7 @@ function register_upload_event() {
|
|||||||
toast_push('正在上传中,请稍等。', 2000);
|
toast_push('正在上传中,请稍等。', 2000);
|
||||||
begin_loading_status();
|
begin_loading_status();
|
||||||
});
|
});
|
||||||
}else{
|
} else {
|
||||||
toast_push("oppps", 3000);
|
toast_push("oppps", 3000);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -583,16 +582,16 @@ function minor_ui_adjustment() {
|
|||||||
function auto_hide_toolbar() {
|
function auto_hide_toolbar() {
|
||||||
var qq = document.getElementById('tooltip');
|
var qq = document.getElementById('tooltip');
|
||||||
var tab_nav = qq.getElementsByClassName('tab-nav');
|
var tab_nav = qq.getElementsByClassName('tab-nav');
|
||||||
if (tab_nav.length == 0){ return; }
|
if (tab_nav.length == 0) { return; }
|
||||||
var btn_list = tab_nav[0].getElementsByTagName('button')
|
var btn_list = tab_nav[0].getElementsByTagName('button')
|
||||||
if (btn_list.length == 0){ return; }
|
if (btn_list.length == 0) { return; }
|
||||||
// 获取页面宽度
|
// 获取页面宽度
|
||||||
var page_width = document.documentElement.clientWidth;
|
var page_width = document.documentElement.clientWidth;
|
||||||
// 总是保留的按钮数量
|
// 总是保留的按钮数量
|
||||||
const always_preserve = 2;
|
const always_preserve = 2;
|
||||||
// 获取最后一个按钮的右侧位置
|
// 获取最后一个按钮的右侧位置
|
||||||
var cur_right = btn_list[always_preserve-1].getBoundingClientRect().right;
|
var cur_right = btn_list[always_preserve - 1].getBoundingClientRect().right;
|
||||||
if (bar_btn_width.length == 0){
|
if (bar_btn_width.length == 0) {
|
||||||
// 首次运行,记录每个按钮的宽度
|
// 首次运行,记录每个按钮的宽度
|
||||||
for (var i = 0; i < btn_list.length; i++) {
|
for (var i = 0; i < btn_list.length; i++) {
|
||||||
bar_btn_width.push(btn_list[i].getBoundingClientRect().width);
|
bar_btn_width.push(btn_list[i].getBoundingClientRect().width);
|
||||||
@ -602,14 +601,13 @@ function minor_ui_adjustment() {
|
|||||||
for (var i = always_preserve; i < btn_list.length; i++) {
|
for (var i = always_preserve; i < btn_list.length; i++) {
|
||||||
var element = btn_list[i];
|
var element = btn_list[i];
|
||||||
var element_right = element.getBoundingClientRect().right;
|
var element_right = element.getBoundingClientRect().right;
|
||||||
if (element_right!=0){ cur_right = element_right; }
|
if (element_right != 0) { cur_right = element_right; }
|
||||||
if (element.style.display === 'none') {
|
if (element.style.display === 'none') {
|
||||||
if ((cur_right + bar_btn_width[i]) < (page_width * 0.37)) {
|
if ((cur_right + bar_btn_width[i]) < (page_width * 0.37)) {
|
||||||
// 恢复显示当前按钮
|
// 恢复显示当前按钮
|
||||||
element.style.display = 'block';
|
element.style.display = 'block';
|
||||||
// console.log('show');
|
|
||||||
return;
|
return;
|
||||||
}else{
|
} else {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
@ -620,7 +618,6 @@ function minor_ui_adjustment() {
|
|||||||
btn_list[j].style.display = 'none';
|
btn_list[j].style.display = 'none';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// console.log('show');
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -637,25 +634,23 @@ function minor_ui_adjustment() {
|
|||||||
// 第 6 部分: 避免滑动
|
// 第 6 部分: 避免滑动
|
||||||
// -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
|
// -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
|
||||||
let prevented_offset = 0;
|
let prevented_offset = 0;
|
||||||
function limit_scroll_position(){
|
function limit_scroll_position() {
|
||||||
let scrollableDiv = document.querySelector('#gpt-chatbot > div.wrap');
|
let scrollableDiv = document.querySelector('#gpt-chatbot > div.wrap');
|
||||||
scrollableDiv.addEventListener('wheel', function (e) {
|
scrollableDiv.addEventListener('wheel', function (e) {
|
||||||
let preventScroll = false;
|
let preventScroll = false;
|
||||||
if (e.deltaX != 0) {return;}
|
if (e.deltaX != 0) { prevented_offset = 0; return;}
|
||||||
if (e.deltaY < 0 && this.scrollTop === 0) {
|
if (this.scrollHeight == this.clientHeight) { prevented_offset = 0; return;}
|
||||||
preventScroll = true; // check scroll up condition
|
if (e.deltaY < 0) { prevented_offset = 0; return;}
|
||||||
}
|
if (e.deltaY > 0 && this.scrollHeight - this.clientHeight - this.scrollTop <= 1) { preventScroll = true; }
|
||||||
if (e.deltaY > 0 && this.scrollHeight - this.clientHeight - this.scrollTop <= 0) {
|
|
||||||
preventScroll = true; // check scroll down condition
|
|
||||||
}
|
|
||||||
if (preventScroll) {
|
if (preventScroll) {
|
||||||
prevented_offset += e.deltaY;
|
prevented_offset += e.deltaY;
|
||||||
if (Math.abs(prevented_offset) > 1e3) {
|
if (Math.abs(prevented_offset) > 499) {
|
||||||
if (prevented_offset > 1e3) {prevented_offset = 1e3;}
|
if (prevented_offset > 500) { prevented_offset = 500; }
|
||||||
if (prevented_offset < -1e3) {prevented_offset = -1e3;}
|
if (prevented_offset < -500) { prevented_offset = -500; }
|
||||||
preventScroll = false;
|
preventScroll = false;
|
||||||
}
|
}
|
||||||
}else{
|
} else {
|
||||||
prevented_offset = 0;
|
prevented_offset = 0;
|
||||||
}
|
}
|
||||||
if (preventScroll) {
|
if (preventScroll) {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user