x-star-editor 0.6.3 → 0.6.5

package/dist/components/Fade.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 interface FadeProps {
     children: React.ReactNode;
-    nodeRef: React.RefObject<HTMLDivElement>;
+    className: string;
     appear: boolean;
     timeout: number;
 }
-declare const Fade: ({ children, nodeRef, appear, timeout }: FadeProps) => React.JSX.Element;
+declare const Fade: React.ForwardRefExoticComponent<FadeProps & React.RefAttributes<HTMLDivElement>>;
 export default Fade;

package/dist/components/Fade.js

@@ -1,24 +1,34 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useEffect, useState } from 'react';
-var Fade = function Fade(_ref) {
+import React, { useEffect, useRef, useState } from 'react';
+var Fade = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
-    nodeRef = _ref.nodeRef,
+    className = _ref.className,
     appear = _ref.appear,
     timeout = _ref.timeout;
+  var containerRef = useRef(null);
+  var composedRef = function composedRef(instance) {
+    if (typeof ref === 'function') {
+      ref(instance);
+    } else if (ref) {
+      ref.current = instance;
+    }
+    containerRef.current = instance;
+  };
   var _useState = useState(appear),
     _useState2 = _slicedToArray(_useState, 2),
     mount = _useState2[0],
     setMount = _useState2[1];
   useEffect(function () {
     if (appear) {
-      if (nodeRef.current) {
-        nodeRef.current.getBoundingClientRect();
-        nodeRef.current.style.opacity = '1';
+      if (containerRef.current) {
+        // 强制浏览器进行重排，保证淡入效果
+        containerRef.current.getBoundingClientRect();
+        containerRef.current.style.opacity = '1';
       }
       setMount(true);
     } else {
-      if (nodeRef.current) {
-        nodeRef.current.style.opacity = '0';
+      if (containerRef.current) {
+        containerRef.current.style.opacity = '0';
       }
       var timer = window.setTimeout(function () {
         return setMount(false);
@@ -28,6 +38,9 @@ var Fade = function Fade(_ref) {
       };
     }
   }, [appear]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, (appear || mount) && children);
-};
+  return (appear || mount) && /*#__PURE__*/React.createElement("div", {
+    ref: composedRef,
+    className: className
+  }, children);
+});
 export default Fade;

package/dist/components/Toolbar.js

@@ -51,7 +51,6 @@ var Item = function Item(_ref) {
   });
   var popoverMount = !!popover && popoverOpen;
   var tooltipMount = !popoverMount && !!tooltip && tooltipOpen;
-  var tooltipRef = useRef(null);
   var popoverRef = useRef(null);
   useEffect(function () {
     if (popoverMount) {
@@ -93,20 +92,15 @@ var Item = function Item(_ref) {
       return setTooltipOpen(false);
     }
   }, children), /*#__PURE__*/React.createElement(Fade, {
-    nodeRef: tooltipRef,
+    className: classNames("".concat(prefix, "-tooltip")),
     appear: tooltipMount,
     timeout: 300
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: tooltipRef,
-    className: classNames("".concat(prefix, "-tooltip"))
-  }, tooltip)), /*#__PURE__*/React.createElement(Fade, {
-    nodeRef: popoverRef,
+  }, tooltip), /*#__PURE__*/React.createElement(Fade, {
+    ref: popoverRef,
+    className: classNames("".concat(prefix, "-popover")),
     appear: popoverMount,
     timeout: 300
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: popoverRef,
-    className: classNames("".concat(prefix, "-popover"))
-  }, popover)));
+  }, popover));
 };
 var codeOptions = [{
   label: 'C++',
@@ -140,10 +134,10 @@ var headingOptions = [{
   depth: 6,
   fontSize: '0.9em'
 }];
-export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale, onInsertFile) {
-  var t = getFormat(locale, 'toolbarItem');
-  var mermaidOptions = [{
-    label: t('flowChat'),
+var getMermaidOptions = function getMermaidOptions(locale) {
+  var t = getFormat(locale, 'mermaid');
+  return [{
+    label: t('flowchart'),
     value: "flowchart TD\n      A[Start] --> B{Is it?}\n      B -- Yes --> C[OK]\n      C --> D[Rethink]\n      D --> B\n      B -- No ----> E[End]"
   }, {
     label: t('sequenceDiagram'),
@@ -155,13 +149,13 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
     label: t('stateDiagram'),
     value: "stateDiagram-v2\n      [*] --> Still\n      Still --> [*]\n  \n      Still --> Moving\n      Moving --> Still\n      Moving --> Crash\n      Crash --> [*]"
   }, {
-    label: t('ERDiagram'),
+    label: t('entityRelationshipDiagram'),
     value: "erDiagram\n      CUSTOMER ||--o{ ORDER : places\n      ORDER ||--|{ LINE-ITEM : contains\n      CUSTOMER }|..|{ DELIVERY-ADDRESS : uses"
   }, {
     label: t('userJourney'),
     value: "journey\n      title My working day\n      section Go to work\n        Make tea: 5: Me\n        Go upstairs: 3: Me\n        Do work: 1: Me, Cat\n      section Go home\n        Go downstairs: 5: Me\n        Sit down: 5: Me"
   }, {
-    label: t('Gantt'),
+    label: t('gantt'),
     value: "gantt\n      title A Gantt Diagram\n      dateFormat YYYY-MM-DD\n      section Section\n          A task          :a1, 2014-01-01, 30d\n          Another task    :after a1, 20d\n      section Another\n          Task in Another :2014-01-12, 12d\n          another task    :24d"
   }, {
     label: t('pieChart'),
@@ -173,15 +167,18 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
     label: t('requirementDiagram'),
     value: "requirementDiagram\n  \n      requirement test_req {\n      id: 1\n      text: the test text.\n      risk: high\n      verifymethod: test\n      }\n  \n      element test_entity {\n      type: simulation\n      }\n  \n      test_entity - satisfies -> test_req"
   }, {
-    label: t('gitGraphDiagram'),
+    label: t('gitgraphDiagram'),
     value: "gitGraph\n     commit\n     commit\n     branch develop\n     checkout develop\n     commit\n     commit\n     checkout main\n     merge develop\n     commit\n     commit"
   }, {
-    label: t('mindMaps'),
+    label: t('mindmap'),
     value: "mindmap\n    root((mindmap))\n      Origins\n        Long history\n        ::icon(fa fa-book)\n        Popularisation\n          British popular psychology author Tony Buzan\n      Research\n        On effectiveness<br/>and features\n        On Automatic creation\n          Uses\n              Creative techniques\n              Strategic planning\n              Argument mapping\n      Tools\n        Pen and paper\n        Mermaid"
   }, {
-    label: t('timeLine'),
+    label: t('timeline'),
     value: "timeline\n      title History of Social Media Platform\n      2002 : LinkedIn\n      2004 : Facebook\n           : Google\n      2005 : Youtube\n      2006 : Twitter"
   }];
+};
+export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale, onInsertFile) {
+  var t = getFormat(locale, 'toolbarItem');
   return {
     blockquote: {
       children: /*#__PURE__*/React.createElement(SvgBlockquote, {
@@ -365,7 +362,7 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale,
       }),
       tooltip: t('mermaid'),
       popoverRender: function popoverRender(exec, close) {
-        return mermaidOptions.map(function (_ref4) {
+        return getMermaidOptions(locale).map(function (_ref4) {
           var label = _ref4.label,
             value = _ref4.value;
           return /*#__PURE__*/React.createElement("div", {

package/dist/icons/Clear.d.ts

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

package/dist/icons/Clear.js

@@ -0,0 +1,20 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+var SvgClear = function SvgClear(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: "currentColor",
+    fillRule: "nonzero"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M12 18c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6m1.938-1.393a5.06 5.06 0 0 0 2.668-2.667 4.97 4.97 0 0 0 0-3.88 5.06 5.06 0 0 0-2.668-2.666 4.97 4.97 0 0 0-3.876 0 5.06 5.06 0 0 0-2.668 2.667 4.97 4.97 0 0 0 0 3.879 5.06 5.06 0 0 0 2.668 2.667 4.97 4.97 0 0 0 3.876 0"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m9.251 14.027 4.776-4.776q.363-.362.725 0 .363.363 0 .725l-4.776 4.776q-.362.363-.725 0-.361-.362 0-.725"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M14.752 14.027 9.976 9.251q-.362-.362-.725 0-.361.363 0 .725l4.776 4.776q.363.363.725 0 .363-.362 0-.725"
+  })));
+};
+export default SvgClear;

package/dist/icons/Eraser.d.ts

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

package/dist/icons/Eraser.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+var SvgEraser = function SvgEraser(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: "M12.48 15.017 17 10.525 13.453 7.25l-4.378 4.363zm-.715.71-3.404-3.403-1.29 1.287a.247.247 0 0 0 .003.351l2.834 2.788h.829zm.443 1.023h5.291a.499.499 0 1 1 0 1H9.765a.5.5 0 0 1-.361-.157L6.272 14.47a1.015 1.015 0 0 1 .023-1.407l6.498-6.521a.99.99 0 0 1 1.403 0l3.513 3.278a1 1 0 0 1 0 1.41z"
+  }));
+};
+export default SvgEraser;

package/dist/icons/Pencil.d.ts

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

package/dist/icons/Pencil.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+var SvgPencil = function SvgPencil(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: "M13.263 6.98a1.977 1.977 0 0 1 2.796 0l.87.868a1.977 1.977 0 0 1 0 2.797l-.93.928-5.788 5.79a.5.5 0 0 1-.368.144l-2.862-.104a.494.494 0 0 1-.476-.476L6.4 14.065a.5.5 0 0 1 .145-.367l5.79-5.79.004-.004zm-.58 1.977-5.287 5.287.08 2.187 2.187.08 5.287-5.288zm2.677-1.278a.99.99 0 0 0-1.397 0l-.58.578 2.267 2.267.579-.579a.99.99 0 0 0 .058-1.335l-.058-.062z"
+  }));
+};
+export default SvgPencil;

package/dist/icons/Screenshot.d.ts

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

package/dist/icons/Screenshot.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+var SvgScreenshot = function SvgScreenshot(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: "currentColor",
+    fillRule: "nonzero"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M7.5 14.2V16a.5.5 0 0 0 .5.5h1.8c.11 0 .2.09.2.2v.6a.2.2 0 0 1-.2.2H8a1.5 1.5 0 0 1-1.493-1.356l-.007-.14V14.2c0-.11.09-.2.2-.2h.6c.11 0 .2.09.2.2m10 0V16a1.5 1.5 0 0 1-1.5 1.5h-1.8a.2.2 0 0 1-.2-.2v-.6c0-.11.09-.2.2-.2H16a.5.5 0 0 0 .492-.41l.007-.081.001-.018V14.2c0-.11.09-.2.2-.2h.6c.11 0 .2.09.2.2M16 6.5A1.5 1.5 0 0 1 17.5 8v1.8a.2.2 0 0 1-.2.2h-.6a.2.2 0 0 1-.2-.2V8a.5.5 0 0 0-.41-.492l-.081-.007-.018-.001H14.2a.2.2 0 0 1-.2-.2v-.6c0-.11.09-.2.2-.2zm-6 .2v.6a.2.2 0 0 1-.2.2H8a.5.5 0 0 0-.492.41l-.007.081-.001.018V9.8a.2.2 0 0 1-.2.2h-.6a.2.2 0 0 1-.2-.2V8a1.5 1.5 0 0 1 1.356-1.493l.14-.007H9.8c.11 0 .2.09.2.2M10.891 12.216a1.108 1.108 0 1 0 2.217 0 1.108 1.108 0 0 0-2.217 0"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M14.557 10.08h-.868a.37.37 0 0 1-.322-.175l-.202-.286a.38.38 0 0 0-.316-.169h-1.78a.4.4 0 0 0-.323.169l-.196.286a.39.39 0 0 1-.322.175H9.45a.57.57 0 0 0-.575.567v3.238c0 .316.26.567.575.567h5.11a.564.564 0 0 0 .566-.567v-3.238a.567.567 0 0 0-.569-.567M12 13.788c-.862 0-1.57-.701-1.57-1.57a1.572 1.572 0 0 1 3.146 0c0 .869-.708 1.57-1.576 1.57"
+  })));
+};
+export default SvgScreenshot;

