@seafile/sdoc-editor 0.5.40 → 0.5.41

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

@@ -1,18 +1,48 @@
 import { ELEMENT_TYPE } from '../../constants';
+import { TABLE_CELL_MIN_WIDTH, TABLE_ROW_MIN_HEIGHT } from './constants';
 class Table {
   constructor(options) {
     this.type = options.type || ELEMENT_TYPE.TABLE;
     this.children = options.children || [
     // 1 x 1
     {
+      id: '',
       type: ELEMENT_TYPE.TABLE_ROW,
       children: [{
+        id: '',
         type: ELEMENT_TYPE.TABLE_CELL,
         children: [{
-          text: ''
-        }]
-      }]
+          text: '',
+          id: ''
+        }],
+        style: {
+          text_align: 'left',
+          alignItems: 'center',
+          background_color: ''
+        },
+        // inherit from table,when insert new cell
+        inherit_style: {
+          text_align: 'left',
+          background_color: ''
+        }
+      }],
+      style: {
+        'min_height': 42
+      }
     }];
+    this.columns = options.columns || [{
+      width: TABLE_CELL_MIN_WIDTH
+    }];
+    this.ui = options.ui || {
+      alternate_highlight: true,
+      // alternate row highlight
+      alternate_highlight_color: ''
+    };
+    this.style = options.style || {
+      gridTemplateColumns: "repeat(1, ".concat(TABLE_CELL_MIN_WIDTH, "}px)"),
+      // grid
+      gridAutoRows: "minmax(".concat(TABLE_ROW_MIN_HEIGHT, "}px, auto)")
+    };
   }
 }
 export default Table;

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

@@ -3,8 +3,8 @@ import isHotkey from 'is-hotkey';
 import { Editor, Transforms, Path, Element } from '@seafile/slate';
 import { ReactEditor } from '@seafile/slate-react';
 import { getNodeType, getParentNode, getSelectedNodeByType, isLastNode, generateEmptyElement, focusEditor } from '../../core';
-import { ELEMENT_TYPE, KEYBOARD, PARAGRAPH, CLIPBOARD_FORMAT_KEY, CHECK_LIST_ITEM, ORDERED_LIST, UNORDERED_LIST } from '../../constants';
-import { TABLE_MAX_ROWS, EMPTY_SELECTED_RANGE, TABLE_ELEMENT, TABLE_ELEMENT_POSITION } from './constants';
+import { ELEMENT_TYPE, KEYBOARD, PARAGRAPH, CLIPBOARD_FORMAT_KEY, CHECK_LIST_ITEM, ORDERED_LIST, UNORDERED_LIST, TABLE_ROW, TABLE, TABLE_CELL } from '../../constants';
+import { TABLE_MAX_ROWS, EMPTY_SELECTED_RANGE, TABLE_ELEMENT, TABLE_ELEMENT_POSITION, TABLE_CELL_MIN_WIDTH, TABLE_ROW_MIN_HEIGHT } from './constants';
 import ObjectUtils from '../../../utils/object-utils';
 import { getSelectedInfo, insertTableElement, removeTable, insertMultipleRowsAndColumns, setTableFragmentData, deleteTableRangeData, focusCell, deleteHandler, isTableLocation, isLastTableCell } from './helpers';
 import EventBus from '../../../utils/event-bus';
