@ctzhian/tiptap 1.6.2 → 1.6.4

package/dist/component/Icons/folder-2-line-icon.js

@@ -0,0 +1,13 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { SvgIcon } from "@mui/material";
+import * as React from "react";
+export var Folder2LineIcon = function Folder2LineIcon(props) {
+  return /*#__PURE__*/React.createElement(SvgIcon, _extends({
+    viewBox: "0 0 24 24",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12.4142 5H21C21.5523 5 22 5.44772 22 6V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H10.4142L12.4142 5ZM20 11H4V19H20V11ZM20 9V7H11.5858L9.58579 5H4V9H20Z"
+  }));
+};
+Folder2LineIcon.displayName = 'icon-folder-2-line';

package/dist/component/Icons/index.d.ts

@@ -1,3 +1,4 @@
+export { AddCircleFillIcon } from './add-circle-fill-icon';
 export { AddLineIcon } from './add-line-icon';
 export { AiGenerate2Icon } from './ai-generate-2-icon';
 export { AiGenerateTextIcon } from './ai-generate-text-icon';
@@ -27,6 +28,7 @@ export { CloseCircleFillIcon } from './close-circle-fill-icon';
 export { CodeBoxLineIcon } from './code-box-line-icon';
 export { CodeLineIcon } from './code-line-icon';
 export { CodeSSlashLineIcon } from './code-s-slash-line-icon';
+export { CommandLineIcon } from './command-line-icon';
 export { CopyIcon } from './copy-icon';
 export { CustomSizeIcon } from './custom-size-icon';
 export { DeleteColumnIcon } from './delete-column-icon';
@@ -36,11 +38,13 @@ export { DoubleQuotesLIcon } from './double-quotes-l-icon';
 export { DownloadLineIcon } from './download-line-icon';
 export { DraggableIcon } from './draggable-icon';
 export { EditBoxLineIcon } from './edit-box-line-icon';
+export { EraserLineIcon } from './eraser-line-icon';
 export { ErrorWarningFillIcon } from './error-warning-fill-icon';
 export { ExportLineIcon } from './export-line-icon';
 export { FileCopyLineIcon } from './file-copy-line-icon';
 export { FileUploadLineIcon } from './file-upload-line-icon';
 export { FlowChartIcon } from './flow-chart-icon';
+export { Folder2LineIcon } from './folder-2-line-icon';
 export { FontColorIcon } from './font-color-icon';
 export { FontFamilyIcon } from './font-family-icon';
 export { FontSizeIcon } from './font-size-icon';
@@ -69,6 +73,7 @@ export { InsertColumnRightIcon } from './insert-column-right-icon';
 export { InsertRowBottomIcon } from './insert-row-bottom-icon';
 export { InsertRowTopIcon } from './insert-row-top-icon';
 export { ItalicIcon } from './italic-icon';
+export { KeyboardLineIcon } from './keyboard-line-icon';
 export { LayoutLeft2LineIcon } from './layout-left-2-line-icon';
 export { LayoutTop2LineIcon } from './layout-top-2-line-icon';
 export { LinkIcon } from './link-icon';

package/dist/component/Icons/index.js

@@ -1,6 +1,7 @@
 // 此文件由脚本自动生成
 // 导出所有图标组件
 
+export { AddCircleFillIcon } from "./add-circle-fill-icon";
 export { AddLineIcon } from "./add-line-icon";
 export { AiGenerate2Icon } from "./ai-generate-2-icon";
 export { AiGenerateTextIcon } from "./ai-generate-text-icon";
@@ -30,6 +31,7 @@ export { CloseCircleFillIcon } from "./close-circle-fill-icon";
 export { CodeBoxLineIcon } from "./code-box-line-icon";
 export { CodeLineIcon } from "./code-line-icon";
 export { CodeSSlashLineIcon } from "./code-s-slash-line-icon";
+export { CommandLineIcon } from "./command-line-icon";
 export { CopyIcon } from "./copy-icon";
 export { CustomSizeIcon } from "./custom-size-icon";
 export { DeleteColumnIcon } from "./delete-column-icon";
@@ -39,11 +41,13 @@ export { DoubleQuotesLIcon } from "./double-quotes-l-icon";
 export { DownloadLineIcon } from "./download-line-icon";
 export { DraggableIcon } from "./draggable-icon";
 export { EditBoxLineIcon } from "./edit-box-line-icon";
+export { EraserLineIcon } from "./eraser-line-icon";
 export { ErrorWarningFillIcon } from "./error-warning-fill-icon";
 export { ExportLineIcon } from "./export-line-icon";
 export { FileCopyLineIcon } from "./file-copy-line-icon";
 export { FileUploadLineIcon } from "./file-upload-line-icon";
 export { FlowChartIcon } from "./flow-chart-icon";
