@arco-design/mobile-react 2.19.1 → 2.21.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/CHANGELOG.md +53 -0
- package/README.en-US.md +6 -6
- package/README.md +6 -6
- package/cjs/_helpers/type.d.ts +1 -1
- package/cjs/avatar/group.js +1 -1
- package/cjs/avatar/index.d.ts +1 -1
- package/cjs/avatar/index.js +11 -14
- package/cjs/avatar/style/css/index.css +96 -126
- package/cjs/avatar/style/index.less +54 -72
- package/cjs/badge/index.d.ts +1 -1
- package/cjs/badge/index.js +7 -9
- package/cjs/badge/style/css/index.css +5 -5
- package/cjs/badge/style/index.less +5 -5
- package/cjs/button/hooks.d.ts +1 -2
- package/cjs/button/hooks.js +5 -3
- package/cjs/button/index.d.ts +6 -0
- package/cjs/button/index.js +38 -33
- package/cjs/button/style/css/index.css +75 -310
- package/cjs/button/style/index.less +32 -38
- package/cjs/carousel/index.d.ts +1 -1
- package/cjs/carousel/index.js +1 -1
- package/cjs/cell/index.d.ts +1 -1
- package/cjs/cell/index.js +1 -1
- package/cjs/checkbox/index.d.ts +1 -1
- package/cjs/checkbox/index.js +1 -1
- package/cjs/collapse/index.d.ts +1 -1
- package/cjs/collapse/index.js +1 -1
- package/cjs/count-down/demo/style/mobile.less +1 -1
- package/cjs/count-down/index.d.ts +1 -1
- package/cjs/count-down/index.js +1 -1
- package/cjs/date-picker/index.d.ts +1 -1
- package/cjs/date-picker/index.js +1 -1
- package/cjs/dropdown/dropdown.d.ts +3 -0
- package/cjs/dropdown/dropdown.js +322 -0
- package/cjs/dropdown/index.d.ts +3 -4
- package/cjs/dropdown/index.js +3 -303
- package/cjs/dropdown/options.js +2 -1
- package/cjs/dropdown/style/css/index.css +3 -0
- package/cjs/dropdown/style/index.less +2 -0
- package/cjs/dropdown/type.d.ts +20 -9
- package/cjs/dropdown-menu/dropdown-menu.d.ts +4 -0
- package/cjs/dropdown-menu/dropdown-menu.js +273 -0
- package/cjs/dropdown-menu/helper.d.ts +1 -1
- package/cjs/dropdown-menu/index.d.ts +2 -3
- package/cjs/dropdown-menu/index.js +2 -245
- package/cjs/dropdown-menu/type.d.ts +21 -20
- package/cjs/ellipsis/index.d.ts +1 -1
- package/cjs/ellipsis/index.js +1 -1
- package/cjs/grid/index.js +13 -12
- package/cjs/image/index.d.ts +1 -2
- package/cjs/image/index.js +14 -9
- package/cjs/image/style/css/index.css +2 -1
- package/cjs/image/style/index.less +2 -1
- package/cjs/image-picker/add-icon.d.ts +2 -0
- package/cjs/image-picker/add-icon.js +22 -0
- package/cjs/image-picker/demo/style/css/mobile.css +40 -0
- package/cjs/image-picker/demo/style/mobile.less +42 -0
- package/cjs/image-picker/index.d.ts +13 -0
- package/cjs/image-picker/index.js +331 -0
- package/cjs/image-picker/style/css/index.css +147 -0
- package/cjs/image-picker/style/css/index.d.ts +2 -0
- package/cjs/image-picker/style/css/index.js +5 -0
- package/cjs/image-picker/style/index.d.ts +2 -0
- package/cjs/image-picker/style/index.js +5 -0
- package/cjs/image-picker/style/index.less +116 -0
- package/cjs/image-picker/type.d.ts +174 -0
- package/cjs/image-picker/type.js +3 -0
- package/cjs/image-preview/index.d.ts +3 -3
- package/cjs/image-preview/index.js +1 -1
- package/cjs/index.d.ts +3 -0
- package/cjs/index.js +13 -1
- package/cjs/input/hooks.js +49 -8
- package/cjs/input/index.d.ts +1 -1
- package/cjs/input/index.js +1 -1
- package/cjs/input/props.d.ts +8 -2
- package/cjs/nav-bar/index.js +7 -2
- package/cjs/notice-bar/index.d.ts +1 -1
- package/cjs/notice-bar/index.js +1 -1
- package/cjs/picker/index.d.ts +1 -1
- package/cjs/picker/index.js +1 -1
- package/cjs/picker-view/index.d.ts +1 -1
- package/cjs/picker-view/index.js +1 -1
- package/cjs/popover/index.d.ts +1 -1
- package/cjs/popover/index.js +1 -1
- package/cjs/popup-swiper/index.js +3 -2
- package/cjs/radio/index.d.ts +1 -1
- package/cjs/radio/index.js +1 -1
- package/cjs/rate/index.d.ts +1 -1
- package/cjs/rate/index.js +1 -1
- package/cjs/search-bar/association.d.ts +3 -0
- package/cjs/search-bar/association.js +92 -0
- package/cjs/search-bar/cancel-button.d.ts +10 -0
- package/cjs/search-bar/cancel-button.js +41 -0
- package/cjs/search-bar/demo/style/css/mobile.css +5 -0
- package/cjs/search-bar/demo/style/mobile.less +9 -0
- package/cjs/search-bar/highlight.d.ts +12 -0
- package/cjs/search-bar/highlight.js +77 -0
- package/cjs/search-bar/index.d.ts +13 -0
- package/cjs/search-bar/index.js +239 -0
- package/cjs/search-bar/style/css/index.css +148 -0
- package/cjs/search-bar/style/css/index.d.ts +2 -0
- package/cjs/search-bar/style/css/index.js +5 -0
- package/cjs/search-bar/style/index.d.ts +2 -0
- package/cjs/search-bar/style/index.js +5 -0
- package/cjs/search-bar/style/index.less +111 -0
- package/cjs/search-bar/type.d.ts +163 -0
- package/cjs/search-bar/type.js +3 -0
- package/cjs/show-monitor/index.js +31 -3
- package/cjs/slider/index.d.ts +1 -1
- package/cjs/slider/index.js +1 -1
- package/cjs/steps/demo/style/css/mobile.css +1 -1
- package/cjs/steps/demo/style/mobile.less +1 -1
- package/cjs/steps/index.d.ts +1 -1
- package/cjs/steps/index.js +1 -1
- package/cjs/steps/style/css/index.css +5 -15
- package/cjs/steps/style/index.less +6 -10
- package/cjs/sticky/index.d.ts +1 -1
- package/cjs/style.d.ts +3 -0
- package/cjs/style.js +6 -0
- package/cjs/swipe-action/demo/style/css/mobile.css +5 -0
- package/cjs/swipe-action/demo/style/mobile.less +9 -0
- package/cjs/swipe-action/index.d.ts +12 -0
- package/cjs/swipe-action/index.js +339 -0
- package/cjs/swipe-action/item.d.ts +11 -0
- package/cjs/swipe-action/item.js +52 -0
- package/cjs/swipe-action/style/css/index.css +88 -0
- package/cjs/swipe-action/style/css/index.d.ts +2 -0
- package/cjs/swipe-action/style/css/index.js +5 -0
- package/cjs/swipe-action/style/index.d.ts +2 -0
- package/cjs/swipe-action/style/index.js +5 -0
- package/cjs/swipe-action/style/index.less +89 -0
- package/cjs/swipe-action/type.d.ts +123 -0
- package/cjs/swipe-action/type.js +3 -0
- package/cjs/switch/index.d.ts +1 -1
- package/cjs/switch/index.js +1 -1
- package/cjs/tabs/tab-pane.js +5 -1
- package/cjs/tag/index.d.ts +1 -1
- package/cjs/tag/index.js +1 -1
- package/cjs/textarea/index.d.ts +1 -1
- package/cjs/textarea/index.js +1 -1
- package/dist/index.js +8040 -6845
- package/dist/index.min.js +6 -7
- package/dist/style.css +497 -447
- package/dist/style.min.css +1 -1
- package/esm/_helpers/type.d.ts +1 -1
- package/esm/avatar/group.js +1 -1
- package/esm/avatar/index.d.ts +1 -1
- package/esm/avatar/index.js +11 -14
- package/esm/avatar/style/css/index.css +96 -126
- package/esm/avatar/style/index.less +54 -72
- package/esm/badge/index.d.ts +1 -1
- package/esm/badge/index.js +7 -9
- package/esm/badge/style/css/index.css +5 -5
- package/esm/badge/style/index.less +5 -5
- package/esm/button/hooks.d.ts +1 -2
- package/esm/button/hooks.js +5 -3
- package/esm/button/index.d.ts +6 -0
- package/esm/button/index.js +40 -35
- package/esm/button/style/css/index.css +75 -310
- package/esm/button/style/index.less +32 -38
- package/esm/carousel/index.d.ts +1 -1
- package/esm/carousel/index.js +1 -1
- package/esm/cell/index.d.ts +1 -1
- package/esm/cell/index.js +1 -1
- package/esm/checkbox/index.d.ts +1 -1
- package/esm/checkbox/index.js +1 -1
- package/esm/collapse/index.d.ts +1 -1
- package/esm/collapse/index.js +1 -1
- package/esm/count-down/demo/style/mobile.less +1 -1
- package/esm/count-down/index.d.ts +1 -1
- package/esm/count-down/index.js +1 -1
- package/esm/date-picker/index.d.ts +1 -1
- package/esm/date-picker/index.js +1 -1
- package/esm/dropdown/dropdown.d.ts +3 -0
- package/esm/dropdown/dropdown.js +304 -0
- package/esm/dropdown/index.d.ts +3 -4
- package/esm/dropdown/index.js +3 -293
- package/esm/dropdown/options.js +2 -1
- package/esm/dropdown/style/css/index.css +3 -0
- package/esm/dropdown/style/index.less +2 -0
- package/esm/dropdown/type.d.ts +20 -9
- package/esm/dropdown-menu/dropdown-menu.d.ts +4 -0
- package/esm/dropdown-menu/dropdown-menu.js +256 -0
- package/esm/dropdown-menu/helper.d.ts +1 -1
- package/esm/dropdown-menu/index.d.ts +2 -3
- package/esm/dropdown-menu/index.js +2 -237
- package/esm/dropdown-menu/type.d.ts +21 -20
- package/esm/ellipsis/index.d.ts +1 -1
- package/esm/ellipsis/index.js +1 -1
- package/esm/grid/index.js +13 -12
- package/esm/image/index.d.ts +1 -2
- package/esm/image/index.js +15 -10
- package/esm/image/style/css/index.css +2 -1
- package/esm/image/style/index.less +2 -1
- package/esm/image-picker/add-icon.d.ts +2 -0
- package/esm/image-picker/add-icon.js +14 -0
- package/esm/image-picker/demo/style/css/mobile.css +40 -0
- package/esm/image-picker/demo/style/mobile.less +42 -0
- package/esm/image-picker/index.d.ts +13 -0
- package/esm/image-picker/index.js +302 -0
- package/esm/image-picker/style/css/index.css +147 -0
- package/esm/image-picker/style/css/index.d.ts +2 -0
- package/esm/image-picker/style/css/index.js +2 -0
- package/esm/image-picker/style/index.d.ts +2 -0
- package/esm/image-picker/style/index.js +2 -0
- package/esm/image-picker/style/index.less +116 -0
- package/esm/image-picker/type.d.ts +174 -0
- package/esm/image-picker/type.js +1 -0
- package/esm/image-preview/index.d.ts +3 -3
- package/esm/image-preview/index.js +1 -1
- package/esm/index.d.ts +3 -0
- package/esm/index.js +3 -0
- package/esm/input/hooks.js +49 -8
- package/esm/input/index.d.ts +1 -1
- package/esm/input/index.js +1 -1
- package/esm/input/props.d.ts +8 -2
- package/esm/nav-bar/index.js +6 -2
- package/esm/notice-bar/index.d.ts +1 -1
- package/esm/notice-bar/index.js +1 -1
- package/esm/picker/index.d.ts +1 -1
- package/esm/picker/index.js +1 -1
- package/esm/picker-view/index.d.ts +1 -1
- package/esm/picker-view/index.js +1 -1
- package/esm/popover/index.d.ts +1 -1
- package/esm/popover/index.js +1 -1
- package/esm/popup-swiper/index.js +3 -2
- package/esm/radio/index.d.ts +1 -1
- package/esm/radio/index.js +1 -1
- package/esm/rate/index.d.ts +1 -1
- package/esm/rate/index.js +1 -1
- package/esm/search-bar/association.d.ts +3 -0
- package/esm/search-bar/association.js +82 -0
- package/esm/search-bar/cancel-button.d.ts +10 -0
- package/esm/search-bar/cancel-button.js +30 -0
- package/esm/search-bar/demo/style/css/mobile.css +5 -0
- package/esm/search-bar/demo/style/mobile.less +9 -0
- package/esm/search-bar/highlight.d.ts +12 -0
- package/esm/search-bar/highlight.js +66 -0
- package/esm/search-bar/index.d.ts +13 -0
- package/esm/search-bar/index.js +213 -0
- package/esm/search-bar/style/css/index.css +148 -0
- package/esm/search-bar/style/css/index.d.ts +2 -0
- package/esm/search-bar/style/css/index.js +2 -0
- package/esm/search-bar/style/index.d.ts +2 -0
- package/esm/search-bar/style/index.js +2 -0
- package/esm/search-bar/style/index.less +111 -0
- package/esm/search-bar/type.d.ts +163 -0
- package/esm/search-bar/type.js +1 -0
- package/esm/show-monitor/index.js +31 -3
- package/esm/slider/index.d.ts +1 -1
- package/esm/slider/index.js +1 -1
- package/esm/steps/demo/style/css/mobile.css +1 -1
- package/esm/steps/demo/style/mobile.less +1 -1
- package/esm/steps/index.d.ts +1 -1
- package/esm/steps/index.js +1 -1
- package/esm/steps/style/css/index.css +5 -15
- package/esm/steps/style/index.less +6 -10
- package/esm/sticky/index.d.ts +1 -1
- package/esm/style.d.ts +3 -0
- package/esm/style.js +3 -0
- package/esm/swipe-action/demo/style/css/mobile.css +5 -0
- package/esm/swipe-action/demo/style/mobile.less +9 -0
- package/esm/swipe-action/index.d.ts +12 -0
- package/esm/swipe-action/index.js +321 -0
- package/esm/swipe-action/item.d.ts +11 -0
- package/esm/swipe-action/item.js +42 -0
- package/esm/swipe-action/style/css/index.css +88 -0
- package/esm/swipe-action/style/css/index.d.ts +2 -0
- package/esm/swipe-action/style/css/index.js +2 -0
- package/esm/swipe-action/style/index.d.ts +2 -0
- package/esm/swipe-action/style/index.js +2 -0
- package/esm/swipe-action/style/index.less +89 -0
- package/esm/swipe-action/type.d.ts +123 -0
- package/esm/swipe-action/type.js +1 -0
- package/esm/switch/index.d.ts +1 -1
- package/esm/switch/index.js +1 -1
- package/esm/tabs/tab-pane.js +5 -1
- package/esm/tag/index.d.ts +1 -1
- package/esm/tag/index.js +1 -1
- package/esm/textarea/index.d.ts +1 -1
- package/esm/textarea/index.js +1 -1
- package/package.json +3 -3
- package/tokens/app/arcodesign/default/css-variables.less +53 -3
- package/tokens/app/arcodesign/default/index.d.ts +53 -3
- package/tokens/app/arcodesign/default/index.js +54 -4
- package/tokens/app/arcodesign/default/index.json +629 -39
- package/tokens/app/arcodesign/default/index.less +53 -3
- package/umd/_helpers/type.d.ts +1 -1
- package/umd/avatar/group.js +1 -1
- package/umd/avatar/index.d.ts +1 -1
- package/umd/avatar/index.js +11 -14
- package/umd/avatar/style/css/index.css +96 -126
- package/umd/avatar/style/index.less +54 -72
- package/umd/badge/index.d.ts +1 -1
- package/umd/badge/index.js +7 -9
- package/umd/badge/style/css/index.css +5 -5
- package/umd/badge/style/index.less +5 -5
- package/umd/button/hooks.d.ts +1 -2
- package/umd/button/hooks.js +5 -3
- package/umd/button/index.d.ts +6 -0
- package/umd/button/index.js +38 -33
- package/umd/button/style/css/index.css +75 -310
- package/umd/button/style/index.less +32 -38
- package/umd/carousel/index.d.ts +1 -1
- package/umd/carousel/index.js +1 -1
- package/umd/cell/index.d.ts +1 -1
- package/umd/cell/index.js +1 -1
- package/umd/checkbox/index.d.ts +1 -1
- package/umd/checkbox/index.js +1 -1
- package/umd/collapse/index.d.ts +1 -1
- package/umd/collapse/index.js +1 -1
- package/umd/count-down/demo/style/mobile.less +1 -1
- package/umd/count-down/index.d.ts +1 -1
- package/umd/count-down/index.js +1 -1
- package/umd/date-picker/index.d.ts +1 -1
- package/umd/date-picker/index.js +1 -1
- package/umd/dropdown/dropdown.d.ts +3 -0
- package/umd/dropdown/dropdown.js +325 -0
- package/umd/dropdown/index.d.ts +3 -4
- package/umd/dropdown/index.js +5 -298
- package/umd/dropdown/options.js +2 -1
- package/umd/dropdown/style/css/index.css +3 -0
- package/umd/dropdown/style/index.less +2 -0
- package/umd/dropdown/type.d.ts +20 -9
- package/umd/dropdown-menu/dropdown-menu.d.ts +4 -0
- package/umd/dropdown-menu/dropdown-menu.js +278 -0
- package/umd/dropdown-menu/helper.d.ts +1 -1
- package/umd/dropdown-menu/index.d.ts +2 -3
- package/umd/dropdown-menu/index.js +5 -241
- package/umd/dropdown-menu/type.d.ts +21 -20
- package/umd/ellipsis/index.d.ts +1 -1
- package/umd/ellipsis/index.js +1 -1
- package/umd/grid/index.js +13 -12
- package/umd/image/index.d.ts +1 -2
- package/umd/image/index.js +14 -9
- package/umd/image/style/css/index.css +2 -1
- package/umd/image/style/index.less +2 -1
- package/umd/image-picker/add-icon.d.ts +2 -0
- package/umd/image-picker/add-icon.js +35 -0
- package/umd/image-picker/demo/style/css/mobile.css +40 -0
- package/umd/image-picker/demo/style/mobile.less +42 -0
- package/umd/image-picker/index.d.ts +13 -0
- package/umd/image-picker/index.js +329 -0
- package/umd/image-picker/style/css/index.css +147 -0
- package/umd/image-picker/style/css/index.d.ts +2 -0
- package/umd/image-picker/style/css/index.js +15 -0
- package/umd/image-picker/style/index.d.ts +2 -0
- package/umd/image-picker/style/index.js +15 -0
- package/umd/image-picker/style/index.less +116 -0
- package/umd/image-picker/type.d.ts +174 -0
- package/umd/image-picker/type.js +17 -0
- package/umd/image-preview/index.d.ts +3 -3
- package/umd/image-preview/index.js +1 -1
- package/umd/index.d.ts +3 -0
- package/umd/index.js +11 -5
- package/umd/input/hooks.js +48 -7
- package/umd/input/index.d.ts +1 -1
- package/umd/input/index.js +1 -1
- package/umd/input/props.d.ts +8 -2
- package/umd/nav-bar/index.js +9 -6
- package/umd/notice-bar/index.d.ts +1 -1
- package/umd/notice-bar/index.js +1 -1
- package/umd/picker/index.d.ts +1 -1
- package/umd/picker/index.js +1 -1
- package/umd/picker-view/index.d.ts +1 -1
- package/umd/picker-view/index.js +1 -1
- package/umd/popover/index.d.ts +1 -1
- package/umd/popover/index.js +1 -1
- package/umd/popup-swiper/index.js +3 -2
- package/umd/radio/index.d.ts +1 -1
- package/umd/radio/index.js +1 -1
- package/umd/rate/index.d.ts +1 -1
- package/umd/rate/index.js +1 -1
- package/umd/search-bar/association.d.ts +3 -0
- package/umd/search-bar/association.js +101 -0
- package/umd/search-bar/cancel-button.d.ts +10 -0
- package/umd/search-bar/cancel-button.js +52 -0
- package/umd/search-bar/demo/style/css/mobile.css +5 -0
- package/umd/search-bar/demo/style/mobile.less +9 -0
- package/umd/search-bar/highlight.d.ts +12 -0
- package/umd/search-bar/highlight.js +87 -0
- package/umd/search-bar/index.d.ts +13 -0
- package/umd/search-bar/index.js +235 -0
- package/umd/search-bar/style/css/index.css +148 -0
- package/umd/search-bar/style/css/index.d.ts +2 -0
- package/umd/search-bar/style/css/index.js +15 -0
- package/umd/search-bar/style/index.d.ts +2 -0
- package/umd/search-bar/style/index.js +15 -0
- package/umd/search-bar/style/index.less +111 -0
- package/umd/search-bar/type.d.ts +163 -0
- package/umd/search-bar/type.js +17 -0
- package/umd/show-monitor/index.js +31 -3
- package/umd/slider/index.d.ts +1 -1
- package/umd/slider/index.js +1 -1
- package/umd/steps/demo/style/css/mobile.css +1 -1
- package/umd/steps/demo/style/mobile.less +1 -1
- package/umd/steps/index.d.ts +1 -1
- package/umd/steps/index.js +1 -1
- package/umd/steps/style/css/index.css +5 -15
- package/umd/steps/style/index.less +6 -10
- package/umd/sticky/index.d.ts +1 -1
- package/umd/style.d.ts +3 -0
- package/umd/style.js +4 -4
- package/umd/swipe-action/demo/style/css/mobile.css +5 -0
- package/umd/swipe-action/demo/style/mobile.less +9 -0
- package/umd/swipe-action/index.d.ts +12 -0
- package/umd/swipe-action/index.js +342 -0
- package/umd/swipe-action/item.d.ts +11 -0
- package/umd/swipe-action/item.js +62 -0
- package/umd/swipe-action/style/css/index.css +88 -0
- package/umd/swipe-action/style/css/index.d.ts +2 -0
- package/umd/swipe-action/style/css/index.js +15 -0
- package/umd/swipe-action/style/index.d.ts +2 -0
- package/umd/swipe-action/style/index.js +15 -0
- package/umd/swipe-action/style/index.less +89 -0
- package/umd/swipe-action/type.d.ts +123 -0
- package/umd/swipe-action/type.js +17 -0
- package/umd/switch/index.d.ts +1 -1
- package/umd/switch/index.js +1 -1
- package/umd/tabs/tab-pane.js +5 -1
- package/umd/tag/index.d.ts +1 -1
- package/umd/tag/index.js +1 -1
- package/umd/textarea/index.d.ts +1 -1
- package/umd/textarea/index.js +1 -1
package/cjs/cell/index.d.ts
CHANGED
@@ -6,7 +6,7 @@ declare const _default: import("react").ForwardRefExoticComponent<import("./type
|
|
6
6
|
/**
|
7
7
|
* 单元格组件,含单元格及单元格组合,常用于设置项、表单等。
|
8
8
|
* @en Cell, including cells and cell group, are often used to set items, forms, etc.
|
9
|
-
* @type
|
9
|
+
* @type 信息展示
|
10
10
|
* @type_en Data Display
|
11
11
|
* @name 单元格
|
12
12
|
* @name_en Cell
|
package/cjs/cell/index.js
CHANGED
@@ -22,7 +22,7 @@ var Group = (0, _group.componentGenerator)(_cell.Cell);
|
|
22
22
|
/**
|
23
23
|
* 单元格组件,含单元格及单元格组合,常用于设置项、表单等。
|
24
24
|
* @en Cell, including cells and cell group, are often used to set items, forms, etc.
|
25
|
-
* @type
|
25
|
+
* @type 信息展示
|
26
26
|
* @type_en Data Display
|
27
27
|
* @name 单元格
|
28
28
|
* @name_en Cell
|
package/cjs/checkbox/index.d.ts
CHANGED
@@ -8,7 +8,7 @@ declare const _default: import("react").ForwardRefExoticComponent<import("./type
|
|
8
8
|
* @en Checkbox, click to switch selection when available, support disabled status, support checkbox group.
|
9
9
|
* @name 复选框
|
10
10
|
* @name_en Checkbox
|
11
|
-
* @type
|
11
|
+
* @type 数据录入
|
12
12
|
* @type_en Data Entry
|
13
13
|
*/
|
14
14
|
export default _default;
|
package/cjs/checkbox/index.js
CHANGED
@@ -29,7 +29,7 @@ var Group = (0, _group.componentGenerator)(_checkbox.Checkbox);
|
|
29
29
|
* @en Checkbox, click to switch selection when available, support disabled status, support checkbox group.
|
30
30
|
* @name 复选框
|
31
31
|
* @name_en Checkbox
|
32
|
-
* @type
|
32
|
+
* @type 数据录入
|
33
33
|
* @type_en Data Entry
|
34
34
|
*/
|
35
35
|
|
package/cjs/collapse/index.d.ts
CHANGED
package/cjs/collapse/index.js
CHANGED
package/cjs/count-down/index.js
CHANGED
@@ -30,7 +30,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
30
30
|
* @en Countdown Component
|
31
31
|
* @name 倒计时
|
32
32
|
* @name_en CountDown
|
33
|
-
* @type
|
33
|
+
* @type 信息展示
|
34
34
|
* @type_en Data Display
|
35
35
|
*/
|
36
36
|
var CountDown = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
@@ -12,7 +12,7 @@ export interface DatePickerRef {
|
|
12
12
|
/**
|
13
13
|
* 日期时间选择器,基于`Picker`组件扩展,支持指定范围,单位可精确到秒。
|
14
14
|
* @en Date picker, based on the `Picker` component, supports the specified range, the unit can be accurate to seconds.
|
15
|
-
* @type
|
15
|
+
* @type 数据录入
|
16
16
|
* @type_en Data Entry
|
17
17
|
* @name 日期时间选择器
|
18
18
|
* @name_en DatePicker
|
package/cjs/date-picker/index.js
CHANGED
@@ -51,7 +51,7 @@ var initDate = Date.now();
|
|
51
51
|
/**
|
52
52
|
* 日期时间选择器,基于`Picker`组件扩展,支持指定范围,单位可精确到秒。
|
53
53
|
* @en Date picker, based on the `Picker` component, supports the specified range, the unit can be accurate to seconds.
|
54
|
-
* @type
|
54
|
+
* @type 数据录入
|
55
55
|
* @type_en Data Entry
|
56
56
|
* @name 日期时间选择器
|
57
57
|
* @name_en DatePicker
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { DropdownOptionsProps, DropdownOptionsRef, DropdownRef } from './type';
|
3
|
+
export declare function componentGenerator<P extends DropdownOptionsProps = DropdownOptionsProps, R extends DropdownOptionsRef = DropdownOptionsRef>(Comp: React.ForwardRefExoticComponent<P & React.RefAttributes<R>>): React.ForwardRefExoticComponent<(import("./type").DropdownBasicProps & import("./type").SingleOptionProps & React.RefAttributes<DropdownRef>) | (import("./type").DropdownBasicProps & import("./type").MultipleOptionProps & React.RefAttributes<DropdownRef>)>;
|
@@ -0,0 +1,322 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
5
|
+
exports.__esModule = true;
|
6
|
+
exports.componentGenerator = componentGenerator;
|
7
|
+
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9
|
+
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
11
|
+
|
12
|
+
var _mobileUtils = require("@arco-design/mobile-utils");
|
13
|
+
|
14
|
+
var _reactTransitionGroup = require("react-transition-group");
|
15
|
+
|
16
|
+
var _contextProvider = require("../context-provider");
|
17
|
+
|
18
|
+
var _helpers = require("../_helpers");
|
19
|
+
|
20
|
+
var _portal = _interopRequireDefault(require("../portal"));
|
21
|
+
|
22
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
23
|
+
|
24
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
25
|
+
|
26
|
+
function componentGenerator(Comp) {
|
27
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
28
|
+
var optionsWrapper = (0, _react.useRef)(null);
|
29
|
+
var domRef = (0, _react.useRef)(null);
|
30
|
+
var _props$className = props.className,
|
31
|
+
className = _props$className === void 0 ? '' : _props$className,
|
32
|
+
_props$style = props.style,
|
33
|
+
style = _props$style === void 0 ? {} : _props$style,
|
34
|
+
_props$options = props.options,
|
35
|
+
options = _props$options === void 0 ? [] : _props$options,
|
36
|
+
_props$showDropdown = props.showDropdown,
|
37
|
+
showDropdown = _props$showDropdown === void 0 ? false : _props$showDropdown,
|
38
|
+
_props$showMask = props.showMask,
|
39
|
+
showMask = _props$showMask === void 0 ? true : _props$showMask,
|
40
|
+
_props$direction = props.direction,
|
41
|
+
direction = _props$direction === void 0 ? 'down' : _props$direction,
|
42
|
+
height = props.height,
|
43
|
+
_props$maxHeight = props.maxHeight,
|
44
|
+
maxHeight = _props$maxHeight === void 0 ? 500 : _props$maxHeight,
|
45
|
+
_props$touchToClose = props.touchToClose,
|
46
|
+
touchToClose = _props$touchToClose === void 0 ? true : _props$touchToClose,
|
47
|
+
useColumn = props.useColumn,
|
48
|
+
optionIcon = props.optionIcon,
|
49
|
+
multiple = props.multiple,
|
50
|
+
defaultSelectedValue = props.defaultSelectedValue,
|
51
|
+
onCancel = props.onCancel,
|
52
|
+
getAnchorElement = props.getAnchorElement,
|
53
|
+
isStopTouchEl = props.isStopTouchEl,
|
54
|
+
getStopTouchElements = props.getStopTouchElements,
|
55
|
+
_props$getScrollConta = props.getScrollContainer,
|
56
|
+
getScrollContainer = _props$getScrollConta === void 0 ? function () {
|
57
|
+
return optionsWrapper.current;
|
58
|
+
} : _props$getScrollConta,
|
59
|
+
getPortalContainer = props.getPortalContainer,
|
60
|
+
_props$clickOtherToCl = props.clickOtherToClose,
|
61
|
+
clickOtherToClose = _props$clickOtherToCl === void 0 ? true : _props$clickOtherToCl,
|
62
|
+
_props$dropdownAnimat = props.dropdownAnimationTimeout,
|
63
|
+
dropdownAnimationTimeout = _props$dropdownAnimat === void 0 ? 300 : _props$dropdownAnimat,
|
64
|
+
_props$dropdownAnimat2 = props.dropdownAnimationFunction,
|
65
|
+
dropdownAnimationFunction = _props$dropdownAnimat2 === void 0 ? 'cubic-bezier(0.32, 0.96, 0.6, 1)' : _props$dropdownAnimat2,
|
66
|
+
_props$maskAnimationT = props.maskAnimationTimeout,
|
67
|
+
maskAnimationTimeout = _props$maskAnimationT === void 0 ? 500 : _props$maskAnimationT,
|
68
|
+
_props$maskAnimationF = props.maskAnimationFunction,
|
69
|
+
maskAnimationFunction = _props$maskAnimationF === void 0 ? 'cubic-bezier(0.32, 0.96, 0.6, 1)' : _props$maskAnimationF,
|
70
|
+
_props$mountOnEnter = props.mountOnEnter,
|
71
|
+
mountOnEnter = _props$mountOnEnter === void 0 ? true : _props$mountOnEnter,
|
72
|
+
_props$unmountOnExit = props.unmountOnExit,
|
73
|
+
unmountOnExit = _props$unmountOnExit === void 0 ? true : _props$unmountOnExit,
|
74
|
+
_props$preventBodyScr = props.preventBodyScroll,
|
75
|
+
preventBodyScroll = _props$preventBodyScr === void 0 ? true : _props$preventBodyScr,
|
76
|
+
initialBodyOverflow = props.initialBodyOverflow;
|
77
|
+
var system = (0, _helpers.useSystem)();
|
78
|
+
|
79
|
+
var _useWindowSize = (0, _helpers.useWindowSize)(),
|
80
|
+
windowHeight = _useWindowSize.windowHeight,
|
81
|
+
windowWidth = _useWindowSize.windowWidth;
|
82
|
+
|
83
|
+
var _useState = (0, _react.useState)({
|
84
|
+
top: '',
|
85
|
+
bottom: ''
|
86
|
+
}),
|
87
|
+
positionStyle = _useState[0],
|
88
|
+
setPositionStyle = _useState[1];
|
89
|
+
|
90
|
+
var _useState2 = (0, _react.useState)(function () {
|
91
|
+
var defaultValue = multiple ? [] : 0;
|
92
|
+
return defaultSelectedValue !== void 0 ? defaultSelectedValue : defaultValue;
|
93
|
+
}),
|
94
|
+
innerValue = _useState2[0],
|
95
|
+
setInnerValue = _useState2[1]; // down=0为向上展开,1为向下展开
|
96
|
+
// @en down=0 is to expand upwards, 1 is to expand downwards
|
97
|
+
|
98
|
+
|
99
|
+
var _useState3 = (0, _react.useState)(null),
|
100
|
+
down = _useState3[0],
|
101
|
+
setDown = _useState3[1];
|
102
|
+
|
103
|
+
var maskHeight = (0, _react.useRef)(0);
|
104
|
+
var optionsContainer = (0, _react.useRef)(null);
|
105
|
+
var dropdownContainer = (0, _react.useRef)(null);
|
106
|
+
|
107
|
+
var _useState4 = (0, _react.useState)(0),
|
108
|
+
optionsWrapperHeight = _useState4[0],
|
109
|
+
setOptionsWrapperHeight = _useState4[1];
|
110
|
+
/**
|
111
|
+
* 判断是否阻止touch事件
|
112
|
+
* @en Determine whether to block touch events
|
113
|
+
* */
|
114
|
+
|
115
|
+
|
116
|
+
var ifStopTouch = function ifStopTouch(el) {
|
117
|
+
var _dropdownContainer$cu;
|
118
|
+
|
119
|
+
if (isStopTouchEl) return isStopTouchEl(el);
|
120
|
+
var tempEl = el;
|
121
|
+
var elements = getStopTouchElements ? getStopTouchElements() : [(_dropdownContainer$cu = dropdownContainer.current) == null ? void 0 : _dropdownContainer$cu.parentElement];
|
122
|
+
|
123
|
+
for (var i = 0; i < elements.length; i++) {
|
124
|
+
while (tempEl && elements[i]) {
|
125
|
+
if (tempEl === elements[i]) {
|
126
|
+
return true;
|
127
|
+
}
|
128
|
+
|
129
|
+
tempEl = tempEl.parentElement;
|
130
|
+
}
|
131
|
+
}
|
132
|
+
|
133
|
+
return false;
|
134
|
+
};
|
135
|
+
|
136
|
+
(0, _helpers.usePopupScroll)(showDropdown, domRef.current, getScrollContainer);
|
137
|
+
(0, _helpers.usePreventBodyScroll)(showDropdown, preventBodyScroll, initialBodyOverflow);
|
138
|
+
var updateDown = (0, _react.useCallback)(function (wrapperHeight) {
|
139
|
+
var _dropdownContainer$cu2;
|
140
|
+
|
141
|
+
// 为0的时候不改变
|
142
|
+
// @en Does not change when it is 0
|
143
|
+
if (wrapperHeight === 0) {
|
144
|
+
return;
|
145
|
+
}
|
146
|
+
|
147
|
+
var tempEl = getAnchorElement ? getAnchorElement() : (_dropdownContainer$cu2 = dropdownContainer.current) == null ? void 0 : _dropdownContainer$cu2.parentElement;
|
148
|
+
|
149
|
+
var _ref = (tempEl == null ? void 0 : tempEl.getBoundingClientRect()) || {
|
150
|
+
bottom: 0,
|
151
|
+
top: 0
|
152
|
+
},
|
153
|
+
bottom = _ref.bottom,
|
154
|
+
top = _ref.top;
|
155
|
+
|
156
|
+
var tempTop = props.top || bottom;
|
157
|
+
var tempBottom = props.bottom || windowHeight - top;
|
158
|
+
var tempMaskHeight = windowHeight - tempTop; // 没有指定方向,且空间足够时,或向上展开的空间不够,向下展开
|
159
|
+
// @en If there is no specified direction and there is enough space, or there is not enough space to expand upward, expand downward
|
160
|
+
|
161
|
+
var tempDown = direction !== 'up' && wrapperHeight < tempMaskHeight || wrapperHeight > tempTop;
|
162
|
+
|
163
|
+
if (tempDown) {
|
164
|
+
maskHeight.current = tempMaskHeight;
|
165
|
+
setPositionStyle({
|
166
|
+
top: tempTop + "px",
|
167
|
+
bottom: ''
|
168
|
+
});
|
169
|
+
} else {
|
170
|
+
maskHeight.current = windowHeight - tempBottom;
|
171
|
+
setPositionStyle({
|
172
|
+
top: '',
|
173
|
+
bottom: tempBottom + "px"
|
174
|
+
});
|
175
|
+
}
|
176
|
+
|
177
|
+
setDown(tempDown);
|
178
|
+
}, [props.top, props.bottom, Boolean(getAnchorElement), direction, windowHeight]);
|
179
|
+
/**
|
180
|
+
* 取消选择
|
181
|
+
* @en Cancel selection
|
182
|
+
* */
|
183
|
+
|
184
|
+
var handleCancel = (0, _react.useCallback)(function (e) {
|
185
|
+
var optionsWrapperDom = optionsWrapper.current;
|
186
|
+
|
187
|
+
if (!e || !optionsWrapperDom) {
|
188
|
+
return;
|
189
|
+
}
|
190
|
+
|
191
|
+
var target = e.target;
|
192
|
+
|
193
|
+
if (!optionsWrapperDom.contains(target) && !ifStopTouch(target)) {
|
194
|
+
onCancel();
|
195
|
+
}
|
196
|
+
|
197
|
+
e.stopPropagation();
|
198
|
+
}, [ifStopTouch, onCancel]);
|
199
|
+
/**
|
200
|
+
* 当面板放下时,给body添加事件监听,面板收起时,移除
|
201
|
+
* @en When the panel is down, add an event listener to the body, and when the panel is retracted, remove it
|
202
|
+
* */
|
203
|
+
|
204
|
+
(0, _react.useEffect)(function () {
|
205
|
+
var needBind = showDropdown && clickOtherToClose;
|
206
|
+
var event = touchToClose ? 'touchstart' : 'click';
|
207
|
+
|
208
|
+
if (needBind) {
|
209
|
+
document.addEventListener(event, handleCancel);
|
210
|
+
}
|
211
|
+
|
212
|
+
return function () {
|
213
|
+
if (needBind) {
|
214
|
+
document.removeEventListener(event, handleCancel);
|
215
|
+
}
|
216
|
+
};
|
217
|
+
}, [showDropdown, clickOtherToClose, handleCancel]);
|
218
|
+
(0, _react.useEffect)(function () {
|
219
|
+
var wrapperHeight = 0;
|
220
|
+
|
221
|
+
if (height !== void 0) {
|
222
|
+
// 受控模式下,完全交由外层控制
|
223
|
+
// @en In controlled mode, it is completely controlled by the outer layer
|
224
|
+
wrapperHeight = height;
|
225
|
+
} else {
|
226
|
+
if (!optionsContainer.current) return;
|
227
|
+
|
228
|
+
if (!showDropdown) {
|
229
|
+
wrapperHeight = 0;
|
230
|
+
} else {
|
231
|
+
wrapperHeight = optionsContainer.current.getBoundingClientRect().height;
|
232
|
+
}
|
233
|
+
}
|
234
|
+
|
235
|
+
updateDown(wrapperHeight);
|
236
|
+
(0, _mobileUtils.nextTick)(function () {
|
237
|
+
setOptionsWrapperHeight(wrapperHeight);
|
238
|
+
});
|
239
|
+
}, [showDropdown, options.length, height, updateDown]);
|
240
|
+
(0, _react.useImperativeHandle)(ref, function () {
|
241
|
+
return {
|
242
|
+
dom: domRef.current
|
243
|
+
};
|
244
|
+
});
|
245
|
+
|
246
|
+
function getOptionsStyle() {
|
247
|
+
var trans = down ? 'translateY(-100%)' : 'translateY(100%)';
|
248
|
+
var transStyle = down === null ? {
|
249
|
+
opacity: 0
|
250
|
+
} : {
|
251
|
+
opacity: 1,
|
252
|
+
transform: optionsWrapperHeight ? 'translateY(0)' : trans,
|
253
|
+
transition: "all " + dropdownAnimationTimeout + "ms " + dropdownAnimationFunction
|
254
|
+
};
|
255
|
+
return (0, _helpers.getStyleWithVendor)((0, _extends2.default)({}, transStyle, {
|
256
|
+
overflow: optionsWrapperHeight > maxHeight || height ? 'auto' : 'hidden',
|
257
|
+
maxHeight: maxHeight + "px"
|
258
|
+
}));
|
259
|
+
}
|
260
|
+
|
261
|
+
function renderInnerOptions() {
|
262
|
+
var value = props.selectedValue !== void 0 ? props.selectedValue : innerValue;
|
263
|
+
var optionProps = {
|
264
|
+
options: options,
|
265
|
+
useColumn: useColumn,
|
266
|
+
icon: optionIcon,
|
267
|
+
selectedValue: value,
|
268
|
+
multiple: props.multiple,
|
269
|
+
onOptionClick: props.onOptionClick,
|
270
|
+
onOptionChange: function onOptionChange(vals, op) {
|
271
|
+
setInnerValue(vals);
|
272
|
+
props.onOptionChange == null ? void 0 : props.onOptionChange(vals, op);
|
273
|
+
}
|
274
|
+
};
|
275
|
+
return /*#__PURE__*/_react.default.createElement(Comp, optionProps);
|
276
|
+
}
|
277
|
+
|
278
|
+
return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref2) {
|
279
|
+
var prefixCls = _ref2.prefixCls;
|
280
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
281
|
+
ref: dropdownContainer
|
282
|
+
}, /*#__PURE__*/_react.default.createElement(_portal.default, {
|
283
|
+
getContainer: getPortalContainer
|
284
|
+
}, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
|
285
|
+
in: showDropdown,
|
286
|
+
timeout: Math.max(dropdownAnimationTimeout, maskAnimationTimeout),
|
287
|
+
onEnter: function onEnter(el) {
|
288
|
+
el.style.visibility = 'visible';
|
289
|
+
},
|
290
|
+
onExited: function onExited(el) {
|
291
|
+
el.style.visibility = 'hidden';
|
292
|
+
setDown(null);
|
293
|
+
},
|
294
|
+
mountOnEnter: mountOnEnter,
|
295
|
+
unmountOnExit: unmountOnExit
|
296
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
297
|
+
className: (0, _mobileUtils.cls)(prefixCls + "-dropdown all-border-box", system, className, {
|
298
|
+
'drop-up': !down
|
299
|
+
}),
|
300
|
+
ref: domRef,
|
301
|
+
style: (0, _extends2.default)({
|
302
|
+
height: maskHeight.current + "px",
|
303
|
+
maxWidth: windowWidth + "px"
|
304
|
+
}, style, positionStyle)
|
305
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
306
|
+
className: (0, _mobileUtils.cls)(prefixCls + "-dropdown-options"),
|
307
|
+
ref: optionsWrapper,
|
308
|
+
style: getOptionsStyle()
|
309
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
310
|
+
className: (0, _mobileUtils.cls)(prefixCls + "-dropdown-options-container"),
|
311
|
+
ref: optionsContainer
|
312
|
+
}, props.children || renderInnerOptions(), props.extraNode)), showMask && /*#__PURE__*/_react.default.createElement("div", {
|
313
|
+
className: (0, _mobileUtils.cls)(prefixCls + "-dropdown-mask", {
|
314
|
+
'is-show': optionsWrapperHeight
|
315
|
+
}),
|
316
|
+
style: {
|
317
|
+
transition: "opacity " + maskAnimationTimeout + "ms " + maskAnimationFunction
|
318
|
+
}
|
319
|
+
})))));
|
320
|
+
});
|
321
|
+
});
|
322
|
+
}
|
package/cjs/dropdown/index.d.ts
CHANGED
@@ -1,8 +1,7 @@
|
|
1
|
-
|
2
|
-
import { DropdownRef } from './type';
|
1
|
+
/// <reference types="react" />
|
3
2
|
export * from './type';
|
4
|
-
declare const _default:
|
5
|
-
Options:
|
3
|
+
declare const _default: import("react").ForwardRefExoticComponent<(import("./type").DropdownBasicProps & import("./type").SingleOptionProps & import("react").RefAttributes<import("./type").DropdownRef>) | (import("./type").DropdownBasicProps & import("./type").MultipleOptionProps & import("react").RefAttributes<import("./type").DropdownRef>)> & {
|
4
|
+
Options: import("react").ForwardRefExoticComponent<(import("./type").DropdownOptionsBasicProps & import("./type").SingleOptionProps & import("react").RefAttributes<import("./type").DropdownOptionsRef>) | (import("./type").DropdownOptionsBasicProps & import("./type").MultipleOptionProps & import("react").RefAttributes<import("./type").DropdownOptionsRef>)>;
|
6
5
|
};
|
7
6
|
/**
|
8
7
|
* 下拉面板,展示供选择的选择项
|