package/dist/index.d.ts

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

package/dist/index.js

@@ -1,6 +1,6 @@
 export { createSelection, getRange } from "./utils/container";
 export { batchHandler, indentHandler, insertHandler, mutateHandler, redoHandler, selectHandler, setHandler, toggleHandler, undoHandler } from "./utils/handler";
-export { toHTML, toMarkdown, toText } from "./utils/markdown";
+export { cachedParse, toHTML, toMarkdown, toText } from "./utils/markdown";
 export { default as XStarEditor, useEditorRef } from "./x-star-editor";
 export { default as XStarMdEditor, useMdEditorRef } from "./x-star-md-editor";
 export { default as XStarMdViewer, useMdViewerRef } from "./x-star-md-viewer";

package/dist/locales/en_US.d.ts

@@ -34,19 +34,30 @@ declare const _default: {
         readonly undo: "Undo";
         readonly unorderedList: "Unordered List";
         readonly viewOnly: "View Only";
-        readonly flowChat: "Flowchart";
-        readonly sequenceDiagram: "sequenceDiagram";
+    };
+    readonly mermaid: {
+        readonly flowchart: "Flowchart";
+        readonly sequenceDiagram: "Sequence Diagram";
         readonly classDiagram: "Class Diagram";
         readonly stateDiagram: "State Diagram";
-        readonly ERDiagram: "Entity Relationship Diagram";
+        readonly entityRelationshipDiagram: "Entity Relationship Diagram";
         readonly userJourney: "User Journey";
-        readonly Gantt: "Gantt";
+        readonly gantt: "Gantt";
         readonly pieChart: "Pie Chart";
         readonly quadrantChart: "Quadrant Chart";
         readonly requirementDiagram: "Requirement Diagram";
-        readonly gitGraphDiagram: "Gitgraph (Git) Diagram";
-        readonly mindMaps: "Mindmaps";
-        readonly timeLine: "Timeline";
+        readonly gitgraphDiagram: "Gitgraph Diagram";
+        readonly mindmap: "Mindmap";
+        readonly timeline: "Timeline";
+    };
+    readonly slideViewer: {
+        readonly undo: "Undo";
+        readonly redo: "Redo";
+        readonly clear: "Clear";
+        readonly pencil: "Pencil";
+        readonly eraser: "Eraser";
+        readonly screenshot: "Screenshot";
+        readonly fullscreen: "Fullscreen";
     };
 };
 export default _default;

