@ctzhian/tiptap 3.0.0 → 3.0.2

package/dist/extension/component/Link/Insert.js

@@ -0,0 +1,252 @@
+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 _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 _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; }
+import { FloatingPopover } from "../../../component";
+import { LinkIcon } from "../../../component/Icons";
+import { Box, Button, FormControl, FormControlLabel, FormLabel, Radio, RadioGroup, Stack, TextField } from "@mui/material";
+import { NodeViewWrapper } from "@tiptap/react";
+import React, { useEffect, useState } from "react";
+var InsertLink = function InsertLink(_ref) {
+  var updateAttributes = _ref.updateAttributes,
+    deleteNode = _ref.deleteNode,
+    attrs = _ref.attrs,
+    editor = _ref.editor;
+  var isMarkdown = editor.options.contentType === 'markdown';
+  var _useState = useState(attrs.title || ''),
+    _useState2 = _slicedToArray(_useState, 2),
+    title = _useState2[0],
+    setTitle = _useState2[1];
+  var _useState3 = useState(attrs.href || ''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    href = _useState4[0],
+    setHref = _useState4[1];
+  var _useState5 = useState(attrs.type || 'icon'),
+    _useState6 = _slicedToArray(_useState5, 2),
+    type = _useState6[0],
+    setType = _useState6[1];
+  var _useState7 = useState(attrs.target || '_blank'),
+    _useState8 = _slicedToArray(_useState7, 2),
+    target = _useState8[0],
+    setTarget = _useState8[1];
+  var _useState9 = useState(null),
+    _useState10 = _slicedToArray(_useState9, 2),
+    anchorEl = _useState10[0],
+    setAnchorEl = _useState10[1];
+  var handleShowPopover = function handleShowPopover(event) {
+    setAnchorEl(event.currentTarget);
+  };
+  var handleClosePopover = function handleClosePopover() {
+    return setAnchorEl(null);
+  };
+  var handleSave = function handleSave() {
+    if (type === 'block') {
+      editor.commands.setBlockLink({
+        title: title,
+        href: href,
+        type: type,
+        target: target
+      });
+    } else {
+      updateAttributes === null || updateAttributes === void 0 || updateAttributes({
+        title: title,
+        href: href,
+        type: type,
+        target: target
+      });
+    }
+  };
+  var handleDeleteLink = function handleDeleteLink() {
+    deleteNode === null || deleteNode === void 0 || deleteNode();
+    editor.commands.insertContent(attrs.title);
+  };
+  useEffect(function () {
+    if (!attrs.href && attrs.title && !anchorEl) {
+      setTimeout(function () {
+        var insertLinkBox = document.getElementById('insert-link-box');
+        if (insertLinkBox) {
+          insertLinkBox.click();
+        }
+      }, 100);
+    }
+  }, []);
+  return /*#__PURE__*/React.createElement(NodeViewWrapper, {
+    className: "link-wrapper ".concat(attrs.class),
+    as: 'span'
+  }, /*#__PURE__*/React.createElement(Box, {
+    id: "insert-link-box",
+    component: "span",
+    onClick: handleShowPopover,
+    sx: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      gap: 2,
+      border: '1px dashed',
+      borderColor: 'divider',
+      borderRadius: 'var(--mui-shape-borderRadius)',
+      px: 2,
+      py: 1.5,
+      fontSize: 14,
+      color: 'text.secondary',
+      bgcolor: 'action.default',
+      cursor: 'pointer',
+      '&:hover': {
+        bgcolor: 'action.hover'
+      },
+      '&:active': {
+        bgcolor: 'action.selected'
+      },
+      transition: 'background-color 0.2s ease'
+    }
+  }, /*#__PURE__*/React.createElement(LinkIcon, {
+    sx: {
+      fontSize: '1rem',
+      flexShrink: 0
+    }
+  }), /*#__PURE__*/React.createElement(Box, {
+    component: 'span'
+  }, "\u6DFB\u52A0", title ? "\u201C".concat(title, "\u201D") : '', "\u94FE\u63A5")), /*#__PURE__*/React.createElement(FloatingPopover, {
+    open: Boolean(anchorEl),
+    anchorEl: anchorEl,
+    onClose: handleClosePopover,
+    placement: "bottom"
+  }, /*#__PURE__*/React.createElement(Stack, {
+    gap: 2,
+    sx: {
+      p: 2,
+      width: 350
+    }
+  }, /*#__PURE__*/React.createElement(Stack, {
+    direction: 'row',
+    gap: 2,
+    alignItems: 'center'
+  }, /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      fontSize: '0.875rem',
+      color: 'text.secondary',
+      flexShrink: 0
+    }
+  }, "\u5730\u5740"), /*#__PURE__*/React.createElement(TextField, {
+    fullWidth: true,
+    size: "small",
+    value: href,
+    onChange: function onChange(e) {
+      return setHref(e.target.value);
+    },
+    placeholder: "https://example.com",
+    required: true,
+    error: href.length > 0 && !href.trim(),
+    helperText: href.length > 0 && !href.trim() ? "请输入有效的链接地址" : ""
+  })), /*#__PURE__*/React.createElement(Stack, {
+    direction: 'row',
+    gap: 2,
+    alignItems: 'center'
+  }, /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      fontSize: '0.875rem',
+      color: 'text.secondary',
+      flexShrink: 0
+    }
+  }, "\u6807\u9898"), /*#__PURE__*/React.createElement(TextField, {
+    fullWidth: true,
+    size: "small",
+    value: title,
+    onChange: function onChange(e) {
+      return setTitle(e.target.value);
+    },
+    placeholder: "\u94FE\u63A5\u6807\u9898\uFF08\u53EF\u9009\uFF09"
+  })), !isMarkdown && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormControl, {
+    component: "fieldset"
+  }, /*#__PURE__*/React.createElement(Stack, {
+    direction: 'row',
+    gap: 2,
+    alignItems: 'center',
+    sx: {
+      '.MuiFormControlLabel-label': {
+        fontSize: '0.875rem'
+      }
+    }
+  }, /*#__PURE__*/React.createElement(FormLabel, {
+    component: "legend",
+    sx: {
+      fontSize: '0.875rem',
+      flexShrink: 0
+    }
+  }, "\u98CE\u683C"), /*#__PURE__*/React.createElement(RadioGroup, {
+    row: true,
+    value: type,
+    onChange: function onChange(e) {
+      return setType(e.target.value);
+    }
+  }, /*#__PURE__*/React.createElement(FormControlLabel, {
+    value: "text",
+    control: /*#__PURE__*/React.createElement(Radio, {
+      size: "small"
+    }),
+    label: "\u6587\u5B57"
+  }), /*#__PURE__*/React.createElement(FormControlLabel, {
+    value: "icon",
+    control: /*#__PURE__*/React.createElement(Radio, {
+      size: "small"
+    }),
+    label: "\u56FE\u6807\u6587\u5B57"
+  }), /*#__PURE__*/React.createElement(FormControlLabel, {
+    value: "block",
+    control: /*#__PURE__*/React.createElement(Radio, {
+      size: "small"
+    }),
+    label: "\u5361\u7247"
+  })))), /*#__PURE__*/React.createElement(FormControl, {
+    component: "fieldset"
+  }, /*#__PURE__*/React.createElement(Stack, {
+    direction: 'row',
+    gap: 2,
+    alignItems: 'center',
+    sx: {
+      '.MuiFormControlLabel-label': {
+        fontSize: '0.875rem'
+      }
+    }
+  }, /*#__PURE__*/React.createElement(FormLabel, {
+    component: "legend",
+    sx: {
+      fontSize: '0.875rem',
+      flexShrink: 0
+    }
+  }, "\u6253\u5F00"), /*#__PURE__*/React.createElement(RadioGroup, {
+    row: true,
+    value: target,
+    onChange: function onChange(e) {
+      return setTarget(e.target.value);
+    }
+  }, /*#__PURE__*/React.createElement(FormControlLabel, {
+    value: "_blank",
+    control: /*#__PURE__*/React.createElement(Radio, {
+      size: "small"
+    }),
+    label: "\u65B0\u7A97\u53E3"
+  }), /*#__PURE__*/React.createElement(FormControlLabel, {
+    value: "_self",
+    control: /*#__PURE__*/React.createElement(Radio, {
+      size: "small"
+    }),
+    label: "\u5F53\u524D\u7A97\u53E3"
+  }))))), /*#__PURE__*/React.createElement(Stack, {
+    direction: "row",
+    gap: 1
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "outlined",
+    size: "small",
+    fullWidth: true,
+    onClick: handleDeleteLink
+  }, "\u53D6\u6D88\u94FE\u63A5"), /*#__PURE__*/React.createElement(Button, {
+    variant: "contained",
+    size: "small",
+    fullWidth: true,
+    onClick: handleSave,
+    disabled: !href.trim()
+  }, "\u63D2\u5165\u94FE\u63A5")))));
+};
+export default InsertLink;

