@seafile/sdoc-editor 2.0.33-alph-0.0.1 → 2.0.34-alph-0.0.1

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

@@ -3,12 +3,13 @@
   width: 100%;
   height: 100%;
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
   align-items: center;
   justify-content: center;
-  top: 0;
+  bottom: 0;
   left: 0;
-  background-color: 'rgba(0, 0, 0, 0.5)'
+  background-color: rgba(0, 0, 0, 0.5);
+  min-height: 28px;
 }
 
 @keyframes spin {
@@ -33,5 +34,7 @@
 }
 
 .sdoc-image-process-container .copyright {
-  margin-top: 4px;
+  margin-left: 15px;
+  display: inline-block;
+  white-space: nowrap;
 }

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

@@ -209,8 +209,8 @@ const Image = _ref => {
     }
   }, [data, editor]);
   const onImageLoaded = (0, _react.useCallback)(() => {
-    if ((0, _helpers.isImagUrlIsFromCopy)(data.src)) {
-      setCopyImageLoading(true);
+    if (!(0, _helpers.isImagUrlIsFromCopy)(data.src)) {
+      setCopyImageLoading(false);
     }
   }, [data.src, setCopyImageLoading]);
   const onImageLoadError = (0, _react.useCallback)(() => {

package/dist/basic-sdk/extension/plugins/image/use-upload-image.js

@@ -35,7 +35,7 @@ const useImageUpload = _ref => {
   const {
     is_copy_error = false
   } = data;
-  const [isLoading, setIsLoading] = (0, _react.useState)(false);
+  const [isLoading, setIsLoading] = (0, _react.useState)(true);
   const [isCopyError, setIsCopyError] = (0, _react.useState)(is_copy_error);
   (0, _react.useEffect)(() => {
     const {

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

@@ -1,6 +1,5 @@
 .seatable-rows-select-dialog {
-  max-width: 620px;
-  height: 520px;
+  max-width: 520px;
 }
 
 .seatable-rows-select-dialog .sdoc-seatable-rows-select-footer {
@@ -36,8 +35,10 @@
   padding: 0 !important;
 }
 
-.seatable-rows-select-dialog .modal-body .form-group {
-  margin: 0 !important;
+.seatable-rows-select-dialog .modal-body .form-label {
+  margin: 1rem 1rem 0;
+  padding-bottom: 1rem;
+  border-bottom: 1px solid #e2e2e2;
 }
 
 .seatable-rows-close-dialog {
@@ -60,10 +61,10 @@
 }
 
 .seatable-rows-select-dialog .seatable-table-wrapper {
-  height: 382px;
+  height: 280px;
   overflow-x: auto;
   overflow-y: hidden;
-  /* border: 2px solid transparent; */
+  border: 2px solid transparent;
 }
 
 .seatable-rows-select-dialog .row-card-container {
@@ -84,10 +85,6 @@
   align-items: center;
 }
 
-.row-card-header {
-  border-bottom: 1px solid #e9ecef;
-}
-
 .row-card-header .row-card-column-names {
   padding: 8px 32px;
   width: 100%;
@@ -156,14 +153,12 @@
 }
 
 .seatable-rows-select-dialog .row-card-container .row-card-list {
-  height: calc(100% - 46px);
+  height: calc(100% - 40px);
   width: 100%;
   min-width: 100%;
-  padding: 12px 20px 10px;
+  padding: 10px 20px;
   overflow-y: auto;
-  margin: 0 !important;
-  /* margin-top: 1px; */
-  background-color: #f5f5f5;
+  margin-top: 3px;
 }
 
 .row-card-list .no-records-tips {
@@ -205,7 +200,7 @@
 }
 
 .row-card-item:last-child {
-  margin-bottom: 0 !important;
+  margin-bottom: 10px;
 }
 
 .row-card-item:hover {
@@ -246,7 +241,7 @@
 .row-card-item .row-card-item-name {
   height: 100%;
   flex: 1 1;
-  font-weight: 500;
+  font-weight: 400;
 }
 
 .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(_seatableTableRecord.default, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, table.name), /*#__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('Submit'))));
+  }, t('Add_row_record'))));
 };
 var _default = exports.default = AddSeatableRowDialog;

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

@@ -11,20 +11,14 @@ var _utils = require("../../../utils");
 var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
 var _constants = require("../../../../constants");
 var _constants2 = require("../../../constants");
-var _reactstrap = require("reactstrap");
-var _reactI18next = require("react-i18next");
 const SeaTableList = _ref => {
   let {
     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, setTables] = (0, _react.useState)(editor.tables || []);
+  const tables = editor.tables;
   (0, _react.useEffect)(() => {
     if (seatableRef.current) {
       // bottom overflow
@@ -39,16 +33,6 @@ 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, {
@@ -61,26 +45,11 @@ 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,6 +42,7 @@ 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 = {};
       }
@@ -56,7 +57,6 @@ 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/table/menu/table-context-menu/index.js

@@ -121,6 +121,7 @@ class TableContextMenu extends _react.default.Component {
       t,
       readonly
     } = this.props;
+    if (readonly) return;
     const currentTable = (0, _core.getSelectedNodeByType)(editor, _constants.ELEMENT_TYPE.TABLE);
     if (!currentTable) return null;
     const currentRow = (0, _core.getSelectedNodeByType)(editor, _constants.ELEMENT_TYPE.TABLE_ROW);

package/dist/basic-sdk/extension/toolbar/side-toolbar/insert-block-menu.js

@@ -25,7 +25,6 @@ var _menu = _interopRequireDefault(require("../../plugins/seatable-column/menu")
 var _menu2 = _interopRequireDefault(require("../../plugins/seatable-tables/menu"));
 var _helper = require("../../plugins/callout/helper");
 var _helper2 = require("../../plugins/multi-column/helper");
-var _menu3 = _interopRequireDefault(require("../../plugins/seatable-row/menu"));
 const InsertBlockMenu = _ref => {
   let {
     insertPosition = _constants.INSERT_POSITION.CURRENT,

package/package.json

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