@tiny-codes/react-easy 1.3.1 → 1.4.1

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 # Changelog
 
+## 1.4.1
+
+2025-8-10
+
+### Features
+
+- 🔥 Add `CloseIcon` component for `Lexical`.
+
+## 1.4.0
+
+2025-8-7
+
+### Features
+
+- 🔥 Add some custom nodes and helpers for `Lexical`.
+
 ## 1.3.1
 
 2025-8-1

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

@@ -0,0 +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 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 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 instance | LexicalEditor 实例
+ */
+export declare function clearEditorContent(editor: LexicalEditor): void;
+/**
+ * - EN: Find the first node that matches the predicate.
+ * - CN: 查找第一个符合条件的节点。
+ *
+ * @param editor LexicalEditor instance | LexicalEditor 实例
+ * @param predicate Function to test whether a node matches | 用于匹配节点的函数
+ *
+ * @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 instance | LexicalEditor 实例
+ * @param predicate Function to test whether a node matches | 用于匹配节点的函数
+ * @param options Options | 选项
+ *
+ * @returns An array of matched nodes | 符合条件的节点数组
+ */
+export declare function findNodes<T extends LexicalNode>(editor: LexicalEditor, predicate: (node: LexicalNode) => boolean, options?: {
+    stopOnFirstMatch?: boolean;
+}): T[];
+/**
+ * - EN: Update properties on a DOM element.
+ * - CN: 更新 DOM 元素的属性。
+ *
+ * @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;
+/**
+ * - EN: Update style on a DOM element.
+ * - CN: 更新 DOM 元素的样式。
+ *
+ * @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

@@ -0,0 +1,286 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { $createTextNode, $getRoot, $getSelection, $isDecoratorNode, $isElementNode, $isParagraphNode, $isRangeSelection, $isTextNode } from 'lexical';
+import { $createDivNode, $isDivNode } from "../nodes/DivNode";
+
+/**
+ * - EN: Insert a node at the current cursor position.
+ * - CN: 将节点插入到当前光标位置。
+ *
+ * @param editor LexicalEditor instance | LexicalEditor 实例
+ * @param node Node to insert | 要插入的节点
+ */
+export function insertNodeAtCursor(editor, node) {
+  editor.update(function () {
+    var selection = $getSelection();
+    if (selection) {
+      if ($isRangeSelection(selection)) {
+        // 如果没有选取，则直接在根节点末尾插入
+        var lastNode = selection.focus.getNode();
+        if (lastNode) {
+          if ($isParagraphNode(lastNode)) {
+            lastNode.append(node);
+          } else if ($isTextNode(lastNode)) {
+            // 如果最后一个节点是文本节点，则在其后插入 SelectNode
+            lastNode.insertAfter(node);
+          } else if ($isDivNode(lastNode)) {
+            lastNode.append(node);
+          } else {
+            selection.insertNodes([node]);
+          }
+          node.selectNext();
+        }
+      } else {
+        selection.insertNodes([node]);
+        node.selectNext();
+      }
+    } else {
+      var root = $getRoot();
+      var nodeToInsert = node;
+      if ($isElementNode(node) || $isDecoratorNode(node)) {
+        nodeToInsert = node;
+      } else {
+        var container = $createDivNode({
+          style: {
+            display: 'inline-block'
+          }
+        });
+        container.append(node);
+        nodeToInsert = container;
+      }
+      root.append(nodeToInsert);
+      node.selectNext();
+    }
+  });
+}
+
+/**
+ * - EN: Insert text at the current cursor position.
+ * - CN: 将文本插入到当前光标位置。
+ *
+ * @param editor LexicalEditor instance | LexicalEditor 实例
+ * @param text Text to insert | 要插入的文本
+ */
+export function insertTextAtCursor(editor, text) {
+  editor === null || editor === void 0 || editor.update(function () {
+    var textNode = $createTextNode(text);
+    var root = $getRoot();
+    var selection = $getSelection();
+    if (selection) {
+      // 插入光标位置
+      selection.insertText(text);
+    } else {
+      // 如果没有选取，则直接在根节点末尾插入
+      var lastNode = root.getLastChild();
+      if (lastNode && $isParagraphNode(lastNode)) {
+        lastNode.append(textNode);
+      } else {
+        var container = $createDivNode({
+          style: {
+            display: 'inline-block'
+          }
+        });
+        container.append(textNode);
+        root.append(container);
+      }
+    }
+  });
+}
+
+/**
+ * - EN: Clear the editor content.
+ * - CN: 清空编辑器内容。
+ *
+ * @param editor LexicalEditor instance | LexicalEditor 实例
+ */
+export function clearEditorContent(editor) {
+  var state = editor.getEditorState();
+  var stateJson = state.toJSON();
+  // 默认创建一个ParagraphNode
+  var newJson = _objectSpread(_objectSpread({}, stateJson), {}, {
+    root: _objectSpread(_objectSpread({}, stateJson.root), {}, {
+      children: [{
+        children: [],
+        direction: null,
+        format: '',
+        indent: 0,
+        type: 'paragraph',
+        version: 1,
+        textFormat: 0,
+        textStyle: ''
+      }]
+    })
+  });
+  var emptyState = editor.parseEditorState(JSON.stringify(newJson));
+  editor.setEditorState(emptyState);
+  editor.update(function () {
+    var root = $getRoot();
+    root.clear();
+  });
+}
+
+/**
+ * - EN: Find the first node that matches the predicate.
+ * - CN: 查找第一个符合条件的节点。
+ *
+ * @param editor LexicalEditor instance | LexicalEditor 实例
+ * @param predicate Function to test whether a node matches | 用于匹配节点的函数
+ *
+ * @returns The matched node, or undefined | 符合条件的第一个节点，或 undefined
+ */
+export function findNode(editor, predicate) {
+  var matched = findNodes(editor, predicate, {
+    stopOnFirstMatch: true
+  });
+  return matched[0];
+}
+/**
+ * - EN: Find all nodes that match the predicate.
+ * - CN: 查找所有符合条件的节点数组。
+ *
+ * @param editor LexicalEditor instance | LexicalEditor 实例
+ * @param predicate Function to test whether a node matches | 用于匹配节点的函数
+ * @param options Options | 选项
+ *
+ * @returns An array of matched nodes | 符合条件的节点数组
+ */
+export function findNodes(editor, predicate, options) {
+  var matched = [];
+  editor.getEditorState().read(function () {
+    var root = $getRoot();
+    var traverse = function traverse(node, result) {
+      if (predicate(node)) {
+        result.push(node);
+        if (options !== null && options !== void 0 && options.stopOnFirstMatch) {
+          return;
+        }
+      }
+      if ($isElementNode(node)) {
+        var children = node.getChildren();
+        var _iterator = _createForOfIteratorHelper(children),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var child = _step.value;
+            traverse(child, result);
+            if (options !== null && options !== void 0 && options.stopOnFirstMatch && result.length > 0) {
+              return;
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
+    };
+    traverse(root, matched);
+  });
+  return matched;
+}
+
+/**
+ * - EN: Update properties on a DOM element.
+ * - CN: 更新 DOM 元素的属性。
+ *
+ * @param dom Target DOM element to update | 要更新的 DOM 元素
+ * @param props Props to set on the element | 要设置的属性
+ */
+export function updateDomProps(dom, props) {
+  if (!dom) return;
+  Array.from(dom.attributes).forEach(function (attr) {
+    if (!attr.name.startsWith('data-lexical')) {
+      dom.removeAttribute(attr.name);
+    }
+  });
+  dom.removeAttribute('style');
+  dom.removeAttribute('class');
+  if (props) {
+    Object.entries(props).forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        key = _ref2[0],
+        value = _ref2[1];
+      if (key === 'style' && value) {
+        Object.entries(value).forEach(function (_ref3) {
+          var _ref4 = _slicedToArray(_ref3, 2),
+            styleKey = _ref4[0],
+            styleValue = _ref4[1];
+          if (styleValue !== undefined) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            dom.style[styleKey] = styleValue;
+          }
+        });
+      } else if (key === 'className' && value) {
+        dom.className = value;
+      } else if (value !== undefined && value !== null) {
+        dom.setAttribute(key, value.toString());
+      }
+    });
+  }
+}
+
+/**
+ * - EN: Update style on a DOM element.
+ * - CN: 更新 DOM 元素的样式。
+ *
+ * @param dom Target DOM element to update | 要更新的 DOM 元素
+ * @param style Style to set | 要设置的样式
+ */
+export function updateDomStyle(dom, style) {
+  if (!dom) return;
+  dom.removeAttribute('style');
+  if (style) {
+    Object.entries(style).forEach(function (_ref5) {
+      var _ref6 = _slicedToArray(_ref5, 2),
+        styleKey = _ref6[0],
+        styleValue = _ref6[1];
+      if (styleValue !== undefined) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        dom.style[styleKey] = styleValue;
+      }
+    });
+  }
+}
+
+/**
+ * - 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

@@ -0,0 +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","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 (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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"}

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

@@ -0,0 +1,6 @@
+export * from './helpers';
+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

@@ -0,0 +1,7 @@
+export * from "./helpers";
+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

@@ -0,0 +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';\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 {};