fix(swiper): 修复动态修改 height 后组件视图未更新问题

nutui-uniapp · Oct 31, 2023 · b9bac98 · b9bac98 · vercel · Oct 31, 2023
1 parent 2957f5a
commit b9bac98
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 119 deletions.
diff --git a/example/src/auto-imports.d.ts b/example/src/auto-imports.d.ts
@@ -97,7 +97,7 @@ declare global {
 // for type re-export
 declare global {
   // @ts-ignore
-  export type { Component, ComponentPublicInstance, ComputedRef, InjectionKey, PropType, Ref, VNode } from 'vue'
+  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
 }
 // for vue template auto import
 import { UnwrapRef } from 'vue'

diff --git a/example/src/components.d.ts b/example/src/components.d.ts
@@ -10,116 +10,6 @@ export {}
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     DemoHeader: typeof import('./components/DemoHeader.vue')['default']
-    NutActionSheet: typeof import('nutui-uniapp/components/actionsheet/actionsheet.vue')['default']
-    NutAddress: typeof import('nutui-uniapp/components/address/address.vue')['default']
-    NutAddressList: typeof import('nutui-uniapp/components/addresslist/addresslist.vue')['default']
-    NutAnimate: typeof import('nutui-uniapp/components/animate/animate.vue')['default']
-    NutAvatar: typeof import('nutui-uniapp/components/avatar/avatar.vue')['default']
-    NutAvatarGroup: typeof import('nutui-uniapp/components/avatargroup/avatargroup.vue')['default']
-    NutBacktop: typeof import('nutui-uniapp/components/backtop/backtop.vue')['default']
-    NutBadge: typeof import('nutui-uniapp/components/badge/badge.vue')['default']
-    NutBarrage: typeof import('nutui-uniapp/components/barrage/barrage.vue')['default']
-    NutButton: typeof import('nutui-uniapp/components/button/button.vue')['default']
-    NutCalendar: typeof import('nutui-uniapp/components/calendar/calendar.vue')['default']
-    NutCard: typeof import('nutui-uniapp/components/card/card.vue')['default']
-    NutCascader: typeof import('nutui-uniapp/components/cascader/cascader.vue')['default']
-    NutCategory: typeof import('nutui-uniapp/components/category/category.vue')['default']
-    NutCategoryPane: typeof import('nutui-uniapp/components/categorypane/categorypane.vue')['default']
-    NutCell: typeof import('nutui-uniapp/components/cell/cell.vue')['default']
-    NutCellGroup: typeof import('nutui-uniapp/components/cellgroup/cellgroup.vue')['default']
-    NutCheckbox: typeof import('nutui-uniapp/components/checkbox/checkbox.vue')['default']
-    NutCheckboxGroup: typeof import('nutui-uniapp/components/checkboxgroup/checkboxgroup.vue')['default']
-    NutCircleProgress: typeof import('nutui-uniapp/components/circleprogress/circleprogress.vue')['default']
-    NutCodeInput: typeof import('nutui-uniapp/components/codeinput/codeinput.vue')['default']
-    NutCol: typeof import('nutui-uniapp/components/col/col.vue')['default']
-    NutCollapse: typeof import('nutui-uniapp/components/collapse/collapse.vue')['default']
-    NutCollapseItem: typeof import('nutui-uniapp/components/collapseitem/collapseitem.vue')['default']
-    NutComment: typeof import('nutui-uniapp/components/comment/comment.vue')['default']
-    NutConfigProvider: typeof import('nutui-uniapp/components/configprovider/configprovider.vue')['default']
-    NutCountdown: typeof import('nutui-uniapp/components/countdown/countdown.vue')['default']
-    NutCountup: typeof import('nutui-uniapp/components/countup/countup.vue')['default']
-    NutDatePicker: typeof import('nutui-uniapp/components/datepicker/datepicker.vue')['default']
-    NutDialog: typeof import('nutui-uniapp/components/dialog/dialog.vue')['default']
-    NutDivider: typeof import('nutui-uniapp/components/divider/divider.vue')['default']
-    NutDollMachine: typeof import('nutui-uniapp/components/dollmachine/dollmachine.vue')['default']
-    NutDrag: typeof import('nutui-uniapp/components/drag/drag.vue')['default']
-    NutEcard: typeof import('nutui-uniapp/components/ecard/ecard.vue')['default']
-    NutElevator: typeof import('nutui-uniapp/components/elevator/elevator.vue')['default']
-    NutEllipsis: typeof import('nutui-uniapp/components/ellipsis/ellipsis.vue')['default']
-    NutEmpty: typeof import('nutui-uniapp/components/empty/empty.vue')['default']
-    NutFixedNav: typeof import('nutui-uniapp/components/fixednav/fixednav.vue')['default']
-    NutForm: typeof import('nutui-uniapp/components/form/form.vue')['default']
-    NutFormItem: typeof import('nutui-uniapp/components/formitem/formitem.vue')['default']
-    NutGiftbox: typeof import('nutui-uniapp/components/giftbox/giftbox.vue')['default']
-    NutGrid: typeof import('nutui-uniapp/components/grid/grid.vue')['default']
-    NutGridItem: typeof import('nutui-uniapp/components/griditem/griditem.vue')['default']
-    NutHiteggs: typeof import('nutui-uniapp/components/hiteggs/hiteggs.vue')['default']
-    NutIcon: typeof import('nutui-uniapp/components/icon/icon.vue')['default']
-    NutImagePreview: typeof import('nutui-uniapp/components/imagepreview/imagepreview.vue')['default']
-    NutIndicator: typeof import('nutui-uniapp/components/indicator/indicator.vue')['default']
-    NutInfiniteloading: typeof import('nutui-uniapp/components/infiniteloading/infiniteloading.vue')['default']
-    NutInput: typeof import('nutui-uniapp/components/input/input.vue')['default']
-    NutInputNumber: typeof import('nutui-uniapp/components/inputnumber/inputnumber.vue')['default']
-    NutInvoice: typeof import('nutui-uniapp/components/invoice/invoice.vue')['default']
-    NutList: typeof import('nutui-uniapp/components/list/list.vue')['default']
-    NutLoadingPage: typeof import('nutui-uniapp/components/loadingpage/loadingpage.vue')['default']
-    NutMarquee: typeof import('nutui-uniapp/components/marquee/marquee.vue')['default']
-    NutMenu: typeof import('nutui-uniapp/components/menu/menu.vue')['default']
-    NutMenuItem: typeof import('nutui-uniapp/components/menuitem/menuitem.vue')['default']
-    NutNavbar: typeof import('nutui-uniapp/components/navbar/navbar.vue')['default']
-    NutNoticebar: typeof import('nutui-uniapp/components/noticebar/noticebar.vue')['default']
-    NutNotify: typeof import('nutui-uniapp/components/notify/notify.vue')['default']
-    NutNumberKeyboard: typeof import('nutui-uniapp/components/numberkeyboard/numberkeyboard.vue')['default']
-    NutOverlay: typeof import('nutui-uniapp/components/overlay/overlay.vue')['default']
-    NutPagination: typeof import('nutui-uniapp/components/pagination/pagination.vue')['default']
-    NutPicker: typeof import('nutui-uniapp/components/picker/picker.vue')['default']
-    NutPopover: typeof import('nutui-uniapp/components/popover/popover.vue')['default']
-    NutPopup: typeof import('nutui-uniapp/components/popup/popup.vue')['default']
-    NutPrice: typeof import('nutui-uniapp/components/price/price.vue')['default']
-    NutProgress: typeof import('nutui-uniapp/components/progress/progress.vue')['default']
-    NutRadio: typeof import('nutui-uniapp/components/radio/radio.vue')['default']
-    NutRadioGroup: typeof import('nutui-uniapp/components/radiogroup/radiogroup.vue')['default']
-    NutRange: typeof import('nutui-uniapp/components/range/range.vue')['default']
-    NutRate: typeof import('nutui-uniapp/components/rate/rate.vue')['default']
-    NutRow: typeof import('nutui-uniapp/components/row/row.vue')['default']
-    NutSearchbar: typeof import('nutui-uniapp/components/searchbar/searchbar.vue')['default']
-    NutShakedice: typeof import('nutui-uniapp/components/shakedice/shakedice.vue')['default']
-    NutShortPassword: typeof import('nutui-uniapp/components/shortpassword/shortpassword.vue')['default']
-    NutSideNavbar: typeof import('nutui-uniapp/components/sidenavbar/sidenavbar.vue')['default']
-    NutSideNavbaritem: typeof import('nutui-uniapp/components/sidenavbaritem/sidenavbaritem.vue')['default']
-    NutSideNavbarItem: typeof import('nutui-uniapp/components/sidenavbaritem/sidenavbaritem.vue')['default']
-    NutSignature: typeof import('nutui-uniapp/components/signature/signature.vue')['default']
-    NutSkeleton: typeof import('nutui-uniapp/components/skeleton/skeleton.vue')['default']
-    NutSku: typeof import('nutui-uniapp/components/sku/sku.vue')['default']
-    NutSkuHeader: typeof import('nutui-uniapp/components/skuheader/skuheader.vue')['default']
-    NutSkuOperate: typeof import('nutui-uniapp/components/skuoperate/skuoperate.vue')['default']
-    NutStep: typeof import('nutui-uniapp/components/step/step.vue')['default']
-    NutSteps: typeof import('nutui-uniapp/components/steps/steps.vue')['default']
-    NutSticky: typeof import('nutui-uniapp/components/sticky/sticky.vue')['default']
-    NutSubsideNavbar: typeof import('nutui-uniapp/components/subsidenavbar/subsidenavbar.vue')['default']
-    NutSubSideNavbar: typeof import('nutui-uniapp/components/subsidenavbar/subsidenavbar.vue')['default']
-    NutSwipe: typeof import('nutui-uniapp/components/swipe/swipe.vue')['default']
-    NutSwipeGroup: typeof import('nutui-uniapp/components/swipegroup/swipegroup.vue')['default']
-    NutSwiper: typeof import('nutui-uniapp/components/swiper/swiper.vue')['default']
-    NutSwiperItem: typeof import('nutui-uniapp/components/swiperitem/swiperitem.vue')['default']
-    NutSwitch: typeof import('nutui-uniapp/components/switch/switch.vue')['default']
-    NutTabbar: typeof import('nutui-uniapp/components/tabbar/tabbar.vue')['default']
-    NutTabbarItem: typeof import('nutui-uniapp/components/tabbaritem/tabbaritem.vue')['default']
-    NutTable: typeof import('nutui-uniapp/components/table/table.vue')['default']
-    NutTabPane: typeof import('nutui-uniapp/components/tabpane/tabpane.vue')['default']
-    NutTabs: typeof import('nutui-uniapp/components/tabs/tabs.vue')['default']
-    NutTag: typeof import('nutui-uniapp/components/tag/tag.vue')['default']
-    NutTextarea: typeof import('nutui-uniapp/components/textarea/textarea.vue')['default']
-    NutTimeDetail: typeof import('nutui-uniapp/components/timedetail/timedetail.vue')['default']
-    NutTimePannel: typeof import('nutui-uniapp/components/timepannel/timepannel.vue')['default']
-    NutTimeSelect: typeof import('nutui-uniapp/components/timeselect/timeselect.vue')['default']
-    NutToast: typeof import('nutui-uniapp/components/toast/toast.vue')['default']
-    NutTour: typeof import('nutui-uniapp/components/tour/tour.vue')['default']
-    NutTransition: typeof import('nutui-uniapp/components/transition/transition.vue')['default']
-    NutTrendArrow: typeof import('nutui-uniapp/components/trendarrow/trendarrow.vue')['default']
-    NutTurntable: typeof import('nutui-uniapp/components/turntable/turntable.vue')['default']
-    NutUploader: typeof import('nutui-uniapp/components/uploader/uploader.vue')['default']
-    NutWatermark: typeof import('nutui-uniapp/components/watermark/watermark.vue')['default']
     ThemeSwitch: typeof import('./components/ThemeSwitch.vue')['default']
   }
 }
diff --git a/packages/nutui/components/swiper/swiper.vue b/packages/nutui/components/swiper/swiper.vue
@@ -301,9 +301,15 @@ watch(
     nextTick(() => {
       init(+val)
     })
-    // eventCenter.once((getCurrentInstance() as any).router.onReady, () => {
-    //   init(+val)
-    // })
+  },
+)
+
+watch(
+  () => props.height,
+  (val) => {
+    nextTick(() => {
+      init(+val)
+    })
   },
 )
 
@@ -313,11 +319,6 @@ watch(
     nextTick(() => {
       init()
     })
-    // eventCenter.once((getCurrentInstance() as any).router.onReady, () => {
-    //   Taro.nextTick(() => {
-    //     init()
-    //   })
-    // })
   },
 )