From 40d762070f8adc988ecda8f8d594b901df442fe2 Mon Sep 17 00:00:00 2001
From: DevDengChao <2325690622@qq.com>
Date: Mon, 18 May 2026 14:19:40 +0800
Subject: [PATCH] fix: lint src components

Co-authored-by: Codex <codex@openai.com>
---
 .../Descriptions/src/Descriptions.vue         |   4 +-
 .../components/ComponentContainer.vue         |   2 +-
 .../DiyEditor/components/ComponentLibrary.vue |   4 +-
 .../components/mobile/Carousel/index.vue      |   2 +-
 .../mobile/FloatingActionButton/index.vue     |   4 +-
 .../components/HotZoneEditDialog/index.vue    |  28 ++---
 .../components/mobile/HotZone/index.vue       |  14 +--
 .../components/mobile/HotZone/property.vue    |  10 +-
 .../components/mobile/MenuSwiper/index.vue    |   3 +
 .../NavigationBar/components/CellProperty.vue |   4 +-
 .../components/mobile/NavigationBar/index.vue |   2 +-
 .../components/mobile/ProductCard/index.vue   |   2 +-
 .../mobile/PromotionCombination/index.vue     |   2 +-
 .../mobile/PromotionSeckill/index.vue         |   2 +-
 src/components/DiyEditor/index.vue            |   4 +-
 src/components/Form/src/Form.vue              |   2 +-
 .../src/components/IframeComponent.vue        |   8 +-
 src/components/Infotip/src/Infotip.vue        |   1 -
 src/components/InputWithColor/index.vue       |   1 +
 src/components/MagicCubeEditor/index.vue      |  31 +++---
 src/components/MarkdownView/index.vue         |  37 ++++---
 .../OperateLogV2/src/OperateLogV2.vue         |   2 +-
 .../src/ProcessNodeTree.vue                   |   4 +-
 .../src/SimpleProcessModel.vue                |   2 +-
 .../src/nodes-config/ConditionNodeConfig.vue  |   6 +-
 .../src/nodes-config/CopyTaskNodeConfig.vue   |  16 +--
 .../src/nodes-config/StartUserNodeConfig.vue  |   8 +-
 .../src/nodes-config/UserTaskNodeConfig.vue   |  22 ++--
 .../src/nodes/ChildProcessNode.vue            |   2 +-
 .../src/nodes/CopyTaskNode.vue                |   2 +-
 .../src/nodes/DelayTimerNode.vue              |   2 +-
 .../src/nodes/EndEventNode.vue                | 104 +++++++++---------
 .../src/nodes/ExclusiveNode.vue               |   2 +-
 .../src/nodes/InclusiveNode.vue               |   6 +-
 .../src/nodes/ParallelNode.vue                |   2 +-
 .../src/nodes/RouterNode.vue                  |   2 +-
 .../src/nodes/StartUserNode.vue               |   2 +-
 .../src/nodes/TriggerNode.vue                 |   2 +-
 .../src/nodes/UserTaskNode.vue                |   2 +-
 src/components/Table/src/Table.vue            |   2 +-
 src/components/Table/src/TableSelectForm.vue  |   4 +-
 src/components/UploadFile/src/UploadImg.vue   |  17 ++-
 src/components/UploadFile/src/UploadImgs.vue  |  16 ++-
 src/components/UserSelectForm/index.vue       |   2 +
 .../extension-moddle/camunda/extension.js     |   2 +-
 .../package/penal/PropertiesPanel.vue         |   2 +-
 .../components/UserTaskCustomConfig.vue       |   8 +-
 .../penal/listeners/ElementListeners.vue      |   8 +-
 .../penal/listeners/UserTaskListeners.vue     |  10 +-
 .../multi-instance/ElementMultiInstance.vue   |   4 +-
 .../task/task-components/HttpHeaderEditor.vue |   4 +-
 .../penal/task/task-components/UserTask.vue   |  10 +-
 .../penal/time-event-config/CycleConfig.vue   | 102 ++++++++---------
 .../time-event-config/DurationConfig.vue      |   4 +-
 .../time-event-config/TimeEventConfig.vue     |  10 +-
 55 files changed, 290 insertions(+), 270 deletions(-)

diff --git a/src/components/Descriptions/src/Descriptions.vue b/src/components/Descriptions/src/Descriptions.vue
index 184d95c4f..171b87215 100644
--- a/src/components/Descriptions/src/Descriptions.vue
+++ b/src/components/Descriptions/src/Descriptions.vue
@@ -116,7 +116,7 @@ const toggleClick = () => {
                 :row="{
                   label: item.label
                 }"
-                >{{ item.label }}
+              >{{ item.label }}
               </slot>
             </template>
 
