adtec-core-package 2.1.9 → 2.2.0

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

@@ -1,110 +1,110 @@
-<script setup lang="ts">
-import type { FlowNode } from '../nodes/type'
-import { ref } from 'vue'
-
-const props = defineProps<{
-  node: FlowNode
-}>()
-const drawer = ref(false)
-const addListener = () => {
-  if (!props.node.executionListeners) {
-    props.node.executionListeners = []
-  }
-  props.node.executionListeners?.push({
-    event: 'start',
-    implementationType: 'delegateExpression',
-    implementation: '',
-  })
-}
-const delListener = (index: number) => {
-  props.node.executionListeners?.splice(index, 1)
-}
-</script>
-
-<template>
-  <div>
-    <slot>
-      <el-badge :value="node.executionListeners?.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.executionListeners" :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="`executionListeners.${index}.event`">
-            <el-radio-group v-model="item.event">
-              <el-radio-button label="开始" value="start" />
-              <el-radio-button label="结束" value="end" />
-              <el-radio-button label="迁移" value="take" />
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item label="类型" :prop="`executionListeners.${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="`executionListeners.${index}.implementation`">
-            <template #label>
-              <div class="flex-items-center gap3px">
-                <span>监听器</span>
-                <el-tooltip placement="top-start">
-                  <template #content>
-                    实现 ExecutionListener 接口 <br />
-                    委托表达式：${myExecutionListener} <br />
-                    表达式: ${myExecutionListener.notify(execution)} <br />
-                    java类：${com.example.listener.MyExecutionListener}
-                  </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 { FlowNode } from '../nodes/type'
+import { ref } from 'vue'
+
+const props = defineProps<{
+  node: FlowNode
+}>()
+const drawer = ref(false)
+const addListener = () => {
+  if (!props.node.executionListeners) {
+    props.node.executionListeners = []
+  }
+  props.node.executionListeners?.push({
+    event: 'start',
+    implementationType: 'delegateExpression',
+    implementation: '',
+  })
+}
+const delListener = (index: number) => {
+  props.node.executionListeners?.splice(index, 1)
+}
+</script>
+
+<template>
+  <div>
+    <slot>
+      <el-badge :value="node.executionListeners?.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.executionListeners" :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="`executionListeners.${index}.event`">
+            <el-radio-group v-model="item.event">
+              <el-radio-button label="开始" value="start" />
+              <el-radio-button label="结束" value="end" />
+              <el-radio-button label="迁移" value="take" />
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="类型" :prop="`executionListeners.${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="`executionListeners.${index}.implementation`">
+            <template #label>
+              <div class="flex-items-center gap3px">
+                <span>监听器</span>
+                <el-tooltip placement="top-start">
+                  <template #content>
+                    实现 ExecutionListener 接口 <br />
+                    委托表达式：${myExecutionListener} <br />
+                    表达式: ${myExecutionListener.notify(execution)} <br />
+                    java类：${com.example.listener.MyExecutionListener}
+                  </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/JumpPanel.vue

@@ -1,32 +1,32 @@
-<script setup lang="ts">
-import type { FlowNode, JumpNode } from '../nodes/type'
-import { inject, ref, type Ref } from 'vue'
-
-defineProps<{
-  activeData: JumpNode
-}>()
-const { getTaskNodes } = inject<{
-  readOnly?: Ref<boolean>
-  getTaskNodes: (arg: string) => FlowNode[]
-}>('flowDesign', {
-  readOnly: ref(false),
-  getTaskNodes: (arg: string) => []
-})
-</script>
-
-<template>
-  <el-form label-position="top" label-width="90px">
-    <el-form-item prop="types" label="跳转节点">
-      <el-select v-model="activeData.targetNode">
-        <el-option
-          v-for="item in getTaskNodes(activeData.id)"
-          :key="item.id"
-          :label="item.name"
-          :value="item.id"
-        />
-      </el-select>
-    </el-form-item>
-  </el-form>
-</template>
-
-<style scoped lang="scss"></style>
+<script setup lang="ts">
+import type { FlowNode, JumpNode } from '../nodes/type'
+import { inject, ref, type Ref } from 'vue'
+
+defineProps<{
+  activeData: JumpNode
+}>()
+const { getTaskNodes } = inject<{
+  readOnly?: Ref<boolean>
+  getTaskNodes: (arg: string) => FlowNode[]
+}>('flowDesign', {
+  readOnly: ref(false),
+  getTaskNodes: (arg: string) => []
+})
+</script>
+
+<template>
+  <el-form label-position="top" label-width="90px">
+    <el-form-item prop="types" label="跳转节点">
+      <el-select v-model="activeData.targetNode">
+        <el-option
+          v-for="item in getTaskNodes(activeData.id)"
+          :key="item.id"
+          :label="item.name"
+          :value="item.id"
+        />
+      </el-select>
+    </el-form-item>
+  </el-form>
+</template>
+
+<style scoped lang="scss"></style>

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

