@milkdown/plugin-tooltip 6.1.5 → 6.2.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.
- package/lib/button-manager/index.d.ts +1 -1
- package/lib/index.d.ts +2 -16
- package/lib/index.d.ts.map +1 -1
- package/lib/index.es.js +0 -4
- package/lib/index.es.js.map +1 -1
- package/lib/selection-marks-tooltip.d.ts +1 -1
- package/lib/utility/prosemirror.d.ts +2 -2
- package/lib/utility/prosemirror.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/index.ts +0 -4
|
@@ -5,6 +5,6 @@ export declare const createButtonManager: (buttonMap: ButtonMap, utils: Utils, b
|
|
|
5
5
|
destroy: () => void;
|
|
6
6
|
hide: () => void;
|
|
7
7
|
update: (editorView: EditorView) => void;
|
|
8
|
-
render: (editorView: EditorView
|
|
8
|
+
render: (editorView: EditorView) => void;
|
|
9
9
|
};
|
|
10
10
|
//# sourceMappingURL=index.d.ts.map
|
package/lib/index.d.ts
CHANGED
|
@@ -1,21 +1,7 @@
|
|
|
1
1
|
import { PluginKey } from '@milkdown/prose/state';
|
|
2
2
|
import { AtomList } from '@milkdown/utils';
|
|
3
3
|
import { TooltipOptions } from './item';
|
|
4
|
-
export declare const key: PluginKey<any
|
|
5
|
-
export declare const tooltipPlugin: import("@milkdown/utils").WithExtend<string, TooltipOptions,
|
|
6
|
-
[x: string]: import("@milkdown/prose/model").NodeType<any>;
|
|
7
|
-
} & {
|
|
8
|
-
[x: string]: import("@milkdown/prose/model").MarkType<any>;
|
|
9
|
-
}, {
|
|
10
|
-
schema?: ((ctx: import("@milkdown/core").Ctx) => {
|
|
11
|
-
node?: Record<string, import("@milkdown/core").NodeSchema> | undefined;
|
|
12
|
-
mark?: Record<string, import("@milkdown/core").MarkSchema> | undefined;
|
|
13
|
-
}) | undefined;
|
|
14
|
-
view?: ((ctx: import("@milkdown/core").Ctx) => Partial<{
|
|
15
|
-
[x: string]: import("@milkdown/prose").NodeViewFactory;
|
|
16
|
-
} & {
|
|
17
|
-
[x: string]: import("@milkdown/prose").MarkViewFactory;
|
|
18
|
-
}>) | undefined;
|
|
19
|
-
}>;
|
|
4
|
+
export declare const key: PluginKey<any>;
|
|
5
|
+
export declare const tooltipPlugin: import("@milkdown/utils").WithExtend<string, TooltipOptions, import("@milkdown/utils").TypeMapping<string, string>, import("@milkdown/utils").PluginRest<string, string>>;
|
|
20
6
|
export declare const tooltip: AtomList<import("@milkdown/utils").Metadata<import("@milkdown/utils").GetPlugin<string, TooltipOptions>> & import("@milkdown/core").MilkdownPlugin>;
|
|
21
7
|
//# sourceMappingURL=index.d.ts.map
|
package/lib/index.d.ts.map
CHANGED
|
@@ -1 +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,
|
|
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,gBAAoC,CAAC;AAErD,eAAO,MAAM,aAAa,2KAqCxB,CAAC;AAEH,eAAO,MAAM,OAAO,qJAAqC,CAAC"}
|
package/lib/index.es.js
CHANGED
|
@@ -255,10 +255,6 @@ const tooltipPlugin = createPlugin$1((utils, options) => {
|
|
|
255
255
|
const plugin = new Plugin({
|
|
256
256
|
key,
|
|
257
257
|
props: {
|
|
258
|
-
handleKeyDown: () => {
|
|
259
|
-
manager.setHide(true);
|
|
260
|
-
return false;
|
|
261
|
-
},
|
|
262
258
|
handleClick: (view) => {
|
|
263
259
|
manager.setHide(false);
|
|
264
260
|
manager.update(view);
|
package/lib/index.es.js.map
CHANGED
|
@@ -1 +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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"}
|
|
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 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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"}
|
|
@@ -4,7 +4,7 @@ import { Utils } from '@milkdown/utils';
|
|
|
4
4
|
import type { ButtonMap } from './item';
|
|
5
5
|
export declare const createPlugin: (buttonMap: ButtonMap, utils: Utils, bottom: boolean, containerClassName: string) => {
|
|
6
6
|
recreate: (editorView: EditorView) => void;
|
|
7
|
-
update: (view: EditorView, prevState?: EditorState
|
|
7
|
+
update: (view: EditorView, prevState?: EditorState | undefined) => void;
|
|
8
8
|
destroy: () => void;
|
|
9
9
|
render: (editorView: EditorView) => void;
|
|
10
10
|
setHide: (isTyping: boolean) => void;
|
|
@@ -4,9 +4,9 @@ export declare type Position = {
|
|
|
4
4
|
start: number;
|
|
5
5
|
end: number;
|
|
6
6
|
};
|
|
7
|
-
export declare const hasMark: (editorState: EditorState, type?: MarkType
|
|
7
|
+
export declare const hasMark: (editorState: EditorState, type?: MarkType | undefined) => boolean;
|
|
8
8
|
export declare const isTextSelection: (editorState: EditorState) => boolean;
|
|
9
9
|
export declare const isInCodeFence: (editorState: EditorState) => boolean;
|
|
10
|
-
export declare const isTextAndNotHasMark: (editorState: EditorState, mark?: MarkType
|
|
10
|
+
export declare const isTextAndNotHasMark: (editorState: EditorState, mark?: MarkType | undefined) => boolean;
|
|
11
11
|
export declare const equalNodeType: (nodeType: NodeType, node: Node) => boolean;
|
|
12
12
|
//# sourceMappingURL=prosemirror.d.ts.map
|
|
@@ -1 +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,
|
|
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,kCAAoB,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,kCAAoB,OACa,CAAC;AAE9F,eAAO,MAAM,aAAa,aAAc,QAAQ,QAAQ,IAAI,YAE3D,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@milkdown/plugin-tooltip",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.2.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./lib/index.es.js",
|
|
6
6
|
"types": "./lib/index.d.ts",
|
|
@@ -15,16 +15,16 @@
|
|
|
15
15
|
"milkdown plugin"
|
|
16
16
|
],
|
|
17
17
|
"devDependencies": {
|
|
18
|
-
"@milkdown/core": "6.
|
|
19
|
-
"@milkdown/prose": "6.
|
|
20
|
-
"@milkdown/design-system": "6.
|
|
18
|
+
"@milkdown/core": "6.2.0",
|
|
19
|
+
"@milkdown/prose": "6.2.0",
|
|
20
|
+
"@milkdown/design-system": "6.2.0"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
23
|
"@milkdown/core": "^6.0.1",
|
|
24
24
|
"@milkdown/prose": "^6.0.1"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@milkdown/utils": "6.
|
|
27
|
+
"@milkdown/utils": "6.2.0",
|
|
28
28
|
"tslib": "^2.3.1"
|
|
29
29
|
},
|
|
30
30
|
"nx": {
|
package/src/index.ts
CHANGED
|
@@ -22,10 +22,6 @@ export const tooltipPlugin = create<string, TooltipOptions>((utils, options) =>
|
|
|
22
22
|
const plugin = new Plugin({
|
|
23
23
|
key,
|
|
24
24
|
props: {
|
|
25
|
-
handleKeyDown: () => {
|
|
26
|
-
manager.setHide(true);
|
|
27
|
-
return false;
|
|
28
|
-
},
|
|
29
25
|
handleClick: (view) => {
|
|
30
26
|
manager.setHide(false);
|
|
31
27
|
manager.update(view);
|