@jvs-milkdown/crepe 1.2.17 → 1.2.18

package/lib/types/core/crepe.d.ts

@@ -7,6 +7,6 @@ export interface CrepeConfig extends CrepeBuilderConfig {
 }
 export declare class Crepe extends CrepeBuilder {
     static Feature: typeof CrepeFeature;
-    constructor({ features, featureConfigs, ...crepeBuilderConfig }?: CrepeConfig);
+    constructor(config?: CrepeConfig);
 }
 //# sourceMappingURL=crepe.d.ts.map

package/lib/types/core/crepe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"crepe.d.ts","sourceRoot":"","sources":["../../../src/core/crepe.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAGpD,OAAO,EAAE,YAAY,EAAmB,MAAM,YAAY,CAAA;AAE1D,OAAO,EAAE,YAAY,EAAE,KAAK,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAGjE,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IAErD,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAA;IAGjD,cAAc,CAAC,EAAE,kBAAkB,CAAA;CACpC;AAGD,qBAAa,KAAM,SAAQ,YAAY;IAErC,MAAM,CAAC,OAAO,sBAAe;gBAKjB,EACV,QAAa,EACb,cAAmB,EACnB,GAAG,kBAAkB,EACtB,GAAE,WAAgB;CAmBpB"}
+{"version":3,"file":"crepe.d.ts","sourceRoot":"","sources":["../../../src/core/crepe.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAGpD,OAAO,EAAE,YAAY,EAAmB,MAAM,YAAY,CAAA;AAE1D,OAAO,EAAE,YAAY,EAAE,KAAK,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAGjE,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IAErD,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAA;IAGjD,cAAc,CAAC,EAAE,kBAAkB,CAAA;CACpC;AAGD,qBAAa,KAAM,SAAQ,YAAY;IAErC,MAAM,CAAC,OAAO,sBAAe;gBAKjB,MAAM,GAAE,WAAgB;CA2ErC"}

package/lib/types/core/locale.d.ts

@@ -106,6 +106,8 @@ export declare const zhCN: {
     'customMenu.colorPurple': string;
     'customMenu.colorGray': string;
     'customMenu.insertTable': string;
+    'customMenu.export': string;
+    'customMenu.import': string;
     'customMenu.fontDefault': string;
     'font.fangSong': string;
     'font.stFangsong': string;
@@ -252,6 +254,8 @@ export declare const translationsCtx: import("@jvs-milkdown/ctx").SliceType<Reco
     'customMenu.colorPurple': string;
     'customMenu.colorGray': string;
     'customMenu.insertTable': string;
+    'customMenu.export': string;
+    'customMenu.import': string;
     'customMenu.fontDefault': string;
     'font.fangSong': string;
     'font.stFangsong': string;

package/lib/types/core/locale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"locale.d.ts","sourceRoot":"","sources":["../../../src/core/locale.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAIhD,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+KhB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,OAAO,IA+JzB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,OAAO,IAAI,CAAA;AAE3C,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAQ3B,CAAA;AAED,eAAO,MAAM,SAAS,4DAAoC,CAAA;AAE1D,wBAAgB,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,iBAAiB,GAAG,MAAM,CASnE"}
+{"version":3,"file":"locale.d.ts","sourceRoot":"","sources":["../../../src/core/locale.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAIhD,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiLhB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,OAAO,IAiKzB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,OAAO,IAAI,CAAA;AAE3C,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAQ3B,CAAA;AAED,eAAO,MAAM,SAAS,4DAAoC,CAAA;AAE1D,wBAAgB,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,iBAAiB,GAAG,MAAM,CASnE"}

package/lib/types/feature/fixed-toolbar/component.d.ts

@@ -8,6 +8,8 @@ type FixedToolbarProps = {
     show: Ref<boolean>;
     selection: ShallowRef<Selection>;
     config?: FixedToolbarFeatureConfig;
+    canUndo: Ref<boolean>;
+    canRedo: Ref<boolean>;
 };
 export declare const FixedToolbarComponent: import("@vue/runtime-core").DefineComponent<FixedToolbarProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<FixedToolbarProps> & Readonly<{}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 export {};

package/lib/types/feature/fixed-toolbar/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../src/feature/fixed-toolbar/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAI9D,OAAO,EAAmB,KAAK,UAAU,EAAE,KAAK,GAAG,EAAU,MAAM,KAAK,CAAA;AAExE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,GAAG,CAAA;AAQlD,KAAK,iBAAiB,GAAG;IACvB,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAClB,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,yBAAyB,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,qBAAqB,oXAiEhC,CAAA"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../src/feature/fixed-toolbar/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAO9D,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,GAAG,EAKT,MAAM,KAAK,CAAA;AAEZ,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,GAAG,CAAA;AAQlD,KAAK,iBAAiB,GAAG;IACvB,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAClB,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,yBAAyB,CAAA;IAClC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACrB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,qBAAqB,oXA4JhC,CAAA"}

package/lib/types/feature/fixed-toolbar/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../src/feature/fixed-toolbar/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAgChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAkDxD,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,EAClC,OAAO,CAAC,EAAE,yBAAyB,EACnC,GAAG,CAAC,EAAE,GAAG;;;;;;;;IAodV"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../src/feature/fixed-toolbar/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAkChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAqDxD,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,EAClC,OAAO,CAAC,EAAE,yBAAyB,EACnC,GAAG,CAAC,EAAE,GAAG;;;;;;;;IAmhBV"}

package/lib/types/feature/fixed-toolbar/index.d.ts

@@ -1,3 +1,4 @@
+import type { Ctx } from '@jvs-milkdown/kit/ctx';
 import { PluginKey } from '@jvs-milkdown/kit/prose/state';
 import type { GroupBuilder } from '../../utils';
 import type { DefineFeature } from '../shared';
@@ -16,6 +17,21 @@ export interface FixedToolbarConfig {
     outlinePosition?: 'left' | 'right';
     onUploadCover?: (file: File) => Promise<string>;
     defaultCoverImages?: string[];
+    showMenuBar?: boolean;
+    menuBarItems?: {
+        file?: boolean;
+        edit?: boolean;
+        view?: boolean;
+        insert?: boolean;
+        format?: boolean;
+    };
+    showHistory?: boolean;
+    showExport?: boolean;
+    onExport?: (markdown: string, ctx: Ctx) => void;
+    showImport?: boolean;
+    onImport?: (replaceContent: (markdown: string) => void, ctx: Ctx) => void;
+    useLocalStorage?: boolean;
+    id?: string;
 }
 export type FixedToolbarFeatureConfig = Partial<FixedToolbarConfig>;
 export declare const fixedToolbarConfig: import("@jvs-milkdown/utils").$Ctx<Partial<FixedToolbarConfig>, "fixedToolbarConfigCtx">;

package/lib/types/feature/fixed-toolbar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/feature/fixed-toolbar/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAU,SAAS,EAAiB,MAAM,+BAA+B,CAAA;AAchF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAYpD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IAC3D,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAClC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAC/C,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC9B;AAED,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAA;AAEnE,eAAO,MAAM,kBAAkB,0FAG9B,CAAA;AAED,eAAO,MAAM,eAAe,gBAA0C,CAAA;AAiStE,eAAO,MAAM,kBAAkB,sCAK7B,CAAA;AAEF,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,yBAAyB,CA6BjE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/feature/fixed-toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAIhD,OAAO,EAAU,SAAS,EAAiB,MAAM,+BAA+B,CAAA;AAehF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAYpD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IAC3D,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAClC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAC/C,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE;QACb,IAAI,CAAC,EAAE,OAAO,CAAA;QACd,IAAI,CAAC,EAAE,OAAO,CAAA;QACd,IAAI,CAAC,EAAE,OAAO,CAAA;QACd,MAAM,CAAC,EAAE,OAAO,CAAA;QAChB,MAAM,CAAC,EAAE,OAAO,CAAA;KACjB,CAAA;IACD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IACzE,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAA;AAEnE,eAAO,MAAM,kBAAkB,0FAG9B,CAAA;AAED,eAAO,MAAM,eAAe,gBAA0C,CAAA;AAsWtE,eAAO,MAAM,kBAAkB,sCAK7B,CAAA;AAEF,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,yBAAyB,CA6BjE,CAAA"}

package/lib/types/feature/fixed-toolbar/menu-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-bar.d.ts","sourceRoot":"","sources":["../../../../src/feature/fixed-toolbar/menu-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAMhD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAsDjD,eAAO,MAAM,OAAO;;cAEO,MAAM,GAAG;;;;cACN,MAAM,kBAAkB;;;;;cAD3B,MAAM,GAAG;;;;cACN,MAAM,kBAAkB;;;+GA2fpD,CAAA"}
+{"version":3,"file":"menu-bar.d.ts","sourceRoot":"","sources":["../../../../src/feature/fixed-toolbar/menu-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAchD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAsDjD,eAAO,MAAM,OAAO;;cAEO,MAAM,GAAG;;;;cACN,MAAM,kBAAkB;;;;;cAD3B,MAAM,GAAG;;;;cACN,MAAM,kBAAkB;;;+GAkgBpD,CAAA"}

package/lib/types/feature/toolbar/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../src/feature/toolbar/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAgBhD,OAAO,EACL,KAAK,SAAS,EAGf,MAAM,+BAA+B,CAAA;AAUtC,OAAO,EAEL,KAAK,GAAG,EACR,KAAK,UAAU,EAQhB,MAAM,KAAK,CAAA;AAEZ,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,GAAG,CAAA;AAmG7C,KAAK,YAAY,GAAG;IAClB,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAClB,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAeD,eAAO,MAAM,OAAO,0WA2+ElB,CAAA"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../src/feature/toolbar/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAgBhD,OAAO,EACL,KAAK,SAAS,EAGf,MAAM,+BAA+B,CAAA;AAUtC,OAAO,EAEL,KAAK,GAAG,EACR,KAAK,UAAU,EAQhB,MAAM,KAAK,CAAA;AAEZ,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,GAAG,CAAA;AAmG7C,KAAK,YAAY,GAAG;IAClB,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAClB,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAeD,eAAO,MAAM,OAAO,0WA++ElB,CAAA"}

package/lib/types/icons/export.d.ts

@@ -0,0 +1,2 @@
+export declare const exportIcon = "\n<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" width=\"20\" height=\"20\">\n  <path d=\"M452.288 725.12L246.016 537.6c-4.928-4.48-10.432-8.832-14.72-13.696-20.8-23.232-21.312-42.944-2.304-59.52 17.664-15.36 43.392-14.976 65.536 4.48 49.088 43.328 32.256 27.712 80.512 71.744l69.376 63.36 11.968 10.688v-173.44c0-33.92-0.128-80.96-0.32-128.448-0.192-51.52-0.32-103.616-0.32-140.16L455.68 163.84a183.04 183.04 0 0 1 0.704-24.896c3.52-29.248 19.328-43.712 45.248-42.88 25.344 0.768 41.088 15.872 42.688 45.504 1.28 22.848 1.024 45.888 0.768 68.864l-0.128 27.136c0 50.048 0.128 112.832 0.256 176.384 0.192 71.552 0.384 144.192 0.32 200.704 74.432-68.224 131.968-119.68 162.688-147.584 7.424-6.72 14.912-14.272 24-18.304 18.688-8.448 37.76-7.808 52.8 7.36 14.72 14.72 16.384 31.36 3.968 48.192-3.84 5.248-8.64 10.112-13.44 14.656-45.76 41.92-189.76 173.248-236.16 214.464a62.336 62.336 0 0 1-8.064 6.016 43.712 43.712 0 0 1-15.872 9.792c-20.544 7.104-37.504-0.512-51.968-13.952l-11.2-10.24z m430.784-37.248c24-0.576 42.176 13.44 43.328 39.04 1.728 38.208 2.944 76.992-1.088 115.136-5.312 50.752-51.52 84.16-114.752 85.312-50.112 0.832-100.224 0.64-150.4 0.512l-64.832-0.128H422.272a26252.8 26252.8 0 0 1-194.432-0.192c-90.624-0.512-130.752-37.696-131.392-120.64l-0.192-17.408c-0.32-19.84-0.576-39.68 0.768-59.392 1.92-27.904 20.48-43.648 45.76-42.368 23.488 1.152 37.312 15.296 40.064 42.368 0.896 9.152 0.832 18.432 0.704 27.648l-0.064 10.816c0.384 71.744 7.36 78.208 88.128 78.272 117.248 0.128 234.432 0.128 351.68 0l43.968 0.192c36.096 0.064 72.192 0.192 108.288-0.448 52.672-0.96 64-12.096 65.152-60.288a494.464 494.464 0 0 0 0-21.76 365.632 365.632 0 0 1 0.704-35.84c2.24-26.048 17.92-40.32 41.664-40.832z\" fill=\"currentColor\"></path>\n</svg>\n";
+//# sourceMappingURL=export.d.ts.map

package/lib/types/icons/export.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"export.d.ts","sourceRoot":"","sources":["../../../src/icons/export.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,2tDAItB,CAAA"}

package/lib/types/icons/import.d.ts

@@ -0,0 +1,2 @@
+export declare const importIcon = "\n<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" width=\"20\" height=\"20\">\n  <path d=\"M838.656 594.432a41.152 41.152 0 0 0-40.768 41.472v176.128c0 0.384-0.384 0.96-1.216 0.96H210.688c-0.768 0-1.216-0.576-1.216-0.96V275.968c0-0.384 0.448-0.96 1.216-0.96h143.616a41.088 41.088 0 0 0 41.28-41.472A41.088 41.088 0 0 0 354.304 192H210.688C165.12 192 128 229.76 128 275.968v536.064C128 858.368 165.12 896 210.688 896h585.984c45.632 0 82.688-37.632 82.688-83.968V635.904a41.152 41.152 0 0 0-40.704-41.472z\" fill=\"currentColor\"></path>\n  <path d=\"M895.744 229.056a40.896 40.896 0 0 0-44.864-36.8c-4.032 0.448-99.456 11.52-200.576 68.352-106.24 59.776-179.2 147.648-214.656 257.28l-44.672-131.584a40.576 40.576 0 0 0-51.84-25.792 41.664 41.664 0 0 0-25.152 52.928l80.064 235.968a40.576 40.576 0 0 0 51.84 25.6l0.512-0.128 232.192-85.312a41.728 41.728 0 0 0 24-52.928 40.576 40.576 0 0 0-51.648-25.152l-144 52.928c26.048-99.2 86.464-176.256 180.416-229.76a508.672 508.672 0 0 1 172.416-59.904c22.336-2.56 38.4-22.976 35.968-45.696z\" fill=\"currentColor\"></path>\n</svg>\n";
+//# sourceMappingURL=import.d.ts.map

package/lib/types/icons/import.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"import.d.ts","sourceRoot":"","sources":["../../../src/icons/import.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,qjCAKtB,CAAA"}

package/lib/types/icons/index.d.ts

@@ -53,4 +53,8 @@ export * from './word-wrap';
 export * from './crop';
 export * from './border';
 export * from './format-painter';
+export * from './undo';
+export * from './redo';
+export * from './export';
+export * from './import';
 //# sourceMappingURL=index.d.ts.map

package/lib/types/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,qBAAqB,CAAA;AACnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,MAAM,CAAA;AACpB,cAAc,MAAM,CAAA;AACpB,cAAc,MAAM,CAAA;AACpB,cAAc,MAAM,CAAA;AACpB,cAAc,MAAM,CAAA;AACpB,cAAc,MAAM,CAAA;AACpB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,qBAAqB,CAAA;AACnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,MAAM,CAAA;AACpB,cAAc,MAAM,CAAA;AACpB,cAAc,MAAM,CAAA;AACpB,cAAc,MAAM,CAAA;AACpB,cAAc,MAAM,CAAA;AACpB,cAAc,MAAM,CAAA;AACpB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA"}

package/lib/types/icons/redo.d.ts

@@ -0,0 +1,2 @@
+export declare const redoIcon = "\n<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" width=\"20\" height=\"20\">\n  <path d=\"M755.584 183.168a42.688 42.688 0 0 0-60.352 60.352l97.856 97.792H341.44a256 256 0 0 0 0 512h213.312a42.688 42.688 0 0 0 0-85.312H341.44a170.688 170.688 0 0 1 0-341.312h451.648l-97.856 97.856a42.688 42.688 0 0 0 60.352 60.288l170.048-170.048a42.56 42.56 0 0 0 0-61.568l-170.048-170.048z\" fill=\"currentColor\"></path>\n</svg>\n";
+//# sourceMappingURL=redo.d.ts.map

package/lib/types/icons/redo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"redo.d.ts","sourceRoot":"","sources":["../../../src/icons/redo.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,saAIpB,CAAA"}

package/lib/types/icons/undo.d.ts

@@ -0,0 +1,2 @@
+export declare const undoIcon = "\n<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" width=\"20\" height=\"20\">\n  <path d=\"M328.768 243.52a42.688 42.688 0 0 0-60.352-60.352L97.92 353.664A43.008 43.008 0 0 0 85.248 384a42.56 42.56 0 0 0 12.48 30.208l170.688 170.624a42.688 42.688 0 1 0 60.352-60.288l-97.92-97.92h451.712a170.688 170.688 0 1 1 0 341.376H469.248a42.688 42.688 0 1 0 0 85.312h213.312a256 256 0 1 0 0-512H230.912l97.856-97.792z\" fill=\"currentColor\"></path>\n</svg>\n";
+//# sourceMappingURL=undo.d.ts.map

package/lib/types/icons/undo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"undo.d.ts","sourceRoot":"","sources":["../../../src/icons/undo.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,qcAIpB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jvs-milkdown/crepe",
-  "version": "1.2.17",
+  "version": "1.2.18",
   "keywords": [
     "crepe",
     "editor",
@@ -107,9 +107,9 @@
     "@codemirror/theme-one-dark": "^6.1.2",
     "@codemirror/view": "^6.26.0",
     "@floating-ui/dom": "^1.7.6",
-    "@jvs-milkdown/kit": "^1.2.17",
-    "@jvs-milkdown/prose": "^1.2.17",
-    "@jvs-milkdown/utils": "^1.2.17",
+    "@jvs-milkdown/kit": "^1.2.18",
+    "@jvs-milkdown/prose": "^1.2.18",
+    "@jvs-milkdown/utils": "^1.2.18",
     "@types/lodash-es": "^4.17.12",
     "clsx": "^2.0.0",
     "codemirror": "^6.0.1",

package/src/core/crepe.ts

@@ -1,3 +1,4 @@
+import { getHTML } from '@jvs-milkdown/utils'
 import { defaultsDeep } from 'lodash-es'
 
 import type { CrepeFeatureConfig } from '../feature'
@@ -24,14 +25,29 @@ export class Crepe extends CrepeBuilder {
   /// The constructor of the crepe editor.
   /// You can pass configs to the editor to configure the editor.
   /// Calling the constructor will not create the editor, you need to call `create` to create the editor.
-  constructor({
-    features = {},
-    featureConfigs = {},
-    ...crepeBuilderConfig
-  }: CrepeConfig = {}) {
-    super(crepeBuilderConfig)
-
+  constructor(config: CrepeConfig = {}) {
+    const { features = {}, featureConfigs = {}, ...crepeBuilderConfig } = config
     const finalConfigs = defaultsDeep(featureConfigs, defaultConfig)
+    const fixedToolbarConfig = finalConfigs[CrepeFeature.FixedToolbar]
+    if (fixedToolbarConfig?.useLocalStorage) {
+      try {
+        const stored = localStorage.getItem('jvs-milkdown-data')
+        if (stored) {
+          const parsed = JSON.parse(stored)
+          const docId = fixedToolbarConfig.id || 'default'
+          if (parsed.content && parsed.content[docId] !== undefined) {
+            const entry = parsed.content[docId]
+            const defaultValue =
+              typeof entry === 'string' ? entry : (entry?.markdown ?? '')
+            crepeBuilderConfig.defaultValue = defaultValue
+          }
+        }
+      } catch (e) {
+        console.error('Error loading content from localStorage:', e)
+      }
+    }
+
+    super(crepeBuilderConfig)
 
     const enabledFeatures = Object.entries({
       ...defaultFeatures,
@@ -46,5 +62,42 @@ export class Crepe extends CrepeBuilder {
       ]
       loadFeature(feature, this.editor, config)
     })
+
+    if (fixedToolbarConfig?.useLocalStorage) {
+      this.on((listener) => {
+        listener.markdownUpdated((_, markdown) => {
+          try {
+            const stored = localStorage.getItem('jvs-milkdown-data')
+            let parsed: any = {}
+            if (stored) {
+              parsed = JSON.parse(stored)
+            }
+            if (!parsed.content) {
+              parsed.content = {}
+            }
+            const html = this.editor.action(getHTML())
+            const docId = fixedToolbarConfig.id || 'default'
+
+            const currentEntry = parsed.content[docId]
+            const hasChanged =
+              !currentEntry ||
+              (typeof currentEntry === 'string' && currentEntry !== markdown) ||
+              (typeof currentEntry === 'object' &&
+                (currentEntry.markdown !== markdown ||
+                  currentEntry.html !== html))
+
+            if (hasChanged) {
+              parsed.content[docId] = {
+                markdown,
+                html,
+              }
+              localStorage.setItem('jvs-milkdown-data', JSON.stringify(parsed))
+            }
+          } catch (e) {
+            console.error('Error saving content to localStorage:', e)
+          }
+        })
+      })
+    }
   }
 }

package/src/core/locale.ts

@@ -134,6 +134,8 @@ export const zhCN = {
   'customMenu.colorPurple': '紫色',
   'customMenu.colorGray': '灰色',
   'customMenu.insertTable': '插入支持富文本的表格',
+  'customMenu.export': '导出',
+  'customMenu.import': '导入',
 
   'customMenu.fontDefault': '默认',
   'font.fangSong': '仿宋',
@@ -298,6 +300,8 @@ export const enUS: typeof zhCN = {
   'customMenu.colorPurple': 'Purple',
   'customMenu.colorGray': 'Gray',
   'customMenu.insertTable': 'Insert Table',
+  'customMenu.export': 'Export',
+  'customMenu.import': 'Import',
 
   'customMenu.fontDefault': 'Default',
   'font.fangSong': 'FangSong',

package/src/feature/fixed-toolbar/component.tsx

@@ -2,13 +2,24 @@ import type { Ctx } from '@jvs-milkdown/kit/ctx'
 import type { Selection } from '@jvs-milkdown/kit/prose/state'
 
 import { Icon } from '@jvs-milkdown/kit/component'
+import { commandsCtx, editorViewCtx } from '@jvs-milkdown/kit/core'
+import { getMarkdown } from '@jvs-milkdown/kit/utils'
+import { replaceAll } from '@jvs-milkdown/utils'
 // @ts-ignore
-import { defineComponent, type ShallowRef, type Ref, ref, h } from 'vue'
+import {
+  defineComponent,
+  type ShallowRef,
+  type Ref,
+  ref,
+  h,
+  onMounted,
+  onUnmounted,
+} from 'vue'
 
 import type { FixedToolbarFeatureConfig } from '.'
 
 import { i18n } from '../../core/locale'
-import { keyboardIcon } from '../../icons'
+import { undoIcon, redoIcon } from '../../icons'
 import { Toolbar } from '../toolbar/component'
 import { MenuBar } from './menu-bar'
 import { ShortcutHelpModal } from './shortcut-help-modal'
@@ -19,6 +30,8 @@ type FixedToolbarProps = {
   show: Ref<boolean>
   selection: ShallowRef<Selection>
   config?: FixedToolbarFeatureConfig
+  canUndo: Ref<boolean>
+  canRedo: Ref<boolean>
 }
 
 export const FixedToolbarComponent = defineComponent<FixedToolbarProps>({
@@ -28,62 +41,153 @@ export const FixedToolbarComponent = defineComponent<FixedToolbarProps>({
     show: { type: Object, required: true },
     selection: { type: Object, required: true },
     config: { type: Object, required: false },
+    canUndo: { type: Object, required: true },
+    canRedo: { type: Object, required: true },
   },
   setup(props: any) {
     const showShortcuts = ref(false)
 
-    return () => (
-      <div
-        style={{
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center',
-          width: '100%',
-          gap: '0px',
-        }}
-      >
-        <MenuBar ctx={props.ctx} config={props.config} />
-        <div
-          style={{
-            width: '1px',
-            minWidth: '1px',
-            height: '20px',
-            backgroundColor:
-              'var(--crepe-color-outline-variant, color-mix(in srgb, var(--crepe-color-outline), transparent 80%))',
-          }}
-        />
-        <Toolbar
-          ctx={props.ctx}
-          hide={props.hide}
-          show={props.show}
-          selection={props.selection}
-          config={props.config as any}
-          isFixed={true}
-        />
+    onMounted(() => {
+      const handleShowShortcuts = () => {
+        showShortcuts.value = true
+      }
+      window.addEventListener('milkdown-show-shortcuts', handleShowShortcuts)
+      onUnmounted(() => {
+        window.removeEventListener(
+          'milkdown-show-shortcuts',
+          handleShowShortcuts
+        )
+      })
+    })
+
+    return () => {
+      // Access selection.value to register reactivity dependency for Vue on editor transactions
+      const _selection = props.selection.value
+      void _selection
+
+      const canUndo =
+        (typeof props.canUndo === 'boolean'
+          ? props.canUndo
+          : props.canUndo?.value) || false
+      const canRedo =
+        (typeof props.canRedo === 'boolean'
+          ? props.canRedo
+          : props.canRedo?.value) || false
+
+      return (
         <div
           style={{
-            width: '1px',
-            minWidth: '1px',
-            height: '20px',
-            flexShrink: 0,
-            backgroundColor:
-              'var(--crepe-color-outline-variant, color-mix(in srgb, var(--crepe-color-outline), transparent 80%))',
-          }}
-        />
-        <button
-          type="button"
-          class="toolbar-shortcut-btn"
-          title={i18n(props.ctx, 'shortcuts.title')}
-          onClick={() => {
-            showShortcuts.value = true
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            width: '100%',
+            gap: '0px',
           }}
         >
-          <Icon icon={keyboardIcon} />
-        </button>
-        {showShortcuts.value && (
-          <ShortcutHelpModal ctx={props.ctx} visible={showShortcuts} />
-        )}
-      </div>
-    )
+          {props.config?.showMenuBar !== false && [
+            <MenuBar ctx={props.ctx} config={props.config} />,
+            <div
+              style={{
+                width: '1px',
+                minWidth: '1px',
+                height: '20px',
+                backgroundColor:
+                  'var(--crepe-color-outline-variant, color-mix(in srgb, var(--crepe-color-outline), transparent 80%))',
+              }}
+            />,
+          ]}
+          {props.config?.showHistory !== false && [
+            <button
+              type="button"
+              class={['toolbar-item', !canUndo && 'disabled']}
+              disabled={!canUndo}
+              title="撤销"
+              onPointerdown={(e: PointerEvent) => {
+                e.preventDefault()
+                e.stopPropagation()
+              }}
+              onClick={(e: MouseEvent) => {
+                e.preventDefault()
+                e.stopPropagation()
+                if (canUndo) {
+                  props.ctx.get(commandsCtx).call('Undo')
+                }
+              }}
+              style={{
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                border: 'none',
+                background: 'transparent',
+                cursor: canUndo ? 'pointer' : 'default',
+                padding: '6px',
+                borderRadius: '4px',
+                color: canUndo ? '#363b4c' : '#c0c4cc',
+                '--toolbar-icon-color': canUndo ? '#363b4c' : '#c0c4cc',
+              }}
+            >
+              <span
+                style={{ display: 'inline-flex', alignItems: 'center' }}
+                innerHTML={undoIcon}
+              />
+            </button>,
+            <button
+              type="button"
+              class={['toolbar-item', !canRedo && 'disabled']}
+              disabled={!canRedo}
+              title="恢复"
+              onPointerdown={(e: PointerEvent) => {
+                e.preventDefault()
+                e.stopPropagation()
+              }}
+              onClick={(e: MouseEvent) => {
+                e.preventDefault()
+                e.stopPropagation()
+                if (canRedo) {
+                  props.ctx.get(commandsCtx).call('Redo')
+                }
+              }}
+              style={{
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                border: 'none',
+                background: 'transparent',
+                cursor: canRedo ? 'pointer' : 'default',
+                padding: '6px',
+                borderRadius: '4px',
+                color: canRedo ? '#363b4c' : '#c0c4cc',
+                '--toolbar-icon-color': canRedo ? '#363b4c' : '#c0c4cc',
+              }}
+            >
+              <span
+                style={{ display: 'inline-flex', alignItems: 'center' }}
+                innerHTML={redoIcon}
+              />
+            </button>,
+            <div
+              style={{
+                width: '1px',
+                minWidth: '1px',
+                height: '20px',
+                backgroundColor:
+                  'var(--crepe-color-outline-variant, color-mix(in srgb, var(--crepe-color-outline), transparent 80%))',
+              }}
+            />,
+          ]}
+          <Toolbar
+            ctx={props.ctx}
+            hide={props.hide}
+            show={props.show}
+            selection={props.selection}
+            config={props.config as any}
+            isFixed={true}
+          />
+          {showShortcuts.value && (
+            <ShortcutHelpModal ctx={props.ctx} visible={showShortcuts} />
+          )}
+        </div>
+      )
+    }
   },
 })

package/src/feature/fixed-toolbar/config.ts

@@ -29,6 +29,8 @@ import { createTable } from '@jvs-milkdown/kit/preset/gfm'
 import { findNodeInSelection } from '@jvs-milkdown/kit/prose'
 import { lift } from '@jvs-milkdown/kit/prose/commands'
 import { wrapInList } from '@jvs-milkdown/kit/prose/schema-list'
+import { getMarkdown } from '@jvs-milkdown/kit/utils'
+import { replaceAll } from '@jvs-milkdown/utils'
 
 import type { GroupBuilder } from '../../utils'
 import type { ToolbarItem } from '../toolbar/config'
@@ -50,6 +52,9 @@ import {
   highLineCodeIcon,
   linCodeIcon,
   linkIcon,
+  exportIcon,
+  importIcon,
+  keyboardIcon,
 } from '../../icons'
 import { attachmentSchema } from '../attachment/schema'
 import { CrepeFeature } from '../index'
@@ -472,7 +477,6 @@ export function buildDefaultFixedToolbar(
       },
     })
 
-
   if (isAttachmentEnabled) {
     blockGroup.addItem('attachment', {
       label: ctx ? i18n(ctx, 'menu.item.attachment') : 'Video or File',
@@ -532,7 +536,6 @@ export function buildDefaultFixedToolbar(
     },
   })
 
-
   if (isLatexEnabled) {
     blockGroup.addItem('math-block', {
       label: ctx ? i18n(ctx, 'menu.item.math') : 'Math Block',
@@ -552,5 +555,70 @@ export function buildDefaultFixedToolbar(
     })
   }
 
+  const documentGroup = builder.addGroup('document', 'Document')
+
+  if (_config?.showExport !== false) {
+    documentGroup.addItem('export', {
+      label: ctx ? i18n(ctx, 'customMenu.export' as any) || '导出' : '导出',
+      icon: exportIcon,
+      active: () => false,
+      onRun: (ctx) => {
+        const markdown = getMarkdown()(ctx)
+        if (_config?.onExport) {
+          _config.onExport(markdown, ctx)
+        } else {
+          const blob = new Blob([markdown], {
+            type: 'text/markdown;charset=utf-8;',
+          })
+          const url = URL.createObjectURL(blob)
+          const link = document.createElement('a')
+          link.href = url
+          link.download = 'document.md'
+          link.click()
+          URL.revokeObjectURL(url)
+        }
+      },
+    })
+  }
+
+  if (_config?.showImport !== false) {
+    documentGroup.addItem('import', {
+      label: ctx ? i18n(ctx, 'customMenu.import' as any) || '导入' : '导入',
+      icon: importIcon,
+      active: () => false,
+      onRun: (ctx) => {
+        if (_config?.onImport) {
+          _config.onImport((markdown) => replaceAll(markdown)(ctx), ctx)
+        } else {
+          const input = document.createElement('input')
+          input.type = 'file'
+          input.accept = '.md'
+          input.onchange = (e) => {
+            const file = (e.target as HTMLInputElement).files?.[0]
+            if (!file) return
+            file
+              .text()
+              .then((text) => {
+                replaceAll(text)(ctx)
+              })
+              .catch((err) => {
+                console.error('Failed to read file:', err)
+              })
+          }
+          input.click()
+        }
+      },
+    })
+  }
+
+  documentGroup.addItem('shortcuts', {
+    label: ctx ? i18n(ctx, 'shortcuts.title') : 'Shortcuts',
+    icon: keyboardIcon,
+    active: () => false,
+    onRun: () => {
+      window.dispatchEvent(new CustomEvent('milkdown-show-shortcuts'))
+    },
+  })
+
   return builder.build()
 }