suneditor 3.0.0-beta.2 → 3.0.0-beta.20

package/src/modules/_DragHandle.js

@@ -1,17 +1,17 @@
-/**
- * @module _DragHandle
- * @description A module that handles drag and drop events.
- * - this module is initialize in the `classes/component.js`.
- */
-
-export const _DragHandle = new Map([
-	['__figureInst', null],
-	['__dragInst', null],
-	['__dragHandler', null],
-	['__dragContainer', null],
-	['__dragCover', null],
-	['__dragMove', null],
-	['__overInfo', null]
-]);
-
-export default _DragHandle;
+/**
+ * @module _DragHandle
+ * @description A module that handles drag and drop events.
+ * - this module is initialize in the `classes/component.js`.
+ */
+
+export const _DragHandle = new Map([
+	['__figureInst', null],
+	['__dragInst', null],
+	['__dragHandler', null],
+	['__dragContainer', null],
+	['__dragCover', null],
+	['__dragMove', null],
+	['__overInfo', null]
+]);
+
+export default _DragHandle;

package/src/modules/index.js

@@ -1,14 +1,14 @@
-import _DragHandle from './_DragHandle';
-import ApiManager from './ApiManager';
-import ColorPicker from './ColorPicker';
-import Controller from './Controller';
-import Figure from './Figure';
-import Browser from './Browser';
-import FileManager from './FileManager';
-import HueSlider from './HueSlider';
-import Modal from './Modal';
-import ModalAnchorEditor from './ModalAnchorEditor';
-import SelectMenu from './SelectMenu';
-
-export { _DragHandle, ApiManager, ColorPicker, Controller, Browser, FileManager, HueSlider, Figure, Modal, ModalAnchorEditor, SelectMenu };
-export default { _DragHandle, ApiManager, ColorPicker, Controller, Browser, FileManager, HueSlider, Figure, Modal, ModalAnchorEditor, SelectMenu };
+import _DragHandle from './_DragHandle';
+import ApiManager from './ApiManager';
+import ColorPicker from './ColorPicker';
+import Controller from './Controller';
+import Figure from './Figure';
+import Browser from './Browser';
+import FileManager from './FileManager';
+import HueSlider from './HueSlider';
+import Modal from './Modal';
+import ModalAnchorEditor from './ModalAnchorEditor';
+import SelectMenu from './SelectMenu';
+
+export { _DragHandle, ApiManager, ColorPicker, Controller, Browser, FileManager, HueSlider, Figure, Modal, ModalAnchorEditor, SelectMenu };
+export default { _DragHandle, ApiManager, ColorPicker, Controller, Browser, FileManager, HueSlider, Figure, Modal, ModalAnchorEditor, SelectMenu };

package/src/plugins/browser/audioGallery.js

