@lobehub/editor 1.33.0 → 1.33.1

package/es/locale/index.d.ts

@@ -25,6 +25,10 @@ declare const _default: {
     math: {
         placeholder: string;
     };
+    modifier: {
+        accept: string;
+        reject: string;
+    };
     table: {
         delete: string;
         deleteColumn: string;

package/es/locale/index.js

@@ -25,6 +25,10 @@ export default {
   math: {
     placeholder: 'Enter TeX formula'
   },
+  modifier: {
+    accept: 'Accept',
+    reject: 'Reject'
+  },
   table: {
     delete: 'Delete table',
     deleteColumn: 'Delete column',

package/es/plugins/litexml/react/{DiffNodeToolbar.d.ts → DiffNodeToolbar/index.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { LexicalEditor } from 'lexical';
-import { DiffNode } from '../node/DiffNode';
+import { DiffNode } from '../../node/DiffNode';
 interface ReactDiffNodeToolbarProps {
     className?: string;
     editor: LexicalEditor;

package/es/plugins/litexml/react/DiffNodeToolbar/index.js

@@ -0,0 +1,62 @@
+import { ActionIcon, Block } from '@lobehub/ui';
+import { Check, X } from 'lucide-react';
+import { memo } from 'react';
+import { LexicalPortalContainer } from "../../../../editor-kernel/react";
+import { useTranslation } from "../../../../editor-kernel/react/useTranslation";
+import { DiffAction, LITEXML_DIFFNODE_COMMAND } from "../../command/diffCommand";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ReactDiffNodeToolbar = /*#__PURE__*/memo(function (_ref) {
+  var editor = _ref.editor,
+    node = _ref.node;
+  var t = useTranslation();
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx(LexicalPortalContainer, {
+    editor: editor,
+    node: node,
+    children: /*#__PURE__*/_jsxs(Block, {
+      className: styles.toolbar,
+      gap: 2,
+      horizontal: true,
+      padding: 2,
+      shadow: true,
+      variant: 'outlined',
+      children: [/*#__PURE__*/_jsx(ActionIcon, {
+        "aria-label": "Reject change",
+        className: styles.reject,
+        danger: true,
+        icon: X,
+        onClick: function onClick() {
+          editor.dispatchCommand(LITEXML_DIFFNODE_COMMAND, {
+            action: DiffAction.Reject,
+            nodeKey: node.getKey()
+          });
+        },
+        size: {
+          blockSize: 28,
+          size: 16
+        },
+        title: t('modifier.reject')
+      }), /*#__PURE__*/_jsx(ActionIcon, {
+        "aria-label": "Accept change",
+        className: styles.accept,
+        icon: Check,
+        onClick: function onClick() {
+          editor.dispatchCommand(LITEXML_DIFFNODE_COMMAND, {
+            action: DiffAction.Accept,
+            nodeKey: node.getKey()
+          });
+        },
+        size: {
+          blockSize: 28,
+          size: 16
+        },
+        title: t('modifier.accept')
+      })]
+    })
+  });
+});
+ReactDiffNodeToolbar.displayName = 'ReactDiffNodeToolbar';
+export default ReactDiffNodeToolbar;

package/es/plugins/litexml/react/DiffNodeToolbar/style.d.ts

@@ -0,0 +1,5 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    accept: import("antd-style").SerializedStyles;
+    reject: import("antd-style").SerializedStyles;
+    toolbar: import("antd-style").SerializedStyles;
+}>;

package/es/plugins/litexml/react/DiffNodeToolbar/style.js

@@ -0,0 +1,13 @@
+var _templateObject, _templateObject2, _templateObject3;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token,
+    isDarkMode = _ref.isDarkMode;
+  return {
+    accept: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), token.colorSuccess),
+    reject: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([""]))),
+    toolbar: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    border-color: ", ";\n    background: ", ";\n    box-shadow: ", ";\n  "])), token.colorFillSecondary, token.colorBgElevated, isDarkMode ? '0px 14px 28px -6px #0003,0px 2px 4px -1px #0000001f' : '0 14px 28px -6px #0000001a, 0 2px 4px -1px #0000000f')
+  };
+});

package/es/plugins/litexml/react/style.js

