@seafile/sdoc-editor 1.0.219 → 1.0.221-alph-0.0.1

package/dist/basic-sdk/extension/plugins/seatable-row/plugin.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slate = require("@seafile/slate");
+var _constants = require("../../constants");
+var _core = require("../../core");
+const withRow = editor => {
+  const {
+    isVoid,
+    deleteBackward,
+    normalizeNode
+  } = editor;
+  const newEditor = editor;
+  newEditor.isVoid = element => {
+    const {
+      type
+    } = element;
+    if (type === _constants.ELEMENT_TYPE.SEATABLE_ROW) return true;
+    return isVoid(element);
+  };
+  newEditor.deleteBackward = unit => {
+    const {
+      selection
+    } = editor;
+    const focusPoint = _slate.Editor.before(editor, selection);
+    const point = _slate.Editor.before(editor, selection, {
+      distance: 1
+    });
+    if (!point) return deleteBackward(unit);
+    const [node, path] = _slate.Editor.node(editor, [point.path[0], point.path[1]]);
+    const isPerviousSeaTableRow = node.type === _constants.SEATABLE_ROW;
+    if (isPerviousSeaTableRow && Range.isCollapsed(selection) && (0, _core.isBlockAboveEmpty)(editor) && !_slate.Path.isCommon(path, selection.anchor.path)) {
+      deleteBackward(unit);
+      (0, _core.focusEditor)(newEditor, _slate.Editor.end(newEditor, focusPoint));
+      return;
+    }
+    deleteBackward(unit);
+  };
+  newEditor.normalizeNode = _ref => {
+    let [node, path] = _ref;
+    const type = (0, _core.getNodeType)(node);
+    if (type !== _constants.SEATABLE_ROW) {
+      return normalizeNode([node, path]);
+    }
+
+    // insert empty node，continue editor
+    const isLast = (0, _core.isLastNode)(newEditor, node);
+    if (isLast) {
+      const p = (0, _core.generateEmptyElement)(_constants.PARAGRAPH);
+      _slate.Transforms.insertNodes(newEditor, p, {
+        at: [path[0] + 1]
+      });
+    }
+  };
+  return newEditor;
+};
+var _default = exports.default = withRow;

package/dist/basic-sdk/extension/plugins/seatable-row/render-elem/index.css

