组件参数props
基础参数
参数键名 | 数据类型 | 默认值 | 说明 | 备注 |
---|---|---|---|---|
template | object | {} | 模板json数据 | 也可传整个模板对象支持的参数 |
printData | object | {} | 打印数据(设计时打印预览) | |
templateKey | string | default-template | 缓存键(设计保存存入localStorage的键) | |
title | string | 默认模板 | 导出文件默认名称:模板模板.json | |
designOptions | object | { grid: true } | 设计参数,显示网格线 | |
boolean | `` | 是否自动连接打印客户端 | 即将废弃 设计页面可无需考虑 | |
paperList | string[] | 默认纸张列表 | 可选纸张列表,见下方参数说明 | |
plugins | object[] | 插件 | 插件机制,扩展参数,扩展打印元素 见下方参数说明 | |
authKey | string | `` | 授权key | 没有则有体验版水印 |
参数说明:
构建可拖拽元素相关
参数键名 | 数据类型 | 默认值 | 说明 | 备注 |
---|---|---|---|---|
providers | object[] | [] | 可拖拽元素 provider | |
providerMap | object|object[] | { container: ".hiprintEpContainer", value: "defaultModule" } | 构建可拖拽元素的容器,provider的键 | |
clearProviderContainer | boolean | true | 构建provider时 是否先清空容器 | |
tags | string[] | [".draggable-ele"] | 可拖拽元素 选择器 |
参数说明:
设计器函数重写
参数键名 | 数据类型 | 默认值 | 说明 | 备注 |
---|---|---|---|---|
events | object | {} | 保存,编辑模板,编辑打印数据,快捷键 | |
onPreviewClick | function(e: MouseEvent):boolean | 预览 点击事件 | 返回 "true|false" 是否阻止冒泡 | |
onImageChooseClick | function(target: any) | 图片选择点击事件 | ||
onPanelAddClick | function(panel, createPanel) | 多面板点击 "+" 事件 | ||
onFunctionClick | function(option, printElement, event) | 函数/textarea点击事件 |
参数说明:
设计器回调
参数键名 | 数据类型 | 默认值 | 说明 | 备注 |
---|---|---|---|---|
onDesigned | function | 组件初始化完成回调 | 见参数说明 |
参数说明:
UI样式参数
参数键名 | 数据类型 | 默认值 | 说明 | 备注 |
---|---|---|---|---|
theme | string | light | 默认主题 | |
themeList | string[] | 支持的所有主题 | 可选主题列表,见下方参数说明 | |
showPanels | boolean | true | 是显示多面板操作区域 | |
headerLogoHtml | string | <i class="svp-header-logo svicon sv-print"></i> | 默认 Header 左侧logo样式 | 需authKey |
headerTitle | string | sv-print | 默认 Header title | 需authKey |
miniMapOriginMode | boolean | false | 概览图原始模式 | |
previewOptions | object | {} | 预览参数 | |
styleOption | object | {} | 默认小组件样式,位置 | |
showOption | object | {} | Header,Toolbar,Footer显示控制 |
参数说明: