@ctzhian/tiptap 1.12.5 → 1.12.7

package/dist/EditorMarkdown/demo.js

@@ -2,12 +2,62 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 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 { EditorMarkdown, EditorThemeProvider, useTiptap } from "./..";
 import { Box } from '@mui/material';
-import React from 'react';
-import { MARKDOWN_EDITOR_PLACEHOLDER } from "../contants/markdown-placeholder";
+import React, { useCallback, useEffect, useState } from 'react';
 import "../index.css";
 var Reader = function Reader() {
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    mdContent = _useState2[0],
+    setMdContent = _useState2[1];
+  var onUpload = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(file, onProgress) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            return _context.abrupt("return", new Promise(function (resolve) {
+              var progress = 0;
+              var interval = setInterval(function () {
+                progress += Math.random() * 20;
+                if (progress >= 100) {
+                  progress = 100;
+                  onProgress === null || onProgress === void 0 || onProgress({
+                    progress: progress / 100
+                  });
+                  clearInterval(interval);
+                  setTimeout(function () {
+                    if (file.type.startsWith('image/')) {
+                      resolve('https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg');
+                    } else if (file.type.startsWith('video/')) {
+                      resolve('http://vjs.zencdn.net/v/oceans.mp4');
+                    } else {
+                      resolve('https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg');
+                    }
+                  }, 200);
+                } else {
+                  onProgress === null || onProgress === void 0 || onProgress({
+                    progress: progress / 100
+                  });
+                }
+              }, 100);
+            }));
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onUpload(_x, _x2) {
+      return _ref.apply(this, arguments);
+    };
+  }();
   var _useTiptap = useTiptap({
       editable: false,
       contentType: 'markdown',
@@ -16,148 +66,79 @@ var Reader = function Reader() {
         console.error('Editor Error:', error);
       },
       onValidateUrl: function () {
-        var _onValidateUrl = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(url, type) {
-          return _regeneratorRuntime().wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
+        var _onValidateUrl = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(url, type) {
+          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
               case 0:
                 console.log("\u9A8C\u8BC1 ".concat(type, " \u94FE\u63A5:"), url);
 
                 // 拦截 base64 链接
                 if (!url.startsWith('data:')) {
-                  _context.next = 3;
+                  _context2.next = 3;
                   break;
                 }
                 throw new Error("\u4E0D\u652F\u6301 base64 \u94FE\u63A5\uFF0C\u8BF7\u4F7F\u7528\u53EF\u8BBF\u95EE\u7684 ".concat(type, " URL"));
               case 3:
-                _context.t0 = type;
-                _context.next = _context.t0 === 'image' ? 6 : _context.t0 === 'video' ? 8 : _context.t0 === 'audio' ? 10 : _context.t0 === 'iframe' ? 12 : 14;
+                _context2.t0 = type;
+                _context2.next = _context2.t0 === 'image' ? 6 : _context2.t0 === 'video' ? 8 : _context2.t0 === 'audio' ? 10 : _context2.t0 === 'iframe' ? 12 : 14;
                 break;
               case 6:
                 if (!url.match(/\.(jpg|jpeg|png|gif|webp|svg)(\?.*)?$/i)) {
                   console.warn('图片链接可能不是有效的图片格式');
                 }
-                return _context.abrupt("break", 14);
+                return _context2.abrupt("break", 14);
               case 8:
                 if (!url.match(/\.(mp4|webm|ogg|mov|avi|wmv|flv|mkv)(\?.*)?$/i)) {
                   console.warn('视频链接可能不是有效的视频格式');
                 }
-                return _context.abrupt("break", 14);
+                return _context2.abrupt("break", 14);
               case 10:
                 if (!url.match(/\.(mp3|wav|ogg|m4a|flac|aac|wma)(\?.*)?$/i)) {
                   console.warn('音频链接可能不是有效的音频格式');
                 }
-                return _context.abrupt("break", 14);
+                return _context2.abrupt("break", 14);
               case 12:
                 // iframe 可以嵌入任何 URL，但可以检查是否是 HTTPS
                 if (url.startsWith('http://') && !url.includes('localhost')) {
                   console.warn('建议使用 HTTPS 链接以确保安全性');
                 }
-                return _context.abrupt("break", 14);
+                return _context2.abrupt("break", 14);
               case 14:
-                return _context.abrupt("return", url);
+                return _context2.abrupt("return", url);
               case 15:
               case "end":
-                return _context.stop();
+                return _context2.stop();
             }
-          }, _callee);
+          }, _callee2);
         }));
-        function onValidateUrl(_x, _x2) {
+        function onValidateUrl(_x3, _x4) {
           return _onValidateUrl.apply(this, arguments);
         }
         return onValidateUrl;
       }(),
       onSave: function onSave(editor) {
         var value = editor.getMarkdown();
-        editor.chain().focus().setContent(value, {
-          contentType: 'markdown'
-        }).run();
+        console.log(value);
+        // editor.chain().focus().setContent(value, {
+        //   contentType: 'markdown'
+        // }).run()
       },
