do not use automatic scroll into view
prepares for deprecating the feature in the next version of ace
This commit is contained in:
parent
35155075e0
commit
8c1aa5c772
6 changed files with 63 additions and 39 deletions
|
|
@ -209,6 +209,8 @@ var AcePopup = function(parentNode) {
|
||||||
return this.screenWidth = 0;
|
return this.screenWidth = 0;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
popup.$blockScrolling = Infinity;
|
||||||
|
|
||||||
// public
|
// public
|
||||||
popup.isOpen = false;
|
popup.isOpen = false;
|
||||||
popup.isTopdown = false;
|
popup.isTopdown = false;
|
||||||
|
|
@ -241,6 +243,7 @@ var AcePopup = function(parentNode) {
|
||||||
popup.on("changeSelection", function() {
|
popup.on("changeSelection", function() {
|
||||||
if (popup.isOpen)
|
if (popup.isOpen)
|
||||||
popup.setRow(popup.selection.lead.row);
|
popup.setRow(popup.selection.lead.row);
|
||||||
|
popup.renderer.scrollCursorIntoView();
|
||||||
});
|
});
|
||||||
|
|
||||||
popup.hide = function() {
|
popup.hide = function() {
|
||||||
|
|
|
||||||
|
|
@ -205,12 +205,14 @@ exports.commands = [{
|
||||||
bindKey: bindKey("Shift-Up", "Shift-Up"),
|
bindKey: bindKey("Shift-Up", "Shift-Up"),
|
||||||
exec: function(editor) { editor.getSelection().selectUp(); },
|
exec: function(editor) { editor.getSelection().selectUp(); },
|
||||||
multiSelectAction: "forEach",
|
multiSelectAction: "forEach",
|
||||||
|
scrollIntoView: "cursor",
|
||||||
readOnly: true
|
readOnly: true
|
||||||
}, {
|
}, {
|
||||||
name: "golineup",
|
name: "golineup",
|
||||||
bindKey: bindKey("Up", "Up|Ctrl-P"),
|
bindKey: bindKey("Up", "Up|Ctrl-P"),
|
||||||
exec: function(editor, args) { editor.navigateUp(args.times); },
|
exec: function(editor, args) { editor.navigateUp(args.times); },
|
||||||
multiSelectAction: "forEach",
|
multiSelectAction: "forEach",
|
||||||
|
scrollIntoView: "cursor",
|
||||||
readOnly: true
|
readOnly: true
|
||||||
}, {
|
}, {
|
||||||
name: "selecttoend",
|
name: "selecttoend",
|
||||||
|
|
@ -395,12 +397,21 @@ exports.commands = [{
|
||||||
bindKey: bindKey("Ctrl-P", "Ctrl-P"),
|
bindKey: bindKey("Ctrl-P", "Ctrl-P"),
|
||||||
exec: function(editor) { editor.jumpToMatching(); },
|
exec: function(editor) { editor.jumpToMatching(); },
|
||||||
multiSelectAction: "forEach",
|
multiSelectAction: "forEach",
|
||||||
|
scrollIntoView: "animate",
|
||||||
readOnly: true
|
readOnly: true
|
||||||
}, {
|
}, {
|
||||||
name: "selecttomatching",
|
name: "selecttomatching",
|
||||||
bindKey: bindKey("Ctrl-Shift-P", "Ctrl-Shift-P"),
|
bindKey: bindKey("Ctrl-Shift-P", "Ctrl-Shift-P"),
|
||||||
exec: function(editor) { editor.jumpToMatching(true); },
|
exec: function(editor) { editor.jumpToMatching(true); },
|
||||||
multiSelectAction: "forEach",
|
multiSelectAction: "forEach",
|
||||||
|
scrollIntoView: "animate",
|
||||||
|
readOnly: true
|
||||||
|
}, {
|
||||||
|
name: "expandToMatching",
|
||||||
|
bindKey: bindKey("Ctrl-Shift-M", "Ctrl-Shift-M"),
|
||||||
|
exec: function(editor) { editor.jumpToMatching(true, true); },
|
||||||
|
multiSelectAction: "forEach",
|
||||||
|
scrollIntoView: "animate",
|
||||||
readOnly: true
|
readOnly: true
|
||||||
}, {
|
}, {
|
||||||
name: "passKeysToBrowser",
|
name: "passKeysToBrowser",
|
||||||
|
|
@ -458,11 +469,13 @@ exports.commands = [{
|
||||||
name: "modifyNumberUp",
|
name: "modifyNumberUp",
|
||||||
bindKey: bindKey("Ctrl-Shift-Up", "Alt-Shift-Up"),
|
bindKey: bindKey("Ctrl-Shift-Up", "Alt-Shift-Up"),
|
||||||
exec: function(editor) { editor.modifyNumber(1); },
|
exec: function(editor) { editor.modifyNumber(1); },
|
||||||
|
scrollIntoView: "cursor",
|
||||||
multiSelectAction: "forEach"
|
multiSelectAction: "forEach"
|
||||||
}, {
|
}, {
|
||||||
name: "modifyNumberDown",
|
name: "modifyNumberDown",
|
||||||
bindKey: bindKey("Ctrl-Shift-Down", "Alt-Shift-Down"),
|
bindKey: bindKey("Ctrl-Shift-Down", "Alt-Shift-Down"),
|
||||||
exec: function(editor) { editor.modifyNumber(-1); },
|
exec: function(editor) { editor.modifyNumber(-1); },
|
||||||
|
scrollIntoView: "cursor",
|
||||||
multiSelectAction: "forEach"
|
multiSelectAction: "forEach"
|
||||||
}, {
|
}, {
|
||||||
name: "replace",
|
name: "replace",
|
||||||
|
|
@ -629,7 +642,7 @@ exports.commands = [{
|
||||||
var isBackwards = editor.selection.isBackwards();
|
var isBackwards = editor.selection.isBackwards();
|
||||||
var selectionStart = isBackwards ? editor.selection.getSelectionLead() : editor.selection.getSelectionAnchor();
|
var selectionStart = isBackwards ? editor.selection.getSelectionLead() : editor.selection.getSelectionAnchor();
|
||||||
var selectionEnd = isBackwards ? editor.selection.getSelectionAnchor() : editor.selection.getSelectionLead();
|
var selectionEnd = isBackwards ? editor.selection.getSelectionAnchor() : editor.selection.getSelectionLead();
|
||||||
var firstLineEndCol = editor.session.doc.getLine(selectionStart.row).length
|
var firstLineEndCol = editor.session.doc.getLine(selectionStart.row).length;
|
||||||
var selectedText = editor.session.doc.getTextRange(editor.selection.getRange());
|
var selectedText = editor.session.doc.getTextRange(editor.selection.getRange());
|
||||||
var selectedCount = selectedText.replace(/\n\s*/, " ").length;
|
var selectedCount = selectedText.replace(/\n\s*/, " ").length;
|
||||||
var insertLine = editor.session.doc.getLine(selectionStart.row);
|
var insertLine = editor.session.doc.getLine(selectionStart.row);
|
||||||
|
|
@ -640,7 +653,7 @@ exports.commands = [{
|
||||||
curLine = " " + curLine;
|
curLine = " " + curLine;
|
||||||
}
|
}
|
||||||
insertLine += curLine;
|
insertLine += curLine;
|
||||||
};
|
}
|
||||||
|
|
||||||
if (selectionEnd.row + 1 < (editor.session.doc.getLength() - 1)) {
|
if (selectionEnd.row + 1 < (editor.session.doc.getLength() - 1)) {
|
||||||
// Don't insert a newline at the end of the document
|
// Don't insert a newline at the end of the document
|
||||||
|
|
|
||||||
|
|
@ -35,41 +35,49 @@ exports.defaultCommands = [{
|
||||||
name: "addCursorAbove",
|
name: "addCursorAbove",
|
||||||
exec: function(editor) { editor.selectMoreLines(-1); },
|
exec: function(editor) { editor.selectMoreLines(-1); },
|
||||||
bindKey: {win: "Ctrl-Alt-Up", mac: "Ctrl-Alt-Up"},
|
bindKey: {win: "Ctrl-Alt-Up", mac: "Ctrl-Alt-Up"},
|
||||||
|
scrollIntoView: "cursor",
|
||||||
readonly: true
|
readonly: true
|
||||||
}, {
|
}, {
|
||||||
name: "addCursorBelow",
|
name: "addCursorBelow",
|
||||||
exec: function(editor) { editor.selectMoreLines(1); },
|
exec: function(editor) { editor.selectMoreLines(1); },
|
||||||
bindKey: {win: "Ctrl-Alt-Down", mac: "Ctrl-Alt-Down"},
|
bindKey: {win: "Ctrl-Alt-Down", mac: "Ctrl-Alt-Down"},
|
||||||
|
scrollIntoView: "cursor",
|
||||||
readonly: true
|
readonly: true
|
||||||
}, {
|
}, {
|
||||||
name: "addCursorAboveSkipCurrent",
|
name: "addCursorAboveSkipCurrent",
|
||||||
exec: function(editor) { editor.selectMoreLines(-1, true); },
|
exec: function(editor) { editor.selectMoreLines(-1, true); },
|
||||||
bindKey: {win: "Ctrl-Alt-Shift-Up", mac: "Ctrl-Alt-Shift-Up"},
|
bindKey: {win: "Ctrl-Alt-Shift-Up", mac: "Ctrl-Alt-Shift-Up"},
|
||||||
|
scrollIntoView: "cursor",
|
||||||
readonly: true
|
readonly: true
|
||||||
}, {
|
}, {
|
||||||
name: "addCursorBelowSkipCurrent",
|
name: "addCursorBelowSkipCurrent",
|
||||||
exec: function(editor) { editor.selectMoreLines(1, true); },
|
exec: function(editor) { editor.selectMoreLines(1, true); },
|
||||||
bindKey: {win: "Ctrl-Alt-Shift-Down", mac: "Ctrl-Alt-Shift-Down"},
|
bindKey: {win: "Ctrl-Alt-Shift-Down", mac: "Ctrl-Alt-Shift-Down"},
|
||||||
|
scrollIntoView: "cursor",
|
||||||
readonly: true
|
readonly: true
|
||||||
}, {
|
}, {
|
||||||
name: "selectMoreBefore",
|
name: "selectMoreBefore",
|
||||||
exec: function(editor) { editor.selectMore(-1); },
|
exec: function(editor) { editor.selectMore(-1); },
|
||||||
bindKey: {win: "Ctrl-Alt-Left", mac: "Ctrl-Alt-Left"},
|
bindKey: {win: "Ctrl-Alt-Left", mac: "Ctrl-Alt-Left"},
|
||||||
|
scrollIntoView: "cursor",
|
||||||
readonly: true
|
readonly: true
|
||||||
}, {
|
}, {
|
||||||
name: "selectMoreAfter",
|
name: "selectMoreAfter",
|
||||||
exec: function(editor) { editor.selectMore(1); },
|
exec: function(editor) { editor.selectMore(1); },
|
||||||
bindKey: {win: "Ctrl-Alt-Right", mac: "Ctrl-Alt-Right"},
|
bindKey: {win: "Ctrl-Alt-Right", mac: "Ctrl-Alt-Right"},
|
||||||
|
scrollIntoView: "cursor",
|
||||||
readonly: true
|
readonly: true
|
||||||
}, {
|
}, {
|
||||||
name: "selectNextBefore",
|
name: "selectNextBefore",
|
||||||
exec: function(editor) { editor.selectMore(-1, true); },
|
exec: function(editor) { editor.selectMore(-1, true); },
|
||||||
bindKey: {win: "Ctrl-Alt-Shift-Left", mac: "Ctrl-Alt-Shift-Left"},
|
bindKey: {win: "Ctrl-Alt-Shift-Left", mac: "Ctrl-Alt-Shift-Left"},
|
||||||
|
scrollIntoView: "cursor",
|
||||||
readonly: true
|
readonly: true
|
||||||
}, {
|
}, {
|
||||||
name: "selectNextAfter",
|
name: "selectNextAfter",
|
||||||
exec: function(editor) { editor.selectMore(1, true); },
|
exec: function(editor) { editor.selectMore(1, true); },
|
||||||
bindKey: {win: "Ctrl-Alt-Shift-Right", mac: "Ctrl-Alt-Shift-Right"},
|
bindKey: {win: "Ctrl-Alt-Shift-Right", mac: "Ctrl-Alt-Shift-Right"},
|
||||||
|
scrollIntoView: "cursor",
|
||||||
readonly: true
|
readonly: true
|
||||||
}, {
|
}, {
|
||||||
name: "splitIntoLines",
|
name: "splitIntoLines",
|
||||||
|
|
@ -79,11 +87,13 @@ exports.defaultCommands = [{
|
||||||
}, {
|
}, {
|
||||||
name: "alignCursors",
|
name: "alignCursors",
|
||||||
exec: function(editor) { editor.alignCursors(); },
|
exec: function(editor) { editor.alignCursors(); },
|
||||||
bindKey: {win: "Ctrl-Alt-A", mac: "Ctrl-Alt-A"}
|
bindKey: {win: "Ctrl-Alt-A", mac: "Ctrl-Alt-A"},
|
||||||
|
scrollIntoView: "cursor"
|
||||||
}, {
|
}, {
|
||||||
name: "findAll",
|
name: "findAll",
|
||||||
exec: function(editor) { editor.findAll(); },
|
exec: function(editor) { editor.findAll(); },
|
||||||
bindKey: {win: "Ctrl-Alt-K", mac: "Ctrl-Alt-G"},
|
bindKey: {win: "Ctrl-Alt-K", mac: "Ctrl-Alt-G"},
|
||||||
|
scrollIntoView: "cursor",
|
||||||
readonly: true
|
readonly: true
|
||||||
}];
|
}];
|
||||||
|
|
||||||
|
|
@ -92,6 +102,7 @@ exports.multiSelectCommands = [{
|
||||||
name: "singleSelection",
|
name: "singleSelection",
|
||||||
bindKey: "esc",
|
bindKey: "esc",
|
||||||
exec: function(editor) { editor.exitMultiSelectMode(); },
|
exec: function(editor) { editor.exitMultiSelectMode(); },
|
||||||
|
scrollIntoView: "cursor",
|
||||||
readonly: true,
|
readonly: true,
|
||||||
isAvailable: function(editor) {return editor && editor.inMultiSelectMode}
|
isAvailable: function(editor) {return editor && editor.inMultiSelectMode}
|
||||||
}];
|
}];
|
||||||
|
|
|
||||||
|
|
@ -150,7 +150,8 @@ var Editor = function(renderer, session) {
|
||||||
args: commadEvent.args,
|
args: commadEvent.args,
|
||||||
scrollTop: this.renderer.scrollTop
|
scrollTop: this.renderer.scrollTop
|
||||||
};
|
};
|
||||||
|
if (this.curOp.command.name)
|
||||||
|
this.$blockScrolling++;
|
||||||
// this.selections.push(this.selection.toJSON());
|
// this.selections.push(this.selection.toJSON());
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
@ -160,6 +161,8 @@ var Editor = function(renderer, session) {
|
||||||
return this.curOp = null;
|
return this.curOp = null;
|
||||||
this._signal("beforeEndOperation");
|
this._signal("beforeEndOperation");
|
||||||
var command = this.curOp.command;
|
var command = this.curOp.command;
|
||||||
|
if (command.name && this.$blockScrolling)
|
||||||
|
this.$blockScrolling--;
|
||||||
if (command && command.scrollIntoView) {
|
if (command && command.scrollIntoView) {
|
||||||
switch (command.scrollIntoView) {
|
switch (command.scrollIntoView) {
|
||||||
case "center":
|
case "center":
|
||||||
|
|
@ -714,6 +717,7 @@ var Editor = function(renderer, session) {
|
||||||
this.$cursorChange();
|
this.$cursorChange();
|
||||||
|
|
||||||
if (!this.$blockScrolling) {
|
if (!this.$blockScrolling) {
|
||||||
|
console.warn("In next version of ace automatic scrolling into view will be disabled");
|
||||||
this.renderer.scrollCursorIntoView();
|
this.renderer.scrollCursorIntoView();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -902,9 +906,28 @@ var Editor = function(renderer, session) {
|
||||||
// todo this should change when paste becomes a command
|
// todo this should change when paste becomes a command
|
||||||
if (this.$readOnly)
|
if (this.$readOnly)
|
||||||
return;
|
return;
|
||||||
|
|
||||||
var e = {text: text};
|
var e = {text: text};
|
||||||
this._signal("paste", e);
|
this._signal("paste", e);
|
||||||
this.insert(e.text, true);
|
text = e.text;
|
||||||
|
if (!this.inMultiSelectMode || this.inVirtualSelectionMode) {
|
||||||
|
this.insert(text);
|
||||||
|
} else {
|
||||||
|
var lines = text.split(/\r\n|\r|\n/);
|
||||||
|
var ranges = this.selection.rangeList.ranges;
|
||||||
|
|
||||||
|
if (lines.length > ranges.length || lines.length < 2 || !lines[1])
|
||||||
|
return this.commands.exec("insertstring", this, text);
|
||||||
|
|
||||||
|
for (var i = ranges.length; i--;) {
|
||||||
|
var range = ranges[i];
|
||||||
|
if (!range.isEmpty())
|
||||||
|
this.session.remove(range);
|
||||||
|
|
||||||
|
this.session.insert(range.start, lines[i]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.renderer.scrollCursorIntoView();
|
||||||
};
|
};
|
||||||
|
|
||||||
this.execCommand = function(command, args) {
|
this.execCommand = function(command, args) {
|
||||||
|
|
|
||||||
|
|
@ -70,10 +70,10 @@ function DefaultHandlers(mouseHandler) {
|
||||||
if (button !== 0) {
|
if (button !== 0) {
|
||||||
var selectionRange = editor.getSelectionRange();
|
var selectionRange = editor.getSelectionRange();
|
||||||
var selectionEmpty = selectionRange.isEmpty();
|
var selectionEmpty = selectionRange.isEmpty();
|
||||||
|
editor.$blockScrolling++;
|
||||||
if (selectionEmpty)
|
if (selectionEmpty)
|
||||||
editor.selection.moveToPosition(pos);
|
editor.selection.moveToPosition(pos);
|
||||||
|
editor.$blockScrolling--;
|
||||||
// 2: contextmenu, 1: linux paste
|
// 2: contextmenu, 1: linux paste
|
||||||
editor.textInput.onContextMenu(ev.domEvent);
|
editor.textInput.onContextMenu(ev.domEvent);
|
||||||
return; // stopping event here breaks contextmenu on ff mac
|
return; // stopping event here breaks contextmenu on ff mac
|
||||||
|
|
@ -100,7 +100,7 @@ function DefaultHandlers(mouseHandler) {
|
||||||
pos = pos || this.editor.renderer.screenToTextCoordinates(this.x, this.y);
|
pos = pos || this.editor.renderer.screenToTextCoordinates(this.x, this.y);
|
||||||
var editor = this.editor;
|
var editor = this.editor;
|
||||||
// allow double/triple click handlers to change selection
|
// allow double/triple click handlers to change selection
|
||||||
|
editor.$blockScrolling++;
|
||||||
if (this.mousedownEvent.getShiftKey())
|
if (this.mousedownEvent.getShiftKey())
|
||||||
editor.selection.selectToPosition(pos);
|
editor.selection.selectToPosition(pos);
|
||||||
else if (!waitForClickSelection)
|
else if (!waitForClickSelection)
|
||||||
|
|
@ -112,12 +112,13 @@ function DefaultHandlers(mouseHandler) {
|
||||||
}
|
}
|
||||||
editor.setStyle("ace_selecting");
|
editor.setStyle("ace_selecting");
|
||||||
this.setState("select");
|
this.setState("select");
|
||||||
|
editor.$blockScrolling--;
|
||||||
};
|
};
|
||||||
|
|
||||||
this.select = function() {
|
this.select = function() {
|
||||||
var anchor, editor = this.editor;
|
var anchor, editor = this.editor;
|
||||||
var cursor = editor.renderer.screenToTextCoordinates(this.x, this.y);
|
var cursor = editor.renderer.screenToTextCoordinates(this.x, this.y);
|
||||||
|
editor.$blockScrolling++;
|
||||||
if (this.$clickSelection) {
|
if (this.$clickSelection) {
|
||||||
var cmp = this.$clickSelection.comparePoint(cursor);
|
var cmp = this.$clickSelection.comparePoint(cursor);
|
||||||
|
|
||||||
|
|
@ -133,7 +134,7 @@ function DefaultHandlers(mouseHandler) {
|
||||||
editor.selection.setSelectionAnchor(anchor.row, anchor.column);
|
editor.selection.setSelectionAnchor(anchor.row, anchor.column);
|
||||||
}
|
}
|
||||||
editor.selection.selectToPosition(cursor);
|
editor.selection.selectToPosition(cursor);
|
||||||
|
editor.$blockScrolling--;
|
||||||
editor.renderer.scrollCursorIntoView();
|
editor.renderer.scrollCursorIntoView();
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
@ -141,7 +142,7 @@ function DefaultHandlers(mouseHandler) {
|
||||||
var anchor, editor = this.editor;
|
var anchor, editor = this.editor;
|
||||||
var cursor = editor.renderer.screenToTextCoordinates(this.x, this.y);
|
var cursor = editor.renderer.screenToTextCoordinates(this.x, this.y);
|
||||||
var range = editor.selection[unitName](cursor.row, cursor.column);
|
var range = editor.selection[unitName](cursor.row, cursor.column);
|
||||||
|
editor.$blockScrolling++;
|
||||||
if (this.$clickSelection) {
|
if (this.$clickSelection) {
|
||||||
var cmpStart = this.$clickSelection.comparePoint(range.start);
|
var cmpStart = this.$clickSelection.comparePoint(range.start);
|
||||||
var cmpEnd = this.$clickSelection.comparePoint(range.end);
|
var cmpEnd = this.$clickSelection.comparePoint(range.end);
|
||||||
|
|
@ -165,7 +166,7 @@ function DefaultHandlers(mouseHandler) {
|
||||||
editor.selection.setSelectionAnchor(anchor.row, anchor.column);
|
editor.selection.setSelectionAnchor(anchor.row, anchor.column);
|
||||||
}
|
}
|
||||||
editor.selection.selectToPosition(cursor);
|
editor.selection.selectToPosition(cursor);
|
||||||
|
editor.$blockScrolling--;
|
||||||
editor.renderer.scrollCursorIntoView();
|
editor.renderer.scrollCursorIntoView();
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -558,33 +558,6 @@ var Editor = require("./editor").Editor;
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
// todo this should change when paste becomes a command
|
|
||||||
this.onPaste = function(text) {
|
|
||||||
if (this.$readOnly)
|
|
||||||
return;
|
|
||||||
|
|
||||||
|
|
||||||
var e = {text: text};
|
|
||||||
this._signal("paste", e);
|
|
||||||
text = e.text;
|
|
||||||
if (!this.inMultiSelectMode || this.inVirtualSelectionMode)
|
|
||||||
return this.insert(text);
|
|
||||||
|
|
||||||
var lines = text.split(/\r\n|\r|\n/);
|
|
||||||
var ranges = this.selection.rangeList.ranges;
|
|
||||||
|
|
||||||
if (lines.length > ranges.length || lines.length < 2 || !lines[1])
|
|
||||||
return this.commands.exec("insertstring", this, text);
|
|
||||||
|
|
||||||
for (var i = ranges.length; i--;) {
|
|
||||||
var range = ranges[i];
|
|
||||||
if (!range.isEmpty())
|
|
||||||
this.session.remove(range);
|
|
||||||
|
|
||||||
this.session.insert(range.start, lines[i]);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Finds and selects all the occurences of `needle`.
|
* Finds and selects all the occurences of `needle`.
|
||||||
* @param {String} The text to find
|
* @param {String} The text to find
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue