@seafile/sdoc-editor 3.0.205 → 3.0.207

package/dist/extension/plugins/search-replace/popover/index.css

@@ -2,9 +2,11 @@
   position: absolute;
   width: 400px;
   height: 280px;
-  z-index: 103;
+  z-index: 102;
   background: #fff;
-  border: 1px solid #ebebeb;
+  border: 1px solid #eee;
+  border-radius: 8px;
+  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.1);
 }
 
 .sdoc-search-replace-popover-container.in-wiki {
@@ -17,7 +19,7 @@
   display: flex;
   justify-content: space-between;
   padding: 10px 15px;
-  border-bottom: 1px solid #ebebeb;
+  border-bottom: 1px solid #eee;
   pointer-events: none;
   user-select: none;
 }

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

@@ -145,7 +145,7 @@ var TableContextMenu = /*#__PURE__*/function (_React$Component) {
       var isMergedCell = this.isMergedCell();
       var tableCellNode = (0, _core.getSelectedNodeByType)(editor, _constants2.ELEMENT_TYPE.TABLE_CELL);
       var horizontalAlign = tableCellNode === null || tableCellNode === void 0 ? void 0 : (_tableCellNode$style = tableCellNode.style) === null || _tableCellNode$style === void 0 ? void 0 : _tableCellNode$style[_constants3.TABLE_CELL_STYLE.TEXT_ALIGN];
-      var verticalAlign = tableCellNode === null || tableCellNode === void 0 ? void 0 : (_tableCellNode$style2 = tableCellNode.style) === null || _tableCellNode$style2 === void 0 ? void 0 : _tableCellNode$style2[(0, _KebabToCamel["default"])(_constants3.TABLE_CELL_STYLE.ALIGN_ITEMS)];
+      var verticalAlign = tableCellNode === null || tableCellNode === void 0 ? void 0 : (_tableCellNode$style2 = tableCellNode.style) === null || _tableCellNode$style2 === void 0 ? void 0 : _tableCellNode$style2[_constants3.TABLE_CELL_STYLE.ALIGN_ITEMS];
       // Check if the table width is fit to screen
       // Use queueMicrotask to resolve the issue that the table cell combined or split, the table width is not updated immediately
       queueMicrotask(function () {

package/dist/extension/plugins/table/menu/vertical-align-popover/index.js

@@ -11,7 +11,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _KebabToCamel = _interopRequireDefault(require("../../../../../utils/Kebab-to-camel"));
 var _core = require("../../../../core");
 var _constants = require("../../constants");
 var _helpers = require("../../helpers");
@@ -25,8 +24,7 @@ var VerticalAlignPopover = function VerticalAlignPopover(_ref) {
     t = _useTranslation.t;
   var setVerticalAlignStyle = (0, _react.useCallback)(function (position) {
     if (readonly) return;
-    var alignItems = (0, _KebabToCamel["default"])(_constants.TABLE_CELL_STYLE.ALIGN_ITEMS);
-    (0, _helpers.setCellStyle)(editor, (0, _defineProperty2["default"])({}, alignItems, position));
+    (0, _helpers.setCellStyle)(editor, (0, _defineProperty2["default"])({}, _constants.TABLE_CELL_STYLE.ALIGN_ITEMS, position));
     var focusPoint = editor.selection.focus;
     // prevent select all text in the editor
     (0, _core.focusEditor)(editor, focusPoint);

package/dist/extension/plugins/table/model.js

@@ -26,7 +26,7 @@ var Table = /*#__PURE__*/(0, _createClass2["default"])(function Table(options) {
       }],
       style: {
         text_align: 'left',
-        alignItems: 'center',
+        align_items: 'center',
         background_color: ''
       },
       // inherit from table,when insert new cell

package/dist/extension/plugins/table/render/render-cell.js

@@ -83,6 +83,10 @@ var TableCell = function TableCell(_ref) {
   if (element.style) {
     style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, element.style), style);
   }
+  if (_objectUtils["default"].hasProperty(style, _constants3.TABLE_CELL_STYLE.ALIGN_ITEMS)) {
+    style.alignItems = style[_constants3.TABLE_CELL_STYLE.ALIGN_ITEMS];
+    delete style[_constants3.TABLE_CELL_STYLE.ALIGN_ITEMS];
+  }
   var onMouseMove = function onMouseMove(mouseDownEvent) {
     eventBus.dispatch(_constants.INTERNAL_EVENT.TABLE_CELL_MOUSE_ENTER, {
       mouseDownEvent: mouseDownEvent,
@@ -162,7 +166,7 @@ var TableCell = function TableCell(_ref) {
     }
   }, [cellIndex, editor, eventBus, rowIndex, tableEntry, tableId]);
   return /*#__PURE__*/_react["default"].createElement("div", Object.assign({}, attributes, {
-    style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, element.style), style),
+    style: (0, _objectSpread2["default"])({}, style),
     className: (0, _classnames2["default"])('table-cell', attributes.className, highlightClass, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _constants3.CELL_SELECTED, isSelected), 'cell-light-height-left-border', isSelectedFirstCell), 'cell-light-height-right-border', isSelectedLastCell), 'cell-light-height-top-border', isSelectedFirstRow), 'cell-light-height-bottom-border', isSelectedLastRow)),
     "data-id": element.id,
     "row-index": rowIndex,
@@ -204,6 +208,9 @@ function renderTableCell(props) {
     if (_objectUtils["default"].hasProperty(element.style, _constants3.TABLE_CELL_STYLE.BACKGROUND_COLOR) && element.style[_constants3.TABLE_CELL_STYLE.BACKGROUND_COLOR]) {
       style['backgroundColor'] = element.style[_constants3.TABLE_CELL_STYLE.BACKGROUND_COLOR];
     }
+    if (_objectUtils["default"].hasProperty(element.style, _constants3.TABLE_CELL_STYLE.ALIGN_ITEMS)) {
+      style.alignItems = element.style[_constants3.TABLE_CELL_STYLE.ALIGN_ITEMS];
+    }
     if (element.is_combined) {
       style.display = 'none';
     }
@@ -219,7 +226,7 @@ function renderTableCell(props) {
       colspan = _element$colspan2 === void 0 ? 1 : _element$colspan2;
     style.gridArea = "".concat(rowIndex + 1, " / ").concat(cellIndex + 1, " / span ").concat(rowspan, " / span ").concat(colspan);
     return /*#__PURE__*/_react["default"].createElement("div", Object.assign({}, attributes, {
-      style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, element.style), style),
+      style: (0, _objectSpread2["default"])({}, style),
       className: (0, _classnames2["default"])('table-cell', highlightClass, attributes.className),
       "data-id": element.id
     }), /*#__PURE__*/_react["default"].createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "3.0.205",
+  "version": "3.0.207",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8ced52244e7fab9a1f1af86ab419b8b5adb833b0"
+  "gitHead": "c2c5944cdb82467a12a580a51652a54a4d3616b1"
 }