跳转到内容

元素 ​

内置元素按物料面板的分组列出。属性路径相对元素,嵌套属性用点连接;「名称」是属性面板里的中文名,「新建时」是在设计器里新建元素时的取值,过长的值以 … 代替,详见各元素的类型。

每个元素还有共有字段 id、type、name、x、y、width、height、locked、previewOnly、meta,见 ElementBase。坐标相对纸张左上角,长度单位为 mm,字号与字间距单位为 pt。

文字 ​

文本 text ​

固定尺寸,可放在页眉、正文与页脚 · 最小 1 × 1 mm · 新建时 60 × 8 mm · 类型 TextElement。

属性名称取值必有新建时
xX数值(mm)是—
yY数值(mm)是—
width宽数值(mm),≥ 0是60
height高数值(mm),≥ 0是8
rotation旋转数值(度),≥ -360,≤ 360是0
content内容文本内容是{"kind":"static","text":""}
style.fontFamily字体文本可省—
style.fontSize字号数值(pt),> 0,≤ 500是10.5
style.bold粗体布尔是false
style.italic斜体布尔是false
style.underline下划线布尔是false
style.lineThrough删除线布尔是false
style.color文字颜色颜色是"#000000"
style.align水平对齐left 左、center 居中、right 右、justify 两端对齐是"left"
style.verticalAlign垂直对齐top 上、middle 居中、bottom 下是"middle"
style.lineHeight行高数值(倍),> 0,≤ 10是1.2
style.letterSpacing字间距数值(pt),≥ -10,≤ 100是0
wrap自动换行布尔是false
overflow放不下时clip 裁掉、shrink 缩小字号、visible 照常显示是"clip"
box.background背景颜色可省—
box.border边框四边边框可省—
box.padding内边距四边距离,每边是数值(mm),≥ 0可省—
name名称文本可省—
locked锁定布尔可省—
previewOnly只在预览中显示布尔可省—

长文本 longText ​

随内容纵向延展、可跨页续排,只能放在正文区 · 最小 5 × 3 mm · 新建时 120 × 20 mm · 类型 LongTextElement。

属性名称取值必有新建时
xX数值(mm)是—
yY数值(mm)是—
width宽数值(mm),≥ 0是120
height高数值(mm),≥ 0是20
content内容文本内容是{"kind":"static","text":""}
style.fontFamily字体文本可省—
style.fontSize字号数值(pt),> 0,≤ 500是10.5
style.bold粗体布尔是false
style.italic斜体布尔是false
style.underline下划线布尔是false
style.lineThrough删除线布尔是false
style.color文字颜色颜色是"#000000"
style.align水平对齐left 左、center 居中、right 右、justify 两端对齐是"left"
style.verticalAlign垂直对齐top 上、middle 居中、bottom 下是"top"
style.lineHeight行高数值(倍),> 0,≤ 10是1.5
style.letterSpacing字间距数值(pt),≥ -10,≤ 100是0
box.background背景颜色可省—
box.border边框四边边框可省—
box.padding内边距四边距离,每边是数值(mm),≥ 0可省—
name名称文本可省—
locked锁定布尔可省—
previewOnly只在预览中显示布尔可省—

富文本 richText ​

随内容纵向延展、可跨页续排,只能放在正文区 · 最小 5 × 3 mm · 新建时 120 × 20 mm · 类型 RichTextElement。

属性名称取值必有新建时
xX数值(mm)是—
yY数值(mm)是—
width宽数值(mm),≥ 0是120
height高数值(mm),≥ 0是20
content内容富文本内容是…
style.fontFamily字体文本可省—
style.fontSize字号数值(pt),> 0,≤ 500是10.5
style.bold粗体布尔是false
style.italic斜体布尔是false
style.underline下划线布尔是false
style.lineThrough删除线布尔是false
style.color文字颜色颜色是"#000000"
style.align水平对齐left 左、center 居中、right 右、justify 两端对齐是"left"
style.verticalAlign垂直对齐top 上、middle 居中、bottom 下是"top"
style.lineHeight行高数值(倍),> 0,≤ 10是1.5
style.letterSpacing字间距数值(pt),≥ -10,≤ 100是0
box.background背景颜色可省—
box.border边框四边边框可省—
box.padding内边距四边距离,每边是数值(mm),≥ 0可省—
name名称文本可省—
locked锁定布尔可省—
previewOnly只在预览中显示布尔可省—

页码 pageNumber ​

固定尺寸,可放在页眉、正文与页脚 · 最小 1 × 1 mm · 新建时 30 × 6 mm · 类型 PageNumberElement。

