@tiny-codes/react-easy 1.4.0 → 1.4.2

package/lib/components/Lexical/helpers/index.js

@@ -22,6 +22,7 @@ __export(helpers_exports, {
   clearEditorContent: () => clearEditorContent,
   findNode: () => findNode,
   findNodes: () => findNodes,
+  getDomAttributes: () => getDomAttributes,
   insertNodeAtCursor: () => insertNodeAtCursor,
   insertTextAtCursor: () => insertTextAtCursor,
   updateDomProps: () => updateDomProps,
@@ -167,6 +168,8 @@ function updateDomProps(dom, props) {
         });
       } else if (key === "className" && value) {
         dom.className = value;
+      } else if (key.startsWith("on") && typeof value === "function") {
+        dom[key.toLowerCase()] = value;
       } else if (value !== void 0 && value !== null) {
         dom.setAttribute(key, value.toString());
       }
@@ -185,11 +188,34 @@ function updateDomStyle(dom, style) {
     });
   }
 }
+function getDomAttributes(dom) {
+  if (!dom)
+    return void 0;
+  const attributes = {};
+  Array.from(dom.attributes).forEach((attr) => {
+    if (attr.name === "class" || attr.name === "style") {
+      return;
+    }
+    attributes[attr.name] = attr.value;
+  });
+  if (dom.className) {
+    attributes.className = dom.className;
+  }
+  if (dom.style) {
+    const styles = {};
+    Array.from(dom.style).forEach((styleName) => {
+      styles[styleName] = dom.style[styleName];
+    });
+    attributes.style = styles;
+  }
+  return attributes;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   clearEditorContent,
   findNode,
   findNodes,
+  getDomAttributes,
   insertNodeAtCursor,
   insertTextAtCursor,
   updateDomProps,

package/lib/components/Lexical/helpers/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Lexical/helpers/index.ts"],
-  "sourcesContent": ["import type { CSSProperties, HtmlHTMLAttributes } from 'react';\nimport type { LexicalEditor, LexicalNode } from 'lexical';\nimport {\n  $createTextNode,\n  $getRoot,\n  $getSelection,\n  $isDecoratorNode,\n  $isElementNode,\n  $isParagraphNode,\n  $isRangeSelection,\n  $isTextNode,\n} from 'lexical';\nimport { $createDivNode, $isDivNode } from '../nodes/DivNode';\n\n/**\n * 将节点插入到当前光标位置\n *\n * @param editor LexicalEditor 实例\n * @param node 要插入的节点\n */\nexport function insertNodeAtCursor(editor: LexicalEditor, node: LexicalNode): void {\n  editor.update(() => {\n    const selection = $getSelection();\n    if (selection) {\n      if ($isRangeSelection(selection)) {\n        // 如果没有选取，则直接在根节点末尾插入\n        const lastNode = selection.focus.getNode();\n        if (lastNode) {\n          if ($isParagraphNode(lastNode)) {\n            lastNode.append(node);\n          } else if ($isTextNode(lastNode)) {\n            // 如果最后一个节点是文本节点，则在其后插入 SelectNode\n            lastNode.insertAfter(node);\n          } else if ($isDivNode(lastNode)) {\n            lastNode.append(node);\n          } else {\n            selection.insertNodes([node]);\n          }\n          node.selectNext();\n        }\n      } else {\n        selection.insertNodes([node]);\n        node.selectNext();\n      }\n    } else {\n      const root = $getRoot();\n      let nodeToInsert: LexicalNode = node;\n      if ($isElementNode(node) || $isDecoratorNode(node)) {\n        nodeToInsert = node;\n      } else {\n        const container = $createDivNode({\n          style: { display: 'inline-block' },\n        });\n        container.append(node);\n        nodeToInsert = container;\n      }\n      root.append(nodeToInsert);\n      node.selectNext();\n    }\n  });\n}\n\n/**\n * 将文本插入到当前光标位置\n *\n * @param editor LexicalEditor 实例\n * @param text 要插入的文本\n */\nexport function insertTextAtCursor(editor: LexicalEditor, text: string): void {\n  editor?.update(() => {\n    const textNode = $createTextNode(text);\n    const root = $getRoot();\n    const selection = $getSelection();\n    if (selection) {\n      // 插入光标位置\n      selection.insertText(text);\n    } else {\n      // 如果没有选取，则直接在根节点末尾插入\n      const lastNode = root.getLastChild();\n      if (lastNode && $isParagraphNode(lastNode)) {\n        lastNode.append(textNode);\n      } else {\n        const container = $createDivNode({\n          style: { display: 'inline-block' },\n        });\n        container.append(textNode);\n        root.append(container);\n      }\n    }\n  });\n}\n\n/**\n * 清空编辑器内容\n *\n * @param editor LexicalEditor 实例\n */\nexport function clearEditorContent(editor: LexicalEditor) {\n  const state = editor.getEditorState();\n  const stateJson = state.toJSON();\n  // 默认创建一个ParagraphNode\n  const newJson = {\n    ...stateJson,\n    root: {\n      ...stateJson.root,\n      children: [\n        {\n          children: [],\n          direction: null,\n          format: '',\n          indent: 0,\n          type: 'paragraph',\n          version: 1,\n          textFormat: 0,\n          textStyle: '',\n        },\n      ],\n    },\n  };\n  const emptyState = editor.parseEditorState(JSON.stringify(newJson));\n  editor.setEditorState(emptyState);\n  editor.update(() => {\n    const root = $getRoot();\n    root.clear();\n  });\n}\n\n/**\n * 查找符合条件的节点\n *\n * @param editor LexicalEditor 实例\n * @param predicate 用于匹配节点的函数\n * @param options 选项\n *\n * @returns 符合条件的节点数组\n */\nexport function findNode<T extends LexicalNode>(\n  editor: LexicalEditor,\n  predicate: (node: LexicalNode) => boolean\n): T | undefined {\n  const matched = findNodes<T>(editor, predicate, { stopOnFirstMatch: true });\n  return matched[0];\n}\n/**\n * 查找所有符合条件的节点数组\n *\n * @param editor LexicalEditor 实例\n * @param predicate 用于匹配节点的函数\n * @param options 选项\n *\n * @returns 符合条件的节点数组\n */\nexport function findNodes<T extends LexicalNode>(\n  editor: LexicalEditor,\n  predicate: (node: LexicalNode) => boolean,\n  options?: {\n    stopOnFirstMatch?: boolean;\n  }\n): T[] {\n  const matched: T[] = [];\n  editor.getEditorState().read(() => {\n    const root = $getRoot();\n    const traverse = (node: LexicalNode, result: T[]) => {\n      if (predicate(node)) {\n        result.push(node as unknown as T);\n        if (options?.stopOnFirstMatch) {\n          return;\n        }\n      }\n      if ($isElementNode(node)) {\n        const children = node.getChildren();\n        for (const child of children) {\n          traverse(child, result);\n          if (options?.stopOnFirstMatch && result.length > 0) {\n            return;\n          }\n        }\n      }\n    };\n    traverse(root, matched);\n  });\n  return matched;\n}\n\n/**\n * 更新 DOM 元素的属性\n *\n * @param dom 要更新的 DOM 元素\n * @param props 要设置的属性\n */\nexport function updateDomProps(dom: HTMLElement | undefined, props: HtmlHTMLAttributes<HTMLElement>): void {\n  if (!dom) return;\n  Array.from(dom.attributes).forEach((attr) => {\n    if (!attr.name.startsWith('data-lexical')) {\n      dom.removeAttribute(attr.name);\n    }\n  });\n\n  dom.removeAttribute('style');\n  dom.removeAttribute('class');\n\n  if (props) {\n    Object.entries(props).forEach(([key, value]) => {\n      if (key === 'style' && value) {\n        Object.entries(value as CSSProperties).forEach(([styleKey, styleValue]) => {\n          if (styleValue !== undefined) {\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            (dom.style as any)[styleKey] = styleValue;\n          }\n        });\n      } else if (key === 'className' && value) {\n        dom.className = value as string;\n      } else if (value !== undefined && value !== null) {\n        dom.setAttribute(key, value.toString());\n      }\n    });\n  }\n}\n\n/**\n * 更新 DOM 元素的样式\n *\n * @param dom 要更新的 DOM 元素\n * @param style 要设置的样式\n */\nexport function updateDomStyle(dom: HTMLElement | undefined, style: CSSProperties | undefined): void {\n  if (!dom) return;\n  dom.removeAttribute('style');\n  if (style) {\n    Object.entries(style).forEach(([styleKey, styleValue]) => {\n      if (styleValue !== undefined) {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        (dom.style as any)[styleKey] = styleValue;\n      }\n    });\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { CSSProperties, HtmlHTMLAttributes } from 'react';\nimport type { LexicalEditor, LexicalNode } from 'lexical';\nimport {\n  $createTextNode,\n  $getRoot,\n  $getSelection,\n  $isDecoratorNode,\n  $isElementNode,\n  $isParagraphNode,\n  $isRangeSelection,\n  $isTextNode,\n} from 'lexical';\nimport { $createDivNode, $isDivNode } from '../nodes/DivNode';\n\n/**\n * - EN: Insert a node at the current cursor position.\n * - CN: 将节点插入到当前光标位置。\n *\n * @param editor LexicalEditor instance | LexicalEditor 实例\n * @param node Node to insert | 要插入的节点\n */\nexport function insertNodeAtCursor(editor: LexicalEditor, node: LexicalNode): void {\n  editor.update(() => {\n    const selection = $getSelection();\n    if (selection) {\n      if ($isRangeSelection(selection)) {\n        // 如果没有选取，则直接在根节点末尾插入\n        const lastNode = selection.focus.getNode();\n        if (lastNode) {\n          if ($isParagraphNode(lastNode)) {\n            lastNode.append(node);\n          } else if ($isTextNode(lastNode)) {\n            // 如果最后一个节点是文本节点，则在其后插入 SelectNode\n            lastNode.insertAfter(node);\n          } else if ($isDivNode(lastNode)) {\n            lastNode.append(node);\n          } else {\n            selection.insertNodes([node]);\n          }\n          node.selectNext();\n        }\n      } else {\n        selection.insertNodes([node]);\n        node.selectNext();\n      }\n    } else {\n      const root = $getRoot();\n      let nodeToInsert: LexicalNode = node;\n      if ($isElementNode(node) || $isDecoratorNode(node)) {\n        nodeToInsert = node;\n      } else {\n        const container = $createDivNode({\n          style: { display: 'inline-block' },\n        });\n        container.append(node);\n        nodeToInsert = container;\n      }\n      root.append(nodeToInsert);\n      node.selectNext();\n    }\n  });\n}\n\n/**\n * - EN: Insert text at the current cursor position.\n * - CN: 将文本插入到当前光标位置。\n *\n * @param editor LexicalEditor instance | LexicalEditor 实例\n * @param text Text to insert | 要插入的文本\n */\nexport function insertTextAtCursor(editor: LexicalEditor, text: string): void {\n  editor?.update(() => {\n    const textNode = $createTextNode(text);\n    const root = $getRoot();\n    const selection = $getSelection();\n    if (selection) {\n      // 插入光标位置\n      selection.insertText(text);\n    } else {\n      // 如果没有选取，则直接在根节点末尾插入\n      const lastNode = root.getLastChild();\n      if (lastNode && $isParagraphNode(lastNode)) {\n        lastNode.append(textNode);\n      } else {\n        const container = $createDivNode({\n          style: { display: 'inline-block' },\n        });\n        container.append(textNode);\n        root.append(container);\n      }\n    }\n  });\n}\n\n/**\n * - EN: Clear the editor content.\n * - CN: 清空编辑器内容。\n *\n * @param editor LexicalEditor instance | LexicalEditor 实例\n */\nexport function clearEditorContent(editor: LexicalEditor) {\n  const state = editor.getEditorState();\n  const stateJson = state.toJSON();\n  // 默认创建一个ParagraphNode\n  const newJson = {\n    ...stateJson,\n    root: {\n      ...stateJson.root,\n      children: [\n        {\n          children: [],\n          direction: null,\n          format: '',\n          indent: 0,\n          type: 'paragraph',\n          version: 1,\n          textFormat: 0,\n          textStyle: '',\n        },\n      ],\n    },\n  };\n  const emptyState = editor.parseEditorState(JSON.stringify(newJson));\n  editor.setEditorState(emptyState);\n  editor.update(() => {\n    const root = $getRoot();\n    root.clear();\n  });\n}\n\n/**\n * - EN: Find the first node that matches the predicate.\n * - CN: 查找第一个符合条件的节点。\n *\n * @param editor LexicalEditor instance | LexicalEditor 实例\n * @param predicate Function to test whether a node matches | 用于匹配节点的函数\n *\n * @returns The matched node, or undefined | 符合条件的第一个节点，或 undefined\n */\nexport function findNode<T extends LexicalNode>(\n  editor: LexicalEditor,\n  predicate: (node: LexicalNode) => boolean\n): T | undefined {\n  const matched = findNodes<T>(editor, predicate, { stopOnFirstMatch: true });\n  return matched[0];\n}\n/**\n * - EN: Find all nodes that match the predicate.\n * - CN: 查找所有符合条件的节点数组。\n *\n * @param editor LexicalEditor instance | LexicalEditor 实例\n * @param predicate Function to test whether a node matches | 用于匹配节点的函数\n * @param options Options | 选项\n *\n * @returns An array of matched nodes | 符合条件的节点数组\n */\nexport function findNodes<T extends LexicalNode>(\n  editor: LexicalEditor,\n  predicate: (node: LexicalNode) => boolean,\n  options?: {\n    stopOnFirstMatch?: boolean;\n  }\n): T[] {\n  const matched: T[] = [];\n  editor.getEditorState().read(() => {\n    const root = $getRoot();\n    const traverse = (node: LexicalNode, result: T[]) => {\n      if (predicate(node)) {\n        result.push(node as unknown as T);\n        if (options?.stopOnFirstMatch) {\n          return;\n        }\n      }\n      if ($isElementNode(node)) {\n        const children = node.getChildren();\n        for (const child of children) {\n          traverse(child, result);\n          if (options?.stopOnFirstMatch && result.length > 0) {\n            return;\n          }\n        }\n      }\n    };\n    traverse(root, matched);\n  });\n  return matched;\n}\n\n/**\n * - EN: Update properties on a DOM element.\n * - CN: 更新 DOM 元素的属性。\n *\n * @param dom Target DOM element to update | 要更新的 DOM 元素\n * @param props Props to set on the element | 要设置的属性\n */\nexport function updateDomProps(dom: HTMLElement | undefined, props: HtmlHTMLAttributes<HTMLElement>): void {\n  if (!dom) return;\n  Array.from(dom.attributes).forEach((attr) => {\n    if (!attr.name.startsWith('data-lexical')) {\n      dom.removeAttribute(attr.name);\n    }\n  });\n\n  dom.removeAttribute('style');\n  dom.removeAttribute('class');\n\n  if (props) {\n    Object.entries(props).forEach(([key, value]) => {\n      if (key === 'style' && value) {\n        Object.entries(value as CSSProperties).forEach(([styleKey, styleValue]) => {\n          if (styleValue !== undefined) {\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            (dom.style as any)[styleKey] = styleValue;\n          }\n        });\n      } else if (key === 'className' && value) {\n        dom.className = value as string;\n      } else if (key.startsWith('on') && typeof value === 'function') {\n        dom[key.toLowerCase() as 'onclick'] = value as (event: MouseEvent) => void;\n      } else if (value !== undefined && value !== null) {\n        dom.setAttribute(key, value.toString());\n      }\n    });\n  }\n}\n\n/**\n * - EN: Update style on a DOM element.\n * - CN: 更新 DOM 元素的样式。\n *\n * @param dom Target DOM element to update | 要更新的 DOM 元素\n * @param style Style to set | 要设置的样式\n */\nexport function updateDomStyle(dom: HTMLElement | undefined, style: CSSProperties | undefined): void {\n  if (!dom) return;\n  dom.removeAttribute('style');\n  if (style) {\n    Object.entries(style).forEach(([styleKey, styleValue]) => {\n      if (styleValue !== undefined) {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        (dom.style as any)[styleKey] = styleValue;\n      }\n    });\n  }\n}\n\n/**\n * - EN: Get attributes from a DOM element.\n * - CN: 从 DOM 元素获取属性。\n *\n * @param dom Target DOM element | 目标 DOM 元素\n *\n * @returns Element attributes | 元素属性\n */\nexport function getDomAttributes(dom: HTMLElement | undefined): HtmlHTMLAttributes<HTMLElement> | undefined {\n  if (!dom) return undefined;\n\n  const attributes: HtmlHTMLAttributes<HTMLElement> = {};\n  Array.from(dom.attributes).forEach((attr) => {\n    if (attr.name === 'class' || attr.name === 'style') {\n      return;\n    }\n    attributes[attr.name as keyof HtmlHTMLAttributes<HTMLElement>] = attr.value;\n  });\n\n  if (dom.className) {\n    attributes.className = dom.className;\n  }\n\n  if (dom.style) {\n    const styles: CSSProperties = {};\n    Array.from(dom.style).forEach((styleName) => {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      (styles as any)[styleName] = (dom.style as any)[styleName];\n    });\n    attributes.style = styles;\n  }\n\n  return attributes;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/lib/components/Lexical/index.d.ts

@@ -3,3 +3,4 @@ export * from './nodes/base';
 export * from './nodes/DivNode';
 export * from './nodes/SelectNode';
 export * from './nodes/ExtendTextNode';
+export * from './nodes/CloseIcon';

package/lib/components/Lexical/index.js

@@ -21,12 +21,14 @@ __reExport(Lexical_exports, require("./nodes/base"), module.exports);
 __reExport(Lexical_exports, require("./nodes/DivNode"), module.exports);
 __reExport(Lexical_exports, require("./nodes/SelectNode"), module.exports);
 __reExport(Lexical_exports, require("./nodes/ExtendTextNode"), module.exports);
+__reExport(Lexical_exports, require("./nodes/CloseIcon"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./helpers"),
   ...require("./nodes/base"),
   ...require("./nodes/DivNode"),
   ...require("./nodes/SelectNode"),
-  ...require("./nodes/ExtendTextNode")
+  ...require("./nodes/ExtendTextNode"),
+  ...require("./nodes/CloseIcon")
 });
 //# sourceMappingURL=index.js.map

package/lib/components/Lexical/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Lexical/index.ts"],
-  "sourcesContent": ["export * from './helpers';\nexport * from './nodes/base';\nexport * from './nodes/DivNode';\nexport * from './nodes/SelectNode';\nexport * from './nodes/ExtendTextNode';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,4BAAc,sBAAd;AACA,4BAAc,yBADd;AAEA,4BAAc,4BAFd;AAGA,4BAAc,+BAHd;AAIA,4BAAc,mCAJd;",
+  "sourcesContent": ["export * from './helpers';\nexport * from './nodes/base';\nexport * from './nodes/DivNode';\nexport * from './nodes/SelectNode';\nexport * from './nodes/ExtendTextNode';\nexport * from './nodes/CloseIcon';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,4BAAc,sBAAd;AACA,4BAAc,yBADd;AAEA,4BAAc,4BAFd;AAGA,4BAAc,+BAHd;AAIA,4BAAc,mCAJd;AAKA,4BAAc,8BALd;",
   "names": []
 }

package/lib/components/Lexical/nodes/CloseIcon.d.ts

@@ -0,0 +1,71 @@
+import { type CSSProperties, type HtmlHTMLAttributes, type ReactNode } from 'react';
+import type { LexicalNode, SerializedLexicalNode, Spread } from 'lexical';
+import type { BaseDecoratorNodeProps, BaseNodeProps } from './base';
+import { BaseDecoratorNode } from './base';
+export interface CloseIconNodeProps extends HtmlHTMLAttributes<HTMLSpanElement>, BaseDecoratorNodeProps {
+    /**
+     * - EN: Parent element class name, used to add positioning styles to the parent element.
+     * - CN: 父元素的类名，用于给父元素添加定位样式
+     */
+    parentClassName: string;
+    /**
+     * - EN: The custom icon to display, optional
+     * - CN: 要显示的自定义图标，可选
+     */
+    icon?: ReactNode;
+    /**
+     * - EN: The default class name for the close icon element. This property is invalid if `icon` is
+     *   set.
+     * - CN: 默认关闭图标元素的类名，如果设置了 `icon` 则该属性无效
+     */
+    iconClassName?: string;
+    /**
+     * - EN: The custom style for the close icon element. This property is invalid if `icon` is set.
+     * - CN: 自定义关闭图标元素的样式，如果设置了 `icon` 则该属性无效
+     */
+    iconStyle?: CSSProperties;
+    /**
+     * - EN: The click event handler for the close icon element.
+     * - CN: 关闭图标元素的点击事件
+     */
+    onClick?: (e: React.MouseEvent<HTMLSpanElement>) => void;
+}
+/**
+ * - EN: A node that represents a close icon.
+ * - CN: 一个关闭图标的节点。
+ */
+export declare class CloseIconNode extends BaseDecoratorNode<ReactNode, CloseIconNodeProps> {
+    __hashId: string;
+    constructor(props: CloseIconNodeProps & {
+        key?: string;
+    });
+    static getType(): string;
+    static clone(node: CloseIconNode): CloseIconNode;
+    static importJSON(serializedNode: SerializedCloseIconNode): CloseIconNode;
+    exportJSON(): SerializedCloseIconNode;
+    createDOM(): HTMLElement;
+    updateDOM(): boolean;
+    decorate(): ReactNode;
+    isInline(): boolean;
+    getPropValue(propName: keyof CloseIconNodeProps): CloseIconNodeProps[typeof propName];
+    setProps(props: Partial<CloseIconNodeProps>): void;
+    getUnderlyingProps(props: CloseIconNodeProps | undefined): Omit<CloseIconNodeProps, keyof BaseNodeProps>;
+}
+/**
+ * - EN: Factory to create a CloseIconNode.
+ * - CN: 创建 CloseIconNode 的工厂函数。
+ *
+ * @param props Props for the CloseIcon node | CloseIcon 节点的属性
+ */
+export declare function $createCloseIconNode(props: CloseIconNodeProps): CloseIconNode;
+/**
+ * - EN: Type guard to check whether a node is CloseIconNode.
+ * - CN: 判断节点是否为 CloseIconNode 的类型守卫。
+ *
+ * @param node Node to test | 要检测的节点
+ */
+export declare function $isCloseIconNode(node: LexicalNode | null | undefined): node is CloseIconNode;
+type SerializedCloseIconNode = Spread<{
+    props: CloseIconNodeProps;
+}, SerializedLexicalNode>;
+export {};

package/lib/components/Lexical/nodes/CloseIcon.js

@@ -0,0 +1,149 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Lexical/nodes/CloseIcon.tsx
+var CloseIcon_exports = {};
+__export(CloseIcon_exports, {
+  $createCloseIconNode: () => $createCloseIconNode,
+  $isCloseIconNode: () => $isCloseIconNode,
+  CloseIconNode: () => CloseIconNode
+});
+module.exports = __toCommonJS(CloseIcon_exports);
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_icons = require("@ant-design/icons");
+var import_utils = require("../../../utils");
+var import_helpers = require("../helpers");
+var import_base = require("./base");
+var CLOSE_ICON_CLASSNAME = "lexical-close-icon";
+var CloseIconNode = class extends import_base.BaseDecoratorNode {
+  constructor(props) {
+    super(props);
+    this.__hashId = `hash-${(0, import_utils.randomChars)(6)}`;
+  }
+  static getType() {
+    return "CloseIcon";
+  }
+  static clone(node) {
+    return new CloseIconNode({ ...node.__props, key: node.getKey() });
+  }
+  static importJSON(serializedNode) {
+    return $createCloseIconNode(serializedNode.props);
+  }
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      props: this.__props,
+      type: this.getType(),
+      version: 1
+    };
+  }
+  createDOM() {
+    var _a;
+    const span = document.createElement("span");
+    const underlyingProps = this.getUnderlyingProps(this.__props);
+    const className = (0, import_classnames.default)(CLOSE_ICON_CLASSNAME, this.__hashId, underlyingProps == null ? void 0 : underlyingProps.className);
+    (0, import_helpers.updateDomProps)(span, { ...underlyingProps, className });
+    const stylesheet = document.createElement("style");
+    const token = import_antd.theme.getDesignToken();
+    const parentCls = ((_a = this.__props) == null ? void 0 : _a.parentClassName) ? `.${this.__props.parentClassName}` : "";
+    stylesheet.innerHTML = `
+      ${parentCls ? `
+          ${parentCls} { 
+            position: relative;
+          }
+          ` : ""}
+      ${parentCls} .${CLOSE_ICON_CLASSNAME}.${this.__hashId} {
+        position: absolute;
+        top: 0;
+        right: 0;
+        transform: translate(50%, -50%);
+        color: ${token.colorTextDisabled};
+        font-size: ${token.fontSizeSM}px;
+        line-height: 0;
+        z-index: 1;
+        opacity: 0;
+        cursor: pointer;
+        pointer-events: none;
+        transition: opacity 0.2s ease;
+      }
+      ${parentCls}:hover .${CLOSE_ICON_CLASSNAME}.${this.__hashId} {
+        opacity: 1;
+        pointer-events: auto;
+      }
+      ${parentCls}:hover .${CLOSE_ICON_CLASSNAME}.${this.__hashId}:hover {
+        color: ${token.colorTextSecondary};
+      }
+    `;
+    span.append(stylesheet);
+    return span;
+  }
+  updateDOM() {
+    return false;
+  }
+  decorate() {
+    return /* @__PURE__ */ React.createElement(CloseIconComponent, { node: this });
+  }
+  isInline() {
+    return false;
+  }
+  getPropValue(propName) {
+    var _a;
+    return (_a = this.__props) == null ? void 0 : _a[propName];
+  }
+  setProps(props) {
+    const writable = this.getWritable();
+    writable.__props = {
+      ...writable.__props,
+      ...props
+    };
+  }
+  getUnderlyingProps(props) {
+    const excludeProps = super.getUnderlyingProps(props);
+    const { icon, iconClassName, iconStyle, onClick, ...rest } = excludeProps || {};
+    return rest;
+  }
+};
+function CloseIconComponent({ node }) {
+  const { icon, iconClassName, iconStyle, onClick } = node.__props || {};
+  const closeIcon = icon ?? /* @__PURE__ */ React.createElement(import_icons.CloseCircleOutlined, { className: (0, import_classnames.default)(node.__hashId, iconClassName), style: iconStyle, onClick });
+  return closeIcon;
+}
+function $createCloseIconNode(props) {
+  return new CloseIconNode(props);
+}
+function $isCloseIconNode(node) {
+  return node instanceof CloseIconNode;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  $createCloseIconNode,
+  $isCloseIconNode,
+  CloseIconNode
+});
+//# sourceMappingURL=CloseIcon.js.map

