@milkdown/crepe 7.11.1 → 7.12.1

package/lib/cjs/builder.js

@@ -0,0 +1,107 @@
+'use strict';
+
+var core = require('@milkdown/kit/core');
+var clipboard = require('@milkdown/kit/plugin/clipboard');
+var history = require('@milkdown/kit/plugin/history');
+var indent = require('@milkdown/kit/plugin/indent');
+var listener = require('@milkdown/kit/plugin/listener');
+var trailing = require('@milkdown/kit/plugin/trailing');
+var commonmark = require('@milkdown/kit/preset/commonmark');
+var gfm = require('@milkdown/kit/preset/gfm');
+var utils = require('@milkdown/kit/utils');
+var ctx = require('@milkdown/kit/ctx');
+
+const FeaturesCtx = ctx.createSlice([], "FeaturesCtx");
+const CrepeCtx = ctx.createSlice({}, "CrepeCtx");
+
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
+var _editor, _rootElement, _editable;
+class CrepeBuilder {
+  /// The constructor of the crepe builder.
+  /// You can pass configs to the builder to configure the editor.
+  constructor({ root, defaultValue = "" }) {
+    /// @internal
+    __privateAdd(this, _editor);
+    /// @internal
+    __privateAdd(this, _rootElement);
+    /// @internal
+    __privateAdd(this, _editable, true);
+    /// Add a feature to the editor.
+    this.addFeature = (feature, config) => {
+      feature(__privateGet(this, _editor), config);
+      return this;
+    };
+    /// Create the editor.
+    this.create = () => {
+      return __privateGet(this, _editor).create();
+    };
+    /// Destroy the editor.
+    this.destroy = () => {
+      return __privateGet(this, _editor).destroy();
+    };
+    /// Set the readonly mode of the editor.
+    this.setReadonly = (value) => {
+      __privateSet(this, _editable, !value);
+      __privateGet(this, _editor).action((ctx) => {
+        if (__privateGet(this, _editor).status === core.EditorStatus.Created) {
+          const view = ctx.get(core.editorViewCtx);
+          view.setProps({
+            editable: () => !value
+          });
+        }
+      });
+      return this;
+    };
+    /// Get the markdown content of the editor.
+    this.getMarkdown = () => {
+      return __privateGet(this, _editor).action(utils.getMarkdown());
+    };
+    /// Register event listeners.
+    this.on = (fn) => {
+      if (__privateGet(this, _editor).status !== core.EditorStatus.Created) {
+        __privateGet(this, _editor).config((ctx) => {
+          const listener2 = ctx.get(listener.listenerCtx);
+          fn(listener2);
+        });
+        return this;
+      }
+      __privateGet(this, _editor).action((ctx) => {
+        const listener2 = ctx.get(listener.listenerCtx);
+        fn(listener2);
+      });
+      return this;
+    };
+    var _a;
+    __privateSet(this, _rootElement, (_a = typeof root === "string" ? document.querySelector(root) : root) != null ? _a : document.body);
+    __privateSet(this, _editor, core.Editor.make().config((ctx) => {
+      ctx.inject(CrepeCtx, this);
+      ctx.inject(FeaturesCtx, []);
+    }).config((ctx) => {
+      ctx.set(core.rootCtx, __privateGet(this, _rootElement));
+      ctx.set(core.defaultValueCtx, defaultValue);
+      ctx.set(core.editorViewOptionsCtx, {
+        editable: () => __privateGet(this, _editable)
+      });
+      ctx.update(indent.indentConfig.key, (value) => ({
+        ...value,
+        size: 4
+      }));
+    }).use(commonmark.commonmark).use(listener.listener).use(history.history).use(indent.indent).use(trailing.trailing).use(clipboard.clipboard).use(gfm.gfm));
+  }
+  /// Get the milkdown editor instance.
+  get editor() {
+    return __privateGet(this, _editor);
+  }
+}
+_editor = new WeakMap();
+_rootElement = new WeakMap();
+_editable = new WeakMap();
+
+exports.CrepeBuilder = CrepeBuilder;
+//# sourceMappingURL=builder.js.map

