@seafile/seafile-editor 1.0.84 → 1.0.85-beta1

package/dist/pages/longtext-inline-editor/editor.js

@@ -0,0 +1,135 @@
+"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 _simpleEditor = _interopRequireDefault(require("../simple-editor"));
+var _getPreviewContent = _interopRequireDefault(require("../../utils/get-preview-content"));
+var _markdownPreview = _interopRequireDefault(require("../markdown-preview"));
+var _longtextEditorDialog = _interopRequireDefault(require("../longtext-editor-dialog"));
+require("./index.css");
+const Editor = _ref => {
+  let {
+    lang,
+    headerName,
+    value: propsValue,
+    isWindowsWechat,
+    focusNodePath,
+    autoSave = true,
+    saveDelay = 60000,
+    isCheckBrowser = false,
+    editorApi,
+    onSaveEditorValue,
+    onEditorValueChanged
+  } = _ref;
+  const editorContainerRef = (0, _react.useRef)(null);
+  const editorRef = (0, _react.useRef)(null);
+  const [style, setStyle] = (0, _react.useState)({});
+  const [isValueChanged, setValueChanged] = (0, _react.useState)(false);
+  const [showExpandEditor, setShowExpandEditor] = (0, _react.useState)(false);
+  const [value, setValue] = (0, _react.useState)(typeof propsValue === 'string' ? {
+    text: propsValue
+  } : propsValue);
+  const saveValue = (0, _react.useCallback)(function (value) {
+    let save = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    setValueChanged(true);
+    setValue(value);
+    onEditorValueChanged && onEditorValueChanged(value);
+    if (!save) return;
+    onSaveEditorValue && onSaveEditorValue(value);
+    setValueChanged(false);
+  }, [onSaveEditorValue, onEditorValueChanged]);
+  const handelAutoSave = (0, _react.useCallback)(() => {
+    if (!isValueChanged) return;
+    saveValue(value, true);
+  }, [isValueChanged, value, saveValue]);
+  const onContentChanged = (0, _react.useCallback)(() => {
+    // delay to update editor's content
+    setTimeout(() => {
+      var _editorRef$current, _editorRef$current2;
+      // update parent's component cache value
+      const markdownString = (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 ? void 0 : _editorRef$current.getValue();
+      const slateNodes = (_editorRef$current2 = editorRef.current) === null || _editorRef$current2 === void 0 ? void 0 : _editorRef$current2.getSlateValue();
+      const {
+        previewText,
+        images,
+        links,
+        checklist
+      } = (0, _getPreviewContent.default)(slateNodes, false);
+      const value = {
+        text: markdownString,
+        preview: previewText,
+        images: images,
+        links: links,
+        checklist
+      };
+      saveValue(value);
+    }, 0);
+  }, [saveValue]);
+  const openEditorDialog = (0, _react.useCallback)(() => {
+    const {
+      height
+    } = editorContainerRef.current.getBoundingClientRect();
+    setStyle({
+      height
+    });
+    setShowExpandEditor(true);
+  }, [editorContainerRef]);
+  const onCloseEditorDialog = (0, _react.useCallback)(value => {
+    value && saveValue(value);
+    setStyle({});
+    setShowExpandEditor(false);
+  }, [saveValue]);
+  (0, _react.useEffect)(() => {
+    let timer = null;
+    if (autoSave) {
+      timer = setTimeout(() => {
+        handelAutoSave();
+      }, saveDelay);
+    }
+    return () => {
+      timer && clearTimeout(timer);
+    };
+  }, [autoSave, saveDelay, handelAutoSave]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sf-long-text-inline-editor-container",
+    style: style,
+    ref: editorContainerRef
+  }, !showExpandEditor && !isWindowsWechat ? /*#__PURE__*/_react.default.createElement(_simpleEditor.default, {
+    isInline: true,
+    focusNodePath: focusNodePath,
+    ref: editorRef,
+    value: value.text,
+    onSave: handelAutoSave,
+    editorApi: editorApi,
+    onContentChanged: onContentChanged,
+    onExpandEditorToggle: openEditorDialog
+  }) : /*#__PURE__*/_react.default.createElement("div", {
+    className: "sf-simple-slate-editor-container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sf-slate-editor-toolbar"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sf-slate-editor-content"
+  }, /*#__PURE__*/_react.default.createElement(_markdownPreview.default, {
+    isWindowsWechat: isWindowsWechat,
+    value: value.text,
+    isShowOutline: false
+  })))), showExpandEditor && /*#__PURE__*/_react.default.createElement(_longtextEditorDialog.default, {
+    lang: lang,
+    readOnly: false,
+    headerName: headerName,
+    value: value.text,
+    autoSave: autoSave,
+    saveDelay: saveDelay,
+    isCheckBrowser: isCheckBrowser,
+    editorApi: editorApi,
+    onSaveEditorValue: saveValue,
+    onEditorValueChanged: saveValue,
+    onCloseEditorDialog: onCloseEditorDialog
+  }));
+};
+var _default = exports.default = Editor;

