diff --git a/amoro-ams/amoro-ams-dashboard/src/components/VirtualRecycleScroller.vue b/amoro-ams/amoro-ams-dashboard/src/components/VirtualRecycleScroller.vue
index fd684c05a8..1e4bf42411 100644
--- a/amoro-ams/amoro-ams-dashboard/src/components/VirtualRecycleScroller.vue
+++ b/amoro-ams/amoro-ams-dashboard/src/components/VirtualRecycleScroller.vue
@@ -49,7 +49,7 @@ export default defineComponent ({
     RecycleScroller
   },
   emits: ['mouseEnter', 'handleClickTable'],
-  setup(props, { emit }) {
+  setup(_, { emit }) {
     const handleMouseEnter = (item: IMap<string>) => {
       emit('mouseEnter', item.label)
     }
diff --git a/amoro-ams/amoro-ams-dashboard/src/components/echarts/Chart.vue b/amoro-ams/amoro-ams-dashboard/src/components/echarts/Chart.vue
index ad132daf7b..477d017a6f 100644
--- a/amoro-ams/amoro-ams-dashboard/src/components/echarts/Chart.vue
+++ b/amoro-ams/amoro-ams-dashboard/src/components/echarts/Chart.vue
@@ -22,14 +22,10 @@
   </a-spin>
 </template>
 <script lang="ts">
-import { Spin as ASpin } from 'ant-design-vue'
 import { defineComponent, onMounted, onBeforeUnmount, watch, ref, toRefs, reactive } from 'vue'
 import echarts from './index'
 
 export default defineComponent({
-  components: {
-    ASpin
-  },
   props: {
     width: {
       type: String,
diff --git a/amoro-ams/amoro-ams-dashboard/src/components/loading/loading.vue b/amoro-ams/amoro-ams-dashboard/src/components/loading/loading.vue
index c67fe15630..8d4b93e288 100644
--- a/amoro-ams/amoro-ams-dashboard/src/components/loading/loading.vue
+++ b/amoro-ams/amoro-ams-dashboard/src/components/loading/loading.vue
@@ -18,7 +18,6 @@
 
 <script setup lang="ts">
 import { onBeforeUnmount, ref } from 'vue'
-import { Spin as ASpin } from 'ant-design-vue'
 
 // name: 'ULoading',
 // props: {
diff --git a/amoro-ams/amoro-ams-dashboard/src/components/tables-sub-menu/CreateDB.vue b/amoro-ams/amoro-ams-dashboard/src/components/tables-sub-menu/CreateDB.vue
index fd207e8d0a..0e43e46832 100644
--- a/amoro-ams/amoro-ams-dashboard/src/components/tables-sub-menu/CreateDB.vue
+++ b/amoro-ams/amoro-ams-dashboard/src/components/tables-sub-menu/CreateDB.vue
@@ -33,8 +33,6 @@
   </a-modal>
 </template>
 <script lang="ts">
-import { Modal as AModal, Select as ASelect, Input as AInput, Form as AForm, FormItem as AFormItem } from 'ant-design-vue'
-
 import { defineComponent, reactive, ref } from 'vue'
 import { usePlaceholder } from '@/hooks/usePlaceholder'
 
@@ -44,9 +42,6 @@ interface FormState {
 }
 
 export default defineComponent({
-  components: {
-    ASelect
-  },
   props: {
     visible: {
       type: Boolean,
diff --git a/amoro-ams/amoro-ams-dashboard/src/views/catalogs/Detail.vue b/amoro-ams/amoro-ams-dashboard/src/views/catalogs/Detail.vue
index daf514490b..6e0735a340 100644
--- a/amoro-ams/amoro-ams-dashboard/src/views/catalogs/Detail.vue
+++ b/amoro-ams/amoro-ams-dashboard/src/views/catalogs/Detail.vue
@@ -168,14 +168,6 @@ import {
   UploadChangeParam,
   message,
   Modal,
-  Select as ASelect,
-  Button as AButton,
-  Input as AInput,
-  Form as AForm,
-  FormItem as AFormItem,
-  Checkbox as ACheckbox,
-  CheckboxGroup as ACheckboxGroup,
-  Upload as AUpload
 } from 'ant-design-vue'
 
 interface IStorageConfigItem {
diff --git a/amoro-ams/amoro-ams-dashboard/src/views/catalogs/index.vue b/amoro-ams/amoro-ams-dashboard/src/views/catalogs/index.vue
index 8a37c94fcb..8ad04da24b 100644
--- a/amoro-ams/amoro-ams-dashboard/src/views/catalogs/index.vue
+++ b/amoro-ams/amoro-ams-dashboard/src/views/catalogs/index.vue
@@ -43,7 +43,7 @@ import Detail from './Detail.vue'
 import { useI18n } from 'vue-i18n'
 import { onBeforeRouteLeave, useRoute, useRouter } from 'vue-router'
 
-import { Modal, Button as AButton, Empty as AEmpty } from 'ant-design-vue'
+import { Modal, Empty as AEmpty } from 'ant-design-vue'
 
 const { t } = useI18n()
 const router = useRouter()
diff --git a/amoro-ams/amoro-ams-dashboard/src/views/hive-details/components/Details.vue b/amoro-ams/amoro-ams-dashboard/src/views/hive-details/components/Details.vue
index 67d5ff3b7c..e374593a95 100644
--- a/amoro-ams/amoro-ams-dashboard/src/views/hive-details/components/Details.vue
+++ b/amoro-ams/amoro-ams-dashboard/src/views/hive-details/components/Details.vue
@@ -47,8 +47,6 @@ import { shallowReactive } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { IColumns, DetailColumnItem } from '@/types/common.type'
 
-import { Table as ATable } from 'ant-design-vue'
-
 const { t } = useI18n()
 
 const primaryColumns: IColumns[] = shallowReactive([
diff --git a/amoro-ams/amoro-ams-dashboard/src/views/hive-details/components/Field.vue b/amoro-ams/amoro-ams-dashboard/src/views/hive-details/components/Field.vue
index 923f69e432..58be2b164a 100644
--- a/amoro-ams/amoro-ams-dashboard/src/views/hive-details/components/Field.vue
+++ b/amoro-ams/amoro-ams-dashboard/src/views/hive-details/components/Field.vue
@@ -39,8 +39,6 @@ import { shallowReactive } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { DetailColumnItem } from '@/types/common.type'
 
-import { Table as ATable, Checkbox as ACheckbox } from 'ant-design-vue'
-
 const { t } = useI18n()
 
 const props = defineProps<{ fields: DetailColumnItem[], loading: boolean }>()
diff --git a/amoro-ams/amoro-ams-dashboard/src/views/hive-details/components/Partition.vue b/amoro-ams/amoro-ams-dashboard/src/views/hive-details/components/Partition.vue
index 15379dfa68..4ce6ae263d 100644
--- a/amoro-ams/amoro-ams-dashboard/src/views/hive-details/components/Partition.vue
+++ b/amoro-ams/amoro-ams-dashboard/src/views/hive-details/components/Partition.vue
@@ -34,8 +34,6 @@ import { shallowReactive } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { DetailColumnItem } from '@/types/common.type'
 
-import { Table as ATable } from 'ant-design-vue'
-
 const { t } = useI18n()
 
 const props = defineProps<{ partitionFields: DetailColumnItem[], loading: boolean }>()
diff --git a/amoro-ams/amoro-ams-dashboard/src/views/hive-details/index.vue b/amoro-ams/amoro-ams-dashboard/src/views/hive-details/index.vue
index d082c72cbd..c02cfbbdea 100644
--- a/amoro-ams/amoro-ams-dashboard/src/views/hive-details/index.vue
+++ b/amoro-ams/amoro-ams-dashboard/src/views/hive-details/index.vue
@@ -43,9 +43,6 @@ limitations under the License.
 </template>
 
 <script lang="ts">
-// TODO: replace to antv-4. After all replacements are completed, switch to automatic import.
-import { Tabs, TabPane, Button as AButton } from 'ant-design-vue'
-
 import { computed, defineComponent, onBeforeUnmount, onMounted, reactive, ref, toRefs, watch } from 'vue'
 import UDetails from './components/Details.vue'
 import errorMsg from './components/ErrorMsg.vue'
@@ -58,11 +55,7 @@ export default defineComponent({
   name: 'Tables',
   components: {
     UDetails,
-    errorMsg,
-
-    ATabs: Tabs,
-    ATabPane: TabPane,
-    AButton
+    errorMsg
   },
   setup() {
     const upgradeStatus = upgradeStatusMap
diff --git a/amoro-ams/amoro-ams-dashboard/src/views/optimize/components/List.vue b/amoro-ams/amoro-ams-dashboard/src/views/optimize/components/List.vue
index a96fb5cf50..c2ccc2ed18 100644
--- a/amoro-ams/amoro-ams-dashboard/src/views/optimize/components/List.vue
+++ b/amoro-ams/amoro-ams-dashboard/src/views/optimize/components/List.vue
@@ -60,7 +60,7 @@ import { usePagination } from '@/hooks/usePagination'
 import { bytesToSize, formatMS2Time, formatMS2DisplayTime } from '@/utils'
 import { useRouter } from 'vue-router'
 
-import { Modal, Select as ASelect, Table as ATable } from 'ant-design-vue'
+import { Modal } from 'ant-design-vue'
 
 const { t } = useI18n()
 const router = useRouter()
diff --git a/amoro-ams/amoro-ams-dashboard/src/views/optimize/components/ScaleOut.vue b/amoro-ams/amoro-ams-dashboard/src/views/optimize/components/ScaleOut.vue
index 8856e63c07..0585a19f15 100644
--- a/amoro-ams/amoro-ams-dashboard/src/views/optimize/components/ScaleOut.vue
+++ b/amoro-ams/amoro-ams-dashboard/src/views/optimize/components/ScaleOut.vue
@@ -40,7 +40,7 @@ import { usePlaceholder } from '@/hooks/usePlaceholder'
 import { IGroupItem } from '@/types/common.type'
 import { getOptimizerGroups, scaleoutResource } from '@/services/optimize.service'
 
-import { Modal as AModal, Select as ASelect, Input as AInput, Form as AForm, FormItem as AFormItem } from 'ant-design-vue'
+import { Modal as AModal } from 'ant-design-vue'
 
 interface FormState {
   resourceGroup: undefined | string
diff --git a/amoro-ams/amoro-ams-dashboard/src/views/resource/components/GroupModal.vue b/amoro-ams/amoro-ams-dashboard/src/views/resource/components/GroupModal.vue
index 7076d389ce..231ebe3e3a 100644
--- a/amoro-ams/amoro-ams-dashboard/src/views/resource/components/GroupModal.vue
+++ b/amoro-ams/amoro-ams-dashboard/src/views/resource/components/GroupModal.vue
@@ -1,4 +1,3 @@
-
 <!--
 Licensed to the Apache Software Foundation (ASF) under one
 or more contributor license agreements.  See the NOTICE file
@@ -18,46 +17,20 @@ limitations under the License.
 /-->
 
 <template>
-  <a-modal
-    :visible="true"
-    :title="edit ? $t('editgroup') : $t('addgroup')"
-    :confirmLoading="confirmLoading"
-    :closable="false"
-    class="group-modal"
-    @ok="handleOk"
-    @cancel="handleCancel"
-  >
+  <a-modal :visible="true" :title="edit ? $t('editgroup') : $t('addgroup')" :confirmLoading="confirmLoading"
+    :closable="false" class="group-modal" @ok="handleOk" @cancel="handleCancel">
     <a-form ref="formRef" :model="formState" class="label-120">
-      <a-form-item
-        name="name"
-        :label="$t('name')"
-        :rules="[{ required: true, message: `${placeholder.groupNamePh}` }]"
-      >
-        <a-input
-          v-model:value="formState.name"
-          :placeholder="placeholder.groupNamePh"
-          :disabled="edit"
-        />
+      <a-form-item name="name" :label="$t('name')" :rules="[{ required: true, message: `${placeholder.groupNamePh}` }]">
+        <a-input v-model:value="formState.name" :placeholder="placeholder.groupNamePh" :disabled="edit" />
       </a-form-item>
-      <a-form-item
-        name="container"
-        :label="$t('container')"
-        :rules="[{ required: true, message: `${placeholder.groupContainer}` }]"
-      >
-        <a-select
-          v-model:value="formState.container"
-          :showSearch="true"
-          :options="selectList.containerList"
-          :placeholder="placeholder.groupContainer"
-        />
+      <a-form-item name="container" :label="$t('container')"
+        :rules="[{ required: true, message: `${placeholder.groupContainer}` }]">
+        <a-select v-model:value="formState.container" :showSearch="true" :options="selectList.containerList"
+          :placeholder="placeholder.groupContainer" />
       </a-form-item>
       <a-form-item :label="$t('properties')"> </a-form-item>
       <a-form-item>
-        <Properties
-          :propertiesObj="formState.properties"
-          :isEdit="true"
-          ref="propertiesRef"
-        />
+        <Properties :propertiesObj="formState.properties" :isEdit="true" ref="propertiesRef" />
       </a-form-item>
     </a-form>
   </a-modal>
@@ -74,7 +47,7 @@ import {
 } from '@/services/optimize.service'
 import Properties from '@/views/catalogs/Properties.vue'
 
-import { message, Modal as AModal, Select as ASelect, Input as AInput, Form as AForm, FormItem as AFormItem  } from 'ant-design-vue'
+import { message, Modal as AModal } from 'ant-design-vue'
 
 import { useI18n } from 'vue-i18n'
 
diff --git a/amoro-ams/amoro-ams-dashboard/src/views/resource/components/List.vue b/amoro-ams/amoro-ams-dashboard/src/views/resource/components/List.vue
index 4c7f17a48d..8fa136257b 100644
--- a/amoro-ams/amoro-ams-dashboard/src/views/resource/components/List.vue
+++ b/amoro-ams/amoro-ams-dashboard/src/views/resource/components/List.vue
@@ -63,7 +63,7 @@ import { useI18n } from 'vue-i18n'
 import { usePagination } from '@/hooks/usePagination'
 import { mbToSize, dateFormat } from '@/utils'
 
-import { message, Modal, Table as ATable } from 'ant-design-vue'
+import { message, Modal } from 'ant-design-vue'
 
 import { useRouter } from 'vue-router'
 import ScaleOut from '@/views/resource/components/ScaleOut.vue'
diff --git a/amoro-ams/amoro-ams-dashboard/src/views/resource/components/ScaleOut.vue b/amoro-ams/amoro-ams-dashboard/src/views/resource/components/ScaleOut.vue
index bd002406a0..3427cbf3d9 100644
--- a/amoro-ams/amoro-ams-dashboard/src/views/resource/components/ScaleOut.vue
+++ b/amoro-ams/amoro-ams-dashboard/src/views/resource/components/ScaleOut.vue
@@ -50,7 +50,7 @@ import { usePlaceholder } from '@/hooks/usePlaceholder'
 import { IIOptimizeGroupItem } from '@/types/common.type'
 import { scaleoutResource } from '@/services/optimize.service'
 
-import { Modal as AModal, Input as AInput, Form as AForm, FormItem as AFormItem  } from 'ant-design-vue'
+import { Modal as AModal } from 'ant-design-vue'
 
 interface FormState {
   resourceGroup: undefined | string;
diff --git a/amoro-ams/amoro-ams-dashboard/src/views/resource/index.vue b/amoro-ams/amoro-ams-dashboard/src/views/resource/index.vue
index 2ae00d815e..267a562788 100644
--- a/amoro-ams/amoro-ams-dashboard/src/views/resource/index.vue
+++ b/amoro-ams/amoro-ams-dashboard/src/views/resource/index.vue
@@ -71,9 +71,6 @@ limitations under the License.
 </template>
 
 <script lang="ts">
-// TODO: replace to antv-4. After all replacements are completed, switch to automatic import.
-import { Tabs, TabPane, Button as AButton } from 'ant-design-vue'
-
 import { ILableAndValue, IIOptimizeGroupItem } from '@/types/common.type'
 import {
   defineComponent,
@@ -96,11 +93,7 @@ export default defineComponent({
   components: {
     List,
     GroupModal,
-    TableList,
-
-    ATabs: Tabs,
-    ATabPane: TabPane,
-    AButton
+    TableList
   },
   setup() {
     const { t } = useI18n()
diff --git a/amoro-ams/amoro-ams-dashboard/src/views/settings/index.vue b/amoro-ams/amoro-ams-dashboard/src/views/settings/index.vue
index 6874926b08..9070ccb33e 100644
--- a/amoro-ams/amoro-ams-dashboard/src/views/settings/index.vue
+++ b/amoro-ams/amoro-ams-dashboard/src/views/settings/index.vue
@@ -73,9 +73,6 @@ limitations under the License.
 </template>
 
 <script lang="ts" setup>
-// TODO: replace to antv-4. After all replacements are completed, switch to automatic import.
-import { Tabs as ATabs, TabPane as ATabPane, Table as ATable, Collapse as ACollapse, CollapsePanel as ACollapsePanel } from 'ant-design-vue'
-
 import { reactive, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { IColumns, IKeyAndValue, IContainerSetting } from '@/types/common.type'
diff --git a/amoro-ams/amoro-ams-dashboard/src/views/tables/components/Details.vue b/amoro-ams/amoro-ams-dashboard/src/views/tables/components/Details.vue
index 359983779d..cc7eea1170 100644
--- a/amoro-ams/amoro-ams-dashboard/src/views/tables/components/Details.vue
+++ b/amoro-ams/amoro-ams-dashboard/src/views/tables/components/Details.vue
@@ -86,8 +86,6 @@ import { DetailColumnItem, IBaseDetailInfo, IColumns, IMap, PartitionColumnItem
 import { getTableDetail } from '@/services/table.service'
 import { dateFormat } from '@/utils'
 
-import { Table as ATable } from 'ant-design-vue'
-
 const { t } = useI18n()
 const emit = defineEmits<{
  (e: 'setBaseDetailInfo', data: IBaseDetailInfo): void
diff --git a/amoro-ams/amoro-ams-dashboard/src/views/tables/components/Operations.vue b/amoro-ams/amoro-ams-dashboard/src/views/tables/components/Operations.vue
index d4ffdb94ea..fa0078b592 100644
--- a/amoro-ams/amoro-ams-dashboard/src/views/tables/components/Operations.vue
+++ b/amoro-ams/amoro-ams-dashboard/src/views/tables/components/Operations.vue
@@ -60,7 +60,7 @@ import { useRoute } from 'vue-router'
 import { dateFormat } from '@/utils'
 import useClipboard from 'vue-clipboard3'
 
-import { message, Modal as AModal, Button as AButton, Table as ATable } from 'ant-design-vue'
+import { message, Modal as AModal } from 'ant-design-vue'
 
 const { toClipboard } = useClipboard()
 const { t } = useI18n()
diff --git a/amoro-ams/amoro-ams-dashboard/src/views/tables/components/Snapshots.vue b/amoro-ams/amoro-ams-dashboard/src/views/tables/components/Snapshots.vue
index 19a02ea0a4..8f250a0ed0 100644
--- a/amoro-ams/amoro-ams-dashboard/src/views/tables/components/Snapshots.vue
+++ b/amoro-ams/amoro-ams-dashboard/src/views/tables/components/Snapshots.vue
@@ -87,8 +87,6 @@ limitations under the License.
 </template>
 
 <script lang="ts" setup>
-import { Col as ACol, Row as ARow, Button as AButton, Table as ATable, Tooltip as ATooltip, Breadcrumb as ABreadcrumb, BreadcrumbItem as ABreadcrumbItem } from 'ant-design-vue'
-
 import { onMounted, reactive, ref, shallowReactive } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { usePagination } from '@/hooks/usePagination'