@ctzhian/tiptap 2.4.2 → 2.4.4

package/dist/EditorMarkdown/demo.js

@@ -13,7 +13,7 @@ import { Box } from '@mui/material';
 import React, { useCallback, useEffect, useState } from 'react';
 import "../index.css";
 var Reader = function Reader() {
-  var _useState = useState("本文用以记录 Gitlab 相关问题及解答\n\n## 我在使用 `git@git.in.chaitin.net:ns/repo` 时可以访问仓库，但是 `https://git.in.chaitin.net/ns/repo` 无法访问\n\n问题通常出现 git clone 与其他依赖 git 进行的操作，如 `go get` 等，具体报错可能为 `Permission Denied`.\n\n在使用 curl 借助 `CI_JOB_TOKEN` 获取其他仓库 cicd job 产物或者 generic package 时，其具体报错为 `404 Not Found` 的问题.\n\n原因是在使用 `git@git.in.chaitin.net` 时，使用的是 ssh 协议，此时默认使用的是 `~/.ssh` 下的私钥进行认证你在 gitlab 中添加的 `SSH Keys`。而使用 `https://git.in.chaitin.net/ns/repo` 时，使用的是 http 协议，此时默认使用的是 `~/.netrc` 认证你在 gitlab 中申请的 `Access tokens`。部分软件如 `go get` 默认使用的便是 http 来拉取代码，因此需要额外配置。\n\n这里推荐两种解决方案:\n\n1. 配置 `~/.netrc` 文件(推荐)\n\n   在 ~/.netrc 文件中添加以下配置:\n\n   ```text\n   machine git.in.chaitin.net login git password <your access token>\n   ```\n\n   在 gitlab cicd job 中遇到拉取其他仓库时遇到权限问题可以使用本配置，比如可以在 job 的 `before_script` 阶段添加以下命令:\n\n   ```shell\n   echo \"machine git.in.chaitin.net login git password $CI_JOB_TOKEN\" >> ~/.netrc\n   ```\n\n   注意: 其中 `$CI_JOB_TOKEN` 是 job 运行期间生成的 token，其权限与 trigger 用户相同，详见 [CI Job Token](https://docs.gitlab.com/ci/jobs/ci_job_token/)。其 Token 权限由 `pipeline 触发者`权限以及`目标仓库权限`共同决定。因此被拉取的目标仓库也需要保证其 `Setting -> CI/CD -> Job token permissions` 配置正确，允许源仓库的 CI/CD 能够访问到该仓库，否则依然会出现如 `404 Not Found`, `403 Forbidden` 的权限问题。（如果你是 pipeline 触发者，可以手动在浏览器通过 gitlab api 访问目标仓库的 generic package 或者 job artifact 如果可以正常下载，说明是 `Job token permissions` 问题）\n\n2. 配置 `git url replace`\n\n   在 ~/.gitconfig 文件中添加以下配置:\n\n   ```ini\n   [url \"git@git.in.chaitin.net:\"]\n     insteadOf = https://git.in.chaitin.net/\n   ```\n\n   这个配置可以将所有 `https://git.in.chaitin.net/` 请求替换为 `git@git.in.chaitin.net:` 使用 ssh 来拉取代码仓库\n\n## 我在 clone gitlab 仓库时没问题，但是 lfs 遇到了 EOF 问题\n\nEOF 在大多数情况下由代理导致，如果代理不允许客户端访问某个网站，行为可能是提早结束连接，导致 `EOF` 错误。如\n\n> 在 ubunu 虚拟机里无法拉取 safeline-aliyun 项目里的 lfs 文件怎么处理？\n\n```bash\nroot@OPS-5108:~/proj/safeline-aliyun# git lfs fetch --all\nfetch: 34 object(s) found, done.\nfetch: Fetching all references...\nbatch response: Post https://git.in.chaitin.net/patronus/safeline-aliyun.git/info/lfs/objects/batch: EOF\nerror: failed to fetch some objects from 'https://git.in.chaitin.net/patronus/safeline-aliyun.git/info/lfs'\n```\n\n可以看到返回了 EOF 问题，经查代理未配置在 git config 中。从 `env` 中可以看到用户配置了 *_proxy 但其中发现 `no_proxy` 配置不正确:\n\n```shell\nroot@OPS-5108:~/proj/safeline-aliyun# env | grep pro\nno_proxy=localhost, 127.0.0.1, ::1\nPWD=/root/proj/safeline-aliyun\nftp_proxy=http://proxy.in.chaitin.net:8123\nhttps_proxy=http://proxy.in.chaitin.net:8123\nproxy=http://proxy.in.chaitin.net:8123\nhttp_proxy=http://proxy.in.chaitin.net:8123\nOLDPWD=/root/proj\n```\n\n需要按照 [代理配置](https://info.chaitin.net/colab-editor/page/%E7%A0%94%E5%8F%91%E4%BD%93%E7%B3%BB%2F%E7%A0%94%E5%8F%91%E6%94%AF%E6%8C%81%2F%E4%BB%A3%E7%90%86%E6%89%AB%E7%9B%B2) 进行正确配置后，重新执行操作，发现 EOF 问题被解决。\n\n## 我在访问公司内部服务时报错 `x509: certificate signed by unknown authority`\n\n公司部分内部服务采用自签名证书，导致客户端在访问这些服务时会遇到 `x509: certificate signed by unknown authority` 错误。为了确保客户端能够信任这些自签名证书，你需要配置信任自签名证书即 CA。\n\n以 debian 系系统举例:\n\n```shell\ncurl -o /usr/local/share/ca-certificates/chaitin_ca.crt -L https://chaitin-ops-public.cn-beijing.oss.aliyuncs.com/Chaitin_Ltd_Root_CA.pem\nupdate-ca-certificates\n```\n\n如果无法访问外网，可以尝试 `http://s3-ephemeral.in.chaitin.net/dev/Chaitin_Ltd_Root_CA.pem`\n\n其他系统 CA 证书安装请参考 [安装CA证书](https://info.chaitin.net/colab-editor/page/IT%E5%8A%9E%E5%85%AC/%E5%8A%9E%E5%85%AC%E7%BD%91%E7%BB%9C/windows%E7%94%A8%E6%88%B7/%E5%A4%87%E9%80%89%E6%96%B9%E6%A1%88%EF%BC%88Windows%EF%BC%89/%E8%AF%81%E4%B9%A6%E5%AE%89%E8%A3%85%28windows%29/%E9%95%BF%E4%BA%AD%E6%A0%B9%E8%AF%81%E4%B9%A6%E5%AE%89%E8%A3%85%28windows%29)\n"),
+  var _useState = useState(":wolf:\n\n本文用以记录 Gitlab 相关问题及解答\n\n## 我在使用 `git@git.in.chaitin.net:ns/repo` 时可以访问仓库，但是 `https://git.in.chaitin.net/ns/repo` 无法访问\n\n问题通常出现 git clone 与其他依赖 git 进行的操作，如 `go get` 等，具体报错可能为 `Permission Denied`.\n\n在使用 curl 借助 `CI_JOB_TOKEN` 获取其他仓库 cicd job 产物或者 generic package 时，其具体报错为 `404 Not Found` 的问题.\n\n原因是在使用 `git@git.in.chaitin.net` 时，使用的是 ssh 协议，此时默认使用的是 `~/.ssh` 下的私钥进行认证你在 gitlab 中添加的 `SSH Keys`。而使用 `https://git.in.chaitin.net/ns/repo` 时，使用的是 http 协议，此时默认使用的是 `~/.netrc` 认证你在 gitlab 中申请的 `Access tokens`。部分软件如 `go get` 默认使用的便是 http 来拉取代码，因此需要额外配置。\n\n这里推荐两种解决方案:\n\n1. 配置 `~/.netrc` 文件(推荐)\n\n   在 ~/.netrc 文件中添加以下配置:\n\n   ```text\n   machine git.in.chaitin.net login git password <your access token>\n   ```\n\n   在 gitlab cicd job 中遇到拉取其他仓库时遇到权限问题可以使用本配置，比如可以在 job 的 `before_script` 阶段添加以下命令:\n\n   ```shell\n   echo \"machine git.in.chaitin.net login git password $CI_JOB_TOKEN\" >> ~/.netrc\n   ```\n\n   注意: 其中 `$CI_JOB_TOKEN` 是 job 运行期间生成的 token，其权限与 trigger 用户相同，详见 [CI Job Token](https://docs.gitlab.com/ci/jobs/ci_job_token/)。其 Token 权限由 `pipeline 触发者`权限以及`目标仓库权限`共同决定。因此被拉取的目标仓库也需要保证其 `Setting -> CI/CD -> Job token permissions` 配置正确，允许源仓库的 CI/CD 能够访问到该仓库，否则依然会出现如 `404 Not Found`, `403 Forbidden` 的权限问题。（如果你是 pipeline 触发者，可以手动在浏览器通过 gitlab api 访问目标仓库的 generic package 或者 job artifact 如果可以正常下载，说明是 `Job token permissions` 问题）\n\n2. 配置 `git url replace`\n\n   在 ~/.gitconfig 文件中添加以下配置:\n\n   ```ini\n   [url \"git@git.in.chaitin.net:\"]\n     insteadOf = https://git.in.chaitin.net/\n   ```\n\n   这个配置可以将所有 `https://git.in.chaitin.net/` 请求替换为 `git@git.in.chaitin.net:` 使用 ssh 来拉取代码仓库\n\n## 我在 clone gitlab 仓库时没问题，但是 lfs 遇到了 EOF 问题\n\nEOF 在大多数情况下由代理导致，如果代理不允许客户端访问某个网站，行为可能是提早结束连接，导致 `EOF` 错误。如\n\n> 在 ubunu 虚拟机里无法拉取 safeline-aliyun 项目里的 lfs 文件怎么处理？\n\n```bash\nroot@OPS-5108:~/proj/safeline-aliyun# git lfs fetch --all\nfetch: 34 object(s) found, done.\nfetch: Fetching all references...\nbatch response: Post https://git.in.chaitin.net/patronus/safeline-aliyun.git/info/lfs/objects/batch: EOF\nerror: failed to fetch some objects from 'https://git.in.chaitin.net/patronus/safeline-aliyun.git/info/lfs'\n```\n\n可以看到返回了 EOF 问题，经查代理未配置在 git config 中。从 `env` 中可以看到用户配置了 *_proxy 但其中发现 `no_proxy` 配置不正确:\n\n```shell\nroot@OPS-5108:~/proj/safeline-aliyun# env | grep pro\nno_proxy=localhost, 127.0.0.1, ::1\nPWD=/root/proj/safeline-aliyun\nftp_proxy=http://proxy.in.chaitin.net:8123\nhttps_proxy=http://proxy.in.chaitin.net:8123\nproxy=http://proxy.in.chaitin.net:8123\nhttp_proxy=http://proxy.in.chaitin.net:8123\nOLDPWD=/root/proj\n```\n\n需要按照 [代理配置](https://info.chaitin.net/colab-editor/page/%E7%A0%94%E5%8F%91%E4%BD%93%E7%B3%BB%2F%E7%A0%94%E5%8F%91%E6%94%AF%E6%8C%81%2F%E4%BB%A3%E7%90%86%E6%89%AB%E7%9B%B2) 进行正确配置后，重新执行操作，发现 EOF 问题被解决。\n\n## 我在访问公司内部服务时报错 `x509: certificate signed by unknown authority`\n\n公司部分内部服务采用自签名证书，导致客户端在访问这些服务时会遇到 `x509: certificate signed by unknown authority` 错误。为了确保客户端能够信任这些自签名证书，你需要配置信任自签名证书即 CA。\n\n以 debian 系系统举例:\n\n```shell\ncurl -o /usr/local/share/ca-certificates/chaitin_ca.crt -L https://chaitin-ops-public.cn-beijing.oss.aliyuncs.com/Chaitin_Ltd_Root_CA.pem\nupdate-ca-certificates\n```\n\n如果无法访问外网，可以尝试 `http://s3-ephemeral.in.chaitin.net/dev/Chaitin_Ltd_Root_CA.pem`\n\n其他系统 CA 证书安装请参考 [安装CA证书](https://info.chaitin.net/colab-editor/page/IT%E5%8A%9E%E5%85%AC/%E5%8A%9E%E5%85%AC%E7%BD%91%E7%BB%9C/windows%E7%94%A8%E6%88%B7/%E5%A4%87%E9%80%89%E6%96%B9%E6%A1%88%EF%BC%88Windows%EF%BC%89/%E8%AF%81%E4%B9%A6%E5%AE%89%E8%A3%85%28windows%29/%E9%95%BF%E4%BA%AD%E6%A0%B9%E8%AF%81%E4%B9%A6%E5%AE%89%E8%A3%85%28windows%29)\n"),
     _useState2 = _slicedToArray(_useState, 2),
     mdContent = _useState2[0],
     setMdContent = _useState2[1];
@@ -157,9 +157,7 @@ var Reader = function Reader() {
     editor: editor,
     height: '500px',
     value: mdContent,
-    splitMode: true
-    // showToolbar={false}
-    ,
+    splitMode: true,
     defaultDisplayMode: "split",
     placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9",
     onUpload: onUpload,

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.d.ts

@@ -1,2 +1,2 @@
 import { GetExtensionsProps } from '../type';
-export declare const getExtensions: ({ contentType, limit, exclude, extensions: extensionsProps, youtube, editable, mentionItems, onMentionFilter, onUpload, onError, onTocUpdate, onAiWritingGetSuggestion, onValidateUrl, placeholder, tableOfContentsOptions, }: GetExtensionsProps) => any;
+export declare const getExtensions: ({ limit, exclude, extensions: extensionsProps, editable, mentionItems, onMentionFilter, onUpload, onError, onTocUpdate, onAiWritingGetSuggestion, onValidateUrl, placeholder, youtubeOptions, tableOfContentsOptions, }: GetExtensionsProps) => any;

package/dist/extension/index.js

@@ -16,11 +16,9 @@ import { AiWritingExtension, ImeComposition, SlashCommands, StructuredDiffExtens
 import { CodeExtension } from "./mark/Code";
 import { AlertExtension, AudioExtension, BlockAttachmentExtension, BlockLinkExtension, CodeBlockLowlightExtension, CustomBlockMathExtension, CustomHorizontalRule, CustomInlineMathExtension, CustomSubscript, CustomSuperscript, DetailsContentExtension, DetailsExtension, DetailsSummaryExtension, EmojiExtension, FileHandlerExtension, FlowExtension, IframeExtension, ImageExtension, Indent, InlineAttachmentExtension, InlineLinkExtension, InlineUploadProgressExtension, ListExtension, MentionExtension, TableExtension, TableOfContents, UploadProgressExtension, VerticalAlign, VideoExtension, YamlFormat, YoutubeExtension } from "./node";
 export var getExtensions = function getExtensions(_ref) {
-  var contentType = _ref.contentType,
-    limit = _ref.limit,
+  var limit = _ref.limit,
     exclude = _ref.exclude,
     extensionsProps = _ref.extensions,
-    youtube = _ref.youtube,
     editable = _ref.editable,
     mentionItems = _ref.mentionItems,
     onMentionFilter = _ref.onMentionFilter,
@@ -30,6 +28,7 @@ export var getExtensions = function getExtensions(_ref) {
     onAiWritingGetSuggestion = _ref.onAiWritingGetSuggestion,
     onValidateUrl = _ref.onValidateUrl,
     _placeholder = _ref.placeholder,
+    youtubeOptions = _ref.youtubeOptions,
     tableOfContentsOptions = _ref.tableOfContentsOptions;
   var defaultExtensions = [ImeComposition, StarterKit.configure({
     link: false,
@@ -45,7 +44,16 @@ export var getExtensions = function getExtensions(_ref) {
       color: 'var(--mui-palette-primary-main)',
       width: 2
     }
-  }), TextStyleKit, CodeExtension, ListExtension, EmojiExtension, AlertExtension, CustomSubscript, DetailsExtension, CustomSuperscript, DetailsContentExtension, DetailsSummaryExtension, CodeBlockLowlightExtension, InlineUploadProgressExtension, YamlFormat, InlineLinkExtension, BlockLinkExtension, CustomHorizontalRule, IframeExtension({
+  }), YamlFormat, TextStyleKit, CodeExtension, ListExtension, EmojiExtension, AlertExtension, CustomSubscript, DetailsExtension, CustomSuperscript, DetailsContentExtension, DetailsSummaryExtension, CodeBlockLowlightExtension, InlineUploadProgressExtension, CustomHorizontalRule].concat(_toConsumableArray(TableExtension({
+    editable: editable
+  })), [CustomBlockMathExtension({
+    onError: onError
+  }), CustomInlineMathExtension({
+    onError: onError
+  }), TableOfContents({
+    onTocUpdate: onTocUpdate,
+    tableOfContentsOptions: tableOfContentsOptions
+  }), InlineLinkExtension, BlockLinkExtension, IframeExtension({
     onError: onError,
     onValidateUrl: onValidateUrl
   }), VideoExtension({
@@ -56,19 +64,10 @@ export var getExtensions = function getExtensions(_ref) {
     onUpload: onUpload,
     onError: onError,
     onValidateUrl: onValidateUrl
-  })].concat(_toConsumableArray(TableExtension({
-    editable: editable
-  })), [TableOfContents({
-    onTocUpdate: onTocUpdate,
-    tableOfContentsOptions: tableOfContentsOptions
   }), ImageExtension({
     onUpload: onUpload,
     onError: onError,
     onValidateUrl: onValidateUrl
-  }), CustomBlockMathExtension({
-    onError: onError
-  }), CustomInlineMathExtension({
-    onError: onError
   }), InlineAttachmentExtension({
     onUpload: onUpload,
     onError: onError
@@ -163,7 +162,7 @@ export var getExtensions = function getExtensions(_ref) {
     defaultExtensions.push(Mention);
   }
   if (!(exclude !== null && exclude !== void 0 && exclude.includes('youtube'))) {
-    var Youtube = YoutubeExtension(youtube);
+    var Youtube = YoutubeExtension(youtubeOptions);
     defaultExtensions.push(Youtube);
   }
   if (!(exclude !== null && exclude !== void 0 && exclude.includes('flow'))) {

package/dist/extension/node/Emoji.js

@@ -1,6 +1,68 @@
-import Emoji, { gitHubEmojis } from "@tiptap/extension-emoji";
+import Emoji, { emojiToShortcode, gitHubEmojis, shortcodeToEmoji } from "@tiptap/extension-emoji";
 import { emojiSuggestion } from "../suggestion/emoji";
-export var EmojiExtension = Emoji.configure({
+var EMOJI_SHORTCODE_REGEX = /^:([a-zA-Z0-9_+-]+):/;
+function extractEmojiName(token) {
+  if (token.name) {
+    return token.name;
+  }
+  if (token.shortcode) {
+    var emojiItem = shortcodeToEmoji(token.shortcode, gitHubEmojis);
+    if (emojiItem) {
+      return emojiItem.name;
+    }
+  }
+  if (typeof token.markup === 'string' && token.markup.startsWith(':') && token.markup.endsWith(':')) {
+    var shortcode = token.markup.slice(1, -1);
+    var _emojiItem = shortcodeToEmoji(shortcode, gitHubEmojis);
+    if (_emojiItem) {
+      return _emojiItem.name;
+    }
+  }
+  if (typeof token.emoji === 'string' && token.emoji) {
+    var _shortcode = emojiToShortcode(token.emoji, gitHubEmojis);
+    if (_shortcode) {
+      return _shortcode;
+    }
+  }
+  return null;
+}
+export var EmojiExtension = Emoji.extend({
+  markdownTokenName: 'emoji',
+  markdownTokenizer: {
+    name: 'emoji',
+    level: 'inline',
+    start: function start(src) {
+      return src.indexOf(':');
+    },
+    tokenize: function tokenize(src, _tokens, helpers) {
+      var match = EMOJI_SHORTCODE_REGEX.exec(src);
+      if (!match) {
+        return;
+      }
+      var shortcode = match[1];
+      var emojiItem = shortcodeToEmoji(shortcode, gitHubEmojis);
+      if (!emojiItem) {
+        return;
+      }
+      return {
+        type: 'emoji',
+        raw: match[0],
+        name: emojiItem.name,
+        shortcode: shortcode,
+        emoji: emojiItem.emoji || ''
+      };
+    }
+  },
+  parseMarkdown: function parseMarkdown(token, helpers) {
+    var name = extractEmojiName(token);
+    if (!name) {
+      return [];
+    }
+    return helpers.createNode('emoji', {
+      name: name
+    });
+  }
+}).configure({
   emojis: gitHubEmojis,
   enableEmoticons: true,
   suggestion: emojiSuggestion

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

@@ -1,4 +1,4 @@
 import { UploadFunction } from "../../type";
 export declare const FileHandlerExtension: (props: {
     onUpload?: UploadFunction;
-}) => import("@tiptap/core").Extension<Omit<import("@tiptap/extension-file-handler").FileHandlePluginOptions, "key" | "editor">, any>;
+}) => import("@tiptap/core").Extension<Omit<import("@tiptap/extension-file-handler").FileHandlePluginOptions, "editor" | "key">, any>;

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

@@ -1,5 +1,5 @@
 import { Extension } from '@tiptap/core';
 export declare const TableExtension: ({ editable }: {
     editable: boolean;
-}) => (import("@tiptap/core").Node<import("@tiptap/extension-table").TableOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-table").TableHeaderOptions, any> | Extension<any, any>)[];
+}) => (Extension<any, any> | import("@tiptap/core").Node<import("@tiptap/extension-table").TableOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-table").TableHeaderOptions, any>)[];
 export default TableExtension;

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

@@ -1,3 +1,3 @@
 import { YoutubeOptions } from "@tiptap/extension-youtube";
-export declare const YoutubeExtension: (youtube?: Partial<YoutubeOptions>) => import("@tiptap/core").Node<YoutubeOptions, any>;
+export declare const YoutubeExtension: (youtubeOptions?: Partial<YoutubeOptions>) => import("@tiptap/core").Node<YoutubeOptions, any>;
 export default YoutubeExtension;

package/dist/extension/node/Youtube.js

@@ -5,10 +5,10 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import Youtube from "@tiptap/extension-youtube";
-export var YoutubeExtension = function YoutubeExtension(youtube) {
+export var YoutubeExtension = function YoutubeExtension(youtubeOptions) {
   return Youtube.configure(_objectSpread({
     ccLanguage: 'zh-CN',
     nocookie: true
-  }, youtube));
+  }, youtubeOptions));
 };
 export default YoutubeExtension;

package/dist/hook/index.d.ts

@@ -1,4 +1,4 @@
 import { UseTiptapProps, UseTiptapReturn } from "../type";
 import { UseEditorOptions } from '@tiptap/react';
-declare const useTiptap: ({ exclude, extensions: extensionsProps, mentionItems, onMentionFilter, onSave, onError, onUpload, onTocUpdate, onAiWritingGetSuggestion, onValidateUrl, editable, contentType, placeholder, tableOfContentsOptions, ...options }: UseTiptapProps & UseEditorOptions) => UseTiptapReturn;
+declare const useTiptap: ({ editable, contentType, onSave, onError, ...options }: UseTiptapProps & UseEditorOptions) => UseTiptapReturn;
 export default useTiptap;

package/dist/hook/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["exclude", "extensions", "mentionItems", "onMentionFilter", "onSave", "onError", "onUpload", "onTocUpdate", "onAiWritingGetSuggestion", "onValidateUrl", "editable", "contentType", "placeholder", "tableOfContentsOptions"];
+var _excluded = ["editable", "contentType", "onSave", "onError"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -11,37 +11,17 @@ import { getExtensions } from "../extension";
 import { migrateMathStrings } from '@tiptap/extension-mathematics';
 import { useEditor } from '@tiptap/react';
 var useTiptap = function useTiptap(_ref) {
-  var exclude = _ref.exclude,
-    extensionsProps = _ref.extensions,
-    mentionItems = _ref.mentionItems,
-    onMentionFilter = _ref.onMentionFilter,
+  var _ref$editable = _ref.editable,
+    editable = _ref$editable === void 0 ? true : _ref$editable,
+    _ref$contentType = _ref.contentType,
+    contentType = _ref$contentType === void 0 ? 'html' : _ref$contentType,
     onSave = _ref.onSave,
     onError = _ref.onError,
-    onUpload = _ref.onUpload,
-    onTocUpdate = _ref.onTocUpdate,
-    onAiWritingGetSuggestion = _ref.onAiWritingGetSuggestion,
-    onValidateUrl = _ref.onValidateUrl,
-    _ref$editable = _ref.editable,
-    editable = _ref$editable === void 0 ? true : _ref$editable,
-    contentType = _ref.contentType,
-    placeholder = _ref.placeholder,
-    tableOfContentsOptions = _ref.tableOfContentsOptions,
     options = _objectWithoutProperties(_ref, _excluded);
-  var extensions = getExtensions({
-    contentType: contentType,
-    exclude: exclude,
-    extensions: extensionsProps,
+  var extensions = getExtensions(_objectSpread({
     editable: editable,
-    mentionItems: mentionItems,
-    onMentionFilter: onMentionFilter,
-    onUpload: onUpload,
-    onError: onError,
-    onTocUpdate: onTocUpdate,
-    onAiWritingGetSuggestion: onAiWritingGetSuggestion,
-    onValidateUrl: onValidateUrl,
-    placeholder: placeholder,
-    tableOfContentsOptions: tableOfContentsOptions
-  });
+    onError: onError
+  }, options));
   var editor = useEditor(_objectSpread(_objectSpread(_objectSpread({
     editable: editable,
     extensions: extensions
@@ -50,16 +30,13 @@ var useTiptap = function useTiptap(_ref) {
   } : {}), options), {}, {
     editorProps: {
       handleKeyDown: function handleKeyDown(view, event) {
-        // 编辑模式下保存
-        if (event.key === 's' && (event.metaKey || event.ctrlKey) && editable && onSave) {
+        if (editable && event.key === 's' && (event.metaKey || event.ctrlKey) && onSave) {
           event.preventDefault();
           onSave === null || onSave === void 0 || onSave(editor);
           return true;
         }
-        // tab
         if (event.key === 'Tab') {
           var _storage;
-          // 若开启了 aiWriting，则放行给扩展处理（Tab 接受建议），不再插入制表符
           var aiWritingEnabled = !!(editor !== null && editor !== void 0 && (_storage = editor.storage) !== null && _storage !== void 0 && (_storage = _storage.aiWriting) !== null && _storage !== void 0 && _storage.enabled);
           if (aiWritingEnabled) {
             return false;
@@ -81,7 +58,6 @@ var useTiptap = function useTiptap(_ref) {
       (_options$onCreate = options.onCreate) === null || _options$onCreate === void 0 || _options$onCreate.call(options, {
         editor: currentEditor
       });
-      // 处理数学公式 - 延迟执行确保文档完全准备好
       setTimeout(function () {
         try {
           migrateMathStrings(currentEditor);
@@ -90,26 +66,16 @@ var useTiptap = function useTiptap(_ref) {
           onError === null || onError === void 0 || onError(error);
         }
       }, 100);
-    },
-    onSelectionUpdate: function onSelectionUpdate(props) {
-      if (options.onSelectionUpdate) {
-        options.onSelectionUpdate(props);
-      }
-    },
-    onContentError: function onContentError(props) {
-      if (options.onContentError) {
-        options.onContentError(props);
-      }
-      onError === null || onError === void 0 || onError(props.error);
     }
   }));
   return {
     editor: editor,
     setContent: function setContent(value, type) {
-      var _editor$chain;
-      editor === null || editor === void 0 || (_editor$chain = editor.chain()) === null || _editor$chain === void 0 || (_editor$chain = _editor$chain.focus()) === null || _editor$chain === void 0 || (_editor$chain = _editor$chain.setContent(value, {
+      var _editor$chain$focus$s;
+      if (!editor) return;
+      (_editor$chain$focus$s = editor.chain().focus().setContent(value, {
         contentType: type || (contentType === 'markdown' ? 'markdown' : 'html')
-      })) === null || _editor$chain === void 0 || _editor$chain.run();
+      })) === null || _editor$chain$focus$s === void 0 || _editor$chain$focus$s.run();
     },
     getContent: function getContent() {
       if (!editor) return '';
@@ -123,13 +89,16 @@ var useTiptap = function useTiptap(_ref) {
       return editor.getMarkdown();
     },
     getText: function getText() {
-      return (editor === null || editor === void 0 ? void 0 : editor.getText()) || '';
+      if (!editor) return '';
+      return editor.getText() || '';
     },
     getHTML: function getHTML() {
-      return (editor === null || editor === void 0 ? void 0 : editor.getHTML()) || '';
+      if (!editor) return '';
+      return editor.getHTML() || '';
     },
     getJSON: function getJSON() {
-      return (editor === null || editor === void 0 ? void 0 : editor.getJSON()) || null;
+      if (!editor) return null;
+      return editor.getJSON() || null;
     }
   };
 };

package/dist/index.css

@@ -4,6 +4,9 @@
   --common-row-font-size: 16px;
   --common-row-line-height: 1.625;
   --udtoken-quote-bar-bg: #bbbfc4;
+
+  --table-head-background-color: #f2f3f5;
+  --table-cell-border-color: #dee0e3;
 }
 
 .tiptap.ProseMirror {
@@ -359,7 +362,7 @@
   table-layout: fixed;
   overflow: hidden;
   caption-side: top;
-  border-left: 1px dotted var(--mui-palette-table-cell-border);
+  border-left: 1px dotted var(--mui-palette-table-cell-border, --table-cell-border-color);
 }
 
 .tiptap.ProseMirror table p {
@@ -374,8 +377,8 @@
 .tiptap.ProseMirror table td,
 .tiptap.ProseMirror table th {
   border: none;
-  border-bottom: 1px solid var(--mui-palette-table-cell-border);
-  border-right: 1px dotted var(--mui-palette-table-cell-border);
+  border-bottom: 1px solid var(--mui-palette-table-cell-border, --table-cell-border-color);
+  border-right: 1px dotted var(--mui-palette-table-cell-border, --table-cell-border-color);
   box-sizing: border-box;
   padding: 12px 16px;
   position: relative;
@@ -386,7 +389,7 @@
 
 .tiptap.ProseMirror table tbody tr:first-child th,
 .tiptap.ProseMirror table tbody tr:first-child td {
-  border-top: 1px solid var(--mui-palette-table-cell-border);
+  border-top: 1px solid var(--mui-palette-table-cell-border, --table-cell-border-color);
 }
 
 .tiptap.ProseMirror table td>*,
@@ -399,7 +402,7 @@
   text-transform: uppercase;
   letter-spacing: 0.5px;
   text-align: left;
-  background-color: var(--mui-palette-table-head-background);
+  background-color: var(--mui-palette-table-head-background, --table-head-background-color);
 }
 
 .tiptap.ProseMirror[contenteditable="true"] table .selectedCell * {

package/dist/type/index.d.ts

@@ -76,13 +76,28 @@ export type TocItem = {
 export type TocList = TocItem[];
 export type ValidateUrlFunction = (url: string, type: 'image' | 'video' | 'audio' | 'iframe') => Promise<string> | string;
 export type EditorFnProps = {
+    /**
+     * 错误处理
+     */
     onError?: (error: Error) => void;
+    /**
+     * 上传处理
+     */
     onUpload?: UploadFunction;
+    /**
+     * 目录更新
+     */
     onTocUpdate?: (toc: TocList) => void;
+    /**
+     * AI 写作建议
+     */
     onAiWritingGetSuggestion?: ({ prefix, suffix }: {
         prefix: string;
         suffix: string;
     }) => Promise<string>;
+    /**
+     * 验证 URL
+     */
     onValidateUrl?: ValidateUrlFunction;
 };
 export type MentionItems = string[];
@@ -92,16 +107,41 @@ export type MentionExtensionProps = {
         query: string;
     }) => Promise<MentionItems>;
 };
-export type ExtensionRelativeProps = MentionExtensionProps & EditorFnProps & {
+export type NodeOrMetaOrSuggestionOrExtensionOptions = {
+    youtubeOptions?: Partial<YoutubeOptions>;
+    tableOfContentsOptions?: Partial<TableOfContentsOptions>;
+};
+export type BaseExtensionOptions = {
+    /**
+     * 字数限制
+     */
     limit?: number | null;
+    /**
+     * 排除的扩展
+     */
     exclude?: string[];
+    /**
+     * 扩展
+     * @default []
+     */
     extensions?: Extension[];
+    /**
+     * 是否可编辑
+     * @default true
+     */
     editable: boolean;
-    youtube?: Partial<YoutubeOptions>;
+    /**
+     * 内容类型
+     * @default 'html'
+     * @description 支持 'html' 和 'markdown' 和 'json'
+     */
     contentType?: UseEditorOptions['contentType'];
+    /**
+     * 占位符
+     */
     placeholder?: string;
-    tableOfContentsOptions?: TableOfContentsOptions;
 };
+export type ExtensionRelativeProps = MentionExtensionProps & NodeOrMetaOrSuggestionOrExtensionOptions & EditorFnProps & BaseExtensionOptions;
 export type UseTiptapProps = {
     onSave?: (editor: Editor) => void;
 } & ExtensionRelativeProps;

package/package.json

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