@ckeditor/ckeditor5-table 47.2.0-alpha.7 → 47.3.0-alpha.0

package/build/translations/zh.js

@@ -1 +1 @@
-!function(e){const t=e.zh=e.zh||{};t.dictionary=Object.assign(t.dictionary||{},{"Align cell text to the bottom":"向下對齊","Align cell text to the center":"置中對齊","Align cell text to the left":"靠左對齊","Align cell text to the middle":"置中對齊","Align cell text to the right":"靠右對齊","Align cell text to the top":"向上對齊","Align table to the left":"靠左對齊","Align table to the right":"靠右對齊",Alignment:"對齊",Background:"背景顏色",Border:"邊框","Cell properties":"儲存格屬性","Center table":"置中對齊","Choose table type":"選擇表格類型",Color:"文字顏色",Column:"欄","Content table":"內容表格",Dashed:"虛線","Delete column":"刪除欄","Delete row":"刪除列",Dimensions:"尺寸",Dotted:"點線",Double:"雙線","Enter table caption":"輸入表標題",Groove:"內凹線","Header column":"標題欄","Header row":"標題列",Height:"高度","Horizontal text alignment toolbar":"水平對齊","Insert a new table row (when in the last cell of a table)":"插入新的表格橫排（當位於表格的最後一個單元格時）","Insert column left":"插入左方欄","Insert column right":"插入右方欄","Insert row above":"插入上方列","Insert row below":"插入下方列","Insert table":"插入表格","Insert table layout":"插入表格版面配置",Inset:"內邊線","Justify cell text":"分散對齊","Keystrokes that can be used in a table cell":"可在表格單元格中使用的按鍵","Layout table":"版面配置表格","Merge cell down":"合併下方儲存格","Merge cell left":"合併左方儲存格","Merge cell right":"合併右方儲存格","Merge cell up":"合併上方儲存格","Merge cells":"合併儲存格","Move the selection to the next cell":"將選取範圍移動到下一個單元格","Move the selection to the previous cell":"將選取範圍移動到上一個單元格","Navigate through the table":"在表格中移動",None:"無",Outset:"外框線",Padding:"儲存格留白",Ridge:"凸起線",Row:"列","Select column":"選擇欄","Select row":"選擇列",Solid:"實線","Split cell horizontally":"水平分割儲存格","Split cell vertically":"垂直分割儲存格",Style:"樣式",Table:"表格","Table alignment toolbar":"表格對齊","Table cell text alignment":"儲存格文字對齊","Table layout":"表格版面配置","Table properties":"表格屬性","Table toolbar":"表格工具","Table type":"表格類型","Table type options":"表格類型選項",'The color is invalid. Try "#FF0000" or "rgb(255,0,0)" or "red".':'顏色代碼錯誤。試試看 "#FF0000" 或 "rgb(255, 0, 0)" 或 "red"。','The value is invalid. Try "10px" or "2em" or simply "2".':'尺寸代碼錯誤。試試看 "10px" 或 "2em" 或簡單寫 "2"。',"Vertical text alignment toolbar":"垂直對齊",Width:"寬度"})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
+!function(e){const t=e.zh=e.zh||{};t.dictionary=Object.assign(t.dictionary||{},{"Align cell text to the bottom":"向下對齊","Align cell text to the center":"置中對齊","Align cell text to the left":"靠左對齊","Align cell text to the middle":"置中對齊","Align cell text to the right":"靠右對齊","Align cell text to the top":"向上對齊","Align table to the left":"靠左對齊","Align table to the left with no text wrapping":"","Align table to the left with text wrapping":"","Align table to the right":"靠右對齊","Align table to the right with no text wrapping":"","Align table to the right with text wrapping":"",Alignment:"對齊",Background:"背景顏色",Border:"邊框","Cell properties":"儲存格屬性","Center table":"置中對齊","Center table with no text wrapping":"","Choose table type":"選擇表格類型",Color:"文字顏色",Column:"欄","Content table":"內容表格",Dashed:"虛線","Delete column":"刪除欄","Delete row":"刪除列",Dimensions:"尺寸",Dotted:"點線",Double:"雙線","Enter table caption":"輸入表標題",Groove:"內凹線","Header column":"標題欄","Header row":"標題列",Height:"高度","Horizontal text alignment toolbar":"水平對齊","Insert a new table row (when in the last cell of a table)":"插入新的表格橫排（當位於表格的最後一個單元格時）","Insert column left":"插入左方欄","Insert column right":"插入右方欄","Insert row above":"插入上方列","Insert row below":"插入下方列","Insert table":"插入表格","Insert table layout":"插入表格版面配置",Inset:"內邊線","Justify cell text":"分散對齊","Keystrokes that can be used in a table cell":"可在表格單元格中使用的按鍵","Layout table":"版面配置表格","Merge cell down":"合併下方儲存格","Merge cell left":"合併左方儲存格","Merge cell right":"合併右方儲存格","Merge cell up":"合併上方儲存格","Merge cells":"合併儲存格","Move the selection to the next cell":"將選取範圍移動到下一個單元格","Move the selection to the previous cell":"將選取範圍移動到上一個單元格","Navigate through the table":"在表格中移動",None:"無",Outset:"外框線",Padding:"儲存格留白",Ridge:"凸起線",Row:"列","Select column":"選擇欄","Select row":"選擇列",Solid:"實線","Split cell horizontally":"水平分割儲存格","Split cell vertically":"垂直分割儲存格",Style:"樣式",Table:"表格","Table Alignment":"","Table alignment toolbar":"表格對齊","Table cell text alignment":"儲存格文字對齊","Table layout":"表格版面配置","Table properties":"表格屬性","Table toolbar":"表格工具","Table type":"表格類型","Table type options":"表格類型選項",'The color is invalid. Try "#FF0000" or "rgb(255,0,0)" or "red".':'顏色代碼錯誤。試試看 "#FF0000" 或 "rgb(255, 0, 0)" 或 "red"。','The value is invalid. Try "10px" or "2em" or simply "2".':'尺寸代碼錯誤。試試看 "10px" 或 "2em" 或簡單寫 "2"。',"Vertical text alignment toolbar":"垂直對齊",Width:"寬度"})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));

package/dist/index-content.css

@@ -58,9 +58,9 @@
 					}
 
 @media print{
-		.ck-content figure.table:not(.layout-table):not(:has(> figcaption)){
-			display:block;
+		.ck-content figure.table:not(.layout-table){
 			width:fit-content;
+			height:fit-content;
 		}
 		.ck-content figure.table:not(.layout-table) > table{
 			height:initial;
@@ -109,4 +109,33 @@
 .ck-content .table td,
 .ck-content .table th{
 	overflow-wrap:break-word;
-}
+}
+
+:root{
+	--ck-content-table-style-spacing:1.5em;
+}
+
+.ck-content .table.table-style-align-left{
+			float:left;
+			margin-right:var(--ck-content-table-style-spacing);
+		}
+
+.ck-content .table.table-style-align-right{
+			float:right;
+			margin-left:var(--ck-content-table-style-spacing);
+		}
+
+.ck-content .table.table-style-align-center{
+			margin-left:auto;
+			margin-right:auto;
+		}
+
+.ck-content .table.table-style-block-align-left{
+			margin-left:0;
+			margin-right:auto;
+		}
+
+.ck-content .table.table-style-block-align-right{
+			margin-left:auto;
+			margin-right:0;
+		}

package/dist/index-editor.css

@@ -7,22 +7,6 @@
 	width:100%;
 }
 
-.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row{
-			flex-wrap:wrap;
-		}
-
-.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type{
-					flex-grow:0.57;
-				}
-
-.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type{
-					flex-grow:0.43;
-				}
-
-.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button{
-					flex-grow:1;
-				}
-
 .ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:first-child{
 				margin-top:var(--ck-spacing-large);
 			}
@@ -60,6 +44,177 @@
 				z-index:var(--ck-z-default);
 			}
 
