x-star-editor 0.2.3 → 0.2.5

package/dist/components/Toolbar.d.ts

@@ -7,7 +7,7 @@ interface ToolbarItemProps {
     popoverRender?: (exec: Executor, close: () => void) => React.ReactNode;
     onClick?: (exec: Executor) => void;
 }
-type ToolbarItem = ToolbarItemProps | Handler<ToolbarItemProps>;
+export type ToolbarItem = ToolbarItemProps | Handler<ToolbarItemProps>;
 export type ToolbarItemMap = Partial<Record<string, ToolbarItem>>;
 export declare const getDefaultToolbarItemMap: (locale?: string, onInsertFile?: ((file: File, options: {
     description: string;
@@ -18,8 +18,8 @@ export declare const getDefaultToolbarItems: () => ToolbarItems;
 interface ToolbarProps {
     className?: string;
     style?: React.CSSProperties;
-    itemMap: Partial<Record<string, ToolbarItem>>;
-    items: (string | ToolbarItem)[][];
+    itemMap: ToolbarItemMap;
+    items: ToolbarItems;
     exec: Executor;
 }
 declare const Toolbar: ({ className, style, itemMap, items, exec }: ToolbarProps) => React.JSX.Element;

package/dist/components/Toolbar.js

@@ -1,5 +1,3 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import classNames from 'classnames';
@@ -7,26 +5,30 @@ import React, { useEffect, useRef, useState } from 'react';
 import SvgBlockquote from "../icons/Blockquote";
 import SvgCode from "../icons/Code";
 import SvgDelete from "../icons/Delete";
+import SvgEditOnly from "../icons/EditOnly";
 import SvgEmphasis from "../icons/Emphasis";
 import SvgEnterFullscreen from "../icons/EnterFullscreen";
 import SvgExitFullscreen from "../icons/ExitFullscreen";
 import SvgHeading from "../icons/Heading";
+import SvgHelp from "../icons/Help";
 import SvgImage from "../icons/Image";
 import SvgInlineCode from "../icons/InlineCode";
 import SvgInlineMath from "../icons/InlineMath";
 import SvgLink from "../icons/Link";
 import SvgMath from "../icons/Math";
+import SvgMermaid from "../icons/Mermaid";
 import SvgOrderedList from "../icons/OrderedList";
 import SvgRedo from "../icons/Redo";
 import SvgStrong from "../icons/Strong";
 import SvgTable from "../icons/Table";
+import SvgTaskList from "../icons/TaskList";
 import SvgThematicBreak from "../icons/ThematicBreak";
 import SvgToHTML from "../icons/ToHtml";
 import SvgToMarkdown from "../icons/ToMarkdown";
 import SvgUndo from "../icons/Undo";
 import SvgUnorderedList from "../icons/UnorderedList";
+import SvgViewOnly from "../icons/ViewOnly";
 import { getFormat } from "../locales";
-import { createSelection } from "../utils/container";
 import { prefix } from "../utils/global";
 import { redoHandler, toggleHandler, undoHandler } from "../utils/handler";
 import { toHTML, toMarkdown } from "../utils/markdown";
@@ -133,13 +135,15 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap() {
       }),
       tooltip: t('code'),
       popoverRender: function popoverRender(exec, close) {
-        var optionRender = function optionRender(label, language) {
+        var optionRender = function optionRender(label, lang) {
           return /*#__PURE__*/React.createElement("div", {
             className: classNames("".concat(prefix, "option")),
             onClick: function onClick() {
               exec(toggleHandler({
                 type: 'code',
-                language: language
+                lang: lang,
+                value: '',
+                showLineNumbers: true
               }));
               close();
             }
@@ -159,6 +163,12 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap() {
         }));
       }
     },
+    editOnly: {
+      children: /*#__PURE__*/React.createElement(SvgEditOnly, {
+        className: classNames("".concat(prefix, "icon"))
+      }),
+      tooltip: t('editOnly')
+    },
     emphasis: {
       children: /*#__PURE__*/React.createElement(SvgEmphasis, {
         className: classNames("".concat(prefix, "icon"))
@@ -202,6 +212,12 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap() {
         return /*#__PURE__*/React.createElement(React.Fragment, null, optionRender(1, '1.6em'), optionRender(2, '1.3em'), optionRender(3, '1.2em'), optionRender(4, '1.1em'), optionRender(5, '1em'), optionRender(6, '0.9em'));
       }
     },
+    help: {
+      children: /*#__PURE__*/React.createElement(SvgHelp, {
+        className: classNames("".concat(prefix, "icon"))
+      }),
+      tooltip: t('help')
+    },
     image: {
       children: /*#__PURE__*/React.createElement(SvgImage, {
         className: classNames("".concat(prefix, "icon"))
@@ -287,6 +303,20 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap() {
         }));
       }
     },
+    mermaid: {
+      children: /*#__PURE__*/React.createElement(SvgMermaid, {
+        className: classNames("".concat(prefix, "icon"))
+      }),
+      tooltip: t('mermaid'),
+      onClick: function onClick(exec) {
+        return exec(toggleHandler({
+          type: 'code',
+          lang: 'mermaid',
+          value: "flowchart TB\n    A --> C\n    A --> D\n    B --> C\n    B --> D",
+          showLineNumbers: false
+        }));
+      }
+    },
     orderedList: {
       children: /*#__PURE__*/React.createElement(SvgOrderedList, {
         className: classNames("".concat(prefix, "icon"))
@@ -323,6 +353,12 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap() {
       }),
       tooltip: t('table')
     },
+    taskList: {
+      children: /*#__PURE__*/React.createElement(SvgTaskList, {
+        className: classNames("".concat(prefix, "icon"))
+      }),
+      tooltip: t('taskList')
+    },
     thematicBreak: {
       children: /*#__PURE__*/React.createElement(SvgThematicBreak, {
         className: classNames("".concat(prefix, "icon"))
@@ -340,40 +376,19 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap() {
       }),
       tooltip: t('toHTML'),
       onClick: function onClick(exec) {
-        return exec( /*#__PURE__*/function () {
-          var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref3) {
-            var sourceCode, selection, dispatch;
-            return _regeneratorRuntime().wrap(function _callee$(_context) {
-              while (1) switch (_context.prev = _context.next) {
-                case 0:
-                  sourceCode = _ref3.sourceCode, selection = _ref3.selection, dispatch = _ref3.dispatch;
-                  _context.t0 = dispatch;
-                  _context.next = 4;
-                  return toHTML(sourceCode);
-                case 4:
-                  _context.t1 = _context.sent;
-                  _context.t2 = createSelection(0);
-                  _context.t3 = {
-                    sourceCode: _context.t1,
-                    selection: _context.t2
-                  };
-                  _context.t4 = selection;
-                  _context.t5 = {
-                    type: 'set',
-                    payload: _context.t3,
-                    selection: _context.t4
-                  };
-                  return _context.abrupt("return", (0, _context.t0)(_context.t5));
-                case 10:
-                case "end":
-                  return _context.stop();
-              }
-            }, _callee);
-          }));
-          return function (_x) {
-            return _ref4.apply(this, arguments);
-          };
-        }());
+        return exec(function (_ref3) {
+          var sourceCode = _ref3.sourceCode,
+            selection = _ref3.selection,
+            dispatch = _ref3.dispatch;
+          return dispatch({
+            type: 'set',
+            payload: {
+              sourceCode: toHTML(sourceCode),
+              selection: selection
+            },
+            selection: selection
+          });
+        });
       }
     },
     toMarkdown: {
@@ -382,44 +397,23 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap() {
       }),
       tooltip: t('toMarkdown'),
       onClick: function onClick(exec) {
-        return exec( /*#__PURE__*/function () {
-          var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref5) {
-            var sourceCode, selection, dispatch;
-            return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-              while (1) switch (_context2.prev = _context2.next) {
-                case 0:
-                  sourceCode = _ref5.sourceCode, selection = _ref5.selection, dispatch = _ref5.dispatch;
-                  _context2.t0 = dispatch;
-                  _context2.next = 4;
-                  return toMarkdown(sourceCode);
-                case 4:
-                  _context2.t1 = _context2.sent;
-                  _context2.t2 = createSelection(0);
-                  _context2.t3 = {
-                    sourceCode: _context2.t1,
-                    selection: _context2.t2
-                  };
-                  _context2.t4 = selection;
-                  _context2.t5 = {
-                    type: 'set',
-                    payload: _context2.t3,
-                    selection: _context2.t4
-                  };
-                  return _context2.abrupt("return", (0, _context2.t0)(_context2.t5));
-                case 10:
-                case "end":
-                  return _context2.stop();
-              }
-            }, _callee2);
-          }));
-          return function (_x2) {
-            return _ref6.apply(this, arguments);
-          };
-        }());
+        return exec(function (_ref4) {
+          var sourceCode = _ref4.sourceCode,
+            selection = _ref4.selection,
+            dispatch = _ref4.dispatch;
+          return dispatch({
+            type: 'set',
+            payload: {
+              sourceCode: toMarkdown(sourceCode),
+              selection: selection
+            },
+            selection: selection
+          });
+        });
       }
     },
