From 6401b51995f0f86839a079152859e8197a67a7f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=92=AC=E8=BD=AE=E7=8C=AB?= <10928033@qq.com>
Date: Mon, 16 Jan 2023 22:12:08 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E9=9A=90=E8=97=8F?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=20=E8=B0=83=E6=95=B4=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../webtopo-svgedit/components/center-panel/index.vue          | 1 +
 .../webtopo-svgedit/components/right-panel/index.vue           | 3 +++
 .../{ => svg-file}/custom-svg/custom-svg-text/index.ts         | 1 +
 src/config-center/{ => svg-file}/custom-svg/index.ts           | 2 +-
 src/config-center/svg-file/have-animation/reservoir/index.ts   | 1 +
 src/config-center/svg-file/index.ts                            | 2 +-
 src/config-center/svg-file/stateful/circuit-breaker/index.ts   | 1 +
 src/config-center/svg-file/stateless/alternator/index.ts       | 1 +
 .../svg-file/stateless/traction-transformer/index.ts           | 1 +
 src/config-center/system/index.ts                              | 2 ++
 src/config-center/types.ts                                     | 1 +
 src/config-center/vue/custom-vue/common-table/index.ts         | 1 +
 src/config-center/vue/echarts/pie-charts/index.ts              | 1 +
 src/config-center/vue/element-ui/button/index.ts               | 1 +
 src/config-center/vue/element-ui/tag/index.ts                  | 1 +
 15 files changed, 18 insertions(+), 2 deletions(-)
 rename src/config-center/{ => svg-file}/custom-svg/custom-svg-text/index.ts (98%)
 rename src/config-center/{ => svg-file}/custom-svg/index.ts (78%)

diff --git a/src/components/webtopo-svgedit/components/center-panel/index.vue b/src/components/webtopo-svgedit/components/center-panel/index.vue
index 21e5c0f..9b6d7c5 100644
--- a/src/components/webtopo-svgedit/components/center-panel/index.vue
+++ b/src/components/webtopo-svgedit/components/center-panel/index.vue
@@ -27,6 +27,7 @@
           v-for="(item, index) in globalStore.done_json"
           :key="item.id"
           :transform="`translate(${item.x},${item.y})rotate(0)scale(1)`"
+          v-show="item.display"
         >
           <g
             :transform="`translate(${item.actual_bound.x + item.actual_bound.width / 2},${
diff --git a/src/components/webtopo-svgedit/components/right-panel/index.vue b/src/components/webtopo-svgedit/components/right-panel/index.vue
index 89e3d95..3ee3b22 100644
--- a/src/components/webtopo-svgedit/components/right-panel/index.vue
+++ b/src/components/webtopo-svgedit/components/right-panel/index.vue
@@ -42,6 +42,9 @@
             <el-form-item label="y轴坐标" size="small">
               <el-input-number v-model="globalStore.handle_svg_info.info.y"></el-input-number>
             </el-form-item>
+            <el-form-item label="显示" size="small">
+              <el-switch v-model="globalStore.handle_svg_info.info.display"></el-switch>
+            </el-form-item>
             <el-form-item
               :label="globalStore.handle_svg_info.info.state?.OnOff.title"
               size="small"
