@ctzhian/tiptap 2.9.5 → 2.10.0

package/dist/asset/css/index.css

@@ -137,6 +137,7 @@
 .tiptap.ProseMirror .react-renderer.node-inlineAttachment,
 .tiptap.ProseMirror .react-renderer.node-blockLink,
 .tiptap.ProseMirror .react-renderer.node-inlineLink,
+.tiptap.ProseMirror .react-renderer.node-excalidraw,
 .tiptap.ProseMirror .react-renderer.node-blockMath,
 .tiptap.ProseMirror .react-renderer.node-inlineMath {
   box-sizing: border-box;

package/dist/component/CustomBubbleMenu/index.js

@@ -46,7 +46,7 @@ var CustomBubbleMenu = function CustomBubbleMenu(_ref) {
     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')) {
+      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;

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

@@ -120,6 +120,7 @@ export { ScreenshotLineIcon } from './screenshot-line-icon';
 export { ScrollToBottomLineIcon } from './scroll-to-bottom-line-icon';
 export { SeparatorIcon } from './separator-icon';
 export { ShareBoxLineIcon } from './share-box-line-icon';
+export { SketchingIcon } from './sketching-icon';
 export { SkipDownIcon } from './skip-down-icon';
 export { SkipLeftIcon } from './skip-left-icon';
 export { SkipRightIcon } from './skip-right-icon';

package/dist/component/Icons/index.js

@@ -123,6 +123,7 @@ export { ScreenshotLineIcon } from "./screenshot-line-icon";
 export { ScrollToBottomLineIcon } from "./scroll-to-bottom-line-icon";
 export { SeparatorIcon } from "./separator-icon";
 export { ShareBoxLineIcon } from "./share-box-line-icon";
+export { SketchingIcon } from "./sketching-icon";
 export { SkipDownIcon } from "./skip-down-icon";
 export { SkipLeftIcon } from "./skip-left-icon";
 export { SkipRightIcon } from "./skip-right-icon";

package/dist/component/Icons/sketching-icon.d.ts

@@ -0,0 +1,6 @@
+import { SvgIconProps } from "@mui/material";
+import * as React from "react";
+export declare const SketchingIcon: {
+    (props: SvgIconProps): React.JSX.Element;
+    displayName: string;
+};

package/dist/component/Icons/sketching-icon.js

@@ -0,0 +1,13 @@
+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 { SvgIcon } from "@mui/material";
+import * as React from "react";
+export var SketchingIcon = function SketchingIcon(props) {
+  return /*#__PURE__*/React.createElement(SvgIcon, _extends({
+    viewBox: "0 0 24 24",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M10.0357 7.69802C8.38492 9.55932 6.5134 12.2442 4.89465 15.4817C4.64766 15.9757 4.04698 16.1759 3.55301 15.9289C3.05903 15.6819 2.8588 15.0812 3.10579 14.5873C4.79739 11.2041 6.76494 8.37171 8.53943 6.37095C9.4251 5.37234 10.2797 4.56162 11.0449 3.99131C11.4272 3.7063 11.8049 3.46806 12.1677 3.29756C12.5193 3.13234 12.921 3 13.3336 3C13.5496 3 13.7872 3.0535 14.007 3.19476C14.2233 3.33371 14.3629 3.51925 14.4495 3.69083C14.6066 4.00215 14.624 4.33473 14.6201 4.55938C14.6118 5.03651 14.4847 5.6328 14.3216 6.23975C13.9874 7.48318 13.3994 9.13104 12.8149 10.7577L12.7329 10.9858C12.1671 12.5598 11.6101 14.1093 11.248 15.3466C11.1505 15.68 11.0706 15.9792 11.0094 16.2414C11.7035 15.6835 12.5581 14.8454 13.466 13.9534L13.4956 13.9243C14.3772 13.0581 15.3098 12.1418 16.0967 11.5127C16.4872 11.2006 16.9082 10.904 17.3138 10.7322C17.6544 10.5878 18.4343 10.3532 19.0407 10.9596C19.4251 11.344 19.5318 11.8438 19.5594 12.2164C19.5883 12.6064 19.5429 13.0267 19.4725 13.4261C19.3315 14.2258 19.0483 15.159 18.7894 16.0009L18.7478 16.136C18.5165 16.8874 18.3102 17.5577 18.1926 18.0965C18.4529 17.8352 18.7734 17.4216 19.1475 16.811C19.436 16.34 20.0517 16.1921 20.5226 16.4806C20.9935 16.7691 21.1414 17.3848 20.8529 17.8557C20.3099 18.7422 19.748 19.4622 19.1519 19.9092C18.5283 20.377 17.7121 20.6407 16.8863 20.2278C16.2779 19.9235 16.1398 19.3173 16.1091 18.9819C16.0759 18.6192 16.1284 18.2233 16.1979 17.8667C16.3288 17.1944 16.5829 16.3698 16.823 15.5907L16.8777 15.4129C17.1447 14.5451 17.3873 13.734 17.5028 13.0789C17.5117 13.0284 17.5196 12.9802 17.5266 12.9341C17.4697 12.977 17.4094 13.0239 17.3455 13.0749C16.6477 13.6328 15.785 14.4788 14.8677 15.38L14.8381 15.4091C13.9566 16.2752 13.024 17.1915 12.2371 17.8206C11.8466 18.1328 11.4255 18.4293 11.02 18.6012C10.6794 18.7455 9.89947 18.9801 9.29311 18.3738C8.9843 18.065 8.9052 17.6753 8.87972 17.4382C8.8515 17.1755 8.86901 16.8971 8.90269 16.6351C8.9706 16.1069 9.12934 15.4656 9.32855 14.7849C9.70829 13.4872 10.2842 11.8852 10.8411 10.3362L10.9327 10.0814C11.5263 8.42931 12.082 6.8674 12.3901 5.72074C12.4172 5.61968 12.4418 5.52435 12.4638 5.43468C12.3924 5.48361 12.3178 5.53695 12.2401 5.59489C11.6173 6.05907 10.8627 6.76559 10.0357 7.69802Z"
+  }));
+};
+SketchingIcon.displayName = 'icon-sketching';

package/dist/component/Toolbar/EditorInsert/index.js

@@ -1,7 +1,7 @@
 import { getShortcutKeyText } from "../../../util";
 import { Typography } from '@mui/material';
 import React from 'react';
-import { AddCircleFillIcon, ArrowDownSLineIcon, AttachmentLineIcon, BilibiliLineIcon, CheckboxCircleFillIcon, CloseCircleFillIcon, CodeBoxLineIcon, CodeLineIcon, CodeSSlashLineIcon, DoubleQuotesLIcon, EmotionLineIcon, ErrorWarningFillIcon, FlipGridIcon, FlowChartIcon, FormulaIcon, FunctionsIcon, ImageLineIcon, Information2FillIcon, Information2LineIcon, MenuFold2FillIcon, MovieLineIcon, Music2LineIcon, SeparatorIcon, SquareRootIcon, Table2Icon, UserSmileFillIcon, WindowFillIcon } from "../../Icons";
+import { AddCircleFillIcon, ArrowDownSLineIcon, AttachmentLineIcon, BilibiliLineIcon, CheckboxCircleFillIcon, CloseCircleFillIcon, CodeBoxLineIcon, CodeLineIcon, CodeSSlashLineIcon, DoubleQuotesLIcon, EmotionLineIcon, ErrorWarningFillIcon, FlipGridIcon, FlowChartIcon, FormulaIcon, FunctionsIcon, ImageLineIcon, Information2FillIcon, Information2LineIcon, MenuFold2FillIcon, MovieLineIcon, Music2LineIcon, SeparatorIcon, SketchingIcon, SquareRootIcon, Table2Icon, UserSmileFillIcon, WindowFillIcon } from "../../Icons";
 import Menu from "../../Menu";
 import ToolbarItem from "../Item";
 import TableSizePicker from "../TableSizePicker";
@@ -342,6 +342,17 @@ var EditorInsert = function EditorInsert(_ref) {
       onClick: function onClick() {
         return editor.commands.setFlow({});
       }
+    }, {
+      label: 'Excalidraw 绘图',
+      key: 'excalidraw',
+      icon: /*#__PURE__*/React.createElement(SketchingIcon, {
+        sx: {
+          fontSize: '1rem'
+        }
+      }),
+      onClick: function onClick() {
+        return editor.commands.setExcalidraw();
+      }
     }, {
       label: '代码',
       key: 'code',

package/dist/contants/slash-commands.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { AttachmentLineIcon, BilibiliLineIcon, CodeBoxLineIcon, CodeLineIcon, DoubleQuotesLIcon, EmotionLineIcon, FlipGridIcon, FlowChartIcon, FunctionsIcon, H1Icon, H2Icon, H3Icon, ImageLineIcon, Information2LineIcon, LinkIcon, ListCheck2Icon, ListOrdered2Icon, ListUnorderedIcon, MenuFold2FillIcon, MovieLineIcon, Music2LineIcon, SeparatorIcon, SquareRootIcon, Table2Icon, WindowFillIcon } from "../component/Icons";
+import { AttachmentLineIcon, BilibiliLineIcon, CodeBoxLineIcon, CodeLineIcon, DoubleQuotesLIcon, EmotionLineIcon, FlipGridIcon, FlowChartIcon, FunctionsIcon, H1Icon, H2Icon, H3Icon, ImageLineIcon, Information2LineIcon, LinkIcon, ListCheck2Icon, ListOrdered2Icon, ListUnorderedIcon, MenuFold2FillIcon, MovieLineIcon, Music2LineIcon, SeparatorIcon, SketchingIcon, SquareRootIcon, Table2Icon, WindowFillIcon } from "../component/Icons";
 export var slashCommands = [{
   title: '标题1',
   shortcutKey: ['ctrl', 'alt', '1'],
@@ -45,32 +45,7 @@ export var slashCommands = [{
       level: 3
     }).run();
   }
-},
-// {
-//   title: '标题4',
-//   shortcutKey: ['ctrl', 'alt', '4'],
-//   icon: <H4Icon sx={{ fontSize: '1rem' }} />,
-//   command: ({ editor, range }: { editor: Editor; range: { from: number; to: number } }) => {
-//     editor.chain().focus().deleteRange(range).setNode('heading', { level: 4 }).run()
-//   }
-// },
-// {
-//   title: '标题5',
-//   shortcutKey: ['ctrl', 'alt', '5'],
-//   icon: <H5Icon sx={{ fontSize: '1rem' }} />,
-//   command: ({ editor, range }: { editor: Editor; range: { from: number; to: number } }) => {
-//     editor.chain().focus().deleteRange(range).setNode('heading', { level: 5 }).run()
-//   }
-// },
-// {
-//   title: '标题6',
-//   shortcutKey: ['ctrl', 'alt', '6'],
-//   icon: <H6Icon sx={{ fontSize: '1rem' }} />,
-//   command: ({ editor, range }: { editor: Editor; range: { from: number; to: number } }) => {
-//     editor.chain().focus().deleteRange(range).setNode('heading', { level: 6 }).run()
-//   }
-// },
-{
+}, {
   title: '有序列表',
   shortcutKey: ['ctrl', 'shift', '7'],
   icon: /*#__PURE__*/React.createElement(ListOrdered2Icon, {
@@ -228,8 +203,8 @@ export var slashCommands = [{
     }).run();
   }
 }, {
-  title: 'Bilibili 视频',
-  icon: /*#__PURE__*/React.createElement(BilibiliLineIcon, {
+  title: 'Excalidraw 绘图',
+  icon: /*#__PURE__*/React.createElement(SketchingIcon, {
     sx: {
       fontSize: '1rem'
     }
@@ -237,6 +212,18 @@ export var slashCommands = [{
   command: function command(_ref16) {
     var editor = _ref16.editor,
       range = _ref16.range;
+    editor.chain().focus().deleteRange(range).setExcalidraw().run();
+  }
+}, {
+  title: 'Bilibili 视频',
+  icon: /*#__PURE__*/React.createElement(BilibiliLineIcon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref17) {
+    var editor = _ref17.editor,
+      range = _ref17.range;
     editor.chain().focus().deleteRange(range).setIframe({
       src: '',
       width: '100%',
@@ -251,9 +238,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref17) {
-    var editor = _ref17.editor,
-      range = _ref17.range;
+  command: function command(_ref18) {
+    var editor = _ref18.editor,
+      range = _ref18.range;
     editor.chain().focus().deleteRange(range).setIframe({
       src: '',
       width: '100%',
@@ -269,10 +256,10 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref18) {
-    var editor = _ref18.editor,
-      range = _ref18.range,
-      attrs = _ref18.attrs;
+  command: function command(_ref19) {
+    var editor = _ref19.editor,
+      range = _ref19.range,
+      attrs = _ref19.attrs;
     editor.chain().focus().deleteRange(range).insertTable({
       rows: attrs.rows || 3,
       cols: attrs.cols || 4,
@@ -286,10 +273,10 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref19) {
-    var editor = _ref19.editor,
-      range = _ref19.range,
-      attrs = _ref19.attrs;
+  command: function command(_ref20) {
+    var editor = _ref20.editor,
+      range = _ref20.range,
+      attrs = _ref20.attrs;
     editor.chain().focus().deleteRange(range).toggleAlert({
       type: (attrs === null || attrs === void 0 ? void 0 : attrs.type) || 'icon',
       variant: (attrs === null || attrs === void 0 ? void 0 : attrs.variant) || 'info'
@@ -302,9 +289,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref20) {
-    var editor = _ref20.editor,
-      range = _ref20.range;
+  command: function command(_ref21) {
+    var editor = _ref21.editor,
+      range = _ref21.range;
     editor.chain().focus().deleteRange(range).setDetails().run();
   }
 }, {
@@ -314,9 +301,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref21) {
-    var editor = _ref21.editor,
-      range = _ref21.range;
+  command: function command(_ref22) {
+    var editor = _ref22.editor,
+      range = _ref22.range;
     editor.chain().focus().deleteRange(range).toggleCodeBlock().run();
   }
 }, {
@@ -326,9 +313,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref22) {
-    var editor = _ref22.editor,
-      range = _ref22.range;
+  command: function command(_ref23) {
+    var editor = _ref23.editor,
+      range = _ref23.range;
     editor.chain().focus().deleteRange(range).setInlineMath({
       latex: ''
     }).run();
@@ -340,9 +327,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref23) {
-    var editor = _ref23.editor,
-      range = _ref23.range;
+  command: function command(_ref24) {
+    var editor = _ref24.editor,
+      range = _ref24.range;
     editor.chain().focus().deleteRange(range).setBlockMath({
       latex: ''
     }).run();
@@ -354,9 +341,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref24) {
-    var editor = _ref24.editor,
-      range = _ref24.range;
+  command: function command(_ref25) {
+    var editor = _ref25.editor,
+      range = _ref25.range;
     editor.chain().focus().deleteRange(range).setImage({
       src: '',
       width: 760
@@ -369,9 +356,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref25) {
-    var editor = _ref25.editor,
-      range = _ref25.range;
+  command: function command(_ref26) {
+    var editor = _ref26.editor,
+      range = _ref26.range;
     editor.chain().focus().deleteRange(range).setVideo({
       src: '',
       width: 760
@@ -384,9 +371,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref26) {
-    var editor = _ref26.editor,
-      range = _ref26.range;
+  command: function command(_ref27) {
+    var editor = _ref27.editor,
+      range = _ref27.range;
     editor.chain().focus().deleteRange(range).setAudio({
       src: ''
     }).run();
@@ -398,9 +385,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref27) {
-    var editor = _ref27.editor,
-      range = _ref27.range;
+  command: function command(_ref28) {
+    var editor = _ref28.editor,
+      range = _ref28.range;
     editor.chain().focus().deleteRange(range).setInlineAttachment({
       url: '',
       title: '',

package/dist/extension/component/DrawPanel/ExcalidrawEditor.d.ts

@@ -0,0 +1,8 @@
+import '@excalidraw/excalidraw/index.css';
+import React from 'react';
+interface ExcalidrawEditorProps {
+    onSave: (file: File) => void;
+    onClose: () => void;
+}
+declare const ExcalidrawEditorWrapper: React.FC<ExcalidrawEditorProps>;
+export default ExcalidrawEditorWrapper;

package/dist/extension/component/DrawPanel/ExcalidrawEditor.js

@@ -0,0 +1,137 @@
+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 _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+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); }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+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 '@excalidraw/excalidraw/index.css';
+import { Button } from '@mui/material';
+import React, { useRef, useState } from 'react';
+var ExcalidrawEditor = /*#__PURE__*/React.lazy(function () {
+  if (typeof window !== 'undefined' && !window.EXCALIDRAW_ASSET_PATH) {
+    window.EXCALIDRAW_ASSET_PATH = '/';
+  }
+  return import('@excalidraw/excalidraw').then(function (module) {
+    return {
+      default: module.Excalidraw
+    };
+  });
+});
+var ExcalidrawEditorWrapper = function ExcalidrawEditorWrapper(_ref) {
+  var onSave = _ref.onSave,
+    onClose = _ref.onClose;
+  var excalidrawAPIRef = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoaded = _useState2[0],
+    setIsLoaded = _useState2[1];
+  var handleSave = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var elements, appState, files, excalidrawModule, exportToBlob, blob, _file;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!excalidrawAPIRef.current) {
+              _context.next = 23;
+              break;
+            }
+            _context.prev = 1;
+            elements = excalidrawAPIRef.current.getSceneElements();
+            if (!(elements.length === 0)) {
+              _context.next = 5;
+              break;
+            }
+            return _context.abrupt("return");
+          case 5:
+            appState = excalidrawAPIRef.current.getAppState();
+            files = excalidrawAPIRef.current.getFiles();
+            _context.next = 9;
+            return import('@excalidraw/excalidraw');
+          case 9:
+            excalidrawModule = _context.sent;
+            exportToBlob = excalidrawModule.exportToBlob;
+            _context.next = 13;
+            return exportToBlob({
+              elements: elements,
+              appState: _objectSpread(_objectSpread({}, appState), {}, {
+                exportBackground: true,
+                exportScale: 2
+              }),
+              files: files,
+              mimeType: 'image/png',
+              quality: 0.92
+            });
+          case 13:
+            blob = _context.sent;
+            _file = new File([blob], "excalidraw-".concat(Date.now(), ".png"), {
+              type: 'image/png'
+            });
+            onSave(_file);
+            _context.next = 21;
+            break;
+          case 18:
+            _context.prev = 18;
+            _context.t0 = _context["catch"](1);
+            console.error('Failed to export Excalidraw as image', _context.t0);
+          case 21:
+            _context.next = 24;
+            break;
+          case 23:
+            console.warn('Excalidraw API not available');
+          case 24:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1, 18]]);
+    }));
+    return function handleSave() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/React.createElement(React.Suspense, {
+    fallback: /*#__PURE__*/React.createElement("div", null, "\u52A0\u8F7D\u4E2D...")
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      height: '100%',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(ExcalidrawEditor, {
+    excalidrawAPI: function excalidrawAPI(api) {
+      excalidrawAPIRef.current = api;
+      if (!isLoaded) {
+        setIsLoaded(true);
+      }
+    },
+    onChange: function onChange() {
+      // 可以在这里实现自动保存逻辑
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'absolute',
+      bottom: 16,
+      left: '50%',
+      transform: 'translateX(-50%)',
+      zIndex: 1000,
+      display: 'flex',
+      gap: 8
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "outlined",
+    onClick: onClose
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+    variant: "contained",
+    onClick: handleSave,
+    disabled: !isLoaded
+  }, "\u4FDD\u5B58\u4E3A\u56FE\u7247\u5BFC\u5165"))));
+};
+export default ExcalidrawEditorWrapper;

package/dist/extension/component/DrawPanel/Modal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ExcalidrawModalProps {
+    open: boolean;
+    onClose: () => void;
+    onSave: (file: File) => void;
+}
+declare const ExcalidrawModal: React.FC<ExcalidrawModalProps>;
+export default ExcalidrawModal;

package/dist/extension/component/DrawPanel/Modal.js

@@ -0,0 +1,31 @@
+import { Box, Dialog, DialogContent, DialogTitle } from '@mui/material';
+import React from 'react';
+import ExcalidrawEditor from "./ExcalidrawEditor";
+var ExcalidrawModal = function ExcalidrawModal(_ref) {
+  var open = _ref.open,
+    onClose = _ref.onClose,
+    onSave = _ref.onSave;
+  return /*#__PURE__*/React.createElement(Dialog, {
+    open: open,
+    onClose: onClose,
+    maxWidth: "xl",
+    fullWidth: true
+  }, /*#__PURE__*/React.createElement(DialogTitle, null, "Excalidraw \u7ED8\u56FE"), /*#__PURE__*/React.createElement(DialogContent, {
+    sx: {
+      pt: 2,
+      p: 0,
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      width: '100%',
+      height: '80vh',
+      position: 'relative',
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement(ExcalidrawEditor, {
+    onSave: onSave,
+    onClose: onClose
+  }))));
+};
+export default ExcalidrawModal;

package/dist/extension/component/DrawPanel/index.d.ts

@@ -0,0 +1,5 @@
+import { EditorFnProps } from "../../../type";
+import { NodeViewProps } from '@tiptap/react';
+import React from 'react';
+declare const ExcalidrawView: React.FC<NodeViewProps & EditorFnProps>;
+export default ExcalidrawView;

package/dist/extension/component/DrawPanel/index.js

@@ -0,0 +1,168 @@
+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 _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+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 { MindMapIcon } from "../../../component/Icons";
+import { Box, Stack } from '@mui/material';
+import { NodeViewWrapper } from '@tiptap/react';
+import React, { useState } from 'react';
+import { getImageDimensionsFromFile } from "../Image";
+import ExcalidrawModal from "./Modal";
+var ExcalidrawView = function ExcalidrawView(_ref) {
+  var editor = _ref.editor,
+    node = _ref.node,
+    selected = _ref.selected,
+    getPos = _ref.getPos,
+    onUpload = _ref.onUpload;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isModalOpen = _useState2[0],
+    setIsModalOpen = _useState2[1];
+  var handleOpenModal = function handleOpenModal() {
+    if (editor.isEditable) {
+      setIsModalOpen(true);
+    }
+  };
+  var handleCloseModal = function handleCloseModal() {
+    setIsModalOpen(false);
+  };
+  var handleSave = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
+      var imageUrl, imageWidth, dimensions, pos, nodePos, nodeSize, imageNodeType, imageNode;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            if (!onUpload) {
+              _context.next = 9;
+              break;
+            }
+            _context.next = 4;
+            return onUpload(file);
+          case 4:
+            imageUrl = _context.sent;
+            if (imageUrl) {
+              _context.next = 7;
+              break;
+            }
+            return _context.abrupt("return");
+          case 7:
+            _context.next = 10;
+            break;
+          case 9:
+            imageUrl = URL.createObjectURL(file);
+          case 10:
+            // 获取图片实际宽度
+            imageWidth = 760; // 默认宽度
+            _context.prev = 11;
+            _context.next = 14;
+            return getImageDimensionsFromFile(file);
+          case 14:
+            dimensions = _context.sent;
+            imageWidth = Math.min(dimensions.width, 760);
+            _context.next = 21;
+            break;
+          case 18:
+            _context.prev = 18;
+            _context.t0 = _context["catch"](11);
+            console.warn('Failed to get image dimensions, using default width', _context.t0);
+          case 21:
+            pos = typeof getPos === 'function' ? getPos() : null;
+            if (pos !== null && pos !== undefined && typeof pos === 'number') {
+              nodePos = pos;
+              nodeSize = node.nodeSize;
+              imageNodeType = editor.schema.nodes.image;
+              if (imageNodeType) {
+                imageNode = imageNodeType.create({
+                  src: imageUrl,
+                  width: imageWidth
+                });
+                editor.chain().focus().command(function (_ref3) {
+                  var tr = _ref3.tr;
+                  tr.replaceWith(nodePos, nodePos + nodeSize, imageNode);
+                  return true;
+                }).run();
+              } else {
+                editor.chain().focus().setImage({
+                  src: imageUrl,
+                  width: imageWidth
+                }).run();
+              }
+            } else {
+              editor.chain().focus().setImage({
+                src: imageUrl,
+                width: imageWidth
+              }).run();
+            }
+            setIsModalOpen(false);
+            _context.next = 29;
+            break;
+          case 26:
+            _context.prev = 26;
+            _context.t1 = _context["catch"](0);
+            console.error('Failed to save and insert image', _context.t1);
+          case 29:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 26], [11, 18]]);
+    }));
+    return function handleSave(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  if (!editor.isEditable) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NodeViewWrapper, {
+    className: "excalidraw-wrapper ".concat(selected ? 'ProseMirror-selectednode' : ''),
+    "data-drag-handle": true
+  }, /*#__PURE__*/React.createElement(Stack, {
+    direction: "row",
+    alignItems: "center",
+    gap: 2,
+    onClick: handleOpenModal,
+    sx: {
+      border: '1px dashed',
+      borderColor: 'divider',
+      borderRadius: 'var(--mui-shape-borderRadius)',
+      px: 2,
+      py: 1.5,
+      minWidth: 200,
+      textAlign: 'center',
+      color: 'text.secondary',
+      bgcolor: 'action.default',
+      position: 'relative',
+      overflow: 'hidden',
+      cursor: 'pointer',
+      '&:hover': {
+        bgcolor: 'action.hover'
+      },
+      '&:active': {
+        bgcolor: 'action.selected'
+      }
+    }
+  }, /*#__PURE__*/React.createElement(MindMapIcon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }), /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      fontSize: '0.875rem',
+      position: 'relative',
+      flexGrow: 1,
+      textAlign: 'left'
+    }
+  }, "\u70B9\u51FB\u6B64\u5904\u5D4C\u5165 Excalidraw \u7ED8\u56FE"))), isModalOpen && /*#__PURE__*/React.createElement(ExcalidrawModal, {
+    open: isModalOpen,
+    onClose: handleCloseModal,
+    onSave: handleSave
+  }));
+};
+export default ExcalidrawView;

package/dist/extension/component/SlashCommandsList/index.js

@@ -25,7 +25,7 @@ var SlashCommandsList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React.createElement(Stack, {
     direction: 'row',
     flexWrap: 'wrap'
-  }, items.slice(0, 17).map(function (item, index) {
+  }, items.slice(0, 18).map(function (item, index) {
     return /*#__PURE__*/React.createElement(ToolbarItem, {
       key: index,
       shortcutKey: (item === null || item === void 0 ? void 0 : item.shortcutKey) || [],

package/dist/extension/index.js

@@ -15,7 +15,7 @@ import { PLACEHOLDER } from "../contants/placeholder";
 import { AiWritingExtension, ImeComposition, SlashCommands, StructuredDiffExtension } from "./extension";
 import { CodeExtension } from "./mark/Code";
 import Tooltip from "./mark/Tooltip";
-import { AlertExtension, AudioExtension, BlockAttachmentExtension, BlockLinkExtension, CodeBlockLowlightExtension, CustomBlockMathExtension, CustomHorizontalRule, CustomInlineMathExtension, CustomSubscript, CustomSuperscript, DetailsContentExtension, DetailsExtension, DetailsSummaryExtension, EmojiExtension, FileHandlerExtension, FlipGridColumnExtension, FlipGridExtension, FlowExtension, IframeExtension, ImageExtension, Indent, InlineAttachmentExtension, InlineLinkExtension, InlineUploadProgressExtension, ListExtension, MentionExtension, TableExtension, TableOfContents, UploadProgressExtension, VerticalAlign, VideoExtension, YamlFormat, YoutubeExtension } from "./node";
+import { AlertExtension, AudioExtension, BlockAttachmentExtension, BlockLinkExtension, CodeBlockLowlightExtension, CustomBlockMathExtension, CustomHorizontalRule, CustomInlineMathExtension, CustomSubscript, CustomSuperscript, DetailsContentExtension, DetailsExtension, DetailsSummaryExtension, EmojiExtension, ExcalidrawExtension, FileHandlerExtension, FlipGridColumnExtension, FlipGridExtension, FlowExtension, IframeExtension, ImageExtension, Indent, InlineAttachmentExtension, InlineLinkExtension, InlineUploadProgressExtension, ListExtension, MentionExtension, TableExtension, TableOfContents, UploadProgressExtension, VerticalAlign, VideoExtension, YamlFormat, YoutubeExtension } from "./node";
 export var getExtensions = function getExtensions(_ref) {
   var limit = _ref.limit,
     exclude = _ref.exclude,
@@ -159,6 +159,11 @@ export var getExtensions = function getExtensions(_ref) {
         onAiWritingGetSuggestion: onAiWritingGetSuggestion
       }));
     }
+    if (!(exclude !== null && exclude !== void 0 && exclude.includes('excalidraw'))) {
+      defaultExtensions.push(ExcalidrawExtension({
+        onUpload: onUpload
+      }));
+    }
   } else {
     // 只读模式
     if (!(exclude !== null && exclude !== void 0 && exclude.includes('structuredDiff'))) {

package/dist/extension/node/DrawPanel.d.ts

@@ -0,0 +1,11 @@
+import { EditorFnProps } from "../../type";
+import { Node } from '@tiptap/core';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        excalidraw: {
+            setExcalidraw: () => ReturnType;
+        };
+    }
+}
+export declare const ExcalidrawExtension: (props?: EditorFnProps) => Node<any, any>;
+export default ExcalidrawExtension;

package/dist/extension/node/DrawPanel.js

@@ -0,0 +1,61 @@
+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 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 { createBlockMarkdownSpec, mergeAttributes, Node } from '@tiptap/core';
+import { ReactNodeViewRenderer } from '@tiptap/react';
+import ExcalidrawView from "../component/DrawPanel";
+export var ExcalidrawExtension = function ExcalidrawExtension() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return Node.create(_objectSpread(_objectSpread({
+    name: 'excalidraw',
+    group: 'block',
+    atom: true,
+    selectable: true,
+    draggable: true,
+    isolating: true,
+    addOptions: function addOptions() {
+      return {
+        HTMLAttributes: {}
+      };
+    },
+    addAttributes: function addAttributes() {
+      return {};
+    },
+    parseHTML: function parseHTML() {
+      return [{
+        tag: 'figure[data-type="excalidraw"]'
+      }];
+    },
+    renderHTML: function renderHTML(_ref) {
+      var HTMLAttributes = _ref.HTMLAttributes;
+      return ['figure', mergeAttributes({
+        'data-type': 'excalidraw'
+      }, HTMLAttributes, this.options.HTMLAttributes), 0];
+    }
+  }, createBlockMarkdownSpec({
+    nodeName: 'excalidraw'
+  })), {}, {
+    addCommands: function addCommands() {
+      var _this = this;
+      return {
+        setExcalidraw: function setExcalidraw() {
+          return function (_ref2) {
+            var commands = _ref2.commands;
+            return commands.insertContent({
+              type: _this.name
+            });
+          };
+        }
+      };
+    },
+    addNodeView: function addNodeView() {
+      return ReactNodeViewRenderer(function (renderProps) {
+        return ExcalidrawView(_objectSpread(_objectSpread({}, renderProps), props));
+      });
+    }
+  }));
+};
+export default ExcalidrawExtension;

package/dist/extension/node/index.d.ts

@@ -7,6 +7,7 @@ export * from './Emoji';
 export * from './FileHandler';
 export * from './FlipGrid';
 export * from './Flow';
+export * from './DrawPanel';
 export * from './HorizontalRule';
 export * from './Iframe';
 export * from './Image';

package/dist/extension/node/index.js

@@ -7,6 +7,7 @@ export * from "./Emoji";
 export * from "./FileHandler";
 export * from "./FlipGrid";
 export * from "./Flow";
+export * from "./DrawPanel";
 export * from "./HorizontalRule";
 export * from "./Iframe";
 export * from "./Image";

package/dist/types/declare.d.ts

@@ -17,3 +17,9 @@ declare module '*.svg' {
   const value: string
   export default value
 }
+
+declare global {
+  interface Window {
+    EXCALIDRAW_ASSET_PATH?: string
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctzhian/tiptap",
-  "version": "2.9.5",
+  "version": "2.10.0",
   "description": "基于 Tiptap 二次开发的编辑器组件",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -80,6 +80,7 @@
     "stylelint": "^14.9.1"
   },
   "dependencies": {
+    "@excalidraw/excalidraw": "^0.18.0",
     "@floating-ui/dom": "^1.7.2",
     "@floating-ui/react": "^0.27.16",
     "@tiptap/core": "^3.13.0",