[
{
"type": "AlternatorSvg",
"title": "发电机",
"panel_class": "common",
"template": "",
"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": "",
"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": "",
"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": "",
"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": " ",
"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": " ",
"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": " ",
"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": " ",
"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": " ",
"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": " ",
"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": "",
"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": " ",
"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": " ",
"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": "",
"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": "{{prop_data.extend_attr.text.val}}",
"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": " ",
"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": " ",
"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": " ",
"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": " ",
"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": "",
"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": "",
"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": "",
"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": " ",
"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": " ",
"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": " ",
"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": "",
"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": "",
"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": "",
"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": "",
"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": "",
"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": "",
"props": [
"prop_data"
],
"extend_attr": {
"color": {
"title": "管道颜色",
"val": "#0a7ae2",
"type": "colorinputbox"
}
},
"create_type": "draggable",
"priview_img": "/RightAnglePipeSvg.png"
},
{
"type": "CoolingTowerSvg",
"title": "冷却塔",
"panel_class": "common",
"template": "",
"props": [
"prop_data"
],
"extend_attr": {
"color": {
"title": "冷却塔颜色",
"val": "#E6EEFAFF",
"type": "colorinputbox"
}
},
"create_type": "draggable",
"priview_img": "/CoolingTowerSvg.png"
},
{
"type": "ChemicalFeederSvg",
"title": "化学加料器",
"panel_class": "common",
"template": "",
"props": [
"prop_data"
],
"extend_attr": {
"color": {
"title": "化学加料器",
"val": "#E6EEFAFF",
"type": "colorinputbox"
}
},
"create_type": "draggable",
"priview_img": "/ChemicalFeederSvg.png"
},
{
"type": "RectangleSvg",
"title": "矩形",
"panel_class": "common",
"template": "",
"props": [
"prop_data"
],
"extend_attr": {
"width": {
"title": "矩形宽度",
"val": 80,
"type": "numberinputbox"
},
"height": {
"title": "矩形高度",
"val": 30,
"type": "numberinputbox"
},
"fill_color": {
"title": "填充颜色",
"val": "#000000",
"type": "colorinputbox"
},
"stroke_width": {
"title": "边框宽度",
"val": 2,
"type": "numberinputbox"
},
"stroke_color": {
"title": "边框颜色",
"val": "#FFFFFF",
"type": "colorinputbox"
}
},
"create_type": "draggable",
"priview_img": "/RectangleSvg.png"
}
]