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-form/js/core/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

import EventEmitter from "absol/src/HTML5/EventEmitter";
import Fragment from "absol/src/AppPattern/Fragment";
import CMDRunner from "absol/src/AppPattern/CMDRunner";
import safeThrow from "absol/src/Code/safeThrow";

/***
 *
 * @constructor
 * @augments Fragment
 * @augments EventEmitter
 */
function BaseEditor() {
    EventEmitter.call(this);
    Fragment.call(this);
    this.cmdRunner = new CMDRunner(this);
    this.cmdBindKeys = {};
    this.loadConfig();
}


Object.defineProperties(BaseEditor.prototype, Object.getOwnPropertyDescriptors(EventEmitter.prototype));
Object.defineProperties(BaseEditor.prototype, Object.getOwnPropertyDescriptors(Fragment.prototype));
BaseEditor.prototype.constructor = BaseEditor;

BaseEditor.prototype.CONFIG_STORE_KEY = "AS_BaseEditor_config";
BaseEditor.prototype.config = {};//share width differentInstance

BaseEditor.prototype.loadConfig = function () {
    var raw = localStorage.getItem(this.CONFIG_STORE_KEY);
    if (raw) {
        try {
            Object.assign(this.config, JSON.parse(raw));
        }
        catch (error) {
            safeThrow(error);
            console.error("Config fail:", error);
        }
    }
};


BaseEditor.prototype.saveConfig = function () {
    if (this._saveConfigTimeOut > 0) {
        clearTimeout(this._saveConfigTimeOut);
        this._saveConfigTimeOut = -1;
    }
    var self = this;
    setTimeout(function () {
        var raw = JSON.stringify(self.config);
        localStorage.setItem(self.CONFIG_STORE_KEY, raw);
    }, 2000);
};


BaseEditor.prototype.setData = function (data) {
    throw new Error('Not implement!');
};

BaseEditor.prototype.getData = function () {
    throw new Error('Not implement!');
};

BaseEditor.prototype.getComponentTool = function () {
    return undefined;
};

BaseEditor.prototype.getOutlineTool = function () {
    return undefined;
};

BaseEditor.prototype.notifyDataChange = function () {
    this.emit('datachange', { type: 'datachange', target: this }, this);
};



BaseEditor.prototype.execCmd = function () {
    return this.cmdRunner.invoke.apply(this.cmdRunner, arguments);
};


BaseEditor.prototype.getCmdNames = function () {
    return [];
};


BaseEditor.prototype.getCmdDescriptors = function () {
    var self = this;
    return this.getCmdNames().reduce(function (ac, name) {
        ac[name] = self.getCmdDescriptor(name);
        return ac;
    }, {});
};


BaseEditor.prototype.getCmdDescriptor = function (name) {
    return {
        type: 'trigger',
        args: [],
        desc: '',
        bindKey: undefined
    };
};

BaseEditor.prototype.notifyCmdDescriptorsChange = function () {
    this.emit('cmddescriptorschange', { type: 'cmddescriptorschange' }, this);
};

BaseEditor.prototype.notifyCmdChange = function(){
    this.emit('cmdchange', { type: 'cmdchange' }, this);
};


BaseEditor.prototype.getCmdGroupTree = function () {
    return [];
};

BaseEditor.prototype.bindKeyToCmd = function (key, cmd) {
    this.cmdBindKeys[key] = cmd;
};


BaseEditor.prototype._isInputSupportedKey = function (target, key){
    var isTextInput = !!(target.tagName && target.tagName.toLowerCase().match(/input|textarea/));
    isTextInput = isTextInput ||(target.contentEditable === 'true' ||target.contentEditable === true || target.getAttribute('contenteditable')!== null);
    var cur = target.parentElement;
    while (cur &&!! isTextInput){
        isTextInput = isTextInput ||(cur.contentEditable === 'true' ||cur.contentEditable === true || cur.getAttribute('contenteditable')!== null);
        cur = cur.parentElement;
    }
    return (isTextInput && ['Ctrl-A','Ctrl-C', 'Ctrl-X','Ctrl-V', 'Ctrl-Z', 'Ctrl-Y', 'Delete', 'Backspace',
        'Esc', 'Enter', 'Alt-Enter', 'Ctrl-Enter'].indexOf(key)>=0);
};

/**
 * @param {KeyboardEvent}event
 */
BaseEditor.prototype.ev_cmdKeyDown = function (event) {
    var specKeys = [];
    if (event.ctrlKey)
        specKeys.push('Ctrl');
    if (event.shiftKey)
        specKeys.push('Shift');
    if (event.altKey)
        specKeys.push('Alt');
    var key = event.key;
    if (key.length == 1) key = key.toUpperCase();
    var key1 = specKeys.concat([key]).join('-');
    var key2 = specKeys.concat([event.keyCode]).join('-');
    var cmd = this.cmdBindKeys[key1] || this.cmdBindKeys[key2];
    if (cmd && !this._isInputSupportedKey(event.target, key1)) {
        this.execCmd(cmd, event);
        event.preventDefault();
    }
};


export default BaseEditor;