@ctzhian/tiptap 2.0.0 → 2.1.1

package/dist/component/Icons/index.js

@@ -32,10 +32,12 @@ 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 { CollapseHorizontalLine } from "./collapse-horizontal-line";
 export { CollapseIcon } from "./collapse-icon";
 export { CommandLineIcon } from "./command-line-icon";
 export { CopyIcon } from "./copy-icon";
 export { CustomSizeIcon } from "./custom-size-icon";
+export { DeleteBack2LineIcon } from "./delete-back-2-line-icon";
 export { DeleteColumnIcon } from "./delete-column-icon";
 export { DeleteLineIcon } from "./delete-line-icon";
 export { DeleteRowIcon } from "./delete-row-icon";
@@ -48,6 +50,7 @@ export { EditLineIcon } from "./edit-line-icon";
 export { EmotionLineIcon } from "./emotion-line-icon";
 export { EraserLineIcon } from "./eraser-line-icon";
 export { ErrorWarningFillIcon } from "./error-warning-fill-icon";
+export { ExpandHorizontalLineIcon } from "./expand-horizontal-line-icon";
 export { ExpendIcon } from "./expend-icon";
 export { ExportLineIcon } from "./export-line-icon";
 export { FileCopyLineIcon } from "./file-copy-line-icon";
@@ -117,6 +120,10 @@ export { ScreenshotLineIcon } from "./screenshot-line-icon";
 export { ScrollToBottomLineIcon } from "./scroll-to-bottom-line-icon";
 export { SeparatorIcon } from "./separator-icon";
 export { ShareBoxLineIcon } from "./share-box-line-icon";
+export { SkipDownIcon } from "./skip-down-icon";
+export { SkipLeftIcon } from "./skip-left-icon";
+export { SkipRightIcon } from "./skip-right-icon";
+export { SkipUpIcon } from "./skip-up-icon";
 export { SlashCommands2Icon } from "./slash-commands-2-icon";
 export { SpeedLineIcon } from "./speed-line-icon";
 export { SplitCellsHorizontalIcon } from "./split-cells-horizontal-icon";
@@ -134,8 +141,7 @@ export { UnderlineIcon } from "./underline-icon";
 export { UploadCloud2LineIcon } from "./upload-cloud-2-line-icon";
 export { UploadIcon } from "./upload-icon";
 export { UserSmileFillIcon } from "./user-smile-fill-icon";
+export { VolumeDownLineIcon } from "./volume-down-line-icon";
 export { VolumeMuteLineIcon } from "./volume-mute-line-icon";
 export { VolumeUpLineIcon } from "./volume-up-line-icon";
-export { WindowFillIcon } from "./window-fill-icon";
-export { CollapseHorizontalLine } from "./collapse-horizontal-line";
-export { ExpandHorizontalLineIcon } from "./expand-horizontal-line";
+export { WindowFillIcon } from "./window-fill-icon";

package/dist/component/Icons/skip-down-icon.d.ts

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

package/dist/component/Icons/skip-down-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 SkipDownIcon = function SkipDownIcon(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 10.0858L7.20711 5.29291L5.79289 6.70712L12 12.9142L18.2071 6.70712L16.7929 5.29291L12 10.0858ZM18 17L6 17L6 15L18 15V17Z"
+  }));
+};
+SkipDownIcon.displayName = 'icon-skip-down';

package/dist/component/Icons/skip-left-icon.d.ts

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

package/dist/component/Icons/skip-left-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 SkipLeftIcon = function SkipLeftIcon(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: "M13.9142 12L18.7071 7.20712L17.2929 5.79291L11.0858 12L17.2929 18.2071L18.7071 16.7929L13.9142 12ZM7 18V6.00001H9V18H7Z"
+  }));
+};
+SkipLeftIcon.displayName = 'icon-skip-left';

package/dist/component/Icons/skip-right-icon.d.ts

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

package/dist/component/Icons/skip-right-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 SkipRightIcon = function SkipRightIcon(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: "M10.0858 12L5.29289 16.7929L6.70711 18.2071L12.9142 12L6.70711 5.79291L5.29289 7.20712L10.0858 12ZM17 6.00002L17 18H15L15 6.00002L17 6.00002Z"
+  }));
+};
+SkipRightIcon.displayName = 'icon-skip-right';

package/dist/component/Icons/skip-up-icon.d.ts

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

package/dist/component/Icons/skip-up-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 SkipUpIcon = function SkipUpIcon(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 13.9142L16.7929 18.7071L18.2071 17.2929L12 11.0858L5.79289 17.2929L7.20711 18.7071L12 13.9142ZM6 7L18 7V9L6 9L6 7Z"
+  }));
+};
+SkipUpIcon.displayName = 'icon-skip-up';

