refactor: 重构 bpmnProcessDesigner 组件 ele => antd

apps/web-antd/src/components/bpmnProcessDesigner/package/penal/task/ElementTask.vue

@@ -1,34 +1,36 @@
 <template>
   <div class="panel-tab__content">
-    <el-form size="small" label-width="90px">
+    <Form :label-col="{ span: 9 }" :wrapper-col="{ span: 15 }">
       <!-- add by 芋艿：由于「异步延续」暂时用不到，所以这里 display 为 none -->
-      <el-form-item label="异步延续" style="display: none">
-        <el-checkbox
-          v-model="taskConfigForm.asyncBefore"
-          label="异步前"
-          value="异步前"
+      <Form.Item label="异步延续" style="display: none">
+        <Checkbox
+          v-model:checked="taskConfigForm.asyncBefore"
           @change="changeTaskAsync"
-        />
-        <el-checkbox
-          v-model="taskConfigForm.asyncAfter"
-          label="异步后"
-          value="异步后"
+        >
+          异步前
+        </Checkbox>
+        <Checkbox
+          v-model:checked="taskConfigForm.asyncAfter"
           @change="changeTaskAsync"
-        />
-        <el-checkbox
-          v-model="taskConfigForm.exclusive"
+        >
+          异步后
+        </Checkbox>
+        <Checkbox
+          v-model:checked="taskConfigForm.exclusive"
           v-if="taskConfigForm.asyncAfter || taskConfigForm.asyncBefore"
-          label="排除"
-          value="排除"
           @change="changeTaskAsync"
-        />
-      </el-form-item>
+        >
+          排除
+        </Checkbox>
+      </Form.Item>
       <component :is="witchTaskComponent" v-bind="$props" />
-    </el-form>
+    </Form>
   </div>
 </template>
 
 <script lang="ts" setup>
+import { Form } from 'ant-design-vue';
+import { ref, watch } from 'vue';
 import { installedComponent } from './data';
 
 defineOptions({ name: 'ElementTaskConfig' });