@seafile/seafile-editor 2.0.12 → 2.0.14-test-0.0.1

package/dist/extension/constants/menus-config.js

@@ -86,6 +86,12 @@ const MENUS_CONFIG_MAP = exports.MENUS_CONFIG_MAP = {
     text: 'Bold',
     type: BOLD
   },
+  [UNDERLINE]: {
+    id: `seafile_${UNDERLINE}`,
+    iconClass: 'iconfont icon-underline',
+    text: 'Underline',
+    type: UNDERLINE
+  },
   [CODE]: {
     id: `seafile_${CODE}`,
     iconClass: 'iconfont icon-code',

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TABLE_ROW_NODE_NAME = exports.TABLE_MAX_ROWS = exports.TABLE_MAX_COLUMNS = exports.TABLE_ELEMENT_POSITION = exports.TABLE_ELEMENT = exports.TABLE_CELL_NODE_NAME = exports.TABLE_BODY_NODE_NAME = void 0;
+exports.TABLE_ROW_NODE_NAME = exports.TABLE_MAX_ROWS = exports.TABLE_MAX_COLUMNS = exports.TABLE_ELEMENT_POSITION = exports.TABLE_ELEMENT = exports.TABLE_CELL_STYLE = exports.TABLE_CELL_NODE_NAME = exports.TABLE_BODY_NODE_NAME = exports.INHERIT_CELL_STYLE_WHEN_SELECT_SINGLE = exports.INHERIT_CELL_STYLE_WHEN_SELECT_MULTIPLE = exports.EMPTY_SELECTED_RANGE = void 0;
 const TABLE_CELL_NODE_NAME = exports.TABLE_CELL_NODE_NAME = 'td';
 const TABLE_ROW_NODE_NAME = exports.TABLE_ROW_NODE_NAME = 'tr';
 const TABLE_BODY_NODE_NAME = exports.TABLE_BODY_NODE_NAME = 'tbody';
@@ -18,4 +18,17 @@ const TABLE_ELEMENT = exports.TABLE_ELEMENT = {
 const TABLE_ELEMENT_POSITION = exports.TABLE_ELEMENT_POSITION = {
   AFTER: 'after',
   BEFORE: 'before'
-};
+};
+const EMPTY_SELECTED_RANGE = exports.EMPTY_SELECTED_RANGE = {
+  minRowIndex: -1,
+  maxRowIndex: -1,
+  minColIndex: -1,
+  maxColIndex: -1
+};
+const TABLE_CELL_STYLE = exports.TABLE_CELL_STYLE = {
+  TEXT_ALIGN: 'text_align',
+  BACKGROUND_COLOR: 'background_color',
+  ALIGN_ITEMS: 'align_items'
+};
+const INHERIT_CELL_STYLE_WHEN_SELECT_SINGLE = exports.INHERIT_CELL_STYLE_WHEN_SELECT_SINGLE = ['background_color'];
+const INHERIT_CELL_STYLE_WHEN_SELECT_MULTIPLE = exports.INHERIT_CELL_STYLE_WHEN_SELECT_MULTIPLE = ['background_color', 'text_align'];

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

@@ -12,8 +12,16 @@ var _tableOperations = require("../table-operations");
 var _constants = require("../../../../constants");
 var _insertTableElement = _interopRequireDefault(require("./insert-table-element"));
 var _constant = require("../constant");
+var _objectUtils = _interopRequireDefault(require("../../../../utils/object-utils"));
+var _helper = require("../helper");
+var _verticalAlignPopover = _interopRequireDefault(require("../menu/vertical-align-popover"));
+var _core = require("../../../core");
+var _elementTypes = require("../../../constants/element-types");
+var _horizontalAlignPopover = _interopRequireDefault(require("../menu/horizontal-align-popover"));
+var _eventTypes = require("../../../../constants/event-types");
 require("./style.css");
 const ContextMenu = _ref => {
+  var _tableCellNode$style, _tableCellNode$style2;
   let {
     element,
     position,
@@ -22,9 +30,26 @@ const ContextMenu = _ref => {
   } = _ref;
   const [contextMenuStyle, setContextMenuStyle] = (0, _react.useState)({});
   const contextMenuRef = (0, _react.useRef)(null);
+  const verticalAlignRef = (0, _react.useRef)(null);
+  const horizontalAlignRef = (0, _react.useRef)(null);
   const {
     t
   } = (0, _reactI18next.useTranslation)(_constants.TRANSLATE_NAMESPACE);
+  const {
+    tableSelectedRange
+  } = editor;
+  const enableCombineCell = !_objectUtils.default.isSameObject(tableSelectedRange, _constant.EMPTY_SELECTED_RANGE);
+  const enableSplitCell = !enableCombineCell;
+  const tableCellNode = (0, _core.getSelectedNodeByType)(editor, _elementTypes.TABLE_CELL);
+  const horizontalAlign = tableCellNode === null || tableCellNode === void 0 ? void 0 : (_tableCellNode$style = tableCellNode.style) === null || _tableCellNode$style === void 0 ? void 0 : _tableCellNode$style[_constant.TABLE_CELL_STYLE.TEXT_ALIGN];
+  const verticalAlign = tableCellNode === null || tableCellNode === void 0 ? void 0 : (_tableCellNode$style2 = tableCellNode.style) === null || _tableCellNode$style2 === void 0 ? void 0 : _tableCellNode$style2[(0, _helper.KebabToCamel)(_constant.TABLE_CELL_STYLE.ALIGN_ITEMS)];
+  const isMergedCell = () => {
+    const {
+      colspan,
+      rowspan
+    } = (0, _core.getSelectedNodeByType)(editor, _elementTypes.TABLE_CELL);
+    return colspan > 1 || rowspan > 1;
+  };
   const currentRowsCount = (0, _react.useMemo)(() => {
     const rows = element.children;
     return rows.length;
@@ -58,6 +83,17 @@ const ContextMenu = _ref => {
     (0, _tableOperations.insertTableElement)(editor, type, position, count);
     handleCloseContextMenu();
   };
+  const handleCombineCell = editor => {
+    console.log(2, editor);
+    (0, _helper.combineCells)(editor);
+  };
+  const toggleSplitCellSettingDialog = () => {
+    (void 0).eventBus.dispatch(_eventTypes.INTERNAL_EVENTS.INSERT_ELEMENT, {
+      type: _elementTypes.TABLE_CELL
+    });
+  };
+
+  // console.log(1, enableCombineCell, tableSelectedRange)
   return /*#__PURE__*/_react.default.createElement("div", {
     contentEditable: false,
     style: contextMenuStyle,
@@ -100,6 +136,37 @@ const ContextMenu = _ref => {
   }, t('Delete_column')), /*#__PURE__*/_react.default.createElement("button", {
     onMouseDown: () => handleClickOperationBtn(_tableOperations.removeTable),
     className: 'sf-context-menu-item sf-dropdown-menu-item'
-  }, t('Delete_table'))));
+  }, t('Delete_table')), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'sf-divider dropdown-divider'
+  }), /*#__PURE__*/_react.default.createElement("button", {
+    disabled: enableCombineCell,
+    onMouseDown: e => {
+      e.preventDefault();
+      handleCombineCell(editor);
+    },
+    className: 'sf-context-menu-item sf-dropdown-menu-item'
+  }, t('Combine_cell')), /*#__PURE__*/_react.default.createElement("button", {
+    className: "sf-context-menu-item sf-dropdown-menu-item",
+    disabled: !isMergedCell || !enableSplitCell,
+    onMouseDown: toggleSplitCellSettingDialog
+  }, t('Split_cell')), /*#__PURE__*/_react.default.createElement("button", {
+    ref: horizontalAlignRef,
+    className: "sf-context-menu-item sf-dropdown-menu-item side-extendable"
+  }, /*#__PURE__*/_react.default.createElement("span", null, t('Horizontal_align')), /*#__PURE__*/_react.default.createElement("i", {
+    className: "iconfont icon-right"
+  })), horizontalAlignRef.current && /*#__PURE__*/_react.default.createElement(_horizontalAlignPopover.default, {
+    target: horizontalAlignRef,
+    editor: editor,
+    horizontalAlign: horizontalAlign
+  }), /*#__PURE__*/_react.default.createElement("button", {
+    ref: verticalAlignRef,
+    className: "sf-context-menu-item sf-dropdown-menu-item side-extendable"
+  }, /*#__PURE__*/_react.default.createElement("span", null, t('Vertical_align')), /*#__PURE__*/_react.default.createElement("i", {
+    className: "iconfont icon-right"
+  })), verticalAlignRef.current && /*#__PURE__*/_react.default.createElement(_verticalAlignPopover.default, {
+    target: verticalAlignRef,
+    editor: editor,
+    verticalAlign: verticalAlign
+  })));
 };
 var _default = exports.default = ContextMenu;

