@block-kit/plugin 1.0.0 → 1.0.3

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

@@ -0,0 +1,98 @@
+import { _ as __decorate } from '../../tslib.es6-910e0469.js';
+import { jsx } from 'react/jsx-runtime';
+import { Point, EDITOR_EVENT, relativeTo, Range } from '@block-kit/core';
+import { deltaToText, Delta } from '@block-kit/delta';
+import { Bind, KEY_CODE } from '@block-kit/utils';
+import ReactDOM from 'react-dom';
+import { getMountDOM } from '../../shared/utils/dom.js';
+import { isKeyCode } from '../../shared/utils/is.js';
+import { SUGGEST_OFFSET } from '../utils/constant.js';
+import { Suggest } from '../view/suggest.js';
+
+class SuggestModule {
+    constructor(editor) {
+        this.editor = editor;
+        this.rect = null;
+        this.isMountSuggest = false;
+        this.mountSuggestNode = null;
+        this.point = new Point(0, 0);
+        editor.event.on(EDITOR_EVENT.KEY_DOWN, this.onKeydown, 101);
+    }
+    destroy() {
+        this.unmountSuggestPanel();
+        this.editor.event.off(EDITOR_EVENT.KEY_DOWN, this.onKeydown);
+        this.editor.event.off(EDITOR_EVENT.SELECTION_CHANGE, this.onSelectionChange);
+    }
+    onKeydown(event) {
+        if (isKeyCode(event, 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 = relativeTo(caretRect, editorRect);
+            // 这里是 CSS 预设的面板高度
+            const PANEL_HEIGHT = 150;
+            if (caretRect.bottom + PANEL_HEIGHT <= window.innerHeight) {
+                // 放置于下方
+                rect.top = rect.bottom + SUGGEST_OFFSET;
+            }
+            else {
+                // 放置于上方
+                rect.top = rect.top - PANEL_HEIGHT - SUGGEST_OFFSET;
+            }
+            this.rect = { top: rect.top, left: rect.left };
+            this.point = sel.start.clone();
+            this.editor.event.on(EDITOR_EVENT.SELECTION_CHANGE, this.onSelectionChange);
+        }
+        if (this.isMountSuggest && isKeyCode(event, 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.lookup.getFragment(new Range(this.point, current.end));
+        if (!ops)
+            return void 0;
+        const text = deltaToText(new 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";
+            getMountDOM(this.editor).appendChild(this.mountSuggestNode);
+        }
+        const top = this.rect.top;
+        const left = this.rect.left;
+        const dom = this.mountSuggestNode;
+        this.isMountSuggest = true;
+        ReactDOM.render(jsx(Suggest, { controller: this, top: top, left: left, text: text }), dom);
+    }
+    unmountSuggestPanel() {
+        if (this.isMountSuggest && this.mountSuggestNode) {
+            ReactDOM.unmountComponentAtNode(this.mountSuggestNode);
+        }
+        this.mountSuggestNode && this.mountSuggestNode.remove();
+        this.editor.event.off(EDITOR_EVENT.SELECTION_CHANGE, this.onSelectionChange);
+        this.mountSuggestNode = null;
+        this.isMountSuggest = false;
+    }
+}
+__decorate([
+    Bind
+], SuggestModule.prototype, "onKeydown", null);
+__decorate([
+    Bind
+], SuggestModule.prototype, "onSelectionChange", null);
+
+export { SuggestModule };

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

@@ -0,0 +1,24 @@
+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",
+];
+
+export { DATA, SUGGEST_OFFSET };

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

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

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

@@ -1,156 +1,17 @@
-import { _ as __decorate } from '../tslib.es6-83956cc1.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { _ as __decorate } from '../tslib.es6-910e0469.js';
+import { jsx } from 'react/jsx-runtime';
 import { EDITOR_EVENT, RawPoint, Point } from '@block-kit/core';
 import { Delta } from '@block-kit/delta';
 import { EditorPlugin } from '@block-kit/react';
-import { preventNativeEvent, cs, Bind, KEY_CODE, NIL } from '@block-kit/utils';
+import { Bind, KEY_CODE, NIL } from '@block-kit/utils';
 import { LIST_TYPE_KEY } from '../bullet-list/types/index.js';
 import { INDENT_LEVEL_KEY } from '../indent/types/index.js';
-import { p as preventContextEvent } from '../dom-71a99400.js';
-import { a as isKeyCode, i as isEmptyLine } from '../is-3de778e2.js';
-import { LIST_RESTART_KEY, LIST_START_KEY, ORDER_LIST_KEY, ORDER_LIST_TYPE } from './types/index.js';
-import { i as isOrderList } from '../is-7f3ae820.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 &&
-        !isOrderList(selStartLine.attributes) &&
-        selEndNextLine &&
-        isOrderList(selEndNextLine.attributes)) {
-        start++;
-    }
-    // 如果 start 的行属性不存在列表项, 则无需刷新
-    const currentLine = block.getLine(start);
-    if (!currentLine || !isOrderList(currentLine.attributes)) {
-        return void 0;
-    }
-    // 向前查找到第一个列表项
-    while (--start >= 0) {
-        const line = block.getLine(start);
-        if (!line || !isOrderList(line.attributes)) {
-            start++;
-            break;
-        }
-    }
-    const delta = new Delta();
-    const startLine = block.getLine(start);
-    if (!startLine)
-        return void 0;
-    delta.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 || !isOrderList(attrs))
-            break;
-        const level = attrs[INDENT_LEVEL_KEY];
-        // 重置序号
-        if (attrs[LIST_RESTART_KEY]) {
-            levelToIndex[level] = 1;
-        }
-        const index = levelToIndex[level] || 1;
-        levelToIndex[level] = index + 1;
-        delta.retain(line.length - 1);
-        delta.retain(1, { [LIST_START_KEY]: String(index) });
-    }
-    editor.state.apply(delta, { 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 (jsxs("ol", { className: "block-kit-order-list", children: [jsx("div", { contentEditable: false, className: "block-kit-order-indicator", onMouseDown: preventNativeEvent, children: formatListLevel(start, level) }), jsx("li", { value: start, className: cs("block-kit-order-item", `block-kit-li-level-${level % 3}`), children: children })] }));
-};
+import { preventContextEvent } from '../shared/utils/dom.js';
+import { isKeyCode, isEmptyLine } from '../shared/utils/is.js';
+import { ORDER_LIST_KEY, LIST_START_KEY, LIST_RESTART_KEY, ORDER_LIST_TYPE } from './types/index.js';
+import { isOrderList } from './utils/is.js';
+import { applyNewOrderList } from './utils/serial.js';
+import { OrderListView } from './view/list.js';
 
 class OrderListPlugin extends EditorPlugin {
     constructor(editor) {

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

@@ -0,0 +1,75 @@
+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 + ".";
+};
+
+export { formatListLevel };

package/dist/es/order-list/utils/is.js

@@ -0,0 +1,12 @@
+import { LIST_TYPE_KEY } from '../../bullet-list/types/index.js';
+import { ORDER_LIST_TYPE } from '../types/index.js';
+
+/**
+ * 检查有序列表
+ * @param attrs
+ */
+const isOrderList = (attrs) => {
+    return attrs[LIST_TYPE_KEY] === ORDER_LIST_TYPE;
+};
+
+export { isOrderList };

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

@@ -0,0 +1,68 @@
+import { Delta } from '@block-kit/delta';
+import { INDENT_LEVEL_KEY } from '../../indent/types/index.js';
+import { LIST_RESTART_KEY, LIST_START_KEY } from '../types/index.js';
+import { isOrderList } from './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 &&
+        !isOrderList(selStartLine.attributes) &&
+        selEndNextLine &&
+        isOrderList(selEndNextLine.attributes)) {
+        start++;
+    }
+    // 如果 start 的行属性不存在列表项, 则无需刷新
+    const currentLine = block.getLine(start);
+    if (!currentLine || !isOrderList(currentLine.attributes)) {
+        return void 0;
+    }
+    // 向前查找到第一个列表项
+    while (--start >= 0) {
+        const line = block.getLine(start);
+        if (!line || !isOrderList(line.attributes)) {
+            start++;
+            break;
+        }
+    }
+    const delta = new Delta();
+    const startLine = block.getLine(start);
+    if (!startLine)
+        return void 0;
+    delta.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 || !isOrderList(attrs))
+            break;
+        const level = attrs[INDENT_LEVEL_KEY];
+        // 重置序号
+        if (attrs[LIST_RESTART_KEY]) {
+            levelToIndex[level] = 1;
+        }
+        const index = levelToIndex[level] || 1;
+        levelToIndex[level] = index + 1;
+        delta.retain(line.length - 1);
+        delta.retain(1, { [LIST_START_KEY]: String(index) });
+    }
+    editor.state.apply(delta, { autoCaret: false });
+};
+
+export { applyNewOrderList };

