From 1196dab9e4fef656c1703e52653b7081b82abee8 Mon Sep 17 00:00:00 2001
From: puhui999 <puhui999@163.com>
Date: Wed, 28 Jan 2026 17:23:39 +0800
Subject: [PATCH 1/3] =?UTF-8?q?feat(form-create):=20=E3=80=90antd/ele?=
 =?UTF-8?q?=E3=80=91=E8=A1=A8=E5=8D=95=E9=80=89=E6=8B=A9=E5=99=A8=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E9=BB=98=E8=AE=A4=E9=80=89=E4=B8=AD=E5=BD=93=E5=89=8D?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7/=E9=83=A8=E9=97=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- UserSelect 组件新增 defaultCurrentUser 配置，支持默认选中当前登录用户
- DeptSelect 组件重构为独立的树形选择器，支持 defaultCurrentDept 配置
- DeptSelect 支持 returnType 配置，可返回部门 ID 或部门名称
- 修复 useSelectRule 未将自定义 props 默认值传递给组件的问题
- 修复 DeptSelect 数据加载完成前回显失败的问题
- 同时支持 web-antd 和 web-ele 两个应用
---
 .../form-create/components/dept-select.vue    | 210 +++++++++++++++++
 .../form-create/components/use-api-select.tsx |  39 +++-
 .../src/components/form-create/helpers.ts     |  14 ++
 .../form-create/rules/use-select-rule.ts      |  13 +-
 .../web-antd/src/plugins/form-create/index.ts |   7 +-
 .../form-create/components/dept-select.vue    | 218 ++++++++++++++++++
 .../form-create/components/use-api-select.tsx |  39 +++-
 .../src/components/form-create/helpers.ts     |  14 ++
 .../form-create/rules/use-select-rule.ts      |  13 +-
 apps/web-ele/src/plugins/form-create/index.ts |   7 +-
 10 files changed, 558 insertions(+), 16 deletions(-)
 create mode 100644 apps/web-antd/src/components/form-create/components/dept-select.vue
 create mode 100644 apps/web-ele/src/components/form-create/components/dept-select.vue

diff --git a/apps/web-antd/src/components/form-create/components/dept-select.vue b/apps/web-antd/src/components/form-create/components/dept-select.vue
new file mode 100644
index 000000000..9f70ff0aa
--- /dev/null
+++ b/apps/web-antd/src/components/form-create/components/dept-select.vue
@@ -0,0 +1,210 @@
+<!-- 部门选择器 - 树形结构显示 (Ant Design Vue 版本) -->
+<script lang="ts" setup>
+import { onMounted, ref, watch } from 'vue';
+
+import { useUserStore } from '@vben/stores';
+import { handleTree } from '@vben/utils';
+
+import { TreeSelect } from 'ant-design-vue';
+
+import { requestClient } from '#/api/request';
+
+defineOptions({ name: 'DeptSelect' });
+
+const props = withDefaults(defineProps<Props>(), {
+  multiple: false,
+  returnType: 'id',
+  defaultCurrentDept: false,
+  disabled: false,
+  placeholder: '',
+});
+
+const emit = defineEmits<{
+  (
+    e: 'update:modelValue',
+    value: number | number[] | string | string[] | undefined,
+  ): void;
+}>();
+
+// 部门数据接口
+interface DeptVO {
+  id: number;
+  name: string;
+  parentId: number;
+  sort?: number;
+  leaderUserId?: number;
+  phone?: string;
+  email?: string;
+  status?: number;
+}
+
+// 接受父组件参数
+interface Props {
+  modelValue?: number | number[] | string | string[];
+  multiple?: boolean;
+  returnType?: 'id' | 'name';
+  defaultCurrentDept?: boolean;
+  disabled?: boolean;
+  placeholder?: string;
+  formCreateInject?: any;
+}
+
+// 部门树形数据
+const deptTree = ref<any[]>([]);
+// 原始部门列表（用于 returnType='name' 时查找名称）
+const deptList = ref<DeptVO[]>([]);
+// 当前选中值
+const selectedValue = ref<number | number[] | undefined>();
+
+// 加载部门树形数据
+async function loadDeptTree(): Promise<void> {
+  try {
+    const data = await requestClient.get<DeptVO[]>('/system/dept/simple-list');
+    deptList.value = data;
+    deptTree.value = handleTree(data);
+  } catch (error) {
+    console.warn('[DeptSelect] 加载部门数据失败:', error);
+    deptTree.value = [];
+  }
+}
+
+// 根据 ID 获取部门名称
+function getDeptNameById(id: number): string | undefined {
+  const dept = deptList.value.find((item) => item.id === id);
+  if (!dept) {
+    console.warn(`[DeptSelect] 未找到 ID 为 ${id} 的部门`);
+  }
+  return dept?.name;
+}
+
+// 根据名称获取部门 ID
+function getDeptIdByName(name: string): number | undefined {
+  const dept = deptList.value.find((item) => item.name === name);
+  return dept?.id;
+}
+
+// 处理选中值变化
+function handleChange(value: number | number[] | undefined): void {
+  if (value === undefined || value === null) {
+    emit('update:modelValue', props.multiple ? [] : undefined);
+    return;
+  }
+
+  // 根据 returnType 决定返回值类型
+  if (props.returnType === 'name') {
+    if (props.multiple && Array.isArray(value)) {
+      const names = value
+        .map((id) => getDeptNameById(id))
+        .filter(Boolean) as string[];
+      emit('update:modelValue', names);
+    } else if (!props.multiple && typeof value === 'number') {
+      const name = getDeptNameById(value);
+      emit('update:modelValue', name);
+    }
+  } else {
+    emit('update:modelValue', value);
+  }
+}
+
+// 树节点过滤方法（支持搜索过滤）
+function filterTreeNode(inputValue: string, treeNode: any): boolean {
+  if (!inputValue) return true;
+  return treeNode.name?.toLowerCase().includes(inputValue.toLowerCase());
+}
+
+// 同步 modelValue 到内部选中值
+function syncSelectedValue(): void {
+  const newValue = props.modelValue;
+  if (newValue === undefined || newValue === null) {
+    selectedValue.value = props.multiple ? [] : undefined;
+    return;
+  }
+
+  // 如果 returnType 是 'name'，需要将名称转换为 ID 用于树选择器显示
+  if (props.returnType === 'name') {
+    // 只有在 deptList 加载完成后才能进行转换
+    if (deptList.value.length === 0) {
+      return;
+    }
+    if (props.multiple && Array.isArray(newValue)) {
+      const ids = (newValue as string[])
+        .map((name) => getDeptIdByName(name))
+        .filter(Boolean) as number[];
+      selectedValue.value = ids;
+    } else if (!props.multiple && typeof newValue === 'string') {
+      const id = getDeptIdByName(newValue);
+      selectedValue.value = id;
+    }
+  } else {
+    selectedValue.value = newValue as number | number[];
+  }
+}
+
+// 监听 modelValue 变化，同步到内部选中值
+watch(() => props.modelValue, syncSelectedValue, { immediate: true });
+
+// 监听 deptList 变化，重新同步选中值（解决数据加载完成后的回显问题）
+watch(() => deptList.value, syncSelectedValue);
+
+// 检查是否有有效的预设值
+function hasValidPresetValue(): boolean {
+  const value = props.modelValue;
+  if (value === undefined || value === null || value === '') {
+    return false;
+  }
+  if (Array.isArray(value)) {
+    return value.length > 0;
+  }
+  return true;
+}
+
+// 设置默认值（当前用户部门）
+function setDefaultValue(): void {
+  // 仅当 defaultCurrentDept 为 true 时处理
+  if (!props.defaultCurrentDept) {
+    return;
+  }
+
+  // 检查是否已有预设值（预设值优先级高于默认当前部门）
+  if (hasValidPresetValue()) {
+    return;
+  }
+
+  // 获取当前用户的部门 ID
+  const userStore = useUserStore();
+  const deptId = userStore.userInfo?.deptId as number | undefined;
+
+  // 处理 deptId 为空或 0 的边界情况
+  if (!deptId || deptId === 0) {
+    return;
+  }
+
+  // 根据多选模式决定默认值格式
+  const defaultValue = props.multiple ? [deptId] : deptId;
+  emit('update:modelValue', defaultValue);
+}
+
+// 组件挂载时加载数据并设置默认值
+onMounted(async () => {
+  await loadDeptTree();
+  // 数据加载完成后设置默认值
+  setDefaultValue();
+});
+</script>
+
+<template>
+  <TreeSelect
+    v-model:value="selectedValue"
+    class="w-full"
+    :tree-data="deptTree"
+    :field-names="{ label: 'name', value: 'id', children: 'children' }"
+    :multiple="multiple"
+    :disabled="disabled"
+    :placeholder="placeholder || '请选择部门'"
+    :tree-checkable="multiple"
+    :show-search="true"
+    :filter-tree-node="filterTreeNode"
+    :allow-clear="true"
+    @change="handleChange"
+  />
+</template>
diff --git a/apps/web-antd/src/components/form-create/components/use-api-select.tsx b/apps/web-antd/src/components/form-create/components/use-api-select.tsx
index c63e2cd1e..dba12f326 100644
--- a/apps/web-antd/src/components/form-create/components/use-api-select.tsx
+++ b/apps/web-antd/src/components/form-create/components/use-api-select.tsx
@@ -2,6 +2,7 @@ import type { ApiSelectProps } from '#/components/form-create/typing';
 
 import { defineComponent, onMounted, ref, useAttrs } from 'vue';
 
