@seakoi/native-ui 1.1.3 → 1.3.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 +52 -0
- package/dist/commonjs/components/base/carousel/carousel-indicator.js +56 -0
- package/dist/commonjs/components/base/carousel/carousel-slides.js +140 -0
- package/dist/commonjs/components/base/carousel/carousel.js +114 -122
- package/dist/commonjs/components/base/carousel/hooks/index.js +0 -14
- package/dist/commonjs/components/base/carousel/hooks/use-carousel-index.js +16 -13
- package/dist/commonjs/components/base/carousel/hooks/use-carousel-lifecycle.js +6 -2
- package/dist/commonjs/components/base/carousel/hooks/use-carousel-pan-responder.js +40 -12
- package/dist/commonjs/components/base/carousel/hooks/use-carousel-position.js +6 -2
- package/dist/commonjs/components/base/carousel/index.js +1 -15
- package/dist/commonjs/components/base/carousel/style/index.js +12 -0
- package/dist/commonjs/components/base/date-picker/date-picker.js +56 -44
- package/dist/commonjs/components/base/date-picker/date-range-picker.js +142 -50
- package/dist/commonjs/components/base/date-picker/style/index.js +15 -0
- package/dist/commonjs/components/base/date-picker-view/date-picker-view.js +19 -53
- package/dist/commonjs/components/base/date-picker-view/index.js +0 -22
- package/dist/commonjs/components/base/index.js +53 -9
- package/dist/commonjs/components/base/input/base-input.js +4 -2
- package/dist/commonjs/components/base/overflow/all-mode-overflow.js +49 -0
- package/dist/commonjs/components/base/overflow/fixed-count-overflow.js +70 -0
- package/dist/commonjs/components/base/overflow/index.js +16 -0
- package/dist/commonjs/components/base/overflow/overflow.js +72 -0
- package/dist/commonjs/components/base/overflow/responsive-overflow.js +280 -0
- package/dist/commonjs/components/base/overflow/style/index.js +39 -0
- package/dist/commonjs/components/base/overflow/types.js +5 -0
- package/dist/commonjs/components/base/picker/index.js +26 -4
- package/dist/commonjs/components/base/picker/picker-content.js +64 -0
- package/dist/commonjs/components/base/picker/picker-context.js +9 -0
- package/dist/commonjs/components/base/picker/picker-field.js +39 -0
- package/dist/commonjs/components/base/picker/picker.js +26 -95
- package/dist/commonjs/components/base/picker/style/index.js +8 -4
- package/dist/commonjs/components/base/picker-backup/base-picker-container.js +50 -0
- package/dist/commonjs/components/base/picker-backup/index.js +27 -0
- package/dist/commonjs/components/base/picker-backup/picker-backup.js +75 -0
- package/dist/commonjs/components/base/picker-backup/picker-copy.js +106 -0
- package/dist/commonjs/components/base/{picker → picker-backup}/picker-trigger.js +5 -5
- package/dist/commonjs/components/base/picker-backup/style/index.js +19 -0
- package/dist/commonjs/components/base/picker-backup/utils.js +53 -0
- package/dist/commonjs/components/base/picker-view/picker-view-column.js +15 -0
- package/dist/commonjs/components/base/picker-view/picker-view.js +4 -4
- package/dist/commonjs/components/base/portal/portal-host.js +5 -3
- package/dist/commonjs/components/base/select/hooks/use-select-actions.js +155 -0
- package/dist/commonjs/components/base/select/hooks/use-select-options.js +169 -0
- package/dist/commonjs/components/base/select/hooks/use-selector.js +104 -0
- package/dist/commonjs/components/base/select/index.js +16 -0
- package/dist/commonjs/components/base/select/select-multiple-content.js +182 -0
- package/dist/commonjs/components/base/select/select-popup.js +233 -0
- package/dist/commonjs/components/base/select/select-single-content.js +100 -0
- package/dist/commonjs/components/base/select/select-suffix.js +67 -0
- package/dist/commonjs/components/base/select/select.js +285 -0
- package/dist/commonjs/components/base/select/style/index.js +40 -0
- package/dist/commonjs/components/base/select/style/select-multiple-content-styles.js +46 -0
- package/dist/commonjs/components/base/select/style/select-popup-styles.js +67 -0
- package/dist/commonjs/components/base/select/style/select-single-content-styles.js +28 -0
- package/dist/commonjs/components/base/select/style/select-styles.js +46 -0
- package/dist/commonjs/components/base/select/style/select-suffix-styles.js +21 -0
- package/dist/commonjs/components/base/select/types.js +5 -0
- package/dist/commonjs/components/base/tabs/style/index.js +37 -0
- package/dist/commonjs/components/base/tabs/tabs.js +90 -45
- package/dist/commonjs/components/base/tag/index.js +20 -0
- package/dist/commonjs/components/base/tag/style/index.js +89 -0
- package/dist/commonjs/components/base/tag/tag-context.js +12 -0
- package/dist/commonjs/components/base/tag/tag-group.js +35 -0
- package/dist/commonjs/components/base/tag/tag.js +47 -0
- package/dist/commonjs/components/base/tag/types.js +5 -0
- package/dist/commonjs/native-provider/native-provider.js +5 -5
- package/dist/commonjs/shared/utils/index.js +11 -0
- package/dist/commonjs/shared/utils/object.js +39 -0
- package/dist/module/components/base/carousel/carousel-indicator.js +51 -0
- package/dist/module/components/base/carousel/carousel-slides.js +135 -0
- package/dist/module/components/base/carousel/carousel.js +116 -124
- package/dist/module/components/base/carousel/hooks/index.js +0 -2
- package/dist/module/components/base/carousel/hooks/use-carousel-index.js +15 -11
- package/dist/module/components/base/carousel/hooks/use-carousel-lifecycle.js +6 -2
- package/dist/module/components/base/carousel/hooks/use-carousel-pan-responder.js +40 -11
- package/dist/module/components/base/carousel/hooks/use-carousel-position.js +5 -1
- package/dist/module/components/base/carousel/index.js +1 -5
- package/dist/module/components/base/carousel/style/index.js +12 -0
- package/dist/module/components/base/date-picker/date-picker.js +60 -48
- package/dist/module/components/base/date-picker/date-range-picker.js +146 -54
- package/dist/module/components/base/date-picker/style/index.js +11 -0
- package/dist/module/components/base/date-picker-view/date-picker-view.js +23 -57
- package/dist/module/components/base/date-picker-view/index.js +1 -3
- package/dist/module/components/base/index.js +4 -0
- package/dist/module/components/base/input/base-input.js +4 -2
- package/dist/module/components/base/overflow/all-mode-overflow.js +43 -0
- package/dist/module/components/base/overflow/fixed-count-overflow.js +64 -0
- package/dist/module/components/base/overflow/index.js +3 -0
- package/dist/module/components/base/overflow/overflow.js +66 -0
- package/dist/module/components/base/overflow/responsive-overflow.js +274 -0
- package/dist/module/components/base/overflow/style/index.js +36 -0
- package/dist/module/components/base/overflow/types.js +3 -0
- package/dist/module/components/base/picker/index.js +9 -1
- package/dist/module/components/base/picker/picker-content.js +58 -0
- package/dist/module/components/base/picker/picker-context.js +4 -0
- package/dist/module/components/base/picker/picker-field.js +34 -0
- package/dist/module/components/base/picker/picker.js +29 -98
- package/dist/module/components/base/picker/style/index.js +7 -3
- package/dist/module/components/base/picker-backup/base-picker-container.js +44 -0
- package/dist/module/components/base/picker-backup/index.js +4 -0
- package/dist/module/components/base/picker-backup/picker-backup.js +69 -0
- package/dist/module/components/base/picker-backup/picker-copy.js +101 -0
- package/dist/module/components/base/{picker → picker-backup}/picker-trigger.js +2 -2
- package/dist/module/components/base/picker-backup/style/index.js +15 -0
- package/dist/module/components/base/picker-backup/utils.js +48 -0
- package/dist/module/components/base/picker-view/picker-view-column.js +15 -0
- package/dist/module/components/base/picker-view/picker-view.js +4 -4
- package/dist/module/components/base/portal/portal-host.js +4 -3
- package/dist/module/components/base/select/hooks/use-select-actions.js +151 -0
- package/dist/module/components/base/select/hooks/use-select-options.js +162 -0
- package/dist/module/components/base/select/hooks/use-selector.js +100 -0
- package/dist/module/components/base/select/index.js +3 -0
- package/dist/module/components/base/select/select-multiple-content.js +176 -0
- package/dist/module/components/base/select/select-popup.js +227 -0
- package/dist/module/components/base/select/select-single-content.js +94 -0
- package/dist/module/components/base/select/select-suffix.js +61 -0
- package/dist/module/components/base/select/select.js +279 -0
- package/dist/module/components/base/select/style/index.js +7 -0
- package/dist/module/components/base/select/style/select-multiple-content-styles.js +43 -0
- package/dist/module/components/base/select/style/select-popup-styles.js +64 -0
- package/dist/module/components/base/select/style/select-single-content-styles.js +25 -0
- package/dist/module/components/base/select/style/select-styles.js +43 -0
- package/dist/module/components/base/select/style/select-suffix-styles.js +18 -0
- package/dist/module/components/base/select/types.js +3 -0
- package/dist/module/components/base/tabs/style/index.js +33 -0
- package/dist/module/components/base/tabs/tabs.js +92 -47
- package/dist/module/components/base/tag/index.js +5 -0
- package/dist/module/components/base/tag/style/index.js +85 -0
- package/dist/module/components/base/tag/tag-context.js +8 -0
- package/dist/module/components/base/tag/tag-group.js +29 -0
- package/dist/module/components/base/tag/tag.js +41 -0
- package/dist/module/components/base/tag/types.js +3 -0
- package/dist/module/native-provider/native-provider.js +5 -5
- package/dist/module/shared/utils/index.js +2 -1
- package/dist/module/shared/utils/object.js +35 -0
- package/dist/typescript/components/base/carousel/carousel-indicator.d.ts +42 -0
- package/dist/typescript/components/base/carousel/carousel-indicator.d.ts.map +1 -0
- package/dist/typescript/components/base/carousel/carousel-slides.d.ts +49 -0
- package/dist/typescript/components/base/carousel/carousel-slides.d.ts.map +1 -0
- package/dist/typescript/components/base/carousel/carousel.d.ts +16 -11
- package/dist/typescript/components/base/carousel/carousel.d.ts.map +1 -1
- package/dist/typescript/components/base/carousel/hooks/index.d.ts +0 -2
- package/dist/typescript/components/base/carousel/hooks/index.d.ts.map +1 -1
- package/dist/typescript/components/base/carousel/hooks/use-carousel-index.d.ts.map +1 -1
- package/dist/typescript/components/base/carousel/hooks/use-carousel-lifecycle.d.ts.map +1 -1
- package/dist/typescript/components/base/carousel/hooks/use-carousel-pan-responder.d.ts.map +1 -1
- package/dist/typescript/components/base/carousel/hooks/use-carousel-position.d.ts.map +1 -1
- package/dist/typescript/components/base/carousel/index.d.ts +1 -4
- package/dist/typescript/components/base/carousel/index.d.ts.map +1 -1
- package/dist/typescript/components/base/carousel/style/index.d.ts +12 -0
- package/dist/typescript/components/base/carousel/style/index.d.ts.map +1 -1
- package/dist/typescript/components/base/carousel/types.d.ts +8 -17
- package/dist/typescript/components/base/carousel/types.d.ts.map +1 -1
- package/dist/typescript/components/base/date-picker/date-picker.d.ts +4 -2
- package/dist/typescript/components/base/date-picker/date-picker.d.ts.map +1 -1
- package/dist/typescript/components/base/date-picker/date-range-picker.d.ts +12 -3
- package/dist/typescript/components/base/date-picker/date-range-picker.d.ts.map +1 -1
- package/dist/typescript/components/base/date-picker/style/index.d.ts +9 -0
- package/dist/typescript/components/base/date-picker/style/index.d.ts.map +1 -0
- package/dist/typescript/components/base/date-picker-view/date-picker-view.d.ts +1 -6
- package/dist/typescript/components/base/date-picker-view/date-picker-view.d.ts.map +1 -1
- package/dist/typescript/components/base/date-picker-view/index.d.ts +0 -2
- package/dist/typescript/components/base/date-picker-view/index.d.ts.map +1 -1
- package/dist/typescript/components/base/date-picker-view/types.d.ts +1 -1
- package/dist/typescript/components/base/index.d.ts +4 -0
- package/dist/typescript/components/base/index.d.ts.map +1 -1
- package/dist/typescript/components/base/input/base-input.d.ts.map +1 -1
- package/dist/typescript/components/base/overflow/all-mode-overflow.d.ts +11 -0
- package/dist/typescript/components/base/overflow/all-mode-overflow.d.ts.map +1 -0
- package/dist/typescript/components/base/overflow/fixed-count-overflow.d.ts +11 -0
- package/dist/typescript/components/base/overflow/fixed-count-overflow.d.ts.map +1 -0
- package/dist/typescript/components/base/overflow/index.d.ts +3 -0
- package/dist/typescript/components/base/overflow/index.d.ts.map +1 -0
- package/dist/typescript/components/base/overflow/overflow.d.ts +13 -0
- package/dist/typescript/components/base/overflow/overflow.d.ts.map +1 -0
- package/dist/typescript/components/base/overflow/responsive-overflow.d.ts +12 -0
- package/dist/typescript/components/base/overflow/responsive-overflow.d.ts.map +1 -0
- package/dist/typescript/components/base/overflow/style/index.d.ts +31 -0
- package/dist/typescript/components/base/overflow/style/index.d.ts.map +1 -0
- package/dist/typescript/components/base/overflow/types.d.ts +77 -0
- package/dist/typescript/components/base/overflow/types.d.ts.map +1 -0
- package/dist/typescript/components/base/picker/index.d.ts +7 -1
- package/dist/typescript/components/base/picker/index.d.ts.map +1 -1
- package/dist/typescript/components/base/picker/picker-content.d.ts +27 -0
- package/dist/typescript/components/base/picker/picker-content.d.ts.map +1 -0
- package/dist/typescript/components/base/picker/picker-context.d.ts +18 -0
- package/dist/typescript/components/base/picker/picker-context.d.ts.map +1 -0
- package/dist/typescript/components/base/picker/picker-field.d.ts +10 -0
- package/dist/typescript/components/base/picker/picker-field.d.ts.map +1 -0
- package/dist/typescript/components/base/picker/picker.d.ts +22 -11
- package/dist/typescript/components/base/picker/picker.d.ts.map +1 -1
- package/dist/typescript/components/base/picker/style/index.d.ts +6 -2
- package/dist/typescript/components/base/picker/style/index.d.ts.map +1 -1
- package/dist/typescript/components/base/picker-backup/base-picker-container.d.ts +15 -0
- package/dist/typescript/components/base/picker-backup/base-picker-container.d.ts.map +1 -0
- package/dist/typescript/components/base/picker-backup/index.d.ts +3 -0
- package/dist/typescript/components/base/picker-backup/index.d.ts.map +1 -0
- package/dist/typescript/components/base/picker-backup/picker-backup.d.ts +26 -0
- package/dist/typescript/components/base/picker-backup/picker-backup.d.ts.map +1 -0
- package/dist/typescript/components/base/picker-backup/picker-copy.d.ts +13 -0
- package/dist/typescript/components/base/picker-backup/picker-copy.d.ts.map +1 -0
- package/dist/typescript/components/base/picker-backup/picker-trigger.d.ts.map +1 -0
- package/dist/typescript/components/base/picker-backup/style/index.d.ts +13 -0
- package/dist/typescript/components/base/picker-backup/style/index.d.ts.map +1 -0
- package/dist/typescript/components/base/picker-backup/utils.d.ts +8 -0
- package/dist/typescript/components/base/picker-backup/utils.d.ts.map +1 -0
- package/dist/typescript/components/base/picker-view/picker-view-column.d.ts.map +1 -1
- package/dist/typescript/components/base/picker-view/utils/picker.d.ts +3 -3
- package/dist/typescript/components/base/picker-view/utils/picker.d.ts.map +1 -1
- package/dist/typescript/components/base/portal/portal-host.d.ts +1 -0
- package/dist/typescript/components/base/portal/portal-host.d.ts.map +1 -1
- package/dist/typescript/components/base/portal/types.d.ts +2 -0
- package/dist/typescript/components/base/portal/types.d.ts.map +1 -1
- package/dist/typescript/components/base/select/hooks/use-select-actions.d.ts +144 -0
- package/dist/typescript/components/base/select/hooks/use-select-actions.d.ts.map +1 -0
- package/dist/typescript/components/base/select/hooks/use-select-options.d.ts +91 -0
- package/dist/typescript/components/base/select/hooks/use-select-options.d.ts.map +1 -0
- package/dist/typescript/components/base/select/hooks/use-selector.d.ts +90 -0
- package/dist/typescript/components/base/select/hooks/use-selector.d.ts.map +1 -0
- package/dist/typescript/components/base/select/index.d.ts +3 -0
- package/dist/typescript/components/base/select/index.d.ts.map +1 -0
- package/dist/typescript/components/base/select/select-multiple-content.d.ts +51 -0
- package/dist/typescript/components/base/select/select-multiple-content.d.ts.map +1 -0
- package/dist/typescript/components/base/select/select-popup.d.ts +107 -0
- package/dist/typescript/components/base/select/select-popup.d.ts.map +1 -0
- package/dist/typescript/components/base/select/select-single-content.d.ts +48 -0
- package/dist/typescript/components/base/select/select-single-content.d.ts.map +1 -0
- package/dist/typescript/components/base/select/select-suffix.d.ts +43 -0
- package/dist/typescript/components/base/select/select-suffix.d.ts.map +1 -0
- package/dist/typescript/components/base/select/select.d.ts +40 -0
- package/dist/typescript/components/base/select/select.d.ts.map +1 -0
- package/dist/typescript/components/base/select/style/index.d.ts +6 -0
- package/dist/typescript/components/base/select/style/index.d.ts.map +1 -0
- package/dist/typescript/components/base/select/style/select-multiple-content-styles.d.ts +40 -0
- package/dist/typescript/components/base/select/style/select-multiple-content-styles.d.ts.map +1 -0
- package/dist/typescript/components/base/select/style/select-popup-styles.d.ts +61 -0
- package/dist/typescript/components/base/select/style/select-popup-styles.d.ts.map +1 -0
- package/dist/typescript/components/base/select/style/select-single-content-styles.d.ts +22 -0
- package/dist/typescript/components/base/select/style/select-single-content-styles.d.ts.map +1 -0
- package/dist/typescript/components/base/select/style/select-styles.d.ts +40 -0
- package/dist/typescript/components/base/select/style/select-styles.d.ts.map +1 -0
- package/dist/typescript/components/base/select/style/select-suffix-styles.d.ts +15 -0
- package/dist/typescript/components/base/select/style/select-suffix-styles.d.ts.map +1 -0
- package/dist/typescript/components/base/select/types.d.ts +206 -0
- package/dist/typescript/components/base/select/types.d.ts.map +1 -0
- package/dist/typescript/components/base/tabs/style/index.d.ts +29 -0
- package/dist/typescript/components/base/tabs/style/index.d.ts.map +1 -0
- package/dist/typescript/components/base/tabs/tabs.d.ts +26 -5
- package/dist/typescript/components/base/tabs/tabs.d.ts.map +1 -1
- package/dist/typescript/components/base/tag/index.d.ts +5 -0
- package/dist/typescript/components/base/tag/index.d.ts.map +1 -0
- package/dist/typescript/components/base/tag/style/index.d.ts +61 -0
- package/dist/typescript/components/base/tag/style/index.d.ts.map +1 -0
- package/dist/typescript/components/base/tag/tag-context.d.ts +3 -0
- package/dist/typescript/components/base/tag/tag-context.d.ts.map +1 -0
- package/dist/typescript/components/base/tag/tag-group.d.ts +4 -0
- package/dist/typescript/components/base/tag/tag-group.d.ts.map +1 -0
- package/dist/typescript/components/base/tag/tag.d.ts +4 -0
- package/dist/typescript/components/base/tag/tag.d.ts.map +1 -0
- package/dist/typescript/components/base/tag/types.d.ts +48 -0
- package/dist/typescript/components/base/tag/types.d.ts.map +1 -0
- package/dist/typescript/native-provider/native-provider.d.ts +2 -0
- package/dist/typescript/native-provider/native-provider.d.ts.map +1 -1
- package/dist/typescript/shared/utils/index.d.ts +1 -0
- package/dist/typescript/shared/utils/index.d.ts.map +1 -1
- package/dist/typescript/shared/utils/object.d.ts +21 -0
- package/dist/typescript/shared/utils/object.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/components/base/carousel/carousel-indicator.tsx +80 -0
- package/src/components/base/carousel/carousel-slides.tsx +177 -0
- package/src/components/base/carousel/carousel.tsx +108 -118
- package/src/components/base/carousel/hooks/index.ts +0 -2
- package/src/components/base/carousel/hooks/use-carousel-index.ts +13 -9
- package/src/components/base/carousel/hooks/use-carousel-lifecycle.ts +4 -3
- package/src/components/base/carousel/hooks/use-carousel-pan-responder.ts +40 -16
- package/src/components/base/carousel/hooks/use-carousel-position.ts +4 -1
- package/src/components/base/carousel/index.ts +1 -3
- package/src/components/base/carousel/style/index.ts +12 -0
- package/src/components/base/carousel/types.ts +8 -21
- package/src/components/base/date-picker/date-picker.tsx +64 -61
- package/src/components/base/date-picker/date-range-picker.tsx +178 -70
- package/src/components/base/date-picker/style/index.ts +10 -0
- package/src/components/base/date-picker-view/date-picker-view.tsx +21 -68
- package/src/components/base/date-picker-view/index.ts +0 -2
- package/src/components/base/date-picker-view/types.ts +1 -1
- package/src/components/base/index.ts +4 -0
- package/src/components/base/input/base-input.tsx +4 -2
- package/src/components/base/overflow/all-mode-overflow.tsx +49 -0
- package/src/components/base/overflow/fixed-count-overflow.tsx +71 -0
- package/src/components/base/overflow/index.ts +2 -0
- package/src/components/base/overflow/overflow.tsx +60 -0
- package/src/components/base/overflow/responsive-overflow.tsx +349 -0
- package/src/components/base/overflow/style/index.ts +32 -0
- package/src/components/base/overflow/types.ts +75 -0
- package/src/components/base/picker/index.ts +11 -1
- package/src/components/base/picker/picker-content.tsx +90 -0
- package/src/components/base/picker/picker-context.ts +19 -0
- package/src/components/base/picker/picker-field.tsx +56 -0
- package/src/components/base/picker/picker.tsx +49 -116
- package/src/components/base/picker/style/index.ts +4 -2
- package/src/components/base/picker-backup/base-picker-container.tsx +55 -0
- package/src/components/base/picker-backup/index.ts +2 -0
- package/src/components/base/picker-backup/picker-backup.tsx +110 -0
- package/src/components/base/picker-backup/picker-copy.tsx +125 -0
- package/src/components/base/{picker → picker-backup}/picker-trigger.tsx +2 -2
- package/src/components/base/picker-backup/style/index.ts +14 -0
- package/src/components/base/picker-backup/utils.ts +62 -0
- package/src/components/base/picker-view/picker-view-column.tsx +20 -0
- package/src/components/base/picker-view/picker-view.tsx +4 -4
- package/src/components/base/picker-view/utils/picker.ts +3 -5
- package/src/components/base/portal/portal-host.tsx +13 -3
- package/src/components/base/portal/types.ts +2 -0
- package/src/components/base/select/hooks/use-select-actions.ts +263 -0
- package/src/components/base/select/hooks/use-select-options.ts +250 -0
- package/src/components/base/select/hooks/use-selector.ts +155 -0
- package/src/components/base/select/index.ts +2 -0
- package/src/components/base/select/select-multiple-content.tsx +292 -0
- package/src/components/base/select/select-popup.tsx +384 -0
- package/src/components/base/select/select-single-content.tsx +127 -0
- package/src/components/base/select/select-suffix.tsx +100 -0
- package/src/components/base/select/select.tsx +302 -0
- package/src/components/base/select/style/index.ts +5 -0
- package/src/components/base/select/style/select-multiple-content-styles.ts +41 -0
- package/src/components/base/select/style/select-popup-styles.ts +62 -0
- package/src/components/base/select/style/select-single-content-styles.ts +23 -0
- package/src/components/base/select/style/select-styles.ts +41 -0
- package/src/components/base/select/style/select-suffix-styles.ts +16 -0
- package/src/components/base/select/types.ts +261 -0
- package/src/components/base/tabs/style/index.ts +32 -0
- package/src/components/base/tabs/tabs.tsx +146 -55
- package/src/components/base/tag/index.ts +5 -0
- package/src/components/base/tag/style/index.tsx +84 -0
- package/src/components/base/tag/tag-context.ts +9 -0
- package/src/components/base/tag/tag-group.tsx +31 -0
- package/src/components/base/tag/tag.tsx +50 -0
- package/src/components/base/tag/types.ts +71 -0
- package/src/native-provider/native-provider.tsx +4 -4
- package/src/shared/utils/index.ts +1 -0
- package/src/shared/utils/object.ts +37 -0
- package/dist/commonjs/components/base/carousel/carousel-item.js +0 -45
- package/dist/commonjs/components/base/carousel/constants.js +0 -25
- package/dist/commonjs/components/base/carousel/hooks/use-carousel-indicator.js +0 -63
- package/dist/commonjs/components/base/carousel/hooks/use-carousel-slides.js +0 -95
- package/dist/commonjs/components/base/carousel/utils.js +0 -63
- package/dist/commonjs/components/base/date-picker-view/date-range-picker-view.js +0 -145
- package/dist/commonjs/components/base/date-picker-view/date-time-picker.js +0 -39
- package/dist/module/components/base/carousel/carousel-item.js +0 -40
- package/dist/module/components/base/carousel/constants.js +0 -21
- package/dist/module/components/base/carousel/hooks/use-carousel-indicator.js +0 -58
- package/dist/module/components/base/carousel/hooks/use-carousel-slides.js +0 -90
- package/dist/module/components/base/carousel/utils.js +0 -55
- package/dist/module/components/base/date-picker-view/date-range-picker-view.js +0 -138
- package/dist/module/components/base/date-picker-view/date-time-picker.js +0 -34
- package/dist/typescript/components/base/carousel/carousel-item.d.ts +0 -26
- package/dist/typescript/components/base/carousel/carousel-item.d.ts.map +0 -1
- package/dist/typescript/components/base/carousel/constants.d.ts +0 -17
- package/dist/typescript/components/base/carousel/constants.d.ts.map +0 -1
- package/dist/typescript/components/base/carousel/hooks/use-carousel-indicator.d.ts +0 -37
- package/dist/typescript/components/base/carousel/hooks/use-carousel-indicator.d.ts.map +0 -1
- package/dist/typescript/components/base/carousel/hooks/use-carousel-slides.d.ts +0 -51
- package/dist/typescript/components/base/carousel/hooks/use-carousel-slides.d.ts.map +0 -1
- package/dist/typescript/components/base/carousel/utils.d.ts +0 -25
- package/dist/typescript/components/base/carousel/utils.d.ts.map +0 -1
- package/dist/typescript/components/base/date-picker-view/date-range-picker-view.d.ts +0 -26
- package/dist/typescript/components/base/date-picker-view/date-range-picker-view.d.ts.map +0 -1
- package/dist/typescript/components/base/date-picker-view/date-time-picker.d.ts +0 -3
- package/dist/typescript/components/base/date-picker-view/date-time-picker.d.ts.map +0 -1
- package/dist/typescript/components/base/picker/picker-trigger.d.ts.map +0 -1
- package/src/components/base/carousel/carousel-item.tsx +0 -35
- package/src/components/base/carousel/constants.ts +0 -19
- package/src/components/base/carousel/hooks/use-carousel-indicator.tsx +0 -84
- package/src/components/base/carousel/hooks/use-carousel-slides.tsx +0 -131
- package/src/components/base/carousel/utils.ts +0 -55
- package/src/components/base/date-picker-view/date-range-picker-view.tsx +0 -191
- package/src/components/base/date-picker-view/date-time-picker.tsx +0 -34
- /package/dist/typescript/components/base/{picker → picker-backup}/picker-trigger.d.ts +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/select/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export declare const useTabsStyles: (options?: import("../../../../shared/utils").AnyObject | undefined) => {
|
|
2
|
+
container: {
|
|
3
|
+
width: "100%";
|
|
4
|
+
};
|
|
5
|
+
tabItem: {
|
|
6
|
+
paddingVertical: number;
|
|
7
|
+
paddingHorizontal: number;
|
|
8
|
+
};
|
|
9
|
+
labelText: {
|
|
10
|
+
color: "rgba(0, 0, 0, 0.6)";
|
|
11
|
+
};
|
|
12
|
+
labelTab: {
|
|
13
|
+
paddingHorizontal: number;
|
|
14
|
+
paddingVertical: number;
|
|
15
|
+
borderWidth: number;
|
|
16
|
+
borderColor: "rgba(243, 243, 244, 1)";
|
|
17
|
+
backgroundColor: "rgba(243, 243, 244, 1)";
|
|
18
|
+
borderRadius: 4;
|
|
19
|
+
gap: number;
|
|
20
|
+
};
|
|
21
|
+
labelTabActive: {
|
|
22
|
+
backgroundColor: "rgba(241, 248, 255, 1)";
|
|
23
|
+
borderColor: "rgba(43, 152, 254, 1)";
|
|
24
|
+
};
|
|
25
|
+
labelTextActive: {
|
|
26
|
+
color: "rgba(43, 152, 254, 1)";
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/tabs/style/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BxB,CAAC"}
|
|
@@ -1,8 +1,29 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
2
|
+
export interface TabItem {
|
|
3
|
+
/** 标签文本 */
|
|
4
|
+
label: React.ReactNode;
|
|
5
|
+
/** 标签值,唯一标识 */
|
|
6
|
+
value: string | number;
|
|
7
|
+
/** 徽标内容(数字或红点) */
|
|
8
|
+
badge?: number | boolean;
|
|
9
|
+
}
|
|
10
|
+
export interface TabsProps {
|
|
11
|
+
/** 标签数据 */
|
|
12
|
+
tabs: TabItem[];
|
|
13
|
+
/** 当前激活的标签值(受控) */
|
|
14
|
+
value?: string | number;
|
|
15
|
+
/** 默认激活的标签值(非受控) */
|
|
16
|
+
defaultValue?: string | number;
|
|
17
|
+
/** 标签切换回调 */
|
|
18
|
+
onChange?: (value: string | number) => void;
|
|
19
|
+
/** 样式类型 */
|
|
20
|
+
variant?: 'underline' | 'label';
|
|
21
|
+
/** 容器样式 */
|
|
22
|
+
style?: StyleProp<ViewStyle>;
|
|
23
|
+
/** 右侧操作区域 */
|
|
24
|
+
extra?: React.ReactNode;
|
|
25
|
+
/** 是否均分宽度(仅 underline 和 isometric 支持) */
|
|
26
|
+
equalWidth?: boolean;
|
|
5
27
|
}
|
|
6
28
|
export declare const Tabs: React.FC<TabsProps>;
|
|
7
|
-
export {};
|
|
8
29
|
//# sourceMappingURL=tabs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/tabs/tabs.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/tabs/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,MAAM,WAAW,OAAO;IACtB,WAAW;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,eAAe;IACf,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,SAAS;IACxB,WAAW;IACX,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,aAAa;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,WAAW;IACX,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IAChC,WAAW;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,aAAa;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA0NpC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,mBAAmB,SAAS,CAAC;AAE7B,eAAe,GAAG,CAAC"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
export declare const useTagStyles: (options?: import("../../../../shared/utils").AnyObject | undefined) => {
|
|
2
|
+
tag: {};
|
|
3
|
+
large: {
|
|
4
|
+
paddingHorizontal: number;
|
|
5
|
+
paddingVertical: number;
|
|
6
|
+
borderRadius: number;
|
|
7
|
+
};
|
|
8
|
+
medium: {
|
|
9
|
+
paddingHorizontal: number;
|
|
10
|
+
paddingVertical: number;
|
|
11
|
+
borderRadius: number;
|
|
12
|
+
};
|
|
13
|
+
small: {
|
|
14
|
+
paddingHorizontal: number;
|
|
15
|
+
paddingVertical: number;
|
|
16
|
+
borderRadius: number;
|
|
17
|
+
};
|
|
18
|
+
disabled: {
|
|
19
|
+
opacity: number;
|
|
20
|
+
};
|
|
21
|
+
'font-small': {
|
|
22
|
+
fontSize: number;
|
|
23
|
+
};
|
|
24
|
+
'font-medium': {
|
|
25
|
+
fontSize: number;
|
|
26
|
+
};
|
|
27
|
+
'font-large': {
|
|
28
|
+
fontSize: number;
|
|
29
|
+
};
|
|
30
|
+
filled: {
|
|
31
|
+
backgroundColor: any;
|
|
32
|
+
};
|
|
33
|
+
'text-filled': {
|
|
34
|
+
color: any;
|
|
35
|
+
};
|
|
36
|
+
outlined: {
|
|
37
|
+
borderColor: any;
|
|
38
|
+
borderWidth: number;
|
|
39
|
+
};
|
|
40
|
+
'text-outlined': {
|
|
41
|
+
color: any;
|
|
42
|
+
};
|
|
43
|
+
solid: {
|
|
44
|
+
backgroundColor: any;
|
|
45
|
+
};
|
|
46
|
+
'text-solid': {
|
|
47
|
+
color: string;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
export declare const useTagGroupStyles: (options?: import("../../../../shared/utils").AnyObject | undefined) => {
|
|
51
|
+
container: {
|
|
52
|
+
flexDirection: "row";
|
|
53
|
+
alignItems: "center";
|
|
54
|
+
flexWrap: "wrap";
|
|
55
|
+
};
|
|
56
|
+
vertical: {
|
|
57
|
+
flexDirection: "column";
|
|
58
|
+
alignItems: "stretch";
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/tag/style/index.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEvB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;CAY5B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tag-context.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/tag/tag-context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,UAAU,0CAGrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tag-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/tag/tag-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuB5C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/tag/tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAO5C,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAyClC,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import type { PropsWithChildren } from 'react';
|
|
2
|
+
import type { GestureResponderEvent, StyleProp, TextStyle, ViewStyle } from 'react-native';
|
|
3
|
+
import type { AnyObject } from '#shared/utils/types';
|
|
4
|
+
export interface TagProps {
|
|
5
|
+
/** 标签文本 */
|
|
6
|
+
text?: string;
|
|
7
|
+
/** 标签主题色 */
|
|
8
|
+
color?: string;
|
|
9
|
+
/** 结构形态 */
|
|
10
|
+
variant?: 'filled' | 'solid' | 'outlined';
|
|
11
|
+
/** 标签样式 */
|
|
12
|
+
style?: StyleProp<ViewStyle>;
|
|
13
|
+
/** 标签内容样式 */
|
|
14
|
+
textStyle?: StyleProp<TextStyle>;
|
|
15
|
+
/** 标签主题色 */
|
|
16
|
+
theme?: 'primary' | 'default' | 'danger';
|
|
17
|
+
/** 标签尺寸 */
|
|
18
|
+
size?: 'small' | 'medium' | 'large';
|
|
19
|
+
/** 标签是否可关闭 */
|
|
20
|
+
closable?: boolean;
|
|
21
|
+
/** 标签图标 */
|
|
22
|
+
icon?: React.ReactElement<AnyObject>;
|
|
23
|
+
/** 标签内容 */
|
|
24
|
+
child?: React.ReactNode;
|
|
25
|
+
/** 标签跳转链接 */
|
|
26
|
+
href?: string;
|
|
27
|
+
/** 标签是否禁用 */
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
/** 标签跳转链接目标 */
|
|
30
|
+
target?: '_blank' | '_self' | '_parent' | '_top';
|
|
31
|
+
/** 标签点击 事件 */
|
|
32
|
+
onPress?: (event: GestureResponderEvent) => void;
|
|
33
|
+
}
|
|
34
|
+
export interface TagGroupProps extends PropsWithChildren, TagContextValue {
|
|
35
|
+
/** 容器样式 */
|
|
36
|
+
style?: StyleProp<ViewStyle>;
|
|
37
|
+
/** 容器样式 */
|
|
38
|
+
gap?: number;
|
|
39
|
+
/** 容器样式 */
|
|
40
|
+
direction?: 'horizontal' | 'vertical';
|
|
41
|
+
}
|
|
42
|
+
export interface TagContextValue {
|
|
43
|
+
/** 按钮标签的尺寸 */
|
|
44
|
+
size?: 'small' | 'medium' | 'large';
|
|
45
|
+
/** 按钮标签的禁用状态 */
|
|
46
|
+
disabled?: boolean;
|
|
47
|
+
}
|
|
48
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EACV,qBAAqB,EACrB,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,WAAW,QAAQ;IACvB,WAAW;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW;IACX,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;IAE1C,WAAW;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,aAAa;IACb,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEjC,YAAY;IACZ,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAEzC,WAAW;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,WAAW;IACX,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAErC,WAAW;IACX,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,aAAa;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,aAAa;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,eAAe;IACf,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAEjD,cAAc;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,WAAW,aAAc,SAAQ,iBAAiB,EAAE,eAAe;IACvE,WAAW;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,WAAW;IACX,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,WAAW;IACX,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC;AAED,MAAM,WAAW,eAAe;IAC9B,cAAc;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { type PortalHostProps } from '#components/base';
|
|
2
3
|
import { type ThemeConfig } from '#shared/theme';
|
|
3
4
|
import { type ConfigContextValue, type RequestInstance } from './contexts';
|
|
4
5
|
import { type ErrorBoundaryProps } from './error-boundary';
|
|
@@ -13,6 +14,7 @@ export interface NativeProviderProps {
|
|
|
13
14
|
errorBoundary?: Omit<ErrorBoundaryProps, 'children'>;
|
|
14
15
|
/** 导航配置 */
|
|
15
16
|
navigators?: ConfigContextValue['navigators'];
|
|
17
|
+
portalHostProps: PortalHostProps;
|
|
16
18
|
}
|
|
17
19
|
export declare const NativeProvider: React.FC<NativeProviderProps>;
|
|
18
20
|
//# sourceMappingURL=native-provider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"native-provider.d.ts","sourceRoot":"","sources":["../../../src/native-provider/native-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"native-provider.d.ts","sourceRoot":"","sources":["../../../src/native-provider/native-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAU,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAE9D,OAAO,EAEL,KAAK,kBAAkB,EAEvB,KAAK,eAAe,EACrB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAG1E,MAAM,WAAW,mBAAmB;IAClC,UAAU;IACV,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW;IACX,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW;IACX,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,aAAa;IACb,aAAa,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;IACrD,WAAW;IACX,UAAU,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAC9C,eAAe,EAAE,eAAe,CAAC;CAClC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuBxD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/shared/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,mBAAmB,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/shared/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,mBAAmB,SAAS,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 浅比较两个对象是否相等
|
|
3
|
+
*
|
|
4
|
+
* 仅比较对象的第一层属性,使用严格相等(===)进行比较。
|
|
5
|
+
* 不会递归比较嵌套对象或数组的内容。
|
|
6
|
+
*
|
|
7
|
+
* @param a - 第一个对象
|
|
8
|
+
* @param b - 第二个对象
|
|
9
|
+
* @returns 如果两个对象的所有第一层属性都相等则返回 true,否则返回 false。如果 a/b 有一个非对象,则直接比较二者
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* shallowEqual({ a: 1, b: 2 }, { a: 1, b: 2 }); // true
|
|
13
|
+
* shallowEqual({ a: 1 }, { a: 1, b: 2 }); // false
|
|
14
|
+
* shallowEqual({ a: { x: 1 } }, { a: { x: 1 } }); // false
|
|
15
|
+
* shallowEqual(null, null); // true
|
|
16
|
+
* shallowEqual(null, undefined); // false
|
|
17
|
+
* shallowEqual(1, 1); // true
|
|
18
|
+
* shallowEqual(1, '1'); // false
|
|
19
|
+
*/
|
|
20
|
+
export declare const shallowEqual: (a?: object, b?: object) => boolean;
|
|
21
|
+
//# sourceMappingURL=object.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"object.d.ts","sourceRoot":"","sources":["../../../../src/shared/utils/object.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,YAAY,GAAI,IAAI,MAAM,EAAE,IAAI,MAAM,KAAG,OAerD,CAAC"}
|
package/package.json
CHANGED
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { View, type ViewStyle } from 'react-native';
|
|
2
|
+
|
|
3
|
+
import type { CarouselProps } from './types';
|
|
4
|
+
|
|
5
|
+
interface CarouselIndicatorProps {
|
|
6
|
+
/** 指示器配置(false 表示不显示,函数表示自定义渲染) */
|
|
7
|
+
indicator: CarouselProps['indicator'];
|
|
8
|
+
/** 指示器属性配置(颜色、样式) */
|
|
9
|
+
indicatorProps: CarouselProps['indicatorProps'];
|
|
10
|
+
/** 轮播项总数 */
|
|
11
|
+
total: number;
|
|
12
|
+
/** 当前激活的索引 */
|
|
13
|
+
current: number;
|
|
14
|
+
/** 激活状态的指示器颜色 */
|
|
15
|
+
activeColor: string;
|
|
16
|
+
/** 非激活状态的指示器颜色 */
|
|
17
|
+
inactiveColor: string;
|
|
18
|
+
/** 指示器样式对象 */
|
|
19
|
+
styles: {
|
|
20
|
+
indicatorContainer: ViewStyle;
|
|
21
|
+
indicatorDot: ViewStyle;
|
|
22
|
+
indicatorDotActive: ViewStyle;
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* 轮播图指示器渲染组件
|
|
28
|
+
*
|
|
29
|
+
* 负责渲染轮播图底部的指示器(小圆点),支持自定义指示器或使用默认样式。
|
|
30
|
+
* 当轮播项总数小于等于 1 时,不显示指示器。
|
|
31
|
+
*
|
|
32
|
+
* @param props - 组件属性配置
|
|
33
|
+
* @param props.indicator - 指示器配置(false 表示不显示,函数表示自定义渲染)
|
|
34
|
+
* @param props.indicatorProps - 指示器属性配置(颜色、样式)
|
|
35
|
+
* @param props.total - 轮播项总数
|
|
36
|
+
* @param props.current - 当前激活的索引
|
|
37
|
+
* @param props.activeColor - 激活状态的指示器颜色
|
|
38
|
+
* @param props.inactiveColor - 非激活状态的指示器颜色
|
|
39
|
+
* @param props.styles - 指示器样式对象
|
|
40
|
+
*
|
|
41
|
+
* @returns 渲染的指示器内容或 null
|
|
42
|
+
*/
|
|
43
|
+
export const CarouselIndicator = (props: CarouselIndicatorProps) => {
|
|
44
|
+
const {
|
|
45
|
+
indicator,
|
|
46
|
+
indicatorProps,
|
|
47
|
+
total,
|
|
48
|
+
current,
|
|
49
|
+
activeColor,
|
|
50
|
+
inactiveColor,
|
|
51
|
+
styles,
|
|
52
|
+
} = props;
|
|
53
|
+
|
|
54
|
+
if (indicator === false) return null;
|
|
55
|
+
if (total <= 1) return null;
|
|
56
|
+
|
|
57
|
+
if (typeof indicator === 'function') {
|
|
58
|
+
return indicator(total, current);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
const dotActiveColor = indicatorProps?.color ?? activeColor;
|
|
62
|
+
|
|
63
|
+
return (
|
|
64
|
+
<View style={[styles.indicatorContainer, indicatorProps?.style]}>
|
|
65
|
+
{Array.from({ length: total }, (_, i) => {
|
|
66
|
+
const isActive = i === current;
|
|
67
|
+
return (
|
|
68
|
+
<View
|
|
69
|
+
key={i}
|
|
70
|
+
style={[
|
|
71
|
+
styles.indicatorDot,
|
|
72
|
+
{ backgroundColor: isActive ? dotActiveColor : inactiveColor },
|
|
73
|
+
isActive && styles.indicatorDotActive,
|
|
74
|
+
]}
|
|
75
|
+
/>
|
|
76
|
+
);
|
|
77
|
+
})}
|
|
78
|
+
</View>
|
|
79
|
+
);
|
|
80
|
+
};
|
|
@@ -0,0 +1,177 @@
|
|
|
1
|
+
import { useMemoizedFn } from 'ahooks';
|
|
2
|
+
import { clamp } from 'lodash-es';
|
|
3
|
+
import { type ReactNode, useMemo } from 'react';
|
|
4
|
+
import { View, type ViewStyle } from 'react-native';
|
|
5
|
+
|
|
6
|
+
interface CarouselSlidesProps<Data = unknown> {
|
|
7
|
+
/** 数据源数组 */
|
|
8
|
+
data: Data[];
|
|
9
|
+
/** 渲染每一项的函数 */
|
|
10
|
+
renderItem: (item: Data, index: number) => ReactNode;
|
|
11
|
+
/** 轮播项总数 */
|
|
12
|
+
total: number;
|
|
13
|
+
/** 虚拟渲染范围(start、end、isVirtual) */
|
|
14
|
+
virtualRange: {
|
|
15
|
+
start: number;
|
|
16
|
+
end: number;
|
|
17
|
+
isVirtual: boolean;
|
|
18
|
+
} | null;
|
|
19
|
+
/** 是否启用循环播放 */
|
|
20
|
+
loopEnabled: boolean;
|
|
21
|
+
/** 循环播放时前置克隆节点数量 */
|
|
22
|
+
clonesBefore: number;
|
|
23
|
+
/** 滑动方向 */
|
|
24
|
+
direction: 'horizontal' | 'vertical';
|
|
25
|
+
/** 单个滑块的像素大小 */
|
|
26
|
+
slidePixels: number;
|
|
27
|
+
/** 扩展后的总数(包含克隆节点) */
|
|
28
|
+
extTotal: number;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* 轮播图滑块渲染组件
|
|
33
|
+
*
|
|
34
|
+
* 负责渲染轮播图的滑块内容,使用 data + renderItem 模式。
|
|
35
|
+
* 实现虚拟渲染优化,仅渲染可见范围内的滑块,并处理循环播放时的克隆逻辑。
|
|
36
|
+
* 为虚拟渲染添加前后占位空间,确保滚动位置正确。
|
|
37
|
+
*
|
|
38
|
+
* @template Data - 数据项类型
|
|
39
|
+
* @param props - 组件属性配置
|
|
40
|
+
* @param props.data - 数据源数组
|
|
41
|
+
* @param props.renderItem - 渲染每一项的函数
|
|
42
|
+
* @param props.total - 轮播项总数
|
|
43
|
+
* @param props.virtualRange - 虚拟渲染范围(start、end、isVirtual)
|
|
44
|
+
* @param props.loopEnabled - 是否启用循环播放
|
|
45
|
+
* @param props.clonesBefore - 循环播放时前置克隆节点数量
|
|
46
|
+
* @param props.direction - 滑动方向
|
|
47
|
+
* @param props.slidePixels - 单个滑块的像素大小
|
|
48
|
+
* @param props.extTotal - 扩展后的总数(包含克隆节点)
|
|
49
|
+
*
|
|
50
|
+
* @returns 渲染的滑块内容或 null
|
|
51
|
+
*/
|
|
52
|
+
export const CarouselSlides = <Data = unknown,>(
|
|
53
|
+
props: CarouselSlidesProps<Data>,
|
|
54
|
+
) => {
|
|
55
|
+
const {
|
|
56
|
+
data,
|
|
57
|
+
renderItem,
|
|
58
|
+
total,
|
|
59
|
+
virtualRange,
|
|
60
|
+
loopEnabled,
|
|
61
|
+
clonesBefore,
|
|
62
|
+
direction,
|
|
63
|
+
slidePixels,
|
|
64
|
+
extTotal,
|
|
65
|
+
} = props;
|
|
66
|
+
|
|
67
|
+
// 计算滑块包装器样式
|
|
68
|
+
const slideWrapperStyle: ViewStyle = useMemo(() => {
|
|
69
|
+
return direction === 'horizontal'
|
|
70
|
+
? { width: slidePixels, height: '100%' }
|
|
71
|
+
: { height: slidePixels, width: '100%' };
|
|
72
|
+
}, [direction, slidePixels]);
|
|
73
|
+
|
|
74
|
+
// 计算虚拟渲染的占位空间样式
|
|
75
|
+
const spacerStyles = useMemo(() => {
|
|
76
|
+
if (!virtualRange) return null;
|
|
77
|
+
|
|
78
|
+
const { start, end } = virtualRange;
|
|
79
|
+
const leadingSize = start * slidePixels;
|
|
80
|
+
const trailingSize = (extTotal - end - 1) * slidePixels;
|
|
81
|
+
|
|
82
|
+
return {
|
|
83
|
+
leading:
|
|
84
|
+
direction === 'horizontal'
|
|
85
|
+
? { width: leadingSize }
|
|
86
|
+
: { height: leadingSize },
|
|
87
|
+
trailing:
|
|
88
|
+
direction === 'horizontal'
|
|
89
|
+
? { width: trailingSize }
|
|
90
|
+
: { height: trailingSize },
|
|
91
|
+
leadingSize,
|
|
92
|
+
trailingSize,
|
|
93
|
+
};
|
|
94
|
+
}, [virtualRange, slidePixels, extTotal, direction]);
|
|
95
|
+
|
|
96
|
+
const getIndexFromExtIndex = useMemoizedFn((extIndex: number) => {
|
|
97
|
+
if (!loopEnabled) return clamp(extIndex, 0, total - 1);
|
|
98
|
+
if (extIndex < clonesBefore) {
|
|
99
|
+
return (((extIndex - clonesBefore) % total) + total) % total;
|
|
100
|
+
}
|
|
101
|
+
if (extIndex >= clonesBefore + total) {
|
|
102
|
+
return (extIndex - clonesBefore - total) % total;
|
|
103
|
+
}
|
|
104
|
+
return extIndex - clonesBefore;
|
|
105
|
+
});
|
|
106
|
+
|
|
107
|
+
// 渲染滑块元素
|
|
108
|
+
const slideElements = useMemo(() => {
|
|
109
|
+
if (!virtualRange) return null;
|
|
110
|
+
|
|
111
|
+
const { start, end } = virtualRange;
|
|
112
|
+
const elements: ReactNode[] = [];
|
|
113
|
+
|
|
114
|
+
const getElementForExtIndex = (extIndex: number) => {
|
|
115
|
+
const logicalIndex = loopEnabled
|
|
116
|
+
? getIndexFromExtIndex(extIndex)
|
|
117
|
+
: clamp(extIndex, 0, total - 1);
|
|
118
|
+
|
|
119
|
+
const item = data[logicalIndex];
|
|
120
|
+
return renderItem(item, logicalIndex);
|
|
121
|
+
};
|
|
122
|
+
|
|
123
|
+
for (let extIndex = start; extIndex <= end; extIndex += 1) {
|
|
124
|
+
const element = getElementForExtIndex(extIndex);
|
|
125
|
+
if (!element) continue;
|
|
126
|
+
elements.push(
|
|
127
|
+
<View key={extIndex} style={slideWrapperStyle}>
|
|
128
|
+
{element}
|
|
129
|
+
</View>,
|
|
130
|
+
);
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
return elements;
|
|
134
|
+
}, [
|
|
135
|
+
virtualRange,
|
|
136
|
+
loopEnabled,
|
|
137
|
+
total,
|
|
138
|
+
data,
|
|
139
|
+
renderItem,
|
|
140
|
+
slideWrapperStyle,
|
|
141
|
+
getIndexFromExtIndex,
|
|
142
|
+
]);
|
|
143
|
+
|
|
144
|
+
// 前置占位空间
|
|
145
|
+
const leadSpacer = useMemo(() => {
|
|
146
|
+
if (
|
|
147
|
+
!virtualRange?.isVirtual ||
|
|
148
|
+
!spacerStyles ||
|
|
149
|
+
spacerStyles.leadingSize <= 0
|
|
150
|
+
) {
|
|
151
|
+
return null;
|
|
152
|
+
}
|
|
153
|
+
return <View style={spacerStyles.leading} />;
|
|
154
|
+
}, [virtualRange?.isVirtual, spacerStyles]);
|
|
155
|
+
|
|
156
|
+
// 后置占位空间
|
|
157
|
+
const trailSpacer = useMemo(() => {
|
|
158
|
+
if (
|
|
159
|
+
!virtualRange?.isVirtual ||
|
|
160
|
+
!spacerStyles ||
|
|
161
|
+
spacerStyles.trailingSize <= 0
|
|
162
|
+
) {
|
|
163
|
+
return null;
|
|
164
|
+
}
|
|
165
|
+
return <View style={spacerStyles.trailing} />;
|
|
166
|
+
}, [virtualRange?.isVirtual, spacerStyles]);
|
|
167
|
+
|
|
168
|
+
if (!virtualRange) return null;
|
|
169
|
+
|
|
170
|
+
return (
|
|
171
|
+
<>
|
|
172
|
+
{leadSpacer}
|
|
173
|
+
{slideElements}
|
|
174
|
+
{trailSpacer}
|
|
175
|
+
</>
|
|
176
|
+
);
|
|
177
|
+
};
|