@@ -1,83 +1,83 @@
-import EditorInjector from '../../editorInjector';
-import { Browser } from '../../modules';
-
-/**
- * @typedef {import('../../modules/Browser').BrowserFile} BrowserFile_audioGallery
- */
-
-/**
- * @class
- * @extends EditorInjector
- * @description Audio gallery plugin
- */
-class AudioGallery extends EditorInjector {
-	static key = 'audioGallery';
-	static type = 'browser';
-	static className = '';
-
-	/**
-	 * @constructor
-	 * @param {__se__EditorCore} editor - The root editor instance
-	 * @param {Object} pluginOptions
-	 * @param {Array<*>=} pluginOptions.data - direct data without server calls
-	 * @param {string} pluginOptions.url - server request url
-	 * @param {Object<string, string>=} pluginOptions.headers - server request headers
-	 * @param {string|((item: BrowserFile_audioGallery) => string)} pluginOptions.thumbnail - default thumbnail
-	 */
-	constructor(editor, pluginOptions) {
-		// plugin bisic properties
-		super(editor);
-		this.title = this.lang.audioGallery;
-		this.icon = 'audio_gallery';
-
-		// members
-		this.onSelectfunction = null;
-
-		// modules
-		const thumbnail = typeof pluginOptions.thumbnail === 'string' ? pluginOptions.thumbnail : this.icons.audio_thumbnail;
-		this.browser = new Browser(this, {
-			title: this.lang.audioGallery,
-			data: pluginOptions.data,
-			url: pluginOptions.url,
-			headers: pluginOptions.headers,
-			selectorHandler: this.#SetItem.bind(this),
-			columnSize: 4,
-			className: 'se-audio-gallery',
-			thumbnail: typeof pluginOptions.thumbnail === 'function' ? pluginOptions.thumbnail : () => thumbnail
-		});
-	}
-
-	/**
-	 * @editorMethod Modules.Browser
-	 * @description Executes the method that is called when a "Browser" module's is opened.
-	 * @param {?(targe: Node) => *=} onSelectfunction method to be executed after selecting an item in the gallery
-	 */
-	open(onSelectfunction) {
-		this.onSelectfunction = onSelectfunction;
-		this.browser.open();
-	}
-
-	/**
-	 * @editorMethod Modules.Browser
-	 * @description Executes the method that is called when a "Browser" module's is closed.
-	 */
-	close() {
-		this.onSelectfunction = null;
-		this.browser.close();
-	}
-
-	/**
-	 * @description Set browser item
-	 * @param {HTMLElement} target - Target element
-	 */
-	#SetItem(target) {
-		if (this.onSelectfunction) {
-			this.onSelectfunction(target);
-		} else {
-			this.plugins.audio.init();
-			this.plugins.audio.submitURL(target.getAttribute('data-command'));
-		}
-	}
-}
-
-export default AudioGallery;
+import EditorInjector from '../../editorInjector';
+import { Browser } from '../../modules';
+
+/**
+ * @typedef {import('../../modules/Browser').BrowserFile} BrowserFile_audioGallery
+ */
+
+/**
+ * @class
+ * @extends EditorInjector
+ * @description Audio gallery plugin
+ */
+class AudioGallery extends EditorInjector {
+	static key = 'audioGallery';
+	static type = 'browser';
+	static className = '';
+
+	/**
+	 * @constructor
+	 * @param {__se__EditorCore} editor - The root editor instance
+	 * @param {Object} pluginOptions
+	 * @param {Array<*>=} pluginOptions.data - direct data without server calls
+	 * @param {string} pluginOptions.url - server request url
+	 * @param {Object<string, string>=} pluginOptions.headers - server request headers
+	 * @param {string|((item: BrowserFile_audioGallery) => string)} pluginOptions.thumbnail - default thumbnail
+	 */
+	constructor(editor, pluginOptions) {
+		// plugin bisic properties
+		super(editor);
+		this.title = this.lang.audioGallery;
+		this.icon = 'audio_gallery';
+
+		// members
+		this.onSelectfunction = null;
+
+		// modules
+		const thumbnail = typeof pluginOptions.thumbnail === 'string' ? pluginOptions.thumbnail : this.icons.audio_thumbnail;
+		this.browser = new Browser(this, {
+			title: this.lang.audioGallery,
+			data: pluginOptions.data,
+			url: pluginOptions.url,
+			headers: pluginOptions.headers,
+			selectorHandler: this.#SetItem.bind(this),
+			columnSize: 4,
+			className: 'se-audio-gallery',
+			thumbnail: typeof pluginOptions.thumbnail === 'function' ? pluginOptions.thumbnail : () => thumbnail
+		});
+	}
+
+	/**
+	 * @editorMethod Modules.Browser
+	 * @description Executes the method that is called when a "Browser" module's is opened.
+	 * @param {?(targe: Node) => *=} onSelectfunction method to be executed after selecting an item in the gallery
+	 */
+	open(onSelectfunction) {
+		this.onSelectfunction = onSelectfunction;
+		this.browser.open();
+	}
+
+	/**
+	 * @editorMethod Modules.Browser
+	 * @description Executes the method that is called when a "Browser" module's is closed.
+	 */
+	close() {
+		this.onSelectfunction = null;
+		this.browser.close();
+	}
+
+	/**
+	 * @description Set browser item
+	 * @param {HTMLElement} target - Target element
+	 */
+	#SetItem(target) {
+		if (this.onSelectfunction) {
+			this.onSelectfunction(target);
+		} else {
+			this.plugins.audio.init();
+			this.plugins.audio.submitURL(target.getAttribute('data-command'));
+		}
+	}
+}
+
+export default AudioGallery;

package/src/plugins/browser/fileBrowser.js