package/lib/cjs/builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"builder.js","sources":["../../src/core/slice.ts","../../src/core/builder.ts"],"sourcesContent":["import { createSlice, type Ctx } from '@milkdown/kit/ctx'\n\nimport type { CrepeFeature } from '../feature'\nimport type { CrepeBuilder } from './builder'\n\n/// @internal\n/// The feature flags context.\n/// ⚠️ Most of the time, you should use `useCrepeFeatures` to get the features.\nexport const FeaturesCtx = createSlice([] as CrepeFeature[], 'FeaturesCtx')\n\n/// @internal\n/// The crepe editor context.\n/// ⚠️ Most of the time, you should use `useCrepe` to get the crepe editor instance.\nexport const CrepeCtx = createSlice({} as CrepeBuilder, 'CrepeCtx')\n\n/// The crepe editor context.\n/// You can use this context to access the crepe editor instance within Milkdown plugins.\n/// ```ts\n/// import { crepeCtx } from '@milkdown/crepe'\n/// const plugin = (ctx: Ctx) => {\n///   return () => {\n///     const crepe = useCrepe(ctx)\n///     crepe.setReadonly(true)\n///   }\n/// }\n/// ```\nexport function useCrepe(ctx: Ctx) {\n  // We should use string slice here to avoid the slice to be bundled in multiple entries\n  return ctx.get<CrepeBuilder, 'CrepeCtx'>('CrepeCtx')\n}\n\n/// Check the enabled FeatureFlags\n/// ```ts\n/// import { useCrepeFeatures } from '@milkdown/crepe'\n/// const plugin = (ctx: Ctx) => {\n///   const features = useCrepeFeatures(ctx)\n///   if (features.get().includes(CrepeFeature.CodeMirror)) {\n///     // Do something with CodeMirror\n///   }\n/// }\nexport function useCrepeFeatures(ctx: Ctx) {\n  // We should use string slice here to avoid the slice to be bundled in multiple entries\n  return ctx.use<CrepeFeature[], 'FeaturesCtx'>('FeaturesCtx')\n}\n\n/// @internal\nexport function crepeFeatureConfig(feature: CrepeFeature) {\n  return (ctx: Ctx) => {\n    useCrepeFeatures(ctx).update((features) => {\n      if (features.includes(feature)) {\n        return features\n      }\n      return [...features, feature]\n    })\n  }\n}\n","import {\n  type DefaultValue,\n  defaultValueCtx,\n  Editor,\n  EditorStatus,\n  editorViewCtx,\n  editorViewOptionsCtx,\n  rootCtx,\n} from '@milkdown/kit/core'\nimport { clipboard } from '@milkdown/kit/plugin/clipboard'\nimport { history } from '@milkdown/kit/plugin/history'\nimport { indent, indentConfig } from '@milkdown/kit/plugin/indent'\nimport {\n  listener,\n  listenerCtx,\n  type ListenerManager,\n} from '@milkdown/kit/plugin/listener'\nimport { trailing } from '@milkdown/kit/plugin/trailing'\nimport { commonmark } from '@milkdown/kit/preset/commonmark'\nimport { gfm } from '@milkdown/kit/preset/gfm'\nimport { getMarkdown } from '@milkdown/kit/utils'\n\nimport type { CrepeFeature, CrepeFeatureConfig } from '../feature'\nimport type { DefineFeature } from '../feature/shared'\n\nimport { CrepeCtx, FeaturesCtx } from './slice'\n\n/// The crepe builder configuration.\nexport interface CrepeBuilderConfig {\n  /// The root element for the editor.\n  /// Supports both DOM nodes and CSS selectors,\n  /// If not provided, the editor will be appended to the body.\n  root?: Node | string | null\n\n  /// The default value for the editor.\n  defaultValue?: DefaultValue\n}\n\n/// The crepe builder class.\n/// This class allows users to manually add features to the editor.\nexport class CrepeBuilder {\n  /// @internal\n  readonly #editor: Editor\n\n  /// @internal\n  readonly #rootElement: Node\n\n  /// @internal\n  #editable = true\n\n  /// The constructor of the crepe builder.\n  /// You can pass configs to the builder to configure the editor.\n  constructor({ root, defaultValue = '' }: CrepeBuilderConfig) {\n    this.#rootElement =\n      (typeof root === 'string' ? document.querySelector(root) : root) ??\n      document.body\n    this.#editor = Editor.make()\n      .config((ctx) => {\n        ctx.inject(CrepeCtx, this)\n        ctx.inject(FeaturesCtx, [])\n      })\n      .config((ctx) => {\n        ctx.set(rootCtx, this.#rootElement)\n        ctx.set(defaultValueCtx, defaultValue)\n        ctx.set(editorViewOptionsCtx, {\n          editable: () => this.#editable,\n        })\n        ctx.update(indentConfig.key, (value) => ({\n          ...value,\n          size: 4,\n        }))\n      })\n      .use(commonmark)\n      .use(listener)\n      .use(history)\n      .use(indent)\n      .use(trailing)\n      .use(clipboard)\n      .use(gfm)\n  }\n\n  /// Add a feature to the editor.\n  addFeature: {\n    <T extends CrepeFeature>(\n      feature: DefineFeature<CrepeFeatureConfig[T]>,\n      config?: CrepeFeatureConfig[T]\n    ): CrepeBuilder\n    <C>(feature: DefineFeature<C>, config?: C): CrepeBuilder\n  } = (feature: DefineFeature, config?: never) => {\n    feature(this.#editor, config)\n    return this\n  }\n\n  /// Create the editor.\n  create = () => {\n    return this.#editor.create()\n  }\n\n  /// Destroy the editor.\n  destroy = () => {\n    return this.#editor.destroy()\n  }\n\n  /// Get the milkdown editor instance.\n  get editor(): Editor {\n    return this.#editor\n  }\n\n  /// Set the readonly mode of the editor.\n  setReadonly = (value: boolean) => {\n    this.#editable = !value\n    this.#editor.action((ctx) => {\n      if (this.#editor.status === EditorStatus.Created) {\n        const view = ctx.get(editorViewCtx)\n        view.setProps({\n          editable: () => !value,\n        })\n      }\n    })\n    return this\n  }\n\n  /// Get the markdown content of the editor.\n  getMarkdown = () => {\n    return this.#editor.action(getMarkdown())\n  }\n\n  /// Register event listeners.\n  on = (fn: (api: ListenerManager) => void) => {\n    if (this.#editor.status !== EditorStatus.Created) {\n      this.#editor.config((ctx) => {\n        const listener = ctx.get(listenerCtx)\n        fn(listener)\n      })\n      return this\n    }\n    this.#editor.action((ctx) => {\n      const listener = ctx.get(listenerCtx)\n      fn(listener)\n    })\n    return this\n  }\n}\n"],"names":["createSlice","EditorStatus","editorViewCtx","getMarkdown","listener","listenerCtx","Editor","rootCtx","defaultValueCtx","editorViewOptionsCtx","indentConfig","commonmark","history","indent","trailing","clipboard","gfm"],"mappings":"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"}

