修复代码编辑器ui bug
This commit is contained in:
parent
3af933f113
commit
18b9c34525
37
game/game.js
37
game/game.js
|
@ -41354,11 +41354,13 @@
|
||||||
editor:function(container,saveInput){
|
editor:function(container,saveInput){
|
||||||
const createList=[];
|
const createList=[];
|
||||||
const containerDelete=container.delete;
|
const containerDelete=container.delete;
|
||||||
|
const editorpage=ui.create.div(container);
|
||||||
//删除container的时候,删除创建的ul列表
|
//删除container的时候,删除创建的ul列表
|
||||||
container.delete=function(){
|
container.delete=function(){
|
||||||
for (let i=createList.length-1;i>=0;i--){
|
for (let i=createList.length-1;i>=0;i--){
|
||||||
createList[i].parentNode&&createList[i].parentNode.removeChild(createList[i]);
|
createList[i].parentNode&&createList[i].parentNode.removeChild(createList[i]);
|
||||||
}
|
}
|
||||||
|
Array.from(editorpage.children).forEach(v=>{v.style.background=''});
|
||||||
containerDelete.apply(this, arguments);
|
containerDelete.apply(this, arguments);
|
||||||
}
|
}
|
||||||
//创建ul列表
|
//创建ul列表
|
||||||
|
@ -41368,13 +41370,13 @@
|
||||||
if (parent){
|
if (parent){
|
||||||
for(let i=0;i<parent.childElementCount;i++){
|
for(let i=0;i<parent.childElementCount;i++){
|
||||||
const node=parent.childNodes[i];
|
const node=parent.childNodes[i];
|
||||||
if(node!=self&&node.createMenu) closeMenu.call(node);
|
if(node!=self&&node.ul) closeMenu.call(node);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if(self.createMenu){
|
if(self.ul){
|
||||||
createList.add(self.createMenu);
|
createList.add(self.ul);
|
||||||
ui.window.appendChild(self.createMenu);
|
ui.window.appendChild(self.ul);
|
||||||
return self.createMenu;
|
return self.ul;
|
||||||
}
|
}
|
||||||
const editor=container.editor;
|
const editor=container.editor;
|
||||||
if(!editor) return false;
|
if(!editor) return false;
|
||||||
|
@ -41438,16 +41440,15 @@
|
||||||
};
|
};
|
||||||
//关闭ul列表
|
//关闭ul列表
|
||||||
const closeMenu=function(){
|
const closeMenu=function(){
|
||||||
const ul=this.createMenu;
|
const ul=this.ul;
|
||||||
if(!ul) return false;
|
if(!ul) return false;
|
||||||
if(ul.parentNode) ul.parentNode.removeChild(ul);
|
if(ul.parentNode) ul.parentNode.removeChild(ul);
|
||||||
this.style.background='';
|
this.style.background='';
|
||||||
//创建后不用删除了,除非以后要动态加载。
|
//创建后不用删除了,除非以后要动态加载。
|
||||||
//delete this.createMenu;
|
//delete this.ul;
|
||||||
createList.remove(ul);
|
createList.remove(ul);
|
||||||
return ul;
|
return ul;
|
||||||
};
|
};
|
||||||
const editorpage=ui.create.div(container);
|
|
||||||
const discardConfig=ui.create.div('.editbutton','取消',editorpage,function(){
|
const discardConfig=ui.create.div('.editbutton','取消',editorpage,function(){
|
||||||
ui.window.classList.remove('shortcutpaused');
|
ui.window.classList.remove('shortcutpaused');
|
||||||
ui.window.classList.remove('systempaused');
|
ui.window.classList.remove('systempaused');
|
||||||
|
@ -41457,12 +41458,12 @@
|
||||||
const saveConfig=ui.create.div('.editbutton','保存',editorpage,saveInput);
|
const saveConfig=ui.create.div('.editbutton','保存',editorpage,saveInput);
|
||||||
const theme=ui.create.div('.editbutton','主题',editorpage,function(){
|
const theme=ui.create.div('.editbutton','主题',editorpage,function(){
|
||||||
if(!this||this==window) return;
|
if(!this||this==window) return;
|
||||||
if(this.createMenu&&this.createMenu.parentNode){
|
if(this.ul&&this.ul.parentNode){
|
||||||
return closeMenu.call(this);
|
return closeMenu.call(this);
|
||||||
}
|
}
|
||||||
//this
|
//this
|
||||||
const self=this;
|
const self=this;
|
||||||
if(!this.createMenu){
|
if(!this.ul){
|
||||||
//主题列表
|
//主题列表
|
||||||
const list=['mdn-like','mbo'];
|
const list=['mdn-like','mbo'];
|
||||||
//正在使用的主题
|
//正在使用的主题
|
||||||
|
@ -41480,18 +41481,18 @@
|
||||||
closeMenu.call(self);
|
closeMenu.call(self);
|
||||||
};
|
};
|
||||||
const ul=createMenu(pos,self,list,click);
|
const ul=createMenu(pos,self,list,click);
|
||||||
self.createMenu=ul;
|
self.ul=ul;
|
||||||
}else{
|
}else{
|
||||||
createMenu(null,self);
|
createMenu(null,self);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
const edit=ui.create.div('.editbutton','编辑',editorpage,function(){
|
const edit=ui.create.div('.editbutton','编辑',editorpage,function(){
|
||||||
if(!this||this==window) return;
|
if(!this||this==window) return;
|
||||||
if(this.createMenu&&this.createMenu.parentNode){
|
if(this.ul&&this.ul.parentNode){
|
||||||
return closeMenu.call(this);
|
return closeMenu.call(this);
|
||||||
}
|
}
|
||||||
const self=this;
|
const self=this;
|
||||||
if(!this.createMenu){
|
if(!this.ul){
|
||||||
const pos=this.getBoundingClientRect();
|
const pos=this.getBoundingClientRect();
|
||||||
const list=['撤销 Ctrl+Z', '恢复撤销 Ctrl+Y'];
|
const list=['撤销 Ctrl+Z', '恢复撤销 Ctrl+Y'];
|
||||||
const click=function(e){
|
const click=function(e){
|
||||||
|
@ -41502,30 +41503,30 @@
|
||||||
closeMenu.call(self);
|
closeMenu.call(self);
|
||||||
};
|
};
|
||||||
const ul=createMenu(pos,self,list,click);
|
const ul=createMenu(pos,self,list,click);
|
||||||
this.createMenu=ul;
|
this.ul=ul;
|
||||||
}else{
|
}else{
|
||||||
createMenu(null,self);
|
createMenu(null,self);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
const fontSize=ui.create.div('.editbutton','字号',editorpage,function(){
|
const fontSize=ui.create.div('.editbutton','字号',editorpage,function(){
|
||||||
if(!this||this==window) return;
|
if(!this||this==window) return;
|
||||||
if(this.createMenu&&this.createMenu.parentNode){
|
if(this.ul&&this.ul.parentNode){
|
||||||
return closeMenu.call(this);
|
return closeMenu.call(this);
|
||||||
}
|
}
|
||||||
const self=this;
|
const self=this;
|
||||||
if(!this.createMenu){
|
if(!this.ul){
|
||||||
const pos=this.getBoundingClientRect();
|
const pos=this.getBoundingClientRect();
|
||||||
const list=['16px','18px','20px','22px','24px','26px'];
|
const list=['16px','18px','20px','22px','24px','26px'];
|
||||||
const click=function(e){
|
const click=function(e){
|
||||||
const size=this.innerHTML;
|
const size=this.innerHTML;
|
||||||
container.style.fontSize=size.slice(0,-2)/game.documentZoom+'px';
|
container.style.fontSize=size.slice(0,-2)/game.documentZoom+'px';
|
||||||
Array.from(self.parentElement.children).map(v=>v.createMenu).filter(Boolean).forEach(v=>{v.style.fontSize=size.slice(0,-2)/game.documentZoom+'px'});
|
Array.from(self.parentElement.children).map(v=>v.ul).filter(Boolean).forEach(v=>{v.style.fontSize=size.slice(0,-2)/game.documentZoom+'px'});
|
||||||
setTimeout(()=>container.editor.refresh(),0);
|
setTimeout(()=>container.editor.refresh(),0);
|
||||||
game.saveConfig('codeMirror_fontSize',size);
|
game.saveConfig('codeMirror_fontSize',size);
|
||||||
closeMenu.call(self);
|
closeMenu.call(self);
|
||||||
};
|
};
|
||||||
const ul=createMenu(pos,self,list,click);
|
const ul=createMenu(pos,self,list,click);
|
||||||
this.createMenu=ul;
|
this.ul=ul;
|
||||||
}else{
|
}else{
|
||||||
createMenu(null,self);
|
createMenu(null,self);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue