@ctzhian/tiptap 0.4.0 → 0.5.0

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

@@ -0,0 +1,125 @@
+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, Typography, useTheme } from '@mui/material';
+import { NodeViewContent, NodeViewWrapper } from '@tiptap/react';
+import React from 'react';
+import { CheckboxCircleFillIcon, CloseCircleFillIcon, ErrorWarningFillIcon, Information2FillIcon } from "../../../component/Icons";
+var AlertViewWrapper = function AlertViewWrapper(_ref) {
+  var node = _ref.node,
+    updateAttributes = _ref.updateAttributes,
+    selected = _ref.selected,
+    editor = _ref.editor,
+    onUpload = _ref.onUpload,
+    onError = _ref.onError;
+  var theme = useTheme();
+  var _ref2 = node.attrs,
+    _ref2$type = _ref2.type,
+    type = _ref2$type === void 0 ? 'info' : _ref2$type,
+    _ref2$title = _ref2.title,
+    title = _ref2$title === void 0 ? '' : _ref2$title;
+
+  // 根据类型获取颜色和图标
+  var getAlertConfig = function getAlertConfig(alertType) {
+    switch (alertType) {
+      case 'success':
+        return {
+          color: theme.palette.success.main,
+          backgroundColor: "".concat(theme.palette.success.main, "10"),
+          // 10% 透明度
+          icon: CheckboxCircleFillIcon
+        };
+      case 'warning':
+        return {
+          color: theme.palette.warning.main,
+          backgroundColor: "".concat(theme.palette.warning.main, "10"),
+          icon: ErrorWarningFillIcon
+        };
+      case 'error':
+        return {
+          color: theme.palette.error.main,
+          backgroundColor: "".concat(theme.palette.error.main, "10"),
+          icon: CloseCircleFillIcon
+        };
+      case 'info':
+      default:
+        return {
+          color: theme.palette.text.secondary,
+          backgroundColor: "".concat(theme.palette.text.secondary, "10"),
+          icon: Information2FillIcon
+        };
+    }
+  };
+  var config = getAlertConfig(type);
+  var IconComponent = config.icon;
+  return /*#__PURE__*/React.createElement(NodeViewWrapper, {
+    as: "div",
+    style: {
+      margin: '16px 0',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(Box, {
+    sx: _objectSpread({
+      display: 'flex',
+      alignItems: 'flex-start',
+      padding: '12px 16px',
+      borderRadius: '8px',
+      border: "1px solid ".concat(config.color),
+      backgroundColor: config.backgroundColor,
+      position: 'relative'
+    }, selected && {
+      outline: "2px solid ".concat(theme.palette.primary.main),
+      outlineOffset: '2px'
+    })
+  }, /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      display: 'flex',
+      alignItems: 'center',
+      marginRight: '12px',
+      marginTop: '2px',
+      flexShrink: 0
+    }
+  }, /*#__PURE__*/React.createElement(IconComponent, {
+    style: {
+      fontSize: '20px',
+      color: config.color
+    }
+  })), /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      flex: 1,
+      minWidth: 0
+    }
+  }, title && /*#__PURE__*/React.createElement(Typography, {
+    variant: "subtitle2",
+    sx: {
+      color: config.color,
+      fontWeight: 600,
+      marginBottom: '4px',
+      fontSize: '14px',
+      lineHeight: '20px'
+    }
+  }, title), /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      color: theme.palette.text.primary,
+      fontSize: '14px',
+      lineHeight: '20px',
+      '& p': {
+        margin: 0,
+        '&:not(:last-child)': {
+          marginBottom: '8px'
+        }
+      },
+      '& ul, & ol': {
+        margin: 0,
+        paddingLeft: '20px'
+      },
+      '& li': {
+        marginBottom: '4px'
+      }
+    }
+  }, /*#__PURE__*/React.createElement(NodeViewContent, null)))));
+};
+export default AlertViewWrapper;

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

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

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

