x-star-editor 0.2.1 → 0.2.3

package/dist/icons/Math.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from 'react';
+import React from 'react';
+declare const SvgMath: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgMath;

package/dist/icons/Math.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+var SvgMath = function SvgMath(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M15.7 7a.1.1 0 0 1 .074.033.2.2 0 0 1 .077.093l.891 2.242a.1.1 0 0 1-.093.137h-.784a.1.1 0 0 1-.093-.063l-.575-1.443H8.708l3.867 3.865a.2.2 0 0 1 .038.23l-.038.053-.566.565-3.284 3.282H15.2l.572-1.436a.1.1 0 0 1 .054-.055l.039-.008h.784a.1.1 0 0 1 .093.137l-.891 2.242a.2.2 0 0 1-.186.126H14.8l-7.3-.006a.2.2 0 0 1-.2-.2v-.8h.01l3.992-3.989-4.002-4V7.2c0-.11.09-.2.2-.2h8.2Z"
+  }));
+};
+export default SvgMath;

package/dist/icons/OrderedList.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from 'react';
+import React from 'react';
+declare const SvgOrderedList: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgOrderedList;

package/dist/icons/OrderedList.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+var SvgOrderedList = function SvgOrderedList(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    fillRule: "nonzero",
+    d: "M17.578 15.39H9.594a.11.11 0 0 0-.11.11v.766c0 .06.05.109.11.109h7.984c.06 0 .11-.05.11-.11V15.5a.11.11 0 0 0-.11-.11Zm0-7.765H9.594a.11.11 0 0 0-.11.11V8.5c0 .06.05.11.11.11h7.984c.06 0 .11-.05.11-.11v-.766a.11.11 0 0 0-.11-.109Zm0 3.883H9.594a.11.11 0 0 0-.11.11v.765c0 .06.05.11.11.11h7.984c.06 0 .11-.05.11-.11v-.766a.11.11 0 0 0-.11-.11Zm-9.625 3.226H6.367a.055.055 0 0 0-.054.055v.465c0 .03.024.055.054.055h.99v.28h-.488a.055.055 0 0 0-.055.055v.464c0 .03.025.055.055.055h.488v.294h-.99a.055.055 0 0 0-.054.055v.465c0 .03.024.054.054.054h1.586c.03 0 .055-.024.055-.054v-2.188a.055.055 0 0 0-.055-.055ZM6.367 7.57h.52v1.64c0 .031.024.056.054.056h.547c.03 0 .055-.025.055-.055V7.078a.11.11 0 0 0-.11-.11H6.368a.055.055 0 0 0-.054.055v.493c0 .03.024.054.054.054Zm1.586 3.282H6.367a.055.055 0 0 0-.054.054v.492c0 .03.024.055.054.055h.935l-.96 1.062a.113.113 0 0 0-.03.074v.505c0 .03.025.054.055.054h1.586c.03 0 .055-.024.055-.054v-.492a.055.055 0 0 0-.055-.055h-.935l.961-1.062a.113.113 0 0 0 .029-.074v-.505a.055.055 0 0 0-.055-.054Z"
+  }));
+};
+export default SvgOrderedList;

package/dist/icons/Redo.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from 'react';
+import React from 'react';
+declare const SvgRedo: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgRedo;

package/dist/icons/Redo.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+var SvgRedo = function SvgRedo(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    fillRule: "nonzero",
+    d: "M8.158 8.309h5.838V7.297a.11.11 0 0 1 .176-.086l1.942 1.531a.11.11 0 0 1 0 .172l-1.942 1.532a.11.11 0 0 1-.176-.087V9.348H8.322v6.425h8.285c.06 0 .11.05.11.11v.82c0 .06-.05.11-.11.11H8.158a.876.876 0 0 1-.875-.875V9.184c0-.483.393-.875.875-.875Z"
+  }));
+};
+export default SvgRedo;

package/dist/icons/Strong.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from 'react';
+import React from 'react';
+declare const SvgStrong: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgStrong;

package/dist/icons/Strong.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+var SvgStrong = function SvgStrong(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    fillRule: "nonzero",
+    d: "M14.5 11.553a2.627 2.627 0 0 0 .737-1.825V9.59c0-1.462-1.197-2.649-2.672-2.649h-4.02a.373.373 0 0 0-.373.373v9.227c0 .221.18.4.4.4h4.33c1.59 0 2.879-1.28 2.879-2.86v-.15c0-.991-.509-1.865-1.28-2.378ZM9.477 8.246h3.053c.776 0 1.404.603 1.404 1.349v.129c0 .745-.63 1.35-1.404 1.35H9.476V8.245Zm4.981 5.834c0 .855-.702 1.548-1.57 1.548h-3.41v-3.242h3.41c.868 0 1.57.693 1.57 1.547v.147Z"
+  }));
+};
+export default SvgStrong;