diff --git a/src/config-center/custom-svg/custom-svg-text/index.ts b/src/config-center/svg-file/custom-svg/custom-svg-text/index.ts
similarity index 98%
rename from src/config-center/custom-svg/custom-svg-text/index.ts
rename to src/config-center/svg-file/custom-svg/custom-svg-text/index.ts
index 59a6f66..773b294 100644
--- a/src/config-center/custom-svg/custom-svg-text/index.ts
+++ b/src/config-center/svg-file/custom-svg/custom-svg-text/index.ts
@@ -5,6 +5,7 @@ export const custom_svg_text: IConfigItem = {
   title: '文字',
   tag: 'custom-svg-text',
   type: EDoneJsonType.CustomSvg,
+  display: true,
   config: {
     can_zoom: true,
     have_anchor: true,
diff --git a/src/config-center/custom-svg/index.ts b/src/config-center/svg-file/custom-svg/index.ts
similarity index 78%
rename from src/config-center/custom-svg/index.ts
rename to src/config-center/svg-file/custom-svg/index.ts
index 4e23fcb..f6c83fe 100644
--- a/src/config-center/custom-svg/index.ts
+++ b/src/config-center/svg-file/custom-svg/index.ts
@@ -1,4 +1,4 @@
-import { IConfigComponentGroup } from '../types';
+import { IConfigComponentGroup } from '../../types';
 import { custom_svg_text } from './custom-svg-text';
 
 export const custom_svg_group: IConfigComponentGroup = {
diff --git a/src/config-center/svg-file/have-animation/reservoir/index.ts b/src/config-center/svg-file/have-animation/reservoir/index.ts
index b9a839e..8560009 100644
--- a/src/config-center/svg-file/have-animation/reservoir/index.ts
+++ b/src/config-center/svg-file/have-animation/reservoir/index.ts
@@ -9,6 +9,7 @@ export const reservoir_svg_file: IConfigItem = {
     have_anchor: true,
     actual_rect: true
   },
+  display: true,
   props: {
     fill: {
       title: '水流颜色',
diff --git a/src/config-center/svg-file/index.ts b/src/config-center/svg-file/index.ts
index 5651279..88b7e88 100644
--- a/src/config-center/svg-file/index.ts
+++ b/src/config-center/svg-file/index.ts
@@ -2,7 +2,7 @@ import { IConfigComponentGroup } from '../types';
 import { stateful_group } from './stateful';
 import { stateless_group } from './stateless';
 import { have_animation_group } from './have-animation';
-import { custom_svg_group } from '../custom-svg';
+import { custom_svg_group } from './custom-svg';
 
 export const svgfile_config_center: IConfigComponentGroup[] = Object.seal([
   stateful_group,
diff --git a/src/config-center/svg-file/stateful/circuit-breaker/index.ts b/src/config-center/svg-file/stateful/circuit-breaker/index.ts
index 09bcca7..abe4562 100644
--- a/src/config-center/svg-file/stateful/circuit-breaker/index.ts
+++ b/src/config-center/svg-file/stateful/circuit-breaker/index.ts
@@ -9,6 +9,7 @@ export const circuit_breaker_svg_file: IConfigItem = {
     have_anchor: true,
     actual_rect: true
   },
+  display: true,
   props: {},
   state: {
     OnOff: {
diff --git a/src/config-center/svg-file/stateless/alternator/index.ts b/src/config-center/svg-file/stateless/alternator/index.ts
index 1e52e93..6918b22 100644
--- a/src/config-center/svg-file/stateless/alternator/index.ts
+++ b/src/config-center/svg-file/stateless/alternator/index.ts
@@ -9,6 +9,7 @@ export const alternator_svg_file: IConfigItem = {
     have_anchor: true,
     actual_rect: true
   },
+  display: true,
   props: {
     fill: {
       title: '填充色',
diff --git a/src/config-center/svg-file/stateless/traction-transformer/index.ts b/src/config-center/svg-file/stateless/traction-transformer/index.ts
index 3958f35..73aae3f 100644
--- a/src/config-center/svg-file/stateless/traction-transformer/index.ts
+++ b/src/config-center/svg-file/stateless/traction-transformer/index.ts
@@ -9,6 +9,7 @@ export const traction_transformer_svg_file: IConfigItem = {
     have_anchor: true,
     actual_rect: true
   },
+  display: true,
   props: {
     fill: {
       title: '填充色',
diff --git a/src/config-center/system/index.ts b/src/config-center/system/index.ts
index 7291fb7..1b64ac5 100644
--- a/src/config-center/system/index.ts
+++ b/src/config-center/system/index.ts
@@ -10,6 +10,7 @@ export const straight_line_system: ISystemStraightLine = Object.seal({
     have_anchor: false,
     actual_rect: false
   },
+  display: true,
   props: {
     fill: {
       title: '填充色',
@@ -51,6 +52,7 @@ export const connection_line_system: ISystemStraightLine = Object.freeze({
     have_anchor: false,
     actual_rect: false
   },
+  display: true,
   props: {
     stroke: {
       title: '线条颜色',
diff --git a/src/config-center/types.ts b/src/config-center/types.ts
index d3f4514..cd5ceb0 100644
--- a/src/config-center/types.ts
+++ b/src/config-center/types.ts
@@ -18,6 +18,7 @@ export interface IConfigCenter {
 export interface IConfigItem {
   name: string;
   title: string;
+  display: boolean;
   props: IConfigItemProps;
   type: EDoneJsonType;
   config: IDoneJsonConfig;
diff --git a/src/config-center/vue/custom-vue/common-table/index.ts b/src/config-center/vue/custom-vue/common-table/index.ts
index d42bbd9..4701e91 100644
--- a/src/config-center/vue/custom-vue/common-table/index.ts
+++ b/src/config-center/vue/custom-vue/common-table/index.ts
@@ -10,6 +10,7 @@ export const custom_vue_common_table: IConfigItem = {
     have_anchor: true,
     actual_rect: true
   },
+  display: true,
   props: {
     'col-config': {
       title: '列配置',
diff --git a/src/config-center/vue/echarts/pie-charts/index.ts b/src/config-center/vue/echarts/pie-charts/index.ts
index fec931d..79689ff 100644
--- a/src/config-center/vue/echarts/pie-charts/index.ts
+++ b/src/config-center/vue/echarts/pie-charts/index.ts
@@ -10,5 +10,6 @@ export const pie_charts: IConfigItem = {
     have_anchor: true,
     actual_rect: true
   },
+  display: true,
   props: {}
 };
diff --git a/src/config-center/vue/element-ui/button/index.ts b/src/config-center/vue/element-ui/button/index.ts
index e6c2ee2..5899721 100644
--- a/src/config-center/vue/element-ui/button/index.ts
+++ b/src/config-center/vue/element-ui/button/index.ts
@@ -10,6 +10,7 @@ export const el_button_vue: IConfigItem = {
     have_anchor: true,
     actual_rect: true
   },
+  display: true,
   props: {
     size: {
       title: '尺寸',
diff --git a/src/config-center/vue/element-ui/tag/index.ts b/src/config-center/vue/element-ui/tag/index.ts
index d7b268c..eb585f4 100644
--- a/src/config-center/vue/element-ui/tag/index.ts
+++ b/src/config-center/vue/element-ui/tag/index.ts
@@ -10,6 +10,7 @@ export const el_tag_vue: IConfigItem = {
     have_anchor: true,
     actual_rect: true
   },
+  display: true,
   props: {
     type: {
       title: '类型',