You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
950 lines
35 KiB
JSON
950 lines
35 KiB
JSON
[
|
|
{
|
|
"type": "AlternatorSvg",
|
|
"title": "发电机",
|
|
"panel_class": "common",
|
|
"template": "<ellipse cx=\"50\" cy=\"50\" rx=\"35\" ry=\"35\" fill=\"none\" :stroke=\"prop_data.extend_attr.stroke_color_a.val\" :stroke-width=\"prop_data.extend_attr.stroke_width_a.val\" :transform=\"prop_data.extend_attr.transform_a.val\"></ellipse><path d=\"M30,50 C30,44 34,40 40,40 46,40 50,44 50,50 M50,50 C50,56 54,60 60,60 66,60 70,56 70,50 \" fill=\"none\" :stroke=\"prop_data.extend_attr.stroke_color_b.val\" :stroke-width=\"prop_data.extend_attr.stroke_width_b.val\" :transform=\"prop_data.extend_attr.transform_b.val\"></path>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"stroke_color_a": {
|
|
"title": "外轮廓颜色",
|
|
"val": "#FF0000",
|
|
"type": "colorinputbox"
|
|
},
|
|
"stroke_color_b": {
|
|
"title": "内轮廓颜色",
|
|
"val": "#FF0000",
|
|
"type": "colorinputbox"
|
|
},
|
|
"stroke_width_a": {
|
|
"title": "外轮廓厚度",
|
|
"val": 2,
|
|
"type": "numberinputbox"
|
|
},
|
|
"stroke_width_b": {
|
|
"title": "内轮廓厚度",
|
|
"val": 2,
|
|
"type": "numberinputbox"
|
|
},
|
|
"transform_a": {
|
|
"title": "外中心点坐标",
|
|
"val": "translate(-50,-50)",
|
|
"type": "textinputbox"
|
|
},
|
|
"transform_b": {
|
|
"title": "内中心点坐标",
|
|
"val": "translate(-50,-50)",
|
|
"type": "textinputbox"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/AlternatorSvg.png"
|
|
},
|
|
{
|
|
"type": "ArrowDownSvg",
|
|
"title": "箭头向下",
|
|
"panel_class": "common",
|
|
"template": "<polygon points=\"0,-8 5,0 10,-8\" :fill=\"prop_data.extend_attr.color.val\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-5,0)\"></polygon>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "填充颜色",
|
|
"val": "#FF0000",
|
|
"type": "colorinputbox"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/ArrowDownSvg.png"
|
|
},
|
|
{
|
|
"type": "ArrowUpSvg",
|
|
"title": "箭头向上",
|
|
"panel_class": "common",
|
|
"template": "<polygon points=\"0,8 5,0 10,8\" :fill=\"prop_data.extend_attr.color.val\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-5,0)\"></polygon>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "填充颜色",
|
|
"val": "#FF0000",
|
|
"type": "colorinputbox"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/ArrowUpSvg.png"
|
|
},
|
|
{
|
|
"type": "CircuitBreakerSvg",
|
|
"title": "断路器",
|
|
"panel_class": "common",
|
|
"template": "<rect x=\"0\" y=\"0\" width=\"20\" height=\"40\" :fill=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" :stroke=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" stroke-width=\"2\" transform=\"translate(-10,-20)\"></rect>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"switch": {
|
|
"title": "类型",
|
|
"val": {
|
|
"selectval": "{\"fill\":\"#FF0000\"}",
|
|
"ridiogroup": [
|
|
{
|
|
"value": "{\"fill\":\"#FF0000\"}",
|
|
"label": "断开"
|
|
},
|
|
{
|
|
"value": "{\"fill\":\"#00FF00\"}",
|
|
"label": "连接"
|
|
}
|
|
]
|
|
},
|
|
"type": "radiogroup"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/CircuitBreakerSvg.png"
|
|
},
|
|
{
|
|
"type": "DoubleWindingSvg",
|
|
"title": "双绕组变压器",
|
|
"panel_class": "common",
|
|
"template": "<ellipse cx=\"0\" cy=\"-20\" rx=\"25\" ry=\"25\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" ></ellipse> <ellipse cx=\"0\" cy=\"20\" rx=\"25\" ry=\"25\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" ></ellipse> <polygon points=\"10,-30 0,-10 -10,-30\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></polygon> <line x1=\"0\" y1=\"20\" x2=\"0\" y2=\"35\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"0\" y1=\"20\" x2=\"-10\" y2=\"10\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"0\" y1=\"20\" x2=\"10\" y2=\"10\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "填充颜色",
|
|
"val": "#FF0000",
|
|
"type": "colorinputbox"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/DoubleWindingSvg.png"
|
|
},
|
|
{
|
|
"type": "GGJSvg",
|
|
"title": "电容柜",
|
|
"panel_class": "common",
|
|
"template": "<line x1=\"0.5\" y1=\"-25\" x2=\"-9.5\" y2=\"-13\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" ></line> <line x1=\"0.5\" y1=\"-26\" x2=\"9.5\" y2=\"-13\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" ></line> <line x1=\"-12\" y1=\"-17\" x2=\"-6\" y2=\"-8\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"-15\" y1=\"-12\" x2=\"-9\" y2=\"-3\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <polyline points=\"-13,-8 -22,3 -22,5\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" ></polyline> <line x1=\"-21\" y1=\"4\" x2=\"-4\" y2=\"4\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" ></line> <line x1=\"-5\" y1=\"-2\" x2=\"-5\" y2=\"11\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" ></line> <line x1=\"3\" y1=\"-2\" x2=\"3\" y2=\"11\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" ></line> <line x1=\"4\" y1=\"4\" x2=\"21\" y2=\"4\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" ></line> <polyline points=\"13,-8 22,3 22,5\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" ></polyline> <line x1=\"14\" y1=\"-12\" x2=\"8\" y2=\"-3\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"12\" y1=\"-17\" x2=\"6\" y2=\"-8\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "填充颜色",
|
|
"val": "#FF0000",
|
|
"type": "colorinputbox"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/GGJSvg.png"
|
|
},
|
|
{
|
|
"type": "GroundGraySvg",
|
|
"title": "接地灰白",
|
|
"panel_class": "common",
|
|
"template": "<line x1=\"9\" y1=\"9\" x2=\"9\" y2=\"0\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-9,-6)\"></line> <line x1=\"0\" y1=\"9\" x2=\"18\" y2=\"9\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-9,-6)\"></line> <line x1=\"3\" y1=\"15\" x2=\"15\" y2=\"15\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-9,-6)\"></line> <line x1=\"6\" y1=\"21\" x2=\"12\" y2=\"21\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-9,-6)\"></line>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "填充颜色",
|
|
"val": "#CCCCCC",
|
|
"type": "colorinputbox"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/GroundGraySvg.png"
|
|
},
|
|
{
|
|
"type": "IsolatingSwitchSvg",
|
|
"title": "隔离开关",
|
|
"panel_class": "common",
|
|
"template": "<line x1=\"0\" y1=\"-20\" x2=\"0\" y2=\"0\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"-10\" y1=\"0\" x2=\"6\" y2=\"0\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"0\" y1=\"20\" x2=\"-10\" y2=\"5\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"0\" y1=\"40\" x2=\"0\" y2=\"20\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> ",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "填充颜色",
|
|
"val": "#FF0000",
|
|
"type": "colorinputbox"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/IsolatingSwitchSvg.png"
|
|
},
|
|
{
|
|
"type": "LightningArresterSvg",
|
|
"title": "避雷器",
|
|
"panel_class": "common",
|
|
"template": "<rect x=\"-7\" y=\"-14\" width=\"15\" height=\"35\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></rect> <line x1=\"0\" y1=\"-21\" x2=\"0\" y2=\"0\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"0\" y1=\"21\" x2=\"0\" y2=\"28\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <polyline points=\"-1,-7 0,0 1,-7\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></polyline>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "填充颜色",
|
|
"val": "#FF0000",
|
|
"type": "colorinputbox"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/LightningArresterSvg.png"
|
|
},
|
|
{
|
|
"type": "PolylineSvg",
|
|
"title": "多段折线",
|
|
"panel_class": "common",
|
|
"template": "<polyline points=\"0,7 13,-7 26,7\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-13,0)\"></polyline> <polyline points=\"0,7 13,-7 26,7\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-13,8)\"></polyline> ",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "填充颜色",
|
|
"val": "#FF0000",
|
|
"type": "colorinputbox"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/PolylineSvg.png"
|
|
},
|
|
{
|
|
"type": "RectSvg",
|
|
"title": "长方形",
|
|
"panel_class": "common",
|
|
"template": "<rect x=\"-5\" y=\"-15\" width=\"10\" height=\"30\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" stroke-linecap=\"round\"></rect>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "填充颜色",
|
|
"val": "#FF0000",
|
|
"type": "colorinputbox"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/RectSvg.png"
|
|
},
|
|
{
|
|
"type": "SignalLampSvg",
|
|
"title": "信号灯",
|
|
"panel_class": "common",
|
|
"template": "<ellipse cx=\"7\" cy=\"22\" rx=\"12\" ry=\"12\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-7,-22)\"></ellipse> <line x1=\"0\" y1=\"30\" x2=\"15\" y2=\"15\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-7,-22)\"></line> <line x1=\"15\" y1=\"30\" x2=\"0\" y2=\"15\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-7,-22)\"></line>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "填充颜色",
|
|
"val": "#FF0000",
|
|
"type": "colorinputbox"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/SignalLampSvg.png"
|
|
},
|
|
{
|
|
"type": "StandardCapacitorSvg",
|
|
"title": "标准电容器",
|
|
"panel_class": "common",
|
|
"template": "<line x1=\"0\" y1=\"-12\" x2=\"0\" y2=\"-3\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"-9\" y1=\"-3\" x2=\"9\" y2=\"-3\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"-9\" y1=\"3\" x2=\"9\" y2=\"3\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"0\" y1=\"12\" x2=\"0\" y2=\"3\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "填充颜色",
|
|
"val": "#FF0000",
|
|
"type": "colorinputbox"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/StandardCapacitorSvg.png"
|
|
},
|
|
{
|
|
"type": "StandardReactanceSvg",
|
|
"title": "标准电抗",
|
|
"panel_class": "common",
|
|
"template": "<path d=\"M18,63 V36 H33 C33,42 27,51 18,51 9,51 3,42 3,36 3,27 9,21 18,21 V6 V21\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" transform=\"translate(-18,-36)\"></path>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "填充颜色",
|
|
"val": "#FF0000",
|
|
"type": "colorinputbox"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/StandardReactanceSvg.png"
|
|
},
|
|
{
|
|
"type": "TextSvg",
|
|
"title": "文字",
|
|
"panel_class": "common",
|
|
"template": "<text x=\"0\" y=\"0\" :font-family=\"prop_data.extend_attr.font_family.val.selectval\" :font-size=\"prop_data.extend_attr.font_size.val\" :fill=\"prop_data.extend_attr.color.val\">{{prop_data.extend_attr.text.val}}</text>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "文字颜色",
|
|
"val": "#FF0000",
|
|
"type": "colorinputbox"
|
|
},
|
|
"font_size": {
|
|
"title": "字体大小",
|
|
"val": 15,
|
|
"type": "numberinputbox"
|
|
},
|
|
"font_family": {
|
|
"title": "字体样式",
|
|
"val": {
|
|
"selectval": "Microsoft YaHei",
|
|
"selectgroup": [
|
|
{
|
|
"value": "Microsoft YaHei",
|
|
"label": "微软雅黑"
|
|
},
|
|
{
|
|
"value": "NSimSun",
|
|
"label": "新宋体"
|
|
}
|
|
]
|
|
},
|
|
"type": "select"
|
|
},
|
|
"text": {
|
|
"title": "文字内容",
|
|
"val": "文字",
|
|
"type": "textinputbox"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/TextSvg.png"
|
|
},
|
|
{
|
|
"type": "TransformerTriphaseOpenSvg",
|
|
"title": "三相互感器",
|
|
"panel_class": "common",
|
|
"template": "<ellipse cx=\"0\" cy=\"0\" rx=\"10\" ry=\"10\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></ellipse> <line x1=\"-2\" y1=\"-6\" x2=\"-2\" y2=\"6\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"-2\" y1=\"-6\" x2=\"4\" y2=\"0\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"4\" y1=\"2\" x2=\"-2\" y2=\"6\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "填充颜色",
|
|
"val": "#FF0000",
|
|
"type": "colorinputbox"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/TransformerTriphaseOpenSvg.png"
|
|
},
|
|
{
|
|
"type": "TransformerYSvg",
|
|
"title": "电流互感器Y",
|
|
"panel_class": "common",
|
|
"template": "<ellipse cx=\"0\" cy=\"0\" rx=\"10\" ry=\"10\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></ellipse> <line x1=\"5\" y1=\"-5\" x2=\"0\" y2=\"0\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"-5\" y1=\"-5\" x2=\"0\" y2=\"0\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"5\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "填充颜色",
|
|
"val": "#FF0000",
|
|
"type": "colorinputbox"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/TransformerYSvg.png"
|
|
},
|
|
{
|
|
"type": "TwoCircleSvg",
|
|
"title": "双圆",
|
|
"panel_class": "common",
|
|
"template": "<ellipse cx=\"0\" cy=\"-4.5\" rx=\"6\" ry=\"6\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></ellipse> <ellipse cx=\"0\" cy=\"4.5\" rx=\"6\" ry=\"6\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></ellipse>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "填充颜色",
|
|
"val": "#FF0000",
|
|
"type": "colorinputbox"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/TwoCircleSvg.png"
|
|
},
|
|
{
|
|
"type": "WireBreakSvg",
|
|
"title": "电线开关",
|
|
"panel_class": "common",
|
|
"template": "<line x1=\"0\" y1=\"-40\" x2=\"0\" y2=\"-15\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"0\" y1=\"15\" :x2=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).x2\" y2=\"-15\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line> <line x1=\"0\" y1=\"45\" x2=\"0\" y2=\"15\" fill=\"none\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\"></line>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "颜色",
|
|
"val": "#FF0000",
|
|
"type": "colorinputbox"
|
|
},
|
|
"switch": {
|
|
"title": "类型",
|
|
"val": {
|
|
"selectval": "{\"x2\":-10}",
|
|
"ridiogroup": [
|
|
{
|
|
"value": "{\"x2\":-10}",
|
|
"label": "断开"
|
|
},
|
|
{
|
|
"value": "{\"x2\":0}",
|
|
"label": "连接"
|
|
}
|
|
]
|
|
},
|
|
"type": "radiogroup"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/WireBreakSvg.png"
|
|
},
|
|
{
|
|
"type": "ConnLineSvg",
|
|
"title": "连接线",
|
|
"panel_class": "draw",
|
|
"template": "<line :x1=\"prop_data.extend_attr.startpoint_x.val\" :y1=\"prop_data.extend_attr.startpoint_y.val\" :x2=\"prop_data.extend_attr.endpoint_x.val\" :y2=\"prop_data.extend_attr.endpoint_y.val\" :fill=\"prop_data.extend_attr.color.val\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" :class=\"prop_data.extend_attr.svg_line_ani.val.selectval\"></line>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "颜色",
|
|
"val": "#FF0000",
|
|
"type": "colorinputbox"
|
|
},
|
|
"startpoint_x": {
|
|
"title": "起点x相对坐标",
|
|
"val": 0,
|
|
"type": "numberinputbox"
|
|
},
|
|
"startpoint_y": {
|
|
"title": "起点y相对坐标",
|
|
"val": 0,
|
|
"type": "numberinputbox"
|
|
},
|
|
"endpoint_x": {
|
|
"title": "终点x相对坐标",
|
|
"val": 0,
|
|
"type": "numberinputbox"
|
|
},
|
|
"endpoint_y": {
|
|
"title": "终点y相对坐标",
|
|
"val": 0,
|
|
"type": "numberinputbox"
|
|
},
|
|
"svg_line_ani": {
|
|
"title": "电流效果",
|
|
"val": {
|
|
"selectval": "",
|
|
"selectgroup": [
|
|
{
|
|
"value": "",
|
|
"label": "无"
|
|
},
|
|
{
|
|
"value": "svg_ani_flow",
|
|
"label": "正向"
|
|
},
|
|
{
|
|
"value": "svg_ani_flow_back",
|
|
"label": "反向"
|
|
},
|
|
{
|
|
"value": "svg_ani_flow_stop",
|
|
"label": "停止"
|
|
}
|
|
]
|
|
},
|
|
"type": "select"
|
|
}
|
|
},
|
|
"create_type": "draw",
|
|
"priview_img": "/VerticalLineSvg.png"
|
|
},
|
|
{
|
|
"type": "ConnHorizontalLineSvg",
|
|
"title": "连接线-横线",
|
|
"panel_class": "draw",
|
|
"template": "<line :x1=\"prop_data.extend_attr.startpoint_x.val\" y1=\"0\" :x2=\"prop_data.extend_attr.endpoint_x.val\" y2=\"0\" :fill=\"prop_data.extend_attr.color.val\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" :class=\"prop_data.extend_attr.svg_line_ani.val.selectval\"></line>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "颜色",
|
|
"val": "#FF0000",
|
|
"type": "colorinputbox"
|
|
},
|
|
"startpoint_x": {
|
|
"title": "起点x相对坐标",
|
|
"val": 0,
|
|
"type": "numberinputbox"
|
|
},
|
|
"endpoint_x": {
|
|
"title": "终点x相对坐标",
|
|
"val": 0,
|
|
"type": "numberinputbox"
|
|
},
|
|
"svg_line_ani": {
|
|
"title": "电流效果",
|
|
"val": {
|
|
"selectval": "",
|
|
"selectgroup": [
|
|
{
|
|
"value": "",
|
|
"label": "无"
|
|
},
|
|
{
|
|
"value": "svg_ani_flow",
|
|
"label": "正向"
|
|
},
|
|
{
|
|
"value": "svg_ani_flow_back",
|
|
"label": "反向"
|
|
},
|
|
{
|
|
"value": "svg_ani_flow_stop",
|
|
"label": "停止"
|
|
}
|
|
]
|
|
},
|
|
"type": "select"
|
|
}
|
|
},
|
|
"create_type": "click",
|
|
"priview_img": "/ConnHorizontalLineSvg.png"
|
|
},
|
|
{
|
|
"type": "ConnVerticalLineSvg",
|
|
"title": "连接线-竖线",
|
|
"panel_class": "draw",
|
|
"template": "<line x1=\"0\" :y1=\"prop_data.extend_attr.startpoint_y.val\" x2=\"0\" :y2=\"prop_data.extend_attr.endpoint_y.val\" :fill=\"prop_data.extend_attr.color.val\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"2\" :class=\"prop_data.extend_attr.svg_line_ani.val.selectval\"></line>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "颜色",
|
|
"val": "#FF0000",
|
|
"type": "colorinputbox"
|
|
},
|
|
"startpoint_y": {
|
|
"title": "起点y相对坐标",
|
|
"val": 0,
|
|
"type": "numberinputbox"
|
|
},
|
|
"endpoint_y": {
|
|
"title": "终点y相对坐标",
|
|
"val": 0,
|
|
"type": "numberinputbox"
|
|
},
|
|
"svg_line_ani": {
|
|
"title": "电流效果",
|
|
"val": {
|
|
"selectval": "",
|
|
"selectgroup": [
|
|
{
|
|
"value": "",
|
|
"label": "无"
|
|
},
|
|
{
|
|
"value": "svg_ani_flow",
|
|
"label": "正向"
|
|
},
|
|
{
|
|
"value": "svg_ani_flow_back",
|
|
"label": "反向"
|
|
},
|
|
{
|
|
"value": "svg_ani_flow_stop",
|
|
"label": "停止"
|
|
}
|
|
]
|
|
},
|
|
"type": "select"
|
|
}
|
|
},
|
|
"create_type": "click",
|
|
"priview_img": "/VerticalLineSvg.png"
|
|
},
|
|
{
|
|
"type": "EchartsPieSvg",
|
|
"title": "Echart饼图",
|
|
"panel_class": "chart",
|
|
"template": "<foreignObject x=\"0\" y=\"0\" width=\"600\" height=\"500\"> <v-chart :option=\"JSON.parse(prop_data.extend_attr.echarts_option.val)\" /></foreignObject>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"echarts_option": {
|
|
"title": "饼图数据",
|
|
"val": "{\"title\":{\"text\":\"某站点用户访问来源\",\"subtext\":\"纯属虚构\",\"left\":\"center\"},\"tooltip\":{\"trigger\":\"item\"},\"legend\":{\"orient\":\"vertical\",\"left\":\"left\"},\"series\":[{\"name\":\"访问来源\",\"type\":\"pie\",\"radius\":\"50%\",\"data\":[{\"value\":1048,\"name\":\"搜索引擎\"},{\"value\":735,\"name\":\"直接访问\"},{\"value\":580,\"name\":\"邮件营销\"},{\"value\":484,\"name\":\"联盟广告\"},{\"value\":300,\"name\":\"视频广告\"}],\"emphasis\":{\"itemStyle\":{\"shadowBlur\":10,\"shadowOffsetX\":0,\"shadowColor\":\"rgba(0, 0, 0, 0.5)\"}}}]}",
|
|
"type": "textareainputbox"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/ECharts_PieSvg.png"
|
|
},
|
|
{
|
|
"type": "EchartsBasicBarSvg",
|
|
"title": "Echart基础柱状图",
|
|
"panel_class": "chart",
|
|
"template": "<foreignObject x=\"0\" y=\"0\" width=\"400\" height=\"400\"> <v-chart :option=\"JSON.parse(prop_data.extend_attr.echarts_option.val)\" /></foreignObject>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"echarts_option": {
|
|
"title": "柱状图数据",
|
|
"val": "{\"xAxis\":{\"type\":\"category\",\"data\":[\"Mon\",\"Tue\",\"Wed\",\"Thu\",\"Fri\",\"Sat\",\"Sun\"]},\"yAxis\":{\"type\":\"value\"},\"series\":[{\"data\":[120,200,150,80,70,110,130],\"type\":\"bar\"}]}",
|
|
"type": "textareainputbox"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/ECharts_BasicBar.png"
|
|
},
|
|
{
|
|
"type": "TestAddSvg",
|
|
"title": "测试新增心形",
|
|
"panel_class": "common",
|
|
"template": "<path :fill=\"prop_data.extend_attr.color.val\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"5\" style=\"pointer-events:inherit\" d=\"m143.72081869586242,163.35565803158485 c14.617751633754164,-41.93617271978648 71.89058180534832,0 0,53.91793635401125 c-71.89058180534832,-53.91793635401125 -14.617751633754164,-95.85410907379776 0,-53.91793635401125 z\" fill-opacity=\"1\" stroke-opacity=\"1\" transform=\"translate(-145,-180)\"></path> ",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "心形颜色",
|
|
"val": "#FF0000",
|
|
"type": "colorinputbox"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "http://svg.yaolm.top/test.png"
|
|
},
|
|
{
|
|
"type": "PipelineSvg",
|
|
"title": "管道",
|
|
"panel_class": "draw",
|
|
"template": "<line :x1=\"prop_data.extend_attr.startpoint_x.val\" :y1=\"prop_data.extend_attr.startpoint_y.val\" :x2=\"prop_data.extend_attr.endpoint_x.val\" :y2=\"prop_data.extend_attr.endpoint_y.val\" :stroke=\"prop_data.extend_attr.o_color.val\" :stroke-width=\"prop_data.extend_attr.o_width.val\"></line><line :x1=\"prop_data.extend_attr.startpoint_x.val\" :y1=\"prop_data.extend_attr.startpoint_y.val\" :x2=\"prop_data.extend_attr.endpoint_x.val\" :y2=\"prop_data.extend_attr.endpoint_y.val\" :stroke=\"prop_data.extend_attr.i_color.val\" :stroke-width=\"prop_data.extend_attr.i_width.val\" :class=\"prop_data.extend_attr.svg_line_ani.val.selectval\"></line>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"o_color": {
|
|
"title": "管道颜色",
|
|
"val": "#0a7ae2",
|
|
"type": "colorinputbox"
|
|
},
|
|
"i_color": {
|
|
"title": "水流颜色",
|
|
"val": "#119bfa",
|
|
"type": "colorinputbox"
|
|
},
|
|
"startpoint_x": {
|
|
"title": "起点x相对坐标",
|
|
"val": 0,
|
|
"type": "numberinputbox"
|
|
},
|
|
"startpoint_y": {
|
|
"title": "起点y相对坐标",
|
|
"val": 0,
|
|
"type": "numberinputbox"
|
|
},
|
|
"endpoint_x": {
|
|
"title": "终点x相对坐标",
|
|
"val": 0,
|
|
"type": "numberinputbox"
|
|
},
|
|
"endpoint_y": {
|
|
"title": "终点y相对坐标",
|
|
"val": 0,
|
|
"type": "numberinputbox"
|
|
},
|
|
"o_width": {
|
|
"title": "管道宽度",
|
|
"val": 10,
|
|
"type": "numberinputbox"
|
|
},
|
|
"i_width": {
|
|
"title": "水流宽度",
|
|
"val": 5,
|
|
"type": "numberinputbox"
|
|
},
|
|
"svg_line_ani": {
|
|
"title": "水流效果",
|
|
"val": {
|
|
"selectval": "svg_ani_flow",
|
|
"selectgroup": [
|
|
{
|
|
"value": "",
|
|
"label": "无"
|
|
},
|
|
{
|
|
"value": "svg_ani_flow",
|
|
"label": "正向"
|
|
},
|
|
{
|
|
"value": "svg_ani_flow_back",
|
|
"label": "反向"
|
|
},
|
|
{
|
|
"value": "svg_ani_flow_stop",
|
|
"label": "停止"
|
|
}
|
|
]
|
|
},
|
|
"type": "select"
|
|
}
|
|
},
|
|
"create_type": "draw",
|
|
"priview_img": "/Pipeline_V_Svg.png"
|
|
},
|
|
{
|
|
"type": "Pipeline_H_Svg",
|
|
"title": "管道-横向",
|
|
"panel_class": "draw",
|
|
"template": "<line :x1=\"prop_data.extend_attr.startpoint_x.val\" :y1=\"0\" :x2=\"prop_data.extend_attr.endpoint_x.val\" :y2=\"0\" :stroke=\"prop_data.extend_attr.o_color.val\" :stroke-width=\"prop_data.extend_attr.o_width.val\"></line><line :x1=\"prop_data.extend_attr.startpoint_x.val\" :y1=\"0\" :x2=\"prop_data.extend_attr.endpoint_x.val\" :y2=\"0\" :stroke=\"prop_data.extend_attr.i_color.val\" :stroke-width=\"prop_data.extend_attr.i_width.val\" :class=\"prop_data.extend_attr.svg_line_ani.val.selectval\"></line>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"o_color": {
|
|
"title": "管道颜色",
|
|
"val": "#0a7ae2",
|
|
"type": "colorinputbox"
|
|
},
|
|
"i_color": {
|
|
"title": "水流颜色",
|
|
"val": "#119bfa",
|
|
"type": "colorinputbox"
|
|
},
|
|
"startpoint_x": {
|
|
"title": "起点x相对坐标",
|
|
"val": 0,
|
|
"type": "numberinputbox"
|
|
},
|
|
"endpoint_x": {
|
|
"title": "终点x相对坐标",
|
|
"val": 0,
|
|
"type": "numberinputbox"
|
|
},
|
|
"o_width": {
|
|
"title": "管道宽度",
|
|
"val": 10,
|
|
"type": "numberinputbox"
|
|
},
|
|
"i_width": {
|
|
"title": "水流宽度",
|
|
"val": 5,
|
|
"type": "numberinputbox"
|
|
},
|
|
"svg_line_ani": {
|
|
"title": "水流效果",
|
|
"val": {
|
|
"selectval": "svg_ani_flow",
|
|
"selectgroup": [
|
|
{
|
|
"value": "",
|
|
"label": "无"
|
|
},
|
|
{
|
|
"value": "svg_ani_flow",
|
|
"label": "正向"
|
|
},
|
|
{
|
|
"value": "svg_ani_flow_back",
|
|
"label": "反向"
|
|
},
|
|
{
|
|
"value": "svg_ani_flow_stop",
|
|
"label": "停止"
|
|
}
|
|
]
|
|
},
|
|
"type": "select"
|
|
}
|
|
},
|
|
"create_type": "draw",
|
|
"priview_img": "/Pipeline_H_Svg.png"
|
|
},
|
|
{
|
|
"type": "Pipeline_V_Svg",
|
|
"title": "管道-纵向",
|
|
"panel_class": "draw",
|
|
"template": "<line :x1=\"0\" :y1=\"prop_data.extend_attr.startpoint_y.val\" :x2=\"0\" :y2=\"prop_data.extend_attr.endpoint_y.val\" :stroke=\"prop_data.extend_attr.o_color.val\" :stroke-width=\"prop_data.extend_attr.o_width.val\"></line><line :x1=\"0\" :y1=\"prop_data.extend_attr.startpoint_y.val\" :x2=\"0\" :y2=\"prop_data.extend_attr.endpoint_y.val\" :stroke=\"prop_data.extend_attr.i_color.val\" :stroke-width=\"prop_data.extend_attr.i_width.val\" :class=\"prop_data.extend_attr.svg_line_ani.val.selectval\"></line>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"o_color": {
|
|
"title": "管道颜色",
|
|
"val": "#0a7ae2",
|
|
"type": "colorinputbox"
|
|
},
|
|
"i_color": {
|
|
"title": "水流颜色",
|
|
"val": "#119bfa",
|
|
"type": "colorinputbox"
|
|
},
|
|
"startpoint_y": {
|
|
"title": "起点y相对坐标",
|
|
"val": 0,
|
|
"type": "numberinputbox"
|
|
},
|
|
"endpoint_y": {
|
|
"title": "终点y相对坐标",
|
|
"val": 0,
|
|
"type": "numberinputbox"
|
|
},
|
|
"o_width": {
|
|
"title": "管道宽度",
|
|
"val": 10,
|
|
"type": "numberinputbox"
|
|
},
|
|
"i_width": {
|
|
"title": "水流宽度",
|
|
"val": 5,
|
|
"type": "numberinputbox"
|
|
},
|
|
"svg_line_ani": {
|
|
"title": "水流效果",
|
|
"val": {
|
|
"selectval": "svg_ani_flow",
|
|
"selectgroup": [
|
|
{
|
|
"value": "",
|
|
"label": "无"
|
|
},
|
|
{
|
|
"value": "svg_ani_flow",
|
|
"label": "正向"
|
|
},
|
|
{
|
|
"value": "svg_ani_flow_back",
|
|
"label": "反向"
|
|
},
|
|
{
|
|
"value": "svg_ani_flow_stop",
|
|
"label": "停止"
|
|
}
|
|
]
|
|
},
|
|
"type": "select"
|
|
}
|
|
},
|
|
"create_type": "draw",
|
|
"priview_img": "/Pipeline_V_Svg.png"
|
|
},
|
|
{
|
|
"type": "ReservoirSvg",
|
|
"title": "蓄水池",
|
|
"panel_class": "common",
|
|
"template": "<polyline points=\"10,0 0,0 0,65 100,65 100,0 90,0\" :stroke=\"prop_data.extend_attr.color.val\" stroke-width=\"5\"></polyline><rect transform=\"rotate(180,50 65)\" :class=\"prop_data.extend_attr.svg_fill_ani.val.selectval\" x=\"2.5\" y=\"65\" width=\"95\" height=\"40\" :fill=\"prop_data.extend_attr.f_color.val\"></rect>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "边框颜色",
|
|
"val": "#FFFFFF",
|
|
"type": "colorinputbox"
|
|
},
|
|
"f_color": {
|
|
"title": "填充颜色",
|
|
"val": "#37cfe7",
|
|
"type": "colorinputbox"
|
|
},
|
|
"svg_fill_ani": {
|
|
"title": "填充效果",
|
|
"val": {
|
|
"selectval": "svg_ani_fill_h40",
|
|
"selectgroup": [
|
|
{
|
|
"value": "",
|
|
"label": "无"
|
|
},
|
|
{
|
|
"value": "svg_ani_fill_h40",
|
|
"label": "正向"
|
|
}
|
|
]
|
|
},
|
|
"type": "select"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/ReservoirSvg.png"
|
|
},
|
|
{
|
|
"type": "WaterPipeValveSvg",
|
|
"title": "水管阀",
|
|
"panel_class": "common",
|
|
"template": "<ellipse cx=\"0\" cy=\"-12\" :fill=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" :stroke=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" rx=\"20\" ry=\"2\"/><rect :fill=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" :stroke=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" height=\"9\" width=\"6\" x=\"-2\" y=\"-12\"/><rect :fill=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" :stroke=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" height=\"5\" width=\"19\" x=\"-8\" y=\"-6\"/><rect :fill=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" :stroke=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" height=\"12\" width=\"39\" x=\"-19\" y=\"-1\"/><rect :fill=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" :stroke=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" height=\"20\" width=\"11\" x=\"-30\" y=\"-6\"/><rect :fill=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" :stroke=\"JSON.parse(prop_data.extend_attr.switch.val.selectval).fill\" height=\"20\" width=\"11\" x=\"20\" y=\"-6\"/>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"switch": {
|
|
"title": "类型",
|
|
"val": {
|
|
"selectval": "{\"fill\":\"#FF0000\"}",
|
|
"ridiogroup": [
|
|
{
|
|
"value": "{\"fill\":\"#FF0000\"}",
|
|
"label": "关阀"
|
|
},
|
|
{
|
|
"value": "{\"fill\":\"#00FF00\"}",
|
|
"label": "开阀"
|
|
}
|
|
]
|
|
},
|
|
"type": "radiogroup"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/WaterPipeValveSvg.png"
|
|
},
|
|
{
|
|
"type": "RightAnglePipeSvg",
|
|
"title": "直角管道",
|
|
"panel_class": "common",
|
|
"template": "<path :fill=\"prop_data.extend_attr.color.val\" d=\"m-2.84801,-8.56044l7.8889,0l0,0c4.35692,0 7.8889,3.75583 7.8889,8.38889c0,4.63306 -3.53198,8.38889 -7.8889,8.38889l-7.8889,0l0,-16.77778z\"/><rect :fill=\"prop_data.extend_attr.color.val\" x=\"-16.07021\" y=\"-8.56044\" width=\"15.84921\" height=\"16\" /><rect :fill=\"prop_data.extend_attr.color.val\" x=\"-3.07021\" y=\"1.6548\" width=\"16\" height=\"16\"/>",
|
|
"props": [
|
|
"prop_data"
|
|
],
|
|
"extend_attr": {
|
|
"color": {
|
|
"title": "管道颜色",
|
|
"val": "#0a7ae2",
|
|
"type": "colorinputbox"
|
|
}
|
|
},
|
|
"create_type": "draggable",
|
|
"priview_img": "/RightAnglePipeSvg.png"
|
|
}
|
|
] |