@ctzhian/tiptap 1.12.5 → 1.12.7

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

@@ -0,0 +1,40 @@
+import { useTheme } from "@mui/material/styles";
+import { MarkViewContent } from "@tiptap/react";
+import React, { useCallback } from "react";
+var LinkViewWrapper = function LinkViewWrapper(_ref) {
+  var _mark$attrs2, _mark$attrs3, _mark$attrs4;
+  var editor = _ref.editor,
+    mark = _ref.mark;
+  var theme = useTheme();
+  var handleClick = useCallback(function (e) {
+    var _mark$attrs;
+    if (mark !== null && mark !== void 0 && (_mark$attrs = mark.attrs) !== null && _mark$attrs !== void 0 && _mark$attrs.download) {
+      e.preventDefault();
+      var _href = mark.attrs.href;
+      if (_href) {
+        var link = document.createElement('a');
+        link.href = _href;
+        link.download = mark.attrs.download === '' ? _href.split('/').pop() || 'download' : mark.attrs.download;
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+      }
+    }
+  }, [mark]);
+  var href = (mark === null || mark === void 0 || (_mark$attrs2 = mark.attrs) === null || _mark$attrs2 === void 0 ? void 0 : _mark$attrs2.href) || '';
+  var target = (mark === null || mark === void 0 || (_mark$attrs3 = mark.attrs) === null || _mark$attrs3 === void 0 ? void 0 : _mark$attrs3.target) || '_blank';
+  var download = mark === null || mark === void 0 || (_mark$attrs4 = mark.attrs) === null || _mark$attrs4 === void 0 ? void 0 : _mark$attrs4.download;
+  return /*#__PURE__*/React.createElement(MarkViewContent, {
+    as: "a",
+    href: href,
+    target: download ? undefined : target,
+    download: download || undefined,
+    onClick: handleClick,
+    style: {
+      color: theme.palette.primary.main,
+      textDecoration: 'underline',
+      cursor: 'pointer'
+    }
+  });
+};
+export default LinkViewWrapper;

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

