@ctzhian/tiptap 1.12.4 → 1.12.6

package/dist/EditorMarkdown/Toolbar.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import AceEditor from "react-ace";
+interface EditorMarkdownToolbarProps {
+    aceEditorRef: React.RefObject<AceEditor>;
+    isExpend?: boolean;
+}
+declare const EditorMarkdownToolbar: ({ aceEditorRef, isExpend }: EditorMarkdownToolbarProps) => React.JSX.Element;
+export default EditorMarkdownToolbar;

package/dist/EditorMarkdown/Toolbar.js

@@ -0,0 +1,670 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
+import { Box, Divider, Stack, Typography } from "@mui/material";
+import React from "react";
+import { AddCircleFillIcon, ArrowDownSLineIcon, BoldIcon, CheckboxCircleFillIcon, CloseCircleFillIcon, CodeBoxLineIcon, CodeLineIcon, DoubleQuotesLIcon, ErrorWarningFillIcon, FunctionsIcon, H1Icon, H2Icon, H3Icon, H4Icon, H5Icon, H6Icon, ImageLineIcon, Information2FillIcon, Information2LineIcon, ItalicIcon, LinkIcon, ListCheck3Icon, ListOrdered2Icon, ListUnorderedIcon, MarkPenLineIcon, MenuFold2FillIcon, SeparatorIcon, SquareRootIcon, StrikethroughIcon, SubscriptIcon, SuperscriptIcon, Table2Icon, UnderlineIcon, UserSmileFillIcon } from "../component/Icons";
+import Menu from "../component/Menu";
+import { ToolbarItem } from "../component/Toolbar";
+import TableSizePicker from "../component/Toolbar/TableSizePicker";
+var EditorMarkdownToolbar = function EditorMarkdownToolbar(_ref) {
+  var aceEditorRef = _ref.aceEditorRef,
+    isExpend = _ref.isExpend;
+  var insertTextAndFocusPositionRow = function insertTextAndFocusPositionRow(options) {
+    var _aceEditorRef$current;
+    var _options$position = options.position,
+      position = _options$position === void 0 ? 0 : _options$position,
+      _options$row = options.row,
+      row = _options$row === void 0 ? 0 : _options$row,
+      _options$block = options.block,
+      block = _options$block === void 0 ? false : _options$block;
+    var editor = (_aceEditorRef$current = aceEditorRef.current) === null || _aceEditorRef$current === void 0 ? void 0 : _aceEditorRef$current.editor;
+    if (!editor) return;
+    var cursor = editor.getCursorPosition();
+    var isEditorEmpty = editor.getValue().length === 0;
+    var text = options.text;
+    var curRow = cursor.row + row;
+    var curColumn = cursor.column + position;
+    if (block) {
+      curColumn = position;
+      text = "\n\n".concat(options.text);
+      curRow += 2;
+    }
+    if (isEditorEmpty) {
+      text = "".concat(options.text);
+    }
+    editor.insert(text);
+    editor.moveCursorTo(curRow, curColumn);
+    editor.focus();
+  };
+  var HeadingOptions = [{
+    id: '1',
+    icon: /*#__PURE__*/React.createElement(H1Icon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    label: '一级标题',
+    onClick: function onClick() {
+      insertTextAndFocusPositionRow({
+        text: '# ',
+        position: 2,
+        block: true
+      });
+    }
+  }, {
+    id: '2',
+    icon: /*#__PURE__*/React.createElement(H2Icon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    label: '二级标题',
+    onClick: function onClick() {
+      insertTextAndFocusPositionRow({
+        text: '## ',
+        position: 3,
+        block: true
+      });
+    }
+  }, {
+    id: '3',
+    icon: /*#__PURE__*/React.createElement(H3Icon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    label: '三级标题',
+    onClick: function onClick() {
+      insertTextAndFocusPositionRow({
+        text: '### ',
+        position: 4,
+        block: true
+      });
+    }
+  }, {
+    id: '4',
+    icon: /*#__PURE__*/React.createElement(H4Icon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    label: '四级标题',
+    onClick: function onClick() {
+      insertTextAndFocusPositionRow({
+        text: '#### ',
+        position: 5,
+        block: true
+      });
+    }
+  }, {
+    id: '5',
+    icon: /*#__PURE__*/React.createElement(H5Icon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    label: '五级标题',
+    onClick: function onClick() {
+      insertTextAndFocusPositionRow({
+        text: '##### ',
+        position: 6,
+        block: true
+      });
+    }
+  }, {
+    id: '6',
+    icon: /*#__PURE__*/React.createElement(H6Icon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    label: '六级标题',
+    onClick: function onClick() {
+      insertTextAndFocusPositionRow({
+        text: '###### ',
+        position: 7,
+        block: true
+      });
+    }
+  }];
+  var ToolList = [{
+    id: 'bold',
+    icon: /*#__PURE__*/React.createElement(BoldIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    label: '加粗',
+    onClick: function onClick() {
+      insertTextAndFocusPositionRow({
+        text: '****',
+        position: 2
+      });
+    }
+  }, {
+    id: 'italic',
+    icon: /*#__PURE__*/React.createElement(ItalicIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    label: '斜体',
+    onClick: function onClick() {
+      insertTextAndFocusPositionRow({
+        text: '**',
+        position: 1
+      });
+    }
+  }, {
+    id: 'strikethrough',
+    icon: /*#__PURE__*/React.createElement(StrikethroughIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    label: '删除线',
+    onClick: function onClick() {
+      insertTextAndFocusPositionRow({
+        text: '~~~~',
+        position: 2
+      });
+    }
+  }, {
+    id: 'underline',
+    icon: /*#__PURE__*/React.createElement(UnderlineIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    label: '下划线',
+    onClick: function onClick() {
+      insertTextAndFocusPositionRow({
+        text: '++++',
+        position: 2
+      });
+    }
+  }, {
+    id: 'highlight',
+    icon: /*#__PURE__*/React.createElement(MarkPenLineIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    label: '高亮',
+    onClick: function onClick() {
+      insertTextAndFocusPositionRow({
+        text: '====',
+        position: 2
+      });
+    }
+  }, {
+    id: 'superscript',
+    icon: /*#__PURE__*/React.createElement(SuperscriptIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    label: '上标',
+    onClick: function onClick() {
+      insertTextAndFocusPositionRow({
+        text: '^^',
+        position: 1
+      });
+    }
+  }, {
+    id: 'subscript',
+    icon: /*#__PURE__*/React.createElement(SubscriptIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    label: '下标',
+    onClick: function onClick() {
+      insertTextAndFocusPositionRow({
+        text: '~~',
+        position: 1
+      });
+    }
+  }, {
+    id: 'divider-1'
+  }, {
+    id: 'bullet-list',
+    icon: /*#__PURE__*/React.createElement(ListUnorderedIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    label: '无序列表',
+    onClick: function onClick() {
+      insertTextAndFocusPositionRow({
+        text: '- ',
+        position: 2,
+        block: true
+      });
+    }
+  }, {
+    id: 'ordered-list',
+    icon: /*#__PURE__*/React.createElement(ListOrdered2Icon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    label: '有序列表',
+    onClick: function onClick() {
+      insertTextAndFocusPositionRow({
+        text: '1. ',
+        position: 3,
+        block: true
+      });
+    }
+  }, {
+    id: 'task-list',
+    icon: /*#__PURE__*/React.createElement(ListCheck3Icon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    label: '任务列表',
+    onClick: function onClick() {
+      insertTextAndFocusPositionRow({
+        text: '- [ ] ',
+        position: 6,
+        block: true
+      });
+    }
+  }, {
+    id: 'divider-2'
+  }, {
+    id: 'inline-math',
+    icon: /*#__PURE__*/React.createElement(SquareRootIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    label: '行内数学公式',
+    onClick: function onClick() {
+      insertTextAndFocusPositionRow({
+        text: '$$',
+        position: 1
+      });
+    }
+  }, {
+    id: 'block-math',
+    icon: /*#__PURE__*/React.createElement(FunctionsIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    label: '块级数学公式',
+    onClick: function onClick() {
+      insertTextAndFocusPositionRow({
+        text: '$$\n\n$$',
+        row: 1,
+        block: true
+      });
+    }
+  }, {
+    id: 'code',
+    icon: /*#__PURE__*/React.createElement(CodeLineIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    label: '代码',
+    onClick: function onClick() {
+      insertTextAndFocusPositionRow({
+        text: '``',
+        position: 1
+      });
+    }
+  }, {
+    id: 'codeBlock',
+    icon: /*#__PURE__*/React.createElement(CodeBoxLineIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    label: '代码块',
+    onClick: function onClick() {
+      insertTextAndFocusPositionRow({
+        text: '```\n\n```',
+        row: 1,
+        block: true
+      });
+    }
+  }, {
+    id: 'divider-3'
+  }, {
+    id: 'link',
+    icon: /*#__PURE__*/React.createElement(LinkIcon, {
+      sx: {
+        fontSize: '1rem'
+      }
+    }),
+    label: '链接',
+    onClick: function onClick() {
+      insertTextAndFocusPositionRow({
+        text: '[]()',
+        position: 1
+      });
+    }
+  }];
+  return /*#__PURE__*/React.createElement(Stack, {
+    direction: 'row',
+    alignItems: 'center'
+  }, /*#__PURE__*/React.createElement(Menu, {
+    context: /*#__PURE__*/React.createElement(ToolbarItem, {
+      text: '插入',
+      icon: /*#__PURE__*/React.createElement(AddCircleFillIcon, {
+        sx: {
+          fontSize: '1rem'
+        }
+      })
+    }),
+    anchorOrigin: {
+      vertical: 'bottom',
+      horizontal: 'left'
+    },
+    transformOrigin: {
+      vertical: 'top',
+      horizontal: 'left'
+    },
+    arrowIcon: /*#__PURE__*/React.createElement(ArrowDownSLineIcon, {
+      sx: {
+        fontSize: '1rem',
+        transform: 'rotate(-90deg)'
+      }
+    }),
+    zIndex: isExpend ? 2100 : undefined,
+    list: [{
+      customLabel: /*#__PURE__*/React.createElement(Typography, {
+        sx: {
+          px: 1,
+          pt: 2,
+          fontSize: '12px',
+          color: 'text.disabled'
+        }
+      }, "\u901A\u7528"),
+      key: 'current-node'
+    }, {
+      label: '图片',
+      key: 'image',
+      icon: /*#__PURE__*/React.createElement(ImageLineIcon, {
+        sx: {
+          fontSize: '1rem'
+        }
+      }),
+      onClick: function onClick() {
+        return insertTextAndFocusPositionRow({
+          text: '![alt]()',
+          position: 7
+        });
+      }
+    }, {
+      label: '表格',
+      key: 'table',
+      icon: /*#__PURE__*/React.createElement(Table2Icon, {
+        sx: {
+          fontSize: '1rem'
+        }
+      }),
+      children: [{
+        key: 'table-size-picker',
+        customLabel: /*#__PURE__*/React.createElement(TableSizePicker, {
+          onConfirm: function onConfirm(cols, rows) {
+            var headerRow = "| ".concat(Array.from({
+              length: cols
+            }).map(function () {
+              return '';
+            }).join(' | '), " |\n");
+            var separatorRow = "| ".concat(Array.from({
+              length: cols
+            }).map(function () {
+              return '---';
+            }).join(' | '), " |\n");
+            var dataRows = Array.from({
+              length: rows
+            }).map(function () {
+              return "| ".concat(Array.from({
+                length: cols
+              }).map(function () {
+                return '';
+              }).join(' | '), " |\n");
+            }).join('');
+            var tableMarkdown = "".concat(headerRow).concat(separatorRow).concat(dataRows);
+            insertTextAndFocusPositionRow({
+              text: tableMarkdown,
+              position: 1,
+              block: true
+            });
+          }
+        })
+      }]
+    }, {
+      customLabel: /*#__PURE__*/React.createElement(Typography, {
+        sx: {
+          px: 1,
+          pt: 2,
+          fontSize: '12px',
+          color: 'text.disabled'
+        }
+      }, "\u6837\u5F0F\u5E03\u5C40"),
+      key: 'style'
+    }, {
+      label: '分割线',
+      key: 'separator',
+      icon: /*#__PURE__*/React.createElement(SeparatorIcon, {
+        sx: {
+          fontSize: '1rem'
+        }
+      }),
+      onClick: function onClick() {
+        return insertTextAndFocusPositionRow({
+          text: '---',
+          position: 3,
+          block: true
+        });
+      }
+    }, {
+      label: '引用',
+      key: 'blockquote',
+      icon: /*#__PURE__*/React.createElement(DoubleQuotesLIcon, {
+        sx: {
+          fontSize: '1rem'
+        }
+      }),
+      onClick: function onClick() {
+        return insertTextAndFocusPositionRow({
+          text: '> ',
+          position: 2,
+          block: true
+        });
+      }
+    }, {
+      label: '折叠面板',
+      key: 'details',
+      icon: /*#__PURE__*/React.createElement(MenuFold2FillIcon, {
+        sx: {
+          fontSize: '1rem'
+        }
+      }),
+      onClick: function onClick() {
+        return insertTextAndFocusPositionRow({
+          text: ':::details\n\n:::detailsSummary\n\n:::\n\n:::detailsContent\n\n:::\n\n:::\n',
+          row: 1,
+          block: true
+        });
+      }
+    }, {
+      label: '警告提示',
+      key: 'highlight',
+      icon: /*#__PURE__*/React.createElement(Information2LineIcon, {
+        sx: {
+          fontSize: '1rem'
+        }
+      }),
+      children: [{
+        label: '信息 Info',
+        key: 'info',
+        icon: /*#__PURE__*/React.createElement(Information2FillIcon, {
+          sx: {
+            fontSize: '1rem',
+            color: 'primary.main'
+          }
+        }),
+        onClick: function onClick() {
+          insertTextAndFocusPositionRow({
+            text: ':::alert {variant="info"}\n\n:::',
+            row: -1,
+            block: true
+          });
+        }
+      }, {
+        label: '警告 Warning',
+        key: 'warning',
+        icon: /*#__PURE__*/React.createElement(ErrorWarningFillIcon, {
+          sx: {
+            fontSize: '1rem',
+            color: 'warning.main'
+          }
+        }),
+        onClick: function onClick() {
+          insertTextAndFocusPositionRow({
+            text: ':::alert {variant="warning"}\n\n:::',
+            row: -1,
+            block: true
+          });
+        }
+      }, {
+        label: '错误 Error',
+        key: 'error',
+        icon: /*#__PURE__*/React.createElement(CloseCircleFillIcon, {
+          sx: {
+            fontSize: '1rem',
+            color: 'error.main'
+          }
+        }),
+        onClick: function onClick() {
+          insertTextAndFocusPositionRow({
+            text: ':::alert {variant="error"}\n\n:::',
+            row: -1,
+            block: true
+          });
+        }
+      }, {
+        label: '成功 Success',
+        key: 'success',
+        icon: /*#__PURE__*/React.createElement(CheckboxCircleFillIcon, {
+          sx: {
+            fontSize: '1rem',
+            color: 'success.main'
+          }
+        }),
+        onClick: function onClick() {
+          insertTextAndFocusPositionRow({
+            text: ':::alert {variant="success"}\n\n:::',
+            row: -1,
+            block: true
+          });
+        }
+      }, {
+        label: '默认 Default',
+        key: 'default',
+        icon: /*#__PURE__*/React.createElement(UserSmileFillIcon, {
+          sx: {
+            fontSize: '1rem',
+            color: 'text.disabled'
+          }
+        }),
+        onClick: function onClick() {
+          insertTextAndFocusPositionRow({
+            text: ':::alert {variant="default"}\n\n:::',
+            row: -1,
+            block: true
+          });
+        }
+      }]
+    }]
+  }), /*#__PURE__*/React.createElement(Divider, {
+    sx: {
+      mx: 0.5,
+      height: 20,
+      alignSelf: 'center'
+    },
+    orientation: "vertical",
+    flexItem: true
+  }), /*#__PURE__*/React.createElement(Menu, {
+    context: /*#__PURE__*/React.createElement(ToolbarItem, {
+      tip: '标题',
+      text: /*#__PURE__*/React.createElement(Box, {
+        sx: {
+          position: 'relative',
+          pr: 1
+        }
+      }, /*#__PURE__*/React.createElement(Box, {
+        sx: {
+          width: '38px',
+          textAlign: 'left'
+        }
+      }, "\u6807\u9898"), /*#__PURE__*/React.createElement(ArrowDownSLineIcon, {
+        sx: {
+          position: 'absolute',
+          right: -6,
+          top: '50%',
+          transform: 'translateY(-50%)',
+          flexSelf: 'center',
+          fontSize: '1rem',
+          flexShrink: 0,
+          mr: 0,
+          color: 'text.disabled',
+          cursor: 'pointer',
+          pointerEvents: 'none'
+        }
+      }))
+    }),
+    anchorOrigin: {
+      vertical: 'bottom',
+      horizontal: 'left'
+    },
+    transformOrigin: {
+      vertical: 'top',
+      horizontal: 'left'
+    },
+    arrowIcon: /*#__PURE__*/React.createElement(ArrowDownSLineIcon, {
+      sx: {
+        fontSize: '1rem',
+        transform: 'rotate(-90deg)'
+      }
+    }),
+    zIndex: isExpend ? 2100 : undefined,
+    list: _toConsumableArray(HeadingOptions.map(function (it) {
+      return {
+        label: it.label,
+        key: it.id,
+        icon: it.icon,
+        onClick: it.onClick
+      };
+    }))
+  }), ToolList.map(function (it) {
+    return it.id.includes('divider') ? /*#__PURE__*/React.createElement(Divider, {
+      key: it.id,
+      sx: {
+        mx: 0.5,
+        height: 20,
+        alignSelf: 'center'
+      },
+      orientation: "vertical",
+      flexItem: true
+    }) : /*#__PURE__*/React.createElement(ToolbarItem, {
+      key: it.id,
+      tip: it.label,
+      icon: it.icon,
+      onClick: it === null || it === void 0 ? void 0 : it.onClick
+    });
+  }));
+};
+export default EditorMarkdownToolbar;

package/dist/EditorMarkdown/demo.js

@@ -2,12 +2,21 @@ 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, { useState } from 'react';
 import "../index.css";
 var Reader = function Reader() {
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    mdContent = _useState2[0],
+    setMdContent = _useState2[1];
   var _useTiptap = useTiptap({
       editable: false,
       contentType: 'markdown',
@@ -67,58 +76,17 @@ var Reader = function Reader() {
         return onValidateUrl;
       }(),
       onSave: function onSave(editor) {
-        var value = editor.getMarkdown();
-        editor.chain().focus().setContent(value, {
-          contentType: 'markdown'
-        }).run();
+        // const value = editor.getMarkdown();
+        // editor.chain().focus().setContent(value, {
+        //   contentType: 'markdown'
+        // }).run()
       },
-      onAiWritingGetSuggestion: function () {
-        var _onAiWritingGetSuggestion = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref) {
-          var prefix, suffix;
+      onUpload: function () {
+        var _onUpload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(file, onProgress) {
           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;
@@ -146,16 +114,16 @@ var Reader = function Reader() {
                 }));
               case 1:
               case "end":
-                return _context3.stop();
+                return _context2.stop();
             }
-          }, _callee3);
+          }, _callee2);
         }));
-        function onUpload(_x4, _x5) {
+        function onUpload(_x3, _x4) {
           return _onUpload.apply(this, arguments);
         }
         return onUpload;
       }(),
-      content: MARKDOWN_EDITOR_PLACEHOLDER
+      content: mdContent
     }),
     editor = _useTiptap.editor;
   return /*#__PURE__*/React.createElement(EditorThemeProvider, {
@@ -173,7 +141,8 @@ var Reader = function Reader() {
   }, /*#__PURE__*/React.createElement(EditorMarkdown, {
     editor: editor,
     height: '500px',
-    value: MARKDOWN_EDITOR_PLACEHOLDER
+    value: mdContent,
+    onAceChange: setMdContent
   })));
 };
 export default Reader;

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';
@@ -26,7 +27,7 @@ var EditorMarkdown = /*#__PURE__*/forwardRef(function (_ref, ref) {
     height = _ref.height;
   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 +36,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 +97,42 @@ 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
+  }), /*#__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 +140,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 +151,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 +162,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/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/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;

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

@@ -0,0 +1,8 @@
+import { Box } from "@mui/material";
+import { MarkViewContent } from "@tiptap/react";
+import React from "react";
+var LinkViewWrapper = function LinkViewWrapper(_ref) {
+  var editor = _ref.editor;
+  return /*#__PURE__*/React.createElement(MarkViewContent, null, /*#__PURE__*/React.createElement(Box, null, "aaa"));
+};
+export default LinkViewWrapper;

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

@@ -7,6 +7,6 @@ export interface UploadProgressAttributes {
     tempId: string;
 }
 export declare const getFileIcon: (fileType: string) => React.JSX.Element;
-export declare const getFileTypeText: (fileType: string) => "图片" | "文件" | "音频" | "视频";
+export declare const getFileTypeText: (fileType: string) => "音频" | "图片" | "视频" | "文件";
 declare const UploadProgressView: React.FC<NodeViewProps>;
 export default UploadProgressView;

package/dist/extension/index.js

@@ -6,6 +6,7 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 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; }
 import Highlight from '@tiptap/extension-highlight';
 import InvisibleCharacters from '@tiptap/extension-invisible-characters';
+import Link from '@tiptap/extension-link';
 import TextAlign from '@tiptap/extension-text-align';
 import { TextStyleKit } from '@tiptap/extension-text-style';
 import { CharacterCount, Placeholder } from '@tiptap/extensions';
@@ -43,7 +44,7 @@ export var getExtensions = function getExtensions(_ref) {
       color: 'var(--mui-palette-primary-main)',
       width: 2
     }
-  }), TextStyleKit, CodeExtension, ListExtension, EmojiExtension, AlertExtension, CustomSubscript, DetailsExtension, CustomSuperscript, InlineLinkExtension, DetailsContentExtension, DetailsSummaryExtension, CodeBlockLowlightExtension, InlineUploadProgressExtension, YamlFormat, CustomHorizontalRule].concat(_toConsumableArray(TableExtension({
+  }), TextStyleKit, CodeExtension, ListExtension, EmojiExtension, AlertExtension, CustomSubscript, DetailsExtension, CustomSuperscript, DetailsContentExtension, DetailsSummaryExtension, CodeBlockLowlightExtension, InlineUploadProgressExtension, YamlFormat, CustomHorizontalRule].concat(_toConsumableArray(TableExtension({
     editable: editable
   })), [TableOfContents({
     onTocUpdate: onTocUpdate
@@ -92,7 +93,7 @@ export var getExtensions = function getExtensions(_ref) {
     }
   })]);
   if (contentType === 'markdown') {
-    defaultExtensions.push(Markdown.configure({
+    defaultExtensions.push.apply(defaultExtensions, [Link, Markdown.configure({
       indentation: {
         style: 'space',
         size: 2
@@ -102,9 +103,9 @@ export var getExtensions = function getExtensions(_ref) {
         breaks: false,
         pedantic: false
       }
-    }));
+    })]);
   } else {
-    defaultExtensions.push.apply(defaultExtensions, [BlockLinkExtension, IframeExtension({
+    defaultExtensions.push.apply(defaultExtensions, [InlineLinkExtension, BlockLinkExtension, IframeExtension({
       onError: onError,
       onValidateUrl: onValidateUrl
     }), VideoExtension({

package/dist/extension/mark/Link.d.ts

@@ -0,0 +1,2 @@
+declare const CustomLink: import("@tiptap/core").Mark<import("@tiptap/extension-link").LinkOptions, any>;
+export default CustomLink;

package/dist/extension/mark/Link.js

@@ -1,58 +1,11 @@
-// import { Link } from "@tiptap/extension-link";
-
-// const customLink = Link.extend({
-//   addAttributes() {
-//     return {
-//       ...(this.parent as any)?.(),
-//       type: {
-//         default: 'link',
-//         parseHTML: (element: HTMLElement) => {
-//           return element.getAttribute('data-type') || 'link'
-//         },
-//         renderHTML: (attributes: any) => {
-//           return {
-//             'data-type': attributes.type,
-//           }
-//         }
-//       },
-//       title: {
-//         default: '',
-//         parseHTML: (element: HTMLElement) => {
-//           return element.getAttribute('data-title') || ''
-//         },
-//         renderHTML: (attributes: any) => {
-//           return {
-//             'data-title': attributes.title,
-//           }
-//         }
-//       },
-//     }
-//   },
-//   addKeyboardShortcuts() {
-//     return {
-//       'Mod-k': () => {
-//         return this.editor.commands.setLink({ href: '' })
-//       }
-//     }
-//   },
-//   // addMarkView() {
-//   //   return ReactMarkViewRenderer(LinkViewWrapper, {
-//   //     as: 'a',
-//   //   })
-//   // }
-// })
-
-// export const LinkExtension = customLink.configure({
-//   autolink: true,
-//   openOnClick: true,
-//   enableClickSelection: true,
-//   linkOnPaste: true,
-//   protocols: ['http', 'https', 'mailto', 'tel'],
-//   defaultProtocol: 'http',
-//   HTMLAttributes: {
-//     rel: null,
-//     target: '_blank',
-//   },
-// })
-
-// export default LinkExtension
+import { Link } from "@tiptap/extension-link";
+import { ReactMarkViewRenderer } from "@tiptap/react";
+import LinkViewWrapper from "../component/Link/Markdown";
+var CustomLink = Link.extend({
+  addMarkView: function addMarkView() {
+    return ReactMarkViewRenderer(LinkViewWrapper, {
+      as: 'a'
+    });
+  }
+});
+export default CustomLink;

package/dist/extension/node/Link/index.js

@@ -199,25 +199,6 @@ export var InlineLinkExtension = Node.create({
     }
     return ['a', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), title];
   },
-  markdownTokenName: 'link',
-  parseMarkdown: function parseMarkdown(token, helpers) {
-    var content = helpers.parseInline(token.tokens || []);
-    return {
-      type: 'inlineLink',
-      attrs: {
-        href: token.href,
-        title: token.title || null,
-        type: 'text'
-      },
-      content: content
-    };
-  },
-  renderMarkdown: function renderMarkdown(node, h) {
-    var _node$attrs, _node$attrs2;
-    var href = ((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.href) || '';
-    var text = ((_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.title) || h.renderChildren(node) || '';
-    return "[".concat(text, "](").concat(href, ")");
-  },
   addCommands: function addCommands() {
     var _this3 = this;
     return {

package/dist/index.css

@@ -67,7 +67,7 @@
 /* blockquote */
 .tiptap.ProseMirror blockquote {
   position: relative;
-  padding-left: 12px;
+  padding: 8px 16px 8px 24px;
   margin: 8px 0;
   line-height: var(--common-row-line-height);
   color: var(--mui-palette-text-tertiary);

package/dist/type/index.d.ts

@@ -35,6 +35,7 @@ export interface MenuProps {
         anchorOrigin?: PopoverOrigin;
         transformOrigin?: PopoverOrigin;
     };
+    zIndex?: number;
 }
 export type ToolbarItemType = {
     id: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctzhian/tiptap",
-  "version": "1.12.4",
+  "version": "1.12.6",
   "description": "基于 Tiptap 二次开发的编辑器组件",
   "main": "dist/index.js",
   "module": "dist/index.js",