@zhangqingcq/vgce 0.0.13 → 0.0.15

package/src/assets/svgs/progress-a.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1686643109382" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1704" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M324.266667 599.466667c-6.4-4.266667-12.8-8.533333-14.933334-17.066667s-6.4-17.066667-6.4-27.733333h32c0 6.4 2.133333 10.666667 4.266667 14.933333s6.4 4.266667 10.666667 4.266667 8.533333-2.133333 10.666666-4.266667 4.266667-6.4 4.266667-12.8v-27.733333c0-4.266667-2.133333-8.533333-4.266667-10.666667s-4.266667-6.4-8.533333-6.4-6.4 0-8.533333 2.133333-4.266667 4.266667-4.266667 8.533334h-32v-102.4h87.466667v32h-55.466667v34.133333c2.133333-2.133333 6.4-4.266667 8.533333-6.4s8.533333-2.133333 10.666667-2.133333c8.533333 0 14.933333 2.133333 19.2 6.4s10.666667 8.533333 12.8 17.066666c2.133333 6.4 4.266667 14.933333 4.266667 25.6V554.666667c0 10.666667-2.133333 19.2-6.4 25.6-4.266667 6.4-8.533333 12.8-17.066667 17.066666s-14.933333 6.4-25.6 6.4c-6.4 2.133333-14.933333 0-21.333333-4.266666zM437.333333 593.066667c-8.533333-8.533333-12.8-19.2-12.8-34.133334V469.333333c0-14.933333 4.266667-27.733333 12.8-34.133333s19.2-12.8 36.266667-12.8 27.733333 4.266667 36.266667 12.8 12.8 19.2 12.8 34.133333v89.6c0 14.933333-4.266667 27.733333-12.8 36.266667s-19.2 12.8-36.266667 12.8c-17.066667-2.133333-27.733333-6.4-36.266667-14.933333z m46.933334-25.6c2.133333-4.266667 4.266667-8.533333 4.266666-14.933334v-81.066666c0-6.4-2.133333-10.666667-4.266666-14.933334s-6.4-4.266667-10.666667-4.266666-8.533333 2.133333-12.8 4.266666-4.266667 8.533333-4.266667 14.933334v81.066666c0 6.4 2.133333 10.666667 4.266667 14.933334s6.4 4.266667 10.666667 4.266666 10.666667 0 12.8-4.266666zM554.666667 490.666667c-4.266667-6.4-8.533333-12.8-8.533334-23.466667v-14.933333c0-10.666667 2.133333-17.066667 8.533334-23.466667s12.8-8.533333 21.333333-8.533333 17.066667 2.133333 21.333333 8.533333 8.533333 12.8 8.533334 23.466667v14.933333c0 10.666667-2.133333 17.066667-8.533334 23.466667s-12.8 8.533333-21.333333 8.533333-17.066667-2.133333-21.333333-8.533333z m32-10.666667c2.133333-2.133333 4.266667-6.4 4.266666-12.8V448c0-4.266667-2.133333-8.533333-4.266666-10.666667s-6.4-4.266667-10.666667-4.266666-8.533333 2.133333-10.666667 4.266666-4.266667 6.4-4.266666 10.666667v21.333333c0 4.266667 2.133333 8.533333 4.266666 12.8s6.4 4.266667 10.666667 4.266667 8.533333-4.266667 10.666667-6.4z m74.666666-59.733333h17.066667l-98.133333 181.333333h-17.066667l98.133333-181.333333z m-17.066666 177.066666c-4.266667-6.4-8.533333-12.8-8.533334-23.466666v-14.933334c0-10.666667 2.133333-17.066667 8.533334-23.466666s12.8-8.533333 21.333333-8.533334 17.066667 2.133333 21.333333 8.533334 8.533333 12.8 8.533334 23.466666v14.933334c0 10.666667-2.133333 17.066667-8.533334 23.466666s-12.8 8.533333-21.333333 8.533334-14.933333-4.266667-21.333333-8.533334z m34.133333-10.666666c2.133333-2.133333 4.266667-6.4 4.266667-12.8V554.666667c0-4.266667-2.133333-8.533333-4.266667-10.666667s-6.4-4.266667-10.666667-4.266667-8.533333 2.133333-10.666666 4.266667-4.266667 6.4-4.266667 10.666667v19.2c0 4.266667 2.133333 8.533333 4.266667 12.8s6.4 4.266667 10.666666 4.266666 8.533333-2.133333 10.666667-4.266666z" fill="#4C64FE" p-id="1705"></path><path d="M512 85.333333C277.333333 85.333333 85.333333 277.333333 85.333333 512s192 426.666667 426.666667 426.666667 426.666667-192 426.666667-426.666667S746.666667 85.333333 512 85.333333z m0 768c-187.733333 0-341.333333-153.6-341.333333-341.333333S324.266667 170.666667 512 170.666667s341.333333 153.6 341.333333 341.333333-153.6 341.333333-341.333333 341.333333z" fill="#4C64FE" opacity=".6" p-id="1706"></path><path d="M853.333333 512c0 187.733333-153.6 341.333333-341.333333 341.333333v85.333334c234.666667 0 426.666667-192 426.666667-426.666667S746.666667 85.333333 512 85.333333v85.333334c187.733333 0 341.333333 153.6 341.333333 341.333333z" fill="#4C64FE" p-id="1707"></path></svg>

