From dab59686815f00900f9c3d04662e4045aede243d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=92=AC=E8=BD=AE=E7=8C=AB?= <10928033@qq.com>
Date: Fri, 13 Jan 2023 22:58:55 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E8=87=AA=E5=B8=A6?=
 =?UTF-8?q?=E5=8A=A8=E7=94=BBdemo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/svgs/reservoir.svg                 |  7 +++++++
 .../components/connection-panel/index.vue     |  4 ++--
 .../components/left-panel/index.vue           |  2 +-
 src/config-center/index.ts                    |  4 ++--
 .../svg-file/have-animation/index.ts          |  8 ++++++++
 .../have-animation/reservoir/index.ts         | 19 +++++++++++++++++++
 src/config-center/svg-file/index.ts           |  6 ++++--
 .../{svg-file => }/system/index.ts            |  0
 .../{svg-file => }/system/types.ts            |  0
 src/utils/index.ts                            |  2 +-
 10 files changed, 44 insertions(+), 8 deletions(-)
 create mode 100644 src/assets/svgs/reservoir.svg
 create mode 100644 src/config-center/svg-file/have-animation/index.ts
 create mode 100644 src/config-center/svg-file/have-animation/reservoir/index.ts
 rename src/config-center/{svg-file => }/system/index.ts (100%)
 rename src/config-center/{svg-file => }/system/types.ts (100%)

diff --git a/src/assets/svgs/reservoir.svg b/src/assets/svgs/reservoir.svg
new file mode 100644
index 0000000..b45af15
--- /dev/null
+++ b/src/assets/svgs/reservoir.svg
@@ -0,0 +1,7 @@
+<svg t="1673619783393" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5654" width="200" height="200">
+	<rect x="0" y="155" width="1000" height="600" fill="#000000" stroke="#FFFFFF" stroke-width="4"></rect>
+	<line x1="80" y1="150" x2="920" y2="150" stroke="#000000" stroke-width="90"></line>
+	<rect transform="rotate(180,500,360)" x="20" y="0" width="960" height="400">
+		<animate attributeName="height" from="0" to="400" dur="5s" repeatCount="indefinite"/> 
+	</rect>
+</svg>
\ No newline at end of file
diff --git a/src/components/webtopo-svgedit/components/connection-panel/index.vue b/src/components/webtopo-svgedit/components/connection-panel/index.vue
index 030eece..dece2b2 100644
--- a/src/components/webtopo-svgedit/components/connection-panel/index.vue
+++ b/src/components/webtopo-svgedit/components/connection-panel/index.vue
@@ -51,8 +51,8 @@
 </template>
 <script lang="ts" setup>
   // import { IConfigItem } from '@/config-center/types';
-  import { straight_line_system, connection_line_system } from '@/config-center/svg-file/system';
-  import { ELineBindAnchors, ISystemStraightLine } from '@/config-center/svg-file/system/types';
+  import { straight_line_system, connection_line_system } from '@/config-center/system';
+  import { ELineBindAnchors, ISystemStraightLine } from '@/config-center/system/types';
   import { useConfigStore } from '@/store/config';
   import { PropType, ref } from 'vue';
   import { useGlobalStore } from '@/store/global';
diff --git a/src/components/webtopo-svgedit/components/left-panel/index.vue b/src/components/webtopo-svgedit/components/left-panel/index.vue
index 3190946..cdda771 100644
--- a/src/components/webtopo-svgedit/components/left-panel/index.vue
+++ b/src/components/webtopo-svgedit/components/left-panel/index.vue
@@ -57,7 +57,7 @@
   const globalStore = useGlobalStore();
   const select_lib = ref('svg文件');
   const config_center = ref<IConfigComponentGroup[]>(globalStore.config_center.svg文件);
-  const activeNames = ref(['stateful', 'stateless']);
+  const activeNames = ref(['stateful', 'stateless', 'have_animation']);
   const libChange = (val: any) => {
     config_center.value = [];
     config_center.value = val;
diff --git a/src/config-center/index.ts b/src/config-center/index.ts
index ee851b8..5e8e0c3 100644
--- a/src/config-center/index.ts
+++ b/src/config-center/index.ts
@@ -1,8 +1,8 @@
-import { power_system_config_center } from './svg-file';
+import { svgfile_config_center } from './svg-file';
 import { IConfigCenter } from './types';
 
 export const configCenter: IConfigCenter = {
-  svg文件: power_system_config_center,
+  svg文件: svgfile_config_center,
   vue组件: [],
   自定义组件: [],
   图表: []
diff --git a/src/config-center/svg-file/have-animation/index.ts b/src/config-center/svg-file/have-animation/index.ts
new file mode 100644
index 0000000..648291f
--- /dev/null
+++ b/src/config-center/svg-file/have-animation/index.ts
@@ -0,0 +1,8 @@
+import { IConfigComponentGroup } from '../../types';
+import { reservoir_svg_file } from './reservoir';
+
+export const have_animation_group: IConfigComponentGroup = {
+  groupType: 'have_animation',
+  title: '自带动画',
+  list: [reservoir_svg_file]
+};
diff --git a/src/config-center/svg-file/have-animation/reservoir/index.ts b/src/config-center/svg-file/have-animation/reservoir/index.ts
new file mode 100644
index 0000000..c4d3741
--- /dev/null
+++ b/src/config-center/svg-file/have-animation/reservoir/index.ts
@@ -0,0 +1,19 @@
+import { EConfigItemPropsType, EDoneJsonType, IConfigItem } from '../../../types';
+
+export const reservoir_svg_file: IConfigItem = {
+  name: 'reservoir',
+  title: '蓄水池',
+  type: EDoneJsonType.File,
+  config: {
+    can_zoom: true,
+    have_anchor: true,
+    actual_rect: true
+  },
+  props: {
+    fill: {
+      title: '水流颜色',
+      type: EConfigItemPropsType.Color,
+      val: '#37cfe7'
+    }
+  }
+};
diff --git a/src/config-center/svg-file/index.ts b/src/config-center/svg-file/index.ts
index 54c6fb6..b793020 100644
--- a/src/config-center/svg-file/index.ts
+++ b/src/config-center/svg-file/index.ts
@@ -1,8 +1,10 @@
 import { IConfigComponentGroup } from '../types';
 import { stateful_group } from './stateful';
 import { stateless_group } from './stateless';
+import { have_animation_group } from './have-animation';
 
-export const power_system_config_center: IConfigComponentGroup[] = Object.seal([
+export const svgfile_config_center: IConfigComponentGroup[] = Object.seal([
   stateful_group,
-  stateless_group
+  stateless_group,
+  have_animation_group
 ]);
diff --git a/src/config-center/svg-file/system/index.ts b/src/config-center/system/index.ts
similarity index 100%
rename from src/config-center/svg-file/system/index.ts
rename to src/config-center/system/index.ts
diff --git a/src/config-center/svg-file/system/types.ts b/src/config-center/system/types.ts
similarity index 100%
rename from src/config-center/svg-file/system/types.ts
rename to src/config-center/system/types.ts
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 5a8f7f1..8c958f3 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,4 +1,4 @@
-import { ELineBindAnchors } from '@/config-center/svg-file/system/types';
+import { ELineBindAnchors } from '@/config-center/system/types';
 import type { IDoneJson } from '@/store/global/types';
 
 /**