@ctzhian/tiptap 2.13.7-beta.0 → 3.0.0

package/dist/component/CustomBubbleMenu/index.js

@@ -1,164 +0,0 @@
-import { BoldIcon, CodeLineIcon, EraserLineIcon, ItalicIcon, MarkPenLineIcon, StrikethroughIcon, TooltipLineIcon, UnderlineIcon } from "../Icons";
-import { hasMarksInSelection } from "../../util";
-import { Divider, Paper, Stack } from '@mui/material';
-import { useEditorState } from '@tiptap/react';
-import { BubbleMenu } from '@tiptap/react/menus';
-import React from 'react';
-import { ToolbarItem } from "../Toolbar";
-var CustomBubbleMenu = function CustomBubbleMenu(_ref) {
-  var editor = _ref.editor,
-    more = _ref.more;
-  var _useEditorState = useEditorState({
-      editor: editor,
-      selector: function selector(ctx) {
-        return {
-          isBold: ctx.editor.isActive('bold'),
-          isItalic: ctx.editor.isActive('italic'),
-          isStrike: ctx.editor.isActive('strike'),
-          isUnderline: ctx.editor.isActive('underline'),
-          isCode: ctx.editor.isActive('code'),
-          isHighlight: ctx.editor.isActive('highlight'),
-          isTooltip: ctx.editor.isActive('tooltip'),
-          hasAnyMarks: hasMarksInSelection(ctx.editor.state)
-        };
-      }
-    }),
-    isBold = _useEditorState.isBold,
-    isItalic = _useEditorState.isItalic,
-    isStrike = _useEditorState.isStrike,
-    isUnderline = _useEditorState.isUnderline,
-    isCode = _useEditorState.isCode,
-    isHighlight = _useEditorState.isHighlight,
-    isTooltip = _useEditorState.isTooltip,
-    hasAnyMarks = _useEditorState.hasAnyMarks;
-  if (editor && !editor.isEditable) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(BubbleMenu, {
-    editor: editor,
-    pluginKey: 'bubble-menu',
-    updateDelay: 750,
-    options: {
-      placement: 'bottom',
-      offset: 8,
-      flip: true
-    },
-    shouldShow: function shouldShow(_ref2) {
-      var editor = _ref2.editor;
-      // 在某些特定节点类型时不显示
-      if (editor.state.selection.empty || editor.isEmpty || editor.isActive('image') || editor.isActive('video') || editor.isActive('audio') || editor.isActive('emoji') || editor.isActive('codeBlock') || editor.isActive('blockMath') || editor.isActive('inlineMath') || editor.isActive('blockLink') || editor.isActive('inlineLink') || editor.isActive('blockAttachment') || editor.isActive('inlineAttachment') || editor.isActive('horizontalRule') || editor.isActive('iframe') || editor.isActive('yamlFormat') || editor.isActive('flow') || editor.isActive('table') || editor.isActive('flipGrid') || editor.isActive('flipGridColumn') || editor.isActive('excalidraw')) {
-        return false;
-      }
-      return true;
-    }
-  }, /*#__PURE__*/React.createElement(Paper, {
-    sx: {
-      p: 0.5,
-      borderRadius: 'var(--mui-shape-borderRadius)'
-    }
-  }, /*#__PURE__*/React.createElement(Stack, {
-    direction: 'row',
-    alignItems: 'center'
-  }, /*#__PURE__*/React.createElement(ToolbarItem, {
-    icon: /*#__PURE__*/React.createElement(BoldIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      return editor.chain().focus().toggleBold().run();
-    },
-    className: isBold ? "tool-active" : ""
-  }), /*#__PURE__*/React.createElement(ToolbarItem, {
-    icon: /*#__PURE__*/React.createElement(ItalicIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      return editor.chain().focus().toggleItalic().run();
-    },
-    className: isItalic ? "tool-active" : ""
-  }), /*#__PURE__*/React.createElement(ToolbarItem, {
-    icon: /*#__PURE__*/React.createElement(StrikethroughIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      return editor.chain().focus().toggleStrike().run();
-    },
-    className: isStrike ? "tool-active" : ""
-  }), /*#__PURE__*/React.createElement(ToolbarItem, {
-    icon: /*#__PURE__*/React.createElement(UnderlineIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      return editor.chain().focus().toggleUnderline().run();
-    },
-    className: isUnderline ? "tool-active" : ""
-  }), /*#__PURE__*/React.createElement(ToolbarItem, {
-    icon: /*#__PURE__*/React.createElement(MarkPenLineIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      return editor.chain().focus().toggleHighlight().run();
-    },
-    className: isHighlight ? "tool-active" : ""
-  }), /*#__PURE__*/React.createElement(ToolbarItem, {
-    icon: /*#__PURE__*/React.createElement(CodeLineIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      return editor.chain().focus().toggleCode().run();
-    },
-    className: isCode ? "tool-active" : ""
-  }), /*#__PURE__*/React.createElement(ToolbarItem, {
-    icon: /*#__PURE__*/React.createElement(TooltipLineIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      if (isTooltip) {
-        editor.chain().focus().unsetTooltip().run();
-      } else {
-        editor.chain().focus().toggleTooltip().run();
-      }
-    },
-    className: isTooltip ? "tool-active" : ""
-  }), /*#__PURE__*/React.createElement(Divider, {
-    orientation: "vertical",
-    flexItem: true,
-    sx: {
-      mx: 0.5,
-      height: 20,
-      alignSelf: 'center'
-    }
-  }), /*#__PURE__*/React.createElement(ToolbarItem, {
-    icon: /*#__PURE__*/React.createElement(EraserLineIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    text: "\u6E05\u9664\u683C\u5F0F",
-    onClick: function onClick() {
-      return editor.chain().focus().unsetAllMarks().run();
-    },
-    disabled: !hasAnyMarks
-  }), more === null || more === void 0 ? void 0 : more.map(function (item) {
-    return /*#__PURE__*/React.createElement(ToolbarItem, {
-      key: item.key,
-      tip: item.label,
-      icon: item.icon || /*#__PURE__*/React.createElement(React.Fragment, null),
-      onClick: item.onClick
-    });
-  }))));
-};
-export default CustomBubbleMenu;

package/dist/component/CustomDragHandle/index.d.ts

@@ -1,9 +0,0 @@
-import { MenuItem, OnTipFunction } from "../../type";
-import { Editor } from '@tiptap/react';
-import React from 'react';
-declare const CustomDragHandle: ({ editor, more, onTip }: {
-    editor: Editor;
-    more?: MenuItem[] | undefined;
-    onTip?: OnTipFunction | undefined;
-}) => React.JSX.Element;
-export default CustomDragHandle;