@seafile/sdoc-editor 1.0.39 → 1.0.41-alpha.0

package/dist/basic-sdk/assets/css/dropdown-menu.css

@@ -4,6 +4,8 @@
 }
 
 .sdoc-dropdown-menu .sdoc-seatable-selected-table-list-wrapper {
+  position: absolute;
+  background-color: #ffff;
   max-height: 300px;
   overflow: auto;
 }

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

@@ -17,7 +17,8 @@ const withCallout = editor => {
     insertFragment,
     deleteBackward,
     onHotKeyDown,
-    insertData
+    insertData,
+    onCopy
   } = editor;
   const newEditor = editor;
   newEditor.deleteBackward = unit => {
@@ -105,6 +106,7 @@ const withCallout = editor => {
     if (getCalloutEntry(editor)) {
       event.stopPropagation();
     }
+    return onCopy(event);
   };
   return newEditor;
 };

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

@@ -1,4 +1,4 @@
-import React, { useMemo, useCallback } from 'react';
+import React, { useMemo, useCallback, useRef, useEffect, useState } from 'react';
 import { COLUMNS_ICON_CONFIG } from '../constants/column';
 import { insertSeaTableColumn, getColumnType } from '../helpers';
 import { COLUMN } from '../../../constants/element-type';
@@ -9,7 +9,21 @@ export default function ColumnListMenu(_ref) {
     editor,
     insertPosition
   } = _ref;
-  const computedBottom = insertPosition ? '0px' : '';
+  const columnRef = useRef(null);
+  const [computedStyle, setComputedStyle] = useState({});
+  useEffect(() => {
+    if (insertPosition) {
+      setComputedStyle({
+        bottom: '0px'
+      });
+    }
+    if (!insertPosition && (columnRef === null || columnRef === void 0 ? void 0 : columnRef.current)) {
+      const centerPosition = parseInt(columnRef.current.getBoundingClientRect().height / 2);
+      setComputedStyle({
+        top: "-".concat(centerPosition, "px")
+      });
+    }
+  }, [insertPosition]);
   const columns = useMemo(() => {
     if (!editor.columns) return [];
     return editor.columns.filter(column => !NOT_SUPPORT_COLUMN_TYPES.includes(column.type));
@@ -32,10 +46,9 @@ export default function ColumnListMenu(_ref) {
     insertSeaTableColumn(editor, active, option, insertPosition);
   }, [editor, insertPosition]);
   return /*#__PURE__*/React.createElement("div", {
+    ref: columnRef,
     className: "column-list-menu",
-    style: {
-      bottom: computedBottom
-    }
+    style: computedStyle
   }, options.map(option => {
     return /*#__PURE__*/React.createElement("div", {
       key: option.value,

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

@@ -1,8 +1,9 @@
-import React, { useCallback } from 'react';
+import React, { useCallback, useRef } from 'react';
 import { UncontrolledPopover } from 'reactstrap';
 import { insertSeaTableTable, isInsertSeaTableTableDisabled } from '../helpers';
 import { MENUS_CONFIG_MAP, SEATABLE_TABLE } from '../../../constants';
 import DropdownMenuItem from '../../../commons/dropdown-menu-item';
+import SeaTableList from './seatable-list';
 import './index.css';
 const SeaTableTableMenu = _ref => {
   let {
@@ -10,10 +11,9 @@ const SeaTableTableMenu = _ref => {
     readonly,
     insertPosition
   } = _ref;
+  const seatableRef = useRef(null);
   const disabled = isInsertSeaTableTableDisabled(editor, readonly);
   const menuConfig = MENUS_CONFIG_MAP[SEATABLE_TABLE];
-  const computedBottom = insertPosition ? '0px' : '';
-  const tables = editor.tables;
   const onViewClick = useCallback(item => {
     insertSeaTableTable(editor, item, insertPosition);
   }, [editor, insertPosition]);
@@ -29,18 +29,13 @@ const SeaTableTableMenu = _ref => {
     className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-sub-dropdown-menu",
     placement: "right-start",
     hideArrow: true,
-    fade: false
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-dropdown-menu-container sdoc-seatable-selected-table-list-wrapper",
-    style: {
-      bottom: computedBottom
-    }
-  }, tables.map(item => {
-    return /*#__PURE__*/React.createElement("div", {
-      key: item._id,
-      className: "sdoc-dropdown-menu-item",
-      onClick: () => onViewClick(item)
-    }, item.name);
-  })))));
+    fade: false,
+    ref: seatableRef
+  }, /*#__PURE__*/React.createElement(SeaTableList, {
+    editor: editor,
+    readonly: readonly,
+    insertPosition: insertPosition,
+    onViewClick: onViewClick
+  }))));
 };
 export default SeaTableTableMenu;

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