package/dist/pages/longtext-inline-editor/formatter/index.css

@@ -0,0 +1,31 @@
+.longtext-preview-container {
+  width: 100%;
+  height: 100%;
+  padding: 16px;
+  overflow: auto;
+}
+
+.longtext-preview-container .sf-slate-viewer-scroll-container {
+  overflow-y: auto;
+  height: fit-content;
+  padding: 0;
+  background: #fff;
+}
+
+.longtext-preview-container .sf-slate-viewer-article-container {
+  height: 100%;
+  width: 100%;
+  margin: 0;
+}
+
+.longtext-preview-container .sf-slate-viewer-article-container .article {
+  padding: 0;
+  height: auto;
+  min-height: 100% !important;
+  border: 0;
+  color: #212529;
+}
+
+.longtext-preview-container .article :first-child {
+  margin-top: 0;
+}

package/dist/pages/longtext-inline-editor/formatter/index.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _loading = _interopRequireDefault(require("../../../containers/loading"));
+var _slateConvert = require("../../../slate-convert");
+var _slateViewer = _interopRequireDefault(require("../../../editors/slate-viewer"));
+require("./index.css");
+// Windows old Wechat (3.0 or earlier) inner core is chrome 53 and don't support ECMA6, can't use seafile-editor markdownViewer
+// Windows new Wechat (lastest version 3.3.5) support seafile-editor markdownViewer
+// so use dangerouslySetInnerHTML to preview
+class Formatter extends _react.default.PureComponent {
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "convertMarkdown", mdFile => {
+      _slateConvert.processor.process(mdFile).then(result => {
+        let innerHtml = String(result).replace(/<a /ig, '<a target="_blank" tabindex="-1"');
+        this.setState({
+          innerHtml
+        });
+      });
+    });
+    this.state = {
+      innerHtml: null
+    };
+  }
+  componentDidMount() {
+    const {
+      isWindowsWechat,
+      value
+    } = this.props;
+    if (isWindowsWechat) {
+      this.convertMarkdown(value);
+    }
+  }
+  render() {
+    const {
+      isWindowsWechat,
+      value,
+      isShowOutline
+    } = this.props;
+    const {
+      innerHtml
+    } = this.state;
+    if (isWindowsWechat && innerHtml === null) {
+      return /*#__PURE__*/_react.default.createElement(_loading.default, null);
+    }
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "longtext-preview-container"
+    }, isWindowsWechat && /*#__PURE__*/_react.default.createElement("div", {
+      className: "article",
+      dangerouslySetInnerHTML: {
+        __html: this.state.innerHtml
+      }
+    }), !isWindowsWechat && /*#__PURE__*/_react.default.createElement(_slateViewer.default, {
+      value: value,
+      isShowOutline: isShowOutline
+    }));
+  }
+}
+var _default = exports.default = Formatter;

package/dist/pages/longtext-inline-editor/index.css