属性名称取值必有新建时
xX数值(mm)是—
yY数值(mm)是—
width宽数值(mm),≥ 0是30
height高数值(mm),≥ 0是6
format格式页码模板,可用 {{$page}} 与 {{$pages}}是"{{$page}}/{{$pages}}"
numeral数字写法roman-upper 罗马数字(I、II)、roman-lower 罗马数字(i、ii)、cn-lower 中文小写(一、二)、cn-upper 中文大写(壹、贰)可省—
style.fontFamily字体文本可省—
style.fontSize字号数值(pt),> 0,≤ 500是9
style.bold粗体布尔是false
style.italic斜体布尔是false
style.underline下划线布尔是false
style.lineThrough删除线布尔是false
style.color文字颜色颜色是"#000000"
style.align水平对齐left 左、center 居中、right 右、justify 两端对齐是"center"
style.verticalAlign垂直对齐top 上、middle 居中、bottom 下是"middle"
style.lineHeight行高数值(倍),> 0,≤ 10是1.2
style.letterSpacing字间距数值(pt),≥ -10,≤ 100是0
box.background背景颜色可省—
box.border边框四边边框可省—
box.padding内边距四边距离,每边是数值(mm),≥ 0可省—
name名称文本可省—
locked锁定布尔可省—
previewOnly只在预览中显示布尔可省—

图片 ​

图片 image ​

固定尺寸,可放在页眉、正文与页脚 · 最小 1 × 1 mm · 新建时 40 × 30 mm · 类型 ImageElement。

属性名称取值必有新建时
xX数值(mm)是—
yY数值(mm)是—
width宽数值(mm),≥ 0是40
height高数值(mm),≥ 0是30
rotation旋转数值(度),≥ -360,≤ 360是0
source图片来源图片来源是{"kind":"static","url":""}
fit填充方式contain 完整显示、cover 铺满裁切、fill 拉伸铺满、none 原始大小是"contain"
box.background背景颜色可省—
box.border边框四边边框可省—
box.padding内边距四边距离,每边是数值(mm),≥ 0可省—
name名称文本可省—
locked锁定布尔可省—
previewOnly只在预览中显示布尔可省—

数据 ​

表格 table ​

随内容纵向延展、可跨页续排,只能放在正文区 · 最小 10 × 5 mm · 新建时 180 × 22 mm · 类型 TableElement。

属性名称取值必有新建时
xX数值(mm)是—
yY数值(mm)是—
width宽数值(mm),≥ 0是180
height高数值(mm),≥ 0是22
dataField数据字段指向数组的字段路径是""
columns列列的数组是…
header.visible显示表头布尔是true
header.repeat每页重复表头布尔;「显示表头」打开时显示是true
header.height表头行高数值(mm),> 0;「显示表头」打开时显示是8
header.style表头样式单元格样式;「显示表头」打开时显示是…
body.rowHeight行高数值(mm),> 0是7
body.rowHeightMode行高方式fixed 固定、minimum 至少是"fixed"
body.style表体样式单元格样式是…
footerRows表尾行表尾行的数组是[]
maxRowsPerPage每页最多行数整数(个),≥ 1可省—
fillEmptyRows用空行补齐布尔是false
border.stroke边框线描边是{"width":0.2,"style":"solid","color":"#000000"}
border.outer外框布尔是true
border.horizontal横线布尔是true
border.vertical竖线布尔是true
name名称文本可省—
locked锁定布尔可省—
previewOnly只在预览中显示布尔可省—

图形 ​

直线 line ​

固定尺寸,可放在页眉、正文与页脚 · 最小 0 × 0 mm · 新建时 80 × 0 mm · 类型 LineElement。

属性名称取值必有新建时
xX数值(mm)是—
yY数值(mm)是—
width宽数值(mm),≥ 0是80
height高数值(mm),≥ 0是0
direction方向horizontal 水平、vertical 竖直、diagonalDown 左上到右下、diagonalUp 左下到右上是"horizontal"
stroke边线描边是{"width":0.3,"style":"solid","color":"#000000"}
name名称文本可省—
locked锁定布尔可省—
previewOnly只在预览中显示布尔可省—

矩形 rect ​

固定尺寸,可放在页眉、正文与页脚 · 最小 1 × 1 mm · 新建时 40 × 20 mm · 类型 RectElement。

属性名称取值必有新建时
xX数值(mm)是—
yY数值(mm)是—
width宽数值(mm),≥ 0是40
height高数值(mm),≥ 0是20
rotation旋转数值(度),≥ -360,≤ 360是0
stroke边线描边可省{"width":0.3,"style":"solid","color":"#000000"}
fill填充颜色可省—
radius圆角数值(mm),≥ 0是0
name名称文本可省—
locked锁定布尔可省—
previewOnly只在预览中显示布尔可省—

椭圆 ellipse ​

固定尺寸,可放在页眉、正文与页脚 · 最小 1 × 1 mm · 新建时 30 × 20 mm · 类型 EllipseElement。

属性名称取值必有新建时
xX数值(mm)是—
yY数值(mm)是—
width宽数值(mm),≥ 0是30
height高数值(mm),≥ 0是20
rotation旋转数值(度),≥ -360,≤ 360是0
stroke边线描边可省{"width":0.3,"style":"solid","color":"#000000"}
fill填充颜色可省—
name名称文本可省—
locked锁定布尔可省—
previewOnly只在预览中显示布尔可省—

