CcSimple / vue-plugin-hiprint

hiprint for Vue2/Vue3 ⚡打印、打印设计、可视化设计器、报表设计、元素编辑、可视化打印编辑
https://ccsimple.github.io/vue-plugin-hiprint
MIT License
964 stars 188 forks source link

[Bug]:表体行高不生效的问题 #121

Closed abc821178885 closed 3 months ago

abc821178885 commented 4 months ago

使用的版本

latest

版本号

0.0.57-beta20

你的安装方式

NPM 依赖

你的操作系统

Windows

你的浏览器

Chrome

你的项目编程语言

None

问题描述

我通过addElementTypes创建了一个自定义的拖拽元素,但是我发现和你项目中演示的有点不太一样,打印onDataChanged的时候里面的样式内的属性, 例如tableHeaderFontSize,tableBodyRowHeight都没有生效, 有点奇怪,因为其他的三块属性都是生效的,但是只有样式的这块没有生效,如果是自定义错误或者init错误应该是整个都不会出现才对,目前暂时没有找到是缺省了什么需要配置的属性吗,但是在例子中貌似也没看见对应的属性配置,对了打印属性也没有生效

如何复现

1714016213723 image

new hiprint.PrintElementTypeGroup('测试组件', [ { tid: 'defaultModule.table', title: '订单数据', type: 'table', options: { field: 'table', fields: [ { text: '名称', field: 'NAME' }, { text: '数量', field: 'SL' }, { text: '规格', field: 'GG' }, { text: '条码', field: 'TM' }, { text: '单价', field: 'DJ' }, { text: '金额', field: 'JE' }, { text: '备注', field: 'DETAIL' }, ], }, editable: true, columnDisplayEditable: true, // 列显示是否能编辑 columnDisplayIndexEditable: true, // 列顺序显示是否能编辑 columnTitleEditable: true, // 列标题是否能编辑 columnResizable: true, // 列宽是否能调整 columnAlignEditable: true, // 列对齐是否调整 columns: [ [ { title: '名称', align: 'center', field: 'NAME', width: 100 }, { title: '数量', align: 'center', field: 'SL', width: 100 }, { title: '条码', align: 'center', field: 'TM', width: 100 }, { title: '规格', align: 'center', field: 'GG', width: 100 }, { title: '单价', align: 'center', field: 'DJ', width: 100 }, { title: '金额', align: 'center', field: 'JE', width: 100 }, { title: '备注', align: 'center', field: 'DETAIL', width: 100 }, ], ], }, ]),

直接使用的是例子里面的组件,但是我绑定 settingContainer 使用的vue3的ref的形式

预期结果

样式,行高等功能生效,打印属性生效

实际结果

通过例子配置了一个自定义的拖拽元素,但是发现表格元素的其他配置属性都可以生效,但是就打印属性和配置属性中的样式属性没有生效,打印onDataChanged里面并没有存在样式属性里面的参数

截图或视频

1714016213723 1714016752118

这个问题是否已经存在?