@seafile/seafile-editor 1.0.32-2 → 1.0.32-20

package/dist/editors/plain-markdown-editor/index.js

@@ -1,47 +1,54 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from 'react';
-import isHotkey from 'is-hotkey';
-import processor from '../../slate-convert/md-to-html';
-import SeafileCodeMirror from './code-mirror';
-import './style.css';
-class PlainMarkdownEditor extends React.Component {
+"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 _isHotkey = _interopRequireDefault(require("is-hotkey"));
+var _mdToHtml = _interopRequireDefault(require("../../slate-convert/md-to-html"));
+var _codeMirror = _interopRequireDefault(require("./code-mirror"));
+require("./style.css");
+class PlainMarkdownEditor extends _react.default.Component {
   constructor(props) {
     super(props);
     /*
     *   the data about scroll, these variable has nothing to width react
     *   they are not state
     * */
-    _defineProperty(this, "scrollData", {
+    (0, _defineProperty2.default)(this, "scrollData", {
       scrollPercentage: 0,
       leftPanel: null,
       rightPanel: null
     });
-    _defineProperty(this, "setContent", markdownContent => {
+    (0, _defineProperty2.default)(this, "setContent", markdownContent => {
       this.setState({
         editorValue: markdownContent
       });
-      processor.process(markdownContent, (error, vfile) => {
+      _mdToHtml.default.process(markdownContent, (error, vfile) => {
         var html = String(vfile);
         this.setState({
           previewValue: html
         });
       });
     });
-    _defineProperty(this, "updateCode", newCode => {
+    (0, _defineProperty2.default)(this, "updateCode", newCode => {
       this.setContent(newCode);
       this.props.onContentChanged && this.props.onContentChanged(newCode);
     });
-    _defineProperty(this, "onEnterLeftPanel", () => {
+    (0, _defineProperty2.default)(this, "onEnterLeftPanel", () => {
       this.setState({
         isMouseInLeftSide: true
       });
     });
-    _defineProperty(this, "onLeaveLeftPanel", () => {
+    (0, _defineProperty2.default)(this, "onLeaveLeftPanel", () => {
       this.setState({
         isMouseInLeftSide: false
       });
     });
-    _defineProperty(this, "onLeftScroll", e => {
+    (0, _defineProperty2.default)(this, "onLeftScroll", e => {
       const {
         isMouseInLeftSide
       } = this.state;
@@ -50,17 +57,17 @@ class PlainMarkdownEditor extends React.Component {
       this.scrollData.scrollPercentage = srcElement.scrollTop / srcElement.scrollHeight;
       this.scrollData.rightPanel.scrollTop = this.scrollData.scrollPercentage * this.scrollData.rightPanel.scrollHeight;
     });
-    _defineProperty(this, "onEnterRightPanel", () => {
+    (0, _defineProperty2.default)(this, "onEnterRightPanel", () => {
       this.setState({
         isMouseInRightSide: true
       });
     });
-    _defineProperty(this, "onLeaveRightPanel", () => {
+    (0, _defineProperty2.default)(this, "onLeaveRightPanel", () => {
       this.setState({
         isMouseInRightSide: false
       });
     });
-    _defineProperty(this, "onRightScroll", e => {
+    (0, _defineProperty2.default)(this, "onRightScroll", e => {
       const {
         isMouseInRightSide
       } = this.state;
@@ -69,11 +76,11 @@ class PlainMarkdownEditor extends React.Component {
       this.scrollData.scrollPercentage = srcElement.scrollTop / srcElement.scrollHeight;
       this.scrollData.leftPanel.scrollTop = this.scrollData.scrollPercentage * this.scrollData.leftPanel.scrollHeight;
     });
-    _defineProperty(this, "onHotKey", event => {
+    (0, _defineProperty2.default)(this, "onHotKey", event => {
       const {
         onSave
       } = this.props;
-      if (isHotkey('mod+s', event)) {
+      if ((0, _isHotkey.default)('mod+s', event)) {
         event.preventDefault();
         onSave && onSave(this.state.editorValue);
         return true;
@@ -101,28 +108,28 @@ class PlainMarkdownEditor extends React.Component {
       editorValue,
       previewValue
     } = this.state;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "sf-plain-editor"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "sf-plain-editor-main d-flex",
       onKeyDown: this.onHotKey
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "sf-plain-editor-left-panel",
       onMouseLeave: this.onLeaveLeftPanel,
       onMouseEnter: this.onEnterLeftPanel,
       onScroll: this.onLeftScroll
-    }, /*#__PURE__*/React.createElement(SeafileCodeMirror, {
+    }, /*#__PURE__*/_react.default.createElement(_codeMirror.default, {
       autoFocus: true,
       initialValue: editorValue,
       onChange: this.updateCode
-    })), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/_react.default.createElement("div", {
       className: "sf-plain-editor-right-panel",
       onMouseEnter: this.onEnterRightPanel,
       onMouseLeave: this.onLeaveRightPanel,
       onScroll: this.onRightScroll
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "preview"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "rendered-markdown article",
       dangerouslySetInnerHTML: {
         __html: previewValue
@@ -130,4 +137,4 @@ class PlainMarkdownEditor extends React.Component {
     })))));
   }
 }
-export default PlainMarkdownEditor;
+var _default = exports.default = PlainMarkdownEditor;

package/dist/editors/simple-slate-editor /index.js

@@ -1,15 +1,23 @@
-import React, { useCallback, useState, useMemo, useEffect } from 'react';
-import { Editable, Slate } from 'slate-react';
-import { Editor } from 'slate';
-import { baseEditor, Toolbar, renderElement, renderLeaf, useHighlight, SetNodeToDecorations } from '../../extension';
-import EventBus from '../../utils/event-bus';
-import EventProxy from '../../utils/event-handler';
-import withPropsEditor from './with-props-editor';
-import { focusEditor } from '../../extension/core';
-import { isMac } from '../../utils/common';
-import './style.css';
-const isMacOS = isMac();
-export default function SimpleSlateEditor(_ref) {
+"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 = SimpleSlateEditor;
+var _react = _interopRequireWildcard(require("react"));
+var _slateReact = require("slate-react");
+var _slate = require("slate");
+var _extension = require("../../extension");
+var _eventBus = _interopRequireDefault(require("../../utils/event-bus"));
+var _eventHandler = _interopRequireDefault(require("../../utils/event-handler"));
+var _withPropsEditor = _interopRequireDefault(require("./with-props-editor"));
+var _core = require("../../extension/core");
+var _common = require("../../utils/common");
+require("./style.css");
+const isMacOS = (0, _common.isMac)();
+function SimpleSlateEditor(_ref) {
   let {
     value,
     editorApi,
@@ -18,40 +26,40 @@ export default function SimpleSlateEditor(_ref) {
     onContentChanged,
     isSupportFormula
   } = _ref;
-  const [slateValue, setSlateValue] = useState(value);
-  const editor = useMemo(() => withPropsEditor(baseEditor, {
+  const [slateValue, setSlateValue] = (0, _react.useState)(value);
+  const editor = (0, _react.useMemo)(() => (0, _withPropsEditor.default)(_extension.baseEditor, {
     editorApi,
     onSave,
     columns
   }), [columns, editorApi, onSave]);
-  const eventProxy = useMemo(() => {
-    return new EventProxy(editor);
+  const eventProxy = (0, _react.useMemo)(() => {
+    return new _eventHandler.default(editor);
   }, [editor]);
-  const decorate = useHighlight(editor);
-  const onChange = useCallback(value => {
+  const decorate = (0, _extension.useHighlight)(editor);
+  const onChange = (0, _react.useCallback)(value => {
     setSlateValue(value);
     const operations = editor.operations;
     const modifyOps = operations.filter(o => o.type !== 'set_selection');
     if (modifyOps.length > 0) {
       onContentChanged && onContentChanged(value);
     }
-    const eventBus = EventBus.getInstance();
+    const eventBus = _eventBus.default.getInstance();
     eventBus.dispatch('change');
   }, [editor.operations, onContentChanged]);
 
   // useMount: focus editor
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     const timer = setTimeout(() => {
       const [firstNode] = editor.children;
       if (firstNode) {
         const [firstNodeFirstChild] = firstNode.children;
         if (firstNodeFirstChild) {
-          const endOfFirstNode = Editor.end(editor, [0, 0]);
+          const endOfFirstNode = _slate.Editor.end(editor, [0, 0]);
           const range = {
             anchor: endOfFirstNode,
             focus: endOfFirstNode
           };
-          focusEditor(editor, range);
+          (0, _core.focusEditor)(editor, range);
         }
       }
     }, 300);
@@ -62,34 +70,34 @@ export default function SimpleSlateEditor(_ref) {
   }, []);
 
   // willUnmount
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     return () => {
       editor.selection = null;
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-simple-slate-editor-container"
-  }, /*#__PURE__*/React.createElement(Toolbar, {
+  }, /*#__PURE__*/_react.default.createElement(_extension.Toolbar, {
     editor: editor,
     isSupportFormula: isSupportFormula,
     isSupportColumn: !!columns
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-slate-editor-content"
-  }, /*#__PURE__*/React.createElement(Slate, {
+  }, /*#__PURE__*/_react.default.createElement(_slateReact.Slate, {
     editor: editor,
     initialValue: slateValue,
     onChange: onChange
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-slate-scroll-container ".concat(isMacOS ? '' : 'isWin')
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-slate-article-container"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "article"
-  }, /*#__PURE__*/React.createElement(SetNodeToDecorations, null), /*#__PURE__*/React.createElement(Editable, {
+  }, /*#__PURE__*/_react.default.createElement(_extension.SetNodeToDecorations, null), /*#__PURE__*/_react.default.createElement(_slateReact.Editable, {
     decorate: decorate,
-    renderElement: renderElement,
-    renderLeaf: renderLeaf,
+    renderElement: _extension.renderElement,
+    renderLeaf: _extension.renderLeaf,
     onKeyDown: eventProxy.onKeyDown,
     onCopy: eventProxy.onCopy
   })))))));

package/dist/editors/simple-slate-editor /with-props-editor.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 const withPropsEditor = function (editor) {
   let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   let newEditor = editor;
@@ -12,4 +18,4 @@ const withPropsEditor = function (editor) {
   }
   return newEditor;
 };
-export default withPropsEditor;
+var _default = exports.default = withPropsEditor;

package/dist/editors/slate-editor/editor-help/index.js

@@ -1,40 +1,48 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import classNames from 'classnames';
-import EventBus from '../../../utils/event-bus';
-import { EXTERNAL_EVENTS, INTERNAL_EVENTS } from '../../../constants/event-types';
-import HotKeysHelper from '../../../containers/hotkeys-helper';
-import ArticleInfo from '../../../containers/article-info';
-import './style.css';
-export default function EditorHelp(_ref) {
+"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 = EditorHelp;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _eventTypes = require("../../../constants/event-types");
+var _hotkeysHelper = _interopRequireDefault(require("../../../containers/hotkeys-helper"));
+var _articleInfo = _interopRequireDefault(require("../../../containers/article-info"));
+require("./style.css");
+function EditorHelp(_ref) {
   let {
     children
   } = _ref;
-  const [isShowHelpInfo, setIsShowHelpInfo] = useState(false);
-  const [isShowArticleInfo, setIsShowArticleInfo] = useState(false);
-  const updateArticleInfoState = useCallback(state => {
+  const [isShowHelpInfo, setIsShowHelpInfo] = (0, _react.useState)(false);
+  const [isShowArticleInfo, setIsShowArticleInfo] = (0, _react.useState)(false);
+  const updateArticleInfoState = (0, _react.useCallback)(state => {
     setIsShowArticleInfo(state);
     setIsShowHelpInfo(false);
   }, []);
-  const updateHelpInfoState = useCallback(state => {
+  const updateHelpInfoState = (0, _react.useCallback)(state => {
     setIsShowHelpInfo(state);
     setIsShowArticleInfo(false);
   }, []);
-  useEffect(() => {
-    const eventBus = EventBus.getInstance();
-    const unsubscribeArticleInfo = eventBus.subscribe(INTERNAL_EVENTS.ON_ARTICLE_INFO_TOGGLE, updateArticleInfoState);
-    const unsubscribeHelpInfo = eventBus.subscribe(EXTERNAL_EVENTS.ON_HELP_INFO_TOGGLE, updateHelpInfoState);
+  (0, _react.useEffect)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    const unsubscribeArticleInfo = eventBus.subscribe(_eventTypes.INTERNAL_EVENTS.ON_ARTICLE_INFO_TOGGLE, updateArticleInfoState);
+    const unsubscribeHelpInfo = eventBus.subscribe(_eventTypes.EXTERNAL_EVENTS.ON_HELP_INFO_TOGGLE, updateHelpInfoState);
     return () => {
       unsubscribeHelpInfo();
       unsubscribeArticleInfo();
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const containerClass = classNames('sf-markdown-help-wrapper', {
+  const containerClass = (0, _classnames.default)('sf-markdown-help-wrapper', {
     'active': isShowArticleInfo || isShowHelpInfo
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: containerClass
-  }, isShowArticleInfo && /*#__PURE__*/React.createElement(ArticleInfo, {
+  }, isShowArticleInfo && /*#__PURE__*/_react.default.createElement(_articleInfo.default, {
     children: children
-  }), isShowHelpInfo && /*#__PURE__*/React.createElement(HotKeysHelper, null));
+  }), isShowHelpInfo && /*#__PURE__*/_react.default.createElement(_hotkeysHelper.default, null));
 }

package/dist/editors/slate-editor/index.js

@@ -1,18 +1,26 @@
-import React, { useCallback, useState, useMemo, useEffect, useRef } from 'react';
-import { Editable, Slate } from 'slate-react';
-import { Editor } from 'slate';
-import { baseEditor, Toolbar, renderElement, renderLeaf, useHighlight, SetNodeToDecorations } from '../../extension';
-import EventBus from '../../utils/event-bus';
-import EventProxy from '../../utils/event-handler';
-import withPropsEditor from './with-props-editor';
-import EditorHelp from './editor-help';
-import { focusEditor } from '../../extension/core';
-import { ScrollContext } from '../../hooks/use-scroll-context';
-import useSeafileUtils from '../../hooks/use-insert-image';
-import { isMac } from '../../utils/common';
-import './style.css';
-const isMacOS = isMac();
-export default function SlateEditor(_ref) {
+"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 = SlateEditor;
+var _react = _interopRequireWildcard(require("react"));
+var _slateReact = require("slate-react");
+var _slate = require("slate");
+var _extension = require("../../extension");
+var _eventBus = _interopRequireDefault(require("../../utils/event-bus"));
+var _eventHandler = _interopRequireDefault(require("../../utils/event-handler"));
+var _withPropsEditor = _interopRequireDefault(require("./with-props-editor"));
+var _editorHelp = _interopRequireDefault(require("./editor-help"));
+var _core = require("../../extension/core");
+var _useScrollContext = require("../../hooks/use-scroll-context");
+var _useInsertImage = _interopRequireDefault(require("../../hooks/use-insert-image"));
+var _common = require("../../utils/common");
+require("./style.css");
+const isMacOS = (0, _common.isMac)();
+function SlateEditor(_ref) {
   let {
     value,
     editorApi,
@@ -22,41 +30,41 @@ export default function SlateEditor(_ref) {
     isSupportInsertSeafileImage,
     children
   } = _ref;
-  const [slateValue, setSlateValue] = useState(value);
-  const scrollRef = useRef(null);
-  const editor = useMemo(() => withPropsEditor(baseEditor, {
+  const [slateValue, setSlateValue] = (0, _react.useState)(value);
+  const scrollRef = (0, _react.useRef)(null);
+  const editor = (0, _react.useMemo)(() => (0, _withPropsEditor.default)(_extension.baseEditor, {
     editorApi,
     onSave
   }), [editorApi, onSave]);
-  const eventProxy = useMemo(() => {
-    return new EventProxy(editor);
+  const eventProxy = (0, _react.useMemo)(() => {
+    return new _eventHandler.default(editor);
   }, [editor]);
-  useSeafileUtils(editor);
-  const decorate = useHighlight(editor);
-  const onChange = useCallback(value => {
+  (0, _useInsertImage.default)(editor);
+  const decorate = (0, _extension.useHighlight)(editor);
+  const onChange = (0, _react.useCallback)(value => {
     setSlateValue(value);
     const operations = editor.operations;
     const modifyOps = operations.filter(o => o.type !== 'set_selection');
     if (modifyOps.length > 0) {
       onContentChanged && onContentChanged(value);
     }
-    const eventBus = EventBus.getInstance();
+    const eventBus = _eventBus.default.getInstance();
     eventBus.dispatch('change');
   }, [editor.operations, onContentChanged]);
 
   // useMount: focus editor
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     const timer = setTimeout(() => {
       const [firstNode] = editor.children;
       if (firstNode) {
         const [firstNodeFirstChild] = firstNode.children;
         if (firstNodeFirstChild) {
-          const endOfFirstNode = Editor.end(editor, [0, 0]);
+          const endOfFirstNode = _slate.Editor.end(editor, [0, 0]);
           const range = {
             anchor: endOfFirstNode,
             focus: endOfFirstNode
           };
-          focusEditor(editor, range);
+          (0, _core.focusEditor)(editor, range);
         }
       }
     }, 300);
@@ -67,43 +75,43 @@ export default function SlateEditor(_ref) {
   }, []);
 
   // willUnmount
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     return () => {
       editor.selection = null;
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-slate-editor-container"
-  }, /*#__PURE__*/React.createElement(Toolbar, {
+  }, /*#__PURE__*/_react.default.createElement(_extension.Toolbar, {
     editor: editor,
     isRichEditor: true,
     isSupportFormula: isSupportFormula,
     isSupportInsertSeafileImage: isSupportInsertSeafileImage
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-slate-editor-content"
-  }, /*#__PURE__*/React.createElement(ScrollContext.Provider, {
+  }, /*#__PURE__*/_react.default.createElement(_useScrollContext.ScrollContext.Provider, {
     value: {
       scrollRef
     }
-  }, /*#__PURE__*/React.createElement(Slate, {
+  }, /*#__PURE__*/_react.default.createElement(_slateReact.Slate, {
     editor: editor,
     initialValue: slateValue,
     onChange: onChange
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     ref: scrollRef,
     className: "sf-slate-scroll-container ".concat(isMacOS ? '' : 'isWin')
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-slate-article-container"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "article"
-  }, /*#__PURE__*/React.createElement(SetNodeToDecorations, null), /*#__PURE__*/React.createElement(Editable, {
+  }, /*#__PURE__*/_react.default.createElement(_extension.SetNodeToDecorations, null), /*#__PURE__*/_react.default.createElement(_slateReact.Editable, {
     decorate: decorate,
-    renderElement: renderElement,
-    renderLeaf: renderLeaf,
+    renderElement: _extension.renderElement,
+    renderLeaf: _extension.renderLeaf,
     onKeyDown: eventProxy.onKeyDown,
     onCopy: eventProxy.onCopy
-  })))), /*#__PURE__*/React.createElement(EditorHelp, {
+  })))), /*#__PURE__*/_react.default.createElement(_editorHelp.default, {
     children: children
   })))));
 }

package/dist/editors/slate-editor/with-props-editor.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 const withPropsEditor = function (editor) {
   let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const newEditor = editor;
@@ -9,4 +15,4 @@ const withPropsEditor = function (editor) {
   }
   return newEditor;
 };
-export default withPropsEditor;
+var _default = exports.default = withPropsEditor;

package/dist/editors/slate-viewer/index.js

@@ -1,56 +1,64 @@
-import React, { useEffect, useMemo, useRef } from 'react';
-import { SetNodeToDecorations, createSlateEditor, renderElement, renderLeaf, useHighlight } from '../../extension';
-import { Editable, Slate } from 'slate-react';
-import Outline from '../../containers/outline';
-import { ScrollContext } from '../../hooks/use-scroll-context';
-import useLinkClick from '../../hooks/user-link-click';
-import { isMac } from '../../utils/common';
-import './style.css';
-const isMacOS = isMac();
-export default function SlateViewer(_ref) {
+"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 = SlateViewer;
+var _react = _interopRequireWildcard(require("react"));
+var _extension = require("../../extension");
+var _slateReact = require("slate-react");
+var _outline = _interopRequireDefault(require("../../containers/outline"));
+var _useScrollContext = require("../../hooks/use-scroll-context");
+var _userLinkClick = _interopRequireDefault(require("../../hooks/user-link-click"));
+var _common = require("../../utils/common");
+require("./style.css");
+const isMacOS = (0, _common.isMac)();
+function SlateViewer(_ref) {
   let {
     value,
     isShowOutline,
     scrollRef: externalScrollRef,
     onLinkClick
   } = _ref;
-  const scrollRef = useRef(null);
-  const editor = useMemo(() => {
-    return createSlateEditor();
+  const scrollRef = (0, _react.useRef)(null);
+  const editor = (0, _react.useMemo)(() => {
+    return (0, _extension.createSlateEditor)();
   }, []);
   const containerScrollRef = externalScrollRef ? externalScrollRef : scrollRef;
-  const decorate = useHighlight(editor);
-  useLinkClick(onLinkClick);
+  const decorate = (0, _extension.useHighlight)(editor);
+  (0, _userLinkClick.default)(onLinkClick);
 
   // willUnmount
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     return () => {
       editor.selection = null;
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return /*#__PURE__*/React.createElement(Slate, {
+  return /*#__PURE__*/_react.default.createElement(_slateReact.Slate, {
     editor: editor,
     initialValue: value
-  }, /*#__PURE__*/React.createElement(ScrollContext.Provider, {
+  }, /*#__PURE__*/_react.default.createElement(_useScrollContext.ScrollContext.Provider, {
     value: {
       scrollRef: containerScrollRef
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     ref: scrollRef,
     className: "sf-slate-viewer-scroll-container ".concat(isMacOS ? '' : 'isWin', " ").concat(isShowOutline ? 'outline' : '')
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-slate-viewer-article-container"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "article"
-  }, /*#__PURE__*/React.createElement(SetNodeToDecorations, null), /*#__PURE__*/React.createElement(Editable, {
+  }, /*#__PURE__*/_react.default.createElement(_extension.SetNodeToDecorations, null), /*#__PURE__*/_react.default.createElement(_slateReact.Editable, {
     readOnly: true,
     decorate: decorate,
-    renderElement: renderElement,
-    renderLeaf: renderLeaf
-  }))), isShowOutline && /*#__PURE__*/React.createElement("div", {
+    renderElement: _extension.renderElement,
+    renderLeaf: _extension.renderLeaf
+  }))), isShowOutline && /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-slate-viewer-outline"
-  }, /*#__PURE__*/React.createElement(Outline, {
+  }, /*#__PURE__*/_react.default.createElement(_outline.default, {
     editor: editor
   })))));
 }