diff --git a/apps/web-antd/src/components/simple-process-design/components/nodes/child-process-node.vue b/apps/web-antd/src/components/simple-process-design/components/nodes/child-process-node.vue
index 1a8fe72ed..09d0d2dd4 100644
--- a/apps/web-antd/src/components/simple-process-design/components/nodes/child-process-node.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes/child-process-node.vue
@@ -40,17 +40,17 @@ const { showInput, changeNodeName, clickTitle, inputRef } = useNodeName2(
 const nodeConfigRef = ref();
 
 /** 打开节点配置 */
-const openNodeConfig = () => {
+function openNodeConfig() {
   if (readonly) {
     return;
   }
   nodeConfigRef.value.showChildProcessNodeConfig(currentNode.value);
-};
+}
 
 /** 删除节点。更新当前节点为孩子节点 */
-const deleteNode = () => {
+function deleteNode() {
   emits('update:flowNode', currentNode.value.childNode);
-};
+}
 </script>
 
 <template>
@@ -125,5 +125,3 @@ const deleteNode = () => {
     />
   </div>
 </template>
-
-<style scoped></style>
diff --git a/apps/web-antd/src/components/simple-process-design/components/nodes/exclusive-node.vue b/apps/web-antd/src/components/simple-process-design/components/nodes/exclusive-node.vue
index dbed9f783..bc53b0e0d 100644
--- a/apps/web-antd/src/components/simple-process-design/components/nodes/exclusive-node.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes/exclusive-node.vue
@@ -33,7 +33,7 @@ const emits = defineEmits<{
   findParentNode: [nodeList: SimpleFlowNode[], nodeType: number];
   recursiveFindParentNode: [
     nodeList: SimpleFlowNode[],
-    curentNode: SimpleFlowNode,
+    currentNode: SimpleFlowNode,
     nodeType: number,
   ];
   'update:modelValue': [node: SimpleFlowNode | undefined];
diff --git a/apps/web-antd/src/components/simple-process-design/components/nodes/inclusive-node.vue b/apps/web-antd/src/components/simple-process-design/components/nodes/inclusive-node.vue
index 50e2d1a09..5bd490df4 100644
--- a/apps/web-antd/src/components/simple-process-design/components/nodes/inclusive-node.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes/inclusive-node.vue
@@ -38,7 +38,7 @@ const emits = defineEmits<{
   findParentNode: [nodeList: SimpleFlowNode[], nodeType: number];
   recursiveFindParentNode: [
     nodeList: SimpleFlowNode[],
-    curentNode: SimpleFlowNode,
+    currentNode: SimpleFlowNode,
     nodeType: number,
   ];
   'update:modelValue': [node: SimpleFlowNode | undefined];
diff --git a/apps/web-antd/src/components/simple-process-design/components/nodes/modules/process-instance-data.ts b/apps/web-antd/src/components/simple-process-design/components/nodes/modules/process-instance-data.ts
index e8664cdf5..a9f2a06bb 100644
--- a/apps/web-antd/src/components/simple-process-design/components/nodes/modules/process-instance-data.ts
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes/modules/process-instance-data.ts
@@ -1,4 +1,4 @@
-import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
 import { DICT_TYPE } from '@vben/constants';
 
diff --git a/apps/web-antd/src/components/simple-process-design/components/nodes/modules/process-instance-modal.vue b/apps/web-antd/src/components/simple-process-design/components/nodes/modules/process-instance-modal.vue
index e9ddbf34b..dec77d854 100644
--- a/apps/web-antd/src/components/simple-process-design/components/nodes/modules/process-instance-modal.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes/modules/process-instance-modal.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { useVbenModal } from '@vben/common-ui';
-import { useVbenVxeGrid } from '@vben/plugins/vxe-table';
+
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
 
 import { useGridColumns } from './process-instance-data';
 
diff --git a/apps/web-antd/src/components/simple-process-design/components/nodes/modules/task-list-data.ts b/apps/web-antd/src/components/simple-process-design/components/nodes/modules/task-list-data.ts
index c52d415c4..fbb2d0ea5 100644
--- a/apps/web-antd/src/components/simple-process-design/components/nodes/modules/task-list-data.ts
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes/modules/task-list-data.ts
@@ -1,4 +1,4 @@
-import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
 import { DICT_TYPE } from '@vben/constants';
 
diff --git a/apps/web-antd/src/components/simple-process-design/components/nodes/modules/task-list-modal.vue b/apps/web-antd/src/components/simple-process-design/components/nodes/modules/task-list-modal.vue
index a5e7e40e7..38b869a49 100644
--- a/apps/web-antd/src/components/simple-process-design/components/nodes/modules/task-list-modal.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes/modules/task-list-modal.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { useVbenModal } from '@vben/common-ui';
-import { useVbenVxeGrid } from '@vben/plugins/vxe-table';
+
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
 
 import { useGridColumns } from './task-list-data';
 
diff --git a/apps/web-antd/src/components/simple-process-design/components/nodes/parallel-node.vue b/apps/web-antd/src/components/simple-process-design/components/nodes/parallel-node.vue
index 79045211e..5b5545b48 100644
--- a/apps/web-antd/src/components/simple-process-design/components/nodes/parallel-node.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes/parallel-node.vue
@@ -28,7 +28,7 @@ const emits = defineEmits<{
   findParnetNode: [nodeList: SimpleFlowNode[], nodeType: number];
   recursiveFindParentNode: [
     nodeList: SimpleFlowNode[],
-    curentNode: SimpleFlowNode,
+    currentNode: SimpleFlowNode,
     nodeType: number,
   ];
   'update:modelValue': [node: SimpleFlowNode | undefined];
diff --git a/apps/web-antd/src/components/simple-process-design/components/process-node-tree.vue b/apps/web-antd/src/components/simple-process-design/components/process-node-tree.vue
index b62170894..677370030 100644
--- a/apps/web-antd/src/components/simple-process-design/components/process-node-tree.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/process-node-tree.vue
@@ -32,7 +32,7 @@ const props = defineProps({
 const emits = defineEmits<{
   recursiveFindParentNode: [
     nodeList: SimpleFlowNode[],
-    curentNode: SimpleFlowNode,
+    currentNode: SimpleFlowNode,
     nodeType: number,
   ];
   'update:flowNode': [node: SimpleFlowNode | undefined];
diff --git a/apps/web-antd/src/components/upload/file-upload.vue b/apps/web-antd/src/components/upload/file-upload.vue
index e4ff57871..4fa56652e 100644
--- a/apps/web-antd/src/components/upload/file-upload.vue
+++ b/apps/web-antd/src/components/upload/file-upload.vue
@@ -8,7 +8,7 @@ import type { AxiosProgressEvent } from '#/api/infra/file';
 
 import { computed, ref, toRefs, watch } from 'vue';
 
-import { CloudUpload } from '@vben/icons';
+import { IconifyIcon } from '@vben/icons';
 import { $t } from '@vben/locales';
 import { isFunction, isObject, isString } from '@vben/utils';
 
@@ -285,7 +285,7 @@ function getValue() {
     >
       <div v-if="drag" class="upload-drag-area">
         <p class="ant-upload-drag-icon">
-          <CloudUpload />
+          <IconifyIcon icon="lucide:cloud-upload" />
         </p>
         <p class="ant-upload-text">点击或拖拽文件到此区域上传</p>
         <p class="ant-upload-hint">
@@ -294,7 +294,7 @@ function getValue() {
       </div>
       <div v-else-if="fileList && fileList.length < maxNumber">
         <Button>
-          <CloudUpload />
+          <IconifyIcon icon="lucide:cloud-upload" />
           {{ $t('ui.upload.upload') }}
         </Button>
       </div>
diff --git a/apps/web-antd/src/views/ai/knowledge/document/form/index.vue b/apps/web-antd/src/views/ai/knowledge/document/form/index.vue
index d0dc83ca5..8dee6dadb 100644
--- a/apps/web-antd/src/views/ai/knowledge/document/form/index.vue
+++ b/apps/web-antd/src/views/ai/knowledge/document/form/index.vue
@@ -10,7 +10,7 @@ import { useRoute, useRouter } from 'vue-router';
 
 import { Page } from '@vben/common-ui';
 import { useTabs } from '@vben/hooks';
-import { ArrowLeft } from '@vben/icons';
+import { IconifyIcon } from '@vben/icons';
 
 import { Card } from 'ant-design-vue';
 
@@ -135,7 +135,8 @@ defineExpose({
       >
         <!-- 左侧标题 -->
         <div class="flex w-48 items-center overflow-hidden">
-          <ArrowLeft
+          <IconifyIcon
+            icon="lucide:arrow-left"
             class="size-5 flex-shrink-0 cursor-pointer"
             @click="handleBack"
           />
diff --git a/apps/web-antd/src/views/ai/workflow/form/index.vue b/apps/web-antd/src/views/ai/workflow/form/index.vue
index edf3e63b7..45de353f4 100644
--- a/apps/web-antd/src/views/ai/workflow/form/index.vue
+++ b/apps/web-antd/src/views/ai/workflow/form/index.vue
@@ -5,7 +5,7 @@ import { useRoute, useRouter } from 'vue-router';
 import { confirm, Page } from '@vben/common-ui';
 import { AiModelTypeEnum, CommonStatusEnum } from '@vben/constants';
 import { useTabs } from '@vben/hooks';
-import { ArrowLeft } from '@vben/icons';
+import { IconifyIcon } from '@vben/icons';
 
 import { Button, Card, message } from 'ant-design-vue';
 
@@ -212,7 +212,8 @@ onBeforeUnmount(() => {
       >
         <!-- 左侧标题 -->
         <div class="flex w-48 items-center overflow-hidden">
-          <ArrowLeft
+          <IconifyIcon
+            icon="lucide:arrow-left"
             class="size-5 flex-shrink-0 cursor-pointer"
             @click="handleBack"
           />
diff --git a/apps/web-antd/src/views/bpm/model/form/index.vue b/apps/web-antd/src/views/bpm/model/form/index.vue
index 5e0af4cac..7d3c16d9d 100644
--- a/apps/web-antd/src/views/bpm/model/form/index.vue
+++ b/apps/web-antd/src/views/bpm/model/form/index.vue
@@ -15,7 +15,7 @@ import {
   BpmModelType,
 } from '@vben/constants';
 import { useTabs } from '@vben/hooks';
-import { ArrowLeft } from '@vben/icons';
+import { IconifyIcon } from '@vben/icons';
 import { useUserStore } from '@vben/stores';
 
 import { Button, Card, message } from 'ant-design-vue';
@@ -419,7 +419,8 @@ onBeforeUnmount(() => {
       >
         <!-- 左侧标题 -->
         <div class="flex w-48 items-center overflow-hidden">
-          <ArrowLeft
+          <IconifyIcon
+            icon="lucide:arrow-left"
             class="size-5 flex-shrink-0 cursor-pointer"
             @click="handleBack"
           />
diff --git a/apps/web-antd/src/views/bpm/model/form/modules/extra-setting.vue b/apps/web-antd/src/views/bpm/model/form/modules/extra-setting.vue
index fdcdf7098..0af97f9dc 100644
--- a/apps/web-antd/src/views/bpm/model/form/modules/extra-setting.vue
+++ b/apps/web-antd/src/views/bpm/model/form/modules/extra-setting.vue
@@ -6,7 +6,7 @@ import {
   BpmModelFormType,
   ProcessVariableEnum,
 } from '@vben/constants';
-import { CircleHelp } from '@vben/icons';
+import { IconifyIcon } from '@vben/icons';
 
 import {
   Checkbox,
@@ -369,7 +369,10 @@ defineExpose({ initData, validate });
                     title="输入字符 '{' 即可插入表单字段"
                     placement="top"
                   >
-                    <CircleHelp class="ml-1 size-4 text-gray-500" />
+                    <IconifyIcon
+                      icon="lucide:circle-help"
+                      class="ml-1 size-4 text-gray-500"
+                    />
                   </Tooltip>
                 </div>
               </Radio>
diff --git a/apps/web-antd/src/views/bpm/model/form/modules/form-design.vue b/apps/web-antd/src/views/bpm/model/form/modules/form-design.vue
index 47330c9ef..bf7b467ee 100644
--- a/apps/web-antd/src/views/bpm/model/form/modules/form-design.vue
+++ b/apps/web-antd/src/views/bpm/model/form/modules/form-design.vue
@@ -7,7 +7,7 @@ import { ref, watch } from 'vue';
 
 import { BpmModelFormType, DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
-import { CircleHelp } from '@vben/icons';
+import { IconifyIcon } from '@vben/icons';
 
 import FormCreate from '@form-create/ant-design-vue';
 import {
@@ -138,7 +138,10 @@ defineExpose({ validate });
           title="自定义表单的提交路径，使用 Vue 的路由地址, 例如说: bpm/oa/leave/create.vue"
           placement="top"
         >
-          <CircleHelp class="ml-1 size-5 text-gray-900" />
+          <IconifyIcon
+            icon="lucide:circle-help"
+            class="ml-1 size-5 text-gray-900"
+          />
         </Tooltip>
       </div>
     </FormItem>
@@ -157,7 +160,10 @@ defineExpose({ validate });
           title="自定义表单的查看组件地址，使用 Vue 的组件地址，例如说：bpm/oa/leave/detail.vue"
           placement="top"
         >
-          <CircleHelp class="ml-1 size-5 text-gray-900" />
+          <IconifyIcon
+            icon="lucide:circle-help"
+            class="ml-1 size-5 text-gray-900"
+          />
         </Tooltip>
       </div>
     </FormItem>
diff --git a/apps/web-antd/src/views/bpm/processInstance/detail/modules/task-list.vue b/apps/web-antd/src/views/bpm/processInstance/detail/modules/task-list.vue
index 4487e1fe1..312fa3788 100644
--- a/apps/web-antd/src/views/bpm/processInstance/detail/modules/task-list.vue
+++ b/apps/web-antd/src/views/bpm/processInstance/detail/modules/task-list.vue
@@ -1,8 +1,7 @@
 <script setup lang="ts">
 import type { formCreate } from '@form-create/antd-designer';
 
-import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
-
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { BpmTaskApi } from '#/api/bpm/task';
 
 import { nextTick, onMounted, ref, shallowRef } from 'vue';
diff --git a/apps/web-antd/src/views/infra/codegen/modules/preview-code.vue b/apps/web-antd/src/views/infra/codegen/modules/preview-code.vue
index f933ffa3f..e06888cdf 100644
--- a/apps/web-antd/src/views/infra/codegen/modules/preview-code.vue
+++ b/apps/web-antd/src/views/infra/codegen/modules/preview-code.vue
@@ -1,10 +1,10 @@
 <script lang="ts" setup>
 import type { InfraCodegenApi } from '#/api/infra/codegen';
 
-import { h, ref } from 'vue';
+import { ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
-import { Copy } from '@vben/icons';
+import { IconifyIcon } from '@vben/icons';
 import { CodeEditor } from '@vben/plugins/code-editor';
 
 import { useClipboard } from '@vueuse/core';
@@ -249,7 +249,8 @@ const [Modal, modalApi] = useVbenModal({
             </div>
           </Tabs.TabPane>
           <template #rightExtra>
-            <Button type="primary" ghost @click="copyCode" :icon="h(Copy)">
+            <Button type="primary" ghost @click="copyCode">
+              <IconifyIcon icon="lucide:copy" />
               复制代码
             </Button>
           </template>
diff --git a/apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-course-form.vue b/apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-course-form.vue
index 0a0c6a7ac..79ddf7f6e 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-course-form.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/inner/modules/demo03-course-form.vue
@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/inner';
 
-import { h, nextTick, watch } from 'vue';
+import { nextTick, watch } from 'vue';
 
-import { Plus } from '@vben/icons';
+import { IconifyIcon } from '@vben/icons';
 
 import { Button, Input } from 'ant-design-vue';
 
@@ -108,12 +108,12 @@ watch(
   </Grid>
   <div class="-mt-4 flex justify-center">
     <Button
-      :icon="h(Plus)"
       type="primary"
       ghost
       @click="handleAdd"
       v-access:code="['infra:demo03-student:create']"
     >
+      <IconifyIcon icon="lucide:plus" />
       {{ $t('ui.actionTitle.create', ['学生课程']) }}
     </Button>
   </div>
diff --git a/apps/web-antd/src/views/infra/demo/demo03/normal/modules/demo03-course-form.vue b/apps/web-antd/src/views/infra/demo/demo03/normal/modules/demo03-course-form.vue
index 0595db510..3ca4398e7 100644
--- a/apps/web-antd/src/views/infra/demo/demo03/normal/modules/demo03-course-form.vue
+++ b/apps/web-antd/src/views/infra/demo/demo03/normal/modules/demo03-course-form.vue
@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/normal';
 
-import { h, nextTick, watch } from 'vue';
+import { nextTick, watch } from 'vue';
 
-import { Plus } from '@vben/icons';
+import { IconifyIcon } from '@vben/icons';
 
 import { Button, Input } from 'ant-design-vue';
 
@@ -107,12 +107,12 @@ watch(
   </Grid>
   <div class="-mt-4 flex justify-center">
     <Button
-      :icon="h(Plus)"
       type="primary"
       ghost
       @click="handleAdd"
       v-access:code="['infra:demo03-student:create']"
     >
+      <IconifyIcon icon="lucide:plus" />
       {{ $t('ui.actionTitle.create', ['学生课程']) }}
     </Button>
   </div>
diff --git a/apps/web-antd/src/views/infra/demo/general/demo01/index.vue b/apps/web-antd/src/views/infra/demo/general/demo01/index.vue
index 3fdf36263..93bb65010 100644
--- a/apps/web-antd/src/views/infra/demo/general/demo01/index.vue
+++ b/apps/web-antd/src/views/infra/demo/general/demo01/index.vue
@@ -1,12 +1,12 @@
 <script lang="ts" setup>
 import type { Demo01ContactApi } from '#/api/infra/demo/demo01';
 
-import { h, onMounted, reactive, ref } from 'vue';
+import { onMounted, reactive, ref } from 'vue';
 
 import { ContentWrap, 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 { IconifyIcon } from '@vben/icons';
 import { useTableToolbar, VbenVxeTableToolbar } from '@vben/plugins/vxe-table';
 import {
   cloneDeep,
@@ -218,25 +218,24 @@ onMounted(() => {
         >
           <Button
             class="ml-2"
-            :icon="h(Plus)"
             type="primary"
             @click="handleCreate"
             v-access:code="['infra:demo01-contact:create']"
           >
+            <IconifyIcon icon="lucide:plus" />
             {{ $t('ui.actionTitle.create', ['示例联系人']) }}
           </Button>
           <Button
-            :icon="h(Download)"
             type="primary"
             class="ml-2"
             :loading="exportLoading"
             @click="onExport"
             v-access:code="['infra:demo01-contact:export']"
           >
+            <IconifyIcon icon="lucide:download" />
             {{ $t('ui.actionTitle.export') }}
           </Button>
           <Button
-            :icon="h(Trash2)"
             type="primary"
             danger
             class="ml-2"
@@ -244,6 +243,7 @@ onMounted(() => {
             @click="handleDeleteBatch"
             v-access:code="['infra:demo01-contact:delete']"
           >
+            <IconifyIcon icon="lucide:trash-2" />
             批量删除
           </Button>
         </VbenVxeTableToolbar>
diff --git a/apps/web-antd/src/views/infra/demo/general/demo02/index.vue b/apps/web-antd/src/views/infra/demo/general/demo02/index.vue
index 66f0c6564..a1e971cf1 100644
--- a/apps/web-antd/src/views/infra/demo/general/demo02/index.vue
+++ b/apps/web-antd/src/views/infra/demo/general/demo02/index.vue
@@ -1,10 +1,10 @@
 <script lang="ts" setup>
 import type { Demo02CategoryApi } from '#/api/infra/demo/demo02';
 
-import { h, onMounted, reactive, ref } from 'vue';
+import { onMounted, reactive, ref } from 'vue';
 
 import { ContentWrap, Page, useVbenModal } from '@vben/common-ui';
-import { Download, Plus } from '@vben/icons';
+import { IconifyIcon } from '@vben/icons';
 import { useTableToolbar, VbenVxeTableToolbar } from '@vben/plugins/vxe-table';
 import {
   cloneDeep,
@@ -177,21 +177,21 @@ onMounted(() => {
           </Button>
           <Button
             class="ml-2"
-            :icon="h(Plus)"
             type="primary"
             @click="onCreate"
             v-access:code="['infra:demo02-category:create']"
           >
+            <IconifyIcon icon="lucide:plus" />
             {{ $t('ui.actionTitle.create', ['示例分类']) }}
           </Button>
           <Button
-            :icon="h(Download)"
             type="primary"
             class="ml-2"
             :loading="exportLoading"
             @click="onExport"
             v-access:code="['infra:demo02-category:export']"
           >
+            <IconifyIcon icon="lucide:download" />
             {{ $t('ui.actionTitle.export') }}
           </Button>
         </VbenVxeTableToolbar>
diff --git a/apps/web-antd/src/views/infra/demo/general/demo03/erp/index.vue b/apps/web-antd/src/views/infra/demo/general/demo03/erp/index.vue
index e56560fea..b58c79f99 100644
--- a/apps/web-antd/src/views/infra/demo/general/demo03/erp/index.vue
+++ b/apps/web-antd/src/views/infra/demo/general/demo03/erp/index.vue
@@ -1,12 +1,12 @@
 <script lang="ts" setup>
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
 
-import { h, onMounted, reactive, ref } from 'vue';
+import { onMounted, reactive, ref } from 'vue';
 
 import { ContentWrap, 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 { IconifyIcon } from '@vben/icons';
 import { useTableToolbar, VbenVxeTableToolbar } from '@vben/plugins/vxe-table';
 import {
   cloneDeep,
@@ -229,25 +229,24 @@ onMounted(() => {
         >
           <Button
             class="ml-2"
-            :icon="h(Plus)"
             type="primary"
             @click="onCreate"
             v-access:code="['infra:demo03-student:create']"
           >
+            <IconifyIcon icon="lucide:plus" />
             {{ $t('ui.actionTitle.create', ['学生']) }}
           </Button>
           <Button
-            :icon="h(Download)"
             type="primary"
             class="ml-2"
             :loading="exportLoading"
             @click="onExport"
             v-access:code="['infra:demo03-student:export']"
           >
+            <IconifyIcon icon="lucide:download" />
             {{ $t('ui.actionTitle.export') }}
           </Button>
           <Button
-            :icon="h(Trash2)"
             type="primary"
             danger
             class="ml-2"
@@ -255,6 +254,7 @@ onMounted(() => {
             @click="onDeleteBatch"
             v-access:code="['infra:demo03-student:delete']"
           >
+            <IconifyIcon icon="lucide:trash-2" />
             批量删除
           </Button>
         </VbenVxeTableToolbar>
diff --git a/apps/web-antd/src/views/infra/demo/general/demo03/erp/modules/demo03-course-list.vue b/apps/web-antd/src/views/infra/demo/general/demo03/erp/modules/demo03-course-list.vue
index b5b636e0d..35b225950 100644
--- a/apps/web-antd/src/views/infra/demo/general/demo03/erp/modules/demo03-course-list.vue
+++ b/apps/web-antd/src/views/infra/demo/general/demo03/erp/modules/demo03-course-list.vue
@@ -1,10 +1,10 @@
 <script lang="ts" setup>
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
 
-import { h, nextTick, onMounted, reactive, ref, watch } from 'vue';
+import { nextTick, onMounted, reactive, ref, watch } from 'vue';
 
 import { ContentWrap, useVbenModal } from '@vben/common-ui';
-import { Plus, Trash2 } from '@vben/icons';
+import { IconifyIcon } from '@vben/icons';
 import { useTableToolbar, VbenVxeTableToolbar } from '@vben/plugins/vxe-table';
 import { cloneDeep, formatDateTime, isEmpty } from '@vben/utils';
 
@@ -218,15 +218,14 @@ onMounted(() => {
         >
           <Button
             class="ml-2"
-            :icon="h(Plus)"
             type="primary"
             @click="onCreate"
             v-access:code="['infra:demo03-student:create']"
           >
+            <IconifyIcon icon="lucide:plus" />
             {{ $t('ui.actionTitle.create', ['学生']) }}
           </Button>
           <Button
-            :icon="h(Trash2)"
             type="primary"
             danger
             class="ml-2"
@@ -234,6 +233,7 @@ onMounted(() => {
             @click="onDeleteBatch"
             v-access:code="['infra:demo03-student:delete']"
           >
+            <IconifyIcon icon="lucide:trash-2" />
             批量删除
           </Button>
         </VbenVxeTableToolbar>
diff --git a/apps/web-antd/src/views/infra/demo/general/demo03/erp/modules/demo03-grade-list.vue b/apps/web-antd/src/views/infra/demo/general/demo03/erp/modules/demo03-grade-list.vue
index acf7a6f30..03c85785b 100644
--- a/apps/web-antd/src/views/infra/demo/general/demo03/erp/modules/demo03-grade-list.vue
+++ b/apps/web-antd/src/views/infra/demo/general/demo03/erp/modules/demo03-grade-list.vue
@@ -1,10 +1,10 @@
 <script lang="ts" setup>
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/erp';
 
-import { h, nextTick, onMounted, reactive, ref, watch } from 'vue';
+import { nextTick, onMounted, reactive, ref, watch } from 'vue';
 
 import { ContentWrap, useVbenModal } from '@vben/common-ui';
-import { Plus, Trash2 } from '@vben/icons';
+import { IconifyIcon } from '@vben/icons';
 import { useTableToolbar, VbenVxeTableToolbar } from '@vben/plugins/vxe-table';
 import { cloneDeep, formatDateTime, isEmpty } from '@vben/utils';
 
@@ -218,15 +218,14 @@ onMounted(() => {
         >
           <Button
             class="ml-2"
-            :icon="h(Plus)"
             type="primary"
             @click="onCreate"
             v-access:code="['infra:demo03-student:create']"
           >
+            <IconifyIcon icon="lucide:plus" />
             {{ $t('ui.actionTitle.create', ['学生']) }}
           </Button>
           <Button
-            :icon="h(Trash2)"
             type="primary"
             danger
             class="ml-2"
@@ -234,6 +233,7 @@ onMounted(() => {
             @click="onDeleteBatch"
             v-access:code="['infra:demo03-student:delete']"
           >
+            <IconifyIcon icon="lucide:trash-2" />
             批量删除
           </Button>
         </VbenVxeTableToolbar>
diff --git a/apps/web-antd/src/views/infra/demo/general/demo03/inner/index.vue b/apps/web-antd/src/views/infra/demo/general/demo03/inner/index.vue
index 5730fb8d4..28bf6cf8b 100644
--- a/apps/web-antd/src/views/infra/demo/general/demo03/inner/index.vue
+++ b/apps/web-antd/src/views/infra/demo/general/demo03/inner/index.vue
@@ -1,12 +1,12 @@
 <script lang="ts" setup>
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/normal';
 
-import { h, onMounted, reactive, ref } from 'vue';
+import { onMounted, reactive, ref } from 'vue';
 
 import { ContentWrap, 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 { IconifyIcon } from '@vben/icons';
 import { useTableToolbar, VbenVxeTableToolbar } from '@vben/plugins/vxe-table';
 import {
   cloneDeep,
@@ -225,25 +225,24 @@ onMounted(() => {
         >
           <Button
             class="ml-2"
-            :icon="h(Plus)"
             type="primary"
             @click="onCreate"
             v-access:code="['infra:demo03-student:create']"
           >
+            <IconifyIcon icon="lucide:plus" />
             {{ $t('ui.actionTitle.create', ['学生']) }}
           </Button>
           <Button
-            :icon="h(Download)"
             type="primary"
             class="ml-2"
             :loading="exportLoading"
             @click="onExport"
             v-access:code="['infra:demo03-student:export']"
           >
+            <IconifyIcon icon="lucide:download" />
             {{ $t('ui.actionTitle.export') }}
           </Button>
           <Button
-            :icon="h(Trash2)"
             type="primary"
             danger
             class="ml-2"
@@ -251,6 +250,7 @@ onMounted(() => {
             @click="onDeleteBatch"
             v-access:code="['infra:demo03-student:delete']"
           >
+            <IconifyIcon icon="lucide:trash-2" />
             批量删除
           </Button>
         </VbenVxeTableToolbar>
diff --git a/apps/web-antd/src/views/infra/demo/general/demo03/inner/modules/demo03-course-form.vue b/apps/web-antd/src/views/infra/demo/general/demo03/inner/modules/demo03-course-form.vue
index 8ad954b63..56dc97bd4 100644
--- a/apps/web-antd/src/views/infra/demo/general/demo03/inner/modules/demo03-course-form.vue
+++ b/apps/web-antd/src/views/infra/demo/general/demo03/inner/modules/demo03-course-form.vue
@@ -1,11 +1,10 @@
 <script lang="ts" setup>
-import type { VxeTableInstance } from '@vben/plugins/vxe-table';
-
+import type { VxeTableInstance } from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/normal';
 
-import { h, ref, watch } from 'vue';
+import { ref, watch } from 'vue';
 
-import { Plus } from '@vben/icons';
+import { IconifyIcon } from '@vben/icons';
 
 import { Button, Input } from 'ant-design-vue';
 
@@ -84,12 +83,12 @@ watch(
   </VxeTable>
   <div class="mt-4 flex justify-center">
     <Button
-      :icon="h(Plus)"
       type="primary"
       ghost
       @click="onAdd"
       v-access:code="['infra:demo03-student:create']"
     >
+      <IconifyIcon icon="lucide:plus" />
       {{ $t('ui.actionTitle.create', ['学生课程']) }}
     </Button>
   </div>
diff --git a/apps/web-antd/src/views/infra/demo/general/demo03/normal/index.vue b/apps/web-antd/src/views/infra/demo/general/demo03/normal/index.vue
index bfb61ca49..9e4da30f0 100644
--- a/apps/web-antd/src/views/infra/demo/general/demo03/normal/index.vue
+++ b/apps/web-antd/src/views/infra/demo/general/demo03/normal/index.vue
@@ -1,12 +1,12 @@
 <script lang="ts" setup>
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/normal';
 
-import { h, onMounted, reactive, ref } from 'vue';
+import { onMounted, reactive, ref } from 'vue';
 
 import { ContentWrap, 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 { IconifyIcon } from '@vben/icons';
 import { useTableToolbar, VbenVxeTableToolbar } from '@vben/plugins/vxe-table';
 import {
   cloneDeep,
@@ -219,25 +219,24 @@ onMounted(() => {
         >
           <Button
             class="ml-2"
-            :icon="h(Plus)"
             type="primary"
             @click="onCreate"
             v-access:code="['infra:demo03-student:create']"
           >
+            <IconifyIcon icon="lucide:plus" />
             {{ $t('ui.actionTitle.create', ['学生']) }}
           </Button>
           <Button
-            :icon="h(Download)"
             type="primary"
             class="ml-2"
             :loading="exportLoading"
             @click="onExport"
             v-access:code="['infra:demo03-student:export']"
           >
+            <IconifyIcon icon="lucide:download" />
             {{ $t('ui.actionTitle.export') }}
           </Button>
           <Button
-            :icon="h(Trash2)"
             type="primary"
             danger
             class="ml-2"
@@ -245,6 +244,7 @@ onMounted(() => {
             @click="onDeleteBatch"
             v-access:code="['infra:demo03-student:delete']"
           >
+            <IconifyIcon icon="lucide:trash-2" />
             批量删除
           </Button>
         </VbenVxeTableToolbar>
diff --git a/apps/web-antd/src/views/infra/demo/general/demo03/normal/modules/demo03-course-form.vue b/apps/web-antd/src/views/infra/demo/general/demo03/normal/modules/demo03-course-form.vue
index b9366b802..56dc97bd4 100644
--- a/apps/web-antd/src/views/infra/demo/general/demo03/normal/modules/demo03-course-form.vue
+++ b/apps/web-antd/src/views/infra/demo/general/demo03/normal/modules/demo03-course-form.vue
@@ -2,9 +2,9 @@
 import type { VxeTableInstance } from '#/adapter/vxe-table';
 import type { Demo03StudentApi } from '#/api/infra/demo/demo03/normal';
 
-import { h, ref, watch } from 'vue';
+import { ref, watch } from 'vue';
 
-import { Plus } from '@vben/icons';
+import { IconifyIcon } from '@vben/icons';
 
 import { Button, Input } from 'ant-design-vue';
 
@@ -83,12 +83,12 @@ watch(
   </VxeTable>
   <div class="mt-4 flex justify-center">
     <Button
-      :icon="h(Plus)"
       type="primary"
       ghost
       @click="onAdd"
       v-access:code="['infra:demo03-student:create']"
     >
+      <IconifyIcon icon="lucide:plus" />
       {{ $t('ui.actionTitle.create', ['学生课程']) }}
     </Button>
   </div>
diff --git a/apps/web-antd/src/views/pay/wallet/balance/data.ts b/apps/web-antd/src/views/pay/wallet/balance/data.ts
index a6a30895c..51bf1c78d 100644
--- a/apps/web-antd/src/views/pay/wallet/balance/data.ts
+++ b/apps/web-antd/src/views/pay/wallet/balance/data.ts
@@ -1,5 +1,3 @@
-import type { VxeTableGridOptions as VxeTableGridOptionsLegacy } from '@vben/plugins/vxe-table';
-
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
@@ -43,7 +41,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns(): VxeTableGridOptionsLegacy['columns'] {
+export function useGridColumns(): VxeTableGridOptions['columns'] {
   return [
     {
       title: '编号',
diff --git a/apps/web-antd/src/views/system/user/modules/dept-tree.vue b/apps/web-antd/src/views/system/user/modules/dept-tree.vue
index a65624c75..ba2bfa37e 100644
--- a/apps/web-antd/src/views/system/user/modules/dept-tree.vue
+++ b/apps/web-antd/src/views/system/user/modules/dept-tree.vue
@@ -3,7 +3,7 @@ import type { SystemDeptApi } from '#/api/system/dept';
 
 import { onMounted, ref } from 'vue';
 
-import { Search } from '@vben/icons';
+import { IconifyIcon } from '@vben/icons';
 import { handleTree } from '@vben/utils';
 
 import { Input, Spin, Tree } from 'ant-design-vue';
@@ -61,7 +61,7 @@ onMounted(async () => {
       class="w-full"
     >
       <template #prefix>
-        <Search class="size-4" />
+        <IconifyIcon icon="lucide:search" class="size-4" />
       </template>
     </Input>
     <Spin :spinning="loading" wrapper-class-name="w-full">
diff --git a/apps/web-ele/src/views/mall/product/comment/data.ts b/apps/web-ele/src/views/mall/product/comment/data.ts
index 2b412546d..682812df7 100644
--- a/apps/web-ele/src/views/mall/product/comment/data.ts
+++ b/apps/web-ele/src/views/mall/product/comment/data.ts
@@ -1,6 +1,5 @@
-import type { VxeTableGridOptions } from '@vben/plugins/vxe-table';
-
 import type { VbenFormSchema } from '#/adapter/form';
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { MallCommentApi } from '#/api/mall/product/comment';
 
 import { z } from '#/adapter/form';
diff --git a/apps/web-ele/src/views/pay/wallet/balance/data.ts b/apps/web-ele/src/views/pay/wallet/balance/data.ts
index 89684b327..2b30e865c 100644
--- a/apps/web-ele/src/views/pay/wallet/balance/data.ts
+++ b/apps/web-ele/src/views/pay/wallet/balance/data.ts
@@ -1,5 +1,3 @@
-import type { VxeTableGridOptions as VxeTableGridOptionsLegacy } from '@vben/plugins/vxe-table';
-
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
@@ -43,7 +41,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns(): VxeTableGridOptionsLegacy['columns'] {
+export function useGridColumns(): VxeTableGridOptions['columns'] {
   return [
     {
       title: '编号',