From 5d604f969c173a045b98f8c62b0e612d337cda7a Mon Sep 17 00:00:00 2001
From: danranVm <danranvm@gmail.com>
Date: Thu, 12 Jan 2023 16:16:00 +0800
Subject: [PATCH] test(comp:*): resovle overlay warnings and stepper snapshots
 (#1402)

* test(comp:*): resovle overlay warnings and stepper snapshots

* style: update with style lint
---
 packages/cdk/drag-drop/src/composables/useDraggable.ts     | 6 +++---
 packages/cdk/drag-drop/src/composables/useDroppable.ts     | 2 +-
 packages/cdk/drag-drop/src/composables/withBoundary.ts     | 2 +-
 packages/cdk/drag-drop/src/composables/withDragFree.ts     | 2 +-
 packages/cdk/drag-drop/src/draggable/Draggable.tsx         | 2 +-
 packages/cdk/forms/src/models/formArray.ts                 | 2 +-
 packages/cdk/forms/src/models/formControl.ts               | 2 +-
 packages/cdk/forms/src/models/formGroup.ts                 | 2 +-
 packages/cdk/scroll/src/strategy/blockScrollStrategy.ts    | 2 +-
 .../cdk/scroll/src/virtual/composables/useScrollState.ts   | 2 +-
 .../_private/date-panel/src/panel-body/PanelBody.tsx       | 2 +-
 .../_private/date-panel/src/panel-body/PanelRow.tsx        | 2 +-
 .../components/_private/overlay/__tests__/overlay.spec.ts  | 7 +++++--
 .../components/cascader/src/composables/useActiveState.ts  | 2 +-
 .../components/cascader/src/composables/useExpandable.ts   | 2 +-
 .../components/cascader/src/composables/useSearchable.ts   | 2 +-
 .../cascader/src/composables/useSelectedState.ts           | 2 +-
 .../components/cascader/src/contents/OverlayContent.tsx    | 2 +-
 .../cascader/src/contents/OverlayOptionGroup.tsx           | 2 +-
 .../components/date-picker/src/composables/useControl.ts   | 2 +-
 .../date-picker/src/composables/useOverlayState.ts         | 2 +-
 .../date-picker/src/composables/useRangeControl.ts         | 2 +-
 packages/components/form/src/composables/useFormItem.ts    | 2 +-
 packages/components/menu/src/contents/MenuItem.tsx         | 2 +-
 packages/components/menu/src/contents/MenuItemGroup.tsx    | 2 +-
 packages/components/menu/src/contents/Utils.tsx            | 2 +-
 packages/components/menu/src/contents/menu-sub/MenuSub.tsx | 6 +++---
 packages/components/select/src/composables/useOptions.ts   | 2 +-
 .../components/select/src/composables/useSelectedState.ts  | 2 +-
 packages/components/select/src/panel/Panel.tsx             | 6 +++---
 packages/components/stepper/demo/Dot.vue                   | 2 +-
 packages/components/stepper/src/StepperItem.tsx            | 3 +--
 packages/components/table/src/composables/useDataSource.ts | 2 +-
 packages/components/table/src/composables/useExpandable.ts | 2 +-
 packages/components/table/src/composables/useFilterable.ts | 2 +-
 packages/components/table/src/composables/useScroll.ts     | 2 +-
 .../components/table/src/composables/useScrollOnChange.ts  | 2 +-
 packages/components/table/src/composables/useSelectable.ts | 2 +-
 packages/components/table/src/composables/useSortable.ts   | 2 +-
 .../components/table/src/composables/useTableLayout.ts     | 2 +-
 packages/components/table/src/main/FixedHolder.tsx         | 2 +-
 packages/components/table/src/main/MainTable.tsx           | 4 ++--
 packages/components/table/src/main/body/Body.tsx           | 2 +-
 packages/components/table/src/main/body/BodyRow.tsx        | 2 +-
 packages/components/table/src/main/body/MeasureRow.tsx     | 2 +-
 packages/components/table/src/main/head/Head.tsx           | 2 +-
 packages/components/table/src/main/head/HeadCell.tsx       | 6 +++---
 packages/components/table/src/main/head/HeadRow.tsx        | 2 +-
 .../components/textarea/src/composables/useAutoRows.ts     | 2 +-
 .../time-picker/src/composables/useOverlayState.ts         | 2 +-
 .../time-picker/src/composables/useRangeControl.ts         | 2 +-
 .../transfer/src/composables/useTransferBindings.ts        | 2 +-
 .../components/transfer/src/composables/useTransferData.ts | 2 +-
 .../transfer/src/composables/useTransferOperations.ts      | 2 +-
 .../transfer/src/composables/useTransferSelectState.ts     | 2 +-
 packages/components/transfer/src/content/Content.tsx       | 4 ++--
 packages/components/transfer/src/list/List.tsx             | 2 +-
 .../tree-select/src/composables/useSelectedState.ts        | 2 +-
 packages/components/tree/src/composables/useCheckable.ts   | 2 +-
 packages/components/tree/src/composables/useDataSource.ts  | 2 +-
 packages/components/tree/src/composables/useDragDrop.ts    | 4 ++--
 packages/components/tree/src/composables/useEvents.ts      | 2 +-
 packages/components/tree/src/composables/useExpandable.ts  | 2 +-
 packages/components/tree/src/composables/useSearchable.ts  | 2 +-
 packages/components/tree/src/composables/useSelectable.ts  | 2 +-
 packages/components/tree/src/node/TreeNode.tsx             | 6 +++---
 packages/components/upload/src/component/ImageCardList.tsx | 2 +-
 packages/pro/form/src/composables/useForm.ts               | 2 +-
 packages/pro/layout/src/contents/Header.tsx                | 2 +-
 packages/pro/layout/src/contents/Sider.tsx                 | 2 +-
 packages/pro/search/src/composables/useFocusedState.ts     | 2 +-
 packages/pro/search/src/composables/useSearchItem.ts       | 2 +-
 packages/pro/search/src/searchItem/SearchItem.tsx          | 4 ++--
 packages/pro/table/src/contents/LayoutToolContent.tsx      | 2 +-
 packages/pro/textarea/src/content/Content.tsx              | 2 +-
 .../pro/transfer/src/composables/useTransferTreeProps.ts   | 2 +-
 .../pro/transfer/src/composables/useTreeDataStrategy.ts    | 2 +-
 packages/pro/transfer/src/content/ProTransferTree.tsx      | 2 +-
 .../site/src/components/layout/footer/LayoutFooter.vue     | 2 +-
 packages/site/src/components/views/home/Home.vue           | 2 +-
 80 files changed, 98 insertions(+), 96 deletions(-)

diff --git a/packages/cdk/drag-drop/src/composables/useDraggable.ts b/packages/cdk/drag-drop/src/composables/useDraggable.ts
index 445fc1db9..ad0261465 100644
--- a/packages/cdk/drag-drop/src/composables/useDraggable.ts
+++ b/packages/cdk/drag-drop/src/composables/useDraggable.ts
@@ -5,18 +5,18 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import type { DnDEventName, DnDEventType, DnDPosition, DraggableOptions } from '../types'
 import type { DnDContext } from './useDragDropContext'
+import type { DnDEventName, DnDEventType, DnDPosition, DraggableOptions } from '../types'
 
 import { type ComputedRef, computed, ref, watch } from 'vue'
 
 import { type MaybeElementRef, convertElement, tryOnScopeDispose, useEventListener } from '@idux/cdk/utils'
 
-import { DnDState } from '../state'
-import { extraMove, initContext, reMoveElement } from '../utils'
 import { withBoundary } from './withBoundary'
 import { withDragFree } from './withDragFree'
 import { withDragHandle } from './withDragHandle'
+import { DnDState } from '../state'
+import { extraMove, initContext, reMoveElement } from '../utils'
 
 /**
  * make a element draggable
diff --git a/packages/cdk/drag-drop/src/composables/useDroppable.ts b/packages/cdk/drag-drop/src/composables/useDroppable.ts
index 8e2cfebb6..3a49b9e14 100644
--- a/packages/cdk/drag-drop/src/composables/useDroppable.ts
+++ b/packages/cdk/drag-drop/src/composables/useDroppable.ts
@@ -11,8 +11,8 @@ import { watch } from 'vue'
 
 import { type MaybeElementRef, convertElement, tryOnScopeDispose } from '@idux/cdk/utils'
 
-import { initContext } from '../utils'
 import { type DnDContext } from './useDragDropContext'
+import { initContext } from '../utils'
 
 /**
  * make a element droppable as a container and accept draggable element
diff --git a/packages/cdk/drag-drop/src/composables/withBoundary.ts b/packages/cdk/drag-drop/src/composables/withBoundary.ts
index 046509800..5f17d3938 100644
--- a/packages/cdk/drag-drop/src/composables/withBoundary.ts
+++ b/packages/cdk/drag-drop/src/composables/withBoundary.ts
@@ -5,8 +5,8 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import { LockAxisType } from '../types'
 import { type DnDContext } from './useDragDropContext'
+import { LockAxisType } from '../types'
 
 export const withBoundary = (
   sourceEl: HTMLElement,
diff --git a/packages/cdk/drag-drop/src/composables/withDragFree.ts b/packages/cdk/drag-drop/src/composables/withDragFree.ts
index bbd805c63..5999f42d1 100644
--- a/packages/cdk/drag-drop/src/composables/withDragFree.ts
+++ b/packages/cdk/drag-drop/src/composables/withDragFree.ts
@@ -7,8 +7,8 @@
 
 import type { DnDEventType } from '../types'
 
-import { moveElement } from '../utils'
 import { type DnDContext } from './useDragDropContext'
+import { moveElement } from '../utils'
 
 export const withDragFree = (sourceEl: HTMLElement, context: DnDContext): void => {
   const registry = context.registry
diff --git a/packages/cdk/drag-drop/src/draggable/Draggable.tsx b/packages/cdk/drag-drop/src/draggable/Draggable.tsx
index 69bc3ff11..83006bd4f 100644
--- a/packages/cdk/drag-drop/src/draggable/Draggable.tsx
+++ b/packages/cdk/drag-drop/src/draggable/Draggable.tsx
@@ -11,8 +11,8 @@ import { computed, defineComponent, normalizeClass, reactive, ref } from 'vue'
 
 import { callEmit } from '@idux/cdk/utils'
 
-import { useDraggable } from '../composables/useDraggable'
 import { draggableProps } from './types'
+import { useDraggable } from '../composables/useDraggable'
 
 const style = {
   width: 'fit-content',
diff --git a/packages/cdk/forms/src/models/formArray.ts b/packages/cdk/forms/src/models/formArray.ts
index 84a5271a6..eddfb06fe 100644
--- a/packages/cdk/forms/src/models/formArray.ts
+++ b/packages/cdk/forms/src/models/formArray.ts
@@ -7,8 +7,8 @@
 
 import { type ComputedRef, computed, watch, watchEffect } from 'vue'
 
-import { type AsyncValidatorFn, type ValidateStatus, type ValidatorFn, type ValidatorOptions } from '../types'
 import { AbstractControl } from './abstractControl'
+import { type AsyncValidatorFn, type ValidateStatus, type ValidatorFn, type ValidatorOptions } from '../types'
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export class FormArray<T = any> extends AbstractControl<T[]> {
diff --git a/packages/cdk/forms/src/models/formControl.ts b/packages/cdk/forms/src/models/formControl.ts
index a7a1e8880..f60601de0 100644
--- a/packages/cdk/forms/src/models/formControl.ts
+++ b/packages/cdk/forms/src/models/formControl.ts
@@ -7,8 +7,8 @@
 
 import { watch } from 'vue'
 
-import { type AsyncValidatorFn, type ValidatorFn, type ValidatorOptions } from '../types'
 import { AbstractControl } from './abstractControl'
+import { type AsyncValidatorFn, type ValidatorFn, type ValidatorOptions } from '../types'
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export class FormControl<T = any> extends AbstractControl<T> {
diff --git a/packages/cdk/forms/src/models/formGroup.ts b/packages/cdk/forms/src/models/formGroup.ts
index 0db6b2ee1..fec3848b1 100644
--- a/packages/cdk/forms/src/models/formGroup.ts
+++ b/packages/cdk/forms/src/models/formGroup.ts
@@ -9,8 +9,8 @@ import { watch, watchEffect } from 'vue'
 
 import { hasOwnProperty } from '@idux/cdk/utils'
 
-import { type AsyncValidatorFn, type ValidateStatus, type ValidatorFn, type ValidatorOptions } from '../types'
 import { AbstractControl, type GroupControls, type OptionalKeys } from './abstractControl'
+import { type AsyncValidatorFn, type ValidateStatus, type ValidatorFn, type ValidatorOptions } from '../types'
 
 export class FormGroup<T extends object = object> extends AbstractControl<T> {
   constructor(
diff --git a/packages/cdk/scroll/src/strategy/blockScrollStrategy.ts b/packages/cdk/scroll/src/strategy/blockScrollStrategy.ts
index d367951d0..d7d4c0768 100644
--- a/packages/cdk/scroll/src/strategy/blockScrollStrategy.ts
+++ b/packages/cdk/scroll/src/strategy/blockScrollStrategy.ts
@@ -7,8 +7,8 @@
 
 import { addClass, removeClass } from '@idux/cdk/utils'
 
-import { getScrollBarSize } from '../utils'
 import { ScrollStrategy } from './scrollStrategy'
+import { getScrollBarSize } from '../utils'
 
 export interface BlockScrollStrategyOptions {
   target?: HTMLElement
diff --git a/packages/cdk/scroll/src/virtual/composables/useScrollState.ts b/packages/cdk/scroll/src/virtual/composables/useScrollState.ts
index 167aa2f5c..f5b2d897f 100644
--- a/packages/cdk/scroll/src/virtual/composables/useScrollState.ts
+++ b/packages/cdk/scroll/src/virtual/composables/useScrollState.ts
@@ -5,8 +5,8 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import type { VirtualScrollProps } from '../types'
 import type { GetKey } from './useGetKey'
+import type { VirtualScrollProps } from '../types'
 import type { VKey } from '@idux/cdk/utils'
 import type { ComputedRef, Ref } from 'vue'
 
diff --git a/packages/components/_private/date-panel/src/panel-body/PanelBody.tsx b/packages/components/_private/date-panel/src/panel-body/PanelBody.tsx
index da840d65d..e50a25524 100644
--- a/packages/components/_private/date-panel/src/panel-body/PanelBody.tsx
+++ b/packages/components/_private/date-panel/src/panel-body/PanelBody.tsx
@@ -11,8 +11,8 @@ import type { ComputedRef, VNode } from 'vue'
 
 import { computed, defineComponent, inject } from 'vue'
 
-import { datePanelToken } from '../token'
 import PanelRow from './PanelRow'
+import { datePanelToken } from '../token'
 
 export default defineComponent({
   setup() {
diff --git a/packages/components/_private/date-panel/src/panel-body/PanelRow.tsx b/packages/components/_private/date-panel/src/panel-body/PanelRow.tsx
index 32f83f4bf..121dd791e 100644
--- a/packages/components/_private/date-panel/src/panel-body/PanelRow.tsx
+++ b/packages/components/_private/date-panel/src/panel-body/PanelRow.tsx
@@ -7,9 +7,9 @@
 
 import { computed, defineComponent, inject } from 'vue'
 
+import PanelCell from './PanelCell'
 import { datePanelToken } from '../token'
 import { panelRowProps } from '../types'
-import PanelCell from './PanelCell'
 
 interface TbodyCell {
   key: string
diff --git a/packages/components/_private/overlay/__tests__/overlay.spec.ts b/packages/components/_private/overlay/__tests__/overlay.spec.ts
index a88e94e8b..b4d7b4429 100644
--- a/packages/components/_private/overlay/__tests__/overlay.spec.ts
+++ b/packages/components/_private/overlay/__tests__/overlay.spec.ts
@@ -12,7 +12,7 @@ describe('Overlay', () => {
   const OverlayMount = (options?: MountingOptions<Partial<OverlayProps>>) => {
     const { props, ...rest } = options || {}
     return mount(Overlay, {
-      props: { container: () => '.ix-overlay-container', ...props },
+      props: { container: () => '.ix-overlay-container', containerFallback: '.ix-overlay-container', ...props },
       ...rest,
     } as MountingOptions<OverlayProps>)
   }
@@ -26,7 +26,10 @@ describe('Overlay', () => {
     document.querySelector('.ix-overlay-container')!.innerHTML = ''
   })
 
-  renderWork<OverlayProps>(Overlay, { props: { container: () => '.ix-overlay-container', visible: true }, slots })
+  renderWork<OverlayProps>(Overlay, {
+    props: { container: () => '.ix-overlay-container', containerFallback: '.ix-overlay-container', visible: true },
+    slots,
+  })
 
   test('visible work', async () => {
     const onUpdateVisible = vi.fn()
diff --git a/packages/components/cascader/src/composables/useActiveState.ts b/packages/components/cascader/src/composables/useActiveState.ts
index 4c3cdfe55..f0fc6048d 100644
--- a/packages/components/cascader/src/composables/useActiveState.ts
+++ b/packages/components/cascader/src/composables/useActiveState.ts
@@ -9,8 +9,8 @@ import { type ComputedRef, type Ref, computed } from 'vue'
 
 import { type VKey, useState } from '@idux/cdk/utils'
 
-import { type CascaderProps } from '../types'
 import { type MergedData } from './useDataSource'
+import { type CascaderProps } from '../types'
 
 export interface ActiveStateContext {
   activeKey: Ref<VKey | undefined>
diff --git a/packages/components/cascader/src/composables/useExpandable.ts b/packages/components/cascader/src/composables/useExpandable.ts
index ae9753e24..6f7a562f1 100644
--- a/packages/components/cascader/src/composables/useExpandable.ts
+++ b/packages/components/cascader/src/composables/useExpandable.ts
@@ -12,9 +12,9 @@ import { isNil } from 'lodash-es'
 import { type VKey, callEmit, useControlledProp } from '@idux/cdk/utils'
 import { type GetKeyFn } from '@idux/components/utils'
 
+import { type MergedData, convertMergedData, convertMergedDataMap } from './useDataSource'
 import { type CascaderData, type CascaderProps } from '../types'
 import { callChange, getParentKeys } from '../utils'
-import { type MergedData, convertMergedData, convertMergedDataMap } from './useDataSource'
 
 export interface ExpandableContext {
   expandedKeys: ComputedRef<VKey[]>
diff --git a/packages/components/cascader/src/composables/useSearchable.ts b/packages/components/cascader/src/composables/useSearchable.ts
index 9799e8f29..bf5bd6af7 100644
--- a/packages/components/cascader/src/composables/useSearchable.ts
+++ b/packages/components/cascader/src/composables/useSearchable.ts
@@ -11,8 +11,8 @@ import { isFunction } from 'lodash-es'
 
 import { NoopArray, type VKey } from '@idux/cdk/utils'
 
-import { type CascaderData, type CascaderProps, type CascaderSearchFn } from '../types'
 import { type MergedData } from './useDataSource'
+import { type CascaderData, type CascaderProps, type CascaderSearchFn } from '../types'
 
 export interface SearchableContext {
   searchedData: ComputedRef<MergedData[]>
diff --git a/packages/components/cascader/src/composables/useSelectedState.ts b/packages/components/cascader/src/composables/useSelectedState.ts
index 13670ca20..e17a4aec4 100644
--- a/packages/components/cascader/src/composables/useSelectedState.ts
+++ b/packages/components/cascader/src/composables/useSelectedState.ts
@@ -13,9 +13,9 @@ import { type FormAccessor } from '@idux/cdk/forms'
 import { NoopArray, type VKey, callEmit, convertArray } from '@idux/cdk/utils'
 import { useGlobalConfig } from '@idux/components/config'
 
+import { type MergedData } from './useDataSource'
 import { type CascaderProps, type CascaderStrategy } from '../types'
 import { getChildrenKeys, getParentKeys } from '../utils'
-import { type MergedData } from './useDataSource'
 
 export interface SelectedStateContext {
   selectedKeys: ComputedRef<VKey[]>
diff --git a/packages/components/cascader/src/contents/OverlayContent.tsx b/packages/components/cascader/src/contents/OverlayContent.tsx
index a40e55a0a..2884a0d89 100644
--- a/packages/components/cascader/src/contents/OverlayContent.tsx
+++ b/packages/components/cascader/src/contents/OverlayContent.tsx
@@ -12,8 +12,8 @@ import { type VNode, computed, defineComponent, inject, watch } from 'vue'
 import { type VKey, callEmit } from '@idux/cdk/utils'
 import { ɵInput } from '@idux/components/_private/input'
 
-import { cascaderToken } from '../token'
 import OverlayOptionGroup from './OverlayOptionGroup'
+import { cascaderToken } from '../token'
 
 export default defineComponent({
   setup() {
diff --git a/packages/components/cascader/src/contents/OverlayOptionGroup.tsx b/packages/components/cascader/src/contents/OverlayOptionGroup.tsx
index 29eda0461..0fa7d8e5c 100644
--- a/packages/components/cascader/src/contents/OverlayOptionGroup.tsx
+++ b/packages/components/cascader/src/contents/OverlayOptionGroup.tsx
@@ -10,9 +10,9 @@ import { type PropType, type VNode, computed, defineComponent, inject, normalize
 import { CdkVirtualScroll, type VirtualItemRenderFn } from '@idux/cdk/scroll'
 import { ɵEmpty } from '@idux/components/_private/empty'
 
+import OverlayOption from './OverlayOption'
 import { type MergedData } from '../composables/useDataSource'
 import { cascaderToken } from '../token'
-import OverlayOption from './OverlayOption'
 
 export default defineComponent({
   props: {
diff --git a/packages/components/date-picker/src/composables/useControl.ts b/packages/components/date-picker/src/composables/useControl.ts
index d6233915b..b37ad07a0 100644
--- a/packages/components/date-picker/src/composables/useControl.ts
+++ b/packages/components/date-picker/src/composables/useControl.ts
@@ -10,9 +10,9 @@ import { type ComputedRef, type Ref, watch } from 'vue'
 import { useState } from '@idux/cdk/utils'
 import { type DateConfig } from '@idux/components/config'
 
-import { applyDateTime, convertToDate, isSameDateTime } from '../utils'
 import { type FormatContext } from './useFormat'
 import { type InputEnableStatus } from './useInputEnableStatus'
+import { applyDateTime, convertToDate, isSameDateTime } from '../utils'
 
 export interface PickerControlContext {
   inputValue: ComputedRef<string>
diff --git a/packages/components/date-picker/src/composables/useOverlayState.ts b/packages/components/date-picker/src/composables/useOverlayState.ts
index 5af8abcfb..ce138e4d1 100644
--- a/packages/components/date-picker/src/composables/useOverlayState.ts
+++ b/packages/components/date-picker/src/composables/useOverlayState.ts
@@ -5,9 +5,9 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import type { DatePickerProps, DateRangePickerProps } from '../types'
 import type { PickerControlContext } from './useControl'
 import type { PickerRangeControlContext } from './useRangeControl'
+import type { DatePickerProps, DateRangePickerProps } from '../types'
 import type { ComputedRef } from 'vue'
 
 import { onMounted, watch } from 'vue'
diff --git a/packages/components/date-picker/src/composables/useRangeControl.ts b/packages/components/date-picker/src/composables/useRangeControl.ts
index fe5485caf..0150549d6 100644
--- a/packages/components/date-picker/src/composables/useRangeControl.ts
+++ b/packages/components/date-picker/src/composables/useRangeControl.ts
@@ -10,10 +10,10 @@ import { type ComputedRef, type Ref, computed, watch } from 'vue'
 import { convertArray, useState } from '@idux/cdk/utils'
 import { type DateConfig } from '@idux/components/config'
 
-import { compareDateTime, convertToDate, sortRangeValue } from '../utils'
 import { type PickerControlContext, useControl } from './useControl'
 import { type FormatContext } from './useFormat'
 import { type InputEnableStatus } from './useInputEnableStatus'
+import { compareDateTime, convertToDate, sortRangeValue } from '../utils'
 
 export interface PickerRangeControlContext {
   buffer: ComputedRef<(Date | undefined)[] | undefined>
diff --git a/packages/components/form/src/composables/useFormItem.ts b/packages/components/form/src/composables/useFormItem.ts
index 5ce88a7b3..2235aea6b 100644
--- a/packages/components/form/src/composables/useFormItem.ts
+++ b/packages/components/form/src/composables/useFormItem.ts
@@ -23,9 +23,9 @@ import { type VKey, hasOwnProperty } from '@idux/cdk/utils'
 import { useGlobalConfig } from '@idux/components/config'
 import { type Locale } from '@idux/components/locales'
 
+import { useFormStatus } from './public'
 import { FORM_ITEM_TOKEN } from '../token'
 import { type FormItemProps } from '../types'
-import { useFormStatus } from './public'
 
 export function useFormItem(props: FormItemProps): {
   status: ComputedRef<ValidateStatus | undefined>
diff --git a/packages/components/menu/src/contents/MenuItem.tsx b/packages/components/menu/src/contents/MenuItem.tsx
index 79ec4e069..812b1f7b1 100644
--- a/packages/components/menu/src/contents/MenuItem.tsx
+++ b/packages/components/menu/src/contents/MenuItem.tsx
@@ -11,10 +11,10 @@ import { isString } from 'lodash-es'
 
 import { useKey } from '@idux/components/utils'
 
+import { coverIcon } from './Utils'
 import { usePaddingLeft } from '../composables/usePaddingLeft'
 import { menuItemGroupToken, menuSubToken, menuToken } from '../token'
 import { menuItemProps } from '../types'
-import { coverIcon } from './Utils'
 
 export default defineComponent({
   name: 'MenuItem',
diff --git a/packages/components/menu/src/contents/MenuItemGroup.tsx b/packages/components/menu/src/contents/MenuItemGroup.tsx
index a34570ce3..19aa540d5 100644
--- a/packages/components/menu/src/contents/MenuItemGroup.tsx
+++ b/packages/components/menu/src/contents/MenuItemGroup.tsx
@@ -11,10 +11,10 @@ import { isString } from 'lodash-es'
 
 import { useKey } from '@idux/components/utils'
 
+import { coverChildren, coverIcon } from './Utils'
 import { usePaddingLeft } from '../composables/usePaddingLeft'
 import { menuItemGroupToken, menuSubToken, menuToken } from '../token'
 import { menuItemGroupProps } from '../types'
-import { coverChildren, coverIcon } from './Utils'
 
 export default defineComponent({
   name: 'MenuItemGroup',
diff --git a/packages/components/menu/src/contents/Utils.tsx b/packages/components/menu/src/contents/Utils.tsx
index cf8ba8086..6661a2391 100644
--- a/packages/components/menu/src/contents/Utils.tsx
+++ b/packages/components/menu/src/contents/Utils.tsx
@@ -13,11 +13,11 @@ import { Logger } from '@idux/cdk/utils'
 import { IxIcon } from '@idux/components/icon'
 import { type GetKeyFn } from '@idux/components/utils'
 
-import { type MenuData } from '../types'
 import MenuDivider from './MenuDivider'
 import MenuItem from './MenuItem'
 import MenuItemGroup from './MenuItemGroup'
 import MenuSub from './menu-sub/MenuSub'
+import { type MenuData } from '../types'
 
 export function coverChildren(data: MenuData[] | undefined, getKetFn: GetKeyFn): VNode[] {
   if (!data || data.length === 0) {
diff --git a/packages/components/menu/src/contents/menu-sub/MenuSub.tsx b/packages/components/menu/src/contents/menu-sub/MenuSub.tsx
index 2d16e787a..7e9ded1fc 100644
--- a/packages/components/menu/src/contents/menu-sub/MenuSub.tsx
+++ b/packages/components/menu/src/contents/menu-sub/MenuSub.tsx
@@ -25,12 +25,12 @@ import { ɵOverlay } from '@idux/components/_private/overlay'
 import { useGlobalConfig } from '@idux/components/config'
 import { useKey } from '@idux/components/utils'
 
-import { usePaddingLeft } from '../../composables/usePaddingLeft'
-import { type MenuSubContext, menuItemGroupToken, menuSubToken, menuToken } from '../../token'
-import { type MenuData, type MenuProps, type MenuSubProps, menuSubProps } from '../../types'
 import InlineContent from './InlineContent'
 import Label from './Label'
 import OverlayContent from './OverlayContent'
+import { usePaddingLeft } from '../../composables/usePaddingLeft'
+import { type MenuSubContext, menuItemGroupToken, menuSubToken, menuToken } from '../../token'
+import { type MenuData, type MenuProps, type MenuSubProps, menuSubProps } from '../../types'
 
 export default defineComponent({
   name: 'MenuSub',
diff --git a/packages/components/select/src/composables/useOptions.ts b/packages/components/select/src/composables/useOptions.ts
index 50b707acc..ad8225843 100644
--- a/packages/components/select/src/composables/useOptions.ts
+++ b/packages/components/select/src/composables/useOptions.ts
@@ -16,9 +16,9 @@ import { isFunction, isNil } from 'lodash-es'
 
 import { type VKey, flattenNode } from '@idux/cdk/utils'
 
+import { GetKeyFn } from './useGetOptionKey'
 import { optionGroupKey, optionKey } from '../option'
 import { generateOption } from '../utils/generateOption'
-import { GetKeyFn } from './useGetOptionKey'
 
 export interface FlattenedOption {
   key: VKey
diff --git a/packages/components/select/src/composables/useSelectedState.ts b/packages/components/select/src/composables/useSelectedState.ts
index d35c941df..2c457d2fc 100644
--- a/packages/components/select/src/composables/useSelectedState.ts
+++ b/packages/components/select/src/composables/useSelectedState.ts
@@ -12,9 +12,9 @@ import { type ComputedRef, computed, toRaw } from 'vue'
 import { type FormAccessor } from '@idux/cdk/forms'
 import { type VKey, callEmit, convertArray } from '@idux/cdk/utils'
 
+import { type FlattenedOption } from './useOptions'
 import { type SelectProps } from '../types'
 import { generateOption } from '../utils/generateOption'
-import { type FlattenedOption } from './useOptions'
 
 export interface SelectedStateContext {
   selectedValue: ComputedRef<VKey[]>
diff --git a/packages/components/select/src/panel/Panel.tsx b/packages/components/select/src/panel/Panel.tsx
index 2dceccc9d..c8028cdea 100644
--- a/packages/components/select/src/panel/Panel.tsx
+++ b/packages/components/select/src/panel/Panel.tsx
@@ -19,15 +19,15 @@ import { callEmit } from '@idux/cdk/utils'
 import { ɵEmpty } from '@idux/components/_private/empty'
 import { type SelectConfig, useGlobalConfig } from '@idux/components/config'
 
+import ListBox from './ListBox'
+import Option from './Option'
+import OptionGroup from './OptionGroup'
 import { usePanelGetOptionKey } from '../composables/useGetOptionKey'
 import { useFlattenedOptions } from '../composables/useOptions'
 import { usePanelActiveState } from '../composables/usePanelActiveState'
 import { useSelectedState } from '../composables/usePanelSelectedState'
 import { SELECT_PANEL_DATA_TOKEN, selectPanelContext } from '../token'
 import { type SelectPanelProps, selectPanelProps } from '../types'
-import ListBox from './ListBox'
-import Option from './Option'
-import OptionGroup from './OptionGroup'
 
 export default defineComponent({
   name: 'IxSelectPanel',
diff --git a/packages/components/stepper/demo/Dot.vue b/packages/components/stepper/demo/Dot.vue
index 4fb5432e8..1072e5dad 100644
--- a/packages/components/stepper/demo/Dot.vue
+++ b/packages/components/stepper/demo/Dot.vue
@@ -1,5 +1,5 @@
 <template>
-  <IxStepper :activeKey="2" :dot="true" labelPlacement="bottom">
+  <IxStepper :activeKey="2" :dot="true">
     <IxStepperItem title="Finished" description="This is a description."></IxStepperItem>
     <IxStepperItem title="In Progress" description="This is a description."></IxStepperItem>
     <IxStepperItem title="Waiting" description="This is a description."></IxStepperItem>
diff --git a/packages/components/stepper/src/StepperItem.tsx b/packages/components/stepper/src/StepperItem.tsx
index d5995caa8..cee381e4c 100644
--- a/packages/components/stepper/src/StepperItem.tsx
+++ b/packages/components/stepper/src/StepperItem.tsx
@@ -46,7 +46,7 @@ export default defineComponent({
     const classes = computed(() => {
       const prefixCls = mergedPrefixCls.value
       const { disabled, icon } = props
-      const { dot, labelPlacement } = parentProps
+      const { dot } = parentProps
 
       return normalizeClass({
         [prefixCls]: true,
@@ -56,7 +56,6 @@ export default defineComponent({
         [`${prefixCls}-disabled`]: disabled,
         [`${prefixCls}-with-icon`]: icon || !!slots.icon,
         [`${prefixCls}-dot`]: dot,
-        [`${prefixCls}-label-${labelPlacement}`]: true,
       })
     })
 
diff --git a/packages/components/table/src/composables/useDataSource.ts b/packages/components/table/src/composables/useDataSource.ts
index 45ca22199..d04a61d7d 100644
--- a/packages/components/table/src/composables/useDataSource.ts
+++ b/packages/components/table/src/composables/useDataSource.ts
@@ -10,9 +10,9 @@ 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 ActiveSorter } from './useSortable'
+import { type TablePagination, type TableProps } from '../types'
 
 export function useDataSource(
   props: TableProps,
diff --git a/packages/components/table/src/composables/useExpandable.ts b/packages/components/table/src/composables/useExpandable.ts
index 91b7ca61e..cdea228b0 100644
--- a/packages/components/table/src/composables/useExpandable.ts
+++ b/packages/components/table/src/composables/useExpandable.ts
@@ -9,9 +9,9 @@ import { type ComputedRef, computed } from 'vue'
 
 import { type VKey, callEmit, useControlledProp } from '@idux/cdk/utils'
 
-import { type TableProps } from '../types'
 import { type TableColumnMerged, type TableColumnMergedExpandable } from './useColumns'
 import { type MergedData } from './useDataSource'
+import { type TableProps } from '../types'
 
 export function useExpandable(props: TableProps, flattedColumns: ComputedRef<TableColumnMerged[]>): ExpandableContext {
   const expandable = computed(() =>
diff --git a/packages/components/table/src/composables/useFilterable.ts b/packages/components/table/src/composables/useFilterable.ts
index 379652d54..b13afe670 100644
--- a/packages/components/table/src/composables/useFilterable.ts
+++ b/packages/components/table/src/composables/useFilterable.ts
@@ -9,8 +9,8 @@ import { type ComputedRef, type Ref, computed, reactive, ref, watch } from 'vue'
 
 import { type VKey, callEmit } from '@idux/cdk/utils'
 
-import { type TableColumnFilterable } from '../types'
 import { type TableColumnMerged } from './useColumns'
+import { type TableColumnFilterable } from '../types'
 
 export interface FilterableContext {
   activeFilters: Ref<ActiveFilter[]>
diff --git a/packages/components/table/src/composables/useScroll.ts b/packages/components/table/src/composables/useScroll.ts
index ffe086818..1415f9f80 100644
--- a/packages/components/table/src/composables/useScroll.ts
+++ b/packages/components/table/src/composables/useScroll.ts
@@ -11,8 +11,8 @@ import { useResizeObserver } from '@idux/cdk/resize'
 import { type VirtualScrollInstance, type VirtualScrollToFn, getScrollBarSize, scrollToTop } from '@idux/cdk/scroll'
 import { Logger, convertCssPixel, convertElement } from '@idux/cdk/utils'
 
-import { type TableProps } from '../types'
 import { type StickyContext } from './useSticky'
+import { type TableProps } from '../types'
 
 export function useScroll(
   props: TableProps,
diff --git a/packages/components/table/src/composables/useScrollOnChange.ts b/packages/components/table/src/composables/useScrollOnChange.ts
index f8511f8f3..6dbcf00ef 100644
--- a/packages/components/table/src/composables/useScrollOnChange.ts
+++ b/packages/components/table/src/composables/useScrollOnChange.ts
@@ -5,9 +5,9 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import type { TablePagination, TableProps } from '../types'
 import type { ActiveFilter } from './useFilterable'
 import type { ActiveSorter } from './useSortable'
+import type { TablePagination, TableProps } from '../types'
 import type { TableConfig } from '@idux/components/config'
 
 import { type ComputedRef, type WatchStopHandle, computed, watch } from 'vue'
diff --git a/packages/components/table/src/composables/useSelectable.ts b/packages/components/table/src/composables/useSelectable.ts
index 524d17891..d03e7f9e9 100644
--- a/packages/components/table/src/composables/useSelectable.ts
+++ b/packages/components/table/src/composables/useSelectable.ts
@@ -13,9 +13,9 @@ import { type VKey, callEmit, useControlledProp } from '@idux/cdk/utils'
 import { type Locale } from '@idux/components/locales'
 import { type MenuClickOptions, type MenuData } from '@idux/components/menu'
 
-import { type TableProps } from '../types'
 import { type TableColumnMerged, type TableColumnMergedSelectable } from './useColumns'
 import { type DataSourceContext, type MergedData } from './useDataSource'
+import { type TableProps } from '../types'
 
 export function useSelectable(
   props: TableProps,
diff --git a/packages/components/table/src/composables/useSortable.ts b/packages/components/table/src/composables/useSortable.ts
index aae327858..5f7d7a40e 100644
--- a/packages/components/table/src/composables/useSortable.ts
+++ b/packages/components/table/src/composables/useSortable.ts
@@ -9,8 +9,8 @@ import { type ComputedRef, type Ref, computed, reactive, ref, watch } from 'vue'
 
 import { type VKey, callEmit } from '@idux/cdk/utils'
 
-import { type TableColumnSortOrder, type TableColumnSortable } from '../types'
 import { type TableColumnMerged } from './useColumns'
+import { type TableColumnSortOrder, type TableColumnSortable } from '../types'
 
 export interface SortableContext {
   activeSorters: Ref<ActiveSorter[]>
diff --git a/packages/components/table/src/composables/useTableLayout.ts b/packages/components/table/src/composables/useTableLayout.ts
index a72cc3f01..e1de0da3c 100644
--- a/packages/components/table/src/composables/useTableLayout.ts
+++ b/packages/components/table/src/composables/useTableLayout.ts
@@ -7,9 +7,9 @@
 
 import { type ComputedRef, computed } from 'vue'
 
-import { type TableProps } from '../types'
 import { type ColumnsContext } from './useColumns'
 import { type ScrollContext } from './useScroll'
+import { type TableProps } from '../types'
 
 export function useTableLayout(
   props: TableProps,
diff --git a/packages/components/table/src/main/FixedHolder.tsx b/packages/components/table/src/main/FixedHolder.tsx
index 4bf32f895..f3d574d8f 100644
--- a/packages/components/table/src/main/FixedHolder.tsx
+++ b/packages/components/table/src/main/FixedHolder.tsx
@@ -9,8 +9,8 @@ import { type CSSProperties, type Ref, computed, defineComponent, inject, onBefo
 
 import { convertCssPixel, off, on } from '@idux/cdk/utils'
 
-import { TABLE_TOKEN } from '../token'
 import ColGroup from './ColGroup'
+import { TABLE_TOKEN } from '../token'
 
 export default defineComponent({
   props: {
diff --git a/packages/components/table/src/main/MainTable.tsx b/packages/components/table/src/main/MainTable.tsx
index 757189df8..d5ce0b1cd 100644
--- a/packages/components/table/src/main/MainTable.tsx
+++ b/packages/components/table/src/main/MainTable.tsx
@@ -24,8 +24,6 @@ import { offResize, onResize } from '@idux/cdk/resize'
 import { CdkVirtualScroll, type VirtualContentRenderFn, type VirtualItemRenderFn } from '@idux/cdk/scroll'
 import { Logger, type VKey, callEmit, convertElement, isVisibleElement } from '@idux/cdk/utils'
 
-import { type FlattedData } from '../composables/useDataSource'
-import { TABLE_TOKEN, tableBodyToken } from '../token'
 import ColGroup from './ColGroup'
 import FixedHolder from './FixedHolder'
 import StickyScroll from './StickyScroll'
@@ -33,6 +31,8 @@ import Body from './body/Body'
 import { renderBodyRow } from './body/RenderBodyRow'
 import Head from './head/Head'
 import Foot from './tfoot/Foot'
+import { type FlattedData } from '../composables/useDataSource'
+import { TABLE_TOKEN, tableBodyToken } from '../token'
 
 export default defineComponent({
   setup() {
diff --git a/packages/components/table/src/main/body/Body.tsx b/packages/components/table/src/main/body/Body.tsx
index 081d57f56..a471996ea 100644
--- a/packages/components/table/src/main/body/Body.tsx
+++ b/packages/components/table/src/main/body/Body.tsx
@@ -10,10 +10,10 @@ import { VNodeChild, computed, defineComponent, inject } from 'vue'
 import { convertArray } from '@idux/cdk/utils'
 import { ɵEmpty } from '@idux/components/_private/empty'
 
-import { TABLE_TOKEN } from '../../token'
 import BodyRowSingle from './BodyRowSingle'
 import MeasureRow from './MeasureRow'
 import { renderBodyRow } from './RenderBodyRow'
+import { TABLE_TOKEN } from '../../token'
 
 export default defineComponent({
   setup(_, { slots }) {
diff --git a/packages/components/table/src/main/body/BodyRow.tsx b/packages/components/table/src/main/body/BodyRow.tsx
index 498e8c19d..365d1f5ce 100644
--- a/packages/components/table/src/main/body/BodyRow.tsx
+++ b/packages/components/table/src/main/body/BodyRow.tsx
@@ -9,6 +9,7 @@ import { type ComputedRef, Ref, type VNodeTypes, computed, defineComponent, inje
 
 import { type VKey } from '@idux/cdk/utils'
 
+import BodyCell from './BodyCell'
 import {
   type TableColumnMerged,
   type TableColumnMergedExpandable,
@@ -17,7 +18,6 @@ import {
 import { FlattedData } from '../../composables/useDataSource'
 import { TABLE_TOKEN } from '../../token'
 import { type TableBodyRowProps, tableBodyRowProps } from '../../types'
-import BodyCell from './BodyCell'
 
 export default defineComponent({
   props: tableBodyRowProps,
diff --git a/packages/components/table/src/main/body/MeasureRow.tsx b/packages/components/table/src/main/body/MeasureRow.tsx
index 375df413e..67ac882fd 100644
--- a/packages/components/table/src/main/body/MeasureRow.tsx
+++ b/packages/components/table/src/main/body/MeasureRow.tsx
@@ -7,8 +7,8 @@
 
 import { defineComponent, inject } from 'vue'
 
-import { TABLE_TOKEN, tableBodyToken } from '../../token'
 import MeasureCell from './MeasureCell'
+import { TABLE_TOKEN, tableBodyToken } from '../../token'
 
 export default defineComponent({
   setup() {
diff --git a/packages/components/table/src/main/head/Head.tsx b/packages/components/table/src/main/head/Head.tsx
index a01d3284e..9c23bca32 100644
--- a/packages/components/table/src/main/head/Head.tsx
+++ b/packages/components/table/src/main/head/Head.tsx
@@ -7,8 +7,8 @@
 
 import { defineComponent, inject } from 'vue'
 
-import { TABLE_TOKEN } from '../../token'
 import HeadRow from './HeadRow'
+import { TABLE_TOKEN } from '../../token'
 
 export default defineComponent({
   setup() {
diff --git a/packages/components/table/src/main/head/HeadCell.tsx b/packages/components/table/src/main/head/HeadCell.tsx
index 56055c508..60c270778 100644
--- a/packages/components/table/src/main/head/HeadCell.tsx
+++ b/packages/components/table/src/main/head/HeadCell.tsx
@@ -20,6 +20,9 @@ import { isFunction, isObject, isString } from 'lodash-es'
 
 import { NoopArray, type VKey, convertCssPixel } from '@idux/cdk/utils'
 
+import FilterableTrigger from './triggers/FilterableTrigger'
+import SelectableTrigger from './triggers/SelectableTrigger'
+import SortableTrigger from './triggers/SortableTrigger'
 import { type TableColumnMergedExtra } from '../../composables/useColumns'
 import { TABLE_TOKEN } from '../../token'
 import {
@@ -29,9 +32,6 @@ import {
   tableHeadCellProps,
 } from '../../types'
 import { getColTitle } from '../../utils'
-import FilterableTrigger from './triggers/FilterableTrigger'
-import SelectableTrigger from './triggers/SelectableTrigger'
-import SortableTrigger from './triggers/SortableTrigger'
 
 type HeadColumn = TableColumnMergedExtra & {
   type: 'selectable' | 'expandable' | 'scroll-bar' | undefined
diff --git a/packages/components/table/src/main/head/HeadRow.tsx b/packages/components/table/src/main/head/HeadRow.tsx
index 7a9552e78..4517310e4 100644
--- a/packages/components/table/src/main/head/HeadRow.tsx
+++ b/packages/components/table/src/main/head/HeadRow.tsx
@@ -7,9 +7,9 @@
 
 import { defineComponent, inject } from 'vue'
 
+import HeadCell from './HeadCell'
 import { TABLE_TOKEN } from '../../token'
 import { tableHeadRowProps } from '../../types'
-import HeadCell from './HeadCell'
 
 export default defineComponent({
   props: tableHeadRowProps,
diff --git a/packages/components/textarea/src/composables/useAutoRows.ts b/packages/components/textarea/src/composables/useAutoRows.ts
index 770463a18..f269dd3cf 100644
--- a/packages/components/textarea/src/composables/useAutoRows.ts
+++ b/packages/components/textarea/src/composables/useAutoRows.ts
@@ -14,9 +14,9 @@ import { isBoolean, isNumber, isObject, throttle } from 'lodash-es'
 import { useResizeObserver } from '@idux/cdk/resize'
 import { rAF } from '@idux/cdk/utils'
 
+import { useLineHeight } from './useLineHeight'
 import { type BoxSizingData, getBoxSizingData } from '../utils/getBoxSizingData'
 import { measureTextarea } from '../utils/measureTextarea'
-import { useLineHeight } from './useLineHeight'
 
 export interface AutoRowsContext {
   resizeToFitContent: (force?: boolean) => void
diff --git a/packages/components/time-picker/src/composables/useOverlayState.ts b/packages/components/time-picker/src/composables/useOverlayState.ts
index 2c241db1f..1b1b985d0 100644
--- a/packages/components/time-picker/src/composables/useOverlayState.ts
+++ b/packages/components/time-picker/src/composables/useOverlayState.ts
@@ -5,9 +5,9 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import type { TimePickerProps, TimeRangePickerProps } from '../types'
 import type { PickerControlContext } from './useControl'
 import type { PickerRangeControlContext } from './useRangeControl'
+import type { TimePickerProps, TimeRangePickerProps } from '../types'
 
 import { type ComputedRef, onMounted } from 'vue'
 
diff --git a/packages/components/time-picker/src/composables/useRangeControl.ts b/packages/components/time-picker/src/composables/useRangeControl.ts
index 587cb7c0a..04ca08336 100644
--- a/packages/components/time-picker/src/composables/useRangeControl.ts
+++ b/packages/components/time-picker/src/composables/useRangeControl.ts
@@ -13,8 +13,8 @@ import { computed, watch } from 'vue'
 
 import { convertArray, useState } from '@idux/cdk/utils'
 
-import { convertToDate } from '../utils'
 import { type PickerControlContext, usePickerControl } from './useControl'
+import { convertToDate } from '../utils'
 
 type RangeValueType = TimeRangePickerProps['value']
 
diff --git a/packages/components/transfer/src/composables/useTransferBindings.ts b/packages/components/transfer/src/composables/useTransferBindings.ts
index c8fc80381..346ad7179 100644
--- a/packages/components/transfer/src/composables/useTransferBindings.ts
+++ b/packages/components/transfer/src/composables/useTransferBindings.ts
@@ -5,11 +5,11 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import type { TransferBindings, TransferData, TransferProps } from '../types'
 import type { TransferPaginationContext } from './usePagination'
 import type { TransferDataContext } from './useTransferData'
 import type { TransferOperationsContext } from './useTransferOperations'
 import type { TransferSelectStateContext } from './useTransferSelectState'
+import type { TransferBindings, TransferData, TransferProps } from '../types'
 import type { ComputedRef } from 'vue'
 
 import { callEmit } from '@idux/cdk/utils'
diff --git a/packages/components/transfer/src/composables/useTransferData.ts b/packages/components/transfer/src/composables/useTransferData.ts
index 7e62e0def..2219366dc 100644
--- a/packages/components/transfer/src/composables/useTransferData.ts
+++ b/packages/components/transfer/src/composables/useTransferData.ts
@@ -5,8 +5,8 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import type { TransferData, TransferDataStrategy, TransferProps } from '../types'
 import type { TransferPaginationContext } from './usePagination'
+import type { TransferData, TransferDataStrategy, TransferProps } from '../types'
 import type { TransferConfig } from '@idux/components/config'
 import type { PaginationProps } from '@idux/components/pagination'
 
diff --git a/packages/components/transfer/src/composables/useTransferOperations.ts b/packages/components/transfer/src/composables/useTransferOperations.ts
index 56af96d84..ca5c3859c 100644
--- a/packages/components/transfer/src/composables/useTransferOperations.ts
+++ b/packages/components/transfer/src/composables/useTransferOperations.ts
@@ -5,9 +5,9 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import type { TransferData, TransferProps } from '../types'
 import type { TransferDataContext } from './useTransferData'
 import type { TransferSelectStateContext } from './useTransferSelectState'
+import type { TransferData, TransferProps } from '../types'
 
 import { type ComputedRef, computed } from 'vue'
 
diff --git a/packages/components/transfer/src/composables/useTransferSelectState.ts b/packages/components/transfer/src/composables/useTransferSelectState.ts
index 7391e2fdd..e8ac61c2d 100644
--- a/packages/components/transfer/src/composables/useTransferSelectState.ts
+++ b/packages/components/transfer/src/composables/useTransferSelectState.ts
@@ -5,8 +5,8 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import type { TransferDataStrategy, TransferProps } from '../types'
 import type { TransferDataContext } from './useTransferData'
+import type { TransferDataStrategy, TransferProps } from '../types'
 
 import { type ComputedRef, computed, nextTick, watch } from 'vue'
 
diff --git a/packages/components/transfer/src/content/Content.tsx b/packages/components/transfer/src/content/Content.tsx
index 775445c4f..a6095b525 100644
--- a/packages/components/transfer/src/content/Content.tsx
+++ b/packages/components/transfer/src/content/Content.tsx
@@ -12,11 +12,11 @@ import { isBoolean, isNil, isObject } from 'lodash-es'
 import { convertCssPixel } from '@idux/cdk/utils'
 import { IxSpin, type SpinProps } from '@idux/components/spin'
 
-import { transferContext } from '../token'
-import { transferContentProps } from '../types'
 import Body from './Body'
 import Footer from './Footer'
 import Header from './Header'
+import { transferContext } from '../token'
+import { transferContentProps } from '../types'
 
 export default defineComponent({
   props: transferContentProps,
diff --git a/packages/components/transfer/src/list/List.tsx b/packages/components/transfer/src/list/List.tsx
index 258a84edc..6bffdb059 100644
--- a/packages/components/transfer/src/list/List.tsx
+++ b/packages/components/transfer/src/list/List.tsx
@@ -11,9 +11,9 @@ import { CdkVirtualScroll, type VirtualItemRenderFn, type VirtualScrollInstance
 import { callEmit, convertCssPixel } from '@idux/cdk/utils'
 import { useGlobalConfig } from '@idux/components/config'
 
+import ListItem from './ListItem'
 import { transferListContext } from '../token'
 import { type TransferData, type TransferListApi, transferListProps } from '../types'
-import ListItem from './ListItem'
 
 export default defineComponent({
   name: 'IxTransferList',
diff --git a/packages/components/tree-select/src/composables/useSelectedState.ts b/packages/components/tree-select/src/composables/useSelectedState.ts
index e6c9f859e..69b2da4de 100644
--- a/packages/components/tree-select/src/composables/useSelectedState.ts
+++ b/packages/components/tree-select/src/composables/useSelectedState.ts
@@ -12,8 +12,8 @@ import { type ComputedRef, computed, toRaw } from 'vue'
 import { type FormAccessor } from '@idux/cdk/forms'
 import { type VKey, callEmit, convertArray } from '@idux/cdk/utils'
 
-import { type TreeSelectNode, type TreeSelectProps } from '../types'
 import { type MergedNode } from './useDataSource'
+import { type TreeSelectNode, type TreeSelectProps } from '../types'
 
 //import { generateOption } from '../utils/generateOption'
 
diff --git a/packages/components/tree/src/composables/useCheckable.ts b/packages/components/tree/src/composables/useCheckable.ts
index e09971b10..07b07eaa2 100644
--- a/packages/components/tree/src/composables/useCheckable.ts
+++ b/packages/components/tree/src/composables/useCheckable.ts
@@ -12,9 +12,9 @@ import { isNil } from 'lodash-es'
 import { type VKey, callEmit, useControlledProp } from '@idux/cdk/utils'
 import { type CascaderStrategy } from '@idux/components/cascader'
 
+import { type MergedNode } from './useDataSource'
 import { type TreeNode, type TreeProps } from '../types'
 import { callChange, getChildrenKeys, getParentKeys } from '../utils'
-import { type MergedNode } from './useDataSource'
 
 export interface CheckableContext {
   checkedKeys: WritableComputedRef<VKey[]>
diff --git a/packages/components/tree/src/composables/useDataSource.ts b/packages/components/tree/src/composables/useDataSource.ts
index 0beb6510f..736ced19c 100644
--- a/packages/components/tree/src/composables/useDataSource.ts
+++ b/packages/components/tree/src/composables/useDataSource.ts
@@ -5,8 +5,8 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import type { TreeNode, TreeNodeDisabled, TreeProps } from '../types'
 import type { ExpandableContext } from './useExpandable'
+import type { TreeNode, TreeNodeDisabled, TreeProps } from '../types'
 import type { VKey } from '@idux/cdk/utils'
 import type { GetKeyFn } from '@idux/components/utils'
 import type { ComputedRef } from 'vue'
diff --git a/packages/components/tree/src/composables/useDragDrop.ts b/packages/components/tree/src/composables/useDragDrop.ts
index 4946987cf..bcdce60b4 100644
--- a/packages/components/tree/src/composables/useDragDrop.ts
+++ b/packages/components/tree/src/composables/useDragDrop.ts
@@ -12,10 +12,10 @@ import { isNil } from 'lodash-es'
 import { type VKey, callEmit } from '@idux/cdk/utils'
 import { TreeConfig } from '@idux/components/config'
 
-import { type TreeDropType, type TreeDroppable, type TreeProps } from '../types'
-import { getChildrenKeys } from '../utils'
 import { type MergedNode } from './useDataSource'
 import { type ExpandableContext } from './useExpandable'
+import { type TreeDropType, type TreeDroppable, type TreeProps } from '../types'
+import { getChildrenKeys } from '../utils'
 
 export interface DragDropContext {
   draggableIcon: ComputedRef<string>
diff --git a/packages/components/tree/src/composables/useEvents.ts b/packages/components/tree/src/composables/useEvents.ts
index dee389d69..ea41dfd25 100644
--- a/packages/components/tree/src/composables/useEvents.ts
+++ b/packages/components/tree/src/composables/useEvents.ts
@@ -5,10 +5,10 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import type { TreeProps } from '../types'
 import type { MergedNode } from './useDataSource'
 import type { ExpandableContext } from './useExpandable'
 import type { SelectableContext } from './useSelectable'
+import type { TreeProps } from '../types'
 import type { VKey } from '@idux/cdk/utils'
 import type { ComputedRef, Ref } from 'vue'
 
diff --git a/packages/components/tree/src/composables/useExpandable.ts b/packages/components/tree/src/composables/useExpandable.ts
index 141b3dfc7..6bc4c2dce 100644
--- a/packages/components/tree/src/composables/useExpandable.ts
+++ b/packages/components/tree/src/composables/useExpandable.ts
@@ -11,9 +11,9 @@ import { VKey, callEmit, useControlledProp } from '@idux/cdk/utils'
 import { type TreeConfig } from '@idux/components/config'
 import { type GetKeyFn } from '@idux/components/utils'
 
+import { type MergedNode, convertMergeNodes, convertMergedNodeMap } from './useDataSource'
 import { type TreeNode, type TreeProps } from '../types'
 import { callChange, getParentKeys } from '../utils'
-import { type MergedNode, convertMergeNodes, convertMergedNodeMap } from './useDataSource'
 
 export interface ExpandableContext {
   expandIcon: ComputedRef<string | string[]>
diff --git a/packages/components/tree/src/composables/useSearchable.ts b/packages/components/tree/src/composables/useSearchable.ts
index d359426b2..bb3e4e0e3 100644
--- a/packages/components/tree/src/composables/useSearchable.ts
+++ b/packages/components/tree/src/composables/useSearchable.ts
@@ -9,8 +9,8 @@ import { type ComputedRef, computed } from 'vue'
 
 import { NoopArray, type VKey } from '@idux/cdk/utils'
 
-import { type TreeNode, type TreeProps } from '../types'
 import { type MergedNode } from './useDataSource'
+import { type TreeNode, type TreeProps } from '../types'
 
 export interface SearchableContext {
   searchedKeys: ComputedRef<VKey[]>
diff --git a/packages/components/tree/src/composables/useSelectable.ts b/packages/components/tree/src/composables/useSelectable.ts
index d8bd767ea..ee59f8b46 100644
--- a/packages/components/tree/src/composables/useSelectable.ts
+++ b/packages/components/tree/src/composables/useSelectable.ts
@@ -5,8 +5,8 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import type { TreeNode, TreeProps } from '../types'
 import type { MergedNode } from './useDataSource'
+import type { TreeNode, TreeProps } from '../types'
 import type { VKey } from '@idux/cdk/utils'
 import type { ComputedRef, Ref } from 'vue'
 
diff --git a/packages/components/tree/src/node/TreeNode.tsx b/packages/components/tree/src/node/TreeNode.tsx
index 89753852a..dbfbd484c 100644
--- a/packages/components/tree/src/node/TreeNode.tsx
+++ b/packages/components/tree/src/node/TreeNode.tsx
@@ -13,14 +13,14 @@ import { computed, defineComponent, inject } from 'vue'
 import { IxIcon } from '@idux/components/icon'
 import { useKey } from '@idux/components/utils'
 
-import { treeToken } from '../token'
-import { treeNodeProps } from '../types'
-import { getParentKeys } from '../utils'
 import Checkbox from './Checkbox'
 import Content from './Content'
 import Expand from './Expand'
 import Indent from './Indent'
 import LeafLine from './LeafLine'
+import { treeToken } from '../token'
+import { treeNodeProps } from '../types'
+import { getParentKeys } from '../utils'
 
 export default defineComponent({
   props: treeNodeProps,
diff --git a/packages/components/upload/src/component/ImageCardList.tsx b/packages/components/upload/src/component/ImageCardList.tsx
index 017b08e47..4e20703e3 100644
--- a/packages/components/upload/src/component/ImageCardList.tsx
+++ b/packages/components/upload/src/component/ImageCardList.tsx
@@ -12,6 +12,7 @@ import { type Locale } from '@idux/components/locales'
 import { IxProgress } from '@idux/components/progress'
 import { IxTooltip } from '@idux/components/tooltip'
 
+import FileSelector from './Selector'
 import {
   UseThumb,
   useCmpClasses,
@@ -25,7 +26,6 @@ import { uploadToken } from '../token'
 import { UploadFile, type UploadFileStatus, type UploadProps, uploadFilesProps } from '../types'
 import { type IconsMap, renderOprIcon } from '../util/icon'
 import { showDownload, showErrorTip, showPreview, showProgress, showRetry } from '../util/visible'
-import FileSelector from './Selector'
 
 export default defineComponent({
   name: 'IxUploadImageCardList',
diff --git a/packages/pro/form/src/composables/useForm.ts b/packages/pro/form/src/composables/useForm.ts
index 2a7b6015c..2df1c7cb3 100644
--- a/packages/pro/form/src/composables/useForm.ts
+++ b/packages/pro/form/src/composables/useForm.ts
@@ -25,6 +25,7 @@ import { type FormItemProps, type FormProps } from '@idux/components/form'
 import { type RowProps } from '@idux/components/grid'
 import { type ProFormConfig } from '@idux/pro/config'
 
+import { type SchemaValidatorCreator } from './useAjvValidator'
 import {
   type ObjectKeywords,
   type ProFormFieldsSchema,
@@ -33,7 +34,6 @@ import {
   type ProFormProps,
   type StringKeywords,
 } from '../types'
-import { type SchemaValidatorCreator } from './useAjvValidator'
 
 export interface FormContext {
   formGroup: FormGroup
diff --git a/packages/pro/layout/src/contents/Header.tsx b/packages/pro/layout/src/contents/Header.tsx
index b6d4040e5..220593552 100644
--- a/packages/pro/layout/src/contents/Header.tsx
+++ b/packages/pro/layout/src/contents/Header.tsx
@@ -13,9 +13,9 @@ import { callEmit } from '@idux/cdk/utils'
 import { IxLayoutHeader } from '@idux/components/layout'
 import { IxMenu, type MenuClickOptions, type MenuProps } from '@idux/components/menu'
 
+import Logo from './Logo'
 import { proLayoutToken } from '../token'
 import { getDefaultPaths } from '../utils/menu'
-import Logo from './Logo'
 
 export default defineComponent({
   name: 'IxProLayoutHeader',
diff --git a/packages/pro/layout/src/contents/Sider.tsx b/packages/pro/layout/src/contents/Sider.tsx
index c0423f473..d741e02e2 100644
--- a/packages/pro/layout/src/contents/Sider.tsx
+++ b/packages/pro/layout/src/contents/Sider.tsx
@@ -13,9 +13,9 @@ import { type VKey, callEmit, useState } from '@idux/cdk/utils'
 import { IxLayoutSider, type LayoutSiderProps } from '@idux/components/layout'
 import { IxMenu, type MenuClickOptions, type MenuData, type MenuProps } from '@idux/components/menu'
 
+import Logo from './Logo'
 import { proLayoutToken } from '../token'
 import { getTargetPaths } from '../utils/menu'
-import Logo from './Logo'
 
 export default defineComponent({
   name: 'IxProLayoutSider',
diff --git a/packages/pro/search/src/composables/useFocusedState.ts b/packages/pro/search/src/composables/useFocusedState.ts
index def9d0b33..845feed4b 100644
--- a/packages/pro/search/src/composables/useFocusedState.ts
+++ b/packages/pro/search/src/composables/useFocusedState.ts
@@ -5,9 +5,9 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import type { ProSearchProps } from '../types'
 import type { ActiveSegmentContext } from './useActiveSegment'
 import type { SearchStateContext } from './useSearchStates'
+import type { ProSearchProps } from '../types'
 import type { ɵOverlayProps } from '@idux/components/_private/overlay'
 
 import { type ComputedRef, type Ref, nextTick, onBeforeUnmount, onMounted, watch } from 'vue'
diff --git a/packages/pro/search/src/composables/useSearchItem.ts b/packages/pro/search/src/composables/useSearchItem.ts
index dbc438607..21211c5b4 100644
--- a/packages/pro/search/src/composables/useSearchItem.ts
+++ b/packages/pro/search/src/composables/useSearchItem.ts
@@ -5,8 +5,8 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import type { ProSearchProps, SearchField, SearchItem, SearchItemError } from '../types'
 import type { SearchState } from './useSearchStates'
+import type { ProSearchProps, SearchField, SearchItem, SearchItemError } from '../types'
 import type { DateConfig } from '@idux/components/config'
 
 import { type ComputedRef, type Slots, computed } from 'vue'
diff --git a/packages/pro/search/src/searchItem/SearchItem.tsx b/packages/pro/search/src/searchItem/SearchItem.tsx
index 282691d00..98acecba1 100644
--- a/packages/pro/search/src/searchItem/SearchItem.tsx
+++ b/packages/pro/search/src/searchItem/SearchItem.tsx
@@ -7,13 +7,13 @@
 
 import { computed, defineComponent, inject, normalizeClass, provide, watch } from 'vue'
 
+import SearchItemTag from './SearchItemTag'
+import Segment from './Segment'
 import { tempSearchStateKey } from '../composables/useSearchStates'
 import { useSegmentOverlayUpdate } from '../composables/useSegmentOverlayUpdate'
 import { useSegmentStates } from '../composables/useSegmentStates'
 import { proSearchContext, searchItemContext } from '../token'
 import { searchItemProps } from '../types'
-import SearchItemTag from './SearchItemTag'
-import Segment from './Segment'
 
 export default defineComponent({
   props: searchItemProps,
diff --git a/packages/pro/table/src/contents/LayoutToolContent.tsx b/packages/pro/table/src/contents/LayoutToolContent.tsx
index cedaffba3..23395828d 100644
--- a/packages/pro/table/src/contents/LayoutToolContent.tsx
+++ b/packages/pro/table/src/contents/LayoutToolContent.tsx
@@ -14,9 +14,9 @@ import { ɵInput } from '@idux/components/_private/input'
 import { IxButton } from '@idux/components/button'
 import { IxCheckbox } from '@idux/components/checkbox'
 
+import LayoutToolTree from './LayoutToolTree'
 import { proTableToken } from '../token'
 import { type ProTableColumn, proTableLayoutToolProps } from '../types'
-import LayoutToolTree from './LayoutToolTree'
 
 export default defineComponent({
   props: proTableLayoutToolProps,
diff --git a/packages/pro/textarea/src/content/Content.tsx b/packages/pro/textarea/src/content/Content.tsx
index 4e4c114ff..d6797d0c8 100644
--- a/packages/pro/textarea/src/content/Content.tsx
+++ b/packages/pro/textarea/src/content/Content.tsx
@@ -11,8 +11,8 @@ import { type CSSProperties, defineComponent, inject } from 'vue'
 
 import { callEmit } from '@idux/cdk/utils'
 
-import { proTextareaContext } from '../token'
 import ErrorLine from './ErrorLine'
+import { proTextareaContext } from '../token'
 
 export default defineComponent({
   setup() {
diff --git a/packages/pro/transfer/src/composables/useTransferTreeProps.ts b/packages/pro/transfer/src/composables/useTransferTreeProps.ts
index 218eaadaf..42fa83a1f 100644
--- a/packages/pro/transfer/src/composables/useTransferTreeProps.ts
+++ b/packages/pro/transfer/src/composables/useTransferTreeProps.ts
@@ -5,9 +5,9 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import type { ProTransferProps, TransferData } from '../types'
 import type { TransferTreeLoadChildren } from './useTransferData'
 import type { TreeExpandedKeysContext } from './useTreeExpandedKeys'
+import type { ProTransferProps, TransferData } from '../types'
 import type { TransferBindings } from '@idux/components/transfer'
 import type { TreeNode, TreeProps } from '@idux/components/tree'
 
diff --git a/packages/pro/transfer/src/composables/useTreeDataStrategy.ts b/packages/pro/transfer/src/composables/useTreeDataStrategy.ts
index 51c069c55..2b6e26508 100644
--- a/packages/pro/transfer/src/composables/useTreeDataStrategy.ts
+++ b/packages/pro/transfer/src/composables/useTreeDataStrategy.ts
@@ -14,8 +14,8 @@ import { type ComputedRef, type Ref, ref, watch } from 'vue'
 
 import { type CascaderStrategy } from '@idux/components/cascader'
 
-import { combineTrees, filterTree, flattenTree, genFlattenedTreeKeys, traverseTree } from '../utils'
 import { type TreeDataStrategyContext, useTreeDataStrategyContext } from './useTreeDataStrategyContext'
+import { combineTrees, filterTree, flattenTree, genFlattenedTreeKeys, traverseTree } from '../utils'
 
 export function useTreeDataStrategies<C extends VKey>(
   props: ProTransferProps,
diff --git a/packages/pro/transfer/src/content/ProTransferTree.tsx b/packages/pro/transfer/src/content/ProTransferTree.tsx
index c3075f3ac..27d2041b4 100644
--- a/packages/pro/transfer/src/content/ProTransferTree.tsx
+++ b/packages/pro/transfer/src/content/ProTransferTree.tsx
@@ -12,11 +12,11 @@ import { ɵEmpty } from '@idux/components/_private/empty'
 import { TRANSFER_SOURCE_TOKEN, TRANSFER_TARGET_TOKEN } from '@idux/components/transfer'
 import { IxTree } from '@idux/components/tree'
 
+import { renderRemoveIcon } from './RenderRemovableLabel'
 import { useTransferTreeProps } from '../composables/useTransferTreeProps'
 import { proTransferContext, treeTransferContext } from '../token'
 import { type TreeTransferData, proTransferTreeContentProps } from '../types'
 import { genFlattenedTreeKeys } from '../utils'
-import { renderRemoveIcon } from './RenderRemovableLabel'
 
 export default defineComponent({
   props: proTransferTreeContentProps,
diff --git a/packages/site/src/components/layout/footer/LayoutFooter.vue b/packages/site/src/components/layout/footer/LayoutFooter.vue
index 5469b8d72..018f220e4 100644
--- a/packages/site/src/components/layout/footer/LayoutFooter.vue
+++ b/packages/site/src/components/layout/footer/LayoutFooter.vue
@@ -16,8 +16,8 @@
 <script lang="ts">
 import { computed, defineComponent, inject } from 'vue'
 
-import { appContextToken } from '../../../context'
 import { footerLocales } from './locales'
+import { appContextToken } from '../../../context'
 
 export default defineComponent({
   setup() {
diff --git a/packages/site/src/components/views/home/Home.vue b/packages/site/src/components/views/home/Home.vue
index 8b11d2865..1f7790947 100644
--- a/packages/site/src/components/views/home/Home.vue
+++ b/packages/site/src/components/views/home/Home.vue
@@ -32,8 +32,8 @@ import { computed, defineComponent, inject } from 'vue'
 
 import { useRouter } from 'vue-router'
 
-import { appContextToken } from '../../../context'
 import { homeLocales } from './locales'
+import { appContextToken } from '../../../context'
 
 export default defineComponent({
   setup() {