@seafile/sdoc-editor 0.1.39 → 0.1.41

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

@@ -0,0 +1,32 @@
+import React from 'react';
+import classnames from 'classnames';
+import { useSelected } from '@seafile/slate-react';
+import ObjectUtils from '../../../../utils/object-utils';
+import { STYLE_KEY } from '../../../constants';
+function TableCell(props) {
+  var attributes = props.attributes,
+    element = props.element,
+    children = props.children,
+    isSelected = props.isSelected;
+  var cellValue = element.children[0];
+  var style = attributes.style || {};
+  if (ObjectUtils.hasProperty(cellValue, STYLE_KEY.TEXT_ALIGN)) {
+    style[STYLE_KEY.TEXT_ALIGN] = cellValue[STYLE_KEY.TEXT_ALIGN];
+  }
+  return /*#__PURE__*/React.createElement("td", Object.assign({}, attributes, {
+    style: style,
+    className: classnames('', attributes.className, {
+      'cell-selected': isSelected
+    }),
+    "data-id": element.id
+  }), children);
+}
+function renderTableCell(props, editor) {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  var isSelected = useSelected();
+  return /*#__PURE__*/React.createElement(TableCell, Object.assign({}, props, {
+    editor: editor,
+    isSelected: isSelected
+  }));
+}
+export default renderTableCell;

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import classnames from 'classnames';
+import { useSelected } from '@seafile/slate-react';
+function TableRow(props) {
+  var attributes = props.attributes,
+    element = props.element,
+    children = props.children,
+    isSelected = props.isSelected;
+  return /*#__PURE__*/React.createElement("tr", Object.assign({}, attributes, {
+    className: classnames('', attributes.className, {
+      'row-selected': isSelected
+    }),
+    "data-id": element.id
+  }), children);
+}
+function renderTableRow(props, editor) {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  var isSelected = useSelected();
+  return /*#__PURE__*/React.createElement(TableRow, Object.assign({}, props, {
+    editor: editor,
+    isSelected: isSelected
+  }));
+}
+export default renderTableRow;

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

@@ -0,0 +1,30 @@
+.sdoc-table-selected {
+  position: relative;
+}
+
+.sdoc-table-selected .sdoc-table-rows-header {
+  width: 12px;
+  left: -12px;
+  top: 0;
+  height: 100%;
+  background-color: rgb(243, 245, 247);
+  display: flex;
+  flex-direction: column;
+}
+
+.sdoc-table-selected .sdoc-table-rows-header .sdoc-table-rows-header-item {
+  border-bottom: 1px solid #ccc;
+  flex-shrink: 0;
+}
+
+.sdoc-table-selected .sdoc-table-rows-header .sdoc-table-rows-header-item:last-child {
+  border-bottom: none;
+}
+
+.sdoc-table tr:first-child {
+  font-weight: unset;
+}
+
+.sdoc-table tr:nth-child(2n+1) {
+  background-color: unset;
+}

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

@@ -0,0 +1,41 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React, { Component } from 'react';
+import classnames from 'classnames';
+import { useSelected } from '@seafile/slate-react';
+import './index.css';
+var Table = /*#__PURE__*/function (_Component) {
+  _inherits(Table, _Component);
+  var _super = _createSuper(Table);
+  function Table() {
+    _classCallCheck(this, Table);
+    return _super.apply(this, arguments);
+  }
+  _createClass(Table, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        attributes = _this$props.attributes,
+        children = _this$props.children,
+        isSelected = _this$props.isSelected;
+      return /*#__PURE__*/React.createElement("div", Object.assign({}, attributes, {
+        className: classnames('sdoc-table', attributes.className, className, {
+          'sdoc-table-selected': isSelected
+        })
+      }), /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("tbody", null, children)));
+    }
+  }]);
+  return Table;
+}(Component);
+function renderTable(props, editor) {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  var isSelected = useSelected();
+  return /*#__PURE__*/React.createElement(Table, Object.assign({}, props, {
+    editor: editor,
+    isSelected: isSelected
+  }));
+}
+export default renderTable;

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

