x-star-editor 0.3.7 → 0.3.8

package/dist/utils/markdown.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Root as HastRoot } from 'hast';
 import { defaultSchema } from 'rehype-sanitize';
 import type { ViewerOptions } from '../x-star-md-viewer';
@@ -36,7 +35,7 @@ export declare const viewerRender: (root: HastRoot, schema: Schema) => HastRoot;
  * @param options 配置项
  * @returns React 虚拟 DOM 树
  */
-export declare const postViewerRender: (root: HastRoot, options: ViewerOptions) => JSX.Element;
+export declare const postViewerRender: (root: HastRoot, options: ViewerOptions) => any;
 /**
  * 将 Markdown 文本转成 HTML 文本
  *

package/dist/utils/markdown.js

@@ -341,23 +341,33 @@ export var viewerRender = function viewerRender(root, schema) {
  * @returns React 虚拟 DOM 树
  */
 export var postViewerRender = function postViewerRender(root, options) {
-  var components = _objectSpread(_objectSpread({}, options.customHTMLElements), {}, {
-    input: function input(props) {
-      return jsx('input', props);
-    },
-    custom: function custom(props) {
-      var _options$customBlocks;
-      return jsx((_options$customBlocks = options.customBlocks[props.meta]) !== null && _options$customBlocks !== void 0 ? _options$customBlocks : 'div', {
-        children: props.value
-      });
-    }
-  });
-  return toJsxRuntime(unified().use(rehypeKatex).runSync(root), {
-    Fragment: Fragment,
-    jsx: jsx,
-    jsxs: jsxs,
-    components: components
-  });
+  try {
+    var components = _objectSpread(_objectSpread({}, options.customHTMLElements), {}, {
+      input: function input(props) {
+        return jsx('input', props);
+      },
+      custom: function custom(props) {
+        var _options$customBlocks;
+        return jsx((_options$customBlocks = options.customBlocks[props.meta]) !== null && _options$customBlocks !== void 0 ? _options$customBlocks : 'div', {
+          children: props.value
+        });
+      }
+    });
+    return toJsxRuntime(unified().use(rehypeKatex).runSync(root), {
+      Fragment: Fragment,
+      jsx: jsx,
+      jsxs: jsxs,
+      components: components
+    });
+  } catch (_unused) {
+    return jsx('div', {
+      style: {
+        fontStyle: 'italic',
+        color: 'red'
+      },
+      children: 'Parse error!'
+    });
+  }
 };
 var toHTMLProcessor = unified().use(remarkParse).use(remarkGfm).use(remarkMath).use(remarkRehype, {
   allowDangerousHtml: true,

package/dist/x-star-md-editor/index.js

@@ -125,11 +125,6 @@ var XStarMdEditor = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
           });
           break;
         }
-      case 'compositionstart':
-        {
-          container.normalizeSelection();
-          break;
-        }
     }
   };
   var dragEventHandler = function dragEventHandler(e) {
@@ -176,6 +171,7 @@ var XStarMdEditor = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         {
           // 组合时不触发快捷键
           if (!e.nativeEvent.isComposing) {
+            container.normalizeSelection();
             composeHandlers(options.keyboardEventHandlers)({
               history: history,
               sourceCode: sourceCode,
@@ -377,7 +373,6 @@ var XStarMdEditor = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     contentEditable: true,
     onBlur: focusEventHandler,
     onCompositionEnd: compositionEventHandler,
-    onCompositionStart: compositionEventHandler,
     onCopy: clipboardEventHandler,
     onCut: clipboardEventHandler,
     onDragStart: dragEventHandler,

package/dist/x-star-md-viewer/index.js

@@ -57,7 +57,7 @@ var XStarMdViewer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   }, [enableWebWorker]);
   useEffect(function () {
-    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var timer = window.setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var root, _worker$current2;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -76,13 +76,21 @@ var XStarMdViewer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
             return _context.stop();
         }
       }, _callee);
-    }))();
+    })), 100);
+    return function () {
+      return window.clearTimeout(timer);
+    };
   }, [value, options]);
 
   // 确保在末尾输入时能同步滚动
   useEffect(function () {
-    var _containerRef$current;
-    (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.dispatchEvent(new Event('render'));
+    var timer = window.setTimeout(function () {
+      var _containerRef$current;
+      return (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.dispatchEvent(new Event('render'));
+    }, 100);
+    return function () {
+      return window.clearTimeout(timer);
+    };
   }, [children]);
   return /*#__PURE__*/React.createElement("div", {
     ref: containerRef,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-star-editor",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "description": "An editor developed by turingstar",
   "license": "MIT",
   "module": "dist/index.js",