@seafile/sdoc-editor 1.0.27 → 1.0.28-alpha.0

package/dist/basic-sdk/comment/components/global-comment/index.js

@@ -1,5 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import dayjs from 'dayjs';
 import EventBus from '../../../utils/event-bus';
 import useCommentList from '../../hooks/comment-hooks/use-comment-list';

package/dist/basic-sdk/comment/utils/index.js

@@ -31,7 +31,7 @@ export const searchCollaborators = (collaborators, searchValue) => {
 };
 
 // Mailto, file, tel, callto, sms, cid, xmpp, etc. are not support
-const ALLOWED_URL_REG = /((http|https):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|])/g;
+// const ALLOWED_URL_REG = /((http|https):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|])/g;
 // export const textToHtml = (text) => {
 //   if (!text) return '';
 //   return text.replace(ALLOWED_URL_REG, '<a href="$1" target="_blank" class=' + COMMENT_URL_CLASSNAME + '>$1</a>');

package/dist/basic-sdk/editor/comment-article.js

@@ -1,7 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React, { useCallback, useMemo } from 'react';
 import { Editable, ReactEditor, Slate } from '@seafile/slate-react';
-import { Editor, Node, Range } from '@seafile/slate';
+import { Editor, Node } from '@seafile/slate';
 import isHotkey from 'is-hotkey';
 import scrollIntoView from 'scroll-into-view-if-needed';
 import { renderLeaf } from '../extension';

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

