@jvs-milkdown/crepe 1.2.22 → 1.2.24

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

@@ -4,6 +4,7 @@ import type { CrepeFeatureConfig } from '../feature';
 import type { DefineFeature } from '../feature/shared';
 import { CrepeFeature } from '../feature';
 import { type CrepeTranslations } from './locale';
+import { type ViewMenuState } from '../feature/fixed-toolbar/view-menu-state';
 export interface CrepeBuilderConfig {
     root?: Node | string | null;
     defaultValue?: DefaultValue;
@@ -26,5 +27,9 @@ export declare class CrepeBuilder {
     showDiff: (oldMarkdown: string, newMarkdown: string) => this;
     hideDiff: () => this;
     on: (fn: (api: ListenerManager) => void) => this;
+    get outlineVisible(): boolean;
+    setOutlineVisible: (visible: boolean) => this;
+    getViewMenuState: () => any;
+    setViewMenuState: (state: Partial<ViewMenuState>) => this;
 }
 //# sourceMappingURL=builder.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"builder.d.ts","sourceRoot":"","sources":["../../../src/core/builder.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,YAAY,EAEjB,MAAM,EAKP,MAAM,wBAAwB,CAAA;AAI/B,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,mCAAmC,CAAA;AAO1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAGzC,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAU7D,MAAM,WAAW,kBAAkB;IAIjC,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAG3B,YAAY,CAAC,EAAE,YAAY,CAAA;IAG3B,MAAM,CAAC,EAAE,MAAM,CAAA;IAGf,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAA;CAC1D;AAID,qBAAa,YAAY;;gBAYX,EACV,IAAI,EACJ,YAAiB,EACjB,MAAgB,EAChB,YAAY,GACb,GAAE,kBAAuB;IA0H1B,UAAU,EAAE;QACV,CAAC,CAAC,SAAS,YAAY,EACrB,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,EAC7C,MAAM,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC7B,YAAY,CAAA;QACf,CAAC,CAAC,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,GAAG,YAAY,CAAA;KACzD,CAGA;IAGD,MAAM,wBAEL;IAGD,OAAO,wBAEN;IAGD,IAAI,MAAM,IAAI,MAAM,CAEnB;IAGD,IAAI,QAAQ,YAEX;IAGD,WAAW,GAAI,OAAO,OAAO,UAW5B;IAGD,WAAW,eAEV;IAGD,QAAQ,GAAI,aAAa,MAAM,EAAE,aAAa,MAAM,UAMnD;IAGD,QAAQ,aAMP;IAGD,EAAE,GAAI,IAAI,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,UAavC;CACF"}
+{"version":3,"file":"builder.d.ts","sourceRoot":"","sources":["../../../src/core/builder.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,YAAY,EAEjB,MAAM,EAKP,MAAM,wBAAwB,CAAA;AAI/B,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,mCAAmC,CAAA;AAO1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAGzC,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAQ7D,OAAO,EAAoB,KAAK,aAAa,EAAE,MAAM,0CAA0C,CAAA;AAG/F,MAAM,WAAW,kBAAkB;IAIjC,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAG3B,YAAY,CAAC,EAAE,YAAY,CAAA;IAG3B,MAAM,CAAC,EAAE,MAAM,CAAA;IAGf,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAA;CAC1D;AAID,qBAAa,YAAY;;gBAYX,EACV,IAAI,EACJ,YAAiB,EACjB,MAAgB,EAChB,YAAY,GACb,GAAE,kBAAuB;IA0H1B,UAAU,EAAE;QACV,CAAC,CAAC,SAAS,YAAY,EACrB,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,EAC7C,MAAM,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC7B,YAAY,CAAA;QACf,CAAC,CAAC,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,GAAG,YAAY,CAAA;KACzD,CAGA;IAGD,MAAM,wBAEL;IAGD,OAAO,wBAEN;IAGD,IAAI,MAAM,IAAI,MAAM,CAEnB;IAGD,IAAI,QAAQ,YAEX;IAGD,WAAW,GAAI,OAAO,OAAO,UAW5B;IAGD,WAAW,eAEV;IAGD,QAAQ,GAAI,aAAa,MAAM,EAAE,aAAa,MAAM,UAMnD;IAGD,QAAQ,aAMP;IAGD,EAAE,GAAI,IAAI,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,UAavC;IAGD,IAAI,cAAc,YAejB;IAGD,iBAAiB,GAAI,SAAS,OAAO,UAcpC;IAGD,gBAAgB,YAwBf;IAGD,gBAAgB,GAAI,OAAO,OAAO,CAAC,aAAa,CAAC,UAchD;CACF"}

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,EAEL,KAAK,UAAU,EACf,KAAK,GAAG,EAKT,MAAM,KAAK,CAAA;AAIZ,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,GAAG,CAAA;AAOlD,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,oXA+JhC,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;AAI9D,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,oXA+JhC,CAAA"}

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

@@ -3,6 +3,7 @@ import { PluginKey } from '@jvs-milkdown/kit/prose/state';
 import type { GroupBuilder } from '../../utils';
 import type { DefineFeature } from '../shared';
 import type { ToolbarItem } from '../toolbar/config';
+import { type EditorWidth } from './view-menu-state';
 export interface FixedToolbarConfig {
     boldIcon?: string;
     codeIcon?: string;
@@ -32,6 +33,13 @@ export interface FixedToolbarConfig {
     onImport?: (replaceContent: (markdown: string) => void, ctx: Ctx) => void;
     useLocalStorage?: boolean;
     id?: string;
+    outlineVisible?: boolean;
+    outlineWidth?: number;
+    documentBackground?: string | null;
+    showTitle?: boolean;
+    showCover?: boolean;
+    coverUrl?: string;
+    editorWidth?: EditorWidth;
 }
 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":"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"}
+{"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;AAUpD,OAAO,EAAoC,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAEtF,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;IACX,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B;AAED,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAA;AAEnE,eAAO,MAAM,kBAAkB,0FAG9B,CAAA;AAED,eAAO,MAAM,eAAe,gBAA0C,CAAA;AA+WtE,eAAO,MAAM,kBAAkB,sCAK7B,CAAA;AAEF,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,yBAAyB,CA6BjE,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jvs-milkdown/crepe",
-  "version": "1.2.22",
+  "version": "1.2.24",
   "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.22",
-    "@jvs-milkdown/prose": "^1.2.22",
-    "@jvs-milkdown/utils": "^1.2.22",
+    "@jvs-milkdown/kit": "^1.2.24",
+    "@jvs-milkdown/prose": "^1.2.24",
+    "@jvs-milkdown/utils": "^1.2.24",
     "@types/lodash-es": "^4.17.12",
     "clsx": "^2.0.0",
     "codemirror": "^6.0.1",

package/src/core/builder.ts

@@ -36,6 +36,7 @@ import {
   translationsCtx,
   useCrepeFeatures,
 } from './slice'
+import { viewMenuStateCtx, type ViewMenuState } from '../feature/fixed-toolbar/view-menu-state'
 
 /// The crepe builder configuration.
 export interface CrepeBuilderConfig {
@@ -278,4 +279,83 @@ export class CrepeBuilder {
     })
     return this
   }
+
+  /// Get the visibility of the outline panel.
+  get outlineVisible() {
+    let visible = false
+    this.#editor.action((ctx) => {
+      if (this.#editor.status === EditorStatus.Created) {
+        try {
+          const state = ctx.get(viewMenuStateCtx.key)
+          if (state) {
+            visible = state.outlineVisible
+          }
+        } catch (e) {
+          // Ignore if FixedToolbar feature is not loaded
+        }
+      }
+    })
+    return visible
+  }
+
+  /// Set the visibility of the outline panel.
+  setOutlineVisible = (visible: boolean) => {
+    this.#editor.action((ctx) => {
+      if (this.#editor.status === EditorStatus.Created) {
+        try {
+          const state = ctx.get(viewMenuStateCtx.key)
+          if (state) {
+            state.outlineVisible = visible
+          }
+        } catch (e) {
+          // Ignore if FixedToolbar feature is not loaded
+        }
+      }
+    })
+    return this
+  }
+
+  /// Get the configuration/state of the view menu (outline, background, title, cover, width, etc.)
+  getViewMenuState = () => {
+    let state: any = null
+    this.#editor.action((ctx) => {
+      if (this.#editor.status === EditorStatus.Created) {
+        try {
+          const viewState = ctx.get(viewMenuStateCtx.key)
+          if (viewState) {
+            state = {
+              outlineVisible: viewState.outlineVisible,
+              outlinePosition: viewState.outlinePosition,
+              outlineWidth: viewState.outlineWidth,
+              documentBackground: viewState.documentBackground,
+              showTitle: viewState.showTitle,
+              showCover: viewState.showCover,
+              coverUrl: viewState.coverUrl,
+              editorWidth: viewState.editorWidth,
+            }
+          }
+        } catch (e) {
+          // Ignore if FixedToolbar feature is not loaded
+        }
+      }
+    })
+    return state
+  }
+
+  /// Update/set the state of the view menu
+  setViewMenuState = (state: Partial<ViewMenuState>) => {
+    this.#editor.action((ctx) => {
+      if (this.#editor.status === EditorStatus.Created) {
+        try {
+          const viewState = ctx.get(viewMenuStateCtx.key)
+          if (viewState) {
+            Object.assign(viewState, state)
+          }
+        } catch (e) {
+          // Ignore if FixedToolbar feature is not loaded
+        }
+      }
+    })
+    return this
+  }
 }

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

