@anker-in/headless-ui 1.1.33 → 1.1.34-alpha.1768470531746
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 +3 -3
- package/dist/cjs/biz-components/ActiveShelf/index.d.ts +222 -0
- package/dist/cjs/biz-components/ActiveShelf/index.js +2 -0
- package/dist/cjs/biz-components/ActiveShelf/index.js.map +7 -0
- package/dist/cjs/biz-components/ActiveShelf/types.d.ts +22 -0
- package/dist/cjs/biz-components/ActiveShelf/types.js +2 -0
- package/dist/cjs/biz-components/ActiveShelf/types.js.map +7 -0
- package/dist/cjs/biz-components/AiuiProvider/index.d.ts +7 -0
- package/dist/cjs/biz-components/AiuiProvider/index.js +1 -1
- package/dist/cjs/biz-components/AiuiProvider/index.js.map +2 -2
- package/dist/cjs/biz-components/AnchorNavigation/index.d.ts +42 -0
- package/dist/cjs/biz-components/AnchorNavigation/index.js +2 -0
- package/dist/cjs/biz-components/AnchorNavigation/index.js.map +7 -0
- package/dist/cjs/biz-components/AnchorNavigation/useAnchorPosition.d.ts +2 -0
- package/dist/cjs/biz-components/AnchorNavigation/useAnchorPosition.js +2 -0
- package/dist/cjs/biz-components/AnchorNavigation/useAnchorPosition.js.map +7 -0
- package/dist/cjs/biz-components/AplusDesc/index.d.ts +3 -3
- package/dist/cjs/biz-components/BrandCardLink/BrandCardLink.d.ts +3 -3
- package/dist/cjs/biz-components/BrandCardLink/BrandCardLink.js +1 -1
- package/dist/cjs/biz-components/BrandCardLink/BrandCardLink.js.map +1 -1
- package/dist/cjs/biz-components/BrandEquity/BrandEquity.d.ts +3 -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/BuyOneGetOneShelf/ProductCard.d.ts +74 -0
- package/dist/cjs/biz-components/BuyOneGetOneShelf/ProductCard.js +2 -0
- package/dist/cjs/biz-components/BuyOneGetOneShelf/ProductCard.js.map +7 -0
- package/dist/cjs/biz-components/BuyOneGetOneShelf/hooks/useBogoDataTransform.d.ts +36 -0
- package/dist/cjs/biz-components/BuyOneGetOneShelf/hooks/useBogoDataTransform.js +2 -0
- package/dist/cjs/biz-components/BuyOneGetOneShelf/hooks/useBogoDataTransform.js.map +7 -0
- package/dist/cjs/biz-components/BuyOneGetOneShelf/index.d.ts +193 -0
- package/dist/cjs/biz-components/BuyOneGetOneShelf/index.js +2 -0
- package/dist/cjs/biz-components/BuyOneGetOneShelf/index.js.map +7 -0
- package/dist/cjs/biz-components/Category/index.d.ts +3 -3
- package/dist/cjs/biz-components/CreativeModule/index.d.ts +3 -3
- package/dist/cjs/biz-components/DownLoad/index.d.ts +3 -3
- package/dist/cjs/biz-components/Evaluate/index.d.ts +3 -3
- package/dist/cjs/biz-components/EventSchedule/index.d.ts +63 -0
- package/dist/cjs/biz-components/EventSchedule/index.js +2 -0
- package/dist/cjs/biz-components/EventSchedule/index.js.map +7 -0
- package/dist/cjs/biz-components/Faq/Faq.d.ts +3 -3
- package/dist/cjs/biz-components/FeatureCards/FeatureCards.d.ts +3 -3
- package/dist/cjs/biz-components/FeatureShowcase/FeatureShowcase.d.ts +3 -3
- package/dist/cjs/biz-components/Features/index.d.ts +3 -3
- package/dist/cjs/biz-components/FootCharger/index.d.ts +3 -3
- package/dist/cjs/biz-components/FooterNavigation/index.d.ts +3 -3
- package/dist/cjs/biz-components/GiftBox/index.d.ts +3 -3
- package/dist/cjs/biz-components/Graphic/index.d.ts +3 -3
- package/dist/cjs/biz-components/GraphicAttractionBlock/index.d.ts +3 -3
- package/dist/cjs/biz-components/GraphicMore/index.d.ts +3 -3
- package/dist/cjs/biz-components/GraphicOverlay/GraphicOverlay.d.ts +3 -3
- package/dist/cjs/biz-components/HeaderNavigation/MobileSidebarMenu.js +1 -1
- package/dist/cjs/biz-components/HeaderNavigation/MobileSidebarMenu.js.map +3 -3
- package/dist/cjs/biz-components/HeaderNavigation/SidebarDropdown.js +1 -1
- package/dist/cjs/biz-components/HeaderNavigation/SidebarDropdown.js.map +2 -2
- package/dist/cjs/biz-components/HeaderNavigation/index.d.ts +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 +6 -3
- 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/IPRedirect/RegionBanner.d.ts +37 -0
- package/dist/cjs/biz-components/IPRedirect/RegionBanner.js +60 -0
- package/dist/cjs/biz-components/IPRedirect/RegionBanner.js.map +7 -0
- package/dist/cjs/biz-components/IPRedirect/RegionSelectorModal.d.ts +47 -0
- package/dist/cjs/biz-components/IPRedirect/RegionSelectorModal.js +69 -0
- package/dist/cjs/biz-components/IPRedirect/RegionSelectorModal.js.map +7 -0
- package/dist/cjs/biz-components/IPRedirect/index.d.ts +9 -0
- package/dist/cjs/biz-components/IPRedirect/index.js +2 -0
- package/dist/cjs/biz-components/IPRedirect/index.js.map +7 -0
- package/dist/cjs/biz-components/IPRedirect/type.d.ts +36 -0
- package/dist/cjs/biz-components/IPRedirect/type.js +2 -0
- package/dist/cjs/biz-components/IPRedirect/type.js.map +7 -0
- package/dist/cjs/biz-components/IPRedirect/useAutoRedirect.d.ts +66 -0
- package/dist/cjs/biz-components/IPRedirect/useAutoRedirect.js +2 -0
- package/dist/cjs/biz-components/IPRedirect/useAutoRedirect.js.map +7 -0
- package/dist/cjs/biz-components/IPRedirect/useDetectedRegionRedirect.d.ts +51 -0
- package/dist/cjs/biz-components/IPRedirect/useDetectedRegionRedirect.js +2 -0
- package/dist/cjs/biz-components/IPRedirect/useDetectedRegionRedirect.js.map +7 -0
- package/dist/cjs/biz-components/IPRedirect/useIPRedirect.d.ts +42 -0
- package/dist/cjs/biz-components/IPRedirect/useIPRedirect.js +2 -0
- package/dist/cjs/biz-components/IPRedirect/useIPRedirect.js.map +7 -0
- package/dist/cjs/biz-components/IPRedirect/useRedirectBanner.d.ts +108 -0
- package/dist/cjs/biz-components/IPRedirect/useRedirectBanner.js +2 -0
- package/dist/cjs/biz-components/IPRedirect/useRedirectBanner.js.map +7 -0
- package/dist/cjs/biz-components/IPRedirect/useRegionRedirectManager.d.ts +152 -0
- package/dist/cjs/biz-components/IPRedirect/useRegionRedirectManager.js +2 -0
- package/dist/cjs/biz-components/IPRedirect/useRegionRedirectManager.js.map +7 -0
- package/dist/cjs/biz-components/IPRedirect/useSavedRegionRedirect.d.ts +51 -0
- package/dist/cjs/biz-components/IPRedirect/useSavedRegionRedirect.js +2 -0
- package/dist/cjs/biz-components/IPRedirect/useSavedRegionRedirect.js.map +7 -0
- package/dist/cjs/biz-components/IPRedirect/utils.d.ts +222 -0
- package/dist/cjs/biz-components/IPRedirect/utils.js +2 -0
- package/dist/cjs/biz-components/IPRedirect/utils.js.map +7 -0
- package/dist/cjs/biz-components/ImageOverlayShelf/index.d.ts +130 -0
- package/dist/cjs/biz-components/ImageOverlayShelf/index.js +2 -0
- package/dist/cjs/biz-components/ImageOverlayShelf/index.js.map +7 -0
- package/dist/cjs/biz-components/ImageTextFeature/ImageTextFeature.d.ts +3 -3
- package/dist/cjs/biz-components/ImageTextFeature/ImageTextFeature.js +1 -1
- package/dist/cjs/biz-components/ImageTextFeature/ImageTextFeature.js.map +3 -3
- package/dist/cjs/biz-components/ImageWithText/ImageWithText.d.ts +3 -3
- package/dist/cjs/biz-components/Ksp/index.d.ts +3 -3
- package/dist/cjs/biz-components/Listing/components/PaidShipping/index.d.ts +4 -4
- package/dist/cjs/biz-components/Listing/components/ProductCard/ProductDetail/BenefitsTab.d.ts +3 -3
- package/dist/cjs/biz-components/Listing/components/ProductCard/ProductDetail/ProductBundle/index.d.ts +3 -3
- package/dist/cjs/biz-components/Listing/components/ProductCard/ProductDetail/ProductExchangePurchase/index.d.ts +3 -3
- package/dist/cjs/biz-components/Listing/components/ProductCard/ProductDetail/ProductFreeGift/index.d.ts +3 -3
- package/dist/cjs/biz-components/Listing/components/ProductCard/ProductDetail/ProductHighlight/index.d.ts +3 -3
- package/dist/cjs/biz-components/Listing/components/ProductCard/ProductDetail/ProductOptions/index.d.ts +3 -3
- package/dist/cjs/biz-components/Listing/components/ProductCard/ProductGallery/index.d.ts +3 -3
- package/dist/cjs/biz-components/Listing/components/ProductCard/ProductSummary/index.d.ts +3 -3
- package/dist/cjs/biz-components/Listing/components/PurchaseBar/index.d.ts +3 -3
- package/dist/cjs/biz-components/Marquee/Marquee.d.ts +3 -3
- package/dist/cjs/biz-components/Marquee/Marquee.js +1 -1
- package/dist/cjs/biz-components/Marquee/Marquee.js.map +3 -3
- package/dist/cjs/biz-components/MarqueeReview/index.d.ts +3 -3
- package/dist/cjs/biz-components/Media/index.d.ts +32 -0
- package/dist/cjs/biz-components/Media/index.js +2 -0
- package/dist/cjs/biz-components/Media/index.js.map +7 -0
- package/dist/cjs/biz-components/MediaPlayerBase/index.d.ts +3 -3
- package/dist/cjs/biz-components/MediaPlayerMulti/index.d.ts +3 -3
- package/dist/cjs/biz-components/MediaPlayerSticky/index.d.ts +4 -4
- package/dist/cjs/biz-components/MediaPlayerSticky/types.d.ts +1 -0
- package/dist/cjs/biz-components/MediaPlayerSticky/types.js +1 -1
- package/dist/cjs/biz-components/MediaPlayerSticky/types.js.map +1 -1
- package/dist/cjs/biz-components/MediaSceneSwitcher/MediaSceneSwitcher.d.ts +3 -3
- package/dist/cjs/biz-components/MediaShelf/index.d.ts +216 -0
- package/dist/cjs/biz-components/MediaShelf/index.js +2 -0
- package/dist/cjs/biz-components/MediaShelf/index.js.map +7 -0
- package/dist/cjs/biz-components/MediaShelf/types.d.ts +22 -0
- package/dist/cjs/biz-components/MediaShelf/types.js +2 -0
- package/dist/cjs/biz-components/MediaShelf/types.js.map +7 -0
- package/dist/cjs/biz-components/MemberEquity/index.d.ts +3 -3
- package/dist/cjs/biz-components/MiniCart/index.d.ts +88 -0
- package/dist/cjs/biz-components/MiniCart/index.js +2 -0
- package/dist/cjs/biz-components/MiniCart/index.js.map +7 -0
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.d.ts +3 -3
- package/dist/cjs/biz-components/ProductCompare/index.d.ts +3 -3
- package/dist/cjs/biz-components/ProductHero/ProductHero.d.ts +3 -3
- package/dist/cjs/biz-components/ProductNav/ProductNav.d.ts +3 -3
- package/dist/cjs/biz-components/PromotionalBar/index.d.ts +49 -0
- package/dist/cjs/biz-components/PromotionalBar/index.js +2 -0
- package/dist/cjs/biz-components/PromotionalBar/index.js.map +7 -0
- package/dist/cjs/biz-components/SecondaryBanner/index.d.ts +69 -0
- package/dist/cjs/biz-components/SecondaryBanner/index.js +2 -0
- package/dist/cjs/biz-components/SecondaryBanner/index.js.map +7 -0
- package/dist/cjs/biz-components/SelectStore/index.d.ts +3 -3
- package/dist/cjs/biz-components/ShelfDisplay/index.d.ts +3 -3
- package/dist/cjs/biz-components/ShelfDisplay/shelfDisplay.d.ts +0 -11
- package/dist/cjs/biz-components/ShelfDisplay/shelfDisplay.js +1 -1
- package/dist/cjs/biz-components/ShelfDisplay/shelfDisplay.js.map +3 -3
- package/dist/cjs/biz-components/Slogan/index.d.ts +3 -3
- package/dist/cjs/biz-components/Spacer/index.d.ts +3 -3
- package/dist/cjs/biz-components/Specs/index.d.ts +3 -3
- package/dist/cjs/biz-components/Specs/index.js +1 -1
- package/dist/cjs/biz-components/Specs/index.js.map +2 -2
- package/dist/cjs/biz-components/SpecsComparison/SpecsComparison.d.ts +3 -3
- package/dist/cjs/biz-components/TabWithImage/TabWithImage.d.ts +3 -3
- package/dist/cjs/biz-components/Tabs/Tabs.d.ts +3 -3
- package/dist/cjs/biz-components/TabsGroup/index.d.ts +3 -3
- package/dist/cjs/biz-components/TabsWithMedia/TabsWithMedia.d.ts +3 -3
- package/dist/cjs/biz-components/ThreeDCarousel/ThreeDCarousel.d.ts +3 -3
- package/dist/cjs/biz-components/Title/Countdown.d.ts +14 -0
- package/dist/cjs/biz-components/Title/Countdown.js +2 -0
- package/dist/cjs/biz-components/Title/Countdown.js.map +7 -0
- package/dist/cjs/biz-components/Title/index.d.ts +3 -3
- 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 +55 -0
- 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/VideoFeature/VideoFeature.d.ts +3 -3
- package/dist/cjs/biz-components/WheelLottery/BaseModal.d.ts +55 -0
- package/dist/cjs/biz-components/WheelLottery/BaseModal.js +12 -0
- package/dist/cjs/biz-components/WheelLottery/BaseModal.js.map +7 -0
- package/dist/cjs/biz-components/WheelLottery/ChanceMethods.d.ts +30 -0
- package/dist/cjs/biz-components/WheelLottery/ChanceMethods.js +2 -0
- package/dist/cjs/biz-components/WheelLottery/ChanceMethods.js.map +7 -0
- package/dist/cjs/biz-components/WheelLottery/ErrorModal.d.ts +42 -0
- package/dist/cjs/biz-components/WheelLottery/ErrorModal.js +2 -0
- package/dist/cjs/biz-components/WheelLottery/ErrorModal.js.map +7 -0
- package/dist/cjs/biz-components/WheelLottery/MyRewardsModal.d.ts +91 -0
- package/dist/cjs/biz-components/WheelLottery/MyRewardsModal.js +2 -0
- package/dist/cjs/biz-components/WheelLottery/MyRewardsModal.js.map +7 -0
- package/dist/cjs/biz-components/WheelLottery/PrizePool.d.ts +26 -0
- package/dist/cjs/biz-components/WheelLottery/PrizePool.js +2 -0
- package/dist/cjs/biz-components/WheelLottery/PrizePool.js.map +7 -0
- package/dist/cjs/biz-components/WheelLottery/RulesModal.d.ts +43 -0
- package/dist/cjs/biz-components/WheelLottery/RulesModal.js +2 -0
- package/dist/cjs/biz-components/WheelLottery/RulesModal.js.map +7 -0
- package/dist/cjs/biz-components/WheelLottery/ShareModal.d.ts +74 -0
- package/dist/cjs/biz-components/WheelLottery/ShareModal.js +2 -0
- package/dist/cjs/biz-components/WheelLottery/ShareModal.js.map +7 -0
- package/dist/cjs/biz-components/WheelLottery/Wheel.d.ts +27 -0
- package/dist/cjs/biz-components/WheelLottery/Wheel.js +2 -0
- package/dist/cjs/biz-components/WheelLottery/Wheel.js.map +7 -0
- package/dist/cjs/biz-components/WheelLottery/WinnerModal.d.ts +25 -0
- package/dist/cjs/biz-components/WheelLottery/WinnerModal.js +2 -0
- package/dist/cjs/biz-components/WheelLottery/WinnerModal.js.map +7 -0
- package/dist/cjs/biz-components/WheelLottery/index.d.ts +52 -0
- package/dist/cjs/biz-components/WheelLottery/index.js +2 -0
- package/dist/cjs/biz-components/WheelLottery/index.js.map +7 -0
- package/dist/cjs/biz-components/WheelLottery/types.d.ts +1193 -0
- package/dist/cjs/biz-components/WheelLottery/types.js +2 -0
- package/dist/cjs/biz-components/WheelLottery/types.js.map +7 -0
- package/dist/cjs/biz-components/WhyChoose/WhyChoose.d.ts +3 -3
- package/dist/cjs/biz-components/index.d.ts +30 -2
- package/dist/cjs/biz-components/index.js +1 -1
- package/dist/cjs/biz-components/index.js.map +3 -3
- package/dist/cjs/components/badge.js +1 -1
- package/dist/cjs/components/badge.js.map +2 -2
- package/dist/cjs/components/index.d.ts +2 -0
- package/dist/cjs/components/index.js +1 -1
- package/dist/cjs/components/index.js.map +3 -3
- package/dist/cjs/components/paginator.d.ts +12 -0
- package/dist/cjs/components/paginator.js +7 -0
- package/dist/cjs/components/paginator.js.map +7 -0
- package/dist/cjs/components/progress.d.ts +46 -0
- package/dist/cjs/components/progress.js +2 -0
- package/dist/cjs/components/progress.js.map +7 -0
- package/dist/cjs/components/tabs.d.ts +2 -1
- package/dist/cjs/components/tabs.js +1 -1
- package/dist/cjs/components/tabs.js.map +2 -2
- package/dist/cjs/helpers/index.d.ts +1 -0
- package/dist/cjs/helpers/index.js +1 -1
- package/dist/cjs/helpers/index.js.map +3 -3
- package/dist/cjs/helpers/priceFormatting.d.ts +11 -0
- package/dist/cjs/helpers/priceFormatting.js +2 -0
- package/dist/cjs/helpers/priceFormatting.js.map +7 -0
- package/dist/cjs/shared/Styles.d.ts +5 -4
- package/dist/cjs/shared/Styles.js +1 -1
- package/dist/cjs/shared/Styles.js.map +3 -3
- package/dist/cjs/types/props.d.ts +0 -3
- 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 +3 -3
- package/dist/esm/biz-components/ActiveShelf/index.d.ts +222 -0
- package/dist/esm/biz-components/ActiveShelf/index.js +2 -0
- package/dist/esm/biz-components/ActiveShelf/index.js.map +7 -0
- package/dist/esm/biz-components/ActiveShelf/types.d.ts +22 -0
- package/dist/esm/biz-components/ActiveShelf/types.js +1 -0
- package/dist/esm/biz-components/ActiveShelf/types.js.map +7 -0
- package/dist/esm/biz-components/AiuiProvider/index.d.ts +7 -0
- package/dist/esm/biz-components/AiuiProvider/index.js +1 -1
- package/dist/esm/biz-components/AiuiProvider/index.js.map +2 -2
- package/dist/esm/biz-components/AnchorNavigation/index.d.ts +42 -0
- package/dist/esm/biz-components/AnchorNavigation/index.js +2 -0
- package/dist/esm/biz-components/AnchorNavigation/index.js.map +7 -0
- package/dist/esm/biz-components/AnchorNavigation/useAnchorPosition.d.ts +2 -0
- package/dist/esm/biz-components/AnchorNavigation/useAnchorPosition.js +2 -0
- package/dist/esm/biz-components/AnchorNavigation/useAnchorPosition.js.map +7 -0
- package/dist/esm/biz-components/AplusDesc/index.d.ts +3 -3
- package/dist/esm/biz-components/BrandCardLink/BrandCardLink.d.ts +3 -3
- package/dist/esm/biz-components/BrandCardLink/BrandCardLink.js +1 -1
- package/dist/esm/biz-components/BrandCardLink/BrandCardLink.js.map +1 -1
- package/dist/esm/biz-components/BrandEquity/BrandEquity.d.ts +3 -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/BuyOneGetOneShelf/ProductCard.d.ts +74 -0
- package/dist/esm/biz-components/BuyOneGetOneShelf/ProductCard.js +2 -0
- package/dist/esm/biz-components/BuyOneGetOneShelf/ProductCard.js.map +7 -0
- package/dist/esm/biz-components/BuyOneGetOneShelf/hooks/useBogoDataTransform.d.ts +36 -0
- package/dist/esm/biz-components/BuyOneGetOneShelf/hooks/useBogoDataTransform.js +2 -0
- package/dist/esm/biz-components/BuyOneGetOneShelf/hooks/useBogoDataTransform.js.map +7 -0
- package/dist/esm/biz-components/BuyOneGetOneShelf/index.d.ts +193 -0
- package/dist/esm/biz-components/BuyOneGetOneShelf/index.js +2 -0
- package/dist/esm/biz-components/BuyOneGetOneShelf/index.js.map +7 -0
- package/dist/esm/biz-components/Category/index.d.ts +3 -3
- package/dist/esm/biz-components/CreativeModule/index.d.ts +3 -3
- package/dist/esm/biz-components/DownLoad/index.d.ts +3 -3
- package/dist/esm/biz-components/Evaluate/index.d.ts +3 -3
- package/dist/esm/biz-components/EventSchedule/index.d.ts +63 -0
- package/dist/esm/biz-components/EventSchedule/index.js +2 -0
- package/dist/esm/biz-components/EventSchedule/index.js.map +7 -0
- package/dist/esm/biz-components/Faq/Faq.d.ts +3 -3
- package/dist/esm/biz-components/FeatureCards/FeatureCards.d.ts +3 -3
- package/dist/esm/biz-components/FeatureShowcase/FeatureShowcase.d.ts +3 -3
- package/dist/esm/biz-components/Features/index.d.ts +3 -3
- package/dist/esm/biz-components/FootCharger/index.d.ts +3 -3
- package/dist/esm/biz-components/FooterNavigation/index.d.ts +3 -3
- package/dist/esm/biz-components/GiftBox/index.d.ts +3 -3
- package/dist/esm/biz-components/Graphic/index.d.ts +3 -3
- package/dist/esm/biz-components/GraphicAttractionBlock/index.d.ts +3 -3
- package/dist/esm/biz-components/GraphicMore/index.d.ts +3 -3
- package/dist/esm/biz-components/GraphicOverlay/GraphicOverlay.d.ts +3 -3
- package/dist/esm/biz-components/HeaderNavigation/MobileSidebarMenu.js +1 -1
- package/dist/esm/biz-components/HeaderNavigation/MobileSidebarMenu.js.map +3 -3
- package/dist/esm/biz-components/HeaderNavigation/SidebarDropdown.js +1 -1
- package/dist/esm/biz-components/HeaderNavigation/SidebarDropdown.js.map +2 -2
- package/dist/esm/biz-components/HeaderNavigation/index.d.ts +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 +6 -3
- 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/IPRedirect/RegionBanner.d.ts +37 -0
- package/dist/esm/biz-components/IPRedirect/RegionBanner.js +60 -0
- package/dist/esm/biz-components/IPRedirect/RegionBanner.js.map +7 -0
- package/dist/esm/biz-components/IPRedirect/RegionSelectorModal.d.ts +47 -0
- package/dist/esm/biz-components/IPRedirect/RegionSelectorModal.js +69 -0
- package/dist/esm/biz-components/IPRedirect/RegionSelectorModal.js.map +7 -0
- package/dist/esm/biz-components/IPRedirect/index.d.ts +9 -0
- package/dist/esm/biz-components/IPRedirect/index.js +2 -0
- package/dist/esm/biz-components/IPRedirect/index.js.map +7 -0
- package/dist/esm/biz-components/IPRedirect/type.d.ts +36 -0
- package/dist/esm/biz-components/IPRedirect/type.js +1 -0
- package/dist/esm/biz-components/IPRedirect/type.js.map +7 -0
- package/dist/esm/biz-components/IPRedirect/useAutoRedirect.d.ts +66 -0
- package/dist/esm/biz-components/IPRedirect/useAutoRedirect.js +2 -0
- package/dist/esm/biz-components/IPRedirect/useAutoRedirect.js.map +7 -0
- package/dist/esm/biz-components/IPRedirect/useDetectedRegionRedirect.d.ts +51 -0
- package/dist/esm/biz-components/IPRedirect/useDetectedRegionRedirect.js +2 -0
- package/dist/esm/biz-components/IPRedirect/useDetectedRegionRedirect.js.map +7 -0
- package/dist/esm/biz-components/IPRedirect/useIPRedirect.d.ts +42 -0
- package/dist/esm/biz-components/IPRedirect/useIPRedirect.js +2 -0
- package/dist/esm/biz-components/IPRedirect/useIPRedirect.js.map +7 -0
- package/dist/esm/biz-components/IPRedirect/useRedirectBanner.d.ts +108 -0
- package/dist/esm/biz-components/IPRedirect/useRedirectBanner.js +2 -0
- package/dist/esm/biz-components/IPRedirect/useRedirectBanner.js.map +7 -0
- package/dist/esm/biz-components/IPRedirect/useRegionRedirectManager.d.ts +152 -0
- package/dist/esm/biz-components/IPRedirect/useRegionRedirectManager.js +2 -0
- package/dist/esm/biz-components/IPRedirect/useRegionRedirectManager.js.map +7 -0
- package/dist/esm/biz-components/IPRedirect/useSavedRegionRedirect.d.ts +51 -0
- package/dist/esm/biz-components/IPRedirect/useSavedRegionRedirect.js +2 -0
- package/dist/esm/biz-components/IPRedirect/useSavedRegionRedirect.js.map +7 -0
- package/dist/esm/biz-components/IPRedirect/utils.d.ts +222 -0
- package/dist/esm/biz-components/IPRedirect/utils.js +2 -0
- package/dist/esm/biz-components/IPRedirect/utils.js.map +7 -0
- package/dist/esm/biz-components/ImageOverlayShelf/index.d.ts +130 -0
- package/dist/esm/biz-components/ImageOverlayShelf/index.js +2 -0
- package/dist/esm/biz-components/ImageOverlayShelf/index.js.map +7 -0
- package/dist/esm/biz-components/ImageTextFeature/ImageTextFeature.d.ts +3 -3
- package/dist/esm/biz-components/ImageTextFeature/ImageTextFeature.js +1 -1
- package/dist/esm/biz-components/ImageTextFeature/ImageTextFeature.js.map +3 -3
- package/dist/esm/biz-components/ImageWithText/ImageWithText.d.ts +3 -3
- package/dist/esm/biz-components/Ksp/index.d.ts +3 -3
- package/dist/esm/biz-components/Listing/components/PaidShipping/index.d.ts +4 -4
- package/dist/esm/biz-components/Listing/components/ProductCard/ProductDetail/BenefitsTab.d.ts +3 -3
- package/dist/esm/biz-components/Listing/components/ProductCard/ProductDetail/ProductBundle/index.d.ts +3 -3
- package/dist/esm/biz-components/Listing/components/ProductCard/ProductDetail/ProductExchangePurchase/index.d.ts +3 -3
- package/dist/esm/biz-components/Listing/components/ProductCard/ProductDetail/ProductFreeGift/index.d.ts +3 -3
- package/dist/esm/biz-components/Listing/components/ProductCard/ProductDetail/ProductHighlight/index.d.ts +3 -3
- package/dist/esm/biz-components/Listing/components/ProductCard/ProductDetail/ProductOptions/index.d.ts +3 -3
- package/dist/esm/biz-components/Listing/components/ProductCard/ProductGallery/index.d.ts +3 -3
- package/dist/esm/biz-components/Listing/components/ProductCard/ProductSummary/index.d.ts +3 -3
- package/dist/esm/biz-components/Listing/components/PurchaseBar/index.d.ts +3 -3
- package/dist/esm/biz-components/Marquee/Marquee.d.ts +3 -3
- package/dist/esm/biz-components/Marquee/Marquee.js +1 -1
- package/dist/esm/biz-components/Marquee/Marquee.js.map +3 -3
- package/dist/esm/biz-components/MarqueeReview/index.d.ts +3 -3
- package/dist/esm/biz-components/Media/index.d.ts +32 -0
- package/dist/esm/biz-components/Media/index.js +2 -0
- package/dist/esm/biz-components/Media/index.js.map +7 -0
- package/dist/esm/biz-components/MediaPlayerBase/index.d.ts +3 -3
- package/dist/esm/biz-components/MediaPlayerMulti/index.d.ts +3 -3
- package/dist/esm/biz-components/MediaPlayerSticky/index.d.ts +4 -4
- package/dist/esm/biz-components/MediaPlayerSticky/types.d.ts +1 -0
- package/dist/esm/biz-components/MediaSceneSwitcher/MediaSceneSwitcher.d.ts +3 -3
- package/dist/esm/biz-components/MediaShelf/index.d.ts +216 -0
- package/dist/esm/biz-components/MediaShelf/index.js +2 -0
- package/dist/esm/biz-components/MediaShelf/index.js.map +7 -0
- package/dist/esm/biz-components/MediaShelf/types.d.ts +22 -0
- package/dist/esm/biz-components/MediaShelf/types.js +1 -0
- package/dist/esm/biz-components/MediaShelf/types.js.map +7 -0
- package/dist/esm/biz-components/MemberEquity/index.d.ts +3 -3
- package/dist/esm/biz-components/MiniCart/index.d.ts +88 -0
- package/dist/esm/biz-components/MiniCart/index.js +2 -0
- package/dist/esm/biz-components/MiniCart/index.js.map +7 -0
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.d.ts +3 -3
- package/dist/esm/biz-components/ProductCompare/index.d.ts +3 -3
- package/dist/esm/biz-components/ProductHero/ProductHero.d.ts +3 -3
- package/dist/esm/biz-components/ProductNav/ProductNav.d.ts +3 -3
- package/dist/esm/biz-components/PromotionalBar/index.d.ts +49 -0
- package/dist/esm/biz-components/PromotionalBar/index.js +2 -0
- package/dist/esm/biz-components/PromotionalBar/index.js.map +7 -0
- package/dist/esm/biz-components/SecondaryBanner/index.d.ts +69 -0
- package/dist/esm/biz-components/SecondaryBanner/index.js +2 -0
- package/dist/esm/biz-components/SecondaryBanner/index.js.map +7 -0
- package/dist/esm/biz-components/SelectStore/index.d.ts +3 -3
- package/dist/esm/biz-components/ShelfDisplay/index.d.ts +3 -3
- package/dist/esm/biz-components/ShelfDisplay/shelfDisplay.d.ts +0 -11
- package/dist/esm/biz-components/ShelfDisplay/shelfDisplay.js +1 -1
- package/dist/esm/biz-components/ShelfDisplay/shelfDisplay.js.map +3 -3
- package/dist/esm/biz-components/Slogan/index.d.ts +3 -3
- package/dist/esm/biz-components/Spacer/index.d.ts +3 -3
- package/dist/esm/biz-components/Specs/index.d.ts +3 -3
- package/dist/esm/biz-components/Specs/index.js +1 -1
- package/dist/esm/biz-components/Specs/index.js.map +2 -2
- package/dist/esm/biz-components/SpecsComparison/SpecsComparison.d.ts +3 -3
- package/dist/esm/biz-components/TabWithImage/TabWithImage.d.ts +3 -3
- package/dist/esm/biz-components/Tabs/Tabs.d.ts +3 -3
- package/dist/esm/biz-components/TabsGroup/index.d.ts +3 -3
- package/dist/esm/biz-components/TabsWithMedia/TabsWithMedia.d.ts +3 -3
- package/dist/esm/biz-components/ThreeDCarousel/ThreeDCarousel.d.ts +3 -3
- package/dist/esm/biz-components/Title/Countdown.d.ts +14 -0
- package/dist/esm/biz-components/Title/Countdown.js +2 -0
- package/dist/esm/biz-components/Title/Countdown.js.map +7 -0
- package/dist/esm/biz-components/Title/index.d.ts +3 -3
- 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 +55 -0
- package/dist/esm/biz-components/VideoFeature/VideoFeature.d.ts +3 -3
- package/dist/esm/biz-components/WheelLottery/BaseModal.d.ts +55 -0
- package/dist/esm/biz-components/WheelLottery/BaseModal.js +12 -0
- package/dist/esm/biz-components/WheelLottery/BaseModal.js.map +7 -0
- package/dist/esm/biz-components/WheelLottery/ChanceMethods.d.ts +30 -0
- package/dist/esm/biz-components/WheelLottery/ChanceMethods.js +2 -0
- package/dist/esm/biz-components/WheelLottery/ChanceMethods.js.map +7 -0
- package/dist/esm/biz-components/WheelLottery/ErrorModal.d.ts +42 -0
- package/dist/esm/biz-components/WheelLottery/ErrorModal.js +2 -0
- package/dist/esm/biz-components/WheelLottery/ErrorModal.js.map +7 -0
- package/dist/esm/biz-components/WheelLottery/MyRewardsModal.d.ts +91 -0
- package/dist/esm/biz-components/WheelLottery/MyRewardsModal.js +2 -0
- package/dist/esm/biz-components/WheelLottery/MyRewardsModal.js.map +7 -0
- package/dist/esm/biz-components/WheelLottery/PrizePool.d.ts +26 -0
- package/dist/esm/biz-components/WheelLottery/PrizePool.js +2 -0
- package/dist/esm/biz-components/WheelLottery/PrizePool.js.map +7 -0
- package/dist/esm/biz-components/WheelLottery/RulesModal.d.ts +43 -0
- package/dist/esm/biz-components/WheelLottery/RulesModal.js +2 -0
- package/dist/esm/biz-components/WheelLottery/RulesModal.js.map +7 -0
- package/dist/esm/biz-components/WheelLottery/ShareModal.d.ts +74 -0
- package/dist/esm/biz-components/WheelLottery/ShareModal.js +2 -0
- package/dist/esm/biz-components/WheelLottery/ShareModal.js.map +7 -0
- package/dist/esm/biz-components/WheelLottery/Wheel.d.ts +27 -0
- package/dist/esm/biz-components/WheelLottery/Wheel.js +2 -0
- package/dist/esm/biz-components/WheelLottery/Wheel.js.map +7 -0
- package/dist/esm/biz-components/WheelLottery/WinnerModal.d.ts +25 -0
- package/dist/esm/biz-components/WheelLottery/WinnerModal.js +2 -0
- package/dist/esm/biz-components/WheelLottery/WinnerModal.js.map +7 -0
- package/dist/esm/biz-components/WheelLottery/index.d.ts +52 -0
- package/dist/esm/biz-components/WheelLottery/index.js +2 -0
- package/dist/esm/biz-components/WheelLottery/index.js.map +7 -0
- package/dist/esm/biz-components/WheelLottery/types.d.ts +1193 -0
- package/dist/esm/biz-components/WheelLottery/types.js +2 -0
- package/dist/esm/biz-components/WheelLottery/types.js.map +7 -0
- package/dist/esm/biz-components/WhyChoose/WhyChoose.d.ts +3 -3
- package/dist/esm/biz-components/index.d.ts +30 -2
- package/dist/esm/biz-components/index.js +1 -1
- package/dist/esm/biz-components/index.js.map +3 -3
- package/dist/esm/components/badge.js +1 -1
- package/dist/esm/components/badge.js.map +2 -2
- package/dist/esm/components/index.d.ts +2 -0
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/index.js.map +2 -2
- package/dist/esm/components/paginator.d.ts +12 -0
- package/dist/esm/components/paginator.js +7 -0
- package/dist/esm/components/paginator.js.map +7 -0
- package/dist/esm/components/progress.d.ts +46 -0
- package/dist/esm/components/progress.js +2 -0
- package/dist/esm/components/progress.js.map +7 -0
- package/dist/esm/components/tabs.d.ts +2 -1
- package/dist/esm/components/tabs.js +1 -1
- package/dist/esm/components/tabs.js.map +2 -2
- package/dist/esm/helpers/index.d.ts +1 -0
- package/dist/esm/helpers/index.js +1 -1
- package/dist/esm/helpers/index.js.map +3 -3
- package/dist/esm/helpers/priceFormatting.d.ts +11 -0
- package/dist/esm/helpers/priceFormatting.js +2 -0
- package/dist/esm/helpers/priceFormatting.js.map +7 -0
- package/dist/esm/shared/Styles.d.ts +5 -4
- package/dist/esm/shared/Styles.js +1 -1
- package/dist/esm/shared/Styles.js.map +3 -3
- package/dist/esm/types/props.d.ts +0 -3
- package/dist/tokens/anker.css +1 -0
- package/dist/tokens/base.css +12 -3
- package/dist/tokens/eufy.css +1 -0
- package/dist/tokens/solix.css +1 -0
- package/dist/tokens/soundcore.css +4 -3
- package/package.json +8 -3
- package/style.css +4929 -121
- package/tailwind.config.js +20 -2
- package/dist/cjs/stories/HeroBanner.stories.d.ts +0 -28
- package/dist/cjs/stories/HeroBanner.stories.js +0 -11
- package/dist/cjs/stories/HeroBanner.stories.js.map +0 -7
- package/dist/cjs/stories/InlineVideo.stories.d.ts +0 -37
- 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.d.ts +0 -72
- 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.d.ts +0 -47
- package/dist/cjs/stories/MediaSceneSwitcher.stories.js +0 -2
- package/dist/cjs/stories/MediaSceneSwitcher.stories.js.map +0 -7
- package/dist/cjs/stories/MemberEquity.stories.d.ts +0 -9
- package/dist/cjs/stories/MemberEquity.stories.js +0 -31
- package/dist/cjs/stories/MemberEquity.stories.js.map +0 -7
- package/dist/cjs/stories/MultiLayoutGraphicBlock.stories.d.ts +0 -9
- package/dist/cjs/stories/MultiLayoutGraphicBlock.stories.js +0 -2
- package/dist/cjs/stories/MultiLayoutGraphicBlock.stories.js.map +0 -7
- package/dist/cjs/stories/ProductNav.stories.d.ts +0 -55
- 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.d.ts +0 -27
- package/dist/cjs/stories/ThreeDCarousel.stories.js +0 -118
- package/dist/cjs/stories/ThreeDCarousel.stories.js.map +0 -7
- package/dist/cjs/stories/accordionCards.stories.d.ts +0 -38
- package/dist/cjs/stories/accordionCards.stories.js +0 -2
- package/dist/cjs/stories/accordionCards.stories.js.map +0 -7
- package/dist/cjs/stories/alert.stories.d.ts +0 -27
- package/dist/cjs/stories/alert.stories.js +0 -2
- package/dist/cjs/stories/alert.stories.js.map +0 -7
- package/dist/cjs/stories/avatar.stories.d.ts +0 -39
- package/dist/cjs/stories/avatar.stories.js +0 -2
- package/dist/cjs/stories/avatar.stories.js.map +0 -7
- package/dist/cjs/stories/badge.stories.d.ts +0 -96
- package/dist/cjs/stories/badge.stories.js +0 -2
- package/dist/cjs/stories/badge.stories.js.map +0 -7
- package/dist/cjs/stories/bizTabs.stories.d.ts +0 -7
- package/dist/cjs/stories/bizTabs.stories.js +0 -2
- package/dist/cjs/stories/bizTabs.stories.js.map +0 -7
- package/dist/cjs/stories/board.stories.d.ts +0 -6
- package/dist/cjs/stories/board.stories.js +0 -2
- package/dist/cjs/stories/board.stories.js.map +0 -7
- package/dist/cjs/stories/brandEquity.stories.d.ts +0 -16
- package/dist/cjs/stories/brandEquity.stories.js +0 -2
- package/dist/cjs/stories/brandEquity.stories.js.map +0 -7
- package/dist/cjs/stories/brandStrip.stories.d.ts +0 -12
- package/dist/cjs/stories/brandStrip.stories.js +0 -2
- package/dist/cjs/stories/brandStrip.stories.js.map +0 -7
- package/dist/cjs/stories/button.stories.d.ts +0 -56
- package/dist/cjs/stories/button.stories.js +0 -2
- package/dist/cjs/stories/button.stories.js.map +0 -7
- package/dist/cjs/stories/card.stories.d.ts +0 -27
- package/dist/cjs/stories/card.stories.js +0 -2
- package/dist/cjs/stories/card.stories.js.map +0 -7
- package/dist/cjs/stories/carousel.stories.d.ts +0 -8
- package/dist/cjs/stories/carousel.stories.js +0 -2
- package/dist/cjs/stories/carousel.stories.js.map +0 -7
- package/dist/cjs/stories/category.stories.d.ts +0 -17
- package/dist/cjs/stories/category.stories.js +0 -2
- package/dist/cjs/stories/category.stories.js.map +0 -7
- package/dist/cjs/stories/checkbox.stories.d.ts +0 -46
- package/dist/cjs/stories/checkbox.stories.js +0 -2
- package/dist/cjs/stories/checkbox.stories.js.map +0 -7
- package/dist/cjs/stories/container.stories.d.ts +0 -28
- package/dist/cjs/stories/container.stories.js +0 -15
- package/dist/cjs/stories/container.stories.js.map +0 -7
- package/dist/cjs/stories/cpnBanner.stories.d.ts +0 -14
- package/dist/cjs/stories/cpnBanner.stories.js +0 -2
- package/dist/cjs/stories/cpnBanner.stories.js.map +0 -7
- package/dist/cjs/stories/cpnCountdown.stories.d.ts +0 -12
- package/dist/cjs/stories/cpnCountdown.stories.js +0 -2
- package/dist/cjs/stories/cpnCountdown.stories.js.map +0 -7
- package/dist/cjs/stories/cpnNavigation.stories.d.ts +0 -14
- package/dist/cjs/stories/cpnNavigation.stories.js +0 -2
- package/dist/cjs/stories/cpnNavigation.stories.js.map +0 -7
- package/dist/cjs/stories/cpnProductcard.stories.d.ts +0 -14
- package/dist/cjs/stories/cpnProductcard.stories.js +0 -2
- package/dist/cjs/stories/cpnProductcard.stories.js.map +0 -7
- package/dist/cjs/stories/cpnTitle.stories.d.ts +0 -14
- package/dist/cjs/stories/cpnTitle.stories.js +0 -2
- package/dist/cjs/stories/cpnTitle.stories.js.map +0 -7
- package/dist/cjs/stories/creativeModule.stories.d.ts +0 -19
- package/dist/cjs/stories/creativeModule.stories.js +0 -2
- package/dist/cjs/stories/creativeModule.stories.js.map +0 -7
- package/dist/cjs/stories/dialog.stories.d.ts +0 -20
- package/dist/cjs/stories/dialog.stories.js +0 -2
- package/dist/cjs/stories/dialog.stories.js.map +0 -7
- package/dist/cjs/stories/drawer.stories.d.ts +0 -20
- package/dist/cjs/stories/drawer.stories.js +0 -2
- package/dist/cjs/stories/drawer.stories.js.map +0 -7
- package/dist/cjs/stories/drop-down.stories.d.ts +0 -16
- package/dist/cjs/stories/drop-down.stories.js +0 -2
- package/dist/cjs/stories/drop-down.stories.js.map +0 -7
- package/dist/cjs/stories/evaluate.stories.d.ts +0 -16
- package/dist/cjs/stories/evaluate.stories.js +0 -2
- package/dist/cjs/stories/evaluate.stories.js.map +0 -7
- package/dist/cjs/stories/faq.stories.d.ts +0 -21
- package/dist/cjs/stories/faq.stories.js +0 -2
- package/dist/cjs/stories/faq.stories.js.map +0 -7
- package/dist/cjs/stories/featureCards.stories.d.ts +0 -30
- 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.d.ts +0 -29
- package/dist/cjs/stories/featureShowcase.stories.js +0 -44
- package/dist/cjs/stories/featureShowcase.stories.js.map +0 -7
- package/dist/cjs/stories/graphic.stories.d.ts +0 -64
- package/dist/cjs/stories/graphic.stories.js +0 -2
- package/dist/cjs/stories/graphic.stories.js.map +0 -7
- package/dist/cjs/stories/graphicAttractionBlock.stories.d.ts +0 -6
- package/dist/cjs/stories/graphicAttractionBlock.stories.js +0 -2
- package/dist/cjs/stories/graphicAttractionBlock.stories.js.map +0 -7
- package/dist/cjs/stories/grid.stories.d.ts +0 -22
- package/dist/cjs/stories/grid.stories.js +0 -13
- package/dist/cjs/stories/grid.stories.js.map +0 -7
- package/dist/cjs/stories/heading.stories.d.ts +0 -84
- package/dist/cjs/stories/heading.stories.js +0 -15
- package/dist/cjs/stories/heading.stories.js.map +0 -7
- package/dist/cjs/stories/imageTextFeature.stories.d.ts +0 -28
- 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.d.ts +0 -51
- package/dist/cjs/stories/imageWithText.stories.js +0 -84
- package/dist/cjs/stories/imageWithText.stories.js.map +0 -7
- package/dist/cjs/stories/input-number.stories.d.ts +0 -39
- package/dist/cjs/stories/input-number.stories.js +0 -2
- package/dist/cjs/stories/input-number.stories.js.map +0 -7
- package/dist/cjs/stories/input.stories.d.ts +0 -35
- package/dist/cjs/stories/input.stories.js +0 -2
- package/dist/cjs/stories/input.stories.js.map +0 -7
- package/dist/cjs/stories/ksp.stories.d.ts +0 -63
- package/dist/cjs/stories/ksp.stories.js +0 -128
- package/dist/cjs/stories/ksp.stories.js.map +0 -7
- package/dist/cjs/stories/link.stories.d.ts +0 -69
- package/dist/cjs/stories/link.stories.js +0 -2
- package/dist/cjs/stories/link.stories.js.map +0 -7
- package/dist/cjs/stories/marquee.stories.d.ts +0 -30
- package/dist/cjs/stories/marquee.stories.js +0 -2
- package/dist/cjs/stories/marquee.stories.js.map +0 -7
- package/dist/cjs/stories/mediaplayerBase.stories.d.ts +0 -6
- package/dist/cjs/stories/mediaplayerBase.stories.js +0 -2
- package/dist/cjs/stories/mediaplayerBase.stories.js.map +0 -7
- package/dist/cjs/stories/mediaplayerMulti.stories.d.ts +0 -16
- package/dist/cjs/stories/mediaplayerMulti.stories.js +0 -2
- package/dist/cjs/stories/mediaplayerMulti.stories.js.map +0 -7
- package/dist/cjs/stories/picture.stories.d.ts +0 -23
- package/dist/cjs/stories/picture.stories.js +0 -9
- package/dist/cjs/stories/picture.stories.js.map +0 -7
- package/dist/cjs/stories/popover.stories.d.ts +0 -17
- package/dist/cjs/stories/popover.stories.js +0 -2
- package/dist/cjs/stories/popover.stories.js.map +0 -7
- package/dist/cjs/stories/productCompare.stories.d.ts +0 -54
- 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.d.ts +0 -29
- package/dist/cjs/stories/productHero.stories.js +0 -50
- package/dist/cjs/stories/productHero.stories.js.map +0 -7
- package/dist/cjs/stories/radio.stories.d.ts +0 -39
- package/dist/cjs/stories/radio.stories.js +0 -2
- package/dist/cjs/stories/radio.stories.js.map +0 -7
- package/dist/cjs/stories/shelfDisplay.stories.d.ts +0 -16
- package/dist/cjs/stories/shelfDisplay.stories.js +0 -2
- package/dist/cjs/stories/shelfDisplay.stories.js.map +0 -7
- package/dist/cjs/stories/skeleton.stories.d.ts +0 -20
- package/dist/cjs/stories/skeleton.stories.js +0 -2
- package/dist/cjs/stories/skeleton.stories.js.map +0 -7
- package/dist/cjs/stories/slogan.stories.d.ts +0 -20
- package/dist/cjs/stories/slogan.stories.js +0 -6
- package/dist/cjs/stories/slogan.stories.js.map +0 -7
- package/dist/cjs/stories/specs.stories.d.ts +0 -13
- package/dist/cjs/stories/specs.stories.js +0 -57
- package/dist/cjs/stories/specs.stories.js.map +0 -7
- package/dist/cjs/stories/specsComparison.stories.d.ts +0 -28
- package/dist/cjs/stories/specsComparison.stories.js +0 -105
- package/dist/cjs/stories/specsComparison.stories.js.map +0 -7
- package/dist/cjs/stories/tabWithImage.stories.d.ts +0 -28
- package/dist/cjs/stories/tabWithImage.stories.js +0 -53
- package/dist/cjs/stories/tabWithImage.stories.js.map +0 -7
- package/dist/cjs/stories/tabs.stories.d.ts +0 -373
- package/dist/cjs/stories/tabs.stories.js +0 -2
- package/dist/cjs/stories/tabs.stories.js.map +0 -7
- package/dist/cjs/stories/tabsWithMedia.stories.d.ts +0 -28
- package/dist/cjs/stories/tabsWithMedia.stories.js +0 -68
- package/dist/cjs/stories/tabsWithMedia.stories.js.map +0 -7
- package/dist/cjs/stories/text.stories.d.ts +0 -86
- package/dist/cjs/stories/text.stories.js +0 -21
- package/dist/cjs/stories/text.stories.js.map +0 -7
- package/dist/cjs/stories/videoFeature.stories.d.ts +0 -29
- package/dist/cjs/stories/videoFeature.stories.js +0 -56
- package/dist/cjs/stories/videoFeature.stories.js.map +0 -7
- package/dist/cjs/stories/whychoose.stories.d.ts +0 -21
- package/dist/cjs/stories/whychoose.stories.js +0 -2
- package/dist/cjs/stories/whychoose.stories.js.map +0 -7
- package/dist/esm/stories/HeroBanner.stories.d.ts +0 -28
- package/dist/esm/stories/HeroBanner.stories.js +0 -11
- package/dist/esm/stories/HeroBanner.stories.js.map +0 -7
- package/dist/esm/stories/InlineVideo.stories.d.ts +0 -37
- 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.d.ts +0 -72
- 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.d.ts +0 -47
- package/dist/esm/stories/MediaSceneSwitcher.stories.js +0 -2
- package/dist/esm/stories/MediaSceneSwitcher.stories.js.map +0 -7
- package/dist/esm/stories/MemberEquity.stories.d.ts +0 -9
- package/dist/esm/stories/MemberEquity.stories.js +0 -31
- package/dist/esm/stories/MemberEquity.stories.js.map +0 -7
- package/dist/esm/stories/MultiLayoutGraphicBlock.stories.d.ts +0 -9
- package/dist/esm/stories/MultiLayoutGraphicBlock.stories.js +0 -2
- package/dist/esm/stories/MultiLayoutGraphicBlock.stories.js.map +0 -7
- package/dist/esm/stories/ProductNav.stories.d.ts +0 -55
- 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.d.ts +0 -27
- package/dist/esm/stories/ThreeDCarousel.stories.js +0 -118
- package/dist/esm/stories/ThreeDCarousel.stories.js.map +0 -7
- package/dist/esm/stories/accordionCards.stories.d.ts +0 -38
- package/dist/esm/stories/accordionCards.stories.js +0 -2
- package/dist/esm/stories/accordionCards.stories.js.map +0 -7
- package/dist/esm/stories/alert.stories.d.ts +0 -27
- package/dist/esm/stories/alert.stories.js +0 -2
- package/dist/esm/stories/alert.stories.js.map +0 -7
- package/dist/esm/stories/avatar.stories.d.ts +0 -39
- package/dist/esm/stories/avatar.stories.js +0 -2
- package/dist/esm/stories/avatar.stories.js.map +0 -7
- package/dist/esm/stories/badge.stories.d.ts +0 -96
- package/dist/esm/stories/badge.stories.js +0 -2
- package/dist/esm/stories/badge.stories.js.map +0 -7
- package/dist/esm/stories/bizTabs.stories.d.ts +0 -7
- package/dist/esm/stories/bizTabs.stories.js +0 -2
- package/dist/esm/stories/bizTabs.stories.js.map +0 -7
- package/dist/esm/stories/board.stories.d.ts +0 -6
- package/dist/esm/stories/board.stories.js +0 -2
- package/dist/esm/stories/board.stories.js.map +0 -7
- package/dist/esm/stories/brandEquity.stories.d.ts +0 -16
- package/dist/esm/stories/brandEquity.stories.js +0 -2
- package/dist/esm/stories/brandEquity.stories.js.map +0 -7
- package/dist/esm/stories/brandStrip.stories.d.ts +0 -12
- package/dist/esm/stories/brandStrip.stories.js +0 -2
- package/dist/esm/stories/brandStrip.stories.js.map +0 -7
- package/dist/esm/stories/button.stories.d.ts +0 -56
- package/dist/esm/stories/button.stories.js +0 -2
- package/dist/esm/stories/button.stories.js.map +0 -7
- package/dist/esm/stories/card.stories.d.ts +0 -27
- package/dist/esm/stories/card.stories.js +0 -2
- package/dist/esm/stories/card.stories.js.map +0 -7
- package/dist/esm/stories/carousel.stories.d.ts +0 -8
- package/dist/esm/stories/carousel.stories.js +0 -2
- package/dist/esm/stories/carousel.stories.js.map +0 -7
- package/dist/esm/stories/category.stories.d.ts +0 -17
- package/dist/esm/stories/category.stories.js +0 -2
- package/dist/esm/stories/category.stories.js.map +0 -7
- package/dist/esm/stories/checkbox.stories.d.ts +0 -46
- package/dist/esm/stories/checkbox.stories.js +0 -2
- package/dist/esm/stories/checkbox.stories.js.map +0 -7
- package/dist/esm/stories/container.stories.d.ts +0 -28
- package/dist/esm/stories/container.stories.js +0 -15
- package/dist/esm/stories/container.stories.js.map +0 -7
- package/dist/esm/stories/cpnBanner.stories.d.ts +0 -14
- package/dist/esm/stories/cpnBanner.stories.js +0 -2
- package/dist/esm/stories/cpnBanner.stories.js.map +0 -7
- package/dist/esm/stories/cpnCountdown.stories.d.ts +0 -12
- package/dist/esm/stories/cpnCountdown.stories.js +0 -2
- package/dist/esm/stories/cpnCountdown.stories.js.map +0 -7
- package/dist/esm/stories/cpnNavigation.stories.d.ts +0 -14
- package/dist/esm/stories/cpnNavigation.stories.js +0 -2
- package/dist/esm/stories/cpnNavigation.stories.js.map +0 -7
- package/dist/esm/stories/cpnProductcard.stories.d.ts +0 -14
- package/dist/esm/stories/cpnProductcard.stories.js +0 -2
- package/dist/esm/stories/cpnProductcard.stories.js.map +0 -7
- package/dist/esm/stories/cpnTitle.stories.d.ts +0 -14
- package/dist/esm/stories/cpnTitle.stories.js +0 -2
- package/dist/esm/stories/cpnTitle.stories.js.map +0 -7
- package/dist/esm/stories/creativeModule.stories.d.ts +0 -19
- package/dist/esm/stories/creativeModule.stories.js +0 -2
- package/dist/esm/stories/creativeModule.stories.js.map +0 -7
- package/dist/esm/stories/dialog.stories.d.ts +0 -20
- package/dist/esm/stories/dialog.stories.js +0 -2
- package/dist/esm/stories/dialog.stories.js.map +0 -7
- package/dist/esm/stories/drawer.stories.d.ts +0 -20
- package/dist/esm/stories/drawer.stories.js +0 -2
- package/dist/esm/stories/drawer.stories.js.map +0 -7
- package/dist/esm/stories/drop-down.stories.d.ts +0 -16
- package/dist/esm/stories/drop-down.stories.js +0 -2
- package/dist/esm/stories/drop-down.stories.js.map +0 -7
- package/dist/esm/stories/evaluate.stories.d.ts +0 -16
- package/dist/esm/stories/evaluate.stories.js +0 -2
- package/dist/esm/stories/evaluate.stories.js.map +0 -7
- package/dist/esm/stories/faq.stories.d.ts +0 -21
- package/dist/esm/stories/faq.stories.js +0 -2
- package/dist/esm/stories/faq.stories.js.map +0 -7
- package/dist/esm/stories/featureCards.stories.d.ts +0 -30
- 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.d.ts +0 -29
- package/dist/esm/stories/featureShowcase.stories.js +0 -44
- package/dist/esm/stories/featureShowcase.stories.js.map +0 -7
- package/dist/esm/stories/graphic.stories.d.ts +0 -64
- package/dist/esm/stories/graphic.stories.js +0 -2
- package/dist/esm/stories/graphic.stories.js.map +0 -7
- package/dist/esm/stories/graphicAttractionBlock.stories.d.ts +0 -6
- package/dist/esm/stories/graphicAttractionBlock.stories.js +0 -2
- package/dist/esm/stories/graphicAttractionBlock.stories.js.map +0 -7
- package/dist/esm/stories/grid.stories.d.ts +0 -22
- package/dist/esm/stories/grid.stories.js +0 -13
- package/dist/esm/stories/grid.stories.js.map +0 -7
- package/dist/esm/stories/heading.stories.d.ts +0 -84
- package/dist/esm/stories/heading.stories.js +0 -15
- package/dist/esm/stories/heading.stories.js.map +0 -7
- package/dist/esm/stories/imageTextFeature.stories.d.ts +0 -28
- 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.d.ts +0 -51
- package/dist/esm/stories/imageWithText.stories.js +0 -84
- package/dist/esm/stories/imageWithText.stories.js.map +0 -7
- package/dist/esm/stories/input-number.stories.d.ts +0 -39
- package/dist/esm/stories/input-number.stories.js +0 -2
- package/dist/esm/stories/input-number.stories.js.map +0 -7
- package/dist/esm/stories/input.stories.d.ts +0 -35
- package/dist/esm/stories/input.stories.js +0 -2
- package/dist/esm/stories/input.stories.js.map +0 -7
- package/dist/esm/stories/ksp.stories.d.ts +0 -63
- package/dist/esm/stories/ksp.stories.js +0 -128
- package/dist/esm/stories/ksp.stories.js.map +0 -7
- package/dist/esm/stories/link.stories.d.ts +0 -69
- package/dist/esm/stories/link.stories.js +0 -2
- package/dist/esm/stories/link.stories.js.map +0 -7
- package/dist/esm/stories/marquee.stories.d.ts +0 -30
- package/dist/esm/stories/marquee.stories.js +0 -2
- package/dist/esm/stories/marquee.stories.js.map +0 -7
- package/dist/esm/stories/mediaplayerBase.stories.d.ts +0 -6
- package/dist/esm/stories/mediaplayerBase.stories.js +0 -2
- package/dist/esm/stories/mediaplayerBase.stories.js.map +0 -7
- package/dist/esm/stories/mediaplayerMulti.stories.d.ts +0 -16
- package/dist/esm/stories/mediaplayerMulti.stories.js +0 -2
- package/dist/esm/stories/mediaplayerMulti.stories.js.map +0 -7
- package/dist/esm/stories/picture.stories.d.ts +0 -23
- package/dist/esm/stories/picture.stories.js +0 -9
- package/dist/esm/stories/picture.stories.js.map +0 -7
- package/dist/esm/stories/popover.stories.d.ts +0 -17
- package/dist/esm/stories/popover.stories.js +0 -2
- package/dist/esm/stories/popover.stories.js.map +0 -7
- package/dist/esm/stories/productCompare.stories.d.ts +0 -54
- 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.d.ts +0 -29
- package/dist/esm/stories/productHero.stories.js +0 -50
- package/dist/esm/stories/productHero.stories.js.map +0 -7
- package/dist/esm/stories/radio.stories.d.ts +0 -39
- package/dist/esm/stories/radio.stories.js +0 -2
- package/dist/esm/stories/radio.stories.js.map +0 -7
- package/dist/esm/stories/shelfDisplay.stories.d.ts +0 -16
- package/dist/esm/stories/shelfDisplay.stories.js +0 -2
- package/dist/esm/stories/shelfDisplay.stories.js.map +0 -7
- package/dist/esm/stories/skeleton.stories.d.ts +0 -20
- package/dist/esm/stories/skeleton.stories.js +0 -2
- package/dist/esm/stories/skeleton.stories.js.map +0 -7
- package/dist/esm/stories/slogan.stories.d.ts +0 -20
- package/dist/esm/stories/slogan.stories.js +0 -6
- package/dist/esm/stories/slogan.stories.js.map +0 -7
- package/dist/esm/stories/specs.stories.d.ts +0 -13
- package/dist/esm/stories/specs.stories.js +0 -57
- package/dist/esm/stories/specs.stories.js.map +0 -7
- package/dist/esm/stories/specsComparison.stories.d.ts +0 -28
- package/dist/esm/stories/specsComparison.stories.js +0 -105
- package/dist/esm/stories/specsComparison.stories.js.map +0 -7
- package/dist/esm/stories/tabWithImage.stories.d.ts +0 -28
- package/dist/esm/stories/tabWithImage.stories.js +0 -53
- package/dist/esm/stories/tabWithImage.stories.js.map +0 -7
- package/dist/esm/stories/tabs.stories.d.ts +0 -373
- package/dist/esm/stories/tabs.stories.js +0 -2
- package/dist/esm/stories/tabs.stories.js.map +0 -7
- package/dist/esm/stories/tabsWithMedia.stories.d.ts +0 -28
- package/dist/esm/stories/tabsWithMedia.stories.js +0 -68
- package/dist/esm/stories/tabsWithMedia.stories.js.map +0 -7
- package/dist/esm/stories/text.stories.d.ts +0 -86
- package/dist/esm/stories/text.stories.js +0 -21
- package/dist/esm/stories/text.stories.js.map +0 -7
- package/dist/esm/stories/videoFeature.stories.d.ts +0 -29
- package/dist/esm/stories/videoFeature.stories.js +0 -56
- package/dist/esm/stories/videoFeature.stories.js.map +0 -7
- package/dist/esm/stories/whychoose.stories.d.ts +0 -21
- package/dist/esm/stories/whychoose.stories.js +0 -2
- package/dist/esm/stories/whychoose.stories.js.map +0 -7
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/stories/MarqueeReview.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport MarqueeReview from '../biz-components/MarqueeReview/index.js'\nimport type { ReviewItem } from '../biz-components/MarqueeReview/index.js'\n\n/**\n * MarqueeReview \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u5782\u76F4\u6EDA\u52A8\u7684\u7528\u6237\u8BC4\u8BBA\u8F6E\u64AD\u3002\n *\n * ## \u529F\u80FD\u7279\u6027\n * - \u5782\u76F4\u65E0\u9650\u6EDA\u52A8\u52A8\u753B\n * - \u652F\u6301\u591A\u5217\u5E03\u5C40(\u54CD\u5E94\u5F0F)\n * - \u661F\u7EA7\u8BC4\u5206\u663E\u793A\n * - \u7528\u6237\u5934\u50CF\u5C55\u793A\n * - \u6E10\u53D8\u8FB9\u7F18\u906E\u7F69\u6548\u679C\n *\n * ## \u4F7F\u7528\u573A\u666F\n * - \u4EA7\u54C1\u8BC4\u4EF7\u5C55\u793A\n * - \u7528\u6237\u8BC1\u8A00\n * - \u5BA2\u6237\u53CD\u9988\u5899\n */\nconst meta = {\n title: 'Biz-Components/MarqueeReview',\n component: MarqueeReview,\n parameters: {\n layout: 'fullscreen',\n docs: {\n description: {\n component: `\n# MarqueeReview \u8BC4\u8BBA\u8F6E\u64AD\u7EC4\u4EF6\n\n\u7528\u4E8E\u5C55\u793A\u7528\u6237\u8BC4\u8BBA\u7684\u5782\u76F4\u6EDA\u52A8\u8F6E\u64AD\uFF0C\u901A\u8FC7\u65E0\u9650\u5FAA\u73AF\u52A8\u753B\u5C55\u793A\u5BA2\u6237\u53CD\u9988\u3002\n\n## \u6838\u5FC3\u529F\u80FD\n\n- **\u5782\u76F4\u65E0\u9650\u6EDA\u52A8**\uFF1A\u8BC4\u8BBA\u5361\u7247\u4ECE\u4E0B\u5F80\u4E0A\u5FAA\u73AF\u6EDA\u52A8\n- **\u591A\u5217\u54CD\u5E94\u5F0F\u5E03\u5C40**\uFF1A\u79FB\u52A8\u7AEF 1 \u5217\uFF0C\u5E73\u677F 2 \u5217\uFF0C\u684C\u9762 3 \u5217\n- **\u661F\u7EA7\u8BC4\u5206**\uFF1A\u652F\u6301 1-5 \u661F\u8BC4\u5206\u5C55\u793A\n- **\u7528\u6237\u5934\u50CF**\uFF1A\u5C55\u793A\u7528\u6237\u5934\u50CF\uFF0C\u652F\u6301\u56DE\u9000\u65B9\u6848\n- **\u6E10\u53D8\u906E\u7F69**\uFF1A\u9876\u90E8/\u5E95\u90E8\u6E10\u53D8\u906E\u7F69\u6548\u679C\n- **\u81EA\u52A8\u8865\u9F50**\uFF1A\u5C11\u4E8E 9 \u6761\u8BC4\u8BBA\u65F6\u81EA\u52A8\u590D\u5236\u8865\u9F50\n\n## \u4F7F\u7528\u573A\u666F\n\n\u9002\u7528\u4E8E\u4EA7\u54C1\u8BC4\u4EF7\u5C55\u793A\u3001\u5BA2\u6237\u53CD\u9988\u5899\u3001\u793E\u4F1A\u8BC1\u660E\u7B49\u573A\u666F\u3002\n `,\n },\n },\n },\n tags: ['autodocs'],\n argTypes: {\n data: {\n description: '\u8BC4\u8BBA\u6570\u636E,\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u8BC4\u8BBA\u5217\u8868',\n control: { type: 'object' },\n },\n className: {\n description: '\u81EA\u5B9A\u4E49 CSS \u7C7B\u540D',\n control: { type: 'text' },\n },\n },\n} satisfies Meta<typeof MarqueeReview>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\n// \u6A21\u62DF\u8BC4\u8BBA\u6570\u636E\nconst mockReviews: ReviewItem[] = [\n {\n name: 'Sarah Johnson',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=1',\n alt: 'Sarah Johnson avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=1',\n },\n comment: 'This product has completely transformed my daily routine. The quality is outstanding!',\n rating: 5,\n },\n {\n name: 'Michael Chen',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=2',\n alt: 'Michael Chen avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=2',\n },\n comment: 'Excellent customer service and fast shipping. Highly recommend to everyone!',\n rating: 5,\n },\n {\n name: 'Emma Williams',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=3',\n alt: 'Emma Williams avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=3',\n },\n comment: 'Best purchase I made this year. Worth every penny and more!',\n rating: 5,\n },\n {\n name: 'David Martinez',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=4',\n alt: 'David Martinez avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=4',\n },\n comment: 'Amazing build quality. You can feel the attention to detail in every aspect.',\n rating: 5,\n },\n {\n name: 'Lisa Anderson',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=5',\n alt: 'Lisa Anderson avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=5',\n },\n comment: 'Exceeded my expectations in every way. Will definitely buy again!',\n rating: 4,\n },\n {\n name: 'James Taylor',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=6',\n alt: 'James Taylor avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=6',\n },\n comment: 'The design is sleek and modern. Fits perfectly with my aesthetic.',\n rating: 5,\n },\n {\n name: 'Sophia Lee',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=7',\n alt: 'Sophia Lee avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=7',\n },\n comment: 'Great value for money. I was skeptical at first but now I am a believer!',\n rating: 5,\n },\n {\n name: 'Robert Brown',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=8',\n alt: 'Robert Brown avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=8',\n },\n comment: 'Innovative features that actually make a difference in everyday use.',\n rating: 5,\n },\n {\n name: 'Olivia Garcia',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=9',\n alt: 'Olivia Garcia avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=9',\n },\n comment: 'Customer support was incredibly helpful when I had questions. Five stars!',\n rating: 5,\n },\n]\n\n/**\n * \u9ED8\u8BA4\u72B6\u6001 - \u5C55\u793A\u5B8C\u6574\u7684\u8BC4\u8BBA\u8F6E\u64AD\u6548\u679C\n */\nexport const Default: Story = {\n args: {\n data: {\n title: 'What Our Customers Say',\n subtitle: 'Trusted by thousands of satisfied customers worldwide',\n items: mockReviews,\n },\n },\n}\n\n/**\n * \u4E2D\u6587\u5185\u5BB9 - \u5C55\u793A\u4E2D\u6587\u8BC4\u8BBA\n */\nexport const Chinese: Story = {\n args: {\n data: {\n title: '\u5BA2\u6237\u8BC4\u4EF7',\n subtitle: '\u5168\u7403\u6570\u5343\u540D\u6EE1\u610F\u5BA2\u6237\u7684\u4FE1\u8D56\u4E4B\u9009',\n items: [\n {\n name: '\u5F20\u4F1F',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=10',\n alt: '\u5F20\u4F1F avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=10',\n },\n comment: '\u4EA7\u54C1\u8D28\u91CF\u975E\u5E38\u597D,\u4F7F\u7528\u4F53\u9A8C\u8D85\u51FA\u9884\u671F,\u5F3A\u70C8\u63A8\u8350!',\n rating: 5,\n },\n {\n name: '\u674E\u5A1C',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=11',\n alt: '\u674E\u5A1C avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=11',\n },\n comment: '\u8BBE\u8BA1\u5F88\u7CBE\u7F8E,\u529F\u80FD\u4E5F\u5F88\u5B9E\u7528,\u7269\u8D85\u6240\u503C!',\n rating: 5,\n },\n {\n name: '\u738B\u5F3A',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=12',\n alt: '\u738B\u5F3A avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=12',\n },\n comment: '\u5BA2\u670D\u6001\u5EA6\u5F88\u597D,\u7269\u6D41\u4E5F\u5F88\u5FEB,\u975E\u5E38\u6EE1\u610F!',\n rating: 5,\n },\n {\n name: '\u5218\u82B3',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=13',\n alt: '\u5218\u82B3 avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=13',\n },\n comment: '\u8FD9\u662F\u6211\u4ECA\u5E74\u4E70\u8FC7\u6700\u6EE1\u610F\u7684\u4EA7\u54C1,\u503C\u5F97\u8D2D\u4E70!',\n rating: 5,\n },\n {\n name: '\u9648\u660E',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=14',\n alt: '\u9648\u660E avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=14',\n },\n comment: '\u505A\u5DE5\u7CBE\u7EC6,\u8D28\u91CF\u4E0A\u4E58,\u4F7F\u7528\u8D77\u6765\u5F88\u8212\u9002!',\n rating: 4,\n },\n {\n name: '\u8D75\u4E3D',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=15',\n alt: '\u8D75\u4E3D avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=15',\n },\n comment: '\u5916\u89C2\u8BBE\u8BA1\u65F6\u5C1A,\u6027\u80FD\u7A33\u5B9A,\u975E\u5E38\u4E0D\u9519!',\n rating: 5,\n },\n {\n name: '\u5B59\u6D69',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=16',\n alt: '\u5B59\u6D69 avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=16',\n },\n comment: '\u6027\u4EF7\u6BD4\u5F88\u9AD8,\u8D85\u51FA\u4E86\u6211\u7684\u9884\u671F,\u4F1A\u56DE\u8D2D!',\n rating: 5,\n },\n {\n name: '\u5468\u654F',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=17',\n alt: '\u5468\u654F avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=17',\n },\n comment: '\u529F\u80FD\u521B\u65B0,\u5B9E\u7528\u6027\u5F3A,\u65E5\u5E38\u4F7F\u7528\u5F88\u65B9\u4FBF!',\n rating: 5,\n },\n {\n name: '\u5434\u521A',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=18',\n alt: '\u5434\u521A avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=18',\n },\n comment: '\u552E\u540E\u670D\u52A1\u5F88\u597D,\u6709\u95EE\u9898\u53CA\u65F6\u89E3\u51B3,\u4E94\u661F\u597D\u8BC4!',\n rating: 5,\n },\n ],\n },\n },\n}\n\n/**\n * \u5C11\u91CF\u8BC4\u8BBA - \u5F53\u8BC4\u8BBA\u6570\u91CF\u4E0D\u8DB3\u65F6,\u7EC4\u4EF6\u4F1A\u81EA\u52A8\u590D\u5236\u586B\u5145\n */\nexport const FewReviews: Story = {\n args: {\n data: {\n title: 'Early Reviews',\n subtitle: 'What our first customers are saying',\n items: mockReviews.slice(0, 3),\n },\n },\n}\n\n/**\n * \u4E0D\u540C\u8BC4\u5206 - \u5C55\u793A\u4E0D\u540C\u661F\u7EA7\u8BC4\u5206\n */\nexport const MixedRatings: Story = {\n args: {\n data: {\n title: 'Customer Feedback',\n subtitle: 'Real reviews from real customers',\n items: [\n {\n name: 'John Doe',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=20',\n alt: 'John Doe avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=20',\n },\n comment: 'Perfect product! Could not be happier with my purchase.',\n rating: 5,\n },\n {\n name: 'Jane Smith',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=21',\n alt: 'Jane Smith avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=21',\n },\n comment: 'Very good quality. Minor improvements could be made but overall great.',\n rating: 4,\n },\n {\n name: 'Bob Wilson',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=22',\n alt: 'Bob Wilson avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=22',\n },\n comment: 'Good product for the price. Does what it promises.',\n rating: 3,\n },\n {\n name: 'Alice Cooper',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=23',\n alt: 'Alice Cooper avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=23',\n },\n comment: 'Excellent design and functionality. Impressed!',\n rating: 5,\n },\n {\n name: 'Tom Harris',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=24',\n alt: 'Tom Harris avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=24',\n },\n comment: 'Pretty good overall. Some features could be better.',\n rating: 4,\n },\n {\n name: 'Mary Johnson',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=25',\n alt: 'Mary Johnson avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=25',\n },\n comment: 'Amazing! This is exactly what I was looking for.',\n rating: 5,\n },\n {\n name: 'Peter Parker',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=26',\n alt: 'Peter Parker avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=26',\n },\n comment: 'Great value. Happy with my decision to buy.',\n rating: 4,\n },\n {\n name: 'Diana Prince',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=27',\n alt: 'Diana Prince avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=27',\n },\n comment: 'Outstanding quality and customer service.',\n rating: 5,\n },\n {\n name: 'Bruce Wayne',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=28',\n alt: 'Bruce Wayne avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=28',\n },\n comment: 'Solid product. Meets all my needs perfectly.',\n rating: 4,\n },\n ],\n },\n },\n}\n\n/**\n * \u81EA\u5B9A\u4E49\u6837\u5F0F - \u4F7F\u7528\u81EA\u5B9A\u4E49 className\n */\nexport const CustomStyle: Story = {\n args: {\n data: {\n title: 'Styled Reviews',\n subtitle: 'Custom styling applied',\n items: mockReviews,\n },\n className: 'border-t-4 border-orange-500',\n },\n}\n\n/**\n * \u957F\u8BC4\u8BBA\u5185\u5BB9 - \u6D4B\u8BD5\u957F\u6587\u672C\u7684\u663E\u793A\u6548\u679C\n */\nexport const LongComments: Story = {\n args: {\n data: {\n title: 'Detailed Reviews',\n subtitle: 'In-depth feedback from our customers',\n items: [\n {\n name: 'Alexandra Mitchell',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=30',\n alt: 'Alexandra Mitchell avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=30',\n },\n comment:\n 'I have been using this product for several months now and I must say it has completely exceeded all of my expectations. The quality is outstanding and the attention to detail is remarkable. Every aspect has been carefully thought through.',\n rating: 5,\n },\n {\n name: 'Christopher Davis',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=31',\n alt: 'Christopher Davis avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=31',\n },\n comment:\n 'Initially I was skeptical about making this purchase, but after reading all the positive reviews I decided to give it a try. I am so glad I did! This has become an essential part of my daily routine.',\n rating: 5,\n },\n {\n name: 'Victoria Thompson',\n avatar: {\n url: 'https://i.pravatar.cc/150?img=32',\n alt: 'Victoria Thompson avatar',\n thumbnailURL: 'https://i.pravatar.cc/150?img=32',\n },\n comment:\n 'The customer service team was incredibly helpful throughout the entire process. They answered all my questions promptly and made sure I was completely satisfied with my purchase. Five stars!',\n rating: 5,\n },\n ...mockReviews.slice(0, 6),\n ],\n },\n },\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["MarqueeReview_stories_exports", "__export", "Chinese", "CustomStyle", "Default", "FewReviews", "LongComments", "MixedRatings", "MarqueeReview_stories_default", "__toCommonJS", "import_MarqueeReview", "meta", "MarqueeReview", "mockReviews"]
|
|
7
|
-
}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/react';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: import("react").ForwardRefExoticComponent<Omit<Omit<import("../biz-components/index.js").MediaSceneSwitcherProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
|
|
5
|
-
className?: string;
|
|
6
|
-
data?: Record<string, any>;
|
|
7
|
-
}, "ref"> & import("react").RefAttributes<any>>;
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: string;
|
|
10
|
-
docs: {
|
|
11
|
-
description: {
|
|
12
|
-
component: string;
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
17
|
-
container?: {
|
|
18
|
-
desktopSpan: number;
|
|
19
|
-
mobileSpan: number;
|
|
20
|
-
} | undefined;
|
|
21
|
-
className?: string | undefined;
|
|
22
|
-
disabled?: boolean | undefined;
|
|
23
|
-
id?: string | undefined;
|
|
24
|
-
style?: (string | React.CSSProperties) | undefined;
|
|
25
|
-
data: {
|
|
26
|
-
titleIcon?: import("../types/props.js").Media;
|
|
27
|
-
title?: string;
|
|
28
|
-
subtitle?: string;
|
|
29
|
-
items?: import("../biz-components/MediaSceneSwitcher/types.js").MediaSceneSwitcherItem[];
|
|
30
|
-
theme?: import("../types/props.js").Theme;
|
|
31
|
-
layout?: "left" | "right";
|
|
32
|
-
} & Record<string, any>;
|
|
33
|
-
key?: string | undefined;
|
|
34
|
-
uid?: string | undefined;
|
|
35
|
-
wrapperClassName?: string | undefined;
|
|
36
|
-
event?: any;
|
|
37
|
-
condition?: any;
|
|
38
|
-
ref?: import("react").LegacyRef<any> | undefined;
|
|
39
|
-
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
40
|
-
tags: string[];
|
|
41
|
-
};
|
|
42
|
-
export default meta;
|
|
43
|
-
type Story = StoryObj<typeof meta>;
|
|
44
|
-
export declare const Default: Story;
|
|
45
|
-
export declare const WithoutTags: Story;
|
|
46
|
-
export declare const ImageOnly: Story;
|
|
47
|
-
export declare const TwoItems: Story;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var c=Object.create;var a=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var p=(e,t)=>{for(var d in t)a(e,d,{get:t[d],enumerable:!0})},n=(e,t,d,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of m(t))!g.call(e,l)&&l!==d&&a(e,l,{get:()=>t[l],enumerable:!(s=f(t,l))||s.enumerable});return e};var b=(e,t,d)=>(d=e!=null?c(h(e)):{},n(t||!e||!e.__esModule?a(d,"default",{value:e,enumerable:!0}):d,e)),U=e=>n(a({},"__esModule",{value:!0}),e);var F={};p(F,{Default:()=>y,ImageOnly:()=>S,TwoItems:()=>_,WithoutTags:()=>w,default:()=>v});module.exports=U(F);var o=require("react/jsx-runtime"),r=b(require("../biz-components/MediaSceneSwitcher/index.js"));const u={title:"Biz-Components/MediaSceneSwitcher",component:r.default,parameters:{layout:"fullscreen",docs:{description:{component:"Media Scene Switcher component - A versatile component for switching between multiple media scenes with auto-play functionality"}}},decorators:[e=>(0,o.jsx)("div",{style:{paddingTop:"2em",background:"#000",minHeight:"100vh"},children:(0,o.jsx)(e,{})})],tags:["autodocs"]};var v=u;const i={id:"690c3b11535a7c9975ffcd47",display:"visible",title:"360 Times/Minute",subtitle:"Self-Cleaning",container:{mobileSpan:"12",desktopSpan:"10"},blockName:"\u591A\u573A\u666F\u5207\u63621_10\u6805\u683C_public",blockType:"MediaSceneSwitcher",items:[{id:"690c3b32535a7c9975ffcd49",title:"Scrapes Off Dirt",tag:"20% OFF",videoUrl:{alt:"Scrapes Off Dirt video",baseUrl:"https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4",url:"https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/preview_images/1e998bd871c04ccbb800c1d8d3d3fea8.thumbnail.0000000000.jpg?v=1762410832",filename:"987f27aa1745438f80200fa6bc87429f.mp4",mimeType:"video/mp4",width:void 0,height:void 0},imageUrl:{alt:"Scrapes Off Dirt image",baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",filename:"Frame_2121235302.png",mimeType:"image/png",width:1648,height:1120},mobVideoUrl:null,mobImageUrl:null},{id:"690c3b35535a7c9975ffcd4b",title:"Cleans the Mop with Water and Detergent",tag:"20% OFF",videoUrl:{alt:"Cleans the Mop with Water and Detergent video",baseUrl:"https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4",url:"https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/preview_images/1e998bd871c04ccbb800c1d8d3d3fea8.thumbnail.0000000000.jpg?v=1762410832",filename:"987f27aa1745438f80200fa6bc87429f.mp4",mimeType:"video/mp4",width:void 0,height:void 0},imageUrl:{alt:"Cleans the Mop with Water and Detergent image",baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",filename:"Frame_2121235302.png",mimeType:"image/png",width:1648,height:1120},mobVideoUrl:null,mobImageUrl:null},{id:"690c3b38535a7c9975ffcd4d",title:"Squeezes Out Dirty Water",tag:"20% OFF",videoUrl:{alt:"Squeezes Out Dirty Water video",baseUrl:"https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4",url:"https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/preview_images/1e998bd871c04ccbb800c1d8d3d3fea8.thumbnail.0000000000.jpg?v=1762410832",filename:"987f27aa1745438f80200fa6bc87429f.mp4",mimeType:"video/mp4",width:void 0,height:void 0},imageUrl:{alt:"Squeezes Out Dirty Water image",baseUrl:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",url:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",thumbnailURL:"https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856",filename:"Frame_2121235302.png",mimeType:"image/png",width:1648,height:1120},mobVideoUrl:null,mobImageUrl:null}]},y={args:{data:{title:i.title,subtitle:i.subtitle,items:i.items.map(e=>({id:e.id,title:e.title,tag:e.tag,videoUrl:e.videoUrl?{...e.videoUrl,alt:e.videoUrl.alt||"Video",width:e.videoUrl.width||void 0,height:e.videoUrl.height||void 0}:null,imageUrl:e.imageUrl?{...e.imageUrl,alt:e.imageUrl.alt||"Image",width:e.imageUrl.width||void 0,height:e.imageUrl.height||void 0}:null,mobVideoUrl:e.mobVideoUrl,mobImageUrl:e.mobImageUrl}))}}},w={args:{data:{title:i.title,subtitle:i.subtitle,items:i.items.map(e=>({id:e.id,title:e.title,tag:void 0,videoUrl:e.videoUrl?{...e.videoUrl,alt:e.videoUrl.alt||"Video",width:e.videoUrl.width||void 0,height:e.videoUrl.height||void 0}:null,imageUrl:e.imageUrl?{...e.imageUrl,alt:e.imageUrl.alt||"Image",width:e.imageUrl.width||void 0,height:e.imageUrl.height||void 0}:null,mobVideoUrl:e.mobVideoUrl,mobImageUrl:e.mobImageUrl}))}}},S={args:{data:{title:i.title,subtitle:i.subtitle,items:i.items.map(e=>({id:e.id,title:e.title,tag:e.tag,videoUrl:null,imageUrl:e.imageUrl?{...e.imageUrl,alt:e.imageUrl.alt||"Image",width:e.imageUrl.width||void 0,height:e.imageUrl.height||void 0}:null,mobVideoUrl:e.mobVideoUrl,mobImageUrl:e.mobImageUrl}))}}},_={args:{data:{title:i.title,subtitle:i.subtitle,items:i.items.slice(0,2).map(e=>({id:e.id,title:e.title,tag:e.tag,videoUrl:e.videoUrl?{...e.videoUrl,alt:e.videoUrl.alt||"Video",width:e.videoUrl.width||void 0,height:e.videoUrl.height||void 0}:null,imageUrl:e.imageUrl?{...e.imageUrl,alt:e.imageUrl.alt||"Image",width:e.imageUrl.width||void 0,height:e.imageUrl.height||void 0}:null,mobVideoUrl:e.mobVideoUrl,mobImageUrl:e.mobImageUrl}))}}};
|
|
2
|
-
//# sourceMappingURL=MediaSceneSwitcher.stories.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/stories/MediaSceneSwitcher.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport MediaSceneSwitcher from '../biz-components/MediaSceneSwitcher/index.js'\n\nconst meta = {\n title: 'Biz-Components/MediaSceneSwitcher',\n component: MediaSceneSwitcher,\n parameters: {\n layout: 'fullscreen',\n docs: {\n description: {\n component:\n 'Media Scene Switcher component - A versatile component for switching between multiple media scenes with auto-play functionality',\n },\n },\n },\n decorators: [\n Story => (\n <div style={{ paddingTop: '2em', background: '#000', minHeight: '100vh' }}>\n <Story />\n </div>\n ),\n ],\n tags: ['autodocs'],\n} satisfies Meta<typeof MediaSceneSwitcher>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockData = {\n id: '690c3b11535a7c9975ffcd47',\n display: 'visible' as const,\n title: '360 Times/Minute',\n subtitle: 'Self-Cleaning',\n container: {\n mobileSpan: '12',\n desktopSpan: '10',\n },\n blockName: '\u591A\u573A\u666F\u5207\u63621_10\u6805\u683C_public',\n blockType: 'MediaSceneSwitcher',\n items: [\n {\n id: '690c3b32535a7c9975ffcd49',\n title: 'Scrapes Off Dirt',\n tag: '20% OFF',\n videoUrl: {\n alt: 'Scrapes Off Dirt video',\n baseUrl: 'https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4',\n url: 'https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/preview_images/1e998bd871c04ccbb800c1d8d3d3fea8.thumbnail.0000000000.jpg?v=1762410832',\n filename: '987f27aa1745438f80200fa6bc87429f.mp4',\n mimeType: 'video/mp4' as const,\n width: undefined,\n height: undefined,\n },\n imageUrl: {\n alt: 'Scrapes Off Dirt image',\n baseUrl:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n filename: 'Frame_2121235302.png',\n mimeType: 'image/png' as const,\n width: 1648,\n height: 1120,\n },\n mobVideoUrl: null,\n mobImageUrl: null,\n },\n {\n id: '690c3b35535a7c9975ffcd4b',\n title: 'Cleans the Mop with Water and Detergent',\n tag: '20% OFF',\n videoUrl: {\n alt: 'Cleans the Mop with Water and Detergent video',\n baseUrl: 'https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4',\n url: 'https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/preview_images/1e998bd871c04ccbb800c1d8d3d3fea8.thumbnail.0000000000.jpg?v=1762410832',\n filename: '987f27aa1745438f80200fa6bc87429f.mp4',\n mimeType: 'video/mp4' as const,\n width: undefined,\n height: undefined,\n },\n imageUrl: {\n alt: 'Cleans the Mop with Water and Detergent image',\n baseUrl:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n filename: 'Frame_2121235302.png',\n mimeType: 'image/png' as const,\n width: 1648,\n height: 1120,\n },\n mobVideoUrl: null,\n mobImageUrl: null,\n },\n {\n id: '690c3b38535a7c9975ffcd4d',\n title: 'Squeezes Out Dirty Water',\n tag: '20% OFF',\n videoUrl: {\n alt: 'Squeezes Out Dirty Water video',\n baseUrl: 'https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4',\n url: 'https://cdn.shopify.com/videos/c/o/v/1e998bd871c04ccbb800c1d8d3d3fea8.mp4',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/preview_images/1e998bd871c04ccbb800c1d8d3d3fea8.thumbnail.0000000000.jpg?v=1762410832',\n filename: '987f27aa1745438f80200fa6bc87429f.mp4',\n mimeType: 'video/mp4' as const,\n width: undefined,\n height: undefined,\n },\n imageUrl: {\n alt: 'Squeezes Out Dirty Water image',\n baseUrl:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n url: 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n thumbnailURL:\n 'https://cdn.shopify.com/s/files/1/0615/0511/0255/files/d1d9f512-4594-4e99-b4f7-18823466e20c_Frame_2121235302.png?v=1762410856',\n filename: 'Frame_2121235302.png',\n mimeType: 'image/png' as const,\n width: 1648,\n height: 1120,\n },\n mobVideoUrl: null,\n mobImageUrl: null,\n },\n ],\n}\n\nexport const Default: Story = {\n args: {\n data: {\n title: mockData.title,\n subtitle: mockData.subtitle,\n items: mockData.items.map(item => ({\n id: item.id,\n title: item.title,\n tag: item.tag,\n videoUrl: item.videoUrl\n ? {\n ...item.videoUrl,\n alt: item.videoUrl.alt || 'Video',\n width: item.videoUrl.width || undefined,\n height: item.videoUrl.height || undefined,\n }\n : null,\n imageUrl: item.imageUrl\n ? {\n ...item.imageUrl,\n alt: item.imageUrl.alt || 'Image',\n width: item.imageUrl.width || undefined,\n height: item.imageUrl.height || undefined,\n }\n : null,\n mobVideoUrl: item.mobVideoUrl,\n mobImageUrl: item.mobImageUrl,\n })),\n },\n },\n}\n\nexport const WithoutTags: Story = {\n args: {\n data: {\n title: mockData.title,\n subtitle: mockData.subtitle,\n items: mockData.items.map(item => ({\n id: item.id,\n title: item.title,\n tag: undefined,\n videoUrl: item.videoUrl\n ? {\n ...item.videoUrl,\n alt: item.videoUrl.alt || 'Video',\n width: item.videoUrl.width || undefined,\n height: item.videoUrl.height || undefined,\n }\n : null,\n imageUrl: item.imageUrl\n ? {\n ...item.imageUrl,\n alt: item.imageUrl.alt || 'Image',\n width: item.imageUrl.width || undefined,\n height: item.imageUrl.height || undefined,\n }\n : null,\n mobVideoUrl: item.mobVideoUrl,\n mobImageUrl: item.mobImageUrl,\n })),\n },\n },\n}\n\nexport const ImageOnly: Story = {\n args: {\n data: {\n title: mockData.title,\n subtitle: mockData.subtitle,\n items: mockData.items.map(item => ({\n id: item.id,\n title: item.title,\n tag: item.tag,\n videoUrl: null,\n imageUrl: item.imageUrl\n ? {\n ...item.imageUrl,\n alt: item.imageUrl.alt || 'Image',\n width: item.imageUrl.width || undefined,\n height: item.imageUrl.height || undefined,\n }\n : null,\n mobVideoUrl: item.mobVideoUrl,\n mobImageUrl: item.mobImageUrl,\n })),\n },\n },\n}\n\nexport const TwoItems: Story = {\n args: {\n data: {\n title: mockData.title,\n subtitle: mockData.subtitle,\n items: mockData.items.slice(0, 2).map(item => ({\n id: item.id,\n title: item.title,\n tag: item.tag,\n videoUrl: item.videoUrl\n ? {\n ...item.videoUrl,\n alt: item.videoUrl.alt || 'Video',\n width: item.videoUrl.width || undefined,\n height: item.videoUrl.height || undefined,\n }\n : null,\n imageUrl: item.imageUrl\n ? {\n ...item.imageUrl,\n alt: item.imageUrl.alt || 'Image',\n width: item.imageUrl.width || undefined,\n height: item.imageUrl.height || undefined,\n }\n : null,\n mobVideoUrl: item.mobVideoUrl,\n mobImageUrl: item.mobImageUrl,\n })),\n },\n },\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["MediaSceneSwitcher_stories_exports", "__export", "Default", "ImageOnly", "TwoItems", "WithoutTags", "MediaSceneSwitcher_stories_default", "__toCommonJS", "import_jsx_runtime", "import_MediaSceneSwitcher", "meta", "MediaSceneSwitcher", "Story", "mockData", "item"]
|
|
7
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import MemberEquity from '../biz-components/MemberEquity/index.js';
|
|
3
|
-
declare const meta: Meta<typeof MemberEquity>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof MemberEquity>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Round: Story;
|
|
8
|
-
export declare const CustomButtons: Story;
|
|
9
|
-
export declare const CustomStyles: Story;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";var p=Object.create;var r=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var d=(e,t)=>{for(var o in t)r(e,o,{get:t[o],enumerable:!0})},n=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of u(t))!g.call(e,a)&&a!==o&&r(e,a,{get:()=>t[a],enumerable:!(s=c(t,a))||s.enumerable});return e};var y=(e,t,o)=>(o=e!=null?p(l(e)):{},n(t||!e||!e.__esModule?r(o,"default",{value:e,enumerable:!0}):o,e)),h=e=>n(r({},"__esModule",{value:!0}),e);var q={};d(q,{CustomButtons:()=>x,CustomStyles:()=>f,Default:()=>m,Round:()=>B,default:()=>k});module.exports=h(q);var i=y(require("../biz-components/MemberEquity/index.js"));const b={title:"Biz-Components/MemberEquity",component:i.default,parameters:{layout:"fullscreen",docs:{description:{component:`
|
|
2
|
-
MemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\u7684\u7EC4\u4EF6\u3002
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
### \u81EA\u5B9A\u4E49style \u53EF\u7528class
|
|
6
|
-
.member-equity-title
|
|
7
|
-
.member-equity-description
|
|
8
|
-
.member-equity-button-primary
|
|
9
|
-
.member-equity-button-secondary
|
|
10
|
-
`}}},tags:["autodocs"]};var k=b;const m={args:{data:{title:"Become a Member Today",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:{alt:"backgroundImage",url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},mobileBackgroundImage:{alt:"mobileBackgroundImage",url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},primaryButton:{text:"Shop Now",link:"/shop"},secondaryButton:{text:"Learn More",link:"/learn"},primaryButtonHandler:()=>{alert("primaryButtonHandler is triggered")},secondaryButtonHandler:()=>{console.log("secondaryButtonHandler")},shape:"square"}}},B={args:{data:{title:"Become a Member Today",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:{url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",alt:"backgroundImage",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},primaryButton:{text:"Shop Now",link:"/shop"},secondaryButton:{text:"Learn More",link:"/learn"},shape:"rounded"}}},x={args:{data:{...m.args?.data,title:"Premium Experience",description:"Join our community to get early access to new products and exclusive member benefits.",backgroundImage:{alt:"backgroundImage",url:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",thumbnailURL:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",mimeType:"image/jpeg"},mobileBackgroundImage:{alt:"mobileBackgroundImage",url:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",thumbnailURL:"https://images.unsplash.com/photo-1505740420928-5e560c06d30e",mimeType:"image/jpeg"},primaryButton:{text:"Join Now",link:"/join"},secondaryButton:{text:"Explore Benefits",link:"/benefits"}}}},f={args:{data:{title:"Become a Member Today and opportunities",description:"Gain early access to new products, exclusive deals, and opportunities to try our products for free.",backgroundImage:{alt:"backgroundImage",url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},mobileBackgroundImage:{alt:"mobileBackgroundImage",url:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",thumbnailURL:"https://images.unsplash.com/photo-1484807352052-23338990c6c6",mimeType:"image/jpeg"},primaryButton:{text:"Shop Now",link:"/shop"},secondaryButton:{text:"Learn More",link:"/learn"},shape:"square"},style:`
|
|
11
|
-
.member-equity-title {
|
|
12
|
-
background: linear-gradient(
|
|
13
|
-
90deg,
|
|
14
|
-
#FFD700, /* \u91D1\u8272 (Gold) */
|
|
15
|
-
#FFC000, /* \u4EAE\u91D1\u8272 (Light Gold) */
|
|
16
|
-
#FFA500, /* \u6A59\u8272 (Orange) */
|
|
17
|
-
#FF8C00, /* \u6DF1\u6A59\u8272 (Dark Orange) */
|
|
18
|
-
#FF6B00 /* \u6A59\u7EA2\u8272 (Red-Orange) */
|
|
19
|
-
);
|
|
20
|
-
-webkit-background-clip: text; /* \u517C\u5BB9 WebKit \u6D4F\u89C8\u5668 */
|
|
21
|
-
background-clip: text;
|
|
22
|
-
color: transparent; /* \u9690\u85CF\u539F\u59CB\u6587\u5B57\u989C\u8272 */
|
|
23
|
-
}
|
|
24
|
-
.member-equity-description {
|
|
25
|
-
color: blue;
|
|
26
|
-
}
|
|
27
|
-
.member-equity-button-primary {
|
|
28
|
-
color: green;
|
|
29
|
-
}
|
|
30
|
-
`}};
|
|
31
|
-
//# sourceMappingURL=MemberEquity.stories.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/stories/MemberEquity.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport MemberEquity from '../biz-components/MemberEquity/index.js'\n\nconst meta: Meta<typeof MemberEquity> = {\n title: 'Biz-Components/MemberEquity',\n component: MemberEquity,\n parameters: {\n layout: 'fullscreen',\n docs: {\n description: {\n component: ` \nMemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\u7684\u7EC4\u4EF6\u3002 \n\n\n### \u81EA\u5B9A\u4E49style \u53EF\u7528class \n.member-equity-title \n.member-equity-description \n.member-equity-button-primary \n.member-equity-button-secondary \n `,\n },\n },\n },\n tags: ['autodocs'],\n}\n\nexport default meta\ntype Story = StoryObj<typeof MemberEquity>\n\n// \u9ED8\u8BA4\u6837\u5F0F - \u65B9\u5F62\nexport const Default: Story = {\n args: {\n data: {\n title: 'Become a Member Today',\n description:\n 'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n backgroundImage: {\n alt: 'backgroundImage',\n url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n mimeType: 'image/jpeg',\n },\n mobileBackgroundImage: {\n alt: 'mobileBackgroundImage',\n url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n mimeType: 'image/jpeg',\n },\n primaryButton: {\n text: 'Shop Now',\n link: '/shop',\n },\n secondaryButton: {\n text: 'Learn More',\n link: '/learn',\n },\n primaryButtonHandler: () => {\n alert('primaryButtonHandler is triggered')\n },\n secondaryButtonHandler: () => {\n console.log('secondaryButtonHandler')\n },\n shape: 'square',\n },\n },\n}\n\n// \u5706\u89D2\u98CE\u683C\nexport const Round: Story = {\n args: {\n data: {\n title: 'Become a Member Today',\n description:\n 'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n backgroundImage: {\n url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n alt: 'backgroundImage',\n thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n mimeType: 'image/jpeg',\n },\n primaryButton: {\n text: 'Shop Now',\n link: '/shop',\n },\n secondaryButton: {\n text: 'Learn More',\n link: '/learn',\n },\n shape: 'rounded',\n },\n },\n}\n\n// \u81EA\u5B9A\u4E49\u6309\u94AE\nexport const CustomButtons: Story = {\n args: {\n data: {\n ...Default.args?.data,\n title: 'Premium Experience',\n description: 'Join our community to get early access to new products and exclusive member benefits.',\n backgroundImage: {\n alt: 'backgroundImage',\n url: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n thumbnailURL: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n mimeType: 'image/jpeg',\n },\n mobileBackgroundImage: {\n alt: 'mobileBackgroundImage',\n url: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n thumbnailURL: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e',\n mimeType: 'image/jpeg',\n },\n primaryButton: {\n text: 'Join Now',\n link: '/join',\n },\n secondaryButton: {\n text: 'Explore Benefits',\n link: '/benefits',\n },\n },\n },\n}\n\n// \u81EA\u5B9A\u4E49\u6837\u5F0F\nexport const CustomStyles: Story = {\n args: {\n data: {\n title: 'Become a Member Today and opportunities',\n description:\n 'Gain early access to new products, exclusive deals, and opportunities to try our products for free.',\n backgroundImage: {\n alt: 'backgroundImage',\n url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n mimeType: 'image/jpeg',\n },\n mobileBackgroundImage: {\n alt: 'mobileBackgroundImage',\n url: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n thumbnailURL: 'https://images.unsplash.com/photo-1484807352052-23338990c6c6',\n mimeType: 'image/jpeg',\n },\n primaryButton: {\n text: 'Shop Now',\n link: '/shop',\n },\n secondaryButton: {\n text: 'Learn More',\n link: '/learn',\n },\n shape: 'square',\n },\n style: `\n .member-equity-title {\n background: linear-gradient(\n 90deg,\n #FFD700, /* \u91D1\u8272 (Gold) */\n #FFC000, /* \u4EAE\u91D1\u8272 (Light Gold) */\n #FFA500, /* \u6A59\u8272 (Orange) */\n #FF8C00, /* \u6DF1\u6A59\u8272 (Dark Orange) */\n #FF6B00 /* \u6A59\u7EA2\u8272 (Red-Orange) */\n );\n -webkit-background-clip: text; /* \u517C\u5BB9 WebKit \u6D4F\u89C8\u5668 */\n background-clip: text;\n color: transparent; /* \u9690\u85CF\u539F\u59CB\u6587\u5B57\u989C\u8272 */\n }\n .member-equity-description {\n color: blue;\n }\n .member-equity-button-primary {\n color: green;\n }\n `,\n },\n}\n"],
|
|
5
|
-
"mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,EAAA,iBAAAC,EAAA,YAAAC,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GACA,IAAAQ,EAAyB,sDAEzB,MAAMC,EAAkC,CACtC,MAAO,8BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAUb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOJ,EAAQG,EAIR,MAAML,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,wBACP,YACE,sGACF,gBAAiB,CACf,IAAK,kBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,sBAAuB,CACrB,IAAK,wBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,qBAAsB,IAAM,CAC1B,MAAM,mCAAmC,CAC3C,EACA,uBAAwB,IAAM,CAC5B,QAAQ,IAAI,wBAAwB,CACtC,EACA,MAAO,QACT,CACF,CACF,EAGaC,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAO,wBACP,YACE,sGACF,gBAAiB,CACf,IAAK,+DACL,IAAK,kBACL,aAAc,+DACd,SAAU,YACZ,EACA,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,MAAO,SACT,CACF,CACF,EAGaH,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,GAAGE,EAAQ,MAAM,KACjB,MAAO,qBACP,YAAa,wFACb,gBAAiB,CACf,IAAK,kBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,sBAAuB,CACrB,IAAK,wBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,mBACN,KAAM,WACR,CACF,CACF,CACF,EAGaD,EAAsB,CACjC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,YACE,sGACF,gBAAiB,CACf,IAAK,kBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,sBAAuB,CACrB,IAAK,wBACL,IAAK,+DACL,aAAc,+DACd,SAAU,YACZ,EACA,cAAe,CACb,KAAM,WACN,KAAM,OACR,EACA,gBAAiB,CACf,KAAM,aACN,KAAM,QACR,EACA,MAAO,QACT,EACA,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAqBT,CACF",
|
|
6
|
-
"names": ["MemberEquity_stories_exports", "__export", "CustomButtons", "CustomStyles", "Default", "Round", "MemberEquity_stories_default", "__toCommonJS", "import_MemberEquity", "meta", "MemberEquity"]
|
|
7
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import MultiLayoutGraphicBlock from '../biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js';
|
|
3
|
-
declare const meta: Meta<typeof MultiLayoutGraphicBlock>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof MultiLayoutGraphicBlock>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const ThirdWidth: Story;
|
|
8
|
-
export declare const WithCarousel: Story;
|
|
9
|
-
export declare const WithTabs: Story;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var c=Object.create;var o=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var g=(t,e)=>{for(var a in e)o(t,a,{get:e[a],enumerable:!0})},m=(t,e,a,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of s(e))!u.call(t,l)&&l!==a&&o(t,l,{get:()=>e[l],enumerable:!(p=n(e,l))||p.enumerable});return t};var x=(t,e,a)=>(a=t!=null?c(h(t)):{},m(e||!t||!t.__esModule?o(a,"default",{value:t,enumerable:!0}):a,t)),d=t=>m(o({},"__esModule",{value:!0}),t);var T={};g(T,{Default:()=>I,ThirdWidth:()=>U,WithCarousel:()=>b,WithTabs:()=>L,default:()=>k});module.exports=d(T);var r=x(require("../biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js"));const y={title:"Biz-Components/MultiLayoutGraphicBlock",component:r.default,tags:["autodocs"],parameters:{layout:"fullscreen",docs:{description:{component:"\u591A\u5E03\u5C40\u56FE\u6587\u533A\u5757\uFF0C\u652F\u6301\u4E0D\u540C\u5BBD\u5EA6\u3001\u4E3B\u9898\u548C\u8F6E\u64AD\u3002"}}}};var k=y;const i=[{theme:"light",title:"\u6807\u98981",description:"\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/1920x1080?text=Image1",alt:"Image1",thumbnailURL:"https://placehold.co/1920x1080?text=Image1",mimeType:"image/png"},imageMobileUrl:{url:"https://placehold.co/1920x1080?text=Image1",alt:"Image1",thumbnailURL:"https://placehold.co/1920x1080?text=Image1",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"full",blockLink:"/this-is-a-link"},{theme:"dark",title:"\u6807\u98982",description:"\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/200x240?text=Image2",alt:"Image2",thumbnailURL:"https://placehold.co/200x240?text=Image2",mimeType:"image/png"},imageMobileUrl:{url:"https://placehold.co/200x240?text=Image2",alt:"Image2",thumbnailURL:"https://placehold.co/200x240?text=Image2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"half"},{theme:"light",title:"\u6807\u98983",description:"\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/200x240?text=Image3",alt:"Image3",thumbnailURL:"https://placehold.co/200x240?text=Image3",mimeType:"image/png"},imageMobileUrl:{url:"https://placehold.co/200x240?text=Image2",alt:"Image2",thumbnailURL:"https://placehold.co/200x240?text=Image2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"half"}],B=[{theme:"dark",title:"\u8F6E\u64AD1",description:"\u8F6E\u64AD\u533A\u57571",imageUrl:{url:"https://placehold.co/200x240?text=Carousel1",alt:"Carousel1",thumbnailURL:"https://placehold.co/200x240?text=Carousel1",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD2",description:"\u8F6E\u64AD\u533A\u57572",imageUrl:{url:"https://placehold.co/200x240?text=Carousel2",alt:"Carousel2",thumbnailURL:"https://placehold.co/200x240?text=Carousel2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD3",description:"\u8F6E\u64AD\u533A\u57573",imageUrl:"https://placehold.co/200x240?text=Carousel2",primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD4",description:"\u8F6E\u64AD\u533A\u57574",imageUrl:{url:"https://placehold.co/200x240?text=Carousel2",alt:"Carousel2",thumbnailURL:"https://placehold.co/200x240?text=Carousel2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}},{theme:"light",title:"\u8F6E\u64AD5",description:"\u8F6E\u64AD\u533A\u57575",imageUrl:{url:"https://placehold.co/200x240?text=Carousel2",alt:"Carousel2",thumbnailURL:"https://placehold.co/200x240?text=Carousel2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"}}],I={args:{data:{items:i,carousel:{items:[]}}}},U={args:{data:{items:[{theme:"light",title:"\u6807\u98981",description:"\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/1920x1080?text=Image1",alt:"Image1",thumbnailURL:"https://placehold.co/1920x1080?text=Image1",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"full"},{theme:"dark",title:"\u6807\u98982",description:"\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/200x240?text=Image2",alt:"Image2",thumbnailURL:"https://placehold.co/200x240?text=Image2",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"one-third"},{theme:"light",title:"\u6807\u98983",description:"\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/200x240?text=Image3",alt:"Image3",thumbnailURL:"https://placehold.co/200x240?text=Image3",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"one-third"},{theme:"light",title:"\u6807\u98984",description:"\u8FD9\u662F\u7B2C4\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:{url:"https://placehold.co/200x240?text=Image3",alt:"Image3",thumbnailURL:"https://placehold.co/200x240?text=Image3",mimeType:"image/png"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"one-third"}]}}},b={args:{data:{items:i.slice(0,1),carousel:{items:B}}}},L={args:{data:{groupByTab:!0,items:i.slice(1,3).map((t,e)=>({...t,tabName:t.title+" "+(e+1)}))}}};
|
|
2
|
-
//# sourceMappingURL=MultiLayoutGraphicBlock.stories.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/stories/MultiLayoutGraphicBlock.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport MultiLayoutGraphicBlock from '../biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js'\nimport type { MultiLayoutGraphicBlockProps } from '../biz-components/MultiLayoutGraphicBlock/types.js'\n\nconst meta: Meta<typeof MultiLayoutGraphicBlock> = {\n title: 'Biz-Components/MultiLayoutGraphicBlock',\n component: MultiLayoutGraphicBlock,\n tags: ['autodocs'],\n parameters: {\n layout: 'fullscreen',\n docs: {\n description: {\n component: '\u591A\u5E03\u5C40\u56FE\u6587\u533A\u5757\uFF0C\u652F\u6301\u4E0D\u540C\u5BBD\u5EA6\u3001\u4E3B\u9898\u548C\u8F6E\u64AD\u3002',\n },\n },\n },\n}\n\nexport default meta\n\ntype Story = StoryObj<typeof MultiLayoutGraphicBlock>\n\nconst baseItems = [\n {\n theme: 'light',\n title: '\u6807\u98981',\n description: '\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n imageUrl: {\n url: 'https://placehold.co/1920x1080?text=Image1',\n alt: 'Image1',\n thumbnailURL: 'https://placehold.co/1920x1080?text=Image1',\n mimeType: 'image/png',\n },\n imageMobileUrl: {\n url: 'https://placehold.co/1920x1080?text=Image1',\n alt: 'Image1',\n thumbnailURL: 'https://placehold.co/1920x1080?text=Image1',\n mimeType: 'image/png',\n },\n primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n width: 'full' as const,\n blockLink: '/this-is-a-link',\n },\n {\n theme: 'dark',\n title: '\u6807\u98982',\n description: '\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n imageUrl: {\n url: 'https://placehold.co/200x240?text=Image2',\n alt: 'Image2',\n thumbnailURL: 'https://placehold.co/200x240?text=Image2',\n mimeType: 'image/png',\n },\n imageMobileUrl: {\n url: 'https://placehold.co/200x240?text=Image2',\n alt: 'Image2',\n thumbnailURL: 'https://placehold.co/200x240?text=Image2',\n mimeType: 'image/png',\n },\n primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n width: 'half' as const,\n },\n {\n theme: 'light',\n title: '\u6807\u98983',\n description: '\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n imageUrl: {\n url: 'https://placehold.co/200x240?text=Image3',\n alt: 'Image3',\n thumbnailURL: 'https://placehold.co/200x240?text=Image3',\n mimeType: 'image/png',\n },\n imageMobileUrl: {\n url: 'https://placehold.co/200x240?text=Image2',\n alt: 'Image2',\n thumbnailURL: 'https://placehold.co/200x240?text=Image2',\n mimeType: 'image/png',\n },\n primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n width: 'half' as const,\n },\n]\n\nconst carouselItems = [\n {\n theme: 'dark',\n title: '\u8F6E\u64AD1',\n description: '\u8F6E\u64AD\u533A\u57571',\n imageUrl: {\n url: 'https://placehold.co/200x240?text=Carousel1',\n alt: 'Carousel1',\n thumbnailURL: 'https://placehold.co/200x240?text=Carousel1',\n mimeType: 'image/png',\n },\n primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n },\n {\n theme: 'light',\n title: '\u8F6E\u64AD2',\n description: '\u8F6E\u64AD\u533A\u57572',\n imageUrl: {\n url: 'https://placehold.co/200x240?text=Carousel2',\n alt: 'Carousel2',\n thumbnailURL: 'https://placehold.co/200x240?text=Carousel2',\n mimeType: 'image/png',\n },\n primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n },\n {\n theme: 'light',\n title: '\u8F6E\u64AD3',\n description: '\u8F6E\u64AD\u533A\u57573',\n imageUrl: 'https://placehold.co/200x240?text=Carousel2',\n primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n },\n {\n theme: 'light',\n title: '\u8F6E\u64AD4',\n description: '\u8F6E\u64AD\u533A\u57574',\n imageUrl: {\n url: 'https://placehold.co/200x240?text=Carousel2',\n alt: 'Carousel2',\n thumbnailURL: 'https://placehold.co/200x240?text=Carousel2',\n mimeType: 'image/png',\n },\n primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n },\n {\n theme: 'light',\n title: '\u8F6E\u64AD5',\n description: '\u8F6E\u64AD\u533A\u57575',\n imageUrl: {\n url: 'https://placehold.co/200x240?text=Carousel2',\n alt: 'Carousel2',\n thumbnailURL: 'https://placehold.co/200x240?text=Carousel2',\n mimeType: 'image/png',\n },\n primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n },\n]\n\nexport const Default: Story = {\n args: {\n data: {\n items: baseItems,\n carousel: { items: [] },\n },\n } as MultiLayoutGraphicBlockProps,\n}\n\nexport const ThirdWidth: Story = {\n args: {\n data: {\n items: [\n {\n theme: 'light',\n title: '\u6807\u98981',\n description: '\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n imageUrl: {\n url: 'https://placehold.co/1920x1080?text=Image1',\n alt: 'Image1',\n thumbnailURL: 'https://placehold.co/1920x1080?text=Image1',\n mimeType: 'image/png',\n },\n primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n width: 'full' as const,\n },\n {\n theme: 'dark',\n title: '\u6807\u98982',\n description: '\u8FD9\u662F\u7B2C\u4E8C\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n imageUrl: {\n url: 'https://placehold.co/200x240?text=Image2',\n alt: 'Image2',\n thumbnailURL: 'https://placehold.co/200x240?text=Image2',\n mimeType: 'image/png',\n },\n primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n width: 'one-third' as const,\n },\n {\n theme: 'light',\n title: '\u6807\u98983',\n description: '\u8FD9\u662F\u7B2C\u4E09\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n imageUrl: {\n url: 'https://placehold.co/200x240?text=Image3',\n alt: 'Image3',\n thumbnailURL: 'https://placehold.co/200x240?text=Image3',\n mimeType: 'image/png',\n },\n primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n width: 'one-third' as const,\n },\n {\n theme: 'light',\n title: '\u6807\u98984',\n description: '\u8FD9\u662F\u7B2C4\u4E2A\u533A\u5757\u7684\u63CF\u8FF0',\n imageUrl: {\n url: 'https://placehold.co/200x240?text=Image3',\n alt: 'Image3',\n thumbnailURL: 'https://placehold.co/200x240?text=Image3',\n mimeType: 'image/png',\n },\n primaryButton: { text: '\u4E3B\u6309\u94AE', link: '#' },\n secondaryButton: { text: '\u6B21\u6309\u94AE', link: '#' },\n width: 'one-third' as const,\n },\n ],\n },\n } as MultiLayoutGraphicBlockProps,\n}\n\nexport const WithCarousel: Story = {\n args: {\n data: {\n items: baseItems.slice(0, 1),\n carousel: { items: carouselItems },\n },\n } as MultiLayoutGraphicBlockProps,\n}\n\nexport const WithTabs: Story = {\n args: {\n data: {\n groupByTab: true,\n items: baseItems.slice(1, 3).map((item, index) => ({\n ...item,\n tabName: item.title + ' ' + (index + 1),\n })),\n },\n } as MultiLayoutGraphicBlockProps,\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["MultiLayoutGraphicBlock_stories_exports", "__export", "Default", "ThirdWidth", "WithCarousel", "WithTabs", "MultiLayoutGraphicBlock_stories_default", "__toCommonJS", "import_MultiLayoutGraphicBlock", "meta", "MultiLayoutGraphicBlock", "baseItems", "carouselItems", "item", "index"]
|
|
7
|
-
}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: React.ForwardRefExoticComponent<Omit<Omit<import("../biz-components/index.js").ProductNavProps & React.RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
|
|
6
|
-
className?: string;
|
|
7
|
-
data?: Record<string, any>;
|
|
8
|
-
}, "ref"> & React.RefAttributes<any>>;
|
|
9
|
-
parameters: {
|
|
10
|
-
layout: string;
|
|
11
|
-
docs: {
|
|
12
|
-
description: {
|
|
13
|
-
component: string;
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
18
|
-
container?: {
|
|
19
|
-
desktopSpan: number;
|
|
20
|
-
mobileSpan: number;
|
|
21
|
-
} | undefined;
|
|
22
|
-
className?: string | undefined;
|
|
23
|
-
disabled?: boolean | undefined;
|
|
24
|
-
id?: string | undefined;
|
|
25
|
-
style?: (string | React.CSSProperties) | undefined;
|
|
26
|
-
data: {
|
|
27
|
-
tabLinks?: import("../biz-components/index.js").TabLink[];
|
|
28
|
-
anchorList?: import("../biz-components/index.js").AnchorItem[];
|
|
29
|
-
textLink?: import("../biz-components/ProductNav/types.js").TextLink;
|
|
30
|
-
buyBtn?: import("../biz-components/index.js").BuyButton;
|
|
31
|
-
theme?: import("../types/props.js").Theme;
|
|
32
|
-
} & Record<string, any>;
|
|
33
|
-
key?: string | undefined;
|
|
34
|
-
uid?: string | undefined;
|
|
35
|
-
wrapperClassName?: string | undefined;
|
|
36
|
-
event?: any;
|
|
37
|
-
condition?: any;
|
|
38
|
-
ref?: React.LegacyRef<any> | undefined;
|
|
39
|
-
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
40
|
-
tags: string[];
|
|
41
|
-
};
|
|
42
|
-
export default meta;
|
|
43
|
-
type Story = StoryObj<typeof meta>;
|
|
44
|
-
export declare const Default: Story;
|
|
45
|
-
export declare const WithoutBuyButton: Story;
|
|
46
|
-
export declare const SingleTab: Story;
|
|
47
|
-
export declare const ManyTabs: Story;
|
|
48
|
-
export declare const FewAnchors: Story;
|
|
49
|
-
export declare const CustomBuyButton: Story;
|
|
50
|
-
export declare const MinimalNav: Story;
|
|
51
|
-
export declare const DarkTheme: Story;
|
|
52
|
-
export declare const WithTextLink: Story;
|
|
53
|
-
export declare const TextLinkNewWindow: Story;
|
|
54
|
-
export declare const OnlyTextLink: Story;
|
|
55
|
-
export declare const WithoutTextLink: Story;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var l=Object.create;var s=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var v=(t,e)=>{for(var i in e)s(t,i,{get:e[i],enumerable:!0})},u=(t,e,i,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let c of b(e))!m.call(t,c)&&c!==i&&s(t,c,{get:()=>e[c],enumerable:!(d=p(e,c))||d.enumerable});return t};var k=(t,e,i)=>(i=t!=null?l(y(t)):{},u(e||!t||!t.__esModule?s(i,"default",{value:t,enumerable:!0}):i,t)),g=t=>u(s({},"__esModule",{value:!0}),t);var V={};v(V,{CustomBuyButton:()=>I,DarkTheme:()=>O,Default:()=>S,FewAnchors:()=>w,ManyTabs:()=>h,MinimalNav:()=>B,OnlyTextLink:()=>N,SingleTab:()=>W,TextLinkNewWindow:()=>E,WithTextLink:()=>T,WithoutBuyButton:()=>L,WithoutTextLink:()=>R,default:()=>f});module.exports=g(V);var a=require("react/jsx-runtime"),M=require("react"),r=k(require("../biz-components/ProductNav/index.js"));const x={title:"Biz-Components/ProductNav",component:r.default,parameters:{layout:"fullscreen",docs:{description:{component:"Product Navigation component - A versatile navigation component for product pages with tab links, anchors, and action buttons"}}},decorators:[t=>(0,a.jsx)("div",{style:{paddingTop:"2em",background:"#f5f5f5",minHeight:"50vh"},children:(0,a.jsx)(t,{})})],tags:["autodocs"]};var f=x;const o={textLink:{link:"/learn-more",text:"Learn More",target:"_self"},buyBtn:{link:"/products/t2353111",text:"Buy Now"},tabLinks:[{link:"/robot-vacuum-e25",label:"Robot Vacuum Omni E25"},{link:"/robot-vacuum-e28",label:"Robot Vacuum Omni E28"}],anchorList:[{id:"overview",label:"Overview"},{id:"cleaning-power",label:"Cleaning Power"},{id:"smart-cleaning",label:"Smart Cleaning"},{id:"ease-of-use",label:"Ease of Use"},{id:"brand-equity",label:"Brand Equity"}],currentSku:"T2353111,T2352111"},n=({children:t,...e})=>(0,a.jsx)("div",{children:t({...e})}),S={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:o}},L={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:{...o,buyBtn:void 0}}},W={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:{...o,tabLinks:[{link:"/robot-vacuum-e25",label:"Robot Vacuum Omni E25"}]}}},h={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:{...o,tabLinks:[{link:"/robot-vacuum-e25",label:"Robot Vacuum Omni E25"},{link:"/robot-vacuum-e28",label:"Robot Vacuum Omni E28"},{link:"/robot-vacuum-e30",label:"Robot Vacuum Omni E30"},{link:"/robot-vacuum-x20",label:"Robot Vacuum X20 Pro"}]}}},w={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:{...o,anchorList:[{id:"overview",label:"Overview"},{id:"features",label:"Features"}]}}},I={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:{...o,buyBtn:{link:"/cart/add/t2353111",text:"Add to Cart"}}}},B={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:{tabLinks:[{link:"/product",label:"Product Name"}],anchorList:[{id:"overview",label:"Overview"}],buyBtn:{link:"/buy",text:"Buy"}}}},O={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:{...o,theme:"dark"}},decorators:[t=>(0,a.jsx)("div",{style:{paddingTop:"2em",background:"#000",minHeight:"50vh"},children:(0,a.jsx)(t,{})})]},T={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:{...o,textLink:{link:"/specifications",text:"View Specs",target:"_self"}}}},E={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:{...o,textLink:{link:"https://support.example.com/guides",text:"User Guide",target:"_blank"}}}},N={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:{...o,textLink:{link:"/more-info",text:"More Info",target:"_self"},buyBtn:void 0}}},R={render:t=>(0,a.jsx)(n,{...t,children:e=>(0,a.jsx)(r.default,{...e})}),args:{data:{...o,textLink:void 0}}};
|
|
2
|
-
//# sourceMappingURL=ProductNav.stories.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/stories/ProductNav.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\nimport ProductNav from '../biz-components/ProductNav/index.js'\n\nconst meta = {\n title: 'Biz-Components/ProductNav',\n component: ProductNav,\n parameters: {\n layout: 'fullscreen',\n docs: {\n description: {\n component:\n 'Product Navigation component - A versatile navigation component for product pages with tab links, anchors, and action buttons',\n },\n },\n },\n decorators: [\n Story => (\n <div style={{ paddingTop: '2em', background: '#f5f5f5', minHeight: '50vh' }}>\n <Story />\n </div>\n ),\n ],\n tags: ['autodocs'],\n} satisfies Meta<typeof ProductNav>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockData = {\n textLink: {\n link: '/learn-more',\n text: 'Learn More',\n target: '_self' as const,\n },\n buyBtn: {\n link: '/products/t2353111',\n text: 'Buy Now',\n },\n tabLinks: [\n {\n link: '/robot-vacuum-e25',\n label: 'Robot Vacuum Omni E25',\n },\n {\n link: '/robot-vacuum-e28',\n label: 'Robot Vacuum Omni E28',\n },\n ],\n anchorList: [\n {\n id: 'overview',\n label: 'Overview',\n },\n {\n id: 'cleaning-power',\n label: 'Cleaning Power',\n },\n {\n id: 'smart-cleaning',\n label: 'Smart Cleaning',\n },\n {\n id: 'ease-of-use',\n label: 'Ease of Use',\n },\n {\n id: 'brand-equity',\n label: 'Brand Equity',\n },\n ],\n currentSku: 'T2353111,T2352111',\n}\n\n// Interactive wrapper component for stories\nconst InteractiveWrapper = ({ children, ...props }: any) => {\n return <div>{children({ ...props })}</div>\n}\n\nexport const Default: Story = {\n render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n args: {\n data: mockData,\n },\n}\n\nexport const WithoutBuyButton: Story = {\n render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n args: {\n data: {\n ...mockData,\n buyBtn: undefined,\n },\n },\n}\n\nexport const SingleTab: Story = {\n render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n args: {\n data: {\n ...mockData,\n tabLinks: [\n {\n link: '/robot-vacuum-e25',\n label: 'Robot Vacuum Omni E25',\n },\n ],\n },\n },\n}\n\nexport const ManyTabs: Story = {\n render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n args: {\n data: {\n ...mockData,\n tabLinks: [\n {\n link: '/robot-vacuum-e25',\n label: 'Robot Vacuum Omni E25',\n },\n {\n link: '/robot-vacuum-e28',\n label: 'Robot Vacuum Omni E28',\n },\n {\n link: '/robot-vacuum-e30',\n label: 'Robot Vacuum Omni E30',\n },\n {\n link: '/robot-vacuum-x20',\n label: 'Robot Vacuum X20 Pro',\n },\n ],\n },\n },\n}\n\nexport const FewAnchors: Story = {\n render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n args: {\n data: {\n ...mockData,\n anchorList: [\n {\n id: 'overview',\n label: 'Overview',\n },\n {\n id: 'features',\n label: 'Features',\n },\n ],\n },\n },\n}\n\nexport const CustomBuyButton: Story = {\n render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n args: {\n data: {\n ...mockData,\n buyBtn: {\n link: '/cart/add/t2353111',\n text: 'Add to Cart',\n },\n },\n },\n}\n\nexport const MinimalNav: Story = {\n render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n args: {\n data: {\n tabLinks: [\n {\n link: '/product',\n label: 'Product Name',\n },\n ],\n anchorList: [\n {\n id: 'overview',\n label: 'Overview',\n },\n ],\n buyBtn: {\n link: '/buy',\n text: 'Buy',\n },\n },\n },\n}\n\nexport const DarkTheme: Story = {\n render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n args: {\n data: {\n ...mockData,\n theme: 'dark',\n },\n },\n decorators: [\n Story => (\n <div style={{ paddingTop: '2em', background: '#000', minHeight: '50vh' }}>\n <Story />\n </div>\n ),\n ],\n}\n\nexport const WithTextLink: Story = {\n render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n args: {\n data: {\n ...mockData,\n textLink: {\n link: '/specifications',\n text: 'View Specs',\n target: '_self' as const,\n },\n },\n },\n}\n\nexport const TextLinkNewWindow: Story = {\n render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n args: {\n data: {\n ...mockData,\n textLink: {\n link: 'https://support.example.com/guides',\n text: 'User Guide',\n target: '_blank' as const,\n },\n },\n },\n}\n\nexport const OnlyTextLink: Story = {\n render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n args: {\n data: {\n ...mockData,\n textLink: {\n link: '/more-info',\n text: 'More Info',\n target: '_self' as const,\n },\n buyBtn: undefined,\n },\n },\n}\n\nexport const WithoutTextLink: Story = {\n render: args => <InteractiveWrapper {...args}>{(props: any) => <ProductNav {...props} />}</InteractiveWrapper>,\n args: {\n data: {\n ...mockData,\n textLink: undefined,\n },\n },\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["ProductNav_stories_exports", "__export", "CustomBuyButton", "DarkTheme", "Default", "FewAnchors", "ManyTabs", "MinimalNav", "OnlyTextLink", "SingleTab", "TextLinkNewWindow", "WithTextLink", "WithoutBuyButton", "WithoutTextLink", "ProductNav_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_ProductNav", "meta", "ProductNav", "Story", "mockData", "InteractiveWrapper", "children", "props", "args"]
|
|
7
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { StoryObj } from '@storybook/react';
|
|
3
|
-
import type { ThreeDCarouselProps } from '../biz-components/ThreeDCarousel/types.js';
|
|
4
|
-
declare const meta: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: React.ForwardRefExoticComponent<Omit<Omit<ThreeDCarouselProps & React.RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
|
|
7
|
-
className?: string;
|
|
8
|
-
data?: Record<string, any>;
|
|
9
|
-
}, "ref"> & React.RefAttributes<any>>;
|
|
10
|
-
parameters: {
|
|
11
|
-
layout: string;
|
|
12
|
-
docs: {
|
|
13
|
-
description: {
|
|
14
|
-
component: string;
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
tags: string[];
|
|
19
|
-
};
|
|
20
|
-
export default meta;
|
|
21
|
-
type Story = StoryObj<typeof meta>;
|
|
22
|
-
export declare const Default: Story;
|
|
23
|
-
export declare const SingleItem: Story;
|
|
24
|
-
export declare const TwoItems: Story;
|
|
25
|
-
export declare const WithoutMobileImages: Story;
|
|
26
|
-
export declare const WithCustomClass: Story;
|
|
27
|
-
export declare const CustomTitle: Story;
|
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
"use strict";var l=Object.create;var r=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var u=(e,t)=>{for(var a in t)r(e,a,{get:t[a],enumerable:!0})},c=(e,t,a,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of p(t))!h.call(e,s)&&s!==a&&r(e,s,{get:()=>t[s],enumerable:!(i=d(t,s))||i.enumerable});return e};var b=(e,t,a)=>(a=e!=null?l(m(e)):{},c(t||!e||!e.__esModule?r(a,"default",{value:e,enumerable:!0}):a,e)),_=e=>c(r({},"__esModule",{value:!0}),e);var D={};u(D,{CustomTitle:()=>k,Default:()=>y,SingleItem:()=>v,TwoItems:()=>T,WithCustomClass:()=>x,WithoutMobileImages:()=>w,default:()=>f});module.exports=_(D);var L=require("react"),n=b(require("../biz-components/ThreeDCarousel/index.js"));const g={title:"Biz Components/ThreeDCarousel",component:n.default,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 f=g;const o={title:"Conquer Every Mess",items:[{imageUrl:{alt:"Vacuum cleaner demonstration scene 1 - Desktop view",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",mimeType:"image/png",width:1648,height:960},mobImageUrl:{alt:"Vacuum cleaner demonstration scene 1 - Mobile view",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",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null},{imageUrl:{alt:"Vacuum cleaner demonstration scene 2 - Desktop view",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",mimeType:"image/png",width:1648,height:960},mobImageUrl:{alt:"Vacuum cleaner demonstration scene 2 - Mobile view",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",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null},{imageUrl:{alt:"Vacuum cleaner demonstration scene 3 - Desktop view",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",mimeType:"image/png",width:1648,height:960},mobImageUrl:{alt:"Vacuum cleaner demonstration scene 3 - Mobile view",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",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null},{imageUrl:{alt:"Vacuum cleaner demonstration scene 4 - Desktop view",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",mimeType:"image/png",width:1648,height:960},mobImageUrl:{alt:"Vacuum cleaner demonstration scene 4 - Mobile view",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",mimeType:"image/png",width:592,height:720},title:"Text/Heading/h3",description:"Text/Body/t1",buttonText:"Learn More",buttonLink:null}]},y={args:{data:o},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"}}}},v={args:{data:{...o,items:[o.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"}}}},T={args:{data:{...o,items:o.items.slice(0,2)}},parameters:{docs:{description:{story:"\u4E24\u4E2A\u9879\u76EE\u7684\u573A\u666F\uFF0C3D \u6548\u679C\u4F9D\u7136\u751F\u6548\u3002"}}}},w={args:{data:{...o,items:o.items.map(({mobImageUrl:e,...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"}}}},x={args:{data:o,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
|
-
`}}}},k={args:{data:{...o,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"}}}};
|
|
118
|
-
//# sourceMappingURL=ThreeDCarousel.stories.js.map
|