@ctzhian/tiptap 3.0.0 → 3.0.2

package/dist/components/Toolbar/EditorInsert/menu-builders.js

@@ -1,407 +0,0 @@
-import { getShortcutKeyText } from "../../../utils";
-import { Typography } from '@mui/material';
-import React from 'react';
-import { AttachmentLineIcon, BilibiliLineIcon, CheckboxCircleFillIcon, CloseCircleFillIcon, CodeBoxLineIcon, CodeLineIcon, CodeSSlashLineIcon, DoubleQuotesLIcon, EmotionLineIcon, ErrorWarningFillIcon, FlipGridIcon, FlowChartIcon, FormulaIcon, FunctionsIcon, ImageLineIcon, Information2FillIcon, Information2LineIcon, MenuFold2FillIcon, MovieLineIcon, Music2LineIcon, SeparatorIcon, SketchingIcon, SquareRootIcon, Table2Icon, UserSmileFillIcon, WindowFillIcon } from "../../Icons";
-import TableSizePicker from "../TableSizePicker";
-var sectionLabel = function sectionLabel(label) {
-  return /*#__PURE__*/React.createElement(Typography, {
-    sx: {
-      px: 1,
-      pt: 1,
-      fontSize: '12px',
-      color: 'text.disabled'
-    }
-  }, label);
-};
-var shortcutLabel = function shortcutLabel(keys) {
-  return /*#__PURE__*/React.createElement(Typography, {
-    sx: {
-      fontSize: '12px',
-      color: 'text.disabled'
-    }
-  }, getShortcutKeyText(keys, '+'));
-};
-var buildAlertChildren = function buildAlertChildren(editor) {
-  return [{
-    label: '信息 Info',
-    key: 'info',
-    icon: /*#__PURE__*/React.createElement(Information2FillIcon, {
-      sx: {
-        fontSize: '1rem',
-        color: 'primary.main'
-      }
-    }),
-    onClick: function onClick() {
-      editor.chain().focus().setAlert({
-        type: 'icon',
-        variant: 'info'
-      }).run();
-    }
-  }, {
-    label: '警告 Warning',
-    key: 'warning',
-    icon: /*#__PURE__*/React.createElement(ErrorWarningFillIcon, {
-      sx: {
-        fontSize: '1rem',
-        color: 'warning.main'
-      }
-    }),
-    onClick: function onClick() {
-      editor.chain().focus().setAlert({
-        type: 'icon',
-        variant: 'warning'
-      }).run();
-    }
-  }, {
-    label: '错误 Error',
-    key: 'error',
-    icon: /*#__PURE__*/React.createElement(CloseCircleFillIcon, {
-      sx: {
-        fontSize: '1rem',
-        color: 'error.main'
-      }
-    }),
-    onClick: function onClick() {
-      editor.chain().focus().setAlert({
-        type: 'icon',
-        variant: 'error'
-      }).run();
-    }
-  }, {
-    label: '成功 Success',
-    key: 'success',
-    icon: /*#__PURE__*/React.createElement(CheckboxCircleFillIcon, {
-      sx: {
-        fontSize: '1rem',
-        color: 'success.main'
-      }
-    }),
-    onClick: function onClick() {
-      editor.chain().focus().setAlert({
-        type: 'icon',
-        variant: 'success'
-      }).run();
-    }
-  }, {
-    label: '默认 Default',
-    key: 'default',
-    icon: /*#__PURE__*/React.createElement(UserSmileFillIcon, {
-      sx: {
-        fontSize: '1rem',
-        color: 'text.disabled'
-      }
-    }),
-    onClick: function onClick() {
-      editor.chain().focus().setAlert({
-        type: 'icon',
-        variant: 'default'
-      }).run();
-    }
-  }];
-};
-var buildCodeChildren = function buildCodeChildren(editor) {
-  return [{
-    label: '行内代码',
-    key: 'inlineCode',
-    icon: /*#__PURE__*/React.createElement(CodeLineIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    extra: shortcutLabel(['ctrl', 'E']),
-    onClick: function onClick() {
-      return editor.chain().focus().toggleCode().run();
-    }
-  }, {
-    label: '代码块',
-    key: 'codeBlock',
-    icon: /*#__PURE__*/React.createElement(CodeBoxLineIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    extra: shortcutLabel(['ctrl', 'alt', 'C']),
-    onClick: function onClick() {
-      return editor.chain().focus().toggleCodeBlock().run();
-    }
-  }];
-};
-var buildMathChildren = function buildMathChildren(editor) {
-  return [{
-    label: '行内数学公式',
-    key: 'inline-math',
-    icon: /*#__PURE__*/React.createElement(SquareRootIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    extra: shortcutLabel(['ctrl', '6']),
-    onClick: function onClick() {
-      editor.commands.setInlineMath({
-        latex: ''
-      });
-    }
-  }, {
-    label: '块级数学公式',
-    key: 'block-math',
-    icon: /*#__PURE__*/React.createElement(FunctionsIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    extra: shortcutLabel(['ctrl', '7']),
-    onClick: function onClick() {
-      editor.commands.setBlockMath({
-        latex: ''
-      });
-    }
-  }];
-};
-var buildTableChildren = function buildTableChildren(editor) {
-  return [{
-    key: 'table-size-picker',
-    customLabel: /*#__PURE__*/React.createElement(TableSizePicker, {
-      onConfirm: function onConfirm(cols, rows) {
-        editor.commands.insertTable({
-          rows: rows,
-          cols: cols,
-          withHeaderRow: false
-        });
-      }
-    })
-  }];
-};
-export var buildInsertMenuList = function buildInsertMenuList(editor) {
-  return [{
-    customLabel: sectionLabel('通用'),
-    key: 'current-node'
-  }, {
-    label: '表情',
-    key: 'emotion',
-    icon: /*#__PURE__*/React.createElement(EmotionLineIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    extra: /*#__PURE__*/React.createElement(Typography, {
-      sx: {
-        fontSize: '12px',
-        color: 'text.disabled'
-      }
-    }, ":"),
-    onClick: function onClick() {
-      var pos = editor.state.selection.from;
-      editor.chain().insertContentAt(pos, ' : ').focus(pos + 2).run();
-    }
-  }, {
-    label: '图片',
-    key: 'image',
-    icon: /*#__PURE__*/React.createElement(ImageLineIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    extra: shortcutLabel(['ctrl', '2']),
-    onClick: function onClick() {
-      return editor.commands.setImage({
-        src: '',
-        width: 760
-      });
-    }
-  }, {
-    label: '视频',
-    key: 'video',
-    extra: shortcutLabel(['ctrl', '3']),
-    icon: /*#__PURE__*/React.createElement(MovieLineIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      return editor.commands.setVideo({
-        src: '',
-        width: 760,
-        controls: true,
-        autoplay: false
-      });
-    }
-  }, {
-    label: '音频',
-    key: 'audio',
-    extra: shortcutLabel(['ctrl', '4']),
-    icon: /*#__PURE__*/React.createElement(Music2LineIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      return editor.commands.setAudio({
-        src: '',
-        controls: true,
-        autoplay: false
-      });
-    }
-  }, {
-    label: '附件',
-    key: 'attachment',
-    extra: shortcutLabel(['ctrl', '5']),
-    icon: /*#__PURE__*/React.createElement(AttachmentLineIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      return editor.commands.setInlineAttachment({
-        url: '',
-        title: '',
-        size: '0'
-      });
-    }
-  }, {
-    customLabel: sectionLabel('模块'),
-    key: 'style'
-  }, {
-    label: '引用',
-    key: 'blockquote',
-    icon: /*#__PURE__*/React.createElement(DoubleQuotesLIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    extra: shortcutLabel(['ctrl', 'shift', 'B']),
-    onClick: function onClick() {
-      return editor.chain().focus().toggleBlockquote().run();
-    }
-  }, {
-    label: '分栏',
-    key: 'flipGrid',
-    icon: /*#__PURE__*/React.createElement(FlipGridIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      return editor.chain().focus().setFlipGrid().run();
-    }
-  }, {
-    label: '表格',
-    key: 'table',
-    icon: /*#__PURE__*/React.createElement(Table2Icon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    extra: shortcutLabel(['ctrl', '9']),
-    children: buildTableChildren(editor)
-  }, {
-    label: '警告块',
-    key: 'highlight',
-    icon: /*#__PURE__*/React.createElement(Information2LineIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    children: buildAlertChildren(editor)
-  }, {
-    label: '折叠面板',
-    key: 'details',
-    icon: /*#__PURE__*/React.createElement(MenuFold2FillIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    extra: shortcutLabel(['ctrl', '8']),
-    onClick: function onClick() {
-      return editor.chain().focus().setDetails().run();
-    }
-  }, {
-    label: '分割线',
-    key: 'separator',
-    icon: /*#__PURE__*/React.createElement(SeparatorIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      return editor.chain().focus().setHorizontalRule().run();
-    }
-  }, {
-    customLabel: sectionLabel('专业'),
-    key: 'programmer'
-  }, {
-    label: 'Mermaid 流程图',
-    key: 'flow',
-    icon: /*#__PURE__*/React.createElement(FlowChartIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      return editor.commands.setFlow({});
-    }
-  }, {
-    label: 'Excalidraw 绘图',
-    key: 'excalidraw',
-    icon: /*#__PURE__*/React.createElement(SketchingIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      return editor.commands.setExcalidraw();
-    }
-  }, {
-    label: '代码',
-    key: 'code',
-    icon: /*#__PURE__*/React.createElement(CodeSSlashLineIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    children: buildCodeChildren(editor)
-  }, {
-    label: '数学公式',
-    key: 'math',
-    icon: /*#__PURE__*/React.createElement(FormulaIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    children: buildMathChildren(editor)
-  }, {
-    customLabel: sectionLabel('其他'),
-    key: 'other'
-  }, {
-    label: 'Bilibili 视频',
-    key: 'bilibili',
-    icon: /*#__PURE__*/React.createElement(BilibiliLineIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      return editor.commands.setIframe({
-        src: '',
-        width: '100%',
-        height: 400,
-        type: 'bilibili'
-      });
-    }
-  }, {
-    label: 'Iframe 链接',
-    key: 'iframe',
-    icon: /*#__PURE__*/React.createElement(WindowFillIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onClick: function onClick() {
-      return editor.commands.setIframe({
-        src: '',
-        width: '100%',
-        height: 400,
-        type: 'iframe'
-      });
-    }
-  }];
-};

package/dist/components/Toolbar/EditorListSelect.js

@@ -1,62 +0,0 @@
-import React from "react";
-import { ListCheck3Icon, ListOrdered2Icon, ListUnorderedIcon } from "../Icons";
-import EditorCommandSelect, { useEditorSelectValue } from "./CommandSelect";
-var EditorListSelect = function EditorListSelect(_ref) {
-  var editor = _ref.editor;
-  var listOptions = [{
-    id: 'orderedList',
-    icon: /*#__PURE__*/React.createElement(ListOrdered2Icon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    label: '有序列表',
-    shortcutKey: ['ctrl', 'shift', '7']
-  }, {
-    id: 'bulletList',
-    icon: /*#__PURE__*/React.createElement(ListUnorderedIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    label: '无序列表',
-    shortcutKey: ['ctrl', 'shift', '8']
-  }, {
-    id: 'taskList',
-    icon: /*#__PURE__*/React.createElement(ListCheck3Icon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    label: '待办列表',
-    shortcutKey: ['ctrl', 'shift', '9']
-  }];
-  var selectedValue = useEditorSelectValue(editor, React.useCallback(function () {
-    if (editor.isActive('orderedList')) return 'orderedList';
-    if (editor.isActive('bulletList')) return 'bulletList';
-    if (editor.isActive('taskList')) return 'taskList';
-    return 'none';
-  }, [editor]));
-  return /*#__PURE__*/React.createElement(EditorCommandSelect, {
-    editor: editor,
-    value: selectedValue,
-    activeValues: ['orderedList', 'taskList', 'bulletList'],
-    options: listOptions,
-    tip: "\u5217\u8868",
-    fallbackIcon: /*#__PURE__*/React.createElement(ListUnorderedIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onSelect: function onSelect(value) {
-      if (value === 'orderedList') {
-        editor.chain().focus().toggleOrderedList().run();
-      } else if (value === 'taskList') {
-        editor.chain().focus().toggleTaskList().run();
-      } else if (value === 'bulletList') {
-        editor.chain().focus().toggleBulletList().run();
-      }
-    }
-  });
-};
-export default EditorListSelect;

package/dist/components/Toolbar/EditorMath.js

@@ -1,54 +0,0 @@
-import React from "react";
-import { FormulaIcon, FunctionsIcon, SquareRootIcon } from "../Icons";
-import EditorCommandSelect, { useEditorSelectValue } from "./CommandSelect";
-var EditorMath = function EditorMath(_ref) {
-  var editor = _ref.editor;
-  var mathOptions = [{
-    id: 'inline-math',
-    icon: /*#__PURE__*/React.createElement(SquareRootIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    label: '行内公式',
-    shortcutKey: ['ctrl', '6']
-  }, {
-    id: 'block-math',
-    icon: /*#__PURE__*/React.createElement(FunctionsIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    label: '块级公式',
-    shortcutKey: ['ctrl', '7']
-  }];
-  var selectedValue = useEditorSelectValue(editor, React.useCallback(function () {
-    if (editor.isActive('inlineMath')) return 'inline-math';
-    if (editor.isActive('blockMath')) return 'block-math';
-    return 'none';
-  }, [editor]));
-  return /*#__PURE__*/React.createElement(EditorCommandSelect, {
-    editor: editor,
-    value: selectedValue,
-    activeValues: ['inline-math', 'block-math'],
-    options: mathOptions,
-    tip: "LaTeX \u6570\u5B66\u516C\u5F0F",
-    fallbackIcon: /*#__PURE__*/React.createElement(FormulaIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onSelect: function onSelect(value) {
-      if (value === 'inline-math') {
-        editor.commands.setInlineMath({
-          latex: ''
-        });
-      } else if (value === 'block-math') {
-        editor.commands.setBlockMath({
-          latex: ''
-        });
-      }
-    }
-  });
-};
-export default EditorMath;

package/dist/components/Toolbar/EditorMore/menu-builders.d.ts

@@ -1,5 +0,0 @@
-import { ToolbarItemType } from '../../../types';
-export interface EditorMoreMenuOption extends ToolbarItemType {
-    onClick?: () => void;
-}
-export declare const buildEditorMoreOptions: () => EditorMoreMenuOption[];

package/dist/components/Toolbar/EditorMore/menu-builders.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { CommandLineIcon } from "../../Icons";
-export var buildEditorMoreOptions = function buildEditorMoreOptions() {
-  return [{
-    id: 'notification',
-    icon: /*#__PURE__*/React.createElement(CommandLineIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    label: '查看快捷键'
-  }];
-};

package/dist/components/Toolbar/EditorScript.js

@@ -1,50 +0,0 @@
-import React from "react";
-import { SubscriptIcon, SuperscriptIcon } from "../Icons";
-import EditorCommandSelect, { useEditorSelectValue } from "./CommandSelect";
-var EditorScript = function EditorScript(_ref) {
-  var editor = _ref.editor;
-  var scriptOptions = [{
-    id: 'superscript',
-    icon: /*#__PURE__*/React.createElement(SuperscriptIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    label: '上标',
-    shortcutKey: ['ctrl', '.']
-  }, {
-    id: 'subscript',
-    icon: /*#__PURE__*/React.createElement(SubscriptIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    label: '下标',
-    shortcutKey: ['ctrl', ',']
-  }];
-  var selectedValue = useEditorSelectValue(editor, React.useCallback(function () {
-    if (editor.isActive('superscript')) return 'superscript';
-    if (editor.isActive('subscript')) return 'subscript';
-    return 'none';
-  }, [editor]));
-  return /*#__PURE__*/React.createElement(EditorCommandSelect, {
-    editor: editor,
-    value: selectedValue,
-    activeValues: ['superscript', 'subscript'],
-    options: scriptOptions,
-    tip: "\u4E0A\u6807/\u4E0B\u6807",
-    fallbackIcon: /*#__PURE__*/React.createElement(SuperscriptIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onSelect: function onSelect(value) {
-      if (value === 'superscript') {
-        editor.chain().focus().toggleSuperscript().run();
-      } else if (value === 'subscript') {
-        editor.chain().focus().toggleSubscript().run();
-      }
-    }
-  });
-};
-export default EditorScript;

package/dist/components/Toolbar/EditorVerticalAlignSelect.js

@@ -1,64 +0,0 @@
-import React from "react";
-import { AlignBottomIcon, AlignTopIcon, AlignVerticallyIcon } from "../Icons";
-import EditorCommandSelect, { useEditorSelectValue } from "./CommandSelect";
-var EditorVerticalAlignSelect = function EditorVerticalAlignSelect(_ref) {
-  var editor = _ref.editor;
-  var verticalAlignOptions = [{
-    id: 'top',
-    icon: /*#__PURE__*/React.createElement(AlignTopIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    label: '顶部对齐',
-    shortcutKey: ['ctrl', 'alt', 'T']
-  }, {
-    id: 'middle',
-    icon: /*#__PURE__*/React.createElement(AlignVerticallyIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    label: '中间对齐',
-    shortcutKey: ['ctrl', 'alt', 'M']
-  }, {
-    id: 'bottom',
-    icon: /*#__PURE__*/React.createElement(AlignBottomIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    label: '底部对齐',
-    shortcutKey: ['ctrl', 'alt', 'B']
-  }];
-  var selectedValue = useEditorSelectValue(editor, React.useCallback(function () {
-    if (editor.isActive('textStyle', {
-      verticalAlign: 'top'
-    })) return 'top';
-    if (editor.isActive('textStyle', {
-      verticalAlign: 'middle'
-    })) return 'middle';
-    if (editor.isActive('textStyle', {
-      verticalAlign: 'bottom'
-    })) return 'bottom';
-    return 'none';
-  }, [editor]));
-  return /*#__PURE__*/React.createElement(EditorCommandSelect, {
-    editor: editor,
-    value: selectedValue,
-    activeValues: ['top', 'middle', 'bottom'],
-    options: verticalAlignOptions,
-    tip: "\u5782\u76F4\u5BF9\u9F50\u65B9\u5F0F",
-    fallbackIcon: /*#__PURE__*/React.createElement(AlignVerticallyIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    onSelect: function onSelect(value) {
-      if (value !== 'none') {
-        editor.chain().focus().toggleVerticalAlign(value).run();
-      }
-    }
-  });
-};
-export default EditorVerticalAlignSelect;

package/dist/components/shared/menu-item-content.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { MenuItem } from '../../types';
-export declare const MenuItemContent: ({ item, arrowIcon, }: {
-    item: MenuItem;
-    arrowIcon?: React.ReactNode;
-}) => React.JSX.Element;
-export default MenuItemContent;

package/dist/components/shared/menu-item-content.js

@@ -1,23 +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 { Box, Stack } from '@mui/material';
-import React from 'react';
-export var MenuItemContent = function MenuItemContent(_ref) {
-  var _item$children;
-  var item = _ref.item,
-    arrowIcon = _ref.arrowIcon;
-  return /*#__PURE__*/React.createElement(Stack, {
-    alignItems: "center",
-    gap: 1.5,
-    direction: "row"
-  }, item.icon, /*#__PURE__*/React.createElement(Box, {
-    sx: _objectSpread({
-      flexGrow: 1
-    }, item.textSx)
-  }, item.label), item.extra, (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? arrowIcon : null);
-};
-export default MenuItemContent;