@lobehub/editor 4.29.1 → 5.0.0-beta.1

package/es/plugins/yjs/service/index.js

@@ -1,12 +1,40 @@
+import { $normalizeNodeIds, editorStateHasCompleteNodeIds, inheritMissingSerializedNodeIds, init_node_id, isValidContentNodeId, migrateSerializedNodeIds } from "../../common/node/node-id.js";
 import { createEmptyPreviousEditorState } from "../plugin/utils/editor-state.js";
 import { hydrateLexicalFromYjsState, syncCurrentEditorStateToYjs } from "../plugin/utils/sync.js";
-import { SKIP_COLLAB_TAG } from "lexical";
+import { $getRoot, SKIP_COLLAB_TAG } from "lexical";
 //#region src/plugins/yjs/service/index.ts
+init_node_id();
 const serializeComparableEditorState = (state) => {
-	const serialized = state.toJSON();
+	const serialized = structuredClone(state.toJSON());
 	if (serialized.root?.direction === "ltr") serialized.root.direction = null;
 	return JSON.stringify(serialized);
 };
+const serializeComparableStateForSnapshot = (state, snapshotRoot) => {
+	const serialized = structuredClone(state.toJSON());
+	if (serialized.root?.direction === "ltr") serialized.root.direction = null;
+	const stripMissingIds = (stateNode, snapshotNode) => {
+		if (!stateNode || typeof stateNode !== "object" || Array.isArray(stateNode) || !snapshotNode || typeof snapshotNode !== "object" || Array.isArray(snapshotNode)) return;
+		const stateRecord = stateNode;
+		const snapshotRecord = snapshotNode;
+		if (stateRecord.type === snapshotRecord.type) {
+			const properties = snapshotRecord.$?.properties;
+			if (!(snapshotRecord.type !== "root" && (isValidContentNodeId(snapshotRecord.id) || typeof snapshotRecord.id === "number" && Number.isFinite(snapshotRecord.id) || isValidContentNodeId(properties?.nodeId)))) {
+				delete stateRecord.id;
+				if (stateRecord.$?.properties) {
+					delete stateRecord.$.properties.nodeId;
+					if (Object.keys(stateRecord.$.properties).length === 0) delete stateRecord.$.properties;
+					if (Object.keys(stateRecord.$).length === 0) delete stateRecord.$;
+				}
+			}
+			if (Array.isArray(stateRecord.children) && Array.isArray(snapshotRecord.children)) {
+				const length = Math.min(stateRecord.children.length, snapshotRecord.children.length);
+				for (let index = 0; index < length; index++) stripMissingIds(stateRecord.children[index], snapshotRecord.children[index]);
+			}
+		}
+	};
+	stripMissingIds(serialized.root, snapshotRoot);
+	return JSON.stringify(serialized);
+};
 var YjsService = class {
 	constructor() {
 		this.awarenessUsers = [];
@@ -40,9 +68,15 @@ var YjsService = class {
 		const hasSharedState = !binding.root.isEmpty() || binding.root._xmlText._length > 0;
 		if (hasSharedState && binding.root.isEmpty()) hydrateLexicalFromYjsState(binding, { discrete: true });
 		const previousEditorState = binding.editor.getEditorState();
-		const nextEditorState = binding.editor.parseEditorState(JSON.stringify(editorData));
+		const snapshot = structuredClone(editorData);
+		migrateSerializedNodeIds(snapshot.root);
+		inheritMissingSerializedNodeIds(previousEditorState.toJSON().root, snapshot.root);
+		const nextEditorState = binding.editor.parseEditorState(JSON.stringify(snapshot), () => {
+			$normalizeNodeIds($getRoot(), { stableDuplicateRepair: true });
+		});
 		const isSameState = serializeComparableEditorState(previousEditorState) === serializeComparableEditorState(nextEditorState);
-		if (hasSharedState && isSameState) return false;
+		const isSameStateIgnoringOmittedIds = hasSharedState && editorStateHasCompleteNodeIds(previousEditorState, binding.editor) && serializeComparableStateForSnapshot(previousEditorState, snapshot.root) === serializeComparableStateForSnapshot(nextEditorState, snapshot.root);
+		if (hasSharedState && (isSameState || isSameStateIgnoringOmittedIds)) return false;
 		binding.editor.setEditorState(nextEditorState, { tag: SKIP_COLLAB_TAG });
 		const replaceSharedState = () => {
 			const collabRoot = binding.root;

package/es/react/ChatInput/ChatInput.js

@@ -1,10 +1,9 @@
 "use client";
 import { useHeight } from "../hooks/useSize.js";
 import { styles } from "./style.js";
+import { Flexbox, cx, useThemeMode } from "@lobehub/ui";
 import { useCallback } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Flexbox } from "@lobehub/ui";
-import { cx, useThemeMode } from "antd-style";
 import { Resizable } from "re-resizable";
 import useMergeState from "use-merge-value";
 //#region src/react/ChatInput/ChatInput.tsx

package/es/react/ChatInput/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/react/ChatInput/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	bodyEditor: css`

package/es/react/ChatInput/type.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties, ReactNode, Ref } from "react";
 import { FlexboxProps } from "@lobehub/ui";
+import { CSSProperties, ReactNode, Ref } from "react";
 //#region src/react/ChatInput/type.d.ts
 interface ChatInputProps extends Omit<FlexboxProps, 'height'> {
   classNames?: {

package/es/react/ChatInputActionBar/ChatInputActionBar.js

@@ -1,8 +1,7 @@
 "use client";
 import { styles } from "./style.js";
+import { Flexbox, cx } from "@lobehub/ui";
 import { jsxs } from "react/jsx-runtime";
-import { Flexbox } from "@lobehub/ui";
-import { cx } from "antd-style";
 //#region src/react/ChatInputActionBar/ChatInputActionBar.tsx
 const ChatInputActionBar = ({ className, style, left, right, ...rest }) => {
 	return /* @__PURE__ */ jsxs(Flexbox, {

package/es/react/ChatInputActionBar/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/react/ChatInputActionBar/style.ts
 const styles = createStaticStyles(({ css }) => ({ container: css`
     overflow: hidden;

package/es/react/ChatInputActionBar/type.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import { FlexboxProps } from "@lobehub/ui";
+import { ReactNode } from "react";
 //#region src/react/ChatInputActionBar/type.d.ts
 interface ChatInputActionBarProps extends Omit<FlexboxProps, 'children'> {
   left?: ReactNode;

package/es/react/ChatInputActions/ChatInputActions.js

@@ -2,10 +2,9 @@
 import { styles } from "./style.js";
 import ActionItem from "./components/ActionItem.js";
 import { useDisplayActionCount } from "./components/useDisplayActionCount.js";
+import { Flexbox, TooltipGroup, cx } from "@lobehub/ui";
 import { memo, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-import { Flexbox, TooltipGroup } from "@lobehub/ui";
-import { cx } from "antd-style";
 import useMergeState from "use-merge-value";
 //#region src/react/ChatInputActions/ChatInputActions.tsx
 const ChatInputActions = memo(({ gap = 2, disabled, items = [], onActionClick, className, collapseOffset = 0, autoCollapse = true, defaultGroupCollapse = false, onGroupCollapseChange, groupCollapse, ...rest }) => {

package/es/react/ChatInputActions/components/ActionItem.js

@@ -1,7 +1,7 @@
 "use client";
 import ActionRender from "./ActionRender.js";
 import CollapsedActions from "./CollapsedActions.js";
-import { ActionIcon, DropdownMenu } from "@lobehub/ui/base-ui";
+import { ActionIcon, DropdownMenu } from "@lobehub/ui";
 import { jsx } from "react/jsx-runtime";
 //#region src/react/ChatInputActions/components/ActionItem.tsx
 const ActionItem = ({ item, disabled, onActionClick, groupCollapsed, collapsed, gap, setGroupCollapsed }) => {

package/es/react/ChatInputActions/components/ActionRender.js

@@ -1,5 +1,5 @@
 import { styles } from "../style.js";
-import { ActionIcon, Divider } from "@lobehub/ui/base-ui";
+import { ActionIcon, Divider } from "@lobehub/ui";
 import { isValidElement } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/react/ChatInputActions/components/ActionRender.tsx

package/es/react/ChatInputActions/components/CollapsedActions.js

@@ -1,9 +1,8 @@
 "use client";
 import { styles } from "../style.js";
-import { ActionIcon } from "@lobehub/ui/base-ui";
+import { ActionIcon, Flexbox, Popover, useMotionComponent } from "@lobehub/ui";
 import { CircleChevronLeftIcon, CircleChevronRightIcon, CircleChevronUpIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Flexbox, Popover, useMotionComponent } from "@lobehub/ui";
 //#region src/react/ChatInputActions/components/CollapsedActions.tsx
 const CollapsedActions = ({ children, groupCollapse = false, onGroupCollapseChange, gap, mode }) => {
 	const Motion = useMotionComponent();

package/es/react/ChatInputActions/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/react/ChatInputActions/style.ts
 const styles = createStaticStyles(({ css }) => ({
 	collapsedContainer: css`

package/es/react/ChatInputActions/type.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import { FlexboxProps, MenuInfo, MenuItemType, TooltipProps } from "@lobehub/ui";
+import { ReactNode } from "react";
 //#region src/react/ChatInputActions/type.d.ts
 type ChatInputActionEvent = Pick<MenuInfo, 'key' | 'keyPath' | 'domEvent'>;
 interface ActionItem extends MenuItemType {
@@ -16,11 +16,11 @@ type CollapseItem = {
   children: (ActionItem | DividerItem)[];
   type: 'collapse';
 };
-type DropdownItem = Omit<ActionItem, 'children' | 'type'> & {
+type DropdownItem$1 = Omit<ActionItem, 'children' | 'type'> & {
   children: MenuItemType[];
   type: 'dropdown';
 };
-type ChatInputActionItem = ActionItem | DividerItem | CollapseItem | DropdownItem;
+type ChatInputActionItem = ActionItem | DividerItem | CollapseItem | DropdownItem$1;
 interface ChatInputActionsProps extends Omit<FlexboxProps, 'children'> {
   autoCollapse?: boolean;
   collapseOffset?: number;
@@ -32,4 +32,4 @@ interface ChatInputActionsProps extends Omit<FlexboxProps, 'children'> {
   onGroupCollapseChange?: (collapse: boolean) => void;
 }
 //#endregion
-export { ActionItem, ChatInputActionEvent, ChatInputActionItem, ChatInputActionsProps, CollapseItem, DividerItem, DropdownItem };
+export { ActionItem, ChatInputActionEvent, ChatInputActionItem, ChatInputActionsProps, CollapseItem, DividerItem, DropdownItem$1 as DropdownItem };

package/es/react/CodeLanguageSelect/CodeLanguageSelect.js

@@ -1,10 +1,8 @@
 "use client";
 import { styles } from "./style.js";
-import { Select, Text } from "@lobehub/ui/base-ui";
+import { Flexbox, MaterialFileTypeIcon, Select, Text, cx } from "@lobehub/ui";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Flexbox, MaterialFileTypeIcon } from "@lobehub/ui";
-import { cx } from "antd-style";
 import { bundledLanguagesInfo } from "shiki";
 //#region src/react/CodeLanguageSelect/CodeLanguageSelect.tsx
 const CodeLanguageSelect = ({ className, ...rest }) => {

package/es/react/CodeLanguageSelect/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/react/CodeLanguageSelect/style.ts
 const styles = createStaticStyles(({ css }) => ({ container: css`
     width: 160px;

package/es/react/CodeLanguageSelect/type.d.ts

@@ -1,4 +1,4 @@
-import { SelectProps } from "@lobehub/ui/base-ui";
+import { SelectProps } from "@lobehub/ui";
 //#region src/react/CodeLanguageSelect/type.d.ts
 type CodeLanguageSelectProps = Omit<SelectProps, 'options'>;
 //#endregion

package/es/react/FloatActions/FloatActions.js

@@ -1,9 +1,8 @@
 "use client";
 import { styles } from "./style.js";
 import ActionItem from "./components/ActionItem.js";
+import { Flexbox, cx } from "@lobehub/ui";
 import { jsx } from "react/jsx-runtime";
-import { Flexbox } from "@lobehub/ui";
-import { cx } from "antd-style";
 import useMergeState from "use-merge-value";
 //#region src/react/FloatActions/FloatActions.tsx
 const FloatActions = ({ gap = 2, disabled, items = [], onActionClick, className, defaultGroupCollapse = false, onGroupCollapseChange, groupCollapse, ...rest }) => {

package/es/react/FloatActions/components/ActionItem.js

@@ -1,7 +1,7 @@
 "use client";
 import ActionRender from "./ActionRender.js";
 import CollapsedActions from "./CollapsedActions.js";
-import { ActionIcon, DropdownMenu } from "@lobehub/ui/base-ui";
+import { ActionIcon, DropdownMenu } from "@lobehub/ui";
 import { jsx } from "react/jsx-runtime";
 //#region src/react/FloatActions/components/ActionItem.tsx
 const ActionItem = ({ item, disabled, onActionClick, groupCollapsed, gap, setGroupCollapsed }) => {

package/es/react/FloatActions/components/ActionRender.js

@@ -1,5 +1,5 @@
 import { styles } from "../style.js";
-import { ActionIcon, Divider } from "@lobehub/ui/base-ui";
+import { ActionIcon, Divider } from "@lobehub/ui";
 import { isValidElement } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/react/FloatActions/components/ActionRender.tsx

package/es/react/FloatActions/components/CollapsedActions.js

@@ -1,9 +1,8 @@
 "use client";
 import { styles } from "../style.js";
-import { ActionIcon } from "@lobehub/ui/base-ui";
+import { ActionIcon, Flexbox, Popover, useMotionComponent } from "@lobehub/ui";
 import { CircleChevronLeftIcon, CircleChevronRightIcon, CircleChevronUpIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Flexbox, Popover, useMotionComponent } from "@lobehub/ui";
 //#region src/react/FloatActions/components/CollapsedActions.tsx
 const CollapsedActions = ({ children, groupCollapse = false, onGroupCollapseChange, gap, mode }) => {
 	const Motion = useMotionComponent();

package/es/react/FloatActions/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/react/FloatActions/style.ts
 const styles = createStaticStyles(({ css }) => ({
 	collapsedContainer: css`

package/es/react/FloatActions/type.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import { FlexboxProps, MenuInfo, MenuItemType, TooltipProps } from "@lobehub/ui";
+import { ReactNode } from "react";
 //#region src/react/FloatActions/type.d.ts
 type FloatActionsEvent = Pick<MenuInfo, 'key' | 'keyPath' | 'domEvent'>;
 interface ActionItem extends MenuItemType {
@@ -15,11 +15,11 @@ type CollapseItem = {
   children: (ActionItem | DividerItem)[];
   type: 'collapse';
 };
-type DropdownItem = Omit<ActionItem, 'children' | 'type'> & {
+type DropdownItem$1 = Omit<ActionItem, 'children' | 'type'> & {
   children: MenuItemType[];
   type: 'dropdown';
 };
-type FloatActionsItem = ActionItem | DividerItem | CollapseItem | DropdownItem;
+type FloatActionsItem = ActionItem | DividerItem | CollapseItem | DropdownItem$1;
 interface FloatActionsProps extends Omit<FlexboxProps, 'children'> {
   defaultGroupCollapse?: boolean;
   disabled?: boolean;
@@ -29,4 +29,4 @@ interface FloatActionsProps extends Omit<FlexboxProps, 'children'> {
   onGroupCollapseChange?: (collapse: boolean) => void;
 }
 //#endregion
-export { ActionItem, CollapseItem, DividerItem, DropdownItem, FloatActionsEvent, FloatActionsItem, FloatActionsProps };
+export { ActionItem, CollapseItem, DividerItem, DropdownItem$1 as DropdownItem, FloatActionsEvent, FloatActionsItem, FloatActionsProps };

package/es/react/SendButton/SendButton.js

@@ -2,10 +2,9 @@
 import SendIcon from "./components/SendIcon.js";
 import StopIcon from "./components/StopIcon.js";
 import { styles } from "./style.js";
-import { Button, SplitButton } from "@lobehub/ui/base-ui";
+import { Button, SplitButton, cx } from "@lobehub/ui";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
 //#region src/react/SendButton/SendButton.tsx
 const SendButton = ({ type = "primary", menu, className, style, loading, generating, size = 32, shape, onSend, onStop, disabled, onClick, placement = "topRight", trigger, title, ...rest }) => {
 	const cssVariables = useMemo(() => ({ "--send-button-size": `${size}px` }), [size]);

package/es/react/SendButton/components/SendIcon.js

@@ -1,6 +1,6 @@
 "use client";
+import { createStaticStyles, cx } from "@lobehub/ui";
 import { jsx } from "react/jsx-runtime";
-import { createStaticStyles, cx } from "antd-style";
 //#region src/react/SendButton/components/SendIcon.tsx
 const styles = createStaticStyles(({ css }) => ({ icon: css`
     flex: none;

package/es/react/SendButton/components/StopIcon.js

@@ -1,5 +1,5 @@
+import { createStaticStyles, cssVar, cx } from "@lobehub/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { createStaticStyles, cssVar, cx } from "antd-style";
 //#region src/react/SendButton/components/StopIcon.tsx
 const styles = createStaticStyles(({ css }) => ({
 	icon: css`

package/es/react/SendButton/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/react/SendButton/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	button: css`

package/es/react/SendButton/type.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps, DropdownItem, DropdownMenuProps } from "@lobehub/ui/base-ui";
+import { ButtonProps, DropdownItem, DropdownMenuProps } from "@lobehub/ui";
 import { CSSProperties, MouseEvent, Ref } from "react";
 //#region src/react/SendButton/type.d.ts
 type SendButtonClickHandler = (e: MouseEvent<HTMLElement>) => void;

package/es/renderer/LexicalDiff.js

@@ -1,9 +1,9 @@
 import { computeLexicalDiffRows } from "./diff/compute.js";
 import { diffStyles } from "./diff/style.js";
 import { LexicalRenderer } from "./LexicalRenderer.js";
+import { cx } from "@lobehub/ui";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
 //#region src/renderer/LexicalDiff.tsx
 function wrapBlock(block) {
 	return { root: {

package/es/renderer/LexicalRenderer.js

@@ -2,8 +2,8 @@ import { getCSSVariables, getRendererClassName } from "./style.js";
 import { renderNode } from "./engine/render-tree.js";
 import { rendererNodes } from "./nodes/index.js";
 import { createDefaultRenderers } from "./renderers/index.js";
-import { createElement, use, useMemo } from "react";
 import { MotionComponent, MotionProvider } from "@lobehub/ui";
+import { createElement, use, useMemo } from "react";
 import { createHeadlessEditor } from "@lexical/headless";
 import { $getRoot } from "lexical";
 import { motion } from "motion/react";

package/es/renderer/diff/compute.js

@@ -1,7 +1,7 @@
 //#region src/renderer/diff/compute.ts
 const CHAR_DIFF_MAX_MATRIX_CELLS = 5e4;
-const DELETE_MARK_STYLE = "background-color: color-mix(in srgb, var(--ant-color-error) 18%, transparent); text-decoration: line-through;";
-const INSERT_MARK_STYLE = "background-color: color-mix(in srgb, var(--ant-color-success) 18%, transparent);";
+const DELETE_MARK_STYLE = "background-color: color-mix(in srgb, var(--lobe-color-error) 18%, transparent); text-decoration: line-through;";
+const INSERT_MARK_STYLE = "background-color: color-mix(in srgb, var(--lobe-color-success) 18%, transparent);";
 function getBaseNodeType(node) {
 	if (!node) return null;
 	const type = node.type;

package/es/renderer/diff/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles, cx } from "antd-style";
+import { createStaticStyles, cx } from "@lobehub/ui";
 //#region src/renderer/diff/style.ts
 const base = createStaticStyles(({ css, cssVar }) => ({
 	body: css`

package/es/renderer/engine/render-builtin-node.js

@@ -43,7 +43,7 @@ const DIFF_LIST_ITEM_ROOT_STYLE = {
 	position: "relative"
 };
 const DIFF_DELETED_STYLE = {
-	color: "var(--ant-color-text-quaternary, rgba(0, 0, 0, 0.45))",
+	color: "var(--lobe-color-text-quaternary, rgba(0, 0, 0, 0.45))",
 	textDecoration: "line-through"
 };
 function renderDiffNode(node, key, children) {
@@ -53,7 +53,7 @@ function renderDiffNode(node, key, children) {
 		marginBlockStart: "calc(var(--lobe-markdown-margin-multiple, 1) * 0.5em)",
 		paddingInlineEnd: 4
 	};
-	const borderColor = diffType === "add" || diffType === "listItemAdd" ? "var(--ant-color-success, #52c41a)" : diffType === "remove" || diffType === "listItemRemove" ? "var(--ant-color-error, #ff4d4f)" : "var(--ant-color-warning, #faad14)";
+	const borderColor = diffType === "add" || diffType === "listItemAdd" ? "var(--lobe-color-success, #52c41a)" : diffType === "remove" || diffType === "listItemRemove" ? "var(--lobe-color-error, #ff4d4f)" : "var(--lobe-color-warning, #faad14)";
 	const contentStyle = diffType === "unchanged" ? sharedContentStyle : {
 		...sharedContentStyle,
 		borderInlineEnd: `3px solid ${borderColor}`

package/es/renderer/renderers/codeblock.js

@@ -1,7 +1,7 @@
 "use client";
 import { renderMermaidBlock } from "./mermaid.js";
-import { jsx } from "react/jsx-runtime";
 import { Highlighter } from "@lobehub/ui";
+import { jsx } from "react/jsx-runtime";
 //#region src/renderer/renderers/codeblock.tsx
 function CodeBlockRenderer({ node }) {
 	const language = node.language || "";

package/es/renderer/renderers/horizontalrule.js

@@ -1,5 +1,5 @@
+import { createStaticStyles } from "@lobehub/ui";
 import { createElement } from "react";
-import { createStaticStyles } from "antd-style";
 //#region src/renderer/renderers/horizontalrule.tsx
 const useStyles = createStaticStyles(({ css, cssVar }) => css`
     display: flex;

package/es/renderer/renderers/mermaid.js

@@ -1,6 +1,6 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
 import { Mermaid } from "@lobehub/ui";
+import { jsx } from "react/jsx-runtime";
 //#region src/renderer/renderers/mermaid.tsx
 function renderMermaidBlock(node, key) {
 	const code = node.code || "";

package/es/renderer/style.js

@@ -4,7 +4,7 @@ import { styles as styles$2 } from "../plugins/list/react/style.js";
 import { styles as styles$3 } from "../plugins/math/react/style.js";
 import { styles as styles$4 } from "../plugins/mention/react/style.js";
 import { styles as styles$5 } from "../plugins/table/react/style.js";
-import { createStaticStyles, cx } from "antd-style";
+import { createStaticStyles, cx } from "@lobehub/ui";
 //#region src/renderer/style.ts
 const tableHeaderFix = createStaticStyles(({ css, cssVar }) => css`
     .editor_table > tbody > tr:first-of-type {

package/es/{symbols-Do7jD4Tt.d.ts → symbols-Dyr9yyS0.d.ts}

@@ -22,21 +22,32 @@ declare enum DiffAction {
   Reject = 0,
   Accept = 1
 }
-declare const LITEXML_MODIFY_COMMAND: import("lexical").LexicalCommand<({
-  action: "insert";
+type LiteXmlModifyOperation = {
+  action: 'insert';
   beforeId: string;
   litexml: string;
 } | {
-  action: "insert";
+  action: 'insert';
   afterId: string;
   litexml: string;
 } | {
-  action: "remove";
+  action: 'remove';
   id: string;
 } | {
-  action: "modify";
+  action: 'modify';
   litexml: string | string[];
-})[]>;
+};
+interface LiteXmlOperationResult {
+  action: LiteXmlModifyOperation['action'];
+  index: number;
+  reason?: string;
+  status: 'applied' | 'failed';
+}
+declare const LITEXML_MODIFY_COMMAND: import("lexical").LexicalCommand<LiteXmlModifyOperation[]>;
+declare const LITEXML_MODIFY_WITH_RESULTS_COMMAND: import("lexical").LexicalCommand<{
+  onResults: (results: LiteXmlOperationResult[]) => void;
+  operations: ReadonlyArray<LiteXmlModifyOperation>;
+}>;
 declare const LITEXML_APPLY_COMMAND: import("lexical").LexicalCommand<{
   delay?: boolean;
   litexml: string | string[];
@@ -62,4 +73,4 @@ declare const LITEXML_DIFFNODE_ALL_COMMAND: import("lexical").LexicalCommand<{
   action: DiffAction;
 }>;
 //#endregion
-export { LITEXML_INSERT_COMMAND as a, LITEXML_DIFFNODE_COMMAND as i, LITEXML_APPLY_COMMAND as n, LITEXML_MODIFY_COMMAND as o, LITEXML_DIFFNODE_ALL_COMMAND as r, LITEXML_REMOVE_COMMAND as s, DiffAction as t };
+export { LITEXML_INSERT_COMMAND as a, LITEXML_REMOVE_COMMAND as c, LITEXML_DIFFNODE_COMMAND as i, LiteXmlModifyOperation as l, LITEXML_APPLY_COMMAND as n, LITEXML_MODIFY_COMMAND as o, LITEXML_DIFFNODE_ALL_COMMAND as r, LITEXML_MODIFY_WITH_RESULTS_COMMAND as s, DiffAction as t, LiteXmlOperationResult as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/editor",
-  "version": "4.29.1",
+  "version": "5.0.0-beta.1",
   "description": "A powerful and extensible rich text editor built on Meta's Lexical framework, providing a modern editing experience with React integration.",
   "keywords": [
     "lobehub",
@@ -86,7 +86,8 @@
     "test": "vitest",
     "test:coverage": "vitest run --coverage  --passWithNoTests",
     "test:watch": "vitest --watch",
-    "type-check": "tsc --noEmit"
+    "type-check": "tsc --noEmit",
+    "verify:node-identity-package": "node scripts/verify-node-identity-package.mjs"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
@@ -107,7 +108,6 @@
     "@shikijs/engine-javascript": "^4.3.1",
     "@xmldom/xmldom": "^0.9.10",
     "ahooks": "^3.9.6",
-    "antd-style": "^4.1.0",
     "debug": "^4.4.3",
     "es-toolkit": "^1.50.0",
     "eventemitter3": "^5.0.1",
@@ -131,9 +131,8 @@
     "yjs": "^13.6.31"
   },
   "peerDependencies": {
-    "@lobehub/ui": "^5.55.0",
-    "antd": "^6.1.1",
-    "motion": "^12.0.0",
+    "@lobehub/ui": "^6.0.0-beta.1",
+    "motion": "^13.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
@@ -143,8 +142,7 @@
       "chalk": "^4.1.2"
     },
     "patchedDependencies": {
-      "@lexical/yjs@0.42.0": "patches/@lexical__yjs@0.42.0.patch",
-      "lexical@0.42.0": "patches/lexical@0.42.0.patch"
+      "@lexical/yjs@0.42.0": "patches/@lexical__yjs@0.42.0.patch"
     }
   }
 }

package/scripts/postinstall-lexical-patch.cjs

@@ -7,27 +7,6 @@ const path = require('node:path');
 
 const PACKAGE_ROOT = path.resolve(__dirname, '..');
 const PATCH_CONFIGS = [
-  {
-    displayName: 'Lexical',
-    fileHashes: {
-      'Lexical.dev.js': {
-        patched: '7c81a9785b397dc09ce0ecc9f3126d3e4903cdfd12d5c51318965ed74b0e3ccb',
-      },
-      'Lexical.dev.mjs': {
-        patched: '880f22f2ec2d873e1699766de39edce5123b4730009bb88bb33d7e4da98a4ad9',
-      },
-      'Lexical.prod.js': {
-        patched: '9f97867340b84853cf82bbd2d60ef9f944ee61ef058daa37007b820c2780a103',
-      },
-      'Lexical.prod.mjs': {
-        patched: 'f7b2993582b2cc0573ca468373831b17971e0bb7383f5ca8785d4b93ab967c0b',
-      },
-    },
-    packageName: 'lexical',
-    patchFile: path.join(PACKAGE_ROOT, 'patches', 'lexical@0.42.0.patch'),
-    rootOverride: process.env.LOBE_EDITOR_LEXICAL_ROOT,
-    supportedVersion: '0.42.0',
-  },
   {
     displayName: 'Lexical Yjs',
     fileHashes: {