diff --git a/apps/web-antd/src/utils/dict.ts b/apps/web-antd/src/utils/dict.ts
deleted file mode 100644
index 41e9ad2ed..000000000
--- a/apps/web-antd/src/utils/dict.ts
+++ /dev/null
@@ -1,191 +0,0 @@
-// TODO @芋艿：后续再优化
-// TODO @芋艿：可以共享么？
-
-import type { DictItem } from '@vben/stores';
-
-import { useDictStore } from '@vben/stores';
-import { isObject } from '@vben/utils';
-
-// TODO @dhb52：top-level 调用 导致："getActivePinia()" was called but there was no active Pinia
-// 先临时移入到方法中
-// const dictStore = useDictStore();
-
-/** AntD 组件的颜色类型 */
-type ColorType = 'error' | 'info' | 'success' | 'warning';
-
-/** 字典值类型 */
-type DictValueType = 'boolean' | 'number' | 'string';
-
-/** 基础字典数据类型 */
-export interface DictDataType {
-  dictType?: string;
-  label: string;
-  value: boolean | number | string;
-  colorType?: string;
-  cssClass?: string;
-}
-
-/** 数字类型字典数据 */
-export interface NumberDictDataType extends DictDataType {
-  value: number;
-}
-
-/** 字符串类型字典数据 */
-export interface StringDictDataType extends DictDataType {
-  value: string;
-}
-
-/** 布尔类型字典数据 */
-export interface BooleanDictDataType extends DictDataType {
-  value: boolean;
-}
-
-/** 字典缓存管理器 */
-class DictCacheManager {
-  private cache = new Map<string, DictDataType[]>();
-  private maxCacheSize = 100; // 最大缓存数量
-
-  /** 清空缓存 */
-  clear(): void {
-    this.cache.clear();
-  }
-
-  /** 删除指定字典类型的缓存 */
-  delete(dictType: string): void {
-    const keysToDelete = [];
-    for (const key of this.cache.keys()) {
-      if (key.startsWith(`${dictType}:`)) {
-        keysToDelete.push(key);
-      }
-    }
-    keysToDelete.forEach((key) => this.cache.delete(key));
-  }
-
-  /** 获取缓存数据 */
-  get(dictType: string, valueType: DictValueType): DictDataType[] | undefined {
-    return this.cache.get(this.getCacheKey(dictType, valueType));
-  }
-
-  /** 设置缓存数据 */
-  set(dictType: string, valueType: DictValueType, data: DictDataType[]): void {
-    const key = this.getCacheKey(dictType, valueType);
-
-    // 如果缓存数量超过限制，删除最早的缓存
-    if (this.cache.size >= this.maxCacheSize) {
-      const firstKey = this.cache.keys().next().value;
-      if (firstKey) {
-        this.cache.delete(firstKey);
-      }
-    }
-
-    this.cache.set(key, data);
-  }
-
-  /** 获取缓存键 */
-  private getCacheKey(dictType: string, valueType: DictValueType): string {
-    return `${dictType}:${valueType}`;
-  }
-}
-
-/** 字典缓存实例 */
-const dictCache = new DictCacheManager();
-
-/** 值转换器映射 */
-const valueConverters: Record<
-  DictValueType,
-  (value: any) => boolean | number | string
-> = {
-  boolean: (value: any) => `${value}` === 'true',
-  number: (value: any) => Number.parseInt(`${value}`, 10),
-  string: (value: any) => `${value}`,
-};
-
-/**
- * 获取字典标签
- * @param dictType 字典类型
- * @param value 字典值
- * @returns 字典标签
- */
-function getDictLabel(dictType: string, value: any): string {
-  const dictStore = useDictStore();
-  const dictObj = dictStore.getDictData(dictType, value);
-  return isObject(dictObj) ? dictObj.label : '';
-}
-
-/**
- * 获取字典对象
- * @param dictType 字典类型
- * @param value 字典值
- * @returns 字典对象
- */
-function getDictObj(dictType: string, value: any): DictItem | null {
-  const dictStore = useDictStore();
-  const dictObj = dictStore.getDictData(dictType, value);
-  return isObject(dictObj) ? dictObj : null;
-}
-
-/**
- * 获取字典数组 - 优化版本，支持缓存和泛型
- * @param dictType 字典类型
- * @param valueType 字典值类型，默认 string 类型
- * @returns 字典数组
- */
-function getDictOptions<T extends DictValueType = 'string'>(
-  dictType: string,
-  valueType: T = 'string' as T,
-): T extends 'number'
-  ? NumberDictDataType[]
-  : T extends 'boolean'
-    ? BooleanDictDataType[]
-    : StringDictDataType[] {
-  // 检查缓存
-  const cachedData = dictCache.get(dictType, valueType);
-  if (cachedData) {
-    return cachedData as any;
-  }
-
-  const dictStore = useDictStore();
-  const dictOpts = dictStore.getDictOptions(dictType);
-
-  if (dictOpts.length === 0) {
-    return [] as any;
-  }
-
-  const converter = valueConverters[valueType];
-  const dictOptions: DictDataType[] = dictOpts.map((d: DictItem) => ({
-    value: converter(d.value),
-    label: d.label,
-    colorType: d.colorType,
-    cssClass: d.cssClass,
-  }));
-
-  // 缓存结果
-  dictCache.set(dictType, valueType, dictOptions);
-
-  return dictOptions as any;
-}
-
-/**
- * 清空字典缓存
- */
-export const clearDictCache = (): void => {
-  dictCache.clear();
-};
-
-/**
- * 删除指定字典类型的缓存
- * @param dictType 字典类型
- */
-export const deleteDictCache = (dictType: string): void => {
-  dictCache.delete(dictType);
-};
-
-export {
-  type ColorType,
-  type DictValueType,
-  getDictLabel,
-  getDictObj,
-  getDictOptions,
-};
-
-export { DICT_TYPE } from '@vben/constants';
diff --git a/apps/web-antd/src/utils/index.ts b/apps/web-antd/src/utils/index.ts
index 25ad98691..b1d2a146e 100644
--- a/apps/web-antd/src/utils/index.ts
+++ b/apps/web-antd/src/utils/index.ts
@@ -1,5 +1,3 @@
-export * from './dict';
 export * from './formCreate';
 export * from './rangePickerProps';
 export * from './routerHelper';
-export { CommonStatusEnum } from '@vben/constants';
diff --git a/apps/web-antd/src/views/erp/finance/account/data.ts b/apps/web-antd/src/views/erp/finance/account/data.ts
index 825b556f5..dab12441c 100644
--- a/apps/web-antd/src/views/erp/finance/account/data.ts
+++ b/apps/web-antd/src/views/erp/finance/account/data.ts
@@ -3,10 +3,12 @@ import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
 import { h } from 'vue';
 
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { Tag } from 'ant-design-vue';
 
 import { z } from '#/adapter/form';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/erp/product/category/data.ts b/apps/web-antd/src/views/erp/product/category/data.ts
index 9d95075cb..2c04efb80 100644
--- a/apps/web-antd/src/views/erp/product/category/data.ts
+++ b/apps/web-antd/src/views/erp/product/category/data.ts
@@ -2,11 +2,12 @@ import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { ErpProductCategoryApi } from '#/api/erp/product/category';
 
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { handleTree } from '@vben/utils';
 
 import { z } from '#/adapter/form';
 import { getProductCategoryList } from '#/api/erp/product/category';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/erp/product/product/data.ts b/apps/web-antd/src/views/erp/product/product/data.ts
index 8b44beef8..942e2288e 100644
--- a/apps/web-antd/src/views/erp/product/product/data.ts
+++ b/apps/web-antd/src/views/erp/product/product/data.ts
@@ -1,12 +1,13 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { handleTree } from '@vben/utils';
 
 import { z } from '#/adapter/form';
 import { getProductCategorySimpleList } from '#/api/erp/product/category';
 import { getProductUnitSimpleList } from '#/api/erp/product/unit';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/erp/product/unit/data.ts b/apps/web-antd/src/views/erp/product/unit/data.ts
index 7de094158..aee0708c4 100644
--- a/apps/web-antd/src/views/erp/product/unit/data.ts
+++ b/apps/web-antd/src/views/erp/product/unit/data.ts
@@ -1,8 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { z } from '#/adapter/form';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/erp/purchase/in/data.ts b/apps/web-antd/src/views/erp/purchase/in/data.ts
index 28b74fa7e..a53dc53b0 100644
--- a/apps/web-antd/src/views/erp/purchase/in/data.ts
+++ b/apps/web-antd/src/views/erp/purchase/in/data.ts
@@ -1,6 +1,8 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { erpPriceInputFormatter } from '@vben/utils';
 
 import { z } from '#/adapter/form';
@@ -9,7 +11,6 @@ import { getProductSimpleList } from '#/api/erp/product/product';
 import { getSupplierSimpleList } from '#/api/erp/purchase/supplier';
 import { getWarehouseSimpleList } from '#/api/erp/stock/warehouse';
 import { getSimpleUserList } from '#/api/system/user';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 表单的配置项 */
 export function useFormSchema(formType: string): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/erp/purchase/order/data.ts b/apps/web-antd/src/views/erp/purchase/order/data.ts
index 0aa86f65e..7da9466bc 100644
--- a/apps/web-antd/src/views/erp/purchase/order/data.ts
+++ b/apps/web-antd/src/views/erp/purchase/order/data.ts
@@ -1,6 +1,8 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { erpPriceInputFormatter } from '@vben/utils';
 
 import { z } from '#/adapter/form';
@@ -8,7 +10,6 @@ import { getAccountSimpleList } from '#/api/erp/finance/account';
 import { getProductSimpleList } from '#/api/erp/product/product';
 import { getSupplierSimpleList } from '#/api/erp/purchase/supplier';
 import { getSimpleUserList } from '#/api/system/user';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 表单的配置项 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/erp/purchase/return/data.ts b/apps/web-antd/src/views/erp/purchase/return/data.ts
index 9d77cd7cf..595b5187a 100644
--- a/apps/web-antd/src/views/erp/purchase/return/data.ts
+++ b/apps/web-antd/src/views/erp/purchase/return/data.ts
@@ -1,6 +1,8 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { erpNumberFormatter, erpPriceInputFormatter } from '@vben/utils';
 
 import { z } from '#/adapter/form';
@@ -9,7 +11,6 @@ import { getProductSimpleList } from '#/api/erp/product/product';
 import { getSupplierSimpleList } from '#/api/erp/purchase/supplier';
 import { getWarehouseSimpleList } from '#/api/erp/stock/warehouse';
 import { getSimpleUserList } from '#/api/system/user';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 表单的配置项 */
 export function useFormSchema(formType: string): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/erp/purchase/supplier/data.ts b/apps/web-antd/src/views/erp/purchase/supplier/data.ts
index daa268c24..0c66fa8e0 100644
--- a/apps/web-antd/src/views/erp/purchase/supplier/data.ts
+++ b/apps/web-antd/src/views/erp/purchase/supplier/data.ts
@@ -1,7 +1,8 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
-import { DICT_TYPE, getDictOptions } from '#/utils';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/erp/sale/customer/data.ts b/apps/web-antd/src/views/erp/sale/customer/data.ts
index c2f316866..abba18024 100644
--- a/apps/web-antd/src/views/erp/sale/customer/data.ts
+++ b/apps/web-antd/src/views/erp/sale/customer/data.ts
@@ -1,8 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { z } from '#/adapter/form';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/erp/sale/order/data.ts b/apps/web-antd/src/views/erp/sale/order/data.ts
index 64d41c627..05aaaa900 100644
--- a/apps/web-antd/src/views/erp/sale/order/data.ts
+++ b/apps/web-antd/src/views/erp/sale/order/data.ts
@@ -1,6 +1,8 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { erpPriceInputFormatter } from '@vben/utils';
 
 import { z } from '#/adapter/form';
@@ -8,7 +10,6 @@ import { getAccountSimpleList } from '#/api/erp/finance/account';
 import { getProductSimpleList } from '#/api/erp/product/product';
 import { getCustomerSimpleList } from '#/api/erp/sale/customer';
 import { getSimpleUserList } from '#/api/system/user';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 表单的配置项 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/erp/sale/return/data.ts b/apps/web-antd/src/views/erp/sale/return/data.ts
