adtec-core-package 1.2.4 → 1.2.6

package/src/components/bpmntree/views/flowDesign/panels/index.vue

@@ -1,85 +1,85 @@
-<script setup lang="ts">
-import { ClickOutside as vClickOutside } from 'element-plus'
-import { type Component, ref } from 'vue'
-import Start from './StartPanel.vue'
-import Approval from './ApprovalPanel.vue'
-import Cc from './CcPanel.vue'
-import Timer from './TimerPanel.vue'
-import Jump from './JumpPanel.vue'
-import Notify from './NotifyPanel.vue'
-import Condition from './ConditionPanel.vue'
-import End from './EndPanel.vue'
-import type { FlowNode } from '../nodes/type'
-
-defineProps<{
-  activeData: FlowNode
-}>()
-const penalVisible = defineModel<boolean>({ required: true })
-const panels: Recordable<Component> = {
-  start: Start,
-  approval: Approval,
-  cc: Cc,
-  timer: Timer,
-  notify: Notify,
-  jump: Jump,
-  condition: Condition,
-  end: End,
-}
-const showInput = ref(false)
-const onClickOutside = () => {
-  if (showInput.value) {
-    showInput.value = false
-  }
-}
-</script>
-
-<template>
-  <div class="myDrawer">
-    <el-drawer
-      v-model="penalVisible"
-      size="600"
-      :title="activeData.name"
-      :close-on-click-modal="true"
-    >
-      <!--      <template #header="{ titleId, titleClass }">-->
-      <!--        <span :id="titleId" :class="titleClass">-->
-      <!--          <el-input-->
-      <!--            v-click-outside="onClickOutside"-->
-      <!--            @blur="onClickOutside"-->
-      <!--            maxlength="30"-->
-      <!--            v-model="activeData.name"-->
-      <!--            v-show="showInput"-->
-      <!--          ></el-input>-->
-      <!--          <el-link icon="EditPen" v-show="!showInput" @click="showInput = true">-->
-      <!--            {{ activeData?.name || '节点配置' }}-->
-      <!--          </el-link>-->
-      <!--        </span>-->
-      <!--      </template>-->
-      <component :is="panels[activeData.type]" :activeData="activeData" style="padding-top: 5px" />
-    </el-drawer>
-  </div>
-</template>
-
-<style scoped lang="scss">
-:deep(.el-tabs__content) {
-  margin-top: 10px;
-}
-
-.myDrawer {
-  //:deep(.el-drawer__header) {
-  //  margin-bottom: 0;
-  //  padding: calc(var(--el-drawer-padding-primary) - 5px) var(--el-drawer-padding-primary)
-  //    calc(var(--el-drawer-padding-primary) - 6px);
-  //  border-bottom: 1px var(--el-border-style) var(--el-border-color);
-  //  justify-content: space-between;
-  //}
-
-  :deep(.el-form-item) {
-    margin-bottom: 15px;
-  }
-
-  :deep(.el-divider--horizontal) {
-    margin: 15px 0;
-  }
-}
-</style>
+<script setup lang="ts">
+import { ClickOutside as vClickOutside } from 'element-plus'
+import { type Component, ref } from 'vue'
+import Start from './StartPanel.vue'
+import Approval from './ApprovalPanel.vue'
+import Cc from './CcPanel.vue'
+import Timer from './TimerPanel.vue'
+import Jump from './JumpPanel.vue'
+import Notify from './NotifyPanel.vue'
+import Condition from './ConditionPanel.vue'
+import End from './EndPanel.vue'
+import type { FlowNode } from '../nodes/type'
+
+defineProps<{
+  activeData: FlowNode
+}>()
+const penalVisible = defineModel<boolean>({ required: true })
+const panels: Recordable<Component> = {
+  start: Start,
+  approval: Approval,
+  cc: Cc,
+  timer: Timer,
+  notify: Notify,
+  jump: Jump,
+  condition: Condition,
+  end: End,
+}
+const showInput = ref(false)
+const onClickOutside = () => {
+  if (showInput.value) {
+    showInput.value = false
+  }
+}
+</script>
+
+<template>
+  <div class="myDrawer">
+    <el-drawer
+      v-model="penalVisible"
+      size="600"
+      :title="activeData.name"
+      :close-on-click-modal="true"
+    >
+      <!--      <template #header="{ titleId, titleClass }">-->
+      <!--        <span :id="titleId" :class="titleClass">-->
+      <!--          <el-input-->
+      <!--            v-click-outside="onClickOutside"-->
+      <!--            @blur="onClickOutside"-->
+      <!--            maxlength="30"-->
+      <!--            v-model="activeData.name"-->
+      <!--            v-show="showInput"-->
+      <!--          ></el-input>-->
+      <!--          <el-link icon="EditPen" v-show="!showInput" @click="showInput = true">-->
+      <!--            {{ activeData?.name || '节点配置' }}-->
+      <!--          </el-link>-->
+      <!--        </span>-->
+      <!--      </template>-->
+      <component :is="panels[activeData.type]" :activeData="activeData" style="padding-top: 5px" />
+    </el-drawer>
+  </div>
+</template>
+
+<style scoped lang="scss">
+:deep(.el-tabs__content) {
+  margin-top: 10px;
+}
+
+.myDrawer {
+  //:deep(.el-drawer__header) {
+  //  margin-bottom: 0;
+  //  padding: calc(var(--el-drawer-padding-primary) - 5px) var(--el-drawer-padding-primary)
+  //    calc(var(--el-drawer-padding-primary) - 6px);
+  //  border-bottom: 1px var(--el-border-style) var(--el-border-color);
+  //  justify-content: space-between;
+  //}
+
+  :deep(.el-form-item) {
+    margin-bottom: 15px;
+  }
+
+  :deep(.el-divider--horizontal) {
+    margin: 15px 0;
+  }
+}
+</style>