feat: doc support table

Author: Jocs

packages/core/src/docs/data-model/types.ts

@@ -25,14 +25,6 @@ export enum DataStreamTreeNodeType {
     TABLE_ROW,
     TABLE_CELL,
     CUSTOM_BLOCK, // \b  图片 mention 等不参与文档流的场景
-    // TABLE_START, // \x1A  表格开始
-    // TABLE_ROW_START, // \x1B  表格开始
-    // TABLE_CELL_START, // \x1C  表格开始
-    // TABLE_CELL_END, //* \x1D 表格开始
-    // TABLE_ROW_END, // \x1E  表格开始
-    // TABLE_END, // \x1F  表格结束
-    // CUSTOM_RANGE_START, // \x1F  自定义范围开始
-    // CUSTOM_RANGE_END, // \x1E  自定义范围结束
 }
 
 export enum DataStreamTreeTokenType {
@@ -54,6 +46,5 @@ export enum DataStreamTreeTokenType {
     CUSTOM_BLOCK = '\b', // 图片 mention 等不参与文档流的场景
 
     LETTER = '',
-
     SPACE = ' ',
 }

packages/core/src/types/interfaces/i-document-data.ts

@@ -746,12 +746,36 @@ export interface IShading {
     backgroundColor: IColorStyle; // backgroundColor
 }
 
-/**
- * Type of width
- */
-export enum WidthType {
-    EVENLY_DISTRIBUTED = '0',
-    FIXED_WIDTH = '1',
+export interface IDistFromText {
+    distT: INumberUnit; // distance between top text and table.
+    distB: INumberUnit; // distance between bottom text and table.
+    distL: INumberUnit; // distance between left text and table.
+    distR: INumberUnit; // distance between right text and table.
+}
+
+export interface IDocTablePosition {
+    positionH: IObjectPositionH;
+    positionV: IObjectPositionV;
+}
+
+enum TableSizeType {
+    UNSPECIFIED,
+    SPECIFIED,
+}
+export interface IWidthInTableSize {
+    type: TableSizeType;
+    width: INumberUnit;
+}
+
+enum TableHAlign {
+    LEFT,
+    CENTER,
+    RIGHT,
+}
+
+enum TableTextWrapType {
+    NONE,
+    WRAP,
 }
 
 /**
@@ -763,8 +787,28 @@ export interface ITable {
     rows: number; // rows
     columns: number; // columns
     tableRows: ITableRow[]; // tableRows
-    tableStyle: WidthType; // tableStyle
-    width: number; // width
+    tableColumns: ITableColumn[]; // tableColumns
+    align: TableHAlign; // align
+    leftIndent: INumberUnit; // leftIndent
+    textWrap: TableTextWrapType;
+    position: IDocTablePosition; // position
+    dist: IDistFromText; // dist
+    size: IWidthInTableSize;
+}
+
+enum TableCellHeightRule {
+    MIN,
+    FIX,
+}
+
+export interface ITableColumn {
+    size: IWidthInTableSize;
+}
+
+export interface ITableRowSize {
+    type: TableSizeType;
+    height: INumberUnit;
+    heightRule: TableCellHeightRule;
 }
 
 /**
@@ -774,22 +818,18 @@ export interface ITableRow {
     st: number; // startIndex
     ed: number; // endIndex
     tableCells: ITableCell[]; // tableCells
-    tableRowStyle: ITableRowStyle; // tableRowStyle
-}
-
-/**
- * Properties of style table row
- */
-export interface ITableRowStyle {
-    minRowHeight: number; // minRowHeight
+    size: ITableRowSize; // tableRowStyle
+    allowBreakAcrossPages: BooleanNumber; // allowBreakAcrossPages, the default is false.
+    isFirstRow: BooleanNumber; // isFirstRow.
+    repeatHeaderRow: BooleanNumber; // Show header row in different pages. only for the first row.
 }
 
 /**
  * Properties of table cell
  */
 export interface ITableCell {
-    // st: number; // startIndex
-    // ed: number; // endIndex
+    st: number; // startIndex
+    ed: number; // endIndex
     // content: IBlockElement[]; // content
     tableCellStyle: ITableCellStyle; // tableCellStyle
 }
@@ -805,32 +845,40 @@ export interface ITableCellStyle {
     borderRight: ITableCellBorder; // borderRight
     borderTop: ITableCellBorder; // borderTop
     borderBottom: ITableCellBorder; // borderBottom
-    paddingLeft: number; // paddingLeft
-    paddingRight: number; // paddingRight
-    paddingTop: number; // paddingTop
-    paddingBottom: number; // paddingBottom
-    contentAlignment: ContentAlignment; // contentAlignment
+    paddingLeft: INumberUnit; // paddingLeft
+    paddingRight: INumberUnit; // paddingRight
+    paddingTop: INumberUnit; // paddingTop
+    paddingBottom: INumberUnit; // paddingBottom
+    size: IWidthInTableSize; // size
+    contentHAlignment: ContentHAlignment; // contentAlignment
+    contentVAlignment: ContentVAlignment; // contentAlignment
 }
 
 /**
  * Properties of cell border
  */
 export interface ITableCellBorder {
     color: IColorStyle; // color
-    width: number; // width
+    width: INumberUnit; // width
     dashStyle: DashStyleType; // dashStyle
 }
 /**
  * The content alignments for a Shape or TableCell. The supported alignments correspond to predefined text anchoring types from the ECMA-376 standard.
  */
-export enum ContentAlignment {
+export enum ContentVAlignment {
     CONTENT_ALIGNMENT_UNSPECIFIED, // An unspecified content alignment. The content alignment is inherited from the parent if one exists.
-    CONTENT_ALIGNMENT_UNSUPPORTED, // An unsupported content alignment.
     TOP, // An alignment that aligns the content to the top of the content holder. Corresponds to ECMA-376 ST_TextAnchoringType 't'.
     MIDDLE, // An alignment that aligns the content to the middle of the content holder. Corresponds to ECMA-376 ST_TextAnchoringType 'ctr'.
     BOTTOM, // An alignment that aligns the content to the bottom of the content holder. Corresponds to ECMA-376 ST_TextAnchoringType 'b'.
 }
 
+export enum ContentHAlignment {
+    CONTENT_ALIGNMENT_UNSPECIFIED, // An unspecified content alignment. The content alignment is inherited from the parent if one exists.
+    LEFT, // An alignment that aligns the content to the left of the content holder.
+    CENTER, // An alignment that aligns the content to the center of the content holder.
+    RIGHT, // An alignment that aligns the content to the right of the content holder.
+}
+
 /**
  * Types of font style
  */
@@ -889,6 +937,7 @@ export enum NumberUnitType {
     LINE,
     CHARACTER,
     PIXEL,
+    PERCENT,
 }
 
 // 20.4.3.1 ST_AlignH (Relative Horizontal Alignment Positions)

packages/engine-render/src/components/docs/view-model/data-stream-tree-node.ts

@@ -25,17 +25,11 @@ import {
 
 export class DataStreamTreeNode {
     children: DataStreamTreeNode[] = [];
-
     parent: Nullable<DataStreamTreeNode>;
-
     startIndex: number = -1;
-
     endIndex: number = -1;
-
     // isBullet: boolean = false;
-
     // isIndent: boolean = false;
-
     blocks: number[] = [];
 
     constructor(