@@ -0,0 +1,71 @@
+.sf-long-text-inline-editor-container {
+  width: 100%;
+  height: 100%;
+  border: 1px solid rgba(0, 40, 100, .12);
+  border-radius: 3px;
+  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+}
+
+.sf-long-text-inline-editor-container .sf-simple-slate-editor-container {
+  width: 100%;
+  height: 100%;
+}
+
+.sf-long-text-inline-editor-container .sf-simple-slate-editor-container .sf-slate-editor-toolbar {
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+	height: 33px;
+  box-shadow: none;
+  padding-right: 0;
+}
+
+.sf-long-text-inline-editor-container .sf-slate-editor-content {
+  border-bottom-left-radius: 3px;
+  border-bottom-right-radius: 3px;
+	overflow: hidden;
+}
+
+.sf-long-text-inline-editor-container .sf-simple-slate-editor-container .sf-slate-editor-toolbar .sf-menu-group:last-child {
+  border-right: none;
+}
+
+.sf-long-text-inline-editor-container .sf-simple-slate-editor-container .sf-slate-editor-content {
+  flex: 1 !important;
+}
+
+.sf-long-text-inline-editor-container .sf-simple-slate-editor-container .sf-slate-editor-content .article {
+  padding: 16px !important;
+}
+
+/* preview */
+.sf-long-text-inline-editor-container .longtext-preview-container {
+  padding: 10px;
+  background-color: #fff;
+}
+
+.sf-long-text-inline-editor-container .sf-slate-editor-content .article > div[role="textbox"] > :first-child {
+  margin-top: 0 !important;
+}
+
+.sf-long-text-inline-editor-container .sf-slate-editor-toolbar .sf-menu-group,
+.sf-editor-menu-popover .popover-inner .sf-menu-group  {
+	padding: 4px 0 4px 8px !important;
+}
+
+.sf-long-text-inline-editor-container .sf-slate-editor-toolbar .sf-menu-group:first-child {
+  padding-left: 0px !important;
+  flex: 1 !important;
+}
+
+.sf-long-text-inline-editor-container .sf-slate-editor-toolbar .sf-header-menu {
+  padding: 4px 6px 4px 0 !important;
+  width: 100% !important;
+}
+
+.sf-long-text-inline-editor-container .sf-slate-editor-toolbar .sf-header-toggle {
+  padding: 0 3px 0 6px !important;
+}
+
+.sf-editor-menu-popover .popover-inner {
+  display: flex;
+}

package/dist/pages/longtext-inline-editor/index.js

@@ -0,0 +1,128 @@
+"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 _isHotkey = _interopRequireDefault(require("is-hotkey"));
+var _ClickOutside = _interopRequireDefault(require("./ClickOutside"));
+var _formatter = _interopRequireDefault(require("./formatter"));
+var _editor = _interopRequireDefault(require("./editor"));
+var _slateConvert = require("../../slate-convert");
+var _getBrowserInfo = _interopRequireDefault(require("../../utils/get-browser-Info"));
+const LongTextInlineEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    autoSave,
+    isCheckBrowser,
+    saveDelay,
+    value,
+    lang,
+    headerName,
+    onPreviewClick,
+    onSaveEditorValue,
+    editorApi
+  } = _ref;
+  const [isShowEditor, setShowEditor] = (0, _react.useState)(false);
+  const valueRef = (0, _react.useRef)(typeof value === 'string' ? {
+    text: value
+  } : value);
+  const longTextValueChangedRef = (0, _react.useRef)(false);
+  const [focusNodePath, setFocusNodePath] = (0, _react.useState)([0, 0]);
+  const {
+    isWindowsWechat
+  } = (0, _react.useMemo)(() => {
+    return (0, _getBrowserInfo.default)(isCheckBrowser);
+  }, [isCheckBrowser]);
+  const openEditor = (0, _react.useCallback)(function () {
+    let focusNodePath = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [0, 0];
+    setFocusNodePath(focusNodePath);
+    setShowEditor(true);
+  }, []);
+  const closeEditor = (0, _react.useCallback)(() => {
+    if (longTextValueChangedRef.current) {
+      onSaveEditorValue(valueRef.current);
+    }
+    setShowEditor(false);
+  }, [longTextValueChangedRef, valueRef, onSaveEditorValue]);
+  const getAttributeNode = (0, _react.useCallback)(function (node, attribute) {
+    let deep = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 4;
+    if (!node) return null;
+    if (deep === -1) return null;
+    if (node.getAttribute(attribute)) return node.getAttribute(attribute);
+    if (node.parentNode) return getAttributeNode(node.parentNode, attribute, deep--);
+  }, []);
+  const getNodePathById = (0, _react.useCallback)(function (rootNode, nodeId) {
+    let path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+    if (rootNode.id === nodeId) return path;
+    const {
+      children = []
+    } = rootNode;
+    for (let i = 0; i < children.length; i++) {
+      const child = children[i];
+      path.push(i);
+      const nodePath = getNodePathById(child, nodeId, path);
+      if (nodePath) return nodePath;
+      path.pop();
+    }
+    return null;
+  }, []);
+  const previewClick = (0, _react.useCallback)((event, richValue) => {
+    if (event.target.nodeName === 'A') return;
+    const nodeId = getAttributeNode(event.target, 'data-id');
+    onPreviewClick && onPreviewClick();
+    openEditor(getNodePathById({
+      children: richValue
+    }, nodeId));
+  }, [onPreviewClick, openEditor, getAttributeNode, getNodePathById]);
+  const onEditorValueChanged = (0, _react.useCallback)(value => {
+    valueRef.current = value;
+    longTextValueChangedRef.current = true;
+  }, []);
+  const onHotKey = (0, _react.useCallback)(event => {
+    const keyCode = event.keyCode;
+    const isModP = (0, _isHotkey.default)('mod+p', event);
+    if (keyCode === 27 || isModP) {
+      event.preventDefault();
+      !isModP && event.stopPropagation();
+      closeEditor();
+      return;
+    }
+  }, [closeEditor]);
+  (0, _react.useImperativeHandle)(ref, () => {
+    return {
+      openEditor: openEditor,
+      closeEditor: closeEditor
+    };
+  }, [openEditor, closeEditor]);
+  if (!isShowEditor) {
+    const richValue = (0, _slateConvert.mdStringToSlate)(valueRef.current.text);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "sf-long-text-inline-editor-container preview",
+      onClick: event => previewClick(event, richValue)
+    }, /*#__PURE__*/_react.default.createElement(_formatter.default, {
+      value: isWindowsWechat ? valueRef.current : richValue
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement(_ClickOutside.default, {
+    onClickOutside: closeEditor
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "w-100",
+    onKeyDown: onHotKey
+  }, /*#__PURE__*/_react.default.createElement(_editor.default, {
+    lang: lang,
+    isWindowsWechat: isWindowsWechat,
+    headerName: headerName,
+    focusNodePath: focusNodePath,
+    value: valueRef.current.text,
+    autoSave: autoSave,
+    saveDelay: saveDelay,
+    isCheckBrowser: isCheckBrowser,
+    editorApi: editorApi,
+    onSaveEditorValue: onSaveEditorValue,
+    onEditorValueChanged: onEditorValueChanged
+  })));
+});
+var _default = exports.default = LongTextInlineEditor;