@@ -1,101 +1,101 @@
-<script setup lang="ts">
-import type { NotifyNode } from '../nodes/type'
-import { inject, ref, type Ref } from 'vue'
-import type { Field } from '../../../components/Render/type'
-import AssigneePanel from './AssigneePanel.vue'
-
-const { fields } = inject<{ fields: Ref<Field[]> }>('flowDesign', { fields: ref([]) })
-defineProps<{
-  activeData: NotifyNode
-}>()
-</script>
-
-<template>
-  <el-form label-position="top" label-width="90px">
-    <AssigneePanel :active-data="activeData" :fields="fields" type="通知" />
-    <el-form-item prop="nodeTag" label="组件路径">
-      <template #label>
-        <el-flex align="center">
-          <span style="margin-right: 3px">组件路径</span>
-          <el-tooltip content="前端组件路径，可使用menucode或‘/src/**/*.vue’" placement="top">
-            <el-icons model-value="adtec-info"></el-icons>
-          </el-tooltip>
-        </el-flex>
-      </template>
-      <el-input
-        v-model="activeData.nodeTag"
-        :maxlength="100"
-        clearable
-        placeholder="请输入组件路径"
-      />
-    </el-form-item>
-    <el-form-item prop="nodeParam" label="组件参数">
-      <template #label>
-        <el-flex align="center">
-          <span style="margin-right: 3px">组件参数</span>
-          <el-tooltip content="前端组件参数" placement="top">
-            <el-icons model-value="adtec-info"></el-icons>
-          </el-tooltip>
-        </el-flex>
-      </template>
-      <el-input
-        v-model="activeData.nodeParam"
-        :maxlength="100"
-        clearable
-        placeholder="请输入组件参数"
-      />
-    </el-form-item>
-    <el-form-item prop="types" label="通知类型">
-      <el-checkbox-group v-model="activeData.types">
-        <el-checkbox label="站内" disabled value="site" />
-        <el-checkbox label="邮件" value="email" />
-        <el-checkbox label="短信" value="sms" />
-        <el-checkbox label="企业微信" value="wechat" />
-
-        <!--        <el-checkbox label="钉钉" value="dingtalk" />-->
-        <!--        <el-checkbox label="飞书" value="feishu" />-->
-      </el-checkbox-group>
-    </el-form-item>
-    <el-form-item prop="subject" label="消息主题">
-      <!--      <template #label>-->
-      <!--        <div class="flex-items-center gap3px">-->
-      <!--          <el-tooltip content="可以使用 ${字段名} 字段名填充内容" placement="top">-->
-      <!--            <el-icon>-->
-      <!--              <QuestionFilled />-->
-      <!--            </el-icon>-->
-      <!--          </el-tooltip>-->
-      <!--          <span>消息主题</span>-->
-      <!--        </div>-->
-      <!--      </template>-->
-      <el-input
-        v-model="activeData.subject"
-        :maxlength="255"
-        clearable
-        placeholder="请输入消息主题"
-      />
-    </el-form-item>
-    <el-form-item prop="content" label="消息内容">
-      <!--      <template #label>-->
-      <!--        <div class="flex-items-center gap3px">-->
-      <!--          <el-tooltip content="可以使用 ${字段名} 字段名填充内容" placement="top">-->
-      <!--            <el-icon>-->
-      <!--              <QuestionFilled />-->
-      <!--            </el-icon>-->
-      <!--          </el-tooltip>-->
-      <!--          <span>消息内容</span>-->
-      <!--        </div>-->
-      <!--      </template>-->
-      <el-input
-        v-model="activeData.content"
-        :autosize="{ minRows: 6, maxRows: 8 }"
-        type="textarea"
-        :maxlength="1000"
-        show-word-limit
-        placeholder="请输入消息内容"
-      >
-      </el-input>
-    </el-form-item>
-  </el-form>
-</template>
-
-<style scoped lang="scss"></style>
+<script setup lang="ts">
+import type { NotifyNode } from '../nodes/type'
+import { inject, ref, type Ref } from 'vue'
+import type { Field } from '../../../components/Render/type'
+import AssigneePanel from './AssigneePanel.vue'
+
+const { fields } = inject<{ fields: Ref<Field[]> }>('flowDesign', { fields: ref([]) })
+defineProps<{
+  activeData: NotifyNode
+}>()
+</script>
+
+<template>
+  <el-form label-position="top" label-width="90px">
+    <AssigneePanel :active-data="activeData" :fields="fields" type="通知" />
+    <el-form-item prop="nodeTag" label="组件路径">
+      <template #label>
+        <el-flex align="center">
+          <span style="margin-right: 3px">组件路径</span>
+          <el-tooltip content="前端组件路径，可使用menucode或‘/src/**/*.vue’" placement="top">
+            <el-icons model-value="adtec-info"></el-icons>
+          </el-tooltip>
+        </el-flex>
+      </template>
+      <el-input
+        v-model="activeData.nodeTag"
+        :maxlength="100"
+        clearable
+        placeholder="请输入组件路径"
+      />
+    </el-form-item>
+    <el-form-item prop="nodeParam" label="组件参数">
+      <template #label>
+        <el-flex align="center">
+          <span style="margin-right: 3px">组件参数</span>
+          <el-tooltip content="前端组件参数" placement="top">
+            <el-icons model-value="adtec-info"></el-icons>
+          </el-tooltip>
+        </el-flex>
+      </template>
+      <el-input
+        v-model="activeData.nodeParam"
+        :maxlength="100"
+        clearable
+        placeholder="请输入组件参数"
+      />
+    </el-form-item>
+    <el-form-item prop="types" label="通知类型">
+      <el-checkbox-group v-model="activeData.types">
+        <el-checkbox label="站内" disabled value="site" />
+        <el-checkbox label="邮件" value="email" />
+        <el-checkbox label="短信" value="sms" />
+        <el-checkbox label="企业微信" value="wechat" />
+
+        <!--        <el-checkbox label="钉钉" value="dingtalk" />-->
+        <!--        <el-checkbox label="飞书" value="feishu" />-->
+      </el-checkbox-group>
+    </el-form-item>
+    <el-form-item prop="subject" label="消息主题">
+      <!--      <template #label>-->
+      <!--        <div class="flex-items-center gap3px">-->
+      <!--          <el-tooltip content="可以使用 ${字段名} 字段名填充内容" placement="top">-->
+      <!--            <el-icon>-->
+      <!--              <QuestionFilled />-->
+      <!--            </el-icon>-->
+      <!--          </el-tooltip>-->
+      <!--          <span>消息主题</span>-->
+      <!--        </div>-->
+      <!--      </template>-->
+      <el-input
+        v-model="activeData.subject"
+        :maxlength="255"
+        clearable
+        placeholder="请输入消息主题"
+      />
+    </el-form-item>
+    <el-form-item prop="content" label="消息内容">
+      <!--      <template #label>-->
+      <!--        <div class="flex-items-center gap3px">-->
+      <!--          <el-tooltip content="可以使用 ${字段名} 字段名填充内容" placement="top">-->
+      <!--            <el-icon>-->
+      <!--              <QuestionFilled />-->
+      <!--            </el-icon>-->
+      <!--          </el-tooltip>-->
+      <!--          <span>消息内容</span>-->
+      <!--        </div>-->
+      <!--      </template>-->
+      <el-input
+        v-model="activeData.content"
+        :autosize="{ minRows: 6, maxRows: 8 }"
+        type="textarea"
+        :maxlength="1000"
+        show-word-limit
+        placeholder="请输入消息内容"
+      >
+      </el-input>
+    </el-form-item>
+  </el-form>
+</template>
+
+<style scoped lang="scss"></style>