@@ -4,5 +4,5 @@ import { createStyles } from 'antd-style';
 export var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n    border: 1px solid ", ";\n\n    .toolbar {\n      position: absolute;\n      z-index: 10;\n      inset-block-start: 0;\n      inset-inline-end: 0;\n\n      display: flex;\n      gap: 4px;\n      align-items: center;\n\n      padding: 4px;\n      border: 1px solid #eee;\n      border-radius: 4px;\n\n      background: #fff;\n      box-shadow: 0 2px 4px rgba(0, 0, 0, 10%);\n    }\n\n    .toolbarButton {\n      cursor: pointer;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      padding: 2px;\n      border: none;\n\n      background: none;\n    }\n\n    .toolbarButton:focus {\n      border-radius: 3px;\n      outline: 2px solid ", ";\n      outline-offset: 2px;\n    }\n\n    .accept {\n      color: ", ";\n    }\n\n    .reject {\n      color: ", ";\n    }\n\n    &[data-diff-type='add'] .content {\n      position: relative;\n      background-color: ", ";\n    }\n\n    &[data-diff-type='remove'] .content {\n      position: relative;\n      background-color: ", ";\n\n      > *:first-child p,\n      > *:first-child span {\n        text-decoration: line-through;\n      }\n    }\n\n    &[data-diff-type='modify'] .content {\n      position: relative;\n\n      /* first child: original (deleted) */\n      > *:first-child {\n        opacity: 0.6;\n      }\n\n      /* visually indicate deletion with strike-through for text nodes */\n      > *:first-child p,\n      > *:first-child span {\n        text-decoration: line-through;\n      }\n\n      /* second child: modified/new - normal appearance */\n      > *:nth-child(2) {\n        color: inherit;\n        opacity: 1;\n      }\n    }\n  "])), token.colorBorderSecondary, token.colorPrimary, token.colorSuccess, token.colorError, token.colorSuccessBgHover, token.colorErrorBgHover);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n\n    .toolbar {\n      position: absolute;\n      z-index: 10;\n      inset-block-start: -4px;\n      inset-inline-end: 0;\n      transform: translateY(-100%);\n\n      opacity: 0;\n    }\n\n    &:hover {\n      .toolbar {\n        opacity: 1;\n      }\n    }\n\n    &[data-diff-type='add'] .content {\n      position: relative;\n      padding-inline-start: 16px;\n      border-inline-start: 3px solid ", ";\n      background-color: ", ";\n    }\n\n    &[data-diff-type='remove'] .content {\n      position: relative;\n      padding-inline-start: 16px;\n      border-inline-start: 3px solid ", ";\n      background-color: ", ";\n\n      /* first child: original (deleted) */\n      > *:first-child {\n        opacity: 0.8;\n      }\n    }\n\n    &[data-diff-type='modify'] .content {\n      position: relative;\n\n      /* first child: original (deleted) */\n      > *:first-child {\n        opacity: 0.6;\n      }\n\n      /* visually indicate deletion with strike-through for text nodes */\n      > *:first-child * {\n        color: ", " !important;\n        text-decoration: line-through !important;\n      }\n\n      /* second child: modified/new - normal appearance */\n      > *:nth-child(2) {\n        color: inherit;\n        opacity: 1;\n      }\n    }\n  "])), token.colorSuccess, token.colorSuccessBgHover, token.colorError, token.colorErrorBgHover, token.colorTextQuaternary);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/editor",
-  "version": "1.33.0",
+  "version": "1.33.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",

package/es/plugins/litexml/react/DiffNodeToolbar.js

@@ -1,47 +0,0 @@
-import { Check, X } from 'lucide-react';
-import { memo } from 'react';
-import { LexicalPortalContainer } from "../../../editor-kernel/react";
-import { DiffAction, LITEXML_DIFFNODE_COMMAND } from "../command/diffCommand";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var ReactDiffNodeToolbar = /*#__PURE__*/memo(function (_ref) {
-  var editor = _ref.editor,
-    node = _ref.node;
-  return /*#__PURE__*/_jsxs(LexicalPortalContainer, {
-    editor: editor,
-    node: node,
-    children: [/*#__PURE__*/_jsx("button", {
-      "aria-label": "Accept change",
-      className: "toolbarButton accept",
-      onClick: function onClick() {
-        console.log('Accept change');
-        editor.dispatchCommand(LITEXML_DIFFNODE_COMMAND, {
-          action: DiffAction.Accept,
-          nodeKey: node.getKey()
-        });
-      },
-      title: "Accept",
-      type: "button",
-      children: /*#__PURE__*/_jsx(Check, {
-        size: 16
-      })
-    }), /*#__PURE__*/_jsx("button", {
-      "aria-label": "Reject change",
-      className: "toolbarButton reject",
-      onClick: function onClick() {
-        console.log('Reject change');
-        editor.dispatchCommand(LITEXML_DIFFNODE_COMMAND, {
-          action: DiffAction.Reject,
-          nodeKey: node.getKey()
-        });
-      },
-      title: "Reject",
-      type: "button",
-      children: /*#__PURE__*/_jsx(X, {
-        size: 16
-      })
-    })]
-  });
-});
-ReactDiffNodeToolbar.displayName = 'ReactDiffNodeToolbar';
-export default ReactDiffNodeToolbar;