-    undo: function undo(_ref7) {
-      var history = _ref7.history;
+    undo: function undo(_ref5) {
+      var history = _ref5.history;
       return {
         children: /*#__PURE__*/React.createElement(SvgUndo, {
           className: classNames("".concat(prefix, "icon"))
@@ -436,23 +430,29 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap() {
         className: classNames("".concat(prefix, "icon"))
       }),
       tooltip: t('unorderedList')
+    },
+    viewOnly: {
+      children: /*#__PURE__*/React.createElement(SvgViewOnly, {
+        className: classNames("".concat(prefix, "icon"))
+      }),
+      tooltip: t('viewOnly')
     }
   };
 };
 export var getDefaultToolbarItems = function getDefaultToolbarItems() {
-  return [['heading', 'strong', 'emphasis', 'delete'], ['thematicBreak', 'blockquote'],
-  // ['table', 'orderedList', 'unorderedList'],
-  ['link', 'image'], ['inlineCode', 'code', 'inlineMath', 'math'], ['toMarkdown', 'toHTML'], ['undo', 'redo']
-  // ['fullscreen'],
+  return [['heading', 'strong', 'emphasis', 'delete'], ['thematicBreak', 'blockquote' /** 'table' */], ['link', 'image', 'mermaid'], ['inlineCode', 'code', 'inlineMath', 'math'], ['undo', 'redo'],
+  // ['orderedList', 'unorderedList', 'taskList'],
+  ['toMarkdown', 'toHTML']
+  // ['help', 'editOnly', 'viewOnly', 'fullscreen'],
   ];
 };
 
-var Toolbar = function Toolbar(_ref8) {
-  var className = _ref8.className,
-    style = _ref8.style,
-    itemMap = _ref8.itemMap,
-    items = _ref8.items,
-    exec = _ref8.exec;
+var Toolbar = function Toolbar(_ref6) {
+  var className = _ref6.className,
+    style = _ref6.style,
+    itemMap = _ref6.itemMap,
+    items = _ref6.items,
+    exec = _ref6.exec;
   var toolbarRef = useRef(null);
   var ctx = exec(function (ctx) {
     return ctx;
@@ -471,12 +471,12 @@ var Toolbar = function Toolbar(_ref8) {
       if (!toolbarItem) {
         return undefined;
       }
-      var _ref9 = typeof toolbarItem === 'function' ? toolbarItem(ctx) : toolbarItem,
-        children = _ref9.children,
-        disabled = _ref9.disabled,
-        tooltip = _ref9.tooltip,
-        _popoverRender = _ref9.popoverRender,
-        _onClick2 = _ref9.onClick;
+      var _ref7 = typeof toolbarItem === 'function' ? toolbarItem(ctx) : toolbarItem,
+        children = _ref7.children,
+        disabled = _ref7.disabled,
+        tooltip = _ref7.tooltip,
+        _popoverRender = _ref7.popoverRender,
+        _onClick2 = _ref7.onClick;
       return /*#__PURE__*/React.createElement(Button, {
         key: index,
         toolbarRef: toolbarRef,

package/dist/icons/EditOnly.d.ts

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

package/dist/icons/EditOnly.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+var SvgEditOnly = function SvgEditOnly(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.992 6.531h.916c.05 0 .092.05.092.11v10.718c0 .06-.041.11-.092.11h-.916c-.05 0-.092-.05-.092-.11V6.641c0-.06.041-.11.092-.11Zm-1.859 0c.255 0 .46.204.46.456v10.025a.458.458 0 0 1-.46.455H7.454a.458.458 0 0 1-.46-.455V6.987c0-.252.206-.456.46-.456h6.68ZM7.998 16.49h5.6v-9h-5.6v9Z"
+  }));
+};
+export default SvgEditOnly;

package/dist/icons/Help.d.ts

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

package/dist/icons/Help.js

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+var SvgHelp = function SvgHelp(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("g", {
+    fill: "none",
+    fillRule: "evenodd",
+    transform: "translate(5 5)"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: 10,
+    height: 10,
+    x: 2,
+    y: 2,
+    stroke: "currentColor",
+    rx: 1
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    fillRule: "nonzero",
+    d: "M8.526 4.33A2.305 2.305 0 0 0 7 3.773c-.574 0-1.116.199-1.526.557a1.864 1.864 0 0 0-.662 1.412v.104c0 .06.05.11.11.11h.656c.06 0 .11-.05.11-.11v-.104c0-.603.589-1.094 1.312-1.094.723 0 1.313.491 1.313 1.094 0 .425-.301.815-.767.994a1.528 1.528 0 0 0-.985 1.447v.294c0 .06.05.109.11.109h.656c.06 0 .11-.05.11-.11v-.31c0-.27.169-.515.422-.612.806-.31 1.327-1.022 1.327-1.812a1.858 1.858 0 0 0-.66-1.412Zm-2.073 5.678a.547.547 0 1 0 1.094 0 .547.547 0 0 0-1.094 0Z"
+  })));
+};
+export default SvgHelp;

package/dist/icons/Mermaid.d.ts

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

package/dist/icons/Mermaid.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+var SvgMermaid = function SvgMermaid(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.936 13.576h-1.295v-1.894a.1.1 0 0 0-.1-.1h-3.09v-1.195h1.346a.2.2 0 0 0 .2-.2V6.6a.2.2 0 0 0-.2-.199h-3.588a.2.2 0 0 0-.2.2v3.587c0 .11.09.2.2.2h1.345v1.196h-3.09a.1.1 0 0 0-.099.1v1.893H7.069a.2.2 0 0 0-.199.2v3.587c0 .11.09.2.2.2h3.587a.2.2 0 0 0 .2-.2v-3.588a.2.2 0 0 0-.2-.199H9.262V12.48h5.482v1.096h-1.396a.2.2 0 0 0-.199.2v3.587c0 .11.09.2.2.2h3.587a.2.2 0 0 0 .2-.2v-3.588a.2.2 0 0 0-.2-.199Zm-7.026.947v2.093H7.817v-2.093H9.91Zm1.046-5.083V7.347h2.093V9.44h-2.093Zm5.233 7.176h-2.093v-2.093h2.093v2.093Z"
+  }));
+};
+export default SvgMermaid;

package/dist/icons/TaskList.d.ts

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

package/dist/icons/TaskList.js

@@ -0,0 +1,24 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+var SvgTaskList = function SvgTaskList(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("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    fillRule: "nonzero",
+    d: "M17.869 7.625H9.884a.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-.109ZM17.869 11.508H9.884a.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-.11ZM17.869 15.39H9.884a.11.11 0 0 0-.109.11v.766c0 .06.05.109.11.109h7.984c.06 0 .11-.05.11-.11V15.5a.11.11 0 0 0-.11-.11Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    stroke: "currentColor",
+    strokeLinecap: "square",
+    strokeLinejoin: "round",
+    strokeWidth: 0.75,
+    d: "m6.4 8.25.75.75 1.5-1.5M6.4 11.75l.75.75 1.5-1.5M6.4 15.75l.75.75 1.5-1.5"
+  })));
+};
+export default SvgTaskList;

