move dom.js into pilot
This commit is contained in:
parent
82143b473b
commit
87a15aaa5a
18 changed files with 64 additions and 64 deletions
|
|
@ -37,7 +37,7 @@
|
|||
|
||||
define(function(require, exports, module) {
|
||||
|
||||
var dom = require("ace/lib/dom").dom;
|
||||
var dom = require("pilot/dom").dom;
|
||||
|
||||
var Cursor = function(parentEl) {
|
||||
this.element = document.createElement("div");
|
||||
|
|
@ -120,7 +120,7 @@ var Cursor = function(parentEl) {
|
|||
this.update = function(config) {
|
||||
if (!this.position)
|
||||
return;
|
||||
|
||||
|
||||
this.config = config;
|
||||
|
||||
var cursorLeft = Math.round(this.position.column * config.characterWidth);
|
||||
|
|
|
|||
|
|
@ -38,7 +38,7 @@
|
|||
define(function(require, exports, module) {
|
||||
|
||||
var oop = require("ace/lib/oop").oop;
|
||||
var dom = require("ace/lib/dom").dom;
|
||||
var dom = require("pilot/dom").dom;
|
||||
var MEventEmitter = require("ace/event_emitter").MEventEmitter;
|
||||
|
||||
var Text = function(parentEl) {
|
||||
|
|
@ -154,7 +154,7 @@ var Text = function(parentEl) {
|
|||
this.tokenizer.getTokens(first, last, function(tokens) {
|
||||
for ( var i = first; i <= last; i++) {
|
||||
var lineElement = lineElements[i - layerConfig.firstRow];
|
||||
if (!lineElement)
|
||||
if (!lineElement)
|
||||
continue;
|
||||
|
||||
var html = [];
|
||||
|
|
|
|||
|
|
@ -1,141 +0,0 @@
|
|||
/* ***** BEGIN LICENSE BLOCK *****
|
||||
* Version: MPL 1.1/GPL 2.0/LGPL 2.1
|
||||
*
|
||||
* The contents of this file are subject to the Mozilla Public License Version
|
||||
* 1.1 (the "License"); you may not use this file except in compliance with
|
||||
* the License. You may obtain a copy of the License at
|
||||
* http://www.mozilla.org/MPL/
|
||||
*
|
||||
* Software distributed under the License is distributed on an "AS IS" basis,
|
||||
* WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
|
||||
* for the specific language governing rights and limitations under the
|
||||
* License.
|
||||
*
|
||||
* The Original Code is Ajax.org Code Editor (ACE).
|
||||
*
|
||||
* The Initial Developer of the Original Code is
|
||||
* Ajax.org Services B.V.
|
||||
* Portions created by the Initial Developer are Copyright (C) 2010
|
||||
* the Initial Developer. All Rights Reserved.
|
||||
*
|
||||
* Contributor(s):
|
||||
* Fabian Jakobs <fabian AT ajax DOT org>
|
||||
*
|
||||
* Alternatively, the contents of this file may be used under the terms of
|
||||
* either the GNU General Public License Version 2 or later (the "GPL"), or
|
||||
* the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
|
||||
* in which case the provisions of the GPL or the LGPL are applicable instead
|
||||
* of those above. If you wish to allow use of your version of this file only
|
||||
* under the terms of either the GPL or the LGPL, and not to allow others to
|
||||
* use your version of this file under the terms of the MPL, indicate your
|
||||
* decision by deleting the provisions above and replace them with the notice
|
||||
* and other provisions required by the GPL or the LGPL. If you do not delete
|
||||
* the provisions above, a recipient may use your version of this file under
|
||||
* the terms of any one of the MPL, the GPL or the LGPL.
|
||||
*
|
||||
* ***** END LICENSE BLOCK ***** */
|
||||
|
||||
define(function(require, exports, module) {
|
||||
|
||||
var lang = require("ace/lib/lang").lang;
|
||||
|
||||
var dom = {};
|
||||
|
||||
dom.setText = function(elem, text) {
|
||||
if (elem.innerText !== undefined) {
|
||||
elem.innerText = text;
|
||||
}
|
||||
if (elem.textContent !== undefined) {
|
||||
elem.textContent = text;
|
||||
}
|
||||
};
|
||||
|
||||
dom.hasCssClass = function(el, name) {
|
||||
var classes = el.className.split(/\s+/g);
|
||||
return lang.arrayIndexOf(classes, name) !== -1;
|
||||
};
|
||||
|
||||
dom.addCssClass = function(el, name) {
|
||||
if (!dom.hasCssClass(el, name)) {
|
||||
el.className += " " + name;
|
||||
}
|
||||
};
|
||||
|
||||
dom.removeCssClass = function(el, name) {
|
||||
var classes = el.className.split(/\s+/g);
|
||||
while (true) {
|
||||
var index = lang.arrayIndexOf(classes, name);
|
||||
if (index == -1) {
|
||||
break;
|
||||
}
|
||||
classes.splice(index, 1);
|
||||
}
|
||||
el.className = classes.join(" ");
|
||||
};
|
||||
|
||||
dom.importCssString = function(cssText, doc){
|
||||
doc = doc || document;
|
||||
|
||||
if (doc.createStyleSheet) {
|
||||
var sheet = doc.createStyleSheet();
|
||||
sheet.cssText = cssText;
|
||||
}
|
||||
else {
|
||||
var style = doc.createElement("style");
|
||||
style.appendChild(doc.createTextNode(cssText));
|
||||
doc.getElementsByTagName("head")[0].appendChild(style);
|
||||
}
|
||||
};
|
||||
|
||||
dom.getInnerWidth = function(element) {
|
||||
return (parseInt(dom.computedStyle(element, "paddingLeft"))
|
||||
+ parseInt(dom.computedStyle(element, "paddingRight")) + element.clientWidth);
|
||||
};
|
||||
|
||||
dom.getInnerHeight = function(element) {
|
||||
return (parseInt(dom.computedStyle(element, "paddingTop"))
|
||||
+ parseInt(dom.computedStyle(element, "paddingBottom")) + element.clientHeight);
|
||||
};
|
||||
|
||||
dom.computedStyle = function(element, style) {
|
||||
if (window.getComputedStyle) {
|
||||
return (window.getComputedStyle(element, "") || {})[style] || "";
|
||||
}
|
||||
else {
|
||||
return element.currentStyle[style];
|
||||
}
|
||||
};
|
||||
|
||||
dom.scrollbarWidth = function() {
|
||||
|
||||
var inner = document.createElement('p');
|
||||
inner.style.width = "100%";
|
||||
inner.style.height = "200px";
|
||||
|
||||
var outer = document.createElement("div");
|
||||
var style = outer.style;
|
||||
|
||||
style.position = "absolute";
|
||||
style.left = "-10000px";
|
||||
style.overflow = "hidden";
|
||||
style.width = "200px";
|
||||
style.height = "150px";
|
||||
|
||||
outer.appendChild(inner);
|
||||
document.body.appendChild(outer);
|
||||
var noScrollbar = inner.offsetWidth;
|
||||
|
||||
style.overflow = "scroll";
|
||||
var withScrollbar = inner.offsetWidth;
|
||||
|
||||
if (noScrollbar == withScrollbar) {
|
||||
withScrollbar = outer.clientWidth;
|
||||
}
|
||||
|
||||
document.body.removeChild(outer);
|
||||
|
||||
return noScrollbar-withScrollbar;
|
||||
};
|
||||
|
||||
exports.dom = dom;
|
||||
});
|
||||
|
|
@ -39,7 +39,7 @@ define(function(require, exports, module) {
|
|||
|
||||
var oop = require("ace/lib/oop").oop;
|
||||
var lang = require("ace/lib/lang").lang;
|
||||
var dom = require("ace/lib/dom").dom;
|
||||
var dom = require("pilot/dom").dom;
|
||||
var event = require("ace/lib/event").event;
|
||||
var MEventEmitter = require("ace/event_emitter").MEventEmitter;
|
||||
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
|
||||
define(function(require, exports, module) {
|
||||
|
||||
var dom = require("ace/lib/dom").dom;
|
||||
var dom = require("pilot/dom").dom;
|
||||
|
||||
var cssText = ".ace-clouds .ace_editor {\
|
||||
border: 2px solid rgb(159, 159, 159);\
|
||||
|
|
@ -187,9 +187,9 @@ define(function(require, exports, module) {
|
|||
.ace-clouds .ace_xml_pe {\
|
||||
\
|
||||
}";
|
||||
|
||||
|
||||
// import CSS once
|
||||
dom.importCssString(cssText);
|
||||
|
||||
|
||||
exports.cssClass = "ace-clouds";
|
||||
});
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
|
||||
define(function(require, exports, module) {
|
||||
|
||||
var dom = require("ace/lib/dom").dom;
|
||||
var dom = require("pilot/dom").dom;
|
||||
|
||||
var cssText = ".ace-clouds-midnight .ace_editor {\
|
||||
border: 2px solid rgb(159, 159, 159);\
|
||||
|
|
@ -188,9 +188,9 @@ background-color:#E92E2E;\
|
|||
.ace-clouds-midnight .ace_xml_pe {\
|
||||
\
|
||||
}";
|
||||
|
||||
|
||||
// import CSS once
|
||||
dom.importCssString(cssText);
|
||||
|
||||
|
||||
exports.cssClass = "ace-clouds-midnight";
|
||||
});
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
|
||||
define(function(require, exports, module) {
|
||||
|
||||
var dom = require("ace/lib/dom").dom;
|
||||
var dom = require("pilot/dom").dom;
|
||||
|
||||
var cssText = ".ace-cobalt .ace_editor {\
|
||||
border: 2px solid rgb(159, 159, 159);\
|
||||
|
|
@ -189,9 +189,9 @@ color:#0088FF;\
|
|||
.ace-cobalt .ace_xml_pe {\
|
||||
\
|
||||
}";
|
||||
|
||||
|
||||
// import CSS once
|
||||
dom.importCssString(cssText);
|
||||
|
||||
|
||||
exports.cssClass = "ace-cobalt";
|
||||
});
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
|
||||
define(function(require, exports, module) {
|
||||
|
||||
var dom = require("ace/lib/dom").dom;
|
||||
var dom = require("pilot/dom").dom;
|
||||
|
||||
var cssText = ".ace-dawn .ace_editor {\
|
||||
border: 2px solid rgb(159, 159, 159);\
|
||||
|
|
@ -193,9 +193,9 @@ color:#5A525F;\
|
|||
.ace-dawn .ace_xml_pe {\
|
||||
\
|
||||
}";
|
||||
|
||||
|
||||
// import CSS once
|
||||
dom.importCssString(cssText);
|
||||
|
||||
|
||||
exports.cssClass = "ace-dawn";
|
||||
});
|
||||
|
|
|
|||
|
|
@ -37,9 +37,9 @@
|
|||
|
||||
define(function(require, exports, module) {
|
||||
|
||||
var dom = require("ace/lib/dom").dom;
|
||||
var dom = require("pilot/dom").dom;
|
||||
var cssText = require("text!ace/theme/eclipse.css");
|
||||
|
||||
|
||||
// import CSS once
|
||||
dom.importCssString(cssText);
|
||||
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
|
||||
define(function(require, exports, module) {
|
||||
|
||||
var dom = require("ace/lib/dom").dom;
|
||||
var dom = require("pilot/dom").dom;
|
||||
|
||||
var cssText = ".ace-idle-fingers .ace_editor {\
|
||||
border: 2px solid rgb(159, 159, 159);\
|
||||
|
|
@ -189,9 +189,9 @@ color:#BC9458;\
|
|||
.ace-idle-fingers .ace_xml_pe {\
|
||||
\
|
||||
}";
|
||||
|
||||
|
||||
// import CSS once
|
||||
dom.importCssString(cssText);
|
||||
|
||||
|
||||
exports.cssClass = "ace-idle-fingers";
|
||||
});
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
|
||||
define(function(require, exports, module) {
|
||||
|
||||
var dom = require("ace/lib/dom").dom;
|
||||
var dom = require("pilot/dom").dom;
|
||||
|
||||
var cssText = ".ace-kr-theme .ace_editor {\
|
||||
border: 2px solid rgb(159, 159, 159);\
|
||||
|
|
@ -189,9 +189,9 @@ color:#706D5B;\
|
|||
.ace-kr-theme .ace_xml_pe {\
|
||||
\
|
||||
}";
|
||||
|
||||
|
||||
// import CSS once
|
||||
dom.importCssString(cssText);
|
||||
|
||||
|
||||
exports.cssClass = "ace-kr-theme";
|
||||
});
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
|
||||
define(function(require, exports, module) {
|
||||
|
||||
var dom = require("ace/lib/dom").dom;
|
||||
var dom = require("pilot/dom").dom;
|
||||
|
||||
var cssText = ".ace-mono-industrial .ace_editor {\
|
||||
border: 2px solid rgb(159, 159, 159);\
|
||||
|
|
@ -189,9 +189,9 @@ background-color:#151C19;\
|
|||
.ace-mono-industrial .ace_xml_pe {\
|
||||
\
|
||||
}";
|
||||
|
||||
|
||||
// import CSS once
|
||||
dom.importCssString(cssText);
|
||||
|
||||
|
||||
exports.cssClass = "ace-mono-industrial";
|
||||
});
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
|
||||
define(function(require, exports, module) {
|
||||
|
||||
var dom = require("ace/lib/dom").dom;
|
||||
var dom = require("pilot/dom").dom;
|
||||
|
||||
var cssText = ".ace-monokai .ace_editor {\
|
||||
border: 2px solid rgb(159, 159, 159);\
|
||||
|
|
@ -189,9 +189,9 @@ background-color:#AE81FF;\
|
|||
.ace-monokai .ace_xml_pe {\
|
||||
\
|
||||
}";
|
||||
|
||||
|
||||
// import CSS once
|
||||
dom.importCssString(cssText);
|
||||
|
||||
|
||||
exports.cssClass = "ace-monokai";
|
||||
});
|
||||
|
|
|
|||
|
|
@ -37,11 +37,11 @@
|
|||
|
||||
define(function(require, exports, module) {
|
||||
|
||||
var dom = require("ace/lib/dom").dom;
|
||||
var dom = require("pilot/dom").dom;
|
||||
var cssText = require("text!ace/theme/tm.css");
|
||||
|
||||
// import CSS once
|
||||
dom.importCssString(cssText);
|
||||
|
||||
|
||||
exports.cssClass = "ace-tm";
|
||||
});
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
|
||||
define(function(require, exports, module) {
|
||||
|
||||
var dom = require("ace/lib/dom").dom;
|
||||
var dom = require("pilot/dom").dom;
|
||||
|
||||
var cssText = ".ace-twilight .ace_editor {\
|
||||
border: 2px solid rgb(159, 159, 159);\
|
||||
|
|
@ -191,9 +191,9 @@ color:#5F5A60;\
|
|||
.ace-twilight .ace_xml_pe {\
|
||||
color:#494949;\
|
||||
}";
|
||||
|
||||
|
||||
// import CSS once
|
||||
dom.importCssString(cssText);
|
||||
|
||||
|
||||
exports.cssClass = "ace-twilight";
|
||||
});
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@ define(function(require, exports, module) {
|
|||
|
||||
var oop = require("ace/lib/oop").oop;
|
||||
var lang = require("ace/lib/lang").lang;
|
||||
var dom = require("ace/lib/dom").dom;
|
||||
var dom = require("pilot/dom").dom;
|
||||
var event = require("ace/lib/event").event;
|
||||
var GutterLayer = require("ace/layer/gutter").Gutter;
|
||||
var MarkerLayer = require("ace/layer/marker").Marker;
|
||||
|
|
@ -113,7 +113,7 @@ var VirtualRenderer = function(container, theme) {
|
|||
|
||||
this.$loop = new RenderLoop(lang.bind(this.$renderChanges, this));
|
||||
this.$loop.schedule(this.CHANGE_FULL);
|
||||
|
||||
|
||||
this.$updatePrintMargin();
|
||||
this.setPadding(4);
|
||||
};
|
||||
|
|
@ -260,7 +260,7 @@ var VirtualRenderer = function(container, theme) {
|
|||
this.getPrintMarginColumn = function() {
|
||||
return this.$printMarginColumn;
|
||||
};
|
||||
|
||||
|
||||
this.setShowGutter = function(show){
|
||||
this.$gutter.style.display = show ? "block" : "none";
|
||||
this.showGutter = show;
|
||||
|
|
@ -293,18 +293,18 @@ var VirtualRenderer = function(container, theme) {
|
|||
this.getFirstVisibleRow = function() {
|
||||
return (this.layerConfig || {}).firstRow || 0;
|
||||
};
|
||||
|
||||
|
||||
this.getFirstFullyVisibleRow = function(){
|
||||
if (!this.layerConfig)
|
||||
return 0;
|
||||
|
||||
|
||||
return this.layerConfig.firstRow + (this.layerConfig.offset == 0 ? 0 : 1);
|
||||
}
|
||||
|
||||
this.getLastFullyVisibleRow = function() {
|
||||
if (!this.layerConfig)
|
||||
return 0;
|
||||
|
||||
|
||||
var flint = Math.floor((this.layerConfig.height + this.layerConfig.offset) / this.layerConfig.lineHeight);
|
||||
return this.layerConfig.firstRow - 1 + flint;
|
||||
}
|
||||
|
|
@ -376,8 +376,8 @@ var VirtualRenderer = function(container, theme) {
|
|||
this.showGutter && this.$gutterLayer.update(this.layerConfig);
|
||||
}
|
||||
else if (changes & this.CHANGE_LINES) {
|
||||
this.$updateLines();
|
||||
this.$updateScrollBar();
|
||||
this.$updateLines();
|
||||
this.$updateScrollBar();
|
||||
}
|
||||
else if (changes & this.CHANGE_SCROLL) {
|
||||
this.$textLayer.scrollLines(this.layerConfig);
|
||||
|
|
@ -477,17 +477,17 @@ var VirtualRenderer = function(container, theme) {
|
|||
this.$markerLayer.removeMarker(markerId);
|
||||
this.$loop.schedule(this.CHANGE_MARKER);
|
||||
};
|
||||
|
||||
|
||||
this.addGutterDecoration = function(row, className){
|
||||
this.$gutterLayer.addGutterDecoration(row, className);
|
||||
this.$loop.schedule(this.CHANGE_GUTTER);
|
||||
}
|
||||
|
||||
|
||||
this.removeGutterDecoration = function(row, className){
|
||||
this.$gutterLayer.removeGutterDecoration(row, className);
|
||||
this.$loop.schedule(this.CHANGE_GUTTER);
|
||||
}
|
||||
|
||||
|
||||
this.setBreakpoints = function(rows) {
|
||||
this.$gutterLayer.setBreakpoints(rows);
|
||||
this.$loop.schedule(this.CHANGE_GUTTER);
|
||||
|
|
@ -535,7 +535,7 @@ var VirtualRenderer = function(container, theme) {
|
|||
this.getScrollTop = function() {
|
||||
return this.scrollTop;
|
||||
};
|
||||
|
||||
|
||||
this.getScrollLeft = function() {
|
||||
return this.scroller.scrollLeft;
|
||||
};
|
||||
|
|
@ -557,7 +557,7 @@ var VirtualRenderer = function(container, theme) {
|
|||
this.$loop.schedule(this.CHANGE_SCROLL);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
this.scrollToX = function(scrollLeft) {
|
||||
if (scrollLeft <= this.$padding)
|
||||
scrollLeft = 0;
|
||||
|
|
@ -586,10 +586,10 @@ var VirtualRenderer = function(container, theme) {
|
|||
|
||||
this.textToScreenCoordinates = function(row, column) {
|
||||
var canvasPos = this.scroller.getBoundingClientRect();
|
||||
|
||||
|
||||
var x = this.padding + Math.round(this.doc.documentToScreenColumn(row, column) * this.characterWidth);
|
||||
var y = row * this.lineHeight;
|
||||
|
||||
|
||||
return {
|
||||
pageX: canvasPos.left + x - this.getScrollLeft(),
|
||||
pageY: canvasPos.top + y - this.getScrollTop()
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue