@seafile/sdoc-editor 2.0.81 → 2.0.83

package/dist/plugin-module/plugins/seatable-tables/op-menu/index.js

@@ -1,386 +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 = OpMenu;
-var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _reactstrap = require("reactstrap");
-var _basicSdk = require("../../../../basic-sdk");
-var _commons = require("../../../../basic-sdk/extension/commons");
-var _useScrollContext = require("../../../../basic-sdk/hooks/use-scroll-context");
-var _helpers = require("../../seatable-column/helpers");
-var _helpers2 = require("../helpers");
-var _customSwitch = _interopRequireDefault(require("../seatable-settings/custom-switch"));
-var _filterSetter = _interopRequireDefault(require("../seatable-settings/filter-setter"));
-var _hideColumnSetter = _interopRequireDefault(require("../seatable-settings/hide-column-setter"));
-var _sortSetter = _interopRequireDefault(require("../seatable-settings/sort-setter"));
-require("./index.css");
-const TablesList = _ref => {
-  let {
-    tablesData,
-    onSelectTable,
-    selectedTableText,
-    onChange,
-    onCompositionStart,
-    onCompositionEnd
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "seatable-setting-container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "seatable-setting-input-wrapper"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-    autoFocus: true,
-    placeholder: t('Search_action'),
-    onChange: onChange,
-    onCompositionStart: onCompositionStart,
-    onCompositionEnd: onCompositionEnd
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "seatable-setting-list-wrapper"
-  }, tablesData.map(item => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: `seatable-setting-item ${selectedTableText === item.name ? 'active' : ''}`,
-      id: item._id,
-      key: item._id,
-      onClick: () => {
-        onSelectTable(item);
-      }
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "text-truncate"
-    }, item.name), /*#__PURE__*/_react.default.createElement("span", {
-      className: `check-mark ${selectedTableText === item.name ? 'checked' : ''}`
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "sdocfont sdoc-check-mark icon-font"
-    })));
-  }), !tablesData.length && /*#__PURE__*/_react.default.createElement("div", {
-    className: "tables-list-empty"
-  }, /*#__PURE__*/_react.default.createElement("span", null, t('Search_not_found')))));
-};
-const TablesSettings = _ref2 => {
-  let {
-    settings,
-    updatePageSettings
-  } = _ref2;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "seatable-setting-container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "seatable-setting-item seatable-custom-switch-item"
-  }, /*#__PURE__*/_react.default.createElement(_customSwitch.default, {
-    checked: settings['show_record_numbers'] === true ? true : false,
-    isLocked: false,
-    title: t('Show_record_numbers'),
-    onPropertiesChanged: value => {
-      updatePageSettings({
-        show_record_numbers: value
-      });
-    }
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "seatable-setting-item seatable-custom-switch-item"
-  }, /*#__PURE__*/_react.default.createElement(_customSwitch.default, {
-    checked: settings['alternate_color'] === false ? false : true,
-    isLocked: false,
-    title: t('Alternate_color'),
-    onPropertiesChanged: value => {
-      updatePageSettings({
-        alternate_color: value
-      });
-    }
-  })));
-};
-function OpMenu(_ref3) {
-  let {
-    editor,
-    element,
-    menuPosition,
-    seaTableRef
-  } = _ref3;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const scrollRef = (0, _useScrollContext.useScrollContext)();
-  const timer = (0, _react.useRef)(null);
-  const hoverMenuRef = (0, _react.useRef)(null);
-  const [tablesData, setTablesData] = (0, _react.useState)(editor.tables || []);
-  const [isShowTooltip, setIsShowTooltip] = (0, _react.useState)(false);
-  const [selectedTable, setSelectedTable] = (0, _react.useState)({});
-  const [selectedTableText, setSelectedTableText] = (0, _react.useState)('');
-  const [isShowTableList, setIsShowTablesList] = (0, _react.useState)(false);
-  const [isShowFilter, setIsShowFilter] = (0, _react.useState)(false);
-  const [isShowSort, setIsShowSort] = (0, _react.useState)(false);
-  const [isShowHideColumn, setIsShowHideColumn] = (0, _react.useState)(false);
-  const [isShowSeaTableSetting, setIsShowSeaTableSetting] = (0, _react.useState)(false);
-  const onCloseOther = (0, _react.useCallback)(closeList => {
-    const {
-      filterData,
-      sortsData
-    } = seaTableRef.current;
-    closeList.forEach(item => {
-      item === 'tableList' && setIsShowTablesList(false);
-      if (item === 'tableFilter') {
-        if (filterData && Object.keys(filterData).length > 0) {
-          (0, _helpers2.updateSeaTableTable)(editor, filterData);
-          seaTableRef.current['filterData'] = {};
-        }
-        setIsShowFilter(false);
-      }
-      if (item === 'tableSort') {
-        if (sortsData && Object.keys(sortsData).length > 0) {
-          (0, _helpers2.updateSeaTableTable)(editor, sortsData);
-          seaTableRef.current['sortsData'] = {};
-        }
-        setIsShowSort(false);
-      }
-      item === 'tableColumnHidden' && setIsShowHideColumn(false);
-      item === 'tableSetting' && setIsShowSeaTableSetting(false);
-    });
-  }, [editor, seaTableRef]);
-  const onClickOutside = (0, _react.useCallback)(e => {
-    if (seaTableRef !== null && seaTableRef !== void 0 && seaTableRef.current.contains(e.target)) {
-      onCloseOther(['tableList', 'tableFilter', 'tableSort', 'tableColumnHidden', 'tableSetting']);
-    }
-  }, [onCloseOther, seaTableRef]);
-  const handleScroll = (0, _react.useCallback)(e => {
-    onCloseOther(['tableList', 'tableFilter', 'tableSort', 'tableColumnHidden', 'tableSetting']);
-  }, [onCloseOther]);
-  (0, _react.useEffect)(() => {
-    setIsShowTooltip(true);
-    document.addEventListener('click', onClickOutside);
-    let observerRefValue = null;
-    if (scrollRef.current) {
-      scrollRef.current.addEventListener('scroll', handleScroll);
-      observerRefValue = scrollRef.current;
-    }
-    return () => {
-      document.removeEventListener('click', onClickOutside);
-      observerRefValue.removeEventListener('scroll', handleScroll);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  (0, _react.useEffect)(() => {
-    const {
-      table_id
-    } = element;
-    const table = editor.tables.find(item => item._id === table_id);
-    if (table) {
-      setSelectedTable(table);
-      setSelectedTableText(table.name);
-    }
-  }, [editor.tables, element]);
-  const updatePageSettings = (0, _react.useCallback)(updateProperties => {
-    if (timer.current) {
-      clearTimeout(timer.current);
-    }
-    timer.current = setTimeout(() => {
-      (0, _helpers2.updateSeaTableTable)(editor, updateProperties);
-    }, 300);
-  }, [editor]);
-  const onShowTables = (0, _react.useCallback)(() => {
-    setIsShowTablesList(!isShowTableList);
-    onCloseOther(['tableFilter', 'tableSort', 'tableColumnHidden', 'tableSetting']);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isShowTableList]);
-  const onSelectTable = (0, _react.useCallback)(item => {
-    const {
-      name,
-      _id
-    } = item;
-    setSelectedTableText(name);
-    const table = editor.tables.find(item => item._id === _id);
-    const columnWidth = {};
-    table.columns.forEach(item => {
-      columnWidth[item.key] = (0, _helpers.getColumnWidth)(item);
-    });
-    updatePageSettings({
-      table_id: _id,
-      filters: [],
-      filter_conjunction: 'And',
-      sorts: [],
-      shown_column_keys: table.columns.map(item => item.key),
-      show_record_numbers: false,
-      alternate_color: true,
-      column_width: columnWidth,
-      select_column_display_option_color: true
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor]);
-  const onFilter = (0, _react.useCallback)(() => {
-    setIsShowFilter(!isShowFilter);
-    onCloseOther(['tableList', 'tableSort', 'tableColumnHidden', 'tableSetting']);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isShowFilter]);
-  const onFiltersChange = (0, _react.useCallback)((filters, filter_conjunction) => {
-    if (seaTableRef.current) {
-      seaTableRef.current['filterData'] = {
-        filters,
-        filter_conjunction
-      };
-    }
-  }, [seaTableRef]);
-  const onSort = (0, _react.useCallback)(() => {
-    setIsShowSort(!isShowSort);
-    onCloseOther(['tableList', 'tableFilter', 'tableColumnHidden', 'tableSetting']);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isShowSort]);
-  const onSortsChange = (0, _react.useCallback)(sorts => {
-    if (seaTableRef.current) {
-      seaTableRef.current['sortsData'] = {
-        sorts
-      };
-    }
-  }, [seaTableRef]);
-  const onHiddenColumn = (0, _react.useCallback)(() => {
-    setIsShowHideColumn(!isShowHideColumn);
-    onCloseOther(['tableList', 'tableSort', 'tableFilter', 'tableSetting']);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isShowHideColumn]);
-  const onHideColumnChange = (0, _react.useCallback)(shownColumnKeys => {
-    updatePageSettings({
-      shown_column_keys: shownColumnKeys
-    });
-  }, [updatePageSettings]);
-  const onSettings = (0, _react.useCallback)(() => {
-    setIsShowSeaTableSetting(!isShowSeaTableSetting);
-    onCloseOther(['tableList', 'tableSort', 'tableColumnHidden', 'tableFilter']);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isShowSeaTableSetting]);
-  const onChange = (0, _react.useCallback)(e => {
-    if (!hoverMenuRef.current.isInputtingChinese) {
-      const value = e.target.value.trim().toUpperCase();
-      const newTablesData = editor.tables.filter(item => item.name.toUpperCase().includes(value));
-      setTablesData(newTablesData);
-    }
-  }, [editor.tables]);
-  const onCompositionStart = (0, _react.useCallback)(() => {
-    hoverMenuRef.current.isInputtingChinese = true;
-  }, []);
-  const onCompositionEnd = (0, _react.useCallback)(e => {
-    hoverMenuRef.current.isInputtingChinese = false;
-    onChange(e);
-  }, [onChange]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_commons.ElementPopover, null, /*#__PURE__*/_react.default.createElement("div", {
-    id: "sdoc-seatable-hover-menu-container",
-    ref: hoverMenuRef,
-    className: "sdoc-seatable-hover-menu-container",
-    style: menuPosition
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "hover-menu-container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-seatable-hover-operation-item sdoc-seatable-hover-operation-lang"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    role: "button",
-    className: `op-item ${isShowTableList ? 'active' : ''}`,
-    onClick: onShowTables
-  }, /*#__PURE__*/_react.default.createElement("span", null, selectedTableText), /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-drop-down icon-font"
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-seatable-hover-operation-divider"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    id: "sdoc_seatable_filter",
-    className: "sdoc-seatable-hover-operation-item no-used-divider"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    role: "button",
-    className: "op-item",
-    onClick: onFilter
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-filter1 icon-font"
-  })), isShowTooltip && /*#__PURE__*/_react.default.createElement(_basicSdk.Tooltip, {
-    target: "sdoc_seatable_filter",
-    placement: "top",
-    fade: true
-  }, t('Filter'))), /*#__PURE__*/_react.default.createElement("div", {
-    id: "sdoc_seatable_sort",
-    className: "sdoc-seatable-hover-operation-item no-used-divider"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    role: "button",
-    className: "op-item",
-    onClick: onSort
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-sort icon-font"
-  })), isShowTooltip && /*#__PURE__*/_react.default.createElement(_basicSdk.Tooltip, {
-    target: "sdoc_seatable_sort",
-    placement: "top",
-    fade: true
-  }, t('Sort'))), /*#__PURE__*/_react.default.createElement("div", {
-    id: "sdoc_seatable_hidden_column",
-    className: "sdoc-seatable-hover-operation-item"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    role: "button",
-    className: "op-item",
-    onClick: onHiddenColumn
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-eye-slash icon-font"
-  })), isShowTooltip && /*#__PURE__*/_react.default.createElement(_basicSdk.Tooltip, {
-    target: "sdoc_seatable_hidden_column",
-    placement: "top",
-    fade: true
-  }, t('Hide_columns'))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-seatable-hover-operation-divider"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    id: "sdoc_seatable_settings",
-    className: "sdoc-seatable-hover-operation-item"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    role: "button",
-    className: "op-item",
-    onClick: onSettings
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-set-up icon-font"
-  })), isShowTooltip && /*#__PURE__*/_react.default.createElement(_basicSdk.Tooltip, {
-    target: "sdoc_seatable_settings",
-    placement: "top",
-    fade: true
-  }, t('Style_settings'))), isShowTableList && /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-seatable-setting-popover"
-  }, /*#__PURE__*/_react.default.createElement(TablesList, {
-    tablesData: tablesData,
-    onSelectTable: onSelectTable,
-    selectedTableText: selectedTableText,
-    onChange: onChange,
-    onCompositionStart: onCompositionStart,
-    onCompositionEnd: onCompositionEnd
-  })), /*#__PURE__*/_react.default.createElement(_filterSetter.default, {
-    target: "sdoc_seatable_filter",
-    container: document.getElementById('sdoc-seatable-hover-menu-container'),
-    popperClassName: "sdoc-seatable-setting-filter-popover-wrapper",
-    columns: selectedTable.columns,
-    filterConjunction: element.filter_conjunction || 'And',
-    filters: element.filters || [],
-    collaborators: [],
-    isNeedSubmit: false,
-    isShowFilterPopover: isShowFilter,
-    onFiltersChange: onFiltersChange,
-    hidePopover: onFilter
-  }), /*#__PURE__*/_react.default.createElement(_sortSetter.default, {
-    target: "sdoc_seatable_sort",
-    container: document.getElementById('sdoc-seatable-hover-menu-container'),
-    popperClassName: "sdoc-seatable-setting-sort-popover-wrapper",
-    columns: selectedTable.columns,
-    sorts: element.sorts || [],
-    isShowSortPopover: isShowSort,
-    isNeedSubmit: false,
-    onSortsChange: onSortsChange,
-    onSortToggle: onSort
-  }), /*#__PURE__*/_react.default.createElement(_hideColumnSetter.default, {
-    target: "sdoc_seatable_hidden_column",
-    container: document.getElementById('sdoc-seatable-hover-menu-container'),
-    popperClassName: "sdoc-seatable-setting-hide-column-popover-wrapper",
-    columns: selectedTable.columns,
-    shownColumnKeys: element.shown_column_keys || [],
-    isShowHideColumnSetter: isShowHideColumn,
-    onSettingUpdate: onHideColumnChange,
-    onPopoverToggle: onHiddenColumn
-  }), isShowSeaTableSetting && /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-seatable-setting-popover sdoc-seatable-setting-right-popover"
-  }, /*#__PURE__*/_react.default.createElement(TablesSettings, {
-    settings: element,
-    updatePageSettings: updatePageSettings
-  }))))));
-}

