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

package/src/plugins/input/pageNavigator.js

@@ -1,70 +1,71 @@
-import EditorInjector from '../../editorInjector';
-import { dom } from '../../helper';
-
-/**
- * @class
- * @description PageNavigator Plugin
- * - This plugin provides functionality for navigating between pages within the editor's document.
- * - It features an input field for entering the desired page number and a display element showing
- * - the total number of pages. When the user changes the value in the input field, the plugin triggers
- * - a page navigation event through the editor's document context.
- */
-class PageNavigator extends EditorInjector {
-	static key = 'pageNavigator';
-	static type = 'input';
-	static className = 'se-btn-input se-btn-tool-pageNavigator';
-
-	/**
-	 * @constructor
-	 * @param {__se__EditorCore} editor - The root editor instance
-	 */
-	constructor(editor) {
-		super(editor);
-
-		// create HTML
-		this.title = this.lang.pageNumber;
-		this.inner = CreateInner();
-		this.afterItem = dom.utils.createElement('span', { class: 'se-btn se-sub-btn' }, ``);
-
-		// members
-		this.pageNum = 1;
-		this.totalPages = 1;
-
-		// init
-		this.eventManager.addEvent(this.inner, 'change', this.#OnChangeInner.bind(this));
-	}
-	/**
-	 * @editorMethod Editor.documentType
-	 * @description Updates the displayed page number and total pages in the navigator.
-	 * @param {number} pageNum - The current page number to display.
-	 * @param {number} totalPages - The total number of pages in the document.
-	 */
-	display(pageNum, totalPages) {
-		// data update
-		this.pageNum = pageNum;
-		this.totalPages = totalPages;
-		// display
-		this.inner.value = String(pageNum);
-		this.afterItem.textContent = this.inner.max = String(totalPages);
-	}
-
-	/**
-	 * @description Page number change event handler
-	 * @param {InputEvent} e - Event object
-	 */
-	#OnChangeInner(e) {
-		if (!this.editor.frameContext.has('documentType-use-page')) return;
-
-		/** @type {HTMLInputElement} */
-		const eventTarget = dom.query.getEventTarget(e);
-
-		const value = Number(eventTarget.value) || 1;
-		this.editor.frameContext.get('documentType').pageGo(value);
-	}
-}
-
-function CreateInner() {
-	return /** @type {HTMLInputElement} */ (dom.utils.createElement('input', { type: 'number', class: 'se-not-arrow-text', placeholder: '1', value: '1', min: '1' }, null));
-}
-
-export default PageNavigator;
+import EditorInjector from '../../editorInjector';
+import { dom } from '../../helper';
+
+/**
+ * @class
+ * @description PageNavigator Plugin
+ * - This plugin provides functionality for navigating between pages within the editor's document.
+ * - It features an input field for entering the desired page number and a display element showing
+ * - the total number of pages. When the user changes the value in the input field, the plugin triggers
+ * - a page navigation event through the editor's document context.
+ */
+class PageNavigator extends EditorInjector {
+	static key = 'pageNavigator';
+	static type = 'input';
+	static className = 'se-btn-input se-btn-tool-pageNavigator';
+
+	/**
+	 * @constructor
+	 * @param {__se__EditorCore} editor - The root editor instance
+	 */
+	constructor(editor) {
+		super(editor);
+
+		// create HTML
+		this.title = this.lang.pageNumber;
+		this.inner = CreateInner();
+		this.afterItem = dom.utils.createElement('span', { class: 'se-btn se-sub-btn' }, ``);
+
+		// members
+		this.pageNum = 1;
+		this.totalPages = 1;
+
+		// init
+		this.eventManager.addEvent(this.inner, 'change', this.#OnChangeInner.bind(this));
+	}
+
+	/**
+	 * @editorMethod Editor.documentType
+	 * @description Updates the displayed page number and total pages in the navigator.
+	 * @param {number} pageNum - The current page number to display.
+	 * @param {number} totalPages - The total number of pages in the document.
+	 */
+	display(pageNum, totalPages) {
+		// data update
+		this.pageNum = pageNum;
+		this.totalPages = totalPages;
+		// display
+		this.inner.value = String(pageNum);
+		this.afterItem.textContent = this.inner.max = String(totalPages);
+	}
+
+	/**
+	 * @description Page number change event handler
+	 * @param {InputEvent} e - Event object
+	 */
+	#OnChangeInner(e) {
+		if (!this.editor.frameContext.has('documentType-use-page')) return;
+
+		/** @type {HTMLInputElement} */
+		const eventTarget = dom.query.getEventTarget(e);
+
+		const value = Number(eventTarget.value) || 1;
+		this.editor.frameContext.get('documentType').pageGo(value);
+	}
+}
+
+function CreateInner() {
+	return /** @type {HTMLInputElement} */ (dom.utils.createElement('input', { type: 'number', class: 'se-not-arrow-text', placeholder: '1', value: '1', min: '1' }, null));
+}
+
+export default PageNavigator;