@wangeditor-next/yjs-for-vue 3.0.1 → 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/dist/basic-modules/src/constants/icon-svg.d.ts +2 -0
- package/dist/basic-modules/src/locale/en.d.ts +2 -0
- package/dist/basic-modules/src/locale/zh-CN.d.ts +2 -0
- package/dist/basic-modules/src/modules/header/parse-elem-html.d.ts +2 -2
- package/dist/basic-modules/src/modules/text-style/custom-types.d.ts +2 -0
- package/dist/basic-modules/src/modules/text-style/menu/EmphasisDotMenu.d.ts +11 -0
- package/dist/basic-modules/src/modules/text-style/menu/WavyUnderlineMenu.d.ts +11 -0
- package/dist/basic-modules/src/modules/text-style/menu/index.d.ts +10 -0
- package/dist/basic-modules/src/modules/text-style/render-style.d.ts +2 -1
- package/dist/basic-modules/src/modules/text-style/style-constants.d.ts +35 -0
- package/dist/basic-modules/src/modules/text-style/style-to-html.d.ts +2 -1
- package/dist/basic-modules/src/utils/dom.d.ts +1 -1
- package/dist/code-highlight/src/utils/dom.d.ts +1 -1
- package/dist/core/src/config/interface.d.ts +2 -0
- package/dist/core/src/index.d.ts +3 -1
- package/dist/core/src/to-html/index.d.ts +12 -0
- package/dist/core/src/utils/dom.d.ts +1 -1
- package/dist/editor/src/Boot.d.ts +2 -1
- package/dist/editor/src/index.d.ts +7 -0
- package/dist/list-module/src/locale/en.d.ts +3 -0
- package/dist/list-module/src/locale/zh-CN.d.ts +3 -0
- package/dist/list-module/src/module/custom-types.d.ts +13 -0
- package/dist/list-module/src/module/helpers.d.ts +14 -4
- package/dist/list-module/src/module/html-transform.d.ts +10 -0
- package/dist/list-module/src/module/menu/BaseMenu.d.ts +2 -2
- package/dist/list-module/src/module/outline-actions.d.ts +9 -0
- package/dist/list-module/src/module/parse-elem-html.d.ts +1 -2
- package/dist/list-module/src/module/plugin.d.ts +1 -1
- package/dist/table-module/src/module/render-elem/selection-overlay.d.ts +21 -0
- package/dist/table-module/src/utils/dom.d.ts +1 -1
- package/dist/table-module/src/utils/options.d.ts +3 -12
- package/dist/upload-image-module/src/utils/dom.d.ts +1 -1
- package/dist/video-module/src/utils/dom.d.ts +1 -1
- package/package.json +6 -7
|
@@ -9,6 +9,8 @@
|
|
|
9
9
|
*/
|
|
10
10
|
export declare const BOLD_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M707.872 484.64A254.88 254.88 0 0 0 768 320c0-141.152-114.848-256-256-256H192v896h384c141.152 0 256-114.848 256-256a256.096 256.096 0 0 0-124.128-219.36zM384 192h101.504c55.968 0 101.504 57.408 101.504 128s-45.536 128-101.504 128H384V192z m159.008 640H384v-256h159.008c58.464 0 106.016 57.408 106.016 128s-47.552 128-106.016 128z\"></path></svg>";
|
|
11
11
|
export declare const UNDER_LINE_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M704 64l128 0 0 416c0 159.072-143.264 288-320 288s-320-128.928-320-288l0-416 128 0 0 416c0 40.16 18.24 78.688 51.36 108.512 36.896 33.216 86.848 51.488 140.64 51.488s103.744-18.304 140.64-51.488c33.12-29.792 51.36-68.352 51.36-108.512l0-416zM192 832l640 0 0 128-640 0z\"></path></svg>";
|
|
12
|
+
export declare const WAVY_UNDERLINE_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M64 704c64-96 128-96 192 0s128 96 192 0 128-96 192 0 128 96 192 0 128-96 192 0v128c-64 96-128 96-192 0s-128-96-192 0-128 96-192 0-128-96-192 0-128 96-192 0V704z\"></path></svg>";
|
|
13
|
+
export declare const EMPHASIS_DOT_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M256 128h128v512H256zM448 128h128v512H448zM640 128h128v512H640z\"></path><path d=\"M320 832m-64 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM512 832m-64 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM704 832m-64 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0z\"></path></svg>";
|
|
12
14
|
export declare const ITALIC_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M896 64v64h-128L448 896h128v64H128v-64h128L576 128h-128V64z\"></path></svg>";
|
|
13
15
|
export declare const THROUGH_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M1024 512v64h-234.496c27.52 38.496 42.496 82.688 42.496 128 0 70.88-36.672 139.04-100.576 186.976C672.064 935.488 594.144 960 512 960s-160.064-24.512-219.424-69.024C228.64 843.04 192 774.88 192 704h128c0 69.376 87.936 128 192 128s192-58.624 192-128-87.936-128-192-128H0v-64h299.52a385.984 385.984 0 0 1-6.944-5.024C228.64 459.04 192 390.88 192 320s36.672-139.04 100.576-186.976C351.936 88.512 429.856 64 512 64s160.064 24.512 219.424 69.024C795.328 180.96 832 249.12 832 320h-128c0-69.376-87.936-128-192-128s-192 58.624-192 128 87.936 128 192 128c78.976 0 154.048 22.688 212.48 64H1024z\"></path></svg>";
|
|
14
16
|
export declare const CODE_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M576 736l96 96 320-320L672 192l-96 96 224 224zM448 288l-96-96L32 512l320 320 96-96-224-224z\"></path></svg>";
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import { IDomEditor } from '@wangeditor-next/core';
|
|
6
6
|
import { Descendant } from 'slate';
|
|
7
7
|
import { DOMElement } from '../../utils/dom';
|
|
8
|
-
import { Header1Element, Header2Element, Header3Element, Header4Element, Header5Element } from './custom-types';
|
|
8
|
+
import { Header1Element, Header2Element, Header3Element, Header4Element, Header5Element, Header6Element } from './custom-types';
|
|
9
9
|
export declare const parseHeader1HtmlConf: {
|
|
10
10
|
selector: string;
|
|
11
11
|
parseElemHtml: (elem: DOMElement, children: Descendant[], editor: IDomEditor) => Header1Element;
|
|
@@ -28,5 +28,5 @@ export declare const parseHeader5HtmlConf: {
|
|
|
28
28
|
};
|
|
29
29
|
export declare const parseHeader6HtmlConf: {
|
|
30
30
|
selector: string;
|
|
31
|
-
parseElemHtml: (elem: DOMElement, children: Descendant[], editor: IDomEditor) =>
|
|
31
|
+
parseElemHtml: (elem: DOMElement, children: Descendant[], editor: IDomEditor) => Header6Element;
|
|
32
32
|
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @description lower dot emphasis menu
|
|
3
|
+
*/
|
|
4
|
+
import BaseMenu from './BaseMenu';
|
|
5
|
+
declare class EmphasisDotMenu extends BaseMenu {
|
|
6
|
+
readonly mark = "emphasisDot";
|
|
7
|
+
readonly title: string;
|
|
8
|
+
readonly iconSvg = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M256 128h128v512H256zM448 128h128v512H448zM640 128h128v512H640z\"></path><path d=\"M320 832m-64 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM512 832m-64 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM704 832m-64 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0z\"></path></svg>";
|
|
9
|
+
readonly hotkey = "";
|
|
10
|
+
}
|
|
11
|
+
export default EmphasisDotMenu;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @description wavy underline menu
|
|
3
|
+
*/
|
|
4
|
+
import BaseMenu from './BaseMenu';
|
|
5
|
+
declare class WavyUnderlineMenu extends BaseMenu {
|
|
6
|
+
readonly mark = "wavyUnderline";
|
|
7
|
+
readonly title: string;
|
|
8
|
+
readonly iconSvg = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M64 704c64-96 128-96 192 0s128 96 192 0 128-96 192 0 128 96 192 0 128-96 192 0v128c-64 96-128 96-192 0s-128-96-192 0-128 96-192 0-128-96-192 0-128 96-192 0V704z\"></path></svg>";
|
|
9
|
+
readonly hotkey = "";
|
|
10
|
+
}
|
|
11
|
+
export default WavyUnderlineMenu;
|
|
@@ -5,11 +5,13 @@
|
|
|
5
5
|
import BoldMenu from './BoldMenu';
|
|
6
6
|
import ClearStyleMenu from './ClearStyleMenu';
|
|
7
7
|
import CodeMenu from './CodeMenu';
|
|
8
|
+
import EmphasisDotMenu from './EmphasisDotMenu';
|
|
8
9
|
import ItalicMenu from './ItalicMenu';
|
|
9
10
|
import SubMenu from './SubMenu';
|
|
10
11
|
import SupMenu from './SupMenu';
|
|
11
12
|
import ThroughMenu from './ThroughMenu';
|
|
12
13
|
import UnderlineMenu from './UnderlineMenu';
|
|
14
|
+
import WavyUnderlineMenu from './WavyUnderlineMenu';
|
|
13
15
|
export declare const boldMenuConf: {
|
|
14
16
|
key: string;
|
|
15
17
|
factory(): BoldMenu;
|
|
@@ -30,6 +32,14 @@ export declare const underlineMenuConf: {
|
|
|
30
32
|
key: string;
|
|
31
33
|
factory(): UnderlineMenu;
|
|
32
34
|
};
|
|
35
|
+
export declare const wavyUnderlineMenuConf: {
|
|
36
|
+
key: string;
|
|
37
|
+
factory(): WavyUnderlineMenu;
|
|
38
|
+
};
|
|
39
|
+
export declare const emphasisDotMenuConf: {
|
|
40
|
+
key: string;
|
|
41
|
+
factory(): EmphasisDotMenu;
|
|
42
|
+
};
|
|
33
43
|
export declare const supMenuConf: {
|
|
34
44
|
key: string;
|
|
35
45
|
factory(): SupMenu;
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
* @description render text style
|
|
3
3
|
* @author wangfupeng
|
|
4
4
|
*/
|
|
5
|
+
import { IDomEditor } from '@wangeditor-next/core';
|
|
5
6
|
import { Descendant } from 'slate';
|
|
6
7
|
import { VNode } from 'snabbdom';
|
|
7
8
|
/**
|
|
@@ -10,4 +11,4 @@ import { VNode } from 'snabbdom';
|
|
|
10
11
|
* @param vnode vnode
|
|
11
12
|
* @returns vnode
|
|
12
13
|
*/
|
|
13
|
-
export declare function renderStyle(node: Descendant, vnode: VNode): VNode;
|
|
14
|
+
export declare function renderStyle(node: Descendant, vnode: VNode, editor?: IDomEditor): VNode;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @description CSS values shared by text-style render and HTML serialization
|
|
3
|
+
*/
|
|
4
|
+
export declare const UNDERLINE_OFFSET = "0.15em";
|
|
5
|
+
export declare const WAVY_UNDERLINE_OFFSET = "0.3em";
|
|
6
|
+
export declare const WAVY_UNDERLINE_WITH_EMPHASIS_OFFSET = "0.8em";
|
|
7
|
+
export declare const EMPHASIS_DOT_WITH_WAVY_LINE_HEIGHT = "2";
|
|
8
|
+
export declare const UNDERLINE_OFFSET_CLASS = "w-e-text-style-underline-offset";
|
|
9
|
+
export declare const WAVY_UNDERLINE_CLASS = "w-e-text-style-wavy-underline";
|
|
10
|
+
export declare const WAVY_UNDERLINE_WITH_EMPHASIS_CLASS = "w-e-text-style-wavy-underline-with-emphasis";
|
|
11
|
+
export declare const EMPHASIS_DOT_CLASS = "w-e-text-style-emphasis-dot";
|
|
12
|
+
export declare const EMPHASIS_DOT_WITH_WAVY_CLASS = "w-e-text-style-emphasis-dot-with-wavy";
|
|
13
|
+
export declare const WAVY_UNDERLINE_STYLE: {
|
|
14
|
+
textDecorationLine: string;
|
|
15
|
+
textDecorationStyle: string;
|
|
16
|
+
textUnderlineOffset: string;
|
|
17
|
+
};
|
|
18
|
+
export declare const WAVY_UNDERLINE_STYLE_HTML = "text-decoration-line: underline; text-decoration-style: wavy; text-underline-offset: 0.3em;";
|
|
19
|
+
export declare const WAVY_UNDERLINE_WITH_EMPHASIS_STYLE: {
|
|
20
|
+
textUnderlineOffset: string;
|
|
21
|
+
textDecorationLine: string;
|
|
22
|
+
textDecorationStyle: string;
|
|
23
|
+
};
|
|
24
|
+
export declare const WAVY_UNDERLINE_WITH_EMPHASIS_STYLE_HTML = "text-decoration-line: underline; text-decoration-style: wavy; text-underline-offset: 0.8em;";
|
|
25
|
+
export declare const EMPHASIS_DOT_STYLE: {
|
|
26
|
+
textEmphasisStyle: string;
|
|
27
|
+
textEmphasisPosition: string;
|
|
28
|
+
};
|
|
29
|
+
export declare const EMPHASIS_DOT_STYLE_HTML = "text-emphasis-style: filled dot; text-emphasis-position: under left;";
|
|
30
|
+
export declare const EMPHASIS_DOT_WITH_WAVY_STYLE: {
|
|
31
|
+
lineHeight: string;
|
|
32
|
+
textEmphasisStyle: string;
|
|
33
|
+
textEmphasisPosition: string;
|
|
34
|
+
};
|
|
35
|
+
export declare const EMPHASIS_DOT_WITH_WAVY_STYLE_HTML = "text-emphasis-style: filled dot; text-emphasis-position: under left; line-height: 2;";
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
* @description text to html
|
|
3
3
|
* @author wangfupeng
|
|
4
4
|
*/
|
|
5
|
+
import { IDomEditor } from '@wangeditor-next/core';
|
|
5
6
|
import { Descendant } from 'slate';
|
|
6
7
|
/**
|
|
7
8
|
* style to html
|
|
@@ -9,4 +10,4 @@ import { Descendant } from 'slate';
|
|
|
9
10
|
* @param textHtml text html
|
|
10
11
|
* @returns styled html
|
|
11
12
|
*/
|
|
12
|
-
export declare function styleToHtml(textNode: Descendant, textHtml: string): string;
|
|
13
|
+
export declare function styleToHtml(textNode: Descendant, textHtml: string, editor?: IDomEditor): string;
|
|
@@ -10,7 +10,7 @@ import DOMText = globalThis.Text;
|
|
|
10
10
|
import DOMRange = globalThis.Range;
|
|
11
11
|
import DOMSelection = globalThis.Selection;
|
|
12
12
|
import DOMStaticRange = globalThis.StaticRange;
|
|
13
|
-
export { Dom7Array } from 'dom7';
|
|
13
|
+
export type { Dom7Array } from 'dom7';
|
|
14
14
|
export default $;
|
|
15
15
|
/**
|
|
16
16
|
* 判断 str 是不是纯字符串,而不是 html tag
|
|
@@ -10,6 +10,6 @@ import DOMText = globalThis.Text;
|
|
|
10
10
|
import DOMRange = globalThis.Range;
|
|
11
11
|
import DOMSelection = globalThis.Selection;
|
|
12
12
|
import DOMStaticRange = globalThis.StaticRange;
|
|
13
|
-
export { Dom7Array } from 'dom7';
|
|
13
|
+
export type { Dom7Array } from 'dom7';
|
|
14
14
|
export default $;
|
|
15
15
|
export { DOMComment, DOMElement, DOMNode, DOMRange, DOMSelection, DOMStaticRange, DOMText, };
|
|
@@ -155,6 +155,8 @@ interface ICodeBlockConfig {
|
|
|
155
155
|
export interface IMenuConfig {
|
|
156
156
|
bold: ISingleMenuConfig;
|
|
157
157
|
underline: ISingleMenuConfig;
|
|
158
|
+
wavyUnderline: ISingleMenuConfig;
|
|
159
|
+
emphasisDot: ISingleMenuConfig;
|
|
158
160
|
italic: ISingleMenuConfig;
|
|
159
161
|
through: ISingleMenuConfig;
|
|
160
162
|
code: ISingleMenuConfig;
|
package/dist/core/src/index.d.ts
CHANGED
|
@@ -7,11 +7,12 @@ import type { IDomEditor } from './editor/interface';
|
|
|
7
7
|
import type { IRegisterMenuConf } from './menus/index';
|
|
8
8
|
import type { IParseElemHtmlConf, IPreParseHtmlConf, ParseStyleHtmlFnType } from './parse-html/index';
|
|
9
9
|
import type { IRenderElemConf, RenderStyleFnType } from './render/index';
|
|
10
|
-
import type { IElemToHtmlConf, styleToHtmlFnType } from './to-html/index';
|
|
10
|
+
import type { HtmlTransformFnType, IElemToHtmlConf, styleToHtmlFnType } from './to-html/index';
|
|
11
11
|
import createUploaderRuntime from './upload/createUploader';
|
|
12
12
|
import type { IUploadConfig } from './upload/interface';
|
|
13
13
|
export * from './create/index';
|
|
14
14
|
export type { ClassStylePolicy, IClassStyleUnsupportedPayload, IEditorConfig, ISingleMenuConfig, IToolbarConfig, IUploadImageConfig, IUploadVideoConfig, StyleClassTokenType, TextStyleMode, } from './config/interface';
|
|
15
|
+
export { EditorEvents } from './config/interface';
|
|
15
16
|
export * from './config/style-mode';
|
|
16
17
|
export * from './editor/dom-editor';
|
|
17
18
|
export * from './editor/interface';
|
|
@@ -35,6 +36,7 @@ export interface IModuleConf {
|
|
|
35
36
|
renderStyle: RenderStyleFnType;
|
|
36
37
|
renderElems: Array<IRenderElemConf>;
|
|
37
38
|
styleToHtml: styleToHtmlFnType;
|
|
39
|
+
htmlTransform?: HtmlTransformFnType;
|
|
38
40
|
elemsToHtml: Array<IElemToHtmlConf>;
|
|
39
41
|
preParseHtml: Array<IPreParseHtmlConf>;
|
|
40
42
|
parseStyleHtml: ParseStyleHtmlFnType;
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { Descendant, Element as SlateElement } from 'slate';
|
|
6
6
|
import { IDomEditor } from '../editor/interface';
|
|
7
|
+
import type { INodeToHtmlOptions } from './node2html';
|
|
7
8
|
export type styleToHtmlFnType = (node: Descendant, elemHtml: string, editor?: IDomEditor) => string;
|
|
8
9
|
export declare const STYLE_TO_HTML_FN_LIST: styleToHtmlFnType[];
|
|
9
10
|
/**
|
|
@@ -11,6 +12,17 @@ export declare const STYLE_TO_HTML_FN_LIST: styleToHtmlFnType[];
|
|
|
11
12
|
* @param fn 处理 toHtml 文本样式的函数
|
|
12
13
|
*/
|
|
13
14
|
export declare function registerStyleToHtmlHandler(fn: styleToHtmlFnType): void;
|
|
15
|
+
/**
|
|
16
|
+
* Transform the HTML fragments of the document's top-level nodes.
|
|
17
|
+
*
|
|
18
|
+
* Element serializers intentionally stay node-local. Modules that need
|
|
19
|
+
* neighboring blocks to produce valid HTML (for example semantic lists) use
|
|
20
|
+
* this hook after every node has been serialized.
|
|
21
|
+
*/
|
|
22
|
+
export type HtmlTransformFnType = (htmlList: string[], nodes: Descendant[], editor: IDomEditor, options: INodeToHtmlOptions) => string[];
|
|
23
|
+
export declare const HTML_TRANSFORM_HANDLER_LIST: HtmlTransformFnType[];
|
|
24
|
+
export declare function registerHtmlTransformHandler(fn: HtmlTransformFnType): void;
|
|
25
|
+
export declare function transformHtml(htmlList: string[], nodes: Descendant[], editor: IDomEditor, options?: INodeToHtmlOptions): string[];
|
|
14
26
|
interface IElemToHtmlRes {
|
|
15
27
|
html: string;
|
|
16
28
|
prefix?: string;
|
|
@@ -10,7 +10,7 @@ import DOMText = globalThis.Text;
|
|
|
10
10
|
import DOMRange = globalThis.Range;
|
|
11
11
|
import DOMSelection = globalThis.Selection;
|
|
12
12
|
import DOMStaticRange = globalThis.StaticRange;
|
|
13
|
-
export { Dom7Array } from 'dom7';
|
|
13
|
+
export type { Dom7Array } from 'dom7';
|
|
14
14
|
export default $;
|
|
15
15
|
export declare enum NodeType {
|
|
16
16
|
ELEMENT_NODE = 1,
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @description Editor View class
|
|
3
3
|
* @author wangfupeng
|
|
4
4
|
*/
|
|
5
|
-
import type { IEditorConfig, IElemToHtmlConf, IModuleConf, IParseElemHtmlConf, IPreParseHtmlConf, IRegisterMenuConf, IRenderElemConf, ISingleMenuConfig, IToolbarConfig, ParseStyleHtmlFnType, RenderStyleFnType, styleToHtmlFnType } from '@wangeditor-next/core';
|
|
5
|
+
import type { HtmlTransformFnType, IEditorConfig, IElemToHtmlConf, IModuleConf, IParseElemHtmlConf, IPreParseHtmlConf, IRegisterMenuConf, IRenderElemConf, ISingleMenuConfig, IToolbarConfig, ParseStyleHtmlFnType, RenderStyleFnType, styleToHtmlFnType } from '@wangeditor-next/core';
|
|
6
6
|
import { IDomEditor } from '@wangeditor-next/core';
|
|
7
7
|
type PluginType = <T extends IDomEditor>(editor: T) => T;
|
|
8
8
|
declare class Boot {
|
|
@@ -22,6 +22,7 @@ declare class Boot {
|
|
|
22
22
|
static registerRenderStyle(fn: RenderStyleFnType): void;
|
|
23
23
|
static registerElemToHtml(elemToHtmlConf: IElemToHtmlConf): void;
|
|
24
24
|
static registerStyleToHtml(fn: styleToHtmlFnType): void;
|
|
25
|
+
static registerHtmlTransform(fn: HtmlTransformFnType): void;
|
|
25
26
|
static registerPreParseHtml(preParseHtmlConf: IPreParseHtmlConf): void;
|
|
26
27
|
static registerParseElemHtml(parseElemHtmlConf: IParseElemHtmlConf): void;
|
|
27
28
|
static registerParseStyleHtml(fn: ParseStyleHtmlFnType): void;
|
|
@@ -3,6 +3,13 @@
|
|
|
3
3
|
* @author wangfupeng
|
|
4
4
|
*/
|
|
5
5
|
import './assets/index.less';
|
|
6
|
+
import '@wangeditor-next/core/dist/css/style.css';
|
|
7
|
+
import '@wangeditor-next/basic-modules/dist/css/style.css';
|
|
8
|
+
import '@wangeditor-next/code-highlight/dist/css/style.css';
|
|
9
|
+
import '@wangeditor-next/list-module/dist/css/style.css';
|
|
10
|
+
import '@wangeditor-next/table-module/dist/css/style.css';
|
|
11
|
+
import '@wangeditor-next/upload-image-module/dist/css/style.css';
|
|
12
|
+
import '@wangeditor-next/video-module/dist/css/style.css';
|
|
6
13
|
import './utils/browser-polyfill';
|
|
7
14
|
import './utils/node-polyfill';
|
|
8
15
|
import './locale/index';
|
|
@@ -4,11 +4,24 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { Text } from 'slate';
|
|
6
6
|
export type OrderedListType = '1' | 'a' | 'A' | 'i' | 'I';
|
|
7
|
+
/**
|
|
8
|
+
* An outline keeps the established list-item wire format and records the
|
|
9
|
+
* heading semantics as additive metadata.
|
|
10
|
+
*/
|
|
11
|
+
export type HeadingType = 'header1' | 'header2' | 'header3' | 'header4' | 'header5' | 'header6';
|
|
7
12
|
export type ListItemElement = {
|
|
8
13
|
type: 'list-item';
|
|
9
14
|
ordered: boolean;
|
|
10
15
|
level: number;
|
|
11
16
|
start?: number;
|
|
12
17
|
orderType?: OrderedListType;
|
|
18
|
+
headingType?: HeadingType;
|
|
19
|
+
listMode?: 'outline';
|
|
20
|
+
listRestart?: number;
|
|
13
21
|
children: Text[];
|
|
14
22
|
};
|
|
23
|
+
export type OutlineListItemElement = ListItemElement & {
|
|
24
|
+
ordered: true;
|
|
25
|
+
headingType: HeadingType;
|
|
26
|
+
listMode: 'outline';
|
|
27
|
+
};
|
|
@@ -1,15 +1,25 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @description
|
|
3
|
-
* @author wangfupeng
|
|
2
|
+
* @description list helpers
|
|
4
3
|
*/
|
|
5
4
|
import { IDomEditor } from '@wangeditor-next/core';
|
|
6
|
-
import {
|
|
5
|
+
import { Node } from 'slate';
|
|
6
|
+
import { HeadingType, ListItemElement, OrderedListType, OutlineListItemElement } from './custom-types';
|
|
7
|
+
export declare function isListNode(node: Node): node is ListItemElement;
|
|
8
|
+
export declare const isLegacyListItem: typeof isListNode;
|
|
9
|
+
export declare function isHeadingType(value: unknown): value is HeadingType;
|
|
10
|
+
export declare function getHeadingType(node: Node): HeadingType | null;
|
|
11
|
+
export declare function getListIndent(node: Node): number;
|
|
12
|
+
export declare function getListMode(node: Node): 'standard' | 'outline';
|
|
13
|
+
export declare function isOutlineListNode(node: Node): node is OutlineListItemElement;
|
|
14
|
+
export declare function getOutlineLevel(node: Node): number;
|
|
7
15
|
export declare function getNormalizedOrderedListStart(elem: ListItemElement): number;
|
|
8
16
|
export declare function getNormalizedOrderedListType(elem: ListItemElement): OrderedListType;
|
|
9
17
|
export declare function hasSameListConfig(a: ListItemElement, b: ListItemElement): boolean;
|
|
18
|
+
export declare function getOrderedItemNumber(editor: IDomEditor, elem: ListItemElement): number;
|
|
19
|
+
export declare function getOutlineNumber(editor: IDomEditor, elem: ListItemElement): string;
|
|
10
20
|
/**
|
|
11
21
|
* 获取上一个同一 level 的 list item
|
|
12
|
-
* @param editor
|
|
22
|
+
* @param editor editor
|
|
13
23
|
* @param elem elem
|
|
14
24
|
*/
|
|
15
25
|
export declare function getBrotherListNodeByLevel(editor: IDomEditor, elem: ListItemElement, level?: number): ListItemElement | null;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @description compose semantic outline HTML from additive list-item metadata
|
|
3
|
+
*/
|
|
4
|
+
import { HtmlTransformFnType } from '@wangeditor-next/core';
|
|
5
|
+
/**
|
|
6
|
+
* List-item serialization remains backward compatible for ordinary lists.
|
|
7
|
+
* Only outline list items need document-level composition to create valid
|
|
8
|
+
* `ol > li > hN` structure.
|
|
9
|
+
*/
|
|
10
|
+
export declare const transformListHtml: HtmlTransformFnType;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @description base
|
|
2
|
+
* @description list menu base class
|
|
3
3
|
* @author wangfupeng
|
|
4
4
|
*/
|
|
5
5
|
import { IButtonMenu, IDomEditor } from '@wangeditor-next/core';
|
|
@@ -11,7 +11,7 @@ declare abstract class BaseMenu implements IButtonMenu {
|
|
|
11
11
|
abstract readonly title: string;
|
|
12
12
|
abstract readonly iconSvg: string;
|
|
13
13
|
readonly tag = "button";
|
|
14
|
-
private
|
|
14
|
+
private isTargetListNode;
|
|
15
15
|
getValue(_editor: IDomEditor): string | boolean;
|
|
16
16
|
isActive(editor: IDomEditor): boolean;
|
|
17
17
|
isDisabled(editor: IDomEditor): boolean;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @description outline numbering marker actions
|
|
3
|
+
*/
|
|
4
|
+
import { IDomEditor } from '@wangeditor-next/core';
|
|
5
|
+
import { ListItemElement } from './custom-types';
|
|
6
|
+
export declare function continueOutlineNumbering(editor: IDomEditor, node: ListItemElement): void;
|
|
7
|
+
export declare function restartOutlineNumbering(editor: IDomEditor, node: ListItemElement): void;
|
|
8
|
+
export declare function hideOutlineActionPanel(editor: IDomEditor): void;
|
|
9
|
+
export declare function showOutlineActionPanel(editor: IDomEditor, node: ListItemElement, marker: HTMLElement): void;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { VNode } from 'snabbdom';
|
|
2
|
+
export type SelectionRect = {
|
|
3
|
+
top: number;
|
|
4
|
+
right: number;
|
|
5
|
+
bottom: number;
|
|
6
|
+
left: number;
|
|
7
|
+
};
|
|
8
|
+
export type SelectionPerimeterSide = 'top' | 'right' | 'bottom' | 'left';
|
|
9
|
+
export type SelectionPerimeterSegment = {
|
|
10
|
+
side: SelectionPerimeterSide;
|
|
11
|
+
offset: number;
|
|
12
|
+
start: number;
|
|
13
|
+
end: number;
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
* Returns the physical perimeter of a set of non-overlapping cell rectangles. Opposing edges
|
|
17
|
+
* cancel only where they overlap, so partially exposed sides of merged cells remain precise.
|
|
18
|
+
*/
|
|
19
|
+
export declare function getSelectionPerimeterSegments(rects: SelectionRect[]): SelectionPerimeterSegment[];
|
|
20
|
+
export declare function drawSelectionOverlay(elm: Node | undefined): void;
|
|
21
|
+
export declare function renderSelectionOverlay(): VNode;
|
|
@@ -10,7 +10,7 @@ import DOMText = globalThis.Text;
|
|
|
10
10
|
import DOMRange = globalThis.Range;
|
|
11
11
|
import DOMSelection = globalThis.Selection;
|
|
12
12
|
import DOMStaticRange = globalThis.StaticRange;
|
|
13
|
-
export { Dom7Array } from 'dom7';
|
|
13
|
+
export type { Dom7Array } from 'dom7';
|
|
14
14
|
export default $;
|
|
15
15
|
/**
|
|
16
16
|
* 获取 tagName lower-case
|
|
@@ -8,18 +8,9 @@ export interface WithTableOptions {
|
|
|
8
8
|
tr: ElementType;
|
|
9
9
|
table: ElementType;
|
|
10
10
|
tbody: ElementType;
|
|
11
|
-
tfoot
|
|
12
|
-
thead
|
|
11
|
+
tfoot?: ElementType;
|
|
12
|
+
thead?: ElementType;
|
|
13
13
|
};
|
|
14
14
|
}
|
|
15
|
-
export declare const DEFAULT_WITH_TABLE_OPTIONS:
|
|
16
|
-
blocks: {
|
|
17
|
-
td: string;
|
|
18
|
-
th: string;
|
|
19
|
-
content: string;
|
|
20
|
-
tr: string;
|
|
21
|
-
table: string;
|
|
22
|
-
tbody: string;
|
|
23
|
-
};
|
|
24
|
-
};
|
|
15
|
+
export declare const DEFAULT_WITH_TABLE_OPTIONS: WithTableOptions;
|
|
25
16
|
export {};
|
|
@@ -11,7 +11,7 @@ import DOMText = globalThis.Text;
|
|
|
11
11
|
import DOMRange = globalThis.Range;
|
|
12
12
|
import DOMSelection = globalThis.Selection;
|
|
13
13
|
import DOMStaticRange = globalThis.StaticRange;
|
|
14
|
-
export { Dom7Array } from 'dom7';
|
|
14
|
+
export type { Dom7Array } from 'dom7';
|
|
15
15
|
export default $;
|
|
16
16
|
/**
|
|
17
17
|
* 获取 tagName lower-case
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wangeditor-next/yjs-for-vue",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "6.2.0",
|
|
4
4
|
"description": "Vue specific components/utils for wangeditor-next-yjs.",
|
|
5
5
|
"author": "wbccb",
|
|
6
6
|
"type": "module",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"types": "dist/yjs-for-vue/src/index.d.ts",
|
|
10
10
|
"main": "dist/index.js",
|
|
11
11
|
"module": "dist/index.mjs",
|
|
12
|
-
"unpkg": "dist/index.
|
|
12
|
+
"unpkg": "dist/index.js",
|
|
13
13
|
"keywords": [
|
|
14
14
|
"slate",
|
|
15
15
|
"wangEditor-next",
|
|
@@ -22,8 +22,7 @@
|
|
|
22
22
|
"types": "./dist/yjs-for-vue/src/index.d.ts",
|
|
23
23
|
"import": "./dist/index.mjs",
|
|
24
24
|
"require": "./dist/index.js"
|
|
25
|
-
}
|
|
26
|
-
"./dist/css/style.css": "./dist/css/style.css"
|
|
25
|
+
}
|
|
27
26
|
},
|
|
28
27
|
"files": [
|
|
29
28
|
"dist"
|
|
@@ -48,11 +47,11 @@
|
|
|
48
47
|
"y-protocols": "^1.0.5"
|
|
49
48
|
},
|
|
50
49
|
"peerDependencies": {
|
|
51
|
-
"@wangeditor-next/editor": ">=6.0.1",
|
|
52
|
-
"@wangeditor-next/yjs": "^2.0.3",
|
|
53
50
|
"vue": ">=3.5.18",
|
|
54
51
|
"slate": "^0.124.0",
|
|
55
|
-
"yjs": "^13.5.29"
|
|
52
|
+
"yjs": "^13.5.29",
|
|
53
|
+
"@wangeditor-next/editor": "^6.2.0",
|
|
54
|
+
"@wangeditor-next/yjs": "^6.2.0"
|
|
56
55
|
},
|
|
57
56
|
"scripts": {
|
|
58
57
|
"test": "vitest run",
|