@seafile/sdoc-editor 2.0.34-alph-0.0.3 → 2.0.35

package/dist/basic-sdk/extension/plugins/image/image-loader/index.css

@@ -1,13 +1,10 @@
 .sdoc-image-process-container {
-  position: absolute;
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  bottom: 0;
-  left: 0;
   background-color: rgba(0, 0, 0, 0.5);
   min-height: 28px;
 }
@@ -31,10 +28,11 @@
   animation: spin 1s linear infinite;
   user-select: none;
   pointer-events: none;
+  margin-left: 15px;
 }
 
 .sdoc-image-process-container .copyright {
-  margin-left: 15px;
+  margin:0 15px;
   display: inline-block;
   white-space: nowrap;
 }

package/dist/basic-sdk/extension/plugins/image/render-elem.js

@@ -286,7 +286,9 @@ const Image = _ref => {
     className: "sdoc-image-content"
   }, /*#__PURE__*/_react.default.createElement("span", {
     style: imageStyle
-  }, /*#__PURE__*/_react.default.createElement("img", {
+  }, isCopyImageLoading && /*#__PURE__*/_react.default.createElement(_imageLoader.default, {
+    copyright: t('Image_is_uploading')
+  }), /*#__PURE__*/_react.default.createElement("img", {
     ref: imageRef,
     className: (0, _classnames.default)({
       'image-selected': isSelected
@@ -298,8 +300,6 @@ const Image = _ref => {
     onLoad: onImageLoaded,
     onError: onImageLoadError,
     alt: ""
-  }), isCopyImageLoading && /*#__PURE__*/_react.default.createElement(_imageLoader.default, {
-    copyright: t('Image_is_uploading')
   }), isSelected && /*#__PURE__*/_react.default.createElement("span", {
     className: "image-resizer",
     ref: resizerRef,

package/dist/basic-sdk/extension/plugins/link/hover/index.js

@@ -32,7 +32,7 @@ const LinkHover = _ref => {
       location.href = element.href;
     }
   }, [element.href]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
     id: "link-op-menu",
     className: "link-op-menu",
     style: menuPosition

package/dist/basic-sdk/extension/plugins/search-replace/menu/index.js

@@ -54,7 +54,7 @@ const SearchReplaceMenu = _ref => {
     const canvasList = [];
     for (let index = 0; index < generateCount; index++) {
       const top = index * 5000;
-      canvasList.push(/*#__PURE__*/_react.default.createElement("canvas", {
+      canvasList.push( /*#__PURE__*/_react.default.createElement("canvas", {
         key: 'sdoc-find-search-' + index,
         id: `sdoc-find-search-${index}`,
         className: "sdoc-find-search-highlight-canvas",
@@ -79,7 +79,7 @@ const SearchReplaceMenu = _ref => {
     readonly: readonly,
     isOpen: isOpenPopover,
     closePopover: onMouseDown
-  }), isOpenPopover && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
+  }), isOpenPopover && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
     style: {
       height: articleContainerSize.clientHeight
     },

package/dist/basic-sdk/extension/plugins/search-replace/popover/index.js

@@ -168,7 +168,7 @@ const SearchReplacePopover = _ref => {
     if ((0, _isHotkey.default)('enter', e)) handleNext();
     if ((0, _isHotkey.default)('enter+shift', e)) handleLast();
   };
-  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-search-replace-popover-container",
     onMouseDown: handleStartMove,
     onMouseMove: handleMouseMove,

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

@@ -1,5 +1,6 @@
 .seatable-rows-select-dialog {
-  max-width: 520px;
+  max-width: 620px;
+  height: 520px;
 }
 
 .seatable-rows-select-dialog .sdoc-seatable-rows-select-footer {
@@ -35,10 +36,8 @@
   padding: 0 !important;
 }
 
-.seatable-rows-select-dialog .modal-body .form-label {
-  margin: 1rem 1rem 0;
-  padding-bottom: 1rem;
-  border-bottom: 1px solid #e2e2e2;
+.seatable-rows-select-dialog .modal-body .form-group {
+  margin: 0 !important;
 }
 
 .seatable-rows-close-dialog {
@@ -61,10 +60,9 @@
 }
 
 .seatable-rows-select-dialog .seatable-table-wrapper {
-  height: 280px;
+  height: 382px;
   overflow-x: auto;
   overflow-y: hidden;
-  border: 2px solid transparent;
 }
 
 .seatable-rows-select-dialog .row-card-container {
@@ -85,6 +83,10 @@
   align-items: center;
 }
 
+.row-card-header {
+  border-bottom: 1px solid #e9ecef;
+}
+
 .row-card-header .row-card-column-names {
   padding: 8px 32px;
   width: 100%;
@@ -153,12 +155,13 @@
 }
 
 .seatable-rows-select-dialog .row-card-container .row-card-list {
-  height: calc(100% - 40px);
+  height: calc(100% - 46px);
   width: 100%;
   min-width: 100%;
-  padding: 10px 20px;
+  padding: 12px 20px 10px;
   overflow-y: auto;
-  margin-top: 3px;
+  margin: 0 !important;
+  background-color: #f5f5f5;
 }
 
 .row-card-list .no-records-tips {
@@ -200,7 +203,7 @@
 }
 
 .row-card-item:last-child {
-  margin-bottom: 10px;
+  margin-bottom: 0 !important;
 }
 
 .row-card-item:hover {
@@ -241,7 +244,7 @@
 .row-card-item .row-card-item-name {
   height: 100%;
   flex: 1 1;
-  font-weight: 400;
+  font-weight: 500;
 }
 
 .row-card-item .row-card-item-check {

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

@@ -56,7 +56,7 @@ const AddSeatableRowDialog = _ref => {
     onClick: closeDialog
   })), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "form-group"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, table.name), /*#__PURE__*/_react.default.createElement(_seatableTableRecord.default, {
+  }, /*#__PURE__*/_react.default.createElement(_seatableTableRecord.default, {
     table: table,
     setSelectedRow: setSelectedRow
   }), rowRecordsErrorMessage && /*#__PURE__*/_react.default.createElement(_reactstrap.Alert, {
@@ -71,6 +71,6 @@ const AddSeatableRowDialog = _ref => {
     color: "primary",
     disabled: false,
     onClick: submit
-  }, t('Add_row_record'))));
+  }, t('Submit'))));
 };
 var _default = exports.default = AddSeatableRowDialog;

package/dist/basic-sdk/extension/plugins/seatable-row/dialog/add-seatable-row-dialog/row-card-header.js

@@ -78,7 +78,7 @@ class RowCardHeader extends _react.default.Component {
       // Start from the second column without name
       for (let i = 1; i < renderedColumns.length; i++) {
         const renderedColumn = renderedColumns[i];
-        cardHeaderCells.push(/*#__PURE__*/_react.default.createElement(_rowCardHeaderCell.default, {
+        cardHeaderCells.push( /*#__PURE__*/_react.default.createElement(_rowCardHeaderCell.default, {
           key: renderedColumn.key,
           column: renderedColumn,
           rowCardType: rowCardType,

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

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactstrap = require("reactstrap");
+var _reactI18next = require("react-i18next");
 var _utils = require("../../../utils");
 var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
 var _constants = require("../../../../constants");
@@ -16,9 +18,13 @@ const SeaTableList = _ref => {
     editor,
     toggle
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const seatableRef = (0, _react.useRef)(null);
+  const isComposingRef = (0, _react.useRef)(null);
   const [computedStyle, setComputedStyle] = (0, _react.useState)({});
-  const tables = editor.tables;
+  const [tables, setTables] = (0, _react.useState)(editor.tables || []);
   (0, _react.useEffect)(() => {
     if (seatableRef.current) {
       // bottom overflow
@@ -33,6 +39,16 @@ const SeaTableList = _ref => {
       });
     }
   }, []);
+  const onChange = (0, _react.useCallback)(event => {
+    if (isComposingRef.current) return;
+    const value = event.target.value.trim().toUpperCase();
+    if (value) {
+      const list = editor.tables.filter(item => item.name.toUpperCase().includes(value));
+      setTables(list);
+    } else {
+      setTables(editor.tables);
+    }
+  }, [editor.tables]);
   const openSelectSeatableTableDialog = (0, _react.useCallback)(item => {
     const eventBus = _eventBus.default.getInstance();
     eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
@@ -45,11 +61,26 @@ const SeaTableList = _ref => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [toggle]);
+  const onCompositionStart = (0, _react.useCallback)(() => {
+    isComposingRef.current = true;
+  }, []);
+  const onCompositionEnd = (0, _react.useCallback)(e => {
+    isComposingRef.current = false;
+    onChange(e);
+  }, [onChange]);
   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-search-wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
+    placeholder: t('Search_action'),
+    onChange: onChange,
+    autoFocus: true,
+    onCompositionStart: onCompositionStart,
+    onCompositionEnd: onCompositionEnd
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-seatable-list-wrapper"
   }, tables.map(item => {
     return /*#__PURE__*/_react.default.createElement("div", {

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

@@ -42,7 +42,6 @@ const RowRecord = _ref => {
   (0, _react.useEffect)(() => {
     async function initTableData() {
       const table = await editor.getTableById(table_id);
-      setRowRecordName(table.rows[0]['0000']);
       if (!tableInfoRef.current) {
         tableInfoRef.current = {};
       }
@@ -57,6 +56,7 @@ const RowRecord = _ref => {
       }
       const shownRecord = table.rows.filter(item => row_id === item._id);
       setShownRecord(shownRecord);
+      setRowRecordName(shownRecord[0]['0000']);
       const updatedColumnWidthMap = Object.fromEntries(Object.entries(columnWidthMap).map(_ref2 => {
         let [key, value] = _ref2;
         return [key, value];

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/dtable-search-input/index.js

@@ -70,7 +70,7 @@ class DtableSearchInput extends _react.Component {
       const {
         ClearIndicator
       } = components;
-      if (/*#__PURE__*/_react.default.isValidElement(ClearIndicator)) {
+      if ( /*#__PURE__*/_react.default.isValidElement(ClearIndicator)) {
         return /*#__PURE__*/_react.default.cloneElement(ClearIndicator, {
           clearValue: this.clearSearch
         });

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/filter-item.js

@@ -310,7 +310,7 @@ class FilterItem extends _react.default.Component {
               background: inOption.color,
               color: inOption.textColor || null
             };
-            labelArray.push(/*#__PURE__*/_react.default.createElement("span", {
+            labelArray.push( /*#__PURE__*/_react.default.createElement("span", {
               className: className,
               style: optionStyle,
               key: 'option_' + item,

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

@@ -87,12 +87,6 @@ class TableContextMenu extends _react.default.Component {
     this.colorSelectorRef = /*#__PURE__*/_react.default.createRef();
   }
   componentDidMount() {
-    const {
-      readonly,
-      editor
-    } = this.props;
-    console.log(3, editor.editorType);
-    if (readonly) return;
     this.position = this.props.contextMenuPosition;
     this.updateMenuPosition();
   }

package/dist/basic-sdk/extension/plugins/table/popover/table-size-popover/index.js

@@ -205,7 +205,7 @@ const TableSizePopover = _ref => {
         });
         children.push(child);
       }
-      tableSize.push(/*#__PURE__*/_react.default.createElement("div", {
+      tableSize.push( /*#__PURE__*/_react.default.createElement("div", {
         key: `sdoc-table-size-row-${i}`,
         className: "sdoc-table-size-row d-flex"
       }, children));

package/dist/basic-sdk/extension/toolbar/context-toolbar/index.js

@@ -62,7 +62,7 @@ const ContextToolbar = () => {
       el.removeAttribute('style');
     }
   }, []);
-  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     className: "sdoc-context-toolbar",
     onMouseDown: onMouseDown,

package/dist/components/toast/toaster.js

@@ -67,7 +67,7 @@ class Toaster {
     container.setAttribute('data-evergreen-toaster-container', '');
     document.body.appendChild(container);
     const root = (0, _client.createRoot)(container);
-    root.render(/*#__PURE__*/_react.default.createElement(_toastManager.default, {
+    root.render( /*#__PURE__*/_react.default.createElement(_toastManager.default, {
       bindNotify: this._bindNotify,
       bindGetToasts: this._bindGetToasts,
       bindCloseAll: this._bindCloseAll

package/package.json

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