@anker-in/headless-ui 0.0.27-alpha.30 → 0.0.27-alpha.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/biz-components/AccordionCards/index.d.ts +4 -2
- package/dist/cjs/biz-components/AccordionCards/index.js +1 -1
- package/dist/cjs/biz-components/AccordionCards/index.js.map +2 -2
- package/dist/cjs/biz-components/BrandEquity/BrandEquity.d.ts +6 -4
- 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/Category/index.d.ts +4 -2
- package/dist/cjs/biz-components/Category/index.js +1 -1
- package/dist/cjs/biz-components/Category/index.js.map +2 -2
- package/dist/cjs/biz-components/Evaluate/index.d.ts +7 -3
- 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 +3 -2
- package/dist/cjs/biz-components/Graphic/index.js +1 -1
- package/dist/cjs/biz-components/Graphic/index.js.map +2 -2
- package/dist/cjs/biz-components/HeroBanner/HeroBanner.js +1 -1
- package/dist/cjs/biz-components/HeroBanner/HeroBanner.js.map +3 -3
- package/dist/cjs/biz-components/HeroBanner/types.d.ts +3 -3
- 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/index.d.ts +2 -1
- package/dist/cjs/biz-components/Marquee/index.js +1 -1
- package/dist/cjs/biz-components/Marquee/index.js.map +2 -2
- package/dist/cjs/biz-components/MemberEquity/index.js +6 -9
- package/dist/cjs/biz-components/MemberEquity/index.js.map +2 -2
- package/dist/cjs/biz-components/MemberEquity/types.d.ts +3 -3
- 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.js +1 -1
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js.map +3 -3
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/types.d.ts +4 -4
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/types.js +1 -1
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/types.js.map +1 -1
- package/dist/cjs/biz-components/ShelfDisplay/index.d.ts +10 -2
- package/dist/cjs/biz-components/ShelfDisplay/index.js +3 -3
- package/dist/cjs/biz-components/ShelfDisplay/index.js.map +3 -3
- package/dist/cjs/stories/HeroBanner.stories.js +2 -2
- package/dist/cjs/stories/HeroBanner.stories.js.map +2 -2
- package/dist/cjs/stories/MemberEquity.stories.js +2 -2
- package/dist/cjs/stories/MemberEquity.stories.js.map +2 -2
- package/dist/cjs/stories/MultiLayoutGraphicBlock.stories.js +1 -1
- package/dist/cjs/stories/MultiLayoutGraphicBlock.stories.js.map +2 -2
- package/dist/cjs/stories/accordionCards.stories.d.ts +4 -2
- package/dist/cjs/stories/accordionCards.stories.js +1 -1
- package/dist/cjs/stories/accordionCards.stories.js.map +2 -2
- package/dist/cjs/stories/brandEquity.stories.js +1 -1
- package/dist/cjs/stories/brandEquity.stories.js.map +3 -3
- package/dist/cjs/stories/category.stories.js +1 -1
- package/dist/cjs/stories/category.stories.js.map +3 -3
- package/dist/cjs/stories/evaluate.stories.js +1 -1
- package/dist/cjs/stories/evaluate.stories.js.map +2 -2
- package/dist/cjs/stories/graphic.stories.d.ts +4 -2
- package/dist/cjs/stories/graphic.stories.js +1 -1
- package/dist/cjs/stories/graphic.stories.js.map +3 -3
- package/dist/cjs/stories/marquee.stories.js +1 -1
- package/dist/cjs/stories/marquee.stories.js.map +2 -2
- package/dist/cjs/stories/shelfDisplay.stories.js +1 -1
- package/dist/cjs/stories/shelfDisplay.stories.js.map +2 -2
- package/dist/cjs/types/props.d.ts +10 -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 +4 -2
- package/dist/esm/biz-components/AccordionCards/index.js +1 -1
- package/dist/esm/biz-components/AccordionCards/index.js.map +2 -2
- package/dist/esm/biz-components/BrandEquity/BrandEquity.d.ts +6 -4
- 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/Category/index.d.ts +4 -2
- package/dist/esm/biz-components/Category/index.js +1 -1
- package/dist/esm/biz-components/Category/index.js.map +2 -2
- package/dist/esm/biz-components/Evaluate/index.d.ts +7 -3
- 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 +3 -2
- package/dist/esm/biz-components/Graphic/index.js +1 -1
- package/dist/esm/biz-components/Graphic/index.js.map +2 -2
- package/dist/esm/biz-components/HeroBanner/HeroBanner.js +1 -1
- package/dist/esm/biz-components/HeroBanner/HeroBanner.js.map +3 -3
- package/dist/esm/biz-components/HeroBanner/types.d.ts +3 -3
- package/dist/esm/biz-components/Marquee/index.d.ts +2 -1
- package/dist/esm/biz-components/Marquee/index.js +1 -1
- package/dist/esm/biz-components/Marquee/index.js.map +2 -2
- package/dist/esm/biz-components/MemberEquity/index.js +6 -9
- package/dist/esm/biz-components/MemberEquity/index.js.map +2 -2
- package/dist/esm/biz-components/MemberEquity/types.d.ts +3 -3
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js +1 -1
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js.map +3 -3
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/types.d.ts +4 -4
- package/dist/esm/biz-components/ShelfDisplay/index.d.ts +10 -2
- package/dist/esm/biz-components/ShelfDisplay/index.js +3 -3
- package/dist/esm/biz-components/ShelfDisplay/index.js.map +3 -3
- package/dist/esm/stories/HeroBanner.stories.js +2 -2
- package/dist/esm/stories/HeroBanner.stories.js.map +2 -2
- package/dist/esm/stories/MemberEquity.stories.js +2 -2
- package/dist/esm/stories/MemberEquity.stories.js.map +2 -2
- package/dist/esm/stories/MultiLayoutGraphicBlock.stories.js +1 -1
- package/dist/esm/stories/MultiLayoutGraphicBlock.stories.js.map +2 -2
- package/dist/esm/stories/accordionCards.stories.d.ts +4 -2
- package/dist/esm/stories/accordionCards.stories.js +1 -1
- package/dist/esm/stories/accordionCards.stories.js.map +2 -2
- package/dist/esm/stories/brandEquity.stories.js +1 -1
- package/dist/esm/stories/brandEquity.stories.js.map +3 -3
- package/dist/esm/stories/category.stories.js +1 -1
- package/dist/esm/stories/category.stories.js.map +3 -3
- package/dist/esm/stories/evaluate.stories.js +1 -1
- package/dist/esm/stories/evaluate.stories.js.map +2 -2
- package/dist/esm/stories/graphic.stories.d.ts +4 -2
- package/dist/esm/stories/graphic.stories.js +1 -1
- package/dist/esm/stories/graphic.stories.js.map +3 -3
- package/dist/esm/stories/marquee.stories.js +1 -1
- package/dist/esm/stories/marquee.stories.js.map +2 -2
- package/dist/esm/stories/shelfDisplay.stories.js +1 -1
- package/dist/esm/stories/shelfDisplay.stories.js.map +2 -2
- package/dist/esm/types/props.d.ts +10 -0
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import t from"../biz-components/Evaluate/index.js";const a={title:"Biz-Components/Evaluate",component:t,parameters:{layout:"fullscreen"},tags:["autodocs"]};var
|
|
1
|
+
import t from"../biz-components/Evaluate/index.js";const a={title:"Biz-Components/Evaluate",component:t,parameters:{layout:"fullscreen"},tags:["autodocs"]};var s=a;const e=[{rating:4,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)",avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"},img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}},{rating:3,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)",avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"},img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}},{rating:5,title:"Theoldpiggery",subTitle:"Fast Charging for 3 Devices",description:"Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)650mAh Power Bank (250W)650mAh Power Bank (250W)",avatar:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"},img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}}],o={args:{data:{products:e},className:"p-4"}},i={args:{data:{products:e,shape:"round"},className:"p-4"}};export{o as Default,i as Round,s as default};
|
|
2
2
|
//# sourceMappingURL=evaluate.stories.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/stories/evaluate.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Evaluate from '../biz-components/Evaluate/index.js'\n\nconst meta = {\n title: 'Biz-Components/Evaluate',\n component: Evaluate,\n parameters: {\n layout: 'fullscreen',\n },\n tags: ['autodocs'],\n} satisfies Meta<typeof Evaluate>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n {\n rating: 4,\n title: 'Theoldpiggery',\n subTitle: 'Fast Charging for 3 Devices',\n description: 'Anker Prime 27,650mAh Power Bank (250W)',\n avatar: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n },\n {\n rating: 3,\n title: 'Theoldpiggery',\n subTitle: 'Fast Charging for 3 Devices',\n description: 'Anker Prime 27,650mAh Power Bank (250W)',\n avatar: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n },\n {\n rating: 5,\n title: 'Theoldpiggery',\n subTitle: 'Fast Charging for 3 Devices',\n description:\n 'Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)650mAh Power Bank (250W)650mAh Power Bank (250W)',\n avatar: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n },\n]\n\nexport const Default: Story = {\n args: {\n data: {\n
|
|
5
|
-
"mappings": "AACA,OAAOA,MAAc,sCAErB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAY,CAChB,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,
|
|
4
|
+
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Evaluate from '../biz-components/Evaluate/index.js'\n\nconst meta = {\n title: 'Biz-Components/Evaluate',\n component: Evaluate,\n parameters: {\n layout: 'fullscreen',\n },\n tags: ['autodocs'],\n} satisfies Meta<typeof Evaluate>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n {\n rating: 4,\n title: 'Theoldpiggery',\n subTitle: 'Fast Charging for 3 Devices',\n description: 'Anker Prime 27,650mAh Power Bank (250W)',\n avatar: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n },\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n },\n },\n {\n rating: 3,\n title: 'Theoldpiggery',\n subTitle: 'Fast Charging for 3 Devices',\n description: 'Anker Prime 27,650mAh Power Bank (250W)',\n avatar: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n },\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n },\n },\n {\n rating: 5,\n title: 'Theoldpiggery',\n subTitle: 'Fast Charging for 3 Devices',\n description:\n 'Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)Anker Prime 27,650mAh Power Bank (250W)650mAh Power Bank (250W)650mAh Power Bank (250W)',\n avatar: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n },\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n },\n },\n]\n\nexport const Default: Story = {\n args: {\n data: {\n products: mockItems\n },\n className: 'p-4',\n },\n}\n\nexport const Round: Story = {\n args: {\n data: {\n products: mockItems,\n shape: 'round',\n },\n className: 'p-4',\n },\n}\n"],
|
|
5
|
+
"mappings": "AACA,OAAOA,MAAc,sCAErB,MAAMC,EAAO,CACX,MAAO,0BACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAY,CAChB,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,CACN,IAAK,0GACP,EACA,IAAK,CACH,IAAK,8HACP,CACF,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YAAa,0CACb,OAAQ,CACN,IAAK,0GACP,EACA,IAAK,CACH,IAAK,8HACP,CACF,EACA,CACE,OAAQ,EACR,MAAO,gBACP,SAAU,8BACV,YACE,wKACF,OAAQ,CACN,IAAK,0GACP,EACA,IAAK,CACH,IAAK,8HACP,CACF,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,SAAUD,CACZ,EACA,UAAW,KACb,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,SAAUF,EACV,MAAO,OACT,EACA,UAAW,KACb,CACF",
|
|
6
6
|
"names": ["Evaluate", "meta", "evaluate_stories_default", "mockItems", "Default", "Round"]
|
|
7
7
|
}
|
|
@@ -32,16 +32,18 @@ declare const meta: {
|
|
|
32
32
|
decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
33
33
|
ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
|
|
34
34
|
className?: string | undefined;
|
|
35
|
-
key?:
|
|
35
|
+
key?: string | undefined;
|
|
36
36
|
data: {
|
|
37
37
|
title?: string;
|
|
38
38
|
items?: {
|
|
39
|
-
imgUrl:
|
|
39
|
+
imgUrl: import("../types/props.js").Img;
|
|
40
40
|
title: string;
|
|
41
41
|
textColor?: string;
|
|
42
42
|
}[];
|
|
43
43
|
};
|
|
44
44
|
shape?: "round" | "square" | undefined;
|
|
45
|
+
event?: any;
|
|
46
|
+
condition?: any;
|
|
45
47
|
style?: string | undefined;
|
|
46
48
|
uid?: string | undefined;
|
|
47
49
|
disabled?: boolean | undefined;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import o from"../biz-components/Graphic/index.js";const s={title:"Biz-Components/Graphic",component:o,parameters:{layout:"fullscreen",docs:{description:{component:"\u56FE\u6587\u5C55\u793A\u6A21\u5757\uFF0C\u57FA\u4E8Eembla-carousel-react\uFF0Chttps://www.embla-carousel.com/get-started/react/"}}},argTypes:{shape:{control:{type:"inline-radio"},options:["square","round"],description:"\u5706\u89D2",table:{defaultValue:{summary:"square"}}}},decorators:[e=>r("div",{style:{paddingTop:"2em"},children:r(e,{})})],tags:["autodocs"]};var p=s;const t=[{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316",title:"<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off"},{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318",title:"<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices",textColor:"#FFF"},{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316",title:"<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off"},{imgUrl:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318",title:"<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices",textColor:"#FFF"}],l={args:{data:{title:"Explore Anker\u2019s Top Products By<br>Category",items:t.map(e=>({...e,imgUrl:{url:e.imgUrl,alt:e.title}}))}}},i={args:{data:{title:"Explore Anker\u2019s Top Products By<br>Category",items:t.map(e=>({...e,imgUrl:{url:e.imgUrl,alt:e.title}}))},shape:"round"}};export{l as Default,i as Round,p as default};
|
|
2
2
|
//# sourceMappingURL=graphic.stories.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/stories/graphic.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Graphic from '../biz-components/Graphic/index.js'\n\nconst meta = {\n title: 'Biz-Components/Graphic',\n component: Graphic,\n parameters: {\n layout: 'fullscreen',\n docs: {\n description: {\n component: '\u56FE\u6587\u5C55\u793A\u6A21\u5757\uFF0C\u57FA\u4E8Eembla-carousel-react\uFF0Chttps://www.embla-carousel.com/get-started/react/',\n },\n },\n },\n argTypes: {\n shape: {\n control: {\n type: 'inline-radio',\n },\n options: ['square', 'round'],\n description: '\u5706\u89D2',\n table: {\n defaultValue: {\n summary: 'square',\n },\n },\n },\n },\n decorators: [\n Story => (\n <div style={{ paddingTop: '2em' }}>\n <Story />\n </div>\n ),\n ],\n tags: ['autodocs'],\n} satisfies Meta<typeof Graphic>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n {\n imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n },\n {\n imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\n title: '<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices',\n textColor: '#FFF',\n },\n {\n imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n },\n {\n imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\n title: '<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices',\n textColor: '#FFF',\n },\n]\n\nexport const Default: Story = {\n args: {\n data: {\n title: 'Explore Anker\u2019s Top Products By<br>Category',\n items: mockItems,\n },\n },\n}\n\nexport const Round: Story = {\n args: {\n data: {\n title: 'Explore Anker\u2019s Top Products By<br>Category',\n items: mockItems,\n },\n shape: 'round',\n },\n}\n"],
|
|
5
|
-
"mappings": "AA+BQ,cAAAA,MAAA,oBA9BR,OAAOC,MAAa,qCAEpB,MAAMC,EAAO,CACX,MAAO,yBACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,mIACb,CACF,CACF,EACA,SAAU,CACR,MAAO,CACL,QAAS,CACP,KAAM,cACR,EACA,QAAS,CAAC,SAAU,OAAO,EAC3B,YAAa,eACb,MAAO,CACL,aAAc,CACZ,QAAS,QACX,CACF,CACF,CACF,EACA,WAAY,CACVE,GACEH,EAAC,OAAI,MAAO,CAAE,WAAY,KAAM,EAC9B,SAAAA,EAACG,EAAA,EAAM,EACT,CAEJ,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOC,EAAQF,EAGf,MAAMG,EAAY,CAChB,CACE,OAAQ,2FACR,MAAO,wEACT,EACA,CACE,OAAQ,2FACR,MAAO,yEACP,UAAW,MACb,EACA,CACE,OAAQ,2FACR,MAAO,wEACT,EACA,CACE,OAAQ,2FACR,MAAO,yEACP,UAAW,MACb,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,mDACP,MAAOD,
|
|
6
|
-
"names": ["jsx", "Graphic", "meta", "Story", "graphic_stories_default", "mockItems", "Default", "Round"]
|
|
4
|
+
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Graphic from '../biz-components/Graphic/index.js'\n\nconst meta = {\n title: 'Biz-Components/Graphic',\n component: Graphic,\n parameters: {\n layout: 'fullscreen',\n docs: {\n description: {\n component: '\u56FE\u6587\u5C55\u793A\u6A21\u5757\uFF0C\u57FA\u4E8Eembla-carousel-react\uFF0Chttps://www.embla-carousel.com/get-started/react/',\n },\n },\n },\n argTypes: {\n shape: {\n control: {\n type: 'inline-radio',\n },\n options: ['square', 'round'],\n description: '\u5706\u89D2',\n table: {\n defaultValue: {\n summary: 'square',\n },\n },\n },\n },\n decorators: [\n Story => (\n <div style={{ paddingTop: '2em' }}>\n <Story />\n </div>\n ),\n ],\n tags: ['autodocs'],\n} satisfies Meta<typeof Graphic>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n {\n imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n },\n {\n imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\n title: '<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices',\n textColor: '#FFF',\n },\n {\n imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772030.png?v=1745724316',\n title: '<span>Welcome Offer</span><br>Sign Up for Special Offers Up to 20% Off',\n },\n {\n imgUrl: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Frame_1973772047.png?v=1745724318',\n title: '<span>Welcome Offer</span><br>Same Great Quality at Even Better Prices',\n textColor: '#FFF',\n },\n]\n\nexport const Default: Story = {\n args: {\n data: {\n title: 'Explore Anker\u2019s Top Products By<br>Category',\n items: mockItems.map(item => ({\n ...item,\n imgUrl: {\n url: item.imgUrl,\n alt: item.title,\n },\n })),\n },\n },\n}\n\nexport const Round: Story = {\n args: {\n data: {\n title: 'Explore Anker\u2019s Top Products By<br>Category',\n items: mockItems.map(item => ({\n ...item,\n imgUrl: {\n url: item.imgUrl,\n alt: item.title,\n },\n })),\n },\n shape: 'round',\n },\n}\n"],
|
|
5
|
+
"mappings": "AA+BQ,cAAAA,MAAA,oBA9BR,OAAOC,MAAa,qCAEpB,MAAMC,EAAO,CACX,MAAO,yBACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,mIACb,CACF,CACF,EACA,SAAU,CACR,MAAO,CACL,QAAS,CACP,KAAM,cACR,EACA,QAAS,CAAC,SAAU,OAAO,EAC3B,YAAa,eACb,MAAO,CACL,aAAc,CACZ,QAAS,QACX,CACF,CACF,CACF,EACA,WAAY,CACVE,GACEH,EAAC,OAAI,MAAO,CAAE,WAAY,KAAM,EAC9B,SAAAA,EAACG,EAAA,EAAM,EACT,CAEJ,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOC,EAAQF,EAGf,MAAMG,EAAY,CAChB,CACE,OAAQ,2FACR,MAAO,wEACT,EACA,CACE,OAAQ,2FACR,MAAO,yEACP,UAAW,MACb,EACA,CACE,OAAQ,2FACR,MAAO,wEACT,EACA,CACE,OAAQ,2FACR,MAAO,yEACP,UAAW,MACb,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,mDACP,MAAOD,EAAU,IAAIE,IAAS,CAC5B,GAAGA,EACH,OAAQ,CACN,IAAKA,EAAK,OACV,IAAKA,EAAK,KACZ,CACF,EAAE,CACJ,CACF,CACF,EAEaC,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,MAAO,mDACP,MAAOH,EAAU,IAAIE,IAAS,CAC5B,GAAGA,EACH,OAAQ,CACN,IAAKA,EAAK,OACV,IAAKA,EAAK,KACZ,CACF,EAAE,CACJ,EACA,MAAO,OACT,CACF",
|
|
6
|
+
"names": ["jsx", "Graphic", "meta", "Story", "graphic_stories_default", "mockItems", "Default", "item", "Round"]
|
|
7
7
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e,jsxs as
|
|
1
|
+
import{jsx as e,jsxs as n}from"react/jsx-runtime";import"react";import s from"../biz-components/Marquee/index.js";import{MarqueeList as r,MarqueeImageContent as t,MarqueeTextContent as o}from"../biz-components/Marquee/index.js";const i={title:"Biz Components/Marquee",component:s,subcomponents:{MarqueeList:r,MarqueeImageContent:t,MarqueeTextContent:o},parameters:{layout:"fullscreen",docs:{description:{component:"\u8DD1\u9A6C\u706FMarquee\uFF0C\u57FA\u4E8Ereact-fast-marquee<br>\u53EF\u4F7F\u7528react-fast-marquee\u6240\u6709props"}}},tags:["autodocs"],args:{speed:50},argTypes:{direction:{control:{type:"inline-radio"},options:["left","right","up","down"],description:"\u8DD1\u9A6C\u706F\u6ED1\u52A8\u7684\u65B9\u5411",table:{defaultValue:{summary:"left"}}},speed:{control:{type:"number"},description:"\u901F\u5EA6\uFF0C\u5355\u4F4D\uFF1A\u50CF\u7D20/\u79D2"}}};var u=i;const f={render:a=>e(s,{...a,children:n(r,{children:[e(t,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}}}),e(o,{data:{text:"\u8DD1\u9A6C\u706F\u7EC4\u4EF6"}}),e(t,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}}}),e(o,{className:"text-nowrap",data:{text:"\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6"}}),e(t,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"}}})]})})},d={render:a=>e(s,{...a,children:n(r,{children:[e(t,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}}}),e(t,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}}}),e(t,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"}}})]})})},g={render:a=>e(s,{...a,children:n(r,{children:[e(o,{className:"w-40",data:{text:"47%<br>R&D Employees"}}),e(o,{className:"w-40",data:{text:"100 Million<br>Global Customers"}}),e(o,{className:"w-60",data:{text:"Pioneering in Charging<br>Technology for 12 Years"}})]})})},y={render:a=>e(s,{...a,children:n(r,{children:[e(t,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317"}}}),e(t,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317"}}}),e(t,{data:{image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317"}}})]})}),args:{direction:"right"}};export{f as Default,y as MarqueeDirection,d as MarqueeImage,g as MarqueeText,u as default};
|
|
2
2
|
//# sourceMappingURL=marquee.stories.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/stories/marquee.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import React, { type ComponentType } from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport Marquee from '../biz-components/Marquee/index.js'\nimport { MarqueeList, MarqueeImageContent, MarqueeTextContent } from '../biz-components/Marquee/index.js'\n\nconst meta = {\n title: 'Biz Components/Marquee',\n component: Marquee,\n subcomponents: {\n MarqueeList: MarqueeList as ComponentType<unknown>,\n MarqueeImageContent: MarqueeImageContent as ComponentType<unknown>,\n MarqueeTextContent: MarqueeTextContent as ComponentType<unknown>,\n },\n parameters: {\n layout: 'fullscreen',\n docs: {\n description: {\n component: '\u8DD1\u9A6C\u706FMarquee\uFF0C\u57FA\u4E8Ereact-fast-marquee<br>\u53EF\u4F7F\u7528react-fast-marquee\u6240\u6709props',\n },\n },\n },\n tags: ['autodocs'],\n args: {\n speed: 50,\n },\n argTypes: {\n direction: {\n control: {\n type: 'inline-radio',\n },\n options: ['left', 'right', 'up', 'down'],\n description: '\u8DD1\u9A6C\u706F\u6ED1\u52A8\u7684\u65B9\u5411',\n table: {\n defaultValue: {\n summary: 'left',\n },\n },\n },\n speed: {\n control: {\n type: 'number',\n },\n description: '\u901F\u5EA6\uFF0C\u5355\u4F4D\uFF1A\u50CF\u7D20/\u79D2',\n },\n },\n} satisfies Meta<typeof Marquee>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n render: args => (\n <Marquee {...args}>\n <MarqueeList>\n <MarqueeImageContent\n data={{\n image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317',\n }}\n />\n <MarqueeTextContent data={{ text: '\u8DD1\u9A6C\u706F\u7EC4\u4EF6' }} />\n <MarqueeImageContent\n data={{\n image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317',\n }}\n />\n <MarqueeTextContent className=\"text-nowrap\" data={{ text: '\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6' }} />\n <MarqueeImageContent\n data={{\n image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317',\n }}\n />\n </MarqueeList>\n </Marquee>\n ),\n}\n\nexport const MarqueeImage: Story = {\n render: args => (\n <Marquee {...args}>\n <MarqueeList>\n <MarqueeImageContent\n data={{\n image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317',\n }}\n />\n <MarqueeImageContent\n data={{\n image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317',\n }}\n />\n <MarqueeImageContent\n data={{\n image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317',\n }}\n />\n </MarqueeList>\n </Marquee>\n ),\n}\n\nexport const MarqueeText: Story = {\n render: args => (\n <Marquee {...args}>\n <MarqueeList>\n <MarqueeTextContent className=\"w-40\" data={{ text: '47%<br>R&D Employees' }} />\n <MarqueeTextContent className=\"w-40\" data={{ text: '100 Million<br>Global Customers' }} />\n <MarqueeTextContent className=\"w-60\" data={{ text: 'Pioneering in Charging<br>Technology for 12 Years' }} />\n </MarqueeList>\n </Marquee>\n ),\n}\n\nexport const MarqueeDirection: Story = {\n render: args => (\n <Marquee {...args}>\n <MarqueeList>\n <MarqueeImageContent\n data={{\n image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317',\n }}\n />\n <MarqueeImageContent\n data={{\n image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317',\n }}\n />\n <MarqueeImageContent\n data={{\n image: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317',\n }}\n />\n </MarqueeList>\n </Marquee>\n ),\n args: {\n direction: 'right',\n },\n}\n"],
|
|
5
|
-
"mappings": "AAsDM,OACE,OAAAA,EADF,QAAAC,MAAA,oBAtDN,MAA0C,QAE1C,OAAOC,MAAa,qCACpB,OAAS,eAAAC,EAAa,uBAAAC,EAAqB,sBAAAC,MAA0B,qCAErE,MAAMC,EAAO,CACX,MAAO,yBACP,UAAWJ,EACX,cAAe,CACb,YAAaC,EACb,oBAAqBC,EACrB,mBAAoBC,CACtB,EACA,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,wHACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,KAAM,CACJ,MAAO,EACT,EACA,SAAU,CACR,UAAW,CACT,QAAS,CACP,KAAM,cACR,EACA,QAAS,CAAC,OAAQ,QAAS,KAAM,MAAM,EACvC,YAAa,mDACb,MAAO,CACL,aAAc,CACZ,QAAS,MACX,CACF,CACF,EACA,MAAO,CACL,QAAS,CACP,KAAM,QACR,EACA,YAAa,yDACf,CACF,CACF,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,OAAQC,GACNT,EAACE,EAAA,CAAS,GAAGO,EACX,SAAAR,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CACC,KAAM,CACJ,MAAO,
|
|
4
|
+
"sourcesContent": ["import React, { type ComponentType } from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport Marquee from '../biz-components/Marquee/index.js'\nimport { MarqueeList, MarqueeImageContent, MarqueeTextContent } from '../biz-components/Marquee/index.js'\n\nconst meta = {\n title: 'Biz Components/Marquee',\n component: Marquee,\n subcomponents: {\n MarqueeList: MarqueeList as ComponentType<unknown>,\n MarqueeImageContent: MarqueeImageContent as ComponentType<unknown>,\n MarqueeTextContent: MarqueeTextContent as ComponentType<unknown>,\n },\n parameters: {\n layout: 'fullscreen',\n docs: {\n description: {\n component: '\u8DD1\u9A6C\u706FMarquee\uFF0C\u57FA\u4E8Ereact-fast-marquee<br>\u53EF\u4F7F\u7528react-fast-marquee\u6240\u6709props',\n },\n },\n },\n tags: ['autodocs'],\n args: {\n speed: 50,\n },\n argTypes: {\n direction: {\n control: {\n type: 'inline-radio',\n },\n options: ['left', 'right', 'up', 'down'],\n description: '\u8DD1\u9A6C\u706F\u6ED1\u52A8\u7684\u65B9\u5411',\n table: {\n defaultValue: {\n summary: 'left',\n },\n },\n },\n speed: {\n control: {\n type: 'number',\n },\n description: '\u901F\u5EA6\uFF0C\u5355\u4F4D\uFF1A\u50CF\u7D20/\u79D2',\n },\n },\n} satisfies Meta<typeof Marquee>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n render: args => (\n <Marquee {...args}>\n <MarqueeList>\n <MarqueeImageContent\n data={{\n image: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317',\n },\n }}\n />\n <MarqueeTextContent data={{ text: '\u8DD1\u9A6C\u706F\u7EC4\u4EF6' }} />\n <MarqueeImageContent\n data={{\n image: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317',\n },\n }}\n />\n <MarqueeTextContent className=\"text-nowrap\" data={{ text: '\u53E6\u4E00\u4E2A\u8DD1\u9A6C\u706F\u7EC4\u4EF6' }} />\n <MarqueeImageContent\n data={{\n image: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317',\n },\n }}\n />\n </MarqueeList>\n </Marquee>\n ),\n}\n\nexport const MarqueeImage: Story = {\n render: args => (\n <Marquee {...args}>\n <MarqueeList>\n <MarqueeImageContent\n data={{\n image: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317',\n },\n }}\n />\n <MarqueeImageContent\n data={{\n image: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317',\n },\n }}\n />\n <MarqueeImageContent\n data={{\n image: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317',\n },\n }}\n />\n </MarqueeList>\n </Marquee>\n ),\n}\n\nexport const MarqueeText: Story = {\n render: args => (\n <Marquee {...args}>\n <MarqueeList>\n <MarqueeTextContent className=\"w-40\" data={{ text: '47%<br>R&D Employees' }} />\n <MarqueeTextContent className=\"w-40\" data={{ text: '100 Million<br>Global Customers' }} />\n <MarqueeTextContent className=\"w-60\" data={{ text: 'Pioneering in Charging<br>Technology for 12 Years' }} />\n </MarqueeList>\n </Marquee>\n ),\n}\n\nexport const MarqueeDirection: Story = {\n render: args => (\n <Marquee {...args}>\n <MarqueeList>\n <MarqueeImageContent\n data={{\n image: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_6339.png?v=1745400317',\n },\n }}\n />\n <MarqueeImageContent\n data={{\n image: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_224.png?v=1745400317',\n },\n }}\n />\n <MarqueeImageContent\n data={{\n image: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Rectangle_222.png?v=1745400317',\n },\n }}\n />\n </MarqueeList>\n </Marquee>\n ),\n args: {\n direction: 'right',\n },\n}\n"],
|
|
5
|
+
"mappings": "AAsDM,OACE,OAAAA,EADF,QAAAC,MAAA,oBAtDN,MAA0C,QAE1C,OAAOC,MAAa,qCACpB,OAAS,eAAAC,EAAa,uBAAAC,EAAqB,sBAAAC,MAA0B,qCAErE,MAAMC,EAAO,CACX,MAAO,yBACP,UAAWJ,EACX,cAAe,CACb,YAAaC,EACb,oBAAqBC,EACrB,mBAAoBC,CACtB,EACA,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,wHACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,KAAM,CACJ,MAAO,EACT,EACA,SAAU,CACR,UAAW,CACT,QAAS,CACP,KAAM,cACR,EACA,QAAS,CAAC,OAAQ,QAAS,KAAM,MAAM,EACvC,YAAa,mDACb,MAAO,CACL,aAAc,CACZ,QAAS,MACX,CACF,CACF,EACA,MAAO,CACL,QAAS,CACP,KAAM,QACR,EACA,YAAa,yDACf,CACF,CACF,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,OAAQC,GACNT,EAACE,EAAA,CAAS,GAAGO,EACX,SAAAR,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CACC,KAAM,CACJ,MAAO,CACL,IAAK,wFACP,CACF,EACF,EACAJ,EAACK,EAAA,CAAmB,KAAM,CAAE,KAAM,gCAAQ,EAAG,EAC7CL,EAACI,EAAA,CACC,KAAM,CACJ,MAAO,CACL,IAAK,uFACP,CACF,EACF,EACAJ,EAACK,EAAA,CAAmB,UAAU,cAAc,KAAM,CAAE,KAAM,kDAAW,EAAG,EACxEL,EAACI,EAAA,CACC,KAAM,CACJ,MAAO,CACL,IAAK,uFACP,CACF,EACF,GACF,EACF,CAEJ,EAEaM,EAAsB,CACjC,OAAQD,GACNT,EAACE,EAAA,CAAS,GAAGO,EACX,SAAAR,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CACC,KAAM,CACJ,MAAO,CACL,IAAK,wFACP,CACF,EACF,EACAJ,EAACI,EAAA,CACC,KAAM,CACJ,MAAO,CACL,IAAK,uFACP,CACF,EACF,EACAJ,EAACI,EAAA,CACC,KAAM,CACJ,MAAO,CACL,IAAK,uFACP,CACF,EACF,GACF,EACF,CAEJ,EAEaO,EAAqB,CAChC,OAAQF,GACNT,EAACE,EAAA,CAAS,GAAGO,EACX,SAAAR,EAACE,EAAA,CACC,UAAAH,EAACK,EAAA,CAAmB,UAAU,OAAO,KAAM,CAAE,KAAM,sBAAuB,EAAG,EAC7EL,EAACK,EAAA,CAAmB,UAAU,OAAO,KAAM,CAAE,KAAM,iCAAkC,EAAG,EACxFL,EAACK,EAAA,CAAmB,UAAU,OAAO,KAAM,CAAE,KAAM,mDAAoD,EAAG,GAC5G,EACF,CAEJ,EAEaO,EAA0B,CACrC,OAAQH,GACNT,EAACE,EAAA,CAAS,GAAGO,EACX,SAAAR,EAACE,EAAA,CACC,UAAAH,EAACI,EAAA,CACC,KAAM,CACJ,MAAO,CACL,IAAK,wFACP,CACF,EACF,EACAJ,EAACI,EAAA,CACC,KAAM,CACJ,MAAO,CACL,IAAK,uFACP,CACF,EACF,EACAJ,EAACI,EAAA,CACC,KAAM,CACJ,MAAO,CACL,IAAK,uFACP,CACF,EACF,GACF,EACF,EAEF,KAAM,CACJ,UAAW,OACb,CACF",
|
|
6
6
|
"names": ["jsx", "jsxs", "Marquee", "MarqueeList", "MarqueeImageContent", "MarqueeTextContent", "meta", "marquee_stories_default", "Default", "args", "MarqueeImage", "MarqueeText", "MarqueeDirection"]
|
|
7
7
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import t from"../biz-components/ShelfDisplay/index.js";const
|
|
1
|
+
import t from"../biz-components/ShelfDisplay/index.js";const r={title:"Biz-Components/ShelfDisplay",component:t,parameters:{layout:"fullscreen"},tags:["autodocs"]};var o=r;const e=[{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}},{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}},{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}},{price:"$1,999.00",basePrice:"$2,999.00",subTitle:"Fast Charging for 3 Devices",title:"Anker Prime 27,650mAh Power Bank (250W)",tagItems:["New","20% OFF"],img:{url:"https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554"}}],a={args:{data:{productsCard:e,primaryButton:"Learn More",secondaryButton:"Shop Now"},className:"p-4"}},i={args:{data:{productsCard:e,shape:"round",itemShape:"round",primaryButton:"Learn More",secondaryButton:"Shop Now"},className:"p-4"}};export{a as Default,i as Round,o as default};
|
|
2
2
|
//# sourceMappingURL=shelfDisplay.stories.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/stories/shelfDisplay.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport ShelfDisplay from '../biz-components/ShelfDisplay/index.js'\n\nconst meta = {\n title: 'Biz-Components/ShelfDisplay',\n component: ShelfDisplay,\n parameters: {\n layout: 'fullscreen',\n },\n tags: ['autodocs'],\n} satisfies Meta<typeof ShelfDisplay>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n {\n price: '$1,999.00',\n basePrice: '$2,999.00',\n subTitle: 'Fast Charging for 3 Devices',\n title: 'Anker Prime 27,650mAh Power Bank (250W)',\n tagItems: ['New', '20% OFF'],\n img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n },\n {\n price: '$1,999.00',\n basePrice: '$2,999.00',\n subTitle: 'Fast Charging for 3 Devices',\n title: 'Anker Prime 27,650mAh Power Bank (250W)',\n tagItems: ['New', '20% OFF'],\n img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n },\n {\n price: '$1,999.00',\n basePrice: '$2,999.00',\n subTitle: 'Fast Charging for 3 Devices',\n title: 'Anker Prime 27,650mAh Power Bank (250W)',\n tagItems: ['New', '20% OFF'],\n img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n },\n {\n price: '$1,999.00',\n basePrice: '$2,999.00',\n subTitle: 'Fast Charging for 3 Devices',\n title: 'Anker Prime 27,650mAh Power Bank (250W)',\n tagItems: ['New', '20% OFF'],\n img: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n },\n]\n\nexport const Default: Story = {\n args: {\n data: {\n
|
|
5
|
-
"mappings": "AACA,OAAOA,MAAkB,0CAEzB,MAAMC,EAAO,CACX,MAAO,8BACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAY,CAChB,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,8HACP,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,
|
|
4
|
+
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport ShelfDisplay from '../biz-components/ShelfDisplay/index.js'\n\nconst meta = {\n title: 'Biz-Components/ShelfDisplay',\n component: ShelfDisplay,\n parameters: {\n layout: 'fullscreen',\n },\n tags: ['autodocs'],\n} satisfies Meta<typeof ShelfDisplay>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n {\n price: '$1,999.00',\n basePrice: '$2,999.00',\n subTitle: 'Fast Charging for 3 Devices',\n title: 'Anker Prime 27,650mAh Power Bank (250W)',\n tagItems: ['New', '20% OFF'],\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n },\n },\n {\n price: '$1,999.00',\n basePrice: '$2,999.00',\n subTitle: 'Fast Charging for 3 Devices',\n title: 'Anker Prime 27,650mAh Power Bank (250W)',\n tagItems: ['New', '20% OFF'],\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n },\n },\n {\n price: '$1,999.00',\n basePrice: '$2,999.00',\n subTitle: 'Fast Charging for 3 Devices',\n title: 'Anker Prime 27,650mAh Power Bank (250W)',\n tagItems: ['New', '20% OFF'],\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n },\n },\n {\n price: '$1,999.00',\n basePrice: '$2,999.00',\n subTitle: 'Fast Charging for 3 Devices',\n title: 'Anker Prime 27,650mAh Power Bank (250W)',\n tagItems: ['New', '20% OFF'],\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/e7be0a68-29b9-431c-8c0f-21bf968b1545_Product_Image_2.png?v=1744274554',\n },\n },\n]\n\nexport const Default: Story = {\n args: {\n data: {\n productsCard: mockItems,\n primaryButton: 'Learn More',\n secondaryButton: 'Shop Now',\n },\n className: 'p-4',\n },\n}\n\nexport const Round: Story = {\n args: {\n data: {\n productsCard: mockItems,\n shape: 'round',\n itemShape: 'round',\n primaryButton: 'Learn More',\n secondaryButton: 'Shop Now',\n },\n className: 'p-4',\n },\n}\n"],
|
|
5
|
+
"mappings": "AACA,OAAOA,MAAkB,0CAEzB,MAAMC,EAAO,CACX,MAAO,8BACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAY,CAChB,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,CACH,IAAK,8HACP,CACF,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,CACH,IAAK,8HACP,CACF,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,CACH,IAAK,8HACP,CACF,EACA,CACE,MAAO,YACP,UAAW,YACX,SAAU,8BACV,MAAO,0CACP,SAAU,CAAC,MAAO,SAAS,EAC3B,IAAK,CACH,IAAK,8HACP,CACF,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,aAAcD,EACd,cAAe,aACf,gBAAiB,UACnB,EACA,UAAW,KACb,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,aAAcF,EACd,MAAO,QACP,UAAW,QACX,cAAe,aACf,gBAAiB,UACnB,EACA,UAAW,KACb,CACF",
|
|
6
6
|
"names": ["ShelfDisplay", "meta", "shelfDisplay_stories_default", "mockItems", "Default", "Round"]
|
|
7
7
|
}
|
|
@@ -15,3 +15,13 @@ export type Video = {
|
|
|
15
15
|
export type Theme = 'light' | 'dark';
|
|
16
16
|
export type Shape = 'rounded' | 'square';
|
|
17
17
|
export type Align = 'left' | 'center' | 'right';
|
|
18
|
+
export type Media = {
|
|
19
|
+
alt: string;
|
|
20
|
+
url: string;
|
|
21
|
+
thumbnailURL: string;
|
|
22
|
+
mimeType: 'video/mp4' | 'image/jpeg' | 'image/png' | 'image/webp';
|
|
23
|
+
width?: number;
|
|
24
|
+
height?: number;
|
|
25
|
+
focalX?: number;
|
|
26
|
+
focalY?: number;
|
|
27
|
+
};
|