@ctzhian/tiptap 2.13.7 → 3.0.0

package/dist/contants/slash-commands.js

@@ -1,397 +0,0 @@
-import * as React from 'react';
-import { AttachmentLineIcon, BilibiliLineIcon, CodeBoxLineIcon, CodeLineIcon, DoubleQuotesLIcon, EmotionLineIcon, FlipGridIcon, FlowChartIcon, FunctionsIcon, H1Icon, H2Icon, H3Icon, ImageLineIcon, Information2LineIcon, LinkIcon, ListCheck2Icon, ListOrdered2Icon, ListUnorderedIcon, MenuFold2FillIcon, MovieLineIcon, Music2LineIcon, SeparatorIcon, SketchingIcon, SquareRootIcon, Table2Icon, WindowFillIcon } from "../component/Icons";
-export var slashCommands = [{
-  title: '标题1',
-  shortcutKey: ['ctrl', 'alt', '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',
-  shortcutKey: ['ctrl', 'alt', '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',
-  shortcutKey: ['ctrl', 'alt', '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: '有序列表',
-  shortcutKey: ['ctrl', 'shift', '7'],
-  icon: /*#__PURE__*/React.createElement(ListOrdered2Icon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref4) {
-    var editor = _ref4.editor,
-      range = _ref4.range;
-    editor.chain().focus().deleteRange(range).toggleOrderedList().run();
-  }
-}, {
-  title: '无序列表',
-  shortcutKey: ['ctrl', 'shift', '8'],
-  icon: /*#__PURE__*/React.createElement(ListUnorderedIcon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref5) {
-    var editor = _ref5.editor,
-      range = _ref5.range;
-    editor.chain().focus().deleteRange(range).toggleBulletList().run();
-  }
-}, {
-  title: '任务列表',
-  shortcutKey: ['ctrl', 'shift', '9'],
-  icon: /*#__PURE__*/React.createElement(ListCheck2Icon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref6) {
-    var editor = _ref6.editor,
-      range = _ref6.range;
-    editor.chain().focus().deleteRange(range).toggleTaskList().run();
-  }
-}, {
-  title: '分割线',
-  icon: /*#__PURE__*/React.createElement(SeparatorIcon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref7) {
-    var editor = _ref7.editor,
-      range = _ref7.range;
-    editor.chain().focus().deleteRange(range).setHorizontalRule().run();
-  }
-}, {
-  title: '链接',
-  shortcutKey: ['ctrl', '1'],
-  icon: /*#__PURE__*/React.createElement(LinkIcon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref8) {
-    var editor = _ref8.editor,
-      range = _ref8.range;
-    editor.chain().focus().deleteRange(range).setInlineLink({
-      href: ''
-    }).run();
-  }
-}, {
-  title: '表情',
-  icon: /*#__PURE__*/React.createElement(EmotionLineIcon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref9) {
-    var editor = _ref9.editor,
-      range = _ref9.range;
-    editor.chain().deleteRange(range).insertContentAt(range.from, ' : ').focus(range.from + 2).run();
-  }
-}, {
-  title: '行内代码',
-  shortcutKey: ['ctrl', 'E'],
-  icon: /*#__PURE__*/React.createElement(CodeLineIcon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref10) {
-    var editor = _ref10.editor,
-      range = _ref10.range;
-    editor.chain().focus().deleteRange(range).setMark('code').run();
-  }
-}, {
-  title: '代码块',
-  shortcutKey: ['ctrl', 'alt', 'C'],
-  icon: /*#__PURE__*/React.createElement(CodeBoxLineIcon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref11) {
-    var editor = _ref11.editor,
-      range = _ref11.range;
-    editor.chain().focus().deleteRange(range).toggleCodeBlock().run();
-  }
-}, {
-  title: '引用',
-  shortcutKey: ['ctrl', 'shift', 'B'],
-  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(FlipGridIcon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref13) {
-    var editor = _ref13.editor,
-      range = _ref13.range;
-    editor.chain().focus().deleteRange(range).setFlipGrid().run();
-  }
-}, {
-  title: '折叠面板',
-  shortcutKey: ['ctrl', '8'],
-  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: 'Mermaid 流程图',
-  icon: /*#__PURE__*/React.createElement(FlowChartIcon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref15) {
-    var editor = _ref15.editor,
-      range = _ref15.range;
-    editor.chain().focus().deleteRange(range).setFlow({
-      code: '',
-      width: '100%'
-    }).run();
-  }
-}, {
-  title: 'Excalidraw 绘图',
-  icon: /*#__PURE__*/React.createElement(SketchingIcon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref16) {
-    var editor = _ref16.editor,
-      range = _ref16.range;
-    editor.chain().focus().deleteRange(range).setExcalidraw().run();
-  }
-}, {
-  title: 'Bilibili 视频',
-  icon: /*#__PURE__*/React.createElement(BilibiliLineIcon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref17) {
-    var editor = _ref17.editor,
-      range = _ref17.range;
-    editor.chain().focus().deleteRange(range).setIframe({
-      src: '',
-      width: '100%',
-      height: 400,
-      type: 'bilibili'
-    }).run();
-  }
-}, {
-  title: 'Iframe',
-  icon: /*#__PURE__*/React.createElement(WindowFillIcon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref18) {
-    var editor = _ref18.editor,
-      range = _ref18.range;
-    editor.chain().focus().deleteRange(range).setIframe({
-      src: '',
-      width: '100%',
-      height: 400,
-      type: 'iframe'
-    }).run();
-  }
-}, {
-  title: '表格',
-  shortcutKey: ['ctrl', '9'],
-  icon: /*#__PURE__*/React.createElement(Table2Icon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref19) {
-    var editor = _ref19.editor,
-      range = _ref19.range,
-      attrs = _ref19.attrs;
-    editor.chain().focus().deleteRange(range).insertTable({
-      rows: attrs.rows || 3,
-      cols: attrs.cols || 4,
-      withHeaderRow: false
-    }).run();
-  }
-}, {
-  title: '警告块',
-  icon: /*#__PURE__*/React.createElement(Information2LineIcon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref20) {
-    var editor = _ref20.editor,
-      range = _ref20.range,
-      attrs = _ref20.attrs;
-    editor.chain().focus().deleteRange(range).toggleAlert({
-      type: (attrs === null || attrs === void 0 ? void 0 : attrs.type) || 'icon',
-      variant: (attrs === null || attrs === void 0 ? void 0 : attrs.variant) || 'info'
-    }).run();
-  }
-}, {
-  title: '折叠面板',
-  icon: /*#__PURE__*/React.createElement(MenuFold2FillIcon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref21) {
-    var editor = _ref21.editor,
-      range = _ref21.range;
-    editor.chain().focus().deleteRange(range).setDetails().run();
-  }
-}, {
-  title: '代码块',
-  icon: /*#__PURE__*/React.createElement(CodeBoxLineIcon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref22) {
-    var editor = _ref22.editor,
-      range = _ref22.range;
-    editor.chain().focus().deleteRange(range).toggleCodeBlock().run();
-  }
-}, {
-  title: '行内数学公式',
-  icon: /*#__PURE__*/React.createElement(SquareRootIcon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref23) {
-    var editor = _ref23.editor,
-      range = _ref23.range;
-    editor.chain().focus().deleteRange(range).setInlineMath({
-      latex: ''
-    }).run();
-  }
-}, {
-  title: '块级数学公式',
-  icon: /*#__PURE__*/React.createElement(FunctionsIcon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref24) {
-    var editor = _ref24.editor,
-      range = _ref24.range;
-    editor.chain().focus().deleteRange(range).setBlockMath({
-      latex: ''
-    }).run();
-  }
-}, {
-  title: '图片',
-  icon: /*#__PURE__*/React.createElement(ImageLineIcon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref25) {
-    var editor = _ref25.editor,
-      range = _ref25.range;
-    editor.chain().focus().deleteRange(range).setImage({
-      src: '',
-      width: 760
-    }).run();
-  }
-}, {
-  title: '视频',
-  icon: /*#__PURE__*/React.createElement(MovieLineIcon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref26) {
-    var editor = _ref26.editor,
-      range = _ref26.range;
-    editor.chain().focus().deleteRange(range).setVideo({
-      src: '',
-      width: 760
-    }).run();
-  }
-}, {
-  title: '音频',
-  icon: /*#__PURE__*/React.createElement(Music2LineIcon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref27) {
-    var editor = _ref27.editor,
-      range = _ref27.range;
-    editor.chain().focus().deleteRange(range).setAudio({
-      src: ''
-    }).run();
-  }
-}, {
-  title: '附件',
-  icon: /*#__PURE__*/React.createElement(AttachmentLineIcon, {
-    sx: {
-      fontSize: '1rem'
-    }
-  }),
-  command: function command(_ref28) {
-    var editor = _ref28.editor,
-      range = _ref28.range;
-    editor.chain().focus().deleteRange(range).setInlineAttachment({
-      url: '',
-      title: '',
-      size: '0'
-    }).run();
-  }
-}];

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

@@ -1,239 +0,0 @@
-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); }
-import { ActionDropdown, HoverPopover } from "../../../component";
-import { CheckboxCircleFillIcon, CloseCircleFillIcon, ErrorWarningFillIcon, Information2FillIcon, ScrollToBottomLineIcon, TextIcon, UserSmileFillIcon } from "../../../component/Icons";
-import { ToolbarItem } from "../../../component/Toolbar";
-import { Box, Divider, Stack } from '@mui/material';
-import { NodeViewContent, NodeViewWrapper } from '@tiptap/react';
-import React, { useMemo, useRef } from 'react';
-var VARIANT_DATA = {
-  info: {
-    icon: /*#__PURE__*/React.createElement(Information2FillIcon, {
-      sx: {
-        fontSize: '1.25rem'
-      }
-    }),
-    color: 'var(--mui-palette-primary-main)'
-  },
-  warning: {
-    icon: /*#__PURE__*/React.createElement(ErrorWarningFillIcon, {
-      sx: {
-        fontSize: '1.25rem'
-      }
-    }),
-    color: 'var(--mui-palette-warning-main)'
-  },
-  error: {
-    icon: /*#__PURE__*/React.createElement(CloseCircleFillIcon, {
-      sx: {
-        fontSize: '1.25rem'
-      }
-    }),
-    color: 'var(--mui-palette-error-main)'
-  },
-  success: {
-    icon: /*#__PURE__*/React.createElement(CheckboxCircleFillIcon, {
-      sx: {
-        fontSize: '1.25rem'
-      }
-    }),
-    color: 'var(--mui-palette-success-main)'
-  },
-  default: {
-    icon: /*#__PURE__*/React.createElement(UserSmileFillIcon, {
-      sx: {
-        fontSize: '1.25rem'
-      }
-    }),
-    color: 'var(--mui-palette-divider)'
-  }
-};
-var AlertView = function AlertView(_ref) {
-  var _node$attrs, _node$attrs2;
-  var editor = _ref.editor,
-    node = _ref.node,
-    updateAttributes = _ref.updateAttributes,
-    selected = _ref.selected;
-  var attrs = node.attrs;
-  var containerRef = useRef(null);
-  var showIcon = attrs.type !== 'text';
-  var variantData = useMemo(function () {
-    if (attrs.variant && VARIANT_DATA[attrs.variant]) {
-      return VARIANT_DATA[attrs.variant];
-    }
-    return VARIANT_DATA['default'];
-  }, [attrs.variant]);
-  var variantOptions = [{
-    key: 'info',
-    label: '信息',
-    icon: Information2FillIcon,
-    color: 'primary.main'
-  }, {
-    key: 'warning',
-    label: '警告',
-    icon: ErrorWarningFillIcon,
-    color: 'warning.main'
-  }, {
-    key: 'error',
-    label: '错误',
-    icon: CloseCircleFillIcon,
-    color: 'error.main'
-  }, {
-    key: 'success',
-    label: '成功',
-    icon: CheckboxCircleFillIcon,
-    color: 'success.main'
-  }, {
-    key: 'default',
-    label: '默认',
-    icon: UserSmileFillIcon,
-    color: 'text.disabled'
-  }];
-  var typeOptions = [{
-    key: 'text',
-    label: '纯文字',
-    icon: TextIcon,
-    onClick: function onClick() {
-      return updateAttributes({
-        type: 'text'
-      });
-    }
-  }, {
-    key: 'icon',
-    label: '图标文字',
-    icon: ScrollToBottomLineIcon,
-    iconTransform: 'rotate(90deg)',
-    onClick: function onClick() {
-      return updateAttributes({
-        type: 'icon'
-      });
-    }
-  }];
-  var renderOperationActions = function renderOperationActions() {
-    return /*#__PURE__*/React.createElement(Stack, {
-      direction: 'row',
-      alignItems: 'center',
-      sx: {
-        p: 0.5
-      }
-    }, variantOptions.map(function (option) {
-      var IconComponent = option.icon;
-      return /*#__PURE__*/React.createElement(ToolbarItem, {
-        key: option.key,
-        icon: /*#__PURE__*/React.createElement(IconComponent, {
-          sx: {
-            fontSize: '1rem',
-            color: option.color
-          }
-        }),
-        tip: option.label,
-        onClick: function onClick() {
-          return updateAttributes({
-            variant: option.key
-          });
-        },
-        className: attrs.variant === option.key ? 'tool-active' : ''
-      });
-    }), /*#__PURE__*/React.createElement(Divider, {
-      orientation: "vertical",
-      flexItem: true,
-      sx: {
-        height: '1rem',
-        mx: 0.5,
-        alignSelf: 'center',
-        borderColor: 'divider'
-      }
-    }), /*#__PURE__*/React.createElement(ActionDropdown, {
-      id: "alert-type-dropdown",
-      selected: attrs.type || 'icon',
-      list: typeOptions.map(function (option) {
-        var IconComponent = option.icon;
-        return {
-          key: option.key,
-          label: option.label,
-          icon: /*#__PURE__*/React.createElement(IconComponent, {
-            sx: _objectSpread({
-              fontSize: '1rem'
-            }, option.iconTransform ? {
-              transform: option.iconTransform
-            } : {})
-          }),
-          onClick: option.onClick
-        };
-      })
-    }));
-  };
-  return /*#__PURE__*/React.createElement(NodeViewWrapper, {
-    ref: containerRef,
-    className: "alert-wrapper ".concat(selected ? 'ProseMirror-selectednode' : ''),
-    "data-drag-handle": true,
-    as: 'div'
-  }, editor.isEditable ? /*#__PURE__*/React.createElement(HoverPopover, {
-    actions: renderOperationActions(),
-    placement: "top",
-    offset: 4
-  }, /*#__PURE__*/React.createElement(Box, {
-    sx: {
-      marginLeft: (_node$attrs = node.attrs) !== null && _node$attrs !== void 0 && _node$attrs.indent ? node.attrs.indent * 32 : undefined,
-      border: '1px solid',
-      borderColor: variantData.color,
-      borderRadius: 'var(--mui-shape-borderRadius)',
-      padding: '12px 16px',
-      display: 'flex',
-      alignItems: 'flex-start',
-      gap: '16px',
-      background: attrs.variant === 'default' ? 'var(--mui-palette-background-paper3)' : "color-mix(in srgb, ".concat(variantData.color, " 10%, transparent)")
-    }
-  }, showIcon && /*#__PURE__*/React.createElement(Box, {
-    sx: {
-      pt: '2px',
-      lineHeight: 1,
-      color: attrs.variant === 'default' ? 'text.disabled' : variantData.color
-    }
-  }, variantData.icon), /*#__PURE__*/React.createElement(Box, {
-    sx: {
-      flex: 1,
-      width: 0,
-      'code': {
-        borderColor: attrs.variant === 'default' ? '' : "color-mix(in srgb, ".concat(variantData.color, " 30%, transparent) !important"),
-        bgcolor: attrs.variant === 'default' ? '' : "color-mix(in srgb, ".concat(variantData.color, " 10%, transparent) !important")
-      }
-    }
-  }, /*#__PURE__*/React.createElement(NodeViewContent, {
-    as: 'div'
-  })))) : /*#__PURE__*/React.createElement(Box, {
-    sx: {
-      marginLeft: (_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 && _node$attrs2.indent ? node.attrs.indent * 32 : undefined,
-      border: '1px solid',
-      borderColor: variantData.color,
-      borderRadius: 'var(--mui-shape-borderRadius)',
-      padding: '12px 16px',
-      display: 'flex',
-      alignItems: 'flex-start',
-      gap: '16px',
-      background: attrs.variant === 'default' ? 'var(--mui-palette-background-paper3)' : "color-mix(in srgb, ".concat(variantData.color, " 10%, transparent)")
-    }
-  }, showIcon && /*#__PURE__*/React.createElement(Box, {
-    sx: {
-      pt: '2px',
-      lineHeight: 1,
-      color: attrs.variant === 'default' ? 'text.disabled' : variantData.color
-    }
-  }, variantData.icon), /*#__PURE__*/React.createElement(Box, {
-    sx: {
-      flex: 1,
-      width: 0,
-      'code': {
-        borderColor: attrs.variant === 'default' ? '' : "color-mix(in srgb, ".concat(variantData.color, " 30%, transparent) !important"),
-        bgcolor: attrs.variant === 'default' ? '' : "color-mix(in srgb, ".concat(variantData.color, " 10%, transparent) !important")
-      }
-    }
-  }, /*#__PURE__*/React.createElement(NodeViewContent, {
-    as: 'div'
-  }))));
-};
-export default AlertView;