@@ -1,103 +1,103 @@
-import EditorInjector from '../../editorInjector';
-import { Browser } from '../../modules';
-
-/**
- * @typedef {import('../../modules/Browser').BrowserFile} BrowserFile_fileBrowser
- */
-
-/**
- * @class
- * @extends EditorInjector
- * @description File browser plugin. Can contain any media type.
- */
-class FileBrowser extends EditorInjector {
-	static key = 'fileBrowser';
-	static type = 'browser';
-	static className = '';
-
-	/**
-	 * @constructor
-	 * @param {__se__EditorCore} editor - The root editor instance
-	 * @param {Object} pluginOptions
-	 * @param {Object<string, *>|Array<*>=} pluginOptions.data - direct data without server calls
-	 * @param {string} pluginOptions.url - server request url
-	 * @param {Object<string, string>=} pluginOptions.headers - server request headers
-	 * @param {string|((item: BrowserFile_fileBrowser) => string)} pluginOptions.thumbnail - default thumbnail
-	 * @param {Array<string>} pluginOptions.props - additional tag names
-	 */
-	constructor(editor, pluginOptions) {
-		// plugin bisic properties
-		super(editor);
-		this.title = this.lang.fileBrowser;
-		this.icon = 'file_browser';
-
-		// members
-		this.onSelectfunction = null;
-
-		// modules
-		const thumbnail = { video: this.icons.video_thumbnail, audio: this.icons.audio_thumbnail, file: this.icons.file_thumbnail };
-		const defaultThumbnail = this.icons.file_thumbnail;
-		this.browser = new Browser(this, {
-			title: this.lang.fileBrowser,
-			data: pluginOptions.data,
-			url: pluginOptions.url,
-			headers: pluginOptions.headers,
-			selectorHandler: this.#SetItem.bind(this),
-			columnSize: 4,
-			className: 'se-file-browser',
-			thumbnail: typeof pluginOptions.thumbnail === 'function' ? pluginOptions.thumbnail : (item) => thumbnail[item.type] || defaultThumbnail,
-			props: [...new Set((pluginOptions.props ?? []).concat(['frame']))]
-		});
-	}
-
-	/**
-	 * @editorMethod Modules.Browser
-	 * @description Executes the method that is called when a "Browser" module's is opened.
-	 * @param {?(targe: Node) => *=} onSelectfunction method to be executed after selecting an item in the gallery
-	 */
-	open(onSelectfunction) {
-		this.onSelectfunction = onSelectfunction;
-		this.browser.open();
-	}
-
-	/**
-	 * @editorMethod Modules.Browser
-	 * @description Executes the method that is called when a "Browser" module's is closed.
-	 */
-	close() {
-		this.onSelectfunction = null;
-		this.browser.close();
-	}
-
-	/**
-	 * @description Set browser item
-	 * @param {HTMLElement} target - Target element
-	 */
-	#SetItem(target) {
-		if (this.onSelectfunction) {
-			this.onSelectfunction(target);
-		} else {
-			const type = target.getAttribute('data-type');
-			switch (type) {
-				case 'image': {
-					this.plugins.imageGallery.browser.selectorHandler(target);
-					break;
-				}
-				case 'video': {
-					this.plugins.videoGallery.browser.selectorHandler(target);
-					break;
-				}
-				case 'audio': {
-					this.plugins.audioGallery.browser.selectorHandler(target);
-					break;
-				}
-				case 'file': {
-					this.plugins.fileGallery.browser.selectorHandler(target);
-					break;
-				}
-			}
-		}
-	}
-}
-
-export default FileBrowser;
+import EditorInjector from '../../editorInjector';
+import { Browser } from '../../modules';
+
+/**
+ * @typedef {import('../../modules/Browser').BrowserFile} BrowserFile_fileBrowser
+ */
+
+/**
+ * @class
+ * @extends EditorInjector
+ * @description File browser plugin. Can contain any media type.
+ */
+class FileBrowser extends EditorInjector {
+	static key = 'fileBrowser';
+	static type = 'browser';
+	static className = '';
+
+	/**
+	 * @constructor
+	 * @param {__se__EditorCore} editor - The root editor instance
+	 * @param {Object} pluginOptions
+	 * @param {Object<string, *>|Array<*>=} pluginOptions.data - direct data without server calls
+	 * @param {string} pluginOptions.url - server request url
+	 * @param {Object<string, string>=} pluginOptions.headers - server request headers
+	 * @param {string|((item: BrowserFile_fileBrowser) => string)} pluginOptions.thumbnail - default thumbnail
+	 * @param {Array<string>} pluginOptions.props - additional tag names
+	 */
+	constructor(editor, pluginOptions) {
+		// plugin bisic properties
+		super(editor);
+		this.title = this.lang.fileBrowser;
+		this.icon = 'file_browser';
+
+		// members
+		this.onSelectfunction = null;
+
+		// modules
+		const thumbnail = { video: this.icons.video_thumbnail, audio: this.icons.audio_thumbnail, file: this.icons.file_thumbnail };
+		const defaultThumbnail = this.icons.file_thumbnail;
+		this.browser = new Browser(this, {
+			title: this.lang.fileBrowser,
+			data: pluginOptions.data,
+			url: pluginOptions.url,
+			headers: pluginOptions.headers,
+			selectorHandler: this.#SetItem.bind(this),
+			columnSize: 4,
+			className: 'se-file-browser',
+			thumbnail: typeof pluginOptions.thumbnail === 'function' ? pluginOptions.thumbnail : (item) => thumbnail[item.type] || defaultThumbnail,
+			props: [...new Set((pluginOptions.props ?? []).concat(['frame']))]
+		});
+	}
+
+	/**
+	 * @editorMethod Modules.Browser
+	 * @description Executes the method that is called when a "Browser" module's is opened.
+	 * @param {?(targe: Node) => *=} onSelectfunction method to be executed after selecting an item in the gallery
+	 */
+	open(onSelectfunction) {
+		this.onSelectfunction = onSelectfunction;
+		this.browser.open();
+	}
+
+	/**
+	 * @editorMethod Modules.Browser
+	 * @description Executes the method that is called when a "Browser" module's is closed.
+	 */
+	close() {
+		this.onSelectfunction = null;
+		this.browser.close();
+	}
+
+	/**
+	 * @description Set browser item
+	 * @param {HTMLElement} target - Target element
+	 */
+	#SetItem(target) {
+		if (this.onSelectfunction) {
+			this.onSelectfunction(target);
+		} else {
+			const type = target.getAttribute('data-type');
+			switch (type) {
+				case 'image': {
+					this.plugins.imageGallery.browser.selectorHandler(target);
+					break;
+				}
+				case 'video': {
+					this.plugins.videoGallery.browser.selectorHandler(target);
+					break;
+				}
+				case 'audio': {
+					this.plugins.audioGallery.browser.selectorHandler(target);
+					break;
+				}
+				case 'file': {
+					this.plugins.fileGallery.browser.selectorHandler(target);
+					break;
+				}
+			}
+		}
+	}
+}
+
+export default FileBrowser;