package/dist/{editor-core/extensions → extension}/component/Link/LinkContent.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { LinkAttributes } from "./shared";
+import { LinkAttributes } from ".";
 interface LinkContentProps {
     attrs: LinkAttributes;
     /** 是否为编辑模式 */

package/dist/{editor-core/extensions → extension}/component/Link/LinkContent.js

@@ -1,8 +1,8 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { ChromeIcon } from "../../../../components/Icons";
+import { ChromeIcon } from "../../../component/Icons";
+import { getLinkTitle } from "../../../util";
 import { Avatar, Box, Stack } from "@mui/material";
 import React from "react";
-import { getLinkFavicon, getResolvedLinkTitle } from "./shared";
 /**
  * 链接内容组件
  * 用于渲染链接的实际内容，支持编辑和只读模式
@@ -11,7 +11,10 @@ export var LinkContent = function LinkContent(_ref) {
   var attrs = _ref.attrs,
     _ref$editable = _ref.editable,
     editable = _ref$editable === void 0 ? false : _ref$editable;
-  var favicon = getLinkFavicon(attrs.href);
+  var favicon = '';
+  try {
+    favicon = attrs.href ? new URL(attrs.href).origin + '/favicon.ico' : '';
+  } catch (err) {}
 
   // 编辑模式和只读模式的样式差异
   var blockStyles = editable ? {
@@ -105,7 +108,7 @@ export var LinkContent = function LinkContent(_ref) {
       fontSize: '0.875rem',
       fontWeight: 'bold'
     }
-  }, getResolvedLinkTitle(attrs)), /*#__PURE__*/React.createElement(Box, {
+  }, attrs.title || getLinkTitle(attrs.href)), /*#__PURE__*/React.createElement(Box, {
     sx: {
       fontSize: '0.75rem',
       color: 'text.secondary'
@@ -145,7 +148,7 @@ export var LinkContent = function LinkContent(_ref) {
         cursor: 'grabbing'
       }
     }
-  })), getResolvedLinkTitle(attrs)) : /*#__PURE__*/React.createElement(React.Fragment, null, attrs.type === 'icon' && /*#__PURE__*/React.createElement(Avatar, {
+  })), attrs.title || getLinkTitle(attrs.href)) : /*#__PURE__*/React.createElement(React.Fragment, null, attrs.type === 'icon' && /*#__PURE__*/React.createElement(Avatar, {
     sx: {
       width: '1rem',
       height: '1rem',
@@ -163,6 +166,6 @@ export var LinkContent = function LinkContent(_ref) {
         cursor: 'grabbing'
       }
     }
-  })), getResolvedLinkTitle(attrs))));
+  })), attrs.title || getLinkTitle(attrs.href))));
 };
 export default LinkContent;

