@seafile/sdoc-editor 0.1.150 → 0.1.151

package/dist/basic-sdk/extension/plugins/file-link/hover-menu/index.js

@@ -0,0 +1,113 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useCallback, useState } from 'react';
+import { Transforms } from '@seafile/slate';
+import { ReactEditor, useReadOnly } from '@seafile/slate-react';
+import { withTranslation } from 'react-i18next';
+import classnames from 'classnames';
+import { FILE_LINK_TYPE_CONFIG, FILE_LINK_TYPE, FILE_LINK_TYPES } from '../constants';
+import { ElementPopover } from '../../../commons';
+import toaster from '../../../../../components/toast';
+import { getUrl, onCopyFileLinkNode } from '../helpers';
+import './index.css';
+var FileLinkHoverMenu = function FileLinkHoverMenu(_ref) {
+  var editor = _ref.editor,
+    menuPosition = _ref.menuPosition,
+    element = _ref.element,
+    onUnwrapFileLinkNode = _ref.onUnwrapFileLinkNode,
+    onHideInsertHoverMenu = _ref.onHideInsertHoverMenu,
+    t = _ref.t;
+  var readOnly = useReadOnly();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isShowDisplayStylePopover = _useState2[0],
+    setIsShowDisplayStylePopover = _useState2[1];
+  var onCopy = useCallback(function (e) {
+    e.stopPropagation();
+    onCopyFileLinkNode(editor, element);
+    toaster.success(t('Copied'), {
+      hasCloseButton: false,
+      duration: 2
+    });
+    onHideInsertHoverMenu();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var onShowProver = useCallback(function (e) {
+    setIsShowDisplayStylePopover(true);
+  }, []);
+  var onSelect = useCallback(function (event, value) {
+    event.stopPropagation();
+    var path = ReactEditor.findPath(editor, element);
+    if (path) {
+      Transforms.setNodes(editor, {
+        display_type: value
+      }, {
+        at: path
+      });
+    }
+    onHideInsertHoverMenu();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var selectedType = element.display_type || FILE_LINK_TYPE.TEXT_LINK;
+  var id = "file-link-display-type-".concat(element.id);
+  return /*#__PURE__*/React.createElement(ElementPopover, null, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-file-link-hover-menu-container",
+    style: menuPosition
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "hover-menu-container"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "op-group-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    role: "button",
+    className: classnames('op-item', {
+      'ml-0': readOnly
+    })
+  }, /*#__PURE__*/React.createElement("a", {
+    href: getUrl(element.doc_uuid),
+    target: "_blank",
+    rel: "noopener noreferrer",
+    className: "link-op-menu-link"
+  }, t('Open_link')))), !readOnly && /*#__PURE__*/React.createElement("span", {
+    className: "op-group-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    role: "button",
+    className: "op-item",
+    onClick: onCopy
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-copy icon-font"
+  })), /*#__PURE__*/React.createElement("span", {
+    role: "button",
+    className: classnames('op-item', {
+      'link-style-icon-active': isShowDisplayStylePopover
+    }),
+    onClick: onShowProver,
+    id: id
+  }, /*#__PURE__*/React.createElement("i", {
+    className: classnames('icon-font mr-1', FILE_LINK_TYPE_CONFIG[selectedType].icon)
+  }), /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-drop-down icon-font"
+  })), /*#__PURE__*/React.createElement("span", {
+    role: "button",
+    className: "op-item",
+    onClick: onUnwrapFileLinkNode
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-unlink icon-font"
+  })))), isShowDisplayStylePopover && /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-file-display-style-popover sdoc-dropdown-menu"
+  }, FILE_LINK_TYPES.map(function (fileLinkType) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: fileLinkType,
+      "date-type": fileLinkType,
+      className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
+      onClick: function onClick(event) {
+        return onSelect(event, fileLinkType);
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "sdoc-dropdown-item-content"
+    }, /*#__PURE__*/React.createElement("i", {
+      className: classnames('sdoc-dropdown-item-content-icon', FILE_LINK_TYPE_CONFIG[fileLinkType].icon)
+    }), /*#__PURE__*/React.createElement("span", null, t(FILE_LINK_TYPE_CONFIG[fileLinkType].text))), selectedType === fileLinkType && /*#__PURE__*/React.createElement("i", {
+      className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
+    }));
+  }))));
+};
+export default withTranslation('sdoc-editor')(FileLinkHoverMenu);

