@ctzhian/tiptap 3.0.0 → 3.0.2

package/dist/component/Toolbar/EditorVerticalAlignSelect.js

@@ -0,0 +1,174 @@
+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 _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); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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 React, { useEffect, useState } from "react";
+import { AlignBottomIcon, AlignTopIcon, AlignVerticallyIcon, ArrowDownSLineIcon } from "../Icons";
+import ToolbarItem from "./Item";
+var EditorVerticalAlignSelect = function EditorVerticalAlignSelect(_ref) {
+  var editor = _ref.editor;
+  var _useState = useState("none"),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedValue = _useState2[0],
+    setSelectedValue = _useState2[1];
+  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 updateSelection = function updateSelection() {
+    if (editor.isActive('textStyle', {
+      verticalAlign: 'top'
+    })) {
+      setSelectedValue('top');
+    } else if (editor.isActive('textStyle', {
+      verticalAlign: 'middle'
+    })) {
+      setSelectedValue('middle');
+    } else if (editor.isActive('textStyle', {
+      verticalAlign: 'bottom'
+    })) {
+      setSelectedValue('bottom');
+    } else {
+      setSelectedValue('none'); // 默认无垂直对齐
+    }
+  };
+  var handleVerticalAlignAction = function handleVerticalAlignAction(alignType) {
+    editor.chain().focus().toggleVerticalAlign(alignType).run();
+  };
+  var handleChange = function handleChange(e) {
+    var value = e.target.value;
+    setSelectedValue(value);
+  };
+  useEffect(function () {
+    editor.on('selectionUpdate', updateSelection);
+    editor.on('transaction', updateSelection);
+    return function () {
+      editor.off('selectionUpdate', updateSelection);
+      editor.off('transaction', updateSelection);
+    };
+  }, [editor]);
+  return /*#__PURE__*/React.createElement(Select, {
+    value: selectedValue,
+    className: ['top', 'middle', 'bottom'].includes(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 _VerticalAlignOptions;
+      return /*#__PURE__*/React.createElement(ToolbarItem, {
+        tip: '垂直对齐方式',
+        icon: /*#__PURE__*/React.createElement(Stack, {
+          direction: 'row',
+          alignItems: 'center',
+          sx: {
+            mr: 0.5,
+            width: '1.5rem'
+          }
+        }, ((_VerticalAlignOptions = VerticalAlignOptions.find(function (it) {
+          return it.id === value;
+        })) === null || _VerticalAlignOptions === void 0 ? void 0 : _VerticalAlignOptions.icon) || /*#__PURE__*/React.createElement(AlignVerticallyIcon, {
+          sx: {
+            fontSize: '1rem'
+          }
+        }))
+      });
+    },
+    IconComponent: function IconComponent(_ref2) {
+      var className = _ref2.className,
+        rest = _objectWithoutProperties(_ref2, _excluded);
+      return /*#__PURE__*/React.createElement(ArrowDownSLineIcon, _extends({
+        sx: {
+          position: 'absolute',
+          right: 2,
+          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));
+    }
+  }, /*#__PURE__*/React.createElement(MenuItem, {
+    key: 'none',
+    value: 'none',
+    sx: {
+      display: 'none'
+    }
+  }, /*#__PURE__*/React.createElement(AlignVerticallyIcon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }), /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      ml: 1
+    }
+  }, "\u65E0")), VerticalAlignOptions.map(function (it) {
+    return /*#__PURE__*/React.createElement(MenuItem, {
+      key: it.id,
+      value: it.id,
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        handleVerticalAlignAction(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, {
+      sx: {
+        fontSize: '0.875rem'
+      }
+    }, it.label))));
+  }));
+};
+export default EditorVerticalAlignSelect;

package/dist/{components → component}/Toolbar/Item.js

