suneditor 2.44.12 → 2.45.0

package/src/plugins/modules/_colorPicker.d.ts

@@ -1,60 +1,60 @@
-import SunEditor from '../../lib/core';
-import { Module } from '../Module';
-
-declare interface _colorPicker extends Module {
-    /**
-     * @description Create color list
-     * @param core Core object 
-     * @param makeColor this._makeColorList
-     * @returns HTML string
-     */
-    createColorList(core: SunEditor, makeColor: Function): string;
-    
-    /**
-     * @description Displays or resets the currently selected color at color list.
-     * @param node Current Selected node
-     * @param color Color value
-     */
-    init(node: Node, color: string): void;
-
-    /**
-     * @description Store color values
-     * @param hexColorStr Hax color value
-     */
-    setCurrentColor(hexColorStr: string): void;
-
-    /**
-     * @description Set color at input element
-     * @param hexColorStr Hax color value
-     */
-    setInputText(hexColorStr: string): void;
-
-    /**
-     * @description Gets color value at color property of node
-     * @param node Selected node 
-     * @returns
-     */
-    getColorInNode(node: Node): string;
-
-    /**
-     * @description Function to check hex format color
-     * @param str Color value
-     */
-    isHexColor(str: string): boolean;
-
-    /**
-     * @description Function to convert hex format to a rgb color
-     * @param rgb RGB color format
-     * @returns
-     */
-    rgb2hex(rgb: string): string;
-
-    /**
-     * @description Converts color values of other formats to hex color values and returns.
-     * @param colorName Color value
-     * @returns
-     */
-    colorName2hex(colorName: string): string;
-}
-
+import SunEditor from '../../lib/core';
+import { Module } from '../Module';
+
+declare interface _colorPicker extends Module {
+    /**
+     * @description Create color list
+     * @param core Core object 
+     * @param makeColor this._makeColorList
+     * @returns HTML string
+     */
+    createColorList(core: SunEditor, makeColor: Function): string;
+    
+    /**
+     * @description Displays or resets the currently selected color at color list.
+     * @param node Current Selected node
+     * @param color Color value
+     */
+    init(node: Node, color: string): void;
+
+    /**
+     * @description Store color values
+     * @param hexColorStr Hax color value
+     */
+    setCurrentColor(hexColorStr: string): void;
+
+    /**
+     * @description Set color at input element
+     * @param hexColorStr Hax color value
+     */
+    setInputText(hexColorStr: string): void;
+
+    /**
+     * @description Gets color value at color property of node
+     * @param node Selected node 
+     * @returns
+     */
+    getColorInNode(node: Node): string;
+
+    /**
+     * @description Function to check hex format color
+     * @param str Color value
+     */
+    isHexColor(str: string): boolean;
+
+    /**
+     * @description Function to convert hex format to a rgb color
+     * @param rgb RGB color format
+     * @returns
+     */
+    rgb2hex(rgb: string): string;
+
+    /**
+     * @description Converts color values of other formats to hex color values and returns.
+     * @param colorName Color value
+     * @returns
+     */
+    colorName2hex(colorName: string): string;
+}
+
 export default _colorPicker;

package/src/plugins/modules/_notice.d.ts

@@ -1,21 +1,21 @@
-import { Module } from '../Module';
-
-declare interface _notice extends Module {
-    /**
-     * @description Event when clicking the cancel button
-     * @param e Event object
-     */
-    onClick_cancel(e: MouseEvent): void;
-    /**
-     * @description  Open the notice panel
-     * @param text Notice message
-     */
-    open(text: string): void;
-
-    /**
-     * @description  Open the notice panel
-     */
-    close(): void;
-}
-
+import { Module } from '../Module';
+
+declare interface _notice extends Module {
+    /**
+     * @description Event when clicking the cancel button
+     * @param e Event object
+     */
+    onClick_cancel(e: MouseEvent): void;
+    /**
+     * @description  Open the notice panel
+     * @param text Notice message
+     */
+    open(text: string): void;
+
+    /**
+     * @description  Open the notice panel
+     */
+    close(): void;
+}
+
 export default _notice;

package/src/plugins/modules/_notice.js

