@ant-design/agentic-ui 2.29.6 → 2.29.8

package/dist/MarkdownEditor/editor/utils/keyboard.js

@@ -118,7 +118,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 function _ts_generator(thisArg, body) {
-    var f, y, t, g, _ = {
+    var f, y, t, _ = {
         label: 0,
         sent: function() {
             if (t[0] & 1) throw t[1];
@@ -126,13 +126,17 @@ function _ts_generator(thisArg, body) {
         },
         trys: [],
         ops: []
-    };
-    return g = {
-        next: verb(0),
-        "throw": verb(1),
-        "return": verb(2)
-    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype), d = Object.defineProperty;
+    return d(g, "next", {
+        value: verb(0)
+    }), d(g, "throw", {
+        value: verb(1)
+    }), d(g, "return", {
+        value: verb(2)
+    }), typeof Symbol === "function" && d(g, Symbol.iterator, {
+        value: function() {
+            return this;
+        }
     }), g;
     function verb(n) {
         return function(v) {
@@ -144,7 +148,7 @@ function _ts_generator(thisArg, body) {
     }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while(_)try {
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [
                 op[0] & 2,
@@ -215,11 +219,12 @@ function _ts_generator(thisArg, body) {
 import { message } from "antd";
 import copy from "copy-to-clipboard";
 import isHotkey from "is-hotkey";
-import { useCallback, useEffect, useMemo } from "react";
-import { Editor, Element, Node, Path, Range, Text, Transforms } from "slate";
+import { useEffect, useMemo } from "react";
+import { Editor, Element, Node, Path, Range, Transforms } from "slate";
 import { ReactEditor } from "slate-react";
+import { useRefFunction } from "../../../Hooks/useRefFunction";
 import { useSubject } from "../../hooks/subscribe";
-import { NativeTableEditor } from "../../utils/native-table";
+import { convertToParagraph, createList, decreaseHeadingLevel, increaseHeadingLevel, insertCodeBlock, insertHorizontalLine, insertTable as insertTableCommand, setHeading, toggleQuote } from "./editorCommands";
 import { EditorUtils } from "./editorUtils";
 export var KeyboardTask = /*#__PURE__*/ function() {
     "use strict";
@@ -358,7 +363,6 @@ export var KeyboardTask = /*#__PURE__*/ function() {
    *
    * @returns {Promise<void>} 一个表示异步操作的 Promise 对象。
    */ function pastePlainText() {
-                var _this = this;
                 return _async_to_generator(function() {
                     var text, _node_, _this_curNodes, node;
                     return _ts_generator(this, function(_state) {
@@ -372,11 +376,11 @@ export var KeyboardTask = /*#__PURE__*/ function() {
                                 text = _state.sent();
                                 if (text) {
                                     ;
-                                    _this_curNodes = _sliced_to_array(_this.curNodes, 1), node = _this_curNodes[0];
+                                    _this_curNodes = _sliced_to_array(this.curNodes, 1), node = _this_curNodes[0];
                                     if ((node === null || node === void 0 ? void 0 : (_node_ = node[0]) === null || _node_ === void 0 ? void 0 : _node_.type) === 'table-cell') {
-                                        Editor.insertText(_this.editor, text.replace(/\n/g, ' '));
+                                        Editor.insertText(this.editor, text.replace(/\n/g, ' '));
                                     } else {
-                                        Editor.insertText(_this.editor, text);
+                                        Editor.insertText(this.editor, text);
                                     }
                                 }
                                 return [
@@ -384,7 +388,7 @@ export var KeyboardTask = /*#__PURE__*/ function() {
                                 ];
                         }
                     });
-                })();
+                }).call(this);
             }
         },
         {
@@ -396,19 +400,19 @@ export var KeyboardTask = /*#__PURE__*/ function() {
    * 支持列单元格、普通节点和空编辑器的不同插入逻辑。
    */ key: "uploadImage",
             value: function uploadImage() {
+                var _this = this;
                 var input = document.createElement('input');
                 var _this_curNodes = _sliced_to_array(this.curNodes, 1), node = _this_curNodes[0];
                 input.id = 'uploadImage' + '_' + Math.random();
                 input.type = 'file';
                 input.accept = 'image/*';
-                var _this = this;
-                var insertMedia = /*#__PURE__*/ function() {
-                    var _ref = _async_to_generator(function(url) {
+                var insertMedia = function(url) {
+                    return _async_to_generator(function() {
                         return _ts_generator(this, function(_state) {
                             if (node && [
                                 'column-cell'
                             ].includes(node[0].type)) {
-                                Transforms.insertNodes(_this.editor, [
+                                Transforms.insertNodes(this.editor, [
                                     EditorUtils.createMediaNode(url, 'image', {})
                                 ], {
                                     at: _to_consumable_array(node[1]).concat([
@@ -420,13 +424,13 @@ export var KeyboardTask = /*#__PURE__*/ function() {
                                 ];
                             }
                             if (node) {
-                                Transforms.insertNodes(_this.editor, [
+                                Transforms.insertNodes(this.editor, [
                                     EditorUtils.createMediaNode(url, 'image', {})
                                 ], {
                                     at: Path.next(node[1])
                                 });
                             } else {
-                                Transforms.insertNodes(_this.editor, [
+                                Transforms.insertNodes(this.editor, [
                                     EditorUtils.createMediaNode(url, 'image', {})
                                 ], {
                                     select: true
@@ -436,14 +440,10 @@ export var KeyboardTask = /*#__PURE__*/ function() {
                                 2
                             ];
                         });
-                    });
-                    return function insertMedia(url) {
-                        return _ref.apply(this, arguments);
-                    };
-                }();
-                var _this1 = this;
-                input.onchange = /*#__PURE__*/ function() {
-                    var _ref = _async_to_generator(function(e) {
+                    }).call(_this);
+                };
+                input.onchange = function(e) {
+                    return _async_to_generator(function() {
                         var hideLoading, _this_props_image, _this_props, url, error;
                         return _ts_generator(this, function(_state) {
                             switch(_state.label){
@@ -463,7 +463,7 @@ export var KeyboardTask = /*#__PURE__*/ function() {
                                         4,
                                         5
                                     ]);
-                                    if (!((_this_props = _this1.props) === null || _this_props === void 0 ? void 0 : (_this_props_image = _this_props.image) === null || _this_props_image === void 0 ? void 0 : _this_props_image.upload)) {
+                                    if (!((_this_props = this.props) === null || _this_props === void 0 ? void 0 : (_this_props_image = _this_props.image) === null || _this_props_image === void 0 ? void 0 : _this_props_image.upload)) {
                                         message.error('图片上传功能未配置');
                                         return [
                                             2
@@ -471,7 +471,7 @@ export var KeyboardTask = /*#__PURE__*/ function() {
                                     }
                                     return [
                                         4,
-                                        _this1.props.image.upload(Array.from(e.target.files) || [])
+                                        this.props.image.upload(Array.from(e.target.files) || [])
                                     ];
                                 case 2:
                                     url = _state.sent() || [];
@@ -507,11 +507,8 @@ export var KeyboardTask = /*#__PURE__*/ function() {
                                     ];
                             }
                         });
-                    });
-                    return function(e) {
-                        return _ref.apply(this, arguments);
-                    };
-                }();
+                    }).call(_this);
+                };
                 if (input.dataset.readonly) {
                     return;
                 }
@@ -529,23 +526,11 @@ export var KeyboardTask = /*#__PURE__*/ function() {
    * @param level 标题级别（1-3）或4（表示普通段落）
    */ key: "head",
             value: function head(level) {
-                var _node_;
-                var _this_curNodes = _sliced_to_array(this.curNodes, 1), node = _this_curNodes[0];
                 if (level === 4) {
                     this.paragraph();
                     return;
                 }
-                if (node && [
-                    'paragraph',
-                    'head'
-                ].includes(node === null || node === void 0 ? void 0 : (_node_ = node[0]) === null || _node_ === void 0 ? void 0 : _node_.type) && EditorUtils.isTop(this.editor, node[1])) {
-                    Transforms.setNodes(this.editor, {
-                        type: 'head',
-                        level: level
-                    }, {
-                        at: node[1]
-                    });
-                }
+                setHeading(this.editor, level);
             }
         },
         {
@@ -555,17 +540,7 @@ export var KeyboardTask = /*#__PURE__*/ function() {
    * 如果当前节点是标题类型，将其转换为普通段落
    */ key: "paragraph",
             value: function paragraph() {
-                var _node_;
-                var _this_curNodes = _sliced_to_array(this.curNodes, 1), node = _this_curNodes[0];
-                if (node && [
-                    'head'
-                ].includes(node === null || node === void 0 ? void 0 : (_node_ = node[0]) === null || _node_ === void 0 ? void 0 : _node_.type)) {
-                    Transforms.setNodes(this.editor, {
-                        type: 'paragraph'
-                    }, {
-                        at: node[1]
-                    });
-                }
+                convertToParagraph(this.editor);
             }
         },
         {
@@ -577,34 +552,7 @@ export var KeyboardTask = /*#__PURE__*/ function() {
    * 或将其他级别标题升级一级（数字变小）
    */ key: "increaseHead",
             value: function increaseHead() {
-                var _node_;
-                var _this_curNodes = _sliced_to_array(this.curNodes, 1), node = _this_curNodes[0];
-                if (node && [
-                    'paragraph',
-                    'head'
-                ].includes(node === null || node === void 0 ? void 0 : (_node_ = node[0]) === null || _node_ === void 0 ? void 0 : _node_.type) && EditorUtils.isTop(this.editor, node[1])) {
-                    var _node_1;
-                    if ((node === null || node === void 0 ? void 0 : (_node_1 = node[0]) === null || _node_1 === void 0 ? void 0 : _node_1.type) === 'paragraph') {
-                        Transforms.setNodes(this.editor, {
-                            type: 'head',
-                            level: 4
-                        }, {
-                            at: node[1]
-                        });
-                    } else if (node[0].level === 1) {
-                        Transforms.setNodes(this.editor, {
-                            type: 'paragraph'
-                        }, {
-                            at: node[1]
-                        });
-                    } else {
-                        Transforms.setNodes(this.editor, {
-                            level: node[0].level - 1
-                        }, {
-                            at: node[1]
-                        });
-                    }
-                }
+                increaseHeadingLevel(this.editor);
             }
         },
         {
@@ -616,34 +564,7 @@ export var KeyboardTask = /*#__PURE__*/ function() {
    * 或将其他级别标题降级一级（数字变大）
    */ key: "decreaseHead",
             value: function decreaseHead() {
-                var _node_;
-                var _this_curNodes = _sliced_to_array(this.curNodes, 1), node = _this_curNodes[0];
-                if (node && [
-                    'paragraph',
-                    'head'
-                ].includes(node === null || node === void 0 ? void 0 : (_node_ = node[0]) === null || _node_ === void 0 ? void 0 : _node_.type) && EditorUtils.isTop(this.editor, node[1])) {
-                    var _node_1;
-                    if ((node === null || node === void 0 ? void 0 : (_node_1 = node[0]) === null || _node_1 === void 0 ? void 0 : _node_1.type) === 'paragraph') {
-                        Transforms.setNodes(this.editor, {
-                            type: 'head',
-                            level: 1
-                        }, {
-                            at: node[1]
-                        });
-                    } else if (node[0].level === 4) {
-                        Transforms.setNodes(this.editor, {
-                            type: 'paragraph'
-                        }, {
-                            at: node[1]
-                        });
-                    } else {
-                        Transforms.setNodes(this.editor, {
-                            level: node[0].level + 1
-                        }, {
-                            at: node[1]
-                        });
-                    }
-                }
+                decreaseHeadingLevel(this.editor);
             }
         },
         {
@@ -655,29 +576,8 @@ export var KeyboardTask = /*#__PURE__*/ function() {
    * 如果当前节点是标题，先将其转换为普通段落。
    */ key: "insertQuote",
             value: function insertQuote() {
-                var _node_, _node_1;
                 var _this_curNodes = _sliced_to_array(this.curNodes, 1), node = _this_curNodes[0];
-                if (![
-                    'paragraph',
-                    'head'
-                ].includes(node === null || node === void 0 ? void 0 : (_node_ = node[0]) === null || _node_ === void 0 ? void 0 : _node_.type)) return;
-                if (Node.parent(this.editor, node[1]).type === 'blockquote') {
-                    Transforms.unwrapNodes(this.editor, {
-                        at: Path.parent(node[1])
-                    });
-                    return;
-                }
-                if ((node === null || node === void 0 ? void 0 : (_node_1 = node[0]) === null || _node_1 === void 0 ? void 0 : _node_1.type) === 'head') {
-                    Transforms.setNodes(this.editor, {
-                        type: 'paragraph'
-                    }, {
-                        at: node[1]
-                    });
-                }
-                Transforms.wrapNodes(this.editor, {
-                    type: 'blockquote',
-                    children: []
-                });
+                toggleQuote(this.editor, node);
             }
         },
         {
@@ -689,38 +589,8 @@ export var KeyboardTask = /*#__PURE__*/ function() {
    * 决定在何处插入表格及如何处理现有内容。
    */ key: "insertTable",
             value: function insertTable() {
-                var _node_, _node_1;
                 var _this_curNodes = _sliced_to_array(this.curNodes, 1), node = _this_curNodes[0];
-                if (node && [
-                    'paragraph',
-                    'head'
-                ].includes(node === null || node === void 0 ? void 0 : (_node_ = node[0]) === null || _node_ === void 0 ? void 0 : _node_.type)) {
-                    var _node_2, _node_3;
-                    var path = (node === null || node === void 0 ? void 0 : (_node_2 = node[0]) === null || _node_2 === void 0 ? void 0 : _node_2.type) === 'paragraph' && !Node.string(node[0]) ? node[1] : Path.next(node[1]);
-                    // 使用原生表格编辑器插入表格
-                    NativeTableEditor.insertTable(this.editor, {
-                        rows: 3,
-                        cols: 3,
-                        at: path
-                    });
-                    if ((node === null || node === void 0 ? void 0 : (_node_3 = node[0]) === null || _node_3 === void 0 ? void 0 : _node_3.type) === 'paragraph' && !Node.string(node[0])) {
-                        Transforms.delete(this.editor, {
-                            at: Path.next(path)
-                        });
-                    }
-                    Transforms.select(this.editor, Editor.start(this.editor, path));
-                }
-                if (node && [
-                    'column-cell'
-                ].includes(node === null || node === void 0 ? void 0 : (_node_1 = node[0]) === null || _node_1 === void 0 ? void 0 : _node_1.type)) {
-                    NativeTableEditor.insertTable(this.editor, {
-                        rows: 3,
-                        cols: 3,
-                        at: _to_consumable_array(node[1]).concat([
-                            0
-                        ])
-                    });
-                }
+                insertTableCommand(this.editor, node);
             }
         },
         {
@@ -739,29 +609,7 @@ export var KeyboardTask = /*#__PURE__*/ function() {
    */ key: "insertCode",
             value: function insertCode(type) {
                 var _this_curNodes = _sliced_to_array(this.curNodes, 1), node = _this_curNodes[0];
-                if (node && node[0] && [
-                    'paragraph',
-                    'head'
-                ].includes(node[0].type)) {
-                    var path = node[0].type === 'paragraph' && !Node.string(node[0]) ? node[1] : Path.next(node[1]);
-                    var lang = '';
-                    if (type === 'mermaid') {
-                        lang = 'mermaid';
-                    }
-                    Transforms.insertNodes(this.editor, {
-                        type: 'code',
-                        language: lang ? lang : undefined,
-                        children: [
-                            {
-                                text: "flowchart TD\n    Start --> Stop"
-                            }
-                        ],
-                        render: type === 'html' ? true : undefined
-                    }, {
-                        at: path
-                    });
-                    Transforms.select(this.editor, Editor.end(this.editor, path));
-                }
+                insertCodeBlock(this.editor, type, node);
             }
         },
         {
@@ -772,40 +620,8 @@ export var KeyboardTask = /*#__PURE__*/ function() {
    * 如果分割线后没有内容，则自动插入一个空段落并将光标定位到该段落。
    */ key: "horizontalLine",
             value: function horizontalLine() {
-                var _node_;
                 var _this_curNodes = _sliced_to_array(this.curNodes, 1), node = _this_curNodes[0];
-                if (node && [
-                    'paragraph',
-                    'head'
-                ].includes(node === null || node === void 0 ? void 0 : (_node_ = node[0]) === null || _node_ === void 0 ? void 0 : _node_.type)) {
-                    var _node_1;
-                    var path = (node === null || node === void 0 ? void 0 : (_node_1 = node[0]) === null || _node_1 === void 0 ? void 0 : _node_1.type) === 'paragraph' && !Node.string(node[0]) ? node[1] : Path.next(node[1]);
-                    Transforms.insertNodes(this.editor, {
-                        type: 'hr',
-                        children: [
-                            {
-                                text: ''
-                            }
-                        ]
-                    }, {
-                        at: path
-                    });
-                    if (Editor.hasPath(this.editor, Path.next(path))) {
-                        Transforms.select(this.editor, Editor.start(this.editor, Path.next(path)));
-                    } else {
-                        Transforms.insertNodes(this.editor, {
-                            type: 'paragraph',
-                            children: [
-                                {
-                                    text: ''
-                                }
-                            ]
-                        }, {
-                            at: Path.next(path),
-                            select: true
-                        });
-                    }
-                }
+                insertHorizontalLine(this.editor, node);
             }
         },
         {
@@ -818,203 +634,7 @@ export var KeyboardTask = /*#__PURE__*/ function() {
    * @param mode 列表类型 'ordered'(有序列表), 'unordered'(无序列表), 'task'(任务列表)
    */ key: "list",
             value: function list(mode) {
-                var _this_curNodes = _sliced_to_array(this.curNodes, 1), curNode = _this_curNodes[0];
-                if (curNode && [
-                    'paragraph',
-                    'head'
-                ].includes(curNode[0].type)) {
-                    var parent = Editor.parent(this.editor, curNode[1]);
-                    if (parent[0].type === 'list-item' && !Path.hasPrevious(curNode[1])) {
-                        Transforms.setNodes(this.editor, {
-                            order: mode === 'ordered',
-                            task: mode === 'task'
-                        }, {
-                            at: Path.parent(parent[1])
-                        });
-                        var listItems = Array.from(Editor.nodes(this.editor, {
-                            match: function(n) {
-                                return n.type === 'list-item';
-                            },
-                            at: Path.parent(parent[1]),
-                            reverse: true,
-                            mode: 'lowest'
-                        }));
-                        Transforms.setNodes(this.editor, {
-                            start: undefined
-                        }, {
-                            at: Path.parent(parent[1])
-                        });
-                        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-                        try {
-                            for(var _iterator = listItems[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                                var l = _step.value;
-                                Transforms.setNodes(this.editor, {
-                                    checked: mode === 'task' ? l[0].checked || false : undefined
-                                }, {
-                                    at: l[1]
-                                });
-                            }
-                        } catch (err) {
-                            _didIteratorError = true;
-                            _iteratorError = err;
-                        } finally{
-                            try {
-                                if (!_iteratorNormalCompletion && _iterator.return != null) {
-                                    _iterator.return();
-                                }
-                            } finally{
-                                if (_didIteratorError) {
-                                    throw _iteratorError;
-                                }
-                            }
-                        }
-                    } else {
-                        var childrenList = [];
-                        var selection = this.editor.selection;
-                        if (!selection || Range.isCollapsed(selection)) {
-                            // 如果没有选区或选区已折叠，使用当前节点
-                            var textNodes = curNode[0].type === 'paragraph' ? curNode[0].children : [
-                                {
-                                    text: Node.string(curNode[0])
-                                }
-                            ];
-                            var item = {
-                                type: 'list-item',
-                                checked: mode === 'task' ? false : undefined,
-                                children: [
-                                    {
-                                        type: 'paragraph',
-                                        children: textNodes
-                                    }
-                                ]
-                            };
-                            childrenList.push(item);
-                            // 删除原节点
-                            Transforms.delete(this.editor, {
-                                at: curNode[1]
-                            });
-                        } else {
-                            // 有选区时，获取选区内的所有节点
-                            var selectedNodes = Array.from(Editor.nodes(this.editor, {
-                                at: selection,
-                                match: function(n) {
-                                    return Element.isElement(n) && [
-                                        'paragraph',
-                                        'head'
-                                    ].includes(n.type);
-                                }
-                            }));
-                            if (selectedNodes.length === 0) {
-                                // 如果没有选中块级元素，尝试选中文本节点
-                                var textNodes1 = Array.from(Editor.nodes(this.editor, {
-                                    at: selection,
-                                    match: function(n) {
-                                        return Text.isText(n);
-                                    }
-                                }));
-                                if (textNodes1.length > 0) {
-                                    // 获取文本节点的父节点
-                                    var parentPath = Path.parent(textNodes1[0][1]);
-                                    var _Editor_node = _sliced_to_array(Editor.node(this.editor, parentPath), 1), parentNode = _Editor_node[0];
-                                    if (Element.isElement(parentNode) && [
-                                        'paragraph',
-                                        'head'
-                                    ].includes(parentNode.type)) {
-                                        selectedNodes.push([
-                                            parentNode,
-                                            parentPath
-                                        ]);
-                                    }
-                                }
-                            }
-                            var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
-                            try {
-                                // 处理选中的节点
-                                for(var _iterator1 = selectedNodes[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
-                                    var _step_value = _sliced_to_array(_step1.value, 2), node = _step_value[0], path = _step_value[1];
-                                    // 检查节点是否完全被选中
-                                    var nodeRange = Editor.range(this.editor, path);
-                                    var isFullySelected = Range.equals(selection, nodeRange) || Range.includes(selection, nodeRange) && Range.includes(nodeRange, selection);
-                                    if (isFullySelected) {
-                                        // 完全选中的节点，直接删除并转换为列表项
-                                        var textNodes2 = node.type === 'paragraph' ? node.children : [
-                                            {
-                                                text: Node.string(node)
-                                            }
-                                        ];
-                                        var item1 = {
-                                            type: 'list-item',
-                                            checked: mode === 'task' ? false : undefined,
-                                            children: [
-                                                {
-                                                    type: 'paragraph',
-                                                    children: textNodes2
-                                                }
-                                            ]
-                                        };
-                                        childrenList.push(item1);
-                                        Transforms.delete(this.editor, {
-                                            at: path
-                                        });
-                                    } else {
-                                        // 部分选中的节点，使用选区内容创建列表项
-                                        var selectedText = Editor.string(this.editor, selection);
-                                        if (selectedText.trim()) {
-                                            var item2 = {
-                                                type: 'list-item',
-                                                checked: mode === 'task' ? false : undefined,
-                                                children: [
-                                                    {
-                                                        type: 'paragraph',
-                                                        children: [
-                                                            {
-                                                                text: selectedText
-                                                            }
-                                                        ]
-                                                    }
-                                                ]
-                                            };
-                                            childrenList.push(item2);
-                                            // 删除选中的内容
-                                            Transforms.delete(this.editor, {
-                                                at: selection
-                                            });
-                                        }
-                                    }
-                                }
-                            } catch (err) {
-                                _didIteratorError1 = true;
-                                _iteratorError1 = err;
-                            } finally{
-                                try {
-                                    if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
-                                        _iterator1.return();
-                                    }
-                                } finally{
-                                    if (_didIteratorError1) {
-                                        throw _iteratorError1;
-                                    }
-                                }
-                            }
-                        }
-                        Transforms.insertNodes(this.editor, {
-                            type: 'list',
-                            order: mode === 'ordered',
-                            task: mode === 'task',
-                            children: childrenList
-                        }, {
-                            at: this.editor.selection || curNode[1],
-                            select: true
-                        });
-                    }
-                } else if (curNode && curNode[0].type === 'list-item') {
-                    Transforms.setNodes(this.editor, {
-                        order: mode === 'ordered',
-                        task: mode === 'task'
-                    }, {
-                        at: curNode[1]
-                    });
-                }
+                createList(this.editor, mode);
             }
         },
         {
@@ -1252,7 +872,7 @@ export var useSystemKeyboard = function(keyTask$, store, props, markdownContaine
         (_task = task)[key].apply(_task, _to_consumable_array(args || []));
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    var keydown = useCallback(function(e) {
+    var keydown = useRefFunction(function(e) {
         if (!store) return;
         if (isHotkey('mod+c', e) || isHotkey('mod+x', e)) {
             var _node_, _node_1, _node_2;
@@ -1343,7 +963,7 @@ export var useSystemKeyboard = function(keyTask$, store, props, markdownContaine
                 }
             }
         }
-    }, []);
+    });
     useEffect(function() {
         var _markdownContainerRef_current;
         if (props.readonly) return;