package/dist/locales/en_US.js

@@ -33,19 +33,30 @@ export default {
     toMarkdown: 'To Markdown',
     undo: 'Undo',
     unorderedList: 'Unordered List',
-    viewOnly: 'View Only',
-    flowChat: 'Flowchart',
-    sequenceDiagram: 'sequenceDiagram',
+    viewOnly: 'View Only'
+  },
+  mermaid: {
+    flowchart: 'Flowchart',
+    sequenceDiagram: 'Sequence Diagram',
     classDiagram: 'Class Diagram',
     stateDiagram: 'State Diagram',
-    ERDiagram: 'Entity Relationship Diagram',
+    entityRelationshipDiagram: 'Entity Relationship Diagram',
     userJourney: 'User Journey',
-    Gantt: 'Gantt',
+    gantt: 'Gantt',
     pieChart: 'Pie Chart',
     quadrantChart: 'Quadrant Chart',
     requirementDiagram: 'Requirement Diagram',
-    gitGraphDiagram: 'Gitgraph (Git) Diagram',
-    mindMaps: 'Mindmaps',
-    timeLine: 'Timeline'
+    gitgraphDiagram: 'Gitgraph Diagram',
+    mindmap: 'Mindmap',
+    timeline: 'Timeline'
+  },
+  slideViewer: {
+    undo: 'Undo',
+    redo: 'Redo',
+    clear: 'Clear',
+    pencil: 'Pencil',
+    eraser: 'Eraser',
+    screenshot: 'Screenshot',
+    fullscreen: 'Fullscreen'
   }
 };