package/dist/plugin-module/plugins/seatable-tables/plugin.js

@@ -1,78 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slate = require("@seafile/slate");
-var _constants = require("../../../basic-sdk/extension/constants");
-var _core = require("../../../basic-sdk/extension/core");
-var _constants2 = require("../../constants");
-const withSeaTableView = editor => {
-  const {
-    isVoid,
-    deleteBackward,
-    normalizeNode
-  } = editor;
-  const newEditor = editor;
-
-  // rewrite isVoid
-  newEditor.isVoid = elem => {
-    const {
-      type
-    } = elem;
-    if (type === _constants2.SEATABLE_TABLE) {
-      return true;
-    }
-    return isVoid(elem);
-  };
-  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 isPerviousSeaTableView = node.type === _constants2.SEATABLE_TABLE;
-    if (isPerviousSeaTableView && _slate.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;
-    }
-    if (_slate.Element.isElement(node) && node.type === _constants2.SEATABLE_TABLE) {
-      // If the wrapping element is image_block, delete the wrapping element
-      const [parentNode, p] = _slate.Editor.node(editor, [path[0]]);
-      if (parentNode.type === _constants2.SEATABLE_TABLE) {
-        _slate.Transforms.removeNodes(editor, {
-          at: p
-        });
-        return;
-      }
-      (0, _core.focusEditor)(editor, _slate.Path.next(path));
-    }
-    deleteBackward(unit);
-  };
-
-  // Rewrite normalizeNode
-  newEditor.normalizeNode = _ref => {
-    let [node, path] = _ref;
-    const type = (0, _core.getNodeType)(node);
-    if (type !== _constants2.SEATABLE_TABLE) {
-      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 = withSeaTableView;

package/dist/plugin-module/plugins/seatable-tables/render-element/index.css

@@ -1,126 +0,0 @@
-.seatable-table-wrapper {
-  outline: none;
-}
-
-.seatable-table-wrapper.no-table {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: 1px solid #ddd;
-  padding: 20px;
-  border-radius: 5px;
-}
-
-.seatable-view-container {
-  width: 100%;
-  overflow: auto;
-  border: 2px solid transparent;
-  position: relative;
-  user-select: none;
-  outline: none;
-}
-
-.seatable-view-container.selected {
-  box-shadow: 0 0 0 2px #007bff;
-}
-
-.seatable-view-container .seatable-view-records {
-  margin: 0;
-  width: fit-content;
-}
-
-.seatable-view-container .seatable-column-editor-wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: absolute;
-  left: 0;
-  bottom: 0;
-  width: 100%;
-  height: 30px;
-}
-
-.seatable-view-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-view-column-header-row th {
-  display: inline-flex;
-  align-items: center;
-  justify-content: flex-start;
-  flex: unset !important;
-}
-
-.seatable-view-column-header-row .seatable-view-column-header-cell {
-  position: relative;
-}
-
-.seatable-view-column-header-row .seatable-view-column-header-cell span:first-child {
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.seatable-view-body-column-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-view-body-column-cell .document-number-formatter {
-  text-align: right;
-}
-
-.seatable-view-column-header-row .first-cell,
-.seatable-view-body-column-row .first-cell {
-  flex: initial;
-  width: 60px;
-  padding: 0;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.seatable-view-container .seatable-view-records tbody td,
-.seatable-view-container .seatable-view-records thead th {
-  height: 32px;
-  padding: 0 8px;
-}
-
-.seatable-view-container .seatable-view-records tbody tr:first-child {
-  font-weight: normal;
-}
-
-.seatable-view-container .seatable-view-records tr:nth-child(2n+1) {
-  background-color: #fff;
-}
-
-.seatable-view-container .seatable-view-records tr:nth-child(2n) {
-  background-color: #f8f8f8;
-}
-
-.seatable-view-container .seatable-view-records.no_alternate_color tr:nth-child(2n) {
-  background-color: #fff;
-}
-
-.seatable-view-container .seatable-view-records thead tr:nth-child(2n+1) {
-  background-color: #f8f8f8;
-}
-
-.seatable-view-container .seatable-view-records.no_alternate_color thead tr:nth-child(2n+1) {
-  background-color: #fff;
-}
-
-.seatable-view-body-column-cell .collaborator-item .collaborator-avatar img {
-  min-width: 16px;
-  min-height: 16px;
-}

package/dist/plugin-module/plugins/seatable-tables/render-element/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _seatableTable = _interopRequireDefault(require("./seatable-table"));
-const renderSeaTableTable = (props, editor) => {
-  return /*#__PURE__*/_react.default.createElement(_seatableTable.default, Object.assign({}, props, {
-    editor: editor
-  }));
-};
-var _default = exports.default = renderSeaTableTable;

package/dist/plugin-module/plugins/seatable-tables/render-element/record-header.js

@@ -1,85 +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 _slate = require("@seafile/slate");
-var _slateReact = require("@seafile/slate-react");
-var _draggable = _interopRequireDefault(require("../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,
-    isCanModifyColumnWidth
-  } = _ref;
-  const headerCellRef = (0, _react.useRef)({});
-  const {
-    column_width = {}
-  } = element;
-  const [columnWidthMap, setColumnWidthMap] = (0, _react.useState)(column_width);
-  (0, _react.useEffect)(() => {
-    setColumnWidthMap(column_width);
-  }, [column_width]);
-  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-view-column-header-row"
-  }, element.show_record_numbers && /*#__PURE__*/_react.default.createElement("th", {
-    className: "seatable-view-column-header-cell first-cell"
-  }), columns.map(column => {
-    const width = columnWidthMap[column.key];
-    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), isCanModifyColumnWidth && /*#__PURE__*/_react.default.createElement(_draggable.default, {
-      style: dragAbleStyle,
-      onDrag: e => {
-        onDrag(e, headerCellRef.current[column.key], column.key);
-      },
-      onDragEnd: onDragEnd
-    }));
-  }));
-}