@@ -0,0 +1,123 @@
+.seatable-rows-record-wrapper {
+  outline: none;
+}
+
+.seatable-rows-record-container {
+  margin-top: 5px;
+  border: 1.5px solid #ddd;
+  border-radius: 5px;
+  width: 100%;
+  overflow: auto;
+  position: relative;
+  user-select: none;
+  outline: none;
+}
+
+.seatable-rows-record-container .seatable-rows-record-table-name {
+  margin-left: 10px;
+  margin-top: 10px;
+  margin-bottom: 3px;
+  font-size: 15px;
+  font-weight: 500;
+}
+
+
+.seatable-rows-record-wrapper .seatable-rows-record-container table tr {
+  background-color: unset !important;
+}
+
+.seatable-rows-record-wrapper .seatable-rows-record-container table {
+  margin-top: unset !important;
+  margin-bottom: 3px !important;
+}
+
+.seatable-rows-record-wrapper .seatable-rows-record-container table th {
+  font-size: 12px;
+  color: #666;
+  font-weight: 400;
+}
+
+.seatable-rows-record-wrapper .seatable-rows-record-container table td { 
+  font-size: 14px;
+  font-weight: 400;
+}
+
+.seatable-rows-record-wrapper .seatable-rows-record-container table,
+.seatable-rows-record-wrapper .seatable-rows-record-container table td,
+.seatable-rows-record-wrapper .seatable-rows-record-container table th {
+  border: unset !important;
+  padding-bottom: 5px !important;
+  padding-top: 5px !important;
+}
+
+.seatable-rows-record-container .seatable-view-records .seatable-rows-record-header,
+.seatable-rows-record-wrapper .seatable-rows-record-container table td,
+.seatable-rows-record-wrapper .seatable-rows-record-container table th {
+  height: 32px;
+  padding: 0 10px;
+}
+
+.seatable-rows-record-container.selected {
+  box-shadow: 0 0 0 2px #0aba45;
+}
+
+.seatable-rows-record-container .seatable-view-records {
+  margin: 0;
+  width: fit-content;
+}
+
+.seatable-rows-record-container .seatable-column-editor-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 30px;
+}
+
+.seatable-rows-record-container .seatable-column-editor-wrapper .seatable-column-width-tip {
+  background-color: #0009;
+  border-radius: 3px;
+  color: #fff;
+  font-size: 13px;
+  line-height: 20px;
+  padding: 2px 8px;
+}
+
+.seatable-rows-record-header th {
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-start;
+  flex: unset !important;
+}
+
+.seatable-rows-record-header .seatable-rows-record-header-cell {
+  position: relative;
+}
+
+.seatable-rows-record-header .seatable-rows-record-header-cell span:first-child {
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.seatable-rows-record-body-cell {
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-start;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  word-break: break-all;
+  flex: unset !important
+}
+
+.seatable-rows-record-body-cell .document-number-formatter {
+  text-align: right;
+}
+
+.seatable-rows-record-body-cell .collaborator-item .collaborator-avatar img {
+  min-width: 16px;
+  min-height: 16px;
+}

package/dist/basic-sdk/extension/plugins/seatable-row/render-elem/index.js

@@ -0,0 +1,161 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _reactI18next = require("react-i18next");
+var _slateReact = require("@seafile/slate-react");
+var _dtableUtils = require("dtable-utils");
+var _recordItem = _interopRequireDefault(require("./record-item"));
+var _recordHeader = _interopRequireDefault(require("./record-header"));
+require("./index.css");
+const RowRecord = _ref => {
+  var _tableInfoRef$current, _tableInfoRef$current2;
+  let {
+    element,
+    attributes,
+    children,
+    editor
+  } = _ref;
+  const {
+    table_id,
+    selected_rows_id,
+    column_width = {}
+  } = element;
+  const [columns, setColumns] = (0, _react.useState)([]);
+  const [tableName, setTableName] = (0, _react.useState)(null);
+  const [shownRecords, setShownRecords] = (0, _react.useState)([]);
+  const [columnWidthMap, setColumnWidthMap] = (0, _react.useState)(column_width);
+  const [isShowColumnWidth, setIsShowColumnWidth] = (0, _react.useState)(false);
+  const [isCanModifyColumnWidth, setIsCanModifyColumnWidth] = (0, _react.useState)(false);
+  const isSelected = (0, _slateReact.useSelected)();
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
+  const readOnly = (0, _slateReact.useReadOnly)();
+  const tableInfoRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    async function initTableData() {
+      const table = await editor.getTableById(table_id);
+      setTableName(table.name);
+      if (!tableInfoRef.current) {
+        tableInfoRef.current = {};
+      }
+      if (!tableInfoRef.current[table_id]) {
+        tableInfoRef.current[table_id] = {
+          formulaRows: editor.getTableFormulaResults(table, table.rows),
+          idRowMap: table.rows.reduce((result, item) => {
+            result[item._id] = item;
+            return result;
+          }, {})
+        };
+      }
+      const validRecords = table.rows;
+      const shownRecords = validRecords.filter(item => selected_rows_id.includes(item._id));
+      setShownRecords(shownRecords);
+      const updatedColumnWidthMap = Object.fromEntries(Object.entries(columnWidthMap).map(_ref2 => {
+        let [key, value] = _ref2;
+        return [key, value * 1.2];
+      }));
+      setColumnWidthMap(updatedColumnWidthMap);
+      let validColumns = table.columns;
+      validColumns = validColumns.map(column => {
+        const {
+          type
+        } = column;
+        if (type === _dtableUtils.CellType.LINK) {
+          const {
+            data
+          } = column;
+          const {
+            display_column_key,
+            array_type,
+            array_data
+          } = data;
+          const display_column = {
+            key: display_column_key || '0000',
+            type: array_type || _dtableUtils.CellType.TEXT,
+            data: array_data || null
+          };
+          return {
+            ...column,
+            data: {
+              ...data,
+              display_column
+            }
+          };
+        }
+        return column;
+      });
+      setColumns(validColumns);
+    }
+    initTableData();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [table_id]);
+  (0, _react.useEffect)(() => {
+    if (!isSelected) {
+      queueMicrotask(() => {
+        setIsShowColumnWidth(false);
+        setIsCanModifyColumnWidth(false);
+      });
+    }
+  }, [editor, element, isSelected]);
+  const onTableClick = (0, _react.useCallback)(event => {
+    if (readOnly) return;
+    setIsShowColumnWidth(true);
+  }, [readOnly]);
+  const onTableDoubleClick = (0, _react.useCallback)(event => {
+    if (readOnly) return;
+    setIsShowColumnWidth(false);
+    setIsCanModifyColumnWidth(true);
+  }, [readOnly]);
+  const formulaRows = (tableInfoRef === null || tableInfoRef === void 0 ? void 0 : (_tableInfoRef$current = tableInfoRef.current) === null || _tableInfoRef$current === void 0 ? void 0 : (_tableInfoRef$current2 = _tableInfoRef$current[table_id]) === null || _tableInfoRef$current2 === void 0 ? void 0 : _tableInfoRef$current2.formulaRows) || {};
+  return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, attributes, {
+    className: "seatable-rows-record-wrapper"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('seatable-rows-record-container', {
+      'selected': isSelected
+    }),
+    onClick: onTableClick,
+    onDoubleClick: onTableDoubleClick
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "seatable-rows-record-table-name"
+  }, tableName), /*#__PURE__*/_react.default.createElement("table", {
+    className: "seatable-rows-record-table"
+  }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement(_recordHeader.default, {
+    editor: editor,
+    element: element,
+    columns: columns,
+    isCanModifyColumnWidth: isCanModifyColumnWidth,
+    columnWidthMap: columnWidthMap,
+    setColumnWidthMap: setColumnWidthMap
+  })), /*#__PURE__*/_react.default.createElement("tbody", {
+    className: "seatable-rows-record-body-container"
+  }, shownRecords.map((record, index) => {
+    const formulaRow = formulaRows[record._id] || {};
+    return /*#__PURE__*/_react.default.createElement(_recordItem.default, {
+      key: record._id,
+      index: index,
+      editor: editor,
+      record: record,
+      formulaRow: formulaRow,
+      columns: columns,
+      columnWidthMap: columnWidthMap
+    });
+  }))), !readOnly && isShowColumnWidth && !isCanModifyColumnWidth && /*#__PURE__*/_react.default.createElement("div", {
+    className: "seatable-column-editor-wrapper"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "seatable-column-width-tip"
+  }, t('Double_click_then_adjust_field_width'))), children));
+};
+const renderRow = (props, editor) => {
+  return /*#__PURE__*/_react.default.createElement(RowRecord, Object.assign({}, props, {
+    editor: editor
+  }));
+};
+var _default = exports.default = renderRow;

