@ctzhian/tiptap 1.4.0 → 1.4.1

package/dist/EditorToolbar/index.js

@@ -75,6 +75,9 @@ var EditorToolbar = function EditorToolbar(_ref) {
         input: {
           display: 'none'
         },
+        '&:hover': {
+          bgcolor: 'background.paper2'
+        },
         '&.tool-active': {
           bgcolor: 'background.paper2',
           color: 'primary.main',

package/dist/component/Toolbar/EditorFontSize.js

@@ -140,7 +140,8 @@ var EditorFontSize = function EditorFontSize(_ref) {
     }, /*#__PURE__*/React.createElement(Box, {
       sx: {
         textAlign: 'center',
-        fontSize: '0.875rem'
+        fontSize: '0.875rem',
+        width: '100%'
       }
     }, it));
   }));

package/dist/component/Toolbar/Item.js

@@ -42,10 +42,10 @@ var ToolbarItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className: className,
     disabled: disabled,
     sx: _objectSpread({
+      minHeight: '36px',
       minWidth: '36px',
       p: 1,
       color: 'text.primary',
-      borderRadius: 'var(--mui-shape-borderRadius)',
       '&.tool-active': {
         bgcolor: 'background.paper2',
         color: 'primary.main'

package/dist/component/Toolbar/TableSizePicker.js

@@ -4,10 +4,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 { Box, Stack } from "@mui/material";
+import { addOpacityToColor } from "../../util";
+import { Box, Stack, useTheme } from "@mui/material";
 import React, { useState } from "react";
 var TableSizePicker = function TableSizePicker(_ref) {
   var onConfirm = _ref.onConfirm;
+  var theme = useTheme();
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     cols = _useState2[0],
@@ -52,16 +54,21 @@ var TableSizePicker = function TableSizePicker(_ref) {
           return onConfirm(c, r);
         },
         sx: {
-          width: '18px',
-          height: '18px',
           borderRadius: '3px',
+          overflow: 'hidden',
+          cursor: 'pointer',
+          bgcolor: 'background.default',
           border: '1px solid',
-          borderColor: 'divider',
-          bgcolor: activeCell ? 'primary.main' : 'background.default',
+          borderColor: 'divider'
+        }
+      }, /*#__PURE__*/React.createElement(Box, {
+        sx: {
+          width: '18px',
+          height: '18px',
           transition: 'background-color 0.12s ease',
-          cursor: 'pointer'
+          bgcolor: activeCell ? addOpacityToColor(theme.palette.primary.main, 0.5) : theme.palette.background.default
         }
-      });
+      }));
     }));
   })), /*#__PURE__*/React.createElement(Box, {
     sx: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctzhian/tiptap",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "基于 Tiptap 二次开发的编辑器组件",
   "main": "dist/index.js",
   "module": "dist/index.js",