-      onAiWritingGetSuggestion: function () {
-        var _onAiWritingGetSuggestion = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref) {
-          var prefix, suffix;
-          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                prefix = _ref.prefix, suffix = _ref.suffix;
-                return _context2.abrupt("return", new Promise(function (resolve) {
-                  resolve(['this is a default suggestion.', 'we are good.', 'what is your name?', 'how are you?', 'what is your favorite color?', 'what is your favorite food?', 'what is your favorite animal?', 'what is your favorite book?', 'what is your favorite movie?', 'what is your favorite song?', 'what is your favorite artist?', 'what is your favorite band?', 'what is your favorite city?', 'what is your favorite country?', 'what is your favorite sport?'][Math.floor(Math.random() * 10)]);
-                }));
-              case 2:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
-        }));
-        function onAiWritingGetSuggestion(_x3) {
-          return _onAiWritingGetSuggestion.apply(this, arguments);
-        }
-        return onAiWritingGetSuggestion;
-      }(),
-      // onTocUpdate: handleTocUpdate,
-      // onMentionFilter: async ({ query }: { query: string }) => {
-      //   return new Promise((resolve) => {
-      //     resolve([
-      //       'Winona Ryder',
-      //       'Molly Ringwald',
-      //       'Ally Sheedy',
-      //       'Debbie Harry',
-      //       'Olivia Newton-John',
-      //       'Elton John',
-      //       'Michael J. Fox',
-      //       'Axl Rose',
-      //       'Emilio Estevez',
-      //       'Ralph Macchio',
-      //       'Rob Lowe',
-      //       'Jennifer Grey',
-      //     ].filter(item => item.toLowerCase().startsWith(query.toLowerCase()))
-      //       .slice(0, 5))
-      //   })
-      // },
-      onUpload: function () {
-        var _onUpload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(file, onProgress) {
-          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-            while (1) switch (_context3.prev = _context3.next) {
-              case 0:
-                return _context3.abrupt("return", new Promise(function (resolve) {
-                  var progress = 0;
-                  var interval = setInterval(function () {
-                    progress += Math.random() * 20;
-                    if (progress >= 100) {
-                      progress = 100;
-                      onProgress === null || onProgress === void 0 || onProgress({
-                        progress: progress / 100
-                      });
-                      clearInterval(interval);
-                      setTimeout(function () {
-                        if (file.type.startsWith('image/')) {
-                          resolve('https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg');
-                        } else if (file.type.startsWith('video/')) {
-                          resolve('http://vjs.zencdn.net/v/oceans.mp4');
-                        } else {
-                          resolve('https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg');
-                        }
-                      }, 200);
-                    } else {
-                      onProgress === null || onProgress === void 0 || onProgress({
-                        progress: progress / 100
-                      });
-                    }
-                  }, 100);
-                }));
-              case 1:
-              case "end":
-                return _context3.stop();
-            }
-          }, _callee3);
-        }));
-        function onUpload(_x4, _x5) {
-          return _onUpload.apply(this, arguments);
-        }
-        return onUpload;
-      }(),
-      content: MARKDOWN_EDITOR_PLACEHOLDER
+      content: mdContent
     }),
     editor = _useTiptap.editor;
+  var handleGlobalSave = useCallback(function (event) {
+    if ((event.ctrlKey || event.metaKey) && event.key === 's') {
+      event.preventDefault();
+      var value = editor.getHTML();
+      console.log(value);
+    }
+  }, [editor]);
+  useEffect(function () {
+    document.addEventListener('keydown', handleGlobalSave);
+    return function () {
+      document.removeEventListener('keydown', handleGlobalSave);
+    };
+  }, [handleGlobalSave]);
   return /*#__PURE__*/React.createElement(EditorThemeProvider, {
     mode: "light"
   }, /*#__PURE__*/React.createElement(Box, {
@@ -173,7 +154,9 @@ var Reader = function Reader() {
   }, /*#__PURE__*/React.createElement(EditorMarkdown, {
     editor: editor,
     height: '500px',
-    value: MARKDOWN_EDITOR_PLACEHOLDER
+    value: mdContent,
+    onUpload: onUpload,
+    onAceChange: setMdContent
   })));
 };
 export default Reader;

package/dist/EditorMarkdown/index.d.ts

@@ -4,6 +4,7 @@
 /// <reference types="ace-builds/types/ace-theme" />
 import { Editor } from '@tiptap/core';
 import React from "react";
+import { UploadFunction } from '../type';
 import 'ace-builds/src-noconflict/ace';
 import 'ace-builds/src-noconflict/ext-language_tools';
 import 'ace-builds/src-noconflict/mode-markdown';
@@ -12,6 +13,7 @@ interface EditorMarkdownProps {
     editor: Editor;
     value?: string;
     height: number | string;
+    onUpload?: UploadFunction;
     onAceChange?: (value: string) => void;
     onTiptapChange?: (value: string) => void;
 }

package/dist/EditorMarkdown/index.js

@@ -15,6 +15,7 @@ import { alpha, Box, Divider, IconButton, Stack, useTheme } from "@mui/material"
 import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import AceEditor from "react-ace";
 import { MARKDOWN_EDITOR_PLACEHOLDER } from "../contants/markdown-placeholder";
+import EditorMarkdownToolbar from "./Toolbar";
 import 'ace-builds/src-noconflict/ace';
 import 'ace-builds/src-noconflict/ext-language_tools';
 import 'ace-builds/src-noconflict/mode-markdown';