@@ -1,72 +1,72 @@
-/*
- * wysiwyg web editor
- *
- * suneditor.js
- * Copyright 2017 JiHong Lee.
- * MIT license.
- */
-'use strict';
-
-export default {
-    name: 'notice',
-    /**
-     * @description Constructor
-     * @param {Object} core Core object 
-     */
-    add: function (core) {
-        const context = core.context;
-        context.notice = {};
-
-        /** dialog */
-        let notice_div = core.util.createElement('DIV');
-        let notice_span = core.util.createElement('SPAN');
-        let notice_button = core.util.createElement('BUTTON');
-
-        notice_div.className = 'se-notice';
-        notice_button.className = 'close';
-        notice_button.setAttribute('aria-label', 'Close');
-        notice_button.setAttribute('title', core.lang.dialogBox.close);
-        notice_button.innerHTML = core.icons.cancel;
-        
-        notice_div.appendChild(notice_span);
-        notice_div.appendChild(notice_button);
-
-        context.notice.modal = notice_div;
-        context.notice.message = notice_span;
-
-        /** add event listeners */
-        notice_button.addEventListener('click', this.onClick_cancel.bind(core));
-        
-        /** append html */
-        context.element.editorArea.appendChild(notice_div);
-        
-        /** empty memory */
-        notice_div = null;
-    },
-
-    /**
-     * @description Event when clicking the cancel button
-     * @param {MouseEvent} e Event object
-     */
-    onClick_cancel: function (e) {
-        e.preventDefault();
-        e.stopPropagation();
-        this.plugins.notice.close.call(this);
-    },
-
-    /**
-     * @description  Open the notice panel
-     * @param {String} text Notice message
-     */
-    open: function (text)  {
-        this.context.notice.message.textContent = text;
-        this.context.notice.modal.style.display = 'block';
-    },
-
-    /**
-     * @description  Open the notice panel
-     */
-    close: function () {
-        this.context.notice.modal.style.display = 'none';
-    }
-};
+/*
+ * wysiwyg web editor
+ *
+ * suneditor.js
+ * Copyright 2017 JiHong Lee.
+ * MIT license.
+ */
+'use strict';
+
+export default {
+    name: 'notice',
+    /**
+     * @description Constructor
+     * @param {Object} core Core object 
+     */
+    add: function (core) {
+        const context = core.context;
+        context.notice = {};
+
+        /** dialog */
+        let notice_div = core.util.createElement('DIV');
+        let notice_span = core.util.createElement('SPAN');
+        let notice_button = core.util.createElement('BUTTON');
+
+        notice_div.className = 'se-notice';
+        notice_button.className = 'close';
+        notice_button.setAttribute('aria-label', 'Close');
+        notice_button.setAttribute('title', core.lang.dialogBox.close);
+        notice_button.innerHTML = core.icons.cancel;
+        
+        notice_div.appendChild(notice_span);
+        notice_div.appendChild(notice_button);
+
+        context.notice.modal = notice_div;
+        context.notice.message = notice_span;
+
+        /** add event listeners */
+        notice_button.addEventListener('click', this.onClick_cancel.bind(core));
+        
+        /** append html */
+        context.element.editorArea.appendChild(notice_div);
+        
+        /** empty memory */
+        notice_div = null;
+    },
+
+    /**
+     * @description Event when clicking the cancel button
+     * @param {MouseEvent} e Event object
+     */
+    onClick_cancel: function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+        this.plugins.notice.close.call(this);
+    },
+
+    /**
+     * @description  Open the notice panel
+     * @param {String} text Notice message
+     */
+    open: function (text)  {
+        this.context.notice.message.textContent = text;
+        this.context.notice.modal.style.display = 'block';
+    },
+
+    /**
+     * @description  Open the notice panel
+     */
+    close: function () {
+        this.context.notice.modal.style.display = 'none';
+    }
+};

package/src/plugins/modules/_selectMenu.js