@@ -0,0 +1,4 @@
+import renderTable from './render/render-table';
+import renderTableRow from './render/render-row';
+import renderTableCell from './render/render-cell';
+export { renderTable, renderTableRow, renderTableCell };

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

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { Editor, Transforms } from '@seafile/slate';
+import { Editor } from '@seafile/slate';
 import { getNodeType } from '../../core';
 export var isMenuDisabled = function isMenuDisabled(editor) {
   if (editor.selection == null) return true;
@@ -25,11 +25,6 @@ export var addMark = function addMark(editor, type) {
 };
 export var removeMark = function removeMark(editor, type) {
   Editor.removeMark(editor, type);
-  Transforms.setNodes(editor, {
-    type: 'paragraph'
-  }, {
-    mode: 'highest'
-  });
 };
 
 // Whether mark is included

package/dist/basic-sdk/extension/render/render-element.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from 'react';
-import { BLOCKQUOTE, LINK, CHECK_LIST_ITEM, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, LIST_ITEM, LIST_LIC, ORDERED_LIST, PARAGRAPH, UNORDERED_LIST, CODE_BLOCK, IMAGE } from '../constants';
-import { BlockquotePlugin, LinkPlugin, CheckListPlugin, HeaderPlugin, ListPlugin, CodeBlockPlugin, ImagePlugin } from '../plugins';
+import { BLOCKQUOTE, LINK, CHECK_LIST_ITEM, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, LIST_ITEM, LIST_LIC, ORDERED_LIST, PARAGRAPH, UNORDERED_LIST, CODE_BLOCK, IMAGE, ELEMENT_TYPE } from '../constants';
+import { BlockquotePlugin, LinkPlugin, CheckListPlugin, HeaderPlugin, ListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin } from '../plugins';
 var renderElement = function renderElement(props, editor) {
   var attributes = props.attributes,
     children = props.children,
@@ -73,6 +73,24 @@ var renderElement = function renderElement(props, editor) {
           renderImage = _ImagePlugin$renderEl[0];
         return renderImage(props, editor);
       }
+    case ELEMENT_TYPE.TABLE:
+      {
+        var _TablePlugin$renderEl = _slicedToArray(TablePlugin.renderElements, 1),
+          renderTable = _TablePlugin$renderEl[0];
+        return renderTable(props, editor);
+      }
+    case ELEMENT_TYPE.TABLE_ROW:
+      {
+        var _TablePlugin$renderEl2 = _slicedToArray(TablePlugin.renderElements, 2),
+          renderTableRow = _TablePlugin$renderEl2[1];
+        return renderTableRow(props, editor);
+      }
+    case ELEMENT_TYPE.TABLE_CELL:
+      {
+        var _TablePlugin$renderEl3 = _slicedToArray(TablePlugin.renderElements, 3),
+          renderTableCell = _TablePlugin$renderEl3[2];
+        return renderTableCell(props, editor);
+      }
     default:
       {
         return /*#__PURE__*/React.createElement("p", Object.assign({

package/dist/basic-sdk/extension/toolbar/index.js

@@ -14,6 +14,7 @@ import CheckListMenu from '../plugins/check-list/menu';
 import TextStyleMenuList from '../plugins/text-style/menu';
 import CodeBlockMenu from '../plugins/code-block/menu';
 import HistoryMenu from './redo-undo';
+import { TableMenu, ActiveTableMenu } from '../plugins/table/menu';
 var Toolbar = /*#__PURE__*/function (_React$Component) {
   _inherits(Toolbar, _React$Component);
   var _super = _createSuper(Toolbar);
@@ -46,7 +47,11 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
         editor: this.props.editor
       })), /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(CodeBlockMenu, {
         editor: this.props.editor
-      })), /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(ImageMenu, {
+      }), /*#__PURE__*/React.createElement(TableMenu, {
+        editor: this.props.editor
+      })), /*#__PURE__*/React.createElement(ActiveTableMenu, {
+        editor: this.props.editor
+      }), /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(ImageMenu, {
         editor: this.props.editor
       })));
     }

package/dist/basic-sdk/node-id/helpers.js

@@ -42,7 +42,7 @@ export var decorateOperation = function decorateOperation(editor, operation) {
     case OPERATION.SPLIT_NODE:
       {
         // child: split [7, 0] -> [[7, 0],[7, 1]]
-        // parent: split [[7, 0], [7, 1]] -> [[7], [8]] 
+        // parent: split [[7, 0], [7, 1]] -> [[7], [8]]
         var _path4 = newOperation.path,
           _newOperation$propert = newOperation.properties,
           properties = _newOperation$propert === void 0 ? {} : _newOperation$propert;

package/dist/basic-sdk/utils/event-handler.js

@@ -1,6 +1,8 @@
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import isHotkey from 'is-hotkey';
+import { getSelectedNodeByType } from '../extension/core/queries/';
+import { ELEMENT_TYPE } from '../extension/constants';
 var EventProxy = /*#__PURE__*/_createClass(function EventProxy(_editor) {
   var _this = this;
   _classCallCheck(this, EventProxy);
@@ -46,6 +48,10 @@ var EventProxy = /*#__PURE__*/_createClass(function EventProxy(_editor) {
     if (isHotkey('tab', event) || isHotkey('shift+tab', event)) {
       editor.handleTab && editor.handleTab(event);
     }
+    var node = getSelectedNodeByType(editor, ELEMENT_TYPE.TABLE);
+    if (node) {
+      _this.editor.tableOnKeyDown(event);
+    }
   };
   this.onCopy = function (event) {
     event.stopPropagation();

package/dist/basic-sdk/utils/object-utils.js

@@ -54,4 +54,7 @@ var ObjectUtils = /*#__PURE__*/function () {
   }]);
   return ObjectUtils;
 }();
+ObjectUtils.hasProperty = function (obj, prop) {
+  return Object.prototype.hasOwnProperty.call(obj, prop);
+};
 export default ObjectUtils;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.1.39",
+  "version": "0.1.41",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",

package/public/locales/en/sdoc-editor.json

@@ -239,5 +239,8 @@
   "Open_parent_folder": "Open parent folder",
   "redo": "redo",
   "undo": "undo",
-  "Open_link": "Open link"
+  "Open_link": "Open link",
+  "Customize_the_number_of_rows_and_columns": "Customize the number of rows and columns",
+  "Rows": "Rows",
+  "Columns": "Columns"
 }

package/public/locales/zh-CN/sdoc-editor.json

@@ -232,5 +232,9 @@
   "Outline": "目录",
   "Headings_you_add_to_the_document_will_appear_here": "您添加到文档中的标题将显示在此处",
   "redo": "重做",
-  "undo": "撤销"
+  "undo": "撤销",
+  "Open_link": "打开链接",
+  "Customize_the_number_of_rows_and_columns": "自定义行列数",
+  "Rows": "行数",
+  "Columns": "列数"
 }