@ckeditor/ckeditor5-table 40.0.0 → 40.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/CHANGELOG.md +15 -15
- package/LICENSE.md +3 -3
- package/build/table.js +1 -1
- package/build/translations/fi.js +1 -1
- package/lang/translations/fi.po +3 -3
- package/package.json +2 -2
- package/src/augmentation.d.ts +76 -76
- package/src/augmentation.js +5 -5
- package/src/commands/insertcolumncommand.d.ts +55 -55
- package/src/commands/insertcolumncommand.js +67 -67
- package/src/commands/insertrowcommand.d.ts +54 -54
- package/src/commands/insertrowcommand.js +66 -66
- package/src/commands/inserttablecommand.d.ts +44 -44
- package/src/commands/inserttablecommand.js +69 -69
- package/src/commands/mergecellcommand.d.ts +68 -68
- package/src/commands/mergecellcommand.js +198 -198
- package/src/commands/mergecellscommand.d.ts +28 -28
- package/src/commands/mergecellscommand.js +94 -94
- package/src/commands/removecolumncommand.d.ts +29 -29
- package/src/commands/removecolumncommand.js +109 -109
- package/src/commands/removerowcommand.d.ts +29 -29
- package/src/commands/removerowcommand.js +82 -82
- package/src/commands/selectcolumncommand.d.ts +33 -33
- package/src/commands/selectcolumncommand.js +60 -60
- package/src/commands/selectrowcommand.d.ts +33 -33
- package/src/commands/selectrowcommand.js +56 -56
- package/src/commands/setheadercolumncommand.d.ts +50 -50
- package/src/commands/setheadercolumncommand.js +71 -71
- package/src/commands/setheaderrowcommand.d.ts +53 -53
- package/src/commands/setheaderrowcommand.js +79 -79
- package/src/commands/splitcellcommand.d.ts +43 -43
- package/src/commands/splitcellcommand.js +54 -54
- package/src/converters/downcast.d.ts +63 -63
- package/src/converters/downcast.js +146 -146
- package/src/converters/table-caption-post-fixer.d.ts +20 -20
- package/src/converters/table-caption-post-fixer.js +53 -53
- package/src/converters/table-cell-paragraph-post-fixer.d.ts +32 -32
- package/src/converters/table-cell-paragraph-post-fixer.js +107 -107
- package/src/converters/table-cell-refresh-handler.d.ts +18 -18
- package/src/converters/table-cell-refresh-handler.js +45 -45
- package/src/converters/table-headings-refresh-handler.d.ts +17 -17
- package/src/converters/table-headings-refresh-handler.js +49 -49
- package/src/converters/table-layout-post-fixer.d.ts +226 -226
- package/src/converters/table-layout-post-fixer.js +367 -367
- package/src/converters/tableproperties.d.ts +54 -54
- package/src/converters/tableproperties.js +159 -159
- package/src/converters/upcasttable.d.ts +49 -49
- package/src/converters/upcasttable.js +243 -243
- package/src/index.d.ts +60 -60
- package/src/index.js +30 -30
- package/src/plaintableoutput.d.ts +26 -26
- package/src/plaintableoutput.js +123 -123
- package/src/table.d.ts +40 -40
- package/src/table.js +44 -44
- package/src/tablecaption/tablecaptionediting.d.ts +63 -63
- package/src/tablecaption/tablecaptionediting.js +122 -122
- package/src/tablecaption/tablecaptionui.d.ts +21 -21
- package/src/tablecaption/tablecaptionui.js +57 -57
- package/src/tablecaption/toggletablecaptioncommand.d.ts +68 -68
- package/src/tablecaption/toggletablecaptioncommand.js +105 -104
- package/src/tablecaption/utils.d.ts +38 -42
- package/src/tablecaption/utils.js +57 -67
- package/src/tablecaption.d.ts +24 -24
- package/src/tablecaption.js +28 -28
- package/src/tablecellproperties/commands/tablecellbackgroundcolorcommand.d.ts +32 -32
- package/src/tablecellproperties/commands/tablecellbackgroundcolorcommand.js +30 -30
- package/src/tablecellproperties/commands/tablecellbordercolorcommand.d.ts +37 -37
- package/src/tablecellproperties/commands/tablecellbordercolorcommand.js +44 -44
- package/src/tablecellproperties/commands/tablecellborderstylecommand.d.ts +37 -37
- package/src/tablecellproperties/commands/tablecellborderstylecommand.js +44 -44
- package/src/tablecellproperties/commands/tablecellborderwidthcommand.d.ts +51 -51
- package/src/tablecellproperties/commands/tablecellborderwidthcommand.js +64 -64
- package/src/tablecellproperties/commands/tablecellheightcommand.d.ts +46 -46
- package/src/tablecellproperties/commands/tablecellheightcommand.js +51 -51
- package/src/tablecellproperties/commands/tablecellhorizontalalignmentcommand.d.ts +32 -32
- package/src/tablecellproperties/commands/tablecellhorizontalalignmentcommand.js +30 -30
- package/src/tablecellproperties/commands/tablecellpaddingcommand.d.ts +51 -51
- package/src/tablecellproperties/commands/tablecellpaddingcommand.js +64 -64
- package/src/tablecellproperties/commands/tablecellpropertycommand.d.ts +62 -62
- package/src/tablecellproperties/commands/tablecellpropertycommand.js +92 -92
- package/src/tablecellproperties/commands/tablecellverticalalignmentcommand.d.ts +40 -40
- package/src/tablecellproperties/commands/tablecellverticalalignmentcommand.js +38 -38
- package/src/tablecellproperties/tablecellpropertiesediting.d.ts +43 -43
- package/src/tablecellproperties/tablecellpropertiesediting.js +241 -241
- package/src/tablecellproperties/tablecellpropertiesui.d.ts +112 -112
- package/src/tablecellproperties/tablecellpropertiesui.js +330 -330
- package/src/tablecellproperties/ui/tablecellpropertiesview.d.ts +228 -228
- package/src/tablecellproperties/ui/tablecellpropertiesview.js +548 -548
- package/src/tablecellproperties.d.ts +30 -30
- package/src/tablecellproperties.js +34 -34
- package/src/tablecellwidth/commands/tablecellwidthcommand.d.ts +46 -46
- package/src/tablecellwidth/commands/tablecellwidthcommand.js +51 -51
- package/src/tablecellwidth/tablecellwidthediting.d.ts +29 -29
- package/src/tablecellwidth/tablecellwidthediting.js +45 -45
- package/src/tableclipboard.d.ts +65 -65
- package/src/tableclipboard.js +450 -450
- package/src/tablecolumnresize/constants.d.ts +20 -20
- package/src/tablecolumnresize/constants.js +20 -20
- package/src/tablecolumnresize/converters.d.ts +18 -18
- package/src/tablecolumnresize/converters.js +46 -46
- package/src/tablecolumnresize/tablecolumnresizeediting.d.ts +139 -139
- package/src/tablecolumnresize/tablecolumnresizeediting.js +583 -583
- package/src/tablecolumnresize/tablewidthscommand.d.ts +38 -38
- package/src/tablecolumnresize/tablewidthscommand.js +61 -61
- package/src/tablecolumnresize/utils.d.ts +148 -148
- package/src/tablecolumnresize/utils.js +358 -358
- package/src/tablecolumnresize.d.ts +26 -26
- package/src/tablecolumnresize.js +30 -30
- package/src/tableconfig.d.ts +343 -343
- package/src/tableconfig.js +5 -5
- package/src/tableediting.d.ts +98 -98
- package/src/tableediting.js +191 -191
- package/src/tablekeyboard.d.ts +68 -68
- package/src/tablekeyboard.js +279 -279
- package/src/tablemouse/mouseeventsobserver.d.ts +62 -62
- package/src/tablemouse/mouseeventsobserver.js +35 -35
- package/src/tablemouse.d.ts +48 -48
- package/src/tablemouse.js +172 -172
- package/src/tableproperties/commands/tablealignmentcommand.d.ts +32 -32
- package/src/tableproperties/commands/tablealignmentcommand.js +30 -30
- package/src/tableproperties/commands/tablebackgroundcolorcommand.d.ts +32 -32
- package/src/tableproperties/commands/tablebackgroundcolorcommand.js +30 -30
- package/src/tableproperties/commands/tablebordercolorcommand.d.ts +37 -37
- package/src/tableproperties/commands/tablebordercolorcommand.js +44 -44
- package/src/tableproperties/commands/tableborderstylecommand.d.ts +37 -37
- package/src/tableproperties/commands/tableborderstylecommand.js +44 -44
- package/src/tableproperties/commands/tableborderwidthcommand.d.ts +51 -51
- package/src/tableproperties/commands/tableborderwidthcommand.js +64 -64
- package/src/tableproperties/commands/tableheightcommand.d.ts +46 -46
- package/src/tableproperties/commands/tableheightcommand.js +54 -54
- package/src/tableproperties/commands/tablepropertycommand.d.ts +61 -61
- package/src/tableproperties/commands/tablepropertycommand.js +81 -80
- package/src/tableproperties/commands/tablewidthcommand.d.ts +46 -46
- package/src/tableproperties/commands/tablewidthcommand.js +54 -54
- package/src/tableproperties/tablepropertiesediting.d.ts +40 -40
- package/src/tableproperties/tablepropertiesediting.js +206 -206
- package/src/tableproperties/tablepropertiesui.d.ts +114 -114
- package/src/tableproperties/tablepropertiesui.js +321 -321
- package/src/tableproperties/ui/tablepropertiesview.d.ts +207 -207
- package/src/tableproperties/ui/tablepropertiesview.js +466 -466
- package/src/tableproperties.d.ts +30 -30
- package/src/tableproperties.js +34 -34
- package/src/tableselection.d.ts +107 -107
- package/src/tableselection.js +297 -297
- package/src/tabletoolbar.d.ts +32 -32
- package/src/tabletoolbar.js +57 -57
- package/src/tableui.d.ts +53 -53
- package/src/tableui.js +309 -309
- package/src/tableutils.d.ts +448 -448
- package/src/tableutils.js +1055 -1055
- package/src/tablewalker.d.ts +362 -362
- package/src/tablewalker.js +393 -393
- package/src/ui/colorinputview.d.ts +140 -140
- package/src/ui/colorinputview.js +271 -271
- package/src/ui/formrowview.d.ts +61 -61
- package/src/ui/formrowview.js +57 -57
- package/src/ui/inserttableview.d.ts +77 -77
- package/src/ui/inserttableview.js +169 -169
- package/src/utils/common.d.ts +46 -42
- package/src/utils/common.js +68 -57
- package/src/utils/structure.d.ts +245 -245
- package/src/utils/structure.js +426 -426
- package/src/utils/table-properties.d.ts +67 -67
- package/src/utils/table-properties.js +86 -86
- package/src/utils/ui/contextualballoon.d.ts +34 -34
- package/src/utils/ui/contextualballoon.js +110 -106
- package/src/utils/ui/table-properties.d.ts +195 -195
- package/src/utils/ui/table-properties.js +362 -362
- package/src/utils/ui/widget.d.ts +20 -16
- package/src/utils/ui/widget.js +48 -38
- package/build/table.js.map +0 -1
|
@@ -1,79 +1,79 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* @module table/commands/setheaderrowcommand
|
|
7
|
-
*/
|
|
8
|
-
import { Command } from 'ckeditor5/src/core';
|
|
9
|
-
import { updateNumericAttribute } from '../utils/common';
|
|
10
|
-
import { getVerticallyOverlappingCells, splitHorizontally } from '../utils/structure';
|
|
11
|
-
/**
|
|
12
|
-
* The header row command.
|
|
13
|
-
*
|
|
14
|
-
* The command is registered by {@link module:table/tableediting~TableEditing} as the `'setTableColumnHeader'` editor command.
|
|
15
|
-
*
|
|
16
|
-
* You can make the row containing the selected cell a [header](https://www.w3.org/TR/html50/tabular-data.html#the-th-element) by executing:
|
|
17
|
-
*
|
|
18
|
-
* ```ts
|
|
19
|
-
* editor.execute( 'setTableRowHeader' );
|
|
20
|
-
* ```
|
|
21
|
-
*
|
|
22
|
-
* **Note:** All preceding rows will also become headers. If the current row is already a header, executing this command
|
|
23
|
-
* will make it a regular row back again (including the following rows).
|
|
24
|
-
*/
|
|
25
|
-
export default class SetHeaderRowCommand extends Command {
|
|
26
|
-
/**
|
|
27
|
-
* @inheritDoc
|
|
28
|
-
*/
|
|
29
|
-
refresh() {
|
|
30
|
-
const tableUtils = this.editor.plugins.get('TableUtils');
|
|
31
|
-
const model = this.editor.model;
|
|
32
|
-
const selectedCells = tableUtils.getSelectionAffectedTableCells(model.document.selection);
|
|
33
|
-
const isInTable = selectedCells.length > 0;
|
|
34
|
-
this.isEnabled = isInTable;
|
|
35
|
-
this.value = isInTable && selectedCells.every(cell => this._isInHeading(cell, cell.parent.parent));
|
|
36
|
-
}
|
|
37
|
-
/**
|
|
38
|
-
* Executes the command.
|
|
39
|
-
*
|
|
40
|
-
* When the selection is in a non-header row, the command will set the `headingRows` table attribute to cover that row.
|
|
41
|
-
*
|
|
42
|
-
* When the selection is already in a header row, it will set `headingRows` so the heading section will end before that row.
|
|
43
|
-
*
|
|
44
|
-
* @fires execute
|
|
45
|
-
* @param options.forceValue If set, the command will set (`true`) or unset (`false`) the header rows according to
|
|
46
|
-
* the `forceValue` parameter instead of the current model state.
|
|
47
|
-
*/
|
|
48
|
-
execute(options = {}) {
|
|
49
|
-
if (options.forceValue === this.value) {
|
|
50
|
-
return;
|
|
51
|
-
}
|
|
52
|
-
const tableUtils = this.editor.plugins.get('TableUtils');
|
|
53
|
-
const model = this.editor.model;
|
|
54
|
-
const selectedCells = tableUtils.getSelectionAffectedTableCells(model.document.selection);
|
|
55
|
-
const table = selectedCells[0].findAncestor('table');
|
|
56
|
-
const { first, last } = tableUtils.getRowIndexes(selectedCells);
|
|
57
|
-
const headingRowsToSet = this.value ? first : last + 1;
|
|
58
|
-
const currentHeadingRows = table.getAttribute('headingRows') || 0;
|
|
59
|
-
model.change(writer => {
|
|
60
|
-
if (headingRowsToSet) {
|
|
61
|
-
// Changing heading rows requires to check if any of a heading cell is overlapping vertically the table head.
|
|
62
|
-
// Any table cell that has a rowspan attribute > 1 will not exceed the table head so we need to fix it in rows below.
|
|
63
|
-
const startRow = headingRowsToSet > currentHeadingRows ? currentHeadingRows : 0;
|
|
64
|
-
const overlappingCells = getVerticallyOverlappingCells(table, headingRowsToSet, startRow);
|
|
65
|
-
for (const { cell } of overlappingCells) {
|
|
66
|
-
splitHorizontally(cell, headingRowsToSet, writer);
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
updateNumericAttribute('headingRows', headingRowsToSet, table, writer, 0);
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
/**
|
|
73
|
-
* Checks if a table cell is in the heading section.
|
|
74
|
-
*/
|
|
75
|
-
_isInHeading(tableCell, table) {
|
|
76
|
-
const headingRows = parseInt(table.getAttribute('headingRows') || '0');
|
|
77
|
-
return !!headingRows && tableCell.parent.index < headingRows;
|
|
78
|
-
}
|
|
79
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module table/commands/setheaderrowcommand
|
|
7
|
+
*/
|
|
8
|
+
import { Command } from 'ckeditor5/src/core';
|
|
9
|
+
import { updateNumericAttribute } from '../utils/common';
|
|
10
|
+
import { getVerticallyOverlappingCells, splitHorizontally } from '../utils/structure';
|
|
11
|
+
/**
|
|
12
|
+
* The header row command.
|
|
13
|
+
*
|
|
14
|
+
* The command is registered by {@link module:table/tableediting~TableEditing} as the `'setTableColumnHeader'` editor command.
|
|
15
|
+
*
|
|
16
|
+
* You can make the row containing the selected cell a [header](https://www.w3.org/TR/html50/tabular-data.html#the-th-element) by executing:
|
|
17
|
+
*
|
|
18
|
+
* ```ts
|
|
19
|
+
* editor.execute( 'setTableRowHeader' );
|
|
20
|
+
* ```
|
|
21
|
+
*
|
|
22
|
+
* **Note:** All preceding rows will also become headers. If the current row is already a header, executing this command
|
|
23
|
+
* will make it a regular row back again (including the following rows).
|
|
24
|
+
*/
|
|
25
|
+
export default class SetHeaderRowCommand extends Command {
|
|
26
|
+
/**
|
|
27
|
+
* @inheritDoc
|
|
28
|
+
*/
|
|
29
|
+
refresh() {
|
|
30
|
+
const tableUtils = this.editor.plugins.get('TableUtils');
|
|
31
|
+
const model = this.editor.model;
|
|
32
|
+
const selectedCells = tableUtils.getSelectionAffectedTableCells(model.document.selection);
|
|
33
|
+
const isInTable = selectedCells.length > 0;
|
|
34
|
+
this.isEnabled = isInTable;
|
|
35
|
+
this.value = isInTable && selectedCells.every(cell => this._isInHeading(cell, cell.parent.parent));
|
|
36
|
+
}
|
|
37
|
+
/**
|
|
38
|
+
* Executes the command.
|
|
39
|
+
*
|
|
40
|
+
* When the selection is in a non-header row, the command will set the `headingRows` table attribute to cover that row.
|
|
41
|
+
*
|
|
42
|
+
* When the selection is already in a header row, it will set `headingRows` so the heading section will end before that row.
|
|
43
|
+
*
|
|
44
|
+
* @fires execute
|
|
45
|
+
* @param options.forceValue If set, the command will set (`true`) or unset (`false`) the header rows according to
|
|
46
|
+
* the `forceValue` parameter instead of the current model state.
|
|
47
|
+
*/
|
|
48
|
+
execute(options = {}) {
|
|
49
|
+
if (options.forceValue === this.value) {
|
|
50
|
+
return;
|
|
51
|
+
}
|
|
52
|
+
const tableUtils = this.editor.plugins.get('TableUtils');
|
|
53
|
+
const model = this.editor.model;
|
|
54
|
+
const selectedCells = tableUtils.getSelectionAffectedTableCells(model.document.selection);
|
|
55
|
+
const table = selectedCells[0].findAncestor('table');
|
|
56
|
+
const { first, last } = tableUtils.getRowIndexes(selectedCells);
|
|
57
|
+
const headingRowsToSet = this.value ? first : last + 1;
|
|
58
|
+
const currentHeadingRows = table.getAttribute('headingRows') || 0;
|
|
59
|
+
model.change(writer => {
|
|
60
|
+
if (headingRowsToSet) {
|
|
61
|
+
// Changing heading rows requires to check if any of a heading cell is overlapping vertically the table head.
|
|
62
|
+
// Any table cell that has a rowspan attribute > 1 will not exceed the table head so we need to fix it in rows below.
|
|
63
|
+
const startRow = headingRowsToSet > currentHeadingRows ? currentHeadingRows : 0;
|
|
64
|
+
const overlappingCells = getVerticallyOverlappingCells(table, headingRowsToSet, startRow);
|
|
65
|
+
for (const { cell } of overlappingCells) {
|
|
66
|
+
splitHorizontally(cell, headingRowsToSet, writer);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
updateNumericAttribute('headingRows', headingRowsToSet, table, writer, 0);
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
/**
|
|
73
|
+
* Checks if a table cell is in the heading section.
|
|
74
|
+
*/
|
|
75
|
+
_isInHeading(tableCell, table) {
|
|
76
|
+
const headingRows = parseInt(table.getAttribute('headingRows') || '0');
|
|
77
|
+
return !!headingRows && tableCell.parent.index < headingRows;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* @module table/commands/splitcellcommand
|
|
7
|
-
*/
|
|
8
|
-
import { Command, type Editor } from 'ckeditor5/src/core';
|
|
9
|
-
/**
|
|
10
|
-
* The split cell command.
|
|
11
|
-
*
|
|
12
|
-
* The command is registered by {@link module:table/tableediting~TableEditing} as the `'splitTableCellVertically'`
|
|
13
|
-
* and `'splitTableCellHorizontally'` editor commands.
|
|
14
|
-
*
|
|
15
|
-
* You can split any cell vertically or horizontally by executing this command. For example, to split the selected table cell vertically:
|
|
16
|
-
*
|
|
17
|
-
* ```ts
|
|
18
|
-
* editor.execute( 'splitTableCellVertically' );
|
|
19
|
-
* ```
|
|
20
|
-
*/
|
|
21
|
-
export default class SplitCellCommand extends Command {
|
|
22
|
-
/**
|
|
23
|
-
* The direction that indicates which cell will be split.
|
|
24
|
-
*/
|
|
25
|
-
readonly direction: 'horizontally' | 'vertically';
|
|
26
|
-
/**
|
|
27
|
-
* Creates a new `SplitCellCommand` instance.
|
|
28
|
-
*
|
|
29
|
-
* @param editor The editor on which this command will be used.
|
|
30
|
-
* @param options.direction Indicates whether the command should split cells `'horizontally'` or `'vertically'`.
|
|
31
|
-
*/
|
|
32
|
-
constructor(editor: Editor, options?: {
|
|
33
|
-
direction?: 'horizontally' | 'vertically';
|
|
34
|
-
});
|
|
35
|
-
/**
|
|
36
|
-
* @inheritDoc
|
|
37
|
-
*/
|
|
38
|
-
refresh(): void;
|
|
39
|
-
/**
|
|
40
|
-
* @inheritDoc
|
|
41
|
-
*/
|
|
42
|
-
execute(): void;
|
|
43
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module table/commands/splitcellcommand
|
|
7
|
+
*/
|
|
8
|
+
import { Command, type Editor } from 'ckeditor5/src/core';
|
|
9
|
+
/**
|
|
10
|
+
* The split cell command.
|
|
11
|
+
*
|
|
12
|
+
* The command is registered by {@link module:table/tableediting~TableEditing} as the `'splitTableCellVertically'`
|
|
13
|
+
* and `'splitTableCellHorizontally'` editor commands.
|
|
14
|
+
*
|
|
15
|
+
* You can split any cell vertically or horizontally by executing this command. For example, to split the selected table cell vertically:
|
|
16
|
+
*
|
|
17
|
+
* ```ts
|
|
18
|
+
* editor.execute( 'splitTableCellVertically' );
|
|
19
|
+
* ```
|
|
20
|
+
*/
|
|
21
|
+
export default class SplitCellCommand extends Command {
|
|
22
|
+
/**
|
|
23
|
+
* The direction that indicates which cell will be split.
|
|
24
|
+
*/
|
|
25
|
+
readonly direction: 'horizontally' | 'vertically';
|
|
26
|
+
/**
|
|
27
|
+
* Creates a new `SplitCellCommand` instance.
|
|
28
|
+
*
|
|
29
|
+
* @param editor The editor on which this command will be used.
|
|
30
|
+
* @param options.direction Indicates whether the command should split cells `'horizontally'` or `'vertically'`.
|
|
31
|
+
*/
|
|
32
|
+
constructor(editor: Editor, options?: {
|
|
33
|
+
direction?: 'horizontally' | 'vertically';
|
|
34
|
+
});
|
|
35
|
+
/**
|
|
36
|
+
* @inheritDoc
|
|
37
|
+
*/
|
|
38
|
+
refresh(): void;
|
|
39
|
+
/**
|
|
40
|
+
* @inheritDoc
|
|
41
|
+
*/
|
|
42
|
+
execute(): void;
|
|
43
|
+
}
|
|
@@ -1,54 +1,54 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* @module table/commands/splitcellcommand
|
|
7
|
-
*/
|
|
8
|
-
import { Command } from 'ckeditor5/src/core';
|
|
9
|
-
/**
|
|
10
|
-
* The split cell command.
|
|
11
|
-
*
|
|
12
|
-
* The command is registered by {@link module:table/tableediting~TableEditing} as the `'splitTableCellVertically'`
|
|
13
|
-
* and `'splitTableCellHorizontally'` editor commands.
|
|
14
|
-
*
|
|
15
|
-
* You can split any cell vertically or horizontally by executing this command. For example, to split the selected table cell vertically:
|
|
16
|
-
*
|
|
17
|
-
* ```ts
|
|
18
|
-
* editor.execute( 'splitTableCellVertically' );
|
|
19
|
-
* ```
|
|
20
|
-
*/
|
|
21
|
-
export default class SplitCellCommand extends Command {
|
|
22
|
-
/**
|
|
23
|
-
* Creates a new `SplitCellCommand` instance.
|
|
24
|
-
*
|
|
25
|
-
* @param editor The editor on which this command will be used.
|
|
26
|
-
* @param options.direction Indicates whether the command should split cells `'horizontally'` or `'vertically'`.
|
|
27
|
-
*/
|
|
28
|
-
constructor(editor, options = {}) {
|
|
29
|
-
super(editor);
|
|
30
|
-
this.direction = options.direction || 'horizontally';
|
|
31
|
-
}
|
|
32
|
-
/**
|
|
33
|
-
* @inheritDoc
|
|
34
|
-
*/
|
|
35
|
-
refresh() {
|
|
36
|
-
const tableUtils = this.editor.plugins.get('TableUtils');
|
|
37
|
-
const selectedCells = tableUtils.getSelectionAffectedTableCells(this.editor.model.document.selection);
|
|
38
|
-
this.isEnabled = selectedCells.length === 1;
|
|
39
|
-
}
|
|
40
|
-
/**
|
|
41
|
-
* @inheritDoc
|
|
42
|
-
*/
|
|
43
|
-
execute() {
|
|
44
|
-
const tableUtils = this.editor.plugins.get('TableUtils');
|
|
45
|
-
const tableCell = tableUtils.getSelectionAffectedTableCells(this.editor.model.document.selection)[0];
|
|
46
|
-
const isHorizontal = this.direction === 'horizontally';
|
|
47
|
-
if (isHorizontal) {
|
|
48
|
-
tableUtils.splitCellHorizontally(tableCell, 2);
|
|
49
|
-
}
|
|
50
|
-
else {
|
|
51
|
-
tableUtils.splitCellVertically(tableCell, 2);
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module table/commands/splitcellcommand
|
|
7
|
+
*/
|
|
8
|
+
import { Command } from 'ckeditor5/src/core';
|
|
9
|
+
/**
|
|
10
|
+
* The split cell command.
|
|
11
|
+
*
|
|
12
|
+
* The command is registered by {@link module:table/tableediting~TableEditing} as the `'splitTableCellVertically'`
|
|
13
|
+
* and `'splitTableCellHorizontally'` editor commands.
|
|
14
|
+
*
|
|
15
|
+
* You can split any cell vertically or horizontally by executing this command. For example, to split the selected table cell vertically:
|
|
16
|
+
*
|
|
17
|
+
* ```ts
|
|
18
|
+
* editor.execute( 'splitTableCellVertically' );
|
|
19
|
+
* ```
|
|
20
|
+
*/
|
|
21
|
+
export default class SplitCellCommand extends Command {
|
|
22
|
+
/**
|
|
23
|
+
* Creates a new `SplitCellCommand` instance.
|
|
24
|
+
*
|
|
25
|
+
* @param editor The editor on which this command will be used.
|
|
26
|
+
* @param options.direction Indicates whether the command should split cells `'horizontally'` or `'vertically'`.
|
|
27
|
+
*/
|
|
28
|
+
constructor(editor, options = {}) {
|
|
29
|
+
super(editor);
|
|
30
|
+
this.direction = options.direction || 'horizontally';
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* @inheritDoc
|
|
34
|
+
*/
|
|
35
|
+
refresh() {
|
|
36
|
+
const tableUtils = this.editor.plugins.get('TableUtils');
|
|
37
|
+
const selectedCells = tableUtils.getSelectionAffectedTableCells(this.editor.model.document.selection);
|
|
38
|
+
this.isEnabled = selectedCells.length === 1;
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* @inheritDoc
|
|
42
|
+
*/
|
|
43
|
+
execute() {
|
|
44
|
+
const tableUtils = this.editor.plugins.get('TableUtils');
|
|
45
|
+
const tableCell = tableUtils.getSelectionAffectedTableCells(this.editor.model.document.selection)[0];
|
|
46
|
+
const isHorizontal = this.direction === 'horizontally';
|
|
47
|
+
if (isHorizontal) {
|
|
48
|
+
tableUtils.splitCellHorizontally(tableCell, 2);
|
|
49
|
+
}
|
|
50
|
+
else {
|
|
51
|
+
tableUtils.splitCellVertically(tableCell, 2);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
@@ -1,63 +1,63 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
import type { Element, ElementCreatorFunction } from 'ckeditor5/src/engine';
|
|
6
|
-
import type TableUtils from '../tableutils';
|
|
7
|
-
import type { AdditionalSlot } from '../tableediting';
|
|
8
|
-
/**
|
|
9
|
-
* Model table element to view table element conversion helper.
|
|
10
|
-
*/
|
|
11
|
-
export declare function downcastTable(tableUtils: TableUtils, options: DowncastTableOptions): ElementCreatorFunction;
|
|
12
|
-
/**
|
|
13
|
-
* Model table row element to view `<tr>` element conversion helper.
|
|
14
|
-
*
|
|
15
|
-
* @returns Element creator.
|
|
16
|
-
*/
|
|
17
|
-
export declare function downcastRow(): ElementCreatorFunction;
|
|
18
|
-
/**
|
|
19
|
-
* Model table cell element to view `<td>` or `<th>` element conversion helper.
|
|
20
|
-
*
|
|
21
|
-
* This conversion helper will create proper `<th>` elements for table cells that are in the heading section (heading row or column)
|
|
22
|
-
* and `<td>` otherwise.
|
|
23
|
-
*
|
|
24
|
-
* @param options.asWidget If set to `true`, the downcast conversion will produce a widget.
|
|
25
|
-
* @returns Element creator.
|
|
26
|
-
*/
|
|
27
|
-
export declare function downcastCell(options?: {
|
|
28
|
-
asWidget?: boolean;
|
|
29
|
-
}): ElementCreatorFunction;
|
|
30
|
-
/**
|
|
31
|
-
* Overrides paragraph inside table cell conversion.
|
|
32
|
-
*
|
|
33
|
-
* This converter:
|
|
34
|
-
* * should be used to override default paragraph conversion.
|
|
35
|
-
* * It will only convert `<paragraph>` placed directly inside `<tableCell>`.
|
|
36
|
-
* * For a single paragraph without attributes it returns `<span>` to simulate data table.
|
|
37
|
-
* * For all other cases it returns `<p>` element.
|
|
38
|
-
*
|
|
39
|
-
* @param options.asWidget If set to `true`, the downcast conversion will produce a widget.
|
|
40
|
-
* @returns Element creator.
|
|
41
|
-
*/
|
|
42
|
-
export declare function convertParagraphInTableCell(options?: {
|
|
43
|
-
asWidget?: boolean;
|
|
44
|
-
}): ElementCreatorFunction;
|
|
45
|
-
/**
|
|
46
|
-
* Checks if given model `<paragraph>` is an only child of a parent (`<tableCell>`) and if it has any attribute set.
|
|
47
|
-
*
|
|
48
|
-
* The paragraph should be converted in the editing view to:
|
|
49
|
-
*
|
|
50
|
-
* * If returned `true` - to a `<span class="ck-table-bogus-paragraph">`
|
|
51
|
-
* * If returned `false` - to a `<p>`
|
|
52
|
-
*/
|
|
53
|
-
export declare function isSingleParagraphWithoutAttributes(modelElement: Element): boolean;
|
|
54
|
-
export interface DowncastTableOptions {
|
|
55
|
-
/**
|
|
56
|
-
* If set to `true`, the downcast conversion will produce a widget.
|
|
57
|
-
*/
|
|
58
|
-
asWidget?: boolean;
|
|
59
|
-
/**
|
|
60
|
-
* Array of additional slot handlers.
|
|
61
|
-
*/
|
|
62
|
-
additionalSlots: Array<AdditionalSlot>;
|
|
63
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
import type { Element, ElementCreatorFunction } from 'ckeditor5/src/engine';
|
|
6
|
+
import type TableUtils from '../tableutils';
|
|
7
|
+
import type { AdditionalSlot } from '../tableediting';
|
|
8
|
+
/**
|
|
9
|
+
* Model table element to view table element conversion helper.
|
|
10
|
+
*/
|
|
11
|
+
export declare function downcastTable(tableUtils: TableUtils, options: DowncastTableOptions): ElementCreatorFunction;
|
|
12
|
+
/**
|
|
13
|
+
* Model table row element to view `<tr>` element conversion helper.
|
|
14
|
+
*
|
|
15
|
+
* @returns Element creator.
|
|
16
|
+
*/
|
|
17
|
+
export declare function downcastRow(): ElementCreatorFunction;
|
|
18
|
+
/**
|
|
19
|
+
* Model table cell element to view `<td>` or `<th>` element conversion helper.
|
|
20
|
+
*
|
|
21
|
+
* This conversion helper will create proper `<th>` elements for table cells that are in the heading section (heading row or column)
|
|
22
|
+
* and `<td>` otherwise.
|
|
23
|
+
*
|
|
24
|
+
* @param options.asWidget If set to `true`, the downcast conversion will produce a widget.
|
|
25
|
+
* @returns Element creator.
|
|
26
|
+
*/
|
|
27
|
+
export declare function downcastCell(options?: {
|
|
28
|
+
asWidget?: boolean;
|
|
29
|
+
}): ElementCreatorFunction;
|
|
30
|
+
/**
|
|
31
|
+
* Overrides paragraph inside table cell conversion.
|
|
32
|
+
*
|
|
33
|
+
* This converter:
|
|
34
|
+
* * should be used to override default paragraph conversion.
|
|
35
|
+
* * It will only convert `<paragraph>` placed directly inside `<tableCell>`.
|
|
36
|
+
* * For a single paragraph without attributes it returns `<span>` to simulate data table.
|
|
37
|
+
* * For all other cases it returns `<p>` element.
|
|
38
|
+
*
|
|
39
|
+
* @param options.asWidget If set to `true`, the downcast conversion will produce a widget.
|
|
40
|
+
* @returns Element creator.
|
|
41
|
+
*/
|
|
42
|
+
export declare function convertParagraphInTableCell(options?: {
|
|
43
|
+
asWidget?: boolean;
|
|
44
|
+
}): ElementCreatorFunction;
|
|
45
|
+
/**
|
|
46
|
+
* Checks if given model `<paragraph>` is an only child of a parent (`<tableCell>`) and if it has any attribute set.
|
|
47
|
+
*
|
|
48
|
+
* The paragraph should be converted in the editing view to:
|
|
49
|
+
*
|
|
50
|
+
* * If returned `true` - to a `<span class="ck-table-bogus-paragraph">`
|
|
51
|
+
* * If returned `false` - to a `<p>`
|
|
52
|
+
*/
|
|
53
|
+
export declare function isSingleParagraphWithoutAttributes(modelElement: Element): boolean;
|
|
54
|
+
export interface DowncastTableOptions {
|
|
55
|
+
/**
|
|
56
|
+
* If set to `true`, the downcast conversion will produce a widget.
|
|
57
|
+
*/
|
|
58
|
+
asWidget?: boolean;
|
|
59
|
+
/**
|
|
60
|
+
* Array of additional slot handlers.
|
|
61
|
+
*/
|
|
62
|
+
additionalSlots: Array<AdditionalSlot>;
|
|
63
|
+
}
|