package/dist/icons/ViewOnly.d.ts

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

package/dist/icons/ViewOnly.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+var SvgViewOnly = function SvgViewOnly(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.008 6.531h-.916c-.05 0-.092.05-.092.11v10.718c0 .06.041.11.092.11h.916c.05 0 .092-.05.092-.11V6.641c0-.06-.041-.11-.092-.11Zm1.859 0a.458.458 0 0 0-.46.456v10.025c0 .252.205.455.46.455h6.679c.254 0 .46-.203.46-.455V6.987a.458.458 0 0 0-.46-.456h-6.68Zm6.135 9.959h-5.6v-9h5.6v9Z"
+  }));
+};
+export default SvgViewOnly;

package/dist/index.d.ts

@@ -1,6 +1,7 @@
+export type { ToolbarItem } from './components/Toolbar';
 export { createSelection, getRange } from './utils/container';
 export { deleteHandler, insertHandler, redoHandler, selectHandler, setHandler, toggleHandler, undoHandler, } from './utils/handler';
-export type { Handler } from './utils/handler';
+export type { Executor, Handler, KeyboardEventHandler } from './utils/handler';
 export { toHTML, toMarkdown, toText } from './utils/markdown';
 export { default as XStarEditor, useEditorRef } from './x-star-editor';
 export type { XStarEditorHandle, XStarEditorProps } from './x-star-editor';