package/dist/pages/seatable-editor.js

@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _loading = _interopRequireDefault(require("../containers/loading"));
 var _slateConvert = require("../slate-convert");
 var _useMathjax = _interopRequireDefault(require("../hooks/use-mathjax"));
-var _simpleSlateEditor = _interopRequireDefault(require("../editors/simple-slate-editor "));
+var _simpleSlateEditor = _interopRequireDefault(require("../editors/simple-slate-editor"));
 const SeaTableEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     isFetching,

package/dist/pages/simple-editor.js

@@ -10,15 +10,17 @@ var _react = _interopRequireWildcard(require("react"));
 var _loading = _interopRequireDefault(require("../containers/loading"));
 var _slateConvert = require("../slate-convert");
 var _useMathjax = _interopRequireDefault(require("../hooks/use-mathjax"));
-var _simpleSlateEditor = _interopRequireDefault(require("../editors/simple-slate-editor "));
+var _simpleSlateEditor = _interopRequireDefault(require("../editors/simple-slate-editor"));
 const SimpleEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
+    isInline,
     isFetching,
     value,
     editorApi,
     mathJaxSource,
     onSave: propsOnSave,
-    onContentChanged: propsOnContentChanged
+    onContentChanged: propsOnContentChanged,
+    ...otherProps
   } = _ref;
   const [richValue, setRichValue] = (0, _react.useState)([]);
   const [isLoading, setIsLoading] = (0, _react.useState)(true);
@@ -49,11 +51,13 @@ const SimpleEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     propsOnContentChanged && propsOnContentChanged();
   }, [propsOnContentChanged]);
   const props = {
+    isInline,
     isSupportFormula: !!mathJaxSource,
     value: richValue,
     editorApi: editorApi,
     onSave: propsOnSave,
-    onContentChanged: onContentChanged
+    onContentChanged: onContentChanged,
+    ...otherProps
   };
   if (isFetching || isLoading || isLoadingMathJax) {
     return /*#__PURE__*/_react.default.createElement(_loading.default, null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "1.0.84",
+  "version": "1.0.85beta1",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

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

@@ -222,5 +222,6 @@
   "Font_style": "Styl písma",
   "Open_link": "Open link",
   "Image_is_uploading": "Image is uploading",
-  "Image_loading_failed": "Image loading failed"
+  "Image_loading_failed": "Image loading failed",
+  "Expand_editor": "Expand editor"
 }

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

@@ -222,5 +222,6 @@
   "Font_style": "Schriftschnitt",
   "Open_link": "Open link",
   "Image_is_uploading": "Image is uploading",
-  "Image_loading_failed": "Image loading failed"
+  "Image_loading_failed": "Image loading failed",
+  "Expand_editor": "Expand editor"
 }

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

@@ -222,5 +222,10 @@
   "Font_style": "Font style",
   "Open_link": "Open link",
   "Image_is_uploading": "Image is uploading",