@@ -0,0 +1,37 @@
+import React, { useState, useEffect, useRef } from 'react';
+const SeaTableList = _ref => {
+  let {
+    editor,
+    insertPosition,
+    onViewClick
+  } = _ref;
+  const seatableRef = useRef(null);
+  const [computedStyle, setComputedStyle] = useState({});
+  const tables = editor.tables;
+  useEffect(() => {
+    if (insertPosition) {
+      setComputedStyle({
+        bottom: '0px'
+      });
+    }
+    if (!insertPosition && (seatableRef === null || seatableRef === void 0 ? void 0 : seatableRef.current)) {
+      const centerPosition = parseInt(seatableRef.current.getBoundingClientRect().height / 2);
+      // 30 is seatable menu height
+      setComputedStyle({
+        top: "-".concat(centerPosition + 30, "px")
+      });
+    }
+  }, [insertPosition]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: seatableRef,
+    className: "sdoc-dropdown-menu-container sdoc-seatable-selected-table-list-wrapper",
+    style: computedStyle
+  }, tables.map(item => {
+    return /*#__PURE__*/React.createElement("div", {
+      key: item._id,
+      className: "sdoc-dropdown-menu-item",
+      onClick: () => onViewClick(item)
+    }, item.name);
+  }));
+};
+export default SeaTableList;

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