package/dist/locales/en_US.d.ts

@@ -11,24 +11,29 @@ declare const _default: {
         readonly blockquote: "Blockquote";
         readonly code: "Code Block";
         readonly delete: "Strikethrough";
+        readonly editOnly: "Edit Only";
         readonly emphasis: "Italic";
         readonly enterFullscreen: "Enter Fullscreen";
         readonly exitFullscreen: "Exit Fullscreen";
         readonly heading: "Heading";
+        readonly help: "Help";
         readonly image: "Image";
         readonly inlineCode: "Inline Code";
         readonly inlineMath: "Inline Formula";
         readonly link: "Link";
         readonly math: "Formula Block";
+        readonly mermaid: "Mermaid";
         readonly orderedList: "Ordered List";
         readonly redo: "Redo";
         readonly strong: "Bold";
         readonly table: "Table";
+        readonly taskList: "Task List";
         readonly thematicBreak: "Thematic Break";
         readonly toHTML: "To HTML";
         readonly toMarkdown: "To Markdown";
         readonly undo: "Undo";
         readonly unorderedList: "Unordered List";
+        readonly viewOnly: "View Only";
     };
 };
 export default _default;

package/dist/locales/en_US.js

@@ -11,23 +11,28 @@ export default {
     blockquote: 'Blockquote',
     code: 'Code Block',
     delete: 'Strikethrough',
+    editOnly: 'Edit Only',
     emphasis: 'Italic',
     enterFullscreen: 'Enter Fullscreen',
     exitFullscreen: 'Exit Fullscreen',
     heading: 'Heading',
+    help: 'Help',
     image: 'Image',
     inlineCode: 'Inline Code',
     inlineMath: 'Inline Formula',
     link: 'Link',
     math: 'Formula Block',
+    mermaid: 'Mermaid',
     orderedList: 'Ordered List',
     redo: 'Redo',
     strong: 'Bold',
     table: 'Table',
+    taskList: 'Task List',
     thematicBreak: 'Thematic Break',
     toHTML: 'To HTML',
     toMarkdown: 'To Markdown',
     undo: 'Undo',
-    unorderedList: 'Unordered List'
+    unorderedList: 'Unordered List',
+    viewOnly: 'View Only'
   }
 };

