adtec-core-package 2.0.0 → 2.0.1

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

@@ -1,120 +1,120 @@
-<script setup lang="ts">
-import type { AssigneeNode } from '../nodes/type'
-import type { Field } from '../../../components/Render/type'
-import UserSelector from '../../../components/UserSelector/index.vue'
-import RoleSelector from '../../../components/RoleSelector/index.vue'
-
-defineProps<{
-  activeData: AssigneeNode
-  fields: Field[]
-  type: '审批' | '抄送' | '办理' | '通知'
-}>()
-</script>
-
-<template>
-  <el-form label-position="top" label-width="90px">
-    <el-form-item prop="assigneeType" :label="`${type}对象`">
-      <el-radio-group style="width: 100%" v-model="activeData.assigneeType">
-        <!--        <el-row style="width: 100%; height: 32px">-->
-        <!--          <el-col :span="4">-->
-        <el-radio value="user">指定人员</el-radio>
-        <!--          </el-col>-->
-        <!--          <el-col :span="4">-->
-        <el-radio value="role">指定角色</el-radio>
-        <!--          </el-col>-->
-        <!--          <el-col :span="8">-->
-        <!--            <el-radio value="choice">发起人自选</el-radio>-->
-        <!--          </el-col>-->
-        <!--          <el-col :span="5">-->
-        <el-radio value="self">发起人自己</el-radio>
-        <!--          </el-col>-->
-        <!--          <el-col :span="8">-->
-        <!--            <el-radio value="leader">直属上级</el-radio>-->
-        <!--          </el-col>-->
-        <!--          <el-col :span="8">-->
-        <!--            <el-radio value="orgLeader">组织主管</el-radio>-->
-        <!--          </el-col>-->
-        <!--          <el-col :span="5">-->
-        <el-radio value="formUser">自定义人员</el-radio>
-        <!--          </el-col>-->
-        <!--          <el-col :span="5">-->
-        <el-radio value="formRole">自定义角色</el-radio>
-        <!--          </el-col>-->
-        <slot></slot>
-        <!--        </el-row>-->
-      </el-radio-group>
-    </el-form-item>
-    <el-form-item prop="users" label="指定人员" v-if="activeData.assigneeType === 'user'">
-      <user-selector v-model="activeData.users" multiple :placeholder="`请选择${type}人`" />
-    </el-form-item>
-    <el-form-item prop="choice" label="发起人自选择" v-if="activeData.assigneeType === 'choice'">
-      <el-radio-group v-model="activeData.choice">
-        <el-radio-button :value="false">单选</el-radio-button>
-        <el-radio-button :value="true">多选</el-radio-button>
-      </el-radio-group>
-    </el-form-item>
-    <el-form-item prop="leader" label="多级上级" v-if="activeData.assigneeType === 'leader'">
-      <el-select v-model="activeData.leader" style="width: 220px" placeholder="请选择多级上级">
-        <el-option label="直属上级" :value="1"></el-option>
-        <el-option label="2级上级" :value="2"></el-option>
-        <el-option label="3级上级" :value="3"></el-option>
-        <el-option label="4级上级" :value="4"></el-option>
-        <el-option label="5级上级" :value="5"></el-option>
-        <el-option label="6级上级" :value="6"></el-option>
-        <el-option label="7级上级" :value="7"></el-option>
-        <el-option label="8级上级" :value="8"></el-option>
-        <el-option label="9级上级" :value="9"></el-option>
-        <el-option label="10级上级" :value="10"></el-option>
-        <el-option label="11级上级" :value="11"></el-option>
-      </el-select>
-    </el-form-item>
-    <el-form-item prop="orgLeader" label="组织主管" v-if="activeData.assigneeType === 'orgLeader'">
-      <el-select v-model="activeData.orgLeader" style="width: 220px" placeholder="请选择组织主管">
-        <el-option label="直属主管" :value="1"></el-option>
-        <el-option label="2级主管" :value="2"></el-option>
-        <el-option label="3级主管" :value="3"></el-option>
-        <el-option label="4级主管" :value="4"></el-option>
-        <el-option label="5级主管" :value="5"></el-option>
-        <el-option label="6级主管" :value="6"></el-option>
-        <el-option label="7级主管" :value="7"></el-option>
-        <el-option label="8级主管" :value="8"></el-option>
-        <el-option label="9级主管" :value="9"></el-option>
-        <el-option label="10级主管" :value="10"></el-option>
-        <el-option label="11级主管" :value="11"></el-option>
-      </el-select>
-    </el-form-item>
-    <el-form-item prop="roles" label="指定角色" v-if="activeData.assigneeType === 'role'">
-      <RoleSelector
-        v-model="activeData.roles"
-        style="width: 220px"
-        collapse-tags
-        :max-collapse-tags="1"
-        multiple
-        clearable
-        placeholder="请选择角色"
-      />
-    </el-form-item>
-    <el-form-item prop="formUser" label="自定义人员" v-if="activeData.assigneeType === 'formUser'">
-      <el-select placeholder="选择自定义人员" style="width: 220px" v-model="activeData.formUser">
-        <el-option
-          v-for="item in fields.filter((e) => e.name === 'UserSelector')"
-          :key="item.id"
-          :label="item.label"
-          :value="item.id"
-        />
-      </el-select>
-    </el-form-item>
-    <el-form-item prop="formRole" label="自定义角色" v-if="activeData.assigneeType === 'formRole'">
-      <el-select placeholder="选择自定义角色" style="width: 220px" v-model="activeData.formRole">
-        <el-option
-          v-for="item in fields.filter((e) => e.name === 'RoleSelector')"
-          :key="item.id"
-          :label="item.label"
-          :value="item.id"
-        />
-      </el-select>
-    </el-form-item>
-  </el-form>
-</template>
-
-<style scoped lang="scss"></style>
+<script setup lang="ts">
+import type { AssigneeNode } from '../nodes/type'
+import type { Field } from '../../../components/Render/type'
+import UserSelector from '../../../components/UserSelector/index.vue'
+import RoleSelector from '../../../components/RoleSelector/index.vue'
+
+defineProps<{
+  activeData: AssigneeNode
+  fields: Field[]
+  type: '审批' | '抄送' | '办理' | '通知'
+}>()
+</script>
+
+<template>
+  <el-form label-position="top" label-width="90px">
+    <el-form-item prop="assigneeType" :label="`${type}对象`">
+      <el-radio-group style="width: 100%" v-model="activeData.assigneeType">
+        <!--        <el-row style="width: 100%; height: 32px">-->
+        <!--          <el-col :span="4">-->
+        <el-radio value="user">指定人员</el-radio>
+        <!--          </el-col>-->
+        <!--          <el-col :span="4">-->
+        <el-radio value="role">指定角色</el-radio>
+        <!--          </el-col>-->
+        <!--          <el-col :span="8">-->
+        <!--            <el-radio value="choice">发起人自选</el-radio>-->
+        <!--          </el-col>-->
+        <!--          <el-col :span="5">-->
+        <el-radio value="self">发起人自己</el-radio>
+        <!--          </el-col>-->
+        <!--          <el-col :span="8">-->
+        <!--            <el-radio value="leader">直属上级</el-radio>-->
+        <!--          </el-col>-->
+        <!--          <el-col :span="8">-->
+        <!--            <el-radio value="orgLeader">组织主管</el-radio>-->
+        <!--          </el-col>-->
+        <!--          <el-col :span="5">-->
+        <el-radio value="formUser">自定义人员</el-radio>
+        <!--          </el-col>-->
+        <!--          <el-col :span="5">-->
+        <el-radio value="formRole">自定义角色</el-radio>
+        <!--          </el-col>-->
+        <slot></slot>
+        <!--        </el-row>-->
+      </el-radio-group>
+    </el-form-item>
+    <el-form-item prop="users" label="指定人员" v-if="activeData.assigneeType === 'user'">
+      <user-selector v-model="activeData.users" multiple :placeholder="`请选择${type}人`" />
+    </el-form-item>
+    <el-form-item prop="choice" label="发起人自选择" v-if="activeData.assigneeType === 'choice'">
+      <el-radio-group v-model="activeData.choice">
+        <el-radio-button :value="false">单选</el-radio-button>
+        <el-radio-button :value="true">多选</el-radio-button>
+      </el-radio-group>
+    </el-form-item>
+    <el-form-item prop="leader" label="多级上级" v-if="activeData.assigneeType === 'leader'">
+      <el-select v-model="activeData.leader" style="width: 220px" placeholder="请选择多级上级">
+        <el-option label="直属上级" :value="1"></el-option>
+        <el-option label="2级上级" :value="2"></el-option>
+        <el-option label="3级上级" :value="3"></el-option>
+        <el-option label="4级上级" :value="4"></el-option>
+        <el-option label="5级上级" :value="5"></el-option>
+        <el-option label="6级上级" :value="6"></el-option>
+        <el-option label="7级上级" :value="7"></el-option>
+        <el-option label="8级上级" :value="8"></el-option>
+        <el-option label="9级上级" :value="9"></el-option>
+        <el-option label="10级上级" :value="10"></el-option>
+        <el-option label="11级上级" :value="11"></el-option>
+      </el-select>
+    </el-form-item>
+    <el-form-item prop="orgLeader" label="组织主管" v-if="activeData.assigneeType === 'orgLeader'">
+      <el-select v-model="activeData.orgLeader" style="width: 220px" placeholder="请选择组织主管">
+        <el-option label="直属主管" :value="1"></el-option>
+        <el-option label="2级主管" :value="2"></el-option>
+        <el-option label="3级主管" :value="3"></el-option>
+        <el-option label="4级主管" :value="4"></el-option>
+        <el-option label="5级主管" :value="5"></el-option>
+        <el-option label="6级主管" :value="6"></el-option>
+        <el-option label="7级主管" :value="7"></el-option>
+        <el-option label="8级主管" :value="8"></el-option>
+        <el-option label="9级主管" :value="9"></el-option>
+        <el-option label="10级主管" :value="10"></el-option>
+        <el-option label="11级主管" :value="11"></el-option>
+      </el-select>
+    </el-form-item>
+    <el-form-item prop="roles" label="指定角色" v-if="activeData.assigneeType === 'role'">
+      <RoleSelector
+        v-model="activeData.roles"
+        style="width: 220px"
+        collapse-tags
+        :max-collapse-tags="1"
+        multiple
+        clearable
+        placeholder="请选择角色"
+      />
+    </el-form-item>
+    <el-form-item prop="formUser" label="自定义人员" v-if="activeData.assigneeType === 'formUser'">
+      <el-select placeholder="选择自定义人员" style="width: 220px" v-model="activeData.formUser">
+        <el-option
+          v-for="item in fields.filter((e) => e.name === 'UserSelector')"
+          :key="item.id"
+          :label="item.label"
+          :value="item.id"
+        />
+      </el-select>
+    </el-form-item>
+    <el-form-item prop="formRole" label="自定义角色" v-if="activeData.assigneeType === 'formRole'">
+      <el-select placeholder="选择自定义角色" style="width: 220px" v-model="activeData.formRole">
+        <el-option
+          v-for="item in fields.filter((e) => e.name === 'RoleSelector')"
+          :key="item.id"
+          :label="item.label"
+          :value="item.id"
+        />
+      </el-select>
+    </el-form-item>
+  </el-form>
+</template>
+
+<style scoped lang="scss"></style>

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

