From 8539707f50610c8eb4ae7ef7151e1b7eec5721f6 Mon Sep 17 00:00:00 2001
From: zttProjectSpace <zhangtantan@h-partners.com>
Date: Tue, 21 Jan 2025 11:32:45 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=B0=83=E8=AF=95=E5=BC=B9?=
 =?UTF-8?q?=E6=A1=86=E5=92=8C=E8=B0=83=E8=AF=95=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/debugBtn.png                | Bin 0 -> 1279 bytes
 src/assets/images/debugBtnDis.png             | Bin 0 -> 1210 bytes
 .../createapp/components/CustomControl.vue    |   4 +-
 src/views/createapp/components/workFlow.vue   |  89 ++++++------------
 .../workFlowConfig/CustomSaENode.vue          |   5 +
 .../components/workFlowConfig/useLayout.js    |   6 +-
 .../createapp/components/workFlowDebug.vue    |  36 +++++++
 src/views/createapp/index.vue                 |   2 +-
 .../style.scss => styles/createApp.scss}      |   0
 .../workFlowArrange.scss}                     |  49 ++++++++++
 src/views/styles/workFlowDebug.scss           |  66 +++++++++++++
 11 files changed, 194 insertions(+), 63 deletions(-)
 create mode 100644 src/assets/images/debugBtn.png
 create mode 100644 src/assets/images/debugBtnDis.png
 create mode 100644 src/views/createapp/components/workFlowDebug.vue
 rename src/views/{createapp/style.scss => styles/createApp.scss} (100%)
 rename src/views/{createapp/components/workFlowStyle.scss => styles/workFlowArrange.scss} (75%)
 create mode 100644 src/views/styles/workFlowDebug.scss