package/dist/locales/index.d.ts

@@ -22,24 +22,29 @@ export declare const useLocale: <T extends "fileInput" | "toolbarItem">(slice: T
             readonly blockquote: "引用";
             readonly code: "代码块";
             readonly delete: "删除线";
+            readonly editOnly: "仅编辑";
             readonly emphasis: "斜体";
             readonly enterFullscreen: "进入全屏";
             readonly exitFullscreen: "退出全屏";
             readonly heading: "标题";
+            readonly help: "帮助";
             readonly image: "图片";
             readonly inlineCode: "行内代码";
             readonly inlineMath: "行内公式";
             readonly link: "链接";
             readonly math: "公式块";
+            readonly mermaid: "Mermaid";
             readonly orderedList: "有序列表";
             readonly redo: "恢复";
             readonly strong: "粗体";
             readonly table: "表格";
+            readonly taskList: "任务列表";
             readonly thematicBreak: "分隔线";
             readonly toHTML: "转成 HTML";
             readonly toMarkdown: "转成 Markdown";
             readonly undo: "撤销";
             readonly unorderedList: "无序列表";
+            readonly viewOnly: "仅查看";
         };
     } | {
         readonly fileInput: {
@@ -54,24 +59,29 @@ export declare const useLocale: <T extends "fileInput" | "toolbarItem">(slice: T
             readonly blockquote: "Blockquote";
             readonly code: "Code Block";
             readonly delete: "Strikethrough";
+            readonly editOnly: "Edit Only";
             readonly emphasis: "Italic";
             readonly enterFullscreen: "Enter Fullscreen";
             readonly exitFullscreen: "Exit Fullscreen";
             readonly heading: "Heading";
+            readonly help: "Help";
             readonly image: "Image";
             readonly inlineCode: "Inline Code";
             readonly inlineMath: "Inline Formula";
             readonly link: "Link";
             readonly math: "Formula Block";
+            readonly mermaid: "Mermaid";
             readonly orderedList: "Ordered List";
             readonly redo: "Redo";
             readonly strong: "Bold";
             readonly table: "Table";
+            readonly taskList: "Task List";
             readonly thematicBreak: "Thematic Break";
             readonly toHTML: "To HTML";
             readonly toMarkdown: "To Markdown";
             readonly undo: "Undo";
             readonly unorderedList: "Unordered List";
+            readonly viewOnly: "View Only";
         };
     })[T][U];
 };
