Server : Apache/2.4.41 (Ubuntu) System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory : /var/www/html/libs/absol-acomp/out/
Upload File :
Current File : /var/www/html/libs/absol-acomp/out/PreInput.js.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSDoc: Source: PreInput.js</title>
<script src="scripts/prettify/prettify.js"> </script>
<script src="scripts/prettify/lang-css.js"> </script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>
<body>
<div id="main">
<h1 class="page-title">Source: PreInput.js</h1>
<section>
<article>
<pre class="prettyprint source linenums"><code>import '../css/preinput.css';
import ACore from "../ACore";
import Dom from "absol/src/HTML5/Dom";
import { dataURItoBlob, blobToFile, blobToArrayBuffer } from "absol/src/Converter/file";
import AElement from "absol/src/HTML5/AElement";
import BrowserDetector from "absol/src/Detector/BrowserDetector";
var _ = ACore._;
var $ = ACore.$;
var textDelay = BrowserDetector.isSafari ? 100 : 1;
/***
* @extends AElement
* @constructor
*/
function PreInput() {
this.defineEvent(['pasteimg', 'pastetext', 'change']);
this.on('paste', this.eventHandler.paste);
this.on('keydown', this.eventHandler.keydown);
this.history = [];
this.value = '';
this.historyIndex = -1;
this.commitChange('', 0);
}
PreInput.tag = 'preinput';
PreInput.render = function () {
return _({
tag: 'pre',
class: 'as-preinput',
attr: {
contenteditable: 'true'
},
child: 'br'
});
};
PreInput.prototype.applyData = function (text, offset) {
var textNode = _({ text: text });
this.clearChild()
.addChild(textNode).addChild(_('br'));
if (document.activeElement === this && this.isDescendantOf(document.body)) {
if (document.getSelection) {
var sel = document.getSelection();
sel.removeAllRanges();
var range = document.createRange();
if (typeof offset == 'number') {
range.setStart(textNode, Math.min(text.length, offset));
}
else {
range.setStart(textNode, Math.min(text.length, offset.start));
range.setEnd(textNode, Math.min(text.length, offset.end));
}
sel.addRange(range);
this.scrollIntoRange(range);
}
else {
console.error("PreInput: Not support!");
}
}
};
PreInput.prototype.select = function (offset) {
if (document.activeElement !== this) this.focus();
this.applyData(this.value, offset);
};
PreInput.prototype.scrollIntoRange = function (range) {
var elementBound = range.getBoundingClientRect();
var viewportBound = this.getBoundingClientRect();
var dBottom = 0;
if (range.startContainer && range.startContainer.data && range.startContainer.data.charAt(range.startContainer.data.length - 1) == '\n')
dBottom += this.getFontSize() * 1.5;
var currentScrollTop = this.scrollTop;
var newScrollTop = currentScrollTop;
if (elementBound.bottom + dBottom > viewportBound.bottom) {
newScrollTop = currentScrollTop + (elementBound.bottom + dBottom - viewportBound.bottom);
}
if (elementBound.top < viewportBound.top) {
newScrollTop = currentScrollTop - (viewportBound.top - elementBound.top);
}
if (newScrollTop != currentScrollTop) {
this.scrollTop = newScrollTop;
}
var currentScrollLeft = this.scrollLeft;
var newScrollLeft = currentScrollLeft;
if (elementBound.right > viewportBound.right) {
newScrollLeft = currentScrollLeft + (elementBound.right - viewportBound.right);
}
if (elementBound.left < viewportBound.left) {
newScrollLeft = currentScrollLeft - (viewportBound.left - elementBound.left);
}
if (newScrollLeft != currentScrollLeft) {
this.scrollLeft = newScrollLeft;
}
};
PreInput.prototype.undo = function () {
if (this.historyIndex <= 0) return;
this.historyIndex--;
var record = this.history[this.historyIndex];
this.applyData(record.text, record.offset);
this.emit('change', { target: this, value: record.text, action: 'undo', record: record, type: 'change' }, this);
};
PreInput.prototype.redo = function () {
if (this.historyIndex + 1 >= this.history.length) return;
this.historyIndex++;
var record = this.history[this.historyIndex];
this.applyData(record.text, record.offset);
this.emit('change', { target: this, value: record.text, action: 'redo', record: record, type: 'change' }, this);
};
PreInput.prototype.commitChange = function (text, offset) {
while (this.historyIndex < this.history.length - 1) {
this.history.pop();
}
var lastText = this.history.length > 0 ? this.history[this.history.length - 1].text : null;
if (text === lastText) {
if (this.history[this.history.length - 1].offset != offset)
this.history[this.history.length - 1].offset = offset;
}
else {
this.historyIndex = this.history.length;
var record = {
text: text,
offset: offset
};
this.history.push(record);
this.emit('change', {
target: this,
value: record.text,
action: 'commit',
record: record,
type: 'change'
}, this);
}
};
PreInput.prototype.waitToCommit = function (text, offset) {
var thisInput = this;
if (this._commitTimeout > 0)
clearTimeout(this._commitTimeout);
this._commitTimeout = setTimeout(function () {
thisInput.commitChange(text, offset);
}, textDelay);
};
PreInput.prototype.getPosition = function (node, offset) {
if (!node) return NaN;
if (node == this)
return offset;
var parent = node.parentElement;
if (!parent) return NaN;
var text = '';
var child;
var lastBr = false;
for (var i = 0; i < parent.childNodes.length; ++i) {
child = parent.childNodes[i];
if (child == node) break;
text += this.stringOf(child);
}
return this.getPosition(parent, text.length + offset);
};
PreInput.prototype.getSelectPosition = function () {
if (window.getSelection) {
var sel = window.getSelection();
if (sel.getRangeAt && sel.rangeCount) {
var range = sel.getRangeAt(0);
var direction = 'forward';
var cmpPosition = sel.anchorNode.compareDocumentPosition(sel.focusNode);
if (cmpPosition === 4) {
direction = 'forward';
}
else if (cmpPosition === 2) {
direction = 'backward'
}
else if (!cmpPosition && sel.anchorOffset > sel.focusOffset ||
cmpPosition === Node.DOCUMENT_POSITION_PRECEDING) {
direction = 'backward';
}
var startOffset = this.getPosition(range.startContainer, range.startOffset);
var endOffset = this.getPosition(range.endContainer, range.endOffset);
if (isNaN(startOffset)) return null;
return {
start: startOffset, end: endOffset, direction: direction
}
}
}
else if (document.selection) {
console.error('May not support!');
}
};
PreInput.prototype.stringOf = function (node, parent) {
if (!node) return '';
if (node.nodeType === 3) {
return node.data;
}
var res = '';
if ((node.tagName === 'BR' || node.tagName === 'br')
&& parent && parent.lastChild !== node) {
return '\n';
}
else if ((node.tagName === 'DIV' || node.tagName === 'div')
&& parent && parent.firstChild !== node) {
res += '\n';
}
var thisInput = this;
return res + Array.prototype.map.call(node.childNodes, function (cNode, index, arr) {
return thisInput.stringOf(cNode, node);
}).join('');
};
PreInput.prototype._pasteText = function (text) {
var sel = window.getSelection();
var range;
if (window.getSelection) {
sel = window.getSelection();
if (sel.getRangeAt && sel.rangeCount) {
try {
range = sel.getRangeAt(0);
range.deleteContents();
var textNode = _({ text: text });
range.insertNode(textNode);
if (sel.removeRange) {
sel.removeRange(range);
}
else {
sel.removeAllRanges();
}
range = document.createRange();
range.setStart(textNode, text.length);
sel.addRange(range);
this.scrollIntoRange(range);
this.commitChange(this.stringOf(this), this.getPosition(textNode, text.length));
} catch (error) {
alert(error.message)
}
}
}
else if (document.selection && document.selection.createRange) {
document.selection.createRange().text = text;
this.commitChange(this.stringOf(this), this.getPosition(textNode, text.length));
console.error('May not support!');
}
};
/**
* @type {PreInput}
*/
PreInput.eventHandler = {};
PreInput.eventHandler.paste = function (event) {
var thisIp = this;
var clipboardData = (event.clipboardData || window.clipboardData);
/**Safari bug */
if (clipboardData) {
if (clipboardData.items) {
var items = Array.prototype.slice.call(clipboardData.items);
var imgItems = items.filter(function (item) {
return item.type.indexOf('image') >= 0;
});
var plainTextItems = items.filter(function (item) {
return item.type.indexOf('text/plain') >= 0;
});
if (imgItems.length > 0) {
var imgFiles = imgItems.map(function (it) {
return it.getAsFile();
});
this.emit('pasteimg', {
target: this,
imageFile: imgFiles[0],
imageFiles: imgFiles,
orginEvent: event
}, this);
}
else if (plainTextItems.length > 0) {
var plainTextItem = plainTextItems[0];//only one item
plainTextItem.getAsString(function (text) {
thisIp._pasteText(text);
});
}
else {
window.ABSOL_DEBUG && console.error("Can not handle clipboard data");
}
event.preventDefault();
}
else {
var text = event.clipboardData.getData('text/plain');
if (text) {
event.preventDefault();
this._pasteText(text);
}
else {
var currentText = this.stringOf(this);
var currentSelection = this.getSelectPosition();
setTimeout(function () {
var images = [];
$('img', thisIp, function (elt) {
images.push(elt);
});
Promise.all(images.map(function (img) {
return Dom.imageToCanvas(img).then(function (canvas) {
var dataURI = canvas.toDataURL();
var blob = dataURItoBlob(dataURI);
var file = blobToFile(blob);
return {
file: file, blob: blob, url: dataURI
}
}, function (error) {
console.error(error)
}).catch(function (error) {
console.error(error)
});
})).then(function (results) {
results = results.filter(function (it) {
return !!it;
});
if (results.length > 0) {
var imgFiles = results.map(function (it) {
return it.file
});
var urls = results.map(function (it) {
return it.url
});
thisIp.emit('pasteimg', {
target: this,
imageFile: imgFiles[0],
imageFiles: imgFiles,
urls: urls,
url: urls[0],
orginEvent: event
}, thisIp);
}
});
thisIp.applyData(currentText, currentSelection);
}, textDelay);
}
}
}
else {
setTimeout(function () {
if (window.getSelection) {
var sel = window.getSelection();
if (sel.getRangeAt && sel.rangeCount) {
var range = sel.getRangeAt(0);
var text = this.stringOf(this);
var offset = this.getPosition(range.startContainer, range.startOffset);
this.waitToCommit(text, offset);
}
}
else if (document.selection) {
console.error('May not support!');
}
}.bind(this), textDelay);
}
};
PreInput.eventHandler.keydown = function (event) {
if (event.ctrlKey) {
switch (event.key) {
case 'z':
this.undo();
event.preventDefault();
break;
case 'y':
this.redo();
event.preventDefault();
break;
default:
break;
}
}
if (!event.ctrlKey && !event.altKey) {
setTimeout(function () {
if (window.getSelection) {
var sel = window.getSelection();
if (sel.getRangeAt && sel.rangeCount) {
var range = sel.getRangeAt(0);
var text = this.stringOf(this);
var offset = this.getPosition(range.startContainer, range.startOffset);
this.waitToCommit(text, offset);
}
}
else if (document.selection) {
console.error('May not support!');
}
}.bind(this), textDelay);
}
};
PreInput.property = {};
PreInput.property.value = {
set: function (value) {
value = value || '';
this.applyData(value, value.length);
this.commitChange(value, value.length);
},
get: function () {
return this.stringOf(this);
}
};
PreInput.property.disabled = {
set: function (value) {
value = !!value;
if (value === this.hasClass('as-disabled')) return;
if (value) {
this.addClass('as-disabled');
this.attr({
contenteditable: undefined,
oncut: 'return false',
onpaste: 'return false',
onkeydown: 'if(event.metaKey) return true; return false;'
});
}
else {
this.removeClass('as-disabled');
this.attr({
contenteditable: true,
oncut: undefined,
onpaste: undefined,
onkeydown: undefined
});
}
},
get: function () {
return this.hasClass('as-disabled');
}
};
PreInput.property.readOnly = {
set: function (value) {
value = !!value;
if (value === this.hasClass('as-read-only')) return;
if (value) {
this.addClass('as-read-only');
this.attr({
contenteditable: undefined,
oncut: 'return false',
onpaste: 'return false',
onkeydown: 'if(event.metaKey) return true; return false;'
});
}
else {
this.removeClass('as-read-only');
this.attr({
contenteditable: true,
oncut: undefined,
onpaste: undefined,
onkeydown: undefined
});
}
},
get: function () {
return this.hasClass('as-read-only');
}
};
ACore.install(PreInput);
export default PreInput;
</code></pre>
</article>
</section>
</div>
<nav>
<h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="CalendarInput.html">CalendarInput</a></li><li><a href="CandyBoxButton.html">CandyBoxButton</a></li><li><a href="ChromeCalendar.html">ChromeCalendar</a></li><li><a href="CircleSectionLabel.html">CircleSectionLabel</a></li><li><a href="Cluster.html">Cluster</a></li><li><a href="ClusterIconInfo.html">ClusterIconInfo</a></li><li><a href="ClusterIconStyle.html">ClusterIconStyle</a></li><li><a href="ContextCaptor.html">ContextCaptor</a></li><li><a href="DateInput.html">DateInput</a></li><li><a href="DateInput2.html">DateInput2</a></li><li><a href="DropPanel.html">DropPanel</a></li><li><a href="DropPanelStack.html">DropPanelStack</a></li><li><a href="FlexiconButton.html">FlexiconButton</a></li><li><a href="MarkerClusterer.html">MarkerClusterer</a></li><li><a href="MarkerClustererOptions.html">MarkerClustererOptions</a></li><li><a href="SearchTextInput.html">SearchTextInput</a></li><li><a href="Sprite.html">Sprite</a></li><li><a href="Time24Input.html">Time24Input</a></li></ul><h3>Events</h3><ul><li><a href="MarkerClusterer.html#event:click">click</a></li><li><a href="MarkerClusterer.html#event:clusteringbegin">clusteringbegin</a></li><li><a href="MarkerClusterer.html#event:clusteringend">clusteringend</a></li><li><a href="MarkerClusterer.html#event:mouseout">mouseout</a></li><li><a href="MarkerClusterer.html#event:mouseover">mouseover</a></li></ul><h3>Global</h3><ul><li><a href="global.html#$windowTitleText">$windowTitleText</a></li><li><a href="global.html#AddIcon">AddIcon</a></li><li><a href="global.html#calcMinHMTime">calcMinHMTime</a></li><li><a href="global.html#cleanMenuItemProperty">cleanMenuItemProperty</a></li><li><a href="global.html#preventNotNumberInput">preventNotNumberInput</a></li><li><a href="global.html#vScrollIntoView">vScrollIntoView</a></li></ul>
</nav>
<br class="clear">
<footer>
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.0</a> on Wed Jan 04 2023 18:18:58 GMT+0700 (Indochina Time)
</footer>
<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>
Server : Apache/2.4.41 (Ubuntu)