From ddf9bd690de5f3524419c2b52789bd60f26ceac7 Mon Sep 17 00:00:00 2001
From: Kylin <1159469891@qq.com>
Date: Mon, 29 Apr 2024 16:29:32 +0800
Subject: [PATCH 1/2] =?UTF-8?q?perf:=20=E4=BD=BF=E7=94=A8eslint-plugin-imp?=
=?UTF-8?q?ort=EF=BC=8C=E8=87=AA=E5=8A=A8=E6=8E=92=E5=BA=8Fimport=E7=9A=84?=
=?UTF-8?q?=E5=BC=95=E5=85=A5=EF=BC=8C=E6=8E=92=E5=BA=8F=E5=90=8E=E7=9A=84?=
=?UTF-8?q?=E4=BB=A3=E7=A0=81=E6=9B=B4=E7=AE=80=E6=B4=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.eslintrc | 57 +++++++-----------
src/affix/_example-ts/container.vue | 2 +-
src/affix/affix.tsx | 9 +--
src/affix/index.ts | 3 +-
src/alert/_example-ts/icon.vue | 2 +-
src/alert/alert.tsx | 14 ++---
src/alert/index.ts | 3 +-
src/anchor/_example-ts/base.vue | 2 +-
src/anchor/_example-ts/container.vue | 4 +-
src/anchor/_example-ts/cursor.vue | 2 +-
src/anchor/_example-ts/large.vue | 2 +-
src/anchor/_example-ts/multiple.vue | 2 +-
src/anchor/_example-ts/small.vue | 2 +-
src/anchor/_example-ts/target.vue | 2 +-
src/anchor/_example/base.vue | 2 +-
src/anchor/_example/container.vue | 2 +-
src/anchor/_example/cursor.vue | 2 +-
src/anchor/_example/large.vue | 2 +-
src/anchor/_example/multiple.vue | 2 +-
src/anchor/_example/small.vue | 2 +-
src/anchor/_example/target.vue | 2 +-
src/anchor/anchor-item.tsx | 10 ++--
src/anchor/anchor-target.tsx | 12 ++--
src/anchor/anchor.tsx | 14 +++--
src/anchor/index.ts | 3 +-
src/auto-complete/_example-es/base.vue | 4 +-
src/auto-complete/_example-es/filter.vue | 2 +-
src/auto-complete/_example-es/option.vue | 2 +-
src/auto-complete/_example-es/status.vue | 2 +-
.../_example-es/trigger-element.vue | 2 +-
src/auto-complete/_example/base.vue | 2 +-
src/auto-complete/_example/option.vue | 2 +-
src/auto-complete/auto-complete.tsx | 16 ++---
src/auto-complete/highlight-option.tsx | 5 +-
src/auto-complete/index.ts | 3 +-
src/auto-complete/option-list.tsx | 16 ++---
src/avatar/_example-ts/base.vue | 4 +-
src/avatar/_example-ts/group-cascading.vue | 2 +-
src/avatar/_example-ts/group-max.vue | 2 +-
src/avatar/_example-ts/group.vue | 2 +-
src/avatar/_example/base.vue | 2 +-
src/avatar/avatar.tsx | 8 ++-
src/avatar/group.tsx | 6 +-
src/avatar/index.ts | 3 +-
src/back-top/back-top.tsx | 5 +-
src/back-top/index.ts | 1 +
src/badge/badge.tsx | 4 +-
src/badge/index.ts | 3 +-
src/breadcrumb/_example-ts/href.vue | 2 +-
src/breadcrumb/breadcrumb-item.tsx | 13 +++--
src/breadcrumb/breadcrumb.tsx | 8 ++-
src/breadcrumb/index.ts | 3 +-
src/button/_example-ts/icon.vue | 2 +-
src/button/button.tsx | 10 ++--
src/button/index.ts | 3 +-
src/calendar/_example-ts/card-cell.vue | 2 +-
src/calendar/_example-ts/card.vue | 2 +-
.../_example-ts/first-day-of-week.vue | 2 +-
src/calendar/_example-ts/mode.vue | 2 +-
src/calendar/_example-ts/value.vue | 2 +-
src/calendar/calendar-cell.tsx | 5 +-
src/calendar/calendar.tsx | 27 ++++-----
src/calendar/hook/useCalendarClass.ts | 2 +-
src/calendar/hook/useColHeaders.ts | 6 +-
src/calendar/hook/useController.ts | 7 ++-
src/calendar/hook/useState.ts | 8 +--
src/calendar/index.ts | 3 +-
src/calendar/interface.ts | 1 +
src/calendar/utils.ts | 4 +-
src/card/_example-ts/footer-actions.vue | 2 +-
.../_example-ts/footer-content-actions.vue | 2 +-
src/card/_example-ts/footer.vue | 2 +-
.../_example-ts/header-footer-actions.vue | 2 +-
.../header-subtitle-footer-actions.vue | 2 +-
src/card/_example/footer-content-actions.vue | 2 +-
src/card/card.tsx | 5 +-
src/card/index.ts | 3 +-
src/cascader/_example-ts/base.vue | 2 +-
src/cascader/_example-ts/check-strictly.vue | 2 +-
src/cascader/_example-ts/collapsed.vue | 2 +-
src/cascader/_example-ts/custom-options.vue | 2 +-
src/cascader/_example-ts/disabled.vue | 2 +-
src/cascader/_example-ts/ellipsis.vue | 2 +-
src/cascader/_example-ts/filterable.vue | 2 +-
src/cascader/_example-ts/keys.vue | 2 +-
src/cascader/_example-ts/load.vue | 2 +-
src/cascader/_example-ts/max.vue | 2 +-
src/cascader/_example-ts/multiple.vue | 2 +-
src/cascader/_example-ts/panel.vue | 2 +-
src/cascader/_example-ts/show-all-levels.vue | 2 +-
src/cascader/_example-ts/size.vue | 2 +-
src/cascader/_example-ts/trigger.vue | 2 +-
src/cascader/_example-ts/value-display.vue | 2 +-
src/cascader/_example-ts/value-mode.vue | 2 +-
src/cascader/_example-ts/value-type.vue | 2 +-
src/cascader/cascader-panel.tsx | 4 +-
src/cascader/cascader.tsx | 21 +++----
src/cascader/components/Item.tsx | 12 ++--
src/cascader/components/Panel.tsx | 11 ++--
src/cascader/core/effect.ts | 8 ++-
src/cascader/core/helper.ts | 5 +-
src/cascader/hooks.ts | 8 +--
src/cascader/index.ts | 5 +-
src/cascader/interface.tsx | 7 ++-
src/checkbox/_example-ts/controlled.vue | 2 +-
src/checkbox/_example-ts/group.vue | 2 +-
src/checkbox/checkbox.tsx | 10 ++--
src/checkbox/constants.ts | 1 +
src/checkbox/group.tsx | 14 +++--
src/checkbox/hooks/useCheckboxLazyLoad.ts | 1 +
src/checkbox/index.ts | 3 +-
src/collapse/_example-ts/base.vue | 2 +-
src/collapse/_example-ts/icon.vue | 4 +-
src/collapse/_example-ts/mutex.vue | 2 +-
src/collapse/_example-ts/other.vue | 2 +-
src/collapse/_example/icon.vue | 2 +-
src/collapse/collapse-panel.tsx | 8 ++-
src/collapse/collapse.tsx | 8 ++-
src/collapse/index.ts | 3 +-
src/color-picker/_example-ts/enable-alpha.vue | 2 +-
src/color-picker/_example-ts/panel.vue | 2 +-
src/color-picker/_example-ts/swatch-color.vue | 2 +-
src/color-picker/color-picker-panel.tsx | 8 ++-
src/color-picker/color-picker.tsx | 10 ++--
src/color-picker/hooks.ts | 1 +
src/color-picker/index.ts | 5 +-
src/color-picker/panel/alpha.tsx | 6 +-
src/color-picker/panel/base-props.ts | 1 +
src/color-picker/panel/format/index.tsx | 13 +++--
src/color-picker/panel/format/inputs.tsx | 8 ++-
src/color-picker/panel/header.tsx | 6 +-
src/color-picker/panel/hue.tsx | 4 +-
src/color-picker/panel/index.tsx | 24 ++++----
src/color-picker/panel/linear-gradient.tsx | 10 ++--
src/color-picker/panel/saturation.tsx | 4 +-
src/color-picker/panel/slider.tsx | 4 +-
src/color-picker/panel/swatches.tsx | 7 ++-
src/color-picker/trigger.tsx | 8 ++-
src/color-picker/utils/click-outsider.ts | 1 +
src/comment/_example-ts/reply-form.vue | 2 +-
src/comment/_example/reply-form.vue | 2 +-
src/comment/comment.tsx | 11 ++--
src/comment/index.ts | 3 +-
src/common-components/fake-arrow.tsx | 1 +
src/config-provider/_example-ts/calendar.vue | 2 +-
src/config-provider/_example-ts/global.vue | 2 +-
src/config-provider/_example-ts/input.vue | 2 +-
src/config-provider/_example-ts/others.vue | 4 +-
.../_example-ts/pagination.vue | 2 +-
.../_example-ts/popconfirm.vue | 2 +-
src/config-provider/_example-ts/table.vue | 4 +-
src/config-provider/_example/others.vue | 2 +-
src/config-provider/_example/table.vue | 2 +-
src/config-provider/_usage/index.vue | 1 +
src/config-provider/config-provider.tsx | 4 +-
src/config-provider/context.ts | 8 ++-
src/config-provider/index.ts | 1 +
src/config-provider/useConfig.tsx | 5 +-
src/date-picker/DatePicker.tsx | 18 +++---
src/date-picker/DatePickerPanel.tsx | 15 ++---
src/date-picker/DateRangePicker.tsx | 20 +++----
src/date-picker/DateRangePickerPanel.tsx | 16 ++---
src/date-picker/_example-ts/base.vue | 2 +-
src/date-picker/_example-ts/custom-icon.vue | 2 +-
.../_example-ts/date-presets-alt.vue | 2 +-
src/date-picker/_example-ts/disable-date.vue | 2 +-
.../_example-ts/first-day-of-week.vue | 2 +-
src/date-picker/_example/date-presets-alt.vue | 2 +-
src/date-picker/_example/disable-date.vue | 2 +-
src/date-picker/base/Cell.tsx | 5 +-
src/date-picker/base/Footer.tsx | 3 +-
src/date-picker/base/Header.tsx | 4 +-
src/date-picker/base/Table.tsx | 9 ++-
src/date-picker/hooks/useRange.tsx | 10 ++--
src/date-picker/hooks/useRangeValue.ts | 6 +-
src/date-picker/hooks/useSingle.tsx | 15 ++---
src/date-picker/hooks/useSingleValue.tsx | 3 +-
src/date-picker/hooks/useTableData.tsx | 3 +-
src/date-picker/index.ts | 3 +-
src/date-picker/panel/ExtraContent.tsx | 2 +
src/date-picker/panel/PanelContent.tsx | 9 +--
src/date-picker/panel/RangePanel.tsx | 12 ++--
src/date-picker/panel/SinglePanel.tsx | 12 ++--
src/descriptions/_example-ts/column.vue | 2 +-
src/descriptions/_example-ts/layout.vue | 2 +-
src/descriptions/_example-ts/size.vue | 2 +-
src/descriptions/const/index.ts | 3 +-
src/descriptions/descriptions-item.tsx | 1 +
src/descriptions/descriptions.tsx | 10 ++--
src/descriptions/index.ts | 3 +-
src/descriptions/interface.ts | 3 +-
src/descriptions/utils/index.ts | 2 +-
src/dialog/_example-ts/async.vue | 2 +-
src/dialog/_example-ts/attach.vue | 2 +-
src/dialog/_example-ts/base.vue | 2 +-
src/dialog/_example-ts/custom.vue | 2 +-
src/dialog/_example-ts/icon.vue | 2 +-
src/dialog/_example-ts/multiple.vue | 2 +-
src/dialog/_example-ts/position.vue | 2 +-
src/dialog/_example-ts/warning.vue | 2 +-
src/dialog/_example/async.vue | 2 +-
src/dialog/_example/multiple.vue | 2 +-
src/dialog/_example/plugin.vue | 2 +-
src/dialog/dialog.tsx | 19 +++---
src/dialog/hooks.tsx | 10 ++--
src/dialog/index.ts | 3 +-
src/dialog/plugin.tsx | 6 +-
src/divider/divider.tsx | 6 +-
src/divider/index.ts | 3 +-
src/drawer/_example-ts/attach-parent.vue | 2 +-
src/drawer/_example-ts/base.vue | 2 +-
src/drawer/_example-ts/custom.vue | 2 +-
src/drawer/_example-ts/no-mask.vue | 2 +-
src/drawer/_example-ts/operation.vue | 2 +-
src/drawer/_example-ts/placement.vue | 2 +-
src/drawer/_example-ts/popup.vue | 2 +-
src/drawer/_example-ts/size-draggable.vue | 2 +-
src/drawer/_example-ts/size.vue | 2 +-
src/drawer/_example/base.vue | 2 +-
src/drawer/drawer.tsx | 15 +++--
src/drawer/hooks.ts | 2 +
src/drawer/index.ts | 3 +-
src/dropdown/_example-ts/disabled.vue | 2 +-
src/dropdown/_example-ts/icon.vue | 2 +-
src/dropdown/_example-ts/left.vue | 2 +-
src/dropdown/_example-ts/multiple.vue | 2 +-
src/dropdown/_example-ts/slot.vue | 2 +-
src/dropdown/_example-ts/theme.vue | 2 +-
src/dropdown/_example/icon.vue | 2 +-
src/dropdown/_example/slot.vue | 2 +-
src/dropdown/const.ts | 1 +
src/dropdown/dropdown-item.tsx | 7 ++-
src/dropdown/dropdown-menu.tsx | 13 +++--
src/dropdown/dropdown.tsx | 16 ++---
src/dropdown/hooks/useDropdownOptions.ts | 7 ++-
src/dropdown/index.ts | 5 +-
src/form/_example-ts/align.vue | 2 +-
src/form/_example-ts/base.vue | 2 +-
src/form/_example-ts/clear-validate.vue | 2 +-
src/form/_example-ts/custom-validator.vue | 2 +-
src/form/_example-ts/disabled.vue | 2 +-
src/form/_example-ts/error-message.vue | 2 +-
src/form/_example-ts/layout.vue | 2 +-
src/form/_example-ts/login.vue | 4 +-
src/form/_example-ts/reset.vue | 2 +-
src/form/_example-ts/size.vue | 2 +-
.../_example-ts/validate-complicated-data.vue | 2 +-
src/form/_example-ts/validate-message.vue | 2 +-
src/form/_example-ts/validator-status.vue | 2 +-
src/form/_example-ts/validator.vue | 2 +-
src/form/_example/base.vue | 2 +-
src/form/_example/clear-validate.vue | 2 +-
src/form/_example/custom-validator.vue | 2 +-
src/form/_example/disabled.vue | 2 +-
src/form/_example/error-message.vue | 2 +-
src/form/_example/layout.vue | 2 +-
src/form/_example/login.vue | 4 +-
src/form/_example/reset.vue | 2 +-
src/form/_example/size.vue | 2 +-
.../_example/validate-complicated-data.vue | 2 +-
src/form/_example/validate-message.vue | 2 +-
src/form/_example/validator-status.vue | 2 +-
src/form/_example/validator.vue | 2 +-
src/form/const.ts | 4 +-
src/form/form-item.tsx | 58 +++++++++----------
src/form/form-model.ts | 7 ++-
src/form/form.tsx | 19 +++---
src/form/hooks.ts | 1 +
src/form/index.ts | 3 +-
src/grid/col.tsx | 7 ++-
src/grid/common.ts | 11 ++--
src/grid/index.ts | 5 +-
src/grid/row.tsx | 8 ++-
src/guide/__tests__/GuideContent.tsx | 3 +-
src/guide/_example-ts/base.vue | 2 +-
.../_example-ts/custom-highlight-content.vue | 5 +-
src/guide/_example-ts/custom-popup.vue | 5 +-
src/guide/_example-ts/dialog.vue | 5 +-
src/guide/_example-ts/no-mask.vue | 2 +-
src/guide/_example-ts/popup-dialog.vue | 5 +-
.../_example/custom-highlight-content.vue | 1 +
src/guide/_example/custom-popup.vue | 1 +
src/guide/_example/dialog.vue | 1 +
src/guide/_example/popup-dialog.vue | 1 +
src/guide/guide.tsx | 18 +++---
src/guide/index.ts | 3 +-
src/guide/utils/getTargetElm.ts | 1 +
src/guide/utils/index.ts | 2 +-
src/hooks/slot.ts | 2 +-
src/hooks/tnode.ts | 5 +-
src/hooks/useConfig.ts | 1 +
src/hooks/useDefaultValue.ts | 3 +-
src/hooks/useDisabled.ts | 3 +-
src/hooks/useElementLazyRender.ts | 1 +
src/hooks/useGlobalIcon.ts | 3 +-
src/hooks/useImagePreviewUrl.ts | 1 +
src/hooks/useKeepAnimation.ts | 3 +-
src/hooks/useLazyLoad.ts | 1 +
src/hooks/useRipple.ts | 6 +-
src/hooks/useTeleport.ts | 5 +-
src/hooks/useVModel.ts | 2 +-
src/hooks/useVirtualScrollNew.ts | 8 ++-
src/icon/_example/icon-select.vue | 2 +-
src/image-viewer/_example-ts/album.vue | 4 +-
src/image-viewer/_example-ts/albumIcons.vue | 4 +-
src/image-viewer/_example-ts/block.vue | 4 +-
src/image-viewer/_example-ts/button.vue | 2 +-
src/image-viewer/_example-ts/error.vue | 2 +-
src/image-viewer/_example-ts/modeless.vue | 2 +-
src/image-viewer/_example-ts/multiple.vue | 4 +-
src/image-viewer/_example/album.vue | 2 +-
src/image-viewer/_example/albumIcons.vue | 2 +-
src/image-viewer/_example/block.vue | 2 +-
src/image-viewer/_example/error.vue | 2 +-
src/image-viewer/_example/modeless.vue | 2 +-
src/image-viewer/_example/multiple.vue | 2 +-
src/image-viewer/base/ImageItem.tsx | 5 +-
src/image-viewer/base/ImageModalIcon.tsx | 3 +-
src/image-viewer/base/ImageViewerModal.tsx | 10 ++--
src/image-viewer/base/ImageViewerUtils.tsx | 14 +++--
src/image-viewer/hooks.ts | 4 +-
src/image-viewer/image-viewer.tsx | 25 ++++----
src/image-viewer/index.ts | 3 +-
src/image-viewer/utils.ts | 2 +-
src/image/_example-ts/extra-always.vue | 2 +-
src/image/_example-ts/fill-mode.vue | 2 +-
src/image/_example-ts/lazy-list.vue | 4 +-
src/image/_example-ts/lazy-single.vue | 4 +-
src/image/_example-ts/placeholder.vue | 4 +-
src/image/_example/lazy-list.vue | 2 +-
src/image/_example/lazy-single.vue | 2 +-
src/image/_example/placeholder.vue | 2 +-
src/image/image.tsx | 12 ++--
src/image/index.ts | 3 +-
src/index.ts | 1 +
src/input-adornment/_example-ts/select.vue | 2 +-
src/input-adornment/index.ts | 3 +-
src/input-adornment/input-adornment.tsx | 10 ++--
src/input-number/_example-ts/center.vue | 2 +-
src/input-number/_example-ts/format.vue | 2 +-
src/input-number/_example-ts/large-number.vue | 2 +-
src/input-number/_example-ts/step.vue | 2 +-
src/input-number/index.ts | 3 +-
src/input-number/input-number.tsx | 8 ++-
src/input-number/useInputNumber.tsx | 10 ++--
src/input/_example-ts/base.vue | 4 +-
src/input/_example-ts/clearable.vue | 2 +-
src/input/_example-ts/format.vue | 2 +-
src/input/_example-ts/max-length-count.vue | 2 +-
src/input/_example-ts/password.vue | 2 +-
src/input/_example/base.vue | 2 +-
src/input/index.ts | 3 +-
src/input/input-group.tsx | 4 +-
src/input/input.tsx | 12 ++--
src/input/useInput.ts | 6 +-
src/input/useInputEventHandler.ts | 1 +
src/input/useInputWidth.ts | 4 +-
src/input/useLengthLimit.tsx | 8 ++-
src/layout/aside.tsx | 6 +-
src/layout/content.tsx | 3 +-
src/layout/footer.tsx | 3 +-
src/layout/header.tsx | 3 +-
src/layout/index.ts | 9 +--
src/layout/layout.tsx | 3 +-
src/link/_example-ts/disabled.vue | 2 +-
src/link/_example-ts/icon.vue | 2 +-
src/link/index.ts | 3 +-
src/link/link.tsx | 4 +-
src/list/_example-ts/loading.vue | 2 +-
src/list/_example-ts/operation.vue | 2 +-
src/list/_example-ts/virtual-scroll.vue | 2 +-
src/list/hooks/useListItems.ts | 2 +-
src/list/hooks/useListVirtualScroll.ts | 3 +-
src/list/index.ts | 3 +-
src/list/list-item-meta.tsx | 8 ++-
src/list/list-item.tsx | 6 +-
src/list/list.tsx | 10 ++--
src/loading/_example-ts/directive.vue | 2 +-
src/loading/_example-ts/service.vue | 2 +-
src/loading/_example/service.vue | 2 +-
src/loading/directive.ts | 8 ++-
src/loading/icon/gradient.tsx | 1 +
src/loading/index.ts | 3 +-
src/loading/loading.tsx | 9 +--
src/loading/plugin.tsx | 8 ++-
src/menu/_example-ts/closable-side.vue | 2 +-
src/menu/_example-ts/double.vue | 2 +-
src/menu/_example-ts/group-side.vue | 2 +-
src/menu/_example-ts/head-menu-tile.vue | 2 +-
src/menu/_example-ts/multi-side.vue | 2 +-
src/menu/_example-ts/popup-side.vue | 2 +-
src/menu/_example-ts/single.vue | 2 +-
src/menu/const.ts | 1 +
src/menu/head-menu.tsx | 20 +++----
src/menu/index.ts | 9 +--
src/menu/menu-group.tsx | 6 +-
src/menu/menu-item.tsx | 12 ++--
src/menu/menu.tsx | 18 +++---
src/menu/submenu.tsx | 14 +++--
src/menu/v-menu.ts | 1 +
src/message/_example-ts/close.vue | 2 +-
src/message/_example-ts/loading.vue | 2 +-
src/message/_example-ts/toggle.vue | 2 +-
src/message/_example/toggle.vue | 2 +-
src/message/index.ts | 3 +-
src/message/message.tsx | 13 +++--
src/message/messageList.tsx | 4 +-
src/message/plugin.tsx | 10 ++--
src/notification/_example-ts/close.vue | 2 +-
src/notification/_example-ts/operation.vue | 2 +-
src/notification/_example-ts/plugin.vue | 2 +-
src/notification/_example-ts/toggle.vue | 2 +-
src/notification/_example/plugin.vue | 2 +-
src/notification/_example/toggle.vue | 2 +-
src/notification/index.ts | 3 +-
src/notification/notification.tsx | 7 ++-
src/notification/notificationList.tsx | 6 +-
src/notification/plugin.ts | 7 ++-
src/pagination/_example-ts/base.vue | 2 +-
src/pagination/_example-ts/jump.vue | 2 +-
src/pagination/_example-ts/mini.vue | 2 +-
src/pagination/_example-ts/more.vue | 2 +-
src/pagination/_example-ts/page-num.vue | 2 +-
.../_example-ts/pagination-mini.vue | 2 +-
src/pagination/_example-ts/simple-mini.vue | 2 +-
src/pagination/_example-ts/simple.vue | 2 +-
src/pagination/_example-ts/total.vue | 2 +-
src/pagination/_example/base.vue | 2 +-
src/pagination/_example/jump.vue | 2 +-
src/pagination/_example/mini.vue | 2 +-
src/pagination/_example/more.vue | 2 +-
src/pagination/_example/page-num.vue | 2 +-
src/pagination/_example/simple-mini.vue | 2 +-
src/pagination/_example/simple.vue | 2 +-
src/pagination/index.ts | 3 +-
src/pagination/pagination-mini.tsx | 7 ++-
src/pagination/pagination.tsx | 18 +++---
src/pagination/useMoreAction.ts | 1 +
src/pagination/usePaginationClasses.ts | 2 +
src/popconfirm/_example-ts/base.vue | 2 +-
src/popconfirm/_example-ts/icon.vue | 4 +-
src/popconfirm/_example/base.vue | 2 +-
src/popconfirm/_example/icon.vue | 2 +-
src/popconfirm/index.ts | 3 +-
src/popconfirm/popconfirm.tsx | 9 +--
src/popup/_example-ts/visible.vue | 2 +-
src/popup/container.tsx | 6 +-
src/popup/index.ts | 3 +-
src/popup/popup.tsx | 6 +-
src/progress/index.ts | 3 +-
src/progress/progress.tsx | 13 +++--
src/progress/type/index.d.ts | 1 +
src/radio/_example-ts/group.vue | 2 +-
src/radio/constants.ts | 1 +
src/radio/group.tsx | 26 +++++----
src/radio/index.ts | 5 +-
src/radio/radio-button.tsx | 9 +--
src/radio/radio.tsx | 14 +++--
src/radio/useKeyboard.ts | 5 +-
src/range-input/index.ts | 3 +-
src/range-input/range-input-popup.tsx | 6 +-
src/range-input/range-input.tsx | 15 ++---
src/rate/index.ts | 3 +-
src/rate/rate.tsx | 12 ++--
src/select-input/_example-ts/autocomplete.vue | 4 +-
.../_example-ts/autowidth-multiple.vue | 4 +-
src/select-input/_example-ts/autowidth.vue | 4 +-
.../_example-ts/borderless-multiple.vue | 2 +-
src/select-input/_example-ts/borderless.vue | 2 +-
.../_example-ts/collapsed-items.vue | 2 +-
src/select-input/_example-ts/custom-tag.vue | 4 +-
.../_example-ts/excess-tags-display-type.vue | 2 +-
src/select-input/_example-ts/label-suffix.vue | 4 +-
src/select-input/_example-ts/multiple.vue | 4 +-
src/select-input/_example-ts/single.vue | 4 +-
src/select-input/_example/autocomplete.vue | 2 +-
.../_example/autowidth-multiple.vue | 2 +-
src/select-input/_example/autowidth.vue | 2 +-
src/select-input/_example/custom-tag.vue | 2 +-
src/select-input/_example/label-suffix.vue | 2 +-
src/select-input/_example/multiple.vue | 2 +-
src/select-input/_example/single.vue | 2 +-
src/select-input/index.ts | 3 +-
src/select-input/select-input.tsx | 8 ++-
src/select-input/useMultiple.tsx | 16 ++---
src/select-input/useOverlayInnerStyle.ts | 10 ++--
src/select-input/useSingle.tsx | 12 ++--
src/select/_example-ts/base.vue | 2 +-
src/select/_example-ts/collapsed.vue | 2 +-
src/select/_example-ts/creatable.vue | 2 +-
src/select/_example-ts/custom-options.vue | 2 +-
src/select/_example-ts/custom-selected.vue | 2 +-
src/select/_example-ts/disabled.vue | 2 +-
src/select/_example-ts/filterable.vue | 2 +-
src/select/_example-ts/label-in-value.vue | 2 +-
src/select/_example-ts/max.vue | 2 +-
src/select/_example-ts/multiple.vue | 2 +-
src/select/_example-ts/noborder.vue | 2 +-
src/select/_example-ts/panel.vue | 2 +-
src/select/_example-ts/popup-props.vue | 2 +-
src/select/_example-ts/prefix.vue | 4 +-
src/select/_example-ts/remote-search.vue | 2 +-
src/select/_example-ts/scroll-bottom.vue | 2 +-
src/select/_example-ts/size.vue | 2 +-
src/select/_example-ts/status.vue | 2 +-
src/select/_example-ts/virtual-scroll.vue | 2 +-
src/select/_example/prefix.vue | 2 +-
src/select/helper.ts | 3 +-
src/select/hooks/useKeyboardControl.ts | 4 +-
src/select/hooks/usePanelVirtualScroll.ts | 3 +-
src/select/hooks/useSelectOptions.ts | 6 +-
src/select/index.ts | 5 +-
src/select/option.tsx | 6 +-
src/select/optionGroup.tsx | 4 +-
src/select/select-panel.tsx | 14 ++---
src/select/select.tsx | 31 +++++-----
src/skeleton/index.ts | 3 +-
src/skeleton/skeleton.tsx | 12 ++--
src/slider/_example-ts/base.vue | 2 +-
.../_example-ts/input-number-vertical.vue | 2 +-
src/slider/_example-ts/input-number.vue | 2 +-
src/slider/_example-ts/marks.vue | 2 +-
src/slider/_example-ts/min-and-max.vue | 2 +-
src/slider/_example-ts/step.vue | 2 +-
src/slider/_example-ts/vertical-marks.vue | 2 +-
src/slider/hooks/useSliderInput.tsx | 7 ++-
src/slider/hooks/useSliderMark.tsx | 11 ++--
src/slider/hooks/useSliderTooltip.tsx | 3 +-
src/slider/index.ts | 3 +-
src/slider/slider-button.tsx | 7 ++-
src/slider/slider-mark.tsx | 4 +-
src/slider/slider.tsx | 17 +++---
src/slider/util/common.ts | 1 +
src/space/_example-ts/size.vue | 2 +-
src/space/index.ts | 3 +-
src/space/space.tsx | 14 +++--
src/statistic/_example-ts/animation.vue | 2 +-
src/statistic/index.ts | 3 +-
src/statistic/statistic.tsx | 16 ++---
src/steps/_example-ts/extra.vue | 2 +-
src/steps/_example-ts/icon.vue | 2 +-
src/steps/_example-ts/sequence.vue | 2 +-
src/steps/index.ts | 5 +-
src/steps/step-item.tsx | 7 ++-
src/steps/steps.tsx | 13 +++--
src/sticky-tool/_example-ts/base.vue | 2 +-
src/sticky-tool/_example-ts/compact.vue | 2 +-
src/sticky-tool/_example-ts/shape.vue | 2 +-
src/sticky-tool/index.ts | 5 +-
src/sticky-tool/sticky-item.tsx | 10 ++--
src/sticky-tool/sticky-tool.tsx | 8 +--
src/swiper/index.ts | 3 +-
src/swiper/swiper-item.tsx | 4 +-
src/swiper/swiper.tsx | 9 +--
src/switch/_example-ts/base.vue | 2 +-
src/switch/_example-ts/describe.vue | 4 +-
src/switch/_example/describe.vue | 3 +-
src/switch/index.ts | 3 +-
src/switch/switch.tsx | 14 +++--
src/table/_example-ts/affix.vue | 4 +-
src/table/_example-ts/async-loading.vue | 4 +-
src/table/_example-ts/base.vue | 4 +-
src/table/_example-ts/custom-cell.vue | 2 +-
src/table/_example-ts/custom-col-button.vue | 4 +-
src/table/_example-ts/custom-col.vue | 4 +-
src/table/_example-ts/custom-footer.vue | 4 +-
src/table/_example-ts/custom-header.vue | 2 +-
src/table/_example-ts/data-sort.vue | 4 +-
src/table/_example-ts/drag-col-sort.vue | 4 +-
src/table/_example-ts/drag-sort-handler.vue | 4 +-
src/table/_example-ts/drag-sort.vue | 4 +-
src/table/_example-ts/editable-cell.vue | 2 +-
src/table/_example-ts/editable-row.vue | 2 +-
src/table/_example-ts/ellipsis.vue | 4 +-
src/table/_example-ts/expandable.vue | 4 +-
src/table/_example-ts/filter-controlled.vue | 4 +-
src/table/_example-ts/fixed-column.vue | 4 +-
src/table/_example-ts/fixed-header-col.vue | 4 +-
src/table/_example-ts/fixed-header.vue | 4 +-
src/table/_example-ts/highlight.vue | 2 +-
src/table/_example-ts/lazy.vue | 4 +-
src/table/_example-ts/merge-cells.vue | 2 +-
src/table/_example-ts/multi-header.vue | 4 +-
src/table/_example-ts/multiple-sort.vue | 4 +-
src/table/_example-ts/pagination-ajax.vue | 4 +-
src/table/_example-ts/pagination.vue | 4 +-
src/table/_example-ts/select-multiple.vue | 4 +-
src/table/_example-ts/select-single.vue | 4 +-
.../_example-ts/select-without-handler.vue | 2 +-
src/table/_example-ts/single-sort.vue | 4 +-
src/table/_example-ts/style.vue | 4 +-
src/table/_example-ts/tree-select.vue | 4 +-
src/table/_example-ts/tree.vue | 16 ++---
src/table/_example-ts/virtual-scroll.vue | 4 +-
src/table/_example/affix.vue | 2 +-
src/table/_example/async-loading.vue | 2 +-
src/table/_example/base.vue | 2 +-
src/table/_example/custom-col-button.vue | 2 +-
src/table/_example/custom-col.vue | 2 +-
src/table/_example/custom-footer.vue | 2 +-
src/table/_example/data-sort.vue | 2 +-
src/table/_example/drag-col-sort.vue | 2 +-
src/table/_example/drag-sort-handler.vue | 2 +-
src/table/_example/drag-sort.vue | 2 +-
src/table/_example/editable-cell.vue | 4 +-
src/table/_example/editable-row.vue | 4 +-
src/table/_example/ellipsis.vue | 4 +-
src/table/_example/expandable.vue | 3 +-
src/table/_example/filter-controlled.vue | 6 +-
src/table/_example/fixed-column.vue | 2 +-
src/table/_example/fixed-header-col.vue | 2 +-
src/table/_example/fixed-header.vue | 2 +-
src/table/_example/lazy.vue | 2 +-
src/table/_example/multi-header.vue | 2 +-
src/table/_example/multiple-sort.vue | 2 +-
src/table/_example/pagination-ajax.vue | 2 +-
src/table/_example/pagination.vue | 2 +-
src/table/_example/select-multiple.vue | 2 +-
src/table/_example/select-single.vue | 2 +-
src/table/_example/single-sort.vue | 2 +-
src/table/_example/style.vue | 2 +-
src/table/_example/tree-select.vue | 4 +-
src/table/_example/tree.vue | 4 +-
src/table/_example/virtual-scroll.vue | 2 +-
src/table/_table.tsx | 1 +
src/table/base-table.tsx | 46 ++++++++-------
src/table/column-checkbox-group.tsx | 3 +-
src/table/editable-cell.tsx | 26 +++++----
src/table/ellipsis.tsx | 7 ++-
src/table/enhanced-table.tsx | 16 ++---
src/table/filter-controller.tsx | 22 +++----
src/table/hooks/useAffix.ts | 7 ++-
src/table/hooks/useAsyncLoading.tsx | 6 +-
src/table/hooks/useColumnController.tsx | 20 ++++---
src/table/hooks/useColumnResize.ts | 5 +-
src/table/hooks/useDragSort.ts | 17 +++---
src/table/hooks/useEditableRow.ts | 12 ++--
src/table/hooks/useFilter.tsx | 14 +++--
src/table/hooks/useFixed.ts | 15 ++---
src/table/hooks/useHoverKeyboardEvent.ts | 7 ++-
src/table/hooks/useLazyLoad.ts | 1 +
src/table/hooks/useMultiHeader.ts | 2 +-
src/table/hooks/usePagination.tsx | 1 +
src/table/hooks/useRowExpand.tsx | 13 +++--
src/table/hooks/useRowHighlight.ts | 11 ++--
src/table/hooks/useRowSelect.tsx | 14 +++--
src/table/hooks/useRowspanAndColspan.ts | 3 +-
src/table/hooks/useSorter.tsx | 9 +--
src/table/hooks/useStyle.ts | 6 +-
src/table/hooks/useTableHeader.tsx | 14 +++--
src/table/hooks/useTreeData.tsx | 14 +++--
src/table/hooks/useTreeDataExpand.ts | 5 +-
src/table/hooks/useTreeSelect.tsx | 5 +-
src/table/index.ts | 8 ++-
src/table/interface.ts | 1 +
src/table/primary-table.tsx | 32 +++++-----
src/table/sorter-button.tsx | 16 ++---
src/table/tbody.tsx | 14 +++--
src/table/tfoot.tsx | 18 +++---
src/table/thead.tsx | 14 +++--
src/table/tr.tsx | 32 +++++-----
src/table/utils.ts | 8 ++-
src/tabs/_example-ts/ban.vue | 2 +-
src/tabs/_example-ts/base.vue | 2 +-
src/tabs/_example-ts/combination.vue | 2 +-
src/tabs/_example-ts/custom.vue | 2 +-
src/tabs/_example-ts/drag-sort.vue | 2 +-
src/tabs/_example-ts/icon.vue | 2 +-
src/tabs/_example-ts/lazy-load.vue | 2 +-
src/tabs/_example-ts/operation.vue | 2 +-
src/tabs/_example-ts/position.vue | 2 +-
src/tabs/_example-ts/size.vue | 2 +-
src/tabs/index.ts | 5 +-
src/tabs/tab-nav-bar.tsx | 4 +-
src/tabs/tab-nav-item.tsx | 10 ++--
src/tabs/tab-nav.tsx | 24 ++++----
src/tabs/tab-panel.tsx | 6 +-
src/tabs/tabs.tsx | 11 ++--
src/tag-input/_example-ts/base.vue | 2 +-
src/tag-input/_example-ts/draggable.vue | 2 +-
src/tag-input/_example-ts/max.vue | 2 +-
src/tag-input/_example-ts/status.vue | 2 +-
src/tag-input/_example/max.vue | 2 +-
src/tag-input/hooks/useDragSorter.ts | 1 +
src/tag-input/hooks/useTagScroll.ts | 1 +
src/tag-input/index.ts | 3 +-
src/tag-input/interface.ts | 1 +
src/tag-input/tag-input.tsx | 20 ++++---
src/tag-input/useTagList.tsx | 12 ++--
src/tag/_example-ts/check-tag-group.vue | 2 +-
src/tag/_example-ts/delete.vue | 4 +-
src/tag/_example-ts/selectable.vue | 2 +-
src/tag/_example/delete.vue | 2 +-
src/tag/check-tag-group.tsx | 8 ++-
src/tag/check-tag.tsx | 8 ++-
src/tag/index.ts | 5 +-
src/tag/tag.tsx | 11 ++--
src/textarea/_example-ts/base.vue | 2 +-
src/textarea/_example-ts/events.vue | 2 +-
src/textarea/index.ts | 3 +-
src/textarea/textarea.tsx | 18 +++---
src/time-picker/_example-ts/disabled.vue | 2 +-
src/time-picker/_example-ts/hms.vue | 2 +-
src/time-picker/_example-ts/keyboard.vue | 2 +-
src/time-picker/_example-ts/panel.vue | 2 +-
src/time-picker/_example-ts/range.vue | 2 +-
src/time-picker/index.ts | 6 +-
src/time-picker/interface.ts | 1 +
src/time-picker/panel/props.ts | 4 +-
src/time-picker/panel/single-panel.tsx | 11 ++--
src/time-picker/panel/time-picker-panel.tsx | 9 +--
src/time-picker/time-picker.tsx | 17 +++---
src/time-picker/time-range-picker.tsx | 21 +++----
src/timeline/_example-ts/base.vue | 2 +-
src/timeline/_example-ts/customDot.vue | 4 +-
src/timeline/_example-ts/layout.vue | 2 +-
src/timeline/_example/customDot.vue | 2 +-
src/timeline/hooks.ts | 1 +
src/timeline/index.ts | 3 +-
src/timeline/timeline-item.tsx | 10 ++--
src/timeline/timeline.tsx | 10 ++--
src/tooltip/index.ts | 3 +-
src/tooltip/tooltip.tsx | 14 +++--
src/tooltip/util.ts | 1 +
src/transfer/_example-ts/base.vue | 2 +-
src/transfer/_example-ts/checked.vue | 2 +-
src/transfer/_example-ts/custom-render.vue | 2 +-
src/transfer/_example-ts/pagination.vue | 2 +-
src/transfer/_example-ts/search.vue | 2 +-
src/transfer/_example-ts/target-draggable.vue | 2 +-
src/transfer/_example-ts/target-value.vue | 2 +-
src/transfer/_example-ts/tree.vue | 2 +-
src/transfer/components/transfer-list.tsx | 19 +++---
.../components/transfer-operations.tsx | 8 +--
src/transfer/components/transfer-search.tsx | 6 +-
src/transfer/hooks/useDragSort.ts | 3 +-
src/transfer/index.ts | 3 +-
src/transfer/transfer.tsx | 21 +++----
src/transfer/utils.ts | 4 +-
src/tree-select/_example-ts/arrowicon.vue | 4 +-
src/tree-select/_example-ts/base.vue | 2 +-
src/tree-select/_example-ts/collapsed.vue | 2 +-
src/tree-select/_example-ts/filterable.vue | 2 +-
src/tree-select/_example-ts/lazy.vue | 2 +-
src/tree-select/_example-ts/multiple.vue | 2 +-
src/tree-select/_example-ts/prefix.vue | 2 +-
src/tree-select/_example-ts/prefixsuffix.vue | 4 +-
src/tree-select/_example-ts/props.vue | 2 +-
src/tree-select/_example-ts/valuedisplay.vue | 2 +-
src/tree-select/_example-ts/valuetype.vue | 2 +-
src/tree-select/_example/arrowicon.vue | 2 +-
src/tree-select/_example/prefixsuffix.vue | 2 +-
src/tree-select/index.ts | 3 +-
src/tree-select/tree-select.tsx | 25 ++++----
src/tree/_example-ts/activable.vue | 2 +-
src/tree/_example-ts/base.vue | 2 +-
src/tree/_example-ts/checkable.vue | 2 +-
src/tree/_example-ts/controlled.vue | 2 +-
src/tree/_example-ts/debug-data.vue | 2 +-
src/tree/_example-ts/debug-filter.vue | 2 +-
src/tree/_example-ts/debug-performance.vue | 2 +-
src/tree/_example-ts/debug-vscroll.vue | 2 +-
src/tree/_example-ts/disabled.vue | 2 +-
src/tree/_example-ts/draggable.vue | 2 +-
src/tree/_example-ts/expand-all.vue | 2 +-
src/tree/_example-ts/expand-level.vue | 2 +-
src/tree/_example-ts/expand-mutex.vue | 2 +-
src/tree/_example-ts/filter.vue | 2 +-
src/tree/_example-ts/icon.vue | 4 +-
src/tree/_example-ts/label.vue | 2 +-
src/tree/_example-ts/lazy.vue | 2 +-
src/tree/_example-ts/line.vue | 7 ++-
src/tree/_example-ts/load.vue | 2 +-
src/tree/_example-ts/operations.vue | 2 +-
src/tree/_example-ts/state.vue | 4 +-
src/tree/_example-ts/sync.vue | 2 +-
src/tree/_example-ts/transition.vue | 2 +-
src/tree/_example-ts/vscroll-lazy.vue | 2 +-
src/tree/_example-ts/vscroll.vue | 2 +-
src/tree/_example/icon.vue | 2 +-
src/tree/_example/line.vue | 2 +-
src/tree/_example/state.vue | 2 +-
src/tree/adapt.ts | 12 ++--
src/tree/hooks/useDraggable.ts | 1 +
src/tree/hooks/useRenderLabel.tsx | 2 +
src/tree/hooks/useTreeEvents.ts | 1 +
src/tree/hooks/useTreeItem.tsx | 6 +-
src/tree/hooks/useTreeNodes.tsx | 3 +-
src/tree/hooks/useTreeStore.ts | 1 +
src/tree/index.ts | 2 +-
src/tree/tree-item.tsx | 2 +-
src/tree/tree-types.ts | 4 +-
src/tree/tree.tsx | 20 ++++---
src/tree/util.ts | 1 +
src/upload/__tests__/request/index.js | 2 +-
src/upload/_example-ts/base.vue | 2 +-
src/upload/_example-ts/custom-drag.vue | 4 +-
src/upload/_example-ts/draggable.vue | 2 +-
src/upload/_example-ts/file-flow-list.vue | 2 +-
src/upload/_example-ts/image.vue | 2 +-
src/upload/_example-ts/img-flow-list.vue | 2 +-
src/upload/_example-ts/listType.vue | 4 +-
src/upload/_example-ts/request-method.vue | 2 +-
src/upload/_example-ts/single-custom.vue | 2 +-
src/upload/_example-ts/single-input.vue | 2 +-
src/upload/_example-ts/table.vue | 4 +-
src/upload/_example/base.vue | 2 +-
src/upload/_example/custom-drag.vue | 2 +-
src/upload/_example/image.vue | 2 +-
src/upload/_example/listType.vue | 2 +-
src/upload/_example/single-custom.vue | 2 +-
src/upload/_example/single-input.vue | 2 +-
src/upload/_example/table.vue | 2 +-
src/upload/constants.ts | 1 +
src/upload/hooks/useDrag.ts | 1 +
src/upload/hooks/useUpload.ts | 9 +--
src/upload/index.ts | 3 +-
src/upload/interface.ts | 5 +-
src/upload/themes/custom-file.tsx | 5 +-
src/upload/themes/dragger-file.tsx | 19 +++---
src/upload/themes/image-card.tsx | 17 +++---
src/upload/themes/multiple-flow-list.tsx | 27 ++++-----
src/upload/themes/normal-file.tsx | 15 ++---
src/upload/upload.tsx | 20 ++++---
src/utils/dom.ts | 12 ++--
src/utils/event.ts | 2 +-
src/utils/helper.ts | 4 +-
src/utils/render-tnode.ts | 6 +-
src/utils/transfer-dom.ts | 1 +
src/watermark/hooks.ts | 3 +-
src/watermark/index.ts | 3 +-
src/watermark/watermark.tsx | 8 ++-
832 files changed, 2266 insertions(+), 1796 deletions(-)
diff --git a/.eslintrc b/.eslintrc
index f2afeec4c8..feb4d7d89e 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -1,19 +1,12 @@
{
- "extends": [
- "plugin:@typescript-eslint/recommended",
- "plugin:vue/vue3-recommended",
- "plugin:prettier/recommended"
- ],
+ "extends": ["plugin:@typescript-eslint/recommended", "plugin:vue/vue3-recommended", "plugin:prettier/recommended"],
"env": {
"browser": true,
"node": true,
"jest": true,
"es6": true
},
- "plugins": [
- "vue",
- "@typescript-eslint"
- ],
+ "plugins": ["vue", "@typescript-eslint", "import"],
"globals": {
"cy": "readonly",
"Cypress": "readonly",
@@ -31,12 +24,7 @@
}
},
"settings": {
- "import/extensions": [
- ".js",
- ".jsx",
- ".ts",
- ".tsx"
- ]
+ "import/extensions": [".js", ".jsx", ".ts", ".tsx"]
},
"rules": {
"no-console": [
@@ -49,8 +37,8 @@
"no-continue": "off",
"no-restricted-syntax": "off",
"no-plusplus": "off",
- "no-param-reassign": "off",
- "no-shadow": "off",
+ "no-param-reassign": "off",
+ "no-shadow": "off",
"no-underscore-dangle": ["error"],
"no-unused-vars": "off",
"no-unused-expressions": "off",
@@ -70,7 +58,19 @@
"import/no-extraneous-dependencies": "off",
"import/prefer-default-export": "off",
"import/no-relative-packages": "off",
-
+ "import/no-duplicates": "error",
+ "import/order": [
+ "error",
+ {
+ "groups": ["builtin", "external", "internal", "parent", "sibling", "index", "object", "type", "unknown"],
+ "newlines-between": "always",
+ "alphabetize": {
+ "order": "asc",
+ "caseInsensitive": true
+ }
+ }
+ ],
+
// typescript config
"@typescript-eslint/no-explicit-any": "off",
"@typescript-eslint/explicit-module-boundary-types": "off",
@@ -78,7 +78,7 @@
"@typescript-eslint/no-var-requires": 0,
"@typescript-eslint/prefer-for-of": 0,
"@typescript-eslint/ban-types": 0,
- "@typescript-eslint/no-unused-vars": [
+ "@typescript-eslint/no-unused-vars": [
1,
{
"argsIgnorePattern": "^_",
@@ -100,15 +100,7 @@
}
},
{
- "files": [
- "**/_example/*",
- "**/_example-ts/*",
- "script/**/*",
- "script/*",
- "*.js",
- "site/**/*",
- "site/*"
- ],
+ "files": ["**/_example/*", "**/_example-ts/*", "script/**/*", "script/*", "*.js", "site/**/*", "site/*"],
"rules": {
"no-var-requires": 0,
"no-console": 0,
@@ -117,18 +109,13 @@
}
},
{
- "files": [
- "*.ts",
- "*.tsx"
- ],
+ "files": ["*.ts", "*.tsx"],
"rules": {
"@typescript-eslint/explicit-function-return-type": 0
}
},
{
- "files": [
- "*.test.js"
- ],
+ "files": ["*.test.js"],
"rules": {
"import/no-dynamic-require": "off",
"global-require": "off"
diff --git a/src/affix/_example-ts/container.vue b/src/affix/_example-ts/container.vue
index 77c82efc03..145a72a634 100644
--- a/src/affix/_example-ts/container.vue
+++ b/src/affix/_example-ts/container.vue
@@ -18,8 +18,8 @@
diff --git a/src/alert/alert.tsx b/src/alert/alert.tsx
index 6aec3ad6ec..710063c775 100644
--- a/src/alert/alert.tsx
+++ b/src/alert/alert.tsx
@@ -1,4 +1,5 @@
-import { defineComponent, VNode, ref, onMounted, onBeforeUnmount } from 'vue';
+import isArray from 'lodash/isArray';
+import isString from 'lodash/isString';
import {
CheckCircleFilledIcon as TdCheckCircleFilledIcon,
CloseIcon as TdCloseIcon,
@@ -6,17 +7,16 @@ import {
HelpCircleFilledIcon as TdHelpCircleFilledIcon,
InfoCircleFilledIcon as TdInfoCircleFilledIcon,
} from 'tdesign-icons-vue-next';
-import isString from 'lodash/isString';
-import isArray from 'lodash/isArray';
+import { defineComponent, VNode, ref, onMounted, onBeforeUnmount } from 'vue';
-import { on, off, addClass } from '../utils/dom';
-import props from './props';
import { SlotReturnValue } from '../common';
import { useIcon } from '../hooks/icon';
-import { useGlobalIcon } from '../hooks/useGlobalIcon';
+import { useTNodeJSX } from '../hooks/tnode';
import { useConfig, usePrefixClass } from '../hooks/useConfig';
+import { useGlobalIcon } from '../hooks/useGlobalIcon';
+import { on, off, addClass } from '../utils/dom';
-import { useTNodeJSX } from '../hooks/tnode';
+import props from './props';
export default defineComponent({
name: 'TAlert',
diff --git a/src/alert/index.ts b/src/alert/index.ts
index f1cc7a1cbd..dce5fa8608 100644
--- a/src/alert/index.ts
+++ b/src/alert/index.ts
@@ -1,5 +1,6 @@
-import _Alert from './alert';
import withInstall from '../utils/withInstall';
+
+import _Alert from './alert';
import { TdAlertProps } from './type';
import './style';
diff --git a/src/anchor/_example-ts/base.vue b/src/anchor/_example-ts/base.vue
index d28cff12df..4aef1f83eb 100644
--- a/src/anchor/_example-ts/base.vue
+++ b/src/anchor/_example-ts/base.vue
@@ -11,8 +11,8 @@
diff --git a/src/anchor/_example-ts/container.vue b/src/anchor/_example-ts/container.vue
index c5a1b460e8..aa68c51217 100644
--- a/src/anchor/_example-ts/container.vue
+++ b/src/anchor/_example-ts/container.vue
@@ -16,9 +16,9 @@
diff --git a/src/anchor/_example-ts/large.vue b/src/anchor/_example-ts/large.vue
index 46b0597565..bc04ef792a 100644
--- a/src/anchor/_example-ts/large.vue
+++ b/src/anchor/_example-ts/large.vue
@@ -12,8 +12,8 @@
diff --git a/src/anchor/_example-ts/multiple.vue b/src/anchor/_example-ts/multiple.vue
index c0c8053b0a..5a70c3a36e 100644
--- a/src/anchor/_example-ts/multiple.vue
+++ b/src/anchor/_example-ts/multiple.vue
@@ -13,8 +13,8 @@
diff --git a/src/anchor/_example-ts/small.vue b/src/anchor/_example-ts/small.vue
index 5c8cb9952c..c2410a28d1 100644
--- a/src/anchor/_example-ts/small.vue
+++ b/src/anchor/_example-ts/small.vue
@@ -12,8 +12,8 @@
diff --git a/src/anchor/_example-ts/target.vue b/src/anchor/_example-ts/target.vue
index c5915e68a3..b38c0ea657 100644
--- a/src/anchor/_example-ts/target.vue
+++ b/src/anchor/_example-ts/target.vue
@@ -11,8 +11,8 @@
diff --git a/src/anchor/_example/base.vue b/src/anchor/_example/base.vue
index 3b0e4ec959..fb04c44c98 100644
--- a/src/anchor/_example/base.vue
+++ b/src/anchor/_example/base.vue
@@ -11,8 +11,8 @@
diff --git a/src/avatar/_example-ts/group-cascading.vue b/src/avatar/_example-ts/group-cascading.vue
index b7167a662e..68cfe660d1 100644
--- a/src/avatar/_example-ts/group-cascading.vue
+++ b/src/avatar/_example-ts/group-cascading.vue
@@ -18,8 +18,8 @@
diff --git a/src/avatar/_example-ts/group-max.vue b/src/avatar/_example-ts/group-max.vue
index ad4a97cef4..46f757e0b2 100644
--- a/src/avatar/_example-ts/group-max.vue
+++ b/src/avatar/_example-ts/group-max.vue
@@ -20,8 +20,8 @@
diff --git a/src/avatar/_example/base.vue b/src/avatar/_example/base.vue
index f35c9e0ab8..77817e8366 100644
--- a/src/avatar/_example/base.vue
+++ b/src/avatar/_example/base.vue
@@ -6,8 +6,8 @@
diff --git a/src/card/_example-ts/header-footer-actions.vue b/src/card/_example-ts/header-footer-actions.vue
index 8f4f40b78f..0a778b5450 100644
--- a/src/card/_example-ts/header-footer-actions.vue
+++ b/src/card/_example-ts/header-footer-actions.vue
@@ -26,8 +26,8 @@
diff --git a/src/color-picker/color-picker-panel.tsx b/src/color-picker/color-picker-panel.tsx
index 60b8302d83..9669ef40e2 100644
--- a/src/color-picker/color-picker-panel.tsx
+++ b/src/color-picker/color-picker-panel.tsx
@@ -1,8 +1,10 @@
+import pickBy from 'lodash/pickBy';
import { computed, defineComponent } from 'vue';
-import props from './props';
-import ColorPanel from './panel';
+
import { usePrefixClass } from '../hooks/useConfig';
-import pickBy from 'lodash/pickBy';
+
+import ColorPanel from './panel';
+import props from './props';
export default defineComponent({
name: 'TColorPickerPanel',
diff --git a/src/color-picker/color-picker.tsx b/src/color-picker/color-picker.tsx
index 97edf857a4..274ab86846 100644
--- a/src/color-picker/color-picker.tsx
+++ b/src/color-picker/color-picker.tsx
@@ -1,12 +1,14 @@
import { defineComponent, ref, toRefs } from 'vue';
+
import useVModel from '../hooks/useVModel';
-import { renderTNodeJSXDefault } from '../utils/render-tnode';
-import props from './props';
import { Popup as TPopup } from '../popup';
+import { renderTNodeJSXDefault } from '../utils/render-tnode';
+
+import { useBaseClassName } from './hooks';
+import { TdColorContext } from './interfaces';
import ColorPanel from './panel';
+import props from './props';
import DefaultTrigger from './trigger';
-import { TdColorContext } from './interfaces';
-import { useBaseClassName } from './hooks';
export default defineComponent({
name: 'TColorPicker',
diff --git a/src/color-picker/hooks.ts b/src/color-picker/hooks.ts
index d161081dda..5d52644448 100644
--- a/src/color-picker/hooks.ts
+++ b/src/color-picker/hooks.ts
@@ -1,4 +1,5 @@
import { computed } from 'vue';
+
import { usePrefixClass } from '../hooks/useConfig';
const BASE_COMPONENT_NAME = 'color-picker';
diff --git a/src/color-picker/index.ts b/src/color-picker/index.ts
index e7b6a38fb2..8eb953495d 100644
--- a/src/color-picker/index.ts
+++ b/src/color-picker/index.ts
@@ -1,6 +1,7 @@
-import _ColorPickerPanel from './color-picker-panel';
-import _ColorPicker from './color-picker';
import withInstall from '../utils/withInstall';
+
+import _ColorPicker from './color-picker';
+import _ColorPickerPanel from './color-picker-panel';
import { TdColorPickerProps } from './type';
import './style';
diff --git a/src/color-picker/panel/alpha.tsx b/src/color-picker/panel/alpha.tsx
index 0e37120ee4..3e4ab8eb38 100644
--- a/src/color-picker/panel/alpha.tsx
+++ b/src/color-picker/panel/alpha.tsx
@@ -1,7 +1,9 @@
import { computed, defineComponent, PropType } from 'vue';
-import ColorSlider from './slider';
-import { Color } from '../utils';
+
import { useBaseClassName } from '../hooks';
+import { Color } from '../utils';
+
+import ColorSlider from './slider';
export default defineComponent({
name: 'AlphaSlider',
diff --git a/src/color-picker/panel/base-props.ts b/src/color-picker/panel/base-props.ts
index 6a1d713962..34fa2640e4 100644
--- a/src/color-picker/panel/base-props.ts
+++ b/src/color-picker/panel/base-props.ts
@@ -1,4 +1,5 @@
import { PropType } from 'vue';
+
import { Color } from '../utils';
export default {
diff --git a/src/color-picker/panel/format/index.tsx b/src/color-picker/panel/format/index.tsx
index 2704a62942..6019ad522a 100644
--- a/src/color-picker/panel/format/index.tsx
+++ b/src/color-picker/panel/format/index.tsx
@@ -1,12 +1,15 @@
-import { defineComponent, PropType, ref, watch } from 'vue';
import upperCase from 'lodash/upperCase';
-import { TdColorPickerProps } from '../../type';
-import props from '../../props';
+import { defineComponent, PropType, ref, watch } from 'vue';
+
+import { Select as TSelect, Option as TOption } from '../../../select';
import { FORMATS } from '../../const';
+import { useBaseClassName } from '../../hooks';
+import props from '../../props';
+import { TdColorPickerProps } from '../../type';
import { Color } from '../../utils';
-import { Select as TSelect, Option as TOption } from '../../../select';
+
import FormatInputs from './inputs';
-import { useBaseClassName } from '../../hooks';
+
import type { TdSelectInputProps } from '../../../select-input/type';
export default defineComponent({
diff --git a/src/color-picker/panel/format/inputs.tsx b/src/color-picker/panel/format/inputs.tsx
index 12d9375041..82ba55c48f 100644
--- a/src/color-picker/panel/format/inputs.tsx
+++ b/src/color-picker/panel/format/inputs.tsx
@@ -1,9 +1,11 @@
-import { computed, defineComponent, PropType, reactive, watch } from 'vue';
import throttle from 'lodash/throttle';
-import props from '../../props';
-import { Color } from '../../utils';
+import { computed, defineComponent, PropType, reactive, watch } from 'vue';
+
import TInput from '../../../input';
import TInputNumber from '../../../input-number';
+import props from '../../props';
+import { Color } from '../../utils';
+
import { FORMAT_INPUT_CONFIG } from './config';
export default defineComponent({
diff --git a/src/color-picker/panel/header.tsx b/src/color-picker/panel/header.tsx
index 43ecd88f06..4105ce8c32 100644
--- a/src/color-picker/panel/header.tsx
+++ b/src/color-picker/panel/header.tsx
@@ -1,10 +1,10 @@
import { defineComponent, PropType, ref, watch } from 'vue';
-import props from '../props';
-import { COLOR_MODES } from '../const';
import { RadioGroup as TRadioGroup, RadioButton as TRadioButton } from '../../radio';
-import { TdColorModes } from '../interfaces';
+import { COLOR_MODES } from '../const';
import { useBaseClassName } from '../hooks';
+import { TdColorModes } from '../interfaces';
+import props from '../props';
export default defineComponent({
name: 'PanelHeader',
diff --git a/src/color-picker/panel/hue.tsx b/src/color-picker/panel/hue.tsx
index 34ea58fff4..859d8d8e94 100644
--- a/src/color-picker/panel/hue.tsx
+++ b/src/color-picker/panel/hue.tsx
@@ -1,7 +1,9 @@
import { defineComponent } from 'vue';
-import ColorSlider from './slider';
+
import { useBaseClassName } from '../hooks';
+
import baseProps from './base-props';
+import ColorSlider from './slider';
export default defineComponent({
name: 'HueSlider',
diff --git a/src/color-picker/panel/index.tsx b/src/color-picker/panel/index.tsx
index 837f4b3925..40b64f0950 100644
--- a/src/color-picker/panel/index.tsx
+++ b/src/color-picker/panel/index.tsx
@@ -1,26 +1,28 @@
+import cloneDeep from 'lodash/cloneDeep';
import { defineComponent, ref, toRefs, watch, computed } from 'vue';
+
import { useCommonClassName, useConfig } from '../../hooks/useConfig';
-import props from '../props';
+import useDefaultValue from '../../hooks/useDefaultValue';
+import useVModel from '../../hooks/useVModel';
import {
DEFAULT_COLOR,
DEFAULT_LINEAR_GRADIENT,
TD_COLOR_USED_COLORS_MAX_SIZE,
DEFAULT_SYSTEM_SWATCH_COLORS,
} from '../const';
+import { useBaseClassName } from '../hooks';
+import { TdColorModes } from '../interfaces';
+import props from '../props';
+import { TdColorPickerProps, ColorPickerChangeTrigger } from '../type';
+import { Color, getColorObject, GradientColorPoint } from '../utils';
+
+import AlphaSlider from './alpha';
+import FormatPanel from './format';
import PanelHeader from './header';
+import HueSlider from './hue';
import LinearGradient from './linear-gradient';
import SaturationPanel from './saturation';
-import HueSlider from './hue';
-import AlphaSlider from './alpha';
-import FormatPanel from './format';
import SwatchesPanel from './swatches';
-import { Color, getColorObject, GradientColorPoint } from '../utils';
-import { TdColorPickerProps, ColorPickerChangeTrigger } from '../type';
-import { TdColorModes } from '../interfaces';
-import { useBaseClassName } from '../hooks';
-import useVModel from '../../hooks/useVModel';
-import useDefaultValue from '../../hooks/useDefaultValue';
-import cloneDeep from 'lodash/cloneDeep';
export default defineComponent({
name: 'ColorPanel',
diff --git a/src/color-picker/panel/linear-gradient.tsx b/src/color-picker/panel/linear-gradient.tsx
index d40b328586..fa4170613f 100644
--- a/src/color-picker/panel/linear-gradient.tsx
+++ b/src/color-picker/panel/linear-gradient.tsx
@@ -1,10 +1,12 @@
-import { defineComponent, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue';
import cloneDeep from 'lodash/cloneDeep';
-import { GRADIENT_SLIDER_DEFAULT_WIDTH } from '../const';
-import { genGradientPoint, gradientColors2string, GradientColorPoint } from '../utils';
+import { defineComponent, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue';
+
+import { useCommonClassName } from '../../hooks/useConfig';
import { InputNumber as TInputNumber } from '../../input-number';
+import { GRADIENT_SLIDER_DEFAULT_WIDTH } from '../const';
import { useBaseClassName } from '../hooks';
-import { useCommonClassName } from '../../hooks/useConfig';
+import { genGradientPoint, gradientColors2string, GradientColorPoint } from '../utils';
+
import baseProps from './base-props';
const DELETE_KEYS: string[] = ['delete', 'backspace'];
diff --git a/src/color-picker/panel/saturation.tsx b/src/color-picker/panel/saturation.tsx
index d59f84062d..4f16d32b3c 100644
--- a/src/color-picker/panel/saturation.tsx
+++ b/src/color-picker/panel/saturation.tsx
@@ -1,7 +1,9 @@
import { computed, defineComponent, nextTick, onBeforeUnmount, onMounted, reactive, ref } from 'vue';
+
import { SATURATION_PANEL_DEFAULT_HEIGHT, SATURATION_PANEL_DEFAULT_WIDTH } from '../const';
-import { Draggable, Coordinate } from '../utils';
import { useBaseClassName } from '../hooks';
+import { Draggable, Coordinate } from '../utils';
+
import baseProps from './base-props';
export default defineComponent({
diff --git a/src/color-picker/panel/slider.tsx b/src/color-picker/panel/slider.tsx
index 3752b8b1f9..e062692f90 100644
--- a/src/color-picker/panel/slider.tsx
+++ b/src/color-picker/panel/slider.tsx
@@ -1,7 +1,9 @@
import { computed, defineComponent, onBeforeUnmount, onMounted, PropType, reactive, ref } from 'vue';
+
import { SLIDER_DEFAULT_WIDTH } from '../const';
-import { Draggable, Coordinate } from '../utils';
import { useBaseClassName } from '../hooks';
+import { Draggable, Coordinate } from '../utils';
+
import baseProps from './base-props';
export default defineComponent({
diff --git a/src/color-picker/panel/swatches.tsx b/src/color-picker/panel/swatches.tsx
index 9654666593..988e71d79e 100644
--- a/src/color-picker/panel/swatches.tsx
+++ b/src/color-picker/panel/swatches.tsx
@@ -1,10 +1,11 @@
-import { computed, defineComponent, PropType, ref } from 'vue';
import { DeleteIcon as TdDeleteIcon, AddIcon as TdAddIcon } from 'tdesign-icons-vue-next';
+import { computed, defineComponent, PropType, ref } from 'vue';
-import { Color } from '../utils';
-import { useBaseClassName } from '../hooks';
import { useCommonClassName } from '../../hooks/useConfig';
import { useGlobalIcon } from '../../hooks/useGlobalIcon';
+import { useBaseClassName } from '../hooks';
+import { Color } from '../utils';
+
import baseProps from './base-props';
export default defineComponent({
diff --git a/src/color-picker/trigger.tsx b/src/color-picker/trigger.tsx
index 6856140caf..0415dc56c6 100644
--- a/src/color-picker/trigger.tsx
+++ b/src/color-picker/trigger.tsx
@@ -1,9 +1,11 @@
import { defineComponent, PropType, ref, watch } from 'vue';
+
+import { useCommonClassName } from '../hooks/useConfig';
import TInput from '../input';
-import { Color } from './utils';
-import { TdColorPickerProps } from './type';
+
import { useBaseClassName } from './hooks';
-import { useCommonClassName } from '../hooks/useConfig';
+import { TdColorPickerProps } from './type';
+import { Color } from './utils';
export default defineComponent({
name: 'DefaultTrigger',
diff --git a/src/color-picker/utils/click-outsider.ts b/src/color-picker/utils/click-outsider.ts
index 940a9fbfb0..a3f76af16d 100644
--- a/src/color-picker/utils/click-outsider.ts
+++ b/src/color-picker/utils/click-outsider.ts
@@ -1,4 +1,5 @@
import { ComponentPublicInstance, VNode } from 'vue';
+
import { usePrefixClass } from '../../hooks/useConfig';
import { isServer, on } from '../../utils/dom';
diff --git a/src/comment/_example-ts/reply-form.vue b/src/comment/_example-ts/reply-form.vue
index d82fdcb2f7..03bab1935c 100644
--- a/src/comment/_example-ts/reply-form.vue
+++ b/src/comment/_example-ts/reply-form.vue
@@ -10,8 +10,8 @@
diff --git a/src/date-picker/_example-ts/date-presets-alt.vue b/src/date-picker/_example-ts/date-presets-alt.vue
index d686745cfc..bd265d8a63 100644
--- a/src/date-picker/_example-ts/date-presets-alt.vue
+++ b/src/date-picker/_example-ts/date-presets-alt.vue
@@ -7,8 +7,8 @@
diff --git a/src/date-picker/_example/date-presets-alt.vue b/src/date-picker/_example/date-presets-alt.vue
index 4028030bc9..479117650d 100644
--- a/src/date-picker/_example/date-presets-alt.vue
+++ b/src/date-picker/_example/date-presets-alt.vue
@@ -6,8 +6,8 @@
diff --git a/src/descriptions/_example-ts/layout.vue b/src/descriptions/_example-ts/layout.vue
index 3bfa0b0529..d5e1454b18 100644
--- a/src/descriptions/_example-ts/layout.vue
+++ b/src/descriptions/_example-ts/layout.vue
@@ -20,8 +20,8 @@
diff --git a/src/descriptions/const/index.ts b/src/descriptions/const/index.ts
index 18052d6ec3..678ece1eae 100644
--- a/src/descriptions/const/index.ts
+++ b/src/descriptions/const/index.ts
@@ -1,4 +1,5 @@
-import type { InjectionKey } from 'vue';
import { TdDescriptionsProps } from '../type';
+import type { InjectionKey } from 'vue';
+
export const descriptionsKey: InjectionKey = Symbol('TDescriptions');
diff --git a/src/descriptions/descriptions-item.tsx b/src/descriptions/descriptions-item.tsx
index 460bcb2b00..b5f6584919 100644
--- a/src/descriptions/descriptions-item.tsx
+++ b/src/descriptions/descriptions-item.tsx
@@ -1,4 +1,5 @@
import { defineComponent } from 'vue';
+
import props from './description-item-props';
export default defineComponent({
diff --git a/src/descriptions/descriptions.tsx b/src/descriptions/descriptions.tsx
index 8942c3ab75..532ce448ee 100644
--- a/src/descriptions/descriptions.tsx
+++ b/src/descriptions/descriptions.tsx
@@ -1,17 +1,17 @@
-import isNil from 'lodash/isNil';
import isArray from 'lodash/isArray';
+import isNil from 'lodash/isNil';
import { defineComponent, provide, ref } from 'vue';
-import { useTNodeJSX } from '../hooks/tnode';
import { useChildComponentSlots } from '../hooks/slot';
+import { useTNodeJSX } from '../hooks/tnode';
import { usePrefixClass, useCommonClassName } from '../hooks/useConfig';
-import props from './props';
import { descriptionsKey } from './const';
-import { TdDescriptionsProps } from './type';
import DescriptionsRow from './descriptions-row';
-import { renderCustomNode, itemTypeIsProps } from './utils';
import { ItemsType, TdDescriptionItem } from './interface';
+import props from './props';
+import { TdDescriptionsProps } from './type';
+import { renderCustomNode, itemTypeIsProps } from './utils';
/**
* 实现思路
diff --git a/src/descriptions/index.ts b/src/descriptions/index.ts
index ea82645f74..4d1aa85fc5 100644
--- a/src/descriptions/index.ts
+++ b/src/descriptions/index.ts
@@ -1,6 +1,7 @@
+import withInstall from '../utils/withInstall';
+
import _Descriptions from './descriptions';
import _DescriptionsItem from './descriptions-item';
-import withInstall from '../utils/withInstall';
import { TdDescriptionsProps, TdDescriptionItemProps } from './type';
import './style';
diff --git a/src/descriptions/interface.ts b/src/descriptions/interface.ts
index 2a04d32acc..f11dc88f96 100644
--- a/src/descriptions/interface.ts
+++ b/src/descriptions/interface.ts
@@ -1,6 +1,7 @@
-import type { VNode } from 'vue';
import { TdDescriptionItemProps } from './type';
+import type { VNode } from 'vue';
+
export enum ItemsType {
props = 'props',
slots = 'slots',
diff --git a/src/descriptions/utils/index.ts b/src/descriptions/utils/index.ts
index 5c618b698a..3ee5afb4f0 100644
--- a/src/descriptions/utils/index.ts
+++ b/src/descriptions/utils/index.ts
@@ -1,6 +1,6 @@
-import { VNode, Slots, h, ComponentOptions } from 'vue';
import isFunction from 'lodash/isFunction';
import isString from 'lodash/isString';
+import { VNode, Slots, h, ComponentOptions } from 'vue';
import { ItemsType, TdDescriptionItem } from '../interface';
import { TdDescriptionItemProps } from '../type';
diff --git a/src/dialog/_example-ts/async.vue b/src/dialog/_example-ts/async.vue
index f62f4e7e8d..ee3d4798fd 100644
--- a/src/dialog/_example-ts/async.vue
+++ b/src/dialog/_example-ts/async.vue
@@ -20,8 +20,8 @@
diff --git a/src/drawer/_example-ts/popup.vue b/src/drawer/_example-ts/popup.vue
index b45dca4943..66f315332a 100644
--- a/src/drawer/_example-ts/popup.vue
+++ b/src/drawer/_example-ts/popup.vue
@@ -18,8 +18,8 @@
diff --git a/src/drawer/_example-ts/size.vue b/src/drawer/_example-ts/size.vue
index 785d9c040c..fa89f572b0 100644
--- a/src/drawer/_example-ts/size.vue
+++ b/src/drawer/_example-ts/size.vue
@@ -19,8 +19,8 @@
diff --git a/src/input/_example/base.vue b/src/input/_example/base.vue
index f8e50ea322..4beba4ab8e 100644
--- a/src/input/_example/base.vue
+++ b/src/input/_example/base.vue
@@ -15,8 +15,8 @@
diff --git a/src/list/_example-ts/virtual-scroll.vue b/src/list/_example-ts/virtual-scroll.vue
index 624bf678d6..70a3e9df1f 100644
--- a/src/list/_example-ts/virtual-scroll.vue
+++ b/src/list/_example-ts/virtual-scroll.vue
@@ -5,8 +5,8 @@
>
diff --git a/src/menu/_example-ts/group-side.vue b/src/menu/_example-ts/group-side.vue
index 99476101ba..2dfadfa6fb 100644
--- a/src/menu/_example-ts/group-side.vue
+++ b/src/menu/_example-ts/group-side.vue
@@ -63,8 +63,8 @@
diff --git a/src/space/index.ts b/src/space/index.ts
index 656d0ad27e..2241323eaa 100644
--- a/src/space/index.ts
+++ b/src/space/index.ts
@@ -1,5 +1,6 @@
-import _Space from './space';
import withInstall from '../utils/withInstall';
+
+import _Space from './space';
import { TdSpaceProps } from './type';
import './style';
diff --git a/src/space/space.tsx b/src/space/space.tsx
index c7dcd2c951..fa8b6eb4d8 100644
--- a/src/space/space.tsx
+++ b/src/space/space.tsx
@@ -1,12 +1,14 @@
-import { defineComponent, computed, CSSProperties, Fragment } from 'vue';
-import props from './props';
-import { usePrefixClass } from '../hooks/useConfig';
-import { useTNodeJSX } from '../hooks/tnode';
-import { useChildSlots } from '../hooks/slot';
+import isArray from 'lodash/isArray';
import isNumber from 'lodash/isNumber';
import isString from 'lodash/isString';
-import isArray from 'lodash/isArray';
+import { defineComponent, computed, CSSProperties, Fragment } from 'vue';
+
import { getFlexGapPolyFill } from '../_common/js/utils/helper';
+import { useChildSlots } from '../hooks/slot';
+import { useTNodeJSX } from '../hooks/tnode';
+import { usePrefixClass } from '../hooks/useConfig';
+
+import props from './props';
const sizeMap = { small: '8px', medium: '16px', large: '24px' };
const defaultNeedPolyfill = getFlexGapPolyFill();
diff --git a/src/statistic/_example-ts/animation.vue b/src/statistic/_example-ts/animation.vue
index e7d0128f26..54090740f7 100644
--- a/src/statistic/_example-ts/animation.vue
+++ b/src/statistic/_example-ts/animation.vue
@@ -21,8 +21,8 @@