+.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row{
+			flex-wrap:wrap;
+			flex-basis:0;
+			align-content:baseline;
+		}
+
+.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items{
+				flex-wrap:nowrap;
+			}
+
+:root{
+	--ck-content-color-table-caption-background:hsl(0, 0%, 97%);
+	--ck-content-color-table-caption-text:hsl(0, 0%, 20%);
+	--ck-color-table-caption-highlighted-background:hsl(52deg 100% 50%);
+}
+@media (forced-colors: none){
+		.ck.ck-editor__editable .table > figcaption.table__caption_highlighted, .ck.ck-editor__editable figure.table > table > caption.table__caption_highlighted{
+			animation:ck-table-caption-highlight .6s ease-out;
+		}
+	}
+.ck.ck-editor__editable .table > figcaption.ck-placeholder::before, .ck.ck-editor__editable figure.table > table > caption.ck-placeholder::before{
+		padding-left:inherit;
+		padding-right:inherit;
+		white-space:nowrap;
+		overflow:hidden;
+		text-overflow:ellipsis;
+	}
+
+@keyframes ck-table-caption-highlight{
+	0%{
+		background-color:var(--ck-color-table-caption-highlighted-background);
+	}
+
+	100%{
+		background-color:var(--ck-content-color-table-caption-background);
+	}
+}
+
+:root{
+	--ck-color-table-column-resizer-hover:var(--ck-color-base-active);
+	--ck-table-column-resizer-width:7px;
+	--ck-table-column-resizer-position-offset:calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);
+}
+
+.ck.ck-editor__editable .table td,
+.ck.ck-editor__editable .table th{
+	position:relative;
+}
+
+.ck.ck-editor__editable .table .ck-table-column-resizer{
+	position:absolute;
+	top:0;
+	bottom:0;
+	right:var(--ck-table-column-resizer-position-offset);
+	width:var(--ck-table-column-resizer-width);
+	cursor:col-resize;
+	user-select:none;
+	z-index:var(--ck-z-default);
+}
+
+.ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer{
+	display:none;
+}
+.ck.ck-editor__editable .table[draggable] .ck-table-column-resizer{
+	display:none;
+}
+
+.ck.ck-editor__editable .table .ck-table-column-resizer:hover,
+.ck.ck-editor__editable .table .ck-table-column-resizer__active{
+	background-color:var(--ck-color-table-column-resizer-hover);
+	opacity:0.25;
+}
+
+.ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer{
+	left:var(--ck-table-column-resizer-position-offset);
+	right:unset;
+}
+
+.ck.ck-form__row.ck-table-form__action-row{
+		justify-content:flex-end;
+	}
+
+.ck.ck-form__row.ck-table-form__action-row .ck-button-save,
+		.ck.ck-form__row.ck-table-form__action-row .ck-button-cancel{
+			justify-content:center;
+		}
+
+.ck.ck-table-form .ck-form__row.ck-table-form__border-row{
+			flex-wrap:wrap;
+		}
+
+.ck.ck-table-form .ck-form__row.ck-table-form__background-row{
+			flex-wrap:wrap;
+		}
+
+.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row{
+			flex-wrap:wrap;
+			align-items:center;
+		}
+
+.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view{
+				display:flex;
+				flex-direction:column-reverse;
+				align-items:center;
+			}
+
+.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view .ck.ck-dropdown{
+					flex-grow:0;
+				}
+
+.ck.ck-table-form .ck-form__row:not(.ck-table-form__action-row) > *:not(.ck-label, .ck-table-form__dimension-operator){
+			flex-grow:1;
+		}
+
+.ck.ck-table-form .ck.ck-labeled-field-view{
+		position:relative;
+	}
+
+.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status{
+			position:absolute;
+			left:50%;
+			bottom:calc( -1 * var(--ck-table-properties-error-arrow-size));
+			transform:translate(-50%,100%);
+			z-index:1;
+		}
+
+.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after{
+				content:"";
+				position:absolute;
+				top:calc( -1 * var(--ck-table-properties-error-arrow-size));
+				left:50%;
+				transform:translateX( -50%);
+			}
+
+:root{
+	--ck-content-table-style-spacing:1.5em;
+}
+
+.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row{
+			flex-wrap:wrap;
+			flex-basis:0;
+			align-content:baseline;
+		}
+
+.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items{
+				flex-wrap:nowrap;
+			}
+
+.ck-editor__editable .table.layout-table.table-style-align-center{
+			margin-left:auto;
+			margin-right:auto;
+		}
+
+.ck-editor__editable .table.layout-table.table-style-align-left{
+			margin-right:var(--ck-content-table-style-spacing);
+		}
+
+.ck-editor__editable .table.layout-table.table-style-align-right{
+			margin-left:var(--ck-content-table-style-spacing);
+		}
+
+.ck-editor__editable .table.layout-table.table-style-block-align-left{
+			margin-left:0;
+			margin-right:auto;
+		}
+
+.ck-editor__editable .table.layout-table.table-style-block-align-right{
+			margin-left:auto;
+			margin-right:0;
+		}
+
 :root{
 	--ck-form-default-width:340px;
 }
