@ctzhian/tiptap 0.4.0

package/dist/contants/shortcut-key.d.ts

@@ -0,0 +1,48 @@
+export declare const MAC_SYMBOLS: {
+    ctrl: string;
+    alt: string;
+    shift: string;
+    enter: string;
+};
+export declare const SHORTCUT_KEYS: {
+    Essentials: {
+        label: string;
+        keys: {
+            label: string;
+            value: string;
+            keys: string[];
+        }[];
+    };
+    Insert: {
+        label: string;
+        keys: {
+            label: string;
+            value: string;
+            keys: string[];
+        }[];
+    };
+    'Text Formatting': {
+        label: string;
+        keys: {
+            label: string;
+            value: string;
+            keys: string[];
+        }[];
+    };
+    'Paragraph Formatting': {
+        label: string;
+        keys: {
+            label: string;
+            value: string;
+            keys: string[];
+        }[];
+    };
+    'Text Selection': {
+        label: string;
+        keys: {
+            label: string;
+            value: string;
+            keys: string[];
+        }[];
+    };
+};

package/dist/contants/shortcut-key.js

@@ -0,0 +1,224 @@
+export var MAC_SYMBOLS = {
+  ctrl: "⌘",
+  alt: "⌥",
+  shift: "⇧",
+  enter: "↵"
+};
+export var SHORTCUT_KEYS = {
+  'Essentials': {
+    label: '基础',
+    keys: [{
+      label: '复制',
+      value: 'Copy',
+      keys: ['ctrl', 'C']
+    }, {
+      label: '剪切',
+      value: 'Cut',
+      keys: ['ctrl', 'X']
+    }, {
+      label: '粘贴',
+      value: 'Paste',
+      keys: ['ctrl', 'V']
+    }, {
+      label: '粘贴纯文本',
+      value: 'Paste without formatting',
+      keys: ['ctrl', 'shift', 'V']
+    }, {
+      label: '撤销',
+      value: 'Undo',
+      keys: ['ctrl', 'Z']
+    }, {
+      label: '重做',
+      value: 'Redo',
+      keys: ['ctrl', 'shift', 'Z']
+    }, {
+      label: '换行',
+      value: 'Add a line break',
+      keys: ['ctrl', 'enter']
+    }, {
+      label: '保存',
+      value: 'Save',
+      keys: ['ctrl', 'S']
+    }]
+  },
+  'Insert': {
+    label: '插入',
+    keys: [{
+      label: '链接',
+      value: 'Link',
+      keys: ['ctrl', '1']
+    }, {
+      label: '图片',
+      value: 'Image',
+      keys: ['ctrl', '2']
+    }, {
+      label: '视频',
+      value: 'Video',
+      keys: ['ctrl', '3']
+    }, {
+      label: '音频',
+      value: 'Audio',
+      keys: ['ctrl', '4']
+    }, {
+      label: '附件',
+      value: 'Attachment',
+      keys: ['ctrl', '5']
+    }, {
+      label: '行内数学公式',
+      value: 'Inline Math',
+      keys: ['ctrl', '6']
+    }, {
+      label: '块级数学公式',
+      value: 'Block Math',
+      keys: ['ctrl', '7']
+    }, {
+      label: '折叠块',
+      value: 'Details',
+      keys: ['ctrl', '8']
+    }, {
+      label: '表格',
+      value: 'Table',
+      keys: ['ctrl', '9']
+    }]
+  },
+  'Text Formatting': {
+    label: '文本格式',
+    keys: [{
+      label: '加粗',
+      value: 'Bold',
+      keys: ['ctrl', 'B']
+    }, {
+      label: '斜体',
+      value: 'Italic',
+      keys: ['ctrl', 'I']
+    }, {
+      label: '下划线',
+      value: 'Underline',
+      keys: ['ctrl', 'U']
+    }, {
+      label: '删除线',
+      value: 'Strikethrough',
+      keys: ['ctrl', 'shift', 'S']
+    }, {
+      label: '高亮',
+      value: 'Highlight',
+      keys: ['ctrl', 'shift', 'H']
+    }, {
+      label: '代码',
+      value: 'Code',
+      keys: ['ctrl', 'E']
+    }]
+  },
+  'Paragraph Formatting': {
+    label: '段落格式',
+    keys: [{
+      label: '文本',
+      value: 'Normal Text',
+      keys: ['ctrl', 'alt', '0']
+    }, {
+      label: '标题 1',
+      value: 'Heading 1',
+      keys: ['ctrl', 'alt', '1']
+    }, {
+      label: '标题 2',
+      value: 'Heading 2',
+      keys: ['ctrl', 'alt', '2']
+    }, {
+      label: '标题 3',
+      value: 'Heading 3',
+      keys: ['ctrl', 'alt', '3']
+    }, {
+      label: '标题 4',
+      value: 'Heading 4',
+      keys: ['ctrl', 'alt', '4']
+    }, {
+      label: '标题 5',
+      value: 'Heading 5',
+      keys: ['ctrl', 'alt', '5']
+    }, {
+      label: '标题 6',
+      value: 'Heading 6',
+      keys: ['ctrl', 'alt', '6']
+    }, {
+      label: '有序列表',
+      value: 'Ordered list',
+      keys: ['ctrl', 'shift', '7']
+    }, {
+      label: '无序列表',
+      value: 'Bullet list',
+      keys: ['ctrl', 'shift', '8']
+    }, {
+      label: '待办列表',
+      value: 'Task list',
+      keys: ['ctrl', 'shift', '9']
+    }, {
+      label: '引用块',
+      value: 'Blockquote',
+      keys: ['ctrl', 'shift', 'B']
+    }, {
+      label: '左对齐',
+      value: 'Left align',
+      keys: ['ctrl', 'shift', 'L']
+    }, {
+      label: '居中对齐',
+      value: 'Center align',
+      keys: ['ctrl', 'shift', 'E']
+    }, {
+      label: '右对齐',
+      value: 'Right align',
+      keys: ['ctrl', 'shift', 'R']
+    }, {
+      label: '两端对齐',
+      value: 'Justify',
+      keys: ['ctrl', 'shift', 'J']
+    }, {
+      label: '垂直顶部对齐',
+      value: 'Top align',
+      keys: ['ctrl', 'alt', 'T']
+    }, {
+      label: '垂直居中对齐',
+      value: 'Center align',
+      keys: ['ctrl', 'alt', 'M']
+    }, {
+      label: '垂直底部对齐',
+      value: 'Bottom align',
+      keys: ['ctrl', 'alt', 'B']
+    }, {
+      label: '代码块',
+      value: 'Code block',
+      keys: ['ctrl', 'alt', 'C']
+    }, {
+      label: '下标',
+      value: 'Subscript',
+      keys: ['ctrl', ',']
+    }, {
+      label: '上标',
+      value: 'Superscript',
+      keys: ['ctrl', '.']
+    }]
+  },
+  'Text Selection': {
+    label: '文本选择',
+    keys: [{
+      label: '全选',
+      value: 'Select all',
+      keys: ['ctrl', 'A']
+    }, {
+      label: '选择向左扩展一个字符',
+      value: 'Extend selection one character to left',
+      keys: ['shift', '←']
+    }, {
+      label: '选择向右扩展一个字符',
+      value: 'Extend selection one character to right',
+      keys: ['shift', '→']
+    }, {
+      label: '选择向上扩展一行',
+      value: 'Extend selection one line up',
+      keys: ['shift', '↑']
+    }, {
+      label: '选择向下扩展一行',
+      value: 'Extend selection one line down',
+      keys: ['shift', '↓']
+    }]
+  }
+};

