kopia lustrzana https://github.com/c9/core
Fixes c9/core+12. Wrapper for AceTree
Ruben Daniels
rodzic
6a4bcaa1f4
commit
7b25edaa56
|
|
@ -49,7 +49,7 @@
|
|||
},
|
||||
"licenses": [],
|
||||
"c9plugins": {
|
||||
"c9.ide.language": "#bbef5d5b1a",
|
||||
"c9.ide.language": "#a6b859c38e",
|
||||
"c9.ide.language.css": "#afda1f867c",
|
||||
"c9.ide.language.generic": "#87a4a44671",
|
||||
"c9.ide.language.html": "#fa4833e117",
|
||||
|
|
|
|||
|
|
@ -1313,6 +1313,19 @@ define(function(require, exports, module) {
|
|||
tree && tree.destroy();
|
||||
loaded = false;
|
||||
drawn = false;
|
||||
|
||||
container = null;
|
||||
winFilesViewer = null;
|
||||
showHideScrollPos = null;
|
||||
scrollTimer = null;
|
||||
tree = null;
|
||||
|
||||
expandedList = {};
|
||||
scrollPos = -1;
|
||||
loadedSettings = 0;
|
||||
refreshing = false;
|
||||
changed = false;
|
||||
refreshTimer;
|
||||
});
|
||||
|
||||
/***** Register and define API *****/
|
||||
|
|
|
|||
|
|
@ -0,0 +1,568 @@
|
|||
define(function(require, exports, module) {
|
||||
main.consumes = ["Plugin", "settings", "commands", "layout", "anims", "ui", "c9"];
|
||||
main.provides = ["List", "Tree", "Datagrid"];
|
||||
return main;
|
||||
|
||||
function main(options, imports, register) {
|
||||
var Plugin = imports.Plugin;
|
||||
var settings = imports.settings;
|
||||
var commands = imports.commands;
|
||||
var anims = imports.anims;
|
||||
var layout = imports.layout;
|
||||
var ui = imports.ui;
|
||||
var c9 = imports.c9;
|
||||
var assert = require("c9/assert");
|
||||
|
||||
var AceTree = require("ace_tree/tree");
|
||||
var AceTreeEditor = require("ace_tree/edit");
|
||||
var TreeModel = require("ace_tree/data_provider");
|
||||
|
||||
var oop = require("ace/lib/oop");
|
||||
var ListModel = require("ace_tree/list_data");
|
||||
var escapeHTML = require("ace/lib/lang").escapeHTML;
|
||||
|
||||
ListModel.prototype.getEmptyMessage = function(){
|
||||
return this.emptyMessage || "";
|
||||
};
|
||||
|
||||
/***** Constructors *****/
|
||||
|
||||
function Datagrid(options, forPlugin, baseclass) {
|
||||
if (!options) throw new Error("options are required");
|
||||
|
||||
if (!options.baseName)
|
||||
options.baseName = "tree";
|
||||
if (!options.theme)
|
||||
options.theme = "blackdg";
|
||||
|
||||
var model = new TreeModel();
|
||||
model.columns = options.columns;
|
||||
options.model = model;
|
||||
|
||||
var plugin = new Tree(options, forPlugin);
|
||||
// var emit = plugin.getEmitter();
|
||||
if (baseclass) plugin.baseclass();
|
||||
|
||||
/**
|
||||
*/
|
||||
/**
|
||||
* @constructor
|
||||
* Creates a new Datagrid instance.
|
||||
* @param {Object} options
|
||||
* @param {Array} options.columns
|
||||
* @param {Plugin} plugin The plugin responsible for creating this datagrid.
|
||||
*/
|
||||
plugin.freezePublicAPI({
|
||||
// Properties
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get columns(){ return model.columns; }
|
||||
});
|
||||
|
||||
return plugin;
|
||||
}
|
||||
|
||||
function Tree(options, forPlugin, baseclass) {
|
||||
if (!options) throw new Error("options are required");
|
||||
|
||||
if (!options.baseName)
|
||||
options.baseName = "tree";
|
||||
|
||||
var plugin = new List(options, forPlugin);
|
||||
// var emit = plugin.getEmitter();
|
||||
if (baseclass) plugin.baseclass();
|
||||
|
||||
var model = plugin.model;
|
||||
|
||||
/**
|
||||
*/
|
||||
/**
|
||||
* @constructor
|
||||
* Creates a new Tree instance.
|
||||
* @param {Object} options
|
||||
* @param {Plugin} plugin The plugin responsible for creating this tree.
|
||||
*/
|
||||
plugin.freezePublicAPI({
|
||||
|
||||
// Properties
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get indentSize(){ return model.indentSize },
|
||||
set indentSize(value){ model.indentSize = value },
|
||||
|
||||
// Events
|
||||
_events : [
|
||||
/**
|
||||
*
|
||||
*/
|
||||
"expand",
|
||||
/**
|
||||
*
|
||||
*/
|
||||
"collapse"
|
||||
],
|
||||
|
||||
// Getters and Setters for Functions
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get getContentHTML(){ return model.getContentHTML; },
|
||||
set getContentHTML(fn){ model.getContentHTML = fn; },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get getCaptionHTML(){ return model.getCaptionHTML; },
|
||||
set getCaptionHTML(fn){ model.getCaptionHTML = fn; },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get getIconHTML(){ return model.getIconHTML; },
|
||||
set getIconHTML(fn){ model.getIconHTML = fn; },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get getRowIndent(){ return model.getRowIndent; },
|
||||
set getRowIndent(fn){ model.getRowIndent = fn; },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get hasChildren(){ return model.hasChildren; },
|
||||
set hasChildren(fn){ model.hasChildren = fn; },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get getChildren(){ return model.getChildren; },
|
||||
set getChildren(fn){ model.getChildren = fn; },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get loadChildren(){ return model.loadChildren; },
|
||||
set loadChildren(fn){ model.loadChildren = fn; },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get shouldLoadChildren(){ return model.shouldLoadChildren; },
|
||||
set shouldLoadChildren(fn){ model.shouldLoadChildren = fn; },
|
||||
|
||||
// Methods
|
||||
toggle: function(node, deep, silent){
|
||||
return model.toggleNode(node, deep, silent);
|
||||
},
|
||||
open: function(node, deep, silent, justLoaded){
|
||||
return model.open(node, deep, silent, justLoaded);
|
||||
},
|
||||
close: function(node, deep, silent){
|
||||
return model.close(node, deep, silent);
|
||||
},
|
||||
isOpen: function(node){
|
||||
return model.isOpen(node);
|
||||
},
|
||||
isVisible: function(node){
|
||||
return model.isVisible(node);
|
||||
},
|
||||
getNodePosition: function(node){
|
||||
return model.getNodePosition(node);
|
||||
}
|
||||
});
|
||||
|
||||
return plugin;
|
||||
}
|
||||
|
||||
function List(options, forPlugin, baseclass) {
|
||||
if (!options) throw new Error("options are required");
|
||||
|
||||
var plugin = new Plugin("Ajax.org", main.consumes);
|
||||
// var emit = plugin.getEmitter();
|
||||
if (baseclass) plugin.baseclass();
|
||||
|
||||
var acetree;
|
||||
var model;
|
||||
var redirectEvents;
|
||||
var meta = {};
|
||||
var excludedEvents = { "load":1, "unload":1 };
|
||||
|
||||
plugin.on("load", function(){
|
||||
acetree = new AceTree(options.container);
|
||||
model = options.model || new ListModel();
|
||||
|
||||
// Set model
|
||||
acetree.setDataProvider(model);
|
||||
|
||||
// Set properties
|
||||
for (var prop in options) {
|
||||
if (prop == "container") continue;
|
||||
if (plugin.hasOwnProperty(prop))
|
||||
plugin[prop](options[prop]);
|
||||
}
|
||||
|
||||
// Configure redirected events
|
||||
redirectEvents = {
|
||||
scroll: acetree.provider,
|
||||
scrollbarVisibilityChanged: acetree.renderer,
|
||||
resize: acetree.renderer,
|
||||
expand: acetree.provider,
|
||||
collapse: acetree.provider
|
||||
};
|
||||
|
||||
});
|
||||
plugin.on("unload", function(){
|
||||
acetree && acetree.destroy();
|
||||
|
||||
acetree = null;
|
||||
model = null;
|
||||
redirectEvents = null;
|
||||
meta = {};
|
||||
});
|
||||
plugin.on("newListener", function(type, fn){
|
||||
if (excludedEvents[type]) return;
|
||||
if (redirectEvents[type])
|
||||
redirectEvents.on(type, fn);
|
||||
else
|
||||
acetree.on(type, fn);
|
||||
});
|
||||
plugin.on("removeListener", function(type, fn){
|
||||
if (excludedEvents[type]) return;
|
||||
if (redirectEvents[type])
|
||||
redirectEvents.removeListener(type, fn);
|
||||
else
|
||||
acetree.removeListener(type, fn);
|
||||
});
|
||||
|
||||
/**
|
||||
*/
|
||||
/**
|
||||
* @constructor
|
||||
* Creates a new List instance.
|
||||
* @param {Object} options
|
||||
* @param {Plugin} plugin The plugin responsible for creating this list.
|
||||
*/
|
||||
plugin.freezePublicAPI({
|
||||
// Getter Properties
|
||||
/**
|
||||
* A meta data object that allows you to store whatever you want
|
||||
* in relation to this menu.
|
||||
* @property {Object} meta
|
||||
* @readonly
|
||||
*/
|
||||
get meta(){ return meta; },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get model(){ return model; },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get selectedNodes(){
|
||||
return (acetree.selection.getCursor()
|
||||
|| acetree.getFirstNode()) || null;
|
||||
},
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get selectedNode(){
|
||||
return acetree.selection.getSelectedNodes() || [];
|
||||
},
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get root(){ return model.root; },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get scrollTop(){ return acetree.provider.getScrollTop(); },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get focussed(){ return acetree.isFocussed(); },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get container(){ return acetree.container; },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get renderer(){ return acetree.renderer; },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get selection(){ return acetree.selection; },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get commands(){ return acetree.commands; },
|
||||
|
||||
// Getters and Setters for Properties
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get textInput(){ return acetree.textInput; },
|
||||
set textInput(value){ return acetree.textInput = value; },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get emptyMessage(){ return model.emptyMessage; },
|
||||
set emptyMessage(value){ model.emptyMessage = value; },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get scrollMargin(){ return acetree.renderer.scrollMargin; },
|
||||
set scrollMargin(value){ acetree.renderer.setScrollMargin(value[0], value[1]); },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get rowHeight(){ return model.rowHeight; },
|
||||
set rowHeight(value){ model.rowHeight = value; },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get rowHeightInner(){ return model.rowHeightInner; },
|
||||
set rowHeightInner(value){ model.rowHeightInner = value; },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get theme(){ return acetree.renderer.theme.cssClass; },
|
||||
set theme(value){ acetree.renderer.setTheme({cssClass: value}); },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get animatedScroll(){ return acetree.getOption("animatedScroll"); },
|
||||
set animatedScroll(value){ acetree.setOption("animatedScroll", value); },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get enableDragdrop(){ return acetree.getOption("enableDragDrop"); },
|
||||
set enableDragdrop(value){ acetree.setOption("enableDragDrop", value); },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get enableRename(){ return acetree.edit ? true : false; },
|
||||
set enableRename(value){
|
||||
acetree.edit = value
|
||||
? new AceTreeEditor(acetree)
|
||||
: null;
|
||||
},
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get maxLines(){ return acetree.getOption("maxLines"); },
|
||||
set maxLines(value){ acetree.setOption("maxLines", value); },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get minLines(){ return acetree.getOption("minLines"); },
|
||||
set minLines(value){ acetree.setOption("minLines", value); },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get scrollSpeed(){ return acetree.getOption("scrollSpeed"); },
|
||||
set scrollSpeed(value){ acetree.setOption("scrollSpeed", value); },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get wrapAround(){ return acetree.selection.$wrapAround; },
|
||||
set wrapAround(value){ acetree.selection.$wrapAround = value; },
|
||||
|
||||
// Getters and Setters for Functions
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get isLoading(){ return model.isLoading; },
|
||||
set isLoading(fn){ model.isLoading = fn; },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get getEmptyMessage(){ return model.getEmptyMessage; },
|
||||
set getEmptyMessage(fn){ model.getEmptyMessage = fn; },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get renderRow(){ return model.renderRow; },
|
||||
set renderRow(fn){ model.renderRow = fn; },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get sort(){ return model.sort; },
|
||||
set sort(fn){ model.sort = fn; },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get getClassName(){ return model.getClassName; },
|
||||
set getClassName(fn){ model.getClassName = fn; },
|
||||
/**
|
||||
*
|
||||
*/
|
||||
get getIndex(){ return model.getIndex; },
|
||||
set getIndex(fn){ model.getIndex = fn; },
|
||||
|
||||
// Events
|
||||
_events: [
|
||||
/**
|
||||
* @event click Fires
|
||||
*/
|
||||
"click",
|
||||
/**
|
||||
* @event drop Fires
|
||||
*/
|
||||
"drop",
|
||||
/**
|
||||
* @event dragIn Fires
|
||||
*/
|
||||
"dragIn",
|
||||
/**
|
||||
* @event dragOut Fires
|
||||
*/
|
||||
"dragOut",
|
||||
/**
|
||||
* @event dragMoveOutside Fires
|
||||
*/
|
||||
"dragMoveOutside",
|
||||
/**
|
||||
* @event folderDragLeave Fires
|
||||
*/
|
||||
"folderDragLeave",
|
||||
/**
|
||||
* @event folderDragEnter Fires
|
||||
*/
|
||||
"folderDragEnter",
|
||||
/**
|
||||
* @event drop Fires
|
||||
*/
|
||||
"drop",
|
||||
/**
|
||||
* @event dropOutside Fires
|
||||
*/
|
||||
"dropOutside",
|
||||
/**
|
||||
* @event userSelect Fires
|
||||
*/
|
||||
"userSelect",
|
||||
/**
|
||||
* @event afterChoose Fires
|
||||
*/
|
||||
"afterChoose",
|
||||
/**
|
||||
* @event delete Fires
|
||||
*/
|
||||
"delete",
|
||||
/**
|
||||
* @event beforeRename Fires
|
||||
*/
|
||||
"beforeRename",
|
||||
/**
|
||||
* @event afterRename Fires
|
||||
*/
|
||||
"afterRename",
|
||||
/**
|
||||
* @event select Fires
|
||||
*/
|
||||
"select",
|
||||
/**
|
||||
* @event select Fires
|
||||
*/
|
||||
"select",
|
||||
/**
|
||||
* @event scroll Fires
|
||||
*/
|
||||
"scroll",
|
||||
/**
|
||||
* @event scrollbarVisibilityChanged Fires
|
||||
*/
|
||||
"scrollbarVisibilityChanged",
|
||||
/**
|
||||
* @event resize Fires
|
||||
*/
|
||||
"resize"
|
||||
],
|
||||
|
||||
// Models
|
||||
/**
|
||||
*
|
||||
*/
|
||||
setRoot: function(root){
|
||||
return model.setRoot(root);
|
||||
},
|
||||
/**
|
||||
*
|
||||
*/
|
||||
resize: function(force){
|
||||
return acetree.resize(force);
|
||||
},
|
||||
/**
|
||||
*
|
||||
*/
|
||||
select: function(node){
|
||||
if (node instanceof Array)
|
||||
return acetree.selection.setSelection(node);
|
||||
else
|
||||
return acetree.selection.selectNode(node);
|
||||
},
|
||||
/**
|
||||
*
|
||||
*/
|
||||
focus: function(){
|
||||
return acetree.focus();
|
||||
},
|
||||
/**
|
||||
*
|
||||
*/
|
||||
setScrollTop: function(scrollTop){
|
||||
return acetree.provider.setScrollTop(scrollTop);
|
||||
},
|
||||
/**
|
||||
*
|
||||
*/
|
||||
startRename: function(node){
|
||||
return acetree.edit.startRename(node);
|
||||
},
|
||||
/**
|
||||
*
|
||||
*/
|
||||
execCommand: function(cmd){
|
||||
return acetree.execCommand(cmd);
|
||||
},
|
||||
/**
|
||||
*
|
||||
*/
|
||||
scrollIntoView: function(anchor, lead, offset){
|
||||
return acetree.renderer.scrollCaretIntoView(anchor, lead, offset);
|
||||
},
|
||||
/**
|
||||
*
|
||||
*/
|
||||
enable: function(){
|
||||
return acetree.enable();
|
||||
},
|
||||
/**
|
||||
*
|
||||
*/
|
||||
disable: function(){
|
||||
return acetree.enable();
|
||||
},
|
||||
/**
|
||||
*
|
||||
*/
|
||||
getNodeAtIndex: function(idx){
|
||||
return model.getNodeAtIndex(idx);
|
||||
},
|
||||
/**
|
||||
*
|
||||
*/
|
||||
getIndexForNode: function(node){
|
||||
return model.getIndexForNode(node);
|
||||
}
|
||||
});
|
||||
|
||||
plugin.load(null, options.baseName || "list");
|
||||
|
||||
return plugin;
|
||||
}
|
||||
|
||||
register(null, {
|
||||
List: List,
|
||||
Tree: Tree,
|
||||
Datagrid: Datagrid
|
||||
});
|
||||
}
|
||||
});
|
||||
Ładowanie…
Reference in New Issue