suneditor 3.0.0-beta.3 → 3.0.0-beta.30

package/types/modules/HueSlider.d.ts

@@ -44,6 +44,18 @@ export type HueSliderParams = {
 	 */
 	controllerOptions?: ControllerParams_hueSlider;
 };
+export function CreateSliderCtx(): {
+	slider: HTMLElement;
+	offscreenCanvas: HTMLCanvasElement;
+	offscreenCtx: CanvasRenderingContext2D;
+	wheel: HTMLCanvasElement;
+	wheelCtx: CanvasRenderingContext2D;
+	wheelPointer: HTMLElement;
+	gradientBar: HTMLCanvasElement;
+	gradientPointer: HTMLElement;
+	fanalColorHex: HTMLElement;
+	fanalColorBackground: HTMLElement;
+};
 /**
  * @typedef {import('../modules/Controller').ControllerParams} ControllerParams_hueSlider
  */
@@ -100,9 +112,6 @@ declare class HueSlider {
 	};
 	isOpen: boolean;
 	controlle: any;
-	__globalMouseDown: any;
-	__globalMouseMove: any;
-	__globalMouseUp: any;
 	controller: Controller;
 	/**
 	 * @description Get the current color information.
@@ -132,5 +141,6 @@ declare class HueSlider {
 	 * @description Initialize the hue slider information.
 	 */
 	init(): void;
+	#private;
 }
 import Controller from './Controller';

package/types/modules/Modal.d.ts

@@ -53,26 +53,6 @@ declare class Modal extends CoreInjector {
 	isUpdate: boolean;
 	/** @type {HTMLInputElement} */
 	focusElement: HTMLInputElement;
-	/** @type {HTMLElement} */
-	_modalArea: HTMLElement;
-	/** @type {HTMLElement} */
-	_modalInner: HTMLElement;
-	_closeListener: any[];
-	_bindClose: any;
-	_onClickEvent: any;
-	_closeSignal: boolean;
-	/** @type {HTMLElement} */
-	_resizeBody: HTMLElement;
-	_currentHandle: HTMLElement;
-	__resizeDir: string;
-	__offetTop: number;
-	__offetLeft: number;
-	__globalEventHandlers: {
-		mousemove: any;
-		mouseup: any;
-	};
-	_bindClose_mousemove: any;
-	_bindClose_mouseup: any;
 	/**
 	 * @description Open a modal plugin
 	 * - The plugin's "init" method is called.
@@ -83,29 +63,6 @@ declare class Modal extends CoreInjector {
 	 * - The plugin's "init" and "off" method is called.
 	 */
 	close(): void;
-	/**
-	 * @private
-	 * @description Fixes the current controller's display state when the modal is opened or closed.
-	 * @param {boolean} fixed - Whether to fix or unfix the controller.
-	 */
-	private _fixCurrentController;
-	/**
-	 * @private
-	 * @description Saves the current offset position of the modal for resizing calculations.
-	 * @returns {__se__Class_OffsetGlobalInfo} The offset position of the modal.
-	 */
-	private _saveOffset;
-	/**
-	 * @private
-	 * @description Adds global event listeners for resizing the modal.
-	 * @param {string} dir - The direction in which resizing is occurring.
-	 */
-	private __addGlobalEvent;
-	/**
-	 * @private
-	 * @description Removes global event listeners related to modal resizing.
-	 */
-	private __removeGlobalEvent;
 	#private;
 }
 import CoreInjector from '../editorInjector/_core';

package/types/modules/ModalAnchorEditor.d.ts