@@ -188,83 +343,21 @@
 				transform:translateX( -50%);
 			}
 
-.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row{
+.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row{
 			flex-wrap:wrap;
-			flex-basis:0;
-			align-content:baseline;
 		}
 
-.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items{
-				flex-wrap:nowrap;
-			}
-
-:root{
-	--ck-content-color-table-caption-background:hsl(0, 0%, 97%);
-	--ck-content-color-table-caption-text:hsl(0, 0%, 20%);
-	--ck-color-table-caption-highlighted-background:hsl(52deg 100% 50%);
-}
-@media (forced-colors: none){
-		.ck.ck-editor__editable .table > figcaption.table__caption_highlighted, .ck.ck-editor__editable figure.table > table > caption.table__caption_highlighted{
-			animation:ck-table-caption-highlight .6s ease-out;
-		}
-	}
-.ck.ck-editor__editable .table > figcaption.ck-placeholder::before, .ck.ck-editor__editable figure.table > table > caption.ck-placeholder::before{
-		padding-left:inherit;
-		padding-right:inherit;
-		white-space:nowrap;
-		overflow:hidden;
-		text-overflow:ellipsis;
-	}
-
-@keyframes ck-table-caption-highlight{
-	0%{
-		background-color:var(--ck-color-table-caption-highlighted-background);
-	}
-
-	100%{
-		background-color:var(--ck-content-color-table-caption-background);
-	}
-}
-
-:root{
-	--ck-color-table-column-resizer-hover:var(--ck-color-base-active);
-	--ck-table-column-resizer-width:7px;
-	--ck-table-column-resizer-position-offset:calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);
-}
-
-.ck.ck-editor__editable .table td,
-.ck.ck-editor__editable .table th{
-	position:relative;
-}
-
-.ck.ck-editor__editable .table .ck-table-column-resizer{
-	position:absolute;
-	top:0;
-	bottom:0;
-	right:var(--ck-table-column-resizer-position-offset);
-	width:var(--ck-table-column-resizer-width);
-	cursor:col-resize;
-	user-select:none;
-	z-index:var(--ck-z-default);
-}
-
-.ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer{
-	display:none;
-}
-.ck.ck-editor__editable .table[draggable] .ck-table-column-resizer{
-	display:none;
-}
+.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type{
+					flex-grow:0.57;
+				}
 
-.ck.ck-editor__editable .table .ck-table-column-resizer:hover,
-.ck.ck-editor__editable .table .ck-table-column-resizer__active{
-	background-color:var(--ck-color-table-column-resizer-hover);
-	opacity:0.25;
-}
+.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type{
+					flex-grow:0.43;
+				}
 
-.ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer{
-	left:var(--ck-table-column-resizer-position-offset);
-	right:unset;
-}
+.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button{
+					flex-grow:1;
+				}
 
 .ck.ck-input-color{
 	width:100%;