+import { useUserStore } from '@vben/stores';
 import { isEmpty } from '@vben/utils';
 
 import {
@@ -74,12 +75,46 @@ export function useApiSelect(option: ApiSelectProps) {
         type: String,
         default: 'id',
       },
+      // 是否默认选中当前用户（仅用于 UserSelect）
+      defaultCurrentUser: {
+        type: Boolean,
+        default: false,
+      },
     },
-    setup(props) {
+    setup(props, { emit }) {
       const attrs = useAttrs();
       const options = ref<any[]>([]); // 下拉数据
       const loading = ref(false); // 是否正在从远程获取数据
       const queryParam = ref<any>(); // 当前输入的值
+
+      // 检查是否有有效的预设值
+      function hasValidPresetValue(): boolean {
+        const value = attrs.modelValue;
+        if (value === undefined || value === null || value === '') {
+          return false;
+        }
+        if (Array.isArray(value)) {
+          return value.length > 0;
+        }
+        return true;
+      }
+
+      // 设置默认当前用户
+      function setDefaultCurrentUser(): void {
+        if (option.name !== 'UserSelect' || !props.defaultCurrentUser) {
+          return;
+        }
+        if (hasValidPresetValue()) {
+          return;
+        }
+        const userStore = useUserStore();
+        const currentUserId = userStore.userInfo?.id;
+        if (currentUserId) {
+          const defaultValue = props.multiple ? [currentUserId] : currentUserId;
+          emit('update:modelValue', defaultValue);
+        }
+      }
+
       const getOptions = async () => {
         options.value = [];
         // 接口选择器
@@ -199,6 +234,8 @@ export function useApiSelect(option: ApiSelectProps) {
 
       onMounted(async () => {
         await getOptions();
+        // 设置默认当前用户（仅用于 UserSelect）
+        setDefaultCurrentUser();
       });
 
       const buildSelect = () => {
diff --git a/apps/web-antd/src/components/form-create/helpers.ts b/apps/web-antd/src/components/form-create/helpers.ts
index f43b1ce6d..f04638945 100644
--- a/apps/web-antd/src/components/form-create/helpers.ts
+++ b/apps/web-antd/src/components/form-create/helpers.ts
@@ -189,6 +189,14 @@ export async function useFormCreateDesigner(designer: Ref) {
     name: 'UserSelect',
     label: '用户选择器',
     icon: 'icon-eye',
+    props: [
+      {
+        type: 'switch',
+        field: 'defaultCurrentUser',
+        title: '默认选中当前用户',
+        value: true,
+      },
+    ],
   });
   const deptSelectRule = useSelectRule({
     name: 'DeptSelect',
@@ -205,6 +213,12 @@ export async function useFormCreateDesigner(designer: Ref) {
           { label: '部门名称', value: 'name' },
         ],
       },
+      {
+        type: 'switch',
+        field: 'defaultCurrentDept',
+        title: '默认选中当前部门',
+        value: true,
+      },
     ],
   });
   const dictSelectRule = useDictSelectRule();
diff --git a/apps/web-antd/src/components/form-create/rules/use-select-rule.ts b/apps/web-antd/src/components/form-create/rules/use-select-rule.ts
index 3efd8c9d5..fc89b9a24 100644
--- a/apps/web-antd/src/components/form-create/rules/use-select-rule.ts
+++ b/apps/web-antd/src/components/form-create/rules/use-select-rule.ts
@@ -23,13 +23,24 @@ export function useSelectRule(option: SelectRuleOption) {
     name,
     event: option.event,
     rule() {
-      return {
+      // 构建基础规则
+      const baseRule: any = {
         type: name,
         field: buildUUID(),
         title: label,
         info: '',
         $required: false,
       };
+      // 将自定义 props 的默认值添加到 rule 的 props 中
+      if (option.props && option.props.length > 0) {
+        baseRule.props = {};
+        option.props.forEach((prop: any) => {
+          if (prop.field && prop.value !== undefined) {
+            baseRule.props[prop.field] = prop.value;
+          }
+        });
+      }
+      return baseRule;
     },
     props(_: any, { t }: any) {
       if (!option.props) {
diff --git a/apps/web-antd/src/plugins/form-create/index.ts b/apps/web-antd/src/plugins/form-create/index.ts
index db60c0f51..024aae834 100644
--- a/apps/web-antd/src/plugins/form-create/index.ts
+++ b/apps/web-antd/src/plugins/form-create/index.ts
@@ -34,6 +34,7 @@ import {
 
 // ======================= 自定义组件 =======================
 import { useApiSelect } from '#/components/form-create';
+import DeptSelect from '#/components/form-create/components/dept-select.vue';
 import DictSelect from '#/components/form-create/components/dict-select.vue';
 import { useImagesUpload } from '#/components/form-create/components/use-images-upload';
 import { Tinymce } from '#/components/tinymce';
@@ -45,12 +46,6 @@ const UserSelect = useApiSelect({
   valueField: 'id',
   url: '/system/user/simple-list',
 });
-const DeptSelect = useApiSelect({
-  name: 'DeptSelect',
-  labelField: 'name',
-  valueField: 'id',
-  url: '/system/dept/simple-list',
-});
 const ApiSelect = useApiSelect({
   name: 'ApiSelect',
 });
diff --git a/apps/web-ele/src/components/form-create/components/dept-select.vue b/apps/web-ele/src/components/form-create/components/dept-select.vue
new file mode 100644
index 000000000..ffe3a7c75
--- /dev/null
+++ b/apps/web-ele/src/components/form-create/components/dept-select.vue
@@ -0,0 +1,218 @@
+<!-- 部门选择器 - 树形结构显示 (Element Plus 版本) -->
+<script lang="ts" setup>
+import { onMounted, ref, watch } from 'vue';
+
+import { useUserStore } from '@vben/stores';
+import { handleTree } from '@vben/utils';
+
+import { ElTreeSelect } from 'element-plus';
+
+import { requestClient } from '#/api/request';
+
+defineOptions({ name: 'DeptSelect' });
+
+const props = withDefaults(defineProps<Props>(), {
+  multiple: false,
+  returnType: 'id',
+  defaultCurrentDept: false,
+  disabled: false,
+  placeholder: '',
+});
+
+const emit = defineEmits<{
+  (
+    e: 'update:modelValue',
+    value: number | number[] | string | string[] | undefined,
+  ): void;
+}>();
+
+// 部门数据接口
+interface DeptVO {
+  id: number;
+  name: string;
+  parentId: number;
+  sort?: number;
+  leaderUserId?: number;
+  phone?: string;
+  email?: string;
+  status?: number;
+}
+
+// 接受父组件参数
+interface Props {
+  modelValue?: number | number[] | string | string[];
+  multiple?: boolean;
+  returnType?: 'id' | 'name';
+  defaultCurrentDept?: boolean;
+  disabled?: boolean;
+  placeholder?: string;
+  formCreateInject?: any;
+}
+
+// Element Plus TreeSelect 的 props 配置
+const treeProps = {
+  label: 'name',
+  value: 'id',
+  children: 'children',
+};
+
+// 部门树形数据
+const deptTree = ref<any[]>([]);
+// 原始部门列表（用于 returnType='name' 时查找名称）
+const deptList = ref<DeptVO[]>([]);
+// 当前选中值
+const selectedValue = ref<number | number[] | undefined>();
+
+// 加载部门树形数据
+async function loadDeptTree(): Promise<void> {
+  try {
+    const data = await requestClient.get<DeptVO[]>('/system/dept/simple-list');
+    deptList.value = data;
+    deptTree.value = handleTree(data);
+  } catch (error) {
+    console.warn('[DeptSelect] 加载部门数据失败:', error);
+    deptTree.value = [];
+  }
+}
+
+// 根据 ID 获取部门名称
+function getDeptNameById(id: number): string | undefined {
+  const dept = deptList.value.find((item) => item.id === id);
+  if (!dept) {
+    console.warn(`[DeptSelect] 未找到 ID 为 ${id} 的部门`);
+  }
+  return dept?.name;
+}
+
+// 根据名称获取部门 ID
+function getDeptIdByName(name: string): number | undefined {
+  const dept = deptList.value.find((item) => item.name === name);
+  return dept?.id;
+}
+
+// 处理选中值变化
+function handleChange(value: number | number[] | undefined): void {
+  if (value === undefined || value === null) {
+    emit('update:modelValue', props.multiple ? [] : undefined);
+    return;
+  }
+
+  // 根据 returnType 决定返回值类型
+  if (props.returnType === 'name') {
+    if (props.multiple && Array.isArray(value)) {
+      const names = value
+        .map((id) => getDeptNameById(id))
+        .filter(Boolean) as string[];
+      emit('update:modelValue', names);
+    } else if (!props.multiple && typeof value === 'number') {
+      const name = getDeptNameById(value);
+      emit('update:modelValue', name);
+    }
+  } else {
+    emit('update:modelValue', value);
+  }
+}
+
+// 树节点过滤方法（支持搜索过滤）
+function filterNode(value: string, data: any): boolean {
+  if (!value) return true;
+  return data.name?.toLowerCase().includes(value.toLowerCase());
+}
+
+// 同步 modelValue 到内部选中值
+function syncSelectedValue(): void {
+  const newValue = props.modelValue;
+  if (newValue === undefined || newValue === null) {
+    selectedValue.value = props.multiple ? [] : undefined;
+    return;
+  }
+
+  // 如果 returnType 是 'name'，需要将名称转换为 ID 用于树选择器显示
+  if (props.returnType === 'name') {
+    // 只有在 deptList 加载完成后才能进行转换
+    if (deptList.value.length === 0) {
+      return;
+    }
+    if (props.multiple && Array.isArray(newValue)) {
+      const ids = (newValue as string[])
+        .map((name) => getDeptIdByName(name))
+        .filter(Boolean) as number[];
+      selectedValue.value = ids;
+    } else if (!props.multiple && typeof newValue === 'string') {
+      const id = getDeptIdByName(newValue);
+      selectedValue.value = id;
+    }
+  } else {
+    selectedValue.value = newValue as number | number[];
+  }
+}
+
+// 监听 modelValue 变化，同步到内部选中值
+watch(() => props.modelValue, syncSelectedValue, { immediate: true });
+
+// 监听 deptList 变化，重新同步选中值（解决数据加载完成后的回显问题）
+watch(() => deptList.value, syncSelectedValue);
+
+// 检查是否有有效的预设值
+function hasValidPresetValue(): boolean {
+  const value = props.modelValue;
+  if (value === undefined || value === null || value === '') {
+    return false;
+  }
+  if (Array.isArray(value)) {
+    return value.length > 0;
+  }
+  return true;
+}
+
+// 设置默认值（当前用户部门）
+function setDefaultValue(): void {
+  // 仅当 defaultCurrentDept 为 true 时处理
+  if (!props.defaultCurrentDept) {
+    return;
+  }
+
+  // 检查是否已有预设值（预设值优先级高于默认当前部门）
+  if (hasValidPresetValue()) {
+    return;
+  }
+
+  // 获取当前用户的部门 ID
+  const userStore = useUserStore();
+  const deptId = userStore.userInfo?.deptId as number | undefined;
+
+  // 处理 deptId 为空或 0 的边界情况
+  if (!deptId || deptId === 0) {
+    return;
+  }
+
+  // 根据多选模式决定默认值格式
+  const defaultValue = props.multiple ? [deptId] : deptId;
+  emit('update:modelValue', defaultValue);
+}
+
+// 组件挂载时加载数据并设置默认值
+onMounted(async () => {
+  await loadDeptTree();
+  // 数据加载完成后设置默认值
+  setDefaultValue();
+});
+</script>
+
+<template>
+  <ElTreeSelect
+    v-model="selectedValue"
+    class="w-full"
+    :data="deptTree"
+    :props="treeProps"
+    :multiple="multiple"
+    :disabled="disabled"
+    :placeholder="placeholder || '请选择部门'"
+    :check-strictly="true"
+    :filterable="true"
+    :filter-node-method="filterNode"
+    :clearable="true"
+    node-key="id"
+    @change="handleChange"
+  />
+</template>
diff --git a/apps/web-ele/src/components/form-create/components/use-api-select.tsx b/apps/web-ele/src/components/form-create/components/use-api-select.tsx
index 3041e796a..accd8190b 100644
--- a/apps/web-ele/src/components/form-create/components/use-api-select.tsx
+++ b/apps/web-ele/src/components/form-create/components/use-api-select.tsx
@@ -2,6 +2,7 @@ import type { ApiSelectProps } from '#/components/form-create/typing';
 
 import { defineComponent, onMounted, ref, useAttrs } from 'vue';
 
+import { useUserStore } from '@vben/stores';
 import { isEmpty } from '@vben/utils';
 
 import {
@@ -74,12 +75,46 @@ export function useApiSelect(option: ApiSelectProps) {
         type: String,
         default: 'id',
       },
+      // 是否默认选中当前用户（仅用于 UserSelect）
+      defaultCurrentUser: {
+        type: Boolean,
+        default: false,
+      },
     },
-    setup(props) {
+    setup(props, { emit }) {
       const attrs = useAttrs();
       const options = ref<any[]>([]); // 下拉数据
       const loading = ref(false); // 是否正在从远程获取数据
       const queryParam = ref<any>(); // 当前输入的值
+
+      // 检查是否有有效的预设值
+      function hasValidPresetValue(): boolean {
+        const value = attrs.modelValue;
+        if (value === undefined || value === null || value === '') {
+          return false;
+        }
+        if (Array.isArray(value)) {
+          return value.length > 0;
+        }
+        return true;
+      }
+
+      // 设置默认当前用户
+      function setDefaultCurrentUser(): void {
+        if (option.name !== 'UserSelect' || !props.defaultCurrentUser) {
+          return;
+        }
+        if (hasValidPresetValue()) {
+          return;
+        }
+        const userStore = useUserStore();
+        const currentUserId = userStore.userInfo?.id;
+        if (currentUserId) {
+          const defaultValue = props.multiple ? [currentUserId] : currentUserId;
+          emit('update:modelValue', defaultValue);
+        }
+      }
+
       const getOptions = async () => {
         options.value = [];
         // 接口选择器
@@ -199,6 +234,8 @@ export function useApiSelect(option: ApiSelectProps) {
 
       onMounted(async () => {
         await getOptions();
+        // 设置默认当前用户（仅用于 UserSelect）
+        setDefaultCurrentUser();
       });
 
       const buildSelect = () => {
diff --git a/apps/web-ele/src/components/form-create/helpers.ts b/apps/web-ele/src/components/form-create/helpers.ts
index a5b123225..dbe938a5e 100644
--- a/apps/web-ele/src/components/form-create/helpers.ts
+++ b/apps/web-ele/src/components/form-create/helpers.ts
@@ -189,6 +189,14 @@ export async function useFormCreateDesigner(designer: Ref) {
     name: 'UserSelect',
     label: '用户选择器',
     icon: 'icon-eye',
+    props: [
+      {
+        type: 'switch',
+        field: 'defaultCurrentUser',
+        title: '默认选中当前用户',
+        value: true,
+      },
+    ],
   });
   const deptSelectRule = useSelectRule({
     name: 'DeptSelect',
@@ -205,6 +213,12 @@ export async function useFormCreateDesigner(designer: Ref) {
           { label: '部门名称', value: 'name' },
         ],
       },
+      {
+        type: 'switch',
+        field: 'defaultCurrentDept',
+        title: '默认选中当前部门',
+        value: true,
+      },
     ],
   });
   const dictSelectRule = useDictSelectRule();
diff --git a/apps/web-ele/src/components/form-create/rules/use-select-rule.ts b/apps/web-ele/src/components/form-create/rules/use-select-rule.ts
index 3efd8c9d5..fc89b9a24 100644
--- a/apps/web-ele/src/components/form-create/rules/use-select-rule.ts
+++ b/apps/web-ele/src/components/form-create/rules/use-select-rule.ts
@@ -23,13 +23,24 @@ export function useSelectRule(option: SelectRuleOption) {
     name,
     event: option.event,
     rule() {
-      return {
+      // 构建基础规则
+      const baseRule: any = {
         type: name,
         field: buildUUID(),
         title: label,
         info: '',
         $required: false,
       };
+      // 将自定义 props 的默认值添加到 rule 的 props 中
+      if (option.props && option.props.length > 0) {
+        baseRule.props = {};
+        option.props.forEach((prop: any) => {
+          if (prop.field && prop.value !== undefined) {
+            baseRule.props[prop.field] = prop.value;
+          }
+        });
+      }
+      return baseRule;
     },
     props(_: any, { t }: any) {
       if (!option.props) {
diff --git a/apps/web-ele/src/plugins/form-create/index.ts b/apps/web-ele/src/plugins/form-create/index.ts
index f4578b4f2..785c901de 100644
--- a/apps/web-ele/src/plugins/form-create/index.ts
+++ b/apps/web-ele/src/plugins/form-create/index.ts
@@ -34,6 +34,7 @@ import {
 
 // ======================= 自定义组件 =======================
 import { useApiSelect } from '#/components/form-create';
+import DeptSelect from '#/components/form-create/components/dept-select.vue';
 import DictSelect from '#/components/form-create/components/dict-select.vue';
 import { useImagesUpload } from '#/components/form-create/components/use-images-upload';
 import { Tinymce } from '#/components/tinymce';
@@ -45,12 +46,6 @@ const UserSelect = useApiSelect({
   valueField: 'id',
   url: '/system/user/simple-list',
 });
-const DeptSelect = useApiSelect({
-  name: 'DeptSelect',
-  labelField: 'name',
-  valueField: 'id',
-  url: '/system/dept/simple-list',
-});
 const ApiSelect = useApiSelect({
   name: 'ApiSelect',
 });

From 548da70f9fc157e33a2cba00a5c57a207ffa3742 Mon Sep 17 00:00:00 2001
From: puhui999 <puhui999@163.com>
Date: Wed, 28 Jan 2026 17:45:20 +0800
Subject: [PATCH 2/3] =?UTF-8?q?fix(mall):=20=E3=80=90antd/ele=E3=80=91?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=95=86=E5=93=81=20SKU=20=E5=90=8D=E7=A7=B0?=
 =?UTF-8?q?=E6=A0=A1=E9=AA=8C=E5=A4=B1=E8=B4=A5=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

前端创建/编辑商品时，SKU 对象缺少 name 字段初始化，导致提交时后端校验 "商品 SKU 名字不能为空" 失败。

修改内容：
- form/index.vue: 初始化 SKU 添加 name 字段，提交前校验商品名称并赋值给 SKU
- sku-list.vue: createEmptySku 函数添加 name 字段

影响范围：web-antd、web-ele 两个版本
---
 .../views/mall/product/spu/components/sku-list.vue |  1 +
 .../src/views/mall/product/spu/form/index.vue      |  9 +++++++++
 .../views/mall/product/spu/components/sku-list.vue |  1 +
 .../src/views/mall/product/spu/form/index.vue      | 14 +++++++++++---
 4 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/apps/web-antd/src/views/mall/product/spu/components/sku-list.vue b/apps/web-antd/src/views/mall/product/spu/components/sku-list.vue
index a5f6f383a..383cda1cd 100644
--- a/apps/web-antd/src/views/mall/product/spu/components/sku-list.vue
+++ b/apps/web-antd/src/views/mall/product/spu/components/sku-list.vue
@@ -56,6 +56,7 @@ const tableHeaders = ref<{ label: string; prop: string }[]>([]);
 /** 创建空 SKU 数据 */
 function createEmptySku(): MallSpuApi.Sku {
   return {
+    name: '', // SKU 名称，提交时会自动使用 SPU 名称
     price: 0,
     marketPrice: 0,
     costPrice: 0,
diff --git a/apps/web-antd/src/views/mall/product/spu/form/index.vue b/apps/web-antd/src/views/mall/product/spu/form/index.vue
index 0d654b318..e8aa3ea3a 100644
--- a/apps/web-antd/src/views/mall/product/spu/form/index.vue
+++ b/apps/web-antd/src/views/mall/product/spu/form/index.vue
@@ -50,6 +50,7 @@ const formData = ref<MallSpuApi.Spu>({
   subCommissionType: false,
   skus: [
     {
+      name: '', // SKU 名称，提交时会自动使用 SPU 名称
       price: 0,
       marketPrice: 0,
       costPrice: 0,
@@ -181,6 +182,11 @@ async function handleSubmit() {
     .merge(otherFormApi)
     .submitAllForm(true);
   values.skus = formData.value.skus;
+  // 校验商品名称不能为空（用于 SKU name）
+  if (!values.name || values.name.trim() === '') {
+    message.error('商品名称不能为空');
+    return;
+  }
   if (values.skus) {
     try {
       // 校验 sku
@@ -190,6 +196,8 @@ async function handleSubmit() {
       return;
     }
     values.skus.forEach((item) => {
+      // 给 sku name 赋值（使用商品名称作为 SKU 名称）
+      item.name = values.name;
       // 金额转换：元转分
       item.price = convertToInteger(item.price);
       item.marketPrice = convertToInteger(item.marketPrice);
@@ -277,6 +285,7 @@ function handleChangeSpec() {
   // 重置 sku 列表
   formData.value.skus = [
     {
+      name: '', // SKU 名称，提交时会自动使用 SPU 名称
       price: 0,
       marketPrice: 0,
       costPrice: 0,
diff --git a/apps/web-ele/src/views/mall/product/spu/components/sku-list.vue b/apps/web-ele/src/views/mall/product/spu/components/sku-list.vue
index 06dc595b9..bcf6eb617 100644
--- a/apps/web-ele/src/views/mall/product/spu/components/sku-list.vue
+++ b/apps/web-ele/src/views/mall/product/spu/components/sku-list.vue
@@ -62,6 +62,7 @@ const tableHeaders = ref<{ label: string; prop: string }[]>([]);
 /** 创建空 SKU 数据 */
 function createEmptySku(): MallSpuApi.Sku {
   return {
+    name: '', // SKU 名称，提交时会自动使用 SPU 名称
     price: 0,
     marketPrice: 0,
     costPrice: 0,
diff --git a/apps/web-ele/src/views/mall/product/spu/form/index.vue b/apps/web-ele/src/views/mall/product/spu/form/index.vue
index 5f8a53d66..b2d65e30e 100644
--- a/apps/web-ele/src/views/mall/product/spu/form/index.vue
+++ b/apps/web-ele/src/views/mall/product/spu/form/index.vue
@@ -50,6 +50,7 @@ const formData = ref<MallSpuApi.Spu>({
   subCommissionType: false,
   skus: [
     {
+      name: '', // SKU 名称，提交时会自动使用 SPU 名称
       price: 0,
       marketPrice: 0,
       costPrice: 0,
@@ -168,8 +169,8 @@ const [OtherForm, otherFormApi] = useVbenForm({
 });
 
 /** tab 切换 */
-function handleTabChange(key: string) {
-  activeTabName.value = key;
+function handleTabChange(key: number | string) {
+  activeTabName.value = key as string;
 }
 
 /** 提交表单 */
@@ -181,6 +182,11 @@ async function handleSubmit() {
     .merge(otherFormApi)
     .submitAllForm(true);
   values.skus = formData.value.skus;
+  // 校验商品名称不能为空（用于 SKU name）
+  if (!values.name || values.name.trim() === '') {
+    ElMessage.error('商品名称不能为空');
+    return;
+  }
   if (values.skus) {
     try {
       // 校验 sku
@@ -190,6 +196,8 @@ async function handleSubmit() {
       return;
     }
     values.skus.forEach((item) => {
+      // 给 sku name 赋值（使用商品名称作为 SKU 名称）
+      item.name = values.name;
       // 金额转换：元转分
       item.price = convertToInteger(item.price);
       item.marketPrice = convertToInteger(item.marketPrice);
@@ -277,6 +285,7 @@ function handleChangeSpec() {
   // 重置 sku 列表
   formData.value.skus = [
     {
+      name: '', // SKU 名称，提交时会自动使用 SPU 名称
       price: 0,
       marketPrice: 0,
       costPrice: 0,
@@ -320,7 +329,6 @@ onMounted(async () => {
       <ElCard class="h-full w-full" v-loading="formLoading">
         <template #header>
           <div class="flex items-center justify-between">
-            <!-- @puhui999：idea 这边会有告警 -->
             <ElTabs v-model="activeTabName" @tab-change="handleTabChange">
               <ElTabPane label="基础设置" name="info" />
               <ElTabPane label="价格库存" name="sku" />

From 448f073143bf2aa527a6f2a0c54bfa6a494bae44 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Thu, 29 Jan 2026 21:20:24 +0800
Subject: [PATCH 3/3] =?UTF-8?q?review=EF=BC=9A=E3=80=90antd/ele=E3=80=91?=
 =?UTF-8?q?=E3=80=90bpm=E3=80=91=E5=B7=A5=E4=BD=9C=E6=B5=81=E7=9B=B8?=
 =?UTF-8?q?=E5=85=B3=E7=9A=84=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../form-create/components/dept-select.vue    | 51 ++++++++----------
 .../src/components/form-create/helpers.ts     |  4 +-
 .../form-create/components/dept-select.vue    | 52 +++++++++----------
 .../src/components/form-create/helpers.ts     |  4 +-
 .../penal/task/task-components/UserTask.vue   |  1 -
 .../nodes-config/user-task-node-config.vue    |  2 +
 .../simple-process-design/helpers.ts          |  1 +
 .../components/simple-process-design/index.ts |  1 +
 .../model/form/modules/bpm-model-editor.vue   |  1 +
 .../components/select-modal.vue               |  1 +
 .../bpm/processListener/components/data.ts    |  1 +
 .../components/select-modal.vue               |  1 +
 12 files changed, 59 insertions(+), 61 deletions(-)

diff --git a/apps/web-antd/src/components/form-create/components/dept-select.vue b/apps/web-antd/src/components/form-create/components/dept-select.vue
index 9f70ff0aa..98fa25490 100644
--- a/apps/web-antd/src/components/form-create/components/dept-select.vue
+++ b/apps/web-antd/src/components/form-create/components/dept-select.vue
@@ -1,4 +1,4 @@
-<!-- 部门选择器 - 树形结构显示 (Ant Design Vue 版本) -->
+<!-- 部门选择器 - 树形结构显示 -->
 <script lang="ts" setup>
 import { onMounted, ref, watch } from 'vue';
 
@@ -26,7 +26,8 @@ const emit = defineEmits<{
   ): void;
 }>();
 
-// 部门数据接口
+// todo @puhui999：是不是可以简化，使用 api 的；
+/** 部门数据接口 */
 interface DeptVO {
   id: number;
   name: string;
@@ -38,7 +39,8 @@ interface DeptVO {
   status?: number;
 }
 
-// 接受父组件参数
+// TODO @puhui999：linter 报错；
+/** 接受父组件参数 */
 interface Props {
   modelValue?: number | number[] | string | string[];
   multiple?: boolean;
@@ -49,14 +51,11 @@ interface Props {
   formCreateInject?: any;
 }
 
-// 部门树形数据
-const deptTree = ref<any[]>([]);
-// 原始部门列表（用于 returnType='name' 时查找名称）
-const deptList = ref<DeptVO[]>([]);
-// 当前选中值
-const selectedValue = ref<number | number[] | undefined>();
+const deptTree = ref<any[]>([]); // 部门树形数据
+const deptList = ref<DeptVO[]>([]); // 原始部门列表（用于 returnType='name' 时查找名称）
+const selectedValue = ref<number | number[] | undefined>(); // 当前选中值
 
-// 加载部门树形数据
+/** 加载部门树形数据 */
 async function loadDeptTree(): Promise<void> {
   try {
     const data = await requestClient.get<DeptVO[]>('/system/dept/simple-list');
@@ -68,22 +67,22 @@ async function loadDeptTree(): Promise<void> {
   }
 }
 
-// 根据 ID 获取部门名称
+/** 根据 ID 获取部门名称 */
 function getDeptNameById(id: number): string | undefined {
-  const dept = deptList.value.find((item) => item.id === id);
+  const dept = deptList.value.find((item: DeptVO) => item.id === id);
   if (!dept) {
     console.warn(`[DeptSelect] 未找到 ID 为 ${id} 的部门`);
   }
   return dept?.name;
 }
 
-// 根据名称获取部门 ID
+/** 根据名称获取部门 ID */
 function getDeptIdByName(name: string): number | undefined {
-  const dept = deptList.value.find((item) => item.name === name);
+  const dept = deptList.value.find((item: DeptVO) => item.name === name);
   return dept?.id;
 }
 
-// 处理选中值变化
+/** 处理选中值变化 */
 function handleChange(value: number | number[] | undefined): void {
   if (value === undefined || value === null) {
     emit('update:modelValue', props.multiple ? [] : undefined);
@@ -106,13 +105,13 @@ function handleChange(value: number | number[] | undefined): void {
   }
 }
 
-// 树节点过滤方法（支持搜索过滤）
+/** 树节点过滤方法（支持搜索过滤） */
 function filterTreeNode(inputValue: string, treeNode: any): boolean {
   if (!inputValue) return true;
   return treeNode.name?.toLowerCase().includes(inputValue.toLowerCase());
 }
 
-// 同步 modelValue 到内部选中值
+/** 同步 modelValue 到内部选中值 */
 function syncSelectedValue(): void {
   const newValue = props.modelValue;
   if (newValue === undefined || newValue === null) {
@@ -127,26 +126,24 @@ function syncSelectedValue(): void {
       return;
     }
     if (props.multiple && Array.isArray(newValue)) {
-      const ids = (newValue as string[])
+      selectedValue.value = (newValue as string[])
         .map((name) => getDeptIdByName(name))
         .filter(Boolean) as number[];
-      selectedValue.value = ids;
     } else if (!props.multiple && typeof newValue === 'string') {
-      const id = getDeptIdByName(newValue);
-      selectedValue.value = id;
+      selectedValue.value = getDeptIdByName(newValue);
     }
   } else {
     selectedValue.value = newValue as number | number[];
   }
 }
 
-// 监听 modelValue 变化，同步到内部选中值
+/** 监听 modelValue 变化，同步到内部选中值 */
 watch(() => props.modelValue, syncSelectedValue, { immediate: true });
 
-// 监听 deptList 变化，重新同步选中值（解决数据加载完成后的回显问题）
+/** 监听 deptList 变化，重新同步选中值（解决数据加载完成后的回显问题） */
 watch(() => deptList.value, syncSelectedValue);
 
-// 检查是否有有效的预设值
+/** 检查是否有有效的预设值 */
 function hasValidPresetValue(): boolean {
   const value = props.modelValue;
   if (value === undefined || value === null || value === '') {
@@ -158,13 +155,12 @@ function hasValidPresetValue(): boolean {
   return true;
 }
 
-// 设置默认值（当前用户部门）
+/** 设置默认值（当前用户部门） */
 function setDefaultValue(): void {
   // 仅当 defaultCurrentDept 为 true 时处理
   if (!props.defaultCurrentDept) {
     return;
   }
-
   // 检查是否已有预设值（预设值优先级高于默认当前部门）
   if (hasValidPresetValue()) {
     return;
@@ -173,7 +169,6 @@ function setDefaultValue(): void {
   // 获取当前用户的部门 ID
   const userStore = useUserStore();
   const deptId = userStore.userInfo?.deptId as number | undefined;
-
   // 处理 deptId 为空或 0 的边界情况
   if (!deptId || deptId === 0) {
     return;
@@ -184,7 +179,7 @@ function setDefaultValue(): void {
   emit('update:modelValue', defaultValue);
 }
 
-// 组件挂载时加载数据并设置默认值
+/** 组件挂载时加载数据并设置默认值 */
 onMounted(async () => {
   await loadDeptTree();
   // 数据加载完成后设置默认值
diff --git a/apps/web-antd/src/components/form-create/helpers.ts b/apps/web-antd/src/components/form-create/helpers.ts
index f04638945..010d27afc 100644
--- a/apps/web-antd/src/components/form-create/helpers.ts
+++ b/apps/web-antd/src/components/form-create/helpers.ts
@@ -194,7 +194,7 @@ export async function useFormCreateDesigner(designer: Ref) {
         type: 'switch',
         field: 'defaultCurrentUser',
         title: '默认选中当前用户',
-        value: true,
+        value: false,
       },
     ],
   });
@@ -217,7 +217,7 @@ export async function useFormCreateDesigner(designer: Ref) {
         type: 'switch',
         field: 'defaultCurrentDept',
         title: '默认选中当前部门',
-        value: true,
+        value: false,
       },
     ],
   });
diff --git a/apps/web-ele/src/components/form-create/components/dept-select.vue b/apps/web-ele/src/components/form-create/components/dept-select.vue
index ffe3a7c75..073d30767 100644
--- a/apps/web-ele/src/components/form-create/components/dept-select.vue
+++ b/apps/web-ele/src/components/form-create/components/dept-select.vue
@@ -1,4 +1,4 @@
-<!-- 部门选择器 - 树形结构显示 (Element Plus 版本) -->
+<!-- 部门选择器 - 树形结构显示 -->
 <script lang="ts" setup>
 import { onMounted, ref, watch } from 'vue';
 
@@ -26,7 +26,8 @@ const emit = defineEmits<{
   ): void;
 }>();
 
-// 部门数据接口
+// todo @puhui999：是不是可以简化，使用 api 的；
+/** 部门数据接口 */
 interface DeptVO {
   id: number;
   name: string;
@@ -38,7 +39,8 @@ interface DeptVO {
   status?: number;
 }
 
-// 接受父组件参数
+// TODO @puhui999：linter 报错；
+/** 接受父组件参数 */
 interface Props {
   modelValue?: number | number[] | string | string[];
   multiple?: boolean;
@@ -49,6 +51,7 @@ interface Props {
   formCreateInject?: any;
 }
 
+// TODO @AI：可以使用 element plus 自带的对象么？
 // Element Plus TreeSelect 的 props 配置
 const treeProps = {
   label: 'name',
@@ -56,14 +59,11 @@ const treeProps = {
   children: 'children',
 };
 
-// 部门树形数据
-const deptTree = ref<any[]>([]);
-// 原始部门列表（用于 returnType='name' 时查找名称）
-const deptList = ref<DeptVO[]>([]);
-// 当前选中值
-const selectedValue = ref<number | number[] | undefined>();
+const deptTree = ref<any[]>([]); // 部门树形数据
+const deptList = ref<DeptVO[]>([]); // 原始部门列表（用于 returnType='name' 时查找名称）
+const selectedValue = ref<number | number[] | undefined>(); // 当前选中值
 
-// 加载部门树形数据
+/** 加载部门树形数据 */
 async function loadDeptTree(): Promise<void> {
   try {
     const data = await requestClient.get<DeptVO[]>('/system/dept/simple-list');
@@ -75,22 +75,22 @@ async function loadDeptTree(): Promise<void> {
   }
 }
 
-// 根据 ID 获取部门名称
+/** 根据 ID 获取部门名称 */
 function getDeptNameById(id: number): string | undefined {
-  const dept = deptList.value.find((item) => item.id === id);
+  const dept = deptList.value.find((item: DeptVO) => item.id === id);
   if (!dept) {
     console.warn(`[DeptSelect] 未找到 ID 为 ${id} 的部门`);
   }
   return dept?.name;
 }
 
-// 根据名称获取部门 ID
+/** 根据名称获取部门 ID */
 function getDeptIdByName(name: string): number | undefined {
-  const dept = deptList.value.find((item) => item.name === name);
+  const dept = deptList.value.find((item: DeptVO) => item.name === name);
   return dept?.id;
 }
 
-// 处理选中值变化
+/** 处理选中值变化 */
 function handleChange(value: number | number[] | undefined): void {
   if (value === undefined || value === null) {
     emit('update:modelValue', props.multiple ? [] : undefined);
@@ -113,13 +113,13 @@ function handleChange(value: number | number[] | undefined): void {
   }
 }
 
-// 树节点过滤方法（支持搜索过滤）
+/** 树节点过滤方法（支持搜索过滤） */
 function filterNode(value: string, data: any): boolean {
   if (!value) return true;
   return data.name?.toLowerCase().includes(value.toLowerCase());
 }
 
-// 同步 modelValue 到内部选中值
+/** 同步 modelValue 到内部选中值 */
 function syncSelectedValue(): void {
   const newValue = props.modelValue;
   if (newValue === undefined || newValue === null) {
@@ -134,26 +134,24 @@ function syncSelectedValue(): void {
       return;
     }
     if (props.multiple && Array.isArray(newValue)) {
-      const ids = (newValue as string[])
+      selectedValue.value = (newValue as string[])
         .map((name) => getDeptIdByName(name))
         .filter(Boolean) as number[];
-      selectedValue.value = ids;
     } else if (!props.multiple && typeof newValue === 'string') {
-      const id = getDeptIdByName(newValue);
-      selectedValue.value = id;
+      selectedValue.value = getDeptIdByName(newValue);
     }
   } else {
     selectedValue.value = newValue as number | number[];
   }
 }
 
-// 监听 modelValue 变化，同步到内部选中值
+/** 监听 modelValue 变化，同步到内部选中值 */
 watch(() => props.modelValue, syncSelectedValue, { immediate: true });
 
-// 监听 deptList 变化，重新同步选中值（解决数据加载完成后的回显问题）
+/** 监听 deptList 变化，重新同步选中值（解决数据加载完成后的回显问题） */
 watch(() => deptList.value, syncSelectedValue);
 
-// 检查是否有有效的预设值
+/** 检查是否有有效的预设值 */
 function hasValidPresetValue(): boolean {
   const value = props.modelValue;
   if (value === undefined || value === null || value === '') {
@@ -165,13 +163,12 @@ function hasValidPresetValue(): boolean {
   return true;
 }
 
-// 设置默认值（当前用户部门）
+/** 设置默认值（当前用户部门） */
 function setDefaultValue(): void {
   // 仅当 defaultCurrentDept 为 true 时处理
   if (!props.defaultCurrentDept) {
     return;
   }
-
   // 检查是否已有预设值（预设值优先级高于默认当前部门）
   if (hasValidPresetValue()) {
     return;
@@ -180,7 +177,6 @@ function setDefaultValue(): void {
   // 获取当前用户的部门 ID
   const userStore = useUserStore();
   const deptId = userStore.userInfo?.deptId as number | undefined;
-
   // 处理 deptId 为空或 0 的边界情况
   if (!deptId || deptId === 0) {
     return;
@@ -191,7 +187,7 @@ function setDefaultValue(): void {
   emit('update:modelValue', defaultValue);
 }
 
-// 组件挂载时加载数据并设置默认值
+/** 组件挂载时加载数据并设置默认值 */
 onMounted(async () => {
   await loadDeptTree();
   // 数据加载完成后设置默认值
diff --git a/apps/web-ele/src/components/form-create/helpers.ts b/apps/web-ele/src/components/form-create/helpers.ts
index dbe938a5e..a7d750a99 100644
--- a/apps/web-ele/src/components/form-create/helpers.ts
+++ b/apps/web-ele/src/components/form-create/helpers.ts
@@ -194,7 +194,7 @@ export async function useFormCreateDesigner(designer: Ref) {
         type: 'switch',
         field: 'defaultCurrentUser',
         title: '默认选中当前用户',
-        value: true,
+        value: false,
       },
     ],
   });
@@ -217,7 +217,7 @@ export async function useFormCreateDesigner(designer: Ref) {
         type: 'switch',
         field: 'defaultCurrentDept',
         title: '默认选中当前部门',
-        value: true,
+        value: false,
       },
     ],
   });
diff --git a/apps/web-ele/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/UserTask.vue b/apps/web-ele/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/UserTask.vue
index b2b33fda4..632505a83 100644
--- a/apps/web-ele/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/UserTask.vue
+++ b/apps/web-ele/src/views/bpm/components/bpmn-process-designer/package/penal/task/task-components/UserTask.vue
@@ -43,7 +43,6 @@ import {
   MULTI_LEVEL_DEPT,
 } from '#/views/bpm/components/simple-process-design/consts';
 import { useFormFieldsPermission } from '#/views/bpm/components/simple-process-design/helpers';
-// TODO @jason：antd 是不是导入对齐这个？
 import { ProcessExpressionSelectModal } from '#/views/bpm/processExpression/components';
 
 defineOptions({ name: 'UserTask' });
diff --git a/apps/web-ele/src/views/bpm/components/simple-process-design/components/nodes-config/user-task-node-config.vue b/apps/web-ele/src/views/bpm/components/simple-process-design/components/nodes-config/user-task-node-config.vue
index 41f232fe1..496d4a867 100644
--- a/apps/web-ele/src/views/bpm/components/simple-process-design/components/nodes-config/user-task-node-config.vue
+++ b/apps/web-ele/src/views/bpm/components/simple-process-design/components/nodes-config/user-task-node-config.vue
@@ -108,6 +108,8 @@ const [Drawer, drawerApi] = useVbenDrawer({
   },
 });
 
+// TODO @jason：和 antd 对应的文件，逻辑有点不一样；
+
 // 节点名称配置
 const { nodeName, showInput, clickIcon, changeNodeName, inputRef } =
   useNodeName(BpmNodeTypeEnum.USER_TASK_NODE);
diff --git a/apps/web-ele/src/views/bpm/components/simple-process-design/helpers.ts b/apps/web-ele/src/views/bpm/components/simple-process-design/helpers.ts
index 3ffc2a303..0971c7d2c 100644
--- a/apps/web-ele/src/views/bpm/components/simple-process-design/helpers.ts
+++ b/apps/web-ele/src/views/bpm/components/simple-process-design/helpers.ts
@@ -46,6 +46,7 @@ export function useWatchNode(props: {
 }
 
 // 解析 formCreate 所有表单字段, 并返回
+// TODO @jason：这个逻辑，和 antd 对应的逻辑不太一致；
 function parseFormCreateFields(formFields?: string[]) {
   const result: Array<Record<string, any>> = [];
   if (formFields) {
diff --git a/apps/web-ele/src/views/bpm/components/simple-process-design/index.ts b/apps/web-ele/src/views/bpm/components/simple-process-design/index.ts
index 41269eae8..91f11f4bd 100644
--- a/apps/web-ele/src/views/bpm/components/simple-process-design/index.ts
+++ b/apps/web-ele/src/views/bpm/components/simple-process-design/index.ts
@@ -8,4 +8,5 @@ export { default as SimpleProcessViewer } from './components/simple-process-view
 
 export type { SimpleFlowNode } from './consts';
 
+// TODO @jaosn：和 antd 对应的文件，不太一样
 export { parseFormFields } from './helpers';
diff --git a/apps/web-ele/src/views/bpm/model/form/modules/bpm-model-editor.vue b/apps/web-ele/src/views/bpm/model/form/modules/bpm-model-editor.vue
index 9ea0516d0..c1a2e677f 100644
--- a/apps/web-ele/src/views/bpm/model/form/modules/bpm-model-editor.vue
+++ b/apps/web-ele/src/views/bpm/model/form/modules/bpm-model-editor.vue
@@ -40,6 +40,7 @@ const xmlString = inject('processData') as Ref; // 注入流程数据
 const modelData = inject('modelData') as Ref; // 注入模型数据
 
 const modeler = shallowRef(); // BPMN Modeler
+// TODO @AI：和对应的 antd 文件，略微有点不一样；
 const processDesigner = ref();
 const controlForm = ref({
   simulation: true,
diff --git a/apps/web-ele/src/views/bpm/processExpression/components/select-modal.vue b/apps/web-ele/src/views/bpm/processExpression/components/select-modal.vue
index dc1fb4984..f293b34e6 100644
--- a/apps/web-ele/src/views/bpm/processExpression/components/select-modal.vue
+++ b/apps/web-ele/src/views/bpm/processExpression/components/select-modal.vue
@@ -17,6 +17,7 @@ const emit = defineEmits<{
 }>();
 
 // 查询参数
+// TODO @jason：这里的风格，和 antd 对应的不一致；
 const queryParams = ref({
   status: CommonStatusEnum.ENABLE,
 });
diff --git a/apps/web-ele/src/views/bpm/processListener/components/data.ts b/apps/web-ele/src/views/bpm/processListener/components/data.ts
index 37725d839..48a9b4048 100644
--- a/apps/web-ele/src/views/bpm/processListener/components/data.ts
+++ b/apps/web-ele/src/views/bpm/processListener/components/data.ts
@@ -3,6 +3,7 @@ import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import { DICT_TYPE } from '@vben/constants';
 
 /** 选择监听器弹窗的列表字段 */
+// TODO @jason：和 antd 对应的，不太一致；
 export function useGridColumns(): VxeTableGridOptions['columns'] {
   return [
     { field: 'name', title: '名字', minWidth: 120 },
diff --git a/apps/web-ele/src/views/bpm/processListener/components/select-modal.vue b/apps/web-ele/src/views/bpm/processListener/components/select-modal.vue
index ef1237eca..f18ed0d08 100644
--- a/apps/web-ele/src/views/bpm/processListener/components/select-modal.vue
+++ b/apps/web-ele/src/views/bpm/processListener/components/select-modal.vue
@@ -19,6 +19,7 @@ const emit = defineEmits<{
 }>();
 
 // 查询参数
+// TODO @jason：这里的风格，和 antd 对应的不一致；
 const queryParams = ref({
   type: '',
   status: CommonStatusEnum.ENABLE,