package/src/assets/svgs/reservoir.svg

@@ -0,0 +1,10 @@
+<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200"
+	height="200">
+	<rect transform="rotate(180,427,410)" x="0" y="0" width="680" height="400" stroke="none">
+		<animate attributeName="height" from="0" to="400" dur="5s" repeatCount="indefinite" />
+	</rect>
+	<polygon
+		points="283.2,131 87.7,129.1 85.1,911.2 938.9,911.2 938.9,131 740.8,131 740.8,241.3 849,245.4 853.1,807.1 
+177.1,799.2 181.1,246.6 283.2,245 "
+		stroke-width="10" />
+</svg>

package/src/assets/svgs/svg-text.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 1024 1024" version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
+   <text x="250" y="700" font-family="Microsoft YaHei" font-size="505" >T</text>
+</svg>

package/src/assets/svgs/switch-a.svg

@@ -0,0 +1,5 @@
+<svg t="1683299647629" class="icon" viewBox="0 0 1024 1024" version="1.1"
+    xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+    <path d="M735.2 792.4H287.6C136.9 792.4 14.2 669.8 14.2 519c0-150.9 122.6-273.5 273.4-273.5h447.6c150.7 0 273.4 122.6 273.4 273.4 0 150.9-122.7 273.5-273.4 273.5zM287.6 300.2c-120.6 0-218.7 98.1-218.7 218.7 0 120.8 98.1 218.9 218.7 218.9h447.6c120.6 0 218.7-98.1 218.7-218.7 0-120.8-98.1-218.9-218.7-218.9H287.6z" fill="#666666"></path>
+    <path d="M724.7 687.1c-92.7 0-168.1-75.4-168.1-168.1S632 350.9 724.7 350.9 892.8 426.3 892.8 519s-75.4 168.1-168.1 168.1z m0-278.6c-60.9 0-110.5 49.6-110.5 110.5s49.5 110.5 110.5 110.5S835.1 579.9 835.1 519s-49.5-110.5-110.4-110.5z" fill="#666666"></path>
+</svg>

