@tiny-codes/react-easy 1.4.0 → 1.4.2

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 # Changelog
 
+## 1.4.2
+
+2025-8-10
+
+### Features
+
+- ✨ `SelectNode` component now supports `onXXX` event props like `onClick`, `onMouseEnter`, etc.
+
+## 1.4.1
+
+2025-8-10
+
+### Features
+
+- 🔥 Add `CloseIcon` component for `Lexical`.
+
 ## 1.4.0
 
 2025-8-7

package/es/components/FormItemControl/index.d.ts

@@ -2,16 +2,16 @@ import type { FC, ReactNode } from 'react';
 export interface FormItemControlProps {
     children: (options: {
         value: any;
-        onChange?: (value: any) => void;
+        onChange: (value: any) => void;
     }) => ReactNode;
 }
 /**
- * - **EN:** FormItemControl is a component that wraps custom content into a valid Form.Item control.
- *   It provides a value and an onChange function to the children, allowing them to interact with
- *   the form state. This is useful for creating custom form controls that need to integrate with
- *   Ant Design's Form.Item.
- * - **CN:** FormItemControl 是一个将自定义内容包装成有效的 Form.Item 控件的组件。它向子组件提供了一个 `value` 和一个 `onChange`
- *   函数，使得子组件能够与表单状态进行交互。 这对于创建需要与 Ant Design 的 `Form.Item` 集成的自定义表单控件非常有用。
+ * - **EN:** FormItemControl is a component that wraps custom content into a valid Form.Item control,
+ *   and must be used as a direct child of Form.Item. It provides its children with a `value` and an
+ *   `onChange` function, allowing them to interact with the form state. This is useful for creating
+ *   custom form controls that need to integrate with Ant Design's Form.Item.
+ * - **CN:** FormItemControl 是一个将自定义内容包装成有效的 Form.Item 控件的组件，必须作为 Form.Item 的直接子节点使用。它向子组件提供了一个
+ *   `value` 和一个 `onChange` 函数，使得子组件能够与表单状态进行交互。这对于创建需要与 Ant Design 的 `Form.Item` 集成的自定义表单控件非常有用。
  */
 declare const FormItemControl: FC<FormItemControlProps>;
 export default FormItemControl;

package/es/components/FormItemControl/index.js

@@ -1,10 +1,10 @@
 /**
- * - **EN:** FormItemControl is a component that wraps custom content into a valid Form.Item control.
- *   It provides a value and an onChange function to the children, allowing them to interact with
- *   the form state. This is useful for creating custom form controls that need to integrate with
- *   Ant Design's Form.Item.
- * - **CN:** FormItemControl 是一个将自定义内容包装成有效的 Form.Item 控件的组件。它向子组件提供了一个 `value` 和一个 `onChange`
- *   函数，使得子组件能够与表单状态进行交互。 这对于创建需要与 Ant Design 的 `Form.Item` 集成的自定义表单控件非常有用。
+ * - **EN:** FormItemControl is a component that wraps custom content into a valid Form.Item control,
+ *   and must be used as a direct child of Form.Item. It provides its children with a `value` and an
+ *   `onChange` function, allowing them to interact with the form state. This is useful for creating
+ *   custom form controls that need to integrate with Ant Design's Form.Item.
+ * - **CN:** FormItemControl 是一个将自定义内容包装成有效的 Form.Item 控件的组件，必须作为 Form.Item 的直接子节点使用。它向子组件提供了一个
+ *   `value` 和一个 `onChange` 函数，使得子组件能够与表单状态进行交互。这对于创建需要与 Ant Design 的 `Form.Item` 集成的自定义表单控件非常有用。
  */
 var FormItemControl = function FormItemControl(props) {
   // eslint-disable-next-line react/prop-types

package/es/components/FormItemControl/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["FormItemControl","props","_ref","children","value","onChange"],"sources":["../../../src/components/FormItemControl/index.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\n\nexport interface FormItemControlProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  children: (options: { value: any; onChange?: (value: any) => void }) => ReactNode;\n}\n\n/**\n * - **EN:** FormItemControl is a component that wraps custom content into a valid Form.Item control.\n *   It provides a value and an onChange function to the children, allowing them to interact with\n *   the form state. This is useful for creating custom form controls that need to integrate with\n *   Ant Design's Form.Item.\n * - **CN:** FormItemControl 是一个将自定义内容包装成有效的 Form.Item 控件的组件。它向子组件提供了一个 `value` 和一个 `onChange`\n *   函数，使得子组件能够与表单状态进行交互。 这对于创建需要与 Ant Design 的 `Form.Item` 集成的自定义表单控件非常有用。\n */\nconst FormItemControl: FC<FormItemControlProps> = (props) => {\n  // eslint-disable-next-line react/prop-types\n  const { children, value, onChange } = props as FormItemControlProps & {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    value?: any;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onChange?: (value: any) => void;\n  };\n\n  return children({ value, onChange });\n};\n\nexport default FormItemControl;\n"],"mappings":"AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,eAAyC,GAAG,SAA5CA,eAAyCA,CAAIC,KAAK,EAAK;EAC3D;EACA,IAAAC,IAAA,GAAsCD,KAAK;IAAnCE,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EAOjC,OAAOF,QAAQ,CAAC;IAAEC,KAAK,EAALA,KAAK;IAAEC,QAAQ,EAARA;EAAS,CAAC,CAAC;AACtC,CAAC;AAED,eAAeL,eAAe"}
+{"version":3,"names":["FormItemControl","props","_ref","children","value","onChange"],"sources":["../../../src/components/FormItemControl/index.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\n\nexport interface FormItemControlProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  children: (options: { value: any; onChange: (value: any) => void }) => ReactNode;\n}\n\n/**\n * - **EN:** FormItemControl is a component that wraps custom content into a valid Form.Item control,\n *   and must be used as a direct child of Form.Item. It provides its children with a `value` and an\n *   `onChange` function, allowing them to interact with the form state. This is useful for creating\n *   custom form controls that need to integrate with Ant Design's Form.Item.\n * - **CN:** FormItemControl 是一个将自定义内容包装成有效的 Form.Item 控件的组件，必须作为 Form.Item 的直接子节点使用。它向子组件提供了一个\n *   `value` 和一个 `onChange` 函数，使得子组件能够与表单状态进行交互。这对于创建需要与 Ant Design 的 `Form.Item` 集成的自定义表单控件非常有用。\n */\nconst FormItemControl: FC<FormItemControlProps> = (props) => {\n  // eslint-disable-next-line react/prop-types\n  const { children, value, onChange } = props as FormItemControlProps & {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    value: any;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onChange: (value: any) => void;\n  };\n\n  return children({ value, onChange });\n};\n\nexport default FormItemControl;\n"],"mappings":"AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,eAAyC,GAAG,SAA5CA,eAAyCA,CAAIC,KAAK,EAAK;EAC3D;EACA,IAAAC,IAAA,GAAsCD,KAAK;IAAnCE,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EAOjC,OAAOF,QAAQ,CAAC;IAAEC,KAAK,EAALA,KAAK;IAAEC,QAAQ,EAARA;EAAS,CAAC,CAAC;AACtC,CAAC;AAED,eAAeL,eAAe"}

