adtec-core-package 2.1.9 → 2.2.0

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

@@ -1,160 +1,160 @@
-<script setup lang="ts">
-import type { FormProperty, StartNode } from '../nodes/type'
-import type { Field } from '../../../components/Render/type'
-import { computed, inject, ref, type Ref, watchEffect } from 'vue'
-import ExecutionListeners from './ExecutionListeners.vue'
-import { CloseBold } from '@element-plus/icons-vue'
-import ParaPanel from './ParaPanel.vue'
-
-const { fields, deleteFormItem } = inject<{
-  fields: Ref<Field[]>
-  deleteFormItem: (id: string) => void
-}>('flowDesign', {
-  fields: ref([]),
-  deleteFormItem: (id: string) => {},
-})
-const props = defineProps<{
-  activeData: StartNode
-}>()
-const activeName = ref('basicSettings')
-const allReadonly = computed({
-  get() {
-    return props.activeData.formProperties.every((e) => e.readonly)
-  },
-  set(val) {
-    props.activeData.formProperties.forEach((e) => (e.readonly = val))
-    if (val) {
-      allHidden.value = false
-      allRequired.value = false
-    }
-  },
-})
-const allHidden = computed({
-  get() {
-    return props.activeData.formProperties.every((e) => e.hidden)
-  },
-  set(val) {
-    props.activeData.formProperties.forEach((e) => (e.hidden = val))
-    if (val) {
-      allRequired.value = false
-      allReadonly.value = false
-    }
-  },
-})
-const allRequired = computed({
-  get() {
-    return props.activeData.formProperties.every((e) => e.required)
-  },
-  set(val) {
-    props.activeData.formProperties.forEach((e) => (e.required = val))
-    if (val) {
-      allReadonly.value = false
-      allHidden.value = false
-    }
-  },
-})
-
-const changeReadonly = (row: FormProperty) => {
-  if (row.readonly) {
-    row.required = false
-    row.hidden = false
-  }
-}
-const changeRequired = (row: FormProperty) => {
-  if (row.required) {
-    row.readonly = false
-    row.hidden = false
-  }
-}
-const changeHidden = (row: FormProperty) => {
-  if (row.hidden) {
-    row.readonly = false
-    row.required = false
-  }
-}
-const deleteParaItem = (row: FormProperty) => {
-  deleteFormItem(row.id)
-}
-watchEffect(() => {
-  const formProperties = props.activeData.formProperties
-  props.activeData.formProperties = fields.value.map((field) => ({
-    id: field.id,
-    name: field.label,
-    readonly: field.readonly || false,
-    hidden: field.hidden,
-    required: field.required || false,
-  }))
-  props.activeData.formProperties.forEach((item) => {
-    const properties = formProperties.find((f) => f.id === item.id)
-    if (properties) {
-      item.readonly = properties.readonly
-      item.hidden = properties.hidden
-      item.required = properties.required
-    }
-  })
-})
-</script>
-
-<template>
-  <el-tabs v-model="activeName" stretch style="width: 100%">
-    <el-tab-pane label="基础设置" name="basicSettings">
-      <el-form label-position="top" label-width="90px">
-        <el-form-item prop="executionListeners" label="执行监听器">
-          <ExecutionListeners :node="activeData" />
-        </el-form-item>
-      </el-form>
-    </el-tab-pane>
-    <el-tab-pane label="参数设置" name="formPermissions">
-      <el-table :data="activeData.formProperties">
-        <el-table-column prop="name" label="字段" />
-        <el-table-column prop="id" label="编码" />
-        <el-table-column prop="readonly" width="75">
-          <template #header>
-            <el-checkbox v-model="allReadonly" label="只读" />
-          </template>
-          <template #default="{ row }">
-            <el-checkbox v-model="row.readonly" @change="changeReadonly(row)" />
-          </template>
-        </el-table-column>
-        <el-table-column prop="required" width="75">
-          <template #header>
-            <el-checkbox v-model="allRequired" label="必填" />
-          </template>
-          <template #default="{ row }">
-            <el-checkbox v-model="row.required" @change="changeRequired(row)" />
-          </template>
-        </el-table-column>
-        <el-table-column prop="hidden" width="75">
-          <template #header>
-            <el-checkbox v-model="allHidden" label="隐藏" />
-          </template>
-          <template #default="{ row }">
-            <el-checkbox v-model="row.hidden" @change="changeHidden(row)" />
-          </template>
-        </el-table-column>
-        <el-table-column width="50" prop="hidden">
-          <template #default="{ row }">
-            <span @click.stop>
-              <el-popconfirm
-                title="删除后该参数在流程中将不可用,您确定要删除该参数吗？"
-                width="200"
-                :hide-after="0"
-                placement="left-end"
-                @confirm="deleteParaItem(row)"
-              >
-                <template #reference>
-                  <el-button size="small" type="danger" text :icon="CloseBold"> </el-button>
-                </template>
-              </el-popconfirm>
-            </span>
-          </template>
-        </el-table-column>
-      </el-table>
-      <ParaPanel />
-    </el-tab-pane>
-  </el-tabs>
-</template>
-
-<style scoped lang="scss">
-//@import '@/components/bpmntree/styles/el-segmented.scss';
-</style>
+<script setup lang="ts">
+import type { FormProperty, StartNode } from '../nodes/type'
+import type { Field } from '../../../components/Render/type'
+import { computed, inject, ref, type Ref, watchEffect } from 'vue'
+import ExecutionListeners from './ExecutionListeners.vue'
+import { CloseBold } from '@element-plus/icons-vue'
+import ParaPanel from './ParaPanel.vue'
+
+const { fields, deleteFormItem } = inject<{
+  fields: Ref<Field[]>
+  deleteFormItem: (id: string) => void
+}>('flowDesign', {
+  fields: ref([]),
+  deleteFormItem: (id: string) => {},
+})
+const props = defineProps<{
+  activeData: StartNode
+}>()
+const activeName = ref('basicSettings')
+const allReadonly = computed({
+  get() {
+    return props.activeData.formProperties.every((e) => e.readonly)
+  },
+  set(val) {
+    props.activeData.formProperties.forEach((e) => (e.readonly = val))
+    if (val) {
+      allHidden.value = false
+      allRequired.value = false
+    }
+  },
+})
+const allHidden = computed({
+  get() {
+    return props.activeData.formProperties.every((e) => e.hidden)
+  },
+  set(val) {
+    props.activeData.formProperties.forEach((e) => (e.hidden = val))
+    if (val) {
+      allRequired.value = false
+      allReadonly.value = false
+    }
+  },
+})
+const allRequired = computed({
+  get() {
+    return props.activeData.formProperties.every((e) => e.required)
+  },
+  set(val) {
+    props.activeData.formProperties.forEach((e) => (e.required = val))
+    if (val) {
+      allReadonly.value = false
+      allHidden.value = false
+    }
+  },
+})
+
+const changeReadonly = (row: FormProperty) => {
+  if (row.readonly) {
+    row.required = false
+    row.hidden = false
+  }
+}
+const changeRequired = (row: FormProperty) => {
+  if (row.required) {
+    row.readonly = false
+    row.hidden = false
+  }
+}
+const changeHidden = (row: FormProperty) => {
+  if (row.hidden) {
+    row.readonly = false
+    row.required = false
+  }
+}
+const deleteParaItem = (row: FormProperty) => {
+  deleteFormItem(row.id)
+}
+watchEffect(() => {
+  const formProperties = props.activeData.formProperties
+  props.activeData.formProperties = fields.value.map((field) => ({
+    id: field.id,
+    name: field.label,
+    readonly: field.readonly || false,
+    hidden: field.hidden,
+    required: field.required || false,
+  }))
+  props.activeData.formProperties.forEach((item) => {
+    const properties = formProperties.find((f) => f.id === item.id)
+    if (properties) {
+      item.readonly = properties.readonly
+      item.hidden = properties.hidden
+      item.required = properties.required
+    }
+  })
+})
+</script>
+
+<template>
+  <el-tabs v-model="activeName" stretch style="width: 100%">
+    <el-tab-pane label="基础设置" name="basicSettings">
+      <el-form label-position="top" label-width="90px">
+        <el-form-item prop="executionListeners" label="执行监听器">
+          <ExecutionListeners :node="activeData" />
+        </el-form-item>
+      </el-form>
+    </el-tab-pane>
+    <el-tab-pane label="参数设置" name="formPermissions">
+      <el-table :data="activeData.formProperties">
+        <el-table-column prop="name" label="字段" />
+        <el-table-column prop="id" label="编码" />
+        <el-table-column prop="readonly" width="75">
+          <template #header>
+            <el-checkbox v-model="allReadonly" label="只读" />
+          </template>
+          <template #default="{ row }">
+            <el-checkbox v-model="row.readonly" @change="changeReadonly(row)" />
+          </template>
+        </el-table-column>
+        <el-table-column prop="required" width="75">
+          <template #header>
+            <el-checkbox v-model="allRequired" label="必填" />
+          </template>
+          <template #default="{ row }">
+            <el-checkbox v-model="row.required" @change="changeRequired(row)" />
+          </template>
+        </el-table-column>
+        <el-table-column prop="hidden" width="75">
+          <template #header>
+            <el-checkbox v-model="allHidden" label="隐藏" />
+          </template>
+          <template #default="{ row }">
+            <el-checkbox v-model="row.hidden" @change="changeHidden(row)" />
+          </template>
+        </el-table-column>
+        <el-table-column width="50" prop="hidden">
+          <template #default="{ row }">
+            <span @click.stop>
+              <el-popconfirm
+                title="删除后该参数在流程中将不可用,您确定要删除该参数吗？"
+                width="200"
+                :hide-after="0"
+                placement="left-end"
+                @confirm="deleteParaItem(row)"
+              >
+                <template #reference>
+                  <el-button size="small" type="danger" text :icon="CloseBold"> </el-button>
+                </template>
+              </el-popconfirm>
+            </span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <ParaPanel />
+    </el-tab-pane>
+  </el-tabs>
+</template>
+
+<style scoped lang="scss">
+//@import '@/components/bpmntree/styles/el-segmented.scss';
+</style>

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