@@ -8,7 +8,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 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; }
-import { getShortcutKeyText } from "../../utils";
+import { getShortcutKeyText } from "../../util";
 import { Box, Button, Stack, Tooltip } from '@mui/material';
 import React from 'react';
 var ToolbarItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {

package/dist/{components → component}/Toolbar/TableSizePicker.js

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 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 { addOpacityToColor } from "../../utils";
+import { addOpacityToColor } from "../../util";
 import { Box, Stack, useTheme } from "@mui/material";
 import React, { useState } from "react";
 var TableSizePicker = function TableSizePicker(_ref) {

package/dist/{components → component}/Toolbar/index.d.ts

@@ -1,5 +1,4 @@
 export { default as EditorAlignSelect } from './EditorAlignSelect';
-export { default as EditorCommandSelect, useEditorSelectValue, type CommandSelectOption } from './CommandSelect';
 export { default as EditorCode } from './EditorCode';
 export { default as EditorFontBgColor } from './EditorFontBgColor';
 export { default as EditorFontColor } from './EditorFontColor';

package/dist/{components → component}/Toolbar/index.js

@@ -1,5 +1,4 @@
 export { default as EditorAlignSelect } from "./EditorAlignSelect";
-export { default as EditorCommandSelect, useEditorSelectValue } from "./CommandSelect";
 export { default as EditorCode } from "./EditorCode";
 export { default as EditorFontBgColor } from "./EditorFontBgColor";
 export { default as EditorFontColor } from "./EditorFontColor";

package/dist/{constants → contants}/enums.d.ts

@@ -6,8 +6,6 @@ export declare enum NodeTypeEnum {
     InlineAttachment = "inlineAttachment",
     Paragraph = "paragraph",
     Heading = "heading",
-    ListItem = "listItem",
-    TaskItem = "taskItem",
     BulletList = "bulletList",
     OrderedList = "orderedList",
     TaskList = "taskList",

package/dist/{constants → contants}/enums.js

@@ -3,7 +3,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 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 { BilibiliLineIcon, WindowFillIcon } from "../components/Icons";
+import { BilibiliLineIcon, WindowFillIcon } from "../component/Icons";
 import React from "react";
 export var NodeTypeEnum = /*#__PURE__*/function (NodeTypeEnum) {
   NodeTypeEnum["Alert"] = "alert";
@@ -11,8 +11,6 @@ export var NodeTypeEnum = /*#__PURE__*/function (NodeTypeEnum) {
   NodeTypeEnum["InlineAttachment"] = "inlineAttachment";
   NodeTypeEnum["Paragraph"] = "paragraph";
   NodeTypeEnum["Heading"] = "heading";
-  NodeTypeEnum["ListItem"] = "listItem";
-  NodeTypeEnum["TaskItem"] = "taskItem";
   NodeTypeEnum["BulletList"] = "bulletList";
   NodeTypeEnum["OrderedList"] = "orderedList";
   NodeTypeEnum["TaskList"] = "taskList";
@@ -44,18 +42,6 @@ export var NODE_TYPE_LABEL = (_NODE_TYPE_LABEL = {}, _defineProperty(_defineProp
   fontSize: true,
   align: true,
   convert: true
-}), NodeTypeEnum.ListItem, {
-  label: '列表项',
-  color: true,
-  fontSize: true,
-  align: true,
-  convert: false
-}), NodeTypeEnum.TaskItem, {
-  label: '任务项',
-  color: true,
-  fontSize: true,
-  align: true,
-  convert: false
 }), NodeTypeEnum.BulletList, {
   label: '无序列表',
   color: true,
@@ -92,13 +78,13 @@ export var NODE_TYPE_LABEL = (_NODE_TYPE_LABEL = {}, _defineProperty(_defineProp
   fontSize: true,
   align: true,
   convert: true
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_NODE_TYPE_LABEL, NodeTypeEnum.CodeBlock, {
+}), NodeTypeEnum.CodeBlock, {
   label: '代码块',
   convert: true
 }), NodeTypeEnum.Details, {
   label: '折叠面板',
   align: true
-}), NodeTypeEnum.BlockMath, {
+}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_NODE_TYPE_LABEL, NodeTypeEnum.BlockMath, {
   label: '块公式'
 }), NodeTypeEnum.Table, {
   label: '表格',
@@ -120,11 +106,11 @@ export var NODE_TYPE_LABEL = (_NODE_TYPE_LABEL = {}, _defineProperty(_defineProp
   label: '链接'
 }), NodeTypeEnum.Image, {
   label: '图片'
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_NODE_TYPE_LABEL, NodeTypeEnum.Iframe, {
+}), NodeTypeEnum.Iframe, {
   label: 'iframe'
 }), NodeTypeEnum.InlineMath, {
   label: '行内公式'
-}), NodeTypeEnum.InlineAttachment, {
+}), _defineProperty(_defineProperty(_NODE_TYPE_LABEL, NodeTypeEnum.InlineAttachment, {
   label: '附件'
 }), NodeTypeEnum.HorizontalRule, {
   label: '分割线'

package/dist/{constants → contants}/slash-commands.js

@@ -1,5 +1,5 @@
 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 "../components/Icons";
+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'],

package/dist/{editor-core/extensions → extension}/component/Alert/index.js

@@ -4,9 +4,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 "../../../../components";
-import { CheckboxCircleFillIcon, CloseCircleFillIcon, ErrorWarningFillIcon, Information2FillIcon, ScrollToBottomLineIcon, TextIcon, UserSmileFillIcon } from "../../../../components/Icons";
-import { ToolbarItem } from "../../../../components/Toolbar";
+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';

package/dist/{editor-core/extensions → extension}/component/Attachment/AttachmentContent.js

@@ -14,8 +14,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 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 { Download2LineIcon, FileIcon } from "../../../../components/Icons";
-import { EyeLineIcon } from "../../../../components/Icons/eye-line-icon";
+import { Download2LineIcon, FileIcon } from "../../../component/Icons";
+import { EyeLineIcon } from "../../../component/Icons/eye-line-icon";
 import { alpha, Box, IconButton, Stack, useTheme } from "@mui/material";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 /**

package/dist/{editor-core/extensions → extension}/component/Attachment/Insert.d.ts

@@ -1,4 +1,4 @@
-import { EditorFnProps } from "../../../../types";
+import { EditorFnProps } from "../../../type";
 import { Editor } from "@tiptap/core";
 import React from "react";
 import { AttachmentAttributes } from ".";

package/dist/{editor-core/extensions → extension}/component/Attachment/Insert.js

@@ -13,12 +13,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 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 { Attachment2Icon } from "../../../../components/Icons";
-import { formatFileSize, insertNodeAfterPosition } from "../../../../utils";
+import { Attachment2Icon } from "../../../component/Icons";
+import { insertNodeAfterPosition } from "../../../util";
 import { Box, CircularProgress } from "@mui/material";
 import { NodeViewWrapper } from "@tiptap/react";
 import React, { useEffect, useRef, useState } from "react";
-import { uploadFilesSequentially } from "../shared/upload-flow";
 var InsertAttachment = function InsertAttachment(_ref) {
   var editor = _ref.editor,
     selected = _ref.selected,
@@ -46,14 +45,21 @@ var InsertAttachment = function InsertAttachment(_ref) {
     uploadProgress = _useState10[0],
     setUploadProgress = _useState10[1];
   var fileInputRef = useRef(null);
+  var formatFileSize = function formatFileSize(bytes) {
+    if (bytes === 0) return '0 B';
+    var k = 1024;
+    var sizes = ['B', 'KB', 'MB', 'GB'];
+    var i = Math.floor(Math.log(bytes) / Math.log(k));
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+  };
   var handleConfirmUpload = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(selectedFiles) {
-      var from;
+      var file, fileSize, from, result;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            from = editor.state.selection.from;
-            if (!(selectedFiles.length === 0)) {
+            file = selectedFiles[0];
+            if (file) {
               _context.next = 3;
               break;
             }
@@ -61,56 +67,57 @@ var InsertAttachment = function InsertAttachment(_ref) {
           case 3:
             setUploading(true);
             setUploadProgress(0);
-            _context.next = 7;
-            return uploadFilesSequentially({
-              files: selectedFiles,
-              onUpload: onUpload,
-              onFileStart: function onFileStart(file, index) {
-                if (index === 0) {
-                  setTotal(selectedFiles.length);
-                }
-                setUploadProgress(0);
-              },
-              onProgress: function onProgress(progress) {
-                setUploadProgress(progress);
-              },
-              onFileSuccess: function onFileSuccess(result, file) {
-                insertNodeAfterPosition(editor, from, {
-                  type: 'blockAttachment',
-                  attrs: {
-                    url: result || '',
-                    type: 'block',
-                    size: formatFileSize(file.size),
-                    title: file.name
-                  }
-                });
-                setSuccessCount(function (prev) {
-                  return prev + 1;
-                });
-              },
-              onFileError: function onFileError(error, file) {
-                insertNodeAfterPosition(editor, from, {
-                  type: 'blockAttachment',
-                  attrs: {
-                    url: 'error',
-                    type: 'block',
-                    size: formatFileSize(file.size),
-                    title: error instanceof Error ? error.message : '上传失败'
-                  }
-                });
-                setErrorCount(function (prev) {
-                  return prev + 1;
-                });
-                onError === null || onError === void 0 || onError(error);
+            fileSize = formatFileSize(file.size);
+            from = editor.state.selection.from;
+            _context.prev = 7;
+            _context.next = 10;
+            return onUpload === null || onUpload === void 0 ? void 0 : onUpload(file, function (_ref3) {
+              var progress = _ref3.progress;
+              setUploadProgress(Math.round(progress * 100));
+            });
+          case 10:
+            result = _context.sent;
+            insertNodeAfterPosition(editor, from, {
+              type: 'blockAttachment',
+              attrs: {
+                url: result || '',
+                type: 'block',
+                size: fileSize,
+                title: file.name
               }
             });
-          case 7:
+            setSuccessCount(function (prev) {
+              return prev + 1;
+            });
+            _context.next = 20;
+            break;
+          case 15:
+            _context.prev = 15;
+            _context.t0 = _context["catch"](7);
+            insertNodeAfterPosition(editor, from, {
+              type: 'blockAttachment',
+              attrs: {
+                url: 'error',
+                type: 'block',
+                size: fileSize,
+                title: _context.t0 instanceof Error ? _context.t0.message : '上传失败'
+              }
+            });
+            setErrorCount(function (prev) {
+              return prev + 1;
+            });
+            onError === null || onError === void 0 || onError(_context.t0);
+          case 20:
+            _context.prev = 20;
             setUploading(false);
-          case 8:
+            return _context.finish(20);
+          case 23:
+            handleConfirmUpload(selectedFiles.slice(1));
+          case 24:
           case "end":
             return _context.stop();
         }
-      }, _callee);
+      }, _callee, null, [[7, 15, 20, 23]]);
     }));
     return function handleConfirmUpload(_x) {
       return _ref2.apply(this, arguments);
@@ -124,6 +131,7 @@ var InsertAttachment = function InsertAttachment(_ref) {
     var selectedFiles = event.target.files;
     if (selectedFiles && selectedFiles.length > 0) {
       var filesArray = Array.from(selectedFiles);
+      setTotal(filesArray.length);
       handleConfirmUpload(filesArray);
     }
   };

package/dist/{editor-core/extensions → extension}/component/Attachment/index.d.ts

@@ -1,4 +1,4 @@
-import { EditorFnProps } from "../../../../types";
+import { EditorFnProps } from "../../../type";
 import { NodeViewProps } from "@tiptap/react";
 import React from "react";
 export interface AttachmentAttributes {

package/dist/{editor-core/extensions → extension}/component/Attachment/index.js

@@ -5,13 +5,12 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 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 { ActionDropdown, HoverPopover } from "../../../../components";
-import { CarouselViewIcon, DeleteLineIcon, DownloadLineIcon, EditLineIcon, ScrollToBottomLineIcon } from "../../../../components/Icons";
-import { ToolbarItem } from "../../../../components/Toolbar";
-import { Box, Divider, Stack, TextField } from "@mui/material";
+import { ActionDropdown, FloatingPopover, HoverPopover } from "../../../component";
+import { CarouselViewIcon, DeleteLineIcon, DownloadLineIcon, EditLineIcon, ScrollToBottomLineIcon } from "../../../component/Icons";
+import { ToolbarItem } from "../../../component/Toolbar";
+import { Box, Button, Divider, Stack, TextField } from "@mui/material";
 import { NodeViewWrapper } from "@tiptap/react";
 import React, { useCallback, useEffect, useRef, useState } from "react";
-import { EditPopoverActions, EditPopoverShell, useAnchoredPopover } from "../shared/edit-popover";
 import { AttachmentContent } from "./AttachmentContent";
 import InsertAttachment from "./Insert";
 /**
@@ -45,12 +44,11 @@ var AttachmentViewWrapper = function AttachmentViewWrapper(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     extension = _useState4[0],
     setExtension = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    anchorEl = _useState6[0],
+    setAnchorEl = _useState6[1];
   var attachmentContentRef = useRef(null);
-  var _useAnchoredPopover = useAnchoredPopover(),
-    anchorEl = _useAnchoredPopover.anchorEl,
-    isOpen = _useAnchoredPopover.isOpen,
-    openFromElement = _useAnchoredPopover.openFromElement,
-    close = _useAnchoredPopover.close;
   var isPdf = isPdfFile(attrs);
   useEffect(function () {
     var title = attrs.title || '';
@@ -58,10 +56,10 @@ var AttachmentViewWrapper = function AttachmentViewWrapper(_ref) {
     setExtension(title.split('.').pop() || '');
   }, [attrs.title, attachmentDisplayType]);
   var handleShowPopover = function handleShowPopover() {
-    openFromElement(attachmentContentRef.current);
+    setAnchorEl(attachmentContentRef.current);
   };
   var handleClosePopover = function handleClosePopover() {
-    return close();
+    return setAnchorEl(null);
   };
   var handleConvertAttachmentType = function handleConvertAttachmentType(newType) {
     var pos = getPos();
@@ -262,10 +260,11 @@ var AttachmentViewWrapper = function AttachmentViewWrapper(_ref) {
     type: attachmentDisplayType === 'block' ? 'block' : 'icon',
     editable: true,
     updateAttributes: updateAttributes
-  }))), /*#__PURE__*/React.createElement(EditPopoverShell, {
-    open: isOpen,
+  }))), /*#__PURE__*/React.createElement(FloatingPopover, {
+    open: Boolean(anchorEl),
     anchorEl: anchorEl,
-    onClose: handleClosePopover
+    onClose: handleClosePopover,
+    placement: "bottom"
   }, /*#__PURE__*/React.createElement(Stack, {
     gap: 2,
     sx: {
@@ -293,10 +292,19 @@ var AttachmentViewWrapper = function AttachmentViewWrapper(_ref) {
       return setTitle(e.target.value);
     },
     placeholder: "\u9644\u4EF6\u6807\u9898"
-  })), /*#__PURE__*/React.createElement(EditPopoverActions, {
-    onCancel: handleClosePopover,
-    onConfirm: handleSave,
-    confirmText: "\u4FEE\u6539\u9644\u4EF6"
-  }))));
+  })), /*#__PURE__*/React.createElement(Stack, {
+    direction: "row",
+    gap: 1
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "outlined",
+    size: "small",
+    fullWidth: true,
+    onClick: handleClosePopover
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+    variant: "contained",
+    size: "small",
+    fullWidth: true,
+    onClick: handleSave
+  }, "\u4FEE\u6539\u9644\u4EF6")))));
 };
 export default AttachmentViewWrapper;