package/dist/extension/plugins/table/context-menu/style.css

@@ -68,3 +68,7 @@
 .sf-context-menu .sf-context-menu-item:disabled .insert-number-input {
   color: #adb5bd;
 }
+
+/* .sf-context-menu-wrapper .dropdown-divider {
+  border: 1px solid #e9ecef;
+} */

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectCellByGrid = exports.pasteContentIntoTable = exports.jumpOutTableInEditor = exports.isSelectingMultipleTables = exports.isInTable = exports.isDisabled = exports.insertTable = exports.getTableFocusingInfos = exports.getTableEntry = exports.getSelectedTableCells = exports.getSelectGrid = exports.getContextMenuPosition = void 0;
+exports.setCellStyle = exports.selectCellByGrid = exports.pasteContentIntoTable = exports.jumpOutTableInEditor = exports.isSelectingMultipleTables = exports.isInTable = exports.isDisabled = exports.insertTable = exports.getTableFocusingInfos = exports.getTableEntry = exports.getSelectedTableCells = exports.getSelectedInfo = exports.getSelectGrid = exports.getContextMenuPosition = exports.generateInheritStyle = exports.combineCells = exports.KebabToCamel = void 0;
 var _slate = require("slate");
 var _slateReact = require("slate-react");
 var _isUrl = _interopRequireDefault(require("is-url"));
