@zhangqingcq/vgce 0.1.19 → 0.1.21
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/style.css +1 -1
- package/dist/vgce.js +26 -18
- package/dist/vgce.umd.cjs +2 -2
- package/package.json +1 -1
- package/src/components/svg-editor/center-panel.vue +32 -1
- package/src/components/svg-editor/top-panel.vue +1 -1
- package/src/config/svg/animation/thermometer.ts +1 -1
- package/src/config/svg/custom/clock-a.ts +1 -1
- package/src/config/svg/custom/light.ts +1 -1
- package/src/config/svg/custom/svg-text.ts +1 -1
- package/src/config/svg/custom/switch-r.ts +1 -1
- package/src/config/svg/stateful/alert-light.ts +1 -1
- package/src/config/vue/component/button.ts +1 -1
- package/src/config/vue/component/common-table.ts +1 -1
- package/src/config/vue/component/progress.ts +1 -1
- package/src/config/vue/component/tag.ts +1 -1
- package/src/config/vue/echarts/pie-charts.ts +1 -1
package/package.json
CHANGED
|
@@ -207,6 +207,30 @@
|
|
|
207
207
|
canvasRef.value?.focus()
|
|
208
208
|
if (globalStore.intention === EGlobalStoreIntention.Connection) {
|
|
209
209
|
e.stopPropagation()
|
|
210
|
+
if (globalStore.handle_svg_info) {
|
|
211
|
+
if (e.button === 0) {
|
|
212
|
+
//鼠标左键创建新线段
|
|
213
|
+
const l = globalStore.handle_svg_info.info.props.point_position.val
|
|
214
|
+
if (l.length > 1 && l[0].x !== l[1].x && l[0].y !== l[1].y) {
|
|
215
|
+
//鼠标移动后的实时位置（相对于起始点，只在创建第一个点时记录了鼠标原始位置）
|
|
216
|
+
l.push({
|
|
217
|
+
x:
|
|
218
|
+
globalStore.mouse_info.new_position_x -
|
|
219
|
+
globalStore.mouse_info.position_x -
|
|
220
|
+
svgEditLayoutStore.center_offset.x,
|
|
221
|
+
y:
|
|
222
|
+
globalStore.mouse_info.new_position_y -
|
|
223
|
+
globalStore.mouse_info.position_y -
|
|
224
|
+
svgEditLayoutStore.center_offset.y
|
|
225
|
+
})
|
|
226
|
+
}
|
|
227
|
+
} else if (e.button === 2) {
|
|
228
|
+
//鼠标右键结束线段绘制
|
|
229
|
+
globalStore.intention = EGlobalStoreIntention.None
|
|
230
|
+
setSvgActualInfo(globalStore.done_json[globalStore.handle_svg_info.index])
|
|
231
|
+
globalStore.setHandleSvgInfo(null)
|
|
232
|
+
}
|
|
233
|
+
}
|
|
210
234
|
return
|
|
211
235
|
}
|
|
212
236
|
e.preventDefault()
|
|
@@ -287,6 +311,7 @@
|
|
|
287
311
|
}
|
|
288
312
|
}
|
|
289
313
|
}
|
|
314
|
+
|
|
290
315
|
const onSvgMouseEnter = (select_item: IDoneJson, index: number, e: MouseEvent) => {
|
|
291
316
|
e.preventDefault()
|
|
292
317
|
e.stopPropagation()
|
|
@@ -613,6 +638,7 @@
|
|
|
613
638
|
}
|
|
614
639
|
}
|
|
615
640
|
}
|
|
641
|
+
|
|
616
642
|
const onCanvasMouseUp = () => {
|
|
617
643
|
//如果鼠标不是按下状态
|
|
618
644
|
if (globalStore.mouse_info.state != EMouseInfoState.Down) {
|
|
@@ -666,7 +692,11 @@
|
|
|
666
692
|
globalStore.setHandleSvgInfo(null)
|
|
667
693
|
for (let e of globalStore.done_json) {
|
|
668
694
|
const t = selectRect.value
|
|
669
|
-
e.selected =
|
|
695
|
+
e.selected =
|
|
696
|
+
e.center_position.x > t.x &&
|
|
697
|
+
e.center_position.x < t.x + t.with &&
|
|
698
|
+
e.center_position.y > t.y &&
|
|
699
|
+
e.center_position.y < t.y + t.height
|
|
670
700
|
}
|
|
671
701
|
globalStore.intention = EGlobalStoreIntention.None
|
|
672
702
|
} else if (globalStore.intention != EGlobalStoreIntention.Select) {
|
|
@@ -683,6 +713,7 @@
|
|
|
683
713
|
}
|
|
684
714
|
contextMenuStore.display = false
|
|
685
715
|
}
|
|
716
|
+
|
|
686
717
|
const onCanvasMouseDown = (e: MouseEvent) => {
|
|
687
718
|
const { clientX, clientY } = e
|
|
688
719
|
if (globalStore.intention === EGlobalStoreIntention.Connection) {
|
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
<el-scrollbar max-height="60vh">
|
|
158
158
|
<div class="font-bold mb-10px text-15px guide-title" style="padding-top: 16px">多选</div>
|
|
159
159
|
<div
|
|
160
|
-
|
|
160
|
+
>在画布空白区域按住鼠标左键可以框选（图形中心点在框选区域即判定被选中），也可以按住ctrl+鼠标左键点图形进行多选</div
|
|
161
161
|
>
|
|
162
162
|
<div class="el-divider el-divider--horizontal" role="separator" style="--el-border-style: solid"></div>
|
|
163
163
|
<div class="font-bold mb-10px text-15px guide-title">拖动画布</div>
|