@@ -1,110 +1,110 @@
-<script setup lang="ts">
-import type { ApprovalNode } from '../nodes/type'
-import { ref } from 'vue'
-
-const props = defineProps<{
-  node: ApprovalNode
-}>()
-const drawer = ref(false)
-const addListener = () => {
-  if (!props.node.taskListeners) {
-    props.node.taskListeners = []
-  }
-  props.node.taskListeners?.push({
-    event: 'create',
-    implementationType: 'delegateExpression',
-    implementation: '',
-  })
-}
-const delListener = (index: number) => {
-  props.node.taskListeners?.splice(index, 1)
-}
-</script>
-
-<template>
-  <div>
-    <slot>
-      <el-badge :value="node.taskListeners?.length || 0" class="item" type="primary">
-        <el-button icon="Setting" @click="drawer = true"> 配置</el-button>
-      </el-badge>
-    </slot>
-    <el-drawer v-model="drawer" title="任务监听器" size="500" :close-on-click-modal="true">
-      <div class="flex-col" style="padding-top: 5px">
-        <el-button @click="addListener" style="width: 100%" type="primary" icon="Plus">
-          添加监听器
-        </el-button>
-        <div v-for="(item, index) in node.taskListeners" :key="index" class="listener-box">
-          <el-button
-            class="listener-close"
-            @click="delListener(index)"
-            plain
-            circle
-            icon="CloseBold"
-            size="small"
-            type="danger"
-          />
-          <el-form-item label="事件" :prop="`taskListeners.${index}.event`">
-            <el-radio-group v-model="item.event">
-              <el-radio-button label="创建" value="create" />
-              <el-radio-button label="指派" value="assignment" />
-              <el-radio-button label="完成" value="complete" />
-              <el-radio-button label="删除" value="delete" />
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item label="类型" :prop="`taskListeners.${index}.implementationType`">
-            <el-radio-group v-model="item.implementationType">
-              <el-radio-button label="委托表达式" value="delegateExpression" />
-              <el-radio-button label="java类" value="class" />
-              <el-radio-button label="表达式" value="expression" />
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item label="监听器" :prop="`taskListeners.${index}.implementation`">
-            <template #label>
-              <div class="flex-items-center gap3px">
-                <span>监听器</span>
-                <el-tooltip placement="top-start">
-                  <template #content>
-                    委托表达式：${myCreateTaskListener} <br />
-                    表达式: ${myCreateTaskListener.notify(execution)} <br />
-                    java类：${com.example.listener.MyCreateTaskListener}
-                  </template>
-                  <el-icon>
-                    <QuestionFilled />
-                  </el-icon>
-                </el-tooltip>
-              </div>
-            </template>
-            <el-input v-model="item.implementation" placeholder="请输入监听器" clearable>
-            </el-input>
-          </el-form-item>
-        </div>
-      </div>
-    </el-drawer>
-  </div>
-</template>
-
-<style scoped lang="scss">
-.listener-box {
-  border: 1px dashed var(--el-border-color);
-  border-radius: var(--el-border-radius-base);
-  margin-top: 10px;
-  padding: 7px;
-  position: relative;
-
-  &:hover {
-    border-color: var(--el-color-primary);
-
-    .listener-close {
-      display: block;
-    }
-  }
-
-  .listener-close {
-    position: absolute;
-    top: -7px;
-    right: -7px;
-    z-index: 1;
-    display: none;
-  }
-}
-</style>
+<script setup lang="ts">
+import type { ApprovalNode } from '../nodes/type'
+import { ref } from 'vue'
+
+const props = defineProps<{
+  node: ApprovalNode
+}>()
+const drawer = ref(false)
+const addListener = () => {
+  if (!props.node.taskListeners) {
+    props.node.taskListeners = []
+  }
+  props.node.taskListeners?.push({
+    event: 'create',
+    implementationType: 'delegateExpression',
+    implementation: '',
+  })
+}
+const delListener = (index: number) => {
+  props.node.taskListeners?.splice(index, 1)
+}
+</script>
+
+<template>
+  <div>
+    <slot>
+      <el-badge :value="node.taskListeners?.length || 0" class="item" type="primary">
+        <el-button icon="Setting" @click="drawer = true"> 配置</el-button>
+      </el-badge>
+    </slot>
+    <el-drawer v-model="drawer" title="任务监听器" size="500" :close-on-click-modal="true">
+      <div class="flex-col" style="padding-top: 5px">
+        <el-button @click="addListener" style="width: 100%" type="primary" icon="Plus">
+          添加监听器
+        </el-button>
+        <div v-for="(item, index) in node.taskListeners" :key="index" class="listener-box">
+          <el-button
+            class="listener-close"
+            @click="delListener(index)"
+            plain
+            circle
+            icon="CloseBold"
+            size="small"
+            type="danger"
+          />
+          <el-form-item label="事件" :prop="`taskListeners.${index}.event`">
+            <el-radio-group v-model="item.event">
+              <el-radio-button label="创建" value="create" />
+              <el-radio-button label="指派" value="assignment" />
+              <el-radio-button label="完成" value="complete" />
+              <el-radio-button label="删除" value="delete" />
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="类型" :prop="`taskListeners.${index}.implementationType`">
+            <el-radio-group v-model="item.implementationType">
+              <el-radio-button label="委托表达式" value="delegateExpression" />
+              <el-radio-button label="java类" value="class" />
+              <el-radio-button label="表达式" value="expression" />
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="监听器" :prop="`taskListeners.${index}.implementation`">
+            <template #label>
+              <div class="flex-items-center gap3px">
+                <span>监听器</span>
+                <el-tooltip placement="top-start">
+                  <template #content>
+                    委托表达式：${myCreateTaskListener} <br />
+                    表达式: ${myCreateTaskListener.notify(execution)} <br />
+                    java类：${com.example.listener.MyCreateTaskListener}
+                  </template>
+                  <el-icon>
+                    <QuestionFilled />
+                  </el-icon>
+                </el-tooltip>
+              </div>
+            </template>
+            <el-input v-model="item.implementation" placeholder="请输入监听器" clearable>
+            </el-input>
+          </el-form-item>
+        </div>
+      </div>
+    </el-drawer>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.listener-box {
+  border: 1px dashed var(--el-border-color);
+  border-radius: var(--el-border-radius-base);
+  margin-top: 10px;
+  padding: 7px;
+  position: relative;
+
+  &:hover {
+    border-color: var(--el-color-primary);
+
+    .listener-close {
+      display: block;
+    }
+  }
+
+  .listener-close {
+    position: absolute;
+    top: -7px;
+    right: -7px;
+    z-index: 1;
+    display: none;
+  }
+}
+</style>

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