package/dist/{editor-core/extensions → extension}/component/Link/Markdown.js

@@ -1,4 +1,4 @@
-import { ChromeIcon, Download2LineIcon } from "../../../../components/Icons";
+import { ChromeIcon, Download2LineIcon } from "../../../component/Icons";
 import { Avatar } from "@mui/material";
 import { useTheme } from "@mui/material/styles";
 import { MarkViewContent } from "@tiptap/react";

package/dist/{editor-core/extensions → extension}/component/Link/index.d.ts

@@ -1,4 +1,12 @@
 import { NodeViewProps } from "@tiptap/react";
 import React from "react";
+export interface LinkAttributes {
+    href: string;
+    target: string;
+    class: string;
+    title: string;
+    rel: string;
+    type: string;
+}
 declare const LinkViewWrapper: React.FC<NodeViewProps>;
 export default LinkViewWrapper;

package/dist/{editor-core/extensions → extension}/component/Link/index.js

@@ -9,16 +9,14 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 _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; }
-import { ActionDropdown, HoverPopover } from "../../../../components";
-import { CopyIcon, EditLineIcon, LinkUnlinkIcon } from "../../../../components/Icons";
-import { ToolbarItem } from "../../../../components/Toolbar";
-import { Box, Divider, FormControl, FormControlLabel, FormLabel, Radio, RadioGroup, Stack, TextField } from "@mui/material";
+import { ActionDropdown, FloatingPopover, HoverPopover } from "../../../component";
+import { CarouselViewIcon, CopyIcon, EditLineIcon, LinkUnlinkIcon, ScrollToBottomLineIcon, TextIcon } from "../../../component/Icons";
+import { ToolbarItem } from "../../../component/Toolbar";
+import { Box, Button, Divider, FormControl, FormControlLabel, FormLabel, Radio, RadioGroup, Stack, TextField } from "@mui/material";
 import { NodeViewWrapper } from "@tiptap/react";
 import React, { useCallback, useEffect, useState } from "react";