@@ -302,12 +302,108 @@ const withTable = editor => {
 
   // Rewrite normalizeNode
   newEditor.normalizeNode = _ref => {
+    var _node$children$, _node$children$$child, _node$children$2, _node$children$2$chil;
     let [node, path] = _ref;
     const type = getNodeType(node);
+    if (node.type === TABLE_ROW) {
+      const parentEntry = Editor.parent(editor, path);
+      if ((parentEntry === null || parentEntry === void 0 ? void 0 : parentEntry[0].type) !== TABLE) {
+        Transforms.unwrapNodes(editor, {
+          at: path
+        });
+        return;
+      }
+    }
+    if (node.type === TABLE_CELL) {
+      const parentEntry = Editor.parent(editor, path);
+      if ((parentEntry === null || parentEntry === void 0 ? void 0 : parentEntry[0].type) !== TABLE_ROW) {
+        Transforms.unwrapNodes(editor, {
+          at: path
+        });
+        return;
+      }
+    }
     if (type !== ELEMENT_TYPE.TABLE) {
       return normalizeNode([node, path]);
     }
 
+    // Check field integrity
+    // Check table - columns
+    const isMissColumn = !node.columns;
+    if (isMissColumn) {
+      if (!node.columns) {
+        const columnCount = node.children[0].children.length;
+        const width = Math.max(TABLE_CELL_MIN_WIDTH, parseInt(editor.width / columnCount));
+        const columns = Array(node.children[0].children.length).fill({
+          width
+        });
+        Transforms.setNodes(newEditor, {
+          columns
+        }, {
+          at: path
+        });
+      }
+    }
+
+    // Check table - style
+    if (!node.style) {
+      const columnCount = node.children[0].children.length;
+      const columnWidth = Math.max(TABLE_CELL_MIN_WIDTH, parseInt(editor.width / columnCount));
+      Transforms.setNodes(newEditor, {
+        style: {
+          gridTemplateColumns: "repeat(".concat(columnCount, ", ").concat(columnWidth, "px)"),
+          gridAutoRows: "minmax(".concat(TABLE_ROW_MIN_HEIGHT, "}px, auto)")
+        }
+      }, {
+        at: path
+      });
+    }
+
+    // Check table - ui
+    if (!node.ui) {
+      Transforms.setNodes(newEditor, {
+        ui: {
+          alternate_highlight: false
+        }
+      }, {
+        at: path
+      });
+    }
+
+    // Check row - style
+    if (!node.children[0].style) {
+      const style = {
+        min_height: TABLE_ROW_MIN_HEIGHT
+      };
+      node.children.forEach((row, index) => {
+        if (!row.style) {
+          Transforms.setNodes(newEditor, {
+            style
+          }, {
+            at: path.concat(index)
+          });
+        }
+      });
+    }
+
+    // Check cell - style & inherit_style
+    if ((node === null || node === void 0 ? void 0 : (_node$children$ = node.children[0]) === null || _node$children$ === void 0 ? void 0 : (_node$children$$child = _node$children$.children[0]) === null || _node$children$$child === void 0 ? void 0 : _node$children$$child.style) || (node === null || node === void 0 ? void 0 : (_node$children$2 = node.children[0]) === null || _node$children$2 === void 0 ? void 0 : (_node$children$2$chil = _node$children$2.children[0]) === null || _node$children$2$chil === void 0 ? void 0 : _node$children$2$chil.inherit_style)) {
+      node.children.forEach((row, rowIndex) => {
+        row.children.forEach((cell, cellIndex) => {
+          if (!cell.style || !cell.inherit_style) {
+            const style = cell.style || {};
+            const inherit_style = cell.inherit_style || {};
+            Transforms.setNodes(newEditor, {
+              style,
+              inherit_style
+            }, {
+              at: path.concat(rowIndex, cellIndex)
+            });
+          }
+        });
+      });
+    }
+
     // insert empty node，continue editor
     const isLast = isLastNode(newEditor, node);
     if (isLast) {

package/dist/basic-sdk/utils/diff-text.js

@@ -1,5 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import ObjectUtils from './object-utils';
+const extendedWordChars = 'a-zA-Z\\u{C0}-\\u{FF}\\u{D8}-\\u{F6}\\u{F8}-\\u{2C6}\\u{2C8}-\\u{2D7}\\u{2DE}-\\u{2FF}\\u{1E00}-\\u{1EFF}\\u{4e00}-\\u{9fa5}';
+const tokenizeIncludingWhitespace = new RegExp("[".concat(extendedWordChars, "]+|\\s+|[^").concat(extendedWordChars, "]"), 'ug');
 const buildValues = (diff, components, newString, oldString, valueType, useLongestToken) => {
   let componentPos = 0;
   let componentLen = components.length;
@@ -158,11 +160,11 @@ class DiffText {
       return oldPos;
     });
     _defineProperty(this, "equals", (left, right) => {
-      if (this.options.comparator) {
-        return this.options.comparator(left, right);
-      } else {
-        return left === right || this.options.ignoreCase && left.toLowerCase() === right.toLowerCase();
+      if (this.options.ignoreCase) {
+        left = left.toLowerCase();
+        right = right.toLowerCase();
       }
+      return left.trim() === right.trim();
     });
     _defineProperty(this, "removeEmpty", (array, type) => {
       if (type === 'Array') return array;
@@ -175,12 +177,46 @@ class DiffText {
       return ret;
     });
     _defineProperty(this, "tokenize", (value, valueType) => {
-      if (valueType === 'Array') return value.slice();
-      return value.split('');
+      if (valueType === 'Array') {
+        return value.slice();
+      }
+      let parts = value.match(tokenizeIncludingWhitespace) || [];
+      const tokens = [];
+      let prevPart = null;
+      parts.forEach(part => {
+        if (/\s/.test(part)) {
+          if (prevPart == null) {
+            tokens.push(part);
+          } else {
+            tokens.push(tokens.pop() + part);
+          }
+        } else if (/\s/.test(prevPart)) {
+          if (tokens[tokens.length - 1] === prevPart) {
+            tokens.push(tokens.pop() + part);
+          } else {
+            tokens.push(prevPart + part);
+          }
+        } else {
+          tokens.push(part);
+        }
+        prevPart = part;
+      });
+      return tokens;
     });
     _defineProperty(this, "join", (value, valueType) => {
       if (valueType === 'Array') return value;
-      return value.join('');
+      // Tokens being joined here will always have appeared consecutively in the
+      // same text, so we can simply strip off the leading whitespace from all the
+      // tokens except the first (and except any whitespace-only tokens - but such
+      // a token will always be the first and only token anyway) and then join them
+      // and the whitespace around words and punctuation will end up correct.
+      return value.map((token, i) => {
+        if (i === 0) {
+          return token;
+        } else {
+          return token.replace(/^\s+/, '');
+        }
+      }).join('');
     });
     _defineProperty(this, "getDiffs", () => {
       if (!this.canCompare) {

package/package.json

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