@block-kit/plugin 1.0.0 → 1.0.1

package/dist/lib/mention/modules/suggest.js

@@ -0,0 +1,106 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../tslib.es6-82029525.js');
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@block-kit/core');
+var delta = require('@block-kit/delta');
+var utils = require('@block-kit/utils');
+var ReactDOM = require('react-dom');
+var shared_utils_dom = require('../../shared/utils/dom.js');
+var shared_utils_is = require('../../shared/utils/is.js');
+var mention_utils_constant = require('../utils/constant.js');
+var mention_view_suggest = require('../view/suggest.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
+
+class SuggestModule {
+    constructor(editor) {
+        this.editor = editor;
+        this.rect = null;
+        this.isMountSuggest = false;
+        this.mountSuggestNode = null;
+        this.point = new core.Point(0, 0);
+        editor.event.on(core.EDITOR_EVENT.KEY_DOWN, this.onKeydown, 101);
+    }
+    destroy() {
+        this.unmountSuggestPanel();
+        this.editor.event.off(core.EDITOR_EVENT.KEY_DOWN, this.onKeydown);
+        this.editor.event.off(core.EDITOR_EVENT.SELECTION_CHANGE, this.onSelectionChange);
+    }
+    onKeydown(event) {
+        if (shared_utils_is.isKeyCode(event, utils.KEY_CODE.D2) && event.shiftKey) {
+            const sel = this.editor.selection.get();
+            const caretRect = this.editor.rect.getRawCaretRect();
+            if (!caretRect || !sel)
+                return void 0;
+            const editorRect = this.editor.rect.getEditorRect();
+            const rect = core.relativeTo(caretRect, editorRect);
+            // 这里是 CSS 预设的面板高度
+            const PANEL_HEIGHT = 150;
+            if (caretRect.bottom + PANEL_HEIGHT <= window.innerHeight) {
+                // 放置于下方
+                rect.top = rect.bottom + mention_utils_constant.SUGGEST_OFFSET;
+            }
+            else {
+                // 放置于上方
+                rect.top = rect.top - PANEL_HEIGHT - mention_utils_constant.SUGGEST_OFFSET;
+            }
+            this.rect = { top: rect.top, left: rect.left };
+            this.point = sel.start.clone();
+            this.editor.event.on(core.EDITOR_EVENT.SELECTION_CHANGE, this.onSelectionChange);
+        }
+        if (this.isMountSuggest && shared_utils_is.isKeyCode(event, utils.KEY_CODE.ESC)) {
+            this.unmountSuggestPanel();
+        }
+    }
+    onSelectionChange(event) {
+        const { current } = event;
+        if (!current ||
+            !current.isCollapsed ||
+            current.start.line !== this.point.line ||
+            current.start.offset <= this.point.offset) {
+            this.unmountSuggestPanel();
+            return void 0;
+        }
+        const ops = this.editor.collect.getFragment(new core.Range(this.point, current.end));
+        if (!ops)
+            return void 0;
+        const text = delta.deltaToText(new delta.Delta(ops));
+        this.mountSuggestPanel(text.slice(1));
+    }
+    mountSuggestPanel(text = "") {
+        if (!this.rect)
+            return void 0;
+        if (!this.mountSuggestNode) {
+            this.mountSuggestNode = document.createElement("div");
+            this.mountSuggestNode.dataset.type = "mention";
+            shared_utils_dom.getMountDOM(this.editor).appendChild(this.mountSuggestNode);
+        }
+        const top = this.rect.top;
+        const left = this.rect.left;
+        const dom = this.mountSuggestNode;
+        this.isMountSuggest = true;
+        ReactDOM__default["default"].render(jsxRuntime.jsx(mention_view_suggest.Suggest, { controller: this, top: top, left: left, text: text }), dom);
+    }
+    unmountSuggestPanel() {
+        if (this.isMountSuggest && this.mountSuggestNode) {
+            ReactDOM__default["default"].unmountComponentAtNode(this.mountSuggestNode);
+        }
+        this.mountSuggestNode && this.mountSuggestNode.remove();
+        this.editor.event.off(core.EDITOR_EVENT.SELECTION_CHANGE, this.onSelectionChange);
+        this.mountSuggestNode = null;
+        this.isMountSuggest = false;
+    }
+}
+tslib_es6.__decorate([
+    utils.Bind
+], SuggestModule.prototype, "onKeydown", null);
+tslib_es6.__decorate([
+    utils.Bind
+], SuggestModule.prototype, "onSelectionChange", null);
+
+exports.SuggestModule = SuggestModule;

package/dist/lib/mention/utils/constant.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const SUGGEST_OFFSET = 5;
+const DATA = [
+    "Alice",
+    "Bob",
+    "Charlie",
+    "David",
+    "Eve",
+    "Frank",
+    "Grace",
+    "Heidi",
+    "Ivan",
+    "Judy",
+    "Mallory",
+    "Oscar",
+    "Peggy",
+    "Romeo",
+    "Sybil",
+    "Trudy",
+    "Victor",
+    "Walter",
+    "Zoe",
+];
+
+exports.DATA = DATA;
+exports.SUGGEST_OFFSET = SUGGEST_OFFSET;

package/dist/lib/mention/view/suggest.js

@@ -0,0 +1,76 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@block-kit/core');
+var delta = require('@block-kit/delta');
+var utils = require('@block-kit/utils');
+var hooks = require('@block-kit/utils/dist/es/hooks');
+var React = require('react');
+var shared_utils_dom = require('../../shared/utils/dom.js');
+var shared_utils_is = require('../../shared/utils/is.js');
+var mention_types_index = require('../types/index.js');
+var mention_utils_constant = require('../utils/constant.js');
+
+const Suggest = props => {
+    const { controller } = props;
+    const editor = controller.editor;
+    const ref = React.useRef(null);
+    const [activeIndex, setActiveIndex] = React.useState(0);
+    const list = React.useMemo(() => {
+        setActiveIndex(0);
+        if (!props.text)
+            return mention_utils_constant.DATA;
+        return mention_utils_constant.DATA.filter(it => {
+            return it.toUpperCase().includes(props.text.toUpperCase());
+        });
+    }, [props.text]);
+    const onKeydown = hooks.useMemoFn((event, context) => {
+        if (shared_utils_is.isKeyCode(event, utils.KEY_CODE.DOWN)) {
+            const nextIndex = (activeIndex + 1) % list.length;
+            setActiveIndex(nextIndex);
+            const container = ref.current;
+            const child = container && container.children[nextIndex];
+            container && child && shared_utils_dom.scrollIfNeeded(container, child, 5);
+            shared_utils_dom.preventContextEvent(event, context);
+        }
+        if (shared_utils_is.isKeyCode(event, utils.KEY_CODE.UP)) {
+            const prevIndex = (activeIndex - 1 + list.length) % list.length;
+            setActiveIndex(prevIndex);
+            const container = ref.current;
+            const child = container && container.children[prevIndex];
+            container && child && shared_utils_dom.scrollIfNeeded(container, child, 5);
+            shared_utils_dom.preventContextEvent(event, context);
+        }
+        if (shared_utils_is.isKeyCode(event, utils.KEY_CODE.ENTER)) {
+            const item = list[activeIndex];
+            shared_utils_dom.preventContextEvent(event, context);
+            const sel = editor.selection.get();
+            if (!item || !sel)
+                return void 0;
+            const range = new core.Range(controller.point, sel.end);
+            const raw = core.RawRange.fromRange(editor, range);
+            if (!raw)
+                return void 0;
+            const delta$1 = new delta.Delta()
+                .retain(raw.start)
+                .delete(raw.len)
+                .insert(" ", {
+                [mention_types_index.MENTION_KEY]: utils.TRULY,
+                [mention_types_index.MENTION_NAME]: item,
+            });
+            editor.state.apply(delta$1);
+            controller.unmountSuggestPanel();
+        }
+    });
+    React.useEffect(() => {
+        editor.event.on(core.EDITOR_EVENT.KEY_DOWN, onKeydown, 80);
+        return () => {
+            editor.event.off(core.EDITOR_EVENT.KEY_DOWN, onKeydown);
+        };
+    }, [onKeydown, editor.event]);
+    return (jsxRuntime.jsxs("div", { ref: ref, className: "block-kit-suggest-panel", style: { top: props.top, left: props.left }, onMouseDown: utils.preventNativeEvent, children: [list.map((it, index) => (jsxRuntime.jsx("div", { className: utils.cs("block-kit-suggest-item", index === activeIndex && "active"), children: it }, index))), !list.length && jsxRuntime.jsx("div", { className: "block-kit-suggest-empty", children: "No result" })] }));
+};
+
+exports.Suggest = Suggest;

package/dist/lib/order-list/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-d44c9a95.js');
+var tslib_es6 = require('../tslib.es6-82029525.js');
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@block-kit/core');
 var delta = require('@block-kit/delta');
@@ -10,151 +10,12 @@ var react = require('@block-kit/react');
 var utils = require('@block-kit/utils');
 var bulletList_types_index = require('../bullet-list/types/index.js');
 var indent_types_index = require('../indent/types/index.js');
-var dom = require('../dom-cb8b8e40.js');
-var is$1 = require('../is-473d664a.js');
+var shared_utils_dom = require('../shared/utils/dom.js');
+var shared_utils_is = require('../shared/utils/is.js');
 var orderList_types_index = require('./types/index.js');
-var is = require('../is-18806678.js');
-
-/**
- * 批量刷新选区的列表序号 [批量刷新简单方便]
- * - 从选区开始的第一个列表项开始，逐个刷新序号
- * - 全量刷新序号数据, 最后需要在渲染时批量刷新
- * @param editor
- * @param sel
- */
-const applyNewOrderList = (editor, range) => {
-    const sel = range || editor.selection.get();
-    if (!sel)
-        return void 0;
-    const startPoint = sel.start;
-    const block = editor.state.block;
-    let start = startPoint.line;
-    const selStartLine = block.getLine(sel.start.line);
-    const selEndLine = block.getLine(sel.end.line);
-    const selEndNextLine = selEndLine && selEndLine.next();
-    // 如果当前行不是列表项，且选区结尾下一行是列表项，则从下一行开始探查
-    if (selStartLine &&
-        !is.isOrderList(selStartLine.attributes) &&
-        selEndNextLine &&
-        is.isOrderList(selEndNextLine.attributes)) {
-        start++;
-    }
-    // 如果 start 的行属性不存在列表项, 则无需刷新
-    const currentLine = block.getLine(start);
-    if (!currentLine || !is.isOrderList(currentLine.attributes)) {
-        return void 0;
-    }
-    // 向前查找到第一个列表项
-    while (--start >= 0) {
-        const line = block.getLine(start);
-        if (!line || !is.isOrderList(line.attributes)) {
-            start++;
-            break;
-        }
-    }
-    const delta$1 = new delta.Delta();
-    const startLine = block.getLine(start);
-    if (!startLine)
-        return void 0;
-    delta$1.retain(startLine.start);
-    // 逐行刷新序号
-    const levelToIndex = {};
-    for (let i = start; i < block.size; i++) {
-        const line = block.getLine(i);
-        const attrs = line && line.attributes;
-        if (!line || !attrs || !is.isOrderList(attrs))
-            break;
-        const level = attrs[indent_types_index.INDENT_LEVEL_KEY];
-        // 重置序号
-        if (attrs[orderList_types_index.LIST_RESTART_KEY]) {
-            levelToIndex[level] = 1;
-        }
-        const index = levelToIndex[level] || 1;
-        levelToIndex[level] = index + 1;
-        delta$1.retain(line.length - 1);
-        delta$1.retain(1, { [orderList_types_index.LIST_START_KEY]: String(index) });
-    }
-    editor.state.apply(delta$1, { autoCaret: false });
-};
-
-const latinCache = {};
-const romanCache = {};
-const startToLatin = (start) => {
-    if (start < 1)
-        return "";
-    const cache = latinCache[start];
-    if (cache)
-        return cache;
-    // 1 -> a, 27 -> aa
-    let res = "";
-    let n = start - 1;
-    while (n >= 0) {
-        res = String.fromCharCode((n % 26) + 97) + res;
-        n = Math.floor(n / 26) - 1;
-    }
-    latinCache[start] = res;
-    return res;
-};
-const startToRoman = (start) => {
-    if (start < 1 || start > 5000)
-        return "";
-    const cache = romanCache[start];
-    if (cache)
-        return cache;
-    // https://github.com/bpampuch/pdfmake/blob/7af85/src/DocMeasure.js#L315
-    const lookup = {
-        m: 1000,
-        cm: 900,
-        d: 500,
-        cd: 400,
-        c: 100,
-        xc: 90,
-        l: 50,
-        xl: 40,
-        x: 10,
-        ix: 9,
-        v: 5,
-        iv: 4,
-        i: 1,
-    };
-    let res = "";
-    let n = start;
-    for (const i of Object.keys(lookup)) {
-        while (n >= lookup[i]) {
-            res = res + i;
-            n = n - lookup[i];
-        }
-    }
-    romanCache[start] = res;
-    return res;
-};
-/**
- * 序列化有序列表前缀值
- * @param start
- * @param level
- */
-const formatListLevel = (start, level) => {
-    let serial = "";
-    const value = level % 3;
-    if (value === 0) {
-        // 1 -> 1
-        serial = start.toString();
-    }
-    else if (value === 1) {
-        // 1 -> a
-        serial = startToLatin(start);
-    }
-    else if (value === 2) {
-        // 1 -> i
-        serial = startToRoman(start);
-    }
-    return serial + ".";
-};
-
-const OrderListView = props => {
-    const { level, start, children } = props;
-    return (jsxRuntime.jsxs("ol", { className: "block-kit-order-list", children: [jsxRuntime.jsx("div", { contentEditable: false, className: "block-kit-order-indicator", onMouseDown: utils.preventNativeEvent, children: formatListLevel(start, level) }), jsxRuntime.jsx("li", { value: start, className: utils.cs("block-kit-order-item", `block-kit-li-level-${level % 3}`), children: children })] }));
-};
+var orderList_utils_is = require('./utils/is.js');
+var orderList_utils_serial = require('./utils/serial.js');
+var orderList_view_list = require('./view/list.js');
 
 class OrderListPlugin extends react.EditorPlugin {
     constructor(editor) {
@@ -168,12 +29,12 @@ class OrderListPlugin extends react.EditorPlugin {
         this.editor.event.off(core.EDITOR_EVENT.KEY_DOWN, this.onKeyDown);
     }
     match(attrs) {
-        return is.isOrderList(attrs);
+        return orderList_utils_is.isOrderList(attrs);
     }
     renderLine(context) {
         const level = Number(context.attributes[indent_types_index.INDENT_LEVEL_KEY]) || 0;
         const start = Number(context.attributes[orderList_types_index.LIST_START_KEY]) || 1;
-        return (jsxRuntime.jsx(OrderListView, { level: level, start: start, editor: this.editor, context: context, children: context.children }));
+        return (jsxRuntime.jsx(orderList_view_list.OrderListView, { level: level, start: start, editor: this.editor, context: context, children: context.children }));
     }
     onExec(payload) {
         const editor = this.editor;
@@ -183,7 +44,7 @@ class OrderListPlugin extends react.EditorPlugin {
         const { start, end } = sel;
         // 先检查当前需要设置/解除列表状态
         const lines = editor.state.block.getLines().slice(start.line, end.line + 1);
-        const isList = lines.every(line => is.isOrderList(line.attributes));
+        const isList = lines.every(line => orderList_utils_is.isOrderList(line.attributes));
         // 计算需要操作的范围
         const rawPoint = core.RawPoint.fromPoint(this.editor, core.Point.from(start.line, 0));
         if (!rawPoint)
@@ -210,7 +71,7 @@ class OrderListPlugin extends react.EditorPlugin {
             delta$1.retain(1, attrs);
         }
         this.editor.state.apply(delta$1, { autoCaret: false });
-        applyNewOrderList(this.editor, sel);
+        orderList_utils_serial.applyNewOrderList(this.editor, sel);
     }
     onKeyDown(event, context) {
         const sel = this.editor.selection.get();
@@ -224,10 +85,10 @@ class OrderListPlugin extends react.EditorPlugin {
         const attrs = startLine.attributes;
         // 当前行是列表行, 且按下回车键, 且选区折叠, 且当前行是空内容行
         // => 处理列表的缩进等级
-        if (is$1.isKeyCode(event, utils.KEY_CODE.ENTER) &&
-            is.isOrderList(attrs) &&
+        if (shared_utils_is.isKeyCode(event, utils.KEY_CODE.ENTER) &&
+            orderList_utils_is.isOrderList(attrs) &&
             sel.isCollapsed &&
-            is$1.isEmptyLine(startLine)) {
+            shared_utils_is.isEmptyLine(startLine)) {
             const level = Number(attrs[indent_types_index.INDENT_LEVEL_KEY]);
             const nextAttrs = {};
             if (level > 0) {
@@ -243,18 +104,18 @@ class OrderListPlugin extends react.EditorPlugin {
             }
             const delta$1 = new delta.Delta().retain(startLine.start + startLine.length - 1).retain(1, nextAttrs);
             this.editor.state.apply(delta$1, { autoCaret: false });
-            applyNewOrderList(this.editor, sel);
-            dom.preventContextEvent(event, context);
+            orderList_utils_serial.applyNewOrderList(this.editor, sel);
+            shared_utils_dom.preventContextEvent(event, context);
             return void 0;
         }
         // 当前行是列表行, 且按下回车键, 且选区折叠, 且位于行首, 且上一行是列表行
         // => 继续编号, 避免默认的处理, 保持列表的连续性
-        if (is$1.isKeyCode(event, utils.KEY_CODE.ENTER) &&
-            is.isOrderList(attrs) &&
+        if (shared_utils_is.isKeyCode(event, utils.KEY_CODE.ENTER) &&
+            orderList_utils_is.isOrderList(attrs) &&
             sel.isCollapsed &&
             !sel.start.offset &&
             prevLine &&
-            is.isOrderList(prevLine.attributes)) {
+            orderList_utils_is.isOrderList(prevLine.attributes)) {
             const nextAttrs = Object.assign({}, prevLine.attributes);
             if (attrs[indent_types_index.INDENT_LEVEL_KEY]) {
                 // 缩进层级优先取当前行的缩进层级
@@ -262,23 +123,23 @@ class OrderListPlugin extends react.EditorPlugin {
             }
             const delta$1 = new delta.Delta().retain(startLine.start).insertEOL(nextAttrs);
             this.editor.state.apply(delta$1);
-            applyNewOrderList(this.editor, sel);
-            dom.preventContextEvent(event, context);
+            orderList_utils_serial.applyNewOrderList(this.editor, sel);
+            shared_utils_dom.preventContextEvent(event, context);
             return void 0;
         }
         // 当前行是列表行, 且按下回车键
         // => 在列表行内部插入换行符, 且携带列表状态
-        if (is$1.isKeyCode(event, utils.KEY_CODE.ENTER) && is.isOrderList(attrs)) {
+        if (shared_utils_is.isKeyCode(event, utils.KEY_CODE.ENTER) && orderList_utils_is.isOrderList(attrs)) {
             this.editor.perform.insertBreak(sel, attrs);
-            applyNewOrderList(this.editor, sel);
-            dom.preventContextEvent(event, context);
+            orderList_utils_serial.applyNewOrderList(this.editor, sel);
+            shared_utils_dom.preventContextEvent(event, context);
             return void 0;
         }
         // 当前行是列表行, 且折叠选区, 且在行首, 且按下退格键
         // => 将当前行的列表状态移除, 保留缩进的等级
-        if (is$1.isKeyCode(event, utils.KEY_CODE.BACKSPACE) &&
+        if (shared_utils_is.isKeyCode(event, utils.KEY_CODE.BACKSPACE) &&
             sel.isCollapsed &&
-            is.isOrderList(attrs) &&
+            orderList_utils_is.isOrderList(attrs) &&
             !sel.start.offset) {
             const delta$1 = new delta.Delta().retain(startLine.start + startLine.length - 1).retain(1, {
                 [bulletList_types_index.LIST_TYPE_KEY]: utils.NIL,
@@ -286,24 +147,24 @@ class OrderListPlugin extends react.EditorPlugin {
                 [orderList_types_index.LIST_RESTART_KEY]: utils.NIL,
             });
             this.editor.state.apply(delta$1, { autoCaret: false });
-            applyNewOrderList(this.editor, sel);
-            dom.preventContextEvent(event, context);
+            orderList_utils_serial.applyNewOrderList(this.editor, sel);
+            shared_utils_dom.preventContextEvent(event, context);
             return void 0;
         }
         // 当前行是列表行, 按下 Tab 键
         // => 由列表的缩进状态调整列表的序号
-        if (is$1.isKeyCode(event, utils.KEY_CODE.TAB) && is.isOrderList(attrs)) {
-            applyNewOrderList(this.editor, sel);
-            dom.preventContextEvent(event, context);
+        if (shared_utils_is.isKeyCode(event, utils.KEY_CODE.TAB) && orderList_utils_is.isOrderList(attrs)) {
+            orderList_utils_serial.applyNewOrderList(this.editor, sel);
+            shared_utils_dom.preventContextEvent(event, context);
             return void 0;
         }
         // 处于当前行的行首, 且不存在其他行属性, 且前一行是列表行
         // => 将当前上一行属性移到当前行, 且刷新列表值
-        if (is$1.isKeyCode(event, utils.KEY_CODE.BACKSPACE) &&
+        if (shared_utils_is.isKeyCode(event, utils.KEY_CODE.BACKSPACE) &&
             !sel.start.offset &&
             !Object.keys(attrs).length &&
             prevLine &&
-            is.isOrderList(prevLine.attributes)) {
+            orderList_utils_is.isOrderList(prevLine.attributes)) {
             const prevAttrs = Object.assign({}, prevLine.attributes);
             const delta$1 = new delta.Delta()
                 .retain(startLine.start - 1)
@@ -311,8 +172,8 @@ class OrderListPlugin extends react.EditorPlugin {
                 .retain(startLine.length - 1)
                 .retain(1, prevAttrs);
             this.editor.state.apply(delta$1);
-            applyNewOrderList(this.editor, sel);
-            dom.preventContextEvent(event, context);
+            orderList_utils_serial.applyNewOrderList(this.editor, sel);
+            shared_utils_dom.preventContextEvent(event, context);
             return void 0;
         }
     }

package/dist/lib/order-list/utils/format.js

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const latinCache = {};
+const romanCache = {};
+const startToLatin = (start) => {
+    if (start < 1)
+        return "";
+    const cache = latinCache[start];
+    if (cache)
+        return cache;
+    // 1 -> a, 27 -> aa
+    let res = "";
+    let n = start - 1;
+    while (n >= 0) {
+        res = String.fromCharCode((n % 26) + 97) + res;
+        n = Math.floor(n / 26) - 1;
+    }
+    latinCache[start] = res;
+    return res;
+};
+const startToRoman = (start) => {
+    if (start < 1 || start > 5000)
+        return "";
+    const cache = romanCache[start];
+    if (cache)
+        return cache;
+    // https://github.com/bpampuch/pdfmake/blob/7af85/src/DocMeasure.js#L315
+    const lookup = {
+        m: 1000,
+        cm: 900,
+        d: 500,
+        cd: 400,
+        c: 100,
+        xc: 90,
+        l: 50,
+        xl: 40,
+        x: 10,
+        ix: 9,
+        v: 5,
+        iv: 4,
+        i: 1,
+    };
+    let res = "";
+    let n = start;
+    for (const i of Object.keys(lookup)) {
+        while (n >= lookup[i]) {
+            res = res + i;
+            n = n - lookup[i];
+        }
+    }
+    romanCache[start] = res;
+    return res;
+};
+/**
+ * 序列化有序列表前缀值
+ * @param start
+ * @param level
+ */
+const formatListLevel = (start, level) => {
+    let serial = "";
+    const value = level % 3;
+    if (value === 0) {
+        // 1 -> 1
+        serial = start.toString();
+    }
+    else if (value === 1) {
+        // 1 -> a
+        serial = startToLatin(start);
+    }
+    else if (value === 2) {
+        // 1 -> i
+        serial = startToRoman(start);
+    }
+    return serial + ".";
+};
+
+exports.formatListLevel = formatListLevel;

package/dist/lib/{is-18806678.js → order-list/utils/is.js}

@@ -1,7 +1,9 @@
 'use strict';
 
-var bulletList_types_index = require('./bullet-list/types/index.js');
-var orderList_types_index = require('./order-list/types/index.js');
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var bulletList_types_index = require('../../bullet-list/types/index.js');
+var orderList_types_index = require('../types/index.js');
 
 /**
  * 检查有序列表

package/dist/lib/order-list/utils/serial.js

@@ -0,0 +1,72 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var delta = require('@block-kit/delta');
+var indent_types_index = require('../../indent/types/index.js');
+var orderList_types_index = require('../types/index.js');
+var orderList_utils_is = require('./is.js');
+
+/**
+ * 批量刷新选区的列表序号 [批量刷新简单方便]
+ * - 从选区开始的第一个列表项开始，逐个刷新序号
+ * - 全量刷新序号数据, 最后需要在渲染时批量刷新
+ * @param editor
+ * @param sel
+ */
+const applyNewOrderList = (editor, range) => {
+    const sel = range || editor.selection.get();
+    if (!sel)
+        return void 0;
+    const startPoint = sel.start;
+    const block = editor.state.block;
+    let start = startPoint.line;
+    const selStartLine = block.getLine(sel.start.line);
+    const selEndLine = block.getLine(sel.end.line);
+    const selEndNextLine = selEndLine && selEndLine.next();
+    // 如果当前行不是列表项，且选区结尾下一行是列表项，则从下一行开始探查
+    if (selStartLine &&
+        !orderList_utils_is.isOrderList(selStartLine.attributes) &&
+        selEndNextLine &&
+        orderList_utils_is.isOrderList(selEndNextLine.attributes)) {
+        start++;
+    }
+    // 如果 start 的行属性不存在列表项, 则无需刷新
+    const currentLine = block.getLine(start);
+    if (!currentLine || !orderList_utils_is.isOrderList(currentLine.attributes)) {
+        return void 0;
+    }
+    // 向前查找到第一个列表项
+    while (--start >= 0) {
+        const line = block.getLine(start);
+        if (!line || !orderList_utils_is.isOrderList(line.attributes)) {
+            start++;
+            break;
+        }
+    }
+    const delta$1 = new delta.Delta();
+    const startLine = block.getLine(start);
+    if (!startLine)
+        return void 0;
+    delta$1.retain(startLine.start);
+    // 逐行刷新序号
+    const levelToIndex = {};
+    for (let i = start; i < block.size; i++) {
+        const line = block.getLine(i);
+        const attrs = line && line.attributes;
+        if (!line || !attrs || !orderList_utils_is.isOrderList(attrs))
+            break;
+        const level = attrs[indent_types_index.INDENT_LEVEL_KEY];
+        // 重置序号
+        if (attrs[orderList_types_index.LIST_RESTART_KEY]) {
+            levelToIndex[level] = 1;
+        }
+        const index = levelToIndex[level] || 1;
+        levelToIndex[level] = index + 1;
+        delta$1.retain(line.length - 1);
+        delta$1.retain(1, { [orderList_types_index.LIST_START_KEY]: String(index) });
+    }
+    editor.state.apply(delta$1, { autoCaret: false });
+};
+
+exports.applyNewOrderList = applyNewOrderList;