adtec-core-package 2.1.8 → 2.2.0

package/src/components/bpmntree/components/FlowIcon/index.tsx

@@ -1,68 +1,68 @@
-import './index.scss'
-import type { CSSProperties, PropType } from 'vue'
-import { computed, defineComponent, h, resolveComponent } from 'vue'
-
-export default defineComponent({
-  name: 'FlowIcon',
-  props: {
-    name: {
-      type: String as PropType<string>,
-      required: false,
-    },
-    prefix: {
-      type: String as PropType<string>,
-      default: 'adtec',
-    },
-    color: {
-      type: String as PropType<string>,
-    },
-    size: {
-      type: Number as PropType<number>,
-    },
-    className: {
-      type: String as PropType<string>,
-    },
-  },
-  setup(props) {
-    const symbolId = computed(() => `#${props.prefix}-${props.name}`)
-    const svgClass = computed(() => [
-      'svg-icon',
-      props.name && props.name.replace('el:', ''),
-      props.className,
-    ])
-    const fill = computed(() => (props.color ? props.color : 'currentColor'))
-    const style = computed<CSSProperties>(() => {
-      const { size } = props
-      if (!size) return {}
-      return {
-        fontSize: `${size}px`,
-      }
-    })
-    return {
-      symbolId,
-      svgClass,
-      fill,
-      style,
-    }
-  },
-  render() {
-    const { $attrs, symbolId, svgClass, fill } = this
-    console.log('symbolId', symbolId)
-    if (this.name) {
-      if (this.name.startsWith('el:')) {
-        return (
-          <el-icon class={svgClass} color={this.color} size={this.size} {...$attrs}>
-            {h(resolveComponent(this.name.slice(3)))}
-          </el-icon>
-        )
-      } else {
-        return (
-          <svg class={svgClass} style={this.style} aria-hidden="true" {...$attrs}>
-            <use xlinkHref={symbolId} fill={fill}></use>
-          </svg>
-        )
-      }
-    }
-    return null
-  },
-})
+import './index.scss'
+import type { CSSProperties, PropType } from 'vue'
+import { computed, defineComponent, h, resolveComponent } from 'vue'
+
+export default defineComponent({
+  name: 'FlowIcon',
+  props: {
+    name: {
+      type: String as PropType<string>,
+      required: false,
+    },
+    prefix: {
+      type: String as PropType<string>,
+      default: 'adtec',
+    },
+    color: {
+      type: String as PropType<string>,
+    },
+    size: {
+      type: Number as PropType<number>,
+    },
+    className: {
+      type: String as PropType<string>,
+    },
+  },
+  setup(props) {
+    const symbolId = computed(() => `#${props.prefix}-${props.name}`)
+    const svgClass = computed(() => [
+      'svg-icon',
+      props.name && props.name.replace('el:', ''),
+      props.className,
+    ])
+    const fill = computed(() => (props.color ? props.color : 'currentColor'))
+    const style = computed<CSSProperties>(() => {
+      const { size } = props
+      if (!size) return {}
+      return {
+        fontSize: `${size}px`,
+      }
+    })
+    return {
+      symbolId,
+      svgClass,
+      fill,
+      style,
+    }
+  },
+  render() {
+    const { $attrs, symbolId, svgClass, fill } = this
+    console.log('symbolId', symbolId)
+    if (this.name) {
+      if (this.name.startsWith('el:')) {
+        return (
+          <el-icon class={svgClass} color={this.color} size={this.size} {...$attrs}>
+            {h(resolveComponent(this.name.slice(3)))}
+          </el-icon>
+        )
+      } else {
+        return (
+          <svg class={svgClass} style={this.style} aria-hidden="true" {...$attrs}>
+            <use xlinkHref={symbolId} fill={fill}></use>
+          </svg>
+        )
+      }
+    }
+    return null
+  },
+})

package/src/components/bpmntree/components/Render/render.vue