@@ -1,51 +1,51 @@
-<script setup lang="ts">
-import type { TimerNode } from '../nodes/type'
-
-defineProps<{
-  activeData: TimerNode
-}>()
-</script>
-
-<template>
-  <el-form label-position="top">
-    <el-form-item prop="waitType" label="等待方式">
-      <el-radio-group v-model="activeData.waitType">
-        <el-radio-button label="固定时长" value="duration" />
-        <el-radio-button label="固定时间" value="date" />
-      </el-radio-group>
-    </el-form-item>
-    <el-form-item prop="duration" label="等待时长" v-if="activeData.waitType === 'duration'">
-      <el-input
-        v-model.number="activeData.duration"
-        :min="0"
-        :max="9999999"
-        type="number"
-        style="max-width: 230px"
-        class="input-with-select"
-      >
-        <template #append>
-          <el-select v-model="activeData.unit" placeholder="Select" style="width: 80px">
-            <el-option label="秒" value="PT%sS"></el-option>
-            <el-option label="分钟" value="PT%sM"></el-option>
-            <el-option label="小时" value="PT%sH"></el-option>
-            <el-option label="天" value="P%sD"></el-option>
-            <el-option label="周" value="P%sW"></el-option>
-            <el-option label="月" value="P%sM"></el-option>
-          </el-select>
-        </template>
-      </el-input>
-    </el-form-item>
-    <el-form-item prop="duration" label="指定时间" v-if="activeData.waitType === 'date'">
-      <el-date-picker
-        v-model="activeData.timeDate"
-        type="datetime"
-        format="YYYY-MM-DD HH:mm:ss"
-        value-format="YYYY-MM-DD HH:mm:ss"
-        placeholder="请选择等待时间"
-        :popper-options="{ placement: 'bottom-start' }"
-      />
-    </el-form-item>
-  </el-form>
-</template>
-
-<style scoped lang="scss"></style>
+<script setup lang="ts">
+import type { TimerNode } from '../nodes/type'
+
+defineProps<{
+  activeData: TimerNode
+}>()
+</script>
+
+<template>
+  <el-form label-position="top">
+    <el-form-item prop="waitType" label="等待方式">
+      <el-radio-group v-model="activeData.waitType">
+        <el-radio-button label="固定时长" value="duration" />
+        <el-radio-button label="固定时间" value="date" />
+      </el-radio-group>
+    </el-form-item>
+    <el-form-item prop="duration" label="等待时长" v-if="activeData.waitType === 'duration'">
+      <el-input
+        v-model.number="activeData.duration"
+        :min="0"
+        :max="9999999"
+        type="number"
+        style="max-width: 230px"
+        class="input-with-select"
+      >
+        <template #append>
+          <el-select v-model="activeData.unit" placeholder="Select" style="width: 80px">
+            <el-option label="秒" value="PT%sS"></el-option>
+            <el-option label="分钟" value="PT%sM"></el-option>
+            <el-option label="小时" value="PT%sH"></el-option>
+            <el-option label="天" value="P%sD"></el-option>
+            <el-option label="周" value="P%sW"></el-option>
+            <el-option label="月" value="P%sM"></el-option>
+          </el-select>
+        </template>
+      </el-input>
+    </el-form-item>
+    <el-form-item prop="duration" label="指定时间" v-if="activeData.waitType === 'date'">
+      <el-date-picker
+        v-model="activeData.timeDate"
+        type="datetime"
+        format="YYYY-MM-DD HH:mm:ss"
+        value-format="YYYY-MM-DD HH:mm:ss"
+        placeholder="请选择等待时间"
+        :popper-options="{ placement: 'bottom-start' }"
+      />
+    </el-form-item>
+  </el-form>
+</template>
+
+<style scoped lang="scss"></style>