Clean up table with improved demo
This commit is contained in:
@ -61,7 +61,9 @@ export type SectionPropertiesOptions = IPageSizeAttributes &
|
||||
// Need to decouple this from the attributes
|
||||
|
||||
export class SectionProperties extends XmlComponent {
|
||||
private readonly options: SectionPropertiesOptions;
|
||||
public readonly width: number;
|
||||
public readonly rightMargin: number;
|
||||
public readonly leftMargin: number;
|
||||
|
||||
constructor(options: SectionPropertiesOptions = { column: {} }) {
|
||||
super("w:sectPr");
|
||||
@ -98,7 +100,10 @@ export class SectionProperties extends XmlComponent {
|
||||
type,
|
||||
} = options;
|
||||
|
||||
this.options = options;
|
||||
this.leftMargin = left;
|
||||
this.rightMargin = right;
|
||||
this.width = width;
|
||||
|
||||
this.root.push(new PageSize(width, height, orientation));
|
||||
this.root.push(new PageMargin(top, right, bottom, left, header, footer, gutter, mirror));
|
||||
this.root.push(new Columns(column.space ? column.space : 708, column.count ? column.count : 1, column.separate ?? false));
|
||||
@ -201,8 +206,4 @@ export class SectionProperties extends XmlComponent {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
public get Options(): SectionPropertiesOptions {
|
||||
return this.options;
|
||||
}
|
||||
}
|
||||
|
@ -48,69 +48,59 @@ export interface ITableCellOptions {
|
||||
}
|
||||
|
||||
export class TableCell extends XmlComponent {
|
||||
private readonly properties: TableCellProperties;
|
||||
|
||||
constructor(readonly options: ITableCellOptions) {
|
||||
super("w:tc");
|
||||
|
||||
this.properties = new TableCellProperties();
|
||||
this.root.push(this.properties);
|
||||
const properties = new TableCellProperties();
|
||||
this.root.push(properties);
|
||||
|
||||
for (const child of options.children) {
|
||||
this.root.push(child);
|
||||
}
|
||||
|
||||
if (options.verticalAlign) {
|
||||
this.properties.setVerticalAlign(options.verticalAlign);
|
||||
properties.setVerticalAlign(options.verticalAlign);
|
||||
}
|
||||
|
||||
if (options.textDirection) {
|
||||
this.properties.setTextDirection(options.textDirection);
|
||||
properties.setTextDirection(options.textDirection);
|
||||
}
|
||||
|
||||
if (options.verticalMerge) {
|
||||
this.properties.addVerticalMerge(options.verticalMerge);
|
||||
properties.addVerticalMerge(options.verticalMerge);
|
||||
} else if (options.rowSpan && options.rowSpan > 1) {
|
||||
// if cell already have a `verticalMerge`, don't handle `rowSpan`
|
||||
this.properties.addVerticalMerge(VerticalMergeType.RESTART);
|
||||
properties.addVerticalMerge(VerticalMergeType.RESTART);
|
||||
}
|
||||
|
||||
if (options.margins) {
|
||||
this.properties.addMargins(options.margins);
|
||||
properties.addMargins(options.margins);
|
||||
}
|
||||
|
||||
if (options.shading) {
|
||||
this.properties.setShading(options.shading);
|
||||
properties.setShading(options.shading);
|
||||
}
|
||||
|
||||
if (options.columnSpan) {
|
||||
this.properties.addGridSpan(options.columnSpan);
|
||||
properties.addGridSpan(options.columnSpan);
|
||||
}
|
||||
|
||||
if (options.width) {
|
||||
this.properties.setWidth(options.width.size, options.width.type);
|
||||
properties.setWidth(options.width.size, options.width.type);
|
||||
}
|
||||
|
||||
if (options.borders) {
|
||||
if (options.borders.top) {
|
||||
this.properties.Borders.addTopBorder(options.borders.top.style, options.borders.top.size, options.borders.top.color);
|
||||
properties.Borders.addTopBorder(options.borders.top.style, options.borders.top.size, options.borders.top.color);
|
||||
}
|
||||
if (options.borders.bottom) {
|
||||
this.properties.Borders.addBottomBorder(
|
||||
options.borders.bottom.style,
|
||||
options.borders.bottom.size,
|
||||
options.borders.bottom.color,
|
||||
);
|
||||
properties.Borders.addBottomBorder(options.borders.bottom.style, options.borders.bottom.size, options.borders.bottom.color);
|
||||
}
|
||||
if (options.borders.left) {
|
||||
this.properties.Borders.addLeftBorder(options.borders.left.style, options.borders.left.size, options.borders.left.color);
|
||||
properties.Borders.addLeftBorder(options.borders.left.style, options.borders.left.size, options.borders.left.color);
|
||||
}
|
||||
if (options.borders.right) {
|
||||
this.properties.Borders.addRightBorder(
|
||||
options.borders.right.style,
|
||||
options.borders.right.size,
|
||||
options.borders.right.color,
|
||||
);
|
||||
properties.Borders.addRightBorder(options.borders.right.style, options.borders.right.size, options.borders.right.color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -42,10 +42,6 @@ export class TableRow extends XmlComponent {
|
||||
return this.options.children.length;
|
||||
}
|
||||
|
||||
public get Children(): TableCell[] {
|
||||
return this.options.children;
|
||||
}
|
||||
|
||||
public get cells(): TableCell[] {
|
||||
return this.root.filter((xmlComponent) => xmlComponent instanceof TableCell);
|
||||
}
|
||||
|
Reference in New Issue
Block a user