@seafile/seafile-editor 2.0.36 → 2.0.37-beta

package/dist/components/link-verified-dialog/index.js

@@ -35,7 +35,7 @@ const LinkVerifiedDialog = _ref => {
     host,
     protocol,
     pathname
-  } = new URL(link);
+  } = new URL(encodeURIComponent(link));
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
     isOpen: true,
     toggle: onToggle,

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

@@ -21,7 +21,8 @@ function SlateViewer(_ref) {
     value,
     isShowOutline,
     scrollRef: externalScrollRef,
-    onLinkClick
+    onLinkClick,
+    options
   } = _ref;
   const scrollRef = (0, _react.useRef)(null);
   const {
@@ -69,7 +70,10 @@ function SlateViewer(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_extension.SetNodeToDecorations, null), /*#__PURE__*/_react.default.createElement(_slateReact.Editable, {
     readOnly: true,
     decorate: decorate,
-    renderElement: _extension.renderElement,
+    renderElement: props => (0, _extension.renderElement)({
+      options,
+      ...props
+    }),
     renderLeaf: _extension.renderLeaf
   }))))))));
 }

package/dist/extension/plugins/definition/render-elem/index.js

@@ -14,9 +14,13 @@ const renderDefinition = (_ref, editor) => {
   let {
     attributes,
     children,
-    element
+    element,
+    option
   } = _ref;
   const [isShowConfirmDialog, setIsShowConfirmDialog] = (0, _react.useState)(false);
+  const {
+    render
+  } = option || {};
   const onHrefClick = (0, _react.useCallback)(event => {
     event.preventDefault();
     if (element.url.startsWith(window.location.origin)) {
@@ -24,10 +28,21 @@ const renderDefinition = (_ref, editor) => {
       return;
     }
     setIsShowConfirmDialog(true);
-  }, [element.url]);
+  }, [element]);
   const onToggle = (0, _react.useCallback)(() => {
     setIsShowConfirmDialog(!isShowConfirmDialog);
   }, [isShowConfirmDialog]);
+  if ( /*#__PURE__*/(0, _react.isValidElement)(render)) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/(0, _react.cloneElement)(render, {
+      element,
+      onClick: onHrefClick,
+      attributes,
+      editor
+    }), isShowConfirmDialog && /*#__PURE__*/_react.default.createElement(_components.LinkVerifiedDialog, {
+      link: element.url,
+      onToggle: onToggle
+    }));
+  }
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", Object.assign({
     "data-url": element.url,
     "data-id": element.id,

package/dist/extension/plugins/link-reference/render-elem/index.js

@@ -15,8 +15,12 @@ const renderLinkReference = (_ref, editor) => {
   let {
     attributes,
     children,
-    element
+    element,
+    option
   } = _ref;
+  const {
+    render
+  } = option || {};
   const onClick = (0, _react.useCallback)(() => {
     const doms = (0, _core.getNodesByType)(editor.children, _elementTypes.DEFINITION);
     const dom = doms.find(d => d.identifier === element.identifier);
@@ -29,6 +33,14 @@ const renderLinkReference = (_ref, editor) => {
       block: 'center'
     });
   }, [element, editor]);
+  if (render && /*#__PURE__*/(0, _react.isValidElement)(render)) {
+    return /*#__PURE__*/(0, _react.cloneElement)(render, {
+      element,
+      onClick,
+      attributes,
+      editor
+    });
+  }
   return /*#__PURE__*/_react.default.createElement("sup", Object.assign({
     onClick: onClick,
     className: "sf-virtual-link-reference",

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

@@ -10,10 +10,18 @@ var _react = _interopRequireDefault(require("react"));
 var _slateReact = require("slate-react");
 var ElementType = _interopRequireWildcard(require("../constants/element-types"));
 var _plugins = require("../plugins");
-const SlateElement = props => {
-  const {
+const SlateElement = _ref => {
+  let {
+    element,
+    options,
+    ...params
+  } = _ref;
+  const option = options ? options[element.type] : null;
+  const props = {
+    ...params,
+    option,
     element
-  } = props;
+  };
   const editor = (0, _slateReact.useSlateStatic)();
   switch (element.type) {
     case ElementType.BLOCKQUOTE:

package/dist/index.js

@@ -10,6 +10,12 @@ Object.defineProperty(exports, "BrowserTip", {
     return _components.BrowserTip;
   }
 });
+Object.defineProperty(exports, "ELementTypes", {
+  enumerable: true,
+  get: function () {
+    return _extension.ELementTypes;
+  }
+});
 Object.defineProperty(exports, "EXTERNAL_EVENTS", {
   enumerable: true,
   get: function () {
@@ -145,4 +151,5 @@ var _slateConvert = require("./slate-convert");
 var _replaceSlateNodes = require("./utils/replace-slate-nodes");
 var _getPreviewContent = _interopRequireDefault(require("./utils/get-preview-content"));
 var _getBrowserInfo = _interopRequireDefault(require("./utils/get-browser-Info"));
-var _components = require("./components");
+var _components = require("./components");
+var _extension = require("./extension");

package/dist/pages/markdown-view.js

@@ -11,6 +11,23 @@ var _loading = _interopRequireDefault(require("../containers/loading"));
 var _slateConvert = require("../slate-convert");
 var _useMathjax = _interopRequireDefault(require("../hooks/use-mathjax"));
 var _slateViewer = _interopRequireDefault(require("../editors/slate-viewer"));
+/**
+ *
+ * @param {
+ *   options: {
+ *     loading: {
+ *       render: Custom loading renderer,
+ *       ... // others
+ *     },
+ *     [ELementTypes.LINK_REFERENCE]: {
+ *       render: Custom LinkReference renderer
+ *     },
+ *     ... // others
+ *   }
+ * }
+ * @returns SlateViewer
+ */
+
 function MarkdownViewer(_ref) {
   let {
     isFetching,
@@ -19,7 +36,8 @@ function MarkdownViewer(_ref) {
     isShowOutline,
     scrollRef,
     onLinkClick,
-    beforeRenderCallback
+    beforeRenderCallback,
+    options
   } = _ref;
   const [richValue, setRichValue] = (0, _react.useState)([]);
   const [isLoading, setIsLoading] = (0, _react.useState)(true);
@@ -39,6 +57,7 @@ function MarkdownViewer(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isFetching, value]);
   const props = {
+    options,
     isSupportFormula: !!mathJaxSource,
     value: richValue,
     isShowOutline: isShowOutline,
@@ -46,6 +65,13 @@ function MarkdownViewer(_ref) {
     onLinkClick: onLinkClick
   };
   if (isFetching || isLoading || isLoadingMathJax) {
+    const loadingOption = (options === null || options === void 0 ? void 0 : options.loading) || {};
+    const {
+      render
+    } = loadingOption || {};
+    if (render && /*#__PURE__*/(0, _react.isValidElement)(render)) {
+      return /*#__PURE__*/(0, _react.cloneElement)(render);
+    }
     return /*#__PURE__*/_react.default.createElement(_loading.default, null);
   }
   return /*#__PURE__*/_react.default.createElement(_slateViewer.default, props);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "2.0.36",
+  "version": "2.0.37beta",
   "description": "",
   "main": "dist/index.js",
   "scripts": {