@@ -16,6 +16,9 @@ var _deserializeHtml = require("../../../utils/deserialize-html");
 var _common = require("../../../utils/common");
 var _helper = require("../link/helper");
 var _helper2 = require("../image/helper");
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _objectUtils = _interopRequireDefault(require("../../../utils/object-utils"));
+var _constant = require("./constant");
 const isDisabled = (editor, readonly) => {
   const {
     selection
@@ -329,4 +332,145 @@ const getContextMenuPosition = (event, tableRef) => {
     left
   };
 };
-exports.getContextMenuPosition = getContextMenuPosition;
+exports.getContextMenuPosition = getContextMenuPosition;
+const getSelectedInfo = editor => {
+  const currentTable = (0, _core.getSelectedNodeByType)(editor, _elementTypes.TABLE);
+  const currentRow = (0, _core.getSelectedNodeByType)(editor, _elementTypes.TABLE_ROW);
+  const currentCell = (0, _core.getSelectedNodeByType)(editor, _elementTypes.TABLE_CELL);
+  const currentCellPath = (0, _core.findPath)(editor, currentCell);
+  console.log(2, currentCellPath);
+  return {
+    table: currentTable,
+    tablePath: (0, _core.findPath)(editor, currentTable),
+    tableSize: [currentTable.children.length, currentRow.children.length],
+    row: currentRow,
+    rowPath: (0, _core.findPath)(editor, currentRow),
+    rowIndex: currentCellPath[currentCellPath.length - 2],
+    cell: currentCell,
+    cellPath: (0, _core.findPath)(editor, currentCell),
+    cellIndex: currentCellPath[currentCellPath.length - 1]
+  };
+};
+exports.getSelectedInfo = getSelectedInfo;
+const combineCells = editor => {
+  const {
+    tablePath
+  } = getSelectedInfo(editor);
+  const {
+    minColIndex,
+    maxColIndex,
+    minRowIndex,
+    maxRowIndex
+  } = editor.tableSelectedRange;
+  let newCellContent = [];
+  for (let i = minRowIndex; i < maxRowIndex + 1; i++) {
+    for (let j = minColIndex; j < maxColIndex + 1; j++) {
+      let nodePath = [...tablePath, i, j];
+      let node = _slate.Editor.node(editor, nodePath);
+      if (node[0].is_combined) {
+        continue;
+      }
+      _slate.Transforms.setNodes(editor, {
+        'is_combined': true
+      }, {
+        at: nodePath
+      });
+      newCellContent = newCellContent.concat(node[0].children);
+    }
+  }
+  console.log(minColIndex, maxColIndex, minRowIndex, maxRowIndex);
+  const targetCellPath = [...tablePath, minRowIndex, minColIndex];
+  const newCell = (0, _model.generateTableCell)(editor);
+  newCell.children = newCellContent;
+  newCell.rowspan = maxRowIndex - minRowIndex + 1;
+  newCell.colspan = maxColIndex - minColIndex + 1;
+  // keep row.children.length not changed
+  _slate.Transforms.removeNodes(editor, {
+    at: targetCellPath
+  });
+  _slate.Transforms.insertNodes(editor, newCell, {
+    at: targetCellPath
+  });
+  (0, _core.focusEditor)(editor, targetCellPath);
+
+  // for clicking the 'combine cell' icon in the toolbar
+  // const eventBus = EventBus.getInstance();
+  // eventBus.dispatch(INTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE);
+};
+exports.combineCells = combineCells;
+const generateInheritStyle = (allowedInheritStyleList, style, cell) => {
+  const inheritStyle = {
+    ...cell['inherit_style']
+  } || {};
+  for (const key in style) {
+    if (Object.hasOwnProperty.call(style, key) && allowedInheritStyleList.includes(key)) {
+      inheritStyle[key] = style[key];
+    }
+  }
+  return inheritStyle;
+};
+exports.generateInheritStyle = generateInheritStyle;
+const setCellStyle = (editor, style) => {
+  // Select single cell
+  if (_objectUtils.default.isSameObject(editor.tableSelectedRange, _constant.EMPTY_SELECTED_RANGE)) {
+    const selectedNodes = (0, _core.getSelectedElems)(editor);
+    let firstTableCellNodePath;
+    selectedNodes.forEach(node => {
+      if (node.type === _elementTypes.TABLE_CELL) {
+        const path = (0, _core.findPath)(editor, node);
+        if (path) {
+          firstTableCellNodePath = firstTableCellNodePath ? firstTableCellNodePath : path;
+          _slate.Transforms.setNodes(editor, {
+            style: {
+              ...node.style,
+              ...style
+            },
+            inherit_style: generateInheritStyle(_constant.INHERIT_CELL_STYLE_WHEN_SELECT_SINGLE, style, node)
+          }, {
+            at: path
+          });
+        }
+      }
+    });
+    if (firstTableCellNodePath) {
+      const start = _slate.Editor.start(editor, firstTableCellNodePath);
+      const end = _slate.Editor.end(editor, firstTableCellNodePath);
+      const newSelection = {
+        anchor: start,
+        focus: end
+      };
+      _slate.Transforms.select(editor, newSelection);
+    }
+    return;
+  }
+  // Select multiple cells
+  const {
+    minColIndex,
+    maxColIndex,
+    minRowIndex,
+    maxRowIndex
+  } = editor.tableSelectedRange;
+  const {
+    tablePath
+  } = getSelectedInfo(editor);
+  for (let i = minRowIndex; i <= maxRowIndex; i++) {
+    for (let j = minColIndex; j <= maxColIndex; j++) {
+      const path = [...tablePath, i, j];
+      const node = (0, _core.getNode)(editor, path);
+      _slate.Transforms.setNodes(editor, {
+        style: {
+          ...node.style,
+          ...style
+        },
+        inherit_style: generateInheritStyle(_constant.INHERIT_CELL_STYLE_WHEN_SELECT_MULTIPLE, style, node)
+      }, {
+        at: path
+      });
+    }
+  }
+};
+exports.setCellStyle = setCellStyle;
+const KebabToCamel = str => {
+  return str.replace(/(_[a-z])/g, match => `${match.slice(1).toUpperCase()}`);
+};
+exports.KebabToCamel = KebabToCamel;

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

@@ -0,0 +1,80 @@
+"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 = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _helper = require("../../helper");
+var _constant = require("../../constant");
+var _core = require("../../../../core");
+var _constants = require("../../../../../constants");
+require("../vertical-align-popover/style.css");
+const HorizontalAlignPopover = _ref => {
+  let {
+    target,
+    editor,
+    readonly,
+    horizontalAlign
+  } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)(_constants.TRANSLATE_NAMESPACE);
+  const setTextAlignStyle = (0, _react.useCallback)(textAlign => {
+    if (readonly) return;
+    (0, _helper.setCellStyle)(editor, {
+      [_constant.TABLE_CELL_STYLE.TEXT_ALIGN]: textAlign
+    });
+    const focusPoint = editor.selection.focus;
+    // prevent select all text in the editor
+    (0, _core.focusEditor)(editor, focusPoint);
+    // Select last focus point
+    setTimeout(() => {
+      (0, _core.focusEditor)(editor, focusPoint);
+    }, 0);
+  }, [editor, readonly]);
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
+    target: target.current,
+    trigger: "hover",
+    placement: "right-start",
+    hideArrow: true,
+    fade: false
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-dropdown-menu sdoc-table-alignment-menu"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-dropdown-menu-item",
+    onMouseDown: () => setTextAlignStyle('left')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-checked"
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: (0, _classnames.default)('iconfont icon-check-mark', {
+      active: !horizontalAlign || horizontalAlign === 'left'
+    })
+  })), /*#__PURE__*/_react.default.createElement("span", {
+    className: "active"
+  }, t('Left'))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-dropdown-menu-item",
+    onMouseDown: () => setTextAlignStyle('center')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-checked"
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: (0, _classnames.default)('iconfont icon-check-mark', {
+      active: horizontalAlign === 'center'
+    })
+  })), /*#__PURE__*/_react.default.createElement("span", null, t('Center'))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-dropdown-menu-item",
+    onMouseDown: () => setTextAlignStyle('right')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-checked"
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: (0, _classnames.default)('iconfont icon-check-mark', {
+      active: horizontalAlign === 'right'
+    })
+  })), /*#__PURE__*/_react.default.createElement("span", null, t('Right')))));
+};
+var _default = exports.default = HorizontalAlignPopover;

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

