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-full/dist/js/
Upload File :
Current File : /var/www/html/libs/absol-full/dist/js/mdls__absol-acomp__js__messageinput__MessageInput.js
/*** module: node_modules/absol-acomp/js/messageinput/MessageInput.js ***/
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.parseMessage = parseMessage;
exports.prepareIcon = prepareIcon;
exports.MessageQuote = MessageQuote;
exports.default = exports.MODE_EDIT = exports.MODE_NEW = void 0;
require("../../css/messageinput.css");
var _ACore = _interopRequireDefault(require("../../ACore"));
var _EventEmitter = _interopRequireDefault(require("absol/src/HTML5/EventEmitter"));
var _utils = require("../utils");
var _EmojiAnims = require("../EmojiAnims");
var _EmojiPicker = _interopRequireDefault(require("../EmojiPicker"));
var _BrowserDetector = _interopRequireDefault(require("absol/src/Detector/BrowserDetector"));
var _stringGenerate = require("absol/src/String/stringGenerate");
var _CMDRunner = _interopRequireDefault(require("absol/src/AppPattern/CMDRunner"));
var _keyboard = require("absol/src/Input/keyboard");
var _OOP = _interopRequireDefault(require("absol/src/HTML5/OOP"));
var _tiutils = require("../tokenizeiput/tiutils");
var _MessageInputPlugin = _interopRequireDefault(require("./MessageInputPlugin"));
var _MIEmojiPlugin = _interopRequireDefault(require("./MIEmojiPlugin"));
var _catalog = _interopRequireDefault(require("../../assets/exticons/catalog.json"));
var _ = _ACore.default._;
var $ = _ACore.default.$;
var $$ = _ACore.default.$$;
/***
*
* @typedef {{text:string, desc: string, img?:string, file?:string}|string} MessageInputQuote
*/
var MODE_NEW = 0;
exports.MODE_NEW = MODE_NEW;
var MODE_EDIT = 1;
exports.MODE_EDIT = MODE_EDIT;
var isMobile = _BrowserDetector.default.isMobile;
/***
* @extends AElement
* @constructor
*/
function MessageInput() {
this._cmdRunner = new _CMDRunner.default(this);
this._keyMaps = {};
this._plugins = [];
this._mode = MODE_NEW; //edit
this._editingText = "";
prepareIcon();
/**
* @type {import('../PreInput').default}
*/
this.$preInput = $('.as-message-input-pre', this);
this.$preInput.on('change', this.eventHandler.preInputChange).on('keyup', this.eventHandler.preInputKeyUp).on('keydown', this.eventHandler.preInputKeyDown).on('pasteimg', this.eventHandler.preInputPasteImg).on('focus', this.eventHandler.preInputFocus).on('blur', this.eventHandler.preInputBlur); // //every can make size change
this._imageFiles = [];
this._files = [];
this._latBound = {};
this.$quote = $('messagequote.as-message-input-quote', this).on('pressremove', this.eventHandler.clickQuoteRemoveBtn);
this.$left = $('.as-message-input-left', this);
this.$right = $('.as-message-input-right', this);
this.$attachmentCtn = $('.as-message-input-attachment-ctn', this);
this.$fileBtn = $('.as-message-input-plugin-file', this).on('click', this.openFileDialog.bind(this));
this.$attachmentAddBtn = $('.as-message-input-attachment-add-btn', this).on('click', this.openFileDialog.bind(this));
this.$sendBtn = $('.as-message-input-plugin-send', this).on('click', this.notifySend.bind(this));
this.$cancelBtn = $('.as-message-input-plugin-cancel', this).on('click', this.notifyCancel.bind(this));
this.$attachhook = _('attachhook').addTo(this).on('attached', this.notifySizeChange.bind(this)).on('attached', this._updateSize.bind(this));
this.on('drop', this.eventHandler.drop).on('dragover', this.eventHandler.dragover);
_OOP.default.drillProperty(this, this.$preInput, 'tagList');
this.autoSend = false;
/***
*
* @type {MessageInputQuote|null}
*/
this.quote = null;
this.addPlugin(new _MIEmojiPlugin.default(this));
}
MessageInput.MODE_EDIT = MODE_EDIT;
MessageInput.MODE_NEW = MODE_NEW;
MessageInput.iconAssetRoot = function () {
if (location.hostname.match(/^.*(\.?absol\.cf|absol\.ddns\.net)$/) || location.hostname === 'localhost') return 'https://absol.cf/exticons/vivid';
return '/vivid_exticons';
}();
MessageInput.tag = 'MessageInput'.toLowerCase();
MessageInput.render = function (data) {
data = data || {};
data.iconAssetRoot = data.iconAssetRoot || MessageInput.iconAssetRoot;
return _({
attr: {
'data-icon-asset-root': MessageInput.iconAssetRoot
},
class: ['as-message-input'].concat(data.v2 ? ['as-v2'] : []),
extendEvent: ['sendtext', 'sendimage', 'sendfile', 'sendquote', 'cancel', 'change', 'sizechange', 'send', 'useraddfile'],
child: [{
class: 'as-message-input-right',
child: [{
tag: 'button',
class: ['as-message-input-plugin-btn', 'as-message-input-plugin-file'],
child: 'span.mdi.mdi-attachment.mdi-rotate-90'
}, {
tag: 'button',
class: ['as-message-input-plugin-btn', 'as-message-input-plugin-send'],
child: 'span.mdi.mdi-send'
}, {
tag: 'button',
class: ['as-message-input-plugin-btn', 'as-message-input-plugin-cancel'],
child: 'span.mdi.mdi-close'
}]
}, {
class: 'as-message-input-pre-ctn',
child: ['messagequote.as-message-input-quote.as-removable.as-shorten-text', {
class: 'as-message-input-left'
}, {
class: ['as-message-input-attachment-ctn', 'as-bscroller'],
child: [{
tag: 'button',
class: 'as-message-input-attachment-add-btn',
child: ['span.mdi.mdi-arrow-down-bold.as-message-input-attachment-add-btn-drop', {
tag: 'span',
class: 'as-message-input-attachment-add-btn-plus',
child: {
text: "+"
}
}]
}]
}, (data.v2 ? 'tokenizehyperinput' : 'preinput') + '.as-message-input-pre.absol-bscroller']
}]
});
};
MessageInput.prototype.notifyChange = function () {
this.emit('change', {
name: 'change',
target: this
}, this);
if (this.autoSend) {
if (this.files.length > 0 || this.images.length > 0) this.notifySend();
}
};
MessageInput.prototype.notifySend = function () {
var eventData = {
imageRemovePrevented: false,
fileRemovePrevented: false,
textRemovePrevented: false,
quoteRemovePrevented: false,
target: this,
files: this.files,
images: this.images,
text: this.text
};
if (eventData.files.length > 0) {
this.emit('sendfile', Object.assign(eventData, {
type: 'sendfile',
preventDefault: function () {
this.fileRemovePrevented = true;
}
}), this);
}
if (eventData.images.length > 0) {
this.emit('sendimage', Object.assign(eventData, {
type: 'sendimage',
preventDefault: function () {
this.imageRemovePrevented = true;
}
}), this);
}
if (typeof this.quote === "string" || this.quote) {
this.emit('sendquote', Object.assign(eventData, {
type: 'sendquote',
preventDefault: function () {
this.quoteRemovePrevented = true;
}
}), this);
}
if (this.files.length > 0 || eventData.images.length > 0 || eventData.text || typeof this.quote === "string" || this.quote) {
if (eventData.text) this.$preInput.focus();
this.emit('send', Object.assign(eventData, {
type: 'send',
preventDefault: function () {
this.imageRemovePrevented = true;
this.fileRemovePrevented = true;
this.imageRemovePrevented = true;
this.quoteRemovePrevented = true;
}
}), this);
}
if (!eventData.fileRemovePrevented) this.files = [];
if (!eventData.imageRemovePrevented) this.images = [];
if (!eventData.textRemovePrevented) this.text = '';
if (!eventData.quoteRemovePrevented) this.quote = null;
};
MessageInput.prototype.notifyCancel = function () {
this.emit('cancel', {
type: 'cancel',
name: 'send',
target: this,
clearAllContent: this.clearAllContent.bind(this)
}, this);
};
MessageInput.prototype.clearAllContent = function () {
this.text = '';
this.quote = null;
this.files = [];
this.images = [];
};
MessageInput.prototype.focus = function () {
var value = this.$preInput.value;
var range = this.$preInput.getSelectPosition() || {
start: value.length,
end: value.length
};
this.$preInput.focus();
this.$preInput.applyData(value, range);
};
MessageInput.prototype.blur = function () {
this.$preInput.blur();
};
MessageInput.prototype._updateAttachmentClass = function () {
if (this._imageFiles.length + this._files.length) {
this.addClass("as-has-attachment");
} else {
this.removeClass("as-has-attachment");
}
this._updateSize();
};
MessageInput.prototype._updateSize = function () {
var fs = this.getFontSize() || 14;
this.addStyle('--right-width', this.$right.getBoundingClientRect().width / fs + 'em');
};
MessageInput.prototype.addImageFiles = function (imageFiles, urls) {
var thisMi = this;
Array.prototype.forEach.call(imageFiles, function (file, index) {
thisMi._imageFiles.push(file);
var src;
if (urls) {
src = urls[index];
}
if (!src) {
src = URL.createObjectURL(file);
}
var itemElt = _({
class: ['as-message-input-attach-preview', 'as-image'],
attr: {
title: file.name
},
child: [{
class: 'as-message-input-attach-preview-image',
style: {
backgroundImage: 'url(' + src + ')'
}
}, {
tag: 'button',
class: 'as-message-input-attach-preview-close-btn',
child: 'span.mdi.mdi-close',
attr: {
title: 'remove'
},
on: {
click: function () {
thisMi._imageFiles = thisMi._imageFiles.filter(function (it) {
return it !== file;
});
itemElt.remove();
thisMi._updateAttachmentClass();
thisMi.notifySizeChange();
thisMi.notifyChange();
}
}
}, {
class: 'as-message-input-attach-preview-info',
child: [{
class: 'as-message-input-attach-preview-name',
child: {
text: file.name
}
}, {
class: 'as-message-input-attach-preview-size',
child: {
text: (0, _utils.fileSize2Text)(file.size)
}
}]
}]
}).addTo(thisMi.$attachmentCtn);
thisMi.$attachmentCtn.addChildBefore(itemElt, thisMi.$attachmentAddBtn);
});
this._updateAttachmentClass();
this.notifySizeChange();
};
MessageInput.prototype.addFiles = function (files) {
var thisMi = this;
Array.prototype.forEach.call(files, function (file, index) {
thisMi._files.push(file);
MessageInput.iconSupportAsync.then(function (ExtensionIcons) {
var src;
var ext = file.name.split('.').pop().toLowerCase();
if (ExtensionIcons.indexOf(ext) > 0) {
src = MessageInput.iconAssetRoot + '/' + ext + '.svg';
} else {
src = MessageInput.iconAssetRoot + '/' + 'default' + '.svg';
}
var itemElt = _({
class: ['as-message-input-attach-preview', 'as-file'],
attr: {
title: file.name
},
child: [{
tag: 'img',
class: 'as-message-input-attach-preview-file',
props: {
src: src
}
}, {
tag: 'button',
class: 'as-message-input-attach-preview-close-btn',
child: 'span.mdi.mdi-close',
attr: {
title: 'remove'
},
on: {
click: function () {
thisMi._files = thisMi._files.filter(function (it) {
return it !== file;
});
itemElt.remove();
thisMi._updateAttachmentClass();
thisMi.notifySizeChange();
thisMi.notifyChange();
}
}
}, {
class: 'as-message-input-attach-preview-info',
child: [{
class: 'as-message-input-attach-preview-name',
child: {
text: file.name
}
}, {
class: 'as-message-input-attach-preview-size',
child: {
text: (0, _utils.fileSize2Text)(file.size)
}
}]
}]
});
thisMi.$attachmentCtn.addChildBefore(itemElt, thisMi.$attachmentAddBtn);
});
});
this._updateAttachmentClass();
thisMi.notifySizeChange();
};
MessageInput.prototype.closeEmoji = function () {
if (!this.hasClass('as-message-input-show-emoji')) return;
this.removeClass('as-message-input-show-emoji');
this.removeChild(this.$emojiPickerCtn);
$(document.body).off('mousedown', this.eventHandler.mousedownOutEmoji);
};
MessageInput.prototype.notifyAddFiles = function (files) {
var event = {
resolvedAsync: Promise.resolve(files),
files: files,
resolve: function (result) {
if (!result) {
this.resolvedAsync = Promise.resolve(undefined);
} else if (result.then) {
this.resolvedAsync = result;
} else {
this.resolvedAsync = Promise.resolve(result);
}
}
};
this.emit('useraddfile', event);
return event.resolvedAsync;
};
MessageInput.prototype.openFileDialog = function () {
var thisMi = this;
(0, _utils.openFileDialog)({
multiple: true
}).then(function (files) {
if (!thisMi.autoSend) thisMi.$preInput.focus();
thisMi.notifyAddFiles(files).then(function (files) {
if (files && files.length > 0) thisMi.handleAddingFileByType(files);
});
});
};
MessageInput.prototype.handleAddingFileByType = function (files) {
if (files.length > 0) {
var imageFiles = [];
var otherFiles = [];
var file;
for (var i = 0; i < files.length; ++i) {
file = files[i];
if (!!file.type && file.type.match && file.type.match(/^image\//)) {
imageFiles.push(file);
} else {
otherFiles.push(file);
}
}
this.addImageFiles(imageFiles);
this.addFiles(otherFiles);
this.notifyChange();
}
};
MessageInput.prototype.notifySizeChange = function () {
var bound = this.getBoundingClientRect();
if (this._latBound.width != bound.width || this._latBound.height != bound.height) {
this._latBound.width = bound.width;
this._latBound.height = bound.height;
this.emit('sizechange', {
name: 'sizechange',
bound: bound,
target: this
}, this);
}
};
MessageInput.prototype.addPlugin = function (option) {
var plugin;
if (option.isMessagePlugin) {
plugin = option;
} else {
plugin = new this.PluginConstructor(this, option);
}
plugin.idx = this._plugins.length + 1;
this._plugins.push(plugin);
this._plugins.sort(function (a, b) {
var av = typeof a.opt.order === "number" ? a.opt.order : a.idx * 1000;
var bv = typeof b.opt.order === "number" ? b.opt.order : b.idx * 1000;
return av - bv;
});
var plugins = this._plugins.slice();
plugins.forEach(pl => pl.getTriggerButton().remove());
this.$left.addChild(plugins.shift().getTriggerButton());
while (plugins.length > 0) {
this.$right.addChildBefore(plugins.shift().getTriggerButton(), this.$right.firstChild);
}
return plugin;
};
/***
*
* @param {{name?:string, exec:function(_this:MessageInput):void, keyBiding?:string}} option
*/
MessageInput.prototype.addCommand = function (option) {
option.name = option.name || (0, _stringGenerate.randomIdent)(20);
this._cmdRunner.add(option.name, option.exec);
if (option.keyBiding && option.keyBiding.trim) {
var keyBindingIdent = (0, _keyboard.normalizeKeyBindingIdent)(option.keyBiding);
this._keyMaps[keyBindingIdent] = option.name;
}
};
MessageInput.prototype.exeCmd = function (name) {
var args = Array.prototype.slice.call(arguments);
args[0] = this;
args.unshift(name);
this._cmdRunner.invoke.apply(this._cmdRunner, args);
};
MessageInput.prototype._updateQuote = function () {
this.$quote.data = this._quote;
if (this._quote) this.addClass('as-has-quote');else this.removeClass('as-has-quote');
this._updateSize();
this.notifySizeChange();
};
/**
* @type {MessageInput}
*/
MessageInput.eventHandler = {};
MessageInput.eventHandler.preInputChange = function (event) {
var text = this.$preInput.value;
if (text.length > 0) {
this.addClass('as-has-text');
} else {
this.removeClass('as-has-text');
}
if (text === this._editingText) {
this.removeClass('as-text-changed');
} else {
this.addClass('as-text-changed');
}
this._updateSize();
this.notifySizeChange();
this.notifyChange();
};
MessageInput.eventHandler.preInputKeyDown = function (event) {
if (!(event.shiftKey || event.ctrlKey || event.altKey) && event.key === 'Enter') {
this.notifySend();
event.preventDefault();
} else if ((event.shiftKey || event.ctrlKey || event.altKey) && event.key === 'Enter') {
event.preventDefault();
var text = this.$preInput.value;
var selectedPos = this.$preInput.getSelectPosition();
var newText = text.substr(0, selectedPos.start) + '\n' + text.substr(selectedPos.end);
this.$preInput.applyData(newText, selectedPos.start + 1);
this.notifySizeChange();
this.$preInput.commitChange(newText, selectedPos.start + 1);
} else if (event.key === "Escape" && this._mode === MODE_EDIT) {
this.notifyCancel();
event.preventDefault();
}
var keyBindingIdent = (0, _keyboard.keyboardEventToKeyBindingIdent)(event);
if (this._keyMaps[keyBindingIdent]) {
event.preventDefault();
this.exeCmd(this._keyMaps[keyBindingIdent]);
}
setTimeout(this.notifySizeChange.bind(this), 1);
};
MessageInput.eventHandler.preInputKeyUp = function (event) {
var value = this.$preInput.value;
this._lastInputSelectPosion = this.$preInput.getSelectPosition() || {
start: value.length,
end: value.length
};
this.notifySizeChange();
};
MessageInput.eventHandler.preInputPasteImg = function (event) {
if (this._mode == 'edit') return;
var files = Array.prototype.slice.call(event.imageFiles);
var urls = event.urls && Array.prototype.slice.call(event.urls);
this.notifyAddFiles(files).then(function (newFiles) {
if (!newFiles || newFiles.length === 0) return;
var newUrls = urls && newFiles.map(function (file) {
return urls[files.indexOf(file)];
});
this.addImageFiles(newFiles, newUrls);
this.notifyChange();
}.bind(this));
};
MessageInput.eventHandler.preInputFocus = function () {
this.addClass('as-focus');
};
MessageInput.eventHandler.preInputBlur = function () {
this.removeClass('as-focus');
};
MessageInput.eventHandler.clickEmojiBtn = function () {
this.toggleEmoji();
};
MessageInput.eventHandler.mousedownOutEmoji = function (event) {
if (_EventEmitter.default.hitElement(this.$emojiPicker, event) || _EventEmitter.default.hitElement(this.$emojiBtn, event)) return;
this.closeEmoji();
};
MessageInput.eventHandler.pickEmoji = function (event) {
var text = this.$preInput.value;
var newText = text.substr(0, this._lastInputSelectPosion.start) + event.key + text.substr(this._lastInputSelectPosion.end);
var selected = this._lastInputSelectPosion;
var newOffset = selected.start + event.key.length;
this._lastInputSelectPosion = {
start: newOffset,
end: newOffset
};
this.$preInput.focus();
this.$preInput.applyData(newText, newOffset);
this.$preInput.commitChange(newText, newOffset);
this.notifySizeChange();
this.$preInput.focus(); //older firefox version will be lost focus
// this.notifyChange();//not need
};
MessageInput.eventHandler.dragover = function (event) {
event.preventDefault();
this.addClass('as-drag-hover');
this.notifySizeChange();
if (this._hoverTimeout > 0) clearTimeout(this._hoverTimeout);
var thisMi = this;
this._hoverTimeout = setTimeout(function () {
thisMi._hoverTimeout = -1;
thisMi.removeClass('as-drag-hover');
thisMi.notifySizeChange();
}, 200); //todo:
this._updateSize();
};
MessageInput.eventHandler.drop = function (event) {
event.preventDefault();
var files = [];
var file;
if (event.dataTransfer.items) {
for (var i = 0; i < event.dataTransfer.items.length; i++) {
if (event.dataTransfer.items[i].kind === 'file') {
file = event.dataTransfer.items[i].getAsFile();
if (!file.type && file.size % 4096 == 0) {//todo: folder
} else {
files.push(file);
}
}
}
} else {
for (var i = 0; i < event.dataTransfer.files.length; i++) {
file = event.dataTransfer.files[i];
if (!file.type && file.size % 4096 == 0) {} else {
files.push(file);
}
}
}
this.notifyAddFiles(files).then(function (files) {
this.handleAddingFileByType(files);
}.bind(this));
};
MessageInput.eventHandler.clickQuoteRemoveBtn = function () {
this.quote = null;
this.notifyChange();
};
MessageInput.property = {};
MessageInput.property.files = {
set: function (value) {
$$('.as-file', this.$attachmentCtn).forEach(function (elt) {
elt.remove();
});
value = value || [];
this._files = [];
this.addFiles(value);
},
get: function () {
return this._files;
}
};
MessageInput.property.images = {
set: function (value) {
$$('.as-image', this.$attachmentCtn).forEach(function (elt) {
elt.remove();
});
value = value || [];
this._imageFiles = [];
this.addImageFiles(value);
},
get: function () {
return this._imageFiles;
}
};
MessageInput.property.text = {
set: function (text) {
this.$preInput.value = '' + text;
if (text.length > 0) {
this.addClass('as-has-text');
} else {
this.removeClass('as-has-text');
}
if (this._mode === MODE_EDIT) {
this._editingText = text;
}
this.removeClass('as-text-changed');
this._updateSize();
},
get: function () {
return this.$preInput.value;
}
};
/**
* @type {MessageInput}
*/
MessageInput.property.mode = {
set: function (value) {
value = value || MODE_NEW;
if (value === MODE_EDIT || value.toLowerCase && value.toLowerCase() === 'edit') {
this.addClass('as-mode-edit');
value = MODE_EDIT;
this._editingText = this.$preInput.value;
} else {
value = MODE_NEW;
this._editingText = '';
this.removeClass('as-mode-edit');
}
this.removeClass('as-text-changed');
this._mode = value;
this._updateSize();
},
get: function () {
return this._mode === MODE_EDIT ? 'edit' : 'new';
}
};
MessageInput.property.autoSend = {
set: function (value) {
if (value) {
this.addClass('as-auto-send');
} else {
this.removeClass('as-auto-send');
}
},
get: function () {
return this.hasClass('as-auto-send');
}
};
MessageInput.property.quote = {
set: function (quote) {
this._quote = quote;
this._updateQuote();
},
get: function () {
return this._quote;
}
};
MessageInput.property.tagMap = {
set: function (value) {
this.$preInput.tagMap = value || {};
this.$quote.tagMap = value || {};
},
get: function () {
return this.$preInput.tagMap;
}
};
_ACore.default.install(MessageInput);
var _default = MessageInput;
exports.default = _default;
var urlRex = /^(firefox|opera|chrome|https|http|wss|ws):\/\/[^\s]+$/;
/***
*
* @param {string}text
* @param {{emojiAssetRoot?:string, staticSize?:number, animSize?:number, tagMap?:{}, lengthLimit?:number, inline?:boolean}=} data
* @returns {Array}
*/
function parseMessage(text, data) {
data = data || {};
data.emojiAssetRoot = data.emojiAssetRoot || _EmojiPicker.default.assetRoot;
data.staticSize = data.staticSize || 20;
data.animSize = data.animSize || 60;
var tagMap = data.tagMap || {};
var tokens = (0, _tiutils.tokenizeMessageText)(text).reduce((ac, token) => {
if (token.type !== 'TEXT') {
ac.push(token);
return ac;
}
var urls = token.value.match(/(firefox|opera|chrome|https|http|wss|ws):\/\/[^\s]+/g);
var splitter = Math.random() + '';
var normals = token.value.replace(/(firefox|opera|chrome|https|http|wss|ws):\/\/[^\s]+/, splitter).split(splitter);
for (var i = 0; i < normals.length; ++i) {
if (i > 0) {
ac.push({
type: 'URL',
value: urls[i - 1]
});
}
ac.push({
type: 'TEXT',
value: normals[i]
});
}
return ac;
}, []);
if (data.lengthLimit > 0) {
tokens = tokens.reduce((ac, token) => {
if (ac.l >= data.lengthLimit) {
return ac;
}
switch (token.type) {
case 'TAG':
ac.l += ('@' + (tagMap[token.value] ? tagMap[token.value] : '[id:' + token.value + ']')).length;
break;
case 'EMOJI':
ac.l += 1;
break;
case 'NEW_LINE':
ac.l += 1;
break;
default:
ac.l += token.value.length;
}
if (ac.l > data.lengthLimit) {
if (token.type === 'TEXT') {
token.value = token.value.substring(0, Math.max(0, token.value.length - (ac.l - data.lengthLimit) - 3)) + '...';
ac.tokens.push(token);
}
} else {
ac.tokens.push(token);
}
return ac;
}, {
l: 0,
tokens: []
}).tokens;
}
var res = tokens.reduce((ac, token) => {
switch (token.type) {
case 'TAG':
ac.push({
tag: 'span',
class: 'as-tag-token',
child: {
text: '@' + (tagMap[token.value] ? tagMap[token.value] : '[id:' + token.value + ']')
}
});
break;
case 'EMOJI':
ac.push({
tag: 'span',
class: 'as-emoji-text',
child: {
text: token.value
}
});
ac.push({
tag: 'img',
class: 'as-emoji',
props: {
src: data.emojiAssetRoot + '/static/x' + data.staticSize + '/' + _EmojiAnims.EmojiAnimByIdent[token.value][1]
}
});
break;
case 'NEW_LINE':
ac.push({
tag: 'br'
});
break;
case 'URL':
ac.push({
tag: 'a',
class: 'as-protocal-' + token.value.split(':').shift(),
child: {
text: token.value
},
props: {
href: token.value,
target: '_blank'
}
});
break;
case 'TEXT':
default:
ac.push({
tag: 'span',
child: {
text: token.value
}
});
break;
}
return ac;
}, []);
if (!data.inline && res.length === 2 && res[1].class === 'as-emoji') {
res[1].tag = 'iconsprite';
res[1].props.fps = 30;
res[1].props.src = res[1].props.src.replace('/static/x' + data.staticSize, '/anim/x' + data.animSize);
}
return res;
}
MessageInput.parseMessage = parseMessage;
function prepareIcon() {
if (!MessageInput.iconSupportAsync) {
MessageInput.iconSupportAsync = Promise.resolve(_catalog.default);
}
return MessageInput.iconSupportAsync;
}
function MessageQuote() {
prepareIcon();
this._tagMap = {};
/***
*
* @type {null|MessageInputQuote}
* @private
*/
this._data = null;
this.$img = $('.as-message-quote-img', this);
this.$text = $('.as-message-quote-text', this);
this.$desc = $('.as-message-quote-desc', this);
this.$removeBtn = $('.as-message-quote-remove-btn', this).on('click', this.eventHandler.clickRemoveBtn);
Object.defineProperty(this, '$text', {
set: function () {
console.trace();
},
get: function () {
return $('.as-message-quote-text', this);
}
});
}
MessageQuote.tag = 'MessageQuote'.toLowerCase();
MessageQuote.render = function () {
return _({
extendEvent: 'pressremove',
class: 'as-message-quote-box',
child: [{
class: 'as-message-quote-img'
}, {
class: 'as-message-quote-sym',
child: 'span.mdi.mdi-format-quote-open-outline'
}, {
class: 'as-message-quote-content',
child: [{
class: 'as-message-quote-text',
child: {
text: ''
}
}, {
class: 'as-message-quote-desc',
child: {
text: ''
}
}]
}, {
tag: 'button',
class: 'as-message-quote-remove-btn',
child: 'span.mdi.mdi-close'
}]
});
};
MessageQuote.property = {};
MessageQuote.eventHandler = {};
MessageQuote.property.removable = {
set: function (val) {
if (val) {
this.addClass('as-removable');
} else {
this.removeClass('as-removable');
}
},
get: function () {
return this.hasClass('as-removable');
}
};
MessageQuote.property.shortenText = {
set: function (val) {
if (val) {
this.addClass('as-shorten-text');
} else {
this.removeClass('as-shorten-text');
}
},
get: function () {
return this.hasClass('as-shorten-text');
}
};
MessageQuote.property.data = {
set: function (quote) {
this._data = quote;
var text, desc;
var file, img;
if (typeof quote === "string") {
text = quote;
desc = '';
} else if (quote && typeof quote === "object") {
text = quote.text;
desc = quote.desc;
file = quote.file;
img = quote.img;
}
if (text === undefined) {
this.$text.clearChild();
this.$desc.firstChild.data = '';
this.removeClass('as-has-file');
this.removeClass('as-has-img');
} else {
if (file) {
file = file.toLowerCase().split('.').pop();
MessageInput.iconSupportAsync.then(function (iconSupport) {
if (iconSupport.indexOf(file) < 0) file = 'default';
this.$img.addStyle('background-image', 'url(' + MessageInput.iconAssetRoot + '/' + file + '.svg)');
}.bind(this));
this.addClass('as-has-file');
} else this.removeClass('as-has-file');
if (img) {
this.$img.addStyle('background-image', 'url(' + img + ')');
this.addClass('as-has-img');
} else this.removeClass('as-has-img');
if (this.shortenText) text = text.split(/\r?\n/).shift();
var parsedText = parseMessage(text, {
tagMap: this.tagMap
});
var textEltChain = parsedText.map(function (c) {
return _(c);
});
this.$text.clearChild().addChild(textEltChain);
this.$desc.firstChild.data = desc;
}
},
get: function () {
return this._data;
}
};
MessageQuote.property.tagMap = {
set: function (value) {
this._tagMap = value || {};
this.data = this['data'];
},
get: function () {
return this._tagMap;
}
};
MessageQuote.eventHandler.clickRemoveBtn = function () {
this.emit('pressremove', {
target: this,
type: 'pressclose'
}, this);
};
_ACore.default.install(MessageQuote);
MessageInput.prototype.PluginConstructor = _MessageInputPlugin.default;
Server : Apache/2.4.41 (Ubuntu)