@@ -13,10 +13,10 @@ 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 { Box, CircularProgress } from "@mui/material";
-import { NodeViewWrapper } from "@tiptap/react";
 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";
 var InsertAttachment = function InsertAttachment(_ref) {
   var editor = _ref.editor,
@@ -78,10 +78,10 @@ var InsertAttachment = function InsertAttachment(_ref) {
           case 10:
             result = _context.sent;
             insertNodeAfterPosition(editor, from, {
-              type: 'inlineAttachment',
+              type: 'blockAttachment',
               attrs: {
                 url: result || '',
-                type: 'icon',
+                type: 'block',
                 size: fileSize,
                 title: file.name
               }
@@ -95,10 +95,10 @@ var InsertAttachment = function InsertAttachment(_ref) {
             _context.prev = 15;
             _context.t0 = _context["catch"](7);
             insertNodeAfterPosition(editor, from, {
-              type: 'inlineAttachment',
+              type: 'blockAttachment',
               attrs: {
                 url: 'error',
-                type: 'icon',
+                type: 'block',
                 size: fileSize,
                 title: _context.t0 instanceof Error ? _context.t0.message : '上传失败'
               }

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

@@ -1,6 +1,6 @@
+import { Attachment2Icon } from "../../../component/Icons";
 import { Box, Stack } from "@mui/material";
 import { NodeViewWrapper } from "@tiptap/react";
-import { Attachment2Icon } from "../../../component/Icons";
 import React from "react";
 var ReadonlyAttachment = function ReadonlyAttachment(_ref) {
   var attrs = _ref.attrs,
@@ -15,7 +15,7 @@ var ReadonlyAttachment = function ReadonlyAttachment(_ref) {
     target: "_blank",
     download: attrs.title,
     sx: {
-      textDecoration: 'none',
+      textDecoration: 'none !important',
       color: 'inherit'
     }
   }, type === 'block' ? /*#__PURE__*/React.createElement(Stack, {
@@ -30,7 +30,8 @@ var ReadonlyAttachment = function ReadonlyAttachment(_ref) {
       bgcolor: 'background.paper',
       p: 2,
       ':hover': {
-        borderColor: attrs.url === 'error' ? 'error.main' : 'primary.main'
+        borderColor: attrs.url === 'error' ? 'error.main' : 'primary.main',
+        color: attrs.url === 'error' ? 'error.main' : 'primary.main'
       }
     }
   }, /*#__PURE__*/React.createElement(Attachment2Icon, {
@@ -51,8 +52,7 @@ var ReadonlyAttachment = function ReadonlyAttachment(_ref) {
   }, /*#__PURE__*/React.createElement(Box, {
     sx: {
       fontSize: '0.875rem',
-      fontWeight: 'bold',
-      color: attrs.url === 'error' ? 'error.main' : 'inherit'
+      fontWeight: 'bold'
     }
   }, attrs.title), /*#__PURE__*/React.createElement(Box, {
     sx: {

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

@@ -1,5 +1,5 @@
-import { NodeViewProps } from "@tiptap/react";
 import { EditorFnProps } from "../../../type";
+import { NodeViewProps } from "@tiptap/react";
 import React from "react";
 export interface AttachmentAttributes {
     url: string;

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

@@ -4,11 +4,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 { Box, Button, Divider, Stack, TextField } from "@mui/material";
-import { NodeViewWrapper } from "@tiptap/react";
 import { FloatingPopover } from "../../../component";
 import { Attachment2Icon, CarouselViewIcon, DeleteLineIcon, DownloadLineIcon, EditBoxLineIcon, 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, { useEffect, useState } from "react";
 import InsertAttachment from "./Insert";
 import ReadonlyAttachment from "./Readonly";
@@ -116,7 +116,8 @@ var AttachmentViewWrapper = function AttachmentViewWrapper(_ref) {
       bgcolor: 'background.paper',
       p: 2,
       ':hover': {
-        borderColor: attrs.url === 'error' ? 'error.main' : 'primary.main'
+        borderColor: attrs.url === 'error' ? 'error.main' : 'primary.main',
+        color: attrs.url === 'error' ? 'error.main' : 'primary.main'
       }
     }
   }, /*#__PURE__*/React.createElement(Attachment2Icon, {
@@ -137,8 +138,7 @@ var AttachmentViewWrapper = function AttachmentViewWrapper(_ref) {
   }, /*#__PURE__*/React.createElement(Box, {
     sx: {
       fontSize: '0.875rem',
-      fontWeight: 'bold',
-      color: attrs.url === 'error' ? 'error.main' : 'inherit'
+      fontWeight: 'bold'
     }
   }, attrs.title), /*#__PURE__*/React.createElement(Box, {
     sx: {

package/dist/extension/component/Audio/Insert.js

@@ -13,10 +13,10 @@ 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 { Box, Button, CircularProgress, IconButton, Stack, Tab, Tabs, TextField } from "@mui/material";
-import { NodeViewWrapper } from "@tiptap/react";
 import { FloatingPopover } from "../../../component/FloatingPopover";
 import { Attachment2Icon, UploadCloud2LineIcon } from "../../../component/Icons";
+import { Box, Button, CircularProgress, IconButton, Stack, Tab, Tabs, TextField } from "@mui/material";
+import { NodeViewWrapper } from "@tiptap/react";
 import React, { useState } from "react";
 var InsertAudio = function InsertAudio(_ref) {
   var selected = _ref.selected,

package/dist/extension/component/Audio/Readonly.js

@@ -10,10 +10,10 @@ 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 { Box, IconButton, MenuItem, MenuList, Paper, Slider, Stack, Typography } from "@mui/material";
-import { NodeViewWrapper } from "@tiptap/react";
 import { FloatingPopover } from "../../../component";
 import { DownloadLineIcon, PauseLineIcon, PlayLineIcon, SpeedLineIcon, VolumeMuteLineIcon, VolumeUpLineIcon } from "../../../component/Icons";
+import { Box, IconButton, MenuItem, MenuList, Paper, Slider, Stack, Typography } from "@mui/material";
+import { NodeViewWrapper } from "@tiptap/react";
 import React, { useEffect, useRef, useState } from "react";
 import Disk from "../../../asset/images/disk.png";
 var ReadonlyAudio = function ReadonlyAudio(_ref) {

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

@@ -1,5 +1,5 @@
-import { NodeViewProps } from '@tiptap/react';
 import { EditorFnProps } from "../../../type";
+import { NodeViewProps } from '@tiptap/react';
 import React from "react";
 export interface AudioAttributes {
     src: string;

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

@@ -13,10 +13,10 @@ 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 { Box, Button, CircularProgress, IconButton, MenuItem, MenuList, Paper, Slider, Stack, TextField, Tooltip, Typography } from "@mui/material";
-import { NodeViewWrapper } from '@tiptap/react';
 import { FloatingPopover } from "../../../component";
 import { DeleteLineIcon, DownloadLineIcon, EditBoxLineIcon, PauseLineIcon, PlayLineIcon, SpeedLineIcon, UploadCloud2LineIcon, VolumeMuteLineIcon, VolumeUpLineIcon } from "../../../component/Icons";
+import { Box, Button, CircularProgress, IconButton, MenuItem, MenuList, Paper, Slider, Stack, TextField, Tooltip, Typography } from "@mui/material";
+import { NodeViewWrapper } from '@tiptap/react';
 import React, { useEffect, useRef, useState } from "react";
 import Disk from "../../../asset/images/disk.png";
 import InsertAudio from "./Insert";

package/dist/extension/component/CodeBlock/Readonly.js

@@ -8,9 +8,9 @@ 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 { FileCopyLineIcon } from "../../../component/Icons";
 import { Box, Stack } from '@mui/material';
 import { NodeViewContent, NodeViewWrapper } from '@tiptap/react';
-import { CopyIcon } from "../../../component/Icons";
 import React, { useCallback, useState } from 'react';
 var ReadonlyCodeBlock = function ReadonlyCodeBlock(_ref) {
   var node = _ref.node,
@@ -57,7 +57,7 @@ var ReadonlyCodeBlock = function ReadonlyCodeBlock(_ref) {
     };
   }(), [node]);
   return /*#__PURE__*/React.createElement(NodeViewWrapper, {
-    className: "codeblock-wrapper ".concat(selected ? 'ProseMirror-selectednode' : ''),
+    className: "codeblock-wrapper",
     "data-drag-handle": true,
     onMouseEnter: function onMouseEnter() {
       return setIsHovering(true);
@@ -70,8 +70,7 @@ var ReadonlyCodeBlock = function ReadonlyCodeBlock(_ref) {
     sx: {
       p: '0.75rem 1rem',
       m: 0,
-      borderRadius: 1,
-      bgcolor: 'background.paper',
+      borderRadius: '6px',
       overflow: 'hidden',
       position: 'relative'
     }
@@ -98,14 +97,13 @@ var ReadonlyCodeBlock = function ReadonlyCodeBlock(_ref) {
       borderRadius: 'var(--mui-shape-borderRadius)',
       cursor: 'pointer',
       userSelect: 'none',
-      '&:hover': {
-        bgcolor: 'action.hover'
-      }
+      bgcolor: 'inherit',
+      color: 'inherit'
     }
-  }, /*#__PURE__*/React.createElement(CopyIcon, {
+  }, /*#__PURE__*/React.createElement(FileCopyLineIcon, {
     sx: {
       fontSize: '0.875rem',
-      color: 'text.secondary'
+      color: 'inherit'
     }
   }), /*#__PURE__*/React.createElement(Box, {
     sx: {
@@ -127,7 +125,7 @@ var ReadonlyCodeBlock = function ReadonlyCodeBlock(_ref) {
       height: '1rem',
       lineHeight: 1,
       fontSize: '0.875rem',
-      color: 'text.secondary',
+      color: 'inherit',
       letterSpacing: '0.01rem'
     }
   }, attrs.title));

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

@@ -12,10 +12,10 @@ 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 { ArrowDownSLineIcon, FileCopyLineIcon, TitleIcon } from "../../../component/Icons";
+import { languages } from "../../../contants/highlight";
 import { Box, MenuItem, Select, Stack, TextField } from '@mui/material';
 import { NodeViewContent, NodeViewWrapper } from '@tiptap/react';
-import { ArrowDownSLineIcon, CopyIcon, TitleIcon } from "../../../component/Icons";
-import { languages } from "../../../contants/highlight";
 import React, { useCallback, useState } from 'react';
 import ReadonlyCodeBlock from "./Readonly";
 var CodeBlockView = function CodeBlockView(props) {
@@ -107,8 +107,7 @@ var CodeBlockView = function CodeBlockView(props) {
     sx: {
       p: '1.75rem 1rem 0.75rem',
       m: 0,
-      borderRadius: showTitleInput ? 'var(--mui-shape-borderRadius) var(--mui-shape-borderRadius) 0 0 !important' : 'var(--mui-shape-borderRadius)',
-      bgcolor: 'background.paper3',
+      borderRadius: showTitleInput ? '6px 6px 0 0 !important' : '6px',
       overflow: 'hidden'
     }
   }, /*#__PURE__*/React.createElement(Stack, {
@@ -136,17 +135,16 @@ var CodeBlockView = function CodeBlockView(props) {
       px: 0,
       height: '1.25rem',
       fontSize: '0.75rem',
-      '&:hover': {
-        bgcolor: 'action.hover'
-      },
-      '&:focus': {
-        bgcolor: 'action.selected'
-      },
+      bgcolor: 'inherit',
+      color: 'inherit',
       '&.MuiOutlinedInput-root .MuiSelect-select': {
         p: 0,
         pl: 1,
         pr: 'calc(var(--mui-spacing-unit) * 3) !important'
       },
+      '& .MuiSelect-icon': {
+        color: 'inherit'
+      },
       '& .MuiOutlinedInput-notchedOutline': {
         border: 'none'
       }
@@ -158,8 +156,7 @@ var CodeBlockView = function CodeBlockView(props) {
         className: className
       }, rest, {
         sx: {
-          fontSize: '1rem',
-          color: 'text.secondary'
+          fontSize: '1rem'
         }
       }));
     },
@@ -204,10 +201,10 @@ var CodeBlockView = function CodeBlockView(props) {
         bgcolor: 'action.hover'
       }
     }
-  }, /*#__PURE__*/React.createElement(CopyIcon, {
+  }, /*#__PURE__*/React.createElement(FileCopyLineIcon, {
     sx: {
       fontSize: '0.875rem',
-      color: 'text.secondary'
+      color: 'inherit'
     }
   }), /*#__PURE__*/React.createElement(Box, {
     sx: {
@@ -222,16 +219,14 @@ var CodeBlockView = function CodeBlockView(props) {
     sx: {
       px: 1,
       py: 0.5,
-      borderRadius: 'var(--mui-shape-borderRadius)',
       cursor: 'pointer',
-      '&:hover': {
-        bgcolor: 'action.hover'
-      }
+      bgcolor: 'inherit',
+      color: 'inherit'
     }
   }, /*#__PURE__*/React.createElement(TitleIcon, {
     sx: {
       fontSize: '0.875rem',
-      color: 'text.secondary'
+      color: 'inherit'
     }
   }), /*#__PURE__*/React.createElement(Box, {
     sx: {

package/dist/extension/component/Image/Insert.js

@@ -13,10 +13,10 @@ 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 { Box, Button, CircularProgress, Stack, Tab, Tabs, TextField } from "@mui/material";
-import { NodeViewWrapper } from "@tiptap/react";
 import { FloatingPopover } from "../../../component/FloatingPopover";
 import { ImageLineIcon } from "../../../component/Icons";
+import { Box, Button, CircularProgress, Stack, Tab, Tabs, TextField } from "@mui/material";
+import { NodeViewWrapper } from "@tiptap/react";
 import React, { useState } from "react";
 import { getImageDimensions, getImageDimensionsFromFile } from ".";
 var InsertImage = function InsertImage(_ref) {

package/dist/extension/component/Image/index.d.ts

@@ -1,5 +1,5 @@
-import { NodeViewProps } from "@tiptap/react";
 import { EditorFnProps } from "../../../type";
+import { NodeViewProps } from "@tiptap/react";
 import React from "react";
 export interface ImageAttributes {
     src: string;

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

@@ -4,10 +4,10 @@ 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 { Box, Button, IconButton, Stack, TextField, Tooltip } from "@mui/material";
-import { NodeViewWrapper } from "@tiptap/react";
 import { FloatingPopover } from "../../../component";
 import { CustomSizeIcon, DeleteLineIcon, EditBoxLineIcon } from "../../../component/Icons";
+import { Box, Button, IconButton, Stack, TextField, Tooltip } from "@mui/material";
+import { NodeViewWrapper } from "@tiptap/react";
 import React, { useEffect, useRef, useState } from "react";
 import CropImage from "./Crop";
 import InsertImage from "./Insert";

package/dist/extension/component/Link/Insert.js

@@ -4,10 +4,10 @@ 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 { Box, Button, FormControl, FormControlLabel, FormLabel, Radio, RadioGroup, Stack, TextField } from "@mui/material";
-import { NodeViewWrapper } from "@tiptap/react";
 import { FloatingPopover } from "../../../component";
 import { LinkIcon } from "../../../component/Icons";
+import { Box, Button, FormControl, FormControlLabel, FormLabel, Radio, RadioGroup, Stack, TextField } from "@mui/material";
+import { NodeViewWrapper } from "@tiptap/react";
 import React, { useEffect, useState } from "react";
 var InsertLink = function InsertLink(_ref) {
   var updateAttributes = _ref.updateAttributes,

package/dist/extension/component/Link/Readonly.js

@@ -1,7 +1,7 @@
-import { Avatar, Box, Stack } from "@mui/material";
-import { NodeViewWrapper } from "@tiptap/react";
 import { LinkIcon } from "../../../component/Icons";
 import { getLinkTitle } from "../../../util";
+import { Avatar, Box, Stack } from "@mui/material";
+import { NodeViewWrapper } from "@tiptap/react";
 import React from "react";
 var ReadonlyLink = function ReadonlyLink(_ref) {
   var attrs = _ref.attrs,
@@ -13,7 +13,7 @@ var ReadonlyLink = function ReadonlyLink(_ref) {
   return /*#__PURE__*/React.createElement(NodeViewWrapper, {
     className: "link-wrapper",
     "data-drag-handle": true
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, attrs.type === 'block' ? /*#__PURE__*/React.createElement(Box, {
     component: 'a',
     href: attrs.href,
     target: attrs.target,
@@ -21,22 +21,24 @@ var ReadonlyLink = function ReadonlyLink(_ref) {
     "data-title": attrs.title,
     "data-type": attrs.type,
     sx: {
-      color: 'primary.main',
-      textDecoration: 'none'
+      display: 'block',
+      textDecoration: 'none !important'
     }
-  }, attrs.type === 'block' ? /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React.createElement(Stack, {
     direction: 'row',
     alignItems: 'center',
     gap: 2,
     sx: {
       border: '1px solid',
       borderColor: 'divider',
+      color: 'text.primary',
       cursor: 'pointer',
       borderRadius: 'var(--mui-shape-borderRadius)',
       bgcolor: 'background.paper',
       p: 2,
       ':hover': {
-        borderColor: 'primary.main'
+        borderColor: 'primary.main',
+        color: 'primary.main'
       }
     }
   }, /*#__PURE__*/React.createElement(Avatar, {
@@ -72,12 +74,19 @@ var ReadonlyLink = function ReadonlyLink(_ref) {
       fontSize: '0.75rem',
       color: 'text.secondary'
     }
-  }, attrs.href))) : /*#__PURE__*/React.createElement(Box, {
-    component: 'span',
+  }, attrs.href)))) : /*#__PURE__*/React.createElement(Box, {
+    component: 'a',
+    href: attrs.href,
+    target: attrs.target,
+    rel: attrs.rel,
+    "data-title": attrs.title,
+    "data-type": attrs.type,
     sx: {
       display: 'inline-flex',
       alignItems: 'baseline',
-      gap: 0.5
+      gap: '2px',
+      color: 'primary.main',
+      fontWeight: 500
     }
   }, attrs.type === 'icon' && /*#__PURE__*/React.createElement(Avatar, {
     sx: {
@@ -97,6 +106,6 @@ var ReadonlyLink = function ReadonlyLink(_ref) {
         cursor: 'grabbing'
       }
     }
-  })), attrs.title || getLinkTitle(attrs.href))));
+  })), attrs.title || getLinkTitle(attrs.href)));
 };
 export default ReadonlyLink;

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

@@ -8,12 +8,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 { Avatar, Box, Button, Divider, FormControl, FormControlLabel, FormLabel, Radio, RadioGroup, Stack, TextField } from "@mui/material";
-import { NodeViewWrapper } from "@tiptap/react";
 import { FloatingPopover } from "../../../component";
 import { CarouselViewIcon, CopyIcon, EditBoxLineIcon, LinkIcon, LinkUnlinkIcon, ScrollToBottomLineIcon, ShareBoxLineIcon, TextIcon } from "../../../component/Icons";
 import { ToolbarItem } from "../../../component/Toolbar";
 import { getLinkTitle } from "../../../util";
+import { Avatar, Box, Button, Divider, FormControl, FormControlLabel, FormLabel, Radio, RadioGroup, Stack, TextField } from "@mui/material";
+import { NodeViewWrapper } from "@tiptap/react";
 import React, { useCallback, useEffect, useState } from "react";
 import InsertLink from "./Insert";
 import ReadonlyLink from "./Readonly";
@@ -160,7 +160,8 @@ var LinkViewWrapper = function LinkViewWrapper(_ref) {
       borderRadius: 'var(--mui-shape-borderRadius)',
       p: 2,
       ':hover': {
-        borderColor: 'primary.main'
+        borderColor: 'primary.main',
+        color: 'primary.main'
       }
     }
   }, /*#__PURE__*/React.createElement(Avatar, {
@@ -201,7 +202,6 @@ var LinkViewWrapper = function LinkViewWrapper(_ref) {
     onClick: handleShowOperationPopover,
     sx: {
       color: 'primary.main',
-      textDecoration: 'none',
       cursor: 'pointer',
       borderRadius: 'var(--mui-shape-borderRadius)',
       transition: 'background-color 0.2s ease',
@@ -212,9 +212,11 @@ var LinkViewWrapper = function LinkViewWrapper(_ref) {
   }, /*#__PURE__*/React.createElement(Box, {
     component: 'span',
     sx: {
+      textDecoration: 'underline',
       display: 'inline-flex',
       alignItems: 'baseline',
-      gap: 0.5
+      gap: 0.5,
+      fontWeight: 500
     }
   }, attrs.type === 'icon' && /*#__PURE__*/React.createElement(Avatar, {
     sx: {

package/dist/extension/component/Mathematics/block/index.d.ts

@@ -1,5 +1,5 @@
-import { NodeViewProps } from "@tiptap/react";
 import { EditorFnProps } from "../../../../type";
+import { NodeViewProps } from "@tiptap/react";
 import React from "react";
 export type BlockMathAttributes = {
     latex: string;