@milkdown/crepe 7.4.0 → 7.5.1

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

@@ -0,0 +1,2 @@
+export declare const bulletListIcon: any;
+//# sourceMappingURL=bulletList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bulletList.d.ts","sourceRoot":"","sources":["../../../src/icons/bulletList.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,KAW1B,CAAA"}

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

@@ -0,0 +1,2 @@
+export declare const captionIcon: any;
+//# sourceMappingURL=caption.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"caption.d.ts","sourceRoot":"","sources":["../../../src/icons/caption.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,KAIvB,CAAA"}

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

@@ -0,0 +1,2 @@
+export declare const checkBoxCheckedIcon: any;
+//# sourceMappingURL=checkBoxChecked.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkBoxChecked.d.ts","sourceRoot":"","sources":["../../../src/icons/checkBoxChecked.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,KAW/B,CAAA"}

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

@@ -0,0 +1,2 @@
+export declare const checkBoxUncheckedIcon: any;
+//# sourceMappingURL=checkBoxUnchecked.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkBoxUnchecked.d.ts","sourceRoot":"","sources":["../../../src/icons/checkBoxUnchecked.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,KAWjC,CAAA"}

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

@@ -0,0 +1,2 @@
+export declare const chevronDownIcon: any;
+//# sourceMappingURL=chevronDown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chevronDown.d.ts","sourceRoot":"","sources":["../../../src/icons/chevronDown.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,KAI3B,CAAA"}

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

@@ -0,0 +1,2 @@
+export declare const clearIcon: any;
+//# sourceMappingURL=clear.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clear.d.ts","sourceRoot":"","sources":["../../../src/icons/clear.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,KAWrB,CAAA"}

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

@@ -0,0 +1,2 @@
+export declare const codeIcon: any;
+//# sourceMappingURL=code.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const confirmIcon: any;
+//# sourceMappingURL=confirm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"confirm.d.ts","sourceRoot":"","sources":["../../../src/icons/confirm.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,KAWvB,CAAA"}

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

@@ -0,0 +1,2 @@
+export declare const dividerIcon: any;
+//# sourceMappingURL=divider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/icons/divider.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,KAWvB,CAAA"}

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

@@ -0,0 +1,2 @@
+export declare const dragHandleIcon: any;
+//# sourceMappingURL=dragHandle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dragHandle.d.ts","sourceRoot":"","sources":["../../../src/icons/dragHandle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,KAI1B,CAAA"}

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

@@ -0,0 +1,2 @@
+export declare const editIcon: any;
+//# sourceMappingURL=edit.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const h1Icon: any;
+//# sourceMappingURL=h1.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const h2Icon: any;
+//# sourceMappingURL=h2.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const h3Icon: any;
+//# sourceMappingURL=h3.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const h4Icon: any;
+//# sourceMappingURL=h4.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const h5Icon: any;
+//# sourceMappingURL=h5.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const h6Icon: any;
+//# sourceMappingURL=h6.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const imageIcon: any;
+//# sourceMappingURL=image.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/icons/image.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,KAWrB,CAAA"}

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

@@ -0,0 +1,36 @@
+export * from './alignCenter';
+export * from './alignLeft';
+export * from './alignRight';
+export * from './bold';
+export * from './bullet';
+export * from './bulletList';
+export * from './caption';
+export * from './checkBoxChecked';
+export * from './checkBoxUnchecked';
+export * from './chevronDown';
+export * from './clear';
+export * from './code';
+export * from './confirm';
+export * from './divider';
+export * from './dragHandle';
+export * from './edit';
+export * from './h1';
+export * from './h2';
+export * from './h3';
+export * from './h4';
+export * from './h5';
+export * from './h6';
+export * from './image';
+export * from './italic';
+export * from './link';
+export * from './menu';
+export * from './orderedList';
+export * from './plus';
+export * from './quote';
+export * from './remove';
+export * from './search';
+export * from './strikethrough';
+export * from './table';
+export * from './text';
+export * from './todoList';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,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,eAAe,CAAA;AAC7B,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,YAAY,CAAA"}

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

