From 4dd2899035366bfa2a21e35eaea6a2740f555b4a Mon Sep 17 00:00:00 2001
From: danranVm <danranvm@gmail.com>
Date: Sun, 9 Oct 2022 17:56:57 +0800
Subject: [PATCH] refactor: remove all deprecated api (#1188)

---
 lerna.json                                    |   5 +-
 .../cdk/forms/__tests__/formControl.spec.ts   |  16 +-
 packages/cdk/forms/src/controls.ts            |  46 +--
 packages/cdk/forms/src/types.ts               |   4 -
 packages/cdk/forms/src/utils.ts               | 129 -------
 .../src/resize-observer/ResizeObserver.tsx    |   2 +-
 .../src/resize-observer/useResizeObserver.ts  |  15 +-
 .../cdk/scroll/src/virtual/VirtualScroll.tsx  |   7 +-
 .../src/virtual/composables/useGetKey.ts      |  19 +-
 packages/cdk/scroll/src/virtual/types.ts      |   6 +-
 packages/components/cascader/src/Cascader.tsx |  11 +-
 .../cascader/src/contents/OverlayOption.tsx   |   1 -
 packages/components/cascader/src/types.ts     |  10 -
 .../components/checkbox/src/CheckboxGroup.tsx |  17 +-
 packages/components/checkbox/src/types.ts     |   8 +-
 packages/components/config/src/types.ts       |  64 ----
 packages/components/divider/src/Divider.tsx   |  15 +-
 packages/components/divider/src/types.ts      |   2 -
 .../drawer/__tests__/drawer.spec.ts           |  28 +-
 packages/components/drawer/src/Drawer.tsx     |  11 +-
 .../components/drawer/src/DrawerWrapper.tsx   |   2 -
 packages/components/drawer/src/types.ts       |  13 +-
 packages/components/dropdown/src/Dropdown.tsx |   7 +-
 packages/components/dropdown/src/types.ts     |   9 +-
 .../components/form/__tests__/form.spec.ts    |  10 -
 packages/components/form/demo/Nest.vue        |   4 +-
 packages/components/form/index.ts             |   1 -
 packages/components/form/src/Form.tsx         |  10 -
 packages/components/form/src/FormItem.tsx     |  27 +-
 .../components/form/src/composables/public.ts |  28 +-
 packages/components/form/src/types.ts         |  43 +--
 .../components/image/__tests__/image.spec.ts  |   2 +-
 .../image/__tests__/imageViewer.spec.ts       |   4 +-
 packages/components/image/src/ImageViewer.tsx |   8 +-
 packages/components/image/src/types.ts        |   9 +-
 packages/components/menu/src/Menu.tsx         |  20 +-
 .../menu/src/composables/useDataSource.ts     |  14 +-
 .../menu/src/contents/MenuDivider.tsx         |   2 +-
 .../components/menu/src/contents/MenuItem.tsx |   7 +-
 .../menu/src/contents/MenuItemGroup.tsx       |   8 +-
 .../menu/src/contents/menu-sub/Label.tsx      |   8 +-
 .../menu/src/contents/menu-sub/MenuSub.tsx    |   3 +-
 packages/components/menu/src/types.ts         |  79 +---
 .../message/src/MessageProvider.tsx           |   8 +-
 packages/components/message/src/types.ts      |   9 +-
 .../components/modal/__tests__/modal.spec.ts  |  14 -
 packages/components/modal/src/Modal.tsx       |  11 +-
 .../components/modal/src/ModalWrapper.tsx     |   2 -
 packages/components/modal/src/types.ts        |  13 +-
 .../notification/src/NotificationProvider.tsx |   8 +-
 packages/components/notification/src/types.ts |   9 +-
 .../components/popconfirm/src/Popconfirm.tsx  |   4 +-
 packages/components/popover/docs/Api.zh.md    |   1 -
 .../components/progress/demo/LineSize.vue     |  12 +-
 packages/components/radio/src/RadioGroup.tsx  |  16 +-
 packages/components/radio/src/types.ts        |   9 +-
 .../select/__tests__/select.spec.ts           |  10 +-
 packages/components/select/demo/Server.vue    |   2 +-
 packages/components/select/src/Select.tsx     |  29 +-
 .../select/src/composables/useGetOptionKey.ts |  23 +-
 .../select/src/composables/useOptions.ts      |  16 +-
 .../components/select/src/panel/Option.tsx    |   1 -
 .../select/src/panel/OptionGroup.tsx          |   8 +-
 packages/components/select/src/types.ts       |  50 +--
 packages/components/space/src/Space.tsx       |  36 +-
 packages/components/space/src/types.ts        |  10 +-
 packages/components/switch/src/types.ts       |   2 +-
 .../components/table/__tests__/table.spec.ts  |  13 -
 packages/components/table/docs/Api.zh.md      |   2 +-
 packages/components/table/src/Table.tsx       |  35 +-
 .../table/src/composables/useColumns.ts       |  14 +-
 .../table/src/composables/useDataSource.ts    |   6 +-
 .../table/src/composables/useGetRowKey.ts     |  36 --
 .../table/src/composables/useScroll.ts        |   8 +-
 .../components/table/src/main/MainTable.tsx   |   6 +-
 .../table/src/main/body/BodyCell.tsx          |  16 +-
 .../table/src/main/body/BodyRow.tsx           |   6 +-
 .../table/src/main/head/HeadCell.tsx          |   7 +-
 packages/components/table/src/types.ts        |  27 +-
 packages/components/tabs/src/InternalTabs.tsx | 354 ++++++++++++++++++
 packages/components/tabs/src/Tabs.tsx         | 348 +----------------
 .../textarea/src/composables/useAutoRows.ts   |   2 +-
 .../components/time-picker/demo/Disable.vue   |  10 +-
 packages/components/tooltip/src/types.ts      |   7 -
 .../components/transfer/src/list/List.tsx     |   1 -
 .../tree-select/__tests__/treeSelect.spec.ts  |   2 +-
 .../components/tree-select/demo/Cascade.vue   |   2 +-
 .../tree-select/demo/CascaderStrategy.vue     |   1 -
 .../tree-select/demo/CustomLabel.vue          |   2 +-
 .../components/tree-select/src/TreeSelect.tsx |  32 +-
 .../src/composables/useDataSource.ts          |   8 +-
 .../src/composables/useGetNodeKey.ts          |  39 --
 .../tree-select/src/content/Content.tsx       |   2 +-
 packages/components/tree-select/src/types.ts  |  46 +--
 .../components/tree/__tests__/tree.spec.ts    |  23 +-
 packages/components/tree/src/Tree.tsx         |  26 +-
 .../tree/src/composables/useCheckable.ts      |  12 +-
 .../tree/src/composables/useGetNodeKey.ts     |  39 --
 .../components/tree/src/node/TreeNode.tsx     |   1 -
 packages/components/tree/src/types.ts         |  41 +-
 .../typography/__tests__/typography.spec.ts   |   2 +-
 .../components/typography/src/typography.ts   |   2 +-
 .../components/upload/demo/ListDisplay.vue    |   8 +-
 packages/components/utils/src/portalTarget.ts |  13 +-
 packages/components/watermark/demo/Basic.vue  |  10 +-
 .../components/watermark/demo/HighDensity.vue |   4 +
 .../pro/table/src/contents/LayoutToolTree.tsx |   2 +-
 .../src/composables/useTransferTableProps.ts  |   2 +-
 .../layout/header/LayoutHeaderLogo.vue        |   2 +-
 109 files changed, 580 insertions(+), 1676 deletions(-)
 delete mode 100644 packages/components/table/src/composables/useGetRowKey.ts
 create mode 100644 packages/components/tabs/src/InternalTabs.tsx
 delete mode 100644 packages/components/tree-select/src/composables/useGetNodeKey.ts
 delete mode 100644 packages/components/tree/src/composables/useGetNodeKey.ts

diff --git a/lerna.json b/lerna.json
index 888ea94ea..2870d9310 100644
--- a/lerna.json
+++ b/lerna.json
@@ -3,11 +3,10 @@
   "version": "1.0.0-rc.9",
   "command": {
     "publish": {
-      "allowBranch": ["main", "next", "hotfix"],
+      "allowBranch": ["main", "release", "next", "hotfix"],
       "ignoreChanges": ["*.md", "**/__tests__/**", "**/demo/**", "**/docs/**"],
       "message": "docs(release): publish %s",
-      "registry": "https://registry.npmjs.org",
-      "preid": "rc"
+      "registry": "https://registry.npmjs.org"
     },
     "bootstrap": {
       "npmClient": "pnpm"
diff --git a/packages/cdk/forms/__tests__/formControl.spec.ts b/packages/cdk/forms/__tests__/formControl.spec.ts
index 4709a9b0b..038c16ab6 100644
--- a/packages/cdk/forms/__tests__/formControl.spec.ts
+++ b/packages/cdk/forms/__tests__/formControl.spec.ts
@@ -71,7 +71,7 @@ describe('formControl.ts', () => {
     test('validate work', async () => {
       expect(await control.validate()).toBeUndefined()
 
-      control.setValidator(Validators.required)
+      control.setValidators(Validators.required)
 
       expect(await control.validate()).toEqual({ required: { message: zhCNMessages.required({}, control) } })
     })
@@ -197,19 +197,5 @@ describe('formControl.ts', () => {
 
       expect(control.getValue()).toEqual(' test ')
     })
-
-    test('trim enable work', () => {
-      control = new FormControl<string>('', { trim: true })
-
-      expect(control.getValue()).toEqual('')
-
-      control.setValue('test ')
-
-      expect(control.getValue()).toEqual('test')
-
-      control.setValue(' test')
-
-      expect(control.getValue()).toEqual('test')
-    })
   })
 })
diff --git a/packages/cdk/forms/src/controls.ts b/packages/cdk/forms/src/controls.ts
index 0cd37a554..95dffd117 100644
--- a/packages/cdk/forms/src/controls.ts
+++ b/packages/cdk/forms/src/controls.ts
@@ -21,9 +21,9 @@ import {
   watchEffect,
 } from 'vue'
 
-import { isArray, isNil, isPlainObject, isString } from 'lodash-es'
+import { isArray, isNil, isPlainObject } from 'lodash-es'
 
-import { Logger, hasOwnProperty } from '@idux/cdk/utils'
+import { hasOwnProperty } from '@idux/cdk/utils'
 
 import {
   type AsyncValidatorFn,
@@ -154,17 +154,6 @@ export abstract class AbstractControl<T = any> {
     return this._trigger ?? this._parent?.trigger ?? 'change'
   }
 
-  /**
-   * @deprecated
-   *
-   * Whether to remove the first and tail space
-   * Possible value: true | false
-   * Default value: false
-   */
-  get trim(): boolean {
-    return this._trim ?? this._parent?.trim ?? false
-  }
-
   name?: string
   example?: string
 
@@ -183,7 +172,6 @@ export abstract class AbstractControl<T = any> {
   private _composedAsyncValidators: AsyncValidatorFn | undefined
   private _parent: AbstractControl<T> | undefined
   private _trigger?: 'change' | 'blur' | 'submit'
-  private _trim?: boolean
 
   constructor(
     controls?: GroupControls<T> | AbstractControl<ArrayElement<T>>[],
@@ -196,12 +184,6 @@ export abstract class AbstractControl<T = any> {
     this._forEachControls(control => control.setParent(this))
     this._convertOptions(validatorOrOptions, asyncValidator)
     this._init()
-
-    if (__DEV__) {
-      if (isOptions(validatorOrOptions) && validatorOrOptions.trim) {
-        Logger.warn('cdk/forms', 'the `trim` of validatorOptions was deprecated.')
-      }
-    }
   }
 
   /**
@@ -337,16 +319,6 @@ export abstract class AbstractControl<T = any> {
     }
   }
 
-  /**
-   * @deprecated please use `setValidators` instead.
-   */
-  setValidator(newValidator?: ValidatorFn | ValidatorFn[]): void {
-    if (__DEV__) {
-      Logger.warn('cdk/forms', 'the `setValidator` was deprecated, please use `setValidators` instead.')
-    }
-    this.setValidators(newValidator)
-  }
-
   /**
    * Sets the new sync validator for the form control, it overwrites existing sync validators.
    *
@@ -357,16 +329,6 @@ export abstract class AbstractControl<T = any> {
     this._composedValidators = toValidator(newValidators)
   }
 
-  /**
-   * @deprecated please use `setAsyncValidators` instead.
-   */
-  setAsyncValidator(newAsyncValidator?: AsyncValidatorFn | AsyncValidatorFn[]): void {
-    if (__DEV__) {
-      Logger.warn('cdk/forms', 'the `setAsyncValidator` was deprecated, please use `setAsyncValidators` instead.')
-    }
-    this.setAsyncValidators(newAsyncValidator)
-  }
-
   /**
    * Sets the new async validator for the form control, it overwrites existing async validators.
    *
@@ -597,7 +559,6 @@ export abstract class AbstractControl<T = any> {
       this.name = validatorOrOptions.name
       this.example = validatorOrOptions.example
       this._trigger = validatorOrOptions.trigger ?? this._trigger
-      this._trim = validatorOrOptions.trim ?? this._trim
       this.setValidators(validatorOrOptions.validators)
       this.setAsyncValidators(validatorOrOptions.asyncValidators)
       if (validatorOrOptions.disabled) {
@@ -706,8 +667,7 @@ export class FormControl<T = any> extends AbstractControl<T> {
   }
 
   getValue(): T {
-    const value = this._valueRef.value
-    return this.trim && isString(value) ? (value as any).trim() : value
+    return this._valueRef.value
   }
 
   protected _forEachControls(_: (v: AbstractControl, k: never) => void): void {}
diff --git a/packages/cdk/forms/src/types.ts b/packages/cdk/forms/src/types.ts
index 8022d965c..204346389 100644
--- a/packages/cdk/forms/src/types.ts
+++ b/packages/cdk/forms/src/types.ts
@@ -41,10 +41,6 @@ export interface ValidatorOptions {
   trigger?: 'change' | 'blur' | 'submit'
   validators?: ValidatorFn | ValidatorFn[]
   asyncValidators?: AsyncValidatorFn | AsyncValidatorFn[]
-  /**
-   * @deprecated
-   */
-  trim?: boolean
 }
 
 export type ValidateStatus = 'valid' | 'invalid' | 'validating'
diff --git a/packages/cdk/forms/src/utils.ts b/packages/cdk/forms/src/utils.ts
index e41d3894e..15e7553cd 100644
--- a/packages/cdk/forms/src/utils.ts
+++ b/packages/cdk/forms/src/utils.ts
@@ -8,15 +8,12 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
 import {
-  type ComputedRef,
   type InjectionKey,
   type ShallowRef,
   type WatchStopHandle,
-  computed,
   getCurrentInstance,
   inject,
   reactive,
-  shallowReactive,
   shallowRef,
   toRaw,
   unref,
@@ -218,129 +215,3 @@ export function useAccessorAndControl<T = any>(
 
   return { accessor, control }
 }
-
-/**
- * @deprecated
- */
-export interface ValueControlOptions {
-  controlKey?: string
-}
-
-/**
- * @deprecated please use  `useControl` or `useAccessorAndControl` instead
- */
-export function useValueControl<T = any>(
-  options: ValueControlOptions = {},
-): ShallowRef<AbstractControl<T> | undefined> {
-  if (__DEV__) {
-    Logger.warn(
-      'cdk/forms',
-      'the `useValueControl` was deprecated, please use `useControl` or `useAccessorAndControl` instead.',
-    )
-  }
-  const { controlKey = 'control' } = options
-  const { props } = getCurrentInstance()!
-  const parentControl = inject(FORMS_CONTROL_TOKEN, shallowRef<AbstractControl>())
-
-  const control = shallowRef<AbstractControl>()
-  let watchStop: WatchStopHandle | undefined
-
-  watch(
-    [() => props[controlKey], parentControl],
-    ([controlOrPath, pControl]) => {
-      if (watchStop) {
-        watchStop()
-        watchStop = undefined
-      }
-      if (isAbstractControl(controlOrPath)) {
-        control.value = controlOrPath
-      } else if (!!pControl && !isNil(controlOrPath)) {
-        watchStop = watch(
-          pControl.controls,
-          () => {
-            const _control = pControl.get(controlOrPath as ControlPathType)
-            if (__DEV__ && !_control) {
-              Logger.warn('cdk/forms', `not find control by [${controlOrPath}]`)
-            }
-            control.value = _control
-          },
-          { immediate: true },
-        )
-      }
-    },
-    { immediate: true },
-  )
-
-  return control
-}
-
-/**
- * @deprecated
- */
-export interface ValueAccessorOptions<T = any> {
-  control: ShallowRef<AbstractControl<T> | undefined>
-  valueKey?: string
-  disabledKey?: string
-}
-
-/**
- * @deprecated
- */
-export interface ValueAccessor<T = any> {
-  valueRef: ComputedRef<T>
-  disabled: ComputedRef<boolean>
-  markAsBlurred: () => void
-  setValue: (value: T) => void
-}
-
-/**
- * @deprecated please use `useAccessor` or `useAccessorAndControl` instead
- */
-export function useValueAccessor<T = any>(options: ValueAccessorOptions): ValueAccessor<T> {
-  if (__DEV__) {
-    Logger.warn(
-      'cdk/forms',
-      'the `useValueAccessor` was deprecated, please use `useAccessor` or `useAccessorAndControl` instead.',
-    )
-  }
-  const { control, valueKey = 'value', disabledKey = 'disabled' } = options
-  const { props } = getCurrentInstance()!
-
-  const accessor = shallowReactive({} as ValueAccessor<T>)
-  let watchStop: WatchStopHandle | undefined
-
-  watch(
-    control,
-    currControl => {
-      if (watchStop) {
-        watchStop()
-        watchStop = undefined
-      }
-
-      if (currControl) {
-        accessor.valueRef = currControl.valueRef
-        accessor.disabled = currControl.disabled
-        accessor.setValue = value => currControl.setValue(value, { dirty: true })
-        accessor.markAsBlurred = () => currControl.markAsBlurred()
-      } else {
-        const tempRef = shallowRef(props[valueKey])
-        watchStop = watch(
-          () => props[valueKey],
-          value => (tempRef.value = value),
-        )
-        accessor.valueRef = computed(() => props[valueKey] ?? tempRef.value) as ComputedRef<T>
-        accessor.disabled = computed(() => props[disabledKey]) as ComputedRef<boolean>
-        accessor.setValue = value => {
-          if (value != toRaw(accessor.valueRef.value)) {
-            tempRef.value = value
-            callEmit((props as any)[`onUpdate:${valueKey}`], value)
-          }
-        }
-        accessor.markAsBlurred = NoopFunction
-      }
-    },
-    { immediate: true },
-  )
-
-  return accessor
-}
diff --git a/packages/cdk/resize/src/resize-observer/ResizeObserver.tsx b/packages/cdk/resize/src/resize-observer/ResizeObserver.tsx
index 0781851ff..2d0fee168 100644
--- a/packages/cdk/resize/src/resize-observer/ResizeObserver.tsx
+++ b/packages/cdk/resize/src/resize-observer/ResizeObserver.tsx
@@ -32,7 +32,7 @@ export default defineComponent({
       ([disabled, options]) => {
         cleanup()
         if (!disabled) {
-          stop = useResizeObserver(elementRef, handler, options).stop
+          stop = useResizeObserver(elementRef, handler, options)
         }
       },
       { immediate: true, flush: 'post' },
diff --git a/packages/cdk/resize/src/resize-observer/useResizeObserver.ts b/packages/cdk/resize/src/resize-observer/useResizeObserver.ts
index 2317f8c89..48d048c34 100644
--- a/packages/cdk/resize/src/resize-observer/useResizeObserver.ts
+++ b/packages/cdk/resize/src/resize-observer/useResizeObserver.ts
@@ -7,7 +7,7 @@
 
 import { watch } from 'vue'
 
-import { Logger, type MaybeElementRef, convertElement, tryOnScopeDispose } from '@idux/cdk/utils'
+import { type MaybeElementRef, convertElement, tryOnScopeDispose } from '@idux/cdk/utils'
 
 import { type ResizeListener, offResize, onResize } from './utils'
 
@@ -15,7 +15,7 @@ export function useResizeObserver(
   target: MaybeElementRef,
   listener: ResizeListener,
   options?: ResizeObserverOptions,
-): { stop: () => void } {
+): () => void {
   const stopWatch = watch(
     () => convertElement(target),
     (currElement, prevElement) => {
@@ -35,17 +35,6 @@ export function useResizeObserver(
     stopWatch()
   }
 
-  stop.stop = () => {
-    if (__DEV__) {
-      Logger.warn(
-        'cdk/resize',
-        'the `const { stop } = useResizeObserver()` was deprecated, please use `const stop = useResizeObserver()` instead.',
-      )
-    }
-    offResize(convertElement(target), listener)
-    stopWatch()
-  }
-
   tryOnScopeDispose(stop)
 
   return stop
diff --git a/packages/cdk/scroll/src/virtual/VirtualScroll.tsx b/packages/cdk/scroll/src/virtual/VirtualScroll.tsx
index ede684332..1977dae33 100644
--- a/packages/cdk/scroll/src/virtual/VirtualScroll.tsx
+++ b/packages/cdk/scroll/src/virtual/VirtualScroll.tsx
@@ -7,7 +7,7 @@
 
 import { type ComponentPublicInstance, computed, defineComponent, provide, ref, watch } from 'vue'
 
-import { Logger, callEmit, useState } from '@idux/cdk/utils'
+import { callEmit, useState } from '@idux/cdk/utils'
 
 import { useContainerHeight } from './composables/useContainerHeight'
 import { useGetKey } from './composables/useGetKey'
@@ -75,11 +75,6 @@ export default defineComponent({
     const mergedData = computed(() => props.dataSource.slice(startIndex.value, endIndex.value + 1))
     watch(mergedData, data => callEmit(props.onScrolledChange, startIndex.value, endIndex.value, data))
 
-    if (__DEV__) {
-      if (props.itemKey) {
-        Logger.warn('cdk/scroll', 'the `itemKey` of VirtualScrollProps was deprecated, please use `getKey` instead.')
-      }
-    }
     return () => {
       const getKeyFn = getKey.value
       const start = startIndex.value
diff --git a/packages/cdk/scroll/src/virtual/composables/useGetKey.ts b/packages/cdk/scroll/src/virtual/composables/useGetKey.ts
index 43fcbc219..6a96fc324 100644
--- a/packages/cdk/scroll/src/virtual/composables/useGetKey.ts
+++ b/packages/cdk/scroll/src/virtual/composables/useGetKey.ts
@@ -5,26 +5,23 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import type { VirtualScrollProps } from '../types'
-import type { VKey } from '@idux/cdk/utils'
-import type { ComputedRef } from 'vue'
-
-import { computed } from 'vue'
+import { type ComputedRef, computed } from 'vue'
 
 import { isString } from 'lodash-es'
 
-import { Logger } from '@idux/cdk/utils'
+import { Logger, type VKey } from '@idux/cdk/utils'
+
+import { type VirtualScrollProps } from '../types'
 
 export type GetKey = (item: unknown) => VKey
 
 export function useGetKey(props: VirtualScrollProps): ComputedRef<GetKey> {
   return computed(() => {
-    // TODO: remove props.itemKey
-    const getKey = props.getKey || props.itemKey
+    const getKey = props.getKey
     if (isString(getKey)) {
-      return (item: unknown) => {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const key = (item as any)[getKey]
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      return (item: any) => {
+        const key = item[getKey]
         if (__DEV__ && key === undefined) {
           Logger.warn('cdk/scroll', 'Each item in dataSource should have a unique `key` prop.')
         }
diff --git a/packages/cdk/scroll/src/virtual/types.ts b/packages/cdk/scroll/src/virtual/types.ts
index ada49c870..19459d593 100644
--- a/packages/cdk/scroll/src/virtual/types.ts
+++ b/packages/cdk/scroll/src/virtual/types.ts
@@ -17,10 +17,6 @@ export const virtualListProps = {
   getKey: { type: [String, Function] as PropType<string | ((item: any) => VKey)>, default: 'key' },
   height: { type: [Number, String] as PropType<number | 'auto' | '100%'>, default: 0 },
   itemHeight: { type: Number, default: 0 },
-  /**
-   * @deprecated
-   */
-  itemKey: { type: [String, Function] as PropType<string | ((item: any) => VKey)>, default: undefined },
   itemRender: { type: Function as PropType<VirtualItemRenderFn>, default: undefined },
   virtual: { type: Boolean, default: true },
   onScroll: [Function, Array] as PropType<MaybeArray<(evt: Event) => void>>,
@@ -31,7 +27,7 @@ export const virtualListProps = {
 } as const
 
 export type VirtualScrollProps = ExtractInnerPropTypes<typeof virtualListProps>
-export type VirtualScrollPublicProps = Omit<ExtractPublicPropTypes<typeof virtualListProps>, 'itemKey'>
+export type VirtualScrollPublicProps = ExtractPublicPropTypes<typeof virtualListProps>
 export interface VirtualScrollBindings {
   scrollTo: VirtualScrollToFn
 }
diff --git a/packages/components/cascader/src/Cascader.tsx b/packages/components/cascader/src/Cascader.tsx
index 0e1f1d539..77cb9488e 100644
--- a/packages/components/cascader/src/Cascader.tsx
+++ b/packages/components/cascader/src/Cascader.tsx
@@ -8,7 +8,7 @@
 import { computed, defineComponent, normalizeClass, provide, ref, watch } from 'vue'
 
 import { useAccessorAndControl } from '@idux/cdk/forms'
-import { Logger, type VKey, useState } from '@idux/cdk/utils'
+import { type VKey, useState } from '@idux/cdk/utils'
 import { ɵOverlay } from '@idux/components/_private/overlay'
 import { ɵSelector, type ɵSelectorInstance } from '@idux/components/_private/selector'
 import { useGlobalConfig } from '@idux/components/config'
@@ -170,15 +170,6 @@ export default defineComponent({
 
     const renderContent = () => <OverlayContent onClick={handleOverlayClick} />
 
-    if (__DEV__) {
-      if (props.dataSource?.some(data => !!data.additional)) {
-        Logger.warn(
-          'components/cascader',
-          'the `additional` of CascaderData was deprecated, please use `customAdditional` instead.',
-        )
-      }
-    }
-
     return () => {
       const overlayProps = {
         class: overlayClasses.value,
diff --git a/packages/components/cascader/src/contents/OverlayOption.tsx b/packages/components/cascader/src/contents/OverlayOption.tsx
index ae23da966..0e738f649 100644
--- a/packages/components/cascader/src/contents/OverlayOption.tsx
+++ b/packages/components/cascader/src/contents/OverlayOption.tsx
@@ -109,7 +109,6 @@ export default defineComponent({
           onMouseenter={disabled ? undefined : handleMouseEnter}
           aria-label={label}
           aria-selected={selected}
-          {...rawData.additional}
           {...customAdditional}
         >
           {multiple && (
diff --git a/packages/components/cascader/src/types.ts b/packages/components/cascader/src/types.ts
index dac13edfa..30d7cdb94 100644
--- a/packages/components/cascader/src/types.ts
+++ b/packages/components/cascader/src/types.ts
@@ -100,16 +100,6 @@ export type CascaderCustomAdditional = (options: {
 }) => Record<string, any> | undefined
 
 export interface CascaderData<K = VKey> {
-  /**
-   * @deprecated please use `customAdditional` instead'
-   */
-  additional?: {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    class?: any
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    style?: any
-    [key: string]: unknown
-  }
   children?: CascaderData<K>[]
   disabled?: boolean
   isLeaf?: boolean
diff --git a/packages/components/checkbox/src/CheckboxGroup.tsx b/packages/components/checkbox/src/CheckboxGroup.tsx
index 8f1a6c087..69dc8797d 100644
--- a/packages/components/checkbox/src/CheckboxGroup.tsx
+++ b/packages/components/checkbox/src/CheckboxGroup.tsx
@@ -10,7 +10,7 @@ import { type VNodeChild, computed, defineComponent, normalizeClass, provide } f
 import { isNil } from 'lodash-es'
 
 import { useAccessorAndControl } from '@idux/cdk/forms'
-import { Logger, convertCssPixel } from '@idux/cdk/utils'
+import { convertCssPixel } from '@idux/cdk/utils'
 import { useGlobalConfig } from '@idux/components/config'
 import { useFormItemRegister } from '@idux/components/form'
 import { IxSpace } from '@idux/components/space'
@@ -43,20 +43,13 @@ export default defineComponent({
       return gap != null ? `gap: ${convertCssPixel(gap)};` : undefined
     })
 
-    if (__DEV__) {
-      if (props.options) {
-        Logger.warn('components/checkbox', 'the `options` was deprecated, please use `dataSource` instead.')
-      }
-    }
-
     return () => {
-      const { options, dataSource, vertical } = props
-
-      const data = options ?? dataSource
+      const { dataSource, vertical } = props
 
       let children: VNodeChild[] | undefined
-      if (data) {
-        children = data.map(item => {
+      if (dataSource) {
+        children = dataSource.map(item => {
+          // TODO: remove value
           const { key, value } = item
           return <Checkbox {...item} key={key ?? value} value={value ?? key} />
         })
diff --git a/packages/components/checkbox/src/types.ts b/packages/components/checkbox/src/types.ts
index 9b9ed2a7a..e8dca8797 100644
--- a/packages/components/checkbox/src/types.ts
+++ b/packages/components/checkbox/src/types.ts
@@ -56,10 +56,6 @@ export const checkboxGroupProps = {
   disabled: { type: Boolean, default: false },
   gap: { type: [Number, String] as PropType<number | string>, default: undefined },
   name: { type: String, default: undefined },
-  /**
-   * @deprecated please use `dataSource` instead'
-   */
-  options: { type: Array as PropType<CheckboxData[]> },
   size: { type: String as PropType<FormSize>, default: undefined },
   vertical: { type: Boolean, default: false },
 
@@ -69,13 +65,13 @@ export const checkboxGroupProps = {
 } as const
 
 export type CheckboxGroupProps = ExtractInnerPropTypes<typeof checkboxGroupProps>
-export type CheckboxGroupPublicProps = Omit<ExtractPublicPropTypes<typeof checkboxGroupProps>, 'options'>
+export type CheckboxGroupPublicProps = ExtractPublicPropTypes<typeof checkboxGroupProps>
 export type CheckboxGroupComponent = DefineComponent<
   Omit<HTMLAttributes, keyof CheckboxGroupPublicProps> & CheckboxGroupPublicProps
 >
 export type CheckboxGroupInstance = InstanceType<DefineComponent<CheckboxGroupProps>>
 
 export type CheckValue = string | number | boolean
-export interface CheckboxData<K = VKey> extends CheckboxPublicProps {
+export interface CheckboxData<K = VKey> extends Omit<CheckboxPublicProps, 'value'> {
   key?: K
 }
diff --git a/packages/components/config/src/types.ts b/packages/components/config/src/types.ts
index 5a5ae7ec7..90c9cb190 100644
--- a/packages/components/config/src/types.ts
+++ b/packages/components/config/src/types.ts
@@ -208,10 +208,6 @@ export interface DrawerConfig {
   height: string | number
   mask: boolean
   maskClosable: boolean
-  /**
-   * @deprecated please use `container` instead'
-   */
-  target?: PortalTargetType
   width: string | number
 }
 
@@ -222,10 +218,6 @@ export interface DropdownConfig {
   overlayContainer?: PortalTargetType
   placement: PopperPlacement
   showArrow: boolean
-  /**
-   * @deprecated please use `overlayContainer` instead'
-   */
-  target?: PortalTargetType
   trigger: PopperTrigger
 }
 
@@ -279,10 +271,6 @@ export interface ImageViewerConfig {
   container?: PortalTargetType
   loop: boolean
   maskClosable: boolean
-  /**
-   * @deprecated please use `container` instead'
-   */
-  target?: PortalTargetType
   zoom: number[]
 }
 
@@ -292,10 +280,6 @@ export interface MenuConfig {
   offset: [number, number]
   overlayContainer?: PortalTargetType
   suffix: string
-  /**
-   * @deprecated please use `overlayContainer` instead'
-   */
-  target?: PortalTargetType
   theme: MenuTheme
 }
 
@@ -305,10 +289,6 @@ export interface MessageConfig {
   duration: number
   icon: Partial<Record<MessageType, string | VNode>>
   maxCount: number
-  /**
-   * @deprecated please use `container` instead'
-   */
-  target?: PortalTargetType
   top?: number | string
 }
 
@@ -321,10 +301,6 @@ export interface ModalConfig {
   icon?: Partial<Record<ModalType, string | VNode>>
   mask: boolean
   maskClosable: boolean
-  /**
-   * @deprecated please use `container` instead'
-   */
-  target?: PortalTargetType
   width: string | number
 }
 
@@ -337,10 +313,6 @@ export interface NotificationConfig {
   maxCount: number
   offset: number | string | (string | number)[]
   placement: NotificationPlacement
-  /**
-   * @deprecated please use `container` instead'
-   */
-  target?: PortalTargetType
 }
 
 export interface PaginationConfig {
@@ -360,10 +332,6 @@ export interface PopconfirmConfig {
   destroyOnHide: boolean
   overlayContainer?: PortalTargetType
   placement: PopperPlacement
-  /**
-   * @deprecated please use `overlayContainer` instead'
-   */
-  target?: PortalTargetType
   trigger: PopperTrigger
 }
 
@@ -373,10 +341,6 @@ export interface PopoverConfig {
   destroyOnHide: boolean
   overlayContainer?: PortalTargetType
   placement: PopperPlacement
-  /**
-   * @deprecated please use `overlayContainer` instead'
-   */
-  target?: PortalTargetType
   showArrow: boolean
   trigger: PopperTrigger
   closeIcon: string
@@ -422,14 +386,6 @@ export interface SelectConfig {
   overlayMatchWidth: boolean
   size: FormSize
   suffix: string
-  /**
-   * @deprecated please use `overlayContainer` instead'
-   */
-  target?: PortalTargetType
-  /**
-   * @deprecated please use `getKey` instead'
-   */
-  valueKey?: string
 }
 
 export interface SkeletonConfig {
@@ -478,10 +434,6 @@ export interface TableConfig {
   borderless: boolean
   childrenKey: string
   getKey: string | ((data: any) => any)
-  /**
-   * @deprecated please use `getKey` instead'
-   */
-  rowKey?: string
   size: TableSize
   scrollToTopOnChange?: boolean
 
@@ -549,10 +501,6 @@ export interface TooltipConfig {
   destroyOnHide: boolean
   overlayContainer?: PortalTargetType
   placement: PopperPlacement
-  /**
-   * @deprecated please use `overlayContainer` instead'
-   */
-  target?: PortalTargetType
   trigger: PopperTrigger
 }
 
@@ -564,10 +512,6 @@ export interface TreeConfig {
   draggableIcon: string
   getKey: string | ((data: TreeNode<any>) => any)
   labelKey: string
-  /**
-   * @deprecated please use `getKey` instead'
-   */
-  nodeKey?: string
   showLine: boolean
 }
 
@@ -577,18 +521,10 @@ export interface TreeSelectConfig {
   clearIcon: string
   getKey: string | ((data: TreeNode<any>) => any)
   labelKey: string
-  /**
-   * @deprecated please use `getKey` instead'
-   */
-  nodeKey?: string
   overlayContainer?: PortalTargetType
   overlayMatchWidth: boolean
   size: FormSize
   suffix: string
-  /**
-   * @deprecated please use `overlayContainer` instead'
-   */
-  target?: PortalTargetType
 }
 
 export interface UploadConfig {
diff --git a/packages/components/divider/src/Divider.tsx b/packages/components/divider/src/Divider.tsx
index 47cf049f1..7146dfa07 100644
--- a/packages/components/divider/src/Divider.tsx
+++ b/packages/components/divider/src/Divider.tsx
@@ -7,7 +7,6 @@
 
 import { computed, defineComponent, normalizeClass } from 'vue'
 
-import { Logger } from '@idux/cdk/utils'
 import { useGlobalConfig } from '@idux/components/config'
 import { convertStringVNode } from '@idux/components/utils'
 
@@ -27,9 +26,7 @@ export default defineComponent({
         label,
         labelPlacement = config.labelPlacement,
         plain = config.plain,
-        position,
         size = config.size,
-        type,
         vertical,
       } = props
 
@@ -39,20 +36,14 @@ export default defineComponent({
         [`${prefixCls}`]: true,
         [`${prefixCls}-${size}`]: true,
         [`${prefixCls}-dashed`]: dashed,
-        [`${prefixCls}-horizontal`]: !(type === 'vertical' || vertical),
-        [`${prefixCls}-vertical`]: type === 'vertical' || vertical,
+        [`${prefixCls}-horizontal`]: !vertical,
+        [`${prefixCls}-vertical`]: vertical,
         [`${prefixCls}-plain`]: withLabel && plain,
         [`${prefixCls}-with-label`]: withLabel,
-        [`${prefixCls}-with-label-${position || labelPlacement}`]: withLabel,
+        [`${prefixCls}-with-label-${labelPlacement}`]: withLabel,
       })
     })
 
-    if (__DEV__) {
-      props.position &&
-        Logger.warn('components/divider', 'the `position` was deprecated, please use `labelPlacement` instead.')
-      props.type && Logger.warn('components/divider', 'the `type` was deprecated, please use `vertical` instead.')
-    }
-
     return () => {
       const prefixCls = mergedPrefixCls.value
       const labelNode = convertStringVNode(slots.default, props.label)
diff --git a/packages/components/divider/src/types.ts b/packages/components/divider/src/types.ts
index 9a72f2093..217626ae3 100644
--- a/packages/components/divider/src/types.ts
+++ b/packages/components/divider/src/types.ts
@@ -20,9 +20,7 @@ export const dividerProps = {
     type: Boolean,
     default: undefined,
   },
-  position: String as PropType<'left' | 'center' | 'right'>,
   size: String as PropType<'sm' | 'md' | 'lg'>,
-  type: String as PropType<'horizontal' | 'vertical'>,
   vertical: {
     type: Boolean,
     default: undefined,
diff --git a/packages/components/drawer/__tests__/drawer.spec.ts b/packages/components/drawer/__tests__/drawer.spec.ts
index 733d94bd0..4014251b2 100644
--- a/packages/components/drawer/__tests__/drawer.spec.ts
+++ b/packages/components/drawer/__tests__/drawer.spec.ts
@@ -257,18 +257,18 @@ describe('Drawer', () => {
     expect(drawerWrapper.classes()).toContain('ix-drawer-top')
   })
 
-  test('target work', async () => {
-    const wrapper = DrawerMount({ props: { target: 'ix-test-container' } })
+  test('container work', async () => {
+    const wrapper = DrawerMount({ props: { container: 'ix-test-container' } })
 
     expect(document.querySelector('.ix-test-container')!.querySelector('.ix-drawer')).not.toBeNull()
 
-    const target = document.createElement('div')
-    target.classList.add('.ix-test-container2')
-    document.body.appendChild(target)
+    const container = document.createElement('div')
+    container.classList.add('.ix-test-container2')
+    document.body.appendChild(container)
 
-    await wrapper.setProps({ target })
+    await wrapper.setProps({ container })
 
-    expect(target.querySelector('.ix-drawer')).not.toBeNull()
+    expect(container.querySelector('.ix-drawer')).not.toBeNull()
   })
 
   test('width work', async () => {
@@ -287,20 +287,6 @@ describe('Drawer', () => {
     expect(contentDom.style.width).toBe('20%')
   })
 
-  test('wrapperClassName work', async () => {
-    let wrapperClassName = 'test-container'
-    const wrapper = DrawerMount({ props: { wrapperClassName } })
-    const drawerWrapper = wrapper.getComponent(DrawerWrapper)
-
-    expect(drawerWrapper.classes()).toContain(wrapperClassName)
-
-    wrapperClassName = 'test-container2'
-
-    await wrapper.setProps({ wrapperClassName })
-
-    expect(drawerWrapper.classes()).toContain(wrapperClassName)
-  })
-
   test('zIndex work', async () => {
     const wrapper = DrawerMount({ props: { zIndex: 1001 } })
     expect(document.querySelector('.ix-drawer-wrapper')!.getAttribute('style')).toContain('z-index: 1001')
diff --git a/packages/components/drawer/src/Drawer.tsx b/packages/components/drawer/src/Drawer.tsx
index c12bfcd3d..a96d699a2 100644
--- a/packages/components/drawer/src/Drawer.tsx
+++ b/packages/components/drawer/src/Drawer.tsx
@@ -22,7 +22,7 @@ import {
 
 import { CdkPortal } from '@idux/cdk/portal'
 import { BlockScrollStrategy, type ScrollStrategy } from '@idux/cdk/scroll'
-import { Logger, callEmit, useControlledProp } from '@idux/cdk/utils'
+import { callEmit, useControlledProp } from '@idux/cdk/utils'
 import { ɵMask } from '@idux/components/_private/mask'
 import { useGlobalConfig } from '@idux/components/config'
 import { usePortalTarget, useZIndex } from '@idux/components/utils'
@@ -71,15 +71,6 @@ export default defineComponent({
 
     useScrollStrategy(props, mask, mergedVisible)
 
-    if (__DEV__) {
-      if (props.target) {
-        Logger.warn('components/drawer', 'the `target` was deprecated, please use `container` instead.')
-      }
-      if (props.wrapperClassName) {
-        Logger.warn('components/drawer', 'the `wrapperClassName` was deprecated.')
-      }
-    }
-
     return () => {
       if (!mergedVisible.value && props.destroyOnHide) {
         return null
diff --git a/packages/components/drawer/src/DrawerWrapper.tsx b/packages/components/drawer/src/DrawerWrapper.tsx
index f49294ac7..e8792cc23 100644
--- a/packages/components/drawer/src/DrawerWrapper.tsx
+++ b/packages/components/drawer/src/DrawerWrapper.tsx
@@ -91,7 +91,6 @@ export default defineComponent({
     })
 
     const wrapperClasses = computed(() => {
-      const { wrapperClassName = '' } = props
       const action = levelAction.value
       const prefixCls = mergedPrefixCls.value
       return normalizeClass({
@@ -100,7 +99,6 @@ export default defineComponent({
         [`${prefixCls}-opened`]: animatedVisible.value,
         [`${prefixCls}-${action}`]: !!action,
         [`${prefixCls}-with-mask`]: mask.value,
-        [wrapperClassName]: !!wrapperClassName,
       })
     })
 
diff --git a/packages/components/drawer/src/types.ts b/packages/components/drawer/src/types.ts
index 1f4e11d96..0ab3728e4 100644
--- a/packages/components/drawer/src/types.ts
+++ b/packages/components/drawer/src/types.ts
@@ -78,18 +78,7 @@ export const drawerProps = {
     default: 'end',
   },
   scrollStrategy: Object as PropType<ScrollStrategy>,
-  /**
-   * @deprecated please use `container` instead'
-   */
-  target: {
-    type: [String, HTMLElement, Function] as PropType<PortalTargetType>,
-    default: undefined,
-  },
   width: [String, Number] as PropType<string | number>,
-  /**
-   * @deprecated
-   */
-  wrapperClassName: String,
   zIndex: Number,
 
   // events
@@ -103,7 +92,7 @@ export const drawerProps = {
 } as const
 
 export type DrawerProps = ExtractInnerPropTypes<typeof drawerProps>
-export type DrawerPublicProps = Omit<ExtractPublicPropTypes<typeof drawerProps>, 'target' | 'wrapperClassName'>
+export type DrawerPublicProps = ExtractPublicPropTypes<typeof drawerProps>
 export interface DrawerBindings {
   open: () => void
   close: (evt?: Event | unknown) => Promise<void>
diff --git a/packages/components/dropdown/src/Dropdown.tsx b/packages/components/dropdown/src/Dropdown.tsx
index 0e02f3584..d54076be2 100644
--- a/packages/components/dropdown/src/Dropdown.tsx
+++ b/packages/components/dropdown/src/Dropdown.tsx
@@ -7,7 +7,7 @@
 
 import { computed, defineComponent, provide, toRef } from 'vue'
 
-import { Logger, useControlledProp } from '@idux/cdk/utils'
+import { useControlledProp } from '@idux/cdk/utils'
 import { ɵOverlay } from '@idux/components/_private/overlay'
 import { type DropdownConfig, useGlobalConfig } from '@idux/components/config'
 import { useOverlayContainer } from '@idux/components/utils'
@@ -31,11 +31,6 @@ export default defineComponent({
 
     provide(dropdownToken, { hideOnClick: toRef(props, 'hideOnClick'), setVisibility })
 
-    if (__DEV__) {
-      if (props.target) {
-        Logger.warn('components/dropdown', 'the `target`  was deprecated, please use `overlayContainer` instead.')
-      }
-    }
     return () => {
       return (
         <ɵOverlay
diff --git a/packages/components/dropdown/src/types.ts b/packages/components/dropdown/src/types.ts
index a491a67e3..15b4c88ef 100644
--- a/packages/components/dropdown/src/types.ts
+++ b/packages/components/dropdown/src/types.ts
@@ -42,13 +42,6 @@ export const dropdownProps = {
     type: Boolean,
     default: undefined,
   },
-  /**
-   * @deprecated please use `overlayContainer` instead'
-   */
-  target: {
-    type: [String, HTMLElement, Function] as PropType<PortalTargetType>,
-    default: undefined,
-  },
   trigger: ɵOverlayTriggerDef,
 
   // events
@@ -56,6 +49,6 @@ export const dropdownProps = {
 } as const
 
 export type DropdownProps = ExtractInnerPropTypes<typeof dropdownProps>
-export type DropdownPublicProps = Omit<ExtractPublicPropTypes<typeof dropdownProps>, 'target'>
+export type DropdownPublicProps = ExtractPublicPropTypes<typeof dropdownProps>
 export type DropdownComponent = DefineComponent<Omit<HTMLAttributes, keyof DropdownPublicProps> & DropdownPublicProps>
 export type DropdownInstance = InstanceType<DefineComponent<DropdownProps>>
diff --git a/packages/components/form/__tests__/form.spec.ts b/packages/components/form/__tests__/form.spec.ts
index a7e83ef4d..f8fa494e2 100644
--- a/packages/components/form/__tests__/form.spec.ts
+++ b/packages/components/form/__tests__/form.spec.ts
@@ -321,16 +321,6 @@ describe('Form', () => {
       expect(wrapper.find('.ix-form-item-description').text()).toBe(description)
     })
 
-    test('extraMessage slot work', async () => {
-      const description = 'extraMessage'
-      const wrapper = FormItemMount({
-        props: { label: 'Username', description },
-        slots: { default: () => h(IxInput), description: () => 'description slot' },
-      })
-
-      expect(wrapper.find('.ix-form-item-description').text()).toBe('description slot')
-    })
-
     test('label work', async () => {
       let label = 'label'
       const wrapper = FormItemMount({
diff --git a/packages/components/form/demo/Nest.vue b/packages/components/form/demo/Nest.vue
index 348f16c08..51c03a029 100644
--- a/packages/components/form/demo/Nest.vue
+++ b/packages/components/form/demo/Nest.vue
@@ -1,6 +1,6 @@
 <template>
   <IxForm :control="formGroup" :labelCol="8">
-    <h4 v-typography>Name</h4>
+    <h4>Name</h4>
     <IxRow>
       <IxCol span="8">
         <IxFormItem label="First Name" required>
@@ -13,7 +13,7 @@
         </IxFormItem>
       </IxCol>
     </IxRow>
-    <h4 v-typography>Address</h4>
+    <h4>Address</h4>
     <IxFormWrapper control="address">
       <IxRow>
         <IxCol span="8">
diff --git a/packages/components/form/index.ts b/packages/components/form/index.ts
index be840034d..46cf05cef 100644
--- a/packages/components/form/index.ts
+++ b/packages/components/form/index.ts
@@ -20,7 +20,6 @@ export { IxForm, IxFormItem, IxFormWrapper }
 export { FORM_TOKEN, FORM_ITEM_TOKEN } from './src/token'
 export {
   useFormItemRegister,
-  useFormAccessor,
   useFormElement,
   useFormFocusMonitor,
   useFormSize,
diff --git a/packages/components/form/src/Form.tsx b/packages/components/form/src/Form.tsx
index f9d275640..bd44f7f6a 100644
--- a/packages/components/form/src/Form.tsx
+++ b/packages/components/form/src/Form.tsx
@@ -8,7 +8,6 @@
 import { computed, defineComponent, normalizeClass, provide } from 'vue'
 
 import { FORMS_CONTROL_TOKEN, useControl } from '@idux/cdk/forms'
-import { Logger } from '@idux/cdk/utils'
 import { useGlobalConfig } from '@idux/components/config'
 
 import { FORM_TOKEN, formToken } from './token'
@@ -31,15 +30,6 @@ export default defineComponent({
 
     provide(FORM_TOKEN, { size })
 
-    if (__DEV__) {
-      if (props.hasFeedback) {
-        Logger.warn('components/form', 'the `hasFeedback` was deprecated.')
-      }
-      if (props.statusIcon) {
-        Logger.warn('components/form', 'the `statusIcon` was deprecated.')
-      }
-    }
-
     const classes = computed(() => {
       const prefixCls = mergedPrefixCls.value
       return normalizeClass({
diff --git a/packages/components/form/src/FormItem.tsx b/packages/components/form/src/FormItem.tsx
index 226940cf7..a7b3ad9f5 100644
--- a/packages/components/form/src/FormItem.tsx
+++ b/packages/components/form/src/FormItem.tsx
@@ -20,7 +20,6 @@ import {
 import { isBoolean, isNumber, isString } from 'lodash-es'
 
 import { ValidateStatus } from '@idux/cdk/forms'
-import { Logger } from '@idux/cdk/utils'
 import { CommonConfig, useGlobalConfig } from '@idux/components/config'
 import { type ColProps, IxCol, IxRow } from '@idux/components/grid'
 import { IxIcon } from '@idux/components/icon'
@@ -71,18 +70,6 @@ export default defineComponent({
       })
     })
 
-    if (__DEV__) {
-      if (props.extra || slots.extra) {
-        Logger.warn('components/form', 'the `extra` was deprecated, please use `description` instead.')
-      }
-      if (props.extraMessage || slots.extraMessage) {
-        Logger.warn('components/form', 'the `extraMessage` was deprecated, please use `description` instead.')
-      }
-      if (props.statusIcon || slots.statusIcon) {
-        Logger.warn('components/form', 'the `statusIcon` was deprecated.')
-      }
-    }
-
     return () => {
       const prefixCls = mergedPrefixCls.value
       return (
@@ -145,14 +132,8 @@ function renderControl(
   mergedMessageTooltip: ComputedRef<boolean | TooltipProps | undefined>,
   prefixCls: string,
 ) {
-  const { controlTooltip, description, extra, extraMessage } = props
-  const {
-    controlTooltip: controlTooltipSlot,
-    extra: extraSlot,
-    extraMessage: extraMessageSlot,
-    description: descriptionSlot,
-    message: messageSlot,
-  } = slots
+  const { controlTooltip, description } = props
+  const { controlTooltip: controlTooltipSlot, description: descriptionSlot, message: messageSlot } = slots
 
   const tooltipNode = renderTooltip(controlTooltipSlot, controlTooltip, controlTooltipIcon.value)
   const inputNode = (
@@ -162,9 +143,7 @@ function renderControl(
     </div>
   )
   const tooltipProps = convertTooltipProps(mergedMessageTooltip.value, message.value, prefixCls)
-
-  const _descriptionSlot = extraSlot || extraMessageSlot || descriptionSlot
-  const descriptionNode = _descriptionSlot ? _descriptionSlot() : extra || extraMessage || description
+  const descriptionNode = descriptionSlot ? descriptionSlot() : description
 
   const children: VNodeChild[] = []
   if (tooltipProps) {
diff --git a/packages/components/form/src/composables/public.ts b/packages/components/form/src/composables/public.ts
index a1de6e07b..04eea4e8e 100644
--- a/packages/components/form/src/composables/public.ts
+++ b/packages/components/form/src/composables/public.ts
@@ -18,14 +18,7 @@ import {
 } from 'vue'
 
 import { useSharedFocusMonitor } from '@idux/cdk/a11y'
-import {
-  type AbstractControl,
-  ValidateStatus,
-  type ValueAccessor,
-  useValueAccessor,
-  useValueControl,
-} from '@idux/cdk/forms'
-import { Logger } from '@idux/cdk/utils'
+import { type AbstractControl, ValidateStatus } from '@idux/cdk/forms'
 import { useKey } from '@idux/components/utils'
 
 import { FORM_ITEM_TOKEN, FORM_TOKEN } from '../token'
@@ -41,25 +34,6 @@ export function useFormItemRegister(control: ShallowRef<AbstractControl | undefi
   }
 }
 
-/**
- * @deprecated 使用 useAccessorAndControl + useFormItemRegister 替代
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function useFormAccessor<T = any>(valueKey?: string): ValueAccessor<T> {
-  if (__DEV__) {
-    Logger.warn(
-      'components/form',
-      'the `useFormAccessor` was deprecated, please use `useAccessorAndControl` + `useFormItemRegister` instead.',
-    )
-  }
-  const control = useValueControl()
-  const accessor = useValueAccessor({ control, valueKey })
-
-  useFormItemRegister(control)
-
-  return accessor
-}
-
 export interface FormElementContext<T> {
   elementRef: Ref<T | undefined>
   focus: (options?: FocusOptions) => void
diff --git a/packages/components/form/src/types.ts b/packages/components/form/src/types.ts
index 59ba6bb5b..943742cfe 100644
--- a/packages/components/form/src/types.ts
+++ b/packages/components/form/src/types.ts
@@ -21,30 +21,16 @@ export const formProps = {
   },
   controlCol: colProp,
   controlTooltipIcon: String,
-  /**
-   * @deprecated
-   */
-  hasFeedback: {
-    type: Boolean,
-    default: undefined,
-  },
   labelAlign: String as PropType<FormLabelAlign>,
   labelCol: colProp,
   labelTooltipIcon: String,
   layout: String as PropType<FormLayout>,
   messageTooltip: { type: [Boolean, Object] as PropType<boolean | TooltipProps>, default: false },
   size: String as PropType<FormSize>,
-  /**
-   * @deprecated
-   */
-  statusIcon: {
-    type: [Boolean, Object] as PropType<boolean | Record<ValidateStatus, string>>,
-    default: false,
-  },
 } as const
 
 export type FormProps = ExtractInnerPropTypes<typeof formProps>
-export type FormPublicProps = Omit<ExtractPublicPropTypes<typeof formProps>, 'hasFeedback' | 'statusIcon'>
+export type FormPublicProps = ExtractPublicPropTypes<typeof formProps>
 export type FormComponent = DefineComponent<Omit<HTMLAttributes, keyof FormPublicProps> & FormPublicProps>
 export type FormInstance = InstanceType<DefineComponent<FormProps>>
 
@@ -58,21 +44,6 @@ export const formItemProps = {
   controlTooltip: String,
   controlTooltipIcon: String,
   description: String,
-  /**
-   * @deprecated
-   */
-  hasFeedback: {
-    type: Boolean,
-    default: undefined,
-  },
-  /**
-   * @deprecated Use `description` instead.
-   */
-  extra: String,
-  /**
-   * @deprecated Use `description` instead.
-   */
-  extraMessage: String,
   label: [String, Number] as PropType<string | number>,
   labelAlign: String as PropType<FormLabelAlign>,
   labelCol: colProp,
@@ -88,20 +59,10 @@ export const formItemProps = {
   >,
   messageTooltip: { type: [Boolean, Object] as PropType<boolean | TooltipProps>, default: undefined },
   status: String as PropType<ValidateStatus>,
-  /**
-   * @deprecated
-   */
-  statusIcon: {
-    type: [Boolean, Object] as PropType<boolean | Record<ValidateStatus, string>>,
-    default: undefined,
-  },
 } as const
 
 export type FormItemProps = ExtractInnerPropTypes<typeof formItemProps>
-export type FormItemPublicProps = Omit<
-  ExtractPublicPropTypes<typeof formItemProps>,
-  'extra' | 'extraMessage' | 'hasFeedback' | 'statusIcon'
->
+export type FormItemPublicProps = ExtractPublicPropTypes<typeof formItemProps>
 export type FormItemComponent = DefineComponent<
   Omit<HTMLAttributes, keyof FormItemPublicProps> & FormItemPublicProps & RowProps
 >
diff --git a/packages/components/image/__tests__/image.spec.ts b/packages/components/image/__tests__/image.spec.ts
index 58cddae0d..4b9a25da8 100644
--- a/packages/components/image/__tests__/image.spec.ts
+++ b/packages/components/image/__tests__/image.spec.ts
@@ -76,7 +76,7 @@ describe('Image', () => {
       zoom: [1, 2],
       loop: false,
       maskClosable: false,
-      target: 'ix-image-container',
+      container: 'ix-image-container',
       'onUpdate:visible': () => {},
       'onUpdate:activeIndex': () => {},
     }
diff --git a/packages/components/image/__tests__/imageViewer.spec.ts b/packages/components/image/__tests__/imageViewer.spec.ts
index b8138415f..c979ebacd 100644
--- a/packages/components/image/__tests__/imageViewer.spec.ts
+++ b/packages/components/image/__tests__/imageViewer.spec.ts
@@ -196,13 +196,13 @@ describe('ImageViewer', () => {
     expect(onUpdateVisible).not.toBeCalled()
   })
 
-  test('target work', async () => {
+  test('container work', async () => {
     const wrapper = ImageViewerMount({ props: { visible: true } })
     await flushPromises()
 
     expect((document.querySelector('.ix-image-viewer-container .ix-image-viewer') as Element).innerHTML).not.toBe('')
 
-    await wrapper.setProps({ target: 'image-viewer-container' })
+    await wrapper.setProps({ container: 'image-viewer-container' })
 
     expect((document.querySelector('.image-viewer-container .ix-image-viewer') as Element).innerHTML).not.toBe('')
   })
diff --git a/packages/components/image/src/ImageViewer.tsx b/packages/components/image/src/ImageViewer.tsx
index 990190c16..91b24494f 100644
--- a/packages/components/image/src/ImageViewer.tsx
+++ b/packages/components/image/src/ImageViewer.tsx
@@ -9,7 +9,7 @@ import { Ref, Transition, computed, defineComponent, onBeforeUnmount, onMounted,
 
 import { isFirefox } from '@idux/cdk/platform'
 import { CdkPortal } from '@idux/cdk/portal'
-import { Logger, useControlledProp } from '@idux/cdk/utils'
+import { useControlledProp } from '@idux/cdk/utils'
 import { useGlobalConfig } from '@idux/components/config'
 import { usePortalTarget, useZIndex } from '@idux/components/utils'
 
@@ -71,12 +71,6 @@ export default defineComponent({
 
     const style = computed(() => `z-index: ${currentZIndex.value}`)
 
-    if (__DEV__) {
-      if (props.target) {
-        Logger.warn('components/image', 'the `target` was deprecated, please use `container` instead.')
-      }
-    }
-
     return () => {
       const prefixCls = mergedPrefixCls.value
       const curImgSrc = props.images[activeIndex.value]
diff --git a/packages/components/image/src/types.ts b/packages/components/image/src/types.ts
index d60c7aa5b..e525d698a 100644
--- a/packages/components/image/src/types.ts
+++ b/packages/components/image/src/types.ts
@@ -37,13 +37,6 @@ export const imageViewerProps = {
     type: Boolean,
     default: undefined,
   },
-  /**
-   * @deprecated please use `container` instead'
-   */
-  target: {
-    type: [String, HTMLElement, Function] as PropType<PortalTargetType>,
-    default: undefined,
-  },
   zIndex: Number,
 
   'onUpdate:visible': [Function, Array] as PropType<MaybeArray<(visible: boolean) => void>>,
@@ -70,7 +63,7 @@ export type ImageComponent = DefineComponent<Omit<HTMLAttributes, keyof ImagePub
 export type ImageInstance = InstanceType<DefineComponent<ImageProps>>
 
 export type ImageViewerProps = ExtractInnerPropTypes<typeof imageViewerProps>
-export type ImageViewerPublicProps = Omit<ExtractPublicPropTypes<typeof imageViewerProps>, 'target'>
+export type ImageViewerPublicProps = ExtractPublicPropTypes<typeof imageViewerProps>
 export type ImageViewerComponent = DefineComponent<
   Omit<HTMLAttributes, keyof ImageViewerPublicProps> & ImageViewerPublicProps
 >
diff --git a/packages/components/menu/src/Menu.tsx b/packages/components/menu/src/Menu.tsx
index a53d0b62e..0b7c0e26b 100644
--- a/packages/components/menu/src/Menu.tsx
+++ b/packages/components/menu/src/Menu.tsx
@@ -7,7 +7,7 @@
 
 import { computed, defineComponent, inject, normalizeClass, provide } from 'vue'
 
-import { Logger, type VKey, callEmit } from '@idux/cdk/utils'
+import { type VKey, callEmit } from '@idux/cdk/utils'
 import { useGlobalConfig } from '@idux/components/config'
 import { ɵDropdownToken } from '@idux/components/dropdown'
 import { useGetKey } from '@idux/components/utils'
@@ -67,24 +67,6 @@ export default defineComponent({
     })
     const dateSource = useDataSource(props, slots)
 
-    if (__DEV__) {
-      if (props.target) {
-        Logger.warn('components/menu', 'the `target` was deprecated, please use `overlayContainer` instead.')
-      }
-      if (props.dataSource?.some(data => !!data.additional)) {
-        Logger.warn(
-          'components/menu',
-          'the `additional` of MenuData was deprecated, please use `customAdditional` instead.',
-        )
-      }
-      if (props.dataSource?.some(data => !!data.slots)) {
-        Logger.warn(
-          'components/menu',
-          'the `slots` of MenuData was deprecated, please use `customIcon` and `customLabel` instead.',
-        )
-      }
-    }
-
     return () => {
       return <ul class={classes.value}>{coverChildren(dateSource.value, mergedGetKey.value)}</ul>
     }
diff --git a/packages/components/menu/src/composables/useDataSource.ts b/packages/components/menu/src/composables/useDataSource.ts
index 5ebca1ca5..8f200a10e 100644
--- a/packages/components/menu/src/composables/useDataSource.ts
+++ b/packages/components/menu/src/composables/useDataSource.ts
@@ -36,7 +36,7 @@ function convertDataSource(nodes: VNode[] | undefined): MenuData[] {
     const props = node.props ?? ({} as any)
     let data: MenuData
     if (type[itemKey]) {
-      const { key, disabled, icon, label, ...additional } = props
+      const { key, disabled, icon, label } = props
       // <IxMenuItem key="key">label</IxMenuItem>
       const { icon: customIcon, label: customLabel, default: customLabel2 } = slots
       data = {
@@ -44,12 +44,11 @@ function convertDataSource(nodes: VNode[] | undefined): MenuData[] {
         disabled: disabled || disabled === '',
         icon,
         label,
-        additional,
         customIcon,
         customLabel: customLabel ?? customLabel2,
       }
     } else if (type[itemGroupKey]) {
-      const { key, children, icon, label, ...additional } = props
+      const { key, children, icon, label } = props
       const { icon: customIcon, label: customLabel } = slots
       data = {
         type: 'itemGroup',
@@ -57,12 +56,11 @@ function convertDataSource(nodes: VNode[] | undefined): MenuData[] {
         children: children ?? convertDataSource(slots.default?.()),
         icon,
         label,
-        additional,
         customIcon,
         customLabel,
       }
     } else if (type[subKey]) {
-      const { key, children, disabled, icon, label, suffix, ...additional } = props
+      const { key, children, disabled, icon, label, suffix } = props
       const { icon: customIcon, label: customLabel, suffix: customSuffix } = slots
       data = {
         type: 'sub',
@@ -71,14 +69,14 @@ function convertDataSource(nodes: VNode[] | undefined): MenuData[] {
         disabled: disabled || disabled === '',
         icon,
         label,
-        additional,
+        suffix,
         customIcon,
         customLabel,
         customSuffix,
       }
     } else {
-      const { key, ...additional } = props
-      data = { type: 'divider', key, additional }
+      const { key } = props
+      data = { type: 'divider', key }
     }
     if (__DEV__ && data.type !== 'divider' && !data.key) {
       Logger.warn('components/menu', 'key must exist', data)
diff --git a/packages/components/menu/src/contents/MenuDivider.tsx b/packages/components/menu/src/contents/MenuDivider.tsx
index abacaba68..f8603d597 100644
--- a/packages/components/menu/src/contents/MenuDivider.tsx
+++ b/packages/components/menu/src/contents/MenuDivider.tsx
@@ -21,7 +21,7 @@ const MenuDivider: FunctionalComponent<
     ? menuProps.customAdditional({ data: props.data, index: props.index })
     : undefined
 
-  return <li class={`${mergedPrefixCls.value}-divider`} {...props.data.additional} {...customAdditional}></li>
+  return <li class={`${mergedPrefixCls.value}-divider`} {...customAdditional}></li>
 }
 MenuDivider.displayName = 'MenuDivider'
 
diff --git a/packages/components/menu/src/contents/MenuItem.tsx b/packages/components/menu/src/contents/MenuItem.tsx
index d600147b3..40eb2c51d 100644
--- a/packages/components/menu/src/contents/MenuItem.tsx
+++ b/packages/components/menu/src/contents/MenuItem.tsx
@@ -60,11 +60,11 @@ export default defineComponent({
     }
 
     return () => {
-      const { additional, disabled, icon, label, slots = {}, customIcon, customLabel } = props.data
+      const { disabled, icon, label, customIcon, customLabel } = props.data
 
-      const iconRender = customIcon ?? slots.icon ?? 'itemIcon'
+      const iconRender = customIcon ?? 'itemIcon'
       const iconSlot = isString(iconRender) ? menuSlots[iconRender] : iconRender
-      const labelRender = customLabel ?? slots.label ?? 'itemLabel'
+      const labelRender = customLabel ?? 'itemLabel'
       const labelSlot = isString(labelRender) ? menuSlots[labelRender] : labelRender
 
       const slotProps = iconSlot || labelSlot ? { ...props.data, selected: isSelected.value } : undefined
@@ -81,7 +81,6 @@ export default defineComponent({
           aria-selected={isSelected.value}
           role="menuitem"
           onClick={disabled ? undefined : onClick}
-          {...additional}
           {...customAdditional}
         >
           {iconNode}
diff --git a/packages/components/menu/src/contents/MenuItemGroup.tsx b/packages/components/menu/src/contents/MenuItemGroup.tsx
index cca54742f..a2401e600 100644
--- a/packages/components/menu/src/contents/MenuItemGroup.tsx
+++ b/packages/components/menu/src/contents/MenuItemGroup.tsx
@@ -46,11 +46,11 @@ export default defineComponent({
     }
 
     return () => {
-      const { additional, icon, label, children, slots = {}, customIcon, customLabel } = props.data
+      const { icon, label, children, customIcon, customLabel } = props.data
 
-      const iconRender = customIcon ?? slots.icon ?? 'itemGroupIcon'
+      const iconRender = customIcon ?? 'itemGroupIcon'
       const iconSlot = isString(iconRender) ? menuSlots[iconRender] : iconRender
-      const labelRender = customLabel ?? slots.label ?? 'itemGroupLabel'
+      const labelRender = customLabel ?? 'itemGroupLabel'
       const labelSlot = isString(labelRender) ? menuSlots[labelRender] : labelRender
 
       const slotProps = props.data
@@ -62,7 +62,7 @@ export default defineComponent({
         ? menuProps.customAdditional({ data: props.data, index: props.index })
         : undefined
       return (
-        <li class={prefixCls} aria-label={label} {...additional} {...customAdditional}>
+        <li class={prefixCls} aria-label={label} {...customAdditional}>
           <div class={`${prefixCls}-label`} style={labelStyle.value} onClick={onClick}>
             {iconNode}
             <span>{labelNode}</span>
diff --git a/packages/components/menu/src/contents/menu-sub/Label.tsx b/packages/components/menu/src/contents/menu-sub/Label.tsx
index d58a2eb25..02e25825a 100644
--- a/packages/components/menu/src/contents/menu-sub/Label.tsx
+++ b/packages/components/menu/src/contents/menu-sub/Label.tsx
@@ -52,12 +52,12 @@ export default defineComponent({
     })
 
     return () => {
-      const { icon, label, slots = {}, customIcon, customLabel, customSuffix } = props.data
-      const iconRender = customIcon ?? slots.icon ?? 'subIcon'
+      const { icon, label, customIcon, customLabel, customSuffix } = props.data
+      const iconRender = customIcon ?? 'subIcon'
       const iconSlot = isString(iconRender) ? menuSlots[iconRender] : iconRender
-      const labelRender = customLabel ?? slots.label ?? 'subLabel'
+      const labelRender = customLabel ?? 'subLabel'
       const labelSlot = isString(labelRender) ? menuSlots[labelRender] : labelRender
-      const suffixRender = customSuffix ?? slots.suffix ?? 'subSuffix'
+      const suffixRender = customSuffix ?? 'subSuffix'
       const suffixSlot = isString(suffixRender) ? menuSlots[suffixRender] : suffixRender
 
       const slotProps =
diff --git a/packages/components/menu/src/contents/menu-sub/MenuSub.tsx b/packages/components/menu/src/contents/menu-sub/MenuSub.tsx
index b87998ae2..26b1aede9 100644
--- a/packages/components/menu/src/contents/menu-sub/MenuSub.tsx
+++ b/packages/components/menu/src/contents/menu-sub/MenuSub.tsx
@@ -106,7 +106,7 @@ export default defineComponent({
     const offset = computed(() => props.data.offset ?? config.offset)
 
     return () => {
-      const { additional, disabled } = props.data
+      const { disabled } = props.data
       const isInline = mode.value === 'inline'
       let children: VNodeTypes
       if (isInline) {
@@ -140,7 +140,6 @@ export default defineComponent({
           aria-expanded={isExpanded.value}
           aria-haspopup={!isInline}
           role="menuitem"
-          {...additional}
           {...customAdditional}
         >
           {children}
diff --git a/packages/components/menu/src/types.ts b/packages/components/menu/src/types.ts
index ef5be0160..4de8326f9 100644
--- a/packages/components/menu/src/types.ts
+++ b/packages/components/menu/src/types.ts
@@ -52,13 +52,7 @@ export const menuProps = {
     type: Boolean,
     default: true,
   },
-  /**
-   * @deprecated please use `overlayContainer` instead'
-   */
-  target: {
-    type: [String, HTMLElement, Function] as PropType<PortalTargetType>,
-    default: undefined,
-  },
+
   theme: String as PropType<MenuTheme>,
 
   // events
@@ -68,82 +62,40 @@ export const menuProps = {
 }
 
 export type MenuProps = ExtractInnerPropTypes<typeof menuProps>
-export type MenuPublicProps = Omit<ExtractPublicPropTypes<typeof menuProps>, 'target'>
+export type MenuPublicProps = ExtractPublicPropTypes<typeof menuProps>
 export type MenuComponent = DefineComponent<Omit<HTMLAttributes, keyof MenuPublicProps> & MenuPublicProps>
 export type MenuInstance = InstanceType<DefineComponent<MenuProps>>
 
-export interface MenuItemSlots {
-  icon?: string | ((data: MenuItemProps & { selected: boolean }) => VNodeChild)
-  label?: string | ((data: MenuItemProps & { selected: boolean }) => VNodeChild)
-}
-
 export interface MenuItemProps<K = VKey> {
   key?: K
   type?: 'item'
   disabled?: boolean
   icon?: string | VNode
   label?: string
-  /**
-   * @deprecated please use `customIcon` and `customLabel` instead'
-   */
-  slots?: MenuItemSlots
   customIcon?: string | ((data: MenuItemProps<K> & { selected: boolean }) => VNodeChild)
   customLabel?: string | ((data: MenuItemProps<K> & { selected: boolean }) => VNodeChild)
-
-  /**
-   * @deprecated please use `customAdditional` instead'
-   */
-  additional?: {
-    class?: any
-    style?: any
-    [key: string]: unknown
-  }
 }
-export type MenuItemPublicProps = Omit<MenuItemProps, 'type' | 'additional' | 'slots'>
+export type MenuItemPublicProps = Omit<MenuItemProps, 'type'>
 export type MenuItemComponent = FunctionalComponent<
   Omit<HTMLAttributes, keyof MenuItemPublicProps> & MenuItemPublicProps
 >
 export type MenuItemInstance = InstanceType<DefineComponent<MenuItemProps>>
 
-export interface MenuItemGroupSlots {
-  icon?: string | ((data: MenuItemGroupProps) => VNodeChild)
-  label?: string | ((data: MenuItemGroupProps) => VNodeChild)
-}
-
 export interface MenuItemGroupProps<K = VKey> {
   type: 'itemGroup'
   key?: K
   children?: MenuData<K>[]
   icon?: string | VNode
   label?: string
-  /**
-   * @deprecated please use `customIcon` and `customLabel` instead'
-   */
-  slots?: MenuItemGroupSlots
   customIcon?: string | ((data: MenuItemGroupProps<K>) => VNodeChild)
   customLabel?: string | ((data: MenuItemGroupProps<K>) => VNodeChild)
-
-  /**
-   * @deprecated please use `customAdditional` instead'
-   */
-  additional?: {
-    class?: any
-    style?: any
-    [key: string]: unknown
-  }
 }
-export type MenuItemGroupPublicProps = Omit<MenuItemGroupProps, 'type' | 'additional' | 'slots'>
+export type MenuItemGroupPublicProps = Omit<MenuItemGroupProps, 'type'>
 export type MenuItemGroupComponent = FunctionalComponent<
   Omit<HTMLAttributes, keyof MenuItemGroupPublicProps> & MenuItemGroupPublicProps
 >
 export type MenuItemGroupInstance = InstanceType<DefineComponent<MenuItemGroupProps>>
 
-export interface MenuSubSlots {
-  icon?: string | ((data: MenuSubProps & { expanded: boolean; selected: boolean }) => VNodeChild)
-  label?: string | ((data: MenuSubProps & { expanded: boolean; selected: boolean }) => VNodeChild)
-  suffix?: string | ((data: MenuSubProps & { expanded: boolean; selected: boolean }) => VNodeChild)
-}
-
 export interface MenuSubProps<K = VKey> {
   type: 'sub'
   key?: K
@@ -153,38 +105,17 @@ export interface MenuSubProps<K = VKey> {
   label?: string
   offset?: [number, number]
   suffix?: string
-  /**
-   * @deprecated please use `customIcon`, `customLabel` and `customSuffix` instead'
-   */
-  slots?: MenuSubSlots
   customIcon?: string | ((data: MenuSubProps<K> & { expanded: boolean; selected: boolean }) => VNodeChild)
   customLabel?: string | ((data: MenuSubProps<K> & { expanded: boolean; selected: boolean }) => VNodeChild)
   customSuffix?: string | ((data: MenuSubProps<K> & { expanded: boolean; selected: boolean }) => VNodeChild)
-
-  /**
-   * @deprecated please use `customAdditional` instead'
-   */
-  additional?: {
-    class?: any
-    style?: any
-    [key: string]: unknown
-  }
 }
 
-export type MenuSubPublicProps = Omit<MenuSubProps, 'type' | 'additional' | 'slots'>
+export type MenuSubPublicProps = Omit<MenuSubProps, 'type'>
 export type MenuSubComponent = FunctionalComponent<Omit<HTMLAttributes, keyof MenuSubPublicProps> & MenuSubPublicProps>
 
 export interface MenuDividerProps<K = VKey> {
   type: 'divider'
   key?: K
-  /**
-   * @deprecated please use `customAdditional` instead'
-   */
-  additional?: {
-    class?: any
-    style?: any
-    [key: string]: unknown
-  }
 }
 
 export type MenuDividerComponent = FunctionalComponent<HTMLAttributes>
diff --git a/packages/components/message/src/MessageProvider.tsx b/packages/components/message/src/MessageProvider.tsx
index 5582b07a3..a5e5329ff 100644
--- a/packages/components/message/src/MessageProvider.tsx
+++ b/packages/components/message/src/MessageProvider.tsx
@@ -8,7 +8,7 @@
 import { type ComputedRef, TransitionGroup, type VNode, computed, defineComponent, provide, ref } from 'vue'
 
 import { CdkPortal } from '@idux/cdk/portal'
-import { Logger, VKey, callEmit, convertArray, convertCssPixel, uniqueId } from '@idux/cdk/utils'
+import { VKey, callEmit, convertArray, convertCssPixel, uniqueId } from '@idux/cdk/utils'
 import { useGlobalConfig } from '@idux/components/config'
 import { usePortalTarget } from '@idux/components/utils'
 
@@ -36,12 +36,6 @@ export default defineComponent({
     provide(messageProviderToken, apis)
     expose(apis)
 
-    if (__DEV__) {
-      if (props.target) {
-        Logger.warn('components/message', 'the `target` was deprecated, please use `container` instead.')
-      }
-    }
-
     return () => {
       const child = messages.value.map(item => {
         // The default value for `visible` is true, onDestroy should not be passed in Message
diff --git a/packages/components/message/src/types.ts b/packages/components/message/src/types.ts
index f7db5876c..7a560875b 100644
--- a/packages/components/message/src/types.ts
+++ b/packages/components/message/src/types.ts
@@ -55,13 +55,6 @@ export const messageProviderProps = {
   },
   maxCount: Number,
   top: [String, Number] as PropType<string | number>,
-  /**
-   * @deprecated please use `container` instead'
-   */
-  target: {
-    type: [String, HTMLElement, Function] as PropType<PortalTargetType>,
-    default: undefined,
-  },
 } as const
 export interface MessageProviderRef<K = VKey> {
   open: (options: MessageOptions<K>) => MessageRef
@@ -76,6 +69,6 @@ export interface MessageProviderRef<K = VKey> {
 }
 
 export type MessageProviderProps = ExtractInnerPropTypes<typeof messageProviderProps>
-export type MessageProviderPublicProps = Omit<ExtractPublicPropTypes<typeof messageProviderProps>, 'target'>
+export type MessageProviderPublicProps = ExtractPublicPropTypes<typeof messageProviderProps>
 export type MessageProviderComponent = DefineComponent<MessageProviderPublicProps, MessageProviderRef>
 export type MessageProviderInstance = InstanceType<DefineComponent<MessageProviderProps, MessageProviderRef>>
diff --git a/packages/components/modal/__tests__/modal.spec.ts b/packages/components/modal/__tests__/modal.spec.ts
index 2d313c49c..b39ffed56 100644
--- a/packages/components/modal/__tests__/modal.spec.ts
+++ b/packages/components/modal/__tests__/modal.spec.ts
@@ -376,20 +376,6 @@ describe('Modal', () => {
     expect(contentDom.style.width).toBe('20%')
   })
 
-  test('wrapperClassName work', async () => {
-    let wrapperClassName = 'test-container'
-    const wrapper = ModalMount({ props: { wrapperClassName } })
-    const modalWrapper = wrapper.getComponent(ModalWrapper)
-
-    expect(modalWrapper.classes()).toContain(wrapperClassName)
-
-    wrapperClassName = 'test-container2'
-
-    await wrapper.setProps({ wrapperClassName })
-
-    expect(modalWrapper.classes()).toContain(wrapperClassName)
-  })
-
   test('zIndex work', async () => {
     const wrapper = ModalMount({ props: { zIndex: 1001 } })
     expect(document.querySelector('.ix-modal-wrapper')!.getAttribute('style')).toContain('z-index: 1001')
diff --git a/packages/components/modal/src/Modal.tsx b/packages/components/modal/src/Modal.tsx
index 40d087744..0a1bef9ad 100644
--- a/packages/components/modal/src/Modal.tsx
+++ b/packages/components/modal/src/Modal.tsx
@@ -20,7 +20,7 @@ import {
 
 import { CdkPortal } from '@idux/cdk/portal'
 import { BlockScrollStrategy, type ScrollStrategy } from '@idux/cdk/scroll'
-import { Logger, callEmit, isPromise, useControlledProp } from '@idux/cdk/utils'
+import { callEmit, isPromise, useControlledProp } from '@idux/cdk/utils'
 import { ɵMask } from '@idux/components/_private/mask'
 import { useGlobalConfig } from '@idux/components/config'
 import { usePortalTarget, useZIndex } from '@idux/components/utils'
@@ -67,15 +67,6 @@ export default defineComponent({
 
     useScrollStrategy(props, mask, mergedVisible)
 
-    if (__DEV__) {
-      if (props.target) {
-        Logger.warn('components/modal', 'the `target` was deprecated, please use `container` instead.')
-      }
-      if (props.wrapperClassName) {
-        Logger.warn('components/modal', 'the `wrapperClassName` was deprecated.')
-      }
-    }
-
     return () => {
       if (!mergedVisible.value && props.destroyOnHide) {
         return null
diff --git a/packages/components/modal/src/ModalWrapper.tsx b/packages/components/modal/src/ModalWrapper.tsx
index 7ee6eb56d..11440f872 100644
--- a/packages/components/modal/src/ModalWrapper.tsx
+++ b/packages/components/modal/src/ModalWrapper.tsx
@@ -66,14 +66,12 @@ export default defineComponent({
     })
 
     const wrapperClasses = computed(() => {
-      const { wrapperClassName = '' } = props
       const prefixCls = mergedPrefixCls.value
 
       return {
         [`${prefixCls}-wrapper`]: true,
         [`${prefixCls}-centered`]: centered.value,
         [`${prefixCls}-with-mask`]: mask.value,
-        [wrapperClassName]: !!wrapperClassName,
       }
     })
 
diff --git a/packages/components/modal/src/types.ts b/packages/components/modal/src/types.ts
index ad9b35b12..95277d08d 100644
--- a/packages/components/modal/src/types.ts
+++ b/packages/components/modal/src/types.ts
@@ -85,23 +85,12 @@ export const modalProps = {
   okButton: Object as PropType<ButtonProps>,
   okText: String,
   scrollStrategy: Object as PropType<ScrollStrategy>,
-  /**
-   * @deprecated please use `container` instead'
-   */
-  target: {
-    type: [String, HTMLElement, Function] as PropType<PortalTargetType>,
-    default: undefined,
-  },
   title: [String, Object] as PropType<string | VNode>,
   type: {
     type: String as PropType<ModalType>,
     default: 'default',
   },
   width: [String, Number] as PropType<string | number>,
-  /**
-   * @deprecated please use `overlayClassName` instead'
-   */
-  wrapperClassName: String,
   zIndex: Number,
 
   // events
@@ -117,7 +106,7 @@ export const modalProps = {
 } as const
 
 export type ModalProps = ExtractInnerPropTypes<typeof modalProps>
-export type ModalPublicProps = Omit<ExtractPublicPropTypes<typeof modalProps>, 'target' | 'wrapperClassName'>
+export type ModalPublicProps = ExtractPublicPropTypes<typeof modalProps>
 export interface ModalBindings {
   open: () => void
   close: (evt?: Event | unknown) => Promise<void>
diff --git a/packages/components/notification/src/NotificationProvider.tsx b/packages/components/notification/src/NotificationProvider.tsx
index 8dfefed79..898aac807 100644
--- a/packages/components/notification/src/NotificationProvider.tsx
+++ b/packages/components/notification/src/NotificationProvider.tsx
@@ -19,7 +19,7 @@ import { ComputedRef, Ref, TransitionGroup, cloneVNode, computed, defineComponen
 import { isArray, isUndefined, pickBy } from 'lodash-es'
 
 import { CdkPortal } from '@idux/cdk/portal'
-import { Logger, VKey, callEmit, convertArray, convertCssPixel, uniqueId } from '@idux/cdk/utils'
+import { VKey, callEmit, convertArray, convertCssPixel, uniqueId } from '@idux/cdk/utils'
 import { useGlobalConfig } from '@idux/components/config'
 import { usePortalTarget } from '@idux/components/utils'
 
@@ -53,12 +53,6 @@ export default defineComponent({
     provide(notificationProviderToken, apis)
     expose(apis)
 
-    if (__DEV__) {
-      if (props.target) {
-        Logger.warn('components/notification', 'the `target` was deprecated, please use `container` instead.')
-      }
-    }
-
     return () => {
       const getChild = (notifications: NotificationOptions[]) => {
         return notifications.map(item => {
diff --git a/packages/components/notification/src/types.ts b/packages/components/notification/src/types.ts
index 7f631286c..d8f786a18 100644
--- a/packages/components/notification/src/types.ts
+++ b/packages/components/notification/src/types.ts
@@ -57,13 +57,6 @@ export const notificationProviderProps = {
   },
   maxCount: Number,
   offset: [String, Number, Array] as PropType<string | number | (number | string)[]>,
-  /**
-   * @deprecated please use `container` instead'
-   */
-  target: {
-    type: [String, HTMLElement, Function] as PropType<PortalTargetType>,
-    default: undefined,
-  },
 } as const
 
 export type NotificationType = typeof notificationType[number]
@@ -101,7 +94,7 @@ export interface NotificationRef<K = VKey> {
 }
 
 export type NotificationProviderProps = ExtractInnerPropTypes<typeof notificationProviderProps>
-export type NotificationProviderPublicProps = Omit<ExtractPublicPropTypes<typeof notificationProviderProps>, 'target'>
+export type NotificationProviderPublicProps = ExtractPublicPropTypes<typeof notificationProviderProps>
 export type NotificationProviderComponent = DefineComponent<
   Omit<HTMLAttributes, keyof NotificationProviderPublicProps> & NotificationProviderPublicProps
 >
diff --git a/packages/components/popconfirm/src/Popconfirm.tsx b/packages/components/popconfirm/src/Popconfirm.tsx
index a3ef10cfb..03c70e80e 100644
--- a/packages/components/popconfirm/src/Popconfirm.tsx
+++ b/packages/components/popconfirm/src/Popconfirm.tsx
@@ -5,8 +5,6 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import type { PopconfirmProps } from './types'
-
 import { computed, defineComponent, provide, ref } from 'vue'
 
 import { callEmit, isPromise } from '@idux/cdk/utils'
@@ -16,7 +14,7 @@ import { ɵUseTooltipOverlay } from '@idux/components/tooltip'
 
 import PopconfirmContent from './PopconfirmContent'
 import { popconfirmToken } from './token'
-import { popconfirmProps } from './types'
+import { type PopconfirmProps, popconfirmProps } from './types'
 
 export default defineComponent({
   name: 'IxPopconfirm',
diff --git a/packages/components/popover/docs/Api.zh.md b/packages/components/popover/docs/Api.zh.md
index a6b630c7e..8bc947816 100644
--- a/packages/components/popover/docs/Api.zh.md
+++ b/packages/components/popover/docs/Api.zh.md
@@ -7,7 +7,6 @@
 | 名称 | 说明 | 类型  | 默认值 | 全局配置 | 备注 |
 | --- | --- | --- | --- | --- | --- |
 | `content` | 浮层内容 | `string \| #content` | - | - | - |
-| `target` | 浮层容器节点 | `string \| HTMLElement` | `ix-popover-container` | ✅ | - |
 | `showArrow` | 是否显示箭头 | `boolean` | `true` | ✅ | - |
 | `header` | 浮层的头部配置 | `string \| #header \| HeaderProp` | - | - | 具体请查看[Header](/components/header/zh#HeaderProps) |
 | `closable` | 是否可关闭 | `boolean` | `false` | - | 仅在header配置不为空时生效 |
diff --git a/packages/components/progress/demo/LineSize.vue b/packages/components/progress/demo/LineSize.vue
index a30880456..11c9ec32a 100644
--- a/packages/components/progress/demo/LineSize.vue
+++ b/packages/components/progress/demo/LineSize.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <IxRadioGroup v-model:value="size" :options="sizeOptions" />
+    <IxRadioGroup v-model:value="size" :dataSource="sizeOptions" />
     <IxProgress :percent="30" :size="size" />
     <IxProgress :percent="50" :size="size" status="active" />
     <IxProgress :percent="70" :size="size" status="exception" />
@@ -9,21 +9,21 @@
 </template>
 <script setup lang="ts">
 import type { ProgressSize } from '@idux/components/progress'
-import type { RadioOption } from '@idux/components/radio'
+import type { RadioData } from '@idux/components/radio'
 
 import { ref } from 'vue'
-const sizeOptions: RadioOption[] = [
+const sizeOptions: RadioData[] = [
   {
+    key: 'lg',
     label: 'large',
-    value: 'lg',
   },
   {
+    key: 'md',
     label: 'medium',
-    value: 'md',
   },
   {
+    key: 'sm',
     label: 'small',
-    value: 'sm',
   },
 ]
 const size = ref<ProgressSize>('md')
diff --git a/packages/components/radio/src/RadioGroup.tsx b/packages/components/radio/src/RadioGroup.tsx
index 3ad9006db..01110cc61 100644
--- a/packages/components/radio/src/RadioGroup.tsx
+++ b/packages/components/radio/src/RadioGroup.tsx
@@ -10,7 +10,7 @@ import { type VNodeChild, computed, defineComponent, normalizeClass, provide } f
 import { isNil } from 'lodash-es'
 
 import { useAccessorAndControl } from '@idux/cdk/forms'
-import { Logger, convertCssPixel } from '@idux/cdk/utils'
+import { convertCssPixel } from '@idux/cdk/utils'
 import { useGlobalConfig } from '@idux/components/config'
 import { useFormItemRegister } from '@idux/components/form'
 import { IxSpace } from '@idux/components/space'
@@ -45,18 +45,12 @@ export default defineComponent({
       return gap != null ? `gap: ${convertCssPixel(gap)};` : undefined
     })
 
-    if (__DEV__) {
-      if (props.options) {
-        Logger.warn('components/radio', 'the `options` was deprecated, please use `dataSource` instead.')
-      }
-    }
-
     return () => {
-      const { options, dataSource, vertical } = props
-      const data = options ?? dataSource
+      const { dataSource, vertical } = props
       let children: VNodeChild[] | undefined
-      if (data) {
-        children = data.map(item => {
+      if (dataSource) {
+        children = dataSource.map(item => {
+          // TODO: remove value
           const { key, value } = item
           return <Radio {...item} key={key ?? value} value={value ?? key} />
         })
diff --git a/packages/components/radio/src/types.ts b/packages/components/radio/src/types.ts
index 279160342..75eb2ab44 100644
--- a/packages/components/radio/src/types.ts
+++ b/packages/components/radio/src/types.ts
@@ -19,7 +19,6 @@ export const radioProps = {
 
   autofocus: { type: Boolean, default: false },
   buttoned: { type: Boolean, default: undefined },
-
   disabled: { type: Boolean, default: undefined },
   label: { type: String, default: undefined },
   mode: { type: String as PropType<RadioMode>, default: undefined },
@@ -55,10 +54,6 @@ export const radioGroupProps = {
   gap: { type: [Number, String] as PropType<number | string>, default: undefined },
   name: { type: String, default: undefined },
   mode: { type: String as PropType<RadioMode>, default: undefined },
-  /**
-   * @deprecated please use `dataSource` instead'
-   */
-  options: { type: Array as PropType<RadioData[]> },
   size: { type: String as PropType<FormSize>, default: 'md' },
   vertical: { type: Boolean, default: false },
 
@@ -68,13 +63,13 @@ export const radioGroupProps = {
 } as const
 
 export type RadioGroupProps = ExtractInnerPropTypes<typeof radioGroupProps>
-export type RadioGroupPublicProps = Omit<ExtractPublicPropTypes<typeof radioGroupProps>, 'options'>
+export type RadioGroupPublicProps = ExtractPublicPropTypes<typeof radioGroupProps>
 export type RadioGroupComponent = DefineComponent<
   Omit<HTMLAttributes, keyof RadioGroupPublicProps> & RadioGroupPublicProps
 >
 export type RadioGroupInstance = InstanceType<DefineComponent<RadioGroupProps>>
 
 export type RadioMode = 'default' | 'primary'
-export interface RadioData<K = VKey> extends RadioPublicProps {
+export interface RadioData<K = VKey> extends Omit<RadioPublicProps, 'value'> {
   key?: K
 }
diff --git a/packages/components/select/__tests__/select.spec.ts b/packages/components/select/__tests__/select.spec.ts
index ca60e0539..5ec7be5a3 100644
--- a/packages/components/select/__tests__/select.spec.ts
+++ b/packages/components/select/__tests__/select.spec.ts
@@ -15,9 +15,9 @@ import { SelectData, SelectProps } from '../src/types'
 describe('Select', () => {
   describe('single work', () => {
     const defaultDataSource = [
-      { key: 1, label: 'Tom', value: 'tom' },
-      { key: 2, label: 'Jerry', value: 'jerry' },
-      { key: 3, label: 'Speike', value: 'speike', disabled: true },
+      { key: 'tom', label: 'Tom' },
+      { key: 'jerry', label: 'Jerry' },
+      { key: 'speike', label: 'Speike', disabled: true },
     ]
     const defaultValue = 'tom'
     const SelectMount = (options?: MountingOptions<Partial<SelectProps>>) => {
@@ -337,7 +337,7 @@ describe('Select', () => {
     })
 
     test('searchable with searchFn work', async () => {
-      const searchFn = (option: SelectData, searchValue: string) => searchValue === option.value
+      const searchFn = (option: SelectData, searchValue: string) => searchValue === option.key
       const wrapper = SelectMount({ props: { open: true, searchable: true, searchFn } })
 
       expect(wrapper.find('.ix-selector-searchable').exists()).toBe(true)
@@ -362,7 +362,7 @@ describe('Select', () => {
             { key: 3, name: 'Speike', id: 'speike' },
           ],
           labelKey: 'name',
-          valueKey: 'id',
+          getKey: 'id',
         },
       })
 
diff --git a/packages/components/select/demo/Server.vue b/packages/components/select/demo/Server.vue
index 97de68e72..77628ccfc 100644
--- a/packages/components/select/demo/Server.vue
+++ b/packages/components/select/demo/Server.vue
@@ -2,7 +2,7 @@
   <IxSelect
     v-model:value="value"
     searchable
-    :searchFilter="false"
+    :searchFn="false"
     placeholder="Please input search text"
     :suffix="loading ? 'loading' : undefined"
     @change="onChange"
diff --git a/packages/components/select/src/Select.tsx b/packages/components/select/src/Select.tsx
index a0c233243..a36ca2b48 100644
--- a/packages/components/select/src/Select.tsx
+++ b/packages/components/select/src/Select.tsx
@@ -11,7 +11,7 @@ import { type ComputedRef, Slots, computed, defineComponent, normalizeClass, pro
 
 import { useAccessorAndControl } from '@idux/cdk/forms'
 import { type VirtualScrollToFn } from '@idux/cdk/scroll'
-import { Logger, type VKey, callEmit, useState } from '@idux/cdk/utils'
+import { type VKey, callEmit, useState } from '@idux/cdk/utils'
 import { ɵInput } from '@idux/components/_private/input'
 import { ɵOverlay } from '@idux/components/_private/overlay'
 import { ɵSelector, type ɵSelectorInstance } from '@idux/components/_private/selector'
@@ -138,7 +138,7 @@ export default defineComponent({
         config={config}
         dataSource={selectedOptions.value}
         disabled={accessor.disabled}
-        maxLabel={props.maxLabelCount ?? props.maxLabel}
+        maxLabel={props.maxLabel}
         multiple={props.multiple}
         opened={overlayOpened.value}
         placeholder={props.placeholder}
@@ -193,31 +193,6 @@ export default defineComponent({
       return <div>{overlayRender ? overlayRender(children) : children}</div>
     }
 
-    if (__DEV__) {
-      if (props.options) {
-        Logger.warn('components/select', 'the `options` was deprecated, please use `dataSource` instead.')
-      }
-      if (props.searchFilter) {
-        Logger.warn('components/select', 'the `searchFilter` was deprecated, please use `searchFn` instead.')
-      }
-      if (props.maxLabelCount) {
-        Logger.warn('components/select', 'the `maxLabelCount` was deprecated, please use `maxLabel` instead.')
-      }
-      if (props.target) {
-        Logger.warn('components/select', 'the `target` was deprecated, please use `overlayContainer` instead.')
-      }
-      if (props.valueKey) {
-        Logger.warn('components/select', 'the `valueKey` was deprecated, please use `getKey` instead.')
-      }
-
-      if (props.dataSource?.some(data => !!data.additional)) {
-        Logger.warn(
-          'components/select',
-          'the `additional` of SelectData was deprecated, please use `customAdditional` instead.',
-        )
-      }
-    }
-
     return () => {
       const overlayProps = {
         class: overlayClasses.value,
diff --git a/packages/components/select/src/composables/useGetOptionKey.ts b/packages/components/select/src/composables/useGetOptionKey.ts
index 4eed18276..72a2bf815 100644
--- a/packages/components/select/src/composables/useGetOptionKey.ts
+++ b/packages/components/select/src/composables/useGetOptionKey.ts
@@ -5,44 +5,41 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import type { SelectData, SelectPanelProps, SelectProps } from '../types'
-import type { SelectConfig } from '@idux/components/config'
-
 import { type ComputedRef, computed } from 'vue'
 
 import { isString } from 'lodash-es'
 
 import { Logger, type VKey } from '@idux/cdk/utils'
+import { type SelectConfig } from '@idux/components/config'
+
+import { type SelectData, type SelectPanelProps, type SelectProps } from '../types'
 
 export type GetKeyFn = (data: SelectData) => VKey
 
 export function useGetOptionKey(props: SelectProps, config: SelectConfig): ComputedRef<GetKeyFn> {
-  return computed(() => genGetKeyFn(props.labelKey, props.valueKey || props.getKey || config.valueKey || config.getKey))
+  return computed(() => genGetKeyFn(props.labelKey || config.labelKey, props.getKey || config.getKey))
 }
 
 export function usePanelGetOptionKey(props: SelectPanelProps, config: SelectConfig): ComputedRef<GetKeyFn> {
-  return computed(() => genGetKeyFn(props.labelKey, props.getKey || config.valueKey || config.getKey))
+  return computed(() => genGetKeyFn(props.labelKey || config.labelKey, props.getKey || config.getKey))
 }
 
 /**
  * @deprecated please use `useGetKey` instead
  */
-function genGetKeyFn(labelKey: string | undefined, getKeyFn: string | ((data: SelectData) => VKey) | undefined) {
+function genGetKeyFn(labelKey: string, getKeyFn: string | ((data: SelectData) => VKey)) {
   /* eslint-disable indent */
   return isString(getKeyFn)
     ? (record: SelectData) => {
-        // value 是为了兼容之前的版本
-        /* eslint-disable @typescript-eslint/no-explicit-any */
         let key = record[getKeyFn]
-        if (labelKey !== 'value' && (record as any)['value']) {
-          key = (record as any)['value']
+        // TODO: remove value, 为了兼容之前的版本,
+        if (key === undefined && labelKey !== 'value') {
+          key = record['value']
         }
-        /* eslint-enable @typescript-eslint/no-explicit-any */
         if (__DEV__ && key === undefined) {
           Logger.warn('components/select', 'Each record in dataSource should have a unique `key` prop.')
         }
         return key
       }
-    : (record: SelectData) => getKeyFn?.(record)
-  /* eslint-enable indent */
+    : getKeyFn
 }
diff --git a/packages/components/select/src/composables/useOptions.ts b/packages/components/select/src/composables/useOptions.ts
index 4a462dee7..50b707acc 100644
--- a/packages/components/select/src/composables/useOptions.ts
+++ b/packages/components/select/src/composables/useOptions.ts
@@ -30,12 +30,7 @@ export interface FlattenedOption {
 
 export function useConvertedOptions(props: SelectProps, slots: Slots): ComputedRef<SelectData[]> {
   return computed(() => {
-    const dataSource = props.options ?? props.dataSource
-    if (dataSource) {
-      return dataSource
-    }
-
-    return convertOptions(slots.default?.())
+    return props.dataSource ?? convertOptions(slots.default?.())
   })
 }
 
@@ -72,7 +67,7 @@ function convertOptions(nodes: VNode[] | undefined): SelectData[] {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const isOption = (type as any)[optionKey]
     if (isOption) {
-      const { key, disabled, label, value, ...additional } = props
+      const { key, disabled, label, value } = props
       const { label: customLabel, default: customLabel2 } = slots
       const _disabled = disabled || disabled === ''
       const option: SelectData = {
@@ -80,17 +75,16 @@ function convertOptions(nodes: VNode[] | undefined): SelectData[] {
         disabled: _disabled,
         label,
         value,
-        additional,
         customLabel: customLabel ?? customLabel2,
       }
 
       convertedOptions.push(option)
     } else {
-      const { key = index, label, children, ...additional } = props
+      const { key = index, label, children } = props
       const { label: customLabel, default: defaultSlot } = slots
       const _children = children ?? convertOptions(defaultSlot?.())
 
-      convertedOptions.push({ key, label, children: _children, additional, customLabel })
+      convertedOptions.push({ key, label, children: _children, customLabel })
     }
   })
 
@@ -170,7 +164,7 @@ function parseOption(option: SelectData, getKey: GetKeyFn, childrenKey: string,
 
 function useSearchFn(props: SelectProps, mergedLabelKey: ComputedRef<string>) {
   return computed(() => {
-    const searchFn = props.searchFilter ?? props.searchFn
+    const searchFn = props.searchFn
     if (isFunction(searchFn)) {
       return searchFn
     }
diff --git a/packages/components/select/src/panel/Option.tsx b/packages/components/select/src/panel/Option.tsx
index 6f4badb5a..5037bcfc9 100644
--- a/packages/components/select/src/panel/Option.tsx
+++ b/packages/components/select/src/panel/Option.tsx
@@ -78,7 +78,6 @@ export default defineComponent({
           onClick={disabled ? undefined : handleClick}
           aria-label={_label}
           aria-selected={selected}
-          {...rawData!.additional}
           {...customAdditional}
         >
           {multiple && <IxCheckbox checked={selected} disabled={disabled} />}
diff --git a/packages/components/select/src/panel/OptionGroup.tsx b/packages/components/select/src/panel/OptionGroup.tsx
index 39651215a..88dba856f 100644
--- a/packages/components/select/src/panel/OptionGroup.tsx
+++ b/packages/components/select/src/panel/OptionGroup.tsx
@@ -21,16 +21,16 @@ export default defineComponent({
       const { label, rawData } = props
       const _label = toString(label)
       const prefixCls = `${mergedPrefixCls.value}-option-group`
-      const labelRender = rawData!.customLabel ?? 'optionGroupLabel'
+      const labelRender = rawData.customLabel ?? 'optionGroupLabel'
       const labelSlot = isString(labelRender) ? slots[labelRender] : labelRender
 
       const customAdditional = selectProps.customAdditional
-        ? selectProps.customAdditional({ data: rawData!, index: props.index! })
+        ? selectProps.customAdditional({ data: rawData, index: props.index })
         : undefined
 
       return (
-        <div class={prefixCls} title={_label} aria-label={_label} {...rawData!.additional} {...customAdditional}>
-          <span class={`${prefixCls}-label`}>{labelSlot ? labelSlot(rawData!) : _label}</span>
+        <div class={prefixCls} title={_label} aria-label={_label} {...customAdditional}>
+          <span class={`${prefixCls}-label`}>{labelSlot ? labelSlot(rawData) : _label}</span>
         </div>
       )
     }
diff --git a/packages/components/select/src/types.ts b/packages/components/select/src/types.ts
index ca72adb86..5e269c2a0 100644
--- a/packages/components/select/src/types.ts
+++ b/packages/components/select/src/types.ts
@@ -61,17 +61,9 @@ export const selectProps = {
   empty: { type: [String, Object] as PropType<string | EmptyProps>, default: undefined },
   getKey: { type: [String, Function] as PropType<string | ((data: SelectData) => VKey)>, default: undefined },
   labelKey: { type: String, default: undefined },
-  /**
-   * @deprecated please use `maxLabel` instead'
-   */
-  maxLabelCount: { type: [Number, String] as PropType<number | 'responsive'>, default: undefined },
   maxLabel: { type: [Number, String] as PropType<number | 'responsive'>, default: Number.MAX_SAFE_INTEGER },
   multiple: { type: Boolean, default: false },
   multipleLimit: { type: Number, default: Number.MAX_SAFE_INTEGER },
-  /**
-   * @deprecated please use `dataSource` instead'
-   */
-  options: { type: Array as PropType<SelectData[]>, default: undefined },
   overlayClassName: { type: String, default: undefined },
   overlayContainer: {
     type: [String, HTMLElement, Function] as PropType<PortalTargetType>,
@@ -82,25 +74,10 @@ export const selectProps = {
   placeholder: { type: String, default: undefined },
   readonly: { type: Boolean, default: false },
   searchable: { type: [Boolean, String] as PropType<boolean | 'overlay'>, default: false },
-  /**
-   * @deprecated please use `searchFn` instead'
-   */
-  searchFilter: { type: [Boolean, Function] as PropType<boolean | SelectSearchFn>, default: undefined },
   searchFn: { type: [Boolean, Function] as PropType<boolean | SelectSearchFn>, default: true },
   size: { type: String as PropType<FormSize>, default: undefined },
   status: String as PropType<ValidateStatus>,
   suffix: { type: String, default: undefined },
-  /**
-   * @deprecated please use `overlayContainer` instead'
-   */
-  target: {
-    type: [String, HTMLElement, Function] as PropType<PortalTargetType>,
-    default: undefined,
-  },
-  /**
-   * @deprecated please use `getKey` instead'
-   */
-  valueKey: { type: String, default: undefined },
   virtual: { type: Boolean, default: false },
 
   // events
@@ -136,10 +113,7 @@ export type SelectPanelComponent = DefineComponent<
 export type SelectPanelInstance = InstanceType<DefineComponent<SelectPanelProps, SelectPanelBindings>>
 
 export type SelectProps = ExtractInnerPropTypes<typeof selectProps>
-export type SelectPublicProps = Omit<
-  ExtractPublicPropTypes<typeof selectProps>,
-  'maxLabelCount' | 'options' | 'searchFilter' | 'overlayHeight' | 'overlayItemHeight' | 'target' | 'valueKey'
->
+export type SelectPublicProps = Omit<ExtractPublicPropTypes<typeof selectProps>, 'overlayHeight' | 'overlayItemHeight'>
 export interface SelectBindings {
   blur: () => void
   focus: (options?: FocusOptions) => void
@@ -157,15 +131,6 @@ export type SelectCustomAdditional = (options: {
 }) => Record<string, any> | undefined
 
 export interface SelectOptionProps<K = VKey> {
-  /**
-   * @deprecated please use `customAdditional` instead'
-   */
-  additional?: {
-    class?: any
-    style?: any
-    [key: string]: unknown
-  }
-
   disabled?: boolean
   key?: K
   label?: string | number
@@ -174,21 +139,12 @@ export interface SelectOptionProps<K = VKey> {
 
   [key: string]: any
 }
-export type SelectOptionPublicProps = Omit<SelectOptionProps, 'additional'>
+export type SelectOptionPublicProps = SelectOptionProps
 export type SelectOptionComponent = FunctionalComponent<
   Omit<HTMLAttributes, keyof SelectOptionPublicProps> & SelectOptionPublicProps
 >
 
 export interface SelectOptionGroupProps<K = VKey> {
-  /**
-   * @deprecated please use `customAdditional` instead'
-   */
-  additional?: {
-    class?: any
-    style?: any
-    [key: string]: unknown
-  }
-
   children?: SelectOptionProps<K>[]
   key?: K
   label?: string | number
@@ -197,7 +153,7 @@ export interface SelectOptionGroupProps<K = VKey> {
 
   [key: string]: any
 }
-export type SelectOptionGroupPublicProps = Omit<SelectOptionGroupProps, 'additional'>
+export type SelectOptionGroupPublicProps = SelectOptionGroupProps
 export type SelectOptionGroupComponent = FunctionalComponent<
   Omit<HTMLAttributes, keyof SelectOptionGroupPublicProps> & SelectOptionGroupPublicProps
 >
diff --git a/packages/components/space/src/Space.tsx b/packages/components/space/src/Space.tsx
index 2f654f7cd..37ee3df63 100644
--- a/packages/components/space/src/Space.tsx
+++ b/packages/components/space/src/Space.tsx
@@ -8,7 +8,7 @@
 import { type ComputedRef, type VNode, computed, defineComponent, normalizeClass } from 'vue'
 
 import { supportsFlexGap } from '@idux/cdk/platform'
-import { Logger, convertCssPixel, flattenNode } from '@idux/cdk/utils'
+import { convertCssPixel, flattenNode } from '@idux/cdk/utils'
 import { useGlobalConfig } from '@idux/components/config'
 import { type FormSize } from '@idux/components/form'
 import { convertStringVNode } from '@idux/components/utils'
@@ -32,13 +32,6 @@ export default defineComponent({
     const config = useGlobalConfig('space')
 
     const wrap = computed(() => props.wrap ?? config.wrap)
-    const vertical = computed(() => {
-      const { direction, vertical } = props
-      if (direction) {
-        return direction === 'vertical'
-      }
-      return vertical
-    })
     const mergedGaps = computed(() => {
       const { size = config.size } = props
       const sizes = Array.isArray(size) ? size : [size, size]
@@ -46,14 +39,14 @@ export default defineComponent({
     })
 
     const classes = computed(() => {
-      const { align, justify, block } = props
+      const { align, justify, block, vertical } = props
       const prefixCls = mergedPrefixCls.value
       return normalizeClass({
         [prefixCls]: true,
         [`${prefixCls}-align-${align}`]: align,
         [`${prefixCls}-justify-${justify}`]: justify,
         [`${prefixCls}-block`]: block,
-        [`${prefixCls}-vertical`]: vertical.value,
+        [`${prefixCls}-vertical`]: vertical,
         [`${prefixCls}-nowrap`]: !wrap.value,
       })
     })
@@ -63,19 +56,10 @@ export default defineComponent({
       if (flexGapSupported) {
         return `gap: ${rowGap} ${columnGap}`
       } else {
-        return !vertical.value && wrap.value ? `margin-bottom: -${convertCssPixel(rowGap)}` : undefined
+        return !props.vertical && wrap.value ? `margin-bottom: -${convertCssPixel(rowGap)}` : undefined
       }
     })
 
-    if (__DEV__) {
-      if (props.direction) {
-        Logger.warn('components/space', 'the `direction` was deprecated, please use `vertical` instead.')
-      }
-      if (props.split || slots.split) {
-        Logger.warn('components/space', 'the `split` was deprecated, please use `separator` instead.')
-      }
-    }
-
     return () => {
       const nodes = flattenNode(slots.default?.())
       if (nodes.length === 0) {
@@ -85,14 +69,10 @@ export default defineComponent({
       const prefixCls = mergedPrefixCls.value
       const children: VNode[] = []
 
-      let separatorNode = convertStringVNode(slots, props, 'split')
-      if (!separatorNode) {
-        separatorNode = convertStringVNode(slots, props, 'separator')
-      }
-
+      const separatorNode = convertStringVNode(slots, props, 'separator')
       const lastIndex = nodes.length - 1
       nodes.forEach((node, index) => {
-        const style = calcItemStyle(mergedGaps, wrap, vertical, index, lastIndex)
+        const style = calcItemStyle(mergedGaps, wrap, props.vertical, index, lastIndex)
         children.push(
           <div key={`item-${index}`} class={`${prefixCls}-item`} style={style}>
             {node}
@@ -118,7 +98,7 @@ export default defineComponent({
 const calcItemStyle = (
   mergedGaps: ComputedRef<(string | number)[]>,
   wrap: ComputedRef<boolean>,
-  vertical: ComputedRef<boolean | undefined>,
+  vertical: boolean | undefined,
   index: number,
   lastIndex: number,
 ) => {
@@ -128,7 +108,7 @@ const calcItemStyle = (
 
   const [rowGap, columnGap] = mergedGaps.value
 
-  if (vertical.value) {
+  if (vertical) {
     const marginBottom = index < lastIndex ? convertCssPixel(rowGap) : undefined
     return { marginBottom }
   } else {
diff --git a/packages/components/space/src/types.ts b/packages/components/space/src/types.ts
index c21f2e34d..da08e0a0f 100644
--- a/packages/components/space/src/types.ts
+++ b/packages/components/space/src/types.ts
@@ -19,16 +19,8 @@ export const spaceProps = {
     type: Boolean,
     default: undefined,
   },
-  /**
-   * @deprecated please use `vertical` instead'
-   */
-  direction: String as PropType<SpaceDirection>,
   justify: String as PropType<SpaceJustify>,
   size: [Number, String, Array] as PropType<number | string | (string | number)[]>,
-  /**
-   * @deprecated please use `separator` instead'
-   */
-  split: String,
   separator: String,
   vertical: {
     type: Boolean,
@@ -41,6 +33,6 @@ export const spaceProps = {
 }
 
 export type SpaceProps = ExtractInnerPropTypes<typeof spaceProps>
-export type SpacePublicProps = Omit<ExtractPublicPropTypes<typeof spaceProps>, 'direction'>
+export type SpacePublicProps = ExtractPublicPropTypes<typeof spaceProps>
 export type SpaceComponent = DefineComponent<Omit<HTMLAttributes, keyof SpacePublicProps> & SpacePublicProps>
 export type SpaceInstance = InstanceType<DefineComponent<SpaceProps>>
diff --git a/packages/components/switch/src/types.ts b/packages/components/switch/src/types.ts
index e53512b72..f59f69d76 100644
--- a/packages/components/switch/src/types.ts
+++ b/packages/components/switch/src/types.ts
@@ -20,7 +20,7 @@ export const switchProps = {
 
   // events
   'onUpdate:checked': [Function, Array] as PropType<MaybeArray<(checked: boolean) => void>>,
-  onChange: [Function, Array] as PropType<MaybeArray<(checked: boolean) => void>>,
+  onChange: [Function, Array] as PropType<MaybeArray<(checked: boolean, oldChecked: boolean) => void>>,
   onBlur: [Function, Array] as PropType<MaybeArray<(evt: FocusEvent) => void>>,
   onFocus: [Function, Array] as PropType<MaybeArray<(evt: FocusEvent) => void>>,
 } as const
diff --git a/packages/components/table/__tests__/table.spec.ts b/packages/components/table/__tests__/table.spec.ts
index 19054f02b..f25d448f9 100644
--- a/packages/components/table/__tests__/table.spec.ts
+++ b/packages/components/table/__tests__/table.spec.ts
@@ -359,19 +359,6 @@ describe('Table', () => {
       expect(wrapper.find('tbody').findAll('tr').length).toBe(20)
     })
 
-    test('rowClassName work', async () => {
-      const wrapper = TableMount({
-        props: { rowClassName: (_, index) => `test-table-${index}` },
-      })
-
-      const trs = wrapper.find('tbody').findAll('tr')
-
-      trs.forEach((tr, index) => {
-        tr.classes()
-        expect(tr.classes()).toContain(`test-table-${index}`)
-      })
-    })
-
     test('size work', async () => {
       const wrapper = TableMount({ props: { size: 'lg' } })
 
diff --git a/packages/components/table/docs/Api.zh.md b/packages/components/table/docs/Api.zh.md
index 01a1bfcc5..eb90d09d9 100644
--- a/packages/components/table/docs/Api.zh.md
+++ b/packages/components/table/docs/Api.zh.md
@@ -25,7 +25,7 @@
 | `size` | 表格大小 | `'lg' \| 'md' \| 'sm'` | `md` | ✅ |- |
 | `spin` | 表格是否加载中 | `boolean \| SpinProps` | - | - | - |
 | `tableLayout` | 表格元素的 [table-layout](https://developer.mozilla.org/zh-CN/docs/Web/CSS/table-layout) 属性 | `'auto' \| 'fixed'` | - | - | 固定表头/列或设置了 `column.ellipsis` 时，默认值为 `fixed` |
-| `virtual` | 是否开启虚拟滚动 | `boolean` | `false` | - | 需要设置 `scroll.y` |
+| `virtual` | 是否开启虚拟滚动 | `boolean` | `false` | - | 需要设置 `scroll.height` |
 | `onScroll` | 滚动事件 | `(evt: Event) => void` | - | - | - |
 | `onScrolledChange` | 滚动的位置发生变化 | `(startIndex: number, endIndex: number, visibleNodes: TreeNode[]) => void` | - | - | 仅 `virtual` 模式下可用 |
 | `onScrolledBottom` | 滚动到底部时触发 | `() => void` | - | - | 仅 `virtual` 模式下可用 |
diff --git a/packages/components/table/src/Table.tsx b/packages/components/table/src/Table.tsx
index d6c7d7b40..9a9f201c2 100644
--- a/packages/components/table/src/Table.tsx
+++ b/packages/components/table/src/Table.tsx
@@ -11,16 +11,15 @@ import { computed, defineComponent, normalizeClass, provide } from 'vue'
 
 import { isBoolean } from 'lodash-es'
 
-import { Logger } from '@idux/cdk/utils'
 import { ɵHeader } from '@idux/components/_private/header'
 import { useGlobalConfig } from '@idux/components/config'
 import { IxSpin } from '@idux/components/spin'
+import { useGetKey } from '@idux/components/utils'
 
 import { useColumns } from './composables/useColumns'
 import { useDataSource } from './composables/useDataSource'
 import { useExpandable } from './composables/useExpandable'
 import { useFilterable } from './composables/useFilterable'
-import { useGetRowKey } from './composables/useGetRowKey'
 import { usePagination } from './composables/usePagination'
 import { useScroll } from './composables/useScroll'
 import { useScrollOnChange } from './composables/useScrollOnChange'
@@ -45,7 +44,7 @@ export default defineComponent({
 
     const mergedAutoHeight = computed(() => props.autoHeight ?? config.autoHeight)
     const mergedChildrenKey = computed(() => props.childrenKey ?? config.childrenKey)
-    const mergedGetKey = useGetRowKey(props, config)
+    const mergedGetKey = useGetKey(props, config, 'components/table')
     const mergedEmptyCell = computed(() => props.emptyCell ?? config.emptyCell)
     const mergedSize = computed(() => props.size ?? config.size)
     const { mergedPagination } = usePagination(props, config, mergedSize)
@@ -113,36 +112,6 @@ export default defineComponent({
       })
     })
 
-    if (__DEV__) {
-      if (props.rowClassName) {
-        Logger.warn('components/table', 'the `rowClassName` was deprecated, please use `customAdditional` instead.')
-      }
-      if (props.rowKey) {
-        Logger.warn('components/table', 'the `rowKey` was deprecated, please use `getKey` instead.')
-      }
-      if (props.scroll?.x) {
-        Logger.warn('components/table', 'the `scroll.x` was deprecated, please use `scroll.width` instead.')
-      }
-      if (props.scroll?.y) {
-        Logger.warn('components/table', 'the `scroll.y` was deprecated, please use `scroll.height` instead.')
-      }
-      if (props.columns.some(col => !!col.additional)) {
-        Logger.warn(
-          'components/table',
-          'the `additional` of TableColumn was deprecated, please use `customAdditional` instead.',
-        )
-      }
-      if (props.columns.some(col => !!col.customRender)) {
-        Logger.warn(
-          'components/table',
-          'the `customRender` of TableColumn was deprecated, please use `customCell` instead.',
-        )
-      }
-      if (props.columns.some(col => !!col.responsive)) {
-        Logger.warn('components/table', 'the `responsive` of TableColumn was deprecated.')
-      }
-    }
-
     return () => {
       const prefixCls = mergedPrefixCls.value
       const header = <ɵHeader v-slots={slots} header={props.header} />
diff --git a/packages/components/table/src/composables/useColumns.ts b/packages/components/table/src/composables/useColumns.ts
index 435ca33c3..d6aa5c439 100644
--- a/packages/components/table/src/composables/useColumns.ts
+++ b/packages/components/table/src/composables/useColumns.ts
@@ -9,7 +9,6 @@ import { type ComputedRef, type Slots, type VNode, computed, reactive, ref, watc
 
 import { isNil } from 'lodash-es'
 
-import { type BreakpointKey, useSharedBreakpoints } from '@idux/cdk/breakpoint'
 import { type VKey, flattenNode } from '@idux/cdk/utils'
 import { type TableColumnBaseConfig, type TableColumnExpandableConfig, type TableConfig } from '@idux/components/config'
 
@@ -31,13 +30,12 @@ export function useColumns(
   config: TableConfig,
   scrollBarSizeOnFixedHolder: ComputedRef<number>,
 ): ColumnsContext {
-  const breakpoints = useSharedBreakpoints()
   const mergedColumns = computed(() => {
     const { columns } = props
     if (columns && columns.length > 0) {
-      return mergeColumns(props.columns, breakpoints, config.columnBase, config.columnExpandable)
+      return mergeColumns(props.columns, config.columnBase, config.columnExpandable)
     } else {
-      return mergeColumns(convertColumns(slots.default?.()), breakpoints, config.columnBase, config.columnExpandable)
+      return mergeColumns(convertColumns(slots.default?.()), config.columnBase, config.columnExpandable)
     }
   })
   const { flattedColumns, scrollBarColumn, flattedColumnsWithScrollBar } = useFlattedColumns(
@@ -134,13 +132,10 @@ export type TableColumnMergedScrollBar = TableColumnMergedBaseExtra & TableColum
 
 function mergeColumns(
   columns: TableColumn[],
-  breakpoints: Record<BreakpointKey, boolean>,
   baseConfig: TableColumnBaseConfig,
   expandableConfig: TableColumnExpandableConfig,
 ): TableColumnMerged[] {
-  return columns
-    .filter(column => !column.responsive || column.responsive.some(key => breakpoints[key]))
-    .map(column => convertColumn(column, breakpoints, baseConfig, expandableConfig))
+  return columns.map(column => convertColumn(column, baseConfig, expandableConfig))
 }
 
 export function convertColumns(nodes: VNode[] | undefined): TableColumn[] {
@@ -177,7 +172,6 @@ export function convertColumns(nodes: VNode[] | undefined): TableColumn[] {
 
 function convertColumn(
   column: TableColumn,
-  breakpoints: Record<BreakpointKey, boolean>,
   baseConfig: TableColumnBaseConfig,
   expandableConfig: TableColumnExpandableConfig,
 ): TableColumnMerged {
@@ -209,7 +203,7 @@ function convertColumn(
       newColumn.filterable = { ...baseConfig.filterable, ...filterable }
     }
     if (children?.length) {
-      newColumn.children = mergeColumns(children, breakpoints, baseConfig, expandableConfig)
+      newColumn.children = mergeColumns(children, baseConfig, expandableConfig)
     }
     return newColumn
   }
diff --git a/packages/components/table/src/composables/useDataSource.ts b/packages/components/table/src/composables/useDataSource.ts
index 5f2a42239..45ca22199 100644
--- a/packages/components/table/src/composables/useDataSource.ts
+++ b/packages/components/table/src/composables/useDataSource.ts
@@ -8,16 +8,16 @@
 import { type ComputedRef, type Ref, computed } from 'vue'
 
 import { type VKey } from '@idux/cdk/utils'
+import { type GetKeyFn } from '@idux/components/utils'
 
 import { type TablePagination, type TableProps } from '../types'
 import { type ActiveFilter } from './useFilterable'
-import { type GetRowKey } from './useGetRowKey'
 import { type ActiveSorter } from './useSortable'
 
 export function useDataSource(
   props: TableProps,
   mergedChildrenKey: ComputedRef<string>,
-  mergedGetKey: ComputedRef<GetRowKey>,
+  mergedGetKey: ComputedRef<GetKeyFn>,
   activeSorters: ComputedRef<ActiveSorter[]>,
   activeFilters: ComputedRef<ActiveFilter[]>,
   expandedRowKeys: Ref<VKey[]>,
@@ -88,7 +88,7 @@ export interface FlattedData extends MergedData {
   level?: number
 }
 
-function convertMergeData(record: unknown, getRowKey: GetRowKey, childrenKey: string, parentKey?: VKey) {
+function convertMergeData(record: unknown, getRowKey: GetKeyFn, childrenKey: string, parentKey?: VKey) {
   const rowKey = getRowKey(record)
   const result: MergedData = { record, rowKey, parentKey }
 
diff --git a/packages/components/table/src/composables/useGetRowKey.ts b/packages/components/table/src/composables/useGetRowKey.ts
deleted file mode 100644
index 124c06eb8..000000000
--- a/packages/components/table/src/composables/useGetRowKey.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- * @license
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
- */
-
-import { type ComputedRef, computed } from 'vue'
-
-import { isString } from 'lodash-es'
-
-import { Logger, type VKey } from '@idux/cdk/utils'
-import { type TableConfig } from '@idux/components/config'
-
-import { type TableProps } from '../types'
-
-export type GetRowKey = (record: unknown) => VKey
-/**
- * @deprecated please use `useGetKey` instead
- */
-export function useGetRowKey(props: TableProps, config: TableConfig): ComputedRef<GetRowKey> {
-  return computed(() => {
-    const getKey = props.rowKey || props.getKey || config.rowKey || config.getKey
-    if (isString(getKey)) {
-      return (record: unknown) => {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const key = (record as any)[getKey]
-        if (__DEV__ && key === undefined) {
-          Logger.warn('components/table', 'Each record in table should have a unique `key` prop.')
-        }
-        return key
-      }
-    }
-    return getKey
-  })
-}
diff --git a/packages/components/table/src/composables/useScroll.ts b/packages/components/table/src/composables/useScroll.ts
index 796a73f53..ffe086818 100644
--- a/packages/components/table/src/composables/useScroll.ts
+++ b/packages/components/table/src/composables/useScroll.ts
@@ -40,9 +40,9 @@ export function useScroll(
   )
 
   const scrollWithAutoHeight = useScrollWithAutoHeight(props, mergedAutoHeight, scrollBodyRef, scrollContentRef)
-  const scrollWidth = computed(() => convertCssPixel(props.scroll?.width || props.scroll?.x))
+  const scrollWidth = computed(() => convertCssPixel(props.scroll?.width))
   const scrollHeight = computed(() => {
-    let height = convertCssPixel(props.scroll?.height || props.scroll?.y)
+    let height = convertCssPixel(props.scroll?.height)
     if (!height && mergedAutoHeight.value && (props.virtual || scrollWithAutoHeight.value)) {
       height = 'auto'
     }
@@ -204,8 +204,8 @@ function useScrollWithAutoHeight(
         stopHandler()
         if (autoHeight && !virtual) {
           stopResizeObservers = [
-            useResizeObserver(scrollBodyRef, calcScrollWithAutoHeight).stop,
-            useResizeObserver(scrollContentRef, calcScrollWithAutoHeight).stop,
+            useResizeObserver(scrollBodyRef, calcScrollWithAutoHeight),
+            useResizeObserver(scrollContentRef, calcScrollWithAutoHeight),
           ]
         }
       },
diff --git a/packages/components/table/src/main/MainTable.tsx b/packages/components/table/src/main/MainTable.tsx
index 24a2b90d4..2fbd52627 100644
--- a/packages/components/table/src/main/MainTable.tsx
+++ b/packages/components/table/src/main/MainTable.tsx
@@ -179,9 +179,9 @@ export default defineComponent({
           }
           const { scroll, onScrolledBottom } = props
 
-          __DEV__ &&
-            !isNumber(scroll?.height || scroll?.y) &&
+          if (__DEV__ && !props.autoHeight && !isNumber(scroll?.height)) {
             Logger.warn('components/table', '`scroll.height` must is a valid number when enable virtual scroll')
+          }
 
           children.push(
             <CdkVirtualScroll
@@ -190,7 +190,7 @@ export default defineComponent({
               dataSource={flattedData.value}
               fullHeight={scroll?.fullHeight}
               getKey="rowKey"
-              height={mergedAutoHeight.value ? '100%' : ((scroll?.height || scroll?.y) as number)}
+              height={mergedAutoHeight.value ? '100%' : (scroll?.height as number)}
               itemHeight={virtualItemHeightMap[mergedSize.value]}
               itemRender={itemRender}
               contentRender={contentRender}
diff --git a/packages/components/table/src/main/body/BodyCell.tsx b/packages/components/table/src/main/body/BodyCell.tsx
index 7d503ba2c..828f7bdea 100644
--- a/packages/components/table/src/main/body/BodyCell.tsx
+++ b/packages/components/table/src/main/body/BodyCell.tsx
@@ -93,7 +93,7 @@ export default defineComponent({
     return () => {
       const { column } = props
 
-      const { type, additional } = column as BodyColumn
+      const { type } = column as BodyColumn
       let children: VNodeChild
       let title: string | undefined
 
@@ -127,7 +127,7 @@ export default defineComponent({
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       const Tag = (tableProps.customTag?.bodyCell ?? 'td') as any
       return (
-        <Tag class={classes.value} style={style.value} title={title} {...additional} {...customAdditional}>
+        <Tag class={classes.value} style={style.value} title={title} {...customAdditional}>
           {type === 'expandable' && renderExpandableChildren(props, slots, expandable, mergedPrefixCls.value)}
           {children}
         </Tag>
@@ -159,15 +159,9 @@ function useDataValue(props: TableBodyCellProps) {
 
 function renderChildren(props: TableBodyCellProps, slots: Slots, value: string) {
   const { record, rowIndex, column } = props
-  const { customRender, customCell } = column
-
-  const cellRender = customRender ?? customCell
-  if (isFunction(cellRender)) {
-    return cellRender({ value, record, rowIndex })
-  } else if (isString(cellRender) && slots[cellRender]) {
-    return slots[cellRender]!({ value, record, rowIndex })
-  }
-  return value
+  const { customCell } = column
+  const cellRender = isString(customCell) ? slots[customCell] : customCell
+  return cellRender ? cellRender({ value, record, rowIndex }) : value
 }
 
 function renderExpandableChildren(
diff --git a/packages/components/table/src/main/body/BodyRow.tsx b/packages/components/table/src/main/body/BodyRow.tsx
index a9505f05b..3a2877646 100644
--- a/packages/components/table/src/main/body/BodyRow.tsx
+++ b/packages/components/table/src/main/body/BodyRow.tsx
@@ -49,19 +49,15 @@ export default defineComponent({
     const isSelected = computed(() => selectedRowKeys.value.includes(props.rowKey))
     const isIndeterminate = computed(() => indeterminateRowKeys.value.includes(props.rowKey))
 
-    const rowClassName = computed(() =>
-      tableProps.rowClassName ? tableProps.rowClassName(props.record, props.rowIndex) : undefined,
-    )
     const classes = computed(() => {
       const prefixCls = `${mergedPrefixCls.value}-row`
       const { level, expanded } = props
-      const computeRowClassName = rowClassName.value
+
       return normalizeClass({
         [`${prefixCls}`]: true,
         [`${prefixCls}-level-${level}`]: !!level,
         [`${prefixCls}-selected`]: isSelected.value,
         [`${prefixCls}-expanded`]: expanded,
-        [computeRowClassName as string]: !!computeRowClassName,
       })
     })
 
diff --git a/packages/components/table/src/main/head/HeadCell.tsx b/packages/components/table/src/main/head/HeadCell.tsx
index d5f65457d..4128a437e 100644
--- a/packages/components/table/src/main/head/HeadCell.tsx
+++ b/packages/components/table/src/main/head/HeadCell.tsx
@@ -122,15 +122,15 @@ export default defineComponent({
     return () => {
       const { column } = props
 
-      const { type, additional, titleColSpan, titleRowSpan } = column as HeadColumn
+      const { type, titleColSpan, titleRowSpan } = column as HeadColumn
 
       if (type === 'scroll-bar') {
         return (
           <th
             class={classes.value}
             style={style.value}
-            colSpan={titleColSpan === 1 ? undefined : titleColSpan}
-            rowSpan={titleRowSpan === 1 ? undefined : titleRowSpan}
+            colspan={titleColSpan === 1 ? undefined : titleColSpan}
+            rowspan={titleRowSpan === 1 ? undefined : titleRowSpan}
             onClick={onClick}
           ></th>
         )
@@ -170,7 +170,6 @@ export default defineComponent({
           colSpan={titleColSpan === 1 ? undefined : titleColSpan}
           rowSpan={titleRowSpan === 1 ? undefined : titleRowSpan}
           title={_title}
-          {...additional}
           {...customAdditional}
           onClick={onClick}
         >
diff --git a/packages/components/table/src/types.ts b/packages/components/table/src/types.ts
index 035ae1645..293c5124b 100644
--- a/packages/components/table/src/types.ts
+++ b/packages/components/table/src/types.ts
@@ -11,7 +11,6 @@ import type { TableColumnMerged, TableColumnMergedExtra } from './composables/us
 import type { FlattedData } from './composables/useDataSource'
 import type { ActiveFilter } from './composables/useFilterable'
 import type { ActiveSorter } from './composables/useSortable'
-import type { BreakpointKey } from '@idux/cdk/breakpoint'
 import type { VirtualScrollToFn } from '@idux/cdk/scroll'
 import type { ExtractInnerPropTypes, ExtractPublicPropTypes, MaybeArray, VKey } from '@idux/cdk/utils'
 import type { EmptyProps } from '@idux/components/empty'
@@ -42,14 +41,6 @@ export const tableProps = {
   header: { type: [String, Object] as PropType<string | HeaderProps>, default: undefined },
   headless: { type: Boolean, default: undefined },
   pagination: { type: [Boolean, Object] as PropType<boolean | TablePagination>, default: true },
-  /**
-   * @deprecated please use `customAdditional` instead'
-   */
-  rowClassName: { type: Function as PropType<(record: any, rowIndex: number) => string>, default: undefined },
-  /**
-   * @deprecated please use `getKey` instead'
-   */
-  rowKey: { type: [String, Function] as PropType<string | ((record: any) => VKey)>, default: undefined },
   scroll: { type: Object as PropType<TableScroll>, default: undefined },
   size: { type: String as PropType<TableSize>, default: undefined },
   spin: { type: [Boolean, Object] as PropType<boolean | SpinProps>, default: undefined },
@@ -69,7 +60,7 @@ export const tableProps = {
 } as const
 
 export type TableProps = ExtractInnerPropTypes<typeof tableProps>
-export type TablePublicProps = Omit<ExtractPublicPropTypes<typeof tableProps>, 'rowClassName' | 'rowKey'>
+export type TablePublicProps = ExtractPublicPropTypes<typeof tableProps>
 export interface TableBindings {
   scrollTo: VirtualScrollToFn
 }
@@ -89,23 +80,11 @@ export type TableColumn<T = any, K = VKey> =
   | TableColumnSelectable<T, K>
 
 export interface TableColumnCommon<T = any> {
-  /**
-   * @deprecated please use `customAdditional` instead'
-   */
-  additional?: {
-    class?: any
-    style?: any
-    [key: string]: unknown
-  }
   key?: VKey
   align?: TableColumnAlign
   colSpan?: (record: T, rowIndex: number) => number
   rowSpan?: (record: T, rowIndex: number) => number
   fixed?: TableColumnFixed
-  /**
-   * @deprecated
-   */
-  responsive?: BreakpointKey[]
   titleColSpan?: number
   width?: string | number
 }
@@ -118,10 +97,6 @@ export interface TableColumnBase<T = any, K = VKey> extends TableColumnCommon<T>
   title?: string
   children?: TableColumn<T, K>[]
 
-  /**
-   * @deprecated please use `customCell` instead'
-   */
-  customRender?: string | ((data: { value: any; record: T; rowIndex: number }) => VNodeChild)
   customCell?: string | ((data: { value: any; record: T; rowIndex: number }) => VNodeChild)
   customTitle?: string | ((data: { title?: string }) => VNodeChild)
 }
diff --git a/packages/components/tabs/src/InternalTabs.tsx b/packages/components/tabs/src/InternalTabs.tsx
new file mode 100644
index 000000000..de1f02180
--- /dev/null
+++ b/packages/components/tabs/src/InternalTabs.tsx
@@ -0,0 +1,354 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
+ */
+
+import type { TabProps, TabsProps } from './types'
+import type { VKey } from '@idux/cdk/utils'
+import type { IconInstance } from '@idux/components/icon'
+import type { CSSProperties, ComputedRef, PropType, Ref, VNode } from 'vue'
+
+import { computed, defineComponent, normalizeClass, provide, ref, vShow, watch, withDirectives } from 'vue'
+
+import { curry, isNil } from 'lodash-es'
+
+import { useResizeObserver } from '@idux/cdk/resize'
+import { addClass, callEmit, removeClass, useControlledProp, useState } from '@idux/cdk/utils'
+import { useGlobalConfig } from '@idux/components/config'
+import { IxIcon } from '@idux/components/icon'
+
+import TabNav from './TabNav'
+import { useSelectedElOffset } from './composables/useOffset'
+import { useNavRelatedElSize, useSelectedElVisibleSize } from './composables/useSize'
+import { tabsToken } from './tokens'
+import { tabsProps } from './types'
+
+function useNavPreNextClasses(
+  props: TabsProps,
+  mergedPrefixCls: ComputedRef<string>,
+  type: 'pre' | 'next',
+  disabled: Ref<boolean>,
+) {
+  return computed(() => {
+    const { placement } = props
+    const prefixCls = mergedPrefixCls.value
+    return normalizeClass({
+      [`${prefixCls}-nav-${type}`]: true,
+      [`${prefixCls}-nav-${type}-disabled`]: disabled.value,
+      [`${prefixCls}-nav-${type}-${placement}`]: true,
+    })
+  })
+}
+
+function filterTabVNodes(
+  props: TabsProps,
+  tabVNodes: VNode[],
+  selectedKey: ComputedRef<VKey | undefined>,
+  defaultSelectedKey: VKey | undefined,
+): VNode[] {
+  const renderTabVNodes: VNode[] = []
+  tabVNodes.forEach(vNode => {
+    const { key } = vNode
+    const { forceRender, disabled } = vNode.props as TabProps
+    const _disabled = !isNil(disabled)
+    const useVShow = forceRender ?? props.forceRender
+    const show = (selectedKey.value ?? defaultSelectedKey) === key && !_disabled
+    if (useVShow) {
+      renderTabVNodes.push(withDirectives(vNode, [[vShow, show]]))
+    } else if (show) {
+      renderTabVNodes.push(vNode)
+    }
+  })
+  return renderTabVNodes
+}
+
+export default defineComponent({
+  props: {
+    ...tabsProps,
+    tabs: { type: Array as PropType<VNode[]>, default: undefined },
+  },
+  setup(props) {
+    const common = useGlobalConfig('common')
+    const mergedPrefixCls = computed(() => `${common.prefixCls}-tabs`)
+
+    const navWrapperElRef = ref<HTMLElement | null>(null)
+    const navElRef = ref<HTMLElement | null>(null)
+    const navBarElRef = ref<HTMLElement | null>(null)
+    const navPreElRef = ref<IconInstance | null>(null)
+    const selectedElRef = ref<HTMLElement | null>(null)
+
+    const [selectedKey, setSelectedKey] = useControlledProp(props, 'selectedKey')
+
+    const isLineType = computed(() => props.type === 'line')
+    const isSegmentType = computed(() => props.type === 'segment')
+
+    const horizontalPlacement = ['top', 'bottom']
+    const isHorizontal = computed(() => horizontalPlacement.includes(props.placement))
+
+    const [navOffset, setNavOffset] = useState(0)
+    const [barStyle, setBarStyle] = useState<CSSProperties>({})
+    const { navSize, navWrapperSize, navPreNextSize, selectedElSize, syncNavElSize, syncSelectedElSize } =
+      useNavRelatedElSize(isHorizontal, navWrapperElRef, navElRef, navPreElRef, selectedElRef)
+    const { selectedElOffset, syncSelectedElOffset } = useSelectedElOffset(isHorizontal, navPreNextSize, selectedElRef)
+
+    const hasScroll = computed(() => {
+      return navSize.value! > navWrapperSize.value
+    })
+
+    const selectedElVisibleSize = useSelectedElVisibleSize(navWrapperSize, selectedElOffset, navOffset)
+
+    // 处理存在滚动状态下，滚动到被选中的tab，并修正其位置
+    const updateSelectedOffset = () => {
+      if (hasScroll.value) {
+        const size = selectedElVisibleSize.value / navWrapperSize.value
+        const inVisibleRange = size < 2
+        if (inVisibleRange) {
+          // 可视范围内需要处理展示不全的问题，需要修正
+          if (selectedElVisibleSize.value < selectedElSize.value) {
+            // 即可视范围内最后一个tab没有展示完全
+            setNavOffset(navOffset.value + selectedElSize.value - selectedElVisibleSize.value + navPreNextSize.value)
+          } else if (selectedElVisibleSize.value / navWrapperSize.value > 1) {
+            // 即可视范围内第一个tab没有展示完全
+            setNavOffset(
+              navOffset.value - ((selectedElVisibleSize.value % navWrapperSize.value) + navPreNextSize.value),
+            )
+          }
+        } else {
+          setNavOffset(selectedElOffset.value - navPreNextSize.value)
+        }
+      }
+    }
+
+    const preReached = ref(false)
+    const nextReached = ref(false)
+
+    const classes = computed(() => {
+      const { type, placement, mode } = props
+      const prefixCls = mergedPrefixCls.value
+      return normalizeClass({
+        [prefixCls]: true,
+        [`${prefixCls}-${type}`]: true,
+        [`${prefixCls}-nav-${placement}`]: placement === 'top' || type === 'line',
+        [`${prefixCls}-nav-${mode}`]: type === 'segment',
+      })
+    })
+
+    const curryNavPreNextClasses = curry(useNavPreNextClasses)(props, mergedPrefixCls)
+    const navPreClasses = curryNavPreNextClasses('pre', preReached)
+    const navNextClasses = curryNavPreNextClasses('next', nextReached)
+
+    const handleTabClick = async (key: VKey, evt: Event) => {
+      const leaveResult = callEmit(props.onBeforeLeave, key, selectedKey.value)
+      const result = await leaveResult
+      if (result !== false) {
+        callEmit(props.onTabClick, key, evt)
+        // 处理当前被选中元素再次被点击，需要修正其位置
+        if (key === selectedKey.value) {
+          updateSelectedOffset()
+        }
+        setSelectedKey(key)
+      }
+    }
+
+    const updateNavBarStyle = () => {
+      if (isLineType.value && navBarElRef.value) {
+        const isBarDisabled = selectedElRef.value?.classList.contains(`${mergedPrefixCls.value}-nav-tab-disabled`)
+        const barDisabledClassName = `${mergedPrefixCls.value}-nav-bar-disabled`
+        const barOffset = selectedElOffset.value - navOffset.value + 'px'
+        const barSize = selectedElSize.value + 'px'
+
+        setBarStyle({
+          width: isHorizontal.value ? barSize : '',
+          left: isHorizontal.value ? barOffset : '',
+          top: isHorizontal.value ? '' : barOffset,
+          height: isHorizontal.value ? '' : barSize,
+        })
+        if (isBarDisabled) {
+          addClass(navBarElRef.value, barDisabledClassName)
+        } else {
+          removeClass(navBarElRef.value, barDisabledClassName)
+        }
+      }
+    }
+
+    const handlePreClick = (evt: Event) => {
+      if (!preReached.value) {
+        callEmit(props.onPreClick, evt)
+        const mergedOffset = navOffset.value + navPreNextSize.value
+        const offset = mergedOffset < navWrapperSize.value ? 0 : mergedOffset - navWrapperSize.value
+        setNavOffset(offset)
+      }
+    }
+
+    const handleNextClick = (evt: Event) => {
+      if (!nextReached.value) {
+        callEmit(props.onNextClick, evt)
+        const mergedNavSize = navSize.value! + navPreNextSize.value * 2
+        const _offset = navOffset.value + navWrapperSize.value
+        let offset
+        if (mergedNavSize - _offset < navWrapperSize.value) {
+          offset = mergedNavSize - navWrapperSize.value
+        } else {
+          offset = _offset
+        }
+        setNavOffset(offset)
+      }
+    }
+
+    const judgePreNextStatus = () => {
+      preReached.value = navOffset.value === 0
+      nextReached.value = navSize.value - navOffset.value <= navWrapperSize.value
+    }
+
+    const update = () => {
+      syncNavElSize()
+      syncSelectedElSize()
+      syncSelectedElOffset()
+      updateNavBarStyle()
+      judgePreNextStatus()
+    }
+
+    watch(
+      navOffset,
+      val => {
+        if (navElRef.value) {
+          navElRef.value.style.transform = `translate${isHorizontal.value ? 'X' : 'Y'}(-${val}px)`
+          judgePreNextStatus()
+          updateNavBarStyle()
+        }
+      },
+      {
+        flush: 'post',
+      },
+    )
+
+    let isAddTabs = false
+
+    watch(
+      () => props.tabs,
+      (val = [], oldVal = []) => {
+        update()
+        isAddTabs = val.length > oldVal.length
+      },
+      {
+        flush: 'post',
+      },
+    )
+
+    watch(
+      navSize,
+      (val, oldSize) => {
+        let offset = navOffset.value
+        const currentSize = val!
+        if (currentSize > oldSize && isAddTabs) {
+          offset += currentSize - oldSize
+          if (hasScroll.value) {
+            setNavOffset(offset)
+          }
+        } else if (currentSize < oldSize && !isAddTabs) {
+          offset += currentSize - oldSize
+          if (offset >= 0) {
+            setNavOffset(offset)
+          }
+        }
+      },
+      {
+        flush: 'post',
+      },
+    )
+
+    watch(selectedKey, val => {
+      const hasSelectedKey = props.tabs?.find(item => {
+        return val === item.key
+      })
+      if (!hasSelectedKey) {
+        selectedElRef.value = null
+      }
+    })
+
+    watch(
+      selectedElRef,
+      () => {
+        syncSelectedElSize()
+        syncSelectedElOffset()
+        updateSelectedOffset()
+        updateNavBarStyle()
+      },
+      {
+        flush: 'post',
+      },
+    )
+
+    useResizeObserver(navWrapperElRef, update)
+
+    provide(tabsToken, {
+      selectedKey,
+      selectedElRef,
+      mergedPrefixCls,
+      handleTabClick,
+    })
+
+    return () => {
+      let defaultSelectedKey: VKey = 1
+
+      const tabVNodes =
+        props.tabs?.map((item, index) => {
+          if (isNil(item.key)) {
+            item.key = index + 1
+          } else if (index === 0) {
+            defaultSelectedKey = item.key as VKey
+          }
+          return item
+        }) ?? []
+
+      return (
+        <div class={classes.value}>
+          <div
+            class={`${mergedPrefixCls.value}-nav-wrapper ${
+              hasScroll.value ? `${mergedPrefixCls.value}-nav-wrapper-has-scroll` : ''
+            }`}
+            ref={navWrapperElRef}
+          >
+            {hasScroll.value && (
+              <IxIcon
+                class={navPreClasses.value}
+                name={isHorizontal.value ? 'left' : 'up'}
+                onClick={handlePreClick}
+                ref={navPreElRef}
+              />
+            )}
+            <div class={`${mergedPrefixCls.value}-nav`} ref={navElRef}>
+              {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                tabVNodes.map((vnode: any) => (
+                  <TabNav
+                    {...vnode.props}
+                    key={vnode.key}
+                    defaultSelectedKey={defaultSelectedKey}
+                    v-slots={{ title: vnode.children?.title }}
+                  />
+                ))
+              }
+            </div>
+            {hasScroll.value && (
+              <IxIcon
+                class={navNextClasses.value}
+                name={isHorizontal.value ? 'right' : 'down'}
+                onClick={handleNextClick}
+              />
+            )}
+            {!isSegmentType.value && <div class={`${mergedPrefixCls.value}-nav-border`}></div>}
+            {isLineType.value && (
+              <div class={`${mergedPrefixCls.value}-nav-bar`} ref={navBarElRef} style={barStyle.value}></div>
+            )}
+          </div>
+          <div class={`${mergedPrefixCls.value}-pane-wrapper`}>
+            {filterTabVNodes(props, tabVNodes, selectedKey, defaultSelectedKey)}
+          </div>
+        </div>
+      )
+    }
+  },
+})
diff --git a/packages/components/tabs/src/Tabs.tsx b/packages/components/tabs/src/Tabs.tsx
index 2fab91d63..a09df9faf 100644
--- a/packages/components/tabs/src/Tabs.tsx
+++ b/packages/components/tabs/src/Tabs.tsx
@@ -5,355 +5,13 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import type { TabProps, TabsProps } from './types'
-import type { VKey } from '@idux/cdk/utils'
-import type { IconInstance } from '@idux/components/icon'
-import type { CSSProperties, ComputedRef, PropType, Ref, VNode } from 'vue'
+import { defineComponent } from 'vue'
 
-import { computed, defineComponent, normalizeClass, provide, ref, vShow, watch, withDirectives } from 'vue'
+import { type VKey, flattenNode, useControlledProp } from '@idux/cdk/utils'
 
-import { curry, isNil } from 'lodash-es'
-
-import { useResizeObserver } from '@idux/cdk/resize'
-import { addClass, callEmit, flattenNode, removeClass, useControlledProp, useState } from '@idux/cdk/utils'
-import { useGlobalConfig } from '@idux/components/config'
-import { IxIcon } from '@idux/components/icon'
-
-import TabNav from './TabNav'
-import { useSelectedElOffset } from './composables/useOffset'
-import { useNavRelatedElSize, useSelectedElVisibleSize } from './composables/useSize'
-import { tabsToken } from './tokens'
+import InternalTabs from './InternalTabs'
 import { tabsProps } from './types'
 
-const InternalTabs = defineComponent({
-  name: 'IxTabs',
-  props: {
-    ...tabsProps,
-    tabs: { type: Array as PropType<VNode[]>, default: undefined },
-  },
-  setup(props) {
-    const common = useGlobalConfig('common')
-    const mergedPrefixCls = computed(() => `${common.prefixCls}-tabs`)
-
-    const navWrapperElRef = ref<HTMLElement | null>(null)
-    const navElRef = ref<HTMLElement | null>(null)
-    const navBarElRef = ref<HTMLElement | null>(null)
-    const navPreElRef = ref<IconInstance | null>(null)
-    const selectedElRef = ref<HTMLElement | null>(null)
-
-    const [selectedKey, setSelectedKey] = useControlledProp(props, 'selectedKey')
-
-    const isLineType = computed(() => props.type === 'line')
-    const isSegmentType = computed(() => props.type === 'segment')
-
-    const horizontalPlacement = ['top', 'bottom']
-    const isHorizontal = computed(() => horizontalPlacement.includes(props.placement))
-
-    const [navOffset, setNavOffset] = useState(0)
-    const [barStyle, setBarStyle] = useState<CSSProperties>({})
-    const { navSize, navWrapperSize, navPreNextSize, selectedElSize, syncNavElSize, syncSelectedElSize } =
-      useNavRelatedElSize(isHorizontal, navWrapperElRef, navElRef, navPreElRef, selectedElRef)
-    const { selectedElOffset, syncSelectedElOffset } = useSelectedElOffset(isHorizontal, navPreNextSize, selectedElRef)
-
-    const hasScroll = computed(() => {
-      return navSize.value! > navWrapperSize.value
-    })
-
-    const selectedElVisibleSize = useSelectedElVisibleSize(navWrapperSize, selectedElOffset, navOffset)
-
-    // 处理存在滚动状态下，滚动到被选中的tab，并修正其位置
-    const updateSelectedOffset = () => {
-      if (hasScroll.value) {
-        const size = selectedElVisibleSize.value / navWrapperSize.value
-        const inVisibleRange = size < 2
-        if (inVisibleRange) {
-          // 可视范围内需要处理展示不全的问题，需要修正
-          if (selectedElVisibleSize.value < selectedElSize.value) {
-            // 即可视范围内最后一个tab没有展示完全
-            setNavOffset(navOffset.value + selectedElSize.value - selectedElVisibleSize.value + navPreNextSize.value)
-          } else if (selectedElVisibleSize.value / navWrapperSize.value > 1) {
-            // 即可视范围内第一个tab没有展示完全
-            setNavOffset(
-              navOffset.value - ((selectedElVisibleSize.value % navWrapperSize.value) + navPreNextSize.value),
-            )
-          }
-        } else {
-          setNavOffset(selectedElOffset.value - navPreNextSize.value)
-        }
-      }
-    }
-
-    const preReached = ref(false)
-    const nextReached = ref(false)
-
-    const classes = computed(() => {
-      const { type, placement, mode } = props
-      const prefixCls = mergedPrefixCls.value
-      return normalizeClass({
-        [prefixCls]: true,
-        [`${prefixCls}-${type}`]: true,
-        [`${prefixCls}-nav-${placement}`]: placement === 'top' || type === 'line',
-        [`${prefixCls}-nav-${mode}`]: type === 'segment',
-      })
-    })
-
-    const curryNavPreNextClasses = curry(useNavPreNextClasses)(props, mergedPrefixCls)
-    const navPreClasses = curryNavPreNextClasses('pre', preReached)
-    const navNextClasses = curryNavPreNextClasses('next', nextReached)
-
-    const handleTabClick = async (key: VKey, evt: Event) => {
-      const leaveResult = callEmit(props.onBeforeLeave, key, selectedKey.value)
-      const result = await leaveResult
-      if (result !== false) {
-        callEmit(props.onTabClick, key, evt)
-        // 处理当前被选中元素再次被点击，需要修正其位置
-        if (key === selectedKey.value) {
-          updateSelectedOffset()
-        }
-        setSelectedKey(key)
-      }
-    }
-
-    const updateNavBarStyle = () => {
-      if (isLineType.value && navBarElRef.value) {
-        const isBarDisabled = selectedElRef.value?.classList.contains(`${mergedPrefixCls.value}-nav-tab-disabled`)
-        const barDisabledClassName = `${mergedPrefixCls.value}-nav-bar-disabled`
-        const barOffset = selectedElOffset.value - navOffset.value + 'px'
-        const barSize = selectedElSize.value + 'px'
-
-        setBarStyle({
-          width: isHorizontal.value ? barSize : '',
-          left: isHorizontal.value ? barOffset : '',
-          top: isHorizontal.value ? '' : barOffset,
-          height: isHorizontal.value ? '' : barSize,
-        })
-        if (isBarDisabled) {
-          addClass(navBarElRef.value, barDisabledClassName)
-        } else {
-          removeClass(navBarElRef.value, barDisabledClassName)
-        }
-      }
-    }
-
-    const handlePreClick = (evt: Event) => {
-      if (!preReached.value) {
-        callEmit(props.onPreClick, evt)
-        const mergedOffset = navOffset.value + navPreNextSize.value
-        const offset = mergedOffset < navWrapperSize.value ? 0 : mergedOffset - navWrapperSize.value
-        setNavOffset(offset)
-      }
-    }
-
-    const handleNextClick = (evt: Event) => {
-      if (!nextReached.value) {
-        callEmit(props.onNextClick, evt)
-        const mergedNavSize = navSize.value! + navPreNextSize.value * 2
-        const _offset = navOffset.value + navWrapperSize.value
-        let offset
-        if (mergedNavSize - _offset < navWrapperSize.value) {
-          offset = mergedNavSize - navWrapperSize.value
-        } else {
-          offset = _offset
-        }
-        setNavOffset(offset)
-      }
-    }
-
-    const judgePreNextStatus = () => {
-      preReached.value = navOffset.value === 0
-      nextReached.value = navSize.value - navOffset.value <= navWrapperSize.value
-    }
-
-    const update = () => {
-      syncNavElSize()
-      syncSelectedElSize()
-      syncSelectedElOffset()
-      updateNavBarStyle()
-      judgePreNextStatus()
-    }
-
-    watch(
-      navOffset,
-      val => {
-        if (navElRef.value) {
-          navElRef.value.style.transform = `translate${isHorizontal.value ? 'X' : 'Y'}(-${val}px)`
-          judgePreNextStatus()
-          updateNavBarStyle()
-        }
-      },
-      {
-        flush: 'post',
-      },
-    )
-
-    let isAddTabs = false
-
-    watch(
-      () => props.tabs,
-      (val = [], oldVal = []) => {
-        update()
-        isAddTabs = val.length > oldVal.length
-      },
-      {
-        flush: 'post',
-      },
-    )
-
-    watch(
-      navSize,
-      (val, oldSize) => {
-        let offset = navOffset.value
-        const currentSize = val!
-        if (currentSize > oldSize && isAddTabs) {
-          offset += currentSize - oldSize
-          if (hasScroll.value) {
-            setNavOffset(offset)
-          }
-        } else if (currentSize < oldSize && !isAddTabs) {
-          offset += currentSize - oldSize
-          if (offset >= 0) {
-            setNavOffset(offset)
-          }
-        }
-      },
-      {
-        flush: 'post',
-      },
-    )
-
-    watch(selectedKey, val => {
-      const hasSelectedKey = props.tabs?.find(item => {
-        return val === item.key
-      })
-      if (!hasSelectedKey) {
-        selectedElRef.value = null
-      }
-    })
-
-    watch(
-      selectedElRef,
-      () => {
-        syncSelectedElSize()
-        syncSelectedElOffset()
-        updateSelectedOffset()
-        updateNavBarStyle()
-      },
-      {
-        flush: 'post',
-      },
-    )
-
-    useResizeObserver(navWrapperElRef, update)
-
-    provide(tabsToken, {
-      selectedKey,
-      selectedElRef,
-      mergedPrefixCls,
-      handleTabClick,
-    })
-
-    return () => {
-      let defaultSelectedKey: VKey = 1
-
-      const tabVNodes =
-        props.tabs?.map((item, index) => {
-          if (isNil(item.key)) {
-            item.key = index + 1
-          } else if (index === 0) {
-            defaultSelectedKey = item.key as VKey
-          }
-          return item
-        }) ?? []
-
-      return (
-        <div class={classes.value}>
-          <div
-            class={`${mergedPrefixCls.value}-nav-wrapper ${
-              hasScroll.value ? `${mergedPrefixCls.value}-nav-wrapper-has-scroll` : ''
-            }`}
-            ref={navWrapperElRef}
-          >
-            {hasScroll.value && (
-              <IxIcon
-                class={navPreClasses.value}
-                name={isHorizontal.value ? 'left' : 'up'}
-                onClick={handlePreClick}
-                ref={navPreElRef}
-              />
-            )}
-            <div class={`${mergedPrefixCls.value}-nav`} ref={navElRef}>
-              {
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                tabVNodes.map((vnode: any) => (
-                  <TabNav
-                    {...vnode.props}
-                    key={vnode.key}
-                    defaultSelectedKey={defaultSelectedKey}
-                    v-slots={{ title: vnode.children?.title }}
-                  />
-                ))
-              }
-            </div>
-            {hasScroll.value && (
-              <IxIcon
-                class={navNextClasses.value}
-                name={isHorizontal.value ? 'right' : 'down'}
-                onClick={handleNextClick}
-              />
-            )}
-            {!isSegmentType.value && <div class={`${mergedPrefixCls.value}-nav-border`}></div>}
-            {isLineType.value && (
-              <div class={`${mergedPrefixCls.value}-nav-bar`} ref={navBarElRef} style={barStyle.value}></div>
-            )}
-          </div>
-          <div class={`${mergedPrefixCls.value}-pane-wrapper`}>
-            {filterTabVNodes(props, tabVNodes, selectedKey, defaultSelectedKey)}
-          </div>
-        </div>
-      )
-    }
-  },
-})
-
-function useNavPreNextClasses(
-  props: TabsProps,
-  mergedPrefixCls: ComputedRef<string>,
-  type: 'pre' | 'next',
-  disabled: Ref<boolean>,
-) {
-  return computed(() => {
-    const { placement } = props
-    const prefixCls = mergedPrefixCls.value
-    return normalizeClass({
-      [`${prefixCls}-nav-${type}`]: true,
-      [`${prefixCls}-nav-${type}-disabled`]: disabled.value,
-      [`${prefixCls}-nav-${type}-${placement}`]: true,
-    })
-  })
-}
-
-function filterTabVNodes(
-  props: TabsProps,
-  tabVNodes: VNode[],
-  selectedKey: ComputedRef<VKey | undefined>,
-  defaultSelectedKey: VKey | undefined,
-): VNode[] {
-  const renderTabVNodes: VNode[] = []
-  tabVNodes.forEach(vNode => {
-    const { key } = vNode
-    const { forceRender, disabled } = vNode.props as TabProps
-    const _disabled = !isNil(disabled)
-    const useVShow = forceRender ?? props.forceRender
-    const show = (selectedKey.value ?? defaultSelectedKey) === key && !_disabled
-    if (useVShow) {
-      renderTabVNodes.push(withDirectives(vNode, [[vShow, show]]))
-    } else if (show) {
-      renderTabVNodes.push(vNode)
-    }
-  })
-  return renderTabVNodes
-}
-
 export default defineComponent({
   name: 'IxTabs',
   inheritAttrs: false,
diff --git a/packages/components/textarea/src/composables/useAutoRows.ts b/packages/components/textarea/src/composables/useAutoRows.ts
index b697b6859..b0aaac354 100644
--- a/packages/components/textarea/src/composables/useAutoRows.ts
+++ b/packages/components/textarea/src/composables/useAutoRows.ts
@@ -222,7 +222,7 @@ export function useAutoRows(
         { immediate: true },
       ),
     ]
-    const { stop: stopResizeObserver } = useResizeObserver(textareaRef, onResize)
+    const stopResizeObserver = useResizeObserver(textareaRef, onResize)
     stopWatch = () => {
       watchStopHandlers.forEach(stop => stop())
       stopResizeObserver()
diff --git a/packages/components/time-picker/demo/Disable.vue b/packages/components/time-picker/demo/Disable.vue
index 0365d661d..3cd2b7035 100644
--- a/packages/components/time-picker/demo/Disable.vue
+++ b/packages/components/time-picker/demo/Disable.vue
@@ -4,11 +4,11 @@
     <IxTimePicker
       v-model:value="time"
       format="hh:mm:ss a"
-      allow-input
-      :hide-disabled-options="hideDisabledOptions"
-      :disabled-hours="disabledHours"
-      :disabled-minutes="disabledMinutes"
-      :disabled-seconds="disabledSeconds"
+      allowInput
+      :hideDisabledOptions="hideDisabledOptions"
+      :disabledHours="disabledHours"
+      :disabledMinutes="disabledMinutes"
+      :disabledSeconds="disabledSeconds"
     />
     <IxButton @click="hideDisabledOptions = true">hide disabled options</IxButton>
   </IxSpace>
diff --git a/packages/components/tooltip/src/types.ts b/packages/components/tooltip/src/types.ts
index 51f1c644a..0d1b8b785 100644
--- a/packages/components/tooltip/src/types.ts
+++ b/packages/components/tooltip/src/types.ts
@@ -35,13 +35,6 @@ export const tooltipProps = {
     default: undefined,
   },
   placement: ɵOverlayPlacementDef,
-  /**
-   * @deprecated please use `overlayContainer` instead'
-   */
-  target: {
-    type: [String, HTMLElement, Function] as PropType<PortalTargetType>,
-    default: undefined,
-  },
   title: String,
   trigger: ɵOverlayTriggerDef,
   zIndex: Number,
diff --git a/packages/components/transfer/src/list/List.tsx b/packages/components/transfer/src/list/List.tsx
index b15247e79..258a84edc 100644
--- a/packages/components/transfer/src/list/List.tsx
+++ b/packages/components/transfer/src/list/List.tsx
@@ -69,7 +69,6 @@ export default defineComponent({
           v-slots={{ default: slots.label && (() => slots.label?.(item)) }}
           onCheckChange={onCheckChange}
           onRemove={onRemove}
-          {...(item.additional ?? {})}
           {...customAdditional}
         />
       )
diff --git a/packages/components/tree-select/__tests__/treeSelect.spec.ts b/packages/components/tree-select/__tests__/treeSelect.spec.ts
index e07f24886..f8311bfa2 100644
--- a/packages/components/tree-select/__tests__/treeSelect.spec.ts
+++ b/packages/components/tree-select/__tests__/treeSelect.spec.ts
@@ -211,7 +211,7 @@ describe('TreeSelect', () => {
       ]
 
       const wrapper = TreeSelectMount({
-        props: { value: '0', open: true, dataSource, childrenKey: 'options', labelKey: 'text', nodeKey: 'value' },
+        props: { value: '0', open: true, dataSource, childrenKey: 'options', labelKey: 'text', getKey: 'value' },
       })
 
       expect(wrapper.find('.ix-selector-item').text()).toBe('Node 0')
diff --git a/packages/components/tree-select/demo/Cascade.vue b/packages/components/tree-select/demo/Cascade.vue
index efbb5f9d1..611ac659f 100644
--- a/packages/components/tree-select/demo/Cascade.vue
+++ b/packages/components/tree-select/demo/Cascade.vue
@@ -3,7 +3,7 @@
     v-model:value="value"
     v-model:expandedKeys="expandedKeys"
     placeholder="级联"
-    cascade
+    cascaderStrategy="all"
     checkable
     multiple
     :dataSource="treeData"
diff --git a/packages/components/tree-select/demo/CascaderStrategy.vue b/packages/components/tree-select/demo/CascaderStrategy.vue
index a8563199b..4622cb565 100644
--- a/packages/components/tree-select/demo/CascaderStrategy.vue
+++ b/packages/components/tree-select/demo/CascaderStrategy.vue
@@ -9,7 +9,6 @@
     <IxTreeSelect
       v-model:value="value"
       v-model:expandedKeys="expandedKeys"
-      cascade
       multiple
       :cascaderStrategy="cascaderStrategy"
       :dataSource="treeData"
diff --git a/packages/components/tree-select/demo/CustomLabel.vue b/packages/components/tree-select/demo/CustomLabel.vue
index dcca256c5..23b32cb2b 100644
--- a/packages/components/tree-select/demo/CustomLabel.vue
+++ b/packages/components/tree-select/demo/CustomLabel.vue
@@ -5,7 +5,7 @@
     multiple
     checkable
     :dataSource="treeData"
-    :maxLabelCount="3"
+    :maxLabel="3"
   >
     <template #label="node"><IxIcon :name="node.icon" />{{ node.label }}</template>
     <template #maxLabel="moreNodes">and {{ moreNodes.length }} more selected</template>
diff --git a/packages/components/tree-select/src/TreeSelect.tsx b/packages/components/tree-select/src/TreeSelect.tsx
index e7e6dc00f..ec6f072ba 100644
--- a/packages/components/tree-select/src/TreeSelect.tsx
+++ b/packages/components/tree-select/src/TreeSelect.tsx
@@ -9,17 +9,16 @@ import { computed, defineComponent, normalizeClass, provide, ref, watch } from '
 
 import { useAccessorAndControl } from '@idux/cdk/forms'
 import { type VirtualScrollToFn } from '@idux/cdk/scroll'
-import { Logger, type VKey, useControlledProp, useState } from '@idux/cdk/utils'
+import { type VKey, useControlledProp, useState } from '@idux/cdk/utils'
 import { ɵOverlay } from '@idux/components/_private/overlay'
 import { ɵSelector, type ɵSelectorInstance } from '@idux/components/_private/selector'
 import { useGlobalConfig } from '@idux/components/config'
 import { useFormItemRegister, useFormSize, useFormStatus } from '@idux/components/form'
 import { ɵUseOverlayState } from '@idux/components/select'
 import { type TreeInstance } from '@idux/components/tree'
-import { useOverlayContainer } from '@idux/components/utils'
+import { useGetKey, useOverlayContainer } from '@idux/components/utils'
 
 import { useMergeNodes } from './composables/useDataSource'
-import { useGetNodeKey } from './composables/useGetNodeKey'
 import { useSelectedState } from './composables/useSelectedState'
 import Content from './content/Content'
 import { treeSelectToken } from './token'
@@ -38,7 +37,7 @@ export default defineComponent({
     const mergedPrefixCls = computed(() => `${common.prefixCls}-tree-select`)
     const mergedOverlayContainer = useOverlayContainer(props, config, common, mergedPrefixCls)
     const mergedChildrenKey = computed(() => props.childrenKey ?? config.childrenKey)
-    const mergedGetKey = useGetNodeKey(props, config)
+    const mergedGetKey = useGetKey(props, config, 'components/tree-select')
     const mergedLabelKey = computed(() => props.labelKey ?? config.labelKey)
 
     const triggerRef = ref<ɵSelectorInstance>()
@@ -154,7 +153,7 @@ export default defineComponent({
         config={config}
         dataSource={selectedNodes.value}
         disabled={accessor.disabled}
-        maxLabel={props.maxLabelCount ?? props.maxLabel}
+        maxLabel={props.maxLabel}
         multiple={props.multiple}
         opened={overlayOpened.value}
         placeholder={props.placeholder}
@@ -178,29 +177,6 @@ export default defineComponent({
 
     const renderContent = () => <Content onClick={handleOverlayClick} />
 
-    if (__DEV__) {
-      props.cascade &&
-        Logger.warn(
-          'components/tree-select',
-          'the `cascade` and `checkStrategy` are deprecated, please use `cascaderStrategy` instead.',
-        )
-      if (props.maxLabelCount) {
-        Logger.warn('components/tree-select', 'the `maxLabelCount` are deprecated, please use `maxLabel` instead.')
-      }
-      if (props.nodeKey) {
-        Logger.warn('components/tree-select', 'the `nodeKey` are deprecated, please use `getKey` instead.')
-      }
-      if (props.target) {
-        Logger.warn('components/tree-select', 'the `target` are deprecated, please use `overlayContainer` instead.')
-      }
-      if (props.dataSource?.some(data => data.additional)) {
-        Logger.warn(
-          'components/tree-select',
-          'the `additional` of TreeNode was deprecated, please use `customAdditional` instead.',
-        )
-      }
-    }
-
     return () => {
       const overlayProps = {
         class: overlayClasses.value,
diff --git a/packages/components/tree-select/src/composables/useDataSource.ts b/packages/components/tree-select/src/composables/useDataSource.ts
index 14a5a6ea5..8115f2432 100644
--- a/packages/components/tree-select/src/composables/useDataSource.ts
+++ b/packages/components/tree-select/src/composables/useDataSource.ts
@@ -10,9 +10,9 @@ import { type ComputedRef, computed } from 'vue'
 import { isBoolean } from 'lodash-es'
 
 import { type VKey } from '@idux/cdk/utils'
+import { type GetKeyFn } from '@idux/components/utils'
 
 import { type TreeSelectNode, type TreeSelectNodeDisabled, type TreeSelectProps } from '../types'
-import { type GetNodeKey } from './useGetNodeKey'
 
 export interface MergedNode {
   children?: MergedNode[]
@@ -30,7 +30,7 @@ export interface MergedNode {
 export function useMergeNodes(
   props: TreeSelectProps,
   mergedChildrenKey: ComputedRef<string>,
-  mergedGetKey: ComputedRef<GetNodeKey>,
+  mergedGetKey: ComputedRef<GetKeyFn>,
   mergedLabelKey: ComputedRef<string>,
 ): {
   mergedNodeMap: ComputedRef<Map<VKey, MergedNode>>
@@ -55,7 +55,7 @@ export function convertMergeNodes(
   props: TreeSelectProps,
   nodes: TreeSelectNode[],
   childrenKey: string,
-  getKey: GetNodeKey,
+  getKey: GetKeyFn,
   labelKey: string,
   parentKey?: VKey,
 ): MergedNode[] {
@@ -68,7 +68,7 @@ export function convertMergeNodes(
 function convertMergeNode(
   rawData: TreeSelectNode,
   childrenKey: string,
-  getKey: GetNodeKey,
+  getKey: GetKeyFn,
   labelKey: string,
   disabled: ((node: TreeSelectNode) => boolean | TreeSelectNodeDisabled) | undefined,
   hasLoad: boolean,
diff --git a/packages/components/tree-select/src/composables/useGetNodeKey.ts b/packages/components/tree-select/src/composables/useGetNodeKey.ts
deleted file mode 100644
index c8fcfc68f..000000000
--- a/packages/components/tree-select/src/composables/useGetNodeKey.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * @license
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
- */
-
-import type { TreeSelectNode, TreeSelectProps } from '../types'
-import type { VKey } from '@idux/cdk/utils'
-import type { TreeSelectConfig } from '@idux/components/config'
-import type { ComputedRef } from 'vue'
-
-import { computed } from 'vue'
-
-import { isString } from 'lodash-es'
-
-import { Logger } from '@idux/cdk/utils'
-
-export type GetNodeKey = (rawNode: TreeSelectNode) => VKey
-
-/**
- * @deprecated please use `useGetKey` instead
- */
-export function useGetNodeKey(props: TreeSelectProps, config: TreeSelectConfig): ComputedRef<GetNodeKey> {
-  return computed(() => {
-    const nodeKey = props.nodeKey ?? props.getKey ?? config.nodeKey ?? config.getKey
-    if (isString(nodeKey)) {
-      return (rawNode: TreeSelectNode) => {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const key = (rawNode as any)[nodeKey]
-        if (__DEV__ && key === undefined) {
-          Logger.warn('components/treeSelect', 'Each data in dataSource should have a unique `key` prop.')
-        }
-        return key
-      }
-    }
-    return nodeKey
-  })
-}
diff --git a/packages/components/tree-select/src/content/Content.tsx b/packages/components/tree-select/src/content/Content.tsx
index 3806edb3d..aa0737d94 100644
--- a/packages/components/tree-select/src/content/Content.tsx
+++ b/packages/components/tree-select/src/content/Content.tsx
@@ -53,7 +53,7 @@ export default defineComponent({
       if (!mergedCheckable.value) {
         return 'off'
       }
-      return props.cascade ? props.checkStrategy : props.cascaderStrategy
+      return props.cascaderStrategy
     })
 
     const handleScrolledChange = (startIndex: number, endIndex: number, visibleNodes: any[]) => {
diff --git a/packages/components/tree-select/src/types.ts b/packages/components/tree-select/src/types.ts
index 9f59a9b26..2d469f053 100644
--- a/packages/components/tree-select/src/types.ts
+++ b/packages/components/tree-select/src/types.ts
@@ -14,13 +14,7 @@ import type { ExtractInnerPropTypes, ExtractPublicPropTypes, MaybeArray, VKey }
 import type { CascaderStrategy } from '@idux/components/cascader'
 import type { EmptyProps } from '@idux/components/empty'
 import type { FormSize } from '@idux/components/form'
-import type {
-  TreeCheckStrategy,
-  TreeCustomAdditional,
-  TreeDragDropOptions,
-  TreeDroppable,
-  TreeNode,
-} from '@idux/components/tree'
+import type { TreeCustomAdditional, TreeDragDropOptions, TreeDroppable, TreeNode } from '@idux/components/tree'
 import type { DefineComponent, HTMLAttributes, PropType, VNode, VNodeChild } from 'vue'
 
 export const treeSelectProps = {
@@ -35,27 +29,9 @@ export const treeSelectProps = {
   borderless: { type: Boolean, default: undefined },
   childrenKey: { type: String, default: undefined },
   cascaderStrategy: { type: String as PropType<CascaderStrategy>, default: 'off' },
-  /**
-   * @deprecated please use `cascaderStrategy` instead'
-   *
-   *  * cascade: false + checkStrategy: 'all' = cascaderStrategy: 'off'
-   *  * cascade: true + checkStrategy: 'all' = cascaderStrategy: 'all'
-   *  * cascade: true + checkStrategy: 'parent' = cascaderStrategy: 'parent'
-   *  * cascade: true + checkStrategy: 'child' = cascaderStrategy: 'child'
-   */
-  cascade: { type: Boolean, default: false },
   checkable: { type: Boolean, default: false },
   clearable: { type: Boolean, default: false },
   clearIcon: { type: String, default: undefined },
-  /**
-   * @deprecated please use `cascaderStrategy` instead'
-   *
-   *  * cascade: false + checkStrategy: 'all' = cascaderStrategy: 'off'
-   *  * cascade: true + checkStrategy: 'all' = cascaderStrategy: 'all'
-   *  * cascade: true + checkStrategy: 'parent' = cascaderStrategy: 'parent'
-   *  * cascade: true + checkStrategy: 'child' = cascaderStrategy: 'child'
-   */
-  checkStrategy: { type: String as PropType<TreeCheckStrategy>, default: 'all' },
   customAdditional: { type: Function as PropType<TreeSelectCustomAdditional>, default: undefined },
   dataSource: { type: Array as PropType<TreeSelectNode[]>, default: () => [] },
   disabled: { type: Boolean, default: false },
@@ -71,16 +47,8 @@ export const treeSelectProps = {
     type: Function as PropType<(node: TreeSelectNode<any>) => Promise<TreeSelectNode<any>[]>>,
     default: undefined,
   },
-  /**
-   * @deprecated please use `maxLabel` instead'
-   */
-  maxLabelCount: { type: [Number, String] as PropType<number | 'responsive'>, default: undefined },
   maxLabel: { type: [Number, String] as PropType<number | 'responsive'>, default: Number.MAX_SAFE_INTEGER },
   multiple: { type: Boolean, default: false },
-  /**
-   * @deprecated please use `getKey` instead'
-   */
-  nodeKey: { type: [String, Function] as PropType<string | ((node: TreeSelectNode) => VKey)>, default: undefined },
   overlayClassName: { type: String, default: undefined },
   overlayContainer: {
     type: [String, HTMLElement, Function] as PropType<PortalTargetType>,
@@ -99,13 +67,6 @@ export const treeSelectProps = {
   showLine: { type: Boolean, default: undefined },
   status: String as PropType<ValidateStatus>,
   suffix: { type: String, default: undefined },
-  /**
-   * @deprecated please use `overlayContainer` instead'
-   */
-  target: {
-    type: [String, HTMLElement, Function] as PropType<PortalTargetType>,
-    default: undefined,
-  },
   treeDisabled: {
     type: Function as PropType<(node: TreeSelectNode<any>) => boolean | TreeSelectNodeDisabled>,
     default: undefined,
@@ -146,10 +107,7 @@ export const treeSelectProps = {
 } as const
 
 export type TreeSelectProps = ExtractInnerPropTypes<typeof treeSelectProps>
-export type TreeSelectPublicProps = Omit<
-  ExtractPublicPropTypes<typeof treeSelectProps>,
-  'maxLabelCount' | 'overlayHeight' | 'target' | 'nodeKey'
->
+export type TreeSelectPublicProps = Omit<ExtractPublicPropTypes<typeof treeSelectProps>, 'overlayHeight'>
 export interface TreeSelectBindings<K = VKey> {
   focus: (options?: FocusOptions) => void
   blur: () => void
diff --git a/packages/components/tree/__tests__/tree.spec.ts b/packages/components/tree/__tests__/tree.spec.ts
index ecdd13d2d..51e5e41b9 100644
--- a/packages/components/tree/__tests__/tree.spec.ts
+++ b/packages/components/tree/__tests__/tree.spec.ts
@@ -101,12 +101,12 @@ describe('Tree', () => {
   })
 
   describe('v-model:checkedKeys work', () => {
-    test('with cascade', async () => {
+    test('with cascaderStrategy: all', async () => {
       const onUpdateCheckedKeys = vi.fn()
       const wrapper = TreeMount({
         props: {
           dataSource: simpleDataSource,
-          cascade: true,
+          cascaderStrategy: 'all',
           checkedKeys: ['0'],
           'onUpdate:checkedKeys': onUpdateCheckedKeys,
         },
@@ -129,13 +129,13 @@ describe('Tree', () => {
       expect(allNodes[0].find('.ix-checkbox-indeterminate').exists()).toBe(true)
     })
 
-    test('with checkStrategy: all', async () => {
+    test('with cascaderStrategy: off', async () => {
       const onUpdateCheckedKeys = vi.fn()
       const wrapper = TreeMount({
         props: {
           dataSource: simpleDataSource,
           checkedKeys: ['0', '0-0'],
-          checkStrategy: 'all',
+          cascaderStrategy: 'off',
           'onUpdate:checkedKeys': onUpdateCheckedKeys,
         },
       })
@@ -152,7 +152,7 @@ describe('Tree', () => {
 
       expect(onUpdateCheckedKeys).toBeCalledWith(['0'])
 
-      await wrapper.setProps({ cascade: true, checkedKeys: [] })
+      await wrapper.setProps({ cascaderStrategy: 'all', checkedKeys: [] })
 
       // 0, checked
       await allNodes[0].find('input').setValue(true)
@@ -160,7 +160,7 @@ describe('Tree', () => {
       expect(onUpdateCheckedKeys).toBeCalledWith(['0', '0-0', '0-1', '0-2'])
     })
 
-    test('with checkStrategy: parent', async () => {
+    test('with cascaderStrategy: parent', async () => {
       const onUpdateCheckedKeys = vi.fn()
       const wrapper = TreeMount({
         props: {
@@ -186,8 +186,7 @@ describe('Tree', () => {
             },
           ],
           checkedKeys: ['0'],
-          cascade: true,
-          checkStrategy: 'parent',
+          cascaderStrategy: 'parent',
           'onUpdate:checkedKeys': onUpdateCheckedKeys,
         },
       })
@@ -222,7 +221,7 @@ describe('Tree', () => {
       expect(onUpdateCheckedKeys).toBeCalledWith(['0-0', '0-2'])
     })
 
-    test('with checkStrategy: child', async () => {
+    test('with cascaderStrategy: child', async () => {
       const onUpdateCheckedKeys = vi.fn()
       const wrapper = TreeMount({
         props: {
@@ -244,8 +243,7 @@ describe('Tree', () => {
             },
           ],
           checkedKeys: ['0-0', '0-1'],
-          cascade: true,
-          checkStrategy: 'child',
+          cascaderStrategy: 'child',
           'onUpdate:checkedKeys': onUpdateCheckedKeys,
         },
       })
@@ -296,8 +294,7 @@ describe('Tree', () => {
             },
           ],
           checkedKeys: [],
-          cascade: true,
-          checkStrategy: 'child',
+          cascaderStrategy: 'child',
           'onUpdate:checkedKeys': onUpdateCheckedKeys,
         },
       })
diff --git a/packages/components/tree/src/Tree.tsx b/packages/components/tree/src/Tree.tsx
index 108a70f15..8a94af686 100644
--- a/packages/components/tree/src/Tree.tsx
+++ b/packages/components/tree/src/Tree.tsx
@@ -14,7 +14,7 @@ import { computed, defineComponent, provide, ref } from 'vue'
 import { isNil } from 'lodash-es'
 
 import { CdkVirtualScroll } from '@idux/cdk/scroll'
-import { Logger, type VKey, callEmit } from '@idux/cdk/utils'
+import { type VKey, callEmit } from '@idux/cdk/utils'
 import { ɵEmpty } from '@idux/components/_private/empty'
 import { useGlobalConfig } from '@idux/components/config'
 import { useGetKey } from '@idux/components/utils'
@@ -49,11 +49,6 @@ export default defineComponent({
     const mergedPrefixCls = computed(() => `${common.prefixCls}-tree`)
     const config = useGlobalConfig('tree')
 
-    // TODO: remove
-    const mergedCascaderStrategy = computed(() => {
-      return props.cascade ? props.checkStrategy : props.cascaderStrategy
-    })
-
     const autoHeight = computed(() => props.autoHeight ?? config.autoHeight)
     const mergedChildrenKey = computed(() => props.childrenKey ?? config.childrenKey)
     const mergedGetKey = useGetKey(props, config, 'components/tree')
@@ -73,7 +68,7 @@ export default defineComponent({
       searchedKeys,
     )
     const flattedNodes = useFlattedNodes(mergedNodes, expandableContext, props, searchedKeys)
-    const checkableContext = useCheckable(props, mergedNodeMap, mergedCascaderStrategy)
+    const checkableContext = useCheckable(props, mergedNodeMap)
     const dragDropContext = useDragDrop(props, config, expandableContext)
     const selectableContext = useSelectable(props, mergedNodeMap)
 
@@ -167,23 +162,6 @@ export default defineComponent({
       )
     }
 
-    if (__DEV__) {
-      props.cascade &&
-        Logger.warn(
-          'components/tree',
-          'the `cascade` and `checkStrategy` are deprecated, please use `cascaderStrategy` instead.',
-        )
-      if (props.nodeKey) {
-        Logger.warn('components/tree', 'the `nodeKey` are deprecated, please use `getKey` instead.')
-      }
-      if (props.dataSource?.some(data => data.additional)) {
-        Logger.warn(
-          'components/tree',
-          'the `additional` of TreeNode was deprecated, please use `customAdditional` instead.',
-        )
-      }
-    }
-
     return () => {
       const nodes = flattedNodes.value
 
diff --git a/packages/components/tree/src/composables/useCheckable.ts b/packages/components/tree/src/composables/useCheckable.ts
index 27447c061..f2710a14b 100644
--- a/packages/components/tree/src/composables/useCheckable.ts
+++ b/packages/components/tree/src/composables/useCheckable.ts
@@ -24,11 +24,7 @@ export interface CheckableContext {
   handleCheck: (node: MergedNode) => void
 }
 
-export function useCheckable(
-  props: TreeProps,
-  mergedNodeMap: ComputedRef<Map<VKey, MergedNode>>,
-  mergedCascaderStrategy: ComputedRef<CascaderStrategy>,
-): CheckableContext {
+export function useCheckable(props: TreeProps, mergedNodeMap: ComputedRef<Map<VKey, MergedNode>>): CheckableContext {
   const [checkedKeys, setCheckedKeys] = useControlledProp(props, 'checkedKeys', () => [])
 
   const checkDisabledKeys = computed(() => {
@@ -45,7 +41,7 @@ export function useCheckable(
 
   // allCheckedKeys控制勾选框的勾选状态，checkedKeys控制回调的返回值
   const allCheckedKeys = computed(() => {
-    if (mergedCascaderStrategy.value !== 'off') {
+    if (props.cascaderStrategy !== 'off') {
       return findAllCheckedKeys(mergedNodeMap.value, checkedKeys.value, checkDisabledKeys.value)
     } else {
       return checkedKeys.value
@@ -54,7 +50,7 @@ export function useCheckable(
 
   const indeterminateKeys = computed(() => {
     const _checkedKeys = allCheckedKeys.value
-    if (_checkedKeys.length === 0 || mergedCascaderStrategy.value === 'off') {
+    if (_checkedKeys.length === 0 || props.cascaderStrategy === 'off') {
       return []
     }
 
@@ -85,7 +81,7 @@ export function useCheckable(
     const currKey = node.key
     const nodeMap = mergedNodeMap.value
     const disabledKeys = checkDisabledKeys.value
-    const cascaderStrategy = mergedCascaderStrategy.value
+    const cascaderStrategy = props.cascaderStrategy
     const cascaderEnabled = cascaderStrategy !== 'off'
     const childrenKeys = cascaderEnabled ? getChildrenKeys(node, disabledKeys) : []
     const index = allCheckedKeys.value.indexOf(currKey)
diff --git a/packages/components/tree/src/composables/useGetNodeKey.ts b/packages/components/tree/src/composables/useGetNodeKey.ts
deleted file mode 100644
index a69772de6..000000000
--- a/packages/components/tree/src/composables/useGetNodeKey.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * @license
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
- */
-
-import type { TreeNode, TreeProps } from '../types'
-import type { VKey } from '@idux/cdk/utils'
-import type { TreeConfig } from '@idux/components/config'
-import type { ComputedRef } from 'vue'
-
-import { computed } from 'vue'
-
-import { isString } from 'lodash-es'
-
-import { Logger } from '@idux/cdk/utils'
-
-export type GetNodeKey = (rawNode: TreeNode) => VKey
-
-/**
- * @deprecated please use `useGetKey` instead
- */
-export function useGetNodeKey(props: TreeProps, config: TreeConfig): ComputedRef<GetNodeKey> {
-  return computed(() => {
-    const nodeKey = props.nodeKey ?? props.getKey ?? config.nodeKey ?? config.getKey
-    if (isString(nodeKey)) {
-      return (rawNode: TreeNode) => {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const key = (rawNode as any)[nodeKey]
-        if (__DEV__ && key === undefined) {
-          Logger.warn('components/tree', 'Each node in tree should have a unique `key` prop.')
-        }
-        return key
-      }
-    }
-    return nodeKey
-  })
-}
diff --git a/packages/components/tree/src/node/TreeNode.tsx b/packages/components/tree/src/node/TreeNode.tsx
index f57eeb6ae..89753852a 100644
--- a/packages/components/tree/src/node/TreeNode.tsx
+++ b/packages/components/tree/src/node/TreeNode.tsx
@@ -156,7 +156,6 @@ export default defineComponent({
           onDragover={mergedDraggable ? onDragover : undefined}
           onDragleave={mergedDraggable ? onDragleave : undefined}
           onDrop={mergedDraggable && !dropDisabled ? onDrop : undefined}
-          {...rawNode.additional}
           {...customAdditional}
         >
           <Indent level={level} noopIdentUnitArr={noopIdentUnitArr} prefixCls={mergedPrefixCls.value} />
diff --git a/packages/components/tree/src/types.ts b/packages/components/tree/src/types.ts
index 89f464a82..7986dfe52 100644
--- a/packages/components/tree/src/types.ts
+++ b/packages/components/tree/src/types.ts
@@ -12,7 +12,7 @@ import type { VirtualScrollToFn } from '@idux/cdk/scroll'
 import type { ExtractInnerPropTypes, ExtractPublicPropTypes, MaybeArray, VKey } from '@idux/cdk/utils'
 import type { CascaderStrategy } from '@idux/components/cascader'
 import type { EmptyProps } from '@idux/components/empty'
-import type { DefineComponent, HTMLAttributes, PropType, StyleValue } from 'vue'
+import type { DefineComponent, HTMLAttributes, PropType } from 'vue'
 
 export type CheckStrategy = 'all' | 'parent' | 'child'
 
@@ -32,35 +32,11 @@ export const treeProps = {
     default: undefined,
   },
   cascaderStrategy: { type: String as PropType<CascaderStrategy>, default: 'off' },
-  /**
-   * @deprecated please use `cascaderStrategy` instead'
-   *
-   *  * cascade: false + checkStrategy: 'all' = cascaderStrategy: 'off'
-   *  * cascade: true + checkStrategy: 'all' = cascaderStrategy: 'all'
-   *  * cascade: true + checkStrategy: 'parent' = cascaderStrategy: 'parent'
-   *  * cascade: true + checkStrategy: 'child' = cascaderStrategy: 'child'
-   */
-  cascade: {
-    type: Boolean,
-    default: false,
-  },
   checkable: {
     type: Boolean,
     default: false,
   },
   childrenKey: String,
-  /**
-   * @deprecated please use `cascaderStrategy` instead'
-   *
-   *  * cascade: false + checkStrategy: 'all' = cascaderStrategy: 'off'
-   *  * cascade: true + checkStrategy: 'all' = cascaderStrategy: 'all'
-   *  * cascade: true + checkStrategy: 'parent' = cascaderStrategy: 'parent'
-   *  * cascade: true + checkStrategy: 'child' = cascaderStrategy: 'child'
-   */
-  checkStrategy: {
-    type: String as PropType<CheckStrategy>,
-    default: 'all',
-  },
   checkOnClick: {
     type: Boolean,
     default: false,
@@ -84,10 +60,6 @@ export const treeProps = {
   labelKey: String,
   leafLineIcon: String,
   loadChildren: Function as PropType<(node: TreeNode<any>) => Promise<TreeNode<any>[]>>,
-  /**
-   * @deprecated please use `getKey` instead'
-   */
-  nodeKey: [String, Function] as PropType<string | ((node: TreeNode) => VKey)>,
   searchFn: Function as PropType<(node: TreeNode<any>, searchValue?: string) => boolean>,
   searchValue: String,
   selectable: {
@@ -141,7 +113,7 @@ export const treeProps = {
 } as const
 
 export type TreeProps = ExtractInnerPropTypes<typeof treeProps>
-export type TreePublicProps = Omit<ExtractPublicPropTypes<typeof treeProps>, 'nodeKey'>
+export type TreePublicProps = ExtractPublicPropTypes<typeof treeProps>
 export interface TreeBindings<K = VKey> {
   focus: (options?: FocusOptions) => void
   blur: () => void
@@ -162,15 +134,6 @@ export type TreeInstance = InstanceType<DefineComponent<TreeProps, TreeBindings>
 export type TreeCustomAdditional = (options: { node: TreeNode<any>; level: number }) => Record<string, any> | undefined
 
 export interface TreeNode<K = VKey> {
-  /**
-   * @deprecated please use `customAdditional` instead'
-   */
-  additional?: {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    class?: any
-    style?: StyleValue
-    [key: string]: unknown
-  }
   children?: TreeNode<K>[]
   disabled?: boolean | TreeNodeDisabled
   isLeaf?: boolean
diff --git a/packages/components/typography/__tests__/typography.spec.ts b/packages/components/typography/__tests__/typography.spec.ts
index 0de857ecf..d1e895aba 100644
--- a/packages/components/typography/__tests__/typography.spec.ts
+++ b/packages/components/typography/__tests__/typography.spec.ts
@@ -12,7 +12,7 @@ const TestComponent = defineComponent({
   template: `<p v-typography="type">Paragraph</p>`,
 })
 
-describe('typography.ts', () => {
+describe.skip('typography.ts', () => {
   const typographyMount = (props?: { type: TypographyProps }) =>
     mount(TestComponent, { global: { directives: { typography: IxTypography } }, props })
 
diff --git a/packages/components/typography/src/typography.ts b/packages/components/typography/src/typography.ts
index c34d3775d..0a3f443e5 100644
--- a/packages/components/typography/src/typography.ts
+++ b/packages/components/typography/src/typography.ts
@@ -17,7 +17,7 @@ import { Logger, addClass, removeClass } from '@idux/cdk/utils'
  */
 const typography: FunctionDirective<HTMLElement, TypographyProps> = (el, binding) => {
   if (__DEV__) {
-    Logger.warn('components/typography', 'the `typography` was deprecated.')
+    Logger.warn('components/typography', 'the directive was deprecated.')
   }
   const className: string[] = ['ix-typography']
   const { value, oldValue } = binding
diff --git a/packages/components/upload/demo/ListDisplay.vue b/packages/components/upload/demo/ListDisplay.vue
index 8dbe11127..55e3e37fd 100644
--- a/packages/components/upload/demo/ListDisplay.vue
+++ b/packages/components/upload/demo/ListDisplay.vue
@@ -1,6 +1,6 @@
 <template>
   <IxSpace vertical>
-    <IxRadioGroup v-model:value="curType" :options="listType"></IxRadioGroup>
+    <IxRadioGroup v-model:value="curType" :dataSource="listType"></IxRadioGroup>
     <IxUpload v-model:files="files" action="https://run.mocky.io/v3/7564bc4f-780e-43f7-bc58-467959ae3354">
       <IxButton>Upload</IxButton>
       <template #list>
@@ -14,9 +14,9 @@
 import { ref } from 'vue'
 
 const listType = [
-  { label: 'text', value: 'text' },
-  { label: 'image', value: 'image' },
-  { label: 'imageCard', value: 'imageCard' },
+  { key: 'text', label: 'text' },
+  { key: 'image', label: 'image' },
+  { key: 'imageCard', label: 'imageCard' },
 ]
 const curType = ref('text')
 const files = ref([
diff --git a/packages/components/utils/src/portalTarget.ts b/packages/components/utils/src/portalTarget.ts
index 6da2f5f49..e64a5fbb4 100644
--- a/packages/components/utils/src/portalTarget.ts
+++ b/packages/components/utils/src/portalTarget.ts
@@ -10,7 +10,6 @@ import { type ComputedRef, computed } from 'vue'
 import { PortalTargetType } from '@idux/cdk/portal'
 
 interface ContainerProps {
-  target?: PortalTargetType
   container?: PortalTargetType
 }
 
@@ -21,19 +20,11 @@ export function usePortalTarget(
   mergedPrefix: ComputedRef<string>,
 ): ComputedRef<PortalTargetType> {
   return computed(() => {
-    return (
-      props.target ??
-      props.container ??
-      config.target ??
-      config.container ??
-      common.overlayContainer ??
-      `.${mergedPrefix.value}-container`
-    )
+    return props.container ?? config.container ?? common.overlayContainer ?? `.${mergedPrefix.value}-container`
   })
 }
 
 interface OverlayContainerProps {
-  target?: PortalTargetType
   overlayContainer?: PortalTargetType
 }
 
@@ -45,9 +36,7 @@ export function useOverlayContainer(
 ): ComputedRef<PortalTargetType> {
   return computed(() => {
     return (
-      props.target ??
       props.overlayContainer ??
-      config.target ??
       config.overlayContainer ??
       common.overlayContainer ??
       `.${mergedPrefix.value}-overlay-container`
diff --git a/packages/components/watermark/demo/Basic.vue b/packages/components/watermark/demo/Basic.vue
index be3c2ef7f..3d0ccb264 100644
--- a/packages/components/watermark/demo/Basic.vue
+++ b/packages/components/watermark/demo/Basic.vue
@@ -1,14 +1,14 @@
 <template>
   <IxWatermark :content="['@iDux', '2022.5.25 14:00']">
-    <article v-typography>
-      <h1 v-typography>深圳</h1>
-      <p v-typography>
+    <article>
+      <h1>深圳</h1>
+      <p>
         深圳，简称“深”，别称鹏城，是<strong>广东省副省级市、计划单列市、超大城市，国务院批复确定的中国经济特区、全国性经济中心城市和国际化城市</strong>。截至2019年末，全市下辖9个区，总面积1997.47平方千米，建成区面积927.96平方千米，常住人口1343.88万人，比上年末增加41.22万人。其中常住户籍人口494.78万人，常住非户籍人口849.10万人。
       </p>
-      <p v-typography>
+      <p>
         深圳地处中国华南地区、广东南部、珠江口东岸，东临大亚湾和大鹏湾，西濒珠江口和伶仃洋，南隔深圳河与香港相连，是粤港澳大湾区四大中心城市之一、国家物流枢纽、国际性综合交通枢纽、国际科技产业创新中心、中国三大全国性金融中心之一，并全力建设中国特色社会主义先行示范区、综合性国家科学中心、全球海洋中心城市。深圳水陆空铁口岸俱全，是中国拥有口岸数量最多、出入境人员最多、车流量最大的口岸城市。
       </p>
-      <h2 v-typography>深圳辖区概况</h2>
+      <h2>深圳辖区概况</h2>
       <ul>
         <li>福田区</li>
         <li>罗湖区</li>
diff --git a/packages/components/watermark/demo/HighDensity.vue b/packages/components/watermark/demo/HighDensity.vue
index 08dbd5dd8..6ffd2afe9 100644
--- a/packages/components/watermark/demo/HighDensity.vue
+++ b/packages/components/watermark/demo/HighDensity.vue
@@ -31,6 +31,7 @@ const columns: TableColumn<Data>[] = [
     customCell: 'name',
   },
   {
+    key: 'other',
     title: 'Other',
     children: [
       {
@@ -39,6 +40,7 @@ const columns: TableColumn<Data>[] = [
         width: 150,
       },
       {
+        key: 'address',
         title: 'Address',
         children: [
           {
@@ -48,6 +50,7 @@ const columns: TableColumn<Data>[] = [
             width: 150,
           },
           {
+            key: 'block',
             title: 'Block',
             children: [
               {
@@ -67,6 +70,7 @@ const columns: TableColumn<Data>[] = [
     ],
   },
   {
+    key: 'company',
     title: 'Company',
     children: [
       {
diff --git a/packages/pro/table/src/contents/LayoutToolTree.tsx b/packages/pro/table/src/contents/LayoutToolTree.tsx
index 747530fa3..d308757cb 100644
--- a/packages/pro/table/src/contents/LayoutToolTree.tsx
+++ b/packages/pro/table/src/contents/LayoutToolTree.tsx
@@ -75,7 +75,7 @@ export default defineComponent({
 
       const treeProps: TreeProps = {
         blocked: true,
-        cascade: true,
+        cascaderStrategy: 'all',
         checkable: true,
         checkedKeys: checkedKeys.value,
         draggable: true,
diff --git a/packages/pro/transfer/src/composables/useTransferTableProps.ts b/packages/pro/transfer/src/composables/useTransferTableProps.ts
index 4197e4ef4..0703c4d90 100644
--- a/packages/pro/transfer/src/composables/useTransferTableProps.ts
+++ b/packages/pro/transfer/src/composables/useTransferTableProps.ts
@@ -50,7 +50,7 @@ export function useTransferTableProps(
       pagination: false,
       selectedRowKeys: selectedKeys.value,
       virtual: props.virtual,
-      rowKey: getKey.value as (record: unknown) => number | string,
+      getKey: getKey.value as (record: unknown) => number | string,
       onScroll: evt => {
         callEmit(props.onScroll, isSource, evt)
       },
diff --git a/packages/site/src/components/layout/header/LayoutHeaderLogo.vue b/packages/site/src/components/layout/header/LayoutHeaderLogo.vue
index bdf92818c..7b8439771 100644
--- a/packages/site/src/components/layout/header/LayoutHeaderLogo.vue
+++ b/packages/site/src/components/layout/header/LayoutHeaderLogo.vue
@@ -1,6 +1,6 @@
 <template>
   <router-link to="/" class="header-logo">
     <img alt="logo" src="/icons/logo.svg" />
-    <h2 v-typography>iDux</h2>
+    <h2>iDux</h2>
   </router-link>
 </template>