package/dist/icons/Table.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from 'react';
+import React from 'react';
+declare const SvgTable: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgTable;

package/dist/icons/Table.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+var SvgTable = function SvgTable(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    fillRule: "nonzero",
+    d: "M17.013 9.594H6.987a.446.446 0 0 0-.456.437v6.344c0 .242.204.438.456.438h10.025a.446.446 0 0 0 .455-.438v-6.344a.444.444 0 0 0-.454-.437Zm-7.091 6.234H7.516v-2.187h2.406v2.187Zm0-3.062H7.516v-2.188h2.406v2.188Zm3.281 3.062h-2.406v-2.187h2.406v2.187Zm0-3.062h-2.406v-2.188h2.406v2.188Zm3.281 3.062h-2.406v-2.187h2.406v2.187Zm0-3.062h-2.406v-2.188h2.406v2.188Zm.875-5.579H6.641a.11.11 0 0 0-.11.11V8.39c0 .06.05.109.11.109h10.718c.06 0 .11-.05.11-.11V7.298a.11.11 0 0 0-.11-.11Z"
+  }));
+};
+export default SvgTable;

package/dist/icons/ThematicBreak.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from 'react';
+import React from 'react';
+declare const SvgThematicBreak: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgThematicBreak;

package/dist/icons/ThematicBreak.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+var SvgThematicBreak = function SvgThematicBreak(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    fillRule: "nonzero",
+    d: "M17.36 11.508H6.64a.11.11 0 0 0-.109.11v.765c0 .06.05.11.11.11h10.718c.06 0 .11-.05.11-.11v-.766a.11.11 0 0 0-.11-.11Z"
+  }));
+};
+export default SvgThematicBreak;

package/dist/icons/ToHtml.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from 'react';
+import React from 'react';
+declare const SvgToHtml: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgToHtml;

package/dist/icons/ToHtml.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+var SvgToHtml = function SvgToHtml(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    fillRule: "nonzero",
+    d: "m16.684 8.946-2.942-2.942a.437.437 0 0 0-.31-.129H7.626a.437.437 0 0 0-.438.438v11.375c0 .241.196.437.438.437h8.75a.437.437 0 0 0 .438-.438v-8.43a.44.44 0 0 0-.129-.311Zm-.88.511H13.23V6.884l2.574 2.573ZM12.3 6.859v2.954c0 .317.257.574.574.574h2.953v6.754H8.172V6.859H12.3ZM10.99 11.5h-.3a.2.2 0 0 0-.2.2v3.6c0 .11.09.2.2.2h.3a.2.2 0 0 0 .2-.2v-1.452l.01.002h1.6a.2.2 0 0 0 .1-.027V15.3c0 .11.09.2.2.2h.3a.2.2 0 0 0 .2-.2v-3.6a.2.2 0 0 0-.2-.2h-.3a.2.2 0 0 0-.2.2v1.477a.2.2 0 0 0-.1-.027h-1.61V11.7a.2.2 0 0 0-.2-.2Z"
+  }));
+};
+export default SvgToHtml;

package/dist/icons/ToMarkdown.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from 'react';
+import React from 'react';
+declare const SvgToMarkdown: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgToMarkdown;

package/dist/icons/ToMarkdown.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+var SvgToMarkdown = function SvgToMarkdown(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    fillRule: "nonzero",
+    d: "m16.684 8.946-2.942-2.942a.437.437 0 0 0-.31-.129H7.626a.437.437 0 0 0-.438.438v11.375c0 .241.196.437.438.437h8.75a.437.437 0 0 0 .438-.438v-8.43a.44.44 0 0 0-.129-.311Zm-.88.511H13.23V6.884l2.574 2.573Zm.024 7.684H8.172V6.859H12.3v2.954c0 .317.257.574.574.574h2.953v6.754Zm-4.963-5.562a.163.163 0 0 0-.15-.099h-.479a.165.165 0 0 0-.164.165v3.718c0 .09.074.164.164.164h.37c.091 0 .165-.073.165-.164v-2.405l.913 2.054a.164.164 0 0 0 .15.097h.33a.167.167 0 0 0 .15-.097l.914-2.06v2.411c0 .09.074.164.164.164h.372c.09 0 .164-.073.164-.164v-3.718a.165.165 0 0 0-.164-.165h-.475a.163.163 0 0 0-.15.099l-1.136 2.611-1.138-2.611Z"
+  }));
+};
+export default SvgToMarkdown;

package/dist/icons/Undo.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from 'react';
+import React from 'react';
+declare const SvgUndo: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgUndo;

package/dist/icons/Undo.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+var SvgUndo = function SvgUndo(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    fillRule: "nonzero",
+    d: "M15.842 8.309h-5.838V7.297a.11.11 0 0 0-.176-.086L7.886 8.742a.11.11 0 0 0 0 .172l1.942 1.532a.11.11 0 0 0 .176-.087V9.348h5.674v6.425H7.393a.11.11 0 0 0-.11.11v.82c0 .06.05.11.11.11h8.449a.876.876 0 0 0 .875-.875V9.184a.876.876 0 0 0-.875-.875Z"
+  }));
+};
+export default SvgUndo;

package/dist/icons/UnorderedList.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from 'react';
+import React from 'react';
+declare const SvgUnorderedList: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgUnorderedList;

package/dist/icons/UnorderedList.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+var SvgUnorderedList = function SvgUnorderedList(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    fillRule: "nonzero",
+    d: "M17.469 7.625H9.484a.11.11 0 0 0-.109.11V8.5c0 .06.05.11.11.11h7.984c.06 0 .11-.05.11-.11v-.766a.11.11 0 0 0-.11-.109Zm0 3.883H9.484a.11.11 0 0 0-.109.11v.765c0 .06.05.11.11.11h7.984c.06 0 .11-.05.11-.11v-.766a.11.11 0 0 0-.11-.11Zm0 3.883H9.484a.11.11 0 0 0-.109.109v.766c0 .06.05.109.11.109h7.984c.06 0 .11-.05.11-.11V15.5a.11.11 0 0 0-.11-.11ZM6.422 8.117a.766.766 0 1 0 1.531 0 .766.766 0 0 0-1.531 0Zm0 3.883a.766.766 0 1 0 1.531 0 .766.766 0 0 0-1.531 0Zm0 3.883a.766.766 0 1 0 1.531 0 .766.766 0 0 0-1.531 0Z"
+  }));
+};
+export default SvgUnorderedList;

package/dist/locales/en_US.d.ts

@@ -12,16 +12,23 @@ declare const _default: {
         readonly code: "Code Block";
         readonly delete: "Strikethrough";
         readonly emphasis: "Italic";
+        readonly enterFullscreen: "Enter Fullscreen";
+        readonly exitFullscreen: "Exit Fullscreen";
         readonly heading: "Heading";
         readonly image: "Image";
         readonly inlineCode: "Inline Code";
         readonly inlineMath: "Inline Formula";
         readonly link: "Link";
         readonly math: "Formula Block";
+        readonly orderedList: "Ordered List";
         readonly redo: "Redo";
         readonly strong: "Bold";
+        readonly table: "Table";
         readonly thematicBreak: "Thematic Break";
+        readonly toHTML: "To HTML";
+        readonly toMarkdown: "To Markdown";
         readonly undo: "Undo";
+        readonly unorderedList: "Unordered List";
     };
 };
 export default _default;

package/dist/locales/en_US.js

@@ -12,15 +12,22 @@ export default {
     code: 'Code Block',
     delete: 'Strikethrough',
     emphasis: 'Italic',
+    enterFullscreen: 'Enter Fullscreen',
+    exitFullscreen: 'Exit Fullscreen',
     heading: 'Heading',
     image: 'Image',
     inlineCode: 'Inline Code',
     inlineMath: 'Inline Formula',
     link: 'Link',
     math: 'Formula Block',
+    orderedList: 'Ordered List',
     redo: 'Redo',
     strong: 'Bold',
+    table: 'Table',
     thematicBreak: 'Thematic Break',
-    undo: 'Undo'
+    toHTML: 'To HTML',
+    toMarkdown: 'To Markdown',
+    undo: 'Undo',
+    unorderedList: 'Unordered List'
   }
 };

package/dist/locales/index.d.ts

@@ -23,16 +23,23 @@ export declare const useLocale: <T extends "fileInput" | "toolbarItem">(slice: T
             readonly code: "代码块";
             readonly delete: "删除线";
             readonly emphasis: "斜体";
+            readonly enterFullscreen: "进入全屏";
+            readonly exitFullscreen: "退出全屏";
             readonly heading: "标题";
             readonly image: "图片";
             readonly inlineCode: "行内代码";
             readonly inlineMath: "行内公式";
             readonly link: "链接";
             readonly math: "公式块";
+            readonly orderedList: "有序列表";
             readonly redo: "恢复";
             readonly strong: "粗体";
+            readonly table: "表格";
             readonly thematicBreak: "分隔线";
+            readonly toHTML: "转成 HTML";
+            readonly toMarkdown: "转成 Markdown";
             readonly undo: "撤销";
+            readonly unorderedList: "无序列表";
         };
     } | {
         readonly fileInput: {
@@ -48,16 +55,23 @@ export declare const useLocale: <T extends "fileInput" | "toolbarItem">(slice: T
             readonly code: "Code Block";
             readonly delete: "Strikethrough";
             readonly emphasis: "Italic";
+            readonly enterFullscreen: "Enter Fullscreen";
+            readonly exitFullscreen: "Exit Fullscreen";
             readonly heading: "Heading";
             readonly image: "Image";
             readonly inlineCode: "Inline Code";
             readonly inlineMath: "Inline Formula";
             readonly link: "Link";
             readonly math: "Formula Block";
+            readonly orderedList: "Ordered List";
             readonly redo: "Redo";
             readonly strong: "Bold";
+            readonly table: "Table";
             readonly thematicBreak: "Thematic Break";
+            readonly toHTML: "To HTML";
+            readonly toMarkdown: "To Markdown";
             readonly undo: "Undo";
+            readonly unorderedList: "Unordered List";
         };
     })[T][U];
 };
@@ -75,16 +89,23 @@ export declare const getFormat: <T extends "fileInput" | "toolbarItem">(locale:
         readonly code: "代码块";
         readonly delete: "删除线";
         readonly emphasis: "斜体";
+        readonly enterFullscreen: "进入全屏";
+        readonly exitFullscreen: "退出全屏";
         readonly heading: "标题";
         readonly image: "图片";
         readonly inlineCode: "行内代码";
         readonly inlineMath: "行内公式";
         readonly link: "链接";
         readonly math: "公式块";
+        readonly orderedList: "有序列表";
         readonly redo: "恢复";
         readonly strong: "粗体";
+        readonly table: "表格";
         readonly thematicBreak: "分隔线";
+        readonly toHTML: "转成 HTML";
+        readonly toMarkdown: "转成 Markdown";
         readonly undo: "撤销";
+        readonly unorderedList: "无序列表";
     };
 } | {
     readonly fileInput: {
@@ -100,16 +121,23 @@ export declare const getFormat: <T extends "fileInput" | "toolbarItem">(locale:
         readonly code: "Code Block";
         readonly delete: "Strikethrough";
         readonly emphasis: "Italic";
+        readonly enterFullscreen: "Enter Fullscreen";
+        readonly exitFullscreen: "Exit Fullscreen";
         readonly heading: "Heading";
         readonly image: "Image";
         readonly inlineCode: "Inline Code";
         readonly inlineMath: "Inline Formula";
         readonly link: "Link";
         readonly math: "Formula Block";
+        readonly orderedList: "Ordered List";
         readonly redo: "Redo";
         readonly strong: "Bold";
+        readonly table: "Table";
         readonly thematicBreak: "Thematic Break";
+        readonly toHTML: "To HTML";
+        readonly toMarkdown: "To Markdown";
         readonly undo: "Undo";
+        readonly unorderedList: "Unordered List";
     };
 })[T][U];
 export {};

package/dist/locales/zh_CN.d.ts

@@ -12,16 +12,23 @@ declare const _default: {
         readonly code: "代码块";
         readonly delete: "删除线";
         readonly emphasis: "斜体";
+        readonly enterFullscreen: "进入全屏";
+        readonly exitFullscreen: "退出全屏";
         readonly heading: "标题";
         readonly image: "图片";
         readonly inlineCode: "行内代码";
         readonly inlineMath: "行内公式";
         readonly link: "链接";
         readonly math: "公式块";
+        readonly orderedList: "有序列表";
         readonly redo: "恢复";
         readonly strong: "粗体";
+        readonly table: "表格";
         readonly thematicBreak: "分隔线";
+        readonly toHTML: "转成 HTML";
+        readonly toMarkdown: "转成 Markdown";
         readonly undo: "撤销";
+        readonly unorderedList: "无序列表";
     };
 };
 export default _default;