package/dist/component/Icons/volume-down-line-icon.d.ts

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

package/dist/component/Icons/volume-down-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 VolumeDownLineIcon = function VolumeDownLineIcon(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: "M13 7.22056L9.60282 10.0001H6V14.0001H9.60282L13 16.7796V7.22056ZM8.88889 16.0001H5C4.44772 16.0001 4 15.5524 4 15.0001V9.00007C4 8.44778 4.44772 8.00007 5 8.00007H8.88889L14.1834 3.66821C14.3971 3.49335 14.7121 3.52485 14.887 3.73857C14.9601 3.8279 15 3.93977 15 4.05519V19.9449C15 20.2211 14.7761 20.4449 14.5 20.4449C14.3846 20.4449 14.2727 20.405 14.1834 20.3319L8.88889 16.0001ZM18.8631 16.5911L17.4411 15.1691C18.3892 14.4376 19 13.2902 19 12.0001C19 10.5697 18.2493 9.31476 17.1203 8.60766L18.5589 7.16906C20.0396 8.26166 21 10.0187 21 12.0001C21 13.8422 20.1698 15.4905 18.8631 16.5911Z"
+  }));
+};
+VolumeDownLineIcon.displayName = 'icon-volume-down-line';

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

@@ -1,15 +1,15 @@
-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 { FloatingPopover } from "../../../component";
+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, useState } from 'react';
+import React, { useMemo, useRef } from 'react';
 var VARIANT_DATA = {
   info: {
     icon: /*#__PURE__*/React.createElement(Information2FillIcon, {
@@ -53,17 +53,13 @@ var VARIANT_DATA = {
   }
 };
 var AlertView = function AlertView(_ref) {
-  var _node$attrs;
+  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 _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    anchorEl = _useState2[0],
-    setAnchorEl = _useState2[1];
   var showIcon = attrs.type !== 'text';
   var variantData = useMemo(function () {
     if (attrs.variant && VARIANT_DATA[attrs.variant]) {
@@ -71,31 +67,127 @@ var AlertView = function AlertView(_ref) {
     }
     return VARIANT_DATA['default'];
   }, [attrs.variant]);
-  var handleShowOperationPopover = function handleShowOperationPopover(event) {
-    return setAnchorEl(event.currentTarget);
-  };
-  var handleCloseOperationPopover = function handleCloseOperationPopover() {
-    return setAnchorEl(null);
+  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',
-    style: {
+    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,
-      // color: attrs.variant === 'default' ? 'var(--mui-palette-text-primary)' : variantData.color,
-      borderRadius: '10px',
+      borderRadius: 'var(--mui-shape-borderRadius)',
       padding: '12px 16px',
-      lineHeight: 1.625,
       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)")
-    },
-    onClick: handleShowOperationPopover
+    }
   }, showIcon && /*#__PURE__*/React.createElement(Box, {
     sx: {
       pt: '2px',
@@ -113,123 +205,35 @@ var AlertView = function AlertView(_ref) {
     }
   }, /*#__PURE__*/React.createElement(NodeViewContent, {
     as: 'div'
-  })), editor.isEditable && /*#__PURE__*/React.createElement(FloatingPopover, {
-    open: Boolean(anchorEl),
-    anchorEl: anchorEl,
-    onClose: handleCloseOperationPopover,
-    placement: "top"
-  }, /*#__PURE__*/React.createElement(Stack, {
-    direction: 'row',
-    alignItems: 'center',
+  })))) : /*#__PURE__*/React.createElement(Box, {
     sx: {
-      p: 0.5
+      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)")
     }
-  }, /*#__PURE__*/React.createElement(ToolbarItem, {
-    icon: /*#__PURE__*/React.createElement(Information2FillIcon, {
-      sx: {
-        fontSize: '1rem',
-        color: 'primary.main'
-      }
-    }),
-    tip: "\u4FE1\u606F",
-    onClick: function onClick() {
-      return updateAttributes({
-        variant: 'info'
-      });
-    },
-    className: attrs.variant === 'info' ? 'tool-active' : ''
-  }), /*#__PURE__*/React.createElement(ToolbarItem, {
-    icon: /*#__PURE__*/React.createElement(ErrorWarningFillIcon, {
-      sx: {
-        fontSize: '1rem',
-        color: 'warning.main'
-      }
-    }),
-    tip: "\u8B66\u544A",
-    onClick: function onClick() {
-      return updateAttributes({
-        variant: 'warning'
-      });
-    },
-    className: attrs.variant === 'warning' ? 'tool-active' : ''
-  }), /*#__PURE__*/React.createElement(ToolbarItem, {
-    icon: /*#__PURE__*/React.createElement(CloseCircleFillIcon, {
-      sx: {
-        fontSize: '1rem',
-        color: 'error.main'
-      }
-    }),
-    tip: "\u9519\u8BEF",
-    onClick: function onClick() {
-      return updateAttributes({
-        variant: 'error'
-      });
-    },
-    className: attrs.variant === 'error' ? 'tool-active' : ''
-  }), /*#__PURE__*/React.createElement(ToolbarItem, {
-    icon: /*#__PURE__*/React.createElement(CheckboxCircleFillIcon, {
-      sx: {
-        fontSize: '1rem',
-        color: 'success.main'
-      }
-    }),
-    tip: "\u6210\u529F",
-    onClick: function onClick() {
-      return updateAttributes({
-        variant: 'success'
-      });
-    },
-    className: attrs.variant === 'success' ? 'tool-active' : ''
-  }), /*#__PURE__*/React.createElement(ToolbarItem, {
-    icon: /*#__PURE__*/React.createElement(UserSmileFillIcon, {
-      sx: {
-        fontSize: '1rem',
-        color: 'text.disabled'
-      }
-    }),
-    tip: "\u9ED8\u8BA4",
-    onClick: function onClick() {
-      return updateAttributes({
-        variant: 'default'
-      });
-    },
-    className: attrs.variant === 'default' ? 'tool-active' : ''
-  }), /*#__PURE__*/React.createElement(Divider, {
-    orientation: "vertical",
-    flexItem: true,
+  }, showIcon && /*#__PURE__*/React.createElement(Box, {
     sx: {
-      height: '1rem',
-      mx: 0.5,
-      alignSelf: 'center',
-      borderColor: 'divider'
+      pt: '2px',
+      lineHeight: 1,
+      color: attrs.variant === 'default' ? 'text.disabled' : variantData.color
     }
-  }), /*#__PURE__*/React.createElement(ToolbarItem, {
-    icon: /*#__PURE__*/React.createElement(TextIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    tip: "\u7EAF\u6587\u5B57",
-    onClick: function onClick() {
-      return updateAttributes({
-        type: 'text'
-      });
-    },
-    className: attrs.type === 'text' ? 'tool-active' : ''
-  }), /*#__PURE__*/React.createElement(ToolbarItem, {
-    icon: /*#__PURE__*/React.createElement(ScrollToBottomLineIcon, {
-      sx: {
-        transform: 'rotate(90deg)',
-        fontSize: '1rem'
+  }, 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")
       }
-    }),
-    tip: "\u56FE\u6807\u6587\u5B57",
-    onClick: function onClick() {
-      return updateAttributes({
-        type: 'icon'
-      });
-    },
-    className: attrs.type === 'icon' ? 'tool-active' : ''
+    }
+  }, /*#__PURE__*/React.createElement(NodeViewContent, {
+    as: 'div'
   }))));
 };
 export default AlertView;

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