@@ -0,0 +1,81 @@
+"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 = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _helper = require("../../helper");
+var _constant = require("../../constant");
+var _core = require("../../../../core");
+var _constants = require("../../../../../constants");
+require("./style.css");
+const VerticalAlignPopover = _ref => {
+  let {
+    target,
+    editor,
+    readonly,
+    verticalAlign
+  } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)(_constants.TRANSLATE_NAMESPACE);
+  const setVerticalAlignStyle = (0, _react.useCallback)(position => {
+    if (readonly) return;
+    const alignItems = (0, _helper.KebabToCamel)(_constant.TABLE_CELL_STYLE.ALIGN_ITEMS);
+    (0, _helper.setCellStyle)(editor, {
+      [alignItems]: position
+    });
+    const focusPoint = editor.selection.focus;
+    // prevent select all text in the editor
+    (0, _core.focusEditor)(editor, focusPoint);
+    // Select last focus point
+    setTimeout(() => {
+      (0, _core.focusEditor)(editor, focusPoint);
+    }, 0);
+  }, [editor, readonly]);
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
+    target: target.current,
+    trigger: "hover",
+    placement: "right-start",
+    hideArrow: true,
+    fade: false
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-dropdown-menu sdoc-table-alignment-menu"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-dropdown-menu-item",
+    onMouseDown: () => setVerticalAlignStyle('flex-start')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-checked"
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: (0, _classnames.default)('iconfont icon-check-mark', {
+      active: !verticalAlign || verticalAlign === 'flex-start'
+    })
+  })), /*#__PURE__*/_react.default.createElement("span", {
+    className: "active"
+  }, t('Top_align'))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-dropdown-menu-item",
+    onMouseDown: () => setVerticalAlignStyle('center')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-checked"
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: (0, _classnames.default)('iconfont icon-check-mark', {
+      active: verticalAlign === 'center'
+    })
+  })), /*#__PURE__*/_react.default.createElement("span", null, t('Center_align'))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-dropdown-menu-item",
+    onMouseDown: () => setVerticalAlignStyle('flex-end')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-checked"
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: (0, _classnames.default)('iconfont icon-check-mark', {
+      active: verticalAlign === 'flex-end'
+    })
+  })), /*#__PURE__*/_react.default.createElement("span", null, t('Bottom_align')))));
+};
+var _default = exports.default = VerticalAlignPopover;

package/dist/extension/plugins/table/menu/vertical-align-popover/style.css

@@ -0,0 +1,24 @@
+.sdoc-context-menu .sdoc-dropdown-menu {
+  display: flex;
+  flex-direction: column;
+}
+
+.sdoc-table-alignment-menu .sdoc-dropdown-menu-item {
+  padding: 4px 10px !important;
+}
+
+.sdoc-table-alignment-menu .sdoc-dropdown-menu-item .sdoc-checked {
+  margin-right: 6px;
+  height: 21px;
+  line-height: 21px;
+  width: 12px;
+}
+
+.sdoc-table-alignment-menu .sdoc-dropdown-menu-item .icon-check-mark {
+  display: none;
+  font-size: 12px !important;
+}
+
+.sdoc-table-alignment-menu .sdoc-dropdown-menu-item .icon-check-mark.active {
+  display: inline;
+}

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

