@dckj-npm/dc-material 0.1.328 → 0.1.331
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/build/lowcode/assets-daily.json +13 -13
- package/build/lowcode/assets-dev.json +2 -2
- package/build/lowcode/assets-prod.json +13 -13
- package/build/lowcode/meta.design.js +1 -1
- package/build/lowcode/meta.js +1 -1
- package/build/lowcode/render/default/view.css +1 -1
- package/build/lowcode/render/default/view.js +1 -1
- package/build/lowcode/view.css +1 -1
- package/build/lowcode/view.js +1 -1
- package/lowcode_es/meta.js +1 -1
- package/lowcode_lib/meta.js +1 -1
- package/package.json +2 -2
- package/build/index.css +0 -2
- package/build/index.html +0 -1
- package/build/index.js +0 -53
- package/es/assets/icon/grid-nav/right.png +0 -0
- package/es/assets/icon/integral-task/icon1.png +0 -0
- package/es/assets/icon/navigation/index-selected.png +0 -0
- package/es/assets/icon/navigation/index.png +0 -0
- package/es/assets/icon/navigation/message-selected.png +0 -0
- package/es/assets/icon/navigation/message.png +0 -0
- package/es/assets/icon/navigation/mine-selected.png +0 -0
- package/es/assets/icon/navigation/mine.png +0 -0
- package/es/assets/icon/navigation/present-selected.png +0 -0
- package/es/assets/icon/navigation/present.png +0 -0
- package/es/assets/icon/notice-bar/notice.png +0 -0
- package/es/assets/icon/position/arror.png +0 -0
- package/es/assets/icon/position/img.png +0 -0
- package/es/assets/icon/position/location.png +0 -0
- package/es/assets/icon/search/delete.png +0 -0
- package/es/assets/icon/search/search.png +0 -0
- package/es/assets/icon/teletext-list/arr.png +0 -0
- package/es/components/bottom-navigation/bottom-navigation.d.ts +0 -15
- package/es/components/bottom-navigation/bottom-navigation.js +0 -53
- package/es/components/bottom-navigation/index.d.ts +0 -3
- package/es/components/bottom-navigation/index.js +0 -2
- package/es/components/bottom-navigation/index.scss +0 -24
- package/es/components/button/button.d.ts +0 -14
- package/es/components/button/button.js +0 -14
- package/es/components/button/index.d.ts +0 -6
- package/es/components/button/index.js +0 -5
- package/es/components/button/index.scss +0 -16
- package/es/components/carousel/carousel.d.ts +0 -14
- package/es/components/carousel/carousel.js +0 -75
- package/es/components/carousel/carousel.scss +0 -32
- package/es/components/colorful-button/colorful-button.d.ts +0 -12
- package/es/components/colorful-button/colorful-button.js +0 -25
- package/es/components/colorful-button/index.d.ts +0 -3
- package/es/components/colorful-button/index.js +0 -2
- package/es/components/colorful-button/index.scss +0 -5
- package/es/components/colorful-input/colorful-input.d.ts +0 -8
- package/es/components/colorful-input/colorful-input.js +0 -19
- package/es/components/colorful-input/index.d.ts +0 -3
- package/es/components/colorful-input/index.js +0 -2
- package/es/components/colorful-input/index.scss +0 -5
- package/es/components/form/form-item.d.ts +0 -42
- package/es/components/form/form-item.js +0 -79
- package/es/components/form/form-item.scss +0 -20
- package/es/components/form/form.d.ts +0 -57
- package/es/components/form/form.js +0 -46
- package/es/components/form/index.d.ts +0 -6
- package/es/components/form/index.js +0 -6
- package/es/components/form/index.scss +0 -22
- package/es/components/form/next-wrapper.d.ts +0 -54
- package/es/components/form/next-wrapper.js +0 -43
- package/es/components/goods-card-list/goods-card-list-common.d.ts +0 -5
- package/es/components/goods-card-list/goods-card-list-common.js +0 -60
- package/es/components/goods-card-list/goods-card-list-common.scss +0 -118
- package/es/components/goods-card-list/goods-card-list.d.ts +0 -5
- package/es/components/goods-card-list/goods-card-list.js +0 -156
- package/es/components/goods-card-list/goods-card-list.scss +0 -112
- package/es/components/goods-card-list/index.d.ts +0 -4
- package/es/components/goods-card-list/index.js +0 -3
- package/es/components/goods-card-list/types.d.ts +0 -45
- package/es/components/goods-card-list/types.js +0 -1
- package/es/components/grid-nav/grid-nav.d.ts +0 -13
- package/es/components/grid-nav/grid-nav.js +0 -102
- package/es/components/grid-nav/index.d.ts +0 -3
- package/es/components/grid-nav/index.js +0 -2
- package/es/components/grid-nav/index.scss +0 -50
- package/es/components/integral-task/index.d.ts +0 -6
- package/es/components/integral-task/index.js +0 -5
- package/es/components/integral-task/index.scss +0 -35
- package/es/components/integral-task/integral-task.d.ts +0 -40
- package/es/components/integral-task/integral-task.js +0 -54
- package/es/components/menu-list/index.d.ts +0 -6
- package/es/components/menu-list/index.js +0 -6
- package/es/components/menu-list/index.scss +0 -16
- package/es/components/menu-list/menu-list-item.d.ts +0 -5
- package/es/components/menu-list/menu-list-item.js +0 -32
- package/es/components/menu-list/menu-list-item.scss +0 -49
- package/es/components/menu-list/menu-list.d.ts +0 -5
- package/es/components/menu-list/menu-list.js +0 -25
- package/es/components/menu-list/types.d.ts +0 -23
- package/es/components/menu-list/types.js +0 -1
- package/es/components/message-list/index.d.ts +0 -6
- package/es/components/message-list/index.js +0 -6
- package/es/components/message-list/index.scss +0 -22
- package/es/components/message-list/message-list-item.d.ts +0 -33
- package/es/components/message-list/message-list-item.js +0 -41
- package/es/components/message-list/message-list-item.scss +0 -60
- package/es/components/message-list/message-list.d.ts +0 -28
- package/es/components/message-list/message-list.js +0 -53
- package/es/components/notice-bar/index.d.ts +0 -3
- package/es/components/notice-bar/index.js +0 -2
- package/es/components/notice-bar/index.scss +0 -84
- package/es/components/notice-bar/notice-bar-item.d.ts +0 -18
- package/es/components/notice-bar/notice-bar-item.js +0 -30
- package/es/components/notice-bar/notice-bar-item.scss +0 -26
- package/es/components/notice-bar/notice-bar.d.ts +0 -46
- package/es/components/notice-bar/notice-bar.js +0 -57
- package/es/components/position/entity.d.ts +0 -5
- package/es/components/position/entity.js +0 -1
- package/es/components/position/index.d.ts +0 -3
- package/es/components/position/index.js +0 -2
- package/es/components/position/index.scss +0 -27
- package/es/components/position/position-left.d.ts +0 -9
- package/es/components/position/position-left.js +0 -28
- package/es/components/position/position-list.d.ts +0 -11
- package/es/components/position/position-list.js +0 -29
- package/es/components/position/position.d.ts +0 -8
- package/es/components/position/position.js +0 -48
- package/es/components/radio-group/index.d.ts +0 -8
- package/es/components/radio-group/index.js +0 -7
- package/es/components/radio-group/index.scss +0 -40
- package/es/components/radio-group/radio-group-item.d.ts +0 -48
- package/es/components/radio-group/radio-group-item.js +0 -74
- package/es/components/radio-group/radio-group.d.ts +0 -52
- package/es/components/radio-group/radio-group.js +0 -80
- package/es/components/rich-text/index.d.ts +0 -6
- package/es/components/rich-text/index.js +0 -6
- package/es/components/rich-text/index.scss +0 -19
- package/es/components/rich-text/rich-text.d.ts +0 -14
- package/es/components/rich-text/rich-text.js +0 -37
- package/es/components/search-bar/index.d.ts +0 -3
- package/es/components/search-bar/index.js +0 -2
- package/es/components/search-bar/index.scss +0 -39
- package/es/components/search-bar/search-bar.d.ts +0 -10
- package/es/components/search-bar/search-bar.js +0 -73
- package/es/components/stream-list/index.d.ts +0 -6
- package/es/components/stream-list/index.js +0 -6
- package/es/components/stream-list/index.scss +0 -26
- package/es/components/stream-list/stream-list.d.ts +0 -54
- package/es/components/stream-list/stream-list.js +0 -159
- package/es/components/swiper/index.d.ts +0 -3
- package/es/components/swiper/index.js +0 -2
- package/es/components/swiper/index.scss +0 -33
- package/es/components/swiper/swiper.d.ts +0 -26
- package/es/components/swiper/swiper.js +0 -77
- package/es/components/tab/index.d.ts +0 -6
- package/es/components/tab/index.js +0 -5
- package/es/components/tab/index.scss +0 -39
- package/es/components/tab/tab.d.ts +0 -27
- package/es/components/tab/tab.js +0 -50
- package/es/components/tab-container/index.d.ts +0 -3
- package/es/components/tab-container/index.js +0 -2
- package/es/components/tab-container/index.scss +0 -48
- package/es/components/tab-container/tab-container.d.ts +0 -10
- package/es/components/tab-container/tab-container.js +0 -26
- package/es/components/tab-container-item/index.d.ts +0 -3
- package/es/components/tab-container-item/index.js +0 -2
- package/es/components/tab-container-item/index.scss +0 -0
- package/es/components/tab-container-item/tab-container-item.d.ts +0 -11
- package/es/components/tab-container-item/tab-container-item.js +0 -19
- package/es/components/tag/index.d.ts +0 -6
- package/es/components/tag/index.js +0 -5
- package/es/components/tag/index.scss +0 -24
- package/es/components/tag/tag.d.ts +0 -14
- package/es/components/tag/tag.js +0 -14
- package/es/components/teletext-list/index.d.ts +0 -6
- package/es/components/teletext-list/index.js +0 -6
- package/es/components/teletext-list/index.scss +0 -40
- package/es/components/teletext-list/teletext-list-item.d.ts +0 -33
- package/es/components/teletext-list/teletext-list-item.js +0 -61
- package/es/components/teletext-list/teletext-list-item.scss +0 -57
- package/es/components/teletext-list/teletext-list.d.ts +0 -61
- package/es/components/teletext-list/teletext-list.js +0 -48
- package/es/components/title/index.d.ts +0 -8
- package/es/components/title/index.js +0 -7
- package/es/components/title/title-1.d.ts +0 -10
- package/es/components/title/title-1.js +0 -16
- package/es/components/title/title-1.scss +0 -25
- package/es/components/title/title-2.d.ts +0 -18
- package/es/components/title/title-2.js +0 -31
- package/es/components/title/title-2.scss +0 -22
- package/es/entity/dynamic-column-data-type.d.ts +0 -47
- package/es/entity/dynamic-column-data-type.js +0 -165
- package/es/index.d.ts +0 -46
- package/es/index.js +0 -86
- package/es/index.scss +0 -6
- package/es/style.js +0 -4
- package/es/utils/children-node-handle.d.ts +0 -9
- package/es/utils/children-node-handle.js +0 -25
- package/es/utils/component-wrapper.d.ts +0 -9
- package/es/utils/component-wrapper.js +0 -38
- package/es/utils/debounce.d.ts +0 -1
- package/es/utils/debounce.js +0 -14
- package/es/utils/textUtil.d.ts +0 -10
- package/es/utils/textUtil.js +0 -51
- package/es/utils/time-util.d.ts +0 -5
- package/es/utils/time-util.js +0 -18
- package/es/variables.d.ts +0 -2
- package/es/variables.js +0 -2
- package/es/variables.scss +0 -3
- package/lib/assets/icon/grid-nav/right.png +0 -0
- package/lib/assets/icon/integral-task/icon1.png +0 -0
- package/lib/assets/icon/navigation/index-selected.png +0 -0
- package/lib/assets/icon/navigation/index.png +0 -0
- package/lib/assets/icon/navigation/message-selected.png +0 -0
- package/lib/assets/icon/navigation/message.png +0 -0
- package/lib/assets/icon/navigation/mine-selected.png +0 -0
- package/lib/assets/icon/navigation/mine.png +0 -0
- package/lib/assets/icon/navigation/present-selected.png +0 -0
- package/lib/assets/icon/navigation/present.png +0 -0
- package/lib/assets/icon/notice-bar/notice.png +0 -0
- package/lib/assets/icon/position/arror.png +0 -0
- package/lib/assets/icon/position/img.png +0 -0
- package/lib/assets/icon/position/location.png +0 -0
- package/lib/assets/icon/search/delete.png +0 -0
- package/lib/assets/icon/search/search.png +0 -0
- package/lib/assets/icon/teletext-list/arr.png +0 -0
- package/lib/components/bottom-navigation/bottom-navigation.d.ts +0 -15
- package/lib/components/bottom-navigation/bottom-navigation.js +0 -60
- package/lib/components/bottom-navigation/index.d.ts +0 -3
- package/lib/components/bottom-navigation/index.js +0 -7
- package/lib/components/bottom-navigation/index.scss +0 -24
- package/lib/components/button/button.d.ts +0 -14
- package/lib/components/button/button.js +0 -21
- package/lib/components/button/index.d.ts +0 -6
- package/lib/components/button/index.js +0 -10
- package/lib/components/button/index.scss +0 -16
- package/lib/components/carousel/carousel.d.ts +0 -14
- package/lib/components/carousel/carousel.js +0 -81
- package/lib/components/carousel/carousel.scss +0 -32
- package/lib/components/colorful-button/colorful-button.d.ts +0 -12
- package/lib/components/colorful-button/colorful-button.js +0 -32
- package/lib/components/colorful-button/index.d.ts +0 -3
- package/lib/components/colorful-button/index.js +0 -7
- package/lib/components/colorful-button/index.scss +0 -5
- package/lib/components/colorful-input/colorful-input.d.ts +0 -8
- package/lib/components/colorful-input/colorful-input.js +0 -26
- package/lib/components/colorful-input/index.d.ts +0 -3
- package/lib/components/colorful-input/index.js +0 -7
- package/lib/components/colorful-input/index.scss +0 -5
- package/lib/components/form/form-item.d.ts +0 -42
- package/lib/components/form/form-item.js +0 -86
- package/lib/components/form/form-item.scss +0 -20
- package/lib/components/form/form.d.ts +0 -57
- package/lib/components/form/form.js +0 -49
- package/lib/components/form/index.d.ts +0 -6
- package/lib/components/form/index.js +0 -6
- package/lib/components/form/index.scss +0 -22
- package/lib/components/form/next-wrapper.d.ts +0 -54
- package/lib/components/form/next-wrapper.js +0 -49
- package/lib/components/goods-card-list/goods-card-list-common.d.ts +0 -5
- package/lib/components/goods-card-list/goods-card-list-common.js +0 -65
- package/lib/components/goods-card-list/goods-card-list-common.scss +0 -118
- package/lib/components/goods-card-list/goods-card-list.d.ts +0 -5
- package/lib/components/goods-card-list/goods-card-list.js +0 -163
- package/lib/components/goods-card-list/goods-card-list.scss +0 -112
- package/lib/components/goods-card-list/index.d.ts +0 -4
- package/lib/components/goods-card-list/index.js +0 -8
- package/lib/components/goods-card-list/types.d.ts +0 -45
- package/lib/components/goods-card-list/types.js +0 -3
- package/lib/components/grid-nav/grid-nav.d.ts +0 -13
- package/lib/components/grid-nav/grid-nav.js +0 -109
- package/lib/components/grid-nav/index.d.ts +0 -3
- package/lib/components/grid-nav/index.js +0 -7
- package/lib/components/grid-nav/index.scss +0 -50
- package/lib/components/integral-task/index.d.ts +0 -6
- package/lib/components/integral-task/index.js +0 -10
- package/lib/components/integral-task/index.scss +0 -35
- package/lib/components/integral-task/integral-task.d.ts +0 -40
- package/lib/components/integral-task/integral-task.js +0 -61
- package/lib/components/menu-list/index.d.ts +0 -6
- package/lib/components/menu-list/index.js +0 -10
- package/lib/components/menu-list/index.scss +0 -16
- package/lib/components/menu-list/menu-list-item.d.ts +0 -5
- package/lib/components/menu-list/menu-list-item.js +0 -37
- package/lib/components/menu-list/menu-list-item.scss +0 -49
- package/lib/components/menu-list/menu-list.d.ts +0 -5
- package/lib/components/menu-list/menu-list.js +0 -30
- package/lib/components/menu-list/types.d.ts +0 -23
- package/lib/components/menu-list/types.js +0 -3
- package/lib/components/message-list/index.d.ts +0 -6
- package/lib/components/message-list/index.js +0 -10
- package/lib/components/message-list/index.scss +0 -22
- package/lib/components/message-list/message-list-item.d.ts +0 -33
- package/lib/components/message-list/message-list-item.js +0 -45
- package/lib/components/message-list/message-list-item.scss +0 -60
- package/lib/components/message-list/message-list.d.ts +0 -28
- package/lib/components/message-list/message-list.js +0 -60
- package/lib/components/notice-bar/index.d.ts +0 -3
- package/lib/components/notice-bar/index.js +0 -7
- package/lib/components/notice-bar/index.scss +0 -84
- package/lib/components/notice-bar/notice-bar-item.d.ts +0 -18
- package/lib/components/notice-bar/notice-bar-item.js +0 -35
- package/lib/components/notice-bar/notice-bar-item.scss +0 -26
- package/lib/components/notice-bar/notice-bar.d.ts +0 -46
- package/lib/components/notice-bar/notice-bar.js +0 -62
- package/lib/components/position/entity.d.ts +0 -5
- package/lib/components/position/entity.js +0 -3
- package/lib/components/position/index.d.ts +0 -3
- package/lib/components/position/index.js +0 -7
- package/lib/components/position/index.scss +0 -27
- package/lib/components/position/position-left.d.ts +0 -9
- package/lib/components/position/position-left.js +0 -35
- package/lib/components/position/position-list.d.ts +0 -11
- package/lib/components/position/position-list.js +0 -35
- package/lib/components/position/position.d.ts +0 -8
- package/lib/components/position/position.js +0 -55
- package/lib/components/radio-group/index.d.ts +0 -8
- package/lib/components/radio-group/index.js +0 -8
- package/lib/components/radio-group/index.scss +0 -40
- package/lib/components/radio-group/radio-group-item.d.ts +0 -48
- package/lib/components/radio-group/radio-group-item.js +0 -79
- package/lib/components/radio-group/radio-group.d.ts +0 -52
- package/lib/components/radio-group/radio-group.js +0 -87
- package/lib/components/rich-text/index.d.ts +0 -6
- package/lib/components/rich-text/index.js +0 -6
- package/lib/components/rich-text/index.scss +0 -19
- package/lib/components/rich-text/rich-text.d.ts +0 -14
- package/lib/components/rich-text/rich-text.js +0 -42
- package/lib/components/search-bar/index.d.ts +0 -3
- package/lib/components/search-bar/index.js +0 -7
- package/lib/components/search-bar/index.scss +0 -39
- package/lib/components/search-bar/search-bar.d.ts +0 -10
- package/lib/components/search-bar/search-bar.js +0 -80
- package/lib/components/stream-list/index.d.ts +0 -6
- package/lib/components/stream-list/index.js +0 -6
- package/lib/components/stream-list/index.scss +0 -26
- package/lib/components/stream-list/stream-list.d.ts +0 -54
- package/lib/components/stream-list/stream-list.js +0 -166
- package/lib/components/swiper/index.d.ts +0 -3
- package/lib/components/swiper/index.js +0 -7
- package/lib/components/swiper/index.scss +0 -33
- package/lib/components/swiper/swiper.d.ts +0 -26
- package/lib/components/swiper/swiper.js +0 -84
- package/lib/components/tab/index.d.ts +0 -6
- package/lib/components/tab/index.js +0 -10
- package/lib/components/tab/index.scss +0 -39
- package/lib/components/tab/tab.d.ts +0 -27
- package/lib/components/tab/tab.js +0 -57
- package/lib/components/tab-container/index.d.ts +0 -3
- package/lib/components/tab-container/index.js +0 -6
- package/lib/components/tab-container/index.scss +0 -48
- package/lib/components/tab-container/tab-container.d.ts +0 -10
- package/lib/components/tab-container/tab-container.js +0 -31
- package/lib/components/tab-container-item/index.d.ts +0 -3
- package/lib/components/tab-container-item/index.js +0 -6
- package/lib/components/tab-container-item/index.scss +0 -0
- package/lib/components/tab-container-item/tab-container-item.d.ts +0 -11
- package/lib/components/tab-container-item/tab-container-item.js +0 -24
- package/lib/components/tag/index.d.ts +0 -6
- package/lib/components/tag/index.js +0 -10
- package/lib/components/tag/index.scss +0 -24
- package/lib/components/tag/tag.d.ts +0 -14
- package/lib/components/tag/tag.js +0 -21
- package/lib/components/teletext-list/index.d.ts +0 -6
- package/lib/components/teletext-list/index.js +0 -6
- package/lib/components/teletext-list/index.scss +0 -40
- package/lib/components/teletext-list/teletext-list-item.d.ts +0 -33
- package/lib/components/teletext-list/teletext-list-item.js +0 -65
- package/lib/components/teletext-list/teletext-list-item.scss +0 -57
- package/lib/components/teletext-list/teletext-list.d.ts +0 -61
- package/lib/components/teletext-list/teletext-list.js +0 -52
- package/lib/components/title/index.d.ts +0 -8
- package/lib/components/title/index.js +0 -8
- package/lib/components/title/title-1.d.ts +0 -10
- package/lib/components/title/title-1.js +0 -21
- package/lib/components/title/title-1.scss +0 -25
- package/lib/components/title/title-2.d.ts +0 -18
- package/lib/components/title/title-2.js +0 -36
- package/lib/components/title/title-2.scss +0 -22
- package/lib/entity/dynamic-column-data-type.d.ts +0 -47
- package/lib/entity/dynamic-column-data-type.js +0 -169
- package/lib/index.d.ts +0 -46
- package/lib/index.js +0 -95
- package/lib/index.scss +0 -6
- package/lib/style.js +0 -4
- package/lib/utils/children-node-handle.d.ts +0 -9
- package/lib/utils/children-node-handle.js +0 -30
- package/lib/utils/component-wrapper.d.ts +0 -9
- package/lib/utils/component-wrapper.js +0 -45
- package/lib/utils/debounce.d.ts +0 -1
- package/lib/utils/debounce.js +0 -18
- package/lib/utils/textUtil.d.ts +0 -10
- package/lib/utils/textUtil.js +0 -55
- package/lib/utils/time-util.d.ts +0 -5
- package/lib/utils/time-util.js +0 -22
- package/lib/variables.d.ts +0 -2
- package/lib/variables.js +0 -5
- package/lib/variables.scss +0 -3
|
@@ -1,166 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
exports.__esModule = true;
|
|
5
|
-
exports["default"] = void 0;
|
|
6
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
7
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
require("./index.scss");
|
|
10
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
11
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
12
|
-
/**
|
|
13
|
-
* StreamList 组件
|
|
14
|
-
*/
|
|
15
|
-
var StreamList = function StreamList(_ref) {
|
|
16
|
-
var children = _ref.children,
|
|
17
|
-
onNextPage = _ref.onNextPage,
|
|
18
|
-
onRefreshPage = _ref.onRefreshPage,
|
|
19
|
-
_ref$refreshingText = _ref.refreshingText,
|
|
20
|
-
refreshingText = _ref$refreshingText === void 0 ? '正在刷新中...' : _ref$refreshingText,
|
|
21
|
-
_ref$loadingText = _ref.loadingText,
|
|
22
|
-
loadingText = _ref$loadingText === void 0 ? '加载中...' : _ref$loadingText,
|
|
23
|
-
_ref$loadMoreText = _ref.loadMoreText,
|
|
24
|
-
loadMoreText = _ref$loadMoreText === void 0 ? '加载更多' : _ref$loadMoreText,
|
|
25
|
-
_ref$isLastPage = _ref.isLastPage,
|
|
26
|
-
isLastPage = _ref$isLastPage === void 0 ? false : _ref$isLastPage,
|
|
27
|
-
_ref$nowPage = _ref.nowPage,
|
|
28
|
-
nowPage = _ref$nowPage === void 0 ? 1 : _ref$nowPage;
|
|
29
|
-
var _useState = (0, _react.useState)(false),
|
|
30
|
-
isLoading = _useState[0],
|
|
31
|
-
setIsLoading = _useState[1];
|
|
32
|
-
var _useState2 = (0, _react.useState)(false),
|
|
33
|
-
isRefreshing = _useState2[0],
|
|
34
|
-
setIsRefreshing = _useState2[1];
|
|
35
|
-
// 下拉刷新的阈值
|
|
36
|
-
var threshold = 50;
|
|
37
|
-
// 最大下拉距离
|
|
38
|
-
var maxPullDistance = 100;
|
|
39
|
-
var _useState3 = (0, _react.useState)(0),
|
|
40
|
-
pullDistance = _useState3[0],
|
|
41
|
-
setPullDistance = _useState3[1];
|
|
42
|
-
var startYRef = (0, _react.useRef)(0);
|
|
43
|
-
var _useState4 = (0, _react.useState)(false),
|
|
44
|
-
isDragging = _useState4[0],
|
|
45
|
-
setIsDragging = _useState4[1];
|
|
46
|
-
var observerRef = (0, _react.useRef)(null);
|
|
47
|
-
// 防止初始加载直接请求下一页
|
|
48
|
-
var hasInitialLoad = (0, _react.useRef)(false);
|
|
49
|
-
|
|
50
|
-
// 监听加载下一页数据
|
|
51
|
-
(0, _react.useEffect)(function () {
|
|
52
|
-
if (isRefreshing || isLastPage) {
|
|
53
|
-
// @ts-ignore
|
|
54
|
-
return;
|
|
55
|
-
}
|
|
56
|
-
var spinElement = document.querySelector('.spin');
|
|
57
|
-
if (spinElement && !observerRef.current) {
|
|
58
|
-
// 创建 IntersectionObserver 观察器
|
|
59
|
-
observerRef.current = new IntersectionObserver(function (entries) {
|
|
60
|
-
var entry = entries[0];
|
|
61
|
-
if (entry.isIntersecting && !isLoading) {
|
|
62
|
-
setIsLoading(true);
|
|
63
|
-
var nextPage = nowPage + 1;
|
|
64
|
-
onNextPage({
|
|
65
|
-
page: nextPage
|
|
66
|
-
}).then(function (res) {})["catch"](function (err) {
|
|
67
|
-
console.error('加载下一页失败:', err);
|
|
68
|
-
})["finally"](function () {
|
|
69
|
-
return setIsLoading(false);
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
}, {
|
|
73
|
-
threshold: 0.4
|
|
74
|
-
});
|
|
75
|
-
// 观察加载更多元素
|
|
76
|
-
observerRef.current.observe(spinElement);
|
|
77
|
-
}
|
|
78
|
-
return function () {
|
|
79
|
-
if (observerRef.current) {
|
|
80
|
-
// 清除观察者
|
|
81
|
-
observerRef.current.disconnect();
|
|
82
|
-
observerRef.current = null;
|
|
83
|
-
}
|
|
84
|
-
};
|
|
85
|
-
}, [nowPage, isLoading, isRefreshing, isLastPage]);
|
|
86
|
-
|
|
87
|
-
// 初始化加载标记
|
|
88
|
-
(0, _react.useEffect)(function () {
|
|
89
|
-
hasInitialLoad.current = true;
|
|
90
|
-
}, []);
|
|
91
|
-
|
|
92
|
-
// 处理触摸和鼠标事件
|
|
93
|
-
var handleTouchStart = function handleTouchStart(e) {
|
|
94
|
-
startYRef.current = 'touches' in e ? e.touches[0].clientY : e.clientY;
|
|
95
|
-
setIsDragging(true);
|
|
96
|
-
};
|
|
97
|
-
var handleTouchMove = function handleTouchMove(e) {
|
|
98
|
-
if (isRefreshing || !isDragging && !('touches' in e)) return;
|
|
99
|
-
var clientY = 'touches' in e ? e.touches[0].clientY : e.clientY;
|
|
100
|
-
var distance = clientY - startYRef.current;
|
|
101
|
-
|
|
102
|
-
// 更新下拉距离
|
|
103
|
-
if (distance > 0 && distance <= maxPullDistance) {
|
|
104
|
-
setPullDistance(distance);
|
|
105
|
-
} else if (distance > maxPullDistance) {
|
|
106
|
-
setPullDistance(maxPullDistance);
|
|
107
|
-
}
|
|
108
|
-
};
|
|
109
|
-
var handleTouchEnd = /*#__PURE__*/function () {
|
|
110
|
-
var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
|
|
111
|
-
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
112
|
-
while (1) switch (_context.prev = _context.next) {
|
|
113
|
-
case 0:
|
|
114
|
-
setIsDragging(false);
|
|
115
|
-
if (pullDistance > threshold) {
|
|
116
|
-
setIsRefreshing(true);
|
|
117
|
-
setPullDistance(0);
|
|
118
|
-
onRefreshPage().then(function (res) {})["catch"](function (err) {
|
|
119
|
-
console.error('刷新失败:', err);
|
|
120
|
-
})["finally"](function () {
|
|
121
|
-
setIsRefreshing(false);
|
|
122
|
-
});
|
|
123
|
-
} else {
|
|
124
|
-
setPullDistance(0); // 重置下拉距离
|
|
125
|
-
}
|
|
126
|
-
case 2:
|
|
127
|
-
case "end":
|
|
128
|
-
return _context.stop();
|
|
129
|
-
}
|
|
130
|
-
}, _callee);
|
|
131
|
-
}));
|
|
132
|
-
return function handleTouchEnd() {
|
|
133
|
-
return _ref2.apply(this, arguments);
|
|
134
|
-
};
|
|
135
|
-
}();
|
|
136
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
137
|
-
onTouchStart: handleTouchStart,
|
|
138
|
-
onTouchMove: handleTouchMove,
|
|
139
|
-
onTouchEnd: handleTouchEnd,
|
|
140
|
-
onMouseDown: handleTouchStart,
|
|
141
|
-
onMouseMove: handleTouchMove,
|
|
142
|
-
onMouseUp: handleTouchEnd,
|
|
143
|
-
className: "stream-list-container"
|
|
144
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
145
|
-
className: "refresh-indicator",
|
|
146
|
-
style: {
|
|
147
|
-
position: 'fixed',
|
|
148
|
-
top: 0,
|
|
149
|
-
left: 0,
|
|
150
|
-
right: 0,
|
|
151
|
-
transform: "translateY(" + (isRefreshing ? threshold : pullDistance) + "px)",
|
|
152
|
-
transition: isRefreshing || pullDistance === 0 ? 'transform 0.3s ease' : 'none'
|
|
153
|
-
}
|
|
154
|
-
}, isRefreshing && /*#__PURE__*/_react["default"].createElement("span", null, refreshingText)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
155
|
-
style: {
|
|
156
|
-
transform: "translateY(" + (isRefreshing ? threshold : pullDistance) + "px)",
|
|
157
|
-
transition: 'transform 0.3s ease'
|
|
158
|
-
}
|
|
159
|
-
}, children), !isRefreshing && !isLastPage && (isLoading ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
160
|
-
className: "loading-text"
|
|
161
|
-
}, loadingText) : /*#__PURE__*/_react["default"].createElement("div", {
|
|
162
|
-
className: "spin"
|
|
163
|
-
}, loadMoreText)));
|
|
164
|
-
};
|
|
165
|
-
StreamList.displayName = 'StreamList';
|
|
166
|
-
var _default = exports["default"] = StreamList;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
exports.__esModule = true;
|
|
5
|
-
exports["default"] = void 0;
|
|
6
|
-
var _swiper = _interopRequireDefault(require("./swiper"));
|
|
7
|
-
var _default = exports["default"] = _swiper["default"];
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
.carousel {
|
|
2
|
-
position: relative;
|
|
3
|
-
overflow: hidden;
|
|
4
|
-
width: 100%;
|
|
5
|
-
margin: 0;
|
|
6
|
-
}
|
|
7
|
-
.carousel__wrapper {
|
|
8
|
-
display: flex;
|
|
9
|
-
}
|
|
10
|
-
.carousel__slide {
|
|
11
|
-
min-width: 100%;
|
|
12
|
-
transition: transform ease-in-out;
|
|
13
|
-
}
|
|
14
|
-
.carousel__slide img {
|
|
15
|
-
width: 100%;
|
|
16
|
-
height: auto;
|
|
17
|
-
}
|
|
18
|
-
.carousel__button {
|
|
19
|
-
position: absolute;
|
|
20
|
-
top: 50%;
|
|
21
|
-
transform: translateY(-50%);
|
|
22
|
-
background: rgba(0, 0, 0, 0.5);
|
|
23
|
-
color: white;
|
|
24
|
-
border: none;
|
|
25
|
-
padding: 10px;
|
|
26
|
-
cursor: pointer;
|
|
27
|
-
}
|
|
28
|
-
.carousel__button--prev {
|
|
29
|
-
left: 10px;
|
|
30
|
-
}
|
|
31
|
-
.carousel__button--next {
|
|
32
|
-
right: 10px;
|
|
33
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import './index.scss';
|
|
3
|
-
export interface ComponentProps {
|
|
4
|
-
/**
|
|
5
|
-
* 切换速度,单位ms
|
|
6
|
-
*/
|
|
7
|
-
speed?: number;
|
|
8
|
-
/**
|
|
9
|
-
* 高度
|
|
10
|
-
*/
|
|
11
|
-
height: number;
|
|
12
|
-
/**
|
|
13
|
-
* 自动播放
|
|
14
|
-
*/
|
|
15
|
-
autoplay: boolean;
|
|
16
|
-
/**
|
|
17
|
-
* 循环播放
|
|
18
|
-
*/
|
|
19
|
-
loop: boolean;
|
|
20
|
-
/**
|
|
21
|
-
* 图片路径
|
|
22
|
-
*/
|
|
23
|
-
picUrls: string[];
|
|
24
|
-
}
|
|
25
|
-
declare const DCSlider: React.FC<ComponentProps>;
|
|
26
|
-
export default DCSlider;
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
exports.__esModule = true;
|
|
5
|
-
exports["default"] = void 0;
|
|
6
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
7
|
-
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var React = _react;
|
|
10
|
-
require("./index.scss");
|
|
11
|
-
var _excluded = ["speed", "autoplay", "loop", "picUrls", "height"];
|
|
12
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
14
|
-
var DCSlider = function DCSlider(_ref) {
|
|
15
|
-
var _ref$speed = _ref.speed,
|
|
16
|
-
speed = _ref$speed === void 0 ? 500 : _ref$speed,
|
|
17
|
-
autoplay = _ref.autoplay,
|
|
18
|
-
loop = _ref.loop,
|
|
19
|
-
_ref$picUrls = _ref.picUrls,
|
|
20
|
-
picUrls = _ref$picUrls === void 0 ? [] : _ref$picUrls,
|
|
21
|
-
height = _ref.height,
|
|
22
|
-
otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
|
|
23
|
-
var _useState = (0, _react.useState)(0),
|
|
24
|
-
currentIndex = _useState[0],
|
|
25
|
-
setCurrentIndex = _useState[1];
|
|
26
|
-
var autoplayRef = (0, _react.useRef)(null);
|
|
27
|
-
var nextSlide = function nextSlide() {
|
|
28
|
-
if (currentIndex < picUrls.length - 1) {
|
|
29
|
-
setCurrentIndex(currentIndex + 1);
|
|
30
|
-
} else if (loop) {
|
|
31
|
-
setCurrentIndex(0);
|
|
32
|
-
}
|
|
33
|
-
};
|
|
34
|
-
var startAutoplay = function startAutoplay() {
|
|
35
|
-
if (autoplay && !autoplayRef.current) {
|
|
36
|
-
autoplayRef.current = setInterval(nextSlide, speed);
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
var stopAutoplay = function stopAutoplay() {
|
|
40
|
-
if (autoplayRef.current) {
|
|
41
|
-
clearInterval(autoplayRef.current);
|
|
42
|
-
autoplayRef.current = null;
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
(0, _react.useEffect)(function () {
|
|
46
|
-
if (autoplay) {
|
|
47
|
-
startAutoplay();
|
|
48
|
-
}
|
|
49
|
-
return function () {
|
|
50
|
-
stopAutoplay();
|
|
51
|
-
};
|
|
52
|
-
}, [autoplay, speed, loop, picUrls]);
|
|
53
|
-
return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
|
|
54
|
-
className: "carousel",
|
|
55
|
-
onMouseEnter: stopAutoplay,
|
|
56
|
-
onMouseLeave: startAutoplay,
|
|
57
|
-
style: {
|
|
58
|
-
height: height ? height + "px" : '100%'
|
|
59
|
-
}
|
|
60
|
-
}, otherProps), /*#__PURE__*/React.createElement("div", {
|
|
61
|
-
className: "carousel__wrapper",
|
|
62
|
-
style: {
|
|
63
|
-
transform: "translateX(-" + currentIndex * 100 + "%)",
|
|
64
|
-
transitionDuration: speed + "ms"
|
|
65
|
-
}
|
|
66
|
-
}, picUrls.map(function (url, index) {
|
|
67
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
68
|
-
key: index,
|
|
69
|
-
className: "carousel__slide",
|
|
70
|
-
style: {
|
|
71
|
-
width: '100%',
|
|
72
|
-
height: height ? height + "px" : '100%'
|
|
73
|
-
}
|
|
74
|
-
}, /*#__PURE__*/React.createElement("img", {
|
|
75
|
-
src: url,
|
|
76
|
-
alt: "Slide " + index,
|
|
77
|
-
style: {
|
|
78
|
-
width: '100%',
|
|
79
|
-
height: height ? height + "px" : '100%'
|
|
80
|
-
}
|
|
81
|
-
}));
|
|
82
|
-
})));
|
|
83
|
-
};
|
|
84
|
-
var _default = exports["default"] = DCSlider;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
exports.__esModule = true;
|
|
5
|
-
exports["default"] = void 0;
|
|
6
|
-
var _tab = _interopRequireDefault(require("./tab"));
|
|
7
|
-
/**
|
|
8
|
-
* 标签tag
|
|
9
|
-
*/
|
|
10
|
-
var _default = exports["default"] = _tab["default"];
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
.tabs__container {
|
|
2
|
-
display: inline-block;
|
|
3
|
-
padding: 5px 17px;
|
|
4
|
-
border-radius: 19px;
|
|
5
|
-
background-color: #FFFFFF;
|
|
6
|
-
color: #666666;
|
|
7
|
-
font-size: 15px;
|
|
8
|
-
cursor: pointer;
|
|
9
|
-
margin-right: 6px;
|
|
10
|
-
letter-spacing: 2px;
|
|
11
|
-
position: relative;
|
|
12
|
-
&--selected {
|
|
13
|
-
background-color: #ED794A;
|
|
14
|
-
color: #FFFFFF;
|
|
15
|
-
}
|
|
16
|
-
&--small {
|
|
17
|
-
padding: 5px 16px;
|
|
18
|
-
border-radius: 19px;
|
|
19
|
-
}
|
|
20
|
-
&--large {
|
|
21
|
-
padding: 14px 30px;
|
|
22
|
-
border-radius: 28px;
|
|
23
|
-
}
|
|
24
|
-
.badge {
|
|
25
|
-
display: flex;
|
|
26
|
-
padding: 2px 4px;
|
|
27
|
-
border-radius: 8px;
|
|
28
|
-
background-color: #F44341; // 红色背景
|
|
29
|
-
color: white; // 字体颜色
|
|
30
|
-
// text-align: center;
|
|
31
|
-
letter-spacing: 0;
|
|
32
|
-
justify-content: center;
|
|
33
|
-
line-height: normal; // 垂直居中
|
|
34
|
-
font-size: 10px; // 根据需要调整字体大小
|
|
35
|
-
position: absolute; // 绝对定位
|
|
36
|
-
top: 0; // 根据需要调整位置
|
|
37
|
-
right: 3px; // 根据需要调整位置
|
|
38
|
-
}
|
|
39
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import './index.scss';
|
|
3
|
-
export interface TabProps {
|
|
4
|
-
/**
|
|
5
|
-
* 选中背景颜色
|
|
6
|
-
*/
|
|
7
|
-
selectedBGColor: string;
|
|
8
|
-
/**
|
|
9
|
-
* 选中字体颜色
|
|
10
|
-
*/
|
|
11
|
-
selectedFontColor: string;
|
|
12
|
-
/**
|
|
13
|
-
* 尺寸 small | large
|
|
14
|
-
*/
|
|
15
|
-
size: string;
|
|
16
|
-
/**
|
|
17
|
-
* 点击事件
|
|
18
|
-
* @param e
|
|
19
|
-
*/
|
|
20
|
-
onClickHandle?: (e: string) => void;
|
|
21
|
-
/**
|
|
22
|
-
* 未读消息数量
|
|
23
|
-
*/
|
|
24
|
-
unreadCount?: number;
|
|
25
|
-
}
|
|
26
|
-
declare const Tab: React.FC<TabProps>;
|
|
27
|
-
export default Tab;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
exports.__esModule = true;
|
|
5
|
-
exports["default"] = void 0;
|
|
6
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
7
|
-
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
8
|
-
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
require("./index.scss");
|
|
10
|
-
var _excluded = ["selectedBGColor", "selectedFontColor", "size", "onClickHandle", "unreadCount"];
|
|
11
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
12
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
13
|
-
var Tab = function Tab(_ref) {
|
|
14
|
-
var selectedBGColor = _ref.selectedBGColor,
|
|
15
|
-
selectedFontColor = _ref.selectedFontColor,
|
|
16
|
-
size = _ref.size,
|
|
17
|
-
onClickHandle = _ref.onClickHandle,
|
|
18
|
-
unreadCount = _ref.unreadCount,
|
|
19
|
-
otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
|
|
20
|
-
var tabList = [{
|
|
21
|
-
key: 'all',
|
|
22
|
-
label: '全部'
|
|
23
|
-
}, {
|
|
24
|
-
key: 'read',
|
|
25
|
-
label: '已读'
|
|
26
|
-
}, {
|
|
27
|
-
key: 'unRead',
|
|
28
|
-
label: '未读'
|
|
29
|
-
}];
|
|
30
|
-
var _React$useState = React.useState('all'),
|
|
31
|
-
tab = _React$useState[0],
|
|
32
|
-
setTab = _React$useState[1];
|
|
33
|
-
var handleClick = function handleClick(key) {
|
|
34
|
-
console.log(key);
|
|
35
|
-
// 切换tab
|
|
36
|
-
setTab(key);
|
|
37
|
-
// 触发父组件传递的点击处理函数
|
|
38
|
-
onClickHandle && onClickHandle(key);
|
|
39
|
-
};
|
|
40
|
-
return tabList.map(function (item) {
|
|
41
|
-
return /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({
|
|
42
|
-
className: "tabs__container\n " + (tab === item.key ? 'tabs__container--selected' : '') + "\n " + (size == 'large' ? 'tabs__container--large' : 'tabs__container--small')
|
|
43
|
-
}, otherProps, {
|
|
44
|
-
onClick: function onClick() {
|
|
45
|
-
return handleClick(item.key);
|
|
46
|
-
},
|
|
47
|
-
style: {
|
|
48
|
-
backgroundColor: tab === item.key ? selectedBGColor : '',
|
|
49
|
-
color: tab === item.key ? selectedFontColor : ''
|
|
50
|
-
}
|
|
51
|
-
}), item.label, item.key === 'unRead' && unreadCount > 0 && /*#__PURE__*/React.createElement("span", {
|
|
52
|
-
className: "badge"
|
|
53
|
-
}, unreadCount) // 条件渲染badge
|
|
54
|
-
);
|
|
55
|
-
});
|
|
56
|
-
};
|
|
57
|
-
var _default = exports["default"] = Tab;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
.fusion-ui-tab {
|
|
2
|
-
display: block;
|
|
3
|
-
background-color: #fff;
|
|
4
|
-
|
|
5
|
-
&.next-medium {
|
|
6
|
-
.next-tabs-content {
|
|
7
|
-
padding: 0;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
.next-tabs-bar {
|
|
12
|
-
border-bottom: none;
|
|
13
|
-
margin-bottom: 15px;
|
|
14
|
-
.next-tabs-nav-container {
|
|
15
|
-
.next-tabs-nav {
|
|
16
|
-
.next-tabs-tab {
|
|
17
|
-
font-size: 16px;
|
|
18
|
-
color: #666666;
|
|
19
|
-
margin-right: 13px;
|
|
20
|
-
&.active {
|
|
21
|
-
color: #333;
|
|
22
|
-
font-size: 17px;
|
|
23
|
-
}
|
|
24
|
-
&.active::before {
|
|
25
|
-
bottom: 2px;
|
|
26
|
-
border-bottom: 5px solid #E96D40;
|
|
27
|
-
z-index: 0;
|
|
28
|
-
border-radius: 2.5px;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
&.next-small {
|
|
36
|
-
.next-tabs-content {
|
|
37
|
-
padding: 12px;
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
.navigation {
|
|
42
|
-
z-index: 10;
|
|
43
|
-
position: relative;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
:global(.fd-layout-p-margin) {
|
|
47
|
-
margin-top: 0 !important;
|
|
48
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Tab } from '@alifd/next';
|
|
3
|
-
import './index.scss';
|
|
4
|
-
export interface TabContainerProps extends React.ComponentProps<typeof Tab> {
|
|
5
|
-
className?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare const TabContainer: {
|
|
8
|
-
(props: TabContainerProps): JSX.Element;
|
|
9
|
-
displayName: string;
|
|
10
|
-
};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
exports.__esModule = true;
|
|
5
|
-
exports.TabContainer = void 0;
|
|
6
|
-
var _tab = _interopRequireDefault(require("@alifd/next/lib/tab"));
|
|
7
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
8
|
-
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
require("./index.scss");
|
|
12
|
-
var _excluded = ["className"];
|
|
13
|
-
var TabContainer = exports.TabContainer = function TabContainer(props) {
|
|
14
|
-
var className = props.className,
|
|
15
|
-
restProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
|
|
16
|
-
var CustomTabItem = function CustomTabItem(key, props) {
|
|
17
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
18
|
-
className: "navigation"
|
|
19
|
-
}, key.title);
|
|
20
|
-
};
|
|
21
|
-
return /*#__PURE__*/_react["default"].createElement(_tab["default"], (0, _extends2["default"])({
|
|
22
|
-
className: (0, _classnames["default"])(className, 'fusion-ui-tab')
|
|
23
|
-
}, restProps, {
|
|
24
|
-
tabRender: function tabRender(key, props) {
|
|
25
|
-
return /*#__PURE__*/_react["default"].createElement(CustomTabItem, (0, _extends2["default"])({
|
|
26
|
-
key: key
|
|
27
|
-
}, props));
|
|
28
|
-
}
|
|
29
|
-
}));
|
|
30
|
-
};
|
|
31
|
-
TabContainer.displayName = 'TabContainer';
|
|
File without changes
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Tab } from '@alifd/next';
|
|
3
|
-
export interface TabContainerItemProps extends React.ComponentProps<typeof Tab> {
|
|
4
|
-
className?: string;
|
|
5
|
-
tab: string;
|
|
6
|
-
key: string;
|
|
7
|
-
}
|
|
8
|
-
export declare const TabContainerItem: {
|
|
9
|
-
(props: TabContainerItemProps): JSX.Element;
|
|
10
|
-
displayName: string;
|
|
11
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
exports.__esModule = true;
|
|
5
|
-
exports.TabContainerItem = void 0;
|
|
6
|
-
var _tab = _interopRequireDefault(require("@alifd/next/lib/tab"));
|
|
7
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
8
|
-
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
var _excluded = ["className", "tab", "key"];
|
|
12
|
-
var TabContainerItem = exports.TabContainerItem = function TabContainerItem(props) {
|
|
13
|
-
var className = props.className,
|
|
14
|
-
tab = props.tab,
|
|
15
|
-
key = props.key,
|
|
16
|
-
restProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
|
|
17
|
-
return /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, (0, _extends2["default"])({
|
|
18
|
-
className: (0, _classnames["default"])(className, 'fusion-ui-tab')
|
|
19
|
-
}, restProps, {
|
|
20
|
-
title: tab,
|
|
21
|
-
primaryKey: key
|
|
22
|
-
}));
|
|
23
|
-
};
|
|
24
|
-
TabContainerItem.displayName = 'TabContainerItem';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
exports.__esModule = true;
|
|
5
|
-
exports["default"] = void 0;
|
|
6
|
-
var _tag = _interopRequireDefault(require("./tag"));
|
|
7
|
-
/**
|
|
8
|
-
* 标签tag
|
|
9
|
-
*/
|
|
10
|
-
var _default = exports["default"] = _tag["default"];
|