-  "Image_loading_failed": "Image loading failed"
+  "Image_loading_failed": "Image loading failed",
+  "Expand_editor": "Expand editor",
+  "Insert_below": "Insert below",
+  "Insert_above": "Insert above",
+  "Insert_on_the_right": "Insert on the right",
+  "Insert_on_the_left": "Insert on the left"
 }

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

@@ -222,5 +222,6 @@
   "Font_style": "Font style",
   "Open_link": "Open link",
   "Image_is_uploading": "Image is uploading",
-  "Image_loading_failed": "Image loading failed"
+  "Image_loading_failed": "Image loading failed",
+  "Expand_editor": "Expand editor"
 }

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

@@ -222,5 +222,6 @@
   "Font_style": "Font style",
   "Open_link": "Ouvrir le lien",
   "Image_is_uploading": "Image is uploading",
-  "Image_loading_failed": "Image loading failed"
+  "Image_loading_failed": "Image loading failed",
+  "Expand_editor": "Expand editor"
 }

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

@@ -222,5 +222,6 @@
   "Font_style": "Font style",
   "Open_link": "Open link",
   "Image_is_uploading": "Image is uploading",
-  "Image_loading_failed": "Image loading failed"
+  "Image_loading_failed": "Image loading failed",
+  "Expand_editor": "Expand editor"
 }

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

@@ -222,5 +222,6 @@
   "Font_style": "Стиль шрифта",
   "Open_link": "Открыть ссылку",
   "Image_is_uploading": "Изображение загружается",
-  "Image_loading_failed": "Image loading failed"
+  "Image_loading_failed": "Ошибка загрузки изображения",
+  "Expand_editor": "Expand editor"
 }

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

@@ -222,5 +222,6 @@
   "Font_style": "字体样式",
   "Open_link": "打开链接",
   "Image_is_uploading": "图片正在上传",
-  "Image_loading_failed": "图片加载失败"
+  "Image_loading_failed": "图片加载失败",
+  "Expand_editor": "展开编辑器"
 }

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

@@ -14,6 +14,8 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="more" unicode="&#58918;" d="M835.2 387.2c0-54.4 41.6-96 96-96s96 41.6 96 96-41.6 96-96 96c-51.2 0-96-41.6-96-96z m-416 0c0-54.4 41.6-96 96-96s96 41.6 96 96-41.6 96-96 96c-51.2 0-96-41.6-96-96z m-416 0c0-54.4 41.6-96 96-96s96 41.6 96 96-41.6 96-96 96c-51.2 0-96-41.6-96-96z"  horiz-adv-x="1027" />
+      
       <glyph glyph-name="drop-down" unicode="&#59013;" d="M550.4 169.6l265.6 336c32 38.4 6.4 102.4-38.4 102.4H246.4c-44.8 0-70.4-60.8-38.4-102.4l265.6-336c19.2-25.6 57.6-25.6 76.8 0z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="caret-up" unicode="&#59014;" d="M550.4 588.8l265.6-336c32-38.4 6.4-102.4-38.4-102.4H246.4c-44.8 0-70.4 60.8-38.4 102.4l265.6 336c19.2 25.6 57.6 25.6 76.8 0z"  horiz-adv-x="1024" />

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

@@ -1,11 +1,11 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4375832 */
-  src: url('./seafile-editor-font/iconfont.eot?t=1709878601328'); /* IE9 */
-  src: url('./seafile-editor-font/iconfont.eot?t=1709878601328#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('./seafile-editor-font/iconfont.woff2?t=1709878601328') format('woff2'),
-       url('./seafile-editor-font/iconfont.woff?t=1709878601328') format('woff'),
-       url('./seafile-editor-font/iconfont.ttf?t=1709878601328') format('truetype'),
-       url('./seafile-editor-font/iconfont.svg?t=1709878601328#iconfont') format('svg');
+  src: url('./seafile-editor-font/iconfont.eot?t=1714979485064'); /* IE9 */
+  src: url('./seafile-editor-font/iconfont.eot?t=1714979485064#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('./seafile-editor-font/iconfont.woff2?t=1714979485064') format('woff2'),
+       url('./seafile-editor-font/iconfont.woff?t=1714979485064') format('woff'),
+       url('./seafile-editor-font/iconfont.ttf?t=1714979485064') format('truetype'),
+       url('./seafile-editor-font/iconfont.svg?t=1714979485064#iconfont') format('svg');
 }
 
 .iconfont {
@@ -16,6 +16,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-more:before {
+  content: "\e626";
+}
+
 .icon-drop-down:before {
   content: "\e685";
 }