@milkdown/plugin-tooltip 4.11.2 → 4.13.2
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/README.md +3 -0
- package/lib/button-manager/create-tooltip.d.ts +6 -1
- package/lib/button-manager/create-tooltip.d.ts.map +1 -1
- package/lib/button-manager/create-tooltip.js +11 -7
- package/lib/button-manager/create-tooltip.js.map +1 -1
- package/lib/button-manager/index.d.ts +2 -1
- package/lib/button-manager/index.d.ts.map +1 -1
- package/lib/button-manager/index.js +3 -2
- package/lib/button-manager/index.js.map +1 -1
- package/lib/button-manager/style.d.ts.map +1 -1
- package/lib/button-manager/style.js +1 -0
- package/lib/button-manager/style.js.map +1 -1
- package/lib/index.d.ts +2 -2
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +32 -11
- package/lib/index.js.map +1 -1
- package/lib/input-manager/filter-input.d.ts +16 -1
- package/lib/input-manager/filter-input.d.ts.map +1 -1
- package/lib/input-manager/filter-input.js +8 -2
- package/lib/input-manager/filter-input.js.map +1 -1
- package/lib/input-manager/index.d.ts +2 -1
- package/lib/input-manager/index.d.ts.map +1 -1
- package/lib/input-manager/index.js +19 -7
- package/lib/input-manager/index.js.map +1 -1
- package/lib/input-manager/style.d.ts.map +1 -1
- package/lib/input-manager/style.js +5 -1
- package/lib/input-manager/style.js.map +1 -1
- package/lib/item.d.ts +10 -2
- package/lib/item.d.ts.map +1 -1
- package/lib/item.js +4 -2
- package/lib/item.js.map +1 -1
- package/lib/selection-marks-tooltip.d.ts +3 -1
- package/lib/selection-marks-tooltip.d.ts.map +1 -1
- package/lib/selection-marks-tooltip.js +13 -5
- package/lib/selection-marks-tooltip.js.map +1 -1
- package/lib/utility/input.d.ts +2 -0
- package/lib/utility/input.d.ts.map +1 -1
- package/lib/utility/input.js +33 -0
- package/lib/utility/input.js.map +1 -1
- package/lib/utility/prosemirror.d.ts.map +1 -1
- package/lib/utility/prosemirror.js +2 -2
- package/lib/utility/prosemirror.js.map +1 -1
- package/package.json +5 -3
- package/src/button-manager/calc-button-pos.ts +16 -0
- package/src/button-manager/create-tooltip.ts +32 -0
- package/src/button-manager/filter-button.ts +28 -0
- package/src/button-manager/index.ts +44 -0
- package/src/button-manager/no-active.ts +10 -0
- package/src/button-manager/style.ts +50 -0
- package/src/index.ts +56 -0
- package/src/input-manager/calc-input-pos.ts +15 -0
- package/src/input-manager/create-input.ts +39 -0
- package/src/input-manager/filter-input.ts +33 -0
- package/src/input-manager/index.ts +55 -0
- package/src/input-manager/style.ts +67 -0
- package/src/item.ts +117 -0
- package/src/selection-marks-tooltip.ts +50 -0
- package/src/utility/element.ts +3 -0
- package/src/utility/index.ts +5 -0
- package/src/utility/input.ts +133 -0
- package/src/utility/prosemirror.ts +37 -0
- package/src/utility/toggle.ts +21 -0
package/README.md
CHANGED
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
import type { Utils } from '@milkdown/utils';
|
|
2
2
|
import type { EditorView } from 'prosemirror-view';
|
|
3
3
|
import type { ButtonMap } from '../item';
|
|
4
|
-
|
|
4
|
+
declare type Tooltip = {
|
|
5
|
+
dom: HTMLDivElement;
|
|
6
|
+
render: (editorView: EditorView) => void;
|
|
7
|
+
};
|
|
8
|
+
export declare const createTooltip: (buttonMap: ButtonMap, utils: Utils) => Tooltip;
|
|
9
|
+
export {};
|
|
5
10
|
//# sourceMappingURL=create-tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create-tooltip.d.ts","sourceRoot":"","sources":["../../src/button-manager/create-tooltip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,eAAO,MAAM,aAAa,cAAe,SAAS,
|
|
1
|
+
{"version":3,"file":"create-tooltip.d.ts","sourceRoot":"","sources":["../../src/button-manager/create-tooltip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,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,KAAG,OAmBlE,CAAC"}
|
|
@@ -1,16 +1,20 @@
|
|
|
1
1
|
import { injectStyle } from './style';
|
|
2
|
-
export const createTooltip = (buttonMap,
|
|
3
|
-
var _a;
|
|
2
|
+
export const createTooltip = (buttonMap, utils) => {
|
|
4
3
|
const div = document.createElement('div');
|
|
5
4
|
const style = utils.getStyle(injectStyle) || '';
|
|
6
5
|
if (style) {
|
|
7
6
|
div.classList.add(style);
|
|
8
7
|
}
|
|
9
8
|
div.classList.add('tooltip');
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
9
|
+
return {
|
|
10
|
+
dom: div,
|
|
11
|
+
render: (editorView) => {
|
|
12
|
+
var _a;
|
|
13
|
+
Object.values(buttonMap)
|
|
14
|
+
.filter((item) => item.enable(editorView))
|
|
15
|
+
.forEach(({ $ }) => div.appendChild($));
|
|
16
|
+
(_a = editorView.dom.parentNode) === null || _a === void 0 ? void 0 : _a.appendChild(div);
|
|
17
|
+
},
|
|
18
|
+
};
|
|
15
19
|
};
|
|
16
20
|
//# sourceMappingURL=create-tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create-tooltip.js","sourceRoot":"","sources":["../../src/button-manager/create-tooltip.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"create-tooltip.js","sourceRoot":"","sources":["../../src/button-manager/create-tooltip.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAOtC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,SAAoB,EAAE,KAAY,EAAW,EAAE;IACzE,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAChD,IAAI,KAAK,EAAE;QACP,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;KAC5B;IAED,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAE7B,OAAO;QACH,GAAG,EAAE,GAAG;QACR,MAAM,EAAE,CAAC,UAAsB,EAAE,EAAE;;YAC/B,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;iBACnB,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;iBACzC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;YAE5C,MAAA,UAAU,CAAC,GAAG,CAAC,UAAU,0CAAE,WAAW,CAAC,GAAG,CAAC,CAAC;QAChD,CAAC;KACJ,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import type { Utils } from '@milkdown/utils';
|
|
2
2
|
import type { EditorView } from 'prosemirror-view';
|
|
3
3
|
import type { ButtonMap } from '../item';
|
|
4
|
-
export declare const createButtonManager: (buttonMap: ButtonMap,
|
|
4
|
+
export declare const createButtonManager: (buttonMap: ButtonMap, utils: Utils) => {
|
|
5
5
|
destroy: () => void;
|
|
6
6
|
hide: () => void;
|
|
7
7
|
update: (editorView: EditorView) => void;
|
|
8
|
+
render: (editorView: EditorView<any>) => void;
|
|
8
9
|
};
|
|
9
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button-manager/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAKzC,eAAO,MAAM,mBAAmB,cAAe,SAAS,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button-manager/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAKzC,eAAO,MAAM,mBAAmB,cAAe,SAAS,SAAS,KAAK;;;yBAwBzC,UAAU;;CAUtC,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { calcButtonPos } from './calc-button-pos';
|
|
2
2
|
import { createTooltip } from './create-tooltip';
|
|
3
3
|
import { filterButton } from './filter-button';
|
|
4
|
-
export const createButtonManager = (buttonMap,
|
|
5
|
-
const buttons = createTooltip(buttonMap,
|
|
4
|
+
export const createButtonManager = (buttonMap, utils) => {
|
|
5
|
+
const { dom: buttons, render } = createTooltip(buttonMap, utils);
|
|
6
6
|
const onClick = (e) => {
|
|
7
7
|
const target = Object.values(buttonMap).find(({ $ }) => e.target instanceof Element && $.contains(e.target));
|
|
8
8
|
if (!target)
|
|
@@ -29,6 +29,7 @@ export const createButtonManager = (buttonMap, view, utils) => {
|
|
|
29
29
|
}
|
|
30
30
|
calcButtonPos(buttons, editorView);
|
|
31
31
|
},
|
|
32
|
+
render,
|
|
32
33
|
};
|
|
33
34
|
};
|
|
34
35
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/button-manager/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,SAAoB,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/button-manager/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,SAAoB,EAAE,KAAY,EAAE,EAAE;IACtE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAEjE,MAAM,OAAO,GAAG,CAAC,CAAQ,EAAE,EAAE;QACzB,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,YAAY,OAAO,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;QAC7G,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,CAAC,OAAO,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,GAAG,EAAE;QACd,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IAE/C,OAAO;QACH,OAAO,EAAE,GAAG,EAAE;YACV,OAAO,CAAC,mBAAmB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;YAClD,OAAO,CAAC,MAAM,EAAE,CAAC;QACrB,CAAC;QACD,IAAI;QACJ,MAAM,EAAE,CAAC,UAAsB,EAAE,EAAE;YAC/B,MAAM,QAAQ,GAAG,YAAY,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;YACrD,IAAI,QAAQ,EAAE;gBACV,IAAI,EAAE,CAAC;gBACP,OAAO;aACV;YACD,aAAa,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;QACvC,CAAC;QACD,MAAM;KACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/button-manager/style.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,eAAO,MAAM,WAAW,cAAe,SAAS,
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/button-manager/style.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,eAAO,MAAM,WAAW,cAAe,SAAS,WA6C/C,CAAC"}
|
|
@@ -9,6 +9,7 @@ export const injectStyle = (themeTool) => {
|
|
|
9
9
|
justify-content: space-evenly;
|
|
10
10
|
position: absolute;
|
|
11
11
|
border-radius: ${size.radius};
|
|
12
|
+
z-index: 2;
|
|
12
13
|
|
|
13
14
|
${(_a = mixin.border) === null || _a === void 0 ? void 0 : _a.call(mixin)};
|
|
14
15
|
${(_b = mixin.shadow) === null || _b === void 0 ? void 0 : _b.call(mixin)};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/button-manager/style.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAGnC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,SAAoB,EAAE,EAAE;;IAChD,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC;IAC3C,OAAO,GAAG,CAAA;;;;;yBAKW,IAAI,CAAC,MAAM
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/button-manager/style.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAGnC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,SAAoB,EAAE,EAAE;;IAChD,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC;IAC3C,OAAO,GAAG,CAAA;;;;;yBAKW,IAAI,CAAC,MAAM;;;UAG1B,MAAA,KAAK,CAAC,MAAM,+CAAZ,KAAK,CAAW;UAChB,MAAA,KAAK,CAAC,MAAM,+CAAZ,KAAK,CAAW;;;sBAGJ,OAAO,CAAC,SAAS,CAAC;;;;qBAInB,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC;;;;;;;oCAOP,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC;;;yBAGrC,OAAO,CAAC,SAAS,CAAC;;;;;;qCAMN,IAAI,CAAC,SAAS;yBAC1B,IAAI,CAAC,SAAS;;8BAET,OAAO,CAAC,MAAM,CAAC;;;;;;;KAOxC,CAAC;AACN,CAAC,CAAC"}
|
package/lib/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { AtomList } from '@milkdown/utils';
|
|
2
|
-
import { Plugin } from 'prosemirror-state';
|
|
2
|
+
import { Plugin, PluginKey } from 'prosemirror-state';
|
|
3
3
|
import { InputOptions } from './item';
|
|
4
|
-
export declare const key
|
|
4
|
+
export declare const key: PluginKey<any, any>;
|
|
5
5
|
export declare const tooltipPlugin: import("@milkdown/utils/lib/atom/types").Origin<string, InputOptions, Plugin<any, any>>;
|
|
6
6
|
export declare const tooltip: AtomList<import("@milkdown/utils/lib/atom/types").PluginWithMetadata<string, InputOptions, Plugin<any, any>>>;
|
|
7
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":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAqB,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAuB,YAAY,EAAE,MAAM,QAAQ,CAAC;AAG3D,eAAO,MAAM,GAAG,qBAA2C,CAAC;AAE5D,eAAO,MAAM,aAAa,yFA2CxB,CAAC;AAEH,eAAO,MAAM,OAAO,+GAAqC,CAAC"}
|
package/lib/index.js
CHANGED
|
@@ -1,18 +1,39 @@
|
|
|
1
1
|
/* Copyright 2021, Milkdown by Mirone. */
|
|
2
|
+
import { schemaCtx } from '@milkdown/core';
|
|
2
3
|
import { AtomList, createProsePlugin } from '@milkdown/utils';
|
|
3
4
|
import { Plugin, PluginKey } from 'prosemirror-state';
|
|
4
5
|
import { buttonMap, inputMap } from './item';
|
|
5
6
|
import { createPlugin } from './selection-marks-tooltip';
|
|
6
|
-
export const key = 'MILKDOWN_PLUGIN_TOOLTIP';
|
|
7
|
-
export const tooltipPlugin = createProsePlugin((options, utils) =>
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
7
|
+
export const key = new PluginKey('MILKDOWN_PLUGIN_TOOLTIP');
|
|
8
|
+
export const tooltipPlugin = createProsePlugin((options, utils) => {
|
|
9
|
+
var _a, _b, _c;
|
|
10
|
+
const schema = utils.ctx.get(schemaCtx);
|
|
11
|
+
const plugin = createPlugin(buttonMap(schema, utils.ctx), inputMap(schema, utils.ctx, {
|
|
12
|
+
link: Object.assign({ placeholder: 'Input Web Link', buttonText: 'APPLY' }, ((_a = options === null || options === void 0 ? void 0 : options.link) !== null && _a !== void 0 ? _a : {})),
|
|
13
|
+
image: Object.assign({ placeholder: 'Input Image Link', buttonText: 'APPLY' }, ((_b = options === null || options === void 0 ? void 0 : options.image) !== null && _b !== void 0 ? _b : {})),
|
|
14
|
+
inlineMath: Object.assign({ placeholder: 'Input Math' }, ((_c = options === null || options === void 0 ? void 0 : options.inlineMath) !== null && _c !== void 0 ? _c : {})),
|
|
15
|
+
}), utils);
|
|
16
|
+
return new Plugin({
|
|
17
|
+
key,
|
|
18
|
+
props: {
|
|
19
|
+
handleKeyDown: () => {
|
|
20
|
+
plugin.setHide(true);
|
|
21
|
+
return false;
|
|
22
|
+
},
|
|
23
|
+
handleClick: (view) => {
|
|
24
|
+
plugin.setHide(false);
|
|
25
|
+
plugin.update(view);
|
|
26
|
+
return false;
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
view: (editorView) => {
|
|
30
|
+
plugin.render(editorView);
|
|
31
|
+
return {
|
|
32
|
+
update: plugin.update,
|
|
33
|
+
destroy: plugin.destroy,
|
|
34
|
+
};
|
|
35
|
+
},
|
|
36
|
+
});
|
|
37
|
+
});
|
|
17
38
|
export const tooltip = AtomList.create([tooltipPlugin()]);
|
|
18
39
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAgB,MAAM,QAAQ,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,MAAM,CAAC,MAAM,GAAG,GAAG,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAgB,MAAM,QAAQ,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,MAAM,CAAC,MAAM,GAAG,GAAG,IAAI,SAAS,CAAC,yBAAyB,CAAC,CAAC;AAE5D,MAAM,CAAC,MAAM,aAAa,GAAG,iBAAiB,CAAe,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;;IAC5E,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,YAAY,CACvB,SAAS,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,EAC5B,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,EAAE;QACxB,IAAI,kBACA,WAAW,EAAE,gBAAgB,EAC7B,UAAU,EAAE,OAAO,IAChB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,EAAE,CAAC,CAC3B;QACD,KAAK,kBACD,WAAW,EAAE,kBAAkB,EAC/B,UAAU,EAAE,OAAO,IAChB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,mCAAI,EAAE,CAAC,CAC5B;QACD,UAAU,kBACN,WAAW,EAAE,YAAY,IACtB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,mCAAI,EAAE,CAAC,CACjC;KACJ,CAAC,EACF,KAAK,CACR,CAAC;IACF,OAAO,IAAI,MAAM,CAAC;QACd,GAAG;QACH,KAAK,EAAE;YACH,aAAa,EAAE,GAAG,EAAE;gBAChB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBACrB,OAAO,KAAK,CAAC;YACjB,CAAC;YACD,WAAW,EAAE,CAAC,IAAI,EAAE,EAAE;gBAClB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBACtB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;gBACpB,OAAO,KAAK,CAAC;YACjB,CAAC;SACJ;QACD,IAAI,EAAE,CAAC,UAAU,EAAE,EAAE;YACjB,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YAC1B,OAAO;gBACH,MAAM,EAAE,MAAM,CAAC,MAAM;gBACrB,OAAO,EAAE,MAAM,CAAC,OAAO;aAC1B,CAAC;QACN,CAAC;KACJ,CAAC,CAAC;AACP,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC"}
|
|
@@ -1,4 +1,19 @@
|
|
|
1
1
|
import type { EditorView } from 'prosemirror-view';
|
|
2
2
|
import type { InputMap } from '../item';
|
|
3
|
-
export declare const filterInput: (currentView: EditorView, inputMap: InputMap, div: HTMLDivElement, input: HTMLInputElement, button: HTMLButtonElement) =>
|
|
3
|
+
export declare const filterInput: (currentView: EditorView, inputMap: InputMap, div: HTMLDivElement, input: HTMLInputElement, button: HTMLButtonElement) => ({
|
|
4
|
+
command: import("../item").Event2Command;
|
|
5
|
+
display: import("../item").Pred;
|
|
6
|
+
update: import("../item").Updater;
|
|
7
|
+
placeholder: string;
|
|
8
|
+
} & {
|
|
9
|
+
bind: true;
|
|
10
|
+
}) | ({
|
|
11
|
+
command: import("../item").Event2Command;
|
|
12
|
+
display: import("../item").Pred;
|
|
13
|
+
update: import("../item").Updater;
|
|
14
|
+
placeholder: string;
|
|
15
|
+
} & {
|
|
16
|
+
bind?: false | undefined;
|
|
17
|
+
buttonText: string;
|
|
18
|
+
}) | undefined;
|
|
4
19
|
//# sourceMappingURL=filter-input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter-input.d.ts","sourceRoot":"","sources":["../../src/input-manager/filter-input.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,WAAW,gBACP,UAAU,YACb,QAAQ,OACb,cAAc,SACZ,gBAAgB,UACf,iBAAiB,
|
|
1
|
+
{"version":3,"file":"filter-input.d.ts","sourceRoot":"","sources":["../../src/input-manager/filter-input.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,WAAW,gBACP,UAAU,YACb,QAAQ,OACb,cAAc,SACZ,gBAAgB,UACf,iBAAiB;;;;;;;;;;;;;;;cAsB5B,CAAC"}
|
|
@@ -5,9 +5,15 @@ export const filterInput = (currentView, inputMap, div, input, button) => {
|
|
|
5
5
|
return;
|
|
6
6
|
}
|
|
7
7
|
div.classList.remove('hide');
|
|
8
|
+
if (target.bind) {
|
|
9
|
+
button.classList.add('hide');
|
|
10
|
+
}
|
|
11
|
+
else {
|
|
12
|
+
button.classList.remove('hide');
|
|
13
|
+
button.textContent = target.buttonText;
|
|
14
|
+
}
|
|
8
15
|
input.placeholder = target.placeholder;
|
|
9
|
-
button.textContent = target.buttonText;
|
|
10
16
|
target.update(currentView, div);
|
|
11
|
-
return target
|
|
17
|
+
return target;
|
|
12
18
|
};
|
|
13
19
|
//# sourceMappingURL=filter-input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter-input.js","sourceRoot":"","sources":["../../src/input-manager/filter-input.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,WAAW,GAAG,CACvB,WAAuB,EACvB,QAAkB,EAClB,GAAmB,EACnB,KAAuB,EACvB,MAAyB,EAC3B,EAAE;IACA,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;IAEnF,IAAI,CAAC,MAAM,EAAE;QACT,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC1B,OAAO;KACV;IAED,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"filter-input.js","sourceRoot":"","sources":["../../src/input-manager/filter-input.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,WAAW,GAAG,CACvB,WAAuB,EACvB,QAAkB,EAClB,GAAmB,EACnB,KAAuB,EACvB,MAAyB,EAC3B,EAAE;IACA,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;IAEnF,IAAI,CAAC,MAAM,EAAE;QACT,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC1B,OAAO;KACV;IAED,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAE7B,IAAI,MAAM,CAAC,IAAI,EAAE;QACb,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;KAChC;SAAM;QACH,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAChC,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;KAC1C;IAED,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;IACvC,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;IAEhC,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { Utils } from '@milkdown/utils';
|
|
2
2
|
import type { EditorView } from 'prosemirror-view';
|
|
3
3
|
import type { InputMap } from '../item';
|
|
4
|
-
export declare const createInputManager: (inputMap: InputMap,
|
|
4
|
+
export declare const createInputManager: (inputMap: InputMap, utils: Utils) => {
|
|
5
5
|
destroy: () => void;
|
|
6
6
|
hide: () => void;
|
|
7
7
|
update: (editorView: EditorView) => void;
|
|
8
|
+
render: (editorView: EditorView) => void;
|
|
8
9
|
};
|
|
9
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/input-manager/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,KAAK,EAAiB,QAAQ,EAAE,MAAM,SAAS,CAAC;AAKvD,eAAO,MAAM,kBAAkB,aAAc,QAAQ,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/input-manager/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,KAAK,EAAiB,QAAQ,EAAE,MAAM,SAAS,CAAC;AAKvD,eAAO,MAAM,kBAAkB,aAAc,QAAQ,SAAS,KAAK;;;yBAgCtC,UAAU;yBAOV,UAAU;CAMtC,CAAC"}
|
|
@@ -1,25 +1,30 @@
|
|
|
1
1
|
import { calcInputPos } from './calc-input-pos';
|
|
2
2
|
import { createInput } from './create-input';
|
|
3
3
|
import { filterInput } from './filter-input';
|
|
4
|
-
export const createInputManager = (inputMap,
|
|
4
|
+
export const createInputManager = (inputMap, utils) => {
|
|
5
5
|
let inputCommand;
|
|
6
|
+
let binding = false;
|
|
6
7
|
const setCommand = (x) => (inputCommand = x);
|
|
7
|
-
const wrapper = view.dom.parentNode;
|
|
8
|
-
if (!wrapper)
|
|
9
|
-
throw new Error();
|
|
10
8
|
const { div, button, input } = createInput(utils);
|
|
11
|
-
wrapper.appendChild(div);
|
|
12
9
|
const onClick = (e) => {
|
|
13
10
|
if (!inputCommand || button.classList.contains('disable'))
|
|
14
11
|
return;
|
|
15
12
|
e.stopPropagation();
|
|
16
13
|
inputCommand(e);
|
|
14
|
+
div.classList.add('hide');
|
|
17
15
|
};
|
|
16
|
+
const onInput = (e) => {
|
|
17
|
+
if (!binding || !inputCommand)
|
|
18
|
+
return;
|
|
19
|
+
inputCommand(e);
|
|
20
|
+
};
|
|
21
|
+
input.addEventListener('input', onInput);
|
|
18
22
|
button.addEventListener('mousedown', onClick);
|
|
19
23
|
return {
|
|
20
24
|
destroy: () => {
|
|
25
|
+
input.removeEventListener('input', onInput);
|
|
21
26
|
div.removeEventListener('mousedown', onClick);
|
|
22
|
-
|
|
27
|
+
div.remove();
|
|
23
28
|
},
|
|
24
29
|
hide: () => {
|
|
25
30
|
div.classList.add('hide');
|
|
@@ -29,9 +34,16 @@ export const createInputManager = (inputMap, view, utils) => {
|
|
|
29
34
|
const result = filterInput(editorView, inputMap, div, input, button);
|
|
30
35
|
if (!result)
|
|
31
36
|
return;
|
|
32
|
-
|
|
37
|
+
binding = !!result.bind;
|
|
38
|
+
setCommand(result.command);
|
|
33
39
|
calcInputPos(editorView, div);
|
|
34
40
|
},
|
|
41
|
+
render: (editorView) => {
|
|
42
|
+
const wrapper = editorView.dom.parentNode;
|
|
43
|
+
if (!wrapper)
|
|
44
|
+
throw new Error();
|
|
45
|
+
wrapper.appendChild(div);
|
|
46
|
+
},
|
|
35
47
|
};
|
|
36
48
|
};
|
|
37
49
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/input-manager/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAkB,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/input-manager/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAkB,EAAE,KAAY,EAAE,EAAE;IACnE,IAAI,YAAuC,CAAC;IAC5C,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,MAAM,UAAU,GAAG,CAAC,CAAiB,EAAE,EAAE,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;IAE7D,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,OAAO,GAAG,CAAC,CAAQ,EAAE,EAAE;QACzB,IAAI,CAAC,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;YAAE,OAAO;QAElE,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,YAAY,CAAC,CAAC,CAAC,CAAC;QAChB,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,CAAC,CAAC;IACF,MAAM,OAAO,GAAG,CAAC,CAAQ,EAAE,EAAE;QACzB,IAAI,CAAC,OAAO,IAAI,CAAC,YAAY;YAAE,OAAO;QACtC,YAAY,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IACzC,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IAE9C,OAAO;QACH,OAAO,EAAE,GAAG,EAAE;YACV,KAAK,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YAC5C,GAAG,CAAC,mBAAmB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;YAC9C,GAAG,CAAC,MAAM,EAAE,CAAC;QACjB,CAAC;QACD,IAAI,EAAE,GAAG,EAAE;YACP,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YAC1B,UAAU,EAAE,CAAC;QACjB,CAAC;QACD,MAAM,EAAE,CAAC,UAAsB,EAAE,EAAE;YAC/B,MAAM,MAAM,GAAG,WAAW,CAAC,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;YACrE,IAAI,CAAC,MAAM;gBAAE,OAAO;YACpB,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;YACxB,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAC3B,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QAClC,CAAC;QACD,MAAM,EAAE,CAAC,UAAsB,EAAE,EAAE;YAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC;YAC1C,IAAI,CAAC,OAAO;gBAAE,MAAM,IAAI,KAAK,EAAE,CAAC;YAChC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAC7B,CAAC;KACJ,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/input-manager/style.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,eAAO,MAAM,WAAW,cAAe,SAAS,
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/input-manager/style.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,eAAO,MAAM,WAAW,cAAe,SAAS,WA8D/C,CAAC"}
|
|
@@ -17,9 +17,10 @@ export const injectStyle = (themeTool) => {
|
|
|
17
17
|
|
|
18
18
|
height: 3.5rem;
|
|
19
19
|
box-sizing: border-box;
|
|
20
|
-
width:
|
|
20
|
+
width: 25.5rem;
|
|
21
21
|
padding: 0 1rem;
|
|
22
22
|
gap: 1rem;
|
|
23
|
+
z-index: 2;
|
|
23
24
|
|
|
24
25
|
input,
|
|
25
26
|
button {
|
|
@@ -52,6 +53,9 @@ export const injectStyle = (themeTool) => {
|
|
|
52
53
|
background: transparent;
|
|
53
54
|
}
|
|
54
55
|
}
|
|
56
|
+
&.hide {
|
|
57
|
+
display: none;
|
|
58
|
+
}
|
|
55
59
|
}
|
|
56
60
|
|
|
57
61
|
&.hide {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/input-manager/style.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAGnC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,SAAoB,EAAE,EAAE;;IAChD,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC;IAE3C,OAAO,GAAG,CAAA;UACJ,MAAA,KAAK,CAAC,MAAM,+CAAZ,KAAK,CAAW;UAChB,MAAA,KAAK,CAAC,MAAM,+CAAZ,KAAK,CAAW;;;;;;sBAMJ,OAAO,CAAC,SAAS,CAAC;yBACf,IAAI,CAAC,MAAM
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/input-manager/style.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAGnC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,SAAoB,EAAE,EAAE;;IAChD,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC;IAE3C,OAAO,GAAG,CAAA;UACJ,MAAA,KAAK,CAAC,MAAM,+CAAZ,KAAK,CAAW;UAChB,MAAA,KAAK,CAAC,MAAM,+CAAZ,KAAK,CAAW;;;;;;sBAMJ,OAAO,CAAC,SAAS,CAAC;yBACf,IAAI,CAAC,MAAM;;;;;;;;;;;;;;;;;2BAiBT,OAAO,CAAC,SAAS,CAAC;;yBAEpB,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC;;;;;;;qBAO3B,OAAO,CAAC,SAAS,CAAC;;;;;;oCAMH,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC;;;yBAGrC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC;;;;;;;;;;;;;;KAc5C,CAAC;AACN,CAAC,CAAC"}
|
package/lib/item.d.ts
CHANGED
|
@@ -16,8 +16,12 @@ export declare type InputItem = {
|
|
|
16
16
|
display: Pred;
|
|
17
17
|
update: Updater;
|
|
18
18
|
placeholder: string;
|
|
19
|
+
} & ({
|
|
20
|
+
bind: true;
|
|
21
|
+
} | {
|
|
22
|
+
bind?: false;
|
|
19
23
|
buttonText: string;
|
|
20
|
-
};
|
|
24
|
+
});
|
|
21
25
|
export declare enum ButtonAction {
|
|
22
26
|
ToggleBold = 0,
|
|
23
27
|
ToggleItalic = 1,
|
|
@@ -27,7 +31,8 @@ export declare enum ButtonAction {
|
|
|
27
31
|
}
|
|
28
32
|
export declare enum InputAction {
|
|
29
33
|
ModifyLink = 0,
|
|
30
|
-
ModifyImage = 1
|
|
34
|
+
ModifyImage = 1,
|
|
35
|
+
ModifyInlineMath = 2
|
|
31
36
|
}
|
|
32
37
|
export declare type ButtonMap = Record<ButtonAction, ButtonItem>;
|
|
33
38
|
export declare type InputMap = Record<InputAction, InputItem>;
|
|
@@ -40,6 +45,9 @@ export declare type InputOptions = {
|
|
|
40
45
|
placeholder: string;
|
|
41
46
|
buttonText: string;
|
|
42
47
|
};
|
|
48
|
+
inlineMath: {
|
|
49
|
+
placeholder: string;
|
|
50
|
+
};
|
|
43
51
|
};
|
|
44
52
|
export declare const inputMap: (schema: Schema, ctx: Ctx, inputOptions: InputOptions) => InputMap;
|
|
45
53
|
export declare const buttonMap: (schema: Schema, ctx: Ctx) => ButtonMap;
|
package/lib/item.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../src/item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAGrC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../src/item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAGrC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAa9C,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,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,oBAAY,SAAS,GAAG;IACpB,OAAO,EAAE,aAAa,CAAC;IACvB,OAAO,EAAE,IAAI,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;CACvB,GAAG,CACE;IACI,IAAI,EAAE,IAAI,CAAC;CACd,GACD;IACI,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;CACtB,CACN,CAAC;AAEF,oBAAY,YAAY;IACpB,UAAU,IAAA;IACV,YAAY,IAAA;IACZ,YAAY,IAAA;IACZ,UAAU,IAAA;IACV,UAAU,IAAA;CACb;AAED,oBAAY,WAAW;IACnB,UAAU,IAAA;IACV,WAAW,IAAA;IACX,gBAAgB,IAAA;CACnB;AAED,oBAAY,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AACzD,oBAAY,QAAQ,GAAG,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAEtD,oBAAY,YAAY,GAAG;IACvB,IAAI,EAAE;QACF,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,KAAK,EAAE;QACH,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,UAAU,EAAE;QACR,WAAW,EAAE,MAAM,CAAC;KACvB,CAAC;CACL,CAAC;AAEF,eAAO,MAAM,QAAQ,WAAY,MAAM,OAAO,GAAG,gBAAgB,YAAY,KAAG,QAuB/E,CAAC;AAEF,eAAO,MAAM,SAAS,WAAY,MAAM,OAAO,GAAG,KAAG,SAepD,CAAC"}
|
package/lib/item.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ToggleBold, ToggleInlineCode, ToggleItalic, ToggleLink, ToggleStrikeThrough } from '@milkdown/preset-gfm';
|
|
2
2
|
import { findSelectedNodeOfType } from '@milkdown/utils';
|
|
3
|
-
import { createToggleIcon, hasMark,
|
|
3
|
+
import { createToggleIcon, hasMark, modifyImage, modifyInlineMath, modifyLink, updateImageView, updateInlineMathView, updateLinkView, } from './utility';
|
|
4
4
|
export var ButtonAction;
|
|
5
5
|
(function (ButtonAction) {
|
|
6
6
|
ButtonAction[ButtonAction["ToggleBold"] = 0] = "ToggleBold";
|
|
@@ -13,11 +13,13 @@ export var InputAction;
|
|
|
13
13
|
(function (InputAction) {
|
|
14
14
|
InputAction[InputAction["ModifyLink"] = 0] = "ModifyLink";
|
|
15
15
|
InputAction[InputAction["ModifyImage"] = 1] = "ModifyImage";
|
|
16
|
+
InputAction[InputAction["ModifyInlineMath"] = 2] = "ModifyInlineMath";
|
|
16
17
|
})(InputAction || (InputAction = {}));
|
|
17
18
|
export const inputMap = (schema, ctx, inputOptions) => {
|
|
18
19
|
const { marks, nodes } = schema;
|
|
19
20
|
return {
|
|
20
|
-
[InputAction.ModifyLink]: Object.assign({ display: (view) =>
|
|
21
|
+
[InputAction.ModifyLink]: Object.assign({ display: (view) => view.state.selection.empty && hasMark(view.state, marks.link), command: modifyLink(ctx), update: updateLinkView }, inputOptions.link),
|
|
22
|
+
[InputAction.ModifyInlineMath]: Object.assign({ display: (view) => Boolean(findSelectedNodeOfType(view.state.selection, nodes.math_inline)), command: modifyInlineMath(ctx), update: updateInlineMathView, bind: true }, inputOptions.inlineMath),
|
|
21
23
|
[InputAction.ModifyImage]: Object.assign({ display: (view) => Boolean(findSelectedNodeOfType(view.state.selection, nodes.image)), command: modifyImage(ctx), update: updateImageView }, inputOptions.image),
|
|
22
24
|
};
|
|
23
25
|
};
|
package/lib/item.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sourceRoot":"","sources":["../src/item.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AACnH,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAIzD,OAAO,EACH,gBAAgB,EAChB,OAAO,EACP,
|
|
1
|
+
{"version":3,"file":"item.js","sourceRoot":"","sources":["../src/item.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,8 +2,10 @@ import { Utils } from '@milkdown/utils';
|
|
|
2
2
|
import type { EditorState } from 'prosemirror-state';
|
|
3
3
|
import type { EditorView } from 'prosemirror-view';
|
|
4
4
|
import type { ButtonMap, InputMap } from './item';
|
|
5
|
-
export declare const createPlugin: (buttonMap: ButtonMap, inputMap: InputMap,
|
|
5
|
+
export declare const createPlugin: (buttonMap: ButtonMap, inputMap: InputMap, utils: Utils) => {
|
|
6
6
|
update: (view: EditorView, prevState?: EditorState<any> | undefined) => void;
|
|
7
7
|
destroy: () => void;
|
|
8
|
+
render: (editorView: EditorView) => void;
|
|
9
|
+
setHide: (isTyping: boolean) => void;
|
|
8
10
|
};
|
|
9
11
|
//# sourceMappingURL=selection-marks-tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selection-marks-tooltip.d.ts","sourceRoot":"","sources":["../src/selection-marks-tooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAInD,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElD,eAAO,MAAM,YAAY,cAAe,SAAS,YAAY,QAAQ,
|
|
1
|
+
{"version":3,"file":"selection-marks-tooltip.d.ts","sourceRoot":"","sources":["../src/selection-marks-tooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAInD,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElD,eAAO,MAAM,YAAY,cAAe,SAAS,YAAY,QAAQ,SAAS,KAAK;mBAUzD,UAAU;;yBAqBP,UAAU;wBAKX,OAAO;CAIlC,CAAC"}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import { createButtonManager } from './button-manager';
|
|
2
2
|
import { createInputManager } from './input-manager';
|
|
3
|
-
export const createPlugin = (buttonMap, inputMap,
|
|
4
|
-
const buttonManager = createButtonManager(buttonMap,
|
|
5
|
-
const inputManager = createInputManager(inputMap,
|
|
3
|
+
export const createPlugin = (buttonMap, inputMap, utils) => {
|
|
4
|
+
const buttonManager = createButtonManager(buttonMap, utils);
|
|
5
|
+
const inputManager = createInputManager(inputMap, utils);
|
|
6
|
+
let shouldHide = false;
|
|
6
7
|
const hide = () => {
|
|
7
8
|
buttonManager.hide();
|
|
8
9
|
inputManager.hide();
|
|
9
10
|
};
|
|
10
11
|
const update = (view, prevState) => {
|
|
11
12
|
const { state } = view;
|
|
12
|
-
if (!view.editable ||
|
|
13
|
+
if (!view.editable || shouldHide) {
|
|
13
14
|
hide();
|
|
14
15
|
return;
|
|
15
16
|
}
|
|
@@ -19,13 +20,20 @@ export const createPlugin = (buttonMap, inputMap, view, utils) => {
|
|
|
19
20
|
buttonManager.update(view);
|
|
20
21
|
inputManager.update(view);
|
|
21
22
|
};
|
|
22
|
-
update(view);
|
|
23
23
|
return {
|
|
24
24
|
update,
|
|
25
25
|
destroy: () => {
|
|
26
26
|
buttonManager.destroy();
|
|
27
27
|
inputManager.destroy();
|
|
28
28
|
},
|
|
29
|
+
render: (editorView) => {
|
|
30
|
+
buttonManager.render(editorView);
|
|
31
|
+
inputManager.render(editorView);
|
|
32
|
+
update(editorView);
|
|
33
|
+
},
|
|
34
|
+
setHide: (isTyping) => {
|
|
35
|
+
shouldHide = isTyping;
|
|
36
|
+
},
|
|
29
37
|
};
|
|
30
38
|
};
|
|
31
39
|
//# sourceMappingURL=selection-marks-tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selection-marks-tooltip.js","sourceRoot":"","sources":["../src/selection-marks-tooltip.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGrD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,SAAoB,EAAE,QAAkB,EAAE,
|
|
1
|
+
{"version":3,"file":"selection-marks-tooltip.js","sourceRoot":"","sources":["../src/selection-marks-tooltip.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGrD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,SAAoB,EAAE,QAAkB,EAAE,KAAY,EAAE,EAAE;IACnF,MAAM,aAAa,GAAG,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC5D,MAAM,YAAY,GAAG,kBAAkB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACzD,IAAI,UAAU,GAAG,KAAK,CAAC;IAEvB,MAAM,IAAI,GAAG,GAAG,EAAE;QACd,aAAa,CAAC,IAAI,EAAE,CAAC;QACrB,YAAY,CAAC,IAAI,EAAE,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,IAAgB,EAAE,SAAuB,EAAE,EAAE;QACzD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAEvB,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,UAAU,EAAE;YAC9B,IAAI,EAAE,CAAC;YACP,OAAO;SACV;QAED,MAAM,gBAAgB,GAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,KAAI,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACjG,IAAI,gBAAgB;YAAE,OAAO;QAE7B,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC3B,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO;QACH,MAAM;QACN,OAAO,EAAE,GAAG,EAAE;YACV,aAAa,CAAC,OAAO,EAAE,CAAC;YACxB,YAAY,CAAC,OAAO,EAAE,CAAC;QAC3B,CAAC;QACD,MAAM,EAAE,CAAC,UAAsB,EAAE,EAAE;YAC/B,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YACjC,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YAChC,MAAM,CAAC,UAAU,CAAC,CAAC;QACvB,CAAC;QACD,OAAO,EAAE,CAAC,QAAiB,EAAE,EAAE;YAC3B,UAAU,GAAG,QAAQ,CAAC;QAC1B,CAAC;KACJ,CAAC;AACN,CAAC,CAAC"}
|
package/lib/utility/input.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { Ctx } from '@milkdown/core';
|
|
2
2
|
import { Event2Command, Updater } from '../item';
|
|
3
3
|
export declare const modifyLink: (ctx: Ctx) => Event2Command;
|
|
4
|
+
export declare const modifyInlineMath: (ctx: Ctx) => Event2Command;
|
|
4
5
|
export declare const modifyImage: (ctx: Ctx) => Event2Command;
|
|
5
6
|
export declare const updateLinkView: Updater;
|
|
7
|
+
export declare const updateInlineMathView: Updater;
|
|
6
8
|
export declare const updateImageView: Updater;
|
|
7
9
|
//# sourceMappingURL=input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/utility/input.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,GAAG,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/utility/input.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAMlD,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAGjD,eAAO,MAAM,UAAU,QACb,GAAG,KAAG,aAiBX,CAAC;AAEN,eAAO,MAAM,gBAAgB,QACnB,GAAG,KAAG,aAaX,CAAC;AAEN,eAAO,MAAM,WAAW,QACd,GAAG,KAAG,aAiBX,CAAC;AAEN,eAAO,MAAM,cAAc,EAAE,OA4B5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,OAiBlC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,OAiB7B,CAAC"}
|
package/lib/utility/input.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/* Copyright 2021, Milkdown by Mirone. */
|
|
2
2
|
import { commandsCtx } from '@milkdown/core';
|
|
3
|
+
import { ModifyInlineMath } from '@milkdown/plugin-math';
|
|
3
4
|
import { ModifyImage, ModifyLink } from '@milkdown/preset-commonmark';
|
|
4
5
|
import { findChildren } from '@milkdown/utils';
|
|
5
6
|
import { elementIsTag } from './element';
|
|
@@ -20,6 +21,19 @@ export const modifyLink = (ctx) => (e) => {
|
|
|
20
21
|
return () => false;
|
|
21
22
|
return ctx.get(commandsCtx).call(ModifyLink, inputEl.value);
|
|
22
23
|
};
|
|
24
|
+
export const modifyInlineMath = (ctx) => (e) => {
|
|
25
|
+
const { target } = e;
|
|
26
|
+
if (!(target instanceof HTMLElement)) {
|
|
27
|
+
return () => true;
|
|
28
|
+
}
|
|
29
|
+
const parent = target.parentNode;
|
|
30
|
+
if (!parent)
|
|
31
|
+
return () => false;
|
|
32
|
+
const inputEl = Array.from(parent.children).find((el) => el.tagName === 'INPUT');
|
|
33
|
+
if (!(inputEl instanceof HTMLInputElement))
|
|
34
|
+
return () => false;
|
|
35
|
+
return ctx.get(commandsCtx).call(ModifyInlineMath, inputEl.value);
|
|
36
|
+
};
|
|
23
37
|
export const modifyImage = (ctx) => (e) => {
|
|
24
38
|
const { target } = e;
|
|
25
39
|
if (!(target instanceof HTMLElement)) {
|
|
@@ -66,6 +80,25 @@ export const updateLinkView = (view, $) => {
|
|
|
66
80
|
lastElementChild.classList.remove('disable');
|
|
67
81
|
}
|
|
68
82
|
};
|
|
83
|
+
export const updateInlineMathView = (view, $) => {
|
|
84
|
+
var _a;
|
|
85
|
+
const { nodes } = view.state.schema;
|
|
86
|
+
const { firstChild, lastElementChild } = $;
|
|
87
|
+
if (!(firstChild instanceof HTMLInputElement) || !(lastElementChild instanceof HTMLButtonElement))
|
|
88
|
+
return;
|
|
89
|
+
const node = (_a = findChildren((node) => node.type === nodes.math_inline)(view.state.selection.$from.node())[0]) === null || _a === void 0 ? void 0 : _a.node;
|
|
90
|
+
if (!node)
|
|
91
|
+
return;
|
|
92
|
+
const value = node.attrs.value;
|
|
93
|
+
firstChild.value = value;
|
|
94
|
+
if (!value) {
|
|
95
|
+
lastElementChild.classList.add('disable');
|
|
96
|
+
return;
|
|
97
|
+
}
|
|
98
|
+
if (lastElementChild.classList.contains('disable')) {
|
|
99
|
+
lastElementChild.classList.remove('disable');
|
|
100
|
+
}
|
|
101
|
+
};
|
|
69
102
|
export const updateImageView = (view, $) => {
|
|
70
103
|
var _a;
|
|
71
104
|
const { nodes } = view.state.schema;
|