package/src/assets/svgs/traction-transformer.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" standalone="no"?>
+<svg  viewBox="0 0 1024 1024" version="1.1"
+    xmlns="http://www.w3.org/2000/svg" 
+    xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
+    <path d="M500.181333 308.757333a118.421333 118.421333 0 1 1-118.421333 118.421334 118.421333 118.421333 0 0 1 118.421333-118.421334m0-19.2a137.514667 137.514667 0 1 0 137.514667 137.514667 137.514667 137.514667 0 0 0-137.514667-137.514667z"></path>
+    <path d="M500.181333 478.741333a118.421333 118.421333 0 1 1-118.421333 118.421334 118.421333 118.421333 0 0 1 118.421333-118.421334m0-19.2a137.514667 137.514667 0 1 0 137.514667 137.514667 137.514667 137.514667 0 0 0-137.514667-137.514667z"></path>
+    <path d="M500.266667 234.666667a9.557333 9.557333 0 0 1 9.557333 9.557333v54.869333a9.557333 9.557333 0 0 1-9.557333 9.557334 9.557333 9.557333 0 0 1-9.557334-9.557334v-54.848A9.557333 9.557333 0 0 1 500.266667 234.666667z"></path>
+    <path d="M500.266667 715.349333a9.557333 9.557333 0 0 1 9.557333 9.557334v54.890666a9.557333 9.557333 0 0 1-9.557333 9.557334 9.557333 9.557333 0 0 1-9.557334-9.557334v-54.869333a9.557333 9.557333 0 0 1 9.557334-9.578667z"></path>
+    <path d="M500.266667 446.357333a10.666667 10.666667 0 0 1-10.218667-6.186666l-36.053333-77.312a10.666667 10.666667 0 0 1 5.205333-14.186667 10.666667 10.666667 0 0 1 14.101333 5.205333l26.986667 57.728 26.922667-57.728a10.666667 10.666667 0 0 1 14.186666-5.205333 10.666667 10.666667 0 0 1 5.12 14.186667l-36.053333 77.312a10.666667 10.666667 0 0 1-9.664 6.208z"></path>
+    <path d="M500.266667 681.024a10.666667 10.666667 0 0 1-10.218667-6.186667l-36.053333-77.312a10.666667 10.666667 0 0 1 5.205333-14.186666 10.666667 10.666667 0 0 1 14.101333 5.205333l26.986667 57.728 26.922667-57.728a10.666667 10.666667 0 0 1 14.186666-5.205333 10.666667 10.666667 0 0 1 5.12 14.186666l-36.053333 77.312a10.666667 10.666667 0 0 1-9.664 6.208z"></path>
+</svg>

package/src/components/ace-edit/index.ts

@@ -0,0 +1,27 @@
+import ace from 'ace-builds'
+
+import themeUrl from 'ace-builds/src-noconflict/theme-github?url'
+ace.config.setModuleUrl('ace/theme/github', themeUrl)
+
+import themeUrl2 from 'ace-builds/src-noconflict/theme-kr_theme?url'
+ace.config.setModuleUrl('ace/theme/kr_theme', themeUrl2)
+
+import workerBaseUrl from 'ace-builds/src-noconflict/worker-base?url'
+ace.config.setModuleUrl('ace/mode/base', workerBaseUrl)
+
+import modeJsonUrl from 'ace-builds/src-noconflict/mode-json?url'
+ace.config.setModuleUrl('ace/mode/json', modeJsonUrl)
+import workerJsonUrl from 'ace-builds/src-noconflict/worker-json?url'
+ace.config.setModuleUrl('ace/mode/json_worker', workerJsonUrl)
+import snippetsJsonUrl from 'ace-builds/src-noconflict/snippets/json?url'
+ace.config.setModuleUrl('ace/snippets/json', snippetsJsonUrl)
+
+import modeJavascriptUrl from 'ace-builds/src-noconflict/mode-javascript?url'
+ace.config.setModuleUrl('ace/mode/javascript', modeJavascriptUrl)
+import workerJavascriptUrl from 'ace-builds/src-noconflict/worker-javascript?url'
+ace.config.setModuleUrl('ace/mode/javascript_worker', workerJavascriptUrl)
+import snippetsJavascriptUrl from 'ace-builds/src-noconflict/snippets/javascript?url'
+ace.config.setModuleUrl('ace/snippets/javascript', snippetsJavascriptUrl)
+
+import 'ace-builds/src-noconflict/ext-language_tools'
+ace.require('ace/ext/language_tools')