@@ -110,7 +110,6 @@ declare class ModalAnchorEditor extends EditorInjector {
 	fileManager: FileManager;
 	kink: any;
 	inst: any;
-	modalForm: HTMLElement;
 	host: string;
 	/** @type {HTMLInputElement} */
 	urlInput: HTMLInputElement;
@@ -133,14 +132,10 @@ declare class ModalAnchorEditor extends EditorInjector {
 	currentRel: any[];
 	currentTarget: HTMLAnchorElement;
 	linkValue: string;
-	_change: boolean;
-	_isRel: boolean;
 	/** @type {HTMLButtonElement} */
 	relButton: HTMLButtonElement;
 	/** @type {HTMLElement} */
 	relPreview: HTMLElement;
-	selectMenu_rel: SelectMenu;
-	selectMenu_bookmark: SelectMenu;
 	/**
 	 * @description Initialize.
 	 * - Sets the current anchor element to be edited.
@@ -162,75 +157,7 @@ declare class ModalAnchorEditor extends EditorInjector {
 	 * @description Resets the ModalAnchorEditor to its initial state.
 	 */
 	init(): void;
-	/**
-	 * @private
-	 * @description Updates the anchor element with new attributes.
-	 * @param {HTMLAnchorElement} anchor - The anchor (`<a>`) element to update.
-	 * @param {string} url - The URL for the anchor's `href` attribute.
-	 * @param {string} displayText - The text to be displayed inside the anchor.
-	 * @param {string} title - The tooltip text (title attribute).
-	 * @param {boolean} notText - If `true`, the anchor will not contain text content.
-	 */
-	private _updateAnchor;
-	/**
-	 * @private
-	 * @description Checks if the given path is an internal bookmark.
-	 * @param {string} path - The URL or anchor link.
-	 * @returns {boolean} - `true` if the path is an internal bookmark, otherwise `false`.
-	 */
-	private _selfPathBookmark;
-	/**
-	 * @private
-	 * @description Updates the `rel` attribute list in the modal and preview.
-	 * @param {string} relAttr - The `rel` attribute string to set.
-	 */
-	private _setRel;
-	/**
-	 * @private
-	 * @description Generates a list of bookmark headers within the editor.
-	 * @param {string} urlValue - The current URL input value.
-	 */
-	private _createBookmarkList;
-	/**
-	 * @private
-	 * @description Updates the preview of the anchor link.
-	 * @param {string} value - The current URL value.
-	 */
-	private _setLinkPreview;
-	/**
-	 * @private
-	 * @description Merges the given `rel` attribute value with the current list.
-	 * @param {string} relAttr - The `rel` attribute to merge.
-	 * @returns {string} - The updated `rel` attribute string.
-	 */
-	private _relMerge;
-	/**
-	 * @private
-	 * @description Removes the specified `rel` attribute from the current list.
-	 * @param {string} relAttr - The `rel` attribute to remove.
-	 * @returns {string} - The updated `rel` attribute string.
-	 */
-	private _relDelete;
-	/**
-	 * @private
-	 * @description Registers a newly uploaded file and sets its URL in the modal form.
-	 * @param {Object<string, *>} response - The response object from the file upload request.
-	 */
-	private _register;
-	/**
-	 * @private
-	 * @description Handles file upload errors.
-	 * @param {Object<string, *>} response - The error response object.
-	 * @returns {Promise<void>}
-	 */
-	private _error;
-	/**
-	 * @description Handles the callback after a file upload completes.
-	 * @param {XMLHttpRequest} xmlHttp - The XMLHttpRequest object containing the response.
-	 */
-	_uploadCallBack(xmlHttp: XMLHttpRequest): void;
 	#private;
 }
 import EditorInjector from '../editorInjector';
 import FileManager from './FileManager';
-import SelectMenu from './SelectMenu';

package/types/modules/SelectMenu.d.ts

@@ -58,37 +58,10 @@ declare class SelectMenu extends CoreInjector {
 	checkList: boolean;
 	position: string;
 	subPosition: string;
-	_dirPosition: string;
-	_dirSubPosition: string;
-	_textDirDiff: boolean;
 	splitNum: number;
 	horizontal: boolean;
 	openMethod: () => void;
 	closeMethod: () => void;
-	_refer: HTMLElement;
-	_keydownTarget: Window | HTMLInputElement;
-	_selectMethod: (command: string) => void;
-	_bindClose_key: any;
-	_bindClose_mousedown: any;
-	_bindClose_click: any;
-	_closeSignal: boolean;
-	__events: {
-		mousedown: any;
-		mousemove: any;
-		click: any;
-		keydown: any;
-	};
-	__eventHandlers: {
-		mousedown: any;
-		mousemove: any;
-		click: any;
-		keydown: any;
-	};
-	__globalEventHandlers: {
-		keydown: any;
-		mousedown: any;
-		click: any;
-	};
 	/**
 	 * @description Creates the select menu items.
 	 * @param {Array<string>|__se__NodeCollection} items - Command list of selectable items.
@@ -130,65 +103,7 @@ declare class SelectMenu extends CoreInjector {
 	 * @param {number} index Item index
 	 */
 	setItem(index: number): void;
-	/**
-	 * @private
-	 * @description Appends a formatted list of items to the menu.
-	 * @param {string} html - The HTML string representing the menu items.
-	 */
-	private _createFormat;
-	/**
-	 * @private
-	 * @description Resets the menu state and removes event listeners.
-	 */
-	private _init;
 	_onItem: Element;
-	/**
-	 * @private
-	 * @description Moves the selection up or down by a specified number of items.
-	 * @param {number} num - The number of items to move (negative for up, positive for down).
-	 */
-	private _moveItem;
-	/**
-	 * @private
-	 * @description Highlights and selects an item by index.
-	 * @param {number} selectIndex - The index of the item to select.
-	 */
-	private _selectItem;
-	/**
-	 * @private
-	 * @description Sets the position of the select menu relative to the reference element.
-	 * @param {string} position Menu position ("left"|"right") | ("top"|"bottom")
-	 * @param {string} subPosition Sub position ("middle"|"top"|"bottom") | ("center"|"left"|"right")
-	 * @param {string} [onItemQuerySelector] - A query selector string to highlight a specific item.
-	 * @param {boolean} [_re=false] - Whether this is a retry after adjusting the position.
-	 */
-	private _setPosition;
-	/**
-	 * @private
-	 * @description Selects an item and triggers the callback function.
-	 * @param {number} index - The index of the item to select.
-	 */
-	private _select;
-	/**
-	 * @private
-	 * @description Adds event listeners for menu interactions.
-	 */
-	private __addEvents;
-	/**
-	 * @private
-	 * @description Removes event listeners for menu interactions.
-	 */
-	private __removeEvents;
-	/**
-	 * @private
-	 * @description Adds global event listeners for closing the menu.
-	 */
-	private __addGlobalEvent;
-	/**
-	 * @private
-	 * @description Removes global event listeners for closing the menu.
-	 */
-	private __removeGlobalEvent;
 	#private;
 }
 import CoreInjector from '../editorInjector/_core';

package/types/modules/index.d.ts

@@ -14,13 +14,13 @@ declare namespace _default {
 export default _default;
 import _DragHandle from './_DragHandle';
 import ApiManager from './ApiManager';
+import Browser from './Browser';
 import ColorPicker from './ColorPicker';
 import Controller from './Controller';
-import Browser from './Browser';
+import Figure from './Figure';
 import FileManager from './FileManager';
 import HueSlider from './HueSlider';
-import Figure from './Figure';
 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 { _DragHandle, ApiManager, Browser, ColorPicker, Controller, Figure, FileManager, HueSlider, Modal, ModalAnchorEditor, SelectMenu };

package/types/plugins/browser/audioGallery.d.ts

@@ -1,8 +1,35 @@
 export default AudioGallery;
 export type BrowserFile_audioGallery = import('../../modules/Browser').BrowserFile;
+export type AudioGalleryPluginOptions = {
+	/**
+	 * - Direct data without server calls
+	 */
+	data?: Array<BrowserFile_audioGallery>;
+	/**
+	 * - Server request URL
+	 */
+	url?: string;
+	/**
+	 * - Server request headers
+	 */
+	headers?: {
+		[x: string]: string;
+	};
+	/**
+	 * - Default thumbnail
+	 */
+	thumbnail?: string | ((item: BrowserFile_audioGallery) => string);
+};
 /**
  * @typedef {import('../../modules/Browser').BrowserFile} BrowserFile_audioGallery
  */
+/**
+ * @typedef {Object} AudioGalleryPluginOptions
+ * @property {Array<BrowserFile_audioGallery>} [data] - Direct data without server calls
+ * @property {string} [url] - Server request URL
+ * @property {Object<string, string>} [headers] - Server request headers
+ * @property {string|((item: BrowserFile_audioGallery) => string)} [thumbnail] - Default thumbnail
+ */
 /**
  * @class
  * @extends EditorInjector
@@ -15,25 +42,9 @@ declare class AudioGallery extends EditorInjector {
 	/**
 	 * @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
+	 * @param {AudioGalleryPluginOptions} pluginOptions
 	 */
-	constructor(
-		editor: __se__EditorCore,
-		pluginOptions: {
-			data?: Array<any> | undefined;
-			url: string;
-			headers?:
-				| {
-						[x: string]: string;
-				  }
-				| undefined;
-			thumbnail: string | ((item: BrowserFile_audioGallery) => string);
-		}
-	);
+	constructor(editor: __se__EditorCore, pluginOptions: AudioGalleryPluginOptions);
 	title: any;
 	icon: string;
 	onSelectfunction: (targe: Node) => any;

package/types/plugins/browser/fileBrowser.d.ts

@@ -1,8 +1,44 @@
 export default FileBrowser;
 export type BrowserFile_fileBrowser = import('../../modules/Browser').BrowserFile;
+export type FileBrowserPluginOptions = {
+	/**
+	 * - Direct data without server calls
+	 */
+	data?:
+		| {
+				[x: string]: any;
+		  }
+		| Array<any>;
+	/**
+	 * - Server request URL
+	 */
+	url?: string;
+	/**
+	 * - Server request headers
+	 */
+	headers?: {
+		[x: string]: string;
+	};
+	/**
+	 * - Default thumbnail
+	 */
+	thumbnail?: string | ((item: BrowserFile_fileBrowser) => string);
+	/**
+	 * - Additional tag names
+	 */
+	props?: Array<string>;
+};
 /**
  * @typedef {import('../../modules/Browser').BrowserFile} BrowserFile_fileBrowser
  */
+/**
+ * @typedef {Object} FileBrowserPluginOptions
+ * @property {Object<string, *>|Array<*>} [data] - Direct data without server calls
+ * @property {string} [url] - Server request URL
+ * @property {Object<string, string>} [headers] - Server request headers
+ * @property {string|((item: BrowserFile_fileBrowser) => string)} [thumbnail] - Default thumbnail
+ * @property {Array<string>} [props] - Additional tag names
+ */
 /**
  * @class
  * @extends EditorInjector
@@ -15,34 +51,9 @@ declare class FileBrowser extends EditorInjector {
 	/**
 	 * @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
+	 * @param {FileBrowserPluginOptions} pluginOptions
 	 */
-	constructor(
-		editor: __se__EditorCore,
-		pluginOptions: {
-			data?:
-				| (
-						| {
-								[x: string]: any;
-						  }
-						| Array<any>
-				  )
-				| undefined;
-			url: string;
-			headers?:
-				| {
-						[x: string]: string;
-				  }
-				| undefined;
-			thumbnail: string | ((item: BrowserFile_fileBrowser) => string);
-			props: Array<string>;
-		}
-	);
+	constructor(editor: __se__EditorCore, pluginOptions: FileBrowserPluginOptions);
 	title: any;
 	icon: string;
 	onSelectfunction: (targe: Node) => any;

package/types/plugins/browser/fileGallery.d.ts

@@ -1,8 +1,35 @@
 export default FileGallery;
 export type BrowserFile_fileGallery = import('../../modules/Browser').BrowserFile;
+export type FileGalleryPluginOptions = {
+	/**
+	 * - Direct data without server calls
+	 */
+	data?: Array<BrowserFile_fileGallery>;
+	/**
+	 * - Server request URL
+	 */
+	url?: string;
+	/**
+	 * - Server request headers
+	 */
+	headers?: {
+		[x: string]: string;
+	};
+	/**
+	 * - Default thumbnail
+	 */
+	thumbnail?: string | ((item: BrowserFile_fileGallery) => string);
+};
 /**
  * @typedef {import('../../modules/Browser').BrowserFile} BrowserFile_fileGallery
  */
+/**
+ * @typedef {Object} FileGalleryPluginOptions
+ * @property {Array<BrowserFile_fileGallery>} [data] - Direct data without server calls
+ * @property {string} [url] - Server request URL
+ * @property {Object<string, string>} [headers] - Server request headers
+ * @property {string|((item: BrowserFile_fileGallery) => string)} [thumbnail] - Default thumbnail
+ */
 /**
  * @class
  * @extends EditorInjector
@@ -15,25 +42,9 @@ declare class FileGallery extends EditorInjector {
 	/**
 	 * @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
+	 * @param {FileGalleryPluginOptions} pluginOptions
 	 */
-	constructor(
-		editor: __se__EditorCore,
-		pluginOptions: {
-			data?: Array<any> | undefined;
-			url: string;
-			headers?:
-				| {
-						[x: string]: string;
-				  }
-				| undefined;
-			thumbnail: string | ((item: BrowserFile_fileGallery) => string);
-		}
-	);
+	constructor(editor: __se__EditorCore, pluginOptions: FileGalleryPluginOptions);
 	title: any;
 	icon: string;
 	onSelectfunction: (targe: Node) => any;

package/types/plugins/browser/imageGallery.d.ts

@@ -1,4 +1,26 @@
 export default ImageGallery;
+export type ImageGalleryPluginOptions = {
+	/**
+	 * - Direct data without server calls
+	 */
+	data?: Array<any>;
+	/**
+	 * - Server request URL
+	 */
+	url?: string;
+	/**
+	 * - Server request headers
+	 */
+	headers?: {
+		[x: string]: string;
+	};
+};
+/**
+ * @typedef ImageGalleryPluginOptions
+ * @property {Array<*>} [data] - Direct data without server calls
+ * @property {string} [url] - Server request URL
+ * @property {Object<string, string>} [headers] - Server request headers
+ */
 /**
  * @class
  * @extends EditorInjector
@@ -11,23 +33,9 @@ declare class ImageGallery extends EditorInjector {
 	/**
 	 * @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 {ImageGalleryPluginOptions} pluginOptions
 	 */
-	constructor(
-		editor: __se__EditorCore,
-		pluginOptions: {
-			data?: Array<any> | undefined;
-			url?: string | undefined;
-			headers?:
-				| {
-						[x: string]: string;
-				  }
-				| undefined;
-		}
-	);
+	constructor(editor: __se__EditorCore, pluginOptions: ImageGalleryPluginOptions);
 	title: any;
 	icon: string;
 	onSelectfunction: (targe: Node) => any;

package/types/plugins/browser/videoGallery.d.ts

@@ -1,8 +1,35 @@
 export default VideoGallery;
 export type BrowserFile_videoGallery = import('../../modules/Browser').BrowserFile;
+export type VideoGalleryPluginOptions = {
+	/**
+	 * - Direct data without server calls
+	 */
+	data?: Array<BrowserFile_videoGallery>;
+	/**
+	 * - Server request URL
+	 */
+	url?: string;
+	/**
+	 * - Server request headers
+	 */
+	headers?: {
+		[x: string]: string;
+	};
+	/**
+	 * - Default thumbnail
+	 */
+	thumbnail?: string | ((item: BrowserFile_videoGallery) => string);
+};
 /**
  * @typedef {import('../../modules/Browser').BrowserFile} BrowserFile_videoGallery
  */
+/**
+ * @typedef {Object} VideoGalleryPluginOptions
+ * @property {Array<BrowserFile_videoGallery>} [data] - Direct data without server calls
+ * @property {string} [url] - Server request URL
+ * @property {Object<string, string>} [headers] - Server request headers
+ * @property {string|((item: BrowserFile_videoGallery) => string)} [thumbnail] - Default thumbnail
+ */
 /**
  * @class
  * @extends EditorInjector
@@ -15,25 +42,9 @@ declare class VideoGallery extends EditorInjector {
 	/**
 	 * @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_videoGallery) => string)} pluginOptions.thumbnail - default thumbnail
+	 * @param {VideoGalleryPluginOptions} pluginOptions
 	 */
-	constructor(
-		editor: __se__EditorCore,
-		pluginOptions: {
-			data?: Array<any> | undefined;
-			url?: string | undefined;
-			headers?:
-				| {
-						[x: string]: string;
-				  }
-				| undefined;
-			thumbnail: string | ((item: BrowserFile_videoGallery) => string);
-		}
-	);
+	constructor(editor: __se__EditorCore, pluginOptions: VideoGalleryPluginOptions);
 	title: any;
 	icon: string;
 	onSelectfunction: (targe: Node) => any;

package/types/plugins/command/blockquote.d.ts

@@ -16,6 +16,7 @@ declare class Blockquote extends EditorInjector {
 	 * @param {?HTMLElement=} element - Node element where the cursor is currently located
 	 * @param {?HTMLElement=} target - The plugin's toolbar button element
 	 * @returns {boolean} - Whether the plugin is active
+	 * - If it returns "undefined", it will no longer be called in this scope.
 	 */
 	active(element?: (HTMLElement | null) | undefined, target?: (HTMLElement | null) | undefined): boolean;
 	/**