From 201e7a12b9c4023e35ff9540f5da09794ea3c6f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=8D=E5=A6=82=E6=91=B8=E9=B1=BC=E5=8E=BB?=
 <1780903673@qq.com>
Date: Mon, 18 Mar 2024 22:36:12 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E2=9C=A8=20typescript=E7=B1=BB?=
 =?UTF-8?q?=E5=9E=8B=E6=94=AF=E6=8C=81=E5=A2=9E=E5=BC=BA=20(#192)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* refactor: ♻️  typescript支持增强

* refactor: ♻️  typescript支持增强

* refactor: ♻️  typescript支持增强

* refactor: ♻️  typescript支持增强

* refactor: ♻️  typescript支持增强

---------

Co-authored-by: xuqingkai <xuqingkai@hd123.com>
---
 CHANGELOG.md                                  |   2 +-
 build/buildThemeVars.js                       |   2 +-
 docs/component/calendar.md                    |   1 -
 docs/component/checkbox.md                    |   2 -
 docs/component/col-picker.md                  |   1 -
 docs/component/config-provider.md             |   2 +-
 docs/component/count-down.md                  |   9 +
 docs/component/datetime-picker.md             |   1 -
 docs/component/gap.md                         |   2 +-
 docs/component/img-cropper.md                 |   2 +-
 docs/component/input-number.md                |   1 -
 docs/component/picker-view.md                 |   1 -
 docs/component/picker.md                      |   1 -
 docs/component/radio.md                       |   1 -
 docs/component/rate.md                        |  10 -
 docs/component/search.md                      |   1 -
 docs/component/select-picker.md               |   1 -
 docs/component/switch.md                      |   1 -
 docs/guide/changelog.md                       |   2 +-
 package.json                                  |   2 +-
 pnpm-lock.yaml                                | 131 +++++----
 .../wd-privacy-popup/wd-privacy-popup.vue     |   4 +-
 src/pages/actionSheet/Index.vue               |   4 +-
 src/pages/button/Index.vue                    |   2 +-
 src/pages/calendar/Index.vue                  |  32 +-
 src/pages/calendarView/Index.vue              |  24 +-
 src/pages/cell/Index.vue                      |   6 +-
 src/pages/checkbox/Index.vue                  |   2 +-
 src/pages/colPicker/Index.vue                 |  19 +-
 src/pages/collapse/Index.vue                  |  33 ++-
 src/pages/configProvider/Index.vue            |  29 +-
 src/pages/datetimePicker/Index.vue            |  52 ++--
 src/pages/datetimePickerView/Index.vue        |  17 +-
 src/pages/dropMenu/Index.vue                  |  18 +-
 src/pages/form/Index.vue                      |  19 +-
 src/pages/form/demo1.vue                      |   7 +-
 src/pages/form/demo2.vue                      |   9 +-
 src/pages/form/demo3.vue                      |  17 +-
 src/pages/imgCropper/Index.vue                |  12 +-
 src/pages/input/Index.vue                     |  10 +-
 src/pages/inputNumber/Index.vue               |  18 +-
 src/pages/notify/Index.vue                    |   2 +-
 src/pages/numberKeyboard/Index.vue            |   2 +-
 src/pages/pagination/Index.vue                |   6 +-
 src/pages/picker/Index.vue                    |  18 +-
 src/pages/pickerView/Index.vue                |  12 +-
 src/pages/popover/Index.vue                   |   8 +-
 src/pages/popup/Index.vue                     |   9 -
 src/pages/radio/Index.vue                     |   2 +-
 src/pages/rate/Index.vue                      |   8 +-
 src/pages/search/Index.vue                    |   6 +-
 src/pages/selectPicker/Index.vue              |  49 ++--
 src/pages/sidebar/demo1.vue                   |  14 +-
 src/pages/sidebar/demo2.vue                   |   6 +-
 src/pages/sidebar/demo3.vue                   |  14 +-
 src/pages/sortButton/Index.vue                |   8 +-
 src/pages/swipeAction/Index.vue               |   9 +-
 src/pages/swiper/Index.vue                    |   4 +-
 src/pages/switch/Index.vue                    |  13 +-
 src/pages/table/Index.vue                     |   4 +-
 src/pages/tabs/Index.vue                      |   4 +-
 src/pages/tag/Index.vue                       |   8 +-
 src/pages/tooltip/Index.vue                   |  68 ++---
 src/pages/transition/Index.vue                |   2 +-
 src/pages/upload/Index.vue                    |  62 ++--
 src/uni_modules/wot-design-uni/changelog.md   |   2 +-
 .../components/common/base64.ts               |  20 +-
 .../components/common/clickoutside.ts         |  10 +-
 .../wot-design-uni/components/common/dayjs.ts |  16 +-
 .../wot-design-uni/components/common/event.ts |   8 +
 .../wot-design-uni/components/common/props.ts |  51 ++++
 .../wot-design-uni/components/common/util.ts  |  30 +-
 .../components/composables/usePopover.ts      |  24 +-
 .../components/composables/useTouch.ts        |   4 +-
 .../components/wd-action-sheet/types.ts       | 112 +++++++
 .../wd-action-sheet/wd-action-sheet.vue       |  59 +---
 .../components/wd-badge/types.ts              |  50 ++++
 .../components/wd-badge/wd-badge.vue          |  33 +--
 .../components/wd-button/types.ts             |  97 ++++++
 .../components/wd-button/wd-button.vue        |  59 +---
 .../wd-calendar-view/month/month.vue          |  87 +++---
 .../wd-calendar-view/month/types.ts           |  19 ++
 .../monthPanel/month-panel.vue                |  94 +++---
 .../wd-calendar-view/monthPanel/type.ts       |   7 -
 .../wd-calendar-view/monthPanel/types.ts      |  44 +++
 .../components/wd-calendar-view/types.ts      | 105 ++++++-
 .../components/wd-calendar-view/utils.ts      | 159 +++++-----
 .../wd-calendar-view/wd-calendar-view.vue     |  59 +---
 .../components/wd-calendar-view/year/types.ts |  19 ++
 .../components/wd-calendar-view/year/year.vue |  64 ++--
 .../wd-calendar-view/yearPanel/type.ts        |   7 -
 .../wd-calendar-view/yearPanel/types.ts       |  38 +++
 .../wd-calendar-view/yearPanel/year-panel.vue |  31 +-
 .../components/wd-calendar/types.ts           | 202 +++++++++++++
 .../components/wd-calendar/wd-calendar.vue    | 149 +++-------
 .../components/wd-card/types.ts               |  30 ++
 .../components/wd-card/wd-card.vue            |  17 +-
 .../components/wd-cell-group/types.ts         |  29 +-
 .../wd-cell-group/wd-cell-group.vue           |  15 +-
 .../components/wd-cell/types.ts               |  90 ++++++
 .../components/wd-cell/wd-cell.vue            |  44 +--
 .../components/wd-checkbox-group/types.ts     |  75 +++--
 .../wd-checkbox-group/wd-checkbox-group.vue   |  28 +-
 .../components/wd-checkbox/types.ts           |  52 ++++
 .../components/wd-checkbox/wd-checkbox.vue    |  27 +-
 .../components/wd-circle/types.ts             |  54 ++++
 .../components/wd-circle/wd-circle.vue        |  56 +---
 .../components/wd-col-picker/types.ts         | 150 ++++++++++
 .../wd-col-picker/wd-col-picker.vue           | 109 ++-----
 .../wot-design-uni/components/wd-col/types.ts |  15 +
 .../components/wd-col/wd-col.vue              |  14 +-
 .../components/wd-collapse-item/types.ts      |  36 +++
 .../wd-collapse-item/wd-collapse-item.vue     |  27 +-
 .../components/wd-collapse/types.ts           |  57 +++-
 .../components/wd-collapse/wd-collapse.vue    |  34 +--
 .../components/wd-config-provider/types.ts    |  21 ++
 .../wd-config-provider/wd-config-provider.vue |  15 +-
 .../components/wd-count-down/types.ts         |  41 +++
 .../wd-count-down/wd-count-down.vue           |  25 +-
 .../components/wd-curtain/types.ts            |  38 +++
 .../components/wd-curtain/wd-curtain.vue      |  22 +-
 .../wd-datetime-picker-view/type.ts           |  24 --
 .../wd-datetime-picker-view/types.ts          | 119 ++++++++
 .../wd-datetime-picker-view.vue               | 178 ++++-------
 .../components/wd-datetime-picker/types.ts    | 201 +++++++++++++
 .../wd-datetime-picker/wd-datetime-picker.vue | 249 +++++-----------
 .../components/wd-divider/types.ts            |  12 +
 .../components/wd-divider/wd-divider.vue      |  10 +-
 .../components/wd-drop-menu-item/types.ts     |  57 ++++
 .../wd-drop-menu-item/wd-drop-menu-item.vue   |  35 +--
 .../components/wd-drop-menu/types.ts          |  39 ++-
 .../components/wd-drop-menu/wd-drop-menu.vue  |  29 +-
 .../wot-design-uni/components/wd-fab/types.ts |  53 ++++
 .../components/wd-fab/wd-fab.vue              |  43 +--
 .../components/wd-form-item/types.ts          |  16 +
 .../components/wd-form-item/wd-form-item.vue  |  27 +-
 .../components/wd-form/types.ts               |  44 ++-
 .../components/wd-form/wd-form.vue            |  26 +-
 .../wot-design-uni/components/wd-gap/types.ts |  17 ++
 .../components/wd-gap/wd-gap.vue              |  19 +-
 .../components/wd-grid-item/types.ts          |  71 +++++
 .../components/wd-grid-item/wd-grid-item.vue  |  48 +--
 .../components/wd-grid/types.ts               |  37 ++-
 .../components/wd-grid/wd-grid.vue            |  20 +-
 .../components/wd-icon/types.ts               |  21 ++
 .../components/wd-icon/wd-icon.vue            |  19 +-
 .../components/wd-img-cropper/types.ts        |  61 ++++
 .../wd-img-cropper/wd-img-cropper.vue         |  59 +---
 .../wot-design-uni/components/wd-img/types.ts |  34 +++
 .../components/wd-img/wd-img.vue              |  31 +-
 .../components/wd-input-number/types.ts       |  70 +++++
 .../wd-input-number/wd-input-number.vue       |  54 +---
 .../components/wd-input/types.ts              | 154 ++++++++++
 .../components/wd-input/wd-input.vue          |  90 +-----
 .../components/wd-loading/type.ts             |   2 -
 .../components/wd-loading/types.ts            |  32 ++
 .../components/wd-loading/wd-loading.vue      |  20 +-
 .../components/wd-loadmore/types.ts           |  24 ++
 .../components/wd-loadmore/wd-loadmore.vue    |  17 +-
 .../components/wd-message-box/types.ts        |  16 +-
 .../wd-message-box/wd-message-box.vue         |  21 +-
 .../components/wd-navbar-capsule/types.ts     |   0
 .../components/wd-navbar/types.ts             |  52 ++++
 .../components/wd-navbar/wd-navbar.vue        |  48 +--
 .../components/wd-notice-bar/types.ts         |  47 +++
 .../wd-notice-bar/wd-notice-bar.vue           |  30 +-
 .../components/wd-notify/index.ts             |   2 +-
 .../wd-notify/{type.ts => types.ts}           |  51 +---
 .../components/wd-notify/wd-notify.vue        |   4 +-
 .../wd-number-keyboard/key/index.vue          |  19 +-
 .../wd-number-keyboard/key/types.ts           |  11 +
 .../components/wd-number-keyboard/types.ts    |  79 +++++
 .../wd-number-keyboard/wd-number-keyboard.vue |  70 +----
 .../components/wd-overlay/types.ts            |  25 ++
 .../components/wd-overlay/wd-overlay.vue      |  17 +-
 .../components/wd-pagination/types.ts         |  41 +++
 .../wd-pagination/wd-pagination.vue           |  25 +-
 .../components/wd-password-input/types.ts     |  42 +++
 .../wd-password-input/wd-password-input.vue   |  21 +-
 .../wd-picker-view/{type.ts => types.ts}      |  81 ++++-
 .../wd-picker-view/wd-picker-view.vue         |  78 ++---
 .../components/wd-picker/types.ts             | 171 +++++++++++
 .../components/wd-picker/wd-picker.vue        | 115 +-------
 .../components/wd-popover/types.ts            |  69 +++++
 .../components/wd-popover/wd-popover.vue      |  55 +---
 .../components/wd-popup/type.ts               |   1 -
 .../components/wd-popup/types.ts              |  68 +++++
 .../components/wd-popup/wd-popup.vue          |  39 +--
 .../components/wd-progress/types.ts           |  40 +++
 .../components/wd-progress/wd-progress.vue    |  33 +--
 .../components/wd-radio-group/types.ts        |  22 +-
 .../wd-radio-group/wd-radio-group.vue         |  23 +-
 .../components/wd-radio/types.ts              |  42 +++
 .../components/wd-radio/wd-radio.vue          |  21 +-
 .../components/wd-rate/types.ts               |  89 ++++++
 .../components/wd-rate/wd-rate.vue            |  31 +-
 .../components/wd-resize/types.ts             |   6 +
 .../components/wd-resize/wd-resize.vue        |  17 +-
 .../wot-design-uni/components/wd-row/types.ts |   9 +
 .../components/wd-row/wd-row.vue              |  12 +-
 .../components/wd-search/types.ts             |  82 ++++++
 .../components/wd-search/wd-search.vue        |  33 +--
 .../components/wd-segmented/types.ts          |  76 +++++
 .../components/wd-segmented/wd-segmented.vue  |  54 +---
 .../components/wd-select-picker/types.ts      |  99 +++++++
 .../wd-select-picker/wd-select-picker.vue     | 112 ++-----
 .../components/wd-sidebar-item/types.ts       |  25 ++
 .../wd-sidebar-item/wd-sidebar-item.vue       |  45 +--
 .../components/wd-sidebar/types.ts            |  21 +-
 .../components/wd-sidebar/wd-sidebar.vue      |  17 +-
 .../components/wd-skeleton/types.ts           |  23 +-
 .../components/wd-skeleton/wd-skeleton.vue    |  12 +-
 .../components/wd-slider/types.ts             |  86 ++++++
 .../components/wd-slider/wd-slider.vue        |  76 ++---
 .../components/wd-sort-button/types.ts        |  43 +++
 .../wd-sort-button/wd-sort-button.vue         |  18 +-
 .../components/wd-status-tip/types.ts         |  39 +++
 .../wd-status-tip/wd-status-tip.vue           |  17 +-
 .../components/wd-step/types.ts               |  54 ++++
 .../components/wd-step/wd-step.vue            |  24 +-
 .../components/wd-steps/types.ts              |  56 +++-
 .../components/wd-steps/wd-steps.vue          |  24 +-
 .../components/wd-sticky-box/types.ts         |   0
 .../wd-sticky-box/wd-sticky-box.vue           |  23 +-
 .../components/wd-sticky/types.ts             |  13 +
 .../components/wd-sticky/wd-sticky.vue        |  24 +-
 .../components/wd-swipe-action/types.ts       |  40 +++
 .../wd-swipe-action/wd-swipe-action.vue       |  33 +--
 .../components/wd-swiper-nav/type.ts          |   4 -
 .../components/wd-swiper-nav/types.ts         |  42 +++
 .../wd-swiper-nav/wd-swiper-nav.vue           |  55 +---
 .../components/wd-swiper/type.ts              |  59 ----
 .../components/wd-swiper/types.ts             | 171 +++++++++++
 .../components/wd-swiper/wd-swiper.vue        | 178 +----------
 .../components/wd-switch/types.ts             |  56 ++++
 .../components/wd-switch/wd-switch.vue        |  25 +-
 .../wot-design-uni/components/wd-tab/types.ts |  20 ++
 .../components/wd-tab/wd-tab.vue              |  19 +-
 .../components/wd-tabbar-item/types.ts        |  47 ++-
 .../wd-tabbar-item/wd-tabbar-item.vue         |  43 +--
 .../components/wd-tabbar/types.ts             |  51 +++-
 .../components/wd-tabbar/wd-tabbar.vue        |  50 +---
 .../components/wd-table-col/types.ts          |  32 ++
 .../components/wd-table-col/wd-table-col.vue  |  38 +--
 .../components/wd-table/types.ts              |  45 +++
 .../components/wd-table/wd-table.vue          |  40 +--
 .../components/wd-tabs/types.ts               |  57 +++-
 .../components/wd-tabs/wd-tabs.vue            |  59 +---
 .../wot-design-uni/components/wd-tag/types.ts |  81 +++++
 .../components/wd-tag/wd-tag.vue              |  30 +-
 .../components/wd-textarea/types.ts           | 277 ++++++++++++++++++
 .../components/wd-textarea/wd-textarea.vue    |  96 +-----
 .../components/wd-toast/index.ts              |   2 +-
 .../components/wd-toast/{type.ts => types.ts} |  14 +-
 .../components/wd-toast/wd-toast.vue          |  14 +-
 .../components/wd-tooltip/types.ts            | 102 +++++++
 .../components/wd-tooltip/wd-tooltip.vue      |  49 +---
 .../components/wd-transition/types.ts         |  89 ++++++
 .../wd-transition/wd-transition.vue           |  46 +--
 .../components/wd-upload/types.ts             | 223 ++++++++++++++
 .../components/wd-upload/utils.ts             |  13 +-
 .../components/wd-upload/wd-upload.vue        | 190 +++---------
 .../components/wd-watermark/types.ts          |  76 +++++
 .../components/wd-watermark/wd-watermark.vue  |  84 +-----
 src/uni_modules/wot-design-uni/index.ts       |   2 +-
 src/utils/area.ts                             |   2 +-
 tsconfig.json                                 |   2 +-
 267 files changed, 6698 insertions(+), 4287 deletions(-)
 create mode 100644 src/uni_modules/wot-design-uni/components/common/event.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/common/props.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-action-sheet/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-badge/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-button/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-calendar-view/month/types.ts
 delete mode 100644 src/uni_modules/wot-design-uni/components/wd-calendar-view/monthPanel/type.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-calendar-view/monthPanel/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-calendar-view/year/types.ts
 delete mode 100644 src/uni_modules/wot-design-uni/components/wd-calendar-view/yearPanel/type.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-calendar-view/yearPanel/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-calendar/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-card/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-cell/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-checkbox/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-circle/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-col-picker/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-col/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-collapse-item/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-count-down/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-curtain/types.ts
 delete mode 100644 src/uni_modules/wot-design-uni/components/wd-datetime-picker-view/type.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-datetime-picker-view/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-datetime-picker/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-divider/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-drop-menu-item/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-fab/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-form-item/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-gap/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-grid-item/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-icon/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-img-cropper/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-img/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-input-number/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-input/types.ts
 delete mode 100644 src/uni_modules/wot-design-uni/components/wd-loading/type.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-loading/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-loadmore/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-navbar-capsule/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-navbar/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-notice-bar/types.ts
 rename src/uni_modules/wot-design-uni/components/wd-notify/{type.ts => types.ts} (63%)
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-number-keyboard/key/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-number-keyboard/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-overlay/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-pagination/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-password-input/types.ts
 rename src/uni_modules/wot-design-uni/components/wd-picker-view/{type.ts => types.ts} (50%)
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-picker/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-popover/types.ts
 delete mode 100644 src/uni_modules/wot-design-uni/components/wd-popup/type.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-popup/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-progress/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-radio/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-rate/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-resize/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-search/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-segmented/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-select-picker/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-sidebar-item/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-slider/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-sort-button/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-status-tip/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-step/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-sticky-box/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-sticky/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-swipe-action/types.ts
 delete mode 100644 src/uni_modules/wot-design-uni/components/wd-swiper-nav/type.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-swiper-nav/types.ts
 delete mode 100644 src/uni_modules/wot-design-uni/components/wd-swiper/type.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-swiper/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-switch/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-tab/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-table/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-tag/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-textarea/types.ts
 rename src/uni_modules/wot-design-uni/components/wd-toast/{type.ts => types.ts} (77%)
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-tooltip/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-transition/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-upload/types.ts
 create mode 100644 src/uni_modules/wot-design-uni/components/wd-watermark/types.ts

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0edd6560..a4726ae8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -658,7 +658,7 @@
 ### ✨ Features | 新功能
 
 * ✨ 新增 Table 表格组件 ([#98](https://github.com/Moonofweisheng/wot-design-uni/issues/98)) ([c8395f8](https://github.com/Moonofweisheng/wot-design-uni/commit/c8395f8a7e1ad041b003672081b715a7c755adc1))
-* ✨ Collpase 折叠面板组件增加分割线 ([adc6633](https://github.com/Moonofweisheng/wot-design-uni/commit/adc6633ad80b74e801a48a50917c9a2d378de9e0)), closes [#97](https://github.com/Moonofweisheng/wot-design-uni/issues/97)
+* ✨ Collapse 折叠面板组件增加分割线 ([adc6633](https://github.com/Moonofweisheng/wot-design-uni/commit/adc6633ad80b74e801a48a50917c9a2d378de9e0)), closes [#97](https://github.com/Moonofweisheng/wot-design-uni/issues/97)
 
 ### [0.1.38](https://github.com/Moonofweisheng/wot-design-uni/compare/v0.1.37...v0.1.38) (2023-10-25)
 
diff --git a/build/buildThemeVars.js b/build/buildThemeVars.js
index 7f45f23e..ea2f6603 100644
--- a/build/buildThemeVars.js
+++ b/build/buildThemeVars.js
@@ -69,7 +69,7 @@ const generateTSFileContent = (variables) => {
   return tsContent
 }
 
-const tsFilePath = path.resolve(__dirname, '../src/uni_modules/wot-design-uni/components/wd-config-provider/types.ts')
+const tsFilePath = path.resolve(__dirname, '../src/uni_modules/wot-design-uni/components/wd-config-provider/type.ts')
 const scssFilePath = path.resolve(__dirname, '../src/uni_modules/wot-design-uni/components/common/abstracts/test.scss')
 
 const variables = extractSCSSVariables(scssFilePath)
diff --git a/docs/component/calendar.md b/docs/component/calendar.md
index 80c127b7..29dde050 100644
--- a/docs/component/calendar.md
+++ b/docs/component/calendar.md
@@ -393,7 +393,6 @@ function handleConfirm4({ value }) {
 | before-confirm         | 确定前校验函数，接收 { value, resolve } 参数，通过 resolve 继续执行，resolve 接收 1 个 boolean 参数 | function              | -                                                                                           | -                     | -        |
 | use-default-slot       | 使用默认插槽时设置该选项                                                                            | boolean               | -                                                                                           | false                 | -        |
 | use-label-slot         | 使用 label 插槽时设置该选项                                                                         | boolean               | -                                                                                           | false                 | -        |
-| name                   | form 表单中的字段名                                                                                 | string                | -                                                                                           | -                     | -        |
 | close-on-click-modal   | 点击遮罩是否关闭                                                                                    | boolean               | -                                                                                           | true                  | -        |
 | z-index                | 弹窗层级                                                                                            | number                | -                                                                                           | 15                    | -        |
 | safe-area-inset-bottom | 弹出面板是否设置底部安全距离（iphone X 类型的机型）                                                 | boolean               | -                                                                                           | true                  | -        |
diff --git a/docs/component/checkbox.md b/docs/component/checkbox.md
index 71040bbd..bb26d0a9 100644
--- a/docs/component/checkbox.md
+++ b/docs/component/checkbox.md
@@ -171,7 +171,6 @@ const value = ref(['jd'])
 | true-value | 选中值，在 checkbox-group 中使用无效，需同 false-value 一块使用 | string / number | - | true | - |
 | false-value | 非选中时的值，在 checkbox-group 中使用无效，需同 true-value 一块使用 | string /number | - | false | - |
 | size | 设置大小 | string | large | - | - |
-| name | form 表单中的字段名 | string | - | - | - |
 
 ## CheckboxGroup Attributes
 
@@ -186,7 +185,6 @@ const value = ref(['jd'])
 | max | 最大选中的数量，0 为无限数量，默认为 0 | number | - | 0 | - |
 | inline | 同行展示 | boolean | - | false | - |
 | size | 设置大小 | string | large | - | - |
-| name | form 表单中的字段名 | string | - | - | - |
 
 ## Checkbox Methods
 
diff --git a/docs/component/col-picker.md b/docs/component/col-picker.md
index 7814f5eb..1509c00f 100644
--- a/docs/component/col-picker.md
+++ b/docs/component/col-picker.md
@@ -519,7 +519,6 @@ const columnChange = ({ selectedItem, resolve, finish }) => {
 | loading-color          | loading 图标的颜色                                                                                                             | string   | -      | #4D80F0 | -        |
 | use-default-slot       | 使用默认插槽时设置该选项                                                                                                       | boolean  | -      | false   | -        |
 | use-label-slot         | 使用 label 插槽时设置该选项                                                                                                    | boolean  | -      | false   | -        |
-| name                   | form 表单中的字段名                                                                                                            | string   | -      | -       | -        |
 | close-on-click-modal   | 点击遮罩是否关闭                                                                                                               | boolean  | -      | true    | -        |
 | auto-complete          | 自动触发 column-change 事件来补全数据，当 columns 为空数组或者 columns 数组长度小于 value 数组长度时，会自动触发 column-change | -        | false  | -       |
 | z-index                | 弹窗层级                                                                                                                       | number   | -      | 15      | -        |
diff --git a/docs/component/config-provider.md b/docs/component/config-provider.md
index 9ab1c4da..f170fbab 100644
--- a/docs/component/config-provider.md
+++ b/docs/component/config-provider.md
@@ -127,5 +127,5 @@ const themeVars: ConfigProviderThemeVars = {
 | 参数       | 说明                                             | 类型   | 可选值         | 默认值 | 最低版本 |
 | ---------- | ------------------------------------------------ | ------ | -------------- | ------ | -------- |
 | theme      | 主题风格，设置为 `dark` 来开启深色模式，全局生效 | string | `dark`/`light` | -      | -        |
-| theme-vars | 自定义主题变量                                   | object | -              | -      | -        |
+| theme-vars | 自定义主题变量                                   | `ConfigProviderThemeVars` | -              | -      | -        |
 
diff --git a/docs/component/count-down.md b/docs/component/count-down.md
index 9852a441..f6ef075c 100644
--- a/docs/component/count-down.md
+++ b/docs/component/count-down.md
@@ -125,6 +125,15 @@ const onFinish = () => showToast('倒计时结束')
 | finish   | 倒计时结束时触发 | —                     | 0.1.58   |
 | change   | 倒计时变化时触发 | current: TimeData | 0.1.58   |
 
+
+
+## Methods
+| 方法名 | 说明           | 参数                  | 最低版本 |
+| -------- | ---------------- | --------------------- | -------- |
+| start    | 开始倒计时       | —                     | 0.1.58   |
+| pause    | 暂停倒计时       | —                     | 0.1.58   |
+| reset     | 重置倒计时，若 `auto-start` 为 `true`，重设后会自动开始倒计时       | —                     | 0.1.58   |
+
 ## Slots
 
 | 名称 | 说明     | 最低版本 |
diff --git a/docs/component/datetime-picker.md b/docs/component/datetime-picker.md
index 8e2b9b76..d720e0d0 100644
--- a/docs/component/datetime-picker.md
+++ b/docs/component/datetime-picker.md
@@ -279,7 +279,6 @@ const displayFormatTabLabel = (items) => {
 | use-label-slot | label 使用插槽 | boolean | - | false | - |
 | use-default-slot | 使用默认插槽 | boolean | - | false | - |
 | before-confirm | 确定前校验函数，接收 (value, resolve, picker) 参数，通过 resolve 继续执行 picker，resolve 接收1个boolean参数 | function | - | - | - |
-| name | form 表单中的字段名 | string | - | - | - |
 | close-on-click-modal | 点击遮罩是否关闭 | boolean | - | true | - |
 | z-index | 弹窗层级 | number | - | 15 | - |
 | safe-area-inset-bottom | 弹出面板是否设置底部安全距离（iphone X 类型的机型） | boolean | - | true | - |
diff --git a/docs/component/gap.md b/docs/component/gap.md
index 7312d461..6a3211f2 100644
--- a/docs/component/gap.md
+++ b/docs/component/gap.md
@@ -40,7 +40,7 @@
 | 参数              | 说明      | 类型      | 可选值        | 默认值         | 最低版本 |
 |-----------------|---------|---------|------------|-------------| -------- |
 | height          | 高度      | `string`/`number`  | -          | 15       | -        |
-| background      | 背景颜色    | string  |            | transparent | -        |
+| bgColor      | 背景颜色    | string  |            | transparent | -        |
 | safeAreaBbottom | 底部安全区  | boolean | true/false | false       | -        |
 
 ## 外部样式类
diff --git a/docs/component/img-cropper.md b/docs/component/img-cropper.md
index 4a58a51d..661c32d5 100644
--- a/docs/component/img-cropper.md
+++ b/docs/component/img-cropper.md
@@ -65,7 +65,7 @@ function handleCancel(event) {
 
 | 参数 | 说明 | 类型 | 可选值 | 默认值| 最低版本 |
 |-----|------|-----|-------|-------|--------|
-| show | 打开图片裁剪组件 | boolean | - | false | - |
+| v-model | 打开图片裁剪组件 | boolean | - | false | - |
 | img-src | 图片资源链接 | string | - | - | - |
 | img-width | 截屏预览图片的初始宽度; `1、设置宽度不设置高度，按照宽度等比缩放；2、如果都不设置，预览时图片大小会根据裁剪框大小进行等比缩放，进行锁边处理；`; string 类型只支持 % 单位，number 类型时单位为 px | number / string | - | - | - |
 | img-height | 截屏预览图片的初始高度; `1、设置高度不设置宽度，按照高度等比缩放；2、如果都不设置，预览时图片大小会根据裁剪框大小进行等比缩放，进行锁边处理；`; string 类型只支持 % 单位，number 类型时单位为 px | number / string | - | - | - |
diff --git a/docs/component/input-number.md b/docs/component/input-number.md
index 5b0cfdd9..b33d015e 100644
--- a/docs/component/input-number.md
+++ b/docs/component/input-number.md
@@ -111,7 +111,6 @@ function handleChange1({ value }) {
 | disabled | 禁用 | boolean | - | false | - |
 | without-input | 不显示输入框 | boolean | - | false | - |
 | input-width | 输入框宽度 | string | - | 36px | - |
-| name | form 表单中的字段名 | string | - | - | - |
 | allow-null | 允许空值 | boolean | - | false | - |
 | placeholder | 占位文本 | string | - | - | - |
 | disable-input | 禁用输入框 | boolean | - | false | 0.2.14 |
diff --git a/docs/component/picker-view.md b/docs/component/picker-view.md
index ebd39f21..2e14c4a4 100644
--- a/docs/component/picker-view.md
+++ b/docs/component/picker-view.md
@@ -114,7 +114,6 @@ const onChangeDistrict = (pickerView, value, columnIndex, resolve) => {
 | value-key | 选项对象中，value对应的 key | string | - | value | - |
 | label-key | 选项对象中，展示的文本对应的 key | string | - | label | - |
 | column-change | 接收 pickerView 实例、选中项、当前修改列的下标、resolve 作为入参，根据选中项和列下标进行判断，通过 pickerView 实例暴露出来的 `setColumnData` 方法修改其他列的数据源。 | function | - | - | - |
-| name | form 表单中的字段名 | string | - | - | - |
 
 ## Methods
 
diff --git a/docs/component/picker.md b/docs/component/picker.md
index 2a57bce9..da727d61 100644
--- a/docs/component/picker.md
+++ b/docs/component/picker.md
@@ -256,7 +256,6 @@ function handleConfirm({ value }) {
 | use-label-slot | label 使用插槽 | boolean | - | false | - |
 | use-default-slot | 使用默认插槽 | boolean | - | false | - |
 | before-confirm | 确定前校验函数，接收 (value, resolve, picker) 参数，通过 resolve 继续执行 picker，resolve 接收1个boolean参数 | function | - | - | - |
-| name | form 表单中的字段名 | string | - | - | - |
 | close-on-click-modal | 点击遮罩是否关闭 | boolean | - | true | - |
 | z-index | 弹窗层级 | number | - | 15 | - |
 | safe-area-inset-bottom | 弹出面板是否设置底部安全距离（iphone X 类型的机型） | boolean | - | true | - |
diff --git a/docs/component/radio.md b/docs/component/radio.md
index 2cbbc6aa..76fe08b0 100644
--- a/docs/component/radio.md
+++ b/docs/component/radio.md
@@ -146,7 +146,6 @@ radio设置的props优先级比radioGroup上设置的props优先级更高
 | max-width | 文字位置最大宽度 | string | - | - | - |
 | inline | 同行展示 | boolean | - | false | - |
 | cell | 表单模式 | boolean | - | false | - |
-| name | form 表单中的字段名 | string | - | - | - |
 
 ## RadioGroup Events
 
diff --git a/docs/component/rate.md b/docs/component/rate.md
index 72db740d..6c6ba460 100644
--- a/docs/component/rate.md
+++ b/docs/component/rate.md
@@ -1,12 +1,3 @@
-<!--
- * @Author: weisheng
- * @Date: 2023-08-27 18:05:52
- * @LastEditTime: 2023-09-02 16:12:14
- * @LastEditors: weisheng
- * @Description: 
- * @FilePath: \wot-design-uni\docs\component\rate.md
- * 记得注释
--->
 <frame/>
 
 #  Rate 评分
@@ -85,7 +76,6 @@ function changeValue({ value }) {
 | active-icon | 选中的图标类名 | string | - | wd-icon-star-on | - |
 | disabled | 是否禁用 | boolean | - | false | - |
 | disabled-color | 禁用的图标颜色 | string | - | linear-gradient(315deg, rgba(177,177,177,1) 0%,rgba(199,199,199,1) 100%) | - |
-| name | form 表单中的字段名 | string | - | - | - |
 
 ## Events
 
diff --git a/docs/component/search.md b/docs/component/search.md
index ea53b3b8..fca33127 100644
--- a/docs/component/search.md
+++ b/docs/component/search.md
@@ -169,7 +169,6 @@ function changeSearchType({ item, index }) {
 | use-suffix-slot  | 是否使用输入框右侧插槽                | boolean         | -      | false  | -        |
 | focus            | 是否自动聚焦                      | boolean         | -      | false  | 0.1.63        |
 | focusWhenClear   | 是否在点击清除按钮时聚焦输入框       | boolean         | -      | false  | 0.1.63        |
-| name             | form 表单中的字段名                   | string          | -      | -      | -        |
 
 ## Events
 
diff --git a/docs/component/select-picker.md b/docs/component/select-picker.md
index d3db6078..6376b32c 100644
--- a/docs/component/select-picker.md
+++ b/docs/component/select-picker.md
@@ -334,7 +334,6 @@ function handleConfirm({ value, selectedItems }) {
 | checked-color          | 选中的颜色（单/复选框）                                                                                  | string                            | -                | #4D80F0  | -        |
 | use-default-slot       | 使用默认插槽时设置该选项                                                                                 | boolean                           | -                | false    | -        |
 | use-label-slot         | 使用 label 插槽时设置该选项                                                                              | boolean                           | -                | false    | -        |
-| name                   | form 表单中的字段名                                                                                      | string                            | -                | -        | -        |
 | close-on-click-modal   | 点击遮罩是否关闭                                                                                         | boolean                           | -                | true     | -        |
 | z-index                | 弹窗层级                                                                                                 | number                            | -                | 15       | -    |
 | safe-area-inset-bottom | 弹出面板是否设置底部安全距离（iphone X 类型的机型）                                                      | boolean                           | -                | true     | -    |
diff --git a/docs/component/switch.md b/docs/component/switch.md
index c3290dc9..7a7b0a74 100644
--- a/docs/component/switch.md
+++ b/docs/component/switch.md
@@ -79,7 +79,6 @@ const beforeChange = ({ value, resolve }) => {
 | active-color | 打开时的背景色 | string | - | #4D80F0 | - |
 | inactive-color | 关闭时的背景色，默认为白色，所以有灰色边框，如果设置了该值，则会自动去除灰色边框 | string | - | #fff | - |
 | size | 开关大小，可以为任何单位的字符串尺寸 | string/number | - | 28px | - |
-| name | form 表单中的字段名 | string | - | - | - |
 | before-change | 修改前钩子 | function | - | - | - |
 
 ## Events
diff --git a/docs/guide/changelog.md b/docs/guide/changelog.md
index 0edd6560..a4726ae8 100644
--- a/docs/guide/changelog.md
+++ b/docs/guide/changelog.md
@@ -658,7 +658,7 @@
 ### ✨ Features | 新功能
 
 * ✨ 新增 Table 表格组件 ([#98](https://github.com/Moonofweisheng/wot-design-uni/issues/98)) ([c8395f8](https://github.com/Moonofweisheng/wot-design-uni/commit/c8395f8a7e1ad041b003672081b715a7c755adc1))
-* ✨ Collpase 折叠面板组件增加分割线 ([adc6633](https://github.com/Moonofweisheng/wot-design-uni/commit/adc6633ad80b74e801a48a50917c9a2d378de9e0)), closes [#97](https://github.com/Moonofweisheng/wot-design-uni/issues/97)
+* ✨ Collapse 折叠面板组件增加分割线 ([adc6633](https://github.com/Moonofweisheng/wot-design-uni/commit/adc6633ad80b74e801a48a50917c9a2d378de9e0)), closes [#97](https://github.com/Moonofweisheng/wot-design-uni/issues/97)
 
 ### [0.1.38](https://github.com/Moonofweisheng/wot-design-uni/compare/v0.1.37...v0.1.38) (2023-10-25)
 
diff --git a/package.json b/package.json
index 6ce0de89..20b14c40 100644
--- a/package.json
+++ b/package.json
@@ -113,7 +113,7 @@
     "vite": "4.0.3",
     "vitest": "^0.30.1",
     "vue-eslint-parser": "^9.1.0",
-    "vue-tsc": "^1.0.24"
+    "vue-tsc": "^2.0.6"
   },
   "config": {
     "commitizen": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c44c5566..19deb5aa 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -170,8 +170,8 @@ devDependencies:
     specifier: ^9.1.0
     version: 9.1.0(eslint@8.36.0)
   vue-tsc:
-    specifier: ^1.0.24
-    version: 1.2.0(typescript@5.3.3)
+    specifier: ^2.0.6
+    version: 2.0.6(typescript@5.3.3)
 
 packages:
 
@@ -574,6 +574,14 @@ packages:
     dependencies:
       '@babel/types': 7.22.10
 
+  /@babel/parser@7.24.0:
+    resolution: {integrity: sha512-QuP/FxEAzMSjXygs8v4N9dvdXzEHN4W1oF3PxuWAtPo08UdM17u89RDMgjLn/mlc56iM0HlLmVkO/wgR+rDgHg==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+    dependencies:
+      '@babel/types': 7.22.10
+    dev: true
+
   /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.22.5(@babel/core@7.22.10):
     resolution: {integrity: sha512-NP1M5Rf+u2Gw9qfSO4ihjcTGW5zXTi36ITLd4/EoAcEhIZ0yjMqmftDNl3QC19CX7olhrjpyU454g/2W7X0jvQ==}
     engines: {node: '>=6.9.0'}
@@ -4071,44 +4079,23 @@ packages:
       pretty-format: 27.5.1
     dev: true
 
-  /@volar/language-core@1.3.0-alpha.0:
-    resolution: {integrity: sha512-W3uMzecHPcbwddPu4SJpUcPakRBK/y/BP+U0U6NiPpUX1tONLC4yCawt+QBJqtgJ+sfD6ztf5PyvPL3hQRqfOA==}
+  /@volar/language-core@2.1.2:
+    resolution: {integrity: sha512-5qsDp0Gf6fE09UWCeK7bkVn6NxMwC9OqFWQkMMkeej8h8XjyABPdRygC2RCrqDrfVdGijqlMQeXs6yRS+vfZYA==}
     dependencies:
-      '@volar/source-map': 1.3.0-alpha.0
+      '@volar/source-map': 2.1.2
     dev: true
 
-  /@volar/source-map@1.3.0-alpha.0:
-    resolution: {integrity: sha512-jSdizxWFvDTvkPYZnO6ew3sBZUnS0abKCbuopkc0JrIlFbznWC/fPH3iPFIMS8/IIkRxq1Jh9VVG60SmtsdaMQ==}
+  /@volar/source-map@2.1.2:
+    resolution: {integrity: sha512-yFJqsuLm1OaWrsz9E3yd3bJcYIlHqdZ8MbmIoZLrAzMYQDcoF26/INIhgziEXSdyHc8xd7rd/tJdSnUyh0gH4Q==}
     dependencies:
-      muggle-string: 0.2.2
+      muggle-string: 0.4.1
     dev: true
 
-  /@volar/typescript@1.3.0-alpha.0:
-    resolution: {integrity: sha512-5UItyW2cdH2mBLu4RrECRNJRgtvvzKrSCn2y3v/D61QwIDkGx4aeil6x8RFuUL5TFtV6QvVHXnsOHxNgd+sCow==}
+  /@volar/typescript@2.1.2:
+    resolution: {integrity: sha512-lhTancZqamvaLvoz0u/uth8dpudENNt2LFZOWCw9JZiX14xRFhdhfzmphiCRb7am9E6qAJSbdS/gMt1utXAoHQ==}
     dependencies:
-      '@volar/language-core': 1.3.0-alpha.0
-    dev: true
-
-  /@volar/vue-language-core@1.2.0:
-    resolution: {integrity: sha512-w7yEiaITh2WzKe6u8ZdeLKCUz43wdmY/OqAmsB/PGDvvhTcVhCJ6f0W/RprZL1IhqH8wALoWiwEh/Wer7ZviMQ==}
-    dependencies:
-      '@volar/language-core': 1.3.0-alpha.0
-      '@volar/source-map': 1.3.0-alpha.0
-      '@vue/compiler-dom': 3.3.4
-      '@vue/compiler-sfc': 3.3.4
-      '@vue/reactivity': 3.3.4
-      '@vue/shared': 3.3.4
-      minimatch: 6.2.0
-      muggle-string: 0.2.2
-      vue-template-compiler: 2.7.14
-    dev: true
-
-  /@volar/vue-typescript@1.2.0:
-    resolution: {integrity: sha512-zjmRi9y3J1EkG+pfuHp8IbHmibihrKK485cfzsHjiuvJMGrpkWvlO5WVEk8oslMxxeGC5XwBFE9AOlvh378EPA==}
-    deprecated: 'WARNING: This project has been renamed to @vue/typescript. Install using @vue/typescript instead.'
-    dependencies:
-      '@volar/typescript': 1.3.0-alpha.0
-      '@volar/vue-language-core': 1.2.0
+      '@volar/language-core': 2.1.2
+      path-browserify: 1.0.1
     dev: true
 
   /@vue/babel-helper-vue-transform-on@1.0.2:
@@ -4148,6 +4135,16 @@ packages:
       estree-walker: 2.0.2
       source-map-js: 1.0.2
 
+  /@vue/compiler-core@3.4.21:
+    resolution: {integrity: sha512-MjXawxZf2SbZszLPYxaFCjxfibYrzr3eYbKxwpLR9EQN+oaziSu3qKVbwBERj1IFIB8OLUewxB5m/BFzi613og==}
+    dependencies:
+      '@babel/parser': 7.24.0
+      '@vue/shared': 3.4.21
+      entities: 4.5.0
+      estree-walker: 2.0.2
+      source-map-js: 1.0.2
+    dev: true
+
   /@vue/compiler-dom@3.2.47:
     resolution: {integrity: sha512-dBBnEHEPoftUiS03a4ggEig74J2YBZ2UIeyfpcRM2tavgMWo4bsEfgCGsu+uJIL/vax9S+JztH8NmQerUo7shQ==}
     dependencies:
@@ -4160,6 +4157,13 @@ packages:
       '@vue/compiler-core': 3.3.4
       '@vue/shared': 3.3.4
 
+  /@vue/compiler-dom@3.4.21:
+    resolution: {integrity: sha512-IZC6FKowtT1sl0CR5DpXSiEB5ayw75oT2bma1BEhV7RRR1+cfwLrxc2Z8Zq/RGFzJ8w5r9QtCOvTjQgdn0IKmA==}
+    dependencies:
+      '@vue/compiler-core': 3.4.21
+      '@vue/shared': 3.4.21
+    dev: true
+
   /@vue/compiler-sfc@3.2.47:
     resolution: {integrity: sha512-rog05W+2IFfxjMcFw10tM9+f7i/+FFpZJJ5XHX72NP9eC2uRD+42M3pYcQqDXVYoj74kHMSEdQ/WmCjt8JFksQ==}
     dependencies:
@@ -4204,6 +4208,24 @@ packages:
     resolution: {integrity: sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q==}
     dev: false
 
+  /@vue/language-core@2.0.6(typescript@5.3.3):
+    resolution: {integrity: sha512-UzqU12tzf9XLqRO3TiWPwRNpP4fyUzE6MAfOQWQNZ4jy6a30ARRUpmODDKq6O8C4goMc2AlPqTmjOHPjHkilSg==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@volar/language-core': 2.1.2
+      '@vue/compiler-dom': 3.4.21
+      '@vue/shared': 3.4.21
+      computeds: 0.0.1
+      minimatch: 9.0.3
+      path-browserify: 1.0.1
+      typescript: 5.3.3
+      vue-template-compiler: 2.7.16
+    dev: true
+
   /@vue/reactivity-transform@3.2.47:
     resolution: {integrity: sha512-m8lGXw8rdnPVVIdIFhf0LeQ/ixyHkH5plYuS83yop5n7ggVJU+z5v0zecwEnX7fa7HNLBhh2qngJJkxpwEEmYA==}
     dependencies:
@@ -4264,6 +4286,10 @@ packages:
   /@vue/shared@3.3.4:
     resolution: {integrity: sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ==}
 
+  /@vue/shared@3.4.21:
+    resolution: {integrity: sha512-PuJe7vDIi6VYSinuEbUIQgMIRZGgM8e4R+G+/dQTk0X1NEdvgvvgv7m+rfmDH1gZzyA1OjjoWskvHlfRNfQf3g==}
+    dev: true
+
   /@vue/tsconfig@0.1.3(@types/node@18.15.3):
     resolution: {integrity: sha512-kQVsh8yyWPvHpb8gIc9l/HIDiiVUy1amynLNpCy8p+FoCiZXCo6fQos5/097MmnNZc9AtseDsCrfkhqCrJ8Olg==}
     peerDependencies:
@@ -5068,6 +5094,10 @@ packages:
   /compare-versions@3.6.0:
     resolution: {integrity: sha512-W6Af2Iw1z4CB7q4uU4hv646dW9GQuBM+YpC0UvUCWSD8w90SJjp+ujJuXaEMtAXBtSqGfMPuFOVn4/+FlaqfBA==}
 
+  /computeds@0.0.1:
+    resolution: {integrity: sha512-7CEBgcMjVmitjYo5q8JTJVra6X5mQ20uTThdK+0kR7UEaDrAWEQcRiBtWJzga4eRpP6afNwwLsX2SET2JhVB1Q==}
+    dev: true
+
   /concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
     dev: true
@@ -5657,6 +5687,11 @@ packages:
     engines: {node: '>= 0.8'}
     dev: true
 
+  /entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+    dev: true
+
   /error-ex@1.3.2:
     resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
     dependencies:
@@ -8054,13 +8089,6 @@ packages:
       brace-expansion: 1.1.11
     dev: true
 
-  /minimatch@6.2.0:
-    resolution: {integrity: sha512-sauLxniAmvnhhRjFwPNnJKaPFYyddAgbYdeUpHULtCT/GhzdCx/MDNy+Y40lBxTQUrMzDE8e0S43Z5uqfO0REg==}
-    engines: {node: '>=10'}
-    dependencies:
-      brace-expansion: 2.0.1
-    dev: true
-
   /minimatch@7.4.2:
     resolution: {integrity: sha512-xy4q7wou3vUoC9k1xGTXc+awNdGaGVHtFUaey8tiX4H1QRc04DZ/rmDFwNm2EBsuYEhAZ6SgMmYf3InGY6OauA==}
     engines: {node: '>=10'}
@@ -8142,8 +8170,8 @@ packages:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
     dev: true
 
-  /muggle-string@0.2.2:
-    resolution: {integrity: sha512-YVE1mIJ4VpUMqZObFndk9CJu6DBJR/GB13p3tXuNbwD4XExaI5EOuRl6BHeIDxIqXZVxSfAC+y6U1Z/IxCfKUg==}
+  /muggle-string@0.4.1:
+    resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==}
     dev: true
 
   /mute-stream@0.0.8:
@@ -8198,7 +8226,7 @@ packages:
     dependencies:
       hosted-git-info: 4.1.0
       is-core-module: 2.11.0
-      semver: 7.4.0
+      semver: 7.5.4
       validate-npm-package-license: 3.0.4
     dev: true
 
@@ -8478,6 +8506,10 @@ packages:
     engines: {node: '>= 0.8'}
     dev: true
 
+  /path-browserify@1.0.1:
+    resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
+    dev: true
+
   /path-exists@3.0.0:
     resolution: {integrity: sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==}
     engines: {node: '>=4'}
@@ -10303,21 +10335,22 @@ packages:
       vue: 3.3.4
     dev: false
 
-  /vue-template-compiler@2.7.14:
-    resolution: {integrity: sha512-zyA5Y3ArvVG0NacJDkkzJuPQDF8RFeRlzV2vLeSnhSpieO6LK2OVbdLPi5MPPs09Ii+gMO8nY4S3iKQxBxDmWQ==}
+  /vue-template-compiler@2.7.16:
+    resolution: {integrity: sha512-AYbUWAJHLGGQM7+cNTELw+KsOG9nl2CnSv467WobS5Cv9uk3wFcnr1Etsz2sEIHEZvw1U+o9mRlEO6QbZvUPGQ==}
     dependencies:
       de-indent: 1.0.2
       he: 1.2.0
     dev: true
 
-  /vue-tsc@1.2.0(typescript@5.3.3):
-    resolution: {integrity: sha512-rIlzqdrhyPYyLG9zxsVRa+JEseeS9s8F2BbVVVWRRsTZvJO2BbhLEb2HW3MY+DFma0378tnIqs+vfTzbcQtRFw==}
+  /vue-tsc@2.0.6(typescript@5.3.3):
+    resolution: {integrity: sha512-kK50W4XqQL34vHRkxlRWLicrT6+F9xfgCgJ4KSmCHcytKzc1u3c94XXgI+CjmhOSxyw0krpExF7Obo7y4+0dVQ==}
     hasBin: true
     peerDependencies:
       typescript: '*'
     dependencies:
-      '@volar/vue-language-core': 1.2.0
-      '@volar/vue-typescript': 1.2.0
+      '@volar/typescript': 2.1.2
+      '@vue/language-core': 2.0.6(typescript@5.3.3)
+      semver: 7.5.4
       typescript: 5.3.3
     dev: true
 
diff --git a/src/components/wd-privacy-popup/wd-privacy-popup.vue b/src/components/wd-privacy-popup/wd-privacy-popup.vue
index 19845408..1f44fc8f 100644
--- a/src/components/wd-privacy-popup/wd-privacy-popup.vue
+++ b/src/components/wd-privacy-popup/wd-privacy-popup.vue
@@ -110,10 +110,10 @@ function handleDisagree() {
  */
 function openPrivacyContract() {
   ;(wx as any).openPrivacyContract({
-    success: (res) => {
+    success: (res: any) => {
       console.log('openPrivacyContract success')
     },
-    fail: (res) => {
+    fail: (res: any) => {
       console.error('openPrivacyContract fail', res)
     }
   })
diff --git a/src/pages/actionSheet/Index.vue b/src/pages/actionSheet/Index.vue
index f47b37a4..01fec236 100644
--- a/src/pages/actionSheet/Index.vue
+++ b/src/pages/actionSheet/Index.vue
@@ -191,10 +191,10 @@ function close4() {
 }
 
 const toast = useToast()
-function select({ item, index }) {
+function select({ item, index }: { item: any; index: number }) {
   toast.show(`当前选中项: ${item.title}, 下标: ${index}`)
 }
-function select1({ item, rowIndex, colIndex }) {
+function select1({ item, rowIndex, colIndex }: { item: any; rowIndex: number; colIndex: number }) {
   toast.show(`当前选中项: ${item.title}, 行下标: ${rowIndex}, 列下标: ${colIndex}`)
 }
 </script>
diff --git a/src/pages/button/Index.vue b/src/pages/button/Index.vue
index 664ac84b..e19f30e1 100644
--- a/src/pages/button/Index.vue
+++ b/src/pages/button/Index.vue
@@ -113,7 +113,7 @@
   </page-wraper>
 </template>
 <script lang="ts" setup>
-function handleGetuserinfo(event) {
+function handleGetuserinfo(event: any) {
   // TODO
   console.log(event)
 }
diff --git a/src/pages/calendar/Index.vue b/src/pages/calendar/Index.vue
index 0e08af37..0861b73f 100644
--- a/src/pages/calendar/Index.vue
+++ b/src/pages/calendar/Index.vue
@@ -49,6 +49,8 @@
 <script lang="ts" setup>
 import { useToast } from '@/uni_modules/wot-design-uni'
 import { dayjs } from '@/uni_modules/wot-design-uni'
+import type { CalendarDayItem } from '@/uni_modules/wot-design-uni/components/wd-calendar-view/types'
+import type { CalendarOnShortcutsClickOption } from '@/uni_modules/wot-design-uni/components/wd-calendar/types'
 import { ref } from 'vue'
 
 const minDate = ref<number>(new Date(new Date().getFullYear() - 20, new Date().getMonth() - 6, new Date().getDate()).getTime())
@@ -70,7 +72,7 @@ const value14 = ref<number | null>(null)
 const value15 = ref<number | null>(null)
 
 const formatValue = ref<string>('')
-const formatter = (day) => {
+const formatter = (day: CalendarDayItem) => {
   const date = new Date(day.date)
   const now = new Date()
 
@@ -123,24 +125,24 @@ const shortcuts = ref<Record<string, any>[]>([
 ])
 
 const toast = useToast()
-const onShortcutsClick = ({ item }) => {
+const onShortcutsClick = ({ item }: CalendarOnShortcutsClickOption) => {
   const dayDiff = item.id
   const endDate = Date.now() - 24 * 60 * 60 * 1000
   const startDate = endDate - dayDiff * 24 * 60 * 60 * 1000
 
   return [startDate, endDate]
 }
-const displayFormat = (value) => {
+const displayFormat = (value: any) => {
   return dayjs(value[0]).format('YY年MM月DD日') + ' - ' + dayjs(value[1]).format('YY年MM月DD日')
 }
-const innerDisplayFormat = (value, rangeType) => {
+const innerDisplayFormat = (value: string | number | Date | undefined, rangeType: string) => {
   if (!value) {
     return rangeType === 'start' ? '活动开始时间' : '活动结束时间'
   }
 
   return dayjs(value).format('YY年MM月DD日')
 }
-const beforeConfirm = ({ value, resolve }) => {
+const beforeConfirm = ({ value, resolve }: any) => {
   if (value > Date.now()) {
     toast.error('该日期暂无数据')
     resolve(false)
@@ -149,26 +151,18 @@ const beforeConfirm = ({ value, resolve }) => {
   }
 }
 
-function handleConfirm1({ value }) {
+function handleConfirm1({ value }: any) {
   console.log(value)
 }
-function handleConfirm2({ value }) {
-  // this.setData({
-  //   value2: event.detail.value
-  // })
-}
-function handleConfirm3({ value }) {
+function handleConfirm2({ value }: any) {
   console.log(value)
-  // this.setData({
-  //   value12: event.detail.value
-  // })
 }
-function handleConfirm4({ value }) {
+function handleConfirm3({ value }: any) {
+  console.log(value)
+}
+function handleConfirm4({ value }: any) {
   console.log(new Date(value).toString())
   formatValue.value = new Date(value).toString()
-  // this.setData({
-  //   formatValue: new Date(event.detail.value).toString()
-  // })
 }
 </script>
 <style lang="scss" scoped></style>
diff --git a/src/pages/calendarView/Index.vue b/src/pages/calendarView/Index.vue
index 2715c436..87d9f901 100644
--- a/src/pages/calendarView/Index.vue
+++ b/src/pages/calendarView/Index.vue
@@ -26,7 +26,7 @@
       <wd-calendar-view :type="type2" allow-same-day v-model="value3" @change="handleChange3"></wd-calendar-view>
     </demo-block>
     <demo-block title="时间类型" :hor="0">
-      <wd-calendar-view type="datetime" v-model="value4"></wd-calendar-view>
+      <wd-calendar-view type="datetime" v-model="value4" :time-filter="timeFilter"></wd-calendar-view>
     </demo-block>
     <demo-block title="时间范围类型" :hor="0">
       <wd-calendar-view type="datetimerange" v-model="value5"></wd-calendar-view>
@@ -57,7 +57,18 @@ const value6 = ref([Date.now() - 24 * 60 * 60 * 1000 * 3, Date.now() - 24 * 60 *
 const value7 = ref([Date.now() - 24 * 60 * 60 * 1000 * 3, Date.now() - 24 * 60 * 60 * 1000])
 const value8 = ref([Date.now() - 24 * 60 * 60 * 1000 * 3, Date.now() - 24 * 60 * 60 * 1000])
 
-const formatter = (day) => {
+const timeFilter = ({ type, values }: any) => {
+  if (type === 'minute') {
+    // 只展示 0,10,20,30,40,50 分钟选项
+    return values.filter((item: any) => {
+      return item.value % 10 === 0
+    })
+  }
+
+  return values
+}
+
+const formatter = (day: any) => {
   const date = new Date(day.date)
   const now = new Date()
 
@@ -95,16 +106,17 @@ const formatter = (day) => {
   return day
 }
 
-function handleTypeChange2({ value }) {
+function handleTypeChange2({ value }: any) {
   type2.value = value
 }
-function handleChange1({ value }) {
+function handleChange1({ value }: any) {
+  console.log(value)
   // value1.value = value
 }
-function handleChange2({ value }) {
+function handleChange2({ value }: any) {
   value2.value = value
 }
-function handleChange3({ value }) {
+function handleChange3({ value }: any) {
   value3.value = value
 }
 </script>
diff --git a/src/pages/cell/Index.vue b/src/pages/cell/Index.vue
index f2c2ea7d..42b50eaf 100644
--- a/src/pages/cell/Index.vue
+++ b/src/pages/cell/Index.vue
@@ -110,13 +110,13 @@ const rate = ref(0)
 const slider = ref(0)
 const switchValue = ref('')
 
-function handleRateChange({ value }) {
+function handleRateChange({ value }: any) {
   console.log(value)
 }
-function handleSliderChange({ value }) {
+function handleSliderChange({ value }: any) {
   console.log(value)
 }
-function handleSwitchChange({ value }) {
+function handleSwitchChange({ value }: any) {
   console.log(value)
 }
 const toast = useToast()
diff --git a/src/pages/checkbox/Index.vue b/src/pages/checkbox/Index.vue
index 2a8bfbb8..015d7311 100644
--- a/src/pages/checkbox/Index.vue
+++ b/src/pages/checkbox/Index.vue
@@ -112,7 +112,7 @@ const value8 = ref<number[]>([1])
 const value9 = ref<string[]>([])
 const value10 = ref<string[]>([])
 
-function handleChange1(e) {
+function handleChange1(e: any) {
   console.log(e)
 }
 </script>
diff --git a/src/pages/colPicker/Index.vue b/src/pages/colPicker/Index.vue
index 85b8f4f8..2caa79df 100644
--- a/src/pages/colPicker/Index.vue
+++ b/src/pages/colPicker/Index.vue
@@ -49,6 +49,7 @@
 import { ref } from 'vue'
 import { areaData } from '../../utils/area'
 import { useToast } from '@/uni_modules/wot-design-uni'
+import type { ColPickerColumnChangeOption } from '@/uni_modules/wot-design-uni/components/wd-col-picker/types'
 
 const value1 = ref<any[]>([])
 const value2 = ref<any[]>(['150000', '150100', '150121'])
@@ -67,7 +68,7 @@ const value14 = ref<any[]>([])
 const value15 = ref<any[]>([])
 const displayValue = ref<string>('')
 const areaData1 = ref<any[]>([
-  Object.keys(areaData[86]).map((key) => {
+  Object.keys(areaData[86]).map((key: string) => {
     return {
       value: key,
       label: areaData[86][key]
@@ -117,7 +118,7 @@ const areaData5 = ref<any[]>([
 
 const toast = useToast()
 
-const columnChange1 = ({ selectedItem, resolve, finish, index, rowIndex }) => {
+const columnChange1 = ({ selectedItem, resolve, finish, index }: ColPickerColumnChangeOption) => {
   const value = index === -1 ? 86 : selectedItem.value
   if (areaData[value]) {
     resolve(
@@ -132,7 +133,7 @@ const columnChange1 = ({ selectedItem, resolve, finish, index, rowIndex }) => {
     finish()
   }
 }
-const columnChange2 = ({ selectedItem, resolve, finish }) => {
+const columnChange2 = ({ selectedItem, resolve, finish }: ColPickerColumnChangeOption) => {
   setTimeout(() => {
     if (Math.random() > 0.7) {
       finish(false)
@@ -153,11 +154,11 @@ const columnChange2 = ({ selectedItem, resolve, finish }) => {
     }
   }, 300)
 }
-const displayFormat = (selectedItems) => {
+const displayFormat = (selectedItems: Record<string, any>[]) => {
   return selectedItems[selectedItems.length - 2].label + '-' + selectedItems[selectedItems.length - 1].label
 }
-const beforeConfirm = (value, selectedItems, resolve) => {
-  if (parseInt(value[2]) > 120000) {
+const beforeConfirm = (value: (string | number)[], selectedItems: Record<string, any>[], resolve: (isPass: boolean) => void) => {
+  if (parseInt(String(value[2])) > 120000) {
     toast.error('该地区库存不足')
     resolve(false)
   } else {
@@ -165,14 +166,14 @@ const beforeConfirm = (value, selectedItems, resolve) => {
   }
 }
 
-function handleConfirm({ selectedItems }) {
+function handleConfirm({ selectedItems }: any) {
   displayValue.value = selectedItems
-    .map((item) => {
+    .map((item: any) => {
       return item.label
     })
     .join('')
 }
-function handleValue({ value }) {
+function handleValue({ value }: any) {
   console.log(value)
 }
 </script>
diff --git a/src/pages/collapse/Index.vue b/src/pages/collapse/Index.vue
index ce603513..c75c16a9 100644
--- a/src/pages/collapse/Index.vue
+++ b/src/pages/collapse/Index.vue
@@ -2,7 +2,9 @@
   <page-wraper>
     <wd-toast></wd-toast>
     <demo-block title="基础用法" transparent>
-      <wd-collapse v-model="value1" @change="handleChange1">
+      <wd-button @click="collapse?.toggleAll()">toggleAll</wd-button>
+
+      <wd-collapse ref="collapse" v-model="value1" @change="handleChange1">
         <wd-collapse-item
           v-for="(item, index) in itemList"
           :before-expend="index === 2 ? beforeExpend : undefined"
@@ -54,6 +56,7 @@
 </template>
 <script lang="ts" setup>
 import { useToast } from '@/uni_modules/wot-design-uni'
+import type { CollapseInstance } from '@/uni_modules/wot-design-uni/components/wd-collapse/types'
 import { ref } from 'vue'
 
 const toast = useToast()
@@ -85,6 +88,8 @@ const itemList = ref<Record<string, any>[]>([
   }
 ])
 
+const collapse = ref<CollapseInstance>()
+
 const value1 = ref<string[]>(['item1'])
 const value2 = ref<string>('item1')
 const value3 = ref<string[]>(['item1'])
@@ -94,31 +99,31 @@ const value6 = ref<boolean>(false)
 const accordion = ref<boolean>(true)
 const name = ref<string>('item1')
 
-function handleChange1({ value }) {
-  // console.log(value)
+function handleChange1({ value }: any) {
+  console.log(value)
 }
-function handleChange2({ value }) {
-  // console.log(value)
+function handleChange2({ value }: any) {
+  console.log(value)
 }
-function handleChange3({ value }) {
-  // console.log(value)
+function handleChange3({ value }: any) {
+  console.log(value)
 }
-function handleChange4({ value }) {
-  // console.log(value)
+function handleChange4({ value }: any) {
+  console.log(value)
 }
-function handleChange5({ value }) {
-  // console.log(value)
+function handleChange5({ value }: any) {
+  console.log(value)
 }
 
-function handleChange6({ value }) {
-  // console.log(value)
+function handleChange6({ value }: any) {
+  console.log(value)
 }
 
 /**
  * 折叠面板展开前回调方法
  * @param e
  */
-function beforeExpend(name) {
+function beforeExpend(name: string) {
   const index = itemList.value.findIndex((item) => {
     return item.name === name
   })
diff --git a/src/pages/configProvider/Index.vue b/src/pages/configProvider/Index.vue
index bea2dbde..3dfde58e 100644
--- a/src/pages/configProvider/Index.vue
+++ b/src/pages/configProvider/Index.vue
@@ -110,6 +110,7 @@
 </template>
 <script setup lang="ts">
 import { useToast, useMessage } from '@/uni_modules/wot-design-uni'
+import type { ColPickerColumnChangeOption } from '@/uni_modules/wot-design-uni/components/wd-col-picker/types'
 import { areaData } from '@/utils/area'
 import { ref } from 'vue'
 const showAction = ref<boolean>(false)
@@ -174,7 +175,7 @@ const area = ref<any[]>([
     }
   })
 ])
-const areaChange = ({ selectedItem, resolve, finish }) => {
+const areaChange = ({ selectedItem, resolve, finish }: ColPickerColumnChangeOption) => {
   if (areaData[selectedItem.value]) {
     resolve(
       Object.keys(areaData[selectedItem.value]).map((key) => {
@@ -214,42 +215,42 @@ function showActions() {
   ]
 }
 
-function handleCouponName({ value }) {
+function handleCouponName({ value }: any) {
   console.log(value)
 
   couponNameErr.value = false
 }
-function handlePlatform({ value }) {
+function handlePlatform({ value }: any) {
   console.log(value)
 }
-function handleThreshold({ value }) {
+function handleThreshold({ value }: any) {
   console.log(value)
 }
-function handlePrice({ value }) {
+function handlePrice({ value }: any) {
   console.log(value)
 }
-function handleAddress({ value }) {
+function handleAddress({ value }: any) {
   console.log(value)
 }
-function handleContent({ value }) {
+function handleContent({ value }: any) {
   console.log(value)
 }
-function handleCount({ value }) {
+function handleCount({ value }: any) {
   console.log(value)
 }
-function handleSwitch({ value }) {
+function handleSwitch({ value }: any) {
   console.log(value)
 }
-function handleRead({ value }) {
+function handleRead({ value }: any) {
   read.value = value
 }
-function handleCardId({ value }) {
+function handleCardId({ value }: any) {
   console.log(value)
 }
-function handlePhone({ value }) {
+function handlePhone({ value }: any) {
   console.log(value)
 }
-function formSubmit(event) {
+function formSubmit(event: any) {
   console.log(event)
 
   if (!couponName.value) {
@@ -261,7 +262,7 @@ function formSubmit(event) {
 function handleIconClick() {
   toast.info('优惠券提示信息')
 }
-function handleDate({ value }) {
+function handleDate({ value }: any) {
   console.log(value)
 }
 </script>
diff --git a/src/pages/datetimePicker/Index.vue b/src/pages/datetimePicker/Index.vue
index 9d9b6bd2..2b75827e 100644
--- a/src/pages/datetimePicker/Index.vue
+++ b/src/pages/datetimePicker/Index.vue
@@ -35,6 +35,16 @@
 </template>
 <script lang="ts" setup>
 import { useToast } from '@/uni_modules/wot-design-uni'
+import type {
+  DatetimePickerViewColumnType,
+  DatetimePickerViewFilter,
+  DatetimePickerViewFormatter
+} from '@/uni_modules/wot-design-uni/components/wd-datetime-picker-view/types'
+import type {
+  DatetimePickerDisplayFormat,
+  DatetimePickerDisplayFormatTabLabel,
+  DatetimePickerInstance
+} from '@/uni_modules/wot-design-uni/components/wd-datetime-picker/types'
 import { ref } from 'vue'
 
 const type = ref<string>('date')
@@ -55,7 +65,7 @@ const value14 = ref<any[]>(['', ''])
 const value15 = ref<any[]>(['', Date.now()])
 const defaultValue = ref<any[]>([Date.now() - 24 * 60 * 60 * 1000, Date.now()])
 const showstart = ref<boolean>(false)
-const formatter = (type, value) => {
+const formatter: DatetimePickerViewFormatter = (type, value) => {
   switch (type) {
     case 'year':
       return value + '年'
@@ -71,21 +81,21 @@ const formatter = (type, value) => {
       return value
   }
 }
-const filter = (type, values) => {
+const filter: DatetimePickerViewFilter = (type, values) => {
   if (type === 'minute') {
     return values.filter((value) => value % 5 === 0)
   }
   return values
 }
-const displayFormat = (items) => {
+const displayFormat: DatetimePickerDisplayFormat = (items) => {
   return `${items[0].label}年${items[1].label}月${items[2].label}日 ${items[3].label}:${items[4].label}`
 }
 const toast = useToast()
-const beforeConfirm = (value, resolve, picker) => {
+const beforeConfirm = (value: number | string | (number | string)[], resolve: (isPass: boolean) => void, picker: DatetimePickerInstance) => {
   picker.setLoading(true)
   setTimeout(() => {
     picker.setLoading(false)
-    if (value > Date.now()) {
+    if ((value as number) > Date.now()) {
       resolve(false)
       toast.error('不能选择大于今天的日期')
     } else {
@@ -93,55 +103,55 @@ const beforeConfirm = (value, resolve, picker) => {
     }
   }, 2000)
 }
-const displayFormatTabLabel = (items) => {
+const displayFormatTabLabel: DatetimePickerDisplayFormatTabLabel = (items) => {
   return `${items[0].label}年${items[1].label}月${items[2].label}日 ${items[3].label}:${items[4].label}`
 }
 
 /** picker触发confirm事件，同步触发confirm事件 */
-function handleConfirm1({ value }) {
+function handleConfirm1({ value }: any) {
   console.log(new Date(value))
 }
-function handleConfirm2({ value }) {
+function handleConfirm2({ value }: any) {
   console.log(value)
 }
-function handleConfirm3({ value }) {
+function handleConfirm3({ value }: any) {
   console.log(value)
 }
-function handleConfirm4({ value }) {
+function handleConfirm4({ value }: any) {
   console.log(value)
 }
-function handleConfirm5({ value }) {
+function handleConfirm5({ value }: any) {
   console.log(value)
 }
-function handleConfirm6({ value }) {
+function handleConfirm6({ value }: any) {
   console.log(value)
 }
-function handleConfirm7({ value }) {
+function handleConfirm7({ value }: any) {
   console.log(value)
 }
 
-function handleConfirm8({ value }) {
+function handleConfirm8({ value }: any) {
   console.log(value)
 }
-function handleConfirm9({ value }) {
+function handleConfirm9({ value }: any) {
   console.log(value)
 }
-function handleConfirm10({ value }) {
+function handleConfirm10({ value }: any) {
   console.log(value)
 }
-function handleConfirm11({ value }) {
+function handleConfirm11({ value }: any) {
   console.log(value)
 }
-function handleConfirm12({ value }) {
+function handleConfirm12({ value }: any) {
   console.log(value)
 }
-function handleConfirm13({ value }) {
+function handleConfirm13({ value }: any) {
   console.log(value)
 }
-function handleConfirm14({ value }) {
+function handleConfirm14({ value }: any) {
   console.log(value)
 }
-function handleConfirm15({ value }) {
+function handleConfirm15({ value }: any) {
   console.log(value)
 }
 /** picker触发cancel事件，同步触发cancel事件 */
diff --git a/src/pages/datetimePickerView/Index.vue b/src/pages/datetimePickerView/Index.vue
index f48e8e0b..20427652 100644
--- a/src/pages/datetimePickerView/Index.vue
+++ b/src/pages/datetimePickerView/Index.vue
@@ -28,6 +28,7 @@
 </template>
 <script lang="ts" setup>
 import { useToast } from '@/uni_modules/wot-design-uni'
+import type { DatetimePickerViewFilter, DatetimePickerViewFormatter } from '@/uni_modules/wot-design-uni/components/wd-datetime-picker-view/types'
 import { ref } from 'vue'
 
 const value1 = ref<string>('')
@@ -36,7 +37,7 @@ const value3 = ref<number>(Date.now())
 const value4 = ref<string>('11:12')
 const value5 = ref<number>(Date.now())
 const value6 = ref<number>(Date.now())
-const formatter = (type, value) => {
+const formatter: DatetimePickerViewFormatter = (type, value) => {
   switch (type) {
     case 'year':
       return value + '年'
@@ -52,7 +53,7 @@ const formatter = (type, value) => {
       return value
   }
 }
-const filter = (type, values) => {
+const filter: DatetimePickerViewFilter = (type, values) => {
   if (type === 'minute') {
     return values.filter((value) => value % 5 === 0)
   }
@@ -61,22 +62,22 @@ const filter = (type, values) => {
 
 const toast = useToast()
 
-function onChange1({ value }) {
+function onChange1({ value }: any) {
   toast.show('选择了' + new Date(value))
 }
-function onChange2({ value }) {
+function onChange2({ value }: any) {
   console.log(value)
 }
-function onChange3({ value }) {
+function onChange3({ value }: any) {
   console.log(value)
 }
-function onChange4({ value }) {
+function onChange4({ value }: any) {
   console.log(value)
 }
-function onChange5({ value }) {
+function onChange5({ value }: any) {
   console.log(value)
 }
-function onChange6({ value }) {
+function onChange6({ value }: any) {
   console.log(value)
 }
 </script>
diff --git a/src/pages/dropMenu/Index.vue b/src/pages/dropMenu/Index.vue
index 4447497c..3244462b 100644
--- a/src/pages/dropMenu/Index.vue
+++ b/src/pages/dropMenu/Index.vue
@@ -76,31 +76,31 @@ const option2 = ref<Record<string, any>[]>([
   { label: '上架时间', value: 2 }
 ])
 
-function handleChange1({ value }) {
+function handleChange1({ value }: any) {
   console.log(value)
 }
-function handleChange2({ value }) {
+function handleChange2({ value }: any) {
   console.log(value)
 }
-function handleChange3({ value }) {
+function handleChange3({ value }: any) {
   console.log(value)
 }
-function handleChange4({ value }) {
+function handleChange4({ value }: any) {
   console.log(value)
 }
-function handleChange5({ value }) {
+function handleChange5({ value }: any) {
   console.log(value)
 }
-function handleChange6({ value }) {
+function handleChange6({ value }: any) {
   console.log(value)
 }
-function handleChange7({ value }) {
+function handleChange7({ value }: any) {
   console.log(value)
 }
-function handleChange8({ value }) {
+function handleChange8({ value }: any) {
   console.log(value)
 }
-function handleChange9({ value }) {
+function handleChange9({ value }: any) {
   console.log(value)
 }
 
diff --git a/src/pages/form/Index.vue b/src/pages/form/Index.vue
index ccc3b433..a28dd8dd 100644
--- a/src/pages/form/Index.vue
+++ b/src/pages/form/Index.vue
@@ -108,6 +108,7 @@
 </template>
 <script lang="ts" setup>
 import { useToast } from '@/uni_modules/wot-design-uni'
+import type { FormInstance } from '@/uni_modules/wot-design-uni/components/wd-form/types'
 import { reactive, ref } from 'vue'
 
 const model1 = reactive<{
@@ -131,14 +132,14 @@ const model2 = reactive<{
 })
 
 const { success: showSuccess, loading: showLoading, close: closeToast } = useToast()
-const form1 = ref()
-const form2 = ref()
+const form1 = ref<FormInstance>()
+const form2 = ref<FormInstance>()
 
-const validatorMessage = (val) => {
+const validatorMessage = (val: string) => {
   return /1\d{10}/.test(val)
 }
 
-const validator = (val) => {
+const validator = (val: any) => {
   if (String(val).length >= 4) {
     return Promise.resolve()
   } else {
@@ -147,7 +148,7 @@ const validator = (val) => {
 }
 
 // 校验函数可以返回 Promise，实现异步校验
-const asyncValidator = (val) =>
+const asyncValidator = (val: string) =>
   new Promise((resolve) => {
     showLoading('验证中...')
 
@@ -158,8 +159,8 @@ const asyncValidator = (val) =>
   })
 
 function handleSubmit1() {
-  form1.value
-    .validate()
+  form1
+    .value!.validate()
     .then(({ valid, errors }) => {
       if (valid) {
         showSuccess({
@@ -173,8 +174,8 @@ function handleSubmit1() {
 }
 
 function handleSubmit2() {
-  form2.value
-    .validate()
+  form2
+    .value!.validate()
     .then(({ valid, errors }) => {
       if (valid) {
         showSuccess({
diff --git a/src/pages/form/demo1.vue b/src/pages/form/demo1.vue
index 4b4a3d93..6b5e1be0 100644
--- a/src/pages/form/demo1.vue
+++ b/src/pages/form/demo1.vue
@@ -37,6 +37,7 @@
 </template>
 <script lang="ts" setup>
 import { useToast } from '@/uni_modules/wot-design-uni'
+import type { FormInstance } from '@/uni_modules/wot-design-uni/components/wd-form/types'
 import { reactive, ref } from 'vue'
 
 interface PhoneItem {
@@ -58,7 +59,7 @@ const model = reactive<{
 })
 
 const { success: showSuccess } = useToast()
-const form = ref()
+const form = ref<FormInstance>()
 
 const removePhone = () => {
   model.phoneNumbers.splice(model.phoneNumbers.length - 1, 1)
@@ -72,11 +73,11 @@ const addPhone = () => {
 }
 
 const reset = () => {
-  form.value.reset()
+  form.value!.reset()
 }
 
 const submit = () => {
-  form.value.validate().then(({ valid, errors }) => {
+  form.value!.validate().then(({ valid, errors }) => {
     if (valid) {
       showSuccess('校验通过')
     }
diff --git a/src/pages/form/demo2.vue b/src/pages/form/demo2.vue
index 3a8bdf07..dc3e33a6 100644
--- a/src/pages/form/demo2.vue
+++ b/src/pages/form/demo2.vue
@@ -32,6 +32,7 @@
 </template>
 <script lang="ts" setup>
 import { useToast } from '@/uni_modules/wot-design-uni'
+import type { FormInstance } from '@/uni_modules/wot-design-uni/components/wd-form/types'
 import { reactive, ref } from 'vue'
 
 const model = reactive<{
@@ -43,15 +44,15 @@ const model = reactive<{
 })
 
 const { success: showSuccess } = useToast()
-const form = ref()
+const form = ref<FormInstance>()
 
 function handleBlur(prop: string) {
-  form.value.validate(prop)
+  form.value!.validate(prop)
 }
 
 function handleSubmit() {
-  form.value
-    .validate()
+  form
+    .value!.validate()
     .then(({ valid }) => {
       if (valid) {
         showSuccess('校验通过')
diff --git a/src/pages/form/demo3.vue b/src/pages/form/demo3.vue
index 87f7071d..a5165dee 100644
--- a/src/pages/form/demo3.vue
+++ b/src/pages/form/demo3.vue
@@ -111,7 +111,9 @@
 <script lang="ts" setup>
 import { useToast } from '@/uni_modules/wot-design-uni'
 import { isArray } from '@/uni_modules/wot-design-uni/components/common/util'
-import { type FormRules } from '@/uni_modules/wot-design-uni/components/wd-form/types'
+import type { ColPickerColumnChange } from '@/uni_modules/wot-design-uni/components/wd-col-picker/types'
+import { type FormInstance, type FormRules } from '@/uni_modules/wot-design-uni/components/wd-form/types'
+import type { UploadFileItem } from '@/uni_modules/wot-design-uni/components/wd-upload/types'
 import { areaData } from '@/utils/area'
 import { reactive, ref } from 'vue'
 
@@ -130,7 +132,7 @@ const model = reactive<{
   cardId: string
   phone: string
   read: boolean
-  fileList: Record<string, string>[]
+  fileList: UploadFileItem[]
 }>({
   couponName: '',
   platform: [],
@@ -358,7 +360,7 @@ const area = ref<any[]>([
     }
   })
 ])
-const areaChange = ({ selectedItem, resolve, finish }) => {
+const areaChange: ColPickerColumnChange = ({ selectedItem, resolve, finish }) => {
   if (areaData[selectedItem.value]) {
     resolve(
       Object.keys(areaData[selectedItem.value]).map((key) => {
@@ -373,15 +375,15 @@ const areaChange = ({ selectedItem, resolve, finish }) => {
   }
 }
 const toast = useToast()
-const form = ref()
+const form = ref<FormInstance>()
 
-function handleFileChange({ fileList }) {
+function handleFileChange({ fileList }: any) {
   model.fileList = fileList
 }
 
 function handleSubmit() {
-  form.value
-    .validate()
+  form
+    .value!.validate()
     .then(({ valid, errors }) => {
       console.log(valid)
       console.log(errors)
@@ -424,3 +426,4 @@ function handleIconClick() {
   font-size: 12px !important;
 }
 </style>
+@/uni_modules/wot-design-uni/components/wd-form/type
diff --git a/src/pages/imgCropper/Index.vue b/src/pages/imgCropper/Index.vue
index 26441e50..4b0a9b9f 100644
--- a/src/pages/imgCropper/Index.vue
+++ b/src/pages/imgCropper/Index.vue
@@ -1,10 +1,10 @@
 <!--
  * @Author: weisheng
  * @Date: 2023-09-20 11:10:41
- * @LastEditTime: 2024-02-29 13:17:27
+ * @LastEditTime: 2024-03-17 19:53:11
  * @LastEditors: weisheng
  * @Description: 
- * @FilePath: \wot-design-uni\src\pages\imgCropper\Index.vue
+ * @FilePath: /wot-design-uni/src/pages/imgCropper/Index.vue
  * 记得注释
 -->
 <template>
@@ -48,17 +48,17 @@ function upload() {
     }
   })
 }
-function handleConfirm(event) {
+function handleConfirm(event: any) {
   const { tempFilePath } = event
   imgSrc.value = tempFilePath
 }
-function imgLoaderror(res) {
+function imgLoaderror(res: any) {
   console.log('加载失败', res)
 }
-function imgLoaded(res) {
+function imgLoaded(res: any) {
   console.log('加载成功', res)
 }
-function handleCancel(event) {
+function handleCancel(event: any) {
   console.log('取消', event)
 }
 </script>
diff --git a/src/pages/input/Index.vue b/src/pages/input/Index.vue
index 1cb07714..1622de13 100644
--- a/src/pages/input/Index.vue
+++ b/src/pages/input/Index.vue
@@ -70,19 +70,19 @@ const value17 = ref<string>('')
 const value18 = ref<string>('')
 const value19 = ref<string>('')
 
-function handleChange(event) {
+function handleChange(event: any) {
   console.log(event)
 }
-function handleChange1(event) {
+function handleChange1(event: any) {
   console.log(event)
 }
-function handleChange2(event) {
+function handleChange2(event: any) {
   console.log(event)
 }
-function handleChange3(event) {
+function handleChange3(event: any) {
   console.log(event)
 }
-function handleBlur(event) {
+function handleBlur(event: any) {
   console.log('失焦', event)
 }
 </script>
diff --git a/src/pages/inputNumber/Index.vue b/src/pages/inputNumber/Index.vue
index 123760f3..a919168d 100644
--- a/src/pages/inputNumber/Index.vue
+++ b/src/pages/inputNumber/Index.vue
@@ -49,31 +49,31 @@ const value8 = ref<number>(2)
 const value9 = ref<string>('')
 const value10 = ref<number>(1)
 
-function handleChange1({ value }) {
+function handleChange1({ value }: any) {
   console.log(value)
 }
-function handleChange2({ value }) {
+function handleChange2({ value }: any) {
   console.log(value)
 }
-function handleChange3({ value }) {
+function handleChange3({ value }: any) {
   console.log(value)
 }
-function handleChange4({ value }) {
+function handleChange4({ value }: any) {
   console.log(value)
 }
-function handleChange5({ value }) {
+function handleChange5({ value }: any) {
   console.log(value)
 }
-function handleChange6({ value }) {
+function handleChange6({ value }: any) {
   console.log(value)
 }
-function handleChange7({ value }) {
+function handleChange7({ value }: any) {
   console.log(value)
 }
-function handleChange8({ value }) {
+function handleChange8({ value }: any) {
   console.log(value)
 }
-function handleChange9({ value }) {
+function handleChange9({ value }: any) {
   console.log(value)
 }
 </script>
diff --git a/src/pages/notify/Index.vue b/src/pages/notify/Index.vue
index 1ee973bc..fdcfd6fa 100644
--- a/src/pages/notify/Index.vue
+++ b/src/pages/notify/Index.vue
@@ -33,7 +33,7 @@
 </template>
 <script lang="ts" setup>
 import { ref } from 'vue'
-import type { NotifyType } from '@/uni_modules/wot-design-uni/components/wd-notify/type'
+import type { NotifyType } from '@/uni_modules/wot-design-uni/components/wd-notify/types'
 import { useNotify } from '@/uni_modules/wot-design-uni'
 
 let timer: ReturnType<typeof setTimeout>
diff --git a/src/pages/numberKeyboard/Index.vue b/src/pages/numberKeyboard/Index.vue
index dcf0d140..328d3eca 100644
--- a/src/pages/numberKeyboard/Index.vue
+++ b/src/pages/numberKeyboard/Index.vue
@@ -66,7 +66,7 @@ function showKeyBoard(index: number) {
   visibleArr.forEach((item, i) => (i === index - 1 ? (item.value = true) : (item.value = false)))
 }
 
-const onInput = (value) => showToast(`${value}`)
+const onInput = (value: string) => showToast(`${value}`)
 const onDelete = () => showToast('删除')
 </script>
 <style lang="scss" scoped></style>
diff --git a/src/pages/pagination/Index.vue b/src/pages/pagination/Index.vue
index f6b5a783..89cd1da5 100644
--- a/src/pages/pagination/Index.vue
+++ b/src/pages/pagination/Index.vue
@@ -21,13 +21,13 @@ const page3 = ref<number>(1)
 const total3 = ref<number>(160)
 const pageSize3 = ref<number>(20)
 
-function handleChange1({ value }) {
+function handleChange1({ value }: any) {
   console.log(value)
 }
-function handleChange2({ value }) {
+function handleChange2({ value }: any) {
   console.log(value)
 }
-function handleChange3({ value }) {
+function handleChange3({ value }: any) {
   console.log(value)
 }
 </script>
diff --git a/src/pages/picker/Index.vue b/src/pages/picker/Index.vue
index c57decee..da9634f3 100644
--- a/src/pages/picker/Index.vue
+++ b/src/pages/picker/Index.vue
@@ -40,11 +40,13 @@
 </template>
 <script lang="ts" setup>
 import { useToast } from '@/uni_modules/wot-design-uni'
+import type { ColumnItem, PickerViewColumnChange } from '@/uni_modules/wot-design-uni/components/wd-picker-view/types'
+import type { PickerBeforeConfirm, PickerDisplayFormat } from '@/uni_modules/wot-design-uni/components/wd-picker/types'
 import { ref } from 'vue'
 
 const toast = useToast()
 
-const district = {
+const district: Record<string, Array<{ label: string; value: string }>> = {
   0: [
     { label: '北京', value: '110000' },
     { label: '广东省', value: '440000' }
@@ -111,8 +113,8 @@ const columns6 = ref([
 const columns7 = ref(['选项1', '选项2', '选项3', '选项4', '选项5', '选项6', '选项7'])
 const value7 = ref('')
 
-const onChangeDistrict = (pickerView, value, columnIndex, resolve) => {
-  const item = value[columnIndex]
+const onChangeDistrict: PickerViewColumnChange = (pickerView, value, columnIndex, resolve) => {
+  const item = (value as Record<string, any>[])[columnIndex]
   if (columnIndex === 0) {
     pickerView.setColumnData(1, district[item.value])
     pickerView.setColumnData(2, district[district[item.value][0].value])
@@ -122,19 +124,19 @@ const onChangeDistrict = (pickerView, value, columnIndex, resolve) => {
   resolve()
 }
 
-const displayFormat = (items) => {
-  return items
+const displayFormat: PickerDisplayFormat = (items) => {
+  return (items as ColumnItem[])
     .map((item) => {
       return item.label
     })
     .join('-')
 }
 
-const beforeConfirm = (value, resolve, picker) => {
+const beforeConfirm: PickerBeforeConfirm = (value, resolve, picker) => {
   picker.setLoading(true)
   setTimeout(() => {
     picker.setLoading(false)
-    if (['选项2', '选项3'].indexOf(value) > -1) {
+    if (['选项2', '选项3'].indexOf(value as string) > -1) {
       resolve(false)
       toast.error('选项校验不通过，请重新选择')
     } else {
@@ -143,7 +145,7 @@ const beforeConfirm = (value, resolve, picker) => {
   }, 2000)
 }
 
-function handleConfirm({ value }) {
+function handleConfirm({ value }: any) {
   value8.value = value
 }
 </script>
diff --git a/src/pages/pickerView/Index.vue b/src/pages/pickerView/Index.vue
index c9b4022e..9edb2454 100644
--- a/src/pages/pickerView/Index.vue
+++ b/src/pages/pickerView/Index.vue
@@ -1,6 +1,5 @@
 <template>
   <page-wraper>
-    <wd-toast />
     <demo-block :title="`基本用法，数值: ${value1}`">
       <wd-picker-view v-model="value1" :columns="columns1" @change="(e) => onChange(1, e)" />
     </demo-block>
@@ -23,11 +22,10 @@
   </page-wraper>
 </template>
 <script lang="ts" setup>
-import { useToast } from '@/uni_modules/wot-design-uni'
+import type { PickerViewColumnChange } from '@/uni_modules/wot-design-uni/components/wd-picker-view/types'
 import { ref } from 'vue'
 
-const toast = useToast()
-const district = {
+const district: Record<string, Array<{ label: string; value: string }>> = {
   0: [
     { label: '北京', value: '110000' },
     { label: '广东省', value: '440000' }
@@ -97,8 +95,8 @@ const columns4 = ref([
 const value5 = ref(['110000', '110100', '110102'])
 const columns5 = ref([district[0], district[district[0][0].value], district[district[district[0][0].value][0].value]])
 
-const onChangeDistrict = (picker, value, columnIndex, resolve) => {
-  const item = value[columnIndex]
+const onChangeDistrict: PickerViewColumnChange = (picker, value, columnIndex, resolve) => {
+  const item = (value as Record<string, any>[])[columnIndex]
   if (columnIndex === 0) {
     picker.setColumnData(1, district[item.value])
     picker.setColumnData(2, district[district[item.value][0].value])
@@ -108,7 +106,7 @@ const onChangeDistrict = (picker, value, columnIndex, resolve) => {
   resolve()
 }
 
-function onChange(index: number, e) {
+function onChange(index: number, e: any) {
   console.log(e)
   if (index === 1) {
     // toast.show(`当前选中项: ${value}, 下标: ${index}`)
diff --git a/src/pages/popover/Index.vue b/src/pages/popover/Index.vue
index 8da8d0fb..b658c5ef 100644
--- a/src/pages/popover/Index.vue
+++ b/src/pages/popover/Index.vue
@@ -64,7 +64,7 @@ const menu = ref<Array<Record<string, any>>>([
   }
 ])
 
-function link(e) {
+function link(e: any) {
   toast.show('选择了' + e.item.content)
 }
 
@@ -75,14 +75,14 @@ function showPop(index: number) {
   // pop = selectComponent('#' + id)
 }
 
-function handleChange1(event) {
+function handleChange1() {
   // show1.value = event.detail.show
 }
 
-function handleChange2(event) {
+function handleChange2() {
   // show2.value = event.detail.show
 }
-function handleChange3(event) {
+function handleChange3() {
   // show3.value = event.detail.show
 }
 </script>
diff --git a/src/pages/popup/Index.vue b/src/pages/popup/Index.vue
index e5c97090..0972512e 100644
--- a/src/pages/popup/Index.vue
+++ b/src/pages/popup/Index.vue
@@ -1,12 +1,3 @@
-<!--
- * @Author: weisheng
- * @Date: 2023-08-01 11:12:05
- * @LastEditTime: 2023-10-13 18:45:34
- * @LastEditors: weisheng
- * @Description: 
- * @FilePath: \wot-design-uni\src\pages\popup\Index.vue
- * 记得注释
--->
 <template>
   <page-meta :page-style="`overflow:${show10 ? 'hidden' : 'visible'};`"></page-meta>
   <view>
diff --git a/src/pages/radio/Index.vue b/src/pages/radio/Index.vue
index 56ec3671..692db0e3 100644
--- a/src/pages/radio/Index.vue
+++ b/src/pages/radio/Index.vue
@@ -127,7 +127,7 @@ const value9 = ref<number>(1)
 const value10 = ref<number>(1)
 const value11 = ref<number>(1)
 
-function change(e) {
+function change(e: any) {
   console.log(e)
 }
 </script>
diff --git a/src/pages/rate/Index.vue b/src/pages/rate/Index.vue
index 943e1059..940157c9 100644
--- a/src/pages/rate/Index.vue
+++ b/src/pages/rate/Index.vue
@@ -1,10 +1,10 @@
 <!--
  * @Author: weisheng
  * @Date: 2023-07-29 17:03:39
- * @LastEditTime: 2023-08-07 20:28:16
+ * @LastEditTime: 2024-03-17 20:19:52
  * @LastEditors: weisheng
  * @Description: 
- * @FilePath: \wot-design-uni\src\pages\rate\Index.vue
+ * @FilePath: /wot-design-uni/src/pages/rate/Index.vue
  * 记得注释
 -->
 <template>
@@ -54,10 +54,10 @@ const value5 = ref<number>(4)
 const value6 = ref<number>(3)
 const value7 = ref<number>(5)
 
-function changeValue1({ value }) {
+function changeValue1({ value }: any) {
   console.log(value)
 }
-function changeValue2({ value }) {
+function changeValue2({ value }: any) {
   console.log(value)
 }
 </script>
diff --git a/src/pages/search/Index.vue b/src/pages/search/Index.vue
index edb5ccd8..e70f3f1a 100644
--- a/src/pages/search/Index.vue
+++ b/src/pages/search/Index.vue
@@ -78,7 +78,7 @@ const menu = ref([
   }
 ])
 
-function search(e) {
+function search(e: any) {
   uni.showToast({ title: '搜索' + e.value })
 }
 function clear() {
@@ -87,10 +87,10 @@ function clear() {
 function cancel() {
   uni.showToast({ title: '取消' })
 }
-function change(e) {
+function change(e: any) {
   console.log(e.value)
 }
-function changeSearchType({ item, index }) {
+function changeSearchType({ item, index }: any) {
   // this.setData({
   //   searchType: e.detail.item.content
   // })
diff --git a/src/pages/selectPicker/Index.vue b/src/pages/selectPicker/Index.vue
index 339b6ec3..1ba5c1e5 100644
--- a/src/pages/selectPicker/Index.vue
+++ b/src/pages/selectPicker/Index.vue
@@ -40,6 +40,7 @@
 </template>
 <script lang="ts" setup>
 import { useToast } from '@/uni_modules/wot-design-uni'
+import type { SelectPickerBeforeConfirm, SelectPickerDisplayFormat } from '@/uni_modules/wot-design-uni/components/wd-select-picker/types'
 import { ref } from 'vue'
 
 const columns1 = ref<Record<string, any>[]>([
@@ -130,20 +131,20 @@ const customShow = ref<string>('奢侈品')
 
 const toast = useToast()
 
-const displayFormat = (items, columns) => {
+const displayFormat: SelectPickerDisplayFormat = (items, columns) => {
   let showValue = ''
   columns.forEach((column) => {
-    items.forEach((item, index) => {
+    ;(items as (string | number | boolean)[]).forEach((item, index) => {
       if (column.value === item) {
-        showValue += `${item}: ${column.label} ${index + 1 < items.length ? '--' : ''} `
+        showValue += `${item}: ${column.label} ${index + 1 < (items as (string | number | boolean)[]).length ? '--' : ''} `
       }
     })
   })
   return showValue
 }
 
-const beforeConfirm = (value, resolve) => {
-  if (value.length > 0) {
+const beforeConfirm: SelectPickerBeforeConfirm = (value, resolve) => {
+  if ((value as string[]).length > 0) {
     toast.error('暂时无法选择商品')
     resolve(false)
   } else {
@@ -151,61 +152,61 @@ const beforeConfirm = (value, resolve) => {
   }
 }
 
-function handleChange({ value }) {
+function handleChange({ value }: any) {
   toast.show('选择了' + value)
 }
-function handleConfirm1({ value }) {
+function handleConfirm1({ value }: any) {
   console.log(value)
 }
-function handleConfirm2({ value }) {
+function handleConfirm2({ value }: any) {
   console.log(value)
 }
-function handleConfirm3({ value }) {
+function handleConfirm3({ value }: any) {
   console.log(value)
 }
-function handleConfirm4({ value }) {
+function handleConfirm4({ value }: any) {
   console.log(value)
 }
-function handleConfirm5({ value }) {
+function handleConfirm5({ value }: any) {
   console.log(value)
 }
-function handleConfirm6({ value }) {
+function handleConfirm6({ value }: any) {
   console.log(value)
 }
-function handleConfirm7({ value }) {
+function handleConfirm7({ value }: any) {
   console.log(value)
 }
-function handleConfirm8({ value }) {
+function handleConfirm8({ value }: any) {
   console.log(value)
 }
-function handleConfirm9({ value }) {
+function handleConfirm9({ value }: any) {
   console.log(value)
 }
-function handleConfirm10({ value }) {
+function handleConfirm10({ value }: any) {
   console.log(value)
 }
-function handleConfirm11({ value }) {
+function handleConfirm11({ value }: any) {
   console.log(value)
 }
-function handleConfirm12({ value }) {
+function handleConfirm12({ value }: any) {
   console.log(value)
 }
-function handleConfirm13({ value }) {
+function handleConfirm13({ value }: any) {
   console.log(value)
 }
-function handleConfirm14({ value }) {
+function handleConfirm14({ value }: any) {
   console.log(value)
 }
-function handleConfirm15({ value }) {
+function handleConfirm15({ value }: any) {
   console.log(value)
 }
-function handleConfirm16({ value }) {
+function handleConfirm16({ value }: any) {
   console.log(value)
 }
-function handleConfirm17({ value, selectedItems }) {
+function handleConfirm17({ value, selectedItems }: any) {
   console.log(value)
   customShow.value = selectedItems
-    .map((item) => {
+    .map((item: any) => {
       return item.label
     })
     .join(', ')
diff --git a/src/pages/sidebar/demo1.vue b/src/pages/sidebar/demo1.vue
index a7ec8b55..1e5fbceb 100644
--- a/src/pages/sidebar/demo1.vue
+++ b/src/pages/sidebar/demo1.vue
@@ -1,10 +1,10 @@
 <!--
  * @Author: weisheng
  * @Date: 2023-11-05 12:09:52
- * @LastEditTime: 2023-11-05 22:23:03
+ * @LastEditTime: 2024-03-18 21:33:29
  * @LastEditors: weisheng
  * @Description: 
- * @FilePath: \wot-design-uni\src\pages\sidebar\demo1.vue
+ * @FilePath: /wot-design-uni/src/pages/sidebar/demo1.vue
  * 记得注释
 -->
 <template>
@@ -74,18 +74,16 @@ const categories = ref([
 
 onMounted(() => {
   getRect('.category', true).then((rects) => {
-    if (isArray(rects)) {
-      itemScrollTop.value = rects.map((item) => item.top || 0)
-      scrollTop.value = rects[active.value].top || 0
-    }
+    itemScrollTop.value = rects.map((item) => item.top || 0)
+    scrollTop.value = rects[active.value].top || 0
   })
 })
 
-function handleChange({ value }) {
+function handleChange({ value }: any) {
   active.value = value
   scrollTop.value = itemScrollTop.value[value]
 }
-function onScroll(e) {
+function onScroll(e: any) {
   const { scrollTop } = e.detail
   const threshold = 50 // 下一个标题与顶部的距离
   if (scrollTop < threshold) {
diff --git a/src/pages/sidebar/demo2.vue b/src/pages/sidebar/demo2.vue
index 66d50cb8..42f3d5b6 100644
--- a/src/pages/sidebar/demo2.vue
+++ b/src/pages/sidebar/demo2.vue
@@ -1,10 +1,10 @@
 <!--
  * @Author: weisheng
  * @Date: 2023-11-05 12:09:52
- * @LastEditTime: 2023-11-05 22:22:15
+ * @LastEditTime: 2024-03-17 20:15:39
  * @LastEditors: weisheng
  * @Description: 
- * @FilePath: \wot-design-uni\src\pages\sidebar\demo2.vue
+ * @FilePath: /wot-design-uni/src/pages/sidebar/demo2.vue
  * 记得注释
 -->
 <template>
@@ -99,7 +99,7 @@ const categories = ref([
   }
 ])
 
-function handleChange({ value }) {
+function handleChange({ value }: any) {
   active.value = value
   scrollTop.value = -1
   nextTick(() => {
diff --git a/src/pages/sidebar/demo3.vue b/src/pages/sidebar/demo3.vue
index 42c2e009..94ad4307 100644
--- a/src/pages/sidebar/demo3.vue
+++ b/src/pages/sidebar/demo3.vue
@@ -1,10 +1,10 @@
 <!--
  * @Author: weisheng
  * @Date: 2023-11-05 12:09:52
- * @LastEditTime: 2023-11-05 22:21:45
+ * @LastEditTime: 2024-03-18 21:33:59
  * @LastEditors: weisheng
  * @Description: 
- * @FilePath: \wot-design-uni\src\pages\sidebar\demo3.vue
+ * @FilePath: /wot-design-uni/src/pages/sidebar/demo3.vue
  * 记得注释
 -->
 <template>
@@ -81,18 +81,16 @@ const categories = ref([
 
 onMounted(() => {
   getRect('.category', true).then((rects) => {
-    if (isArray(rects)) {
-      itemScrollTop.value = rects.map((item) => item.top || 0)
-      scrollTop.value = rects[active.value].top || 0
-    }
+    itemScrollTop.value = rects.map((item) => item.top || 0)
+    scrollTop.value = rects[active.value].top || 0
   })
 })
 
-function handleChange({ value }) {
+function handleChange({ value }: any) {
   active.value = value
   scrollTop.value = itemScrollTop.value[value]
 }
-function onScroll(e) {
+function onScroll(e: any) {
   const { scrollTop } = e.detail
   const threshold = 50 // 下一个标题与顶部的距离
   if (scrollTop < threshold) {
diff --git a/src/pages/sortButton/Index.vue b/src/pages/sortButton/Index.vue
index e679f9f5..0094381d 100644
--- a/src/pages/sortButton/Index.vue
+++ b/src/pages/sortButton/Index.vue
@@ -25,16 +25,16 @@ const value2 = ref<number>(0)
 const value3 = ref<number>(0)
 const value4 = ref<number>(0)
 
-function handleChange1({ value }) {
+function handleChange1({ value }: any) {
   console.log(value)
 }
-function handleChange2({ value }) {
+function handleChange2({ value }: any) {
   console.log(value)
 }
-function handleChange3({ value }) {
+function handleChange3({ value }: any) {
   console.log(value)
 }
-function handleChange4({ value }) {
+function handleChange4({ value }: any) {
   console.log(value)
 }
 </script>
diff --git a/src/pages/swipeAction/Index.vue b/src/pages/swipeAction/Index.vue
index 098db2e4..b921e25a 100644
--- a/src/pages/swipeAction/Index.vue
+++ b/src/pages/swipeAction/Index.vue
@@ -103,14 +103,15 @@
 </template>
 <script lang="ts" setup>
 import { useToast, useQueue } from '@/uni_modules/wot-design-uni'
+import type { SwipeActionBeforeClose, SwipeActionStatus } from '@/uni_modules/wot-design-uni/components/wd-swipe-action/types'
 
 const { closeOutside } = useQueue()
 
 import { ref } from 'vue'
 const toast = useToast()
-const value = ref<string>('close')
+const value = ref<SwipeActionStatus>('close')
 
-const beforeClose = (reason, position) => {
+const beforeClose: SwipeActionBeforeClose = (reason, position) => {
   if (reason === 'click') {
     toast.show(`${reason} ${position}导致滑动按钮关闭`)
   } else {
@@ -118,10 +119,10 @@ const beforeClose = (reason, position) => {
   }
 }
 
-function changeState(position: string) {
+function changeState(position: SwipeActionStatus) {
   value.value = position
 }
-function handleClick({ value }) {
+function handleClick({ value }: any) {
   toast.show(`点击${value}关闭操作按钮`)
 }
 function handleAction(action: string) {
diff --git a/src/pages/swiper/Index.vue b/src/pages/swiper/Index.vue
index 7d01494c..4a5bc6cc 100644
--- a/src/pages/swiper/Index.vue
+++ b/src/pages/swiper/Index.vue
@@ -99,10 +99,10 @@ const swiperList = ref([
   'https://img.yzcdn.cn/vant/cat.jpeg',
   'https://unpkg.com/wot-design-uni-assets/meng.jpg'
 ])
-function handleClick(e) {
+function handleClick(e: any) {
   console.log(e)
 }
-function onChange(e) {
+function onChange(e: any) {
   console.log(e)
 }
 </script>
diff --git a/src/pages/switch/Index.vue b/src/pages/switch/Index.vue
index b24f26c4..a1ad1f89 100644
--- a/src/pages/switch/Index.vue
+++ b/src/pages/switch/Index.vue
@@ -29,6 +29,7 @@
 </template>
 <script lang="ts" setup>
 import { useMessage } from '@/uni_modules/wot-design-uni'
+import type { SwitchBeforeChange } from '@/uni_modules/wot-design-uni/components/wd-switch/types'
 import { ref } from 'vue'
 
 const checked1 = ref<boolean>(true)
@@ -41,7 +42,7 @@ const checked7 = ref<boolean>(false)
 
 const message = useMessage()
 
-const beforeChange = ({ value, resolve }) => {
+const beforeChange: SwitchBeforeChange = ({ value, resolve }) => {
   message
     .confirm('是否切换开关')
     .then(() => {
@@ -51,19 +52,19 @@ const beforeChange = ({ value, resolve }) => {
       resolve(false)
     })
 }
-function handleChange1({ value }) {
+function handleChange1({ value }: any) {
   console.log(value)
 }
-function handleChange2({ value }) {
+function handleChange2({ value }: any) {
   console.log(value)
 }
-function handleChange3({ value }) {
+function handleChange3({ value }: any) {
   console.log(value)
 }
-function handleChange4({ value }) {
+function handleChange4({ value }: any) {
   console.log(value)
 }
-function handleChange5({ value }) {
+function handleChange5({ value }: any) {
   console.log(value)
 }
 </script>
diff --git a/src/pages/table/Index.vue b/src/pages/table/Index.vue
index 9702c94d..a9d7cbd7 100644
--- a/src/pages/table/Index.vue
+++ b/src/pages/table/Index.vue
@@ -219,11 +219,11 @@ const dataList = ref<Record<string, any>[]>([
  * 排序
  * @param e
  */
-function doSort(e) {
+function doSort() {
   dataList.value = dataList.value.reverse()
 }
 
-function handleRowClick({ rowIndex }) {
+function handleRowClick({ rowIndex }: any) {
   console.log(rowIndex)
 }
 </script>
diff --git a/src/pages/tabs/Index.vue b/src/pages/tabs/Index.vue
index af69d6da..1b30061a 100644
--- a/src/pages/tabs/Index.vue
+++ b/src/pages/tabs/Index.vue
@@ -109,11 +109,11 @@ const tab6 = ref<number>(0)
 const tab7 = ref<number>(0)
 const tab8 = ref<number>(0)
 const toast = useToast()
-function handleClick({ index, name }) {
+function handleClick({ index, name }: any) {
   console.log('event', { index, name })
   toast.show(`点击了标签${name}`)
 }
-function handleChange(event) {
+function handleChange(event: any) {
   console.log('change', event)
 }
 </script>
diff --git a/src/pages/tag/Index.vue b/src/pages/tag/Index.vue
index 7eee25f6..81113177 100644
--- a/src/pages/tag/Index.vue
+++ b/src/pages/tag/Index.vue
@@ -127,19 +127,19 @@ const tags = ref([
 ])
 const dynamicTags = ref(['标签一', '标签二'])
 
-function handleClick(index) {
+function handleClick(index: number) {
   console.log('click:index' + index)
 }
-function handleClose(order) {
+function handleClose(order: number) {
   tags.value = tags.value.filter((value, index) => index !== order)
   console.log('close:index' + order)
 }
-function handleClose1(order) {
+function handleClose1(order: number) {
   dynamicTags.value = dynamicTags.value.filter((item, index) => {
     return index !== order
   })
 }
-function handleConfirm({ value }) {
+function handleConfirm({ value }: any) {
   if (!value) return
   dynamicTags.value = [...dynamicTags.value, value]
 }
diff --git a/src/pages/tooltip/Index.vue b/src/pages/tooltip/Index.vue
index ac956c57..35445459 100644
--- a/src/pages/tooltip/Index.vue
+++ b/src/pages/tooltip/Index.vue
@@ -136,56 +136,56 @@ function onShow() {
 function onHide() {
   toast.show('文字提示关闭')
 }
-function handleChange1(event) {
-  //   this.setData({ show1: event.detail.show })
+function handleChange1(event: any) {
+  console.log(event)
 }
-function handleChange2(event) {
-  //   this.setData({ show2: event.detail.show })
+function handleChange2(event: any) {
+  console.log(event)
 }
-function handleChange3(event) {
-  //   this.setData({ show3: event.detail.show })
+function handleChange3(event: any) {
+  console.log(event)
 }
-function handleChange4(event) {
-  //   this.setData({ show4: event.detail.show })
+function handleChange4(event: any) {
+  console.log(event)
 }
-function handleChange5(event) {
-  //   this.setData({ show5: event.detail.show })
+function handleChange5(event: any) {
+  console.log(event)
 }
-function handleChange6(event) {
-  //   this.setData({ show6: event.detail.show })
+function handleChange6(event: any) {
+  console.log(event)
 }
-function handleChange7(event) {
-  //   this.setData({ show7: event.detail.show })
+function handleChange7(event: any) {
+  console.log(event)
 }
-function handleChange8(event) {
-  //   this.setData({ show8: event.detail.show })
+function handleChange8(event: any) {
+  console.log(event)
 }
-function handleChange9(event) {
-  //   this.setData({ show9: event.detail.show })
+function handleChange9(event: any) {
+  console.log(event)
 }
-function handleChange10(event) {
-  //   this.setData({ show10: event.detail.show })
+function handleChange10(event: any) {
+  console.log(event)
 }
-function handleChange11(event) {
-  //   this.setData({ show11: event.detail.show })
+function handleChange11(event: any) {
+  console.log(event)
 }
-function handleChange12(event) {
-  //   this.setData({ show12: event.detail.show })
+function handleChange12(event: any) {
+  console.log(event)
 }
-function handleChange13(event) {
-  // this.setData({ show13: event.detail.show })
+function handleChange13(event: any) {
+  console.log(event)
 }
-function handleChange14(event) {
-  // this.setData({ show14: event.detail.show })
+function handleChange14(event: any) {
+  console.log(event)
 }
-function handleChange15(event) {
-  // this.setData({ show15: event.detail.show })
+function handleChange15(event: any) {
+  console.log(event)
 }
-function handleChange16(event) {
-  // this.setData({ show16: event.detail.show })
+function handleChange16(event: any) {
+  console.log(event)
 }
-function handleChange17(event) {
-  // this.setData({ show17: event.detail.show })
+function handleChange17(event: any) {
+  console.log(event)
 }
 </script>
 <style lang="scss" scoped>
diff --git a/src/pages/transition/Index.vue b/src/pages/transition/Index.vue
index c2f53ea5..177f6b43 100644
--- a/src/pages/transition/Index.vue
+++ b/src/pages/transition/Index.vue
@@ -80,7 +80,7 @@ function custom() {
     customShow.value = false
   }, 1200)
 }
-function transition(transition) {
+function transition(transition: string) {
   name.value = transition
   show.value = true
   setTimeout(() => {
diff --git a/src/pages/upload/Index.vue b/src/pages/upload/Index.vue
index 054f7130..490a04a5 100644
--- a/src/pages/upload/Index.vue
+++ b/src/pages/upload/Index.vue
@@ -65,20 +65,20 @@ const fileList2 = ref<any[]>([
     url: 'https://img12.360buyimg.com//n0/jfs/t1/29118/6/4823/55969/5c35c16bE7c262192/c9fdecec4b419355.jpg'
   }
 ])
-const fileList3 = ref<Record<string, any>[]>([])
-const fileList4 = ref<Record<string, any>[]>([])
-const fileList5 = ref<Record<string, any>[]>([])
-const fileList6 = ref<Record<string, any>[]>([])
-const fileList7 = ref<Record<string, any>[]>([])
-const fileList8 = ref<Record<string, any>[]>([])
-const fileList9 = ref<Record<string, any>[]>([])
-const fileList10 = ref<Record<string, any>[]>([])
-const fileList11 = ref<Record<string, any>[]>([])
+const fileList3 = ref([])
+const fileList4 = ref([])
+const fileList5 = ref([])
+const fileList6 = ref([])
+const fileList7 = ref([])
+const fileList8 = ref([])
+const fileList9 = ref([])
+const fileList10 = ref([])
+const fileList11 = ref([])
 
 const messageBox = useMessage()
 const toast = useToast()
 
-const beforeChoose = (file, resolve) => {
+const beforeChoose = ({ file, resolve }: any) => {
   messageBox
     .confirm({
       msg: '是否选择',
@@ -92,7 +92,7 @@ const beforeChoose = (file, resolve) => {
     })
 }
 
-const beforePreview = ({ file, resolve }) => {
+const beforePreview = ({ resolve }: any) => {
   messageBox
     .confirm({
       msg: '是否预览图片',
@@ -105,7 +105,7 @@ const beforePreview = ({ file, resolve }) => {
       toast.show('取消预览操作')
     })
 }
-const beforeUpload = ({ files, resolve }) => {
+const beforeUpload = ({ files, resolve }: any) => {
   messageBox
     .confirm({
       msg: '是否上传',
@@ -119,7 +119,7 @@ const beforeUpload = ({ files, resolve }) => {
       toast.show('取消上传操作')
     })
 }
-const beforeRemove = ({ file, fileList, resolve }) => {
+const beforeRemove = ({ file, fileList, resolve }: any) => {
   messageBox
     .confirm({
       msg: '是否删除',
@@ -134,7 +134,7 @@ const beforeRemove = ({ file, fileList, resolve }) => {
     })
 }
 
-const buildFormData = ({ file, formData, resolve }) => {
+const buildFormData = ({ file, formData, resolve }: any) => {
   let imageName = file.url.substring(file.url.lastIndexOf('/') + 1)
   // #ifdef H5
   // h5端url中不包含扩展名，可以拼接一下name
@@ -157,56 +157,56 @@ const buildFormData = ({ file, formData, resolve }) => {
   resolve(formData)
 }
 
-const handleSuccess1 = (res) => {
+const handleSuccess1 = (res: any) => {
   console.log('成功', res)
 }
-const handleFail1 = (res) => {
+const handleFail1 = (res: any) => {
   console.log('失败', res)
 }
-const handleProgess1 = (res) => {
+const handleProgess1 = (res: any) => {
   console.log('加载中', res)
 }
 
-function handleSuccess(event) {
+function handleSuccess(event: any) {
   console.log('成功', event)
 }
-function handleFail(event) {
+function handleFail(event: any) {
   console.log('失败', event)
 }
-function handleProgess(event) {
+function handleProgess(event: any) {
   console.log('加载中', event)
 }
-function handleChange1({ fileList }) {
+function handleChange1({ fileList }: any) {
   fileList1.value = fileList
 }
-function handleChange2({ fileList }) {
+function handleChange2({ fileList }: any) {
   fileList2.value = fileList
 }
-function handleChange3({ fileList }) {
+function handleChange3({ fileList }: any) {
   fileList3.value = fileList
 }
-function handleChange4({ fileList }) {
+function handleChange4({ fileList }: any) {
   fileList4.value = fileList
 }
-function handleChange5({ fileList }) {
+function handleChange5({ fileList }: any) {
   fileList5.value = fileList
 }
-function handleChange6({ fileList }) {
+function handleChange6({ fileList }: any) {
   fileList6.value = fileList
 }
-function handleChange7({ fileList }) {
+function handleChange7({ fileList }: any) {
   fileList7.value = fileList
 }
-function handleChange8({ fileList }) {
+function handleChange8({ fileList }: any) {
   fileList8.value = fileList
 }
-function handleChange9({ fileList }) {
+function handleChange9({ fileList }: any) {
   fileList9.value = fileList
 }
-function handleChange10({ fileList }) {
+function handleChange10({ fileList }: any) {
   fileList10.value = fileList
 }
-function handleChange11({ fileList }) {
+function handleChange11({ fileList }: any) {
   fileList11.value = fileList
 }
 </script>
diff --git a/src/uni_modules/wot-design-uni/changelog.md b/src/uni_modules/wot-design-uni/changelog.md
index 0edd6560..a4726ae8 100644
--- a/src/uni_modules/wot-design-uni/changelog.md
+++ b/src/uni_modules/wot-design-uni/changelog.md
@@ -658,7 +658,7 @@
 ### ✨ Features | 新功能
 
 * ✨ 新增 Table 表格组件 ([#98](https://github.com/Moonofweisheng/wot-design-uni/issues/98)) ([c8395f8](https://github.com/Moonofweisheng/wot-design-uni/commit/c8395f8a7e1ad041b003672081b715a7c755adc1))
-* ✨ Collpase 折叠面板组件增加分割线 ([adc6633](https://github.com/Moonofweisheng/wot-design-uni/commit/adc6633ad80b74e801a48a50917c9a2d378de9e0)), closes [#97](https://github.com/Moonofweisheng/wot-design-uni/issues/97)
+* ✨ Collapse 折叠面板组件增加分割线 ([adc6633](https://github.com/Moonofweisheng/wot-design-uni/commit/adc6633ad80b74e801a48a50917c9a2d378de9e0)), closes [#97](https://github.com/Moonofweisheng/wot-design-uni/issues/97)
 
 ### [0.1.38](https://github.com/Moonofweisheng/wot-design-uni/compare/v0.1.37...v0.1.38) (2023-10-25)
 
diff --git a/src/uni_modules/wot-design-uni/components/common/base64.ts b/src/uni_modules/wot-design-uni/components/common/base64.ts
index 3fc8a548..65aa2e85 100644
--- a/src/uni_modules/wot-design-uni/components/common/base64.ts
+++ b/src/uni_modules/wot-design-uni/components/common/base64.ts
@@ -1,6 +1,6 @@
-const _b64chars = [...'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/']
-const _mkUriSafe = (src) => src.replace(/[+/]/g, (m0) => (m0 === '+' ? '-' : '_')).replace(/=+$/m, '')
-const fromUint8Array = (src, rfc4648 = false) => {
+const _b64chars: string[] = [...'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/']
+const _mkUriSafe = (src: string): string => src.replace(/[+/]/g, (m0: string) => (m0 === '+' ? '-' : '_')).replace(/=+\$/m, '')
+const fromUint8Array = (src: Uint8Array, rfc4648 = false): string => {
   let b64 = ''
   for (let i = 0, l = src.length; i < l; i += 3) {
     const [a0, a1, a2] = [src[i], src[i + 1], src[i + 2]]
@@ -12,18 +12,18 @@ const fromUint8Array = (src, rfc4648 = false) => {
   }
   return rfc4648 ? _mkUriSafe(b64) : b64
 }
-const _btoa =
+const _btoa: (s: string) => string =
   typeof btoa === 'function'
-    ? (s) => btoa(s)
-    : (s) => {
-        if (s.charCodeAt() > 255) {
+    ? (s: string) => btoa(s)
+    : (s: string) => {
+        if (s.charCodeAt(0) > 255) {
           throw new RangeError('The string contains invalid characters.')
         }
-        return fromUint8Array(Uint8Array.from(s, (c: any) => c.charCodeAt(0)))
+        return fromUint8Array(Uint8Array.from(s, (c: string) => c.charCodeAt(0)))
       }
-const utob = (src) => unescape(encodeURIComponent(src))
+const utob = (src: string): string => unescape(encodeURIComponent(src))
 
-export default function encode(src, rfc4648 = false) {
+export default function encode(src: string, rfc4648 = false): string {
   const b64 = _btoa(utob(src))
   return rfc4648 ? _mkUriSafe(b64) : b64
 }
diff --git a/src/uni_modules/wot-design-uni/components/common/clickoutside.ts b/src/uni_modules/wot-design-uni/components/common/clickoutside.ts
index 27e70e16..0800afdb 100644
--- a/src/uni_modules/wot-design-uni/components/common/clickoutside.ts
+++ b/src/uni_modules/wot-design-uni/components/common/clickoutside.ts
@@ -1,25 +1,25 @@
 /*
  * @Author: weisheng
  * @Date: 2023-07-02 22:51:06
- * @LastEditTime: 2023-07-13 10:07:17
+ * @LastEditTime: 2024-03-16 19:59:07
  * @LastEditors: weisheng
  * @Description:
- * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\common\clickoutside.ts
+ * @FilePath: /wot-design-uni/src/uni_modules/wot-design-uni/components/common/clickoutside.ts
  * 记得注释
  */
 let queue: any[] = []
 
-export function pushToQueue(comp) {
+export function pushToQueue(comp: any) {
   queue.push(comp)
 }
 
-export function removeFromQueue(comp) {
+export function removeFromQueue(comp: any) {
   queue = queue.filter((item) => {
     return item.$.uid !== comp.$.uid
   })
 }
 
-export function closeOther(comp) {
+export function closeOther(comp: any) {
   queue.forEach((item) => {
     if (item.$.uid !== comp.$.uid) {
       item.$.exposed.close()
diff --git a/src/uni_modules/wot-design-uni/components/common/dayjs.ts b/src/uni_modules/wot-design-uni/components/common/dayjs.ts
index 1f89706e..7252c018 100644
--- a/src/uni_modules/wot-design-uni/components/common/dayjs.ts
+++ b/src/uni_modules/wot-design-uni/components/common/dayjs.ts
@@ -11,7 +11,7 @@ class Dayjs {
   mHour: any
   mMinute: any
   mSecond: any
-  constructor(dateStr) {
+  constructor(dateStr?: string | number | Date) {
     this.utc = false
     const parsedDate = this.parseConfig(dateStr)
     this.date = new Date(parsedDate)
@@ -26,17 +26,17 @@ class Dayjs {
     this.mSecond = this.date.getSeconds()
   }
 
-  parseConfig(dateStr) {
+  parseConfig(dateStr?:string | number | Date) {
     if (!dateStr) return new Date()
     if (dateStr instanceof Date) return dateStr
-    if (/^(\d){8}$/.test(dateStr)) {
+    if (/^(\d){8}$/.test(dateStr as string)) {
       this.utc = true
-      return `${dateStr.substr(0, 4)}-${dateStr.substr(4, 2)}-${dateStr.substr(6, 2)}`
+      return `${(dateStr as string).substr(0, 4)}-${(dateStr as string).substr(4, 2)}-${(dateStr as string).substr(6, 2)}`
     }
     return dateStr
   }
 
-  padNumber(num, length, padChar) {
+  padNumber(num:string, length:number, padChar:string) {
     return !num || num.length >= length ? num : `${Array(length + 1 - num.length).join(padChar)}${num}`
   }
 
@@ -57,7 +57,7 @@ class Dayjs {
     return this.date.toUTCString()
   }
 
-  startOf(unit) {
+  startOf(unit:string) {
     switch (unit) {
       case 'year':
         return new Dayjs(new Date(this.year(), 0, 1))
@@ -68,7 +68,7 @@ class Dayjs {
     }
   }
 
-  add(amount, unit) {
+  add(amount:number, unit:string) {
     let interval
     switch (unit) {
       case 'm':
@@ -94,7 +94,7 @@ class Dayjs {
     return new Dayjs(1000 * newUnixTime)
   }
 
-  subtract(amount, unit) {
+  subtract(amount:number, unit:string) {
     return this.add(-1 * amount, unit)
   }
 
diff --git a/src/uni_modules/wot-design-uni/components/common/event.ts b/src/uni_modules/wot-design-uni/components/common/event.ts
new file mode 100644
index 00000000..44a00e43
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/common/event.ts
@@ -0,0 +1,8 @@
+export const UPDATE_MODEL_EVENT = 'update:modelValue'
+export const CHANGE_EVENT = 'change'
+export const INPUT_EVENT = 'input'
+export const CLICK_EVENT = 'click'
+export const CLOSE_EVENT = 'close'
+export const OPEN_EVENT = 'open'
+export const CONFIRM_EVENT = 'confirm'
+export const CANCEL_EVENT = 'cancel'
diff --git a/src/uni_modules/wot-design-uni/components/common/props.ts b/src/uni_modules/wot-design-uni/components/common/props.ts
new file mode 100644
index 00000000..ebb9dc03
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/common/props.ts
@@ -0,0 +1,51 @@
+import type { PropType } from 'vue'
+
+export const unknownProp = null as unknown as PropType<unknown>
+
+export const numericProp = [Number, String]
+
+export const truthProp = {
+  type: Boolean,
+  default: true as const
+}
+
+export const makeRequiredProp = <T>(type: T) => ({
+  type,
+  required: true as const
+})
+
+export const makeArrayProp = <T>() => ({
+  type: Array as PropType<T[]>,
+  default: () => []
+})
+
+export const makeBooleanProp = <T>(defaultVal: T) => ({
+  type: Boolean,
+  default: defaultVal
+})
+
+export const makeNumberProp = <T>(defaultVal: T) => ({
+  type: Number,
+  default: defaultVal
+})
+
+export const makeNumericProp = <T>(defaultVal: T) => ({
+  type: numericProp,
+  default: defaultVal
+})
+
+export const makeStringProp = <T>(defaultVal: T) => ({
+  type: String as unknown as PropType<T>,
+  default: defaultVal
+})
+
+export const baseProps = {
+  /**
+   * 自定义根节点样式
+   */
+  customStyle: makeStringProp(''),
+  /**
+   * 自定义根节点样式类
+   */
+  customClass: makeStringProp('')
+}
diff --git a/src/uni_modules/wot-design-uni/components/common/util.ts b/src/uni_modules/wot-design-uni/components/common/util.ts
index 8893df0b..760cbe00 100644
--- a/src/uni_modules/wot-design-uni/components/common/util.ts
+++ b/src/uni_modules/wot-design-uni/components/common/util.ts
@@ -226,15 +226,17 @@ export const context = {
   id: 1000
 }
 
+export type RectResultType<T extends boolean> = T extends true ? UniApp.NodeInfo[] : UniApp.NodeInfo
+
 /**
  * 获取节点信息
- * @param selector 节点 #id,.class
+ * @param selector 节点选择器 #id,.class
  * @param all 是否返回所有 selector 对应的节点
  * @param scope 作用域（支付宝小程序无效）
- * @returns
+ * @returns 节点信息或节点信息数组
  */
-export function getRect(selector: string, all: boolean = false, scope?: any) {
-  return new Promise<UniApp.NodeInfo | UniApp.NodeInfo[]>((resolve) => {
+export function getRect<T extends boolean>(selector: string, all: T, scope?: any): Promise<RectResultType<T>> {
+  return new Promise<RectResultType<T>>((resolve, reject) => {
     let query: UniNamespace.SelectorQuery | null = null
     if (scope) {
       query = uni.createSelectorQuery().in(scope)
@@ -243,11 +245,12 @@ export function getRect(selector: string, all: boolean = false, scope?: any) {
     }
     query[all ? 'selectAll' : 'select'](selector)
       .boundingClientRect((rect) => {
-        if (all && Array.isArray(rect) && rect.length) {
-          resolve(rect)
-        }
-        if (!all && rect) {
-          resolve(rect)
+        if (all && isArray(rect) && rect.length > 0) {
+          resolve(rect as RectResultType<T>)
+        } else if (!all && rect) {
+          resolve(rect as RectResultType<T>)
+        } else {
+          reject(new Error('No nodes found'))
         }
       })
       .exec()
@@ -374,7 +377,7 @@ export function isBase64Image(url: string) {
  * @param {object | object[]} styles 外部传入的样式对象或数组
  * @returns {string} 格式化后的 CSS 样式字符串
  */
-export function objToStyle(styles: object | object[]): string {
+export function objToStyle(styles: Record<string, any> | Record<string, any>[]): string {
   // 如果 styles 是数组类型
   if (isArray(styles)) {
     // 使用过滤函数去除空值和 null 值的元素
@@ -633,3 +636,10 @@ export const getPropByPath = (obj: any, path: string): any => {
     return undefined
   }
 }
+
+/**
+ * 检查一个值是否为Date类型
+ * @param val 要检查的值
+ * @returns 如果值是Date类型，则返回true，否则返回false
+ */
+export const isDate = (val: unknown): val is Date => Object.prototype.toString.call(val) === '[object Date]' && !Number.isNaN((val as Date).getTime())
diff --git a/src/uni_modules/wot-design-uni/components/composables/usePopover.ts b/src/uni_modules/wot-design-uni/components/composables/usePopover.ts
index 22ed092f..eff783b6 100644
--- a/src/uni_modules/wot-design-uni/components/composables/usePopover.ts
+++ b/src/uni_modules/wot-design-uni/components/composables/usePopover.ts
@@ -47,26 +47,22 @@ export function usePopover() {
     }
 
     // 初始化数据获取
-    getRect('#target', false, proxy).then((rect: any) => {
+    getRect('#target', false, proxy).then((rect) => {
       if (!rect) return
-      left.value = rect.left
-      bottom.value = rect.bottom
-      width.value = rect.width
-      height.value = rect.height
-      top.value = rect.top
+      left.value = rect.left as number
+      bottom.value = rect.bottom as number
+      width.value = rect.width as number
+      height.value = rect.height as number
+      top.value = rect.top as number
     })
     // 用透明度可在初始化时获取到pop尺寸
-    getRect('#pos', false, proxy).then((rect: any) => {
+    getRect('#pos', false, proxy).then((rect) => {
       if (!rect) return
-      popWidth.value = rect.width
-      popHeight.value = rect.height
+      popWidth.value = rect.width as number
+      popHeight.value = rect.height as number
     })
   }
 
-  function checkType(value) {
-    return Object.prototype.toString.call(value).slice(8, -1)
-  }
-
   function control(
     placement:
       | 'top'
@@ -164,5 +160,5 @@ export function usePopover() {
     arrowStyle.value = placements.get(placement)![1]
   }
 
-  return { popStyle, arrowStyle, showStyle, arrowClass, init, control, noop, checkType }
+  return { popStyle, arrowStyle, showStyle, arrowClass, init, control, noop }
 }
diff --git a/src/uni_modules/wot-design-uni/components/composables/useTouch.ts b/src/uni_modules/wot-design-uni/components/composables/useTouch.ts
index 76393f94..c3e9b37e 100644
--- a/src/uni_modules/wot-design-uni/components/composables/useTouch.ts
+++ b/src/uni_modules/wot-design-uni/components/composables/useTouch.ts
@@ -9,7 +9,7 @@ export function useTouch() {
   const startX = ref<number>(0)
   const startY = ref<number>(0)
 
-  function touchStart(event) {
+  function touchStart(event: any) {
     const touch = event.touches[0]
     direction.value = ''
     deltaX.value = 0
@@ -20,7 +20,7 @@ export function useTouch() {
     startY.value = touch.clientY
   }
 
-  function touchMove(event) {
+  function touchMove(event: any) {
     const touch = event.touches[0]
     deltaX.value = touch.clientX - startX.value
     deltaY.value = touch.clientY - startY.value
diff --git a/src/uni_modules/wot-design-uni/components/wd-action-sheet/types.ts b/src/uni_modules/wot-design-uni/components/wd-action-sheet/types.ts
new file mode 100644
index 00000000..87fc5047
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-action-sheet/types.ts
@@ -0,0 +1,112 @@
+/*
+ * @Author: weisheng
+ * @Date: 2024-03-18 11:22:03
+ * @LastEditTime: 2024-03-18 13:17:22
+ * @LastEditors: weisheng
+ * @Description:
+ * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-action-sheet\types.ts
+ * 记得注释
+ */
+import type { ExtractPropTypes } from 'vue'
+import { baseProps, makeArrayProp, makeBooleanProp, makeRequiredProp, makeStringProp } from '../common/props'
+
+export type Action = {
+  /**
+   * 选项名称
+   */
+  name: string
+  /**
+   * 描述信息
+   */
+  subname: string
+  /**
+   * 颜色
+   */
+  color: string
+  /**
+   * 禁用
+   */
+  disabled: boolean
+  /**
+   * 加载中状态
+   */
+  loading: boolean
+}
+
+export type Panel = {
+  /**
+   * 图片地址
+   */
+  iconUrl: string
+  /**
+   * 标题内容
+   */
+  title: string
+}
+
+export const actionSheetProps = {
+  ...baseProps,
+  /**
+   * header 头部样式
+   */
+  customHeaderClass: makeStringProp(''),
+  /**
+   * 设置菜单显示隐藏
+   */
+  modelValue: { ...makeBooleanProp(false), ...makeRequiredProp(Boolean) },
+  /**
+   * 菜单选项
+   */
+  actions: makeArrayProp<Action>(),
+  /**
+   * 自定义面板项,可以为字符串数组，也可以为对象数组，如果为二维数组，则为多行展示
+   */
+  panels: makeArrayProp<Panel | Panel[]>(),
+  /**
+   * 标题
+   */
+  title: String,
+  /**
+   * 取消按钮文案
+   */
+  cancelText: String,
+  /**
+   * 点击选项后是否关闭菜单
+   */
+  closeOnClickAction: Boolean,
+  /**
+   * 点击遮罩是否关闭
+   */
+  closeOnClickModal: Boolean,
+  /**
+   * 弹框动画持续时间
+   */
+  duration: Number,
+  /**
+   * 菜单层级
+   */
+  zIndex: Number,
+  /**
+   * 弹层内容懒渲染，触发展示时才渲染内容
+   */
+  lazyRender: Boolean,
+  /**
+   * 弹出面板是否设置底部安全距离（iphone X 类型的机型）
+   */
+  safeAreaInsetBottom: Boolean
+}
+
+export type ActionSheetProps = ExtractPropTypes<typeof actionSheetProps>
+
+// export type SelectPanelOption = {
+//   item: Panel | Action
+//   index?: number
+//   rowIndex?: number
+//   colIndex?: number
+// }
+
+// export const actionSheetEmits = {
+//   [UPDATE_MODEL_EVENT]: (newValue: boolean) => isBoolean(newValue),
+//   select: (option: SelectPanelOption) => option !== undefined
+// }
+// export type ActionSheetEmits = typeof actionSheetEmits
diff --git a/src/uni_modules/wot-design-uni/components/wd-action-sheet/wd-action-sheet.vue b/src/uni_modules/wot-design-uni/components/wd-action-sheet/wd-action-sheet.vue
index 8cf3f1b7..0164c34b 100644
--- a/src/uni_modules/wot-design-uni/components/wd-action-sheet/wd-action-sheet.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-action-sheet/wd-action-sheet.vue
@@ -72,59 +72,10 @@ export default {
 
 <script lang="ts" setup>
 import { watch, ref } from 'vue'
+import { actionSheetProps, type Panel } from './types'
 
-interface Action {
-  // 选项名称
-  name: string
-  // 描述信息
-  subname: string
-  // 颜色
-  color: string
-  // 禁用
-  disabled: boolean
-  // 加载中状态
-  loading: boolean
-}
-
-interface Panel {
-  // 图片地址
-  iconUrl: string
-  // 标题内容
-  title: string
-}
-
-interface Props {
-  customClass?: string
-  customHeaderClass?: string
-  customStyle?: string
-  modelValue: boolean
-  actions?: Array<Action>
-  panels?: Array<Panel>
-  title?: string
-  cancelText?: string
-  closeOnClickAction?: boolean
-  closeOnClickModal?: boolean
-  duration?: number
-  zIndex?: number
-  lazyRender?: boolean
-  safeAreaInsetBottom?: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  customHeaderClass: '',
-  customStyle: '',
-  modelValue: false,
-  actions: () => [] as Array<Action>,
-  panels: () => [] as Array<Panel>,
-  closeOnClickAction: true,
-  closeOnClickModal: true,
-  duration: 200,
-  zIndex: 10,
-  lazyRender: true,
-  safeAreaInsetBottom: true
-})
-const formatPanels = ref<Array<Panel> | Array<Array<Panel>>>([])
+const props = defineProps(actionSheetProps)
+const formatPanels = ref<Array<Panel> | Array<Panel[]>>([])
 
 const showPopup = ref<boolean>(false)
 
@@ -144,7 +95,7 @@ function isArray() {
   return props.panels.length && !(props.panels[0] instanceof Array)
 }
 function computedValue() {
-  formatPanels.value = isArray() ? [props.panels] : props.panels
+  formatPanels.value = isArray() ? [props.panels as Panel[]] : (props.panels as Panel[][])
 }
 
 function select(rowIndex: number, type: 'action' | 'panels', colIndex?: number) {
@@ -160,7 +111,7 @@ function select(rowIndex: number, type: 'action' | 'panels', colIndex?: number)
     })
   } else {
     emit('select', {
-      item: props.panels[rowIndex][Number(colIndex)],
+      item: (props.panels as Panel[][])[rowIndex][Number(colIndex)],
       rowIndex,
       colIndex
     })
diff --git a/src/uni_modules/wot-design-uni/components/wd-badge/types.ts b/src/uni_modules/wot-design-uni/components/wd-badge/types.ts
new file mode 100644
index 00000000..e209c964
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-badge/types.ts
@@ -0,0 +1,50 @@
+/*
+ * @Author: weisheng
+ * @Date: 2024-03-15 11:36:12
+ * @LastEditTime: 2024-03-18 13:19:32
+ * @LastEditors: weisheng
+ * @Description:
+ * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-badge\types.ts
+ * 记得注释
+ */
+import type { ExtractPropTypes } from 'vue'
+import { baseProps, makeBooleanProp, makeNumericProp, makeStringProp } from '../common/props'
+
+export type BadgeType = 'primary' | 'success' | 'warning' | 'danger' | 'info'
+
+export const badgeProps = {
+  ...baseProps,
+  /**
+   * 显示值
+   */
+  modelValue: makeNumericProp(null),
+  /** 当数值为 0 时，是否展示徽标 */
+  showZero: makeBooleanProp(false),
+  bgColor: String,
+  /**
+   * 最大值，超过最大值会显示 '{max}+'，要求 value 是 Number 类型
+   */
+  max: Number,
+  /**
+   * 是否为红色点状标注
+   */
+  isDot: Boolean,
+  /**
+   * 是否隐藏 badge
+   */
+  hidden: Boolean,
+  /**
+   * badge类型，可选值primary / success / warning / danger / info
+   */
+  type: makeStringProp<BadgeType | undefined>(undefined),
+  /**
+   * 为正时，角标向下偏移对应的像素
+   */
+  top: Number,
+  /**
+   * 为正时，角标向左偏移对应的像素
+   */
+  right: Number
+}
+
+export type BadgeProps = ExtractPropTypes<typeof badgeProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-badge/wd-badge.vue b/src/uni_modules/wot-design-uni/components/wd-badge/wd-badge.vue
index 8e9ce6d5..9c16a6d3 100644
--- a/src/uni_modules/wot-design-uni/components/wd-badge/wd-badge.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-badge/wd-badge.vue
@@ -1,12 +1,3 @@
-<!--
- * @Author: weisheng
- * @Date: 2023-06-12 18:40:59
- * @LastEditTime: 2024-03-08 23:55:25
- * @LastEditors: weisheng
- * @Description: 
- * @FilePath: /wot-design-uni/src/uni_modules/wot-design-uni/components/wd-badge/wd-badge.vue
- * 记得注释
--->
 <template>
   <view :class="['wd-badge', customClass]" :style="customStyle">
     <slot></slot>
@@ -31,27 +22,9 @@ export default {
 </script>
 <script lang="ts" setup>
 import { computed, ref, watch } from 'vue'
-type BadgeType = 'primary' | 'success' | 'warning' | 'danger' | 'info'
-interface Props {
-  modelValue?: number | string | null
-  /** 当数值为 0 时，是否展示徽标 */
-  showZero?: boolean
-  bgColor?: string
-  max?: number
-  isDot?: boolean
-  hidden?: boolean
-  type?: BadgeType
-  top?: number
-  right?: number
-  customClass?: string
-  customStyle?: string
-}
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  customStyle: '',
-  modelValue: null,
-  showZero: false
-})
+import { badgeProps } from './types'
+
+const props = defineProps(badgeProps)
 const content = ref<number | string | null>(null)
 
 watch(
diff --git a/src/uni_modules/wot-design-uni/components/wd-button/types.ts b/src/uni_modules/wot-design-uni/components/wd-button/types.ts
new file mode 100644
index 00000000..ab49ed2e
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-button/types.ts
@@ -0,0 +1,97 @@
+/*
+ * @Author: weisheng
+ * @Date: 2024-03-15 11:36:12
+ * @LastEditTime: 2024-03-18 13:24:34
+ * @LastEditors: weisheng
+ * @Description:
+ * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-button\types.ts
+ * 记得注释
+ */
+import type { ExtractPropTypes } from 'vue'
+import { baseProps, makeBooleanProp, makeStringProp } from '../common/props'
+
+export type ButtonType = 'primary' | 'success' | 'info' | 'warning' | 'error' | 'default' | 'text' | 'icon'
+export type ButtonSize = 'small' | 'medium' | 'large'
+
+export const buttonProps = {
+  ...baseProps,
+  /**
+   * 幽灵按钮
+   */
+  plain: makeBooleanProp(false),
+  /**
+   * 圆角按钮
+   */
+  round: makeBooleanProp(true),
+  /**
+   * 禁用按钮
+   */
+  disabled: makeBooleanProp(false),
+  /**
+   * 是否细边框
+   */
+  hairline: makeBooleanProp(false),
+  /**
+   * 块状按钮
+   */
+  block: makeBooleanProp(false),
+  /**
+   * 按钮类型，可选值：primary / success / info / warning / error / text / icon
+   */
+  type: makeStringProp<ButtonType>('primary'),
+  /**
+   * 按钮尺寸，可选值：small / medium / large
+   */
+  size: makeStringProp<ButtonSize>('medium'),
+  /**
+   * 图标类名
+   */
+  icon: String,
+  /**
+   * 加载中按钮
+   */
+  loading: makeBooleanProp(false),
+  /**
+   * 加载图标颜色
+   */
+  loadingColor: String,
+  /**
+   * 开放能力
+   */
+  openType: String,
+  formType: String,
+  /**
+   * 指定是否阻止本节点的祖先节点出现点击态
+   */
+  hoverStopPropagation: Boolean,
+  /**
+   * 指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文
+   */
+  lang: String,
+  /**
+   * 会话来源，open-type="contact"时有效
+   */
+  sessionFrom: String,
+  /**
+   * 会话内消息卡片标题，open-type="contact"时有效
+   */
+  sendMessageTitle: String,
+  /**
+   * 会话内消息卡片点击跳转小程序路径，open-type="contact"时有效
+   */
+  sendMessagePath: String,
+  /**
+   * 会话内消息卡片图片，open-type="contact"时有效
+   */
+  sendMessageImg: String,
+  /**
+   * 打开 APP 时，向 APP 传递的参数，open-type=launchApp时有效
+   */
+  appParameter: String,
+  /**
+   * 是否显示会话内消息卡片，设置此参数为 true，用户进入客服会话会在右下角显示"可能要发送的小程序"提示，用户点击后可以快速发送小程序消息，open-type="contact"时有效
+   */
+  showMessageCard: Boolean
+}
+
+export type ButtonProps = ExtractPropTypes<typeof buttonProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-button/wd-button.vue b/src/uni_modules/wot-design-uni/components/wd-button/wd-button.vue
index f87e9424..6bc9b1f4 100644
--- a/src/uni_modules/wot-design-uni/components/wd-button/wd-button.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-button/wd-button.vue
@@ -59,6 +59,7 @@ export default {
 import { computed, watch } from 'vue'
 import { ref } from 'vue'
 import base64 from '../common/base64'
+import { buttonProps } from './types'
 
 const loadingIcon = (color = '#4D80F0', reverse = true) => {
   return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><defs><linearGradient x1="100%" y1="0%" x2="0%" y2="0%" id="a"><stop stop-color="${
@@ -69,45 +70,7 @@ const loadingIcon = (color = '#4D80F0', reverse = true) => {
     reverse ? '#fff' : color
   }"/><path d="M4.599 21c0 9.044 7.332 16.376 16.376 16.376 9.045 0 16.376-7.332 16.376-16.376" stroke="url(#a)" stroke-width="3.5" stroke-linecap="round"/></g></svg>`
 }
-type ButtonType = 'primary' | 'success' | 'info' | 'warning' | 'error' | 'default' | 'text' | 'icon'
-type ButtonSize = 'small' | 'medium' | 'large'
-
-interface Props {
-  plain?: boolean
-  disabled?: boolean
-  round?: boolean
-  hairline?: boolean
-  block?: boolean
-  type?: ButtonType
-  size?: ButtonSize
-  icon?: string
-  loading?: boolean
-  loadingColor?: string
-  openType?: string
-  formType?: string
-  hoverStopPropagation?: boolean
-  lang?: string
-  sessionFrom?: string
-  sendMessageTitle?: string
-  sendMessagePath?: string
-  sendMessageImg?: string
-  appParameter?: string
-  showMessageCard?: boolean
-  customClass?: string
-  customStyle?: string
-}
-const props = withDefaults(defineProps<Props>(), {
-  type: 'primary',
-  size: 'medium',
-  round: true,
-  plain: false,
-  loading: false,
-  hairline: false,
-  block: false,
-  disabled: false,
-  customClass: '',
-  customStyle: ''
-})
+const props = defineProps(buttonProps)
 
 const hoverStartTime = ref<number>(20)
 const hoverStayTime = ref<number>(70)
@@ -137,41 +100,41 @@ const emit = defineEmits([
   'agreeprivacyauthorization'
 ])
 
-function handleClick(event) {
+function handleClick(event: any) {
   if (!props.disabled && !props.loading) {
     emit('click', event.detail)
   }
 }
 
-function handleGetuserinfo(event) {
+function handleGetuserinfo(event: any) {
   emit('getuserinfo', event.detail)
 }
 
-function handleConcat(event) {
+function handleConcat(event: any) {
   emit('contact', event.detail)
 }
 
-function handleGetphonenumber(event) {
+function handleGetphonenumber(event: any) {
   emit('getphonenumber', event.detail)
 }
 
-function handleError(event) {
+function handleError(event: any) {
   emit('error', event.detail)
 }
 
-function handleLaunchapp(event) {
+function handleLaunchapp(event: any) {
   emit('launchapp', event.detail)
 }
 
-function handleOpensetting(event) {
+function handleOpensetting(event: any) {
   emit('opensetting', event.detail)
 }
 
-function handleChooseavatar(event) {
+function handleChooseavatar(event: any) {
   emit('chooseavatar', event.detail)
 }
 
-function handleAgreePrivacyAuthorization(event) {
+function handleAgreePrivacyAuthorization(event: any) {
   emit('agreeprivacyauthorization', event.detail)
 }
 function buildLoadingSvg() {
diff --git a/src/uni_modules/wot-design-uni/components/wd-calendar-view/month/month.vue b/src/uni_modules/wot-design-uni/components/wd-calendar-view/month/month.vue
index 51b3415e..4704f854 100644
--- a/src/uni_modules/wot-design-uni/components/wd-calendar-view/month/month.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-calendar-view/month/month.vue
@@ -8,7 +8,7 @@
           <view
             v-for="(item, index) in days"
             :key="index"
-            :class="`wd-month__day ${item.disabled ? 'is-disabled' : ''} ${item.type ? itemClass(item.type, value, type) : ''}`"
+            :class="`wd-month__day ${item.disabled ? 'is-disabled' : ''} ${item.type ? itemClass(item.type, value!, type) : ''}`"
             :style="firstDayStyle(index, item.date, firstDayOfWeek)"
             @click="handleDateClick(index)"
           >
@@ -52,37 +52,23 @@ import {
 import { useToast } from '../../wd-toast'
 import { deepClone, getType, isArray } from '../../common/util'
 import { useTranslate } from '../../composables/useTranslate'
+import type { CalendarDayItem, CalendarDayType, CalendarType } from '../types'
+import { monthProps } from './types'
 
-interface Props {
-  type: string
-  date: number
-  value: null | number | Array<number>
-  minDate: number
-  maxDate: number
-  firstDayOfWeek: number
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  formatter?: Function
-  maxRange?: number
-  rangePrompt?: string
-  allowSameDay?: boolean
-  defaultTime: Array<number>
-}
-const props = withDefaults(defineProps<Props>(), {
-  allowSameDay: false
-})
+const props = defineProps(monthProps)
 
 const { translate } = useTranslate('calendar-view')
 
-const days = ref<Array<Record<string, any>>>([])
+const days = ref<Array<CalendarDayItem>>([])
 
 const itemClass = computed(() => {
-  return (monthType, value, type) => {
+  return (monthType: CalendarDayType, value: number | (number | null)[], type: CalendarType) => {
     return getItemClass(monthType, value, type)
   }
 })
 
 const monthTitle = computed(() => {
-  return (date) => {
+  return (date: number) => {
     return formatMonthTitle(date)
   }
 })
@@ -108,7 +94,7 @@ const toast = useToast('wd-month')
 const emit = defineEmits(['change'])
 
 function setDays() {
-  const dayList: Array<Record<string, any>> = []
+  const dayList: Array<CalendarDayItem> = []
   const date = new Date(props.date)
   const year = date.getFullYear()
   const month = date.getMonth()
@@ -120,7 +106,7 @@ function setDays() {
 
   for (let day = 1; day <= totalDay; day++) {
     const date = new Date(year, month, day).getTime()
-    let type = getDayType(date, value)
+    let type: CalendarDayType = getDayType(date, value as number | number[] | null)
     if (!type && compareDate(date, Date.now()) === 0) {
       type = 'current'
     }
@@ -129,7 +115,7 @@ function setDays() {
   }
   days.value = dayList
 }
-function getDayType(date, value) {
+function getDayType(date: number, value: number | number[] | null): CalendarDayType {
   switch (props.type) {
     case 'date':
     case 'datetime':
@@ -147,23 +133,20 @@ function getDayType(date, value) {
       return getDateType(date)
   }
 }
-function getDateType(date) {
-  if (props.value && compareDate(date, props.value) === 0) {
+function getDateType(date: number): CalendarDayType {
+  if (props.value && compareDate(date, props.value as number) === 0) {
     return 'selected'
   }
-
   return ''
 }
 
-function getDatesType(date) {
-  if (!props.value) return ''
+function getDatesType(date: number): CalendarDayType {
+  if (!isArray(props.value)) return ''
 
-  let type = ''
-
-  ;(props.value as any).some((item) => {
+  let type: CalendarDayType = ''
+  props.value.some((item) => {
     if (compareDate(date, item) === 0) {
       type = 'selected'
-
       return true
     }
 
@@ -172,8 +155,8 @@ function getDatesType(date) {
 
   return type
 }
-function getDatetimeType(date, value) {
-  const [startDate, endDate] = value || []
+function getDatetimeType(date: number, value: number | number[] | null) {
+  const [startDate, endDate] = isArray(value) ? value : []
 
   if (startDate && compareDate(date, startDate) === 0) {
     if (props.allowSameDay && endDate && compareDate(startDate, endDate) === 0) {
@@ -188,8 +171,8 @@ function getDatetimeType(date, value) {
     return ''
   }
 }
-function getWeektimeType(date, value) {
-  const [startDate, endDate] = value || []
+function getWeektimeType(date: number, value: number | number[] | null) {
+  const [startDate, endDate] = isArray(value) ? value : []
 
   if (startDate && compareDate(date, startDate) === 0) {
     return 'start'
@@ -203,7 +186,7 @@ function getWeektimeType(date, value) {
 }
 function getWeekValue() {
   if (props.type === 'week') {
-    return getWeekRange(props.value, props.firstDayOfWeek)
+    return getWeekRange(props.value as number, props.firstDayOfWeek)
   } else {
     const [startDate, endDate] = (props.value as any) || []
 
@@ -224,7 +207,6 @@ function getWeekValue() {
 }
 function handleDateClick(index: number) {
   const date = days.value[index]
-
   switch (props.type) {
     case 'date':
     case 'datetime':
@@ -247,7 +229,7 @@ function handleDateClick(index: number) {
       handleDateChange(date)
   }
 }
-function getDate(date, isEnd: boolean = false) {
+function getDate(date: number, isEnd: boolean = false) {
   date = props.defaultTime && props.defaultTime.length > 0 ? getDateByDefaultTime(date, isEnd ? props.defaultTime[1] : props.defaultTime[0]) : date
 
   if (date < props.minDate) return props.minDate
@@ -257,7 +239,7 @@ function getDate(date, isEnd: boolean = false) {
   return date
 }
 
-function handleDateChange(date) {
+function handleDateChange(date: CalendarDayItem) {
   if (date.disabled) return
 
   if (date.type !== 'selected') {
@@ -267,7 +249,7 @@ function handleDateChange(date) {
     })
   }
 }
-function handleDatesChange(date) {
+function handleDatesChange(date: CalendarDayItem) {
   if (date.disabled) return
   const value = deepClone(isArray(props.value) ? props.value : [])
   if (date.type !== 'selected') {
@@ -279,11 +261,11 @@ function handleDatesChange(date) {
     value
   })
 }
-function handleDateRangeChange(date) {
+function handleDateRangeChange(date: CalendarDayItem) {
   if (date.disabled) return
 
-  let value
-  let type
+  let value: (number | null)[] = []
+  let type: CalendarDayType = ''
   const [startDate, endDate] = deepClone(isArray(props.value) ? props.value : [])
   const compare = compareDate(date.date, startDate)
 
@@ -307,10 +289,10 @@ function handleDateRangeChange(date) {
     // 时间范围类型，且有开始时间和结束时间，需要支持重新点击开始日期和结束日期可以重新修改时间
     if (compare === 0) {
       type = 'start'
-      value = props.value
+      value = props.value as number[]
     } else if (compareDate(date.date, endDate) === 0) {
       type = 'end'
-      value = props.value
+      value = props.value as number[]
     } else {
       value = [getDate(date.date), null]
     }
@@ -323,7 +305,7 @@ function handleDateRangeChange(date) {
     type: type || (value[1] ? 'end' : 'start')
   })
 }
-function handleWeekChange(date) {
+function handleWeekChange(date: CalendarDayItem) {
   const [weekStart] = getWeekRange(date.date, props.firstDayOfWeek)
 
   // 周的第一天如果是禁用状态，则不可选中
@@ -333,13 +315,13 @@ function handleWeekChange(date) {
     value: getDate(weekStart) + 24 * 60 * 60 * 1000
   })
 }
-function handleWeekRangeChange(date) {
+function handleWeekRangeChange(date: CalendarDayItem) {
   const [weekStartDate] = getWeekRange(date.date, props.firstDayOfWeek)
 
   // 周的第一天如果是禁用状态，则不可选中
   if (getFormatterDate(weekStartDate, new Date(weekStartDate).getDate()).disabled) return
 
-  let value
+  let value: (number | null)[] = []
   const [startDate, endDate] = deepClone(isArray(props.value) ? props.value : [])
   const [startWeekStartDate] = startDate ? getWeekRange(startDate, props.firstDayOfWeek) : []
   const compare = compareDate(weekStartDate, startWeekStartDate)
@@ -356,8 +338,8 @@ function handleWeekRangeChange(date) {
     value
   })
 }
-function getFormatterDate(date, day, type?: string) {
-  let dayObj = {
+function getFormatterDate(date: number, day: string | number, type?: CalendarDayType) {
+  let dayObj: CalendarDayItem = {
     date: date,
     text: day,
     topInfo: '',
@@ -372,7 +354,6 @@ function getFormatterDate(date, day, type?: string) {
       console.error('[wot-design] error(wd-calendar-view): the formatter prop of wd-calendar-view should be a function')
     }
   }
-
   return dayObj
 }
 </script>
diff --git a/src/uni_modules/wot-design-uni/components/wd-calendar-view/month/types.ts b/src/uni_modules/wot-design-uni/components/wd-calendar-view/month/types.ts
new file mode 100644
index 00000000..067e6e84
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-calendar-view/month/types.ts
@@ -0,0 +1,19 @@
+import type { PropType } from 'vue'
+import { makeBooleanProp, makeRequiredProp } from '../../common/props'
+import type { CalendarFormatter, CalendarType } from '../types'
+
+export const monthProps = {
+  type: makeRequiredProp(String as PropType<CalendarType>),
+  date: makeRequiredProp(Number),
+  value: makeRequiredProp([Number, Array, null] as PropType<number | (number | null)[] | null>),
+  minDate: makeRequiredProp(Number),
+  maxDate: makeRequiredProp(Number),
+  firstDayOfWeek: makeRequiredProp(Number),
+  formatter: Function as PropType<CalendarFormatter>,
+  maxRange: Number,
+  rangePrompt: String,
+  allowSameDay: makeBooleanProp(false),
+  defaultTime: {
+    type: [Array] as PropType<Array<number[]>>
+  }
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-calendar-view/monthPanel/month-panel.vue b/src/uni_modules/wot-design-uni/components/wd-calendar-view/monthPanel/month-panel.vue
index feabffa6..688a9d2d 100644
--- a/src/uni_modules/wot-design-uni/components/wd-calendar-view/monthPanel/month-panel.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-calendar-view/monthPanel/month-panel.vue
@@ -61,43 +61,22 @@ export default {
 
 <script lang="ts" setup>
 import { computed, nextTick, onMounted, ref, watch } from 'vue'
-import { debounce, getType, isEqual } from '../../common/util'
+import { debounce, isArray, isEqual, isNumber } from '../../common/util'
 import { compareMonth, formatMonthTitle, getMonthEndDay, getMonths, getTimeData, getWeekLabel } from '../utils'
 import Month from '../month/month.vue'
-import type { MonthInfo } from './type'
+import { monthPanelProps, type MonthInfo, type MonthPanelTimeType, type MonthPanelExpose } from './types'
 import { useTranslate } from '../../composables/useTranslate'
+import type { CalendarItem } from '../types'
 
-interface Props {
-  type: string
-  value: Array<number> | number | null
-  minDate: number
-  maxDate: number
-  firstDayOfWeek: number
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  formatter?: Function
-  maxRange?: number
-  rangePrompt?: string
-  allowSameDay?: boolean
-  showPanelTitle?: boolean
-  defaultTime: Array<number>
-  panelHeight: number
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  timeFilter?: Function
-  hideSecond?: boolean
-}
-const props = withDefaults(defineProps<Props>(), {
-  allowSameDay: false,
-  showPanelTitle: false,
-  hideSecond: false
-})
+const props = defineProps(monthPanelProps)
 const { translate } = useTranslate('calendar-view')
 
 const title = ref<string>('')
 const scrollTop = ref<number>(0) // 滚动位置
-const timeValue = ref<Array<string>>([])
-const timeData = ref<Array<string | string[]>>([])
-const timeType = ref<string>('') // 当前时间类型，是开始还是结束
-const innerValue = ref<string | number[]>('') // 内部保存一个值，用于判断新老值，避免监听器触发
+const timeValue = ref<string[] | number[]>([])
+const timeData = ref<Array<CalendarItem[]>>([])
+const timeType = ref<MonthPanelTimeType>('') // 当前时间类型，是开始还是结束
+const innerValue = ref<string | number | (number | null)[]>('') // 内部保存一个值，用于判断新老值，避免监听器触发
 
 const weekLabel = computed(() => {
   return (index: number) => {
@@ -169,13 +148,15 @@ const handleChange = debounce((value) => {
   })
 }, 50)
 
+/**
+ * 使当前日期或者选中日期滚动到可视区域
+ */
 function scrollIntoView() {
   setTimeout(() => {
-    let activeDate
-    const type = getType(props.value)
-    if (type === 'array') {
+    let activeDate: number | null = 0
+    if (isArray(props.value)) {
       activeDate = props.value![0]
-    } else if (type === 'number') {
+    } else if (isNumber(props.value)) {
       activeDate = props.value
     }
 
@@ -203,22 +184,22 @@ function scrollIntoView() {
  * @param {timestamp|array} value 当前时间
  * @param {string} type 类型，是开始还是结束
  */
-function getTime(value, type?: string) {
+function getTime(value: number | (number | null)[], type?: string) {
   if (!props.value) {
     return []
   }
   if (props.type === 'datetime') {
     return getTimeData({
-      date: value,
+      date: value as number,
       minDate: props.minDate,
       maxDate: props.maxDate,
       filter: props.timeFilter,
       isHideSecond: props.hideSecond
     })
   } else {
-    if (type === 'start' && typeof props.value === 'object') {
+    if (type === 'start' && isArray(props.value)) {
       return getTimeData({
-        date: value[0],
+        date: (value as Array<number>)[0],
         minDate: props.minDate,
         maxDate: props.value[1] ? props.value[1] : props.maxDate,
         filter: props.timeFilter,
@@ -226,8 +207,8 @@ function getTime(value, type?: string) {
       })
     } else {
       return getTimeData({
-        date: value[1],
-        minDate: value[0],
+        date: (value as Array<number>)[1],
+        minDate: (value as Array<number>)[0],
         maxDate: props.maxDate,
         filter: props.timeFilter,
         isHideSecond: props.hideSecond
@@ -240,33 +221,34 @@ function getTime(value, type?: string) {
  * @param {timestamp} date 时间
  * @param {string} type 类型，是开始还是结束
  */
-function getTimeValue(date, type) {
+function getTimeValue(date: number | (number | null)[], type: MonthPanelTimeType) {
+  let dateValue: Date = new Date()
   if (props.type === 'datetime') {
-    date = new Date(date)
-  } else {
+    dateValue = new Date(date as number)
+  } else if (isArray(date)) {
     if (type === 'start') {
-      date = new Date(date[0])
+      dateValue = new Date(date[0] || '')
     } else {
-      date = new Date(date[1])
+      dateValue = new Date(date[1] || '')
     }
   }
 
-  const hour = date.getHours()
-  const minute = date.getMinutes()
-  const second = date.getSeconds()
-
+  const hour = dateValue.getHours()
+  const minute = dateValue.getMinutes()
+  const second = dateValue.getSeconds()
   return props.hideSecond ? [hour, minute] : [hour, minute, second]
 }
-function setTime(value, type) {
-  if (getType(value) === 'array' && value[0] && value[1] && type === 'start' && timeType.value === 'start') {
+
+function setTime(value: number | (number | null)[], type?: MonthPanelTimeType) {
+  if (isArray(value) && value[0] && value[1] && type === 'start' && timeType.value === 'start') {
     type = 'end'
   }
 
   timeData.value = getTime(value, type) || []
-  timeValue.value = getTimeValue(value, type)
-  timeType.value = type
+  timeValue.value = getTimeValue(value, type || '')
+  timeType.value = type || ''
 }
-function handleDateChange({ value, type }) {
+function handleDateChange({ value, type }: { value: number | (number | null)[]; type?: MonthPanelTimeType }) {
   if (!isEqual(value, props.value)) {
     // 内部保存一个值，用于判断新老值，避免监听器触发
     innerValue.value = value
@@ -277,7 +259,7 @@ function handleDateChange({ value, type }) {
     setTime(value, type)
   }
 }
-function handleTimeChange({ value }) {
+function handleTimeChange({ value }: { value: any[] }) {
   if (!props.value) {
     return
   }
@@ -293,7 +275,7 @@ function handleTimeChange({ value }) {
   } else if (typeof props.value === 'object') {
     const [start, end] = props.value!
     const dataValue = timeType.value === 'start' ? start : end
-    const date = new Date(dataValue)
+    const date = new Date(dataValue || '')
     date.setHours(value[0])
     date.setMinutes(value[1])
     date.setSeconds(props.hideSecond ? 0 : value[2])
@@ -345,7 +327,7 @@ function doSetSubtitle(scrollTop: number, monthsInfo: MonthInfo[]) {
   }
 }
 
-defineExpose({
+defineExpose<MonthPanelExpose>({
   scrollIntoView
 })
 </script>
diff --git a/src/uni_modules/wot-design-uni/components/wd-calendar-view/monthPanel/type.ts b/src/uni_modules/wot-design-uni/components/wd-calendar-view/monthPanel/type.ts
deleted file mode 100644
index 4bcef4fe..00000000
--- a/src/uni_modules/wot-design-uni/components/wd-calendar-view/monthPanel/type.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * 月份信息
- */
-export interface MonthInfo {
-  date: number
-  height: number
-}
diff --git a/src/uni_modules/wot-design-uni/components/wd-calendar-view/monthPanel/types.ts b/src/uni_modules/wot-design-uni/components/wd-calendar-view/monthPanel/types.ts
new file mode 100644
index 00000000..6512f7f6
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-calendar-view/monthPanel/types.ts
@@ -0,0 +1,44 @@
+import type { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue'
+import { makeBooleanProp, makeRequiredProp } from '../../common/props'
+import type { CalendarFormatter, CalendarTimeFilter, CalendarType } from '../types'
+
+/**
+ * 月份信息
+ */
+export interface MonthInfo {
+  date: number
+  height: number
+}
+
+export const monthPanelProps = {
+  type: makeRequiredProp(String as PropType<CalendarType>),
+  value: makeRequiredProp([Number, Array, null] as PropType<number | (number | null)[] | null>),
+  minDate: makeRequiredProp(Number),
+  maxDate: makeRequiredProp(Number),
+  firstDayOfWeek: makeRequiredProp(Number),
+  formatter: Function as PropType<CalendarFormatter>,
+  maxRange: Number,
+  rangePrompt: String,
+  allowSameDay: makeBooleanProp(false),
+  showPanelTitle: makeBooleanProp(false),
+  defaultTime: {
+    type: [Array] as PropType<Array<number[]>>
+  },
+  panelHeight: makeRequiredProp(Number),
+  // type 为 'datetime' 或 'datetimerange' 时有效，用于过滤时间选择器的数据
+  timeFilter: Function as PropType<CalendarTimeFilter>,
+  hideSecond: makeBooleanProp(false)
+}
+
+export type MonthPanelProps = ExtractPropTypes<typeof monthPanelProps>
+
+export type MonthPanelTimeType = 'start' | 'end' | ''
+
+export type MonthPanelExpose = {
+  /**
+   * 使当前日期或者选中日期滚动到可视区域
+   */
+  scrollIntoView: () => void
+}
+
+export type MonthPanelInstance = ComponentPublicInstance<MonthPanelProps, MonthPanelExpose>
diff --git a/src/uni_modules/wot-design-uni/components/wd-calendar-view/types.ts b/src/uni_modules/wot-design-uni/components/wd-calendar-view/types.ts
index 7e1170c2..ced7b53f 100644
--- a/src/uni_modules/wot-design-uni/components/wd-calendar-view/types.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-calendar-view/types.ts
@@ -1,5 +1,104 @@
-import type { ComponentPublicInstance } from 'vue'
+import type { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp, makeRequiredProp, makeStringProp } from '../common/props'
 
-export type CalendarViewInstance = ComponentPublicInstance<{
+export type CalendarType = 'date' | 'dates' | 'datetime' | 'week' | 'month' | 'daterange' | 'datetimerange' | 'weekrange' | 'monthrange'
+
+export const calendarViewProps = {
+  ...baseProps,
+  /**
+   * 选中值，为 13 位时间戳或时间戳数组
+   */
+  modelValue: makeRequiredProp([Number, Array, null] as PropType<number | number[] | null>),
+  /**
+   * 日期类型
+   */
+  type: makeStringProp<CalendarType>('date'),
+  /**
+   * 最小日期，为 13 位时间戳
+   */
+  minDate: makeNumberProp(new Date(new Date().getFullYear(), new Date().getMonth() - 6, new Date().getDate()).getTime()),
+  /**
+   * 最大日期，为 13 位时间戳
+   */
+  maxDate: makeNumberProp(new Date(new Date().getFullYear(), new Date().getMonth() + 6, new Date().getDate(), 23, 59, 59).getTime()),
+  /**
+   * 周起始天
+   */
+  firstDayOfWeek: makeNumberProp(0),
+  /**
+   * 日期格式化函数
+   */
+  formatter: Function as PropType<CalendarFormatter>,
+  /**
+   * type 为范围选择时有效，最大日期范围
+   */
+  maxRange: Number,
+  /**
+   * type 为范围选择时有效，选择超出最大日期范围时的错误提示文案
+   */
+  rangePrompt: String,
+  /**
+   * type 为范围选择时有效，是否允许选择同一天
+   */
+  allowSameDay: makeBooleanProp(false),
+  // 是否展示面板标题，自动计算当前滚动的日期月份
+  showPanelTitle: makeBooleanProp(true),
+  /**
+   * 选中日期所使用的当日内具体时刻
+   */
+  defaultTime: {
+    type: [String, Array] as PropType<string | string[]>,
+    default: '00:00:00'
+  },
+  /**
+   * 可滚动面板的高度
+   */
+  panelHeight: makeNumberProp(378),
+  /**
+   * type 为 'datetime' 或 'datetimerange' 时有效，用于过滤时间选择器的数据
+   */
+  timeFilter: Function as PropType<CalendarTimeFilter>,
+  /**
+   * type 为 'datetime' 或 'datetimerange' 时有效，是否不展示秒修改
+   */
+  hideSecond: makeBooleanProp(false)
+}
+
+export type CalendarViewProps = ExtractPropTypes<typeof calendarViewProps>
+
+export type CalendarDayType = '' | 'start' | 'middle' | 'end' | 'selected' | 'same' | 'current'
+
+export type CalendarDayItem = {
+  date: number
+  text?: number | string
+  topInfo?: string
+  bottomInfo?: string
+  type?: CalendarDayType
+  disabled?: boolean
+}
+
+export type CalendarFormatter = (day: CalendarDayItem) => CalendarDayItem
+
+export type CalendarTimeFilterOptionType = 'hour' | 'minute' | 'second'
+
+export type CalendarTimeFilterOption = {
+  type: CalendarTimeFilterOptionType
+  values: CalendarItem[]
+}
+
+export type CalendarTimeFilter = (option: CalendarTimeFilterOption) => CalendarItem[]
+
+export type CalendarItem = {
+  label: string
+  value: number
+  disabled: boolean
+}
+
+export type CalendarViewExpose = {
+  /**
+   * 使当前日期或者选中日期滚动到可视区域
+   */
   scrollIntoView: () => void
-}>
+}
+
+export type CalendarViewInstance = ComponentPublicInstance<CalendarViewExpose, CalendarViewProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-calendar-view/utils.ts b/src/uni_modules/wot-design-uni/components/wd-calendar-view/utils.ts
index b42cfeed..e51fe66d 100644
--- a/src/uni_modules/wot-design-uni/components/wd-calendar-view/utils.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-calendar-view/utils.ts
@@ -1,6 +1,7 @@
 import { dayjs } from '../common/dayjs'
-import { getType, padZero } from '../common/util'
+import { getType, isArray, padZero } from '../common/util'
 import { useTranslate } from '../composables/useTranslate'
+import type { CalendarDayType, CalendarItem, CalendarTimeFilter, CalendarType } from './types'
 const { translate } = useTranslate('calendar-view')
 
 const weeks: string[] = [
@@ -18,16 +19,16 @@ const weeks: string[] = [
  * @param {timestamp} date1
  * @param {timestamp} date2
  */
-export function compareDate(date1, date2) {
-  date1 = new Date(date1)
-  date2 = new Date(date2)
+export function compareDate(date1: number, date2: number | null) {
+  const dateValue1 = new Date(date1)
+  const dateValue2 = new Date(date2 || '')
 
-  const year1 = date1.getFullYear()
-  const year2 = date2.getFullYear()
-  const month1 = date1.getMonth()
-  const month2 = date2.getMonth()
-  const day1 = date1.getDate()
-  const day2 = date2.getDate()
+  const year1 = dateValue1.getFullYear()
+  const year2 = dateValue2.getFullYear()
+  const month1 = dateValue1.getMonth()
+  const month2 = dateValue2.getMonth()
+  const day1 = dateValue1.getDate()
+  const day2 = dateValue2.getDate()
 
   if (year1 === year2) {
     if (month1 === month2) {
@@ -43,7 +44,7 @@ export function compareDate(date1, date2) {
  * 判断是否是范围选择
  * @param {string} type
  */
-export function isRange(type) {
+export function isRange(type: CalendarType) {
   return type.indexOf('range') > -1
 }
 
@@ -52,14 +53,14 @@ export function isRange(type) {
  * @param {timestamp} date1
  * @param {timestamp} date2
  */
-export function compareMonth(date1, date2) {
-  date1 = new Date(date1)
-  date2 = new Date(date2)
+export function compareMonth(date1: number, date2: number) {
+  const dateValue1 = new Date(date1)
+  const dateValue2 = new Date(date2)
 
-  const year1 = date1.getFullYear()
-  const year2 = date2.getFullYear()
-  const month1 = date1.getMonth()
-  const month2 = date2.getMonth()
+  const year1 = dateValue1.getFullYear()
+  const year2 = dateValue2.getFullYear()
+  const month1 = dateValue1.getMonth()
+  const month2 = dateValue2.getMonth()
 
   if (year1 === year2) {
     return month1 === month2 ? 0 : month1 > month2 ? 1 : -1
@@ -73,12 +74,12 @@ export function compareMonth(date1, date2) {
  * @param {timestamp} date1
  * @param {timestamp} date2
  */
-export function compareYear(date1, date2) {
-  date1 = new Date(date1)
-  date2 = new Date(date2)
+export function compareYear(date1: number, date2: number) {
+  const dateValue1 = new Date(date1)
+  const dateValue2 = new Date(date2)
 
-  const year1 = date1.getFullYear()
-  const year2 = date2.getFullYear()
+  const year1 = dateValue1.getFullYear()
+  const year2 = dateValue2.getFullYear()
 
   return year1 === year2 ? 0 : year1 > year2 ? 1 : -1
 }
@@ -88,7 +89,7 @@ export function compareYear(date1, date2) {
  * @param {number} year
  * @param {number} month
  */
-export function getMonthEndDay(year, month) {
+export function getMonthEndDay(year: number, month: number) {
   return 32 - new Date(year, month - 1, 32).getDate()
 }
 
@@ -96,7 +97,7 @@ export function getMonthEndDay(year, month) {
  * 格式化年月
  * @param {timestamp} date
  */
-export function formatMonthTitle(date) {
+export function formatMonthTitle(date: number) {
   return dayjs(date).format(translate('monthTitle'))
 }
 
@@ -104,7 +105,7 @@ export function formatMonthTitle(date) {
  * 根据下标获取星期
  * @param {number} index
  */
-export function getWeekLabel(index) {
+export function getWeekLabel(index: number) {
   if (index >= 7) {
     index = index % 7
   }
@@ -143,12 +144,12 @@ export function formatYearTitle(date: number) {
  * @param {timestamp} minDate
  * @param {timestamp} maxDate
  */
-export function getMonths(minDate, maxDate) {
+export function getMonths(minDate: number, maxDate: number) {
   const months: number[] = []
   const month = new Date(minDate)
   month.setDate(1)
 
-  while (compareMonth(month, maxDate) < 1) {
+  while (compareMonth(month.getTime(), maxDate) < 1) {
     months.push(month.getTime())
     month.setMonth(month.getMonth() + 1)
   }
@@ -167,7 +168,7 @@ export function getYears(minDate: number, maxDate: number) {
   year.setMonth(0)
   year.setDate(1)
 
-  while (compareYear(year, maxDate) < 1) {
+  while (compareYear(year.getTime(), maxDate) < 1) {
     years.push(year.getTime())
     year.setFullYear(year.getFullYear() + 1)
   }
@@ -179,17 +180,17 @@ export function getYears(minDate: number, maxDate: number) {
  * 获取一个日期所在周的第一天和最后一天
  * @param {timestamp} date
  */
-export function getWeekRange(date, firstDayOfWeek) {
+export function getWeekRange(date: number, firstDayOfWeek: number) {
   if (firstDayOfWeek >= 7) {
     firstDayOfWeek = firstDayOfWeek % 7
   }
 
-  date = new Date(date)
-  date.setHours(0, 0, 0, 0)
-  const year = date.getFullYear()
-  const month = date.getMonth()
-  const day = date.getDate()
-  const week = date.getDay()
+  const dateValue = new Date(date)
+  dateValue.setHours(0, 0, 0, 0)
+  const year = dateValue.getFullYear()
+  const month = dateValue.getMonth()
+  const day = dateValue.getDate()
+  const week = dateValue.getDay()
 
   const weekStart = new Date(year, month, day - ((7 + week - firstDayOfWeek) % 7))
   const weekEnd = new Date(year, month, day + 6 - ((7 + week - firstDayOfWeek) % 7))
@@ -202,7 +203,7 @@ export function getWeekRange(date, firstDayOfWeek) {
  * @param {timestamp} date1
  * @param {timestamp} date2
  */
-export function getDayOffset(date1, date2) {
+export function getDayOffset(date1: number, date2: number) {
   return (date1 - date2) / (24 * 60 * 60 * 1000) + 1
 }
 
@@ -211,11 +212,11 @@ export function getDayOffset(date1, date2) {
  * @param {timestamp} date
  * @param {number} offset
  */
-export function getDayByOffset(date, offset) {
-  date = new Date(date)
-  date.setDate(date.getDate() + offset)
+export function getDayByOffset(date: number, offset: number) {
+  const dateValue = new Date(date)
+  dateValue.setDate(dateValue.getDate() + offset)
 
-  return date.getTime()
+  return dateValue.getTime()
 }
 
 /**
@@ -223,14 +224,14 @@ export function getDayByOffset(date, offset) {
  * @param {timestamp} date1
  * @param {timestamp} date2
  */
-export function getMonthOffset(date1, date2) {
-  date1 = new Date(date1)
-  date2 = new Date(date2)
+export function getMonthOffset(date1: number, date2: number) {
+  const dateValue1 = new Date(date1)
+  const dateValue2 = new Date(date2)
 
-  const year1 = date1.getFullYear()
-  const year2 = date2.getFullYear()
-  let month1 = date1.getMonth()
-  const month2 = date2.getMonth()
+  const year1 = dateValue1.getFullYear()
+  const year2 = dateValue2.getFullYear()
+  let month1 = dateValue1.getMonth()
+  const month2 = dateValue2.getMonth()
 
   month1 = (year1 - year2) * 12 + month1
 
@@ -242,20 +243,20 @@ export function getMonthOffset(date1, date2) {
  * @param {timestamp} date
  * @param {number} offset
  */
-export function getMonthByOffset(date, offset) {
-  date = new Date(date)
-  date.setMonth(date.getMonth() + offset)
+export function getMonthByOffset(date: number, offset: number) {
+  const dateValue = new Date(date)
+  dateValue.setMonth(dateValue.getMonth() + offset)
 
-  return date.getTime()
+  return dateValue.getTime()
 }
 
 /**
  * 获取默认时间，格式化为数组
  * @param {array|string|null} defaultTime
  */
-export function getDefaultTime(defaultTime) {
-  if (getType(defaultTime) === 'array') {
-    const startTime = (defaultTime[0] || '00:00:00').split(':').map((item) => {
+export function getDefaultTime(defaultTime: string[] | string | null) {
+  if (isArray(defaultTime)) {
+    const startTime = (defaultTime[0] || '00:00:00').split(':').map((item: string) => {
       return parseInt(item)
     })
     const endTime = (defaultTime[1] || '00:00:00').split(':').map((item) => {
@@ -276,13 +277,13 @@ export function getDefaultTime(defaultTime) {
  * @param {timestamp} date
  * @param {array} defaultTime
  */
-export function getDateByDefaultTime(date, defaultTime) {
-  date = new Date(date)
-  date.setHours(defaultTime[0])
-  date.setMinutes(defaultTime[1])
-  date.setSeconds(defaultTime[2])
+export function getDateByDefaultTime(date: number, defaultTime: number[]) {
+  const dateValue = new Date(date)
+  dateValue.setHours(defaultTime[0])
+  dateValue.setMinutes(defaultTime[1])
+  dateValue.setSeconds(defaultTime[2])
 
-  return date.getTime()
+  return dateValue.getTime()
 }
 
 /**
@@ -290,9 +291,9 @@ export function getDateByDefaultTime(date, defaultTime) {
  * @param {number} n
  * @param {function} iteratee
  */
-const times = (n, iteratee) => {
-  let index = -1
-  const result = Array(n < 0 ? 0 : n)
+const times = (n: number, iteratee: (index: number) => CalendarItem) => {
+  let index: number = -1
+  const result: CalendarItem[] = Array(n < 0 ? 0 : n)
   while (++index < n) {
     result[index] = iteratee(index)
   }
@@ -303,16 +304,28 @@ const times = (n, iteratee) => {
  * 获取时分秒
  * @param {timestamp}} date
  */
-const getTime = (date) => {
-  date = new Date(date)
-  return [date.getHours(), date.getMinutes(), date.getSeconds()]
+const getTime = (date: number) => {
+  const dateValue = new Date(date)
+  return [dateValue.getHours(), dateValue.getMinutes(), dateValue.getSeconds()]
 }
 
 /**
  * 根据最小最大日期获取时间数据，用于填入picker
  * @param {*} param0
  */
-export function getTimeData({ date, minDate, maxDate, isHideSecond, filter } = {} as any) {
+export function getTimeData({
+  date,
+  minDate,
+  maxDate,
+  isHideSecond,
+  filter
+}: {
+  date: number
+  minDate: number
+  maxDate: number
+  isHideSecond: boolean
+  filter?: CalendarTimeFilter
+}) {
   const compareMin = compareDate(date, minDate)
   const compareMax = compareDate(date, maxDate)
 
@@ -351,7 +364,7 @@ export function getTimeData({ date, minDate, maxDate, isHideSecond, filter } = {
     }
   }
 
-  let columns: any[] = []
+  let columns: CalendarItem[][] = []
   let hours = times(24, (index) => {
     return {
       label: translate('hour', padZero(index)),
@@ -366,7 +379,7 @@ export function getTimeData({ date, minDate, maxDate, isHideSecond, filter } = {
       disabled: index < minMinute || index > maxMinute
     }
   })
-  let seconds
+  let seconds: CalendarItem[] = []
   if (filter && getType(filter) === 'function') {
     hours = filter({
       type: 'hour',
@@ -403,7 +416,7 @@ export function getTimeData({ date, minDate, maxDate, isHideSecond, filter } = {
  * 获取当前是第几周
  * @param {timestamp} date
  */
-export function getWeekNumber(date) {
+export function getWeekNumber(date: number | Date) {
   date = new Date(date)
   date.setHours(0, 0, 0, 0)
   // Thursday in current week decides the year.
@@ -415,10 +428,10 @@ export function getWeekNumber(date) {
   return 1 + Math.round(((date.getTime() - week.getTime()) / 86400000 - 3 + ((week.getDay() + 6) % 7)) / 7)
 }
 
-export function getItemClass(monthType, value, type) {
+export function getItemClass(monthType: CalendarDayType, value: number | (number | null)[], type: CalendarType) {
   const classList = ['is-' + monthType]
 
-  if (type.indexOf('range') > -1) {
+  if (type.indexOf('range') > -1 && isArray(value)) {
     if (!value || !value[1]) {
       classList.push('is-without-end')
     }
diff --git a/src/uni_modules/wot-design-uni/components/wd-calendar-view/wd-calendar-view.vue b/src/uni_modules/wot-design-uni/components/wd-calendar-view/wd-calendar-view.vue
index c0b036f8..2c928461 100644
--- a/src/uni_modules/wot-design-uni/components/wd-calendar-view/wd-calendar-view.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-calendar-view/wd-calendar-view.vue
@@ -55,56 +55,11 @@ import { ref, watch } from 'vue'
 import { getDefaultTime } from './utils'
 import yearPanel from './yearPanel/year-panel.vue'
 import MonthPanel from './monthPanel/month-panel.vue'
+import { calendarViewProps, type CalendarViewExpose } from './types'
 
-type CalendarType = 'date' | 'dates' | 'datetime' | 'week' | 'month' | 'daterange' | 'datetimerange' | 'weekrange' | 'monthrange'
+const props = defineProps(calendarViewProps)
 
-interface Props {
-  customClass?: string
-  // 选中值，为 13 位时间戳或时间戳数组
-  modelValue: number | Array<number> | null
-  // 日期类型
-  type?: CalendarType
-  // 最小日期，为 13 位时间戳
-  minDate?: number
-  // 最大日期，为 13 位时间戳
-  maxDate?: number
-  // 周起始天
-  firstDayOfWeek?: number
-  // 日期格式化函数
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  formatter?: Function
-  // type 为范围选择时有效，最大日期范围
-  maxRange?: number
-  // type 为范围选择时有效，选择超出最大日期范围时的错误提示文案
-  rangePrompt?: string
-  // type 为范围选择时有效，是否允许选择同一天
-  allowSameDay?: boolean
-  // 是否展示面板标题，自动计算当前滚动的日期月份
-  showPanelTitle?: boolean
-  // 选中日期所使用的当日内具体时刻
-  defaultTime?: string | Array<string>
-  // 可滚动面板的高度
-  panelHeight?: number
-  // type 为 'datetime' 或 'datetimerange' 时有效，用于过滤时间选择器的数据
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  timeFilter?: Function
-  // type 为 'datetime' 或 'datetimerange' 时有效，是否不展示秒修改
-  hideSecond?: boolean
-}
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  type: 'date',
-  minDate: new Date(new Date().getFullYear(), new Date().getMonth() - 6, new Date().getDate()).getTime(),
-  maxDate: new Date(new Date().getFullYear(), new Date().getMonth() + 6, new Date().getDate(), 23, 59, 59).getTime(),
-  firstDayOfWeek: 0,
-  allowSameDay: false,
-  showPanelTitle: true,
-  defaultTime: '00:00:00',
-  panelHeight: 378,
-  hideSecond: false
-})
-
-const formatDefauleTime = ref<number[]>([])
+const formatDefauleTime = ref<number[][]>([])
 
 const yearPanelRef = ref()
 const monthPanelRef = ref()
@@ -122,7 +77,9 @@ watch(
 
 const emit = defineEmits(['change', 'update:modelValue', 'pickstart', 'pickend'])
 
-// 对外暴露方法
+/**
+ * 使当前日期或者选中日期滚动到可视区域
+ */
 function scrollIntoView() {
   const panel = getPanel()
   panel.scrollIntoView && panel.scrollIntoView()
@@ -132,7 +89,7 @@ function getPanel() {
   return props.type.indexOf('month') > -1 ? yearPanelRef.value : monthPanelRef.value
 }
 
-function handleChange({ value }) {
+function handleChange({ value }: { value: number | number[] | null }) {
   emit('update:modelValue', value)
   emit('change', {
     value
@@ -145,7 +102,7 @@ function handlePickEnd() {
   emit('pickend')
 }
 
-defineExpose({
+defineExpose<CalendarViewExpose>({
   scrollIntoView
 })
 </script>
diff --git a/src/uni_modules/wot-design-uni/components/wd-calendar-view/year/types.ts b/src/uni_modules/wot-design-uni/components/wd-calendar-view/year/types.ts
new file mode 100644
index 00000000..9b04838c
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-calendar-view/year/types.ts
@@ -0,0 +1,19 @@
+import type { PropType } from 'vue'
+import { makeBooleanProp, makeRequiredProp } from '../../common/props'
+import type { CalendarFormatter, CalendarType } from '../types'
+
+export const yearProps = {
+  type: makeRequiredProp(String as PropType<CalendarType>),
+  date: makeRequiredProp(Number),
+  value: makeRequiredProp([Number, Array] as PropType<number | (number | null)[] | null>),
+  minDate: makeRequiredProp(Number),
+  maxDate: makeRequiredProp(Number),
+  // 日期格式化函数
+  formatter: Function as PropType<CalendarFormatter>,
+  maxRange: Number,
+  rangePrompt: String,
+  allowSameDay: makeBooleanProp(false),
+  defaultTime: {
+    type: [Array] as PropType<Array<number[]>>
+  }
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-calendar-view/year/year.vue b/src/uni_modules/wot-design-uni/components/wd-calendar-view/year/year.vue
index f489a19e..ef7342e6 100644
--- a/src/uni_modules/wot-design-uni/components/wd-calendar-view/year/year.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-calendar-view/year/year.vue
@@ -7,7 +7,7 @@
       <view
         v-for="(item, index) in months"
         :key="index"
-        :class="`wd-year__month ${item.disabled ? 'is-disabled' : ''} ${item.type ? itemClass(item.type, value, type) : ''}`"
+        :class="`wd-year__month ${item.disabled ? 'is-disabled' : ''} ${item.type ? itemClass(item.type, value!, type) : ''}`"
         @click="handleDateClick(index)"
       >
         <view class="wd-year__month-top">{{ item.topInfo }}</view>
@@ -29,41 +29,28 @@ export default {
 
 <script lang="ts" setup>
 import { computed, ref, watch } from 'vue'
-import { deepClone, getType, padZero } from '../../common/util'
+import { deepClone, getType, isArray } from '../../common/util'
 import { compareMonth, formatYearTitle, getDateByDefaultTime, getItemClass, getMonthByOffset, getMonthOffset } from '../utils'
 import { useToast } from '../../wd-toast'
 import { useTranslate } from '../../composables/useTranslate'
 import { dayjs } from '../../common/dayjs'
+import { yearProps } from './types'
+import type { CalendarDayItem, CalendarDayType, CalendarType } from '../types'
 
-interface Props {
-  type: string
-  date: number
-  value: null | number | Array<number>
-  minDate: number
-  maxDate: number
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  formatter?: Function
-  maxRange?: number
-  rangePrompt?: string
-  allowSameDay?: boolean
-  defaultTime: Array<number>
-}
-const props = withDefaults(defineProps<Props>(), {
-  allowSameDay: false
-})
+const props = defineProps(yearProps)
 const toast = useToast('wd-year')
 const { translate } = useTranslate('calendar-view')
 
-const months = ref<Record<string, any>[]>([])
+const months = ref<CalendarDayItem[]>([])
 
 const itemClass = computed(() => {
-  return (monthType, value, type) => {
+  return (monthType: CalendarDayType, value: number | (number | null)[], type: CalendarType) => {
     return getItemClass(monthType, value, type)
   }
 })
 
 const yearTitle = computed(() => {
-  return (date) => {
+  return (date: number) => {
     return formatYearTitle(date)
   }
 })
@@ -81,26 +68,24 @@ watch(
   }
 )
 
-function getMonthLabel(date) {
+function getMonthLabel(date: number) {
   return dayjs(date).format(translate('month', date))
 }
 
 function setMonths() {
-  const monthList: Record<string, any>[] = []
+  const monthList: CalendarDayItem[] = []
   const date = new Date(props.date)
   const year = date.getFullYear()
-
   const value = props.value
-  const valueType = getType(value)
 
-  if (props.type.indexOf('range') > -1 && value && valueType !== 'array') {
+  if (props.type.indexOf('range') > -1 && value && !isArray(value)) {
     console.error('[wot-design] value should be array when type is range')
     return
   }
 
   for (let month = 0; month < 12; month++) {
     const date = new Date(year, month, 1).getTime()
-    let type = getMonthType(date)
+    let type: CalendarDayType = getMonthType(date)
     if (!type && compareMonth(date, Date.now()) === 0) {
       type = 'current'
     }
@@ -110,8 +95,8 @@ function setMonths() {
 
   months.value = deepClone(monthList)
 }
-function getMonthType(date) {
-  if (props.type === 'monthrange' && typeof props.value === 'object') {
+function getMonthType(date: number) {
+  if (props.type === 'monthrange' && isArray(props.value)) {
     const [startDate, endDate] = props.value || []
 
     if (startDate && compareMonth(date, startDate) === 0) {
@@ -127,14 +112,14 @@ function getMonthType(date) {
       return ''
     }
   } else {
-    if (props.value && compareMonth(date, props.value) === 0) {
+    if (props.value && compareMonth(date, props.value as number) === 0) {
       return 'selected'
     } else {
       return ''
     }
   }
 }
-function handleDateClick(index) {
+function handleDateClick(index: number) {
   const date = months.value[index]
 
   if (date.disabled) return
@@ -150,20 +135,20 @@ function handleDateClick(index) {
       handleMonthChange(date)
   }
 }
-function getDate(date) {
+function getDate(date: number) {
   return props.defaultTime && props.defaultTime.length > 0 ? getDateByDefaultTime(date, props.defaultTime[0]) : date
 }
-function handleMonthChange(date) {
+function handleMonthChange(date: CalendarDayItem) {
   if (date.type !== 'selected') {
     emit('change', {
       value: getDate(date.date)
     })
   }
 }
-function handleMonthRangeChange(date) {
-  let value
-  const [startDate, endDate] = typeof props.value === 'object' ? props.value || [] : []
-  const compare = compareMonth(date.date, startDate)
+function handleMonthRangeChange(date: CalendarDayItem) {
+  let value: (number | null)[] = []
+  const [startDate, endDate] = isArray(props.value) ? props.value || [] : []
+  const compare = compareMonth(date.date, startDate!)
 
   // 禁止选择同个日期
   if (!props.allowSameDay && !endDate && compare === 0) return
@@ -185,8 +170,9 @@ function handleMonthRangeChange(date) {
     value
   })
 }
-function getFormatterDate(date, month, type) {
-  let monthObj = {
+
+function getFormatterDate(date: number, month: number, type?: CalendarDayType) {
+  let monthObj: CalendarDayItem = {
     date: date,
     text: month + 1,
     topInfo: '',
diff --git a/src/uni_modules/wot-design-uni/components/wd-calendar-view/yearPanel/type.ts b/src/uni_modules/wot-design-uni/components/wd-calendar-view/yearPanel/type.ts
deleted file mode 100644
index c41e3ecd..00000000
--- a/src/uni_modules/wot-design-uni/components/wd-calendar-view/yearPanel/type.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * 月份信息
- */
-export interface YearInfo {
-  date: number
-  height: number
-}
diff --git a/src/uni_modules/wot-design-uni/components/wd-calendar-view/yearPanel/types.ts b/src/uni_modules/wot-design-uni/components/wd-calendar-view/yearPanel/types.ts
new file mode 100644
index 00000000..6e60b01b
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-calendar-view/yearPanel/types.ts
@@ -0,0 +1,38 @@
+import type { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue'
+import { makeBooleanProp, makeRequiredProp } from '../../common/props'
+import type { CalendarFormatter, CalendarType } from '../types'
+
+/**
+ * 月份信息
+ */
+export interface YearInfo {
+  date: number
+  height: number
+}
+
+export const yearPanelProps = {
+  type: makeRequiredProp(String as PropType<CalendarType>),
+  value: makeRequiredProp([Number, Array] as PropType<number | (number | null)[] | null>),
+  minDate: makeRequiredProp(Number),
+  maxDate: makeRequiredProp(Number),
+  formatter: Function as PropType<CalendarFormatter>,
+  maxRange: Number,
+  rangePrompt: String,
+  allowSameDay: makeBooleanProp(false),
+  showPanelTitle: makeBooleanProp(false),
+  defaultTime: {
+    type: [Array] as PropType<Array<number[]>>
+  },
+  panelHeight: makeRequiredProp(Number)
+}
+
+export type YearPanelProps = ExtractPropTypes<typeof yearPanelProps>
+
+export type YearPanelExpose = {
+  /**
+   * 使当前日期或者选中日期滚动到可视区域
+   */
+  scrollIntoView: () => void
+}
+
+export type YearPanelInstance = ComponentPublicInstance<YearPanelProps, YearPanelExpose>
diff --git a/src/uni_modules/wot-design-uni/components/wd-calendar-view/yearPanel/year-panel.vue b/src/uni_modules/wot-design-uni/components/wd-calendar-view/yearPanel/year-panel.vue
index 17f1c01c..626d86b5 100644
--- a/src/uni_modules/wot-design-uni/components/wd-calendar-view/yearPanel/year-panel.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-calendar-view/yearPanel/year-panel.vue
@@ -33,28 +33,11 @@ export default {
 <script lang="ts" setup>
 import { computed, onMounted, ref, nextTick } from 'vue'
 import { compareYear, formatYearTitle, getYears } from '../utils'
-import { getType } from '../../common/util'
+import { getType, isArray, isNumber } from '../../common/util'
 import Year from '../year/year.vue'
-import type { YearInfo } from './type'
+import { yearPanelProps, type YearInfo, type YearPanelExpose } from './types'
 
-interface Props {
-  type: string
-  value: Array<number> | number | null
-  minDate: number
-  maxDate: number
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  formatter?: Function
-  maxRange?: number
-  rangePrompt?: string
-  allowSameDay?: boolean
-  showPanelTitle?: boolean
-  defaultTime: Array<number>
-  panelHeight: number
-}
-const props = withDefaults(defineProps<Props>(), {
-  allowSameDay: false,
-  showPanelTitle: false
-})
+const props = defineProps(yearPanelProps)
 
 const title = ref<string>('')
 const scrollTop = ref<number>(0) // 滚动位置
@@ -100,9 +83,9 @@ function scrollIntoView() {
   requestAnimationFrame().then(() => {
     let activeDate
     const type = getType(props.value)
-    if (type === 'array') {
+    if (isArray(props.value)) {
       activeDate = props.value![0]
-    } else if (type === 'number') {
+    } else if (isNumber(props.value)) {
       activeDate = props.value
     }
 
@@ -150,13 +133,13 @@ function doSetSubtitle(scrollTop: number, yearsInfo: YearInfo[]) {
   }
 }
 
-function handleDateChange({ value }) {
+function handleDateChange({ value }: { value: number[] }) {
   emit('change', {
     value
   })
 }
 
-defineExpose({
+defineExpose<YearPanelExpose>({
   scrollIntoView
 })
 </script>
diff --git a/src/uni_modules/wot-design-uni/components/wd-calendar/types.ts b/src/uni_modules/wot-design-uni/components/wd-calendar/types.ts
new file mode 100644
index 00000000..9ffd1d77
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-calendar/types.ts
@@ -0,0 +1,202 @@
+/*
+ * @Author: weisheng
+ * @Date: 2024-03-15 20:40:34
+ * @LastEditTime: 2024-03-18 13:37:40
+ * @LastEditors: weisheng
+ * @Description:
+ * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-calendar\types.ts
+ * 记得注释
+ */
+import type { PropType } from 'vue'
+import { baseProps, makeArrayProp, makeBooleanProp, makeNumberProp, makeRequiredProp, makeStringProp } from '../common/props'
+import type { CalendarFormatter, CalendarTimeFilter, CalendarType } from '../wd-calendar-view/types'
+import type { FormItemRule } from '../wd-form/types'
+
+export const calendarProps = {
+  ...baseProps,
+  /**
+   * 选中值，为 13 位时间戳或时间戳数组
+   */
+  modelValue: makeRequiredProp([Number, Array, null] as PropType<number | number[] | null>),
+  /**
+   * 日期类型，可选值：date / dates / datetime / week / month / daterange / datetimerange / weekrange / monthrange
+   */
+  type: makeStringProp<CalendarType>('date'),
+  /**
+   * 最小日期，为 13 位时间戳
+   */
+  minDate: makeNumberProp(new Date(new Date().getFullYear(), new Date().getMonth() - 6, new Date().getDate()).getTime()),
+  /**
+   * 最大日期，为 13 位时间戳
+   */
+  maxDate: makeNumberProp(new Date(new Date().getFullYear(), new Date().getMonth() + 6, new Date().getDate(), 23, 59, 59).getTime()),
+  /**
+   * 周起始天
+   */
+  firstDayOfWeek: makeNumberProp(0),
+  /**
+   * 日期格式化函数
+   */
+  formatter: Function as PropType<CalendarFormatter>,
+  /**
+   * type 为范围选择时有效，最大日期范围
+   */
+  maxRange: Number,
+  /**
+   * type 为范围选择时有效，选择超出最大日期范围时的错误提示文案
+   */
+  rangePrompt: String,
+  /**
+   * type 为范围选择时有效，是否允许选择同一天
+   */
+  allowSameDay: makeBooleanProp(false),
+  /**
+   * 选中日期所使用的当日内具体时刻
+   */
+  defaultTime: {
+    type: [String, Array] as PropType<string | string[]>
+  },
+  /**
+   * type 为 'datetime' 或 'datetimerange' 时有效，用于过滤时间选择器的数据
+   */
+  timeFilter: Function as PropType<CalendarTimeFilter>,
+  /**
+   * type 为 'datetime' 或 'datetimerange' 时有效，是否不展示秒修改
+   */
+  hideSecond: makeBooleanProp(false),
+  /**
+   * 选择器左侧文案
+   */
+  label: String,
+  /**
+   * 设置左侧标题宽度
+   */
+  labelWidth: String,
+  /**
+   * 使用 label 插槽时设置该选项
+   */
+  useLabelSlot: makeBooleanProp(false),
+  /**
+   * 使用默认插槽时设置该选项
+   */
+  useDefaultSlot: makeBooleanProp(false),
+  /**
+   * 禁用
+   */
+  disabled: makeBooleanProp(false),
+  /**
+   * 只读
+   */
+  readonly: makeBooleanProp(false),
+  /**
+   * 选择器占位符
+   */
+  placeholder: String,
+  /**
+   * 弹出层标题
+   */
+  title: String,
+  /**
+   * 选择器的值靠右展示
+   */
+  alignRight: makeBooleanProp(false),
+  /**
+   * 是否为错误状态，错误状态时右侧内容为红色
+   */
+  error: makeBooleanProp(false),
+  /**
+   * 是否必填
+   */
+  required: makeBooleanProp(false),
+  /**
+   * 设置选择器大小，可选值：large
+   */
+  size: String,
+  /**
+   * 是否垂直居中
+   */
+  center: makeBooleanProp(false),
+  /**
+   * 点击遮罩是否关闭
+   */
+  closeOnClickModal: makeBooleanProp(true),
+  /**
+   * 弹框层级
+   */
+  zIndex: makeNumberProp(15),
+  /**
+   * 是否显示确定按钮
+   */
+  showConfirm: makeBooleanProp(true),
+  /**
+   * 确定按钮文字
+   */
+  confirmText: String,
+  /**
+   * 自定义展示文案的格式化函数，返回一个字符串
+   */
+  displayFormat: Function as PropType<CalendarDisplayFormat>,
+  /**
+   * 自定义范围选择类型的面板内部回显，返回一个字符串
+   */
+  innerDisplayFormat: Function as PropType<CalendarInnerDisplayFormat>,
+  /**
+   * 是否超出隐藏
+   */
+  ellipsis: makeBooleanProp(false),
+  /**
+   * 是否显示类型切换功能
+   */
+  showTypeSwitch: makeBooleanProp(false),
+  /**
+   * 快捷选项，为对象数组，其中对象的 text 必传
+   */
+  shortcuts: makeArrayProp<Record<string, any>>(),
+  /**
+   * 快捷操作点击回调
+   */
+  onShortcutsClick: Function as PropType<CalendarOnShortcutsClick>,
+  /**
+   * 弹出面板是否设置底部安全距离（iphone X 类型的机型）
+   */
+  safeAreaInsetBottom: makeBooleanProp(true),
+  /**
+   * 确定前校验函数，接收 { value, resolve } 参数，通过 resolve 继续执行，resolve 接收 1 个 boolean 参数
+   */
+  beforeConfirm: Function as PropType<CalendarBeforeConfirm>,
+  /**
+   * 表单域 model 字段名，在使用表单校验功能的情况下，该属性是必填的
+   */
+  prop: String,
+  /**
+   * 表单验证规则，结合wd-form组件使用
+   */
+  rules: makeArrayProp<FormItemRule>(),
+  customViewClass: makeStringProp(''),
+  /**
+   * label 外部自定义样式
+   */
+  customLabelClass: makeStringProp(''),
+  /**
+   * value 外部自定义样式
+   */
+  customValueClass: makeStringProp('')
+}
+
+export type CalendarDisplayFormat = (value: number | number[], type: CalendarType) => string
+
+export type CalendarInnerDisplayFormat = (value: number, rangeType: 'start' | 'end', type: CalendarType) => string
+
+export type CalendarBeforeConfirmOption = {
+  value: number | number[] | null
+  resolve: (isPass: boolean) => void
+}
+
+export type CalendarBeforeConfirm = (option: CalendarBeforeConfirmOption) => void
+
+export type CalendarOnShortcutsClickOption = {
+  item: Record<string, any>
+  index: number
+}
+
+export type CalendarOnShortcutsClick = (option: CalendarOnShortcutsClickOption) => number | number[]
diff --git a/src/uni_modules/wot-design-uni/components/wd-calendar/wd-calendar.vue b/src/uni_modules/wot-design-uni/components/wd-calendar/wd-calendar.vue
index 852d3be6..c6b1c954 100644
--- a/src/uni_modules/wot-design-uni/components/wd-calendar/wd-calendar.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-calendar/wd-calendar.vue
@@ -66,11 +66,14 @@
         :class="`wd-calendar__view  ${currentType.indexOf('range') > -1 ? 'is-range' : ''} ${showConfirm ? 'is-show-confirm' : ''}`"
       >
         <view v-if="range(type)" :class="`wd-calendar__range-label ${type === 'monthrange' ? 'is-monthrange' : ''}`">
-          <view :class="`wd-calendar__range-label-item ${!calendarValue || !calendarValue[0] ? 'is-placeholder' : ''}`" style="text-align: right">
+          <view
+            :class="`wd-calendar__range-label-item ${!calendarValue || !isArray(calendarValue) || !calendarValue[0] ? 'is-placeholder' : ''}`"
+            style="text-align: right"
+          >
             {{ rangeLabel[0] }}
           </view>
           <view class="wd-calendar__range-sperator">/</view>
-          <view :class="`wd-calendar__range-label-item ${!calendarValue || !calendarValue[1] ? 'is-placeholder' : ''}`">
+          <view :class="`wd-calendar__range-label-item ${!calendarValue || !isArray(calendarValue) || !calendarValue[1] ? 'is-placeholder' : ''}`">
             {{ rangeLabel[1] }}
           </view>
         </view>
@@ -120,52 +123,54 @@ import { useCell } from '../composables/useCell'
 import { FORM_KEY, type FormItemRule } from '../wd-form/types'
 import { useParent } from '../composables/useParent'
 import { useTranslate } from '../composables/useTranslate'
+import { calendarProps } from './types'
+import type { CalendarType } from '../wd-calendar-view/types'
 const { translate } = useTranslate('calendar')
 
-const defaultDisplayFormat = (value, type) => {
+const defaultDisplayFormat = (value: number | number[], type: CalendarType): string => {
   switch (type) {
     case 'date':
-      return dayjs(value).format('YYYY-MM-DD')
+      return dayjs(value as number).format('YYYY-MM-DD')
     case 'dates':
-      return value
+      return (value as number[])
         .map((item) => {
           return dayjs(item).format('YYYY-MM-DD')
         })
         .join(', ')
     case 'daterange':
-      return `${value[0] ? dayjs(value[0]).format('YYYY-MM-DD') : translate('startTime')} ${translate('to')} ${
-        value[1] ? dayjs(value[1]).format('YYYY-MM-DD') : translate('endTime')
+      return `${(value as number[])[0] ? dayjs((value as number[])[0]).format('YYYY-MM-DD') : translate('startTime')} ${translate('to')} ${
+        (value as number[])[1] ? dayjs((value as number[])[1]).format('YYYY-MM-DD') : translate('endTime')
       }`
     case 'datetime':
-      return dayjs(value).format('YYYY-MM-DD HH:mm:ss')
+      return dayjs(value as number).format('YYYY-MM-DD HH:mm:ss')
     case 'datetimerange':
-      return `${value[0] ? dayjs(value[0]).format(translate('timeFormat')) : translate('startTime')} ${translate('to')}\n${
-        value[1] ? dayjs(value[1]).format(translate('timeFormat')) : translate('endTime')
-      }`
+      return `${(value as number[])[0] ? dayjs((value as number[])[0]).format(translate('timeFormat')) : translate('startTime')} ${translate(
+        'to'
+      )}\n${(value as number[])[1] ? dayjs((value as number[])[1]).format(translate('timeFormat')) : translate('endTime')}`
     case 'week': {
-      const year = new Date(value).getFullYear()
-      const week = getWeekNumber(value)
+      const year = new Date(value as number).getFullYear()
+      const week = getWeekNumber(value as number)
       return translate('weekFormat', year, padZero(week))
     }
     case 'weekrange': {
-      const year1 = new Date(value[0]).getFullYear()
-      const week1 = getWeekNumber(value[0])
-      const year2 = new Date(value[1]).getFullYear()
-      const week2 = getWeekNumber(value[1])
-      return `${value[0] ? translate('weekFormat', year1, padZero(week1)) : translate('startWeek')} - ${
-        value[1] ? translate('weekFormat', year2, padZero(week2)) : translate('endWeek')
+      const year1 = new Date((value as number[])[0]).getFullYear()
+      const week1 = getWeekNumber((value as number[])[0])
+      const year2 = new Date((value as number[])[1]).getFullYear()
+      const week2 = getWeekNumber((value as number[])[1])
+      return `${(value as number[])[0] ? translate('weekFormat', year1, padZero(week1)) : translate('startWeek')} - ${
+        (value as number[])[1] ? translate('weekFormat', year2, padZero(week2)) : translate('endWeek')
       }`
     }
     case 'month':
-      return dayjs(value).format('YYYY / MM')
+      return dayjs(value as number).format('YYYY / MM')
     case 'monthrange':
-      return `${value[0] ? dayjs(value[0]).format('YYYY / MM') : translate('startMonth')} ${translate('to')} ${
-        value[1] ? dayjs(value[1]).format('YYYY / MM') : translate('endMonth')
+      return `${(value as number[])[0] ? dayjs((value as number[])[0]).format('YYYY / MM') : translate('startMonth')} ${translate('to')} ${
+        (value as number[])[1] ? dayjs((value as number[])[1]).format('YYYY / MM') : translate('endMonth')
       }`
   }
 }
 
-const formatRange = (value, rangeType, type) => {
+const formatRange = (value: number, rangeType: 'start' | 'end', type: CalendarType) => {
   switch (type) {
     case 'daterange':
       if (!value) {
@@ -194,87 +199,7 @@ const formatRange = (value, rangeType, type) => {
   }
 }
 
-type CalendarType = 'date' | 'dates' | 'datetime' | 'week' | 'month' | 'daterange' | 'datetimerange' | 'weekrange' | 'monthrange'
-
-interface Props {
-  customClass?: string
-  customViewClass?: string
-  customLabelClass?: string
-  customValueClass?: string
-  modelValue: null | number | Array<number>
-  type?: CalendarType
-  minDate?: number
-  maxDate?: number
-  firstDayOfWeek?: number
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  formatter?: Function
-  maxRange?: number
-  rangePrompt?: string
-  allowSameDay?: boolean
-  defaultTime?: string | Array<string>
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  timeFilter?: Function
-  hideSecond?: boolean
-  label?: string
-  labelWidth?: string
-  useLabelSlot?: boolean
-  useDefaultSlot?: boolean
-  disabled?: boolean
-  readonly?: boolean
-  placeholder?: string
-  title?: string
-  alignRight?: boolean
-  error?: boolean
-  required?: boolean
-  size?: string
-  center?: boolean
-  closeOnClickModal?: boolean
-  zIndex?: number
-  showConfirm?: boolean
-  confirmText?: string
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  displayFormat?: Function
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  innerDisplayFormat?: Function
-  ellipsis?: boolean
-  showTypeSwitch?: boolean
-  shortcuts?: Array<Record<string, any>>
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  onShortcutsClick?: Function
-  safeAreaInsetBottom?: boolean
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  beforeConfirm?: Function
-  prop?: string
-  rules?: FormItemRule[]
-}
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  customViewClass: '',
-  customLabelClass: '',
-  customValueClass: '',
-  type: 'date',
-  minDate: new Date(new Date().getFullYear(), new Date().getMonth() - 6, new Date().getDate()).getTime(),
-  maxDate: new Date(new Date().getFullYear(), new Date().getMonth() + 6, new Date().getDate(), 23, 59, 59).getTime(),
-  firstDayOfWeek: 0,
-  allowSameDay: false,
-  hideSecond: false,
-  useLabelSlot: false,
-  useDefaultSlot: false,
-  disabled: false,
-  readonly: false,
-  alignRight: false,
-  error: false,
-  required: false,
-  center: false,
-  closeOnClickModal: true,
-  zIndex: 15,
-  showConfirm: true,
-  ellipsis: false,
-  showTypeSwitch: false,
-  shortcuts: () => [],
-  safeAreaInsetBottom: true,
-  rules: () => []
-})
+const props = defineProps(calendarProps)
 
 const pickerShow = ref<boolean>(false)
 const calendarValue = ref<null | number | number[]>(null)
@@ -373,7 +298,7 @@ const isRequired = computed(() => {
 })
 
 const range = computed(() => {
-  return (type) => {
+  return (type: CalendarType) => {
     return isRange(type)
   }
 })
@@ -415,7 +340,7 @@ function close() {
   }, 250)
   emit('cancel')
 }
-function handleTypeChange({ index }) {
+function handleTypeChange({ index }: { index: number }) {
   const tabs = ['date', 'week', 'month']
   const rangeTabs = ['daterange', 'weekrange', 'monthrange']
   const type = props.type.indexOf('range') > -1 ? rangeTabs[index] : tabs[index]
@@ -423,12 +348,12 @@ function handleTypeChange({ index }) {
   currentTab.value = index
   currentType.value = type as CalendarType
 }
-function getConfirmBtnStatus(value) {
+function getConfirmBtnStatus(value: number | number[] | null) {
   let confirmBtnDisabled = false
   // 范围选择未选择满，或者多日期选择未选择日期，按钮置灰不可点击
   if (
-    (props.type.indexOf('range') > -1 && (!value[0] || !value[1] || !value)) ||
-    (props.type === 'dates' && (value.length === 0 || !value)) ||
+    (props.type.indexOf('range') > -1 && (!isArray(value) || !value[0] || !value[1] || !value)) ||
+    (props.type === 'dates' && (!isArray(value) || value.length === 0 || !value)) ||
     !value
   ) {
     confirmBtnDisabled = true
@@ -436,7 +361,7 @@ function getConfirmBtnStatus(value) {
 
   return confirmBtnDisabled
 }
-function handleChange({ value }) {
+function handleChange({ value }: { value: number | number[] | null }) {
   calendarValue.value = deepClone(value)
   confirmBtnDisabled.value = getConfirmBtnStatus(value)
 
@@ -456,7 +381,7 @@ function handleConfirm() {
   if (props.beforeConfirm) {
     props.beforeConfirm({
       value: calendarValue.value,
-      resolve: (isPass) => {
+      resolve: (isPass: boolean) => {
         isPass && onConfirm()
       }
     })
@@ -485,7 +410,7 @@ function setShowValue() {
     showValue.value = ''
   }
 }
-function handleShortcutClick(index) {
+function handleShortcutClick(index: number) {
   if (props.onShortcutsClick && typeof props.onShortcutsClick === 'function') {
     calendarValue.value = deepClone(
       props.onShortcutsClick({
diff --git a/src/uni_modules/wot-design-uni/components/wd-card/types.ts b/src/uni_modules/wot-design-uni/components/wd-card/types.ts
new file mode 100644
index 00000000..8ee91f2e
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-card/types.ts
@@ -0,0 +1,30 @@
+import type { ExtractPropTypes, PropType } from 'vue'
+import { baseProps, makeStringProp } from '../common/props'
+
+export type CardType = 'rectangle'
+
+export const cardProps = {
+  ...baseProps,
+  /**
+   * 卡片类型
+   */
+  type: String as PropType<CardType>,
+  /**
+   * 卡片标题
+   */
+  title: String,
+  /**
+   * 标题自定义样式
+   */
+  customTitleClass: makeStringProp(''),
+  /**
+   * 内容自定义样式
+   */
+  customContentClass: makeStringProp(''),
+  /**
+   * 底部自定义样式
+   */
+  customFooterClass: makeStringProp('')
+}
+
+export type CardProps = ExtractPropTypes<typeof cardProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-card/wd-card.vue b/src/uni_modules/wot-design-uni/components/wd-card/wd-card.vue
index 16b33c11..1b94c66c 100644
--- a/src/uni_modules/wot-design-uni/components/wd-card/wd-card.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-card/wd-card.vue
@@ -27,22 +27,9 @@ export default {
 </script>
 
 <script lang="ts" setup>
-interface Props {
-  title?: string
-  type?: string
-  customClass?: string
-  customTitleClass?: string
-  customContentClass?: string
-  customFooterClass?: string
-}
+import { cardProps } from './types'
 
-const props = withDefaults(defineProps<Props>(), {
-  type: '',
-  customClass: '',
-  customTitleClass: '',
-  customContentClass: '',
-  customFooterClass: ''
-})
+defineProps(cardProps)
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/uni_modules/wot-design-uni/components/wd-cell-group/types.ts b/src/uni_modules/wot-design-uni/components/wd-cell-group/types.ts
index 8590fa2f..f24a773d 100644
--- a/src/uni_modules/wot-design-uni/components/wd-cell-group/types.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-cell-group/types.ts
@@ -1,13 +1,14 @@
 /*
  * @Author: weisheng
  * @Date: 2023-12-14 11:21:58
- * @LastEditTime: 2024-01-03 21:51:36
+ * @LastEditTime: 2024-03-18 13:57:14
  * @LastEditors: weisheng
  * @Description:
- * @FilePath: /wot-design-uni/src/uni_modules/wot-design-uni/components/wd-cell-group/types.ts
+ * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-cell-group\types.ts
  * 记得注释
  */
-import { type InjectionKey } from 'vue'
+import { type ExtractPropTypes, type InjectionKey } from 'vue'
+import { baseProps, makeBooleanProp } from '../common/props'
 
 export type CelllGroupProvide = {
   props: {
@@ -16,3 +17,25 @@ export type CelllGroupProvide = {
 }
 
 export const CELL_GROUP_KEY: InjectionKey<CelllGroupProvide> = Symbol('wd-cell-group')
+
+export const cellGroupProps = {
+  ...baseProps,
+  /**
+   * 分组标题
+   */
+  title: String,
+  /**
+   * 分组右侧内容
+   */
+  value: String,
+  /**
+   * 分组启用插槽
+   */
+  useSlot: makeBooleanProp(false),
+  /**
+   * 是否展示边框线
+   */
+  border: makeBooleanProp(false)
+}
+
+export type CellGroupProps = ExtractPropTypes<typeof cellGroupProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-cell-group/wd-cell-group.vue b/src/uni_modules/wot-design-uni/components/wd-cell-group/wd-cell-group.vue
index f0dd56be..e5441786 100644
--- a/src/uni_modules/wot-design-uni/components/wd-cell-group/wd-cell-group.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-cell-group/wd-cell-group.vue
@@ -31,20 +31,9 @@ export default {
 
 <script lang="ts" setup>
 import { useChildren } from '../composables/useChildren'
-import { CELL_GROUP_KEY } from './types'
+import { CELL_GROUP_KEY, cellGroupProps } from './types'
 
-interface Props {
-  customClass?: string
-  title?: string
-  value?: string
-  useSlot?: boolean
-  border?: boolean
-}
-const props = withDefaults(defineProps<Props>(), {
-  useSlot: false,
-  border: false,
-  customClass: ''
-})
+const props = defineProps(cellGroupProps)
 
 const { linkChildren } = useChildren(CELL_GROUP_KEY)
 
diff --git a/src/uni_modules/wot-design-uni/components/wd-cell/types.ts b/src/uni_modules/wot-design-uni/components/wd-cell/types.ts
new file mode 100644
index 00000000..be60897f
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-cell/types.ts
@@ -0,0 +1,90 @@
+import type { ExtractPropTypes } from 'vue'
+import { baseProps, makeArrayProp, makeBooleanProp, makeStringProp } from '../common/props'
+
+import { type FormItemRule } from '../wd-form/types'
+
+export const cellProps = {
+  ...baseProps,
+  /**
+   * 标题
+   */
+  title: String,
+  /**
+   * 右侧内容
+   */
+  value: String,
+  /**
+   * 图标类名
+   */
+  icon: String,
+  /**
+   * 描述信息
+   */
+  label: String,
+  /**
+   * 是否为跳转链接
+   */
+  isLink: makeBooleanProp(false),
+  /**
+   * 跳转地址
+   */
+  to: String,
+  /**
+   * 跳转时是否替换栈顶页面
+   */
+  replace: makeBooleanProp(false),
+  /**
+   * 开启点击反馈，is-link 默认开启
+   */
+  clickable: makeBooleanProp(false),
+  /**
+   * 设置单元格大小，可选值：large
+   */
+  size: String,
+  /**
+   * 是否展示边框线
+   */
+  border: Boolean,
+  /**
+   * 设置左侧标题宽度
+   */
+  titleWidth: String,
+  /**
+   * 是否垂直居中，默认顶部居中
+   */
+  center: makeBooleanProp(false),
+  /**
+   * 是否必填
+   */
+  required: makeBooleanProp(false),
+  /**
+   * 表单属性，上下结构
+   */
+  vertical: makeBooleanProp(false),
+  /**
+   * 表单域 model 字段名，在使用表单校验功能的情况下，该属性是必填的
+   */
+  prop: String,
+  /**
+   * 表单验证规则，结合wd-form组件使用
+   */
+  rules: makeArrayProp<FormItemRule>(),
+  /**
+   * icon 使用 slot 时的自定义样式
+   */
+  customIconClass: makeStringProp(''),
+  /**
+   * label 使用 slot 时的自定义样式
+   */
+  customLabelClass: makeStringProp(''),
+  /**
+   * value 使用 slot 时的自定义样式
+   */
+  customValueClass: makeStringProp(''),
+  /**
+   * title 使用 slot 时的自定义样式
+   */
+  customTitleClass: makeStringProp('')
+}
+
+export type CellProps = ExtractPropTypes<typeof cellProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-cell/wd-cell.vue b/src/uni_modules/wot-design-uni/components/wd-cell/wd-cell.vue
index bd3edf05..63d8f1a7 100644
--- a/src/uni_modules/wot-design-uni/components/wd-cell/wd-cell.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-cell/wd-cell.vue
@@ -60,46 +60,10 @@ export default {
 import { computed } from 'vue'
 import { useCell } from '../composables/useCell'
 import { useParent } from '../composables/useParent'
-import { FORM_KEY, type FormItemRule } from '../wd-form/types'
+import { FORM_KEY } from '../wd-form/types'
+import { cellProps } from './types'
 
-interface Props {
-  title?: string
-  value?: string
-  icon?: string
-  label?: string
-  isLink?: boolean
-  to?: string
-  replace?: boolean
-  clickable?: boolean
-  size?: string
-  border?: boolean
-  titleWidth?: string
-  center?: boolean
-  required?: boolean
-  vertical?: boolean
-  prop?: string
-  rules?: FormItemRule[]
-  customClass?: string
-  customIconClass?: string
-  customLabelClass?: string
-  customValueClass?: string
-  customTitleClass?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  customIconClass: '',
-  customLabelClass: '',
-  customValueClass: '',
-  customTitleClass: '',
-  isLink: false,
-  clickable: false,
-  replace: false,
-  center: false,
-  required: false,
-  vertical: false,
-  rules: () => []
-})
+const props = defineProps(cellProps)
 
 const cell = useCell()
 
@@ -124,7 +88,7 @@ const isRequired = computed(() => {
     const rules = form.props.rules
     for (const key in rules) {
       if (Object.prototype.hasOwnProperty.call(rules, key) && key === props.prop && Array.isArray(rules[key])) {
-        formRequired = rules[key].some((rule: FormItemRule) => rule.required)
+        formRequired = rules[key].some((rule) => rule.required)
       }
     }
   }
diff --git a/src/uni_modules/wot-design-uni/components/wd-checkbox-group/types.ts b/src/uni_modules/wot-design-uni/components/wd-checkbox-group/types.ts
index 2a484287..e1785dfb 100644
--- a/src/uni_modules/wot-design-uni/components/wd-checkbox-group/types.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-checkbox-group/types.ts
@@ -1,30 +1,59 @@
-/*
- * @Author: weisheng
- * @Date: 2023-12-14 11:21:58
- * @LastEditTime: 2024-01-03 22:47:50
- * @LastEditors: weisheng
- * @Description:
- * @FilePath: /wot-design-uni/src/uni_modules/wot-design-uni/components/wd-checkbox-group/types.ts
- * 记得注释
- */
-import { type InjectionKey } from 'vue'
+import { type ExtractPropTypes, type InjectionKey, type PropType } from 'vue'
+import type { CheckShape } from '../wd-checkbox/types'
+import { baseProps, makeBooleanProp, makeNumberProp, makeStringProp } from '../common/props'
 
-type checkShape = 'circle' | 'square' | 'button'
+export type RequiredModelValue = {
+  modelValue: Array<string | number | boolean>
+}
 
 export type checkboxGroupProvide = {
-  props: {
-    modelValue: Array<string | number | boolean>
-    cell?: boolean
-    shape?: checkShape
-    checkedColor?: string
-    disabled?: boolean
-    min?: number
-    max?: number
-    inline?: boolean
-    size?: string
-    name?: string
-  }
+  props: Partial<Omit<CheckboxGroupProps, 'modelValue'>> & RequiredModelValue
   changeSelectState: (value: string | number | boolean) => void
 }
 
 export const CHECKBOX_GROUP_KEY: InjectionKey<checkboxGroupProvide> = Symbol('wd-checkbox-group')
+
+export const checkboxGroupProps = {
+  ...baseProps,
+  /**
+   * 绑定值
+   */
+  modelValue: {
+    type: Array as PropType<Array<string | number | boolean>>,
+    default: () => []
+  },
+  /**
+   * 表单模式
+   */
+  cell: makeBooleanProp(false),
+  /**
+   * 单选框形状，可选值：circle / square / button
+   */
+  shape: makeStringProp<CheckShape>('circle'),
+  /**
+   * 选中的颜色
+   */
+  checkedColor: String,
+  /**
+   * 禁用
+   */
+  disabled: makeBooleanProp(false),
+  /**
+   * 最小选中的数量
+   */
+  min: makeNumberProp(0),
+  /**
+   * 最大选中的数量，0 为无限数量，默认为 0
+   */
+  max: makeNumberProp(0),
+  /**
+   * 同行展示
+   */
+  inline: makeBooleanProp(false),
+  /**
+   * 设置大小，可选值：large
+   */
+  size: String
+}
+
+export type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-checkbox-group/wd-checkbox-group.vue b/src/uni_modules/wot-design-uni/components/wd-checkbox-group/wd-checkbox-group.vue
index c48d5ebd..4eedddf2 100644
--- a/src/uni_modules/wot-design-uni/components/wd-checkbox-group/wd-checkbox-group.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-checkbox-group/wd-checkbox-group.vue
@@ -18,33 +18,9 @@ export default {
 import { watch } from 'vue'
 import { checkNumRange, deepClone } from '../common/util'
 import { useChildren } from '../composables/useChildren'
-import { CHECKBOX_GROUP_KEY } from './types'
+import { CHECKBOX_GROUP_KEY, checkboxGroupProps } from './types'
 
-type checkShape = 'circle' | 'square' | 'button'
-interface Props {
-  customClass?: string
-  modelValue: Array<string | number | boolean>
-  cell?: boolean
-  shape?: checkShape
-  checkedColor?: string
-  disabled?: boolean
-  min?: number
-  max?: number
-  inline?: boolean
-  size?: string
-  name?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  modelValue: () => [],
-  cell: false,
-  shape: 'circle',
-  disabled: false,
-  min: 0,
-  max: 0,
-  inline: false
-})
+const props = defineProps(checkboxGroupProps)
 
 const { linkChildren } = useChildren(CHECKBOX_GROUP_KEY)
 
diff --git a/src/uni_modules/wot-design-uni/components/wd-checkbox/types.ts b/src/uni_modules/wot-design-uni/components/wd-checkbox/types.ts
new file mode 100644
index 00000000..f6eb9433
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-checkbox/types.ts
@@ -0,0 +1,52 @@
+import type { ExtractPropTypes } from 'vue'
+import { baseProps, makeBooleanProp, makeStringProp } from '../common/props'
+
+export type CheckShape = 'circle' | 'square' | 'button'
+
+export const checkboxProps = {
+  ...baseProps,
+  customLabelClass: makeStringProp(''),
+  customShapeClass: makeStringProp(''),
+  /**
+   * 单选框选中时的值
+   */
+  modelValue: {
+    type: [String, Number, Boolean],
+    required: true,
+    default: false
+  },
+  /**
+   * 单选框形状，可选值：circle / square / button
+   */
+  shape: makeStringProp<CheckShape>('circle'),
+  /**
+   * 选中的颜色
+   */
+  checkedColor: String,
+  /**
+   * 禁用
+   */
+  disabled: makeBooleanProp(null),
+  /**
+   * 选中值，在 checkbox-group 中使用无效，需同 false-value 一块使用
+   */
+  trueValue: {
+    type: [String, Number, Boolean]
+  },
+  /**
+   * 非选中时的值，在 checkbox-group 中使用无效，需同 true-value 一块使用
+   */
+  falseValue: {
+    type: [String, Number, Boolean]
+  },
+  /**
+   * 设置大小，可选值：large
+   */
+  size: String,
+  /**
+   * 文字位置最大宽度
+   */
+  maxWidth: String
+}
+
+export type CheckboxProps = ExtractPropTypes<typeof checkboxProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-checkbox/wd-checkbox.vue b/src/uni_modules/wot-design-uni/components/wd-checkbox/wd-checkbox.vue
index 50453227..fdea59e6 100644
--- a/src/uni_modules/wot-design-uni/components/wd-checkbox/wd-checkbox.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-checkbox/wd-checkbox.vue
@@ -46,32 +46,9 @@ import { computed, getCurrentInstance, onBeforeMount, watch } from 'vue'
 import { useParent } from '../composables/useParent'
 import { CHECKBOX_GROUP_KEY } from '../wd-checkbox-group/types'
 import { isDef } from '../common/util'
+import { checkboxProps } from './types'
 
-type checkShape = 'circle' | 'square' | 'button'
-interface Props {
-  customLabelClass?: string
-  customShapeClass?: string
-  customClass?: string
-  modelValue: string | number | boolean
-  shape?: checkShape
-  checkedColor?: string
-  disabled?: boolean | null
-  trueValue?: string | number | boolean
-  falseValue?: string | number | boolean
-  size?: string
-  maxWidth?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customLabelClass: '',
-  customShapeClass: '',
-  customClass: '',
-  shape: 'circle',
-  trueValue: true,
-  falseValue: false,
-  disabled: null
-})
-
+const props = defineProps(checkboxProps)
 const { parent: checkboxGroup, index } = useParent(CHECKBOX_GROUP_KEY)
 
 const isChecked = computed(() => {
diff --git a/src/uni_modules/wot-design-uni/components/wd-circle/types.ts b/src/uni_modules/wot-design-uni/components/wd-circle/types.ts
new file mode 100644
index 00000000..881ef737
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-circle/types.ts
@@ -0,0 +1,54 @@
+import type { ExtractPropTypes, PropType } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp, makeStringProp } from '../common/props'
+
+// 进度条端点的形状，可选值为 "butt" | "round" | "square"
+export type StrokeLinecapType = 'butt' | 'round' | 'square'
+
+export const circleProps = {
+  ...baseProps,
+  /**
+   * 当前进度
+   */
+  modelValue: makeNumberProp(0),
+  /**
+   * 圆环直径，默认单位为 px
+   */
+  size: makeNumberProp(100),
+  /**
+   * 进度条颜色，传入对象格式可以定义渐变色
+   */
+  color: {
+    type: [String, Object] as PropType<string | Record<string, string>>,
+    default: '#4d80f0'
+  },
+  /**
+   * 轨道颜色
+   */
+  layerColor: makeStringProp('#EBEEF5'),
+  /**
+   * 填充颜色
+   */
+  fill: String,
+  /**
+   * 动画速度（单位为 rate/s）
+   */
+  speed: makeNumberProp(50),
+  /**
+   * 文字
+   */
+  text: String,
+  /**
+   * 进度条宽度 单位px
+   */
+  strokeWidth: makeNumberProp(10),
+  /**
+   * 进度条端点的形状，可选值为 "butt" | "round" | "square"
+   */
+  strokeLinecap: makeStringProp<StrokeLinecapType>('round'),
+  /**
+   * 是否顺时针增加
+   */
+  clockwise: makeBooleanProp(true)
+}
+
+export type CircleProps = ExtractPropTypes<typeof circleProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-circle/wd-circle.vue b/src/uni_modules/wot-design-uni/components/wd-circle/wd-circle.vue
index 84f17cfd..39311276 100644
--- a/src/uni_modules/wot-design-uni/components/wd-circle/wd-circle.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-circle/wd-circle.vue
@@ -32,6 +32,7 @@ export default {
 // Circle 环形进度条
 import { computed, getCurrentInstance, onBeforeMount, onMounted, onUnmounted, ref, watch } from 'vue'
 import { addUnit, isObj, objToStyle, uuid } from '../common/util'
+import { circleProps } from './types'
 
 // 大于等于0且小于等于100
 function format(rate: number) {
@@ -42,57 +43,8 @@ const PERIMETER = 2 * Math.PI
 // 开始角度
 const BEGIN_ANGLE = -Math.PI / 2
 const STEP = 1
-// 进度条端点的形状，可选值为 "butt" | "round" | "square"
-type StrokeLinecapType = 'butt' | 'round' | 'square'
-interface Props {
-  // 当前进度
-  modelValue: number
-  // 自定义class
-  customClass?: string
-  // 自定义style
-  customStyle?: string
-  // 圆环直径，默认单位为 px
-  size?: number
-  // 进度条颜色，传入对象格式可以定义渐变色
-  color?: string | Record<string, string>
-  // 轨道颜色
-  layerColor?: string
-  // 填充颜色
-  fill?: string
-  // 动画速度（单位为 rate/s）
-  speed?: number
-  // 文字
-  text?: string
-  // 进度条宽度 单位px
-  strokeWidth?: number
-  // 进度条端点的形状，可选值为 "butt" | "round" | "square"
-  strokeLinecap?: StrokeLinecapType
-  // 是否顺时针增加
-  clockwise?: boolean
-}
 
-const props = withDefaults(defineProps<Props>(), {
-  // 当前进度
-  modelValue: 0,
-  // 自定义class
-  customClass: '',
-  // 自定义style
-  customStyle: '',
-  // 圆环直径，默认单位为 px
-  size: 100,
-  // 进度条颜色，传入对象格式可以定义渐变色
-  color: '#4d80f0',
-  // 轨道颜色
-  layerColor: '#EBEEF5',
-  // 动画速度（单位为 rate/s）
-  speed: 50,
-  // 进度条宽度 默认单位px
-  strokeWidth: 10,
-  // 进度条端点的形状
-  strokeLinecap: 'round',
-  // 是否顺时针增加
-  clockwise: true
-})
+const props = defineProps(circleProps)
 
 const progressColor = ref<string | CanvasGradient>('') // 进度条颜色
 const pixel = ref<number>(1) // 设备像素比
@@ -242,7 +194,7 @@ function renderHoverCircle(context: UniApp.CanvasContext, formatValue: number) {
     const LinearColor = context.createLinearGradient(canvasSize, 0, 0, 0)
     Object.keys(props.color)
       .sort((a, b) => parseFloat(a) - parseFloat(b))
-      .map((key) => LinearColor.addColorStop(parseFloat(key) / 100, props.color[key]))
+      .map((key) => LinearColor.addColorStop(parseFloat(key) / 100, (props.color as Record<string, any>)[key]))
     progressColor.value = LinearColor
   } else {
     progressColor.value = props.color
@@ -263,7 +215,7 @@ function renderDot(context: UniApp.CanvasContext) {
     const LinearColor = context.createLinearGradient(canvasSize, 0, 0, 0)
     Object.keys(props.color)
       .sort((a, b) => parseFloat(a) - parseFloat(b))
-      .map((key) => LinearColor.addColorStop(parseFloat(key) / 100, props.color[key]))
+      .map((key) => LinearColor.addColorStop(parseFloat(key) / 100, (props.color as Record<string, any>)[key]))
     progressColor.value = LinearColor
   } else {
     progressColor.value = props.color
diff --git a/src/uni_modules/wot-design-uni/components/wd-col-picker/types.ts b/src/uni_modules/wot-design-uni/components/wd-col-picker/types.ts
new file mode 100644
index 00000000..0e80e84d
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-col-picker/types.ts
@@ -0,0 +1,150 @@
+import type { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue'
+import { baseProps, makeArrayProp, makeBooleanProp, makeNumberProp, makeRequiredProp, makeStringProp } from '../common/props'
+import type { FormItemRule } from '../wd-form/types'
+
+export const colPickerProps = {
+  ...baseProps,
+  /**
+   * 选中项
+   */
+  modelValue: makeRequiredProp(Array as PropType<Array<string | number>>),
+  /**
+   * 选择器数据，二维数组
+   */
+  columns: makeArrayProp<Record<string, any>[]>(),
+  /**
+   * 选择器左侧文案
+   */
+  label: String,
+  /**
+   * 设置左侧标题宽度
+   */
+  labelWidth: makeStringProp('33%'),
+  /**
+   * 使用 label 插槽时设置该选项
+   */
+  useLabelSlot: makeBooleanProp(false),
+  /**
+   * 使用默认插槽时设置该选项
+   */
+  useDefaultSlot: makeBooleanProp(false),
+  /**
+   * 禁用
+   */
+  disabled: makeBooleanProp(false),
+  /**
+   * 只读
+   */
+  readonly: makeBooleanProp(false),
+  /**
+   * 选择器占位符
+   */
+  placeholder: String,
+  /**
+   * 弹出层标题
+   */
+  title: String,
+  /**
+   * 接收当前列的选中项 item、当前列下标、当前列选中项下标下一列数据处理函数 resolve、结束选择 finish
+   */
+  columnChange: Function as PropType<ColPickerColumnChange>,
+  /**
+   * 自定义展示文案的格式化函数，返回一个字符串
+   */
+  displayFormat: Function as PropType<ColPickerDisplayFormat>,
+  /**
+   * 确定前校验函数，接收 (value, resolve) 参数，通过 resolve 继续执行 picker，resolve 接收 1 个 boolean 参数
+   */
+  beforeConfirm: Function as PropType<ColPickerBeforeConfirm>,
+  /**
+   * 选择器的值靠右展示
+   */
+  alignRight: makeBooleanProp(false),
+  /**
+   * 是否为错误状态，错误状态时右侧内容为红色
+   */
+  error: makeBooleanProp(false),
+  /**
+   * 是否必填
+   */
+  required: makeBooleanProp(false),
+  /**
+   * 设置选择器大小，可选值：large
+   */
+  size: String,
+  /**
+   * 选项对象中，value 对应的 key
+   */
+  valueKey: makeStringProp('value'),
+  /**
+   * 选项对象中，展示的文本对应的 key
+   */
+  labelKey: makeStringProp('label'),
+  /**
+   * 选项对象中，提示文案对应的 key
+   */
+  tipKey: makeStringProp('tip'),
+  /**
+   * loading 图标的颜色
+   */
+  loadingColor: makeStringProp('#4D80F0'),
+  /**
+   * 点击遮罩是否关闭
+   */
+  closeOnClickModal: makeBooleanProp(true),
+  /**
+   * 自动触发 column-change 事件来补全数据，当 columns 为空数组或者 columns 数组长度小于 value 数组长度时，会自动触发 column-change
+   */
+  autoComplete: makeBooleanProp(false),
+  /**
+   * 弹窗层级
+   */
+  zIndex: makeNumberProp(15),
+  /**
+   * 弹出面板是否设置底部安全距离（iphone X 类型的机型）
+   */
+  safeAreaInsetBottom: makeBooleanProp(true),
+  /**
+   * 是否超出隐藏
+   */
+  ellipsis: makeBooleanProp(false),
+  /**
+   * 表单域 model 字段名，在使用表单校验功能的情况下，该属性是必填的
+   */
+  prop: String,
+  /**
+   * 表单验证规则，结合wd-form组件使用
+   */
+  rules: makeArrayProp<FormItemRule>(),
+  /**
+   * label 外部自定义样式
+   */
+  customViewClass: makeStringProp(''),
+  /**
+   * value 外部自定义样式
+   */
+  customLabelClass: makeStringProp(''),
+  customValueClass: makeStringProp('')
+}
+
+export type ColPickerProps = ExtractPropTypes<typeof colPickerProps>
+
+export type ColPickerColumnChangeOption = {
+  selectedItem: Record<string, any>
+  index: number
+  rowIndex: number
+  resolve: (nextColumn: Record<string, any>[]) => void
+  finish: (isOk?: boolean) => void
+}
+export type ColPickerColumnChange = (option: ColPickerColumnChangeOption) => void
+export type ColPickerDisplayFormat = (selectedItems: Record<string, any>[]) => string
+export type ColPickerBeforeConfirm = (value: (string | number)[], selectedItems: Record<string, any>[], resolve: (isPass: boolean) => void) => void
+
+export type ColPickerExpose = {
+  // 关闭picker弹框
+  close: () => void
+  // 打开picker弹框
+  open: () => void
+}
+
+export type ColPickerInstance = ComponentPublicInstance<ColPickerExpose, ColPickerProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-col-picker/wd-col-picker.vue b/src/uni_modules/wot-design-uni/components/wd-col-picker/wd-col-picker.vue
index aa3b04f7..a1fbd429 100644
--- a/src/uni_modules/wot-design-uni/components/wd-col-picker/wd-col-picker.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-col-picker/wd-col-picker.vue
@@ -96,91 +96,28 @@ export default {
 
 <script lang="ts" setup>
 import { computed, getCurrentInstance, onMounted, ref, watch } from 'vue'
-import { debounce, getRect, getType } from '../common/util'
+import { debounce, getRect, getType, isArray, isBoolean } from '../common/util'
 import { useCell } from '../composables/useCell'
 import { FORM_KEY, type FormItemRule } from '../wd-form/types'
 import { useParent } from '../composables/useParent'
 import { useTranslate } from '../composables/useTranslate'
+import { colPickerProps, type ColPickerExpose } from './types'
 
 const { translate } = useTranslate('col-picker')
 
 const $container = '.wd-col-picker__selected-container'
 const $item = '.wd-col-picker__selected-item'
 
-interface Props {
-  customClass?: string
-  customViewClass?: string
-  customLabelClass?: string
-  customValueClass?: string
-  modelValue: Array<string | number>
-  columns: Array<Array<Record<string, any>>>
-  label?: string
-  labelWidth?: string
-  useLabelSlot?: boolean
-  useDefaultSlot?: boolean
-  disabled?: boolean
-  readonly?: boolean
-  placeholder?: string
-  title?: string
-  // 接收当前列的选中项 item、当前列下标、当前列选中项下标下一列数据处理函数 resolve、结束选择 finish
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  columnChange?: Function
-  // 外部展示格式化函数
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  displayFormat?: Function
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  beforeConfirm?: Function
-  alignRight?: boolean
-  error?: boolean
-  required?: boolean
-  size?: string
-  valueKey?: string
-  labelKey?: string
-  tipKey?: string
-  loadingColor?: string
-  closeOnClickModal?: boolean
-  autoComplete?: boolean
-  zIndex?: number
-  safeAreaInsetBottom?: boolean
-  ellipsis?: boolean
-  prop?: string
-  rules?: FormItemRule[]
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  customViewClass: '',
-  customLabelClass: '',
-  customValueClass: '',
-  columns: () => [],
-  useLabelSlot: false,
-  useDefaultSlot: false,
-  disabled: false,
-  readonly: false,
-  alignRight: false,
-  error: false,
-  required: false,
-  valueKey: 'value',
-  labelKey: 'label',
-  tipKey: 'tip',
-  loadingColor: '#4D80F0',
-  closeOnClickModal: true,
-  autoComplete: false,
-  zIndex: 15,
-  safeAreaInsetBottom: true,
-  ellipsis: false,
-  labelWidth: '33%',
-  rules: () => []
-})
+const props = defineProps(colPickerProps)
 
 const pickerShow = ref<boolean>(false)
 const currentCol = ref<number>(0)
-const selectList = ref<Record<string, any>[]>([])
+const selectList = ref<Record<string, any>[][]>([])
 const pickerColSelected = ref<(string | number)[]>([])
 const selectShowList = ref<Record<string, any>[]>([])
 const loading = ref<boolean>(false)
 const isChange = ref<boolean>(false)
-const lastSelectList = ref<Record<string, any>[]>([])
+const lastSelectList = ref<Record<string, any>[][]>([])
 const lastPickerColSelected = ref<(string | number)[]>([])
 const lineStyle = ref<string>('')
 const scrollLeft = ref<number>(0)
@@ -325,11 +262,11 @@ onMounted(() => {
   inited.value = true
 })
 
-// 对外暴露方法，打开弹框
+// 打开弹框
 function open() {
   showPicker()
 }
-// 对外暴露方法，关闭弹框
+// 关闭弹框
 function close() {
   handlePickerClose()
 }
@@ -345,7 +282,7 @@ function handlePickerClose() {
       selectList.value = lastSelectList.value.slice(0)
       pickerColSelected.value = lastPickerColSelected.value.slice(0)
       selectShowList.value = lastPickerColSelected.value.map((item, colIndex) => {
-        return getSelectedItem(item, colIndex, lastSelectList)[props.labelKey]
+        return getSelectedItem(item, colIndex, lastSelectList.value)[props.labelKey]
       })
       currentCol.value = lastSelectList.value.length - 1
       isChange.value = false
@@ -362,7 +299,7 @@ function showPicker() {
   lastSelectList.value = selectList.value.slice(0)
 }
 
-function getSelectedItem(value, colIndex, selectList) {
+function getSelectedItem(value: string | number, colIndex: number, selectList: Record<string, any>[][]) {
   const { valueKey, labelKey } = props
   if (selectList[colIndex]) {
     const selecteds = selectList[colIndex].filter((item) => {
@@ -380,7 +317,7 @@ function getSelectedItem(value, colIndex, selectList) {
   }
 }
 
-function chooseItem(colIndex, index) {
+function chooseItem(colIndex: number, index: number) {
   const item = selectList.value[colIndex][index]
   if (item.disabled) return
 
@@ -394,7 +331,7 @@ function chooseItem(colIndex, index) {
   })
   handleColChange(colIndex, item, index)
 }
-function handleColChange(colIndex, item, index, callback?) {
+function handleColChange(colIndex: number, item: Record<string, any>, index: number, callback?: () => void) {
   loading.value = true
   const { columnChange, beforeConfirm } = props
   columnChange &&
@@ -402,7 +339,7 @@ function handleColChange(colIndex, item, index, callback?) {
       selectedItem: item,
       index: colIndex,
       rowIndex: index,
-      resolve: (nextColumn) => {
+      resolve: (nextColumn: Record<string, any>[]) => {
         if (!(nextColumn instanceof Array)) {
           console.error('[wot design] error(wd-col-picker): the data of each column of wd-col-picker should be an array')
           return
@@ -424,14 +361,14 @@ function handleColChange(colIndex, item, index, callback?) {
           callback()
         }
       },
-      finish: (isOk) => {
+      finish: (isOk?: boolean) => {
         // 每设置展示数据回显
         if (typeof callback === 'function') {
           loading.value = false
           isCompleting.value = false
           return
         }
-        if (getType(isOk) === 'boolean' && !isOk) {
+        if (isBoolean(isOk) && !isOk) {
           loading.value = false
           return
         }
@@ -442,7 +379,7 @@ function handleColChange(colIndex, item, index, callback?) {
             pickerColSelected.value.map((item, colIndex) => {
               return getSelectedItem(item, colIndex, selectList.value)
             }),
-            (isPass) => {
+            (isPass: boolean) => {
               if (isPass) {
                 onConfirm()
               } else {
@@ -480,12 +417,12 @@ function handleColClick(index: number) {
  */
 function setLineStyle(animation = true) {
   if (!inited.value) return
-  getRect($item, true, proxy).then((rects: any) => {
+  getRect($item, true, proxy).then((rects) => {
     const rect = rects[currentCol.value]
     // const width = lineWidth || (slidableNum < items.length ? rect.width : (rect.width - 14))
     const width = 16
-    let left = rects.slice(0, currentCol.value).reduce((prev, curr) => prev + curr.width, 0)
-    left += (rect.width - width) / 2
+    let left = rects.slice(0, currentCol.value).reduce((prev: any, curr: any) => prev + curr.width, 0)
+    left += (Number(rect.width) - width) / 2
     const transition = animation ? 'transition: width 300ms ease, transform 300ms ease;' : ''
 
     const lineStyleTemp = `
@@ -504,18 +441,18 @@ function setLineStyle(animation = true) {
 function lineScrollIntoView() {
   if (!inited.value) return
   Promise.all([getRect($item, true, proxy), getRect($container, false, proxy)]).then(([navItemsRects, navRect]) => {
-    if ((navItemsRects as any).length === 0) return
+    if (!isArray(navItemsRects) || navItemsRects.length === 0) return
     // 选中元素
     const selectItem = navItemsRects[currentCol.value]
     // 选中元素之前的节点的宽度总和
-    const offsetLeft = (navItemsRects as any).slice(0, currentCol).reduce((prev, curr) => prev + curr.width, 0)
+    const offsetLeft = navItemsRects.slice(0, currentCol.value).reduce((prev, curr) => prev + Number(curr.width), 0)
     // scroll-view滑动到selectItem的偏移量
-    scrollLeft.value = offsetLeft - ((navRect as any).width - selectItem.width) / 2
+    scrollLeft.value = offsetLeft - ((navRect as any).width - Number(selectItem.width)) / 2
   })
 }
 
 // 递归列数据补齐
-function diffColumns(colIndex) {
+function diffColumns(colIndex: number) {
   // colIndex 为 -1 时，item 为空对象，>=0 时则具有 value 属性
   const item = colIndex === -1 ? {} : { [props.valueKey]: props.modelValue[colIndex] }
   handleColChange(colIndex, item, -1, () => {
@@ -540,7 +477,7 @@ function handleAutoComplete() {
   }
 }
 
-defineExpose({
+defineExpose<ColPickerExpose>({
   close,
   open
 })
diff --git a/src/uni_modules/wot-design-uni/components/wd-col/types.ts b/src/uni_modules/wot-design-uni/components/wd-col/types.ts
new file mode 100644
index 00000000..78c6a8ac
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-col/types.ts
@@ -0,0 +1,15 @@
+import type { ExtractPropTypes } from 'vue'
+import { baseProps, makeNumberProp } from '../common/props'
+
+export const colProps = {
+  ...baseProps,
+  /**
+   * 列元素宽度
+   */
+  span: makeNumberProp(24),
+  /**
+   * 列元素偏移距离
+   */
+  offset: makeNumberProp(0)
+}
+export type ColProps = ExtractPropTypes<typeof colProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-col/wd-col.vue b/src/uni_modules/wot-design-uni/components/wd-col/wd-col.vue
index c553694b..c1eec231 100644
--- a/src/uni_modules/wot-design-uni/components/wd-col/wd-col.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-col/wd-col.vue
@@ -1,7 +1,7 @@
 <!--
  * @Author: weisheng
  * @Date: 2023-06-13 11:34:35
- * @LastEditTime: 2024-01-26 11:53:06
+ * @LastEditTime: 2024-03-15 16:49:17
  * @LastEditors: weisheng
  * @Description: 
  * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-col\wd-col.vue
@@ -29,17 +29,9 @@ import { computed, watch } from 'vue'
 import { ref } from 'vue'
 import { useParent } from '../composables/useParent'
 import { ROW_KEY } from '../wd-row/types'
-interface Props {
-  span?: number
-  offset?: number
-  customClass?: string
-}
+import { colProps } from './types'
 
-const props = withDefaults(defineProps<Props>(), {
-  span: 24,
-  offset: 0,
-  customClass: ''
-})
+const props = defineProps(colProps)
 
 const style = ref<string>('')
 
diff --git a/src/uni_modules/wot-design-uni/components/wd-collapse-item/types.ts b/src/uni_modules/wot-design-uni/components/wd-collapse-item/types.ts
new file mode 100644
index 00000000..f8c21b68
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-collapse-item/types.ts
@@ -0,0 +1,36 @@
+import type { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue'
+import { baseProps, makeBooleanProp, makeRequiredProp } from '../common/props'
+
+export type CollapseItemBeforeExpand = (name: string) => void
+
+export const collapseItemProps = {
+  ...baseProps,
+  /**
+   * 折叠栏的标题
+   */
+  title: String,
+  /**
+   * 禁用折叠栏
+   */
+  disabled: makeBooleanProp(false),
+  /**
+   * 折叠栏的标识符
+   */
+  name: makeRequiredProp(String),
+  /**
+   * 打开前的回调函数，返回 false 可以阻止打开，支持返回 Promise
+   */
+  beforeExpend: Function as PropType<CollapseItemBeforeExpand>
+}
+
+export type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>
+
+export type CollapseItemExpose = {
+  /**
+   * 获取展开状态
+   * @returns boolean
+   */
+  getExpanded: () => boolean
+}
+
+export type CollapseItemInstance = ComponentPublicInstance<CollapseItemProps, CollapseItemExpose>
diff --git a/src/uni_modules/wot-design-uni/components/wd-collapse-item/wd-collapse-item.vue b/src/uni_modules/wot-design-uni/components/wd-collapse-item/wd-collapse-item.vue
index 2649465b..09d87375 100644
--- a/src/uni_modules/wot-design-uni/components/wd-collapse-item/wd-collapse-item.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-collapse-item/wd-collapse-item.vue
@@ -27,28 +27,15 @@ import { computed, getCurrentInstance, onMounted, ref, watch } from 'vue'
 import { getRect, isArray, isDef, isPromise, objToStyle } from '../common/util'
 import { useParent } from '../composables/useParent'
 import { COLLAPSE_KEY } from '../wd-collapse/types'
+import { collapseItemProps, type CollapseItemExpose } from './types'
 
 const $body = '.wd-collapse-item__body'
 
-interface Props {
-  customClass?: string
-  title?: string
-  disabled?: boolean
-  name: string
-  // 打开前的回调函数，返回 false 可以阻止打开，支持返回 Promise
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  beforeExpend?: Function
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  disabled: false
-})
+const props = defineProps(collapseItemProps)
 
 const { parent: collapse, index } = useParent(COLLAPSE_KEY)
 
 const height = ref<string | number>('')
-const show = ref<boolean>(true)
 
 const expanded = ref<boolean>(false)
 
@@ -122,10 +109,10 @@ function init() {
  * @param {Boolean} firstRender 是否首次渲染
  */
 function doResetHeight(select: string) {
-  getRect(select, false, proxy).then((rect: any) => {
+  getRect(select, false, proxy).then((rect) => {
     if (!rect) return
     const { height: rectHeight } = rect
-    height.value = rectHeight
+    height.value = Number(rectHeight)
   })
 }
 
@@ -155,7 +142,11 @@ function handleClick() {
   }
 }
 
-defineExpose({ expanded })
+function getExpanded() {
+  return expanded.value
+}
+
+defineExpose<CollapseItemExpose>({ getExpanded })
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/uni_modules/wot-design-uni/components/wd-collapse/types.ts b/src/uni_modules/wot-design-uni/components/wd-collapse/types.ts
index 56b0bdd5..0aab68af 100644
--- a/src/uni_modules/wot-design-uni/components/wd-collapse/types.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-collapse/types.ts
@@ -1,4 +1,5 @@
-import { type ComponentPublicInstance, type InjectionKey } from 'vue'
+import { type ComponentPublicInstance, type ExtractPropTypes, type InjectionKey, type PropType } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp, makeStringProp } from '../common/props'
 
 export type CollapseToggleAllOptions =
   | boolean
@@ -7,19 +8,51 @@ export type CollapseToggleAllOptions =
       skipDisabled?: boolean
     }
 
-export type CollapseInstance = ComponentPublicInstance<{
-  toggleAll: (options?: boolean | CollapseToggleAllOptions) => void
-}>
-
 export type CollapseProvide = {
-  props: {
-    modelValue: string | Array<string> | boolean
-    accordion?: boolean
-    viewmore?: boolean
-    useMoreSlot?: boolean
-    lineNum?: number
-  }
+  props: Partial<CollapseProps>
   toggle: (name: string, expanded: boolean) => void
 }
 
 export const COLLAPSE_KEY: InjectionKey<CollapseProvide> = Symbol('wd-collapse')
+
+export const collapseProps = {
+  ...baseProps,
+  /**
+   * 查看更多模式下的插槽外部自定义样式
+   */
+  customMoreSlotClass: makeStringProp(''),
+  /**
+   * 绑定值
+   */
+  modelValue: {
+    type: [String, Array, Boolean] as PropType<string | Array<string> | boolean>
+  },
+  /**
+   * 手风琴模式
+   */
+  accordion: makeBooleanProp(false),
+  /**
+   * 查看更多的折叠面板
+   */
+  viewmore: makeBooleanProp(false),
+  /**
+   * 查看更多的自定义插槽使用标志
+   */
+  useMoreSlot: makeBooleanProp(false),
+  /**
+   * 查看更多的折叠面板，收起时的显示行数
+   */
+  lineNum: makeNumberProp(2)
+}
+
+export type CollapseProps = ExtractPropTypes<typeof collapseProps>
+
+export type CollapseExpose = {
+  /**
+   * 切换所有面板展开状态，传 true 为全部展开，false 为全部收起，不传参为全部切换
+   * @param options 面板状态
+   */
+  toggleAll: (options?: boolean | CollapseToggleAllOptions) => void
+}
+
+export type CollapseInstance = ComponentPublicInstance<CollapseProps, CollapseExpose>
diff --git a/src/uni_modules/wot-design-uni/components/wd-collapse/wd-collapse.vue b/src/uni_modules/wot-design-uni/components/wd-collapse/wd-collapse.vue
index 7769739b..e13c7812 100644
--- a/src/uni_modules/wot-design-uni/components/wd-collapse/wd-collapse.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-collapse/wd-collapse.vue
@@ -42,29 +42,12 @@ export default {
 
 <script lang="ts" setup>
 import { onBeforeMount, ref, watch } from 'vue'
-import { COLLAPSE_KEY, type CollapseToggleAllOptions } from './types'
+import { COLLAPSE_KEY, collapseProps, type CollapseExpose, type CollapseToggleAllOptions } from './types'
 import { useChildren } from '../composables/useChildren'
 import { isArray, isDef } from '../common/util'
 import { useTranslate } from '../composables/useTranslate'
 
-interface Props {
-  customClass?: string
-  customMoreSlotClass?: string
-  modelValue: string | Array<string> | boolean
-  accordion?: boolean
-  viewmore?: boolean
-  useMoreSlot?: boolean
-  lineNum?: number
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  customMoreSlotClass: '',
-  accordion: false,
-  viewmore: false,
-  useMoreSlot: false,
-  lineNum: 2
-})
+const props = defineProps(collapseProps)
 
 const { translate } = useTranslate('collapse')
 const contentLineNum = ref<number>(0) // 查看更多的折叠面板，收起时的显示行数
@@ -122,6 +105,10 @@ function toggle(name: string, expanded: boolean) {
   }
 }
 
+/**
+ * 切换所有面板展开状态，传 true 为全部展开，false 为全部收起，不传参为全部切换
+ * @param options 面板状态
+ */
 const toggleAll = (options: boolean | CollapseToggleAllOptions = {}) => {
   if (props.accordion) {
     return
@@ -133,13 +120,13 @@ const toggleAll = (options: boolean | CollapseToggleAllOptions = {}) => {
   const { expanded, skipDisabled } = options
   const names: string[] = []
 
-  children.forEach((item: any, index: number) => {
+  children.forEach((item, index: number) => {
     if (item.disabled && skipDisabled) {
-      if (item.$.exposed.expanded.value) {
+      if (item.$.exposed!.getExpanded()) {
         names.push(item.name || index)
       }
     } else {
-      if (isDef(expanded) ? expanded : !item.$.exposed.expanded.value) {
+      if (isDef(expanded) ? expanded : !item.$.exposed!.getExpanded()) {
         names.push(item.name || index)
       }
     }
@@ -157,7 +144,7 @@ function handleMore() {
   })
 }
 
-defineExpose({
+defineExpose<CollapseExpose>({
   toggleAll
 })
 </script>
@@ -165,3 +152,4 @@ defineExpose({
 <style lang="scss" scoped>
 @import './index.scss';
 </style>
+./type
diff --git a/src/uni_modules/wot-design-uni/components/wd-config-provider/types.ts b/src/uni_modules/wot-design-uni/components/wd-config-provider/types.ts
index 89c4230a..8e454d9c 100644
--- a/src/uni_modules/wot-design-uni/components/wd-config-provider/types.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-config-provider/types.ts
@@ -1,3 +1,24 @@
+import type { ExtractPropTypes, PropType } from 'vue'
+import { makeStringProp } from '../common/props'
+
+export type ConfigProviderTheme = 'light' | 'dark'
+
+export const configProviderProps = {
+  /**
+   * 主题风格，设置为 dark 来开启深色模式，全局生效
+   */
+  theme: makeStringProp<ConfigProviderTheme>('light'),
+  /**
+   * 自定义主题变量
+   */
+  themeVars: {
+    type: Object as PropType<ConfigProviderThemeVars>,
+    default: () => ({})
+  }
+}
+
+export type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>
+
 export type baseThemeVars = {
   colorTheme?: string // 主题色
   colorWhite?: string // 用于mix的白色
diff --git a/src/uni_modules/wot-design-uni/components/wd-config-provider/wd-config-provider.vue b/src/uni_modules/wot-design-uni/components/wd-config-provider/wd-config-provider.vue
index fd19ce0e..ae256b20 100644
--- a/src/uni_modules/wot-design-uni/components/wd-config-provider/wd-config-provider.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-config-provider/wd-config-provider.vue
@@ -1,7 +1,7 @@
 <!--
  * @Author: weisheng
  * @Date: 2023-06-13 11:34:35
- * @LastEditTime: 2023-08-16 10:51:08
+ * @LastEditTime: 2024-03-15 17:00:16
  * @LastEditors: weisheng
  * @Description: 
  * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-config-provider\wd-config-provider.vue
@@ -26,18 +26,9 @@ export default {
 
 <script lang="ts" setup>
 import { computed } from 'vue'
-type ConfigProviderTheme = 'light' | 'dark'
-interface Props {
-  theme?: ConfigProviderTheme
-  themeVars?: Record<string, any>
-}
+import { configProviderProps } from './types'
 
-const props = withDefaults(defineProps<Props>(), {
-  theme: 'light',
-  themeVars: () => {
-    return {}
-  }
-})
+const props = defineProps(configProviderProps)
 
 const themeClass = computed(() => {
   return `wot-theme-${props.theme}`
diff --git a/src/uni_modules/wot-design-uni/components/wd-count-down/types.ts b/src/uni_modules/wot-design-uni/components/wd-count-down/types.ts
new file mode 100644
index 00000000..7f1bdd77
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-count-down/types.ts
@@ -0,0 +1,41 @@
+import type { ComponentPublicInstance, ExtractPropTypes } from 'vue'
+import { baseProps, makeBooleanProp, makeRequiredProp, makeStringProp } from '../common/props'
+
+export const countDownProps = {
+  ...baseProps,
+  /**
+   * 倒计时时长，单位毫秒
+   */
+  time: makeRequiredProp(Number),
+  /**
+   * 是否开启毫秒
+   */
+  millisecond: makeBooleanProp(false),
+  /**
+   * 格式化时间
+   */
+  format: makeStringProp('HH:mm:ss'),
+  /**
+   * 是否自动开始
+   */
+  autoStart: makeBooleanProp(true)
+}
+
+export type CountDownProps = ExtractPropTypes<typeof countDownProps>
+
+export type CountDownExpose = {
+  /**
+   * 开始倒计时
+   */
+  start: () => void
+  /**
+   * 暂停倒计时
+   */
+  pause: () => void
+  /**
+   * 重设倒计时，若 auto-start 为 true，重设后会自动开始倒计时
+   */
+  reset: () => void
+}
+
+export type CountDownInstance = ComponentPublicInstance<CountDownProps, CountDownExpose>
diff --git a/src/uni_modules/wot-design-uni/components/wd-count-down/wd-count-down.vue b/src/uni_modules/wot-design-uni/components/wd-count-down/wd-count-down.vue
index 9bfa290a..54872c89 100644
--- a/src/uni_modules/wot-design-uni/components/wd-count-down/wd-count-down.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-count-down/wd-count-down.vue
@@ -20,28 +20,9 @@ export default {
 import { watch, computed } from 'vue'
 import { parseFormat } from './utils'
 import { useCountDown } from '../composables/useCountDown'
+import { countDownProps, type CountDownExpose } from './types'
 
-interface Props {
-  // 倒计时时长，单位毫秒
-  time: number
-  // 是否开启毫秒
-  millisecond?: boolean
-  // 格式化时间
-  format?: string
-  // 是否自动开始
-  autoStart?: boolean
-  // 自定义样式类
-  customClass?: string
-  // 自定义样式
-  customStyle?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  format: 'HH:mm:ss',
-  autoStart: true,
-  millisecond: false,
-  customClass: ''
-})
+const props = defineProps(countDownProps)
 
 const emit = defineEmits(['change', 'finish'])
 
@@ -64,7 +45,7 @@ const resetTime = () => {
 
 watch(() => props.time, resetTime, { immediate: true })
 
-defineExpose({
+defineExpose<CountDownExpose>({
   start,
   pause,
   reset: resetTime
diff --git a/src/uni_modules/wot-design-uni/components/wd-curtain/types.ts b/src/uni_modules/wot-design-uni/components/wd-curtain/types.ts
new file mode 100644
index 00000000..2f7931fc
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-curtain/types.ts
@@ -0,0 +1,38 @@
+import type { ExtractPropTypes } from 'vue'
+import { baseProps, makeBooleanProp, makeStringProp } from '../common/props'
+
+export type ClosePosition = 'inset' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
+
+export const curtainProps = {
+  ...baseProps,
+  /**
+   * 绑定值，展示/关闭幕帘
+   */
+  value: makeBooleanProp(false),
+  /**
+   * 关闭按钮位置，可选值：inset / top / bottom / top-left / top-right / bottom-left / bottom-right
+   */
+  closePosition: makeStringProp<ClosePosition>('inset'),
+  /**
+   * 幕帘图片地址，必须使用网络地址
+   */
+  src: String,
+  /**
+   * 幕帘图片点击链接
+   */
+  to: String,
+  /**
+   * 幕帘图片宽度
+   */
+  width: Number,
+  /**
+   * 点击遮罩是否关闭
+   */
+  closeOnClickModal: makeBooleanProp(false),
+  /**
+   * 是否当关闭时将弹出层隐藏（display: none)
+   */
+  hideWhenClose: makeBooleanProp(true)
+}
+
+export type CurtainProps = ExtractPropTypes<typeof curtainProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-curtain/wd-curtain.vue b/src/uni_modules/wot-design-uni/components/wd-curtain/wd-curtain.vue
index b0c4909d..53c72d99 100644
--- a/src/uni_modules/wot-design-uni/components/wd-curtain/wd-curtain.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-curtain/wd-curtain.vue
@@ -37,25 +37,9 @@ export default {
 
 <script lang="ts" setup>
 import { ref, watch } from 'vue'
-type ClosePosition = 'inset' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
-interface Props {
-  customClass?: string
-  value: boolean
-  closePosition?: ClosePosition
-  src?: string
-  to?: string
-  width?: number
-  closeOnClickModal?: boolean
-  hideWhenClose?: boolean
-}
+import { curtainProps } from './types'
 
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  value: false,
-  closePosition: 'inset',
-  closeOnClickModal: false,
-  hideWhenClose: true
-})
+const props = defineProps(curtainProps)
 
 const show = ref<boolean>(false)
 const imgSucc = ref<boolean>(true)
@@ -150,7 +134,7 @@ function clickModal() {
   emit('click-modal')
 }
 
-function imgLoad(event) {
+function imgLoad(event: any) {
   const { height, width } = event.detail
   imgScale.value = width / height
   imgSucc.value = true
diff --git a/src/uni_modules/wot-design-uni/components/wd-datetime-picker-view/type.ts b/src/uni_modules/wot-design-uni/components/wd-datetime-picker-view/type.ts
deleted file mode 100644
index 2025efd1..00000000
--- a/src/uni_modules/wot-design-uni/components/wd-datetime-picker-view/type.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-export type DateTimeType = 'date' | 'year-month' | 'time' | 'datetime'
-
-/**
- * @description 根据传入的值和类型，获取当前的选项数组，便于传入 pickerView
- * @param value
- * @param type picker类型
- * @return {Array} pickerValue
- */
-export function getPickerValue(value, type) {
-  const values: number[] = []
-  const date = new Date(value)
-  if (type === 'time') {
-    const pair = value.split(':')
-    values.push(parseInt(pair[0]), parseInt(pair[1]))
-  } else {
-    values.push(date.getFullYear(), date.getMonth() + 1)
-    if (type === 'date') {
-      values.push(date.getDate())
-    } else if (type === 'datetime') {
-      values.push(date.getDate(), date.getHours(), date.getMinutes())
-    }
-  }
-  return values
-}
diff --git a/src/uni_modules/wot-design-uni/components/wd-datetime-picker-view/types.ts b/src/uni_modules/wot-design-uni/components/wd-datetime-picker-view/types.ts
new file mode 100644
index 00000000..123dd9a8
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-datetime-picker-view/types.ts
@@ -0,0 +1,119 @@
+import type { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp, makeRequiredProp, makeStringProp } from '../common/props'
+
+export type DateTimeType = 'date' | 'year-month' | 'time' | 'datetime'
+
+/**
+ * @description 根据传入的值和类型，获取当前的选项数组，便于传入 pickerView
+ * @param value
+ * @param type picker类型
+ * @return {Array} pickerValue
+ */
+export function getPickerValue(value: string | number, type: DateTimeType) {
+  const values: number[] = []
+  const date = new Date(value)
+  if (type === 'time') {
+    const pair = String(value).split(':')
+    values.push(parseInt(pair[0]), parseInt(pair[1]))
+  } else {
+    values.push(date.getFullYear(), date.getMonth() + 1)
+    if (type === 'date') {
+      values.push(date.getDate())
+    } else if (type === 'datetime') {
+      values.push(date.getDate(), date.getHours(), date.getMinutes())
+    }
+  }
+  return values
+}
+
+export const datetimePickerViewProps = {
+  ...baseProps,
+  /**
+   * 选中项，当 type 为 time 时，类型为字符串，否则为 时间戳
+   */
+  modelValue: makeRequiredProp([String, Number, Date]),
+  /**
+   * 加载中
+   */
+  loading: makeBooleanProp(false),
+  /**
+   * 加载的颜色，只能使用十六进制的色值写法，且不能使用缩写
+   */
+  loadingColor: makeStringProp('#4D80F0'),
+  /**
+   * picker内部滚筒高
+   */
+  columnsHeight: makeNumberProp(217),
+  valueKey: makeStringProp('value'),
+  labelKey: makeStringProp('label'),
+  /**
+   * 选择器类型，可选值：date / year-month / time
+   */
+  type: makeStringProp<DateTimeType>('datetime'),
+  /**
+   * 自定义过滤选项的函数，返回列的选项数组
+   */
+  filter: Function as PropType<DatetimePickerViewFilter>,
+  /**
+   * 自定义弹出层选项文案的格式化函数，返回一个字符串
+   */
+  formatter: Function as PropType<DatetimePickerViewFormatter>,
+  /**
+   * 自定义列的格式化函数
+   */
+  columnFormatter: Function as PropType<DatetimePickerViewColumnFormatter>,
+  /**
+   * 最小日期
+   */
+  minDate: makeNumberProp(new Date(new Date().getFullYear() - 10, 0, 1).getTime()),
+  /**
+   * 最大日期
+   */
+  maxDate: makeNumberProp(new Date(new Date().getFullYear() + 10, 11, 31).getTime()),
+  /**
+   * 最小小时，time类型时生效
+   */
+  minHour: makeNumberProp(0),
+  /**
+   * 最大小时，time类型时生效
+   */
+  maxHour: makeNumberProp(23),
+  /**
+   * 最小分钟，time类型时生效
+   */
+  minMinute: makeNumberProp(0),
+  /**
+   * 最大分钟，time类型时生效
+   */
+  maxMinute: makeNumberProp(59),
+  startSymbol: makeBooleanProp(false)
+}
+
+export type DatetimePickerViewColumnType = 'year' | 'month' | 'date' | 'hour' | 'minute'
+
+export type DatetimePickerViewOption = {
+  label: string
+  value: number
+}
+
+export type DatetimePickerViewFilter = (type: DatetimePickerViewColumnType, values: number[]) => number[]
+
+export type DatetimePickerViewFormatter = (type: string, value: string) => string
+
+export type DatetimePickerViewColumnFormatter = (picker: DatetimePickerViewInstance) => DatetimePickerViewOption[][]
+
+export type DatetimePickerViewProps = ExtractPropTypes<typeof datetimePickerViewProps>
+
+export type DatetimePickerViewExpose = {
+  updateColumns: () => DatetimePickerViewOption[][]
+  setColumns: (columnList: DatetimePickerViewOption[][]) => void
+  getSelects: () => Record<string, any> | Record<string, any>[] | undefined
+  correctValue: (value: string | number) => string | number
+  getPickerValue: (value: string | number, type: DateTimeType) => number[]
+  getOriginColumns: () => {
+    type: DatetimePickerViewColumnType
+    values: number[]
+  }[]
+}
+
+export type DatetimePickerViewInstance = ComponentPublicInstance<DatetimePickerViewProps, DatetimePickerViewExpose>
diff --git a/src/uni_modules/wot-design-uni/components/wd-datetime-picker-view/wd-datetime-picker-view.vue b/src/uni_modules/wot-design-uni/components/wd-datetime-picker-view/wd-datetime-picker-view.vue
index 7d064bb9..dacfab0d 100644
--- a/src/uni_modules/wot-design-uni/components/wd-datetime-picker-view/wd-datetime-picker-view.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-datetime-picker-view/wd-datetime-picker-view.vue
@@ -27,21 +27,28 @@ export default {
 <script lang="ts" setup>
 import { getCurrentInstance, onBeforeMount, ref, watch } from 'vue'
 import { debounce, getType, isDef, padZero, range } from '../common/util'
-import { type DateTimeType, getPickerValue } from './type'
+import {
+  getPickerValue,
+  datetimePickerViewProps,
+  type DatetimePickerViewColumnType,
+  type DatetimePickerViewOption,
+  type DatetimePickerViewExpose
+} from './types'
+import type { PickerViewInstance } from '../wd-picker-view/types'
 
 // 本地时间戳
 /** @description 判断时间戳是否合法 */
-const isValidDate = (date) => isDef(date) && !Number.isNaN(date)
+const isValidDate = (date: string | number | Date) => isDef(date) && !Number.isNaN(date)
 /**
  * @description 生成n个元素，并使用iterator接口进行填充
  * @param n
  * @param iteratee
  * @return {any[]}
  */
-const times = (n, iteratee) => {
-  let index = -1
+const times = (n: number, iteratee: (index: number) => number) => {
+  let index: number = -1
   const length = n < 0 ? 0 : n
-  const result = Array(length)
+  const result: number[] = Array(length)
   while (++index < n) {
     result[index] = iteratee(index)
   }
@@ -53,81 +60,19 @@ const times = (n, iteratee) => {
  * @param {Number} month
  * @return {Number} day
  */
-const getMonthEndDay = (year, month) => {
+const getMonthEndDay = (year: number, month: number) => {
   return 32 - new Date(year, month - 1, 32).getDate()
 }
 
-interface Props {
-  customClass?: string
-  // 选中项，当 type 为 time 时，类型为字符串，否则为 Date
-  modelValue: string | number | Date
-  // PickerView的Props 开始
-  // 加载中
-  loading?: boolean
-  loadingColor?: string
-  // 选项总高度
-  columnsHeight?: number
-  // 选项对象中，value对应的 key
-  valueKey?: string
-  // 选项对象中，展示的文本对应的 key
-  labelKey?: string
-  // PickerView的Props 结束
-  // 时间选择器的类型
-  type?: DateTimeType
-  // 自定义过滤选项的函数，返回列的选项数组
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  filter?: Function
-  // 自定义弹出层选项文案的格式化函数，返回一个字符串
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  formatter?: Function
-  // 自定义列筛选条件
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  columnFormatter?: Function
-  // 最小日期 20(x-10)年1月1日
-  minDate?: number
-  // 最大日期 20(x+10)年1月1日
-  maxDate?: number
-  // 最小小时
-  minHour?: number
-  // 最大小时
-  maxHour?: number
-  // 最小分钟
-  minMinute?: number
-  // 最大分钟
-  maxMinute?: number
-  startSymbol?: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  // PickerView的Props 开始
-  // 加载中
-  loading: false,
-  loadingColor: '#4D80F0',
-  // 选项总高度
-  columnsHeight: 217,
-  // 选项对象中，value对应的 key
-  valueKey: 'value',
-  // 选项对象中，展示的文本对应的 key
-  labelKey: 'label',
-  type: 'datetime',
-  minDate: new Date(new Date().getFullYear() - 10, 0, 1).getTime(),
-  maxDate: new Date(new Date().getFullYear() + 10, 11, 31).getTime(),
-  minHour: 0,
-  maxHour: 23,
-  minMinute: 0,
-  maxMinute: 59,
-  startSymbol: false
-})
-
+const props = defineProps(datetimePickerViewProps)
 // pickerview
-const datePickerview = ref()
+const datePickerview = ref<PickerViewInstance>()
 // 内部保持时间戳的
-const innerValue = ref<null | number>(null)
+const innerValue = ref<null | string | number>(null)
 // 传递给pickerView的columns的数据
-const columns = ref<Array<string | number>>([])
+const columns = ref<DatetimePickerViewOption[][]>([])
 // 传递给pickerView的value的数据
-const pickerValue = ref<string | number | boolean | Array<string | number | boolean>>([])
+const pickerValue = ref<string | number | boolean | string[] | number[] | boolean[]>([])
 // 自定义组件是否已经调用created hook
 const created = ref<boolean>(false)
 
@@ -240,7 +185,7 @@ onBeforeMount(() => {
 const emit = defineEmits(['change', 'pickstart', 'pickend', 'update:modelValue'])
 
 /** pickerView触发change事件，同步修改pickerValue */
-function onChange({ value }) {
+function onChange({ value }: { value: string | string[] }) {
   // 更新pickerView的value
   pickerValue.value = value
   // pickerValue => innerValue
@@ -257,7 +202,7 @@ function onChange({ value }) {
  * @description 使用formatter格式化getOriginColumns的结果
  * @return {Array<Array<Number>>} 用于传入picker的columns
  */
-function updateColumns() {
+function updateColumns(): DatetimePickerViewOption[][] {
   const { formatter, columnFormatter } = props
 
   if (columnFormatter) {
@@ -278,7 +223,7 @@ function updateColumns() {
  * 设置数据列
  * @param columnList 数据列
  */
-function setColumns(columnList) {
+function setColumns(columnList: DatetimePickerViewOption[][]) {
   columns.value = columnList
 }
 
@@ -289,7 +234,7 @@ function setColumns(columnList) {
 function getOriginColumns() {
   const { filter } = props
   return getRanges().map(({ type, range }) => {
-    let values = times(range[1] - range[0] + 1, (index) => {
+    let values = times(range[1] - range[0] + 1, (index: number) => {
       return range[0] + index
     })
 
@@ -308,7 +253,7 @@ function getOriginColumns() {
  * @description 根据时间戳生成年月日时分的边界范围
  * @return {Array<{type:String,range:Array<Number>}>}
  */
-function getRanges() {
+function getRanges(): Array<{ type: DatetimePickerViewColumnType; range: number[] }> {
   if (props.type === 'time') {
     return [
       {
@@ -322,10 +267,10 @@ function getRanges() {
     ]
   }
 
-  const { maxYear, maxDate, maxMonth, maxHour, maxMinute } = getBoundary('max', innerValue.value)
-  const { minYear, minDate, minMonth, minHour, minMinute } = getBoundary('min', innerValue.value)
+  const { maxYear, maxDate, maxMonth, maxHour, maxMinute } = getBoundary('max', innerValue.value as number)
+  const { minYear, minDate, minMonth, minHour, minMinute } = getBoundary('min', innerValue.value as number)
 
-  const result = [
+  const result: Array<{ type: DatetimePickerViewColumnType; range: number[] }> = [
     {
       type: 'year',
       range: [minYear, maxYear]
@@ -358,9 +303,8 @@ function getRanges() {
  * @param {String | Number} value
  * @return {String | Number} innerValue
  */
-function correctValue(value) {
+function correctValue(value: string | number | Date): string | number {
   const isDateType = props.type !== 'time'
-
   if (isDateType && !isValidDate(value)) {
     // 是Date类型，但入参不可用，使用最小时间戳代替
     value = props.minDate
@@ -372,14 +316,14 @@ function correctValue(value) {
   // 当type为time时
   if (!isDateType) {
     // 非Date类型，直接走此逻辑
-    let [hour, minute] = value.split(':')
-    hour = padZero(range(hour, props.minHour, props.maxHour))
-    minute = padZero(range(minute, props.minMinute, props.maxMinute))
+    let [hour, minute] = (value as string).split(':')
+    hour = padZero(range(Number(hour), props.minHour, props.maxHour))
+    minute = padZero(range(Number(minute), props.minMinute, props.maxMinute))
     return `${hour}:${minute}`
   }
 
   // date type
-  value = Math.min(Math.max(value, props.minDate), props.maxDate)
+  value = Math.min(Math.max(Number(value), props.minDate), props.maxDate)
 
   return value
 }
@@ -389,14 +333,14 @@ function correctValue(value) {
  * @param {'min'|'max'} type 类型
  * @param {Number} innerValue 时间戳
  */
-function getBoundary(type, innerValue) {
+function getBoundary(type: 'min' | 'max', innerValue: number) {
   const value = new Date(innerValue)
   const boundary = new Date(props[`${type}Date`])
   const year = boundary.getFullYear()
-  let month = 1
-  let date = 1
-  let hour = 0
-  let minute = 0
+  let month: number = 1
+  let date: number = 1
+  let hour: number = 0
+  let minute: number = 0
 
   if (type === 'max') {
     month = 12
@@ -431,7 +375,7 @@ function getBoundary(type, innerValue) {
  * @param value
  * @return {Array}
  */
-function updateColumnValue(value) {
+function updateColumnValue(value: string | number) {
   const values = getPickerValue(value, props.type)
   // 更新pickerView的value,columns
   if (props.modelValue !== value) {
@@ -452,26 +396,26 @@ function updateColumnValue(value) {
  */
 function updateInnerValue() {
   const { type } = props
-  let values: Array<number> = []
-  let innerValue = ''
-  values = datePickerview.value.getValues()
+  let values: Array<string> = []
+  let innerValue: string | number = ''
+  values = datePickerview.value!.getValues() as string[]
   if (type === 'time') {
     innerValue = `${padZero(values[0])}:${padZero(values[1])}`
     return innerValue
   }
 
   // 处理年份 索引位0
-  const year = values[0] && parseInt(String(values[0]))
+  const year = values[0] && parseInt(values[0])
 
   // 处理月 索引位1
-  const month = values[1] && parseInt(String(values[1]))
+  const month = values[1] && parseInt(values[1])
 
-  const maxDate = getMonthEndDay(year, month)
+  const maxDate = getMonthEndDay(Number(year), Number(month))
 
   // 处理 date 日期 索引位2
   let date: string | number = 1
   if (type !== 'year-month') {
-    date = (values[2] && parseInt(String(values[2]))) > maxDate ? maxDate : values[2] && parseInt(String(values[2]))
+    date = (Number(values[2]) && parseInt(String(values[2]))) > maxDate ? maxDate : values[2] && parseInt(String(values[2]))
   }
 
   // 处理 时分 索引位3，4
@@ -479,10 +423,10 @@ function updateInnerValue() {
   let minute = 0
 
   if (type === 'datetime') {
-    hour = values[3] && parseInt(String(values[3]))
-    minute = values[4] && parseInt(String(values[4]))
+    hour = Number(values[3]) && parseInt(values[3])
+    minute = Number(values[4]) && parseInt(values[4])
   }
-  const value = new Date(year, month - 1, date, hour, minute)
+  const value = new Date(Number(year), Number(month) - 1, Number(date), hour, minute).getTime()
 
   innerValue = correctValue(value)
   return innerValue
@@ -491,32 +435,32 @@ function updateInnerValue() {
 /**
  * @description 选中项改变，多级联动
  */
-function columnChange(picker) {
+function columnChange(picker: PickerViewInstance) {
   // time 和 year-mouth 无需联动
   if (props.type === 'time' || props.type === 'year-month') {
     return
   }
   /** 重新计算年月日时分秒，修正时间。 */
-  const values = picker.getValues()
-  const year = values[0]
-  const month = values[1]
+  const values = picker.getValues() as string[]
+  const year = Number(values[0])
+  const month = Number(values[1])
   const maxDate = getMonthEndDay(year, month)
-  let date = values[2]
+  let date = Number(values[2])
   date = date > maxDate ? maxDate : date
-  let hour = 0
-  let minute = 0
+  let hour: number = 0
+  let minute: number = 0
   if (props.type === 'datetime') {
-    hour = values[3]
-    minute = values[4]
+    hour = Number(values[3])
+    minute = Number(values[4])
   }
-  const value = new Date(year, month - 1, date, hour, minute)
+  const value = new Date(year, month - 1, date, hour, minute).getTime()
   /** 根据计算选中项的时间戳，重新计算所有的选项列表 */
   // 更新选中时间戳
   innerValue.value = correctValue(value)
   // 根据innerValue获取最新的时间表，重新生成对应的数据源
   const newColumns = updateColumns().slice(0, 3)
   // 深拷贝联动之前的选中项
-  const selectedIndex = picker.selectedIndex.value.slice(0)
+  const selectedIndex = picker.getSelectedIndex().slice(0)
   /**
    * 选中年会修改对应的年份的月数，和月份对应的日期。
    * 选中月，会修改月份对应的日数
@@ -545,15 +489,13 @@ function getSelects() {
   return datePickerview.value && datePickerview.value.getSelects ? datePickerview.value.getSelects() : undefined
 }
 
-defineExpose({
+defineExpose<DatetimePickerViewExpose>({
   updateColumns,
   setColumns,
   getSelects,
   correctValue,
   getPickerValue,
-  getOriginColumns,
-  formatter: props.formatter,
-  startSymbol: props.startSymbol
+  getOriginColumns
 })
 </script>
 
diff --git a/src/uni_modules/wot-design-uni/components/wd-datetime-picker/types.ts b/src/uni_modules/wot-design-uni/components/wd-datetime-picker/types.ts
new file mode 100644
index 00000000..2e771c5a
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-datetime-picker/types.ts
@@ -0,0 +1,201 @@
+import type { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue'
+import { baseProps, makeArrayProp, makeBooleanProp, makeNumberProp, makeRequiredProp, makeStringProp } from '../common/props'
+import type { DateTimeType, DatetimePickerViewFilter, DatetimePickerViewFormatter } from '../wd-datetime-picker-view/types'
+import type { FormItemRule } from '../wd-form/types'
+
+export const datetimePickerProps = {
+  ...baseProps,
+  /**
+   * 选择器左侧文案，label可以不传
+   */
+  label: String,
+  /**
+   * 选择器占位符
+   */
+  placeholder: String,
+  /**
+   * 禁用
+   */
+  disabled: makeBooleanProp(false),
+  /**
+   * 只读
+   */
+  readonly: makeBooleanProp(false),
+  /**
+   * 加载中
+   */
+  loading: makeBooleanProp(false),
+  /**
+   * 加载的颜色，只能使用十六进制的色值写法，且不能使用缩写
+   */
+  loadingColor: makeStringProp('#4D80F0'),
+  /**
+   * 弹出层标题
+   */
+  title: String,
+  /**
+   * 取消按钮文案
+   */
+  cancelButtonText: String,
+  /**
+   * 确认按钮文案
+   */
+  confirmButtonText: String,
+  /**
+   * 是否必填
+   */
+  required: makeBooleanProp(false),
+  /**
+   * 设置选择器大小，可选值：large
+   */
+  size: String,
+  /**
+   * 设置左侧标题宽度
+   */
+  labelWidth: makeStringProp('33%'),
+  /**
+   * 使用默认插槽
+   */
+  useDefaultSlot: makeBooleanProp(false),
+  /**
+   * label 使用插槽
+   */
+  useLabelSlot: makeBooleanProp(false),
+  /**
+   * 是否为错误状态，错误状态时右侧内容为红色
+   */
+  error: makeBooleanProp(false),
+  /**
+   * 选择器的值靠右展示
+   */
+  alignRight: makeBooleanProp(false),
+  /**
+   * 点击遮罩是否关闭
+   */
+  closeOnClickModal: makeBooleanProp(true),
+  /**
+   * 弹出面板是否设置底部安全距离（iphone X 类型的机型）
+   */
+  safeAreaInsetBottom: makeBooleanProp(true),
+  /**
+   * 是否超出隐藏
+   */
+  ellipsis: makeBooleanProp(false),
+  /**
+   * picker内部滚筒高
+   */
+  columnsHeight: makeNumberProp(217),
+  valueKey: makeStringProp('value'),
+  labelKey: makeStringProp('label'),
+  /**
+   * 选中项，当 type 为 time 时，类型为字符串；当 type 为 Array 时，类型为范围选择；否则为 时间戳
+   */
+  modelValue: makeRequiredProp([String, Number, Date, Array] as PropType<string | number | Date | Array<string | number | Date>>),
+  /**
+   * 选择器类型，可选值为：date / year-month / time
+   */
+  type: makeStringProp<DateTimeType>('datetime'),
+  /**
+   * 最小日期
+   */
+  minDate: makeNumberProp(new Date(new Date().getFullYear() - 10, 0, 1).getTime()),
+  /**
+   * 最大日期
+   */
+  maxDate: makeNumberProp(new Date(new Date().getFullYear() + 10, 11, 31).getTime()),
+  /**
+   * 最小小时，time类型时生效
+   */
+  minHour: makeNumberProp(0),
+  /**
+   * 最大小时，time类型时生效
+   */
+  maxHour: makeNumberProp(23),
+  /**
+   * 最小分钟，time类型时生效
+   */
+  minMinute: makeNumberProp(0),
+  /**
+   * 最大分钟，time类型时生效
+   */
+  maxMinute: makeNumberProp(59),
+  /**
+   * 自定义过滤选项的函数，返回列的选项数组
+   */
+  filter: Function as PropType<DatetimePickerViewFilter>,
+  /**
+   * 自定义弹出层选项文案的格式化函数，返回一个字符串
+   */
+  formatter: Function as PropType<DatetimePickerViewFormatter>,
+  /**
+   * 自定义展示文案的格式化函数，返回一个字符串
+   */
+  displayFormat: Function as PropType<DatetimePickerDisplayFormat>,
+  /**
+   * 确定前校验函数，接收 (value, resolve, picker) 参数，通过 resolve 继续执行 picker，resolve 接收1个boolean参数
+   */
+  beforeConfirm: Function as PropType<DatetimePickerBeforeConfirm>,
+  /**
+   * 在区域选择模式下，自定义展示tab标签文案的格式化函数，返回一个字符串
+   */
+  displayFormatTabLabel: Function as PropType<DatetimePickerDisplayFormatTabLabel>,
+  /**
+   * 默认日期，类型保持与 value 一致，打开面板时面板自动选到默认日期
+   */
+  defaultValue: [String, Number, Array] as PropType<string | number | Array<string | number>>,
+  /**
+   * 弹窗层级
+   */
+  zIndex: makeNumberProp(15),
+  /**
+   * 表单域 model 字段名，在使用表单校验功能的情况下，该属性是必填的
+   */
+  prop: String,
+  /**
+   * 表单验证规则，结合wd-form组件使用
+   */
+  rules: makeArrayProp<FormItemRule>(),
+  /**
+   * pickerView 外部自定义样式
+   */
+  customViewClass: makeStringProp(''),
+  /**
+   * label 外部自定义样式
+   */
+  customLabelClass: makeStringProp(''),
+  /**
+   * value 外部自定义样式
+   */
+  customValueClass: makeStringProp('')
+}
+
+export type DatetimePickerDisplayFormat = (items: Record<string, any>[]) => string
+
+export type DatetimePickerBeforeConfirm = (
+  value: number | string | (number | string)[],
+  resolve: (isPass: boolean) => void,
+  picker: DatetimePickerInstance
+) => void
+
+export type DatetimePickerDisplayFormatTabLabel = (items: Record<string, any>[]) => string
+
+export type DatetimePickerExpose = {
+  /**
+   * 打开picker弹框
+   */
+  open: () => void
+  /**
+   * 关闭picker弹框
+   */
+  close: () => void
+  /**
+   * 设置加载状态
+   * @param loading 加载状态
+   * @returns
+   */
+  setLoading: (loading: boolean) => void
+}
+
+export type DatetimePickerProps = ExtractPropTypes<typeof datetimePickerProps>
+
+export type DatetimePickerInstance = ComponentPublicInstance<DatetimePickerProps, DatetimePickerExpose>
diff --git a/src/uni_modules/wot-design-uni/components/wd-datetime-picker/wd-datetime-picker.vue b/src/uni_modules/wot-design-uni/components/wd-datetime-picker/wd-datetime-picker.vue
index 74473acf..4d5d68c4 100644
--- a/src/uni_modules/wot-design-uni/components/wd-datetime-picker/wd-datetime-picker.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-datetime-picker/wd-datetime-picker.vue
@@ -20,9 +20,13 @@
           <view class="wd-picker__value-wraper">
             <view :class="`wd-picker__value ${customValueClass}`">
               <view v-if="region">
-                <text :class="showValue[0] ? '' : 'wd-picker__placeholder'">{{ showValue[0] ? showValue[0] : placeholder }}</text>
+                <text :class="(showValue as string[])[0] ? '' : 'wd-picker__placeholder'">
+                  {{ (showValue as string[])[0] ? (showValue as string[])[0] : placeholder }}
+                </text>
                 {{ translate('to') }}
-                <text :class="showValue[1] ? '' : 'wd-picker__placeholder'">{{ showValue[1] ? showValue[1] : placeholder }}</text>
+                <text :class="(showValue as string[])[1] ? '' : 'wd-picker__placeholder'">
+                  {{ (showValue as string[])[1] ? (showValue as string[])[1] : placeholder }}
+                </text>
               </view>
               <view v-else :class="showValue ? '' : 'wd-picker__placeholder'">
                 {{ showValue ? showValue : placeholder || translate('placeholder') }}
@@ -143,145 +147,31 @@ export default {
 import { computed, getCurrentInstance, nextTick, onBeforeMount, onMounted, ref, watch } from 'vue'
 import { deepClone, getType, isArray, isDef, isEqual, padZero } from '../common/util'
 import { useCell } from '../composables/useCell'
-import { type DateTimeType, getPickerValue } from '../wd-datetime-picker-view/type'
+import {
+  getPickerValue,
+  type DatetimePickerViewInstance,
+  type DatetimePickerViewColumnFormatter,
+  type DatetimePickerViewColumnType
+} from '../wd-datetime-picker-view/types'
 import { FORM_KEY, type FormItemRule } from '../wd-form/types'
 import { useParent } from '../composables/useParent'
 import { useTranslate } from '../composables/useTranslate'
-interface Props {
-  customClass?: string
-  customViewClass?: string
-  customLabelClass?: string
-  customValueClass?: string
-  // 选择器左侧文案
-  label?: string
-  // 选择器占位符
-  placeholder?: string
-  // 禁用
-  disabled?: boolean
-  // 只读
-  readonly?: boolean
-  loading?: boolean
-  loadingColor?: string
-  /* popup */
-  // 弹出层标题
-  title?: string
-  // 取消按钮文案
-  cancelButtonText?: string
-  // 确认按钮文案
-  confirmButtonText?: string
-  // 是否必填
-  required?: boolean
-  size?: string
-  labelWidth?: string
-  useDefaultSlot?: boolean
-  useLabelSlot?: boolean
-  error?: boolean
-  alignRight?: boolean
-  closeOnClickModal?: boolean
-  safeAreaInsetBottom?: boolean
-  ellipsis?: boolean
-  // 选项总高度
-  columnsHeight?: number
-  // 选项对象中，value对应的 key
-  valueKey?: string
-  // 选项对象中，展示的文本对应的 key
-  labelKey?: string
-  // 选中项，当 type 为 time 时，类型为字符串，否则为 时间戳
-  modelValue: string | number | Date | Array<string | number | Date>
-  // 时间选择器的类型
-  type?: DateTimeType
-  // 最小日期 20(x-10)年1月1日
-  minDate?: number
-  // 最大日期 20(x+10)年1月1日
-  maxDate?: number
-  // 最小小时
-  minHour?: number
-  // 最大小时
-  maxHour?: number
-  // 最小分钟
-  minMinute?: number
-  // 最大分钟
-  maxMinute?: number
-  // 自定义过滤选项的函数，返回列的选项数组
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  filter?: Function
-  // 自定义弹出层选项文案的格式化函数，返回一个字符串
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  formatter?: Function
-  // 自定义展示文案的格式化函数，返回一个字符串
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  displayFormat?: Function
-  // 自定义展示文案的格式化函数，返回一个字符串
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  beforeConfirm?: Function
-  // 自定义展示文案的格式化函数，返回一个字符串
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  displayFormatTabLabel?: Function
-  defaultValue?: string | number | Date | Array<string | number | Date>
-  zIndex?: number
-  prop?: string
-  rules?: FormItemRule[]
-}
+import { datetimePickerProps, type DatetimePickerExpose } from './types'
 
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  customViewClass: '',
-  customLabelClass: '',
-  customValueClass: '',
-  // 禁用
-  disabled: false,
-  // 只读
-  readonly: false,
-  loading: false,
-  loadingColor: '#4D80F0',
-
-  // 是否必填
-  required: false,
-  labelWidth: '33%',
-  useDefaultSlot: false,
-  useLabelSlot: false,
-  error: false,
-  alignRight: false,
-  closeOnClickModal: true,
-  safeAreaInsetBottom: true,
-  ellipsis: false,
-  // 选项总高度
-  columnsHeight: 217,
-  // 选项对象中，value对应的 key
-  valueKey: 'value',
-  // 选项对象中，展示的文本对应的 key
-  labelKey: 'label',
-
-  // 时间选择器的类型
-  type: 'datetime',
-  // 最小日期 20(x-10)年1月1日
-  minDate: new Date(new Date().getFullYear() - 10, 0, 1).getTime(),
-  // 最大日期 20(x+10)年1月1日
-  maxDate: new Date(new Date().getFullYear() + 10, 11, 31).getTime(),
-  // 最小小时
-  minHour: 0,
-  // 最大小时
-  maxHour: 23,
-  // 最小分钟
-  minMinute: 0,
-  // 最大分钟
-  maxMinute: 59,
-  zIndex: 15,
-  rules: () => []
-})
+const props = defineProps(datetimePickerProps)
 
 const { translate } = useTranslate('datetime-picker')
 
-const datetimePickerView = ref()
-const datetimePickerView1 = ref()
+const datetimePickerView = ref<DatetimePickerViewInstance>()
+const datetimePickerView1 = ref<DatetimePickerViewInstance>()
 
 const showValue = ref<string | Date | Array<string | Date>>([])
 const popupShow = ref<boolean>(false)
 const showStart = ref<boolean>(true)
 const region = ref<boolean>(false)
 const showTabLabel = ref<string[]>([])
-const innerValue = ref<string>('')
-const endInnerValue = ref<string>('')
+const innerValue = ref<string | number>('')
+const endInnerValue = ref<string | number>('')
 
 const isPicking = ref<boolean>(false) // 判断pickview是否还在滑动中
 const hasConfirmed = ref<boolean>(false) // 判断用户是否点击了确认按钮
@@ -423,9 +313,9 @@ const emit = defineEmits(['change', 'open', 'toggle', 'cancel', 'confirm', 'upda
  * @param {Component} picker datetimePickerView对象
  * @return {Array} columns
  */
-const customColumnFormatter = (picker) => {
+const customColumnFormatter: DatetimePickerViewColumnFormatter = (picker) => {
   if (!picker) {
-    return
+    return []
   }
   const { type } = props
   const { startSymbol, formatter } = picker
@@ -441,20 +331,17 @@ const customColumnFormatter = (picker) => {
   // 获取当前picekr中的源列数组
   const columns = picker.getOriginColumns()
 
-  const mapColumns = (columns) => {
-    // 此时index是最外层知道当前的索引即可得到当前是哪个时间段
-    return columns.map((column, cIndex) => {
-      return column.values.map((value, index) => {
-        const disabled = columnDisabledRules(startSymbol, columns, cIndex, value, currentValue, boundary)
-        return {
-          label: formatter ? formatter(column.type, padZero(value)) : padZero(value),
-          value,
-          disabled
-        }
-      })
+  // 此时index是最外层知道当前的索引即可得到当前是哪个时间段
+  return columns.map((column, cIndex) => {
+    return column.values.map((value) => {
+      const disabled = columnDisabledRules(startSymbol, columns, cIndex, value, currentValue, boundary)
+      return {
+        label: formatter ? formatter(column.type, padZero(value)) : padZero(value),
+        value,
+        disabled
+      }
     })
-  }
-  return mapColumns(columns)
+  })
 }
 
 onBeforeMount(() => {
@@ -493,17 +380,17 @@ function getSelects(picker: 'before' | 'after') {
 
 function noop() {}
 
-function getDefaultInnerValue(isRegion?: boolean, isEnd?: boolean) {
+function getDefaultInnerValue(isRegion?: boolean, isEnd?: boolean): string {
   const { modelValue: value, defaultValue } = props
 
   if (isRegion) {
     if (isEnd) {
-      return value[1] || (defaultValue && isArray(defaultValue) ? defaultValue[1] : '')
+      return (isArray(value) ? (value[1] as string) : '') || (defaultValue && isArray(defaultValue) ? (defaultValue[1] as string) : '')
     } else {
-      return value[0] || (defaultValue && isArray(defaultValue) ? defaultValue[0] : '')
+      return (isArray(value) ? (value[0] as string) : '') || (defaultValue && isArray(defaultValue) ? (defaultValue[0] as string) : '')
     }
   } else {
-    return isDef(value || defaultValue) ? value || defaultValue : ''
+    return isDef(value || defaultValue) ? (value as string) || (defaultValue as string) : ''
   }
 }
 
@@ -543,7 +430,7 @@ function tabChange() {
   showStart.value = !showStart.value
   // 列项刷新多级联动挂载到datetimepickerView
   const picker = showStart.value ? datetimePickerView.value : datetimePickerView1.value
-  picker.setColumns(picker.updateColumns())
+  picker!.setColumns(picker!.updateColumns())
 
   emit('toggle', showStart.value ? innerValue.value : endInnerValue.value)
 }
@@ -551,7 +438,7 @@ function tabChange() {
 /**
  * @description datetimePickerView change 事件
  */
-function onChangeStart({ value }) {
+function onChangeStart({ value }: { value: number | string }) {
   innerValue.value = deepClone(value)
   if (region.value) {
     showTabLabel.value = [setTabLabel(), deepClone(showTabLabel.value[1])]
@@ -571,7 +458,7 @@ function onChangeStart({ value }) {
 /**
  * @description 区域选择 下方 datetimePickerView change 事件
  */
-function onChangeEnd({ value }) {
+function onChangeEnd({ value }: { value: number | string }) {
   endInnerValue.value = deepClone(value)
 
   showTabLabel.value = [deepClone(showTabLabel.value[0]), setTabLabel(1)]
@@ -661,17 +548,17 @@ function handleConfirm() {
  */
 function setTabLabel(index: number = 0) {
   if (region.value) {
-    let items = []
+    let items: Record<string, any>[] = []
     if (index === 0) {
-      items =
-        (datetimePickerView.value && datetimePickerView.value.getSelects && datetimePickerView.value.getSelects()) ||
-        (innerValue.value && getSelects('before'))
+      items = ((datetimePickerView.value ? datetimePickerView.value!.getSelects() : undefined) ||
+        (innerValue.value && getSelects('before'))) as Record<string, any>[]
     } else {
-      items =
-        (datetimePickerView1.value && datetimePickerView1.value.getSelects && datetimePickerView1.value.getSelects()) ||
-        (endInnerValue.value && getSelects('after'))
+      items = ((datetimePickerView1.value ? datetimePickerView1.value!.getSelects() : undefined) ||
+        (endInnerValue.value && getSelects('after'))) as Record<string, any>[]
     }
     return defaultDisplayFormat(items, true)
+  } else {
+    return ''
   }
 }
 
@@ -692,14 +579,17 @@ function setShowValue(tab: boolean = false, isConfirm: boolean = false, beforeMo
 
     showValue.value = tab
       ? showValue.value
-      : [props.modelValue[0] || isConfirm ? defaultDisplayFormat(items) : '', props.modelValue[1] || isConfirm ? defaultDisplayFormat(endItems) : '']
-    showTabLabel.value = [defaultDisplayFormat(items, true), defaultDisplayFormat(endItems, true)]
+      : [
+          (props.modelValue as (string | number)[])[0] || isConfirm ? defaultDisplayFormat(items as Record<string, any>[]) : '',
+          (props.modelValue as (string | number)[])[1] || isConfirm ? defaultDisplayFormat(endItems as Record<string, any>[]) : ''
+        ]
+    showTabLabel.value = [defaultDisplayFormat(items as Record<string, any>[], true), defaultDisplayFormat(endItems as Record<string, any>[], true)]
   } else {
     const items = beforeMount
       ? (innerValue.value && getSelects('before')) || []
       : (datetimePickerView.value && datetimePickerView.value.getSelects && datetimePickerView.value.getSelects()) || []
 
-    showValue.value = deepClone(props.modelValue || isConfirm ? defaultDisplayFormat(items) : '')
+    showValue.value = deepClone(props.modelValue || isConfirm ? defaultDisplayFormat(items as Record<string, any>[]) : '')
   }
 }
 
@@ -709,7 +599,7 @@ function setShowValue(tab: boolean = false, isConfirm: boolean = false, beforeMo
  * @param {Boolean} tabLabel 当前返回的是否是展示tab上的标签
  * @return {String} showValue / showTabLabel
  */
-function defaultDisplayFormat(items, tabLabel = false) {
+function defaultDisplayFormat(items: Record<string, any>[], tabLabel: boolean = false) {
   if (items.length === 0) return ''
 
   if (tabLabel && props.displayFormatTabLabel) {
@@ -727,18 +617,17 @@ function defaultDisplayFormat(items, tabLabel = false) {
      * 在初始展示时，需要使用模拟 nextTick 来等待内部 pickerView 渲染后labels才可得到format后的labels
      * 但使用模拟nextTick会造成页面延迟展示问题，对用户感知来讲不友好，因此不适用该方法
      */
-    const map = (items) => {
-      const typeMaps = {
-        datetime: ['year', 'month', 'date', 'hour', 'minute'],
-        date: ['year', 'month', 'date'],
-        time: ['hour', 'minute'],
-        'year-month': ['year', 'month']
-      }
-      return items.map((item, index) => {
+    const typeMaps = {
+      datetime: ['year', 'month', 'date', 'hour', 'minute'],
+      date: ['year', 'month', 'date'],
+      time: ['hour', 'minute'],
+      'year-month': ['year', 'month']
+    }
+    return items
+      .map((item, index) => {
         return props.formatter!(typeMaps[props.type][index], item.value)
       })
-    }
-    return map(items).join('')
+      .join('')
   }
 
   switch (props.type) {
@@ -755,7 +644,7 @@ function defaultDisplayFormat(items, tabLabel = false) {
 
 /**
  * @description 区域选择time禁用规则，根据传入的位置标志以及日期类型 返回该节点是否禁用
- * @param {String} isStart 时间段类型 true：start | false：end
+ * @param {Boolean} isStart 时间段类型 true：start | false：end
  * @param {Array} column 当前遍历到的列数组
  * @param {Number} cindex 外层column的索引（对应每一个类型）
  * @param {Number / String} value 遍历到的当前值
@@ -763,7 +652,17 @@ function defaultDisplayFormat(items, tabLabel = false) {
  * @param {Array} boundary 当前变量的限制值，决定禁用的边界值
  * @return {Boolean} disabled
  */
-function columnDisabledRules(isStart, columns, cIndex, value, currentValue, boundary) {
+function columnDisabledRules(
+  isStart: boolean,
+  columns: {
+    type: DatetimePickerViewColumnType
+    values: number[]
+  }[],
+  cIndex: number,
+  value: number,
+  currentValue: number[],
+  boundary: number[]
+) {
   const { type } = props
   // 0年 1月 2日 3時 4分
   // startPicker 除最小值外 还需要有一个时间限制, endPicker 时间选择后, startPicker 的 添加一个时间限制boundary min->boundary
@@ -831,11 +730,11 @@ function columnDisabledRules(isStart, columns, cIndex, value, currentValue, boun
   return false
 }
 
-function setLoading(loading) {
+function setLoading(loading: boolean) {
   isLoading.value = loading
 }
 
-defineExpose({
+defineExpose<DatetimePickerExpose>({
   open,
   close,
   setLoading
diff --git a/src/uni_modules/wot-design-uni/components/wd-divider/types.ts b/src/uni_modules/wot-design-uni/components/wd-divider/types.ts
new file mode 100644
index 00000000..80a114b6
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-divider/types.ts
@@ -0,0 +1,12 @@
+import type { ExtractPropTypes } from 'vue'
+import { baseProps, makeStringProp } from '../common/props'
+
+export const dividerProps = {
+  ...baseProps,
+  /**
+   * 自定义颜色，所有颜色的写法
+   */
+  color: makeStringProp('')
+}
+
+export type DividerProps = ExtractPropTypes<typeof dividerProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-divider/wd-divider.vue b/src/uni_modules/wot-design-uni/components/wd-divider/wd-divider.vue
index 4e066e7d..69a25c86 100644
--- a/src/uni_modules/wot-design-uni/components/wd-divider/wd-divider.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-divider/wd-divider.vue
@@ -19,15 +19,9 @@ export default {
 </script>
 
 <script lang="ts" setup>
-interface Props {
-  customClass?: string
-  color?: string
-}
+import { dividerProps } from './types'
 
-const props = withDefaults(defineProps<Props>(), {
-  color: '',
-  customClass: ''
-})
+defineProps(dividerProps)
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/uni_modules/wot-design-uni/components/wd-drop-menu-item/types.ts b/src/uni_modules/wot-design-uni/components/wd-drop-menu-item/types.ts
new file mode 100644
index 00000000..47c45500
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-drop-menu-item/types.ts
@@ -0,0 +1,57 @@
+import type { ComponentPublicInstance, ExtractPropTypes } from 'vue'
+import { baseProps, makeArrayProp, makeBooleanProp, makeStringProp } from '../common/props'
+
+export const dorpMenuItemProps = {
+  ...baseProps,
+  /**
+   * DropMenuItem 左侧文字样式
+   */
+  customTitle: makeStringProp(''),
+  /**
+   * DropMenuItem 右侧 icon 样式
+   */
+  customIcon: makeStringProp(''),
+  /**
+   * 当前选中项对应选中的 value
+   */
+  modelValue: [String, Number],
+  /**
+   * 列表数据，对应数据结构 [{text: '标题', value: '0', tip: '提示文字'}]
+   */
+  options: makeArrayProp<Record<string, any>>(),
+  /**
+   * 禁用菜单
+   */
+  disabled: makeBooleanProp(false),
+  /**
+   * 选中的图标名称(可选名称在 wd-icon 组件中)
+   */
+  iconName: makeStringProp('check'),
+  /**
+   * 菜单标题
+   */
+  title: String,
+  /**
+   * 选项对象中，value 对应的 key
+   */
+  valueKey: makeStringProp('value'),
+  /**
+   * 选项对象中，展示的文本对应的 key
+   */
+  labelKey: makeStringProp('label'),
+  /**
+   * 选项对象中，选项说明对应的 key
+   */
+  tipKey: makeStringProp('tip')
+}
+
+export type DropMenuItemProps = ExtractPropTypes<typeof dorpMenuItemProps>
+
+export type DropMenuItemExpose = {
+  setShowPop: (show: boolean) => void
+  getShowPop: () => boolean
+  open: () => void
+  close: () => void
+}
+
+export type DropMenuItemInstance = ComponentPublicInstance<DropMenuItemProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-drop-menu-item/wd-drop-menu-item.vue b/src/uni_modules/wot-design-uni/components/wd-drop-menu-item/wd-drop-menu-item.vue
index 40d14894..a2c4b5f6 100644
--- a/src/uni_modules/wot-design-uni/components/wd-drop-menu-item/wd-drop-menu-item.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-drop-menu-item/wd-drop-menu-item.vue
@@ -53,40 +53,13 @@ export default {
 import { computed, getCurrentInstance, inject, onBeforeMount, onBeforeUnmount, ref, watch } from 'vue'
 import { pushToQueue, removeFromQueue } from '../common/clickoutside'
 import { type Queue, queueKey } from '../composables/useQueue'
-import type { PopupType } from '../wd-popup/type'
+import type { PopupType } from '../wd-popup/types'
 import { useParent } from '../composables/useParent'
 import { DROP_MENU_KEY } from '../wd-drop-menu/types'
 import { isDef } from '../common/util'
+import { dorpMenuItemProps, type DropMenuItemExpose } from './types'
 
-interface Props {
-  customClass?: string
-  customTitle?: string
-  customIcon?: string
-  // 当前选中的value
-  modelValue?: string | number
-  // 可能是 array || String
-  options?: Array<Record<string, any>>
-  useDropItemSlot?: boolean
-  disabled?: boolean
-  iconName?: string
-  title?: string
-  valueKey?: string
-  labelKey?: string
-  tipKey?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  customTitle: '',
-  customIcon: '',
-  options: () => [],
-  useDropItemSlot: false,
-  disabled: false,
-  iconName: 'check',
-  valueKey: 'value',
-  labelKey: 'label',
-  tipKey: 'tip'
-})
+const props = defineProps(dorpMenuItemProps)
 
 const queue = inject<Queue | null>(queueKey, null)
 const showWrapper = ref<boolean>(false)
@@ -202,7 +175,7 @@ function handleClose() {
   emit('close')
 }
 
-defineExpose({ setShowPop, getShowPop, open, close })
+defineExpose<DropMenuItemExpose>({ setShowPop, getShowPop, open, close })
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/uni_modules/wot-design-uni/components/wd-drop-menu/types.ts b/src/uni_modules/wot-design-uni/components/wd-drop-menu/types.ts
index be951749..339e7bb6 100644
--- a/src/uni_modules/wot-design-uni/components/wd-drop-menu/types.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-drop-menu/types.ts
@@ -1,17 +1,38 @@
-import { type InjectionKey, type Ref } from 'vue'
+import { type ExtractPropTypes, type InjectionKey, type Ref } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp, makeStringProp } from '../common/props'
 
-type DropDirction = 'up' | 'down'
+export type DropDirction = 'up' | 'down'
 
 export type DropMenuProvide = {
-  props: {
-    zIndex?: number
-    direction?: DropDirction
-    modal?: boolean
-    closeOnClickModal?: boolean
-    duration?: number
-  }
+  props: Partial<DropMenuProps>
   fold: (child?: any) => void
   offset: Ref<number>
 }
 
 export const DROP_MENU_KEY: InjectionKey<DropMenuProvide> = Symbol('wd-drop-menu')
+
+export const dropMenuProps = {
+  ...baseProps,
+  /**
+   * 弹框层级
+   */
+  zIndex: makeNumberProp(12),
+  /**
+   * 菜单展开方向，可选值为up 或 down
+   */
+  direction: makeStringProp<DropDirction>('down'),
+  /**
+   * 是否展示蒙层
+   */
+  modal: makeBooleanProp(true),
+  /**
+   * 是否点击蒙层时关闭
+   */
+  closeOnClickModal: makeBooleanProp(true),
+  /**
+   * 菜单展开收起动画时间，单位 ms
+   */
+  duration: makeNumberProp(200)
+}
+
+export type DropMenuProps = ExtractPropTypes<typeof dropMenuProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-drop-menu/wd-drop-menu.vue b/src/uni_modules/wot-design-uni/components/wd-drop-menu/wd-drop-menu.vue
index 1f679da1..cfc18a05 100644
--- a/src/uni_modules/wot-design-uni/components/wd-drop-menu/wd-drop-menu.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-drop-menu/wd-drop-menu.vue
@@ -39,28 +39,9 @@ import { closeOther } from '../common/clickoutside'
 import { type Queue, queueKey } from '../composables/useQueue'
 import { getRect, uuid } from '../common/util'
 import { useChildren } from '../composables/useChildren'
-import { DROP_MENU_KEY } from './types'
+import { DROP_MENU_KEY, dropMenuProps } from './types'
 
-type DropDirction = 'up' | 'down'
-interface Props {
-  customClass?: string
-  customStyle?: string
-  zIndex?: number
-  direction?: DropDirction
-  modal?: boolean
-  closeOnClickModal?: boolean
-  duration?: number
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  customStyle: '',
-  zIndex: 12,
-  direction: 'down',
-  modal: true,
-  closeOnClickModal: true,
-  duration: 200
-})
+const props = defineProps(dropMenuProps)
 const queue = inject<Queue | null>(queueKey, null)
 
 const dropMenuId = ref<string>(`dropMenuId${uuid()}`)
@@ -132,14 +113,14 @@ function fold(child?: any) {
     })
     return
   }
-  getRect(`#${dropMenuId.value}`, false, proxy).then((rect: any) => {
+  getRect(`#${dropMenuId.value}`, false, proxy).then((rect) => {
     if (!rect) return
     const { top, bottom } = rect
 
     if (props.direction === 'down') {
-      offset.value = bottom
+      offset.value = Number(bottom)
     } else {
-      offset.value = windowHeight.value - top
+      offset.value = windowHeight.value - Number(top)
     }
     const showPop = child.$.exposed!.getShowPop()
     if (showPop) {
diff --git a/src/uni_modules/wot-design-uni/components/wd-fab/types.ts b/src/uni_modules/wot-design-uni/components/wd-fab/types.ts
new file mode 100644
index 00000000..ac51c3d0
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-fab/types.ts
@@ -0,0 +1,53 @@
+import type { ComponentPublicInstance, ExtractPropTypes } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp, makeStringProp } from '../common/props'
+
+export type FabType = 'primary' | 'success' | 'info' | 'warning' | 'error' | 'default'
+export type FabPosition = 'left-top' | 'right-top' | 'left-bottom' | 'right-bottom'
+export type FabDirection = 'top' | 'right' | 'bottom' | 'left'
+
+export const fabProps = {
+  ...baseProps,
+  /**
+   * 是否激活
+   */
+  active: makeBooleanProp(false),
+  /**
+   * 类型，可选值为 default primary info success warning error
+   */
+  type: makeStringProp<FabType>('primary'),
+  /**
+   * 悬浮按钮位置，可选值为 left-top right-top left-bottom right-bottom
+   */
+  position: makeStringProp<FabPosition>('right-bottom'),
+  /**
+   * 悬浮按钮菜单弹出方向，可选值为 top bottom left right
+   */
+  direction: makeStringProp<FabDirection>('top'),
+  /**
+   * 是否禁用
+   */
+  disabled: makeBooleanProp(false),
+  /**
+   * 悬浮按钮未展开时的图标
+   */
+  inactiveIcon: makeStringProp('add'),
+  /**
+   * 悬浮按钮展开时的图标
+   */
+  activeIcon: makeStringProp('close'),
+  /**
+   * 自定义悬浮按钮层级
+   */
+  zIndex: makeNumberProp(99)
+}
+
+export type FabProps = ExtractPropTypes<typeof fabProps>
+
+export type FabExpose = {
+  // 展开菜单
+  open: () => void
+  // 收起菜单
+  close: () => void
+}
+
+export type FabInstance = ComponentPublicInstance<FabProps, FabExpose>
diff --git a/src/uni_modules/wot-design-uni/components/wd-fab/wd-fab.vue b/src/uni_modules/wot-design-uni/components/wd-fab/wd-fab.vue
index 5076996a..935f19b2 100644
--- a/src/uni_modules/wot-design-uni/components/wd-fab/wd-fab.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-fab/wd-fab.vue
@@ -36,46 +36,9 @@ import { type CSSProperties, computed, onBeforeMount, ref, watch, inject, getCur
 import { isDef, objToStyle } from '../common/util'
 import { type Queue, queueKey } from '../composables/useQueue'
 import { closeOther, pushToQueue, removeFromQueue } from '../common/clickoutside'
+import { fabProps, type FabExpose } from './types'
 
-type FabType = 'primary' | 'success' | 'info' | 'warning' | 'error' | 'default'
-type FabPosition = 'left-top' | 'right-top' | 'left-bottom' | 'right-bottom'
-type FabDirection = 'top' | 'right' | 'bottom' | 'left'
-
-interface Props {
-  // 是否激活
-  active?: boolean
-  // 类型，可选值为 default primary info success warning error
-  type?: FabType
-  // 悬浮按钮位置，可选值为 left-top right-top left-bottom right-bottom
-  position?: FabPosition
-  // 悬浮按钮菜单弹出方向，可选值为 top bottom left right
-  direction?: FabDirection
-  // 是否禁用
-  disabled?: boolean
-  // 悬浮按钮未展开时的图标
-  inactiveIcon?: string
-  // 悬浮按钮展开时的图标
-  activeIcon?: string
-  // 自定义悬浮按钮层级
-  zIndex?: number
-  // 自定义样式类
-  customClass?: string
-  // 自定义样式
-  customStyle?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  active: false,
-  type: 'primary',
-  position: 'right-bottom',
-  direction: 'top',
-  inactiveIcon: 'add',
-  activeIcon: 'close',
-  disabled: false,
-  zIndex: 99,
-  customClass: '',
-  customStyle: ''
-})
+const props = defineProps(fabProps)
 const isActive = ref<boolean>(false) // 是否激活状态
 const queue = inject<Queue | null>(queueKey, null)
 const { proxy } = getCurrentInstance() as any
@@ -145,7 +108,7 @@ function close() {
   emit('update:active', false)
 }
 
-defineExpose({
+defineExpose<FabExpose>({
   open,
   close
 })
diff --git a/src/uni_modules/wot-design-uni/components/wd-form-item/types.ts b/src/uni_modules/wot-design-uni/components/wd-form-item/types.ts
new file mode 100644
index 00000000..ed1a4e23
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-form-item/types.ts
@@ -0,0 +1,16 @@
+import type { ExtractPropTypes } from 'vue'
+import { baseProps, makeArrayProp, makeBooleanProp, makeRequiredProp, makeStringProp } from '../common/props'
+import type { FormItemRule } from '../wd-form/types'
+
+export const formItemProps = {
+  ...baseProps,
+  prop: makeRequiredProp(String),
+  rules: makeArrayProp<FormItemRule>(),
+  required: Boolean,
+  center: makeBooleanProp(false),
+  label: String,
+  labelWidth: makeStringProp('100px'),
+  isLink: Boolean
+}
+
+export type FormItemProps = ExtractPropTypes<typeof formItemProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-form-item/wd-form-item.vue b/src/uni_modules/wot-design-uni/components/wd-form-item/wd-form-item.vue
index 351fc44e..c3a36d35 100644
--- a/src/uni_modules/wot-design-uni/components/wd-form-item/wd-form-item.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-form-item/wd-form-item.vue
@@ -1,7 +1,7 @@
 <!--
  * @Author: weisheng
  * @Date: 2023-12-14 11:21:58
- * @LastEditTime: 2024-01-03 21:50:52
+ * @LastEditTime: 2024-03-15 21:29:33
  * @LastEditors: weisheng
  * @Description: 
  * @FilePath: /wot-design-uni/src/uni_modules/wot-design-uni/components/wd-form-item/wd-form-item.vue
@@ -33,30 +33,13 @@ export default {
 </script>
 
 <script lang="ts" setup>
-import { computed, ref } from 'vue'
+import { computed } from 'vue'
 import { useParent } from '../composables/useParent'
 import WdCell from '../wd-cell/wd-cell.vue'
-import { FORM_KEY, type FormItemRule } from '../wd-form/types'
+import { FORM_KEY } from '../wd-form/types'
+import { formItemProps } from './types'
 
-interface Props {
-  prop: string
-  rules?: FormItemRule[]
-  required?: boolean
-  center?: boolean
-  label?: string
-  labelWidth?: string
-  isLink?: boolean
-  customClass?: string
-  customStyle?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  rules: () => [],
-  center: false,
-  labelWidth: '100px',
-  customClass: '',
-  customStyle: ''
-})
+const props = defineProps(formItemProps)
 
 const { parent: form, index } = useParent(FORM_KEY)
 
diff --git a/src/uni_modules/wot-design-uni/components/wd-form/types.ts b/src/uni_modules/wot-design-uni/components/wd-form/types.ts
index 2c909b99..3aa0093f 100644
--- a/src/uni_modules/wot-design-uni/components/wd-form/types.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-form/types.ts
@@ -1,13 +1,14 @@
 /*
  * @Author: weisheng
  * @Date: 2023-12-14 11:21:58
- * @LastEditTime: 2024-01-03 21:46:58
+ * @LastEditTime: 2024-03-18 12:50:41
  * @LastEditors: weisheng
  * @Description:
- * @FilePath: /wot-design-uni/src/uni_modules/wot-design-uni/components/wd-form/types.ts
+ * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-form\types.ts
  * 记得注释
  */
-import { type InjectionKey } from 'vue'
+import { type ComponentPublicInstance, type ExtractPropTypes, type InjectionKey, type PropType } from 'vue'
+import { baseProps, makeBooleanProp, makeRequiredProp } from '../common/props'
 
 export type FormProvide = {
   props: {
@@ -38,3 +39,40 @@ export interface FormItemRule {
 }
 
 export type FormItemRuleWithoutValidator = Omit<FormItemRule, 'validator'>
+
+export const formProps = {
+  ...baseProps,
+  /**
+   * 表单数据对象
+   */
+  model: makeRequiredProp(Object as PropType<Record<string, any>>),
+  /**
+   * 表单验证规则
+   */
+  rules: {
+    type: Object as PropType<FormRules>,
+    default: () => ({})
+  },
+  /**
+   * 是否在输入时重置表单校验信息
+   */
+  resetOnChange: makeBooleanProp(true)
+}
+export type FormProps = ExtractPropTypes<typeof formProps>
+
+export type FormExpose = {
+  /**
+   * 表单校验
+   * @param prop 指定校验字段
+   */
+  validate: (prop?: string) => Promise<{
+    valid: boolean
+    errors: ErrorMessage[]
+  }>
+  /**
+   * 重置表单项的验证提示
+   */
+  reset: () => void
+}
+
+export type FormInstance = ComponentPublicInstance<FormProps, FormExpose>
diff --git a/src/uni_modules/wot-design-uni/components/wd-form/wd-form.vue b/src/uni_modules/wot-design-uni/components/wd-form/wd-form.vue
index bb491cff..98f24eed 100644
--- a/src/uni_modules/wot-design-uni/components/wd-form/wd-form.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-form/wd-form.vue
@@ -19,25 +19,9 @@ export default {
 import { reactive, watch } from 'vue'
 import { deepClone, getPropByPath, isDef, isPromise } from '../common/util'
 import { useChildren } from '../composables/useChildren'
-import { type FormRules, FORM_KEY, type ErrorMessage } from './types'
+import { type FormRules, FORM_KEY, type ErrorMessage, formProps, type FormExpose } from './types'
 
-interface Props {
-  // 表单数据对象
-  model: Record<string, any>
-  // 表单验证规则
-  rules?: FormRules
-  // 是否在输入时重置表单校验信息
-  resetOnChange?: boolean
-  customClass?: string
-  customStyle?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  rules: () => ({}),
-  resetOnChange: true,
-  customClass: '',
-  customStyle: ''
-})
+const props = defineProps(formProps)
 
 const { children, linkChildren } = useChildren(FORM_KEY)
 let errorMessages = reactive<Record<string, string>>({})
@@ -179,13 +163,17 @@ function clearMessage(prop?: string) {
   }
 }
 
+/**
+ * 重置表单项的验证提示
+ */
 function reset() {
   clearMessage()
 }
 
-defineExpose({ validate, reset })
+defineExpose<FormExpose>({ validate, reset })
 </script>
 
 <style lang="scss" scoped>
 @import './index.scss';
 </style>
+./type
diff --git a/src/uni_modules/wot-design-uni/components/wd-gap/types.ts b/src/uni_modules/wot-design-uni/components/wd-gap/types.ts
new file mode 100644
index 00000000..c53522e1
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-gap/types.ts
@@ -0,0 +1,17 @@
+import { baseProps, makeBooleanProp, makeNumberProp, makeNumericProp, makeStringProp } from '../common/props'
+
+export const gapProps = {
+  ...baseProps,
+  /**
+   * 背景颜色
+   */
+  bgColor: makeStringProp('transparent'),
+  /**
+   * 是否开启底部安全区
+   */
+  safeAreaBottom: makeBooleanProp(false),
+  /**
+   * 高度
+   */
+  height: makeNumericProp(15)
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-gap/wd-gap.vue b/src/uni_modules/wot-design-uni/components/wd-gap/wd-gap.vue
index 0cad2bf2..f01555f8 100644
--- a/src/uni_modules/wot-design-uni/components/wd-gap/wd-gap.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-gap/wd-gap.vue
@@ -16,24 +16,9 @@ export default {
 <script setup lang="ts">
 import { type CSSProperties, computed } from 'vue'
 import { addUnit, isDef, objToStyle } from '../common/util'
+import { gapProps } from './types'
 
-interface Props {
-  bgColor?: string
-  safeAreaBottom?: boolean
-  customClass?: string
-  customStyle?: string
-  height?: string | number
-}
-const props = withDefaults(defineProps<Props>(), {
-  // 背景颜色（默认transparent）
-  bgColor: 'transparent',
-  //额外添加底部安全区高度
-  safeAreaBottom: false,
-  //分割槽高度，单位px
-  height: 15,
-  customClass: '',
-  customStyle: ''
-})
+const props = defineProps(gapProps)
 
 const rootStyle = computed(() => {
   const rootStyle: CSSProperties = {}
diff --git a/src/uni_modules/wot-design-uni/components/wd-grid-item/types.ts b/src/uni_modules/wot-design-uni/components/wd-grid-item/types.ts
new file mode 100644
index 00000000..531db1d3
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-grid-item/types.ts
@@ -0,0 +1,71 @@
+import type { ExtractPropTypes, PropType } from 'vue'
+import { baseProps, makeBooleanProp, makeStringProp } from '../common/props'
+import type { BadgeProps, BadgeType } from '../wd-badge/types'
+
+export type LinkType = 'navigateTo' | 'switchTab' | 'reLaunch' | 'redirectTo'
+
+export const gridItemProps = {
+  ...baseProps,
+  /**
+   * GridItem 下方文字样式
+   */
+  customText: makeStringProp(''),
+  /**
+   * GridItem 上方 icon 样式
+   */
+  customIcon: makeStringProp(''),
+  /**
+   * 图标名称，可选值见 wd-icon 组件
+   */
+  icon: makeStringProp(''),
+  /**
+   * 图标大小
+   */
+  iconSize: makeStringProp('26px'),
+  /**
+   * 文字
+   */
+  text: String,
+  /**
+   * 点击后跳转的链接地址
+   */
+  url: String,
+  /**
+   * 页面跳转方式, 参考微信小程序路由文档，可选值：navigateTo / switchTab / reLaunch
+   */
+  linkType: makeStringProp<LinkType>('navigateTo'),
+  /**
+   * 是否开启 GridItem 内容插槽
+   */
+  useSlot: makeBooleanProp(false),
+  /**
+   * 是否开启 GridItem icon 插槽
+   */
+  useIconSlot: makeBooleanProp(false),
+  /**
+   * 是否开启 GridItem text 内容插槽
+   */
+  useTextSlot: makeBooleanProp(false),
+  /**
+   * 是否显示图标右上角小红点
+   */
+  isDot: Boolean,
+  /**
+   * 图标右上角显示的 badge 类型，可选值：primary / success / warning / danger / info
+   */
+  type: String as PropType<BadgeType>,
+  /**
+   * 图标右上角 badge 显示值
+   */
+  value: Number,
+  /**
+   * 图标右上角 badge 最大值，超过最大值会显示 '{max}+'，要求 value 是 Number 类型
+   */
+  max: Number,
+  /**
+   * 徽标属性，透传给 Badge 组件
+   */
+  badgeProps: Object as PropType<Partial<BadgeProps>>
+}
+
+export type GridItemProps = ExtractPropTypes<typeof gridItemProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-grid-item/wd-grid-item.vue b/src/uni_modules/wot-design-uni/components/wd-grid-item/wd-grid-item.vue
index 7706636a..de26acfc 100644
--- a/src/uni_modules/wot-design-uni/components/wd-grid-item/wd-grid-item.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-grid-item/wd-grid-item.vue
@@ -33,53 +33,9 @@ import { onMounted, ref, watch, computed } from 'vue'
 import { useParent } from '../composables/useParent'
 import { GRID_KEY } from '../wd-grid/types'
 import { isDef } from '../common/util'
+import { gridItemProps } from './types'
 
-type BadgeType = 'primary' | 'success' | 'warning' | 'danger' | 'info'
-interface BadgeProps {
-  modelValue?: number | string | null
-  bgColor?: string
-  max?: number
-  isDot?: boolean
-  hidden?: boolean
-  type?: BadgeType
-  top?: number
-  right?: number
-  customClass?: string
-  customStyle?: string
-}
-type LinkType = 'navigateTo' | 'switchTab' | 'reLaunch' | 'redirectTo'
-interface Props {
-  customText?: string
-  customIcon?: string
-  customClass?: string
-  icon?: string
-  iconSize?: string
-  text?: string
-  url?: string
-  linkType?: LinkType
-  useSlot?: boolean
-  useIconSlot?: boolean
-  useTextSlot?: boolean
-  // badge属性
-  isDot?: boolean
-  type?: BadgeType
-  value?: number
-  max?: number
-  // 徽标属性，透传给 Badge 组件
-  badgeProps?: BadgeProps
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  customText: '',
-  customIcon: '',
-  icon: '',
-  iconSize: '26px',
-  linkType: 'navigateTo',
-  useSlot: false,
-  useIconSlot: false,
-  useTextSlot: false
-})
+const props = defineProps(gridItemProps)
 
 const style = ref<string>('')
 const gutterContentStyle = ref<string>('')
diff --git a/src/uni_modules/wot-design-uni/components/wd-grid/types.ts b/src/uni_modules/wot-design-uni/components/wd-grid/types.ts
index c853425a..600570b4 100644
--- a/src/uni_modules/wot-design-uni/components/wd-grid/types.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-grid/types.ts
@@ -1,16 +1,47 @@
 /*
  * @Author: weisheng
  * @Date: 2023-12-14 11:21:58
- * @LastEditTime: 2024-01-03 21:37:58
+ * @LastEditTime: 2024-03-18 14:38:35
  * @LastEditors: weisheng
  * @Description:
- * @FilePath: /wot-design-uni/src/uni_modules/wot-design-uni/components/wd-grid/types.ts
+ * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-grid\types.ts
  * 记得注释
  */
-import { type InjectionKey } from 'vue'
+import { type ExtractPropTypes, type InjectionKey } from 'vue'
+import { baseProps, makeBooleanProp, makeStringProp } from '../common/props'
 
 export type GridProvide = {
   props: { clickable?: boolean; square?: boolean; column?: number; border?: boolean; bgColor?: string; gutter?: number }
 }
 
 export const GRID_KEY: InjectionKey<GridProvide> = Symbol('wd-grid')
+
+export const gridProps = {
+  ...baseProps,
+  /**
+   * 是否开启格子点击反馈
+   */
+  clickable: makeBooleanProp(false),
+  /**
+   * 是否将格子固定为正方形
+   */
+  square: makeBooleanProp(false),
+  /**
+   * 列数
+   */
+  column: Number,
+  /**
+   * 是否显示边框
+   */
+  border: makeBooleanProp(false),
+  /**
+   * 背景颜色
+   */
+  bgColor: makeStringProp(''),
+  /**
+   * 格子之间的间距，默认单位为px
+   */
+  gutter: Number
+}
+
+export type GridProps = ExtractPropTypes<typeof gridProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-grid/wd-grid.vue b/src/uni_modules/wot-design-uni/components/wd-grid/wd-grid.vue
index c3469f0a..b547ab56 100644
--- a/src/uni_modules/wot-design-uni/components/wd-grid/wd-grid.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-grid/wd-grid.vue
@@ -19,27 +19,11 @@ export default {
 <script lang="ts" setup>
 import { watch } from 'vue'
 import { useChildren } from '../composables/useChildren'
-import { GRID_KEY } from './types'
+import { GRID_KEY, gridProps } from './types'
 import { debounce } from '../common/util'
 const nextTick = () => new Promise((resolve) => setTimeout(resolve, 20))
 
-interface Props {
-  customClass?: string
-  clickable?: boolean
-  square?: boolean
-  column?: number
-  border?: boolean
-  bgColor?: string
-  gutter?: number
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  clickable: false,
-  square: false,
-  border: false,
-  bgColor: ''
-})
+const props = defineProps(gridProps)
 
 // 子元素个数
 const { linkChildren, children } = useChildren(GRID_KEY)
diff --git a/src/uni_modules/wot-design-uni/components/wd-icon/types.ts b/src/uni_modules/wot-design-uni/components/wd-icon/types.ts
new file mode 100644
index 00000000..20511d7e
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-icon/types.ts
@@ -0,0 +1,21 @@
+import { baseProps, makeRequiredProp, makeStringProp } from '../common/props'
+
+export const iconProps = {
+  ...baseProps,
+  /**
+   * 使用的图标名字，可以使用链接图片
+   */
+  name: makeRequiredProp(String),
+  /**
+   * 图标的颜色
+   */
+  color: String,
+  /**
+   * 图标的字体大小
+   */
+  size: String,
+  /**
+   * 类名前缀，用于使用自定义图标
+   */
+  classPrefix: makeStringProp('wd-icon')
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-icon/wd-icon.vue b/src/uni_modules/wot-design-uni/components/wd-icon/wd-icon.vue
index 8b81b63a..cacd7f0b 100644
--- a/src/uni_modules/wot-design-uni/components/wd-icon/wd-icon.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-icon/wd-icon.vue
@@ -18,20 +18,9 @@ export default {
 <script lang="ts" setup>
 import { computed, ref, watch } from 'vue'
 import { objToStyle } from '../common/util'
+import { iconProps } from './types'
 
-interface Props {
-  name: string
-  color?: string
-  size?: string
-  classPrefix?: string
-  customStyle?: string
-  customClass?: string
-}
-const props = withDefaults(defineProps<Props>(), {
-  customStyle: '',
-  customClass: '',
-  classPrefix: 'wd-icon'
-})
+const props = defineProps(iconProps)
 
 const isImageUrl = ref<boolean>(false)
 
@@ -61,8 +50,8 @@ const rootStyle = computed(() => {
 
 const emit = defineEmits(['click'])
 
-function handleClick(e) {
-  emit('click', e)
+function handleClick(event: any) {
+  emit('click', event)
 }
 </script>
 
diff --git a/src/uni_modules/wot-design-uni/components/wd-img-cropper/types.ts b/src/uni_modules/wot-design-uni/components/wd-img-cropper/types.ts
new file mode 100644
index 00000000..232c5d2d
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-img-cropper/types.ts
@@ -0,0 +1,61 @@
+import type { ExtractPropTypes } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp, makeNumericProp, makeStringProp } from '../common/props'
+
+export const imgCropperProps = {
+  ...baseProps,
+  /**
+   * 打开图片裁剪组件
+   */
+  modelValue: makeBooleanProp(false),
+  /**
+   * 取消按钮文案
+   */
+  cancelButtonText: String,
+  /**
+   * 确认按钮文案
+   */
+  confirmButtonText: String,
+  /**
+   * 是否禁用旋转
+   */
+  disabledRotate: makeBooleanProp(false),
+  /** canvas绘图参数 start **/
+  /**
+   * 目标文件的类型，wx.canvasToTempFilePath属性介绍
+   */
+  fileType: makeStringProp('png'),
+  /**
+   * 生成的图片质量 wx.canvasToTempFilePath属性介绍
+   */
+  quality: makeNumberProp(1),
+  /**
+   * 设置导出图片尺寸
+   */
+  exportScale: makeNumberProp(2),
+  /** canvas绘图参数 end **/
+  /**
+   * 图片源路径
+   */
+  imgSrc: makeStringProp(''),
+  /**
+   * 图片宽
+   */
+  imgWidth: makeNumericProp(''),
+  /**
+   * 图片高
+   */
+  imgHeight: makeNumericProp(''),
+  /**
+   * 最大缩放
+   */
+  maxScale: makeNumberProp(3)
+}
+
+export type ImgCropperProps = ExtractPropTypes<typeof imgCropperProps>
+
+export type ImgCropperExpose = {
+  /**
+   * 逆转是否使用动画
+   */
+  revertIsAnimation: (animation: boolean) => void
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-img-cropper/wd-img-cropper.vue b/src/uni_modules/wot-design-uni/components/wd-img-cropper/wd-img-cropper.vue
index ef6f9602..1589d130 100644
--- a/src/uni_modules/wot-design-uni/components/wd-img-cropper/wd-img-cropper.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-img-cropper/wd-img-cropper.vue
@@ -80,6 +80,7 @@ export default {
 import { computed, getCurrentInstance, ref, watch } from 'vue'
 import { addUnit, objToStyle } from '../common/util'
 import { useTranslate } from '../composables/useTranslate'
+import { imgCropperProps, type ImgCropperExpose } from './types'
 
 // 延时动画设置
 let CHANGE_TIME: any | null = null
@@ -94,54 +95,10 @@ let INIT_IMGHEIGHT: null | number | string = null
 // 顶部裁剪框占比
 const TOP_PERCENT = 0.85
 
-interface Props {
-  customClass?: string
-  modelValue: boolean
-  cancelButtonText?: string
-  confirmButtonText?: string
-  // 是否禁用旋转
-  disabledRotate?: boolean
-  /** canvas绘图参数 start **/
-  // canvasToTempFilePath —— fileType
-  fileType?: string
-  // canvasToTempFilePath —— quality
-  quality?: number
-  // 设置导出图片尺寸
-  exportScale?: number
-  /** canvas绘图参数 end **/
-  // 图片源路径
-  imgSrc?: string
-  // 图片宽
-  imgWidth?: string | number
-  // 图片高
-  imgHeight?: string | number
-  // 最大缩放
-  maxScale?: number
-}
+const props = defineProps(imgCropperProps)
 
 const { translate } = useTranslate('img-cropper')
 
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  modelValue: false,
-  // 是否禁用旋转
-  disabledRotate: false,
-  /** canvas绘图参数 start **/
-  // canvasToTempFilePath —— fileType
-  fileType: 'png',
-  // canvasToTempFilePath —— quality
-  quality: 1,
-  // 设置导出图片尺寸
-  exportScale: 2,
-  /** canvas绘图参数 end **/
-  // 图片源路径
-  imgSrc: '',
-  // 最大缩放
-  maxScale: 3,
-  imgWidth: '',
-  imgHeight: ''
-})
-
 // 旋转角度
 const imgAngle = ref<number>(0)
 // 是否开启动画
@@ -490,7 +447,7 @@ function throttle() {
 /**
  * @description {图片区} 开始拖动
  */
-function handleImgTouchStart(event) {
+function handleImgTouchStart(event: any) {
   // 如果处于在拖动中，背景为淡色展示全部，拖动结束则为 0.85 透明度
   IS_TOUCH_END.value = false
   if (event.touches.length === 1) {
@@ -510,7 +467,7 @@ function handleImgTouchStart(event) {
 /**
  * @description {图片区} 拖动中
  */
-function handleImgTouchMove(event) {
+function handleImgTouchMove(event: any) {
   if (IS_TOUCH_END.value || !MOVE_THROTTLE_FLAG) return
   // 节流
   throttle()
@@ -544,14 +501,14 @@ function handleImgTouchEnd() {
 /**
  * @description 图片已加载完成
  */
-function handleImgLoaded(res) {
+function handleImgLoaded(res: any) {
   emit('imgloaded', res)
 }
 
 /**
  * @description 图片加载失败
  */
-function handleImgLoadError(err) {
+function handleImgLoadError(err: any) {
   emit('imgloaderror', err)
 }
 
@@ -573,7 +530,7 @@ function handleCancel() {
 /**
  * @description 完成裁剪
  */
-function handleConfirm(event) {
+function handleConfirm() {
   draw()
 }
 
@@ -646,7 +603,7 @@ function draw() {
 }
 function preventTouchMove() {}
 
-defineExpose({
+defineExpose<ImgCropperExpose>({
   revertIsAnimation
 })
 </script>
diff --git a/src/uni_modules/wot-design-uni/components/wd-img/types.ts b/src/uni_modules/wot-design-uni/components/wd-img/types.ts
new file mode 100644
index 00000000..6f2d1d1d
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-img/types.ts
@@ -0,0 +1,34 @@
+import { baseProps, makeBooleanProp, makeStringProp, numericProp } from '../common/props'
+
+export const imgProps = {
+  ...baseProps,
+  customImage: makeStringProp(''),
+  /**
+   * 图片链接
+   */
+  src: String,
+  /**
+   * 是否显示为圆形
+   */
+  round: makeBooleanProp(false),
+  /**
+   * 填充模式：'top left' / 'top right' / 'bottom left' / 'bottom right' / 'right' / 'left' / 'center' / 'bottom' / 'top' / 'heightFix' / 'widthFix' / 'aspectFill' / 'aspectFit' / 'scaleToFill'
+   */
+  mode: makeStringProp('scaleToFill'),
+  /**
+   * 是否懒加载
+   */
+  lazyLoad: makeBooleanProp(false),
+  /**
+   * 宽度，默认单位为px
+   */
+  width: numericProp,
+  /**
+   * 高度，默认单位为px
+   */
+  height: numericProp,
+  /**
+   * 圆角大小，默认单位为px
+   */
+  radius: numericProp
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-img/wd-img.vue b/src/uni_modules/wot-design-uni/components/wd-img/wd-img.vue
index 14a23dbe..c551c99b 100644
--- a/src/uni_modules/wot-design-uni/components/wd-img/wd-img.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-img/wd-img.vue
@@ -1,12 +1,3 @@
-<!--
- * @Author: weisheng
- * @Date: 2023-06-12 10:04:19
- * @LastEditTime: 2023-08-22 22:37:02
- * @LastEditors: weisheng
- * @Description: 
- * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-img\wd-img.vue
- * 记得注释
--->
 <template>
   <view :class="rootClass" @click="handleClick" :style="rootStyle">
     <image :class="`wd-img__image ${customImage}`" :src="src" :mode="mode" :lazy-load="lazyLoad" @load="handleLoad" @error="handleError" />
@@ -26,27 +17,9 @@ export default {
 <script lang="ts" setup>
 import { computed } from 'vue'
 import { addUnit, isDef, objToStyle } from '../common/util'
+import { imgProps } from './types'
 
-interface Props {
-  customClass?: string
-  customStyle?: string
-  customImage?: string
-  src: string
-  round?: boolean
-  mode?: string
-  lazyLoad?: boolean
-  width?: string | number
-  height?: string | number
-  radius?: string | number
-}
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  customStyle: '',
-  customImage: '',
-  round: false,
-  mode: 'scaleToFill',
-  lazyLoad: false
-})
+const props = defineProps(imgProps)
 
 const rootStyle = computed(() => {
   const style: Record<string, string | number> = {}
diff --git a/src/uni_modules/wot-design-uni/components/wd-input-number/types.ts b/src/uni_modules/wot-design-uni/components/wd-input-number/types.ts
new file mode 100644
index 00000000..e4ef66ef
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-input-number/types.ts
@@ -0,0 +1,70 @@
+/*
+ * @Author: weisheng
+ * @Date: 2024-03-15 20:40:34
+ * @LastEditTime: 2024-03-18 14:58:47
+ * @LastEditors: weisheng
+ * @Description:
+ * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-input-number\types.ts
+ * 记得注释
+ */
+import { baseProps, makeBooleanProp, makeNumberProp, makeNumericProp, makeRequiredProp, makeStringProp, numericProp } from '../common/props'
+
+export const inputNumberProps = {
+  ...baseProps,
+  /**
+   * 绑定值
+   */
+  modelValue: makeRequiredProp(numericProp),
+  /**
+   * 最小值
+   */
+  min: makeNumberProp(1),
+  /**
+   * 最大值
+   */
+  max: makeNumberProp(Number.MAX_SAFE_INTEGER),
+  /**
+   * 步进值
+   */
+  step: makeNumberProp(1),
+  /**
+   * 是否严格按照步进值递增或递减
+   */
+  stepStrictly: makeBooleanProp(false),
+  /**
+   * 数值精度
+   */
+  precision: makeNumberProp(0),
+  /**
+   * 是否禁用
+   */
+  disabled: makeBooleanProp(false),
+  /**
+   * 是否禁用输入框
+   */
+  disableInput: makeBooleanProp(false),
+  /**
+   * 是否禁用减号按钮
+   */
+  disableMinus: makeBooleanProp(false),
+  /**
+   * 是否禁用加号按钮
+   */
+  disablePlus: makeBooleanProp(false),
+  /**
+   * 是否不显示输入框
+   */
+  withoutInput: makeBooleanProp(false),
+  /**
+   * 输入框宽度
+   */
+  inputWidth: makeNumericProp(36),
+  /**
+   * 是否允许为空
+   */
+  allowNull: makeBooleanProp(false),
+  /**
+   * 输入框占位符
+   */
+  placeholder: makeStringProp('')
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-input-number/wd-input-number.vue b/src/uni_modules/wot-design-uni/components/wd-input-number/wd-input-number.vue
index d59ba304..7e3a6a5f 100644
--- a/src/uni_modules/wot-design-uni/components/wd-input-number/wd-input-number.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-input-number/wd-input-number.vue
@@ -37,41 +37,9 @@ export default {
 <script lang="ts" setup>
 import { ref, watch } from 'vue'
 import { debounce, getType } from '../common/util'
+import { inputNumberProps } from './types'
 
-interface Props {
-  customClass?: string
-  modelValue: number | string
-  min?: number
-  max?: number
-  step?: number
-  stepStrictly?: boolean
-  precision?: number
-  disabled?: boolean
-  disableInput?: boolean
-  disableMinus?: boolean
-  disablePlus?: boolean
-  withoutInput?: boolean
-  inputWidth?: string | number
-  allowNull?: boolean
-  placeholder?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  min: 1,
-  max: Number.MAX_SAFE_INTEGER,
-  step: 1,
-  stepStrictly: false,
-  precision: 0,
-  disabled: false,
-  disableInput: false,
-  disableMinus: false,
-  disablePlus: false,
-  withoutInput: false,
-  inputWidth: 36,
-  allowNull: false,
-  placeholder: ''
-})
+const props = defineProps(inputNumberProps)
 
 const minDisabled = ref<boolean>(false)
 const maxDisabled = ref<boolean>(false)
@@ -113,17 +81,17 @@ function updateBoundary() {
   }, 30)()
 }
 
-function splitDisabled(value) {
+function splitDisabled(value: number | string) {
   const { disabled, min, max, step } = props
-  minDisabled.value = disabled || value <= min || changeStep(value, -step) < min
-  maxDisabled.value = disabled || value >= max || changeStep(value, step) > max
+  minDisabled.value = disabled || Number(value) <= min || changeStep(value, -step) < min
+  maxDisabled.value = disabled || Number(value) >= max || changeStep(value, step) > max
 }
 
 function toPrecision(value: number) {
   return Number(parseFloat(`${Math.round(value * Math.pow(10, props.precision)) / Math.pow(10, props.precision)}`).toFixed(props.precision))
 }
 
-function getPrecision(value) {
+function getPrecision(value?: number) {
   if (value === undefined) return 0
   const valueString = value.toString()
   const dotPosition = valueString.indexOf('.')
@@ -134,10 +102,10 @@ function getPrecision(value) {
   return precision
 }
 
-function toStrictlyStep(value) {
+function toStrictlyStep(value: number | string) {
   const stepPrecision = getPrecision(props.step)
   const precisionFactory = Math.pow(10, stepPrecision)
-  return (Math.round(value / props.step) * precisionFactory * props.step) / precisionFactory
+  return (Math.round(Number(value) / props.step) * precisionFactory * props.step) / precisionFactory
 }
 
 function setValue(value: string | number, change: boolean = true) {
@@ -185,12 +153,12 @@ function add() {
   dispatchChangeEvent(newValue)
 }
 
-function handleInput(event) {
+function handleInput(event: any) {
   const value = event.detail.value || ''
   dispatchChangeEvent(value)
 }
 
-function handleFocus(event) {
+function handleFocus(event: any) {
   emit('focus', event.detail)
 }
 
@@ -229,7 +197,7 @@ function formatValue(value: string | number) {
     value = value.toFixed(props.precision)
   }
 
-  return value
+  return Number(value)
 }
 </script>
 
diff --git a/src/uni_modules/wot-design-uni/components/wd-input/types.ts b/src/uni_modules/wot-design-uni/components/wd-input/types.ts
new file mode 100644
index 00000000..122acb12
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-input/types.ts
@@ -0,0 +1,154 @@
+import { baseProps, makeArrayProp, makeBooleanProp, makeNumberProp, makeNumericProp, makeStringProp } from '../common/props'
+import type { FormItemRule } from '../wd-form/types'
+
+export const inputProps = {
+  ...baseProps,
+  customInputClass: makeStringProp(''),
+  customLabelClass: makeStringProp(''),
+  // 原生属性
+  /**
+   * 占位文本
+   */
+  placeholder: String,
+  /**
+   * 原生属性，指定 placeholder 的样式，目前仅支持color,font-size和font-weight
+   */
+  placeholderStyle: String,
+  /**
+   * 原生属性，指定 placeholder 的样式类
+   */
+  placeholderClass: makeStringProp(''),
+  /**
+   * 原生属性，指定光标与键盘的距离。取 input 距离底部的距离和cursor-spacing指定的距离的最小值作为光标与键盘的距离
+   */
+  cursorSpacing: makeNumberProp(0),
+  /**
+   * 原生属性，指定focus时的光标位置
+   */
+  cursor: makeNumberProp(-1),
+  /**
+   * 原生属性，光标起始位置，自动聚集时有效，需与selection-end搭配使用
+   */
+  selectionStart: makeNumberProp(-1),
+  /**
+   * 原生属性，光标结束位置，自动聚集时有效，需与selection-start搭配使用
+   */
+  selectionEnd: makeNumberProp(-1),
+  /**
+   * 原生属性，键盘弹起时，是否自动上推页面
+   */
+  adjustPosition: makeBooleanProp(true),
+  /**
+   * focus时，点击页面的时候不收起键盘
+   */
+  holdKeyboard: makeBooleanProp(false),
+  /**
+   * 设置键盘右下角按钮的文字，仅在type='text'时生效，可选值：done / go / next / search / send
+   */
+  confirmType: makeStringProp('done'),
+  /**
+   * 点击键盘右下角按钮时是否保持键盘不收起
+   */
+  confirmHold: makeBooleanProp(false),
+  /**
+   * 原生属性，获取焦点
+   */
+  focus: makeBooleanProp(false),
+  /**
+   * 类型，可选值：text / number / digit / idcard
+   */
+  type: makeStringProp('text'),
+  /**
+   * 原生属性，最大长度
+   */
+  maxlength: makeNumberProp(-1),
+  /**
+   * 原生属性，禁用
+   */
+  disabled: makeBooleanProp(false),
+  /**
+   * 微信小程序原生属性，强制 input 处于同层状态，默认 focus 时 input 会切到非同层状态 (仅在 iOS 下生效)
+   */
+  alwaysEmbed: makeBooleanProp(false),
+  // 原生属性结束
+  /**
+   * 输入框的值靠右展示
+   */
+  alignRight: makeBooleanProp(false),
+  /**
+   * 绑定值
+   */
+  modelValue: makeNumericProp(''),
+  /**
+   * 显示为密码框
+   */
+  showPassword: makeBooleanProp(false),
+  /**
+   * 显示清空按钮
+   */
+  clearable: makeBooleanProp(false),
+  /**
+   * 只读
+   */
+  readonly: makeBooleanProp(false),
+  /**
+   * 使用 后置图标 插槽
+   */
+  useSuffixSlot: makeBooleanProp(false),
+  /**
+   * 使用 前置图标 插槽
+   */
+  usePrefixSlot: makeBooleanProp(false),
+  /**
+   * 前置图标，icon组件中的图标类名
+   */
+  prefixIcon: String,
+  /**
+   * 后置图标，icon组件中的图标类名
+   */
+  suffixIcon: String,
+  /**
+   * 显示字数限制，需要同时设置 maxlength
+   */
+  showWordLimit: makeBooleanProp(false),
+  /**
+   * 设置左侧标题
+   */
+  label: String,
+  /**
+   * 设置左侧标题宽度
+   */
+  labelWidth: makeStringProp('33%'),
+  /**
+   * 使用 label 插槽
+   */
+  useLabelSlot: makeBooleanProp(false),
+  /**
+   * 设置输入框大小，可选值：large
+   */
+  size: String,
+  /**
+   * 设置输入框错误状态，错误状态时为红色
+   */
+  error: makeBooleanProp(false),
+  /**
+   * 当有label属性时，设置标题和输入框垂直居中，默认为顶部居中
+   */
+  center: makeBooleanProp(false),
+  /**
+   * 非 cell 类型下是否隐藏下划线
+   */
+  noBorder: makeBooleanProp(false),
+  /**
+   * 是否必填
+   */
+  required: makeBooleanProp(false),
+  /**
+   * 表单域 model 字段名，在使用表单校验功能的情况下，该属性是必填的
+   */
+  prop: String,
+  /**
+   * 表单验证规则，结合wd-form组件使用
+   */
+  rules: makeArrayProp<FormItemRule>()
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-input/wd-input.vue b/src/uni_modules/wot-design-uni/components/wd-input/wd-input.vue
index f4c05e39..72103893 100644
--- a/src/uni_modules/wot-design-uni/components/wd-input/wd-input.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-input/wd-input.vue
@@ -91,90 +91,12 @@ import { useCell } from '../composables/useCell'
 import { FORM_KEY, type FormItemRule } from '../wd-form/types'
 import { useParent } from '../composables/useParent'
 import { useTranslate } from '../composables/useTranslate'
+import { inputProps } from './types'
 
-interface Props {
-  customInputClass?: string
-  customLabelClass?: string
-  customClass?: string
-  customStyle?: string
-  // 原生属性
-  placeholder?: string
-  placeholderStyle?: string
-  placeholderClass?: string
-  cursorSpacing?: number
-  cursor?: number
-  selectionStart?: number
-  selectionEnd?: number
-  adjustPosition?: boolean
-  holdKeyboard?: boolean
-  confirmType?: string
-  confirmHold?: boolean
-  focus?: boolean
-  type?: string
-  maxlength?: number
-  disabled?: boolean
-  alwaysEmbed?: boolean
-  // 原生属性结束
-  alignRight?: boolean
-  modelValue: string | number
-  showPassword?: boolean
-  clearable?: boolean
-  readonly?: boolean
-  useSuffixSlot?: boolean
-  usePrefixSlot?: boolean
-  prefixIcon?: string
-  suffixIcon?: string
-  showWordLimit?: boolean
-  label?: string
-  labelWidth?: string
-  useLabelSlot?: boolean
-  size?: string
-  error?: boolean
-  center?: boolean
-  noBorder?: boolean
-  required?: boolean
-  prop?: string
-  rules?: FormItemRule[]
-}
+const props = defineProps(inputProps)
 
 const { translate } = useTranslate('input')
 
-const props = withDefaults(defineProps<Props>(), {
-  customInputClass: '',
-  customLabelClass: '',
-  customClass: '',
-  customStyle: '',
-  type: 'text',
-  maxlength: -1,
-  modelValue: '',
-  clearable: false,
-  showPassword: false,
-  disabled: false,
-  alignRight: false,
-  alwaysEmbed: false,
-  readonly: false,
-  useSuffixSlot: false,
-  usePrefixSlot: false,
-  showWordLimit: false,
-  confirmType: 'done',
-  confirmHold: false,
-  placeholderClass: '',
-  focus: false,
-  cursorSpacing: 0,
-  cursor: -1,
-  selectionStart: -1,
-  selectionEnd: -1,
-  adjustPosition: true,
-  holdKeyboard: false,
-  error: false,
-  center: false,
-  labelWidth: '33%',
-  useLabelSlot: false,
-  required: false,
-  noBorder: false,
-  rules: () => []
-})
-
 const showClear = ref<boolean>(false)
 const showWordCount = ref<boolean>(false)
 const isPwdVisible = ref<boolean>(false)
@@ -304,7 +226,7 @@ function clear() {
     })
 }
 // 失去焦点时会先后触发change、blur，未输入内容但失焦不触发 change 只触发 blur
-function handleBlur({ detail }) {
+function handleBlur() {
   isFocus.value = false
   emit('change', {
     value: inputValue.value
@@ -314,7 +236,7 @@ function handleBlur({ detail }) {
     value: inputValue.value
   })
 }
-function handleFocus({ detail }) {
+function handleFocus({ detail }: any) {
   if (clearing.value) {
     clearing.value = false
     return
@@ -327,10 +249,10 @@ function handleInput() {
   emit('update:modelValue', inputValue.value)
   emit('input', inputValue.value)
 }
-function handleKeyboardheightchange(event) {
+function handleKeyboardheightchange(event: any) {
   emit('keyboardheightchange', event.detail)
 }
-function handleConfirm({ detail }) {
+function handleConfirm({ detail }: any) {
   emit('confirm', detail)
 }
 function onClickSuffixIcon() {
diff --git a/src/uni_modules/wot-design-uni/components/wd-loading/type.ts b/src/uni_modules/wot-design-uni/components/wd-loading/type.ts
deleted file mode 100644
index 45347a2e..00000000
--- a/src/uni_modules/wot-design-uni/components/wd-loading/type.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// 'circle-outline' | 'circle-ring' 废弃
-export type LoadingType = 'outline' | 'ring' | 'circle-outline' | 'circle-ring' // 提示信息加载状态类型
diff --git a/src/uni_modules/wot-design-uni/components/wd-loading/types.ts b/src/uni_modules/wot-design-uni/components/wd-loading/types.ts
new file mode 100644
index 00000000..bb7986b7
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-loading/types.ts
@@ -0,0 +1,32 @@
+/*
+ * @Author: weisheng
+ * @Date: 2024-03-15 20:40:34
+ * @LastEditTime: 2024-03-18 14:59:32
+ * @LastEditors: weisheng
+ * @Description:
+ * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-loading\types.ts
+ * 记得注释
+ */
+import type { ExtractPropTypes } from 'vue'
+import { baseProps, makeNumericProp, makeStringProp } from '../common/props'
+
+// 'circle-outline' | 'circle-ring' 废弃
+export type LoadingType = 'outline' | 'ring' | 'circle-outline' | 'circle-ring' // 提示信息加载状态类型
+
+export const loadingProps = {
+  ...baseProps,
+  /**
+   * 加载指示器类型，可选值：'outline' | 'ring' | 'circle-outline' | 'circle-ring'
+   */
+  type: makeStringProp<LoadingType>('ring'),
+  /**
+   * 设置加载指示器颜色
+   */
+  color: makeStringProp('#4D80F0'),
+  /**
+   * 设置加载指示器大小
+   */
+  size: makeNumericProp('32px')
+}
+
+export type LoadingProps = ExtractPropTypes<typeof loadingProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-loading/wd-loading.vue b/src/uni_modules/wot-design-uni/components/wd-loading/wd-loading.vue
index 6ebb0b9e..f8b01c30 100644
--- a/src/uni_modules/wot-design-uni/components/wd-loading/wd-loading.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-loading/wd-loading.vue
@@ -24,7 +24,7 @@ export default {
 import { computed, onBeforeMount, ref, watch } from 'vue'
 import base64 from '../common/base64'
 import { gradient, context, objToStyle, addUnit } from '../common/util'
-import type { LoadingType } from './type'
+import { loadingProps } from './types'
 
 const svgDefineId = context.id++
 const svgDefineId1 = context.id++
@@ -39,21 +39,7 @@ const icon = {
   }
 }
 
-interface Props {
-  customStyle?: string
-  customClass?: string
-  type?: LoadingType
-  color?: string
-  size?: string | number
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customStyle: '',
-  customClass: '',
-  type: 'ring',
-  color: '#4D80F0',
-  size: '32px'
-})
+const props = defineProps(loadingProps)
 
 const svg = ref<string>('')
 const intermediateColor = ref<string>('')
@@ -100,7 +86,7 @@ onBeforeMount(() => {
 
 function buildSvg() {
   const { type, color } = props
-  let adaptType = 'ring'
+  let adaptType: 'outline' | 'ring' = 'ring'
   //  2.2.0 版本向下兼容 circle-outline 和 circle-ring;
   if (type === 'circle-outline') {
     adaptType = 'outline'
diff --git a/src/uni_modules/wot-design-uni/components/wd-loadmore/types.ts b/src/uni_modules/wot-design-uni/components/wd-loadmore/types.ts
new file mode 100644
index 00000000..558e8ac5
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-loadmore/types.ts
@@ -0,0 +1,24 @@
+import type { PropType } from 'vue'
+import { baseProps, makeStringProp } from '../common/props'
+
+export type LoadMoreState = 'loading' | 'error' | 'finished'
+
+export const loadmoreProps = {
+  ...baseProps,
+  /**
+   * 加载状态，可选值：'loading' | 'error' | 'finished'
+   */
+  state: String as PropType<LoadMoreState>,
+  /**
+   * 加载提示文案
+   */
+  loadingText: String,
+  /**
+   * 全部加载完的提示文案
+   */
+  finishedText: String,
+  /**
+   * 加载失败的提示文案
+   */
+  errorText: makeStringProp('加载失败，点击重试')
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-loadmore/wd-loadmore.vue b/src/uni_modules/wot-design-uni/components/wd-loadmore/wd-loadmore.vue
index c4ee9b5f..82e17ea5 100644
--- a/src/uni_modules/wot-design-uni/components/wd-loadmore/wd-loadmore.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-loadmore/wd-loadmore.vue
@@ -32,22 +32,9 @@ export default {
 <script lang="ts" setup>
 import { ref } from 'vue'
 import { useTranslate } from '../composables/useTranslate'
+import { loadmoreProps, type LoadMoreState } from './types'
 
-type LoadMoreState = 'loading' | 'error' | 'finished'
-
-interface Props {
-  customClass?: string
-  state?: LoadMoreState
-  loadingText?: string
-  finishedText?: string
-  errorText?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  errorText: ''
-})
-
+const props = defineProps(loadmoreProps)
 const { translate } = useTranslate('loadmore')
 
 const currentState = ref<LoadMoreState | null>(null)
diff --git a/src/uni_modules/wot-design-uni/components/wd-message-box/types.ts b/src/uni_modules/wot-design-uni/components/wd-message-box/types.ts
index ea7e230e..8c65a51e 100644
--- a/src/uni_modules/wot-design-uni/components/wd-message-box/types.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-message-box/types.ts
@@ -1,3 +1,5 @@
+import { baseProps, makeBooleanProp } from '../common/props'
+
 export type MessageType = 'alert' | 'confirm' | 'prompt'
 
 export type MessageOptions = {
@@ -50,12 +52,14 @@ export type MessageOptions = {
   /**
    * 当type为prompt时，输入框校验函数，点击确定按钮时进行校验
    */
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  inputValidate?: Function | null
+  inputValidate?: InputValidate | null
   /**
    * 当type为prompt时，输入框检验不通过时的错误提示文案
    */
   inputError?: string
+  /**
+   * 是否展示错误信息
+   */
   showErr?: boolean
   /**
    * 弹窗层级
@@ -69,6 +73,8 @@ export type MessageOptions = {
 
 export type ActionType = 'confirm' | 'cancel' | 'modal'
 
+export type InputValidate = (inputValue: string | number) => boolean
+
 export interface MessageResult {
   action: ActionType
   value?: string | number
@@ -86,3 +92,9 @@ export interface Message {
   // 关闭Message
   close(): void
 }
+
+export const messageBoxProps = {
+  ...baseProps,
+  useSlot: makeBooleanProp(false),
+  selector: String
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-message-box/wd-message-box.vue b/src/uni_modules/wot-design-uni/components/wd-message-box/wd-message-box.vue
index 1a2e6a93..dfba84f4 100644
--- a/src/uni_modules/wot-design-uni/components/wd-message-box/wd-message-box.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-message-box/wd-message-box.vue
@@ -60,22 +60,12 @@ export default {
 
 <script lang="ts" setup>
 import { computed, inject, ref, watch } from 'vue'
-import type { MessageOptions, MessageType } from './types'
+import { messageBoxProps, type InputValidate, type MessageOptions, type MessageType } from './types'
 import { defaultOptions, messageDefaultOptionKey } from '.'
 import { isDef } from '../common/util'
 import { useTranslate } from '../composables/useTranslate'
 
-interface Props {
-  useSlot?: boolean
-  selector?: string
-  customClass?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  useSlot: false,
-  customClass: '',
-  selector: ''
-})
+const props = defineProps(messageBoxProps)
 
 const { translate } = useTranslate('message-box')
 
@@ -148,8 +138,7 @@ const inputPattern = ref<RegExp>()
 /**
  * 当type为prompt时，输入框校验函数，点击确定按钮时进行校验
  */
-// eslint-disable-next-line @typescript-eslint/ban-types
-let inputValidate: Function | null = null
+let inputValidate: InputValidate | null = null
 
 /**
  * 当type为prompt时，输入框检验不通过时的错误提示文案
@@ -234,7 +223,7 @@ function validate() {
     return false
   }
   if (typeof inputValidate === 'function') {
-    const validateResult = inputValidate(inputValue)
+    const validateResult = inputValidate(inputValue.value)
     if (!validateResult) {
       showErr.value = true
       return false
@@ -247,7 +236,7 @@ function validate() {
  * @description show关闭时，销毁错误提示
  * @param val
  */
-function resetErr(val) {
+function resetErr(val: boolean) {
   if (val === false) {
     showErr.value = false
   }
diff --git a/src/uni_modules/wot-design-uni/components/wd-navbar-capsule/types.ts b/src/uni_modules/wot-design-uni/components/wd-navbar-capsule/types.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/src/uni_modules/wot-design-uni/components/wd-navbar/types.ts b/src/uni_modules/wot-design-uni/components/wd-navbar/types.ts
new file mode 100644
index 00000000..18798653
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-navbar/types.ts
@@ -0,0 +1,52 @@
+import type { ExtractPropTypes } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp } from '../common/props'
+
+export const navbarProps = {
+  ...baseProps,
+  /**
+   * 标题文字
+   */
+  title: String,
+  /**
+   * 左侧文案
+   */
+  leftText: String,
+  /**
+   * 右侧文案
+   */
+  rightText: String,
+  /**
+   * 是否显示左侧箭头
+   */
+  leftArrow: makeBooleanProp(false),
+  /**
+   * 是否显示下边框
+   */
+  bordered: makeBooleanProp(true),
+  /**
+   * 是否固定到顶部
+   */
+  fixed: makeBooleanProp(false),
+  /**
+   * 固定在顶部时，是否在标签位置生成一个等高的占位元素
+   */
+  placeholder: makeBooleanProp(false),
+  /**
+   * 导航栏 z-index
+   */
+  zIndex: makeNumberProp(500),
+  /**
+   * 是否开启顶部安全区适配
+   */
+  safeAreaInsetTop: makeBooleanProp(false),
+  /**
+   * 是否禁用左侧按钮，禁用时透明度降低，且无法点击
+   */
+  leftDisabled: makeBooleanProp(false),
+  /**
+   * 是否禁用右侧按钮，禁用时透明度降低，且无法点击
+   */
+  rightDisabled: makeBooleanProp(false)
+}
+
+export type NavbarProps = ExtractPropTypes<typeof navbarProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-navbar/wd-navbar.vue b/src/uni_modules/wot-design-uni/components/wd-navbar/wd-navbar.vue
index c44d4194..1fc60590 100644
--- a/src/uni_modules/wot-design-uni/components/wd-navbar/wd-navbar.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-navbar/wd-navbar.vue
@@ -53,49 +53,9 @@ export default {
 <script lang="ts" setup>
 import { type CSSProperties, computed, getCurrentInstance, nextTick, onMounted, ref, watch } from 'vue'
 import { getRect, addUnit, isDef, objToStyle } from '../common/util'
+import { navbarProps } from './types'
 
-interface Props {
-  customClass?: string
-  customStyle?: string
-  // 标题文字
-  title?: string
-  // 左侧文案
-  leftText?: string
-  // 右侧文案
-  rightText?: string
-  // 是否显示左侧箭头
-  leftArrow?: boolean
-  // 是否显示下边框
-  bordered?: boolean
-  // 是否固定到顶部
-  fixed?: boolean
-  // 固定在顶部时，是否在标签位置生成一个等高的占位元素
-  placeholder?: boolean
-  // 导航栏 z-index
-  zIndex?: number
-  // 是否开启顶部安全区适配
-  safeAreaInsetTop?: boolean
-  // 是否禁用左侧按钮，禁用时透明度降低，且无法点击
-  leftDisabled?: boolean
-  // 是否禁用右侧按钮，禁用时透明度降低，且无法点击
-  rightDisabled?: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customStyle: '',
-  customClass: '',
-  title: '',
-  leftText: '',
-  rightText: '',
-  leftArrow: false,
-  bordered: true,
-  fixed: false,
-  placeholder: false,
-  zIndex: 500,
-  safeAreaInsetTop: false,
-  leftDisabled: false,
-  rightDisabled: false
-})
+const props = defineProps(navbarProps)
 
 const height = ref<number | ''>('') // 占位高度
 
@@ -149,8 +109,8 @@ function setPlaceholderHeight() {
     return
   }
 
-  getRect('.wd-navbar', false, proxy).then((res: any) => {
-    height.value = res.height
+  getRect('.wd-navbar', false, proxy).then((res) => {
+    height.value = res.height as number
   })
 }
 </script>
diff --git a/src/uni_modules/wot-design-uni/components/wd-notice-bar/types.ts b/src/uni_modules/wot-design-uni/components/wd-notice-bar/types.ts
new file mode 100644
index 00000000..d0906039
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-notice-bar/types.ts
@@ -0,0 +1,47 @@
+import { baseProps, makeBooleanProp, makeNumberProp, makeStringProp } from '../common/props'
+
+export type NoticeBarType = 'warning' | 'info' | 'danger' | ''
+
+export const noticeBarProps = {
+  ...baseProps,
+  /**
+   * 设置通知栏文案
+   */
+  text: String,
+  /**
+   * 设置通知栏类型，可选值为：'warning' | 'info' | 'danger'
+   */
+  type: makeStringProp<NoticeBarType>('warning'),
+  /**
+   * 是否可滚动
+   */
+  scrollable: makeBooleanProp(true),
+  /**
+   * 滚动延迟时间（秒）
+   */
+  delay: makeNumberProp(1),
+  /**
+   * 滚动速度（px/s）
+   */
+  speed: makeNumberProp(50),
+  /**
+   * 是否可关闭
+   */
+  closable: makeBooleanProp(false),
+  /**
+   * 是否换行显示
+   */
+  wrapable: makeBooleanProp(false),
+  /**
+   * 设置左侧图标，使用 icon 章节中的图标名
+   */
+  prefix: String,
+  /**
+   * 文字、图标颜色
+   */
+  color: String,
+  /**
+   * 背景颜色
+   */
+  backgroundColor: String
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-notice-bar/wd-notice-bar.vue b/src/uni_modules/wot-design-uni/components/wd-notice-bar/wd-notice-bar.vue
index a17da03d..2cecb236 100644
--- a/src/uni_modules/wot-design-uni/components/wd-notice-bar/wd-notice-bar.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-notice-bar/wd-notice-bar.vue
@@ -28,34 +28,12 @@ import { onBeforeMount, ref, watch } from 'vue'
 import { getRect } from '../common/util'
 import { getCurrentInstance } from 'vue'
 import { nextTick } from 'vue'
+import { noticeBarProps } from './types'
 
 const $wrap = '.wd-notice-bar__wrap'
 const $content = '.wd-notice-bar__content'
 
-type NoticeBarType = 'warning' | 'info' | 'danger' | ''
-interface Props {
-  customClass?: string
-  text?: string
-  type?: NoticeBarType
-  scrollable?: boolean
-  delay?: number
-  speed?: number
-  closable?: boolean
-  wrapable?: boolean
-  prefix?: string
-  color?: string
-  backgroundColor?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  type: 'warning',
-  scrollable: true,
-  delay: 1,
-  speed: 50,
-  closable: false,
-  wrapable: false
-})
+const props = defineProps(noticeBarProps)
 
 const firstPlay = ref<boolean>(true)
 const wrapWidth = ref<number>(0)
@@ -104,7 +82,7 @@ function handleClose() {
   emit('close')
 }
 
-function initAnimation(duration, delay, translate) {
+function initAnimation(duration: number, delay: number, translate: number) {
   const ani = uni
     .createAnimation({
       duration,
@@ -117,7 +95,7 @@ function initAnimation(duration, delay, translate) {
 
 function scroll() {
   Promise.all([getRect($wrap, false, proxy), getRect($content, false, proxy)]).then((rects) => {
-    const [wrapRect, contentRect] = rects as UniApp.NodeInfo[]
+    const [wrapRect, contentRect] = rects
     if (!wrapRect || !contentRect || !wrapRect.width || !contentRect.width) return
 
     const wrapWidthTemp = wrapRect.width
diff --git a/src/uni_modules/wot-design-uni/components/wd-notify/index.ts b/src/uni_modules/wot-design-uni/components/wd-notify/index.ts
index 86bdcde9..3e457e1e 100644
--- a/src/uni_modules/wot-design-uni/components/wd-notify/index.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-notify/index.ts
@@ -1,5 +1,5 @@
 import { provide, reactive } from 'vue'
-import type { NotifyProps } from './type'
+import type { NotifyProps } from './types'
 import { deepMerge, isString } from '../common/util'
 
 let timer: ReturnType<typeof setTimeout>
diff --git a/src/uni_modules/wot-design-uni/components/wd-notify/type.ts b/src/uni_modules/wot-design-uni/components/wd-notify/types.ts
similarity index 63%
rename from src/uni_modules/wot-design-uni/components/wd-notify/type.ts
rename to src/uni_modules/wot-design-uni/components/wd-notify/types.ts
index 84db4e52..b22440d3 100644
--- a/src/uni_modules/wot-design-uni/components/wd-notify/type.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-notify/types.ts
@@ -1,6 +1,6 @@
 import type { PropType, ExtractPropTypes } from 'vue'
+import { makeBooleanProp, makeNumberProp, makeNumericProp, makeStringProp } from '../common/props'
 
-export type NotifyMessage = string | number
 export type NotifyType = 'primary' | 'success' | 'danger' | 'warning'
 export type NotifyPosition = 'top' | 'bottom'
 export type NotifyProps = Omit<Partial<ExtractPropTypes<typeof notifyProps>>, 'selector'> & {
@@ -22,70 +22,41 @@ export const notifyProps = {
   /**
    * 类型，可选值为 primary success danger warning
    */
-  type: {
-    type: String as PropType<NotifyType>,
-    default: 'danger'
-  },
+  type: makeStringProp<NotifyType>('danger'),
   /**
    * 字体颜色
    */
-  color: {
-    type: String,
-    default: ''
-  },
+  color: makeStringProp(''),
   /**
    * 将组件的 z-index 层级设置为一个固定值
    */
-  zIndex: {
-    type: Number,
-    default: 99
-  },
+  zIndex: makeNumberProp(99),
   /**
    * 显示
    */
-  visible: {
-    type: Boolean,
-    default: false
-  },
+  visible: makeBooleanProp(false),
   /**
    * 展示文案，支持通过\n换行
    */
-  message: {
-    type: [Number, String] as PropType<NotifyMessage>,
-    default: ''
-  },
+  message: makeNumericProp(''),
   /**
    * 指定唯一标识
    */
-  selector: {
-    type: String,
-    default: ''
-  },
+  selector: makeStringProp(''),
   /**
    * 展示时长(ms)，值为 0 时，notify 不会消失
    */
-  duration: {
-    type: Number,
-    default: 3000
-  },
+  duration: makeNumberProp(3000),
   /**
    * 弹出位置，可选值为 top bottom
    */
-  position: {
-    type: String as PropType<NotifyPosition>,
-    default: 'top'
-  },
+  position: makeStringProp<NotifyPosition>('top'),
   /**
    * 顶部安全高度（
    */
-  safeHeight: {
-    type: Number
-  },
+  safeHeight: Number,
   /**
    * 背景颜色
    */
-  background: {
-    type: String,
-    default: ''
-  }
+  background: makeStringProp('')
 }
diff --git a/src/uni_modules/wot-design-uni/components/wd-notify/wd-notify.vue b/src/uni_modules/wot-design-uni/components/wd-notify/wd-notify.vue
index f74d4790..d6aa40df 100644
--- a/src/uni_modules/wot-design-uni/components/wd-notify/wd-notify.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-notify/wd-notify.vue
@@ -25,9 +25,9 @@ export default {
 
 <script lang="ts" setup>
 import { inject, computed, watch } from 'vue'
-import { notifyProps, type NotifyProps } from './type'
+import { notifyProps, type NotifyProps } from './types'
 import { getNotifyOptionKey } from '.'
-import { isDef, addUnit, isFunction } from '../common/util'
+import { addUnit, isFunction } from '../common/util'
 
 const props = defineProps(notifyProps)
 const emits = defineEmits<{
diff --git a/src/uni_modules/wot-design-uni/components/wd-number-keyboard/key/index.vue b/src/uni_modules/wot-design-uni/components/wd-number-keyboard/key/index.vue
index dc16c841..16b8b9cc 100644
--- a/src/uni_modules/wot-design-uni/components/wd-number-keyboard/key/index.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-number-keyboard/key/index.vue
@@ -32,24 +32,9 @@ export default {
 <script lang="ts" setup>
 import { computed, ref } from 'vue'
 import { useTouch } from '../../composables/useTouch'
+import { keyProps } from './types'
 
-type KeyType = '' | 'delete' | 'extra' | 'close'
-
-interface Props {
-  type?: KeyType
-  text?: number | string
-  wider?: boolean
-  large?: boolean
-  loading?: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  type: '',
-  text: '',
-  wider: false,
-  large: false,
-  loading: false
-})
+const props = defineProps(keyProps)
 
 const touch = useTouch()
 const active = ref<boolean>(false)
diff --git a/src/uni_modules/wot-design-uni/components/wd-number-keyboard/key/types.ts b/src/uni_modules/wot-design-uni/components/wd-number-keyboard/key/types.ts
new file mode 100644
index 00000000..efa497ae
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-number-keyboard/key/types.ts
@@ -0,0 +1,11 @@
+import { makeBooleanProp, makeNumericProp, makeStringProp } from '../../common/props'
+
+export type NumberKeyType = '' | 'delete' | 'extra' | 'close'
+
+export const keyProps = {
+  type: makeStringProp<NumberKeyType>(''),
+  text: makeNumericProp(''),
+  wider: makeBooleanProp(false),
+  large: makeBooleanProp(false),
+  loading: makeBooleanProp(false)
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-number-keyboard/types.ts b/src/uni_modules/wot-design-uni/components/wd-number-keyboard/types.ts
new file mode 100644
index 00000000..e0f016e8
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-number-keyboard/types.ts
@@ -0,0 +1,79 @@
+import type { PropType } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp, makeStringProp } from '../common/props'
+
+export type KeyboardMode = 'default' | 'custom'
+export type KeyType = '' | 'delete' | 'extra' | 'close'
+
+export interface Key {
+  text?: number | string // key文本
+  type?: KeyType // key的类型
+  wider?: boolean // 是否占2个key的宽度
+}
+
+export const numberKeyboardProps = {
+  ...baseProps,
+  /**
+   * 是否可见
+   */
+  visible: makeBooleanProp(false),
+  /**
+   * 绑定的值
+   */
+  modelValue: makeStringProp(''),
+  /**
+   * 标题
+   */
+  title: String,
+  /**
+   * 键盘模式
+   */
+  mode: makeStringProp<KeyboardMode>('default'),
+  /**
+   * 层级
+   */
+  zIndex: makeNumberProp(100),
+  /**
+   * 最大长度
+   */
+  maxlength: makeNumberProp(Infinity),
+  /**
+   * 是否显示删除键
+   */
+  showDeleteKey: makeBooleanProp(true),
+  /**
+   * 是否随机键盘按键顺序
+   */
+  randomKeyOrder: makeBooleanProp(false),
+  /**
+   * 确认按钮文本
+   */
+  closeText: String,
+  /**
+   * 删除按钮文本
+   */
+  deleteText: String,
+  /**
+   * 关闭按钮是否显示加载状态
+   */
+  closeButtonLoading: makeBooleanProp(false),
+  /**
+   * 是否显示蒙层
+   */
+  modal: makeBooleanProp(false),
+  /**
+   * 是否在点击外部时收起键盘
+   */
+  hideOnClickOutside: makeBooleanProp(true),
+  /**
+   * 是否锁定滚动
+   */
+  lockScroll: makeBooleanProp(true),
+  /**
+   * 是否在底部安全区域内
+   */
+  safeAreaInsetBottom: makeBooleanProp(true),
+  /**
+   * 额外按键
+   */
+  extraKey: [String, Array] as PropType<string | Array<string>>
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-number-keyboard/wd-number-keyboard.vue b/src/uni_modules/wot-design-uni/components/wd-number-keyboard/wd-number-keyboard.vue
index 54cf0b9e..6222f9a6 100644
--- a/src/uni_modules/wot-design-uni/components/wd-number-keyboard/wd-number-keyboard.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-number-keyboard/wd-number-keyboard.vue
@@ -42,72 +42,10 @@ export default {
 <script lang="ts" setup>
 import { computed, ref, watch } from 'vue'
 import WdKey from './key/index.vue'
+import { numberKeyboardProps, type Key } from './types'
+import type { NumberKeyType } from './key/types'
 
-type KeyboardMode = 'default' | 'custom'
-type KeyType = '' | 'delete' | 'extra' | 'close'
-
-interface Key {
-  text?: number | string // key文本
-  type?: KeyType // key的类型
-  wider?: boolean // 是否占2个key的宽度
-}
-
-interface Props {
-  // 是否可见
-  visible?: boolean
-  // 绑定的值
-  modelValue?: string
-  // 标题
-  title?: string
-  // 键盘模式
-  mode?: KeyboardMode
-  // 层级
-  zIndex?: number
-  // 最大长度
-  maxlength?: number
-  // 是否显示删除键
-  showDeleteKey?: boolean
-  // 是否随机键盘按键顺序
-  randomKeyOrder?: boolean
-  // 确认按钮文本
-  closeText?: string
-  // 删除按钮文本
-  deleteText?: string
-  // 关闭按钮是否显示加载状态
-  closeButtonLoading?: boolean
-  // 是否显示蒙层
-  modal?: boolean
-  // 是否在点击外部时收起键盘
-  hideOnClickOutside?: boolean
-  // 是否锁定滚动
-  lockScroll?: boolean
-  // 是否在底部安全区域内
-  safeAreaInsetBottom?: boolean
-  // 额外按键
-  extraKey?: string | string[]
-  // 自定义样式
-  customStyle?: string
-  // 自定义类名
-  customClass?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  visible: false,
-  modelValue: '',
-  mode: 'default',
-  zIndex: 100,
-  maxlength: Infinity,
-  showDeleteKey: true,
-  randomKeyOrder: false,
-  closeButtonLoading: false,
-  modal: false,
-  hideOnClickOutside: true,
-  lockScroll: true,
-  safeAreaInsetBottom: true,
-  extraKey: '',
-  customClass: '',
-  customStyle: ''
-})
+const props = defineProps(numberKeyboardProps)
 
 const show = ref(props.visible)
 watch(
@@ -184,7 +122,7 @@ const handleClose = () => {
   emit('update:visible', false)
 }
 
-const handlePress = (text: string, type: KeyType) => {
+const handlePress = (text: string, type: NumberKeyType) => {
   if (text === '' && type === 'extra') {
     return handleClose()
   }
diff --git a/src/uni_modules/wot-design-uni/components/wd-overlay/types.ts b/src/uni_modules/wot-design-uni/components/wd-overlay/types.ts
new file mode 100644
index 00000000..fd15be23
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-overlay/types.ts
@@ -0,0 +1,25 @@
+import type { PropType } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp } from '../common/props'
+
+export const overlayProps = {
+  ...baseProps,
+  /**
+   * 是否展示遮罩层
+   */
+  show: makeBooleanProp(false),
+  /**
+   * 动画时长，单位毫秒
+   */
+  duration: {
+    type: [Object, Number, Boolean] as PropType<Record<string, number> | number | boolean>,
+    default: 300
+  },
+  /**
+   * 是否锁定滚动
+   */
+  lockScroll: makeBooleanProp(true),
+  /**
+   * 层级
+   */
+  zIndex: makeNumberProp(10)
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-overlay/wd-overlay.vue b/src/uni_modules/wot-design-uni/components/wd-overlay/wd-overlay.vue
index 974d4811..16c5caeb 100644
--- a/src/uni_modules/wot-design-uni/components/wd-overlay/wd-overlay.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-overlay/wd-overlay.vue
@@ -24,22 +24,9 @@ export default {
 
 <script lang="ts" setup>
 import useLockScroll from '../composables/useLockScroll'
+import { overlayProps } from './types'
 
-interface Props {
-  show: boolean
-  duration?: Record<string, number> | number | boolean
-  lockScroll?: boolean
-  zIndex?: number
-  customStyle?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  show: false,
-  lockScroll: true,
-  duration: 300,
-  zIndex: 10,
-  customStyle: ''
-})
+const props = defineProps(overlayProps)
 
 const emit = defineEmits(['click'])
 
diff --git a/src/uni_modules/wot-design-uni/components/wd-pagination/types.ts b/src/uni_modules/wot-design-uni/components/wd-pagination/types.ts
new file mode 100644
index 00000000..a40c6872
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-pagination/types.ts
@@ -0,0 +1,41 @@
+import { baseProps, makeBooleanProp, makeNumberProp, makeRequiredProp } from '../common/props'
+
+export const paginationProps = {
+  ...baseProps,
+  /**
+   * 当前页
+   */
+  modelValue: makeRequiredProp(Number),
+  /**
+   * 总页数，如果有total，则优先使用total计算页数
+   */
+  totalPage: makeNumberProp(1),
+  /**
+   * 是否展示分页为Icon图标
+   */
+  showIcon: makeBooleanProp(false),
+  /**
+   * 是否展示总条数
+   */
+  showMessage: makeBooleanProp(false),
+  /**
+   * 总条数
+   */
+  total: makeNumberProp(0),
+  /**
+   * 每页条数
+   */
+  pageSize: makeNumberProp(10),
+  /**
+   * 上一页文本
+   */
+  prevText: String,
+  /**
+   * 下一页文本
+   */
+  nextText: String,
+  /**
+   * 总页数只有一页时是否隐藏
+   */
+  hideIfOnePage: makeBooleanProp(true)
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-pagination/wd-pagination.vue b/src/uni_modules/wot-design-uni/components/wd-pagination/wd-pagination.vue
index 9336afe8..4a35ca8d 100644
--- a/src/uni_modules/wot-design-uni/components/wd-pagination/wd-pagination.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-pagination/wd-pagination.vue
@@ -54,32 +54,11 @@ export default {
 <script lang="ts" setup>
 import { ref, watch } from 'vue'
 import { useTranslate } from '../composables/useTranslate'
+import { paginationProps } from './types'
 
 const { translate } = useTranslate('pagination')
 
-interface Props {
-  customClass?: string
-  modelValue: number // 当前页
-  totalPage?: number
-  showIcon?: boolean // 是否展示分页为Icon图标
-  showMessage?: boolean
-  total?: number
-  pageSize?: number
-  prevText?: string
-  nextText?: string
-  hideIfOnePage?: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  totalPage: 1,
-  showIcon: false, // 是否展示分页为Icon图标
-  showMessage: false,
-  total: 0,
-  pageSize: 10, // 分页大小
-  hideIfOnePage: true
-})
-
+const props = defineProps(paginationProps)
 const totalPageNum = ref<number>(0) // 总页数
 
 const emit = defineEmits(['change', 'update:modelValue'])
diff --git a/src/uni_modules/wot-design-uni/components/wd-password-input/types.ts b/src/uni_modules/wot-design-uni/components/wd-password-input/types.ts
new file mode 100644
index 00000000..550788c0
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-password-input/types.ts
@@ -0,0 +1,42 @@
+/*
+ * @Author: weisheng
+ * @Date: 2024-03-15 20:40:34
+ * @LastEditTime: 2024-03-18 15:12:17
+ * @LastEditors: weisheng
+ * @Description:
+ * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-password-input\types.ts
+ * 记得注释
+ */
+import { baseProps, makeBooleanProp, makeNumberProp, makeNumericProp, makeStringProp } from '../common/props'
+
+export const passwordInputProps = {
+  ...baseProps,
+  /**
+   * 绑定的值
+   */
+  modelValue: makeStringProp(''),
+  /**
+   * 是否隐藏密码内容
+   */
+  mask: makeBooleanProp(true),
+  /**
+   * 输入框下方文字提示
+   */
+  info: makeStringProp(''),
+  /**
+   * 输入框下方错误提示
+   */
+  errorInfo: makeStringProp(''),
+  /**
+   * 输入框格子之间的间距，如 20px 2em，默认单位为 px
+   */
+  gutter: makeNumericProp(0),
+  /**
+   * 密码最大长度
+   */
+  length: makeNumberProp(6),
+  /**
+   * 是否已聚焦，聚焦时会显示光标
+   */
+  focused: makeBooleanProp(true)
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-password-input/wd-password-input.vue b/src/uni_modules/wot-design-uni/components/wd-password-input/wd-password-input.vue
index 47b3da0a..922d5d71 100644
--- a/src/uni_modules/wot-design-uni/components/wd-password-input/wd-password-input.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-password-input/wd-password-input.vue
@@ -33,26 +33,9 @@ export default {
 
 <script lang="ts" setup>
 import { addUnit } from '../common/util'
+import { passwordInputProps } from './types'
 
-interface Props {
-  modelValue: string
-  mask?: boolean
-  info?: string
-  errorInfo?: string
-  gutter?: number | string
-  length?: number
-  focused: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  modelValue: '',
-  mask: true,
-  info: '',
-  errorInfo: '',
-  gutter: 0,
-  length: 6,
-  focused: true
-})
+defineProps(passwordInputProps)
 
 const emit = defineEmits(['focus'])
 
diff --git a/src/uni_modules/wot-design-uni/components/wd-picker-view/type.ts b/src/uni_modules/wot-design-uni/components/wd-picker-view/types.ts
similarity index 50%
rename from src/uni_modules/wot-design-uni/components/wd-picker-view/type.ts
rename to src/uni_modules/wot-design-uni/components/wd-picker-view/types.ts
index b9d39fa5..b5e3e577 100644
--- a/src/uni_modules/wot-design-uni/components/wd-picker-view/type.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-picker-view/types.ts
@@ -1,21 +1,78 @@
-/*
- * @Author: weisheng
- * @Date: 2023-08-21 13:03:42
- * @LastEditTime: 2023-08-21 17:24:57
- * @LastEditors: weisheng
- * @Description:
- * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-picker-view\type.ts
- * 记得注释
- */
-
+import type { ComponentPublicInstance, ExtractPropTypes, PropType, Ref } from 'vue'
+import { baseProps, makeArrayProp, makeBooleanProp, makeNumberProp, makeStringProp } from '../common/props'
 import { getType } from '../common/util'
 
 export type ColumnItem = {
+  [key: string]: any
   value?: string | number | boolean
   label?: string
   disabled?: boolean
 }
 
+export type PickerViewColumnChange = (
+  pickerView: PickerViewInstance,
+  selects: Record<string, any> | Record<string, any>[],
+  index: number,
+  reslove: () => void
+) => void
+
+export const pickerViewProps = {
+  ...baseProps,
+  /**
+   * 加载状态
+   */
+  loading: makeBooleanProp(false),
+  /**
+   * 加载的颜色，只能使用十六进制的色值写法，且不能使用缩写
+   */
+  loadingColor: makeStringProp('#4D80F0'),
+  /**
+   * picker内部滚筒高
+   */
+  columnsHeight: makeNumberProp(217),
+  /**
+   * 选项对象中，value对应的 key
+   */
+  valueKey: makeStringProp('value'),
+  /**
+   * 选项对象中，展示的文本对应的 key
+   */
+  labelKey: makeStringProp('label'),
+  /**
+   * 选中项，如果为多列选择器，则其类型应为数组
+   */
+  modelValue: {
+    type: [String, Number, Boolean, Array<number>, Array<string>, Array<boolean>] as PropType<
+      string | number | boolean | Array<number> | Array<string> | Array<boolean>
+    >,
+    default: '',
+    required: true
+  },
+  /**
+   * 选择器数据，可以为字符串数组，也可以为对象数组，如果为二维数组，则为多列选择器
+   */
+  columns: makeArrayProp<string | number | ColumnItem | Array<number> | Array<string> | Array<ColumnItem>>(),
+  /**
+   * 接收 pickerView 实例、选中项、当前修改列的下标、resolve 作为入参，根据选中项和列下标进行判断，通过 pickerView 实例暴露出来的 setColumnData 方法修改其他列的数据源。
+   */
+  columnChange: Function as PropType<PickerViewColumnChange>
+}
+
+export type PickerViewExpose = {
+  getSelects: () => Record<string, any> | Record<string, any>[]
+  getValues: () => string | string[]
+  setColumnData: (columnIndex: any, data: Array<any>, jumpTo?: number) => void
+  getColumnsData: () => Record<string, string>[][]
+  getColumnData: (columnIndex: number) => Record<string, string>[]
+  getColumnIndex: (columnIndex: number) => number
+  getLabels: () => string[]
+  getSelectedIndex: () => number[]
+}
+
+export type PickerViewProps = ExtractPropTypes<typeof pickerViewProps>
+
+export type PickerViewInstance = ComponentPublicInstance<PickerViewProps, PickerViewExpose>
+
 /**
  * @description 为props的value为array类型时提供format
  * @param {Array<String|Number|Object>} array 列数组
@@ -67,11 +124,11 @@ export function formatArray(array: Array<string | number | ColumnItem | Array<st
       }
       // eslint-disable-next-line no-prototype-builtins
       if (!row.hasOwnProperty(labelKey)) {
-        row[labelKey] = row[valueKey]
+        ;(row as ColumnItem)[labelKey] = (row as ColumnItem)[valueKey]
       }
       // eslint-disable-next-line no-prototype-builtins
       if (!row.hasOwnProperty(valueKey)) {
-        row[valueKey] = row[labelKey]
+        ;(row as ColumnItem)[valueKey] = (row as ColumnItem)[labelKey]
       }
       return row as ColumnItem
     })
diff --git a/src/uni_modules/wot-design-uni/components/wd-picker-view/wd-picker-view.vue b/src/uni_modules/wot-design-uni/components/wd-picker-view/wd-picker-view.vue
index 542b8274..3b84c1b0 100644
--- a/src/uni_modules/wot-design-uni/components/wd-picker-view/wd-picker-view.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-picker-view/wd-picker-view.vue
@@ -43,41 +43,13 @@ export default {
 </script>
 <script lang="ts" setup>
 import { getCurrentInstance, ref, watch, nextTick } from 'vue'
-import { deepClone, getType, isEqual, range } from '../common/util'
-import { type ColumnItem, formatArray } from './type'
+import { deepClone, getType, isArray, isEqual, range } from '../common/util'
+import { formatArray, pickerViewProps, type PickerViewExpose } from './types'
 
-interface Props {
-  customClass?: string
-  // 加载中
-  loading?: boolean
-  loadingColor?: string
-  // 选项总高度
-  columnsHeight?: number
-  // 选项对象中，value对应的 key
-  valueKey?: string
-  // 选项对象中，展示的文本对应的 key
-  labelKey?: string
-  // 初始值
-  modelValue: string | number | boolean | Array<string | number | boolean>
-  // 选择器数据
-  columns: Array<string | number | ColumnItem | Array<string | number | ColumnItem>>
-  // 多级联动
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  columnChange?: Function
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  loading: false,
-  loadingColor: '#4D80F0',
-  columnsHeight: 217,
-  valueKey: 'value',
-  labelKey: 'label',
-  columns: () => []
-})
+const props = defineProps(pickerViewProps)
 
 // 格式化之后，用于render 列表的数据
-const formatColumns = ref<Array<Array<Record<string, any>>>>([])
+const formatColumns = ref<Record<string, string>[][]>([])
 const itemHeight = ref<number>(35)
 const selectedIndex = ref<Array<number>>([]) // 格式化之后，每列选中的下标集合
 const preSelectedIndex = ref<Array<number>>([])
@@ -85,7 +57,7 @@ const preSelectedIndex = ref<Array<number>>([])
 watch(
   () => props.modelValue,
   (newValue, oldValue) => {
-    if (!isEqual(oldValue, newValue)) {
+    if (!isEqual(oldValue, newValue) && newValue) {
       selectWithValue(newValue)
     }
   },
@@ -149,11 +121,11 @@ const emit = defineEmits(['change', 'pickstart', 'pickend', 'update:modelValue']
  * 会保证formatColumns先设置，之后会修改selectedIndex。
  * @param {String|Number|Boolean|Array<String|Number|Boolean|Array<any>>}value
  */
-function selectWithValue(value) {
+function selectWithValue(value: string | number | boolean | number[] | string[] | boolean[]) {
   if (props.columns.length === 0) return
 
   // 使其默认选中首项
-  if (value === '' || value === null || value === undefined || (getType(value) === 'array' && value.length === 0)) {
+  if (value === '' || value === null || value === undefined || (isArray(value) && value.length === 0)) {
     value = formatColumns.value.map((col) => {
       return col[0][props.valueKey]
     })
@@ -170,7 +142,7 @@ function selectWithValue(value) {
    * 2.根据formatColumns的长度截取Array<String>，保证下面的遍历不溢出
    * 3.根据每列的key值找到选项中value为此key的下标并记录
    */
-  value = value instanceof Array ? value : [value]
+  value = isArray(value) ? value : [value as string]
   value = value.slice(0, formatColumns.value.length)
 
   if (value.length === 0) {
@@ -197,7 +169,7 @@ function selectWithValue(value) {
  * @param {Number} rowIndex 要选中的行索引
  * @return {Boolean} 是否设置成功
  */
-function selectWithIndex(columnIndex, rowIndex) {
+function selectWithIndex(columnIndex: number, rowIndex: number) {
   const col = formatColumns.value[columnIndex]
   if (!col || !col[rowIndex]) {
     throw Error(`The value to select with Col:${columnIndex} Row:${rowIndex} is correct`)
@@ -230,8 +202,8 @@ function selectWithIndex(columnIndex, rowIndex) {
  * @return {Number|Array<Number>}选中项的下标或者集合
  * @return {Object}实例本身
  */
-function onChange({ detail: { value } }) {
-  value = value.map((v) => {
+function onChange({ detail: { value } }: any) {
+  value = value.map((v: any) => {
     return Number(v || 0)
   })
   const index = getChangeDiff(value)
@@ -242,23 +214,23 @@ function onChange({ detail: { value } }) {
     if (props.columnChange) {
       // columnsChange 可能有异步操作，需要添加 resolve 进行回调通知，形参小于4个则为同步
       if (props.columnChange.length < 4) {
-        props.columnChange(proxy.$.exposed, getSelects(), index)
-        handleChange(index)
+        props.columnChange(proxy.$.exposed, getSelects(), index || 0, () => {})
+        handleChange(index || 0)
       } else {
-        props.columnChange(proxy.$.exposed, getSelects(), index, () => {
+        props.columnChange(proxy.$.exposed, getSelects(), index || 0, () => {
           // 如果selectedIndex只有一列，返回此项；如果是多项，返回所有选中项。
-          handleChange(index)
+          handleChange(index || 0)
         })
       }
     } else {
       // 如果selectedIndex只有一列，返回此项；如果是多项，返回所有选中项。
-      handleChange(index)
+      handleChange(index || 0)
     }
   })
 }
 
-function getChangeIndex(now, origin) {
-  if (!now || !origin) return
+function getChangeIndex(now: number[], origin: number[]) {
+  if (!now || !origin) return -1
   const index = now.findIndex((row, index) => row !== origin[index])
   return index
 }
@@ -349,7 +321,7 @@ function getLabels() {
  * @param {Number} columnIndex 列的下标
  * @returns {Number} 下标
  */
-function getColumnIndex(columnIndex) {
+function getColumnIndex(columnIndex: number) {
   return selectedIndex.value[columnIndex]
 }
 
@@ -358,7 +330,7 @@ function getColumnIndex(columnIndex) {
  * @param {Number} columnIndex 列的下标
  * @returns {Array<{valueKey,labelKey}>} 当前列的集合
  */
-function getColumnData(columnIndex) {
+function getColumnData(columnIndex: number) {
   return formatColumns.value[columnIndex]
 }
 
@@ -368,7 +340,7 @@ function getColumnData(columnIndex) {
  * @param {Array<原始值|Object>} 一维数组，元素仅限对象和原始值
  * @param {Number} jumpTo 更换列数据后停留的地点
  */
-function setColumnData(columnIndex, data, jumpTo = 0) {
+function setColumnData(columnIndex: any, data: Array<any>, jumpTo = 0) {
   /**
    * @注意 以下为pickerView的坑
    * 如果某一列(以下简称列)中有10个选项，而且当前选中第10项。
@@ -385,6 +357,10 @@ function getColumnsData() {
   return formatColumns.value.slice(0)
 }
 
+function getSelectedIndex() {
+  return selectedIndex.value
+}
+
 function onPickStart() {
   emit('pickstart')
 }
@@ -393,7 +369,7 @@ function onPickEnd() {
   emit('pickend')
 }
 
-defineExpose({
+defineExpose<PickerViewExpose>({
   getSelects,
   getValues,
   setColumnData,
@@ -401,7 +377,7 @@ defineExpose({
   getColumnData,
   getColumnIndex,
   getLabels,
-  selectedIndex
+  getSelectedIndex
 })
 </script>
 <style lang="scss" scoped>
diff --git a/src/uni_modules/wot-design-uni/components/wd-picker/types.ts b/src/uni_modules/wot-design-uni/components/wd-picker/types.ts
new file mode 100644
index 00000000..9fba53f9
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-picker/types.ts
@@ -0,0 +1,171 @@
+import type { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue'
+import { baseProps, makeArrayProp, makeBooleanProp, makeNumberProp, makeStringProp } from '../common/props'
+import type { ColumnItem, PickerViewColumnChange } from '../wd-picker-view/types'
+import type { FormItemRule } from '../wd-form/types'
+
+export const pickerProps = {
+  ...baseProps,
+  /**
+   * label 外部自定义样式
+   */
+  customLabelClass: makeStringProp(''),
+  /**
+   * value 外部自定义样式
+   */
+  customValueClass: makeStringProp(''),
+  /**
+   * pickerView 外部自定义样式
+   */
+  customViewClass: makeStringProp(''),
+  /**
+   * 选择器左侧文案
+   */
+  label: String,
+  /**
+   * 选择器占位符
+   */
+  placeholder: String,
+  /**
+   * 是否禁用
+   */
+  disabled: makeBooleanProp(false),
+  /**
+   * 是否只读
+   */
+  readonly: makeBooleanProp(false),
+  /**
+   * 加载中
+   */
+  loading: makeBooleanProp(false),
+  /**
+   * 加载中颜色
+   */
+  loadingColor: makeStringProp('#4D80F0'),
+  /* popup */
+  /**
+   * 弹出层标题
+   */
+  title: String,
+  /**
+   * 取消按钮文案
+   */
+  cancelButtonText: String,
+  /**
+   * 确认按钮文案
+   */
+  confirmButtonText: String,
+  /**
+   * 是否必填
+   */
+  required: makeBooleanProp(false),
+  /**
+   * 尺寸
+   */
+  size: String,
+  /**
+   * 标签宽度
+   */
+  labelWidth: String,
+  /**
+   * 使用默认插槽
+   */
+  useDefaultSlot: makeBooleanProp(false),
+  /**
+   * 使用标签插槽
+   */
+  useLabelSlot: makeBooleanProp(false),
+  /**
+   * 错误状态
+   */
+  error: makeBooleanProp(false),
+  /**
+   * 右对齐
+   */
+  alignRight: makeBooleanProp(false),
+  /**
+   * 确定前校验函数，接收 (value, resolve, picker) 参数，通过 resolve 继续执行 picker，resolve 接收1个boolean参数
+   */
+  beforeConfirm: Function as PropType<PickerBeforeConfirm>,
+  /**
+   * 点击蒙层关闭
+   */
+  closeOnClickModal: makeBooleanProp(true),
+  /**
+   * 底部安全区域内
+   */
+  safeAreaInsetBottom: makeBooleanProp(true),
+  /**
+   * 文本溢出显示省略号
+   */
+  ellipsis: makeBooleanProp(false),
+  /**
+   * 选项总高度
+   */
+  columnsHeight: makeNumberProp(217),
+  /**
+   * 选项值对应的键名
+   */
+  valueKey: makeStringProp('value'),
+  /**
+   * 选项文本对应的键名
+   */
+  labelKey: makeStringProp('label'),
+  /**
+   * 选中项，如果为多列选择器，则其类型应为数组
+   */
+  modelValue: {
+    type: [String, Number, Array] as PropType<string | number | Array<string> | Array<number>>,
+    default: ''
+  },
+  /**
+   * 选择器数据，可以为字符串数组，也可以为对象数组，如果为二维数组，则为多列选择器
+   */
+  columns: {
+    type: Array as PropType<Array<string | number | ColumnItem | Array<string | number | ColumnItem>>>,
+    default: () => []
+  },
+  /**
+   * 接收 pickerView 实例、选中项、当前修改列的下标、resolve 作为入参，根据选中项和列下标进行判断，通过 pickerView 实例暴露出来的 setColumnData 方法修改其他列的数据源。
+   */
+  columnChange: Function as PropType<PickerViewColumnChange>,
+  /**
+   * 自定义展示文案的格式化函数，返回一个字符串
+   */
+  displayFormat: Function as PropType<PickerDisplayFormat>,
+  /**
+   * 自定义层级
+   */
+  zIndex: makeNumberProp(15),
+  /**
+   * 表单域 model 字段名，在使用表单校验功能的情况下，该属性是必填的
+   */
+  prop: String,
+  /**
+   * 表单验证规则，结合wd-form组件使用
+   */
+  rules: makeArrayProp<FormItemRule>()
+}
+
+export type PickerProps = ExtractPropTypes<typeof pickerProps>
+
+export type PickerDisplayFormat = (item: ColumnItem | ColumnItem[], vl: { valueKey: string; labelKey: string }) => string
+
+export type PickerBeforeConfirm = (
+  value: string | number | boolean | string[] | number[] | boolean[],
+  resolve: (isPass: boolean) => void,
+  picker: any
+) => void
+
+export type PickerExpose = {
+  // 打开picker弹框
+  open: () => void
+  // 关闭picker弹框
+  close: () => void
+  /**
+   * 设置加载状态
+   * @param loading 加载状态
+   */
+  setLoading: (loading: boolean) => void
+}
+
+export type PickerInstance = ComponentPublicInstance<PickerExpose, PickerProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-picker/wd-picker.vue b/src/uni_modules/wot-design-uni/components/wd-picker/wd-picker.vue
index 23114b87..0b202324 100644
--- a/src/uni_modules/wot-design-uni/components/wd-picker/wd-picker.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-picker/wd-picker.vue
@@ -86,101 +86,16 @@ export default {
 
 <script lang="ts" setup>
 import { getCurrentInstance, onBeforeMount, ref, watch, computed, onMounted, nextTick } from 'vue'
-import { deepClone, defaultDisplayFormat, getType, isDef } from '../common/util'
+import { deepClone, defaultDisplayFormat, getType, isArray, isDef } from '../common/util'
 import { useCell } from '../composables/useCell'
-import { type ColumnItem, formatArray } from '../wd-picker-view/type'
+import { type ColumnItem, formatArray } from '../wd-picker-view/types'
 import { FORM_KEY, type FormItemRule } from '../wd-form/types'
 import { useParent } from '../composables/useParent'
 import { useTranslate } from '../composables/useTranslate'
+import { pickerProps, type PickerExpose } from './types'
 const { translate } = useTranslate('picker')
 
-interface Props {
-  customClass?: string
-  customLabelClass?: string
-  customValueClass?: string
-  customViewClass?: string
-  // 选择器左侧文案
-  label?: string
-  // 选择器占位符
-  placeholder?: string
-  // 禁用
-  disabled?: boolean
-  // 只读
-  readonly?: boolean
-  loading?: boolean
-  loadingColor?: string
-  /* popup */
-  // 弹出层标题
-  title?: string
-  // 取消按钮文案
-  cancelButtonText?: string
-  // 确认按钮文案
-  confirmButtonText?: string
-  // 是否必填
-  required?: boolean
-  size?: string
-  labelWidth?: string
-  useDefaultSlot?: boolean
-  useLabelSlot?: boolean
-  error?: boolean
-  alignRight?: boolean
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  beforeConfirm?: Function
-  closeOnClickModal?: boolean
-  safeAreaInsetBottom?: boolean
-  ellipsis?: boolean
-
-  // 选项总高度
-  columnsHeight?: number
-  // 选项对象中，value对应的 key
-  valueKey?: string
-  // 选项对象中，展示的文本对应的 key
-  labelKey?: string
-  // 初始值
-  modelValue?: string | number | Array<string | number>
-  // 选择器数据
-  columns?: Array<string | number | ColumnItem | Array<string | number | ColumnItem>>
-  // 多级联动
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  columnChange?: Function
-  // 外部展示格式化函数
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  displayFormat?: Function
-  // 自定义层级
-  zIndex?: number
-  prop?: string
-  rules?: FormItemRule[]
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  modelValue: '',
-  customClass: '',
-  customViewClass: '',
-  customLabelClass: '',
-  customValueClass: '',
-  // 选择器占位符
-  // 禁用
-  disabled: false,
-  // 只读
-  readonly: false,
-  loading: false,
-  loadingColor: '#4D80F0',
-  // 是否必填
-  required: false,
-  useDefaultSlot: false,
-  useLabelSlot: false,
-  error: false,
-  alignRight: false,
-  closeOnClickModal: true,
-  safeAreaInsetBottom: true,
-  ellipsis: false,
-  columnsHeight: 217,
-  valueKey: 'value',
-  labelKey: 'label',
-  columns: () => [],
-  zIndex: 15,
-  rules: () => []
-})
+const props = defineProps(pickerProps)
 
 const pickerViewWd = ref<any>(null)
 const cell = useCell()
@@ -191,7 +106,7 @@ const innerLoading = ref<boolean>(false) // 内部控制是否loading
 const popupShow = ref<boolean>(false)
 // 选定后展示的选中项
 const showValue = ref<string>('')
-const pickerValue = ref<string | number | boolean | (string | number | boolean)[]>('')
+const pickerValue = ref<string | number | boolean | string[] | number[] | boolean[]>('')
 const displayColumns = ref<Array<string | number | ColumnItem | Array<string | number | ColumnItem>>>([]) // 传入 pickerView 的columns
 const resetColumns = ref<Array<string | number | ColumnItem | Array<string | number | ColumnItem>>>([]) // 保存之前的 columns，当取消时，将数据源回滚，避免多级联动数据源不正确的情况
 const isPicking = ref<boolean>(false) // 判断pickview是否还在滑动中
@@ -232,7 +147,7 @@ watch(
           setShowValue(pickerViewWd.value!.getSelects())
         })
       } else {
-        setShowValue(getSelects(props.modelValue))
+        setShowValue(getSelects(props.modelValue)!)
       }
     } else {
       showValue.value = ''
@@ -256,7 +171,7 @@ watch(
           setShowValue(pickerViewWd.value!.getSelects())
         })
       } else {
-        setShowValue(getSelects(props.modelValue))
+        setShowValue(getSelects(props.modelValue)!)
       }
     } else {
       showValue.value = ''
@@ -311,7 +226,7 @@ const { proxy } = getCurrentInstance() as any
 const emit = defineEmits(['confirm', 'open', 'cancel', 'update:modelValue'])
 
 onMounted(() => {
-  props.modelValue && setShowValue(getSelects(props.modelValue))
+  props.modelValue && setShowValue(getSelects(props.modelValue)!)
   if (props.modelValue && pickerViewWd.value && pickerViewWd.value.getSelects) {
     setShowValue(pickerViewWd.value!.getSelects())
   }
@@ -326,12 +241,12 @@ onBeforeMount(() => {
  * @description 根据传入的value，picker组件获取当前cell展示值。
  * @param {String|Number|Array<String|Number|Array<any>>}value
  */
-function getSelects(value) {
+function getSelects(value: string | number | Array<string | number | Array<any>>) {
   const formatColumns = formatArray(props.columns, props.valueKey, props.labelKey)
   if (props.columns.length === 0) return
 
   // 使其默认选中首项
-  if (value === '' || value === null || value === undefined || (getType(value) === 'array' && value.length === 0)) {
+  if (value === '' || value === null || value === undefined || (isArray(value) && value.length === 0)) {
     value = formatColumns.map((col) => {
       return col[0][props.valueKey]
     })
@@ -409,7 +324,7 @@ function onConfirm() {
   if (beforeConfirm && getType(beforeConfirm) === 'function') {
     beforeConfirm(
       pickerValue.value,
-      (isPass) => {
+      (isPass: boolean) => {
         isPass && handleConfirm()
       },
       proxy.$.exposed
@@ -441,14 +356,14 @@ function handleConfirm() {
  * @description 初始change事件
  * @param event
  */
-function pickerViewChange({ value }) {
+function pickerViewChange({ value }: any) {
   pickerValue.value = value
 }
 /**
  * @description 设置展示值
- * @param {Array<String>} items
+ * @param  items
  */
-function setShowValue(items) {
+function setShowValue(items: ColumnItem | ColumnItem[]) {
   // 避免值为空时调用自定义展示函数
   if ((items instanceof Array && !items.length) || !items) return
 
@@ -476,7 +391,7 @@ function setLoading(loading: boolean) {
   innerLoading.value = loading
 }
 
-defineExpose({
+defineExpose<PickerExpose>({
   close,
   open,
   setLoading
diff --git a/src/uni_modules/wot-design-uni/components/wd-popover/types.ts b/src/uni_modules/wot-design-uni/components/wd-popover/types.ts
new file mode 100644
index 00000000..8faa7891
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-popover/types.ts
@@ -0,0 +1,69 @@
+import type { ExtractPropTypes, PropType } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp, makeStringProp } from '../common/props'
+
+export type PlacementType =
+  | 'top'
+  | 'top-start'
+  | 'top-end'
+  | 'bottom'
+  | 'bottom-start'
+  | 'bottom-end'
+  | 'left'
+  | 'left-start'
+  | 'left-end'
+  | 'right'
+  | 'right-start'
+  | 'right-end'
+
+export type PopoverMode = 'menu' | 'normal'
+
+export const popoverProps = {
+  ...baseProps,
+  customArrow: makeStringProp(''),
+  customPop: makeStringProp(''),
+  /**
+   * 是否显示 popover 箭头
+   */
+  visibleArrow: makeBooleanProp(true),
+  /**
+   * 显示的内容，也可以通过 slot#content 传入
+   */
+  content: [String, Object] as PropType<string | Record<string, any>[]>,
+  /**
+   * 指定 popover 的放置位置：top / top-start / top-end / bottom / bottom-start / bottom-end / left / left-start / left-end / right / right-start / right-end
+   */
+  placement: makeStringProp<PlacementType>('bottom'),
+  /**
+   * 偏移量
+   */
+  offset: makeNumberProp(0),
+  /**
+   * 是否使用内容插槽
+   */
+  useContentSlot: makeBooleanProp(false),
+  /**
+   * 是否禁用 popover
+   */
+  disabled: makeBooleanProp(false),
+  /**
+   * 是否显示关闭按钮
+   */
+  showClose: makeBooleanProp(false),
+  /**
+   * 控制 popover 的显示状态
+   */
+  modelValue: makeBooleanProp(false),
+  /**
+   * 当前显示的模式，决定内容的展现形式，可选值：normal（普通模式）/ menu（菜单模式）
+   */
+  mode: makeStringProp<PopoverMode>('normal')
+}
+
+export type PopoverProps = ExtractPropTypes<typeof popoverProps>
+
+export type PopoverExpose = {
+  // 打开popover
+  open: () => void
+  // 关闭popover
+  close: () => void
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-popover/wd-popover.vue b/src/uni_modules/wot-design-uni/components/wd-popover/wd-popover.vue
index 3cc00206..cf31437f 100644
--- a/src/uni_modules/wot-design-uni/components/wd-popover/wd-popover.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-popover/wd-popover.vue
@@ -65,53 +65,10 @@ import { getCurrentInstance, inject, onBeforeMount, onBeforeUnmount, onMounted,
 import { usePopover } from '../composables/usePopover'
 import { closeOther, pushToQueue, removeFromQueue } from '../common/clickoutside'
 import { type Queue, queueKey } from '../composables/useQueue'
+import { popoverProps, type PopoverExpose } from './types'
+import { isArray } from '../common/util'
 
-type PlacementType =
-  | 'top'
-  | 'top-start'
-  | 'top-end'
-  | 'bottom'
-  | 'bottom-start'
-  | 'bottom-end'
-  | 'left'
-  | 'left-start'
-  | 'left-end'
-  | 'right'
-  | 'right-start'
-  | 'right-end'
-
-type PopoverMode = 'menu' | 'normal'
-
-interface Props {
-  customArrow?: string
-  customPop?: string
-  customClass?: string
-  // 是否显示 popover 箭头
-  visibleArrow?: boolean
-  // 显示内容
-  content?: string | Record<string, any>[]
-  placement?: PlacementType
-  offset?: number
-  useContentSlot?: boolean
-  disabled?: boolean
-  showClose?: boolean
-  modelValue: boolean
-  mode?: PopoverMode
-}
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  customPop: '',
-  customArrow: '',
-  visibleArrow: true,
-  placement: 'bottom',
-  content: '',
-  offset: 0,
-  useContentSlot: false,
-  disabled: false,
-  showClose: false,
-  modelValue: false,
-  mode: 'normal'
-})
+const props = defineProps(popoverProps)
 
 const queue = inject<Queue | null>(queueKey, null)
 
@@ -125,7 +82,7 @@ watch(
     const { mode } = props
     if (selector === 'popover' && mode === 'normal' && typeof newVal !== 'string') {
       console.error('The value type must be a string type in normal mode')
-    } else if (selector === 'popover' && mode === 'menu' && popover.checkType(newVal) !== 'Array') {
+    } else if (selector === 'popover' && mode === 'menu' && !isArray(newVal)) {
       console.error('The value type must be a Array type in menu mode')
     }
   }
@@ -174,7 +131,7 @@ const popover = usePopover()
 function menuClick(index: number) {
   emit('update:modelValue', false)
   emit('menuclick', {
-    item: props.content[index],
+    item: (props.content as Array<Record<string, any>>)[index],
     index
   })
 }
@@ -192,7 +149,7 @@ function close() {
   emit('update:modelValue', false)
 }
 
-defineExpose({
+defineExpose<PopoverExpose>({
   open,
   close
 })
diff --git a/src/uni_modules/wot-design-uni/components/wd-popup/type.ts b/src/uni_modules/wot-design-uni/components/wd-popup/type.ts
deleted file mode 100644
index 22915974..00000000
--- a/src/uni_modules/wot-design-uni/components/wd-popup/type.ts
+++ /dev/null
@@ -1 +0,0 @@
-export type PopupType = 'center' | 'top' | 'right' | 'bottom' | 'left'
diff --git a/src/uni_modules/wot-design-uni/components/wd-popup/types.ts b/src/uni_modules/wot-design-uni/components/wd-popup/types.ts
new file mode 100644
index 00000000..b15e9ee3
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-popup/types.ts
@@ -0,0 +1,68 @@
+/*
+ * @Author: weisheng
+ * @Date: 2024-03-18 11:22:03
+ * @LastEditTime: 2024-03-18 15:29:43
+ * @LastEditors: weisheng
+ * @Description:
+ * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-popup\types.ts
+ * 记得注释
+ */
+import { baseProps, makeBooleanProp, makeNumberProp, makeStringProp } from '../common/props'
+
+export type PopupType = 'center' | 'top' | 'right' | 'bottom' | 'left'
+
+export const popupProps = {
+  ...baseProps,
+  transition: String,
+  /**
+   * 关闭按钮
+   */
+  closable: makeBooleanProp(false),
+  /**
+   * 弹出框的位置
+   */
+  position: makeStringProp<PopupType>('center'),
+  /**
+   * 点击遮罩是否关闭
+   */
+  closeOnClickModal: makeBooleanProp(true),
+  /**
+   * 动画持续时间
+   */
+  duration: {
+    type: [Number, Boolean],
+    default: 300
+  },
+  /**
+   * 是否显示遮罩
+   */
+  modal: makeBooleanProp(true),
+  /**
+   * 设置层级
+   */
+  zIndex: makeNumberProp(10),
+  /**
+   * 是否当关闭时将弹出层隐藏（display: none)
+   */
+  hideWhenClose: makeBooleanProp(true),
+  /**
+   * 遮罩样式
+   */
+  modalStyle: makeStringProp(''),
+  /**
+   * 弹出面板是否设置底部安全距离（iphone X 类型的机型）
+   */
+  safeAreaInsetBottom: makeBooleanProp(false),
+  /**
+   * 弹出层是否显示
+   */
+  modelValue: makeBooleanProp(false),
+  /**
+   * 弹层内容懒渲染，触发展示时才渲染内容
+   */
+  lazyRender: makeBooleanProp(true),
+  /**
+   * 是否锁定滚动
+   */
+  lockScroll: makeBooleanProp(true)
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-popup/wd-popup.vue b/src/uni_modules/wot-design-uni/components/wd-popup/wd-popup.vue
index 9736b4a9..57571202 100644
--- a/src/uni_modules/wot-design-uni/components/wd-popup/wd-popup.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-popup/wd-popup.vue
@@ -29,44 +29,11 @@ export default {
 <script lang="ts" setup>
 import { computed, onBeforeMount, ref, watch } from 'vue'
 import { isObj, requestAnimationFrame } from '../common/util'
-import type { PopupType } from './type'
+import { popupProps } from './types'
 
-interface Props {
-  transition?: string
-  closable?: boolean
-  position?: PopupType
-  closeOnClickModal?: boolean
-  duration?: number | boolean
-  modal?: boolean
-  zIndex?: number
-  hideWhenClose?: boolean
-  modalStyle?: string
-  safeAreaInsetBottom?: boolean
-  modelValue: boolean
-  customStyle?: string
-  lazyRender?: boolean
-  lockScroll?: boolean
-  customClass?: string
-}
+const props = defineProps(popupProps)
 
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  customStyle: '',
-  modalStyle: '',
-  position: 'center',
-  closeOnClickModal: true,
-  modal: true,
-  closable: false,
-  duration: 300,
-  zIndex: 10,
-  hideWhenClose: true,
-  lazyRender: true,
-  lockScroll: true,
-  safeAreaInsetBottom: false,
-  modelValue: false
-})
-
-const getClassNames = (name) => {
+const getClassNames = (name?: string) => {
   if (!name) {
     return {
       enter: 'enter-class enter-active-class',
diff --git a/src/uni_modules/wot-design-uni/components/wd-progress/types.ts b/src/uni_modules/wot-design-uni/components/wd-progress/types.ts
new file mode 100644
index 00000000..ac2c7b52
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-progress/types.ts
@@ -0,0 +1,40 @@
+/*
+ * @Author: weisheng
+ * @Date: 2024-03-15 20:40:34
+ * @LastEditTime: 2024-03-18 15:32:11
+ * @LastEditors: weisheng
+ * @Description:
+ * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-progress\types.ts
+ * 记得注释
+ */
+import type { PropType } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp } from '../common/props'
+
+export type ProgressStatus = 'success' | 'danger' // 状态类型
+
+export const progressProps = {
+  ...baseProps,
+  /**
+   * 进度数值，最大值100
+   */
+  percentage: makeNumberProp(0),
+  /**
+   * 是否隐藏进度条上的文字，默认值为false
+   */
+  hideText: makeBooleanProp(false),
+  /**
+   * 进度条颜色
+   */
+  color: {
+    type: [String, Array, Object] as PropType<string | string[] | Record<string, any>[]>,
+    default: 'linear-gradient(315deg, rgba(81,124,240,1) 0%,rgba(118,158,245,1) 100%)'
+  },
+  /**
+   * 进度增加1%所需毫秒数
+   */
+  duration: makeNumberProp(30),
+  /**
+   * 进度条状态
+   */
+  status: String as PropType<ProgressStatus>
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-progress/wd-progress.vue b/src/uni_modules/wot-design-uni/components/wd-progress/wd-progress.vue
index 92b974a8..71477611 100644
--- a/src/uni_modules/wot-design-uni/components/wd-progress/wd-progress.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-progress/wd-progress.vue
@@ -29,26 +29,9 @@ export default {
 <script lang="ts" setup>
 import { computed, ref, watch } from 'vue'
 import { checkNumRange, isArray, objToStyle } from '../common/util'
+import { progressProps } from './types'
 
-type ProgressStatus = 'success' | 'danger' // 状态类型
-
-interface Props {
-  customClass?: string
-  percentage?: number
-  hideText?: boolean
-  color?: string | string[] | Record<string, any>[]
-  duration?: number
-  status?: ProgressStatus
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  percentage: 0,
-  hideText: false,
-  color: 'linear-gradient(315deg, rgba(81,124,240,1) 0%,rgba(118,158,245,1) 100%)',
-  duration: 30
-})
-
+const props = defineProps(progressProps)
 // 进度条展示的颜色
 const showColor = ref<string>('')
 // 进度条展示的进度
@@ -158,13 +141,13 @@ function controlProgress() {
    */
   let colorArray: string[] | Record<string, any>[] = (isArray(color) ? color : [color]) as string[] | Record<string, any>[]
   if (colorArray.length === 0) throw Error('The colorArray is empty')
-  const isStrArray = (colorArray as any).every((item) => typeof item === 'string')
+  const isStrArray = (colorArray as any).every((item: any) => typeof item === 'string')
   // eslint-disable-next-line no-prototype-builtins
-  const isObjArray = (colorArray as any).every((color) => color.hasOwnProperty('color') && color.hasOwnProperty('percentage'))
+  const isObjArray = (colorArray as any).every((color: any) => color.hasOwnProperty('color') && color.hasOwnProperty('percentage'))
   if (!isStrArray && !isObjArray) {
     throw Error('Color must be String or Object with color and percentage')
   }
-  if (isObjArray && (colorArray as any).some(({ percentage }) => Number.isNaN(parseInt(percentage)))) {
+  if (isObjArray && (colorArray as any).some(({ percentage }: any) => Number.isNaN(parseInt(percentage)))) {
     throw Error('All the percentage must can be formatted to Number')
   }
   /**
@@ -172,7 +155,7 @@ function controlProgress() {
    */
   const partNum = parseInt(`${100 / colorArray.length}`)
   const partList = isObjArray
-    ? colorArray.sort((a, b) => a.percentage - b.percentage)
+    ? colorArray.sort((a: any, b: any) => a.percentage - b.percentage)
     : colorArray.map((item, index) => {
         return {
           color: item,
@@ -184,14 +167,14 @@ function controlProgress() {
    */
   showPercent.value > percentage
     ? // 减小不加动画，找到第一个比target大的锚点，取锚点颜色并设置target值
-      partList.some((part) => {
+      partList.some((part: any) => {
         if (percentage <= part.percentage) {
           update(percentage, part.color)
           return true
         }
       })
     : // 增加使用分段动画
-      partList.some((part, index) => {
+      partList.some((part: any, index: number) => {
         if (showPercent.value < part.percentage && part.percentage <= percentage) {
           // 找到第一个比now大的点，如果这个点比target小或等，就把这个点设置为下一个即将展示的点
           update(part.percentage, part.color)
diff --git a/src/uni_modules/wot-design-uni/components/wd-radio-group/types.ts b/src/uni_modules/wot-design-uni/components/wd-radio-group/types.ts
index 9783009b..493b3341 100644
--- a/src/uni_modules/wot-design-uni/components/wd-radio-group/types.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-radio-group/types.ts
@@ -1,6 +1,6 @@
 import { type InjectionKey } from 'vue'
-
-type RadioShape = 'dot' | 'button' | 'check'
+import type { RadioShape } from '../wd-radio/types'
+import { baseProps, makeBooleanProp, makeStringProp } from '../common/props'
 
 export type RadioGroupProvide = {
   props: {
@@ -16,3 +16,21 @@ export type RadioGroupProvide = {
 }
 
 export const RADIO_GROUP_KEY: InjectionKey<RadioGroupProvide> = Symbol('wd-radio-group')
+
+export const radioGroupProps = {
+  ...baseProps,
+  /** 会自动选中value对应的单选框 */
+  modelValue: [String, Number, Boolean],
+  /** 单选框形状，可选值为 dot / button / check，默认为 check */
+  shape: makeStringProp<RadioShape>('check'),
+  /** 选中的颜色，默认为 #4D80F0 */
+  checkedColor: String,
+  /** 是否禁用，默认为 false */
+  disabled: makeBooleanProp(false),
+  /** 表单模式，默认为 false */
+  cell: makeBooleanProp(false),
+  /** 设置大小，默认为空 */
+  size: makeStringProp(''),
+  /** 同行展示，默认为 false */
+  inline: makeBooleanProp(false)
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-radio-group/wd-radio-group.vue b/src/uni_modules/wot-design-uni/components/wd-radio-group/wd-radio-group.vue
index 096631e9..e08bf6a8 100644
--- a/src/uni_modules/wot-design-uni/components/wd-radio-group/wd-radio-group.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-radio-group/wd-radio-group.vue
@@ -17,28 +17,9 @@ export default {
 <script lang="ts" setup>
 import { watch } from 'vue'
 import { useChildren } from '../composables/useChildren'
-import { RADIO_GROUP_KEY } from './types'
+import { RADIO_GROUP_KEY, radioGroupProps } from './types'
 
-type RadioShape = 'dot' | 'button' | 'check'
-interface Props {
-  customClass?: string
-  modelValue?: string | number | boolean
-  shape?: RadioShape
-  checkedColor?: string
-  disabled?: boolean
-  cell?: boolean
-  size?: string
-  inline?: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  shape: 'check',
-  size: '',
-  disabled: false,
-  inline: false,
-  cell: false
-})
+const props = defineProps(radioGroupProps)
 
 const { linkChildren, children } = useChildren(RADIO_GROUP_KEY)
 
diff --git a/src/uni_modules/wot-design-uni/components/wd-radio/types.ts b/src/uni_modules/wot-design-uni/components/wd-radio/types.ts
new file mode 100644
index 00000000..ab4b817e
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-radio/types.ts
@@ -0,0 +1,42 @@
+/*
+ * @Author: weisheng
+ * @Date: 2024-03-15 20:40:34
+ * @LastEditTime: 2024-03-18 16:01:19
+ * @LastEditors: weisheng
+ * @Description:
+ * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-radio\types.ts
+ * 记得注释
+ */
+import type { PropType } from 'vue'
+import { baseProps, makeRequiredProp } from '../common/props'
+
+export type RadioShape = 'dot' | 'button' | 'check'
+
+export const radioProps = {
+  ...baseProps,
+  /** 选中时的值 */
+  value: makeRequiredProp([String, Number, Boolean]),
+  /** 单选框的形状 */
+  shape: String as PropType<RadioShape>,
+  /** 选中的颜色 */
+  checkedColor: String,
+  /** 禁用 */
+  disabled: {
+    type: [Boolean, null] as PropType<boolean | null>,
+    default: null
+  },
+  /** 单元格 */
+  cell: {
+    type: [Boolean, null] as PropType<boolean | null>,
+    default: null
+  },
+  /** 大小 */
+  size: String,
+  /** 内联 */
+  inline: {
+    type: [Boolean, null] as PropType<boolean | null>,
+    default: null
+  },
+  /** 最大宽度 */
+  maxWidth: String
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-radio/wd-radio.vue b/src/uni_modules/wot-design-uni/components/wd-radio/wd-radio.vue
index 7ff3972c..c75cdb81 100644
--- a/src/uni_modules/wot-design-uni/components/wd-radio/wd-radio.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-radio/wd-radio.vue
@@ -34,26 +34,9 @@ export default {
 import { computed, watch } from 'vue'
 import { useParent } from '../composables/useParent'
 import { RADIO_GROUP_KEY } from '../wd-radio-group/types'
+import { radioProps } from './types'
 
-type RadioShape = 'dot' | 'button' | 'check'
-interface Props {
-  customClass?: string
-  value: string | number | boolean
-  shape?: RadioShape
-  checkedColor?: string
-  disabled?: boolean | null
-  cell?: boolean | null
-  size?: string
-  inline?: boolean | null
-  maxWidth?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  disabled: null,
-  cell: null,
-  inline: null
-})
+const props = defineProps(radioProps)
 
 const { parent: radioGroup } = useParent(RADIO_GROUP_KEY)
 
diff --git a/src/uni_modules/wot-design-uni/components/wd-rate/types.ts b/src/uni_modules/wot-design-uni/components/wd-rate/types.ts
new file mode 100644
index 00000000..4652e3ab
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-rate/types.ts
@@ -0,0 +1,89 @@
+import type { PropType } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp, makeStringProp } from '../common/props'
+
+export const rateProps = {
+  ...baseProps,
+
+  /**
+   * 评分最大值
+   * 类型: number
+   * 默认值: 5
+   */
+  num: makeNumberProp(5),
+
+  /**
+   * 当前分数，使用v-model进行双向绑定
+   * 类型: string | number | null
+   * 默认值: null
+   */
+  modelValue: {
+    type: [String, Number, null] as PropType<string | number | null>,
+    default: null
+  },
+
+  /**
+   * 是否只读
+   * 类型: boolean
+   * 默认值: false
+   */
+  readonly: makeBooleanProp(false),
+
+  /**
+   * 图标大小
+   * 类型: string
+   * 默认值: '16px'
+   */
+  size: makeStringProp('16px'),
+
+  /**
+   * 图标间距
+   * 类型: string
+   * 默认值: '4px'
+   */
+  space: makeStringProp('4px'),
+
+  /**
+   * 未选中的图标颜色
+   * 类型: string
+   * 默认值: '#E8E8E8'
+   */
+  color: makeStringProp('#E8E8E8'),
+
+  /**
+   * 选中的图标颜色，支持传颜色数组（用于分段颜色）
+   * 类型: string | Array<string>
+   * 默认值: 'linear-gradient(180deg, rgba(255,238,0,1) 0%,rgba(250,176,21,1) 100%)'
+   */
+  activeColor: {
+    type: [String, Array] as PropType<string | Array<string>>,
+    default: 'linear-gradient(180deg, rgba(255,238,0,1) 0%,rgba(250,176,21,1) 100%)'
+  },
+
+  /**
+   * 未选中的图标类名
+   * 类型: string
+   * 默认值: 'star-on'
+   */
+  icon: makeStringProp('star-on'),
+
+  /**
+   * 选中的图标类名
+   * 类型: string
+   * 默认值: 'star-on'
+   */
+  activeIcon: makeStringProp('star-on'),
+
+  /**
+   * 是否禁用
+   * 类型: boolean
+   * 默认值: false
+   */
+  disabled: makeBooleanProp(false),
+
+  /**
+   * 禁用的图标颜色
+   * 类型: string
+   * 默认值: 'linear-gradient(315deg, rgba(177,177,177,1) 0%,rgba(199,199,199,1) 100%)'
+   */
+  disabledColor: makeStringProp('linear-gradient(315deg, rgba(177,177,177,1) 0%,rgba(199,199,199,1) 100%)')
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-rate/wd-rate.vue b/src/uni_modules/wot-design-uni/components/wd-rate/wd-rate.vue
index 540e5c07..47289267 100644
--- a/src/uni_modules/wot-design-uni/components/wd-rate/wd-rate.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-rate/wd-rate.vue
@@ -30,36 +30,9 @@ export default {
 </script>
 <script lang="ts" setup>
 import { computed, ref, watch } from 'vue'
+import { rateProps } from './types'
 
-interface Props {
-  customClass?: string
-  num?: number
-  modelValue: string | number | null
-  readonly?: boolean
-  size?: string
-  space?: string
-  color?: string
-  activeColor?: string | Array<string>
-  icon?: string
-  activeIcon?: string
-  disabled?: boolean
-  disabledColor?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  num: 5,
-  modelValue: null,
-  readonly: false,
-  size: '16px',
-  space: '4px',
-  color: '#E8E8E8',
-  activeColor: 'linear-gradient(180deg, rgba(255,238,0,1) 0%,rgba(250,176,21,1) 100%)',
-  icon: 'star-on',
-  activeIcon: 'star-on',
-  disabled: false,
-  disabledColor: 'linear-gradient(315deg, rgba(177,177,177,1) 0%,rgba(199,199,199,1) 100%)'
-})
+const props = defineProps(rateProps)
 
 const rateList = ref<Array<string>>([])
 const activeValue = ref<string>('')
diff --git a/src/uni_modules/wot-design-uni/components/wd-resize/types.ts b/src/uni_modules/wot-design-uni/components/wd-resize/types.ts
new file mode 100644
index 00000000..094de17c
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-resize/types.ts
@@ -0,0 +1,6 @@
+import { baseProps, makeStringProp } from '../common/props'
+
+export const resizeProps = {
+  ...baseProps,
+  customContainerClass: makeStringProp('')
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-resize/wd-resize.vue b/src/uni_modules/wot-design-uni/components/wd-resize/wd-resize.vue
index 01653b65..1e45a8c1 100644
--- a/src/uni_modules/wot-design-uni/components/wd-resize/wd-resize.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-resize/wd-resize.vue
@@ -44,18 +44,9 @@ export default {
 <script lang="ts" setup>
 import { computed, getCurrentInstance, onMounted, ref } from 'vue'
 import { addUnit, objToStyle, uuid } from '../common/util'
+import { resizeProps } from './types'
 
-interface Props {
-  customClass?: string
-  customContainerClass?: string
-  customStyle?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customStyle: '',
-  customClass: '',
-  customContainerClass: ''
-})
+const props = defineProps(resizeProps)
 
 const expandScrollTop = ref<number>(0)
 const shrinkScrollTop = ref<number>(0)
@@ -120,7 +111,7 @@ onMounted(() => {
           emitStack.push(1)
         }
         if (emitStack.length !== 0) {
-          const result = {}
+          const result: Record<string, any> = {}
           ;['bottom', 'top', 'left', 'right', 'height', 'width'].forEach((propName) => {
             result[propName] = res[propName]
           })
@@ -141,7 +132,7 @@ onMounted(() => {
   })
 })
 
-function scrollToBottom({ lastWidth, lastHeight }) {
+function scrollToBottom({ lastWidth, lastHeight }: { lastWidth: number; lastHeight: number }) {
   expandScrollTop.value = 100000 + lastHeight
   shrinkScrollTop.value = 3 * height.value + lastHeight
   expandScrollLeft.value = 100000 + lastWidth
diff --git a/src/uni_modules/wot-design-uni/components/wd-row/types.ts b/src/uni_modules/wot-design-uni/components/wd-row/types.ts
index edc32edd..f03f9701 100644
--- a/src/uni_modules/wot-design-uni/components/wd-row/types.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-row/types.ts
@@ -1,7 +1,16 @@
 import { type InjectionKey } from 'vue'
+import { baseProps, makeNumberProp } from '../common/props'
 
 export type RowProvide = {
   props: { gutter?: number }
 }
 
 export const ROW_KEY: InjectionKey<RowProvide> = Symbol('wd-row')
+
+export const rowProps = {
+  ...baseProps,
+  /**
+   * 列元素之间的间距（单位为px）
+   */
+  gutter: makeNumberProp(0)
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-row/wd-row.vue b/src/uni_modules/wot-design-uni/components/wd-row/wd-row.vue
index a8707122..4e403e0b 100644
--- a/src/uni_modules/wot-design-uni/components/wd-row/wd-row.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-row/wd-row.vue
@@ -17,17 +17,9 @@ export default {
 <script lang="ts" setup>
 import { ref, watch } from 'vue'
 import { useChildren } from '../composables/useChildren'
-import { ROW_KEY } from './types'
+import { ROW_KEY, rowProps } from './types'
 
-interface Props {
-  customClass?: string
-  gutter?: number
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  gutter: 0
-})
+const props = defineProps(rowProps)
 const { linkChildren } = useChildren(ROW_KEY)
 
 linkChildren({ props })
diff --git a/src/uni_modules/wot-design-uni/components/wd-search/types.ts b/src/uni_modules/wot-design-uni/components/wd-search/types.ts
new file mode 100644
index 00000000..dd39b1d0
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-search/types.ts
@@ -0,0 +1,82 @@
+import { baseProps, makeBooleanProp, makeNumericProp, makeStringProp } from '../common/props'
+
+export const searchProps = {
+  ...baseProps,
+
+  /**
+   * 输入框内容，双向绑定
+   * 类型: string
+   * 默认值: ''
+   */
+  modelValue: makeStringProp(''),
+
+  /**
+   * 是否使用输入框右侧插槽
+   * 类型: boolean
+   * 默认值: false
+   */
+  userSuffixSlot: makeBooleanProp(false),
+
+  /**
+   * 搜索框占位文本
+   * 类型: string
+   */
+  placeholder: String,
+
+  /**
+   * 搜索框右侧文本
+   * 类型: string
+   */
+  cancelTxt: String,
+
+  /**
+   * 搜索框亮色（白色）
+   * 类型: boolean
+   * 默认值: false
+   */
+  light: makeBooleanProp(false),
+
+  /**
+   * 是否隐藏右侧文本
+   * 类型: boolean
+   * 默认值: false
+   */
+  hideCancel: makeBooleanProp(false),
+
+  /**
+   * 是否禁用搜索框
+   * 类型: boolean
+   * 默认值: false
+   */
+  disabled: makeBooleanProp(false),
+
+  /**
+   * 原生属性，设置最大长度。-1 表示无限制
+   * 类型: string / number
+   * 默认值: -1
+   */
+  maxlength: makeNumericProp(-1),
+
+  /**
+   * placeholder 居左边
+   * 类型: boolean
+   * 默认值: false
+   */
+  placeholderLeft: makeBooleanProp(false),
+
+  /**
+   * 是否自动聚焦
+   * 类型: boolean
+   * 默认值: false
+   * 最低版本: 0.1.63
+   */
+  focus: makeBooleanProp(false),
+
+  /**
+   * 是否在点击清除按钮时聚焦输入框
+   * 类型: boolean
+   * 默认值: false
+   * 最低版本: 0.1.63
+   */
+  focusWhenClear: makeBooleanProp(false)
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-search/wd-search.vue b/src/uni_modules/wot-design-uni/components/wd-search/wd-search.vue
index 2dd2c3c0..c569ffb0 100644
--- a/src/uni_modules/wot-design-uni/components/wd-search/wd-search.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-search/wd-search.vue
@@ -58,39 +58,12 @@ export default {
 import { type CSSProperties, computed, onMounted, ref, watch } from 'vue'
 import { objToStyle, requestAnimationFrame } from '../common/util'
 import { useTranslate } from '../composables/useTranslate'
+import { searchProps } from './types'
 
-interface Props {
-  userSuffixSlot?: boolean
-  placeholder?: string
-  cancelTxt?: string
-  light?: boolean
-  hideCancel?: boolean
-  disabled?: boolean
-  maxlength?: number | string
-  modelValue?: string
-  placeholderLeft?: boolean
-  focus?: boolean
-  focusWhenClear?: boolean
-  customClass?: string
-  customStyle?: string
-}
+const props = defineProps(searchProps)
 
 const { translate } = useTranslate('search')
 
-const props = withDefaults(defineProps<Props>(), {
-  modelValue: '',
-  customClass: '',
-  customStyle: '',
-  userSuffixSlot: false,
-  light: false,
-  focus: false,
-  focusWhenClear: false,
-  hideCancel: false,
-  disabled: false,
-  maxlength: -1,
-  placeholderLeft: false
-})
-
 const isFocused = ref<boolean>(false) // 是否聚焦中
 const showInput = ref<boolean>(false) // 是否显示输入框 用于实现聚焦的hack
 const str = ref('')
@@ -197,7 +170,7 @@ function clearSearch() {
  * @description 点击搜索按钮时的handle
  * @param value
  */
-function search({ detail: { value } }) {
+function search({ detail: { value } }: any) {
   // 组件触发search事件
   emit('search', {
     value
diff --git a/src/uni_modules/wot-design-uni/components/wd-segmented/types.ts b/src/uni_modules/wot-design-uni/components/wd-segmented/types.ts
new file mode 100644
index 00000000..f9bc05b6
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-segmented/types.ts
@@ -0,0 +1,76 @@
+/*
+ * @Author: weisheng
+ * @Date: 2024-03-18 11:22:03
+ * @LastEditTime: 2024-03-18 16:27:35
+ * @LastEditors: weisheng
+ * @Description:
+ * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-segmented\types.ts
+ * 记得注释
+ */
+import type { PropType } from 'vue'
+import { baseProps, makeBooleanProp, makeRequiredProp, makeStringProp } from '../common/props'
+
+export type SegmentedType = 'large' | 'middle' | 'small'
+
+export interface SegmentedOption {
+  value: string | number // 选中值
+  disabled?: boolean // 是否禁用
+  payload?: any // 更多数据
+}
+
+/**
+ * 分段器信息
+ */
+export interface SegmentedInfo {
+  height: number
+  width: number
+}
+
+export const segmentedProps = {
+  ...baseProps,
+
+  /**
+   * 当前选中的值
+   * 类型: string | number
+   * 最低版本: 0.1.23
+   */
+  value: makeRequiredProp([String, Number]),
+
+  /**
+   * 是否禁用分段器
+   * 类型: boolean
+   * 默认值: false
+   * 最低版本: 0.1.23
+   */
+  disabled: makeBooleanProp(false),
+
+  /**
+   * 控件尺寸
+   * 类型: string
+   * 可选值: 'large' | 'middle' | 'small'
+   * 默认值: 'middle'
+   * 最低版本: 0.1.23
+   */
+  size: makeStringProp<SegmentedType>('middle'),
+
+  /**
+   * 数据集合
+   * 类型: string[] | number[] | SegmentedOption[]
+   * 必需: 是
+   * 默认值: []
+   * 最低版本: 0.1.23
+   */
+  options: {
+    type: Array as PropType<string[] | number[] | SegmentedOption[]>,
+    required: true,
+    default: () => []
+  },
+
+  /**
+   * 切换选项时是否振动
+   * 类型: boolean
+   * 默认值: false
+   * 最低版本: 0.1.23
+   */
+  vibrateShort: makeBooleanProp(false)
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-segmented/wd-segmented.vue b/src/uni_modules/wot-design-uni/components/wd-segmented/wd-segmented.vue
index 5238cc0c..2e6dd2d0 100644
--- a/src/uni_modules/wot-design-uni/components/wd-segmented/wd-segmented.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-segmented/wd-segmented.vue
@@ -34,48 +34,10 @@ export default {
 import { computed, getCurrentInstance, onMounted, reactive, ref, watch } from 'vue'
 import { addUnit, getRect, isObj, objToStyle } from '../common/util'
 import type { CSSProperties } from 'vue'
+import { segmentedProps, type SegmentedInfo, type SegmentedOption } from './types'
 const $item = '.wd-segmented__item'
 
-type SegmentedType = 'large' | 'middle' | 'small'
-
-interface SegmentedOption {
-  value: string | number // 选中值
-  disabled?: boolean // 是否禁用
-  payload?: any // 更多数据
-}
-
-/**
- * 分段器信息
- */
-interface SegmentedInfo {
-  height: number
-  width: number
-}
-
-interface Props {
-  // 当前选中的值
-  value: string | number
-  // 是否禁用
-  disabled?: boolean
-  // 控件尺寸
-  size?: SegmentedType
-  // 数据集合
-  options: string[] | number[] | SegmentedOption[]
-  // 切换选项时是否振动
-  vibrateShort?: boolean
-  // 自定义样式
-  customStyle?: string
-  // 自定义样式类
-  customClass?: string
-}
-const props = withDefaults(defineProps<Props>(), {
-  size: 'middle',
-  options: () => [],
-  vibrateShort: false,
-  disabled: false,
-  customStyle: '',
-  customClass: ''
-})
+const props = defineProps(segmentedProps)
 
 const sectionItemInfo = reactive<SegmentedInfo>({
   width: 0,
@@ -106,10 +68,10 @@ watch(
 const { proxy } = getCurrentInstance() as any
 
 onMounted(() => {
-  getRect('.wd-segmented__item', false, proxy).then((rect: any) => {
+  getRect('.wd-segmented__item', false, proxy).then((rect) => {
     if (rect) {
-      sectionItemInfo.height = rect.height
-      sectionItemInfo.width = rect.width
+      sectionItemInfo.height = Number(rect.height)
+      sectionItemInfo.width = Number(rect.width)
       updateCurrentIndex()
       updateActiveStyle()
     }
@@ -123,10 +85,10 @@ const emit = defineEmits(['update:value', 'change'])
  *
  */
 function updateActiveStyle() {
-  getRect($item, true, proxy).then((rects: any) => {
+  getRect($item, true, proxy).then((rects) => {
     const rect = rects[activeIndex.value]
-    let left = rects.slice(0, activeIndex.value).reduce((prev, curr) => prev + curr.width, 0)
-    left += (rect.width - sectionItemInfo.width) / 2
+    let left = rects.slice(0, activeIndex.value).reduce((prev, curr) => prev + Number(curr.width), 0)
+    left += (Number(rect.width) - sectionItemInfo.width) / 2
     const transition = 'all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)'
     const style: CSSProperties = {
       position: 'absolute',
diff --git a/src/uni_modules/wot-design-uni/components/wd-select-picker/types.ts b/src/uni_modules/wot-design-uni/components/wd-select-picker/types.ts
new file mode 100644
index 00000000..8dd6c1f9
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-select-picker/types.ts
@@ -0,0 +1,99 @@
+import type { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue'
+import { baseProps, makeArrayProp, makeBooleanProp, makeNumberProp, makeRequiredProp, makeStringProp } from '../common/props'
+import type { FormItemRule } from '../wd-form/types'
+
+export type SelectPickerType = 'checkbox' | 'radio'
+
+export const selectPickerProps = {
+  ...baseProps,
+  /** 选择器左侧文案 */
+  label: String,
+  /** 设置左侧标题宽度 */
+  labelWidth: makeStringProp('33%'),
+  /** 禁用 */
+  disabled: makeBooleanProp(false),
+  /** 只读 */
+  readonly: Boolean,
+  /** 选择器占位符 */
+  placeholder: String,
+  /** 弹出层标题 */
+  title: String,
+  /** 选择器的值靠右展示 */
+  alignRight: makeBooleanProp(false),
+  /** 是否为错误状态，错误状态时右侧内容为红色 */
+  error: makeBooleanProp(false),
+  /** 必填样式 */
+  required: makeBooleanProp(false),
+  /** 使用 label 插槽时设置该选项 */
+  useLabelSlot: makeBooleanProp(false),
+  /** 使用默认插槽时设置该选项 */
+  useDefaultSlot: makeBooleanProp(false),
+  /** 设置选择器大小 */
+  size: String,
+  /** 选中的颜色（单/复选框） */
+  checkedColor: String,
+  /** 最小选中的数量（仅在复选框类型下生效，`type`类型为`checkbox`） */
+  min: makeNumberProp(0),
+  /** 最大选中的数量，0 为无限数量，默认为 0（仅在复选框类型下生效，`type`类型为`checkbox`） */
+  max: makeNumberProp(0),
+  /** 设置 picker 内部的选项组尺寸大小 （单/复选框） */
+  selectSize: String,
+  /** 加载中 */
+  loading: makeBooleanProp(false),
+  /** 加载的颜色，只能使用十六进制的色值写法，且不能使用缩写 */
+  loadingColor: makeStringProp('#4D80F0'),
+  /** 点击遮罩是否关闭 */
+  closeOnClickModal: makeBooleanProp(true),
+  /** 选中项，`type`类型为`checkbox`时，类型为 array；`type`为`radio` 时 ，类型为 number / boolean / string */
+  modelValue: makeRequiredProp([String, Number, Boolean, Array] as PropType<string | number | boolean | (string | number | boolean)[]>),
+  /** 选择器数据，一维数组 */
+  columns: makeArrayProp<Record<string, any>>(),
+  /** 单复选选择器类型 */
+  type: makeStringProp<SelectPickerType>('checkbox'),
+  /** 选项对象中，value 对应的 key */
+  valueKey: makeStringProp('value'),
+  /** 选项对象中，展示的文本对应的 key */
+  labelKey: makeStringProp('label'),
+  /** 确认按钮文案 */
+  confirmButtonText: String,
+  /** 自定义展示文案的格式化函数，返回一个字符串 */
+  displayFormat: Function as PropType<SelectPickerDisplayFormat>,
+  /** 确定前校验函数，接收 (value, resolve) 参数，通过 resolve 继续执行 picker，resolve 接收 1 个 boolean 参数 */
+  beforeConfirm: Function as PropType<SelectPickerBeforeConfirm>,
+  /** 弹窗层级 */
+  zIndex: makeNumberProp(15),
+  /** 弹出面板是否设置底部安全距离（iphone X 类型的机型） */
+  safeAreaInsetBottom: makeBooleanProp(true),
+  /** 可搜索（目前只支持本地搜索） */
+  filterable: makeBooleanProp(false),
+  /** 搜索框占位符 */
+  filterPlaceholder: String,
+  /** 是否超出隐藏 */
+  ellipsis: makeBooleanProp(false),
+  /** 重新打开是否滚动到选中项 */
+  scrollIntoView: makeBooleanProp(true),
+  /** 表单域 `model` 字段名，在使用表单校验功能的情况下，该属性是必填的 */
+  prop: String,
+  /** 表单验证规则，结合`wd-form`组件使用 */
+  rules: makeArrayProp<FormItemRule>(),
+  /** 自定义内容样式类 */
+  customContentClass: makeStringProp(''),
+  /** 自定义标签样式类 */
+  customLabelClass: makeStringProp(''),
+  /** 自定义值样式类 */
+  customValueClass: makeStringProp('')
+}
+export type SelectPickerProps = ExtractPropTypes<typeof selectPickerProps>
+
+export type SelectPickerDisplayFormat = (items: string | number | boolean | (string | number | boolean)[], columns: Record<string, any>[]) => string
+
+export type SelectPickerBeforeConfirm = (value: string | number | boolean | (string | number | boolean)[], resolve: (isPass: boolean) => void) => void
+
+export type SelectPickerExpose = {
+  // 打开picker弹框
+  open: () => void
+  // 关闭picker弹框
+  close: () => void
+}
+
+export type SelectPickerInstance = ComponentPublicInstance<SelectPickerExpose, SelectPickerProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-select-picker/wd-select-picker.vue b/src/uni_modules/wot-design-uni/components/wd-select-picker/wd-select-picker.vue
index c7dc61d8..e43a1be7 100644
--- a/src/uni_modules/wot-design-uni/components/wd-select-picker/wd-select-picker.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-select-picker/wd-select-picker.vue
@@ -58,7 +58,7 @@
         :scroll-with-animation="true"
       >
         <!-- 多选 -->
-        <view v-if="type === 'checkbox'" id="wd-checkbox-group">
+        <view v-if="type === 'checkbox' && isArray(selectList)" id="wd-checkbox-group">
           <wd-checkbox-group v-model="selectList" cell :size="selectSize" :checked-color="checkedColor" :min="min" :max="max" @change="handleChange">
             <view v-for="item in filterColumns" :key="item[valueKey]" :id="'check' + item[valueKey]">
               <wd-checkbox :modelValue="item[valueKey]" :disabled="item.disabled">
@@ -76,7 +76,7 @@
           </wd-checkbox-group>
         </view>
         <!-- 单选 -->
-        <view v-if="type === 'radio'" id="wd-radio-group">
+        <view v-if="type === 'radio' && !isArray(selectList)" id="wd-radio-group">
           <wd-radio-group v-model="selectList" cell :size="selectSize" :checked-color="checkedColor" @change="handleChange">
             <view v-for="(item, index) in filterColumns" :key="index" :id="'radio' + item[valueKey]">
               <wd-radio :value="item[valueKey]" :disabled="item.disabled">
@@ -121,90 +121,16 @@ import { getRect, getType, isArray, isDef, requestAnimationFrame } from '../comm
 import { useParent } from '../composables/useParent'
 import { FORM_KEY, type FormItemRule } from '../wd-form/types'
 import { useTranslate } from '../composables/useTranslate'
-
-type SelectPickerType = 'checkbox' | 'radio'
+import { selectPickerProps, type SelectPickerExpose } from './types'
 
 const { translate } = useTranslate('select-picker')
 
-interface Props {
-  customClass?: string
-  customContentClass?: string
-  customLabelClass?: string
-  customValueClass?: string
-  label?: string
-  labelWidth?: string
-  disabled?: boolean
-  readonly?: boolean
-  placeholder?: string
-  title?: string
-  alignRight?: boolean
-  error?: boolean
-  required?: boolean
-  useLabelSlot?: boolean
-  useDefaultSlot?: boolean
-  size?: string
-  checkedColor?: string
-  min?: number
-  max?: number
-  selectSize?: string
-  loading?: boolean
-  loadingColor?: string
-  closeOnClickModal?: boolean
-  modelValue: Array<number | boolean | string> | number | boolean | string
-  columns: Array<Record<string, any>>
-  type?: SelectPickerType
-  valueKey?: string
-  labelKey?: string
-  confirmButtonText?: string
-  // 外部展示格式化函数
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  displayFormat?: Function
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  beforeConfirm?: Function
-  zIndex?: number
-  safeAreaInsetBottom?: boolean
-  filterable?: boolean
-  filterPlaceholder?: string
-  ellipsis?: boolean
-  scrollIntoView?: boolean
-  prop?: string
-  rules?: FormItemRule[]
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  customContentClass: '',
-  customLabelClass: '',
-  customValueClass: '',
-  columns: () => [],
-  type: 'checkbox',
-  valueKey: 'value',
-  labelKey: 'label',
-  disabled: false,
-  loading: false,
-  loadingColor: '#4D80F0',
-  readonly: false,
-  labelWidth: '33%',
-  error: false,
-  required: false,
-  alignRight: false,
-  min: 0,
-  max: 0,
-  useDefaultSlot: false,
-  useLabelSlot: false,
-  closeOnClickModal: true,
-  zIndex: 15,
-  safeAreaInsetBottom: true,
-  filterable: false,
-  ellipsis: false,
-  scrollIntoView: true,
-  rules: () => []
-})
+const props = defineProps(selectPickerProps)
 
 const pickerShow = ref<boolean>(false)
 const selectList = ref<Array<number | boolean | string> | number | boolean | string>([])
 const isConfirm = ref<boolean>(false)
-const lastSelectList = ref<Array<number | boolean | string>>([])
+const lastSelectList = ref<Array<number | boolean | string> | number | boolean | string>([])
 const filterVal = ref<string>('')
 const filterColumns = ref<Array<Record<string, any>>>([])
 const scrollTop = ref<number | null>(0) // 滚动位置
@@ -219,7 +145,7 @@ const showValue = computed(() => {
   } else {
     const { type, labelKey } = props
     if (type === 'checkbox') {
-      const selectedItems = value.map((item) => {
+      const selectedItems = (isArray(value) ? value : []).map((item) => {
         return getSelectedItem(item)
       })
       showValueTemp = selectedItems
@@ -228,10 +154,10 @@ const showValue = computed(() => {
         })
         .join(', ')
     } else if (type === 'radio') {
-      const selectedItem = getSelectedItem(value)
+      const selectedItem = getSelectedItem(value as string | number | boolean)
       showValueTemp = selectedItem[labelKey]
     } else {
-      showValueTemp = value
+      showValueTemp = value as string
     }
   }
   return showValueTemp
@@ -369,7 +295,7 @@ function setScrollIntoView() {
 
 function noop() {}
 
-function getSelectedItem(value) {
+function getSelectedItem(value: string | number | boolean) {
   const { valueKey, labelKey, columns } = props
 
   const selecteds = columns.filter((item) => {
@@ -386,11 +312,11 @@ function getSelectedItem(value) {
   }
 }
 
-function valueFormat(value) {
-  return props.type === 'checkbox' ? Array.prototype.slice.call(value) : value
+function valueFormat(value: string | number | boolean | (string | number | boolean)[]) {
+  return props.type === 'checkbox' ? (isArray(value) ? value : []) : value
 }
 
-function handleChange({ value }) {
+function handleChange({ value }: { value: string | number | boolean | (string | number | boolean)[] }) {
   selectList.value = value
   emit('change', { value })
 }
@@ -418,7 +344,7 @@ function onConfirm() {
     return
   }
   if (props.beforeConfirm) {
-    props.beforeConfirm(selectList.value, (isPass) => {
+    props.beforeConfirm(selectList.value, (isPass: boolean) => {
       isPass && handleConfirm()
     })
   } else {
@@ -432,11 +358,11 @@ function handleConfirm() {
   lastSelectList.value = valueFormat(selectList.value)
   let selectedItems: Record<string, any> = {}
   if (props.type === 'checkbox') {
-    selectedItems = lastSelectList.value.map((item) => {
+    selectedItems = (isArray(lastSelectList.value) ? lastSelectList.value : []).map((item) => {
       return getSelectedItem(item)
     })
   } else {
-    selectedItems = getSelectedItem(lastSelectList.value)
+    selectedItems = getSelectedItem(lastSelectList.value as string | number | boolean)
   }
   emit('update:modelValue', lastSelectList.value)
   emit('confirm', {
@@ -445,7 +371,7 @@ function handleConfirm() {
   })
 }
 
-function getFilterText(label, filterVal) {
+function getFilterText(label: string, filterVal: string) {
   const reg = new RegExp(`(${filterVal})`, 'g')
 
   return label.split(reg).map((text) => {
@@ -456,7 +382,7 @@ function getFilterText(label, filterVal) {
   })
 }
 
-function handleFilterChange({ value }) {
+function handleFilterChange({ value }: { value: string }) {
   if (value === '') {
     filterColumns.value = []
     filterVal.value = value
@@ -469,7 +395,7 @@ function handleFilterChange({ value }) {
   }
 }
 
-function formatFilterColumns(columns, filterVal) {
+function formatFilterColumns(columns: Record<string, any>[], filterVal: string) {
   const filterColumnsTemp = columns.filter((item) => {
     return item[props.labelKey].indexOf(filterVal) > -1
   })
@@ -486,7 +412,7 @@ function formatFilterColumns(columns, filterVal) {
   })
 }
 
-defineExpose({
+defineExpose<SelectPickerExpose>({
   close,
   open
 })
diff --git a/src/uni_modules/wot-design-uni/components/wd-sidebar-item/types.ts b/src/uni_modules/wot-design-uni/components/wd-sidebar-item/types.ts
new file mode 100644
index 00000000..fed95348
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-sidebar-item/types.ts
@@ -0,0 +1,25 @@
+import type { ExtractPropTypes, PropType } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp, makeNumericProp, makeRequiredProp } from '../common/props'
+import type { BadgeProps } from '../wd-badge/types'
+
+export const sidebarItemProps = {
+  ...baseProps,
+  /** 当前选项标题 */
+  label: makeRequiredProp(String),
+  /** 当前选项的值，唯一标识 */
+  value: makeRequiredProp([Number, String]),
+  /** 徽标显示值 */
+  badge: makeNumericProp(null),
+  /** 徽标属性，透传给 Badge 组件 */
+  badgeProps: Object as PropType<Partial<BadgeProps>>,
+  /** 图标 */
+  icon: String,
+  /** 是否点状徽标 */
+  isDot: Boolean,
+  /** 徽标最大值 */
+  max: makeNumberProp(99),
+  /** 是否禁用 */
+  disabled: makeBooleanProp(false)
+}
+
+export type SidebarItemProps = ExtractPropTypes<typeof sidebarItemProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-sidebar-item/wd-sidebar-item.vue b/src/uni_modules/wot-design-uni/components/wd-sidebar-item/wd-sidebar-item.vue
index 70e43f38..8347bb7b 100644
--- a/src/uni_modules/wot-design-uni/components/wd-sidebar-item/wd-sidebar-item.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-sidebar-item/wd-sidebar-item.vue
@@ -31,49 +31,9 @@ export default {
 import { computed } from 'vue'
 import { useParent } from '../composables/useParent'
 import { SIDEBAR_KEY } from '../wd-sidebar/types'
+import { sidebarItemProps } from './types'
 
-type BadgeType = 'primary' | 'success' | 'warning' | 'danger' | 'info'
-interface BadgeProps {
-  modelValue?: number | string | null
-  bgColor?: string
-  max?: number
-  isDot?: boolean
-  hidden?: boolean
-  type?: BadgeType
-  top?: number
-  right?: number
-  customClass?: string
-  customStyle?: string
-}
-
-interface Props {
-  // 当前选项标题
-  label: string
-  // 当前选项的值，唯一标识
-  value: number | string
-  // 徽标显示值
-  badge?: number | string | null
-  // 徽标属性，透传给 Badge 组件
-  badgeProps?: BadgeProps
-  // 图标
-  icon?: string
-  // 是否点状徽标
-  isDot?: boolean
-  // 徽标最大值
-  max?: number
-  // 是否禁用
-  disabled?: boolean
-  // 自定义样式
-  customStyle?: string
-  // 自定义样式类
-  customClass?: string
-}
-const props = withDefaults(defineProps<Props>(), {
-  disabled: false,
-  max: 99,
-  customStyle: '',
-  customClass: ''
-})
+const props = defineProps(sidebarItemProps)
 
 const { parent: sidebar } = useParent(SIDEBAR_KEY)
 
@@ -132,3 +92,4 @@ function handleClick() {
 <style lang="scss" scoped>
 @import './index.scss';
 </style>
+../wd-sidebar/type
diff --git a/src/uni_modules/wot-design-uni/components/wd-sidebar/types.ts b/src/uni_modules/wot-design-uni/components/wd-sidebar/types.ts
index 5fc574e8..2d047ea8 100644
--- a/src/uni_modules/wot-design-uni/components/wd-sidebar/types.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-sidebar/types.ts
@@ -1,19 +1,28 @@
 /*
  * @Author: weisheng
  * @Date: 2024-01-05 18:03:27
- * @LastEditTime: 2024-01-05 18:08:28
+ * @LastEditTime: 2024-03-18 15:52:37
  * @LastEditors: weisheng
  * @Description:
- * @FilePath: /wot-design-uni/src/uni_modules/wot-design-uni/components/wd-sidebar/types.ts
+ * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-sidebar\types.ts
  * 记得注释
  */
-import { type InjectionKey } from 'vue'
+import { type ExtractPropTypes, type InjectionKey } from 'vue'
+import { baseProps, makeNumericProp } from '../common/props'
 
 export type SidebarProvide = {
-  props: {
-    modelValue?: number | string
-  }
+  props: Partial<SidebarProps>
   setChange: (value: number | string, label: string) => void
 }
 
 export const SIDEBAR_KEY: InjectionKey<SidebarProvide> = Symbol('wd-sidebar')
+
+export const sidebarProps = {
+  ...baseProps,
+  /**
+   * 当前导航项的索引
+   */
+  modelValue: makeNumericProp(0)
+}
+
+export type SidebarProps = ExtractPropTypes<typeof sidebarProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-sidebar/wd-sidebar.vue b/src/uni_modules/wot-design-uni/components/wd-sidebar/wd-sidebar.vue
index 54015f66..22f67d42 100644
--- a/src/uni_modules/wot-design-uni/components/wd-sidebar/wd-sidebar.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-sidebar/wd-sidebar.vue
@@ -18,21 +18,9 @@ export default {
 
 <script lang="ts" setup>
 import { useChildren } from '../composables/useChildren'
-import { SIDEBAR_KEY } from './types'
-
-interface Props {
-  modelValue?: number | string
-  // 自定义样式
-  customStyle?: string
-  // 自定义样式类
-  customClass?: string
-}
-const props = withDefaults(defineProps<Props>(), {
-  modelValue: 0,
-  customStyle: '',
-  customClass: ''
-})
+import { SIDEBAR_KEY, sidebarProps } from './types'
 
+const props = defineProps(sidebarProps)
 const { linkChildren } = useChildren(SIDEBAR_KEY)
 linkChildren({ props, setChange })
 
@@ -51,3 +39,4 @@ function setChange(value: number | string, label: string) {
 <style lang="scss" scoped>
 @import './index.scss';
 </style>
+./type
diff --git a/src/uni_modules/wot-design-uni/components/wd-skeleton/types.ts b/src/uni_modules/wot-design-uni/components/wd-skeleton/types.ts
index 97575eda..5bc5c1f5 100644
--- a/src/uni_modules/wot-design-uni/components/wd-skeleton/types.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-skeleton/types.ts
@@ -1,8 +1,10 @@
-import type { PropType, CSSProperties } from 'vue'
+import type { PropType, CSSProperties, ExtractPropTypes } from 'vue'
+import { makeArrayProp, makeBooleanProp, makeStringProp } from '../common/props'
 
 type SkeletonTheme = 'text' | 'avatar' | 'paragraph' | 'image'
 type SkeletonAnimation = 'gradient' | 'flashed'
 export type SkeletonRowColObj = {
+  [key: string]: any
   type?: 'rect' | 'circle' | 'text'
   size?: string | number
   width?: string | number
@@ -29,10 +31,7 @@ export const skeletonProps = {
   /**
    * 骨架图风格，有基础、头像组合等两大类
    */
-  theme: {
-    type: String as PropType<SkeletonTheme>,
-    default: 'text'
-  },
+  theme: makeStringProp<SkeletonTheme>('text'),
   /**
    * 用于设置行列数量、宽度高度、间距等。
    * @example
@@ -40,20 +39,12 @@ export const skeletonProps = {
    * 【示例二】，`[1, 1, { width: '100px' }]` 表示自定义第三行的宽度为 `100px`。
    * 【示例三】，`[1, 2, [{ width, height }, { width, height, marginLeft }]]` 表示第三行有两列，且自定义宽度、高度和间距
    */
-  rowCol: {
-    type: Array as PropType<SkeletonRowCol>,
-    default() {
-      return []
-    }
-  },
+  rowCol: makeArrayProp<SkeletonRowCol>(),
   /**
    * 是否为加载状态，如果是则显示骨架图，如果不是则显示加载完成的内容
    * @default true
    */
-  loading: {
-    type: Boolean,
-    default: true
-  },
+  loading: makeBooleanProp(true),
   /**
    * 动画效果，有「渐变加载动画」和「闪烁加载动画」两种。值为空则表示没有动画
    */
@@ -74,3 +65,5 @@ export const skeletonProps = {
     }
   }
 }
+
+export type SkeletonProps = ExtractPropTypes<typeof skeletonProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-skeleton/wd-skeleton.vue b/src/uni_modules/wot-design-uni/components/wd-skeleton/wd-skeleton.vue
index 6df53f1e..1f520a2e 100644
--- a/src/uni_modules/wot-design-uni/components/wd-skeleton/wd-skeleton.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-skeleton/wd-skeleton.vue
@@ -1,3 +1,12 @@
+<!--
+ * @Author: weisheng
+ * @Date: 2024-03-15 11:36:12
+ * @LastEditTime: 2024-03-15 14:26:00
+ * @LastEditors: weisheng
+ * @Description: 
+ * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-skeleton\wd-skeleton.vue
+ * 记得注释
+-->
 <template>
   <view class="wd-skeleton" :class="[props.customClass]" :style="props.customStyle">
     <view class="wd-skeleton__content" v-if="parsedRowCols.length">
@@ -84,7 +93,7 @@ function getColItemStyle(rowCol: SkeletonRowColObj) {
         style.width = px
         style.height = px
       } else {
-        style[name] = px
+        ;(style as any)[name] = px
       }
     }
   }
@@ -103,3 +112,4 @@ watch(
 <style lang="scss" scoped>
 @import './index.scss';
 </style>
+./type./type
diff --git a/src/uni_modules/wot-design-uni/components/wd-slider/types.ts b/src/uni_modules/wot-design-uni/components/wd-slider/types.ts
new file mode 100644
index 00000000..f2d10814
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-slider/types.ts
@@ -0,0 +1,86 @@
+import type { PropType } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp, makeNumericProp, makeStringProp } from '../common/props'
+
+export const sliderProps = {
+  ...baseProps,
+
+  /**
+   * 自定义最小值的样式类名
+   * 类型: string
+   * 默认值: ''
+   */
+  customMinClass: makeStringProp(''),
+
+  /**
+   * 自定义最大值的样式类名
+   * 类型: string
+   * 默认值: ''
+   */
+  customMaxClass: makeStringProp(''),
+
+  /**
+   * 是否隐藏左右的最大最小值
+   * 类型: boolean
+   * 默认值: false
+   */
+  hideMinMax: makeBooleanProp(false),
+
+  /**
+   * 是否隐藏当前滑块值
+   * 类型: boolean
+   * 默认值: false
+   */
+  hideLabel: makeBooleanProp(false),
+
+  /**
+   * 是否禁用滑块
+   * 类型: boolean
+   * 默认值: false
+   */
+  disabled: makeBooleanProp(false),
+
+  /**
+   * 进度条未激活的背景颜色
+   * 类型: string
+   * 默认值: '#e5e5e5'
+   */
+  inactiveColor: makeStringProp('#e5e5e5'),
+
+  /**
+   * 进度条激活的背景颜色
+   * 类型: string
+   * 默认值: ''
+   */
+  activeColor: makeStringProp(''),
+
+  /**
+   * 滑块的最大值
+   * 类型: number
+   * 默认值: 100
+   */
+  max: makeNumberProp(100),
+
+  /**
+   * 滑块的最小值
+   * 类型: number
+   * 默认值: 0
+   */
+  min: makeNumberProp(0),
+
+  /**
+   * 滑块的步进值
+   * 类型: number
+   * 默认值: 1
+   */
+  step: makeNumberProp(1),
+
+  /**
+   * 滑块的值，如果为数组，则为双向滑块
+   * 类型: number | number[]
+   * 默认值: 0
+   */
+  modelValue: {
+    type: [Number, Array] as PropType<number | number[]>,
+    default: 0
+  }
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-slider/wd-slider.vue b/src/uni_modules/wot-design-uni/components/wd-slider/wd-slider.vue
index a68471fb..8e30020a 100644
--- a/src/uni_modules/wot-design-uni/components/wd-slider/wd-slider.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-slider/wd-slider.vue
@@ -17,9 +17,7 @@
           @touchend="onTouchEnd"
           @touchcancel="onTouchEnd"
         >
-          <view class="wd-slider__label" v-if="!hideLabel">
-            {{ leftNewValue }}
-          </view>
+          <view class="wd-slider__label" v-if="!hideLabel">{{ leftNewValue }}</view>
           <view class="wd-slider__button" />
         </view>
         <!-- 右边 -->
@@ -32,9 +30,7 @@
           @touchend="onTouchEndRight"
           @touchcancel="onTouchEndRight"
         >
-          <view class="wd-slider__label" v-if="!hideLabel">
-            {{ rightNewValue }}
-          </view>
+          <view class="wd-slider__label" v-if="!hideLabel">{{ rightNewValue }}</view>
           <view class="wd-slider__button" />
         </view>
       </view>
@@ -60,39 +56,12 @@ export default {
 
 <script lang="ts" setup>
 import { computed, getCurrentInstance, onMounted, ref } from 'vue'
-import { getRect, isArray, isDef, uuid } from '../common/util'
+import { getRect, isArray, isDef, isNumber, uuid } from '../common/util'
 import { useTouch } from '../composables/useTouch'
 import { watch } from 'vue'
+import { sliderProps } from './types'
 
-interface Props {
-  customMinClass?: string
-  customMaxClass?: string
-  customClass?: string
-  hideMinMax?: boolean
-  hideLabel?: boolean
-  disabled?: boolean
-  inactiveColor?: string
-  activeColor?: string
-  max?: number
-  min?: number
-  step?: number
-  modelValue: number | number[]
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customMinClass: '',
-  customMaxClass: '',
-  customClass: '',
-  hideMinMax: false,
-  hideLabel: false,
-  disabled: false,
-  inactiveColor: '#e5e5e5',
-  activeColor: '',
-  max: 100,
-  min: 0,
-  step: 1,
-  modelValue: 0
-})
+const props = defineProps(sliderProps)
 
 // 存放右滑轮中的所有属性
 const rightSlider = {
@@ -174,16 +143,16 @@ watch(
     if (newValue === null || newValue === undefined) {
       emit('update:modelValue', oldValue)
       console.warn('[wot design] warning(wd-slider): value can nott be null or undefined')
-    } else if (checkType(newValue) === 'Array' && (newValue as any).length !== 2) {
+    } else if (isArray(newValue) && newValue.length !== 2) {
       console.warn('[wot design] warning(wd-slider): value must be dyadic array')
-    } else if (checkType(newValue) !== 'Number' && checkType(newValue) !== 'Array') {
+    } else if (!isNumber(newValue) && !isArray(newValue)) {
       emit('update:modelValue', oldValue)
       console.warn('[wot design] warning(wd-slider): value must be dyadic array Or Number')
     }
     currentValue.value = newValue
     // 动态传值后修改
     if (isArray(newValue)) {
-      if (equal(newValue, oldValue)) return
+      if (oldValue && isArray(oldValue) && equal(newValue, oldValue)) return
       showRight.value = true
       if (leftBarPercent.value <= rightBarPercent.value) {
         leftBarSlider(newValue[0])
@@ -228,17 +197,17 @@ const buttonRightStyle = computed(() => {
 })
 
 onMounted(() => {
-  getRect(`#${sliderId.value}`, false, proxy).then((data: any) => {
+  getRect(`#${sliderId.value}`, false, proxy).then((data) => {
     // trackWidth: 轨道全长
-    trackWidth.value = data.width
+    trackWidth.value = Number(data.width)
     // trackLeft: 轨道距离左侧的距离
-    trackLeft.value = data.left
+    trackLeft.value = Number(data.left)
   })
 })
 
 const emit = defineEmits(['dragstart', 'dragmove', 'dragend', 'update:modelValue'])
 
-function onTouchStart(event) {
+function onTouchStart(event: any) {
   const { disabled, modelValue } = props
   if (disabled) return
   touchLeft.touchStart(event)
@@ -251,7 +220,7 @@ function onTouchStart(event) {
     value: currentValue.value
   })
 }
-function onTouchMove(event) {
+function onTouchMove(event: any) {
   const { disabled } = props
   if (disabled) return
   touchLeft.touchMove(event)
@@ -271,18 +240,18 @@ function onTouchEnd() {
   })
 }
 // 右边滑轮滑动状态监听
-function onTouchStartRight(event) {
+function onTouchStartRight(event: any) {
   if (props.disabled) return
   const { modelValue } = props
   // 右滑轮移动时数据绑定
   touchRight.touchStart(event)
   // 记录开始数据值
-  rightSlider.startValue = leftBarPercent.value < rightBarPercent.value ? format(modelValue[1]) : format(modelValue[0])
+  rightSlider.startValue = leftBarPercent.value < rightBarPercent.value ? format((modelValue as number[])[1]) : format((modelValue as number[])[0])
   emit('dragstart', {
     value: currentValue.value
   })
 }
-function onTouchMoveRight(event) {
+function onTouchMoveRight(event: any) {
   if (props.disabled) return
   touchRight.touchMove(event)
   // 移动间距 deltaX 就是向左向右
@@ -343,17 +312,8 @@ function styleControl() {
     leftNewValue.value < rightNewValue.value ? [leftNewValue.value, rightNewValue.value] : [rightNewValue.value, leftNewValue.value]
   barStyle.value = barStyleTemp
 }
-// 将pos转化为value
-function pos2Value(pos) {
-  const percent = pos / trackWidth.value
-  const value = percent * (maxValue.value - minValue.value) + minValue.value
-  const res = minValue.value + Math.floor((value - minValue.value) / stepValue.value) * stepValue.value
-  return res
-}
-function checkType(value) {
-  return Object.prototype.toString.call(value).slice(8, -1)
-}
-function equal(arr1, arr2) {
+
+function equal(arr1: number[], arr2: number[]) {
   if (!isDef(arr1) || !isDef(arr2)) {
     return false
   }
diff --git a/src/uni_modules/wot-design-uni/components/wd-sort-button/types.ts b/src/uni_modules/wot-design-uni/components/wd-sort-button/types.ts
new file mode 100644
index 00000000..1d94f4fe
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-sort-button/types.ts
@@ -0,0 +1,43 @@
+import type { ExtractPropTypes } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp, makeStringProp } from '../common/props'
+
+export const sortButtonProps = {
+  ...baseProps,
+  /**
+   * 选中的箭头方向，1表示升序，0表示重置状态，-1表示降序。
+   * 类型: number
+   * 可选值: -1, 0, 1
+   * 默认值: 0或-1（根据具体实现可能有所不同）
+   */
+  modelValue: makeNumberProp(0),
+
+  /**
+   * 排序按钮展示的文案。
+   * 类型: string
+   * 默认值: ''
+   */
+  title: makeStringProp(''),
+
+  /**
+   * 当展示双箭头时，是否允许手动重置按钮。
+   * 类型: boolean
+   * 默认值: false
+   */
+  allowReset: makeBooleanProp(false),
+
+  /**
+   * 是否优先切换为降序，如果不开启则默认优先切换为升序。
+   * 类型: boolean
+   * 默认值: false
+   */
+  descFirst: makeBooleanProp(false),
+
+  /**
+   * 是否展示下划线，当只有一个排序按钮时，通常不展示下划线。
+   * 类型: boolean
+   * 默认值: true
+   */
+  line: makeBooleanProp(true)
+}
+
+export type SortButtonProps = ExtractPropTypes<typeof sortButtonProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-sort-button/wd-sort-button.vue b/src/uni_modules/wot-design-uni/components/wd-sort-button/wd-sort-button.vue
index a6aa3bb2..5b62a4e8 100644
--- a/src/uni_modules/wot-design-uni/components/wd-sort-button/wd-sort-button.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-sort-button/wd-sort-button.vue
@@ -24,23 +24,9 @@ export default {
 </script>
 
 <script lang="ts" setup>
-interface Props {
-  customClass?: string
-  title?: string
-  modelValue: number
-  allowReset?: boolean
-  descFirst?: boolean
-  line?: boolean
-}
+import { sortButtonProps } from './types'
 
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  title: '',
-  modelValue: 0,
-  allowReset: false,
-  descFirst: false,
-  line: true
-})
+const props = defineProps(sortButtonProps)
 
 const emit = defineEmits(['change', 'update:modelValue'])
 
diff --git a/src/uni_modules/wot-design-uni/components/wd-status-tip/types.ts b/src/uni_modules/wot-design-uni/components/wd-status-tip/types.ts
new file mode 100644
index 00000000..20be84ad
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-status-tip/types.ts
@@ -0,0 +1,39 @@
+/*
+ * @Author: weisheng
+ * @Date: 2024-03-15 13:49:00
+ * @LastEditTime: 2024-03-18 17:19:32
+ * @LastEditors: weisheng
+ * @Description:
+ * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-status-tip\types.ts
+ * 记得注释
+ */
+import type { ExtractPropTypes } from 'vue'
+import { baseProps, makeStringProp } from '../common/props'
+
+export const statusTipProps = {
+  ...baseProps,
+
+  /**
+   * 缺省图片类型，支持传入图片 URL。
+   * 类型: string
+   * 可选值: search, network, content, collect, comment, halo, message
+   * 默认值: network
+   */
+  image: makeStringProp('network'),
+
+  /**
+   * 图片大小，默认单位为 `px`。
+   * 类型: string 或 number
+   * 默认值: 空字符串
+   */
+  imageSize: makeStringProp(''),
+
+  /**
+   * 提示文案。
+   * 类型: string
+   * 默认值: 空字符串
+   */
+  tip: makeStringProp('')
+}
+
+export type StatusTipProps = ExtractPropTypes<typeof statusTipProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-status-tip/wd-status-tip.vue b/src/uni_modules/wot-design-uni/components/wd-status-tip/wd-status-tip.vue
index fb7bbfd6..f6a18e66 100644
--- a/src/uni_modules/wot-design-uni/components/wd-status-tip/wd-status-tip.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-status-tip/wd-status-tip.vue
@@ -28,22 +28,9 @@ export default {
 <script lang="ts" setup>
 import { computed, ref, watch, type CSSProperties } from 'vue'
 import { addUnit, objToStyle } from '../common/util'
+import { statusTipProps } from './types'
 
-interface Props {
-  customClass?: string
-  customStyle?: string
-  image?: string
-  imageSize?: string
-  tip?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  customStyle: '',
-  image: 'network',
-  imageSize: '',
-  tip: ''
-})
+const props = defineProps(statusTipProps)
 
 const imgUrl = ref<string>('') // 图片地址
 
diff --git a/src/uni_modules/wot-design-uni/components/wd-step/types.ts b/src/uni_modules/wot-design-uni/components/wd-step/types.ts
new file mode 100644
index 00000000..4ee8f1c5
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-step/types.ts
@@ -0,0 +1,54 @@
+import type { PropType } from 'vue'
+import { baseProps, makeBooleanProp } from '../common/props'
+
+export type StepStatus = 'finished' | 'process' | 'error'
+
+export const stepProps = {
+  ...baseProps,
+
+  /**
+   * 步骤标题，如果没有则使用默认文案。
+   * 当只有标题而没有描述时，标题的字号会小2号。
+   * 类型: string
+   */
+  title: String,
+
+  /**
+   * 步骤描述。
+   * 类型: string
+   */
+  description: String,
+
+  /**
+   * 步骤图标。
+   * 类型: string
+   */
+  icon: String,
+
+  /**
+   * 步骤状态，可选值为 'finished'（已完成）、'process'（进行中）、'error'（出错）。
+   * 类型: string
+   */
+  status: String as PropType<StepStatus>,
+
+  /**
+   * 当使用icon插槽时，需要设置该属性为true。
+   * 类型: boolean
+   * 默认值: false
+   */
+  iconSlot: makeBooleanProp(false),
+
+  /**
+   * 当使用title插槽时，需要设置该属性为true。
+   * 类型: boolean
+   * 默认值: false
+   */
+  titleSlot: makeBooleanProp(false),
+
+  /**
+   * 当使用description插槽时，需要设置该属性为true。
+   * 类型: boolean
+   * 默认值: false
+   */
+  descriptionSlot: makeBooleanProp(false)
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-step/wd-step.vue b/src/uni_modules/wot-design-uni/components/wd-step/wd-step.vue
index 83ef1175..52576ecf 100644
--- a/src/uni_modules/wot-design-uni/components/wd-step/wd-step.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-step/wd-step.vue
@@ -47,28 +47,9 @@ import { useParent } from '../composables/useParent'
 import { STEPS_KEY } from '../wd-steps/types'
 import { isDef } from '../common/util'
 import { useTranslate } from '../composables/useTranslate'
+import { stepProps } from './types'
 
-type StepStatus = 'finished' | 'process' | 'error'
-
-interface Props {
-  customClass?: string
-  customStyle?: string
-  title?: string
-  description?: string
-  icon?: string
-  status?: StepStatus
-  iconSlot?: boolean
-  titleSlot?: boolean
-  descriptionSlot?: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  customStyle: '',
-  iconSlot: false,
-  titleSlot: false,
-  descriptionSlot: false
-})
+const props = defineProps(stepProps)
 
 const { parent: steps, index } = useParent(STEPS_KEY)
 
@@ -166,3 +147,4 @@ function getCurrentTitle(currentStatus: string) {
 <style lang="scss" scoped>
 @import './index.scss';
 </style>
+../wd-steps/type
diff --git a/src/uni_modules/wot-design-uni/components/wd-steps/types.ts b/src/uni_modules/wot-design-uni/components/wd-steps/types.ts
index cccdea1d..13382c0e 100644
--- a/src/uni_modules/wot-design-uni/components/wd-steps/types.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-steps/types.ts
@@ -1,7 +1,59 @@
-import { type InjectionKey } from 'vue'
+/*
+ * @Author: weisheng
+ * @Date: 2024-01-09 11:46:46
+ * @LastEditTime: 2024-03-18 17:23:06
+ * @LastEditors: weisheng
+ * @Description:
+ * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-steps\types.ts
+ * 记得注释
+ */
+import { type ExtractPropTypes, type InjectionKey } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp } from '../common/props'
+
+export const stepsProps = {
+  ...baseProps,
+
+  /**
+   * 当前激活的步骤进度，以数字表示。
+   * 类型: number
+   * 默认值: 0
+   */
+  active: makeNumberProp(0),
+
+  /**
+   * 是否为垂直方向的步骤条。
+   * 类型: boolean
+   * 默认值: false
+   */
+  vertical: makeBooleanProp(false),
+
+  /**
+   * 是否为点状步骤条样式。
+   * 类型: boolean
+   * 默认值: false
+   */
+  dot: makeBooleanProp(false),
+
+  /**
+   * 步骤条之间的间距，默认为自动计算。
+   * 如果指定，则使用此值作为间距。
+   * 类型: string
+   * 默认值: 自动计算
+   */
+  space: String,
+
+  /**
+   * 是否将步骤条水平居中显示，只对横向步骤条有效。
+   * 类型: boolean
+   * 默认值: false
+   */
+  alignCenter: makeBooleanProp(false)
+}
+
+export type StepsProps = ExtractPropTypes<typeof stepsProps>
 
 export type StepsProvide = {
-  props: { active?: number; vertical?: boolean; dot?: boolean; space?: string; alignCenter?: boolean }
+  props: Partial<StepsProps>
 }
 
 export const STEPS_KEY: InjectionKey<StepsProvide> = Symbol('wd-steps')
diff --git a/src/uni_modules/wot-design-uni/components/wd-steps/wd-steps.vue b/src/uni_modules/wot-design-uni/components/wd-steps/wd-steps.vue
index c92bef67..cc3355ad 100644
--- a/src/uni_modules/wot-design-uni/components/wd-steps/wd-steps.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-steps/wd-steps.vue
@@ -1,10 +1,10 @@
 <!--
  * @Author: weisheng
  * @Date: 2023-06-12 18:40:58
- * @LastEditTime: 2024-01-03 21:31:31
+ * @LastEditTime: 2024-03-15 13:42:55
  * @LastEditors: weisheng
  * @Description: 
- * @FilePath: /wot-design-uni/src/uni_modules/wot-design-uni/components/wd-steps/wd-steps.vue
+ * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-steps\wd-steps.vue
  * 记得注释
 -->
 <template>
@@ -24,24 +24,9 @@ export default {
 </script>
 <script lang="ts" setup>
 import { useChildren } from '../composables/useChildren'
-import { STEPS_KEY } from './types'
+import { STEPS_KEY, stepsProps } from './types'
 
-interface Props {
-  customClass?: string
-  active?: number
-  vertical?: boolean
-  dot?: boolean
-  space?: string
-  alignCenter?: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  active: 0,
-  vertical: false,
-  dot: false,
-  alignCenter: false
-})
+const props = defineProps(stepsProps)
 
 const { linkChildren } = useChildren(STEPS_KEY)
 
@@ -50,3 +35,4 @@ linkChildren({ props })
 <style lang="scss" scoped>
 @import './index.scss';
 </style>
+./type
diff --git a/src/uni_modules/wot-design-uni/components/wd-sticky-box/types.ts b/src/uni_modules/wot-design-uni/components/wd-sticky-box/types.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/src/uni_modules/wot-design-uni/components/wd-sticky-box/wd-sticky-box.vue b/src/uni_modules/wot-design-uni/components/wd-sticky-box/wd-sticky-box.vue
index d5ecf164..3ba1d542 100644
--- a/src/uni_modules/wot-design-uni/components/wd-sticky-box/wd-sticky-box.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-sticky-box/wd-sticky-box.vue
@@ -22,14 +22,9 @@ export default {
 <script lang="ts" setup>
 import { getCurrentInstance, onBeforeMount, provide, ref } from 'vue'
 import { getRect, uuid } from '../common/util'
+import { baseProps } from '../common/props'
 
-interface Props {
-  customClass?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: ''
-})
+const props = defineProps(baseProps)
 
 const styckyBoxId = ref<string>(`wd-sticky-box${uuid()}`)
 
@@ -53,7 +48,7 @@ onBeforeMount(() => {
 /**
  * @description wd-sticky-box 尺寸发生变化时，重新监听所有的viewport
  */
-function resizeHandler(detail) {
+function resizeHandler(detail: any) {
   // 相对的容器大小改变后，同步设置 wd-sticky-box 的大小
   width.value = detail.width
   height.value = detail.height
@@ -75,7 +70,7 @@ function resizeHandler(detail) {
  * @description 删除 wd-sticky 废弃的监听器
  * @param child
  */
-function deleteObserver(child) {
+function deleteObserver(child: any) {
   const observer = observerMap.value.get(child.$.uid)
   if (!observer) return
   observer.disconnect()
@@ -85,7 +80,7 @@ function deleteObserver(child) {
  * @description 为 wd-sticky 创建监听器
  * @param child
  */
-function createObserver(child) {
+function createObserver(child: any) {
   const observer = uni.createIntersectionObserver(instance)
   observerMap.value.set(child.$.uid, observer)
   return observer
@@ -94,7 +89,7 @@ function createObserver(child) {
  * @description 为单个 wd-sticky 监听 viewport
  * @param child sticky
  */
-function observerForChild(child) {
+function observerForChild(child: any) {
   const hasChild = stickyList.find((sticky) => {
     return sticky.$.uid === child.$.uid
   })
@@ -114,9 +109,9 @@ function observerForChild(child) {
   observer.relativeToViewport({ top: -offset }).observe(`#${styckyBoxId.value}`, (result) => {
     scrollHandler(exposed, result)
   })
-  getRect(`#${styckyBoxId.value}`, false, proxy).then((res: any) => {
+  getRect(`#${styckyBoxId.value}`, false, proxy).then((res) => {
     // 当 wd-sticky-box 位于 viewport 外部时不会触发 observe，此时根据位置手动修复位置。
-    if (res.bottom <= offset) scrollHandler(exposed, { boundingClientRect: res })
+    if (Number(res.bottom) <= offset) scrollHandler(exposed, { boundingClientRect: res })
   })
 }
 /**
@@ -124,7 +119,7 @@ function observerForChild(child) {
  * @param {Object} exposed wd-sticky实例暴露出的事件
  * @param {Object} boundingClientRect 目标节点各个边在viewport中的坐标
  */
-function scrollHandler(exposed, { boundingClientRect }) {
+function scrollHandler(exposed: any, { boundingClientRect }: any) {
   const offset = exposed.height.value + exposed.offsetTop
   if (boundingClientRect.bottom <= offset) {
     // 父元素即将被吸顶元素遮盖，将吸顶元素固定到父元素底部
diff --git a/src/uni_modules/wot-design-uni/components/wd-sticky/types.ts b/src/uni_modules/wot-design-uni/components/wd-sticky/types.ts
new file mode 100644
index 00000000..1b14dcf5
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-sticky/types.ts
@@ -0,0 +1,13 @@
+import { baseProps, makeNumberProp } from '../common/props'
+
+export const stickyProps = {
+  ...baseProps,
+  /**
+   * 层级
+   */
+  zIndex: makeNumberProp(1),
+  /**
+   * 吸顶距离
+   */
+  offsetTop: makeNumberProp(0)
+}
diff --git a/src/uni_modules/wot-design-uni/components/wd-sticky/wd-sticky.vue b/src/uni_modules/wot-design-uni/components/wd-sticky/wd-sticky.vue
index ff4fee2f..5e75a530 100644
--- a/src/uni_modules/wot-design-uni/components/wd-sticky/wd-sticky.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-sticky/wd-sticky.vue
@@ -29,21 +29,9 @@ export default {
 <script lang="ts" setup>
 import { type Ref, computed, getCurrentInstance, inject, ref } from 'vue'
 import { addUnit, getRect, objToStyle, uuid } from '../common/util'
+import { stickyProps } from './types'
 
-interface Props {
-  customStyle?: string
-  customClass?: string
-  zIndex?: number
-  offsetTop?: number
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customStyle: '',
-  customClass: '',
-  zIndex: 1,
-  offsetTop: 0
-})
-
+const props = defineProps(stickyProps)
 const styckyId = ref<string>(`wd-sticky${uuid()}`)
 
 const openBox = ref<boolean>(false)
@@ -123,7 +111,7 @@ function createObserver() {
 /**
  * @description 监听到吸顶元素尺寸大小变化时，立即重新模拟吸顶
  */
-function resizeHandler(detail) {
+function resizeHandler(detail: any) {
   // 当吸顶内容处于absolute、fixed时，为了防止父容器坍塌，需要手动设置父容器高宽。
   width.value = detail.width
   height.value = detail.height
@@ -145,15 +133,15 @@ function observerContentScroll() {
       top: -offset // viewport上边界往下拉
     })
     .observe(`#${styckyId.value}`, scrollHandler)
-  getRect(`#${styckyId.value}`, false, proxy).then((res: any) => {
+  getRect(`#${styckyId.value}`, false, proxy).then((res) => {
     // 当 wd-sticky 位于 viewport 外部时不会触发 observe，此时根据位置手动修复位置。
-    if (res.bottom <= offset) scrollHandler({ boundingClientRect: res })
+    if (Number(res.bottom) <= offset) scrollHandler({ boundingClientRect: res })
   })
 }
 /**
  * @description 根据位置进行吸顶
  */
-function scrollHandler({ boundingClientRect }) {
+function scrollHandler({ boundingClientRect }: any) {
   // sticky 高度大于或等于 wd-sticky-box，使用 wd-sticky-box 无任何意义
   if (observerForChild && height.value >= boxHeight.value) {
     position.value = 'absolute'
diff --git a/src/uni_modules/wot-design-uni/components/wd-swipe-action/types.ts b/src/uni_modules/wot-design-uni/components/wd-swipe-action/types.ts
new file mode 100644
index 00000000..dc828f19
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-swipe-action/types.ts
@@ -0,0 +1,40 @@
+import type { ExtractPropTypes, PropType } from 'vue'
+import { baseProps, makeBooleanProp, makeStringProp } from '../common/props'
+
+export type SwipeActionStatus = 'left' | 'close' | 'right'
+
+// 点击关闭按钮、滑动关闭按钮、通过控制value关闭按钮
+export type SwipeActionReason = 'click' | 'swipe' | 'value'
+
+export type SwipeActionPosition = SwipeActionStatus | 'inside'
+
+export type SwipeActionBeforeClose = (reason: SwipeActionReason, position: SwipeActionPosition) => void
+
+export const swipeActionProps = {
+  ...baseProps,
+
+  /**
+   * 滑动按钮的状态，使用v-model进行双向绑定。
+   * 可选值为：'left'（左滑）、'close'（关闭状态）、'right'（右滑）。
+   * 类型：string
+   * 默认值：'close'
+   */
+  modelValue: makeStringProp<SwipeActionStatus>('close'),
+
+  /**
+   * 是否禁用滑动操作。
+   * 类型：boolean
+   * 默认值：false
+   */
+  disabled: makeBooleanProp(false),
+
+  /**
+   * 在关闭滑动按钮前调用的钩子函数。
+   * 可以在此函数中执行一些关闭前的操作，如确认提示等。
+   * 类型：function
+   * 默认值：无
+   */
+  beforeClose: Function as PropType<SwipeActionBeforeClose>
+}
+
+export type SwipeActionProps = ExtractPropTypes<typeof swipeActionProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-swipe-action/wd-swipe-action.vue b/src/uni_modules/wot-design-uni/components/wd-swipe-action/wd-swipe-action.vue
index cdca8206..629e1132 100644
--- a/src/uni_modules/wot-design-uni/components/wd-swipe-action/wd-swipe-action.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-swipe-action/wd-swipe-action.vue
@@ -39,20 +39,9 @@ import { closeOther, pushToQueue, removeFromQueue } from '../common/clickoutside
 import { type Queue, queueKey } from '../composables/useQueue'
 import { useTouch } from '../composables/useTouch'
 import { getRect } from '../common/util'
+import { swipeActionProps, type SwipeActionPosition, type SwipeActionReason, type SwipeActionStatus } from './types'
 
-interface Props {
-  customClass?: string
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  beforeClose?: Function
-  disabled?: boolean
-  modelValue?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customStyle: '',
-  modelValue: 'close',
-  disabled: false
-})
+const props = defineProps(swipeActionProps)
 
 const queue = inject<Queue | null>(queueKey, null)
 
@@ -109,7 +98,7 @@ onBeforeUnmount(() => {
 
 const emit = defineEmits(['click', 'update:modelValue'])
 
-function changeState(value: string, old?: string) {
+function changeState(value: SwipeActionStatus, old?: SwipeActionStatus) {
   if (props.disabled) {
     return
   }
@@ -136,11 +125,11 @@ function changeState(value: string, old?: string) {
  */
 function getWidths() {
   return Promise.all([
-    getRect('.wd-swipe-action__left', false, proxy).then((rects: any) => {
-      return rects.width ? rects.width : 0
+    getRect('.wd-swipe-action__left', false, proxy).then((rect) => {
+      return rect.width ? rect.width : 0
     }),
-    getRect('.wd-swipe-action__right', false, proxy).then((rects: any) => {
-      return rects.width ? rects.width : 0
+    getRect('.wd-swipe-action__right', false, proxy).then((rect) => {
+      return rect.width ? rect.width : 0
     })
   ])
 }
@@ -166,7 +155,7 @@ function swipeMove(offset = 0) {
  * @description click的handler
  * @param event
  */
-function onClick(position?: string) {
+function onClick(position?: SwipeActionPosition) {
   if (props.disabled || wrapperOffset.value === 0) {
     return
   }
@@ -180,7 +169,7 @@ function onClick(position?: string) {
 /**
  * @description 开始滑动
  */
-function startDrag(event) {
+function startDrag(event: TouchEvent) {
   if (props.disabled) return
 
   originOffset.value = wrapperOffset.value
@@ -195,7 +184,7 @@ function startDrag(event) {
  * @description 滑动时，逐渐展示按钮
  * @param event
  */
-function onDrag(event) {
+function onDrag(event: TouchEvent) {
   if (props.disabled) return
 
   touch.touchMove(event)
@@ -276,7 +265,7 @@ function endDrag() {
 /**
  * @description 关闭操过按钮，并在合适的时候调用 beforeClose
  */
-function close(reason, position?: string) {
+function close(reason: SwipeActionReason, position?: SwipeActionPosition) {
   if (reason === 'swipe' && originOffset.value === 0) {
     // offset：0 ——> offset：0
     return swipeMove(0)
diff --git a/src/uni_modules/wot-design-uni/components/wd-swiper-nav/type.ts b/src/uni_modules/wot-design-uni/components/wd-swiper-nav/type.ts
deleted file mode 100644
index fae0cd78..00000000
--- a/src/uni_modules/wot-design-uni/components/wd-swiper-nav/type.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-/**
- * 指示器类型，点状(dots)、点条状(dots-bar)、分式(fraction)等
- */
-export type SwiperIndicatorType = 'dots' | 'dots-bar' | 'fraction'
diff --git a/src/uni_modules/wot-design-uni/components/wd-swiper-nav/types.ts b/src/uni_modules/wot-design-uni/components/wd-swiper-nav/types.ts
new file mode 100644
index 00000000..9ed19090
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-swiper-nav/types.ts
@@ -0,0 +1,42 @@
+import type { ExtractPropTypes } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp, makeStringProp } from '../common/props'
+import type { DirectionType, IndicatorPositionType } from '../wd-swiper/types'
+
+/**
+ * 指示器类型，点状(dots)、点条状(dots-bar)、分式(fraction)等
+ */
+export type SwiperIndicatorType = 'dots' | 'dots-bar' | 'fraction'
+
+export const swiperNavprops = {
+  ...baseProps,
+  /**
+   * 当前轮播在哪一项（下标）
+   */
+  current: makeNumberProp(0),
+  /**
+   * 轮播滑动方向，包括横向滑动和纵向滑动两个方向
+   */
+  direction: makeStringProp<DirectionType>('horizontal'),
+  /**
+   * 小于这个数字不会显示导航器
+   */
+  minShowNum: makeNumberProp(2),
+  /**
+   * 指示器位置
+   */
+  indicatorPosition: makeStringProp<IndicatorPositionType>('bottom'),
+  /**
+   * 是否显示两侧的控制按钮
+   */
+  showControls: makeBooleanProp(false),
+  /**
+   * 总共的项数
+   */
+  total: makeNumberProp(0),
+  /**
+   * 指示器类型，点状(dots)、点条状(dots-bar)、分式(fraction)等
+   */
+  type: makeStringProp<SwiperIndicatorType>('dots')
+}
+
+export type SwiperNavProps = ExtractPropTypes<typeof swiperNavprops>
diff --git a/src/uni_modules/wot-design-uni/components/wd-swiper-nav/wd-swiper-nav.vue b/src/uni_modules/wot-design-uni/components/wd-swiper-nav/wd-swiper-nav.vue
index 497b3e86..df49e6f6 100644
--- a/src/uni_modules/wot-design-uni/components/wd-swiper-nav/wd-swiper-nav.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-swiper-nav/wd-swiper-nav.vue
@@ -20,60 +20,9 @@
 </template>
 
 <script lang="ts" setup>
-import type { DirectionType, IndicatorPositionType } from '../wd-swiper/type'
-import type { SwiperIndicatorType } from './type'
+import { swiperNavprops } from './types'
 
-interface Props {
-  /**
-   * 当前轮播在哪一项（下标）
-   * @default 0
-   */
-  current?: number
-  /**
-   * 轮播滑动方向，包括横向滑动和纵向滑动两个方向
-   * @default horizontal
-   */
-  direction?: DirectionType
-  /**
-   * 小于这个数字不会显示导航器
-   * @default 2
-   */
-  minShowNum?: number
-  /**
-   * 页码信息展示位置
-   * @default bottom
-   */
-  indicatorPosition?: IndicatorPositionType
-  /**
-   * 是否显示两侧的控制按钮
-   * @default false
-   */
-  showControls?: boolean
-  /**
-   * 总共的项数
-   * @default 0
-   */
-  total?: number
-  /**
-   * 导航器类型，点状(dots)、点条状(dots-bar)、分式(fraction)等
-   * @default dots
-   */
-  type?: SwiperIndicatorType
-  customClass?: string
-  customStyle?: string
-}
-
-withDefaults(defineProps<Props>(), {
-  customClass: '',
-  customStyle: '',
-  current: 0,
-  direction: 'horizontal',
-  minShowNum: 2,
-  indicatorPosition: 'bottom',
-  showControls: false,
-  total: 0,
-  type: 'dots'
-})
+defineProps(swiperNavprops)
 
 const emit = defineEmits(['change'])
 
diff --git a/src/uni_modules/wot-design-uni/components/wd-swiper/type.ts b/src/uni_modules/wot-design-uni/components/wd-swiper/type.ts
deleted file mode 100644
index cd8c4ce4..00000000
--- a/src/uni_modules/wot-design-uni/components/wd-swiper/type.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import type { SwiperIndicatorType } from '../wd-swiper-nav/type'
-
-/**
- * 轮播滑动方向
- */
-export type DirectionType = 'horizontal' | 'vertical'
-
-/**
- * 切换动画
- */
-export type EasingType = 'default' | 'linear' | 'easeInCubic' | 'easeOutCubic' | 'easeInOutCubic'
-
-/**
- * 指示器位置
- */
-export type IndicatorPositionType = 'left' | 'top-left' | 'top' | 'top-right' | 'bottom-left' | 'bottom' | 'bottom-right' | 'right'
-
-export interface SwiperList {
-  [key: string]: any
-  value: string
-}
-
-export interface SwiperIndicatorProps {
-  /**
-   * 当前轮播在哪一项（下标）
-   * @default 0
-   */
-  current?: number
-  /**
-   * 轮播滑动方向，包括横向滑动和纵向滑动两个方向
-   * @default horizontal
-   */
-  direction?: DirectionType
-  /**
-   * 小于这个数字不会显示导航器
-   * @default 2
-   */
-  minShowNum?: number
-  /**
-   * 页码信息展示位置
-   * @default bottom
-   */
-  indicatorPosition?: IndicatorPositionType
-  /**
-   * 是否显示两侧的控制按钮
-   * @default false
-   */
-  showControls?: boolean
-  /**
-   * 总共的项数
-   * @default 0
-   */
-  total?: number
-  /**
-   * 导航器类型，点状(dots)、点条状(dots-bar)、分式(fraction)等
-   * @default dots
-   */
-  type?: SwiperIndicatorType
-}
diff --git a/src/uni_modules/wot-design-uni/components/wd-swiper/types.ts b/src/uni_modules/wot-design-uni/components/wd-swiper/types.ts
new file mode 100644
index 00000000..d024fc0c
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-swiper/types.ts
@@ -0,0 +1,171 @@
+import type { ExtractPropTypes, PropType } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp, makeNumericProp, makeStringProp } from '../common/props'
+import type { SwiperNavProps } from '../wd-swiper-nav/types'
+
+/**
+ * 轮播滑动方向
+ */
+export type DirectionType = 'horizontal' | 'vertical'
+
+/**
+ * 切换动画
+ */
+export type EasingType = 'default' | 'linear' | 'easeInCubic' | 'easeOutCubic' | 'easeInOutCubic'
+
+/**
+ * 指示器位置
+ */
+export type IndicatorPositionType = 'left' | 'top-left' | 'top' | 'top-right' | 'bottom-left' | 'bottom' | 'bottom-right' | 'right'
+
+export interface SwiperList {
+  [key: string]: any
+  value: string
+}
+
+export const swiperProps = {
+  ...baseProps,
+
+  /**
+   * 是否自动播放轮播图
+   * 类型：boolean
+   * 默认值：true
+   */
+  autoplay: makeBooleanProp(true),
+
+  /**
+   * 当前轮播在哪一项（下标）
+   * 类型：number
+   * 默认值：0
+   */
+  current: makeNumberProp(0),
+
+  /**
+   * 轮播滑动方向，可选值：'horizontal'（水平）或'vertical'（垂直）
+   * 类型：string
+   * 默认值：'horizontal'
+   */
+  direction: makeStringProp<DirectionType>('horizontal'),
+
+  /**
+   * 同时显示的滑块数量
+   * 类型：number
+   * 默认值：1
+   */
+  displayMultipleItems: makeNumberProp(1),
+
+  /**
+   * 滑动动画时长，单位为毫秒
+   * 类型：number
+   * 默认值：300
+   */
+  duration: makeNumberProp(300),
+
+  /**
+   * 指定 swiper 切换缓动动画类型
+   * 类型：string
+   * 默认值：'default'
+   */
+  easingFunction: makeStringProp<EasingType>('default'),
+
+  /**
+   * 轮播的高度
+   * 类型：number 或 string（数字或可转换为数字的字符串）
+   * 默认值：'192'
+   */
+  height: makeNumericProp('192'),
+
+  /**
+   * 轮播间隔时间，单位为毫秒
+   * 类型：number
+   * 默认值：5000
+   */
+  interval: makeNumberProp(5000),
+
+  /**
+   * 图片列表，可以是一个图片对象数组或字符串数组
+   * 类型：array
+   * 默认值：空数组
+   */
+  list: {
+    type: Array as PropType<SwiperList[] | string[]>,
+    default: () => []
+  },
+
+  /**
+   * 是否循环播放轮播图
+   * 类型：boolean
+   * 默认值：true
+   */
+  loop: makeBooleanProp(true),
+
+  /**
+   * 后边距
+   * 类型：number 或 string（数字或可转换为数字的字符串）
+   * 默认值：'0'
+   */
+  nextMargin: makeNumericProp('0'),
+
+  /**
+   * 页码信息展示位置，可选值：'bottom'（底部）等
+   * 类型：string
+   * 默认值：'bottom'
+   */
+  indicatorPosition: makeStringProp<IndicatorPositionType>('bottom'),
+
+  /**
+   * 前边距
+   * 类型：number 或 string（数字或可转换为数字的字符串）
+   * 默认值：'0'
+   */
+  previousMargin: makeNumericProp('0'),
+
+  /**
+   * 是否应用边距到第一个、最后一个元素
+   * 类型：boolean
+   * 默认值：false
+   */
+  snapToEdge: makeBooleanProp(false),
+
+  /**
+   * 指示器全部配置，可以是布尔值或指示器配置对象
+   * 类型：boolean 或 object
+   * 默认值：true
+   */
+  indicator: {
+    type: [Boolean, Object] as PropType<boolean | Partial<SwiperNavProps>>,
+    default: true
+  },
+
+  /**
+   * 图片裁剪、缩放的模式
+   * 类型：string
+   * 默认值：'aspectFill'
+   */
+  imageMode: makeStringProp('aspectFill'),
+
+  /**
+   * 自定义指示器类名
+   * 类型：string
+   */
+  customIndicatorClass: makeStringProp(''),
+
+  /**
+   * 自定义图片类名
+   * 类型：string
+   */
+  customImageClass: makeStringProp(''),
+
+  /**
+   * 自定义上一个图片类名
+   * 类型：string
+   */
+  customPrevImageClass: makeStringProp(''),
+
+  /**
+   * 自定义下一个图片类名
+   * 类型：string
+   */
+  customNextImageClass: makeStringProp('')
+}
+
+export type SwiperProps = ExtractPropTypes<typeof swiperProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-swiper/wd-swiper.vue b/src/uni_modules/wot-design-uni/components/wd-swiper/wd-swiper.vue
index 1235046c..71be63b6 100644
--- a/src/uni_modules/wot-design-uni/components/wd-swiper/wd-swiper.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-swiper/wd-swiper.vue
@@ -48,180 +48,10 @@
 <script lang="ts" setup>
 import { computed, onBeforeMount, ref } from 'vue'
 import { addUnit, isObj } from '../common/util'
-import type { DirectionType, EasingType, IndicatorPositionType, SwiperList } from './type'
-import type { SwiperIndicatorType } from '../wd-swiper-nav/type'
-
-interface SwiperIndicatorProps {
-  /**
-   * 当前轮播在哪一项（下标）
-   * @default 0
-   */
-  current?: number
-  /**
-   * 轮播滑动方向，包括横向滑动和纵向滑动两个方向
-   * @default horizontal
-   */
-  direction?: DirectionType
-  /**
-   * 小于这个数字不会显示导航器
-   * @default 2
-   */
-  minShowNum?: number
-  /**
-   * 页码信息展示位置
-   * @default bottom
-   */
-  indicatorPosition?: IndicatorPositionType
-  /**
-   * 是否显示两侧的控制按钮
-   * @default false
-   */
-  showControls?: boolean
-  /**
-   * 总共的项数
-   * @default 0
-   */
-  total?: number
-  /**
-   * 导航器类型，点状(dots)、点条状(dots-bar)、分式(fraction)等
-   * @default dots
-   */
-  type?: SwiperIndicatorType
-}
-
-interface Props {
-  /**
-   * 是否自动播放
-   * @default true
-   */
-  autoplay?: boolean
-  /**
-   * 当前轮播在哪一项（下标）
-   * @default 0
-   */
-  current?: number
-  /**
-   * 轮播滑动方向，包括横向滑动和纵向滑动两个方向
-   * @default horizontal
-   */
-  direction?: DirectionType
-  /**
-   * 同时显示的滑块数量
-   * @default 1
-   */
-  displayMultipleItems?: number
-  /**
-   * 滑动动画时长
-   * @default 300
-   */
-  duration?: number
-  /**
-   * 指定 swiper 切换缓动动画类型
-   * @default default
-   */
-  easingFunction?: EasingType
-  /**
-   * 轮播的高度；默认单位 `px`
-   * @default 192
-   */
-  height?: string | number
-  /**
-   * 轮播间隔时间
-   * @default 5000
-   */
-  interval?: number
-  /**
-   * 图片列表
-   */
-  list?: string[] | SwiperList[]
-  /**
-   * 是否循环播放
-   * @default true
-   */
-  loop?: boolean
-  /**
-   * 后边距，可用于露出后一项的一小部分。默认单位 `px`
-   * @default 0
-   */
-  nextMargin?: string | number
-  /**
-   * 页码信息展示位置
-   * @default bottom
-   */
-  indicatorPosition?: IndicatorPositionType
-  /**
-   * 前边距，可用于露出前一项的一小部分。默认单位 `px`
-   * @default 0
-   */
-  previousMargin?: string | number
-  /**
-   * 当 swiper-item 的个数大于等于 2，关闭 circular 并且开启 previous-margin 或 next-margin 的时候，可以指定这个边距是否应用到第一个、最后一个元素
-   * @default false
-   */
-  snapToEdge?: boolean
-  /**
-   * 指示器全部配置，true 的话使用默认配置
-   * @default true
-   */
-  indicator?: SwiperIndicatorProps | boolean
-  /**
-   * 图片裁剪、缩放的模式
-   */
-  imageMode?: number | string
-  /**
-   * 外部自定义样式
-   */
-  customStyle?: string
-  /**
-   * 外部自定义类名
-   */
-  customClass?: string
-  /**
-   * 自定义指示器类名
-   */
-  customIndicatorClass?: string
-
-  /**
-   * 自定义图片类名
-   */
-  customImageClass?: string
-
-  /**
-   * 自定义上一个图片类名
-   */
-  customPrevImageClass?: string
-
-  /**
-   * 自定义下一个图片类名
-   */
-  customNextImageClass?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customStyle: '',
-  customClass: '',
-  customIndicatorClass: '',
-  customImageClass: '',
-  customPrevImageClass: '',
-  customNextImageClass: '',
-  autoplay: true,
-  current: 0,
-  direction: 'horizontal',
-  displayMultipleItems: 1,
-  duration: 300,
-  easingFunction: 'default',
-  height: '192',
-  interval: 5000,
-  list: () => [],
-  loop: true,
-  indicator: true,
-  nextMargin: '0',
-  indicatorPosition: 'bottom',
-  previousMargin: '0',
-  snapToEdge: false,
-  imageMode: 'aspectFill'
-})
+import { swiperProps, type SwiperList } from './types'
+import type { SwiperNavProps } from '../wd-swiper-nav/types'
 
+const props = defineProps(swiperProps)
 const navCurrent = ref<number>(0) // 当前滑块
 
 onBeforeMount(() => {
@@ -230,7 +60,7 @@ onBeforeMount(() => {
 
 const swiperIndicator = computed(() => {
   const { list, direction, indicatorPosition, indicator } = props
-  const swiperIndicator: SwiperIndicatorProps = {
+  const swiperIndicator: Partial<SwiperNavProps> = {
     current: navCurrent.value || 0,
     total: list.length || 0,
     direction: direction || 'horizontal',
diff --git a/src/uni_modules/wot-design-uni/components/wd-switch/types.ts b/src/uni_modules/wot-design-uni/components/wd-switch/types.ts
new file mode 100644
index 00000000..5e452486
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-switch/types.ts
@@ -0,0 +1,56 @@
+import type { ExtractPropTypes, PropType } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp, makeNumericProp } from '../common/props'
+
+export type SwitchBeforeChangeOption = {
+  value: number | string | boolean
+  resolve: (pass: boolean) => void
+}
+
+export type SwitchBeforeChange = (option: SwitchBeforeChangeOption) => void
+
+export const switchProps = {
+  ...baseProps,
+  /**
+   * 绑定值
+   */
+  modelValue: {
+    type: [Boolean, String, Number],
+    required: true,
+    default: false
+  },
+  /**
+   * 是否禁用
+   */
+  disabled: makeBooleanProp(false),
+  /**
+   * 激活值
+   */
+  activeValue: {
+    type: [Boolean, String, Number],
+    default: true
+  },
+  /**
+   * 非激活值
+   */
+  inactiveValue: {
+    type: [Boolean, String, Number],
+    default: false
+  },
+  /**
+   * 激活颜色
+   */
+  activeColor: String,
+  /**
+   * 非激活颜色
+   */
+  inactiveColor: String,
+  /**
+   * 大小
+   */
+  size: makeNumericProp(28),
+  /**
+   * 在改变前执行的函数
+   */
+  beforeChange: Function as PropType<SwitchBeforeChange>
+}
+export type SwitchProps = ExtractPropTypes<typeof switchProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-switch/wd-switch.vue b/src/uni_modules/wot-design-uni/components/wd-switch/wd-switch.vue
index 52ae1607..39fe61cd 100644
--- a/src/uni_modules/wot-design-uni/components/wd-switch/wd-switch.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-switch/wd-switch.vue
@@ -17,28 +17,9 @@ export default {
 <script lang="ts" setup>
 import { computed, onBeforeMount } from 'vue'
 import { addUnit, getType, objToStyle } from '../common/util'
+import { switchProps } from './types'
 
-interface Props {
-  modelValue: boolean | string | number
-  disabled?: boolean
-  activeValue?: boolean | string | number
-  inactiveValue?: boolean | string | number
-  activeColor?: string
-  inactiveColor?: string
-  size?: string | number
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  beforeChange?: Function
-  customClass?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  disabled: false,
-  modelValue: false,
-  activeValue: true,
-  inactiveValue: false,
-  size: 28
-})
+const props = defineProps(switchProps)
 
 const rootClass = computed(() => {
   return `wd-switch ${props.customClass} ${props.disabled ? 'is-disabled' : ''} ${props.modelValue === props.activeValue ? 'is-checked' : ''}`
@@ -70,7 +51,7 @@ function switchValue() {
   if (props.beforeChange && getType(props.beforeChange) === 'function') {
     props.beforeChange({
       value: newVal,
-      resolve: (pass) => {
+      resolve: (pass: boolean) => {
         if (pass) {
           emit('update:modelValue', newVal)
           emit('change', {
diff --git a/src/uni_modules/wot-design-uni/components/wd-tab/types.ts b/src/uni_modules/wot-design-uni/components/wd-tab/types.ts
new file mode 100644
index 00000000..4c7b2901
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-tab/types.ts
@@ -0,0 +1,20 @@
+import type { ExtractPropTypes } from 'vue'
+import { baseProps, makeBooleanProp } from '../common/props'
+
+export const tabProps = {
+  ...baseProps,
+  /**
+   * 唯一标识符
+   */
+  name: String,
+  /**
+   * tab的标题
+   */
+  title: String,
+  /**
+   *  是否禁用，无法点击
+   */
+  disabled: makeBooleanProp(false)
+}
+
+export type TabProps = ExtractPropTypes<typeof tabProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-tab/wd-tab.vue b/src/uni_modules/wot-design-uni/components/wd-tab/wd-tab.vue
index 701751a6..83525b3e 100644
--- a/src/uni_modules/wot-design-uni/components/wd-tab/wd-tab.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-tab/wd-tab.vue
@@ -21,21 +21,9 @@ import { getType, isDef } from '../common/util'
 import { useParent } from '../composables/useParent'
 import { TABS_KEY } from '../wd-tabs/types'
 import { computed } from 'vue'
+import { tabProps } from './types'
 
-interface Props {
-  customClass?: string
-  // 唯一标识符
-  name?: string | number
-  // tab的label
-  title?: string
-  // tab禁用，无法点击
-  disabled?: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  disabled: false
-})
+const props = defineProps(tabProps)
 
 const painted = ref<boolean>(false) // 初始状态tab不会渲染，必须通过tabs来设置painted使tab渲染
 const isShow = ref<boolean>(false)
@@ -80,7 +68,7 @@ watch(
  * @description 检测tab绑定的name是否和其它tab的name冲突
  * @param {Object} self 自身
  */
-function checkName(self) {
+function checkName(self: any) {
   const { name: myName } = props
   if (myName === undefined || myName === null || myName === '') {
     return
@@ -111,3 +99,4 @@ defineExpose({
 <style lang="scss" scoped>
 @import './index.scss';
 </style>
+../wd-tabs/type
diff --git a/src/uni_modules/wot-design-uni/components/wd-tabbar-item/types.ts b/src/uni_modules/wot-design-uni/components/wd-tabbar-item/types.ts
index f4e1e723..24ff8b10 100644
--- a/src/uni_modules/wot-design-uni/components/wd-tabbar-item/types.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-tabbar-item/types.ts
@@ -1,12 +1,7 @@
-/*
- * @Author: weisheng
- * @Date: 2024-01-01 20:00:29
- * @LastEditTime: 2024-01-06 15:32:06
- * @LastEditors: weisheng
- * @Description:
- * @FilePath: /wot-design-uni/src/uni_modules/wot-design-uni/components/wd-tabbar-item/types.ts
- * 记得注释
- */
+import type { ExtractPropTypes, PropType } from 'vue'
+import { baseProps, makeNumberProp, makeNumericProp, numericProp } from '../common/props'
+import type { BadgeProps } from '../wd-badge/types'
+
 /**
  * 折叠面板子项
  */
@@ -14,3 +9,37 @@ export interface TabbarItem {
   // 唯一标识
   name: string | number
 }
+
+export const tabbarItemProps = {
+  ...baseProps,
+  /**
+   * 标签页的标题
+   */
+  title: String,
+  /**
+   * 唯一标识符
+   */
+  name: numericProp,
+  /**
+   * 图标
+   */
+  icon: String,
+  /**
+   * 徽标显示值
+   */
+  value: makeNumericProp(null),
+  /**
+   * 是否点状徽标
+   */
+  isDot: Boolean,
+  /**
+   * 徽标最大值
+   */
+  max: makeNumberProp(99),
+  /**
+   * 徽标属性，透传给 Badge 组件
+   */
+  badgeProps: Object as PropType<BadgeProps>
+}
+
+export type TabbarItemProps = ExtractPropTypes<typeof tabbarItemProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-tabbar-item/wd-tabbar-item.vue b/src/uni_modules/wot-design-uni/components/wd-tabbar-item/wd-tabbar-item.vue
index 788706c5..4f064356 100644
--- a/src/uni_modules/wot-design-uni/components/wd-tabbar-item/wd-tabbar-item.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-tabbar-item/wd-tabbar-item.vue
@@ -28,47 +28,9 @@ import { type CSSProperties, computed } from 'vue'
 import { isDef, objToStyle } from '../common/util'
 import { useParent } from '../composables/useParent'
 import { TABBAR_KEY } from '../wd-tabbar/types'
+import { tabbarItemProps } from './types'
 
-type BadgeType = 'primary' | 'success' | 'warning' | 'danger' | 'info'
-interface BadgeProps {
-  modelValue?: number | string | null
-  bgColor?: string
-  max?: number
-  isDot?: boolean
-  hidden?: boolean
-  type?: BadgeType
-  top?: number
-  right?: number
-  customClass?: string
-  customStyle?: string
-}
-
-interface Props {
-  // 自定义样式类
-  customClass?: string
-  // 自定义样式
-  customStyle?: string
-  // 标签页的标题
-  title?: string
-  // 唯一标识符
-  name?: string | number
-  // 图标
-  icon?: string
-  // 徽标显示值
-  value?: number | string | null
-  // 是否点状徽标
-  isDot?: boolean
-  // 徽标最大值
-  max?: number
-  // 徽标属性，透传给 Badge 组件
-  badgeProps?: BadgeProps
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  max: 99,
-  customClass: '',
-  customStyle: ''
-})
+const props = defineProps(tabbarItemProps)
 
 const { parent: tabbar, index } = useParent(TABBAR_KEY)
 
@@ -110,3 +72,4 @@ function handleClick() {
 <style lang="scss" scoped>
 @import './index.scss';
 </style>
+../wd-tabbar/type
diff --git a/src/uni_modules/wot-design-uni/components/wd-tabbar/types.ts b/src/uni_modules/wot-design-uni/components/wd-tabbar/types.ts
index e56bdb6d..bb7eae40 100644
--- a/src/uni_modules/wot-design-uni/components/wd-tabbar/types.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-tabbar/types.ts
@@ -1,13 +1,14 @@
 /*
  * @Author: weisheng
- * @Date: 2024-01-05 18:03:27
- * @LastEditTime: 2024-01-05 18:17:42
+ * @Date: 2024-03-15 20:40:34
+ * @LastEditTime: 2024-03-18 15:38:37
  * @LastEditors: weisheng
  * @Description:
- * @FilePath: /wot-design-uni/src/uni_modules/wot-design-uni/components/wd-tabbar/types.ts
+ * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-tabbar\types.ts
  * 记得注释
  */
-import { type InjectionKey } from 'vue'
+import { type ExtractPropTypes, type InjectionKey } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp, makeNumericProp, makeStringProp } from '../common/props'
 import type { TabbarItem } from '../wd-tabbar-item/types'
 
 type TabbarShape = 'default' | 'round'
@@ -37,3 +38,45 @@ export type TabbarProvide = {
 }
 
 export const TABBAR_KEY: InjectionKey<TabbarProvide> = Symbol('wd-tabbar')
+
+export const tabbarProps = {
+  ...baseProps,
+  /**
+   * 选中标签的索引值或者名称
+   */
+  modelValue: makeNumericProp(0),
+  /**
+   * 是否固定在底部
+   */
+  fixed: makeBooleanProp(false),
+  /**
+   * 是否显示顶部边框
+   */
+  bordered: makeBooleanProp(true),
+  /**
+   * 是否设置底部安全距禿（iPhone X 类型的机型）
+   */
+  safeAreaInsetBottom: makeBooleanProp(false),
+  /**
+   * 标签栏的形状。可选项：default/round
+   */
+  shape: makeStringProp<TabbarShape>('default'),
+  /**
+   * 激活标签的颜色
+   */
+  activeColor: String,
+  /**
+   * 未激活标签的颜色
+   */
+  inactiveColor: String,
+  /**
+   * 固定在底部时，是否在标签位置生成一个等高的占位元素
+   */
+  placeholder: makeBooleanProp(false),
+  /**
+   * 自定义组件的层级
+   */
+  zIndex: makeNumberProp(99)
+}
+
+export type TabbarProps = ExtractPropTypes<typeof tabbarProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-tabbar/wd-tabbar.vue b/src/uni_modules/wot-design-uni/components/wd-tabbar/wd-tabbar.vue
index 616ee6df..456f63b9 100644
--- a/src/uni_modules/wot-design-uni/components/wd-tabbar/wd-tabbar.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-tabbar/wd-tabbar.vue
@@ -21,52 +21,13 @@ export default {
 }
 </script>
 <script lang="ts" setup>
-import { getCurrentInstance, onMounted, provide, reactive, ref, watch, nextTick, computed, type CSSProperties } from 'vue'
+import { getCurrentInstance, onMounted, ref, watch, nextTick, computed, type CSSProperties } from 'vue'
 import type { TabbarItem } from '../wd-tabbar-item/types'
 import { addUnit, getRect, isDef, objToStyle } from '../common/util'
 import { useChildren } from '../composables/useChildren'
-import { TABBAR_KEY } from './types'
+import { TABBAR_KEY, tabbarProps } from './types'
 
-type TabbarShape = 'default' | 'round'
-
-interface Props {
-  // 自定义样式类
-  customClass?: string
-  // 自定义样式
-  customStyle?: string
-  // 选中标签的索引值或者名称
-  modelValue?: number | string
-  // 是否固定在底部
-  fixed?: boolean
-  // 是否设置底部安全距离（iphone X 类型的机型）
-  safeAreaInsetBottom?: boolean
-  // 是否显示顶部边框
-  bordered?: boolean
-  // 标签栏的形状。可选项：default/round
-  shape?: TabbarShape
-  // 激活标签的颜色
-  activeColor?: string
-  // 未激活标签的颜色
-  inactiveColor?: string
-  // 固定在底部时，是否在标签位置生成一个等高的占位元素
-  placeholder?: boolean
-  // 自定义组件的层级
-  zIndex?: number
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  customStyle: '',
-  modelValue: 0,
-  fixed: false,
-  bordered: true,
-  safeAreaInsetBottom: false,
-  shape: 'default',
-  inactiveColor: '',
-  activeColor: '',
-  placeholder: false,
-  zIndex: 99
-})
+const props = defineProps(tabbarProps)
 const height = ref<number | string>('') // 占位高度
 const { proxy } = getCurrentInstance() as any
 
@@ -120,11 +81,12 @@ function setPlaceholderHeight() {
     return
   }
 
-  getRect('.wd-tabbar', false, proxy).then((res: any) => {
-    height.value = res.height
+  getRect('.wd-tabbar', false, proxy).then((res) => {
+    height.value = Number(res.height)
   })
 }
 </script>
 <style lang="scss" scoped>
 @import './index.scss';
 </style>
+../wd-tabbar-item/type./type
diff --git a/src/uni_modules/wot-design-uni/components/wd-table-col/types.ts b/src/uni_modules/wot-design-uni/components/wd-table-col/types.ts
index 65386577..49034aee 100644
--- a/src/uni_modules/wot-design-uni/components/wd-table-col/types.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-table-col/types.ts
@@ -1,3 +1,6 @@
+import type { ExtractPropTypes } from 'vue'
+import { makeBooleanProp, makeNumericProp, makeRequiredProp, makeStringProp } from '../common/props'
+
 type AlignType = 'left' | 'center' | 'right' // 列的对齐方式
 
 export type SortDirection = 0 | 1 | -1 // 列的排序方向
@@ -18,3 +21,32 @@ export interface TableColumn {
   // 是否i固定列
   fixed?: boolean
 }
+
+export const tableColumnProps = {
+  /**
+   * 列对应字段
+   */
+  prop: makeRequiredProp(String),
+  /**
+   * 列对应字段标题
+   */
+  label: makeRequiredProp(String),
+  /**
+   * 列宽度，单位px
+   */
+  width: makeNumericProp(100),
+  /**
+   * 是否开启列排序
+   */
+  sortable: makeBooleanProp(false),
+  /**
+   * 是否固定本列
+   */
+  fixed: makeBooleanProp(false),
+  /**
+   * 列的对齐方式，可选值left,center,right
+   */
+  align: makeStringProp<AlignType>('left')
+}
+
+export type TableColumnProps = ExtractPropTypes<typeof tableColumnProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-table-col/wd-table-col.vue b/src/uni_modules/wot-design-uni/components/wd-table-col/wd-table-col.vue
index 82447143..f891634e 100644
--- a/src/uni_modules/wot-design-uni/components/wd-table-col/wd-table-col.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-table-col/wd-table-col.vue
@@ -29,30 +29,9 @@ export default {
 <script lang="ts" setup>
 import { type CSSProperties, computed, inject, onMounted } from 'vue'
 import { addUnit, isDef, objToStyle, isOdd } from '../common/util'
+import { tableColumnProps, type TableColumn } from './types'
 
-type AlignType = 'left' | 'center' | 'right'
-
-interface Props {
-  // 列对应字段
-  prop: string
-  // 列对应字段标题
-  label: string
-  // 列宽度
-  width?: number | string
-  // 是否开启列排序
-  sortable?: boolean
-  // 是否固定本列
-  fixed?: boolean
-  // 列的对齐方式，可选值left,center,right
-  align?: AlignType
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  sortable: false, // 是否开启列排序
-  fixed: false, // 是否固定本列
-  width: 100, // 列宽度，单位px
-  align: 'left' // 列对齐方式
-})
+const props = defineProps(tableColumnProps)
 
 const parent = inject<any>('wdTable', { data: [] }) // table数据
 
@@ -81,7 +60,7 @@ const ellipsis = computed(() => {
 const isLastFixed = computed(() => {
   let isLastFixed: boolean = false
   if (props.fixed && isDef(parent.columns)) {
-    const columns = parent.columns.filter((column) => {
+    const columns = parent.columns.filter((column: TableColumn) => {
       return column.fixed
     })
     if (columns.length && columns[columns.length - 1].prop === props.prop) {
@@ -98,12 +77,12 @@ const columnStyle = computed(() => {
     style['width'] = addUnit(props.width)
   }
   if (props.fixed) {
-    const columnIndex: number = parent.columns.findIndex((column) => {
+    const columnIndex: number = parent.columns.findIndex((column: TableColumn) => {
       return column.prop === props.prop
     })
     if (columnIndex > 0) {
       let left: string | number = ''
-      parent.columns.forEach((column, index) => {
+      parent.columns.forEach((column: TableColumn, index: number) => {
         if (index < columnIndex) {
           left = left ? `${left} + ${addUnit(column.width)}` : addUnit(column.width)
         }
@@ -125,12 +104,12 @@ const cellStyle = computed(() => {
     style['height'] = addUnit(rowHeight)
   }
   if (props.fixed) {
-    const columnIndex: number = parent.columns.findIndex((column) => {
+    const columnIndex: number = parent.columns.findIndex((column: TableColumn) => {
       return column.prop === props.prop
     })
     if (columnIndex > 0) {
       let left: string | number = ''
-      parent.columns.forEach((column, index) => {
+      parent.columns.forEach((column: TableColumn, index: number) => {
         if (index < columnIndex) {
           left = left ? `${left} + ${addUnit(column.width)}` : addUnit(column.width)
         }
@@ -152,7 +131,7 @@ const scope = computed(() => {
 
 // 列数据
 const column = computed(() => {
-  let column: any[] = parent.data.map((item) => {
+  let column: any[] = parent.data.map((item: any) => {
     return item[props.prop]
   })
   return column
@@ -183,3 +162,4 @@ function handleRowClick(index: number) {
 <style lang="scss" scoped>
 @import './index.scss';
 </style>
+./type
diff --git a/src/uni_modules/wot-design-uni/components/wd-table/types.ts b/src/uni_modules/wot-design-uni/components/wd-table/types.ts
new file mode 100644
index 00000000..9718dd56
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-table/types.ts
@@ -0,0 +1,45 @@
+/*
+ * @Author: weisheng
+ * @Date: 2024-03-15 11:36:12
+ * @LastEditTime: 2024-03-18 15:36:59
+ * @LastEditors: weisheng
+ * @Description:
+ * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-table\types.ts
+ * 记得注释
+ */
+import type { ExtractPropTypes } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp, makeRequiredProp, makeStringProp } from '../common/props'
+
+export const tableProps = {
+  ...baseProps,
+  /**
+   * 显示的数据
+   */
+  data: makeRequiredProp(Array<Record<string, any>>),
+  /**
+   * 是否带有边框
+   */
+  border: makeBooleanProp(true),
+  /**
+   * 是否为斑马纹 table
+   */
+  stripe: makeBooleanProp(true),
+  /**
+   * Table 的高度
+   */
+  height: makeStringProp('80vh'),
+  /**
+   * 行高
+   */
+  rowHeight: makeNumberProp(50),
+  /**
+   * 是否显示表头
+   */
+  showHeader: makeBooleanProp(true),
+  /**
+   * 是否超出2行隐藏
+   */
+  ellipsis: makeBooleanProp(true)
+}
+
+export type TableProps = ExtractPropTypes<typeof tableProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-table/wd-table.vue b/src/uni_modules/wot-design-uni/components/wd-table/wd-table.vue
index a6d1c3af..910fcac4 100644
--- a/src/uni_modules/wot-design-uni/components/wd-table/wd-table.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-table/wd-table.vue
@@ -61,40 +61,9 @@ export default {
 import { type CSSProperties, computed, provide, watch, reactive } from 'vue'
 import { addUnit, debounce, deepClone, isDef, objToStyle } from '../common/util'
 import type { SortDirection, TableColumn } from '../wd-table-col/types'
+import { tableProps } from './types'
 
-interface Props {
-  // 显示的数据
-  data: Array<any>
-  // 是否带有边框
-  border?: boolean
-  // 是否为斑马纹 table
-  stripe?: boolean
-  // Table 的高度
-  height?: string
-  // 行高
-  rowHeight?: number | string
-  // 是否显示表头
-  showHeader?: boolean
-  // 是否超出2行隐藏
-  ellipsis?: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  // 显示的数据
-  data: () => [],
-  // table行是否为斑马纹
-  stripe: true,
-  // 是否显示边框
-  border: true,
-  // table高度
-  height: '80vh',
-  // 行高
-  rowHeight: 50,
-  // 是否显示表头
-  showHeader: true,
-  // 是否超出2行隐藏
-  ellipsis: true
-})
+const props = defineProps(tableProps)
 
 watch(
   () => props.data,
@@ -165,7 +134,7 @@ const reactiveState = reactive({
   setColumns
 })
 
-const scroll = debounce(handleScroll, 100, false) // 滚动事件
+const scroll = debounce(handleScroll, 100, { leading: false }) // 滚动事件
 
 provide('wdTable', reactiveState)
 
@@ -269,7 +238,7 @@ function handleSortChange(value: SortDirection, index: number) {
 /**
  * 滚动事件
  */
-function handleScroll(event) {
+function handleScroll(event: any) {
   if (!props.showHeader) {
     return
   }
@@ -284,3 +253,4 @@ function setRowClick(index: number) {
 <style lang="scss" scoped>
 @import './index.scss';
 </style>
+../wd-table-col/type
diff --git a/src/uni_modules/wot-design-uni/components/wd-tabs/types.ts b/src/uni_modules/wot-design-uni/components/wd-tabs/types.ts
index 65177463..dd5a16f9 100644
--- a/src/uni_modules/wot-design-uni/components/wd-tabs/types.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-tabs/types.ts
@@ -1,4 +1,5 @@
-import { type InjectionKey } from 'vue'
+import { type ExtractPropTypes, type InjectionKey } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp, makeNumericProp, makeStringProp } from '../common/props'
 
 export type TabsProvide = {
   state: {
@@ -7,3 +8,57 @@ export type TabsProvide = {
 }
 
 export const TABS_KEY: InjectionKey<TabsProvide> = Symbol('wd-tabs')
+
+export const tabsProps = {
+  ...baseProps,
+  /**
+   * 绑定值
+   */
+  modelValue: makeNumericProp(0),
+  /**
+   * 标签数超过阈值可滑动
+   */
+  slidableNum: makeNumberProp(6),
+  /**
+   * 标签数超过阈值显示导航地图
+   */
+  mapNum: makeNumberProp(10),
+  /**
+   * 粘性布局
+   */
+  sticky: makeBooleanProp(false),
+  /**
+   * 粘性布局吸顶位置
+   */
+  offsetTop: makeNumberProp(0),
+  /**
+   * 开启手势滑动
+   */
+  swipeable: makeBooleanProp(false),
+  /**
+   * 底部条宽度，单位像素
+   */
+  lineWidth: makeNumberProp(19),
+  /**
+   * 底部条高度，单位像素
+   */
+  lineHeight: makeNumberProp(3),
+  /**
+   * 颜色
+   */
+  color: makeStringProp(''),
+  /**
+   * 非活动状态颜色
+   */
+  inactiveColor: makeStringProp(''),
+  /**
+   * 是否开启切换标签内容时的过渡动画
+   */
+  animated: makeBooleanProp(false),
+  /**
+   * 切换动画过渡时间，单位毫秒
+   */
+  duration: makeNumberProp(300)
+}
+
+export type TabsProps = ExtractPropTypes<typeof tabsProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-tabs/wd-tabs.vue b/src/uni_modules/wot-design-uni/components/wd-tabs/wd-tabs.vue
index cb7c7ff9..d1054f61 100644
--- a/src/uni_modules/wot-design-uni/components/wd-tabs/wd-tabs.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-tabs/wd-tabs.vue
@@ -138,52 +138,14 @@ export default {
 import { computed, getCurrentInstance, onMounted, ref, watch, nextTick, reactive } from 'vue'
 import { checkNumRange, debounce, getRect, getType, isDef, isNumber, isString, objToStyle } from '../common/util'
 import { useTouch } from '../composables/useTouch'
-import { TABS_KEY } from './types'
+import { TABS_KEY, tabsProps } from './types'
 import { useChildren } from '../composables/useChildren'
 import { useTranslate } from '../composables/useTranslate'
 
 const $item = '.wd-tabs__nav-item'
 const $container = '.wd-tabs__nav-container'
 
-interface Props {
-  customClass?: string
-  // 绑定值
-  modelValue: number | string
-  // 标签数超过阈值可滑动
-  slidableNum?: number
-  // 标签数超过阈值显示导航地图
-  mapNum?: number
-  // 粘性布局
-  sticky?: boolean
-  // 粘性布局吸顶位置
-  offsetTop?: number
-  // 开启手势滑动
-  swipeable?: boolean
-  // 底部条宽度，单位像素
-  lineWidth?: number
-  // 底部条高度，单位像素
-  lineHeight?: number
-  color?: string
-  inactiveColor?: string
-  // 是否开启切换标签内容时的过渡动画
-  animated?: boolean
-  // 切换动画过渡时间，单位毫秒
-  duration?: number
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  modelValue: 0,
-  slidableNum: 6,
-  mapNum: 10,
-  sticky: false,
-  offsetTop: 0,
-  swipeable: false,
-  lineWidth: 19,
-  lineHeight: 3,
-  animated: false,
-  duration: 300
-})
+const props = defineProps(tabsProps)
 
 const { translate } = useTranslate('tabs')
 
@@ -342,14 +304,14 @@ function toggleMap() {
  * @description 更新navBar underline的偏移量
  * @param {Boolean} animation 是否伴随动画
  */
-function updateLineStyle(animation = true) {
+function updateLineStyle(animation: boolean = true) {
   if (!inited.value) return
   const { lineWidth, lineHeight } = props
-  getRect($item, true, proxy).then((rects: any) => {
+  getRect($item, true, proxy).then((rects) => {
     const rect = rects[state.activeIndex]
     const width = lineWidth
-    let left = rects.slice(0, state.activeIndex).reduce((prev, curr) => prev + curr.width, 0)
-    left += (rect.width - width) / 2
+    let left = rects.slice(0, state.activeIndex).reduce((prev, curr) => prev + Number(curr.width), 0)
+    left += (Number(rect.width) - width) / 2
     const transition = animation ? 'transition: width 300ms ease, transform 300ms ease;' : ''
 
     const lineStyleTemp = `
@@ -386,9 +348,9 @@ function scrollIntoView() {
     // 选中元素
     const selectItem = navItemsRects[state.activeIndex]
     // 选中元素之前的节点的宽度总和
-    const offsetLeft = (navItemsRects as any).slice(0, state.activeIndex).reduce((prev, curr) => prev + curr.width, 0)
+    const offsetLeft = (navItemsRects as any).slice(0, state.activeIndex).reduce((prev: any, curr: any) => prev + curr.width, 0)
     // scroll-view滑动到selectItem的偏移量
-    const left = offsetLeft - ((navRect as any).width - selectItem.width) / 2
+    const left = offsetLeft - ((navRect as any).width - Number(selectItem.width)) / 2
     if (left === scrollLeft.value) {
       scrollLeft.value = left + Math.random() / 10000
     } else {
@@ -421,11 +383,11 @@ function handleSelect(index: number) {
  * @description touch handle
  * @param event
  */
-function onTouchStart(event) {
+function onTouchStart(event: any) {
   if (!props.swipeable) return
   touch.touchStart(event)
 }
-function onTouchMove(event) {
+function onTouchMove(event: any) {
   if (!props.swipeable) return
   touch.touchMove(event)
 }
@@ -468,3 +430,4 @@ defineExpose({
 <style lang="scss" scoped>
 @import './index.scss';
 </style>
+./type
diff --git a/src/uni_modules/wot-design-uni/components/wd-tag/types.ts b/src/uni_modules/wot-design-uni/components/wd-tag/types.ts
new file mode 100644
index 00000000..39cc0e90
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-tag/types.ts
@@ -0,0 +1,81 @@
+import type { ExtractPropTypes } from 'vue'
+import { baseProps, makeBooleanProp, makeStringProp } from '../common/props'
+
+export type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger'
+
+export const tagProps = {
+  ...baseProps,
+
+  /**
+   * 是否开启图标插槽
+   * 类型：boolean
+   * 默认值：false
+   */
+  useIconSlot: makeBooleanProp(false),
+
+  /**
+   * 标签类型
+   * 类型：string
+   * 可选值：'default' / 'primary' / 'danger' / 'warning' / 'success'
+   * 默认值：'default'
+   */
+  type: makeStringProp<TagType>('default'),
+
+  /**
+   * 左侧图标
+   * 类型：string
+   * 默认值：空字符串
+   */
+  icon: makeStringProp(''),
+
+  /**
+   * 是否可关闭（只对圆角类型支持）
+   * 类型：boolean
+   * 默认值：false
+   */
+  closable: makeBooleanProp(false),
+
+  /**
+   * 幽灵类型
+   * 类型：boolean
+   * 默认值：false
+   */
+  plain: makeBooleanProp(false),
+
+  /**
+   * 是否为新增标签
+   * 类型：boolean
+   * 默认值：false
+   */
+  dynamic: makeBooleanProp(false),
+
+  /**
+   * 文字颜色
+   * 类型：string
+   * 默认值：空字符串
+   */
+  color: makeStringProp(''),
+
+  /**
+   * 背景色和边框色
+   * 类型：string
+   * 默认值：空字符串
+   */
+  bgColor: makeStringProp(''),
+
+  /**
+   * 圆角类型
+   * 类型：boolean
+   * 默认值：false
+   */
+  round: makeBooleanProp(false),
+
+  /**
+   * 标记类型
+   * 类型：boolean
+   * 默认值：false
+   */
+  mark: makeBooleanProp(false)
+}
+
+export type TagProps = ExtractPropTypes<typeof tagProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-tag/wd-tag.vue b/src/uni_modules/wot-design-uni/components/wd-tag/wd-tag.vue
index 2199c3d1..6e89c5f1 100644
--- a/src/uni_modules/wot-design-uni/components/wd-tag/wd-tag.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-tag/wd-tag.vue
@@ -42,33 +42,9 @@ export default {
 import { objToStyle } from '../common/util'
 import { computed, ref, watch } from 'vue'
 import { useTranslate } from '../composables/useTranslate'
+import { tagProps } from './types'
 
-type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger'
-
-interface Props {
-  useIconSlot?: boolean
-  type?: TagType
-  icon?: string
-  closable?: boolean
-  plain?: boolean
-  dynamic?: boolean
-  color?: string
-  bgColor?: string
-  round?: boolean
-  mark?: boolean
-  customClass?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  type: 'default',
-  customClass: '',
-  useIconSlot: false,
-  closable: false,
-  plain: false,
-  dynamic: false,
-  round: false,
-  mark: false
-})
+const props = defineProps(tagProps)
 
 const { translate } = useTranslate('tag')
 
@@ -155,7 +131,7 @@ function handleAdd() {
 function handleBlur() {
   setDynamicInput()
 }
-function handleConfirm(event) {
+function handleConfirm(event: any) {
   setDynamicInput()
   emit('confirm', {
     value: event.detail.value
diff --git a/src/uni_modules/wot-design-uni/components/wd-textarea/types.ts b/src/uni_modules/wot-design-uni/components/wd-textarea/types.ts
new file mode 100644
index 00000000..63966ab2
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-textarea/types.ts
@@ -0,0 +1,277 @@
+import type { ExtractPropTypes } from 'vue'
+import { baseProps, makeArrayProp, makeBooleanProp, makeNumberProp, makeNumericProp, makeStringProp } from '../common/props'
+import type { FormItemRule } from '../wd-form/types'
+
+export type ConfirmType = 'send' | 'search' | 'next' | 'go' | 'done'
+
+export const textareaProps = {
+  ...baseProps,
+  // 原生属性
+  /**
+   * * 绑定值。
+   * 类型：string | number
+   */
+  modelValue: makeNumericProp(''),
+
+  /**
+   * * 占位文本。
+   * 类型：string
+   * 默认值：'请输入...'
+   */
+  placeholder: String,
+
+  /**
+   * 指定placeholder的样式。
+   * 类型：string
+   */
+  placeholderStyle: String,
+
+  /**
+   * * 指定placeholder的样式类。
+   * 类型：string
+   * 默认值：空字符串
+   */
+  placeholderClass: makeStringProp(''),
+
+  /**
+   * * 禁用输入框。
+   * 类型：boolean
+   * 默认值：false
+   */
+  disabled: makeBooleanProp(false),
+
+  /**
+   * * 最大输入长度，设置为-1表示不限制最大长度。
+   * 类型：string
+   * 默认值：-1
+   */
+  maxlength: makeNumberProp(-1),
+
+  /**
+   * * 自动聚焦并拉起键盘。
+   * 类型：boolean
+   * 默认值：false
+   */
+  autoFocus: makeBooleanProp(false),
+
+  /**
+   * * 获取焦点。
+   * 类型：boolean
+   * 默认值：false
+   */
+  focus: makeBooleanProp(false),
+
+  /**
+   * * 是否自动增高输入框高度，style.height属性在auto-height生效时不生效。
+   * 类型：boolean
+   * 默认值：false
+   */
+  autoHeight: makeBooleanProp(false),
+
+  /**
+   * * 如果textarea处于position:fixed区域，需要设置此属性为true。
+   * 类型：boolean
+   * 默认值：false
+   */
+  fixed: makeBooleanProp(false),
+
+  /**
+   * * 指定光标与键盘的距离，取textarea距离底部的距离和cursor-spacing指定的距离的最小值作为实际距离。
+   * 类型：number
+   * 默认值：0
+   */
+  cursorSpacing: makeNumberProp(0),
+
+  /**
+   * * 指定focus时的光标位置。
+   * 类型：number
+   * 默认值：-1
+   */
+  cursor: makeNumberProp(-1),
+
+  /**
+   * * 设置键盘右下角按钮的文字。
+   * 类型：string
+   * 默认值：'done'
+   * 可选值有'done', 'go', 'next', 'search', 'send'
+   */
+  confirmType: makeStringProp<ConfirmType>('done'),
+
+  /**
+   * * 点击键盘右下角按钮时是否保持键盘不收起。
+   * 类型：boolean
+   * 默认值：false
+   */
+  confirmHold: makeBooleanProp(false),
+
+  /**
+   * * 是否显示键盘上方带有“完成”按钮那一栏。
+   * 类型：boolean
+   * 默认值：true
+   */
+  showConfirmBar: makeBooleanProp(true),
+
+  /**
+   * * 光标起始位置，自动聚集时有效，需与selection-end搭配使用。
+   * 类型：number
+   * 默认值：-1
+   */
+  selectionStart: makeNumberProp(-1),
+
+  /**
+   * * 光标结束位置，自动聚集时有效，需与selection-start搭配使用。
+   * 类型：number
+   * 默认值：-1
+   */
+  selectionEnd: makeNumberProp(-1),
+
+  /**
+   * * 键盘弹起时是否自动上推页面。
+   * 类型：boolean
+   * 默认值：true
+   */
+  adjustPosition: makeBooleanProp(true),
+
+  /**
+   * * 是否去掉iOS下的默认内边距。
+   * 类型：boolean
+   * 默认值：false
+   */
+  disableDefaultPadding: makeBooleanProp(false),
+
+  /**
+   * * focus状态下点击页面时是否不收起键盘。
+   * 类型：boolean
+   * 默认值：false
+   */
+  holdKeyboard: makeBooleanProp(false),
+
+  // 非原生属性
+  /**
+   * * 显示为密码框。
+   * 类型：boolean
+   * 默认值：false
+   */
+  showPassword: makeBooleanProp(false),
+
+  /**
+   * * 是否显示清空按钮。
+   * 类型：boolean
+   * 默认值：false
+   */
+  clearable: makeBooleanProp(false),
+
+  /**
+   * * 输入框只读状态。
+   * 类型：boolean
+   * 默认值：false
+   */
+  readonly: makeBooleanProp(false),
+
+  /**
+   * * 前置图标，icon组件中的图标类名。
+   * 类型：string
+   */
+  prefixIcon: String,
+
+  /**
+   * * 是否使用前置图标插槽。
+   * 类型：boolean
+   * 默认值：false
+   */
+  usePrefixSlot: makeBooleanProp(false),
+
+  /**
+   * * 是否显示字数限制，需要同时设置maxlength。
+   * 类型：boolean
+   * 默认值：false
+   */
+  showWordLimit: makeBooleanProp(false),
+
+  /**
+   * * 设置左侧标题。
+   * 类型：string
+   */
+  label: String,
+
+  /**
+   * * 设置左侧标题宽度。
+   * 类型：string
+   * 默认值：'33%'
+   */
+  labelWidth: makeStringProp('33%'),
+
+  /**
+   * * 是否使用label插槽。
+   * 类型：boolean
+   * 默认值：false
+   */
+  useLabelSlot: makeBooleanProp(false),
+
+  /**
+   * * 设置输入框大小。
+   * 类型：string
+   */
+  size: String,
+
+  /**
+   * * 设置输入框错误状态（红色）。
+   * 类型：boolean
+   * 默认值：false
+   */
+  error: makeBooleanProp(false),
+
+  /**
+   * * 当存在label属性时，设置标题和输入框垂直居中，默认为顶部居中。
+   * 类型：boolean
+   * 默认值：false
+   */
+  center: makeBooleanProp(false),
+
+  /**
+   * * 非cell类型下是否隐藏下划线。
+   * 类型：boolean
+   * 默认值：false
+   */
+  noBorder: makeBooleanProp(false),
+
+  /**
+   * * cell类型下必填样式。
+   * 类型：boolean
+   * 默认值：false
+   */
+  required: makeBooleanProp(false),
+
+  /**
+   * * 表单域model字段名，在使用表单校验功能的情况下，该属性是必填的。
+   * 类型：string
+   */
+  prop: makeStringProp(''),
+
+  /**
+   * * 表单验证规则。
+   * 类型：FormItemRule[]
+   * 默认值：[]
+   */
+  rules: makeArrayProp<FormItemRule>(),
+
+  /**
+   * * 自定义文本域容器class名称。
+   * 类型：string
+   */
+  customTextareaContainerClass: makeStringProp(''),
+
+  /**
+   * * 自定义文本域class名称。
+   * 类型：string
+   */
+  customTextareaClass: makeStringProp(''),
+
+  /**
+   * * 自定义标签class名称。
+   * 类型：string
+   */
+  customLabelClass: makeStringProp('')
+}
+
+export type TextareaProps = ExtractPropTypes<typeof textareaProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-textarea/wd-textarea.vue b/src/uni_modules/wot-design-uni/components/wd-textarea/wd-textarea.vue
index 64cd643e..b1392b5e 100644
--- a/src/uni_modules/wot-design-uni/components/wd-textarea/wd-textarea.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-textarea/wd-textarea.vue
@@ -77,93 +77,11 @@ import { useCell } from '../composables/useCell'
 import { FORM_KEY, type FormItemRule } from '../wd-form/types'
 import { useParent } from '../composables/useParent'
 import { useTranslate } from '../composables/useTranslate'
-type ConfirmType = 'send' | 'search' | 'next' | 'go' | 'done'
+import { textareaProps } from './types'
 
 const { translate } = useTranslate('textarea')
 
-interface Props {
-  // 原生属性
-  placeholder?: string
-  placeholderStyle?: string
-  placeholderClass?: string
-  disabled?: boolean
-  maxlength?: number
-  focus?: boolean
-  autoFocus?: boolean
-  autoHeight?: boolean
-  fixed?: boolean
-  cursorSpacing?: number
-  cursor?: number
-  confirmType?: ConfirmType
-  confirmHold?: boolean
-  showConfirmBar?: boolean
-  selectionStart?: number
-  selectionEnd?: number
-  adjustPosition?: boolean
-  disableDefaultPadding?: boolean
-  holdKeyboard?: boolean
-  // 原生属性结束
-  modelValue: string | number
-  showPassword?: boolean
-  clearable?: boolean
-  readonly?: boolean
-  prefixIcon?: string
-  usePrefixSlot?: boolean
-  showWordLimit?: boolean
-  label?: string
-  labelWidth?: string
-  useLabelSlot?: boolean
-  size?: string
-  error?: boolean
-  center?: boolean
-  noBorder?: boolean
-  required?: boolean
-  prop?: string
-  rules?: FormItemRule[]
-  customTextareaContainerClass?: string
-  customTextareaClass?: string
-  customLabelClass?: string
-  customClass?: string
-  customStyle?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customTextareaContainerClass: '',
-  customTextareaClass: '',
-  customLabelClass: '',
-  customClass: '',
-  customStyle: '',
-  maxlength: -1,
-  modelValue: '',
-  autoHeight: false,
-  clearable: false,
-  showPassword: false,
-  disabled: false,
-  readonly: false,
-  usePrefixSlot: false,
-  showWordLimit: false,
-  placeholderClass: '',
-  focus: false,
-  autoFocus: false,
-  cursorSpacing: 0,
-  fixed: false,
-  cursor: -1,
-  showConfirmBar: true,
-  selectionStart: -1,
-  selectionEnd: -1,
-  adjustPosition: true,
-  holdKeyboard: false,
-  confirmType: 'done',
-  confirmHold: false,
-  disableDefaultPadding: false,
-  error: false,
-  center: false,
-  labelWidth: '33%',
-  useLabelSlot: false,
-  required: false,
-  noBorder: false,
-  rules: () => []
-})
+const props = defineProps(textareaProps)
 
 const showClear = ref<boolean>(false)
 const showWordCount = ref<boolean>(false)
@@ -303,7 +221,7 @@ function clear() {
     })
 }
 // 失去焦点时会先后触发change、blur，未输入内容但失焦不触发 change 只触发 blur
-function handleBlur({ detail }) {
+function handleBlur({ detail }: any) {
   isFocus.value = false
   emit('change', {
     value: inputValue.value
@@ -315,7 +233,7 @@ function handleBlur({ detail }) {
     cursor: detail.cursor ? detail.cursor : null
   })
 }
-function handleFocus({ detail }) {
+function handleFocus({ detail }: any) {
   if (clearing.value) {
     clearing.value = false
     return
@@ -329,13 +247,13 @@ function handleInput() {
   emit('update:modelValue', inputValue.value)
   emit('input', inputValue.value)
 }
-function handleKeyboardheightchange({ detail }) {
+function handleKeyboardheightchange({ detail }: any) {
   emit('keyboardheightchange', detail)
 }
-function handleConfirm({ detail }) {
+function handleConfirm({ detail }: any) {
   emit('confirm', detail)
 }
-function handleLineChange({ detail }) {
+function handleLineChange({ detail }: any) {
   emit('linechange', detail)
 }
 function onClickPrefixIcon() {
diff --git a/src/uni_modules/wot-design-uni/components/wd-toast/index.ts b/src/uni_modules/wot-design-uni/components/wd-toast/index.ts
index 102277d0..b647649d 100644
--- a/src/uni_modules/wot-design-uni/components/wd-toast/index.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-toast/index.ts
@@ -1,5 +1,5 @@
 import { provide, ref } from 'vue'
-import type { Toast, ToastOptions } from './type'
+import type { Toast, ToastOptions } from './types'
 import { deepMerge } from '../common/util'
 
 /**
diff --git a/src/uni_modules/wot-design-uni/components/wd-toast/type.ts b/src/uni_modules/wot-design-uni/components/wd-toast/types.ts
similarity index 77%
rename from src/uni_modules/wot-design-uni/components/wd-toast/type.ts
rename to src/uni_modules/wot-design-uni/components/wd-toast/types.ts
index f61154e0..456f5db5 100644
--- a/src/uni_modules/wot-design-uni/components/wd-toast/type.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-toast/types.ts
@@ -1,13 +1,15 @@
 /*
  * @Author: weisheng
  * @Date: 2023-06-19 12:47:57
- * @LastEditTime: 2023-09-07 00:34:18
+ * @LastEditTime: 2024-03-14 21:18:15
  * @LastEditors: weisheng
  * @Description:
  * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-toast\type.ts
  * 记得注释
  */
-import type { LoadingType } from '../wd-loading/type'
+import type { ExtractPropTypes } from 'vue'
+import { baseProps, makeStringProp } from '../common/props'
+import type { LoadingType } from '../wd-loading/types'
 
 export type ToastIconType = 'success' | 'error' | 'warning' | 'loading' | 'info' // 图标类型
 
@@ -46,3 +48,11 @@ export interface Toast {
   // 关闭Toast
   close(): void
 }
+
+export const toastProps = {
+  ...baseProps,
+  customIconClass: makeStringProp(''),
+  selector: makeStringProp('')
+}
+
+export type ToastProps = ExtractPropTypes<typeof toastProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-toast/wd-toast.vue b/src/uni_modules/wot-design-uni/components/wd-toast/wd-toast.vue
index aa717551..9f25a94f 100644
--- a/src/uni_modules/wot-design-uni/components/wd-toast/wd-toast.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-toast/wd-toast.vue
@@ -34,20 +34,10 @@ export default {
 import { computed, inject, onBeforeMount, ref, watch } from 'vue'
 import base64 from '../common/base64'
 import { defaultOptions, toastDefaultOptionKey, toastIcon } from '.'
-import type { ToastLoadingType, ToastOptions } from './type'
+import { toastProps, type ToastLoadingType, type ToastOptions } from './types'
 import { isDef, objToStyle } from '../common/util'
 
-interface Props {
-  customIconClass?: string
-  customClass?: string
-  selector?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customIconClass: '',
-  customClass: '',
-  selector: ''
-})
+const props = defineProps(toastProps)
 
 const iconName = ref<string>('') // 图标类型
 const customIcon = ref<boolean>(false)
diff --git a/src/uni_modules/wot-design-uni/components/wd-tooltip/types.ts b/src/uni_modules/wot-design-uni/components/wd-tooltip/types.ts
new file mode 100644
index 00000000..41a8b673
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-tooltip/types.ts
@@ -0,0 +1,102 @@
+import type { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp, makeStringProp } from '../common/props'
+
+export type PlacementType =
+  | 'top'
+  | 'top-start'
+  | 'top-end'
+  | 'bottom'
+  | 'bottom-start'
+  | 'bottom-end'
+  | 'left'
+  | 'left-start'
+  | 'left-end'
+  | 'right'
+  | 'right-start'
+  | 'right-end'
+
+export const tooltipProps = {
+  ...baseProps,
+
+  /**
+   * 自定义箭头内容
+   * 类型：string
+   */
+  customArrow: makeStringProp(''),
+
+  /**
+   * 自定义弹出内容
+   * 类型：string
+   */
+  customPop: makeStringProp(''),
+
+  /**
+   * 是否显示Tooltip箭头
+   * 类型：boolean
+   * 默认值：true
+   */
+  visibleArrow: makeBooleanProp(true),
+
+  /**
+   * 显示的内容，也可以通过`slot#content`传入
+   * 类型：string | Array<Record<string, any>>
+   * 默认值：无（根据传入值而定）
+   */
+  content: {
+    type: [String, Array] as PropType<string | Array<Record<string, any>>>
+  },
+
+  /**
+   * Tooltip的出现位置
+   * 类型：string
+   * 可选值：top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end
+   * 默认值：'bottom'
+   */
+  placement: makeStringProp<PlacementType>('bottom'),
+
+  /**
+   * 出现位置的偏移量
+   * 类型：number
+   * 默认值：0
+   */
+  offset: makeNumberProp(0),
+
+  /**
+   * 是否使用slot来传入content内容
+   * 类型：boolean
+   * 默认值：false
+   */
+  useContentSlot: makeBooleanProp(false),
+
+  /**
+   * Tooltip是否可用
+   * 类型：boolean
+   * 默认值：false
+   */
+  disabled: makeBooleanProp(false),
+
+  /**
+   * 是否显示Tooltip内部的关闭按钮
+   * 类型：boolean
+   * 默认值：false
+   */
+  showClose: makeBooleanProp(false),
+
+  /**
+   * Tooltip的状态是否可见，通过v-model绑定
+   * 类型：boolean
+   * 默认值：false
+   */
+  modelValue: makeBooleanProp(false)
+}
+
+export type TooltipProps = ExtractPropTypes<typeof tooltipProps>
+
+export type TooltipExpose = {
+  // 打开tooltip
+  open: () => void
+  // 关闭tooltip
+  close: () => void
+}
+
+export type TooltipInstance = ComponentPublicInstance<TooltipProps, TooltipExpose>
diff --git a/src/uni_modules/wot-design-uni/components/wd-tooltip/wd-tooltip.vue b/src/uni_modules/wot-design-uni/components/wd-tooltip/wd-tooltip.vue
index fdaca6ee..438db88d 100644
--- a/src/uni_modules/wot-design-uni/components/wd-tooltip/wd-tooltip.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-tooltip/wd-tooltip.vue
@@ -38,50 +38,9 @@ import { getCurrentInstance, inject, onBeforeMount, onBeforeUnmount, onMounted,
 import { usePopover } from '../composables/usePopover'
 import { closeOther, pushToQueue, removeFromQueue } from '../common/clickoutside'
 import { type Queue, queueKey } from '../composables/useQueue'
+import { tooltipProps, type TooltipExpose } from './types'
 
-type PlacementType =
-  | 'top'
-  | 'top-start'
-  | 'top-end'
-  | 'bottom'
-  | 'bottom-start'
-  | 'bottom-end'
-  | 'left'
-  | 'left-start'
-  | 'left-end'
-  | 'right'
-  | 'right-start'
-  | 'right-end'
-
-interface Props {
-  customStyle?: string
-  customArrow?: string
-  customPop?: string
-  customClass?: string
-  // 是否显示 popover 箭头
-  visibleArrow?: boolean
-  // 显示内容
-  content?: Record<string, any>[] | string
-  placement?: PlacementType
-  offset?: number
-  useContentSlot?: boolean
-  disabled?: boolean
-  showClose?: boolean
-  modelValue: boolean
-}
-const props = withDefaults(defineProps<Props>(), {
-  customStyle: '',
-  customClass: '',
-  customPop: '',
-  customArrow: '',
-  visibleArrow: true,
-  placement: 'bottom',
-  offset: 0,
-  useContentSlot: false,
-  disabled: false,
-  showClose: false,
-  modelValue: false
-})
+const props = defineProps(tooltipProps)
 
 const popover = usePopover()
 const queue = inject<Queue | null>(queueKey, null)
@@ -138,7 +97,7 @@ onBeforeUnmount(() => {
   }
 })
 
-function toggle(event) {
+function toggle() {
   if (props.disabled) return
   emit('update:modelValue', !props.modelValue)
 }
@@ -151,7 +110,7 @@ function close() {
   emit('update:modelValue', false)
 }
 
-defineExpose({
+defineExpose<TooltipExpose>({
   open,
   close
 })
diff --git a/src/uni_modules/wot-design-uni/components/wd-transition/types.ts b/src/uni_modules/wot-design-uni/components/wd-transition/types.ts
new file mode 100644
index 00000000..4df9da22
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-transition/types.ts
@@ -0,0 +1,89 @@
+import type { ExtractPropTypes, PropType } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp, makeStringProp } from '../common/props'
+
+export type TransitionName =
+  | 'fade'
+  | 'fade-down'
+  | 'fade-left'
+  | 'fade-right'
+  | 'fade-up'
+  | 'slide-down'
+  | 'slide-left'
+  | 'slide-right'
+  | 'slide-up'
+  | 'zoom-in'
+  | 'zoom-out'
+
+export const transitionProps = {
+  ...baseProps,
+
+  /**
+   * 是否展示组件
+   * 类型：boolean
+   * 默认值：false
+   */
+  show: makeBooleanProp(false),
+
+  /**
+   * 动画执行时间
+   * 类型：number | boolean | Record<string, number>
+   * 默认值：300 (毫秒)
+   */
+  duration: {
+    type: [Object, Number, Boolean] as PropType<Record<string, number> | number | boolean>,
+    default: 300
+  },
+
+  /**
+   * 动画类型
+   * 类型：string
+   * 可选值：fade / fade-up / fade-down / fade-left / fade-right / slide-up / slide-down / slide-left / slide-right / zoom-in
+   * 默认值：'fade'
+   */
+  name: makeStringProp<TransitionName | ''>('fade'),
+
+  /**
+   * 是否延迟渲染子组件
+   * 类型：boolean
+   * 默认值：true
+   */
+  lazyRender: makeBooleanProp(true),
+
+  /**
+   * 进入过渡的开始状态
+   * 类型：string
+   */
+  enterClass: makeStringProp(''),
+
+  /**
+   * 进入过渡的激活状态
+   * 类型：string
+   */
+  enterActiveClass: makeStringProp(''),
+
+  /**
+   * 进入过渡的结束状态
+   * 类型：string
+   */
+  enterToClass: makeStringProp(''),
+
+  /**
+   * 离开过渡的开始状态
+   * 类型：string
+   */
+  leaveClass: makeStringProp(''),
+
+  /**
+   * 离开过渡的激活状态
+   * 类型：string
+   */
+  leaveActiveClass: makeStringProp(''),
+
+  /**
+   * 离开过渡的结束状态
+   * 类型：string
+   */
+  leaveToClass: makeStringProp('')
+}
+
+export type TransitionProps = ExtractPropTypes<typeof transitionProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-transition/wd-transition.vue b/src/uni_modules/wot-design-uni/components/wd-transition/wd-transition.vue
index 098352c1..6332acbc 100644
--- a/src/uni_modules/wot-design-uni/components/wd-transition/wd-transition.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-transition/wd-transition.vue
@@ -18,8 +18,9 @@ export default {
 <script lang="ts" setup>
 import { computed, onBeforeMount, ref, watch } from 'vue'
 import { isObj, requestAnimationFrame } from '../common/util'
+import { transitionProps } from './types'
 
-const getClassNames = (name) => {
+const getClassNames = (name?: string) => {
   if (!name) {
     return {
       enter: `${props.enterClass} ${props.enterActiveClass}`,
@@ -37,48 +38,7 @@ const getClassNames = (name) => {
   }
 }
 
-type TransitionName =
-  | 'fade'
-  | 'fade-down'
-  | 'fade-left'
-  | 'fade-right'
-  | 'fade-up'
-  | 'slide-down'
-  | 'slide-left'
-  | 'slide-right'
-  | 'slide-up'
-  | 'zoom-in'
-  | 'zoom-out'
-
-interface Props {
-  show?: boolean
-  duration?: Record<string, number> | number | boolean
-  name?: TransitionName | ''
-  customStyle?: string
-  lazyRender?: boolean
-  customClass?: string
-  // 定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。
-  enterClass?: string
-  // 定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。这个类可以被用来定义进入过渡的过程时间，延迟和曲线函数。
-  enterActiveClass?: string
-  // 定义进入过渡的结束状态。在元素被插入之后下一帧生效 (与此同时 enter-class 被移除)，在过渡/动画完成之后移除。
-  enterToClass?: string
-  // 定义离开过渡的开始状态。在离开过渡被触发时立刻生效，下一帧被移除。
-  leaveClass?: string
-  // 定义离开过渡生效时的状态。在整个离开过渡的阶段中应用，在离开过渡被触发时立刻生效，在过渡/动画完成之后移除。这个类可以被用来定义离开过渡的过程时间，延迟和曲线函数。
-  leaveActiveClass?: string
-  // 定义离开过渡的结束状态。在离开过渡被触发之后下一帧生效 (与此同时 leave-class 被删除)，在过渡/动画完成之后移除。
-  leaveToClass?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  customStyle: '',
-  show: false,
-  name: 'fade',
-  duration: 300,
-  lazyRender: true
-})
+const props = defineProps(transitionProps)
 
 // 初始化是否完成
 const inited = ref<boolean>(false)
diff --git a/src/uni_modules/wot-design-uni/components/wd-upload/types.ts b/src/uni_modules/wot-design-uni/components/wd-upload/types.ts
new file mode 100644
index 00000000..b882c62b
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-upload/types.ts
@@ -0,0 +1,223 @@
+import type { ExtractPropTypes, PropType } from 'vue'
+import { baseProps, makeArrayProp, makeBooleanProp, makeNumberProp, makeStringProp } from '../common/props'
+import type { LoadingType } from '../wd-loading/types'
+
+export interface ChooseFileOption {
+  multiple: boolean
+  sizeType: string | string[]
+  sourceType: string[]
+  maxCount: number
+}
+
+export interface UploadFileItem {
+  [key: string]: any
+  // 	当前上传文件在列表中的唯一标识
+  uid: number
+  // 当前文件名称，仅h5支持
+  name?: string
+  // 上传状态
+  status: string
+  // 文件大小
+  size: number
+  // 上传图片的本地地址
+  url: string
+  // 上传的地址
+  action: string
+  // 上传进度
+  percent: number
+  // 后端返回的内容，可能是对象，也可能是字符串
+  response?: string | Record<string, any>
+}
+
+export type UploadSourceType = 'album' | 'camera'
+export type UploadSizeType = 'original' | 'compressed'
+
+export type UploadBeforePreviewOption = {
+  index: number
+  imgList: string[]
+  resolve: (isPass: boolean) => void
+}
+export type UploadBeforePreview = (option: UploadBeforePreviewOption) => void
+
+export type UploadOnPreviewFailOption = {
+  index: number
+  imgList: string[]
+}
+export type UploadOnPreviewFail = (option: UploadOnPreviewFailOption) => void
+
+export type UploadBeforeRemoveOption = {
+  file: UploadFileItem
+  index: number
+  fileList: UploadFileItem[]
+  resolve: (isPass: boolean) => void
+}
+export type UploadBeforeRemove = (option: UploadBeforeRemoveOption) => void
+
+export type UploadBeforeChooseOption = {
+  fileList: UploadFileItem[]
+  resolve: (isPass: boolean) => void
+}
+export type UploadBeforeChoose = (option: UploadBeforeChooseOption) => void
+
+export type UploadBeforeUploadOption = {
+  files: Record<string, any>[]
+  fileList: UploadFileItem[]
+  resolve: (isPass: boolean) => void
+}
+export type UploadBeforeUpload = (options: UploadBeforeUploadOption) => void
+
+export type UploadBuildFormDataOption = {
+  file: UploadFileItem
+  formData: Record<string, any>
+  resolve: (formData: Record<string, any>) => void
+}
+export type UploadBuildFormData = (options: UploadBuildFormDataOption) => void
+
+export const uploadProps = {
+  ...baseProps,
+
+  /**
+   * 上传的文件列表,例如:[{name:'food.jpg',url:'https://xxx.cdn.com/xxx.jpg'}]
+   * 类型：array
+   * 默认值：[]
+   */
+  fileList: makeArrayProp<UploadFileItem>(),
+  /**
+   * 必选参数，上传的地址
+   * 类型：string
+   * 默认值：''
+   */
+  action: makeStringProp(''),
+  /**
+   * 设置上传的请求头部
+   * 类型：object
+   * 默认值：{}
+   */
+  header: { type: Object as PropType<Record<string, any>>, default: () => {} },
+  /**
+   * 是否支持多选文件
+   * 类型：boolean
+   * 默认值：false
+   */
+  multiple: makeBooleanProp(false),
+  /**
+   * 是否禁用
+   * 类型：boolean
+   * 默认值：false
+   */
+  disabled: makeBooleanProp(false),
+  /**
+   * 最大允许上传个数
+   * 类型：number
+   * 默认值：0
+   */
+  limit: makeNumberProp(0),
+  /**
+   * 限制上传个数的情况下，是否展示当前上传的个数
+   * 类型：boolean
+   * 默认值：true
+   */
+  showLimitNum: makeBooleanProp(true),
+  /**
+   * 文件大小限制，单位为byte
+   * 类型：number
+   * 默认值：Number.MAX_VALUE
+   */
+  maxSize: makeNumberProp(Number.MAX_VALUE),
+  /**
+   * 选择图片的来源，chooseImage接口详细参数，查看官方手册
+   * 类型：array
+   * 默认值：['album','camera']
+   */
+  sourceType: makeArrayProp<UploadSourceType>(),
+  /**
+   * 所选的图片的尺寸，chooseImage接口详细参数，查看官方手册
+   * 类型：array
+   * 默认值：['original','compressed']
+   */
+  sizeType: makeArrayProp<UploadSizeType>(),
+  /**
+   * 文件对应的key，开发者在服务端可以通过这个key获取文件的二进制内容，uploadFile接口详细参数，查看官方手册
+   * 类型：string
+   * 默认值：'file'
+   */
+  name: makeStringProp('file'),
+  /**
+   * HTTP请求中其他额外的formdata，uploadFile接口详细参数，查看官方手册
+   * 类型：object
+   * 默认值：{}
+   */
+  formData: { type: Object as PropType<Record<string, any>>, default: () => {} },
+  /**
+   * 预览失败执行操作
+   * 类型：function({index,imgList})
+   * 默认值：-
+   */
+  onPreviewFail: Function as PropType<UploadOnPreviewFail>,
+  /**
+   * 上传文件之前的钩子，参数为上传的文件和文件列表，若返回false或者返回Promise且被reject，则停止上传。
+   * 类型：function({files,fileList,resolve})
+   * 默认值：-
+   */
+  beforeUpload: Function as PropType<UploadBeforeUpload>,
+  /**
+   * 选择图片之前的钩子，参数为文件列表，若返回false或者返回Promise且被reject，则停止上传。
+   * 类型：function({fileList,resolve})
+   * 默认值：-
+   */
+  beforeChoose: Function as PropType<UploadBeforeChoose>,
+  /**
+   * 删除文件之前的钩子，参数为要删除的文件和文件列表，若返回false或者返回Promise且被reject，则停止上传。
+   * 类型：function({file,fileList,resolve})
+   * 默认值：-
+   */
+  beforeRemove: Function as PropType<UploadBeforeRemove>,
+  /**
+   * 图片预览前的钩子，参数为预览的图片下标和图片列表，若返回false或者返回Promise且被reject，则停止上传。
+   * 类型：function({index,imgList,resolve})
+   * 默认值：-
+   */
+  beforePreview: Function as PropType<UploadBeforePreview>,
+  /**
+   * 构建上传formData的钩子，参数为上传的文件、待处理的formData，返回值为处理后的formData，若返回false或者返回Promise且被reject，则停止上传。
+   * 类型：function({file,formData,resolve})
+   * 默认值：-
+   * 最低版本：0.1.61
+   */
+  buildFormData: Function as PropType<UploadBuildFormData>,
+  /**
+   * 加载中图标类型
+   * 类型：string
+   * 默认值：'ring'
+   */
+  loadingType: makeStringProp<LoadingType>('ring'),
+  /**
+   * 加载中图标颜色
+   * 类型：string
+   * 默认值：'#ffffff'
+   */
+  loadingColor: makeStringProp('#ffffff'),
+  accept: makeStringProp('image'),
+  /**
+   * file 数据结构中，status 对应的 key
+   * 类型：string
+   * 默认值：'status'
+   */
+  statusKey: makeStringProp('status'),
+  /**
+   * 开启默认唤起项插槽
+   * 类型：boolean
+   * 默认值：false
+   */
+  useDefaultSlot: makeBooleanProp(false),
+  /**
+   * 加载中图标尺寸
+   * 类型：string
+   * 默认值：'24px'
+   */
+  loadingSize: makeStringProp('24px'),
+  customEvokeClass: makeStringProp(''),
+  customPreviewClass: makeStringProp('')
+}
+
+export type UploadProps = ExtractPropTypes<typeof uploadProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-upload/utils.ts b/src/uni_modules/wot-design-uni/components/wd-upload/utils.ts
index 4b29ad6f..50783304 100644
--- a/src/uni_modules/wot-design-uni/components/wd-upload/utils.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-upload/utils.ts
@@ -1,14 +1,7 @@
-/*
- * @Author: weisheng
- * @Date: 2023-08-01 11:12:05
- * @LastEditTime: 2023-08-15 22:58:47
- * @LastEditors: weisheng
- * @Description:
- * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-upload\utils.ts
- * 记得注释
- */
+import type { ChooseFileOption } from './types'
+
 // 后续会对外暴露选中视频文件
-export function chooseFile({ multiple, sizeType, sourceType, maxCount }) {
+export function chooseFile({ multiple, sizeType, sourceType, maxCount }: ChooseFileOption) {
   return new Promise((resolve, reject) => {
     uni.chooseImage({
       count: multiple ? Math.min(maxCount, 9) : 1, // 最多可以选择的数量，如果不支持多选则数量为1
diff --git a/src/uni_modules/wot-design-uni/components/wd-upload/wd-upload.vue b/src/uni_modules/wot-design-uni/components/wd-upload/wd-upload.vue
index f9d3d1a9..3843b9bc 100644
--- a/src/uni_modules/wot-design-uni/components/wd-upload/wd-upload.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-upload/wd-upload.vue
@@ -10,7 +10,7 @@
       <view v-if="file.status !== 'success'" class="wd-upload__mask wd-upload__status-content">
         <!-- loading时展示loading图标和进度 -->
         <view v-if="file.status === 'loading'" class="wd-upload__status-content">
-          <wd-loading :size="24" :color="loadingColor" />
+          <wd-loading :type="loadingType" :size="loadingSize" :color="loadingColor" />
           <text class="wd-upload__progress-txt">{{ file.percent }}%</text>
         </view>
         <!-- 失败时展示失败图标以及失败信息 -->
@@ -55,77 +55,13 @@ import { ref, watch } from 'vue'
 import { context, getType, isDef, isEqual } from '../common/util'
 import { chooseFile } from './utils'
 import { useTranslate } from '../composables/useTranslate'
+import { uploadProps, type UploadFileItem } from './types'
 
-interface Props {
-  customClass?: string
-  customEvokeClass?: string
-  customPreviewClass?: string
-  // 多选
-  multiple?: boolean
-  // 接受类型 暂定接受类型为图片，视频后续添加
-  accept?: string
-  sizeType?: Array<string>
-  sourceType?: Array<string>
-  header?: Record<string, any>
-  name?: string
-  formData?: Record<string, any>
-  // 上传相关
-  action: string
-  fileList?: Record<string, any>[]
-  statusKey?: string
-  maxSize?: number
-  limit?: number
-  showLimitNum?: boolean
-  disabled?: boolean
-  useDefaultSlot?: boolean
-  // loading 相关
-  loadingType?: string
-  loadingColor?: string
-  loadingSize?: string
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  beforePreview?: Function
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  onPreviewFail?: Function
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  beforeRemove?: Function
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  beforeUpload?: Function
-  // 图片预览相关
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  beforeChoose?: Function
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  buildFormData?: Function
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  customClass: '',
-  customEvokeClass: '',
-  customPreviewClass: '',
-  multiple: false,
-  fileList: () => [] as Record<string, any>[],
-  accept: 'image',
-  showLimitNum: true,
-  disabled: false,
-  sourceType: () => ['album', 'camera'],
-  sizeType: () => ['original', 'compressed'],
-  header: () => {
-    return {}
-  },
-  formData: () => {
-    return {}
-  },
-  name: 'file',
-  loadingType: 'ring',
-  loadingColor: '#ffffff',
-  loadingSize: '24px',
-  useDefaultSlot: false,
-  statusKey: 'status',
-  maxSize: Number.MAX_VALUE
-})
+const props = defineProps(uploadProps)
 
 const { translate } = useTranslate('upload')
 
-const uploadFiles = ref<Record<string, any>[]>([])
+const uploadFiles = ref<UploadFileItem[]>([])
 
 watch(
   () => props.fileList,
@@ -135,7 +71,6 @@ watch(
     const uploadFileList = val.map((item) => {
       item.uid = context.id++
       item[statusKey] = item[statusKey] || 'success'
-      item.size = item.size || ''
       item.action = props.action || ''
       item.response = item.response || ''
       return item
@@ -245,9 +180,9 @@ const emit = defineEmits(['fail', 'change', 'success', 'progress', 'oversize', '
  * @description 初始化文件数据
  * @param {Object} file 上传的文件
  */
-function initFile(file) {
+function initFile(file: UploadFileItem) {
   // 状态初始化
-  const initState = {
+  const initState: UploadFileItem = {
     uid: context.id++,
     // 仅h5支持 name
     name: file.name || '',
@@ -280,7 +215,7 @@ function initFile(file) {
  * @param {Object} err 错误返回信息
  * @param {Object} file 上传的文件
  */
-function handleError(err, file, formData: Record<string, any>) {
+function handleError(err: Record<string, any>, file: UploadFileItem, formData: Record<string, any>) {
   const { statusKey } = props
   const index = uploadFiles.value.findIndex((item) => item.uid === file.uid)
   if (index > -1) {
@@ -296,7 +231,7 @@ function handleError(err, file, formData: Record<string, any>) {
  * @param {Object} res 接口返回信息
  * @param {Object} file 上传的文件
  */
-function handleSuccess(res, file, formData: Record<string, any>) {
+function handleSuccess(res: Record<string, any>, file: UploadFileItem, formData: Record<string, any>) {
   const { statusKey } = props
   const index = uploadFiles.value.findIndex((item) => item.uid === file.uid)
   if (index > -1) {
@@ -312,7 +247,7 @@ function handleSuccess(res, file, formData: Record<string, any>) {
  * @param {Object} res 接口返回信息
  * @param {Object} file 上传的文件
  */
-function handleProgress(res, file) {
+function handleProgress(res: Record<string, any>, file: UploadFileItem) {
   const index = uploadFiles.value.findIndex((item) => item.uid === file.uid)
   if (index > -1) {
     uploadFiles.value[index].percent = res.progress
@@ -324,7 +259,7 @@ function handleProgress(res, file) {
  * @description 上传操作
  * @param {Object} file 上传的文件
  */
-function handleUpload(file, formData: Record<string, any>) {
+function handleUpload(file: UploadFileItem, formData: Record<string, any>) {
   const { action, name, header = {}, accept } = props
 
   const uploadTask = uni.uploadFile({
@@ -377,16 +312,15 @@ function onChooseFile() {
     })
       .then((res: any) => {
         // 成功选择初始化file
-        let files: null | Array<any> = null
-        files = Array.prototype.slice.call(res.tempFiles)
+        let files: Array<any> = Array.prototype.slice.call(res.tempFiles)
         // 单选只有一个
         if (!multiple) {
           files = files.slice(0, 1)
         }
 
         // 遍历列表逐个初始化上传参数
-        const mapFiles = (files) => {
-          files.forEach(async (file) => {
+        const mapFiles = (files: Array<any>) => {
+          files.forEach(async (file: any) => {
             if (!isDef(file.size)) {
               file.size = await getImageInfo(file.path)
             }
@@ -396,20 +330,13 @@ function onChooseFile() {
 
         // 上传前的钩子
         if (beforeUpload) {
-          // 向下兼容原来的参数写法，2.2.0 向下兼容 2.1.0
-          if (beforeUpload.length === 2) {
-            beforeUpload(files, (isPass) => {
+          beforeUpload({
+            files,
+            fileList: uploadFiles.value,
+            resolve: (isPass: boolean) => {
               isPass && mapFiles(files)
-            })
-          } else {
-            beforeUpload({
-              files,
-              fileList: uploadFiles.value,
-              resolve: (isPass) => {
-                isPass && mapFiles(files)
-              }
-            })
-          }
+            }
+          })
         } else {
           mapFiles(files)
         }
@@ -447,19 +374,12 @@ function handleChoose() {
 
   // 选择图片前的钩子
   if (beforeChoose) {
-    // 向下兼容原来的参数写法，2.2.0 向下兼容 2.1.0
-    if (beforeChoose.length === 2) {
-      beforeChoose(uploadFiles.value, (isPass) => {
+    beforeChoose({
+      fileList: uploadFiles.value,
+      resolve: (isPass: boolean) => {
         isPass && onChooseFile()
-      })
-    } else {
-      beforeChoose({
-        fileList: uploadFiles.value,
-        resolve: (isPass) => {
-          isPass && onChooseFile()
-        }
-      })
-    }
+      }
+    })
   } else {
     onChooseFile()
   }
@@ -470,7 +390,7 @@ function handleChoose() {
  * @param {Object} file 上传的文件
  * @param {Number} index 删除
  */
-function handleRemove(file, index?: number) {
+function handleRemove(file: Record<any, any>, index?: number) {
   uploadFiles.value.splice(
     uploadFiles.value.findIndex((item) => item.uid === file.uid),
     1
@@ -481,46 +401,35 @@ function handleRemove(file, index?: number) {
   emit('remove', { file })
 }
 
-function removeFile(index) {
+function removeFile(index: number) {
   const { beforeRemove } = props
-  const intIndex = parseInt(index)
+  const intIndex: number = index
   const file = uploadFiles.value[intIndex]
   if (beforeRemove) {
-    // 向下兼容原来的参数写法，2.2.0 向下兼容 2.1.0
-    if (beforeRemove.length === 3) {
-      beforeRemove(file, uploadFiles.value, (isPass) => {
+    beforeRemove({
+      file,
+      index: intIndex,
+      fileList: uploadFiles.value,
+      resolve: (isPass: boolean) => {
         isPass && handleRemove(file)
-      })
-    } else {
-      beforeRemove({
-        file,
-        index: intIndex,
-        fileList: uploadFiles.value,
-        resolve: (isPass) => {
-          isPass && handleRemove(file)
-        }
-      })
-    }
+      }
+    })
   } else {
     handleRemove(file)
   }
 }
 
-function onPreview(index, lists) {
+function onPreview(index: number, lists: string[]) {
   const { onPreviewFail } = props
   uni.previewImage({
     urls: lists,
     current: lists[index],
     fail() {
       if (onPreviewFail) {
-        if (onPreviewFail.length === 2) {
-          onPreviewFail(index, lists)
-        } else {
-          onPreviewFail({
-            index,
-            imgList: lists
-          })
-        }
+        onPreviewFail({
+          index,
+          imgList: lists
+        })
       } else {
         uni.showToast({ title: '预览图片失败', icon: 'none' })
       }
@@ -528,24 +437,17 @@ function onPreview(index, lists) {
   })
 }
 
-function onPreviewImage(index) {
+function onPreviewImage(index: number) {
   const { beforePreview } = props
   const lists = uploadFiles.value.map((file) => file.url)
   if (beforePreview) {
-    // 向下兼容原来的参数写法，2.2.0 向下兼容 2.1.0
-    if (beforePreview.length === 2) {
-      beforePreview({ index, lists }, (isPass) => {
+    beforePreview({
+      index,
+      imgList: lists,
+      resolve: (isPass: boolean) => {
         isPass && onPreview(index, lists)
-      })
-    } else {
-      beforePreview({
-        index,
-        imgList: lists,
-        resolve: (isPass) => {
-          isPass && onPreview(index, lists)
-        }
-      })
-    }
+      }
+    })
   } else {
     onPreview(index, lists)
   }
diff --git a/src/uni_modules/wot-design-uni/components/wd-watermark/types.ts b/src/uni_modules/wot-design-uni/components/wd-watermark/types.ts
new file mode 100644
index 00000000..8c91dffb
--- /dev/null
+++ b/src/uni_modules/wot-design-uni/components/wd-watermark/types.ts
@@ -0,0 +1,76 @@
+import type { ExtractPropTypes } from 'vue'
+import { baseProps, makeBooleanProp, makeNumberProp, makeNumericProp, makeStringProp } from '../common/props'
+
+export const watermarkProps = {
+  ...baseProps,
+  /**
+   * 显示内容
+   */
+  content: makeStringProp(''),
+  /**
+   * 显示图片的地址，支持网络图片和base64（钉钉小程序仅支持网络图片）
+   */
+  image: makeStringProp(''),
+  /**
+   * 图片高度
+   */
+  imageHeight: makeNumberProp(100),
+  /**
+   * 图片高度
+   */
+  imageWidth: makeNumberProp(100),
+  /**
+   * X轴间距，单位px
+   */
+  gutterX: makeNumberProp(0),
+  /**
+   * Y轴间距，单位px
+   */
+  gutterY: makeNumberProp(0),
+  /**
+   * canvas画布宽度，单位px
+   */
+  width: makeNumberProp(100),
+  /**
+   * canvas画布高度，单位px
+   */
+  height: makeNumberProp(100),
+  /**
+   * 是否为全屏水印
+   */
+  fullScreen: makeBooleanProp(true),
+  /**
+   * 水印字体颜色
+   */
+  color: makeStringProp('#8c8c8c'),
+  /**
+   * 水印字体大小，单位px
+   */
+  size: makeNumberProp(14),
+  /**
+   * 水印字体样式（仅微信和h5支持），可能的值：normal、italic、oblique
+   */
+  fontStyle: makeStringProp('normal'),
+  /**
+   * 水印字体的粗细（仅微信和h5支持）
+   */
+  fontWeight: makeNumericProp('normal'),
+  /**
+   * 水印字体系列（仅微信和h5支持）
+   */
+  fontFamily: makeStringProp('PingFang SC'),
+  /**
+   * 水印旋转角度
+   */
+  rotate: makeNumberProp(-25),
+  /**
+   * 自定义层级
+   */
+  zIndex: makeNumberProp(1100),
+  /**
+   * 自定义透明度，取值 0~1
+   */
+  opacity: makeNumberProp(0.5)
+}
+
+export type WatermarkProps = ExtractPropTypes<typeof watermarkProps>
diff --git a/src/uni_modules/wot-design-uni/components/wd-watermark/wd-watermark.vue b/src/uni_modules/wot-design-uni/components/wd-watermark/wd-watermark.vue
index 119c5287..b2a66d2c 100644
--- a/src/uni_modules/wot-design-uni/components/wd-watermark/wd-watermark.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-watermark/wd-watermark.vue
@@ -1,7 +1,7 @@
 <!--
  * @Author: weisheng
  * @Date: 2023-04-05 21:32:56
- * @LastEditTime: 2023-09-18 22:17:45
+ * @LastEditTime: 2024-03-14 18:06:38
  * @LastEditors: weisheng
  * @Description: 水印组件
  * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-watermark\wd-watermark.vue
@@ -33,83 +33,9 @@ export default {
 <script lang="ts" setup>
 import { computed, onMounted, ref, watch, nextTick } from 'vue'
 import { addUnit, buildUrlWithParams, isBase64Image, objToStyle, uuid } from '../common/util'
+import { watermarkProps } from './types'
 
-/**
- * WaterMark 水印
- */
-interface Props {
-  // 显示内容
-  content?: string
-  // 显示图片的地址，支持网络图片和base64（钉钉小程序仅支持网络图片）
-  image?: string
-  // 图片高度
-  imageHeight?: number
-  // 图片高度
-  imageWidth?: number
-  // X轴间距，单位px
-  gutterX?: number
-  // Y轴间距，单位px
-  gutterY?: number
-  // canvas画布宽度，单位px
-  width?: number
-  // canvas画布高度，单位px
-  height?: number
-  // 是否为全屏水印
-  fullScreen?: boolean
-  // 水印字体颜色
-  color?: string
-  // 水印字体大小，单位px
-  size?: number
-  // 水印字体样式（仅微信和h5支持），可能的值：normal、italic、oblique
-  fontStyle?: string
-  // 水印字体的粗细（仅微信和h5支持）
-  fontWeight?: number | string
-  // 水印字体系列（仅微信和h5支持）
-  fontFamily?: string
-  // 水印旋转角度
-  rotate?: number
-  // 自定义层级
-  zIndex?: number
-  // 自定义透明度，取值 0~1
-  opacity?: number
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  // 显示内容
-  content: '',
-  // 显示图片
-  image: '',
-  // 图片高度
-  imageHeight: 100,
-  // 图片高度
-  imageWidth: 100,
-  // X轴间距
-  gutterX: 0,
-  // Y轴间距
-  gutterY: 0,
-  // canvas画布宽度，单位px
-  width: 100,
-  // canvas画布高度，单位px
-  height: 100,
-  // 是否为全屏水印
-  fullScreen: true,
-  // 水印字体颜色
-  color: '#8c8c8c',
-  // 水印字体大小
-  size: 14,
-  // 水印字体样式，可能的值：normal、italic、oblique
-  fontStyle: 'normal',
-  // 水印字体的粗细
-  fontWeight: 'normal',
-  // 水印字体系列
-  fontFamily: 'PingFang SC',
-  // 水印旋转角度
-  rotate: -25,
-  // 自定义层级
-  zIndex: 1100,
-  // 自定义透明度，取值 0~1
-  opacity: 0.5
-})
+const props = defineProps(watermarkProps)
 
 watch(
   () => props,
@@ -446,7 +372,7 @@ function drawTextOnScreen(ctx: UniApp.CanvasContext, content: string, contentWid
   // #ifdef MP-DINGTALK
   // 钉钉小程序的canvasToTempFilePath接口与其他平台不一样
   ;(ctx as any).toTempFilePath({
-    success(res) {
+    success(res: any) {
       showCanvas.value = false
       waterMarkUrl.value = res.filePath
     }
@@ -545,7 +471,7 @@ function drawImageOnScreen(
     // #ifdef MP-DINGTALK
     // 钉钉小程序的canvasToTempFilePath接口与其他平台不一样
     ;(ctx as any).toTempFilePath({
-      success(res) {
+      success(res: any) {
         showCanvas.value = false
         waterMarkUrl.value = res.filePath
       }
diff --git a/src/uni_modules/wot-design-uni/index.ts b/src/uni_modules/wot-design-uni/index.ts
index db1052e7..27b09bf0 100644
--- a/src/uni_modules/wot-design-uni/index.ts
+++ b/src/uni_modules/wot-design-uni/index.ts
@@ -1,7 +1,7 @@
 /*
  * @Author: weisheng
  * @Date: 2021-12-21 14:22:03
- * @LastEditTime: 2024-01-26 13:46:52
+ * @LastEditTime: 2024-03-15 16:55:30
  * @LastEditors: weisheng
  * @Description:
  * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\index.ts
diff --git a/src/utils/area.ts b/src/utils/area.ts
index 1b522412..aaa65456 100644
--- a/src/utils/area.ts
+++ b/src/utils/area.ts
@@ -1,4 +1,4 @@
-export const areaData = {
+export const areaData: Record<string, any> = {
   86: {
     110000: '北京市',
     120000: '天津市',
diff --git a/tsconfig.json b/tsconfig.json
index 35c98a56..25f32fee 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -5,7 +5,7 @@
     "strict": true,
     "jsx": "preserve",
     "resolveJsonModule":true,
-    "noImplicitAny": false,
+    "noImplicitAny": true,
     "importHelpers": true,
     "moduleResolution": "node",
     "esModuleInterop": true,