@@ -1,90 +1,90 @@
-<template>
-  <div>
-    <!-- 使用v-if来控制每个Element Plus组件的渲染 -->
-    <el-input
-      v-if="field.name === 'ElInput'"
-      v-model="localModelValue"
-      v-bind="field.props"
-      @update:modelValue="updateValue"
-    />
-    <el-input-number
-      v-if="field.name === 'ElInputNumber'"
-      v-model="localModelValue"
-      v-bind="field.props"
-      @update:modelValue="updateValue"
-    />
-    <el-select
-      v-if="field.name === 'ElSelect'"
-      v-model="localModelValue"
-      v-bind="field.props"
-      @update:modelValue="updateValue"
-      style="width: 180px"
-    >
-      <el-option
-        v-for="option in field.props.options"
-        :key="option.value"
-        :label="option.label"
-        :value="option.value"
-      />
-    </el-select>
-    <el-radio-group
-      v-if="field.name === 'ElRadio'"
-      v-model="localModelValue"
-      v-bind="field.props"
-      @update:modelValue="updateValue"
-    >
-      <el-radio v-for="option in field.props.options" :key="option.value" :label="option.value">
-        {{ option.label }}
-      </el-radio>
-    </el-radio-group>
-    <el-checkbox-group
-      v-if="field.name === 'ElCheckbox'"
-      v-model="localModelValue"
-      v-bind="field.props"
-      @update:modelValue="updateValue"
-    >
-      <el-checkbox v-for="option in field.props.options" :key="option.value" :label="option.value">
-        {{ option.label }}
-      </el-checkbox>
-    </el-checkbox-group>
-    <!-- 自定义的选择器组件 -->
-    <UserSelector
-      v-if="field.name === 'UserSelector'"
-      v-model="localModelValue"
-      @update:modelValue="updateValue"
-    />
-    <RoleSelector
-      v-if="field.name === 'RoleSelector'"
-      v-model="localModelValue"
-      @update:modelValue="updateValue"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, watch } from 'vue'
-import type { Field } from './type' // 请确保路径正确
-import UserSelector from '../UserSelector/index.vue'
-import RoleSelector from '../RoleSelector/index.vue'
-
-// 定义 props 和 emits
-const props = defineProps<{
-  modelValue?: any
-  field: Field
-}>()
-const emit = defineEmits(['update:modelValue'])
-
-// 使用一个局部变量 localModelValue 以支持 v-model
-const localModelValue = ref(props.modelValue)
-
-watch(
-  () => props.modelValue,
-  (newValue) => {
-    localModelValue.value = newValue
-  },
-)
-
-const updateValue = (value: any) => {
-  emit('update:modelValue', value)
-}
-</script>
+<template>
+  <div>
+    <!-- 使用v-if来控制每个Element Plus组件的渲染 -->
+    <el-input
+      v-if="field.name === 'ElInput'"
+      v-model="localModelValue"
+      v-bind="field.props"
+      @update:modelValue="updateValue"
+    />
+    <el-input-number
+      v-if="field.name === 'ElInputNumber'"
+      v-model="localModelValue"
+      v-bind="field.props"
+      @update:modelValue="updateValue"
+    />
+    <el-select
+      v-if="field.name === 'ElSelect'"
+      v-model="localModelValue"
+      v-bind="field.props"
+      @update:modelValue="updateValue"
+      style="width: 180px"
+    >
+      <el-option
+        v-for="option in field.props.options"
+        :key="option.value"
+        :label="option.label"
+        :value="option.value"
+      />
+    </el-select>
+    <el-radio-group
+      v-if="field.name === 'ElRadio'"
+      v-model="localModelValue"
+      v-bind="field.props"
+      @update:modelValue="updateValue"
+    >
+      <el-radio v-for="option in field.props.options" :key="option.value" :label="option.value">
+        {{ option.label }}
+      </el-radio>
+    </el-radio-group>
+    <el-checkbox-group
+      v-if="field.name === 'ElCheckbox'"
+      v-model="localModelValue"
+      v-bind="field.props"
+      @update:modelValue="updateValue"
+    >
+      <el-checkbox v-for="option in field.props.options" :key="option.value" :label="option.value">
+        {{ option.label }}
+      </el-checkbox>
+    </el-checkbox-group>
+    <!-- 自定义的选择器组件 -->
+    <UserSelector
+      v-if="field.name === 'UserSelector'"
+      v-model="localModelValue"
+      @update:modelValue="updateValue"
+    />
+    <RoleSelector
+      v-if="field.name === 'RoleSelector'"
+      v-model="localModelValue"
+      @update:modelValue="updateValue"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+import type { Field } from './type' // 请确保路径正确
+import UserSelector from '../UserSelector/index.vue'
+import RoleSelector from '../RoleSelector/index.vue'
+
+// 定义 props 和 emits
+const props = defineProps<{
+  modelValue?: any
+  field: Field
+}>()
+const emit = defineEmits(['update:modelValue'])
+
+// 使用一个局部变量 localModelValue 以支持 v-model
+const localModelValue = ref(props.modelValue)
+
+watch(
+  () => props.modelValue,
+  (newValue) => {
+    localModelValue.value = newValue
+  },
+)
+
+const updateValue = (value: any) => {
+  emit('update:modelValue', value)
+}
+</script>

package/src/components/bpmntree/components/Render/type.ts

@@ -1,12 +1,12 @@
-export interface Field {
-  id: string
-  type: 'formItem' | 'container'
-  label: string
-  name: string
-  value: any
-  readonly?: boolean
-  required?: boolean
-  hidden: boolean
-  props: Recordable
-  children?: Field[]
-}
+export interface Field {
+  id: string
+  type: 'formItem' | 'container'
+  label: string
+  name: string
+  value: any
+  readonly?: boolean
+  required?: boolean
+  hidden: boolean
+  props: Recordable
+  children?: Field[]
+}