@seafile/sdoc-editor 1.0.219 → 1.0.221

package/dist/basic-sdk/extension/plugins/font/helpers.js

@@ -52,6 +52,13 @@ const getFontSize = editor => {
         }
         return false;
       }
+      if (!_slate.Editor.isEditor(n) && _slate.Editor.isVoid(editor, n)) {
+        const parentNode = (0, _core.getParentNode)(editor.children, n.id);
+        if (!parentNode) return false;
+        if ([_constants.TITLE, _constants.SUBTITLE, ..._constants.HEADERS, _constants.CODE_LINE].includes(parentNode.type)) {
+          return true;
+        }
+      }
       return false;
     }
   });

package/dist/basic-sdk/extension/plugins/header/render-elem.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _slate = require("@seafile/slate");
 var _core = require("../../core");
 var _constants = require("../../constants");
+var _helper = require("../paragraph/helper");
 const renderTitle = (props, editor) => {
   const {
     element,
@@ -69,7 +70,7 @@ const renderHeader = (props, editor) => {
     })
   };
   let isShowPlaceHolder = false;
-  if (_slate.Node.string(element) === '' && !isComposing) {
+  if ((0, _helper.isEmptyNode)(element) && _slate.Node.string(element) === '' && !isComposing) {
     isShowPlaceHolder = true;
   }
   return /*#__PURE__*/_react.default.createElement("div", Object.assign({

package/dist/basic-sdk/extension/plugins/multi-column/plugin.js

@@ -82,7 +82,7 @@ const withMultiColumn = editor => {
     const nextNode = _slate.Editor.next(newEditor);
     const nextColumnIndex = nextNode[1][1];
     const currentMultiColumnEntry = (0, _core.getSelectedNodeEntryByType)(editor, _constants.ELEMENT_TYPE.MULTI_COLUMN);
-    if (!currentMultiColumnEntry) return deleteBackward(unit);
+    if (!currentMultiColumnEntry) return deleteForward(unit);
     const {
       column,
       children: childColumn

package/dist/basic-sdk/extension/plugins/seatable-column/plugin.js

@@ -8,7 +8,8 @@ var _constants = require("../../constants");
 const withColumn = editor => {
   const {
     isInline,
-    isVoid
+    isVoid,
+    markableVoid
   } = editor;
   const newEditor = editor;
   newEditor.isInline = element => {
@@ -25,6 +26,13 @@ const withColumn = editor => {
     if (type === _constants.ELEMENT_TYPE.SEATABLE_COLUMN) return true;
     return isVoid(element);
   };
+  newEditor.markableVoid = element => {
+    const {
+      type
+    } = element;
+    if (type === _constants.ELEMENT_TYPE.SEATABLE_COLUMN) return true;
+    return markableVoid(element);
+  };
   return newEditor;
 };
 var _default = exports.default = withColumn;

package/dist/basic-sdk/extension/plugins/seatable-column/render-elem.js

@@ -36,11 +36,46 @@ const Column = _ref => {
       setIsClicked(false);
     }
   }, [isSelected, isReadOnly]);
+  const {
+    font_size = null,
+    font = null,
+    bold = null,
+    italic = null,
+    underline = null,
+    color = null,
+    highlight_color = null,
+    strikethrough = null
+  } = element.children[0];
   const style = {
     margin: '0 10px',
     border: '1px solid transparent',
+    userSelect: 'none',
     ...(isClicked && {
       border: '1px solid red'
+    }),
+    ...(font_size && {
+      fontSize: font_size
+    }),
+    ...(font && {
+      fontFamily: font
+    }),
+    ...(bold && {
+      fontWeight: 600
+    }),
+    ...(italic && {
+      fontStyle: 'italic'
+    }),
+    ...(underline && {
+      textDecoration: 'underline'
+    }),
+    ...(color && {
+      color: color
+    }),
+    ...(highlight_color && {
+      backgroundColor: highlight_color
+    }),
+    ...(strikethrough && {
+      textDecoration: 'line-through'
     })
   };
   return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, attributes, {

package/dist/basic-sdk/extension/plugins/text-style/helpers.js

@@ -16,7 +16,7 @@ const isMenuDisabled = (editor, readonly) => {
     match: n => {
       const type = (0, _core.getNodeType)(n);
       if (type === _elementType.CODE_BLOCK) return true; // Code block
-      if (_slate.Editor.isVoid(editor, n)) return true; // void node
+      if (_slate.Editor.isVoid(editor, n) && (n === null || n === void 0 ? void 0 : n.type) !== _elementType.SEATABLE_COLUMN) return true; // void node
 
       return false;
     },

package/dist/basic-sdk/extension/plugins/text-style/menu/index.js

@@ -49,6 +49,10 @@ const TextStyleMenuList = _ref => {
     return (0, _helpers2.isMenuDisabled)(editor, readonly);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, readonly]);
+  const isSelectedSeaTableColumn = (0, _react.useCallback)(() => {
+    const entery = (0, _core.getSelectedNodeByType)(editor, _constants.SEATABLE_COLUMN);
+    return !!entery;
+  }, [editor]);
   const openLinkDialog = (0, _react.useCallback)(() => {
     const eventBus = _eventBus.default.getInstance();
     eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
@@ -99,11 +103,16 @@ const TextStyleMenuList = _ref => {
   }, [editor, selectedFontSize, selectedFontSizeValue]);
   const getTextStyleList = (0, _react.useCallback)(key => {
     return _constants.MENUS_CONFIG_MAP[key].map(item => {
+      let disable = isDisabled();
+      const disableTypes = [_constants.TEXT_STYLE_MAP.CODE, _constants.TEXT_STYLE_MAP.LINK, _constants.TEXT_STYLE_MAP.SUPERSCRIPT, _constants.TEXT_STYLE_MAP.SUBSCRIPT];
+      if (disableTypes.includes(item.type)) {
+        disable = isSelectedSeaTableColumn() ? true : disable;
+      }
       let itemProps = {
         isRichEditor,
         className,
         ariaLabel: item === null || item === void 0 ? void 0 : item.ariaLabel,
-        disabled: isDisabled(),
+        disabled: disable,
         isActive: isActive(item.type),
         onMouseDown: item.isColor ? () => {} : onMouseDown
       };

package/dist/basic-sdk/extension/toolbar/side-toolbar/helpers.js

@@ -134,7 +134,8 @@ const isVoidNode = node => {
   const isCodeBlock = node.type === _constants.CODE_BLOCK;
   const isCallout = node.type === _constants.CALL_OUT;
   const isSeaTableTable = node.type === _constants.SEATABLE_TABLE;
-  return _slate.Node.string(node) === '' && !hasImage && !isVideo && !isTable && !isCodeBlock && !isCallout && !isSeaTableTable;
+  const isSeaTableColumn = node.type === _constants.SEATABLE_COLUMN;
+  return _slate.Node.string(node) === '' && !hasImage && !isVideo && !isTable && !isCodeBlock && !isCallout && !isSeaTableTable && !isSeaTableColumn;
 };
 exports.isVoidNode = isVoidNode;
 const isNotSupportTransform = node => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "1.0.219",
+  "version": "1.0.221",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
@@ -39,7 +39,7 @@
     "remark-rehype": "11.0.0",
     "remark-stringify": "11.0.0",
     "slugid": "3.2.0",
-    "socket.io-client": "4.6.1",
+    "socket.io-client": "4.8.1",
     "type-of": "2.0.1",
     "unified": "11.0.3",
     "url-join": "4.0.1",
@@ -100,7 +100,7 @@
     "css-minimizer-webpack-plugin": "5.0.1",
     "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
-    "dtable-sdk": "5.0.5",
+    "dtable-sdk": "5.0.6",
     "dtable-utils": "5.0.1",
     "ejs": "3.1.10",
     "eslint": "^8.3.0",
@@ -121,7 +121,7 @@
     "koa-router": "7.3.0",
     "koa-send": "5.0.1",
     "koa2-cors": "2.0.6",
-    "lint-staged": "14.0.0",
+    "lint-staged": "15.4.3",
     "mini-css-extract-plugin": "^2.4.5",
     "node-polyfill-webpack-plugin": "2.0.1",
     "postcss": "^8.4.31",
@@ -141,7 +141,7 @@
     "react-refresh": "^0.11.0",
     "release-it": "17.3.0",
     "resolve": "^1.20.0",
-    "resolve-url-loader": "^4.0.0",
+    "resolve-url-loader": "5.0.0",
     "sass-loader": "^12.3.0",
     "seafile-js": "0.2.235",
     "source-map-loader": "^3.0.0",
@@ -150,8 +150,8 @@
     "terser-webpack-plugin": "^5.2.5",
     "url-loader": "^4.1.1",
     "web-vitals": "2.1.4",
-    "webpack": "5.64.4",
-    "webpack-dev-server": "4.15.1",
+    "webpack": "5.98.0",
+    "webpack-dev-server": "5.2.0",
     "webpack-manifest-plugin": "5.0.0",
     "webpack-merge": "5.8.0",
     "workbox-webpack-plugin": "7.0.0"