-import { EditPopoverActions, EditPopoverShell, useAnchoredPopover } from "../shared/edit-popover";
 import InsertLink from "./Insert";
 import { LinkContent } from "./LinkContent";
-import { buildLinkNodeAttrs, LINK_DISPLAY_OPTIONS, replaceLinkNodeAtPos } from "./shared";
 var LinkViewWrapper = function LinkViewWrapper(_ref) {
   var editor = _ref.editor,
     node = _ref.node,
@@ -44,12 +42,11 @@ var LinkViewWrapper = function LinkViewWrapper(_ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     target = _useState8[0],
     setTarget = _useState8[1];
+  var _useState9 = useState(null),
+    _useState10 = _slicedToArray(_useState9, 2),
+    anchorEl = _useState10[0],
+    setAnchorEl = _useState10[1];
   var linkContentRef = React.useRef(null);
-  var _useAnchoredPopover = useAnchoredPopover(),
-    anchorEl = _useAnchoredPopover.anchorEl,
-    isOpen = _useAnchoredPopover.isOpen,
-    openFromElement = _useAnchoredPopover.openFromElement,
-    close = _useAnchoredPopover.close;
   useEffect(function () {
     setTitle(attrs.title || '');
     setHref(attrs.href || '');
@@ -57,24 +54,29 @@ var LinkViewWrapper = function LinkViewWrapper(_ref) {
     setTarget(attrs.target || '_blank');
   }, [attrs.title, attrs.href, attrs.type, attrs.target]);
   var handleShowPopover = function handleShowPopover() {
-    openFromElement(linkContentRef.current);
+    setAnchorEl(linkContentRef.current);
   };
   var handleClosePopover = function handleClosePopover() {
-    return close();
+    return setAnchorEl(null);
   };
   var handleConvertLinkType = function handleConvertLinkType(newType) {
     if (type === 'block') {
       var pos = getPos();
       if (typeof pos === 'number') {
-        replaceLinkNodeAtPos({
-          editor: editor,
-          pos: pos,
-          nodeSize: node.nodeSize,
-          nodeType: 'inlineLink',
-          attrs: buildLinkNodeAttrs(attrs, {
-            type: newType
-          })
-        });
+        editor.chain().focus().deleteRange({
+          from: pos,
+          to: pos + node.nodeSize
+        }).insertContentAt(pos, {
+          type: 'inlineLink',
+          attrs: {
+            title: attrs.title,
+            href: attrs.href,
+            type: newType,
+            target: attrs.target,
+            class: attrs.class,
+            rel: attrs.rel
+          }
+        }).run();
       }
     } else {
       updateAttributes({
@@ -134,49 +136,80 @@ var LinkViewWrapper = function LinkViewWrapper(_ref) {
     }), /*#__PURE__*/React.createElement(ActionDropdown, {
       id: "link-type-dropdown",
       selected: type,
-      list: LINK_DISPLAY_OPTIONS.map(function (option) {
-        return {
-          key: option.key,
-          label: option.label,
-          icon: option.icon,
-          onClick: function onClick() {
-            if (option.key === 'block') {
-              var pos = getPos();
-              if (typeof pos === 'number') {
-                replaceLinkNodeAtPos({
-                  editor: editor,
-                  pos: pos,
-                  nodeSize: node.nodeSize,
-                  nodeType: 'blockLink',
-                  attrs: buildLinkNodeAttrs(attrs, {
-                    type: 'block'
-                  })
-                });
+      list: [{
+        key: 'text',
+        label: '文字',
+        icon: /*#__PURE__*/React.createElement(TextIcon, {
+          sx: {
+            fontSize: '1rem'
+          }
+        }),
+        onClick: function onClick() {
+          return handleConvertLinkType('text');
+        }
+      }, {
+        key: 'icon',
+        label: '图标文字',
+        icon: /*#__PURE__*/React.createElement(ScrollToBottomLineIcon, {
+          sx: {
+            transform: 'rotate(90deg)',
+            fontSize: '1rem'
+          }
+        }),
+        onClick: function onClick() {
+          return handleConvertLinkType('icon');
+        }
+      }, {
+        key: 'block',
+        label: '卡片',
+        icon: /*#__PURE__*/React.createElement(CarouselViewIcon, {
+          sx: {
+            transform: 'rotate(90deg)',
+            fontSize: '1rem'
+          }
+        }),
+        onClick: function onClick() {
+          // 获取当前节点位置，确保在正确位置插入新节点
+          var pos = getPos();
+          if (typeof pos === 'number') {
+            editor.chain().focus().deleteRange({
+              from: pos,
+              to: pos + node.nodeSize
+            }).insertContentAt(pos, {
+              type: 'blockLink',
+              attrs: {
+                title: attrs.title,
+                href: attrs.href,
+                type: 'block',
+                target: attrs.target,
+                class: attrs.class,
+                rel: attrs.rel
               }
-              return;
-            }
-            handleConvertLinkType(option.key);
+            }).run();
           }
-        };
-      })
+        }
+      }]
     })));
   };
   var handleSave = function handleSave() {
     if (type === 'block') {
+      // 获取当前节点位置，确保在正确位置插入新节点
       var pos = getPos();
       if (typeof pos === 'number') {
-        replaceLinkNodeAtPos({
-          editor: editor,
-          pos: pos,
-          nodeSize: node.nodeSize,
-          nodeType: 'blockLink',
-          attrs: buildLinkNodeAttrs(attrs, {
+        editor.chain().focus().deleteRange({
+          from: pos,
+          to: pos + node.nodeSize
+        }).insertContentAt(pos, {
+          type: 'blockLink',
+          attrs: {
             title: title,
             href: href,
             type: type,
-            target: target
-          })
-        });
+            target: target,
+            class: attrs.class,
+            rel: attrs.rel
+          }
+        }).run();
       }
     } else {
       updateAttributes === null || updateAttributes === void 0 || updateAttributes({
@@ -258,10 +291,11 @@ var LinkViewWrapper = function LinkViewWrapper(_ref) {
   }, /*#__PURE__*/React.createElement(LinkContent, {
     attrs: attrs,
     editable: true
-  }))), /*#__PURE__*/React.createElement(EditPopoverShell, {
-    open: isOpen,
+  }))), /*#__PURE__*/React.createElement(FloatingPopover, {
+    open: Boolean(anchorEl),
     anchorEl: anchorEl,
-    onClose: handleClosePopover
+    onClose: handleClosePopover,
+    placement: "bottom"
   }, /*#__PURE__*/React.createElement(Stack, {
     gap: 2,
     sx: {
@@ -327,15 +361,24 @@ var LinkViewWrapper = function LinkViewWrapper(_ref) {
     onChange: function onChange(e) {
       return setType(e.target.value);
     }
-  }, LINK_DISPLAY_OPTIONS.map(function (option) {
-    return /*#__PURE__*/React.createElement(FormControlLabel, {
-      key: option.key,
-      value: option.key,
-      control: /*#__PURE__*/React.createElement(Radio, {
-        size: "small"
-      }),
-      label: option.label
-    });
+  }, /*#__PURE__*/React.createElement(FormControlLabel, {
+    value: "text",
+    control: /*#__PURE__*/React.createElement(Radio, {
+      size: "small"
+    }),
+    label: "\u6587\u5B57"
+  }), /*#__PURE__*/React.createElement(FormControlLabel, {
+    value: "icon",
+    control: /*#__PURE__*/React.createElement(Radio, {
+      size: "small"
+    }),
+    label: "\u56FE\u6807\u6587\u5B57"
+  }), /*#__PURE__*/React.createElement(FormControlLabel, {
+    value: "block",
+    control: /*#__PURE__*/React.createElement(Radio, {
+      size: "small"
+    }),
+    label: "\u5361\u7247"
   })))), /*#__PURE__*/React.createElement(FormControl, {
     component: "fieldset"
   }, /*#__PURE__*/React.createElement(Stack, {
@@ -371,11 +414,20 @@ var LinkViewWrapper = function LinkViewWrapper(_ref) {
       size: "small"
     }),
     label: "\u5F53\u524D\u7A97\u53E3"
-  }))))), /*#__PURE__*/React.createElement(EditPopoverActions, {
-    onCancel: handleClosePopover,
-    onConfirm: handleSave,
-    confirmText: "\u4FEE\u6539\u94FE\u63A5",
-    confirmDisabled: !href.trim()
-  }))));
+  }))))), /*#__PURE__*/React.createElement(Stack, {
+    direction: "row",
+    gap: 1
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "outlined",
+    size: "small",
+    fullWidth: true,
+    onClick: handleClosePopover
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+    variant: "contained",
+    size: "small",
+    fullWidth: true,
+    onClick: handleSave,
+    disabled: !href.trim()
+  }, "\u4FEE\u6539\u94FE\u63A5")))));
 };
 export default LinkViewWrapper;

package/dist/{editor-core/extensions → extension}/component/Mathematics/block/Readonly.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { BlockMathAttributes } from "./index";
+import { BlockMathAttributes } from ".";
 interface ReadonlyBlockMathProps {
     selected: boolean;
     attrs: BlockMathAttributes;

package/dist/{editor-core/extensions → extension}/component/Mathematics/block/index.d.ts

@@ -1,7 +1,8 @@
-import { EditorFnProps } from "../../../../../types";
+import { EditorFnProps } from "../../../../type";
 import { NodeViewProps } from "@tiptap/react";
 import React from "react";
-import { MathAttributes } from "../shared";
-export type BlockMathAttributes = MathAttributes;
+export type BlockMathAttributes = {
+    latex: string;
+};
 export declare const MathematicsBlockViewWrapper: React.FC<NodeViewProps & EditorFnProps>;
 export default MathematicsBlockViewWrapper;