@milkdown/plugin-tooltip 6.1.4 → 6.3.0

package/lib/button-manager/calc-button-pos.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calc-button-pos.d.ts","sourceRoot":"","sources":["../../src/button-manager/calc-button-pos.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,eAAO,MAAM,aAAa,YAAa,WAAW,QAAQ,UAAU,YAAY,OAAO,SAkBtF,CAAC"}
+{"version":3,"file":"calc-button-pos.d.ts","sourceRoot":"","sources":["../../src/button-manager/calc-button-pos.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,eAAO,MAAM,aAAa,YAAa,WAAW,QAAQ,UAAU,YAAY,OAAO,SAkBtF,CAAC"}

package/lib/button-manager/create-tooltip.d.ts

@@ -1,10 +1,10 @@
 import type { EditorView } from '@milkdown/prose/view';
 import type { Utils } from '@milkdown/utils';
-import type { ButtonMap } from '../item';
+import type { ButtonList } from '../item';
 declare type Tooltip = {
     dom: HTMLDivElement;
     render: (editorView: EditorView) => void;
 };
-export declare const createTooltip: (buttonMap: ButtonMap, utils: Utils, className: string) => Tooltip;
+export declare const createTooltip: (buttonMap: ButtonList, utils: Utils, className: string) => Tooltip;
 export {};
 //# sourceMappingURL=create-tooltip.d.ts.map

package/lib/button-manager/create-tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-tooltip.d.ts","sourceRoot":"","sources":["../../src/button-manager/create-tooltip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,aAAK,OAAO,GAAG;IACX,GAAG,EAAE,cAAc,CAAC;IACpB,MAAM,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,aAAa,cAAe,SAAS,SAAS,KAAK,aAAa,MAAM,KAAG,OAqBrF,CAAC"}
+{"version":3,"file":"create-tooltip.d.ts","sourceRoot":"","sources":["../../src/button-manager/create-tooltip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,aAAK,OAAO,GAAG;IACX,GAAG,EAAE,cAAc,CAAC;IACpB,MAAM,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,aAAa,iCAAkC,KAAK,aAAa,MAAM,KAAG,OAqBtF,CAAC"}

package/lib/button-manager/filter-button.d.ts

@@ -1,4 +1,4 @@
 import { EditorView } from '@milkdown/prose/view';
-import { ButtonMap } from '../item';
-export declare const filterButton: (buttonMap: ButtonMap, view: EditorView) => boolean;
+import { ButtonList } from '../item';
+export declare const filterButton: (buttons: ButtonList, view: EditorView) => boolean;
 //# sourceMappingURL=filter-button.d.ts.map

package/lib/button-manager/filter-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-button.d.ts","sourceRoot":"","sources":["../../src/button-manager/filter-button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,eAAO,MAAM,YAAY,cAAe,SAAS,QAAQ,UAAU,YAqBlE,CAAC"}
+{"version":3,"file":"filter-button.d.ts","sourceRoot":"","sources":["../../src/button-manager/filter-button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,eAAO,MAAM,YAAY,8BAA+B,UAAU,YAqBjE,CAAC"}

package/lib/button-manager/index.d.ts

@@ -1,10 +1,10 @@
 import type { EditorView } from '@milkdown/prose/view';
 import type { Utils } from '@milkdown/utils';
-import type { ButtonMap } from '../item';
-export declare const createButtonManager: (buttonMap: ButtonMap, utils: Utils, bottom: boolean, containerClassName: string) => {
+import type { ButtonList } from '../item';
+export declare const createButtonManager: (buttons: ButtonList, utils: Utils, bottom: boolean, containerClassName: string) => {
     destroy: () => void;
     hide: () => void;
     update: (editorView: EditorView) => void;
-    render: (editorView: EditorView<any>) => void;
+    render: (editorView: EditorView) => void;
 };
 //# sourceMappingURL=index.d.ts.map

package/lib/button-manager/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button-manager/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAKzC,eAAO,MAAM,mBAAmB,cACjB,SAAS,SACb,KAAK,UACJ,OAAO,sBACK,MAAM;;;yBAyBD,UAAU;;CAUtC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button-manager/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAK1C,eAAO,MAAM,mBAAmB,+BAAgC,KAAK,UAAU,OAAO,sBAAsB,MAAM;;;yBAwBrF,UAAU;;CAUtC,CAAC"}

package/lib/button-manager/no-active.d.ts

@@ -1,4 +1,4 @@
 import { EditorView } from '@milkdown/prose/view';
-import { ButtonMap } from '../item';
-export declare const noActive: (buttonMap: ButtonMap, view: EditorView) => boolean;
+import { ButtonList } from '../item';
+export declare const noActive: (buttonMap: ButtonList, view: EditorView) => boolean;
 //# sourceMappingURL=no-active.d.ts.map

package/lib/button-manager/no-active.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"no-active.d.ts","sourceRoot":"","sources":["../../src/button-manager/no-active.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,QAAQ,cAAe,SAAS,QAAQ,UAAU,YAI9D,CAAC"}
+{"version":3,"file":"no-active.d.ts","sourceRoot":"","sources":["../../src/button-manager/no-active.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,QAAQ,gCAAiC,UAAU,YAI/D,CAAC"}

package/lib/index.d.ts

@@ -1,21 +1,8 @@
 import { PluginKey } from '@milkdown/prose/state';
 import { AtomList } from '@milkdown/utils';
 import { TooltipOptions } from './item';
-export declare const key: PluginKey<any, any>;
-export declare const tooltipPlugin: import("@milkdown/utils/lib/types").WithExtend<string, TooltipOptions, {
-    [x: string]: import("@milkdown/prose/model").NodeType<any>;
-} & {
-    [x: string]: import("@milkdown/prose/model").MarkType<any>;
-}, {
-    schema?: ((ctx: import("@milkdown/core").Ctx) => {
-        node?: Record<string, import("@milkdown/core").NodeSchema> | undefined;
-        mark?: Record<string, import("@milkdown/core").MarkSchema> | undefined;
-    }) | undefined;
-    view?: ((ctx: import("@milkdown/core").Ctx) => Partial<{
-        [x: string]: import("@milkdown/prose").NodeViewFactory;
-    } & {
-        [x: string]: import("@milkdown/prose").MarkViewFactory;
-    }>) | undefined;
-}>;
-export declare const tooltip: AtomList<import("@milkdown/utils/lib/types").Metadata<import("@milkdown/utils/lib/types").GetPlugin<string, TooltipOptions>> & import("@milkdown/core").MilkdownPlugin>;
+export declare const key: PluginKey<any>;
+export * from './item';
+export declare const tooltipPlugin: import("@milkdown/utils").WithExtend<string, TooltipOptions, import("@milkdown/utils").TypeMapping<string, string>, import("@milkdown/utils").PluginRest<string, string>>;
+export declare const tooltip: AtomList<import("@milkdown/utils").Metadata<import("@milkdown/utils").GetPlugin<string, TooltipOptions>> & import("@milkdown/core").MilkdownPlugin>;
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAU,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAA0B,MAAM,iBAAiB,CAAC;AAEnE,OAAO,EAAa,cAAc,EAAE,MAAM,QAAQ,CAAC;AAGnD,eAAO,MAAM,GAAG,qBAAoC,CAAC;AAErD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;EAyCxB,CAAC;AAEH,eAAO,MAAM,OAAO,yKAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAA0B,MAAM,iBAAiB,CAAC;AAEnE,OAAO,EAAa,cAAc,EAAE,MAAM,QAAQ,CAAC;AAGnD,eAAO,MAAM,GAAG,gBAAoC,CAAC;AACrD,cAAc,QAAQ,CAAC;AAEvB,eAAO,MAAM,aAAa,2KA+BxB,CAAC;AAEH,eAAO,MAAM,OAAO,qJAAqC,CAAC"}

package/lib/index.es.js

@@ -1,135 +1,90 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key2, value) => key2 in obj ? __defProp(obj, key2, { enumerable: true, configurable: true, writable: true, value }) : obj[key2] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-import { themeManagerCtx, ThemeIcon, commandsCtx, ThemeSize, ThemeBorder, ThemeShadow, ThemeColor, schemaCtx } from "@milkdown/core";
-import { TextSelection, PluginKey, Plugin } from "@milkdown/prose/state";
-import { createPlugin as createPlugin$1, AtomList } from "@milkdown/utils";
-import { findParentNode, calculateTextPosition } from "@milkdown/prose";
-const hasMark = (editorState, type) => {
-  if (!type) {
-    return false;
-  }
-  const { from, to } = editorState.selection;
-  return editorState.doc.rangeHasMark(from, from === to ? to + 1 : to, type);
-};
-const isTextSelection = (editorState) => {
-  const { selection } = editorState;
-  if (selection instanceof TextSelection) {
-    const text = editorState.doc.textBetween(selection.from, selection.to);
-    if (!text)
-      return false;
-    return true;
-  }
-  return false;
-};
-const isInCodeFence = (editorState) => Boolean(findParentNode((node) => !!node.type.spec.code)(editorState.selection));
-const isTextAndNotHasMark = (editorState, mark) => !isTextSelection(editorState) || isInCodeFence(editorState) || hasMark(editorState, mark);
-const createToggleIcon = (ctx, iconName, key2, mark, disableForMark) => {
-  var _a;
-  return {
-    $: (_a = ctx.get(themeManagerCtx).get(ThemeIcon, iconName)) == null ? void 0 : _a.dom,
-    command: () => ctx.get(commandsCtx).call(key2),
-    active: (view) => hasMark(view.state, mark),
-    disable: (view) => isTextAndNotHasMark(view.state, disableForMark),
-    enable: (view) => !!mark && !!view.state.schema.marks[mark.name]
+import { TextSelection as m, PluginKey as p, Plugin as T } from "@milkdown/prose/state";
+import { createPlugin as v, AtomList as $ } from "@milkdown/utils";
+import { schemaCtx as y, themeManagerCtx as b, ThemeIcon as k, commandsCtx as L, ThemeSize as f, ThemeBorder as P, ThemeShadow as E, ThemeColor as B } from "@milkdown/core";
+import { findParentNode as C, calculateTextPosition as M } from "@milkdown/prose";
+import { missingRootElement as _ } from "@milkdown/exception";
+const h = (t, e) => {
+  if (!e)
+    return !1;
+  const { from: o, to: s } = t.selection;
+  return t.doc.rangeHasMark(o, o === s ? s + 1 : s, e);
+}, x = (t) => {
+  const { selection: e } = t;
+  return e instanceof m ? !!t.doc.textBetween(e.from, e.to) : !1;
+}, A = (t) => Boolean(C((e) => !!e.type.spec.code)(t.selection)), H = (t, e) => !x(t) || A(t) || h(t, e), u = (t, e, o, s) => ({
+  icon: t,
+  onClick: e,
+  isHidden: () => (n) => H(n.state, s),
+  isActive: () => (n) => h(n.state, o),
+  canAddToDOM: () => (n) => !!o && !!n.state.schema.marks[o.name]
+}), I = (t) => {
+  const e = t.get(y).marks;
+  return [
+    u("bold", "ToggleBold", e.strong, e.code_inline),
+    u("italic", "ToggleItalic", e.em, e.code_inline),
+    u("strikeThrough", "ToggleStrikeThrough", e.strike_through, e.code_inline),
+    u("code", "ToggleInlineCode", e.code_inline, e.link),
+    u("link", "ToggleLink", e.link, e.code_inline)
+  ];
+}, O = (t, e = I) => {
+  const o = ({ icon: s, onClick: n, isHidden: i, isActive: r, canAddToDOM: c }) => {
+    var l;
+    return {
+      $: typeof s == "function" ? s(t) : (l = t.get(b).get(k, s)) == null ? void 0 : l.dom,
+      command: typeof n == "string" ? () => t.get(L).call(n) : n(t),
+      disable: i(t),
+      active: r(t),
+      enable: c(t)
+    };
   };
-};
-const Buttonize = ({ icon, onClick, isHidden, isActive }, ctx) => {
-  var _a;
-  return {
-    $: typeof icon === "function" ? icon(ctx) : (_a = ctx.get(themeManagerCtx).get(ThemeIcon, icon)) == null ? void 0 : _a.dom,
-    command: typeof onClick === "string" ? () => ctx.get(commandsCtx).call(onClick) : onClick(ctx),
-    disable: isHidden(ctx),
-    active: isActive(ctx),
-    enable: (view) => !isHidden(ctx)(view)
-  };
-};
-const buttonMap = (schema, ctx, items) => {
-  const { marks } = schema;
-  const ButtonItems = Array();
-  if (typeof items !== "undefined") {
-    items.forEach((item) => {
-      ButtonItems.push(Buttonize(item, ctx));
-    });
-  }
-  return __spreadValues({
-    [0]: createToggleIcon(ctx, "bold", "ToggleBold", marks["strong"], marks["code_inline"]),
-    [1]: createToggleIcon(ctx, "italic", "ToggleItalic", marks["em"], marks["code_inline"]),
-    [2]: createToggleIcon(ctx, "strikeThrough", "ToggleStrikeThrough", marks["strike_through"], marks["code_inline"]),
-    [3]: createToggleIcon(ctx, "code", "ToggleInlineCode", marks["code_inline"], marks["link"]),
-    [4]: createToggleIcon(ctx, "link", "ToggleLink", marks["link"], marks["code_inline"])
-  }, ButtonItems);
-};
-const calcButtonPos = (buttons, view, isBottom) => {
-  buttons.classList.remove("hide");
-  calculateTextPosition(view, buttons, (start, end, target, parent) => {
-    const $editor = buttons.parentElement;
-    if (!$editor) {
-      throw new Error();
-    }
-    const selectionWidth = end.left - start.left;
-    let left = start.left - parent.left - (target.width - selectionWidth) / 2;
-    let top = start.top - parent.top - target.height - 14 + $editor.scrollTop;
-    if (left < 0)
-      left = 0;
-    if (start.top - parent.top < target.height || isBottom && parent.bottom - start.bottom > target.height) {
-      top = start.bottom - parent.top + 14 + $editor.scrollTop;
-    }
-    return [top, left];
+  return e(t).map(o);
+}, D = (t, e, o) => {
+  t.classList.remove("hide"), M(e, t, (s, n, i, r) => {
+    const c = t.parentElement;
+    if (!c)
+      throw _();
+    const l = n.left - s.left;
+    let a = s.left - r.left - (i.width - l) / 2, d = s.top - r.top - i.height - 14 + c.scrollTop;
+    return a < 0 && (a = 0), (s.top - r.top < i.height || o && r.bottom - s.bottom > i.height) && (d = s.bottom - r.top + 14 + c.scrollTop), [d, a];
   });
-};
-const injectStyle = (themeManager, { css }) => {
-  const palette = (color, opacity = 1) => themeManager.get(ThemeColor, [color, opacity]);
-  const lineWidth = themeManager.get(ThemeSize, "lineWidth");
-  return css`
+}, q = (t, { css: e }) => {
+  const o = (n, i = 1) => t.get(B, [n, i]), s = t.get(f, "lineWidth");
+  return e`
         display: inline-flex;
         cursor: pointer;
         justify-content: space-evenly;
         position: absolute;
-        border-radius: ${themeManager.get(ThemeSize, "radius")};
+        border-radius: ${t.get(f, "radius")};
         z-index: 2;
 
-        ${themeManager.get(ThemeBorder, void 0)}
-        ${themeManager.get(ThemeShadow, void 0)}
+        ${t.get(P, void 0)}
+        ${t.get(E, void 0)}
 
         overflow: hidden;
-        background: ${palette("surface")};
+        background: ${o("surface")};
 
         .icon {
             position: relative;
-            color: ${palette("solid", 0.87)};
+            color: ${o("solid", 0.87)};
 
             width: 2em;
             line-height: 2em;
             text-align: center;
             transition: all 0.4s ease-in-out;
             &:hover {
-                background-color: ${palette("secondary", 0.12)};
+                background-color: ${o("secondary", 0.12)};
             }
             &.active {
-                color: ${palette("primary")};
+                color: ${o("primary")};
             }
             &:not(:last-child)::after {
                 content: '';
                 position: absolute;
                 top: 0;
-                right: calc(-0.5 * ${lineWidth});
-                width: ${lineWidth};
+                right: calc(-0.5 * ${s});
+                width: ${s};
                 bottom: 0;
-                background: ${palette("line")};
+                background: ${o("line")};
             }
         }
         &.hide,
@@ -137,152 +92,103 @@ const injectStyle = (themeManager, { css }) => {
             display: none;
         }
     `;
-};
-const createTooltip = (buttonMap2, utils, className) => {
-  const div = document.createElement("div");
-  utils.themeManager.onFlush(() => {
-    const style = utils.getStyle((emotion) => injectStyle(utils.themeManager, emotion)) || "";
-    if (style) {
-      div.classList.add(style);
-    }
-  });
-  div.classList.add(utils.getClassName({}, className));
-  return {
-    dom: div,
-    render: (editorView) => {
-      var _a;
-      Object.values(buttonMap2).filter((item) => item.enable(editorView) && item.$ != null).forEach(({ $ }) => div.appendChild($));
-      (_a = editorView.dom.parentNode) == null ? void 0 : _a.appendChild(div);
+}, w = (t, e, o) => {
+  const s = document.createElement("div");
+  return e.themeManager.onFlush(() => {
+    const n = e.getStyle((i) => q(e.themeManager, i)) || "";
+    n && s.classList.add(n);
+  }), s.classList.add(e.getClassName({}, o)), {
+    dom: s,
+    render: (n) => {
+      var i;
+      t.filter((r) => r.enable(n) && r.$ != null).forEach(({ $: r }) => s.appendChild(r)), (i = n.dom.parentNode) == null || i.appendChild(s);
     }
   };
-};
-const noActive = (buttonMap2, view) => {
-  return Object.values(buttonMap2).filter((item) => item.enable(view) && item.$ != null).every(({ $ }) => $.classList.contains("hide"));
-};
-const filterButton = (buttonMap2, view) => {
-  Object.values(buttonMap2).filter((item) => item.enable(view) && item.$ != null).forEach((item) => {
-    var _a;
-    const disable = (_a = item.disable) == null ? void 0 : _a.call(item, view);
-    if (disable) {
-      item.$.classList.add("hide");
-      return;
-    }
-    item.$.classList.remove("hide");
-    const active = item.active(view);
-    if (active) {
-      item.$.classList.add("active");
-      return;
-    }
-    item.$.classList.remove("active");
-  });
-  return noActive(buttonMap2, view);
-};
-const createButtonManager = (buttonMap2, utils, bottom, containerClassName) => {
-  const { dom: buttons, render } = createTooltip(buttonMap2, utils, containerClassName);
-  const onClick = (e) => {
-    const target = Object.values(buttonMap2).find(({ $ }) => e.target instanceof Element && $.contains(e.target));
-    if (!target)
-      return;
-    e.stopPropagation();
-    e.preventDefault();
-    target.command();
-  };
-  const hide = () => {
-    buttons.classList.add("hide");
+}, N = (t, e) => Object.values(t).filter((o) => o.enable(e) && o.$ != null).every(({ $: o }) => o.classList.contains("hide")), W = (t, e) => (t.filter((o) => o.enable(e) && o.$ != null).forEach((o) => {
+  var i;
+  if ((i = o.disable) == null ? void 0 : i.call(o, e)) {
+    o.$.classList.add("hide");
+    return;
+  }
+  if (o.$.classList.remove("hide"), o.active(e)) {
+    o.$.classList.add("active");
+    return;
+  }
+  o.$.classList.remove("active");
+}), N(t, e)), g = (t, e, o, s) => {
+  const { dom: n, render: i } = w(t, e, s), r = (l) => {
+    const a = t.find(({ $: d }) => l.target instanceof Element && d.contains(l.target));
+    !a || (l.stopPropagation(), l.preventDefault(), a.command());
+  }, c = () => {
+    n.classList.add("hide");
   };
-  buttons.addEventListener("mousedown", onClick);
-  return {
+  return n.addEventListener("mousedown", r), {
     destroy: () => {
-      buttons.removeEventListener("mousedown", onClick);
-      buttons.remove();
+      n.removeEventListener("mousedown", r), n.remove();
     },
-    hide,
-    update: (editorView) => {
-      const noActive2 = filterButton(buttonMap2, editorView);
-      if (noActive2) {
-        hide();
+    hide: c,
+    update: (l) => {
+      if (W(t, l)) {
+        c();
         return;
       }
-      calcButtonPos(buttons, editorView, bottom);
+      D(n, l, o);
     },
-    render
+    render: i
   };
-};
-const createPlugin = (buttonMap2, utils, bottom, containerClassName) => {
-  let buttonManager = createButtonManager(buttonMap2, utils, bottom, containerClassName);
-  let shouldHide = false;
-  const hide = () => {
-    buttonManager.hide();
-  };
-  const update = (view, prevState) => {
-    const { state } = view;
-    if (!view.editable || shouldHide) {
-      hide();
+}, j = (t, e, o, s) => {
+  let n = g(t, e, o, s), i = !1;
+  const r = () => {
+    n.hide();
+  }, c = (l, a) => {
+    const { state: d } = l;
+    if (!l.editable || i) {
+      r();
       return;
     }
-    const isEqualSelection = (prevState == null ? void 0 : prevState.doc.eq(state.doc)) && prevState.selection.eq(state.selection);
-    if (isEqualSelection)
-      return;
-    buttonManager.update(view);
+    (a == null ? void 0 : a.doc.eq(d.doc)) && a.selection.eq(d.selection) || n.update(l);
   };
   return {
-    recreate: (editorView) => {
-      buttonManager = createButtonManager(buttonMap2, utils, bottom, containerClassName);
-      buttonManager.render(editorView);
-      update(editorView);
+    recreate: (l) => {
+      n = g(t, e, o, s), n.render(l), c(l);
     },
-    update,
+    update: c,
     destroy: () => {
-      buttonManager.destroy();
+      n.destroy();
     },
-    render: (editorView) => {
-      buttonManager.render(editorView);
-      update(editorView);
+    render: (l) => {
+      n.render(l), c(l);
     },
-    setHide: (isTyping) => {
-      shouldHide = isTyping;
+    setHide: (l) => {
+      i = l;
     }
   };
-};
-const key = new PluginKey("MILKDOWN_TOOLTIP");
-const tooltipPlugin = createPlugin$1((utils, options) => {
-  return {
-    id: "tooltip",
-    prosePlugins: (_, ctx) => {
-      var _a;
-      const schema = ctx.get(schemaCtx);
-      const manager = createPlugin(buttonMap(schema, ctx, options == null ? void 0 : options.items), utils, (_a = options == null ? void 0 : options.bottom) != null ? _a : false, "tooltip");
-      const plugin = new Plugin({
-        key,
-        props: {
-          handleKeyDown: () => {
-            manager.setHide(true);
-            return false;
-          },
-          handleClick: (view) => {
-            manager.setHide(false);
-            manager.update(view);
-            return false;
-          },
-          handleDOMEvents: {
-            mousedown: () => {
-              manager.setHide(false);
-              return false;
-            }
-          }
-        },
-        view: (editorView) => {
-          manager.recreate(editorView);
-          return {
-            update: manager.update,
-            destroy: manager.destroy
-          };
+}, z = new p("MILKDOWN_TOOLTIP"), F = v((t, e) => ({
+  id: "tooltip",
+  prosePlugins: (o, s) => {
+    var r;
+    const n = j(O(s, e == null ? void 0 : e.items), t, (r = e == null ? void 0 : e.bottom) != null ? r : !1, "tooltip");
+    return [new T({
+      key: z,
+      props: {
+        handleClick: (c) => (n.setHide(!1), n.update(c), !1),
+        handleDOMEvents: {
+          mousedown: () => (n.setHide(!1), !1)
         }
-      });
-      return [plugin];
-    }
-  };
-});
-const tooltip = AtomList.create([tooltipPlugin()]);
-export { key, tooltip, tooltipPlugin };
+      },
+      view: (c) => (n.recreate(c), {
+        update: n.update,
+        destroy: n.destroy
+      })
+    })];
+  }
+})), U = $.create([F()]);
+export {
+  O as buttonMap,
+  u as createToggleIcon,
+  I as defaultButtons,
+  z as key,
+  U as tooltip,
+  F as tooltipPlugin
+};
 //# sourceMappingURL=index.es.js.map

package/lib/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/utility/prosemirror.ts","../src/utility/toggle.ts","../src/item.ts","../src/button-manager/calc-button-pos.ts","../src/button-manager/style.ts","../src/button-manager/create-tooltip.ts","../src/button-manager/no-active.ts","../src/button-manager/filter-button.ts","../src/button-manager/index.ts","../src/selection-marks-tooltip.ts","../src/index.ts"],"sourcesContent":["/* Copyright 2021, Milkdown by Mirone. */\nimport { findParentNode } from '@milkdown/prose';\nimport { MarkType, Node, NodeType } from '@milkdown/prose/model';\nimport { EditorState, TextSelection } from '@milkdown/prose/state';\n\nexport type Position = {\n    start: number;\n    end: number;\n};\n\nexport const hasMark = (editorState: EditorState, type?: MarkType): boolean => {\n    if (!type) {\n        return false;\n    }\n    const { from, to } = editorState.selection;\n\n    return editorState.doc.rangeHasMark(from, from === to ? to + 1 : to, type);\n};\n\nexport const isTextSelection = (editorState: EditorState): boolean => {\n    const { selection } = editorState;\n    if (selection instanceof TextSelection) {\n        const text = editorState.doc.textBetween(selection.from, selection.to);\n\n        if (!text) return false;\n\n        return true;\n    }\n    return false;\n};\n\nexport const isInCodeFence = (editorState: EditorState): boolean =>\n    Boolean(findParentNode((node) => !!node.type.spec.code)(editorState.selection));\n\nexport const isTextAndNotHasMark = (editorState: EditorState, mark?: MarkType): boolean =>\n    !isTextSelection(editorState) || isInCodeFence(editorState) || hasMark(editorState, mark);\n\nexport const equalNodeType = (nodeType: NodeType, node: Node) => {\n    return (Array.isArray(nodeType) && nodeType.indexOf(node.type) > -1) || node.type === nodeType;\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { commandsCtx, Ctx, ThemeIcon, themeManagerCtx } from '@milkdown/core';\nimport type { Icon } from '@milkdown/design-system';\nimport type { MarkType } from '@milkdown/prose/model';\n\nimport type { ButtonItem } from '../item';\nimport { hasMark, isTextAndNotHasMark } from './prosemirror';\n\nexport const createToggleIcon = (\n    ctx: Ctx,\n    iconName: Icon,\n    key: string,\n    mark: MarkType | undefined,\n    disableForMark: MarkType | undefined,\n): ButtonItem => ({\n    $: ctx.get(themeManagerCtx).get(ThemeIcon, iconName)?.dom as HTMLElement,\n    command: () => ctx.get(commandsCtx).call(key),\n    active: (view) => hasMark(view.state, mark),\n    disable: (view) => isTextAndNotHasMark(view.state, disableForMark),\n    enable: (view) => !!mark && !!view.state.schema.marks[mark.name],\n});\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { commandsCtx, Ctx, ThemeIcon, themeManagerCtx } from '@milkdown/core';\nimport type { Icon } from '@milkdown/design-system';\nimport { Schema } from '@milkdown/prose/model';\nimport { EditorView } from '@milkdown/prose/view';\n\nimport { createToggleIcon } from './utility';\n\nexport type Pred = (view: EditorView) => boolean;\nexport type Updater = (view: EditorView, $: HTMLElement) => void;\nexport type Event2Command = (e: Event) => void;\n\nexport type OnClick = (ctx: Ctx) => void;\n\nexport type Item = {\n    icon: Icon | ((ctx: Ctx) => HTMLElement);\n\n    onClick: string | ((ctx: Ctx) => () => void);\n\n    isHidden: (ctx: Ctx) => Pred;\n\n    isActive: (ctx: Ctx) => Pred;\n};\n\nexport type ButtonItem = {\n    $: HTMLElement;\n    command: () => void;\n    active: Pred;\n    disable?: Pred;\n    enable: Pred;\n};\n\nconst Buttonize = ({ icon, onClick, isHidden, isActive }: Item, ctx: Ctx): ButtonItem => ({\n    $: typeof icon === 'function' ? icon(ctx) : (ctx.get(themeManagerCtx).get(ThemeIcon, icon)?.dom as HTMLElement),\n    command: typeof onClick === 'string' ? () => ctx.get(commandsCtx).call(onClick) : onClick(ctx),\n    disable: isHidden(ctx),\n    active: isActive(ctx),\n    enable: (view: EditorView) => !isHidden(ctx)(view),\n});\n\nexport enum ButtonAction {\n    ToggleBold,\n    ToggleItalic,\n    ToggleStrike,\n    ToggleCode,\n    ToggleLink,\n}\n\nexport type ButtonMap = Record<ButtonAction, ButtonItem>;\n\nexport type TooltipOptions = {\n    bottom: boolean;\n    items: Array<Item> | undefined;\n};\n\nexport const buttonMap = (schema: Schema, ctx: Ctx, items: Array<Item> | undefined): ButtonMap => {\n    const { marks } = schema;\n    const ButtonItems = Array<ButtonItem>();\n    if (typeof items !== 'undefined') {\n        (items as Array<Item>).forEach((item) => {\n            ButtonItems.push(Buttonize(item, ctx));\n        });\n    }\n    return {\n        [ButtonAction.ToggleBold]: createToggleIcon(ctx, 'bold', 'ToggleBold', marks['strong'], marks['code_inline']),\n        [ButtonAction.ToggleItalic]: createToggleIcon(ctx, 'italic', 'ToggleItalic', marks['em'], marks['code_inline']),\n        [ButtonAction.ToggleStrike]: createToggleIcon(\n            ctx,\n            'strikeThrough',\n            'ToggleStrikeThrough',\n            marks['strike_through'],\n            marks['code_inline'],\n        ),\n        [ButtonAction.ToggleCode]: createToggleIcon(\n            ctx,\n            'code',\n            'ToggleInlineCode',\n            marks['code_inline'],\n            marks['link'],\n        ),\n        [ButtonAction.ToggleLink]: createToggleIcon(ctx, 'link', 'ToggleLink', marks['link'], marks['code_inline']),\n        ...ButtonItems,\n    };\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { calculateTextPosition } from '@milkdown/prose';\nimport { EditorView } from '@milkdown/prose/view';\n\nexport const calcButtonPos = (buttons: HTMLElement, view: EditorView, isBottom: boolean) => {\n    buttons.classList.remove('hide');\n    calculateTextPosition(view, buttons, (start, end, target, parent) => {\n        const $editor = buttons.parentElement;\n        if (!$editor) {\n            throw new Error();\n        }\n        const selectionWidth = end.left - start.left;\n        let left = start.left - parent.left - (target.width - selectionWidth) / 2;\n        let top = start.top - parent.top - target.height - 14 + $editor.scrollTop;\n\n        if (left < 0) left = 0;\n\n        if (start.top - parent.top < target.height || (isBottom && parent.bottom - start.bottom > target.height)) {\n            top = start.bottom - parent.top + 14 + $editor.scrollTop;\n        }\n        return [top, left];\n    });\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { Color, Emotion, ThemeBorder, ThemeColor, ThemeManager, ThemeShadow, ThemeSize } from '@milkdown/core';\n\nexport const injectStyle = (themeManager: ThemeManager, { css }: Emotion) => {\n    const palette = (color: Color, opacity = 1) => themeManager.get(ThemeColor, [color, opacity]);\n    const lineWidth = themeManager.get(ThemeSize, 'lineWidth');\n    return css`\n        display: inline-flex;\n        cursor: pointer;\n        justify-content: space-evenly;\n        position: absolute;\n        border-radius: ${themeManager.get(ThemeSize, 'radius')};\n        z-index: 2;\n\n        ${themeManager.get(ThemeBorder, undefined)}\n        ${themeManager.get(ThemeShadow, undefined)}\n\n        overflow: hidden;\n        background: ${palette('surface')};\n\n        .icon {\n            position: relative;\n            color: ${palette('solid', 0.87)};\n\n            width: 2em;\n            line-height: 2em;\n            text-align: center;\n            transition: all 0.4s ease-in-out;\n            &:hover {\n                background-color: ${palette('secondary', 0.12)};\n            }\n            &.active {\n                color: ${palette('primary')};\n            }\n            &:not(:last-child)::after {\n                content: '';\n                position: absolute;\n                top: 0;\n                right: calc(-0.5 * ${lineWidth});\n                width: ${lineWidth};\n                bottom: 0;\n                background: ${palette('line')};\n            }\n        }\n        &.hide,\n        .hide {\n            display: none;\n        }\n    `;\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { EditorView } from '@milkdown/prose/view';\nimport type { Utils } from '@milkdown/utils';\n\nimport type { ButtonMap } from '../item';\nimport { injectStyle } from './style';\n\ntype Tooltip = {\n    dom: HTMLDivElement;\n    render: (editorView: EditorView) => void;\n};\n\nexport const createTooltip = (buttonMap: ButtonMap, utils: Utils, className: string): Tooltip => {\n    const div = document.createElement('div');\n    utils.themeManager.onFlush(() => {\n        const style = utils.getStyle((emotion) => injectStyle(utils.themeManager, emotion)) || '';\n        if (style) {\n            div.classList.add(style);\n        }\n    });\n\n    div.classList.add(utils.getClassName({}, className));\n\n    return {\n        dom: div,\n        render: (editorView: EditorView) => {\n            Object.values(buttonMap)\n                .filter((item) => item.enable(editorView) && item.$ != null)\n                .forEach(({ $ }) => div.appendChild($));\n\n            editorView.dom.parentNode?.appendChild(div);\n        },\n    };\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { EditorView } from '@milkdown/prose/view';\n\nimport { ButtonMap } from '../item';\n\nexport const noActive = (buttonMap: ButtonMap, view: EditorView) => {\n    return Object.values(buttonMap)\n        .filter((item) => item.enable(view) && item.$ != null)\n        .every(({ $ }) => $.classList.contains('hide'));\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { EditorView } from '@milkdown/prose/view';\n\nimport { ButtonMap } from '../item';\nimport { noActive } from './no-active';\n\nexport const filterButton = (buttonMap: ButtonMap, view: EditorView) => {\n    Object.values(buttonMap)\n        .filter((item) => item.enable(view) && item.$ != null)\n        .forEach((item) => {\n            const disable = item.disable?.(view);\n            if (disable) {\n                item.$.classList.add('hide');\n                return;\n            }\n\n            item.$.classList.remove('hide');\n\n            const active = item.active(view);\n            if (active) {\n                item.$.classList.add('active');\n                return;\n            }\n            item.$.classList.remove('active');\n        });\n\n    return noActive(buttonMap, view);\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { EditorView } from '@milkdown/prose/view';\nimport type { Utils } from '@milkdown/utils';\n\nimport type { ButtonMap } from '../item';\nimport { calcButtonPos } from './calc-button-pos';\nimport { createTooltip } from './create-tooltip';\nimport { filterButton } from './filter-button';\n\nexport const createButtonManager = (\n    buttonMap: ButtonMap,\n    utils: Utils,\n    bottom: boolean,\n    containerClassName: string,\n) => {\n    const { dom: buttons, render } = createTooltip(buttonMap, utils, containerClassName);\n\n    const onClick = (e: Event) => {\n        const target = Object.values(buttonMap).find(({ $ }) => e.target instanceof Element && $.contains(e.target));\n        if (!target) return;\n\n        e.stopPropagation();\n        e.preventDefault();\n        target.command();\n    };\n\n    const hide = () => {\n        buttons.classList.add('hide');\n    };\n\n    buttons.addEventListener('mousedown', onClick);\n\n    return {\n        destroy: () => {\n            buttons.removeEventListener('mousedown', onClick);\n            buttons.remove();\n        },\n        hide,\n        update: (editorView: EditorView) => {\n            const noActive = filterButton(buttonMap, editorView);\n            if (noActive) {\n                hide();\n                return;\n            }\n            calcButtonPos(buttons, editorView, bottom);\n        },\n        render,\n    };\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { EditorState } from '@milkdown/prose/state';\nimport type { EditorView } from '@milkdown/prose/view';\nimport { Utils } from '@milkdown/utils';\n\nimport { createButtonManager } from './button-manager';\nimport type { ButtonMap } from './item';\n\nexport const createPlugin = (buttonMap: ButtonMap, utils: Utils, bottom: boolean, containerClassName: string) => {\n    let buttonManager = createButtonManager(buttonMap, utils, bottom, containerClassName);\n    let shouldHide = false;\n\n    const hide = () => {\n        buttonManager.hide();\n    };\n\n    const update = (view: EditorView, prevState?: EditorState) => {\n        const { state } = view;\n\n        if (!view.editable || shouldHide) {\n            hide();\n            return;\n        }\n\n        const isEqualSelection = prevState?.doc.eq(state.doc) && prevState.selection.eq(state.selection);\n        if (isEqualSelection) return;\n\n        buttonManager.update(view);\n    };\n\n    return {\n        recreate: (editorView: EditorView) => {\n            buttonManager = createButtonManager(buttonMap, utils, bottom, containerClassName);\n            buttonManager.render(editorView);\n            update(editorView);\n        },\n        update,\n        destroy: () => {\n            buttonManager.destroy();\n        },\n        render: (editorView: EditorView) => {\n            buttonManager.render(editorView);\n            update(editorView);\n        },\n        setHide: (isTyping: boolean) => {\n            shouldHide = isTyping;\n        },\n    };\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { schemaCtx } from '@milkdown/core';\nimport { Plugin, PluginKey } from '@milkdown/prose/state';\nimport { AtomList, createPlugin as create } from '@milkdown/utils';\n\nimport { buttonMap, TooltipOptions } from './item';\nimport { createPlugin } from './selection-marks-tooltip';\n\nexport const key = new PluginKey('MILKDOWN_TOOLTIP');\n\nexport const tooltipPlugin = create<string, TooltipOptions>((utils, options) => {\n    return {\n        id: 'tooltip',\n        prosePlugins: (_, ctx) => {\n            const schema = ctx.get(schemaCtx);\n            const manager = createPlugin(\n                buttonMap(schema, ctx, options?.items),\n                utils,\n                options?.bottom ?? false,\n                'tooltip',\n            );\n            const plugin = new Plugin({\n                key,\n                props: {\n                    handleKeyDown: () => {\n                        manager.setHide(true);\n                        return false;\n                    },\n                    handleClick: (view) => {\n                        manager.setHide(false);\n                        manager.update(view);\n                        return false;\n                    },\n                    handleDOMEvents: {\n                        mousedown: () => {\n                            manager.setHide(false);\n                            return false;\n                        },\n                    },\n                },\n                view: (editorView) => {\n                    manager.recreate(editorView);\n                    return {\n                        update: manager.update,\n                        destroy: manager.destroy,\n                    };\n                },\n            });\n            return [plugin];\n        },\n    };\n});\n\nexport const tooltip = AtomList.create([tooltipPlugin()]);\n"],"names":["create"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../src/utility/prosemirror.ts","../src/item.ts","../src/button-manager/calc-button-pos.ts","../src/button-manager/style.ts","../src/button-manager/create-tooltip.ts","../src/button-manager/no-active.ts","../src/button-manager/filter-button.ts","../src/button-manager/index.ts","../src/selection-marks-tooltip.ts","../src/index.ts"],"sourcesContent":["/* Copyright 2021, Milkdown by Mirone. */\nimport { findParentNode } from '@milkdown/prose';\nimport { MarkType, Node, NodeType } from '@milkdown/prose/model';\nimport { EditorState, TextSelection } from '@milkdown/prose/state';\n\nexport type Position = {\n    start: number;\n    end: number;\n};\n\nexport const hasMark = (editorState: EditorState, type?: MarkType): boolean => {\n    if (!type) {\n        return false;\n    }\n    const { from, to } = editorState.selection;\n\n    return editorState.doc.rangeHasMark(from, from === to ? to + 1 : to, type);\n};\n\nexport const isTextSelection = (editorState: EditorState): boolean => {\n    const { selection } = editorState;\n    if (selection instanceof TextSelection) {\n        const text = editorState.doc.textBetween(selection.from, selection.to);\n\n        if (!text) return false;\n\n        return true;\n    }\n    return false;\n};\n\nexport const isInCodeFence = (editorState: EditorState): boolean =>\n    Boolean(findParentNode((node) => !!node.type.spec.code)(editorState.selection));\n\nexport const isTextAndNotHasMark = (editorState: EditorState, mark?: MarkType): boolean =>\n    !isTextSelection(editorState) || isInCodeFence(editorState) || hasMark(editorState, mark);\n\nexport const equalNodeType = (nodeType: NodeType, node: Node) => {\n    return (Array.isArray(nodeType) && nodeType.indexOf(node.type) > -1) || node.type === nodeType;\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { commandsCtx, Ctx, schemaCtx, ThemeIcon, themeManagerCtx } from '@milkdown/core';\nimport type { Icon } from '@milkdown/design-system';\nimport type { MarkType } from '@milkdown/prose/model';\nimport { EditorView } from '@milkdown/prose/view';\n\nimport { hasMark, isTextAndNotHasMark } from './utility';\n\nexport type Pred = (view: EditorView) => boolean;\nexport type Updater = (view: EditorView, $: HTMLElement) => void;\nexport type Event2Command = (e: Event) => void;\n\nexport type OnClick = (ctx: Ctx) => void;\n\nexport type Item = {\n    icon: Icon | ((ctx: Ctx) => HTMLElement);\n    onClick: string | ((ctx: Ctx) => () => void);\n    isHidden: (ctx: Ctx) => Pred;\n    isActive: (ctx: Ctx) => Pred;\n    canAddToDOM: (ctx: Ctx) => Pred;\n};\n\nexport type ButtonItem = {\n    $: HTMLElement;\n    command: () => void;\n    active: Pred;\n    disable?: Pred;\n    enable: Pred;\n};\n\nexport const createToggleIcon = (\n    icon: Icon,\n    onClick: string,\n    mark: MarkType | undefined,\n    disableForMark: MarkType | undefined,\n): Item => ({\n    icon,\n    onClick,\n    isHidden: () => (view: EditorView) => isTextAndNotHasMark(view.state, disableForMark),\n    isActive: () => (view: EditorView) => hasMark(view.state, mark),\n    canAddToDOM: () => (view: EditorView) => !!mark && !!view.state.schema.marks[mark.name],\n});\n\nexport const defaultButtons = (ctx: Ctx) => {\n    const marks = ctx.get(schemaCtx).marks;\n    return [\n        createToggleIcon('bold', 'ToggleBold', marks['strong'], marks['code_inline']),\n        createToggleIcon('italic', 'ToggleItalic', marks['em'], marks['code_inline']),\n        createToggleIcon('strikeThrough', 'ToggleStrikeThrough', marks['strike_through'], marks['code_inline']),\n        createToggleIcon('code', 'ToggleInlineCode', marks['code_inline'], marks['link']),\n        createToggleIcon('link', 'ToggleLink', marks['link'], marks['code_inline']),\n    ];\n};\n\nexport type ButtonList = ButtonItem[];\n\nexport type TooltipOptions = {\n    bottom: boolean;\n    items: (ctx: Ctx) => Array<Item>;\n};\n\nexport const buttonMap = (ctx: Ctx, items: (ctx: Ctx) => Array<Item> = defaultButtons): ButtonList => {\n    const toButton = ({ icon, onClick, isHidden, isActive, canAddToDOM }: Item): ButtonItem => ({\n        $: typeof icon === 'function' ? icon(ctx) : (ctx.get(themeManagerCtx).get(ThemeIcon, icon)?.dom as HTMLElement),\n        command: typeof onClick === 'string' ? () => ctx.get(commandsCtx).call(onClick) : onClick(ctx),\n        disable: isHidden(ctx),\n        active: isActive(ctx),\n        enable: canAddToDOM(ctx),\n    });\n    return items(ctx).map(toButton);\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { missingRootElement } from '@milkdown/exception';\nimport { calculateTextPosition } from '@milkdown/prose';\nimport { EditorView } from '@milkdown/prose/view';\n\nexport const calcButtonPos = (buttons: HTMLElement, view: EditorView, isBottom: boolean) => {\n    buttons.classList.remove('hide');\n    calculateTextPosition(view, buttons, (start, end, target, parent) => {\n        const $editor = buttons.parentElement;\n        if (!$editor) {\n            throw missingRootElement();\n        }\n        const selectionWidth = end.left - start.left;\n        let left = start.left - parent.left - (target.width - selectionWidth) / 2;\n        let top = start.top - parent.top - target.height - 14 + $editor.scrollTop;\n\n        if (left < 0) left = 0;\n\n        if (start.top - parent.top < target.height || (isBottom && parent.bottom - start.bottom > target.height)) {\n            top = start.bottom - parent.top + 14 + $editor.scrollTop;\n        }\n        return [top, left];\n    });\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { Color, Emotion, ThemeBorder, ThemeColor, ThemeManager, ThemeShadow, ThemeSize } from '@milkdown/core';\n\nexport const injectStyle = (themeManager: ThemeManager, { css }: Emotion) => {\n    const palette = (color: Color, opacity = 1) => themeManager.get(ThemeColor, [color, opacity]);\n    const lineWidth = themeManager.get(ThemeSize, 'lineWidth');\n    return css`\n        display: inline-flex;\n        cursor: pointer;\n        justify-content: space-evenly;\n        position: absolute;\n        border-radius: ${themeManager.get(ThemeSize, 'radius')};\n        z-index: 2;\n\n        ${themeManager.get(ThemeBorder, undefined)}\n        ${themeManager.get(ThemeShadow, undefined)}\n\n        overflow: hidden;\n        background: ${palette('surface')};\n\n        .icon {\n            position: relative;\n            color: ${palette('solid', 0.87)};\n\n            width: 2em;\n            line-height: 2em;\n            text-align: center;\n            transition: all 0.4s ease-in-out;\n            &:hover {\n                background-color: ${palette('secondary', 0.12)};\n            }\n            &.active {\n                color: ${palette('primary')};\n            }\n            &:not(:last-child)::after {\n                content: '';\n                position: absolute;\n                top: 0;\n                right: calc(-0.5 * ${lineWidth});\n                width: ${lineWidth};\n                bottom: 0;\n                background: ${palette('line')};\n            }\n        }\n        &.hide,\n        .hide {\n            display: none;\n        }\n    `;\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { EditorView } from '@milkdown/prose/view';\nimport type { Utils } from '@milkdown/utils';\n\nimport type { ButtonList } from '../item';\nimport { injectStyle } from './style';\n\ntype Tooltip = {\n    dom: HTMLDivElement;\n    render: (editorView: EditorView) => void;\n};\n\nexport const createTooltip = (buttonMap: ButtonList, utils: Utils, className: string): Tooltip => {\n    const div = document.createElement('div');\n    utils.themeManager.onFlush(() => {\n        const style = utils.getStyle((emotion) => injectStyle(utils.themeManager, emotion)) || '';\n        if (style) {\n            div.classList.add(style);\n        }\n    });\n\n    div.classList.add(utils.getClassName({}, className));\n\n    return {\n        dom: div,\n        render: (editorView: EditorView) => {\n            buttonMap\n                .filter((item) => item.enable(editorView) && item.$ != null)\n                .forEach(({ $ }) => div.appendChild($));\n\n            editorView.dom.parentNode?.appendChild(div);\n        },\n    };\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { EditorView } from '@milkdown/prose/view';\n\nimport { ButtonList } from '../item';\n\nexport const noActive = (buttonMap: ButtonList, view: EditorView) => {\n    return Object.values(buttonMap)\n        .filter((item) => item.enable(view) && item.$ != null)\n        .every(({ $ }) => $.classList.contains('hide'));\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { EditorView } from '@milkdown/prose/view';\n\nimport { ButtonList } from '../item';\nimport { noActive } from './no-active';\n\nexport const filterButton = (buttons: ButtonList, view: EditorView) => {\n    buttons\n        .filter((item) => item.enable(view) && item.$ != null)\n        .forEach((item) => {\n            const disable = item.disable?.(view);\n            if (disable) {\n                item.$.classList.add('hide');\n                return;\n            }\n\n            item.$.classList.remove('hide');\n\n            const active = item.active(view);\n            if (active) {\n                item.$.classList.add('active');\n                return;\n            }\n            item.$.classList.remove('active');\n        });\n\n    return noActive(buttons, view);\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { EditorView } from '@milkdown/prose/view';\nimport type { Utils } from '@milkdown/utils';\n\nimport type { ButtonList } from '../item';\nimport { calcButtonPos } from './calc-button-pos';\nimport { createTooltip } from './create-tooltip';\nimport { filterButton } from './filter-button';\n\nexport const createButtonManager = (buttons: ButtonList, utils: Utils, bottom: boolean, containerClassName: string) => {\n    const { dom: buttonDOM, render } = createTooltip(buttons, utils, containerClassName);\n\n    const onClick = (e: Event) => {\n        const target = buttons.find(({ $ }) => e.target instanceof Element && $.contains(e.target));\n        if (!target) return;\n\n        e.stopPropagation();\n        e.preventDefault();\n        target.command();\n    };\n\n    const hide = () => {\n        buttonDOM.classList.add('hide');\n    };\n\n    buttonDOM.addEventListener('mousedown', onClick);\n\n    return {\n        destroy: () => {\n            buttonDOM.removeEventListener('mousedown', onClick);\n            buttonDOM.remove();\n        },\n        hide,\n        update: (editorView: EditorView) => {\n            const noActive = filterButton(buttons, editorView);\n            if (noActive) {\n                hide();\n                return;\n            }\n            calcButtonPos(buttonDOM, editorView, bottom);\n        },\n        render,\n    };\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { EditorState } from '@milkdown/prose/state';\nimport type { EditorView } from '@milkdown/prose/view';\nimport { Utils } from '@milkdown/utils';\n\nimport { createButtonManager } from './button-manager';\nimport type { ButtonList } from './item';\n\nexport const createPlugin = (buttonMap: ButtonList, utils: Utils, bottom: boolean, containerClassName: string) => {\n    let buttonManager = createButtonManager(buttonMap, utils, bottom, containerClassName);\n    let shouldHide = false;\n\n    const hide = () => {\n        buttonManager.hide();\n    };\n\n    const update = (view: EditorView, prevState?: EditorState) => {\n        const { state } = view;\n\n        if (!view.editable || shouldHide) {\n            hide();\n            return;\n        }\n\n        const isEqualSelection = prevState?.doc.eq(state.doc) && prevState.selection.eq(state.selection);\n        if (isEqualSelection) return;\n\n        buttonManager.update(view);\n    };\n\n    return {\n        recreate: (editorView: EditorView) => {\n            buttonManager = createButtonManager(buttonMap, utils, bottom, containerClassName);\n            buttonManager.render(editorView);\n            update(editorView);\n        },\n        update,\n        destroy: () => {\n            buttonManager.destroy();\n        },\n        render: (editorView: EditorView) => {\n            buttonManager.render(editorView);\n            update(editorView);\n        },\n        setHide: (isTyping: boolean) => {\n            shouldHide = isTyping;\n        },\n    };\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { Plugin, PluginKey } from '@milkdown/prose/state';\nimport { AtomList, createPlugin as create } from '@milkdown/utils';\n\nimport { buttonMap, TooltipOptions } from './item';\nimport { createPlugin } from './selection-marks-tooltip';\n\nexport const key = new PluginKey('MILKDOWN_TOOLTIP');\nexport * from './item';\n\nexport const tooltipPlugin = create<string, TooltipOptions>((utils, options) => {\n    return {\n        id: 'tooltip',\n        prosePlugins: (_, ctx) => {\n            const manager = createPlugin(buttonMap(ctx, options?.items), utils, options?.bottom ?? false, 'tooltip');\n            const plugin = new Plugin({\n                key,\n                props: {\n                    handleClick: (view) => {\n                        manager.setHide(false);\n                        manager.update(view);\n                        return false;\n                    },\n                    handleDOMEvents: {\n                        mousedown: () => {\n                            manager.setHide(false);\n                            return false;\n                        },\n                    },\n                },\n                view: (editorView) => {\n                    manager.recreate(editorView);\n                    return {\n                        update: manager.update,\n                        destroy: manager.destroy,\n                    };\n                },\n            });\n            return [plugin];\n        },\n    };\n});\n\nexport const tooltip = AtomList.create([tooltipPlugin()]);\n"],"names":["create"],"mappings":"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"}

package/lib/item.d.ts

@@ -1,6 +1,6 @@
 import { Ctx } from '@milkdown/core';
 import type { Icon } from '@milkdown/design-system';
-import { Schema } from '@milkdown/prose/model';
+import type { MarkType } from '@milkdown/prose/model';
 import { EditorView } from '@milkdown/prose/view';
 export declare type Pred = (view: EditorView) => boolean;
 export declare type Updater = (view: EditorView, $: HTMLElement) => void;
@@ -11,6 +11,7 @@ export declare type Item = {
     onClick: string | ((ctx: Ctx) => () => void);
     isHidden: (ctx: Ctx) => Pred;
     isActive: (ctx: Ctx) => Pred;
+    canAddToDOM: (ctx: Ctx) => Pred;
 };
 export declare type ButtonItem = {
     $: HTMLElement;
@@ -19,17 +20,12 @@ export declare type ButtonItem = {
     disable?: Pred;
     enable: Pred;
 };
-export declare enum ButtonAction {
-    ToggleBold = 0,
-    ToggleItalic = 1,
-    ToggleStrike = 2,
-    ToggleCode = 3,
-    ToggleLink = 4
-}
-export declare type ButtonMap = Record<ButtonAction, ButtonItem>;
+export declare const createToggleIcon: (icon: Icon, onClick: string, mark: MarkType | undefined, disableForMark: MarkType | undefined) => Item;
+export declare const defaultButtons: (ctx: Ctx) => Item[];
+export declare type ButtonList = ButtonItem[];
 export declare type TooltipOptions = {
     bottom: boolean;
-    items: Array<Item> | undefined;
+    items: (ctx: Ctx) => Array<Item>;
 };
-export declare const buttonMap: (schema: Schema, ctx: Ctx, items: Array<Item> | undefined) => ButtonMap;
+export declare const buttonMap: (ctx: Ctx, items?: (ctx: Ctx) => Array<Item>) => ButtonList;
 //# sourceMappingURL=item.d.ts.map

package/lib/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../src/item.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,GAAG,EAA8B,MAAM,gBAAgB,CAAC;AAC9E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAIlD,oBAAY,IAAI,GAAG,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;AACjD,oBAAY,OAAO,GAAG,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;AACjE,oBAAY,aAAa,GAAG,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;AAE/C,oBAAY,OAAO,GAAG,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;AAEzC,oBAAY,IAAI,GAAG;IACf,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,WAAW,CAAC,CAAC;IAEzC,OAAO,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,IAAI,CAAC,CAAC;IAE7C,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAE7B,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF,oBAAY,UAAU,GAAG;IACrB,CAAC,EAAE,WAAW,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,IAAI,CAAC;IACb,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,MAAM,EAAE,IAAI,CAAC;CAChB,CAAC;AAUF,oBAAY,YAAY;IACpB,UAAU,IAAA;IACV,YAAY,IAAA;IACZ,YAAY,IAAA;IACZ,UAAU,IAAA;IACV,UAAU,IAAA;CACb;AAED,oBAAY,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AAEzD,oBAAY,cAAc,GAAG;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,SAAS,WAAY,MAAM,OAAO,GAAG,SAAS,MAAM,IAAI,CAAC,GAAG,SAAS,KAAG,SA4BpF,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../src/item.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,GAAG,EAAyC,MAAM,gBAAgB,CAAC;AACzF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAIlD,oBAAY,IAAI,GAAG,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;AACjD,oBAAY,OAAO,GAAG,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;AACjE,oBAAY,aAAa,GAAG,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;AAE/C,oBAAY,OAAO,GAAG,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;AAEzC,oBAAY,IAAI,GAAG;IACf,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,WAAW,CAAC,CAAC;IACzC,OAAO,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,IAAI,CAAC,CAAC;IAC7C,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,oBAAY,UAAU,GAAG;IACrB,CAAC,EAAE,WAAW,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,IAAI,CAAC;IACb,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,MAAM,EAAE,IAAI,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,gBAAgB,SACnB,IAAI,WACD,MAAM,QACT,QAAQ,GAAG,SAAS,kBACV,QAAQ,GAAG,SAAS,KACrC,IAMD,CAAC;AAEH,eAAO,MAAM,cAAc,QAAS,GAAG,WAStC,CAAC;AAEF,oBAAY,UAAU,GAAG,UAAU,EAAE,CAAC;AAEtC,oBAAY,cAAc,GAAG;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,SAAS,QAAS,GAAG,gBAAe,GAAG,KAAK,MAAM,IAAI,CAAC,eASnE,CAAC"}

package/lib/selection-marks-tooltip.d.ts

@@ -1,10 +1,10 @@
 import { EditorState } from '@milkdown/prose/state';
 import type { EditorView } from '@milkdown/prose/view';
 import { Utils } from '@milkdown/utils';
-import type { ButtonMap } from './item';
-export declare const createPlugin: (buttonMap: ButtonMap, utils: Utils, bottom: boolean, containerClassName: string) => {
+import type { ButtonList } from './item';
+export declare const createPlugin: (buttonMap: ButtonList, utils: Utils, bottom: boolean, containerClassName: string) => {
     recreate: (editorView: EditorView) => void;
-    update: (view: EditorView, prevState?: EditorState<any> | undefined) => void;
+    update: (view: EditorView, prevState?: EditorState) => void;
     destroy: () => void;
     render: (editorView: EditorView) => void;
     setHide: (isTyping: boolean) => void;

package/lib/selection-marks-tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection-marks-tooltip.d.ts","sourceRoot":"","sources":["../src/selection-marks-tooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAGxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,eAAO,MAAM,YAAY,cAAe,SAAS,SAAS,KAAK,UAAU,OAAO,sBAAsB,MAAM;2BAuB7E,UAAU;mBAff,UAAU;;yBAwBP,UAAU;wBAIX,OAAO;CAIlC,CAAC"}
+{"version":3,"file":"selection-marks-tooltip.d.ts","sourceRoot":"","sources":["../src/selection-marks-tooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAGxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEzC,eAAO,MAAM,YAAY,iCAAkC,KAAK,UAAU,OAAO,sBAAsB,MAAM;2BAuB9E,UAAU;mBAff,UAAU,cAAc,WAAW;;yBAwBhC,UAAU;wBAIX,OAAO;CAIlC,CAAC"}

package/lib/utility/index.d.ts

@@ -1,4 +1,3 @@
 export * from './element';
 export * from './prosemirror';
-export * from './toggle';
 //# sourceMappingURL=index.d.ts.map

package/lib/utility/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utility/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utility/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}

package/lib/utility/prosemirror.d.ts

@@ -4,9 +4,9 @@ export declare type Position = {
     start: number;
     end: number;
 };
-export declare const hasMark: (editorState: EditorState, type?: MarkType<any> | undefined) => boolean;
+export declare const hasMark: (editorState: EditorState, type?: MarkType) => boolean;
 export declare const isTextSelection: (editorState: EditorState) => boolean;
 export declare const isInCodeFence: (editorState: EditorState) => boolean;
-export declare const isTextAndNotHasMark: (editorState: EditorState, mark?: MarkType<any> | undefined) => boolean;
+export declare const isTextAndNotHasMark: (editorState: EditorState, mark?: MarkType) => boolean;
 export declare const equalNodeType: (nodeType: NodeType, node: Node) => boolean;
 //# sourceMappingURL=prosemirror.d.ts.map

package/lib/utility/prosemirror.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosemirror.d.ts","sourceRoot":"","sources":["../../src/utility/prosemirror.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAiB,MAAM,uBAAuB,CAAC;AAEnE,oBAAY,QAAQ,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,OAAO,gBAAiB,WAAW,uCAAoB,OAOnE,CAAC;AAEF,eAAO,MAAM,eAAe,gBAAiB,WAAW,KAAG,OAU1D,CAAC;AAEF,eAAO,MAAM,aAAa,gBAAiB,WAAW,KAAG,OAC0B,CAAC;AAEpF,eAAO,MAAM,mBAAmB,gBAAiB,WAAW,uCAAoB,OACa,CAAC;AAE9F,eAAO,MAAM,aAAa,aAAc,QAAQ,QAAQ,IAAI,YAE3D,CAAC"}
+{"version":3,"file":"prosemirror.d.ts","sourceRoot":"","sources":["../../src/utility/prosemirror.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAiB,MAAM,uBAAuB,CAAC;AAEnE,oBAAY,QAAQ,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,OAAO,gBAAiB,WAAW,SAAS,QAAQ,KAAG,OAOnE,CAAC;AAEF,eAAO,MAAM,eAAe,gBAAiB,WAAW,KAAG,OAU1D,CAAC;AAEF,eAAO,MAAM,aAAa,gBAAiB,WAAW,KAAG,OAC0B,CAAC;AAEpF,eAAO,MAAM,mBAAmB,gBAAiB,WAAW,SAAS,QAAQ,KAAG,OACa,CAAC;AAE9F,eAAO,MAAM,aAAa,aAAc,QAAQ,QAAQ,IAAI,YAE3D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milkdown/plugin-tooltip",
-  "version": "6.1.4",
+  "version": "6.3.0",
   "type": "module",
   "main": "./lib/index.es.js",
   "types": "./lib/index.d.ts",
@@ -15,17 +15,18 @@
     "milkdown plugin"
   ],
   "devDependencies": {
-    "@milkdown/core": "6.1.4",
-    "@milkdown/prose": "6.1.4",
-    "@milkdown/design-system": "6.1.4"
+    "@milkdown/core": "6.3.0",
+    "@milkdown/prose": "6.3.0",
+    "@milkdown/design-system": "6.3.0"
   },
   "peerDependencies": {
     "@milkdown/core": "^6.0.1",
     "@milkdown/prose": "^6.0.1"
   },
   "dependencies": {
-    "@milkdown/utils": "6.1.4",
-    "tslib": "^2.3.1"
+    "@milkdown/utils": "6.3.0",
+    "@milkdown/exception": "6.3.0",
+    "tslib": "^2.4.0"
   },
   "nx": {
     "targets": {

package/src/button-manager/calc-button-pos.ts

@@ -1,4 +1,5 @@
 /* Copyright 2021, Milkdown by Mirone. */
+import { missingRootElement } from '@milkdown/exception';
 import { calculateTextPosition } from '@milkdown/prose';
 import { EditorView } from '@milkdown/prose/view';
 
@@ -7,7 +8,7 @@ export const calcButtonPos = (buttons: HTMLElement, view: EditorView, isBottom:
     calculateTextPosition(view, buttons, (start, end, target, parent) => {
         const $editor = buttons.parentElement;
         if (!$editor) {
-            throw new Error();
+            throw missingRootElement();
         }
         const selectionWidth = end.left - start.left;
         let left = start.left - parent.left - (target.width - selectionWidth) / 2;

package/src/button-manager/create-tooltip.ts

@@ -2,7 +2,7 @@
 import type { EditorView } from '@milkdown/prose/view';
 import type { Utils } from '@milkdown/utils';
 
-import type { ButtonMap } from '../item';
+import type { ButtonList } from '../item';
 import { injectStyle } from './style';
 
 type Tooltip = {
@@ -10,7 +10,7 @@ type Tooltip = {
     render: (editorView: EditorView) => void;
 };
 
-export const createTooltip = (buttonMap: ButtonMap, utils: Utils, className: string): Tooltip => {
+export const createTooltip = (buttonMap: ButtonList, utils: Utils, className: string): Tooltip => {
     const div = document.createElement('div');
     utils.themeManager.onFlush(() => {
         const style = utils.getStyle((emotion) => injectStyle(utils.themeManager, emotion)) || '';
@@ -24,7 +24,7 @@ export const createTooltip = (buttonMap: ButtonMap, utils: Utils, className: str
     return {
         dom: div,
         render: (editorView: EditorView) => {
-            Object.values(buttonMap)
+            buttonMap
                 .filter((item) => item.enable(editorView) && item.$ != null)
                 .forEach(({ $ }) => div.appendChild($));
 

package/src/button-manager/filter-button.ts

@@ -1,11 +1,11 @@
 /* Copyright 2021, Milkdown by Mirone. */
 import { EditorView } from '@milkdown/prose/view';
 
-import { ButtonMap } from '../item';
+import { ButtonList } from '../item';
 import { noActive } from './no-active';
 
-export const filterButton = (buttonMap: ButtonMap, view: EditorView) => {
-    Object.values(buttonMap)
+export const filterButton = (buttons: ButtonList, view: EditorView) => {
+    buttons
         .filter((item) => item.enable(view) && item.$ != null)
         .forEach((item) => {
             const disable = item.disable?.(view);
@@ -24,5 +24,5 @@ export const filterButton = (buttonMap: ButtonMap, view: EditorView) => {
             item.$.classList.remove('active');
         });
 
-    return noActive(buttonMap, view);
+    return noActive(buttons, view);
 };

package/src/button-manager/index.ts

@@ -2,21 +2,16 @@
 import type { EditorView } from '@milkdown/prose/view';
 import type { Utils } from '@milkdown/utils';
 
-import type { ButtonMap } from '../item';
+import type { ButtonList } from '../item';
 import { calcButtonPos } from './calc-button-pos';
 import { createTooltip } from './create-tooltip';
 import { filterButton } from './filter-button';
 
-export const createButtonManager = (
-    buttonMap: ButtonMap,
-    utils: Utils,
-    bottom: boolean,
-    containerClassName: string,
-) => {
-    const { dom: buttons, render } = createTooltip(buttonMap, utils, containerClassName);
+export const createButtonManager = (buttons: ButtonList, utils: Utils, bottom: boolean, containerClassName: string) => {
+    const { dom: buttonDOM, render } = createTooltip(buttons, utils, containerClassName);
 
     const onClick = (e: Event) => {
-        const target = Object.values(buttonMap).find(({ $ }) => e.target instanceof Element && $.contains(e.target));
+        const target = buttons.find(({ $ }) => e.target instanceof Element && $.contains(e.target));
         if (!target) return;
 
         e.stopPropagation();
@@ -25,24 +20,24 @@ export const createButtonManager = (
     };
 
     const hide = () => {
-        buttons.classList.add('hide');
+        buttonDOM.classList.add('hide');
     };
 
-    buttons.addEventListener('mousedown', onClick);
+    buttonDOM.addEventListener('mousedown', onClick);
 
     return {
         destroy: () => {
-            buttons.removeEventListener('mousedown', onClick);
-            buttons.remove();
+            buttonDOM.removeEventListener('mousedown', onClick);
+            buttonDOM.remove();
         },
         hide,
         update: (editorView: EditorView) => {
-            const noActive = filterButton(buttonMap, editorView);
+            const noActive = filterButton(buttons, editorView);
             if (noActive) {
                 hide();
                 return;
             }
-            calcButtonPos(buttons, editorView, bottom);
+            calcButtonPos(buttonDOM, editorView, bottom);
         },
         render,
     };

package/src/button-manager/no-active.ts

@@ -1,9 +1,9 @@
 /* Copyright 2021, Milkdown by Mirone. */
 import { EditorView } from '@milkdown/prose/view';
 
-import { ButtonMap } from '../item';
+import { ButtonList } from '../item';
 
-export const noActive = (buttonMap: ButtonMap, view: EditorView) => {
+export const noActive = (buttonMap: ButtonList, view: EditorView) => {
     return Object.values(buttonMap)
         .filter((item) => item.enable(view) && item.$ != null)
         .every(({ $ }) => $.classList.contains('hide'));

package/src/index.ts

@@ -1,5 +1,4 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { schemaCtx } from '@milkdown/core';
 import { Plugin, PluginKey } from '@milkdown/prose/state';
 import { AtomList, createPlugin as create } from '@milkdown/utils';
 
@@ -7,25 +6,16 @@ import { buttonMap, TooltipOptions } from './item';
 import { createPlugin } from './selection-marks-tooltip';
 
 export const key = new PluginKey('MILKDOWN_TOOLTIP');
+export * from './item';
 
 export const tooltipPlugin = create<string, TooltipOptions>((utils, options) => {
     return {
         id: 'tooltip',
         prosePlugins: (_, ctx) => {
-            const schema = ctx.get(schemaCtx);
-            const manager = createPlugin(
-                buttonMap(schema, ctx, options?.items),
-                utils,
-                options?.bottom ?? false,
-                'tooltip',
-            );
+            const manager = createPlugin(buttonMap(ctx, options?.items), utils, options?.bottom ?? false, 'tooltip');
             const plugin = new Plugin({
                 key,
                 props: {
-                    handleKeyDown: () => {
-                        manager.setHide(true);
-                        return false;
-                    },
                     handleClick: (view) => {
                         manager.setHide(false);
                         manager.update(view);

package/src/item.ts

@@ -1,10 +1,10 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { commandsCtx, Ctx, ThemeIcon, themeManagerCtx } from '@milkdown/core';
+import { commandsCtx, Ctx, schemaCtx, ThemeIcon, themeManagerCtx } from '@milkdown/core';
 import type { Icon } from '@milkdown/design-system';
-import { Schema } from '@milkdown/prose/model';
+import type { MarkType } from '@milkdown/prose/model';
 import { EditorView } from '@milkdown/prose/view';
 
-import { createToggleIcon } from './utility';
+import { hasMark, isTextAndNotHasMark } from './utility';
 
 export type Pred = (view: EditorView) => boolean;
 export type Updater = (view: EditorView, $: HTMLElement) => void;
@@ -14,12 +14,10 @@ export type OnClick = (ctx: Ctx) => void;
 
 export type Item = {
     icon: Icon | ((ctx: Ctx) => HTMLElement);
-
     onClick: string | ((ctx: Ctx) => () => void);
-
     isHidden: (ctx: Ctx) => Pred;
-
     isActive: (ctx: Ctx) => Pred;
+    canAddToDOM: (ctx: Ctx) => Pred;
 };
 
 export type ButtonItem = {
@@ -30,55 +28,44 @@ export type ButtonItem = {
     enable: Pred;
 };
 
-const Buttonize = ({ icon, onClick, isHidden, isActive }: Item, ctx: Ctx): ButtonItem => ({
-    $: typeof icon === 'function' ? icon(ctx) : (ctx.get(themeManagerCtx).get(ThemeIcon, icon)?.dom as HTMLElement),
-    command: typeof onClick === 'string' ? () => ctx.get(commandsCtx).call(onClick) : onClick(ctx),
-    disable: isHidden(ctx),
-    active: isActive(ctx),
-    enable: (view: EditorView) => !isHidden(ctx)(view),
+export const createToggleIcon = (
+    icon: Icon,
+    onClick: string,
+    mark: MarkType | undefined,
+    disableForMark: MarkType | undefined,
+): Item => ({
+    icon,
+    onClick,
+    isHidden: () => (view: EditorView) => isTextAndNotHasMark(view.state, disableForMark),
+    isActive: () => (view: EditorView) => hasMark(view.state, mark),
+    canAddToDOM: () => (view: EditorView) => !!mark && !!view.state.schema.marks[mark.name],
 });
 
-export enum ButtonAction {
-    ToggleBold,
-    ToggleItalic,
-    ToggleStrike,
-    ToggleCode,
-    ToggleLink,
-}
+export const defaultButtons = (ctx: Ctx) => {
+    const marks = ctx.get(schemaCtx).marks;
+    return [
+        createToggleIcon('bold', 'ToggleBold', marks['strong'], marks['code_inline']),
+        createToggleIcon('italic', 'ToggleItalic', marks['em'], marks['code_inline']),
+        createToggleIcon('strikeThrough', 'ToggleStrikeThrough', marks['strike_through'], marks['code_inline']),
+        createToggleIcon('code', 'ToggleInlineCode', marks['code_inline'], marks['link']),
+        createToggleIcon('link', 'ToggleLink', marks['link'], marks['code_inline']),
+    ];
+};
 
-export type ButtonMap = Record<ButtonAction, ButtonItem>;
+export type ButtonList = ButtonItem[];
 
 export type TooltipOptions = {
     bottom: boolean;
-    items: Array<Item> | undefined;
+    items: (ctx: Ctx) => Array<Item>;
 };
 
-export const buttonMap = (schema: Schema, ctx: Ctx, items: Array<Item> | undefined): ButtonMap => {
-    const { marks } = schema;
-    const ButtonItems = Array<ButtonItem>();
-    if (typeof items !== 'undefined') {
-        (items as Array<Item>).forEach((item) => {
-            ButtonItems.push(Buttonize(item, ctx));
-        });
-    }
-    return {
-        [ButtonAction.ToggleBold]: createToggleIcon(ctx, 'bold', 'ToggleBold', marks['strong'], marks['code_inline']),
-        [ButtonAction.ToggleItalic]: createToggleIcon(ctx, 'italic', 'ToggleItalic', marks['em'], marks['code_inline']),
-        [ButtonAction.ToggleStrike]: createToggleIcon(
-            ctx,
-            'strikeThrough',
-            'ToggleStrikeThrough',
-            marks['strike_through'],
-            marks['code_inline'],
-        ),
-        [ButtonAction.ToggleCode]: createToggleIcon(
-            ctx,
-            'code',
-            'ToggleInlineCode',
-            marks['code_inline'],
-            marks['link'],
-        ),
-        [ButtonAction.ToggleLink]: createToggleIcon(ctx, 'link', 'ToggleLink', marks['link'], marks['code_inline']),
-        ...ButtonItems,
-    };
+export const buttonMap = (ctx: Ctx, items: (ctx: Ctx) => Array<Item> = defaultButtons): ButtonList => {
+    const toButton = ({ icon, onClick, isHidden, isActive, canAddToDOM }: Item): ButtonItem => ({
+        $: typeof icon === 'function' ? icon(ctx) : (ctx.get(themeManagerCtx).get(ThemeIcon, icon)?.dom as HTMLElement),
+        command: typeof onClick === 'string' ? () => ctx.get(commandsCtx).call(onClick) : onClick(ctx),
+        disable: isHidden(ctx),
+        active: isActive(ctx),
+        enable: canAddToDOM(ctx),
+    });
+    return items(ctx).map(toButton);
 };

package/src/selection-marks-tooltip.ts

@@ -4,9 +4,9 @@ import type { EditorView } from '@milkdown/prose/view';
 import { Utils } from '@milkdown/utils';
 
 import { createButtonManager } from './button-manager';
-import type { ButtonMap } from './item';
+import type { ButtonList } from './item';
 
-export const createPlugin = (buttonMap: ButtonMap, utils: Utils, bottom: boolean, containerClassName: string) => {
+export const createPlugin = (buttonMap: ButtonList, utils: Utils, bottom: boolean, containerClassName: string) => {
     let buttonManager = createButtonManager(buttonMap, utils, bottom, containerClassName);
     let shouldHide = false;
 

package/src/utility/index.ts

@@ -1,4 +1,3 @@
 /* Copyright 2021, Milkdown by Mirone. */
 export * from './element';
 export * from './prosemirror';
-export * from './toggle';

package/lib/utility/toggle.d.ts

@@ -1,6 +0,0 @@
-import { Ctx } from '@milkdown/core';
-import type { Icon } from '@milkdown/design-system';
-import type { MarkType } from '@milkdown/prose/model';
-import type { ButtonItem } from '../item';
-export declare const createToggleIcon: (ctx: Ctx, iconName: Icon, key: string, mark: MarkType | undefined, disableForMark: MarkType | undefined) => ButtonItem;
-//# sourceMappingURL=toggle.d.ts.map

package/lib/utility/toggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../src/utility/toggle.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,GAAG,EAA8B,MAAM,gBAAgB,CAAC;AAC9E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,eAAO,MAAM,gBAAgB,QACpB,GAAG,YACE,IAAI,OACT,MAAM,QACL,QAAQ,GAAG,SAAS,kBACV,QAAQ,GAAG,SAAS,KACrC,UAMD,CAAC"}

package/src/utility/toggle.ts

@@ -1,21 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import { commandsCtx, Ctx, ThemeIcon, themeManagerCtx } from '@milkdown/core';
-import type { Icon } from '@milkdown/design-system';
-import type { MarkType } from '@milkdown/prose/model';
-
-import type { ButtonItem } from '../item';
-import { hasMark, isTextAndNotHasMark } from './prosemirror';
-
-export const createToggleIcon = (
-    ctx: Ctx,
-    iconName: Icon,
-    key: string,
-    mark: MarkType | undefined,
-    disableForMark: MarkType | undefined,
-): ButtonItem => ({
-    $: ctx.get(themeManagerCtx).get(ThemeIcon, iconName)?.dom as HTMLElement,
-    command: () => ctx.get(commandsCtx).call(key),
-    active: (view) => hasMark(view.state, mark),
-    disable: (view) => isTextAndNotHasMark(view.state, disableForMark),
-    enable: (view) => !!mark && !!view.state.schema.marks[mark.name],
-});