更新日志
...大约 2 分钟sv-print可视化打印打印svelte组件
2025-06-26
🌈 优化 hiprint.setConfig 方法, 支持扩展插件元素属性 & 支持before
hiprint.setConfig({
// 插件新元素的 元素属性
xxx: {
tabs: [
{}
]
},
text: {
tabs: [
{},
// 当修改第二个 tabs 时,必须把他之前的 tabs 都列举出来.
{
name: '样式', options: [
{
name: 'scale',
before: 'color', // 自定义参数,插入在 color 之前
hidden: false
},
]
}
],
}
});
🌈 新增 hiprint.getOptionItems 查看所有元素参数对象, 新增 getOptionItem hook
// 元素的所有参数对象
const optionItems = hiprint.getOptionItems;
// hook getOptionItem
const getOptionItemHook = {
hook: 'getOptionItem',
name: '对元素参数做一个包装',
description: '渲染元素属性时,构建更多值,或者做多语言处理',
priority: 1,
run: (item) => {
// 示例 给 元素属性 添加一个 data-name 属性
const oldCreate = item.createTarget;
item.createTarget = function (...args) {
const target = oldCreate.call(item, ...args);
console.log(target);
target.attr({
"data-name": item.name,
});
return target;
};
return item;
}
}
🌈 vue/vue3/react 组件新增导出 Header 组件
import { Header } from '@sv-print/vue'
import { Header } from '@sv-print/vue3'
import { Header } from '@sv-print/react'
🌈 toolbar 新增 setZoom 方法 设置默认缩放
const onDesigned = (e) => {
const {designerUtils} = e.detail;
designerUtils.toolbar.setZoom(1.5)
};
- ✨ 优化 水印内容 支持 ${name} 取打印数据中的字段值
- ✨ 优化 缩放时 元素的 [位置大小],[删除按钮] 缩放问题
- ✨ 修复 插件[plugin-ele-fabric] fText 元素宽高问题
- ✨ 优化 插件[plugin-scale] 点击元素 位置偏移问题
- ✨ 优化 插件[bwip-js,fabric,echarts,e2table] 支持扩展元素参数
- ✨ 修复 插件[plugin-ele-echarts] 部分图表渲染问题
- ✨ 修复 文本 writing-mode 对 resize-panel 的影响
- ✨ fix 表格 列渲染 条形码/二维码 导出pdf问题
- ✨ fix 删除元素时 of null (reading 'className'), 组件销毁时 cloneNode error