package/dist/contants/slash-commands.d.ts

@@ -0,0 +1,13 @@
+import { Editor } from '@tiptap/react';
+import * as React from 'react';
+export declare const slashCommands: {
+    title: string;
+    icon: React.JSX.Element;
+    command: ({ editor, range }: {
+        editor: Editor;
+        range: {
+            from: number;
+            to: number;
+        };
+    }) => void;
+}[];

package/dist/contants/slash-commands.js

@@ -0,0 +1,313 @@
+import * as React from 'react';
+import { AttachmentLineIcon, CodeBoxLineIcon, CodeLineIcon, DoubleQuotesLIcon, FunctionsIcon, H1Icon, H2Icon, H3Icon, H4Icon, H5Icon, H6Icon, ImageLineIcon, LinkIcon, ListCheck2Icon, ListOrdered2Icon, ListUnorderedIcon, MenuFold2FillIcon, MovieLineIcon, Music2LineIcon, SeparatorIcon, SquareRootIcon, Table2Icon, TextWrapIcon } from "../component/Icons";
+export var slashCommands = [{
+  title: '标题 1',
+  icon: /*#__PURE__*/React.createElement(H1Icon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref) {
+    var editor = _ref.editor,
+      range = _ref.range;
+    editor.chain().focus().deleteRange(range).setNode('heading', {
+      level: 1
+    }).run();
+  }
+}, {
+  title: '标题 2',
+  icon: /*#__PURE__*/React.createElement(H2Icon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref2) {
+    var editor = _ref2.editor,
+      range = _ref2.range;
+    editor.chain().focus().deleteRange(range).setNode('heading', {
+      level: 2
+    }).run();
+  }
+}, {
+  title: '标题 3',
+  icon: /*#__PURE__*/React.createElement(H3Icon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref3) {
+    var editor = _ref3.editor,
+      range = _ref3.range;
+    editor.chain().focus().deleteRange(range).setNode('heading', {
+      level: 3
+    }).run();
+  }
+}, {
+  title: '标题 4',
+  icon: /*#__PURE__*/React.createElement(H4Icon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref4) {
+    var editor = _ref4.editor,
+      range = _ref4.range;
+    editor.chain().focus().deleteRange(range).setNode('heading', {
+      level: 4
+    }).run();
+  }
+}, {
+  title: '标题 5',
+  icon: /*#__PURE__*/React.createElement(H5Icon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref5) {
+    var editor = _ref5.editor,
+      range = _ref5.range;
+    editor.chain().focus().deleteRange(range).setNode('heading', {
+      level: 5
+    }).run();
+  }
+}, {
+  title: '标题 6',
+  icon: /*#__PURE__*/React.createElement(H6Icon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref6) {
+    var editor = _ref6.editor,
+      range = _ref6.range;
+    editor.chain().focus().deleteRange(range).setNode('heading', {
+      level: 6
+    }).run();
+  }
+}, {
+  title: '有序列表',
+  icon: /*#__PURE__*/React.createElement(ListOrdered2Icon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref7) {
+    var editor = _ref7.editor,
+      range = _ref7.range;
+    editor.chain().focus().deleteRange(range).toggleOrderedList().run();
+  }
+}, {
+  title: '无序列表',
+  icon: /*#__PURE__*/React.createElement(ListUnorderedIcon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref8) {
+    var editor = _ref8.editor,
+      range = _ref8.range;
+    editor.chain().focus().deleteRange(range).toggleBulletList().run();
+  }
+}, {
+  title: '任务列表',
+  icon: /*#__PURE__*/React.createElement(ListCheck2Icon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref9) {
+    var editor = _ref9.editor,
+      range = _ref9.range;
+    editor.chain().focus().deleteRange(range).toggleTaskList().run();
+  }
+}, {
+  title: '换行',
+  icon: /*#__PURE__*/React.createElement(TextWrapIcon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref10) {
+    var editor = _ref10.editor,
+      range = _ref10.range;
+    editor.chain().focus().deleteRange(range).insertContent('<br />').run();
+  }
+}, {
+  title: '分割线',
+  icon: /*#__PURE__*/React.createElement(SeparatorIcon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref11) {
+    var editor = _ref11.editor,
+      range = _ref11.range;
+    editor.chain().focus().deleteRange(range).setHorizontalRule().run();
+  }
+}, {
+  title: '引用',
+  icon: /*#__PURE__*/React.createElement(DoubleQuotesLIcon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref12) {
+    var editor = _ref12.editor,
+      range = _ref12.range;
+    editor.chain().focus().deleteRange(range).toggleBlockquote().run();
+  }
+}, {
+  title: '链接',
+  icon: /*#__PURE__*/React.createElement(LinkIcon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref13) {
+    var editor = _ref13.editor,
+      range = _ref13.range;
+    editor.chain().focus().deleteRange(range).setInlineLink({
+      href: ''
+    }).run();
+  }
+}, {
+  title: '折叠块',
+  icon: /*#__PURE__*/React.createElement(MenuFold2FillIcon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref14) {
+    var editor = _ref14.editor,
+      range = _ref14.range;
+    editor.chain().focus().deleteRange(range).setDetails().run();
+  }
+}, {
+  title: '行内代码',
+  icon: /*#__PURE__*/React.createElement(CodeLineIcon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref15) {
+    var editor = _ref15.editor,
+      range = _ref15.range;
+    editor.chain().focus().deleteRange(range).setMark('code').run();
+  }
+}, {
+  title: '代码块',
+  icon: /*#__PURE__*/React.createElement(CodeBoxLineIcon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref16) {
+    var editor = _ref16.editor,
+      range = _ref16.range;
+    editor.chain().focus().deleteRange(range).toggleCodeBlock().run();
+  }
+}, {
+  title: '行内数学公式',
+  icon: /*#__PURE__*/React.createElement(SquareRootIcon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref17) {
+    var editor = _ref17.editor,
+      range = _ref17.range;
+    editor.chain().focus().deleteRange(range).setInlineMath({
+      latex: ''
+    }).run();
+  }
+}, {
+  title: '块级数学公式',
+  icon: /*#__PURE__*/React.createElement(FunctionsIcon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref18) {
+    var editor = _ref18.editor,
+      range = _ref18.range;
+    editor.chain().focus().deleteRange(range).setBlockMath({
+      latex: ''
+    }).run();
+  }
+}, {
+  title: '表格',
+  icon: /*#__PURE__*/React.createElement(Table2Icon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref19) {
+    var editor = _ref19.editor,
+      range = _ref19.range;
+    editor.chain().focus().deleteRange(range).insertTable({
+      rows: 3,
+      cols: 4,
+      withHeaderRow: true
+    }).run();
+  }
+}, {
+  title: '图片',
+  icon: /*#__PURE__*/React.createElement(ImageLineIcon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref20) {
+    var editor = _ref20.editor,
+      range = _ref20.range;
+    editor.chain().focus().deleteRange(range).setImage({
+      src: '',
+      width: 760
+    }).run();
+  }
+}, {
+  title: '视频',
+  icon: /*#__PURE__*/React.createElement(MovieLineIcon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref21) {
+    var editor = _ref21.editor,
+      range = _ref21.range;
+    editor.chain().focus().deleteRange(range).setVideo({
+      src: '',
+      width: 760
+    }).run();
+  }
+}, {
+  title: '音频',
+  icon: /*#__PURE__*/React.createElement(Music2LineIcon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref22) {
+    var editor = _ref22.editor,
+      range = _ref22.range;
+    editor.chain().focus().deleteRange(range).setAudio({
+      src: ''
+    }).run();
+  }
+}, {
+  title: '附件',
+  icon: /*#__PURE__*/React.createElement(AttachmentLineIcon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref23) {
+    var editor = _ref23.editor,
+      range = _ref23.range;
+    editor.chain().focus().deleteRange(range).setInlineAttachment({
+      url: '',
+      title: '',
+      size: '0'
+    }).run();
+  }
+}];

package/dist/extension/component/Attachment/Insert.d.ts

@@ -0,0 +1,13 @@
+import { Editor } from "@tiptap/core";
+import { EditorFnProps } from "../../../type";
+import React from "react";
+import { AttachmentAttributes } from ".";
+type InsertAttachmentProps = {
+    editor: Editor;
+    selected: boolean;
+    attrs: AttachmentAttributes;
+    updateAttributes: (attrs: AttachmentAttributes) => void;
+    deleteNode?: () => void;
+} & EditorFnProps;
+declare const InsertAttachment: ({ editor, selected, deleteNode, onUpload, onError }: InsertAttachmentProps) => React.JSX.Element;
+export default InsertAttachment;