package/dist/{editor-core/extensions → extension}/component/Audio/AudioPlayer.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { AudioAttributes } from "./shared";
+import { AudioAttributes } from ".";
 interface AudioPlayerProps {
     attrs: AudioAttributes;
     onError?: (error: Error) => void;

package/dist/{editor-core/extensions → extension}/component/Audio/AudioPlayer.js

@@ -10,11 +10,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 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 { FloatingPopover } from "../../../../components";
-import { PauseLineIcon, PlayLineIcon, SpeedLineIcon, VolumeDownLineIcon, VolumeMuteLineIcon, VolumeUpLineIcon } from "../../../../components/Icons";
+import { FloatingPopover } from "../../../component";
+import { PauseLineIcon, PlayLineIcon, SpeedLineIcon, VolumeDownLineIcon, VolumeMuteLineIcon, VolumeUpLineIcon } from "../../../component/Icons";
 import { Box, Divider, IconButton, MenuItem, MenuList, Paper, Slider, Stack, Tooltip, Typography } from "@mui/material";
 import React, { useEffect, useRef, useState } from "react";
-import Disk from "../../../../asset/images/disk.png";
+import Disk from "../../../asset/images/disk.png";
 var AudioPlayer = function AudioPlayer(_ref) {
   var attrs = _ref.attrs,
     _onError = _ref.onError;
@@ -120,9 +120,6 @@ var AudioPlayer = function AudioPlayer(_ref) {
   useEffect(function () {
     var audio = audioRef.current;
     if (!audio) return;
-    audio.volume = volume;
-    audio.playbackRate = playbackRate;
-    audio.muted = attrs.muted;
     var handleLoadedMetadata = function handleLoadedMetadata() {
       setDuration(audio.duration);
     };
@@ -135,10 +132,6 @@ var AudioPlayer = function AudioPlayer(_ref) {
     var handlePause = function handlePause() {
       setIsPlaying(false);
     };
-    var handleVolumeUpdate = function handleVolumeUpdate() {
-      setVolume(audio.volume);
-      setIsMuted(audio.muted);
-    };
     var handleError = function handleError(e) {
       _onError === null || _onError === void 0 || _onError(e.error);
     };
@@ -146,17 +139,15 @@ var AudioPlayer = function AudioPlayer(_ref) {
     audio.addEventListener('timeupdate', handleTimeUpdate);
     audio.addEventListener('play', handlePlay);
     audio.addEventListener('pause', handlePause);
-    audio.addEventListener('volumechange', handleVolumeUpdate);
     audio.addEventListener('error', handleError);
     return function () {
       audio.removeEventListener('loadedmetadata', handleLoadedMetadata);
       audio.removeEventListener('timeupdate', handleTimeUpdate);
       audio.removeEventListener('play', handlePlay);
       audio.removeEventListener('pause', handlePause);
-      audio.removeEventListener('volumechange', handleVolumeUpdate);
       audio.removeEventListener('error', handleError);
     };
-  }, [attrs.muted, attrs.src, _onError, playbackRate, volume]);
+  }, [attrs.src, _onError]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Stack, {
     direction: 'row',
     alignItems: 'center',