@seafile/sea-email-editor 0.0.3 → 0.0.5

package/dist/extension/plugins/table/context-menu/index.css

@@ -1,7 +1,7 @@
 .sea-email-table-context-menu {
   height: fit-content;
   width: fit-content;
-  position: absolute;
+  position: fixed;
 }
 
 .sea-email-table-context-menu .popover {

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

@@ -45,9 +45,15 @@ const ContextMenu = _ref => {
       top,
       left
     } = position;
+    const {
+      width,
+      height
+    } = contextMenuRef.current.getBoundingClientRect();
+    const validTop = window.innerHeight - top >= height ? top : window.innerHeight - height;
+    const validLeft = window.innerWidth - left >= width ? left : window.innerWidth - width;
     setContextMenuStyle({
-      top,
-      left,
+      top: validTop,
+      left: validLeft,
       zIndex: '1071',
       display: 'block'
     });
@@ -66,11 +72,11 @@ const ContextMenu = _ref => {
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     contentEditable: false,
-    ref: contextMenuRef,
     style: contextMenuStyle,
     className: "sea-email-option-editor-popover show sea-email-table-context-menu",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "popover show bs-popover-auto",
+      ref: contextMenuRef,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "popover-inner",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/dist/extension/plugins/table/render-elem/index.js

@@ -12,7 +12,6 @@ var _slate = require("slate");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constant = require("../constant");
 var _contextMenu = _interopRequireDefault(require("../context-menu"));
-var _helper = require("../helper");
 var _core = require("../../../core");
 var _constants = require("../../../constants");
 var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
@@ -165,8 +164,14 @@ const RenderTableContainer = (_ref, editor) => {
     }
     e.preventDefault();
     e.stopPropagation();
-    const position = (0, _helper.getContextMenuPosition)(e, tableRef);
-    setContextMenuPosition(position);
+    const {
+      clientY,
+      clientX
+    } = e;
+    setContextMenuPosition({
+      left: clientX,
+      top: clientY
+    });
     setIsShowContextMenu(true);
   }, []);
   const handleCloseContextMenu = () => {

package/dist/slate-convert/html-to-slate/constants.js

@@ -133,7 +133,7 @@ Object.defineProperty(exports, "UNORDERED_LIST", {
   }
 });
 var _elementTypes = require("../../extension/constants/element-types");
-const TOP_LEVEL_TYPES = exports.TOP_LEVEL_TYPES = [_elementTypes.BLOCKQUOTE, _elementTypes.HEADER1, _elementTypes.HEADER2, _elementTypes.HEADER3, _elementTypes.HEADER4, _elementTypes.HEADER5, _elementTypes.HEADER6, _elementTypes.ORDERED_LIST, _elementTypes.UNORDERED_LIST, _elementTypes.CHECK_LIST_ITEM, _elementTypes.PARAGRAPH, _elementTypes.CODE_BLOCK, _elementTypes.TABLE];
+const TOP_LEVEL_TYPES = exports.TOP_LEVEL_TYPES = [_elementTypes.BLOCKQUOTE, _elementTypes.HEADER1, _elementTypes.HEADER2, _elementTypes.HEADER3, _elementTypes.HEADER4, _elementTypes.HEADER5, _elementTypes.HEADER6, _elementTypes.ORDERED_LIST, _elementTypes.UNORDERED_LIST, _elementTypes.CHECK_LIST_ITEM, _elementTypes.PARAGRAPH, _elementTypes.CODE_BLOCK, _elementTypes.TABLE, _elementTypes.P, _elementTypes.BR];
 const INLINE_LEVEL_TYPES = exports.INLINE_LEVEL_TYPES = [_elementTypes.IMAGE, _elementTypes.LINK];
 const HEADER_LIST = exports.HEADER_LIST = ['H1', 'H2', 'H3', 'H4', 'H5', 'H6'];
 const HEADER_TYPE_MAP = exports.HEADER_TYPE_MAP = {

package/dist/slate-convert/html-to-slate/index.js

@@ -78,6 +78,24 @@ const deserializeElements = function () {
   });
   return (0, _helper.formatInlineNodes)(nodes);
 };
