From ed1b152a398b8b9a60d2184bd78604d86e6ea7b7 Mon Sep 17 00:00:00 2001
From: puhui999 <puhui999@163.com>
Date: Sun, 7 Sep 2025 19:36:10 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E9=87=8D=E6=9E=84=20bpmnProcessDes?=
 =?UTF-8?q?igner=20ProcessPalette=20=E7=BB=84=E4=BB=B6=20ele=20=3D>=20antd?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../package/palette/ProcessPalette.vue        | 42 +++++++------------
 1 file changed, 15 insertions(+), 27 deletions(-)

diff --git a/apps/web-antd/src/components/bpmnProcessDesigner/package/palette/ProcessPalette.vue b/apps/web-antd/src/components/bpmnProcessDesigner/package/palette/ProcessPalette.vue
index 7315c201..ab494d47 100644
--- a/apps/web-antd/src/components/bpmnProcessDesigner/package/palette/ProcessPalette.vue
+++ b/apps/web-antd/src/components/bpmnProcessDesigner/package/palette/ProcessPalette.vue
@@ -1,24 +1,15 @@
-<template>
-  <div class="my-process-palette">
-    <div class="test-button" @click="addTask" @mousedown="addTask">
-      测试任务
-    </div>
-    <div class="test-container" id="palette-container">1</div>
-  </div>
-</template>
-
 <script lang="ts" setup>
+import { Button } from 'ant-design-vue';
 import { assign } from 'min-dash';
 
 defineOptions({ name: 'MyProcessPalette' });
 
-const bpmnInstances = () => (window as any).bpmnInstances;
-const addTask = (event, options: any = {}) => {
+const bpmnInstances = () =>
+  (window as typeof window & { bpmnInstances?: any }).bpmnInstances;
+const addTask = (event: MouseEvent, options: any = {}) => {
   const ElementFactory = bpmnInstances().elementFactory;
   const create = bpmnInstances().modeler.get('create');
 
-  console.log(ElementFactory, create);
-
   const shape = ElementFactory.createShape(
     assign({ type: 'bpmn:UserTask' }, options),
   );
@@ -26,24 +17,21 @@ const addTask = (event, options: any = {}) => {
   if (options) {
     shape.businessObject.di.isExpanded = options.isExpanded;
   }
-
-  console.log(event, 'event');
-  console.log(shape, 'shape');
   create.start(event, shape);
 };
 </script>
 
-<style scoped lang="scss">
-.my-process-palette {
-  box-sizing: border-box;
-  padding: 80px 20px 20px;
+<template>
+  <div class="my-process-palette p-20 pt-80">
+    <Button type="primary" @click="addTask" @mousedown="addTask">
+      测试任务
+    </Button>
+    <div class="test-container" id="palette-container">1</div>
+  </div>
+</template>
 
-  .test-button {
-    box-sizing: border-box;
-    padding: 8px 16px;
-    cursor: pointer;
-    border: 1px solid rgb(24 144 255 / 80%);
-    border-radius: 4px;
-  }
+<style scoped>
+.test-container {
+  margin-top: 16px;
 }
 </style>