README.md

模板例子

<page width="837">
  <column>
    <text x="20" y="20">Hello World</text>
  </column>
</page>

每一个模板的根节点必须是page, page下面必须有一个下级控件,且只能有一个下级控件

计量单位 - 像素

一般的小票打印的像素是1mm = 8px, 在设置纸张大小时候建议留间隙

模板控件

布局控件

• Page-页面
• Column-列
• Row-行
• RowFor-行循环
• Stack-绝对布局
• Table-表格

显示控件

• Barcode-条形码
• Line-线条
• Qrcode-二维码
• Text-文字
• Image-图片

指令

• If-条件显示

数据

默认字段

全局方法:

now() // 获取当前时间
fd(number) // 格式化数字
sum(list, filedName) // 合计数值,list是源数据, filedName是合计的字段名, 例子 sum(details, 'qty')
toString(value) // 调用toString() 转换成字符串

全局变量

data: 实际源数据

行变量

data: 实际源数据
$parent$: 父数据源
$rowIndex$ 行下标 0 1 2 ...

计算字段

计算字段使用eval-property 节点
例子

<eval-property attch="data.data" propertyName="totalAmount">
  <!-- 表达式 -->
  sum(data.details, 'amount')
</eval-property>

属性讲解:
attch: 表示依附到某个的路径上
propertyName: 计算属性名

操作符

$$ : 将数组的字段数据完全提取出来
举例:

// DataSource
{
  details: [
    {
      name: 'test1'
    },
    {
      name: 'test2'
    },
    {
      name: 'test3'
    },
    {
      name: 'test4'
    }
  ]
}

data.details.name -> 'test1'

data.details.$$name -> ['test1', 'test2', 'test3', 'test4']