@milkdown/plugin-slash 7.4.0 → 7.5.0

package/lib/index.es.js

@@ -1,99 +1,94 @@
-var $ = (s, e, t) => {
+var P = (s, e, t) => {
   if (!e.has(s))
     throw TypeError("Cannot " + t);
 };
-var n = (s, e, t) => ($(s, e, "read from private field"), t ? t.call(s) : e.get(s)), a = (s, e, t) => {
+var o = (s, e, t) => (P(s, e, "read from private field"), t ? t.call(s) : e.get(s)), a = (s, e, t) => {
   if (e.has(s))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(s) : e.set(s, t);
-}, r = (s, e, t, o) => ($(s, e, "write to private field"), o ? o.call(s, t) : e.set(s, t), t);
-var O = (s, e, t) => ($(s, e, "access private method"), t);
+}, r = (s, e, t, n) => (P(s, e, "write to private field"), n ? n.call(s, t) : e.set(s, t), t);
+var E = (s, e, t) => (P(s, e, "access private method"), t);
 import { Plugin as B, PluginKey as M, TextSelection as N } from "@milkdown/prose/state";
-import { $ctx as T, $prose as _ } from "@milkdown/utils";
-import { findParentNode as F, posToDOMRect as R } from "@milkdown/prose";
-import q from "lodash.debounce";
-import { computePosition as K, flip as L, offset as j, platform as E } from "@floating-ui/dom";
-import { offsetParent as z } from "composed-offset-position";
-function W(s) {
-  const e = T({}, `${s}_SLASH_SPEC`), t = _((i) => {
-    const p = i.get(e.key);
+import { $ctx as O, $prose as T } from "@milkdown/utils";
+import { findParentNode as _, posToDOMRect as F } from "@milkdown/prose";
+import R from "lodash.debounce";
+import { computePosition as q, flip as K, offset as L } from "@floating-ui/dom";
+function J(s) {
+  const e = O({}, `${s}_SLASH_SPEC`), t = T((i) => {
+    const m = i.get(e.key);
     return new B({
       key: new M(`${s}_SLASH`),
-      ...p
+      ...m
     });
-  }), o = [e, t];
-  return o.key = e.key, o.pluginKey = t.key, e.meta = {
+  }), n = [e, t];
+  return n.key = e.key, n.pluginKey = t.key, e.meta = {
     package: "@milkdown/plugin-slash",
     displayName: `Ctx<slashSpec>|${s}`
   }, t.meta = {
     package: "@milkdown/plugin-slash",
     displayName: `Prose<slash>|${s}`
-  }, o;
+  }, n;
 }
-var m, f, l, u, d, g, S, H;
-class X {
+var l, u, h, d, f, g, S, H;
+class Q {
   constructor(e) {
     /// @internal
     a(this, S);
-    a(this, m, void 0);
-    /// @internal
-    a(this, f, void 0);
-    /// @internal
     a(this, l, void 0);
     /// @internal
     a(this, u, void 0);
-    /// The offset to get the block. Default is 0.
+    /// @internal
+    a(this, h, void 0);
+    /// @internal
     a(this, d, void 0);
+    /// The offset to get the block. Default is 0.
+    a(this, f, void 0);
     a(this, g, void 0);
-    r(this, m, !1), this.onShow = () => {
+    r(this, l, !1), this.onShow = () => {
     }, this.onHide = () => {
-    }, r(this, g, (t, o) => {
+    }, r(this, g, (t, n) => {
       var b;
-      const { state: i, composing: p } = t, { selection: c, doc: P } = i, { ranges: y } = c, k = Math.min(...y.map((h) => h.$from.pos)), x = Math.max(...y.map((h) => h.$to.pos)), w = o && o.doc.eq(P) && o.selection.eq(c);
-      if (n(this, m) || ((b = t.dom.parentElement) == null || b.appendChild(this.element), r(this, m, !0)), p || w)
+      const { state: i, composing: m } = t, { selection: c, doc: k } = i, { ranges: y } = c, x = Math.min(...y.map((p) => p.$from.pos)), $ = Math.max(...y.map((p) => p.$to.pos)), w = n && n.doc.eq(k) && n.selection.eq(c);
+      if (o(this, l) || ((b = t.dom.parentElement) == null || b.appendChild(this.element), r(this, l, !0)), m || w)
         return;
-      if (!n(this, u).call(this, t, o)) {
+      if (!o(this, d).call(this, t, n)) {
         this.hide();
         return;
       }
-      K({
-        getBoundingClientRect: () => R(t, k, x)
+      q({
+        getBoundingClientRect: () => F(t, x, $)
       }, this.element, {
         placement: "bottom-start",
-        middleware: [L(), j(n(this, d))],
-        platform: {
-          ...E,
-          getOffsetParent: (h) => E.getOffsetParent(h, z)
-        }
-      }).then(({ x: h, y: A }) => {
+        middleware: [K(), L(o(this, f))]
+      }).then(({ x: p, y: A }) => {
         Object.assign(this.element.style, {
-          left: `${h}px`,
+          left: `${p}px`,
           top: `${A}px`
         });
       }), this.show();
-    }), this.update = (t, o) => {
-      q(n(this, g), n(this, f))(t, o);
-    }, this.getContent = (t, o = (i) => i.type.name === "paragraph") => {
-      const { selection: i } = t.state, { empty: p, $from: c } = i, P = t.state.selection instanceof N, y = this.element.contains(document.activeElement), k = !t.hasFocus() && !y, x = !t.editable, C = !F(o)(t.state.selection);
-      if (!(k || x || !p || !P || C))
+    }), this.update = (t, n) => {
+      R(o(this, g), o(this, u))(t, n);
+    }, this.getContent = (t, n = (i) => i.type.name === "paragraph") => {
+      const { selection: i } = t.state, { empty: m, $from: c } = i, k = t.state.selection instanceof N, y = this.element.contains(document.activeElement), x = !t.hasFocus() && !y, $ = !t.editable, C = !_(n)(t.state.selection);
+      if (!(x || $ || !m || !k || C))
         return c.parent.textBetween(Math.max(0, c.parentOffset - 500), c.parentOffset, void 0, "");
     }, this.destroy = () => {
     }, this.show = () => {
       this.element.dataset.show = "true", this.onShow();
     }, this.hide = () => {
       this.element.dataset.show = "false", this.onHide();
-    }, this.element = e.content, r(this, f, e.debounce ?? 200), r(this, u, e.shouldShow ?? O(this, S, H)), r(this, l, e.trigger ?? "/"), r(this, d, e.offset);
+    }, this.element = e.content, r(this, u, e.debounce ?? 200), r(this, d, e.shouldShow ?? E(this, S, H)), r(this, h, e.trigger ?? "/"), r(this, f, e.offset);
   }
 }
-m = new WeakMap(), f = new WeakMap(), l = new WeakMap(), u = new WeakMap(), d = new WeakMap(), g = new WeakMap(), S = new WeakSet(), H = function(e) {
+l = new WeakMap(), u = new WeakMap(), h = new WeakMap(), d = new WeakMap(), f = new WeakMap(), g = new WeakMap(), S = new WeakSet(), H = function(e) {
   const t = this.getContent(e);
   if (!t)
     return !1;
-  const o = t.at(-1);
-  return o ? Array.isArray(n(this, l)) ? n(this, l).includes(o) : n(this, l) === o : !1;
+  const n = t.at(-1);
+  return n ? Array.isArray(o(this, h)) ? o(this, h).includes(n) : o(this, h) === n : !1;
 };
 export {
-  X as SlashProvider,
-  W as slashFactory
+  Q as SlashProvider,
+  J as slashFactory
 };
 //# sourceMappingURL=index.es.js.map

package/lib/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/slash-plugin.ts","../src/slash-provider.ts"],"sourcesContent":["import type { SliceType } from '@milkdown/ctx'\nimport type { PluginSpec } from '@milkdown/prose/state'\nimport { Plugin, PluginKey } from '@milkdown/prose/state'\nimport type { $Ctx, $Prose } from '@milkdown/utils'\nimport { $ctx, $prose } from '@milkdown/utils'\n\n/// @internal\nexport type SlashPluginSpecId<Id extends string> = `${Id}_SLASH_SPEC`\n\n/// @internal\nexport type SlashPlugin<Id extends string, State = any> = [$Ctx<PluginSpec<State>, SlashPluginSpecId<Id>>, $Prose] & {\n  key: SliceType<PluginSpec<State>, SlashPluginSpecId<Id>>\n  pluginKey: $Prose['key']\n}\n\n/// Create a slash plugin with a unique id.\nexport function slashFactory<Id extends string, State = any>(id: Id) {\n  const slashSpec = $ctx<PluginSpec<State>, SlashPluginSpecId<Id>>({}, `${id}_SLASH_SPEC`)\n  const slashPlugin = $prose((ctx) => {\n    const spec = ctx.get(slashSpec.key)\n    return new Plugin({\n      key: new PluginKey(`${id}_SLASH`),\n      ...spec,\n    })\n  })\n  const result = [slashSpec, slashPlugin] as SlashPlugin<Id>\n  result.key = slashSpec.key\n  result.pluginKey = slashPlugin.key\n  slashSpec.meta = {\n    package: '@milkdown/plugin-slash',\n    displayName: `Ctx<slashSpec>|${id}`,\n  }\n  slashPlugin.meta = {\n    package: '@milkdown/plugin-slash',\n    displayName: `Prose<slash>|${id}`,\n  }\n\n  return result\n}\n","import { findParentNode, posToDOMRect } from '@milkdown/prose'\nimport type { EditorState } from '@milkdown/prose/state'\nimport type { Node } from '@milkdown/prose/model'\nimport { TextSelection } from '@milkdown/prose/state'\nimport type { EditorView } from '@milkdown/prose/view'\nimport debounce from 'lodash.debounce'\nimport type { VirtualElement } from '@floating-ui/dom'\nimport { computePosition, flip, offset, platform } from '@floating-ui/dom'\nimport { offsetParent } from 'composed-offset-position'\n\n/// Options for slash provider.\nexport interface SlashProviderOptions {\n  /// The slash content.\n  content: HTMLElement\n  /// The debounce time for updating slash, 200ms by default.\n  debounce?: number\n  /// The function to determine whether the tooltip should be shown.\n  shouldShow?: (view: EditorView, prevState?: EditorState) => boolean\n  /// The key trigger for shouldShow, '/' by default.\n  trigger?: string | string[]\n  /// The offset to get the block. Default is 0.\n  offset?: number | {\n    mainAxis?: number\n    crossAxis?: number\n    alignmentAxis?: number | null\n  }\n}\n\n/// A provider for creating slash.\nexport class SlashProvider {\n  /// The root element of the slash.\n  element: HTMLElement\n\n  /// @internal\n  #initialized = false\n\n  /// @internal\n  readonly #debounce: number\n\n  /// @internal\n  readonly #trigger: string | string[]\n\n  /// @internal\n  readonly #shouldShow: (view: EditorView, prevState?: EditorState) => boolean\n\n  /// The offset to get the block. Default is 0.\n  readonly #offset?: number | {\n    mainAxis?: number\n    crossAxis?: number\n    alignmentAxis?: number | null\n  }\n\n  /// On show callback.\n  onShow = () => {}\n\n  /// On hide callback.\n  onHide = () => {}\n\n  constructor(options: SlashProviderOptions) {\n    this.element = options.content\n    this.#debounce = options.debounce ?? 200\n    this.#shouldShow = options.shouldShow ?? this.#_shouldShow\n    this.#trigger = options.trigger ?? '/'\n    this.#offset = options.offset\n  }\n\n  /// @internal\n  #onUpdate = (view: EditorView, prevState?: EditorState): void => {\n    const { state, composing } = view\n    const { selection, doc } = state\n    const { ranges } = selection\n    const from = Math.min(...ranges.map(range => range.$from.pos))\n    const to = Math.max(...ranges.map(range => range.$to.pos))\n    const isSame = prevState && prevState.doc.eq(doc) && prevState.selection.eq(selection)\n\n    if (!this.#initialized) {\n      view.dom.parentElement?.appendChild(this.element)\n      this.#initialized = true\n    }\n\n    if (composing || isSame)\n      return\n\n    if (!this.#shouldShow(view, prevState)) {\n      this.hide()\n      return\n    }\n\n    const virtualEl: VirtualElement = {\n      getBoundingClientRect: () => posToDOMRect(view, from, to),\n    }\n    computePosition(virtualEl, this.element, {\n      placement: 'bottom-start',\n      middleware: [flip(), offset(this.#offset)],\n      platform: {\n        ...platform,\n        getOffsetParent: element =>\n          platform.getOffsetParent(element, offsetParent),\n      },\n    })\n      .then(({ x, y }) => {\n        Object.assign(this.element.style, {\n          left: `${x}px`,\n          top: `${y}px`,\n        })\n      })\n\n    this.show()\n  }\n\n  /// @internal\n  #_shouldShow(view: EditorView): boolean {\n    const currentTextBlockContent = this.getContent(view)\n\n    if (!currentTextBlockContent)\n      return false\n\n    const target = currentTextBlockContent.at(-1)\n\n    if (!target)\n      return false\n\n    return Array.isArray(this.#trigger) ? this.#trigger.includes(target) : this.#trigger === target\n  }\n\n  /// Update provider state by editor view.\n  update = (view: EditorView, prevState?: EditorState): void => {\n    const updater = debounce(this.#onUpdate, this.#debounce)\n\n    updater(view, prevState)\n  }\n\n  /// Get the content of the current text block.\n  /// Pass the `matchNode` function to determine whether the current node should be matched, by default, it will match the paragraph node.\n  getContent = (view: EditorView, matchNode: (node: Node) => boolean = node => node.type.name === 'paragraph'): string | undefined => {\n    const { selection } = view.state\n    const { empty, $from } = selection\n    const isTextBlock = view.state.selection instanceof TextSelection\n\n    const isSlashChildren = this.element.contains(document.activeElement)\n\n    const notHasFocus = !view.hasFocus() && !isSlashChildren\n\n    const isReadonly = !view.editable\n\n    const paragraph = findParentNode(matchNode)(view.state.selection)\n\n    const isNotInParagraph = !paragraph\n\n    if (notHasFocus || isReadonly || !empty || !isTextBlock || isNotInParagraph)\n      return\n\n    return $from.parent.textBetween(Math.max(0, $from.parentOffset - 500), $from.parentOffset, undefined, '\\uFFFC')\n  }\n\n  /// Destroy the slash.\n  destroy = () => {\n  }\n\n  /// Show the slash.\n  show = () => {\n    this.element.dataset.show = 'true'\n    this.onShow()\n  }\n\n  /// Hide the slash.\n  hide = () => {\n    this.element.dataset.show = 'false'\n    this.onHide()\n  }\n}\n"],"names":["slashFactory","id","slashSpec","$ctx","slashPlugin","$prose","ctx","spec","Plugin","PluginKey","result","SlashProvider","options","__privateAdd","__shouldShow","_initialized","_debounce","_trigger","_shouldShow","_offset","_onUpdate","__privateSet","view","prevState","state","composing","selection","doc","ranges","from","range","to","isSame","__privateGet","_a","computePosition","posToDOMRect","flip","offset","platform","element","offsetParent","x","y","debounce","matchNode","node","empty","$from","isTextBlock","TextSelection","isSlashChildren","notHasFocus","isReadonly","isNotInParagraph","findParentNode","__privateMethod","_shouldShow_fn","currentTextBlockContent","target"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../src/slash-plugin.ts","../src/slash-provider.ts"],"sourcesContent":["import type { SliceType } from '@milkdown/ctx'\nimport type { PluginSpec } from '@milkdown/prose/state'\nimport { Plugin, PluginKey } from '@milkdown/prose/state'\nimport type { $Ctx, $Prose } from '@milkdown/utils'\nimport { $ctx, $prose } from '@milkdown/utils'\n\n/// @internal\nexport type SlashPluginSpecId<Id extends string> = `${Id}_SLASH_SPEC`\n\n/// @internal\nexport type SlashPlugin<Id extends string, State = any> = [$Ctx<PluginSpec<State>, SlashPluginSpecId<Id>>, $Prose] & {\n  key: SliceType<PluginSpec<State>, SlashPluginSpecId<Id>>\n  pluginKey: $Prose['key']\n}\n\n/// Create a slash plugin with a unique id.\nexport function slashFactory<Id extends string, State = any>(id: Id) {\n  const slashSpec = $ctx<PluginSpec<State>, SlashPluginSpecId<Id>>({}, `${id}_SLASH_SPEC`)\n  const slashPlugin = $prose((ctx) => {\n    const spec = ctx.get(slashSpec.key)\n    return new Plugin({\n      key: new PluginKey(`${id}_SLASH`),\n      ...spec,\n    })\n  })\n  const result = [slashSpec, slashPlugin] as SlashPlugin<Id>\n  result.key = slashSpec.key\n  result.pluginKey = slashPlugin.key\n  slashSpec.meta = {\n    package: '@milkdown/plugin-slash',\n    displayName: `Ctx<slashSpec>|${id}`,\n  }\n  slashPlugin.meta = {\n    package: '@milkdown/plugin-slash',\n    displayName: `Prose<slash>|${id}`,\n  }\n\n  return result\n}\n","import { findParentNode, posToDOMRect } from '@milkdown/prose'\nimport type { EditorState } from '@milkdown/prose/state'\nimport type { Node } from '@milkdown/prose/model'\nimport { TextSelection } from '@milkdown/prose/state'\nimport type { EditorView } from '@milkdown/prose/view'\nimport debounce from 'lodash.debounce'\nimport type { VirtualElement } from '@floating-ui/dom'\nimport { computePosition, flip, offset } from '@floating-ui/dom'\n\n/// Options for slash provider.\nexport interface SlashProviderOptions {\n  /// The slash content.\n  content: HTMLElement\n  /// The debounce time for updating slash, 200ms by default.\n  debounce?: number\n  /// The function to determine whether the tooltip should be shown.\n  shouldShow?: (view: EditorView, prevState?: EditorState) => boolean\n  /// The key trigger for shouldShow, '/' by default.\n  trigger?: string | string[]\n  /// The offset to get the block. Default is 0.\n  offset?: number | {\n    mainAxis?: number\n    crossAxis?: number\n    alignmentAxis?: number | null\n  }\n}\n\n/// A provider for creating slash.\nexport class SlashProvider {\n  /// The root element of the slash.\n  element: HTMLElement\n\n  /// @internal\n  #initialized = false\n\n  /// @internal\n  readonly #debounce: number\n\n  /// @internal\n  readonly #trigger: string | string[]\n\n  /// @internal\n  readonly #shouldShow: (view: EditorView, prevState?: EditorState) => boolean\n\n  /// The offset to get the block. Default is 0.\n  readonly #offset?: number | {\n    mainAxis?: number\n    crossAxis?: number\n    alignmentAxis?: number | null\n  }\n\n  /// On show callback.\n  onShow = () => {}\n\n  /// On hide callback.\n  onHide = () => {}\n\n  constructor(options: SlashProviderOptions) {\n    this.element = options.content\n    this.#debounce = options.debounce ?? 200\n    this.#shouldShow = options.shouldShow ?? this.#_shouldShow\n    this.#trigger = options.trigger ?? '/'\n    this.#offset = options.offset\n  }\n\n  /// @internal\n  #onUpdate = (view: EditorView, prevState?: EditorState): void => {\n    const { state, composing } = view\n    const { selection, doc } = state\n    const { ranges } = selection\n    const from = Math.min(...ranges.map(range => range.$from.pos))\n    const to = Math.max(...ranges.map(range => range.$to.pos))\n    const isSame = prevState && prevState.doc.eq(doc) && prevState.selection.eq(selection)\n\n    if (!this.#initialized) {\n      view.dom.parentElement?.appendChild(this.element)\n      this.#initialized = true\n    }\n\n    if (composing || isSame)\n      return\n\n    if (!this.#shouldShow(view, prevState)) {\n      this.hide()\n      return\n    }\n\n    const virtualEl: VirtualElement = {\n      getBoundingClientRect: () => posToDOMRect(view, from, to),\n    }\n    computePosition(virtualEl, this.element, {\n      placement: 'bottom-start',\n      middleware: [flip(), offset(this.#offset)],\n    })\n      .then(({ x, y }) => {\n        Object.assign(this.element.style, {\n          left: `${x}px`,\n          top: `${y}px`,\n        })\n      })\n\n    this.show()\n  }\n\n  /// @internal\n  #_shouldShow(view: EditorView): boolean {\n    const currentTextBlockContent = this.getContent(view)\n\n    if (!currentTextBlockContent)\n      return false\n\n    const target = currentTextBlockContent.at(-1)\n\n    if (!target)\n      return false\n\n    return Array.isArray(this.#trigger) ? this.#trigger.includes(target) : this.#trigger === target\n  }\n\n  /// Update provider state by editor view.\n  update = (view: EditorView, prevState?: EditorState): void => {\n    const updater = debounce(this.#onUpdate, this.#debounce)\n\n    updater(view, prevState)\n  }\n\n  /// Get the content of the current text block.\n  /// Pass the `matchNode` function to determine whether the current node should be matched, by default, it will match the paragraph node.\n  getContent = (view: EditorView, matchNode: (node: Node) => boolean = node => node.type.name === 'paragraph'): string | undefined => {\n    const { selection } = view.state\n    const { empty, $from } = selection\n    const isTextBlock = view.state.selection instanceof TextSelection\n\n    const isSlashChildren = this.element.contains(document.activeElement)\n\n    const notHasFocus = !view.hasFocus() && !isSlashChildren\n\n    const isReadonly = !view.editable\n\n    const paragraph = findParentNode(matchNode)(view.state.selection)\n\n    const isNotInParagraph = !paragraph\n\n    if (notHasFocus || isReadonly || !empty || !isTextBlock || isNotInParagraph)\n      return\n\n    return $from.parent.textBetween(Math.max(0, $from.parentOffset - 500), $from.parentOffset, undefined, '\\uFFFC')\n  }\n\n  /// Destroy the slash.\n  destroy = () => {\n  }\n\n  /// Show the slash.\n  show = () => {\n    this.element.dataset.show = 'true'\n    this.onShow()\n  }\n\n  /// Hide the slash.\n  hide = () => {\n    this.element.dataset.show = 'false'\n    this.onHide()\n  }\n}\n"],"names":["slashFactory","id","slashSpec","$ctx","slashPlugin","$prose","ctx","spec","Plugin","PluginKey","result","SlashProvider","options","__privateAdd","__shouldShow","_initialized","_debounce","_trigger","_shouldShow","_offset","_onUpdate","__privateSet","view","prevState","state","composing","selection","doc","ranges","from","range","to","isSame","__privateGet","_a","computePosition","posToDOMRect","flip","offset","x","y","debounce","matchNode","node","empty","$from","isTextBlock","TextSelection","isSlashChildren","notHasFocus","isReadonly","isNotInParagraph","findParentNode","__privateMethod","_shouldShow_fn","currentTextBlockContent","target"],"mappings":"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"}

package/lib/slash-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slash-provider.d.ts","sourceRoot":"","sources":["../src/slash-provider.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAOtD,MAAM,WAAW,oBAAoB;IAEnC,OAAO,EAAE,WAAW,CAAA;IAEpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,CAAC,EAAE,WAAW,KAAK,OAAO,CAAA;IAEnE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAE3B,MAAM,CAAC,EAAE,MAAM,GAAG;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAC9B,CAAA;CACF;AAGD,qBAAa,aAAa;;IAExB,OAAO,EAAE,WAAW,CAAA;IAsBpB,MAAM,aAAW;IAGjB,MAAM,aAAW;gBAEL,OAAO,EAAE,oBAAoB;IAoEzC,MAAM,SAAU,UAAU,cAAc,WAAW,KAAG,IAAI,CAIzD;IAID,UAAU,SAAU,UAAU,cAAa,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,KAA4C,MAAM,GAAG,SAAS,CAmB/H;IAGD,OAAO,aACN;IAGD,IAAI,aAGH;IAGD,IAAI,aAGH;CACF"}
+{"version":3,"file":"slash-provider.d.ts","sourceRoot":"","sources":["../src/slash-provider.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAMtD,MAAM,WAAW,oBAAoB;IAEnC,OAAO,EAAE,WAAW,CAAA;IAEpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,CAAC,EAAE,WAAW,KAAK,OAAO,CAAA;IAEnE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAE3B,MAAM,CAAC,EAAE,MAAM,GAAG;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAC9B,CAAA;CACF;AAGD,qBAAa,aAAa;;IAExB,OAAO,EAAE,WAAW,CAAA;IAsBpB,MAAM,aAAW;IAGjB,MAAM,aAAW;gBAEL,OAAO,EAAE,oBAAoB;IA+DzC,MAAM,SAAU,UAAU,cAAc,WAAW,KAAG,IAAI,CAIzD;IAID,UAAU,SAAU,UAAU,cAAa,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,KAA4C,MAAM,GAAG,SAAS,CAmB/H;IAGD,OAAO,aACN;IAGD,IAAI,aAGH;IAGD,IAAI,aAGH;CACF"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@milkdown/plugin-slash",
   "type": "module",
-  "version": "7.4.0",
+  "version": "7.5.0",
   "license": "MIT",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Milkdown/milkdown.git",
-    "directory": "packages/plugin-slash"
+    "directory": "packages/plugins/plugin-slash"
   },
   "keywords": [
     "milkdown",
@@ -32,16 +32,15 @@
   "dependencies": {
     "@floating-ui/dom": "^1.5.1",
     "@types/lodash.debounce": "^4.0.7",
-    "composed-offset-position": "^0.0.4",
     "lodash.debounce": "^4.0.8",
     "tslib": "^2.5.0",
-    "@milkdown/exception": "7.4.0",
-    "@milkdown/utils": "7.4.0"
+    "@milkdown/exception": "7.5.0",
+    "@milkdown/utils": "7.5.0"
   },
   "devDependencies": {
-    "@milkdown/core": "7.4.0",
-    "@milkdown/ctx": "7.4.0",
-    "@milkdown/prose": "7.4.0"
+    "@milkdown/core": "7.5.0",
+    "@milkdown/ctx": "7.5.0",
+    "@milkdown/prose": "7.5.0"
   },
   "nx": {
     "targets": {
@@ -50,19 +49,13 @@
           "{projectRoot}/lib"
         ],
         "dependsOn": [
-          {
-            "target": "build",
-            "projects": "dependencies"
-          }
+          "build"
         ]
       },
       "tsc": {
         "outputs": [],
         "dependsOn": [
-          {
-            "target": "build",
-            "projects": "dependencies"
-          }
+          "build"
         ]
       }
     }

package/src/slash-provider.ts

@@ -5,8 +5,7 @@ import { TextSelection } from '@milkdown/prose/state'
 import type { EditorView } from '@milkdown/prose/view'
 import debounce from 'lodash.debounce'
 import type { VirtualElement } from '@floating-ui/dom'
-import { computePosition, flip, offset, platform } from '@floating-ui/dom'
-import { offsetParent } from 'composed-offset-position'
+import { computePosition, flip, offset } from '@floating-ui/dom'
 
 /// Options for slash provider.
 export interface SlashProviderOptions {
@@ -92,11 +91,6 @@ export class SlashProvider {
     computePosition(virtualEl, this.element, {
       placement: 'bottom-start',
       middleware: [flip(), offset(this.#offset)],
-      platform: {
-        ...platform,
-        getOffsetParent: element =>
-          platform.getOffsetParent(element, offsetParent),
-      },
     })
       .then(({ x, y }) => {
         Object.assign(this.element.style, {