+export { Folder2LineIcon } from "./folder-2-line-icon";
 export { FontColorIcon } from "./font-color-icon";
 export { FontFamilyIcon } from "./font-family-icon";
 export { FontSizeIcon } from "./font-size-icon";
@@ -72,6 +76,7 @@ export { InsertColumnRightIcon } from "./insert-column-right-icon";
 export { InsertRowBottomIcon } from "./insert-row-bottom-icon";
 export { InsertRowTopIcon } from "./insert-row-top-icon";
 export { ItalicIcon } from "./italic-icon";
+export { KeyboardLineIcon } from "./keyboard-line-icon";
 export { LayoutLeft2LineIcon } from "./layout-left-2-line-icon";
 export { LayoutTop2LineIcon } from "./layout-top-2-line-icon";
 export { LinkIcon } from "./link-icon";

package/dist/component/Icons/keyboard-line-icon.d.ts

@@ -0,0 +1,6 @@
+import { SvgIconProps } from "@mui/material";
+import * as React from "react";
+export declare const KeyboardLineIcon: {
+    (props: SvgIconProps): React.JSX.Element;
+    displayName: string;
+};

package/dist/component/Icons/keyboard-line-icon.js

@@ -0,0 +1,13 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { SvgIcon } from "@mui/material";
+import * as React from "react";
+export var KeyboardLineIcon = function KeyboardLineIcon(props) {
+  return /*#__PURE__*/React.createElement(SvgIcon, _extends({
+    viewBox: "0 0 24 24",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M3 17H21V19H3V17ZM3 11H6V14H3V11ZM8 11H11V14H8V11ZM3 5H6V8H3V5ZM13 5H16V8H13V5ZM18 5H21V8H18V5ZM13 11H16V14H13V11ZM18 11H21V14H18V11ZM8 5H11V8H8V5Z"
+  }));
+};
+KeyboardLineIcon.displayName = 'icon-keyboard-line';

package/dist/component/Menu/NestedList.d.ts

