@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,65 +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 = _interopRequireDefault(require("react"));
|
|
9
|
-
var _carousel = _interopRequireDefault(require("../carousel/carousel"));
|
|
10
|
-
require("./goods-card-list-common.scss");
|
|
11
|
-
var _excluded = ["dataList", "maxSales", "onClick"];
|
|
12
|
-
var GoodsCardListCommon = function GoodsCardListCommon(_ref) {
|
|
13
|
-
var _ref$dataList = _ref.dataList,
|
|
14
|
-
dataList = _ref$dataList === void 0 ? [] : _ref$dataList,
|
|
15
|
-
_ref$maxSales = _ref.maxSales,
|
|
16
|
-
maxSales = _ref$maxSales === void 0 ? 1000 : _ref$maxSales,
|
|
17
|
-
_ref$onClick = _ref.onClick,
|
|
18
|
-
_onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
|
|
19
|
-
otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
|
|
20
|
-
var _otherProps = otherProps || {};
|
|
21
|
-
var resolveResultDesc = function resolveResultDesc(desc) {
|
|
22
|
-
var htmlString = "<div>" + desc + "</div>";
|
|
23
|
-
// 创建一个虚拟的 DOM 容器
|
|
24
|
-
var tempDiv = document.createElement('div');
|
|
25
|
-
tempDiv.innerHTML = htmlString;
|
|
26
|
-
// 提取文本
|
|
27
|
-
return tempDiv.textContent || tempDiv.innerText;
|
|
28
|
-
};
|
|
29
|
-
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
|
|
30
|
-
className: "card-list-goods-common__container"
|
|
31
|
-
}, _otherProps), dataList.map(function (item) {
|
|
32
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
33
|
-
key: item.key,
|
|
34
|
-
className: "card-list-goods__item",
|
|
35
|
-
onClick: function onClick() {
|
|
36
|
-
return _onClick(item);
|
|
37
|
-
}
|
|
38
|
-
}, item.imageList && item.imageList.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
|
|
39
|
-
className: "card-list-goods__image"
|
|
40
|
-
}, /*#__PURE__*/_react["default"].createElement(_carousel["default"], {
|
|
41
|
-
images: item.imageList,
|
|
42
|
-
interval: 3000
|
|
43
|
-
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
44
|
-
className: "card-list-goods__content"
|
|
45
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
46
|
-
className: "card-list-goods__title"
|
|
47
|
-
}, item.title), /*#__PURE__*/_react["default"].createElement("div", {
|
|
48
|
-
className: "card-list-goods__desc"
|
|
49
|
-
}, resolveResultDesc(item.desc)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
50
|
-
className: "card-list-goods__bottom"
|
|
51
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
52
|
-
className: "card-list-goods__unit"
|
|
53
|
-
}, "\uFFE5"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
54
|
-
className: "card-list-goods__price"
|
|
55
|
-
}, item.activePrice || item.price), item.activePrice && /*#__PURE__*/_react["default"].createElement("div", {
|
|
56
|
-
className: "card-list-goods__unit__delete"
|
|
57
|
-
}, "\uFFE5"), item.activePrice && /*#__PURE__*/_react["default"].createElement("div", {
|
|
58
|
-
className: "card-list-goods__price__delete"
|
|
59
|
-
}, item.price), /*#__PURE__*/_react["default"].createElement("div", {
|
|
60
|
-
className: "card-list-goods__sales"
|
|
61
|
-
}, "\u5DF2\u552E", item.sales > maxSales ? maxSales + "+" : item.sales))));
|
|
62
|
-
}));
|
|
63
|
-
};
|
|
64
|
-
GoodsCardListCommon.displayName = 'GoodsCardListCommon';
|
|
65
|
-
var _default = exports["default"] = GoodsCardListCommon;
|
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
.card-list-goods-common__container {
|
|
2
|
-
display: grid;
|
|
3
|
-
grid-template-columns:repeat(2, minmax(0, 1fr));
|
|
4
|
-
row-gap: 12px;
|
|
5
|
-
column-gap: 10px;
|
|
6
|
-
width: 100%;
|
|
7
|
-
|
|
8
|
-
& > .card-list-goods__item {
|
|
9
|
-
box-sizing: border-box;
|
|
10
|
-
transition: top 0.35s ease, left 0.35s ease, width 0.35s ease;
|
|
11
|
-
overflow: hidden;
|
|
12
|
-
border-radius: 8px;
|
|
13
|
-
box-shadow: 0 3px 9px 1px rgba(204, 204, 204, 0.35);
|
|
14
|
-
|
|
15
|
-
& > .card-list-goods__image {
|
|
16
|
-
height: 200px;
|
|
17
|
-
width: 100%;
|
|
18
|
-
overflow: hidden;
|
|
19
|
-
display: flex;
|
|
20
|
-
|
|
21
|
-
& > img {
|
|
22
|
-
height: 100%;
|
|
23
|
-
width: 100%;
|
|
24
|
-
object-fit: cover;
|
|
25
|
-
//object-position: center;
|
|
26
|
-
object-position: 50% 50%;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
& > .card-list-goods__content {
|
|
31
|
-
display: flex;
|
|
32
|
-
flex-direction: column;
|
|
33
|
-
justify-content: space-between;
|
|
34
|
-
padding: 0.5rem;
|
|
35
|
-
|
|
36
|
-
.card-list-goods__title {
|
|
37
|
-
overflow: hidden;
|
|
38
|
-
display: -webkit-box;
|
|
39
|
-
-webkit-box-orient: vertical;
|
|
40
|
-
-webkit-line-clamp: 2;
|
|
41
|
-
line-clamp: 2;
|
|
42
|
-
margin-top: 0.25rem;
|
|
43
|
-
margin-bottom: 0.25rem;
|
|
44
|
-
font-size: 14px;
|
|
45
|
-
font-weight: 700;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.card-list-goods__desc {
|
|
49
|
-
overflow: hidden;
|
|
50
|
-
text-overflow: ellipsis;
|
|
51
|
-
white-space: nowrap;
|
|
52
|
-
line-clamp: 2;
|
|
53
|
-
margin-top: 0.25rem;
|
|
54
|
-
margin-bottom: 0.25rem;
|
|
55
|
-
font-size: 12px;
|
|
56
|
-
color: #333333;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.card-list-goods__bottom {
|
|
60
|
-
margin-top: 0.25rem;
|
|
61
|
-
margin-bottom: 0.25rem;
|
|
62
|
-
display: flex;
|
|
63
|
-
align-items: baseline;
|
|
64
|
-
flex-wrap: wrap;
|
|
65
|
-
row-gap: 0.5rem;
|
|
66
|
-
|
|
67
|
-
& > div {
|
|
68
|
-
display: flex;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
.card-list-goods__unit {
|
|
72
|
-
font-size: 12px;
|
|
73
|
-
color: #F57D51;
|
|
74
|
-
font-weight: 700;
|
|
75
|
-
line-height: 1;
|
|
76
|
-
|
|
77
|
-
&__delete {
|
|
78
|
-
margin-left: 0;
|
|
79
|
-
font-size: 14px;
|
|
80
|
-
color: #666666;
|
|
81
|
-
line-height: 1;
|
|
82
|
-
text-decoration: line-through
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.card-list-goods__price {
|
|
88
|
-
font-size: 17px;
|
|
89
|
-
color: #F57D51;
|
|
90
|
-
font-weight: 700;
|
|
91
|
-
line-height: 1;
|
|
92
|
-
|
|
93
|
-
&__delete {
|
|
94
|
-
margin-left: 0;
|
|
95
|
-
font-size: 14px;
|
|
96
|
-
color: #666666;
|
|
97
|
-
line-height: 1;
|
|
98
|
-
text-decoration: line-through
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.card-list-goods__sales {
|
|
103
|
-
margin-left: 3px;
|
|
104
|
-
font-size: 12px;
|
|
105
|
-
color: #666666;
|
|
106
|
-
line-height: 1;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
@@ -1,163 +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 _debounce = require("../../utils/debounce");
|
|
10
|
-
var _carousel = _interopRequireDefault(require("../carousel/carousel"));
|
|
11
|
-
require("./goods-card-list.scss");
|
|
12
|
-
var _excluded = ["dataList", "maxSales", "onClick"];
|
|
13
|
-
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); }
|
|
14
|
-
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; }
|
|
15
|
-
var GoodsCardList = function GoodsCardList(_ref) {
|
|
16
|
-
var _ref$dataList = _ref.dataList,
|
|
17
|
-
dataList = _ref$dataList === void 0 ? [] : _ref$dataList,
|
|
18
|
-
_ref$maxSales = _ref.maxSales,
|
|
19
|
-
maxSales = _ref$maxSales === void 0 ? 1000 : _ref$maxSales,
|
|
20
|
-
_ref$onClick = _ref.onClick,
|
|
21
|
-
_onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
|
|
22
|
-
otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
|
|
23
|
-
var _useState = (0, _react.useState)([]),
|
|
24
|
-
positions = _useState[0],
|
|
25
|
-
setPositions = _useState[1];
|
|
26
|
-
var _useState2 = (0, _react.useState)(0),
|
|
27
|
-
columnWidth = _useState2[0],
|
|
28
|
-
setColumnWidth = _useState2[1];
|
|
29
|
-
var _useState3 = (0, _react.useState)(0),
|
|
30
|
-
maxContainerHeight = _useState3[0],
|
|
31
|
-
setMaxContainerHeight = _useState3[1];
|
|
32
|
-
(0, _react.useEffect)(function () {
|
|
33
|
-
var updateLayout = function updateLayout() {
|
|
34
|
-
var container = document.querySelector('.waterfall-container');
|
|
35
|
-
if (container) {
|
|
36
|
-
var itemElements = document.querySelectorAll('.waterfall-item');
|
|
37
|
-
// 横向间距
|
|
38
|
-
var horizontalGap = 12;
|
|
39
|
-
// 纵向间距
|
|
40
|
-
var verticalGap = 10;
|
|
41
|
-
var containerWidth = container.offsetWidth;
|
|
42
|
-
// 每列宽度为容器宽度的一半减去间距
|
|
43
|
-
var calculatedColumnWidth = (containerWidth - horizontalGap) / 2;
|
|
44
|
-
setColumnWidth(calculatedColumnWidth);
|
|
45
|
-
// 两列布局
|
|
46
|
-
var columnHeights = Array.from({
|
|
47
|
-
length: 2
|
|
48
|
-
}).fill(0);
|
|
49
|
-
var newPositions = [];
|
|
50
|
-
// 循环计算所有的子元素的信息
|
|
51
|
-
itemElements.forEach(function (item) {
|
|
52
|
-
var _item$getBoundingClie = item.getBoundingClientRect(),
|
|
53
|
-
height = _item$getBoundingClie.height;
|
|
54
|
-
// 找到最短的那一列
|
|
55
|
-
var minHeight = Math.min.apply(Math, columnHeights);
|
|
56
|
-
// 获取该列的索引
|
|
57
|
-
var columnIndex = columnHeights.indexOf(minHeight);
|
|
58
|
-
var left = columnIndex * (calculatedColumnWidth + horizontalGap);
|
|
59
|
-
var top = columnHeights[columnIndex];
|
|
60
|
-
// 存储元素的定位
|
|
61
|
-
newPositions.push({
|
|
62
|
-
left: left,
|
|
63
|
-
top: top
|
|
64
|
-
});
|
|
65
|
-
// 更新该列的高度
|
|
66
|
-
columnHeights[columnIndex] += height + verticalGap;
|
|
67
|
-
});
|
|
68
|
-
// 更新位置
|
|
69
|
-
setPositions(newPositions);
|
|
70
|
-
setMaxContainerHeight(Math.max.apply(Math, columnHeights));
|
|
71
|
-
}
|
|
72
|
-
};
|
|
73
|
-
var debouncedUpdateLayout = dataList.length < 15 ? updateLayout : (0, _debounce.debounce)(updateLayout, 200);
|
|
74
|
-
// 图片加载完成后更新布局
|
|
75
|
-
var handleImageLoad = function handleImageLoad() {
|
|
76
|
-
debouncedUpdateLayout();
|
|
77
|
-
};
|
|
78
|
-
// 初始化布局
|
|
79
|
-
debouncedUpdateLayout();
|
|
80
|
-
// 监听图片加载事件,以确保所有图片都加载完后再更新布局
|
|
81
|
-
var images = document.querySelectorAll('.waterfall-container img');
|
|
82
|
-
images.forEach(function (img) {
|
|
83
|
-
// 如果图片已经加载完成(缓存中加载),则立即更新布局
|
|
84
|
-
if (img.complete) {
|
|
85
|
-
handleImageLoad();
|
|
86
|
-
} else {
|
|
87
|
-
// 如果图片未加载完成,监听加载事件
|
|
88
|
-
img.addEventListener('load', handleImageLoad);
|
|
89
|
-
}
|
|
90
|
-
});
|
|
91
|
-
|
|
92
|
-
// 窗口变化时更新布局
|
|
93
|
-
window.addEventListener('resize', debouncedUpdateLayout);
|
|
94
|
-
return function () {
|
|
95
|
-
// 清理事件监听
|
|
96
|
-
window.removeEventListener('resize', debouncedUpdateLayout);
|
|
97
|
-
images.forEach(function (img) {
|
|
98
|
-
return img.removeEventListener('load', handleImageLoad);
|
|
99
|
-
});
|
|
100
|
-
};
|
|
101
|
-
},
|
|
102
|
-
// 当 dataList 变化时重新计算
|
|
103
|
-
[dataList]);
|
|
104
|
-
var resolveResultDesc = function resolveResultDesc(desc) {
|
|
105
|
-
var htmlString = "<div>" + desc + "</div>";
|
|
106
|
-
// 创建一个虚拟的 DOM 容器
|
|
107
|
-
var tempDiv = document.createElement('div');
|
|
108
|
-
tempDiv.innerHTML = htmlString;
|
|
109
|
-
// 提取文本
|
|
110
|
-
return tempDiv.textContent || tempDiv.innerText;
|
|
111
|
-
};
|
|
112
|
-
var resultStyle = (0, _extends2["default"])({}, otherProps.style || {}, {
|
|
113
|
-
height: maxContainerHeight + 20 + "px"
|
|
114
|
-
});
|
|
115
|
-
var _otherProps = (0, _extends2["default"])({}, otherProps || {}, {
|
|
116
|
-
style: resultStyle
|
|
117
|
-
});
|
|
118
|
-
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
|
|
119
|
-
className: "card-list-goods__container waterfall-container",
|
|
120
|
-
style: {
|
|
121
|
-
height: maxContainerHeight + 20 + "px"
|
|
122
|
-
}
|
|
123
|
-
}, _otherProps), dataList.map(function (item, index) {
|
|
124
|
-
var _positions$index, _positions$index2;
|
|
125
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
126
|
-
key: item.key,
|
|
127
|
-
className: "card-list-goods__item waterfall-item",
|
|
128
|
-
onClick: function onClick() {
|
|
129
|
-
return _onClick(item);
|
|
130
|
-
},
|
|
131
|
-
style: {
|
|
132
|
-
left: ((_positions$index = positions[index]) === null || _positions$index === void 0 ? void 0 : _positions$index.left) + "px",
|
|
133
|
-
top: ((_positions$index2 = positions[index]) === null || _positions$index2 === void 0 ? void 0 : _positions$index2.top) + "px",
|
|
134
|
-
width: columnWidth + "px"
|
|
135
|
-
}
|
|
136
|
-
}, item.imageList && item.imageList.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
|
|
137
|
-
className: "card-list-goods__image"
|
|
138
|
-
}, /*#__PURE__*/_react["default"].createElement(_carousel["default"], {
|
|
139
|
-
images: item.imageList,
|
|
140
|
-
interval: 3000
|
|
141
|
-
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
142
|
-
className: "card-list-goods__content"
|
|
143
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
144
|
-
className: "card-list-goods__title"
|
|
145
|
-
}, item.title), /*#__PURE__*/_react["default"].createElement("div", {
|
|
146
|
-
className: "card-list-goods__desc"
|
|
147
|
-
}, resolveResultDesc(item.desc)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
148
|
-
className: "card-list-goods__bottom"
|
|
149
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
150
|
-
className: "card-list-goods__unit"
|
|
151
|
-
}, "\uFFE5"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
152
|
-
className: "card-list-goods__price"
|
|
153
|
-
}, item.activePrice || item.price), item.activePrice && /*#__PURE__*/_react["default"].createElement("div", {
|
|
154
|
-
className: "card-list-goods__unit__delete"
|
|
155
|
-
}, "\uFFE5"), item.activePrice && /*#__PURE__*/_react["default"].createElement("div", {
|
|
156
|
-
className: "card-list-goods__price__delete"
|
|
157
|
-
}, item.price), /*#__PURE__*/_react["default"].createElement("div", {
|
|
158
|
-
className: "card-list-goods__sales"
|
|
159
|
-
}, "\u5DF2\u552E", item.sales > maxSales ? maxSales + "+" : item.sales))));
|
|
160
|
-
}));
|
|
161
|
-
};
|
|
162
|
-
GoodsCardList.displayName = 'GoodsCardList';
|
|
163
|
-
var _default = exports["default"] = GoodsCardList;
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
.card-list-goods__container {
|
|
2
|
-
position: relative;
|
|
3
|
-
width: 100%;
|
|
4
|
-
|
|
5
|
-
& > .card-list-goods__item {
|
|
6
|
-
position: absolute;
|
|
7
|
-
box-sizing: border-box;
|
|
8
|
-
transition: top 0.35s ease, left 0.35s ease, width 0.35s ease;
|
|
9
|
-
overflow: hidden;
|
|
10
|
-
border-radius: 8px;
|
|
11
|
-
box-shadow: 0 3px 9px 1px rgba(204, 204, 204, 0.35);
|
|
12
|
-
|
|
13
|
-
& > .card-list-goods__image {
|
|
14
|
-
height: 200px;
|
|
15
|
-
width: 100%;
|
|
16
|
-
overflow: hidden;
|
|
17
|
-
display: flex;
|
|
18
|
-
|
|
19
|
-
& > img {
|
|
20
|
-
height: 100%;
|
|
21
|
-
width: 100%;
|
|
22
|
-
object-fit: cover;
|
|
23
|
-
object-position: center;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
& > .card-list-goods__content {
|
|
28
|
-
display: flex;
|
|
29
|
-
flex-direction: column;
|
|
30
|
-
justify-content: space-between;
|
|
31
|
-
padding: 0.5rem;
|
|
32
|
-
|
|
33
|
-
.card-list-goods__title {
|
|
34
|
-
overflow: hidden;
|
|
35
|
-
display: -webkit-box;
|
|
36
|
-
-webkit-box-orient: vertical;
|
|
37
|
-
-webkit-line-clamp: 2;
|
|
38
|
-
line-clamp: 2;
|
|
39
|
-
margin-top: 0.25rem;
|
|
40
|
-
margin-bottom: 0.25rem;
|
|
41
|
-
font-size: 14px;
|
|
42
|
-
font-weight: 700;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.card-list-goods__desc {
|
|
46
|
-
overflow: hidden;
|
|
47
|
-
text-overflow: ellipsis;
|
|
48
|
-
white-space: nowrap;
|
|
49
|
-
line-clamp: 2;
|
|
50
|
-
margin-top: 0.25rem;
|
|
51
|
-
margin-bottom: 0.25rem;
|
|
52
|
-
font-size: 12px;
|
|
53
|
-
color: #333333;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.card-list-goods__bottom {
|
|
57
|
-
margin-top: 0.25rem;
|
|
58
|
-
margin-bottom: 0.25rem;
|
|
59
|
-
display: flex;
|
|
60
|
-
align-items: baseline;
|
|
61
|
-
flex-wrap: wrap;
|
|
62
|
-
row-gap: 0.5rem;
|
|
63
|
-
|
|
64
|
-
& > div {
|
|
65
|
-
display: flex;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.card-list-goods__unit {
|
|
69
|
-
font-size: 12px;
|
|
70
|
-
color: #F57D51;
|
|
71
|
-
font-weight: 700;
|
|
72
|
-
line-height: 1;
|
|
73
|
-
|
|
74
|
-
&__delete {
|
|
75
|
-
margin-left: 0;
|
|
76
|
-
font-size: 14px;
|
|
77
|
-
color: #666666;
|
|
78
|
-
line-height: 1;
|
|
79
|
-
text-decoration: line-through
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
.card-list-goods__price {
|
|
85
|
-
font-size: 17px;
|
|
86
|
-
color: #F57D51;
|
|
87
|
-
font-weight: 700;
|
|
88
|
-
line-height: 1;
|
|
89
|
-
|
|
90
|
-
&__delete {
|
|
91
|
-
margin-left: 0;
|
|
92
|
-
font-size: 14px;
|
|
93
|
-
color: #666666;
|
|
94
|
-
line-height: 1;
|
|
95
|
-
text-decoration: line-through
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.card-list-goods__sales {
|
|
100
|
-
margin-left: 3px;
|
|
101
|
-
font-size: 12px;
|
|
102
|
-
color: #666666;
|
|
103
|
-
line-height: 1;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
exports.__esModule = true;
|
|
5
|
-
var _goodsCardList = _interopRequireDefault(require("./goods-card-list"));
|
|
6
|
-
exports.GoodsCardList = _goodsCardList["default"];
|
|
7
|
-
var _goodsCardListCommon = _interopRequireDefault(require("./goods-card-list-common"));
|
|
8
|
-
exports.GoodsCardListCommon = _goodsCardListCommon["default"];
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
export interface GoodsCardListProps {
|
|
2
|
-
/**
|
|
3
|
-
* 卡片列表数据
|
|
4
|
-
*/
|
|
5
|
-
dataList: GoodsCardListItemProps[];
|
|
6
|
-
/**
|
|
7
|
-
* 最大销量
|
|
8
|
-
*/
|
|
9
|
-
maxSales?: number;
|
|
10
|
-
/**
|
|
11
|
-
* 点击事件
|
|
12
|
-
* @param item
|
|
13
|
-
*/
|
|
14
|
-
onClick?: (item: GoodsCardListItemProps) => void;
|
|
15
|
-
}
|
|
16
|
-
export interface GoodsCardListItemProps {
|
|
17
|
-
/**
|
|
18
|
-
* 唯一标识
|
|
19
|
-
*/
|
|
20
|
-
key: string;
|
|
21
|
-
/**
|
|
22
|
-
* 缩略图列表
|
|
23
|
-
*/
|
|
24
|
-
imageList: string[];
|
|
25
|
-
/**
|
|
26
|
-
* 标题
|
|
27
|
-
*/
|
|
28
|
-
title: string;
|
|
29
|
-
/**
|
|
30
|
-
* 简介
|
|
31
|
-
*/
|
|
32
|
-
desc: string;
|
|
33
|
-
/**
|
|
34
|
-
* 价格
|
|
35
|
-
*/
|
|
36
|
-
price: string;
|
|
37
|
-
/**
|
|
38
|
-
* 促销价格
|
|
39
|
-
*/
|
|
40
|
-
activePrice?: string;
|
|
41
|
-
/**
|
|
42
|
-
* 销量
|
|
43
|
-
*/
|
|
44
|
-
sales: number;
|
|
45
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface GridNavProps {
|
|
3
|
-
dataSourceSetting: [];
|
|
4
|
-
columns: number;
|
|
5
|
-
iconSize: string;
|
|
6
|
-
fontWeight: string;
|
|
7
|
-
fontSize: number;
|
|
8
|
-
fontColor: string;
|
|
9
|
-
lineHeight: string;
|
|
10
|
-
lineNum: number;
|
|
11
|
-
}
|
|
12
|
-
declare const GridNav: React.ForwardRefExoticComponent<GridNavProps & React.RefAttributes<any>>;
|
|
13
|
-
export default GridNav;
|
|
@@ -1,109 +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 _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var React = _react;
|
|
9
|
-
var _right = _interopRequireDefault(require("../../assets/icon/grid-nav/right.png"));
|
|
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
|
-
var ExampleComponent = function ExampleComponent(props, ref) {
|
|
13
|
-
var columns = props.columns,
|
|
14
|
-
_props$iconSize = props.iconSize,
|
|
15
|
-
iconSize = _props$iconSize === void 0 ? 'medium' : _props$iconSize,
|
|
16
|
-
_props$fontWeight = props.fontWeight,
|
|
17
|
-
fontWeight = _props$fontWeight === void 0 ? 'normal' : _props$fontWeight,
|
|
18
|
-
_props$fontSize = props.fontSize,
|
|
19
|
-
fontSize = _props$fontSize === void 0 ? 12 : _props$fontSize,
|
|
20
|
-
_props$fontColor = props.fontColor,
|
|
21
|
-
fontColor = _props$fontColor === void 0 ? '#222' : _props$fontColor,
|
|
22
|
-
_props$lineHeight = props.lineHeight,
|
|
23
|
-
lineHeight = _props$lineHeight === void 0 ? 'auto' : _props$lineHeight,
|
|
24
|
-
_props$lineNum = props.lineNum,
|
|
25
|
-
lineNum = _props$lineNum === void 0 ? 1 : _props$lineNum,
|
|
26
|
-
dataSourceSetting = props.dataSourceSetting;
|
|
27
|
-
console.log('dataSourceSetting的值为', dataSourceSetting);
|
|
28
|
-
|
|
29
|
-
// 设置图标尺寸
|
|
30
|
-
var iconStyle = {};
|
|
31
|
-
switch (iconSize) {
|
|
32
|
-
case 'large':
|
|
33
|
-
iconStyle = {
|
|
34
|
-
width: '64px',
|
|
35
|
-
height: '64px'
|
|
36
|
-
};
|
|
37
|
-
break;
|
|
38
|
-
case 'medium':
|
|
39
|
-
iconStyle = {
|
|
40
|
-
width: '48px',
|
|
41
|
-
height: '48px'
|
|
42
|
-
};
|
|
43
|
-
break;
|
|
44
|
-
case 'small':
|
|
45
|
-
iconStyle = {
|
|
46
|
-
width: '32px',
|
|
47
|
-
height: '32px'
|
|
48
|
-
};
|
|
49
|
-
break;
|
|
50
|
-
default:
|
|
51
|
-
iconStyle = {
|
|
52
|
-
width: '48px',
|
|
53
|
-
height: '48px'
|
|
54
|
-
};
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
// 设置字重
|
|
58
|
-
var fontStyle = {
|
|
59
|
-
fontWeight: fontWeight,
|
|
60
|
-
fontSize: fontSize,
|
|
61
|
-
color: fontColor,
|
|
62
|
-
lineHeight: lineHeight
|
|
63
|
-
};
|
|
64
|
-
|
|
65
|
-
// 设置行数
|
|
66
|
-
var fontLineStyle = {};
|
|
67
|
-
fontLineStyle = {
|
|
68
|
-
maxWidth: '80px',
|
|
69
|
-
overflow: 'hidden',
|
|
70
|
-
// whiteSpace: lineNum === 1 ? 'nowrap' : 'none',
|
|
71
|
-
textOverflow: 'ellipsis',
|
|
72
|
-
display: '-webkit-box',
|
|
73
|
-
WebkitLineClamp: lineNum,
|
|
74
|
-
WebkitBoxOrient: 'vertical'
|
|
75
|
-
};
|
|
76
|
-
var fontAllStyle = (0, _extends2["default"])({}, fontStyle, fontLineStyle);
|
|
77
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
78
|
-
ref: ref,
|
|
79
|
-
className: "dc-grid-nav",
|
|
80
|
-
style: {
|
|
81
|
-
gridTemplateColumns: "repeat(" + columns + ", 1fr)"
|
|
82
|
-
}
|
|
83
|
-
}, dataSourceSetting.map(function (item, index) {
|
|
84
|
-
var _item$rightText;
|
|
85
|
-
return item ? /*#__PURE__*/React.createElement("a", {
|
|
86
|
-
key: index,
|
|
87
|
-
href: item.link || '#',
|
|
88
|
-
className: "grid-item"
|
|
89
|
-
}, /*#__PURE__*/React.createElement("img", {
|
|
90
|
-
src: item.icon || 'https://qcloudimg.tencent-cloud.cn/raw/fe54a986a821473655ba20afe30a543a.png',
|
|
91
|
-
alt: item.title || '导航',
|
|
92
|
-
style: iconStyle,
|
|
93
|
-
className: "dc-grid-nav-item-img"
|
|
94
|
-
}), /*#__PURE__*/React.createElement("span", {
|
|
95
|
-
style: fontAllStyle,
|
|
96
|
-
className: "dc-grid-nav-item-title"
|
|
97
|
-
}, item.title || '无标题'), item.rightText ? /*#__PURE__*/React.createElement("div", {
|
|
98
|
-
className: "dc-grid-nav-item-right"
|
|
99
|
-
}, /*#__PURE__*/React.createElement("img", {
|
|
100
|
-
src: _right["default"],
|
|
101
|
-
className: "dc-grid-nav-item-right-img"
|
|
102
|
-
}), /*#__PURE__*/React.createElement("span", {
|
|
103
|
-
className: "dc-grid-nav-item-right-title"
|
|
104
|
-
}, (_item$rightText = item.rightText) !== null && _item$rightText !== void 0 ? _item$rightText : '右侧')) : '') : null;
|
|
105
|
-
}));
|
|
106
|
-
};
|
|
107
|
-
var GridNav = /*#__PURE__*/(0, _react.forwardRef)(ExampleComponent);
|
|
108
|
-
GridNav.displayName = 'GridNav';
|
|
109
|
-
var _default = exports["default"] = GridNav;
|
|
@@ -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 _gridNav = _interopRequireDefault(require("./grid-nav"));
|
|
7
|
-
var _default = exports["default"] = _gridNav["default"];
|