@@ -3,7 +3,6 @@ import { AttachmentAttributes } from ".";
 interface AttachmentContentProps {
     attrs: AttachmentAttributes;
     type: 'icon' | 'block';
-    /** 是否为编辑模式 */
     editable?: boolean;
 }
 /**

package/dist/extension/component/Attachment/AttachmentContent.js

@@ -1,7 +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 { Download2LineIcon } from "../../../component/Icons";
-import { Box, Stack } from "@mui/material";
-import React from "react";
+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 { Download2LineIcon, FileIcon } from "../../../component/Icons";
+import { Box, IconButton, Stack } from "@mui/material";
+import React, { useState } from "react";
 /**
  * 附件内容组件
  * 用于渲染附件的实际内容，支持编辑和只读模式
@@ -11,7 +17,10 @@ export var AttachmentContent = function AttachmentContent(_ref) {
     type = _ref.type,
     _ref$editable = _ref.editable,
     editable = _ref$editable === void 0 ? false : _ref$editable;
-  // 编辑模式和只读模式的样式差异
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isHovered = _useState2[0],
+    setIsHovered = _useState2[1];
   var blockStyles = editable ? {
     display: 'flex',
     border: '1px solid',
@@ -66,7 +75,13 @@ export var AttachmentContent = function AttachmentContent(_ref) {
     'data-title': attrs.title,
     'data-type': attrs.type
   }, {
-    sx: blockStyles
+    sx: blockStyles,
+    onMouseEnter: function onMouseEnter() {
+      return setIsHovered(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsHovered(false);
+    }
   }), /*#__PURE__*/React.createElement(Stack, _extends({
     direction: 'row',
     alignItems: 'center',
@@ -75,9 +90,9 @@ export var AttachmentContent = function AttachmentContent(_ref) {
   }, !editable && {
     'data-title': attrs.title,
     'data-type': type
-  }), /*#__PURE__*/React.createElement(Download2LineIcon, {
+  }), /*#__PURE__*/React.createElement(FileIcon, {
     sx: {
-      fontSize: '2rem',
+      fontSize: '1.625rem',
       color: attrs.url === 'error' ? 'error.main' : 'primary.main',
       alignSelf: 'center'
     }
@@ -96,7 +111,17 @@ export var AttachmentContent = function AttachmentContent(_ref) {
       fontSize: '0.75rem',
       color: 'text.secondary'
     }
-  }, attrs.size)))) : /*#__PURE__*/React.createElement(Box, _extends({
+  }, attrs.size)), isHovered && /*#__PURE__*/React.createElement(IconButton, {
+    size: "small",
+    sx: {
+      color: attrs.url === 'error' ? 'error.main' : 'text.disabled',
+      alignSelf: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Download2LineIcon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  })))) : /*#__PURE__*/React.createElement(Box, _extends({
     component: "a",
     href: attrs.url,
     target: "_blank",

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

@@ -93,14 +93,6 @@ var AttachmentViewWrapper = function AttachmentViewWrapper(_ref) {
         p: 0.5
       }
     }, /*#__PURE__*/React.createElement(ToolbarItem, {
-      icon: /*#__PURE__*/React.createElement(DownloadLineIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      tip: "\u4E0B\u8F7D",
-      onClick: handleDownload
-    }), /*#__PURE__*/React.createElement(ToolbarItem, {
       icon: /*#__PURE__*/React.createElement(EditLineIcon, {
         sx: {
           fontSize: '1rem'
@@ -109,13 +101,13 @@ var AttachmentViewWrapper = function AttachmentViewWrapper(_ref) {
       tip: "\u7F16\u8F91",
       onClick: handleShowPopover
     }), /*#__PURE__*/React.createElement(ToolbarItem, {
-      icon: /*#__PURE__*/React.createElement(DeleteLineIcon, {
+      icon: /*#__PURE__*/React.createElement(DownloadLineIcon, {
         sx: {
           fontSize: '1rem'
         }
       }),
-      tip: "\u5220\u9664",
-      onClick: handleDeleteAttachment
+      tip: "\u4E0B\u8F7D",
+      onClick: handleDownload
     }), /*#__PURE__*/React.createElement(Divider, {
       orientation: "vertical",
       flexItem: true,
@@ -153,6 +145,23 @@ var AttachmentViewWrapper = function AttachmentViewWrapper(_ref) {
           return handleConvertAttachmentType('block');
         }
       }]
+    }), /*#__PURE__*/React.createElement(Divider, {
+      orientation: "vertical",
+      flexItem: true,
+      sx: {
+        height: '1rem',
+        mx: 0.5,
+        alignSelf: 'center',
+        borderColor: 'divider'
+      }
+    }), /*#__PURE__*/React.createElement(ToolbarItem, {
+      icon: /*#__PURE__*/React.createElement(DeleteLineIcon, {
+        sx: {
+          fontSize: '1rem'
+        }
+      }),
+      tip: "\u5220\u9664",
+      onClick: handleDeleteAttachment
     }));
   };
   var handleSave = function handleSave() {
@@ -177,7 +186,7 @@ var AttachmentViewWrapper = function AttachmentViewWrapper(_ref) {
   }
   if (!editor.isEditable) {
     return /*#__PURE__*/React.createElement(NodeViewWrapper, {
-      className: "attachment-wrapper".concat(attachmentDisplayType === 'block' ? ' block-attachment-wrapper' : ''),
+      className: "attachment-wrapper ".concat(attachmentDisplayType === 'block' ? 'block-attachment-wrapper' : ''),
       as: attachmentDisplayType === 'block' ? 'div' : 'span'
     }, /*#__PURE__*/React.createElement(AttachmentContent, {
       attrs: attrs,

package/dist/extension/component/Audio/AudioPlayer.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { AudioAttributes } from ".";
+interface AudioPlayerProps {
+    attrs: AudioAttributes;
+    onError?: (error: Error) => void;
+}
+declare const AudioPlayer: React.FC<AudioPlayerProps>;
+export default AudioPlayer;