@@ -1,99 +1,99 @@
-<script setup lang="ts">
-import type { CcNode, FormProperty } from '../nodes/type'
-import { computed, inject, ref, type Ref, watchEffect } from 'vue'
-import type { Field } from '../../../components/Render/type'
-import AssigneePanel from './AssigneePanel.vue'
-
-const { fields } = inject<{ fields: Ref<Field[]> }>('flowDesign', { fields: ref([]) })
-const props = defineProps<{
-  activeData: CcNode
-}>()
-const activeName = ref('properties')
-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
-    }
-  },
-})
-const allHidden = computed({
-  get() {
-    return props.activeData.formProperties.every((e) => e.hidden)
-  },
-  set(val) {
-    props.activeData.formProperties.forEach((e) => (e.hidden = val))
-    if (val) {
-      allReadonly.value = false
-    }
-  },
-})
-
-const changeReadonly = (row: FormProperty) => {
-  if (row.readonly) {
-    row.hidden = false
-  }
-}
-const changeHidden = (row: FormProperty) => {
-  if (row.hidden) {
-    row.readonly = false
-  }
-}
-
-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="properties">
-      <el-form label-position="top" label-width="90px">
-        <AssigneePanel :active-data="activeData" :fields="fields" type="抄送" />
-      </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="readonly">
-          <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="hidden">
-          <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>
-    </el-tab-pane>
-  </el-tabs>
-</template>
-
-<style scoped lang="scss">
-//@import '@/components/bpmntree/styles/el-segmented.scss';
-</style>
+<script setup lang="ts">
+import type { CcNode, FormProperty } from '../nodes/type'
+import { computed, inject, ref, type Ref, watchEffect } from 'vue'
+import type { Field } from '../../../components/Render/type'
+import AssigneePanel from './AssigneePanel.vue'
+
+const { fields } = inject<{ fields: Ref<Field[]> }>('flowDesign', { fields: ref([]) })
+const props = defineProps<{
+  activeData: CcNode
+}>()
+const activeName = ref('properties')
+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
+    }
+  },
+})
+const allHidden = computed({
+  get() {
+    return props.activeData.formProperties.every((e) => e.hidden)
+  },
+  set(val) {
+    props.activeData.formProperties.forEach((e) => (e.hidden = val))
+    if (val) {
+      allReadonly.value = false
+    }
+  },
+})
+
+const changeReadonly = (row: FormProperty) => {
+  if (row.readonly) {
+    row.hidden = false
+  }
+}
+const changeHidden = (row: FormProperty) => {
+  if (row.hidden) {
+    row.readonly = false
+  }
+}
+
+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="properties">
+      <el-form label-position="top" label-width="90px">
+        <AssigneePanel :active-data="activeData" :fields="fields" type="抄送" />
+      </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="readonly">
+          <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="hidden">
+          <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>
+    </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/ConditionPanel.vue