package/dist/basic-sdk/extension/plugins/file-link/index.js

@@ -0,0 +1,11 @@
+import { FILE_LINK } from '../../constants';
+import FileLinkMenu from './menu';
+import withFileLink from './plugin';
+import renderFileLink from './render-elem';
+var FileLinkPlugin = {
+  type: FILE_LINK,
+  editorMenus: [FileLinkMenu],
+  editorPlugin: withFileLink,
+  renderElements: [renderFileLink]
+};
+export default FileLinkPlugin;

package/dist/basic-sdk/extension/plugins/file-link/menu/index.js

@@ -0,0 +1,28 @@
+import React, { useCallback } from 'react';
+import { FILE_LINK, MENUS_CONFIG_MAP, ELEMENT_TYPE } from '../../../constants';
+import { isMenuDisabled, insertFileLink } from '../helpers';
+import DropdownMenuItem from '../../../commons/dropdown-menu-item';
+import { INTERNAL_EVENT } from '../../../../constants';
+var FileLinkMenu = function FileLinkMenu(_ref) {
+  var editor = _ref.editor,
+    readonly = _ref.readonly,
+    toggle = _ref.toggle,
+    eventBus = _ref.eventBus;
+  var disabled = isMenuDisabled(editor, readonly);
+  var menuConfig = MENUS_CONFIG_MAP[FILE_LINK];
+  var openSelectFileDialog = useCallback(function () {
+    eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: ELEMENT_TYPE.FILE_LINK,
+      insertFileLinkCallback: insertFileLink
+    });
+    toggle && toggle();
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [toggle, eventBus]);
+  return /*#__PURE__*/React.createElement(DropdownMenuItem, {
+    disabled: disabled,
+    menuConfig: menuConfig,
+    onClick: openSelectFileDialog
+  });
+};
+export default FileLinkMenu;

package/dist/basic-sdk/extension/plugins/file-link/plugin.js

@@ -0,0 +1,40 @@
+import { Transforms, Node, Editor } from '@seafile/slate';
+import { FILE_LINK } from '../../constants';
+var withFileLink = function withFileLink(editor) {
+  var isInline = editor.isInline,
+    deleteBackward = editor.deleteBackward;
+  var newEditor = editor;
+
+  // Rewrite isInline
+  newEditor.isInline = function (elem) {
+    var type = elem.type;
+    if (type === FILE_LINK) {
+      return true;
+    }
+    return isInline(elem);
+  };
+  newEditor.deleteBackward = function (unit) {
+    var selection = newEditor.selection;
+    if (selection === null) {
+      return deleteBackward(unit);
+    }
+
+    // Delete file link node
+    var nodeEntry = Editor.node(newEditor, newEditor.selection);
+    if (nodeEntry && Node.string(nodeEntry[0]).length === 0) {
+      var beforePath = nodeEntry[1];
+      beforePath.splice(-1, 1, Math.max(nodeEntry[1].at(-1) - 1, 0));
+      var beforeNodeEntry = Editor.node(newEditor, beforePath);
+      if (beforeNodeEntry && beforeNodeEntry[0].type === FILE_LINK) {
+        Transforms.delete(newEditor, {
+          at: beforeNodeEntry[1]
+        });
+        return;
+      }
+      return deleteBackward(unit);
+    }
+    return deleteBackward(unit);
+  };
+  return newEditor;
+};
+export default withFileLink;

package/dist/basic-sdk/extension/plugins/file-link/render-elem.css

