@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,20 +1,20 @@
|
|
|
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/tablecolumnresize/constants
|
|
7
|
-
*/
|
|
8
|
-
/**
|
|
9
|
-
* The minimum column width given as a percentage value. Used in situations when the table is not yet rendered, so it is impossible to
|
|
10
|
-
* calculate how many percentage of the table width would be {@link ~COLUMN_MIN_WIDTH_IN_PIXELS minimum column width in pixels}.
|
|
11
|
-
*/
|
|
12
|
-
export declare const COLUMN_MIN_WIDTH_AS_PERCENTAGE = 5;
|
|
13
|
-
/**
|
|
14
|
-
* The minimum column width in pixels when the maximum table width is known.
|
|
15
|
-
*/
|
|
16
|
-
export declare const COLUMN_MIN_WIDTH_IN_PIXELS = 40;
|
|
17
|
-
/**
|
|
18
|
-
* Determines how many digits after the decimal point are used to store the column width as a percentage value.
|
|
19
|
-
*/
|
|
20
|
-
export declare const COLUMN_WIDTH_PRECISION = 2;
|
|
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/tablecolumnresize/constants
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* The minimum column width given as a percentage value. Used in situations when the table is not yet rendered, so it is impossible to
|
|
10
|
+
* calculate how many percentage of the table width would be {@link ~COLUMN_MIN_WIDTH_IN_PIXELS minimum column width in pixels}.
|
|
11
|
+
*/
|
|
12
|
+
export declare const COLUMN_MIN_WIDTH_AS_PERCENTAGE = 5;
|
|
13
|
+
/**
|
|
14
|
+
* The minimum column width in pixels when the maximum table width is known.
|
|
15
|
+
*/
|
|
16
|
+
export declare const COLUMN_MIN_WIDTH_IN_PIXELS = 40;
|
|
17
|
+
/**
|
|
18
|
+
* Determines how many digits after the decimal point are used to store the column width as a percentage value.
|
|
19
|
+
*/
|
|
20
|
+
export declare const COLUMN_WIDTH_PRECISION = 2;
|
|
@@ -1,20 +1,20 @@
|
|
|
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/tablecolumnresize/constants
|
|
7
|
-
*/
|
|
8
|
-
/**
|
|
9
|
-
* The minimum column width given as a percentage value. Used in situations when the table is not yet rendered, so it is impossible to
|
|
10
|
-
* calculate how many percentage of the table width would be {@link ~COLUMN_MIN_WIDTH_IN_PIXELS minimum column width in pixels}.
|
|
11
|
-
*/
|
|
12
|
-
export const COLUMN_MIN_WIDTH_AS_PERCENTAGE = 5;
|
|
13
|
-
/**
|
|
14
|
-
* The minimum column width in pixels when the maximum table width is known.
|
|
15
|
-
*/
|
|
16
|
-
export const COLUMN_MIN_WIDTH_IN_PIXELS = 40;
|
|
17
|
-
/**
|
|
18
|
-
* Determines how many digits after the decimal point are used to store the column width as a percentage value.
|
|
19
|
-
*/
|
|
20
|
-
export const COLUMN_WIDTH_PRECISION = 2;
|
|
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/tablecolumnresize/constants
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* The minimum column width given as a percentage value. Used in situations when the table is not yet rendered, so it is impossible to
|
|
10
|
+
* calculate how many percentage of the table width would be {@link ~COLUMN_MIN_WIDTH_IN_PIXELS minimum column width in pixels}.
|
|
11
|
+
*/
|
|
12
|
+
export const COLUMN_MIN_WIDTH_AS_PERCENTAGE = 5;
|
|
13
|
+
/**
|
|
14
|
+
* The minimum column width in pixels when the maximum table width is known.
|
|
15
|
+
*/
|
|
16
|
+
export const COLUMN_MIN_WIDTH_IN_PIXELS = 40;
|
|
17
|
+
/**
|
|
18
|
+
* Determines how many digits after the decimal point are used to store the column width as a percentage value.
|
|
19
|
+
*/
|
|
20
|
+
export const COLUMN_WIDTH_PRECISION = 2;
|
|
@@ -1,18 +1,18 @@
|
|
|
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/tablecolumnresize/converters
|
|
7
|
-
*/
|
|
8
|
-
import type { DowncastDispatcher, UpcastDispatcher } from 'ckeditor5/src/engine';
|
|
9
|
-
import type TableUtils from '../tableutils';
|
|
10
|
-
/**
|
|
11
|
-
* Returns a upcast helper that ensures the number of `<tableColumn>` elements corresponds to the actual number of columns in the table,
|
|
12
|
-
* because the input data might have too few or too many <col> elements.
|
|
13
|
-
*/
|
|
14
|
-
export declare function upcastColgroupElement(tableUtilsPlugin: TableUtils): (dispatcher: UpcastDispatcher) => void;
|
|
15
|
-
/**
|
|
16
|
-
* Returns downcast helper for adding `ck-table-resized` class if there is a `<tableColumnGroup>` element inside the table.
|
|
17
|
-
*/
|
|
18
|
-
export declare function downcastTableResizedClass(): (dispatcher: DowncastDispatcher) => void;
|
|
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/tablecolumnresize/converters
|
|
7
|
+
*/
|
|
8
|
+
import type { DowncastDispatcher, UpcastDispatcher } from 'ckeditor5/src/engine';
|
|
9
|
+
import type TableUtils from '../tableutils';
|
|
10
|
+
/**
|
|
11
|
+
* Returns a upcast helper that ensures the number of `<tableColumn>` elements corresponds to the actual number of columns in the table,
|
|
12
|
+
* because the input data might have too few or too many <col> elements.
|
|
13
|
+
*/
|
|
14
|
+
export declare function upcastColgroupElement(tableUtilsPlugin: TableUtils): (dispatcher: UpcastDispatcher) => void;
|
|
15
|
+
/**
|
|
16
|
+
* Returns downcast helper for adding `ck-table-resized` class if there is a `<tableColumnGroup>` element inside the table.
|
|
17
|
+
*/
|
|
18
|
+
export declare function downcastTableResizedClass(): (dispatcher: DowncastDispatcher) => void;
|
|
@@ -1,46 +1,46 @@
|
|
|
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 { normalizeColumnWidths, updateColumnElements, getColumnGroupElement, getTableColumnElements, translateColSpanAttribute } from './utils';
|
|
6
|
-
/**
|
|
7
|
-
* Returns a upcast helper that ensures the number of `<tableColumn>` elements corresponds to the actual number of columns in the table,
|
|
8
|
-
* because the input data might have too few or too many <col> elements.
|
|
9
|
-
*/
|
|
10
|
-
export function upcastColgroupElement(tableUtilsPlugin) {
|
|
11
|
-
return dispatcher => dispatcher.on('element:colgroup', (evt, data, conversionApi) => {
|
|
12
|
-
const modelTable = data.modelCursor.findAncestor('table');
|
|
13
|
-
const tableColumnGroup = getColumnGroupElement(modelTable);
|
|
14
|
-
if (!tableColumnGroup) {
|
|
15
|
-
return;
|
|
16
|
-
}
|
|
17
|
-
const columnElements = getTableColumnElements(tableColumnGroup);
|
|
18
|
-
const columnsCount = tableUtilsPlugin.getColumns(modelTable);
|
|
19
|
-
let columnWidths = translateColSpanAttribute(tableColumnGroup, conversionApi.writer);
|
|
20
|
-
// Fill the array with 'auto' values if the number of columns is higher than number of declared values.
|
|
21
|
-
columnWidths = Array.from({ length: columnsCount }, (_, index) => columnWidths[index] || 'auto');
|
|
22
|
-
if (columnWidths.length != columnElements.length || columnWidths.includes('auto')) {
|
|
23
|
-
updateColumnElements(columnElements, tableColumnGroup, normalizeColumnWidths(columnWidths), conversionApi.writer);
|
|
24
|
-
}
|
|
25
|
-
}, { priority: 'low' });
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* Returns downcast helper for adding `ck-table-resized` class if there is a `<tableColumnGroup>` element inside the table.
|
|
29
|
-
*/
|
|
30
|
-
export function downcastTableResizedClass() {
|
|
31
|
-
return dispatcher => dispatcher.on('insert:table', (evt, data, conversionApi) => {
|
|
32
|
-
const viewWriter = conversionApi.writer;
|
|
33
|
-
const modelTable = data.item;
|
|
34
|
-
const viewElement = conversionApi.mapper.toViewElement(modelTable);
|
|
35
|
-
const viewTable = viewElement.is('element', 'table') ?
|
|
36
|
-
viewElement :
|
|
37
|
-
Array.from(viewElement.getChildren()).find(viewChild => viewChild.is('element', 'table'));
|
|
38
|
-
const tableColumnGroup = getColumnGroupElement(modelTable);
|
|
39
|
-
if (tableColumnGroup) {
|
|
40
|
-
viewWriter.addClass('ck-table-resized', viewTable);
|
|
41
|
-
}
|
|
42
|
-
else {
|
|
43
|
-
viewWriter.removeClass('ck-table-resized', viewTable);
|
|
44
|
-
}
|
|
45
|
-
}, { priority: 'low' });
|
|
46
|
-
}
|
|
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 { normalizeColumnWidths, updateColumnElements, getColumnGroupElement, getTableColumnElements, translateColSpanAttribute } from './utils';
|
|
6
|
+
/**
|
|
7
|
+
* Returns a upcast helper that ensures the number of `<tableColumn>` elements corresponds to the actual number of columns in the table,
|
|
8
|
+
* because the input data might have too few or too many <col> elements.
|
|
9
|
+
*/
|
|
10
|
+
export function upcastColgroupElement(tableUtilsPlugin) {
|
|
11
|
+
return dispatcher => dispatcher.on('element:colgroup', (evt, data, conversionApi) => {
|
|
12
|
+
const modelTable = data.modelCursor.findAncestor('table');
|
|
13
|
+
const tableColumnGroup = getColumnGroupElement(modelTable);
|
|
14
|
+
if (!tableColumnGroup) {
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
const columnElements = getTableColumnElements(tableColumnGroup);
|
|
18
|
+
const columnsCount = tableUtilsPlugin.getColumns(modelTable);
|
|
19
|
+
let columnWidths = translateColSpanAttribute(tableColumnGroup, conversionApi.writer);
|
|
20
|
+
// Fill the array with 'auto' values if the number of columns is higher than number of declared values.
|
|
21
|
+
columnWidths = Array.from({ length: columnsCount }, (_, index) => columnWidths[index] || 'auto');
|
|
22
|
+
if (columnWidths.length != columnElements.length || columnWidths.includes('auto')) {
|
|
23
|
+
updateColumnElements(columnElements, tableColumnGroup, normalizeColumnWidths(columnWidths), conversionApi.writer);
|
|
24
|
+
}
|
|
25
|
+
}, { priority: 'low' });
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* Returns downcast helper for adding `ck-table-resized` class if there is a `<tableColumnGroup>` element inside the table.
|
|
29
|
+
*/
|
|
30
|
+
export function downcastTableResizedClass() {
|
|
31
|
+
return dispatcher => dispatcher.on('insert:table', (evt, data, conversionApi) => {
|
|
32
|
+
const viewWriter = conversionApi.writer;
|
|
33
|
+
const modelTable = data.item;
|
|
34
|
+
const viewElement = conversionApi.mapper.toViewElement(modelTable);
|
|
35
|
+
const viewTable = viewElement.is('element', 'table') ?
|
|
36
|
+
viewElement :
|
|
37
|
+
Array.from(viewElement.getChildren()).find(viewChild => viewChild.is('element', 'table'));
|
|
38
|
+
const tableColumnGroup = getColumnGroupElement(modelTable);
|
|
39
|
+
if (tableColumnGroup) {
|
|
40
|
+
viewWriter.addClass('ck-table-resized', viewTable);
|
|
41
|
+
}
|
|
42
|
+
else {
|
|
43
|
+
viewWriter.removeClass('ck-table-resized', viewTable);
|
|
44
|
+
}
|
|
45
|
+
}, { priority: 'low' });
|
|
46
|
+
}
|
|
@@ -1,139 +1,139 @@
|
|
|
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 { Plugin, type Editor } from 'ckeditor5/src/core';
|
|
6
|
-
import type { Element } from 'ckeditor5/src/engine';
|
|
7
|
-
import TableEditing from '../tableediting';
|
|
8
|
-
import TableUtils from '../tableutils';
|
|
9
|
-
/**
|
|
10
|
-
* The table column resize editing plugin.
|
|
11
|
-
*/
|
|
12
|
-
export default class TableColumnResizeEditing extends Plugin {
|
|
13
|
-
/**
|
|
14
|
-
* A flag indicating if the column resizing is in progress.
|
|
15
|
-
*/
|
|
16
|
-
private _isResizingActive;
|
|
17
|
-
/**
|
|
18
|
-
* A flag indicating if the column resizing is allowed. It is not allowed if the editor is in read-only
|
|
19
|
-
* or comments-only mode or the `TableColumnResize` plugin is disabled.
|
|
20
|
-
*
|
|
21
|
-
* @observable
|
|
22
|
-
* @internal
|
|
23
|
-
*/
|
|
24
|
-
_isResizingAllowed: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* A temporary storage for the required data needed to correctly calculate the widths of the resized columns. This storage is
|
|
27
|
-
* initialized when column resizing begins, and is purged upon completion.
|
|
28
|
-
*/
|
|
29
|
-
private _resizingData;
|
|
30
|
-
/**
|
|
31
|
-
* DOM emitter.
|
|
32
|
-
*/
|
|
33
|
-
private _domEmitter;
|
|
34
|
-
/**
|
|
35
|
-
* A local reference to the {@link module:table/tableutils~TableUtils} plugin.
|
|
36
|
-
*/
|
|
37
|
-
private _tableUtilsPlugin;
|
|
38
|
-
/**
|
|
39
|
-
* @inheritDoc
|
|
40
|
-
*/
|
|
41
|
-
static get requires(): readonly [typeof TableEditing, typeof TableUtils];
|
|
42
|
-
/**
|
|
43
|
-
* @inheritDoc
|
|
44
|
-
*/
|
|
45
|
-
static get pluginName(): "TableColumnResizeEditing";
|
|
46
|
-
/**
|
|
47
|
-
* @inheritDoc
|
|
48
|
-
*/
|
|
49
|
-
constructor(editor: Editor);
|
|
50
|
-
/**
|
|
51
|
-
* @inheritDoc
|
|
52
|
-
*/
|
|
53
|
-
init(): void;
|
|
54
|
-
/**
|
|
55
|
-
* @inheritDoc
|
|
56
|
-
*/
|
|
57
|
-
destroy(): void;
|
|
58
|
-
/**
|
|
59
|
-
* Returns a 'tableColumnGroup' element from the 'table'.
|
|
60
|
-
*
|
|
61
|
-
* @param element A 'table' or 'tableColumnGroup' element.
|
|
62
|
-
* @returns A 'tableColumnGroup' element.
|
|
63
|
-
*/
|
|
64
|
-
getColumnGroupElement(element: Element): Element | undefined;
|
|
65
|
-
/**
|
|
66
|
-
* Returns an array of 'tableColumn' elements.
|
|
67
|
-
*
|
|
68
|
-
* @param element A 'table' or 'tableColumnGroup' element.
|
|
69
|
-
* @returns An array of 'tableColumn' elements.
|
|
70
|
-
*/
|
|
71
|
-
getTableColumnElements(element: Element): Array<Element>;
|
|
72
|
-
/**
|
|
73
|
-
* Returns an array of table column widths.
|
|
74
|
-
*
|
|
75
|
-
* @param element A 'table' or 'tableColumnGroup' element.
|
|
76
|
-
* @returns An array of table column widths.
|
|
77
|
-
*/
|
|
78
|
-
getTableColumnsWidths(element: Element): Array<string>;
|
|
79
|
-
/**
|
|
80
|
-
* Registers new attributes for a table model element.
|
|
81
|
-
*/
|
|
82
|
-
private _extendSchema;
|
|
83
|
-
/**
|
|
84
|
-
* Registers table column resize post-fixer.
|
|
85
|
-
*
|
|
86
|
-
* It checks if the change from the differ concerns a table-related element or attribute. For detected changes it:
|
|
87
|
-
* * Adjusts the `columnWidths` attribute to guarantee that the sum of the widths from all columns is 100%.
|
|
88
|
-
* * Checks if the `columnWidths` attribute gets updated accordingly after columns have been added or removed.
|
|
89
|
-
*/
|
|
90
|
-
private _registerPostFixer;
|
|
91
|
-
/**
|
|
92
|
-
* Registers table column resize converters.
|
|
93
|
-
*/
|
|
94
|
-
private _registerConverters;
|
|
95
|
-
/**
|
|
96
|
-
* Registers listeners to handle resizing process.
|
|
97
|
-
*/
|
|
98
|
-
private _registerResizingListeners;
|
|
99
|
-
/**
|
|
100
|
-
* Handles the `mousedown` event on column resizer element:
|
|
101
|
-
* * calculates the initial column pixel widths,
|
|
102
|
-
* * inserts the `<colgroup>` element if it is not present in the `<table>`,
|
|
103
|
-
* * puts the necessary data in the temporary storage,
|
|
104
|
-
* * applies the attributes to the `<table>` view element.
|
|
105
|
-
*
|
|
106
|
-
* @param eventInfo An object containing information about the fired event.
|
|
107
|
-
* @param domEventData The data related to the DOM event.
|
|
108
|
-
*/
|
|
109
|
-
private _onMouseDownHandler;
|
|
110
|
-
/**
|
|
111
|
-
* Handles the `mousemove` event.
|
|
112
|
-
* * If resizing process is not in progress, it does nothing.
|
|
113
|
-
* * If resizing is active but not allowed, it stops the resizing process instantly calling the `mousedown` event handler.
|
|
114
|
-
* * Otherwise it dynamically updates the widths of the resized columns.
|
|
115
|
-
*
|
|
116
|
-
* @param eventInfo An object containing information about the fired event.
|
|
117
|
-
* @param mouseEventData The native DOM event.
|
|
118
|
-
*/
|
|
119
|
-
private _onMouseMoveHandler;
|
|
120
|
-
/**
|
|
121
|
-
* Handles the `mouseup` event.
|
|
122
|
-
* * If resizing process is not in progress, it does nothing.
|
|
123
|
-
* * If resizing is active but not allowed, it cancels the resizing process restoring the original widths.
|
|
124
|
-
* * Otherwise it propagates the changes from view to the model by executing the adequate commands.
|
|
125
|
-
*/
|
|
126
|
-
private _onMouseUpHandler;
|
|
127
|
-
/**
|
|
128
|
-
* Retrieves and returns required data needed for the resizing process.
|
|
129
|
-
*
|
|
130
|
-
* @param domEventData The data of the `mousedown` event.
|
|
131
|
-
* @param columnWidths The current widths of the columns.
|
|
132
|
-
* @returns The data needed for the resizing process.
|
|
133
|
-
*/
|
|
134
|
-
private _getResizingData;
|
|
135
|
-
/**
|
|
136
|
-
* Registers a listener ensuring that each resizable cell have a resizer handle.
|
|
137
|
-
*/
|
|
138
|
-
private _registerResizerInserter;
|
|
139
|
-
}
|
|
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 { Plugin, type Editor } from 'ckeditor5/src/core';
|
|
6
|
+
import type { Element } from 'ckeditor5/src/engine';
|
|
7
|
+
import TableEditing from '../tableediting';
|
|
8
|
+
import TableUtils from '../tableutils';
|
|
9
|
+
/**
|
|
10
|
+
* The table column resize editing plugin.
|
|
11
|
+
*/
|
|
12
|
+
export default class TableColumnResizeEditing extends Plugin {
|
|
13
|
+
/**
|
|
14
|
+
* A flag indicating if the column resizing is in progress.
|
|
15
|
+
*/
|
|
16
|
+
private _isResizingActive;
|
|
17
|
+
/**
|
|
18
|
+
* A flag indicating if the column resizing is allowed. It is not allowed if the editor is in read-only
|
|
19
|
+
* or comments-only mode or the `TableColumnResize` plugin is disabled.
|
|
20
|
+
*
|
|
21
|
+
* @observable
|
|
22
|
+
* @internal
|
|
23
|
+
*/
|
|
24
|
+
_isResizingAllowed: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* A temporary storage for the required data needed to correctly calculate the widths of the resized columns. This storage is
|
|
27
|
+
* initialized when column resizing begins, and is purged upon completion.
|
|
28
|
+
*/
|
|
29
|
+
private _resizingData;
|
|
30
|
+
/**
|
|
31
|
+
* DOM emitter.
|
|
32
|
+
*/
|
|
33
|
+
private _domEmitter;
|
|
34
|
+
/**
|
|
35
|
+
* A local reference to the {@link module:table/tableutils~TableUtils} plugin.
|
|
36
|
+
*/
|
|
37
|
+
private _tableUtilsPlugin;
|
|
38
|
+
/**
|
|
39
|
+
* @inheritDoc
|
|
40
|
+
*/
|
|
41
|
+
static get requires(): readonly [typeof TableEditing, typeof TableUtils];
|
|
42
|
+
/**
|
|
43
|
+
* @inheritDoc
|
|
44
|
+
*/
|
|
45
|
+
static get pluginName(): "TableColumnResizeEditing";
|
|
46
|
+
/**
|
|
47
|
+
* @inheritDoc
|
|
48
|
+
*/
|
|
49
|
+
constructor(editor: Editor);
|
|
50
|
+
/**
|
|
51
|
+
* @inheritDoc
|
|
52
|
+
*/
|
|
53
|
+
init(): void;
|
|
54
|
+
/**
|
|
55
|
+
* @inheritDoc
|
|
56
|
+
*/
|
|
57
|
+
destroy(): void;
|
|
58
|
+
/**
|
|
59
|
+
* Returns a 'tableColumnGroup' element from the 'table'.
|
|
60
|
+
*
|
|
61
|
+
* @param element A 'table' or 'tableColumnGroup' element.
|
|
62
|
+
* @returns A 'tableColumnGroup' element.
|
|
63
|
+
*/
|
|
64
|
+
getColumnGroupElement(element: Element): Element | undefined;
|
|
65
|
+
/**
|
|
66
|
+
* Returns an array of 'tableColumn' elements.
|
|
67
|
+
*
|
|
68
|
+
* @param element A 'table' or 'tableColumnGroup' element.
|
|
69
|
+
* @returns An array of 'tableColumn' elements.
|
|
70
|
+
*/
|
|
71
|
+
getTableColumnElements(element: Element): Array<Element>;
|
|
72
|
+
/**
|
|
73
|
+
* Returns an array of table column widths.
|
|
74
|
+
*
|
|
75
|
+
* @param element A 'table' or 'tableColumnGroup' element.
|
|
76
|
+
* @returns An array of table column widths.
|
|
77
|
+
*/
|
|
78
|
+
getTableColumnsWidths(element: Element): Array<string>;
|
|
79
|
+
/**
|
|
80
|
+
* Registers new attributes for a table model element.
|
|
81
|
+
*/
|
|
82
|
+
private _extendSchema;
|
|
83
|
+
/**
|
|
84
|
+
* Registers table column resize post-fixer.
|
|
85
|
+
*
|
|
86
|
+
* It checks if the change from the differ concerns a table-related element or attribute. For detected changes it:
|
|
87
|
+
* * Adjusts the `columnWidths` attribute to guarantee that the sum of the widths from all columns is 100%.
|
|
88
|
+
* * Checks if the `columnWidths` attribute gets updated accordingly after columns have been added or removed.
|
|
89
|
+
*/
|
|
90
|
+
private _registerPostFixer;
|
|
91
|
+
/**
|
|
92
|
+
* Registers table column resize converters.
|
|
93
|
+
*/
|
|
94
|
+
private _registerConverters;
|
|
95
|
+
/**
|
|
96
|
+
* Registers listeners to handle resizing process.
|
|
97
|
+
*/
|
|
98
|
+
private _registerResizingListeners;
|
|
99
|
+
/**
|
|
100
|
+
* Handles the `mousedown` event on column resizer element:
|
|
101
|
+
* * calculates the initial column pixel widths,
|
|
102
|
+
* * inserts the `<colgroup>` element if it is not present in the `<table>`,
|
|
103
|
+
* * puts the necessary data in the temporary storage,
|
|
104
|
+
* * applies the attributes to the `<table>` view element.
|
|
105
|
+
*
|
|
106
|
+
* @param eventInfo An object containing information about the fired event.
|
|
107
|
+
* @param domEventData The data related to the DOM event.
|
|
108
|
+
*/
|
|
109
|
+
private _onMouseDownHandler;
|
|
110
|
+
/**
|
|
111
|
+
* Handles the `mousemove` event.
|
|
112
|
+
* * If resizing process is not in progress, it does nothing.
|
|
113
|
+
* * If resizing is active but not allowed, it stops the resizing process instantly calling the `mousedown` event handler.
|
|
114
|
+
* * Otherwise it dynamically updates the widths of the resized columns.
|
|
115
|
+
*
|
|
116
|
+
* @param eventInfo An object containing information about the fired event.
|
|
117
|
+
* @param mouseEventData The native DOM event.
|
|
118
|
+
*/
|
|
119
|
+
private _onMouseMoveHandler;
|
|
120
|
+
/**
|
|
121
|
+
* Handles the `mouseup` event.
|
|
122
|
+
* * If resizing process is not in progress, it does nothing.
|
|
123
|
+
* * If resizing is active but not allowed, it cancels the resizing process restoring the original widths.
|
|
124
|
+
* * Otherwise it propagates the changes from view to the model by executing the adequate commands.
|
|
125
|
+
*/
|
|
126
|
+
private _onMouseUpHandler;
|
|
127
|
+
/**
|
|
128
|
+
* Retrieves and returns required data needed for the resizing process.
|
|
129
|
+
*
|
|
130
|
+
* @param domEventData The data of the `mousedown` event.
|
|
131
|
+
* @param columnWidths The current widths of the columns.
|
|
132
|
+
* @returns The data needed for the resizing process.
|
|
133
|
+
*/
|
|
134
|
+
private _getResizingData;
|
|
135
|
+
/**
|
|
136
|
+
* Registers a listener ensuring that each resizable cell have a resizer handle.
|
|
137
|
+
*/
|
|
138
|
+
private _registerResizerInserter;
|
|
139
|
+
}
|