package/dist/locales/zh_CN.js

@@ -12,15 +12,22 @@ export default {
     code: '代码块',
     delete: '删除线',
     emphasis: '斜体',
+    enterFullscreen: '进入全屏',
+    exitFullscreen: '退出全屏',
     heading: '标题',
     image: '图片',
     inlineCode: '行内代码',
     inlineMath: '行内公式',
     link: '链接',
     math: '公式块',
+    orderedList: '有序列表',
     redo: '恢复',
     strong: '粗体',
+    table: '表格',
     thematicBreak: '分隔线',
-    undo: '撤销'
+    toHTML: '转成 HTML',
+    toMarkdown: '转成 Markdown',
+    undo: '撤销',
+    unorderedList: '无序列表'
   }
 };

package/dist/styles/index.css

@@ -79,11 +79,12 @@
   display: flex;
   flex-wrap: wrap;
   gap: 0.5em;
-  color: rgba(0, 0, 0, 0.88);
   background-color: #e6f7ff;
   border: 1px solid #dedede;
   border-top-left-radius: 0.3em;
   border-top-right-radius: 0.3em;
+  position: relative;
+  color: rgba(0, 0, 0, 0.88);
 }
 .x-star-editor-toolbar .x-star-editor-button-container {
   position: relative;
@@ -91,6 +92,9 @@
 .x-star-editor-toolbar .x-star-editor-button-container > .x-star-editor-button {
   width: 2em;
   height: 2em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   border-radius: 0.3em;
   cursor: pointer;
   user-select: none;
@@ -106,51 +110,7 @@
   background-color: #cbedfd;
 }
 .x-star-editor-toolbar .x-star-editor-button-container > .x-star-editor-button .x-star-editor-icon {
-  width: 100%;
-  height: 100%;
-  background-size: contain;
-}
-.x-star-editor-toolbar .x-star-editor-button-container > .x-star-editor-button .x-star-editor-icon.x-star-editor-icon-blockquote {
-  background-image: url(icons/blockquote.svg);
-}
-.x-star-editor-toolbar .x-star-editor-button-container > .x-star-editor-button .x-star-editor-icon.x-star-editor-icon-code {
-  background-image: url(icons/code.svg);
-}
-.x-star-editor-toolbar .x-star-editor-button-container > .x-star-editor-button .x-star-editor-icon.x-star-editor-icon-delete {
-  background-image: url(icons/delete.svg);
-}
-.x-star-editor-toolbar .x-star-editor-button-container > .x-star-editor-button .x-star-editor-icon.x-star-editor-icon-emphasis {
-  background-image: url(icons/emphasis.svg);
-}
-.x-star-editor-toolbar .x-star-editor-button-container > .x-star-editor-button .x-star-editor-icon.x-star-editor-icon-heading {
-  background-image: url(icons/heading.svg);
-}
-.x-star-editor-toolbar .x-star-editor-button-container > .x-star-editor-button .x-star-editor-icon.x-star-editor-icon-image {
-  background-image: url(icons/image.svg);
-}
-.x-star-editor-toolbar .x-star-editor-button-container > .x-star-editor-button .x-star-editor-icon.x-star-editor-icon-inline-code {
-  background-image: url(icons/inline-code.svg);
-}
-.x-star-editor-toolbar .x-star-editor-button-container > .x-star-editor-button .x-star-editor-icon.x-star-editor-icon-inline-math {
-  background-image: url(icons/inline-math.svg);
-}
-.x-star-editor-toolbar .x-star-editor-button-container > .x-star-editor-button .x-star-editor-icon.x-star-editor-icon-link {
-  background-image: url(icons/link.svg);
-}
-.x-star-editor-toolbar .x-star-editor-button-container > .x-star-editor-button .x-star-editor-icon.x-star-editor-icon-math {
-  background-image: url(icons/math.svg);
-}
-.x-star-editor-toolbar .x-star-editor-button-container > .x-star-editor-button .x-star-editor-icon.x-star-editor-icon-redo {
-  background-image: url(icons/redo.svg);
-}
-.x-star-editor-toolbar .x-star-editor-button-container > .x-star-editor-button .x-star-editor-icon.x-star-editor-icon-strong {
-  background-image: url(icons/strong.svg);
-}
-.x-star-editor-toolbar .x-star-editor-button-container > .x-star-editor-button .x-star-editor-icon.x-star-editor-icon-thematic-break {
-  background-image: url(icons/thematic-break.svg);
-}
-.x-star-editor-toolbar .x-star-editor-button-container > .x-star-editor-button .x-star-editor-icon.x-star-editor-icon-undo {
-  background-image: url(icons/undo.svg);
+  font-size: 1.75em;
 }
 .x-star-editor-toolbar .x-star-editor-button-container .x-star-editor-tooltip {
   position: absolute;
@@ -232,11 +192,9 @@
 }
 
 .x-star-editor-md-editor {
-  position: relative;
   padding: 0 1em;
   line-height: 1.6em;
   white-space: break-spaces;
-  color: rgba(0, 0, 0, 0.88);
   background-color: #fff;
   border: 1px solid #dedede;
   border-top: none;
@@ -244,6 +202,8 @@
   border-bottom-left-radius: 0.3em;
   outline: none;
   overflow: auto;
+  position: relative;
+  color: rgba(0, 0, 0, 0.88);
 }
 .x-star-editor-md-editor > :first-child {
   margin-top: 1em;

package/dist/utils/container.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * 容器选区，表示从锚点到焦点的文本
  */
@@ -33,10 +32,10 @@ export declare const getRange: ({ anchorOffset, focusOffset, }: ContainerSelecti
 /**
  * 获取一个可以设置文本和选区的容器
  *
+ * @param ref 容器挂载的 DOM 节点
  * @returns 容器
  */
-export declare const useContainer: () => {
-    ref: import("react").RefObject<HTMLDivElement>;
+export declare const useContainer: (ref: React.RefObject<HTMLDivElement>) => {
     normalize: () => void;
     getText: () => string;
     setText: (text: string) => void;

package/dist/utils/container.js

@@ -39,14 +39,10 @@ export var getRange = function getRange(_ref) {
 /**
  * 获取一个可以设置文本和选区的容器
  *
+ * @param ref 容器挂载的 DOM 节点
  * @returns 容器
  */
-export var useContainer = function useContainer() {
-  /**
-   * 容器挂载的 DOM 节点
-   */
-  var ref = useRef(null);
-
+export var useContainer = function useContainer(ref) {
   /**
    * 是否在遍历时忽略节点及其子节点
    *
@@ -362,7 +358,6 @@ export var useContainer = function useContainer() {
     }
   };
   return useRef({
-    ref: ref,
     normalize: normalize,
     getText: getText,
     setText: setText,

package/dist/utils/markdown.d.ts

@@ -15,14 +15,14 @@ declare const toHastProcessor: import("unified").FrozenProcessor<import("mdast")
 /**
  * Hast 根节点
  */
-export type HastRoot = ReturnType<(typeof toHastProcessor)['runSync']>;
+export type HastRoot = Awaited<ReturnType<(typeof toHastProcessor)['run']>>;
 /**
  * 将 Markdown 文本转成 Hast 树
  *
  * @param sourceCode Markdown 文本
  * @returns Hast 树
  */
-export declare const preViewerRender: (sourceCode: string) => import("hast").Root;
+export declare const preViewerRender: (sourceCode: string) => Promise<import("hast").Root>;
 /**
  * 过滤模式
  */
@@ -35,7 +35,7 @@ export declare const getDefaultSchema: () => Schema;
  * @param schema 过滤模式
  * @returns 新的 Hast 树
  */
-export declare const viewerRender: (root: HastRoot, schema: Schema) => import("hast").Root;
+export declare const viewerRender: (root: HastRoot, schema: Schema) => Promise<import("hast").Root>;
 /**
  * 将 Hast 树映射到 React 虚拟 DOM 树
  *
@@ -50,19 +50,19 @@ export declare const postViewerRender: (root: HastRoot, options: ViewerOptions)
  * @param sourceCode Markdown 文本
  * @returns HTML 文本
  */
-export declare const toHTML: (sourceCode: string) => string;
+export declare const toHTML: (sourceCode: string) => Promise<string>;
 /**
  * 将带有 HTML 的 Markdown 文本转成 Markdown 文本
  *
  * @param sourceCode 带有 HTML 的 Markdown 文本
  * @returns Markdown 文本
  */
-export declare const toMarkdown: (sourceCode: string) => string;
+export declare const toMarkdown: (sourceCode: string) => Promise<string>;
 /**
  * 将 Markdown 文本转成纯文本
  *
  * @param sourceCode Markdown 文本
  * @returns 纯文本
  */
-export declare const toText: (sourceCode: string) => string;
+export declare const toText: (sourceCode: string) => Promise<string>;
 export {};