@@ -88,24 +98,29 @@ export declare const getFormat: <T extends "fileInput" | "toolbarItem">(locale:
         readonly blockquote: "引用";
         readonly code: "代码块";
         readonly delete: "删除线";
+        readonly editOnly: "仅编辑";
         readonly emphasis: "斜体";
         readonly enterFullscreen: "进入全屏";
         readonly exitFullscreen: "退出全屏";
         readonly heading: "标题";
+        readonly help: "帮助";
         readonly image: "图片";
         readonly inlineCode: "行内代码";
         readonly inlineMath: "行内公式";
         readonly link: "链接";
         readonly math: "公式块";
+        readonly mermaid: "Mermaid";
         readonly orderedList: "有序列表";
         readonly redo: "恢复";
         readonly strong: "粗体";
         readonly table: "表格";
+        readonly taskList: "任务列表";
         readonly thematicBreak: "分隔线";
         readonly toHTML: "转成 HTML";
         readonly toMarkdown: "转成 Markdown";
         readonly undo: "撤销";
         readonly unorderedList: "无序列表";
+        readonly viewOnly: "仅查看";
     };
 } | {
     readonly fileInput: {
@@ -120,24 +135,29 @@ export declare const getFormat: <T extends "fileInput" | "toolbarItem">(locale:
         readonly blockquote: "Blockquote";
         readonly code: "Code Block";
         readonly delete: "Strikethrough";
+        readonly editOnly: "Edit Only";
         readonly emphasis: "Italic";
         readonly enterFullscreen: "Enter Fullscreen";
         readonly exitFullscreen: "Exit Fullscreen";
         readonly heading: "Heading";
+        readonly help: "Help";
         readonly image: "Image";
         readonly inlineCode: "Inline Code";
         readonly inlineMath: "Inline Formula";
         readonly link: "Link";
         readonly math: "Formula Block";
+        readonly mermaid: "Mermaid";
         readonly orderedList: "Ordered List";
         readonly redo: "Redo";
         readonly strong: "Bold";
         readonly table: "Table";
+        readonly taskList: "Task List";
         readonly thematicBreak: "Thematic Break";
         readonly toHTML: "To HTML";
         readonly toMarkdown: "To Markdown";
         readonly undo: "Undo";
         readonly unorderedList: "Unordered List";
+        readonly viewOnly: "View Only";
     };
 })[T][U];
 export {};