@@ -64,7 +64,7 @@ export const MENUS_CONFIG_MAP = {
   [CHECK_LIST_ITEM]: {
     id: CHECK_LIST_ITEM,
     iconClass: 'sdocfont sdoc-check-square',
-    text: 'Check_list_item'
+    text: 'Check_list'
   },
   [CODE_BLOCK]: {
     id: CODE_BLOCK,
@@ -255,7 +255,7 @@ export const SIDE_TRANSFORM_MENUS_CONFIG = [{
   id: CHECK_LIST_ITEM,
   iconClass: 'sdocfont sdoc-check-square',
   type: CHECK_LIST_ITEM,
-  text: 'Check_list_item'
+  text: 'Check_list'
 }, {
   id: BLOCKQUOTE,
   iconClass: 'sdocfont sdoc-quote1',
@@ -315,7 +315,7 @@ export const SIDE_INSERT_MENUS_CONFIG = {
     id: '',
     iconClass: 'sdocfont sdoc-check-square',
     type: CHECK_LIST_ITEM,
-    text: 'Check_list_item'
+    text: 'Check_list'
   },
   [PARAGRAPH]: {
     id: PARAGRAPH,

package/dist/basic-sdk/extension/core/queries/index.js

@@ -451,4 +451,11 @@ export const isCurrentLineEmpty = editor => {
 };
 export const isCurrentLineHasText = node => {
   return Node.string(node).trim() !== '';
+};
+export const isMultiLevelList = listNode => {
+  const {
+    children
+  } = listNode || {};
+  let isMultiLevel = (children === null || children === void 0 ? void 0 : children.find(item => (item === null || item === void 0 ? void 0 : item.children.length) > 1)) ? true : false;
+  return isMultiLevel;
 };

package/dist/basic-sdk/extension/core/utils/index.js

@@ -17,10 +17,10 @@ export const match = (node, path, predicate) => {
   }
   return predicate(node, path);
 };
-export const generateDefaultText = () => {
+export const generateDefaultText = text => {
   return {
     id: slugid.nice(),
-    text: ''
+    text: text || ''
   };
 };
 export const generateDefaultParagraph = () => {
@@ -32,11 +32,12 @@ export const generateDefaultParagraph = () => {
 };
 export const generateEmptyElement = function (type) {
   let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let text = arguments.length > 2 ? arguments[2] : undefined;
   return _objectSpread(_objectSpread({
     id: slugid.nice(),
     type
   }, props), {}, {
-    children: [generateDefaultText()]
+    children: [generateDefaultText(text)]
   });
 };
 export function Placeholder(props) {

package/dist/basic-sdk/extension/plugins/callout/plugin.js

@@ -17,8 +17,7 @@ const withCallout = editor => {
     insertFragment,
     deleteBackward,
     onHotKeyDown,
-    insertData,
-    onCopy
+    insertData
   } = editor;
   const newEditor = editor;
   newEditor.deleteBackward = unit => {

package/dist/basic-sdk/extension/plugins/check-list/helpers.js

@@ -1,6 +1,6 @@
-import { Transforms, Editor, Element } from '@seafile/slate';
-import { CHECK_LIST_ITEM, PARAGRAPH, ELEMENT_TYPE, INSERT_POSITION } from '../../constants';
-import { getSelectedNodeByType, generateEmptyElement } from '../../core';
+import { Transforms, Editor, Element, Node } from '@seafile/slate';
+import { CHECK_LIST_ITEM, PARAGRAPH, ELEMENT_TYPE, INSERT_POSITION, ORDERED_LIST, UNORDERED_LIST } from '../../constants';
+import { getSelectedNodeByType, generateEmptyElement, isMultiLevelList } from '../../core';
 export const isMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   if (editor.selection == null) return true;
@@ -19,7 +19,7 @@ export const isMenuDisabled = (editor, readonly) => {
     } = element;
     if (type === ELEMENT_TYPE.CODE_LINE) return true;
     if (type === ELEMENT_TYPE.CODE_BLOCK) return true;
-    if (type === ELEMENT_TYPE.LIST_ITEM) return true;
+    if ([ORDERED_LIST, UNORDERED_LIST].includes(type) && isMultiLevelList(element)) return true;
     if (type === ELEMENT_TYPE.TABLE) return true;
     if (type === ELEMENT_TYPE.TABLE_ROW) return true;
     if (type === ELEMENT_TYPE.TABLE_CELL) return true;
@@ -33,6 +33,27 @@ export const getCheckListItemType = editor => {
   if (!node) return PARAGRAPH;
   return node.type;
 };
+export const convertToCheck = (editor, listNode, listPath) => {
+  const checkList = [];
+  const {
+    children
+  } = listNode || {};
+  children.forEach(item => {
+    const text = Node.string(item);
+    const checkNode = generateEmptyElement(CHECK_LIST_ITEM, {}, text);
+    checkList.push(checkNode);
+  });
+  Transforms.removeNodes(editor, {
+    at: [listPath[0]]
+  });
+  Transforms.insertNodes(editor, checkList, {
+    at: [listPath[0]]
+  });
+  Transforms.select(editor, {
+    path: [listPath[0], 0],
+    offset: 0
+  });
+};
 export const setCheckListItemType = (editor, newType, insertPosition) => {
   if (insertPosition === INSERT_POSITION.AFTER) {
     const p = generateEmptyElement(PARAGRAPH);
@@ -42,6 +63,14 @@ export const setCheckListItemType = (editor, newType, insertPosition) => {
     });
     Transforms.select(editor, [path[0] + 1]);
   }
+  const path = Editor.path(editor, editor.selection);
+  if (path) {
+    const [targetNode, targetPath] = Editor.node(editor, [path[0]]);
+    if (targetNode && [ORDERED_LIST, UNORDERED_LIST].includes(targetNode === null || targetNode === void 0 ? void 0 : targetNode.type)) {
+      convertToCheck(editor, targetNode, targetPath);
+      return;
+    }
+  }
   Transforms.setNodes(editor, {
     type: newType
   });

package/dist/basic-sdk/extension/plugins/code-block/hover-menu/index.js

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { Input } from 'reactstrap';
 import { useTranslation, withTranslation } from 'react-i18next';
 import Tooltip from '../../../../../components/tooltip';

package/dist/basic-sdk/extension/plugins/list/plugin/shortcut.js

@@ -1,5 +1,5 @@
 import { Editor, Path, Range, Transforms } from '@seafile/slate';
-import { INSERT_POSITION, ORDERED_LIST, PARAGRAPH } from '../../../constants';
+import { ORDERED_LIST, PARAGRAPH } from '../../../constants';
 import { getBeforeText, setListType } from '../helpers';
 import { focusEditor, getLastChild, getPreviousPath } from '../../../core';
 import { generateEmptyListItem } from '../model';

package/dist/basic-sdk/extension/plugins/mention/render-elem/participant-popover.js

@@ -136,7 +136,7 @@ const ParticipantPopover = _ref => {
     setActiveCollaboratorIndex(nextActiveCollaboratorIndex);
   }, [searchedCollaborators, activeCollaboratorIndex]);
   const onSelectCollaborator = useCallback(collaborator => {
-    const [node, path] = getMentionTempIptEntry(editor);
+    const [, path] = getMentionTempIptEntry(editor);
     insertMention(editor, collaborator);
     addParticipants(collaborator.username);
     Transforms.removeNodes(editor, {

package/dist/basic-sdk/extension/plugins/seatable-tables/op-menu/index.css

@@ -1,16 +1,143 @@
-.seatable-op-menu {
+.sdoc-seatable-hover-menu-container {
   position: absolute;
-  padding: 7px;
+  height: 42px;
+  z-index: 101;
+  width: fit-content;
+  max-width: 250px;
+}
+
+.sdoc-seatable-hover-menu-container .hover-menu-container {
   height: 36px;
+  width: 100%;
+  padding: 7px 8px;
   background-color: #fff;
-  border: 1px solid #eee;
-  border-radius: 3px;
-  z-index: 100;
   display: flex;
+  justify-content: space-around;
+  align-items: center;
+  border-radius: 3px;
+  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
+  border: 1px solid #e8e8e8;
+}
+
+.sdoc-seatable-hover-menu-container .hover-menu-container .active {
+  color: #212529;
+  text-decoration: none;
+  background: #f2f2f2;
+}
+
+.sdoc-seatable-hover-menu-container .hover-menu-container .op-item {
+  position: relative;
+  height: 100%;
+  width: 100%;
+  font-size: 12px;
+  color: #212529;
+  border-radius: 2px;
+  text-align: center;
+  line-height: 20px;
+}
+
+.sdoc-seatable-hover-menu-container .sdoc-seatable-hover-operation-item.sdoc-seatable-hover-operation-lang .op-item {
+  padding: 0 5px;
+}
+
+.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-hover-operation-lang .icon-font {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 8px;
+}
+
+.sdoc-seatable-hover-menu-container .sdoc-seatable-hover-operation-item {
+  height: 20px;
+  width: 20px;
+  text-align: center;
+  justify-content: center;
+}
+
+.sdoc-seatable-hover-menu-container .sdoc-seatable-hover-operation-item.sdoc-seatable-hover-operation-lang {
+  width: fit-content;
+}
+
+.sdoc-seatable-hover-menu-container .sdoc-seatable-hover-operation-lang .icon-font {
+  color: #999;
+}
+
+.sdoc-seatable-hover-menu-container .sdoc-seatable-hover-operation-divider {
+  height: 20px;
+  width: 1px;
+  background-color: #e5e5e5;
+  margin: 0 8px;
+}
+
+.sdoc-seatable-hover-menu-container .hover-menu-container .op-item:hover {
+  color: #212529;
+  text-decoration: none;
+  background: #f2f2f2;
 }
 
-.seatable-op-menu .sdocfont {
+.sdoc-seatable-hover-menu-container .icon-font {
   font-size: 12px;
   color: #444;
+}
+
+.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popver {
+  position: absolute;
+  top: 38px;
+  left: 0px;
+  width: 200px;
+  overflow-y: hidden;
+  background-color: #fff;
+  border-radius: 4px;
+  box-shadow: 0 0 5px #ccc;
+  border: 1px solid #dedede;
+}
+
+.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-right-popver {
+  left: 200px
+}
+
+.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popver .tables-list-empty {
+  padding: 10px;
+  width: 100%;
+  font-size: 13px;
+  text-align: center;
+  line-height: 30px;
+  vertical-align: middle;
+}
+
+.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popver .tables-list-ul {
+  list-style: none;
+  overflow-y: auto;
+  max-height: 280px;
+  min-height: 100px;
+  padding: 10px;
+}
+
+.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popver .tables-list-ul .tables-list-li {
+  position: relative;
+  white-space: nowrap;
   cursor: pointer;
+  line-height: 30px;
+  height: 30px;
+  font-size: 13px;
+  padding-left: 12px;
+  display: flex;
+  justify-content: space-between;
+}
+
+.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popver .tables-list-ul .tables-list-li:hover {
+  background-color: #f5f5f5;;
+}
+
+.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popver .tables-list-ul .tables-list-li .active {
+  background-color: #f5f5f5;;
+}
+
+.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popver .tables-list-ul .tables-list-li .li-check-mark {
+  opacity: 0;
+  padding: 0 10px;
+}
+
+.sdoc-seatable-hover-menu-container .hover-menu-container .sdoc-seatable-setting-popver .tables-list-ul .tables-list-li .li-checked {
+  opacity: 1;
 }

package/dist/basic-sdk/extension/plugins/seatable-tables/op-menu/index.js

@@ -1,29 +1,238 @@
-import React, { useCallback, useState } from 'react';
+import React, { useCallback, useState, useEffect, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
 import { ElementPopover } from '../../../commons';
+import Tooltip from '../../../../../components/tooltip';
+import CustomSwitch from '../seatable-settings/custom-switch';
 import TableSettings from '../seatable-settings';
+import { updateSeaTableTable } from '../helpers';
 import './index.css';
-export default function OpMenu(_ref) {
+const TablesList = _ref => {
+  let {
+    tablesData,
+    onSelectTable,
+    selectedTableText
+  } = _ref;
+  const {
+    t
+  } = useTranslation();
+  if (!tablesData.length) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "tables-list-empty"
+    }, /*#__PURE__*/React.createElement("span", null, t('Search_not_found')));
+  }
+  return /*#__PURE__*/React.createElement("ul", {
+    className: "tables-list-ul"
+  }, tablesData.map(item => {
+    return /*#__PURE__*/React.createElement("li", {
+      className: "tables-list-li ".concat(selectedTableText === item.name ? 'active' : ''),
+      id: item._id,
+      key: item._id,
+      onClick: () => {
+        onSelectTable(item);
+      }
+    }, item.name, /*#__PURE__*/React.createElement("span", {
+      className: "li-check-mark ".concat(selectedTableText === item.name ? 'li-checked' : '')
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "sdocfont sdoc-check-mark icon-font"
+    })));
+  }));
+};
+const TablesSettings = _ref2 => {
+  let {
+    settings,
+    updatePageSettings
+  } = _ref2;
+  const {
+    t
+  } = useTranslation();
+  return /*#__PURE__*/React.createElement("div", {
+    className: "tables-list-ul"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "setting-item"
+  }, /*#__PURE__*/React.createElement(CustomSwitch, {
+    checked: settings['show_record_numbers'] === true ? true : false,
+    isLocked: false,
+    title: t('Show_record_numbers'),
+    onPropertiesChanged: value => {
+      updatePageSettings({
+        show_record_numbers: value
+      });
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "setting-item"
+  }, /*#__PURE__*/React.createElement(CustomSwitch, {
+    checked: settings['alternate_color'] === false ? false : true,
+    isLocked: false,
+    title: t('Alternate_color'),
+    onPropertiesChanged: value => {
+      updatePageSettings({
+        alternate_color: value
+      });
+    }
+  })));
+};
+export default function OpMenu(_ref3) {
   let {
     editor,
     element,
     menuPosition
-  } = _ref;
+  } = _ref3;
+  console.log('element', element);
+  const {
+    t
+  } = useTranslation();
+  const timer = useRef(null);
+  const [isShowTableList, setIsShowTablesList] = useState(false);
+  const [selectedTableText, setSelectedTableText] = useState('');
   const [isShowSeaTableSetting, setIsShowSeaTableSetting] = useState(false);
-  const onShowSettings = useCallback(() => {
-    setIsShowSeaTableSetting(true);
+  const [isShowTooltip, setIsShowTooltip] = useState(false);
+  const [tablesData, setTablesData] = useState(editor.tables);
+  useEffect(() => {
+    setIsShowTooltip(true);
   }, []);
-  const onHideSettings = useCallback(() => {
+  useEffect(() => {
+    const {
+      table_id
+    } = element;
+    const table = editor.tables.find(item => item._id === table_id);
+    if (table) {
+      setSelectedTableText(table.name);
+    }
+  }, [editor.tables, element]);
+  const onShowTables = useCallback(e => {
+    e.stopPropagation();
+    setIsShowTablesList(!isShowTableList);
     setIsShowSeaTableSetting(false);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isShowTableList]);
+  const updatePageSettings = useCallback(updateProperties => {
+    if (timer.current) {
+      clearTimeout(timer.current);
+    }
+    timer.current = setTimeout(() => {
+      updateSeaTableTable(editor, updateProperties);
+    }, 300);
+  }, [editor]);
+  const onSelectTable = useCallback(item => {
+    const {
+      name,
+      _id
+    } = item;
+    setSelectedTableText(name);
+    const table = editor.tables.find(item => item._id === _id);
+    updatePageSettings({
+      table_id: _id,
+      filters: [],
+      filter_conjunction: 'And',
+      sorts: [],
+      shown_column_keys: table.columns.map(item => item.key),
+      show_record_numbers: false,
+      alternate_color: true,
+      select_column_display_option_color: true
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor]);
+  const onFilter = useCallback(table => {
+    console.log('filter');
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const onSort = useCallback(table => {
+    console.log('onSort');
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  const onHiddenColumn = useCallback(table => {
+    console.log('onHiddenColumn');
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const onSettings = useCallback(table => {
+    console.log('onSettings');
+    setIsShowSeaTableSetting(!isShowSeaTableSetting);
+    setIsShowTablesList(false);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isShowSeaTableSetting]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ElementPopover, null, /*#__PURE__*/React.createElement("div", {
-    className: "seatable-op-menu",
+    className: "sdoc-seatable-hover-menu-container",
     style: menuPosition
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "sdocfont sdoc-settings",
-    onClick: onShowSettings
-  }))), isShowSeaTableSetting && /*#__PURE__*/React.createElement(TableSettings, {
-    editor: editor,
-    element: element,
-    onHideSettings: onHideSettings
-  }));
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "hover-menu-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-seatable-hover-operation-item sdoc-seatable-hover-operation-lang"
+  }, /*#__PURE__*/React.createElement("div", {
+    role: "button",
+    className: "op-item ".concat(isShowTableList ? 'active' : ''),
+    onClick: onShowTables
+  }, /*#__PURE__*/React.createElement("span", null, selectedTableText), /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-drop-down icon-font"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-seatable-hover-operation-divider"
+  }), /*#__PURE__*/React.createElement("div", {
+    id: "sdoc_seatable_filter",
+    className: "sdoc-seatable-hover-operation-item"
+  }, /*#__PURE__*/React.createElement("div", {
+    role: "button",
+    className: "op-item",
+    onClick: onFilter
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-filter1 icon-font"
+  })), isShowTooltip && /*#__PURE__*/React.createElement(Tooltip, {
+    target: "sdoc_seatable_filter",
+    placement: "top",
+    fade: true
+  }, t('filter'))), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-seatable-hover-operation-divider"
+  }), /*#__PURE__*/React.createElement("div", {
+    id: "sdoc_seatable_sort",
+    className: "sdoc-seatable-hover-operation-item"
+  }, /*#__PURE__*/React.createElement("div", {
+    role: "button",
+    className: "op-item",
+    onClick: onSort
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-sort icon-font"
+  })), isShowTooltip && /*#__PURE__*/React.createElement(Tooltip, {
+    target: "sdoc_seatable_sort",
+    placement: "top",
+    fade: true
+  }, t('sort'))), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-seatable-hover-operation-divider"
+  }), /*#__PURE__*/React.createElement("div", {
+    id: "sdoc_seatable_hidden_column",
+    className: "sdoc-seatable-hover-operation-item"
+  }, /*#__PURE__*/React.createElement("div", {
+    role: "button",
+    className: "op-item",
+    onClick: onHiddenColumn
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-eye-slash icon-font"
+  })), isShowTooltip && /*#__PURE__*/React.createElement(Tooltip, {
+    target: "sdoc_seatable_hidden_column",
+    placement: "top",
+    fade: true
+  }, t('hidden'))), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-seatable-hover-operation-divider"
+  }), /*#__PURE__*/React.createElement("div", {
+    id: "sdoc_seatable_settings",
+    className: "sdoc-seatable-hover-operation-item"
+  }, /*#__PURE__*/React.createElement("div", {
+    role: "button",
+    className: "op-item",
+    onClick: onSettings
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-set-up icon-font"
+  })), isShowTooltip && /*#__PURE__*/React.createElement(Tooltip, {
+    target: "sdoc_seatable_settings",
+    placement: "top",
+    fade: true
+  }, t('setting'))), isShowTableList && /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-seatable-setting-popver"
+  }, /*#__PURE__*/React.createElement(TablesList, {
+    tablesData: tablesData,
+    onSelectTable: onSelectTable,
+    selectedTableText: selectedTableText
+  })), isShowSeaTableSetting && /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-seatable-setting-popver sdoc-seatable-setting-right-popver"
+  }, /*#__PURE__*/React.createElement(TablesSettings, {
+    settings: element,
+    updatePageSettings: updatePageSettings
+  }))))));
 }

package/dist/basic-sdk/extension/plugins/seatable-tables/render-element/index.css

@@ -6,7 +6,7 @@
 }
 
 .seatable-view-container.selected {
-  border: 1px solid red;
+  border: 2px solid #007BFF;
 }
 
 .seatable-view-container .seatable-view-records {

package/dist/basic-sdk/extension/plugins/seatable-tables/render-element/seatable-table.js

@@ -130,7 +130,7 @@ function SeaTableTable(_ref) {
         top,
         left
       } = seaTableRef.current.getBoundingClientRect();
-      const menuTop = top - 36; // top = top distance - menu height
+      const menuTop = top - 42; // top = top distance - menu height
       const newMenuPosition = {
         top: menuTop,
         left: left // left = code-block left distance
@@ -164,7 +164,7 @@ function SeaTableTable(_ref) {
       top,
       left
     } = seaTableRef.current.getBoundingClientRect();
-    const menuTop = top - 36; // top = top distance - menu height
+    const menuTop = top - 42; // top = top distance - menu height
     const newMenuPosition = {
       top: menuTop,
       left: left // left = callout left distance

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

@@ -15,7 +15,6 @@
 .sdoc-table-alignment-menu .sdoc-dropdown-menu-item .sdoc-check-mark {
     display: none;
     font-size: 16px !important;
-    color: #6f59ff;
 }
 .sdoc-table-alignment-menu .sdoc-dropdown-menu-item .sdoc-check-mark.active {
     display: inline;

package/dist/basic-sdk/extension/toolbar/side-toolbar/helpers.js

@@ -3,12 +3,13 @@ import slugid from 'slugid';
 import { ReactEditor } from '@seafile/slate-react';
 import copy from 'copy-to-clipboard';
 import { toggleList } from '../../plugins/list/transforms';
-import { generateEmptyElement } from '../../core';
+import { generateEmptyElement, findPath, isMultiLevelList } from '../../core';
 import { generateEmptyList } from '../../plugins/list/model';
 import { setClipboardCodeBlockData } from '../../plugins/code-block/helpers';
 import { ORDERED_LIST, UNORDERED_LIST, PARAGRAPH, CHECK_LIST_ITEM, IMAGE, TABLE, CODE_BLOCK, BLOCKQUOTE, LIST_ITEM_CORRELATION_TYPE, ADD_POSITION_OFFSET_TYPE, INSERT_POSITION, ELEMENT_TYPE, CALL_OUT } from '../../constants';
 import { EMPTY_SELECTED_RANGE } from '../../plugins/table/constants';
 import { unwrapCallout, wrapCallout } from '../../plugins/callout/helper';
+import { convertToCheck } from '../../plugins/check-list/helpers';
 import { getHeaderHeight } from '../../../utils/dom-utils';
 export const onSetNodeType = (editor, element, type) => {
   if (!type) return;
@@ -21,6 +22,12 @@ export const onSetNodeType = (editor, element, type) => {
     return;
   }
   if (type === CHECK_LIST_ITEM) {
+    const path = findPath(editor, element);
+    const [targetNode, targetPath] = Editor.node(editor, [path[0]]) || [];
+    if (targetNode && [ORDERED_LIST, UNORDERED_LIST].includes(targetNode === null || targetNode === void 0 ? void 0 : targetNode.type) && !isMultiLevelList(targetNode)) {
+      convertToCheck(editor, targetNode, targetPath);
+      return;
+    }
     const newType = element.type === CHECK_LIST_ITEM ? PARAGRAPH : CHECK_LIST_ITEM;
     Transforms.setNodes(editor, {
       type: newType

package/dist/basic-sdk/extension/toolbar/side-toolbar/transform-menus.js

@@ -3,8 +3,9 @@ import { UncontrolledPopover } from 'reactstrap';
 import { withTranslation } from 'react-i18next';
 import { ReactEditor, useSlateStatic } from '@seafile/slate-react';
 import { onSetNodeType } from './helpers';
-import { SIDE_TRANSFORM_MENUS_CONFIG, LIST_ITEM_SUPPORTED_TRANSFORMATION, LIST_ITEM_CORRELATION_TYPE, BLOCKQUOTE, CALL_OUT, HEADERS } from '../../constants';
+import { SIDE_TRANSFORM_MENUS_CONFIG, LIST_ITEM_SUPPORTED_TRANSFORMATION, LIST_ITEM_CORRELATION_TYPE, BLOCKQUOTE, CALL_OUT, HEADERS, ORDERED_LIST, UNORDERED_LIST, CHECK_LIST_ITEM } from '../../constants';
 import DropdownMenuItem from '../../commons/dropdown-menu-item';
+import { isMultiLevelList } from '../../core';
 const TransformMenus = _ref => {
   let {
     target,
@@ -37,6 +38,11 @@ const TransformMenus = _ref => {
       if (HEADERS.includes(highestNode.type)) {
         newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== BLOCKQUOTE);
       }
+
+      // Multi-level list items cannot be converted to checks
+      if ([ORDERED_LIST, UNORDERED_LIST].includes(highestNode.type) && isMultiLevelList(highestNode)) {
+        newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== CHECK_LIST_ITEM);
+      }
     }
     return newSideMenusConfig;
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "1.0.27",
+  "version": "1.0.28-alpha.0",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",

package/public/locales/en/sdoc-editor.json

@@ -16,7 +16,7 @@
   "Quote": "Quote",
   "Ordered_list": "Ordered list",
   "Unordered_list": "Unordered list",
-  "Check_list_item": "Check list item",
+  "Check_list": "Check list",
   "Insert_image": "Insert image",
   "Insert_formula": "Insert formula",
   "Formula": "Formula",

package/public/locales/ru/sdoc-editor.json

@@ -16,7 +16,7 @@
   "Quote": "Цитата",
   "Ordered_list": "Нумерованный список",
   "Unordered_list": "Маркированный список",
-  "Check_list": "Check list",
+  "Check_list": "Контрольный список",
   "Insert_image": "Вставить изображение",
   "Insert_formula": "Вставить формулу",
   "Formula": "Формула",

package/public/media/sdoc-editor-font/iconfont.svg

@@ -14,6 +14,14 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="sdoc-sort" unicode="&#58996;" d="M294.4 790.4l201.6-204.8c19.2-19.2 19.2-51.2 0-73.6-19.2-19.2-51.2-19.2-70.4 0L320 620.8v-604.8c0-25.6-22.4-48-48-48S224-9.6 224 16V620.8L118.4 512c-19.2-19.2-48-19.2-67.2-3.2l-3.2 3.2c-19.2 19.2-19.2 51.2 0 73.6l201.6 204.8c12.8 12.8 32 12.8 44.8 0zM752 800c25.6 0 48-22.4 48-48v-604.8l105.6 108.8c19.2 19.2 51.2 19.2 70.4 0 19.2-19.2 19.2-51.2 0-73.6l-201.6-204.8c-12.8-12.8-32-12.8-44.8 0l-201.6 204.8c-19.2 19.2-19.2 51.2 0 73.6l3.2 3.2c19.2 16 48 16 67.2-3.2l105.6-108.8V752c0 25.6 22.4 48 48 48z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-set-up" unicode="&#58997;" d="M598.52384 809.6l12.8-92.8 6.4-38.4 35.2-16c12.8-6.4 28.8-16 41.6-25.6l32-19.2 35.2 12.8 92.8 35.2 86.4-140.8-76.8-54.4-32-25.6 3.2-38.4v-44.8l-3.2-38.4 32-25.6 76.8-57.6-83.2-140.8-92.8 35.2-35.2 12.8-32-19.2c-12.8-9.6-28.8-19.2-41.6-25.6l-35.2-16-6.4-38.4-12.8-92.8h-172.8l-12.8 92.8-6.4 38.4-35.2 16c-12.8 6.4-28.8 16-41.6 25.6l-32 19.2-35.2-12.8-92.8-35.2-86.4 140.8L160.12384 297.6l32 25.6-3.2 38.4V384v22.4l3.2 38.4-32 25.6-76.8 57.6 83.2 140.8 92.8-35.2 35.2-12.8 32 19.2c12.8 9.6 28.8 19.2 41.6 25.6l35.2 16 6.4 38.4 12.8 92.8h176m12.8 83.2H416.12384c-32 0-57.6-22.4-60.8-51.2l-16-105.6c-19.2-9.6-35.2-19.2-54.4-32L182.52384 748.8c-9.6 3.2-16 3.2-22.4 3.2-22.4 0-41.6-9.6-54.4-28.8L6.52384 560c-12.8-28.8-6.4-60.8 16-80l86.4-67.2c0-9.6-3.2-22.4-3.2-28.8 0-9.6 0-19.2 3.2-28.8L22.52384 288c-22.4-19.2-28.8-51.2-16-76.8l96-163.2c9.6-19.2 32-32 54.4-32 6.4 0 12.8 0 22.4 3.2l102.4 41.6c16-12.8 35.2-22.4 54.4-28.8l16-105.6c3.2-28.8 28.8-51.2 60.8-51.2H608.12384c32 0 57.6 22.4 60.8 51.2l16 105.6c19.2 9.6 35.2 19.2 54.4 28.8l102.4-41.6c6.4-3.2 16-3.2 22.4-3.2 22.4 0 41.6 9.6 54.4 28.8l99.2 166.4c16 25.6 9.6 57.6-16 76.8l-86.4 67.2c0 9.6 3.2 19.2 3.2 28.8s0 22.4-3.2 28.8l86.4 67.2c22.4 19.2 28.8 51.2 16 76.8l-96 163.2c-9.6 19.2-32 32-54.4 32-6.4 0-12.8 0-22.4-3.2l-102.4-41.6c-16 12.8-35.2 22.4-54.4 28.8L672.12384 844.8C665.72384 873.6 640.12384 896 611.32384 896zM512.12384 512c70.4 0 128-57.6 128-128s-57.6-128-128-128-128 57.6-128 128 57.6 128 128 128m0 86.4a214.4 214.4 0 1 1 0-428.8 214.4 214.4 0 0 1 0 428.8z"  horiz-adv-x="1026" />
+      
+      <glyph glyph-name="sdoc-filter1" unicode="&#58994;" d="M617.6 160c28.8 0 54.4-22.4 54.4-48s-22.4-48-54.4-48h-214.4c-28.8 0-54.4 22.4-54.4 48s22.4 48 54.4 48h214.4z m169.6 272c25.6 0 44.8-22.4 44.8-48s-19.2-48-44.8-48H236.8c-25.6 0-44.8 22.4-44.8 48s19.2 48 44.8 48h550.4z m236.8 224c0-25.6-22.4-48-48-48h-928C22.4 608 0 630.4 0 656S22.4 704 48 704h931.2c22.4 0 44.8-22.4 44.8-48z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-eye-slash" unicode="&#58995;" d="M83.84448 790.4l156.8-124.8c73.6 57.6 166.4 99.2 275.2 99.2 134.4 0 243.2-64 320-137.6 76.8-73.6 131.2-163.2 153.6-224 6.4-12.8 6.4-28.8 0-41.6-22.4-51.2-64-124.8-124.8-192l140.8-112c19.2-16 22.4-44.8 6.4-67.2-16-19.2-48-22.4-67.2-6.4l-928 736C-2.55552 736-5.75552 764.8 10.24448 787.2s51.2 19.2 73.6 3.2z m32-256l73.6-60.8c-25.6-35.2-44.8-70.4-57.6-96 22.4-51.2 64-121.6 128-179.2 67.2-64 153.6-112 256-112 44.8 0 86.4 9.6 124.8 22.4l76.8-64c-57.6-32-124.8-51.2-201.6-51.2-134.4 0-243.2 64-320 137.6-76.8 73.6-131.2 163.2-153.6 224-6.4 12.8-6.4 28.8 0 41.6 12.8 41.6 38.4 89.6 73.6 137.6z m185.6-153.6l112-89.6c12.8-16 25.6-25.6 44.8-35.2l112-89.6c-19.2-3.2-35.2-6.4-54.4-6.4-118.4 0-214.4 99.2-214.4 220.8z m214.4 288c-76.8 0-144-25.6-198.4-64l67.2-51.2c35.2 28.8 80 44.8 131.2 44.8 118.4 0 214.4-99.2 214.4-220.8 0-32-6.4-60.8-19.2-89.6l86.4-70.4c48 54.4 83.2 112 102.4 153.6-22.4 51.2-64 121.6-128 179.2-64 67.2-150.4 118.4-256 118.4z m0-153.6h-3.2c3.2-9.6 3.2-19.2 3.2-28.8 0-12.8-3.2-25.6-6.4-38.4l134.4-108.8c3.2 12.8 3.2 22.4 3.2 35.2 3.2 80-57.6 140.8-131.2 140.8z"  horiz-adv-x="1027" />
+      
       <glyph glyph-name="sdoc-settings" unicode="&#58993;" d="M976 467.2c3.2-3.2 3.2-3.2 3.2-9.6L976 326.4c0-3.2-3.2-12.8-9.6-12.8l-108.8-38.4c-3.2-12.8-12.8-28.8-19.2-41.6l51.2-102.4c0-3.2 0-12.8-3.2-19.2l-96-96c-3.2-3.2-12.8-9.6-19.2-3.2L668.8 64c-12.8-9.6-28.8-12.8-41.6-19.2L588.8-64c0-3.2-3.2-9.6-12.8-9.6H444.8c-3.2 0-12.8 3.2-12.8 9.6l-38.4 108.8c-12.8 3.2-28.8 12.8-41.6 19.2l-102.4-51.2c-3.2 0-12.8 0-19.2 3.2l-96 96c-6.4 0-12.8 9.6-6.4 16l51.2 102.4c-9.6 12.8-12.8 28.8-19.2 41.6L51.2 310.4c-3.2 0-9.6 3.2-9.6 12.8V454.4c0 3.2 3.2 12.8 9.6 12.8L160 508.8c3.2 12.8 9.6 28.8 19.2 41.6L128 656c-6.4 6.4-6.4 12.8 0 12.8l96 96c3.2 9.6 9.6 9.6 16 3.2l102.4-51.2c12.8 9.6 28.8 12.8 41.6 19.2l38.4 112c0 3.2 3.2 9.6 12.8 9.6h128c3.2 0 12.8-3.2 12.8-9.6l38.4-108.8c12.8-3.2 28.8-12.8 41.6-19.2l102.4 51.2c3.2 0 12.8 0 19.2-3.2l96-96c3.2-3.2 9.6-12.8 3.2-19.2l-51.2-102.4c9.6-12.8 12.8-28.8 19.2-41.6L976 467.2zM566.4 614.4c-176 48-329.6-108.8-288-288 19.2-76.8 86.4-140.8 160-160 176-48 329.6 108.8 288 288-19.2 80-80 140.8-160 160z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="sdoc-seatable-table" unicode="&#58991;" d="M384 896c35.2 0 64-28.8 64-64v-320c0-35.2-28.8-64-64-64H64c-35.2 0-64 28.8-64 64V832C0 867.2 28.8 896 64 896h320z m-32-96H96v-256h256V800z m608 96c35.2 0 64-28.8 64-64v-320c0-35.2-28.8-64-64-64H640c-35.2 0-64 28.8-64 64V832c0 35.2 28.8 64 64 64h320z m-32-96h-256v-256h256V800zM384 320c35.2 0 64-28.8 64-64v-320c0-35.2-28.8-64-64-64H64c-35.2 0-64 28.8-64 64V256c0 35.2 28.8 64 64 64h320z m-32-96H96v-256h256v256z m608 96c35.2 0 64-28.8 64-64v-320c0-35.2-28.8-64-64-64H640c-35.2 0-64 28.8-64 64V256c0 35.2 28.8 64 64 64h320z m-32-96h-256v-256h256v256z"  horiz-adv-x="1024" />

package/public/media/sdoc-editor-font.css

@@ -1,14 +1,11 @@
 @font-face {
-  font-family: "sdocfont";
-  /* Project id 4097705 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1719382079268');
-  /* IE9 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1719382079268#iefix') format('embedded-opentype'),
-    /* IE6-IE8 */
-    url('./sdoc-editor-font/iconfont.woff2?t=1719382079268') format('woff2'),
-    url('./sdoc-editor-font/iconfont.woff?t=1719382079268') format('woff'),
-    url('./sdoc-editor-font/iconfont.ttf?t=1719382079268') format('truetype'),
-    url('./sdoc-editor-font/iconfont.svg?t=1719382079268#sdocfont') format('svg');
+  font-family: "sdocfont"; /* Project id 4097705 */
+  src: url('./sdoc-editor-font/iconfont.eot?t=1721201136436'); /* IE9 */
+  src: url('./sdoc-editor-font/iconfont.eot?t=1721201136436#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('./sdoc-editor-font/iconfont.woff2?t=1721201136436') format('woff2'),
+       url('./sdoc-editor-font/iconfont.woff?t=1721201136436') format('woff'),
+       url('./sdoc-editor-font/iconfont.ttf?t=1721201136436') format('truetype'),
+       url('./sdoc-editor-font/iconfont.svg?t=1721201136436#sdocfont') format('svg');
 }
 
 .sdocfont {
@@ -19,6 +16,22 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.sdoc-sort:before {
+  content: "\e674";
+}
+
+.sdoc-set-up:before {
+  content: "\e675";
+}
+
+.sdoc-filter1:before {
+  content: "\e672";
+}
+
+.sdoc-eye-slash:before {
+  content: "\e673";
+}
+
 .sdoc-settings:before {
   content: "\e671";
 }
@@ -466,3 +479,4 @@
 .sdoc-user:before {
   content: "\e629";
 }
+