index 01c046728..9dc66dfa7 100644
--- a/apps/web-antd/src/views/erp/sale/return/data.ts
+++ b/apps/web-antd/src/views/erp/sale/return/data.ts
@@ -1,6 +1,8 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { erpNumberFormatter, erpPriceInputFormatter } from '@vben/utils';
 
 import { z } from '#/adapter/form';
@@ -9,7 +11,6 @@ import { getProductSimpleList } from '#/api/erp/product/product';
 import { getCustomerSimpleList } from '#/api/erp/sale/customer';
 import { getWarehouseSimpleList } from '#/api/erp/stock/warehouse';
 import { getSimpleUserList } from '#/api/system/user';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 表单的配置项 */
 export function useFormSchema(formType: string): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/erp/stock/check/data.ts b/apps/web-antd/src/views/erp/stock/check/data.ts
index a0d75ea7d..d8ee04d73 100644
--- a/apps/web-antd/src/views/erp/stock/check/data.ts
+++ b/apps/web-antd/src/views/erp/stock/check/data.ts
@@ -1,11 +1,13 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { createRequiredValidation } from '#/adapter/vxe-table';
 import { getProductSimpleList } from '#/api/erp/product/product';
 import { getWarehouseSimpleList } from '#/api/erp/stock/warehouse';
 import { getSimpleUserList } from '#/api/system/user';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 表单的配置项 */
 export function useFormSchema(formType: string): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/erp/stock/in/data.ts b/apps/web-antd/src/views/erp/stock/in/data.ts
index 68b667fc9..4048bf68c 100644
--- a/apps/web-antd/src/views/erp/stock/in/data.ts
+++ b/apps/web-antd/src/views/erp/stock/in/data.ts
@@ -1,10 +1,12 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { createRequiredValidation } from '#/adapter/vxe-table';
 import { getSupplierSimpleList } from '#/api/erp/purchase/supplier';
 import { getSimpleUserList } from '#/api/system/user';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 表单的配置项 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/erp/stock/move/data.ts b/apps/web-antd/src/views/erp/stock/move/data.ts
index 94ab7fa0e..edd802b8b 100644
--- a/apps/web-antd/src/views/erp/stock/move/data.ts
+++ b/apps/web-antd/src/views/erp/stock/move/data.ts
@@ -1,11 +1,13 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { createRequiredValidation } from '#/adapter/vxe-table';
 import { getProductSimpleList } from '#/api/erp/product/product';
 import { getWarehouseSimpleList } from '#/api/erp/stock/warehouse';
 import { getSimpleUserList } from '#/api/system/user';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 表单的配置项 */
 export function useFormSchema(formType: string): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/erp/stock/record/data.ts b/apps/web-antd/src/views/erp/stock/record/data.ts
index 4b74910fe..f4753b894 100644
--- a/apps/web-antd/src/views/erp/stock/record/data.ts
+++ b/apps/web-antd/src/views/erp/stock/record/data.ts
@@ -1,9 +1,11 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { getProductSimpleList } from '#/api/erp/product/product';
 import { getWarehouseSimpleList } from '#/api/erp/stock/warehouse';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 搜索表单 */
 export function useGridFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/erp/stock/warehouse/data.ts b/apps/web-antd/src/views/erp/stock/warehouse/data.ts
index 8adfd1daa..308f2583b 100644
--- a/apps/web-antd/src/views/erp/stock/warehouse/data.ts
+++ b/apps/web-antd/src/views/erp/stock/warehouse/data.ts
@@ -2,7 +2,8 @@ import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { ErpWarehouseApi } from '#/api/erp/stock/warehouse';
 