@@ -16,6 +16,7 @@ var _getEventTransfer = _interopRequireDefault(require("../../../containers/cust
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _eventTypes = require("../../../constants/event-types");
 var _core = require("../../core");
+var _constant = require("./constant");
 /**
  * @param {Editor} editor
  */
@@ -32,6 +33,7 @@ const withTable = editor => {
     normalizeNode
   } = editor;
   const newEditor = editor;
+  newEditor.tableSelectedRange = _constant.EMPTY_SELECTED_RANGE;
   newEditor.insertBreak = () => {
     const isTableActive = (0, _helper.isInTable)(newEditor);
     if (!editor.selection || !isTableActive) return insertBreak && insertBreak();

package/dist/extension/toolbar/header-toolbar/index.js

@@ -17,19 +17,14 @@ var _menu2 = _interopRequireDefault(require("../../plugins/header/menu"));
 var _menu3 = _interopRequireDefault(require("../../plugins/text-style/menu"));
 var _menu4 = _interopRequireDefault(require("../../plugins/link/menu"));
 var _constants = require("../../constants");
-var _menu5 = _interopRequireDefault(require("../../plugins/image/menu"));
-var _menu6 = _interopRequireDefault(require("../../plugins/code-block/menu"));
-var _menu7 = _interopRequireDefault(require("../../plugins/check-list/menu"));
-var _menu8 = _interopRequireDefault(require("../../plugins/list/menu"));
+var _menu5 = _interopRequireDefault(require("../../plugins/check-list/menu"));
+var _menu6 = _interopRequireDefault(require("../../plugins/list/menu"));
 var _elementTypes = require("../../constants/element-types");
-var _menu9 = _interopRequireDefault(require("../../plugins/table/menu"));
-var _tableOperator = require("../../plugins/table/menu/table-operator");
 var _helper = require("../../plugins/table/helper");
-var _menu10 = _interopRequireDefault(require("../../plugins/formula/menu"));
-var _menu11 = _interopRequireDefault(require("../../plugins/clear-format/menu"));
+var _menu7 = _interopRequireDefault(require("../../plugins/clear-format/menu"));
 var _shortcutDialog = _interopRequireDefault(require("../user-help/shortcut-dialog"));
-var _menu12 = _interopRequireDefault(require("../../plugins/column/menu"));
 var _insertElementDialog = _interopRequireDefault(require("../../commons/insert-element-dialog"));
+var _insertToolbar = _interopRequireDefault(require("./insert-toolbar"));
 require("./style.css");
 const Toolbar = _ref => {
   let {
@@ -42,14 +37,6 @@ const Toolbar = _ref => {
   } = _ref;
   (0, _useSelectionUpdate.default)();
   const [isShowArticleInfo, setIsShowArticleInfo] = (0, _react.useState)(false);
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const isShowSubTableMenu = (0, _react.useMemo)(() => (0, _helper.isInTable)(editor), [editor.selection]);
-  const updateArticleInfoState = (0, _react.useCallback)(() => {
-    const newState = !isShowArticleInfo;
-    setIsShowArticleInfo(newState);
-    const eventBus = _eventBus.default.getInstance();
-    eventBus.dispatch(_eventTypes.INTERNAL_EVENTS.ON_ARTICLE_INFO_TOGGLE, newState);
-  }, [isShowArticleInfo]);
   const onHelpInfoToggle = (0, _react.useCallback)(state => {
     if (state) setIsShowArticleInfo(false);
   }, []);
@@ -66,10 +53,6 @@ const Toolbar = _ref => {
   const onHelpIconToggle = (0, _react.useCallback)(() => {
     setIsShowHelpModal(!isShowHelpModal);
   }, [isShowHelpModal]);
-  const sideIconClass = (0, _classnames.default)('iconfont', {
-    'icon-angle-double-left': !isShowArticleInfo,
-    'icon-angle-double-right': isShowArticleInfo
-  });
   const commonProps = {
     editor,
     readonly,
@@ -77,21 +60,22 @@ const Toolbar = _ref => {
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-slate-editor-toolbar"
-  }, isRichEditor && /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu2.default, commonProps)), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu3.default, Object.assign({}, commonProps, {
+  }, isRichEditor && /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_insertToolbar.default, {
+    editor: editor,
+    readonly: readonly
+  })), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu2.default, commonProps)), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu3.default, Object.assign({}, commonProps, {
+    type: _constants.TEXT_STYLE_MAP.ITALIC
+  })), /*#__PURE__*/_react.default.createElement(_menu3.default, Object.assign({}, commonProps, {
     type: _constants.TEXT_STYLE_MAP.BOLD
   })), /*#__PURE__*/_react.default.createElement(_menu3.default, Object.assign({}, commonProps, {
-    type: _constants.TEXT_STYLE_MAP.ITALIC
+    type: _constants.TEXT_STYLE_MAP.UNDERLINE
   })), /*#__PURE__*/_react.default.createElement(_menu3.default, Object.assign({}, commonProps, {
     type: _constants.TEXT_STYLE_MAP.CODE
-  })), /*#__PURE__*/_react.default.createElement(_menu4.default, commonProps)), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu.default, commonProps), /*#__PURE__*/_react.default.createElement(_menu7.default, commonProps), /*#__PURE__*/_react.default.createElement(_menu8.default, Object.assign({}, commonProps, {
-    type: _elementTypes.ORDERED_LIST
-  })), /*#__PURE__*/_react.default.createElement(_menu8.default, Object.assign({}, commonProps, {
+  })), /*#__PURE__*/_react.default.createElement(_menu4.default, commonProps)), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu.default, commonProps), /*#__PURE__*/_react.default.createElement(_menu5.default, commonProps), /*#__PURE__*/_react.default.createElement(_menu6.default, Object.assign({}, commonProps, {
     type: _elementTypes.UNORDERED_LIST
-  }))), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu6.default, commonProps), /*#__PURE__*/_react.default.createElement(_menu9.default, commonProps), /*#__PURE__*/_react.default.createElement(_menu5.default, Object.assign({}, commonProps, {
-    isSupportInsertSeafileImage: isSupportInsertSeafileImage
-  })), isSupportFormula && /*#__PURE__*/_react.default.createElement(_menu10.default, commonProps), isSupportColumn && /*#__PURE__*/_react.default.createElement(_menu12.default, commonProps)), isShowSubTableMenu && /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, {
-    className: "sf-menu-group sf-table-operations-group"
-  }, /*#__PURE__*/_react.default.createElement(_tableOperator.AlignmentDropDown, commonProps), /*#__PURE__*/_react.default.createElement(_tableOperator.ColumnOperationDropDownList, commonProps), /*#__PURE__*/_react.default.createElement(_tableOperator.RowOperationDropDownList, commonProps), /*#__PURE__*/_react.default.createElement(_tableOperator.RemoveTableMenu, commonProps)), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu11.default, commonProps)), !isRichEditor && /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement(_menu6.default, Object.assign({}, commonProps, {
+    type: _elementTypes.ORDERED_LIST
+  }))), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu7.default, commonProps)), !isRichEditor && /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-slate-help-info-control",
     onClick: onHelpIconToggle
   }, /*#__PURE__*/_react.default.createElement("span", {

package/dist/extension/toolbar/header-toolbar/insert-toolbar/index.js

@@ -0,0 +1,111 @@
+"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 = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _tooltip = _interopRequireDefault(require("../../../commons/tooltip"));
+var _menu = _interopRequireDefault(require("../../../plugins/image/menu"));
+var _menu2 = _interopRequireDefault(require("../../../plugins/table/menu"));
+var _menu3 = _interopRequireDefault(require("../../../plugins/code-block/menu"));
+require("./style.css");
+// import Tooltip from '../../../../components/tooltip';
+// import EventBus from '../../../../utils/event-bus';
+// import CodeBlockMenu from '../../../plugins/code-block/menu';
+// import FileLinkMenu from '../../../plugins/file-link/menu';
+// import ImageMenu from '../../../plugins/image/menu';
+// import LinkMenu from '../../../plugins/link/menu';
+// import SdocLinkMenu from '../../../plugins/sdoc-link/menu';
+// import TableMenu from '../../../plugins/table/menu/table-menu';
+// import VideoMenu from '../../../plugins/video/menu';
+
+const InsertToolbar = _ref => {
+  let {
+    isRichEditor = true,
+    className = 'menu-group-item',
+    editor,
+    readonly
+  } = _ref;
+  const [isShowMenu, setMenuShow] = (0, _react.useState)(false);
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
+  const popoverRef = (0, _react.useRef)(null);
+  const disabled = readonly;
+  const insertButtonRef = (0, _react.useRef)(null);
+  const insertToolbarId = 'sdoc-insert-toolbar-btn';
+
+  // const eventBus = useMemo(() => {
+  //   return EventBus.getInstance();
+  // }, []);
+
+  const toggle = (0, _react.useCallback)(event => {
+    var _event$target;
+    if (event !== null && event !== void 0 && event.target && (event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.tagName) === 'INPUT') {
+      return;
+    }
+    popoverRef.current && popoverRef.current.toggle();
+    setMenuShow(!isShowMenu);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isShowMenu]);
+  const validClassName = (0, _classnames.default)(className, 'sdoc-menu-with-dropdown sdoc-insert-toolbar-btn', {
+    'menu-show': isShowMenu,
+    'disabled': disabled,
+    'rich-icon-btn d-flex': isRichEditor,
+    'rich-icon-btn-disabled': isRichEditor && disabled,
+    'rich-icon-btn-hover': isRichEditor && !disabled,
+    'btn btn-icon btn-secondary btn-active d-flex': !isRichEditor
+  });
+  const caretIconClass = `sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-${isShowMenu ? 'caret-up' : 'drop-down'}`;
+  const {
+    bottom
+  } = insertButtonRef.current ? insertButtonRef.current.getBoundingClientRect() : {
+    bottom: 92.5
+  };
+  const props = {
+    // eventBus,
+    editor,
+    readonly,
+    toggle
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: validClassName,
+    id: insertToolbarId,
+    disabled: disabled,
+    ref: insertButtonRef
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-menu-with-dropdown-icon"
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "sdocfont sdoc-insert mr-1"
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "text-truncate"
+  }, t('Insert'))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-menu-with-dropdown-triangle"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: caretIconClass
+  }))), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    target: insertToolbarId
+  }, t('Insert')), !disabled && /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
+    target: insertToolbarId,
+    className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-insert-menu-popover",
+    trigger: "legacy",
+    placement: "bottom-start",
+    hideArrow: true,
+    toggle: toggle,
+    fade: false,
+    ref: popoverRef
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-insert-menu-container sdoc-dropdown-menu-container",
+    style: {
+      maxHeight: window.innerHeight - bottom - 100
+    }
+  }, /*#__PURE__*/_react.default.createElement(_menu.default, props), /*#__PURE__*/_react.default.createElement(_menu2.default, props), /*#__PURE__*/_react.default.createElement(_menu3.default, props))));
+};
+var _default = exports.default = InsertToolbar;