@@ -3,6 +3,7 @@ import { PopoverOrigin } from '@mui/material';
 import React from 'react';
 export interface NestedMenuListProps {
     list: MenuItem[];
+    width?: number;
     arrowIcon?: React.ReactNode;
     childrenProps?: {
         anchorOrigin?: PopoverOrigin;

package/dist/component/Menu/NestedList.js

@@ -15,6 +15,7 @@ import { Box, Popover, Stack } from '@mui/material';
 import React from 'react';
 var NestedList = function NestedList(_ref) {
   var list = _ref.list,
+    width = _ref.width,
     arrowIcon = _ref.arrowIcon,
     _ref$childrenProps = _ref.childrenProps,
     childrenProps = _ref$childrenProps === void 0 ? {
@@ -56,10 +57,12 @@ var NestedList = function NestedList(_ref) {
   };
   return /*#__PURE__*/React.createElement(Box, {
     className: "menu-select-list",
-    sx: {
+    sx: _objectSpread({
       minWidth: 160,
       lineHeight: 1.625
-    }
+    }, width ? {
+      width: width
+    } : {})
   }, list.map(function (item) {
     var _item$children2;
     return item.customLabel ? /*#__PURE__*/React.createElement(Box, {
@@ -101,16 +104,19 @@ var NestedList = function NestedList(_ref) {
       onClose: handleItemLeave,
       sx: {
         pointerEvents: 'none'
-      }
+      },
+      disableScrollLock: true
     }, childrenProps), /*#__PURE__*/React.createElement(Box, {
       className: "menu-select-sub-list",
-      sx: _objectSpread(_objectSpread({
+      sx: _objectSpread(_objectSpread(_objectSpread({
         pointerEvents: 'auto',
         p: 0.5,
         minWidth: 160,
         maxHeight: 360,
         overflow: 'auto'
-      }, item.minWidth ? {
+      }, item.width ? {
+        width: item.width
+      } : {}), item.minWidth ? {
         minWidth: item.minWidth
       } : {}), item.maxHeight ? {
         maxHeight: item.maxHeight

package/dist/component/Menu/index.js

@@ -10,6 +10,7 @@ import NestedList from "./NestedList";
 var Menu = function Menu(_ref) {
   var _ref$id = _ref.id,
     id = _ref$id === void 0 ? 'menu-select' : _ref$id,
+    width = _ref.width,
     arrowIcon = _ref.arrowIcon,
     list = _ref.list,
     _ref$header = _ref.header,
@@ -67,7 +68,8 @@ var Menu = function Menu(_ref) {
     anchorEl: anchorEl,
     onClose: handleClose,
     anchorOrigin: anchorOrigin,
-    transformOrigin: transformOrigin
+    transformOrigin: transformOrigin,
+    disableScrollLock: true
   }, /*#__PURE__*/React.createElement(Box, {
     sx: {
       p: 0.5
@@ -75,6 +77,7 @@ var Menu = function Menu(_ref) {
   }, /*#__PURE__*/React.createElement(Box, {
     onClick: handleClose
   }, header), /*#__PURE__*/React.createElement(NestedList, {
+    width: width,
     list: list,
     arrowIcon: arrowIcon,
     childrenProps: childrenProps,

package/dist/component/Toolbar/EditorHeading.js

@@ -1,7 +1,7 @@
-var _excluded = ["className"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -9,10 +9,11 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { getShortcutKeyText } from "../../util";
-import { Box, MenuItem, Select, Stack, Tooltip } from "@mui/material";
+import { Box, Typography } from "@mui/material";
 import React, { useEffect, useState } from "react";
-import { ArrowDownSLineIcon, H1Icon, H2Icon, H3Icon, H4Icon, H5Icon, H6Icon, HeadingIcon } from "../Icons";
-import ToolItem from "./Item";
+import { ArrowDownSLineIcon, H1Icon, H2Icon, H3Icon, H4Icon, H5Icon, H6Icon, TextIcon } from "../Icons";
+import Menu from "../Menu";
+import { default as ToolbarItem } from "./Item";
 var EditorHeading = function EditorHeading(_ref) {
   var editor = _ref.editor;
   var _useState = useState("paragraph"),
@@ -21,12 +22,12 @@ var EditorHeading = function EditorHeading(_ref) {
     setSelectedValue = _useState2[1];
   var HeadingOptions = [{
     id: 'paragraph',
-    icon: /*#__PURE__*/React.createElement(HeadingIcon, {
+    icon: /*#__PURE__*/React.createElement(TextIcon, {
       sx: {
         fontSize: '1rem'
       }
     }),
-    label: 'Paragraph',
+    label: '正文',
     shortcutKey: ['ctrl', 'alt', '0']
   }, {
     id: '1',
@@ -35,7 +36,7 @@ var EditorHeading = function EditorHeading(_ref) {
         fontSize: '1rem'
       }
     }),
-    label: 'Heading 1',
+    label: '标题1',
     shortcutKey: ['ctrl', 'alt', '1']
   }, {
     id: '2',
@@ -44,7 +45,7 @@ var EditorHeading = function EditorHeading(_ref) {
         fontSize: '1rem'
       }
     }),
-    label: 'Heading 2',
+    label: '标题2',
     shortcutKey: ['ctrl', 'alt', '2']
   }, {
     id: '3',
@@ -53,7 +54,7 @@ var EditorHeading = function EditorHeading(_ref) {
         fontSize: '1rem'
       }
     }),
-    label: 'Heading 3',
+    label: '标题3',
     shortcutKey: ['ctrl', 'alt', '3']
   }, {
     id: '4',
@@ -62,7 +63,7 @@ var EditorHeading = function EditorHeading(_ref) {
         fontSize: '1rem'
       }
     }),
-    label: 'Heading 4',
+    label: '标题4',
     shortcutKey: ['ctrl', 'alt', '4']
   }, {
     id: '5',
@@ -71,7 +72,7 @@ var EditorHeading = function EditorHeading(_ref) {
         fontSize: '1rem'
       }
     }),
-    label: 'Heading 5',
+    label: '标题5',
     shortcutKey: ['ctrl', 'alt', '5']
   }, {
     id: '6',
@@ -80,15 +81,14 @@ var EditorHeading = function EditorHeading(_ref) {
         fontSize: '1rem'
       }
     }),
-    label: 'Heading 6',
+    label: '标题6',
     shortcutKey: ['ctrl', 'alt', '6']
   }];
   var updateSelection = function updateSelection() {
     var level = editor.getAttributes("heading").level || "paragraph";
     setSelectedValue(level);
   };
-  var handleChange = function handleChange(e) {
-    var value = e.target.value;
+  var handleChange = function handleChange(value) {
     setSelectedValue(value);
     if (value !== 'paragraph') {
       var level = parseInt(value);
@@ -107,79 +107,67 @@ var EditorHeading = function EditorHeading(_ref) {
       editor.off('transaction', updateSelection);
     };
   }, [editor]);
-  return /*#__PURE__*/React.createElement(Select, {
-    value: selectedValue,
-    className: ['1', '2', '3', '4', '5', '6'].includes(String(selectedValue)) ? "tool-active" : "",
-    onChange: handleChange,
-    sx: {
-      bgcolor: 'transparent',
-      '&:hover .MuiOutlinedInput-notchedOutline': {
-        borderWidth: '0px !important',
-        borderColor: 'transparent !important'
-      },
-      '&.Mui-focused .MuiOutlinedInput-notchedOutline': {
-        borderWidth: '0px !important',
-        borderColor: 'transparent !important'
-      }
-    },
-    renderValue: function renderValue(value) {
-      var _HeadingOptions$find;
-      return /*#__PURE__*/React.createElement(ToolItem, {
-        tip: '标题',
-        icon: /*#__PURE__*/React.createElement(Stack, {
-          direction: 'row',
-          alignItems: 'center',
-          sx: {
-            mr: 0.5,
-            width: '1.5rem'
-          }
-        }, ((_HeadingOptions$find = HeadingOptions.find(function (it) {
-          return it.id === String(value);
-        })) === null || _HeadingOptions$find === void 0 ? void 0 : _HeadingOptions$find.icon) || /*#__PURE__*/React.createElement(HeadingIcon, {
-          sx: {
-            fontSize: '1rem'
-          }
-        }))
-      });
-    },
-    IconComponent: function IconComponent(_ref2) {
-      var className = _ref2.className,
-        rest = _objectWithoutProperties(_ref2, _excluded);
-      return /*#__PURE__*/React.createElement(ArrowDownSLineIcon, _extends({
+  return /*#__PURE__*/React.createElement(Menu, {
+    context: /*#__PURE__*/React.createElement(ToolbarItem, {
+      tip: '标题',
+      text: /*#__PURE__*/React.createElement(Box, {
+        sx: {
+          position: 'relative',
+          pr: 1
+        }
+      }, /*#__PURE__*/React.createElement(Box, {
+        sx: {
+          width: '38px',
+          textAlign: 'left'
+        }
+      }, HeadingOptions.filter(function (it) {
+        return it.id === String(selectedValue);
+      })[0].label), /*#__PURE__*/React.createElement(ArrowDownSLineIcon, {
         sx: {
           position: 'absolute',
-          right: 2,
+          right: -6,
+          top: '50%',
+          transform: 'translateY(-50%)',
           flexSelf: 'center',
           fontSize: '1rem',
           flexShrink: 0,
           mr: 0,
           color: 'text.disabled',
-          transform: className !== null && className !== void 0 && className.includes('MuiSelect-iconOpen') ? 'rotate(-180deg)' : 'none',
-          transition: 'transform 0.3s',
           cursor: 'pointer',
           pointerEvents: 'none'
         }
-      }, rest));
-    }
-  }, HeadingOptions.map(function (it) {
-    return /*#__PURE__*/React.createElement(MenuItem, {
-      key: it.id,
-      value: it.id
-    }, /*#__PURE__*/React.createElement(Tooltip, {
-      arrow: true,
-      title: getShortcutKeyText(it.shortcutKey),
-      placement: "right"
-    }, /*#__PURE__*/React.createElement(Stack, {
-      direction: 'row',
-      alignItems: 'center',
-      justifyContent: "center",
-      gap: 1
-    }, it.icon, /*#__PURE__*/React.createElement(Box, {
+      }))
+    }),
+    anchorOrigin: {
+      vertical: 'bottom',
+      horizontal: 'left'
+    },
+    transformOrigin: {
+      vertical: 'top',
+      horizontal: 'left'
+    },
+    arrowIcon: /*#__PURE__*/React.createElement(ArrowDownSLineIcon, {
       sx: {
-        ml: 1,
-        fontSize: '0.875rem'
+        fontSize: '1rem',
+        transform: 'rotate(-90deg)'
       }
-    }, it.label))));
-  }));
+    }),
+    list: _toConsumableArray(HeadingOptions.map(function (it) {
+      return {
+        label: it.label,
+        key: it.id,
+        icon: it.icon,
+        extra: /*#__PURE__*/React.createElement(Typography, {
+          sx: {
+            fontSize: '12px',
+            color: 'text.disabled'
+          }
+        }, getShortcutKeyText(it.shortcutKey, '+')),
+        onClick: function onClick() {
+          return handleChange(it.id);
+        }
+      };
+    }))
+  });
 };
 export default EditorHeading;

package/dist/component/Toolbar/EditorInsert/index.d.ts

@@ -1,5 +1,5 @@
-import { Editor } from "@tiptap/react";
-import React from "react";
+import { Editor } from '@tiptap/react';
+import React from 'react';
 interface EditorInsertProps {
     editor: Editor;
 }