feat: [bpm][ele] bpmn 设计器时间事件配置优化

apps/web-ele/src/views/bpm/components/bpmn-process-designer/package/penal/time-event-config/CycleConfig.vue

@@ -211,7 +211,7 @@ watch(
         <ElInput
           v-model="cronStr"
           readonly
-          class="w-[400px] font-bold"
+          class="!w-[400px] font-bold"
           key="cronStr"
         />
       </div>
@@ -273,7 +273,7 @@ watch(
                   :min="f.min"
                   :max="f.max"
                   size="small"
-                  class="w-[60px]"
+                  class="!w-[100px]"
                   :key="`range0-${f.key}`"
                 />
                 到
@@ -282,7 +282,7 @@ watch(
                   :min="f.min"
                   :max="f.max"
                   size="small"
-                  class="w-[60px]"
+                  class="!w-[100px]"
                   :key="`range1-${f.key}`"
                 />
                 之间每{{ f.label }}
@@ -294,7 +294,7 @@ watch(
                   :min="f.min"
                   :max="f.max"
                   size="small"
-                  class="w-[60px]"
+                  class="!w-[100px]"
                   :key="`step0-${f.key}`"
                 />
                 开始每
@@ -303,7 +303,7 @@ watch(
                   :min="1"
                   :max="f.max"
                   size="small"
-                  class="w-[60px]"
+                  class="!w-[100px]"
                   :key="`step1-${f.key}`"
                 />
                 {{ f.label }}
@@ -342,7 +342,7 @@ watch(
         循环次数：<ElInputNumber
           v-model="repeat"
           :min="1"
-          class="w-[100px]"
+          class="!w-[100px]"
           key="repeat"
         />
       </div>
@@ -351,7 +351,7 @@ watch(
           v-model="isoDate"
           type="datetime"
           placeholder="选择开始时间"
-          class="w-[200px]"
+          class="!w-[200px]"
           key="isoDate"
         />
       </div>
@@ -360,7 +360,7 @@ watch(
           v-model="isoDuration"
           readonly
           placeholder="如P3DT30M30S"
-          class="w-[200px]"
+          class="!w-[200px]"
           key="isoDuration"
         />
       </div>
@@ -380,7 +380,7 @@ watch(
           <ElInput
             v-model="durationCustom[unit.key]"
             size="small"
-            class="ml-2 w-[60px]"
+            class="ml-2 !w-[60px]"
             placeholder="自定义"
             @change="setDuration(unit.key, durationCustom[unit.key])"
           />

apps/web-ele/src/views/bpm/components/bpmn-process-designer/package/penal/time-event-config/DurationConfig.vue

@@ -69,7 +69,7 @@ watch(
 <template>
   <div>
     <div class="mb-2.5">
-      当前选择：<ElInput v-model="isoString" readonly class="w-[300px]" />
+      当前选择：<ElInput v-model="isoString" readonly class="!w-[300px]" />
     </div>
     <div v-for="unit in units" :key="unit.key" class="mb-2">
       <span>{{ unit.label }}：</span>
@@ -86,7 +86,7 @@ watch(
       <ElInput
         v-model="custom[unit.key]"
         size="small"
-        class="ml-2 w-[60px]"
+        class="ml-2 !w-[60px]"
         placeholder="自定义"
         @change="setUnit(unit.key, custom[unit.key])"
       />

apps/web-ele/src/views/bpm/components/bpmn-process-designer/package/penal/time-event-config/TimeEventConfig.vue

@@ -1,6 +1,4 @@
 <script lang="ts" setup>
-import type { Dayjs } from 'dayjs';
-
 import type { Ref } from 'vue';
 
 import { computed, nextTick, onMounted, ref, toRaw, watch } from 'vue';
@@ -30,7 +28,7 @@ const bpmnInstances = () => (window as any).bpmnInstances;
 const type: Ref<string> = ref('time');
 const condition: Ref<string> = ref('');
 const valid: Ref<boolean> = ref(false);
-const dateValue = ref<Dayjs>();
+const dateValue = ref();
 
 const placeholder = computed<string>(() => {
   if (type.value === 'time') return '请输入时间';
@@ -108,7 +106,6 @@ function validate(): boolean {
 // 选择时间 Modal
 const [DateModal, dateModalApi] = useVbenModal({
   title: '选择时间',
-  class: 'w-[400px]',
   onConfirm: onDateConfirm,
 });
 
@@ -126,7 +123,6 @@ function onDateConfirm(): void {
 // 持续时长 Modal
 const [DurationModal, durationModalApi] = useVbenModal({
   title: '时间配置',
-  class: 'w-[600px]',
   onConfirm: onDurationConfirm,
 });
 
@@ -141,7 +137,6 @@ function onDurationConfirm(): void {
 // 循环配置 Modal
 const [CycleModal, cycleModalApi] = useVbenModal({
   title: '时间配置',
-  class: 'w-[800px]',
   onConfirm: onCycleConfirm,
 });
 
@@ -338,7 +333,7 @@ watch(
         v-model="dateValue"
         type="datetime"
         placeholder="选择日期时间"
-        class="w-full"
+        class="!w-full"
         @change="onDateChange"
       />
     </DateModal>
@@ -349,7 +344,7 @@ watch(
     </DurationModal>
 
     <!-- 循环配置器 -->
-    <CycleModal>
+    <CycleModal class="w-2/3">
       <CycleConfig :value="condition" @change="onCycleChange" />
     </CycleModal>