package/es/components/Lexical/helpers/index.d.ts

@@ -1,58 +1,73 @@
 import type { CSSProperties, HtmlHTMLAttributes } from 'react';
 import type { LexicalEditor, LexicalNode } from 'lexical';
 /**
- * 将节点插入到当前光标位置
+ * - EN: Insert a node at the current cursor position.
+ * - CN: 将节点插入到当前光标位置。
  *
- * @param editor LexicalEditor 实例
- * @param node 要插入的节点
+ * @param editor LexicalEditor instance | LexicalEditor 实例
+ * @param node Node to insert | 要插入的节点
  */
 export declare function insertNodeAtCursor(editor: LexicalEditor, node: LexicalNode): void;
 /**
- * 将文本插入到当前光标位置
+ * - EN: Insert text at the current cursor position.
+ * - CN: 将文本插入到当前光标位置。
  *
- * @param editor LexicalEditor 实例
- * @param text 要插入的文本
+ * @param editor LexicalEditor instance | LexicalEditor 实例
+ * @param text Text to insert | 要插入的文本
  */
 export declare function insertTextAtCursor(editor: LexicalEditor, text: string): void;
 /**
- * 清空编辑器内容
+ * - EN: Clear the editor content.
+ * - CN: 清空编辑器内容。
  *
- * @param editor LexicalEditor 实例
+ * @param editor LexicalEditor instance | LexicalEditor 实例
  */
 export declare function clearEditorContent(editor: LexicalEditor): void;
 /**
- * 查找符合条件的节点
+ * - EN: Find the first node that matches the predicate.
+ * - CN: 查找第一个符合条件的节点。
  *
- * @param editor LexicalEditor 实例
- * @param predicate 用于匹配节点的函数
- * @param options 选项
+ * @param editor LexicalEditor instance | LexicalEditor 实例
+ * @param predicate Function to test whether a node matches | 用于匹配节点的函数
  *
- * @returns 符合条件的节点数组
+ * @returns The matched node, or undefined | 符合条件的第一个节点，或 undefined
  */
 export declare function findNode<T extends LexicalNode>(editor: LexicalEditor, predicate: (node: LexicalNode) => boolean): T | undefined;
 /**
- * 查找所有符合条件的节点数组
+ * - EN: Find all nodes that match the predicate.
+ * - CN: 查找所有符合条件的节点数组。
  *
- * @param editor LexicalEditor 实例
- * @param predicate 用于匹配节点的函数
- * @param options 选项
+ * @param editor LexicalEditor instance | LexicalEditor 实例
+ * @param predicate Function to test whether a node matches | 用于匹配节点的函数
+ * @param options Options | 选项
  *
- * @returns 符合条件的节点数组
+ * @returns An array of matched nodes | 符合条件的节点数组
  */
 export declare function findNodes<T extends LexicalNode>(editor: LexicalEditor, predicate: (node: LexicalNode) => boolean, options?: {
     stopOnFirstMatch?: boolean;
 }): T[];
 /**
- * 更新 DOM 元素的属性
+ * - EN: Update properties on a DOM element.
+ * - CN: 更新 DOM 元素的属性。
  *
- * @param dom 要更新的 DOM 元素
- * @param props 要设置的属性
+ * @param dom Target DOM element to update | 要更新的 DOM 元素
+ * @param props Props to set on the element | 要设置的属性
  */
 export declare function updateDomProps(dom: HTMLElement | undefined, props: HtmlHTMLAttributes<HTMLElement>): void;
 /**
- * 更新 DOM 元素的样式
+ * - EN: Update style on a DOM element.
+ * - CN: 更新 DOM 元素的样式。
  *
- * @param dom 要更新的 DOM 元素
- * @param style 要设置的样式
+ * @param dom Target DOM element to update | 要更新的 DOM 元素
+ * @param style Style to set | 要设置的样式
  */
 export declare function updateDomStyle(dom: HTMLElement | undefined, style: CSSProperties | undefined): void;
+/**
+ * - EN: Get attributes from a DOM element.
+ * - CN: 从 DOM 元素获取属性。
+ *
+ * @param dom Target DOM element | 目标 DOM 元素
+ *
+ * @returns Element attributes | 元素属性
+ */
+export declare function getDomAttributes(dom: HTMLElement | undefined): HtmlHTMLAttributes<HTMLElement> | undefined;

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

