478 lines
14 KiB
JavaScript
478 lines
14 KiB
JavaScript
|
define(function(require, exports) {
|
|||
|
|
var pathOperate = require('./pathOperate');
|
|||
|
|
var pathOpen = require('./pathOpen');
|
|||
|
|
var successCallback;
|
|||
|
|
var isUpdateRefresh = false;//上传连续更新树目录队列方式。没有处理完不做反应，处理完后sleep 2s;
|
|||
|
|
ui.pathOpen = pathOpen;
|
|||
|
|
var zTree;
|
|||
|
|
|
|||
|
|
// 目录树操作
|
|||
|
|
var init=function(){
|
|||
|
|
$.ajax({
|
|||
|
|
url: Config.treeAjaxURL+"&type=init",
|
|||
|
|
dataType:'json',
|
|||
|
|
error:function(){
|
|||
|
|
$('#folderList').html('<div style="text-align:center;">'+LNG.system_error+'</div>');
|
|||
|
|
},
|
|||
|
|
success:function(data){
|
|||
|
|
if (!data.code){
|
|||
|
|
$('#folderList').html('<div style="text-align:center;">'+LNG.system_error+'</div>');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
var tree_json = data.data;
|
|||
|
|
$.fn.zTree.init($("#folderList"), setting,tree_json);
|
|||
|
|
zTree = $.fn.zTree.getZTreeObj("folderList");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
$('.ztree .switch').die('mouseenter').live('mouseenter',function(){
|
|||
|
|
$(this).addClass('switch_hover');
|
|||
|
|
}).die('mouseleave').live('mouseleave',function(){
|
|||
|
|
$(this).removeClass('switch_hover');
|
|||
|
|
});
|
|||
|
|
if (Config.pageApp == 'editor') {
|
|||
|
|
Mousetrap.bind('up',function(e) {
|
|||
|
|
keyAction(e,'up');
|
|||
|
|
}).bind('down',function(e) {
|
|||
|
|
keyAction(e,'down');
|
|||
|
|
}).bind('left',function(e) {
|
|||
|
|
keyAction(e,'left');
|
|||
|
|
}).bind('right',function(e) {
|
|||
|
|
keyAction(e,'right');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
Mousetrap.bind('enter',function(e) {
|
|||
|
|
tree.open();
|
|||
|
|
}).bind(['del','command+backspace'],function(e) {
|
|||
|
|
tree.remove();
|
|||
|
|
}).bind('f2',function(e) {
|
|||
|
|
stopPP(e);
|
|||
|
|
tree.rname();
|
|||
|
|
}).bind(['ctrl+f','command+f'],function(e) {
|
|||
|
|
stopPP(e);
|
|||
|
|
tree.search();
|
|||
|
|
}).bind(['ctrl+c','command+c'],function(e) {
|
|||
|
|
tree.copy();
|
|||
|
|
}).bind(['ctrl+x','command+x'],function(e) {
|
|||
|
|
tree.cute();
|
|||
|
|
}).bind(['ctrl+v','command+v'],function(e) {
|
|||
|
|
tree.past();
|
|||
|
|
}).bind('alt+m',function(e) {
|
|||
|
|
tree.create('folder');
|
|||
|
|
}).bind('alt+n',function(e) {
|
|||
|
|
tree.create('file');
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
var keyAction = function(e,action){
|
|||
|
|
stopPP(e);
|
|||
|
|
var treeNode = zTree.getSelectedNodes()[0];
|
|||
|
|
if (!treeNode) return;
|
|||
|
|
switch(action){
|
|||
|
|
case 'up':
|
|||
|
|
var node = treeNode.getPreNode();
|
|||
|
|
if (!node) {
|
|||
|
|
node = treeNode.getParentNode();
|
|||
|
|
}else if(node.open && node.children.length>0) {
|
|||
|
|
while(node.open && node.children && node.children.length>=1){
|
|||
|
|
node = node.children[node.children.length-1];
|
|||
|
|
}
|
|||
|
|
//if (node.getParentNode().tId == treeNode.tId) node=treeNode;
|
|||
|
|
}
|
|||
|
|
zTree.selectNode(node);
|
|||
|
|
break;
|
|||
|
|
case 'down':
|
|||
|
|
if (treeNode.open && treeNode.children.length>=1){
|
|||
|
|
node = treeNode.children[0];
|
|||
|
|
}else{
|
|||
|
|
var tempNode = treeNode,
|
|||
|
|
node = tempNode.getNextNode()||tempNode.getParentNode().getNextNode();
|
|||
|
|
try{
|
|||
|
|
while(!node){
|
|||
|
|
tempNode = tempNode.getParentNode();
|
|||
|
|
node = tempNode.getNextNode()||tempNode.getParentNode().getNextNode();
|
|||
|
|
}
|
|||
|
|
}catch(e){}
|
|||
|
|
}
|
|||
|
|
zTree.selectNode(node);
|
|||
|
|
break;
|
|||
|
|
case 'left':
|
|||
|
|
if (!treeNode.isParent) {
|
|||
|
|
zTree.selectNode(treeNode.getParentNode());
|
|||
|
|
}else{
|
|||
|
|
if (treeNode.open) {
|
|||
|
|
zTree.expandNode(treeNode,false);
|
|||
|
|
}else{
|
|||
|
|
zTree.selectNode(treeNode.getParentNode());
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
case 'right':
|
|||
|
|
if (treeNode.open){
|
|||
|
|
zTree.selectNode(treeNode.children[0]);
|
|||
|
|
}else{
|
|||
|
|
zTree.expandNode(treeNode,true);
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
default:break;
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
var setting={
|
|||
|
|
async: {
|
|||
|
|
enable: true,
|
|||
|
|
dataType: "json",
|
|||
|
|
url:Config.treeAjaxURL,//直接上次拿到的json变量。
|
|||
|
|
autoParam:["ajax_name=name","ajax_path=path","this_path"],//前面是value 后面是key
|
|||
|
|
dataFilter: function(treeId,parentNode,responseData){
|
|||
|
|
if (!responseData.code) return null;
|
|||
|
|
return responseData.data;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
edit: {
|
|||
|
|
enable: true,
|
|||
|
|
showRemoveBtn: false,
|
|||
|
|
showRenameBtn: false,
|
|||
|
|
drag:{
|
|||
|
|
isCopy:false,//暂时屏蔽拖拽方式移动
|
|||
|
|
isMove:false
|
|||
|
|
// isCopy:true,
|
|||
|
|
// isMove:true,
|
|||
|
|
// prev:false,
|
|||
|
|
// inner:true,
|
|||
|
|
// next:false
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
view: {
|
|||
|
|
showLine: false,
|
|||
|
|
selectedMulti: false,
|
|||
|
|
dblClickExpand: false,
|
|||
|
|
// dblClickExpand: function(treeId, treeNode) {
|
|||
|
|
// return treeNode.level >= 0;
|
|||
|
|
// },// 双击 展开&折叠
|
|||
|
|
addDiyDom: function(treeId, treeNode) {
|
|||
|
|
var spaceWidth = Global.treeSpaceWide;
|
|||
|
|
var switchObj = $("#" + treeNode.tId + "_switch"),
|
|||
|
|
icoObj = $("#" + treeNode.tId + "_ico");
|
|||
|
|
switchObj.remove();
|
|||
|
|
icoObj.before(switchObj);
|
|||
|
|
if(treeNode.type=='file'){//如果是文件则用自定义图标
|
|||
|
|
icoObj.removeClass('button ico_docu')
|
|||
|
|
.addClass('file '+treeNode.ext)
|
|||
|
|
}
|
|||
|
|
if(treeNode.ext=='oexe'){//如果是文件则用自定义图标
|
|||
|
|
icoObj.removeClass('button ico_docu')
|
|||
|
|
.addClass('file oexe')
|
|||
|
|
.removeAttr('style');;
|
|||
|
|
}
|
|||
|
|
if (treeNode.level >= 1) {
|
|||
|
|
var spaceStr = "<span class='space' style='display: inline-block;width:"
|
|||
|
|
+ (spaceWidth * treeNode.level)+ "px'></span>";
|
|||
|
|
switchObj.before(spaceStr);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//配置对应右键菜单
|
|||
|
|
var selector = '';
|
|||
|
|
if (Config.pageApp == 'explorer') {
|
|||
|
|
if (treeNode.ext == '__fav__') selector ='menuTreeFav';
|
|||
|
|
if (treeNode.ext == '__root__') selector ='menuTreeRoot';
|
|||
|
|
if (treeNode.type == 'folder') selector ='menuTreeFolder';
|
|||
|
|
}else if (Config.pageApp == 'editor'){//对应收藏夹 文件&文件夹
|
|||
|
|
if (treeNode.ext == '__fav__') selector ='menuTreeFav';
|
|||
|
|
if (treeNode.ext == '__root__') selector ='menuTreeRoot';
|
|||
|
|
if (treeNode.type == 'file') selector ='menuTreeFile';
|
|||
|
|
if (treeNode.type == 'folder') selector ='menuTreeFolder';
|
|||
|
|
if (treeNode.ext == 'oexe') selector ='menuApp';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var title = LNG.name+':'+treeNode.name+"\n"+LNG.size+':'+treeNode.size_friendly+"\n"
|
|||
|
|
+LNG.modify_time+':'+treeNode.mtime;
|
|||
|
|
if (treeNode.type != 'file') {
|
|||
|
|
title = treeNode.name;
|
|||
|
|
}
|
|||
|
|
switchObj.parent().addClass(selector).attr('title',title);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
callback: {//事件处理回调函数
|
|||
|
|
onClick: function(event,treeId,treeNode){
|
|||
|
|
zTree.selectNode(treeNode);
|
|||
|
|
zTree.expandNode(treeNode);
|
|||
|
|
if(treeNode.type=='folder' && Config.pageApp=='editor') return;
|
|||
|
|
if (treeNode.level == 0) {
|
|||
|
|
if (Config.pageApp=='explorer' && treeNode.ext != '__fav__'){
|
|||
|
|
ui.path.list(treeNode.this_path+'/');//更新文件列表
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (Config.pageApp=='editor'){
|
|||
|
|
ui.tree.openEditor();//编辑器优先打开文件
|
|||
|
|
}else if(Config.pageApp=='explorer'){
|
|||
|
|
ui.tree.open();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
beforeRightClick:function(treeId, treeNode){
|
|||
|
|
zTree.selectNode(treeNode);
|
|||
|
|
},
|
|||
|
|
beforeAsync:function(treeId, treeNode){
|
|||
|
|
treeNode.ajax_name= urlEncode(treeNode.name);
|
|||
|
|
treeNode.ajax_path= urlEncode(treeNode.path);
|
|||
|
|
},
|
|||
|
|
onAsyncSuccess:function(event, treeId, treeNode, msg){//更新成功后调用
|
|||
|
|
if (msg.data.length == 0){
|
|||
|
|
zTree.removeChildNodes(treeNode);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (typeof(successCallback) == 'function'){
|
|||
|
|
successCallback();
|
|||
|
|
successCallback = undefined;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
//新建文件夹、文件、重命名后回调（input blur时调用）
|
|||
|
|
onRename:function(event, treeId,treeNode){
|
|||
|
|
var parent = treeNode.getParentNode();
|
|||
|
|
//已存在检测
|
|||
|
|
if(zTree.getNodesByParam('name',treeNode.name,parent).length>1){
|
|||
|
|
core.tips.tips(LNG.name_isexists,false);
|
|||
|
|
zTree.removeNode(treeNode);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (treeNode.create){//新建
|
|||
|
|
var path = treeNode.path+'/'+treeNode.name;
|
|||
|
|
if (treeNode.type=='folder') {
|
|||
|
|
pathOperate.newFolder(path,function(data){
|
|||
|
|
if (!data.code) return;
|
|||
|
|
refresh(parent);
|
|||
|
|
successCallback = function(){
|
|||
|
|
var sel = zTree.getNodesByParam('name',treeNode.name,parent)[0];
|
|||
|
|
zTree.selectNode(sel);
|
|||
|
|
f5_refresh();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}else{//新建文件
|
|||
|
|
pathOperate.newFile(path,function(data){
|
|||
|
|
if (!data.code) return;
|
|||
|
|
refresh(parent);
|
|||
|
|
successCallback = function(){
|
|||
|
|
var sel = zTree.getNodesByParam('name',treeNode.name,parent)[0];
|
|||
|
|
zTree.selectNode(sel);
|
|||
|
|
f5_refresh();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}else{//重命名
|
|||
|
|
var from = treeNode.path + treeNode.beforeName;
|
|||
|
|
var to = treeNode.path + treeNode.name;
|
|||
|
|
pathOperate.rname(from,to,function(data){
|
|||
|
|
if (!data.code) return;
|
|||
|
|
refresh(parent);
|
|||
|
|
successCallback = function(){
|
|||
|
|
var sel = zTree.getNodesByParam('name',treeNode.name,parent)[0];
|
|||
|
|
zTree.selectNode(sel);
|
|||
|
|
f5_refresh();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// beforeDrag: function(treeId, treeNodes){
|
|||
|
|
// for (var i=0,l=treeNodes.length; i<l; i++) {
|
|||
|
|
// if (treeNodes[i].drag === false) return false;
|
|||
|
|
// }
|
|||
|
|
// return true;
|
|||
|
|
// },
|
|||
|
|
// beforeDrop: function(treeId, treeNodes, targetNode, moveType){
|
|||
|
|
// return targetNode ? targetNode.drop !== false : true;
|
|||
|
|
// },
|
|||
|
|
// onDrop:function(event, treeId, treeNodes, targetNode, moveType){
|
|||
|
|
// var path = '',path_to='';
|
|||
|
|
// var treeNode = treeNodes[0];
|
|||
|
|
// if (!treeNode.father && !treeNode.this_path) return;
|
|||
|
|
|
|||
|
|
// path = treeNode.father+urlEncode(treeNode.name);
|
|||
|
|
// path_to = targetNode.father+urlEncode(targetNode.name);
|
|||
|
|
// pathOperate.cuteDrag([{path:path,type:treeNode.type}],path_to,function(){
|
|||
|
|
// refresh(treeNode);
|
|||
|
|
// });
|
|||
|
|
// }
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
//配置请求数据 通用
|
|||
|
|
var _param = function(makeArray){
|
|||
|
|
if (!zTree) return;
|
|||
|
|
var treeNode = zTree.getSelectedNodes()[0],
|
|||
|
|
path = '',
|
|||
|
|
type ='';
|
|||
|
|
if (!treeNode) return {path:'',type:''};
|
|||
|
|
|
|||
|
|
if (treeNode.father){
|
|||
|
|
path = treeNode.father+treeNode.name;
|
|||
|
|
}else if (treeNode.this_path){
|
|||
|
|
path = treeNode.this_path;
|
|||
|
|
}else if (treeNode.path != ''){
|
|||
|
|
path = treeNode.path+treeNode.name;
|
|||
|
|
}else if (treeNode.path == ''){
|
|||
|
|
path = '/'+treeNode.name;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//打开文件夹&文件
|
|||
|
|
type = treeNode.ext;
|
|||
|
|
if (type == '_null_' || type==undefined) type = 'folder';
|
|||
|
|
if (type == 'file') type = treeNode.ext;
|
|||
|
|
if (makeArray) {//多个操作接口
|
|||
|
|
return [{path:path,type:type,node:treeNode}];
|
|||
|
|
}else{
|
|||
|
|
return {path:path,type:type,node:treeNode};
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
//通用刷新 不传参数则刷新选中节点
|
|||
|
|
var refresh = function(treeNode){
|
|||
|
|
if (treeNode == undefined) treeNode=zTree.getSelectedNodes()[0];
|
|||
|
|
if (!treeNode.isParent){
|
|||
|
|
treeNode = treeNode.getParentNode();
|
|||
|
|
if (!treeNode){
|
|||
|
|
ui.tree.init();
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (treeNode && treeNode['ext'] =='__fav__') return;//不刷新收藏夹
|
|||
|
|
}
|
|||
|
|
zTree.reAsyncChildNodes(treeNode, "refresh");
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
var f5_refresh = function(){//树目录变化后，对应刷新文件目录
|
|||
|
|
if (Config.pageApp == 'explorer') {
|
|||
|
|
ui.f5();
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
//对外接口
|
|||
|
|
return {
|
|||
|
|
pathOpen:pathOpen,
|
|||
|
|
init:init,
|
|||
|
|
refresh:refresh,
|
|||
|
|
openEditor:function(){pathOpen.openEditor(_param().path);},
|
|||
|
|
openIE:function(){pathOpen.openIE(_param().path);},
|
|||
|
|
download:function(){pathOpen.download(_param().path);},
|
|||
|
|
open:function(){
|
|||
|
|
if ($('.dialog_path_remove').length>=1) return;
|
|||
|
|
var p=_param();
|
|||
|
|
if (p.type == 'oexe'){
|
|||
|
|
p.path = p.node;
|
|||
|
|
}
|
|||
|
|
pathOpen.open(p.path,p.type);
|
|||
|
|
},
|
|||
|
|
fav:function(){pathOperate.fav(_param().path);},
|
|||
|
|
search:function(){core.search('',_param().path);},
|
|||
|
|
appEdit:function(){
|
|||
|
|
var p=_param();
|
|||
|
|
var data = p.node;data.path = p.path;
|
|||
|
|
pathOperate.appEdit(data,function(){
|
|||
|
|
refresh(p.node.getParentNode());
|
|||
|
|
});},
|
|||
|
|
|
|||
|
|
//operate
|
|||
|
|
info:function(){pathOperate.info(_param(true));},
|
|||
|
|
copy:function(){pathOperate.copy(_param(true));},
|
|||
|
|
cute:function(){pathOperate.cute(_param(true));},
|
|||
|
|
past:function(){
|
|||
|
|
var param = _param();
|
|||
|
|
if (!param.node.isParent) param.node = param.node.getParentNode();
|
|||
|
|
pathOperate.past(param.path,function(){
|
|||
|
|
f5_refresh();
|
|||
|
|
refresh(param.node);
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
remove:function(){
|
|||
|
|
var param = _param(true);
|
|||
|
|
var parent = param[0].node.getParentNode();
|
|||
|
|
pathOperate.remove(param,function(){
|
|||
|
|
f5_refresh();
|
|||
|
|
refresh(parent);
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
checkIfChange:function(explorer_path){
|
|||
|
|
if (isUpdateRefresh) return;
|
|||
|
|
isUpdateRefresh = true;
|
|||
|
|
if (!zTree) return;
|
|||
|
|
zTree.getNodesByFilter(function(treeNode){
|
|||
|
|
var path;
|
|||
|
|
if (treeNode.this_path){
|
|||
|
|
path = treeNode.this_path;
|
|||
|
|
}else if (treeNode.path != ''){
|
|||
|
|
path = treeNode.path+treeNode.name;
|
|||
|
|
}
|
|||
|
|
if (path == explorer_path ||
|
|||
|
|
path+'/'==explorer_path||
|
|||
|
|
'/'+treeNode.name+'/'==explorer_path) {
|
|||
|
|
refresh(treeNode);
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
},true);
|
|||
|
|
setTimeout(function(){
|
|||
|
|
isUpdateRefresh = false;
|
|||
|
|
},1000);
|
|||
|
|
},
|
|||
|
|
explorer:function(){//管理文档
|
|||
|
|
var path = _param().path;
|
|||
|
|
if (!path) path = G.this_path;
|
|||
|
|
core.explorer(path);
|
|||
|
|
},
|
|||
|
|
fileBox:function(type){//管理文档
|
|||
|
|
if (type = 'save_file') {};//没有则自动创建
|
|||
|
|
if (type = 'save_folder') {};
|
|||
|
|
if (type = 'select_') {};
|
|||
|
|
$('.header-left').css('width',110)
|
|||
|
|
.next().css('left',150);
|
|||
|
|
$('.frame-left').width("width",142)
|
|||
|
|
|
|||
|
|
$.dialog.open('?/explorer&plague='+type,{
|
|||
|
|
resize:true,
|
|||
|
|
fixed:true,
|
|||
|
|
title:'另存为',
|
|||
|
|
width:750,height:420
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
// 创建节点 让元素进入编辑状态(编辑、新建)。保存动作在ztree的onRename回调函数中
|
|||
|
|
create:function(type){//type ='file' 'folder'
|
|||
|
|
var sel = zTree.getSelectedNodes();
|
|||
|
|
if (sel.length<=0){//工具栏新建文件（夹）
|
|||
|
|
var node = zTree.getNodeByParam("ext",'__root__', null);
|
|||
|
|
zTree.selectNode(node);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var param = _param(),
|
|||
|
|
treeNode = param.node,
|
|||
|
|
parent = treeNode.getParentNode(),
|
|||
|
|
file="newfile",i=0,
|
|||
|
|
folder=LNG.newfolder;
|
|||
|
|
if (type=='folder') {
|
|||
|
|
while(zTree.getNodesByParam('name',folder+'('+i+')',parent).length>0){
|
|||
|
|
i++;
|
|||
|
|
}
|
|||
|
|
newNode = {name:folder+'('+i+')','ext':'',type:'folder',create:true,path:param.path};
|
|||
|
|
}else if(type=='file'){
|
|||
|
|
while(zTree.getNodesByParam('name',file+'('+i+').txt',parent).length>0){
|
|||
|
|
i++;
|
|||
|
|
}
|
|||
|
|
newNode = {name:file+'('+i+').txt','ext':'txt',type:'file',create:true,path:param.path};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
if(treeNode.children != undefined){
|
|||
|
|
var treeNodeNew = zTree.addNodes(treeNode,newNode)[0];
|
|||
|
|
zTree.editName(treeNodeNew);
|
|||
|
|
}else{
|
|||
|
|
if (treeNode.type != 'folder') treeNode = treeNode.getParentNode();
|
|||
|
|
var treeNodeNew = zTree.addNodes(treeNode,newNode)[0];
|
|||
|
|
zTree.editName(treeNodeNew);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
rname:function(){
|
|||
|
|
var treeNode = zTree.getSelectedNodes()[0],newNode;
|
|||
|
|
zTree.editName(treeNode);
|
|||
|
|
treeNode.beforeName = treeNode.name;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|