wikiparser-node 0.4.0 → 0.6.1

package/lib/node.js

@@ -1,6 +1,6 @@
 'use strict';
 
-const {typeError, externalUse} = require('../util/debug'),
+const {typeError} = require('../util/debug'),
 	{text} = require('../util/string'),
 	assert = require('assert/strict'),
 	EventEmitter = require('events'),
@@ -21,11 +21,11 @@ class AstNode {
 	 * @throws `RangeError` 指定位置不存在子节点
 	 */
 	#verifyChild = (i, addition = 0) => {
-		if (typeof i !== 'number') {
+		if (!Number.isInteger(i)) {
 			this.typeError('verifyChild', 'Number');
 		}
 		const {childNodes: {length}} = this;
-		if (i < -length || i >= length + addition || !Number.isInteger(i)) {
+		if (i < -length || i >= length + addition) {
 			throw new RangeError(`不存在第 ${i} 个子节点！`);
 		}
 	};
@@ -45,17 +45,6 @@ class AstNode {
 		return this.#parentNode;
 	}
 
-	/** 是否具有根节点 */
-	get isConnected() {
-		return this.getRootNode().type === 'root';
-	}
-
-	/** 不是自身的根节点 */
-	get ownerDocument() {
-		const root = this.getRootNode();
-		return root.type === 'root' && root !== this ? root : undefined;
-	}
-
 	/**
 	 * 后一个兄弟节点
 	 * @complexity `n`
@@ -96,6 +85,17 @@ class AstNode {
 		return childNodes?.slice(0, i)?.findLast(({type}) => type !== 'text');
 	}
 
+	/** 是否具有根节点 */
+	get isConnected() {
+		return this.getRootNode().type === 'root';
+	}
+
+	/** 不是自身的根节点 */
+	get ownerDocument() {
+		const root = this.getRootNode();
+		return root.type === 'root' && root !== this ? root : undefined;
+	}
+
 	/**
 	 * 后方是否还有其他节点（不含后代）
 	 * @returns {boolean}
@@ -113,9 +113,14 @@ class AstNode {
 		return nextSibling === undefined && parentNode?.eof;
 	}
 
+	constructor() {
+		Object.defineProperty(this, 'childNodes', {writable: false});
+		Object.freeze(this.childNodes);
+	}
+
 	/**
 	 * 标记仅用于代码调试的方法
-	 * @param {string} method 方法名称
+	 * @param {string} method
 	 * @throws `Error`
 	 */
 	debugOnly(method = 'debugOnly') {
@@ -124,7 +129,7 @@ class AstNode {
 
 	/**
 	 * 抛出`TypeError`
-	 * @param {string} method 方法名称
+	 * @param {string} method
 	 * @param  {...string} types 可接受的参数类型
 	 */
 	typeError(method, ...types) {
@@ -146,17 +151,12 @@ class AstNode {
 		}
 		for (const key of keys) {
 			Object.defineProperty(this, key, {
-				writable: false, enumerable: Boolean(this[key]), configurable: !permanent,
+				writable: false, enumerable: !permanent && Boolean(this[key]), configurable: !permanent,
 			});
 		}
 		return this;
 	}
 
-	constructor() {
-		Object.defineProperty(this, 'childNodes', {writable: false});
-		Object.freeze(this.childNodes);
-	}
-
 	/**
 	 * 是否是全同节点
 	 * @param {this} node 待比较的节点
@@ -174,6 +174,47 @@ class AstNode {
 		return true;
 	}
 
+	/** 获取所有属性键 */
+	getAttributeNames() {
+		const names = Object.getOwnPropertyNames(this);
+		return names.filter(name => typeof this[name] !== 'function');
+	}
+
+	/** 是否具有任意属性 */
+	hasAttributes() {
+		return this.getAttributeNames().length > 0;
+	}
+
+	/**
+	 * 移除某属性
+	 * @param {PropertyKey} key 属性键
+	 * @throws `RangeError` 不可删除的属性
+	 */
+	removeAttribute(key) {
+		if (this.hasAttribute(key)) {
+			const descriptor = Object.getOwnPropertyDescriptor(this, key);
+			if (!descriptor || !descriptor.writable) {
+				throw new RangeError(`属性 ${key} 不可删除！`);
+			}
+			delete this[key];
+		}
+	}
+
+	/**
+	 * 开关某属性
+	 * @param {PropertyKey} key 属性键
+	 * @param {boolean|undefined} force 强制开启或关闭
+	 * @throws `RangeError` 不为Boolean类型的属性值
+	 */
+	toggleAttribute(key, force) {
+		if (force !== undefined && typeof force !== 'boolean') {
+			this.typeError('toggleAttribute', 'Boolean');
+		} else if (this.hasAttribute(key) && typeof this[key] !== 'boolean') {
+			throw new RangeError(`${key} 属性的值不为 Boolean！`);
+		}
+		this.setAttribute(key, force === true || force === undefined && !this[key]);
+	}
+
 	/**
 	 * 是否具有某属性
 	 * @param {PropertyKey} key 属性键
@@ -200,35 +241,18 @@ class AstNode {
 		return this.hasAttribute(key) ? String(this[key]) : undefined;
 	}
 
-	/** 获取所有属性键 */
-	getAttributeNames() {
-		const names = Object.getOwnPropertyNames(this);
-		return names.filter(name => typeof this[name] !== 'function');
-	}
-
-	/** 是否具有任意属性 */
-	hasAttributes() {
-		return this.getAttributeNames().length > 0;
-	}
-
 	/**
 	 * 设置属性
 	 * @template {string} T
 	 * @param {T} key 属性键
 	 * @param {TokenAttribute<T>} value 属性值
-	 * @throws `RangeError` 禁止手动指定的属性
 	 */
 	setAttribute(key, value) {
 		if (key === 'parentNode') {
-			if (externalUse('setAttribute')) {
-				throw new RangeError(`禁止手动指定 ${key} 属性！`);
-			}
 			this.#parentNode = value;
-		} else if (this.hasAttribute(key)) {
+		} else if (Object.hasOwn(this, key)) {
 			const descriptor = Object.getOwnPropertyDescriptor(this, key);
-			if (!descriptor || !descriptor.writable && externalUse('setAttribute')) {
-				throw new RangeError(`禁止手动指定 ${key} 属性！`);
-			} else if (this.#optional.includes(key)) {
+			if (this.#optional.includes(key)) {
 				descriptor.enumerable = Boolean(value);
 			}
 			const oldValue = this[key],
@@ -244,33 +268,170 @@ class AstNode {
 	}
 
 	/**
-	 * 移除某属性
-	 * @param {PropertyKey} key 属性键
-	 * @throws `RangeError` 不可删除的属性
+	 * 移除子节点
+	 * @param {number} i 移除位置
 	 */
-	removeAttribute(key) {
-		if (this.hasAttribute(key)) {
-			const descriptor = Object.getOwnPropertyDescriptor(this, key);
-			if (!descriptor || !descriptor.writable) {
-				throw new RangeError(`属性 ${key} 不可删除！`);
-			}
-			delete this[key];
+	removeAt(i) {
+		this.getAttribute('verifyChild')(i);
+		const childNodes = [...this.childNodes],
+			[node] = childNodes.splice(i, 1),
+			e = new Event('remove', {bubbles: true});
+		node.setAttribute('parentNode');
+		this.setAttribute('childNodes', childNodes);
+		this.dispatchEvent(e, {position: i, removed: node});
+		return node;
+	}
+
+	/**
+	 * 插入子节点
+	 * @template {this} T
+	 * @param {T} node 待插入的子节点
+	 * @param {number} i 插入位置
+	 * @complexity `n`
+	 * @throws `RangeError` 不能插入祖先节点
+	 */
+	insertAt(node, i = this.childNodes.length) {
+		if (!(node instanceof AstNode)) {
+			this.typeError('insertAt', 'String', 'AstNode');
+		} else if (node.contains(this)) {
+			Parser.error('不能插入祖先节点！', node);
+			throw new RangeError('不能插入祖先节点！');
 		}
+		this.getAttribute('verifyChild')(i, 1);
+		const childNodes = [...this.childNodes],
+			e = new Event('insert', {bubbles: true}),
+			j = Parser.running ? -1 : childNodes.indexOf(node);
+		if (j === -1) {
+			node.parentNode?.removeChild(node);
+			node.setAttribute('parentNode', this);
+		} else {
+			childNodes.splice(j, 1);
+		}
+		childNodes.splice(i, 0, node);
+		this.setAttribute('childNodes', childNodes);
+		this.dispatchEvent(e, {position: i < 0 ? i + this.childNodes.length - 1 : i, inserted: node});
+		return node;
 	}
 
 	/**
-	 * 开关某属性
-	 * @param {PropertyKey} key 属性键
-	 * @param {boolean|undefined} force 强制开启或关闭
-	 * @throws `RangeError` 不为Boolean类型的属性值
+	 * 获取子节点的位置
+	 * @param {this} node 子节点
+	 * @complexity `n`
+	 * @throws `RangeError` 找不到子节点
 	 */
-	toggleAttribute(key, force) {
-		if (force !== undefined && typeof force !== 'boolean') {
-			this.typeError('toggleAttribute', 'Boolean');
-		} else if (this.hasAttribute(key) && typeof this[key] !== 'boolean') {
-			throw new RangeError(`${key} 属性的值不为 Boolean！`);
+	#getChildIndex(node) {
+		const {childNodes} = this,
+			i = childNodes.indexOf(node);
+		if (i === -1) {
+			Parser.error('找不到子节点！', node);
+			throw new RangeError('找不到子节点！');
 		}
-		this.setAttribute(key, force === true || force === undefined && !this[key]);
+		return i;
+	}
+
+	/**
+	 * 移除子节点
+	 * @template {this} T
+	 * @param {T} node 子节点
+	 * @complexity `n`
+	 */
+	removeChild(node) {
+		this.removeAt(this.#getChildIndex(node));
+		return node;
+	}
+
+	/**
+	 * 在末尾插入子节点
+	 * @template {this} T
+	 * @param {T} node 插入节点
+	 * @complexity `n`
+	 */
+	appendChild(node) {
+		return this.insertAt(node);
+	}
+
+	/**
+	 * 在指定位置前插入子节点
+	 * @template {this} T
+	 * @param {T} child 插入节点
+	 * @param {this} reference 指定位置处的子节点
+	 * @complexity `n`
+	 */
+	insertBefore(child, reference) {
+		return reference === undefined ? this.insertAt(child) : this.insertAt(child, this.#getChildIndex(reference));
+	}
+
+	/**
+	 * 替换子节点
+	 * @template {this} T
+	 * @param {this} newChild 新子节点
+	 * @param {T} oldChild 原子节点
+	 * @complexity `n`
+	 */
+	replaceChild(newChild, oldChild) {
+		const i = this.#getChildIndex(oldChild);
+		this.removeAt(i);
+		this.insertAt(newChild, i);
+		return oldChild;
+	}
+
+	/**
+	 * 在当前节点前后插入兄弟节点
+	 * @param {this[]} nodes 插入节点
+	 * @param {number} offset 插入的相对位置
+	 * @complexity `n`
+	 * @throws `Error` 不存在父节点
+	 */
+	#insertAdjacent(nodes, offset) {
+		const {parentNode} = this;
+		if (!parentNode) {
+			throw new Error('不存在父节点！');
+		}
+		const i = parentNode.childNodes.indexOf(this) + offset;
+		for (let j = 0; j < nodes.length; j++) {
+			parentNode.insertAt(nodes[j], i + j);
+		}
+	}
+
+	/**
+	 * 在后方批量插入兄弟节点
+	 * @param {...this} nodes 插入节点
+	 * @complexity `n`
+	 */
+	after(...nodes) {
+		this.#insertAdjacent(nodes, 1);
+	}
+
+	/**
+	 * 在前方批量插入兄弟节点
+	 * @param {...this} nodes 插入节点
+	 * @complexity `n`
+	 */
+	before(...nodes) {
+		this.#insertAdjacent(nodes, 0);
+	}
+
+	/**
+	 * 移除当前节点
+	 * @complexity `n`
+	 * @throws `Error` 不存在父节点
+	 */
+	remove() {
+		const {parentNode} = this;
+		if (!parentNode) {
+			throw new Error('不存在父节点！');
+		}
+		parentNode.removeChild(this);
+	}
+
+	/**
+	 * 将当前节点批量替换为新的节点
+	 * @param {...this} nodes 插入节点
+	 * @complexity `n`
+	 */
+	replaceWith(...nodes) {
+		this.after(...nodes);
+		this.remove();
 	}
 
 	/**
@@ -311,10 +472,10 @@ class AstNode {
 			for (const type of types) {
 				this.addEventListener(type, listener, options);
 			}
-		} else if (typeof types !== 'string' || typeof listener !== 'function') {
-			this.typeError('addEventListener', 'String', 'Function');
-		} else {
+		} else if (typeof types === 'string' && typeof listener === 'function') {
 			this.#events[options?.once ? 'once' : 'on'](types, listener);
+		} else {
+			this.typeError('addEventListener', 'String', 'Function');
 		}
 	}
 
@@ -328,10 +489,10 @@ class AstNode {
 			for (const type of types) {
 				this.removeEventListener(type, listener);
 			}
-		} else if (typeof types !== 'string' || typeof listener !== 'function') {
-			this.typeError('removeEventListener', 'String', 'Function');
-		} else {
+		} else if (typeof types === 'string' && typeof listener === 'function') {
 			this.#events.off(types, listener);
+		} else {
+			this.typeError('removeEventListener', 'String', 'Function');
 		}
 	}
 
@@ -344,10 +505,10 @@ class AstNode {
 			for (const type of types) {
 				this.removeAllEventListeners(type);
 			}
-		} else if (types !== undefined && typeof types !== 'string') {
-			this.typeError('removeAllEventListeners', 'String');
-		} else {
+		} else if (types === undefined || typeof types === 'string') {
 			this.#events.removeAllListeners(types);
+		} else {
+			this.typeError('removeAllEventListeners', 'String');
 		}
 	}
 
@@ -363,7 +524,7 @@ class AstNode {
 	/**
 	 * 触发事件
 	 * @param {AstEvent} e 事件对象
-	 * @param {any} data 事件数据
+	 * @param {*} data 事件数据
 	 */
 	dispatchEvent(e, data) {
 		if (!(e instanceof Event)) {
@@ -386,198 +547,223 @@ class AstNode {
 		}
 	}
 
-	/**
-	 * 移除子节点
-	 * @param {number} i 移除位置
-	 */
-	removeAt(i) {
-		this.getAttribute('verifyChild')(i);
-		const childNodes = [...this.childNodes],
-			[node] = childNodes.splice(i, 1),
-			e = new Event('remove', {bubbles: true});
-		node.setAttribute('parentNode');
-		this.setAttribute('childNodes', childNodes).dispatchEvent(e, {position: i, removed: node});
-		return node;
+	/** 获取所有祖先节点 */
+	getAncestors() {
+		const /** @type {this[]} */ ancestors = [];
+		let {parentNode} = this;
+		while (parentNode) {
+			ancestors.push(parentNode);
+			({parentNode} = parentNode);
+		}
+		return ancestors;
 	}
 
 	/**
-	 * 获取子节点的位置
-	 * @param {this} node 子节点
+	 * 比较和另一个节点的相对位置
+	 * @param {this} other 待比较的节点
 	 * @complexity `n`
-	 * @throws `RangeError` 找不到子节点
-	 */
-	#getChildIndex(node) {
-		const {childNodes} = this,
-			i = childNodes.indexOf(node);
-		if (i === -1) {
-			Parser.error('找不到子节点！', node);
-			throw new RangeError('找不到子节点！');
+	 * @throws `Error` 不在同一个语法树
+	 */
+	compareDocumentPosition(other) {
+		if (!(other instanceof AstNode)) {
+			this.typeError('compareDocumentPosition', 'AstNode');
+		} else if (this === other) {
+			return 0;
+		} else if (this.contains(other)) {
+			return -1;
+		} else if (other.contains(this)) {
+			return 1;
+		} else if (this.getRootNode() !== other.getRootNode()) {
+			throw new Error('不在同一个语法树！');
 		}
-		return i;
+		const aAncestors = [...this.getAncestors().reverse(), this],
+			bAncestors = [...other.getAncestors().reverse(), other],
+			depth = aAncestors.findIndex((ancestor, i) => bAncestors[i] !== ancestor),
+			commonAncestor = aAncestors[depth - 1],
+			{childNodes} = commonAncestor;
+		return childNodes.indexOf(aAncestors[depth]) - childNodes.indexOf(bAncestors[depth]);
 	}
 
 	/**
-	 * 移除子节点
-	 * @template {this} T
-	 * @param {T} node 子节点
+	 * 合并相邻的文本子节点
 	 * @complexity `n`
 	 */
-	removeChild(node) {
-		this.removeAt(this.#getChildIndex(node));
-		return node;
+	normalize() {
+		const AstText = require('./text');
+		const /** @type {AstText[]} */ childNodes = [...this.childNodes];
+		for (let i = childNodes.length - 1; i >= 0; i--) {
+			const {type, data} = childNodes[i];
+			if (this.getGaps(i - 1)) {
+				//
+			} else if (data === '') {
+				childNodes.splice(i, 1);
+			} else if (type === 'text' && childNodes[i - 1]?.type === 'text') {
+				childNodes[i - 1].setAttribute('data', childNodes[i - 1].data + data);
+				childNodes.splice(i, 1);
+			}
+		}
+		this.setAttribute('childNodes', childNodes);
+	}
+
+	/** 获取根节点 */
+	getRootNode() {
+		let {parentNode} = this;
+		while (parentNode?.parentNode) {
+			({parentNode} = parentNode);
+		}
+		return parentNode ?? this;
 	}
 
 	/**
-	 * 插入子节点
-	 * @template {this} T
-	 * @param {T} node 待插入的子节点
-	 * @param {number} i 插入位置
+	 * 将字符位置转换为行列号
+	 * @param {number} index 字符位置
 	 * @complexity `n`
-	 * @throws `RangeError` 不能插入祖先节点
 	 */
-	insertAt(node, i = this.childNodes.length) {
-		if (!(node instanceof AstNode)) {
-			this.typeError('insertAt', 'String', 'AstNode');
-		} else if (node.contains(this)) {
-			Parser.error('不能插入祖先节点！', node);
-			throw new RangeError('不能插入祖先节点！');
+	posFromIndex(index) {
+		if (!Number.isInteger(index)) {
+			this.typeError('posFromIndex', 'Number');
 		}
-		this.getAttribute('verifyChild')(i, 1);
-		const childNodes = [...this.childNodes],
-			e = new Event('insert', {bubbles: true}),
-			j = Parser.running ? -1 : childNodes.indexOf(node);
-		if (j === -1) {
-			node.parentNode?.removeChild(node);
-			node.setAttribute('parentNode', this);
-		} else {
-			childNodes.splice(j, 1);
+		const str = String(this);
+		if (index >= -str.length && index <= str.length) {
+			const lines = str.slice(0, index).split('\n');
+			return {top: lines.length - 1, left: lines.at(-1).length};
 		}
-		childNodes.splice(i, 0, node);
-		this.setAttribute('childNodes', childNodes)
-			.dispatchEvent(e, {position: i < 0 ? i + this.childNodes.length - 1 : i, inserted: node});
-		return node;
+		return undefined;
 	}
 
 	/**
-	 * 在末尾插入子节点
-	 * @template {this} T
-	 * @param {T} node 插入节点
+	 * 将行列号转换为字符位置
+	 * @param {number} top 行号
+	 * @param {number} left 列号
 	 * @complexity `n`
 	 */
-	appendChild(node) {
-		return this.insertAt(node);
+	indexFromPos(top, left) {
+		if (!Number.isInteger(top) || !Number.isInteger(left)) {
+			this.typeError('indexFromPos', 'Number');
+		}
+		const lines = String(this).split('\n');
+		return top >= 0 && left >= 0 && lines.length >= top + 1 && lines[top].length >= left
+			? lines.slice(0, top).reduce((acc, curLine) => acc + curLine.length + 1, 0) + left
+			: undefined;
 	}
 
 	/**
-	 * 在指定位置前插入子节点
-	 * @template {this} T
-	 * @param {T} child 插入节点
-	 * @param {this} reference 指定位置处的子节点
+	 * 获取行数和最后一行的列数
 	 * @complexity `n`
 	 */
-	insertBefore(child, reference) {
-		return reference === undefined ? this.appendChild(child) : this.insertAt(child, this.#getChildIndex(reference));
+	#getDimension() {
+		const lines = String(this).split('\n');
+		return {height: lines.length, width: lines.at(-1).length};
+	}
+
+	/** 第一个子节点前的间距 */
+	getPadding() {
+		return 0;
+	}
+
+	/** 子节点间距 */
+	getGaps() {
+		return 0;
 	}
 
 	/**
-	 * 替换子节点
-	 * @template {this} T
-	 * @param {this} newChild 新子节点
-	 * @param {T} oldChild 原子节点
+	 * 获取当前节点的相对字符位置，或其第`j`个子节点的相对字符位置
+	 * @param {number|undefined} j 子节点序号
 	 * @complexity `n`
 	 */
-	replaceChild(newChild, oldChild) {
-		const i = this.#getChildIndex(oldChild);
-		this.removeAt(i);
-		this.insertAt(newChild, i);
-		return oldChild;
+	getRelativeIndex(j) {
+		let /** @type {this[]} */ childNodes;
+
+		/**
+		 * 获取子节点相对于父节点的字符位置，使用前需要先给`childNodes`赋值
+		 * @param {number} end 子节点序号
+		 * @param {this} parent 父节点
+		 * @returns {number}
+		 */
+		const getIndex = (end, parent) => childNodes.slice(0, end).reduce(
+			(acc, cur, i) => acc + String(cur).length + parent.getGaps(i),
+			0,
+		) + parent.getPadding();
+		if (j === undefined) {
+			const {parentNode} = this;
+			if (parentNode) {
+				({childNodes} = parentNode);
+				return getIndex(childNodes.indexOf(this), parentNode);
+			}
+			return 0;
+		}
+		this.getAttribute('verifyChild')(j, 1);
+		({childNodes} = this);
+		return getIndex(j, this);
 	}
 
 	/**
-	 * 在当前节点前后插入兄弟节点
-	 * @param {this[]} nodes 插入节点
-	 * @param {number} offset 插入的相对位置
+	 * 获取当前节点的绝对位置
+	 * @returns {number}
 	 * @complexity `n`
-	 * @throws `Error` 不存在父节点
 	 */
-	#insertAdjacent(nodes, offset) {
+	getAbsoluteIndex() {
 		const {parentNode} = this;
-		if (!parentNode) {
-			throw new Error('不存在父节点！');
-		}
-		const i = parentNode.childNodes.indexOf(this) + offset;
-		for (let j = 0; j < nodes.length; j++) {
-			parentNode.insertAt(nodes[j], i + j);
-		}
+		return parentNode ? parentNode.getAbsoluteIndex() + this.getRelativeIndex() : 0;
 	}
 
 	/**
-	 * 在后方批量插入兄弟节点
-	 * @param {...this} nodes 插入节点
+	 * 获取当前节点的相对位置，或其第`j`个子节点的相对位置
+	 * @param {number|undefined} j 子节点序号
 	 * @complexity `n`
 	 */
-	after(...nodes) {
-		this.#insertAdjacent(nodes, 1);
+	#getPosition(j) {
+		return j === undefined
+			? this.parentNode?.posFromIndex(this.getRelativeIndex()) ?? {top: 0, left: 0}
+			: this.posFromIndex(this.getRelativeIndex(j));
 	}
 
 	/**
-	 * 在前方批量插入兄弟节点
-	 * @param {...this} nodes 插入节点
+	 * 获取当前节点的行列位置和大小
 	 * @complexity `n`
 	 */
-	before(...nodes) {
-		this.#insertAdjacent(nodes, 0);
+	getBoundingClientRect() {
+		return {...this.#getDimension(), ...this.getRootNode().posFromIndex(this.getAbsoluteIndex())};
 	}
 
 	/**
-	 * 移除当前节点
+	 * 行数
 	 * @complexity `n`
-	 * @throws `Error` 不存在父节点
 	 */
-	remove() {
-		const {parentNode} = this;
-		if (!parentNode) {
-			throw new Error('不存在父节点！');
-		}
-		parentNode.removeChild(this);
+	get offsetHeight() {
+		return this.#getDimension().height;
 	}
 
 	/**
-	 * 将当前节点批量替换为新的节点
-	 * @param {...this} nodes 插入节点
+	 * 最后一行的列数
 	 * @complexity `n`
 	 */
-	replaceWith(...nodes) {
-		this.after(...nodes);
-		this.remove();
+	get offsetWidth() {
+		return this.#getDimension().width;
 	}
 
 	/**
-	 * 合并相邻的文本子节点
+	 * 位置、大小和padding
 	 * @complexity `n`
 	 */
-	normalize() {
-		const AstText = require('./text');
-		const /** @type {AstText[]} */ childNodes = [...this.childNodes];
-		for (let i = childNodes.length - 1; i >= 0; i--) {
-			const {type, data} = childNodes[i];
-			if (data === '') {
-				childNodes.splice(i, 1);
-			} else if (type === 'text' && childNodes[i - 1]?.type === 'text') {
-				childNodes[i - 1].setAttribute('data', childNodes[i - 1].data + data);
-				childNodes.splice(i, 1);
-			}
-		}
-		this.setAttribute('childNodes', childNodes);
+	get style() {
+		return {...this.#getPosition(), ...this.#getDimension(), padding: this.getPadding()};
 	}
 
-	/** 获取根节点 */
-	getRootNode() {
-		let {parentNode} = this;
-		while (parentNode?.parentNode) {
-			({parentNode} = parentNode);
-		}
-		return parentNode ?? this;
+	/**
+	 * 相对于父容器的行号
+	 * @complexity `n`
+	 */
+	get offsetTop() {
+		return this.#getPosition().top;
+	}
+
+	/**
+	 * 相对于父容器的列号
+	 * @complexity `n`
+	 */
+	get offsetLeft() {
+		return this.#getPosition().left;
 	}
 }