@seafile/sdoc-editor 2.0.18-alph-0.1.0 → 2.0.18-alph-1.0.2

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

@@ -1,62 +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 _utils = require("../../../utils");
-var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
-var _constants = require("../../../../constants");
-var _constants2 = require("../../../constants");
-const SeaTableList = _ref => {
-  let {
-    editor,
-    toggle
-  } = _ref;
-  const seatableRef = (0, _react.useRef)(null);
-  const [computedStyle, setComputedStyle] = (0, _react.useState)({});
-  const tables = editor.tables;
-  (0, _react.useEffect)(() => {
-    if (seatableRef.current) {
-      // bottom overflow
-      if ((0, _utils.isOverflowPortByDirection)(seatableRef.current, 'bottom')) {
-        return setComputedStyle({
-          bottom: '0px'
-        });
-      }
-      // default
-      setComputedStyle({
-        top: '-20px'
-      });
-    }
-  }, []);
-  const openSelectSeatableTableDialog = (0, _react.useCallback)(item => {
-    const eventBus = _eventBus.default.getInstance();
-    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: _constants2.ELEMENT_TYPE.SEATABLE_ROW,
-      data: {
-        table: item
-      }
-    });
-    toggle && toggle();
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [toggle]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    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

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _constants = require("../../constants");
-class Row {
-  constructor(option) {
-    this.type = option.type || _constants.SEATABLE_ROW;
-    this.table_id = option.table_id;
-    this.row_id = option.row_id;
-    this.column_width = option.column_width;
-    this.children = option.children || [{
-      text: ''
-    }];
-  }
-}
-var _default = exports.default = Row;

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

@@ -1,60 +0,0 @@
-"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

@@ -1,124 +0,0 @@
-.seatable-rows-record-wrapper {
-  outline: none;
-}
-
-.seatable-rows-record-container {
-  margin: 5px 0;
-  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: 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,
-.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

@@ -1,160 +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 _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,
-    row_id,
-    column_width = {}
-  } = element;
-  const [columns, setColumns] = (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);
-  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);
-      setRowRecordName(table.rows[0]['0000']);
-      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 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];
-      }));
-      setColumnWidthMap(updatedColumnWidthMap);
-      let validColumns = table.columns;
-      validColumns = validColumns.filter((_, index) => index !== 0).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"
-  }, 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,
-    element: element,
-    columns: columns,
-    isCanModifyColumnWidth: isCanModifyColumnWidth,
-    columnWidthMap: columnWidthMap,
-    setColumnWidthMap: setColumnWidthMap
-  })), /*#__PURE__*/_react.default.createElement("tbody", {
-    className: "seatable-rows-record-body-container"
-  }, shownRecord.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

@@ -1,78 +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 = 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

@@ -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,
-    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
-    }));
-  }));
-}