@@ -15,10 +15,11 @@ import { $createTextNode, $getRoot, $getSelection, $isDecoratorNode, $isElementN
 import { $createDivNode, $isDivNode } from "../nodes/DivNode";
 
 /**
- * 将节点插入到当前光标位置
+ * - EN: Insert a node at the current cursor position.
+ * - CN: 将节点插入到当前光标位置。
  *
- * @param editor LexicalEditor 实例
- * @param node 要插入的节点
+ * @param editor LexicalEditor instance | LexicalEditor 实例
+ * @param node Node to insert | 要插入的节点
  */
 export function insertNodeAtCursor(editor, node) {
   editor.update(function () {
@@ -65,10 +66,11 @@ export function insertNodeAtCursor(editor, node) {
 }
 
 /**
- * 将文本插入到当前光标位置
+ * - EN: Insert text at the current cursor position.
+ * - CN: 将文本插入到当前光标位置。
  *
- * @param editor LexicalEditor 实例
- * @param text 要插入的文本
+ * @param editor LexicalEditor instance | LexicalEditor 实例
+ * @param text Text to insert | 要插入的文本
  */
 export function insertTextAtCursor(editor, text) {
   editor === null || editor === void 0 || editor.update(function () {
@@ -97,9 +99,10 @@ export function insertTextAtCursor(editor, text) {
 }
 
 /**
- * 清空编辑器内容
+ * - EN: Clear the editor content.
+ * - CN: 清空编辑器内容。
  *
- * @param editor LexicalEditor 实例
+ * @param editor LexicalEditor instance | LexicalEditor 实例
  */
 export function clearEditorContent(editor) {
   var state = editor.getEditorState();
@@ -128,13 +131,13 @@ export function clearEditorContent(editor) {
 }
 
 /**
- * 查找符合条件的节点
+ * - EN: Find the first node that matches the predicate.
+ * - CN: 查找第一个符合条件的节点。
  *
- * @param editor LexicalEditor 实例
- * @param predicate 用于匹配节点的函数
- * @param options 选项
+ * @param editor LexicalEditor instance | LexicalEditor 实例
+ * @param predicate Function to test whether a node matches | 用于匹配节点的函数
  *
- * @returns 符合条件的节点数组
+ * @returns The matched node, or undefined | 符合条件的第一个节点，或 undefined
  */
 export function findNode(editor, predicate) {
   var matched = findNodes(editor, predicate, {
@@ -143,13 +146,14 @@ export function findNode(editor, predicate) {
   return matched[0];
 }
 /**
- * 查找所有符合条件的节点数组
+ * - EN: Find all nodes that match the predicate.
+ * - CN: 查找所有符合条件的节点数组。
  *
- * @param editor LexicalEditor 实例
- * @param predicate 用于匹配节点的函数
- * @param options 选项
+ * @param editor LexicalEditor instance | LexicalEditor 实例
+ * @param predicate Function to test whether a node matches | 用于匹配节点的函数
+ * @param options Options | 选项
  *
- * @returns 符合条件的节点数组
+ * @returns An array of matched nodes | 符合条件的节点数组
  */
 export function findNodes(editor, predicate, options) {
   var matched = [];
@@ -187,10 +191,11 @@ export function findNodes(editor, predicate, options) {
 }
 
 /**
- * 更新 DOM 元素的属性
+ * - EN: Update properties on a DOM element.
+ * - CN: 更新 DOM 元素的属性。
  *
- * @param dom 要更新的 DOM 元素
- * @param props 要设置的属性
+ * @param dom Target DOM element to update | 要更新的 DOM 元素
+ * @param props Props to set on the element | 要设置的属性
  */
 export function updateDomProps(dom, props) {
   if (!dom) return;
@@ -218,6 +223,8 @@ export 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 !== undefined && value !== null) {
         dom.setAttribute(key, value.toString());
       }
@@ -226,10 +233,11 @@ export function updateDomProps(dom, props) {
 }
 
 /**
- * 更新 DOM 元素的样式
+ * - EN: Update style on a DOM element.
+ * - CN: 更新 DOM 元素的样式。
  *
- * @param dom 要更新的 DOM 元素
- * @param style 要设置的样式
+ * @param dom Target DOM element to update | 要更新的 DOM 元素
+ * @param style Style to set | 要设置的样式
  */
 export function updateDomStyle(dom, style) {
   if (!dom) return;
@@ -246,4 +254,35 @@ export function updateDomStyle(dom, style) {
     });
   }
 }
+
+/**
+ * - EN: Get attributes from a DOM element.
+ * - CN: 从 DOM 元素获取属性。
+ *
+ * @param dom Target DOM element | 目标 DOM 元素
+ *
+ * @returns Element attributes | 元素属性
+ */
+export function getDomAttributes(dom) {
+  if (!dom) return undefined;
+  var attributes = {};
+  Array.from(dom.attributes).forEach(function (attr) {
+    if (attr.name === 'class' || attr.name === 'style') {
+      return;
+    }
+    attributes[attr.name] = attr.value;
+  });
+  if (dom.className) {
+    attributes.className = dom.className;
+  }
+  if (dom.style) {
+    var styles = {};
+    Array.from(dom.style).forEach(function (styleName) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      styles[styleName] = dom.style[styleName];
+    });
+    attributes.style = styles;
+  }
+  return attributes;
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["$createTextNode","$getRoot","$getSelection","$isDecoratorNode","$isElementNode","$isParagraphNode","$isRangeSelection","$isTextNode","$createDivNode","$isDivNode","insertNodeAtCursor","editor","node","update","selection","lastNode","focus","getNode","append","insertAfter","insertNodes","selectNext","root","nodeToInsert","container","style","display","insertTextAtCursor","text","textNode","insertText","getLastChild","clearEditorContent","state","getEditorState","stateJson","toJSON","newJson","_objectSpread","children","direction","format","indent","type","version","textFormat","textStyle","emptyState","parseEditorState","JSON","stringify","setEditorState","clear","findNode","predicate","matched","findNodes","stopOnFirstMatch","options","read","traverse","result","push","getChildren","_iterator","_createForOfIteratorHelper","_step","s","n","done","child","value","length","err","e","f","updateDomProps","dom","props","Array","from","attributes","forEach","attr","name","startsWith","removeAttribute","Object","entries","_ref","_ref2","_slicedToArray","key","_ref3","_ref4","styleKey","styleValue","undefined","className","setAttribute","toString","updateDomStyle","_ref5","_ref6"],"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":";;;;;;;;;;;;;AAEA,SACEA,eAAe,EACfC,QAAQ,EACRC,aAAa,EACbC,gBAAgB,EAChBC,cAAc,EACdC,gBAAgB,EAChBC,iBAAiB,EACjBC,WAAW,QACN,SAAS;AAChB,SAASC,cAAc,EAAEC,UAAU;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAACC,MAAqB,EAAEC,IAAiB,EAAQ;EACjFD,MAAM,CAACE,MAAM,CAAC,YAAM;IAClB,IAAMC,SAAS,GAAGZ,aAAa,CAAC,CAAC;IACjC,IAAIY,SAAS,EAAE;MACb,IAAIR,iBAAiB,CAACQ,SAAS,CAAC,EAAE;QAChC;QACA,IAAMC,QAAQ,GAAGD,SAAS,CAACE,KAAK,CAACC,OAAO,CAAC,CAAC;QAC1C,IAAIF,QAAQ,EAAE;UACZ,IAAIV,gBAAgB,CAACU,QAAQ,CAAC,EAAE;YAC9BA,QAAQ,CAACG,MAAM,CAACN,IAAI,CAAC;UACvB,CAAC,MAAM,IAAIL,WAAW,CAACQ,QAAQ,CAAC,EAAE;YAChC;YACAA,QAAQ,CAACI,WAAW,CAACP,IAAI,CAAC;UAC5B,CAAC,MAAM,IAAIH,UAAU,CAACM,QAAQ,CAAC,EAAE;YAC/BA,QAAQ,CAACG,MAAM,CAACN,IAAI,CAAC;UACvB,CAAC,MAAM;YACLE,SAAS,CAACM,WAAW,CAAC,CAACR,IAAI,CAAC,CAAC;UAC/B;UACAA,IAAI,CAACS,UAAU,CAAC,CAAC;QACnB;MACF,CAAC,MAAM;QACLP,SAAS,CAACM,WAAW,CAAC,CAACR,IAAI,CAAC,CAAC;QAC7BA,IAAI,CAACS,UAAU,CAAC,CAAC;MACnB;IACF,CAAC,MAAM;MACL,IAAMC,IAAI,GAAGrB,QAAQ,CAAC,CAAC;MACvB,IAAIsB,YAAyB,GAAGX,IAAI;MACpC,IAAIR,cAAc,CAACQ,IAAI,CAAC,IAAIT,gBAAgB,CAACS,IAAI,CAAC,EAAE;QAClDW,YAAY,GAAGX,IAAI;MACrB,CAAC,MAAM;QACL,IAAMY,SAAS,GAAGhB,cAAc,CAAC;UAC/BiB,KAAK,EAAE;YAAEC,OAAO,EAAE;UAAe;QACnC,CAAC,CAAC;QACFF,SAAS,CAACN,MAAM,CAACN,IAAI,CAAC;QACtBW,YAAY,GAAGC,SAAS;MAC1B;MACAF,IAAI,CAACJ,MAAM,CAACK,YAAY,CAAC;MACzBX,IAAI,CAACS,UAAU,CAAC,CAAC;IACnB;EACF,CAAC,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASM,kBAAkBA,CAAChB,MAAqB,EAAEiB,IAAY,EAAQ;EAC5EjB,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEE,MAAM,CAAC,YAAM;IACnB,IAAMgB,QAAQ,GAAG7B,eAAe,CAAC4B,IAAI,CAAC;IACtC,IAAMN,IAAI,GAAGrB,QAAQ,CAAC,CAAC;IACvB,IAAMa,SAAS,GAAGZ,aAAa,CAAC,CAAC;IACjC,IAAIY,SAAS,EAAE;MACb;MACAA,SAAS,CAACgB,UAAU,CAACF,IAAI,CAAC;IAC5B,CAAC,MAAM;MACL;MACA,IAAMb,QAAQ,GAAGO,IAAI,CAACS,YAAY,CAAC,CAAC;MACpC,IAAIhB,QAAQ,IAAIV,gBAAgB,CAACU,QAAQ,CAAC,EAAE;QAC1CA,QAAQ,CAACG,MAAM,CAACW,QAAQ,CAAC;MAC3B,CAAC,MAAM;QACL,IAAML,SAAS,GAAGhB,cAAc,CAAC;UAC/BiB,KAAK,EAAE;YAAEC,OAAO,EAAE;UAAe;QACnC,CAAC,CAAC;QACFF,SAAS,CAACN,MAAM,CAACW,QAAQ,CAAC;QAC1BP,IAAI,CAACJ,MAAM,CAACM,SAAS,CAAC;MACxB;IACF;EACF,CAAC,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASQ,kBAAkBA,CAACrB,MAAqB,EAAE;EACxD,IAAMsB,KAAK,GAAGtB,MAAM,CAACuB,cAAc,CAAC,CAAC;EACrC,IAAMC,SAAS,GAAGF,KAAK,CAACG,MAAM,CAAC,CAAC;EAChC;EACA,IAAMC,OAAO,GAAAC,aAAA,CAAAA,aAAA,KACRH,SAAS;IACZb,IAAI,EAAAgB,aAAA,CAAAA,aAAA,KACCH,SAAS,CAACb,IAAI;MACjBiB,QAAQ,EAAE,CACR;QACEA,QAAQ,EAAE,EAAE;QACZC,SAAS,EAAE,IAAI;QACfC,MAAM,EAAE,EAAE;QACVC,MAAM,EAAE,CAAC;QACTC,IAAI,EAAE,WAAW;QACjBC,OAAO,EAAE,CAAC;QACVC,UAAU,EAAE,CAAC;QACbC,SAAS,EAAE;MACb,CAAC;IACF;EACF,EACF;EACD,IAAMC,UAAU,GAAGpC,MAAM,CAACqC,gBAAgB,CAACC,IAAI,CAACC,SAAS,CAACb,OAAO,CAAC,CAAC;EACnE1B,MAAM,CAACwC,cAAc,CAACJ,UAAU,CAAC;EACjCpC,MAAM,CAACE,MAAM,CAAC,YAAM;IAClB,IAAMS,IAAI,GAAGrB,QAAQ,CAAC,CAAC;IACvBqB,IAAI,CAAC8B,KAAK,CAAC,CAAC;EACd,CAAC,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CACtB1C,MAAqB,EACrB2C,SAAyC,EAC1B;EACf,IAAMC,OAAO,GAAGC,SAAS,CAAI7C,MAAM,EAAE2C,SAAS,EAAE;IAAEG,gBAAgB,EAAE;EAAK,CAAC,CAAC;EAC3E,OAAOF,OAAO,CAAC,CAAC,CAAC;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CACvB7C,MAAqB,EACrB2C,SAAyC,EACzCI,OAEC,EACI;EACL,IAAMH,OAAY,GAAG,EAAE;EACvB5C,MAAM,CAACuB,cAAc,CAAC,CAAC,CAACyB,IAAI,CAAC,YAAM;IACjC,IAAMrC,IAAI,GAAGrB,QAAQ,CAAC,CAAC;IACvB,IAAM2D,QAAQ,GAAG,SAAXA,QAAQA,CAAIhD,IAAiB,EAAEiD,MAAW,EAAK;MACnD,IAAIP,SAAS,CAAC1C,IAAI,CAAC,EAAE;QACnBiD,MAAM,CAACC,IAAI,CAAClD,IAAoB,CAAC;QACjC,IAAI8C,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAED,gBAAgB,EAAE;UAC7B;QACF;MACF;MACA,IAAIrD,cAAc,CAACQ,IAAI,CAAC,EAAE;QACxB,IAAM2B,QAAQ,GAAG3B,IAAI,CAACmD,WAAW,CAAC,CAAC;QAAC,IAAAC,SAAA,GAAAC,0BAAA,CAChB1B,QAAQ;UAAA2B,KAAA;QAAA;UAA5B,KAAAF,SAAA,CAAAG,CAAA,MAAAD,KAAA,GAAAF,SAAA,CAAAI,CAAA,IAAAC,IAAA,GAA8B;YAAA,IAAnBC,KAAK,GAAAJ,KAAA,CAAAK,KAAA;YACdX,QAAQ,CAACU,KAAK,EAAET,MAAM,CAAC;YACvB,IAAIH,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAED,gBAAgB,IAAII,MAAM,CAACW,MAAM,GAAG,CAAC,EAAE;cAClD;YACF;UACF;QAAC,SAAAC,GAAA;UAAAT,SAAA,CAAAU,CAAA,CAAAD,GAAA;QAAA;UAAAT,SAAA,CAAAW,CAAA;QAAA;MACH;IACF,CAAC;IACDf,QAAQ,CAACtC,IAAI,EAAEiC,OAAO,CAAC;EACzB,CAAC,CAAC;EACF,OAAOA,OAAO;AAChB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASqB,cAAcA,CAACC,GAA4B,EAAEC,KAAsC,EAAQ;EACzG,IAAI,CAACD,GAAG,EAAE;EACVE,KAAK,CAACC,IAAI,CAACH,GAAG,CAACI,UAAU,CAAC,CAACC,OAAO,CAAC,UAACC,IAAI,EAAK;IAC3C,IAAI,CAACA,IAAI,CAACC,IAAI,CAACC,UAAU,CAAC,cAAc,CAAC,EAAE;MACzCR,GAAG,CAACS,eAAe,CAACH,IAAI,CAACC,IAAI,CAAC;IAChC;EACF,CAAC,CAAC;EAEFP,GAAG,CAACS,eAAe,CAAC,OAAO,CAAC;EAC5BT,GAAG,CAACS,eAAe,CAAC,OAAO,CAAC;EAE5B,IAAIR,KAAK,EAAE;IACTS,MAAM,CAACC,OAAO,CAACV,KAAK,CAAC,CAACI,OAAO,CAAC,UAAAO,IAAA,EAAkB;MAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAF,IAAA;QAAhBG,GAAG,GAAAF,KAAA;QAAEnB,KAAK,GAAAmB,KAAA;MACxC,IAAIE,GAAG,KAAK,OAAO,IAAIrB,KAAK,EAAE;QAC5BgB,MAAM,CAACC,OAAO,CAACjB,KAAsB,CAAC,CAACW,OAAO,CAAC,UAAAW,KAAA,EAA4B;UAAA,IAAAC,KAAA,GAAAH,cAAA,CAAAE,KAAA;YAA1BE,QAAQ,GAAAD,KAAA;YAAEE,UAAU,GAAAF,KAAA;UACnE,IAAIE,UAAU,KAAKC,SAAS,EAAE;YAC5B;YACCpB,GAAG,CAACpD,KAAK,CAASsE,QAAQ,CAAC,GAAGC,UAAU;UAC3C;QACF,CAAC,CAAC;MACJ,CAAC,MAAM,IAAIJ,GAAG,KAAK,WAAW,IAAIrB,KAAK,EAAE;QACvCM,GAAG,CAACqB,SAAS,GAAG3B,KAAe;MACjC,CAAC,MAAM,IAAIA,KAAK,KAAK0B,SAAS,IAAI1B,KAAK,KAAK,IAAI,EAAE;QAChDM,GAAG,CAACsB,YAAY,CAACP,GAAG,EAAErB,KAAK,CAAC6B,QAAQ,CAAC,CAAC,CAAC;MACzC;IACF,CAAC,CAAC;EACJ;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAACxB,GAA4B,EAAEpD,KAAgC,EAAQ;EACnG,IAAI,CAACoD,GAAG,EAAE;EACVA,GAAG,CAACS,eAAe,CAAC,OAAO,CAAC;EAC5B,IAAI7D,KAAK,EAAE;IACT8D,MAAM,CAACC,OAAO,CAAC/D,KAAK,CAAC,CAACyD,OAAO,CAAC,UAAAoB,KAAA,EAA4B;MAAA,IAAAC,KAAA,GAAAZ,cAAA,CAAAW,KAAA;QAA1BP,QAAQ,GAAAQ,KAAA;QAAEP,UAAU,GAAAO,KAAA;MAClD,IAAIP,UAAU,KAAKC,SAAS,EAAE;QAC5B;QACCpB,GAAG,CAACpD,KAAK,CAASsE,QAAQ,CAAC,GAAGC,UAAU;MAC3C;IACF,CAAC,CAAC;EACJ;AACF"}
+{"version":3,"names":["$createTextNode","$getRoot","$getSelection","$isDecoratorNode","$isElementNode","$isParagraphNode","$isRangeSelection","$isTextNode","$createDivNode","$isDivNode","insertNodeAtCursor","editor","node","update","selection","lastNode","focus","getNode","append","insertAfter","insertNodes","selectNext","root","nodeToInsert","container","style","display","insertTextAtCursor","text","textNode","insertText","getLastChild","clearEditorContent","state","getEditorState","stateJson","toJSON","newJson","_objectSpread","children","direction","format","indent","type","version","textFormat","textStyle","emptyState","parseEditorState","JSON","stringify","setEditorState","clear","findNode","predicate","matched","findNodes","stopOnFirstMatch","options","read","traverse","result","push","getChildren","_iterator","_createForOfIteratorHelper","_step","s","n","done","child","value","length","err","e","f","updateDomProps","dom","props","Array","from","attributes","forEach","attr","name","startsWith","removeAttribute","Object","entries","_ref","_ref2","_slicedToArray","key","_ref3","_ref4","styleKey","styleValue","undefined","className","toLowerCase","setAttribute","toString","updateDomStyle","_ref5","_ref6","getDomAttributes","styles","styleName"],"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 * - 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":";;;;;;;;;;;;;AAEA,SACEA,eAAe,EACfC,QAAQ,EACRC,aAAa,EACbC,gBAAgB,EAChBC,cAAc,EACdC,gBAAgB,EAChBC,iBAAiB,EACjBC,WAAW,QACN,SAAS;AAChB,SAASC,cAAc,EAAEC,UAAU;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAACC,MAAqB,EAAEC,IAAiB,EAAQ;EACjFD,MAAM,CAACE,MAAM,CAAC,YAAM;IAClB,IAAMC,SAAS,GAAGZ,aAAa,CAAC,CAAC;IACjC,IAAIY,SAAS,EAAE;MACb,IAAIR,iBAAiB,CAACQ,SAAS,CAAC,EAAE;QAChC;QACA,IAAMC,QAAQ,GAAGD,SAAS,CAACE,KAAK,CAACC,OAAO,CAAC,CAAC;QAC1C,IAAIF,QAAQ,EAAE;UACZ,IAAIV,gBAAgB,CAACU,QAAQ,CAAC,EAAE;YAC9BA,QAAQ,CAACG,MAAM,CAACN,IAAI,CAAC;UACvB,CAAC,MAAM,IAAIL,WAAW,CAACQ,QAAQ,CAAC,EAAE;YAChC;YACAA,QAAQ,CAACI,WAAW,CAACP,IAAI,CAAC;UAC5B,CAAC,MAAM,IAAIH,UAAU,CAACM,QAAQ,CAAC,EAAE;YAC/BA,QAAQ,CAACG,MAAM,CAACN,IAAI,CAAC;UACvB,CAAC,MAAM;YACLE,SAAS,CAACM,WAAW,CAAC,CAACR,IAAI,CAAC,CAAC;UAC/B;UACAA,IAAI,CAACS,UAAU,CAAC,CAAC;QACnB;MACF,CAAC,MAAM;QACLP,SAAS,CAACM,WAAW,CAAC,CAACR,IAAI,CAAC,CAAC;QAC7BA,IAAI,CAACS,UAAU,CAAC,CAAC;MACnB;IACF,CAAC,MAAM;MACL,IAAMC,IAAI,GAAGrB,QAAQ,CAAC,CAAC;MACvB,IAAIsB,YAAyB,GAAGX,IAAI;MACpC,IAAIR,cAAc,CAACQ,IAAI,CAAC,IAAIT,gBAAgB,CAACS,IAAI,CAAC,EAAE;QAClDW,YAAY,GAAGX,IAAI;MACrB,CAAC,MAAM;QACL,IAAMY,SAAS,GAAGhB,cAAc,CAAC;UAC/BiB,KAAK,EAAE;YAAEC,OAAO,EAAE;UAAe;QACnC,CAAC,CAAC;QACFF,SAAS,CAACN,MAAM,CAACN,IAAI,CAAC;QACtBW,YAAY,GAAGC,SAAS;MAC1B;MACAF,IAAI,CAACJ,MAAM,CAACK,YAAY,CAAC;MACzBX,IAAI,CAACS,UAAU,CAAC,CAAC;IACnB;EACF,CAAC,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASM,kBAAkBA,CAAChB,MAAqB,EAAEiB,IAAY,EAAQ;EAC5EjB,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEE,MAAM,CAAC,YAAM;IACnB,IAAMgB,QAAQ,GAAG7B,eAAe,CAAC4B,IAAI,CAAC;IACtC,IAAMN,IAAI,GAAGrB,QAAQ,CAAC,CAAC;IACvB,IAAMa,SAAS,GAAGZ,aAAa,CAAC,CAAC;IACjC,IAAIY,SAAS,EAAE;MACb;MACAA,SAAS,CAACgB,UAAU,CAACF,IAAI,CAAC;IAC5B,CAAC,MAAM;MACL;MACA,IAAMb,QAAQ,GAAGO,IAAI,CAACS,YAAY,CAAC,CAAC;MACpC,IAAIhB,QAAQ,IAAIV,gBAAgB,CAACU,QAAQ,CAAC,EAAE;QAC1CA,QAAQ,CAACG,MAAM,CAACW,QAAQ,CAAC;MAC3B,CAAC,MAAM;QACL,IAAML,SAAS,GAAGhB,cAAc,CAAC;UAC/BiB,KAAK,EAAE;YAAEC,OAAO,EAAE;UAAe;QACnC,CAAC,CAAC;QACFF,SAAS,CAACN,MAAM,CAACW,QAAQ,CAAC;QAC1BP,IAAI,CAACJ,MAAM,CAACM,SAAS,CAAC;MACxB;IACF;EACF,CAAC,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASQ,kBAAkBA,CAACrB,MAAqB,EAAE;EACxD,IAAMsB,KAAK,GAAGtB,MAAM,CAACuB,cAAc,CAAC,CAAC;EACrC,IAAMC,SAAS,GAAGF,KAAK,CAACG,MAAM,CAAC,CAAC;EAChC;EACA,IAAMC,OAAO,GAAAC,aAAA,CAAAA,aAAA,KACRH,SAAS;IACZb,IAAI,EAAAgB,aAAA,CAAAA,aAAA,KACCH,SAAS,CAACb,IAAI;MACjBiB,QAAQ,EAAE,CACR;QACEA,QAAQ,EAAE,EAAE;QACZC,SAAS,EAAE,IAAI;QACfC,MAAM,EAAE,EAAE;QACVC,MAAM,EAAE,CAAC;QACTC,IAAI,EAAE,WAAW;QACjBC,OAAO,EAAE,CAAC;QACVC,UAAU,EAAE,CAAC;QACbC,SAAS,EAAE;MACb,CAAC;IACF;EACF,EACF;EACD,IAAMC,UAAU,GAAGpC,MAAM,CAACqC,gBAAgB,CAACC,IAAI,CAACC,SAAS,CAACb,OAAO,CAAC,CAAC;EACnE1B,MAAM,CAACwC,cAAc,CAACJ,UAAU,CAAC;EACjCpC,MAAM,CAACE,MAAM,CAAC,YAAM;IAClB,IAAMS,IAAI,GAAGrB,QAAQ,CAAC,CAAC;IACvBqB,IAAI,CAAC8B,KAAK,CAAC,CAAC;EACd,CAAC,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CACtB1C,MAAqB,EACrB2C,SAAyC,EAC1B;EACf,IAAMC,OAAO,GAAGC,SAAS,CAAI7C,MAAM,EAAE2C,SAAS,EAAE;IAAEG,gBAAgB,EAAE;EAAK,CAAC,CAAC;EAC3E,OAAOF,OAAO,CAAC,CAAC,CAAC;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CACvB7C,MAAqB,EACrB2C,SAAyC,EACzCI,OAEC,EACI;EACL,IAAMH,OAAY,GAAG,EAAE;EACvB5C,MAAM,CAACuB,cAAc,CAAC,CAAC,CAACyB,IAAI,CAAC,YAAM;IACjC,IAAMrC,IAAI,GAAGrB,QAAQ,CAAC,CAAC;IACvB,IAAM2D,QAAQ,GAAG,SAAXA,QAAQA,CAAIhD,IAAiB,EAAEiD,MAAW,EAAK;MACnD,IAAIP,SAAS,CAAC1C,IAAI,CAAC,EAAE;QACnBiD,MAAM,CAACC,IAAI,CAAClD,IAAoB,CAAC;QACjC,IAAI8C,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAED,gBAAgB,EAAE;UAC7B;QACF;MACF;MACA,IAAIrD,cAAc,CAACQ,IAAI,CAAC,EAAE;QACxB,IAAM2B,QAAQ,GAAG3B,IAAI,CAACmD,WAAW,CAAC,CAAC;QAAC,IAAAC,SAAA,GAAAC,0BAAA,CAChB1B,QAAQ;UAAA2B,KAAA;QAAA;UAA5B,KAAAF,SAAA,CAAAG,CAAA,MAAAD,KAAA,GAAAF,SAAA,CAAAI,CAAA,IAAAC,IAAA,GAA8B;YAAA,IAAnBC,KAAK,GAAAJ,KAAA,CAAAK,KAAA;YACdX,QAAQ,CAACU,KAAK,EAAET,MAAM,CAAC;YACvB,IAAIH,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAED,gBAAgB,IAAII,MAAM,CAACW,MAAM,GAAG,CAAC,EAAE;cAClD;YACF;UACF;QAAC,SAAAC,GAAA;UAAAT,SAAA,CAAAU,CAAA,CAAAD,GAAA;QAAA;UAAAT,SAAA,CAAAW,CAAA;QAAA;MACH;IACF,CAAC;IACDf,QAAQ,CAACtC,IAAI,EAAEiC,OAAO,CAAC;EACzB,CAAC,CAAC;EACF,OAAOA,OAAO;AAChB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASqB,cAAcA,CAACC,GAA4B,EAAEC,KAAsC,EAAQ;EACzG,IAAI,CAACD,GAAG,EAAE;EACVE,KAAK,CAACC,IAAI,CAACH,GAAG,CAACI,UAAU,CAAC,CAACC,OAAO,CAAC,UAACC,IAAI,EAAK;IAC3C,IAAI,CAACA,IAAI,CAACC,IAAI,CAACC,UAAU,CAAC,cAAc,CAAC,EAAE;MACzCR,GAAG,CAACS,eAAe,CAACH,IAAI,CAACC,IAAI,CAAC;IAChC;EACF,CAAC,CAAC;EAEFP,GAAG,CAACS,eAAe,CAAC,OAAO,CAAC;EAC5BT,GAAG,CAACS,eAAe,CAAC,OAAO,CAAC;EAE5B,IAAIR,KAAK,EAAE;IACTS,MAAM,CAACC,OAAO,CAACV,KAAK,CAAC,CAACI,OAAO,CAAC,UAAAO,IAAA,EAAkB;MAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAF,IAAA;QAAhBG,GAAG,GAAAF,KAAA;QAAEnB,KAAK,GAAAmB,KAAA;MACxC,IAAIE,GAAG,KAAK,OAAO,IAAIrB,KAAK,EAAE;QAC5BgB,MAAM,CAACC,OAAO,CAACjB,KAAsB,CAAC,CAACW,OAAO,CAAC,UAAAW,KAAA,EAA4B;UAAA,IAAAC,KAAA,GAAAH,cAAA,CAAAE,KAAA;YAA1BE,QAAQ,GAAAD,KAAA;YAAEE,UAAU,GAAAF,KAAA;UACnE,IAAIE,UAAU,KAAKC,SAAS,EAAE;YAC5B;YACCpB,GAAG,CAACpD,KAAK,CAASsE,QAAQ,CAAC,GAAGC,UAAU;UAC3C;QACF,CAAC,CAAC;MACJ,CAAC,MAAM,IAAIJ,GAAG,KAAK,WAAW,IAAIrB,KAAK,EAAE;QACvCM,GAAG,CAACqB,SAAS,GAAG3B,KAAe;MACjC,CAAC,MAAM,IAAIqB,GAAG,CAACP,UAAU,CAAC,IAAI,CAAC,IAAI,OAAOd,KAAK,KAAK,UAAU,EAAE;QAC9DM,GAAG,CAACe,GAAG,CAACO,WAAW,CAAC,CAAC,CAAc,GAAG5B,KAAoC;MAC5E,CAAC,MAAM,IAAIA,KAAK,KAAK0B,SAAS,IAAI1B,KAAK,KAAK,IAAI,EAAE;QAChDM,GAAG,CAACuB,YAAY,CAACR,GAAG,EAAErB,KAAK,CAAC8B,QAAQ,CAAC,CAAC,CAAC;MACzC;IACF,CAAC,CAAC;EACJ;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAACzB,GAA4B,EAAEpD,KAAgC,EAAQ;EACnG,IAAI,CAACoD,GAAG,EAAE;EACVA,GAAG,CAACS,eAAe,CAAC,OAAO,CAAC;EAC5B,IAAI7D,KAAK,EAAE;IACT8D,MAAM,CAACC,OAAO,CAAC/D,KAAK,CAAC,CAACyD,OAAO,CAAC,UAAAqB,KAAA,EAA4B;MAAA,IAAAC,KAAA,GAAAb,cAAA,CAAAY,KAAA;QAA1BR,QAAQ,GAAAS,KAAA;QAAER,UAAU,GAAAQ,KAAA;MAClD,IAAIR,UAAU,KAAKC,SAAS,EAAE;QAC5B;QACCpB,GAAG,CAACpD,KAAK,CAASsE,QAAQ,CAAC,GAAGC,UAAU;MAC3C;IACF,CAAC,CAAC;EACJ;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASS,gBAAgBA,CAAC5B,GAA4B,EAA+C;EAC1G,IAAI,CAACA,GAAG,EAAE,OAAOoB,SAAS;EAE1B,IAAMhB,UAA2C,GAAG,CAAC,CAAC;EACtDF,KAAK,CAACC,IAAI,CAACH,GAAG,CAACI,UAAU,CAAC,CAACC,OAAO,CAAC,UAACC,IAAI,EAAK;IAC3C,IAAIA,IAAI,CAACC,IAAI,KAAK,OAAO,IAAID,IAAI,CAACC,IAAI,KAAK,OAAO,EAAE;MAClD;IACF;IACAH,UAAU,CAACE,IAAI,CAACC,IAAI,CAA0C,GAAGD,IAAI,CAACZ,KAAK;EAC7E,CAAC,CAAC;EAEF,IAAIM,GAAG,CAACqB,SAAS,EAAE;IACjBjB,UAAU,CAACiB,SAAS,GAAGrB,GAAG,CAACqB,SAAS;EACtC;EAEA,IAAIrB,GAAG,CAACpD,KAAK,EAAE;IACb,IAAMiF,MAAqB,GAAG,CAAC,CAAC;IAChC3B,KAAK,CAACC,IAAI,CAACH,GAAG,CAACpD,KAAK,CAAC,CAACyD,OAAO,CAAC,UAACyB,SAAS,EAAK;MAC3C;MACCD,MAAM,CAASC,SAAS,CAAC,GAAI9B,GAAG,CAACpD,KAAK,CAASkF,SAAS,CAAC;IAC5D,CAAC,CAAC;IACF1B,UAAU,CAACxD,KAAK,GAAGiF,MAAM;EAC3B;EAEA,OAAOzB,UAAU;AACnB"}

package/es/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/es/components/Lexical/index.js

@@ -3,4 +3,5 @@ export * from "./nodes/base";
 export * from "./nodes/DivNode";
 export * from "./nodes/SelectNode";
 export * from "./nodes/ExtendTextNode";
+export * from "./nodes/CloseIcon";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"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;AACA;AACA;AACA;AACA"}
+{"version":3,"names":[],"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';\nexport * from './nodes/CloseIcon';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA"}

package/es/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 {};