package/lib/cjs/{index-CtTpZYVe.js → feature/block-edit/index.js}

@@ -1,28 +1,48 @@
 'use strict';
 
 var block = require('@milkdown/kit/plugin/block');
+var ctx = require('@milkdown/kit/ctx');
 var core = require('@milkdown/kit/core');
 var commonmark = require('@milkdown/kit/preset/commonmark');
 var prose = require('@milkdown/kit/prose');
 var state = require('@milkdown/kit/prose/state');
 var vue = require('vue');
-var plus = require('./plus-XLomtlXf.js');
 var slash = require('@milkdown/kit/plugin/slash');
 var utils = require('@milkdown/kit/utils');
-var index$1 = require('./index-xbwf60wt.js');
 var component = require('@milkdown/kit/component');
 var imageBlock = require('@milkdown/kit/component/image-block');
 var gfm = require('@milkdown/kit/preset/gfm');
-var index = require('./index-urTgNBfI.js');
-var functions = require('./functions-BAY51plB.js');
-var image = require('./image-BXLkOVnO.js');
 var transform = require('@milkdown/kit/prose/transform');
-require('@milkdown/kit/plugin/clipboard');
-require('@milkdown/kit/plugin/history');
-require('@milkdown/kit/plugin/indent');
-require('@milkdown/kit/plugin/listener');
-require('@milkdown/kit/plugin/trailing');
-require('@milkdown/kit/ctx');
+
+ctx.createSlice([], "FeaturesCtx");
+ctx.createSlice({}, "CrepeCtx");
+function useCrepeFeatures(ctx) {
+  return ctx.use("FeaturesCtx");
+}
+function crepeFeatureConfig(feature) {
+  return (ctx) => {
+    useCrepeFeatures(ctx).update((features) => {
+      if (features.includes(feature)) {
+        return features;
+      }
+      return [...features, feature];
+    });
+  };
+}
+
+var CrepeFeature = /* @__PURE__ */ ((CrepeFeature2) => {
+  CrepeFeature2["CodeMirror"] = "code-mirror";
+  CrepeFeature2["ListItem"] = "list-item";
+  CrepeFeature2["LinkTooltip"] = "link-tooltip";
+  CrepeFeature2["Cursor"] = "cursor";
+  CrepeFeature2["ImageBlock"] = "image-block";
+  CrepeFeature2["BlockEdit"] = "block-edit";
+  CrepeFeature2["Toolbar"] = "toolbar";
+  CrepeFeature2["Placeholder"] = "placeholder";
+  CrepeFeature2["Table"] = "table";
+  CrepeFeature2["Latex"] = "latex";
+  return CrepeFeature2;
+})(CrepeFeature || {});
 
 const bulletListIcon = `
   <svg
@@ -44,6 +64,26 @@ const bulletListIcon = `
   </svg>
 `;
 
+const codeIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
+    <g clip-path="url(#clip0_977_8081)">
+      <path
+        d="M9.4 16.6L4.8 12L9.4 7.4L8 6L2 12L8 18L9.4 16.6ZM14.6 16.6L19.2 12L14.6 7.4L16 6L22 12L16 18L14.6 16.6Z"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_977_8081">
+        <rect width="24" height="24" />
+      </clipPath>
+    </defs>
+  </svg>
+`;
+
 const dividerIcon = `
   <svg
     xmlns="http://www.w3.org/2000/svg"
@@ -186,6 +226,26 @@ const h6Icon = `
   </svg>
 `;
 
+const imageIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
+    <g clip-path="url(#clip0_977_8075)">
+      <path
+        d="M19 5V19H5V5H19ZM19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM14.14 11.86L11.14 15.73L9 13.14L6 17H18L14.14 11.86Z"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_977_8075">
+        <rect width="24" height="24" />
+      </clipPath>
+    </defs>
+  </svg>
+`;
+
 const menuIcon = `
   <svg
     xmlns="http://www.w3.org/2000/svg"
@@ -226,6 +286,26 @@ const orderedListIcon = `
   </svg>
 `;
 
+const plusIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
+    <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"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_971_7676">
+        <rect width="24" height="24" />
+      </clipPath>
+    </defs>
+  </svg>
+`;
+
 const quoteIcon = `
   <svg
     xmlns="http://www.w3.org/2000/svg"
@@ -299,6 +379,30 @@ const todoListIcon = `
   </svg>
 `;
 
+const functionsIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="32"
+    height="32"
+    viewBox="0 0 24 24"
+  >
+    <path
+      fill="currentColor"
+      d="M7 19v-.808L13.096 12L7 5.808V5h10v1.25H9.102L14.727 12l-5.625 5.77H17V19z"
+    />
+  </svg>
+`;
+
+function isInCodeBlock(selection) {
+  const type = selection.$from.parent.type;
+  return type.name === "code_block";
+}
+function isInList(selection) {
+  var _a;
+  const type = (_a = selection.$from.node(selection.$from.depth - 1)) == null ? void 0 : _a.type;
+  return (type == null ? void 0 : type.name) === "list_item";
+}
+
 var __typeError$2 = (msg) => {
   throw TypeError(msg);
 };
