@anker-in/headless-ui 1.1.17-alpha.1766054863247 → 1.1.18
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/dist/cjs/biz-components/AccordionCards/index.d.ts +2 -2
- package/dist/cjs/biz-components/AiuiProvider/index.d.ts +1 -1
- package/dist/cjs/biz-components/AiuiProvider/index.js.map +1 -1
- package/dist/cjs/biz-components/AplusDesc/index.d.ts +2 -3
- package/dist/cjs/biz-components/AplusDesc/index.js +1 -1
- package/dist/cjs/biz-components/AplusDesc/index.js.map +3 -3
- package/dist/cjs/biz-components/BrandEquity/BrandEquity.d.ts +2 -3
- package/dist/cjs/biz-components/BrandEquity/BrandEquity.js +1 -1
- package/dist/cjs/biz-components/BrandEquity/BrandEquity.js.map +3 -3
- package/dist/cjs/biz-components/BrandEquity/types.d.ts +1 -0
- package/dist/cjs/biz-components/BrandEquity/types.js +1 -1
- package/dist/cjs/biz-components/BrandEquity/types.js.map +1 -1
- package/dist/cjs/biz-components/Category/index.d.ts +2 -2
- package/dist/cjs/biz-components/CreativeModule/index.d.ts +2 -3
- package/dist/cjs/biz-components/DownLoad/index.d.ts +2 -3
- package/dist/cjs/biz-components/Evaluate/index.d.ts +2 -2
- package/dist/cjs/biz-components/Faq/Faq.d.ts +2 -2
- package/dist/cjs/biz-components/Features/index.d.ts +2 -3
- package/dist/cjs/biz-components/Features/index.js +1 -1
- package/dist/cjs/biz-components/Features/index.js.map +3 -3
- package/dist/cjs/biz-components/FootCharger/index.d.ts +2 -3
- package/dist/cjs/biz-components/FooterNavigation/index.d.ts +2 -3
- package/dist/cjs/biz-components/FooterNavigation/index.js +1 -1
- package/dist/cjs/biz-components/FooterNavigation/index.js.map +3 -3
- package/dist/cjs/biz-components/FooterNavigation/types.d.ts +0 -3
- package/dist/cjs/biz-components/FooterNavigation/types.js +1 -1
- package/dist/cjs/biz-components/FooterNavigation/types.js.map +2 -2
- package/dist/cjs/biz-components/GiftBox/index.d.ts +2 -3
- package/dist/cjs/biz-components/GiftBox/index.js +1 -1
- package/dist/cjs/biz-components/GiftBox/index.js.map +3 -3
- package/dist/cjs/biz-components/Graphic/index.d.ts +2 -2
- package/dist/cjs/biz-components/GraphicAttractionBlock/index.d.ts +2 -2
- package/dist/cjs/biz-components/GraphicMore/index.d.ts +2 -3
- package/dist/cjs/biz-components/GraphicOverlay/GraphicOverlay.d.ts +2 -2
- package/dist/cjs/biz-components/HeaderNavigation/index.d.ts +2 -2
- package/dist/cjs/biz-components/HeaderNavigation/index.js +1 -1
- package/dist/cjs/biz-components/HeaderNavigation/index.js.map +3 -3
- package/dist/cjs/biz-components/HeroBanner/Countdown.js +1 -1
- package/dist/cjs/biz-components/HeroBanner/Countdown.js.map +2 -2
- package/dist/cjs/biz-components/HeroBanner/HeroBanner.d.ts +3 -6
- package/dist/cjs/biz-components/HeroBanner/HeroBanner.js +1 -1
- package/dist/cjs/biz-components/HeroBanner/HeroBanner.js.map +3 -3
- package/dist/cjs/biz-components/HeroBanner/types.d.ts +0 -2
- package/dist/cjs/biz-components/HeroBanner/types.js +1 -1
- package/dist/cjs/biz-components/HeroBanner/types.js.map +1 -1
- package/dist/cjs/biz-components/Listing/BizProductProvider.d.ts +1 -1
- package/dist/cjs/biz-components/Listing/components/PaidShipping/index.d.ts +6 -19
- package/dist/cjs/biz-components/Listing/components/ProductCard/ProductDetail/BenefitsTab.d.ts +2 -2
- package/dist/cjs/biz-components/Listing/components/ProductCard/ProductDetail/ProductBundle/index.d.ts +2 -3
- package/dist/cjs/biz-components/Listing/components/ProductCard/ProductDetail/ProductExchangePurchase/index.d.ts +2 -3
- package/dist/cjs/biz-components/Listing/components/ProductCard/ProductDetail/ProductFreeGift/index.d.ts +2 -3
- package/dist/cjs/biz-components/Listing/components/ProductCard/ProductDetail/ProductHighlight/index.d.ts +2 -3
- package/dist/cjs/biz-components/Listing/components/ProductCard/ProductDetail/ProductOptions/index.d.ts +2 -3
- package/dist/cjs/biz-components/Listing/components/ProductCard/ProductGallery/index.d.ts +2 -3
- package/dist/cjs/biz-components/Listing/components/ProductCard/ProductSummary/index.d.ts +2 -3
- package/dist/cjs/biz-components/Listing/components/PurchaseBar/ScrollSpyNav/index.js +1 -1
- package/dist/cjs/biz-components/Listing/components/PurchaseBar/ScrollSpyNav/index.js.map +2 -2
- package/dist/cjs/biz-components/Listing/components/PurchaseBar/ScrollSpyNav/types.d.ts +0 -1
- package/dist/cjs/biz-components/Listing/components/PurchaseBar/index.d.ts +2 -3
- package/dist/cjs/biz-components/Marquee/Marquee.d.ts +2 -2
- package/dist/cjs/biz-components/MediaPlayerBase/index.d.ts +2 -3
- package/dist/cjs/biz-components/MediaPlayerMulti/index.d.ts +2 -3
- package/dist/cjs/biz-components/MediaPlayerSticky/index.d.ts +2 -2
- package/dist/cjs/biz-components/MediaPlayerSticky/index.js +1 -1
- package/dist/cjs/biz-components/MediaPlayerSticky/index.js.map +3 -3
- package/dist/cjs/biz-components/MemberEquity/index.d.ts +2 -2
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.d.ts +2 -2
- package/dist/cjs/biz-components/NavigationSearch/index.d.ts +0 -1
- package/dist/cjs/biz-components/NavigationSearch/index.js +2 -2
- package/dist/cjs/biz-components/NavigationSearch/index.js.map +2 -2
- package/dist/cjs/biz-components/SearchPage/index.js +1 -1
- package/dist/cjs/biz-components/SearchPage/index.js.map +2 -2
- package/dist/cjs/biz-components/SelectStore/index.d.ts +2 -3
- package/dist/cjs/biz-components/SelectStore/index.js +1 -1
- package/dist/cjs/biz-components/SelectStore/index.js.map +3 -3
- package/dist/cjs/biz-components/ShelfDisplay/index.d.ts +2 -2
- package/dist/cjs/biz-components/ShelfDisplay/index.js +1 -1
- package/dist/cjs/biz-components/ShelfDisplay/index.js.map +2 -2
- package/dist/cjs/biz-components/Slogan/index.d.ts +2 -2
- package/dist/cjs/biz-components/Spacer/index.d.ts +2 -2
- package/dist/cjs/biz-components/Spacer/index.js +1 -1
- package/dist/cjs/biz-components/Spacer/index.js.map +2 -2
- package/dist/cjs/biz-components/Specs/index.d.ts +2 -2
- package/dist/cjs/biz-components/Tabs/Tabs.d.ts +2 -2
- package/dist/cjs/biz-components/Tabs/Tabs.js +1 -1
- package/dist/cjs/biz-components/Tabs/Tabs.js.map +1 -1
- package/dist/cjs/biz-components/Tabs/types.d.ts +0 -11
- package/dist/cjs/biz-components/Tabs/types.js +1 -1
- package/dist/cjs/biz-components/Tabs/types.js.map +1 -1
- package/dist/cjs/biz-components/TabsGroup/index.d.ts +2 -2
- package/dist/cjs/biz-components/TextModal/index.js +1 -1
- package/dist/cjs/biz-components/TextModal/index.js.map +3 -3
- package/dist/cjs/biz-components/Title/index.d.ts +2 -2
- package/dist/cjs/biz-components/Title/index.js +1 -1
- package/dist/cjs/biz-components/Title/index.js.map +3 -3
- package/dist/cjs/biz-components/Title/types.d.ts +0 -1
- package/dist/cjs/biz-components/Title/types.js +1 -1
- package/dist/cjs/biz-components/Title/types.js.map +1 -1
- package/dist/cjs/biz-components/WhyChoose/WhyChoose.d.ts +2 -2
- package/dist/cjs/biz-components/index.d.ts +0 -47
- package/dist/cjs/biz-components/index.js +1 -1
- package/dist/cjs/biz-components/index.js.map +3 -3
- package/dist/cjs/components/alert.d.ts +2 -2
- package/dist/cjs/components/avatar.d.ts +8 -8
- package/dist/cjs/components/board.js +1 -1
- package/dist/cjs/components/board.js.map +2 -2
- package/dist/cjs/components/brand-strip.js +1 -1
- package/dist/cjs/components/brand-strip.js.map +2 -2
- package/dist/cjs/components/container.d.ts +7 -7
- package/dist/cjs/components/dialog.d.ts +1 -1
- package/dist/cjs/components/drop-down.d.ts +3 -3
- package/dist/cjs/components/heading.d.ts +0 -1
- package/dist/cjs/components/heading.js +1 -1
- package/dist/cjs/components/heading.js.map +3 -3
- package/dist/cjs/components/index.d.ts +0 -1
- package/dist/cjs/components/index.js +1 -1
- package/dist/cjs/components/index.js.map +3 -3
- package/dist/cjs/components/input-number.d.ts +15 -15
- package/dist/cjs/components/link.d.ts +6 -6
- package/dist/cjs/components/tabs.d.ts +2 -2
- package/dist/cjs/components/tabs.js +1 -1
- package/dist/cjs/components/tabs.js.map +2 -2
- package/dist/cjs/helpers/utils.d.ts +0 -1
- package/dist/cjs/helpers/utils.js +1 -1
- package/dist/cjs/helpers/utils.js.map +3 -3
- package/dist/cjs/hooks/useRollout.d.ts +2 -2
- package/dist/cjs/hooks/useRollout.js +1 -1
- package/dist/cjs/hooks/useRollout.js.map +2 -2
- package/dist/cjs/shared/Styles.d.ts +4 -4
- package/dist/cjs/shared/Styles.js +1 -1
- package/dist/cjs/shared/Styles.js.map +3 -3
- package/dist/cjs/stories/HeroBanner.stories.d.ts +28 -0
- package/dist/cjs/stories/HeroBanner.stories.js +2 -2
- package/dist/cjs/stories/HeroBanner.stories.js.map +3 -3
- package/dist/cjs/stories/MemberEquity.stories.d.ts +9 -0
- package/dist/cjs/stories/MultiLayoutGraphicBlock.stories.d.ts +9 -0
- package/dist/cjs/stories/accordionCards.stories.d.ts +38 -0
- package/dist/cjs/stories/alert.stories.d.ts +27 -0
- package/dist/cjs/stories/avatar.stories.d.ts +39 -0
- package/dist/cjs/stories/badge.stories.d.ts +31 -0
- package/dist/cjs/stories/bizTabs.stories.d.ts +7 -0
- package/dist/cjs/stories/board.stories.d.ts +6 -0
- package/dist/cjs/stories/brandEquity.stories.d.ts +16 -0
- package/dist/cjs/stories/brandStrip.stories.d.ts +12 -0
- package/dist/cjs/stories/button.stories.d.ts +56 -0
- package/dist/cjs/stories/card.stories.d.ts +27 -0
- package/dist/cjs/stories/carousel.stories.d.ts +8 -0
- package/dist/cjs/stories/category.stories.d.ts +17 -0
- package/dist/cjs/stories/checkbox.stories.d.ts +46 -0
- package/dist/cjs/stories/container.stories.d.ts +28 -0
- package/dist/cjs/stories/cpnBanner.stories.d.ts +14 -0
- package/dist/cjs/stories/cpnCountdown.stories.d.ts +12 -0
- package/dist/cjs/stories/cpnNavigation.stories.d.ts +14 -0
- package/dist/cjs/stories/cpnProductcard.stories.d.ts +14 -0
- package/dist/cjs/stories/cpnTitle.stories.d.ts +14 -0
- package/dist/cjs/stories/creativeModule.stories.d.ts +19 -0
- package/dist/cjs/stories/dialog.stories.d.ts +20 -0
- package/dist/cjs/stories/drawer.stories.d.ts +20 -0
- package/dist/cjs/stories/drop-down.stories.d.ts +16 -0
- package/dist/cjs/stories/evaluate.stories.d.ts +16 -0
- package/dist/cjs/stories/faq.stories.d.ts +21 -0
- package/dist/cjs/stories/graphic.stories.d.ts +64 -0
- package/dist/cjs/stories/graphicAttractionBlock.stories.d.ts +6 -0
- package/dist/cjs/stories/grid.stories.d.ts +22 -0
- package/dist/cjs/stories/heading.stories.d.ts +84 -0
- package/dist/cjs/stories/input-number.stories.d.ts +39 -0
- package/dist/cjs/stories/input.stories.d.ts +35 -0
- package/dist/cjs/stories/link.stories.d.ts +69 -0
- package/dist/cjs/stories/marquee.stories.d.ts +30 -0
- package/dist/cjs/stories/mediaplayerBase.stories.d.ts +6 -0
- package/dist/cjs/stories/mediaplayerMulti.stories.d.ts +16 -0
- package/dist/cjs/stories/picture.stories.d.ts +23 -0
- package/dist/cjs/stories/popover.stories.d.ts +17 -0
- package/dist/cjs/stories/radio.stories.d.ts +39 -0
- package/dist/cjs/stories/shelfDisplay.stories.d.ts +16 -0
- package/dist/cjs/stories/shelfDisplay.stories.js +1 -1
- package/dist/cjs/stories/shelfDisplay.stories.js.map +3 -3
- package/dist/cjs/stories/skeleton.stories.d.ts +20 -0
- package/dist/cjs/stories/slogan.stories.d.ts +20 -0
- package/dist/cjs/stories/specs.stories.d.ts +13 -0
- package/dist/cjs/stories/tabs.stories.d.ts +373 -0
- package/dist/cjs/stories/text.stories.d.ts +86 -0
- package/dist/cjs/stories/whychoose.stories.d.ts +21 -0
- package/dist/cjs/types/props.d.ts +2 -9
- package/dist/cjs/types/props.js +1 -1
- package/dist/cjs/types/props.js.map +1 -1
- package/dist/esm/biz-components/AccordionCards/index.d.ts +2 -2
- package/dist/esm/biz-components/AiuiProvider/index.d.ts +1 -1
- package/dist/esm/biz-components/AiuiProvider/index.js.map +1 -1
- package/dist/esm/biz-components/AplusDesc/index.d.ts +2 -3
- package/dist/esm/biz-components/AplusDesc/index.js +1 -1
- package/dist/esm/biz-components/AplusDesc/index.js.map +3 -3
- package/dist/esm/biz-components/BrandEquity/BrandEquity.d.ts +2 -3
- package/dist/esm/biz-components/BrandEquity/BrandEquity.js +1 -1
- package/dist/esm/biz-components/BrandEquity/BrandEquity.js.map +3 -3
- package/dist/esm/biz-components/BrandEquity/types.d.ts +1 -0
- package/dist/esm/biz-components/Category/index.d.ts +2 -2
- package/dist/esm/biz-components/CreativeModule/index.d.ts +2 -3
- package/dist/esm/biz-components/DownLoad/index.d.ts +2 -3
- package/dist/esm/biz-components/Evaluate/index.d.ts +2 -2
- package/dist/esm/biz-components/Faq/Faq.d.ts +2 -2
- package/dist/esm/biz-components/Features/index.d.ts +2 -3
- package/dist/esm/biz-components/Features/index.js +1 -1
- package/dist/esm/biz-components/Features/index.js.map +3 -3
- package/dist/esm/biz-components/FootCharger/index.d.ts +2 -3
- package/dist/esm/biz-components/FooterNavigation/index.d.ts +2 -3
- package/dist/esm/biz-components/FooterNavigation/index.js +1 -1
- package/dist/esm/biz-components/FooterNavigation/index.js.map +3 -3
- package/dist/esm/biz-components/FooterNavigation/types.d.ts +0 -3
- package/dist/esm/biz-components/FooterNavigation/types.js +1 -1
- package/dist/esm/biz-components/FooterNavigation/types.js.map +2 -2
- package/dist/esm/biz-components/GiftBox/index.d.ts +2 -3
- package/dist/esm/biz-components/GiftBox/index.js +1 -1
- package/dist/esm/biz-components/GiftBox/index.js.map +3 -3
- package/dist/esm/biz-components/Graphic/index.d.ts +2 -2
- package/dist/esm/biz-components/GraphicAttractionBlock/index.d.ts +2 -2
- package/dist/esm/biz-components/GraphicMore/index.d.ts +2 -3
- package/dist/esm/biz-components/GraphicOverlay/GraphicOverlay.d.ts +2 -2
- package/dist/esm/biz-components/HeaderNavigation/index.d.ts +2 -2
- package/dist/esm/biz-components/HeaderNavigation/index.js +1 -1
- package/dist/esm/biz-components/HeaderNavigation/index.js.map +3 -3
- package/dist/esm/biz-components/HeroBanner/Countdown.js +1 -1
- package/dist/esm/biz-components/HeroBanner/Countdown.js.map +2 -2
- package/dist/esm/biz-components/HeroBanner/HeroBanner.d.ts +3 -6
- package/dist/esm/biz-components/HeroBanner/HeroBanner.js +1 -1
- package/dist/esm/biz-components/HeroBanner/HeroBanner.js.map +3 -3
- package/dist/esm/biz-components/HeroBanner/types.d.ts +0 -2
- package/dist/esm/biz-components/Listing/BizProductProvider.d.ts +1 -1
- package/dist/esm/biz-components/Listing/components/PaidShipping/index.d.ts +6 -19
- package/dist/esm/biz-components/Listing/components/ProductCard/ProductDetail/BenefitsTab.d.ts +2 -2
- package/dist/esm/biz-components/Listing/components/ProductCard/ProductDetail/ProductBundle/index.d.ts +2 -3
- package/dist/esm/biz-components/Listing/components/ProductCard/ProductDetail/ProductExchangePurchase/index.d.ts +2 -3
- package/dist/esm/biz-components/Listing/components/ProductCard/ProductDetail/ProductFreeGift/index.d.ts +2 -3
- package/dist/esm/biz-components/Listing/components/ProductCard/ProductDetail/ProductHighlight/index.d.ts +2 -3
- package/dist/esm/biz-components/Listing/components/ProductCard/ProductDetail/ProductOptions/index.d.ts +2 -3
- package/dist/esm/biz-components/Listing/components/ProductCard/ProductGallery/index.d.ts +2 -3
- package/dist/esm/biz-components/Listing/components/ProductCard/ProductSummary/index.d.ts +2 -3
- package/dist/esm/biz-components/Listing/components/PurchaseBar/ScrollSpyNav/index.js +1 -1
- package/dist/esm/biz-components/Listing/components/PurchaseBar/ScrollSpyNav/index.js.map +2 -2
- package/dist/esm/biz-components/Listing/components/PurchaseBar/ScrollSpyNav/types.d.ts +0 -1
- package/dist/esm/biz-components/Listing/components/PurchaseBar/index.d.ts +2 -3
- package/dist/esm/biz-components/Marquee/Marquee.d.ts +2 -2
- package/dist/esm/biz-components/MediaPlayerBase/index.d.ts +2 -3
- package/dist/esm/biz-components/MediaPlayerMulti/index.d.ts +2 -3
- package/dist/esm/biz-components/MediaPlayerSticky/index.d.ts +2 -2
- package/dist/esm/biz-components/MediaPlayerSticky/index.js +1 -1
- package/dist/esm/biz-components/MediaPlayerSticky/index.js.map +3 -3
- package/dist/esm/biz-components/MemberEquity/index.d.ts +2 -2
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.d.ts +2 -2
- package/dist/esm/biz-components/NavigationSearch/index.d.ts +0 -1
- package/dist/esm/biz-components/NavigationSearch/index.js +2 -2
- package/dist/esm/biz-components/NavigationSearch/index.js.map +2 -2
- package/dist/esm/biz-components/SearchPage/index.js +1 -1
- package/dist/esm/biz-components/SearchPage/index.js.map +2 -2
- package/dist/esm/biz-components/SelectStore/index.d.ts +2 -3
- package/dist/esm/biz-components/SelectStore/index.js +1 -1
- package/dist/esm/biz-components/SelectStore/index.js.map +3 -3
- package/dist/esm/biz-components/ShelfDisplay/index.d.ts +2 -2
- package/dist/esm/biz-components/ShelfDisplay/index.js +1 -1
- package/dist/esm/biz-components/ShelfDisplay/index.js.map +2 -2
- package/dist/esm/biz-components/Slogan/index.d.ts +2 -2
- package/dist/esm/biz-components/Spacer/index.d.ts +2 -2
- package/dist/esm/biz-components/Spacer/index.js +1 -1
- package/dist/esm/biz-components/Spacer/index.js.map +2 -2
- package/dist/esm/biz-components/Specs/index.d.ts +2 -2
- package/dist/esm/biz-components/Tabs/Tabs.d.ts +2 -2
- package/dist/esm/biz-components/Tabs/Tabs.js +1 -1
- package/dist/esm/biz-components/Tabs/Tabs.js.map +1 -1
- package/dist/esm/biz-components/Tabs/types.d.ts +0 -11
- package/dist/esm/biz-components/TabsGroup/index.d.ts +2 -2
- package/dist/esm/biz-components/TextModal/index.js +1 -1
- package/dist/esm/biz-components/TextModal/index.js.map +2 -2
- package/dist/esm/biz-components/Title/index.d.ts +2 -2
- package/dist/esm/biz-components/Title/index.js +1 -1
- package/dist/esm/biz-components/Title/index.js.map +3 -3
- package/dist/esm/biz-components/Title/types.d.ts +0 -1
- package/dist/esm/biz-components/WhyChoose/WhyChoose.d.ts +2 -2
- package/dist/esm/biz-components/index.d.ts +0 -47
- package/dist/esm/biz-components/index.js +1 -1
- package/dist/esm/biz-components/index.js.map +2 -2
- package/dist/esm/components/alert.d.ts +2 -2
- package/dist/esm/components/avatar.d.ts +8 -8
- package/dist/esm/components/board.js +1 -1
- package/dist/esm/components/board.js.map +2 -2
- package/dist/esm/components/brand-strip.js +1 -1
- package/dist/esm/components/brand-strip.js.map +2 -2
- package/dist/esm/components/container.d.ts +7 -7
- package/dist/esm/components/dialog.d.ts +1 -1
- package/dist/esm/components/drop-down.d.ts +3 -3
- package/dist/esm/components/heading.d.ts +0 -1
- package/dist/esm/components/heading.js +1 -1
- package/dist/esm/components/heading.js.map +3 -3
- package/dist/esm/components/index.d.ts +0 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/index.js.map +2 -2
- package/dist/esm/components/input-number.d.ts +15 -15
- package/dist/esm/components/link.d.ts +6 -6
- package/dist/esm/components/tabs.d.ts +2 -2
- package/dist/esm/components/tabs.js +1 -1
- package/dist/esm/components/tabs.js.map +2 -2
- package/dist/esm/helpers/utils.d.ts +0 -1
- package/dist/esm/helpers/utils.js +1 -1
- package/dist/esm/helpers/utils.js.map +3 -3
- package/dist/esm/hooks/useRollout.d.ts +2 -2
- package/dist/esm/hooks/useRollout.js +1 -1
- package/dist/esm/hooks/useRollout.js.map +3 -3
- package/dist/esm/shared/Styles.d.ts +4 -4
- package/dist/esm/shared/Styles.js +1 -1
- package/dist/esm/shared/Styles.js.map +3 -3
- package/dist/esm/stories/HeroBanner.stories.d.ts +28 -0
- package/dist/esm/stories/HeroBanner.stories.js +2 -2
- package/dist/esm/stories/HeroBanner.stories.js.map +3 -3
- package/dist/esm/stories/MemberEquity.stories.d.ts +9 -0
- package/dist/esm/stories/MultiLayoutGraphicBlock.stories.d.ts +9 -0
- package/dist/esm/stories/accordionCards.stories.d.ts +38 -0
- package/dist/esm/stories/alert.stories.d.ts +27 -0
- package/dist/esm/stories/avatar.stories.d.ts +39 -0
- package/dist/esm/stories/badge.stories.d.ts +31 -0
- package/dist/esm/stories/bizTabs.stories.d.ts +7 -0
- package/dist/esm/stories/board.stories.d.ts +6 -0
- package/dist/esm/stories/brandEquity.stories.d.ts +16 -0
- package/dist/esm/stories/brandStrip.stories.d.ts +12 -0
- package/dist/esm/stories/button.stories.d.ts +56 -0
- package/dist/esm/stories/card.stories.d.ts +27 -0
- package/dist/esm/stories/carousel.stories.d.ts +8 -0
- package/dist/esm/stories/category.stories.d.ts +17 -0
- package/dist/esm/stories/checkbox.stories.d.ts +46 -0
- package/dist/esm/stories/container.stories.d.ts +28 -0
- package/dist/esm/stories/cpnBanner.stories.d.ts +14 -0
- package/dist/esm/stories/cpnCountdown.stories.d.ts +12 -0
- package/dist/esm/stories/cpnNavigation.stories.d.ts +14 -0
- package/dist/esm/stories/cpnProductcard.stories.d.ts +14 -0
- package/dist/esm/stories/cpnTitle.stories.d.ts +14 -0
- package/dist/esm/stories/creativeModule.stories.d.ts +19 -0
- package/dist/esm/stories/dialog.stories.d.ts +20 -0
- package/dist/esm/stories/drawer.stories.d.ts +20 -0
- package/dist/esm/stories/drop-down.stories.d.ts +16 -0
- package/dist/esm/stories/evaluate.stories.d.ts +16 -0
- package/dist/esm/stories/faq.stories.d.ts +21 -0
- package/dist/esm/stories/graphic.stories.d.ts +64 -0
- package/dist/esm/stories/graphicAttractionBlock.stories.d.ts +6 -0
- package/dist/esm/stories/grid.stories.d.ts +22 -0
- package/dist/esm/stories/heading.stories.d.ts +84 -0
- package/dist/esm/stories/input-number.stories.d.ts +39 -0
- package/dist/esm/stories/input.stories.d.ts +35 -0
- package/dist/esm/stories/link.stories.d.ts +69 -0
- package/dist/esm/stories/marquee.stories.d.ts +30 -0
- package/dist/esm/stories/mediaplayerBase.stories.d.ts +6 -0
- package/dist/esm/stories/mediaplayerMulti.stories.d.ts +16 -0
- package/dist/esm/stories/picture.stories.d.ts +23 -0
- package/dist/esm/stories/popover.stories.d.ts +17 -0
- package/dist/esm/stories/radio.stories.d.ts +39 -0
- package/dist/esm/stories/shelfDisplay.stories.d.ts +16 -0
- package/dist/esm/stories/shelfDisplay.stories.js +1 -1
- package/dist/esm/stories/shelfDisplay.stories.js.map +2 -2
- package/dist/esm/stories/skeleton.stories.d.ts +20 -0
- package/dist/esm/stories/slogan.stories.d.ts +20 -0
- package/dist/esm/stories/specs.stories.d.ts +13 -0
- package/dist/esm/stories/tabs.stories.d.ts +373 -0
- package/dist/esm/stories/text.stories.d.ts +86 -0
- package/dist/esm/stories/whychoose.stories.d.ts +21 -0
- package/dist/esm/types/props.d.ts +2 -9
- package/package.json +17 -21
- package/style.css +1 -30
- package/tailwind.config.js +0 -24
- package/dist/cjs/biz-components/AnchorNavigation/index.d.ts +0 -22
- package/dist/cjs/biz-components/AnchorNavigation/index.js +0 -2
- package/dist/cjs/biz-components/AnchorNavigation/index.js.map +0 -7
- package/dist/cjs/biz-components/AnchorNavigation/useAnchorPosition.d.ts +0 -2
- package/dist/cjs/biz-components/AnchorNavigation/useAnchorPosition.js +0 -2
- package/dist/cjs/biz-components/AnchorNavigation/useAnchorPosition.js.map +0 -7
- package/dist/cjs/biz-components/BuyOneGetOneShelf/ProductCard.d.ts +0 -83
- package/dist/cjs/biz-components/BuyOneGetOneShelf/ProductCard.js +0 -2
- package/dist/cjs/biz-components/BuyOneGetOneShelf/ProductCard.js.map +0 -7
- package/dist/cjs/biz-components/BuyOneGetOneShelf/index.d.ts +0 -40
- package/dist/cjs/biz-components/BuyOneGetOneShelf/index.js +0 -2
- package/dist/cjs/biz-components/BuyOneGetOneShelf/index.js.map +0 -7
- package/dist/cjs/biz-components/CollectionShelves/CollectionShelvesItem.d.ts +0 -4
- package/dist/cjs/biz-components/CollectionShelves/CollectionShelvesItem.js +0 -2
- package/dist/cjs/biz-components/CollectionShelves/CollectionShelvesItem.js.map +0 -7
- package/dist/cjs/biz-components/CollectionShelves/index.d.ts +0 -7
- package/dist/cjs/biz-components/CollectionShelves/index.js +0 -2
- package/dist/cjs/biz-components/CollectionShelves/index.js.map +0 -7
- package/dist/cjs/biz-components/CollectionsBanner/index.d.ts +0 -7
- package/dist/cjs/biz-components/CollectionsBanner/index.js +0 -2
- package/dist/cjs/biz-components/CollectionsBanner/index.js.map +0 -7
- package/dist/cjs/biz-components/CollectionsBanner/types.d.ts +0 -43
- package/dist/cjs/biz-components/CollectionsBanner/types.js +0 -2
- package/dist/cjs/biz-components/CollectionsBanner/types.js.map +0 -7
- package/dist/cjs/biz-components/CollectionsFilters/FilterCardWrap.d.ts +0 -19
- package/dist/cjs/biz-components/CollectionsFilters/FilterCardWrap.js +0 -2
- package/dist/cjs/biz-components/CollectionsFilters/FilterCardWrap.js.map +0 -7
- package/dist/cjs/biz-components/CollectionsFilters/FilterCardWrapItem.d.ts +0 -10
- package/dist/cjs/biz-components/CollectionsFilters/FilterCardWrapItem.js +0 -2
- package/dist/cjs/biz-components/CollectionsFilters/FilterCardWrapItem.js.map +0 -7
- package/dist/cjs/biz-components/CollectionsFilters/FilterHeader.d.ts +0 -13
- package/dist/cjs/biz-components/CollectionsFilters/FilterHeader.js +0 -2
- package/dist/cjs/biz-components/CollectionsFilters/FilterHeader.js.map +0 -7
- package/dist/cjs/biz-components/CollectionsFilters/FilterList.d.ts +0 -14
- package/dist/cjs/biz-components/CollectionsFilters/FilterList.js +0 -2
- package/dist/cjs/biz-components/CollectionsFilters/FilterList.js.map +0 -7
- package/dist/cjs/biz-components/CollectionsFilters/component/AnimatedUL.d.ts +0 -5
- package/dist/cjs/biz-components/CollectionsFilters/component/AnimatedUL.js +0 -2
- package/dist/cjs/biz-components/CollectionsFilters/component/AnimatedUL.js.map +0 -7
- package/dist/cjs/biz-components/CollectionsFilters/component/TabFilter.d.ts +0 -12
- package/dist/cjs/biz-components/CollectionsFilters/component/TabFilter.js +0 -2
- package/dist/cjs/biz-components/CollectionsFilters/component/TabFilter.js.map +0 -7
- package/dist/cjs/biz-components/CollectionsFilters/component/filtersFun.d.ts +0 -12
- package/dist/cjs/biz-components/CollectionsFilters/component/filtersFun.js +0 -2
- package/dist/cjs/biz-components/CollectionsFilters/component/filtersFun.js.map +0 -7
- package/dist/cjs/biz-components/CollectionsFilters/component/helper.d.ts +0 -81
- package/dist/cjs/biz-components/CollectionsFilters/component/helper.js +0 -2
- package/dist/cjs/biz-components/CollectionsFilters/component/helper.js.map +0 -7
- package/dist/cjs/biz-components/CollectionsFilters/component/price.d.ts +0 -25
- package/dist/cjs/biz-components/CollectionsFilters/component/price.js +0 -2
- package/dist/cjs/biz-components/CollectionsFilters/component/price.js.map +0 -7
- package/dist/cjs/biz-components/CollectionsFilters/component/priceProps.d.ts +0 -215
- package/dist/cjs/biz-components/CollectionsFilters/component/priceProps.js +0 -2
- package/dist/cjs/biz-components/CollectionsFilters/component/priceProps.js.map +0 -7
- package/dist/cjs/biz-components/CollectionsFilters/index.d.ts +0 -24
- package/dist/cjs/biz-components/CollectionsFilters/index.js +0 -2
- package/dist/cjs/biz-components/CollectionsFilters/index.js.map +0 -7
- package/dist/cjs/biz-components/EventSchedule/index.d.ts +0 -39
- package/dist/cjs/biz-components/EventSchedule/index.js +0 -2
- package/dist/cjs/biz-components/EventSchedule/index.js.map +0 -7
- package/dist/cjs/biz-components/FeatureCards/FeatureCards.d.ts +0 -7
- package/dist/cjs/biz-components/FeatureCards/FeatureCards.js +0 -2
- package/dist/cjs/biz-components/FeatureCards/FeatureCards.js.map +0 -7
- package/dist/cjs/biz-components/FeatureCards/index.d.ts +0 -2
- package/dist/cjs/biz-components/FeatureCards/index.js +0 -2
- package/dist/cjs/biz-components/FeatureCards/index.js.map +0 -7
- package/dist/cjs/biz-components/FeatureCards/types.d.ts +0 -27
- package/dist/cjs/biz-components/FeatureCards/types.js +0 -2
- package/dist/cjs/biz-components/FeatureCards/types.js.map +0 -7
- package/dist/cjs/biz-components/FeatureShowcase/FeatureShowcase.d.ts +0 -7
- package/dist/cjs/biz-components/FeatureShowcase/FeatureShowcase.js +0 -2
- package/dist/cjs/biz-components/FeatureShowcase/FeatureShowcase.js.map +0 -7
- package/dist/cjs/biz-components/FeatureShowcase/index.d.ts +0 -2
- package/dist/cjs/biz-components/FeatureShowcase/index.js +0 -2
- package/dist/cjs/biz-components/FeatureShowcase/index.js.map +0 -7
- package/dist/cjs/biz-components/FeatureShowcase/types.d.ts +0 -23
- package/dist/cjs/biz-components/FeatureShowcase/types.js +0 -2
- package/dist/cjs/biz-components/FeatureShowcase/types.js.map +0 -7
- package/dist/cjs/biz-components/ImageTextFeature/ImageTextFeature.d.ts +0 -7
- package/dist/cjs/biz-components/ImageTextFeature/ImageTextFeature.js +0 -2
- package/dist/cjs/biz-components/ImageTextFeature/ImageTextFeature.js.map +0 -7
- package/dist/cjs/biz-components/ImageTextFeature/index.d.ts +0 -2
- package/dist/cjs/biz-components/ImageTextFeature/index.js +0 -2
- package/dist/cjs/biz-components/ImageTextFeature/index.js.map +0 -7
- package/dist/cjs/biz-components/ImageTextFeature/types.d.ts +0 -31
- package/dist/cjs/biz-components/ImageTextFeature/types.js +0 -2
- package/dist/cjs/biz-components/ImageTextFeature/types.js.map +0 -7
- package/dist/cjs/biz-components/ImageWithText/ImageWithText.d.ts +0 -7
- package/dist/cjs/biz-components/ImageWithText/ImageWithText.js +0 -2
- package/dist/cjs/biz-components/ImageWithText/ImageWithText.js.map +0 -7
- package/dist/cjs/biz-components/ImageWithText/index.d.ts +0 -3
- package/dist/cjs/biz-components/ImageWithText/index.js +0 -2
- package/dist/cjs/biz-components/ImageWithText/index.js.map +0 -7
- package/dist/cjs/biz-components/ImageWithText/types.d.ts +0 -108
- package/dist/cjs/biz-components/ImageWithText/types.js +0 -2
- package/dist/cjs/biz-components/ImageWithText/types.js.map +0 -7
- package/dist/cjs/biz-components/InlineVideo/index.d.ts +0 -16
- package/dist/cjs/biz-components/InlineVideo/index.js +0 -2
- package/dist/cjs/biz-components/InlineVideo/index.js.map +0 -7
- package/dist/cjs/biz-components/Ksp/index.d.ts +0 -44
- package/dist/cjs/biz-components/Ksp/index.js +0 -2
- package/dist/cjs/biz-components/Ksp/index.js.map +0 -7
- package/dist/cjs/biz-components/MarqueeReview/index.d.ts +0 -42
- package/dist/cjs/biz-components/MarqueeReview/index.js +0 -2
- package/dist/cjs/biz-components/MarqueeReview/index.js.map +0 -7
- package/dist/cjs/biz-components/Media/index.d.ts +0 -32
- package/dist/cjs/biz-components/Media/index.js +0 -2
- package/dist/cjs/biz-components/Media/index.js.map +0 -7
- package/dist/cjs/biz-components/MediaPlayerBase/index.backup.d.ts +0 -7
- package/dist/cjs/biz-components/MediaPlayerBase/index.backup.js +0 -2
- package/dist/cjs/biz-components/MediaPlayerBase/index.backup.js.map +0 -7
- package/dist/cjs/biz-components/MediaSceneSwitcher/MediaSceneSwitcher.d.ts +0 -8
- package/dist/cjs/biz-components/MediaSceneSwitcher/MediaSceneSwitcher.js +0 -11
- package/dist/cjs/biz-components/MediaSceneSwitcher/MediaSceneSwitcher.js.map +0 -7
- package/dist/cjs/biz-components/MediaSceneSwitcher/index.d.ts +0 -2
- package/dist/cjs/biz-components/MediaSceneSwitcher/index.js +0 -2
- package/dist/cjs/biz-components/MediaSceneSwitcher/index.js.map +0 -7
- package/dist/cjs/biz-components/MediaSceneSwitcher/types.d.ts +0 -21
- package/dist/cjs/biz-components/MediaSceneSwitcher/types.js +0 -2
- package/dist/cjs/biz-components/MediaSceneSwitcher/types.js.map +0 -7
- package/dist/cjs/biz-components/Paginator/index.d.ts +0 -7
- package/dist/cjs/biz-components/Paginator/index.js +0 -7
- package/dist/cjs/biz-components/Paginator/index.js.map +0 -7
- package/dist/cjs/biz-components/ProductCompare/index.d.ts +0 -54
- package/dist/cjs/biz-components/ProductCompare/index.js +0 -2
- package/dist/cjs/biz-components/ProductCompare/index.js.map +0 -7
- package/dist/cjs/biz-components/ProductHero/ProductHero.d.ts +0 -7
- package/dist/cjs/biz-components/ProductHero/ProductHero.js +0 -2
- package/dist/cjs/biz-components/ProductHero/ProductHero.js.map +0 -7
- package/dist/cjs/biz-components/ProductHero/index.d.ts +0 -2
- package/dist/cjs/biz-components/ProductHero/index.js +0 -2
- package/dist/cjs/biz-components/ProductHero/index.js.map +0 -7
- package/dist/cjs/biz-components/ProductHero/types.d.ts +0 -23
- package/dist/cjs/biz-components/ProductHero/types.js +0 -2
- package/dist/cjs/biz-components/ProductHero/types.js.map +0 -7
- package/dist/cjs/biz-components/ProductNav/ProductNav.d.ts +0 -7
- package/dist/cjs/biz-components/ProductNav/ProductNav.js +0 -2
- package/dist/cjs/biz-components/ProductNav/ProductNav.js.map +0 -7
- package/dist/cjs/biz-components/ProductNav/index.d.ts +0 -2
- package/dist/cjs/biz-components/ProductNav/index.js +0 -2
- package/dist/cjs/biz-components/ProductNav/index.js.map +0 -7
- package/dist/cjs/biz-components/ProductNav/types.d.ts +0 -35
- package/dist/cjs/biz-components/ProductNav/types.js +0 -2
- package/dist/cjs/biz-components/ProductNav/types.js.map +0 -7
- package/dist/cjs/biz-components/PromotionalBar/index.d.ts +0 -35
- package/dist/cjs/biz-components/PromotionalBar/index.js +0 -2
- package/dist/cjs/biz-components/PromotionalBar/index.js.map +0 -7
- package/dist/cjs/biz-components/SecondaryBanner/index.d.ts +0 -67
- package/dist/cjs/biz-components/SecondaryBanner/index.js +0 -2
- package/dist/cjs/biz-components/SecondaryBanner/index.js.map +0 -7
- package/dist/cjs/biz-components/SpecsComparison/SpecsComparison.d.ts +0 -7
- package/dist/cjs/biz-components/SpecsComparison/SpecsComparison.js +0 -2
- package/dist/cjs/biz-components/SpecsComparison/SpecsComparison.js.map +0 -7
- package/dist/cjs/biz-components/SpecsComparison/index.d.ts +0 -2
- package/dist/cjs/biz-components/SpecsComparison/index.js +0 -2
- package/dist/cjs/biz-components/SpecsComparison/index.js.map +0 -7
- package/dist/cjs/biz-components/SpecsComparison/types.d.ts +0 -34
- package/dist/cjs/biz-components/SpecsComparison/types.js +0 -2
- package/dist/cjs/biz-components/SpecsComparison/types.js.map +0 -7
- package/dist/cjs/biz-components/StockShelf/index.d.ts +0 -21
- package/dist/cjs/biz-components/StockShelf/index.js +0 -2
- package/dist/cjs/biz-components/StockShelf/index.js.map +0 -7
- package/dist/cjs/biz-components/TabWithImage/TabWithImage.d.ts +0 -7
- package/dist/cjs/biz-components/TabWithImage/TabWithImage.js +0 -2
- package/dist/cjs/biz-components/TabWithImage/TabWithImage.js.map +0 -7
- package/dist/cjs/biz-components/TabWithImage/index.d.ts +0 -2
- package/dist/cjs/biz-components/TabWithImage/index.js +0 -2
- package/dist/cjs/biz-components/TabWithImage/index.js.map +0 -7
- package/dist/cjs/biz-components/TabWithImage/types.d.ts +0 -29
- package/dist/cjs/biz-components/TabWithImage/types.js +0 -2
- package/dist/cjs/biz-components/TabWithImage/types.js.map +0 -7
- package/dist/cjs/biz-components/TabsWithMedia/TabsWithMedia.d.ts +0 -7
- package/dist/cjs/biz-components/TabsWithMedia/TabsWithMedia.js +0 -2
- package/dist/cjs/biz-components/TabsWithMedia/TabsWithMedia.js.map +0 -7
- package/dist/cjs/biz-components/TabsWithMedia/index.d.ts +0 -2
- package/dist/cjs/biz-components/TabsWithMedia/index.js +0 -2
- package/dist/cjs/biz-components/TabsWithMedia/index.js.map +0 -7
- package/dist/cjs/biz-components/TabsWithMedia/types.d.ts +0 -43
- package/dist/cjs/biz-components/TabsWithMedia/types.js +0 -2
- package/dist/cjs/biz-components/TabsWithMedia/types.js.map +0 -7
- package/dist/cjs/biz-components/TextMarquee/index.d.ts +0 -10
- package/dist/cjs/biz-components/TextMarquee/index.js +0 -2
- package/dist/cjs/biz-components/TextMarquee/index.js.map +0 -7
- package/dist/cjs/biz-components/ThreeDCarousel/ThreeDCarousel.d.ts +0 -11
- package/dist/cjs/biz-components/ThreeDCarousel/ThreeDCarousel.js +0 -2
- package/dist/cjs/biz-components/ThreeDCarousel/ThreeDCarousel.js.map +0 -7
- package/dist/cjs/biz-components/ThreeDCarousel/index.d.ts +0 -2
- package/dist/cjs/biz-components/ThreeDCarousel/index.js +0 -2
- package/dist/cjs/biz-components/ThreeDCarousel/index.js.map +0 -7
- package/dist/cjs/biz-components/ThreeDCarousel/types.d.ts +0 -26
- package/dist/cjs/biz-components/ThreeDCarousel/types.js +0 -2
- package/dist/cjs/biz-components/ThreeDCarousel/types.js.map +0 -7
- package/dist/cjs/biz-components/VideoFeature/VideoFeature.d.ts +0 -7
- package/dist/cjs/biz-components/VideoFeature/VideoFeature.js +0 -2
- package/dist/cjs/biz-components/VideoFeature/VideoFeature.js.map +0 -7
- package/dist/cjs/biz-components/VideoFeature/index.d.ts +0 -2
- package/dist/cjs/biz-components/VideoFeature/index.js +0 -2
- package/dist/cjs/biz-components/VideoFeature/index.js.map +0 -7
- package/dist/cjs/biz-components/VideoFeature/types.d.ts +0 -19
- package/dist/cjs/biz-components/VideoFeature/types.js +0 -2
- package/dist/cjs/biz-components/VideoFeature/types.js.map +0 -7
- package/dist/cjs/components/breadcrumb.d.ts +0 -12
- package/dist/cjs/components/breadcrumb.js +0 -2
- package/dist/cjs/components/breadcrumb.js.map +0 -7
- package/dist/cjs/shared/ErrorBoundary.d.ts +0 -18
- package/dist/cjs/shared/ErrorBoundary.js +0 -2
- package/dist/cjs/shared/ErrorBoundary.js.map +0 -7
- package/dist/cjs/stories/InlineVideo.stories.js +0 -164
- package/dist/cjs/stories/InlineVideo.stories.js.map +0 -7
- package/dist/cjs/stories/MarqueeReview.stories.js +0 -19
- package/dist/cjs/stories/MarqueeReview.stories.js.map +0 -7
- package/dist/cjs/stories/MediaSceneSwitcher.stories.js +0 -2
- package/dist/cjs/stories/MediaSceneSwitcher.stories.js.map +0 -7
- package/dist/cjs/stories/ProductNav.stories.js +0 -2
- package/dist/cjs/stories/ProductNav.stories.js.map +0 -7
- package/dist/cjs/stories/ThreeDCarousel.stories.js +0 -118
- package/dist/cjs/stories/ThreeDCarousel.stories.js.map +0 -7
- package/dist/cjs/stories/anchorNavigation.stories.js +0 -2
- package/dist/cjs/stories/anchorNavigation.stories.js.map +0 -7
- package/dist/cjs/stories/buyOneGetOneShelf.stories.js +0 -2
- package/dist/cjs/stories/buyOneGetOneShelf.stories.js.map +0 -7
- package/dist/cjs/stories/eventSchedule.stories.js +0 -2
- package/dist/cjs/stories/eventSchedule.stories.js.map +0 -7
- package/dist/cjs/stories/featureCards.stories.js +0 -61
- package/dist/cjs/stories/featureCards.stories.js.map +0 -7
- package/dist/cjs/stories/featureShowcase.stories.js +0 -44
- package/dist/cjs/stories/featureShowcase.stories.js.map +0 -7
- package/dist/cjs/stories/imageTextFeature.stories.js +0 -50
- package/dist/cjs/stories/imageTextFeature.stories.js.map +0 -7
- package/dist/cjs/stories/imageWithText.stories.js +0 -84
- package/dist/cjs/stories/imageWithText.stories.js.map +0 -7
- package/dist/cjs/stories/ksp.stories.js +0 -128
- package/dist/cjs/stories/ksp.stories.js.map +0 -7
- package/dist/cjs/stories/productCompare.stories.js +0 -54
- package/dist/cjs/stories/productCompare.stories.js.map +0 -7
- package/dist/cjs/stories/productHero.stories.js +0 -50
- package/dist/cjs/stories/productHero.stories.js.map +0 -7
- package/dist/cjs/stories/promotionalBar.stories.js +0 -2
- package/dist/cjs/stories/promotionalBar.stories.js.map +0 -7
- package/dist/cjs/stories/secondaryBanner.stories.js +0 -2
- package/dist/cjs/stories/secondaryBanner.stories.js.map +0 -7
- package/dist/cjs/stories/specsComparison.stories.js +0 -105
- package/dist/cjs/stories/specsComparison.stories.js.map +0 -7
- package/dist/cjs/stories/stockShelf.stories.js +0 -2
- package/dist/cjs/stories/stockShelf.stories.js.map +0 -7
- package/dist/cjs/stories/tabWithImage.stories.js +0 -53
- package/dist/cjs/stories/tabWithImage.stories.js.map +0 -7
- package/dist/cjs/stories/tabsWithMedia.stories.js +0 -68
- package/dist/cjs/stories/tabsWithMedia.stories.js.map +0 -7
- package/dist/cjs/stories/videoFeature.stories.js +0 -56
- package/dist/cjs/stories/videoFeature.stories.js.map +0 -7
- package/dist/esm/biz-components/AnchorNavigation/index.d.ts +0 -22
- package/dist/esm/biz-components/AnchorNavigation/index.js +0 -2
- package/dist/esm/biz-components/AnchorNavigation/index.js.map +0 -7
- package/dist/esm/biz-components/AnchorNavigation/useAnchorPosition.d.ts +0 -2
- package/dist/esm/biz-components/AnchorNavigation/useAnchorPosition.js +0 -2
- package/dist/esm/biz-components/AnchorNavigation/useAnchorPosition.js.map +0 -7
- package/dist/esm/biz-components/BuyOneGetOneShelf/ProductCard.d.ts +0 -83
- package/dist/esm/biz-components/BuyOneGetOneShelf/ProductCard.js +0 -2
- package/dist/esm/biz-components/BuyOneGetOneShelf/ProductCard.js.map +0 -7
- package/dist/esm/biz-components/BuyOneGetOneShelf/index.d.ts +0 -40
- package/dist/esm/biz-components/BuyOneGetOneShelf/index.js +0 -2
- package/dist/esm/biz-components/BuyOneGetOneShelf/index.js.map +0 -7
- package/dist/esm/biz-components/CollectionShelves/CollectionShelvesItem.d.ts +0 -4
- package/dist/esm/biz-components/CollectionShelves/CollectionShelvesItem.js +0 -2
- package/dist/esm/biz-components/CollectionShelves/CollectionShelvesItem.js.map +0 -7
- package/dist/esm/biz-components/CollectionShelves/index.d.ts +0 -7
- package/dist/esm/biz-components/CollectionShelves/index.js +0 -2
- package/dist/esm/biz-components/CollectionShelves/index.js.map +0 -7
- package/dist/esm/biz-components/CollectionsBanner/index.d.ts +0 -7
- package/dist/esm/biz-components/CollectionsBanner/index.js +0 -2
- package/dist/esm/biz-components/CollectionsBanner/index.js.map +0 -7
- package/dist/esm/biz-components/CollectionsBanner/types.d.ts +0 -43
- package/dist/esm/biz-components/CollectionsBanner/types.js +0 -1
- package/dist/esm/biz-components/CollectionsBanner/types.js.map +0 -7
- package/dist/esm/biz-components/CollectionsFilters/FilterCardWrap.d.ts +0 -19
- package/dist/esm/biz-components/CollectionsFilters/FilterCardWrap.js +0 -2
- package/dist/esm/biz-components/CollectionsFilters/FilterCardWrap.js.map +0 -7
- package/dist/esm/biz-components/CollectionsFilters/FilterCardWrapItem.d.ts +0 -10
- package/dist/esm/biz-components/CollectionsFilters/FilterCardWrapItem.js +0 -2
- package/dist/esm/biz-components/CollectionsFilters/FilterCardWrapItem.js.map +0 -7
- package/dist/esm/biz-components/CollectionsFilters/FilterHeader.d.ts +0 -13
- package/dist/esm/biz-components/CollectionsFilters/FilterHeader.js +0 -2
- package/dist/esm/biz-components/CollectionsFilters/FilterHeader.js.map +0 -7
- package/dist/esm/biz-components/CollectionsFilters/FilterList.d.ts +0 -14
- package/dist/esm/biz-components/CollectionsFilters/FilterList.js +0 -2
- package/dist/esm/biz-components/CollectionsFilters/FilterList.js.map +0 -7
- package/dist/esm/biz-components/CollectionsFilters/component/AnimatedUL.d.ts +0 -5
- package/dist/esm/biz-components/CollectionsFilters/component/AnimatedUL.js +0 -2
- package/dist/esm/biz-components/CollectionsFilters/component/AnimatedUL.js.map +0 -7
- package/dist/esm/biz-components/CollectionsFilters/component/TabFilter.d.ts +0 -12
- package/dist/esm/biz-components/CollectionsFilters/component/TabFilter.js +0 -2
- package/dist/esm/biz-components/CollectionsFilters/component/TabFilter.js.map +0 -7
- package/dist/esm/biz-components/CollectionsFilters/component/filtersFun.d.ts +0 -12
- package/dist/esm/biz-components/CollectionsFilters/component/filtersFun.js +0 -2
- package/dist/esm/biz-components/CollectionsFilters/component/filtersFun.js.map +0 -7
- package/dist/esm/biz-components/CollectionsFilters/component/helper.d.ts +0 -81
- package/dist/esm/biz-components/CollectionsFilters/component/helper.js +0 -2
- package/dist/esm/biz-components/CollectionsFilters/component/helper.js.map +0 -7
- package/dist/esm/biz-components/CollectionsFilters/component/price.d.ts +0 -25
- package/dist/esm/biz-components/CollectionsFilters/component/price.js +0 -2
- package/dist/esm/biz-components/CollectionsFilters/component/price.js.map +0 -7
- package/dist/esm/biz-components/CollectionsFilters/component/priceProps.d.ts +0 -215
- package/dist/esm/biz-components/CollectionsFilters/component/priceProps.js +0 -2
- package/dist/esm/biz-components/CollectionsFilters/component/priceProps.js.map +0 -7
- package/dist/esm/biz-components/CollectionsFilters/index.d.ts +0 -24
- package/dist/esm/biz-components/CollectionsFilters/index.js +0 -2
- package/dist/esm/biz-components/CollectionsFilters/index.js.map +0 -7
- package/dist/esm/biz-components/EventSchedule/index.d.ts +0 -39
- package/dist/esm/biz-components/EventSchedule/index.js +0 -2
- package/dist/esm/biz-components/EventSchedule/index.js.map +0 -7
- package/dist/esm/biz-components/FeatureCards/FeatureCards.d.ts +0 -7
- package/dist/esm/biz-components/FeatureCards/FeatureCards.js +0 -2
- package/dist/esm/biz-components/FeatureCards/FeatureCards.js.map +0 -7
- package/dist/esm/biz-components/FeatureCards/index.d.ts +0 -2
- package/dist/esm/biz-components/FeatureCards/index.js +0 -2
- package/dist/esm/biz-components/FeatureCards/index.js.map +0 -7
- package/dist/esm/biz-components/FeatureCards/types.d.ts +0 -27
- package/dist/esm/biz-components/FeatureCards/types.js +0 -1
- package/dist/esm/biz-components/FeatureCards/types.js.map +0 -7
- package/dist/esm/biz-components/FeatureShowcase/FeatureShowcase.d.ts +0 -7
- package/dist/esm/biz-components/FeatureShowcase/FeatureShowcase.js +0 -2
- package/dist/esm/biz-components/FeatureShowcase/FeatureShowcase.js.map +0 -7
- package/dist/esm/biz-components/FeatureShowcase/index.d.ts +0 -2
- package/dist/esm/biz-components/FeatureShowcase/index.js +0 -2
- package/dist/esm/biz-components/FeatureShowcase/index.js.map +0 -7
- package/dist/esm/biz-components/FeatureShowcase/types.d.ts +0 -23
- package/dist/esm/biz-components/FeatureShowcase/types.js +0 -1
- package/dist/esm/biz-components/FeatureShowcase/types.js.map +0 -7
- package/dist/esm/biz-components/ImageTextFeature/ImageTextFeature.d.ts +0 -7
- package/dist/esm/biz-components/ImageTextFeature/ImageTextFeature.js +0 -2
- package/dist/esm/biz-components/ImageTextFeature/ImageTextFeature.js.map +0 -7
- package/dist/esm/biz-components/ImageTextFeature/index.d.ts +0 -2
- package/dist/esm/biz-components/ImageTextFeature/index.js +0 -2
- package/dist/esm/biz-components/ImageTextFeature/index.js.map +0 -7
- package/dist/esm/biz-components/ImageTextFeature/types.d.ts +0 -31
- package/dist/esm/biz-components/ImageTextFeature/types.js +0 -1
- package/dist/esm/biz-components/ImageTextFeature/types.js.map +0 -7
- package/dist/esm/biz-components/ImageWithText/ImageWithText.d.ts +0 -7
- package/dist/esm/biz-components/ImageWithText/ImageWithText.js +0 -2
- package/dist/esm/biz-components/ImageWithText/ImageWithText.js.map +0 -7
- package/dist/esm/biz-components/ImageWithText/index.d.ts +0 -3
- package/dist/esm/biz-components/ImageWithText/index.js +0 -2
- package/dist/esm/biz-components/ImageWithText/index.js.map +0 -7
- package/dist/esm/biz-components/ImageWithText/types.d.ts +0 -108
- package/dist/esm/biz-components/ImageWithText/types.js +0 -2
- package/dist/esm/biz-components/ImageWithText/types.js.map +0 -7
- package/dist/esm/biz-components/InlineVideo/index.d.ts +0 -16
- package/dist/esm/biz-components/InlineVideo/index.js +0 -2
- package/dist/esm/biz-components/InlineVideo/index.js.map +0 -7
- package/dist/esm/biz-components/Ksp/index.d.ts +0 -44
- package/dist/esm/biz-components/Ksp/index.js +0 -2
- package/dist/esm/biz-components/Ksp/index.js.map +0 -7
- package/dist/esm/biz-components/MarqueeReview/index.d.ts +0 -42
- package/dist/esm/biz-components/MarqueeReview/index.js +0 -2
- package/dist/esm/biz-components/MarqueeReview/index.js.map +0 -7
- package/dist/esm/biz-components/Media/index.d.ts +0 -32
- package/dist/esm/biz-components/Media/index.js +0 -2
- package/dist/esm/biz-components/Media/index.js.map +0 -7
- package/dist/esm/biz-components/MediaPlayerBase/index.backup.d.ts +0 -7
- package/dist/esm/biz-components/MediaPlayerBase/index.backup.js +0 -2
- package/dist/esm/biz-components/MediaPlayerBase/index.backup.js.map +0 -7
- package/dist/esm/biz-components/MediaSceneSwitcher/MediaSceneSwitcher.d.ts +0 -8
- package/dist/esm/biz-components/MediaSceneSwitcher/MediaSceneSwitcher.js +0 -11
- package/dist/esm/biz-components/MediaSceneSwitcher/MediaSceneSwitcher.js.map +0 -7
- package/dist/esm/biz-components/MediaSceneSwitcher/index.d.ts +0 -2
- package/dist/esm/biz-components/MediaSceneSwitcher/index.js +0 -2
- package/dist/esm/biz-components/MediaSceneSwitcher/index.js.map +0 -7
- package/dist/esm/biz-components/MediaSceneSwitcher/types.d.ts +0 -21
- package/dist/esm/biz-components/MediaSceneSwitcher/types.js +0 -1
- package/dist/esm/biz-components/MediaSceneSwitcher/types.js.map +0 -7
- package/dist/esm/biz-components/Paginator/index.d.ts +0 -7
- package/dist/esm/biz-components/Paginator/index.js +0 -7
- package/dist/esm/biz-components/Paginator/index.js.map +0 -7
- package/dist/esm/biz-components/ProductCompare/index.d.ts +0 -54
- package/dist/esm/biz-components/ProductCompare/index.js +0 -2
- package/dist/esm/biz-components/ProductCompare/index.js.map +0 -7
- package/dist/esm/biz-components/ProductHero/ProductHero.d.ts +0 -7
- package/dist/esm/biz-components/ProductHero/ProductHero.js +0 -2
- package/dist/esm/biz-components/ProductHero/ProductHero.js.map +0 -7
- package/dist/esm/biz-components/ProductHero/index.d.ts +0 -2
- package/dist/esm/biz-components/ProductHero/index.js +0 -2
- package/dist/esm/biz-components/ProductHero/index.js.map +0 -7
- package/dist/esm/biz-components/ProductHero/types.d.ts +0 -23
- package/dist/esm/biz-components/ProductHero/types.js +0 -1
- package/dist/esm/biz-components/ProductHero/types.js.map +0 -7
- package/dist/esm/biz-components/ProductNav/ProductNav.d.ts +0 -7
- package/dist/esm/biz-components/ProductNav/ProductNav.js +0 -2
- package/dist/esm/biz-components/ProductNav/ProductNav.js.map +0 -7
- package/dist/esm/biz-components/ProductNav/index.d.ts +0 -2
- package/dist/esm/biz-components/ProductNav/index.js +0 -2
- package/dist/esm/biz-components/ProductNav/index.js.map +0 -7
- package/dist/esm/biz-components/ProductNav/types.d.ts +0 -35
- package/dist/esm/biz-components/ProductNav/types.js +0 -1
- package/dist/esm/biz-components/ProductNav/types.js.map +0 -7
- package/dist/esm/biz-components/PromotionalBar/index.d.ts +0 -35
- package/dist/esm/biz-components/PromotionalBar/index.js +0 -2
- package/dist/esm/biz-components/PromotionalBar/index.js.map +0 -7
- package/dist/esm/biz-components/SecondaryBanner/index.d.ts +0 -67
- package/dist/esm/biz-components/SecondaryBanner/index.js +0 -2
- package/dist/esm/biz-components/SecondaryBanner/index.js.map +0 -7
- package/dist/esm/biz-components/SpecsComparison/SpecsComparison.d.ts +0 -7
- package/dist/esm/biz-components/SpecsComparison/SpecsComparison.js +0 -2
- package/dist/esm/biz-components/SpecsComparison/SpecsComparison.js.map +0 -7
- package/dist/esm/biz-components/SpecsComparison/index.d.ts +0 -2
- package/dist/esm/biz-components/SpecsComparison/index.js +0 -2
- package/dist/esm/biz-components/SpecsComparison/index.js.map +0 -7
- package/dist/esm/biz-components/SpecsComparison/types.d.ts +0 -34
- package/dist/esm/biz-components/SpecsComparison/types.js +0 -1
- package/dist/esm/biz-components/SpecsComparison/types.js.map +0 -7
- package/dist/esm/biz-components/StockShelf/index.d.ts +0 -21
- package/dist/esm/biz-components/StockShelf/index.js +0 -2
- package/dist/esm/biz-components/StockShelf/index.js.map +0 -7
- package/dist/esm/biz-components/TabWithImage/TabWithImage.d.ts +0 -7
- package/dist/esm/biz-components/TabWithImage/TabWithImage.js +0 -2
- package/dist/esm/biz-components/TabWithImage/TabWithImage.js.map +0 -7
- package/dist/esm/biz-components/TabWithImage/index.d.ts +0 -2
- package/dist/esm/biz-components/TabWithImage/index.js +0 -2
- package/dist/esm/biz-components/TabWithImage/index.js.map +0 -7
- package/dist/esm/biz-components/TabWithImage/types.d.ts +0 -29
- package/dist/esm/biz-components/TabWithImage/types.js +0 -1
- package/dist/esm/biz-components/TabWithImage/types.js.map +0 -7
- package/dist/esm/biz-components/TabsWithMedia/TabsWithMedia.d.ts +0 -7
- package/dist/esm/biz-components/TabsWithMedia/TabsWithMedia.js +0 -2
- package/dist/esm/biz-components/TabsWithMedia/TabsWithMedia.js.map +0 -7
- package/dist/esm/biz-components/TabsWithMedia/index.d.ts +0 -2
- package/dist/esm/biz-components/TabsWithMedia/index.js +0 -2
- package/dist/esm/biz-components/TabsWithMedia/index.js.map +0 -7
- package/dist/esm/biz-components/TabsWithMedia/types.d.ts +0 -43
- package/dist/esm/biz-components/TabsWithMedia/types.js +0 -1
- package/dist/esm/biz-components/TabsWithMedia/types.js.map +0 -7
- package/dist/esm/biz-components/TextMarquee/index.d.ts +0 -10
- package/dist/esm/biz-components/TextMarquee/index.js +0 -2
- package/dist/esm/biz-components/TextMarquee/index.js.map +0 -7
- package/dist/esm/biz-components/ThreeDCarousel/ThreeDCarousel.d.ts +0 -11
- package/dist/esm/biz-components/ThreeDCarousel/ThreeDCarousel.js +0 -2
- package/dist/esm/biz-components/ThreeDCarousel/ThreeDCarousel.js.map +0 -7
- package/dist/esm/biz-components/ThreeDCarousel/index.d.ts +0 -2
- package/dist/esm/biz-components/ThreeDCarousel/index.js +0 -2
- package/dist/esm/biz-components/ThreeDCarousel/index.js.map +0 -7
- package/dist/esm/biz-components/ThreeDCarousel/types.d.ts +0 -26
- package/dist/esm/biz-components/ThreeDCarousel/types.js +0 -1
- package/dist/esm/biz-components/ThreeDCarousel/types.js.map +0 -7
- package/dist/esm/biz-components/VideoFeature/VideoFeature.d.ts +0 -7
- package/dist/esm/biz-components/VideoFeature/VideoFeature.js +0 -2
- package/dist/esm/biz-components/VideoFeature/VideoFeature.js.map +0 -7
- package/dist/esm/biz-components/VideoFeature/index.d.ts +0 -2
- package/dist/esm/biz-components/VideoFeature/index.js +0 -2
- package/dist/esm/biz-components/VideoFeature/index.js.map +0 -7
- package/dist/esm/biz-components/VideoFeature/types.d.ts +0 -19
- package/dist/esm/biz-components/VideoFeature/types.js +0 -1
- package/dist/esm/biz-components/VideoFeature/types.js.map +0 -7
- package/dist/esm/components/breadcrumb.d.ts +0 -12
- package/dist/esm/components/breadcrumb.js +0 -2
- package/dist/esm/components/breadcrumb.js.map +0 -7
- package/dist/esm/shared/ErrorBoundary.d.ts +0 -18
- package/dist/esm/shared/ErrorBoundary.js +0 -2
- package/dist/esm/shared/ErrorBoundary.js.map +0 -7
- package/dist/esm/stories/InlineVideo.stories.js +0 -164
- package/dist/esm/stories/InlineVideo.stories.js.map +0 -7
- package/dist/esm/stories/MarqueeReview.stories.js +0 -19
- package/dist/esm/stories/MarqueeReview.stories.js.map +0 -7
- package/dist/esm/stories/MediaSceneSwitcher.stories.js +0 -2
- package/dist/esm/stories/MediaSceneSwitcher.stories.js.map +0 -7
- package/dist/esm/stories/ProductNav.stories.js +0 -2
- package/dist/esm/stories/ProductNav.stories.js.map +0 -7
- package/dist/esm/stories/ThreeDCarousel.stories.js +0 -118
- package/dist/esm/stories/ThreeDCarousel.stories.js.map +0 -7
- package/dist/esm/stories/anchorNavigation.stories.js +0 -2
- package/dist/esm/stories/anchorNavigation.stories.js.map +0 -7
- package/dist/esm/stories/buyOneGetOneShelf.stories.js +0 -2
- package/dist/esm/stories/buyOneGetOneShelf.stories.js.map +0 -7
- package/dist/esm/stories/eventSchedule.stories.js +0 -2
- package/dist/esm/stories/eventSchedule.stories.js.map +0 -7
- package/dist/esm/stories/featureCards.stories.js +0 -61
- package/dist/esm/stories/featureCards.stories.js.map +0 -7
- package/dist/esm/stories/featureShowcase.stories.js +0 -44
- package/dist/esm/stories/featureShowcase.stories.js.map +0 -7
- package/dist/esm/stories/imageTextFeature.stories.js +0 -50
- package/dist/esm/stories/imageTextFeature.stories.js.map +0 -7
- package/dist/esm/stories/imageWithText.stories.js +0 -84
- package/dist/esm/stories/imageWithText.stories.js.map +0 -7
- package/dist/esm/stories/ksp.stories.js +0 -128
- package/dist/esm/stories/ksp.stories.js.map +0 -7
- package/dist/esm/stories/productCompare.stories.js +0 -54
- package/dist/esm/stories/productCompare.stories.js.map +0 -7
- package/dist/esm/stories/productHero.stories.js +0 -50
- package/dist/esm/stories/productHero.stories.js.map +0 -7
- package/dist/esm/stories/promotionalBar.stories.js +0 -2
- package/dist/esm/stories/promotionalBar.stories.js.map +0 -7
- package/dist/esm/stories/secondaryBanner.stories.js +0 -2
- package/dist/esm/stories/secondaryBanner.stories.js.map +0 -7
- package/dist/esm/stories/specsComparison.stories.js +0 -105
- package/dist/esm/stories/specsComparison.stories.js.map +0 -7
- package/dist/esm/stories/stockShelf.stories.js +0 -2
- package/dist/esm/stories/stockShelf.stories.js.map +0 -7
- package/dist/esm/stories/tabWithImage.stories.js +0 -53
- package/dist/esm/stories/tabWithImage.stories.js.map +0 -7
- package/dist/esm/stories/tabsWithMedia.stories.js +0 -68
- package/dist/esm/stories/tabsWithMedia.stories.js.map +0 -7
- package/dist/esm/stories/videoFeature.stories.js +0 -56
- package/dist/esm/stories/videoFeature.stories.js.map +0 -7
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
import"react";import s from"../biz-components/ThreeDCarousel/index.js";const a={title:"Biz Components/ThreeDCarousel",component:s,parameters:{layout:"fullscreen",docs:{description:{component:`
|
|
2
|
-
3D \u8F6E\u64AD\u7EC4\u4EF6\uFF0C\u652F\u6301\u684C\u9762\u7AEF 3D \u89C6\u89C9\u6548\u679C\u548C\u79FB\u52A8\u7AEF\u6ED1\u52A8\u5C55\u793A\u3002\u9002\u7528\u4E8E\u4EA7\u54C1\u5C55\u793A\u3001\u56FE\u7247\u753B\u5ECA\u7B49\u573A\u666F\u3002
|
|
3
|
-
|
|
4
|
-
## \u529F\u80FD\u7279\u6027
|
|
5
|
-
|
|
6
|
-
- **\u684C\u9762\u7AEF 3D \u6548\u679C**\uFF1A\u4F7F\u7528 Swiper Coverflow \u6548\u679C\uFF0C\u63D0\u4F9B\u6C89\u6D78\u5F0F 3D \u89C6\u89C9\u4F53\u9A8C
|
|
7
|
-
- **\u54CD\u5E94\u5F0F\u8BBE\u8BA1**\uFF1A\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u4F7F\u7528\u4E0D\u540C\u7684\u5E03\u5C40\u548C\u4EA4\u4E92\u65B9\u5F0F
|
|
8
|
-
- **\u5FAA\u73AF\u64AD\u653E**\uFF1A\u652F\u6301\u65E0\u9650\u5FAA\u73AF\u6ED1\u52A8
|
|
9
|
-
- **\u54CD\u5E94\u5F0F\u65AD\u70B9**\uFF1A\u6839\u636E\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u81EA\u52A8\u8C03\u6574 3D \u6548\u679C\u53C2\u6570
|
|
10
|
-
- **\u56FE\u7247\u81EA\u9002\u5E94**\uFF1A\u652F\u6301\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u72EC\u7ACB\u56FE\u7247\u8D44\u6E90
|
|
11
|
-
|
|
12
|
-
## \u53EF\u7528\u7684\u8BED\u4E49\u5316 CSS \u7C7B\u540D
|
|
13
|
-
|
|
14
|
-
\u7EC4\u4EF6\u4F7F\u7528 BEM \u547D\u540D\u89C4\u8303\uFF0C\u63D0\u4F9B\u5B8C\u6574\u7684\u8BED\u4E49\u5316\u7C7B\u540D\u65B9\u4FBF\u6837\u5F0F\u5B9A\u5236\uFF1A
|
|
15
|
-
|
|
16
|
-
### \u6839\u5BB9\u5668
|
|
17
|
-
- \`.three-d-carousel\` - \u7EC4\u4EF6\u6839\u5143\u7D20
|
|
18
|
-
- \`.three-d-carousel__title\` - \u6807\u9898\u5143\u7D20
|
|
19
|
-
|
|
20
|
-
### \u684C\u9762\u7AEF\u5E03\u5C40
|
|
21
|
-
- \`.three-d-carousel__desktop\` - \u684C\u9762\u7AEF\u5BB9\u5668
|
|
22
|
-
- \`.three-d-carousel__swiper\` - Swiper \u5B9E\u4F8B
|
|
23
|
-
- \`.three-d-carousel__slide\` - \u5355\u4E2A\u6ED1\u5757
|
|
24
|
-
- \`.three-d-carousel__image\` - \u56FE\u7247\u5143\u7D20
|
|
25
|
-
- \`.three-d-carousel__nav-controls\` - \u5BFC\u822A\u63A7\u5236\u5BB9\u5668
|
|
26
|
-
- \`.three-d-carousel__nav-button\` - \u5BFC\u822A\u6309\u94AE
|
|
27
|
-
- \`.three-d-carousel__nav-button--prev\` - \u4E0A\u4E00\u5F20\u6309\u94AE
|
|
28
|
-
- \`.three-d-carousel__nav-button--next\` - \u4E0B\u4E00\u5F20\u6309\u94AE
|
|
29
|
-
- \`.three-d-carousel__nav-icon\` - \u5BFC\u822A\u56FE\u6807
|
|
30
|
-
|
|
31
|
-
### \u79FB\u52A8\u7AEF\u5E03\u5C40
|
|
32
|
-
- \`.three-d-carousel__mobile\` - \u79FB\u52A8\u7AEF\u5BB9\u5668
|
|
33
|
-
- \`.three-d-carousel__swiper-mobile\` - \u79FB\u52A8\u7AEF Swiper \u5B9E\u4F8B
|
|
34
|
-
- \`.three-d-carousel__slide-mobile\` - \u79FB\u52A8\u7AEF\u6ED1\u5757
|
|
35
|
-
- \`.three-d-carousel__image-mobile\` - \u79FB\u52A8\u7AEF\u56FE\u7247
|
|
36
|
-
|
|
37
|
-
### \u81EA\u5B9A\u4E49\u6837\u5F0F\u793A\u4F8B
|
|
38
|
-
|
|
39
|
-
\`\`\`css
|
|
40
|
-
/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE\u6837\u5F0F */
|
|
41
|
-
.three-d-carousel__nav-button {
|
|
42
|
-
opacity: 0.8;
|
|
43
|
-
transition: opacity 0.3s ease;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.three-d-carousel__nav-button:hover {
|
|
47
|
-
opacity: 1;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */
|
|
51
|
-
.three-d-carousel__title {
|
|
52
|
-
font-size: 3rem;
|
|
53
|
-
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
54
|
-
-webkit-background-clip: text;
|
|
55
|
-
-webkit-text-fill-color: transparent;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u56FE\u6807\u989C\u8272 */
|
|
59
|
-
.three-d-carousel__nav-icon {
|
|
60
|
-
color: #667eea;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.three-d-carousel__nav-icon:hover {
|
|
64
|
-
color: #764ba2;
|
|
65
|
-
}
|
|
66
|
-
\`\`\`
|
|
67
|
-
`}}},tags:["autodocs"]};var l=a;const e={title:"Conquer Every Mess",items:[{imageUrl:{id:3064,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718",filename:"pc-c1.png",mimeType:"image/png",width:1648,height:960},mobImageUrl:{id:3065,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762",url:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762",thumbnailURL:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762",filename:"mob-c1.png",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null},{imageUrl:{id:3068,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924",filename:"pc-c2.png",mimeType:"image/png",width:1648,height:960},mobImageUrl:{id:3069,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954",filename:"mob-c2.png",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null},{imageUrl:{id:3070,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983",filename:"pc-c3.png",mimeType:"image/png",width:1648,height:960},mobImageUrl:{id:3071,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000",filename:"mob-c3.png",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null},{imageUrl:{id:3072,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037",filename:"pc-c4.png",mimeType:"image/png",width:1648,height:960},mobImageUrl:{id:3073,alt:null,baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058",filename:"mob-c4.png",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null}]},n={args:{data:e},parameters:{docs:{description:{story:"\u9ED8\u8BA4\u573A\u666F\uFF0C\u5C55\u793A\u4E09\u4E2A\u6E05\u6D01\u573A\u666F\u7684 3D \u8F6E\u64AD\u6548\u679C\u3002\u684C\u9762\u7AEF\u652F\u6301\u70B9\u51FB\u5BFC\u822A\u6309\u94AE\u6216\u70B9\u51FB\u5E7B\u706F\u7247\u5207\u6362\uFF0C\u79FB\u52A8\u7AEF\u652F\u6301\u6ED1\u52A8\u5207\u6362\u3002"}}}},d={args:{data:{...e,items:[e.items[0]]}},parameters:{docs:{description:{story:"\u53EA\u6709\u4E00\u4E2A\u9879\u76EE\u7684\u60C5\u51B5\u3002\u4ECD\u7136\u53EF\u4EE5\u5FAA\u73AF\u6D4F\u89C8\u3002"}}}},p={args:{data:{...e,items:e.items.slice(0,2)}},parameters:{docs:{description:{story:"\u4E24\u4E2A\u9879\u76EE\u7684\u573A\u666F\uFF0C3D \u6548\u679C\u4F9D\u7136\u751F\u6548\u3002"}}}},m={args:{data:{...e,items:e.items.map(({mobImageUrl:o,...t})=>({...t,mobImageUrl:null}))}},parameters:{docs:{description:{story:"\u6CA1\u6709\u63D0\u4F9B\u79FB\u52A8\u7AEF\u4E13\u7528\u56FE\u7247\uFF0C\u5C06\u81EA\u52A8\u4F7F\u7528\u684C\u9762\u7AEF\u56FE\u7247\u8D44\u6E90\u3002"}}}},b={args:{data:e,className:"bg-gradient-to-b from-gray-900 to-black py-20"},parameters:{docs:{description:{story:`
|
|
68
|
-
\u901A\u8FC7 className \u5C5E\u6027\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u5916\u89C2\u3002\u8BE5\u793A\u4F8B\u6DFB\u52A0\u4E86\u6E10\u53D8\u80CC\u666F\u548C\u5185\u8FB9\u8DDD\u3002
|
|
69
|
-
|
|
70
|
-
**\u53EF\u7528\u7684\u8BED\u4E49\u5316 CSS \u7C7B\u540D\uFF1A**
|
|
71
|
-
|
|
72
|
-
\`\`\`css
|
|
73
|
-
/* \u6839\u5BB9\u5668 */
|
|
74
|
-
.three-d-carousel { }
|
|
75
|
-
.three-d-carousel__title { }
|
|
76
|
-
|
|
77
|
-
/* \u684C\u9762\u7AEF\u5E03\u5C40 */
|
|
78
|
-
.three-d-carousel__desktop { }
|
|
79
|
-
.three-d-carousel__swiper { }
|
|
80
|
-
.three-d-carousel__slide { }
|
|
81
|
-
.three-d-carousel__image { }
|
|
82
|
-
.three-d-carousel__nav-controls { }
|
|
83
|
-
.three-d-carousel__nav-button { }
|
|
84
|
-
.three-d-carousel__nav-button--prev { }
|
|
85
|
-
.three-d-carousel__nav-button--next { }
|
|
86
|
-
.three-d-carousel__nav-icon { }
|
|
87
|
-
|
|
88
|
-
/* \u79FB\u52A8\u7AEF\u5E03\u5C40 */
|
|
89
|
-
.three-d-carousel__mobile { }
|
|
90
|
-
.three-d-carousel__swiper-mobile { }
|
|
91
|
-
.three-d-carousel__slide-mobile { }
|
|
92
|
-
.three-d-carousel__image-mobile { }
|
|
93
|
-
\`\`\`
|
|
94
|
-
|
|
95
|
-
**\u4F7F\u7528\u793A\u4F8B\uFF1A**
|
|
96
|
-
|
|
97
|
-
\`\`\`css
|
|
98
|
-
/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE\u6837\u5F0F */
|
|
99
|
-
.three-d-carousel__nav-button {
|
|
100
|
-
opacity: 0.8;
|
|
101
|
-
transition: opacity 0.3s ease;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
.three-d-carousel__nav-button:hover {
|
|
105
|
-
opacity: 1;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */
|
|
109
|
-
.three-d-carousel__title {
|
|
110
|
-
font-size: 3rem;
|
|
111
|
-
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
112
|
-
-webkit-background-clip: text;
|
|
113
|
-
-webkit-text-fill-color: transparent;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
\`\`\`
|
|
117
|
-
`}}}},h={args:{data:{...e,title:'Experience <span class="text-blue-400">Revolutionary</span> Cleaning'}},parameters:{docs:{description:{story:"\u4F7F\u7528 HTML \u6807\u7B7E\u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F\u3002\u6807\u9898\u652F\u6301 HTML \u5185\u5BB9\uFF0C\u53EF\u4EE5\u6DFB\u52A0\u6837\u5F0F\u548C\u683C\u5F0F\u3002"}}}};export{h as CustomTitle,n as Default,d as SingleItem,p as TwoItems,b as WithCustomClass,m as WithoutMobileImages,l as default};
|
|
118
|
-
//# sourceMappingURL=ThreeDCarousel.stories.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/stories/ThreeDCarousel.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport ThreeDCarousel from '../biz-components/ThreeDCarousel/index.js'\nimport type { ThreeDCarouselProps } from '../biz-components/ThreeDCarousel/types.js'\n\nconst meta = {\n title: 'Biz Components/ThreeDCarousel',\n component: ThreeDCarousel,\n parameters: {\n layout: 'fullscreen',\n docs: {\n description: {\n component: `\n3D \u8F6E\u64AD\u7EC4\u4EF6\uFF0C\u652F\u6301\u684C\u9762\u7AEF 3D \u89C6\u89C9\u6548\u679C\u548C\u79FB\u52A8\u7AEF\u6ED1\u52A8\u5C55\u793A\u3002\u9002\u7528\u4E8E\u4EA7\u54C1\u5C55\u793A\u3001\u56FE\u7247\u753B\u5ECA\u7B49\u573A\u666F\u3002\n\n## \u529F\u80FD\u7279\u6027\n\n- **\u684C\u9762\u7AEF 3D \u6548\u679C**\uFF1A\u4F7F\u7528 Swiper Coverflow \u6548\u679C\uFF0C\u63D0\u4F9B\u6C89\u6D78\u5F0F 3D \u89C6\u89C9\u4F53\u9A8C\n- **\u54CD\u5E94\u5F0F\u8BBE\u8BA1**\uFF1A\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u4F7F\u7528\u4E0D\u540C\u7684\u5E03\u5C40\u548C\u4EA4\u4E92\u65B9\u5F0F\n- **\u5FAA\u73AF\u64AD\u653E**\uFF1A\u652F\u6301\u65E0\u9650\u5FAA\u73AF\u6ED1\u52A8\n- **\u54CD\u5E94\u5F0F\u65AD\u70B9**\uFF1A\u6839\u636E\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u81EA\u52A8\u8C03\u6574 3D \u6548\u679C\u53C2\u6570\n- **\u56FE\u7247\u81EA\u9002\u5E94**\uFF1A\u652F\u6301\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u72EC\u7ACB\u56FE\u7247\u8D44\u6E90\n\n## \u53EF\u7528\u7684\u8BED\u4E49\u5316 CSS \u7C7B\u540D\n\n\u7EC4\u4EF6\u4F7F\u7528 BEM \u547D\u540D\u89C4\u8303\uFF0C\u63D0\u4F9B\u5B8C\u6574\u7684\u8BED\u4E49\u5316\u7C7B\u540D\u65B9\u4FBF\u6837\u5F0F\u5B9A\u5236\uFF1A\n\n### \u6839\u5BB9\u5668\n- \\`.three-d-carousel\\` - \u7EC4\u4EF6\u6839\u5143\u7D20\n- \\`.three-d-carousel__title\\` - \u6807\u9898\u5143\u7D20\n\n### \u684C\u9762\u7AEF\u5E03\u5C40\n- \\`.three-d-carousel__desktop\\` - \u684C\u9762\u7AEF\u5BB9\u5668\n- \\`.three-d-carousel__swiper\\` - Swiper \u5B9E\u4F8B\n- \\`.three-d-carousel__slide\\` - \u5355\u4E2A\u6ED1\u5757\n- \\`.three-d-carousel__image\\` - \u56FE\u7247\u5143\u7D20\n- \\`.three-d-carousel__nav-controls\\` - \u5BFC\u822A\u63A7\u5236\u5BB9\u5668\n- \\`.three-d-carousel__nav-button\\` - \u5BFC\u822A\u6309\u94AE\n- \\`.three-d-carousel__nav-button--prev\\` - \u4E0A\u4E00\u5F20\u6309\u94AE\n- \\`.three-d-carousel__nav-button--next\\` - \u4E0B\u4E00\u5F20\u6309\u94AE\n- \\`.three-d-carousel__nav-icon\\` - \u5BFC\u822A\u56FE\u6807\n\n### \u79FB\u52A8\u7AEF\u5E03\u5C40\n- \\`.three-d-carousel__mobile\\` - \u79FB\u52A8\u7AEF\u5BB9\u5668\n- \\`.three-d-carousel__swiper-mobile\\` - \u79FB\u52A8\u7AEF Swiper \u5B9E\u4F8B\n- \\`.three-d-carousel__slide-mobile\\` - \u79FB\u52A8\u7AEF\u6ED1\u5757\n- \\`.three-d-carousel__image-mobile\\` - \u79FB\u52A8\u7AEF\u56FE\u7247\n\n### \u81EA\u5B9A\u4E49\u6837\u5F0F\u793A\u4F8B\n\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE\u6837\u5F0F */\n.three-d-carousel__nav-button {\n opacity: 0.8;\n transition: opacity 0.3s ease;\n}\n\n.three-d-carousel__nav-button:hover {\n opacity: 1;\n}\n\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */\n.three-d-carousel__title {\n font-size: 3rem;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n\n/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u56FE\u6807\u989C\u8272 */\n.three-d-carousel__nav-icon {\n color: #667eea;\n}\n\n.three-d-carousel__nav-icon:hover {\n color: #764ba2;\n}\n\\`\\`\\`\n `,\n },\n },\n },\n tags: ['autodocs'],\n} satisfies Meta<typeof ThreeDCarousel>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: ThreeDCarouselProps['data'] = {\n title: 'Conquer Every Mess',\n items: [\n {\n imageUrl: {\n id: 3064,\n alt: null,\n baseUrl:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718',\n url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/a74e7b53-2842-4543-a56c-0f03b98492ef_pc-c1.png?v=1762410718',\n filename: 'pc-c1.png',\n mimeType: 'image/png',\n width: 1648,\n height: 960,\n },\n mobImageUrl: {\n id: 3065,\n alt: null,\n baseUrl:\n 'https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762',\n url: 'https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0511/6346/3874/files/deb6c134-8541-422c-aeb6-dbaab5e405cd_mob-c1.png?v=1762410762',\n filename: 'mob-c1.png',\n mimeType: 'image/png',\n width: 592,\n height: 720,\n },\n title: 'Text/Heading/h3',\n description: 'Text/Body/t1',\n buttonText: 'Learn More',\n buttonLink: null,\n },\n {\n imageUrl: {\n id: 3068,\n alt: null,\n baseUrl:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924',\n url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e4c6e59e-b33d-46eb-8945-711bc312f1e8_pc-c2.png?v=1762416924',\n filename: 'pc-c2.png',\n mimeType: 'image/png',\n width: 1648,\n height: 960,\n },\n mobImageUrl: {\n id: 3069,\n alt: null,\n baseUrl:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954',\n url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/38b7c0da-ace6-4924-9d12-65cba98140d1_mob-c2.png?v=1762416954',\n filename: 'mob-c2.png',\n mimeType: 'image/png',\n width: 592,\n height: 720,\n },\n title: 'Text/Heading/h3',\n description: 'Text/Body/t1',\n buttonText: 'Learn More',\n buttonLink: null,\n },\n {\n imageUrl: {\n id: 3070,\n alt: null,\n baseUrl:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983',\n url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/66ee5a45-dd71-4d08-a440-99c703317ead_pc-c3.png?v=1762416983',\n filename: 'pc-c3.png',\n mimeType: 'image/png',\n width: 1648,\n height: 960,\n },\n mobImageUrl: {\n id: 3071,\n alt: null,\n baseUrl:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000',\n url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/e23460ae-2e6e-4a6b-8132-607e70e6d195_mob-c3.png?v=1762417000',\n filename: 'mob-c3.png',\n mimeType: 'image/png',\n width: 592,\n height: 720,\n },\n title: 'Text/Heading/h3',\n description: 'Text/Body/t1',\n buttonText: 'Learn More',\n buttonLink: null,\n },\n {\n imageUrl: {\n id: 3072,\n alt: null,\n baseUrl:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037',\n url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/4cddb6ea-4b20-4deb-9718-8ed70ab8583f_pc-c4.png?v=1762417037',\n filename: 'pc-c4.png',\n mimeType: 'image/png',\n width: 1648,\n height: 960,\n },\n mobImageUrl: {\n id: 3073,\n alt: null,\n baseUrl:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058',\n url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/da9e09e9-be80-411a-bda0-80571d65a081_mob-c4.png?v=1762417058',\n filename: 'mob-c4.png',\n mimeType: 'image/png',\n width: 592,\n height: 720,\n },\n title: 'Text/Heading/h3',\n description: 'Text/Body/t1',\n buttonText: 'Learn More',\n buttonLink: null,\n },\n ],\n}\n\nexport const Default: Story = {\n args: {\n data: defaultData,\n },\n parameters: {\n docs: {\n description: {\n story: '\u9ED8\u8BA4\u573A\u666F\uFF0C\u5C55\u793A\u4E09\u4E2A\u6E05\u6D01\u573A\u666F\u7684 3D \u8F6E\u64AD\u6548\u679C\u3002\u684C\u9762\u7AEF\u652F\u6301\u70B9\u51FB\u5BFC\u822A\u6309\u94AE\u6216\u70B9\u51FB\u5E7B\u706F\u7247\u5207\u6362\uFF0C\u79FB\u52A8\u7AEF\u652F\u6301\u6ED1\u52A8\u5207\u6362\u3002',\n },\n },\n },\n}\n\nexport const SingleItem: Story = {\n args: {\n data: {\n ...defaultData,\n items: [defaultData.items[0]],\n },\n },\n parameters: {\n docs: {\n description: {\n story: '\u53EA\u6709\u4E00\u4E2A\u9879\u76EE\u7684\u60C5\u51B5\u3002\u4ECD\u7136\u53EF\u4EE5\u5FAA\u73AF\u6D4F\u89C8\u3002',\n },\n },\n },\n}\n\nexport const TwoItems: Story = {\n args: {\n data: {\n ...defaultData,\n items: defaultData.items.slice(0, 2),\n },\n },\n parameters: {\n docs: {\n description: {\n story: '\u4E24\u4E2A\u9879\u76EE\u7684\u573A\u666F\uFF0C3D \u6548\u679C\u4F9D\u7136\u751F\u6548\u3002',\n },\n },\n },\n}\n\nexport const WithoutMobileImages: Story = {\n args: {\n data: {\n ...defaultData,\n items: defaultData.items.map(({ mobImageUrl, ...item }) => ({\n ...item,\n mobImageUrl: null,\n })),\n },\n },\n parameters: {\n docs: {\n description: {\n story: '\u6CA1\u6709\u63D0\u4F9B\u79FB\u52A8\u7AEF\u4E13\u7528\u56FE\u7247\uFF0C\u5C06\u81EA\u52A8\u4F7F\u7528\u684C\u9762\u7AEF\u56FE\u7247\u8D44\u6E90\u3002',\n },\n },\n },\n}\n\nexport const WithCustomClass: Story = {\n args: {\n data: defaultData,\n className: 'bg-gradient-to-b from-gray-900 to-black py-20',\n },\n parameters: {\n docs: {\n description: {\n story: `\n\u901A\u8FC7 className \u5C5E\u6027\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u5916\u89C2\u3002\u8BE5\u793A\u4F8B\u6DFB\u52A0\u4E86\u6E10\u53D8\u80CC\u666F\u548C\u5185\u8FB9\u8DDD\u3002\n\n**\u53EF\u7528\u7684\u8BED\u4E49\u5316 CSS \u7C7B\u540D\uFF1A**\n\n\\`\\`\\`css\n/* \u6839\u5BB9\u5668 */\n.three-d-carousel { }\n.three-d-carousel__title { }\n\n/* \u684C\u9762\u7AEF\u5E03\u5C40 */\n.three-d-carousel__desktop { }\n.three-d-carousel__swiper { }\n.three-d-carousel__slide { }\n.three-d-carousel__image { }\n.three-d-carousel__nav-controls { }\n.three-d-carousel__nav-button { }\n.three-d-carousel__nav-button--prev { }\n.three-d-carousel__nav-button--next { }\n.three-d-carousel__nav-icon { }\n\n/* \u79FB\u52A8\u7AEF\u5E03\u5C40 */\n.three-d-carousel__mobile { }\n.three-d-carousel__swiper-mobile { }\n.three-d-carousel__slide-mobile { }\n.three-d-carousel__image-mobile { }\n\\`\\`\\`\n\n**\u4F7F\u7528\u793A\u4F8B\uFF1A**\n\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE\u6837\u5F0F */\n.three-d-carousel__nav-button {\n opacity: 0.8;\n transition: opacity 0.3s ease;\n}\n\n.three-d-carousel__nav-button:hover {\n opacity: 1;\n}\n\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */\n.three-d-carousel__title {\n font-size: 3rem;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n\n\\`\\`\\`\n `,\n },\n },\n },\n}\n\nexport const CustomTitle: Story = {\n args: {\n data: {\n ...defaultData,\n title: 'Experience <span class=\"text-blue-400\">Revolutionary</span> Cleaning',\n },\n },\n parameters: {\n docs: {\n description: {\n story: '\u4F7F\u7528 HTML \u6807\u7B7E\u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F\u3002\u6807\u9898\u652F\u6301 HTML \u5185\u5BB9\uFF0C\u53EF\u4EE5\u6DFB\u52A0\u6837\u5F0F\u548C\u683C\u5F0F\u3002',\n },\n },\n },\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["ThreeDCarousel", "meta", "ThreeDCarousel_stories_default", "defaultData", "Default", "SingleItem", "TwoItems", "WithoutMobileImages", "mobImageUrl", "item", "WithCustomClass", "CustomTitle"]
|
|
7
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{jsx as i}from"react/jsx-runtime";import"react";import t from"../biz-components/AnchorNavigation/index.js";const o={sectionIds:[{id:"section1",label:"Section 1"},{id:"section2",label:"Section 2"},{id:"section3",label:"Section 3"}]},e={title:"Biz Components/AnchorNavigation",component:t,parameters:{layout:"centered",docs:{description:{component:"\u951A\u70B9\u5BFC\u822A - \u951A\u70B9\u5BFC\u822A"}}},tags:["autodocs"],argTypes:{data:{description:"\u4E1A\u52A1\u6570\u636E"}},args:{data:o}};var s=e;const p={args:{data:o},render:a=>i(t,{...a})};export{p as Default,s as default};
|
|
2
|
-
//# sourceMappingURL=anchorNavigation.stories.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/stories/anchorNavigation.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport React from 'react'\n\nimport AnchorNavigation, { type AnchorNavigationData } from '../biz-components/AnchorNavigation/index.js'\n\n// \u6A21\u62DF\u4E1A\u52A1\u6570\u636E\nconst mockData: AnchorNavigationData = {\n sectionIds: [\n {\n id: 'section1',\n label: 'Section 1',\n },\n {\n id: 'section2',\n label: 'Section 2',\n },\n {\n id: 'section3',\n label: 'Section 3',\n },\n ],\n} satisfies AnchorNavigationData\n\nconst meta = {\n title: 'Biz Components/AnchorNavigation',\n component: AnchorNavigation,\n parameters: {\n layout: 'centered',\n docs: {\n description: {\n component: '\u951A\u70B9\u5BFC\u822A - \u951A\u70B9\u5BFC\u822A',\n },\n },\n },\n tags: ['autodocs'],\n argTypes: {\n data: {\n description: '\u4E1A\u52A1\u6570\u636E',\n },\n },\n args: {\n data: mockData,\n },\n} satisfies Meta<typeof AnchorNavigation>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n args: {\n data: mockData,\n },\n render: (args: { data: AnchorNavigationData }) => <AnchorNavigation {...args} />,\n}\n"],
|
|
5
|
-
"mappings": "AAqDoD,cAAAA,MAAA,oBAnDpD,MAAkB,QAElB,OAAOC,MAAqD,8CAG5D,MAAMC,EAAiC,CACrC,WAAY,CACV,CACE,GAAI,WACJ,MAAO,WACT,EACA,CACE,GAAI,WACJ,MAAO,WACT,EACA,CACE,GAAI,WACJ,MAAO,WACT,CACF,CACF,EAEMC,EAAO,CACX,MAAO,kCACP,UAAWF,EACX,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,qDACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,YAAa,0BACf,CACF,EACA,KAAM,CACJ,KAAMC,CACR,CACF,EAEA,IAAOE,EAAQD,EAGR,MAAME,EAAiB,CAC5B,KAAM,CACJ,KAAMH,CACR,EACA,OAASI,GAAyCN,EAACC,EAAA,CAAkB,GAAGK,EAAM,CAChF",
|
|
6
|
-
"names": ["jsx", "AnchorNavigation", "mockData", "meta", "anchorNavigation_stories_default", "Default", "args"]
|
|
7
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import"react";import r from"../biz-components/BuyOneGetOneShelf/index.js";const t={title:"\u4E70\u8D60\u6D3B\u52A8\u4E13\u533A",description:"\u7CBE\u9009\u4F18\u8D28\u4EA7\u54C1\uFF0C\u4E70\u4E3B\u5546\u54C1\u5373\u53EF\u83B7\u5F97\u8D85\u503C\u8D60\u54C1",layout:"single",products:[{image:"https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?ixlib=rb-4.0.3&auto=format&fit=crop&w=964&h=560&q=80",tags:[{text:"20% OFF",type:"discount",variant:"filled"},{text:"New",type:"new",variant:"outlined"}],name:"eufyCam 3 Security Camera System",description:"4K Ultra HD wireless security camera with advanced AI detection",freeGiftLabel:"\u514D\u8D39\u8D60\u54C1",freeGifts:[{id:"gift-1",image:"https://images.unsplash.com/photo-1558618666-fcd25c85cd64?ixlib=rb-4.0.3&auto=format&fit=crop&w=56&h=56&q=80",name:"eufyCam Solar Panel Charger",currentPrice:"Free",originalPrice:"$199.00",isNew:!0,selected:!0},{id:"gift-2",image:"https://images.unsplash.com/photo-1572569511254-d8f925fe2cbb?ixlib=rb-4.0.3&auto=format&fit=crop&w=56&h=56&q=80",name:"eufy HomeBase 3 Hub",currentPrice:"Free",originalPrice:"$149.00",isNew:!0,selected:!1}],giftSelectionMode:"multiple",currentPrice:"$1,999.00",originalPrice:"$2,999.00",learnMoreText:"Learn More",shopNowText:"Shop Now"}]},a={...t,layout:"double",products:[{...t.products[0],image:"https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?ixlib=rb-4.0.3&auto=format&fit=crop&w=482&h=560&q=80"},{image:"https://images.unsplash.com/photo-1560472354-b33ff0c44a43?ixlib=rb-4.0.3&auto=format&fit=crop&w=482&h=560&q=80",tags:[{text:"30% OFF",type:"discount",variant:"filled"}],name:"Anker PowerCore Portable Charger",description:"High-capacity portable charger with fast charging technology",freeGiftLabel:"\u514D\u8D39\u8D60\u54C1",freeGifts:[{id:"gift-3",image:"https://images.unsplash.com/photo-1583394838336-acd977736f90?ixlib=rb-4.0.3&auto=format&fit=crop&w=56&h=56&q=80",name:"USB-C Cable Premium",currentPrice:"Free",originalPrice:"$29.00",isNew:!1,selected:!0}],giftSelectionMode:"single",currentPrice:"$79.99",originalPrice:"$119.99",learnMoreText:"Learn More",shopNowText:"Shop Now"}]},c={title:"Biz Components/BuyOneGetOneShelf",component:r,parameters:{layout:"fullscreen",docs:{description:{component:"\u4E70\u8D60\u8D27\u67B6 - \u5C55\u793A\u4E70\u4E00\u8D60\u4E00\u6D3B\u52A8\u7684\u4EA7\u54C1\u7EC4\u4EF6\uFF0C\u652F\u6301\u5355\u5217\u548C\u53CC\u5217\u5E03\u5C40\uFF0C\u5305\u542B\u4EA7\u54C1\u4FE1\u606F\u3001\u6807\u7B7E\u3001\u8D60\u54C1\u5217\u8868\u548C\u8D2D\u4E70\u6309\u94AE"}}},tags:["autodocs"],argTypes:{data:{control:"object",description:"\u4E70\u8D60\u8D27\u67B6\u6570\u636E\u914D\u7F6E"},onProductClick:{action:"product-clicked",description:"\u4EA7\u54C1\u5361\u7247\u70B9\u51FB\u4E8B\u4EF6"},onProductImageClick:{action:"product-image-clicked",description:"\u4EA7\u54C1\u56FE\u7247\u70B9\u51FB\u4E8B\u4EF6"},onLearnMore:{action:"learn-more-clicked",description:"Learn More\u6309\u94AE\u70B9\u51FB\u4E8B\u4EF6"},onShopNow:{action:"shop-now-clicked",description:"Shop Now\u6309\u94AE\u70B9\u51FB\u4E8B\u4EF6"},onGiftClick:{action:"gift-clicked",description:"\u8D60\u54C1\u70B9\u51FB\u4E8B\u4EF6"},onGiftSelectionChange:{action:"gift-selection-changed",description:"\u8D60\u54C1\u9009\u62E9\u53D8\u5316\u4E8B\u4EF6"}}};var p=c;const d={args:{data:t,onProductClick:e=>console.log("Product clicked:",e.name),onProductImageClick:e=>console.log("Product image clicked:",e.name),onLearnMore:e=>console.log("Learn More clicked:",e.name),onShopNow:e=>console.log("Shop Now clicked:",e.name),onGiftClick:(e,o)=>console.log("Gift clicked:",e.name,"for product:",o.name),onGiftSelectionChange:(e,o)=>console.log("Gift selection changed:",e.length,"gifts selected for",o.name)}},m={args:{data:t},parameters:{docs:{description:{story:"\u5355\u5217\u5E03\u5C40\uFF1A\u4E00\u6392\u663E\u793A\u4E00\u4E2A\u4EA7\u54C1\uFF0C\u9002\u5408\u91CD\u70B9\u63A8\u8350\u5355\u4E2A\u4EA7\u54C1\u7684\u573A\u666F\u3002"}}}},f={args:{data:a},parameters:{docs:{description:{story:"\u53CC\u5217\u5E03\u5C40\uFF1A\u4E00\u6392\u663E\u793A\u4E24\u4E2A\u4EA7\u54C1\uFF0C\u9002\u5408\u5C55\u793A\u591A\u4E2A\u4EA7\u54C1\u7684\u5BF9\u6BD4\u573A\u666F\u3002"}}}},g={args:{data:{layout:"single",products:[t.products[0]]}},parameters:{docs:{description:{story:"\u65E0\u6807\u9898\u63CF\u8FF0\u7248\u672C\uFF1A\u53EA\u663E\u793A\u4EA7\u54C1\u5361\u7247\uFF0C\u9002\u5408\u5D4C\u5165\u5230\u5176\u4ED6\u9875\u9762\u4E2D\u7684\u573A\u666F\u3002"}}}},u={args:{data:{layout:"single",products:[{image:"https://images.unsplash.com/photo-1511707171634-5f897ff02aa9?ixlib=rb-4.0.3&auto=format&fit=crop&w=964&h=560&q=80",tags:[{text:"Limited",type:"new",variant:"filled"}],name:"Smart Home Device Collection",description:"Complete smart home automation solution",currentPrice:"$599.00",originalPrice:"$799.00"}]}},parameters:{docs:{description:{story:"\u6700\u5C0F\u5316\u4EA7\u54C1\uFF1A\u65E0\u8D60\u54C1\u5217\u8868\uFF0C\u53EA\u663E\u793A\u57FA\u672C\u4EA7\u54C1\u4FE1\u606F\u548C\u4EF7\u683C\u3002"}}}},h={args:{data:{...t,products:[{...t.products[0],learnMoreText:"\u4E86\u89E3\u8BE6\u60C5",shopNowText:"\u7ACB\u5373\u8D2D\u4E70"}]},onLearnMore:e=>alert(`\u8DF3\u8F6C\u5230\u4EA7\u54C1\u8BE6\u60C5\u9875\u9762: ${e.name}`),onShopNow:e=>alert(`\u6DFB\u52A0\u5230\u8D2D\u7269\u8F66: ${e.name}`),onGiftClick:(e,o)=>alert(`\u9009\u62E9\u8D60\u54C1: ${e.name}`)},parameters:{docs:{description:{story:"\u81EA\u5B9A\u4E49\u6309\u94AE\u6587\u6848\u548C\u70B9\u51FB\u4E8B\u4EF6\uFF1A\u53EF\u4EE5\u81EA\u5B9A\u4E49\u6309\u94AE\u6587\u5B57\u548C\u5904\u7406\u51FD\u6570\u3002"}}}},y={args:{data:{...t,products:[{...t.products[0],giftSelectionMode:"single",freeGifts:[{id:"gift-a",image:"https://images.unsplash.com/photo-1558618666-fcd25c85cd64?ixlib=rb-4.0.3&auto=format&fit=crop&w=56&h=56&q=80",name:"eufyCam Solar Panel Charger",currentPrice:"Free",originalPrice:"$199.00",isNew:!0,selected:!1},{id:"gift-b",image:"https://images.unsplash.com/photo-1572569511254-d8f925fe2cbb?ixlib=rb-4.0.3&auto=format&fit=crop&w=56&h=56&q=80",name:"eufy HomeBase 3 Hub",currentPrice:"Free",originalPrice:"$149.00",isNew:!0,selected:!0},{id:"gift-c",image:"https://images.unsplash.com/photo-1583394838336-acd977736f90?ixlib=rb-4.0.3&auto=format&fit=crop&w=56&h=56&q=80",name:"USB-C Cable Premium",currentPrice:"Free",originalPrice:"$29.00",isNew:!1,selected:!1}]}]},onGiftClick:(e,o)=>console.log("Single gift selection:",e.name),onGiftSelectionChange:(e,o)=>console.log("Single selection changed:",e)},parameters:{docs:{description:{story:"\u5355\u9009\u6A21\u5F0F\uFF1A\u7528\u6237\u53EA\u80FD\u9009\u62E9\u4E00\u4E2A\u8D60\u54C1\uFF0C\u4F7F\u7528Radio\u6309\u94AE\u3002"}}}},S={args:{data:{...t,products:[{...t.products[0],giftSelectionMode:"multiple"}]},onGiftClick:(e,o)=>console.log("Multiple gift selection:",e.name,"for",o.name),onGiftSelectionChange:(e,o)=>console.log("Multiple selection changed:",e.map(i=>i.name),"for",o.name)},parameters:{docs:{description:{story:"\u591A\u9009\u6A21\u5F0F\uFF1A\u7528\u6237\u53EF\u4EE5\u9009\u62E9\u591A\u4E2A\u8D60\u54C1\uFF0C\u4F7F\u7528Checkbox\u3002"}}}},b={args:{data:t,onProductClick:e=>{console.log("\u{1F3AF} Product card clicked:",e.name)},onProductImageClick:e=>{console.log("\u{1F5BC}\uFE0F Product image clicked - opening gallery for:",e.name)},onLearnMore:e=>{console.log("\u{1F4DA} Learn More - navigating to product details:",e.name)},onShopNow:e=>{console.log("\u{1F6D2} Shop Now - adding to cart:",e.name)},onGiftClick:(e,o)=>{console.log("\u{1F381} Gift clicked:",e.name,"for product:",o.name)},onGiftSelectionChange:(e,o)=>{console.log("\u2705 Gift selection changed for",o.name+":",e.map(i=>i.name).join(", "))}},parameters:{docs:{description:{story:"\u7EC4\u5408\u5F0F\u8BBE\u8BA1\u793A\u4F8B\uFF1A\u6240\u6709\u4E8B\u4EF6\u90FD\u901A\u8FC7 props \u900F\u4F20\uFF0C\u5916\u90E8\u53EF\u4EE5\u5B8C\u5168\u63A7\u5236\u4EA4\u4E92\u903B\u8F91\u3002\u6253\u5F00\u6D4F\u89C8\u5668\u63A7\u5236\u53F0\u67E5\u770B\u4E8B\u4EF6\u65E5\u5FD7\u3002"}}}};export{b as ComposableDesign,d as Default,f as DoubleLayout,u as MinimalProduct,S as MultipleGiftSelection,g as NoHeader,y as SingleGiftSelection,m as SingleLayout,h as WithCustomActions,p as default};
|
|
2
|
-
//# sourceMappingURL=buyOneGetOneShelf.stories.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/stories/buyOneGetOneShelf.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\n\nimport BuyOneGetOneShelf, { type BuyOneGetOneShelfData } from '../biz-components/BuyOneGetOneShelf/index.js'\n\n// \u57FA\u7840\u6570\u636E\u914D\u7F6E\nconst basicShelfData: BuyOneGetOneShelfData = {\n title: '\u4E70\u8D60\u6D3B\u52A8\u4E13\u533A',\n description: '\u7CBE\u9009\u4F18\u8D28\u4EA7\u54C1\uFF0C\u4E70\u4E3B\u5546\u54C1\u5373\u53EF\u83B7\u5F97\u8D85\u503C\u8D60\u54C1',\n layout: 'single',\n products: [\n {\n image: 'https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?ixlib=rb-4.0.3&auto=format&fit=crop&w=964&h=560&q=80',\n tags: [\n { text: '20% OFF', type: 'discount', variant: 'filled' },\n { text: 'New', type: 'new', variant: 'outlined' },\n ],\n name: 'eufyCam 3 Security Camera System',\n description: '4K Ultra HD wireless security camera with advanced AI detection',\n freeGiftLabel: '\u514D\u8D39\u8D60\u54C1',\n freeGifts: [\n {\n id: 'gift-1',\n image: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?ixlib=rb-4.0.3&auto=format&fit=crop&w=56&h=56&q=80',\n name: 'eufyCam Solar Panel Charger',\n currentPrice: 'Free',\n originalPrice: '$199.00',\n isNew: true,\n selected: true,\n },\n {\n id: 'gift-2',\n image: 'https://images.unsplash.com/photo-1572569511254-d8f925fe2cbb?ixlib=rb-4.0.3&auto=format&fit=crop&w=56&h=56&q=80',\n name: 'eufy HomeBase 3 Hub',\n currentPrice: 'Free',\n originalPrice: '$149.00',\n isNew: true,\n selected: false,\n },\n ],\n giftSelectionMode: 'multiple',\n currentPrice: '$1,999.00',\n originalPrice: '$2,999.00',\n learnMoreText: 'Learn More',\n shopNowText: 'Shop Now',\n },\n ],\n}\n\n// \u53CC\u5217\u5E03\u5C40\u6570\u636E\nconst doubleLayoutData: BuyOneGetOneShelfData = {\n ...basicShelfData,\n layout: 'double',\n products: [\n {\n ...basicShelfData.products![0],\n image: 'https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?ixlib=rb-4.0.3&auto=format&fit=crop&w=482&h=560&q=80',\n },\n {\n image: 'https://images.unsplash.com/photo-1560472354-b33ff0c44a43?ixlib=rb-4.0.3&auto=format&fit=crop&w=482&h=560&q=80',\n tags: [\n { text: '30% OFF', type: 'discount', variant: 'filled' },\n ],\n name: 'Anker PowerCore Portable Charger',\n description: 'High-capacity portable charger with fast charging technology',\n freeGiftLabel: '\u514D\u8D39\u8D60\u54C1',\n freeGifts: [\n {\n id: 'gift-3',\n image: 'https://images.unsplash.com/photo-1583394838336-acd977736f90?ixlib=rb-4.0.3&auto=format&fit=crop&w=56&h=56&q=80',\n name: 'USB-C Cable Premium',\n currentPrice: 'Free',\n originalPrice: '$29.00',\n isNew: false,\n selected: true,\n },\n ],\n giftSelectionMode: 'single',\n currentPrice: '$79.99',\n originalPrice: '$119.99',\n learnMoreText: 'Learn More',\n shopNowText: 'Shop Now',\n },\n ],\n}\n\nconst meta = {\n title: 'Biz Components/BuyOneGetOneShelf',\n component: BuyOneGetOneShelf,\n parameters: {\n layout: 'fullscreen',\n docs: {\n description: {\n component: '\u4E70\u8D60\u8D27\u67B6 - \u5C55\u793A\u4E70\u4E00\u8D60\u4E00\u6D3B\u52A8\u7684\u4EA7\u54C1\u7EC4\u4EF6\uFF0C\u652F\u6301\u5355\u5217\u548C\u53CC\u5217\u5E03\u5C40\uFF0C\u5305\u542B\u4EA7\u54C1\u4FE1\u606F\u3001\u6807\u7B7E\u3001\u8D60\u54C1\u5217\u8868\u548C\u8D2D\u4E70\u6309\u94AE',\n },\n },\n },\n tags: ['autodocs'],\n argTypes: {\n data: {\n control: 'object',\n description: '\u4E70\u8D60\u8D27\u67B6\u6570\u636E\u914D\u7F6E',\n },\n onProductClick: {\n action: 'product-clicked',\n description: '\u4EA7\u54C1\u5361\u7247\u70B9\u51FB\u4E8B\u4EF6',\n },\n onProductImageClick: {\n action: 'product-image-clicked',\n description: '\u4EA7\u54C1\u56FE\u7247\u70B9\u51FB\u4E8B\u4EF6',\n },\n onLearnMore: {\n action: 'learn-more-clicked',\n description: 'Learn More\u6309\u94AE\u70B9\u51FB\u4E8B\u4EF6',\n },\n onShopNow: {\n action: 'shop-now-clicked',\n description: 'Shop Now\u6309\u94AE\u70B9\u51FB\u4E8B\u4EF6',\n },\n onGiftClick: {\n action: 'gift-clicked',\n description: '\u8D60\u54C1\u70B9\u51FB\u4E8B\u4EF6',\n },\n onGiftSelectionChange: {\n action: 'gift-selection-changed',\n description: '\u8D60\u54C1\u9009\u62E9\u53D8\u5316\u4E8B\u4EF6',\n },\n },\n} satisfies Meta<typeof BuyOneGetOneShelf>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n args: {\n data: basicShelfData,\n onProductClick: (product) => console.log('Product clicked:', product.name),\n onProductImageClick: (product) => console.log('Product image clicked:', product.name),\n onLearnMore: (product) => console.log('Learn More clicked:', product.name),\n onShopNow: (product) => console.log('Shop Now clicked:', product.name),\n onGiftClick: (gift, product) => console.log('Gift clicked:', gift.name, 'for product:', product.name),\n onGiftSelectionChange: (selectedGifts, product) => console.log('Gift selection changed:', selectedGifts.length, 'gifts selected for', product.name),\n },\n}\n\nexport const SingleLayout: Story = {\n args: {\n data: basicShelfData,\n },\n parameters: {\n docs: {\n description: {\n story: '\u5355\u5217\u5E03\u5C40\uFF1A\u4E00\u6392\u663E\u793A\u4E00\u4E2A\u4EA7\u54C1\uFF0C\u9002\u5408\u91CD\u70B9\u63A8\u8350\u5355\u4E2A\u4EA7\u54C1\u7684\u573A\u666F\u3002',\n },\n },\n },\n}\n\nexport const DoubleLayout: Story = {\n args: {\n data: doubleLayoutData,\n },\n parameters: {\n docs: {\n description: {\n story: '\u53CC\u5217\u5E03\u5C40\uFF1A\u4E00\u6392\u663E\u793A\u4E24\u4E2A\u4EA7\u54C1\uFF0C\u9002\u5408\u5C55\u793A\u591A\u4E2A\u4EA7\u54C1\u7684\u5BF9\u6BD4\u573A\u666F\u3002',\n },\n },\n },\n}\n\nexport const NoHeader: Story = {\n args: {\n data: {\n layout: 'single',\n products: [basicShelfData.products![0]],\n },\n },\n parameters: {\n docs: {\n description: {\n story: '\u65E0\u6807\u9898\u63CF\u8FF0\u7248\u672C\uFF1A\u53EA\u663E\u793A\u4EA7\u54C1\u5361\u7247\uFF0C\u9002\u5408\u5D4C\u5165\u5230\u5176\u4ED6\u9875\u9762\u4E2D\u7684\u573A\u666F\u3002',\n },\n },\n },\n}\n\nexport const MinimalProduct: Story = {\n args: {\n data: {\n layout: 'single',\n products: [\n {\n image: 'https://images.unsplash.com/photo-1511707171634-5f897ff02aa9?ixlib=rb-4.0.3&auto=format&fit=crop&w=964&h=560&q=80',\n tags: [\n { text: 'Limited', type: 'new', variant: 'filled' },\n ],\n name: 'Smart Home Device Collection',\n description: 'Complete smart home automation solution',\n currentPrice: '$599.00',\n originalPrice: '$799.00',\n },\n ],\n },\n },\n parameters: {\n docs: {\n description: {\n story: '\u6700\u5C0F\u5316\u4EA7\u54C1\uFF1A\u65E0\u8D60\u54C1\u5217\u8868\uFF0C\u53EA\u663E\u793A\u57FA\u672C\u4EA7\u54C1\u4FE1\u606F\u548C\u4EF7\u683C\u3002',\n },\n },\n },\n}\n\nexport const WithCustomActions: Story = {\n args: {\n data: {\n ...basicShelfData,\n products: [\n {\n ...basicShelfData.products![0],\n learnMoreText: '\u4E86\u89E3\u8BE6\u60C5',\n shopNowText: '\u7ACB\u5373\u8D2D\u4E70',\n },\n ],\n },\n onLearnMore: (product) => alert(`\u8DF3\u8F6C\u5230\u4EA7\u54C1\u8BE6\u60C5\u9875\u9762: ${product.name}`),\n onShopNow: (product) => alert(`\u6DFB\u52A0\u5230\u8D2D\u7269\u8F66: ${product.name}`),\n onGiftClick: (gift, product) => alert(`\u9009\u62E9\u8D60\u54C1: ${gift.name}`),\n },\n parameters: {\n docs: {\n description: {\n story: '\u81EA\u5B9A\u4E49\u6309\u94AE\u6587\u6848\u548C\u70B9\u51FB\u4E8B\u4EF6\uFF1A\u53EF\u4EE5\u81EA\u5B9A\u4E49\u6309\u94AE\u6587\u5B57\u548C\u5904\u7406\u51FD\u6570\u3002',\n },\n },\n },\n}\n\nexport const SingleGiftSelection: Story = {\n args: {\n data: {\n ...basicShelfData,\n products: [\n {\n ...basicShelfData.products![0],\n giftSelectionMode: 'single',\n freeGifts: [\n {\n id: 'gift-a',\n image: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?ixlib=rb-4.0.3&auto=format&fit=crop&w=56&h=56&q=80',\n name: 'eufyCam Solar Panel Charger',\n currentPrice: 'Free',\n originalPrice: '$199.00',\n isNew: true,\n selected: false,\n },\n {\n id: 'gift-b',\n image: 'https://images.unsplash.com/photo-1572569511254-d8f925fe2cbb?ixlib=rb-4.0.3&auto=format&fit=crop&w=56&h=56&q=80',\n name: 'eufy HomeBase 3 Hub',\n currentPrice: 'Free',\n originalPrice: '$149.00',\n isNew: true,\n selected: true,\n },\n {\n id: 'gift-c',\n image: 'https://images.unsplash.com/photo-1583394838336-acd977736f90?ixlib=rb-4.0.3&auto=format&fit=crop&w=56&h=56&q=80',\n name: 'USB-C Cable Premium',\n currentPrice: 'Free',\n originalPrice: '$29.00',\n isNew: false,\n selected: false,\n },\n ],\n },\n ],\n },\n onGiftClick: (gift, product) => console.log('Single gift selection:', gift.name),\n onGiftSelectionChange: (selectedGifts, product) => console.log('Single selection changed:', selectedGifts),\n },\n parameters: {\n docs: {\n description: {\n story: '\u5355\u9009\u6A21\u5F0F\uFF1A\u7528\u6237\u53EA\u80FD\u9009\u62E9\u4E00\u4E2A\u8D60\u54C1\uFF0C\u4F7F\u7528Radio\u6309\u94AE\u3002',\n },\n },\n },\n}\n\nexport const MultipleGiftSelection: Story = {\n args: {\n data: {\n ...basicShelfData,\n products: [\n {\n ...basicShelfData.products![0],\n giftSelectionMode: 'multiple',\n },\n ],\n },\n onGiftClick: (gift, product) => console.log('Multiple gift selection:', gift.name, 'for', product.name),\n onGiftSelectionChange: (selectedGifts, product) => console.log('Multiple selection changed:', selectedGifts.map(g => g.name), 'for', product.name),\n },\n parameters: {\n docs: {\n description: {\n story: '\u591A\u9009\u6A21\u5F0F\uFF1A\u7528\u6237\u53EF\u4EE5\u9009\u62E9\u591A\u4E2A\u8D60\u54C1\uFF0C\u4F7F\u7528Checkbox\u3002',\n },\n },\n },\n}\n\nexport const ComposableDesign: Story = {\n args: {\n data: basicShelfData,\n onProductClick: (product) => {\n console.log('\uD83C\uDFAF Product card clicked:', product.name)\n },\n onProductImageClick: (product) => {\n console.log('\uD83D\uDDBC\uFE0F Product image clicked - opening gallery for:', product.name)\n },\n onLearnMore: (product) => {\n console.log('\uD83D\uDCDA Learn More - navigating to product details:', product.name)\n },\n onShopNow: (product) => {\n console.log('\uD83D\uDED2 Shop Now - adding to cart:', product.name)\n },\n onGiftClick: (gift, product) => {\n console.log('\uD83C\uDF81 Gift clicked:', gift.name, 'for product:', product.name)\n },\n onGiftSelectionChange: (selectedGifts, product) => {\n console.log('\u2705 Gift selection changed for', product.name + ':', selectedGifts.map(g => g.name).join(', '))\n },\n },\n parameters: {\n docs: {\n description: {\n story: '\u7EC4\u5408\u5F0F\u8BBE\u8BA1\u793A\u4F8B\uFF1A\u6240\u6709\u4E8B\u4EF6\u90FD\u901A\u8FC7 props \u900F\u4F20\uFF0C\u5916\u90E8\u53EF\u4EE5\u5B8C\u5168\u63A7\u5236\u4EA4\u4E92\u903B\u8F91\u3002\u6253\u5F00\u6D4F\u89C8\u5668\u63A7\u5236\u53F0\u67E5\u770B\u4E8B\u4EF6\u65E5\u5FD7\u3002',\n },\n },\n },\n}"],
|
|
5
|
-
"mappings": "AACA,MAAkB,QAElB,OAAOA,MAAuD,+CAG9D,MAAMC,EAAwC,CAC5C,MAAO,uCACP,YAAa,qHACb,OAAQ,SACR,SAAU,CACR,CACE,MAAO,iHACP,KAAM,CACJ,CAAE,KAAM,UAAW,KAAM,WAAY,QAAS,QAAS,EACvD,CAAE,KAAM,MAAO,KAAM,MAAO,QAAS,UAAW,CAClD,EACA,KAAM,mCACN,YAAa,kEACb,cAAe,2BACf,UAAW,CACT,CACE,GAAI,SACJ,MAAO,+GACP,KAAM,8BACN,aAAc,OACd,cAAe,UACf,MAAO,GACP,SAAU,EACZ,EACA,CACE,GAAI,SACJ,MAAO,kHACP,KAAM,sBACN,aAAc,OACd,cAAe,UACf,MAAO,GACP,SAAU,EACZ,CACF,EACA,kBAAmB,WACnB,aAAc,YACd,cAAe,YACf,cAAe,aACf,YAAa,UACf,CACF,CACF,EAGMC,EAA0C,CAC9C,GAAGD,EACH,OAAQ,SACR,SAAU,CACR,CACE,GAAGA,EAAe,SAAU,CAAC,EAC7B,MAAO,gHACT,EACA,CACE,MAAO,iHACP,KAAM,CACJ,CAAE,KAAM,UAAW,KAAM,WAAY,QAAS,QAAS,CACzD,EACA,KAAM,mCACN,YAAa,+DACb,cAAe,2BACf,UAAW,CACT,CACE,GAAI,SACJ,MAAO,kHACP,KAAM,sBACN,aAAc,OACd,cAAe,SACf,MAAO,GACP,SAAU,EACZ,CACF,EACA,kBAAmB,SACnB,aAAc,SACd,cAAe,UACf,cAAe,aACf,YAAa,UACf,CACF,CACF,EAEME,EAAO,CACX,MAAO,mCACP,UAAWH,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,+RACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,SACT,YAAa,kDACf,EACA,eAAgB,CACd,OAAQ,kBACR,YAAa,kDACf,EACA,oBAAqB,CACnB,OAAQ,wBACR,YAAa,kDACf,EACA,YAAa,CACX,OAAQ,qBACR,YAAa,gDACf,EACA,UAAW,CACT,OAAQ,mBACR,YAAa,8CACf,EACA,YAAa,CACX,OAAQ,eACR,YAAa,sCACf,EACA,sBAAuB,CACrB,OAAQ,yBACR,YAAa,kDACf,CACF,CACF,EAEA,IAAOI,EAAQD,EAGR,MAAME,EAAiB,CAC5B,KAAM,CACJ,KAAMJ,EACN,eAAiBK,GAAY,QAAQ,IAAI,mBAAoBA,EAAQ,IAAI,EACzE,oBAAsBA,GAAY,QAAQ,IAAI,yBAA0BA,EAAQ,IAAI,EACpF,YAAcA,GAAY,QAAQ,IAAI,sBAAuBA,EAAQ,IAAI,EACzE,UAAYA,GAAY,QAAQ,IAAI,oBAAqBA,EAAQ,IAAI,EACrE,YAAa,CAACC,EAAMD,IAAY,QAAQ,IAAI,gBAAiBC,EAAK,KAAM,eAAgBD,EAAQ,IAAI,EACpG,sBAAuB,CAACE,EAAeF,IAAY,QAAQ,IAAI,0BAA2BE,EAAc,OAAQ,qBAAsBF,EAAQ,IAAI,CACpJ,CACF,EAEaG,EAAsB,CACjC,KAAM,CACJ,KAAMR,CACR,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,0KACT,CACF,CACF,CACF,EAEaS,EAAsB,CACjC,KAAM,CACJ,KAAMR,CACR,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,0KACT,CACF,CACF,CACF,EAEaS,EAAkB,CAC7B,KAAM,CACJ,KAAM,CACJ,OAAQ,SACR,SAAU,CAACV,EAAe,SAAU,CAAC,CAAC,CACxC,CACF,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,sLACT,CACF,CACF,CACF,EAEaW,EAAwB,CACnC,KAAM,CACJ,KAAM,CACJ,OAAQ,SACR,SAAU,CACR,CACE,MAAO,oHACP,KAAM,CACJ,CAAE,KAAM,UAAW,KAAM,MAAO,QAAS,QAAS,CACpD,EACA,KAAM,+BACN,YAAa,0CACb,aAAc,UACd,cAAe,SACjB,CACF,CACF,CACF,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,wJACT,CACF,CACF,CACF,EAEaC,EAA2B,CACtC,KAAM,CACJ,KAAM,CACJ,GAAGZ,EACH,SAAU,CACR,CACE,GAAGA,EAAe,SAAU,CAAC,EAC7B,cAAe,2BACf,YAAa,0BACf,CACF,CACF,EACA,YAAcK,GAAY,MAAM,2DAAcA,EAAQ,IAAI,EAAE,EAC5D,UAAYA,GAAY,MAAM,yCAAWA,EAAQ,IAAI,EAAE,EACvD,YAAa,CAACC,EAAMD,IAAY,MAAM,6BAASC,EAAK,IAAI,EAAE,CAC5D,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,0KACT,CACF,CACF,CACF,EAEaO,EAA6B,CACxC,KAAM,CACJ,KAAM,CACJ,GAAGb,EACH,SAAU,CACR,CACE,GAAGA,EAAe,SAAU,CAAC,EAC7B,kBAAmB,SACnB,UAAW,CACT,CACE,GAAI,SACJ,MAAO,+GACP,KAAM,8BACN,aAAc,OACd,cAAe,UACf,MAAO,GACP,SAAU,EACZ,EACA,CACE,GAAI,SACJ,MAAO,kHACP,KAAM,sBACN,aAAc,OACd,cAAe,UACf,MAAO,GACP,SAAU,EACZ,EACA,CACE,GAAI,SACJ,MAAO,kHACP,KAAM,sBACN,aAAc,OACd,cAAe,SACf,MAAO,GACP,SAAU,EACZ,CACF,CACF,CACF,CACF,EACA,YAAa,CAACM,EAAMD,IAAY,QAAQ,IAAI,yBAA0BC,EAAK,IAAI,EAC/E,sBAAuB,CAACC,EAAeF,IAAY,QAAQ,IAAI,4BAA6BE,CAAa,CAC3G,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,qIACT,CACF,CACF,CACF,EAEaO,EAA+B,CAC1C,KAAM,CACJ,KAAM,CACJ,GAAGd,EACH,SAAU,CACR,CACE,GAAGA,EAAe,SAAU,CAAC,EAC7B,kBAAmB,UACrB,CACF,CACF,EACA,YAAa,CAACM,EAAMD,IAAY,QAAQ,IAAI,2BAA4BC,EAAK,KAAM,MAAOD,EAAQ,IAAI,EACtG,sBAAuB,CAACE,EAAeF,IAAY,QAAQ,IAAI,8BAA+BE,EAAc,IAAIQ,GAAKA,EAAE,IAAI,EAAG,MAAOV,EAAQ,IAAI,CACnJ,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,4HACT,CACF,CACF,CACF,EAEaW,EAA0B,CACrC,KAAM,CACJ,KAAMhB,EACN,eAAiBK,GAAY,CAC3B,QAAQ,IAAI,kCAA4BA,EAAQ,IAAI,CACtD,EACA,oBAAsBA,GAAY,CAChC,QAAQ,IAAI,+DAAoDA,EAAQ,IAAI,CAC9E,EACA,YAAcA,GAAY,CACxB,QAAQ,IAAI,wDAAkDA,EAAQ,IAAI,CAC5E,EACA,UAAYA,GAAY,CACtB,QAAQ,IAAI,uCAAiCA,EAAQ,IAAI,CAC3D,EACA,YAAa,CAACC,EAAMD,IAAY,CAC9B,QAAQ,IAAI,0BAAoBC,EAAK,KAAM,eAAgBD,EAAQ,IAAI,CACzE,EACA,sBAAuB,CAACE,EAAeF,IAAY,CACjD,QAAQ,IAAI,oCAAgCA,EAAQ,KAAO,IAAKE,EAAc,IAAIQ,GAAKA,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC,CAC3G,CACF,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO,6RACT,CACF,CACF,CACF",
|
|
6
|
-
"names": ["BuyOneGetOneShelf", "basicShelfData", "doubleLayoutData", "meta", "buyOneGetOneShelf_stories_default", "Default", "product", "gift", "selectedGifts", "SingleLayout", "DoubleLayout", "NoHeader", "MinimalProduct", "WithCustomActions", "SingleGiftSelection", "MultipleGiftSelection", "g", "ComposableDesign"]
|
|
7
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{jsx as t,jsxs as n}from"react/jsx-runtime";import"react";import i from"../biz-components/EventSchedule/index.js";const e=()=>n("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("path",{d:"M15.833 3.333h-11.666c-.92 0-1.667.746-1.667 1.667v11.667c0 .92.746 1.666 1.667 1.666h11.666c.92 0 1.667-.746 1.667-1.666V5c0-.921-.746-1.667-1.667-1.667z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t("path",{d:"M13.333 1.667V5M6.667 1.667V5M2.5 8.333h15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),o=()=>n("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("path",{d:"M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t("path",{d:"M10 5v5l3.333 1.667",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),a=()=>n("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("path",{d:"M16.667 10v6.667c0 .442-.176.866-.489 1.179-.313.312-.737.488-1.178.488H5c-.442 0-.866-.176-1.179-.488A1.667 1.667 0 013.333 16.667V10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t("path",{d:"M18.333 5.833v4.167H1.667V5.833c0-.442.175-.866.488-1.178.313-.313.737-.489 1.179-.489h13.333c.441 0 .865.176 1.178.489.313.312.489.736.489 1.178zM10 18.333V4.167",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t("path",{d:"M10 4.167H6.25A2.083 2.083 0 014.167 2.083c0-1.15.933-2.083 2.083-2.083C8.333 0 10 4.167 10 4.167zM10 4.167h3.75a2.083 2.083 0 002.083-2.084c0-1.15-.933-2.083-2.083-2.083C11.667 0 10 4.167 10 4.167z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),c={scheduleList:[{title:"\u65E9\u9E1F\u4E13\u5C5E\u798F\u5229",date:"2024-12-01",active:!0,backgroundImage:"https://images.unsplash.com/photo-1549465220-1a8b9238cd48?w=200&h=150&fit=crop",items:[{icon:t(e,{}),label:"12\u67081\u65E5 - 12\u670815\u65E5"},{icon:t(o,{}),label:"\u9650\u65F6\u4F18\u60E0 48 \u5C0F\u65F6"},{icon:t(a,{}),label:"\u8D2D\u4E70\u5373\u9001\u7CBE\u7F8E\u793C\u54C1"}]},{title:"\u5723\u8BDE\u7279\u60E0\u6D3B\u52A8",date:"2024-12-16",active:!1,backgroundImage:"https://images.unsplash.com/photo-1512909006721-3d6018887383?w=200&h=150&fit=crop",items:[{icon:t(e,{}),label:"12\u670816\u65E5 - 12\u670831\u65E5"},{icon:t(o,{}),label:"\u5168\u5929\u5019\u4F18\u60E0"},{icon:t(a,{}),label:"\u6EE1\u989D\u8D60\u9001\u5723\u8BDE\u793C\u76D2"}]}]},r={scheduleList:[{title:"\u65B0\u5E74\u9884\u70ED\u6D3B\u52A8",date:"2024-12-01",active:!0,backgroundImage:"https://images.unsplash.com/photo-1549465220-1a8b9238cd48?w=200&h=150&fit=crop",items:[{icon:t(e,{}),label:"12\u67081\u65E5 - 12\u670810\u65E5"},{icon:t(o,{}),label:"\u6BCF\u65E5\u4E0A\u534810\u70B9\u5F00\u62A2"},{icon:t(a,{}),label:"\u524D100\u540D\u9001\u795E\u79D8\u793C\u7269"}]},{title:"\u5723\u8BDE\u72C2\u6B22",date:"2024-12-11",active:!1,backgroundImage:"https://images.unsplash.com/photo-1512909006721-3d6018887383?w=200&h=150&fit=crop",items:[{icon:t(e,{}),label:"12\u670811\u65E5 - 12\u670825\u65E5"},{icon:t(o,{}),label:"\u5168\u5929\u4F18\u60E0\u4E0D\u95F4\u65AD"},{icon:t(a,{}),label:"\u6EE1\u51CF\u6D3B\u52A8\u6700\u9AD8\u7701500"}]},{title:"\u8DE8\u5E74\u7279\u60E0",date:"2024-12-26",active:!1,backgroundImage:"https://images.unsplash.com/photo-1467810563316-b5476525c0f9?w=200&h=150&fit=crop",items:[{icon:t(e,{}),label:"12\u670826\u65E5 - 1\u67081\u65E5"},{icon:t(o,{}),label:"\u5012\u8BA1\u65F6\u7279\u60E0"},{icon:t(a,{}),label:"\u65B0\u5E74\u793C\u5305\u9650\u91CF\u62A2\u8D2D"}]}]},s={title:"Biz Components/EventSchedule",component:i,parameters:{layout:"fullscreen",docs:{description:{component:"\u6D3B\u52A8\u65E5\u7A0B\u7EC4\u4EF6 - \u5C55\u793A\u6D3B\u52A8\u65F6\u95F4\u8F74\u548C\u8BE6\u7EC6\u4FE1\u606F\u5361\u7247\uFF0C\u652F\u6301\u591A\u4E2A\u6D3B\u52A8\u540C\u65F6\u5C55\u793A\uFF0C\u5E26\u6709\u6FC0\u6D3B\u72B6\u6001\u6307\u793A"}}},tags:["autodocs"],argTypes:{data:{description:"\u4E1A\u52A1\u6570\u636E\uFF0C\u5305\u542B\u65E5\u7A0B\u5217\u8868",control:{type:"object"}},className:{description:"\u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D",control:{type:"text"}}}};var p=s;const u={args:{data:c}},m={args:{data:r}},g={args:{data:{scheduleList:[{title:"\u9650\u65F6\u79D2\u6740\u6D3B\u52A8",date:"2024-12-01",active:!0,backgroundImage:"https://images.unsplash.com/photo-1549465220-1a8b9238cd48?w=200&h=150&fit=crop",items:[{icon:t(e,{}),label:"12\u67081\u65E5\u5168\u5929"},{icon:t(o,{}),label:"\u6BCF\u5C0F\u65F6\u6574\u70B9\u5F00\u62A2"},{icon:t(a,{}),label:"\u79D2\u6740\u4EF7\u4F4E\u81F33\u6298"}]}]}}},b={args:{data:{scheduleList:[{title:"\u590F\u5B63\u6E05\u4ED3\u7279\u5356",date:"2024-06-01",active:!0,items:[{icon:t(e,{}),label:"6\u67081\u65E5 - 6\u670830\u65E5"},{icon:t(o,{}),label:"\u5168\u5929\u5019\u4F18\u60E0"},{icon:t(a,{}),label:"\u4E70\u4E00\u9001\u4E00"}]},{title:"\u65B0\u54C1\u4E0A\u5E02",date:"2024-07-01",active:!1,items:[{icon:t(e,{}),label:"7\u67081\u65E5\u8D77"},{icon:t(o,{}),label:"\u6301\u7EED\u4E00\u4E2A\u6708"},{icon:t(a,{}),label:"\u65B0\u54C1\u5C1D\u9C9C\u4EF7"}]}]}}};export{u as Default,g as SingleEvent,m as ThreeEvents,b as WithoutBackgroundImage,p as default};
|
|
2
|
-
//# sourceMappingURL=eventSchedule.stories.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/stories/eventSchedule.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\n\nimport EventSchedule, { type EventScheduleData } from '../biz-components/EventSchedule/index.js'\n\n// \u6A21\u62DF\u56FE\u6807\u7EC4\u4EF6\nconst CalendarIcon = () => (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M15.833 3.333h-11.666c-.92 0-1.667.746-1.667 1.667v11.667c0 .92.746 1.666 1.667 1.666h11.666c.92 0 1.667-.746 1.667-1.666V5c0-.921-.746-1.667-1.667-1.667z\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M13.333 1.667V5M6.667 1.667V5M2.5 8.333h15\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n)\n\nconst ClockIcon = () => (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666z\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M10 5v5l3.333 1.667\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n)\n\nconst GiftIcon = () => (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M16.667 10v6.667c0 .442-.176.866-.489 1.179-.313.312-.737.488-1.178.488H5c-.442 0-.866-.176-1.179-.488A1.667 1.667 0 013.333 16.667V10\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M18.333 5.833v4.167H1.667V5.833c0-.442.175-.866.488-1.178.313-.313.737-.489 1.179-.489h13.333c.441 0 .865.176 1.178.489.313.312.489.736.489 1.178zM10 18.333V4.167\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M10 4.167H6.25A2.083 2.083 0 014.167 2.083c0-1.15.933-2.083 2.083-2.083C8.333 0 10 4.167 10 4.167zM10 4.167h3.75a2.083 2.083 0 002.083-2.084c0-1.15-.933-2.083-2.083-2.083C11.667 0 10 4.167 10 4.167z\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n)\n\n// \u6A21\u62DF\u4E1A\u52A1\u6570\u636E\nconst mockData: EventScheduleData = {\n scheduleList: [\n {\n title: '\u65E9\u9E1F\u4E13\u5C5E\u798F\u5229',\n date: '2024-12-01',\n active: true,\n backgroundImage: 'https://images.unsplash.com/photo-1549465220-1a8b9238cd48?w=200&h=150&fit=crop',\n items: [\n {\n icon: <CalendarIcon />,\n label: '12\u67081\u65E5 - 12\u670815\u65E5',\n },\n {\n icon: <ClockIcon />,\n label: '\u9650\u65F6\u4F18\u60E0 48 \u5C0F\u65F6',\n },\n {\n icon: <GiftIcon />,\n label: '\u8D2D\u4E70\u5373\u9001\u7CBE\u7F8E\u793C\u54C1',\n },\n ],\n },\n {\n title: '\u5723\u8BDE\u7279\u60E0\u6D3B\u52A8',\n date: '2024-12-16',\n active: false,\n backgroundImage: 'https://images.unsplash.com/photo-1512909006721-3d6018887383?w=200&h=150&fit=crop',\n items: [\n {\n icon: <CalendarIcon />,\n label: '12\u670816\u65E5 - 12\u670831\u65E5',\n },\n {\n icon: <ClockIcon />,\n label: '\u5168\u5929\u5019\u4F18\u60E0',\n },\n {\n icon: <GiftIcon />,\n label: '\u6EE1\u989D\u8D60\u9001\u5723\u8BDE\u793C\u76D2',\n },\n ],\n },\n ],\n}\n\n// \u4E09\u4E2A\u6D3B\u52A8\u7684\u6570\u636E\nconst threeEventsData: EventScheduleData = {\n scheduleList: [\n {\n title: '\u65B0\u5E74\u9884\u70ED\u6D3B\u52A8',\n date: '2024-12-01',\n active: true,\n backgroundImage: 'https://images.unsplash.com/photo-1549465220-1a8b9238cd48?w=200&h=150&fit=crop',\n items: [\n {\n icon: <CalendarIcon />,\n label: '12\u67081\u65E5 - 12\u670810\u65E5',\n },\n {\n icon: <ClockIcon />,\n label: '\u6BCF\u65E5\u4E0A\u534810\u70B9\u5F00\u62A2',\n },\n {\n icon: <GiftIcon />,\n label: '\u524D100\u540D\u9001\u795E\u79D8\u793C\u7269',\n },\n ],\n },\n {\n title: '\u5723\u8BDE\u72C2\u6B22',\n date: '2024-12-11',\n active: false,\n backgroundImage: 'https://images.unsplash.com/photo-1512909006721-3d6018887383?w=200&h=150&fit=crop',\n items: [\n {\n icon: <CalendarIcon />,\n label: '12\u670811\u65E5 - 12\u670825\u65E5',\n },\n {\n icon: <ClockIcon />,\n label: '\u5168\u5929\u4F18\u60E0\u4E0D\u95F4\u65AD',\n },\n {\n icon: <GiftIcon />,\n label: '\u6EE1\u51CF\u6D3B\u52A8\u6700\u9AD8\u7701500',\n },\n ],\n },\n {\n title: '\u8DE8\u5E74\u7279\u60E0',\n date: '2024-12-26',\n active: false,\n backgroundImage: 'https://images.unsplash.com/photo-1467810563316-b5476525c0f9?w=200&h=150&fit=crop',\n items: [\n {\n icon: <CalendarIcon />,\n label: '12\u670826\u65E5 - 1\u67081\u65E5',\n },\n {\n icon: <ClockIcon />,\n label: '\u5012\u8BA1\u65F6\u7279\u60E0',\n },\n {\n icon: <GiftIcon />,\n label: '\u65B0\u5E74\u793C\u5305\u9650\u91CF\u62A2\u8D2D',\n },\n ],\n },\n ],\n}\n\nconst meta = {\n title: 'Biz Components/EventSchedule',\n component: EventSchedule,\n parameters: {\n layout: 'fullscreen',\n docs: {\n description: {\n component: '\u6D3B\u52A8\u65E5\u7A0B\u7EC4\u4EF6 - \u5C55\u793A\u6D3B\u52A8\u65F6\u95F4\u8F74\u548C\u8BE6\u7EC6\u4FE1\u606F\u5361\u7247\uFF0C\u652F\u6301\u591A\u4E2A\u6D3B\u52A8\u540C\u65F6\u5C55\u793A\uFF0C\u5E26\u6709\u6FC0\u6D3B\u72B6\u6001\u6307\u793A',\n },\n },\n },\n tags: ['autodocs'],\n argTypes: {\n data: {\n description: '\u4E1A\u52A1\u6570\u636E\uFF0C\u5305\u542B\u65E5\u7A0B\u5217\u8868',\n control: { type: 'object' },\n },\n className: {\n description: '\u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D',\n control: { type: 'text' },\n },\n },\n} satisfies Meta<typeof EventSchedule>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\n/**\n * \u9ED8\u8BA4\u5C55\u793A - \u4E24\u4E2A\u6D3B\u52A8\n */\nexport const Default: Story = {\n args: {\n data: mockData,\n },\n}\n\n/**\n * \u4E09\u4E2A\u6D3B\u52A8\u5C55\u793A\n */\nexport const ThreeEvents: Story = {\n args: {\n data: threeEventsData,\n },\n}\n\n/**\n * \u5355\u4E2A\u6D3B\u52A8\n */\nexport const SingleEvent: Story = {\n args: {\n data: {\n scheduleList: [\n {\n title: '\u9650\u65F6\u79D2\u6740\u6D3B\u52A8',\n date: '2024-12-01',\n active: true,\n backgroundImage: 'https://images.unsplash.com/photo-1549465220-1a8b9238cd48?w=200&h=150&fit=crop',\n items: [\n {\n icon: <CalendarIcon />,\n label: '12\u67081\u65E5\u5168\u5929',\n },\n {\n icon: <ClockIcon />,\n label: '\u6BCF\u5C0F\u65F6\u6574\u70B9\u5F00\u62A2',\n },\n {\n icon: <GiftIcon />,\n label: '\u79D2\u6740\u4EF7\u4F4E\u81F33\u6298',\n },\n ],\n },\n ],\n },\n },\n}\n\n/**\n * \u65E0\u80CC\u666F\u56FE\u7247\n */\nexport const WithoutBackgroundImage: Story = {\n args: {\n data: {\n scheduleList: [\n {\n title: '\u590F\u5B63\u6E05\u4ED3\u7279\u5356',\n date: '2024-06-01',\n active: true,\n items: [\n {\n icon: <CalendarIcon />,\n label: '6\u67081\u65E5 - 6\u670830\u65E5',\n },\n {\n icon: <ClockIcon />,\n label: '\u5168\u5929\u5019\u4F18\u60E0',\n },\n {\n icon: <GiftIcon />,\n label: '\u4E70\u4E00\u9001\u4E00',\n },\n ],\n },\n {\n title: '\u65B0\u54C1\u4E0A\u5E02',\n date: '2024-07-01',\n active: false,\n items: [\n {\n icon: <CalendarIcon />,\n label: '7\u67081\u65E5\u8D77',\n },\n {\n icon: <ClockIcon />,\n label: '\u6301\u7EED\u4E00\u4E2A\u6708',\n },\n {\n icon: <GiftIcon />,\n label: '\u65B0\u54C1\u5C1D\u9C9C\u4EF7',\n },\n ],\n },\n ],\n },\n },\n}\n"],
|
|
5
|
-
"mappings": "AAOE,OACE,OAAAA,EADF,QAAAC,MAAA,oBANF,MAAkB,QAElB,OAAOC,MAA+C,2CAGtD,MAAMC,EAAe,IACnBF,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,UAAAD,EAAC,QACC,EAAE,6JACF,OAAO,eACP,YAAY,MACZ,cAAc,QACd,eAAe,QACjB,EACAA,EAAC,QACC,EAAE,6CACF,OAAO,eACP,YAAY,MACZ,cAAc,QACd,eAAe,QACjB,GACF,EAGII,EAAY,IAChBH,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,UAAAD,EAAC,QACC,EAAE,gEACF,OAAO,eACP,YAAY,MACZ,cAAc,QACd,eAAe,QACjB,EACAA,EAAC,QACC,EAAE,sBACF,OAAO,eACP,YAAY,MACZ,cAAc,QACd,eAAe,QACjB,GACF,EAGIK,EAAW,IACfJ,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,UAAAD,EAAC,QACC,EAAE,yIACF,OAAO,eACP,YAAY,MACZ,cAAc,QACd,eAAe,QACjB,EACAA,EAAC,QACC,EAAE,qKACF,OAAO,eACP,YAAY,MACZ,cAAc,QACd,eAAe,QACjB,EACAA,EAAC,QACC,EAAE,yMACF,OAAO,eACP,YAAY,MACZ,cAAc,QACd,eAAe,QACjB,GACF,EAIIM,EAA8B,CAClC,aAAc,CACZ,CACE,MAAO,uCACP,KAAM,aACN,OAAQ,GACR,gBAAiB,iFACjB,MAAO,CACL,CACE,KAAMN,EAACG,EAAA,EAAa,EACpB,MAAO,oCACT,EACA,CACE,KAAMH,EAACI,EAAA,EAAU,EACjB,MAAO,0CACT,EACA,CACE,KAAMJ,EAACK,EAAA,EAAS,EAChB,MAAO,kDACT,CACF,CACF,EACA,CACE,MAAO,uCACP,KAAM,aACN,OAAQ,GACR,gBAAiB,oFACjB,MAAO,CACL,CACE,KAAML,EAACG,EAAA,EAAa,EACpB,MAAO,qCACT,EACA,CACE,KAAMH,EAACI,EAAA,EAAU,EACjB,MAAO,gCACT,EACA,CACE,KAAMJ,EAACK,EAAA,EAAS,EAChB,MAAO,kDACT,CACF,CACF,CACF,CACF,EAGME,EAAqC,CACzC,aAAc,CACZ,CACE,MAAO,uCACP,KAAM,aACN,OAAQ,GACR,gBAAiB,iFACjB,MAAO,CACL,CACE,KAAMP,EAACG,EAAA,EAAa,EACpB,MAAO,oCACT,EACA,CACE,KAAMH,EAACI,EAAA,EAAU,EACjB,MAAO,8CACT,EACA,CACE,KAAMJ,EAACK,EAAA,EAAS,EAChB,MAAO,+CACT,CACF,CACF,EACA,CACE,MAAO,2BACP,KAAM,aACN,OAAQ,GACR,gBAAiB,oFACjB,MAAO,CACL,CACE,KAAML,EAACG,EAAA,EAAa,EACpB,MAAO,qCACT,EACA,CACE,KAAMH,EAACI,EAAA,EAAU,EACjB,MAAO,4CACT,EACA,CACE,KAAMJ,EAACK,EAAA,EAAS,EAChB,MAAO,+CACT,CACF,CACF,EACA,CACE,MAAO,2BACP,KAAM,aACN,OAAQ,GACR,gBAAiB,oFACjB,MAAO,CACL,CACE,KAAML,EAACG,EAAA,EAAa,EACpB,MAAO,mCACT,EACA,CACE,KAAMH,EAACI,EAAA,EAAU,EACjB,MAAO,gCACT,EACA,CACE,KAAMJ,EAACK,EAAA,EAAS,EAChB,MAAO,kDACT,CACF,CACF,CACF,CACF,EAEMG,EAAO,CACX,MAAO,+BACP,UAAWN,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,qPACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,YAAa,qEACb,QAAS,CAAE,KAAM,QAAS,CAC5B,EACA,UAAW,CACT,YAAa,6CACb,QAAS,CAAE,KAAM,MAAO,CAC1B,CACF,CACF,EAEA,IAAOO,EAAQD,EAMR,MAAME,EAAiB,CAC5B,KAAM,CACJ,KAAMJ,CACR,CACF,EAKaK,EAAqB,CAChC,KAAM,CACJ,KAAMJ,CACR,CACF,EAKaK,EAAqB,CAChC,KAAM,CACJ,KAAM,CACJ,aAAc,CACZ,CACE,MAAO,uCACP,KAAM,aACN,OAAQ,GACR,gBAAiB,iFACjB,MAAO,CACL,CACE,KAAMZ,EAACG,EAAA,EAAa,EACpB,MAAO,6BACT,EACA,CACE,KAAMH,EAACI,EAAA,EAAU,EACjB,MAAO,4CACT,EACA,CACE,KAAMJ,EAACK,EAAA,EAAS,EAChB,MAAO,uCACT,CACF,CACF,CACF,CACF,CACF,CACF,EAKaQ,EAAgC,CAC3C,KAAM,CACJ,KAAM,CACJ,aAAc,CACZ,CACE,MAAO,uCACP,KAAM,aACN,OAAQ,GACR,MAAO,CACL,CACE,KAAMb,EAACG,EAAA,EAAa,EACpB,MAAO,kCACT,EACA,CACE,KAAMH,EAACI,EAAA,EAAU,EACjB,MAAO,gCACT,EACA,CACE,KAAMJ,EAACK,EAAA,EAAS,EAChB,MAAO,0BACT,CACF,CACF,EACA,CACE,MAAO,2BACP,KAAM,aACN,OAAQ,GACR,MAAO,CACL,CACE,KAAML,EAACG,EAAA,EAAa,EACpB,MAAO,sBACT,EACA,CACE,KAAMH,EAACI,EAAA,EAAU,EACjB,MAAO,gCACT,EACA,CACE,KAAMJ,EAACK,EAAA,EAAS,EAChB,MAAO,gCACT,CACF,CACF,CACF,CACF,CACF,CACF",
|
|
6
|
-
"names": ["jsx", "jsxs", "EventSchedule", "CalendarIcon", "ClockIcon", "GiftIcon", "mockData", "threeEventsData", "meta", "eventSchedule_stories_default", "Default", "ThreeEvents", "SingleEvent", "WithoutBackgroundImage"]
|
|
7
|
-
}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import"react";import a from"../biz-components/FeatureCards/index.js";const s={title:"Biz Components/FeatureCards",component:a,parameters:{layout:"padded",docs:{description:{component:`\u7279\u6027\u5361\u7247\u5C55\u793A\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u5C55\u793A\u591A\u4E2A\u4EA7\u54C1\u529F\u80FD\u6216\u7279\u6027
|
|
2
|
-
|
|
3
|
-
## \u54CD\u5E94\u5F0F\u5E03\u5C40
|
|
4
|
-
|
|
5
|
-
### \u79FB\u52A8\u7AEF\u548C\u5E73\u677F
|
|
6
|
-
- \u6240\u6709\u5361\u7247\u5BBD\u5EA6\u76F8\u7B49\uFF0C\u4F7F\u7528 Swiper \u8F6E\u64AD\u5C55\u793A
|
|
7
|
-
|
|
8
|
-
### \u684C\u9762\u7AEF\uFF08laptop+\uFF09
|
|
9
|
-
\u6839\u636E\u5361\u7247\u6570\u91CF\u81EA\u52A8\u8C03\u6574\u5E03\u5C40\u6BD4\u4F8B\uFF1A
|
|
10
|
-
- **2\u5F20\u5361\u7247**\uFF1A2:3 \u6BD4\u4F8B
|
|
11
|
-
- **3\u5F20\u5361\u7247**\uFF1A1:1:1 \u7B49\u5BBD
|
|
12
|
-
- **4\u5F20\u5361\u7247**\uFF1A\u7B2C\u4E00\u884C 2:3\uFF0C\u7B2C\u4E8C\u884C 3:2\uFF08\u81EA\u52A8\u6362\u884C\uFF09
|
|
13
|
-
- **5\u5F20\u5361\u7247**\uFF1A\u7B2C\u4E00\u884C 1:1:1\uFF0C\u7B2C\u4E8C\u884C 2:3\uFF08\u81EA\u52A8\u6362\u884C\uFF09
|
|
14
|
-
|
|
15
|
-
`}}},tags:["autodocs"]};var c=s;const e={title:"Personalized Carpet Cleaning Mode",subtitle:"You can customize the carpet cleaning mode to suit your needs.",items:[{link:"",theme:"dark",title:"Carpet Avoidance",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",alt:"Carpet Avoidance",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",mimeType:"image/png"},subtitle:"Automatically avoids carpets based on personalized settings."},{link:"",theme:"dark",title:"Mop Lifting",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429",alt:"Mop Lifting",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429",mimeType:"image/png"},subtitle:"Lifts the mop to prevent wetting carpets"},{link:"",theme:"dark",title:"Carpet Detection",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3_99cbfc97-44f5-44f6-a6b0-4b0bbcd26588.png?v=1752499429",alt:"Carpet Detection",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3_99cbfc97-44f5-44f6-a6b0-4b0bbcd26588.png?v=1752499429",mimeType:"image/png"},subtitle:"Increases suction power when carpets are detected."}]},n={args:{data:e}},p={args:{data:{...e,items:e.items.map(t=>({...t,theme:"light"}))}}},l={args:{data:{...e,items:e.items.map(t=>({...t,link:"https://www.example.com"}))}}},d={args:{data:{...e,items:e.items.slice(0,2)}}},m={args:{data:{...e,items:[e.items[0]]}}},f={args:{data:{title:"Personalized Carpet Cleaning Mode",items:e.items}}},u={args:{data:{...e,items:[...e.items,{link:"",theme:"dark",title:"Smart Scheduling",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",alt:"Smart Scheduling",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",mimeType:"image/png"},subtitle:"Schedule cleaning tasks automatically based on your preferences."}]}},parameters:{docs:{description:{story:"4\u5F20\u5361\u7247\u5E03\u5C40\uFF1A\u684C\u9762\u7AEF\u7B2C\u4E00\u884C 2:3 \u6BD4\u4F8B\uFF0C\u7B2C\u4E8C\u884C 3:2 \u6BD4\u4F8B\uFF08\u81EA\u52A8\u6362\u884C\uFF09"}}}},g={args:{data:{...e,items:[...e.items,{link:"",theme:"dark",title:"Smart Scheduling",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",alt:"Smart Scheduling",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",mimeType:"image/png"},subtitle:"Schedule cleaning tasks automatically based on your preferences."},{link:"",theme:"dark",title:"Voice Control",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429",alt:"Voice Control",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429",mimeType:"image/png"},subtitle:"Control your robot vacuum with voice commands."}]}},parameters:{docs:{description:{story:"5\u5F20\u5361\u7247\u5E03\u5C40\uFF1A\u684C\u9762\u7AEF\u7B2C\u4E00\u884C 1:1:1 \u7B49\u5BBD\uFF0C\u7B2C\u4E8C\u884C 2:3 \u6BD4\u4F8B\uFF08\u81EA\u52A8\u6362\u884C\uFF09"}}}},h={args:{data:e,className:"custom-feature-cards"},parameters:{docs:{description:{story:`
|
|
16
|
-
\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A
|
|
17
|
-
|
|
18
|
-
**\u6839\u5143\u7D20\uFF1A**
|
|
19
|
-
- \`.feature-cards\` - \u7EC4\u4EF6\u6839\u5BB9\u5668
|
|
20
|
-
|
|
21
|
-
**\u5934\u90E8\u533A\u57DF\uFF1A**
|
|
22
|
-
- \`.feature-cards__header\` - \u5934\u90E8\u5BB9\u5668
|
|
23
|
-
- \`.feature-cards__title\` - \u4E3B\u6807\u9898
|
|
24
|
-
- \`.feature-cards__subtitle\` - \u526F\u6807\u9898
|
|
25
|
-
|
|
26
|
-
**\u684C\u9762\u7AEF\u5E03\u5C40\uFF1A**
|
|
27
|
-
- \`.feature-cards__grid\` - \u684C\u9762\u7AEF\u7F51\u683C\u5BB9\u5668
|
|
28
|
-
|
|
29
|
-
**\u79FB\u52A8\u7AEF\u5E03\u5C40\uFF1A**
|
|
30
|
-
- \`.feature-cards__swiper-container\` - Swiper \u5916\u5C42\u5BB9\u5668
|
|
31
|
-
- \`.feature-cards__swiper\` - Swiper \u5B9E\u4F8B
|
|
32
|
-
- \`.feature-cards__swiper-slide\` - Swiper \u5355\u4E2A\u6ED1\u5757
|
|
33
|
-
|
|
34
|
-
**\u5361\u7247\u5143\u7D20\uFF1A**
|
|
35
|
-
- \`.feature-cards__card\` - \u5361\u7247\u5BB9\u5668
|
|
36
|
-
- \`.feature-cards__card--mobile\` - \u79FB\u52A8\u7AEF\u5361\u7247\u4FEE\u9970\u7B26
|
|
37
|
-
- \`.feature-cards__card-image\` - \u5361\u7247\u80CC\u666F\u56FE\u7247
|
|
38
|
-
- \`.feature-cards__card-content\` - \u5361\u7247\u5185\u5BB9\u5BB9\u5668
|
|
39
|
-
- \`.feature-cards__card-title\` - \u5361\u7247\u6807\u9898
|
|
40
|
-
- \`.feature-cards__card-subtitle\` - \u5361\u7247\u526F\u6807\u9898
|
|
41
|
-
|
|
42
|
-
**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**
|
|
43
|
-
\`\`\`css
|
|
44
|
-
/* \u81EA\u5B9A\u4E49\u6807\u9898\u989C\u8272 */
|
|
45
|
-
.feature-cards__card-title {
|
|
46
|
-
color: #ff6b6b;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
/* \u81EA\u5B9A\u4E49\u5361\u7247\u60AC\u505C\u6548\u679C */
|
|
50
|
-
.feature-cards__card:hover {
|
|
51
|
-
transform: translateY(-5px);
|
|
52
|
-
transition: transform 0.3s ease;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
/* \u81EA\u5B9A\u4E49\u7F51\u683C\u95F4\u8DDD */
|
|
56
|
-
.feature-cards__grid {
|
|
57
|
-
gap: 24px;
|
|
58
|
-
}
|
|
59
|
-
\`\`\`
|
|
60
|
-
`}}}};export{n as Default,g as FiveCards,u as FourCards,p as LightTheme,m as SingleCard,d as TwoCards,h as WithCustomStyles,l as WithLinks,f as WithoutSubtitle,c as default};
|
|
61
|
-
//# sourceMappingURL=featureCards.stories.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/stories/featureCards.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport FeatureCards from '../biz-components/FeatureCards/index.js'\nimport type { FeatureCardsProps } from '../biz-components/FeatureCards/types.js'\n\nconst meta = {\n title: 'Biz Components/FeatureCards',\n component: FeatureCards,\n parameters: {\n layout: 'padded',\n docs: {\n description: {\n component: `\u7279\u6027\u5361\u7247\u5C55\u793A\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u5C55\u793A\u591A\u4E2A\u4EA7\u54C1\u529F\u80FD\u6216\u7279\u6027\n\n## \u54CD\u5E94\u5F0F\u5E03\u5C40\n\n### \u79FB\u52A8\u7AEF\u548C\u5E73\u677F\n- \u6240\u6709\u5361\u7247\u5BBD\u5EA6\u76F8\u7B49\uFF0C\u4F7F\u7528 Swiper \u8F6E\u64AD\u5C55\u793A\n\n### \u684C\u9762\u7AEF\uFF08laptop+\uFF09\n\u6839\u636E\u5361\u7247\u6570\u91CF\u81EA\u52A8\u8C03\u6574\u5E03\u5C40\u6BD4\u4F8B\uFF1A\n- **2\u5F20\u5361\u7247**\uFF1A2:3 \u6BD4\u4F8B\n- **3\u5F20\u5361\u7247**\uFF1A1:1:1 \u7B49\u5BBD\n- **4\u5F20\u5361\u7247**\uFF1A\u7B2C\u4E00\u884C 2:3\uFF0C\u7B2C\u4E8C\u884C 3:2\uFF08\u81EA\u52A8\u6362\u884C\uFF09\n- **5\u5F20\u5361\u7247**\uFF1A\u7B2C\u4E00\u884C 1:1:1\uFF0C\u7B2C\u4E8C\u884C 2:3\uFF08\u81EA\u52A8\u6362\u884C\uFF09\n\n`,\n },\n },\n },\n tags: ['autodocs'],\n} satisfies Meta<typeof FeatureCards>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: FeatureCardsProps['data'] = {\n title: 'Personalized Carpet Cleaning Mode',\n subtitle: 'You can customize the carpet cleaning mode to suit your needs.',\n items: [\n {\n link: '',\n theme: 'dark',\n title: 'Carpet Avoidance',\n image: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n alt: 'Carpet Avoidance',\n thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n mimeType: 'image/png',\n },\n subtitle: 'Automatically avoids carpets based on personalized settings.',\n },\n {\n link: '',\n theme: 'dark',\n title: 'Mop Lifting',\n image: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429',\n alt: 'Mop Lifting',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429',\n mimeType: 'image/png',\n },\n subtitle: 'Lifts the mop to prevent wetting carpets',\n },\n {\n link: '',\n theme: 'dark',\n title: 'Carpet Detection',\n image: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3_99cbfc97-44f5-44f6-a6b0-4b0bbcd26588.png?v=1752499429',\n alt: 'Carpet Detection',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3_99cbfc97-44f5-44f6-a6b0-4b0bbcd26588.png?v=1752499429',\n mimeType: 'image/png',\n },\n subtitle: 'Increases suction power when carpets are detected.',\n },\n ],\n}\n\nexport const Default: Story = {\n args: {\n data: defaultData,\n },\n}\n\nexport const LightTheme: Story = {\n args: {\n data: {\n ...defaultData,\n items: defaultData.items.map(item => ({\n ...item,\n theme: 'light',\n })),\n },\n },\n}\n\nexport const WithLinks: Story = {\n args: {\n data: {\n ...defaultData,\n items: defaultData.items.map(item => ({\n ...item,\n link: 'https://www.example.com',\n })),\n },\n },\n}\n\nexport const TwoCards: Story = {\n args: {\n data: {\n ...defaultData,\n items: defaultData.items.slice(0, 2),\n },\n },\n}\n\nexport const SingleCard: Story = {\n args: {\n data: {\n ...defaultData,\n items: [defaultData.items[0]],\n },\n },\n}\n\nexport const WithoutSubtitle: Story = {\n args: {\n data: {\n title: 'Personalized Carpet Cleaning Mode',\n items: defaultData.items,\n },\n },\n}\n\nexport const FourCards: Story = {\n args: {\n data: {\n ...defaultData,\n items: [\n ...defaultData.items,\n {\n link: '',\n theme: 'dark',\n title: 'Smart Scheduling',\n image: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n alt: 'Smart Scheduling',\n thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n mimeType: 'image/png',\n },\n subtitle: 'Schedule cleaning tasks automatically based on your preferences.',\n },\n ],\n },\n },\n parameters: {\n docs: {\n description: {\n story: '4\u5F20\u5361\u7247\u5E03\u5C40\uFF1A\u684C\u9762\u7AEF\u7B2C\u4E00\u884C 2:3 \u6BD4\u4F8B\uFF0C\u7B2C\u4E8C\u884C 3:2 \u6BD4\u4F8B\uFF08\u81EA\u52A8\u6362\u884C\uFF09',\n },\n },\n },\n}\n\nexport const FiveCards: Story = {\n args: {\n data: {\n ...defaultData,\n items: [\n ...defaultData.items,\n {\n link: '',\n theme: 'dark',\n title: 'Smart Scheduling',\n image: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n alt: 'Smart Scheduling',\n thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n mimeType: 'image/png',\n },\n subtitle: 'Schedule cleaning tasks automatically based on your preferences.',\n },\n {\n link: '',\n theme: 'dark',\n title: 'Voice Control',\n image: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429',\n alt: 'Voice Control',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429',\n mimeType: 'image/png',\n },\n subtitle: 'Control your robot vacuum with voice commands.',\n },\n ],\n },\n },\n parameters: {\n docs: {\n description: {\n story: '5\u5F20\u5361\u7247\u5E03\u5C40\uFF1A\u684C\u9762\u7AEF\u7B2C\u4E00\u884C 1:1:1 \u7B49\u5BBD\uFF0C\u7B2C\u4E8C\u884C 2:3 \u6BD4\u4F8B\uFF08\u81EA\u52A8\u6362\u884C\uFF09',\n },\n },\n },\n}\n\nexport const WithCustomStyles: Story = {\n args: {\n data: defaultData,\n className: 'custom-feature-cards',\n },\n parameters: {\n docs: {\n description: {\n story: `\n\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A\n\n**\u6839\u5143\u7D20\uFF1A**\n- \\`.feature-cards\\` - \u7EC4\u4EF6\u6839\u5BB9\u5668\n\n**\u5934\u90E8\u533A\u57DF\uFF1A**\n- \\`.feature-cards__header\\` - \u5934\u90E8\u5BB9\u5668\n- \\`.feature-cards__title\\` - \u4E3B\u6807\u9898\n- \\`.feature-cards__subtitle\\` - \u526F\u6807\u9898\n\n**\u684C\u9762\u7AEF\u5E03\u5C40\uFF1A**\n- \\`.feature-cards__grid\\` - \u684C\u9762\u7AEF\u7F51\u683C\u5BB9\u5668\n\n**\u79FB\u52A8\u7AEF\u5E03\u5C40\uFF1A**\n- \\`.feature-cards__swiper-container\\` - Swiper \u5916\u5C42\u5BB9\u5668\n- \\`.feature-cards__swiper\\` - Swiper \u5B9E\u4F8B\n- \\`.feature-cards__swiper-slide\\` - Swiper \u5355\u4E2A\u6ED1\u5757\n\n**\u5361\u7247\u5143\u7D20\uFF1A**\n- \\`.feature-cards__card\\` - \u5361\u7247\u5BB9\u5668\n- \\`.feature-cards__card--mobile\\` - \u79FB\u52A8\u7AEF\u5361\u7247\u4FEE\u9970\u7B26\n- \\`.feature-cards__card-image\\` - \u5361\u7247\u80CC\u666F\u56FE\u7247\n- \\`.feature-cards__card-content\\` - \u5361\u7247\u5185\u5BB9\u5BB9\u5668\n- \\`.feature-cards__card-title\\` - \u5361\u7247\u6807\u9898\n- \\`.feature-cards__card-subtitle\\` - \u5361\u7247\u526F\u6807\u9898\n\n**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u989C\u8272 */\n.feature-cards__card-title {\n color: #ff6b6b;\n}\n\n/* \u81EA\u5B9A\u4E49\u5361\u7247\u60AC\u505C\u6548\u679C */\n.feature-cards__card:hover {\n transform: translateY(-5px);\n transition: transform 0.3s ease;\n}\n\n/* \u81EA\u5B9A\u4E49\u7F51\u683C\u95F4\u8DDD */\n.feature-cards__grid {\n gap: 24px;\n}\n\\`\\`\\`\n `,\n },\n },\n },\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["FeatureCards", "meta", "featureCards_stories_default", "defaultData", "Default", "LightTheme", "item", "WithLinks", "TwoCards", "SingleCard", "WithoutSubtitle", "FourCards", "FiveCards", "WithCustomStyles"]
|
|
7
|
-
}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import"react";import a from"../biz-components/FeatureShowcase/index.js";const t={title:"Biz Components/FeatureShowcase",component:a,parameters:{layout:"padded",backgrounds:{default:"dark"},docs:{description:{component:"\u529F\u80FD\u5C55\u793A\u7EC4\u4EF6\uFF0C\u5C55\u793A\u591A\u4E2A\u5E26\u6587\u5B57\u8986\u76D6\u7684\u56FE\u7247\u5361\u7247\uFF0C\u652F\u6301\u6A2A\u5411\u6EDA\u52A8"}}},tags:["autodocs"]};var c=t;const e={datalist:[{desc:"Saves energy by charging during off-peak hours.",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/12f00a84-d4f7-4f7d-af6b-361b49c70a87_Frame_2121235336.png?v=1751425415",alt:"Off-Peak Charging",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/12f00a84-d4f7-4f7d-af6b-361b49c70a87_Frame_2121235336.png?v=1751425415",mimeType:"image/png"},title:"Off-Peak Charging",imageMob:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/0dd1df60-4732-45a3-995e-43977d45d2b2_Frame_2121235316.png?v=1751547005",alt:"Off-Peak Charging Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/0dd1df60-4732-45a3-995e-43977d45d2b2_Frame_2121235316.png?v=1751547005",mimeType:"image/png"}},{desc:"Keep RoboVac out of restricted areas.",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/45dacd44-c1c2-43b2-af50-bfe539925428_Frame_2121235337.png?v=1751425570",alt:"No-Go Zones",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/45dacd44-c1c2-43b2-af50-bfe539925428_Frame_2121235337.png?v=1751425570",mimeType:"image/png"},title:"No-Go Zones",imageMob:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7aabcf2e-5601-4b1f-b66f-95c9a5d1c55d_Frame_2121235317.png?v=1751547075",alt:"No-Go Zones Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7aabcf2e-5601-4b1f-b66f-95c9a5d1c55d_Frame_2121235317.png?v=1751547075",mimeType:"image/png"}}],datalists:[{desc:"Prevents accidental activation.",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b9b2cb76-411c-4e95-9a21-590522a2b8b5_Frame_2121235339.png?v=1751452403",alt:"Child Lock Protection",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b9b2cb76-411c-4e95-9a21-590522a2b8b5_Frame_2121235339.png?v=1751452403",mimeType:"image/png"},title:"Child Lock Protection",imageMob:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/feae0e5e-85fb-49d1-bdc1-b59d632210b8_Frame_2121235516.png?v=1751547104",alt:"Child Lock Protection Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/feae0e5e-85fb-49d1-bdc1-b59d632210b8_Frame_2121235516.png?v=1751547104",mimeType:"image/png"}},{desc:"Automatically resumes cleaning after charging.",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/eb323290-a12b-4b42-80f3-76641e5d0fab_Frame_2121235338.png?v=1751452429",alt:"Recharge and Resume",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/eb323290-a12b-4b42-80f3-76641e5d0fab_Frame_2121235338.png?v=1751452429",mimeType:"image/png"},title:"Recharge and Resume",imageMob:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7a90f1b9-b20a-4958-9088-a3639d23b4b4_Frame_2121235516_1.png?v=1751547133",alt:"Recharge and Resume Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7a90f1b9-b20a-4958-9088-a3639d23b4b4_Frame_2121235516_1.png?v=1751547133",mimeType:"image/png"}}]},r={args:{data:e}},f={args:{data:{datalist:e.datalist,datalists:[]}}},m={args:{data:{datalist:[e.datalist[0]],datalists:[e.datalists[0]]}}},n={args:{data:{datalist:[],datalists:[]}}},p={args:{data:e,className:"custom-feature-showcase"},parameters:{docs:{description:{story:`
|
|
2
|
-
\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A
|
|
3
|
-
|
|
4
|
-
**\u6839\u5143\u7D20\uFF1A**
|
|
5
|
-
- \`.feature-showcase\` - \u7EC4\u4EF6\u6839\u5BB9\u5668
|
|
6
|
-
|
|
7
|
-
**\u5217\u8868\u5143\u7D20\uFF1A**
|
|
8
|
-
- \`.feature-showcase__list\` - \u5217\u8868\u5BB9\u5668
|
|
9
|
-
- \`.feature-showcase__item\` - \u5355\u4E2A\u5361\u7247\u9879\u5BB9\u5668
|
|
10
|
-
|
|
11
|
-
**\u5361\u7247\u5143\u7D20\uFF1A**
|
|
12
|
-
- \`.feature-showcase__card\` - \u5361\u7247\u5BB9\u5668
|
|
13
|
-
- \`.feature-showcase__image\` - \u56FE\u7247\u5143\u7D20
|
|
14
|
-
- \`.feature-showcase__image--mobile\` - \u79FB\u52A8\u7AEF\u56FE\u7247\u4FEE\u9970\u7B26
|
|
15
|
-
- \`.feature-showcase__image--desktop\` - \u684C\u9762\u7AEF\u56FE\u7247\u4FEE\u9970\u7B26
|
|
16
|
-
- \`.feature-showcase__content\` - \u5185\u5BB9\u8986\u76D6\u5C42
|
|
17
|
-
- \`.feature-showcase__title\` - \u6807\u9898
|
|
18
|
-
- \`.feature-showcase__description\` - \u63CF\u8FF0\u6587\u672C
|
|
19
|
-
|
|
20
|
-
**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**
|
|
21
|
-
\`\`\`css
|
|
22
|
-
/* \u81EA\u5B9A\u4E49\u5361\u7247\u60AC\u505C\u6548\u679C */
|
|
23
|
-
.feature-showcase__card:hover {
|
|
24
|
-
transform: scale(1.05);
|
|
25
|
-
transition: transform 0.3s ease;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
/* \u81EA\u5B9A\u4E49\u5185\u5BB9\u8986\u76D6\u5C42\u80CC\u666F */
|
|
29
|
-
.feature-showcase__content {
|
|
30
|
-
background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */
|
|
34
|
-
.feature-showcase__title {
|
|
35
|
-
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
/* \u81EA\u5B9A\u4E49\u5217\u8868\u95F4\u8DDD */
|
|
39
|
-
.feature-showcase__list {
|
|
40
|
-
gap: 24px;
|
|
41
|
-
}
|
|
42
|
-
\`\`\`
|
|
43
|
-
`}}}};export{r as Default,n as EmptyLists,m as SingleItemPerList,f as SingleList,p as WithCustomStyles,c as default};
|
|
44
|
-
//# sourceMappingURL=featureShowcase.stories.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/stories/featureShowcase.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport FeatureShowcase from '../biz-components/FeatureShowcase/index.js'\nimport type { FeatureShowcaseProps } from '../biz-components/FeatureShowcase/types.js'\n\nconst meta = {\n title: 'Biz Components/FeatureShowcase',\n component: FeatureShowcase,\n parameters: {\n layout: 'padded',\n backgrounds: {\n default: 'dark',\n },\n docs: {\n description: {\n component: '\u529F\u80FD\u5C55\u793A\u7EC4\u4EF6\uFF0C\u5C55\u793A\u591A\u4E2A\u5E26\u6587\u5B57\u8986\u76D6\u7684\u56FE\u7247\u5361\u7247\uFF0C\u652F\u6301\u6A2A\u5411\u6EDA\u52A8',\n },\n },\n },\n tags: ['autodocs'],\n} satisfies Meta<typeof FeatureShowcase>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: FeatureShowcaseProps['data'] = {\n datalist: [\n {\n desc: 'Saves energy by charging during off-peak hours.',\n image: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/12f00a84-d4f7-4f7d-af6b-361b49c70a87_Frame_2121235336.png?v=1751425415',\n alt: 'Off-Peak Charging',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/12f00a84-d4f7-4f7d-af6b-361b49c70a87_Frame_2121235336.png?v=1751425415',\n mimeType: 'image/png',\n },\n title: 'Off-Peak Charging',\n imageMob: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/0dd1df60-4732-45a3-995e-43977d45d2b2_Frame_2121235316.png?v=1751547005',\n alt: 'Off-Peak Charging Mobile',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/0dd1df60-4732-45a3-995e-43977d45d2b2_Frame_2121235316.png?v=1751547005',\n mimeType: 'image/png',\n },\n },\n {\n desc: 'Keep RoboVac out of restricted areas.',\n image: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/45dacd44-c1c2-43b2-af50-bfe539925428_Frame_2121235337.png?v=1751425570',\n alt: 'No-Go Zones',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/45dacd44-c1c2-43b2-af50-bfe539925428_Frame_2121235337.png?v=1751425570',\n mimeType: 'image/png',\n },\n title: 'No-Go Zones',\n imageMob: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7aabcf2e-5601-4b1f-b66f-95c9a5d1c55d_Frame_2121235317.png?v=1751547075',\n alt: 'No-Go Zones Mobile',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7aabcf2e-5601-4b1f-b66f-95c9a5d1c55d_Frame_2121235317.png?v=1751547075',\n mimeType: 'image/png',\n },\n },\n ],\n datalists: [\n {\n desc: 'Prevents accidental activation.',\n image: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b9b2cb76-411c-4e95-9a21-590522a2b8b5_Frame_2121235339.png?v=1751452403',\n alt: 'Child Lock Protection',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b9b2cb76-411c-4e95-9a21-590522a2b8b5_Frame_2121235339.png?v=1751452403',\n mimeType: 'image/png',\n },\n title: 'Child Lock Protection',\n imageMob: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/feae0e5e-85fb-49d1-bdc1-b59d632210b8_Frame_2121235516.png?v=1751547104',\n alt: 'Child Lock Protection Mobile',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/feae0e5e-85fb-49d1-bdc1-b59d632210b8_Frame_2121235516.png?v=1751547104',\n mimeType: 'image/png',\n },\n },\n {\n desc: 'Automatically resumes cleaning after charging.',\n image: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/eb323290-a12b-4b42-80f3-76641e5d0fab_Frame_2121235338.png?v=1751452429',\n alt: 'Recharge and Resume',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/eb323290-a12b-4b42-80f3-76641e5d0fab_Frame_2121235338.png?v=1751452429',\n mimeType: 'image/png',\n },\n title: 'Recharge and Resume',\n imageMob: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7a90f1b9-b20a-4958-9088-a3639d23b4b4_Frame_2121235516_1.png?v=1751547133',\n alt: 'Recharge and Resume Mobile',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7a90f1b9-b20a-4958-9088-a3639d23b4b4_Frame_2121235516_1.png?v=1751547133',\n mimeType: 'image/png',\n },\n },\n ],\n}\n\nexport const Default: Story = {\n args: {\n data: defaultData,\n },\n}\n\nexport const SingleList: Story = {\n args: {\n data: {\n datalist: defaultData.datalist,\n datalists: [],\n },\n },\n}\n\nexport const SingleItemPerList: Story = {\n args: {\n data: {\n datalist: [defaultData.datalist[0]],\n datalists: [defaultData.datalists[0]],\n },\n },\n}\n\nexport const EmptyLists: Story = {\n args: {\n data: {\n datalist: [],\n datalists: [],\n },\n },\n}\n\nexport const WithCustomStyles: Story = {\n args: {\n data: defaultData,\n className: 'custom-feature-showcase',\n },\n parameters: {\n docs: {\n description: {\n story: `\n\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A\n\n**\u6839\u5143\u7D20\uFF1A**\n- \\`.feature-showcase\\` - \u7EC4\u4EF6\u6839\u5BB9\u5668\n\n**\u5217\u8868\u5143\u7D20\uFF1A**\n- \\`.feature-showcase__list\\` - \u5217\u8868\u5BB9\u5668\n- \\`.feature-showcase__item\\` - \u5355\u4E2A\u5361\u7247\u9879\u5BB9\u5668\n\n**\u5361\u7247\u5143\u7D20\uFF1A**\n- \\`.feature-showcase__card\\` - \u5361\u7247\u5BB9\u5668\n- \\`.feature-showcase__image\\` - \u56FE\u7247\u5143\u7D20\n- \\`.feature-showcase__image--mobile\\` - \u79FB\u52A8\u7AEF\u56FE\u7247\u4FEE\u9970\u7B26\n- \\`.feature-showcase__image--desktop\\` - \u684C\u9762\u7AEF\u56FE\u7247\u4FEE\u9970\u7B26\n- \\`.feature-showcase__content\\` - \u5185\u5BB9\u8986\u76D6\u5C42\n- \\`.feature-showcase__title\\` - \u6807\u9898\n- \\`.feature-showcase__description\\` - \u63CF\u8FF0\u6587\u672C\n\n**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u5361\u7247\u60AC\u505C\u6548\u679C */\n.feature-showcase__card:hover {\n transform: scale(1.05);\n transition: transform 0.3s ease;\n}\n\n/* \u81EA\u5B9A\u4E49\u5185\u5BB9\u8986\u76D6\u5C42\u80CC\u666F */\n.feature-showcase__content {\n background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\n}\n\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */\n.feature-showcase__title {\n text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\n}\n\n/* \u81EA\u5B9A\u4E49\u5217\u8868\u95F4\u8DDD */\n.feature-showcase__list {\n gap: 24px;\n}\n\\`\\`\\`\n `,\n },\n },\n },\n}\n"],
|
|
5
|
-
"mappings": "AAAA,MAAkB,QAElB,OAAOA,MAAqB,6CAG5B,MAAMC,EAAO,CACX,MAAO,iCACP,UAAWD,EACX,WAAY,CACV,OAAQ,SACR,YAAa,CACX,QAAS,MACX,EACA,KAAM,CACJ,YAAa,CACX,UAAW,0KACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAIf,MAAME,EAA4C,CAChD,SAAU,CACR,CACE,KAAM,kDACN,MAAO,CACL,IAAK,gIACL,IAAK,oBACL,aACE,gIACF,SAAU,WACZ,EACA,MAAO,oBACP,SAAU,CACR,IAAK,gIACL,IAAK,2BACL,aACE,gIACF,SAAU,WACZ,CACF,EACA,CACE,KAAM,wCACN,MAAO,CACL,IAAK,gIACL,IAAK,cACL,aACE,gIACF,SAAU,WACZ,EACA,MAAO,cACP,SAAU,CACR,IAAK,gIACL,IAAK,qBACL,aACE,gIACF,SAAU,WACZ,CACF,CACF,EACA,UAAW,CACT,CACE,KAAM,mCACN,MAAO,CACL,IAAK,gIACL,IAAK,wBACL,aACE,gIACF,SAAU,WACZ,EACA,MAAO,wBACP,SAAU,CACR,IAAK,gIACL,IAAK,+BACL,aACE,gIACF,SAAU,WACZ,CACF,EACA,CACE,KAAM,iDACN,MAAO,CACL,IAAK,gIACL,IAAK,sBACL,aACE,gIACF,SAAU,WACZ,EACA,MAAO,sBACP,SAAU,CACR,IAAK,kIACL,IAAK,6BACL,aACE,kIACF,SAAU,WACZ,CACF,CACF,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAMD,CACR,CACF,EAEaE,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,SAAUF,EAAY,SACtB,UAAW,CAAC,CACd,CACF,CACF,EAEaG,EAA2B,CACtC,KAAM,CACJ,KAAM,CACJ,SAAU,CAACH,EAAY,SAAS,CAAC,CAAC,EAClC,UAAW,CAACA,EAAY,UAAU,CAAC,CAAC,CACtC,CACF,CACF,EAEaI,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,SAAU,CAAC,EACX,UAAW,CAAC,CACd,CACF,CACF,EAEaC,EAA0B,CACrC,KAAM,CACJ,KAAML,EACN,UAAW,yBACb,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SA2CT,CACF,CACF,CACF",
|
|
6
|
-
"names": ["FeatureShowcase", "meta", "featureShowcase_stories_default", "defaultData", "Default", "SingleList", "SingleItemPerList", "EmptyLists", "WithCustomStyles"]
|
|
7
|
-
}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import"react";import t from"../biz-components/ImageTextFeature/index.js";const a={title:"Biz Components/ImageTextFeature",component:t,parameters:{layout:"padded",docs:{description:{component:"\u56FE\u6587\u7279\u6027\u5C55\u793A\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u5C55\u793A\u4EA7\u54C1\u7279\u6027\u6216\u529F\u80FD\u4EAE\u70B9\uFF0C\u652F\u6301\u56FE\u7247\u548C\u6587\u672C\u5185\u5BB9\u7684\u7075\u6D3B\u5E03\u5C40"}}},tags:["autodocs"]};var m=a;const e={title:"AI.See\u2122 Obstacle Avoidance",subtitle:"Advanced AI and RGB visual recognition.",pcImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance.png?v=1751341747",alt:"AI.See\u2122 Obstacle Avoidance",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance.png?v=1751341747",mimeType:"image/png"},padImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-pad-ai.png?v=1752582807",alt:"AI.See\u2122 Obstacle Avoidance Pad",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-pad-ai.png?v=1752582807",mimeType:"image/png"},mobileImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance-mob.png?v=1751341780",alt:"AI.See\u2122 Obstacle Avoidance Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance-mob.png?v=1751341780",mimeType:"image/png"},items:[{icon:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015",text:"LED",desc:"Equipped with LEDs for dark environments"},{icon:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon2_fb84c5b0-dfe6-4930-b637-a8735ed0f946.svg?v=1751875015",text:"200+",desc:"Identifies and avoids 200+ objects."}]},c={args:{data:e}},n={args:{data:{...e,imagePosition:"right"}}},p={args:{data:{...e,theme:"dark"}}},f={args:{data:{title:"AI.See\u2122 Obstacle Avoidance",pcImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance.png?v=1751341747",alt:"AI.See\u2122 Obstacle Avoidance",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance.png?v=1751341747",mimeType:"image/png"},padImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-pad-ai.png?v=1752582807",alt:"AI.See\u2122 Obstacle Avoidance Pad",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-pad-ai.png?v=1752582807",mimeType:"image/png"},mobileImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance-mob.png?v=1751341780",alt:"AI.See\u2122 Obstacle Avoidance Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance-mob.png?v=1751341780",mimeType:"image/png"},items:[{icon:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015",text:"LED",desc:"Equipped with LEDs for dark environments"},{icon:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon2_fb84c5b0-dfe6-4930-b637-a8735ed0f946.svg?v=1751875015",text:"200+",desc:"Identifies and avoids 200+ objects."}]}}},r={args:{data:{...e,items:e.items.slice(0,2)}}},d={args:{data:{...e,items:[e.items[0]]}}},l={args:{data:e,className:"custom-image-text-feature"},parameters:{docs:{description:{story:`
|
|
2
|
-
\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A
|
|
3
|
-
|
|
4
|
-
**\u6839\u5143\u7D20\uFF1A**
|
|
5
|
-
- \`.image-text-feature\` - \u7EC4\u4EF6\u6839\u5BB9\u5668
|
|
6
|
-
|
|
7
|
-
**\u56FE\u7247\u5143\u7D20\uFF1A**
|
|
8
|
-
- \`.image-text-feature__image\` - \u56FE\u7247\u5BB9\u5668
|
|
9
|
-
- \`.image-text-feature__image--left\` - \u56FE\u7247\u5728\u5DE6\u4FA7\u7684\u4FEE\u9970\u7B26
|
|
10
|
-
- \`.image-text-feature__image--right\` - \u56FE\u7247\u5728\u53F3\u4FA7\u7684\u4FEE\u9970\u7B26
|
|
11
|
-
|
|
12
|
-
**\u5185\u5BB9\u533A\u57DF\uFF1A**
|
|
13
|
-
- \`.image-text-feature__content\` - \u5185\u5BB9\u5BB9\u5668
|
|
14
|
-
- \`.image-text-feature__title\` - \u4E3B\u6807\u9898
|
|
15
|
-
- \`.image-text-feature__subtitle\` - \u526F\u6807\u9898
|
|
16
|
-
|
|
17
|
-
**\u529F\u80FD\u5217\u8868\uFF1A**
|
|
18
|
-
- \`.image-text-feature__items\` - \u529F\u80FD\u5217\u8868\u5BB9\u5668
|
|
19
|
-
- \`.image-text-feature__item\` - \u5355\u4E2A\u529F\u80FD\u9879
|
|
20
|
-
- \`.image-text-feature__item-header\` - \u529F\u80FD\u9879\u5934\u90E8
|
|
21
|
-
- \`.image-text-feature__item-icon\` - \u529F\u80FD\u9879\u56FE\u6807
|
|
22
|
-
- \`.image-text-feature__item-text\` - \u529F\u80FD\u9879\u6587\u672C
|
|
23
|
-
- \`.image-text-feature__item-desc\` - \u529F\u80FD\u9879\u63CF\u8FF0
|
|
24
|
-
|
|
25
|
-
**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**
|
|
26
|
-
\`\`\`css
|
|
27
|
-
/* \u81EA\u5B9A\u4E49\u56FE\u7247\u60AC\u505C\u6548\u679C */
|
|
28
|
-
.image-text-feature__image:hover {
|
|
29
|
-
transform: scale(1.02);
|
|
30
|
-
transition: transform 0.3s ease;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */
|
|
34
|
-
.image-text-feature__title {
|
|
35
|
-
color: #2563eb;
|
|
36
|
-
font-weight: 700;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
/* \u81EA\u5B9A\u4E49\u529F\u80FD\u9879\u95F4\u8DDD */
|
|
40
|
-
.image-text-feature__items {
|
|
41
|
-
gap: 32px;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
/* \u81EA\u5B9A\u4E49\u56FE\u6807\u6837\u5F0F */
|
|
45
|
-
.image-text-feature__item-icon {
|
|
46
|
-
filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
|
|
47
|
-
}
|
|
48
|
-
\`\`\`
|
|
49
|
-
`}}}};export{p as DarkTheme,c as Default,n as ImageRight,d as SingleItem,r as TwoItems,l as WithCustomStyles,f as WithoutSubtitle,m as default};
|
|
50
|
-
//# sourceMappingURL=imageTextFeature.stories.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/stories/imageTextFeature.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport ImageTextFeature from '../biz-components/ImageTextFeature/index.js'\nimport type { ImageTextFeatureProps } from '../biz-components/ImageTextFeature/types.js'\n\nconst meta = {\n title: 'Biz Components/ImageTextFeature',\n component: ImageTextFeature,\n parameters: {\n layout: 'padded',\n docs: {\n description: {\n component: '\u56FE\u6587\u7279\u6027\u5C55\u793A\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u5C55\u793A\u4EA7\u54C1\u7279\u6027\u6216\u529F\u80FD\u4EAE\u70B9\uFF0C\u652F\u6301\u56FE\u7247\u548C\u6587\u672C\u5185\u5BB9\u7684\u7075\u6D3B\u5E03\u5C40',\n },\n },\n },\n tags: ['autodocs'],\n} satisfies Meta<typeof ImageTextFeature>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: ImageTextFeatureProps['data'] = {\n title: 'AI.See\u2122 Obstacle Avoidance',\n subtitle: 'Advanced AI and RGB visual recognition.',\n pcImage: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance.png?v=1751341747',\n alt: 'AI.See\u2122 Obstacle Avoidance',\n thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance.png?v=1751341747',\n mimeType: 'image/png',\n },\n padImage: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-pad-ai.png?v=1752582807',\n alt: 'AI.See\u2122 Obstacle Avoidance Pad',\n thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-pad-ai.png?v=1752582807',\n mimeType: 'image/png',\n },\n mobileImage: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance-mob.png?v=1751341780',\n alt: 'AI.See\u2122 Obstacle Avoidance Mobile',\n thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance-mob.png?v=1751341780',\n mimeType: 'image/png',\n },\n items: [\n {\n icon: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015',\n text: 'LED',\n desc: 'Equipped with LEDs for dark environments',\n },\n {\n icon: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon2_fb84c5b0-dfe6-4930-b637-a8735ed0f946.svg?v=1751875015',\n text: '200+',\n desc: 'Identifies and avoids 200+ objects.',\n },\n ],\n}\n\nexport const Default: Story = {\n args: {\n data: defaultData,\n },\n}\n\nexport const ImageRight: Story = {\n args: {\n data: {\n ...defaultData,\n imagePosition: 'right',\n },\n },\n}\n\nexport const DarkTheme: Story = {\n args: {\n data: {\n ...defaultData,\n theme: 'dark',\n },\n },\n}\n\nexport const WithoutSubtitle: Story = {\n args: {\n data: {\n title: 'AI.See\u2122 Obstacle Avoidance',\n pcImage: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance.png?v=1751341747',\n alt: 'AI.See\u2122 Obstacle Avoidance',\n thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance.png?v=1751341747',\n mimeType: 'image/png',\n },\n padImage: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-pad-ai.png?v=1752582807',\n alt: 'AI.See\u2122 Obstacle Avoidance Pad',\n thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/e25-pad-ai.png?v=1752582807',\n mimeType: 'image/png',\n },\n mobileImage: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance-mob.png?v=1751341780',\n alt: 'AI.See\u2122 Obstacle Avoidance Mobile',\n thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aiAvoidance-mob.png?v=1751341780',\n mimeType: 'image/png',\n },\n items: [\n {\n icon: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon_8330e9da-f343-4f9b-8f7c-fe0a0eccbe2f.svg?v=1751875015',\n text: 'LED',\n desc: 'Equipped with LEDs for dark environments',\n },\n {\n icon: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/icon2_fb84c5b0-dfe6-4930-b637-a8735ed0f946.svg?v=1751875015',\n text: '200+',\n desc: 'Identifies and avoids 200+ objects.',\n },\n ],\n },\n },\n}\n\nexport const TwoItems: Story = {\n args: {\n data: {\n ...defaultData,\n items: defaultData.items.slice(0, 2),\n },\n },\n}\n\nexport const SingleItem: Story = {\n args: {\n data: {\n ...defaultData,\n items: [defaultData.items[0]],\n },\n },\n}\n\nexport const WithCustomStyles: Story = {\n args: {\n data: defaultData,\n className: 'custom-image-text-feature',\n },\n parameters: {\n docs: {\n description: {\n story: `\n\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A\n\n**\u6839\u5143\u7D20\uFF1A**\n- \\`.image-text-feature\\` - \u7EC4\u4EF6\u6839\u5BB9\u5668\n\n**\u56FE\u7247\u5143\u7D20\uFF1A**\n- \\`.image-text-feature__image\\` - \u56FE\u7247\u5BB9\u5668\n- \\`.image-text-feature__image--left\\` - \u56FE\u7247\u5728\u5DE6\u4FA7\u7684\u4FEE\u9970\u7B26\n- \\`.image-text-feature__image--right\\` - \u56FE\u7247\u5728\u53F3\u4FA7\u7684\u4FEE\u9970\u7B26\n\n**\u5185\u5BB9\u533A\u57DF\uFF1A**\n- \\`.image-text-feature__content\\` - \u5185\u5BB9\u5BB9\u5668\n- \\`.image-text-feature__title\\` - \u4E3B\u6807\u9898\n- \\`.image-text-feature__subtitle\\` - \u526F\u6807\u9898\n\n**\u529F\u80FD\u5217\u8868\uFF1A**\n- \\`.image-text-feature__items\\` - \u529F\u80FD\u5217\u8868\u5BB9\u5668\n- \\`.image-text-feature__item\\` - \u5355\u4E2A\u529F\u80FD\u9879\n- \\`.image-text-feature__item-header\\` - \u529F\u80FD\u9879\u5934\u90E8\n- \\`.image-text-feature__item-icon\\` - \u529F\u80FD\u9879\u56FE\u6807\n- \\`.image-text-feature__item-text\\` - \u529F\u80FD\u9879\u6587\u672C\n- \\`.image-text-feature__item-desc\\` - \u529F\u80FD\u9879\u63CF\u8FF0\n\n**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u56FE\u7247\u60AC\u505C\u6548\u679C */\n.image-text-feature__image:hover {\n transform: scale(1.02);\n transition: transform 0.3s ease;\n}\n\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */\n.image-text-feature__title {\n color: #2563eb;\n font-weight: 700;\n}\n\n/* \u81EA\u5B9A\u4E49\u529F\u80FD\u9879\u95F4\u8DDD */\n.image-text-feature__items {\n gap: 32px;\n}\n\n/* \u81EA\u5B9A\u4E49\u56FE\u6807\u6837\u5F0F */\n.image-text-feature__item-icon {\n filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));\n}\n\\`\\`\\`\n `,\n },\n },\n },\n}\n"],
|
|
5
|
-
"mappings": "AAAA,MAAkB,QAElB,OAAOA,MAAsB,8CAG7B,MAAMC,EAAO,CACX,MAAO,kCACP,UAAWD,EACX,WAAY,CACV,OAAQ,SACR,KAAM,CACJ,YAAa,CACX,UAAW,gOACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAIf,MAAME,EAA6C,CACjD,MAAO,kCACP,SAAU,0CACV,QAAS,CACP,IAAK,sFACL,IAAK,kCACL,aAAc,sFACd,SAAU,WACZ,EACA,SAAU,CACR,IAAK,qFACL,IAAK,sCACL,aAAc,qFACd,SAAU,WACZ,EACA,YAAa,CACX,IAAK,0FACL,IAAK,yCACL,aAAc,0FACd,SAAU,WACZ,EACA,MAAO,CACL,CACE,KAAM,oHACN,KAAM,MACN,KAAM,0CACR,EACA,CACE,KAAM,qHACN,KAAM,OACN,KAAM,qCACR,CACF,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAMD,CACR,CACF,EAEaE,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,GAAGF,EACH,cAAe,OACjB,CACF,CACF,EAEaG,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,GAAGH,EACH,MAAO,MACT,CACF,CACF,EAEaI,EAAyB,CACpC,KAAM,CACJ,KAAM,CACJ,MAAO,kCACP,QAAS,CACP,IAAK,sFACL,IAAK,kCACL,aAAc,sFACd,SAAU,WACZ,EACA,SAAU,CACR,IAAK,qFACL,IAAK,sCACL,aAAc,qFACd,SAAU,WACZ,EACA,YAAa,CACX,IAAK,0FACL,IAAK,yCACL,aAAc,0FACd,SAAU,WACZ,EACA,MAAO,CACL,CACE,KAAM,oHACN,KAAM,MACN,KAAM,0CACR,EACA,CACE,KAAM,qHACN,KAAM,OACN,KAAM,qCACR,CACF,CACF,CACF,CACF,EAEaC,EAAkB,CAC7B,KAAM,CACJ,KAAM,CACJ,GAAGL,EACH,MAAOA,EAAY,MAAM,MAAM,EAAG,CAAC,CACrC,CACF,CACF,EAEaM,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,GAAGN,EACH,MAAO,CAACA,EAAY,MAAM,CAAC,CAAC,CAC9B,CACF,CACF,EAEaO,EAA0B,CACrC,KAAM,CACJ,KAAMP,EACN,UAAW,2BACb,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAiDT,CACF,CACF,CACF",
|
|
6
|
-
"names": ["ImageTextFeature", "meta", "imageTextFeature_stories_default", "defaultData", "Default", "ImageRight", "DarkTheme", "WithoutSubtitle", "TwoItems", "SingleItem", "WithCustomStyles"]
|
|
7
|
-
}
|