@@ -71,7 +71,7 @@ var SlashCommandsList = /*#__PURE__*/forwardRef(function (_ref, ref) {
         })
       }]
     }, {
-      label: '警告提示',
+      label: '警告块',
       key: 'highlight',
       icon: /*#__PURE__*/React.createElement(Information2LineIcon, {
         sx: {
@@ -89,7 +89,7 @@ var SlashCommandsList = /*#__PURE__*/forwardRef(function (_ref, ref) {
         }),
         onClick: function onClick() {
           var node = items.find(function (it) {
-            return it.title === '警告提示';
+            return it.title === '警告块';
           });
           if (node) command(_objectSpread(_objectSpread({}, node), {}, {
             attrs: {
@@ -109,7 +109,7 @@ var SlashCommandsList = /*#__PURE__*/forwardRef(function (_ref, ref) {
         }),
         onClick: function onClick() {
           var node = items.find(function (it) {
-            return it.title === '警告提示';
+            return it.title === '警告块';
           });
           if (node) command(_objectSpread(_objectSpread({}, node), {}, {
             attrs: {
@@ -129,7 +129,7 @@ var SlashCommandsList = /*#__PURE__*/forwardRef(function (_ref, ref) {
         }),
         onClick: function onClick() {
           var node = items.find(function (it) {
-            return it.title === '警告提示';
+            return it.title === '警告块';
           });
           if (node) command(_objectSpread(_objectSpread({}, node), {}, {
             attrs: {
@@ -149,7 +149,7 @@ var SlashCommandsList = /*#__PURE__*/forwardRef(function (_ref, ref) {
         }),
         onClick: function onClick() {
           var node = items.find(function (it) {
-            return it.title === '警告提示';
+            return it.title === '警告块';
           });
           if (node) command(_objectSpread(_objectSpread({}, node), {}, {
             attrs: {
@@ -169,7 +169,7 @@ var SlashCommandsList = /*#__PURE__*/forwardRef(function (_ref, ref) {
         }),
         onClick: function onClick() {
           var node = items.find(function (it) {
-            return it.title === '警告提示';
+            return it.title === '警告块';
           });
           if (node) command(_objectSpread(_objectSpread({}, node), {}, {
             attrs: {

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

@@ -14,6 +14,7 @@ import StarterKit from '@tiptap/starter-kit';
 import { PLACEHOLDER } from "../contants/placeholder";
 import { AiWritingExtension, SlashCommands, StructuredDiffExtension } from "./extension";
 import { CodeExtension } from "./mark/Code";
+import CustomLink from "./mark/Link";
 import { AlertExtension, AudioExtension, BlockAttachmentExtension, BlockLinkExtension, CodeBlockLowlightExtension, CustomBlockMathExtension, CustomHorizontalRule, CustomInlineMathExtension, CustomSubscript, CustomSuperscript, DetailsContentExtension, DetailsExtension, DetailsSummaryExtension, EmojiExtension, FileHandlerExtension, 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,
@@ -43,7 +44,15 @@ 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, VideoExtension({
+    onUpload: onUpload,
+    onError: onError,
+    onValidateUrl: onValidateUrl
+  }), AudioExtension({
+    onUpload: onUpload,
+    onError: onError,
+    onValidateUrl: onValidateUrl
+  })].concat(_toConsumableArray(TableExtension({
     editable: editable
   })), [TableOfContents({
     onTocUpdate: onTocUpdate
@@ -92,7 +101,7 @@ export var getExtensions = function getExtensions(_ref) {
     }
   })]);
   if (contentType === 'markdown') {
-    defaultExtensions.push(Markdown.configure({
+    defaultExtensions.push(CustomLink, Markdown.configure({
       indentation: {
         style: 'space',
         size: 2
@@ -104,15 +113,7 @@ export var getExtensions = function getExtensions(_ref) {
       }
     }));
   } else {
-    defaultExtensions.push.apply(defaultExtensions, [BlockLinkExtension, IframeExtension({
-      onError: onError,
-      onValidateUrl: onValidateUrl
-    }), VideoExtension({
-      onUpload: onUpload,
-      onError: onError,
-      onValidateUrl: onValidateUrl
-    }), AudioExtension({
-      onUpload: onUpload,
+    defaultExtensions.push.apply(defaultExtensions, [InlineLinkExtension, BlockLinkExtension, IframeExtension({
       onError: onError,
       onValidateUrl: onValidateUrl
     }), BlockAttachmentExtension({

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,85 @@
-// import { Link } from "@tiptap/extension-link";
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+// @ts-nocheck
 
-// 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 { Plugin, PluginKey } from '@tiptap/pm/state';
+import { ReactMarkViewRenderer } from "@tiptap/react";
+import LinkViewWrapper from "../component/Link/Markdown";
+var CustomLink = Link.extend({
+  addMarkView: function addMarkView() {
+    return ReactMarkViewRenderer(LinkViewWrapper);
+  },
+  addAttributes: function addAttributes() {
+    var _this$parent;
+    return _objectSpread(_objectSpread({}, (_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.call(this)), {}, {
+      download: {
+        default: null,
+        parseHTML: function parseHTML(element) {
+          return element.getAttribute('download');
+        },
+        renderHTML: function renderHTML(attributes) {
+          if (!attributes.download) {
+            return {};
+          }
+          return {
+            download: attributes.download
+          };
+        }
+      }
+    });
+  },
+  // 确保能够解析 HTML 中的 <a> 标签
+  parseHTML: function parseHTML() {
+    return [{
+      tag: 'a[href]',
+      getAttrs: function getAttrs(element) {
+        if (typeof element === 'string') return false;
+        var href = element.getAttribute('href');
+        if (!href) return false;
+        return {
+          href: href,
+          target: element.getAttribute('target') || '_blank',
+          download: element.getAttribute('download')
+        };
+      }
+    }];
+  },
+  renderHTML: function renderHTML(_ref) {
+    var HTMLAttributes = _ref.HTMLAttributes;
+    return ['a', HTMLAttributes, 0];
+  },
+  addProseMirrorPlugins: function addProseMirrorPlugins() {
+    return [new Plugin({
+      key: new PluginKey('linkDownloadHandler'),
+      props: {
+        handleDOMEvents: {
+          click: function click(view, event) {
+            var target = event.target;
+            var link = target.closest('a[download]');
+            if (link) {
+              var downloadAttr = link.getAttribute('download');
+              var href = link.getAttribute('href');
+              if (href && downloadAttr !== null) {
+                event.preventDefault();
+                var downloadLink = document.createElement('a');
+                downloadLink.href = href;
+                downloadLink.download = downloadAttr === '' ? href.split('/').pop() || 'download' : downloadAttr;
+                document.body.appendChild(downloadLink);
+                downloadLink.click();
+                document.body.removeChild(downloadLink);
+                return true;
+              }
+            }
+            return false;
+          }
+        }
+      }
+    })];
+  }
+});
+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/extension/node/Video.js

@@ -34,9 +34,6 @@ export var VideoExtension = function VideoExtension(props) {
     },
     addAttributes: function addAttributes() {
       return {
-        class: {
-          default: 'video-wrapper'
-        },
         src: {
           default: null,
           parseHTML: function parseHTML(element) {

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.5",
+  "version": "1.12.7",
   "description": "基于 Tiptap 二次开发的编辑器组件",
   "main": "dist/index.js",
   "module": "dist/index.js",