From d27bc8be46922912c3244dd0df49c98ae0a0b32b Mon Sep 17 00:00:00 2001
From: LiuHao <liuhaoai545@gmail.com>
Date: Sun, 21 Jan 2024 21:33:40 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E4=BC=98=E5=8C=96=E9=9D=A2=E6=9D=BF?=
 =?UTF-8?q?=E5=B7=A5=E5=85=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BpmnDesign/panel/TaskPanel.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/BpmnDesign/panel/TaskPanel.vue b/src/components/BpmnDesign/panel/TaskPanel.vue
index 21209f3..2f249bd 100644
--- a/src/components/BpmnDesign/panel/TaskPanel.vue
+++ b/src/components/BpmnDesign/panel/TaskPanel.vue
@@ -2,13 +2,13 @@
   <div>
     <el-form ref="formRef" v-model="formData" label-width="80px">
       <el-form-item prop="id" label="节点 ID">
-        <el-input v-model="formData.id"> </el-input>
+        <el-input v-model="formData.id" @change="idChange"> </el-input>
       </el-form-item>
       <el-form-item prop="name" label="节点名称">
-        <el-input v-model="formData.name"> </el-input>
+        <el-input v-model="formData.name" @change="nameChange"> </el-input>
       </el-form-item>
       <el-form-item prop="documentation" label="节点描述">
-        <el-input v-model="formData.documentation"> </el-input>
+        <el-input v-model="formData.documentation" @change="documentationChange"> </el-input>
       </el-form-item>
       <el-form-item prop="userType" label="人员类型">
         <el-input v-model="formData.userType"> </el-input>
@@ -23,6 +23,7 @@
 <script setup lang="ts">
 import useParseElement from '@/components/BpmnDesign/hooks/useParseElement';
 import { TaskPanel } from 'bpmnDesign';
+import usePanel from '@/components/BpmnDesign/hooks/usePanel';
 
 interface PropType {
   modeler: any;
@@ -32,6 +33,10 @@ interface PropType {
 const props = withDefaults(defineProps<PropType>(), {
   categorys: () => []
 });
+const { documentationChange, nameChange, idChange } = usePanel({
+  modeler: props.modeler,
+  element: toRaw(props.element)
+});
 const { parse, formData } = useParseElement<TaskPanel>({
   modeler: props.modeler,
   element: toRaw(props.element)