@seafile/sdoc-editor 2.0.18-alph-0.0.3 → 2.0.18-alph-0.0.5

package/dist/basic-sdk/extension/plugins/seatable-row/dialog/add-seatable-row-dialog/seatable-table-record.js

@@ -6,33 +6,46 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
 var _dtableUtils = require("dtable-utils");
 var _recordContent = _interopRequireDefault(require("./record-content"));
 const SeatableTableRecord = _ref => {
   let {
-    table
+    table,
+    setSelectedRow
   } = _ref;
-  console.log(1, table);
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const renderedColumns = () => {
     var _table$columns;
     return table === null || table === void 0 ? void 0 : (_table$columns = table.columns) === null || _table$columns === void 0 ? void 0 : _table$columns.filter(column => {
       if (column.type === _dtableUtils.CellType.LONG_TEXT) {
         return false;
       }
-      // if (['0000', ...hiddenColumns].includes(column.key)) {
-      //   return false;
-      // }
+      // Hide first 'name' column
+      if (['0000'].includes(column.key)) {
+        return false;
+      }
       return true;
     }).map(column => Object.assign({}, column, {
       width: 100
     }));
   };
-  console.log(33, renderedColumns());
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_recordContent.default, {
+  return /*#__PURE__*/_react.default.createElement(_recordContent.default, {
     table: table,
     renderedColumns: renderedColumns(),
     columns: renderedColumns(),
-    rows: table.rows
-  }));
+    rows: table.rows,
+    rowCardType: "link",
+    isAdditionEditorView: false,
+    showScrollBtn: !window.isMobile,
+    isShowRowCardHeader: true,
+    cardListClassName: window.isMobile ? 'mobile-link-row-card-list' : '',
+    cardHeaderClassName: window.isMobile ? 'mobile-link-row-card-header' : '',
+    noCardItemTip: t('No_linked_records'),
+    setSelectedRow: setSelectedRow,
+    t: t
+  });
 };
 var _default = exports.default = SeatableTableRecord;

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

@@ -46,7 +46,7 @@ const isInsertSeaTableRowDisabled = (editor, readonly) => {
   return false;
 };
 exports.isInsertSeaTableRowDisabled = isInsertSeaTableRowDisabled;