package/dist/es/order-list/view/list.js

@@ -0,0 +1,10 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { preventNativeEvent, cs } from '@block-kit/utils';
+import { formatListLevel } from '../utils/format.js';
+
+const OrderListView = props => {
+    const { level, start, children } = props;
+    return (jsxs("ol", { className: "block-kit-order-list", children: [jsx("div", { contentEditable: false, className: "block-kit-order-indicator", onMouseDown: preventNativeEvent, children: formatListLevel(start, level) }), jsx("li", { value: start, className: cs("block-kit-order-item", `block-kit-li-level-${level % 3}`), children: children })] }));
+};
+
+export { OrderListView };

package/dist/es/quote/index.js

@@ -1,11 +1,11 @@
-import { _ as __decorate } from '../tslib.es6-83956cc1.js';
+import { _ as __decorate } from '../tslib.es6-910e0469.js';
 import { jsx } from 'react/jsx-runtime';
 import { EDITOR_EVENT, RawPoint, Point } from '@block-kit/core';
 import { Delta } from '@block-kit/delta';
 import { InjectWrapKeys, EditorPlugin } from '@block-kit/react';
 import { Bind, KEY_CODE, NIL, TRULY } from '@block-kit/utils';
-import { p as preventContextEvent } from '../dom-71a99400.js';
-import { a as isKeyCode, i as isEmptyLine } from '../is-3de778e2.js';
+import { preventContextEvent } from '../shared/utils/dom.js';
+import { isKeyCode, isEmptyLine } from '../shared/utils/is.js';
 import { QUOTE_KEY } from './types/index.js';
 
 class QuotePlugin extends EditorPlugin {

package/dist/es/{selection-badfb0bc.js → shared/components/selection.js}

@@ -1,9 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
-import { Range, EDITOR_EVENT } from '@block-kit/core';
+import { Range } from '@block-kit/core';
 import { ReadonlyContext } from '@block-kit/react';
-import { getId, cs, Bind } from '@block-kit/utils';
+import { getId, cs } from '@block-kit/utils';
 import React from 'react';
-import { _ as __decorate } from './tslib.es6-83956cc1.js';
 
 class SelectionHOC extends React.PureComponent {
     constructor(props) {
@@ -51,31 +50,4 @@ class SelectionHOC extends React.PureComponent {
 }
 SelectionHOC.contextType = ReadonlyContext;
 
-class SelectionPlugin {
-    constructor(editor) {
-        this.editor = editor;
-        this.idToView = new Map();
-        editor.event.on(EDITOR_EVENT.SELECTION_CHANGE, this.onSelectionChange);
-    }
-    destroy() {
-        this.idToView.clear();
-        this.editor.event.off(EDITOR_EVENT.SELECTION_CHANGE, this.onSelectionChange);
-    }
-    mountView(id, view) {
-        this.idToView.set(id, view);
-    }
-    unmountView(id) {
-        this.idToView.delete(id);
-    }
-    onSelectionChange(e) {
-        const current = e.current;
-        this.idToView.forEach(view => {
-            view.onSelectionChange(current);
-        });
-    }
-}
-__decorate([
-    Bind
-], SelectionPlugin.prototype, "onSelectionChange", null);
-
-export { SelectionHOC as S, SelectionPlugin as a };
+export { SelectionHOC };

package/dist/es/shared/icons/divider.js

@@ -0,0 +1,5 @@
+import { jsx } from 'react/jsx-runtime';
+
+const DividerIcon = () => (jsx("svg", { className: "arco-icon", viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", children: jsx("path", { d: "M64.128 810.666667h128a21.333333 21.333333 0 0 1 21.333333 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333333 21.333333h-128a21.333333 21.333333 0 0 1-21.333333-21.333333v-42.666667a21.333333 21.333333 0 0 1 21.333333-21.333333z m384 0h128a21.333333 21.333333 0 0 1 21.333333 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333333 21.333333h-128a21.333333 21.333333 0 0 1-21.333333-21.333333v-42.666667a21.333333 21.333333 0 0 1 21.333333-21.333333z m384 0h128a21.333333 21.333333 0 0 1 21.333333 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333333 21.333333h-128a21.333333 21.333333 0 0 1-21.333333-21.333333v-42.666667a21.333333 21.333333 0 0 1 21.333333-21.333333z m-768-682.666667h128a21.333333 21.333333 0 0 1 21.333333 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333333 21.333333h-128a21.333333 21.333333 0 0 1-21.333333-21.333333V149.333333a21.333333 21.333333 0 0 1 21.333333-21.333333z m384 0h128a21.333333 21.333333 0 0 1 21.333333 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333333 21.333333h-128a21.333333 21.333333 0 0 1-21.333333-21.333333V149.333333a21.333333 21.333333 0 0 1 21.333333-21.333333z m384 0h128a21.333333 21.333333 0 0 1 21.333333 21.333333v42.666667a21.333333 21.333333 0 0 1-21.333333 21.333333h-128a21.333333 21.333333 0 0 1-21.333333-21.333333V149.333333a21.333333 21.333333 0 0 1 21.333333-21.333333zM64 469.333333h896a21.333333 21.333333 0 0 1 21.333333 21.333334v42.666666a21.333333 21.333333 0 0 1-21.333333 21.333334H64a21.333333 21.333333 0 0 1-21.333333-21.333334v-42.666666a21.333333 21.333333 0 0 1 21.333333-21.333334z" }) }));
+
+export { DividerIcon };

package/dist/es/shared/icons/emoji.js

@@ -0,0 +1,5 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const EmojiIcon = () => (jsxs("svg", { className: "arco-icon", viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg", "p-id": "5996", width: "1em", height: "1em", fill: "currentColor", children: [jsx("path", { d: "M512 128a384 384 0 1 0 0 768 384 384 0 0 0 0-768zM42.666667 512C42.666667 252.8 252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333S42.666667 771.2 42.666667 512z m533.333333-64a42.666667 42.666667 0 0 1 42.666667-42.666667h85.333333a42.666667 42.666667 0 1 1 0 85.333334h-85.333333a42.666667 42.666667 0 0 1-42.666667-42.666667z m-254.165333 193.834667a42.666667 42.666667 0 0 1 60.330666 0 183.594667 183.594667 0 0 0 259.669334 0 42.666667 42.666667 0 0 1 60.330666 60.330666 268.928 268.928 0 0 1-380.330666 0 42.666667 42.666667 0 0 1 0-60.330666z" }), jsx("path", { d: "M362.666667 362.666667a42.666667 42.666667 0 0 1 42.666666 42.666666v80a42.666667 42.666667 0 0 1-85.333333 0V405.333333a42.666667 42.666667 0 0 1 42.666667-42.666666z" })] }));
+
+export { EmojiIcon };

package/dist/es/shared/icons/font-color.js

@@ -0,0 +1,5 @@
+import { jsx } from 'react/jsx-runtime';
+
+const FontColorIcon = () => (jsx("svg", { className: "arco-icon", viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", children: jsx("path", { d: "M594.9 842.3h-94.3l-67.4-180.9H158L94.4 842.3H0.1l251.7-660.9h91.3l251.8 660.9zM406.7 586.7l-99.8-274.8c-3.1-8.8-6.5-24.2-10.2-46.1h-2.1c-3.1 19.9-6.7 35.3-10.7 46.1l-99 274.8h221.8z m284.2-183.4c46.9-29.3 101.1-43.9 162.6-43.9 113.8 0 170.7 59.7 170.7 179.2v303.8h-82.8v-73h-2.1c-32.7 56-80.9 84.1-144.6 84.1-45.8 0-82.2-12.4-109.2-37.1-27-24.7-40.5-58.2-40.5-100.3 0-88.2 52.2-139.5 156.6-154l139.9-19.6c0-77.1-31.9-115.6-95.6-115.6-56.6 0-108.2 19.1-154.9 57.2v-80.8z m139.9 217.1c-38.7 5.1-65.4 14.8-80 29-14.7 14.2-22 34.1-22 59.7 0 22.5 8 40.8 23.9 55 15.9 14.2 37 21.3 63.1 21.3 36.4 0 66.4-12.8 90-38.4 23.6-25.6 35.4-57.7 35.4-96.4v-45.2l-110.4 15z" }) }));
+
+export { FontColorIcon };

package/dist/es/shared/icons/font-size.js

@@ -0,0 +1,5 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const FontSizeIcon = () => (jsxs("svg", { className: "arco-icon", viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", children: [jsx("path", { d: "M597.333333 853.333333h85.333334L426.666667 170.666667H341.333333L85.333333 853.333333h85.333334l80-213.333333h266.666666z m-314.666666-298.666666L384 284.458667 485.333333 554.666667z" }), jsx("path", { d: "M918.784 331.178667V257.450667L832 170.666667l-86.784 86.784v73.728L810.666667 265.685333v492.629334l-65.450667-65.493334v73.728L832 853.333333l86.784-86.784v-73.728L853.333333 758.314667V265.685333l65.450667 65.493334z" })] }));
+
+export { FontSizeIcon };

package/dist/es/shared/icons/justify.js

@@ -0,0 +1,5 @@
+import { jsx } from 'react/jsx-runtime';
+
+const JustifyIcon = () => (jsx("svg", { className: "arco-icon", viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", children: jsx("path", { d: "M875.975111 823.978667a36.010667 36.010667 0 1 1 0 72.021333H148.024889a36.010667 36.010667 0 1 1 0-72.021333h727.950222z m0-231.992889a36.010667 36.010667 0 1 1 0 72.021333H148.024889a36.010667 36.010667 0 1 1 0-72.021333h727.950222z m0-231.992889a36.010667 36.010667 0 1 1 0 72.021333H148.024889a36.010667 36.010667 0 0 1 0-72.021333h727.950222z m0-231.992889a36.010667 36.010667 0 1 1 0 72.021333H148.024889a36.010667 36.010667 0 0 1 0-72.021333h727.950222z", fill: "currentColor" }) }));
+
+export { JustifyIcon };

package/dist/es/shared/icons/line-height.js

@@ -0,0 +1,5 @@
+import { jsx } from 'react/jsx-runtime';
+
+const LineHeightIcon = () => (jsx("svg", { className: "arco-icon", viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", children: jsx("path", { d: "M469.333333 170.666667h426.666667v85.333333H469.333333V170.666667zM256 298.666667v170.666666H170.666667V298.666667H42.666667l170.666666-170.666667 170.666667 170.666667H256z m0 426.666666h128l-170.666667 170.666667-170.666666-170.666667h128v-170.666666h85.333333v170.666666z m213.333333 42.666667h426.666667v85.333333H469.333333v-85.333333z m-85.333333-298.666667h512v85.333334H384v-85.333334z" }) }));
+
+export { LineHeightIcon };

package/dist/es/shared/icons/text.js

@@ -0,0 +1,5 @@
+import { jsx } from 'react/jsx-runtime';
+
+const TextIcon = () => (jsx("svg", { className: "arco-icon", viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", children: jsx("path", { d: "M853.333333 138.666667H170.666667c-17.066667 0-32 14.933333-32 32v128c0 17.066667 14.933333 32 32 32s32-14.933333 32-32V202.666667h277.333333v618.666666H384c-17.066667 0-32 14.933333-32 32s14.933333 32 32 32h256c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32h-96v-618.666666h277.333333V298.666667c0 17.066667 14.933333 32 32 32s32-14.933333 32-32V170.666667c0-17.066667-14.933333-32-32-32z" }) }));
+
+export { TextIcon };