@anker-in/headless-ui 1.0.9-temp-14 → 1.0.9-temp-17
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/shared/Styles.js +1 -1
- package/dist/cjs/shared/Styles.js.map +2 -2
- package/dist/cjs/stories/tabs.stories.js +1 -1
- package/dist/cjs/stories/tabs.stories.js.map +3 -3
- package/dist/cjs/tsconfig.tsbuildinfo +1 -1
- package/dist/esm/shared/Styles.js +1 -1
- package/dist/esm/shared/Styles.js.map +2 -2
- package/dist/esm/stories/tabs.stories.js +1 -1
- package/dist/esm/stories/tabs.stories.js.map +3 -3
- package/dist/esm/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var R=Object.create;var l=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,G=Object.prototype.hasOwnProperty;var I=(t,n)=>{for(var e in n)l(t,e,{get:n[e],enumerable:!0})},m=(t,n,e,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of h(n))!G.call(t,o)&&o!==e&&l(t,o,{get:()=>n[o],enumerable:!(s=w(n,o))||s.enumerable});return t};var d=(t,n,e)=>(e=t!=null?R(x(t)):{},m(n||!t||!t.__esModule?l(e,"default",{value:t,enumerable:!0}):e,t)),T=t=>m(l({},"__esModule",{value:!0}),t);var W={};I(W,{getStylesProps:()=>f,useStyles:()=>C,withLayout:()=>L});module.exports=T(W);var a=require("react/jsx-runtime"),i=d(require("react")),S=require("./simpleHash.js"),P=d(require("./getKeyPropsString.js")),c=require("../components/gird.js"),g=require("../components/container.js");const u={12:"col-start-1 col-end-13",10:"col-start-2 col-end-12",8:"col-start-3 col-end-11",6:"col-start-4 col-end-10",4:"col-start-5 col-end-9"},p=t=>{const n=(0,P.default)(t);return`style_${(0,S.simpleHash)(n)}`},f=t=>{const{style:n,uid:e,disabled:s}=t;return{style:n,uid:e,disabled:s}},H=({style:t,uid:n=p({}),disabled:e=!1})=>!t||e?null:(0,a.jsx)("style",{suppressHydrationWarning:!0,"data-style-id":n,children:`.block-${n} { ${t} }`}),C=(t,n)=>{const e=(0,i.useMemo)(()=>t?.uid||p({...t,data:n}),[n,t]),s=(0,i.useMemo)(()=>(0,a.jsx)(H,{...t,uid:e}),[t,e]);return{className:`block-${e} `,StyleComponent:s,uid:e}},K=t=>{const{desktopSpan:n,mobileSpan:e}=t?.container||{};return`${e?`${u[e]}`:""} ${n?`${u[n].split(" ").map(s=>`tablet:${s}`).join(" ")}`:""}`};function L(t,n){const e=i.default.forwardRef((s,o)=>{const b={...n,...f(s)},{className:y,StyleComponent:$}=C(b,s?.data),N=r=>(0,a.jsx)(g.Container,{className:`${y} ${r?.className}`,children:(0,a.jsx)(c.Grid,{className:"container_grid",children:(0,a.jsx)(c.GridItem,{className:K(r),children:(0,a.jsx)(t,{...r,ref:o})})})}),k=r=>(0,a.jsx)(t,{...r,className:`${y} ${r?.className}`,ref:o});return(0,a.jsxs)(a.Fragment,{children:[$,Reflect.ownKeys(s?.container||{desktopSpan:12,mobileSpan:12}).length>0?N(s):k(s)]})});return e.displayName=t.displayName||t.name||"Component",e}
|
|
2
2
|
//# sourceMappingURL=Styles.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/shared/Styles.tsx"],
|
|
4
|
-
"sourcesContent": ["import React, { useMemo } from 'react'\nimport { simpleHash } from './simpleHash.js'\nimport getKeyPropsString from './getKeyPropsString.js'\nimport { Grid, GridItem } from '../components/gird.js'\nimport { Container } from '../components/container.js'\n\nconst colContentClasses: Record<number, string> = {\n 12: 'col-start-1 col-end-13',\n 10: 'col-start-2 col-end-12',\n 8: 'col-start-3 col-end-11',\n 6: 'col-start-4 col-end-10',\n 4: 'col-start-5 col-end-9',\n} as const\n\nexport interface ContainerProps {\n container?: {\n /** \u684C\u9762\u7AEF\u5217\u5185\u5BB9\u5BBD\u5EA6 */\n desktopSpan: number\n /** \u79FB\u52A8\u7AEF\u5217\u5185\u5BB9\u5BBD\u5EA6 */\n mobileSpan: number\n }\n}\n\nexport interface StylesProps {\n /** \u81EA\u5B9A\u4E49\u6837\u5F0F\u5B57\u7B26\u4E32 */\n style?: string\n /** \u552F\u4E00\u6807\u8BC6\u7B26 */\n uid?: string\n /** \u662F\u5426\u7981\u7528 */\n disabled?: boolean\n}\n\n/**\n * \u6839\u636E props \u751F\u6210\u786E\u5B9A\u6027 uid\n */\nconst generateUID = (props: Record<string, any>) => {\n const keyString = getKeyPropsString(props)\n return `style_${simpleHash(keyString)}`\n}\n\n/**\n * \u4ECE\u7EC4\u4EF6 props \u4E2D\u63D0\u53D6\u6837\u5F0F\u76F8\u5173\u5C5E\u6027\n */\nexport const getStylesProps = <T extends Record<string, unknown>>(props: T & StylesProps): StylesProps => {\n const { style, uid, disabled } = props\n return { style, uid, disabled }\n}\n\n/**\n * \u6837\u5F0F\u6CE8\u5165\u7EC4\u4EF6\n */\nconst Styles: React.FC<StylesProps> = ({ style, uid = generateUID({}), disabled = false }) => {\n if (!style || disabled) {\n return null\n }\n\n return <style suppressHydrationWarning data-style-id={uid}>{`.block-${uid} { ${style} }`}</style>\n}\n\n/**\n * \u6837\u5F0F Hook\uFF0C\u8FD4\u56DE\u6837\u5F0F\u7C7B\u540D\u548C\u6837\u5F0F\u7EC4\u4EF6\n * @param styleProps - \u6837\u5F0F\u5C5E\u6027\n */\nexport const useStyles = (styleProps: Partial<StylesProps>, data?: Record<string, any>) => {\n const uid = useMemo(() => styleProps?.uid || generateUID({ ...styleProps, data }), [data, styleProps])\n\n const StyleComponent = useMemo(() => <Styles {...styleProps} uid={uid} />, [styleProps, uid])\n\n return {\n className: `block-${uid} `,\n StyleComponent,\n uid,\n } as const\n}\n\nconst getContainerClassName = (props?: Partial<StylesProps & ContainerProps>) => {\n const { desktopSpan, mobileSpan } = props?.container || {}\n return `${mobileSpan ? `${colContentClasses[mobileSpan]}` : ''} ${\n desktopSpan\n ? `${colContentClasses[desktopSpan]\n .split(' ')\n .map(item => `tablet:${item}`)\n .join(' ')}`\n : ''\n }`\n}\n\n/**\n * \u9AD8\u9636\u7EC4\u4EF6\uFF0C \u7528\u4E8E\u7ED9\u7EC4\u4EF6\u7528style \u6807\u7B7E\u7684\u5F62\u5F0F\u8FFD\u52A0\u6837\u5F0F\n * @param WrappedComponent - \u9700\u8981\u5305\u88C5\u7684\u7EC4\u4EF6\n * @param defaultLayoutProps - \u9ED8\u8BA4\u6837\u5F0F\u5C5E\u6027\n */\nexport function withLayout<P extends object>(\n WrappedComponent: React.ComponentType<P>,\n defaultLayoutProps?: Partial<StylesProps & ContainerProps>\n) {\n const withLayout = React.forwardRef<\n any,\n Omit<P, keyof StylesProps> &\n Partial<StylesProps & ContainerProps> & { className?: string; data?: Record<string, any> }\n >((props, ref) => {\n const finalStyleProps = {\n ...defaultLayoutProps,\n ...getStylesProps(props),\n }\n\n const { className, StyleComponent } = useStyles(finalStyleProps, (props as any)?.data)\n\n const WithContainerWrapper = (props: any) => {\n return (\n <Container className={`${className} ${(props as any)?.className}`}>\n <Grid className=\"container_grid\">\n <GridItem className={getContainerClassName(props)}>\n <WrappedComponent {...(props as unknown as P)} ref={ref} />\n </GridItem>\n </Grid>\n </Container>\n )\n }\n\n const WithoutContainerWrapper = (props: any) => {\n return (\n <WrappedComponent\n {...(props as unknown as P)}\n className={`${className} ${(props as any)?.className}`}\n ref={ref}\n />\n )\n }\n\n return (\n <>\n {StyleComponent}\n {Reflect.ownKeys((props as any)?.container).length > 0\n ? WithContainerWrapper(props)\n : WithoutContainerWrapper(props)}\n </>\n )\n })\n\n // \u76F4\u63A5\u4F7F\u7528\u539F\u59CB\u7EC4\u4EF6\u7684\u540D\u79F0\n withLayout.displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component'\n return withLayout\n}\n"],
|
|
5
|
-
"mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,EAAA,cAAAC,EAAA,eAAAC,IAAA,eAAAC,EAAAL,GAwDS,IAAAM,EAAA,6BAxDTC,EAA+B,oBAC/BC,EAA2B,2BAC3BC,EAA8B,qCAC9BC,EAA+B,iCAC/BC,EAA0B,sCAE1B,MAAMC,EAA4C,CAChD,GAAI,yBACJ,GAAI,yBACJ,EAAG,yBACH,EAAG,yBACH,EAAG,uBACL,EAuBMC,EAAeC,GAA+B,CAClD,MAAMC,KAAY,EAAAC,SAAkBF,CAAK,EACzC,MAAO,YAAS,cAAWC,CAAS,CAAC,EACvC,EAKab,EAAqDY,GAAwC,CACxG,KAAM,CAAE,MAAAG,EAAO,IAAAC,EAAK,SAAAC,CAAS,EAAIL,EACjC,MAAO,CAAE,MAAAG,EAAO,IAAAC,EAAK,SAAAC,CAAS,CAChC,EAKMC,EAAgC,CAAC,CAAE,MAAAH,EAAO,IAAAC,EAAML,EAAY,CAAC,CAAC,EAAG,SAAAM,EAAW,EAAM,IAClF,CAACF,GAASE,EACL,QAGF,OAAC,SAAM,yBAAwB,GAAC,gBAAeD,EAAM,mBAAUA,CAAG,MAAMD,CAAK,KAAK,EAO9Ed,EAAY,CAACkB,EAAkCC,IAA+B,CACzF,MAAMJ,KAAM,WAAQ,IAAMG,GAAY,KAAOR,EAAY,CAAE,GAAGQ,EAAY,KAAAC,CAAK,CAAC,EAAG,CAACA,EAAMD,CAAU,CAAC,EAE/FE,KAAiB,WAAQ,OAAM,OAACH,EAAA,CAAQ,GAAGC,EAAY,IAAKH,EAAK,EAAI,CAACG,EAAYH,CAAG,CAAC,EAE5F,MAAO,CACL,UAAW,SAASA,CAAG,IACvB,eAAAK,EACA,IAAAL,CACF,CACF,EAEMM,EAAyBV,GAAkD,CAC/E,KAAM,CAAE,YAAAW,EAAa,WAAAC,CAAW,EAAIZ,GAAO,WAAa,CAAC,EACzD,MAAO,GAAGY,EAAa,GAAGd,EAAkBc,CAAU,CAAC,GAAK,EAAE,IAC5DD,EACI,GAAGb,EAAkBa,CAAW,EAC7B,MAAM,GAAG,EACT,IAAIE,GAAQ,UAAUA,CAAI,EAAE,EAC5B,KAAK,GAAG,CAAC,GACZ,EACN,EACF,EAOO,SAASvB,EACdwB,EACAC,EACA,CACA,MAAMzB,EAAa,EAAA0B,QAAM,WAIvB,CAAChB,EAAOiB,IAAQ,CAChB,MAAMC,EAAkB,CACtB,GAAGH,EACH,GAAG3B,EAAeY,CAAK,CACzB,EAEM,CAAE,UAAAmB,EAAW,eAAAV,CAAe,EAAIpB,EAAU6B,EAAkBlB,GAAe,IAAI,EAE/EoB,EAAwBpB,MAE1B,OAAC,aAAU,UAAW,GAAGmB,CAAS,IAAKnB,GAAe,SAAS,GAC7D,mBAAC,QAAK,UAAU,iBACd,mBAAC,YAAS,UAAWU,EAAsBV,CAAK,EAC9C,mBAACc,EAAA,CAAkB,GAAId,EAAwB,IAAKiB,EAAK,EAC3D,EACF,EACF,EAIEI,EAA2BrB,MAE7B,OAACc,EAAA,CACE,GAAId,EACL,UAAW,GAAGmB,CAAS,IAAKnB,GAAe,SAAS,GACpD,IAAKiB,EACP,EAIJ,SACE,oBACG,UAAAR,EACA,QAAQ,QAAST,GAAe,
|
|
4
|
+
"sourcesContent": ["import React, { useMemo } from 'react'\nimport { simpleHash } from './simpleHash.js'\nimport getKeyPropsString from './getKeyPropsString.js'\nimport { Grid, GridItem } from '../components/gird.js'\nimport { Container } from '../components/container.js'\n\nconst colContentClasses: Record<number, string> = {\n 12: 'col-start-1 col-end-13',\n 10: 'col-start-2 col-end-12',\n 8: 'col-start-3 col-end-11',\n 6: 'col-start-4 col-end-10',\n 4: 'col-start-5 col-end-9',\n} as const\n\nexport interface ContainerProps {\n container?: {\n /** \u684C\u9762\u7AEF\u5217\u5185\u5BB9\u5BBD\u5EA6 */\n desktopSpan: number\n /** \u79FB\u52A8\u7AEF\u5217\u5185\u5BB9\u5BBD\u5EA6 */\n mobileSpan: number\n }\n}\n\nexport interface StylesProps {\n /** \u81EA\u5B9A\u4E49\u6837\u5F0F\u5B57\u7B26\u4E32 */\n style?: string\n /** \u552F\u4E00\u6807\u8BC6\u7B26 */\n uid?: string\n /** \u662F\u5426\u7981\u7528 */\n disabled?: boolean\n}\n\n/**\n * \u6839\u636E props \u751F\u6210\u786E\u5B9A\u6027 uid\n */\nconst generateUID = (props: Record<string, any>) => {\n const keyString = getKeyPropsString(props)\n return `style_${simpleHash(keyString)}`\n}\n\n/**\n * \u4ECE\u7EC4\u4EF6 props \u4E2D\u63D0\u53D6\u6837\u5F0F\u76F8\u5173\u5C5E\u6027\n */\nexport const getStylesProps = <T extends Record<string, unknown>>(props: T & StylesProps): StylesProps => {\n const { style, uid, disabled } = props\n return { style, uid, disabled }\n}\n\n/**\n * \u6837\u5F0F\u6CE8\u5165\u7EC4\u4EF6\n */\nconst Styles: React.FC<StylesProps> = ({ style, uid = generateUID({}), disabled = false }) => {\n if (!style || disabled) {\n return null\n }\n\n return <style suppressHydrationWarning data-style-id={uid}>{`.block-${uid} { ${style} }`}</style>\n}\n\n/**\n * \u6837\u5F0F Hook\uFF0C\u8FD4\u56DE\u6837\u5F0F\u7C7B\u540D\u548C\u6837\u5F0F\u7EC4\u4EF6\n * @param styleProps - \u6837\u5F0F\u5C5E\u6027\n */\nexport const useStyles = (styleProps: Partial<StylesProps>, data?: Record<string, any>) => {\n const uid = useMemo(() => styleProps?.uid || generateUID({ ...styleProps, data }), [data, styleProps])\n\n const StyleComponent = useMemo(() => <Styles {...styleProps} uid={uid} />, [styleProps, uid])\n\n return {\n className: `block-${uid} `,\n StyleComponent,\n uid,\n } as const\n}\n\nconst getContainerClassName = (props?: Partial<StylesProps & ContainerProps>) => {\n const { desktopSpan, mobileSpan } = props?.container || {}\n return `${mobileSpan ? `${colContentClasses[mobileSpan]}` : ''} ${\n desktopSpan\n ? `${colContentClasses[desktopSpan]\n .split(' ')\n .map(item => `tablet:${item}`)\n .join(' ')}`\n : ''\n }`\n}\n\n/**\n * \u9AD8\u9636\u7EC4\u4EF6\uFF0C \u7528\u4E8E\u7ED9\u7EC4\u4EF6\u7528style \u6807\u7B7E\u7684\u5F62\u5F0F\u8FFD\u52A0\u6837\u5F0F\n * @param WrappedComponent - \u9700\u8981\u5305\u88C5\u7684\u7EC4\u4EF6\n * @param defaultLayoutProps - \u9ED8\u8BA4\u6837\u5F0F\u5C5E\u6027\n */\nexport function withLayout<P extends object>(\n WrappedComponent: React.ComponentType<P>,\n defaultLayoutProps?: Partial<StylesProps & ContainerProps>\n) {\n const withLayout = React.forwardRef<\n any,\n Omit<P, keyof StylesProps> &\n Partial<StylesProps & ContainerProps> & { className?: string; data?: Record<string, any> }\n >((props, ref) => {\n const finalStyleProps = {\n ...defaultLayoutProps,\n ...getStylesProps(props),\n }\n\n const { className, StyleComponent } = useStyles(finalStyleProps, (props as any)?.data)\n\n const WithContainerWrapper = (props: any) => {\n return (\n <Container className={`${className} ${(props as any)?.className}`}>\n <Grid className=\"container_grid\">\n <GridItem className={getContainerClassName(props)}>\n <WrappedComponent {...(props as unknown as P)} ref={ref} />\n </GridItem>\n </Grid>\n </Container>\n )\n }\n\n const WithoutContainerWrapper = (props: any) => {\n return (\n <WrappedComponent\n {...(props as unknown as P)}\n className={`${className} ${(props as any)?.className}`}\n ref={ref}\n />\n )\n }\n\n return (\n <>\n {StyleComponent}\n {Reflect.ownKeys((props as any)?.container || { desktopSpan: 12, mobileSpan: 12 }).length > 0\n ? WithContainerWrapper(props)\n : WithoutContainerWrapper(props)}\n </>\n )\n })\n\n // \u76F4\u63A5\u4F7F\u7528\u539F\u59CB\u7EC4\u4EF6\u7684\u540D\u79F0\n withLayout.displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component'\n return withLayout\n}\n"],
|
|
5
|
+
"mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,EAAA,cAAAC,EAAA,eAAAC,IAAA,eAAAC,EAAAL,GAwDS,IAAAM,EAAA,6BAxDTC,EAA+B,oBAC/BC,EAA2B,2BAC3BC,EAA8B,qCAC9BC,EAA+B,iCAC/BC,EAA0B,sCAE1B,MAAMC,EAA4C,CAChD,GAAI,yBACJ,GAAI,yBACJ,EAAG,yBACH,EAAG,yBACH,EAAG,uBACL,EAuBMC,EAAeC,GAA+B,CAClD,MAAMC,KAAY,EAAAC,SAAkBF,CAAK,EACzC,MAAO,YAAS,cAAWC,CAAS,CAAC,EACvC,EAKab,EAAqDY,GAAwC,CACxG,KAAM,CAAE,MAAAG,EAAO,IAAAC,EAAK,SAAAC,CAAS,EAAIL,EACjC,MAAO,CAAE,MAAAG,EAAO,IAAAC,EAAK,SAAAC,CAAS,CAChC,EAKMC,EAAgC,CAAC,CAAE,MAAAH,EAAO,IAAAC,EAAML,EAAY,CAAC,CAAC,EAAG,SAAAM,EAAW,EAAM,IAClF,CAACF,GAASE,EACL,QAGF,OAAC,SAAM,yBAAwB,GAAC,gBAAeD,EAAM,mBAAUA,CAAG,MAAMD,CAAK,KAAK,EAO9Ed,EAAY,CAACkB,EAAkCC,IAA+B,CACzF,MAAMJ,KAAM,WAAQ,IAAMG,GAAY,KAAOR,EAAY,CAAE,GAAGQ,EAAY,KAAAC,CAAK,CAAC,EAAG,CAACA,EAAMD,CAAU,CAAC,EAE/FE,KAAiB,WAAQ,OAAM,OAACH,EAAA,CAAQ,GAAGC,EAAY,IAAKH,EAAK,EAAI,CAACG,EAAYH,CAAG,CAAC,EAE5F,MAAO,CACL,UAAW,SAASA,CAAG,IACvB,eAAAK,EACA,IAAAL,CACF,CACF,EAEMM,EAAyBV,GAAkD,CAC/E,KAAM,CAAE,YAAAW,EAAa,WAAAC,CAAW,EAAIZ,GAAO,WAAa,CAAC,EACzD,MAAO,GAAGY,EAAa,GAAGd,EAAkBc,CAAU,CAAC,GAAK,EAAE,IAC5DD,EACI,GAAGb,EAAkBa,CAAW,EAC7B,MAAM,GAAG,EACT,IAAIE,GAAQ,UAAUA,CAAI,EAAE,EAC5B,KAAK,GAAG,CAAC,GACZ,EACN,EACF,EAOO,SAASvB,EACdwB,EACAC,EACA,CACA,MAAMzB,EAAa,EAAA0B,QAAM,WAIvB,CAAChB,EAAOiB,IAAQ,CAChB,MAAMC,EAAkB,CACtB,GAAGH,EACH,GAAG3B,EAAeY,CAAK,CACzB,EAEM,CAAE,UAAAmB,EAAW,eAAAV,CAAe,EAAIpB,EAAU6B,EAAkBlB,GAAe,IAAI,EAE/EoB,EAAwBpB,MAE1B,OAAC,aAAU,UAAW,GAAGmB,CAAS,IAAKnB,GAAe,SAAS,GAC7D,mBAAC,QAAK,UAAU,iBACd,mBAAC,YAAS,UAAWU,EAAsBV,CAAK,EAC9C,mBAACc,EAAA,CAAkB,GAAId,EAAwB,IAAKiB,EAAK,EAC3D,EACF,EACF,EAIEI,EAA2BrB,MAE7B,OAACc,EAAA,CACE,GAAId,EACL,UAAW,GAAGmB,CAAS,IAAKnB,GAAe,SAAS,GACpD,IAAKiB,EACP,EAIJ,SACE,oBACG,UAAAR,EACA,QAAQ,QAAST,GAAe,WAAa,CAAE,YAAa,GAAI,WAAY,EAAG,CAAC,EAAE,OAAS,EACxFoB,EAAqBpB,CAAK,EAC1BqB,EAAwBrB,CAAK,GACnC,CAEJ,CAAC,EAGD,OAAAV,EAAW,YAAcwB,EAAiB,aAAeA,EAAiB,MAAQ,YAC3ExB,CACT",
|
|
6
6
|
"names": ["Styles_exports", "__export", "getStylesProps", "useStyles", "withLayout", "__toCommonJS", "import_jsx_runtime", "import_react", "import_simpleHash", "import_getKeyPropsString", "import_gird", "import_container", "colContentClasses", "generateUID", "props", "keyString", "getKeyPropsString", "style", "uid", "disabled", "Styles", "styleProps", "data", "StyleComponent", "getContainerClassName", "desktopSpan", "mobileSpan", "item", "WrappedComponent", "defaultLayoutProps", "React", "ref", "finalStyleProps", "className", "WithContainerWrapper", "WithoutContainerWrapper"]
|
|
7
7
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var r=Object.defineProperty;var
|
|
1
|
+
"use strict";var r=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var d=(a,s)=>{for(var o in s)r(a,o,{get:s[o],enumerable:!0})},c=(a,s,o,l)=>{if(s&&typeof s=="object"||typeof s=="function")for(let n of i(s))!b.call(a,n)&&n!==o&&r(a,n,{get:()=>s[n],enumerable:!(l=T(s,n))||l.enumerable});return a};var g=a=>c(r({},"__esModule",{value:!0}),a);var S={};d(S,{AlignCenter:()=>y,AlignRight:()=>C,Default:()=>v,Disabled:()=>x,default:()=>p});module.exports=g(S);var t=require("react/jsx-runtime"),u=require("../biz-components/index.js"),e=require("../components/index.js"),f=require("react");const m={title:"Components/Tabs",component:e.Tabs,subcomponents:{TabsList:e.TabsList,TabsTrigger:e.TabsTrigger,TabsContent:e.TabsContent},decorators:[a=>(0,t.jsx)("div",{style:{margin:"2em"},children:(0,t.jsx)(a,{})})],parameters:{layout:"fullscreen",docs:{description:{component:"Tab\u9009\u9879\u5361\uFF0C\u63D0\u4F9B\u53EF\u8BBF\u95EE\u7684\u6807\u7B7E\u754C\u9762\uFF0C\u57FA\u4E8E@radix-ui/react-tabs"}}},tags:["autodocs"],args:{defaultValue:"bestSeller",align:"left"},argTypes:{defaultValue:{description:"\u9ED8\u8BA4\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C",control:"text",table:{summary:"bestSeller",readonly:!0}},value:{description:"\u5F53\u524D\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C\uFF08\u53D7\u63A7\u6A21\u5F0F\uFF09",control:{type:"radio"},options:["bestSeller","discountProducts","bundleDeals","recommend"]},align:{description:"\u5BF9\u9F50\u65B9\u5411"},onValueChange:{description:"\u6807\u7B7E\u9875\u503C\u53D8\u5316\u65F6\u7684\u56DE\u8C03\u51FD\u6570",action:"changed",type:"function"},orientation:{control:{type:"inline-radio"},options:["horizontal","vertical"],description:"\u6807\u7B7E\u9875\u5E03\u5C40\u65B9\u5411",table:{defaultValue:{summary:"horizontal"}}},dir:{control:{type:"inline-radio"},options:["ltr","rtl"],description:"\u6587\u672C\u65B9\u5411",table:{defaultValue:{summary:"ltr"}}}}};var p=m;const v={render:a=>(0,t.jsxs)(e.Tabs,{...a,children:[(0,t.jsx)(u.Title,{data:{title:"Tabs"}}),(0,t.jsxs)(e.TabsList,{children:[(0,t.jsx)(e.TabsTrigger,{value:"bestSeller",children:"Best Seller"}),(0,t.jsx)(e.TabsTrigger,{value:"discountProducts",children:"Discount products"}),(0,t.jsx)(e.TabsTrigger,{value:"bundleDeals",children:"Bundle Deals"}),(0,t.jsx)(e.TabsTrigger,{value:"recommend",children:"Recommend"})]}),(0,t.jsx)(e.TabsContent,{value:"bestSeller",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"discountProducts",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"bundleDeals",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"recommend",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})})]})},y={args:{align:"center"},render:a=>(0,t.jsxs)(e.Tabs,{...a,children:[(0,t.jsxs)(e.TabsList,{children:[(0,t.jsx)(e.TabsTrigger,{value:"bestSeller",children:"Best Seller"}),(0,t.jsx)(e.TabsTrigger,{value:"discountProducts",children:"Discount products"}),(0,t.jsx)(e.TabsTrigger,{value:"bundleDeals",children:"Bundle Deals"}),(0,t.jsx)(e.TabsTrigger,{value:"recommend",children:"Recommend"})]}),(0,t.jsx)(e.TabsContent,{value:"bestSeller",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"discountProducts",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"bundleDeals",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"recommend",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})})]})},C={args:{align:"right"},render:a=>(0,t.jsxs)(e.Tabs,{...a,children:[(0,t.jsxs)(e.TabsList,{children:[(0,t.jsx)(e.TabsTrigger,{value:"bestSeller",children:"Best Seller"}),(0,t.jsx)(e.TabsTrigger,{value:"discountProducts",children:"Discount products"}),(0,t.jsx)(e.TabsTrigger,{value:"bundleDeals",children:"Bundle Deals"}),(0,t.jsx)(e.TabsTrigger,{value:"recommend",children:"Recommend"})]}),(0,t.jsx)(e.TabsContent,{value:"bestSeller",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"discountProducts",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"bundleDeals",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"recommend",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})})]})},x={args:{defaultValue:""},render:a=>(0,t.jsxs)(e.Tabs,{...a,children:[(0,t.jsxs)(e.TabsList,{children:[(0,t.jsx)(e.TabsTrigger,{disabled:!0,value:"bestSeller",children:"Best Seller"}),(0,t.jsx)(e.TabsTrigger,{value:"discountProducts",children:"Discount products"}),(0,t.jsx)(e.TabsTrigger,{value:"bundleDeals",children:"Bundle Deals"}),(0,t.jsx)(e.TabsTrigger,{value:"recommend",children:"Recommend"})]}),(0,t.jsx)(e.TabsContent,{value:"bestSeller",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"discountProducts",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"bundleDeals",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002"})})," ",(0,t.jsx)(e.TabsContent,{value:"recommend",children:(0,t.jsx)(e.Text,{children:"\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002"})})]})};
|
|
2
2
|
//# sourceMappingURL=tabs.stories.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/stories/tabs.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Tabs, TabsList, TabsTrigger, TabsContent, Text } from '../components/index.js'\n\nimport React, { type ComponentType } from 'react'\n\nconst meta = {\n title: 'Components/Tabs',\n component: Tabs,\n subcomponents: {\n TabsList: TabsList as ComponentType<unknown>,\n TabsTrigger: TabsTrigger as ComponentType<unknown>,\n TabsContent: TabsContent as ComponentType<unknown>,\n },\n decorators: [\n Story => (\n <div style={{ margin: '2em' }}>\n <Story />\n </div>\n ),\n ],\n parameters: {\n layout: 'fullscreen',\n docs: {\n description: {\n component: 'Tab\u9009\u9879\u5361\uFF0C\u63D0\u4F9B\u53EF\u8BBF\u95EE\u7684\u6807\u7B7E\u754C\u9762\uFF0C\u57FA\u4E8E@radix-ui/react-tabs',\n },\n },\n },\n tags: ['autodocs'],\n args: {\n defaultValue: 'bestSeller',\n align: 'left',\n },\n argTypes: {\n defaultValue: {\n description: '\u9ED8\u8BA4\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C',\n control: 'text',\n table: {\n summary: 'bestSeller',\n readonly: true,\n },\n },\n value: {\n description: '\u5F53\u524D\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C\uFF08\u53D7\u63A7\u6A21\u5F0F\uFF09',\n control: {\n type: 'radio',\n },\n options: ['bestSeller', 'discountProducts', 'bundleDeals', 'recommend'],\n },\n align: {\n description: '\u5BF9\u9F50\u65B9\u5411',\n },\n onValueChange: {\n description: '\u6807\u7B7E\u9875\u503C\u53D8\u5316\u65F6\u7684\u56DE\u8C03\u51FD\u6570',\n action: 'changed',\n type: 'function',\n },\n orientation: {\n control: {\n type: 'inline-radio',\n },\n options: ['horizontal', 'vertical'],\n description: '\u6807\u7B7E\u9875\u5E03\u5C40\u65B9\u5411',\n table: {\n defaultValue: {\n summary: 'horizontal',\n },\n },\n },\n dir: {\n control: {\n type: 'inline-radio',\n },\n options: ['ltr', 'rtl'],\n description: '\u6587\u672C\u65B9\u5411',\n table: {\n defaultValue: {\n summary: 'ltr',\n },\n },\n },\n // activationMode: {\n // control: {\n // type: 'select',\n // },\n // options: ['automatic', 'manual'],\n // description: '\u6FC0\u6D3B\u6A21\u5F0F\uFF08automatic: \u81EA\u52A8\u6FC0\u6D3B, manual: \u624B\u52A8\u6FC0\u6D3B\uFF09',\n // table: {\n // defaultValue: {\n // summary: 'automatic',\n // },\n // },\n // },\n },\n} satisfies Meta<typeof Tabs>\n\nexport default meta\n\ntype Story = StoryObj<typeof Tabs>\n\nexport const Default: Story = {\n render: args => (\n <Tabs {...args}>\n <TabsList>\n <TabsTrigger value=\"bestSeller\">Best Seller</TabsTrigger>\n <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n </TabsList>\n <TabsContent value=\"bestSeller\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"discountProducts\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"bundleDeals\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"recommend\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>\n </Tabs>\n ),\n}\n\nexport const AlignCenter: Story = {\n args: {\n align: 'center',\n },\n render: args => (\n <Tabs {...args}>\n <TabsList>\n <TabsTrigger value=\"bestSeller\">Best Seller</TabsTrigger>\n <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n </TabsList>\n <TabsContent value=\"bestSeller\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"discountProducts\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"bundleDeals\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"recommend\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>\n </Tabs>\n ),\n}\n\nexport const AlignRight: Story = {\n args: {\n align: 'right',\n },\n render: args => (\n <Tabs {...args}>\n <TabsList>\n <TabsTrigger value=\"bestSeller\">Best Seller</TabsTrigger>\n <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n </TabsList>\n <TabsContent value=\"bestSeller\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"discountProducts\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"bundleDeals\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"recommend\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>\n </Tabs>\n ),\n}\n\nexport const Disabled: Story = {\n args: {\n defaultValue: '',\n },\n render: args => (\n <Tabs {...args}>\n <TabsList>\n <TabsTrigger disabled value=\"bestSeller\">\n Best Seller\n </TabsTrigger>\n <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n </TabsList>\n <TabsContent value=\"bestSeller\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"discountProducts\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"bundleDeals\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"recommend\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>\n </Tabs>\n ),\n}\n"],
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,eAAAC,EAAA,YAAAC,EAAA,aAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,
|
|
6
|
-
"names": ["tabs_stories_exports", "__export", "AlignCenter", "AlignRight", "Default", "Disabled", "tabs_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta", "Story", "args"]
|
|
4
|
+
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Title } from '../biz-components/index.js'\nimport { Tabs, TabsList, TabsTrigger, TabsContent, Text } from '../components/index.js'\n\nimport React, { type ComponentType } from 'react'\n\nconst meta = {\n title: 'Components/Tabs',\n component: Tabs,\n subcomponents: {\n TabsList: TabsList as ComponentType<unknown>,\n TabsTrigger: TabsTrigger as ComponentType<unknown>,\n TabsContent: TabsContent as ComponentType<unknown>,\n },\n decorators: [\n Story => (\n <div style={{ margin: '2em' }}>\n <Story />\n </div>\n ),\n ],\n parameters: {\n layout: 'fullscreen',\n docs: {\n description: {\n component: 'Tab\u9009\u9879\u5361\uFF0C\u63D0\u4F9B\u53EF\u8BBF\u95EE\u7684\u6807\u7B7E\u754C\u9762\uFF0C\u57FA\u4E8E@radix-ui/react-tabs',\n },\n },\n },\n tags: ['autodocs'],\n args: {\n defaultValue: 'bestSeller',\n align: 'left',\n },\n argTypes: {\n defaultValue: {\n description: '\u9ED8\u8BA4\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C',\n control: 'text',\n table: {\n summary: 'bestSeller',\n readonly: true,\n },\n },\n value: {\n description: '\u5F53\u524D\u9009\u4E2D\u7684\u6807\u7B7E\u9875\u503C\uFF08\u53D7\u63A7\u6A21\u5F0F\uFF09',\n control: {\n type: 'radio',\n },\n options: ['bestSeller', 'discountProducts', 'bundleDeals', 'recommend'],\n },\n align: {\n description: '\u5BF9\u9F50\u65B9\u5411',\n },\n onValueChange: {\n description: '\u6807\u7B7E\u9875\u503C\u53D8\u5316\u65F6\u7684\u56DE\u8C03\u51FD\u6570',\n action: 'changed',\n type: 'function',\n },\n orientation: {\n control: {\n type: 'inline-radio',\n },\n options: ['horizontal', 'vertical'],\n description: '\u6807\u7B7E\u9875\u5E03\u5C40\u65B9\u5411',\n table: {\n defaultValue: {\n summary: 'horizontal',\n },\n },\n },\n dir: {\n control: {\n type: 'inline-radio',\n },\n options: ['ltr', 'rtl'],\n description: '\u6587\u672C\u65B9\u5411',\n table: {\n defaultValue: {\n summary: 'ltr',\n },\n },\n },\n // activationMode: {\n // control: {\n // type: 'select',\n // },\n // options: ['automatic', 'manual'],\n // description: '\u6FC0\u6D3B\u6A21\u5F0F\uFF08automatic: \u81EA\u52A8\u6FC0\u6D3B, manual: \u624B\u52A8\u6FC0\u6D3B\uFF09',\n // table: {\n // defaultValue: {\n // summary: 'automatic',\n // },\n // },\n // },\n },\n} satisfies Meta<typeof Tabs>\n\nexport default meta\n\ntype Story = StoryObj<typeof Tabs>\n\nexport const Default: Story = {\n render: args => (\n <Tabs {...args}>\n <Title data={{ title: 'Tabs' }} />\n <TabsList>\n <TabsTrigger value=\"bestSeller\">Best Seller</TabsTrigger>\n <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n </TabsList>\n <TabsContent value=\"bestSeller\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"discountProducts\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"bundleDeals\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"recommend\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>\n </Tabs>\n ),\n}\n\nexport const AlignCenter: Story = {\n args: {\n align: 'center',\n },\n render: args => (\n <Tabs {...args}>\n <TabsList>\n <TabsTrigger value=\"bestSeller\">Best Seller</TabsTrigger>\n <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n </TabsList>\n <TabsContent value=\"bestSeller\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"discountProducts\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"bundleDeals\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"recommend\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>\n </Tabs>\n ),\n}\n\nexport const AlignRight: Story = {\n args: {\n align: 'right',\n },\n render: args => (\n <Tabs {...args}>\n <TabsList>\n <TabsTrigger value=\"bestSeller\">Best Seller</TabsTrigger>\n <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n </TabsList>\n <TabsContent value=\"bestSeller\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"discountProducts\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"bundleDeals\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"recommend\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>\n </Tabs>\n ),\n}\n\nexport const Disabled: Story = {\n args: {\n defaultValue: '',\n },\n render: args => (\n <Tabs {...args}>\n <TabsList>\n <TabsTrigger disabled value=\"bestSeller\">\n Best Seller\n </TabsTrigger>\n <TabsTrigger value=\"discountProducts\">Discount products</TabsTrigger>\n <TabsTrigger value=\"bundleDeals\">Bundle Deals</TabsTrigger>\n <TabsTrigger value=\"recommend\">Recommend</TabsTrigger>\n </TabsList>\n <TabsContent value=\"bestSeller\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u7545\u9500\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"discountProducts\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u6298\u6263\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"bundleDeals\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u5957\u88C5\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>{' '}\n <TabsContent value=\"recommend\">\n <Text>\u8FD9\u91CC\u5C55\u793A\u63A8\u8350\u5546\u54C1\u5185\u5BB9\u3002</Text>\n </TabsContent>\n </Tabs>\n ),\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["tabs_stories_exports", "__export", "AlignCenter", "AlignRight", "Default", "Disabled", "tabs_stories_default", "__toCommonJS", "import_jsx_runtime", "import_biz_components", "import_components", "import_react", "meta", "Story", "args"]
|
|
7
7
|
}
|