@@ -10,7 +10,7 @@ import { ORDERED_LIST, UNORDERED_LIST, PARAGRAPH, CHECK_LIST_ITEM, IMAGE, TABLE,
 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';
+import { WIKI_EDITOR } from '../../../constants';
 export const onSetNodeType = (editor, element, type) => {
   if (!type) return;
   if (type === CALL_OUT) {
@@ -92,18 +92,29 @@ export const onDeleteNode = (editor, element) => {
     at: path
   });
 };
-export const getDomTopHeight = (editor, dom, slateNode) => {
-  const rect = dom.getBoundingClientRect();
+export const getTopValue = (editor, dom, containerDom, slateNode) => {
+  if (!dom) return 0;
+  if (!containerDom) return 0;
+  const currentRect = dom.getBoundingClientRect();
+  let containerRect = containerDom.getBoundingClientRect();
+  let headerHeight = 0;
+  if (editor.editorType === WIKI_EDITOR) {
+    const titleDom = document.getElementById('wiki-page-title');
+    const coverDom = document.getElementById('wiki-page-cover');
+    const titleHeight = (titleDom === null || titleDom === void 0 ? void 0 : titleDom.getBoundingClientRect().height) || 0;
+    const coverHeight = (coverDom === null || coverDom === void 0 ? void 0 : coverDom.getBoundingClientRect().height) || 0;
+    headerHeight = titleHeight + coverHeight;
+  }
+  const top = currentRect.y - containerRect.y + containerDom.scrollTop;
   let offsetY = 0;
-  const iconOffset = 4; // ensure icon is in the middle of the line
-  const headerHeight = getHeaderHeight(editor);
-  const paddingTop = parseFloat(window.getComputedStyle(dom).getPropertyValue('padding-top'));
+  let paddingTop = parseFloat(window.getComputedStyle(dom).getPropertyValue('padding-top'));
   const lineHeight = parseFloat(window.getComputedStyle(dom).getPropertyValue('line-height'));
-  const disToolBarHeight = 12; // side toolbar icon is 12 px
+  const disToolBarHeight = 21; // side toolbar icon line-height is 21
   if (ADD_POSITION_OFFSET_TYPE.includes(slateNode.type)) {
+    paddingTop = slateNode.type === CHECK_LIST_ITEM ? 5 : paddingTop;
     offsetY = lineHeight / 2 + paddingTop - disToolBarHeight / 2;
   }
-  return rect.y - headerHeight + offsetY - iconOffset;
+  return top + offsetY - headerHeight;
 };
 export const isVoidNode = node => {
   if (!node) return true;

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

@@ -6,7 +6,7 @@ import SideMenu from './side-menu';
 import EventBus from '../../../utils/event-bus';
 import { useScrollContext } from '../../../hooks/use-scroll-context';
 import { focusEditor } from '../../core';
-import { getDomTopHeight, setSelection, isVoidNode, getNodeEntry, isBlockquote, isList, onWrapListItem } from './helpers';
+import { setSelection, isVoidNode, getNodeEntry, isBlockquote, isList, onWrapListItem, getTopValue } from './helpers';
 import { insertImageFiles } from '../../plugins/image/helpers';
 import { INTERNAL_EVENT, WIKI_EDITOR } from '../../../constants';
 import { CODE_BLOCK, TABLE, BLOCKQUOTE, CHECK_LIST_ITEM, CALL_OUT, TABLE_DRAG_KEY } from '../../constants';
@@ -72,10 +72,9 @@ const SideToolbar = () => {
         dom = dom.parentNode;
       }
       const node = ReactEditor.toSlateNode(editor, dom);
-      const top = getDomTopHeight(editor, dom, node);
       const isEmpty = isVoidNode(node);
-      const offsetY = !editor.editorType ? -1 : 0; // editorType is undefined means sdoc editor
-      const topValue = top + scrollRef.current.scrollTop + offsetY;
+      const containerDom = scrollRef.current;
+      const topValue = getTopValue(editor, dom, containerDom, node);
       if (topValue !== sidePosition.top) setIsMoving(true);
       let left = 20;
       if (editor.editorType === WIKI_EDITOR) {

package/dist/basic-sdk/utils/dom-utils.js

@@ -1,4 +1,3 @@
-import { WIKI_EDITOR, DOCUMENT_PLUGIN_EDITOR } from '../constants';
 export const getDomHeight = dom => {
   const styles = window.getComputedStyle(dom);
   const rect = dom.getBoundingClientRect();
@@ -45,25 +44,4 @@ export const getCursorPosition = function () {
     x: x,
     y: y
   };
-};
-
-/**
- * Get the height of the header of the editor
- * @param {Editor} editor
- * @returns {Number} height of the header
- */
-export const getHeaderHeight = editor => {
-  const {
-    editorType
-  } = editor;
-  switch (editorType) {
-    case WIKI_EDITOR:
-      return (editor === null || editor === void 0 ? void 0 : editor.getHeaderHeight()) || 0;
-    case DOCUMENT_PLUGIN_EDITOR:
-      return 67 + 48 + 49 + 37;
-    default:
-      // sdoc-editor-page-header height = 56
-      // sdoc-editor-toolbar height = 37
-      return 56 + 37;
-  }
 };

package/dist/components/doc-operations/collaborators-operation/index.js

@@ -66,7 +66,7 @@ class CollaboratorsOperation extends React.PureComponent {
       collaborators
     } = this.state;
     return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
-      className: "op-item",
+      className: "op-item collaborators-op-item",
       id: "collaborators"
     }, /*#__PURE__*/React.createElement("i", {
       className: "sdocfont sdoc-user mr-1"

package/dist/components/doc-operations/revision-operations/more-revision-operations/index.css

@@ -1,7 +1,7 @@
 .sdoc-more-revision-operations-dropdown .sdoc-more-revision-operations-toggle {
   width: 66px;
-  height: 30px;
-  border-radius: 15px;
+  height: 28px;
+  border-radius: 14px;
   background-color: #F0F0F0;
   display: flex;
   align-items: center;
@@ -11,7 +11,7 @@
 
 .sdoc-more-revision-operations-dropdown .sdoc-more-revision-operations-toggle:hover {
   cursor: pointer;
-  color: #333;
+  background-color: #E4E4E4;
 }
 
 .sdoc-more-revision-operations-dropdown .sdoc-more-revision-operations-toggle .sdoc-revise {

package/dist/components/doc-operations/revision-operations/revisions/index.css

@@ -1,5 +1,5 @@
 .sdoc-revisions-count {
-  height: 30px;
+  height: 28px;
   width: fit-content;
   border: 1px solid #E5E5E5;
   border-radius: 3px;

package/dist/components/doc-operations/style.css

@@ -4,21 +4,29 @@
 }
 
 .doc-ops .op-item {
-  margin-left: 1rem;
+  margin-left: 10px;
   display: flex;
   align-items: center;
+  justify-content: center;
   position: relative;
   cursor: pointer;
+  width: 28px;
+  height: 28px;
+  border-radius: 3px;
+}
+
+.doc-ops .collaborators-op-item {
+  margin-left: 14px;
 }
 
 .doc-ops .op-item .sdocfont {
-  font-size: 18px;
+  font-size: 16px;
   color: #666;
   cursor: pointer;
 }
 
-.doc-ops .op-item .sdocfont:hover {
-  color: #333;
+.doc-ops .op-item:hover {
+  background-color: #EFEFEF;
   cursor: pointer;
 }
 

package/dist/pages/sdoc-wiki-editor.js

@@ -14,7 +14,6 @@ const SdocWikiEditor = _ref => {
     document,
     docUuid,
     isWikiReadOnly,
-    getHeaderHeight,
     scrollRef
   } = _ref;
   context.initApi();
@@ -37,7 +36,6 @@ const SdocWikiEditor = _ref => {
     newEditor.cursors = cursors || {};
     newEditor.width = PAGE_EDIT_AREA_WIDTH; // default width
     newEditor.editorType = WIKI_EDITOR;
-    newEditor.getHeaderHeight = getHeaderHeight;
     return newEditor;
 
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/package.json

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

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

@@ -212,11 +212,11 @@
       
       <glyph glyph-name="sdoc-more-options" unicode="&#58945;" d="M518.4 624C464 624 416 672 416 729.6S464 832 518.4 832s102.4-48 102.4-102.4-44.8-105.6-102.4-105.6z m0-342.4c-54.4 0-102.4 44.8-102.4 102.4s48 102.4 102.4 102.4 102.4-48 102.4-102.4-44.8-102.4-102.4-102.4z m0-345.6c-54.4 0-102.4 48-102.4 102.4s48 102.4 102.4 102.4 102.4-48 102.4-102.4S576-64 518.4-64z"  horiz-adv-x="1024" />
       
-      <glyph glyph-name="sdoc-comments" unicode="&#58946;" d="M960 896c35.2 0 64-28.8 64-64v-736c0-35.2-28.8-64-64-64h-198.4l-16-121.6c-3.2-16-12.8-28.8-25.6-35.2-6.4-3.2-9.6-3.2-16-3.2-9.6 0-19.2 3.2-28.8 9.6L505.6 32H64c-35.2 0-64 28.8-64 64V832C0 867.2 28.8 896 64 896h896z m-96-128H160c-19.2 0-32-12.8-32-32v-544c0-19.2 12.8-32 32-32h361.6c9.6 0 22.4-3.2 28.8-9.6l124.8-102.4 9.6 76.8c3.2 22.4 22.4 38.4 41.6 35.2H864c19.2 0 32 12.8 32 32V736c0 19.2-12.8 32-32 32z m-112-352c9.6 0 16-6.4 16-16v-96c0-9.6-6.4-16-16-16h-480c-9.6 0-16 6.4-16 16v96c0 9.6 6.4 16 16 16h480z m0 224c9.6 0 16-6.4 16-16v-96c0-9.6-6.4-16-16-16h-480c-9.6 0-16 6.4-16 16v96c0 9.6 6.4 16 16 16h480z"  horiz-adv-x="1024" />
+      <glyph glyph-name="sdoc-comments" unicode="&#58946;" d="M928 864c35.2 0 64-28.8 64-64v-672c0-35.2-28.8-64-64-64h-166.4l-16-121.6c-3.2-16-12.8-28.8-25.6-35.2-6.4-3.2-9.6-3.2-16-3.2-9.6 0-19.2 3.2-28.8 9.6L505.6 64H96c-35.2 0-64 28.8-64 64V800c0 35.2 28.8 64 64 64h832z m-64-96H160c-19.2 0-32-12.8-32-32v-544c0-19.2 12.8-32 32-32h361.6c9.6 0 22.4-3.2 28.8-9.6l124.8-102.4 9.6 76.8c3.2 22.4 22.4 38.4 41.6 35.2H864c19.2 0 32 12.8 32 32V736c0 19.2-12.8 32-32 32z m-112-352c9.6 0 16-6.4 16-16v-64c0-9.6-6.4-16-16-16h-480c-9.6 0-16 6.4-16 16v64c0 9.6 6.4 16 16 16h480z m0 224c9.6 0 16-6.4 16-16v-64c0-9.6-6.4-16-16-16h-480c-9.6 0-16 6.4-16 16v64c0 9.6 6.4 16 16 16h480z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="sdoc-right-slide" unicode="&#58882;" d="M806.4 438.4L336 812.8c-54.4 44.8-144 9.6-144-54.4v-748.8c0-64 86.4-99.2 144-54.4l470.4 374.4c35.2 28.8 35.2 80 0 108.8z"  horiz-adv-x="1024" />
       
-      <glyph glyph-name="sdoc-revise" unicode="&#58943;" d="M812.8-28.8c0-9.6-3.2-19.2-9.6-25.6-6.4-6.4-16-9.6-25.6-9.6h-275.2c-9.6 0-19.2 3.2-25.6 9.6-6.4 6.4-9.6 16-9.6 25.6v19.2c0 9.6 3.2 19.2 9.6 25.6 6.4 6.4 16 9.6 25.6 9.6h272c19.2 0 35.2-16 35.2-35.2l3.2-19.2z m-432 70.4c-67.2-38.4-115.2-64-169.6-92.8-38.4-12.8-70.4-25.6-96 0-25.6 25.6-16 64-3.2 102.4 25.6 60.8 54.4 121.6 86.4 179.2L633.6 691.2l182.4-192-435.2-457.6zM921.6 608l-38.4-41.6-182.4 192L736 803.2c35.2 38.4 96 41.6 134.4 6.4l6.4-6.4L928 748.8c41.6-41.6 38.4-92.8-6.4-140.8z"  horiz-adv-x="1024" />
+      <glyph glyph-name="sdoc-revise" unicode="&#58943;" d="M752 0c25.6 0 48-22.4 48-48s-22.4-48-48-48h-320c-25.6 0-48 22.4-48 48s22.4 48 48 48h320z m44.8 841.6L928 710.4c32-32 32-83.2 0-112L336 0l-265.6-19.2 16 262.4L681.6 841.6c28.8 28.8 86.4 28.8 115.2 0z m-204.8-227.2L182.4 201.6l-6.4-115.2 118.4 9.6L704 505.6l-112 108.8z m147.2 147.2l-80-80 108.8-108.8 80 80-108.8 108.8z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="sdoc-starred" unicode="&#58941;" d="M995.2 412.8c54.4 54.4 25.6 153.6-51.2 163.2l-192 28.8c-28.8 3.2-57.6 25.6-70.4 54.4l-86.4 182.4C579.2 876.8 544 896 512 896s-67.2-19.2-83.2-54.4l-86.4-182.4c-12.8-28.8-38.4-48-70.4-51.2l-192-28.8C3.2 566.4-25.6 470.4 28.8 416l140.8-140.8c22.4-22.4 32-54.4 25.6-86.4l-32-201.6c-9.6-64 38.4-112 92.8-112 12.8 0 28.8 3.2 41.6 12.8l172.8 96c12.8 6.4 28.8 9.6 41.6 9.6 16 0 28.8-3.2 41.6-9.6l172.8-96c12.8-6.4 28.8-12.8 41.6-12.8 54.4 0 102.4 51.2 92.8 112l-32 201.6c-6.4 32 3.2 64 25.6 86.4l140.8 137.6z"  horiz-adv-x="1024" />
       
@@ -240,11 +240,11 @@
       
       <glyph glyph-name="sdoc-menu" unicode="&#58908;" d="M64 137.6h896V0H64v137.6zM64 768h896v-137.6H64V768z m0-313.6h896v-137.6H64v137.6z"  horiz-adv-x="1024" />
       
-      <glyph glyph-name="sdoc-share" unicode="&#58914;" d="M662.4 681.6c0 83.2 67.2 150.4 150.4 150.4S960 764.8 960 681.6s-67.2-150.4-150.4-150.4-147.2 70.4-147.2 150.4z m-291.2-179.2l246.4 124.8c6.4-25.6 16-48 32-67.2l-246.4-124.8c-3.2 25.6-16 48-32 67.2zM64 384c0 83.2 67.2 150.4 150.4 150.4s150.4-67.2 150.4-150.4-67.2-150.4-150.4-150.4S64 300.8 64 384z m307.2-118.4c16 19.2 25.6 41.6 32 67.2l246.4-124.8c-16-19.2-25.6-41.6-32-67.2l-246.4 124.8z m291.2-179.2c0 83.2 67.2 150.4 150.4 150.4s150.4-67.2 150.4-150.4-70.4-150.4-153.6-150.4-147.2 67.2-147.2 150.4z"  horiz-adv-x="1024" />
+      <glyph glyph-name="sdoc-share" unicode="&#58914;" d="M800 832c-70.4 0-128-54.4-128-128s57.6-128 128-128 128 54.4 128 128-57.6 128-128 128zM224 512c-70.4 0-128-54.4-128-128s57.6-128 128-128 128 54.4 128 128-57.6 128-128 128z m576-320c-70.4 0-128-54.4-128-128s57.6-128 128-128 128 54.4 128 128-60.8 128-128 128zM374.4 531.2l217.6 134.4L640 582.4 422.4 448l-48 83.2z m32-192l246.4-147.2-48-83.2-246.4 147.2 48 83.2z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="sdoc-table-of-content" unicode="&#58920;" d="M64 800h512c35.2 0 64-28.8 64-64s-28.8-64-64-64H64C28.8 672 0 700.8 0 736s28.8 64 64 64z m934.4-444.8l-12.8-12.8-172.8-172.8c-25.6-25.6-64-25.6-89.6 0-25.6 25.6-25.6 64 0 89.6l134.4 134.4-134.4 134.4c-25.6 25.6-25.6 64 0 89.6 25.6 25.6 64 25.6 89.6 0l172.8-172.8 9.6-9.6c12.8-12.8 19.2-25.6 19.2-41.6v-3.2c0-12.8-9.6-28.8-16-35.2zM64 448h800c35.2 0 64-28.8 64-64s-28.8-64-64-64H64c-35.2 0-64 28.8-64 64s28.8 64 64 64z m0-352h512c35.2 0 64-28.8 64-64s-28.8-64-64-64H64c-35.2 0-64 28.8-64 64s28.8 64 64 64z"  horiz-adv-x="1024" />
       
-      <glyph glyph-name="sdoc-user" unicode="&#58921;" d="M915.2-54.4c-32-28.8-70.4-41.6-124.8-41.6H236.8c-48 0-89.6 12.8-124.8 41.6S64 16 64 64c0 22.4-3.2 83.2 9.6 137.6 6.4 28.8 16 86.4 60.8 147.2 9.6 12.8 54.4 51.2 73.6 60.8 25.6 6.4 48 12.8 73.6 12.8 3.2 0 12.8-3.2 28.8-12.8 12.8-9.6 28.8-16 44.8-32 16-9.6 38.4-22.4 67.2-32 28.8-9.6 57.6-12.8 83.2-12.8 28.8 0 57.6 3.2 83.2 12.8 28.8 9.6 48 16 67.2 32 16 9.6 32 22.4 44.8 32 12.8 9.6 22.4 12.8 28.8 12.8 25.6 0 48-3.2 70.4-12.8 22.4-6.4 64-44.8 80-60.8 28.8-35.2 51.2-102.4 60.8-147.2 19.2-51.2 19.2-115.2 19.2-137.6 0-48-12.8-89.6-44.8-118.4zM758.4 627.2c0-67.2-25.6-121.6-70.4-169.6-44.8-44.8-105.6-70.4-172.8-70.4s-124.8 25.6-172.8 70.4-70.4 105.6-70.4 169.6c0 67.2 25.6 121.6 70.4 169.6S451.2 864 515.2 864c67.2 0 124.8-25.6 172.8-70.4 44.8-44.8 70.4-102.4 70.4-166.4z"  horiz-adv-x="1024" />
+      <glyph glyph-name="sdoc-user" unicode="&#58921;" d="M825.6 0H195.2c-32 0-60.8 32-44.8 64 60.8 140.8 198.4 224 361.6 224s304-80 361.6-224c12.8-32-12.8-64-48-64M316.8 576c0 105.6 86.4 192 195.2 192s195.2-86.4 195.2-192-86.4-192-195.2-192-195.2 86.4-195.2 192m672-556.8c-35.2 163.2-147.2 278.4-294.4 332.8 76.8 60.8 121.6 160 105.6 268.8-19.2 124.8-124.8 227.2-256 240C368 883.2 214.4 745.6 214.4 576c0-89.6 41.6-169.6 112-224-144-54.4-256-169.6-291.2-332.8-12.8-60.8 35.2-115.2 96-115.2h761.6c64 0 112 54.4 96 115.2"  horiz-adv-x="1024" />
       
     </font>
   </defs>

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

@@ -1,11 +1,11 @@
 @font-face {
   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');
+  src: url('./sdoc-editor-font/iconfont.eot?t=1722915152576'); /* IE9 */
+  src: url('./sdoc-editor-font/iconfont.eot?t=1722915152576#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('./sdoc-editor-font/iconfont.woff2?t=1722915152576') format('woff2'),
+       url('./sdoc-editor-font/iconfont.woff?t=1722915152576') format('woff'),
+       url('./sdoc-editor-font/iconfont.ttf?t=1722915152576') format('truetype'),
+       url('./sdoc-editor-font/iconfont.svg?t=1722915152576#sdocfont') format('svg');
 }
 
 .sdocfont {