package/lib/components/Lexical/nodes/CloseIcon.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Lexical/nodes/CloseIcon.tsx"],
+  "sourcesContent": ["import { type CSSProperties, type HtmlHTMLAttributes, type ReactNode } from 'react';\nimport { theme } from 'antd';\nimport classNames from 'classnames';\nimport type { LexicalNode, SerializedLexicalNode, Spread } from 'lexical';\nimport { CloseCircleOutlined } from '@ant-design/icons';\nimport { randomChars } from '../../../utils';\nimport { updateDomProps } from '../helpers';\nimport type { BaseDecoratorNodeProps, BaseNodeProps } from './base';\nimport { BaseDecoratorNode } from './base';\n\nconst CLOSE_ICON_CLASSNAME = 'lexical-close-icon';\n\nexport interface CloseIconNodeProps extends HtmlHTMLAttributes<HTMLSpanElement>, BaseDecoratorNodeProps {\n  /**\n   * - EN: Parent element class name, used to add positioning styles to the parent element.\n   * - CN: 父元素的类名，用于给父元素添加定位样式\n   */\n  parentClassName: string;\n  /**\n   * - EN: The custom icon to display, optional\n   * - CN: 要显示的自定义图标，可选\n   */\n  icon?: ReactNode;\n  /**\n   * - EN: The default class name for the close icon element. This property is invalid if `icon` is\n   *   set.\n   * - CN: 默认关闭图标元素的类名，如果设置了 `icon` 则该属性无效\n   */\n  iconClassName?: string;\n  /**\n   * - EN: The custom style for the close icon element. This property is invalid if `icon` is set.\n   * - CN: 自定义关闭图标元素的样式，如果设置了 `icon` 则该属性无效\n   */\n  iconStyle?: CSSProperties;\n  /**\n   * - EN: The click event handler for the close icon element.\n   * - CN: 关闭图标元素的点击事件\n   */\n  onClick?: (e: React.MouseEvent<HTMLSpanElement>) => void;\n}\n\n/**\n * - EN: A node that represents a close icon.\n * - CN: 一个关闭图标的节点。\n */\nexport class CloseIconNode extends BaseDecoratorNode<ReactNode, CloseIconNodeProps> {\n  __hashId: string;\n\n  constructor(props: CloseIconNodeProps & { key?: string }) {\n    super(props);\n    this.__hashId = `hash-${randomChars(6)}`;\n  }\n\n  static getType(): string {\n    return 'CloseIcon';\n  }\n\n  static clone(node: CloseIconNode): CloseIconNode {\n    return new CloseIconNode({ ...node.__props!, key: node.getKey() });\n  }\n\n  static importJSON(serializedNode: SerializedCloseIconNode): CloseIconNode {\n    return $createCloseIconNode(serializedNode.props);\n  }\n\n  exportJSON(): SerializedCloseIconNode {\n    return {\n      ...super.exportJSON(),\n      props: this.__props!,\n      type: this.getType(),\n      version: 1,\n    };\n  }\n\n  createDOM(): HTMLElement {\n    const span = document.createElement('span');\n    const underlyingProps = this.getUnderlyingProps(this.__props);\n    const className = classNames(CLOSE_ICON_CLASSNAME, this.__hashId, underlyingProps?.className);\n    updateDomProps(span, { ...underlyingProps, className });\n    const stylesheet = document.createElement('style');\n    const token = theme.getDesignToken();\n    const parentCls = this.__props?.parentClassName ? `.${this.__props.parentClassName}` : '';\n    stylesheet.innerHTML = `\n      ${\n        parentCls\n          ? `\n          ${parentCls} { \n            position: relative;\n          }\n          `\n          : ''\n      }\n      ${parentCls} .${CLOSE_ICON_CLASSNAME}.${this.__hashId} {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%, -50%);\n        color: ${token.colorTextDisabled};\n        font-size: ${token.fontSizeSM}px;\n        line-height: 0;\n        z-index: 1;\n        opacity: 0;\n        cursor: pointer;\n        pointer-events: none;\n        transition: opacity 0.2s ease;\n      }\n      ${parentCls}:hover .${CLOSE_ICON_CLASSNAME}.${this.__hashId} {\n        opacity: 1;\n        pointer-events: auto;\n      }\n      ${parentCls}:hover .${CLOSE_ICON_CLASSNAME}.${this.__hashId}:hover {\n        color: ${token.colorTextSecondary};\n      }\n    `;\n    span.append(stylesheet);\n    return span;\n  }\n\n  updateDOM() {\n    return false;\n  }\n\n  decorate(): ReactNode {\n    return <CloseIconComponent node={this} />;\n  }\n\n  isInline(): boolean {\n    return false;\n  }\n\n  getPropValue(propName: keyof CloseIconNodeProps): CloseIconNodeProps[typeof propName] {\n    return this.__props?.[propName];\n  }\n\n  setProps(props: Partial<CloseIconNodeProps>): void {\n    const writable = this.getWritable();\n    writable.__props = {\n      ...writable.__props!,\n      ...props,\n    };\n  }\n\n  getUnderlyingProps(props: CloseIconNodeProps | undefined): Omit<CloseIconNodeProps, keyof BaseNodeProps> {\n    const excludeProps = super.getUnderlyingProps(props);\n    /* eslint-disable @typescript-eslint/no-unused-vars */\n    const { icon, iconClassName, iconStyle, onClick, ...rest } = excludeProps || {};\n    /* eslint-enable @typescript-eslint/no-unused-vars */\n    return rest;\n  }\n}\n\n/**\n * - EN: React decorator component rendered for CloseIconNode.\n * - CN: CloseIconNode 对应的 React 装饰组件。\n *\n * @param node The bound CloseIconNode instance | 关联的 CloseIconNode 实例\n */\nfunction CloseIconComponent({ node }: CloseIconComponentProps): ReactNode {\n  const { icon, iconClassName, iconStyle, onClick } = node.__props || {};\n\n  const closeIcon = icon ?? (\n    <CloseCircleOutlined className={classNames(node.__hashId, iconClassName)} style={iconStyle} onClick={onClick} />\n  );\n  return closeIcon;\n}\n\n/**\n * - EN: Factory to create a CloseIconNode.\n * - CN: 创建 CloseIconNode 的工厂函数。\n *\n * @param props Props for the CloseIcon node | CloseIcon 节点的属性\n */\nexport function $createCloseIconNode(props: CloseIconNodeProps): CloseIconNode {\n  return new CloseIconNode(props);\n}\n\n/**\n * - EN: Type guard to check whether a node is CloseIconNode.\n * - CN: 判断节点是否为 CloseIconNode 的类型守卫。\n *\n * @param node Node to test | 要检测的节点\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function $isCloseIconNode(node: LexicalNode | null | undefined): node is CloseIconNode {\n  return node instanceof CloseIconNode;\n}\n\ninterface CloseIconComponentProps {\n  node: CloseIconNode;\n}\ntype SerializedCloseIconNode = Spread<\n  {\n    props: CloseIconNodeProps;\n  },\n  SerializedLexicalNode\n>;\n"],
+  "mappings": "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",
+  "names": ["classNames"]
+}