package/dist/basic-sdk/extension/plugins/seatable-row/render-elem/record-header.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = RecordHeader;
+var _react = _interopRequireWildcard(require("react"));
+var _slateReact = require("@seafile/slate-react");
+var _slate = require("@seafile/slate");
+var _draggable = _interopRequireDefault(require("../../seatable-tables/draggable"));
+const dragAbleStyle = {
+  position: 'absolute',
+  top: 0,
+  right: -3,
+  width: 5,
+  borderRadius: '3px',
+  zIndex: 2,
+  margin: '3px 0',
+  height: 'calc(100% - 6px)'
+};
+function RecordHeader(_ref) {
+  let {
+    editor,
+    element,
+    columns,
+    columnWidthMap,
+    setColumnWidthMap,
+    isCanModifyColumnWidth
+  } = _ref;
+  const headerCellRef = (0, _react.useRef)({});
+  const getWidthFromMouseEvent = (e, currentCell) => {
+    const right = e.pageX || e.touches && e.touches[0] && e.touches[0].pageX || e.changedTouches && e.changedTouches[e.changedTouches.length - 1].pageX;
+    const left = currentCell.getBoundingClientRect().left;
+    return right - left;
+  };
+  const onDrag = (e, currentCell, currentColumnKey) => {
+    const width = getWidthFromMouseEvent(e, currentCell);
+    if (width >= 80) {
+      const newColumnWidthMap = {
+        ...columnWidthMap,
+        [currentColumnKey]: width
+      };
+      setColumnWidthMap(newColumnWidthMap);
+    }
+  };
+  const onDragEnd = () => {
+    const path = _slateReact.ReactEditor.findPath(editor, element);
+    _slate.Transforms.setNodes(editor, {
+      column_width: columnWidthMap
+    }, {
+      at: [path[0]]
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement("tr", {
+    className: "seatable-rows-record-header"
+  }, columns.map(column => {
+    const width = columnWidthMap[column.key];
+    return /*#__PURE__*/_react.default.createElement("th", {
+      ref: ref => {
+        headerCellRef.current[column.key] = ref;
+      },
+      className: "seatable-rows-record-header-cell",
+      key: column.key,
+      style: {
+        width,
+        minWidth: width
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", null, column.name), isCanModifyColumnWidth && /*#__PURE__*/_react.default.createElement(_draggable.default, {
+      style: dragAbleStyle,
+      onDrag: e => {
+        onDrag(e, headerCellRef.current[column.key], column.key);
+      },
+      onDragEnd: onDragEnd
+    }));
+  }));
+}

package/dist/basic-sdk/extension/plugins/seatable-row/render-elem/record-item.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = RecordItem;
+var _react = _interopRequireDefault(require("react"));
+var _dtableUtils = require("dtable-utils");
+var _formatter = _interopRequireDefault(require("../../seatable-tables/formatter"));
+function RecordItem(_ref) {
+  let {
+    record,
+    formulaRow,
+    columns,
+    editor,
+    columnWidthMap
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("tr", {
+    className: "seatable-rows-record-body"
+  }, columns.map(column => {
+    const width = columnWidthMap[column.key];
+    let cellValue = record[column.key];
+    if ([_dtableUtils.CellType.LINK, _dtableUtils.CellType.LINK_FORMULA, _dtableUtils.CellType.FORMULA].includes(column.type)) {
+      cellValue = formulaRow[column.key];
+    }
+    return /*#__PURE__*/_react.default.createElement("td", {
+      className: "seatable-rows-record-body-cell",
+      key: record._id + '_' + column.key,
+      style: {
+        width,
+        minWidth: width
+      }
+    }, /*#__PURE__*/_react.default.createElement(_formatter.default, {
+      isSample: true,
+      column: column,
+      cellValue: cellValue,
+      collaborators: editor.collaborators
+    }));
+  }));
+}

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

@@ -22,7 +22,6 @@ const SeaTableTableMenu = _ref => {
     toggle,
     isHidden = false
   } = _ref;
-  const dropDownMenuRef = (0, _react.useRef)(null);
   const menuConfig = _constants.MENUS_CONFIG_MAP[_constants.SEATABLE_TABLE];
   let disabled = (0, _helpers.isInsertSeaTableTableDisabled)(editor, readonly);
   if (insertPosition === _constants.INSERT_POSITION.AFTER) {
@@ -37,17 +36,15 @@ const SeaTableTableMenu = _ref => {
     menuConfig: menuConfig,
     className: (0, _classnames.default)('pr-2 sdoc-dropdown-menu-item-relative', {
       'sdoc-dropdown-menu-item-hidden': isHidden
-    }),
-    ref: dropDownMenuRef
+    })
   }, !disabled && /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
   }), !disabled && /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
     target: menuConfig.id,
     trigger: "hover",
-    className: "sdoc-menu-popover sdoc-sub-dropdown-menu",
+    className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-sub-dropdown-menu",
     hideArrow: true,
-    fade: false,
-    container: dropDownMenuRef === null || dropDownMenuRef === void 0 ? void 0 : dropDownMenuRef.current
+    fade: false
   }, /*#__PURE__*/_react.default.createElement(_seatableList.default, {
     editor: editor,
     readonly: readonly,

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

@@ -16,7 +16,7 @@ const isMenuDisabled = (editor, readonly) => {
     match: n => {
       const type = (0, _core.getNodeType)(n);
       if (type === _elementType.CODE_BLOCK) return true; // Code block
-      if (_slate.Editor.isVoid(editor, n)) return true; // void node
+      if (_slate.Editor.isVoid(editor, n) && (n === null || n === void 0 ? void 0 : n.type) !== _elementType.SEATABLE_COLUMN) return true; // void node
 
       return false;
     },

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

@@ -49,6 +49,10 @@ const TextStyleMenuList = _ref => {
     return (0, _helpers2.isMenuDisabled)(editor, readonly);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, readonly]);
+  const isSelectedSeaTableColumn = (0, _react.useCallback)(() => {
+    const entery = (0, _core.getSelectedNodeByType)(editor, _constants.SEATABLE_COLUMN);
+    return !!entery;
+  }, [editor]);
   const openLinkDialog = (0, _react.useCallback)(() => {
     const eventBus = _eventBus.default.getInstance();
     eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
@@ -99,11 +103,16 @@ const TextStyleMenuList = _ref => {
   }, [editor, selectedFontSize, selectedFontSizeValue]);
   const getTextStyleList = (0, _react.useCallback)(key => {
     return _constants.MENUS_CONFIG_MAP[key].map(item => {
+      let disable = isDisabled();
+      const disableTypes = [_constants.TEXT_STYLE_MAP.CODE, _constants.TEXT_STYLE_MAP.LINK, _constants.TEXT_STYLE_MAP.SUPERSCRIPT, _constants.TEXT_STYLE_MAP.SUBSCRIPT];
+      if (disableTypes.includes(item.type)) {
+        disable = isSelectedSeaTableColumn() ? true : disable;
+      }
       let itemProps = {
         isRichEditor,
         className,
         ariaLabel: item === null || item === void 0 ? void 0 : item.ariaLabel,
-        disabled: isDisabled(),
+        disabled: disable,
         isActive: isActive(item.type),
         onMouseDown: item.isColor ? () => {} : onMouseDown
       };

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

@@ -205,6 +205,11 @@ const CustomRenderElement = props => {
         const [renderColumn] = _plugins.SeaTableColumnPlugin.renderElements;
         return renderColumn(props, editor);
       }
+    case _elementType.SEATABLE_ROW:
+      {
+        const [renderRow] = _plugins.SeaTableRowPlugin.renderElements;
+        return renderRow(props, editor);
+      }
     case _elementType.SEATABLE_TABLE:
       {
         const [renderSeaTableTable] = _plugins.SeaTableViewsPlugin.renderElements;

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

@@ -18,7 +18,8 @@ var _menu4 = _interopRequireDefault(require("../../../plugins/code-block/menu"))
 var _menu5 = _interopRequireDefault(require("../../../plugins/sdoc-link/menu"));
 var _menu6 = _interopRequireDefault(require("../../../plugins/file-link/menu"));
 var _menu7 = _interopRequireDefault(require("../../../plugins/seatable-column/menu"));
-var _menu8 = _interopRequireDefault(require("../../../plugins/seatable-tables/menu"));
+var _menu8 = _interopRequireDefault(require("../../../plugins/seatable-row/menu"));
+var _menu9 = _interopRequireDefault(require("../../../plugins/seatable-tables/menu"));
 var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
 var _constants = require("../../../../constants");
 require("./index.css");
@@ -41,6 +42,10 @@ const InsertToolbar = _ref => {
     return _eventBus.default.getInstance();
   }, []);
   const toggle = (0, _react.useCallback)(event => {
+    var _event$target;
+    if (event !== null && event !== void 0 && event.target && (event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.tagName) === 'INPUT') {
+      return;
+    }
     popoverRef.current && popoverRef.current.toggle();
     setMenuShow(!isShowMenu);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -97,7 +102,7 @@ const InsertToolbar = _ref => {
     }
   }, /*#__PURE__*/_react.default.createElement(_menu.default, props), /*#__PURE__*/_react.default.createElement(_tableMenu.default, props), (editor === null || editor === void 0 ? void 0 : editor.editorType) !== _constants.DOCUMENT_PLUGIN_EDITOR && /*#__PURE__*/_react.default.createElement(_menu2.default, props), /*#__PURE__*/_react.default.createElement(_menu3.default, props), /*#__PURE__*/_react.default.createElement(_menu4.default, props), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-divider"
-  }), editor.columns && /*#__PURE__*/_react.default.createElement(_menu7.default, props), editor.tables && /*#__PURE__*/_react.default.createElement(_menu8.default, props), !editor.tables && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_menu5.default, props), /*#__PURE__*/_react.default.createElement(_menu6.default, props)))));
+  }), editor.tables && /*#__PURE__*/_react.default.createElement(_menu8.default, props), editor.columns && /*#__PURE__*/_react.default.createElement(_menu7.default, props), editor.tables && /*#__PURE__*/_react.default.createElement(_menu9.default, props), !editor.tables && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_menu5.default, props), /*#__PURE__*/_react.default.createElement(_menu6.default, props)))));
 };
 InsertToolbar.defaultProps = {
   isRichEditor: true,

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

@@ -134,7 +134,9 @@ const isVoidNode = node => {
   const isCodeBlock = node.type === _constants.CODE_BLOCK;
   const isCallout = node.type === _constants.CALL_OUT;
   const isSeaTableTable = node.type === _constants.SEATABLE_TABLE;
-  return _slate.Node.string(node) === '' && !hasImage && !isVideo && !isTable && !isCodeBlock && !isCallout && !isSeaTableTable;
+  const isSeaTableColumn = node.type === _constants.SEATABLE_COLUMN;
+  const isSeaTableRow = node.type === _constants.SEATABLE_ROW;
+  return _slate.Node.string(node) === '' && !hasImage && !isVideo && !isTable && !isCodeBlock && !isCallout && !isSeaTableTable && !isSeaTableColumn && !isSeaTableRow;
 };
 exports.isVoidNode = isVoidNode;
 const isNotSupportTransform = node => {

package/dist/pages/document-plugin-editor.js

@@ -28,6 +28,7 @@ const DocumentPluginEditor = _ref => {
     showOutline,
     tableId,
     columns,
+    rows,
     getColumnCellValue,
     tables,
     getTableById,
@@ -40,8 +41,9 @@ const DocumentPluginEditor = _ref => {
   const forceUpdate = (0, _useForceUpdate.default)();
   const validEditor = (0, _react.useMemo)(() => {
     const withColumnPlugin = _plugins.SeaTableColumnPlugin.editorPlugin;
+    const withRowPlugin = _plugins.SeaTableRowPlugin.editorPlugin;
     const withViewsPlugin = _plugins.SeaTableViewsPlugin.editorPlugin;
-    const defaultEditor = withViewsPlugin(withColumnPlugin((0, _extension.createDefaultEditor)()));
+    const defaultEditor = withViewsPlugin(withRowPlugin(withColumnPlugin((0, _extension.createDefaultEditor)())));
 
     // getEditorConfig cache the config, so we need to update the uuid,for plugin editor
     docUuid && _context.default.updateConfigUuid(docUuid);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "1.0.219",
+  "version": "1.0.221-alph-0.0.1",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
@@ -39,7 +39,7 @@
     "remark-rehype": "11.0.0",
     "remark-stringify": "11.0.0",
     "slugid": "3.2.0",
-    "socket.io-client": "4.6.1",
+    "socket.io-client": "4.8.1",
     "type-of": "2.0.1",
     "unified": "11.0.3",
     "url-join": "4.0.1",
@@ -100,7 +100,7 @@
     "css-minimizer-webpack-plugin": "5.0.1",
     "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
-    "dtable-sdk": "5.0.5",
+    "dtable-sdk": "5.0.6",
     "dtable-utils": "5.0.1",
     "ejs": "3.1.10",
     "eslint": "^8.3.0",
@@ -121,7 +121,7 @@
     "koa-router": "7.3.0",
     "koa-send": "5.0.1",
     "koa2-cors": "2.0.6",
-    "lint-staged": "14.0.0",
+    "lint-staged": "15.4.3",
     "mini-css-extract-plugin": "^2.4.5",
     "node-polyfill-webpack-plugin": "2.0.1",
     "postcss": "^8.4.31",
@@ -141,7 +141,7 @@
     "react-refresh": "^0.11.0",
     "release-it": "17.3.0",
     "resolve": "^1.20.0",
-    "resolve-url-loader": "^4.0.0",
+    "resolve-url-loader": "5.0.0",
     "sass-loader": "^12.3.0",
     "seafile-js": "0.2.235",
     "source-map-loader": "^3.0.0",
@@ -150,8 +150,8 @@
     "terser-webpack-plugin": "^5.2.5",
     "url-loader": "^4.1.1",
     "web-vitals": "2.1.4",
-    "webpack": "5.64.4",
-    "webpack-dev-server": "4.15.1",
+    "webpack": "5.98.0",
+    "webpack-dev-server": "5.2.0",
     "webpack-manifest-plugin": "5.0.0",
     "webpack-merge": "5.8.0",
     "workbox-webpack-plugin": "7.0.0"

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

@@ -613,5 +613,11 @@
   "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more",
   "Image_cannot_be_copied_Please_download_the_source_image": "Image cannot be copied. Please download the source image,",
   "And_select_insert_-_image_to_upload": "and select 「insert」 - 「image」 to upload.",
-  "Image_copy_error": "Image copy error"
+  "Image_copy_error": "Image copy error",
+  "Image_is_uploading": "Image is uploading...",
+  "Select_at_least_one_row_record": "Select at least one row record",
+  "Selected_row_records_cannot_exceed_10_rows": "Selected row records cannot exceed 10 rows",
+  "Select_seatable_rows": "Select seatable rows",
+  "Add_rows_record": "Add rows record",
+  "Double_click_then_adjust_field_width": "Double click, then adjust field width"
 }