-import { DICT_TYPE, getDictOptions } from '#/utils';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/infra/demo/general/demo01/modules/form.vue b/apps/web-antd/src/views/infra/demo/general/demo01/modules/form.vue
index 7d718438a..24e361c53 100644
--- a/apps/web-antd/src/views/infra/demo/general/demo01/modules/form.vue
+++ b/apps/web-antd/src/views/infra/demo/general/demo01/modules/form.vue
@@ -6,6 +6,8 @@ import type { Demo01ContactApi } from '#/api/infra/demo/demo01';
 import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 import {
   DatePicker,
@@ -24,7 +26,6 @@ import {
 import { Tinymce as RichTextarea } from '#/components/tinymce';
 import { ImageUpload } from '#/components/upload';
 import { $t } from '#/locales';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 const emit = defineEmits(['success']);
 
diff --git a/apps/web-antd/src/views/infra/demo/general/demo03/erp/modules/form.vue b/apps/web-antd/src/views/infra/demo/general/demo03/erp/modules/form.vue
index 6bec7daca..9433f0e96 100644
--- a/apps/web-antd/src/views/infra/demo/general/demo03/erp/modules/form.vue
+++ b/apps/web-antd/src/views/infra/demo/general/demo03/erp/modules/form.vue
@@ -6,6 +6,8 @@ import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
 import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 import {
   DatePicker,
@@ -23,7 +25,6 @@ import {
 } from '#/api/infra/demo/demo03/erp';
 import { Tinymce as RichTextarea } from '#/components/tinymce';
 import { $t } from '#/locales';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 const emit = defineEmits(['success']);
 
diff --git a/apps/web-antd/src/views/infra/demo/general/demo03/inner/modules/form.vue b/apps/web-antd/src/views/infra/demo/general/demo03/inner/modules/form.vue
index 547d126ba..72faf6407 100644
--- a/apps/web-antd/src/views/infra/demo/general/demo03/inner/modules/form.vue
+++ b/apps/web-antd/src/views/infra/demo/general/demo03/inner/modules/form.vue
@@ -6,6 +6,8 @@ import type { Demo03StudentApi } from '#/api/infra/demo/demo03/normal';
 import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 import {
   DatePicker,
@@ -24,7 +26,6 @@ import {
 } from '#/api/infra/demo/demo03/normal';
 import { Tinymce as RichTextarea } from '#/components/tinymce';
 import { $t } from '#/locales';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 import Demo03CourseForm from './demo03-course-form.vue';
 import Demo03GradeForm from './demo03-grade-form.vue';
diff --git a/apps/web-antd/src/views/infra/demo/general/demo03/normal/modules/form.vue b/apps/web-antd/src/views/infra/demo/general/demo03/normal/modules/form.vue
index 84169a293..89f7cbe9d 100644
--- a/apps/web-antd/src/views/infra/demo/general/demo03/normal/modules/form.vue
+++ b/apps/web-antd/src/views/infra/demo/general/demo03/normal/modules/form.vue
@@ -6,6 +6,8 @@ import type { Demo03StudentApi } from '#/api/infra/demo/demo03/normal';
 import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 import {
   DatePicker,
@@ -24,7 +26,6 @@ import {
 } from '#/api/infra/demo/demo03/normal';
 import { Tinymce as RichTextarea } from '#/components/tinymce';
 import { $t } from '#/locales';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 import Demo03CourseForm from './demo03-course-form.vue';
 import Demo03GradeForm from './demo03-grade-form.vue';
diff --git a/apps/web-antd/src/views/infra/job/data.ts b/apps/web-antd/src/views/infra/job/data.ts
index 1fa6b2d5a..83a7dfe6b 100644
--- a/apps/web-antd/src/views/infra/job/data.ts
+++ b/apps/web-antd/src/views/infra/job/data.ts
@@ -4,13 +4,14 @@ import type { DescriptionItemSchema } from '#/components/description';
 
 import { h, markRaw } from 'vue';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { formatDateTime } from '@vben/utils';
 
 import { Timeline } from 'ant-design-vue';
 
 import { CronTab } from '#/components/cron-tab';
 import { DictTag } from '#/components/dict-tag';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/infra/job/logger/data.ts b/apps/web-antd/src/views/infra/job/logger/data.ts
index b58629a8b..8c1e3644c 100644
--- a/apps/web-antd/src/views/infra/job/logger/data.ts
+++ b/apps/web-antd/src/views/infra/job/logger/data.ts
@@ -4,12 +4,13 @@ import type { DescriptionItemSchema } from '#/components/description';
 
 import { h } from 'vue';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { formatDateTime } from '@vben/utils';
 
 import dayjs from 'dayjs';
 
 import { DictTag } from '#/components/dict-tag';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 列表的搜索表单 */
 export function useGridFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/mall/product/category/data.ts b/apps/web-antd/src/views/mall/product/category/data.ts
index 5efa27c02..a35f1a7d1 100644
--- a/apps/web-antd/src/views/mall/product/category/data.ts
+++ b/apps/web-antd/src/views/mall/product/category/data.ts
@@ -2,11 +2,12 @@ import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { MallCategoryApi } from '#/api/mall/product/category';
 
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { handleTree } from '@vben/utils';
 
 import { z } from '#/adapter/form';
 import { getCategoryList } from '#/api/mall/product/category';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/mall/promotion/bargain/activity/data.ts b/apps/web-antd/src/views/mall/promotion/bargain/activity/data.ts
index 80285f23c..75c2a315b 100644
--- a/apps/web-antd/src/views/mall/promotion/bargain/activity/data.ts
+++ b/apps/web-antd/src/views/mall/promotion/bargain/activity/data.ts
@@ -1,10 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { formatDate } from '@vben/utils';
 
-import { DICT_TYPE, getDictOptions } from '#/utils';
-
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
   return [
diff --git a/apps/web-antd/src/views/mall/promotion/combination/activity/data.ts b/apps/web-antd/src/views/mall/promotion/combination/activity/data.ts
index e08dfa662..0a0794477 100644
--- a/apps/web-antd/src/views/mall/promotion/combination/activity/data.ts
+++ b/apps/web-antd/src/views/mall/promotion/combination/activity/data.ts
@@ -1,10 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { formatDate } from '@vben/utils';
 
-import { DICT_TYPE, getDictOptions } from '#/utils';
-
 /** 表单配置 */
 export function useFormSchema(): VbenFormSchema[] {
   return [
diff --git a/apps/web-antd/src/views/mall/promotion/combination/record/data.ts b/apps/web-antd/src/views/mall/promotion/combination/record/data.ts
index 3a5082170..82b63c49a 100644
--- a/apps/web-antd/src/views/mall/promotion/combination/record/data.ts
+++ b/apps/web-antd/src/views/mall/promotion/combination/record/data.ts
@@ -1,7 +1,8 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
-import { DICT_TYPE, getDictOptions } from '#/utils';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 /** 列表的搜索表单 */
 export function useGridFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/mall/promotion/discountActivity/data.ts b/apps/web-antd/src/views/mall/promotion/discountActivity/data.ts
index dffafe32d..e449efe7a 100644
--- a/apps/web-antd/src/views/mall/promotion/discountActivity/data.ts
+++ b/apps/web-antd/src/views/mall/promotion/discountActivity/data.ts
@@ -1,10 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { formatDate } from '@vben/utils';
 
-import { DICT_TYPE, getDictOptions } from '#/utils';
-
 /** 表单配置 */
 export function useFormSchema(): VbenFormSchema[] {
   return [
diff --git a/apps/web-antd/src/views/mall/promotion/rewardActivity/data.ts b/apps/web-antd/src/views/mall/promotion/rewardActivity/data.ts
index c145669bf..598e0d1a4 100644
--- a/apps/web-antd/src/views/mall/promotion/rewardActivity/data.ts
+++ b/apps/web-antd/src/views/mall/promotion/rewardActivity/data.ts
@@ -1,7 +1,8 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
-import { DICT_TYPE, getDictOptions } from '#/utils';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 /** 表单配置 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/mall/promotion/seckill/activity/data.ts b/apps/web-antd/src/views/mall/promotion/seckill/activity/data.ts
index 2d294e8e7..b27413519 100644
--- a/apps/web-antd/src/views/mall/promotion/seckill/activity/data.ts
+++ b/apps/web-antd/src/views/mall/promotion/seckill/activity/data.ts
@@ -1,7 +1,8 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
-import { DICT_TYPE, getDictOptions } from '#/utils';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 /** 列表的搜索表单 */
 export function useGridFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/mall/promotion/seckill/config/data.ts b/apps/web-antd/src/views/mall/promotion/seckill/config/data.ts
index 845169b6a..bce62ae0d 100644
--- a/apps/web-antd/src/views/mall/promotion/seckill/config/data.ts
+++ b/apps/web-antd/src/views/mall/promotion/seckill/config/data.ts
@@ -2,7 +2,8 @@ import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { MallSeckillConfigApi } from '#/api/mall/promotion/seckill/seckillConfig';
 
-import { DICT_TYPE, getDictOptions } from '#/utils';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/mall/trade/afterSale/index.vue b/apps/web-antd/src/views/mall/trade/afterSale/index.vue
index 8b3f58d49..a9ccaf58d 100644
--- a/apps/web-antd/src/views/mall/trade/afterSale/index.vue
+++ b/apps/web-antd/src/views/mall/trade/afterSale/index.vue
@@ -6,12 +6,13 @@ import { onMounted, ref } from 'vue';
 import { useRouter } from 'vue-router';
 
 import { DocAlert, Page } from '@vben/common-ui';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 import { Button, Tabs } from 'ant-design-vue';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getAfterSalePage } from '#/api/mall/trade/afterSale';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 import { useGridColumns, useGridFormSchema } from './data';
 
diff --git a/apps/web-antd/src/views/mall/trade/config/data.ts b/apps/web-antd/src/views/mall/trade/config/data.ts
index 9c35219fc..c9125673b 100644
--- a/apps/web-antd/src/views/mall/trade/config/data.ts
+++ b/apps/web-antd/src/views/mall/trade/config/data.ts
@@ -1,6 +1,7 @@
 import type { VbenFormSchema } from '#/adapter/form';
 
-import { DICT_TYPE, getDictOptions } from '#/utils';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 /** 售后表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/mall/trade/delivery/express/data.ts b/apps/web-antd/src/views/mall/trade/delivery/express/data.ts
index 908cf3e1e..28db3aaa5 100644
--- a/apps/web-antd/src/views/mall/trade/delivery/express/data.ts
+++ b/apps/web-antd/src/views/mall/trade/delivery/express/data.ts
@@ -1,8 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { z } from '#/adapter/form';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/mall/trade/delivery/expressTemplate/data.ts b/apps/web-antd/src/views/mall/trade/delivery/expressTemplate/data.ts
index b243fd883..048b68aab 100644
--- a/apps/web-antd/src/views/mall/trade/delivery/expressTemplate/data.ts
+++ b/apps/web-antd/src/views/mall/trade/delivery/expressTemplate/data.ts
@@ -1,8 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { z } from '#/adapter/form';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/member/group/data.ts b/apps/web-antd/src/views/member/group/data.ts
index e7466bd3e..938774138 100644
--- a/apps/web-antd/src/views/member/group/data.ts
+++ b/apps/web-antd/src/views/member/group/data.ts
@@ -1,8 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { z } from '#/adapter/form';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/member/level/data.ts b/apps/web-antd/src/views/member/level/data.ts
index d60a180dc..594d612a9 100644
--- a/apps/web-antd/src/views/member/level/data.ts
+++ b/apps/web-antd/src/views/member/level/data.ts
@@ -1,8 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { z } from '#/adapter/form';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/member/signin/config/data.ts b/apps/web-antd/src/views/member/signin/config/data.ts
index be1d8e272..c1237cdd7 100644
--- a/apps/web-antd/src/views/member/signin/config/data.ts
+++ b/apps/web-antd/src/views/member/signin/config/data.ts
@@ -1,8 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { z } from '#/adapter/form';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/pay/app/data.ts b/apps/web-antd/src/views/pay/app/data.ts
index a132eea05..c5f3c51e5 100644
--- a/apps/web-antd/src/views/pay/app/data.ts
+++ b/apps/web-antd/src/views/pay/app/data.ts
@@ -2,7 +2,8 @@ import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { PayAppApi } from '#/api/pay/app';
 
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 export function useGridFormSchema(): VbenFormSchema[] {
   return [
diff --git a/apps/web-antd/src/views/pay/app/modules/data.ts b/apps/web-antd/src/views/pay/app/modules/data.ts
index 56188df2c..37fc4fc49 100644
--- a/apps/web-antd/src/views/pay/app/modules/data.ts
+++ b/apps/web-antd/src/views/pay/app/modules/data.ts
@@ -2,8 +2,10 @@ import type { VbenFormSchema } from '#/adapter/form';
 
 import { h } from 'vue';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { InputUpload } from '#/components/upload';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 export function channelSchema(formType: string): VbenFormSchema[] {
   if (formType.includes('alipay_')) {
diff --git a/apps/web-antd/src/views/pay/order/data.ts b/apps/web-antd/src/views/pay/order/data.ts
index 0e9ad03b2..1fcd6ee21 100644
--- a/apps/web-antd/src/views/pay/order/data.ts
+++ b/apps/web-antd/src/views/pay/order/data.ts
@@ -4,12 +4,13 @@ import type { DescriptionItemSchema } from '#/components/description';
 
 import { h } from 'vue';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { erpPriceInputFormatter, formatDateTime } from '@vben/utils';
 
 import { Tag } from 'ant-design-vue';
 
 import { DictTag } from '#/components/dict-tag';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 列表的搜索表单 */
 export function useGridFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/system/dept/data.ts b/apps/web-antd/src/views/system/dept/data.ts
index 0da23687b..b1fb3d62b 100644
--- a/apps/web-antd/src/views/system/dept/data.ts
+++ b/apps/web-antd/src/views/system/dept/data.ts
@@ -2,12 +2,13 @@ import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { SystemDeptApi } from '#/api/system/dept';
 
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { handleTree } from '@vben/utils';
 
 import { z } from '#/adapter/form';
 import { getDeptList } from '#/api/system/dept';
 import { getSimpleUserList } from '#/api/system/user';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/system/dict/data.ts b/apps/web-antd/src/views/system/dict/data.ts
index 36c6148ab..537d61e79 100644
--- a/apps/web-antd/src/views/system/dict/data.ts
+++ b/apps/web-antd/src/views/system/dict/data.ts
@@ -1,9 +1,11 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { z } from '#/adapter/form';
 import { getSimpleDictTypeList } from '#/api/system/dict/type';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 // ============================== 字典类型 ==============================
 
diff --git a/apps/web-antd/src/views/system/mail/account/data.ts b/apps/web-antd/src/views/system/mail/account/data.ts
index dfe9775a5..3fc85a301 100644
--- a/apps/web-antd/src/views/system/mail/account/data.ts
+++ b/apps/web-antd/src/views/system/mail/account/data.ts
@@ -1,8 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { z } from '#/adapter/form';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/system/menu/data.ts b/apps/web-antd/src/views/system/menu/data.ts
index e5fd68d92..209c1a7e7 100644
--- a/apps/web-antd/src/views/system/menu/data.ts
+++ b/apps/web-antd/src/views/system/menu/data.ts
@@ -6,7 +6,12 @@ import type { SystemMenuApi } from '#/api/system/menu';
 
 import { h } from 'vue';
 
-import { SystemMenuTypeEnum } from '@vben/constants';
+import {
+  CommonStatusEnum,
+  DICT_TYPE,
+  SystemMenuTypeEnum,
+} from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { IconifyIcon } from '@vben/icons';
 import { handleTree, isHttpUrl } from '@vben/utils';
 
@@ -14,7 +19,6 @@ import { z } from '#/adapter/form';
 import { getMenuList } from '#/api/system/menu';
 import { $t } from '#/locales';
 import { componentKeys } from '#/router/routes';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/system/notice/data.ts b/apps/web-antd/src/views/system/notice/data.ts
index c00fb0d55..7b327c0b9 100644
--- a/apps/web-antd/src/views/system/notice/data.ts
+++ b/apps/web-antd/src/views/system/notice/data.ts
@@ -1,8 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { z } from '#/adapter/form';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/system/oauth2/client/data.ts b/apps/web-antd/src/views/system/oauth2/client/data.ts
index b53bcf514..4fd3df706 100644
--- a/apps/web-antd/src/views/system/oauth2/client/data.ts
+++ b/apps/web-antd/src/views/system/oauth2/client/data.ts
@@ -1,8 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { z } from '#/adapter/form';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/system/oauth2/token/data.ts b/apps/web-antd/src/views/system/oauth2/token/data.ts
index 3222c8731..51390fb3f 100644
--- a/apps/web-antd/src/views/system/oauth2/token/data.ts
+++ b/apps/web-antd/src/views/system/oauth2/token/data.ts
@@ -1,7 +1,8 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
-import { DICT_TYPE, getDictOptions } from '#/utils';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 /** 列表的搜索表单 */
 export function useGridFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/system/post/data.ts b/apps/web-antd/src/views/system/post/data.ts
index 1016871a6..0a00f6494 100644
--- a/apps/web-antd/src/views/system/post/data.ts
+++ b/apps/web-antd/src/views/system/post/data.ts
@@ -1,8 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { z } from '#/adapter/form';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/system/social/client/data.ts b/apps/web-antd/src/views/system/social/client/data.ts
index b564948fb..deeb0aed1 100644
--- a/apps/web-antd/src/views/system/social/client/data.ts
+++ b/apps/web-antd/src/views/system/social/client/data.ts
@@ -1,10 +1,14 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
-import { SystemUserSocialTypeEnum } from '@vben/constants';
+import {
+  CommonStatusEnum,
+  DICT_TYPE,
+  SystemUserSocialTypeEnum,
+} from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 import { z } from '#/adapter/form';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-antd/src/views/system/user/index.vue b/apps/web-antd/src/views/system/user/index.vue
index 51009b86a..247d73be9 100644
--- a/apps/web-antd/src/views/system/user/index.vue
+++ b/apps/web-antd/src/views/system/user/index.vue
@@ -6,6 +6,8 @@ import type { SystemUserApi } from '#/api/system/user';
 import { ref } from 'vue';
 
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictLabel } from '@vben/hooks';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
 import { Card, message } from 'ant-design-vue';
@@ -19,7 +21,6 @@ import {
   updateUserStatus,
 } from '#/api/system/user';
 import { $t } from '#/locales';
-import { DICT_TYPE, getDictLabel } from '#/utils';
 
 import { useGridColumns, useGridFormSchema } from './data';
 import AssignRoleForm from './modules/assign-role-form.vue';
diff --git a/apps/web-ele/src/api/infra/demo/demo01/index.ts b/apps/web-ele/src/api/infra/demo/demo01/index.ts
index e180a76c4..e572bb126 100644
--- a/apps/web-ele/src/api/infra/demo/demo01/index.ts
+++ b/apps/web-ele/src/api/infra/demo/demo01/index.ts
@@ -1,5 +1,3 @@
-import type { Dayjs } from 'dayjs';
-
 import type { PageParam, PageResult } from '@vben/request';
 
 import { requestClient } from '#/api/request';
@@ -10,7 +8,7 @@ export namespace Demo01ContactApi {
     id: number; // 编号
     name?: string; // 名字
     sex?: number; // 性别
-    birthday?: Dayjs | string; // 出生年
+    birthday?: Date | string; // 出生年
     description?: string; // 简介
     avatar: string; // 头像
   }
diff --git a/apps/web-ele/src/api/infra/demo/demo03/erp/index.ts b/apps/web-ele/src/api/infra/demo/demo03/erp/index.ts
index 6dc7e352a..23caea01b 100644
--- a/apps/web-ele/src/api/infra/demo/demo03/erp/index.ts
+++ b/apps/web-ele/src/api/infra/demo/demo03/erp/index.ts
@@ -1,5 +1,3 @@
-import type { Dayjs } from 'dayjs';
-
 import type { PageParam, PageResult } from '@vben/request';
 
 import { requestClient } from '#/api/request';
@@ -26,7 +24,7 @@ export namespace Demo03StudentApi {
     id: number; // 编号
     name?: string; // 名字
     sex?: number; // 性别
-    birthday?: Dayjs | string; // 出生日期
+    birthday?: Date | string; // 出生日期
     description?: string; // 简介
   }
 }
diff --git a/apps/web-ele/src/api/infra/demo/demo03/inner/index.ts b/apps/web-ele/src/api/infra/demo/demo03/inner/index.ts
index 02bfbcc66..a2f7f31ac 100644
--- a/apps/web-ele/src/api/infra/demo/demo03/inner/index.ts
+++ b/apps/web-ele/src/api/infra/demo/demo03/inner/index.ts
@@ -1,5 +1,3 @@
-import type { Dayjs } from 'dayjs';
-
 import type { PageParam, PageResult } from '@vben/request';
 
 import { requestClient } from '#/api/request';
@@ -26,7 +24,7 @@ export namespace Demo03StudentApi {
     id: number; // 编号
     name?: string; // 名字
     sex?: number; // 性别
-    birthday?: Dayjs | string; // 出生日期
+    birthday?: Date | string; // 出生日期
     description?: string; // 简介
     demo03courses?: Demo03Course[];
     demo03grade?: Demo03Grade;
diff --git a/apps/web-ele/src/api/infra/demo/demo03/normal/index.ts b/apps/web-ele/src/api/infra/demo/demo03/normal/index.ts
index 2a085a153..0fc993d9f 100644
--- a/apps/web-ele/src/api/infra/demo/demo03/normal/index.ts
+++ b/apps/web-ele/src/api/infra/demo/demo03/normal/index.ts
@@ -1,5 +1,3 @@
-import type { Dayjs } from 'dayjs';
-
 import type { PageParam, PageResult } from '@vben/request';
 
 import { requestClient } from '#/api/request';
@@ -26,7 +24,7 @@ export namespace Demo03StudentApi {
     id: number; // 编号
     name?: string; // 名字
     sex?: number; // 性别
-    birthday?: Dayjs | string; // 出生日期
+    birthday?: Date | string; // 出生日期
     description?: string; // 简介
     demo03courses?: Demo03Course[];
     demo03grade?: Demo03Grade;
diff --git a/apps/web-ele/src/components/dict-tag/dict-tag.vue b/apps/web-ele/src/components/dict-tag/dict-tag.vue
index 358daf920..b4be73a92 100644
--- a/apps/web-ele/src/components/dict-tag/dict-tag.vue
+++ b/apps/web-ele/src/components/dict-tag/dict-tag.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { ElTag } from 'element-plus';
-
 // import { isHexColor } from '@/utils/color' // TODO @芋艿：【可优化】增加 cssClass 的处理 https://gitee.com/yudaocode/yudao-ui-admin-vben/blob/v2.4.1/src/components/DictTag/src/DictTag.vue#L60
-import { getDictObj } from '#/utils';
+import { getDictObj } from '@vben/hooks';
+
+import { ElTag } from 'element-plus';
 
 interface DictTagProps {
   /**
diff --git a/apps/web-ele/src/components/form-create/components/dict-select.vue b/apps/web-ele/src/components/form-create/components/dict-select.vue
index b4e65d06e..a081a4161 100644
--- a/apps/web-ele/src/components/form-create/components/dict-select.vue
+++ b/apps/web-ele/src/components/form-create/components/dict-select.vue
@@ -4,6 +4,8 @@ import type { DictSelectProps } from '../typing';
 
 import { computed, useAttrs } from 'vue';
 
+import { getDictOptions } from '@vben/hooks';
+
 import {
   ElCheckbox,
   ElCheckboxGroup,
@@ -13,8 +15,6 @@ import {
   ElSelect,
 } from 'element-plus';
 
-import { getDictObj, getIntDictOptions, getStrDictOptions } from '#/utils';
-
 defineOptions({ name: 'DictSelect' });
 
 const props = withDefaults(defineProps<DictSelectProps>(), {
@@ -25,17 +25,16 @@ const props = withDefaults(defineProps<DictSelectProps>(), {
 const attrs = useAttrs();
 
 // 获得字典配置
-// TODO @dhb：可以使用 getDictOptions 替代么？
-const getDictOptions = computed(() => {
+const dictOptions = computed(() => {
   switch (props.valueType) {
     case 'bool': {
-      return getDictObj(props.dictType, 'bool');
+      return getDictOptions(props.dictType, 'boolean');
     }
     case 'int': {
-      return getIntDictOptions(props.dictType);
+      return getDictOptions(props.dictType);
     }
     case 'str': {
-      return getStrDictOptions(props.dictType);
+      return getDictOptions(props.dictType);
     }
     default: {
       return [];
@@ -47,7 +46,7 @@ const getDictOptions = computed(() => {
 <template>
   <ElSelect v-if="selectType === 'select'" class="w-1/1" v-bind="attrs">
     <ElOption
-      v-for="(dict, index) in getDictOptions"
+      v-for="(dict, index) in dictOptions"
       :key="index"
       :value="dict.value"
       :label="dict.label"
@@ -55,7 +54,7 @@ const getDictOptions = computed(() => {
   </ElSelect>
   <ElRadioGroup v-if="selectType === 'radio'" class="w-1/1" v-bind="attrs">
     <ElRadio
-      v-for="(dict, index) in getDictOptions"
+      v-for="(dict, index) in dictOptions"
       :key="index"
       :label="dict.value"
     >
@@ -68,7 +67,7 @@ const getDictOptions = computed(() => {
     v-bind="attrs"
   >
     <ElCheckbox
-      v-for="(dict, index) in getDictOptions"
+      v-for="(dict, index) in dictOptions"
       :key="index"
       :label="dict.value"
     >
diff --git a/apps/web-ele/src/utils/dict.ts b/apps/web-ele/src/utils/dict.ts
deleted file mode 100644
index e469efd1a..000000000
--- a/apps/web-ele/src/utils/dict.ts
+++ /dev/null
@@ -1,144 +0,0 @@
-// TODO @芋艿：后续再优化
-// TODO @芋艿：可以共享么？
-
-import { useDictStore } from '@vben/stores';
-import { isObject } from '@vben/utils';
-
-// TODO @dhb52：top-level 调用 导致："getActivePinia()" was called but there was no active Pinia
-// 先临时移入到方法中
-// const dictStore = useDictStore();
-
-// TODO @dhb: antd 组件的 color 类型
-type ColorType = 'error' | 'info' | 'success' | 'warning';
-
-export interface DictDataType {
-  dictType?: string;
-  label: string;
-  value: boolean | number | string;
-  colorType?: ColorType;
-  cssClass?: string;
-}
-
-export interface NumberDictDataType extends DictDataType {
-  value: number;
-}
-
-export interface StringDictDataType extends DictDataType {
-  value: string;
-}
-
-/**
- * 获取字典标签
- *
- * @param dictType 字典类型
- * @param value 字典值
- * @returns 字典标签
- */
-function getDictLabel(dictType: string, value: any) {
-  const dictStore = useDictStore();
-  const dictObj = dictStore.getDictData(dictType, value);
-  return isObject(dictObj) ? dictObj.label : '';
-}
-
-/**
- * 获取字典对象
- *
- * @param dictType 字典类型
- * @param value 字典值
- * @returns 字典对象
- */
-function getDictObj(dictType: string, value: any) {
-  const dictStore = useDictStore();
-  const dictObj = dictStore.getDictData(dictType, value);
-  return isObject(dictObj) ? dictObj : null;
-}
-
-/**
- * 获取字典数组 用于select radio 等
- *
- * @param dictType 字典类型
- * @param valueType 字典值类型，默认 string 类型
- * @returns 字典数组
- */
-function getDictOptions(
-  dictType: string,
-  valueType: 'boolean' | 'number' | 'string' = 'string',
-): DictDataType[] {
-  const dictStore = useDictStore();
-  const dictOpts = dictStore.getDictOptions(dictType);
-  const dictOptions: DictDataType[] = [];
-  if (dictOpts.length > 0) {
-    let dictValue: boolean | number | string = '';
-    dictOpts.forEach((d) => {
-      switch (valueType) {
-        case 'boolean': {
-          dictValue = `${d.value}` === 'true';
-          break;
-        }
-        case 'number': {
-          dictValue = Number.parseInt(`${d.value}`);
-          break;
-        }
-        case 'string': {
-          dictValue = `${d.value}`;
-          break;
-        }
-        // No default
-      }
-      dictOptions.push({
-        value: dictValue,
-        label: d.label,
-      });
-    });
-  }
-  return dictOptions.length > 0 ? dictOptions : [];
-}
-
-// TODO @dhb52：下面的一系列方法，看看能不能复用 getDictOptions 方法
-export const getIntDictOptions = (dictType: string): NumberDictDataType[] => {
-  // 获得通用的 DictDataType 列表
-  const dictOptions = getDictOptions(dictType) as DictDataType[];
-  // 转换成 number 类型的 NumberDictDataType 类型
-  // why 需要特殊转换：避免 IDEA 在 v-for="dict in getIntDictOptions(...)" 时，el-option 的 key 会告警
-  const dictOption: NumberDictDataType[] = [];
-  dictOptions.forEach((dict: DictDataType) => {
-    dictOption.push({
-      ...dict,
-      value: Number.parseInt(`${dict.value}`),
-    });
-  });
-  return dictOption;
-};
-
-// TODO @dhb52：下面的一系列方法，看看能不能复用 getDictOptions 方法
-export const getStrDictOptions = (dictType: string) => {
-  // 获得通用的 DictDataType 列表
-  const dictOptions = getDictOptions(dictType) as DictDataType[];
-  // 转换成 string 类型的 StringDictDataType 类型
-  // why 需要特殊转换：避免 IDEA 在 v-for="dict in getStrDictOptions(...)" 时，el-option 的 key 会告警
-  const dictOption: StringDictDataType[] = [];
-  dictOptions.forEach((dict: DictDataType) => {
-    dictOption.push({
-      ...dict,
-      value: `${dict.value}`,
-    });
-  });
-  return dictOption;
-};
-
-// TODO @dhb52：下面的一系列方法，看看能不能复用 getDictOptions 方法
-export const getBoolDictOptions = (dictType: string) => {
-  const dictOption: DictDataType[] = [];
-  const dictOptions = getDictOptions(dictType) as DictDataType[];
-  dictOptions.forEach((dict: DictDataType) => {
-    dictOption.push({
-      ...dict,
-      value: `${dict.value}` === 'true',
-    });
-  });
-  return dictOption;
-};
-
-export { getDictLabel, getDictObj, getDictOptions };
-
-export { DICT_TYPE } from '@vben/constants';
diff --git a/apps/web-ele/src/utils/index.ts b/apps/web-ele/src/utils/index.ts
index a60eb1765..9390f49ac 100644
--- a/apps/web-ele/src/utils/index.ts
+++ b/apps/web-ele/src/utils/index.ts
@@ -1,5 +1,4 @@
 export * from './bean';
-export * from './dict';
 export * from './formCreate';
 export * from './rangePickerProps';
 export * from './routerHelper';
diff --git a/apps/web-ele/src/views/_core/profile/modules/base-info.vue b/apps/web-ele/src/views/_core/profile/modules/base-info.vue
index 3aa64cd63..81e202afd 100644
--- a/apps/web-ele/src/views/_core/profile/modules/base-info.vue
+++ b/apps/web-ele/src/views/_core/profile/modules/base-info.vue
@@ -5,13 +5,14 @@ import type { SystemUserProfileApi } from '#/api/system/user/profile';
 
 import { watch } from 'vue';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { $t } from '@vben/locales';
 
 import { ElMessage } from 'element-plus';
 
 import { useVbenForm, z } from '#/adapter/form';
 import { updateUserProfile } from '#/api/system/user/profile';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 const props = defineProps<{
   profile?: SystemUserProfileApi.UserProfileRespVO;
diff --git a/apps/web-ele/src/views/_core/profile/modules/user-social.vue b/apps/web-ele/src/views/_core/profile/modules/user-social.vue
index 1ca40230c..5c4da5d01 100644
--- a/apps/web-ele/src/views/_core/profile/modules/user-social.vue
+++ b/apps/web-ele/src/views/_core/profile/modules/user-social.vue
@@ -6,7 +6,8 @@ import { computed, onMounted, ref } from 'vue';
 import { useRoute } from 'vue-router';
 
 import { confirm } from '@vben/common-ui';
-import { SystemUserSocialTypeEnum } from '@vben/constants';
+import { DICT_TYPE, SystemUserSocialTypeEnum } from '@vben/constants';
+import { getDictLabel } from '@vben/hooks';
 import { getUrlValue } from '@vben/utils';
 
 import { ElButton, ElCard, ElImage, ElMessage } from 'element-plus';
@@ -19,7 +20,6 @@ import {
   socialUnbind,
 } from '#/api/system/social/user';
 import { $t } from '#/locales';
-import { DICT_TYPE, getDictLabel } from '#/utils';
 
 const emit = defineEmits<{
   (e: 'update:activeName', v: string): void;
diff --git a/apps/web-ele/src/views/infra/demo/general/demo01/index.vue b/apps/web-ele/src/views/infra/demo/general/demo01/index.vue
index dd48e166c..419c7d56f 100644
--- a/apps/web-ele/src/views/infra/demo/general/demo01/index.vue
+++ b/apps/web-ele/src/views/infra/demo/general/demo01/index.vue
@@ -4,6 +4,8 @@ import type { Demo01ContactApi } from '#/api/infra/demo/demo01';
 import { h, onMounted, reactive, ref } from 'vue';
 
 import { Page, useVbenModal } from '@vben/common-ui';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { Download, Plus, Trash2 } from '@vben/icons';
 import {
   cloneDeep,
@@ -37,7 +39,6 @@ import { DictTag } from '#/components/dict-tag';
 import { TableToolbar } from '#/components/table-toolbar';
 import { useTableToolbar } from '#/hooks';
 import { $t } from '#/locales';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 import Demo01ContactForm from './modules/form.vue';
 
@@ -180,11 +181,11 @@ onMounted(() => {
             class="!w-[240px]"
           >
             <ElOption
-              v-for="dict in getDictOptions(
+              v-for="(dict, index) in getDictOptions(
                 DICT_TYPE.SYSTEM_USER_SEX,
                 'number',
               )"
-              :key="dict.value"
+              :key="index"
               :value="dict.value"
               :label="dict.label"
             />
diff --git a/apps/web-ele/src/views/infra/demo/general/demo01/modules/form.vue b/apps/web-ele/src/views/infra/demo/general/demo01/modules/form.vue
index 1f6aa6fc3..05c2cf721 100644
--- a/apps/web-ele/src/views/infra/demo/general/demo01/modules/form.vue
+++ b/apps/web-ele/src/views/infra/demo/general/demo01/modules/form.vue
@@ -6,6 +6,8 @@ import type { Demo01ContactApi } from '#/api/infra/demo/demo01';
 import { computed, reactive, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 import {
   ElDatePicker,
@@ -25,7 +27,6 @@ import {
 import { Tinymce as RichTextarea } from '#/components/tinymce';
 import { ImageUpload } from '#/components/upload';
 import { $t } from '#/locales';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 const emit = defineEmits(['success']);
 
@@ -119,8 +120,11 @@ const [Modal, modalApi] = useVbenModal({
       <ElFormItem label="性别" prop="sex">
         <ElRadioGroup v-model="formData.sex">
           <ElRadio
-            v-for="dict in getDictOptions(DICT_TYPE.SYSTEM_USER_SEX, 'number')"
-            :key="dict.value"
+            v-for="(dict, index) in getDictOptions(
+              DICT_TYPE.SYSTEM_USER_SEX,
+              'number',
+            )"
+            :key="index"
             :label="dict.value"
           >
             {{ dict.label }}
diff --git a/apps/web-ele/src/views/infra/demo/general/demo03/erp/index.vue b/apps/web-ele/src/views/infra/demo/general/demo03/erp/index.vue
index 4f54bab73..b89112006 100644
--- a/apps/web-ele/src/views/infra/demo/general/demo03/erp/index.vue
+++ b/apps/web-ele/src/views/infra/demo/general/demo03/erp/index.vue
@@ -4,6 +4,8 @@ import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
 import { h, onMounted, reactive, ref } from 'vue';
 
 import { Page, useVbenModal } from '@vben/common-ui';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { Download, Plus, Trash2 } from '@vben/icons';
 import {
   cloneDeep,
@@ -39,7 +41,6 @@ import { DictTag } from '#/components/dict-tag';
 import { TableToolbar } from '#/components/table-toolbar';
 import { useTableToolbar } from '#/hooks';
 import { $t } from '#/locales';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 import Demo03CourseList from './modules/demo03-course-list.vue';
 import Demo03GradeList from './modules/demo03-grade-list.vue';
@@ -192,11 +193,11 @@ onMounted(() => {
             class="!w-[240px]"
           >
             <ElOption
-              v-for="dict in getDictOptions(
+              v-for="(dict, index) in getDictOptions(
                 DICT_TYPE.SYSTEM_USER_SEX,
                 'number',
               )"
-              :key="dict.value"
+              :key="index"
               :value="dict.value"
               :label="dict.label"
             />
diff --git a/apps/web-ele/src/views/infra/demo/general/demo03/erp/modules/form.vue b/apps/web-ele/src/views/infra/demo/general/demo03/erp/modules/form.vue
index 5c2d21d38..d9cc4154d 100644
--- a/apps/web-ele/src/views/infra/demo/general/demo03/erp/modules/form.vue
+++ b/apps/web-ele/src/views/infra/demo/general/demo03/erp/modules/form.vue
@@ -6,6 +6,8 @@ import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
 import { computed, reactive, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 import {
   ElDatePicker,
@@ -24,7 +26,6 @@ import {
 } from '#/api/infra/demo/demo03/erp';
 import { Tinymce as RichTextarea } from '#/components/tinymce';
 import { $t } from '#/locales';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 const emit = defineEmits(['success']);
 
diff --git a/apps/web-ele/src/views/infra/demo/general/demo03/inner/index.vue b/apps/web-ele/src/views/infra/demo/general/demo03/inner/index.vue
index 8e5b42cae..9af89a77a 100644
--- a/apps/web-ele/src/views/infra/demo/general/demo03/inner/index.vue
+++ b/apps/web-ele/src/views/infra/demo/general/demo03/inner/index.vue
@@ -4,6 +4,8 @@ import type { Demo03StudentApi } from '#/api/infra/demo/demo03/inner';
 import { h, onMounted, reactive, ref } from 'vue';
 
 import { Page, useVbenModal } from '@vben/common-ui';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { Download, Plus, Trash2 } from '@vben/icons';
 import {
   cloneDeep,
@@ -39,7 +41,6 @@ import { DictTag } from '#/components/dict-tag';
 import { TableToolbar } from '#/components/table-toolbar';
 import { useTableToolbar } from '#/hooks';
 import { $t } from '#/locales';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 import Demo03CourseList from './modules/demo03-course-list.vue';
 import Demo03GradeList from './modules/demo03-grade-list.vue';
@@ -188,11 +189,11 @@ onMounted(() => {
             class="!w-[240px]"
           >
             <ElOption
-              v-for="dict in getDictOptions(
+              v-for="(dict, index) in getDictOptions(
                 DICT_TYPE.SYSTEM_USER_SEX,
                 'number',
               )"
-              :key="dict.value"
+              :key="index"
               :value="dict.value"
               :label="dict.label"
             />
diff --git a/apps/web-ele/src/views/infra/demo/general/demo03/inner/modules/form.vue b/apps/web-ele/src/views/infra/demo/general/demo03/inner/modules/form.vue
index 62fc38d97..63ee76c8a 100644
--- a/apps/web-ele/src/views/infra/demo/general/demo03/inner/modules/form.vue
+++ b/apps/web-ele/src/views/infra/demo/general/demo03/inner/modules/form.vue
@@ -6,6 +6,8 @@ import type { Demo03StudentApi } from '#/api/infra/demo/demo03/inner';
 import { computed, reactive, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 import {
   ElDatePicker,
@@ -26,7 +28,6 @@ import {
 } from '#/api/infra/demo/demo03/inner';
 import { Tinymce as RichTextarea } from '#/components/tinymce';
 import { $t } from '#/locales';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 import Demo03CourseForm from './demo03-course-form.vue';
 import Demo03GradeForm from './demo03-grade-form.vue';
@@ -84,8 +85,9 @@ const [Modal, modalApi] = useVbenModal({
     // 提交表单
     const data = formData.value as Demo03StudentApi.Demo03Student;
     // 拼接子表的数据
-    data.demo03Courses = demo03CourseFormRef.value?.getData();
-    data.demo03Grade = demo03GradeFormRef.value?.getValues();
+    data.demo03courses = demo03CourseFormRef.value?.getData();
+    data.demo03grade =
+      demo03GradeFormRef.value?.getValues() as Demo03StudentApi.Demo03Grade;
     try {
       await (formData.value?.id
         ? updateDemo03Student(data)
@@ -136,8 +138,11 @@ const [Modal, modalApi] = useVbenModal({
       <ElFormItem label="性别" prop="sex">
         <ElRadioGroup v-model="formData.sex">
           <ElRadio
-            v-for="dict in getDictOptions(DICT_TYPE.SYSTEM_USER_SEX, 'number')"
-            :key="dict.value"
+            v-for="(dict, index) in getDictOptions(
+              DICT_TYPE.SYSTEM_USER_SEX,
+              'number',
+            )"
+            :key="index"
             :label="dict.value"
           >
             {{ dict.label }}
diff --git a/apps/web-ele/src/views/infra/demo/general/demo03/normal/index.vue b/apps/web-ele/src/views/infra/demo/general/demo03/normal/index.vue
index 9add36f83..b5fee66f2 100644
--- a/apps/web-ele/src/views/infra/demo/general/demo03/normal/index.vue
+++ b/apps/web-ele/src/views/infra/demo/general/demo03/normal/index.vue
@@ -4,6 +4,8 @@ import type { Demo03StudentApi } from '#/api/infra/demo/demo03/normal';
 import { h, onMounted, reactive, ref } from 'vue';
 
 import { Page, useVbenModal } from '@vben/common-ui';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { Download, Plus, Trash2 } from '@vben/icons';
 import {
   cloneDeep,
@@ -37,7 +39,6 @@ import { DictTag } from '#/components/dict-tag';
 import { TableToolbar } from '#/components/table-toolbar';
 import { useTableToolbar } from '#/hooks';
 import { $t } from '#/locales';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 import Demo03StudentForm from './modules/form.vue';
 
@@ -181,11 +182,11 @@ onMounted(() => {
             class="!w-[240px]"
           >
             <ElOption
-              v-for="dict in getDictOptions(
+              v-for="(dict, index) in getDictOptions(
                 DICT_TYPE.SYSTEM_USER_SEX,
                 'number',
               )"
-              :key="dict.value"
+              :key="index"
               :value="dict.value"
               :label="dict.label"
             />
diff --git a/apps/web-ele/src/views/infra/demo/general/demo03/normal/modules/form.vue b/apps/web-ele/src/views/infra/demo/general/demo03/normal/modules/form.vue
index bc0bd8485..9dd6a5fb0 100644
--- a/apps/web-ele/src/views/infra/demo/general/demo03/normal/modules/form.vue
+++ b/apps/web-ele/src/views/infra/demo/general/demo03/normal/modules/form.vue
@@ -6,6 +6,8 @@ import type { Demo03StudentApi } from '#/api/infra/demo/demo03/normal';
 import { computed, reactive, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 import {
   ElDatePicker,
@@ -26,7 +28,6 @@ import {
 } from '#/api/infra/demo/demo03/normal';
 import { Tinymce as RichTextarea } from '#/components/tinymce';
 import { $t } from '#/locales';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 import Demo03CourseForm from './demo03-course-form.vue';
 import Demo03GradeForm from './demo03-grade-form.vue';
@@ -84,8 +85,9 @@ const [Modal, modalApi] = useVbenModal({
     // 提交表单
     const data = formData.value as Demo03StudentApi.Demo03Student;
     // 拼接子表的数据
-    data.demo03Courses = demo03CourseFormRef.value?.getData();
-    data.demo03Grade = demo03GradeFormRef.value?.getValues();
+    data.demo03courses = demo03CourseFormRef.value?.getData();
+    data.demo03grade =
+      demo03GradeFormRef.value?.getValues() as Demo03StudentApi.Demo03Grade;
     try {
       await (formData.value?.id
         ? updateDemo03Student(data)
@@ -136,8 +138,11 @@ const [Modal, modalApi] = useVbenModal({
       <ElFormItem label="性别" prop="sex">
         <ElRadioGroup v-model="formData.sex">
           <ElRadio
-            v-for="dict in getDictOptions(DICT_TYPE.SYSTEM_USER_SEX, 'number')"
-            :key="dict.value"
+            v-for="(dict, index) in getDictOptions(
+              DICT_TYPE.SYSTEM_USER_SEX,
+              'number',
+            )"
+            :key="index"
             :label="dict.value"
           >
             {{ dict.label }}
diff --git a/apps/web-ele/src/views/infra/job/data.ts b/apps/web-ele/src/views/infra/job/data.ts
index 736e129e8..b4f070623 100644
--- a/apps/web-ele/src/views/infra/job/data.ts
+++ b/apps/web-ele/src/views/infra/job/data.ts
@@ -3,9 +3,8 @@ import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { InfraJobApi } from '#/api/infra/job';
 
 import { useAccess } from '@vben/access';
-import { InfraJobStatusEnum } from '@vben/constants';
-
-import { DICT_TYPE, getDictOptions } from '#/utils';
+import { DICT_TYPE, InfraJobStatusEnum } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 const { hasAccessByCodes } = useAccess();
 
diff --git a/apps/web-ele/src/views/infra/job/logger/data.ts b/apps/web-ele/src/views/infra/job/logger/data.ts
index c5903edf0..a285f3db5 100644
--- a/apps/web-ele/src/views/infra/job/logger/data.ts
+++ b/apps/web-ele/src/views/infra/job/logger/data.ts
@@ -3,12 +3,12 @@ import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { InfraJobLogApi } from '#/api/infra/job-log';
 
 import { useAccess } from '@vben/access';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { formatDateTime } from '@vben/utils';
 
 import dayjs from 'dayjs';
 
-import { DICT_TYPE, getDictOptions } from '#/utils';
-
 const { hasAccessByCodes } = useAccess();
 
 /** 列表的搜索表单 */
diff --git a/apps/web-ele/src/views/mall/home/components/member-terminal-card.vue b/apps/web-ele/src/views/mall/home/components/member-terminal-card.vue
index 6631ef7ba..65f644801 100644
--- a/apps/web-ele/src/views/mall/home/components/member-terminal-card.vue
+++ b/apps/web-ele/src/views/mall/home/components/member-terminal-card.vue
@@ -1,16 +1,17 @@
 <script lang="ts" setup>
+import type { DictDataType } from '@vben/hooks';
 import type { EchartsUIType } from '@vben/plugins/echarts';
 
 import type { MallMemberStatisticsApi } from '#/api/mall/statistics/member';
-import type { DictDataType } from '#/utils/dict';
 
 import { onMounted, reactive, ref } from 'vue';
 
 import { AnalysisChartCard } from '@vben/common-ui';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
 import * as MemberStatisticsApi from '#/api/mall/statistics/member';
-import { DICT_TYPE, getIntDictOptions } from '#/utils/dict';
 
 /** 会员终端卡片 */
 defineOptions({ name: 'MemberTerminalCard' });
@@ -49,7 +50,7 @@ const terminalChartOptions = reactive({
 const getMemberTerminalStatisticsList = async () => {
   loading.value = true;
   const list = await MemberStatisticsApi.getMemberTerminalStatisticsList();
-  const dictDataList = getIntDictOptions(DICT_TYPE.TERMINAL);
+  const dictDataList = getDictOptions(DICT_TYPE.TERMINAL, 'number');
   if (terminalChartOptions.series && terminalChartOptions.series.length > 0) {
     (terminalChartOptions.series[0] as any).data = dictDataList.map(
       (dictData: DictDataType) => {
diff --git a/apps/web-ele/src/views/mall/product/category/data.ts b/apps/web-ele/src/views/mall/product/category/data.ts
index 5efa27c02..a35f1a7d1 100644
--- a/apps/web-ele/src/views/mall/product/category/data.ts
+++ b/apps/web-ele/src/views/mall/product/category/data.ts
@@ -2,11 +2,12 @@ import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { MallCategoryApi } from '#/api/mall/product/category';
 
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { handleTree } from '@vben/utils';
 
 import { z } from '#/adapter/form';
 import { getCategoryList } from '#/api/mall/product/category';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-ele/src/views/mall/product/spu/components/delivery-form.vue b/apps/web-ele/src/views/mall/product/spu/components/delivery-form.vue
index 22adc494a..208a67304 100644
--- a/apps/web-ele/src/views/mall/product/spu/components/delivery-form.vue
+++ b/apps/web-ele/src/views/mall/product/spu/components/delivery-form.vue
@@ -1,13 +1,13 @@
 <script lang="ts" setup>
 import { watch } from 'vue';
 
-import { DeliveryTypeEnum } from '@vben/constants';
+import { DeliveryTypeEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 import { ElMessage } from 'element-plus';
 
 import { useVbenForm } from '#/adapter/form';
 import * as ExpressTemplateApi from '#/api/mall/trade/delivery/expressTemplate';
-import { DICT_TYPE, getIntDictOptions } from '#/utils';
 
 const props = defineProps<{
   propFormData: Object;
@@ -57,7 +57,7 @@ const [Form, formApi] = useVbenForm({
       label: '配送方式',
       component: 'CheckboxGroup',
       componentProps: {
-        options: getIntDictOptions(DICT_TYPE.TRADE_DELIVERY_TYPE),
+        options: getDictOptions(DICT_TYPE.TRADE_DELIVERY_TYPE, 'number'),
       },
       rules: 'required',
     },
diff --git a/apps/web-ele/src/views/mall/product/spu/modules/detail.vue b/apps/web-ele/src/views/mall/product/spu/modules/detail.vue
index 3a0818bb9..b31f6f60a 100644
--- a/apps/web-ele/src/views/mall/product/spu/modules/detail.vue
+++ b/apps/web-ele/src/views/mall/product/spu/modules/detail.vue
@@ -1,10 +1,14 @@
 <script lang="ts" setup>
+import type { DictDataType } from '@vben/hooks';
+
 import type { MallSpuApi } from '#/api/mall/product/spu';
 
 import { onMounted, ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 
 import { Page } from '@vben/common-ui';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { IconifyIcon } from '@vben/icons';
 import { floatToFixed2 } from '@vben/utils';
 
@@ -25,7 +29,6 @@ import {
 import * as ProductBrandApi from '#/api/mall/product/brand';
 import * as ProductCategoryApi from '#/api/mall/product/category';
 import * as ProductSpuApi from '#/api/mall/product/spu';
-import { DICT_TYPE, getIntDictOptions } from '#/utils/dict';
 
 interface Category {
   id: number;
@@ -38,13 +41,6 @@ interface Brand {
   name: string;
 }
 
-interface DictData {
-  value: number | string;
-  label: string;
-  colorType?: string;
-  cssClass?: string;
-}
-
 const { push } = useRouter(); // 路由
 const { params } = useRoute(); // 查询参数
 
@@ -52,7 +48,7 @@ const formLoading = ref(false); // 表单的加载中：1）修改时的数据
 const activeTab = ref('basic'); // 当前激活的标签页
 const categoryList = ref<Category[]>([]); // 商品分类列表
 const brandList = ref<Brand[]>([]); // 商品品牌列表
-const deliveryTypeDict = ref<DictData[]>([]); // 配送方式字典
+const deliveryTypeDict = ref<DictDataType[]>([]); // 配送方式字典
 
 // SPU 表单数据
 const formData = ref<MallSpuApi.Spu>({
@@ -90,8 +86,13 @@ const formData = ref<MallSpuApi.Spu>({
 /** 获取配送方式字典 */
 const getDeliveryTypeDict = async () => {
   try {
-    deliveryTypeDict.value = await getIntDictOptions(
+    deliveryTypeDict.value = await getDictOptions(
       DICT_TYPE.TRADE_DELIVERY_TYPE,
+      'number',
+    );
+    deliveryTypeDict.value = await getDictOptions(
+      DICT_TYPE.TRADE_DELIVERY_TYPE,
+      'number',
     );
   } catch (error) {
     console.error('获取配送方式字典失败', error);
diff --git a/apps/web-ele/src/views/mall/promotion/bargain/activity/data.ts b/apps/web-ele/src/views/mall/promotion/bargain/activity/data.ts
index b41cb3ab4..63039d6d0 100644
--- a/apps/web-ele/src/views/mall/promotion/bargain/activity/data.ts
+++ b/apps/web-ele/src/views/mall/promotion/bargain/activity/data.ts
@@ -1,10 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { formatDate } from '@vben/utils';
 
-import { DICT_TYPE, getDictOptions } from '#/utils';
-
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
   return [
diff --git a/apps/web-ele/src/views/mall/promotion/combination/activity/data.ts b/apps/web-ele/src/views/mall/promotion/combination/activity/data.ts
index e08dfa662..0a0794477 100644
--- a/apps/web-ele/src/views/mall/promotion/combination/activity/data.ts
+++ b/apps/web-ele/src/views/mall/promotion/combination/activity/data.ts
@@ -1,10 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { formatDate } from '@vben/utils';
 
-import { DICT_TYPE, getDictOptions } from '#/utils';
-
 /** 表单配置 */
 export function useFormSchema(): VbenFormSchema[] {
   return [
diff --git a/apps/web-ele/src/views/mall/promotion/combination/components/combination-table-select.vue b/apps/web-ele/src/views/mall/promotion/combination/components/combination-table-select.vue
index 2ccfe7621..4d26e3983 100644
--- a/apps/web-ele/src/views/mall/promotion/combination/components/combination-table-select.vue
+++ b/apps/web-ele/src/views/mall/promotion/combination/components/combination-table-select.vue
@@ -3,6 +3,8 @@ import type { MallCombinationActivityApi } from '#/api/mall/promotion/combinatio
 
 import { onMounted, ref } from 'vue';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import {
   dateFormatter,
   fenToYuan,
@@ -15,7 +17,6 @@ import { CHANGE_EVENT } from 'element-plus';
 
 import * as ProductCategoryApi from '#/api/mall/product/category';
 import * as CombinationActivityApi from '#/api/mall/promotion/combination/combinationActivity';
-import { DICT_TYPE, getIntDictOptions } from '#/utils/dict';
 
 /**
  * 活动表格选择对话框
@@ -270,7 +271,7 @@ onMounted(async () => {
             class="!w-240px"
           >
             <el-option
-              v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
+              v-for="dict in getDictOptions(DICT_TYPE.COMMON_STATUS, 'number')"
               :key="dict.value"
               :label="dict.label"
               :value="dict.value"
diff --git a/apps/web-ele/src/views/mall/promotion/combination/record/data.ts b/apps/web-ele/src/views/mall/promotion/combination/record/data.ts
index 3a5082170..82b63c49a 100644
--- a/apps/web-ele/src/views/mall/promotion/combination/record/data.ts
+++ b/apps/web-ele/src/views/mall/promotion/combination/record/data.ts
@@ -1,7 +1,8 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
-import { DICT_TYPE, getDictOptions } from '#/utils';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 /** 列表的搜索表单 */
 export function useGridFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-ele/src/views/mall/promotion/coupon/components/coupon-select.vue b/apps/web-ele/src/views/mall/promotion/coupon/components/coupon-select.vue
index cca2d802b..2c9ab7964 100644
--- a/apps/web-ele/src/views/mall/promotion/coupon/components/coupon-select.vue
+++ b/apps/web-ele/src/views/mall/promotion/coupon/components/coupon-select.vue
@@ -3,10 +3,10 @@ import type { MallCouponTemplateApi } from '#/api/mall/promotion/coupon/couponTe
 
 import { reactive, ref } from 'vue';
 
-import { CouponTemplateTakeTypeEnum } from '@vben/constants';
+import { CouponTemplateTakeTypeEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 import * as CouponTemplateApi from '#/api/mall/promotion/coupon/couponTemplate';
-import { DICT_TYPE, getIntDictOptions } from '#/utils/dict';
 import {
   discountFormat,
   remainedCountFormat,
@@ -117,8 +117,9 @@ const submitForm = () => {
             placeholder="请选择优惠券类型"
           >
             <el-option
-              v-for="dict in getIntDictOptions(
+              v-for="dict in getDictOptions(
                 DICT_TYPE.PROMOTION_DISCOUNT_TYPE,
+                'number',
               )"
               :key="dict.value"
               :label="dict.label"
diff --git a/apps/web-ele/src/views/mall/promotion/discountActivity/data.ts b/apps/web-ele/src/views/mall/promotion/discountActivity/data.ts
index dffafe32d..e449efe7a 100644
--- a/apps/web-ele/src/views/mall/promotion/discountActivity/data.ts
+++ b/apps/web-ele/src/views/mall/promotion/discountActivity/data.ts
@@ -1,10 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { formatDate } from '@vben/utils';
 
-import { DICT_TYPE, getDictOptions } from '#/utils';
-
 /** 表单配置 */
 export function useFormSchema(): VbenFormSchema[] {
   return [
diff --git a/apps/web-ele/src/views/mall/promotion/point/activity/data.ts b/apps/web-ele/src/views/mall/promotion/point/activity/data.ts
index c8768d7a8..c85d45750 100644
--- a/apps/web-ele/src/views/mall/promotion/point/activity/data.ts
+++ b/apps/web-ele/src/views/mall/promotion/point/activity/data.ts
@@ -1,7 +1,8 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
-import { DICT_TYPE, getDictOptions } from '#/utils/dict';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 /** 表单配置 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-ele/src/views/mall/promotion/point/components/point-table-select.vue b/apps/web-ele/src/views/mall/promotion/point/components/point-table-select.vue
index 84539c047..583b49c88 100644
--- a/apps/web-ele/src/views/mall/promotion/point/components/point-table-select.vue
+++ b/apps/web-ele/src/views/mall/promotion/point/components/point-table-select.vue
@@ -3,12 +3,13 @@ import type { MallPointActivityApi } from '#/api/mall/promotion/point';
 
 import { computed, ref } from 'vue';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { dateFormatter, fenToYuanFormat } from '@vben/utils';
 
 import { CHANGE_EVENT } from 'element-plus';
 
 import * as PointActivityApi from '#/api/mall/promotion/point';
-import { DICT_TYPE, getIntDictOptions } from '#/utils/dict';
 
 /**
  * 活动表格选择对话框
@@ -225,7 +226,7 @@ const calculateIsCheckAll = () => {
             placeholder="请选择活动状态"
           >
             <el-option
-              v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
+              v-for="dict in getDictOptions(DICT_TYPE.COMMON_STATUS, 'number')"
               :key="dict.value"
               :label="dict.label"
               :value="dict.value"
diff --git a/apps/web-ele/src/views/mall/promotion/rewardActivity/data.ts b/apps/web-ele/src/views/mall/promotion/rewardActivity/data.ts
index c145669bf..598e0d1a4 100644
--- a/apps/web-ele/src/views/mall/promotion/rewardActivity/data.ts
+++ b/apps/web-ele/src/views/mall/promotion/rewardActivity/data.ts
@@ -1,7 +1,8 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
-import { DICT_TYPE, getDictOptions } from '#/utils';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 /** 表单配置 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-ele/src/views/mall/promotion/seckill/activity/data.ts b/apps/web-ele/src/views/mall/promotion/seckill/activity/data.ts
index 2d294e8e7..b27413519 100644
--- a/apps/web-ele/src/views/mall/promotion/seckill/activity/data.ts
+++ b/apps/web-ele/src/views/mall/promotion/seckill/activity/data.ts
@@ -1,7 +1,8 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
-import { DICT_TYPE, getDictOptions } from '#/utils';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 /** 列表的搜索表单 */
 export function useGridFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-ele/src/views/mall/promotion/seckill/components/seckill-table-select.vue b/apps/web-ele/src/views/mall/promotion/seckill/components/seckill-table-select.vue
index 881a7adae..39435519c 100644
--- a/apps/web-ele/src/views/mall/promotion/seckill/components/seckill-table-select.vue
+++ b/apps/web-ele/src/views/mall/promotion/seckill/components/seckill-table-select.vue
@@ -3,6 +3,8 @@ import type { MallSeckillActivityApi } from '#/api/mall/promotion/seckill/seckil
 
 import { onMounted, ref } from 'vue';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import {
   dateFormatter,
   fenToYuan,
@@ -15,7 +17,6 @@ import { CHANGE_EVENT } from 'element-plus';
 
 import * as ProductCategoryApi from '#/api/mall/product/category';
 import * as SeckillActivityApi from '#/api/mall/promotion/seckill/seckillActivity';
-import { DICT_TYPE, getIntDictOptions } from '#/utils/dict';
 
 /**
  * 活动表格选择对话框
@@ -263,7 +264,7 @@ onMounted(async () => {
             class="!w-240px"
           >
             <el-option
-              v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
+              v-for="dict in getDictOptions(DICT_TYPE.COMMON_STATUS, 'number')"
               :key="dict.value"
               :label="dict.label"
               :value="dict.value"
diff --git a/apps/web-ele/src/views/mall/promotion/seckill/config/data.ts b/apps/web-ele/src/views/mall/promotion/seckill/config/data.ts
index 845169b6a..bce62ae0d 100644
--- a/apps/web-ele/src/views/mall/promotion/seckill/config/data.ts
+++ b/apps/web-ele/src/views/mall/promotion/seckill/config/data.ts
@@ -2,7 +2,8 @@ import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { MallSeckillConfigApi } from '#/api/mall/promotion/seckill/seckillConfig';
 
-import { DICT_TYPE, getDictOptions } from '#/utils';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-ele/src/views/mall/statistics/member/components/member-sex-card.vue b/apps/web-ele/src/views/mall/statistics/member/components/member-sex-card.vue
index 84b8c7e65..d4445fcfc 100644
--- a/apps/web-ele/src/views/mall/statistics/member/components/member-sex-card.vue
+++ b/apps/web-ele/src/views/mall/statistics/member/components/member-sex-card.vue
@@ -1,16 +1,17 @@
 <script setup lang="ts">
+import type { DictDataType } from '@vben/hooks';
 import type { EchartsUIType } from '@vben/plugins/echarts';
 
 import type { MallMemberStatisticsApi } from '#/api/mall/statistics/member';
-import type { DictDataType } from '#/utils/dict';
 
 import { onMounted, reactive, ref } from 'vue';
 
 import { AnalysisChartCard } from '@vben/common-ui';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
 import * as MemberStatisticsApi from '#/api/mall/statistics/member';
-import { DICT_TYPE, getIntDictOptions } from '#/utils/dict';
 
 const chartRef = ref<EchartsUIType>();
 const { renderEcharts } = useEcharts(chartRef);
@@ -43,7 +44,7 @@ const sexChartOptions = reactive({
 /** 按照性别，查询会员统计列表 */
 const getMemberSexStatisticsList = async () => {
   const list = await MemberStatisticsApi.getMemberSexStatisticsList();
-  const dictDataList = getIntDictOptions(DICT_TYPE.SYSTEM_USER_SEX);
+  const dictDataList = getDictOptions(DICT_TYPE.SYSTEM_USER_SEX, 'number');
   dictDataList.push({ label: '未知', value: null } as any);
   (sexChartOptions.series[0] as any).data = dictDataList.map(
     (dictData: DictDataType) => {
diff --git a/apps/web-ele/src/views/mall/trade/afterSale/index.vue b/apps/web-ele/src/views/mall/trade/afterSale/index.vue
index dc834b83e..40b1f9b47 100644
--- a/apps/web-ele/src/views/mall/trade/afterSale/index.vue
+++ b/apps/web-ele/src/views/mall/trade/afterSale/index.vue
@@ -6,12 +6,13 @@ import { onMounted, ref } from 'vue';
 import { useRouter } from 'vue-router';
 
 import { DocAlert, Page } from '@vben/common-ui';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 import { ElButton, ElTabs } from 'element-plus';
 
 import { TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getAfterSalePage } from '#/api/mall/trade/afterSale';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 import { useGridColumns, useGridFormSchema } from './data';
 
diff --git a/apps/web-ele/src/views/mall/trade/afterSale/modules/detail.vue b/apps/web-ele/src/views/mall/trade/afterSale/modules/detail.vue
index e721d761e..c7afee1a9 100644
--- a/apps/web-ele/src/views/mall/trade/afterSale/modules/detail.vue
+++ b/apps/web-ele/src/views/mall/trade/afterSale/modules/detail.vue
@@ -6,6 +6,8 @@ import { onMounted, ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 
 import { confirm, Page } from '@vben/common-ui';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictLabel, getDictObj } from '@vben/hooks';
 import { $t } from '@vben/locales';
 import { fenToYuan, formatDate } from '@vben/utils';
 
@@ -21,7 +23,6 @@ import {
 import * as AfterSaleApi from '#/api/mall/trade/afterSale/index';
 import ContentWrap from '#/components/content-wrap/content-wrap.vue';
 import { DictTag } from '#/components/dict-tag';
-import { DICT_TYPE, getDictLabel, getDictObj } from '#/utils/dict';
 
 import UpdateAuditReasonForm from './disagree-form.vue';
 
diff --git a/apps/web-ele/src/views/mall/trade/config/data.ts b/apps/web-ele/src/views/mall/trade/config/data.ts
index a7bceff8f..756861f41 100644
--- a/apps/web-ele/src/views/mall/trade/config/data.ts
+++ b/apps/web-ele/src/views/mall/trade/config/data.ts
@@ -1,6 +1,7 @@
 import type { VbenFormSchema } from '#/adapter/form';
 
-import { DICT_TYPE, getDictOptions } from '#/utils';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 /** 售后表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-ele/src/views/mall/trade/delivery/express/data.ts b/apps/web-ele/src/views/mall/trade/delivery/express/data.ts
index 908cf3e1e..28db3aaa5 100644
--- a/apps/web-ele/src/views/mall/trade/delivery/express/data.ts
+++ b/apps/web-ele/src/views/mall/trade/delivery/express/data.ts
@@ -1,8 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { z } from '#/adapter/form';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-ele/src/views/mall/trade/delivery/expressTemplate/data.ts b/apps/web-ele/src/views/mall/trade/delivery/expressTemplate/data.ts
index b243fd883..048b68aab 100644
--- a/apps/web-ele/src/views/mall/trade/delivery/expressTemplate/data.ts
+++ b/apps/web-ele/src/views/mall/trade/delivery/expressTemplate/data.ts
@@ -1,8 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { z } from '#/adapter/form';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-ele/src/views/mall/trade/order/modules/detail.vue b/apps/web-ele/src/views/mall/trade/order/modules/detail.vue
index 868445b80..21b89e476 100644
--- a/apps/web-ele/src/views/mall/trade/order/modules/detail.vue
+++ b/apps/web-ele/src/views/mall/trade/order/modules/detail.vue
@@ -7,7 +7,12 @@ import { onMounted, ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 
 import { confirm, Page, useVbenModal } from '@vben/common-ui';
-import { DeliveryTypeEnum, TradeOrderStatusEnum } from '@vben/constants';
+import {
+  DeliveryTypeEnum,
+  DICT_TYPE,
+  TradeOrderStatusEnum,
+} from '@vben/constants';
+import { getDictLabel, getDictObj } from '@vben/hooks';
 import { fenToYuan, formatDate } from '@vben/utils';
 
 import {
@@ -23,7 +28,6 @@ import * as DeliveryPickUpStoreApi from '#/api/mall/trade/delivery/pickUpStore';
 import * as TradeOrderApi from '#/api/mall/trade/order';
 import ContentWrap from '#/components/content-wrap/content-wrap.vue';
 import { DictTag } from '#/components/dict-tag';
-import { DICT_TYPE, getDictLabel, getDictObj } from '#/utils/dict';
 
 import OrderDeliveryForm from './delevery-form.vue';
 import OrderUpdateAddressForm from './update-address-form.vue';
diff --git a/apps/web-ele/src/views/member/group/data.ts b/apps/web-ele/src/views/member/group/data.ts
index e7466bd3e..938774138 100644
--- a/apps/web-ele/src/views/member/group/data.ts
+++ b/apps/web-ele/src/views/member/group/data.ts
@@ -1,8 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { z } from '#/adapter/form';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-ele/src/views/member/level/data.ts b/apps/web-ele/src/views/member/level/data.ts
index d60a180dc..594d612a9 100644
--- a/apps/web-ele/src/views/member/level/data.ts
+++ b/apps/web-ele/src/views/member/level/data.ts
@@ -1,8 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { z } from '#/adapter/form';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-ele/src/views/member/signin/config/data.ts b/apps/web-ele/src/views/member/signin/config/data.ts
index be1d8e272..c1237cdd7 100644
--- a/apps/web-ele/src/views/member/signin/config/data.ts
+++ b/apps/web-ele/src/views/member/signin/config/data.ts
@@ -1,8 +1,10 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { z } from '#/adapter/form';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 新增/修改的表单 */
 export function useFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-ele/src/views/pay/app/data.ts b/apps/web-ele/src/views/pay/app/data.ts
index d84bd9e94..e249539aa 100644
--- a/apps/web-ele/src/views/pay/app/data.ts
+++ b/apps/web-ele/src/views/pay/app/data.ts
@@ -2,7 +2,8 @@ import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { PayAppApi } from '#/api/pay/app';
 
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 export function useGridFormSchema(): VbenFormSchema[] {
   return [
diff --git a/apps/web-ele/src/views/pay/app/modules/data.ts b/apps/web-ele/src/views/pay/app/modules/data.ts
index 56188df2c..37fc4fc49 100644
--- a/apps/web-ele/src/views/pay/app/modules/data.ts
+++ b/apps/web-ele/src/views/pay/app/modules/data.ts
@@ -2,8 +2,10 @@ import type { VbenFormSchema } from '#/adapter/form';
 
 import { h } from 'vue';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
+
 import { InputUpload } from '#/components/upload';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 export function channelSchema(formType: string): VbenFormSchema[] {
   if (formType.includes('alipay_')) {
diff --git a/apps/web-ele/src/views/pay/order/data.ts b/apps/web-ele/src/views/pay/order/data.ts
index d3a2a522a..9762b149c 100644
--- a/apps/web-ele/src/views/pay/order/data.ts
+++ b/apps/web-ele/src/views/pay/order/data.ts
@@ -5,12 +5,13 @@ import type { DescriptionItemSchema } from '#/components/description';
 
 import { h } from 'vue';
 
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { erpPriceInputFormatter, formatDateTime } from '@vben/utils';
 
 import { ElTag } from 'element-plus';
 
 import { DictTag } from '#/components/dict-tag';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 /** 列表的搜索表单 */
 export function useGridFormSchema(): VbenFormSchema[] {
diff --git a/apps/web-ele/src/views/system/dept/data.ts b/apps/web-ele/src/views/system/dept/data.ts
index b9eb72d68..bc104b8cf 100644
--- a/apps/web-ele/src/views/system/dept/data.ts
+++ b/apps/web-ele/src/views/system/dept/data.ts
@@ -3,12 +3,13 @@ import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { SystemDeptApi } from '#/api/system/dept';
 
 import { useAccess } from '@vben/access';
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { handleTree } from '@vben/utils';
 
 import { z } from '#/adapter/form';
 import { getDeptList } from '#/api/system/dept';
 import { getSimpleUserList } from '#/api/system/user';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 const { hasAccessByCodes } = useAccess();
 
diff --git a/apps/web-ele/src/views/system/dict/data.ts b/apps/web-ele/src/views/system/dict/data.ts
index 1c7b7918a..4d08c00a2 100644
--- a/apps/web-ele/src/views/system/dict/data.ts
+++ b/apps/web-ele/src/views/system/dict/data.ts
@@ -4,10 +4,11 @@ import type { SystemDictDataApi } from '#/api/system/dict/data';
 import type { SystemDictTypeApi } from '#/api/system/dict/type';
 
 import { useAccess } from '@vben/access';
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 import { z } from '#/adapter/form';
 import { getSimpleDictTypeList } from '#/api/system/dict/type';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 const { hasAccessByCodes } = useAccess();
 
diff --git a/apps/web-ele/src/views/system/mail/account/data.ts b/apps/web-ele/src/views/system/mail/account/data.ts
index 964b70b71..36ecebeea 100644
--- a/apps/web-ele/src/views/system/mail/account/data.ts
+++ b/apps/web-ele/src/views/system/mail/account/data.ts
@@ -3,9 +3,10 @@ import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { SystemMailAccountApi } from '#/api/system/mail/account';
 
 import { useAccess } from '@vben/access';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 import { z } from '#/adapter/form';
-import { DICT_TYPE, getDictOptions } from '#/utils';
 
 const { hasAccessByCodes } = useAccess();
 
diff --git a/apps/web-ele/src/views/system/menu/data.ts b/apps/web-ele/src/views/system/menu/data.ts
index 65e8f1791..e6b5ce4a9 100644
--- a/apps/web-ele/src/views/system/menu/data.ts
+++ b/apps/web-ele/src/views/system/menu/data.ts
@@ -7,7 +7,12 @@ import type { SystemMenuApi } from '#/api/system/menu';
 import { h } from 'vue';
 
 import { useAccess } from '@vben/access';
-import { SystemMenuTypeEnum } from '@vben/constants';
+import {
+  CommonStatusEnum,
+  DICT_TYPE,
+  SystemMenuTypeEnum,
+} from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 import { IconifyIcon } from '@vben/icons';
 import { handleTree, isHttpUrl } from '@vben/utils';
 
@@ -15,7 +20,6 @@ import { z } from '#/adapter/form';
 import { getMenuList } from '#/api/system/menu';
 import { $t } from '#/locales';
 import { componentKeys } from '#/router/routes';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 const { hasAccessByCodes } = useAccess();
 
diff --git a/apps/web-ele/src/views/system/notice/data.ts b/apps/web-ele/src/views/system/notice/data.ts
index 8b74f2380..13cd98910 100644
--- a/apps/web-ele/src/views/system/notice/data.ts
+++ b/apps/web-ele/src/views/system/notice/data.ts
@@ -3,9 +3,10 @@ import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { SystemNoticeApi } from '#/api/system/notice';
 
 import { useAccess } from '@vben/access';
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 import { z } from '#/adapter/form';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 const { hasAccessByCodes } = useAccess();
 
diff --git a/apps/web-ele/src/views/system/oauth2/client/data.ts b/apps/web-ele/src/views/system/oauth2/client/data.ts
index 38877d5eb..aac3cf906 100644
--- a/apps/web-ele/src/views/system/oauth2/client/data.ts
+++ b/apps/web-ele/src/views/system/oauth2/client/data.ts
@@ -3,9 +3,10 @@ import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { SystemOAuth2ClientApi } from '#/api/system/oauth2/client';
 
 import { useAccess } from '@vben/access';
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 import { z } from '#/adapter/form';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 const { hasAccessByCodes } = useAccess();
 
diff --git a/apps/web-ele/src/views/system/oauth2/token/data.ts b/apps/web-ele/src/views/system/oauth2/token/data.ts
index 00f540a4e..d5f63af09 100644
--- a/apps/web-ele/src/views/system/oauth2/token/data.ts
+++ b/apps/web-ele/src/views/system/oauth2/token/data.ts
@@ -3,8 +3,8 @@ import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { SystemOAuth2TokenApi } from '#/api/system/oauth2/token';
 
 import { useAccess } from '@vben/access';
-
-import { DICT_TYPE, getDictOptions } from '#/utils';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 const { hasAccessByCodes } = useAccess();
 
diff --git a/apps/web-ele/src/views/system/post/data.ts b/apps/web-ele/src/views/system/post/data.ts
index 71572481e..431ddffa5 100644
--- a/apps/web-ele/src/views/system/post/data.ts
+++ b/apps/web-ele/src/views/system/post/data.ts
@@ -3,9 +3,10 @@ import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { SystemPostApi } from '#/api/system/post';
 
 import { useAccess } from '@vben/access';
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 import { z } from '#/adapter/form';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 const { hasAccessByCodes } = useAccess();
 
diff --git a/apps/web-ele/src/views/system/social/client/data.ts b/apps/web-ele/src/views/system/social/client/data.ts
index 2b5c64f37..f09c97408 100644
--- a/apps/web-ele/src/views/system/social/client/data.ts
+++ b/apps/web-ele/src/views/system/social/client/data.ts
@@ -3,10 +3,14 @@ import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { SystemSocialClientApi } from '#/api/system/social/client';
 
 import { useAccess } from '@vben/access';
-import { SystemUserSocialTypeEnum } from '@vben/constants';
+import {
+  CommonStatusEnum,
+  DICT_TYPE,
+  SystemUserSocialTypeEnum,
+} from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
 
 import { z } from '#/adapter/form';
-import { CommonStatusEnum, DICT_TYPE, getDictOptions } from '#/utils';
 
 const { hasAccessByCodes } = useAccess();
 
diff --git a/apps/web-ele/src/views/system/user/index.vue b/apps/web-ele/src/views/system/user/index.vue
index 7fc82dc00..afefae2b7 100644
--- a/apps/web-ele/src/views/system/user/index.vue
+++ b/apps/web-ele/src/views/system/user/index.vue
@@ -6,6 +6,8 @@ import type { SystemUserApi } from '#/api/system/user';
 import { ref } from 'vue';
 
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictLabel } from '@vben/hooks';
 import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
 import { ElLoading, ElMessage } from 'element-plus';
@@ -19,7 +21,6 @@ import {
   updateUserStatus,
 } from '#/api/system/user';
 import { $t } from '#/locales';
-import { DICT_TYPE, getDictLabel } from '#/utils';
 
 import { useGridColumns, useGridFormSchema } from './data';
 import AssignRoleForm from './modules/assign-role-form.vue';
diff --git a/packages/effects/hooks/src/use-dict.ts b/packages/effects/hooks/src/use-dict.ts
new file mode 100644
index 000000000..a1e49eae9
--- /dev/null
+++ b/packages/effects/hooks/src/use-dict.ts
@@ -0,0 +1,87 @@
+import { useDictStore } from '@vben/stores';
+import { isObject } from '@vben/utils';
+
+type ColorType = 'error' | 'info' | 'success' | 'warning';
+
+export interface DictDataType {
+  dictType?: string;
+  label: string;
+  value: boolean | number | string;
+  colorType?: ColorType;
+  cssClass?: string;
+}
+
+export interface NumberDictDataType extends DictDataType {
+  value: number;
+}
+
+export interface StringDictDataType extends DictDataType {
+  value: string;
+}
+
+/**
+ * 获取字典标签
+ *
+ * @param dictType 字典类型
+ * @param value 字典值
+ * @returns 字典标签
+ */
+export function getDictLabel(dictType: string, value: any) {
+  const dictStore = useDictStore();
+  const dictObj = dictStore.getDictData(dictType, value);
+  return isObject(dictObj) ? dictObj.label : '';
+}
+
+/**
+ * 获取字典对象
+ *
+ * @param dictType 字典类型
+ * @param value 字典值
+ * @returns 字典对象
+ */
+export function getDictObj(dictType: string, value: any) {
+  const dictStore = useDictStore();
+  const dictObj = dictStore.getDictData(dictType, value);
+  return isObject(dictObj) ? dictObj : null;
+}
+
+/**
+ * 获取字典数组 用于select radio 等
+ *
+ * @param dictType 字典类型
+ * @param valueType 字典值类型，默认 string 类型
+ * @returns 字典数组
+ */
+export function getDictOptions(
+  dictType: string,
+  valueType: 'boolean' | 'number' | 'string' = 'string',
+): DictDataType[] {
+  const dictStore = useDictStore();
+  const dictOpts = dictStore.getDictOptions(dictType);
+  const dictOptions: DictDataType[] = [];
+  if (dictOpts.length > 0) {
+    let dictValue: boolean | number | string = '';
+    dictOpts.forEach((d) => {
+      switch (valueType) {
+        case 'boolean': {
+          dictValue = `${d.value}` === 'true';
+          break;
+        }
+        case 'number': {
+          dictValue = Number.parseInt(`${d.value}`);
+          break;
+        }
+        case 'string': {
+          dictValue = `${d.value}`;
+          break;
+        }
+        // No default
+      }
+      dictOptions.push({
+        value: dictValue,
+        label: d.label,
+      });
+    });
+  }
+  return dictOptions.length > 0 ? dictOptions : [];
+}