-const generateSeaTableRow = (table_id, selectedRowsID, editor) => {
+const generateSeaTableRow = (table_id, selectedRowID, editor) => {
   const table = editor.getTableById(table_id);
   const columnWidth = {};
   table.columns.forEach(item => {
@@ -56,15 +56,15 @@ const generateSeaTableRow = (table_id, selectedRowsID, editor) => {
     id: _slugid.default.nice(),
     type: _constants.SEATABLE_ROW,
     table_id: table_id,
-    selected_rows_id: selectedRowsID,
+    row_id: selectedRowID,
     column_width: columnWidth,
     children: [(0, _core.generateDefaultText)()]
   };
 };
 exports.generateSeaTableRow = generateSeaTableRow;
-const insertSeaTableRow = function (editor, table_id, selectedRowsID) {
+const insertSeaTableRow = function (editor, table_id, selectedRowID) {
   let insertPosition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _constants.INSERT_POSITION.CURRENT;
-  const seatableRowNode = generateSeaTableRow(table_id, selectedRowsID, editor);
+  const seatableRowNode = generateSeaTableRow(table_id, selectedRowID, editor);
   if (insertPosition === _constants.INSERT_POSITION.AFTER) {
     const path = _slate.Editor.path(editor, editor.selection);
     const currentNode = (0, _core.getNode)(editor, [path[0]]);

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

@@ -0,0 +1,3 @@
+.sdoc-insert-seatable-row-menu-popover .sdoc-seatable-selected-table-list-wrapper {
+  left: unset !important;
+}

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

@@ -12,6 +12,7 @@ var _constants = require("../../../constants");
 var _dropdownMenuItem = _interopRequireDefault(require("../../../commons/dropdown-menu-item"));
 var _helpers = require("../helpers");
 var _seatableList = _interopRequireDefault(require("./seatable-list"));
+require("./index.css");
 const SeaTableRowMenu = _ref => {
   let {
     editor,
@@ -34,7 +35,8 @@ const SeaTableRowMenu = _ref => {
     hideArrow: true,
     trigger: "hover",
     fade: false,
-    className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-sub-dropdown-menu"
+    placement: "right-start",
+    className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-sub-dropdown-menu sdoc-insert-seatable-row-menu-popover"
   }, /*#__PURE__*/_react.default.createElement(_seatableList.default, {
     editor: editor,
     readonly: readonly,

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

@@ -49,12 +49,14 @@ const SeaTableList = _ref => {
     ref: seatableRef,
     className: "sdoc-dropdown-menu-container sdoc-seatable-selected-table-list-wrapper",
     style: computedStyle
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-seatable-list-wrapper"
   }, tables.map(item => {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: item._id,
       className: "sdoc-dropdown-menu-item text-truncate d-block",
       onClick: () => openSelectSeatableTableDialog(item)
     }, item.name);
-  }));
+  })));
 };
 var _default = exports.default = SeaTableList;

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

@@ -9,7 +9,7 @@ class Row {
   constructor(option) {
     this.type = option.type || _constants.SEATABLE_ROW;
     this.table_id = option.table_id;
-    this.selected_rows_id = option.selected_rows_id;
+    this.row_id = option.row_id;
     this.column_width = option.column_width;
     this.children = option.children || [{
       text: ''

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

@@ -3,7 +3,7 @@
 }
 
 .seatable-rows-record-container {
-  margin-top: 5px;
+  margin: 5px 0;
   border: 1.5px solid #ddd;
   border-radius: 5px;
   width: 100%;
@@ -32,14 +32,15 @@
 }
 
 .seatable-rows-record-wrapper .seatable-rows-record-container table th {
-  font-size: 12px;
-  color: #666;
+  font-size: 14px;
+  color: #888;
   font-weight: 400;
 }
 
 .seatable-rows-record-wrapper .seatable-rows-record-container table td { 
   font-size: 14px;
   font-weight: 400;
+  color: #212529
 }
 
 .seatable-rows-record-wrapper .seatable-rows-record-container table,

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

@@ -24,12 +24,12 @@ const RowRecord = _ref => {
   } = _ref;
   const {
     table_id,
-    selected_rows_id,
+    row_id,
     column_width = {}
   } = element;
   const [columns, setColumns] = (0, _react.useState)([]);
-  const [tableName, setTableName] = (0, _react.useState)(null);
-  const [shownRecords, setShownRecords] = (0, _react.useState)([]);
+  const [rowRecordName, setRowRecordName] = (0, _react.useState)(null);
+  const [shownRecord, setShownRecord] = (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);
@@ -42,7 +42,8 @@ const RowRecord = _ref => {
   (0, _react.useEffect)(() => {
     async function initTableData() {
       const table = await editor.getTableById(table_id);
-      setTableName(table.name);
+      setRowRecordName(table.rows[0]['0000']);
+      console.log(5555, table);
       if (!tableInfoRef.current) {
         tableInfoRef.current = {};
       }
@@ -55,16 +56,15 @@ const RowRecord = _ref => {
           }, {})
         };
       }
-      const validRecords = table.rows;
-      const shownRecords = validRecords.filter(item => selected_rows_id.includes(item._id));
-      setShownRecords(shownRecords);
+      const shownRecord = table.rows.filter(item => row_id === item._id);
+      setShownRecord(shownRecord);
       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 => {
+      validColumns = validColumns.filter((_, index) => index !== 0).map(column => {
         const {
           type
         } = column;
@@ -92,6 +92,7 @@ const RowRecord = _ref => {
         }
         return column;
       });
+      console.log(1, validColumns);
       setColumns(validColumns);
     }
     initTableData();
@@ -125,7 +126,7 @@ const RowRecord = _ref => {
     onDoubleClick: onTableDoubleClick
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "seatable-rows-record-table-name"
-  }, tableName), /*#__PURE__*/_react.default.createElement("table", {
+  }, rowRecordName), /*#__PURE__*/_react.default.createElement("table", {
     className: "seatable-rows-record-table"
   }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement(_recordHeader.default, {
     editor: editor,
@@ -136,7 +137,7 @@ const RowRecord = _ref => {
     setColumnWidthMap: setColumnWidthMap
   })), /*#__PURE__*/_react.default.createElement("tbody", {
     className: "seatable-rows-record-body-container"
-  }, shownRecords.map((record, index) => {
+  }, shownRecord.map((record, index) => {
     const formulaRow = formulaRows[record._id] || {};
     return /*#__PURE__*/_react.default.createElement(_recordItem.default, {
       key: record._id,

package/dist/constants/index.js

@@ -37,6 +37,7 @@ const EXTERNAL_EVENT = exports.EXTERNAL_EVENT = {
   CREATE_SDOC_FILE: 'create_sdoc_file',
   CREATE_WIKI_PAGE: 'create_wiki_page',
   ADD_VIDEO_LINK: 'add_video_link',
+  CHANGE_HEADER_WIDTH: "change_header_width",
   // wiki
   INSERT_LINK: 'insert_link',
   // document

package/package.json

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

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

@@ -620,5 +620,7 @@
   "Select_seatable_rows": "Select seatable rows",
   "Add_rows_record": "Add rows record",
   "Double_click_then_adjust_field_width": "Double click, then adjust field width",
-  "SeaTable_row": "SeaTable row"
+  "SeaTable_row": "SeaTable row",
+  "Please_select_one_row_record": "Please select one row record",
+  "No_linked_records": "No linked records"
 }

package/dist/basic-sdk/extension/plugins/seatable-row/dialog/add-seatable-row-dialog/record-item.js

@@ -1,41 +0,0 @@
-"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
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("tr", {
-    className: "seatable-view-body-column-row"
-  }, columns.map(column => {
-    const width = 100;
-    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-view-body-column-cell",
-      key: record._id + '_' + column.key,
-      "data-record-id": record._id,
-      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-row/dialog/add-seatable-row-dialog/seatable-table.js

@@ -1,134 +0,0 @@
-"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 _dtableUtils = require("dtable-utils");
-var _recordItem = _interopRequireDefault(require("./record-item"));
-const SeatableTable = _ref => {
-  var _tableInfoRef$current, _tableInfoRef$current2;
-  let {
-    tableID,
-    setSelectedRowsID,
-    editor
-  } = _ref;
-  const tableInfoRef = (0, _react.useRef)(null);
-  const [shownRecords, setShownRecords] = (0, _react.useState)([]);
-  const [columns, setColumns] = (0, _react.useState)([]);
-  const headerCellRef = (0, _react.useRef)({});
-  (0, _react.useEffect)(() => {
-    async function initTableData() {
-      const table = await editor.getTableById(tableID);
-      if (!tableInfoRef.current) {
-        tableInfoRef.current = {};
-      }
-      if (!tableInfoRef.current[tableID]) {
-        tableInfoRef.current[tableID] = {
-          formulaRows: editor.getTableFormulaResults(table, table.rows),
-          idRowMap: table.rows.reduce((result, item) => {
-            result[item._id] = item;
-            return result;
-          }, {})
-        };
-      }
-      const validRecords = table.rows;
-      setShownRecords(validRecords);
-      let validColumns = table.columns;
-
-      // formatted 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
-  }, [tableID]);
-  const onClick = (0, _react.useCallback)(e => {
-    const domCell = e.target;
-    const recordId = domCell.getAttribute('data-record-id') ? domCell.getAttribute('data-record-id') : domCell.parentNode.getAttribute('data-record-id');
-    setSelectedRowsID(prevSelectedRowsID => {
-      if (!prevSelectedRowsID.includes(recordId)) {
-        var _domCell$closest;
-        (_domCell$closest = domCell.closest('tr')) === null || _domCell$closest === void 0 ? void 0 : _domCell$closest.classList.add('isSelected');
-        return [...prevSelectedRowsID, recordId];
-      } else {
-        var _domCell$closest2;
-        (_domCell$closest2 = domCell.closest('tr')) === null || _domCell$closest2 === void 0 ? void 0 : _domCell$closest2.classList.remove('isSelected');
-        return prevSelectedRowsID.filter(id => id !== recordId);
-      }
-    });
-  }, [setSelectedRowsID]);
-  const formulaRows = (tableInfoRef === null || tableInfoRef === void 0 ? void 0 : (_tableInfoRef$current = tableInfoRef.current) === null || _tableInfoRef$current === void 0 ? void 0 : (_tableInfoRef$current2 = _tableInfoRef$current[tableID]) === null || _tableInfoRef$current2 === void 0 ? void 0 : _tableInfoRef$current2.formulaRows) || {};
-  (0, _react.useEffect)(() => {
-    const seatableRowsContaniner = document.getElementById('seatable-table-rows-view');
-    seatableRowsContaniner.addEventListener('click', onClick);
-    return () => {
-      seatableRowsContaniner.removeEventListener('click', onClick);
-    };
-  }, [onClick]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "seatable-table-wrapper"
-  }, /*#__PURE__*/_react.default.createElement("table", {
-    className: "seatable-view-records"
-  }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", {
-    className: "seatable-view-column-header-row"
-  }, columns.map(column => {
-    const width = 100;
-    return /*#__PURE__*/_react.default.createElement("th", {
-      ref: ref => {
-        headerCellRef.current[column.key] = ref;
-      },
-      className: "seatable-view-column-header-cell",
-      key: column.key,
-      style: {
-        width,
-        minWidth: width
-      }
-    }, /*#__PURE__*/_react.default.createElement("span", null, column.name));
-  }))), /*#__PURE__*/_react.default.createElement("tbody", {
-    className: "seatable-view-body-row",
-    id: "seatable-table-rows-view"
-  }, 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
-    });
-  }))));
-};
-var _default = exports.default = SeatableTable;