@@ -0,0 +1,41 @@
+.sdoc-file-link-render:hover {
+  background-color: #e5e5e5
+}
+
+.sdoc-file-card-link {
+  position: relative;
+  background-color: #f3f3f3;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  cursor: pointer;
+  display: inline-block;
+  height: 50px;
+  width: 420px;
+  margin-bottom: -3px;
+}
+
+.sdoc-file-link-render .sdoc-file-link-icon {
+  padding-right: 5px;
+  color: #ff9800;
+}
+
+.sdoc-file-card-link .sdoc-file-link-icon :first-child {
+ font-size: 24px;
+}
+
+.sdoc-file-card-link .sdoc-file-link-icon {
+  position: absolute;
+  top: 6px;
+  left: 12px;
+}
+
+.sdoc-file-card-link .sdoc-file-text-link {
+  position: absolute;
+  top: 16px;
+  left: 42px;
+}
+
+.sdoc-file-card-link .sdoc-file-text-link a {
+  text-decoration: none;
+  color: #333;
+}

package/dist/basic-sdk/extension/plugins/file-link/render-elem.js

@@ -0,0 +1,141 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useCallback, useEffect, useState, useRef } from 'react';
+import classnames from 'classnames';
+import { Range } from '@seafile/slate';
+import { useReadOnly } from '@seafile/slate-react';
+import { useScrollContext } from '../../../hooks/use-scroll-context';
+import { unwrapLinkNode, getUrl } from './helpers';
+import HoverMenu from './hover-menu';
+import { DELETED_STYLE, ADDED_STYLE } from '../../constants';
+import { FILE_LINK_TYPE } from './constants';
+import './render-elem.css';
+var FileLink = function FileLink(_ref) {
+  var editor = _ref.editor,
+    element = _ref.element,
+    children = _ref.children,
+    attributes = _ref.attributes;
+  var fileRef = useRef(null);
+  var scrollRef = useScrollContext();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isShowInsertHoverMenu = _useState2[0],
+    setIsShowInsertHoverMenu = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    menuPosition = _useState4[0],
+    setMenuPosition = _useState4[1];
+  var readOnly = useReadOnly();
+  var registerEventHandle = useCallback(function () {
+    document.addEventListener('click', onHideInsertHoverMenu);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var unregisterEventHandle = useCallback(function () {
+    document.removeEventListener('click', onHideInsertHoverMenu);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  useEffect(function () {
+    return function () {
+      unregisterEventHandle();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var setPosition = useCallback(function (elem) {
+    if (elem) {
+      var _elem$getBoundingClie = elem.getBoundingClientRect(),
+        top = _elem$getBoundingClie.top,
+        left = _elem$getBoundingClie.left;
+      var menuTop = top - 42; // top = top distance - menu height
+      var menuLeft = left - 18; // left = left distance - (menu width / 2)
+      var newMenuPosition = {
+        top: menuTop,
+        left: menuLeft
+      };
+      setMenuPosition(newMenuPosition);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var onScroll = useCallback(function (e) {
+    setPosition(fileRef.current);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  useEffect(function () {
+    var observerRefValue = null;
+    if (isShowInsertHoverMenu) {
+      scrollRef.current && scrollRef.current.addEventListener('scroll', onScroll);
+      observerRefValue = scrollRef.current;
+    } else {
+      scrollRef.current && scrollRef.current.removeEventListener('scroll', onScroll);
+    }
+    return function () {
+      if (observerRefValue) {
+        observerRefValue.removeEventListener('scroll', onScroll);
+      }
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isShowInsertHoverMenu]);
+  var onClickFile = useCallback(function (e) {
+    e.stopPropagation();
+    setPosition(e.currentTarget);
+    setIsShowInsertHoverMenu(true);
+    setTimeout(function () {
+      registerEventHandle();
+    }, 0);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var onHideInsertHoverMenu = useCallback(function (e) {
+    setIsShowInsertHoverMenu(false);
+    unregisterEventHandle();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var onUnwrapFileLinkNode = useCallback(function () {
+    unwrapLinkNode(editor, element);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var style = {};
+  if (element.ADD) {
+    style = _objectSpread({}, ADDED_STYLE);
+  } else if (element.DELETE) {
+    style = _objectSpread({}, DELETED_STYLE);
+  }
+  if (style.computed_bg_color) {
+    style['backgroundColor'] = style.computed_bg_color;
+  }
+  return /*#__PURE__*/React.createElement("span", Object.assign({}, attributes, {
+    "data-id": element.id,
+    contentEditable: false,
+    className: classnames('sdoc-file-link-render', {
+      'sdoc-file-card-link': element.display_type === FILE_LINK_TYPE.CARD_LINK
+    }),
+    onClick: onClickFile,
+    style: element.display_type === FILE_LINK_TYPE.CARD_LINK ? style : {}
+  }), /*#__PURE__*/React.createElement("span", {
+    ref: fileRef
+  }, [FILE_LINK_TYPE.ICON_LINK, FILE_LINK_TYPE.CARD_LINK].includes(element.display_type) && /*#__PURE__*/React.createElement("span", {
+    className: "sdoc-file-link-icon",
+    style: style
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-document"
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "sdoc-file-text-link",
+    style: style
+  }, /*#__PURE__*/React.createElement("a", {
+    href: getUrl(element.doc_uuid),
+    onClick: function onClick(e) {
+      e.preventDefault();
+    },
+    title: element.title
+  }, children))), isShowInsertHoverMenu && (!readOnly && Range.isCollapsed(editor.selection) || readOnly) && /*#__PURE__*/React.createElement(HoverMenu, {
+    editor: editor,
+    menuPosition: menuPosition,
+    element: element,
+    onUnwrapFileLinkNode: onUnwrapFileLinkNode,
+    onHideInsertHoverMenu: onHideInsertHoverMenu
+  }));
+};
+var renderFileLink = function renderFileLink(props, editor) {
+  return /*#__PURE__*/React.createElement(FileLink, Object.assign({}, props, {
+    editor: editor
+  }));
+};
+export default renderFileLink;

package/dist/basic-sdk/extension/plugins/index.js

@@ -12,7 +12,8 @@ import HtmlPlugin from './html';
 import TextAlignPlugin from './text-align';
 import FontPlugin from './font';
 import SdocLinkPlugin from './sdoc-link';
+import FileLinkPlugin from './file-link';
 import ParagraphPlugin from './paragraph';
-var Plugins = [MarkDownPlugin, HtmlPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, TextAlignPlugin, FontPlugin, SdocLinkPlugin];
+var Plugins = [MarkDownPlugin, HtmlPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, TextAlignPlugin, FontPlugin, SdocLinkPlugin, FileLinkPlugin];
 export default Plugins;
-export { MarkDownPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, HtmlPlugin, TextAlignPlugin, FontPlugin, SdocLinkPlugin, ParagraphPlugin };
+export { MarkDownPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, HtmlPlugin, TextAlignPlugin, FontPlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin };

package/dist/basic-sdk/extension/plugins/sdoc-link/helpers.js

@@ -94,22 +94,6 @@ export var unwrapLinkNode = function unwrapLinkNode(editor, element) {
     });
   }
 };
-export var getParentPathNameArr = function getParentPathNameArr(fileListData, indexId, indexArray) {
-  var arr = Array.from(indexArray);
-  for (var i = 0, len = fileListData.length; i < len; i++) {
-    arr.push(fileListData[i].name);
-    if (fileListData[i].indexId === indexId) {
-      return arr;
-    }
-    var children = fileListData[i].children;
-    if (children && children.length) {
-      var result = getParentPathNameArr(children, indexId, arr);
-      if (result) return result;
-    }
-    arr.pop();
-  }
-  return null;
-};
 export var getNewFileListData = function getNewFileListData(fileListData, indexId, children) {
   fileListData.forEach(function (item) {
     if (item.indexId === indexId) {

package/dist/basic-sdk/extension/plugins/sdoc-link/menu/index.js

@@ -1,6 +1,6 @@
 import React, { useCallback } from 'react';
 import { SDOC_LINK, MENUS_CONFIG_MAP, ELEMENT_TYPE } from '../../../constants';
-import { isMenuDisabled } from '../helpers';
+import { isMenuDisabled, insertSdocFileLink } from '../helpers';
 import DropdownMenuItem from '../../../commons/dropdown-menu-item';
 import { INTERNAL_EVENT } from '../../../../constants';
 var SdocLinkMenu = function SdocLinkMenu(_ref) {
@@ -12,7 +12,8 @@ var SdocLinkMenu = function SdocLinkMenu(_ref) {
   var menuConfig = MENUS_CONFIG_MAP[SDOC_LINK];
   var openSelectSdocFileDialog = useCallback(function () {
     eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: ELEMENT_TYPE.SDOC_LINK
+      type: ELEMENT_TYPE.SDOC_LINK,
+      insertSdocFileLinkCallback: insertSdocFileLink
     });
     toggle && toggle();
 

package/dist/basic-sdk/extension/render/render-element.js

@@ -1,8 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback } from 'react';
 import { useSlateStatic } from '@seafile/slate-react';
-import { BLOCKQUOTE, LINK, CHECK_LIST_ITEM, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, LIST_ITEM, LIST_LIC, ORDERED_LIST, PARAGRAPH, UNORDERED_LIST, CODE_BLOCK, CODE_LINE, IMAGE, ELEMENT_TYPE, SDOC_LINK, TITLE, SUBTITLE } from '../constants';
-import { BlockquotePlugin, LinkPlugin, CheckListPlugin, HeaderPlugin, ListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, SdocLinkPlugin, ParagraphPlugin } from '../plugins';
+import { BLOCKQUOTE, LINK, CHECK_LIST_ITEM, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, LIST_ITEM, LIST_LIC, ORDERED_LIST, PARAGRAPH, UNORDERED_LIST, CODE_BLOCK, CODE_LINE, IMAGE, ELEMENT_TYPE, SDOC_LINK, FILE_LINK, TITLE, SUBTITLE } from '../constants';
+import { BlockquotePlugin, LinkPlugin, CheckListPlugin, HeaderPlugin, ListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin } from '../plugins';
 import EventBus from '../../utils/event-bus';
 import { INTERNAL_EVENT } from '../../constants';
 var CustomElement = function CustomElement(props) {
@@ -131,6 +131,12 @@ var CustomElement = function CustomElement(props) {
           renderSdocLink = _SdocLinkPlugin$rende[0];
         return renderSdocLink(props, editor);
       }
+    case FILE_LINK:
+      {
+        var _FileLinkPlugin$rende = _slicedToArray(FileLinkPlugin.renderElements, 1),
+          renderFileLink = _FileLinkPlugin$rende[0];
+        return renderFileLink(props, editor);
+      }
     default:
       {
         var _ParagraphPlugin$rend2 = _slicedToArray(ParagraphPlugin.renderElements, 1),

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

@@ -8,6 +8,7 @@ import TableMenu from '../../../plugins/table/menu/table-menu';
 import LinkMenu from '../../../plugins/link/menu';
 import CodeBlockMenu from '../../../plugins/code-block/menu';
 import SdocLinkMenu from '../../../plugins/sdoc-link/menu';
+import FileLinkMenu from '../../../plugins/file-link/menu';
 import EventBus from '../../../../utils/event-bus';
 import './index.css';
 var InsertToolbar = function InsertToolbar(_ref) {
@@ -85,7 +86,7 @@ var InsertToolbar = function InsertToolbar(_ref) {
     }
   }, /*#__PURE__*/React.createElement(ImageMenu, props), /*#__PURE__*/React.createElement(TableMenu, props), /*#__PURE__*/React.createElement(LinkMenu, props), /*#__PURE__*/React.createElement(CodeBlockMenu, props), /*#__PURE__*/React.createElement("div", {
     className: "sdoc-dropdown-menu-divider"
-  }), /*#__PURE__*/React.createElement(SdocLinkMenu, props))));
+  }), /*#__PURE__*/React.createElement(SdocLinkMenu, props), /*#__PURE__*/React.createElement(FileLinkMenu, props))));
 };
 InsertToolbar.defaultProps = {
   isRichEditor: true,

package/dist/context.js

@@ -179,9 +179,15 @@ var Context = /*#__PURE__*/function () {
     }
   }, {
     key: "getSdocLocalFiles",
-    value: function getSdocLocalFiles(p) {
+    value: function getSdocLocalFiles(p, type) {
       var docUuid = this.getSetting('docUuid');
-      return this.api.getSdocFiles(docUuid, p);
+      return this.api.getSdocFiles(docUuid, p, type);
+    }
+  }, {
+    key: "getSdocLocalFileId",
+    value: function getSdocLocalFileId(p) {
+      var docUuid = this.getSetting('docUuid');
+      return this.api.getSdocFileId(docUuid, p);
     }
   }, {
     key: "getSdocLocalFileUrl",

package/package.json

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

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

@@ -347,6 +347,7 @@
   "Icon_and_text_Link": "Icon and text Link",
   "Card": "Card",
   "Select_sdoc_document": "Select sdoc document",
+  "Select_file": "Select file",
   "Local_file": "Local file",
   "Internal_server_exec_operations_error": "An exception occurred on the server, please refresh the page and try again",
   "Failed_to_sync_with_server_operations": "Synchronization with the server failed, please refresh the page",
@@ -362,5 +363,6 @@
   "No_changes": "No changes",
   "Title": "Title",
   "Subtitle": "Subtitle",
-  "Link_sdoc": "Link sdoc"
+  "Link_sdoc": "Link sdoc",
+  "Link_file": "Link file"
 }

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

@@ -347,6 +347,7 @@
   "Icon_and_text_Link": "图标+文字链",
   "Card": "卡片",
   "Select_sdoc_document": "选择 sdoc 文档",
+  "Select_file": "选择文件",
   "Local_file": "本地文件",
   "Internal_server_exec_operations_error": "在服务器执行操作异常，请刷新页面后重试",
   "Failed_to_sync_with_server_operations": "与服务器同步操作失败，请刷新页面",

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

@@ -14,6 +14,8 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="sdoc-link-file" unicode="&#58964;" d="M889.6-96H134.4c-22.4 0-38.4 16-38.4 38.4V825.6C96 848 112 864 134.4 864h480c22.4 0 54.4-6.4 80-35.2 44.8-51.2 188.8-208 195.2-214.4 3.2-3.2 38.4-38.4 38.4-73.6v-598.4c0-9.6-3.2-19.2-9.6-25.6-6.4-9.6-16-12.8-28.8-12.8zM192 0h640V544h-224V768H192v-768z"  horiz-adv-x="1024" />
+      
       <glyph glyph-name="sdoc-sm-close" unicode="&#58965;" d="M512 439.466667L230.4 721.066667l-25.6 25.6-55.466667-55.466667 25.6-25.6 281.6-281.6-281.6-281.6-25.6-25.6 55.466667-55.466667 25.6 25.6 281.6 281.6 281.6-281.6 25.6-25.6 55.466667 55.466667-25.6 25.6-281.6 281.6 281.6 281.6 25.6 25.6-55.466667 55.466667-25.6-25.6z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="sdoc-merge-cell" unicode="&#58963;" d="M480 896v-288h-96V800H96v-832h288v192h96v-288H0V896h480zM313.6 528L480 384l-166.4-144v96H160v92.8h153.6v99.2zM1024 896v-1024H544v288h96v-192h288V800h-288v-192h-96V896h480z m-313.6-368v-99.2H864v-92.8h-153.6v-96L544 384l166.4 144z"  horiz-adv-x="1024" />

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=1694758459474'); /* IE9 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1694758459474#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('./sdoc-editor-font/iconfont.woff2?t=1694758459474') format('woff2'),
-       url('./sdoc-editor-font/iconfont.woff?t=1694758459474') format('woff'),
-       url('./sdoc-editor-font/iconfont.ttf?t=1694758459474') format('truetype'),
-       url('./sdoc-editor-font/iconfont.svg?t=1694758459474#sdocfont') format('svg');
+  src: url('./sdoc-editor-font/iconfont.eot?t=1695017062235'); /* IE9 */
+  src: url('./sdoc-editor-font/iconfont.eot?t=1695017062235#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('./sdoc-editor-font/iconfont.woff2?t=1695017062235') format('woff2'),
+       url('./sdoc-editor-font/iconfont.woff?t=1695017062235') format('woff'),
+       url('./sdoc-editor-font/iconfont.ttf?t=1695017062235') format('truetype'),
+       url('./sdoc-editor-font/iconfont.svg?t=1695017062235#sdocfont') format('svg');
 }
 
 .sdocfont {
@@ -16,6 +16,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.sdoc-link-file:before {
+  content: "\e654";
+}
+
 .sdoc-sm-close:before {
   content: "\e655";
 }