@@ -23,10 +24,11 @@ var EditorMarkdown = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var editor = _ref.editor,
     value = _ref.value,
     onAceChange = _ref.onAceChange,
-    height = _ref.height;
+    height = _ref.height,
+    onUpload = _ref.onUpload;
   var theme = useTheme();
   var aceEditorRef = useRef(null);
-  var _useState = useState('split'),
+  var _useState = useState('edit'),
     _useState2 = _slicedToArray(_useState, 2),
     displayMode = _useState2[0],
     setDisplayMode = _useState2[1];
@@ -35,13 +37,13 @@ var EditorMarkdown = /*#__PURE__*/forwardRef(function (_ref, ref) {
     isExpend = _useState4[0],
     setIsExpend = _useState4[1];
   var EditorHeight = useMemo(function () {
-    return isExpend ? 'calc(100vh - 33px)' : height;
+    return isExpend ? 'calc(100vh - 45px)' : height;
   }, [isExpend, height]);
   var onChange = function onChange(value) {
     onAceChange === null || onAceChange === void 0 || onAceChange(value);
-    editor.chain().focus().setContent(value, {
+    editor.commands.setContent(value, {
       contentType: 'markdown'
-    }).run();
+    });
   };
   useImperativeHandle(ref, function () {
     return {
@@ -96,16 +98,43 @@ var EditorMarkdown = /*#__PURE__*/forwardRef(function (_ref, ref) {
         color: 'primary.main',
         bgcolor: alpha(theme.palette.primary.main, 0.1)
       },
-      '& :hover:not(.md-display-mode-active)': {
+      '.md-display-mode:hover': {
         borderRadius: '4px',
         bgcolor: 'background.paper3'
       }
     }
-  }, /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React.createElement(EditorMarkdownToolbar, {
+    aceEditorRef: aceEditorRef,
+    isExpend: isExpend,
+    onUpload: onUpload
+  }), /*#__PURE__*/React.createElement(Stack, {
+    direction: 'row',
+    alignItems: 'center',
+    gap: 1
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    color: "inherit",
+    onClick: function onClick() {
+      return setIsExpend(!isExpend);
+    }
+  }, isExpend ? /*#__PURE__*/React.createElement(CollapseIcon, {
+    sx: {
+      fontSize: '16px'
+    }
+  }) : /*#__PURE__*/React.createElement(ExpendIcon, {
+    sx: {
+      fontSize: '16px'
+    }
+  })), /*#__PURE__*/React.createElement(Stack, {
     direction: 'row',
-    alignItems: 'center'
+    alignItems: 'center',
+    sx: {
+      p: 0.5,
+      borderRadius: '4px',
+      border: '1px solid',
+      borderColor: 'divider'
+    }
   }, /*#__PURE__*/React.createElement(Box, {
-    className: displayMode === 'split' ? 'md-display-mode-active' : '',
+    className: displayMode === 'edit' ? 'md-display-mode-active' : 'md-display-mode',
     sx: {
       px: 1,
       py: 0.25,
@@ -113,10 +142,10 @@ var EditorMarkdown = /*#__PURE__*/forwardRef(function (_ref, ref) {
       borderRadius: '4px'
     },
     onClick: function onClick() {
-      return setDisplayMode('split');
+      return setDisplayMode('edit');
     }
-  }, "\u5206\u5C4F\u6A21\u5F0F"), /*#__PURE__*/React.createElement(Box, {
-    className: displayMode === 'edit' ? 'md-display-mode-active' : '',
+  }, "\u7F16\u8F91\u6A21\u5F0F"), /*#__PURE__*/React.createElement(Box, {
+    className: displayMode === 'preview' ? 'md-display-mode-active' : 'md-display-mode',
     sx: {
       px: 1,
       py: 0.25,
@@ -124,10 +153,10 @@ var EditorMarkdown = /*#__PURE__*/forwardRef(function (_ref, ref) {
       borderRadius: '4px'
     },
     onClick: function onClick() {
-      return setDisplayMode('edit');
+      return setDisplayMode('preview');
     }
-  }, "\u7F16\u8F91\u6A21\u5F0F"), /*#__PURE__*/React.createElement(Box, {
-    className: displayMode === 'preview' ? 'md-display-mode-active' : '',
+  }, "\u9884\u89C8\u6A21\u5F0F"), /*#__PURE__*/React.createElement(Box, {
+    className: displayMode === 'split' ? 'md-display-mode-active' : 'md-display-mode',
     sx: {
       px: 1,
       py: 0.25,
@@ -135,23 +164,9 @@ var EditorMarkdown = /*#__PURE__*/forwardRef(function (_ref, ref) {
       borderRadius: '4px'
     },
     onClick: function onClick() {
-      return setDisplayMode('preview');
-    }
-  }, "\u9884\u89C8\u6A21\u5F0F")), /*#__PURE__*/React.createElement(IconButton, {
-    size: "small",
-    color: "inherit",
-    onClick: function onClick() {
-      return setIsExpend(!isExpend);
-    }
-  }, isExpend ? /*#__PURE__*/React.createElement(CollapseIcon, {
-    sx: {
-      fontSize: '14px'
-    }
-  }) : /*#__PURE__*/React.createElement(ExpendIcon, {
-    sx: {
-      fontSize: '14px'
+      return setDisplayMode('split');
     }
-  }))), /*#__PURE__*/React.createElement(Stack, {
+  }, "\u5206\u5C4F\u6A21\u5F0F")))), /*#__PURE__*/React.createElement(Stack, {
     direction: 'row',
     alignItems: 'stretch',
     sx: {

package/dist/component/CustomDragHandle/index.js

@@ -1072,8 +1072,8 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
             current.editor.commands.toggleBlockquote();
           }
         }
-      }].concat(_toConsumableArray(!isMarkdown ? [{
-        label: '警告提示',
+      }, {
+        label: '警告块',
         selected: ((_current$node14 = current.node) === null || _current$node14 === void 0 ? void 0 : _current$node14.type.name) === 'alert',
         key: 'convert-to-alert',
         icon: /*#__PURE__*/React.createElement(Information2LineIcon, {
@@ -1102,7 +1102,7 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
             });
           }
         }
-      }] : []))
+      }]
     }] : []), _toConsumableArray(currentNode !== null && currentNode !== void 0 && currentNode.download && ((_current$node15 = current.node) !== null && _current$node15 !== void 0 && _current$node15.attrs.src || (_current$node16 = current.node) !== null && _current$node16 !== void 0 && _current$node16.attrs.src) ? [{
       label: "\u4E0B\u8F7D".concat(currentNode === null || currentNode === void 0 ? void 0 : currentNode.label),
       key: 'download',

package/dist/component/FloatingPopover/index.js

@@ -96,7 +96,7 @@ export var FloatingPopover = function FloatingPopover(_ref) {
       left: 0,
       right: 0,
       bottom: 0,
-      zIndex: 1200,
+      zIndex: 5000,
       pointerEvents: 'none'
     }
   }), /*#__PURE__*/React.createElement(Paper, {

package/dist/component/Menu/NestedList.d.ts

@@ -10,6 +10,7 @@ export interface NestedMenuListProps {
         transformOrigin?: PopoverOrigin;
     };
     onItemClick?: (item: MenuItem) => void;
+    zIndex?: number;
 }
 declare const NestedList: React.FC<NestedMenuListProps>;
 export default NestedList;

package/dist/component/Menu/NestedList.js

@@ -28,7 +28,8 @@ var NestedList = function NestedList(_ref) {
         horizontal: 'left'
       }
     } : _ref$childrenProps,
-    onItemClick = _ref.onItemClick;
+    onItemClick = _ref.onItemClick,
+    zIndex = _ref.zIndex;
   var _React$useState = React.useState(null),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     hoveredItem = _React$useState2[0],
@@ -102,9 +103,11 @@ var NestedList = function NestedList(_ref) {
       open: Boolean(subMenuAnchor),
       anchorEl: subMenuAnchor,
       onClose: handleItemLeave,
-      sx: {
+      sx: _objectSpread({
         pointerEvents: 'none'
-      },
+      }, zIndex ? {
+        zIndex: zIndex
+      } : {}),
       disableScrollLock: true,
       disableAutoFocus: true,
       disableEnforceFocus: true,

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

@@ -1,4 +1,7 @@
 import { MenuProps } from "../../type";
 import React from 'react';
-declare const Menu: React.FC<MenuProps>;
+export interface MenuRef {
+    close: () => void;
+}
+declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<MenuRef>>;
 export default Menu;

package/dist/component/Menu/index.js

@@ -7,7 +7,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Box, Popover } from '@mui/material';
 import React from 'react';
 import NestedList from "./NestedList";
-var Menu = function Menu(_ref) {
+var Menu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$id = _ref.id,
     id = _ref$id === void 0 ? 'menu-select' : _ref$id,
     width = _ref.width,
@@ -36,7 +36,8 @@ var Menu = function Menu(_ref) {
         vertical: 'top',
         horizontal: 'left'
       }
-    } : _ref$childrenProps;
+    } : _ref$childrenProps,
+    zIndex = _ref.zIndex;
   var _React$useState = React.useState(null),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     anchorEl = _React$useState2[0],
