@seafile/sdoc-editor 0.4.35 → 0.4.37

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

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
 import { Range } from '@seafile/slate';
 import { unWrapLinkNode } from './helpers';
@@ -8,20 +9,20 @@ import { ELEMENT_TYPE } from '../../constants';
 class LinkHoverMenuComponent extends React.Component {
   constructor(props) {
     super(props);
-    this.registerEventHandle = () => {
+    _defineProperty(this, "registerEventHandle", () => {
       document.addEventListener('click', this.onHideLinkMenu);
-    };
-    this.unregisterEventHandle = () => {
+    });
+    _defineProperty(this, "unregisterEventHandle", () => {
       document.removeEventListener('click', this.onHideLinkMenu);
-    };
-    this.onHideLinkMenu = () => {
+    });
+    _defineProperty(this, "onHideLinkMenu", () => {
       this.setState({
         isShowLinkMenu: false
       }, () => {
         this.unregisterEventHandle();
       });
-    };
-    this.onLinkClick = e => {
+    });
+    _defineProperty(this, "onLinkClick", e => {
       const {
         top,
         left,
@@ -41,14 +42,14 @@ class LinkHoverMenuComponent extends React.Component {
       setTimeout(() => {
         this.registerEventHandle();
       }, 0);
-    };
-    this.deleteLink = () => {
+    });
+    _defineProperty(this, "deleteLink", () => {
       const {
         editor
       } = this.props;
       unWrapLinkNode(editor);
-    };
-    this.openDialog = () => {
+    });
+    _defineProperty(this, "openDialog", () => {
       const {
         element
       } = this.props;
@@ -56,7 +57,7 @@ class LinkHoverMenuComponent extends React.Component {
         type: ELEMENT_TYPE.LINK,
         element
       });
-    };
+    });
     this.state = {
       isShowLinkMenu: false,
       menuPosition: null

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

@@ -1,4 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
 import { MENUS_CONFIG_MAP, ORDERED_LIST, UNORDERED_LIST } from '../../../constants';
 import { focusEditor } from '../../../core';
@@ -7,21 +8,21 @@ import { getListType, isMenuDisabled, setListType } from '../helpers';
 class ListMenu extends React.Component {
   constructor() {
     super(...arguments);
-    this.isActive = () => {
+    _defineProperty(this, "isActive", () => {
       const {
         editor,
         type
       } = this.props;
       return getListType(editor, type) === type;
-    };
-    this.isDisabled = () => {
+    });
+    _defineProperty(this, "isDisabled", () => {
       const {
         editor,
         readonly
       } = this.props;
       return isMenuDisabled(editor, readonly);
-    };
-    this.onMouseDown = e => {
+    });
+    _defineProperty(this, "onMouseDown", e => {
       e.preventDefault();
       e.stopPropagation();
       if (this.isDisabled()) return;
@@ -33,7 +34,7 @@ class ListMenu extends React.Component {
       // 执行命令
       setListType(editor, type);
       focusEditor(editor);
-    };
+    });
   }
   render() {
     const {
@@ -53,7 +54,7 @@ class ListMenu extends React.Component {
     return /*#__PURE__*/React.createElement(MenuItem, props);
   }
 }
-ListMenu.defaultProps = {
+_defineProperty(ListMenu, "defaultProps", {
   type: UNORDERED_LIST
-};
+});
 export default ListMenu;

package/dist/basic-sdk/extension/plugins/sdoc-link/helpers.js

@@ -5,7 +5,6 @@ import slugid from 'slugid';
 import copy from 'copy-to-clipboard';
 import context from '../../../../context';
 import { focusEditor, getNodeType, getSelectedElems } from '../../core';
-import { LocalStorage } from '../../../../utils';
 import { SDOC_LINK, LINK, INSERT_FILE_DISPLAY_TYPE, CODE_BLOCK, CODE_LINE, PARAGRAPH } from '../../constants';
 export const isMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
@@ -22,6 +21,7 @@ export const isMenuDisabled = (editor, readonly) => {
   if (notMatch) return true; // disabled
   return false; // enable
 };
+
 export const generateSdocFileNode = (uuid, text) => {
   const sdocFileNode = {
     id: slugid.nice(),

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

@@ -175,6 +175,7 @@ export const isAllInTable = editor => {
   if (firstSelectedNode.type !== ELEMENT_TYPE.TABLE) return false;
   return selectedNodes.slice(1).every(node => [ELEMENT_TYPE.TABLE_ROW, ELEMENT_TYPE.TABLE_CELL].includes(node.type)); // same table element
 };
+
 export const setCellStyle = (editor, style) => {
   // Select single cell
   if (ObjectUtils.isSameObject(editor.tableSelectedRange, EMPTY_SELECTED_RANGE)) {

package/dist/basic-sdk/extension/plugins/table/menu/active-table-menu/common-menu.js

@@ -1,9 +1,10 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React, { Component } from 'react';
 import { UncontrolledPopover } from 'reactstrap';
 class CommonMenu extends Component {
   constructor(props) {
     super(props);
-    this.getClassName = () => {
+    _defineProperty(this, "getClassName", () => {
       const {
         isRichEditor,
         className,
@@ -13,11 +14,11 @@ class CommonMenu extends Component {
       if (!isRichEditor) return itemClass + ' ' + className + ' sdoc-menu-with-dropdown';
       itemClass = "rich-icon-btn d-flex ".concat(disabled ? 'rich-icon-btn-disabled' : 'rich-icon-btn-hover');
       return itemClass + ' ' + className + ' sdoc-menu-with-dropdown';
-    };
-    this.hidePopover = () => {
+    });
+    _defineProperty(this, "hidePopover", () => {
       this.ref && this.ref.toggle && this.ref.toggle();
-    };
-    this.setRef = ref => {
+    });
+    _defineProperty(this, "setRef", ref => {
       this.ref = ref;
       if (!this.ref) return;
       const {
@@ -29,7 +30,7 @@ class CommonMenu extends Component {
           isShowMenu: !this.state.isShowMenu
         });
       };
-    };
+    });
     this.state = {
       isShowMenu: false
     };
@@ -70,8 +71,8 @@ class CommonMenu extends Component {
     }, children)));
   }
 }
-CommonMenu.defaultProps = {
+_defineProperty(CommonMenu, "defaultProps", {
   isRichEditor: true,
   className: 'menu-group-item'
-};
+});
 export default CommonMenu;

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

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
 import { withTranslation } from 'react-i18next';
 import ObjectUtils from '../../../../../utils/object-utils';
@@ -13,7 +14,7 @@ import './index.css';
 class TableContextMenu extends React.Component {
   constructor(props) {
     super(props);
-    this.updateMenuPosition = () => {
+    _defineProperty(this, "updateMenuPosition", () => {
       const menuHeight = this.menu.offsetHeight;
 
       // get height of context menu when the menu is drawing completed in this page
@@ -34,36 +35,36 @@ class TableContextMenu extends React.Component {
           left
         }
       });
-    };
-    this.insertTableElement = (type, position, count) => {
+    });
+    _defineProperty(this, "insertTableElement", (type, position, count) => {
       const {
         editor
       } = this.props;
       insertTableElement(editor, type, position, count);
-    };
-    this.removeTableElement = type => {
+    });
+    _defineProperty(this, "removeTableElement", type => {
       const {
         editor
       } = this.props;
       removeTableElement(editor, type);
-    };
-    this.renderRemoveBtn = (type, title) => {
+    });
+    _defineProperty(this, "renderRemoveBtn", (type, title) => {
       return /*#__PURE__*/React.createElement("button", {
         onMouseDown: this.removeTableElement.bind(this, type),
         className: "dropdown-item"
       }, this.props.t(title));
-    };
-    this.combineCells = () => {
+    });
+    _defineProperty(this, "combineCells", () => {
       const {
         editor
       } = this.props;
       combineCells(editor);
-    };
-    this.toggleSplitCellSettingDialog = () => {
+    });
+    _defineProperty(this, "toggleSplitCellSettingDialog", () => {
       this.eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
         type: ELEMENT_TYPE.TABLE_CELL
       });
-    };
+    });
     this.state = {
       contextStyle: {}
     };

package/dist/basic-sdk/extension/plugins/table/menu/table-context-menu/insert-table-element.js

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React, { Component } from 'react';
 import { withTranslation } from 'react-i18next';
 import { Input } from 'reactstrap';
@@ -6,7 +7,7 @@ import { TABLE_MAX_COLUMNS, TABLE_MAX_ROWS, TABLE_ELEMENT, TABLE_ELEMENT_POSITIO
 class InsertTableElement extends Component {
   constructor(props) {
     super(props);
-    this.insertTableElement = () => {
+    _defineProperty(this, "insertTableElement", () => {
       const {
         type,
         position
@@ -15,8 +16,8 @@ class InsertTableElement extends Component {
         count
       } = this.state;
       this.props.insertTableElement(type, position, count);
-    };
-    this.getTip = () => {
+    });
+    _defineProperty(this, "getTip", () => {
       const {
         type,
         position,
@@ -26,15 +27,15 @@ class InsertTableElement extends Component {
         return position === TABLE_ELEMENT_POSITION.AFTER ? t('Insert_below') : t('Insert_above');
       }
       return position === TABLE_ELEMENT_POSITION.AFTER ? t('Insert_on_the_right') : t('Insert_on_the_left');
-    };
-    this.onKeyDown = event => {
+    });
+    _defineProperty(this, "onKeyDown", event => {
       if (isHotkey('enter', event)) {
         event.preventDefault();
         this.insertTableElement();
         return;
       }
-    };
-    this.onChange = event => {
+    });
+    _defineProperty(this, "onChange", event => {
       const value = event.target.value || '0';
       const newValue = value ? value.replace(/[^\d,]/g, '') : value;
       if (newValue === this.state.count) return;
@@ -51,7 +52,7 @@ class InsertTableElement extends Component {
       this.setState({
         count: numberValue
       });
-    };
+    });
     this.state = {
       count: props.count || 1
     };

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

@@ -5,9 +5,9 @@ import { useSlateStatic, useReadOnly } from '@seafile/slate-react';
 import { Editor, Transforms } from '@seafile/slate';
 import ObjectUtils from '../../../../utils/object-utils';
 import { findPath, focusEditor } from '../../../core';
-import { useResizeHandlersContext, useTableSelectedRangeContext } from './hooks';
+import { useTableSelectedRangeContext } from './hooks';
 import { EMPTY_SELECTED_RANGE, SELECTED_TABLE_CELL_BACKGROUND_COLOR, TABLE_CELL_STYLE } from '../constants';
-import { getTableColumns, colorBlend, getHighlightClass } from '../helpers';
+import { colorBlend, getHighlightClass } from '../helpers';
 import EventBus from '../../../../utils/event-bus';
 import { INTERNAL_EVENT } from '../../../../constants';
 const TableCell = _ref => {
@@ -19,7 +19,6 @@ const TableCell = _ref => {
   const editor = useSlateStatic();
   const selectedRange = useTableSelectedRangeContext() || EMPTY_SELECTED_RANGE;
   const cellPath = findPath(editor, element, [0, 0]);
-  const columns = useResizeHandlersContext() || getTableColumns(editor, element);
   const pathLength = cellPath.length;
   const rowIndex = cellPath[pathLength - 2];
   const cellIndex = cellPath[pathLength - 1];
@@ -60,10 +59,10 @@ const TableCell = _ref => {
   if (element.is_combined) {
     style.display = 'none';
   }
-  if (rowIndex == 0) {
+  if (rowIndex === 0) {
     style.borderTop = '1px solid #ddd';
   }
-  if (cellIndex == 0) {
+  if (cellIndex === 0) {
     style.borderLeft = '1px solid #ddd';
   }
   const {
@@ -85,7 +84,8 @@ const TableCell = _ref => {
       tableId
     });
   };
-  const highlightClass = useMemo(() => getHighlightClass(editor, cellPath), [cellPath, editor]);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const highlightClass = useMemo(() => getHighlightClass(editor, cellPath), []);
   return /*#__PURE__*/React.createElement("div", Object.assign({}, attributes, {
     style: _objectSpread(_objectSpread({}, element.style), style),
     className: classnames('table-cell', attributes.className, highlightClass, {
@@ -121,7 +121,7 @@ function renderTableCell(props) {
     const cellIndex = cellPath[pathLength - 1];
 
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    const highlightClass = useMemo(() => getHighlightClass(editor, cellPath), [cellPath, editor]);
+    const highlightClass = useMemo(() => getHighlightClass(editor, cellPath), []);
 
     // const cellValue = element;
     let style = attributes.style || {};
@@ -134,10 +134,10 @@ function renderTableCell(props) {
     if (element.is_combined) {
       style.display = 'none';
     }
-    if (rowIndex == 0) {
+    if (rowIndex === 0) {
       style.borderTop = '1px solid #ddd';
     }
-    if (cellIndex == 0) {
+    if (cellIndex === 0) {
       style.borderLeft = '1px solid #ddd';
     }
     const {

package/dist/basic-sdk/extension/plugins/table/render/resize-handlers/column-resize-handler.js

@@ -1,5 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React, { useRef, useState, useEffect, useCallback, useLayoutEffect } from 'react';
+import React, { useRef, useState, useEffect, useLayoutEffect } from 'react';
 import { useSlateStatic } from '@seafile/slate-react';
 import { useTableRootContext } from '../hooks';
 import { TABLE_CELL_MIN_WIDTH } from '../../constants';

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

@@ -1,6 +1,5 @@
 import React, { useEffect, useState, useRef, useLayoutEffect } from 'react';
-import { useSlateStatic } from '@seafile/slate-react';
-import { ReactEditor } from '@seafile/slate-react';
+import { useSlateStatic, ReactEditor } from '@seafile/slate-react';
 import { TABLE_ROW_MIN_HEIGHT } from '../../constants';
 import { focusClosestCellWhenJustifyCellSize, getRowHeight, updateTableRowHeight } from '../../helpers';
 import { eventStopPropagation, getMouseDownInfo, getMouseMoveInfo, registerResizeEvents, unregisterResizeEvents } from '../../../../../utils/mouse-event';
@@ -65,7 +64,7 @@ const RowResizeHandler = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isDraggingResizeHandler, mouseDownInfo, rowBottom, table, height]);
   useEffect(() => {
-    const cell = row.children.filter(cell => !cell.is_combined && (!cell.rowspan || cell.rowspan == 1))[0];
+    const cell = row.children.filter(cell => !cell.is_combined && (!cell.rowspan || cell.rowspan === 1))[0];
     if (!cell) return;
     const rowDom = ReactEditor.toDOMNode(editor, cell);
     if (!rowDom) return;

package/dist/basic-sdk/extension/plugins/table/render/table-header/index.css

@@ -18,7 +18,10 @@
   height: 100%;
   position: absolute;
   left: -12px;
-  top: 1px;
+}
+
+.sdoc-table-wrapper .sdoc-table-rows-header .sdoc-table-row-header:first-child {
+  border-top: 1px solid rgba(0, 0, 0, .08);
 }
 
 .sdoc-table-wrapper .sdoc-table-row-header {

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

@@ -1,4 +1,4 @@
-import React, { useRef, useCallback, useState, useEffect, useLayoutEffect } from 'react';
+import React, { useRef, useCallback, useState, useEffect } from 'react';
 import { useSlateStatic } from '@seafile/slate-react';
 import classnames from 'classnames';
 import ObjectUtils from '../../../../../../utils/object-utils';

package/dist/basic-sdk/extension/toolbar/header-toolbar/redo-undo.js

@@ -1,11 +1,12 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
 import { MenuItem } from '../../commons';
 import { MENUS_CONFIG_MAP, REDO, UNDO } from '../../constants';
 class HistoryMenu extends React.Component {
   constructor() {
     super(...arguments);
-    this.isDisabled = type => {
+    _defineProperty(this, "isDisabled", type => {
       const {
         editor,
         readonly
@@ -18,19 +19,19 @@ class HistoryMenu extends React.Component {
         return history.undos.length === 0;
       }
       return history.redos.length === 0;
-    };
-    this.onUndoMouseDown = () => {
+    });
+    _defineProperty(this, "onUndoMouseDown", () => {
       const {
         editor
       } = this.props;
       editor.undo();
-    };
-    this.onRedoMouseDown = () => {
+    });
+    _defineProperty(this, "onRedoMouseDown", () => {
       const {
         editor
       } = this.props;
       editor.redo();
-    };
+    });
   }
   render() {
     const {

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

@@ -92,6 +92,7 @@ export const getDomTopHeight = (dom, slateNode) => {
   if (ADD_POSITION_OFFSET_TYPE.includes(slateNode.type)) {
     offsetY = lightHight / 2 + paddingTop - 12; // side toolbar icon is 12 px
   }
+
   const HEADER_HEIGHT = 56 + 44;
   return rect.y - HEADER_HEIGHT + offsetY;
 };

package/dist/basic-sdk/outline/outline-item.js

@@ -1,9 +1,10 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import classNames from 'classnames';
 import React from 'react';
 class OutlineItem extends React.PureComponent {
   constructor(props) {
     super(props);
-    this.onItemClick = () => {
+    _defineProperty(this, "onItemClick", () => {
       const {
         item
       } = this.props;
@@ -11,17 +12,17 @@ class OutlineItem extends React.PureComponent {
         id
       } = item;
       document.getElementById(id).scrollIntoView();
-    };
-    this.onMouseOver = () => {
+    });
+    _defineProperty(this, "onMouseOver", () => {
       this.setState({
         isHighlighted: true
       });
-    };
-    this.onMouseOut = () => {
+    });
+    _defineProperty(this, "onMouseOut", () => {
       this.setState({
         isHighlighted: false
       });
-    };
+    });
     this.state = {
       isHighlighted: false
     };