@@ -1,119 +1,119 @@
-/*
- * wysiwyg web editor
- *
- * suneditor.js
- * Copyright 2018 JiHong Lee.
- * MIT license.
- */
-'use strict';
-
-export default {
-    name: 'selectMenu',
-    add: function (core) {
-        core.context.selectMenu = {
-            caller: {},
-            callerContext: null
-        };
-    },
-
-    setForm: function () {
-        return '<div class="se-select-list"></div>';
-    },
-
-    createList: function (listContext, items, html) {
-        listContext.form.innerHTML = '<ul>' + html + '</ul>';
-        listContext.items = items;
-        listContext.menus = listContext.form.querySelectorAll('li');
-    },
-
-    initEvent: function (pluginName, forms) {
-        const form = forms.querySelector('.se-select-list');
-        const context = this.context.selectMenu.caller[pluginName] = {
-            form: form,
-            items: [],
-            menus: [],
-            index: -1,
-            item: null,
-            clickMethod: null,
-            callerName: pluginName
-        };
-
-        form.addEventListener('mousedown', this.plugins.selectMenu.onMousedown_list);
-        form.addEventListener('mousemove', this.plugins.selectMenu.onMouseMove_list.bind(this, context));
-        form.addEventListener('click', this.plugins.selectMenu.onClick_list.bind(this, context));
-    },
-
-    onMousedown_list: function (e) {
-        e.preventDefault();
-        e.stopPropagation();
-    },
-
-    onMouseMove_list: function (context, e) {
-        this.util.addClass(context.form, '__se_select-menu-mouse-move');
-        const index = e.target.getAttribute('data-index');
-        if (!index) return;
-        context.index = index * 1;
-    },
-
-    onClick_list: function (context, e) {
-        const index = e.target.getAttribute('data-index');
-        if (!index) return;
-        context.clickMethod.call(this, context.items[index]);
-    },
-
-    moveItem: function (listContext, num) {
-        this.util.removeClass(listContext.form, '__se_select-menu-mouse-move');
-        num = listContext.index + num;
-        const menus = listContext.menus;
-        const len = menus.length;
-        const selectIndex = listContext.index = num >= len ? 0 : num < 0 ? len - 1 : num;
-        
-        for (let i = 0; i < len; i++) {
-            if (i === selectIndex) {
-                this.util.addClass(menus[i], 'active');
-            } else {
-                this.util.removeClass(menus[i], 'active');
-            }
-        }
-
-        listContext.item = listContext.items[selectIndex];
-    },
-
-    getItem: function (listContext, index) {
-        index = (!index || index < 0) ? listContext.index : index;
-        return listContext.items[index];
-    },
-
-    on: function (callerName, clickMethod) {
-        const listContext = this.context.selectMenu.caller[callerName];
-        this.context.selectMenu.callerContext = listContext;
-        listContext.clickMethod = clickMethod;
-        listContext.callerName = callerName;
-    },
-
-    open: function (listContext, positionHandler) {
-        const form = listContext.form;
-        form.style.visibility = 'hidden';
-        form.style.display = 'block';
-        positionHandler(form);
-        form.style.visibility = '';
-    },
-
-    close: function (listContext) {
-        listContext.form.style.display = 'none';
-        listContext.items = [];
-        listContext.menus = [];
-        listContext.index = -1;
-        listContext.item = null;
-    },
-
-    init: function (listContext) {
-        if (!listContext) return;
-        listContext.items = [];
-        listContext.menus = [];
-        listContext.index = -1;
-        listContext.item = null;
-        listContext.callerName = '';
-        this.context.selectMenu.callerContext = null;
-    }
+/*
+ * wysiwyg web editor
+ *
+ * suneditor.js
+ * Copyright 2018 JiHong Lee.
+ * MIT license.
+ */
+'use strict';
+
+export default {
+    name: 'selectMenu',
+    add: function (core) {
+        core.context.selectMenu = {
+            caller: {},
+            callerContext: null
+        };
+    },
+
+    setForm: function () {
+        return '<div class="se-select-list"></div>';
+    },
+
+    createList: function (listContext, items, html) {
+        listContext.form.innerHTML = '<ul>' + html + '</ul>';
+        listContext.items = items;
+        listContext.menus = listContext.form.querySelectorAll('li');
+    },
+
+    initEvent: function (pluginName, forms) {
+        const form = forms.querySelector('.se-select-list');
+        const context = this.context.selectMenu.caller[pluginName] = {
+            form: form,
+            items: [],
+            menus: [],
+            index: -1,
+            item: null,
+            clickMethod: null,
+            callerName: pluginName
+        };
+
+        form.addEventListener('mousedown', this.plugins.selectMenu.onMousedown_list);
+        form.addEventListener('mousemove', this.plugins.selectMenu.onMouseMove_list.bind(this, context));
+        form.addEventListener('click', this.plugins.selectMenu.onClick_list.bind(this, context));
+    },
+
+    onMousedown_list: function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+    },
+
+    onMouseMove_list: function (context, e) {
+        this.util.addClass(context.form, '__se_select-menu-mouse-move');
+        const index = e.target.getAttribute('data-index');
+        if (!index) return;
+        context.index = index * 1;
+    },
+
+    onClick_list: function (context, e) {
+        const index = e.target.getAttribute('data-index');
+        if (!index) return;
+        context.clickMethod.call(this, context.items[index]);
+    },
+
+    moveItem: function (listContext, num) {
+        this.util.removeClass(listContext.form, '__se_select-menu-mouse-move');
+        num = listContext.index + num;
+        const menus = listContext.menus;
+        const len = menus.length;
+        const selectIndex = listContext.index = num >= len ? 0 : num < 0 ? len - 1 : num;
+        
+        for (let i = 0; i < len; i++) {
+            if (i === selectIndex) {
+                this.util.addClass(menus[i], 'active');
+            } else {
+                this.util.removeClass(menus[i], 'active');
+            }
+        }
+
+        listContext.item = listContext.items[selectIndex];
+    },
+
+    getItem: function (listContext, index) {
+        index = (!index || index < 0) ? listContext.index : index;
+        return listContext.items[index];
+    },
+
+    on: function (callerName, clickMethod) {
+        const listContext = this.context.selectMenu.caller[callerName];
+        this.context.selectMenu.callerContext = listContext;
+        listContext.clickMethod = clickMethod;
+        listContext.callerName = callerName;
+    },
+
+    open: function (listContext, positionHandler) {
+        const form = listContext.form;
+        form.style.visibility = 'hidden';
+        form.style.display = 'block';
+        positionHandler(form);
+        form.style.visibility = '';
+    },
+
+    close: function (listContext) {
+        listContext.form.style.display = 'none';
+        listContext.items = [];
+        listContext.menus = [];
+        listContext.index = -1;
+        listContext.item = null;
+    },
+
+    init: function (listContext) {
+        if (!listContext) return;
+        listContext.items = [];
+        listContext.menus = [];
+        listContext.index = -1;
+        listContext.item = null;
+        listContext.callerName = '';
+        this.context.selectMenu.callerContext = null;
+    }
 };

