@jvs-milkdown/crepe 1.2.28 → 1.2.30

package/lib/types/feature/code-mirror/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/feature/code-mirror/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAIlD,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,wCAAwC,CAAA;AAG/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAe9C,UAAU,gBAAiB,SAAQ,eAAe;IAChD,KAAK,EAAE,SAAS,CAAA;IAChB,iBAAiB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,MAAM,CAAA;IACvD,iBAAiB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,MAAM,CAAA;CACxD;AAED,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAA;AAE/D,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,uBAAuB,CA+H7D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/feature/code-mirror/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAIlD,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,wCAAwC,CAAA;AAG/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAe9C,UAAU,gBAAiB,SAAQ,eAAe;IAChD,KAAK,EAAE,SAAS,CAAA;IAChB,iBAAiB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,MAAM,CAAA;IACvD,iBAAiB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,MAAM,CAAA;CACxD;AAED,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAA;AAE/D,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,uBAAuB,CAoI7D,CAAA"}

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

@@ -1,12 +1,12 @@
 import type { Ctx } from '@jvs-milkdown/kit/ctx';
-import type { Selection } from '@jvs-milkdown/kit/prose/state';
+import type { EditorState } from '@jvs-milkdown/kit/prose/state';
 import { type ShallowRef, type Ref } from 'vue';
 import type { FixedToolbarFeatureConfig } from '.';
 type FixedToolbarProps = {
     ctx: Ctx;
     hide: () => void;
     show: Ref<boolean>;
-    selection: ShallowRef<Selection>;
+    state: ShallowRef<EditorState>;
     config?: FixedToolbarFeatureConfig;
     canUndo: Ref<boolean>;
     canRedo: Ref<boolean>;

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;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"}
+{"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,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAIhE,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,GAAG,EAKT,MAAM,KAAK,CAAA;AAEZ,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,GAAG,CAAA;AAalD,KAAK,iBAAiB,GAAG;IACvB,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAClB,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,CAAA;IAC9B,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,oXAuPhC,CAAA"}

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

@@ -42,6 +42,8 @@ export interface FixedToolbarConfig {
     showCover?: boolean;
     coverUrl?: string;
     editorWidth?: EditorWidth;
+    showFloatingToolbar?: boolean;
+    fixedToolbarVisible?: boolean;
 }
 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;AAUpD,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAA;AAE1B,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,WAAW,CAAC,EAAE,CAAC,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC,EAAE,CAAA;IAC7C,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,WAAW,CAAC,EAAE,CAAC,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC,EAAE,CAAA;IAC7C,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;AAoXtE,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,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAA;AAE1B,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,WAAW,CAAC,EAAE,CAAC,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC,EAAE,CAAA;IAC7C,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,WAAW,CAAC,EAAE,CAAC,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC,EAAE,CAAA;IAC7C,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;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAED,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAA;AAEnE,eAAO,MAAM,kBAAkB,0FAG9B,CAAA;AAED,eAAO,MAAM,eAAe,gBAA0C,CAAA;AAoYtE,eAAO,MAAM,kBAAkB,sCAK7B,CAAA;AAEF,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,yBAAyB,CA+BjE,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"outline-panel.d.ts","sourceRoot":"","sources":["../../../../src/feature/fixed-toolbar/outline-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAmBhD,eAAO,MAAM,YAAY;;cAEE,MAAM,GAAG;;;;;cAAT,MAAM,GAAG;;;+GA0oBlC,CAAA"}
+{"version":3,"file":"outline-panel.d.ts","sourceRoot":"","sources":["../../../../src/feature/fixed-toolbar/outline-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAmBhD,eAAO,MAAM,YAAY;;cAEE,MAAM,GAAG;;;;;cAAT,MAAM,GAAG;;;+GAyoBlC,CAAA"}

package/lib/types/feature/fixed-toolbar/view-menu-state.d.ts

@@ -9,6 +9,7 @@ export interface ViewMenuState {
     showCover: boolean;
     coverUrl: string;
     editorWidth: EditorWidth;
+    fixedToolbarVisible: boolean;
 }
 export declare const editorWidthMap: Record<EditorWidth, string>;
 export declare const createViewMenuState: () => {
@@ -20,6 +21,7 @@ export declare const createViewMenuState: () => {
     showCover: boolean;
     coverUrl: string;
     editorWidth: EditorWidth;
+    fixedToolbarVisible: boolean;
 };
 export declare const viewMenuStateCtx: import("@jvs-milkdown/utils").$Ctx<{
     outlineVisible: boolean;
@@ -30,5 +32,6 @@ export declare const viewMenuStateCtx: import("@jvs-milkdown/utils").$Ctx<{
     showCover: boolean;
     coverUrl: string;
     editorWidth: EditorWidth;
+    fixedToolbarVisible: boolean;
 }, "viewMenuStateCtx">;
 //# sourceMappingURL=view-menu-state.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"view-menu-state.d.ts","sourceRoot":"","sources":["../../../../src/feature/fixed-toolbar/view-menu-state.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,CAAA;AAC9C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;AAErD,MAAM,WAAW,aAAa;IAC5B,cAAc,EAAE,OAAO,CAAA;IACvB,eAAe,EAAE,eAAe,CAAA;IAChC,YAAY,EAAE,MAAM,CAAA;IACpB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,WAAW,CAAA;CACzB;AAED,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAItD,CAAA;AAED,eAAO,MAAM,mBAAmB;oBAhBd,OAAO;qBACN,eAAe;kBAClB,MAAM;wBACA,MAAM,GAAG,IAAI;eACtB,OAAO;eACP,OAAO;cACR,MAAM;iBACH,WAAW;CAmBtB,CAAA;AAIJ,eAAO,MAAM,gBAAgB;oBA9BX,OAAO;qBACN,eAAe;kBAClB,MAAM;wBACA,MAAM,GAAG,IAAI;eACtB,OAAO;eACP,OAAO;cACR,MAAM;iBACH,WAAW;sBAuBqD,CAAA"}
+{"version":3,"file":"view-menu-state.d.ts","sourceRoot":"","sources":["../../../../src/feature/fixed-toolbar/view-menu-state.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,CAAA;AAC9C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;AAErD,MAAM,WAAW,aAAa;IAC5B,cAAc,EAAE,OAAO,CAAA;IACvB,eAAe,EAAE,eAAe,CAAA;IAChC,YAAY,EAAE,MAAM,CAAA;IACpB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,WAAW,CAAA;IACxB,mBAAmB,EAAE,OAAO,CAAA;CAC7B;AAED,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAItD,CAAA;AAED,eAAO,MAAM,mBAAmB;oBAjBd,OAAO;qBACN,eAAe;kBAClB,MAAM;wBACA,MAAM,GAAG,IAAI;eACtB,OAAO;eACP,OAAO;cACR,MAAM;iBACH,WAAW;yBACH,OAAO;CAoB1B,CAAA;AAIJ,eAAO,MAAM,gBAAgB;oBAhCX,OAAO;qBACN,eAAe;kBAClB,MAAM;wBACA,MAAM,GAAG,IAAI;eACtB,OAAO;eACP,OAAO;cACR,MAAM;iBACH,WAAW;yBACH,OAAO;sBAwBiD,CAAA"}

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

@@ -1,12 +1,12 @@
 import type { Ctx } from '@jvs-milkdown/kit/ctx';
-import { type Selection } from '@jvs-milkdown/kit/prose/state';
+import type { EditorState } from '@jvs-milkdown/kit/prose/state';
 import { type Ref, type ShallowRef } from 'vue';
 import type { ToolbarFeatureConfig } from '.';
 type ToolbarProps = {
     ctx: Ctx;
     hide: () => void;
     show: Ref<boolean>;
-    selection: ShallowRef<Selection>;
+    state: ShallowRef<EditorState>;
     config?: ToolbarFeatureConfig;
     isFixed?: boolean;
 };

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,0WA+hFlB,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;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAyBhE,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,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,CAAA;IAC9B,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAeD,eAAO,MAAM,OAAO,0WA+iFlB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/feature/toolbar/index.ts"],"names":[],"mappings":"AAiBA,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,UAAU,CAAA;AAa3C,UAAU,aAAa;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,iBAAiB,EAAE,MAAM,CAAA;IACzB,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;CAC3D;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,aAAa,CAAC,CAAA;AAqIzD,eAAO,MAAM,OAAO,EAAE,aAAa,CAAC,oBAAoB,CA+BvD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/feature/toolbar/index.ts"],"names":[],"mappings":"AAaA,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,UAAU,CAAA;AAa3C,UAAU,aAAa;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,iBAAiB,EAAE,MAAM,CAAA;IACzB,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;CAC3D;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,aAAa,CAAC,CAAA;AAqIzD,eAAO,MAAM,OAAO,EAAE,aAAa,CAAC,oBAAoB,CA+BvD,CAAA"}

package/package.json

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

package/src/feature/code-mirror/index.ts

@@ -66,24 +66,29 @@ export const codeMirror: DefineFeature<CodeMirrorFeatureConfig> = (
         noResultText:
           config.noResultText || i18n(ctx, 'codeMirror.noResultText'),
         renderLanguage: config.renderLanguage || defaultConfig.renderLanguage,
-        renderPreview: config.renderPreview || ((language, content, applyPreview) => {
-          if (language.toLowerCase() === 'mermaid' && content.trim().length > 0) {
-            import('mermaid')
-              .then(({ default: mermaid }) => {
-                mermaid.initialize({
-                  startOnLoad: false,
-                  theme: 'default',
-                  themeVariables: {
-                    fontFamily: '"trebuchet ms", verdana, arial, sans-serif',
-                  },
-                })
+        renderPreview:
+          config.renderPreview ||
+          ((language, content, applyPreview) => {
+            if (
+              language.toLowerCase() === 'mermaid' &&
+              content.trim().length > 0
+            ) {
+              import('mermaid')
+                .then(({ default: mermaid }) => {
+                  mermaid.initialize({
+                    startOnLoad: false,
+                    theme: 'default',
+                    themeVariables: {
+                      fontFamily: '"trebuchet ms", verdana, arial, sans-serif',
+                    },
+                  })
 
-                if (typeof document !== 'undefined') {
-                  const styleId = 'mermaid-global-measurement-styles'
-                  if (!document.getElementById(styleId)) {
-                    const styleEl = document.createElement('style')
-                    styleEl.id = styleId
-                    styleEl.textContent = `
+                  if (typeof document !== 'undefined') {
+                    const styleId = 'mermaid-global-measurement-styles'
+                    if (!document.getElementById(styleId)) {
+                      const styleEl = document.createElement('style')
+                      styleEl.id = styleId
+                      styleEl.textContent = `
                       body,
                       .mermaid,
                       .relationshipLabel,
@@ -107,37 +112,37 @@ export const codeMirror: DefineFeature<CodeMirrorFeatureConfig> = (
                         overflow: visible !important;
                       }
                     `
-                    document.head.appendChild(styleEl)
+                      document.head.appendChild(styleEl)
+                    }
                   }
-                }
 
-                const id = `mermaid-${Math.random().toString(36).substring(2, 9)}`
-                mermaid
-                  .render(id, content)
-                  .then(({ svg }) => {
-                    applyPreview(svg)
-                  })
-                  .catch((e) => {
-                    const errorEl = document.getElementById(`d${id}`)
-                    if (errorEl) {
-                      errorEl.remove()
-                    }
-                    applyPreview(
-                      `<div class="mermaid-error" style="color: red; padding: 10px; font-family: monospace;">${
-                        e instanceof Error ? e.message : String(e)
-                      }</div>`
-                    )
-                  })
-              })
-              .catch((err) => {
-                applyPreview(
-                  `<div class="mermaid-error" style="color: red; padding: 10px; font-family: monospace;">Failed to load mermaid: ${err.message}</div>`
-                )
-              })
-            return
-          }
-          return defaultConfig.renderPreview(language, content, applyPreview)
-        }),
+                  const id = `mermaid-${Math.random().toString(36).substring(2, 9)}`
+                  mermaid
+                    .render(id, content)
+                    .then(({ svg }) => {
+                      applyPreview(svg)
+                    })
+                    .catch((e) => {
+                      const errorEl = document.getElementById(`d${id}`)
+                      if (errorEl) {
+                        errorEl.remove()
+                      }
+                      applyPreview(
+                        `<div class="mermaid-error" style="color: red; padding: 10px; font-family: monospace;">${
+                          e instanceof Error ? e.message : String(e)
+                        }</div>`
+                      )
+                    })
+                })
+                .catch((err) => {
+                  applyPreview(
+                    `<div class="mermaid-error" style="color: red; padding: 10px; font-family: monospace;">Failed to load mermaid: ${err.message}</div>`
+                  )
+                })
+              return
+            }
+            return defaultConfig.renderPreview(language, content, applyPreview)
+          }),
         previewToggleButton: (previewOnlyMode) => {
           const icon =
             config.previewToggleIcon?.(previewOnlyMode) ||

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

@@ -1,5 +1,5 @@
 import type { Ctx } from '@jvs-milkdown/kit/ctx'
-import type { Selection } from '@jvs-milkdown/kit/prose/state'
+import type { EditorState } from '@jvs-milkdown/kit/prose/state'
 
 import { commandsCtx } from '@jvs-milkdown/kit/core'
 // @ts-ignore
@@ -15,17 +15,22 @@ import {
 
 import type { FixedToolbarFeatureConfig } from '.'
 
-import { undoIcon, redoIcon } from '../../icons'
+import { undoIcon, redoIcon, chevronDownIcon } from '../../icons'
 import { keepAlive } from '../../utils/keep-alive'
 import { Toolbar } from '../toolbar/component'
 import { MenuBar } from './menu-bar'
 import { ShortcutHelpModal } from './shortcut-help-modal'
+import {
+  viewMenuStateCtx,
+  editorWidthMap,
+  type EditorWidth,
+} from './view-menu-state'
 
 type FixedToolbarProps = {
   ctx: Ctx
   hide: () => void
   show: Ref<boolean>
-  selection: ShallowRef<Selection>
+  state: ShallowRef<EditorState>
   config?: FixedToolbarFeatureConfig
   canUndo: Ref<boolean>
   canRedo: Ref<boolean>
@@ -36,7 +41,7 @@ export const FixedToolbarComponent = defineComponent<FixedToolbarProps>({
     ctx: { type: Object, required: true },
     hide: { type: Function, required: true },
     show: { type: Object, required: true },
-    selection: { type: Object, required: true },
+    state: { type: Object, required: true },
     config: { type: Object, required: false },
     canUndo: { type: Object, required: true },
     canRedo: { type: Object, required: true },
@@ -59,9 +64,9 @@ export const FixedToolbarComponent = defineComponent<FixedToolbarProps>({
     })
 
     return () => {
-      // Access selection.value to register reactivity dependency for Vue on editor transactions
-      const _selection = props.selection.value
-      void _selection
+      // Access state to register reactivity dependency for Vue on editor transactions
+      const _state = props.state?.value || props.state
+      void _state
 
       const canUndo =
         (typeof props.canUndo === 'boolean'
@@ -72,120 +77,208 @@ export const FixedToolbarComponent = defineComponent<FixedToolbarProps>({
           ? props.canRedo
           : props.canRedo?.value) || false
 
+      const viewState = props.ctx.get(viewMenuStateCtx.key)
+      const maxWidth = editorWidthMap[viewState.editorWidth as EditorWidth]
+      const isFull = maxWidth === 'none'
+
+      if (!viewState.fixedToolbarVisible) {
+        return (
+          <button
+            type="button"
+            class="fixed-toolbar-expand-btn"
+            title="展开工具栏"
+            onClick={(e: MouseEvent) => {
+              e.preventDefault()
+              e.stopPropagation()
+              viewState.fixedToolbarVisible = true
+            }}
+            style={{
+              position: 'absolute',
+              top: '0',
+              right: '32px',
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              width: '32px',
+              height: '24px',
+              border:
+                '1px solid var(--crepe-color-outline-variant, color-mix(in srgb, var(--crepe-color-outline), transparent 85%))',
+              borderTop: 'none',
+              background: 'var(--crepe-color-surface, #ffffff)',
+              cursor: 'pointer',
+              borderRadius: '0 0 6px 6px',
+              boxShadow: '0 4px 8px rgba(0, 0, 0, 0.06)',
+              color: 'var(--crepe-color-on-surface, #363b4c)',
+              pointerEvents: 'auto',
+              zIndex: 200,
+            }}
+          >
+            <span
+              style={{ display: 'inline-flex', alignItems: 'center' }}
+              innerHTML={chevronDownIcon}
+            />
+          </button>
+        )
+      }
+
       return (
         <div
           style={{
+            position: 'relative',
+            width: '100%',
+            height: '100%',
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'center',
-            width: '100%',
-            gap: '0px',
-            minWidth: '0',
-            overflow: 'hidden',
           }}
         >
-          {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')
-                }
-              }}
+          <div
+            style={{
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              width: '100%',
+              maxWidth: isFull ? '100%' : maxWidth,
+              margin: isFull ? '0' : '0 auto',
+              gap: '0px',
+              minWidth: '0',
+              overflow: 'hidden',
+            }}
+          >
+            {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}
+              state={props.state}
+              config={props.config as any}
+              isFixed={true}
+            />
+            {showShortcuts.value && (
+              <ShortcutHelpModal ctx={props.ctx} visible={showShortcuts} />
+            )}
+          </div>
+
+          <button
+            type="button"
+            class="toolbar-item collapse-btn"
+            title="折叠工具栏"
+            onClick={(e: MouseEvent) => {
+              e.preventDefault()
+              e.stopPropagation()
+              viewState.fixedToolbarVisible = false
+            }}
+            style={{
+              position: 'absolute',
+              top: '6px',
+              right: '32px',
+              margin: '0',
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              pointerEvents: 'auto',
+              zIndex: 200,
+            }}
+          >
+            <span
               style={{
-                display: 'flex',
+                display: 'inline-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%))',
+                transform: 'rotate(180deg)',
               }}
-            />,
-          ]}
-          <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} />
-          )}
+              innerHTML={chevronDownIcon}
+            />
+          </button>
         </div>
       )
     }