ds-markdown 0.1.10-beta.0 → 0.1.10-beta.2

package/README.md

@@ -12,9 +12,13 @@
 [![React](https://img.shields.io/badge/React-18.0.0+-blue)](https://react.dev)
 [![TypeScript](https://img.shields.io/badge/TypeScript-Ready-blue)](https://www.typescriptlang.org/)
 
-[📖 在线演示](https://onshinpei.github.io/ds-markdown/)
-
-[DEMO：🔧 StackBlitz 体验](https://stackblitz.com/edit/vitejs-vite-ddfw8avb?file=src%2FApp.tsx)
+- [使用文档](https://onshinpei.github.io/ds-markdown/)
+- 使用示例
+  - [基本用法](https://stackblitz.com/edit/vitejs-vite-ddfw8avb?file=src%2FApp.tsx)
+  - [流式数据用法](https://stackblitz.com/edit/vitejs-vite-2ri8kex3?file=src%2FApp.tsx)
+  - [mermaid图表](https://stackblitz.com/edit/vitejs-vite-iqbyta3j?file=index.html)
+  - [数学公式demo1](https://stackblitz.com/edit/vitejs-vite-iqbyta3j?file=index.html)
+  - [数学公式demo2](https://stackblitz.com/edit/vitejs-vite-xk9lxagc?file=src%2FApp.tsx)
 
 如果你想要一个纯净的`react markdown` 打字组件，可以使用[react-markdown-typer](https://github.com/onshinpei/react-markdown-typer)
 
@@ -441,6 +445,8 @@ markdownRef.current?.restart(); // 重新开始动画
 
 #### KaTeX 数学公式插件
 
+[DEMO](https://stackblitz.com/edit/vitejs-vite-iqbyta3j?file=index.html)
+
 ```tsx
 import { katexPlugin } from 'ds-markdown/plugins';
 

package/dist/cjs/i18n/en/index.d.ts

@@ -1,15 +1,22 @@
 declare const enUS: {
-    readonly codeBlock: {
-        readonly copy: "Copy";
-        readonly copied: "Copied";
-        readonly download: "Download";
+    codeBlock: {
+        copy: string;
+        copied: string;
+        download: string;
+        downloaded: string;
     };
-    readonly mermaid: {
-        readonly diagram: "Diagram";
-        readonly code: "Code";
-        readonly zoomOut: "Zoom Out";
-        readonly zoomIn: "Zoom In";
-        readonly download: "Download";
+    mermaid: {
+        diagram: string;
+        code: string;
+        zoomOut: string;
+        zoomIn: string;
+        download: string;
+        fullScreen: string;
+        exitFullScreen: string;
+        downloadImage: string;
+        downloadedImage: string;
+        copiedImage: string;
+        copyImage: string;
     };
 };
 type EnUS = typeof enUS;

package/dist/cjs/i18n/en/index.js

@@ -7,6 +7,7 @@ const enUS = {
         copy: 'Copy',
         copied: 'Copied',
         download: 'Download',
+        downloaded: 'Downloaded',
     },
     mermaid: {
         diagram: 'Diagram',
@@ -14,6 +15,12 @@ const enUS = {
         zoomOut: 'Zoom Out',
         zoomIn: 'Zoom In',
         download: 'Download',
+        fullScreen: 'Full Screen',
+        exitFullScreen: 'Exit Full Screen',
+        downloadImage: 'Download Image',
+        downloadedImage: 'Downloaded',
+        copiedImage: 'Copied',
+        copyImage: 'Copy Image',
     },
 };
 

package/dist/cjs/i18n/en/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/i18n/en/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAAa,MAAA,IAAI,GAAG;AAClB,IAAA,SAAS,EAAE;AACT,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,MAAM,EAAE,QAAQ;AAChB,QAAA,QAAQ,EAAE,UAAU;AACrB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,OAAO,EAAE,UAAU;AACnB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,QAAQ,EAAE,UAAU;AACrB,KAAA;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/i18n/en/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAAa,MAAA,IAAI,GAAG;AAClB,IAAA,SAAS,EAAE;AACT,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,MAAM,EAAE,QAAQ;AAChB,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,UAAU,EAAE,YAAY;AACzB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,OAAO,EAAE,UAAU;AACnB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,UAAU,EAAE,aAAa;AACzB,QAAA,cAAc,EAAE,kBAAkB;AAClC,QAAA,aAAa,EAAE,gBAAgB;AAC/B,QAAA,eAAe,EAAE,YAAY;AAC7B,QAAA,WAAW,EAAE,QAAQ;AACrB,QAAA,SAAS,EAAE,YAAY;AACxB,KAAA;;;;;;"}

package/dist/cjs/i18n/zh/index.d.ts

@@ -1,15 +1,22 @@
 declare const zhCN: {
-    readonly codeBlock: {
-        readonly copy: "复制";
-        readonly copied: "已复制";
-        readonly download: "下载";
+    codeBlock: {
+        copy: string;
+        copied: string;
+        download: string;
+        downloaded: string;
     };
-    readonly mermaid: {
-        readonly diagram: "图表";
-        readonly code: "代码";
-        readonly zoomOut: "缩小";
-        readonly zoomIn: "放大";
-        readonly download: "下载";
+    mermaid: {
+        diagram: string;
+        code: string;
+        zoomOut: string;
+        zoomIn: string;
+        download: string;
+        fullScreen: string;
+        exitFullScreen: string;
+        downloadImage: string;
+        downloadedImage: string;
+        copyImage: string;
+        copiedImage: string;
     };
 };
 type ZhCN = typeof zhCN;

package/dist/cjs/i18n/zh/index.js

@@ -7,6 +7,7 @@ const zhCN = {
         copy: '复制',
         copied: '已复制',
         download: '下载',
+        downloaded: '已下载',
     },
     mermaid: {
         diagram: '图表',
@@ -14,6 +15,12 @@ const zhCN = {
         zoomOut: '缩小',
         zoomIn: '放大',
         download: '下载',
+        fullScreen: '全屏',
+        exitFullScreen: '退出全屏',
+        downloadImage: '下载图片',
+        downloadedImage: '已下载',
+        copyImage: '复制图片',
+        copiedImage: '已复制',
     },
 };
 

package/dist/cjs/i18n/zh/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/i18n/zh/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAAa,MAAA,IAAI,GAAG;AAClB,IAAA,SAAS,EAAE;AACT,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,MAAM,EAAE,KAAK;AACb,QAAA,QAAQ,EAAE,IAAI;AACf,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,QAAQ,EAAE,IAAI;AACf,KAAA;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/i18n/zh/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAAa,MAAA,IAAI,GAAG;AAClB,IAAA,SAAS,EAAE;AACT,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,MAAM,EAAE,KAAK;AACb,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,UAAU,EAAE,KAAK;AAClB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,cAAc,EAAE,MAAM;AACtB,QAAA,aAAa,EAAE,MAAM;AACrB,QAAA,eAAe,EAAE,KAAK;AACtB,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,WAAW,EAAE,KAAK;AACnB,KAAA;;;;;;"}

package/dist/cjs/index.d.ts

@@ -85,6 +85,8 @@ interface IMarkdownPlugin {
 interface IMarkdownMath {
     /** 是括号还是$作为分隔符, 默认是$ */
     splitSymbol: 'bracket' | 'dollar';
+    /** 数学公式替换函数 */
+    replaceMathBracket?: (value: string) => string;
 }
 interface MarkdownBaseRef {
     stop: () => void;
@@ -114,35 +116,22 @@ declare const MarkdownCMD: React$1.ForwardRefExoticComponent<MarkdownCMDProps &
 
 declare const _default: React__default.NamedExoticComponent<MarkdownProps & React__default.RefAttributes<MarkdownBaseRef>>;
 
-interface ButtonProps {
+interface ButtonProps$1 {
     className?: string;
     children?: React__default.ReactNode;
     icon?: React__default.ReactNode;
     onClick?: () => void;
     style?: React__default.CSSProperties;
+    disabled?: boolean;
 }
-declare const Button: React__default.FC<ButtonProps>;
+declare const Button: React__default.FC<ButtonProps$1>;
 
-interface IconButtonProps {
+interface IconButtonProps extends ButtonProps$1 {
     icon: React__default.ReactNode;
-    style?: React__default.CSSProperties;
     className?: string;
-    onClick?: () => void;
 }
 declare const IconButton: React__default.FC<IconButtonProps>;
 
-type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
-interface ToolTipProps {
-    title: React__default.ReactNode;
-    children: React__default.ReactElement;
-    position?: TooltipPosition;
-    className?: string;
-    style?: React__default.CSSProperties;
-    showArrow?: boolean;
-    delay?: number;
-}
-declare const ToolTip: React__default.ForwardRefExoticComponent<ToolTipProps & React__default.RefAttributes<HTMLElement>>;
-
 interface SegmentedItem {
     label: string;
     value: string;
@@ -154,6 +143,14 @@ interface SegmentedProps {
 }
 declare const Segmented: React__default.FC<SegmentedProps>;
 
+type ButtonProps = React__default.ComponentProps<typeof Button>;
+interface SuccessButtonProps extends Omit<ButtonProps, 'onClick'> {
+    children: React__default.ReactNode;
+    onClick: () => Promise<boolean>;
+    executeText?: string;
+}
+declare const SuccessButton: React__default.FC<SuccessButtonProps>;
+
 interface CopyButtonProps {
     codeContent?: string;
     style?: React__default.CSSProperties;
@@ -187,6 +184,39 @@ interface HighlightCodeProps {
 }
 declare const HighlightCode: React__default.FC<HighlightCodeProps>;
 
+declare const CheckMarkIcon: React__default.FC<{
+    size: number;
+}>;
+declare const CopyIcon: React__default.FC<{
+    size: number;
+}>;
+declare const DownloadIcon: React__default.FC<{
+    size: number;
+}>;
+
+declare const zhCN: {
+    codeBlock: {
+        copy: string;
+        copied: string;
+        download: string;
+        downloaded: string;
+    };
+    mermaid: {
+        diagram: string;
+        code: string;
+        zoomOut: string;
+        zoomIn: string;
+        download: string;
+        fullScreen: string;
+        exitFullScreen: string;
+        downloadImage: string;
+        downloadedImage: string;
+        copyImage: string;
+        copiedImage: string;
+    };
+};
+type ZhCN = typeof zhCN;
+
 declare namespace Mermaid {
     /**
      * The font size to use
@@ -1701,12 +1731,24 @@ declare namespace Mermaid {
     }
 }
 
-interface Locale {
+type Locale = ZhCN;
+interface ConfigProviderProps {
+    locale?: Locale;
+    mermaidConfig?: Mermaid.MermaidConfig;
+    children: React__default.ReactNode;
+}
+interface ConfigContextType {
+    locale: Locale;
+    mermaidConfig?: Mermaid.MermaidConfig;
+}
+declare const ConfigProvider: React__default.FC<ConfigProviderProps>;
+declare const useConfig: () => ConfigContextType;
+declare const useLocale: () => {
     codeBlock: {
         copy: string;
         copied: string;
         download: string;
-        [key: string]: string;
+        downloaded: string;
     };
     mermaid: {
         diagram: string;
@@ -1714,23 +1756,16 @@ interface Locale {
         zoomOut: string;
         zoomIn: string;
         download: string;
+        fullScreen: string;
+        exitFullScreen: string;
+        downloadImage: string;
+        downloadedImage: string;
+        copyImage: string;
+        copiedImage: string;
     };
-    [key: string]: unknown;
-}
-interface ConfigProviderProps {
-    locale?: Locale;
-    mermaidConfig?: Mermaid.MermaidConfig;
-    children: React__default.ReactNode;
-}
-interface ConfigContextType {
-    locale: Locale;
-    mermaidConfig?: Mermaid.MermaidConfig;
-}
-declare const ConfigProvider: React__default.FC<ConfigProviderProps>;
-declare const useConfig: () => ConfigContextType;
-declare const useLocale: () => Locale;
+};
 
 declare const useThemeState: () => IMarkdownThemeStateProps;
 
-export { Button, CodeBlockActions, CodeBlockWrap, ConfigProvider, CopyButton, DownloadButton, HighlightCode, IconButton, _default as Markdown, MarkdownCMD, Segmented, ToolTip, _default as default, useConfig, useLocale, useThemeState };
-export type { ConfigContextType, ConfigProviderProps, IMarkdownMath, ITypedChar, Locale, MarkdownCMDProps, MarkdownCMDRef, MarkdownProps, MarkdownRef };
+export { Button, CheckMarkIcon, CodeBlockActions, CodeBlockWrap, ConfigProvider, CopyButton, CopyIcon, DownloadButton, DownloadIcon, HighlightCode, IconButton, _default as Markdown, MarkdownCMD, Segmented, SuccessButton, _default as default, useConfig, useLocale, useThemeState };
+export type { ConfigContextType, ConfigProviderProps, IMarkdownMath, IMarkdownPlugin, ITypedChar, Locale, MarkdownCMDProps, MarkdownCMDRef, MarkdownProps, MarkdownRef };