@@ -13,11 +13,10 @@ import {
   h,
 } from 'vue'
 
-import { keepAlive } from '../../utils/keep-alive'
-
 import type { FixedToolbarFeatureConfig } from '.'
 
 import { undoIcon, redoIcon } from '../../icons'
+import { keepAlive } from '../../utils/keep-alive'
 import { Toolbar } from '../toolbar/component'
 import { MenuBar } from './menu-bar'
 import { ShortcutHelpModal } from './shortcut-help-modal'

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

@@ -29,7 +29,7 @@ import { FixedToolbarComponent } from './component'
 import { buildDefaultFixedToolbar } from './config'
 import { DocumentHeader } from './document-header'
 import { OutlinePanel } from './outline-panel'
-import { viewMenuStateCtx, editorWidthMap } from './view-menu-state'
+import { viewMenuStateCtx, editorWidthMap, type EditorWidth } from './view-menu-state'
 
 export interface FixedToolbarConfig {
   boldIcon?: string
@@ -60,6 +60,13 @@ export interface FixedToolbarConfig {
   onImport?: (replaceContent: (markdown: string) => void, ctx: Ctx) => void
   useLocalStorage?: boolean
   id?: string
+  outlineVisible?: boolean
+  outlineWidth?: number
+  documentBackground?: string | null
+  showTitle?: boolean
+  showCover?: boolean
+  coverUrl?: string
+  editorWidth?: EditorWidth
 }
 
 export type FixedToolbarFeatureConfig = Partial<FixedToolbarConfig>
@@ -95,6 +102,15 @@ class FixedToolbarView implements PluginView {
     const config = ctx.get(fixedToolbarConfig.key)
     const viewState = ctx.get(viewMenuStateCtx.key)
 
+    if (config?.outlineVisible !== undefined) viewState.outlineVisible = config.outlineVisible
+    if (config?.outlinePosition !== undefined) viewState.outlinePosition = config.outlinePosition
+    if (config?.outlineWidth !== undefined) viewState.outlineWidth = config.outlineWidth
+    if (config?.documentBackground !== undefined) viewState.documentBackground = config.documentBackground
+    if (config?.showTitle !== undefined) viewState.showTitle = config.showTitle
+    if (config?.showCover !== undefined) viewState.showCover = config.showCover
+    if (config?.coverUrl !== undefined) viewState.coverUrl = config.coverUrl
+    if (config?.editorWidth !== undefined) viewState.editorWidth = config.editorWidth
+
     // Load initial view menu state from localStorage if useLocalStorage is enabled
     if (config?.useLocalStorage) {
       try {

package/src/feature/fixed-toolbar/outline-panel.tsx

@@ -5,8 +5,8 @@ import { editorViewCtx } from '@jvs-milkdown/kit/core'
 import { defineComponent, onMounted, onUnmounted, ref, computed, h } from 'vue'
 
 import { i18n } from '../../core/locale'
-import { viewMenuStateCtx } from './view-menu-state'
 import { keepAlive } from '../../utils/keep-alive'
+import { viewMenuStateCtx } from './view-menu-state'
 
 keepAlive(h)