package/src/plugins/modules/component.d.ts

@@ -1,25 +1,25 @@
-import { Module } from '../Module';
-
-declare interface component extends Module {
-    /**
-     * @description Create a container for the resizing component and insert the element.
-     * @param cover Cover element (FIGURE)
-     * @param className Class name of container (fixed: se-component)
-     * @returns Created container element
-     */
-    set_container(cover: Element, className: string): Element;
-
-    /**
-     * @description Cover the target element with a FIGURE element.
-     * @param element Target element
-     */
-    set_cover(element: Element): void;
-
-    /**
-     * @description Return HTML string of caption(FIGCAPTION) element
-     * @returns
-     */
-    create_caption(): string;
-}
-
+import { Module } from '../Module';
+
+declare interface component extends Module {
+    /**
+     * @description Create a container for the resizing component and insert the element.
+     * @param cover Cover element (FIGURE)
+     * @param className Class name of container (fixed: se-component)
+     * @returns Created container element
+     */
+    set_container(cover: Element, className: string): Element;
+
+    /**
+     * @description Cover the target element with a FIGURE element.
+     * @param element Target element
+     */
+    set_cover(element: Element): void;
+
+    /**
+     * @description Return HTML string of caption(FIGCAPTION) element
+     * @returns
+     */
+    create_caption(): string;
+}
+
 export default component;