package/dist/locales/index.d.ts

@@ -7,7 +7,7 @@ interface LocaleProviderProps {
 }
 export declare const LocaleProvider: ({ children, locale, }: LocaleProviderProps) => React.JSX.Element;
 type MessageMap = typeof zh_CN | typeof en_US;
-export declare const useLocale: <T extends "fileInput" | "toolbarItem">(slice: T) => {
+export declare const useLocale: <T extends "fileInput" | "toolbarItem" | "mermaid" | "slideViewer">(slice: T) => {
     locale: string;
     format: <U extends keyof MessageMap[T]>(key: U) => ({
         readonly fileInput: {
@@ -45,19 +45,30 @@ export declare const useLocale: <T extends "fileInput" | "toolbarItem">(slice: T
             readonly undo: "撤销";
             readonly unorderedList: "无序列表";
             readonly viewOnly: "仅查看";
-            readonly flowChat: "流程图";
-            readonly sequenceDiagram: "时序图";
+        };
+        readonly mermaid: {
+            readonly flowchart: "流程图";
+            readonly sequenceDiagram: "序列图";
             readonly classDiagram: "类图";
             readonly stateDiagram: "状态图";
-            readonly ERDiagram: "实体关系图";
+            readonly entityRelationshipDiagram: "实体关系图";
             readonly userJourney: "用户旅程图";
-            readonly Gantt: "甘特图";
+            readonly gantt: "甘特图";
             readonly pieChart: "饼图";
-            readonly quadrantChart: "四象限图";
+            readonly quadrantChart: "象限图";
             readonly requirementDiagram: "需求图";
-            readonly gitGraphDiagram: "Git图";
-            readonly mindMaps: "思维导图";
-            readonly timeLine: "时间线图";
+            readonly gitgraphDiagram: "Gitgraph 图";
+            readonly mindmap: "思维导图";
+            readonly timeline: "时间线图";
+        };
+        readonly slideViewer: {
+            readonly undo: "撤销";
+            readonly redo: "恢复";
+            readonly clear: "清空";
+            readonly pencil: "画笔";
+            readonly eraser: "橡皮";
+            readonly screenshot: "截图";
+            readonly fullscreen: "全屏";
         };
     } | {
         readonly fileInput: {
@@ -95,23 +106,34 @@ export declare const useLocale: <T extends "fileInput" | "toolbarItem">(slice: T
             readonly undo: "Undo";
             readonly unorderedList: "Unordered List";
             readonly viewOnly: "View Only";
-            readonly flowChat: "Flowchart";
-            readonly sequenceDiagram: "sequenceDiagram";
+        };
+        readonly mermaid: {
+            readonly flowchart: "Flowchart";
+            readonly sequenceDiagram: "Sequence Diagram";
             readonly classDiagram: "Class Diagram";
             readonly stateDiagram: "State Diagram";
-            readonly ERDiagram: "Entity Relationship Diagram";
+            readonly entityRelationshipDiagram: "Entity Relationship Diagram";
             readonly userJourney: "User Journey";
-            readonly Gantt: "Gantt";
+            readonly gantt: "Gantt";
             readonly pieChart: "Pie Chart";
             readonly quadrantChart: "Quadrant Chart";
             readonly requirementDiagram: "Requirement Diagram";
-            readonly gitGraphDiagram: "Gitgraph (Git) Diagram";
-            readonly mindMaps: "Mindmaps";
-            readonly timeLine: "Timeline";
+            readonly gitgraphDiagram: "Gitgraph Diagram";
+            readonly mindmap: "Mindmap";
+            readonly timeline: "Timeline";
+        };
+        readonly slideViewer: {
+            readonly undo: "Undo";
+            readonly redo: "Redo";
+            readonly clear: "Clear";
+            readonly pencil: "Pencil";
+            readonly eraser: "Eraser";
+            readonly screenshot: "Screenshot";
+            readonly fullscreen: "Fullscreen";
         };
     })[T][U];
 };
-export declare const getFormat: <T extends "fileInput" | "toolbarItem">(locale: string | undefined, slice: T) => <U extends keyof MessageMap[T]>(key: U) => ({
+export declare const getFormat: <T extends "fileInput" | "toolbarItem" | "mermaid" | "slideViewer">(locale: string | undefined, slice: T) => <U extends keyof MessageMap[T]>(key: U) => ({
     readonly fileInput: {
         readonly cancel: "取消";
         readonly chooseFile: "选择文件";
@@ -147,19 +169,30 @@ export declare const getFormat: <T extends "fileInput" | "toolbarItem">(locale:
         readonly undo: "撤销";
         readonly unorderedList: "无序列表";
         readonly viewOnly: "仅查看";
-        readonly flowChat: "流程图";
-        readonly sequenceDiagram: "时序图";
+    };
+    readonly mermaid: {
+        readonly flowchart: "流程图";
+        readonly sequenceDiagram: "序列图";
         readonly classDiagram: "类图";
         readonly stateDiagram: "状态图";
-        readonly ERDiagram: "实体关系图";
+        readonly entityRelationshipDiagram: "实体关系图";
         readonly userJourney: "用户旅程图";
-        readonly Gantt: "甘特图";
+        readonly gantt: "甘特图";
         readonly pieChart: "饼图";
-        readonly quadrantChart: "四象限图";
+        readonly quadrantChart: "象限图";
         readonly requirementDiagram: "需求图";
-        readonly gitGraphDiagram: "Git图";
-        readonly mindMaps: "思维导图";
-        readonly timeLine: "时间线图";
+        readonly gitgraphDiagram: "Gitgraph 图";
+        readonly mindmap: "思维导图";
+        readonly timeline: "时间线图";
+    };
+    readonly slideViewer: {
+        readonly undo: "撤销";
+        readonly redo: "恢复";
+        readonly clear: "清空";
+        readonly pencil: "画笔";
+        readonly eraser: "橡皮";
+        readonly screenshot: "截图";
+        readonly fullscreen: "全屏";
     };
 } | {
     readonly fileInput: {
@@ -197,19 +230,30 @@ export declare const getFormat: <T extends "fileInput" | "toolbarItem">(locale:
         readonly undo: "Undo";
         readonly unorderedList: "Unordered List";
         readonly viewOnly: "View Only";
-        readonly flowChat: "Flowchart";
-        readonly sequenceDiagram: "sequenceDiagram";
+    };
+    readonly mermaid: {
+        readonly flowchart: "Flowchart";
+        readonly sequenceDiagram: "Sequence Diagram";
         readonly classDiagram: "Class Diagram";
         readonly stateDiagram: "State Diagram";
-        readonly ERDiagram: "Entity Relationship Diagram";
+        readonly entityRelationshipDiagram: "Entity Relationship Diagram";
         readonly userJourney: "User Journey";
-        readonly Gantt: "Gantt";
+        readonly gantt: "Gantt";
         readonly pieChart: "Pie Chart";
         readonly quadrantChart: "Quadrant Chart";
         readonly requirementDiagram: "Requirement Diagram";
-        readonly gitGraphDiagram: "Gitgraph (Git) Diagram";
-        readonly mindMaps: "Mindmaps";
-        readonly timeLine: "Timeline";
+        readonly gitgraphDiagram: "Gitgraph Diagram";
+        readonly mindmap: "Mindmap";
+        readonly timeline: "Timeline";
+    };
+    readonly slideViewer: {
+        readonly undo: "Undo";
+        readonly redo: "Redo";
+        readonly clear: "Clear";
+        readonly pencil: "Pencil";
+        readonly eraser: "Eraser";
+        readonly screenshot: "Screenshot";
+        readonly fullscreen: "Fullscreen";
     };
 })[T][U];
 export {};

package/dist/locales/zh_CN.d.ts

@@ -34,19 +34,30 @@ declare const _default: {
         readonly undo: "撤销";
         readonly unorderedList: "无序列表";
         readonly viewOnly: "仅查看";
-        readonly flowChat: "流程图";
-        readonly sequenceDiagram: "时序图";
+    };
+    readonly mermaid: {
+        readonly flowchart: "流程图";
+        readonly sequenceDiagram: "序列图";
         readonly classDiagram: "类图";
         readonly stateDiagram: "状态图";
-        readonly ERDiagram: "实体关系图";
+        readonly entityRelationshipDiagram: "实体关系图";
         readonly userJourney: "用户旅程图";
-        readonly Gantt: "甘特图";
+        readonly gantt: "甘特图";
         readonly pieChart: "饼图";
-        readonly quadrantChart: "四象限图";
+        readonly quadrantChart: "象限图";
         readonly requirementDiagram: "需求图";
-        readonly gitGraphDiagram: "Git图";
-        readonly mindMaps: "思维导图";
-        readonly timeLine: "时间线图";
+        readonly gitgraphDiagram: "Gitgraph 图";
+        readonly mindmap: "思维导图";
+        readonly timeline: "时间线图";
+    };
+    readonly slideViewer: {
+        readonly undo: "撤销";
+        readonly redo: "恢复";
+        readonly clear: "清空";
+        readonly pencil: "画笔";
+        readonly eraser: "橡皮";
+        readonly screenshot: "截图";
+        readonly fullscreen: "全屏";
     };
 };
 export default _default;

package/dist/locales/zh_CN.js

@@ -33,19 +33,30 @@ export default {
     toMarkdown: '转成 Markdown',
     undo: '撤销',
     unorderedList: '无序列表',
-    viewOnly: '仅查看',
-    flowChat: '流程图',
-    sequenceDiagram: '时序图',
+    viewOnly: '仅查看'
+  },
+  mermaid: {
+    flowchart: '流程图',
+    sequenceDiagram: '序列图',
     classDiagram: '类图',
     stateDiagram: '状态图',
-    ERDiagram: '实体关系图',
+    entityRelationshipDiagram: '实体关系图',
     userJourney: '用户旅程图',
-    Gantt: '甘特图',
+    gantt: '甘特图',
     pieChart: '饼图',
-    quadrantChart: '四象限图',
+    quadrantChart: '象限图',
     requirementDiagram: '需求图',
-    gitGraphDiagram: 'Git图',
-    mindMaps: '思维导图',
-    timeLine: '时间线图'
+    gitgraphDiagram: 'Gitgraph 图',
+    mindmap: '思维导图',
+    timeline: '时间线图'
+  },
+  slideViewer: {
+    undo: '撤销',
+    redo: '恢复',
+    clear: '清空',
+    pencil: '画笔',
+    eraser: '橡皮',
+    screenshot: '截图',
+    fullscreen: '全屏'
   }
 };