package/lib/components/Lexical/nodes/DivNode.d.ts

@@ -1,11 +1,19 @@
 import type { CSSProperties, HtmlHTMLAttributes } from 'react';
 import type { DOMConversionMap, DOMExportOutput, LexicalNode, SerializedElementNode, Spread } from 'lexical';
 import { BaseElementNode, type BaseElementProps } from './base';
+/**
+ * - EN: Props for the DivNode, combining DOM div attributes and element behavior flags.
+ * - CN: DivNode 的属性，包含 DOM div 属性与元素行为标记。
+ */
 export interface DivNodeProps extends HtmlHTMLAttributes<HTMLDivElement>, BaseElementProps {
 }
 export type SerializedDivNode = Spread<{
     props?: DivNodeProps;
 }, SerializedElementNode>;
+/**
+ * - EN: Lexical element node that renders a DOM div with controlled props.
+ * - CN: 渲染为 DOM div 且可控制属性的 Lexical 元素节点。
+ */
 export declare class DivNode extends BaseElementNode<DivNodeProps> {
     static getType(): string;
     static clone(node: DivNode): DivNode;
@@ -21,5 +29,17 @@ export declare class DivNode extends BaseElementNode<DivNodeProps> {
     setProps(props: DivNodeProps): void;
     private shallowEqual;
 }
+/**
+ * - EN: Factory to create a DivNode.
+ * - CN: 创建 DivNode 的工厂函数。
+ *
+ * @param props Props for the DivNode | DivNode 的属性
+ */
 export declare function $createDivNode(props?: DivNodeProps): DivNode;
+/**
+ * - EN: Type guard to check if a node is DivNode.
+ * - CN: 判断节点是否为 DivNode 的类型守卫。
+ *
+ * @param node Node to test | 要检测的节点
+ */
 export declare function $isDivNode(node: LexicalNode | null | undefined): node is DivNode;

package/lib/components/Lexical/nodes/DivNode.js

@@ -77,7 +77,7 @@ var DivNode = class extends import_base.BaseElementNode {
   }
   isInline() {
     var _a, _b;
-    const display = (_b = (_a = this.__props) == null ? void 0 : _a.style) == null ? void 0 : _b.display;
+    const display = ((_b = (_a = this.__props) == null ? void 0 : _a.style) == null ? void 0 : _b.display) ?? "block";
     return display === "inline" || display === "inline-flex" || display === "inline-block" || display === "inline-grid" || display === "inline-table" || display === "inline-list-item";
   }
   getPropValue(key) {

package/lib/components/Lexical/nodes/DivNode.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Lexical/nodes/DivNode.tsx"],
-  "sourcesContent": ["import type { CSSProperties, HtmlHTMLAttributes } from 'react';\nimport type {\n  DOMConversionMap,\n  DOMConversionOutput,\n  DOMExportOutput,\n  LexicalNode,\n  SerializedElementNode,\n  Spread,\n} from 'lexical';\nimport { updateDomProps } from '../helpers';\nimport { BaseElementNode, type BaseElementProps } from './base';\n\nexport interface DivNodeProps extends HtmlHTMLAttributes<HTMLDivElement>, BaseElementProps {}\n\nexport type SerializedDivNode = Spread<\n  {\n    props?: DivNodeProps;\n  },\n  SerializedElementNode\n>;\n\nexport class DivNode extends BaseElementNode<DivNodeProps> {\n  static getType(): string {\n    return 'html.div';\n  }\n\n  static clone(node: DivNode): DivNode {\n    return new DivNode({ ...node.__props, key: node.getKey() });\n  }\n\n  protected getForceDisplay(): CSSProperties['display'] {\n    return undefined;\n  }\n\n  createDOM(): HTMLElement {\n    const div = document.createElement('div');\n    const domProps = this.getUnderlyingProps(this.__props);\n    if (domProps) {\n      updateDomProps(div, domProps);\n    }\n    return div;\n  }\n\n  updateDOM(prevNode: DivNode, dom: HTMLElement): boolean {\n    const prevProps = prevNode.__props;\n    const currentProps = this.__props;\n    const propsChanged = !this.shallowEqual(prevProps, currentProps);\n    if (propsChanged) {\n      updateDomProps(dom, this.getUnderlyingProps(currentProps));\n    }\n    // 不重新创建\n    return false;\n  }\n\n  static importDOM(): DOMConversionMap | null {\n    return {\n      div: (node: Node) => ({\n        conversion: convertDivElement,\n        priority: 1,\n      }),\n    };\n  }\n\n  static importJSON(serializedNode: SerializedDivNode): DivNode {\n    return $createDivNode(serializedNode.props);\n  }\n\n  exportJSON(): SerializedDivNode {\n    return {\n      ...super.exportJSON(),\n      props: this.__props,\n      type: this.getType(),\n    };\n  }\n\n  exportDOM(): DOMExportOutput {\n    const element = this.createDOM();\n    return { element };\n  }\n\n  isInline(): boolean {\n    const display = this.__props?.style?.display;\n    return (\n      display === 'inline' ||\n      display === 'inline-flex' ||\n      display === 'inline-block' ||\n      display === 'inline-grid' ||\n      display === 'inline-table' ||\n      display === 'inline-list-item'\n    );\n  }\n\n  getPropValue<K extends keyof DivNodeProps>(key: K): DivNodeProps[K] | undefined {\n    return this.__props?.[key];\n  }\n  setProps(props: DivNodeProps): void {\n    const writable = this.getWritable();\n    writable.__props = {\n      ...writable.__props,\n      ...props,\n      style: {\n        ...writable.__props?.style,\n        ...props.style,\n      },\n    };\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private shallowEqual(obj1: any, obj2: any): boolean {\n    if (obj1 === obj2) return true;\n    if (!obj1 || !obj2) return false;\n\n    const keys1 = Object.keys(obj1);\n    const keys2 = Object.keys(obj2);\n\n    if (keys1.length !== keys2.length) return false;\n\n    for (const key of keys1) {\n      if (key === 'style') {\n        // 特殊处理 style 对象\n        if (!this.shallowEqual(obj1[key], obj2[key])) return false;\n      } else if (obj1[key] !== obj2[key]) {\n        return false;\n      }\n    }\n\n    return true;\n  }\n}\n\nfunction convertDivElement(domNode: Node): DOMConversionOutput {\n  const element = domNode as HTMLElement;\n  if (element.nodeName === 'DIV') {\n    return { node: $createDivNode() };\n  }\n  return { node: null };\n}\n\nexport function $createDivNode(props?: DivNodeProps): DivNode {\n  return new DivNode(props);\n}\n\nexport function $isDivNode(node: LexicalNode | null | undefined): node is DivNode {\n  return node instanceof DivNode;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { CSSProperties, HtmlHTMLAttributes } from 'react';\nimport type {\n  DOMConversionMap,\n  DOMConversionOutput,\n  DOMExportOutput,\n  LexicalNode,\n  SerializedElementNode,\n  Spread,\n} from 'lexical';\nimport { updateDomProps } from '../helpers';\nimport { BaseElementNode, type BaseElementProps } from './base';\n\n/**\n * - EN: Props for the DivNode, combining DOM div attributes and element behavior flags.\n * - CN: DivNode 的属性，包含 DOM div 属性与元素行为标记。\n */\nexport interface DivNodeProps extends HtmlHTMLAttributes<HTMLDivElement>, BaseElementProps {}\n\nexport type SerializedDivNode = Spread<\n  {\n    props?: DivNodeProps;\n  },\n  SerializedElementNode\n>;\n\n/**\n * - EN: Lexical element node that renders a DOM div with controlled props.\n * - CN: 渲染为 DOM div 且可控制属性的 Lexical 元素节点。\n */\nexport class DivNode extends BaseElementNode<DivNodeProps> {\n  static getType(): string {\n    return 'html.div';\n  }\n\n  static clone(node: DivNode): DivNode {\n    return new DivNode({ ...node.__props, key: node.getKey() });\n  }\n\n  protected getForceDisplay(): CSSProperties['display'] {\n    return undefined;\n  }\n\n  createDOM(): HTMLElement {\n    const div = document.createElement('div');\n    const domProps = this.getUnderlyingProps(this.__props);\n    if (domProps) {\n      updateDomProps(div, domProps);\n    }\n    return div;\n  }\n\n  updateDOM(prevNode: DivNode, dom: HTMLElement): boolean {\n    const prevProps = prevNode.__props;\n    const currentProps = this.__props;\n    const propsChanged = !this.shallowEqual(prevProps, currentProps);\n    if (propsChanged) {\n      updateDomProps(dom, this.getUnderlyingProps(currentProps));\n    }\n    return false;\n  }\n\n  static importDOM(): DOMConversionMap | null {\n    return {\n      div: (node: Node) => ({\n        conversion: convertDivElement,\n        priority: 1,\n      }),\n    };\n  }\n\n  static importJSON(serializedNode: SerializedDivNode): DivNode {\n    return $createDivNode(serializedNode.props);\n  }\n\n  exportJSON(): SerializedDivNode {\n    return {\n      ...super.exportJSON(),\n      props: this.__props,\n      type: this.getType(),\n    };\n  }\n\n  exportDOM(): DOMExportOutput {\n    const element = this.createDOM();\n    return { element };\n  }\n\n  isInline(): boolean {\n    const display = this.__props?.style?.display ?? 'block';\n    return (\n      display === 'inline' ||\n      display === 'inline-flex' ||\n      display === 'inline-block' ||\n      display === 'inline-grid' ||\n      display === 'inline-table' ||\n      display === 'inline-list-item'\n    );\n  }\n\n  getPropValue<K extends keyof DivNodeProps>(key: K): DivNodeProps[K] | undefined {\n    return this.__props?.[key];\n  }\n  setProps(props: DivNodeProps): void {\n    const writable = this.getWritable();\n    writable.__props = {\n      ...writable.__props,\n      ...props,\n      style: {\n        ...writable.__props?.style,\n        ...props.style,\n      },\n    };\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private shallowEqual(obj1: any, obj2: any): boolean {\n    if (obj1 === obj2) return true;\n    if (!obj1 || !obj2) return false;\n\n    const keys1 = Object.keys(obj1);\n    const keys2 = Object.keys(obj2);\n\n    if (keys1.length !== keys2.length) return false;\n\n    for (const key of keys1) {\n      if (key === 'style') {\n        // - EN: Special handling for style objects.\n        // - CN: 特殊处理 style 对象。\n        if (!this.shallowEqual(obj1[key], obj2[key])) return false;\n      } else if (obj1[key] !== obj2[key]) {\n        return false;\n      }\n    }\n\n    return true;\n  }\n}\n/**\n * - EN: Convert a DOM node to a DivNode during import.\n * - CN: 在导入时将 DOM 节点转换为 DivNode。\n *\n * @param domNode Source DOM node | 源 DOM 节点\n */\nfunction convertDivElement(domNode: Node): DOMConversionOutput {\n  const element = domNode as HTMLElement;\n  if (element.nodeName === 'DIV') {\n    return { node: $createDivNode() };\n  }\n  return { node: null };\n}\n/**\n * - EN: Factory to create a DivNode.\n * - CN: 创建 DivNode 的工厂函数。\n *\n * @param props Props for the DivNode | DivNode 的属性\n */\nexport function $createDivNode(props?: DivNodeProps): DivNode {\n  return new DivNode(props);\n}\n/**\n * - EN: Type guard to check if a node is DivNode.\n * - CN: 判断节点是否为 DivNode 的类型守卫。\n *\n * @param node Node to test | 要检测的节点\n */\nexport function $isDivNode(node: LexicalNode | null | undefined): node is DivNode {\n  return node instanceof DivNode;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/lib/components/Lexical/nodes/ExtendTextNode.d.ts

@@ -2,9 +2,18 @@ import type { LexicalNode, NodeKey, SerializedTextNode, Spread } from 'lexical';
 import { TextNode } from 'lexical';
 import type { BaseNodeProps } from './base';
 import { BaseNodeHelper } from './base';
+/**
+ * - EN: Extra props for ExtendTextNode.
+ * - CN: ExtendTextNode 的附加属性。
+ */
 export interface ExtendTextNodeProps extends BaseNodeProps {
     text?: string;
+    prefixText?: string;
 }
+/**
+ * - EN: A TextNode with extra behavior flags and controlled replacement.
+ * - CN: 带有额外行为标记并可控制替换行为的 TextNode。
+ */
 export declare class ExtendTextNode extends TextNode {
     __props: ExtendTextNodeProps | undefined;
     __base: BaseNodeHelper<ExtendTextNodeProps>;
@@ -16,9 +25,22 @@ export declare class ExtendTextNode extends TextNode {
     static importJSON(serializedNode: SerializedExtendTextNode): ExtendTextNode;
     exportJSON(): SerializedExtendTextNode;
 }
-export type SerializedExtendTextNode = Spread<{
+type SerializedExtendTextNode = Spread<{
     props?: ExtendTextNodeProps;
     text: string;
 }, SerializedTextNode>;
+/**
+ * - EN: Factory to create an ExtendTextNode.
+ * - CN: 创建 ExtendTextNode 的工厂函数。
+ *
+ * @param props Props for the node | 节点的属性
+ */
 export declare function $createExtendTextNode(props?: ExtendTextNodeProps): ExtendTextNode;
+/**
+ * - EN: Type guard to check whether a node is ExtendTextNode.
+ * - CN: 判断节点是否为 ExtendTextNode 的类型守卫。
+ *
+ * @param node Node to test | 要检测的节点
+ */
 export declare function $isExtendTextNode(node: LexicalNode | null | undefined): node is ExtendTextNode;
+export {};

package/lib/components/Lexical/nodes/ExtendTextNode.js

@@ -41,10 +41,18 @@ var ExtendTextNode = class extends import_lexical.TextNode {
         this[key2] = method.bind(this.__base);
       }
     });
+    this.remove = (preserveEmptyParent) => {
+      var _a;
+      if (((_a = this.__props) == null ? void 0 : _a.canBeRemoved) === false) {
+        this.setTextContent(this.__props.prefixText ?? " ");
+        return;
+      }
+      super.remove(preserveEmptyParent);
+    };
     this.replace = (replaceWith, includeChildren) => {
       var _a, _b;
       if (((_a = this.__props) == null ? void 0 : _a.canBeReplaced) === false) {
-        this.setTextContent(((_b = this.__props) == null ? void 0 : _b.text) || "");
+        this.setTextContent(((_b = this.__props) == null ? void 0 : _b.text) || " ");
         this.selectNext();
         return this;
       }

package/lib/components/Lexical/nodes/ExtendTextNode.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Lexical/nodes/ExtendTextNode.tsx"],
-  "sourcesContent": ["import type { LexicalNode, NodeKey, SerializedTextNode, Spread } from 'lexical';\nimport { TextNode } from 'lexical';\nimport type { BaseNodeProps } from './base';\nimport { BaseNodeHelper } from './base';\n\nexport interface ExtendTextNodeProps extends BaseNodeProps {\n  text?: string;\n}\n\nexport class ExtendTextNode extends TextNode {\n  __props: ExtendTextNodeProps | undefined;\n  __base: BaseNodeHelper<ExtendTextNodeProps>;\n\n  constructor(props?: ExtendTextNodeProps & { key?: NodeKey }) {\n    const { key, ...restProps } = props || {};\n    super(props?.text, key);\n    this.__props = restProps;\n    this.__base = new BaseNodeHelper<ExtendTextNodeProps>(this.__props, {\n      remove: () => super.remove(),\n      replace: (replaceWith, includeChildren) => super.replace(replaceWith, includeChildren),\n    });\n    Object.keys(this.__base.hooks).forEach((key) => {\n      const method = this.__base.hooks[key as keyof typeof this.__base.hooks];\n      if (typeof method === 'function') {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        this[key as keyof this] = method.bind(this.__base) as any;\n      }\n    });\n    this.replace = <N extends LexicalNode>(replaceWith: N, includeChildren?: boolean): N => {\n      if (this.__props?.canBeReplaced === false) {\n        this.setTextContent(this.__props?.text || '');\n        this.selectNext();\n        return this as unknown as N;\n      }\n      return super.replace(replaceWith, includeChildren);\n    };\n  }\n\n  static getType(): string {\n    return 'html.TextNode';\n  }\n\n  static clone(node: ExtendTextNode): ExtendTextNode {\n    return new ExtendTextNode({ ...node.__props, text: node.__text, key: node.getKey() });\n  }\n\n  static importJSON(serializedNode: SerializedExtendTextNode): ExtendTextNode {\n    return $createExtendTextNode({\n      ...serializedNode.props,\n      text: serializedNode.text,\n    });\n  }\n\n  exportJSON(): SerializedExtendTextNode {\n    return {\n      ...super.exportJSON(),\n      props: this.__props,\n      text: this.__text,\n      type: this.getType(),\n    };\n  }\n}\n\nexport type SerializedExtendTextNode = Spread<\n  {\n    props?: ExtendTextNodeProps;\n    text: string;\n  },\n  SerializedTextNode\n>;\n\nexport function $createExtendTextNode(props?: ExtendTextNodeProps): ExtendTextNode {\n  return new ExtendTextNode(props);\n}\n\nexport function $isExtendTextNode(node: LexicalNode | null | undefined): node is ExtendTextNode {\n  return node instanceof ExtendTextNode;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAyB;AAEzB,kBAA+B;AAMxB,IAAM,iBAAN,cAA6B,wBAAS;AAAA,EAI3C,YAAY,OAAiD;AAC3D,UAAM,EAAE,KAAK,GAAG,UAAU,IAAI,SAAS,CAAC;AACxC,UAAM,+BAAO,MAAM,GAAG;AACtB,SAAK,UAAU;AACf,SAAK,SAAS,IAAI,2BAAoC,KAAK,SAAS;AAAA,MAClE,QAAQ,MAAM,MAAM,OAAO;AAAA,MAC3B,SAAS,CAAC,aAAa,oBAAoB,MAAM,QAAQ,aAAa,eAAe;AAAA,IACvF,CAAC;AACD,WAAO,KAAK,KAAK,OAAO,KAAK,EAAE,QAAQ,CAACA,SAAQ;AAC9C,YAAM,SAAS,KAAK,OAAO,MAAMA,IAAqC;AACtE,UAAI,OAAO,WAAW,YAAY;AAEhC,aAAKA,IAAiB,IAAI,OAAO,KAAK,KAAK,MAAM;AAAA,MACnD;AAAA,IACF,CAAC;AACD,SAAK,UAAU,CAAwB,aAAgB,oBAAiC;AA5B5F;AA6BM,YAAI,UAAK,YAAL,mBAAc,mBAAkB,OAAO;AACzC,aAAK,iBAAe,UAAK,YAAL,mBAAc,SAAQ,EAAE;AAC5C,aAAK,WAAW;AAChB,eAAO;AAAA,MACT;AACA,aAAO,MAAM,QAAQ,aAAa,eAAe;AAAA,IACnD;AAAA,EACF;AAAA,EAEA,OAAO,UAAkB;AACvB,WAAO;AAAA,EACT;AAAA,EAEA,OAAO,MAAM,MAAsC;AACjD,WAAO,IAAI,eAAe,EAAE,GAAG,KAAK,SAAS,MAAM,KAAK,QAAQ,KAAK,KAAK,OAAO,EAAE,CAAC;AAAA,EACtF;AAAA,EAEA,OAAO,WAAW,gBAA0D;AAC1E,WAAO,sBAAsB;AAAA,MAC3B,GAAG,eAAe;AAAA,MAClB,MAAM,eAAe;AAAA,IACvB,CAAC;AAAA,EACH;AAAA,EAEA,aAAuC;AACrC,WAAO;AAAA,MACL,GAAG,MAAM,WAAW;AAAA,MACpB,OAAO,KAAK;AAAA,MACZ,MAAM,KAAK;AAAA,MACX,MAAM,KAAK,QAAQ;AAAA,IACrB;AAAA,EACF;AACF;AAUO,SAAS,sBAAsB,OAA6C;AACjF,SAAO,IAAI,eAAe,KAAK;AACjC;AAEO,SAAS,kBAAkB,MAA8D;AAC9F,SAAO,gBAAgB;AACzB;",
+  "sourcesContent": ["import type { LexicalNode, NodeKey, SerializedTextNode, Spread } from 'lexical';\nimport { TextNode } from 'lexical';\nimport type { BaseNodeProps } from './base';\nimport { BaseNodeHelper } from './base';\n\n/**\n * - EN: Extra props for ExtendTextNode.\n * - CN: ExtendTextNode 的附加属性。\n */\nexport interface ExtendTextNodeProps extends BaseNodeProps {\n  text?: string;\n  prefixText?: string;\n}\n\n/**\n * - EN: A TextNode with extra behavior flags and controlled replacement.\n * - CN: 带有额外行为标记并可控制替换行为的 TextNode。\n */\nexport class ExtendTextNode extends TextNode {\n  __props: ExtendTextNodeProps | undefined;\n  __base: BaseNodeHelper<ExtendTextNodeProps>;\n\n  constructor(props?: ExtendTextNodeProps & { key?: NodeKey }) {\n    const { key, ...restProps } = props || {};\n    super(props?.text, key);\n    this.__props = restProps;\n    this.__base = new BaseNodeHelper<ExtendTextNodeProps>(this.__props, {\n      remove: () => super.remove(),\n      replace: (replaceWith, includeChildren) => super.replace(replaceWith, includeChildren),\n    });\n    Object.keys(this.__base.hooks).forEach((key) => {\n      const method = this.__base.hooks[key as keyof typeof this.__base.hooks];\n      if (typeof method === 'function') {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        this[key as keyof this] = method.bind(this.__base) as any;\n      }\n    });\n    this.remove = (preserveEmptyParent?: boolean): void => {\n      if (this.__props?.canBeRemoved === false) {\n        this.setTextContent(this.__props.prefixText ?? ' ');\n        return;\n      }\n      super.remove(preserveEmptyParent);\n    };\n    this.replace = <N extends LexicalNode>(replaceWith: N, includeChildren?: boolean): N => {\n      if (this.__props?.canBeReplaced === false) {\n        this.setTextContent(this.__props?.text || ' ');\n        this.selectNext();\n        return this as unknown as N;\n      }\n      return super.replace(replaceWith, includeChildren);\n    };\n  }\n\n  static getType(): string {\n    return 'html.TextNode';\n  }\n\n  static clone(node: ExtendTextNode): ExtendTextNode {\n    return new ExtendTextNode({ ...node.__props, text: node.__text, key: node.getKey() });\n  }\n\n  static importJSON(serializedNode: SerializedExtendTextNode): ExtendTextNode {\n    return $createExtendTextNode({\n      ...serializedNode.props,\n      text: serializedNode.text,\n    });\n  }\n\n  exportJSON(): SerializedExtendTextNode {\n    return {\n      ...super.exportJSON(),\n      props: this.__props,\n      text: this.__text,\n      type: this.getType(),\n    };\n  }\n}\n\ntype SerializedExtendTextNode = Spread<\n  {\n    props?: ExtendTextNodeProps;\n    text: string;\n  },\n  SerializedTextNode\n>;\n\n/**\n * - EN: Factory to create an ExtendTextNode.\n * - CN: 创建 ExtendTextNode 的工厂函数。\n *\n * @param props Props for the node | 节点的属性\n */\nexport function $createExtendTextNode(props?: ExtendTextNodeProps): ExtendTextNode {\n  return new ExtendTextNode(props);\n}\n\n/**\n * - EN: Type guard to check whether a node is ExtendTextNode.\n * - CN: 判断节点是否为 ExtendTextNode 的类型守卫。\n *\n * @param node Node to test | 要检测的节点\n */\nexport function $isExtendTextNode(node: LexicalNode | null | undefined): node is ExtendTextNode {\n  return node instanceof ExtendTextNode;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAyB;AAEzB,kBAA+B;AAexB,IAAM,iBAAN,cAA6B,wBAAS;AAAA,EAI3C,YAAY,OAAiD;AAC3D,UAAM,EAAE,KAAK,GAAG,UAAU,IAAI,SAAS,CAAC;AACxC,UAAM,+BAAO,MAAM,GAAG;AACtB,SAAK,UAAU;AACf,SAAK,SAAS,IAAI,2BAAoC,KAAK,SAAS;AAAA,MAClE,QAAQ,MAAM,MAAM,OAAO;AAAA,MAC3B,SAAS,CAAC,aAAa,oBAAoB,MAAM,QAAQ,aAAa,eAAe;AAAA,IACvF,CAAC;AACD,WAAO,KAAK,KAAK,OAAO,KAAK,EAAE,QAAQ,CAACA,SAAQ;AAC9C,YAAM,SAAS,KAAK,OAAO,MAAMA,IAAqC;AACtE,UAAI,OAAO,WAAW,YAAY;AAEhC,aAAKA,IAAiB,IAAI,OAAO,KAAK,KAAK,MAAM;AAAA,MACnD;AAAA,IACF,CAAC;AACD,SAAK,SAAS,CAAC,wBAAwC;AArC3D;AAsCM,YAAI,UAAK,YAAL,mBAAc,kBAAiB,OAAO;AACxC,aAAK,eAAe,KAAK,QAAQ,cAAc,GAAG;AAClD;AAAA,MACF;AACA,YAAM,OAAO,mBAAmB;AAAA,IAClC;AACA,SAAK,UAAU,CAAwB,aAAgB,oBAAiC;AA5C5F;AA6CM,YAAI,UAAK,YAAL,mBAAc,mBAAkB,OAAO;AACzC,aAAK,iBAAe,UAAK,YAAL,mBAAc,SAAQ,GAAG;AAC7C,aAAK,WAAW;AAChB,eAAO;AAAA,MACT;AACA,aAAO,MAAM,QAAQ,aAAa,eAAe;AAAA,IACnD;AAAA,EACF;AAAA,EAEA,OAAO,UAAkB;AACvB,WAAO;AAAA,EACT;AAAA,EAEA,OAAO,MAAM,MAAsC;AACjD,WAAO,IAAI,eAAe,EAAE,GAAG,KAAK,SAAS,MAAM,KAAK,QAAQ,KAAK,KAAK,OAAO,EAAE,CAAC;AAAA,EACtF;AAAA,EAEA,OAAO,WAAW,gBAA0D;AAC1E,WAAO,sBAAsB;AAAA,MAC3B,GAAG,eAAe;AAAA,MAClB,MAAM,eAAe;AAAA,IACvB,CAAC;AAAA,EACH;AAAA,EAEA,aAAuC;AACrC,WAAO;AAAA,MACL,GAAG,MAAM,WAAW;AAAA,MACpB,OAAO,KAAK;AAAA,MACZ,MAAM,KAAK;AAAA,MACX,MAAM,KAAK,QAAQ;AAAA,IACrB;AAAA,EACF;AACF;AAgBO,SAAS,sBAAsB,OAA6C;AACjF,SAAO,IAAI,eAAe,KAAK;AACjC;AAQO,SAAS,kBAAkB,MAA8D;AAC9F,SAAO,gBAAgB;AACzB;",
   "names": ["key"]
 }