@@ -51,6 +52,11 @@ var Menu = function Menu(_ref) {
   var handleClose = function handleClose() {
     setAnchorEl(null);
   };
+  React.useImperativeHandle(ref, function () {
+    return {
+      close: handleClose
+    };
+  });
   var handleItemClick = function handleItemClick(item) {
     if (item.onClick) {
       item.onClick();
@@ -72,7 +78,10 @@ var Menu = function Menu(_ref) {
     disableScrollLock: true,
     disableAutoFocus: true,
     disableEnforceFocus: true,
-    disableRestoreFocus: true
+    disableRestoreFocus: true,
+    sx: zIndex ? {
+      zIndex: zIndex
+    } : undefined
   }, /*#__PURE__*/React.createElement(Box, {
     sx: {
       p: 0.5
@@ -84,7 +93,9 @@ var Menu = function Menu(_ref) {
     list: list,
     arrowIcon: arrowIcon,
     childrenProps: childrenProps,
-    onItemClick: handleItemClick
+    onItemClick: handleItemClick,
+    zIndex: zIndex
   }))));
-};
+});
+Menu.displayName = 'Menu';
 export default Menu;

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

@@ -223,8 +223,8 @@ var EditorInsert = function EditorInsert(_ref) {
       onClick: function onClick() {
         return editor.chain().focus().setDetails().run();
       }
-    }], _toConsumableArray(isMarkdown ? [{
-      label: '警告提示',
+    }, {
+      label: '警告块',
       key: 'highlight',
       icon: /*#__PURE__*/React.createElement(Information2LineIcon, {
         sx: {
@@ -307,7 +307,7 @@ var EditorInsert = function EditorInsert(_ref) {
           }).run();
         }
       }]
-    }] : []), [{
+    }, {
       customLabel: /*#__PURE__*/React.createElement(Typography, {
         sx: {
           px: 1,

package/dist/contants/enums.js

@@ -58,7 +58,7 @@ export var NODE_TYPE_LABEL = (_NODE_TYPE_LABEL = {}, _defineProperty(_defineProp
   align: true,
   convert: true
 }), NodeTypeEnum.Alert, {
-  label: '警告提示',
+  label: '警告块',
   color: true,
   fontSize: true,
   align: true,

package/dist/contants/markdown-placeholder.d.ts

@@ -1 +1 @@
-export declare const MARKDOWN_EDITOR_PLACEHOLDER = "\u6807\u51C6 Markdown \u8BED\u6CD5\u901F\u67E5\uFF08GFM \u517C\u5BB9\uFF09\n\n# \u6807\u9898\u4E00\n## \u6807\u9898\u4E8C\n### \u6807\u9898\u4E09\n#### \u6807\u9898\u56DB  \n##### \u6807\u9898\u4E94\n###### \u6807\u9898\u516D\n\n*\u659C\u4F53* \u6216 _\u659C\u4F53_\n**\u52A0\u7C97** \u6216 __\u52A0\u7C97__\n***\u52A0\u7C97\u659C\u4F53***\n~~\u5220\u9664\u7EBF~~\n^\u4E0A^\u6807\n~\u4E0B~\u6807\n++\u4E0B\u5212\u7EBF++\n\n- [ ] functionA\n- [x] functionB\n- [ ] functionC\n\n- \u65E0\u5E8F\u5217\u8868\u9879 A\n- \u65E0\u5E8F\u5217\u8868\u9879 B\n  - \u65E0\u5E8F\u5217\u8868\u9879 B1\n\n1. \u6709\u5E8F\u5217\u8868\u9879 A\n2. \u6709\u5E8F\u5217\u8868\u9879 B\n  a. \u6709\u5E8F\u5217\u8868\u9879 B1\n\n\u884C\u5185\u4EE3\u7801\uFF1A`console.log(\"hi\")`\n\n\u4EE3\u7801\u5757\uFF08\u8BED\u6CD5\u9AD8\u4EAE\uFF09\uFF1A\n```js\nfunction hello() {\n  console.log(\"hi\");\n}\n```\n\n> \u5F15\u7528\n\n>> \u591A\u91CD\u5F15\u7528\n\n[\u94FE\u63A5](https://example.com)\n![\u56FE\u7247](https://via.placeholder.com/600x400)\n[![\u56FE\u7247](https://via.placeholder.com/600x400)](https://example.com)\n\n\u8868\u683C\uFF1A\n| \u52171 | \u52172 | \u53F3\u5BF9\u9F50 |\n|---|:---:|---:|\n| \u5DE6 | \u4E2D | \u53F3 |\n| a  | b  | 123 |\n\n\u5206\u9694\u7EBF\uFF1A\n`---`\n\n`***`\n\n\u884C\u5185\u6570\u5B66\u516C\u5F0F\uFF1A$ E = mc^2 $\n\u5757\u7EA7\u6570\u5B66\u516C\u5F0F\uFF1A\n$$\nint_{0}^{1} x^2 , dx = \frac{1}{3}\n$$\n\n\u8B66\u544A\u63D0\u793A\uFF1A\n:::alert {variant=\"warning\"}\n\n\u8FD9\u662F\u4E00\u6BB5\u8B66\u544A\u63D0\u793A\n\n:::\n\n\u4FE1\u606F\u63D0\u793A\uFF1A\n:::alert {variant=\"info\"}\n\n\u8FD9\u662F\u4E00\u4E2A\u4FE1\u606F\u63D0\u793A\n\n:::\n\n\u6210\u529F\u63D0\u793A\uFF1A\n:::alert {variant=\"success\"}\n\n\u8FD9\u662F\u4E00\u4E2A\u6210\u529F\u63D0\u793A\n\n:::\n\n\u9519\u8BEF\u63D0\u793A\uFF1A\n:::alert {variant=\"error\"}\n\n\u8FD9\u662F\u4E00\u4E2A\u9519\u8BEF\u63D0\u793A\n\n:::\n\n\u9ED8\u8BA4\u63D0\u793A\uFF1A\n:::alert {variant=\"default\"}\n\n\u8FD9\u662F\u4E00\u4E2A\u9ED8\u8BA4\u63D0\u793A\n\n:::\n\n\u4E0D\u5E26\u56FE\u6807\u7684\u4FE1\u606F\u63D0\u793A\uFF1A\n:::alert {variant=\"info\" type=\"text\"}\n\n\u8FD9\u662F\u4E00\u4E2A\u4E0D\u5E26\u56FE\u6807\u7684\u4FE1\u606F\u63D0\u793A\n\n:::\n\n\u6298\u53E0\u5757 Details\uFF1A\n:::details {indent=\"0\" open}\n\n:::detailsSummary {indent=\"0\"}\n\n\u8FD9\u662F\u6298\u53E0\u9762\u677F\u7684\u6807\u9898\n\n:::\n\n:::detailsContent {indent=\"0\"}\n\n\u8FD9\u662F\u6298\u53E0\u9762\u677F\u7684\u5185\u5BB9\uFF0C\u53EF\u4EE5\u5C55\u793A\u5757\u7EA7\u5143\u7D20\n\n:::\n\n:::\n";
+export declare const MARKDOWN_EDITOR_PLACEHOLDER = "\u6807\u51C6 Markdown \u8BED\u6CD5\u901F\u67E5\uFF08GFM \u517C\u5BB9\uFF09\n\n# \u6807\u9898\u4E00\n## \u6807\u9898\u4E8C\n### \u6807\u9898\u4E09\n#### \u6807\u9898\u56DB  \n##### \u6807\u9898\u4E94\n###### \u6807\u9898\u516D\n\n*\u659C\u4F53* \u6216 _\u659C\u4F53_\n**\u52A0\u7C97** \u6216 __\u52A0\u7C97__\n***\u52A0\u7C97\u659C\u4F53***\n~~\u5220\u9664\u7EBF~~\n^\u4E0A^\u6807\n~\u4E0B~\u6807\n++\u4E0B\u5212\u7EBF++\n\n- [ ] functionA\n- [x] functionB\n- [ ] functionC\n\n- \u65E0\u5E8F\u5217\u8868\u9879 A\n- \u65E0\u5E8F\u5217\u8868\u9879 B\n  - \u65E0\u5E8F\u5217\u8868\u9879 B1\n\n1. \u6709\u5E8F\u5217\u8868\u9879 A\n2. \u6709\u5E8F\u5217\u8868\u9879 B\n  a. \u6709\u5E8F\u5217\u8868\u9879 B1\n\n\u884C\u5185\u4EE3\u7801\uFF1A`console.log(\"hi\")`\n\n\u4EE3\u7801\u5757\uFF08\u8BED\u6CD5\u9AD8\u4EAE\uFF09\uFF1A\n```js\nfunction hello() {\n  console.log(\"hi\");\n}\n```\n\n> \u5F15\u7528\n\n>> \u591A\u91CD\u5F15\u7528\n\n[\u94FE\u63A5](https://example.com)\n![\u56FE\u7247](https://via.placeholder.com/600x400)\n[![\u56FE\u7247](https://via.placeholder.com/600x400)](https://example.com)\n\n\u8868\u683C\uFF1A\n| \u52171 | \u52172 | \u53F3\u5BF9\u9F50 |\n|---|:---:|---:|\n| \u5DE6 | \u4E2D | \u53F3 |\n| a  | b  | 123 |\n\n\u5206\u9694\u7EBF\uFF1A\n`---`\n\n`***`\n\n\u884C\u5185\u6570\u5B66\u516C\u5F0F\uFF1A$ E = mc^2 $\n\u5757\u7EA7\u6570\u5B66\u516C\u5F0F\uFF1A\n$$\nint_{0}^{1} x^2 , dx = \frac{1}{3}\n$$\n\n\u8B66\u544A\u5757\uFF1A\n:::alert {variant=\"warning\"}\n\n\u8FD9\u662F\u4E00\u6BB5\u8B66\u544A\u5757\n\n:::\n\n\u4FE1\u606F\u63D0\u793A\uFF1A\n:::alert {variant=\"info\"}\n\n\u8FD9\u662F\u4E00\u4E2A\u4FE1\u606F\u63D0\u793A\n\n:::\n\n\u6210\u529F\u63D0\u793A\uFF1A\n:::alert {variant=\"success\"}\n\n\u8FD9\u662F\u4E00\u4E2A\u6210\u529F\u63D0\u793A\n\n:::\n\n\u9519\u8BEF\u63D0\u793A\uFF1A\n:::alert {variant=\"error\"}\n\n\u8FD9\u662F\u4E00\u4E2A\u9519\u8BEF\u63D0\u793A\n\n:::\n\n\u9ED8\u8BA4\u63D0\u793A\uFF1A\n:::alert {variant=\"default\"}\n\n\u8FD9\u662F\u4E00\u4E2A\u9ED8\u8BA4\u63D0\u793A\n\n:::\n\n\u4E0D\u5E26\u56FE\u6807\u7684\u4FE1\u606F\u63D0\u793A\uFF1A\n:::alert {variant=\"info\" type=\"text\"}\n\n\u8FD9\u662F\u4E00\u4E2A\u4E0D\u5E26\u56FE\u6807\u7684\u4FE1\u606F\u63D0\u793A\n\n:::\n\n\u6298\u53E0\u5757 Details\uFF1A\n:::details {indent=\"0\" open}\n\n:::detailsSummary {indent=\"0\"}\n\n\u8FD9\u662F\u6298\u53E0\u9762\u677F\u7684\u6807\u9898\n\n:::\n\n:::detailsContent {indent=\"0\"}\n\n\u8FD9\u662F\u6298\u53E0\u9762\u677F\u7684\u5185\u5BB9\uFF0C\u53EF\u4EE5\u5C55\u793A\u5757\u7EA7\u5143\u7D20\n\n:::\n\n:::\n";

package/dist/contants/markdown-placeholder.js

@@ -1 +1 @@
-export var MARKDOWN_EDITOR_PLACEHOLDER = "\u6807\u51C6 Markdown \u8BED\u6CD5\u901F\u67E5\uFF08GFM \u517C\u5BB9\uFF09\n\n# \u6807\u9898\u4E00\n## \u6807\u9898\u4E8C\n### \u6807\u9898\u4E09\n#### \u6807\u9898\u56DB  \n##### \u6807\u9898\u4E94\n###### \u6807\u9898\u516D\n\n*\u659C\u4F53* \u6216 _\u659C\u4F53_\n**\u52A0\u7C97** \u6216 __\u52A0\u7C97__\n***\u52A0\u7C97\u659C\u4F53***\n~~\u5220\u9664\u7EBF~~\n^\u4E0A^\u6807\n~\u4E0B~\u6807\n++\u4E0B\u5212\u7EBF++\n\n- [ ] functionA\n- [x] functionB\n- [ ] functionC\n\n- \u65E0\u5E8F\u5217\u8868\u9879 A\n- \u65E0\u5E8F\u5217\u8868\u9879 B\n  - \u65E0\u5E8F\u5217\u8868\u9879 B1\n\n1. \u6709\u5E8F\u5217\u8868\u9879 A\n2. \u6709\u5E8F\u5217\u8868\u9879 B\n  a. \u6709\u5E8F\u5217\u8868\u9879 B1\n\n\u884C\u5185\u4EE3\u7801\uFF1A`console.log(\"hi\")`\n\n\u4EE3\u7801\u5757\uFF08\u8BED\u6CD5\u9AD8\u4EAE\uFF09\uFF1A\n```js\nfunction hello() {\n  console.log(\"hi\");\n}\n```\n\n> \u5F15\u7528\n\n>> \u591A\u91CD\u5F15\u7528\n\n[\u94FE\u63A5](https://example.com)\n![\u56FE\u7247](https://via.placeholder.com/600x400)\n[![\u56FE\u7247](https://via.placeholder.com/600x400)](https://example.com)\n\n\u8868\u683C\uFF1A\n| \u52171 | \u52172 | \u53F3\u5BF9\u9F50 |\n|---|:---:|---:|\n| \u5DE6 | \u4E2D | \u53F3 |\n| a  | b  | 123 |\n\n\u5206\u9694\u7EBF\uFF1A\n`---`\n\n`***`\n\n\u884C\u5185\u6570\u5B66\u516C\u5F0F\uFF1A$ E = mc^2 $\n\u5757\u7EA7\u6570\u5B66\u516C\u5F0F\uFF1A\n$$\nint_{0}^{1} x^2 , dx = \frac{1}{3}\n$$\n\n\u8B66\u544A\u63D0\u793A\uFF1A\n:::alert {variant=\"warning\"}\n\n\u8FD9\u662F\u4E00\u6BB5\u8B66\u544A\u63D0\u793A\n\n:::\n\n\u4FE1\u606F\u63D0\u793A\uFF1A\n:::alert {variant=\"info\"}\n\n\u8FD9\u662F\u4E00\u4E2A\u4FE1\u606F\u63D0\u793A\n\n:::\n\n\u6210\u529F\u63D0\u793A\uFF1A\n:::alert {variant=\"success\"}\n\n\u8FD9\u662F\u4E00\u4E2A\u6210\u529F\u63D0\u793A\n\n:::\n\n\u9519\u8BEF\u63D0\u793A\uFF1A\n:::alert {variant=\"error\"}\n\n\u8FD9\u662F\u4E00\u4E2A\u9519\u8BEF\u63D0\u793A\n\n:::\n\n\u9ED8\u8BA4\u63D0\u793A\uFF1A\n:::alert {variant=\"default\"}\n\n\u8FD9\u662F\u4E00\u4E2A\u9ED8\u8BA4\u63D0\u793A\n\n:::\n\n\u4E0D\u5E26\u56FE\u6807\u7684\u4FE1\u606F\u63D0\u793A\uFF1A\n:::alert {variant=\"info\" type=\"text\"}\n\n\u8FD9\u662F\u4E00\u4E2A\u4E0D\u5E26\u56FE\u6807\u7684\u4FE1\u606F\u63D0\u793A\n\n:::\n\n\u6298\u53E0\u5757 Details\uFF1A\n:::details {indent=\"0\" open}\n\n:::detailsSummary {indent=\"0\"}\n\n\u8FD9\u662F\u6298\u53E0\u9762\u677F\u7684\u6807\u9898\n\n:::\n\n:::detailsContent {indent=\"0\"}\n\n\u8FD9\u662F\u6298\u53E0\u9762\u677F\u7684\u5185\u5BB9\uFF0C\u53EF\u4EE5\u5C55\u793A\u5757\u7EA7\u5143\u7D20\n\n:::\n\n:::\n";
+export var MARKDOWN_EDITOR_PLACEHOLDER = "\u6807\u51C6 Markdown \u8BED\u6CD5\u901F\u67E5\uFF08GFM \u517C\u5BB9\uFF09\n\n# \u6807\u9898\u4E00\n## \u6807\u9898\u4E8C\n### \u6807\u9898\u4E09\n#### \u6807\u9898\u56DB  \n##### \u6807\u9898\u4E94\n###### \u6807\u9898\u516D\n\n*\u659C\u4F53* \u6216 _\u659C\u4F53_\n**\u52A0\u7C97** \u6216 __\u52A0\u7C97__\n***\u52A0\u7C97\u659C\u4F53***\n~~\u5220\u9664\u7EBF~~\n^\u4E0A^\u6807\n~\u4E0B~\u6807\n++\u4E0B\u5212\u7EBF++\n\n- [ ] functionA\n- [x] functionB\n- [ ] functionC\n\n- \u65E0\u5E8F\u5217\u8868\u9879 A\n- \u65E0\u5E8F\u5217\u8868\u9879 B\n  - \u65E0\u5E8F\u5217\u8868\u9879 B1\n\n1. \u6709\u5E8F\u5217\u8868\u9879 A\n2. \u6709\u5E8F\u5217\u8868\u9879 B\n  a. \u6709\u5E8F\u5217\u8868\u9879 B1\n\n\u884C\u5185\u4EE3\u7801\uFF1A`console.log(\"hi\")`\n\n\u4EE3\u7801\u5757\uFF08\u8BED\u6CD5\u9AD8\u4EAE\uFF09\uFF1A\n```js\nfunction hello() {\n  console.log(\"hi\");\n}\n```\n\n> \u5F15\u7528\n\n>> \u591A\u91CD\u5F15\u7528\n\n[\u94FE\u63A5](https://example.com)\n![\u56FE\u7247](https://via.placeholder.com/600x400)\n[![\u56FE\u7247](https://via.placeholder.com/600x400)](https://example.com)\n\n\u8868\u683C\uFF1A\n| \u52171 | \u52172 | \u53F3\u5BF9\u9F50 |\n|---|:---:|---:|\n| \u5DE6 | \u4E2D | \u53F3 |\n| a  | b  | 123 |\n\n\u5206\u9694\u7EBF\uFF1A\n`---`\n\n`***`\n\n\u884C\u5185\u6570\u5B66\u516C\u5F0F\uFF1A$ E = mc^2 $\n\u5757\u7EA7\u6570\u5B66\u516C\u5F0F\uFF1A\n$$\nint_{0}^{1} x^2 , dx = \frac{1}{3}\n$$\n\n\u8B66\u544A\u5757\uFF1A\n:::alert {variant=\"warning\"}\n\n\u8FD9\u662F\u4E00\u6BB5\u8B66\u544A\u5757\n\n:::\n\n\u4FE1\u606F\u63D0\u793A\uFF1A\n:::alert {variant=\"info\"}\n\n\u8FD9\u662F\u4E00\u4E2A\u4FE1\u606F\u63D0\u793A\n\n:::\n\n\u6210\u529F\u63D0\u793A\uFF1A\n:::alert {variant=\"success\"}\n\n\u8FD9\u662F\u4E00\u4E2A\u6210\u529F\u63D0\u793A\n\n:::\n\n\u9519\u8BEF\u63D0\u793A\uFF1A\n:::alert {variant=\"error\"}\n\n\u8FD9\u662F\u4E00\u4E2A\u9519\u8BEF\u63D0\u793A\n\n:::\n\n\u9ED8\u8BA4\u63D0\u793A\uFF1A\n:::alert {variant=\"default\"}\n\n\u8FD9\u662F\u4E00\u4E2A\u9ED8\u8BA4\u63D0\u793A\n\n:::\n\n\u4E0D\u5E26\u56FE\u6807\u7684\u4FE1\u606F\u63D0\u793A\uFF1A\n:::alert {variant=\"info\" type=\"text\"}\n\n\u8FD9\u662F\u4E00\u4E2A\u4E0D\u5E26\u56FE\u6807\u7684\u4FE1\u606F\u63D0\u793A\n\n:::\n\n\u6298\u53E0\u5757 Details\uFF1A\n:::details {indent=\"0\" open}\n\n:::detailsSummary {indent=\"0\"}\n\n\u8FD9\u662F\u6298\u53E0\u9762\u677F\u7684\u6807\u9898\n\n:::\n\n:::detailsContent {indent=\"0\"}\n\n\u8FD9\u662F\u6298\u53E0\u9762\u677F\u7684\u5185\u5BB9\uFF0C\u53EF\u4EE5\u5C55\u793A\u5757\u7EA7\u5143\u7D20\n\n:::\n\n:::\n";

package/dist/contants/slash-commands.js

@@ -255,7 +255,7 @@ export var slashCommands = [{
     }).run();
   }
 }, {
-  title: '警告提示',
+  title: '警告块',
   icon: /*#__PURE__*/React.createElement(Information2LineIcon, {
     sx: {
       fontSize: '1rem'

package/dist/extension/component/Link/Markdown.d.ts

@@ -0,0 +1,4 @@
+import { MarkViewProps } from "@tiptap/core";
+import React from "react";
+declare const LinkViewWrapper: React.FC<MarkViewProps>;
+export default LinkViewWrapper;