@milkdown/plugin-tooltip 7.6.3 → 7.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/lib/index.es.js +130 -72
  2. package/lib/index.es.js.map +1 -1
  3. package/lib/tooltip-provider.d.ts.map +1 -1
  4. package/package.json +6 -6
package/lib/index.es.js CHANGED
@@ -1,96 +1,154 @@
1
- var S = (o) => {
2
- throw TypeError(o);
1
+ var __typeError = (msg) => {
2
+ throw TypeError(msg);
3
3
  };
4
- var T = (o, t, e) => t.has(o) || S("Cannot " + e);
5
- var i = (o, t, e) => (T(o, t, "read from private field"), e ? e.call(o) : t.get(o)), n = (o, t, e) => t.has(o) ? S("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(o) : t.set(o, e), l = (o, t, e, s) => (T(o, t, "write to private field"), s ? s.call(o, e) : t.set(o, e), e), b = (o, t, e) => (T(o, t, "access private method"), e);
6
- import { TextSelection as H, Plugin as M, PluginKey as R } from "@milkdown/prose/state";
7
- import U from "lodash.throttle";
8
- import { computePosition as C, flip as E, offset as I, shift as j } from "@floating-ui/dom";
9
- import { posToDOMRect as q } from "@milkdown/prose";
10
- import { $ctx as K, $prose as L } from "@milkdown/utils";
11
- var d, u, f, c, g, r, m, y, x, _;
12
- class V {
13
- constructor(t) {
14
- n(this, x);
4
+ var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
5
+ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
6
+ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
7
+ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
8
+ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
9
+ var _debounce, _shouldShow, _middleware, _floatingUIOptions, _root, _initialized, _offset, _onUpdate, _TooltipProvider_instances, _shouldShow_fn;
10
+ import { TextSelection, Plugin, PluginKey } from "@milkdown/prose/state";
11
+ import throttle from "lodash.throttle";
12
+ import { computePosition, flip, offset, shift } from "@floating-ui/dom";
13
+ import { posToDOMRect } from "@milkdown/prose";
14
+ import { $ctx, $prose } from "@milkdown/utils";
15
+ class TooltipProvider {
16
+ constructor(options) {
17
+ __privateAdd(this, _TooltipProvider_instances);
15
18
  /// @internal
16
- n(this, d);
19
+ __privateAdd(this, _debounce);
17
20
  /// @internal
18
- n(this, u);
21
+ __privateAdd(this, _shouldShow);
19
22
  /// @internal
20
- n(this, f);
23
+ __privateAdd(this, _middleware);
21
24
  /// @internal
22
- n(this, c);
25
+ __privateAdd(this, _floatingUIOptions);
23
26
  /// @internal
24
- n(this, g);
25
- n(this, r);
27
+ __privateAdd(this, _root);
28
+ __privateAdd(this, _initialized);
26
29
  /// @internal
27
- n(this, m);
28
- n(this, y);
29
- l(this, r, !1), this.onShow = () => {
30
- }, this.onHide = () => {
31
- }, l(this, y, (e, s) => {
32
- const { state: h, composing: p } = e, { selection: w, doc: k } = h, { ranges: $ } = w, O = Math.min(...$.map((a) => a.$from.pos)), P = Math.max(...$.map((a) => a.$to.pos)), B = s && s.doc.eq(k) && s.selection.eq(w);
33
- if (i(this, r) || ((i(this, g) ?? e.dom.parentElement ?? document.body).appendChild(this.element), l(this, r, !0)), p || B) return;
34
- if (!i(this, u).call(this, e, s)) {
30
+ __privateAdd(this, _offset);
31
+ __privateAdd(this, _onUpdate);
32
+ __privateSet(this, _initialized, false);
33
+ this.onShow = () => {
34
+ };
35
+ this.onHide = () => {
36
+ };
37
+ __privateSet(this, _onUpdate, (view, prevState) => {
38
+ const { state, composing } = view;
39
+ const { selection, doc } = state;
40
+ const { ranges } = selection;
41
+ const from = Math.min(...ranges.map((range) => range.$from.pos));
42
+ const to = Math.max(...ranges.map((range) => range.$to.pos));
43
+ const isSame = prevState && prevState.doc.eq(doc) && prevState.selection.eq(selection);
44
+ if (!__privateGet(this, _initialized)) {
45
+ const root = __privateGet(this, _root) ?? view.dom.parentElement ?? document.body;
46
+ root.appendChild(this.element);
47
+ __privateSet(this, _initialized, true);
48
+ }
49
+ if (composing || isSame) return;
50
+ if (!__privateGet(this, _shouldShow).call(this, view, prevState)) {
35
51
  this.hide();
36
52
  return;
37
53
  }
38
- C({
39
- getBoundingClientRect: () => q(e, O, P)
40
- }, this.element, {
41
- placement: i(this, c).placement ?? "top",
42
- middleware: [E(), I(i(this, m)), j(), ...i(this, f)]
43
- }).then(({ x: a, y: F }) => {
54
+ const virtualEl = {
55
+ getBoundingClientRect: () => posToDOMRect(view, from, to)
56
+ };
57
+ computePosition(virtualEl, this.element, {
58
+ placement: __privateGet(this, _floatingUIOptions).placement ?? "top",
59
+ middleware: [flip(), offset(__privateGet(this, _offset)), shift(), ...__privateGet(this, _middleware)]
60
+ }).then(({ x, y }) => {
44
61
  Object.assign(this.element.style, {
45
- left: `${a}px`,
46
- top: `${F}px`
62
+ left: `${x}px`,
63
+ top: `${y}px`
47
64
  });
48
- }), this.show();
49
- }), this.update = (e, s) => {
50
- U(i(this, y), i(this, d))(e, s);
51
- }, this.destroy = () => {
52
- }, this.show = (e) => {
53
- this.element.dataset.show = "true", e && C(e, this.element, {
54
- placement: "top",
55
- middleware: [E(), I(i(this, m))],
56
- ...i(this, c)
57
- }).then(({ x: s, y: h }) => {
58
- Object.assign(this.element.style, {
59
- left: `${s}px`,
60
- top: `${h}px`
65
+ });
66
+ this.show();
67
+ });
68
+ this.update = (view, prevState) => {
69
+ const updater = throttle(__privateGet(this, _onUpdate), __privateGet(this, _debounce));
70
+ updater(view, prevState);
71
+ };
72
+ this.destroy = () => {
73
+ };
74
+ this.show = (virtualElement) => {
75
+ this.element.dataset.show = "true";
76
+ if (virtualElement) {
77
+ computePosition(virtualElement, this.element, {
78
+ placement: "top",
79
+ middleware: [flip(), offset(__privateGet(this, _offset))],
80
+ ...__privateGet(this, _floatingUIOptions)
81
+ }).then(({ x, y }) => {
82
+ Object.assign(this.element.style, {
83
+ left: `${x}px`,
84
+ top: `${y}px`
85
+ });
61
86
  });
62
- }), this.onShow();
63
- }, this.hide = () => {
64
- this.element.dataset.show !== "false" && (this.element.dataset.show = "false", this.onHide());
65
- }, this.element = t.content, l(this, d, t.debounce ?? 200), l(this, u, t.shouldShow ?? b(this, x, _)), l(this, m, t.offset), l(this, f, t.middleware ?? []), l(this, c, t.floatingUIOptions ?? {}), l(this, g, t.root), this.element.dataset.show = "false";
87
+ }
88
+ this.onShow();
89
+ };
90
+ this.hide = () => {
91
+ if (this.element.dataset.show === "false") return;
92
+ this.element.dataset.show = "false";
93
+ this.onHide();
94
+ };
95
+ this.element = options.content;
96
+ __privateSet(this, _debounce, options.debounce ?? 200);
97
+ __privateSet(this, _shouldShow, options.shouldShow ?? __privateMethod(this, _TooltipProvider_instances, _shouldShow_fn));
98
+ __privateSet(this, _offset, options.offset);
99
+ __privateSet(this, _middleware, options.middleware ?? []);
100
+ __privateSet(this, _floatingUIOptions, options.floatingUIOptions ?? {});
101
+ __privateSet(this, _root, options.root);
102
+ this.element.dataset.show = "false";
66
103
  }
67
104
  }
68
- d = new WeakMap(), u = new WeakMap(), f = new WeakMap(), c = new WeakMap(), g = new WeakMap(), r = new WeakMap(), m = new WeakMap(), y = new WeakMap(), x = new WeakSet(), /// @internal
69
- _ = function(t) {
70
- const { doc: e, selection: s } = t.state, { empty: h, from: p, to: w } = s, k = !e.textBetween(p, w).length && t.state.selection instanceof H, $ = this.element.contains(document.activeElement), O = !t.hasFocus() && !$, P = !t.editable;
71
- return !(O || h || k || P);
105
+ _debounce = new WeakMap();
106
+ _shouldShow = new WeakMap();
107
+ _middleware = new WeakMap();
108
+ _floatingUIOptions = new WeakMap();
109
+ _root = new WeakMap();
110
+ _initialized = new WeakMap();
111
+ _offset = new WeakMap();
112
+ _onUpdate = new WeakMap();
113
+ _TooltipProvider_instances = new WeakSet();
114
+ /// @internal
115
+ _shouldShow_fn = function(view) {
116
+ const { doc, selection } = view.state;
117
+ const { empty, from, to } = selection;
118
+ const isEmptyTextBlock = !doc.textBetween(from, to).length && view.state.selection instanceof TextSelection;
119
+ const isTooltipChildren = this.element.contains(document.activeElement);
120
+ const notHasFocus = !view.hasFocus() && !isTooltipChildren;
121
+ const isReadonly = !view.editable;
122
+ if (notHasFocus || empty || isEmptyTextBlock || isReadonly) return false;
123
+ return true;
72
124
  };
73
- function W(o) {
74
- const t = K(
125
+ function tooltipFactory(id) {
126
+ const tooltipSpec = $ctx(
75
127
  {},
76
- `${o}_TOOLTIP_SPEC`
77
- ), e = L((h) => {
78
- const p = h.get(t.key);
79
- return new M({
80
- key: new R(`${o}_TOOLTIP`),
81
- ...p
128
+ `${id}_TOOLTIP_SPEC`
129
+ );
130
+ const tooltipPlugin = $prose((ctx) => {
131
+ const spec = ctx.get(tooltipSpec.key);
132
+ return new Plugin({
133
+ key: new PluginKey(`${id}_TOOLTIP`),
134
+ ...spec
82
135
  });
83
- }), s = [t, e];
84
- return s.key = t.key, s.pluginKey = e.key, t.meta = {
136
+ });
137
+ const result = [tooltipSpec, tooltipPlugin];
138
+ result.key = tooltipSpec.key;
139
+ result.pluginKey = tooltipPlugin.key;
140
+ tooltipSpec.meta = {
85
141
  package: "@milkdown/plugin-tooltip",
86
- displayName: `Ctx<tooltipSpec>|${o}`
87
- }, e.meta = {
142
+ displayName: `Ctx<tooltipSpec>|${id}`
143
+ };
144
+ tooltipPlugin.meta = {
88
145
  package: "@milkdown/plugin-tooltip",
89
- displayName: `Prose<tooltip>|${o}`
90
- }, s;
146
+ displayName: `Prose<tooltip>|${id}`
147
+ };
148
+ return result;
91
149
  }
92
150
  export {
93
- V as TooltipProvider,
94
- W as tooltipFactory
151
+ TooltipProvider,
152
+ tooltipFactory
95
153
  };
96
154
  //# sourceMappingURL=index.es.js.map
package/lib/index.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../src/tooltip-provider.ts","../src/tooltip-plugin.ts"],"sourcesContent":["import type { EditorState } from '@milkdown/prose/state'\nimport { TextSelection } from '@milkdown/prose/state'\nimport type { EditorView } from '@milkdown/prose/view'\nimport throttle from 'lodash.throttle'\nimport type {\n ComputePositionConfig,\n Middleware,\n VirtualElement,\n} from '@floating-ui/dom'\nimport { computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { posToDOMRect } from '@milkdown/prose'\n\n/// Options for tooltip provider.\nexport interface TooltipProviderOptions {\n /// The tooltip content.\n content: HTMLElement\n /// The debounce time for updating tooltip, 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 offset to get the block. Default is 0.\n offset?:\n | number\n | {\n mainAxis?: number\n crossAxis?: number\n alignmentAxis?: number | null\n }\n /// Other middlewares for floating ui. This will be added after the internal middlewares.\n middleware?: Middleware[]\n /// Options for floating ui. If you pass `middleware` or `placement`, it will override the internal settings.\n floatingUIOptions?: Partial<ComputePositionConfig>\n /// The root element that the tooltip will be appended to.\n root?: HTMLElement\n}\n\n/// A provider for creating tooltip.\nexport class TooltipProvider {\n /// @internal\n readonly #debounce: number\n\n /// @internal\n readonly #shouldShow: (view: EditorView, prevState?: EditorState) => boolean\n\n /// @internal\n readonly #middleware: Middleware[]\n\n /// @internal\n readonly #floatingUIOptions: Partial<ComputePositionConfig>\n\n /// @internal\n readonly #root?: HTMLElement\n\n /// @internal\n #initialized = false\n\n /// @internal\n readonly #offset?:\n | number\n | {\n mainAxis?: number\n crossAxis?: number\n alignmentAxis?: number | null\n }\n\n /// The root element of the tooltip.\n element: HTMLElement\n\n /// On show callback.\n onShow = () => {}\n\n /// On hide callback.\n onHide = () => {}\n\n constructor(options: TooltipProviderOptions) {\n this.element = options.content\n this.#debounce = options.debounce ?? 200\n this.#shouldShow = options.shouldShow ?? this.#_shouldShow\n this.#offset = options.offset\n this.#middleware = options.middleware ?? []\n this.#floatingUIOptions = options.floatingUIOptions ?? {}\n this.#root = options.root\n this.element.dataset.show = 'false'\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 =\n prevState && prevState.doc.eq(doc) && prevState.selection.eq(selection)\n\n if (!this.#initialized) {\n const root = this.#root ?? view.dom.parentElement ?? document.body\n root.appendChild(this.element)\n this.#initialized = true\n }\n\n if (composing || isSame) 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: this.#floatingUIOptions.placement ?? 'top',\n middleware: [flip(), offset(this.#offset), shift(), ...this.#middleware],\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 /// Update provider state by editor view.\n update = (view: EditorView, prevState?: EditorState): void => {\n const updater = throttle(this.#onUpdate, this.#debounce)\n\n updater(view, prevState)\n }\n\n /// @internal\n #_shouldShow(view: EditorView): boolean {\n const { doc, selection } = view.state\n const { empty, from, to } = selection\n\n const isEmptyTextBlock =\n !doc.textBetween(from, to).length &&\n view.state.selection instanceof TextSelection\n\n const isTooltipChildren = this.element.contains(document.activeElement)\n\n const notHasFocus = !view.hasFocus() && !isTooltipChildren\n\n const isReadonly = !view.editable\n\n if (notHasFocus || empty || isEmptyTextBlock || isReadonly) return false\n\n return true\n }\n\n /// Destroy the tooltip.\n destroy = () => {}\n\n /// Show the tooltip.\n show = (virtualElement?: VirtualElement) => {\n this.element.dataset.show = 'true'\n\n if (virtualElement) {\n computePosition(virtualElement, this.element, {\n placement: 'top',\n middleware: [flip(), offset(this.#offset)],\n ...this.#floatingUIOptions,\n }).then(({ x, y }) => {\n Object.assign(this.element.style, {\n left: `${x}px`,\n top: `${y}px`,\n })\n })\n }\n\n this.onShow()\n }\n\n /// Hide the tooltip.\n hide = () => {\n if (this.element.dataset.show === 'false') return\n this.element.dataset.show = 'false'\n\n this.onHide()\n }\n}\n","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 TooltipSpecId<Id extends string> = `${Id}_TOOLTIP_SPEC`\n\n/// @internal\nexport type TooltipPlugin<Id extends string, State = any> = [\n $Ctx<PluginSpec<State>, TooltipSpecId<Id>>,\n $Prose,\n] & {\n key: SliceType<PluginSpec<State>, TooltipSpecId<Id>>\n pluginKey: $Prose['key']\n}\n\n/// Create a tooltip plugin with a unique id.\nexport function tooltipFactory<Id extends string, State = any>(id: Id) {\n const tooltipSpec = $ctx<PluginSpec<State>, TooltipSpecId<Id>>(\n {},\n `${id}_TOOLTIP_SPEC`\n )\n const tooltipPlugin = $prose((ctx) => {\n const spec = ctx.get(tooltipSpec.key)\n return new Plugin({\n key: new PluginKey(`${id}_TOOLTIP`),\n ...spec,\n })\n })\n const result = [tooltipSpec, tooltipPlugin] as TooltipPlugin<Id>\n result.key = tooltipSpec.key\n result.pluginKey = tooltipPlugin.key\n tooltipSpec.meta = {\n package: '@milkdown/plugin-tooltip',\n displayName: `Ctx<tooltipSpec>|${id}`,\n }\n tooltipPlugin.meta = {\n package: '@milkdown/plugin-tooltip',\n displayName: `Prose<tooltip>|${id}`,\n }\n\n return result\n}\n"],"names":["TooltipProvider","options","__privateAdd","_TooltipProvider_instances","_debounce","_shouldShow","_middleware","_floatingUIOptions","_root","_initialized","_offset","_onUpdate","__privateSet","view","prevState","state","composing","selection","doc","ranges","from","range","to","isSame","__privateGet","computePosition","posToDOMRect","flip","offset","shift","x","y","throttle","virtualElement","__privateMethod","_shouldShow_fn","empty","isEmptyTextBlock","TextSelection","isTooltipChildren","notHasFocus","isReadonly","tooltipFactory","id","tooltipSpec","$ctx","tooltipPlugin","$prose","ctx","spec","Plugin","PluginKey","result"],"mappings":"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"}
1
+ {"version":3,"file":"index.es.js","sources":["../src/tooltip-provider.ts","../src/tooltip-plugin.ts"],"sourcesContent":["import type { EditorState } from '@milkdown/prose/state'\nimport { TextSelection } from '@milkdown/prose/state'\nimport type { EditorView } from '@milkdown/prose/view'\nimport throttle from 'lodash.throttle'\nimport type {\n ComputePositionConfig,\n Middleware,\n VirtualElement,\n} from '@floating-ui/dom'\nimport { computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { posToDOMRect } from '@milkdown/prose'\n\n/// Options for tooltip provider.\nexport interface TooltipProviderOptions {\n /// The tooltip content.\n content: HTMLElement\n /// The debounce time for updating tooltip, 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 offset to get the block. Default is 0.\n offset?:\n | number\n | {\n mainAxis?: number\n crossAxis?: number\n alignmentAxis?: number | null\n }\n /// Other middlewares for floating ui. This will be added after the internal middlewares.\n middleware?: Middleware[]\n /// Options for floating ui. If you pass `middleware` or `placement`, it will override the internal settings.\n floatingUIOptions?: Partial<ComputePositionConfig>\n /// The root element that the tooltip will be appended to.\n root?: HTMLElement\n}\n\n/// A provider for creating tooltip.\nexport class TooltipProvider {\n /// @internal\n readonly #debounce: number\n\n /// @internal\n readonly #shouldShow: (view: EditorView, prevState?: EditorState) => boolean\n\n /// @internal\n readonly #middleware: Middleware[]\n\n /// @internal\n readonly #floatingUIOptions: Partial<ComputePositionConfig>\n\n /// @internal\n readonly #root?: HTMLElement\n\n /// @internal\n #initialized = false\n\n /// @internal\n readonly #offset?:\n | number\n | {\n mainAxis?: number\n crossAxis?: number\n alignmentAxis?: number | null\n }\n\n /// The root element of the tooltip.\n element: HTMLElement\n\n /// On show callback.\n onShow = () => {}\n\n /// On hide callback.\n onHide = () => {}\n\n constructor(options: TooltipProviderOptions) {\n this.element = options.content\n this.#debounce = options.debounce ?? 200\n this.#shouldShow = options.shouldShow ?? this.#_shouldShow\n this.#offset = options.offset\n this.#middleware = options.middleware ?? []\n this.#floatingUIOptions = options.floatingUIOptions ?? {}\n this.#root = options.root\n this.element.dataset.show = 'false'\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 =\n prevState && prevState.doc.eq(doc) && prevState.selection.eq(selection)\n\n if (!this.#initialized) {\n const root = this.#root ?? view.dom.parentElement ?? document.body\n root.appendChild(this.element)\n this.#initialized = true\n }\n\n if (composing || isSame) 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: this.#floatingUIOptions.placement ?? 'top',\n middleware: [flip(), offset(this.#offset), shift(), ...this.#middleware],\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 /// Update provider state by editor view.\n update = (view: EditorView, prevState?: EditorState): void => {\n const updater = throttle(this.#onUpdate, this.#debounce)\n\n updater(view, prevState)\n }\n\n /// @internal\n #_shouldShow(view: EditorView): boolean {\n const { doc, selection } = view.state\n const { empty, from, to } = selection\n\n const isEmptyTextBlock =\n !doc.textBetween(from, to).length &&\n view.state.selection instanceof TextSelection\n\n const isTooltipChildren = this.element.contains(document.activeElement)\n\n const notHasFocus = !view.hasFocus() && !isTooltipChildren\n\n const isReadonly = !view.editable\n\n if (notHasFocus || empty || isEmptyTextBlock || isReadonly) return false\n\n return true\n }\n\n /// Destroy the tooltip.\n destroy = () => {}\n\n /// Show the tooltip.\n show = (virtualElement?: VirtualElement) => {\n this.element.dataset.show = 'true'\n\n if (virtualElement) {\n computePosition(virtualElement, this.element, {\n placement: 'top',\n middleware: [flip(), offset(this.#offset)],\n ...this.#floatingUIOptions,\n }).then(({ x, y }) => {\n Object.assign(this.element.style, {\n left: `${x}px`,\n top: `${y}px`,\n })\n })\n }\n\n this.onShow()\n }\n\n /// Hide the tooltip.\n hide = () => {\n if (this.element.dataset.show === 'false') return\n this.element.dataset.show = 'false'\n\n this.onHide()\n }\n}\n","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 TooltipSpecId<Id extends string> = `${Id}_TOOLTIP_SPEC`\n\n/// @internal\nexport type TooltipPlugin<Id extends string, State = any> = [\n $Ctx<PluginSpec<State>, TooltipSpecId<Id>>,\n $Prose,\n] & {\n key: SliceType<PluginSpec<State>, TooltipSpecId<Id>>\n pluginKey: $Prose['key']\n}\n\n/// Create a tooltip plugin with a unique id.\nexport function tooltipFactory<Id extends string, State = any>(id: Id) {\n const tooltipSpec = $ctx<PluginSpec<State>, TooltipSpecId<Id>>(\n {},\n `${id}_TOOLTIP_SPEC`\n )\n const tooltipPlugin = $prose((ctx) => {\n const spec = ctx.get(tooltipSpec.key)\n return new Plugin({\n key: new PluginKey(`${id}_TOOLTIP`),\n ...spec,\n })\n })\n const result = [tooltipSpec, tooltipPlugin] as TooltipPlugin<Id>\n result.key = tooltipSpec.key\n result.pluginKey = tooltipPlugin.key\n tooltipSpec.meta = {\n package: '@milkdown/plugin-tooltip',\n displayName: `Ctx<tooltipSpec>|${id}`,\n }\n tooltipPlugin.meta = {\n package: '@milkdown/plugin-tooltip',\n displayName: `Prose<tooltip>|${id}`,\n }\n\n return result\n}\n"],"names":[],"mappings":"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"}
package/lib/tooltip-provider.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip-provider.d.ts","sourceRoot":"","sources":["../src/tooltip-provider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAExD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,KAAK,EACV,qBAAqB,EACrB,UAAU,EACV,cAAc,EACf,MAAM,kBAAkB,CAAA;AAKzB,MAAM,WAAW,sBAAsB;IAErC,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,MAAM,CAAC,EACH,MAAM,GACN;QACE,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAC9B,CAAA;IAEL,UAAU,CAAC,EAAE,UAAU,EAAE,CAAA;IAEzB,iBAAiB,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAA;IAElD,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB;AAGD,qBAAa,eAAe;;IA6B1B,OAAO,EAAE,WAAW,CAAA;IAGpB,MAAM,aAAW;IAGjB,MAAM,aAAW;gBAEL,OAAO,EAAE,sBAAsB;IAmD3C,MAAM,SAAU,UAAU,cAAc,WAAW,KAAG,IAAI,CAIzD;IAuBD,OAAO,aAAW;IAGlB,IAAI,oBAAqB,cAAc,UAiBtC;IAGD,IAAI,aAKH;CACF"}
1
+ {"version":3,"file":"tooltip-provider.d.ts","sourceRoot":"","sources":["../src/tooltip-provider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAExD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,KAAK,EACV,qBAAqB,EACrB,UAAU,EACV,cAAc,EACf,MAAM,kBAAkB,CAAA;AAKzB,MAAM,WAAW,sBAAsB;IAErC,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,MAAM,CAAC,EACH,MAAM,GACN;QACE,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAC9B,CAAA;IAEL,UAAU,CAAC,EAAE,UAAU,EAAE,CAAA;IAEzB,iBAAiB,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAA;IAElD,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB;AAGD,qBAAa,eAAe;;IA6B1B,OAAO,EAAE,WAAW,CAAA;IAGpB,MAAM,aAAW;IAGjB,MAAM,aAAW;gBAEL,OAAO,EAAE,sBAAsB;IAmD3C,MAAM,GAAI,MAAM,UAAU,EAAE,YAAY,WAAW,KAAG,IAAI,CAIzD;IAuBD,OAAO,aAAW;IAGlB,IAAI,GAAI,iBAAiB,cAAc,UAiBtC;IAGD,IAAI,aAKH;CACF"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@milkdown/plugin-tooltip",
3
3
  "type": "module",
4
- "version": "7.6.3",
4
+ "version": "7.7.0",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
@@ -35,13 +35,13 @@
35
35
  "lodash.throttle": "^4.1.1",
36
36
  "tippy.js": "^6.3.7",
37
37
  "tslib": "^2.8.1",
38
- "@milkdown/exception": "7.6.3",
39
- "@milkdown/utils": "7.6.3"
38
+ "@milkdown/exception": "7.7.0",
39
+ "@milkdown/utils": "7.7.0"
40
40
  },
41
41
  "devDependencies": {
42
- "@milkdown/ctx": "7.6.3",
43
- "@milkdown/prose": "7.6.3",
44
- "@milkdown/core": "7.6.3"
42
+ "@milkdown/ctx": "7.7.0",
43
+ "@milkdown/core": "7.7.0",
44
+ "@milkdown/prose": "7.7.0"
45
45
  },
46
46
  "nx": {
47
47
  "targets": {