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] =?UTF-8?q?feat(form-create):=20=E3=80=90antd/ele=E3=80=91?=
 =?UTF-8?q?=E8=A1=A8=E5=8D=95=E9=80=89=E6=8B=A9=E5=99=A8=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E9=BB=98=E8=AE=A4=E9=80=89=E4=B8=AD=E5=BD=93=E5=89=8D=E7=94=A8?=
 =?UTF-8?q?=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',
 });