@@ -131,7 +131,7 @@ const toggleClick = () => {
               </slot>
               <slot v-else :name="item.field" :row="data">
                 {{
-                    item.mappedField ? data[item.mappedField] : data[item.field]
+                  item.mappedField ? data[item.mappedField] : data[item.field]
                 }}
               </slot>
             </template>
diff --git a/src/components/DiyEditor/components/ComponentContainer.vue b/src/components/DiyEditor/components/ComponentContainer.vue
index 485672244..6f2d87c30 100644
--- a/src/components/DiyEditor/components/ComponentContainer.vue
+++ b/src/components/DiyEditor/components/ComponentContainer.vue
@@ -165,8 +165,8 @@ $toolbar-position: -55px;
       width: 80px;
       height: 25px;
       font-size: 12px;
-      color: #6a6a6a;
       line-height: 25px;
+      color: #6a6a6a;
       text-align: center;
       background: #fff;
       box-shadow:
diff --git a/src/components/DiyEditor/components/ComponentLibrary.vue b/src/components/DiyEditor/components/ComponentLibrary.vue
index 06f231285..8fb924cd8 100644
--- a/src/components/DiyEditor/components/ComponentLibrary.vue
+++ b/src/components/DiyEditor/components/ComponentLibrary.vue
@@ -94,9 +94,9 @@ const handleCloneComponent = (component: DiyComponent<any>) => {
 <style scoped lang="scss">
 .editor-left {
   z-index: 1;
-  flex-shrink: 0;
-  user-select: none;
   box-shadow: 8px 0 8px -8px rgb(0 0 0 / 12%);
+  user-select: none;
+  flex-shrink: 0;
 
   :deep(.el-collapse) {
     border-top: none;
diff --git a/src/components/DiyEditor/components/mobile/Carousel/index.vue b/src/components/DiyEditor/components/mobile/Carousel/index.vue
index cafb534f9..58ede4024 100644
--- a/src/components/DiyEditor/components/mobile/Carousel/index.vue
+++ b/src/components/DiyEditor/components/mobile/Carousel/index.vue
@@ -22,7 +22,7 @@
     <div
       v-if="property.indicator === 'number'"
       class="absolute bottom-10px right-10px rounded-xl bg-black p-x-8px p-y-2px text-10px text-white opacity-40"
-      >{{ currentIndex }} / {{ property.items.length }}</div
+    >{{ currentIndex }} / {{ property.items.length }}</div
     >
   </div>
 </template>
diff --git a/src/components/DiyEditor/components/mobile/FloatingActionButton/index.vue b/src/components/DiyEditor/components/mobile/FloatingActionButton/index.vue
index c2b99263e..d30f0a202 100644
--- a/src/components/DiyEditor/components/mobile/FloatingActionButton/index.vue
+++ b/src/components/DiyEditor/components/mobile/FloatingActionButton/index.vue
@@ -55,12 +55,12 @@ const handleToggleFab = () => {
 /* 模态背景 */
 .modal-bg {
   position: absolute;
-  left: calc(50% - 375px / 2);
   top: 0;
+  left: calc(50% - 375px / 2);
   z-index: 11;
   width: 375px;
   height: 100%;
-  background-color: rgba(#000000, 0.4);
+  background-color: rgb(0 0 0 / 40%);
 }
 
 .fab-icon {
diff --git a/src/components/DiyEditor/components/mobile/HotZone/components/HotZoneEditDialog/index.vue b/src/components/DiyEditor/components/mobile/HotZone/components/HotZoneEditDialog/index.vue
index 39250572e..a9fc75c8c 100644
--- a/src/components/DiyEditor/components/mobile/HotZone/components/HotZoneEditDialog/index.vue
+++ b/src/components/DiyEditor/components/mobile/HotZone/components/HotZoneEditDialog/index.vue
@@ -192,39 +192,39 @@ const handleAppLinkChange = (appLink: AppLink) => {
 <style scoped lang="scss">
 .hot-zone {
   position: absolute;
-  background: var(--el-color-primary-light-7);
-  opacity: 0.8;
-  border: 1px solid var(--el-color-primary);
-  color: var(--el-color-primary);
-  font-size: 16px;
+  z-index: 10;
   display: flex;
+  font-size: 16px;
+  color: var(--el-color-primary);
+  cursor: move;
+  background: var(--el-color-primary-light-7);
+  border: 1px solid var(--el-color-primary);
+  opacity: 0.8;
   align-items: center;
   justify-content: center;
-  cursor: move;
-  z-index: 10;
 
   /* 控制点 */
   .ctrl-dot {
     position: absolute;
+    z-index: 11;
     width: 8px;
     height: 8px;
-    border-radius: 50%;
-    border: inherit;
     background-color: #fff;
-    z-index: 11;
+    border: inherit;
+    border-radius: 50%;
   }
 
   .delete {
-    display: none;
     position: absolute;
     top: 0;
     right: 0;
+    display: none;
     padding: 2px 2px 6px 6px;
-    background-color: var(--el-color-primary);
-    border-radius: 0 0 0 80%;
-    cursor: pointer;
     color: #fff;
     text-align: right;
+    cursor: pointer;
+    background-color: var(--el-color-primary);
+    border-radius: 0 0 0 80%;
   }
 
   &:hover {
diff --git a/src/components/DiyEditor/components/mobile/HotZone/index.vue b/src/components/DiyEditor/components/mobile/HotZone/index.vue
index 3a9b842ed..4360e8abc 100644
--- a/src/components/DiyEditor/components/mobile/HotZone/index.vue
+++ b/src/components/DiyEditor/components/mobile/HotZone/index.vue
@@ -28,15 +28,15 @@ const props = defineProps<{ property: HotZoneProperty }>()
 <style scoped lang="scss">
 .hot-zone {
   position: absolute;
-  background: var(--el-color-primary-light-7);
-  opacity: 0.8;
-  border: 1px solid var(--el-color-primary);
-  color: var(--el-color-primary);
-  font-size: 14px;
+  z-index: 10;
   display: flex;
+  font-size: 14px;
+  color: var(--el-color-primary);
+  cursor: move;
+  background: var(--el-color-primary-light-7);
+  border: 1px solid var(--el-color-primary);
+  opacity: 0.8;
   align-items: center;
   justify-content: center;
-  cursor: move;
-  z-index: 10;
 }
 </style>
diff --git a/src/components/DiyEditor/components/mobile/HotZone/property.vue b/src/components/DiyEditor/components/mobile/HotZone/property.vue
index 65892f857..7c4d49bfa 100644
--- a/src/components/DiyEditor/components/mobile/HotZone/property.vue
+++ b/src/components/DiyEditor/components/mobile/HotZone/property.vue
@@ -42,22 +42,22 @@ const handleOpenEditDialog = () => {
 <style scoped lang="scss">
 .hot-zone {
   position: absolute;
+  display: flex;
+  font-size: 12px;
+  color: #fff;
+  cursor: move;
   background: #409effbf;
   border: 1px solid var(--el-color-primary);
-  color: #fff;
-  font-size: 12px;
-  display: flex;
   align-items: center;
   justify-content: center;
-  cursor: move;
 
   /* 控制点 */
   .ctrl-dot {
     position: absolute;
     width: 4px;
     height: 4px;
-    border-radius: 50%;
     background-color: #fff;
+    border-radius: 50%;
   }
 }
 </style>
diff --git a/src/components/DiyEditor/components/mobile/MenuSwiper/index.vue b/src/components/DiyEditor/components/mobile/MenuSwiper/index.vue
index fc6d71820..d0f36a5b7 100644
--- a/src/components/DiyEditor/components/mobile/MenuSwiper/index.vue
+++ b/src/components/DiyEditor/components/mobile/MenuSwiper/index.vue
@@ -103,13 +103,16 @@ watch(
   .el-carousel__indicator {
     padding-top: 0;
     padding-bottom: 0;
+
     .el-carousel__button {
       --el-carousel-indicator-height: 6px;
       --el-carousel-indicator-width: 6px;
       --el-carousel-indicator-out-color: #ff6000;
+
       border-radius: 6px;
     }
   }
+
   .el-carousel__indicator.is-active {
     .el-carousel__button {
       --el-carousel-indicator-width: 12px;
diff --git a/src/components/DiyEditor/components/mobile/NavigationBar/components/CellProperty.vue b/src/components/DiyEditor/components/mobile/NavigationBar/components/CellProperty.vue
index 6c671d3f2..7d632df86 100644
--- a/src/components/DiyEditor/components/mobile/NavigationBar/components/CellProperty.vue
+++ b/src/components/DiyEditor/components/mobile/NavigationBar/components/CellProperty.vue
@@ -93,8 +93,8 @@ defineOptions({ name: 'NavigationBarCellProperty' })
 
 const props = withDefaults(
   defineProps<{
-    modelValue: NavigationBarCellProperty[]
-    isMp: boolean
+    modelValue?: NavigationBarCellProperty[]
+    isMp?: boolean
   }>(),
   {
     modelValue: () => [],
diff --git a/src/components/DiyEditor/components/mobile/NavigationBar/index.vue b/src/components/DiyEditor/components/mobile/NavigationBar/index.vue
index 104c6002a..905b68fee 100644
--- a/src/components/DiyEditor/components/mobile/NavigationBar/index.vue
+++ b/src/components/DiyEditor/components/mobile/NavigationBar/index.vue
@@ -67,10 +67,10 @@ const getSearchProp = computed(() => (cell: NavigationBarCellProperty) => {
 .navigation-bar {
   display: flex;
   height: 50px;
+  padding: 0 6px;
   background: #fff;
   justify-content: space-between;
   align-items: center;
-  padding: 0 6px;
 
   /* 左边 */
   .left {
diff --git a/src/components/DiyEditor/components/mobile/ProductCard/index.vue b/src/components/DiyEditor/components/mobile/ProductCard/index.vue
index 93f6e0745..25335558c 100644
--- a/src/components/DiyEditor/components/mobile/ProductCard/index.vue
+++ b/src/components/DiyEditor/components/mobile/ProductCard/index.vue
@@ -77,7 +77,7 @@
             v-if="property.fields.marketPrice.show && spu.marketPrice"
             class="ml-4px text-10px line-through"
             :style="{ color: property.fields.marketPrice.color }"
-            >￥{{ fenToYuan(spu.marketPrice) }}
+          >￥{{ fenToYuan(spu.marketPrice) }}
           </span>
         </div>
         <div class="text-12px">
diff --git a/src/components/DiyEditor/components/mobile/PromotionCombination/index.vue b/src/components/DiyEditor/components/mobile/PromotionCombination/index.vue
index d41bf1c1e..47ebb5ad7 100644
--- a/src/components/DiyEditor/components/mobile/PromotionCombination/index.vue
+++ b/src/components/DiyEditor/components/mobile/PromotionCombination/index.vue
@@ -74,7 +74,7 @@
             v-if="property.fields.marketPrice.show && spu.marketPrice"
             class="ml-4px text-10px line-through"
             :style="{ color: property.fields.marketPrice.color }"
-            >￥{{ fenToYuan(spu.marketPrice) }}</span
+          >￥{{ fenToYuan(spu.marketPrice) }}</span
           >
         </div>
         <div class="text-12px">
diff --git a/src/components/DiyEditor/components/mobile/PromotionSeckill/index.vue b/src/components/DiyEditor/components/mobile/PromotionSeckill/index.vue
index 3d34a3d4c..7b1b243d6 100644
--- a/src/components/DiyEditor/components/mobile/PromotionSeckill/index.vue
+++ b/src/components/DiyEditor/components/mobile/PromotionSeckill/index.vue
@@ -74,7 +74,7 @@
             v-if="property.fields.marketPrice.show && spu.marketPrice"
             class="ml-4px text-10px line-through"
             :style="{ color: property.fields.marketPrice.color }"
-            >￥{{ fenToYuan(spu.marketPrice) }}</span
+          >￥{{ fenToYuan(spu.marketPrice) }}</span
           >
         </div>
         <div class="text-12px">
diff --git a/src/components/DiyEditor/index.vue b/src/components/DiyEditor/index.vue
index fa23a4d0f..48052061c 100644
--- a/src/components/DiyEditor/index.vue
+++ b/src/components/DiyEditor/index.vue
@@ -583,12 +583,12 @@ $toolbar-height: 42px;
         gap: 8px;
 
         :deep(.el-tag) {
-          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
           border: none;
+          box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);
 
           .el-tag__content {
-            width: 100%;
             display: flex;
+            width: 100%;
             align-items: center;
             justify-content: flex-start;
 
diff --git a/src/components/Form/src/Form.vue b/src/components/Form/src/Form.vue
index 3acc10ab0..fa38caef6 100644
--- a/src/components/Form/src/Form.vue
+++ b/src/components/Form/src/Form.vue
@@ -27,7 +27,7 @@ const { getPrefixCls } = useDesign()
 const prefixCls = getPrefixCls('form')
 
 export default defineComponent({
-  // eslint-disable-next-line vue/no-reserved-component-names
+
   name: 'Form',
   props: {
     // 生成Form的布局结构数组
diff --git a/src/components/FormCreate/src/components/IframeComponent.vue b/src/components/FormCreate/src/components/IframeComponent.vue
index 3fd74c4dd..1a438f940 100644
--- a/src/components/FormCreate/src/components/IframeComponent.vue
+++ b/src/components/FormCreate/src/components/IframeComponent.vue
@@ -64,9 +64,9 @@ const showPreview = computed(() => {
 }
 
 .iframe-preview {
+  overflow: hidden;
   border: 1px solid #dcdfe6;
   border-radius: 4px;
-  overflow: hidden;
 }
 
 .iframe-content {
@@ -76,11 +76,11 @@ const showPreview = computed(() => {
 
 .iframe-placeholder {
   display: flex;
-  align-items: center;
-  justify-content: center;
   min-height: 200px;
+  background-color: #fafafa;
   border: 1px dashed #dcdfe6;
   border-radius: 4px;
-  background-color: #fafafa;
+  align-items: center;
+  justify-content: center;
 }
 </style>
diff --git a/src/components/Infotip/src/Infotip.vue b/src/components/Infotip/src/Infotip.vue
index 0afd69287..c93bb6d52 100644
--- a/src/components/Infotip/src/Infotip.vue
+++ b/src/components/Infotip/src/Infotip.vue
@@ -14,7 +14,6 @@ defineProps({
   title: propTypes.string.def(''),
   schema: {
     type: Array as PropType<Array<string | TipSchema>>,
-    required: true,
     default: () => []
   },
   showIndex: propTypes.bool.def(true),
diff --git a/src/components/InputWithColor/index.vue b/src/components/InputWithColor/index.vue
index 1311a5594..96afa1a3a 100644
--- a/src/components/InputWithColor/index.vue
+++ b/src/components/InputWithColor/index.vue
@@ -26,6 +26,7 @@ const { modelValue, color } = useVModels(props, emit)
 <style scoped lang="scss">
 :deep(.el-input-group__append) {
   padding: 0;
+
   .el-color-picker__trigger {
     padding: 0;
     border-left: none;
diff --git a/src/components/MagicCubeEditor/index.vue b/src/components/MagicCubeEditor/index.vue
index 6af4ca4a7..cebac5d81 100644
--- a/src/components/MagicCubeEditor/index.vue
+++ b/src/components/MagicCubeEditor/index.vue
@@ -225,15 +225,16 @@ const eachCube = (callback: (x: number, y: number, cube: Cube) => void) => {
 <style lang="scss" scoped>
 .cube-table {
   position: relative;
-  border-spacing: 0;
   border-collapse: collapse;
+  border-spacing: 0;
 
   .cube {
-    border: 1px solid var(--el-border-color);
-    text-align: center;
     color: var(--el-text-color-secondary);
+    text-align: center;
     cursor: pointer;
+    border: 1px solid var(--el-border-color);
     box-sizing: border-box;
+
     &.active {
       background: var(--el-color-primary-light-9);
     }
@@ -242,28 +243,28 @@ const eachCube = (callback: (x: number, y: number, cube: Cube) => void) => {
   .hot-area {
     position: absolute;
     display: flex;
+    color: var(--el-color-primary);
+    cursor: pointer;
+    background: var(--el-color-primary-light-8);
+    border: 1px solid var(--el-color-primary);
+    border-collapse: collapse;
+    border-spacing: 0;
+    box-sizing: border-box;
     align-items: center;
     justify-content: center;
-    border: 1px solid var(--el-color-primary);
-    background: var(--el-color-primary-light-8);
-    color: var(--el-color-primary);
-    box-sizing: border-box;
-    border-spacing: 0;
-    border-collapse: collapse;
-    cursor: pointer;
 
     .btn-delete {
-      z-index: 1;
       position: absolute;
       top: -8px;
       right: -8px;
-      height: 16px;
-      width: 16px;
+      z-index: 1;
       display: flex;
+      width: 16px;
+      height: 16px;
+      background-color: #fff;
+      border-radius: 50%;
       align-items: center;
       justify-content: center;
-      border-radius: 50%;
-      background-color: #fff;
     }
   }
 }
diff --git a/src/components/MarkdownView/index.vue b/src/components/MarkdownView/index.vue
index 86fc93917..0843f45c2 100644
--- a/src/components/MarkdownView/index.vue
+++ b/src/components/MarkdownView/index.vue
@@ -51,14 +51,14 @@ onMounted(async () => {
 
 <style lang="scss">
 .markdown-view {
-  font-family: PingFang SC;
+  max-width: 100%;
+  font-family: "PingFang SC";
   font-size: 0.95rem;
   font-weight: 400;
   line-height: 1.6rem;
-  letter-spacing: 0em;
-  text-align: left;
+  letter-spacing: 0;
   color: #3b3e55;
-  max-width: 100%;
+  text-align: left;
 
   pre {
     position: relative;
@@ -69,22 +69,23 @@ onMounted(async () => {
   }
 
   code.hljs {
-    border-radius: 6px;
-    padding-top: 20px;
     width: auto;
-    @media screen and (min-width: 1536px) {
+    padding-top: 20px;
+    border-radius: 6px;
+
+    @media screen and (width >= 1536px) {
       width: 960px;
     }
 
-    @media screen and (max-width: 1536px) and (min-width: 1024px) {
+    @media screen and (width <= 1536px) and (width >= 1024px) {
       width: calc(100vw - 400px - 64px - 32px * 2);
     }
 
-    @media screen and (max-width: 1024px) and (min-width: 768px) {
+    @media screen and (width <= 1024px) and (width >= 768px) {
       width: calc(100vw - 32px * 2);
     }
 
-    @media screen and (max-width: 768px) {
+    @media screen and (width <= 768px) {
       width: calc(100vw - 16px * 2);
     }
   }
@@ -107,9 +108,9 @@ onMounted(async () => {
   h4,
   h5,
   h6 {
-    color: var(--color-G900);
     margin: 24px 0 8px;
     font-weight: 600;
+    color: #3b3e55;
   }
 
   h1 {
@@ -145,8 +146,8 @@ onMounted(async () => {
   /* 列表（有序，无序） */
   ul,
   ol {
-    margin: 0 0 8px 0;
     padding: 0;
+    margin: 0 0 8px;
     font-size: 16px;
     line-height: 24px;
     color: #3b3e55; // var(--color-CG600);
@@ -158,8 +159,8 @@ onMounted(async () => {
   }
 
   ol > li {
-    list-style-type: decimal;
     margin-bottom: 1rem;
+    list-style-type: decimal;
     // 表达式,修复有序列表序号展示不全的问题
     // &:nth-child(n + 10) {
     //     margin-left: 30px;
@@ -171,23 +172,23 @@ onMounted(async () => {
   }
 
   ul > li {
-    list-style-type: disc;
-    font-size: 16px;
-    line-height: 24px;
     margin-right: 11px;
     margin-bottom: 1rem;
+    font-size: 16px;
+    line-height: 24px;
     color: #3b3e55; // var(--color-G900);
+    list-style-type: disc;
   }
 
   ol ul,
   ol ul > li,
   ul ul,
   ul ul li {
+    margin-bottom: 1rem;
+    margin-left: 6px;
     // list-style: circle;
     font-size: 16px;
     list-style: none;
-    margin-left: 6px;
-    margin-bottom: 1rem;
   }
 
   ul ul ul,
diff --git a/src/components/OperateLogV2/src/OperateLogV2.vue b/src/components/OperateLogV2/src/OperateLogV2.vue
index 6acc1cc7c..68423707d 100644
--- a/src/components/OperateLogV2/src/OperateLogV2.vue
+++ b/src/components/OperateLogV2/src/OperateLogV2.vue
@@ -31,7 +31,7 @@ import { ElTag } from 'element-plus'
 defineOptions({ name: 'OperateLogV2' })
 
 interface Props {
-  logList: OperateLogVO[] // 操作日志列表
+  logList?: OperateLogVO[] // 操作日志列表
 }
 
 withDefaults(defineProps<Props>(), {
diff --git a/src/components/SimpleProcessDesignerV2/src/ProcessNodeTree.vue b/src/components/SimpleProcessDesignerV2/src/ProcessNodeTree.vue
index dddeda690..b91ea5f30 100644
--- a/src/components/SimpleProcessDesignerV2/src/ProcessNodeTree.vue
+++ b/src/components/SimpleProcessDesignerV2/src/ProcessNodeTree.vue
@@ -8,8 +8,8 @@
   <UserTaskNode
     v-if="
       currentNode &&
-      (currentNode.type === NodeType.USER_TASK_NODE ||
-        currentNode.type === NodeType.TRANSACTOR_NODE)
+        (currentNode.type === NodeType.USER_TASK_NODE ||
+          currentNode.type === NodeType.TRANSACTOR_NODE)
     "
     :flow-node="currentNode"
     @update:flow-node="handleModelValueUpdate"
diff --git a/src/components/SimpleProcessDesignerV2/src/SimpleProcessModel.vue b/src/components/SimpleProcessDesignerV2/src/SimpleProcessModel.vue
index a8a0ac61e..8e2c5e39b 100644
--- a/src/components/SimpleProcessDesignerV2/src/SimpleProcessModel.vue
+++ b/src/components/SimpleProcessDesignerV2/src/SimpleProcessModel.vue
@@ -246,9 +246,9 @@ onMounted(() => {
 
 <style lang="scss" scoped>
 .simple-process-model-container {
+  position: relative;
   width: 100%;
   height: 100%;
-  position: relative;
   overflow: hidden;
   user-select: none; // 禁用文本选择
 }
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes-config/ConditionNodeConfig.vue b/src/components/SimpleProcessDesignerV2/src/nodes-config/ConditionNodeConfig.vue
index 9020d655e..15e625fcf 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes-config/ConditionNodeConfig.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes-config/ConditionNodeConfig.vue
@@ -18,16 +18,16 @@
           :placeholder="currentNode.name"
         />
         <div v-else class="node-name"
-          >{{ currentNode.name }}
+        >{{ currentNode.name }}
           <Icon class="ml-1" icon="ep:edit-pen" :size="16" @click="clickIcon()"
-        /></div>
+          /></div>
 
         <div class="divide-line"></div>
       </div>
     </template>
     <div>
       <div class="mb-3 font-size-16px" v-if="currentNode.conditionSetting?.defaultFlow"
-        >未满足其它条件时，将进入此分支（该分支不可编辑和删除）</div
+      >未满足其它条件时，将进入此分支（该分支不可编辑和删除）</div
       >
       <div v-else>
         <Condition ref="conditionRef" v-model="condition" />
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes-config/CopyTaskNodeConfig.vue b/src/components/SimpleProcessDesignerV2/src/nodes-config/CopyTaskNodeConfig.vue
index aec32da35..3954a7327 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes-config/CopyTaskNodeConfig.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes-config/CopyTaskNodeConfig.vue
@@ -60,8 +60,8 @@
             <el-form-item
               v-if="
                 configForm.candidateStrategy == CandidateStrategy.DEPT_MEMBER ||
-                configForm.candidateStrategy == CandidateStrategy.DEPT_LEADER ||
-                configForm.candidateStrategy == CandidateStrategy.MULTI_LEVEL_DEPT_LEADER
+                  configForm.candidateStrategy == CandidateStrategy.DEPT_LEADER ||
+                  configForm.candidateStrategy == CandidateStrategy.MULTI_LEVEL_DEPT_LEADER
               "
               label="指定部门"
               prop="deptIds"
@@ -156,10 +156,10 @@
             <el-form-item
               v-if="
                 configForm.candidateStrategy == CandidateStrategy.MULTI_LEVEL_DEPT_LEADER ||
-                configForm.candidateStrategy == CandidateStrategy.START_USER_DEPT_LEADER ||
-                configForm.candidateStrategy ==
+                  configForm.candidateStrategy == CandidateStrategy.START_USER_DEPT_LEADER ||
+                  configForm.candidateStrategy ==
                   CandidateStrategy.START_USER_MULTI_LEVEL_DEPT_LEADER ||
-                configForm.candidateStrategy == CandidateStrategy.FORM_DEPT_LEADER
+                  configForm.candidateStrategy == CandidateStrategy.FORM_DEPT_LEADER
               "
               :label="deptLevelLabel!"
               prop="deptLevel"
@@ -218,7 +218,7 @@
                   :value="FieldPermissionType.READ"
                   size="large"
                   :label="FieldPermissionType.WRITE"
-                  ><span></span
+                ><span></span
                 ></el-radio>
               </div>
               <div class="item-radio-wrap">
@@ -227,7 +227,7 @@
                   size="large"
                   :label="FieldPermissionType.WRITE"
                   disabled
-                  ><span></span
+                ><span></span
                 ></el-radio>
               </div>
               <div class="item-radio-wrap">
@@ -235,7 +235,7 @@
                   :value="FieldPermissionType.NONE"
                   size="large"
                   :label="FieldPermissionType.NONE"
-                  ><span></span
+                ><span></span
                 ></el-radio>
               </div>
             </el-radio-group>
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes-config/StartUserNodeConfig.vue b/src/components/SimpleProcessDesignerV2/src/nodes-config/StartUserNodeConfig.vue
index 9975d9b5c..0188b92e7 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes-config/StartUserNodeConfig.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes-config/StartUserNodeConfig.vue
@@ -28,7 +28,7 @@
         <el-text
           v-if="
             (!startUserIds || startUserIds.length === 0) &&
-            (!startDeptIds || startDeptIds.length === 0)
+              (!startDeptIds || startDeptIds.length === 0)
           "
         >
           全部成员可以发起流程
@@ -95,7 +95,7 @@
                   :value="FieldPermissionType.READ"
                   size="large"
                   :label="FieldPermissionType.READ"
-                  ><span></span
+                ><span></span
                 ></el-radio>
               </div>
               <div class="item-radio-wrap">
@@ -103,7 +103,7 @@
                   :value="FieldPermissionType.WRITE"
                   size="large"
                   :label="FieldPermissionType.WRITE"
-                  ><span></span
+                ><span></span
                 ></el-radio>
               </div>
               <div class="item-radio-wrap">
@@ -111,7 +111,7 @@
                   :value="FieldPermissionType.NONE"
                   size="large"
                   :label="FieldPermissionType.NONE"
-                  ><span></span
+                ><span></span
                 ></el-radio>
               </div>
             </el-radio-group>
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes-config/UserTaskNodeConfig.vue b/src/components/SimpleProcessDesignerV2/src/nodes-config/UserTaskNodeConfig.vue
index 53058c406..bc423fa3f 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes-config/UserTaskNodeConfig.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes-config/UserTaskNodeConfig.vue
@@ -79,8 +79,8 @@
             <el-form-item
               v-if="
                 configForm.candidateStrategy == CandidateStrategy.DEPT_MEMBER ||
-                configForm.candidateStrategy == CandidateStrategy.DEPT_LEADER ||
-                configForm.candidateStrategy == CandidateStrategy.MULTI_LEVEL_DEPT_LEADER
+                  configForm.candidateStrategy == CandidateStrategy.DEPT_LEADER ||
+                  configForm.candidateStrategy == CandidateStrategy.MULTI_LEVEL_DEPT_LEADER
               "
               label="指定部门"
               prop="deptIds"
@@ -194,10 +194,10 @@
             <el-form-item
               v-if="
                 configForm.candidateStrategy == CandidateStrategy.MULTI_LEVEL_DEPT_LEADER ||
-                configForm.candidateStrategy == CandidateStrategy.START_USER_DEPT_LEADER ||
-                configForm.candidateStrategy ==
+                  configForm.candidateStrategy == CandidateStrategy.START_USER_DEPT_LEADER ||
+                  configForm.candidateStrategy ==
                   CandidateStrategy.START_USER_MULTI_LEVEL_DEPT_LEADER ||
-                configForm.candidateStrategy == CandidateStrategy.FORM_DEPT_LEADER
+                  configForm.candidateStrategy == CandidateStrategy.FORM_DEPT_LEADER
               "
               :label="deptLevelLabel!"
               prop="deptLevel"
@@ -245,7 +245,7 @@
                         size="small"
                         v-if="
                           item.value === ApproveMethodType.APPROVE_BY_RATIO &&
-                          configForm.approveMethod === ApproveMethodType.APPROVE_BY_RATIO
+                            configForm.approveMethod === ApproveMethodType.APPROVE_BY_RATIO
                         "
                       />
                     </el-form-item>
@@ -414,7 +414,7 @@
             <div>
               <el-divider content-position="left">跳过表达式</el-divider>
               <el-form-item prop="skipExpression">
-                <el-input v-model="configForm.skipExpression" type="textarea"  />
+                <el-input v-model="configForm.skipExpression" type="textarea" />
               </el-form-item>
             </div>
           </el-form>
@@ -445,7 +445,7 @@
                 v-if="btnDisplayNameEdit[index]"
               />
               <el-button v-else text @click="changeBtnDisplayName(index)"
-                >{{ item.displayName }} &nbsp;<Icon icon="ep:edit"
+              >{{ item.displayName }} &nbsp;<Icon icon="ep:edit"
               /></el-button>
             </div>
             <div class="button-setting-item-label">
@@ -483,7 +483,7 @@
                   :value="FieldPermissionType.READ"
                   size="large"
                   :label="FieldPermissionType.READ"
-                  ><span></span
+                ><span></span
                 ></el-radio>
               </div>
               <div class="item-radio-wrap">
@@ -491,7 +491,7 @@
                   :value="FieldPermissionType.WRITE"
                   size="large"
                   :label="FieldPermissionType.WRITE"
-                  ><span></span
+                ><span></span
                 ></el-radio>
               </div>
               <div class="item-radio-wrap">
@@ -499,7 +499,7 @@
                   :value="FieldPermissionType.NONE"
                   size="large"
                   :label="FieldPermissionType.NONE"
-                  ><span></span
+                ><span></span
                 ></el-radio>
               </div>
             </el-radio-group>
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes/ChildProcessNode.vue b/src/components/SimpleProcessDesignerV2/src/nodes/ChildProcessNode.vue
index 0b362446d..20b2fb356 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes/ChildProcessNode.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes/ChildProcessNode.vue
@@ -41,7 +41,7 @@
         </div>
         <div v-if="!readonly" class="node-toolbar">
           <div class="toolbar-icon"
-            ><Icon color="#0089ff" icon="ep:circle-close-filled" :size="18" @click="deleteNode"
+          ><Icon color="#0089ff" icon="ep:circle-close-filled" :size="18" @click="deleteNode"
           /></div>
         </div>
       </div>
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes/CopyTaskNode.vue b/src/components/SimpleProcessDesignerV2/src/nodes/CopyTaskNode.vue
index 8b97ee5bf..36a59514e 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes/CopyTaskNode.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes/CopyTaskNode.vue
@@ -34,7 +34,7 @@
         </div>
         <div v-if="!readonly" class="node-toolbar">
           <div class="toolbar-icon"
-            ><Icon color="#0089ff" icon="ep:circle-close-filled" :size="18" @click="deleteNode"
+          ><Icon color="#0089ff" icon="ep:circle-close-filled" :size="18" @click="deleteNode"
           /></div>
         </div>
       </div>
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes/DelayTimerNode.vue b/src/components/SimpleProcessDesignerV2/src/nodes/DelayTimerNode.vue
index ad6795aa6..96880a8fc 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes/DelayTimerNode.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes/DelayTimerNode.vue
@@ -34,7 +34,7 @@
         </div>
         <div v-if="!readonly" class="node-toolbar">
           <div class="toolbar-icon"
-            ><Icon color="#0089ff" icon="ep:circle-close-filled" :size="18" @click="deleteNode"
+          ><Icon color="#0089ff" icon="ep:circle-close-filled" :size="18" @click="deleteNode"
           /></div>
         </div>
       </div>
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes/EndEventNode.vue b/src/components/SimpleProcessDesignerV2/src/nodes/EndEventNode.vue
index 0af03106c..e9158b251 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes/EndEventNode.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes/EndEventNode.vue
@@ -5,59 +5,59 @@
     </div>
   </div>
   <el-dialog title="审批信息" v-model="dialogVisible" width="1000px" append-to-body>
-      <el-row>
-        <el-table
-          :data="processInstanceInfos"
-          size="small"
-          border
-          header-cell-class-name="table-header-gray"
-        >
-          <el-table-column
-            label="序号"
-            header-align="center"
-            align="center"
-            type="index"
-            width="50"
-          />
-          <el-table-column
-            label="发起人"
-            prop="assigneeUser.nickname"
-            min-width="100"
-            align="center"
-          />
-          <el-table-column label="部门" min-width="100" align="center">
-            <template #default="scope">
-              {{ scope.row.assigneeUser?.deptName || scope.row.ownerUser?.deptName }}
-            </template>
-          </el-table-column>
-          <el-table-column
-            :formatter="dateFormatter"
-            align="center"
-            label="开始时间"
-            prop="createTime"
-            min-width="140"
-          />
-          <el-table-column
-            :formatter="dateFormatter"
-            align="center"
-            label="结束时间"
-            prop="endTime"
-            min-width="140"
-          />
-          <el-table-column align="center" label="审批状态" prop="status" min-width="90">
-            <template #default="scope">
-              <dict-tag :type="DICT_TYPE.BPM_PROCESS_INSTANCE_STATUS" :value="scope.row.status" />
-            </template>
-          </el-table-column>
+    <el-row>
+      <el-table
+        :data="processInstanceInfos"
+        size="small"
+        border
+        header-cell-class-name="table-header-gray"
+      >
+        <el-table-column
+          label="序号"
+          header-align="center"
+          align="center"
+          type="index"
+          width="50"
+        />
+        <el-table-column
+          label="发起人"
+          prop="assigneeUser.nickname"
+          min-width="100"
+          align="center"
+        />
+        <el-table-column label="部门" min-width="100" align="center">
+          <template #default="scope">
+            {{ scope.row.assigneeUser?.deptName || scope.row.ownerUser?.deptName }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          :formatter="dateFormatter"
+          align="center"
+          label="开始时间"
+          prop="createTime"
+          min-width="140"
+        />
+        <el-table-column
+          :formatter="dateFormatter"
+          align="center"
+          label="结束时间"
+          prop="endTime"
+          min-width="140"
+        />
+        <el-table-column align="center" label="审批状态" prop="status" min-width="90">
+          <template #default="scope">
+            <dict-tag :type="DICT_TYPE.BPM_PROCESS_INSTANCE_STATUS" :value="scope.row.status" />
+          </template>
+        </el-table-column>
          
-          <el-table-column align="center" label="耗时" prop="durationInMillis" width="100">
-            <template #default="scope">
-              {{ formatPast2(scope.row.durationInMillis) }}
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-row>
-    </el-dialog>
+        <el-table-column align="center" label="耗时" prop="durationInMillis" width="100">
+          <template #default="scope">
+            {{ formatPast2(scope.row.durationInMillis) }}
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-row>
+  </el-dialog>
 </template>
 <script setup lang="ts">
 import { SimpleFlowNode } from '../consts'
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes/ExclusiveNode.vue b/src/components/SimpleProcessDesignerV2/src/nodes/ExclusiveNode.vue
index 09b32ed39..efd3c67e0 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes/ExclusiveNode.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes/ExclusiveNode.vue
@@ -9,7 +9,7 @@
         <span class="iconfont icon-exclusive icon-size condition"></span>
       </div>
       <el-button v-else class="branch-node-add" color="#67c23a" @click="addCondition" plain
-        >添加条件</el-button
+      >添加条件</el-button
       >
 
       <div
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes/InclusiveNode.vue b/src/components/SimpleProcessDesignerV2/src/nodes/InclusiveNode.vue
index 51c44d419..c516baeb6 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes/InclusiveNode.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes/InclusiveNode.vue
@@ -9,7 +9,7 @@
         <span class="iconfont icon-inclusive icon-size inclusive"></span>
       </div>
       <el-button v-else class="branch-node-add" color="#345da2" @click="addCondition" plain
-        >添加条件</el-button
+      >添加条件</el-button
       >
       <div
         class="branch-node-item"
@@ -78,8 +78,8 @@
                 class="branch-node-move move-node-right"
                 v-if="
                   !readonly &&
-                  currentNode.conditionNodes &&
-                  index < currentNode.conditionNodes.length - 2
+                    currentNode.conditionNodes &&
+                    index < currentNode.conditionNodes.length - 2
                 "
                 @click="moveNode(index, 1)"
               >
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes/ParallelNode.vue b/src/components/SimpleProcessDesignerV2/src/nodes/ParallelNode.vue
index 7aa67933b..0a91a4e3f 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes/ParallelNode.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes/ParallelNode.vue
@@ -9,7 +9,7 @@
         <span class="iconfont icon-parallel icon-size parallel"></span>
       </div>
       <el-button v-else class="branch-node-add" color="#626aef" @click="addCondition" plain
-        >添加分支</el-button
+      >添加分支</el-button
       >
       <div
         class="branch-node-item"
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes/RouterNode.vue b/src/components/SimpleProcessDesignerV2/src/nodes/RouterNode.vue
index 3997c0950..535d43bb1 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes/RouterNode.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes/RouterNode.vue
@@ -36,7 +36,7 @@
         </div>
         <div v-if="!readonly" class="node-toolbar">
           <div class="toolbar-icon"
-            ><Icon color="#0089ff" icon="ep:circle-close-filled" :size="18" @click="deleteNode"
+          ><Icon color="#0089ff" icon="ep:circle-close-filled" :size="18" @click="deleteNode"
           /></div>
         </div>
       </div>
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes/StartUserNode.vue b/src/components/SimpleProcessDesignerV2/src/nodes/StartUserNode.vue
index 4abe38f0c..3ce268cb4 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes/StartUserNode.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes/StartUserNode.vue
@@ -10,7 +10,7 @@
       >
         <div class="node-title-container">
           <div class="node-title-icon start-user"
-            ><span class="iconfont icon-start-user"></span
+          ><span class="iconfont icon-start-user"></span
           ></div>
           <input
             v-if="!readonly && showInput"
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes/TriggerNode.vue b/src/components/SimpleProcessDesignerV2/src/nodes/TriggerNode.vue
index 00f1c8293..55c869544 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes/TriggerNode.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes/TriggerNode.vue
@@ -36,7 +36,7 @@
         </div>
         <div v-if="!readonly" class="node-toolbar">
           <div class="toolbar-icon"
-            ><Icon color="#0089ff" icon="ep:circle-close-filled" :size="18" @click="deleteNode"
+          ><Icon color="#0089ff" icon="ep:circle-close-filled" :size="18" @click="deleteNode"
           /></div>
         </div>
       </div>
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes/UserTaskNode.vue b/src/components/SimpleProcessDesignerV2/src/nodes/UserTaskNode.vue
index ae1af6c28..55ad3cd4c 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes/UserTaskNode.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes/UserTaskNode.vue
@@ -41,7 +41,7 @@
         </div>
         <div v-if="!readonly" class="node-toolbar">
           <div class="toolbar-icon"
-            ><Icon color="#0089ff" icon="ep:circle-close-filled" :size="18" @click="deleteNode"
+          ><Icon color="#0089ff" icon="ep:circle-close-filled" :size="18" @click="deleteNode"
           /></div>
         </div>
       </div>
diff --git a/src/components/Table/src/Table.vue b/src/components/Table/src/Table.vue
index e9e50af3e..5658c4185 100644
--- a/src/components/Table/src/Table.vue
+++ b/src/components/Table/src/Table.vue
@@ -9,7 +9,7 @@ import { set } from 'lodash-es'
 import { Pagination, TableColumn, TableSetPropsType, TableSlotDefault } from '@/types/table'
 
 export default defineComponent({
-  // eslint-disable-next-line vue/no-reserved-component-names
+
   name: 'Table',
   props: {
     pageSize: propTypes.number.def(10),
diff --git a/src/components/Table/src/TableSelectForm.vue b/src/components/Table/src/TableSelectForm.vue
index 5378a1b35..990d8761a 100644
--- a/src/components/Table/src/TableSelectForm.vue
+++ b/src/components/Table/src/TableSelectForm.vue
@@ -33,8 +33,8 @@ import { ElTable } from 'element-plus'
 defineOptions({ name: 'TableSelectForm' })
 withDefaults(
   defineProps<{
-    modelValue: any[]
-    title: string
+    modelValue?: any[]
+    title?: string
   }>(),
   { modelValue: () => [], title: '选择' }
 )
diff --git a/src/components/UploadFile/src/UploadImg.vue b/src/components/UploadFile/src/UploadImg.vue
index 66e9d0c9d..0be71f3f4 100644
--- a/src/components/UploadFile/src/UploadImg.vue
+++ b/src/components/UploadFile/src/UploadImg.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="upload-box">
+  <div class="upload-box" :style="uploadStyle">
     <el-upload
       :id="uuid"
       :accept="fileType.join(',')"
@@ -82,6 +82,13 @@ const props = defineProps({
   showBtnText: propTypes.bool.def(true), // 是否显示按钮文字
   directory: propTypes.string.def(undefined) // 上传目录 ==> 非必传（默认为 undefined）
 })
+
+const uploadStyle = computed(() => ({
+  '--upload-width': props.width,
+  '--upload-height': props.height,
+  '--upload-border-radius': props.borderradius
+}))
+
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
 // 生成组件唯一id
@@ -167,11 +174,11 @@ const uploadError = () => {
       display: flex;
       align-items: center;
       justify-content: center;
-      width: v-bind(width);
-      height: v-bind(height);
+      width: var(--upload-width);
+      height: var(--upload-height);
       overflow: hidden;
       border: 1px dashed var(--el-border-color-darker);
-      border-radius: v-bind(borderradius);
+      border-radius: var(--upload-border-radius);
       transition: var(--el-transition-duration-fast);
 
       &:hover {
@@ -192,7 +199,7 @@ const uploadError = () => {
         overflow: hidden;
         background-color: transparent;
         border: 1px dashed var(--el-border-color-darker);
-        border-radius: v-bind(borderradius);
+        border-radius: var(--upload-border-radius);
 
         &:hover {
           border: 1px dashed var(--el-color-primary);
diff --git a/src/components/UploadFile/src/UploadImgs.vue b/src/components/UploadFile/src/UploadImgs.vue
index d1386e46a..bebd1616d 100644
--- a/src/components/UploadFile/src/UploadImgs.vue
+++ b/src/components/UploadFile/src/UploadImgs.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="upload-box">
+  <div class="upload-box" :style="uploadStyle">
     <el-upload
       v-model:file-list="fileList"
       :accept="fileType.join(',')"
@@ -85,6 +85,12 @@ const props = defineProps({
   directory: propTypes.string.def(undefined) // 上传目录 ==> 非必传（默认为 undefined）
 })
 
+const uploadStyle = computed(() => ({
+  '--upload-width': props.width,
+  '--upload-height': props.height,
+  '--upload-border-radius': props.borderradius
+}))
+
 const { uploadUrl, httpRequest } = useUpload(props.directory)
 
 const fileList = ref<UploadUserFile[]>([])
@@ -238,7 +244,7 @@ const handleExceed = () => {
       padding: 0;
       overflow: hidden;
       border: 1px dashed var(--el-border-color-darker);
-      border-radius: v-bind(borderradius);
+      border-radius: var(--upload-border-radius);
 
       &:hover {
         border: 1px dashed var(--el-color-primary);
@@ -252,10 +258,10 @@ const handleExceed = () => {
 
     .el-upload-list__item,
     .el-upload--picture-card {
-      width: v-bind(width);
-      height: v-bind(height);
+      width: var(--upload-width);
+      height: var(--upload-height);
       background-color: transparent;
-      border-radius: v-bind(borderradius);
+      border-radius: var(--upload-border-radius);
     }
 
     .upload-image {
diff --git a/src/components/UserSelectForm/index.vue b/src/components/UserSelectForm/index.vue
index 5ed99f86e..5a297de48 100644
--- a/src/components/UserSelectForm/index.vue
+++ b/src/components/UserSelectForm/index.vue
@@ -158,11 +158,13 @@ defineExpose({ open }) // 提供 open 方法，用于打开弹窗
   .el-transfer {
     display: flex;
   }
+
   .el-transfer__buttons {
     display: flex !important;
     flex-direction: column-reverse;
     justify-content: center;
     gap: 20px;
+
     .el-transfer__button:nth-child(2) {
       margin: 0;
     }
diff --git a/src/components/bpmnProcessDesigner/package/designer/plugins/extension-moddle/camunda/extension.js b/src/components/bpmnProcessDesigner/package/designer/plugins/extension-moddle/camunda/extension.js
index b8c37a575..6219e8c57 100644
--- a/src/components/bpmnProcessDesigner/package/designer/plugins/extension-moddle/camunda/extension.js
+++ b/src/components/bpmnProcessDesigner/package/designer/plugins/extension-moddle/camunda/extension.js
@@ -12,7 +12,7 @@ import { isFunction, isObject, some } from 'min-dash'
 const WILDCARD = '*'
 
 function CamundaModdleExtension(eventBus) {
-  // eslint-disable-next-line @typescript-eslint/no-this-alias
+
   const self = this
 
   eventBus.on('moddleCopy.canCopyProperty', function (context) {
diff --git a/src/components/bpmnProcessDesigner/package/penal/PropertiesPanel.vue b/src/components/bpmnProcessDesigner/package/penal/PropertiesPanel.vue
index a87698f40..7e1e73228 100644
--- a/src/components/bpmnProcessDesigner/package/penal/PropertiesPanel.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/PropertiesPanel.vue
@@ -28,7 +28,7 @@
       </el-collapse-item>
       <el-collapse-item name="task" v-if="isTaskCollapseItemShow(elementType)" key="task">
         <template #title
-          ><Icon icon="ep:checked" />{{ getTaskCollapseItemName(elementType) }}</template
+        ><Icon icon="ep:checked" />{{ getTaskCollapseItemName(elementType) }}</template
         >
         <element-task :id="elementId" :type="elementType" />
       </el-collapse-item>
diff --git a/src/components/bpmnProcessDesigner/package/penal/custom-config/components/UserTaskCustomConfig.vue b/src/components/bpmnProcessDesigner/package/penal/custom-config/components/UserTaskCustomConfig.vue
index ac495ff8f..a3b512abb 100644
--- a/src/components/bpmnProcessDesigner/package/penal/custom-config/components/UserTaskCustomConfig.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/custom-config/components/UserTaskCustomConfig.vue
@@ -113,7 +113,7 @@
             v-if="btnDisplayNameEdit[index]"
           />
           <el-button v-else text @click="changeBtnDisplayName(index)"
-            >{{ item.displayName }} &nbsp;<Icon icon="ep:edit"
+          >{{ item.displayName }} &nbsp;<Icon icon="ep:edit"
           /></el-button>
         </div>
         <div class="button-setting-item-label">
@@ -128,13 +128,13 @@
         <div class="setting-title-label first-title"> 字段名称 </div>
         <div class="other-titles">
           <span class="setting-title-label cursor-pointer" @click="updatePermission('READ')"
-            >只读</span
+          >只读</span
           >
           <span class="setting-title-label cursor-pointer" @click="updatePermission('WRITE')"
-            >可编辑</span
+          >可编辑</span
           >
           <span class="setting-title-label cursor-pointer" @click="updatePermission('NONE')"
-            >隐藏</span
+          >隐藏</span
           >
         </div>
       </div>
diff --git a/src/components/bpmnProcessDesigner/package/penal/listeners/ElementListeners.vue b/src/components/bpmnProcessDesigner/package/penal/listeners/ElementListeners.vue
index c8726abc2..6b4a1dd57 100644
--- a/src/components/bpmnProcessDesigner/package/penal/listeners/ElementListeners.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/listeners/ElementListeners.vue
@@ -12,11 +12,11 @@
       <el-table-column label="操作" width="100px">
         <template #default="scope">
           <el-button size="small" link @click="openListenerForm(scope.row, scope.$index)"
-            >编辑</el-button
+          >编辑</el-button
           >
           <el-divider direction="vertical" />
           <el-button size="small" link style="color: #ff4d4f" @click="removeListener(scope.$index)"
-            >移除</el-button
+          >移除</el-button
           >
         </template>
       </el-table-column>
@@ -168,7 +168,7 @@
         <el-table-column label="操作" width="130px">
           <template #default="scope">
             <el-button size="small" link @click="openListenerFieldForm(scope.row, scope.$index)"
-              >编辑</el-button
+            >编辑</el-button
             >
             <el-divider direction="vertical" />
             <el-button
@@ -176,7 +176,7 @@
               link
               style="color: #ff4d4f"
               @click="removeListenerField(scope.$index)"
-              >移除</el-button
+            >移除</el-button
             >
           </template>
         </el-table-column>
diff --git a/src/components/bpmnProcessDesigner/package/penal/listeners/UserTaskListeners.vue b/src/components/bpmnProcessDesigner/package/penal/listeners/UserTaskListeners.vue
index cea9f1b52..9b354826d 100644
--- a/src/components/bpmnProcessDesigner/package/penal/listeners/UserTaskListeners.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/listeners/UserTaskListeners.vue
@@ -18,7 +18,7 @@
       <el-table-column label="操作" width="90px">
         <template #default="scope">
           <el-button size="small" link @click="openListenerForm(scope.row, scope.$index)"
-            >编辑</el-button
+          >编辑</el-button
           >
           <el-divider direction="vertical" />
           <el-button
@@ -26,7 +26,7 @@
             link
             style="color: #ff4d4f"
             @click="removeListener(scope.row, scope.$index)"
-            >移除</el-button
+          >移除</el-button
           >
         </template>
       </el-table-column>
@@ -184,7 +184,7 @@
       <p class="listener-filed__title">
         <span><Icon icon="ep:menu" />注入字段：</span>
         <el-button size="small" type="primary" @click="openListenerFieldForm(null)"
-          >添加字段</el-button
+        >添加字段</el-button
         >
       </p>
       <el-table
@@ -212,7 +212,7 @@
         <el-table-column label="操作" width="100px">
           <template #default="scope">
             <el-button size="small" link @click="openListenerFieldForm(scope.row, scope.$index)"
-              >编辑</el-button
+            >编辑</el-button
             >
             <el-divider direction="vertical" />
             <el-button
@@ -220,7 +220,7 @@
               link
               style="color: #ff4d4f"
               @click="removeListenerField(scope.row, scope.$index)"
-              >移除</el-button
+            >移除</el-button
             >
           </template>
         </el-table-column>
diff --git a/src/components/bpmnProcessDesigner/package/penal/multi-instance/ElementMultiInstance.vue b/src/components/bpmnProcessDesigner/package/penal/multi-instance/ElementMultiInstance.vue
index 99ee6f888..7fb6052d0 100644
--- a/src/components/bpmnProcessDesigner/package/penal/multi-instance/ElementMultiInstance.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/multi-instance/ElementMultiInstance.vue
@@ -19,7 +19,7 @@
               size="small"
               v-if="
                 item.value === ApproveMethodType.APPROVE_BY_RATIO &&
-                approveMethod === ApproveMethodType.APPROVE_BY_RATIO
+                  approveMethod === ApproveMethodType.APPROVE_BY_RATIO
               "
               @change="onApproveRatioChange"
             />
@@ -47,7 +47,7 @@
       <template
         v-if="
           loopCharacteristics === 'ParallelMultiInstance' ||
-          loopCharacteristics === 'SequentialMultiInstance'
+            loopCharacteristics === 'SequentialMultiInstance'
         "
       >
         <el-form-item label="循环数量" key="loopCardinality">
diff --git a/src/components/bpmnProcessDesigner/package/penal/task/task-components/HttpHeaderEditor.vue b/src/components/bpmnProcessDesigner/package/penal/task/task-components/HttpHeaderEditor.vue
index 5d0a13349..eb54191ba 100644
--- a/src/components/bpmnProcessDesigner/package/penal/task/task-components/HttpHeaderEditor.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/task/task-components/HttpHeaderEditor.vue
@@ -141,8 +141,8 @@ watch(
 .header-editor {
   .header-list {
     max-height: 400px;
-    overflow-y: auto;
     margin-bottom: 16px;
+    overflow-y: auto;
   }
 
   .header-item {
@@ -156,8 +156,8 @@ watch(
     }
 
     .separator {
-      color: #606266;
       font-weight: 500;
+      color: #606266;
     }
 
     .header-value {
diff --git a/src/components/bpmnProcessDesigner/package/penal/task/task-components/UserTask.vue b/src/components/bpmnProcessDesigner/package/penal/task/task-components/UserTask.vue
index e4091b96e..0a6a414fa 100644
--- a/src/components/bpmnProcessDesigner/package/penal/task/task-components/UserTask.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/task/task-components/UserTask.vue
@@ -33,8 +33,8 @@
     <el-form-item
       v-if="
         userTaskForm.candidateStrategy == CandidateStrategy.DEPT_MEMBER ||
-        userTaskForm.candidateStrategy == CandidateStrategy.DEPT_LEADER ||
-        userTaskForm.candidateStrategy == CandidateStrategy.MULTI_LEVEL_DEPT_LEADER
+          userTaskForm.candidateStrategy == CandidateStrategy.DEPT_LEADER ||
+          userTaskForm.candidateStrategy == CandidateStrategy.MULTI_LEVEL_DEPT_LEADER
       "
       label="指定部门"
       prop="candidateParam"
@@ -152,9 +152,9 @@
     <el-form-item
       v-if="
         userTaskForm.candidateStrategy == CandidateStrategy.MULTI_LEVEL_DEPT_LEADER ||
-        userTaskForm.candidateStrategy == CandidateStrategy.START_USER_DEPT_LEADER ||
-        userTaskForm.candidateStrategy == CandidateStrategy.START_USER_MULTI_LEVEL_DEPT_LEADER ||
-        userTaskForm.candidateStrategy == CandidateStrategy.FORM_DEPT_LEADER
+          userTaskForm.candidateStrategy == CandidateStrategy.START_USER_DEPT_LEADER ||
+          userTaskForm.candidateStrategy == CandidateStrategy.START_USER_MULTI_LEVEL_DEPT_LEADER ||
+          userTaskForm.candidateStrategy == CandidateStrategy.FORM_DEPT_LEADER
       "
       :label="deptLevelLabel!"
       prop="deptLevel"
diff --git a/src/components/bpmnProcessDesigner/package/penal/time-event-config/CycleConfig.vue b/src/components/bpmnProcessDesigner/package/penal/time-event-config/CycleConfig.vue
index 302fe7328..90933254a 100644
--- a/src/components/bpmnProcessDesigner/package/penal/time-event-config/CycleConfig.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/time-event-config/CycleConfig.vue
@@ -24,7 +24,7 @@
             <el-radio-group v-model="cronMode[f.key]" :key="'radio-' + f.key">
               <el-radio label="every" :key="'every-' + f.key">每{{ f.label }}</el-radio>
               <el-radio label="range" :key="'range-' + f.key"
-                >从
+              >从
                 <el-input-number
                   v-model="cronRange[f.key][0]"
                   :min="f.min"
@@ -45,7 +45,7 @@
                 之间每{{ f.label }}</el-radio
               >
               <el-radio label="step" :key="'step-' + f.key"
-                >从第
+              >从第
                 <el-input-number
                   v-model="cronStep[f.key][0]"
                   :min="f.min"
@@ -74,7 +74,7 @@
                 v-for="n in f.max + 1"
                 :label="pad(n - 1)"
                 :key="'cb-' + f.key + '-' + (n - 1)"
-                >{{ pad(n - 1) }}</el-checkbox
+              >{{ pad(n - 1) }}</el-checkbox
               >
             </el-checkbox-group>
           </div>
@@ -91,71 +91,71 @@
         />
       </div>
       <div style="margin-bottom: 10px"
-        >循环次数：<el-input-number v-model="repeat" :min="1" style="width: 100px" :key="'repeat'"
+      >循环次数：<el-input-number v-model="repeat" :min="1" style="width: 100px" :key="'repeat'"
       /></div>
       <div style="margin-bottom: 10px"
-        >日期时间：<el-date-picker
-          v-model="isoDate"
-          type="datetime"
-          placeholder="选择日期时间"
-          style="width: 200px"
-          :key="'isoDate'"
+      >日期时间：<el-date-picker
+        v-model="isoDate"
+        type="datetime"
+        placeholder="选择日期时间"
+        style="width: 200px"
+        :key="'isoDate'"
       /></div>
       <div style="margin-bottom: 10px"
-        >当前时长：<el-input
-          v-model="isoDuration"
-          placeholder="如P3DT30M30S"
-          style="width: 200px"
-          :key="'isoDuration'"
+      >当前时长：<el-input
+        v-model="isoDuration"
+        placeholder="如P3DT30M30S"
+        style="width: 200px"
+        :key="'isoDuration'"
       /></div>
       <div>
         <div
-          >秒：<el-button
-            v-for="s in [5, 10, 30, 50]"
-            @click="setDuration('S', s)"
-            :key="'sec-' + s"
-            >{{ s }}</el-button
-          >自定义</div
+        >秒：<el-button
+          v-for="s in [5, 10, 30, 50]"
+          @click="setDuration('S', s)"
+          :key="'sec-' + s"
+        >{{ s }}</el-button
+        >自定义</div
         >
         <div
-          >分：<el-button
-            v-for="m in [5, 10, 30, 50]"
-            @click="setDuration('M', m)"
-            :key="'min-' + m"
-            >{{ m }}</el-button
-          >自定义</div
+        >分：<el-button
+          v-for="m in [5, 10, 30, 50]"
+          @click="setDuration('M', m)"
+          :key="'min-' + m"
+        >{{ m }}</el-button
+        >自定义</div
         >
         <div
-          >小时：<el-button
-            v-for="h in [4, 8, 12, 24]"
-            @click="setDuration('H', h)"
-            :key="'hour-' + h"
-            >{{ h }}</el-button
-          >自定义</div
+        >小时：<el-button
+          v-for="h in [4, 8, 12, 24]"
+          @click="setDuration('H', h)"
+          :key="'hour-' + h"
+        >{{ h }}</el-button
+        >自定义</div
         >
         <div
-          >天：<el-button
-            v-for="d in [1, 2, 3, 4]"
-            @click="setDuration('D', d)"
-            :key="'day-' + d"
-            >{{ d }}</el-button
-          >自定义</div
+        >天：<el-button
+          v-for="d in [1, 2, 3, 4]"
+          @click="setDuration('D', d)"
+          :key="'day-' + d"
+        >{{ d }}</el-button
+        >自定义</div
         >
         <div
-          >月：<el-button
-            v-for="mo in [1, 2, 3, 4]"
-            @click="setDuration('M', mo)"
-            :key="'mon-' + mo"
-            >{{ mo }}</el-button
-          >自定义</div
+        >月：<el-button
+          v-for="mo in [1, 2, 3, 4]"
+          @click="setDuration('M', mo)"
+          :key="'mon-' + mo"
+        >{{ mo }}</el-button
+        >自定义</div
         >
         <div
-          >年：<el-button
-            v-for="y in [1, 2, 3, 4]"
-            @click="setDuration('Y', y)"
-            :key="'year-' + y"
-            >{{ y }}</el-button
-          >自定义</div
+        >年：<el-button
+          v-for="y in [1, 2, 3, 4]"
+          @click="setDuration('Y', y)"
+          :key="'year-' + y"
+        >{{ y }}</el-button
+        >自定义</div
         >
       </div>
     </el-tab-pane>
diff --git a/src/components/bpmnProcessDesigner/package/penal/time-event-config/DurationConfig.vue b/src/components/bpmnProcessDesigner/package/penal/time-event-config/DurationConfig.vue
index 1aa6a0ba5..26b36a95f 100644
--- a/src/components/bpmnProcessDesigner/package/penal/time-event-config/DurationConfig.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/time-event-config/DurationConfig.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div style="margin-bottom: 10px"
-      >当前选择：<el-input v-model="isoString" readonly style="width: 300px"
+    >当前选择：<el-input v-model="isoString" readonly style="width: 300px"
     /></div>
     <div v-for="unit in units" :key="unit.key" style="margin-bottom: 8px">
       <span>{{ unit.label }}：</span>
@@ -11,7 +11,7 @@
           :key="val"
           size="mini"
           @click="setUnit(unit.key, val)"
-          >{{ val }}</el-button
+        >{{ val }}</el-button
         >
         <el-input
           v-model.number="custom[unit.key]"
diff --git a/src/components/bpmnProcessDesigner/package/penal/time-event-config/TimeEventConfig.vue b/src/components/bpmnProcessDesigner/package/penal/time-event-config/TimeEventConfig.vue
index 3ec31f9b0..37ef36e61 100644
--- a/src/components/bpmnProcessDesigner/package/penal/time-event-config/TimeEventConfig.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/time-event-config/TimeEventConfig.vue
@@ -4,21 +4,21 @@
       <span>类型：</span>
       <el-button-group>
         <el-button size="mini" :type="type === 'time' ? 'primary' : ''" @click="setType('time')"
-          >时间</el-button
+        >时间</el-button
         >
         <el-button
           size="mini"
           :type="type === 'duration' ? 'primary' : ''"
           @click="setType('duration')"
-          >持续</el-button
+        >持续</el-button
         >
         <el-button size="mini" :type="type === 'cycle' ? 'primary' : ''" @click="setType('cycle')"
-          >循环</el-button
+        >循环</el-button
         >
       </el-button-group>
       <el-icon v-if="valid" color="green" style="margin-left: 8px"><CircleCheckFilled /></el-icon>
     </div>
-    <div style="margin-top: 10px; display: flex; align-items: center">
+    <div style=" display: flex;margin-top: 10px; align-items: center">
       <span>条件：</span>
       <el-input
         v-model="condition"
@@ -34,7 +34,7 @@
           </el-tooltip>
           <el-tooltip :content="helpText" placement="top">
             <el-icon color="#409EFF" style="cursor: pointer" @click="showHelp = true"
-              ><QuestionFilled
+            ><QuestionFilled
             /></el-icon>
           </el-tooltip>
           <el-button