@@ -0,0 +1,2 @@
+export declare const italicIcon: any;
+//# sourceMappingURL=italic.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const linkIcon: any;
+//# sourceMappingURL=link.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const menuIcon: any;
+//# sourceMappingURL=menu.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const orderedListIcon: any;
+//# sourceMappingURL=orderedList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"orderedList.d.ts","sourceRoot":"","sources":["../../../src/icons/orderedList.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,KAW3B,CAAA"}

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

@@ -0,0 +1,2 @@
+export declare const plusIcon: any;
+//# sourceMappingURL=plus.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const quoteIcon: any;
+//# sourceMappingURL=quote.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"quote.d.ts","sourceRoot":"","sources":["../../../src/icons/quote.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,KAWrB,CAAA"}

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

@@ -0,0 +1,2 @@
+export declare const removeIcon: any;
+//# sourceMappingURL=remove.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const searchIcon: any;
+//# sourceMappingURL=search.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const strikethroughIcon: any;
+//# sourceMappingURL=strikethrough.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"strikethrough.d.ts","sourceRoot":"","sources":["../../../src/icons/strikethrough.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,KAI7B,CAAA"}

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

@@ -0,0 +1,2 @@
+export declare const tableIcon: any;
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/icons/table.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,KAWrB,CAAA"}

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

@@ -0,0 +1,2 @@
+export declare const textIcon: any;
+//# sourceMappingURL=text.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const todoListIcon: any;
+//# sourceMappingURL=todoList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"todoList.d.ts","sourceRoot":"","sources":["../../../src/icons/todoList.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,KAIxB,CAAA"}

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

@@ -1,4 +1,4 @@
-import type { Selection } from '@milkdown/prose/state';
+import type { Selection } from '@milkdown/kit/prose/state';
 export declare function isInCodeBlock(selection: Selection): boolean;
 export declare function isInList(selection: Selection): boolean;
 export declare function defIfNotExists(tagName: string, element: CustomElementConstructor): void;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEtD,wBAAgB,aAAa,CAAC,SAAS,EAAE,SAAS,WAGjD;AAED,wBAAgB,QAAQ,CAAC,SAAS,EAAE,SAAS,WAG5C;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,wBAAwB,QAGhF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAE1D,wBAAgB,aAAa,CAAC,SAAS,EAAE,SAAS,WAGjD;AAED,wBAAgB,QAAQ,CAAC,SAAS,EAAE,SAAS,WAG5C;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,wBAAwB,QAGhF"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@milkdown/crepe",
   "type": "module",
-  "version": "7.4.0",
+  "version": "7.5.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -23,7 +23,11 @@
     },
     "./theme/common/*": "./lib/theme/common/*",
     "./theme/classic.css": "./lib/theme/classic/style.css",
-    "./theme/classic-dark.css": "./lib/theme/classic-dark/style.css"
+    "./theme/classic-dark.css": "./lib/theme/classic-dark/style.css",
+    "./theme/nord.css": "./lib/theme/nord/style.css",
+    "./theme/nord-dark.css": "./lib/theme/nord-dark/style.css",
+    "./theme/frame.css": "./lib/theme/frame/style.css",
+    "./theme/frame-dark.css": "./lib/theme/frame-dark/style.css"
   },
   "main": "./lib/esm/index.js",
   "files": [
@@ -44,19 +48,7 @@
     "codemirror": "^6.0.1",
     "nanoid": "^5.0.0",
     "tslib": "^2.5.0",
-    "@milkdown/components": "7.4.0",
-    "@milkdown/core": "7.4.0",
-    "@milkdown/ctx": "7.4.0",
-    "@milkdown/plugin-block": "7.4.0",
-    "@milkdown/plugin-clipboard": "7.4.0",
-    "@milkdown/plugin-cursor": "7.4.0",
-    "@milkdown/plugin-history": "7.4.0",
-    "@milkdown/plugin-indent": "7.4.0",
-    "@milkdown/plugin-slash": "7.4.0",
-    "@milkdown/plugin-tooltip": "7.4.0",
-    "@milkdown/preset-commonmark": "7.4.0",
-    "@milkdown/prose": "7.4.0",
-    "@milkdown/utils": "7.4.0"
+    "@milkdown/kit": "7.5.0"
   },
   "nx": {
     "targets": {
@@ -65,19 +57,13 @@
           "{projectRoot}/lib"
         ],
         "dependsOn": [
-          {
-            "target": "build",
-            "projects": "dependencies"
-          }
+          "build"
         ]
       },
       "tsc": {
         "outputs": [],
         "dependsOn": [
-          {
-            "target": "build",
-            "projects": "dependencies"
-          }
+          "build"
         ]
       }
     }

package/src/core/crepe.ts

@@ -1,13 +1,16 @@
-import type { DefaultValue } from '@milkdown/core'
-import { Editor, defaultValueCtx, editorViewOptionsCtx, rootCtx } from '@milkdown/core'
+import type { DefaultValue } from '@milkdown/kit/core'
+import { Editor, defaultValueCtx, editorViewOptionsCtx, rootCtx } from '@milkdown/kit/core'
 
-import { history } from '@milkdown/plugin-history'
-import { commonmark } from '@milkdown/preset-commonmark'
-import { indent, indentConfig } from '@milkdown/plugin-indent'
-import { clipboard } from '@milkdown/plugin-clipboard'
-import { getMarkdown } from '@milkdown/utils'
-import type { CrepeFeature, CrepeFeatureConfig } from '../feature'
-import { defaultFeatures, loadFeature } from '../feature'
+import { commonmark } from '@milkdown/kit/preset/commonmark'
+import { gfm } from '@milkdown/kit/preset/gfm'
+import { history } from '@milkdown/kit/plugin/history'
+import { indent, indentConfig } from '@milkdown/kit/plugin/indent'
+import { getMarkdown } from '@milkdown/kit/utils'
+import { clipboard } from '@milkdown/kit/plugin/clipboard'
+import { trailing } from '@milkdown/kit/plugin/trailing'
+
+import type { CrepeFeatureConfig } from '../feature'
+import { CrepeFeature, defaultFeatures, loadFeature } from '../feature'
 import { configureFeatures } from './slice'
 
 export interface CrepeConfig {
@@ -18,6 +21,7 @@ export interface CrepeConfig {
 }
 
 export class Crepe {
+  static Feature = CrepeFeature
   readonly #editor: Editor
   readonly #initPromise: Promise<unknown>
   readonly #rootElement: Node
@@ -54,7 +58,9 @@ export class Crepe {
       .use(commonmark)
       .use(history)
       .use(indent)
+      .use(trailing)
       .use(clipboard)
+      .use(gfm)
 
     const promiseList: Promise<unknown>[] = []
 

package/src/core/slice.ts

@@ -1,5 +1,5 @@
-import type { Ctx } from '@milkdown/ctx'
-import { createSlice } from '@milkdown/ctx'
+import type { Ctx } from '@milkdown/kit/ctx'
+import { createSlice } from '@milkdown/kit/ctx'
 import type { CrepeFeature } from '../feature'
 
 export const FeaturesCtx = createSlice([] as CrepeFeature[], 'FeaturesCtx')

package/src/feature/block-edit/handle/component.ts

@@ -1,37 +1,19 @@
 import { type Component, c, html, useEffect, useRef } from 'atomico'
-
-const menuIcon = html`
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <g clip-path="url(#clip0_971_7680)">
-      <path d="M11 18C11 19.1 10.1 20 9 20C7.9 20 7 19.1 7 18C7 16.9 7.9 16 9 16C10.1 16 11 16.9 11 18ZM9 10C7.9 10 7 10.9 7 12C7 13.1 7.9 14 9 14C10.1 14 11 13.1 11 12C11 10.9 10.1 10 9 10ZM9 4C7.9 4 7 4.9 7 6C7 7.1 7.9 8 9 8C10.1 8 11 7.1 11 6C11 4.9 10.1 4 9 4ZM15 8C16.1 8 17 7.1 17 6C17 4.9 16.1 4 15 4C13.9 4 13 4.9 13 6C13 7.1 13.9 8 15 8ZM15 10C13.9 10 13 10.9 13 12C13 13.1 13.9 14 15 14C16.1 14 17 13.1 17 12C17 10.9 16.1 10 15 10ZM15 16C13.9 16 13 16.9 13 18C13 19.1 13.9 20 15 20C16.1 20 17 19.1 17 18C17 16.9 16.1 16 15 16Z" fill="#817567"/>
-    </g>
-    <defs>
-      <clipPath id="clip0_971_7680">
-        <rect width="24" height="24" fill="white"/>
-      </clipPath>
-    </defs>
-  </svg>
-`
-
-const plusIcon = html`
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <g clip-path="url(#clip0_971_7676)">
-      <path d="M18 13H13V18C13 18.55 12.55 19 12 19C11.45 19 11 18.55 11 18V13H6C5.45 13 5 12.55 5 12C5 11.45 5.45 11 6 11H11V6C11 5.45 11.45 5 12 5C12.55 5 13 5.45 13 6V11H18C18.55 11 19 11.45 19 12C19 12.55 18.55 13 18 13Z" fill="#817567"/>
-    </g>
-    <defs>
-      <clipPath id="clip0_971_7676">
-        <rect width="24" height="24" fill="white"/>
-      </clipPath>
-    </defs>
-  </svg>
-`
+import { menuIcon, plusIcon } from '../../../icons'
+import type { Icon } from '../../shared'
 
 export interface BlockHandleProps {
   show: boolean
   onAdd: () => void
+  addIcon: Icon
+  handleIcon: Icon
 }
 
-const blockHandleComponent: Component<BlockHandleProps> = ({ onAdd }) => {
+const blockHandleComponent: Component<BlockHandleProps> = ({
+  onAdd,
+  addIcon,
+  handleIcon,
+}) => {
   const ref = useRef<HTMLDivElement>()
   useEffect(() => {
     ref.current?.classList.remove('active')
@@ -50,10 +32,10 @@ const blockHandleComponent: Component<BlockHandleProps> = ({ onAdd }) => {
   return html`
     <host>
       <div ref=${ref} onmousedown=${onMouseDown} onmouseup=${onMouseUp} class="operation-item">
-        ${plusIcon}
+        ${addIcon?.() || plusIcon}
       </div>
       <div class="operation-item">
-        ${menuIcon}
+        ${handleIcon?.() || menuIcon}
       </div>
     </host>
   `
@@ -62,6 +44,8 @@ const blockHandleComponent: Component<BlockHandleProps> = ({ onAdd }) => {
 blockHandleComponent.props = {
   show: Boolean,
   onAdd: Function,
+  addIcon: Function,
+  handleIcon: Function,
 }
 
 export const BlockHandleElement = c(blockHandleComponent)

package/src/feature/block-edit/handle/index.ts

@@ -1,12 +1,13 @@
-import type { PluginView } from '@milkdown/prose/state'
-import { TextSelection } from '@milkdown/prose/state'
-import { BlockProvider, block } from '@milkdown/plugin-block'
-import type { Ctx } from '@milkdown/ctx'
+import type { PluginView } from '@milkdown/kit/prose/state'
+import { TextSelection } from '@milkdown/kit/prose/state'
+import { BlockProvider, block } from '@milkdown/kit/plugin/block'
+import type { Ctx } from '@milkdown/kit/ctx'
 import type { AtomicoThis } from 'atomico/types/dom'
-import { editorViewCtx } from '@milkdown/core'
-import { paragraphSchema } from '@milkdown/preset-commonmark'
+import { editorViewCtx } from '@milkdown/kit/core'
+import { paragraphSchema } from '@milkdown/kit/preset/commonmark'
 import { menuAPI } from '../menu'
 import { defIfNotExists } from '../../../utils'
+import type { BlockEditFeatureConfig } from '../index'
 import type { BlockHandleProps } from './component'
 import { BlockHandleElement } from './component'
 
@@ -15,11 +16,13 @@ export class BlockHandleView implements PluginView {
   #provider: BlockProvider
   readonly #ctx: Ctx
 
-  constructor(ctx: Ctx) {
+  constructor(ctx: Ctx, config?: BlockEditFeatureConfig) {
     this.#ctx = ctx
     const content = new BlockHandleElement()
     this.#content = content
     this.#content.onAdd = this.onAdd
+    this.#content.addIcon = config?.handleAddIcon
+    this.#content.handleIcon = config?.handleDragIcon
     this.#provider = new BlockProvider({
       ctx,
       content,
@@ -63,14 +66,10 @@ export class BlockHandleView implements PluginView {
     if (!active)
       return
 
-    const pos = active.$pos
-    const isNoneTextBlock = ['hr', 'image-block'].includes(active.node.type.name)
-    const nodeSize = isNoneTextBlock ? active.node.nodeSize : active.node.content.size
-    const side = pos.pos + nodeSize + (['blockquote'].includes(pos.parent.type.name) ? 1 : 0)
-    const offset
-      = ['blockquote'].includes(pos.parent.type.name) ? 1 : isNoneTextBlock ? 1 : 2
-    let tr = state.tr.insert(side, paragraphSchema.type(ctx).create())
-    tr = tr.setSelection(TextSelection.create(tr.doc, side + offset))
+    const $pos = active.$pos
+    const pos = $pos.pos + active.node.nodeSize
+    let tr = state.tr.insert(pos, paragraphSchema.type(ctx).create())
+    tr = tr.setSelection(TextSelection.near(tr.doc.resolve(pos)))
     dispatch(tr.scrollIntoView())
 
     this.#provider.hide()
@@ -79,8 +78,8 @@ export class BlockHandleView implements PluginView {
 }
 
 defIfNotExists('milkdown-block-handle', BlockHandleElement)
-export function configureBlockHandle(ctx: Ctx) {
+export function configureBlockHandle(ctx: Ctx, config?: BlockEditFeatureConfig) {
   ctx.set(block.key, {
-    view: () => new BlockHandleView(ctx),
+    view: () => new BlockHandleView(ctx, config),
   })
 }

package/src/feature/block-edit/index.ts

@@ -1,12 +1,57 @@
-import { block } from '@milkdown/plugin-block'
-import type { DefineFeature } from '../shared'
+import { block } from '@milkdown/kit/plugin/block'
+import type { DefineFeature, Icon } from '../shared'
 import { configureBlockHandle } from './handle'
 import { configureMenu, menu, menuAPI } from './menu'
+import type { GroupBuilder } from './menu/group-builder'
 
-export const defineFeature: DefineFeature = (editor) => {
+interface BlockEditConfig {
+  handleAddIcon: Icon
+  handleDragIcon: Icon
+  buildMenu: (builder: GroupBuilder) => void
+
+  slashMenuTextGroupLabel: string
+  slashMenuTextIcon: Icon
+  slashMenuTextLabel: string
+  slashMenuH1Icon: Icon
+  slashMenuH1Label: string
+  slashMenuH2Icon: Icon
+  slashMenuH2Label: string
+  slashMenuH3Icon: Icon
+  slashMenuH3Label: string
+  slashMenuH4Icon: Icon
+  slashMenuH4Label: string
+  slashMenuH5Icon: Icon
+  slashMenuH5Label: string
+  slashMenuH6Icon: Icon
+  slashMenuH6Label: string
+  slashMenuQuoteIcon: Icon
+  slashMenuQuoteLabel: string
+  slashMenuDividerIcon: Icon
+  slashMenuDividerLabel: string
+
+  slashMenuListGroupLabel: string
+  slashMenuBulletListIcon: Icon
+  slashMenuBulletListLabel: string
+  slashMenuOrderedListIcon: Icon
+  slashMenuOrderedListLabel: string
+  slashMenuTaskListIcon: Icon
+  slashMenuTaskListLabel: string
+
+  slashMenuAdvancedGroupLabel: string
+  slashMenuImageIcon: Icon
+  slashMenuImageLabel: string
+  slashMenuCodeBlockIcon: Icon
+  slashMenuCodeBlockLabel: string
+  slashMenuTableIcon: Icon
+  slashMenuTableLabel: string
+}
+
+export type BlockEditFeatureConfig = Partial<BlockEditConfig>
+
+export const defineFeature: DefineFeature<BlockEditFeatureConfig> = (editor, config) => {
   editor
-    .config(configureBlockHandle)
-    .config(configureMenu)
+    .config(ctx => configureBlockHandle(ctx, config))
+    .config(ctx => configureMenu(ctx, config))
     .use(menuAPI)
     .use(block)
     .use(menu)