@@ -1,41 +1,41 @@
-<script setup lang="ts">
-import type { ConditionNode } from '../nodes/type'
-import { inject, ref, type Ref } from 'vue'
-import type { Field } from '../../../components/Render/type'
-import AdvancedFilter from '../../../components/AdvancedFilter/index.vue'
-
-const { fields } = inject<{ fields: Ref<Field[]> }>('flowDesign', { fields: ref([]) })
-defineProps<{
-  activeData: ConditionNode
-}>()
-const initialFormFields = ref<Field[]>([
-  {
-    id: 'initiator',
-    name: 'UserSelector',
-    type: 'formItem',
-    label: '发起人',
-    value: null,
-    readonly: false,
-    required: true,
-    hidden: false,
-    props: {
-      key: undefined,
-      multiple: false,
-      placeholder: '请选择发起人',
-      class: [],
-      style: {
-        width: '100%'
-      }
-    }
-  }
-])
-</script>
-
-<template>
-  <AdvancedFilter
-    v-model="activeData.conditions"
-    :filter-fields="[...initialFormFields, ...fields]"
-  />
-</template>
-
-<style scoped lang="scss"></style>
+<script setup lang="ts">
+import type { ConditionNode } from '../nodes/type'
+import { inject, ref, type Ref } from 'vue'
+import type { Field } from '../../../components/Render/type'
+import AdvancedFilter from '../../../components/AdvancedFilter/index.vue'
+
+const { fields } = inject<{ fields: Ref<Field[]> }>('flowDesign', { fields: ref([]) })
+defineProps<{
+  activeData: ConditionNode
+}>()
+const initialFormFields = ref<Field[]>([
+  {
+    id: 'initiator',
+    name: 'UserSelector',
+    type: 'formItem',
+    label: '发起人',
+    value: null,
+    readonly: false,
+    required: true,
+    hidden: false,
+    props: {
+      key: undefined,
+      multiple: false,
+      placeholder: '请选择发起人',
+      class: [],
+      style: {
+        width: '100%'
+      }
+    }
+  }
+])
+</script>
+
+<template>
+  <AdvancedFilter
+    v-model="activeData.conditions"
+    :filter-fields="[...initialFormFields, ...fields]"
+  />
+</template>
+
+<style scoped lang="scss"></style>

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

@@ -1,18 +1,18 @@
-<script setup lang="ts">
-import type { EndNode } from '../nodes/type'
-import ExecutionListeners from './ExecutionListeners.vue'
-
-defineProps<{
-  activeData: EndNode
-}>()
-</script>
-
-<template>
-  <el-form label-position="top" label-width="90px">
-    <el-form-item prop="executionListeners" label="执行监听器">
-      <ExecutionListeners :node="activeData" />
-    </el-form-item>
-  </el-form>
-</template>
-
-<style scoped lang="scss"></style>
+<script setup lang="ts">
+import type { EndNode } from '../nodes/type'
+import ExecutionListeners from './ExecutionListeners.vue'
+
+defineProps<{
+  activeData: EndNode
+}>()
+</script>
+
+<template>
+  <el-form label-position="top" label-width="90px">
+    <el-form-item prop="executionListeners" label="执行监听器">
+      <ExecutionListeners :node="activeData" />
+    </el-form-item>
+  </el-form>
+</template>
+
+<style scoped lang="scss"></style>