@anker-in/headless-ui 0.0.27-alpha.7 → 0.0.27-alpha.72
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/README.md +43 -7
- package/dist/cjs/biz-components/AccordionCards/index.d.ts +24 -20
- package/dist/cjs/biz-components/AccordionCards/index.js +1 -1
- package/dist/cjs/biz-components/AccordionCards/index.js.map +3 -3
- package/dist/cjs/biz-components/BrandEquity/BrandEquity.d.ts +5 -15
- 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 +18 -0
- package/dist/cjs/biz-components/BrandEquity/types.js +2 -0
- package/dist/cjs/biz-components/BrandEquity/types.js.map +7 -0
- package/dist/cjs/biz-components/Category/SwiperCategory.d.ts +16 -0
- package/dist/cjs/biz-components/Category/SwiperCategory.js +2 -0
- package/dist/cjs/biz-components/Category/SwiperCategory.js.map +7 -0
- package/dist/cjs/biz-components/Category/index.d.ts +24 -8
- package/dist/cjs/biz-components/Category/index.js +1 -1
- package/dist/cjs/biz-components/Category/index.js.map +3 -3
- package/dist/cjs/biz-components/Evaluate/index.d.ts +22 -8
- package/dist/cjs/biz-components/Evaluate/index.js +1 -1
- package/dist/cjs/biz-components/Evaluate/index.js.map +3 -3
- package/dist/cjs/biz-components/Graphic/index.d.ts +16 -7
- package/dist/cjs/biz-components/Graphic/index.js +1 -1
- package/dist/cjs/biz-components/Graphic/index.js.map +3 -3
- package/dist/cjs/biz-components/GraphicAttractionBlock/index.d.ts +29 -0
- package/dist/cjs/biz-components/GraphicAttractionBlock/index.js +2 -0
- package/dist/cjs/biz-components/GraphicAttractionBlock/index.js.map +7 -0
- 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/HeroBanner/index.js.map +1 -1
- package/dist/cjs/biz-components/HeroBanner/types.d.ts +24 -22
- package/dist/cjs/biz-components/HeroBanner/types.js +1 -1
- package/dist/cjs/biz-components/HeroBanner/types.js.map +1 -1
- package/dist/cjs/biz-components/Marquee/Marquee.d.ts +35 -0
- package/dist/cjs/biz-components/Marquee/Marquee.js +2 -0
- package/dist/cjs/biz-components/Marquee/Marquee.js.map +7 -0
- package/dist/cjs/biz-components/Marquee/index.d.ts +3 -23
- package/dist/cjs/biz-components/Marquee/index.js +1 -1
- package/dist/cjs/biz-components/Marquee/index.js.map +4 -4
- package/dist/cjs/biz-components/MediaPlayerBase/index.d.ts +9 -0
- package/dist/cjs/biz-components/MediaPlayerBase/index.js +2 -0
- package/dist/cjs/biz-components/MediaPlayerBase/index.js.map +7 -0
- package/dist/cjs/biz-components/MediaPlayerBase/types.d.ts +12 -0
- package/dist/cjs/biz-components/MediaPlayerBase/types.js +2 -0
- package/dist/cjs/biz-components/MediaPlayerBase/types.js.map +7 -0
- package/dist/cjs/biz-components/MediaPlayerMulti/index.d.ts +9 -0
- package/dist/cjs/biz-components/MediaPlayerMulti/index.js +2 -0
- package/dist/cjs/biz-components/MediaPlayerMulti/index.js.map +7 -0
- package/dist/cjs/biz-components/MediaPlayerMulti/types.d.ts +17 -0
- package/dist/cjs/biz-components/MediaPlayerMulti/types.js +2 -0
- package/dist/cjs/biz-components/MediaPlayerMulti/types.js.map +7 -0
- package/dist/cjs/biz-components/MediaPlayerSticky/index.d.ts +9 -0
- package/dist/cjs/biz-components/MediaPlayerSticky/index.js +2 -0
- package/dist/cjs/biz-components/MediaPlayerSticky/index.js.map +7 -0
- package/dist/cjs/biz-components/MediaPlayerSticky/types.d.ts +17 -0
- package/dist/cjs/biz-components/MediaPlayerSticky/types.js +2 -0
- package/dist/cjs/biz-components/MediaPlayerSticky/types.js.map +7 -0
- package/dist/cjs/biz-components/MemberEquity/index.d.ts +4 -1
- package/dist/cjs/biz-components/MemberEquity/index.js +9 -39
- package/dist/cjs/biz-components/MemberEquity/index.js.map +3 -3
- package/dist/cjs/biz-components/MemberEquity/types.d.ts +23 -20
- package/dist/cjs/biz-components/MemberEquity/types.js +1 -1
- package/dist/cjs/biz-components/MemberEquity/types.js.map +1 -1
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.d.ts +11 -0
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js +2 -0
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js.map +7 -0
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/index.d.ts +2 -0
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/index.js +2 -0
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/index.js.map +7 -0
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/types.d.ts +31 -0
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/types.js +2 -0
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/types.js.map +7 -0
- package/dist/cjs/biz-components/SectionHeading/SectionHeading.d.ts +4 -0
- package/dist/cjs/biz-components/SectionHeading/SectionHeading.js +2 -0
- package/dist/cjs/biz-components/SectionHeading/SectionHeading.js.map +7 -0
- package/dist/cjs/biz-components/SectionHeading/index.d.ts +0 -0
- package/dist/cjs/biz-components/SectionHeading/index.js +2 -0
- package/dist/cjs/biz-components/SectionHeading/index.js.map +7 -0
- package/dist/cjs/biz-components/SectionHeading/types.d.ts +6 -0
- package/dist/cjs/biz-components/SectionHeading/types.js +2 -0
- package/dist/cjs/biz-components/SectionHeading/types.js.map +7 -0
- package/dist/cjs/biz-components/Shelf/Shelf.d.ts +4 -1
- package/dist/cjs/biz-components/ShelfDisplay/index.d.ts +51 -28
- package/dist/cjs/biz-components/ShelfDisplay/index.js +9 -9
- package/dist/cjs/biz-components/ShelfDisplay/index.js.map +3 -3
- package/dist/cjs/biz-components/ShelfDisplay/shelfDisplay.d.ts +23 -0
- package/dist/cjs/biz-components/ShelfDisplay/shelfDisplay.js +2 -0
- package/dist/cjs/biz-components/ShelfDisplay/shelfDisplay.js.map +7 -0
- package/dist/cjs/biz-components/Slogan/index.d.ts +4 -1
- package/dist/cjs/biz-components/Slogan/index.js +1 -1
- package/dist/cjs/biz-components/Slogan/index.js.map +3 -3
- package/dist/cjs/biz-components/Slogan/types.d.ts +20 -12
- package/dist/cjs/biz-components/Slogan/types.js +1 -1
- package/dist/cjs/biz-components/Slogan/types.js.map +1 -1
- package/dist/cjs/biz-components/SwiperBox/index.d.ts +4 -0
- package/dist/cjs/biz-components/SwiperBox/index.js +2 -0
- package/dist/cjs/biz-components/SwiperBox/index.js.map +7 -0
- package/dist/cjs/biz-components/SwiperBox/types.d.ts +14 -0
- package/dist/cjs/biz-components/SwiperBox/types.js +2 -0
- package/dist/cjs/biz-components/SwiperBox/types.js.map +7 -0
- package/dist/cjs/biz-components/Tabs/Tabs.d.ts +10 -0
- package/dist/cjs/biz-components/Tabs/Tabs.js +2 -0
- package/dist/cjs/biz-components/Tabs/Tabs.js.map +7 -0
- package/dist/cjs/biz-components/Tabs/index.d.ts +1 -0
- package/dist/cjs/biz-components/Tabs/index.js +2 -0
- package/dist/cjs/biz-components/Tabs/index.js.map +7 -0
- package/dist/cjs/biz-components/Tabs/types.d.ts +21 -0
- package/dist/cjs/biz-components/Tabs/types.js +2 -0
- package/dist/cjs/biz-components/Tabs/types.js.map +7 -0
- package/dist/cjs/biz-components/Title/index.d.ts +10 -0
- package/dist/cjs/biz-components/Title/index.js +2 -0
- package/dist/cjs/biz-components/Title/index.js.map +7 -0
- package/dist/cjs/biz-components/Title/types.d.ts +28 -0
- package/dist/cjs/biz-components/Title/types.js +2 -0
- package/dist/cjs/biz-components/Title/types.js.map +7 -0
- package/dist/cjs/biz-components/index.d.ts +10 -1
- package/dist/cjs/biz-components/index.js +1 -1
- package/dist/cjs/biz-components/index.js.map +3 -3
- package/dist/cjs/components/alert.d.ts +1 -1
- package/dist/cjs/components/avatar.d.ts +1 -1
- package/dist/cjs/components/avatar.js +1 -1
- package/dist/cjs/components/avatar.js.map +2 -2
- package/dist/cjs/components/badge.d.ts +1 -1
- package/dist/cjs/components/badge.js +1 -1
- package/dist/cjs/components/badge.js.map +2 -2
- package/dist/cjs/components/button.d.ts +1 -2
- package/dist/cjs/components/button.js +1 -1
- package/dist/cjs/components/button.js.map +3 -3
- package/dist/cjs/components/checkbox.d.ts +1 -1
- package/dist/cjs/components/checkbox.js +1 -1
- package/dist/cjs/components/checkbox.js.map +2 -2
- package/dist/cjs/components/color.d.ts +1 -1
- package/dist/cjs/components/container.d.ts +4 -0
- package/dist/cjs/components/container.js +1 -1
- package/dist/cjs/components/container.js.map +3 -3
- package/dist/cjs/components/dialog.js +1 -1
- package/dist/cjs/components/dialog.js.map +2 -2
- package/dist/cjs/components/drawer.js +1 -1
- package/dist/cjs/components/drawer.js.map +2 -2
- package/dist/cjs/components/drop-down.js +1 -1
- package/dist/cjs/components/drop-down.js.map +3 -3
- package/dist/cjs/components/gird.js +1 -1
- package/dist/cjs/components/gird.js.map +2 -2
- package/dist/cjs/components/heading.d.ts +3 -2
- package/dist/cjs/components/heading.js +1 -1
- package/dist/cjs/components/heading.js.map +3 -3
- package/dist/cjs/components/index.d.ts +18 -18
- package/dist/cjs/components/index.js +1 -1
- package/dist/cjs/components/index.js.map +3 -3
- package/dist/cjs/components/input-number.d.ts +2 -2
- package/dist/cjs/components/input.d.ts +1 -1
- package/dist/cjs/components/input.js +1 -1
- package/dist/cjs/components/input.js.map +1 -1
- package/dist/cjs/components/link.d.ts +2 -2
- package/dist/cjs/components/radio.d.ts +1 -1
- package/dist/cjs/components/radio.js +1 -1
- package/dist/cjs/components/radio.js.map +2 -2
- package/dist/cjs/components/skeleton.js +3 -3
- package/dist/cjs/components/skeleton.js.map +1 -1
- package/dist/cjs/components/tabs.d.ts +3 -1
- package/dist/cjs/components/tabs.js +1 -1
- package/dist/cjs/components/tabs.js.map +3 -3
- package/dist/cjs/components/text.d.ts +3 -2
- package/dist/cjs/components/text.js +1 -1
- package/dist/cjs/components/text.js.map +3 -3
- package/dist/cjs/components/theme.d.ts +1 -1
- package/dist/cjs/components/theme.js.map +1 -1
- package/dist/cjs/cpn-components/CpnBanner/index.d.ts +3 -0
- package/dist/cjs/cpn-components/CpnBanner/index.js +2 -0
- package/dist/cjs/cpn-components/CpnBanner/index.js.map +7 -0
- package/dist/cjs/cpn-components/CpnBanner/types.d.ts +43 -0
- package/dist/cjs/cpn-components/CpnBanner/types.js +2 -0
- package/dist/cjs/cpn-components/CpnBanner/types.js.map +7 -0
- package/dist/cjs/cpn-components/CpnCountDown/index.d.ts +3 -0
- package/dist/cjs/cpn-components/CpnCountDown/index.js +2 -0
- package/dist/cjs/cpn-components/CpnCountDown/index.js.map +7 -0
- package/dist/cjs/cpn-components/CpnCountDown/types.d.ts +28 -0
- package/dist/cjs/cpn-components/CpnCountDown/types.js +2 -0
- package/dist/cjs/cpn-components/CpnCountDown/types.js.map +7 -0
- package/dist/cjs/cpn-components/CpnNavigation/index.d.ts +3 -0
- package/dist/cjs/cpn-components/CpnNavigation/index.js +2 -0
- package/dist/cjs/cpn-components/CpnNavigation/index.js.map +7 -0
- package/dist/cjs/cpn-components/CpnNavigation/types.d.ts +19 -0
- package/dist/cjs/cpn-components/CpnNavigation/types.js +2 -0
- package/dist/cjs/cpn-components/CpnNavigation/types.js.map +7 -0
- package/dist/cjs/cpn-components/CpnProductCard/index.d.ts +3 -0
- package/dist/cjs/cpn-components/CpnProductCard/index.js +2 -0
- package/dist/cjs/cpn-components/CpnProductCard/index.js.map +7 -0
- package/dist/cjs/cpn-components/CpnProductCard/types.d.ts +109 -0
- package/dist/cjs/cpn-components/CpnProductCard/types.js +2 -0
- package/dist/cjs/cpn-components/CpnProductCard/types.js.map +7 -0
- package/dist/cjs/cpn-components/CpnTitle/index.d.ts +3 -0
- package/dist/cjs/cpn-components/CpnTitle/index.js +2 -0
- package/dist/cjs/cpn-components/CpnTitle/index.js.map +7 -0
- package/dist/cjs/cpn-components/CpnTitle/types.d.ts +10 -0
- package/dist/cjs/cpn-components/CpnTitle/types.js +2 -0
- package/dist/cjs/cpn-components/CpnTitle/types.js.map +7 -0
- package/dist/cjs/cpn-components/index.d.ts +5 -0
- package/dist/cjs/cpn-components/index.js +2 -0
- package/dist/cjs/cpn-components/index.js.map +7 -0
- package/dist/cjs/helpers/utils.js.map +2 -2
- package/dist/cjs/hooks/useCountDown.d.ts +10 -0
- package/dist/cjs/hooks/useCountDown.js +2 -0
- package/dist/cjs/hooks/useCountDown.js.map +7 -0
- package/dist/cjs/shared/Styles.d.ts +6 -5
- package/dist/cjs/shared/Styles.js +1 -1
- package/dist/cjs/shared/Styles.js.map +3 -3
- package/dist/cjs/shared/getKeyPropsString.d.ts +4 -0
- package/dist/cjs/shared/getKeyPropsString.js +2 -0
- package/dist/cjs/shared/getKeyPropsString.js.map +7 -0
- package/dist/cjs/shared/simpleHash.d.ts +1 -0
- package/dist/cjs/shared/simpleHash.js +2 -0
- package/dist/cjs/shared/simpleHash.js.map +7 -0
- package/dist/cjs/stories/HeroBanner.stories.d.ts +4 -1
- package/dist/cjs/stories/HeroBanner.stories.js +2 -2
- package/dist/cjs/stories/HeroBanner.stories.js.map +3 -3
- package/dist/cjs/stories/MemberEquity.stories.d.ts +1 -1
- package/dist/cjs/stories/MemberEquity.stories.js +3 -3
- package/dist/cjs/stories/MemberEquity.stories.js.map +2 -2
- package/dist/cjs/stories/MultiLayoutGraphicBlock.stories.d.ts +8 -0
- package/dist/cjs/stories/MultiLayoutGraphicBlock.stories.js +2 -0
- package/dist/cjs/stories/MultiLayoutGraphicBlock.stories.js.map +7 -0
- package/dist/cjs/stories/accordionCards.stories.d.ts +16 -13
- package/dist/cjs/stories/accordionCards.stories.js +1 -1
- package/dist/cjs/stories/accordionCards.stories.js.map +3 -3
- package/dist/cjs/stories/alert.stories.d.ts +1 -1
- package/dist/cjs/stories/avatar.stories.d.ts +1 -1
- package/dist/cjs/stories/avatar.stories.js +1 -1
- package/dist/cjs/stories/avatar.stories.js.map +2 -2
- package/dist/cjs/stories/badge.stories.js.map +1 -1
- package/dist/cjs/stories/bizTabs.stories.d.ts +7 -0
- package/dist/cjs/stories/bizTabs.stories.js +2 -0
- package/dist/cjs/stories/bizTabs.stories.js.map +7 -0
- package/dist/cjs/stories/brandEquity.stories.d.ts +4 -1
- package/dist/cjs/stories/brandEquity.stories.js +1 -1
- package/dist/cjs/stories/brandEquity.stories.js.map +3 -3
- package/dist/cjs/stories/button.stories.d.ts +0 -8
- package/dist/cjs/stories/button.stories.js +1 -1
- package/dist/cjs/stories/button.stories.js.map +2 -2
- package/dist/cjs/stories/carousel.stories.d.ts +3 -3
- package/dist/cjs/stories/carousel.stories.js +1 -1
- package/dist/cjs/stories/carousel.stories.js.map +2 -2
- package/dist/cjs/stories/category.stories.d.ts +7 -1
- package/dist/cjs/stories/category.stories.js +1 -1
- package/dist/cjs/stories/category.stories.js.map +3 -3
- package/dist/cjs/stories/checkbox.stories.d.ts +1 -1
- package/dist/cjs/stories/checkbox.stories.js.map +1 -1
- package/dist/cjs/stories/container.stories.d.ts +2 -0
- package/dist/cjs/stories/container.stories.js +2 -2
- package/dist/cjs/stories/container.stories.js.map +2 -2
- package/dist/cjs/stories/cpnBanner.stories.d.ts +14 -0
- package/dist/cjs/stories/cpnBanner.stories.js +2 -0
- package/dist/cjs/stories/cpnBanner.stories.js.map +7 -0
- package/dist/cjs/stories/cpnCountdown.stories.d.ts +12 -0
- package/dist/cjs/stories/cpnCountdown.stories.js +2 -0
- package/dist/cjs/stories/cpnCountdown.stories.js.map +7 -0
- package/dist/cjs/stories/cpnNavigation.stories.d.ts +14 -0
- package/dist/cjs/stories/cpnNavigation.stories.js +2 -0
- package/dist/cjs/stories/cpnNavigation.stories.js.map +7 -0
- package/dist/cjs/stories/cpnProductcard.stories.d.ts +14 -0
- package/dist/cjs/stories/cpnProductcard.stories.js +2 -0
- package/dist/cjs/stories/cpnProductcard.stories.js.map +7 -0
- package/dist/cjs/stories/cpnTitle.stories.d.ts +14 -0
- package/dist/cjs/stories/cpnTitle.stories.js +2 -0
- package/dist/cjs/stories/cpnTitle.stories.js.map +7 -0
- package/dist/cjs/stories/dialog.stories.d.ts +1 -1
- package/dist/cjs/stories/dialog.stories.js.map +1 -1
- package/dist/cjs/stories/drawer.stories.js +1 -1
- package/dist/cjs/stories/drawer.stories.js.map +2 -2
- package/dist/cjs/stories/drop-down.stories.js +1 -1
- package/dist/cjs/stories/drop-down.stories.js.map +2 -2
- package/dist/cjs/stories/evaluate.stories.d.ts +7 -1
- package/dist/cjs/stories/evaluate.stories.js +1 -1
- package/dist/cjs/stories/evaluate.stories.js.map +3 -3
- package/dist/cjs/stories/graphic.stories.d.ts +18 -7
- package/dist/cjs/stories/graphic.stories.js +1 -1
- package/dist/cjs/stories/graphic.stories.js.map +3 -3
- package/dist/cjs/stories/graphicAttractionBlock.stories.d.ts +6 -0
- package/dist/cjs/stories/graphicAttractionBlock.stories.js +2 -0
- package/dist/cjs/stories/graphicAttractionBlock.stories.js.map +7 -0
- package/dist/cjs/stories/grid.stories.d.ts +3 -3
- package/dist/cjs/stories/grid.stories.js.map +2 -2
- package/dist/cjs/stories/heading.stories.d.ts +2 -1
- package/dist/cjs/stories/heading.stories.js +1 -1
- package/dist/cjs/stories/heading.stories.js.map +3 -3
- package/dist/cjs/stories/input-number.stories.d.ts +1 -1
- package/dist/cjs/stories/link.stories.d.ts +1 -1
- package/dist/cjs/stories/marquee.stories.d.ts +7 -1
- package/dist/cjs/stories/marquee.stories.js +1 -1
- package/dist/cjs/stories/marquee.stories.js.map +3 -3
- package/dist/cjs/stories/mediaplayerBase.stories.d.ts +6 -0
- package/dist/cjs/stories/mediaplayerBase.stories.js +2 -0
- package/dist/cjs/stories/mediaplayerBase.stories.js.map +7 -0
- package/dist/cjs/stories/mediaplayerMulti.stories.d.ts +19 -0
- package/dist/cjs/stories/mediaplayerMulti.stories.js +2 -0
- package/dist/cjs/stories/mediaplayerMulti.stories.js.map +7 -0
- package/dist/cjs/stories/popover.stories.js.map +1 -1
- package/dist/cjs/stories/radio.stories.d.ts +2 -2
- package/dist/cjs/stories/radio.stories.js.map +1 -1
- package/dist/cjs/stories/shelf.stories.d.ts +4 -1
- package/dist/cjs/stories/shelfDisplay.stories.d.ts +7 -1
- package/dist/cjs/stories/shelfDisplay.stories.js +1 -1
- package/dist/cjs/stories/shelfDisplay.stories.js.map +2 -2
- package/dist/cjs/stories/skeleton.stories.js +1 -1
- package/dist/cjs/stories/skeleton.stories.js.map +2 -2
- package/dist/cjs/stories/slogan.stories.d.ts +4 -1
- package/dist/cjs/stories/slogan.stories.js +1 -1
- package/dist/cjs/stories/slogan.stories.js.map +3 -3
- package/dist/cjs/stories/tabs.stories.d.ts +20 -7
- package/dist/cjs/stories/tabs.stories.js +1 -1
- package/dist/cjs/stories/tabs.stories.js.map +2 -2
- package/dist/cjs/stories/text.stories.d.ts +1 -1
- package/dist/cjs/stories/text.stories.js +2 -2
- package/dist/cjs/stories/text.stories.js.map +2 -2
- package/dist/cjs/types/props.d.ts +28 -0
- 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 +24 -20
- package/dist/esm/biz-components/AccordionCards/index.js +1 -1
- package/dist/esm/biz-components/AccordionCards/index.js.map +3 -3
- package/dist/esm/biz-components/BrandEquity/BrandEquity.d.ts +5 -15
- 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 +18 -0
- package/dist/esm/biz-components/BrandEquity/types.js +1 -0
- package/dist/esm/biz-components/BrandEquity/types.js.map +7 -0
- package/dist/esm/biz-components/Category/SwiperCategory.d.ts +16 -0
- package/dist/esm/biz-components/Category/SwiperCategory.js +2 -0
- package/dist/esm/biz-components/Category/SwiperCategory.js.map +7 -0
- package/dist/esm/biz-components/Category/index.d.ts +24 -8
- package/dist/esm/biz-components/Category/index.js +1 -1
- package/dist/esm/biz-components/Category/index.js.map +3 -3
- package/dist/esm/biz-components/Evaluate/index.d.ts +22 -8
- package/dist/esm/biz-components/Evaluate/index.js +1 -1
- package/dist/esm/biz-components/Evaluate/index.js.map +3 -3
- package/dist/esm/biz-components/Graphic/index.d.ts +16 -7
- package/dist/esm/biz-components/Graphic/index.js +1 -1
- package/dist/esm/biz-components/Graphic/index.js.map +3 -3
- package/dist/esm/biz-components/GraphicAttractionBlock/index.d.ts +29 -0
- package/dist/esm/biz-components/GraphicAttractionBlock/index.js +2 -0
- package/dist/esm/biz-components/GraphicAttractionBlock/index.js.map +7 -0
- 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/HeroBanner/index.js.map +1 -1
- package/dist/esm/biz-components/HeroBanner/types.d.ts +24 -22
- package/dist/esm/biz-components/Marquee/Marquee.d.ts +35 -0
- package/dist/esm/biz-components/Marquee/Marquee.js +2 -0
- package/dist/esm/biz-components/Marquee/Marquee.js.map +7 -0
- package/dist/esm/biz-components/Marquee/index.d.ts +3 -23
- package/dist/esm/biz-components/Marquee/index.js +1 -1
- package/dist/esm/biz-components/Marquee/index.js.map +4 -4
- package/dist/esm/biz-components/MediaPlayerBase/index.d.ts +9 -0
- package/dist/esm/biz-components/MediaPlayerBase/index.js +2 -0
- package/dist/esm/biz-components/MediaPlayerBase/index.js.map +7 -0
- package/dist/esm/biz-components/MediaPlayerBase/types.d.ts +12 -0
- package/dist/esm/biz-components/MediaPlayerBase/types.js +1 -0
- package/dist/esm/biz-components/MediaPlayerBase/types.js.map +7 -0
- package/dist/esm/biz-components/MediaPlayerMulti/index.d.ts +9 -0
- package/dist/esm/biz-components/MediaPlayerMulti/index.js +2 -0
- package/dist/esm/biz-components/MediaPlayerMulti/index.js.map +7 -0
- package/dist/esm/biz-components/MediaPlayerMulti/types.d.ts +17 -0
- package/dist/esm/biz-components/MediaPlayerMulti/types.js +1 -0
- package/dist/esm/biz-components/MediaPlayerMulti/types.js.map +7 -0
- package/dist/esm/biz-components/MediaPlayerSticky/index.d.ts +9 -0
- package/dist/esm/biz-components/MediaPlayerSticky/index.js +2 -0
- package/dist/esm/biz-components/MediaPlayerSticky/index.js.map +7 -0
- package/dist/esm/biz-components/MediaPlayerSticky/types.d.ts +17 -0
- package/dist/esm/biz-components/MediaPlayerSticky/types.js +1 -0
- package/dist/esm/biz-components/MediaPlayerSticky/types.js.map +7 -0
- package/dist/esm/biz-components/MemberEquity/index.d.ts +4 -1
- package/dist/esm/biz-components/MemberEquity/index.js +9 -39
- package/dist/esm/biz-components/MemberEquity/index.js.map +3 -3
- package/dist/esm/biz-components/MemberEquity/types.d.ts +23 -20
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.d.ts +11 -0
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js +2 -0
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js.map +7 -0
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/index.d.ts +2 -0
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/index.js +2 -0
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/index.js.map +7 -0
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/types.d.ts +31 -0
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/types.js +1 -0
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/types.js.map +7 -0
- package/dist/esm/biz-components/SectionHeading/SectionHeading.d.ts +4 -0
- package/dist/esm/biz-components/SectionHeading/SectionHeading.js +2 -0
- package/dist/esm/biz-components/SectionHeading/SectionHeading.js.map +7 -0
- package/dist/esm/biz-components/SectionHeading/index.d.ts +0 -0
- package/dist/esm/biz-components/SectionHeading/index.js +2 -0
- package/dist/esm/biz-components/SectionHeading/index.js.map +7 -0
- package/dist/esm/biz-components/SectionHeading/types.d.ts +6 -0
- package/dist/esm/biz-components/SectionHeading/types.js +2 -0
- package/dist/esm/biz-components/SectionHeading/types.js.map +7 -0
- package/dist/esm/biz-components/Shelf/Shelf.d.ts +4 -1
- package/dist/esm/biz-components/ShelfDisplay/index.d.ts +51 -28
- package/dist/esm/biz-components/ShelfDisplay/index.js +9 -9
- package/dist/esm/biz-components/ShelfDisplay/index.js.map +3 -3
- package/dist/esm/biz-components/ShelfDisplay/shelfDisplay.d.ts +23 -0
- package/dist/esm/biz-components/ShelfDisplay/shelfDisplay.js +2 -0
- package/dist/esm/biz-components/ShelfDisplay/shelfDisplay.js.map +7 -0
- package/dist/esm/biz-components/Slogan/index.d.ts +4 -1
- package/dist/esm/biz-components/Slogan/index.js +1 -1
- package/dist/esm/biz-components/Slogan/index.js.map +3 -3
- package/dist/esm/biz-components/Slogan/types.d.ts +20 -12
- package/dist/esm/biz-components/SwiperBox/index.d.ts +4 -0
- package/dist/esm/biz-components/SwiperBox/index.js +2 -0
- package/dist/esm/biz-components/SwiperBox/index.js.map +7 -0
- package/dist/esm/biz-components/SwiperBox/types.d.ts +14 -0
- package/dist/esm/biz-components/SwiperBox/types.js +2 -0
- package/dist/esm/biz-components/SwiperBox/types.js.map +7 -0
- package/dist/esm/biz-components/Tabs/Tabs.d.ts +10 -0
- package/dist/esm/biz-components/Tabs/Tabs.js +2 -0
- package/dist/esm/biz-components/Tabs/Tabs.js.map +7 -0
- package/dist/esm/biz-components/Tabs/index.d.ts +1 -0
- package/dist/esm/biz-components/Tabs/index.js +2 -0
- package/dist/esm/biz-components/Tabs/index.js.map +7 -0
- package/dist/esm/biz-components/Tabs/types.d.ts +21 -0
- package/dist/esm/biz-components/Tabs/types.js +1 -0
- package/dist/esm/biz-components/Tabs/types.js.map +7 -0
- package/dist/esm/biz-components/Title/index.d.ts +10 -0
- package/dist/esm/biz-components/Title/index.js +2 -0
- package/dist/esm/biz-components/Title/index.js.map +7 -0
- package/dist/esm/biz-components/Title/types.d.ts +28 -0
- package/dist/esm/biz-components/Title/types.js +1 -0
- package/dist/esm/biz-components/Title/types.js.map +7 -0
- package/dist/esm/biz-components/index.d.ts +10 -1
- package/dist/esm/biz-components/index.js +1 -1
- package/dist/esm/biz-components/index.js.map +3 -3
- package/dist/esm/components/alert.d.ts +1 -1
- package/dist/esm/components/avatar.d.ts +1 -1
- package/dist/esm/components/avatar.js +1 -1
- package/dist/esm/components/avatar.js.map +2 -2
- package/dist/esm/components/badge.d.ts +1 -1
- package/dist/esm/components/badge.js +1 -1
- package/dist/esm/components/badge.js.map +2 -2
- package/dist/esm/components/button.d.ts +1 -2
- package/dist/esm/components/button.js +1 -1
- package/dist/esm/components/button.js.map +3 -3
- package/dist/esm/components/checkbox.d.ts +1 -1
- package/dist/esm/components/checkbox.js +1 -1
- package/dist/esm/components/checkbox.js.map +2 -2
- package/dist/esm/components/color.d.ts +1 -1
- package/dist/esm/components/container.d.ts +4 -0
- package/dist/esm/components/container.js +1 -1
- package/dist/esm/components/container.js.map +3 -3
- package/dist/esm/components/dialog.js +1 -1
- package/dist/esm/components/dialog.js.map +2 -2
- package/dist/esm/components/drawer.js +1 -1
- package/dist/esm/components/drawer.js.map +2 -2
- package/dist/esm/components/drop-down.js +1 -1
- package/dist/esm/components/drop-down.js.map +3 -3
- package/dist/esm/components/gird.js +1 -1
- package/dist/esm/components/gird.js.map +2 -2
- package/dist/esm/components/heading.d.ts +3 -2
- package/dist/esm/components/heading.js +1 -1
- package/dist/esm/components/heading.js.map +3 -3
- package/dist/esm/components/index.d.ts +18 -18
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/index.js.map +3 -3
- package/dist/esm/components/input-number.d.ts +2 -2
- package/dist/esm/components/input.d.ts +1 -1
- package/dist/esm/components/input.js +1 -1
- package/dist/esm/components/input.js.map +1 -1
- package/dist/esm/components/link.d.ts +2 -2
- package/dist/esm/components/radio.d.ts +1 -1
- package/dist/esm/components/radio.js +1 -1
- package/dist/esm/components/radio.js.map +2 -2
- package/dist/esm/components/skeleton.js +3 -3
- package/dist/esm/components/skeleton.js.map +1 -1
- package/dist/esm/components/tabs.d.ts +3 -1
- package/dist/esm/components/tabs.js +1 -1
- package/dist/esm/components/tabs.js.map +3 -3
- package/dist/esm/components/text.d.ts +3 -2
- package/dist/esm/components/text.js +1 -1
- package/dist/esm/components/text.js.map +3 -3
- package/dist/esm/components/theme.d.ts +1 -1
- package/dist/esm/components/theme.js.map +1 -1
- package/dist/esm/cpn-components/CpnBanner/index.d.ts +3 -0
- package/dist/esm/cpn-components/CpnBanner/index.js +2 -0
- package/dist/esm/cpn-components/CpnBanner/index.js.map +7 -0
- package/dist/esm/cpn-components/CpnBanner/types.d.ts +43 -0
- package/dist/esm/cpn-components/CpnBanner/types.js +1 -0
- package/dist/esm/cpn-components/CpnBanner/types.js.map +7 -0
- package/dist/esm/cpn-components/CpnCountDown/index.d.ts +3 -0
- package/dist/esm/cpn-components/CpnCountDown/index.js +2 -0
- package/dist/esm/cpn-components/CpnCountDown/index.js.map +7 -0
- package/dist/esm/cpn-components/CpnCountDown/types.d.ts +28 -0
- package/dist/esm/cpn-components/CpnCountDown/types.js +1 -0
- package/dist/esm/cpn-components/CpnCountDown/types.js.map +7 -0
- package/dist/esm/cpn-components/CpnNavigation/index.d.ts +3 -0
- package/dist/esm/cpn-components/CpnNavigation/index.js +2 -0
- package/dist/esm/cpn-components/CpnNavigation/index.js.map +7 -0
- package/dist/esm/cpn-components/CpnNavigation/types.d.ts +19 -0
- package/dist/esm/cpn-components/CpnNavigation/types.js +1 -0
- package/dist/esm/cpn-components/CpnNavigation/types.js.map +7 -0
- package/dist/esm/cpn-components/CpnProductCard/index.d.ts +3 -0
- package/dist/esm/cpn-components/CpnProductCard/index.js +2 -0
- package/dist/esm/cpn-components/CpnProductCard/index.js.map +7 -0
- package/dist/esm/cpn-components/CpnProductCard/types.d.ts +109 -0
- package/dist/esm/cpn-components/CpnProductCard/types.js +1 -0
- package/dist/esm/cpn-components/CpnProductCard/types.js.map +7 -0
- package/dist/esm/cpn-components/CpnTitle/index.d.ts +3 -0
- package/dist/esm/cpn-components/CpnTitle/index.js +2 -0
- package/dist/esm/cpn-components/CpnTitle/index.js.map +7 -0
- package/dist/esm/cpn-components/CpnTitle/types.d.ts +10 -0
- package/dist/esm/cpn-components/CpnTitle/types.js +1 -0
- package/dist/esm/cpn-components/CpnTitle/types.js.map +7 -0
- package/dist/esm/cpn-components/index.d.ts +5 -0
- package/dist/esm/cpn-components/index.js +2 -0
- package/dist/esm/cpn-components/index.js.map +7 -0
- package/dist/esm/helpers/utils.js.map +2 -2
- package/dist/esm/hooks/useCountDown.d.ts +10 -0
- package/dist/esm/hooks/useCountDown.js +2 -0
- package/dist/esm/hooks/useCountDown.js.map +7 -0
- package/dist/esm/shared/Styles.d.ts +6 -5
- package/dist/esm/shared/Styles.js +1 -1
- package/dist/esm/shared/Styles.js.map +3 -3
- package/dist/esm/shared/getKeyPropsString.d.ts +4 -0
- package/dist/esm/shared/getKeyPropsString.js +2 -0
- package/dist/esm/shared/getKeyPropsString.js.map +7 -0
- package/dist/esm/shared/simpleHash.d.ts +1 -0
- package/dist/esm/shared/simpleHash.js +2 -0
- package/dist/esm/shared/simpleHash.js.map +7 -0
- package/dist/esm/stories/HeroBanner.stories.d.ts +4 -1
- package/dist/esm/stories/HeroBanner.stories.js +2 -2
- package/dist/esm/stories/HeroBanner.stories.js.map +3 -3
- package/dist/esm/stories/MemberEquity.stories.d.ts +1 -1
- package/dist/esm/stories/MemberEquity.stories.js +3 -3
- package/dist/esm/stories/MemberEquity.stories.js.map +2 -2
- package/dist/esm/stories/MultiLayoutGraphicBlock.stories.d.ts +8 -0
- package/dist/esm/stories/MultiLayoutGraphicBlock.stories.js +2 -0
- package/dist/esm/stories/MultiLayoutGraphicBlock.stories.js.map +7 -0
- package/dist/esm/stories/accordionCards.stories.d.ts +16 -13
- package/dist/esm/stories/accordionCards.stories.js +1 -1
- package/dist/esm/stories/accordionCards.stories.js.map +3 -3
- package/dist/esm/stories/alert.stories.d.ts +1 -1
- package/dist/esm/stories/avatar.stories.d.ts +1 -1
- package/dist/esm/stories/avatar.stories.js +1 -1
- package/dist/esm/stories/avatar.stories.js.map +2 -2
- package/dist/esm/stories/badge.stories.js.map +1 -1
- package/dist/esm/stories/bizTabs.stories.d.ts +7 -0
- package/dist/esm/stories/bizTabs.stories.js +2 -0
- package/dist/esm/stories/bizTabs.stories.js.map +7 -0
- package/dist/esm/stories/brandEquity.stories.d.ts +4 -1
- package/dist/esm/stories/brandEquity.stories.js +1 -1
- package/dist/esm/stories/brandEquity.stories.js.map +3 -3
- package/dist/esm/stories/button.stories.d.ts +0 -8
- package/dist/esm/stories/button.stories.js +1 -1
- package/dist/esm/stories/button.stories.js.map +2 -2
- package/dist/esm/stories/carousel.stories.d.ts +3 -3
- package/dist/esm/stories/carousel.stories.js +1 -1
- package/dist/esm/stories/carousel.stories.js.map +2 -2
- package/dist/esm/stories/category.stories.d.ts +7 -1
- package/dist/esm/stories/category.stories.js +1 -1
- package/dist/esm/stories/category.stories.js.map +3 -3
- package/dist/esm/stories/checkbox.stories.d.ts +1 -1
- package/dist/esm/stories/checkbox.stories.js.map +1 -1
- package/dist/esm/stories/container.stories.d.ts +2 -0
- package/dist/esm/stories/container.stories.js +1 -1
- package/dist/esm/stories/container.stories.js.map +2 -2
- package/dist/esm/stories/cpnBanner.stories.d.ts +14 -0
- package/dist/esm/stories/cpnBanner.stories.js +2 -0
- package/dist/esm/stories/cpnBanner.stories.js.map +7 -0
- package/dist/esm/stories/cpnCountdown.stories.d.ts +12 -0
- package/dist/esm/stories/cpnCountdown.stories.js +2 -0
- package/dist/esm/stories/cpnCountdown.stories.js.map +7 -0
- package/dist/esm/stories/cpnNavigation.stories.d.ts +14 -0
- package/dist/esm/stories/cpnNavigation.stories.js +2 -0
- package/dist/esm/stories/cpnNavigation.stories.js.map +7 -0
- package/dist/esm/stories/cpnProductcard.stories.d.ts +14 -0
- package/dist/esm/stories/cpnProductcard.stories.js +2 -0
- package/dist/esm/stories/cpnProductcard.stories.js.map +7 -0
- package/dist/esm/stories/cpnTitle.stories.d.ts +14 -0
- package/dist/esm/stories/cpnTitle.stories.js +2 -0
- package/dist/esm/stories/cpnTitle.stories.js.map +7 -0
- package/dist/esm/stories/dialog.stories.d.ts +1 -1
- package/dist/esm/stories/dialog.stories.js.map +1 -1
- package/dist/esm/stories/drawer.stories.js +1 -1
- package/dist/esm/stories/drawer.stories.js.map +3 -3
- package/dist/esm/stories/drop-down.stories.js +1 -1
- package/dist/esm/stories/drop-down.stories.js.map +2 -2
- package/dist/esm/stories/evaluate.stories.d.ts +7 -1
- package/dist/esm/stories/evaluate.stories.js +1 -1
- package/dist/esm/stories/evaluate.stories.js.map +3 -3
- package/dist/esm/stories/graphic.stories.d.ts +18 -7
- package/dist/esm/stories/graphic.stories.js +1 -1
- package/dist/esm/stories/graphic.stories.js.map +3 -3
- package/dist/esm/stories/graphicAttractionBlock.stories.d.ts +6 -0
- package/dist/esm/stories/graphicAttractionBlock.stories.js +2 -0
- package/dist/esm/stories/graphicAttractionBlock.stories.js.map +7 -0
- package/dist/esm/stories/grid.stories.d.ts +3 -3
- package/dist/esm/stories/grid.stories.js.map +2 -2
- package/dist/esm/stories/heading.stories.d.ts +2 -1
- package/dist/esm/stories/heading.stories.js +1 -1
- package/dist/esm/stories/heading.stories.js.map +3 -3
- package/dist/esm/stories/input-number.stories.d.ts +1 -1
- package/dist/esm/stories/link.stories.d.ts +1 -1
- package/dist/esm/stories/marquee.stories.d.ts +7 -1
- package/dist/esm/stories/marquee.stories.js +1 -1
- package/dist/esm/stories/marquee.stories.js.map +2 -2
- package/dist/esm/stories/mediaplayerBase.stories.d.ts +6 -0
- package/dist/esm/stories/mediaplayerBase.stories.js +2 -0
- package/dist/esm/stories/mediaplayerBase.stories.js.map +7 -0
- package/dist/esm/stories/mediaplayerMulti.stories.d.ts +19 -0
- package/dist/esm/stories/mediaplayerMulti.stories.js +2 -0
- package/dist/esm/stories/mediaplayerMulti.stories.js.map +7 -0
- package/dist/esm/stories/popover.stories.js.map +1 -1
- package/dist/esm/stories/radio.stories.d.ts +2 -2
- package/dist/esm/stories/radio.stories.js.map +1 -1
- package/dist/esm/stories/shelf.stories.d.ts +4 -1
- package/dist/esm/stories/shelfDisplay.stories.d.ts +7 -1
- package/dist/esm/stories/shelfDisplay.stories.js +1 -1
- package/dist/esm/stories/shelfDisplay.stories.js.map +2 -2
- package/dist/esm/stories/skeleton.stories.js +1 -1
- package/dist/esm/stories/skeleton.stories.js.map +2 -2
- package/dist/esm/stories/slogan.stories.d.ts +4 -1
- package/dist/esm/stories/slogan.stories.js +2 -2
- package/dist/esm/stories/slogan.stories.js.map +3 -3
- package/dist/esm/stories/tabs.stories.d.ts +20 -7
- package/dist/esm/stories/tabs.stories.js +1 -1
- package/dist/esm/stories/tabs.stories.js.map +3 -3
- package/dist/esm/stories/text.stories.d.ts +1 -1
- package/dist/esm/stories/text.stories.js +2 -2
- package/dist/esm/stories/text.stories.js.map +3 -3
- package/dist/esm/types/props.d.ts +28 -0
- package/dist/tokens/anker.css +22 -0
- package/dist/tokens/base.css +166 -0
- package/dist/tokens/eufy.css +15 -0
- package/dist/tokens/eufyMake.css +10 -0
- package/dist/tokens/solix.css +9 -0
- package/dist/tokens/soundcore.css +16 -0
- package/package.json +49 -13
- package/style.css +196 -92
- package/tailwind.config.d.ts +2 -0
- package/tailwind.config.js +219 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/shared/simpleHash.ts"],
|
|
4
|
+
"sourcesContent": ["export function simpleHash(str: string): string {\n let hash = 5381\n for (let i = 0; i < str.length; i++) {\n hash = (hash << 5) + hash + str.charCodeAt(i)\n }\n return Math.abs(hash).toString(36)\n}\n"],
|
|
5
|
+
"mappings": "AAAO,SAASA,EAAWC,EAAqB,CAC9C,IAAIC,EAAO,KACX,QAASC,EAAI,EAAGA,EAAIF,EAAI,OAAQE,IAC9BD,GAAQA,GAAQ,GAAKA,EAAOD,EAAI,WAAWE,CAAC,EAE9C,OAAO,KAAK,IAAID,CAAI,EAAE,SAAS,EAAE,CACnC",
|
|
6
|
+
"names": ["simpleHash", "str", "hash", "i"]
|
|
7
|
+
}
|
|
@@ -3,7 +3,10 @@ import HeroBanner from '../biz-components/HeroBanner/HeroBanner.js';
|
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
5
|
component: {
|
|
6
|
-
(props: Omit<import("../biz-components/HeroBanner/types.js").HeroBannerProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps>
|
|
6
|
+
(props: Omit<import("../biz-components/HeroBanner/types.js").HeroBannerProps & import("react").RefAttributes<HTMLDivElement>, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
|
|
7
|
+
className?: string;
|
|
8
|
+
data?: Record<string, any>;
|
|
9
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
7
10
|
displayName: string;
|
|
8
11
|
};
|
|
9
12
|
parameters: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import r from"../biz-components/HeroBanner/HeroBanner.js";const o={title:"Biz-Components/HeroBanner",component:r,parameters:{layout:"fullscreen",docs:{description:{component:`
|
|
2
2
|
HeroBanner \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u7F51\u7AD9\u7684\u4E3B\u8981\u5185\u5BB9\u533A\u57DF\uFF0C\u901A\u5E38\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u884C\u52A8\u6309\u94AE\u3002
|
|
3
3
|
|
|
4
4
|
### \u7279\u70B9
|
|
@@ -6,5 +6,5 @@ HeroBanner \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u7F51\u7AD9\u7684\u4E3B\u8981\u5
|
|
|
6
6
|
- \u4F7F\u7528 Mont For Anker \u5B57\u4F53\u4F5C\u4E3A\u6807\u9898
|
|
7
7
|
- \u53EF\u914D\u7F6E\u4E3B\u6309\u94AE\u548C\u6B21\u8981\u6309\u94AE
|
|
8
8
|
- \u652F\u6301\u5E95\u90E8\u4EA7\u54C1\u5217\u8868
|
|
9
|
-
`}}},tags:["autodocs"]};var
|
|
9
|
+
`}}},tags:["autodocs"]};var i=o;const e="https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aee13b30b2c77fc8d0a46e4f19fa48cb_6a25debf-f95e-4ca6-990b-babcad65216c.png?v=1745468206",t="https://cdn.shopify.com/s/files/1/0517/6767/3016/files/87e32d61fc407d5e6c8aff00f3453072.jpg?v=1745999899",n={args:{data:{title:"Anker Laptop Power",subtitle:"Anker Prime 240W GaN Desktop Charger (4 Ports)",pcImage:{url:e,alt:"default background",thumbnailURL:e,mimeType:"image/jpeg"},mobileImage:{url:e,alt:"default background",thumbnailURL:e,mimeType:"image/jpeg"},theme:"light",primaryButton:{text:"Shop Now"},secondaryButton:{text:"Learn More"},products:[{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"},{title:"Anker Prime 27,650mAh Power Bank (250W)"},{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"}]}}},m={args:{data:{title:"Power Your Life",subtitle:"Experience the next generation of charging technology with our innovative solutions designed for modern life.",pcImage:{url:t,alt:"dark background",thumbnailURL:t,mimeType:"image/jpeg"},mobileImage:{url:t,alt:"dark background",thumbnailURL:t,mimeType:"image/jpeg"},theme:"dark",primaryButton:{text:"Shop Now"},secondaryButton:{text:"Learn More"},products:[{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"},{title:"Anker Prime 27,650mAh Power Bank (250W)"},{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"}]}}},s={args:{data:{title:"Future of Charging",subtitle:"Step into the future with our revolutionary charging solutions that redefine the way you power your devices.",pcImage:{url:e,alt:"default background",thumbnailURL:e,mimeType:"image/jpeg"},mobileImage:{url:e,alt:"default background",thumbnailURL:e,mimeType:"image/jpeg"},theme:"light",primaryButton:{text:"Shop Now"},products:[{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"},{title:"Anker Prime 27,650mAh Power Bank (250W)"},{title:"Anker Prime 240W GaN Desktop Charger (4 Ports)"}]}}};export{m as DarkTheme,n as LightTheme,s as WithoutSecondaryButton,i as default};
|
|
10
10
|
//# sourceMappingURL=HeroBanner.stories.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/stories/HeroBanner.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport HeroBanner from '../biz-components/HeroBanner/HeroBanner.js'\n\nconst meta = {\n title: 'Biz-Components/HeroBanner',\n component: HeroBanner,\n parameters: {\n layout: 'fullscreen',\n docs: {\n description: {\n component: `\nHeroBanner \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u7F51\u7AD9\u7684\u4E3B\u8981\u5185\u5BB9\u533A\u57DF\uFF0C\u901A\u5E38\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u884C\u52A8\u6309\u94AE\u3002\n\n### \u7279\u70B9\n- \u652F\u6301\u4EAE\u8272\u548C\u6697\u8272\u4E3B\u9898\n- \u4F7F\u7528 Mont For Anker \u5B57\u4F53\u4F5C\u4E3A\u6807\u9898\n- \u53EF\u914D\u7F6E\u4E3B\u6309\u94AE\u548C\u6B21\u8981\u6309\u94AE\n- \u652F\u6301\u5E95\u90E8\u4EA7\u54C1\u5217\u8868\n `,\n },\n },\n },\n tags: ['autodocs'],\n} satisfies Meta<typeof HeroBanner>\n\nexport default meta\ntype Story = StoryObj<typeof HeroBanner>\n\nconst defaultBackground
|
|
5
|
-
"mappings": "AACA,OAAOA,MAAgB,6CAEvB,MAAMC,EAAO,CACX,MAAO,4BACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SASb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,
|
|
6
|
-
"names": ["HeroBanner", "meta", "HeroBanner_stories_default", "defaultBackground", "LightTheme", "DarkTheme", "WithoutSecondaryButton"]
|
|
4
|
+
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport HeroBanner from '../biz-components/HeroBanner/HeroBanner.js'\n\nconst meta = {\n title: 'Biz-Components/HeroBanner',\n component: HeroBanner,\n parameters: {\n layout: 'fullscreen',\n docs: {\n description: {\n component: `\nHeroBanner \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u7F51\u7AD9\u7684\u4E3B\u8981\u5185\u5BB9\u533A\u57DF\uFF0C\u901A\u5E38\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u884C\u52A8\u6309\u94AE\u3002\n\n### \u7279\u70B9\n- \u652F\u6301\u4EAE\u8272\u548C\u6697\u8272\u4E3B\u9898\n- \u4F7F\u7528 Mont For Anker \u5B57\u4F53\u4F5C\u4E3A\u6807\u9898\n- \u53EF\u914D\u7F6E\u4E3B\u6309\u94AE\u548C\u6B21\u8981\u6309\u94AE\n- \u652F\u6301\u5E95\u90E8\u4EA7\u54C1\u5217\u8868\n `,\n },\n },\n },\n tags: ['autodocs'],\n} satisfies Meta<typeof HeroBanner>\n\nexport default meta\ntype Story = StoryObj<typeof HeroBanner>\n\nconst defaultBackground =\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aee13b30b2c77fc8d0a46e4f19fa48cb_6a25debf-f95e-4ca6-990b-babcad65216c.png?v=1745468206'\n\nconst darkBackground =\n 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/87e32d61fc407d5e6c8aff00f3453072.jpg?v=1745999899'\n\nexport const LightTheme: Story = {\n args: {\n data: {\n title: 'Anker Laptop Power',\n subtitle: 'Anker Prime 240W GaN Desktop Charger (4 Ports)',\n pcImage: {\n url: defaultBackground,\n alt: 'default background',\n thumbnailURL: defaultBackground,\n mimeType: 'image/jpeg',\n },\n mobileImage: {\n url: defaultBackground,\n alt: 'default background',\n thumbnailURL: defaultBackground,\n mimeType: 'image/jpeg',\n },\n theme: 'light',\n primaryButton: {\n text: 'Shop Now',\n },\n secondaryButton: {\n text: 'Learn More',\n },\n products: [\n { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n ],\n },\n },\n}\n\nexport const DarkTheme: Story = {\n args: {\n data: {\n title: 'Power Your Life',\n subtitle:\n 'Experience the next generation of charging technology with our innovative solutions designed for modern life.',\n pcImage: {\n url: darkBackground,\n alt: 'dark background',\n thumbnailURL: darkBackground,\n mimeType: 'image/jpeg',\n },\n mobileImage: {\n url: darkBackground,\n alt: 'dark background',\n thumbnailURL: darkBackground,\n mimeType: 'image/jpeg',\n },\n theme: 'dark',\n primaryButton: {\n text: 'Shop Now',\n },\n secondaryButton: {\n text: 'Learn More',\n },\n products: [\n { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n ],\n },\n },\n}\n\nexport const WithoutSecondaryButton: Story = {\n args: {\n data: {\n title: 'Future of Charging',\n subtitle:\n 'Step into the future with our revolutionary charging solutions that redefine the way you power your devices.',\n pcImage: {\n url: defaultBackground,\n alt: 'default background',\n thumbnailURL: defaultBackground,\n mimeType: 'image/jpeg',\n },\n mobileImage: {\n url: defaultBackground,\n alt: 'default background',\n thumbnailURL: defaultBackground,\n mimeType: 'image/jpeg',\n },\n theme: 'light',\n primaryButton: {\n text: 'Shop Now',\n },\n products: [\n { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n ],\n },\n },\n}\n"],
|
|
5
|
+
"mappings": "AACA,OAAOA,MAAgB,6CAEvB,MAAMC,EAAO,CACX,MAAO,4BACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SASb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EACJ,gJAEIC,EACJ,2GAEWC,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,MAAO,qBACP,SAAU,iDACV,QAAS,CACP,IAAKF,EACL,IAAK,qBACL,aAAcA,EACd,SAAU,YACZ,EACA,YAAa,CACX,IAAKA,EACL,IAAK,qBACL,aAAcA,EACd,SAAU,YACZ,EACA,MAAO,QACP,cAAe,CACb,KAAM,UACR,EACA,gBAAiB,CACf,KAAM,YACR,EACA,SAAU,CACR,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF,EAEaG,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,MAAO,kBACP,SACE,gHACF,QAAS,CACP,IAAKF,EACL,IAAK,kBACL,aAAcA,EACd,SAAU,YACZ,EACA,YAAa,CACX,IAAKA,EACL,IAAK,kBACL,aAAcA,EACd,SAAU,YACZ,EACA,MAAO,OACP,cAAe,CACb,KAAM,UACR,EACA,gBAAiB,CACf,KAAM,YACR,EACA,SAAU,CACR,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF,EAEaG,EAAgC,CAC3C,KAAM,CACJ,KAAM,CACJ,MAAO,qBACP,SACE,+GACF,QAAS,CACP,IAAKJ,EACL,IAAK,qBACL,aAAcA,EACd,SAAU,YACZ,EACA,YAAa,CACX,IAAKA,EACL,IAAK,qBACL,aAAcA,EACd,SAAU,YACZ,EACA,MAAO,QACP,cAAe,CACb,KAAM,UACR,EACA,SAAU,CACR,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF",
|
|
6
|
+
"names": ["HeroBanner", "meta", "HeroBanner_stories_default", "defaultBackground", "darkBackground", "LightTheme", "DarkTheme", "WithoutSecondaryButton"]
|
|
7
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import MemberEquity from '../biz-components/MemberEquity';
|
|
2
|
+
import MemberEquity from '../biz-components/MemberEquity/index.js';
|
|
3
3
|
declare const meta: Meta<typeof MemberEquity>;
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof MemberEquity>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import e from"../biz-components/MemberEquity/index.js";const t={title:"Biz-Components/MemberEquity",component:e,parameters:{layout:"fullscreen",docs:{description:{component:`
|
|
2
2
|
MemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\u7684\u7EC4\u4EF6\u3002
|
|
3
3
|
|
|
4
4
|
|
|
@@ -7,7 +7,7 @@ MemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\
|
|
|
7
7
|
.member-equity-description
|
|
8
8
|
.member-equity-button-primary
|
|
9
9
|
.member-equity-button-secondary
|
|
10
|
-
`}}},tags:["autodocs"]};var
|
|
10
|
+
`}}},tags:["autodocs"]};var r=t;const o={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",href:"/shop"},secondaryButton:{text:"Learn More",href:"/learn"},shape:"square"}}},s={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",href:"/shop"},secondaryButton:{text:"Learn More",href:"/learn"},shape:"rounded"}}},m={args:{data:{...o.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",href:"/join"},secondaryButton:{text:"Explore Benefits",href:"/benefits"}}}},i={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",href:"/shop"},secondaryButton:{text:"Learn More",href:"/learn"},shape:"square"},style:`
|
|
11
11
|
.member-equity-title {
|
|
12
12
|
background: linear-gradient(
|
|
13
13
|
90deg,
|
|
@@ -27,5 +27,5 @@ MemberEquity \u7EC4\u4EF6\u662F\u7528\u4E8E\u5C55\u793A\u4F1A\u5458\u6743\u76CA\
|
|
|
27
27
|
.member-equity-button-primary {
|
|
28
28
|
color: green;
|
|
29
29
|
}
|
|
30
|
-
|
|
30
|
+
`}};export{m as CustomButtons,i as CustomStyles,o as Default,s as Round,r as default};
|
|
31
31
|
//# sourceMappingURL=MemberEquity.stories.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/stories/MemberEquity.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'
|
|
5
|
-
"mappings": "AACA,OAAOA,MAAkB,
|
|
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 href: '/shop',\n },\n secondaryButton: {\n text: 'Learn More',\n href: '/learn',\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 href: '/shop',\n },\n secondaryButton: {\n text: 'Learn More',\n href: '/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 href: '/join',\n },\n secondaryButton: {\n text: 'Explore Benefits',\n href: '/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 href: '/shop',\n },\n secondaryButton: {\n text: 'Learn More',\n href: '/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": "AACA,OAAOA,MAAkB,0CAEzB,MAAMC,EAAkC,CACtC,MAAO,8BACP,UAAWD,EACX,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,IAAOE,EAAQD,EAIR,MAAME,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,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,EAGaC,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,GAAGF,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,EAGaG,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
6
|
"names": ["MemberEquity", "meta", "MemberEquity_stories_default", "Default", "Round", "CustomButtons", "CustomStyles"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,8 @@
|
|
|
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;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import"react";import e from"../biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js";import{gsap as o}from"gsap";import{useGSAP as l}from"@gsap/react";import{ScrollTrigger as a}from"gsap/dist/ScrollTrigger";import{SplitText as i}from"gsap/dist/SplitText";const r={title:"Biz-Components/MultiLayoutGraphicBlock",component:e,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 d=r;const t=[{theme:"light",title:"\u6807\u98981",description:"\u8FD9\u662F\u7B2C\u4E00\u4E2A\u533A\u5757\u7684\u63CF\u8FF0",imageUrl:"https://placehold.co/1920x1080?text=Image1",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:"https://placehold.co/200x240?text=Image2",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"},primaryButton:{text:"\u4E3B\u6309\u94AE",link:"#"},secondaryButton:{text:"\u6B21\u6309\u94AE",link:"#"},width:"half"}],p=[{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:"#"}}],g={args:{GSAP:{gsap:o,ScrollTrigger:a,SplitText:i,useGSAP:l},data:{items:t,carousel:{items:[]}}}},y={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"}]}}},k={args:{data:{items:t.slice(0,1),carousel:{items:p}}}};export{g as Default,y as ThirdWidth,k as WithCarousel,d as default};
|
|
2
|
+
//# sourceMappingURL=MultiLayoutGraphicBlock.stories.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/stories/MultiLayoutGraphicBlock.stories.tsx"],
|
|
4
|
+
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\nimport MultiLayoutGraphicBlock from '../biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js'\nimport type { MultiLayoutGraphicBlockProps } from '../biz-components/MultiLayoutGraphicBlock/types.js'\nimport { gsap } from 'gsap'\nimport { useGSAP } from '@gsap/react'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { SplitText } from 'gsap/dist/SplitText'\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: 'https://placehold.co/1920x1080?text=Image1',\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: 'https://placehold.co/200x240?text=Image2',\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 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 GSAP: { gsap, ScrollTrigger, SplitText, useGSAP },\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"],
|
|
5
|
+
"mappings": "AACA,MAAkB,QAClB,OAAOA,MAA6B,uEAEpC,OAAS,QAAAC,MAAY,OACrB,OAAS,WAAAC,MAAe,cACxB,OAAS,iBAAAC,MAAqB,0BAC9B,OAAS,aAAAC,MAAiB,sBAE1B,MAAMC,EAA6C,CACjD,MAAO,yCACP,UAAWL,EACX,KAAM,CAAC,UAAU,EACjB,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,gIACb,CACF,CACF,CACF,EAEA,IAAOM,EAAQD,EAIf,MAAME,EAAY,CAChB,CACE,MAAO,QACP,MAAO,gBACP,YAAa,+DACb,SAAU,6CACV,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,EAC1C,MAAO,MACT,EACA,CACE,MAAO,OACP,MAAO,gBACP,YAAa,+DACb,SAAU,2CACV,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,EAC1C,MAAO,MACT,EACA,CACE,MAAO,QACP,MAAO,gBACP,YAAa,+DACb,SAAU,CACR,IAAK,2CACL,IAAK,SACL,aAAc,2CACd,SAAU,WACZ,EACA,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,EAC1C,MAAO,MACT,CACF,EAEMC,EAAgB,CACpB,CACE,MAAO,OACP,MAAO,gBACP,YAAa,4BACb,SAAU,CACR,IAAK,8CACL,IAAK,YACL,aAAc,8CACd,SAAU,WACZ,EACA,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,CAC5C,EACA,CACE,MAAO,QACP,MAAO,gBACP,YAAa,4BACb,SAAU,CACR,IAAK,8CACL,IAAK,YACL,aAAc,8CACd,SAAU,WACZ,EACA,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,CAC5C,EACA,CACE,MAAO,QACP,MAAO,gBACP,YAAa,4BACb,SAAU,8CACV,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,CAC5C,EACA,CACE,MAAO,QACP,MAAO,gBACP,YAAa,4BACb,SAAU,CACR,IAAK,8CACL,IAAK,YACL,aAAc,8CACd,SAAU,WACZ,EACA,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,CAC5C,EACA,CACE,MAAO,QACP,MAAO,gBACP,YAAa,4BACb,SAAU,CACR,IAAK,8CACL,IAAK,YACL,aAAc,8CACd,SAAU,WACZ,EACA,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,CAC5C,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CAAE,KAAAR,EAAM,cAAAE,EAAe,UAAAC,EAAW,QAAAF,CAAQ,EAChD,KAAM,CACJ,MAAOK,EACP,SAAU,CAAE,MAAO,CAAC,CAAE,CACxB,CACF,CACF,EAEaG,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,MAAO,CACL,CACE,MAAO,QACP,MAAO,gBACP,YAAa,+DACb,SAAU,CACR,IAAK,6CACL,IAAK,SACL,aAAc,6CACd,SAAU,WACZ,EACA,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,EAC1C,MAAO,MACT,EACA,CACE,MAAO,OACP,MAAO,gBACP,YAAa,+DACb,SAAU,CACR,IAAK,2CACL,IAAK,SACL,aAAc,2CACd,SAAU,WACZ,EACA,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,EAC1C,MAAO,WACT,EACA,CACE,MAAO,QACP,MAAO,gBACP,YAAa,+DACb,SAAU,CACR,IAAK,2CACL,IAAK,SACL,aAAc,2CACd,SAAU,WACZ,EACA,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,EAC1C,MAAO,WACT,EACA,CACE,MAAO,QACP,MAAO,gBACP,YAAa,0DACb,SAAU,CACR,IAAK,2CACL,IAAK,SACL,aAAc,2CACd,SAAU,WACZ,EACA,cAAe,CAAE,KAAM,qBAAO,KAAM,GAAI,EACxC,gBAAiB,CAAE,KAAM,qBAAO,KAAM,GAAI,EAC1C,MAAO,WACT,CACF,CACF,CACF,CACF,EAEaC,EAAsB,CACjC,KAAM,CACJ,KAAM,CACJ,MAAOJ,EAAU,MAAM,EAAG,CAAC,EAC3B,SAAU,CAAE,MAAOC,CAAc,CACnC,CACF,CACF",
|
|
6
|
+
"names": ["MultiLayoutGraphicBlock", "gsap", "useGSAP", "ScrollTrigger", "SplitText", "meta", "MultiLayoutGraphicBlock_stories_default", "baseItems", "carouselItems", "Default", "ThirdWidth", "WithCarousel"]
|
|
7
|
+
}
|
|
@@ -1,21 +1,24 @@
|
|
|
1
1
|
import type { StoryObj } from '@storybook/react';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: ({
|
|
5
|
-
products: Array<{
|
|
6
|
-
title: string;
|
|
7
|
-
img: string;
|
|
8
|
-
subTitle: string;
|
|
9
|
-
}>;
|
|
4
|
+
component: ({ data, className, GSAP }: {
|
|
10
5
|
className?: string;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
6
|
+
data: {
|
|
7
|
+
key?: string;
|
|
8
|
+
title?: string;
|
|
9
|
+
products: Array<{
|
|
10
|
+
title: string;
|
|
11
|
+
img: {
|
|
12
|
+
url: string;
|
|
13
|
+
};
|
|
14
|
+
subTitle: string;
|
|
15
|
+
link?: string;
|
|
16
|
+
}>;
|
|
17
|
+
shape?: "round" | "square";
|
|
18
|
+
itemShape?: "round" | "square";
|
|
19
|
+
primaryButton?: string;
|
|
18
20
|
};
|
|
21
|
+
GSAP: any;
|
|
19
22
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
20
23
|
parameters: {
|
|
21
24
|
layout: string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import p from"../biz-components/AccordionCards/index.js";import{gsap as e}from"gsap";import{useGSAP as o}from"@gsap/react";import{ScrollTrigger as t}from"gsap/dist/ScrollTrigger";import{SplitText as s}from"gsap/dist/SplitText";const i={title:"Biz-Components/AccordionCards",component:p,parameters:{layout:"fullscreen"},tags:["autodocs"]};var f=i;const r=[{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."}],g={args:{GSAP:{gsap:e,ScrollTrigger:t,SplitText:s,useGSAP:o},data:{products:r,primaryButton:"Learn More"}}},m={args:{GSAP:{gsap:e,ScrollTrigger:t,SplitText:s,useGSAP:o},data:{products:r,shape:"round",itemShape:"round",primaryButton:"Learn More"}}};export{g as Default,m as Round,f as default};
|
|
2
2
|
//# sourceMappingURL=accordionCards.stories.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/stories/accordionCards.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport AccordionCards from '../biz-components/AccordionCards'\n\nconst meta = {\n
|
|
5
|
-
"mappings": "AACA,OAAOA,MAAoB,
|
|
6
|
-
"names": ["AccordionCards", "meta", "accordionCards_stories_default", "mock", "Default", "Round"]
|
|
4
|
+
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport AccordionCards from '../biz-components/AccordionCards/index.js'\nimport { gsap } from 'gsap'\nimport { useGSAP } from '@gsap/react'\nimport { ScrollTrigger } from 'gsap/dist/ScrollTrigger'\nimport { SplitText } from 'gsap/dist/SplitText'\n\nconst meta = {\n title: 'Biz-Components/AccordionCards',\n component: AccordionCards,\n parameters: {\n layout: 'fullscreen',\n },\n tags: ['autodocs'],\n} satisfies Meta<typeof AccordionCards>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mock = [\n {\n title: 'Apple Charging Solutions',\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n },\n subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n },\n {\n title: 'Apple Charging Solutions',\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n },\n subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n },\n {\n title: 'Apple Charging Solutions',\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n },\n subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n },\n {\n title: 'Apple Charging Solutions',\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n },\n subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n },\n]\n\nexport const Default: Story = {\n args: {\n GSAP: { gsap, ScrollTrigger, SplitText, useGSAP },\n data: {\n products: mock,\n primaryButton: 'Learn More',\n },\n },\n}\n\nexport const Round: Story = {\n args: {\n GSAP: { gsap, ScrollTrigger, SplitText, useGSAP },\n data: {\n products: mock,\n shape: 'round',\n itemShape: 'round',\n primaryButton: 'Learn More',\n },\n },\n}\n"],
|
|
5
|
+
"mappings": "AACA,OAAOA,MAAoB,4CAC3B,OAAS,QAAAC,MAAY,OACrB,OAAS,WAAAC,MAAe,cACxB,OAAS,iBAAAC,MAAqB,0BAC9B,OAAS,aAAAC,MAAiB,sBAE1B,MAAMC,EAAO,CACX,MAAO,gCACP,UAAWL,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOM,EAAQD,EAGf,MAAME,EAAO,CACX,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CAAE,KAAAP,EAAM,cAAAE,EAAe,UAAAC,EAAW,QAAAF,CAAQ,EAChD,KAAM,CACJ,SAAUK,EACV,cAAe,YACjB,CACF,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,KAAM,CAAE,KAAAR,EAAM,cAAAE,EAAe,UAAAC,EAAW,QAAAF,CAAQ,EAChD,KAAM,CACJ,SAAUK,EACV,MAAO,QACP,UAAW,QACX,cAAe,YACjB,CACF,CACF",
|
|
6
|
+
"names": ["AccordionCards", "gsap", "useGSAP", "ScrollTrigger", "SplitText", "meta", "accordionCards_stories_default", "mock", "Default", "Round"]
|
|
7
7
|
}
|
|
@@ -4,7 +4,7 @@ declare const meta: {
|
|
|
4
4
|
title: string;
|
|
5
5
|
component: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("class-variance-authority").VariantProps<(props?: ({
|
|
6
6
|
variant?: "default" | "destructive" | null | undefined;
|
|
7
|
-
} & import("class-variance-authority/
|
|
7
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
|
|
8
8
|
status?: "success" | "error" | "warning" | "info";
|
|
9
9
|
closable?: boolean;
|
|
10
10
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -11,7 +11,7 @@ declare const meta: {
|
|
|
11
11
|
textClassName?: string;
|
|
12
12
|
} & import("class-variance-authority").VariantProps<(props?: ({
|
|
13
13
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
14
|
-
} & import("class-variance-authority/
|
|
14
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & Omit<import("@radix-ui/react-avatar").AvatarProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
15
15
|
tags: string[];
|
|
16
16
|
subcomponents: any;
|
|
17
17
|
parameters: {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as a,jsxs as
|
|
1
|
+
import{jsx as a,jsxs as e}from"react/jsx-runtime";import{UserIcon as i}from"@storybook/icons";import{Avatar as t,AvatarImage as r,AvatarFallback as s}from"../components/index.js";const o={title:"Components/Avatar",component:t,tags:["autodocs"],subcomponents:{AvatarImage:r,AvatarFallback:s},parameters:{layout:"centered",docs:{description:{component:"avatar\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-avatar,https://www.radix-ui.com/primitives/docs/components/avatar"}}},argTypes:{size:{description:"\u5C3A\u5BF8",table:{defaultValue:{summary:"small"}}}}};var n=o;const A=()=>e(t,{size:"large",children:[a(r,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),a(s,{children:"CN"})]}),l=()=>e("div",{className:"flex items-center gap-4",children:[e(t,{size:"large",children:[a(r,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),a(s,{children:"CN"})]}),a(t,{size:"large",children:a(i,{className:"size-6"})}),a(t,{size:"large",children:"A"})]}),v=()=>e("div",{className:"flex items-center gap-4",children:[a(t,{isAdaptation:!0,children:"A"}),a(t,{isAdaptation:!0,children:"ALi"}),a(t,{isAdaptation:!0,children:"Alice"})]}),m=()=>e("div",{className:"flex items-center gap-4",children:[a(t,{children:"A"}),a(t,{size:"medium",children:"A"}),a(t,{size:"large",children:"A"})]});export{m as AvatarSize,v as AvatarTextAdaptation,l as AvatarType,A as Default,n as default};
|
|
2
2
|
//# sourceMappingURL=avatar.stories.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/stories/avatar.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta } from '@storybook/react
|
|
5
|
-
"mappings": "AA8BE,OACE,OAAAA,EADF,QAAAC,MAAA,oBA7BF,OAAS,YAAAC,MAAgB,mBACzB,OAAS,UAAAC,EAAQ,eAAAC,EAAa,kBAAAC,MAAsB,yBAEpD,MAAMC,EAAO,CACX,MAAO,oBACP,UAAWH,EACX,KAAM,CAAC,UAAU,EACjB,cAAe,CAAE,YAAAC,EAAa,eAAAC,CAAe,EAC7C,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,kHACb,CACF,CACF,EACA,SAAU,CACR,KAAM,CACJ,YAAa,eACb,MAAO,CACL,aAAc,CAAE,QAAS,OAAQ,CACnC,CACF,CACF,CACF,EAEA,IAAOE,EAAQD,EAER,MAAME,EAAU,IACrBP,EAACE,EAAA,
|
|
4
|
+
"sourcesContent": ["import type { Meta } from '@storybook/react'\nimport { UserIcon } from '@storybook/icons'\nimport { Avatar, AvatarImage, AvatarFallback } from '../components/index.js'\n\nconst meta = {\n title: 'Components/Avatar',\n component: Avatar,\n tags: ['autodocs'],\n subcomponents: { AvatarImage, AvatarFallback } as any,\n parameters: {\n layout: 'centered',\n docs: {\n description: {\n component: 'avatar\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-avatar,https://www.radix-ui.com/primitives/docs/components/avatar',\n },\n },\n },\n argTypes: {\n size: {\n description: '\u5C3A\u5BF8',\n table: {\n defaultValue: { summary: 'small' },\n },\n },\n },\n} satisfies Meta<typeof Avatar>\n\nexport default meta\n\nexport const Default = () => (\n <Avatar size=\"large\">\n <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n <AvatarFallback>CN</AvatarFallback>\n </Avatar>\n)\n\nexport const AvatarType = () => (\n <div className=\"flex items-center gap-4\">\n <Avatar size=\"large\">\n <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n <AvatarFallback>CN</AvatarFallback>\n </Avatar>\n <Avatar size=\"large\">\n <UserIcon className=\"size-6\" />\n </Avatar>\n <Avatar size=\"large\">A</Avatar>\n </div>\n)\n\nexport const AvatarTextAdaptation = () => (\n <div className=\"flex items-center gap-4\">\n <Avatar isAdaptation>A</Avatar>\n <Avatar isAdaptation>ALi</Avatar>\n <Avatar isAdaptation>Alice</Avatar>\n </div>\n)\n\nexport const AvatarSize = () => (\n <div className=\"flex items-center gap-4\">\n <Avatar>A</Avatar>\n <Avatar size=\"medium\">A</Avatar>\n <Avatar size=\"large\">A</Avatar>\n </div>\n)\n"],
|
|
5
|
+
"mappings": "AA8BE,OACE,OAAAA,EADF,QAAAC,MAAA,oBA7BF,OAAS,YAAAC,MAAgB,mBACzB,OAAS,UAAAC,EAAQ,eAAAC,EAAa,kBAAAC,MAAsB,yBAEpD,MAAMC,EAAO,CACX,MAAO,oBACP,UAAWH,EACX,KAAM,CAAC,UAAU,EACjB,cAAe,CAAE,YAAAC,EAAa,eAAAC,CAAe,EAC7C,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,kHACb,CACF,CACF,EACA,SAAU,CACR,KAAM,CACJ,YAAa,eACb,MAAO,CACL,aAAc,CAAE,QAAS,OAAQ,CACnC,CACF,CACF,CACF,EAEA,IAAOE,EAAQD,EAER,MAAME,EAAU,IACrBP,EAACE,EAAA,CAAO,KAAK,QACX,UAAAH,EAACI,EAAA,CAAY,IAAI,gCAAgC,IAAI,UAAU,EAC/DJ,EAACK,EAAA,CAAe,cAAE,GACpB,EAGWI,EAAa,IACxBR,EAAC,OAAI,UAAU,0BACb,UAAAA,EAACE,EAAA,CAAO,KAAK,QACX,UAAAH,EAACI,EAAA,CAAY,IAAI,gCAAgC,IAAI,UAAU,EAC/DJ,EAACK,EAAA,CAAe,cAAE,GACpB,EACAL,EAACG,EAAA,CAAO,KAAK,QACX,SAAAH,EAACE,EAAA,CAAS,UAAU,SAAS,EAC/B,EACAF,EAACG,EAAA,CAAO,KAAK,QAAQ,aAAC,GACxB,EAGWO,EAAuB,IAClCT,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACG,EAAA,CAAO,aAAY,GAAC,aAAC,EACtBH,EAACG,EAAA,CAAO,aAAY,GAAC,eAAG,EACxBH,EAACG,EAAA,CAAO,aAAY,GAAC,iBAAK,GAC5B,EAGWQ,EAAa,IACxBV,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACG,EAAA,CAAO,aAAC,EACTH,EAACG,EAAA,CAAO,KAAK,SAAS,aAAC,EACvBH,EAACG,EAAA,CAAO,KAAK,QAAQ,aAAC,GACxB",
|
|
6
6
|
"names": ["jsx", "jsxs", "UserIcon", "Avatar", "AvatarImage", "AvatarFallback", "meta", "avatar_stories_default", "Default", "AvatarType", "AvatarTextAdaptation", "AvatarSize"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/stories/badge.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Badge } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n title: 'Components/Badge',\n component: Badge,\n parameters: {\n layout: 'centered',\n },\n tags: ['autodocs'],\n argTypes: {\n size: {\n control: {\n type: 'select',\n },\n options: ['sm', 'lg'],\n description: 'Badge \u5C3A\u5BF8',\n table: {\n defaultValue: { summary: 'lg' },\n },\n },\n },\n args: {\n size: 'lg'
|
|
4
|
+
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Badge } from '../components/index.js'\nimport React from 'react'\n\nconst meta = {\n title: 'Components/Badge',\n component: Badge,\n parameters: {\n layout: 'centered',\n },\n tags: ['autodocs'],\n argTypes: {\n size: {\n control: {\n type: 'select',\n },\n options: ['sm', 'lg'],\n description: 'Badge \u5C3A\u5BF8',\n table: {\n defaultValue: { summary: 'lg' },\n },\n },\n },\n args: {\n size: 'lg',\n },\n} satisfies Meta<typeof Badge>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n args: {\n children: 'New',\n },\n}\n\nexport const Examples: Story = {\n render() {\n return (\n <div className=\"flex flex-col space-y-4\">\n <Badge>New</Badge>\n </div>\n )\n },\n}\n"],
|
|
5
5
|
"mappings": "AA2CQ,cAAAA,MAAA,oBAzCR,OAAS,SAAAC,MAAa,yBACtB,MAAkB,QAElB,MAAMC,EAAO,CACX,MAAO,mBACP,UAAWD,EACX,WAAY,CACV,OAAQ,UACV,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,IAAI,EACpB,YAAa,qBACb,MAAO,CACL,aAAc,CAAE,QAAS,IAAK,CAChC,CACF,CACF,EACA,KAAM,CACJ,KAAM,IACR,CACF,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,SAAU,KACZ,CACF,EAEaC,EAAkB,CAC7B,QAAS,CACP,OACEL,EAAC,OAAI,UAAU,0BACb,SAAAA,EAACC,EAAA,CAAM,eAAG,EACZ,CAEJ,CACF",
|
|
6
6
|
"names": ["jsx", "Badge", "meta", "badge_stories_default", "Default", "Examples"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import Tabs from '../biz-components/Tabs/index.js';
|
|
3
|
+
declare const meta: Meta<typeof Tabs>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Tabs>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Dark: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import a from"../biz-components/Tabs/index.js";const s={title:"Biz-Components/Tabs",component:a,tags:["autodocs"]};var r=s;const t={tabName:"\u7545\u9500\u5546\u54C1",tabContent:[{blockType:"ShelfDisplay",primaryButton:"Learn More",secondaryButton:"Shop Now",products:[{img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/B25M2111_Richimage_TD01_US_V11.png?v=1745726871",price:"\uFFE599",title:"\u5546\u54C11",basePrice:"\uFFE5199",subTitle:"\u526F\u6807\u98981",tagItems:["\u70ED\u5356"]}],itemShape:"square",theme:"dark"}]},e={tabName:"\u6298\u6263\u5546\u54C1",tabContent:[{blockType:"ShelfDisplay",primaryButton:"Learn More",secondaryButton:"Shop Now",products:[{img:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/A2147113_TD01_V2_1.png?v=1745389222",price:"\uFFE5199",title:"\u5546\u54C11",basePrice:"\uFFE5199",subTitle:"\u526F\u6807\u98981",tagItems:["\u6298\u6263"]}],itemShape:"square",theme:"dark"}]},p={args:{data:{shape:"square",align:"left",tabs:[t,e]}}},n={args:{data:{theme:"dark",shape:"square",align:"center",tabs:[t,e]},className:"mx-auto"}};export{n as Dark,p as Default,r as default};
|
|
2
|
+
//# sourceMappingURL=bizTabs.stories.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/stories/bizTabs.stories.tsx"],
|
|
4
|
+
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Tabs from '../biz-components/Tabs/index.js'\nimport type { TabsProps } from '../biz-components/Tabs/types'\n\nconst meta: Meta<typeof Tabs> = {\n title: 'Biz-Components/Tabs',\n component: Tabs,\n tags: ['autodocs'],\n}\n\nexport default meta\n\ntype Story = StoryObj<typeof Tabs>\n\nconst shelfDisplayTab1 = {\n tabName: '\u7545\u9500\u5546\u54C1',\n tabContent: [\n {\n blockType: 'ShelfDisplay',\n primaryButton: 'Learn More',\n secondaryButton: 'Shop Now',\n products: [\n {\n img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/B25M2111_Richimage_TD01_US_V11.png?v=1745726871',\n price: '\uFFE599',\n title: '\u5546\u54C11',\n basePrice: '\uFFE5199',\n subTitle: '\u526F\u6807\u98981',\n tagItems: ['\u70ED\u5356'],\n },\n ],\n itemShape: 'square',\n theme: 'dark',\n },\n ],\n}\n\nconst shelfDisplayTab2 = {\n tabName: '\u6298\u6263\u5546\u54C1',\n tabContent: [\n {\n blockType: 'ShelfDisplay',\n primaryButton: 'Learn More',\n secondaryButton: 'Shop Now',\n products: [\n {\n img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/A2147113_TD01_V2_1.png?v=1745389222',\n price: '\uFFE5199',\n title: '\u5546\u54C11',\n basePrice: '\uFFE5199',\n subTitle: '\u526F\u6807\u98981',\n tagItems: ['\u6298\u6263'],\n },\n ],\n itemShape: 'square',\n theme: 'dark',\n },\n ],\n}\n\nexport const Default: Story = {\n args: {\n data: {\n shape: 'square',\n align: 'left',\n tabs: [shelfDisplayTab1, shelfDisplayTab2],\n },\n } as unknown as TabsProps,\n}\n\nexport const Dark: Story = {\n args: {\n data: {\n theme: 'dark',\n shape: 'square',\n align: 'center',\n tabs: [shelfDisplayTab1, shelfDisplayTab2],\n },\n className: 'mx-auto',\n } as unknown as TabsProps,\n}\n"],
|
|
5
|
+
"mappings": "AACA,OAAOA,MAAU,kCAGjB,MAAMC,EAA0B,CAC9B,MAAO,sBACP,UAAWD,EACX,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAIf,MAAME,EAAmB,CACvB,QAAS,2BACT,WAAY,CACV,CACE,UAAW,eACX,cAAe,aACf,gBAAiB,WACjB,SAAU,CACR,CACE,IAAK,yGACL,MAAO,WACP,MAAO,gBACP,UAAW,YACX,SAAU,sBACV,SAAU,CAAC,cAAI,CACjB,CACF,EACA,UAAW,SACX,MAAO,MACT,CACF,CACF,EAEMC,EAAmB,CACvB,QAAS,2BACT,WAAY,CACV,CACE,UAAW,eACX,cAAe,aACf,gBAAiB,WACjB,SAAU,CACR,CACE,IAAK,6FACL,MAAO,YACP,MAAO,gBACP,UAAW,YACX,SAAU,sBACV,SAAU,CAAC,cAAI,CACjB,CACF,EACA,UAAW,SACX,MAAO,MACT,CACF,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,SACP,MAAO,OACP,KAAM,CAACF,EAAkBC,CAAgB,CAC3C,CACF,CACF,EAEaE,EAAc,CACzB,KAAM,CACJ,KAAM,CACJ,MAAO,OACP,MAAO,SACP,MAAO,SACP,KAAM,CAACH,EAAkBC,CAAgB,CAC3C,EACA,UAAW,SACb,CACF",
|
|
6
|
+
"names": ["Tabs", "meta", "bizTabs_stories_default", "shelfDisplayTab1", "shelfDisplayTab2", "Default", "Dark"]
|
|
7
|
+
}
|
|
@@ -2,7 +2,10 @@ import type { StoryObj } from '@storybook/react';
|
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
4
|
component: {
|
|
5
|
-
(props: Omit<import("../biz-components/BrandEquity/
|
|
5
|
+
(props: Omit<import("../biz-components/BrandEquity/types.js").BrandEquityProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
|
|
6
|
+
className?: string;
|
|
7
|
+
data?: Record<string, any>;
|
|
8
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
6
9
|
displayName: string;
|
|
7
10
|
};
|
|
8
11
|
parameters: {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import t from"../biz-components/BrandEquity/BrandEquity.js";const a={title:"Biz-Components/BrandEquity",component:t,parameters:{layout:"fullscreen"},tags:["autodocs"]};var i=a;const e=[{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Hassle-Free Warranty"},title:"Hassle-Free Warranty",description:"Comprehensive warranty protection on all purchases."},{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Our Happy Customers"},title:"Our Happy Customers",description:"Join millions of satisfied Anker users worldwide."},{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Anker credits rewards"},title:"Anker credits rewards",description:"Buy more, save more, and earn more."},{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"Pay with Ease"},title:"Pay with Ease",description:"Pay immediately or in installments with Affirm."},{icon:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102",alt:"30-day money-back guarantee"},title:"30-day money-back guarantee",description:"Return within 30 days for a full refund."},{avatarList:[{avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103"}},{avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102"}},{avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102"}},{avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"}}],type:"avatar",title:"We are Here to Help",description:"Contact our expert team via email or live chat for assistance."}],r={args:{data:{items:e},className:"bg-[#eeeeee] p-4"}},c={args:{data:{items:e},className:"bg-gray-900 p-4",itemShape:"round"}};export{c as CustomBackground,r as Default,i as default};
|
|
2
2
|
//# sourceMappingURL=brandEquity.stories.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/stories/brandEquity.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": ["
|
|
4
|
+
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport BrandEquity from '../biz-components/BrandEquity/BrandEquity.js'\nimport type { BrandEquityItem } from '../biz-components/BrandEquity/types.js'\n\nconst meta = {\n title: 'Biz-Components/BrandEquity',\n component: BrandEquity,\n parameters: {\n layout: 'fullscreen',\n },\n tags: ['autodocs'],\n} satisfies Meta<typeof BrandEquity>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n {\n icon: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n alt: 'Hassle-Free Warranty',\n },\n title: 'Hassle-Free Warranty',\n description: 'Comprehensive warranty protection on all purchases.',\n },\n {\n icon: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n alt: 'Our Happy Customers',\n },\n title: 'Our Happy Customers',\n description: 'Join millions of satisfied Anker users worldwide.',\n },\n {\n icon: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n alt: 'Anker credits rewards',\n },\n title: 'Anker credits rewards',\n description: 'Buy more, save more, and earn more.',\n },\n {\n icon: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n alt: 'Pay with Ease',\n },\n title: 'Pay with Ease',\n description: 'Pay immediately or in installments with Affirm.',\n },\n {\n icon: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n alt: '30-day money-back guarantee',\n },\n title: '30-day money-back guarantee',\n description: 'Return within 30 days for a full refund.',\n },\n {\n avatarList: [\n {\n avatar: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103',\n },\n },\n {\n avatar: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102',\n },\n },\n {\n avatar: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102',\n },\n },\n {\n avatar: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n },\n },\n ],\n type: 'avatar',\n title: 'We are Here to Help',\n description: 'Contact our expert team via email or live chat for assistance.',\n },\n] satisfies BrandEquityItem[]\n\nexport const Default: Story = {\n args: {\n data: {\n items: mockItems,\n },\n className: 'bg-[#eeeeee] p-4',\n },\n}\n\nexport const CustomBackground: Story = {\n args: {\n data: {\n items: mockItems,\n },\n className: 'bg-gray-900 p-4',\n itemShape: 'round',\n },\n}\n"],
|
|
5
|
+
"mappings": "AACA,OAAOA,MAAiB,+CAGxB,MAAMC,EAAO,CACX,MAAO,6BACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAY,CAChB,CACE,KAAM,CACJ,IAAK,gJACL,IAAK,sBACP,EACA,MAAO,uBACP,YAAa,qDACf,EACA,CACE,KAAM,CACJ,IAAK,gJACL,IAAK,qBACP,EACA,MAAO,sBACP,YAAa,mDACf,EACA,CACE,KAAM,CACJ,IAAK,gJACL,IAAK,uBACP,EACA,MAAO,wBACP,YAAa,qCACf,EACA,CACE,KAAM,CACJ,IAAK,gJACL,IAAK,eACP,EACA,MAAO,gBACP,YAAa,iDACf,EACA,CACE,KAAM,CACJ,IAAK,gJACL,IAAK,6BACP,EACA,MAAO,8BACP,YAAa,0CACf,EACA,CACE,WAAY,CACV,CACE,OAAQ,CACN,IAAK,+IACP,CACF,EACA,CACE,OAAQ,CACN,IAAK,+IACP,CACF,EACA,CACE,OAAQ,CACN,IAAK,+IACP,CACF,EACA,CACE,OAAQ,CACN,IAAK,0GACP,CACF,CACF,EACA,KAAM,SACN,MAAO,sBACP,YAAa,gEACf,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAOD,CACT,EACA,UAAW,kBACb,CACF,EAEaE,EAA0B,CACrC,KAAM,CACJ,KAAM,CACJ,MAAOF,CACT,EACA,UAAW,kBACX,UAAW,OACb,CACF",
|
|
6
|
+
"names": ["BrandEquity", "meta", "brandEquity_stories_default", "mockItems", "Default", "CustomBackground"]
|
|
7
7
|
}
|
|
@@ -13,13 +13,6 @@ declare const meta: {
|
|
|
13
13
|
};
|
|
14
14
|
tags: string[];
|
|
15
15
|
argTypes: {
|
|
16
|
-
theme: {
|
|
17
|
-
control: {
|
|
18
|
-
type: "select";
|
|
19
|
-
};
|
|
20
|
-
options: string[];
|
|
21
|
-
description: string;
|
|
22
|
-
};
|
|
23
16
|
variant: {
|
|
24
17
|
control: {
|
|
25
18
|
type: "select";
|
|
@@ -43,7 +36,6 @@ declare const meta: {
|
|
|
43
36
|
};
|
|
44
37
|
};
|
|
45
38
|
args: {
|
|
46
|
-
theme: "light";
|
|
47
39
|
variant: "primary";
|
|
48
40
|
size: "base";
|
|
49
41
|
children: string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{Fragment as s,jsx as
|
|
1
|
+
import{Fragment as s,jsx as a,jsxs as t}from"react/jsx-runtime";import{SearchIcon as e}from"@storybook/icons";import{Button as o}from"../components/index.js";import"react";const r={title:"Components/Button",component:o,parameters:{layout:"centered",docs:{description:{component:"\u6309\u94AE\u7EC4\u4EF6, \u5206\u4E3A\u591A\u79CD\u53D8\u4F53\u548C\u5927\u5C0F, \u652F\u6301 loading \u72B6\u6001\u548C\u56FE\u6807"}}},tags:["autodocs"],argTypes:{variant:{control:{type:"select"},options:["primary","secondary","link","ghost"],description:"\u6309\u94AE\u7C7B\u578B, \u63A8\u8350\u4F7F\u7528 primary \u548C secondary\uFF0C link ; ghost \u5C06\u4F1A\u5E9F\u5F03\uFF0C\u8BF7\u4F7F\u7528 secondary\uFF0C \u4EE3\u66FF"},size:{control:{type:"select"},options:["sm","base","lg","icon"],description:"\u6309\u94AE\u5927\u5C0F \u9ED8\u8BA4\u662F base, \u53EF\u9009\u503C: sm, base, lg, icon"},hoverEffect:{description:"hover \u72B6\u6001\u4E0B\u7684\u52A8\u753B\u6548\u679C\uFF0C\u4EC5\u5728variant\u662Fprimary \u548C secondary \u65F6\u751F\u6548",control:{type:"select"},options:["none","slide"]}},args:{variant:"primary",size:"base",children:"Button",asChild:!1,disabled:!1,loading:!1,hoverEffect:"none"}};var p=r;const d={args:{size:"lg",children:"Primary"}},g={args:{size:"lg",variant:"secondary",children:"Secondary"}},y={args:{size:"lg",variant:"link",children:"Link"}},m={args:{size:"lg",children:t(s,{children:["WithIcon ",a(e,{className:"ml-2"})]})}},h={args:{size:"lg",loading:!0}},f={args:{size:"lg",asChild:!0,children:a("a",{href:"http://example.com",children:"as a a tag"})}},v={args:{size:"lg",loading:!0,spinner:t("div",{className:"flex animate-pulse flex-row font-bold text-neutral-900",children:[a("svg",{viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"2625",width:"1rem",className:"align-middle",children:a("path",{d:"M511.882596 287.998081h-0.361244a31.998984 31.998984 0 0 1-31.659415-31.977309v-0.361244c0-0.104761 0.115598-11.722364 0.115598-63.658399V96.000564a31.998984 31.998984 0 1 1 64.001581 0V192.001129c0 52.586273-0.111986 63.88237-0.119211 64.337537a32.002596 32.002596 0 0 1-31.977309 31.659415zM511.998194 959.99842a31.998984 31.998984 0 0 1-31.998984-31.998984v-96.379871c0-51.610915-0.111986-63.174332-0.115598-63.286318s0-0.242033 0-0.361243a31.998984 31.998984 0 0 1 63.997968-0.314283c0 0.455167 0.11921 11.711527 0.11921 64.034093v96.307622a31.998984 31.998984 0 0 1-32.002596 31.998984zM330.899406 363.021212a31.897836 31.897836 0 0 1-22.866739-9.612699c-0.075861-0.075861-8.207461-8.370021-44.931515-45.094076L195.198137 240.429485a31.998984 31.998984 0 0 1 45.256635-45.253022L308.336112 263.057803c37.182834 37.182834 45.090463 45.253022 45.41197 45.578141A31.998984 31.998984 0 0 1 330.899406 363.021212zM806.137421 838.11473a31.901448 31.901448 0 0 1-22.628318-9.374279L715.624151 760.859111c-36.724054-36.724054-45.018214-44.859267-45.097687-44.93874a31.998984 31.998984 0 0 1 44.77618-45.729864c0.32512 0.317895 8.395308 8.229136 45.578142 45.411969l67.88134 67.88134a31.998984 31.998984 0 0 1-22.624705 54.630914zM224.000113 838.11473a31.901448 31.901448 0 0 0 22.628317-9.374279l67.88134-67.88134c36.724054-36.724054 45.021826-44.859267 45.097688-44.93874a31.998984 31.998984 0 0 0-44.776181-45.729864c-0.32512 0.317895-8.395308 8.229136-45.578142 45.411969l-67.88134 67.884953a31.998984 31.998984 0 0 0 22.628318 54.627301zM255.948523 544.058589h-0.361244c-0.104761 0-11.722364-0.115598-63.658399-0.115598H95.942765a31.998984 31.998984 0 1 1 0-64.00158h95.996952c52.586273 0 63.88237 0.111986 64.337538 0.11921a31.998984 31.998984 0 0 1 31.659414 31.97731v0.361244a32.002596 32.002596 0 0 1-31.988146 31.659414zM767.939492 544.058589a32.002596 32.002596 0 0 1-31.995372-31.666639v-0.361244a31.998984 31.998984 0 0 1 31.659415-31.970085c0.455167 0 11.754876-0.11921 64.34115-0.11921h96.000564a31.998984 31.998984 0 0 1 0 64.00158H831.944685c-51.936034 0-63.553638 0.111986-63.665624 0.115598h-0.335957zM692.999446 363.0176a31.998984 31.998984 0 0 1-22.863126-54.381656c0.317895-0.32512 8.229136-8.395308 45.41197-45.578141l67.88134-67.884953A31.998984 31.998984 0 1 1 828.693489 240.429485l-67.892177 67.88134c-31.020013 31.023625-41.644196 41.759794-44.241539 44.393262l-0.697201 0.722488a31.908673 31.908673 0 0 1-22.863126 9.591025z",fill:"","p-id":"2626"})}),"\xA0loading..."]})}};export{f as Aschild,y as Link,h as Loading,d as Primary,g as Secondary,v as Spinner,m as WithIcon,p as default};
|
|
2
2
|
//# sourceMappingURL=button.stories.js.map
|