条码 ​

条码 barCode ​

固定尺寸,可放在页眉、正文与页脚 · 最小 5 × 3 mm · 新建时 50 × 15 mm · 类型 BarCodeElement。

属性名称取值必有新建时
xX数值(mm)是—
yY数值(mm)是—
width宽数值(mm),≥ 0是50
height高数值(mm),≥ 0是15
rotation旋转数值(度),≥ -360,≤ 360是0
format码制code128、ean13、ean8、upca、upce、itf14、code39是"code128"
content内容文本内容是{"kind":"static","text":"1234567890"}
showText显示文字布尔是true
textStyle.fontFamily文字字体文本;「显示文字」打开时显示可省—
textStyle.fontSize文字字号数值(pt),> 0,≤ 100;「显示文字」打开时显示是9
color颜色颜色是"#000000"
name名称文本可省—
locked锁定布尔可省—
previewOnly只在预览中显示布尔可省—

二维码 matrixCode ​

固定尺寸,可放在页眉、正文与页脚 · 最小 5 × 5 mm · 新建时 25 × 25 mm · 类型 MatrixCodeElement。

属性名称取值必有新建时
xX数值(mm)是—
yY数值(mm)是—
width宽数值(mm),≥ 0是25
height高数值(mm),≥ 0是25
rotation旋转数值(度),≥ -360,≤ 360是0
content内容文本内容是{"kind":"static","text":"1234567890"}
format码制qr、data-matrix、pdf417、aztec是"qr"
level纠错级别纠错级别,见 MatrixCodeElement可省"M"
quietZone静区整数(个),≥ 0,≤ 20是1
color颜色颜色是"#000000"
background背景颜色可省—
name名称文本可省—
locked锁定布尔可省—
previewOnly只在预览中显示布尔可省—

页面设置 ​

没有选中元素时,属性面板编辑当前页面模板。属性路径相对页面模板,见 PrintPage。

属性名称取值必有新建时
name名称文本可省—
paper纸张纸张是—
orientation方向portrait 纵向、landscape 横向是—
margins页边距四边距离,每边是数值(mm),≥ 0是—
header.default.height页眉高度数值(mm),≥ 0是—
header.first.height首页页眉高度数值(mm),≥ 0;设置了 header.first 时显示可省—
header.last.height末页页眉高度数值(mm),≥ 0;设置了 header.last 时显示可省—
header.odd.height奇数页页眉高度数值(mm),≥ 0;设置了 header.odd 时显示可省—
header.even.height偶数页页眉高度数值(mm),≥ 0;设置了 header.even 时显示可省—
header.singleSheet只有一页时的页眉first 首页、last 末页是—
footer.default.height页脚高度数值(mm),≥ 0是—
footer.first.height首页页脚高度数值(mm),≥ 0;设置了 footer.first 时显示可省—
footer.last.height末页页脚高度数值(mm),≥ 0;设置了 footer.last 时显示可省—
footer.odd.height奇数页页脚高度数值(mm),≥ 0;设置了 footer.odd 时显示可省—
footer.even.height偶数页页脚高度数值(mm),≥ 0;设置了 footer.even 时显示可省—
footer.singleSheet只有一页时的页脚first 首页、last 末页是—
numbering.continuous接续上一页面模板的页码布尔是—
numbering.start起始页码整数(个),≥ 0是—
watermark水印水印可省—

纸张预设:

预设名宽 × 高(mm,纵向)
A3297 × 420
A4210 × 297
A5148 × 210
A6105 × 148
B4250 × 353
B5176 × 250
Letter215.9 × 279.4
Legal215.9 × 355.6

表格部位 ​

双击表格进入表格编辑态后,可以分别选中列、表头、表体、表尾行与表尾单元格编辑。属性路径相对该部位。

列 ​

属性名称取值必有新建时
title标题文本是""
content内容单元格内容是{"kind":"field","field":""}
cellType单元格类型text 文字、image 图片、barCode 条码、matrixCode 二维码是"text"
barCodeFormat条码码制code128、ean13、ean8、upca、upce、itf14、code39;「单元格类型」为 barCode 时显示可省—
width列宽数值(mm),> 0是60
align对齐left 左、center 居中、right 右是"left"

表头 ​

属性名称取值必有新建时
visible显示布尔是true
repeat每页重复布尔;「显示」打开时显示是true
height行高数值(mm),> 0;「显示」打开时显示是8
style样式单元格样式;「显示」打开时显示是…

表体 ​

属性名称取值必有新建时
rowHeight行高数值(mm),> 0是7
rowHeightMode行高方式fixed 固定、minimum 至少是"fixed"
style样式单元格样式是…
属性名称取值必有新建时
placement出现在everyPage 每一页、lastPage 只在最后一页是—
height行高数值(mm),> 0是—
style样式单元格样式是—
属性名称取值必有新建时
content内容表尾单元格内容是—
colSpan跨列数整数(个),≥ 1是—
align对齐left 左、center 居中、right 右可省—

Released under The MIT License