antd-mobile 5.25.1 → 5.27.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/2x/README.md +6 -22
- package/2x/bundle/antd-mobile.cjs.development.js +1342 -1142
- package/2x/bundle/antd-mobile.cjs.js +9 -8
- package/2x/bundle/antd-mobile.es.development.js +1186 -986
- package/2x/bundle/antd-mobile.es.js +8576 -8366
- package/2x/bundle/antd-mobile.umd.development.js +1342 -1142
- package/2x/bundle/antd-mobile.umd.js +9 -8
- package/2x/bundle/style.css +29 -5
- package/2x/cjs/components/action-sheet/index.d.ts +0 -1
- package/2x/cjs/components/badge/index.d.ts +0 -1
- package/2x/cjs/components/calendar/calendar.js +9 -1
- package/2x/cjs/components/capsule-tabs/index.d.ts +0 -1
- package/2x/cjs/components/cascade-picker/index.d.ts +0 -1
- package/2x/cjs/components/cascader/index.d.ts +0 -1
- package/2x/cjs/components/cascader-view/index.d.ts +0 -1
- package/2x/cjs/components/check-list/index.d.ts +0 -1
- package/2x/cjs/components/checkbox/group-context.d.ts +0 -1
- package/2x/cjs/components/checkbox/index.d.ts +0 -1
- package/2x/cjs/components/collapse/index.d.ts +0 -1
- package/2x/cjs/components/date-picker/date-picker-date-utils.d.ts +2 -3
- package/2x/cjs/components/date-picker/date-picker-date-utils.js +14 -12
- package/2x/cjs/components/date-picker/date-picker-utils.d.ts +2 -3
- package/2x/cjs/components/date-picker/date-picker-utils.js +11 -12
- package/2x/cjs/components/date-picker/date-picker-week-utils.d.ts +0 -1
- package/2x/cjs/components/date-picker/date-picker-week-utils.js +0 -4
- package/2x/cjs/components/date-picker/date-picker.d.ts +20 -16
- package/2x/cjs/components/date-picker/date-picker.js +12 -3
- package/2x/cjs/components/date-picker/index.d.ts +10 -9
- package/2x/cjs/components/date-picker/index.js +3 -1
- package/2x/cjs/components/date-picker/prompt.d.ts +2 -1
- package/2x/cjs/components/date-picker/util.d.ts +4 -0
- package/2x/cjs/components/date-picker/util.js +8 -0
- package/2x/cjs/components/date-picker-view/date-picker-view.d.ts +2 -1
- package/2x/cjs/components/date-picker-view/date-picker-view.js +7 -3
- package/2x/cjs/components/date-picker-view/useRenderLabel.d.ts +2 -0
- package/2x/cjs/components/date-picker-view/useRenderLabel.js +29 -0
- package/2x/cjs/components/dialog/index.d.ts +0 -1
- package/2x/cjs/components/dropdown/index.d.ts +0 -1
- package/2x/cjs/components/error-block/error-block.d.ts +0 -1
- package/2x/cjs/components/error-block/images/busy.d.ts +0 -1
- package/2x/cjs/components/error-block/images/default.d.ts +0 -1
- package/2x/cjs/components/error-block/images/disconnected.d.ts +0 -1
- package/2x/cjs/components/error-block/images/empty.d.ts +0 -1
- package/2x/cjs/components/floating-bubble/floating-bubble.d.ts +8 -0
- package/2x/cjs/components/floating-bubble/floating-bubble.js +25 -5
- package/2x/cjs/components/form/form.d.ts +1 -1
- package/2x/cjs/components/form/index.d.ts +0 -1
- package/2x/cjs/components/grid/index.d.ts +0 -1
- package/2x/cjs/components/image-uploader/image-uploader.css +16 -1
- package/2x/cjs/components/image-uploader/image-uploader.d.ts +4 -1
- package/2x/cjs/components/image-uploader/image-uploader.js +52 -12
- package/2x/cjs/components/image-uploader/preview-item.d.ts +2 -1
- package/2x/cjs/components/image-uploader/preview-item.js +5 -7
- package/2x/cjs/components/image-viewer/index.d.ts +0 -1
- package/2x/cjs/components/index-bar/index.d.ts +0 -1
- package/2x/cjs/components/jumbo-tabs/index.d.ts +0 -1
- package/2x/cjs/components/list/index.d.ts +0 -1
- package/2x/cjs/components/mask/mask.d.ts +1 -1
- package/2x/cjs/components/mask/mask.js +6 -2
- package/2x/cjs/components/modal/index.d.ts +0 -1
- package/2x/cjs/components/notice-bar/notice-bar.css +13 -4
- package/2x/cjs/components/notice-bar/notice-bar.d.ts +10 -8
- package/2x/cjs/components/notice-bar/notice-bar.js +5 -2
- package/2x/cjs/components/popover/index.d.ts +0 -1
- package/2x/cjs/components/radio/group-context.d.ts +0 -1
- package/2x/cjs/components/radio/index.d.ts +0 -1
- package/2x/cjs/components/result-page/index.d.ts +0 -1
- package/2x/cjs/components/side-bar/index.d.ts +0 -1
- package/2x/cjs/components/skeleton/index.d.ts +0 -1
- package/2x/cjs/components/slider/slider.js +8 -3
- package/2x/cjs/components/stepper/stepper.d.ts +23 -14
- package/2x/cjs/components/stepper/stepper.js +111 -54
- package/2x/cjs/components/steps/index.d.ts +0 -1
- package/2x/cjs/components/swiper/index.d.ts +0 -1
- package/2x/cjs/components/tab-bar/index.d.ts +0 -1
- package/2x/cjs/components/tabs/index.d.ts +0 -1
- package/2x/cjs/components/tree-select/index.d.ts +0 -1
- package/2x/cjs/components/water-mark/water-mark.d.ts +1 -1
- package/2x/cjs/components/water-mark/water-mark.js +5 -1
- package/2x/cjs/locales/base.d.ts +3 -0
- package/2x/cjs/locales/base.js +3 -0
- package/2x/cjs/locales/en-US.d.ts +3 -0
- package/2x/cjs/locales/es-ES.d.ts +3 -0
- package/2x/cjs/locales/fa-IR.d.ts +3 -0
- package/2x/cjs/locales/fr-FR.d.ts +3 -0
- package/2x/cjs/locales/id-ID.d.ts +3 -0
- package/2x/cjs/locales/ja-JP.d.ts +3 -0
- package/2x/cjs/locales/kk-KZ.d.ts +3 -0
- package/2x/cjs/locales/ko-KR.d.ts +3 -0
- package/2x/cjs/locales/zh-CN.d.ts +3 -0
- package/2x/cjs/locales/zh-CN.js +3 -0
- package/2x/cjs/locales/zh-HK.d.ts +3 -0
- package/2x/cjs/locales/zh-TW.d.ts +3 -0
- package/2x/cjs/utils/use-isomorphic-update-layout-effect.d.ts +0 -1
- package/2x/cjs/utils/use-ref-state.d.ts +0 -1
- package/2x/es/components/action-sheet/index.d.ts +0 -1
- package/2x/es/components/badge/index.d.ts +0 -1
- package/2x/es/components/calendar/calendar.js +9 -1
- package/2x/es/components/capsule-tabs/index.d.ts +0 -1
- package/2x/es/components/cascade-picker/index.d.ts +0 -1
- package/2x/es/components/cascader/index.d.ts +0 -1
- package/2x/es/components/cascader-view/index.d.ts +0 -1
- package/2x/es/components/check-list/index.d.ts +0 -1
- package/2x/es/components/checkbox/group-context.d.ts +0 -1
- package/2x/es/components/checkbox/index.d.ts +0 -1
- package/2x/es/components/collapse/index.d.ts +0 -1
- package/2x/es/components/date-picker/date-picker-date-utils.d.ts +2 -3
- package/2x/es/components/date-picker/date-picker-date-utils.js +14 -11
- package/2x/es/components/date-picker/date-picker-utils.d.ts +2 -3
- package/2x/es/components/date-picker/date-picker-utils.js +9 -9
- package/2x/es/components/date-picker/date-picker-week-utils.d.ts +0 -1
- package/2x/es/components/date-picker/date-picker-week-utils.js +0 -3
- package/2x/es/components/date-picker/date-picker.d.ts +20 -16
- package/2x/es/components/date-picker/date-picker.js +13 -4
- package/2x/es/components/date-picker/index.d.ts +10 -9
- package/2x/es/components/date-picker/index.js +3 -1
- package/2x/es/components/date-picker/prompt.d.ts +2 -1
- package/2x/es/components/date-picker/util.d.ts +4 -0
- package/2x/es/components/date-picker/util.js +1 -0
- package/2x/es/components/date-picker-view/date-picker-view.d.ts +2 -1
- package/2x/es/components/date-picker-view/date-picker-view.js +8 -4
- package/2x/es/components/date-picker-view/useRenderLabel.d.ts +2 -0
- package/2x/es/components/date-picker-view/useRenderLabel.js +23 -0
- package/2x/es/components/dialog/index.d.ts +0 -1
- package/2x/es/components/dropdown/index.d.ts +0 -1
- package/2x/es/components/error-block/error-block.d.ts +0 -1
- package/2x/es/components/error-block/images/busy.d.ts +0 -1
- package/2x/es/components/error-block/images/default.d.ts +0 -1
- package/2x/es/components/error-block/images/disconnected.d.ts +0 -1
- package/2x/es/components/error-block/images/empty.d.ts +0 -1
- package/2x/es/components/floating-bubble/floating-bubble.d.ts +8 -0
- package/2x/es/components/floating-bubble/floating-bubble.js +26 -6
- package/2x/es/components/form/form.d.ts +1 -1
- package/2x/es/components/form/index.d.ts +0 -1
- package/2x/es/components/grid/index.d.ts +0 -1
- package/2x/es/components/image-uploader/image-uploader.css +16 -1
- package/2x/es/components/image-uploader/image-uploader.d.ts +4 -1
- package/2x/es/components/image-uploader/image-uploader.js +54 -14
- package/2x/es/components/image-uploader/preview-item.d.ts +2 -1
- package/2x/es/components/image-uploader/preview-item.js +6 -8
- package/2x/es/components/image-viewer/index.d.ts +0 -1
- package/2x/es/components/index-bar/index.d.ts +0 -1
- package/2x/es/components/jumbo-tabs/index.d.ts +0 -1
- package/2x/es/components/list/index.d.ts +0 -1
- package/2x/es/components/mask/mask.d.ts +1 -1
- package/2x/es/components/mask/mask.js +6 -2
- package/2x/es/components/modal/index.d.ts +0 -1
- package/2x/es/components/notice-bar/notice-bar.css +13 -4
- package/2x/es/components/notice-bar/notice-bar.d.ts +10 -8
- package/2x/es/components/notice-bar/notice-bar.js +5 -2
- package/2x/es/components/popover/index.d.ts +0 -1
- package/2x/es/components/radio/group-context.d.ts +0 -1
- package/2x/es/components/radio/index.d.ts +0 -1
- package/2x/es/components/result-page/index.d.ts +0 -1
- package/2x/es/components/side-bar/index.d.ts +0 -1
- package/2x/es/components/skeleton/index.d.ts +0 -1
- package/2x/es/components/slider/slider.js +8 -3
- package/2x/es/components/stepper/stepper.d.ts +23 -14
- package/2x/es/components/stepper/stepper.js +110 -52
- package/2x/es/components/steps/index.d.ts +0 -1
- package/2x/es/components/swiper/index.d.ts +0 -1
- package/2x/es/components/tab-bar/index.d.ts +0 -1
- package/2x/es/components/tabs/index.d.ts +0 -1
- package/2x/es/components/tree-select/index.d.ts +0 -1
- package/2x/es/components/water-mark/water-mark.d.ts +1 -1
- package/2x/es/components/water-mark/water-mark.js +5 -1
- package/2x/es/locales/base.d.ts +3 -0
- package/2x/es/locales/base.js +3 -0
- package/2x/es/locales/en-US.d.ts +3 -0
- package/2x/es/locales/es-ES.d.ts +3 -0
- package/2x/es/locales/fa-IR.d.ts +3 -0
- package/2x/es/locales/fr-FR.d.ts +3 -0
- package/2x/es/locales/id-ID.d.ts +3 -0
- package/2x/es/locales/ja-JP.d.ts +3 -0
- package/2x/es/locales/kk-KZ.d.ts +3 -0
- package/2x/es/locales/ko-KR.d.ts +3 -0
- package/2x/es/locales/zh-CN.d.ts +3 -0
- package/2x/es/locales/zh-CN.js +3 -0
- package/2x/es/locales/zh-HK.d.ts +3 -0
- package/2x/es/locales/zh-TW.d.ts +3 -0
- package/2x/es/utils/use-isomorphic-update-layout-effect.d.ts +0 -1
- package/2x/es/utils/use-ref-state.d.ts +0 -1
- package/2x/package.json +11 -10
- package/README.md +6 -22
- package/bundle/antd-mobile.cjs.development.js +1342 -1142
- package/bundle/antd-mobile.cjs.js +9 -8
- package/bundle/antd-mobile.compatible.umd.js +1 -1
- package/bundle/antd-mobile.es.development.js +1186 -986
- package/bundle/antd-mobile.es.js +8576 -8366
- package/bundle/antd-mobile.umd.development.js +1342 -1142
- package/bundle/antd-mobile.umd.js +9 -8
- package/bundle/style.css +1 -1
- package/cjs/components/action-sheet/index.d.ts +0 -1
- package/cjs/components/badge/index.d.ts +0 -1
- package/cjs/components/calendar/calendar.js +9 -1
- package/cjs/components/capsule-tabs/index.d.ts +0 -1
- package/cjs/components/cascade-picker/index.d.ts +0 -1
- package/cjs/components/cascader/index.d.ts +0 -1
- package/cjs/components/cascader-view/index.d.ts +0 -1
- package/cjs/components/check-list/index.d.ts +0 -1
- package/cjs/components/checkbox/group-context.d.ts +0 -1
- package/cjs/components/checkbox/index.d.ts +0 -1
- package/cjs/components/collapse/index.d.ts +0 -1
- package/cjs/components/date-picker/date-picker-date-utils.d.ts +2 -3
- package/cjs/components/date-picker/date-picker-date-utils.js +14 -12
- package/cjs/components/date-picker/date-picker-utils.d.ts +2 -3
- package/cjs/components/date-picker/date-picker-utils.js +11 -12
- package/cjs/components/date-picker/date-picker-week-utils.d.ts +0 -1
- package/cjs/components/date-picker/date-picker-week-utils.js +0 -4
- package/cjs/components/date-picker/date-picker.d.ts +20 -16
- package/cjs/components/date-picker/date-picker.js +12 -3
- package/cjs/components/date-picker/index.d.ts +10 -9
- package/cjs/components/date-picker/index.js +3 -1
- package/cjs/components/date-picker/prompt.d.ts +2 -1
- package/cjs/components/date-picker/util.d.ts +4 -0
- package/cjs/components/date-picker/util.js +8 -0
- package/cjs/components/date-picker-view/date-picker-view.d.ts +2 -1
- package/cjs/components/date-picker-view/date-picker-view.js +7 -3
- package/cjs/components/date-picker-view/useRenderLabel.d.ts +2 -0
- package/cjs/components/date-picker-view/useRenderLabel.js +29 -0
- package/cjs/components/dialog/index.d.ts +0 -1
- package/cjs/components/dropdown/index.d.ts +0 -1
- package/cjs/components/error-block/error-block.d.ts +0 -1
- package/cjs/components/error-block/images/busy.d.ts +0 -1
- package/cjs/components/error-block/images/default.d.ts +0 -1
- package/cjs/components/error-block/images/disconnected.d.ts +0 -1
- package/cjs/components/error-block/images/empty.d.ts +0 -1
- package/cjs/components/floating-bubble/floating-bubble.d.ts +8 -0
- package/cjs/components/floating-bubble/floating-bubble.js +25 -5
- package/cjs/components/form/form.d.ts +1 -1
- package/cjs/components/form/index.d.ts +0 -1
- package/cjs/components/grid/index.d.ts +0 -1
- package/cjs/components/image-uploader/image-uploader.css +15 -1
- package/cjs/components/image-uploader/image-uploader.d.ts +4 -1
- package/cjs/components/image-uploader/image-uploader.js +52 -12
- package/cjs/components/image-uploader/preview-item.d.ts +2 -1
- package/cjs/components/image-uploader/preview-item.js +5 -7
- package/cjs/components/image-viewer/index.d.ts +0 -1
- package/cjs/components/index-bar/index.d.ts +0 -1
- package/cjs/components/jumbo-tabs/index.d.ts +0 -1
- package/cjs/components/list/index.d.ts +0 -1
- package/cjs/components/mask/mask.d.ts +1 -1
- package/cjs/components/mask/mask.js +6 -2
- package/cjs/components/modal/index.d.ts +0 -1
- package/cjs/components/notice-bar/notice-bar.css +11 -4
- package/cjs/components/notice-bar/notice-bar.d.ts +10 -8
- package/cjs/components/notice-bar/notice-bar.js +5 -2
- package/cjs/components/popover/index.d.ts +0 -1
- package/cjs/components/radio/group-context.d.ts +0 -1
- package/cjs/components/radio/index.d.ts +0 -1
- package/cjs/components/result-page/index.d.ts +0 -1
- package/cjs/components/side-bar/index.d.ts +0 -1
- package/cjs/components/skeleton/index.d.ts +0 -1
- package/cjs/components/slider/slider.js +8 -3
- package/cjs/components/stepper/stepper.d.ts +23 -14
- package/cjs/components/stepper/stepper.js +111 -54
- package/cjs/components/steps/index.d.ts +0 -1
- package/cjs/components/swiper/index.d.ts +0 -1
- package/cjs/components/tab-bar/index.d.ts +0 -1
- package/cjs/components/tabs/index.d.ts +0 -1
- package/cjs/components/tree-select/index.d.ts +0 -1
- package/cjs/components/water-mark/water-mark.d.ts +1 -1
- package/cjs/components/water-mark/water-mark.js +5 -1
- package/cjs/locales/base.d.ts +3 -0
- package/cjs/locales/base.js +3 -0
- package/cjs/locales/en-US.d.ts +3 -0
- package/cjs/locales/es-ES.d.ts +3 -0
- package/cjs/locales/fa-IR.d.ts +3 -0
- package/cjs/locales/fr-FR.d.ts +3 -0
- package/cjs/locales/id-ID.d.ts +3 -0
- package/cjs/locales/ja-JP.d.ts +3 -0
- package/cjs/locales/kk-KZ.d.ts +3 -0
- package/cjs/locales/ko-KR.d.ts +3 -0
- package/cjs/locales/zh-CN.d.ts +3 -0
- package/cjs/locales/zh-CN.js +3 -0
- package/cjs/locales/zh-HK.d.ts +3 -0
- package/cjs/locales/zh-TW.d.ts +3 -0
- package/cjs/utils/use-isomorphic-update-layout-effect.d.ts +0 -1
- package/cjs/utils/use-ref-state.d.ts +0 -1
- package/es/components/action-sheet/index.d.ts +0 -1
- package/es/components/badge/index.d.ts +0 -1
- package/es/components/calendar/calendar.js +9 -1
- package/es/components/capsule-tabs/index.d.ts +0 -1
- package/es/components/cascade-picker/index.d.ts +0 -1
- package/es/components/cascader/index.d.ts +0 -1
- package/es/components/cascader-view/index.d.ts +0 -1
- package/es/components/check-list/index.d.ts +0 -1
- package/es/components/checkbox/group-context.d.ts +0 -1
- package/es/components/checkbox/index.d.ts +0 -1
- package/es/components/collapse/index.d.ts +0 -1
- package/es/components/date-picker/date-picker-date-utils.d.ts +2 -3
- package/es/components/date-picker/date-picker-date-utils.js +14 -11
- package/es/components/date-picker/date-picker-utils.d.ts +2 -3
- package/es/components/date-picker/date-picker-utils.js +9 -9
- package/es/components/date-picker/date-picker-week-utils.d.ts +0 -1
- package/es/components/date-picker/date-picker-week-utils.js +0 -3
- package/es/components/date-picker/date-picker.d.ts +20 -16
- package/es/components/date-picker/date-picker.js +13 -4
- package/es/components/date-picker/index.d.ts +10 -9
- package/es/components/date-picker/index.js +3 -1
- package/es/components/date-picker/prompt.d.ts +2 -1
- package/es/components/date-picker/util.d.ts +4 -0
- package/es/components/date-picker/util.js +1 -0
- package/es/components/date-picker-view/date-picker-view.d.ts +2 -1
- package/es/components/date-picker-view/date-picker-view.js +8 -4
- package/es/components/date-picker-view/useRenderLabel.d.ts +2 -0
- package/es/components/date-picker-view/useRenderLabel.js +23 -0
- package/es/components/dialog/index.d.ts +0 -1
- package/es/components/dropdown/index.d.ts +0 -1
- package/es/components/error-block/error-block.d.ts +0 -1
- package/es/components/error-block/images/busy.d.ts +0 -1
- package/es/components/error-block/images/default.d.ts +0 -1
- package/es/components/error-block/images/disconnected.d.ts +0 -1
- package/es/components/error-block/images/empty.d.ts +0 -1
- package/es/components/floating-bubble/floating-bubble.d.ts +8 -0
- package/es/components/floating-bubble/floating-bubble.js +26 -6
- package/es/components/form/form.d.ts +1 -1
- package/es/components/form/index.d.ts +0 -1
- package/es/components/grid/index.d.ts +0 -1
- package/es/components/image-uploader/image-uploader.css +15 -1
- package/es/components/image-uploader/image-uploader.d.ts +4 -1
- package/es/components/image-uploader/image-uploader.js +54 -14
- package/es/components/image-uploader/preview-item.d.ts +2 -1
- package/es/components/image-uploader/preview-item.js +6 -8
- package/es/components/image-viewer/index.d.ts +0 -1
- package/es/components/index-bar/index.d.ts +0 -1
- package/es/components/jumbo-tabs/index.d.ts +0 -1
- package/es/components/list/index.d.ts +0 -1
- package/es/components/mask/mask.d.ts +1 -1
- package/es/components/mask/mask.js +6 -2
- package/es/components/modal/index.d.ts +0 -1
- package/es/components/notice-bar/notice-bar.css +11 -4
- package/es/components/notice-bar/notice-bar.d.ts +10 -8
- package/es/components/notice-bar/notice-bar.js +5 -2
- package/es/components/popover/index.d.ts +0 -1
- package/es/components/radio/group-context.d.ts +0 -1
- package/es/components/radio/index.d.ts +0 -1
- package/es/components/result-page/index.d.ts +0 -1
- package/es/components/side-bar/index.d.ts +0 -1
- package/es/components/skeleton/index.d.ts +0 -1
- package/es/components/slider/slider.js +8 -3
- package/es/components/stepper/stepper.d.ts +23 -14
- package/es/components/stepper/stepper.js +110 -52
- package/es/components/steps/index.d.ts +0 -1
- package/es/components/swiper/index.d.ts +0 -1
- package/es/components/tab-bar/index.d.ts +0 -1
- package/es/components/tabs/index.d.ts +0 -1
- package/es/components/tree-select/index.d.ts +0 -1
- package/es/components/water-mark/water-mark.d.ts +1 -1
- package/es/components/water-mark/water-mark.js +5 -1
- package/es/locales/base.d.ts +3 -0
- package/es/locales/base.js +3 -0
- package/es/locales/en-US.d.ts +3 -0
- package/es/locales/es-ES.d.ts +3 -0
- package/es/locales/fa-IR.d.ts +3 -0
- package/es/locales/fr-FR.d.ts +3 -0
- package/es/locales/id-ID.d.ts +3 -0
- package/es/locales/ja-JP.d.ts +3 -0
- package/es/locales/kk-KZ.d.ts +3 -0
- package/es/locales/ko-KR.d.ts +3 -0
- package/es/locales/zh-CN.d.ts +3 -0
- package/es/locales/zh-CN.js +3 -0
- package/es/locales/zh-HK.d.ts +3 -0
- package/es/locales/zh-TW.d.ts +3 -0
- package/es/utils/use-isomorphic-update-layout-effect.d.ts +0 -1
- package/es/utils/use-ref-state.d.ts +0 -1
- package/package.json +11 -10
- package/umd/antd-mobile.js +1 -1
- package/2x/cjs/components/image/test/image.test.d.ts +0 -1
- package/2x/cjs/components/image/test/image.test.js +0 -73
- package/2x/es/components/image/test/image.test.d.ts +0 -1
- package/2x/es/components/image/test/image.test.js +0 -70
- package/cjs/components/image/test/image.test.d.ts +0 -1
- package/cjs/components/image/test/image.test.js +0 -73
- package/es/components/image/test/image.test.d.ts +0 -1
- package/es/components/image/test/image.test.js +0 -70
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
var _testing = require("testing");
|
|
5
|
-
var _index = _interopRequireDefault(require("../index"));
|
|
6
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
7
|
-
const classPrefix = `adm-image`;
|
|
8
|
-
const demoSrc = 'https://images.unsplash.com/photo-1567945716310-4745a6b7844b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=300&q=60';
|
|
9
|
-
describe('Image', () => {
|
|
10
|
-
test('onContainerClick can work', () => {
|
|
11
|
-
const onContainerClick = jest.fn();
|
|
12
|
-
const {
|
|
13
|
-
getByTestId
|
|
14
|
-
} = (0, _testing.render)(_react.default.createElement(_index.default, {
|
|
15
|
-
src: demoSrc,
|
|
16
|
-
onContainerClick: onContainerClick,
|
|
17
|
-
"data-testid": 'img'
|
|
18
|
-
}));
|
|
19
|
-
_testing.fireEvent.click(getByTestId('img'));
|
|
20
|
-
expect(onContainerClick).toBeCalledTimes(1);
|
|
21
|
-
});
|
|
22
|
-
test('load successfully', () => {
|
|
23
|
-
(0, _testing.render)(_react.default.createElement(_index.default, {
|
|
24
|
-
src: demoSrc
|
|
25
|
-
}));
|
|
26
|
-
const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
|
|
27
|
-
_testing.fireEvent.load(img);
|
|
28
|
-
expect(img).toHaveAttribute('src', demoSrc);
|
|
29
|
-
});
|
|
30
|
-
test('load failed', () => {
|
|
31
|
-
(0, _testing.render)(_react.default.createElement(_index.default, {
|
|
32
|
-
src: '404'
|
|
33
|
-
}));
|
|
34
|
-
const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
|
|
35
|
-
_testing.fireEvent.error(img);
|
|
36
|
-
expect(img).not.toBeInTheDocument();
|
|
37
|
-
expect(document.querySelectorAll(`.${classPrefix}-tip`)[0]).toBeInTheDocument();
|
|
38
|
-
});
|
|
39
|
-
test('lazy load should be work', () => {
|
|
40
|
-
// mock useInViewport
|
|
41
|
-
// https://github.com/alibaba/hooks/blob/master/packages/hooks/src/useInViewport/__tests__/index.test.ts
|
|
42
|
-
const mockIntersectionObserver = jest.fn().mockReturnValue({
|
|
43
|
-
observe: () => null,
|
|
44
|
-
disconnect: () => null
|
|
45
|
-
});
|
|
46
|
-
window.IntersectionObserver = mockIntersectionObserver;
|
|
47
|
-
(0, _testing.render)(_react.default.createElement(_index.default, {
|
|
48
|
-
src: demoSrc,
|
|
49
|
-
lazy: true
|
|
50
|
-
}));
|
|
51
|
-
const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
|
|
52
|
-
expect(img).not.toHaveAttribute('src');
|
|
53
|
-
const calls = mockIntersectionObserver.mock.calls;
|
|
54
|
-
const [onChange] = calls[calls.length - 1];
|
|
55
|
-
(0, _testing.act)(() => {
|
|
56
|
-
onChange([{
|
|
57
|
-
isIntersecting: true
|
|
58
|
-
}]);
|
|
59
|
-
});
|
|
60
|
-
expect(img).toHaveAttribute('src', demoSrc);
|
|
61
|
-
});
|
|
62
|
-
test('renders with width and height', () => {
|
|
63
|
-
const {
|
|
64
|
-
getByTestId
|
|
65
|
-
} = (0, _testing.render)(_react.default.createElement(_index.default, {
|
|
66
|
-
src: demoSrc,
|
|
67
|
-
width: 100,
|
|
68
|
-
height: 100,
|
|
69
|
-
"data-testid": 'image'
|
|
70
|
-
}));
|
|
71
|
-
expect(getByTestId('image')).toHaveStyle('--width: 100px;--height: 100px');
|
|
72
|
-
});
|
|
73
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { fireEvent, render, act } from 'testing';
|
|
3
|
-
import Image from '../index';
|
|
4
|
-
const classPrefix = `adm-image`;
|
|
5
|
-
const demoSrc = 'https://images.unsplash.com/photo-1567945716310-4745a6b7844b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=300&q=60';
|
|
6
|
-
describe('Image', () => {
|
|
7
|
-
test('onContainerClick can work', () => {
|
|
8
|
-
const onContainerClick = jest.fn();
|
|
9
|
-
const {
|
|
10
|
-
getByTestId
|
|
11
|
-
} = render(React.createElement(Image, {
|
|
12
|
-
src: demoSrc,
|
|
13
|
-
onContainerClick: onContainerClick,
|
|
14
|
-
"data-testid": 'img'
|
|
15
|
-
}));
|
|
16
|
-
fireEvent.click(getByTestId('img'));
|
|
17
|
-
expect(onContainerClick).toBeCalledTimes(1);
|
|
18
|
-
});
|
|
19
|
-
test('load successfully', () => {
|
|
20
|
-
render(React.createElement(Image, {
|
|
21
|
-
src: demoSrc
|
|
22
|
-
}));
|
|
23
|
-
const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
|
|
24
|
-
fireEvent.load(img);
|
|
25
|
-
expect(img).toHaveAttribute('src', demoSrc);
|
|
26
|
-
});
|
|
27
|
-
test('load failed', () => {
|
|
28
|
-
render(React.createElement(Image, {
|
|
29
|
-
src: '404'
|
|
30
|
-
}));
|
|
31
|
-
const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
|
|
32
|
-
fireEvent.error(img);
|
|
33
|
-
expect(img).not.toBeInTheDocument();
|
|
34
|
-
expect(document.querySelectorAll(`.${classPrefix}-tip`)[0]).toBeInTheDocument();
|
|
35
|
-
});
|
|
36
|
-
test('lazy load should be work', () => {
|
|
37
|
-
// mock useInViewport
|
|
38
|
-
// https://github.com/alibaba/hooks/blob/master/packages/hooks/src/useInViewport/__tests__/index.test.ts
|
|
39
|
-
const mockIntersectionObserver = jest.fn().mockReturnValue({
|
|
40
|
-
observe: () => null,
|
|
41
|
-
disconnect: () => null
|
|
42
|
-
});
|
|
43
|
-
window.IntersectionObserver = mockIntersectionObserver;
|
|
44
|
-
render(React.createElement(Image, {
|
|
45
|
-
src: demoSrc,
|
|
46
|
-
lazy: true
|
|
47
|
-
}));
|
|
48
|
-
const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
|
|
49
|
-
expect(img).not.toHaveAttribute('src');
|
|
50
|
-
const calls = mockIntersectionObserver.mock.calls;
|
|
51
|
-
const [onChange] = calls[calls.length - 1];
|
|
52
|
-
act(() => {
|
|
53
|
-
onChange([{
|
|
54
|
-
isIntersecting: true
|
|
55
|
-
}]);
|
|
56
|
-
});
|
|
57
|
-
expect(img).toHaveAttribute('src', demoSrc);
|
|
58
|
-
});
|
|
59
|
-
test('renders with width and height', () => {
|
|
60
|
-
const {
|
|
61
|
-
getByTestId
|
|
62
|
-
} = render(React.createElement(Image, {
|
|
63
|
-
src: demoSrc,
|
|
64
|
-
width: 100,
|
|
65
|
-
height: 100,
|
|
66
|
-
"data-testid": 'image'
|
|
67
|
-
}));
|
|
68
|
-
expect(getByTestId('image')).toHaveStyle('--width: 100px;--height: 100px');
|
|
69
|
-
});
|
|
70
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
var _testing = require("testing");
|
|
5
|
-
var _index = _interopRequireDefault(require("../index"));
|
|
6
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
7
|
-
const classPrefix = `adm-image`;
|
|
8
|
-
const demoSrc = 'https://images.unsplash.com/photo-1567945716310-4745a6b7844b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=300&q=60';
|
|
9
|
-
describe('Image', () => {
|
|
10
|
-
test('onContainerClick can work', () => {
|
|
11
|
-
const onContainerClick = jest.fn();
|
|
12
|
-
const {
|
|
13
|
-
getByTestId
|
|
14
|
-
} = (0, _testing.render)(_react.default.createElement(_index.default, {
|
|
15
|
-
src: demoSrc,
|
|
16
|
-
onContainerClick: onContainerClick,
|
|
17
|
-
"data-testid": 'img'
|
|
18
|
-
}));
|
|
19
|
-
_testing.fireEvent.click(getByTestId('img'));
|
|
20
|
-
expect(onContainerClick).toBeCalledTimes(1);
|
|
21
|
-
});
|
|
22
|
-
test('load successfully', () => {
|
|
23
|
-
(0, _testing.render)(_react.default.createElement(_index.default, {
|
|
24
|
-
src: demoSrc
|
|
25
|
-
}));
|
|
26
|
-
const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
|
|
27
|
-
_testing.fireEvent.load(img);
|
|
28
|
-
expect(img).toHaveAttribute('src', demoSrc);
|
|
29
|
-
});
|
|
30
|
-
test('load failed', () => {
|
|
31
|
-
(0, _testing.render)(_react.default.createElement(_index.default, {
|
|
32
|
-
src: '404'
|
|
33
|
-
}));
|
|
34
|
-
const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
|
|
35
|
-
_testing.fireEvent.error(img);
|
|
36
|
-
expect(img).not.toBeInTheDocument();
|
|
37
|
-
expect(document.querySelectorAll(`.${classPrefix}-tip`)[0]).toBeInTheDocument();
|
|
38
|
-
});
|
|
39
|
-
test('lazy load should be work', () => {
|
|
40
|
-
// mock useInViewport
|
|
41
|
-
// https://github.com/alibaba/hooks/blob/master/packages/hooks/src/useInViewport/__tests__/index.test.ts
|
|
42
|
-
const mockIntersectionObserver = jest.fn().mockReturnValue({
|
|
43
|
-
observe: () => null,
|
|
44
|
-
disconnect: () => null
|
|
45
|
-
});
|
|
46
|
-
window.IntersectionObserver = mockIntersectionObserver;
|
|
47
|
-
(0, _testing.render)(_react.default.createElement(_index.default, {
|
|
48
|
-
src: demoSrc,
|
|
49
|
-
lazy: true
|
|
50
|
-
}));
|
|
51
|
-
const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
|
|
52
|
-
expect(img).not.toHaveAttribute('src');
|
|
53
|
-
const calls = mockIntersectionObserver.mock.calls;
|
|
54
|
-
const [onChange] = calls[calls.length - 1];
|
|
55
|
-
(0, _testing.act)(() => {
|
|
56
|
-
onChange([{
|
|
57
|
-
isIntersecting: true
|
|
58
|
-
}]);
|
|
59
|
-
});
|
|
60
|
-
expect(img).toHaveAttribute('src', demoSrc);
|
|
61
|
-
});
|
|
62
|
-
test('renders with width and height', () => {
|
|
63
|
-
const {
|
|
64
|
-
getByTestId
|
|
65
|
-
} = (0, _testing.render)(_react.default.createElement(_index.default, {
|
|
66
|
-
src: demoSrc,
|
|
67
|
-
width: 100,
|
|
68
|
-
height: 100,
|
|
69
|
-
"data-testid": 'image'
|
|
70
|
-
}));
|
|
71
|
-
expect(getByTestId('image')).toHaveStyle('--width: 100px;--height: 100px');
|
|
72
|
-
});
|
|
73
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { fireEvent, render, act } from 'testing';
|
|
3
|
-
import Image from '../index';
|
|
4
|
-
const classPrefix = `adm-image`;
|
|
5
|
-
const demoSrc = 'https://images.unsplash.com/photo-1567945716310-4745a6b7844b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=300&q=60';
|
|
6
|
-
describe('Image', () => {
|
|
7
|
-
test('onContainerClick can work', () => {
|
|
8
|
-
const onContainerClick = jest.fn();
|
|
9
|
-
const {
|
|
10
|
-
getByTestId
|
|
11
|
-
} = render(React.createElement(Image, {
|
|
12
|
-
src: demoSrc,
|
|
13
|
-
onContainerClick: onContainerClick,
|
|
14
|
-
"data-testid": 'img'
|
|
15
|
-
}));
|
|
16
|
-
fireEvent.click(getByTestId('img'));
|
|
17
|
-
expect(onContainerClick).toBeCalledTimes(1);
|
|
18
|
-
});
|
|
19
|
-
test('load successfully', () => {
|
|
20
|
-
render(React.createElement(Image, {
|
|
21
|
-
src: demoSrc
|
|
22
|
-
}));
|
|
23
|
-
const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
|
|
24
|
-
fireEvent.load(img);
|
|
25
|
-
expect(img).toHaveAttribute('src', demoSrc);
|
|
26
|
-
});
|
|
27
|
-
test('load failed', () => {
|
|
28
|
-
render(React.createElement(Image, {
|
|
29
|
-
src: '404'
|
|
30
|
-
}));
|
|
31
|
-
const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
|
|
32
|
-
fireEvent.error(img);
|
|
33
|
-
expect(img).not.toBeInTheDocument();
|
|
34
|
-
expect(document.querySelectorAll(`.${classPrefix}-tip`)[0]).toBeInTheDocument();
|
|
35
|
-
});
|
|
36
|
-
test('lazy load should be work', () => {
|
|
37
|
-
// mock useInViewport
|
|
38
|
-
// https://github.com/alibaba/hooks/blob/master/packages/hooks/src/useInViewport/__tests__/index.test.ts
|
|
39
|
-
const mockIntersectionObserver = jest.fn().mockReturnValue({
|
|
40
|
-
observe: () => null,
|
|
41
|
-
disconnect: () => null
|
|
42
|
-
});
|
|
43
|
-
window.IntersectionObserver = mockIntersectionObserver;
|
|
44
|
-
render(React.createElement(Image, {
|
|
45
|
-
src: demoSrc,
|
|
46
|
-
lazy: true
|
|
47
|
-
}));
|
|
48
|
-
const img = document.querySelectorAll(`.${classPrefix}-img`)[0];
|
|
49
|
-
expect(img).not.toHaveAttribute('src');
|
|
50
|
-
const calls = mockIntersectionObserver.mock.calls;
|
|
51
|
-
const [onChange] = calls[calls.length - 1];
|
|
52
|
-
act(() => {
|
|
53
|
-
onChange([{
|
|
54
|
-
isIntersecting: true
|
|
55
|
-
}]);
|
|
56
|
-
});
|
|
57
|
-
expect(img).toHaveAttribute('src', demoSrc);
|
|
58
|
-
});
|
|
59
|
-
test('renders with width and height', () => {
|
|
60
|
-
const {
|
|
61
|
-
getByTestId
|
|
62
|
-
} = render(React.createElement(Image, {
|
|
63
|
-
src: demoSrc,
|
|
64
|
-
width: 100,
|
|
65
|
-
height: 100,
|
|
66
|
-
"data-testid": 'image'
|
|
67
|
-
}));
|
|
68
|
-
expect(getByTestId('image')).toHaveStyle('--width: 100px;--height: 100px');
|
|
69
|
-
});
|
|
70
|
-
});
|