x-star-editor 0.0.8 → 0.1.0

package/dist/utils/container.js

@@ -49,6 +49,16 @@ export var useContainer = function useContainer() {
    */
   var ref = useRef(null);
 
+  /**
+   * 是否在遍历时忽略节点及其子节点
+   *
+   * @param node 节点
+   * @returns 是否忽略
+   */
+  var isIgnore = function isIgnore(node) {
+    return node instanceof HTMLElement && node.dataset.ignore !== undefined;
+  };
+
   /**
    * 将 DOM 树规范化
    *
@@ -59,6 +69,9 @@ export var useContainer = function useContainer() {
       return;
     }
     var traverse = function traverse(node, depth) {
+      if (isIgnore(node)) {
+        return;
+      }
       if (depth === 2) {
         var _node$lastChild;
         // 检查行节点的末尾
@@ -102,6 +115,9 @@ export var useContainer = function useContainer() {
     }
     var text = '';
     var traverse = function traverse(node) {
+      if (isIgnore(node)) {
+        return;
+      }
       if (node.nodeType === Node.TEXT_NODE) {
         if (node.nodeValue) {
           text += node.nodeValue;
@@ -152,7 +168,7 @@ export var useContainer = function useContainer() {
           }
         } else {
           // 节点名称相同，更新属性和子节点
-          if (newChild instanceof Element && oldChild instanceof Element) {
+          if (newChild instanceof HTMLElement && oldChild instanceof HTMLElement) {
             var _iterator = _createForOfIteratorHelper(oldChild.getAttributeNames()),
               _step;
             try {
@@ -234,6 +250,9 @@ export var useContainer = function useContainer() {
       }
       var offset = 0;
       var traverse = function traverse(node) {
+        if (isIgnore(node)) {
+          return;
+        }
         if (node === targetNode) {
           if (node.nodeType === Node.TEXT_NODE) {
             if (node.nodeValue) {
@@ -296,6 +315,9 @@ export var useContainer = function useContainer() {
       }
       var offset = targetOffset;
       var traverse = function traverse(node) {
+        if (isIgnore(node)) {
+          return;
+        }
         if (node.nodeType === Node.TEXT_NODE) {
           if (node.nodeValue) {
             if (offset < node.nodeValue.length || offset === node.nodeValue.length && !node.nodeValue.endsWith("\u200B")) {

package/dist/utils/global.d.ts

@@ -1 +1 @@
-export declare const prefix = "x-star-";
+export declare const prefix = "x-star-editor-";

package/dist/utils/global.js

@@ -1 +1 @@
-export var prefix = 'x-star-';
+export var prefix = 'x-star-editor-';

package/dist/utils/history.d.ts

@@ -25,12 +25,15 @@ export interface DeleteAction {
 export interface ToggleAction {
     type: 'toggle';
     payload: {
+        type: 'blockquote' | 'delete' | 'emphasis' | 'inlineCode' | 'inlineMath' | 'math' | 'strong' | 'thematicBreak';
+    } | {
+        type: 'code';
+        language: string;
+    } | {
         type: 'heading';
         depth: 1 | 2 | 3 | 4 | 5 | 6;
     } | {
-        type: 'thematicBreak' | 'blockquote' | 'code' | 'emphasis' | 'strong' | 'inlineCode' | 'delete' | 'math' | 'inlineMath';
-    } | {
-        type: 'link' | 'image';
+        type: 'image' | 'link';
         url: string;
         description: string;
     };
@@ -41,6 +44,17 @@ export interface SetAction {
     payload: State;
     selection: ContainerSelection;
 }
+type StateAction = InsertAction | DeleteAction | ToggleAction | SetAction;
+/**
+ * 编辑器历史
+ */
+interface History {
+    states: (State & {
+        action: StateAction;
+    })[];
+    index: number;
+    selection: ContainerSelection;
+}
 export interface UndoAction {
     type: 'undo';
 }
@@ -51,9 +65,11 @@ export interface SelectAction {
     type: 'select';
     selection: ContainerSelection;
 }
+type HistoryAction = UndoAction | RedoAction | SelectAction;
 export declare const useHistory: (initialSourceCode: string) => {
+    history: History;
     sourceCode: string;
     selection: ContainerSelection;
-    dispatch: import("react").Dispatch<InsertAction | DeleteAction | ToggleAction | SetAction | UndoAction | RedoAction | SelectAction>;
+    dispatch: import("react").Dispatch<StateAction | HistoryAction>;
 };
 export {};

package/dist/utils/history.js

@@ -84,26 +84,22 @@ var stateReducer = function stateReducer(_ref, action) {
         var lineBefore = sourceCode.slice(0, lineStartOffset);
         var lineAfter = sourceCode.slice(lineEndOffset);
         switch (action.payload.type) {
-          case 'heading':
+          case 'blockquote':
             {
-              var depth = action.payload.depth;
               var lines = sourceCode.slice(lineStartOffset, lineEndOffset).split('\n');
               var values = lines.map(function (line) {
-                return [1, 2, 3, 4, 5, 6].find(function (value) {
-                  return new RegExp("^ {0,3}#{".concat(value, "} +")).test(line);
-                });
+                return /^ {0,3}> */.test(line);
               });
               for (var i = 0; i < values.length; i++) {
-                var value = values[i];
-                if (value) {
-                  lines[i] = lines[i].replace(new RegExp("^ {0,3}#{".concat(value, "} +")), '');
+                if (values[i]) {
+                  lines[i] = lines[i].replace(/^ {0,3}> */, '');
                 }
               }
               if (values.some(function (value) {
-                return value !== depth;
+                return !value;
               })) {
                 for (var _i = 0; _i < lines.length; _i++) {
-                  lines[_i] = "".concat('#'.repeat(depth), " ").concat(lines[_i]);
+                  lines[_i] = "> ".concat(lines[_i]);
                 }
               }
               var _text = lines.join('\n');
@@ -112,83 +108,92 @@ var stateReducer = function stateReducer(_ref, action) {
                 selection: createSelection(lineStartOffset + _text.length)
               };
             }
-          case 'thematicBreak':
+          case 'code':
             {
+              var language = action.payload.language;
               return {
-                sourceCode: "".concat(sourceCode.slice(0, lineEndOffset), "\n***\n").concat(lineAfter),
-                selection: createSelection(lineEndOffset + 5)
+                sourceCode: "".concat(sourceCode.slice(0, lineEndOffset), "\n```").concat(language, " showLineNumbers\n\n```\n").concat(lineAfter),
+                selection: createSelection(lineEndOffset + language.length + 21)
               };
             }
-          case 'blockquote':
+          case 'delete':
+          case 'emphasis':
+          case 'inlineCode':
+          case 'inlineMath':
+          case 'strong':
+            {
+              var type = action.payload.type;
+              var delimiters = type === 'emphasis' ? ['*', '_'] : type === 'strong' ? ['**', '__'] : type === 'inlineCode' ? ['`'] : type === 'delete' ? ['~~'] : ['$'];
+              var _text2 = sourceCode.slice(startOffset, endOffset);
+              for (var _i2 = 0, _delimiters = delimiters; _i2 < _delimiters.length; _i2++) {
+                var _delimiter = _delimiters[_i2];
+                if (before.endsWith(_delimiter) && after.startsWith(_delimiter)) {
+                  // 删除分隔文本
+                  return {
+                    sourceCode: "".concat(before.slice(0, before.length - _delimiter.length)).concat(_text2).concat(after.slice(_delimiter.length)),
+                    selection: createSelection(anchorOffset - _delimiter.length, focusOffset - _delimiter.length)
+                  };
+                }
+              }
+              var delimiter = delimiters[0];
+              // 插入分隔文本
+              return {
+                sourceCode: "".concat(before).concat(delimiter).concat(_text2).concat(delimiter).concat(after),
+                selection: createSelection(anchorOffset + delimiter.length, focusOffset + delimiter.length)
+              };
+            }
+          case 'heading':
             {
+              var depth = action.payload.depth;
               var _lines = sourceCode.slice(lineStartOffset, lineEndOffset).split('\n');
               var _values = _lines.map(function (line) {
-                return /^ {0,3}> */.test(line);
+                return [1, 2, 3, 4, 5, 6].find(function (value) {
+                  return new RegExp("^ {0,3}#{".concat(value, "} +")).test(line);
+                });
               });
-              for (var _i2 = 0; _i2 < _values.length; _i2++) {
-                if (_values[_i2]) {
-                  _lines[_i2] = _lines[_i2].replace(/^ {0,3}> */, '');
+              for (var _i3 = 0; _i3 < _values.length; _i3++) {
+                var value = _values[_i3];
+                if (value) {
+                  _lines[_i3] = _lines[_i3].replace(new RegExp("^ {0,3}#{".concat(value, "} +")), '');
                 }
               }
               if (_values.some(function (value) {
-                return !value;
+                return value !== depth;
               })) {
-                for (var _i3 = 0; _i3 < _lines.length; _i3++) {
-                  _lines[_i3] = "> ".concat(_lines[_i3]);
+                for (var _i4 = 0; _i4 < _lines.length; _i4++) {
+                  _lines[_i4] = "".concat('#'.repeat(depth), " ").concat(_lines[_i4]);
                 }
               }
-              var _text2 = _lines.join('\n');
+              var _text3 = _lines.join('\n');
               return {
-                sourceCode: "".concat(lineBefore).concat(_text2).concat(lineAfter),
-                selection: createSelection(lineStartOffset + _text2.length)
+                sourceCode: "".concat(lineBefore).concat(_text3).concat(lineAfter),
+                selection: createSelection(lineStartOffset + _text3.length)
               };
             }
-          case 'code':
-          case 'math':
+          case 'image':
+          case 'link':
             {
-              var type = action.payload.type;
-              var delimiter = type === 'code' ? '```' : '$$';
+              var _action$payload2 = action.payload,
+                _type = _action$payload2.type,
+                url = _action$payload2.url,
+                description = _action$payload2.description;
               return {
-                sourceCode: "".concat(sourceCode.slice(0, lineEndOffset), "\n").concat(delimiter, "\n\n").concat(delimiter, "\n").concat(lineAfter),
-                selection: createSelection(lineEndOffset + delimiter.length + 2)
+                sourceCode: "".concat(before).concat(_type === 'link' ? '' : '!', "[").concat(description, "](").concat(url, ")").concat(after),
+                selection: createSelection(startOffset + url.length + description.length + 4 + (_type === 'link' ? 0 : 1))
               };
             }
-          case 'emphasis':
-          case 'strong':
-          case 'inlineCode':
-          case 'delete':
-          case 'inlineMath':
+          case 'math':
             {
-              var _type = action.payload.type;
-              var delimiters = _type === 'emphasis' ? ['*', '_'] : _type === 'strong' ? ['**', '__'] : _type === 'inlineCode' ? ['`'] : _type === 'delete' ? ['~~'] : ['$'];
-              var _text3 = sourceCode.slice(startOffset, endOffset);
-              for (var _i4 = 0, _delimiters = delimiters; _i4 < _delimiters.length; _i4++) {
-                var _delimiter = _delimiters[_i4];
-                if (before.endsWith(_delimiter) && after.startsWith(_delimiter)) {
-                  // 删除分隔文本
-                  return {
-                    sourceCode: "".concat(before.slice(0, before.length - _delimiter.length)).concat(_text3).concat(after.slice(_delimiter.length)),
-                    selection: createSelection(anchorOffset - _delimiter.length, focusOffset - _delimiter.length)
-                  };
-                }
-              }
-              var _delimiter2 = delimiters[0];
-              // 插入分隔文本
               return {
-                sourceCode: "".concat(before).concat(_delimiter2).concat(_text3).concat(_delimiter2).concat(after),
-                selection: createSelection(anchorOffset + _delimiter2.length, focusOffset + _delimiter2.length)
+                sourceCode: "".concat(sourceCode.slice(0, lineEndOffset), "\n$$\n\n$$\n").concat(lineAfter),
+                selection: createSelection(lineEndOffset + 4)
               };
             }
-          case 'link':
-          case 'image':
+          case 'thematicBreak':
             {
-              var _action$payload2 = action.payload,
-                _type2 = _action$payload2.type,
-                url = _action$payload2.url,
-                description = _action$payload2.description;
               return {
-                sourceCode: "".concat(before).concat(_type2 === 'link' ? '' : '!', "[").concat(description, "](").concat(url, ")").concat(after),
-                selection: createSelection(startOffset + url.length + description.length + 4 + (_type2 === 'link' ? 0 : 1))
+                sourceCode: "".concat(sourceCode.slice(0, lineEndOffset), "\n***\n").concat(lineAfter),
+                selection: createSelection(lineEndOffset + 5)
               };
             }
           default:
@@ -237,7 +242,7 @@ var historyReducer = function historyReducer(_ref2, action) {
         return {
           states: states,
           index: index - 1,
-          selection: states[index].actionSelection
+          selection: states[index].action.selection
         };
       }
     case 'redo':
@@ -275,29 +280,41 @@ var historyReducer = function historyReducer(_ref2, action) {
           };
         }
         return {
-          states: [].concat(_toConsumableArray(states.slice(index < 32 ? 0 : index - 31, index + 1)), [_objectSpread(_objectSpread({}, state), {}, {
-            actionSelection: action.selection
+          states: [].concat(_toConsumableArray(states.slice(index < 100 ? 0 : index - 99, index + 1)), [_objectSpread(_objectSpread({}, state), {}, {
+            action: action
           })]),
-          index: index < 32 ? index + 1 : 32,
+          index: index < 100 ? index + 1 : 100,
           selection: state.selection
         };
       }
   }
 };
 export var useHistory = function useHistory(initialSourceCode) {
-  var _useReducer = useReducer(historyReducer, {
-      states: [{
-        sourceCode: initialSourceCode,
-        selection: createSelection(0),
-        actionSelection: createSelection(0)
-      }],
-      index: 0,
-      selection: createSelection(0)
+  var _useReducer = useReducer(historyReducer, initialSourceCode, function (text) {
+      var action = {
+        type: 'insert',
+        payload: {
+          text: text
+        },
+        selection: createSelection(0)
+      };
+      var state = stateReducer({
+        sourceCode: '',
+        selection: createSelection(0)
+      }, action);
+      return {
+        states: [_objectSpread(_objectSpread({}, state), {}, {
+          action: action
+        })],
+        index: 0,
+        selection: state.selection
+      };
     }),
     _useReducer2 = _slicedToArray(_useReducer, 2),
     history = _useReducer2[0],
     dispatch = _useReducer2[1];
   return {
+    history: history,
     sourceCode: history.states[history.index].sourceCode,
     selection: history.selection,
     dispatch: dispatch

package/dist/utils/markdown.d.ts

@@ -56,4 +56,11 @@ export declare const toHTML: (sourceCode: string) => string;
  * @returns Markdown 文本
  */
 export declare const toMarkdown: (sourceCode: string) => string;
+/**
+ * 将 Markdown 文本转成纯文本
+ *
+ * @param sourceCode Markdown 文本
+ * @returns 纯文本
+ */
+export declare const toText: (sourceCode: string) => string;
 export {};

package/dist/utils/markdown.js

@@ -25,19 +25,23 @@ import remarkMath from 'remark-math';
 import remarkParse from 'remark-parse';
 import remarkRehype from 'remark-rehype';
 import remarkStringify from 'remark-stringify';
+import strip from 'strip-markdown';
 import { unified } from 'unified';
 import { prefix } from "./global";
 export var getDefaultSchema = function getDefaultSchema() {
-  var _defaultSchema$tagNam, _defaultSchema$attrib, _defaultSchema$attrib2, _defaultSchema$attrib3, _defaultSchema$attrib4, _defaultSchema$attrib5, _defaultSchema$attrib6, _defaultSchema$attrib7, _defaultSchema$attrib8;
+  var _defaultSchema$attrib, _defaultSchema$attrib2, _defaultSchema$attrib3, _defaultSchema$attrib4, _defaultSchema$attrib5, _defaultSchema$attrib6, _defaultSchema$attrib7, _defaultSchema$attrib8, _defaultSchema$protoc, _defaultSchema$protoc2, _defaultSchema$tagNam;
   return _objectSpread(_objectSpread({}, defaultSchema), {}, {
-    tagNames: [].concat(_toConsumableArray((_defaultSchema$tagNam = defaultSchema.tagNames) !== null && _defaultSchema$tagNam !== void 0 ? _defaultSchema$tagNam : []), ['custom']),
     attributes: _objectSpread(_objectSpread({}, defaultSchema.attributes), {}, {
       pre: [].concat(_toConsumableArray((_defaultSchema$attrib = (_defaultSchema$attrib2 = defaultSchema.attributes) === null || _defaultSchema$attrib2 === void 0 ? void 0 : _defaultSchema$attrib2.pre) !== null && _defaultSchema$attrib !== void 0 ? _defaultSchema$attrib : []), ['className', 'style']),
       code: [].concat(_toConsumableArray((_defaultSchema$attrib3 = (_defaultSchema$attrib4 = defaultSchema.attributes) === null || _defaultSchema$attrib4 === void 0 ? void 0 : _defaultSchema$attrib4.code) !== null && _defaultSchema$attrib3 !== void 0 ? _defaultSchema$attrib3 : []), ['className', 'style']),
       div: [].concat(_toConsumableArray((_defaultSchema$attrib5 = (_defaultSchema$attrib6 = defaultSchema.attributes) === null || _defaultSchema$attrib6 === void 0 ? void 0 : _defaultSchema$attrib6.div) !== null && _defaultSchema$attrib5 !== void 0 ? _defaultSchema$attrib5 : []), ['className', 'style']),
       span: [].concat(_toConsumableArray((_defaultSchema$attrib7 = (_defaultSchema$attrib8 = defaultSchema.attributes) === null || _defaultSchema$attrib8 === void 0 ? void 0 : _defaultSchema$attrib8.span) !== null && _defaultSchema$attrib7 !== void 0 ? _defaultSchema$attrib7 : []), ['className', 'style', 'line']),
       custom: ['meta', 'value']
-    })
+    }),
+    protocols: _objectSpread(_objectSpread({}, defaultSchema.protocols), {}, {
+      src: [].concat(_toConsumableArray((_defaultSchema$protoc = (_defaultSchema$protoc2 = defaultSchema.protocols) === null || _defaultSchema$protoc2 === void 0 ? void 0 : _defaultSchema$protoc2.src) !== null && _defaultSchema$protoc !== void 0 ? _defaultSchema$protoc : []), ['data'])
+    }),
+    tagNames: [].concat(_toConsumableArray((_defaultSchema$tagNam = defaultSchema.tagNames) !== null && _defaultSchema$tagNam !== void 0 ? _defaultSchema$tagNam : []), ['custom'])
   });
 };
 
@@ -59,25 +63,7 @@ var processor = unified().use(remarkParse).use(remarkBreaks).use(remarkGfm).use(
   }
 }).use(rehypePrism, {
   ignoreMissing: true
-}).use(rehypeKatex).use(rehypeRaw).use(function () {
-  return function (root) {
-    var _iterator = _createForOfIteratorHelper(root.children),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var node = _step.value;
-        if ('properties' in node && node.properties) {
-          var _node$position;
-          node.properties.line = (_node$position = node.position) === null || _node$position === void 0 ? void 0 : _node$position.start.line;
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-  };
-}).freeze();
+}).use(rehypeKatex).use(rehypeRaw).freeze();
 
 /**
  * Mdast 节点
@@ -93,7 +79,7 @@ export var editorRender = function editorRender(sourceCode) {
   /**
    * CSS 类名前缀
    */
-  var classNamePrefix = "".concat(prefix, "md-editor-");
+  var mdPrefix = "".concat(prefix, "md-");
 
   /**
    * 扫描偏移量，表示已经添加到 DOM 树的文本
@@ -101,7 +87,7 @@ export var editorRender = function editorRender(sourceCode) {
   var scanOffset = 0;
 
   /**
-   * 遍历 Mdast 树时的栈，保存 Mdast 节点、对应的 DOM 元素、是否为 Mdast 节点的第一个子元素
+   * 遍历 Mdast 树时的栈，保存 Mdast 节点、对应的 DOM 元素、为第几个子元素
    */
   var stack = [];
 
@@ -122,47 +108,35 @@ export var editorRender = function editorRender(sourceCode) {
    * @returns 子节点是否为流内容
    */
   var isFlowContent = function isFlowContent(node) {
-    return node.type === 'blockquote' || node.type === 'listItem' || node.type === 'footnoteDefinition';
+    return node.type === 'blockquote' || node.type === 'footnoteDefinition' || node.type === 'listItem';
   };
 
   /**
    * 将栈中指定索引的 DOM 元素推到对应的父元素中
    *
    * @param index 索引
-   * @param last 是否为 Mdast 节点的最后一个子元素，默认为 `false`
    */
   var pushElement = function pushElement(index) {
-    var last = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var _stack$index = stack[index],
-      node = _stack$index.node,
-      first = _stack$index.first;
+    var node = stack[index].node;
 
     // 如果节点为流内容，则将样式添加到该行的 `<div>` 元素上，否则添加到该节点的元素上
     var styleElement = stack[index && !isFlowContent(stack[index - 1].node) ? index : 0].el;
-    styleElement.classList.add("".concat(classNamePrefix).concat(node.type));
+    styleElement.classList.add("".concat(mdPrefix).concat(node.type));
     if (node.type === 'heading') {
-      styleElement.classList.add("".concat(classNamePrefix, "heading").concat(node.depth));
-    } else if (node.type === 'html' || node.type === 'code' || node.type === 'math') {
-      if (first) {
-        styleElement.classList.add("".concat(classNamePrefix, "first"));
-      }
-      if (last) {
-        styleElement.classList.add("".concat(classNamePrefix, "last"));
-      }
+      styleElement.classList.add("".concat(mdPrefix, "heading").concat(node.depth));
     }
 
     // 如果索引为 0，则父节点为块级元素，否则为前一个索引的 DOM 元素
     var parentElement = index ? stack[index - 1].el : block;
     parentElement.append(stack[index].el);
     stack[index].el = document.createElement(index ? 'span' : 'div');
-    stack[index].first = false;
+    stack[index].counter++;
   };
 
   /**
    * 将块级元素推到 DOM 树根元素中
    */
   var pushBlock = function pushBlock() {
-    block.classList.add("".concat(classNamePrefix, "block"));
     el.append(block);
     block = document.createElement('div');
   };
@@ -176,7 +150,7 @@ export var editorRender = function editorRender(sourceCode) {
   var createDelimiter = function createDelimiter(text) {
     var temp = document.createElement('span');
     temp.append(text);
-    temp.classList.add("".concat(classNamePrefix, "delimiter"));
+    temp.classList.add("".concat(mdPrefix, "delimiter"));
     return temp;
   };
 
@@ -235,14 +209,14 @@ export var editorRender = function editorRender(sourceCode) {
    * @param parentEndOffset 父节点终点偏移量
    */
   var getChildren = function getChildren(nodes, parentEndOffset) {
-    var _iterator2 = _createForOfIteratorHelper(nodes),
-      _step2;
+    var _iterator = _createForOfIteratorHelper(nodes),
+      _step;
     try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var _node$position2, _node$position3;
-        var node = _step2.value;
-        var startOffset = (_node$position2 = node.position) === null || _node$position2 === void 0 ? void 0 : _node$position2.start.offset;
-        var endOffset = (_node$position3 = node.position) === null || _node$position3 === void 0 ? void 0 : _node$position3.end.offset;
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _node$position, _node$position2;
+        var node = _step.value;
+        var startOffset = (_node$position = node.position) === null || _node$position === void 0 ? void 0 : _node$position.start.offset;
+        var endOffset = (_node$position2 = node.position) === null || _node$position2 === void 0 ? void 0 : _node$position2.end.offset;
         if (startOffset === undefined || endOffset === undefined) {
           continue;
         }
@@ -262,7 +236,7 @@ export var editorRender = function editorRender(sourceCode) {
         stack.push({
           node: node,
           el: document.createElement(stack.length ? 'span' : 'div'),
-          first: true
+          counter: 0
         });
         if ('children' in node) {
           getChildren(node.children, endOffset);
@@ -270,13 +244,13 @@ export var editorRender = function editorRender(sourceCode) {
           addText(sourceCode.slice(scanOffset, endOffset));
         }
         if (stack.length > 1) {
-          pushElement(stack.length - 1, true);
+          pushElement(stack.length - 1);
         } else {
-          var _node$position4;
+          var _node$position3;
           // 如果栈大小为 1，说明为块级元素终点
           stack[0].el.append("\u200B");
-          pushElement(0, true);
-          block.setAttribute('line', "".concat((_node$position4 = node.position) === null || _node$position4 === void 0 ? void 0 : _node$position4.start.line));
+          pushElement(0);
+          block.dataset.line = "".concat((_node$position3 = node.position) === null || _node$position3 === void 0 ? void 0 : _node$position3.start.line);
           pushBlock();
           scanOffset++;
         }
@@ -285,9 +259,9 @@ export var editorRender = function editorRender(sourceCode) {
 
       // 添加扫描偏移量与父节点终点偏移量间的分隔文本
     } catch (err) {
-      _iterator2.e(err);
+      _iterator.e(err);
     } finally {
-      _iterator2.f();
+      _iterator.f();
     }
     addText(sourceCode.slice(scanOffset, parentEndOffset), true);
   };
@@ -307,7 +281,25 @@ export var editorRender = function editorRender(sourceCode) {
  * @returns React 虚拟 DOM 树
  */
 export var viewerRender = function viewerRender(sourceCode, options) {
-  return toJsxRuntime(processor().use(rehypeSanitize, options.customSchema).runSync(processor.parse(sourceCode)), {
+  return toJsxRuntime(processor().use(rehypeSanitize, options.customSchema).use(function () {
+    return function (root) {
+      var _iterator2 = _createForOfIteratorHelper(root.children),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var node = _step2.value;
+          if ('properties' in node && node.properties) {
+            var _node$position4;
+            node.properties['data-line'] = (_node$position4 = node.position) === null || _node$position4 === void 0 ? void 0 : _node$position4.start.line;
+          }
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    };
+  }).runSync(processor.parse(sourceCode)), {
     Fragment: Fragment,
     jsx: jsx,
     jsxs: jsxs,
@@ -347,4 +339,15 @@ var toMarkdownProcessor = unified().use(rehypeRemark).use(remarkGfm).use(remarkB
  */
 export var toMarkdown = function toMarkdown(sourceCode) {
   return toMarkdownProcessor.stringify(toMarkdownProcessor.runSync(toHastProcessor.runSync(toHastProcessor.parse(sourceCode))));
+};
+var toTextProcessor = unified().use(strip).freeze();
+
+/**
+ * 将 Markdown 文本转成纯文本
+ *
+ * @param sourceCode Markdown 文本
+ * @returns 纯文本
+ */
+export var toText = function toText(sourceCode) {
+  return toTextProcessor.processSync(sourceCode).toString();
 };

package/dist/{XStarEditor → x-star-editor}/index.d.ts

@@ -1,15 +1,34 @@
 import React from 'react';
-import type { XStarMdEditorHandle, XStarMdEditorProps } from '../XStarMdEditor';
-import type { XStarMdViewerHandle, XStarMdViewerProps } from '../XStarMdViewer';
+import type { XStarMdEditorHandle, XStarMdEditorProps } from '../x-star-md-editor';
+import type { XStarMdViewerHandle, XStarMdViewerProps } from '../x-star-md-viewer';
 export interface XStarEditorHandle {
     getEditor: () => XStarMdEditorHandle | null;
     getViewer: () => XStarMdViewerHandle | null;
 }
 export interface XStarEditorProps {
+    /**
+     * 编辑器和浏览器的高度（不包括工具栏）
+     */
     height?: React.CSSProperties['height'];
+    /**
+     * 语言
+     */
+    locale?: string;
+    /**
+     * 初始文本
+     */
     initialValue?: string;
-    editorProps?: Omit<XStarMdEditorProps, 'initialValue' | 'onChange'>;
+    /**
+     * 编辑器属性
+     */
+    editorProps?: Omit<XStarMdEditorProps, 'locale' | 'initialValue' | 'onChange'>;
+    /**
+     * 浏览器属性
+     */
     viewerProps?: Omit<XStarMdViewerProps, 'value'>;
+    /**
+     * 文本变化回调函数
+     */
     onChange?: (value: string) => void;
 }
 declare const XStarEditor: React.ForwardRefExoticComponent<XStarEditorProps & React.RefAttributes<XStarEditorHandle>>;