@zhangqingcq/vgce 0.1.15 → 0.1.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zhangqingcq/vgce",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "description": "Vector graphics configure editor. svg组态编辑器。基于vue3.3+ts+element-plus+vite",
   "publishConfig": {
     "access": "public"

package/src/components/svg-editor/top-panel.vue

@@ -164,7 +164,9 @@
 			<div>在画布空白区域按住右键可拖动画布，右侧面板‘图纸’栏可微调或重置位置</div>
 			<div class="el-divider el-divider--horizontal" role="separator" style="--el-border-style: solid"></div>
 			<div class="font-bold mb-10px text-15px guide-title">画布缩放</div>
-			<div>在画布空白区使用鼠标滚轮或者右侧面板‘图纸’栏可控制画布缩放</div>
+			<div
+				>在画布中使用鼠标滚轮或者右侧面板‘图纸’栏可控制画布缩放，鼠标滚轮以鼠标位置为缩放中心，图纸栏以图纸原点（默认在左上角）为缩放中心</div
+			>
 			<div class="el-divider el-divider--horizontal" role="separator" style="--el-border-style: solid"></div>
 			<div class="font-bold mb-10px text-15px guide-title">标尺辅助线</div>
 			<div>在标尺区域按住鼠标左键并拖动即可创建标尺辅助线，将标尺辅助线拖动到标尺区域即可删除标尺辅助线</div>

package/types/index.d.ts

@@ -8,6 +8,7 @@ import { DefineComponent } from 'vue'
 export declare const SvgEditor: DefineComponent<{
 	data?: string
 	customToolbar?: any[]
+	vueComp?: Record<string, any>
 	saveFile?: boolean
 	onOnPreview?: (d: Record<string, any>) => void
 	onOnSave?: (d: Record<string, any>) => void
@@ -15,11 +16,14 @@ export declare const SvgEditor: DefineComponent<{
 }>
 export declare const SvgViewer: DefineComponent<{
 	data?: Record<string, any>
+	vueComp?: Record<string, any>
 	canvasDrag?: boolean
-	onOnMessage?: (d: { topics: string, message: string }) => void
+	showCanvasInfo?: boolean
+	onOnMessage?: (d: { topics: string; message: string }) => void
+	onOnEvent?: (d: { event: Record<string, any>; target: Record<string, any> }) => void
 }>
 
 export default {
 	SvgEditor,
 	SvgViewer
-}
+}