@@ -402,15 +506,15 @@ function clearContentAndAddBlockType(nodeType, attrs = null) {
 }
 
 function getGroups(filter, config, ctx) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z;
-  const flags = ctx == null ? void 0 : ctx.get(index.FeaturesCtx);
-  const isLatexEnabled = flags == null ? void 0 : flags.includes(index.CrepeFeature.Latex);
-  const isImageBlockEnabled = flags == null ? void 0 : flags.includes(index.CrepeFeature.ImageBlock);
-  const isTableEnabled = flags == null ? void 0 : flags.includes(index.CrepeFeature.Table);
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J;
+  const flags = ctx && useCrepeFeatures(ctx).get();
+  const isLatexEnabled = flags == null ? void 0 : flags.includes(CrepeFeature.Latex);
+  const isImageBlockEnabled = flags == null ? void 0 : flags.includes(CrepeFeature.ImageBlock);
+  const isTableEnabled = flags == null ? void 0 : flags.includes(CrepeFeature.Table);
   const groupBuilder = new GroupBuilder();
   groupBuilder.addGroup("text", (_a = config == null ? void 0 : config.slashMenuTextGroupLabel) != null ? _a : "Text").addItem("text", {
     label: (_b = config == null ? void 0 : config.slashMenuTextLabel) != null ? _b : "Text",
-    icon: (_d = (_c = config == null ? void 0 : config.slashMenuTextIcon) == null ? void 0 : _c.call(config)) != null ? _d : textIcon,
+    icon: (_c = config == null ? void 0 : config.slashMenuTextIcon) != null ? _c : textIcon,
     onRun: (ctx2) => {
       const view = ctx2.get(core.editorViewCtx);
       const { dispatch, state } = view;
@@ -418,8 +522,8 @@ function getGroups(filter, config, ctx) {
       command(state, dispatch);
     }
   }).addItem("h1", {
-    label: (_e = config == null ? void 0 : config.slashMenuH1Label) != null ? _e : "Heading 1",
-    icon: (_g = (_f = config == null ? void 0 : config.slashMenuH1Icon) == null ? void 0 : _f.call(config)) != null ? _g : h1Icon,
+    label: (_d = config == null ? void 0 : config.slashMenuH1Label) != null ? _d : "Heading 1",
+    icon: (_e = config == null ? void 0 : config.slashMenuH1Icon) != null ? _e : h1Icon,
     onRun: (ctx2) => {
       const view = ctx2.get(core.editorViewCtx);
       const { dispatch, state } = view;
@@ -429,8 +533,8 @@ function getGroups(filter, config, ctx) {
       command(state, dispatch);
     }
   }).addItem("h2", {
-    label: (_h = config == null ? void 0 : config.slashMenuH2Label) != null ? _h : "Heading 2",
-    icon: (_j = (_i = config == null ? void 0 : config.slashMenuH2Icon) == null ? void 0 : _i.call(config)) != null ? _j : h2Icon,
+    label: (_f = config == null ? void 0 : config.slashMenuH2Label) != null ? _f : "Heading 2",
+    icon: (_g = config == null ? void 0 : config.slashMenuH2Icon) != null ? _g : h2Icon,
     onRun: (ctx2) => {
       const view = ctx2.get(core.editorViewCtx);
       const { dispatch, state } = view;
@@ -440,8 +544,8 @@ function getGroups(filter, config, ctx) {
       command(state, dispatch);
     }
   }).addItem("h3", {
-    label: (_k = config == null ? void 0 : config.slashMenuH3Label) != null ? _k : "Heading 3",
-    icon: (_m = (_l = config == null ? void 0 : config.slashMenuH3Icon) == null ? void 0 : _l.call(config)) != null ? _m : h3Icon,
+    label: (_h = config == null ? void 0 : config.slashMenuH3Label) != null ? _h : "Heading 3",
+    icon: (_i = config == null ? void 0 : config.slashMenuH3Icon) != null ? _i : h3Icon,
     onRun: (ctx2) => {
       const view = ctx2.get(core.editorViewCtx);
       const { dispatch, state } = view;
@@ -451,8 +555,8 @@ function getGroups(filter, config, ctx) {
       command(state, dispatch);
     }
   }).addItem("h4", {
-    label: (_n = config == null ? void 0 : config.slashMenuH4Label) != null ? _n : "Heading 4",
-    icon: (_p = (_o = config == null ? void 0 : config.slashMenuH4Icon) == null ? void 0 : _o.call(config)) != null ? _p : h4Icon,
+    label: (_j = config == null ? void 0 : config.slashMenuH4Label) != null ? _j : "Heading 4",
+    icon: (_k = config == null ? void 0 : config.slashMenuH4Icon) != null ? _k : h4Icon,
     onRun: (ctx2) => {
       const view = ctx2.get(core.editorViewCtx);
       const { dispatch, state } = view;
@@ -462,8 +566,8 @@ function getGroups(filter, config, ctx) {
       command(state, dispatch);
     }
   }).addItem("h5", {
-    label: (_q = config == null ? void 0 : config.slashMenuH5Label) != null ? _q : "Heading 5",
-    icon: (_s = (_r = config == null ? void 0 : config.slashMenuH5Icon) == null ? void 0 : _r.call(config)) != null ? _s : h5Icon,
+    label: (_l = config == null ? void 0 : config.slashMenuH5Label) != null ? _l : "Heading 5",
+    icon: (_m = config == null ? void 0 : config.slashMenuH5Icon) != null ? _m : h5Icon,
     onRun: (ctx2) => {
       const view = ctx2.get(core.editorViewCtx);
       const { dispatch, state } = view;
@@ -473,8 +577,8 @@ function getGroups(filter, config, ctx) {
       command(state, dispatch);
     }
   }).addItem("h6", {
-    label: (_t = config == null ? void 0 : config.slashMenuH6Label) != null ? _t : "Heading 6",
-    icon: (_v = (_u = config == null ? void 0 : config.slashMenuH6Icon) == null ? void 0 : _u.call(config)) != null ? _v : h6Icon,
+    label: (_n = config == null ? void 0 : config.slashMenuH6Label) != null ? _n : "Heading 6",
+    icon: (_o = config == null ? void 0 : config.slashMenuH6Icon) != null ? _o : h6Icon,
     onRun: (ctx2) => {
       const view = ctx2.get(core.editorViewCtx);
       const { dispatch, state } = view;
@@ -484,8 +588,8 @@ function getGroups(filter, config, ctx) {
       command(state, dispatch);
     }
   }).addItem("quote", {
-    label: (_w = config == null ? void 0 : config.slashMenuQuoteLabel) != null ? _w : "Quote",
-    icon: (_y = (_x = config == null ? void 0 : config.slashMenuQuoteIcon) == null ? void 0 : _x.call(config)) != null ? _y : quoteIcon,
+    label: (_p = config == null ? void 0 : config.slashMenuQuoteLabel) != null ? _p : "Quote",
+    icon: (_q = config == null ? void 0 : config.slashMenuQuoteIcon) != null ? _q : quoteIcon,
     onRun: (ctx2) => {
       const view = ctx2.get(core.editorViewCtx);
       const { dispatch, state } = view;
@@ -495,8 +599,8 @@ function getGroups(filter, config, ctx) {
       command(state, dispatch);
     }
   }).addItem("divider", {
-    label: (_z = config == null ? void 0 : config.slashMenuDividerLabel) != null ? _z : "Divider",
-    icon: (_B = (_A = config == null ? void 0 : config.slashMenuDividerIcon) == null ? void 0 : _A.call(config)) != null ? _B : dividerIcon,
+    label: (_r = config == null ? void 0 : config.slashMenuDividerLabel) != null ? _r : "Divider",
+    icon: (_s = config == null ? void 0 : config.slashMenuDividerIcon) != null ? _s : dividerIcon,
     onRun: (ctx2) => {
       const view = ctx2.get(core.editorViewCtx);
       const { dispatch, state } = view;
@@ -504,9 +608,9 @@ function getGroups(filter, config, ctx) {
       command(state, dispatch);
     }
   });
-  groupBuilder.addGroup("list", (_C = config == null ? void 0 : config.slashMenuListGroupLabel) != null ? _C : "List").addItem("bullet-list", {
-    label: (_D = config == null ? void 0 : config.slashMenuBulletListLabel) != null ? _D : "Bullet List",
-    icon: (_F = (_E = config == null ? void 0 : config.slashMenuBulletListIcon) == null ? void 0 : _E.call(config)) != null ? _F : bulletListIcon,
+  groupBuilder.addGroup("list", (_t = config == null ? void 0 : config.slashMenuListGroupLabel) != null ? _t : "List").addItem("bullet-list", {
+    label: (_u = config == null ? void 0 : config.slashMenuBulletListLabel) != null ? _u : "Bullet List",
+    icon: (_v = config == null ? void 0 : config.slashMenuBulletListIcon) != null ? _v : bulletListIcon,
     onRun: (ctx2) => {
       const view = ctx2.get(core.editorViewCtx);
       const { dispatch, state } = view;
@@ -516,8 +620,8 @@ function getGroups(filter, config, ctx) {
       command(state, dispatch);
     }
   }).addItem("ordered-list", {
-    label: (_G = config == null ? void 0 : config.slashMenuOrderedListLabel) != null ? _G : "Ordered List",
-    icon: (_I = (_H = config == null ? void 0 : config.slashMenuOrderedListIcon) == null ? void 0 : _H.call(config)) != null ? _I : orderedListIcon,
+    label: (_w = config == null ? void 0 : config.slashMenuOrderedListLabel) != null ? _w : "Ordered List",
+    icon: (_x = config == null ? void 0 : config.slashMenuOrderedListIcon) != null ? _x : orderedListIcon,
     onRun: (ctx2) => {
       const view = ctx2.get(core.editorViewCtx);
       const { dispatch, state } = view;
@@ -527,8 +631,8 @@ function getGroups(filter, config, ctx) {
       command(state, dispatch);
     }
   }).addItem("todo-list", {
-    label: (_J = config == null ? void 0 : config.slashMenuTaskListLabel) != null ? _J : "Todo List",
-    icon: (_L = (_K = config == null ? void 0 : config.slashMenuTaskListIcon) == null ? void 0 : _K.call(config)) != null ? _L : todoListIcon,
+    label: (_y = config == null ? void 0 : config.slashMenuTaskListLabel) != null ? _y : "Todo List",
+    icon: (_z = config == null ? void 0 : config.slashMenuTaskListIcon) != null ? _z : todoListIcon,
     onRun: (ctx2) => {
       const view = ctx2.get(core.editorViewCtx);
       const { dispatch, state } = view;
@@ -541,12 +645,12 @@ function getGroups(filter, config, ctx) {
   });
   const advancedGroup = groupBuilder.addGroup(
     "advanced",
-    (_M = config == null ? void 0 : config.slashMenuAdvancedGroupLabel) != null ? _M : "Advanced"
+    (_A = config == null ? void 0 : config.slashMenuAdvancedGroupLabel) != null ? _A : "Advanced"
   );
   if (isImageBlockEnabled) {
     advancedGroup.addItem("image", {
-      label: (_N = config == null ? void 0 : config.slashMenuImageLabel) != null ? _N : "Image",
-      icon: (_P = (_O = config == null ? void 0 : config.slashMenuImageIcon) == null ? void 0 : _O.call(config)) != null ? _P : image.imageIcon,
+      label: (_B = config == null ? void 0 : config.slashMenuImageLabel) != null ? _B : "Image",
+      icon: (_C = config == null ? void 0 : config.slashMenuImageIcon) != null ? _C : imageIcon,
       onRun: (ctx2) => {
         const view = ctx2.get(core.editorViewCtx);
         const { dispatch, state } = view;
@@ -556,8 +660,8 @@ function getGroups(filter, config, ctx) {
     });
   }
   advancedGroup.addItem("code", {
-    label: (_Q = config == null ? void 0 : config.slashMenuCodeBlockLabel) != null ? _Q : "Code",
-    icon: (_S = (_R = config == null ? void 0 : config.slashMenuCodeBlockIcon) == null ? void 0 : _R.call(config)) != null ? _S : functions.codeIcon,
+    label: (_D = config == null ? void 0 : config.slashMenuCodeBlockLabel) != null ? _D : "Code",
+    icon: (_E = config == null ? void 0 : config.slashMenuCodeBlockIcon) != null ? _E : codeIcon,
     onRun: (ctx2) => {
       const view = ctx2.get(core.editorViewCtx);
       const { dispatch, state } = view;
@@ -567,8 +671,8 @@ function getGroups(filter, config, ctx) {
   });
   if (isTableEnabled) {
     advancedGroup.addItem("table", {
-      label: (_T = config == null ? void 0 : config.slashMenuTableLabel) != null ? _T : "Table",
-      icon: (_V = (_U = config == null ? void 0 : config.slashMenuTableIcon) == null ? void 0 : _U.call(config)) != null ? _V : tableIcon,
+      label: (_F = config == null ? void 0 : config.slashMenuTableLabel) != null ? _F : "Table",
+      icon: (_G = config == null ? void 0 : config.slashMenuTableIcon) != null ? _G : tableIcon,
       onRun: (ctx2) => {
         const view = ctx2.get(core.editorViewCtx);
         const { dispatch, state: state$1 } = view;
@@ -593,8 +697,8 @@ function getGroups(filter, config, ctx) {
   }
   if (isLatexEnabled) {
     advancedGroup.addItem("math", {
-      label: (_W = config == null ? void 0 : config.slashMenuMathLabel) != null ? _W : "Math",
-      icon: (_Y = (_X = config == null ? void 0 : config.slashMenuMathIcon) == null ? void 0 : _X.call(config)) != null ? _Y : functions.functionsIcon,
+      label: (_H = config == null ? void 0 : config.slashMenuMathLabel) != null ? _H : "Math",
+      icon: (_I = config == null ? void 0 : config.slashMenuMathIcon) != null ? _I : functionsIcon,
       onRun: (ctx2) => {
         const view = ctx2.get(core.editorViewCtx);
         const { dispatch, state } = view;
@@ -605,7 +709,7 @@ function getGroups(filter, config, ctx) {
       }
     });
   }
-  (_Z = config == null ? void 0 : config.buildMenu) == null ? void 0 : _Z.call(config, groupBuilder);
+  (_J = config == null ? void 0 : config.buildMenu) == null ? void 0 : _J.call(config, groupBuilder);
   let groups = groupBuilder.build();
   if (filter) {
     groups = groups.map((group) => {
@@ -861,7 +965,7 @@ class MenuView {
       content: __privateGet$1(this, _content$1),
       debounce: 20,
       shouldShow(view2) {
-        if (index$1.isInCodeBlock(view2.state.selection) || index$1.isInList(view2.state.selection))
+        if (isInCodeBlock(view2.state.selection) || isInList(view2.state.selection))
           return false;
         const currentText = this.getContent(
           view2,
@@ -920,11 +1024,11 @@ const BlockHandle = vue.defineComponent({
       required: true
     },
     addIcon: {
-      type: Function,
+      type: String,
       required: true
     },
     handleIcon: {
-      type: Function,
+      type: String,
       required: true
     }
   },
@@ -950,8 +1054,8 @@ const BlockHandle = vue.defineComponent({
             props.onAdd();
           }
         },
-        /* @__PURE__ */ vue.h(component.Icon, { icon: props.addIcon() })
-      ), /* @__PURE__ */ vue.h("div", { class: "operation-item" }, /* @__PURE__ */ vue.h(component.Icon, { icon: props.handleIcon() })));
+        /* @__PURE__ */ vue.h(component.Icon, { icon: props.addIcon })
+      ), /* @__PURE__ */ vue.h("div", { class: "operation-item" }, /* @__PURE__ */ vue.h(component.Icon, { icon: props.handleIcon })));
     };
   }
 });
@@ -999,8 +1103,8 @@ class BlockHandleView {
     content.classList.add("milkdown-block-handle");
     const app = vue.createApp(BlockHandle, {
       onAdd: this.onAdd,
-      addIcon: (_a = config == null ? void 0 : config.handleAddIcon) != null ? _a : () => plus.plusIcon,
-      handleIcon: (_b = config == null ? void 0 : config.handleDragIcon) != null ? _b : () => menuIcon
+      addIcon: (_a = config == null ? void 0 : config.handleAddIcon) != null ? _a : plusIcon,
+      handleIcon: (_b = config == null ? void 0 : config.handleDragIcon) != null ? _b : menuIcon
     });
     app.mount(content);
     __privateSet(this, _app, app);
@@ -1048,9 +1152,9 @@ function configureBlockHandle(ctx, config) {
   });
 }
 
-const defineFeature = (editor, config) => {
-  editor.config((ctx) => configureBlockHandle(ctx, config)).config((ctx) => configureMenu(ctx, config)).use(menuAPI).use(block.block).use(menu);
+const blockEdit = (editor, config) => {
+  editor.config(crepeFeatureConfig(CrepeFeature.BlockEdit)).config((ctx) => configureBlockHandle(ctx, config)).config((ctx) => configureMenu(ctx, config)).use(menuAPI).use(block.block).use(menu);
 };
 
-exports.defineFeature = defineFeature;
-//# sourceMappingURL=index-CtTpZYVe.js.map
+exports.blockEdit = blockEdit;
+//# sourceMappingURL=index.js.map