package/src/plugins/browser/fileGallery.js

@@ -1,83 +1,83 @@
-import EditorInjector from '../../editorInjector';
-import { Browser } from '../../modules';
-
-/**
- * @typedef {import('../../modules/Browser').BrowserFile} BrowserFile_fileGallery
- */
-
-/**
- * @class
- * @extends EditorInjector
- * @description File gallery plugin
- */
-class FileGallery extends EditorInjector {
-	static key = 'fileGallery';
-	static type = 'browser';
-	static className = '';
-
-	/**
-	 * @constructor
-	 * @param {__se__EditorCore} editor - The root editor instance
-	 * @param {Object} pluginOptions
-	 * @param {Array<*>=} pluginOptions.data - direct data without server calls
-	 * @param {string} pluginOptions.url - server request url
-	 * @param {Object<string, string>=} pluginOptions.headers - server request headers
-	 * @param {string|((item: BrowserFile_fileGallery) => string)} pluginOptions.thumbnail - default thumbnail
-	 */
-	constructor(editor, pluginOptions) {
-		// plugin bisic properties
-		super(editor);
-		this.title = this.lang.fileGallery;
-		this.icon = 'file_gallery';
-
-		// members
-		this.onSelectfunction = null;
-
-		// modules
-		const thumbnail = typeof pluginOptions.thumbnail === 'string' ? pluginOptions.thumbnail : this.icons.file_thumbnail;
-		this.browser = new Browser(this, {
-			title: this.lang.fileGallery,
-			data: pluginOptions.data,
-			url: pluginOptions.url,
-			headers: pluginOptions.headers,
-			selectorHandler: this.#SetItem.bind(this),
-			columnSize: 4,
-			className: 'se-file-gallery',
-			thumbnail: typeof pluginOptions.thumbnail === 'function' ? pluginOptions.thumbnail : () => thumbnail
-		});
-	}
-
-	/**
-	 * @editorMethod Modules.Browser
-	 * @description Executes the method that is called when a "Browser" module's is opened.
-	 * @param {?(targe: Node) => *=} onSelectfunction method to be executed after selecting an item in the gallery
-	 */
-	open(onSelectfunction) {
-		this.onSelectfunction = onSelectfunction;
-		this.browser.open();
-	}
-
-	/**
-	 * @editorMethod Modules.Browser
-	 * @description Executes the method that is called when a "Browser" module's is closed.
-	 */
-	close() {
-		this.onSelectfunction = null;
-		this.browser.close();
-	}
-
-	/**
-	 * @description Set browser item
-	 * @param {HTMLElement} target - Target element
-	 */
-	#SetItem(target) {
-		if (this.onSelectfunction) {
-			this.onSelectfunction(target);
-		} else {
-			const file = { name: target.getAttribute('data-name'), size: 0 };
-			this.plugins.fileUpload.create(target.getAttribute('data-command'), file, true);
-		}
-	}
-}
-
-export default FileGallery;
+import EditorInjector from '../../editorInjector';
+import { Browser } from '../../modules';
+
+/**
+ * @typedef {import('../../modules/Browser').BrowserFile} BrowserFile_fileGallery
+ */
+
+/**
+ * @class
+ * @extends EditorInjector
+ * @description File gallery plugin
+ */
+class FileGallery extends EditorInjector {
+	static key = 'fileGallery';
+	static type = 'browser';
+	static className = '';
+
+	/**
+	 * @constructor
+	 * @param {__se__EditorCore} editor - The root editor instance
+	 * @param {Object} pluginOptions
+	 * @param {Array<*>=} pluginOptions.data - direct data without server calls
+	 * @param {string} pluginOptions.url - server request url
+	 * @param {Object<string, string>=} pluginOptions.headers - server request headers
+	 * @param {string|((item: BrowserFile_fileGallery) => string)} pluginOptions.thumbnail - default thumbnail
+	 */
+	constructor(editor, pluginOptions) {
+		// plugin bisic properties
+		super(editor);
+		this.title = this.lang.fileGallery;
+		this.icon = 'file_gallery';
+
+		// members
+		this.onSelectfunction = null;
+
+		// modules
+		const thumbnail = typeof pluginOptions.thumbnail === 'string' ? pluginOptions.thumbnail : this.icons.file_thumbnail;
+		this.browser = new Browser(this, {
+			title: this.lang.fileGallery,
+			data: pluginOptions.data,
+			url: pluginOptions.url,
+			headers: pluginOptions.headers,
+			selectorHandler: this.#SetItem.bind(this),
+			columnSize: 4,
+			className: 'se-file-gallery',
+			thumbnail: typeof pluginOptions.thumbnail === 'function' ? pluginOptions.thumbnail : () => thumbnail
+		});
+	}
+
+	/**
+	 * @editorMethod Modules.Browser
+	 * @description Executes the method that is called when a "Browser" module's is opened.
+	 * @param {?(targe: Node) => *=} onSelectfunction method to be executed after selecting an item in the gallery
+	 */
+	open(onSelectfunction) {
+		this.onSelectfunction = onSelectfunction;
+		this.browser.open();
+	}
+
+	/**
+	 * @editorMethod Modules.Browser
+	 * @description Executes the method that is called when a "Browser" module's is closed.
+	 */
+	close() {
+		this.onSelectfunction = null;
+		this.browser.close();
+	}
+
+	/**
+	 * @description Set browser item
+	 * @param {HTMLElement} target - Target element
+	 */
+	#SetItem(target) {
+		if (this.onSelectfunction) {
+			this.onSelectfunction(target);
+		} else {
+			const file = { name: target.getAttribute('data-name'), size: 0 };
+			this.plugins.fileUpload.create(target.getAttribute('data-command'), file, true);
+		}
+	}
+}
+
+export default FileGallery;