package/src/components/config/index.ts

@@ -0,0 +1,450 @@
+import { EConfigAnimationsType, EConfigItemPropsType, EDoneJsonType } from '@/config/types'
+import type { ISystemStraightLine, IAnimateConfig } from './types'
+
+export const straight_line_system: ISystemStraightLine = Object.seal({
+	name: 'straight-line',
+	title: '直线',
+	type: EDoneJsonType.StraightLine,
+	config: {
+		can_zoom: false,
+		have_anchor: false,
+		actual_rect: false
+	},
+	display: true,
+	props: {
+		fill: {
+			title: '填充色',
+			type: EConfigItemPropsType.Color,
+			val: '#ff0000'
+		},
+		start_x: {
+			title: '起点x坐标',
+			type: EConfigItemPropsType.InputNumber,
+			val: 0
+		},
+		start_y: {
+			title: '起点y坐标',
+			type: EConfigItemPropsType.InputNumber,
+			val: 0
+		},
+		end_x: {
+			title: '终点x坐标',
+			type: EConfigItemPropsType.InputNumber,
+			val: 0
+		},
+		end_y: {
+			title: '终点y坐标',
+			type: EConfigItemPropsType.InputNumber,
+			val: 0
+		}
+	},
+	bind_anchors: {
+		start: null,
+		end: null
+	},
+	events: []
+})
+export const connection_line_system: ISystemStraightLine = {
+	name: 'connection_line',
+	title: '连接线',
+	type: EDoneJsonType.ConnectionLine,
+	config: {
+		can_zoom: false,
+		have_anchor: false,
+		actual_rect: false
+	},
+	display: true,
+	props: {
+		stroke: {
+			title: '线条颜色',
+			type: EConfigItemPropsType.Color,
+			val: '#ff0000'
+		},
+		'stroke-width': {
+			title: '线条宽度',
+			type: EConfigItemPropsType.InputNumber,
+			val: 2
+		},
+		point_position: {
+			title: '点坐标',
+			type: EConfigItemPropsType.JsonEdit,
+			val: []
+		}
+	},
+	animations: {
+		type: {
+			title: '动画类型',
+			type: EConfigItemPropsType.Select,
+			val: EConfigAnimationsType.None,
+			options: [
+				{
+					label: '无',
+					value: EConfigAnimationsType.None
+				},
+				{
+					label: '电流',
+					value: EConfigAnimationsType.Electricity
+				},
+				{
+					label: '轨迹',
+					value: EConfigAnimationsType.Track
+				},
+				{
+					label: '水珠',
+					value: EConfigAnimationsType.WaterDrop
+				}
+			]
+		},
+		dur: {
+			title: '持续时间',
+			type: EConfigItemPropsType.InputNumber,
+			val: 20
+		},
+		repeatCount: {
+			title: '循环次数',
+			type: EConfigItemPropsType.Input,
+			val: 'indefinite',
+			disabled: true
+		},
+		color: {
+			title: '颜色',
+			type: EConfigItemPropsType.Color,
+			val: '#0a7ae2'
+		},
+		reverse: {
+			title: '反转动画',
+			type: EConfigItemPropsType.Switch,
+			val: false
+		}
+	},
+	bind_anchors: {
+		start: null,
+		end: null
+	},
+	events: []
+}
+export const common_animate_list: Array<{ label: string; children: IAnimateConfig[] }> = [
+	{
+		label: '进入',
+		children: [
+			{
+				label: '渐显',
+				value: 'fadeIn'
+			},
+			{
+				label: '向右进入',
+				value: 'fadeInLeft'
+			},
+			{
+				label: '向左进入',
+				value: 'fadeInRight'
+			},
+			{
+				label: '向上进入',
+				value: 'fadeInUp'
+			},
+			{
+				label: '向下进入',
+				value: 'fadeInDown'
+			},
+			{
+				label: '向右长距进入',
+				value: 'fadeInLeftBig'
+			},
+			{
+				label: '向左长距进入',
+				value: 'fadeInRightBig'
+			},
+			{
+				label: '向上长距进入',
+				value: 'fadeInUpBig'
+			},
+			{
+				label: '向下长距进入',
+				value: 'fadeInDownBig'
+			},
+			{
+				label: '旋转进入',
+				value: 'rotateIn'
+			},
+			{
+				label: '左顺时针旋转',
+				value: 'rotateInDownLeft'
+			},
+			{
+				label: '右逆时针旋转',
+				value: 'rotateInDownRight'
+			},
+			{
+				label: '左逆时针旋转',
+				value: 'rotateInUpLeft'
+			},
+			{
+				label: '右逆时针旋转',
+				value: 'rotateInUpRight'
+			},
+			{
+				label: '弹入',
+				value: 'bounceIn'
+			},
+			{
+				label: '向右弹入',
+				value: 'bounceInLeft'
+			},
+			{
+				label: '向左弹入',
+				value: 'bounceInRight'
+			},
+			{
+				label: '向上弹入',
+				value: 'bounceInUp'
+			},
+			{
+				label: '向下弹入',
+				value: 'bounceInDown'
+			},
+			{
+				label: '光速从右进入',
+				value: 'lightSpeedInRight'
+			},
+			{
+				label: '光速从左进入',
+				value: 'lightSpeedInLeft'
+			},
+			{
+				label: '光速从右退出',
+				value: 'lightSpeedOutRight'
+			},
+			{
+				label: '光速从左退出',
+				value: 'lightSpeedOutLeft'
+			},
+			{
+				label: 'Y轴旋转',
+				value: 'flip'
+			},
+			{
+				label: '中心X轴旋转',
+				value: 'flipInX'
+			},
+			{
+				label: '中心Y轴旋转',
+				value: 'flipInY'
+			},
+			{
+				label: '左长半径旋转',
+				value: 'rollIn'
+			},
+			{
+				label: '由小变大进入',
+				value: 'zoomIn'
+			},
+			{
+				label: '左变大进入',
+				value: 'zoomInLeft'
+			},
+			{
+				label: '右变大进入',
+				value: 'zoomInRight'
+			},
+			{
+				label: '向上变大进入',
+				value: 'zoomInUp'
+			},
+			{
+				label: '向下变大进入',
+				value: 'zoomInDown'
+			},
+			{
+				label: '向右滑动展开',
+				value: 'slideInLeft'
+			},
+			{
+				label: '向左滑动展开',
+				value: 'slideInRight'
+			},
+			{
+				label: '向上滑动展开',
+				value: 'slideInUp'
+			},
+			{
+				label: '向下滑动展开',
+				value: 'slideInDown'
+			}
+		]
+	},
+	{
+		label: '强调',
+		children: [
+			{
+				label: '弹跳',
+				value: 'bounce'
+			},
+			{
+				label: '闪烁',
+				value: 'flash'
+			},
+			{
+				label: '放大缩小',
+				value: 'pulse'
+			},
+			{
+				label: '放大缩小弹簧',
+				value: 'rubberBand'
+			},
+			{
+				label: '左右晃动',
+				value: 'headShake'
+			},
+			{
+				label: '左右扇形摇摆',
+				value: 'swing'
+			},
+			{
+				label: '放大晃动缩小',
+				value: 'tada'
+			},
+			{
+				label: '扇形摇摆',
+				value: 'wobble'
+			},
+			{
+				label: '左右上下晃动',
+				value: 'jello'
+			},
+			{
+				label: 'Y轴旋转',
+				value: 'flip'
+			}
+		]
+	},
+	{
+		label: '退出',
+		children: [
+			{
+				label: '渐隐',
+				value: 'fadeOut'
+			},
+			{
+				label: '向左退出',
+				value: 'fadeOutLeft'
+			},
+			{
+				label: '向右退出',
+				value: 'fadeOutRight'
+			},
+			{
+				label: '向上退出',
+				value: 'fadeOutUp'
+			},
+			{
+				label: '向下退出',
+				value: 'fadeOutDown'
+			},
+			{
+				label: '向左长距退出',
+				value: 'fadeOutLeftBig'
+			},
+			{
+				label: '向右长距退出',
+				value: 'fadeOutRightBig'
+			},
+			{
+				label: '向上长距退出',
+				value: 'fadeOutUpBig'
+			},
+			{
+				label: '向下长距退出',
+				value: 'fadeOutDownBig'
+			},
+			{
+				label: '旋转退出',
+				value: 'rotateOut'
+			},
+			{
+				label: '左顺时针旋转',
+				value: 'rotateOutDownLeft'
+			},
+			{
+				label: '右逆时针旋转',
+				value: 'rotateOutDownRight'
+			},
+			{
+				label: '左逆时针旋转',
+				value: 'rotateOutUpLeft'
+			},
+			{
+				label: '右逆时针旋转',
+				value: 'rotateOutUpRight'
+			},
+			{
+				label: '弹出',
+				value: 'bounceOut'
+			},
+			{
+				label: '向左弹出',
+				value: 'bounceOutLeft'
+			},
+			{
+				label: '向右弹出',
+				value: 'bounceOutRight'
+			},
+			{
+				label: '向上弹出',
+				value: 'bounceOutUp'
+			},
+			{
+				label: '向下弹出',
+				value: 'bounceOutDown'
+			},
+			{
+				label: '中心X轴旋转',
+				value: 'flipOutX'
+			},
+			{
+				label: '中心Y轴旋转',
+				value: 'flipOutY'
+			},
+			{
+				label: '左长半径旋转',
+				value: 'rollOut'
+			},
+			{
+				label: '由小变大退出',
+				value: 'zoomOut'
+			},
+			{
+				label: '左变大退出',
+				value: 'zoomOutLeft'
+			},
+			{
+				label: '右变大退出',
+				value: 'zoomOutRight'
+			},
+			{
+				label: '向上变大退出',
+				value: 'zoomOutUp'
+			},
+			{
+				label: '向下变大退出',
+				value: 'zoomOutDown'
+			},
+			{
+				label: '向左滑动收起',
+				value: 'slideOutLeft'
+			},
+			{
+				label: '向右滑动收起',
+				value: 'slideOutRight'
+			},
+			{
+				label: '向上滑动收起',
+				value: 'slideOutUp'
+			},
+			{
+				label: '向下滑动收起',
+				value: 'slideOutDown'
+			}
+		]
+	}
+]

package/src/components/config/types.ts

@@ -0,0 +1,25 @@
+import type { IConfigItem } from '@/config/types'
+
+export interface ISystemStraightLine extends IConfigItem {
+	//绑定锚点
+	bind_anchors: {
+		start: IBindAnchors | null
+		end: IBindAnchors | null
+	}
+}
+export interface IBindAnchors {
+	type: ELineBindAnchors
+	target_id: string
+}
+
+export interface IAnimateConfig {
+	label: string
+	value: string
+}
+
+export enum ELineBindAnchors {
+	TopCenter = 'TopCenter',
+	Left = 'Left',
+	Right = 'Right',
+	BottomCenter = 'BottomCenter'
+}

package/src/components/svg-analysis/index.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+	import { computed } from 'vue'
+
+	const props = withDefaults(defineProps<{ name: string; props?: object }>(), { props: () => ({}) })
+	const symbolId = computed(() => `#svg-${props.name}`)
+</script>
+<template>
+	<svg aria-hidden="true">
+		<use :xlink:href="symbolId" v-bind="props.props" />
+	</svg>
+</template>