@blocklet/editor 2.0.17 → 2.0.18

package/lib/main/index.js

@@ -46,6 +46,7 @@ function EditorShell({ placeholder, children, editable, onChange, autoFocus, sho
     return (_jsx(EditorRoot, { ...props, className: cx(props.className, 'be-shell'), ref: shellRef, onClick: onShellClick, children: _jsx(Editor, { onChange: onChange, placeholder: placeholder, autoFocus: autoFocus, showToolbar: showToolbar, editorRef: editorRef, onReady: onReady, enableHeadingsIdPlugin: enableHeadingsIdPlugin, children: children }) }));
 }
 const EditorRoot = styled.div `
+  container: blocklet-editor / inline-size;
   margin: 0 auto;
   border-radius: 4px;
   position: relative;

package/lib/main/plugins/FloatingTextFormatToolbarPlugin/ColorPickerButton.js

@@ -20,5 +20,5 @@ export default function ColorPickerButton({ editor }) {
     const onBgColorSelect = useCallback((value) => {
         applyStyleText({ 'background-color': value });
     }, [applyStyleText]);
-    return (_jsxs(_Fragment, { children: [_jsx(ColorPicker, { buttonClassName: "popup-item spaced", buttonAriaLabel: "Formatting text color", buttonIconClassName: "iconify", buttonIconData: "mdi:format-color-text", color: fontColor, onChange: onFontColorSelect, title: "text color" }), _jsx(ColorPicker, { buttonClassName: "popup-item spaced", buttonAriaLabel: "Formatting background color", buttonIconClassName: "iconify", buttonIconData: "mdi:format-color-fill", color: bgColor, onChange: onBgColorSelect, title: "bg color" })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(ColorPicker, { buttonClassName: "popup-item spaced popup-item-color", buttonAriaLabel: "Formatting text color", buttonIconClassName: "iconify", buttonIconData: "mdi:format-color-text", color: fontColor, onChange: onFontColorSelect, title: "text color" }), _jsx(ColorPicker, { buttonClassName: "popup-item spaced popup-item-background", buttonAriaLabel: "Formatting background color", buttonIconClassName: "iconify", buttonIconData: "mdi:format-color-fill", color: bgColor, onChange: onBgColorSelect, title: "bg color" })] }));
 }

package/lib/main/plugins/FloatingTextFormatToolbarPlugin/index.css

@@ -1,3 +1,13 @@
+@container blocklet-editor (max-width: 700px) {
+  .floating-text-format-popup .popup-item-subscript,
+  .floating-text-format-popup .popup-item-superscript,
+  .floating-text-format-popup .popup-item-strikethrough,
+  .floating-text-format-popup .popup-item-color,
+  .floating-text-format-popup .popup-item-background {
+    display: none !important;
+  }
+}
+
 .floating-text-format-popup {
   display: flex;
   background: #fff;

package/lib/main/plugins/FloatingTextFormatToolbarPlugin/index.js

@@ -106,11 +106,11 @@ function TextFormatFloatingToolbar({ editor, anchorElem, isLink, isBold, isItali
                         editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline');
                     }, className: `popup-item spaced ${isUnderline ? 'active' : ''}`, "aria-label": "Format text to underlined", children: _jsx("i", { className: "iconify", "data-icon": "mdi:format-underline" }) }), _jsx("button", { onClick: () => {
                         editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'strikethrough');
-                    }, className: `popup-item spaced ${isStrikethrough ? 'active' : ''}`, "aria-label": "Format text with a strikethrough", children: _jsx("i", { className: "iconify", "data-icon": "mdi:format-strikethrough-variant" }) }), _jsx("button", { onClick: () => {
+                    }, className: `popup-item spaced popup-item-strikethrough ${isStrikethrough ? 'active' : ''}`, "aria-label": "Format text with a strikethrough", children: _jsx("i", { className: "iconify", "data-icon": "mdi:format-strikethrough-variant" }) }), _jsx("button", { onClick: () => {
                         editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'subscript');
-                    }, className: `popup-item spaced ${isSubscript ? 'active' : ''}`, title: "Subscript", "aria-label": "Format Subscript", children: _jsx("i", { className: "iconify", "data-icon": "mdi:format-subscript" }) }), _jsx("button", { onClick: () => {
+                    }, className: `popup-item spaced popup-item-subscript ${isSubscript ? 'active' : ''}`, title: "Subscript", "aria-label": "Format Subscript", children: _jsx("i", { className: "iconify", "data-icon": "mdi:format-subscript" }) }), _jsx("button", { onClick: () => {
                         editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'superscript');
-                    }, className: `popup-item spaced ${isSuperscript ? 'active' : ''}`, title: "Superscript", "aria-label": "Format Superscript", children: _jsx("i", { className: "iconify", "data-icon": "mdi:format-superscript" }) }), _jsx("button", { onClick: () => {
+                    }, className: `popup-item spaced popup-item-superscript ${isSuperscript ? 'active' : ''}`, title: "Superscript", "aria-label": "Format Superscript", children: _jsx("i", { className: "iconify", "data-icon": "mdi:format-superscript" }) }), _jsx("button", { onClick: () => {
                         editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'code');
                     }, className: `popup-item spaced ${isCode ? 'active' : ''}`, "aria-label": "Insert code block", children: _jsx("i", { className: "iconify", "data-icon": "mdi:code-tags" }) }), _jsx("button", { onClick: insertLink, className: `popup-item spaced ${isLink ? 'active' : ''}`, "aria-label": "Insert link", children: _jsx("i", { className: "iconify", "data-icon": "mdi:link" }) }), _jsx(ColorPickerButton, { editor: editor })] })) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/editor",
-  "version": "2.0.17",
+  "version": "2.0.18",
   "main": "lib/index.js",
   "scripts": {
     "dev": "npm run storybook",
@@ -40,7 +40,7 @@
     "@arcblock/ux": "^2.9.91",
     "@blocklet/embed": "^0.1.11",
     "@blocklet/pages-kit": "^0.2.341",
-    "@blocklet/pdf": "2.0.17",
+    "@blocklet/pdf": "2.0.18",
     "@excalidraw/excalidraw": "^0.14.2",
     "@iconify/iconify": "^3.0.1",
     "@iconify/icons-tabler": "^1.2.95",
@@ -113,5 +113,5 @@
     "react": "*",
     "react-dom": "*"
   },
-  "gitHead": "6eeb5984c09bd06431ddb4f0350996430da6fb98"
+  "gitHead": "ee0ea5afb368e3a44e89c52ca263b6e3f1d2a1e8"
 }