+
+// const formatTableNode = (node, path) => {
+//   if (node.type === TABLE) {
+//     const columnsCount = Math.max(...node.children.map(row => row.children.length));
+//     node.children = node.children.map(row => {
+//       for (let i = row.children.length; i < columnsCount; i++) {
+//         row.children.push(generateTableCell());
+//       }
+//       return row;
+//     });
+//     return node;
+//   }
+//   if (Array.isArray(node.children)) {
+//     node.children = node.children.map((child, index) => formatTableNode(child, [...path, index]));
+//   }
+//   return node;
+// };
+
 const formatElementNodes = nodes => {
   if (nodes.length === 0) {
     return [{

package/dist/slate-convert/html-to-slate/rules/table.js

@@ -39,7 +39,7 @@ const tableRule = (element, parseChild) => {
   }
   if (nodeName === 'TH' || nodeName === 'TD') {
     const children = Array.from(childNodes);
-    const cellChildren = children.flatMap(child => {
+    const cellChildren = children.length > 0 ? children.flatMap(child => {
       // Replace paragraph node with text node
       if (child.nodeName === 'P') {
         const textContent = Array.from(child.childNodes).map(child => child.textContent).join('');
@@ -51,7 +51,11 @@ const tableRule = (element, parseChild) => {
         return (0, _helper.mergeElementOther2SlateNode)(child, node);
       }
       return parseChild([child]);
-    });
+    }) : [{
+      id: _slugid.default.nice(),
+      type: 'text',
+      text: ''
+    }];
     const node = {
       id: _slugid.default.nice(),
       type: _constants.TABLE_CELL,

package/dist/slate-convert/slate-to-html/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.findElementByPath = exports.default = void 0;
 var _slate = require("slate");
 var _constants = require("../../extension/constants");
 const isContentValid = value => {
@@ -31,11 +31,15 @@ const translateElement = (value, element, path) => {
     ...(style || {})
   };
   if (element.type === _constants.ElementTypes.TABLE_CELL) {
-    const tablePath = path.slice(0, -2);
-    const tableElement = findElementByPath(value, tablePath);
-    const tdIndex = path.at(-1);
-    const align = tableElement.align[tdIndex] || 'left';
-    customizeStyle['textAlign'] = align;
+    try {
+      const tablePath = path.slice(0, -2);
+      const tableElement = findElementByPath(value, tablePath);
+      const tdIndex = path.at(-1);
+      const align = tableElement.align[tdIndex] || 'left';
+      customizeStyle['textAlign'] = align;
+    } catch {
+      //
+    }
   }
   let styleString = Object.keys(customizeStyle).map(styleKey => `${styleKey.split(/(?=[A-Z])/).join('-').toLowerCase()}: ${customizeStyle[styleKey]};`).join('');
   styleString = styleString ? ` style="${styleString}"` : '';
@@ -69,8 +73,9 @@ const ELEMENT_HTML_TAG = {
   [_constants.ElementTypes.TABLE_CELL]: 'td'
 };
 const findElementByPath = (value, path) => {
-  return path.reduce((element, pathIndex) => element[pathIndex], value);
+  return path.reduce((element, pathIndex, currentIndex) => currentIndex === 0 ? element[pathIndex] : element === null || element === void 0 ? void 0 : element.children[pathIndex], value);
 };
+exports.findElementByPath = findElementByPath;
 const element2Html = (value, element, path) => {
   const {
     type
@@ -138,6 +143,7 @@ const slateToHtml = value => {
   value.forEach((element, index) => {
     html += element2Html(value, element, [index]);
   });
+  console.log(html);
   return html;
 };
 var _default = exports.default = slateToHtml;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sea-email-editor",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "",
   "main": "dist/index.js",
   "dependencies": {