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

package/src/core/section/context.js

@@ -1,102 +1,102 @@
-import { get as getNumber } from '../../helper/numbers';
-
-/**
- * @description Elements and variables you should have
- * @param {{target: Element, key: *, options: __se__FrameOptions}} editorTarget Target textarea
- * @param {HTMLElement} top Editor top area
- * @param {HTMLElement} wwFrame Editor wysiwyg frame
- * @param {HTMLElement} codeWrapper Editor code view wrapper
- * @param {HTMLElement} codeFrame Editor code view frame
- * @param {{inner: HTMLElement, page: HTMLElement, pageMirror: HTMLElement}} documentTypeInner Document type elements
- * @param {?HTMLElement} statusbar Editor statusbar
- * @param {*} key root key
- * @returns {__se__FrameContext}
- */
-export function CreateFrameContext(editorTarget, top, wwFrame, codeWrapper, codeFrame, statusbar, documentTypeInner, key) {
-	const m = new Map([
-		['key', key],
-		['options', editorTarget.options],
-		['originElement', editorTarget.target],
-		['topArea', top],
-		['container', top.querySelector('.se-container')],
-		['wrapper', top.querySelector('.se-wrapper')],
-		['documentTypeInner', documentTypeInner.inner],
-		['documentTypePage', documentTypeInner.page],
-		['documentTypePageMirror', documentTypeInner.pageMirror],
-		['wysiwygFrame', wwFrame],
-		['wysiwyg', wwFrame], // options.iframe ? wwFrame.contentDocument.body : wwFrame
-		['codeWrapper', codeWrapper],
-		['code', codeFrame],
-		['codeNumbers', /** @type {HTMLTextAreaElement} */ (codeWrapper?.querySelector('.se-code-view-line'))],
-		['lineBreaker_t', top.querySelector('.se-line-breaker-component-t')],
-		['lineBreaker_b', top.querySelector('.se-line-breaker-component-b')],
-		['_stickyDummy', top.querySelector('.se-toolbar-sticky-dummy')],
-		['_toolbarShadow', top.querySelector('.se-toolbar-shadow')],
-		['_minHeight', getNumber(wwFrame.style.minHeight || '65', 0)],
-		['isCodeView', false],
-		['isFullScreen', false],
-		['isReadOnly', false],
-		['isDisabled', false],
-		['isChanged', -1],
-		['historyIndex', -1],
-		['savedIndex', -1],
-		['eventwysiwyg', null]
-	]);
-
-	if (statusbar) UpdateStatusbarContext(statusbar, m);
-
-	const placeholder = top.querySelector('.se-placeholder');
-	if (placeholder) m.set('placeholder', placeholder);
-
-	return m;
-}
-
-/**
- * @description Update statusbar context
- * @param {HTMLElement} statusbar Statusbar element
- * @param {__se__FrameContext} mapper FrameContext map
- */
-export function UpdateStatusbarContext(statusbar, mapper) {
-	statusbar ? mapper.set('statusbar', statusbar) : mapper.delete('statusbar');
-	const navigation = statusbar ? statusbar.querySelector('.se-navigation') : null;
-	const charWrapper = statusbar ? statusbar.querySelector('.se-char-counter-wrapper') : null;
-	const charCounter = statusbar ? statusbar.querySelector('.se-char-counter-wrapper .se-char-counter') : null;
-	navigation ? mapper.set('navigation', navigation) : mapper.delete('navigation');
-	charWrapper ? mapper.set('charWrapper', charWrapper) : mapper.delete('charWrapper');
-	charCounter ? mapper.set('charCounter', charCounter) : mapper.delete('charCounter');
-}
-
-/**
- * @description Common elements and variables you should have
- * @param {HTMLElement} toolbar Toolbar frame
- * @param {HTMLElement|null} toolbarContainer Toolbar container
- * @param {HTMLElement} menuTray menu tray
- * @param {HTMLElement|null} subbar sub toolbar
- * @returns {__se__Context}
- */
-export function CreateContext(toolbar, toolbarContainer, menuTray, subbar, statusbarContainer) {
-	const m = new Map([
-		['menuTray', menuTray],
-		['toolbar.main', toolbar],
-		['toolbar.buttonTray', toolbar.querySelector('.se-btn-tray')],
-		['toolbar._arrow', toolbar.querySelector('.se-arrow')]
-	]);
-
-	if (subbar) {
-		m.set('toolbar.sub.main', subbar);
-		m.set('toolbar.sub.buttonTray', subbar.querySelector('.se-btn-tray'));
-		m.set('toolbar.sub._arrow', subbar.querySelector('.se-arrow'));
-		m.set('toolbar.sub._wrapper', subbar.parentElement.parentElement);
-	}
-
-	if (toolbarContainer) {
-		m.set('toolbar._wrapper', toolbarContainer.querySelector('.sun-editor'));
-		m.set('_stickyDummy', toolbarContainer.querySelector('.se-toolbar-sticky-dummy'));
-	}
-
-	if (statusbarContainer) {
-		m.set('statusbar._wrapper', statusbarContainer.querySelector('.sun-editor'));
-	}
-
-	return m;
-}
+import { get as getNumber } from '../../helper/numbers';
+
+/**
+ * @description Elements and variables you should have
+ * @param {{target: Element, key: *, options: __se__FrameOptions}} editorTarget Target textarea
+ * @param {HTMLElement} top Editor top area
+ * @param {HTMLElement} wwFrame Editor wysiwyg frame
+ * @param {HTMLElement} codeWrapper Editor code view wrapper
+ * @param {HTMLElement} codeFrame Editor code view frame
+ * @param {{inner: HTMLElement, page: HTMLElement, pageMirror: HTMLElement}} documentTypeInner Document type elements
+ * @param {?HTMLElement} statusbar Editor statusbar
+ * @param {*} key root key
+ * @returns {__se__FrameContext}
+ */
+export function CreateFrameContext(editorTarget, top, wwFrame, codeWrapper, codeFrame, statusbar, documentTypeInner, key) {
+	const m = new Map([
+		['key', key],
+		['options', editorTarget.options],
+		['originElement', editorTarget.target],
+		['topArea', top],
+		['container', top.querySelector('.se-container')],
+		['wrapper', top.querySelector('.se-wrapper')],
+		['documentTypeInner', documentTypeInner.inner],
+		['documentTypePage', documentTypeInner.page],
+		['documentTypePageMirror', documentTypeInner.pageMirror],
+		['wysiwygFrame', wwFrame],
+		['wysiwyg', wwFrame], // options.iframe ? wwFrame.contentDocument.body : wwFrame
+		['codeWrapper', codeWrapper],
+		['code', codeFrame],
+		['codeNumbers', /** @type {HTMLTextAreaElement} */ (codeWrapper?.querySelector('.se-code-view-line'))],
+		['lineBreaker_t', top.querySelector('.se-line-breaker-component-t')],
+		['lineBreaker_b', top.querySelector('.se-line-breaker-component-b')],
+		['_stickyDummy', top.querySelector('.se-toolbar-sticky-dummy')],
+		['_toolbarShadow', top.querySelector('.se-toolbar-shadow')],
+		['_minHeight', getNumber(wwFrame.style.minHeight || '65', 0)],
+		['isCodeView', false],
+		['isFullScreen', false],
+		['isReadOnly', false],
+		['isDisabled', false],
+		['isChanged', -1],
+		['historyIndex', -1],
+		['savedIndex', -1],
+		['eventwysiwyg', null]
+	]);
+
+	if (statusbar) UpdateStatusbarContext(statusbar, m);
+
+	const placeholder = top.querySelector('.se-placeholder');
+	if (placeholder) m.set('placeholder', placeholder);
+
+	return m;
+}
+
+/**
+ * @description Update statusbar context
+ * @param {HTMLElement} statusbar Statusbar element
+ * @param {__se__FrameContext} mapper FrameContext map
+ */
+export function UpdateStatusbarContext(statusbar, mapper) {
+	statusbar ? mapper.set('statusbar', statusbar) : mapper.delete('statusbar');
+	const navigation = statusbar ? statusbar.querySelector('.se-navigation') : null;
+	const charWrapper = statusbar ? statusbar.querySelector('.se-char-counter-wrapper') : null;
+	const charCounter = statusbar ? statusbar.querySelector('.se-char-counter-wrapper .se-char-counter') : null;
+	navigation ? mapper.set('navigation', navigation) : mapper.delete('navigation');
+	charWrapper ? mapper.set('charWrapper', charWrapper) : mapper.delete('charWrapper');
+	charCounter ? mapper.set('charCounter', charCounter) : mapper.delete('charCounter');
+}
+
+/**
+ * @description Common elements and variables you should have
+ * @param {HTMLElement} toolbar Toolbar frame
+ * @param {HTMLElement|null} toolbarContainer Toolbar container
+ * @param {HTMLElement} menuTray menu tray
+ * @param {HTMLElement|null} subbar sub toolbar
+ * @returns {__se__Context}
+ */
+export function CreateContext(toolbar, toolbarContainer, menuTray, subbar, statusbarContainer) {
+	const m = new Map([
+		['menuTray', menuTray],
+		['toolbar.main', toolbar],
+		['toolbar.buttonTray', toolbar.querySelector('.se-btn-tray')],
+		['toolbar._arrow', toolbar.querySelector('.se-arrow')]
+	]);
+
+	if (subbar) {
+		m.set('toolbar.sub.main', subbar);
+		m.set('toolbar.sub.buttonTray', subbar.querySelector('.se-btn-tray'));
+		m.set('toolbar.sub._arrow', subbar.querySelector('.se-arrow'));
+		m.set('toolbar.sub._wrapper', subbar.parentElement.parentElement);
+	}
+
+	if (toolbarContainer) {
+		m.set('toolbar._wrapper', toolbarContainer.querySelector('.sun-editor'));
+		m.set('_stickyDummy', toolbarContainer.querySelector('.se-toolbar-sticky-dummy'));
+	}
+
+	if (statusbarContainer) {
+		m.set('statusbar._wrapper', statusbarContainer.querySelector('.sun-editor'));
+	}
+
+	return m;
+}