package/dist/extension/toolbar/header-toolbar/insert-toolbar/style.css

@@ -0,0 +1,28 @@
+.menu-group .menu-group-item.sdoc-insert-toolbar-btn {
+  width: 76px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.menu-group .menu-group-item.sdoc-insert-toolbar-btn.disabled {
+  /* 64: 76 - 12 */
+  width: 64px !important;
+  color: #BDBDBD;
+}
+
+.menu-group .sdoc-insert-toolbar-btn .sdoc-menu-with-dropdown-icon {
+  flex: 1;
+  justify-content: flex-start;
+  padding-left: 6px;
+  padding-right: 2px;
+  font-size: 14px;
+}
+
+.sdoc-insert-menu-popover .popover {
+  min-width: 200px;
+}
+
+.sdoc-insert-menu-popover .sdoc-insert-menu-container {
+  padding: 8px 0;
+}

package/dist/extension/toolbar/inline-toolbar/index.js

@@ -39,9 +39,6 @@ const InlineToolbar = _ref => {
     onExpandEditorToggle
   } = _ref;
   (0, _useSelectionUpdate.default)();
-
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const isShowSubTableMenu = (0, _react.useMemo)(() => (0, _helper.isInTable)(editor), [editor.selection]);
   const [isShowHelpModal, setIsShowHelpModal] = (0, _react.useState)(false);
   const onHelpIconToggle = (0, _react.useCallback)(() => {
     setIsShowHelpModal(!isShowHelpModal);
@@ -65,9 +62,7 @@ const InlineToolbar = _ref => {
     type: _elementTypes.UNORDERED_LIST
   }))), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu6.default, commonProps), /*#__PURE__*/_react.default.createElement(_commons.MoreMenu, commonProps, /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu5.default, Object.assign({}, commonProps, {
     isSupportInsertSeafileImage: isSupportInsertSeafileImage
-  }))), isShowSubTableMenu && /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, {
-    className: "sf-menu-group sf-table-operations-group"
-  }, /*#__PURE__*/_react.default.createElement(_tableOperator.AlignmentDropDown, commonProps), /*#__PURE__*/_react.default.createElement(_tableOperator.ColumnOperationDropDownList, commonProps), /*#__PURE__*/_react.default.createElement(_tableOperator.RowOperationDropDownList, commonProps), /*#__PURE__*/_react.default.createElement(_tableOperator.RemoveTableMenu, commonProps)), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu9.default, commonProps)), !isRichEditor && /*#__PURE__*/_react.default.createElement("div", {
+  }))), /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu9.default, commonProps)), !isRichEditor && /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-slate-help-info-control",
     onClick: onHelpIconToggle
   }, /*#__PURE__*/_react.default.createElement("span", {

package/dist/pages/longtext-editor-dialog/style.css

@@ -60,8 +60,9 @@
   justify-content: center;
   border-radius: 3px;
   color: #666;
-  font-size: 14px;
+  font-size: 16px;
   cursor: pointer;
+  opacity: 1;
 }
 
 .longtext-header-container .longtext-header-tool-item.long-text-full-screen {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "2.0.12",
+  "version": "2.0.14-test-0.0.1",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
@@ -36,7 +36,7 @@
     "babel-plugin-import": "^1.13.6",
     "babel-preset-react-app": "^10.0.1",
     "clean-webpack-plugin": "4.0.0",
-    "css-loader": "6.8.1",
+    "css-loader": "^6.11.0",
     "css-minimizer-webpack-plugin": "5.0.1",
     "ejs": "3.1.10",
     "eslint": "8.49.0",
@@ -65,7 +65,7 @@
     "react-router": "6.16.0",
     "react-router-dom": "6.16.0",
     "seafile-js": "0.2.234",
-    "style-loader": "3.3.3",
+    "style-loader": "^3.3.4",
     "terser-webpack-plugin": "5.3.9",
     "url-loader": "4.1.1",
     "webpack": "5.98.0",

package/public/locales/zh/seafile-editor.json

@@ -0,0 +1,234 @@
+{
+  "Bold": "粗体",
+  "Italic": "斜体",
+  "Inline_code": "代码",
+  "Header_one": "一级标题",
+  "Header_two": "二级标题",
+  "Header_three": "三级标题",
+  "Header_four": "四级标题",
+  "Header_five": "五级标题",
+  "Header_six": "六级标题",
+  "Paragraph": "段落",
+  "Quote": "引用",
+  "Ordered_list": "有序列表",
+  "Unordered_list": "无序列表",
+  "Check_list_item": "任务列表",
+  "Insert_image": "插入图片",
+  "Insert_formula": "插入公式",
+  "Formula": "公式",
+  "Insert_file": "插入文件",
+  "Code": "行内代码",
+  "Code_block": "代码块",
+  "Insert_link": "添加链接",
+  "Insert_table": "添加表格",
+  "Save": "保存",
+  "More": "更多",
+  "Invalid_url": "无效链接",
+  "Link_address": "链接地址",
+  "Image_address": "图片地址",
+  "Submit": "提交",
+  "Cancel": "取消",
+  "Switch_to_plain_text_editor": "切换至普通文本编辑器",
+  "Switch_to_rich_text_editor": "切换至富文本编辑器",
+  "Switch_to_viewer": "切换到只读模式",
+  "Help": "帮助",
+  "Delete_table": "删除表格",
+  "Column": "列",
+  "Row": "行",
+  "Insert_row_before": "上方插入行",
+  "Insert_row_after": "下方插入行",
+  "Insert_column_before": "左边插入列",
+  "Insert_column_after": "右边插入列",
+  "Delete_row": "删除当前行",
+  "Delete_column": "删除当前列",
+  "Insert_row": "插入行",
+  "Insert_column": "插入列",
+  "Set_align": "对齐方式",
+  "Left": "左对齐",
+  "Center": "居中",
+  "Right": "右对齐",
+  "File_saved": "保存文件成功",
+  "File_failed_to_save": "保存文件失败",
+  "Star": "添加星标",
+  "Unstar": "移除星标",
+  "Back_to_parent_directory": "返回上级目录",
+  "Edit": "编辑",
+  "Copy": "复制",
+  "Copied": "已复制",
+  "Internal_link": "内部链接",
+  "Copy_internal_link": "内部链接已复制到剪贴板",
+  "Internal_link_desc": "内部链接是指向文件或目录的链接，只有对该文件或目录有访问权限的人可以访问。",
+  "Share": "共享",
+  "Share_link": "共享链接",
+  "Generate": "生成链接",
+  "Add_password_protection": "增加密码保护",
+  "Password": "密码",
+  "At_least_8_characters": "至少8个字符",
+  "Password_again": "请再次输入密码",
+  "Add_auto_expiration": "增加自动过期",
+  "Days": "天",
+  "Please_enter_password": "请输入密码",
+  "Greater_than_or_equal_to": "大于或等于",
+  "Less_than_or_equal_to": "小于或等于",
+  "Set_permission": "设置权限",
+  "Preview_and_download": "预览与下载",
+  "Preview_only": "仅查看",
+  "Please_enter_valid_days": "请输入有效的天数",
+  "Please_enter_a_non-negative_integer": "请输入一个非负整数",
+  "Please_enter_days": "请输入天数",
+  "Password_is_too_short": "密码长度太短",
+  "Passwords_do_not_match": "两次输入的密码不一致",
+  "Return_to_wiki_page": "返回维基页面",
+  "Insert_network_image": "插入网络图片",
+  "Upload_local_image": "上传本地图片",
+  "Add_link": "加入链接",
+  "File_history": "文件历史",
+  "History_version": "历史版本",
+  "Back_to_viewer": "返回查看页面",
+  "Link_title": "链接标题",
+  "Local_draft": "本地草稿",
+  "Use_draft": "使用草稿",
+  "Delete_draft": "删除草稿",
+  "You_have_an_unsaved_draft_do_you_like_to_use_it": "有未保存的草稿，使用草稿吗？",
+  "Local_draft_saved": "本地草稿已保存",
+  "New_draft": "创建草稿",
+  "View_draft": "查看草稿",
+  "Publish": "发布",
+  "This_file_has_a_draft": "这个文件有一个草稿.",
+  "Delete": "删除",
+  "Comments": "评论",
+  "Add_a_comment": "增加评论",
+  "No_comment_yet": "还没有评论",
+  "Mark_as_resolved": "标记为已解决",
+  "Ask_for_review": "发起评审",
+  "Review_already_exists": "评审已存在",
+  "View_review": "查看评审",
+  "There_is_an_associated_review_with_this_file": "有一个与此文件相关联的评审。",
+  "Start_review": "开始评审",
+  "This_file_is_in_draft_stage": "该文件处于草稿阶段。",
+  "This_file_is_in_review_stage": "该文件处于评审阶段。",
+  "This_file_has_been_updated": "这个文件已被修改。",
+  "Refresh": "刷新",
+  "Related_files": "相关文件",
+  "Related_file": "相关文件",
+  "No_tags": "没有标签",
+  "Date": "日期",
+  "Participants": "参与人",
+  "Meeting_note": "会议记录",
+  "Chooser_document_type": "选择文档类型",
+  "Empty": "暂无",
+  "No_related_files": "没有相关文件",
+  "Outline": "目录",
+  "No_outline": "没有大纲",
+  "Editing_files_in_this_browser_can_lead_to_slight_display_problems": "在此浏览器中，编辑文件可能导致轻微的显示问题。",
+  "No_document_improvement_suggestion": "没有文档改进建议",
+  "Hide_side_panel": "隐藏侧旁栏",
+  "Show_side_panel": "显示侧旁栏",
+  "Show_resolved_comments": "显示已解决的评论",
+  "Update": "更新",
+  "Width": "宽度",
+  "Height": "高度",
+  "Full_screen": "全屏",
+  "Insert_library_image": "插入资料库图片",
+  "Size": "大小",
+  "Location": "位置",
+  "Last_update": "更新时间",
+  "Tags": "标签",
+  "Add_participants": "添加参与人",
+  "Clear_format": "清除格式",
+  "Image_address_invalid": "图片地址不正确",
+  "Shortcut_help": "快捷键帮助",
+  "Link_address_required": "链接地址是必填项。",
+  "Link_address_invalid": "链接地址不合法",
+  "Link_title_required": "链接标题是必填项。",
+  "Blank_title_not_allowed": "不允许空白标题",
+  "userHelp": {
+    "title": "键盘快捷键",
+    "userHelpData": [
+      {
+        "shortcutType": "列表快捷键",
+        "shortcutData": {
+          "Make_list": "生成列表",
+          "Make_ordered_list": "生成有序列表",
+          "Insert_new_item": "插入列表项",
+          "Insert_child_in_item": "插入新段落",
+          "Increase_depth": "增加列表项深度"
+        }
+      },
+      {
+        "shortcutType": "标题快捷键",
+        "shortcutData": {
+          "Heading_1": "一级标题",
+          "Heading_2": "二级标题",
+          "Heading_3": "三级标题",
+          "Heading_4": "四级标题",
+          "Heading_5": "五级标题",
+          "Heading_6": "六级标题"
+        }
+      },
+      {
+        "shortcutType": "代码块快捷键",
+        "shortcutData": {
+          "Make_code_block": "生成代码块",
+          "Insert_new_line": "插入行",
+          "Escape_code_block": "退出代码块",
+          "Insert_indent": "缩进"
+        }
+      },
+      {
+        "shortcutType": "引用快捷键",
+        "shortcutData": {
+          "Make_block_quote": "生成引用",
+          "Escape_block_quote": "退出引用"
+        }
+      },
+      {
+        "shortcutType": "表格快捷键",
+        "shortcutData": {
+          "Insert_table_row": "插入行",
+          "Escape_table": "退出表格"
+        }
+      },
+      {
+        "shortcutType": "公式快捷键",
+        "shortcutData": {
+          "Insert_formula": "插入公式"
+        }
+      },
+      {
+        "shortcutType": "行级操作",
+        "shortcutData": {
+          "Bold": "粗体",
+          "Italic": "斜体",
+          "Italic_bold": "斜体加粗",
+          "Inline_code": "行内代码"
+        }
+      },
+      {
+        "shortcutType": "文件保存",
+        "shortcutData": {
+          "Save_file": "保存文件"
+        }
+      },
+      {
+        "shortcutType": "图片操作",
+        "shortcutData": {
+          "Paste_screen_shot": "上传截图",
+          "Drag_image_from_anywhere_to_upload_it": "拖拽任意图片上传"
+        }
+      }
+    ]
+  },
+  "Select_field": "选中字段",
+  "Font_style": "字体样式",
+  "Open_link": "打开链接",
+  "Image_is_uploading": "图片正在上传",
+  "Image_loading_failed": "图片加载失败",
+  "Expand_editor": "展开编辑器",
+  "Insert_below": "在下方插入",
+  "Insert_above": "在上方插入",
+  "Insert_on_the_right": "在右侧插入",
+  "Insert_on_the_left": "在左侧插入",
+  "Row(s)": "行",
+  "Column(s)": "列"
+}