diff --git a/src/assets/images/debugBtn.png b/src/assets/images/debugBtn.png
new file mode 100644
index 0000000000000000000000000000000000000000..cd9e7e5e8578dc8370129bbf7d57f92f9df21e19
GIT binary patch
literal 1279
zcmV<b1OWSqP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00004b3#c}2nYxW
zd<bNS000EGNkl<Zc%1E<K~Eb;7>1uUO@dkoEs+sMMg=uOs(nb4RV6DDihC|nE>tKv
z^w2{OoYG%V_yysV1J_DH2riLw%E<@`t=g{Js9INwh)BiCP*#wDA%di2dRWi07z4)a
z?u6jyVtdy+e&^kp@0<Os(WqedkA*Dn$f9wpd?;J_oim4E6rf-49jQE}`9I8>3nOU!
z9FZ(F2uA%zcm`B-KG)XT{2<=mGSu-|%QfH&D$F_q2;ez_In!EP+j+aY?)A@Sf(H9L
z|7mOUQ0i*uZ3K4}2@eG!m@xldTz>Or_b2y&Yl3S)en9|Syx4UA>vZ?`LU2W)*3i&2
zR;~Hv;a8>YN%sKX#AeNf5dZ|E`j_3EA8O|Tgy2f*YUgbr2f#bBF?sURg{C%5<BlS2
z(IL3o*4q340F7HQIrsH+ce_$y5fX228Ite45rD=`C2AB<&TN2h3gD)?^Mcn`zX4}0
z&z}abud$=PbslIKpjv=x8V0BqpqhpOss*U#BNabtm=*x`k^?|85ht1GAlVg<TuY<|
z*hL3>X$8Y995@aIl3j5!H`0+B5t#vY(P8>=&ikCvQzR1|?zyrlcF|$Fm}77t8<`1_
z8DQkyVV}`cWc2jDbIGna89j|*S{P;lBX2R-m5oGKBtg(HE$pJ>b@VVYx;y;sqT|Jh
zu!+O~8SFAQ4)44qnTR$J1~vuc9jg}2-5^(<2KidsD;yXtcG1DeTO<=lkED|jm;v^Z
z<3;mo^Bne!s0SGzAlOl&$%^pJuX;}1*glcIlvZ!Yy?BtfyfzLq_oU4I`2q+y3rJ!9
zl$Pr2A=TGYS9?!#zfpMh0wA<CLZBnSkAF0rmZ0vspHN1CA2+YN23&6an9Hr7oap+E
z(iR(~*Irv;5y?X6hdbZab=}zbRKQ9Oa_*l7&%FVGOaa5RywzS9_#dJqK`n*?F<@^I
z6b@mw9f$#g1KFw~tKB(2hH2GQ2pJs69yk`%dLXbYP>&!tO%}NK<9C6#T`QpmK`FeR
zAuO*6yD;+JW&wL?1qlD~I9vmS`|@Pw*Arj5QQ88a@a&%;6&)ZH0}Rt*Y<$W~jT@!c
zCz=L^X?Y#rC~diIg_H>bH^Bc8<UYit+~fJ$OI-5$RNv=b448hLJ2tD-LvRI=Dpg;(
zP?76|vGJ)RpX~f?_`fGjm2CuBH4d;M<OZ#39UL6U?p1uv0``)#FSyB-q(Ace+sNo?
zl8KIeg^{2Lv>qTUzlTvvjo`Sud)#l-imV5ORuDM~`417`jfSZI8VkK3aums~xRU<?
ztMT40grcHhfNBA%X&9hdfNB~Bs1~3azX3v-is<qB>NnuI0wJpK`WmCWePre3=2KN_
zB1bSM-+Cj!S=*dcqb7PxYjF(#!DtM@48VG6dl-#}N|i-`5KQd6-CdWTW5miks32RI
zUw))%tg4X~KAOgA-dg-u?vv`*dq-mZ*L!nvZ|$qn_T=w>E&d_|6KbV~fW|{>etCH3
zzukL)x1YHB)>*;mr3+1Mdb+#4yqW6EZk=6ux%t#t+nii4Z4V<if>&;xm7MF%(|)|&
pq#uSEIRFGR#K`qu@6Gv7{tu_74x>Zt{j>l8002ovPDHLkV1gjGUQ+-7

literal 0
HcmV?d00001

diff --git a/src/assets/images/debugBtnDis.png b/src/assets/images/debugBtnDis.png
new file mode 100644
index 0000000000000000000000000000000000000000..b92a4232f10a32a0e6c0af1c9f9b10ad5b80c595
GIT binary patch
literal 1210
zcmV;r1V#IaP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00004b3#c}2nYxW
zd<bNS000DWNkl<Zc%1E<-)`Dg9LK+QU=+JDEeNz_NE^zOEmNi5O-gSHPq52qz1Rcf
zYI}l(C)izIU{a%8?g>h7+UrV@x+0ON5@}N-Tg9qPU6Xhh_?#T5NeDfElEOzqF@_wz
zzwi0~vyO%d9zT0g2T%uaKe<(({LVF`2>^}Fjh)F4H1^HoXD@aD{3S(_I-0Bz)PRZL
zTgHvt!(zeQDp>iunx?H`!mMjR9LI47y8g7?dF@8SlRnPkqb6v;c<|=U+*a+|%CCsy
z2MR=sWcTI4@o_X9{+YaQHa0hQhygJGWHXt+e_H$c_c%sLnM{Fb8k~cp-nRcf+)HjX
zR+8GU18DyI!|Hbceo-Y*0>*9YW@I~_1K@iAuXOTBHnUOy@S7@S(um^+#*N&=<lTK8
zN#9>zTP><nC6{8s+#=Vs1>p4bo)R?*C|LQs$z`1ykW6(80UN8%-dCVS6*N};yl*W6
zO9NC3P|eZ+)dEzrG(fcg)nrussO@+F0Dlky0L*-D^fGeNwMaF<4?_5ZkQ%_=2LRK^
zp;EM@8X?U9KL~Ny?a}v@k_9tA3Y3`Q2O$oF9%|LHG!vv5V7sGQuaqoQO4itCrjbLX
zWWjd4(aZHvGs;qQNf`u5?UF#JQ7Mg@zaM<sO++EZ05aHBiqnH9kZvIhZe4)XSlVb#
z207dH0C)ECCR>Xigs@!?X8!z^bQ!oA;15C?Xj(r9&WxA`GClx&TM0J<YSr@DAm(`R
z2O*u(YSsA%G*asqnL96BX8|INoziYu25wvCT;+9-UA*%G0OHmN+^0cOL!>3V^8y;g
z=awk~Ve0^50sv&QEBGpVxu5zN4G~2rv@B6bSqS}D`)02H+i!O{EBTa#-wiIj0bIHO
znf64%ZlVah7DHSNU>89m5Lq@C18UWBs>rmOW3e4?rbI~ELW<XVfZHrEk03Hl-dV45
zFMC#m4uVAZJWZI*5{cx>&H`+{P$Xgvh(~|AZ)e;CGklDO0Pxw%=!+0yfbDqLZ+B@e
zM$yTox&hfk03##z+g)KZ0e1t~eLK5}AvwWW%K(5|mO;mW!*1`wS!EvhB}7uPz9e|E
zPS|gE&)wOvWsI3eatuisJhR4JGeSW6)-^3z!VYfa-q`a2rVNroXA>j5;AQ|3Ijv?U
zlO=2*YzBB*?V3goHKR<k%e>&a9ll5yX&vMV5dhj6W_>hv<ugLFU>a(k1Ez6h7ecaF
z8lYN$YL*757NDA?0jdS4hBY8orb0e6R%$>T#~n3V<ip0Q184z2-y1wvB}h8D{*+#l
z3%Bp@rGNX&quqH;QdCVHz!LxnK7`xQv`6Y>Nn<xTLkNKB0s!iVNA|y(21ki331}Le
zmj`d&A~`43*xcCB8=D&~Bxh^=_u<}uoj3mg*i|P}5SsSr;HbA94Nv|^?lghvM`xSa
z%t~Q>ZMBHg(|gzX=xpB`Ja_y4UhpB@#@Rve@uRbZg+4sZk{AJe8D_MSzfS<Pk}gmA
YACLzFc<nTK(EtDd07*qoM6N<$f-RXN(EtDd

literal 0
HcmV?d00001

diff --git a/src/views/createapp/components/CustomControl.vue b/src/views/createapp/components/CustomControl.vue
index 5d4b5462..adb8d13d 100644
--- a/src/views/createapp/components/CustomControl.vue
+++ b/src/views/createapp/components/CustomControl.vue
@@ -2,7 +2,7 @@
   <div class="controlBox">
     <div class="controlSearch"><IconSearch /></div>
     <div class="controlScaleNumber">
-      {{ `${zommChangeValue * 100}%` }}
+      {{ `${Number((zommChangeValue * 100).toFixed(0))}%` }}
     </div>
     <el-dropdown placement="top" @visible-change="handleVisibleChange" popper-class="controlChange" class="controlBtn">
       <span class="el-dropdown-link">
@@ -47,7 +47,7 @@ const props = withDefaults(defineProps<ControlProps>(), {});
 const zommChangeValue = ref(1);
 const dropDownVisible = ref(false);
 const handleSacl = zoomValue => {
-  zommChangeValue.value = zoomValue;
+  zommChangeValue.value = Number(zoomValue.toFixed(0));
   props.handleChangeZoom(zoomValue);
 };
 const handleVisibleChange = visible => {
diff --git a/src/views/createapp/components/workFlow.vue b/src/views/createapp/components/workFlow.vue
index 24290547..82c27493 100644
--- a/src/views/createapp/components/workFlow.vue
+++ b/src/views/createapp/components/workFlow.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import './workFlowStyle.scss';
-import { nextTick, ref } from 'vue';
+import '../../styles/workFlowArrange.scss';
+import { nextTick, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { ElTooltip } from 'element-plus';
 import { VueFlow, useVueFlow, Panel } from '@vue-flow/core';
@@ -12,6 +12,7 @@ import CustomControl from './CustomControl.vue';
 import CustomSaENode from './workFlowConfig/CustomSaENode.vue';
 import useDragAndDrop from './workFlowConfig/useDnD';
 import WorkFlowDialog from './workFlowConfig/workFlowDialog.vue';
+import WorkFlowDebug from './workFlowDebug.vue';
 import { useLayout } from './workFlowConfig/useLayout';
 import { IconSearch, IconCaretRight, IconCaretDown, IconPlusCircle } from '@computing/opendesign-icons';
 import EditYamlDrawer from './workFlowConfig/yamlEditDrawer.vue';
@@ -28,16 +29,17 @@ const editData = ref();
 const dialogType = ref('');
 const isEditYaml = ref(false);
 const flowZoom = ref(1);
+const debugDialogVisible = ref(false)
 const isNodeAndLineConnect = ref(false);
 const emits = defineEmits(['validateConnect']);
-function hanleAsideVisible(): void {
+const hanleAsideVisible = () => {
   if (!copilotAside.value) return;
   if (isCopilotAsideVisible.value) {
     isCopilotAsideVisible.value = false;
   } else {
     isCopilotAsideVisible.value = true;
   }
-}
+};
 
 const { onConnect, addEdges, getNodes, getEdges, findNode, removeNodes, setViewport, getViewport, fitView } =
   useVueFlow();
@@ -155,11 +157,7 @@ const handleZommOnScroll = () => {
 };
 
 async function layoutGraph(direction) {
-  nodes.value = layout(nodes.value, edges.value, direction);
-
-  nextTick(() => {
-    fitView();
-  });
+  nodes.value = layout(getNodes.value, getEdges.value, direction);
 }
 
 const nodeAndLineConnection = () => {
@@ -198,6 +196,11 @@ const dropFunc = e => {
   // 添加节点时-判断节点是否都连接
   nodeAndLineConnection();
 };
+
+const handleDebugDialogOps = (visible)=>{
+  debugDialogVisible.value = visible
+}
+
 </script>
 <template>
   <div class="workFlowContainer" @drop="dropFunc">
@@ -252,7 +255,7 @@ const dropFunc = e => {
     <div class="workFlowContainerRight">
       <VueFlow
         :nodes="nodes"
-        :default-viewport="{ zoom: 1 }"
+        :default-viewport="{ zoom: 0.8 }"
         :min-zoom="0.5"
         :max-zoom="4"
         class="my-diagram-class"
@@ -284,23 +287,26 @@ const dropFunc = e => {
         <template #connection-line="props">
           <CustomEdge v-bind="props" />
         </template>
+
+        <WorkFlowDebug v-if="debugDialogVisible" :handleDebugDialogOps="handleDebugDialogOps"/>
+      </VueFlow>
+      <div class="workFlowOps">
         <div class="workFlowSelect">
-          <el-select>
-            <el-option></el-option>
+          <el-select v-model="workFlowItem" placeholder="请选择" :suffix-icon="IconCaretDown">
+            <template #footer class="selectFooter">
+              <div class="addWorkFlow" @click="addWorkFlow">
+                <el-icon>
+                  <IconPlusCircle></IconPlusCircle>
+                </el-icon>
+                <span>新建工作流</span>
+              </div>
+            </template>
           </el-select>
         </div>
-      </VueFlow>
-      <div class="workFlowSelect">
-        <el-select v-model="workFlowItem" placeholder="请选择" :suffix-icon="IconCaretDown">
-          <template #footer class="selectFooter">
-            <div class="addWorkFlow" @click="addWorkFlow">
-              <el-icon>
-                <IconPlusCircle></IconPlusCircle>
-              </el-icon>
-              <span>新建工作流</span>
-            </div>
-          </template>
-        </el-select>
+        <div class="debugBtn" @click="handleDebugDialogOps(true)">
+          <img :src="debugDialogVisible ? 'src/assets/images/debugBtnDis.png' : 'src/assets/images/debugBtn.png'" />
+        </div>
+        <div class="debugStatus"></div>
       </div>
     </div>
     <WorkFlowDialog
@@ -312,38 +318,3 @@ const dropFunc = e => {
   </div>
   <EditYamlDrawer v-if="isEditYaml" @closeDrawer="closeDrawer"></EditYamlDrawer>
 </template>
-<style lang="scss" scoped>
-.stancesItem {
-  width: 264px;
-  height: 32px;
-  line-height: 32px;
-  background-color: var(--o-bash-bg);
-  color: var(--o-text-color-primary);
-  margin-bottom: 8px;
-  padding-left: 16px;
-  border-radius: 4px;
-}
-.workFlowContainerRight {
-  position: relative;
-  .workFlowSelect {
-    position: absolute;
-    left: 24px;
-    top: 24px;
-    display: block;
-    width: 180px;
-    height: 32px;
-    .el-select {
-      width: 144px;
-      height: 32px;
-    }
-  }
-}
-.addWorkFlow {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  .el-icon {
-    color: var(--o-text-color-tertiary);
-  }
-}
-</style>
diff --git a/src/views/createapp/components/workFlowConfig/CustomSaENode.vue b/src/views/createapp/components/workFlowConfig/CustomSaENode.vue
index 8195ea14..dde63133 100644
--- a/src/views/createapp/components/workFlowConfig/CustomSaENode.vue
+++ b/src/views/createapp/components/workFlowConfig/CustomSaENode.vue
@@ -57,6 +57,7 @@ watch(
 .vue-flow__node {
   min-width: unset !important;
   padding: 0;
+  margin-top: -4px;
   .nodeSaEBorderBox {
     div {
       text-align: center;
@@ -84,6 +85,10 @@ watch(
   }
 }
 
+.vue-flow__node:has(.default){
+  margin-top: 0px;
+}
+
 .nodeSaEBorder {
   width: 56px;
   height: 56px;
diff --git a/src/views/createapp/components/workFlowConfig/useLayout.js b/src/views/createapp/components/workFlowConfig/useLayout.js
index 1dd933ac..9827bf73 100644
--- a/src/views/createapp/components/workFlowConfig/useLayout.js
+++ b/src/views/createapp/components/workFlowConfig/useLayout.js
@@ -48,7 +48,11 @@ export function useLayout() {
     // set nodes with updated positions
     return nodes.map(node => {
       const nodeWithPosition = dagreGraph.node(node.id);
-
+      console.log(nodeWithPosition,'nodeWithPosition',node);
+      let position = { x: nodeWithPosition.x, y: nodeWithPosition.y }
+      if(['1','2'].includes(node.id)){
+        
+      }
       return {
         ...node,
         targetPosition: isHorizontal ? Position.Left : Position.Top,
diff --git a/src/views/createapp/components/workFlowDebug.vue b/src/views/createapp/components/workFlowDebug.vue
new file mode 100644
index 00000000..086b8379
--- /dev/null
+++ b/src/views/createapp/components/workFlowDebug.vue
@@ -0,0 +1,36 @@
+<template>
+  <div class="workFlowDebug" :class="debugTheme === 'light' ? 'debugThemeLight' : 'debugThemeDark'">
+    <div class="workFlowDebugClose">
+      <div class="closeBtn" @click="handleCloseDebugDialog"><IconX /></div>
+    </div>
+    <div class="divider"></div>
+    <div class="debugContent">
+
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+import '../../styles/workFlowDebug.scss';
+import { watch, ref } from 'vue';
+import { useChangeThemeStore } from 'src/store/conversation';
+import { IconX } from '@computing/opendesign-icons';
+interface DebugProps {
+  handleDebugDialogOps:any
+}
+const themeStore = useChangeThemeStore();
+const props = defineProps<DebugProps>();
+const debugTheme = ref();
+const handleCloseDebugDialog = ()=>{
+  props.handleDebugDialogOps(false)
+}
+watch(
+  () => themeStore.theme,
+  () => {
+    debugTheme.value = themeStore.theme;
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+);
+</script>
diff --git a/src/views/createapp/index.vue b/src/views/createapp/index.vue
index 081d7a05..8d420795 100644
--- a/src/views/createapp/index.vue
+++ b/src/views/createapp/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import './style.scss';
+import '../styles/createApp.scss';
 import { ref, reactive } from 'vue';
 import AppConfig from './components/appConfig.vue';
 import WorkFlow from './components/workFlow.vue';
diff --git a/src/views/createapp/style.scss b/src/views/styles/createApp.scss
similarity index 100%
rename from src/views/createapp/style.scss
rename to src/views/styles/createApp.scss
diff --git a/src/views/createapp/components/workFlowStyle.scss b/src/views/styles/workFlowArrange.scss
similarity index 75%
rename from src/views/createapp/components/workFlowStyle.scss
rename to src/views/styles/workFlowArrange.scss
index 258318f5..aea28d69 100644
--- a/src/views/createapp/components/workFlowStyle.scss
+++ b/src/views/styles/workFlowArrange.scss
@@ -119,6 +119,55 @@
     border-radius: 8px;
   }
 
+  .stancesItem {
+    width: 264px;
+    height: 32px;
+    line-height: 32px;
+    background-color: var(--o-bash-bg);
+    color: var(--o-text-color-primary);
+    margin-bottom: 8px;
+    padding-left: 16px;
+    border-radius: 4px;
+  }
+  .workFlowContainerRight {
+    position: relative;
+    .workFlowOps {
+      position: absolute;
+      position: absolute;
+      left: 24px;
+      top: 24px;
+      display: flex;
+      gap: 8px;
+      .workFlowSelect {
+        display: block;
+        width: 144px;
+        height: 32px;
+        .el-select {
+          width: 144px;
+          height: 32px;
+        }
+      }
+      .debugBtn {
+        width: 32px;
+        height: 32px;
+        background: var(--o-bg-color-base);
+        cursor: pointer;
+        img {
+          width: 100%;
+          height: 100%;
+        }
+      }
+    }
+  }
+  .addWorkFlow {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    .el-icon {
+      color: var(--o-text-color-tertiary);
+    }
+  }
+
   .vueFlowContainer {
     width: 100%;
     height: 100%;
diff --git a/src/views/styles/workFlowDebug.scss b/src/views/styles/workFlowDebug.scss
new file mode 100644
index 00000000..70f20e02
--- /dev/null
+++ b/src/views/styles/workFlowDebug.scss
@@ -0,0 +1,66 @@
+.workFlowDebug {
+  width: 700px;
+  height: 100%;
+  position: absolute;
+  right: 0;
+  background-position: -520px -200px;
+  border-radius: 8px;
+  box-shadow: -16px 4px 16px 0px rgba(0,0,0,0.1);
+  border-right: 1px solid white;
+  display: flex;
+  flex-direction: column;
+  padding: 16px 24px;
+  z-index: 99999;
+  .workFlowDebugClose{
+    display: flex;
+    justify-content: flex-end;
+    width: 100%;
+    height: 32px;
+    align-items: center;
+    .closeBtn{
+      width: 16px;
+      height: 16px;
+      cursor: pointer;
+    }
+   
+  }
+  
+  .divider{
+    width: 100%;
+    height: 1px;
+    background: var(--o-border-color-light);
+  }
+}
+.debugThemeDark {
+  background-image: url('../../assets/images/dark_background.png');
+  --o-shell-image: url('../../assets/images/dark_shell.png');
+  --o-sider: url('../../assets/images/dark_sider.png');
+  --o-sider-hover: url('../../assets/images/dark_sider-hover.png');
+  --o-button-color: #576372;
+  --o-button-border-color: #576372;
+  --o-button-disable-color: #626d7c;
+  --o-button-disable-background: #203052;
+  --o-button-disable-border: #626d7c;
+  --o-time-text: #3e4551;
+  --o-bash-bg: #2a2f37;
+  --o-flow-code-bg: rgb(42, 47, 55);
+  --o-flow-code-border: rgb(62, 69, 81);
+}
+
+.debugThemeLight {
+    background-image: url('../../assets/images/light_background.png');
+  --o-shell-image: url('../../assets/images/light_shell.png');
+  --o-sider: url('../../assets/images/light_sider.png');
+  --o-sider-hover: url('../../assets/images/light_sider-hover.png');
+  --o-button-color: #c3cedf;
+  --o-button-border-color: #d3dce9;
+  --o-button-disable-color: #bfc7d7;
+  --o-button-disable-background: #ebedf3;
+  --o-button-disable-border: #ebedf3;
+  --o-time-text: #dfe5ef;
+  --o-bash-bg: #f4f6fa;
+  --o-flow-code-bg: rgb(244, 256, 258);
+  --o-flow-code-border: rgb(223, 229, 239);
+}
+
+
-- 
Gitee