@seafile/sdoc-editor 2.0.34 → 2.0.36

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/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/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/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.34",
+  "version": "2.0.36",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
   "dependencies": {
     "@seafile/print-js": "1.6.6",
-    "@seafile/react-image-lightbox": "4.0.0",
+    "@seafile/react-image-lightbox": "4.0.2",
     "@seafile/slate": "0.91.8",
     "@seafile/slate-history": "0.86.2",
     "@seafile/slate-hyperscript": "0.81.7",
@@ -16,7 +16,7 @@
     "copy-to-clipboard": "^3.3.3",
     "dayjs": "1.10.7",
     "deep-copy": "1.4.2",
-    "dtable-ui-component": "^6.0.9",
+    "dtable-ui-component": "^6.0.15",
     "is-hotkey": "0.2.0",
     "is-url": "^1.2.4",
     "lodash.isequal": "4.5.0",