@seafile/sdoc-editor 0.1.157 → 0.1.159-beta9

package/dist/basic-sdk/editor.js

@@ -1,3 +1,4 @@
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useEffect, useMemo, useState, forwardRef, useImperativeHandle } from 'react';
 import { Editor } from '@seafile/slate';
@@ -11,6 +12,8 @@ import context from '../context';
 import { EditorContainer, EditorContent } from './layout';
 import SlateEditor from './slate-editor';
 import InsertElementDialog from './extension/commons/insert-element-dialog';
+import { REVISION_FIRST_LOAD_KEY } from '../constants';
+import toaster from '../components/toast';
 var SDocEditor = forwardRef(function (_ref, ref) {
   var document = _ref.document,
     config = _ref.config;
@@ -85,6 +88,30 @@ var SDocEditor = forwardRef(function (_ref, ref) {
     var originFilename = context.getSetting('originFilename');
     if (isSdocRevision) {
       window.document.getElementsByTagName('title')[0].innerText = "".concat(t('Revision'), " - ").concat(originFilename);
+      var searchParams = window.location.search || window.location.hash;
+      if (searchParams) {
+        var searchParamsIndex = searchParams.indexOf('?');
+        var validSearchParams = new URLSearchParams(searchParams.slice(searchParamsIndex + 1));
+        var _iterator = _createForOfIteratorHelper(validSearchParams),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var query = _step.value;
+            var key = query[0];
+            var value = query[1];
+            if (key === REVISION_FIRST_LOAD_KEY && value === '1') {
+              var revisionId = context.getSetting('revisionId');
+              toaster.success(t('Revision_created', {
+                id: revisionId
+              }));
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/dist/basic-sdk/extension/constants/element-type.js

@@ -10,16 +10,16 @@ export var HEADER5 = 'header5';
 export var HEADER6 = 'header6';
 export var ORDERED_LIST = 'ordered_list';
 export var UNORDERED_LIST = 'unordered_list';
-export var LIST_ITEM = 'list-item';
-export var LIST_LIC = 'list-lic'; // placeholder
-export var CHECK_LIST_ITEM = 'check-list-item';
+export var LIST_ITEM = 'list_item';
+export var LIST_LIC = 'list_lic'; // placeholder
+export var CHECK_LIST_ITEM = 'check_list_item';
 export var PARAGRAPH = 'paragraph';
-export var CODE_BLOCK = 'code-block';
-export var CODE_LINE = 'code-line';
+export var CODE_BLOCK = 'code_block';
+export var CODE_LINE = 'code_line';
 export var TABLE = 'table';
-export var TABLE_ROW = 'table-row';
-export var TABLE_CELL = 'table-cell';
+export var TABLE_ROW = 'table_row';
+export var TABLE_CELL = 'table_cell';
 export var LINK = 'link';
-export var SDOC_LINK = 'sdoc-link';
+export var SDOC_LINK = 'sdoc_link';
 export var FILE_LINK = 'file_link';
 export var IMAGE = 'image';

package/dist/basic-sdk/extension/constants/menus-config.js

@@ -8,18 +8,12 @@ export var CLEAR_FORMAT = 'clear_format';
 export var REMOVE_TABLE = 'remove_table';
 
 // text style
+export var TEXT_STYLE = 'text_style';
 var ITALIC = 'italic';
 var BOLD = 'bold';
 var UNDERLINE = 'underline';
-var HIGHLIGHT_COLOR = 'highlight-color';
+var HIGHLIGHT_COLOR = 'highlight_color';
 var COLOR = 'color';
-export var TEXT_STYLE = 'text_style';
-export var TEXT_STYLE_MAP = {
-  ITALIC: ITALIC,
-  BOLD: BOLD,
-  BOLD_ITALIC: "".concat(BOLD, "-").concat(ITALIC),
-  COLOR: COLOR
-};
 
 // text-align
 export var TEXT_ALIGN = 'text_align';
@@ -33,6 +27,23 @@ var SUBSCRIPT = 'subscript';
 // const FONT_SIZE_INCREASE = 'font-size-increase';
 // const FONT_SIZE_REDUCE = 'font-size-reduce';
 
+export var TEXT_STYLE_MAP = {
+  COLOR: COLOR,
+  HIGHLIGHT_COLOR: HIGHLIGHT_COLOR,
+  FONT_SIZE: 'font_size',
+  FONT: 'font',
+  BOLD: BOLD,
+  ITALIC: ITALIC,
+  BOLD_ITALIC: "".concat(BOLD, "_").concat(ITALIC),
+  UNDERLINE: UNDERLINE,
+  STRIKETHROUGH: STRIKETHROUGH,
+  SUPERSCRIPT: SUPERSCRIPT,
+  SUBSCRIPT: SUBSCRIPT,
+  CODE: 'code',
+  DELETE: 'delete',
+  ADD: 'add'
+};
+
 // header menu config
 export var MENUS_CONFIG_MAP = (_MENUS_CONFIG_MAP = {}, _defineProperty(_MENUS_CONFIG_MAP, BLOCKQUOTE, {
   id: "sdoc_".concat(BLOCKQUOTE),
@@ -74,22 +85,22 @@ export var MENUS_CONFIG_MAP = (_MENUS_CONFIG_MAP = {}, _defineProperty(_MENUS_CO
   id: ITALIC,
   iconClass: 'sdocfont sdoc-italic',
   text: 'Italic',
-  type: 'ITALIC'
+  type: TEXT_STYLE_MAP.ITALIC
 }, {
   id: BOLD,
   iconClass: 'sdocfont sdoc-bold',
   text: 'Bold',
-  type: 'BOLD'
+  type: TEXT_STYLE_MAP.BOLD
 }, {
   id: UNDERLINE,
   iconClass: 'sdocfont sdoc-underline',
   text: 'Underline',
-  type: 'UNDERLINE'
+  type: TEXT_STYLE_MAP.UNDERLINE
 }, {
   id: "sdoc-".concat(HIGHLIGHT_COLOR),
   iconClass: 'sdocfont sdoc-highlight-color',
   text: 'Highlight_color',
-  type: HIGHLIGHT_COLOR,
+  type: TEXT_STYLE_MAP.HIGHLIGHT_COLOR,
   isColor: true,
   recentUsedColorsKey: RECENT_USED_HIGHLIGHT_COLORS_KEY,
   defaultLastUsedColor: DEFAULT_LAST_USED_HIGHLIGHT_COLOR
@@ -97,7 +108,7 @@ export var MENUS_CONFIG_MAP = (_MENUS_CONFIG_MAP = {}, _defineProperty(_MENUS_CO
   id: "sdoc-font-".concat(COLOR),
   iconClass: 'sdocfont sdoc-font-color',
   text: 'Font_color',
-  type: COLOR,
+  type: TEXT_STYLE_MAP.COLOR,
   defaultColor: DEFAULT_FONT_COLOR,
   isColor: true,
   recentUsedColorsKey: RECENT_USED_FONT_COLORS_KEY,
@@ -108,17 +119,17 @@ export var MENUS_CONFIG_MAP = (_MENUS_CONFIG_MAP = {}, _defineProperty(_MENUS_CO
   id: STRIKETHROUGH,
   iconClass: 'sdocfont sdoc-strikethrough',
   text: 'Strikethrough',
-  type: 'STRIKETHROUGH'
+  type: TEXT_STYLE_MAP.STRIKETHROUGH
 }, {
   id: SUPERSCRIPT,
   iconClass: 'sdocfont sdoc-subscripts',
   text: 'Superscript',
-  type: 'SUPERSCRIPT'
+  type: TEXT_STYLE_MAP.SUPERSCRIPT
 }, {
   id: SUBSCRIPT,
   iconClass: 'sdocfont sdoc-subscripts',
   text: 'Subscript',
-  type: 'SUBSCRIPT'
+  type: TEXT_STYLE_MAP.SUBSCRIPT
 }]), _defineProperty(_MENUS_CONFIG_MAP, TEXT_ALIGN, [{
   id: ALIGN_LEFT,
   iconClass: 'sdocfont sdoc-align-left',

package/dist/basic-sdk/extension/plugins/file-link/render-elem.css

@@ -33,6 +33,10 @@
   position: absolute;
   top: 16px;
   left: 42px;
+  width: 330px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .sdoc-file-card-link .sdoc-file-text-link a {

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

@@ -2,8 +2,6 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useEffect, useState, useRef } from 'react';
 import classnames from 'classnames';
-import { Range } from '@seafile/slate';
-import { useReadOnly } from '@seafile/slate-react';
 import { useScrollContext } from '../../../hooks/use-scroll-context';
 import { unwrapLinkNode, getUrl } from './helpers';
 import HoverMenu from './hover-menu';
@@ -25,7 +23,6 @@ var FileLink = function FileLink(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     menuPosition = _useState4[0],
     setMenuPosition = _useState4[1];
-  var readOnly = useReadOnly();
   var registerEventHandle = useCallback(function () {
     document.addEventListener('click', onHideInsertHoverMenu);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -125,7 +122,7 @@ var FileLink = function FileLink(_ref) {
       e.preventDefault();
     },
     title: element.title
-  }, children))), isShowInsertHoverMenu && (!readOnly && Range.isCollapsed(editor.selection) || readOnly) && /*#__PURE__*/React.createElement(HoverMenu, {
+  }, children))), isShowInsertHoverMenu && /*#__PURE__*/React.createElement(HoverMenu, {
     editor: editor,
     menuPosition: menuPosition,
     element: element,

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

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Editor, Element } from '@seafile/slate';
-import { CODE_BLOCK, IMAGE, DEFAULT_FONT, GOOGLE_FONT_CLASS, FONT, SDOC_FONT_SIZE, HEADERS, TITLE, SUBTITLE, CODE_LINE } from '../../constants';
+import { CODE_BLOCK, IMAGE, DEFAULT_FONT, GOOGLE_FONT_CLASS, FONT, SDOC_FONT_SIZE, HEADERS, TITLE, SUBTITLE, CODE_LINE, TEXT_STYLE_MAP } from '../../constants';
 import { focusEditor, getParentNode } from '../../core';
 import context from '../../../../context';
 import { isMac } from '../../../../utils';
@@ -28,13 +28,15 @@ export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
 export var getFontSize = function getFontSize(editor) {
   var selection = editor.selection;
   var marks = Editor.marks(editor);
-  if (marks && marks['font-size']) return marks['font-size'];
+  if (marks && marks[TEXT_STYLE_MAP.FONT_SIZE]) {
+    return marks[TEXT_STYLE_MAP.FONT_SIZE];
+  }
   if (!selection) return SDOC_FONT_SIZE.DEFAULT;
   var _Editor$nodes3 = Editor.nodes(editor, {
       at: Editor.unhangRange(editor, selection),
       match: function match(n) {
         if (!Editor.isEditor(n) && !Element.isElement(n)) {
-          if (n['font-size']) return true;
+          if (n[TEXT_STYLE_MAP.FONT_SIZE]) return true;
           var _parentNode = getParentNode(editor.children, n.id);
           if (!_parentNode) return false;
           if ([TITLE, SUBTITLE].concat(_toConsumableArray(HEADERS), [CODE_LINE]).includes(_parentNode.type)) {
@@ -48,14 +50,16 @@ export var getFontSize = function getFontSize(editor) {
     _Editor$nodes4 = _slicedToArray(_Editor$nodes3, 1),
     match = _Editor$nodes4[0];
   if (!match) return SDOC_FONT_SIZE.DEFAULT;
-  // has font-size attrubute
+  // has font-size attribute
   var matched = match[0];
-  if (matched['font-size']) return matched['font-size'];
+  if (matched[TEXT_STYLE_MAP.FONT_SIZE]) {
+    return matched[TEXT_STYLE_MAP.FONT_SIZE];
+  }
   var parentNode = getParentNode(editor.children, matched.id);
   return SDOC_FONT_SIZE[parentNode.type];
 };
 export var setFontSize = function setFontSize(editor, value) {
-  Editor.addMark(editor, 'font-size', value);
+  Editor.addMark(editor, TEXT_STYLE_MAP.FONT_SIZE, value);
   focusEditor(editor);
 };
 export var scaleFontSize = function scaleFontSize(editor, type) {
@@ -77,7 +81,9 @@ export var scaleFontSize = function scaleFontSize(editor, type) {
 export var getFont = function getFont(editor) {
   var selection = editor.selection;
   var marks = Editor.marks(editor);
-  if (marks && marks['font']) return marks['font'];
+  if (marks && marks[TEXT_STYLE_MAP.FONT]) {
+    return marks[TEXT_STYLE_MAP.FONT];
+  }
   if (!selection) return DEFAULT_FONT;
   var _Editor$nodes5 = Editor.nodes(editor, {
       at: Editor.unhangRange(editor, selection),
@@ -88,10 +94,10 @@ export var getFont = function getFont(editor) {
     _Editor$nodes6 = _slicedToArray(_Editor$nodes5, 1),
     match = _Editor$nodes6[0];
   if (!match) return DEFAULT_FONT;
-  return match[0]['font'];
+  return match[0][TEXT_STYLE_MAP.FONT];
 };
 export var setFont = function setFont(editor, value) {
-  Editor.addMark(editor, 'font', value);
+  Editor.addMark(editor, TEXT_STYLE_MAP.FONT, value);
   focusEditor(editor);
 };
 export var hasFontLoaded = function hasFontLoaded() {
@@ -126,9 +132,7 @@ export var loadFont = function loadFont() {
   fontLink.className = GOOGLE_FONT_CLASS;
   document.body.appendChild(fontLink);
 };
-export var generatorFontFamily = function generatorFontFamily(fontName, fontWeight, leaf) {
-  var isCodeBlock = leaf && Object.keys(leaf).includes('token');
-  if (isCodeBlock) return '';
+export var generatorFontFamily = function generatorFontFamily(fontName, fontWeight) {
   var lang = context.getSetting('lang') || 'zh-cn';
   if (fontName === DEFAULT_FONT) {
     return "'Arial', ".concat(lang === 'zh-cn' ? "\u5B8B\u4F53" : 'Arial', ", 'sans-serif'");

package/dist/basic-sdk/extension/plugins/html/rules/text.js

@@ -13,7 +13,7 @@ var textRule = function textRule(element, parseChild) {
     return {
       level: 'level3',
       id: slugid.nice(),
-      BOLD: true,
+      bold: true,
       text: element.textContent
     };
   }
@@ -21,7 +21,7 @@ var textRule = function textRule(element, parseChild) {
     return {
       level: 'level3',
       id: slugid.nice(),
-      CODE: true,
+      code: true,
       text: element.textContent
     };
   }
@@ -29,7 +29,7 @@ var textRule = function textRule(element, parseChild) {
     return {
       level: 'level3',
       id: slugid.nice(),
-      DELETE: true,
+      delete: true,
       text: element.textContent
     };
   }
@@ -37,7 +37,7 @@ var textRule = function textRule(element, parseChild) {
     return {
       level: 'level3',
       id: slugid.nice(),
-      ITALIC: true,
+      italic: true,
       text: element.textContent
     };
   }
@@ -45,7 +45,7 @@ var textRule = function textRule(element, parseChild) {
     return {
       level: 'level3',
       id: slugid.nice(),
-      ADD: true,
+      add: true,
       text: element.textContent
     };
   }

package/dist/basic-sdk/extension/plugins/markdown/plugin.js

@@ -92,8 +92,8 @@ var withMarkDown = function withMarkDown(editor) {
           voids: true
         });
         var newText = beforeText.slice(startOffset + 3, endOffset - 3);
-        Editor.addMark(editor, 'BOLD', true);
-        Editor.addMark(editor, 'ITALIC', true);
+        Editor.addMark(editor, TEXT_STYLE_MAP.BOLD, true);
+        Editor.addMark(editor, TEXT_STYLE_MAP.ITALIC, true);
         return insertText(newText);
       }
     }
@@ -114,7 +114,7 @@ var withMarkDown = function withMarkDown(editor) {
         },
         voids: true
       });
-      var newType = boldType.toUpperCase();
+      var newType = boldType.toLowerCase();
       var _newText = beforeText.slice(_startOffset + 2, _endOffset - 2);
       Editor.addMark(editor, newType, true);
       return insertText(_newText);
@@ -134,7 +134,7 @@ var withMarkDown = function withMarkDown(editor) {
           },
           voids: true
         });
-        var _newType = italicType.toUpperCase();
+        var _newType = italicType.toLowerCase();
         var _newText2 = beforeText.slice(_startOffset2 + 1, _endOffset2 - 1);
         Editor.addMark(editor, _newType, true);
         return insertText(_newText2);

package/dist/basic-sdk/extension/plugins/table/constants/index.js

@@ -23,6 +23,9 @@ export var TABLE_ELEMENT_POSITION = {
 };
 export var SELECTED_TABLE_CELL_BACKGROUND_COLOR = '#dee8fe';
 export var TABLE_CELL_STYLE = {
-  TEXT_ALIGN: 'textAlign',
-  BACKGROUND_COLOR: 'bg_color'
+  TEXT_ALIGN: 'text_align',
+  BACKGROUND_COLOR: 'background_color'
+};
+export var TABLE_ROW_STYLE = {
+  MIN_HEIGHT: 'min_height'
 };

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

@@ -1,13 +1,14 @@
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import slugid from 'slugid';
 import { Editor, Range, Transforms, Point, Node } from '@seafile/slate';
 import { ReactEditor } from '@seafile/slate-react';
 import { getNodeType, getParentNode, getSelectedNodeByType, isTextNode, getSelectedElems, focusEditor, getNode, findPath, replaceNodeChildren } from '../../core';
 import { ELEMENT_TYPE, KEYBOARD, CLIPBOARD_FORMAT_KEY, INSERT_POSITION } from '../../constants';
-import { TABLE_MAX_ROWS, TABLE_MAX_COLUMNS, EMPTY_SELECTED_RANGE, TABLE_ROW_MIN_HEIGHT, TABLE_CELL_MIN_WIDTH, TABLE_ELEMENT, TABLE_ELEMENT_POSITION } from './constants';
+import { TABLE_MAX_ROWS, TABLE_MAX_COLUMNS, EMPTY_SELECTED_RANGE, TABLE_ROW_MIN_HEIGHT, TABLE_CELL_MIN_WIDTH, TABLE_ELEMENT, TABLE_ELEMENT_POSITION, TABLE_ROW_STYLE } from './constants';
 import EventBus from '../../../utils/event-bus';
 import { INTERNAL_EVENT, PAGE_EDIT_AREA_WIDTH } from '../../../constants';
 import ObjectUtils from '../../../utils/object-utils';
@@ -64,9 +65,7 @@ export var generateTableRow = function generateTableRow(colsCount) {
     id: slugid.nice(),
     type: ELEMENT_TYPE.TABLE_ROW,
     children: children,
-    style: {
-      minHeight: TABLE_ROW_MIN_HEIGHT
-    }
+    style: _defineProperty({}, TABLE_ROW_STYLE.MIN_HEIGHT, TABLE_ROW_MIN_HEIGHT)
   };
 };
 export var generateEmptyTable = function generateEmptyTable(editor) {
@@ -389,11 +388,11 @@ export var setTableSelectedRange = function setTableSelectedRange(editor, range)
 export var updateTableRowHeight = function updateTableRowHeight(editor, element, rowHeight) {
   var path = findPath(editor, element);
   var targetNode = getNode(editor, path);
-  if (targetNode.style && targetNode.style.minHeight === rowHeight) return;
+  var _targetNode$style = targetNode.style,
+    style = _targetNode$style === void 0 ? {} : _targetNode$style;
+  if (style[TABLE_ROW_STYLE.MIN_HEIGHT] === rowHeight) return;
   Transforms.setNodes(editor, {
-    style: _objectSpread(_objectSpread({}, targetNode.style), {}, {
-      minHeight: rowHeight
-    })
+    style: _objectSpread(_objectSpread({}, style), {}, _defineProperty({}, TABLE_ROW_STYLE.MIN_HEIGHT, rowHeight))
   }, {
     at: path
   });
@@ -878,4 +877,10 @@ export var colorBlend = function colorBlend(c1, c2, ratio) {
   g = ('0' + (g || 0).toString(16)).slice(-2);
   b = ('0' + (b || 0).toString(16)).slice(-2);
   return '#' + r + g + b;
+};
+export var getRowHeight = function getRowHeight(element, rowIndex) {
+  var _element$style = element.style,
+    style = _element$style === void 0 ? {} : _element$style;
+  var rowHeight = style[TABLE_ROW_STYLE.MIN_HEIGHT] || TABLE_ROW_MIN_HEIGHT;
+  return rowIndex === 0 ? rowHeight + 1 : rowHeight;
 };

package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/cell-bg-color-menu.js

@@ -18,7 +18,7 @@ var CellBackgroundColorMenu = function CellBackgroundColorMenu(_ref) {
     updateLastUsedTableCellBackgroundColor = _useColorContext.updateLastUsedTableCellBackgroundColor;
   var setColor = useCallback(function (color) {
     setCellStyle(editor, {
-      bg_color: color
+      background_color: color
     });
   }, [editor]);
   var props = _objectSpread(_objectSpread({

package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/cell-text-align-menu.js

@@ -1,7 +1,9 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React, { useCallback, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import CommonMenu from './common-menu';
 import { setCellStyle } from '../../helpers';
+import { TABLE_CELL_STYLE } from '../../constants';
 var CellTextAlignMenu = function CellTextAlignMenu(_ref) {
   var editor = _ref.editor,
     readonly = _ref.readonly;
@@ -10,9 +12,7 @@ var CellTextAlignMenu = function CellTextAlignMenu(_ref) {
     t = _useTranslation.t;
   var setTextAlignStyle = useCallback(function (textAlign) {
     if (readonly) return;
-    setCellStyle(editor, {
-      textAlign: textAlign
-    });
+    setCellStyle(editor, _defineProperty({}, TABLE_CELL_STYLE.TEXT_ALIGN, textAlign));
     textAlignRef.current && textAlignRef.current.hidePopover();
   }, [editor, readonly]);
   return /*#__PURE__*/React.createElement(CommonMenu, {

package/dist/basic-sdk/extension/plugins/table/render/render-cell.js

@@ -40,7 +40,7 @@ var TableCell = function TableCell(_ref) {
   }, [editor, element]);
   var style = attributes.style || {};
   if (ObjectUtils.hasProperty(element.style, TABLE_CELL_STYLE.TEXT_ALIGN)) {
-    style[TABLE_CELL_STYLE.TEXT_ALIGN] = element.style[TABLE_CELL_STYLE.TEXT_ALIGN];
+    style['textAlign'] = element.style[TABLE_CELL_STYLE.TEXT_ALIGN];
   }
   if (isSelected) {
     style['backgroundColor'] = SELECTED_TABLE_CELL_BACKGROUND_COLOR;
@@ -86,7 +86,7 @@ function renderTableCell(props) {
     // const cellValue = element;
     var style = attributes.style || {};
     if (ObjectUtils.hasProperty(element.style, TABLE_CELL_STYLE.TEXT_ALIGN)) {
-      style[TABLE_CELL_STYLE.TEXT_ALIGN] = element[TABLE_CELL_STYLE.TEXT_ALIGN];
+      style['textAlign'] = element.style[TABLE_CELL_STYLE.TEXT_ALIGN];
     }
     if (ObjectUtils.hasProperty(element.style, TABLE_CELL_STYLE.BACKGROUND_COLOR) && element.style[TABLE_CELL_STYLE.BACKGROUND_COLOR]) {
       style['backgroundColor'] = element.style[TABLE_CELL_STYLE.BACKGROUND_COLOR];

package/dist/basic-sdk/extension/plugins/table/render/render-row.js

@@ -6,12 +6,11 @@ import { useSlateStatic, useReadOnly } from '@seafile/slate-react';
 import { ReactEditor } from '@seafile/slate-react';
 import { findPath } from '../../../core';
 import { TABLE_ROW_MIN_HEIGHT } from '../constants';
-import { updateTableRowHeight } from '../helpers';
+import { getRowHeight, updateTableRowHeight } from '../helpers';
 import { eventStopPropagation, getMouseDownInfo, getMouseMoveInfo, registerResizeEvents, unregisterResizeEvents } from '../../../../utils/mouse-event';
 import { useSettingSelectRangeContext, useResizeHandlersContext } from './hooks';
 import { useScrollContext } from '../../../../hooks/use-scroll-context';
 var TableRow = function TableRow(_ref) {
-  var _element$style;
   var element = _ref.element,
     attributes = _ref.attributes,
     children = _ref.children;
@@ -29,10 +28,9 @@ var TableRow = function TableRow(_ref) {
   var rowPath = findPath(editor, element);
   var pathLength = rowPath ? rowPath.length : 0;
   var rowIndex = rowPath ? rowPath[pathLength - 1] : -1;
-  var minHeight = ((_element$style = element.style) === null || _element$style === void 0 ? void 0 : _element$style.minHeight) || TABLE_ROW_MIN_HEIGHT;
-  var initHeight = rowIndex === 0 ? minHeight + 1 : minHeight;
-  var tableRow = useRef(initHeight);
-  var _useState5 = useState(initHeight),
+  var rowHeight = getRowHeight(element, rowIndex);
+  var tableRow = useRef(rowHeight);
+  var _useState5 = useState(rowHeight),
     _useState6 = _slicedToArray(_useState5, 2),
     height = _useState6[0],
     setHeight = _useState6[1];
@@ -107,13 +105,13 @@ function renderTableRow(props) {
 
     // eslint-disable-next-line react-hooks/rules-of-hooks
     var editor = useSlateStatic();
-    var style = element.style;
     var rowPath = findPath(editor, element);
     if (!rowPath) return null;
     var pathLength = rowPath.length;
     var rowIndex = rowPath[pathLength - 1];
-    var minHeight = (style === null || style === void 0 ? void 0 : style.minHeight) || TABLE_ROW_MIN_HEIGHT;
-    var height = rowIndex === 0 ? minHeight + 1 : minHeight;
+    var _element$style = element.style,
+      style = _element$style === void 0 ? {} : _element$style;
+    var height = getRowHeight(element, rowIndex);
     return /*#__PURE__*/React.createElement("div", Object.assign({}, attributes, {
       className: classnames('table-row', attributes.className),
       style: _objectSpread(_objectSpread(_objectSpread({}, attributes.style), style), {}, {

package/dist/basic-sdk/extension/plugins/table/render/table-header/rows-header/row-header.js

@@ -8,9 +8,8 @@ import { useResizeHandlersContext, useTableSelectedRangeContext } from '../../ho
 import { useScrollContext } from '../../../../../../hooks/use-scroll-context';
 import { ELEMENT_TYPE } from '../../../../../constants';
 import { findPath, getSelectedNodeByType } from '../../../../../core';
-import { elementHasImage } from '../../../helpers';
+import { elementHasImage, getRowHeight } from '../../../helpers';
 var RowHeader = function RowHeader(_ref) {
-  var _row$style;
   var row = _ref.row,
     index = _ref.index,
     addIconPosition = _ref.addIconPosition,
@@ -18,8 +17,9 @@ var RowHeader = function RowHeader(_ref) {
     setInsertRowIndex = _ref.setInsertRowIndex,
     selectRange = _ref.selectRange,
     tableSize = _ref.tableSize;
+  var oldRowHeight = getRowHeight(row);
   var editor = useSlateStatic();
-  var _useState = useState(row === null || row === void 0 ? void 0 : (_row$style = row.style) === null || _row$style === void 0 ? void 0 : _row$style.minHeight),
+  var _useState = useState(oldRowHeight),
     _useState2 = _slicedToArray(_useState, 2),
     rowHeight = _useState2[0],
     setRowHeight = _useState2[1];

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

@@ -1,3 +1,4 @@
+import { TEXT_STYLE_MAP } from '../../constants';
 import { getValue, isMenuDisabled, addMark, removeMark } from './helpers';
 var withTextStyle = function withTextStyle(editor) {
   var toggleTextStyle = function toggleTextStyle(type) {
@@ -13,10 +14,10 @@ var withTextStyle = function withTextStyle(editor) {
     }
   };
   editor.toggleTextBold = function () {
-    toggleTextStyle('BOLD');
+    toggleTextStyle(TEXT_STYLE_MAP.BOLD);
   };
   editor.toggleTextItalic = function () {
-    toggleTextStyle('ITALIC');
+    toggleTextStyle(TEXT_STYLE_MAP.ITALIC);
   };
   return editor;
 };

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

@@ -2,7 +2,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["text"];
 import React from 'react';
 import Caret from './caret';
-import { DEFAULT_FONT } from '../../constants';
+import { DEFAULT_FONT, TEXT_STYLE_MAP } from '../../constants';
 import { generatorFontFamily } from '../font/helpers';
 var renderText = function renderText(props, editor) {
   var attributes = props.attributes,
@@ -20,54 +20,55 @@ var renderText = function renderText(props, editor) {
   if (leaf.computed_background_color) {
     style['backgroundColor'] = leaf.computed_background_color;
   }
-  if (leaf.color) {
-    style['color'] = leaf.color;
+  if (leaf[TEXT_STYLE_MAP.COLOR]) {
+    style['color'] = leaf[TEXT_STYLE_MAP.COLOR];
   }
-  if (leaf['highlight-color']) {
-    style['backgroundColor'] = leaf['highlight-color'];
+  if (leaf[TEXT_STYLE_MAP.HIGHLIGHT_COLOR]) {
+    style['backgroundColor'] = leaf[TEXT_STYLE_MAP.HIGHLIGHT_COLOR];
   }
-  if (leaf['font-size']) {
-    var fontSize = leaf['font-size'];
+  if (leaf[TEXT_STYLE_MAP.FONT_SIZE]) {
+    var fontSize = leaf[TEXT_STYLE_MAP.FONT_SIZE];
     if (typeof fontSize === 'number') {
       style['fontSize'] = "".concat(fontSize, "pt");
     }
   }
-  var font = leaf['font'] || DEFAULT_FONT;
-  var fontWeight = leaf.BOLD ? 600 : 400;
-  style['fontFamily'] = generatorFontFamily(font, fontWeight, leaf);
-  if (leaf.BOLD) {
+  if (leaf[TEXT_STYLE_MAP.FONT]) {
+    var fontWeight = leaf[TEXT_STYLE_MAP.BOLD] ? 600 : 400;
+    style['fontFamily'] = generatorFontFamily(leaf[TEXT_STYLE_MAP.FONT], fontWeight);
+  }
+  if (leaf[TEXT_STYLE_MAP.BOLD]) {
     markedChildren = /*#__PURE__*/React.createElement("strong", null, markedChildren);
   }
-  if (leaf.ITALIC) {
+  if (leaf[TEXT_STYLE_MAP.ITALIC]) {
     markedChildren = /*#__PURE__*/React.createElement("i", null, markedChildren);
   }
-  if (leaf.UNDERLINE) {
+  if (leaf[TEXT_STYLE_MAP.UNDERLINE]) {
     markedChildren = /*#__PURE__*/React.createElement("span", {
       style: {
         textDecoration: 'underline'
       }
     }, markedChildren);
   }
-  if (leaf.STRIKETHROUGH) {
+  if (leaf[TEXT_STYLE_MAP.STRIKETHROUGH]) {
     markedChildren = /*#__PURE__*/React.createElement("span", {
       style: {
         textDecoration: 'line-through'
       }
     }, markedChildren);
   }
-  if (leaf.SUPERSCRIPT) {
+  if (leaf[TEXT_STYLE_MAP.SUPERSCRIPT]) {
     markedChildren = /*#__PURE__*/React.createElement("sup", null, markedChildren);
   }
-  if (leaf.SUBSCRIPT) {
+  if (leaf[TEXT_STYLE_MAP.SUBSCRIPT]) {
     markedChildren = /*#__PURE__*/React.createElement("sub", null, markedChildren);
   }
-  if (leaf.CODE) {
+  if (leaf[TEXT_STYLE_MAP.CODE]) {
     markedChildren = /*#__PURE__*/React.createElement("code", null, markedChildren);
   }
-  if (leaf.DELETE) {
+  if (leaf[TEXT_STYLE_MAP.DELETE]) {
     markedChildren = /*#__PURE__*/React.createElement("del", null, markedChildren);
   }
-  if (leaf.ADD) {
+  if (leaf[TEXT_STYLE_MAP.ADD]) {
     markedChildren = /*#__PURE__*/React.createElement("span", null, markedChildren);
   }
   if (leaf.decoration) {