@anker-in/headless-ui 1.1.28-alpha.1768202456200 → 1.1.29

package/dist/cjs/biz-components/PromotionalBar/index.d.ts

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import type { Media } from '../../types/props.js';
-export interface PromotionalBarSemanticName {
-    root: 'root';
-    content: 'content';
-    title: 'title';
-    description: 'description';
-    button: 'button';
-}
-/**
- * 响应式背景图片配置
- */
-export interface ResponsiveBackgroundImage {
-    /** 移动端图片 (<768px) */
-    mobile?: Media;
-    /** 平板图片 (768-1440px) */
-    tablet?: Media;
-    /** 笔记本图片 (1025-1440px) */
-    laptop?: Media;
-    /** 桌面图片 (1441-1920px) */
-    desktop?: Media;
-    /** 超大桌面图片 (≥1921px) */
-    lgDesktop?: Media;
-}
-/**
- * PromotionalBar 业务组件数据接口
- */
-export interface PromotionalBarData {
-    /** 组件内容标题 */
-    contentTitle?: string;
-    /** 组件内容描述 */
-    contentDesc?: string;
-    /** 按钮文本 */
-    buttonText?: string;
-    /** 按钮链接 */
-    buttonLink?: string;
-    /** 背景图片 - 响应式图片对象 */
-    backgroundImage?: ResponsiveBackgroundImage;
-}
-export interface PromotionalBarProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** 业务数据 */
-    data: PromotionalBarData;
-    classNames?: Partial<Record<keyof PromotionalBarSemanticName, string>>;
-}
-declare const _default: React.ForwardRefExoticComponent<Omit<PromotionalBarProps & React.RefAttributes<HTMLDivElement> & {
-    style?: string | React.CSSProperties;
-    container?: import("../../shared/Styles.js").ContainerProps["container"];
-}, "ref"> & React.RefAttributes<any>>;
-export default _default;

package/dist/cjs/biz-components/PromotionalBar/index.js

@@ -1,2 +0,0 @@
-"use strict";"use client";var M=Object.create;var x=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var N=(t,e)=>{for(var o in e)x(t,o,{get:e[o],enumerable:!0})},g=(t,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of T(e))!F.call(t,r)&&r!==o&&x(t,r,{get:()=>e[r],enumerable:!(a=P(e,r))||a.enumerable});return t};var y=(t,e,o)=>(o=t!=null?M(D(t)):{},g(e||!t||!t.__esModule?x(o,"default",{value:t,enumerable:!0}):o,t)),R=t=>g(x({},"__esModule",{value:!0}),t);var I={};N(I,{default:()=>w});module.exports=R(I);var i=require("react/jsx-runtime"),b=y(require("react")),c=require("../../helpers/index.js"),m=require("../../components/index.js"),v=require("../../shared/Styles.js");const L=t=>{if(!t)return;const{mobile:e,tablet:o,laptop:a,desktop:r,lgDesktop:k}=t,n=[],u=B=>B?.url,p=u(k),l=u(r),s=u(a),d=u(o),f=u(e);return p?n.push(p):l?n.push(l):s?n.push(s):d?n.push(d):f&&n.push(f),l&&p&&n.push(`${l} 1920`),s&&(l||p)&&n.push(`${s} 1440`),d&&(s||l||p)&&n.push(`${d} 1024`),f&&(d||s||l||p)&&n.push(`${f} 768`),n.length>0?n.join(", "):void 0},h=b.forwardRef(({classNames:t,data:e},o)=>{const{backgroundImage:a}=e,r=b.useMemo(()=>L(a),[a]);return(0,i.jsx)("div",{ref:o,className:(0,c.cn)("laptop:h-[192px] lg-desktop:h-[240px] h-[240px]",t?.root),children:(0,i.jsxs)("div",{className:"promotional-bar-content rounded-box relative h-full overflow-hidden",children:[(0,i.jsxs)("div",{className:(0,c.cn)("laptop:px-8 laptop:justify-center lg-desktop:max-w-[620px] laptop:max-w-[392px] desktop:max-w-[584px] laptop:py-0 tablet:px-8 laptop:pr-0 relative z-20 flex h-full flex-col p-4",t?.content),children:[e.contentTitle&&(0,i.jsx)(m.Heading,{className:(0,c.cn)("line-clamp-2 text-[#F5F6F7]",t?.title),html:e.contentTitle,size:3}),e.contentDesc&&(0,i.jsx)("p",{className:(0,c.cn)("laptop:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px] font-bold leading-[1.4] text-[#F5F6F7]",t?.description),dangerouslySetInnerHTML:{__html:e.contentDesc}}),(0,i.jsx)("div",{className:"laptop:mt-4 mt-1",children:e.buttonText&&(0,i.jsx)(m.Button,{as:"a",variant:"link",className:(0,c.cn)("!p-0 text-[#F5F6F7]",t?.button),href:e.buttonLink,children:e.buttonText})})]}),(0,i.jsx)(m.Picture,{source:r,className:"absolute inset-0 z-10",imgClassName:"h-full object-cover"})]})})});h.displayName="PromotionalBar";var w=(0,v.withLayout)(h);
-//# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/PromotionalBar/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/PromotionalBar/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Heading, Button, Picture } from '../../components/index.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport type { Media } from '../../types/props.js'\n\nexport interface PromotionalBarSemanticName {\n  root: 'root'\n  content: 'content'\n  title: 'title'\n  description: 'description'\n  button: 'button'\n}\n\n/**\n * \u54CD\u5E94\u5F0F\u80CC\u666F\u56FE\u7247\u914D\u7F6E\n */\nexport interface ResponsiveBackgroundImage {\n  /** \u79FB\u52A8\u7AEF\u56FE\u7247 (<768px) */\n  mobile?: Media\n  /** \u5E73\u677F\u56FE\u7247 (768-1440px) */\n  tablet?: Media\n  /** \u7B14\u8BB0\u672C\u56FE\u7247 (1025-1440px) */\n  laptop?: Media\n  /** \u684C\u9762\u56FE\u7247 (1441-1920px) */\n  desktop?: Media\n  /** \u8D85\u5927\u684C\u9762\u56FE\u7247 (\u22651921px) */\n  lgDesktop?: Media\n}\n\n/**\n * PromotionalBar \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface PromotionalBarData {\n  /** \u7EC4\u4EF6\u5185\u5BB9\u6807\u9898 */\n  contentTitle?: string\n  /** \u7EC4\u4EF6\u5185\u5BB9\u63CF\u8FF0 */\n  contentDesc?: string\n  /** \u6309\u94AE\u6587\u672C */\n  buttonText?: string\n  /** \u6309\u94AE\u94FE\u63A5 */\n  buttonLink?: string\n  /** \u80CC\u666F\u56FE\u7247 - \u54CD\u5E94\u5F0F\u56FE\u7247\u5BF9\u8C61 */\n  backgroundImage?: ResponsiveBackgroundImage\n}\n\nexport interface PromotionalBarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: PromotionalBarData\n  classNames?: Partial<Record<keyof PromotionalBarSemanticName, string>>\n}\n\n/**\n * \u5C06\u54CD\u5E94\u5F0F\u80CC\u666F\u56FE\u7247\u5BF9\u8C61\u8F6C\u6362\u4E3A Picture \u7EC4\u4EF6\u6240\u9700\u7684\u5B57\u7B26\u4E32\u683C\u5F0F\n */\nconst convertResponsiveImageToString = (backgroundImage: ResponsiveBackgroundImage | undefined): string | undefined => {\n  if (!backgroundImage) return undefined\n\n  const { mobile, tablet, laptop, desktop, lgDesktop } = backgroundImage\n  const parts: string[] = []\n\n  // \u8F85\u52A9\u51FD\u6570\uFF1A\u4ECE Media \u5BF9\u8C61\u4E2D\u63D0\u53D6 URL\n  const getUrl = (media: Media | undefined): string | undefined => {\n    return media?.url\n  }\n\n  // \u9ED8\u8BA4\u56FE\u7247\uFF08\u6700\u5927\u5C3A\u5BF8\uFF09\u653E\u5728\u6700\u524D\u9762\uFF0C\u4E0D\u9700\u8981\u65AD\u70B9\n  const lgDesktopUrl = getUrl(lgDesktop)\n  const desktopUrl = getUrl(desktop)\n  const laptopUrl = getUrl(laptop)\n  const tabletUrl = getUrl(tablet)\n  const mobileUrl = getUrl(mobile)\n\n  if (lgDesktopUrl) parts.push(lgDesktopUrl)\n  else if (desktopUrl) parts.push(desktopUrl)\n  else if (laptopUrl) parts.push(laptopUrl)\n  else if (tabletUrl) parts.push(tabletUrl)\n  else if (mobileUrl) parts.push(mobileUrl)\n\n  // \u6309\u65AD\u70B9\u4ECE\u5927\u5230\u5C0F\u6DFB\u52A0\n  if (desktopUrl && lgDesktopUrl) parts.push(`${desktopUrl} 1920`)\n  if (laptopUrl && (desktopUrl || lgDesktopUrl)) parts.push(`${laptopUrl} 1440`)\n  if (tabletUrl && (laptopUrl || desktopUrl || lgDesktopUrl)) parts.push(`${tabletUrl} 1024`)\n  if (mobileUrl && (tabletUrl || laptopUrl || desktopUrl || lgDesktopUrl)) parts.push(`${mobileUrl} 768`)\n\n  return parts.length > 0 ? parts.join(', ') : undefined\n}\n\n/**\n * PromotionalBar - \u63A8\u5E7F\u680F\n *\n * @description \u63A8\u5E7F\u680F\n */\nconst PromotionalBar = React.forwardRef<HTMLDivElement, PromotionalBarProps>(({ classNames, data }, ref) => {\n  const { backgroundImage } = data\n  const pictureSource = React.useMemo(() => {\n    return convertResponsiveImageToString(backgroundImage)\n  }, [backgroundImage])\n  return (\n    <div ref={ref} className={cn('laptop:h-[192px] lg-desktop:h-[240px] h-[240px]', classNames?.root)}>\n      {/* \u63A8\u5E7F\u680F\u5185\u5BB9\u533A\u57DF - \u6839\u636E\u5177\u4F53\u4E1A\u52A1\u9700\u6C42\u5B9A\u5236 */}\n      <div className=\"promotional-bar-content rounded-box relative h-full overflow-hidden\">\n        <div\n          className={cn(\n            'laptop:px-8 laptop:justify-center lg-desktop:max-w-[620px] laptop:max-w-[392px] desktop:max-w-[584px] laptop:py-0 tablet:px-8 laptop:pr-0 relative z-20 flex h-full flex-col p-4',\n            classNames?.content\n          )}\n        >\n          {data.contentTitle && (\n            <Heading\n              className={cn('line-clamp-2 text-[#F5F6F7]', classNames?.title)}\n              html={data.contentTitle}\n              size={3}\n            />\n          )}\n          {data.contentDesc && (\n            <p\n              className={cn(\n                'laptop:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px] font-bold leading-[1.4] text-[#F5F6F7]',\n                classNames?.description\n              )}\n              dangerouslySetInnerHTML={{ __html: data.contentDesc }}\n            />\n          )}\n          <div className=\"laptop:mt-4 mt-1\">\n            {data.buttonText && (\n              <Button\n                as=\"a\"\n                variant=\"link\"\n                className={cn('!p-0 text-[#F5F6F7]', classNames?.button)}\n                href={data.buttonLink}\n              >\n                {data.buttonText}\n              </Button>\n            )}\n          </div>\n        </div>\n        <Picture source={pictureSource} className=\"absolute inset-0 z-10\" imgClassName=\"h-full object-cover\" />\n      </div>\n    </div>\n  )\n})\n\nPromotionalBar.displayName = 'PromotionalBar'\nexport default withLayout(PromotionalBar)\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAwGQ,IAAAI,EAAA,6BAtGRC,EAAuB,oBACvBC,EAAmB,kCACnBC,EAAyC,qCACzCC,EAA2B,kCAoD3B,MAAMC,EAAkCC,GAA+E,CACrH,GAAI,CAACA,EAAiB,OAEtB,KAAM,CAAE,OAAAC,EAAQ,OAAAC,EAAQ,OAAAC,EAAQ,QAAAC,EAAS,UAAAC,CAAU,EAAIL,EACjDM,EAAkB,CAAC,EAGnBC,EAAUC,GACPA,GAAO,IAIVC,EAAeF,EAAOF,CAAS,EAC/BK,EAAaH,EAAOH,CAAO,EAC3BO,EAAYJ,EAAOJ,CAAM,EACzBS,EAAYL,EAAOL,CAAM,EACzBW,EAAYN,EAAON,CAAM,EAE/B,OAAIQ,EAAcH,EAAM,KAAKG,CAAY,EAChCC,EAAYJ,EAAM,KAAKI,CAAU,EACjCC,EAAWL,EAAM,KAAKK,CAAS,EAC/BC,EAAWN,EAAM,KAAKM,CAAS,EAC/BC,GAAWP,EAAM,KAAKO,CAAS,EAGpCH,GAAcD,GAAcH,EAAM,KAAK,GAAGI,CAAU,OAAO,EAC3DC,IAAcD,GAAcD,IAAeH,EAAM,KAAK,GAAGK,CAAS,OAAO,EACzEC,IAAcD,GAAaD,GAAcD,IAAeH,EAAM,KAAK,GAAGM,CAAS,OAAO,EACtFC,IAAcD,GAAaD,GAAaD,GAAcD,IAAeH,EAAM,KAAK,GAAGO,CAAS,MAAM,EAE/FP,EAAM,OAAS,EAAIA,EAAM,KAAK,IAAI,EAAI,MAC/C,EAOMQ,EAAiBnB,EAAM,WAAgD,CAAC,CAAE,WAAAoB,EAAY,KAAAC,CAAK,EAAGC,IAAQ,CAC1G,KAAM,CAAE,gBAAAjB,CAAgB,EAAIgB,EACtBE,EAAgBvB,EAAM,QAAQ,IAC3BI,EAA+BC,CAAe,EACpD,CAACA,CAAe,CAAC,EACpB,SACE,OAAC,OAAI,IAAKiB,EAAK,aAAW,MAAG,kDAAmDF,GAAY,IAAI,EAE9F,oBAAC,OAAI,UAAU,sEACb,qBAAC,OACC,aAAW,MACT,mLACAA,GAAY,OACd,EAEC,UAAAC,EAAK,iBACJ,OAAC,WACC,aAAW,MAAG,8BAA+BD,GAAY,KAAK,EAC9D,KAAMC,EAAK,aACX,KAAM,EACR,EAEDA,EAAK,gBACJ,OAAC,KACC,aAAW,MACT,4GACAD,GAAY,WACd,EACA,wBAAyB,CAAE,OAAQC,EAAK,WAAY,EACtD,KAEF,OAAC,OAAI,UAAU,mBACZ,SAAAA,EAAK,eACJ,OAAC,UACC,GAAG,IACH,QAAQ,OACR,aAAW,MAAG,sBAAuBD,GAAY,MAAM,EACvD,KAAMC,EAAK,WAEV,SAAAA,EAAK,WACR,EAEJ,GACF,KACA,OAAC,WAAQ,OAAQE,EAAe,UAAU,wBAAwB,aAAa,sBAAsB,GACvG,EACF,CAEJ,CAAC,EAEDJ,EAAe,YAAc,iBAC7B,IAAOtB,KAAQ,cAAWsB,CAAc",
-  "names": ["PromotionalBar_exports", "__export", "PromotionalBar_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_components", "import_Styles", "convertResponsiveImageToString", "backgroundImage", "mobile", "tablet", "laptop", "desktop", "lgDesktop", "parts", "getUrl", "media", "lgDesktopUrl", "desktopUrl", "laptopUrl", "tabletUrl", "mobileUrl", "PromotionalBar", "classNames", "data", "ref", "pictureSource"]
-}

package/dist/cjs/biz-components/SecondaryBanner/index.d.ts

@@ -1,69 +0,0 @@
-import * as React from 'react';
-import type { Media as MediaType, Theme } from '../../types/props.js';
-import type { ButtonProps } from '../../components/button.js';
-export type SecondaryBannerSemanticName = 'root' | 'title' | 'superTitle' | 'subtitle' | 'content' | 'buttonGroup' | 'primaryButton' | 'secondaryButton';
-/**
- * SecondaryBanner 业务组件数据接口
- */
-export interface SecondaryBannerData {
-    /** 主标题*/
-    title?: string;
-    /**
-     * 上标题/引导标题
-     * 通常用于分类、引导性文字
-     */
-    superTitle?: string;
-    /**
-     * 副标题/描述文字
-     * 通常用于补充说明、详细描述
-     */
-    subtitle?: string;
-    /**
-     * 尺寸:
-     *  sm: 小尺寸用于筛选页面
-     *  base: 基础尺寸用于
-     *  lg: 大尺寸用于专题页
-     *  xlg: 活动页（通栏）
-     */
-    size?: 'sm' | 'base' | 'lg' | 'xlg';
-    pcImage?: MediaType;
-    padImage?: MediaType;
-    mobileImage?: MediaType;
-    /** 结束时间（ISO 字符串） */
-    endDate?: string;
-    /** 结束时间时区（如: America/Los_Angeles） */
-    endDate_tz?: string;
-    /**
-     * 时间格式化配置（JSON 字符串）
-     * {"day":"日","hour":"时","minute":"分","second":"秒"}
-     */
-    dateFormat?: string;
-    /** 主按钮配置 */
-    primaryButton?: {
-        text: string;
-        link?: string;
-        onClick?: () => void;
-    } & Omit<ButtonProps, 'children'>;
-    /** 次级按钮配置 */
-    secondaryButton?: {
-        text: string;
-        link?: string;
-        onClick?: () => void;
-    } & Omit<ButtonProps, 'children'>;
-    iconArray?: Array<{
-        pcImage: MediaType;
-    }>;
-    theme?: Theme;
-}
-export interface SecondaryBannerProps extends React.HTMLAttributes<HTMLElement> {
-    /** 业务数据 */
-    data: SecondaryBannerData;
-    classNames?: Partial<Record<SecondaryBannerSemanticName, string>>;
-}
-/**
- * SecondaryBanner - 次级横幅banner
- *
- * @description 是指用户进入二级页面后，无需滚动页面就能在第一屏（即"首屏"）看到的、通常横跨整个浏览器窗口宽度的核心视觉区域。
- */
-declare const SecondaryBanner: React.ForwardRefExoticComponent<SecondaryBannerProps & React.RefAttributes<HTMLElement>>;
-export default SecondaryBanner;

package/dist/cjs/biz-components/SecondaryBanner/index.js

@@ -1,2 +0,0 @@
-"use strict";"use client";var A=Object.create;var d=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var L=(a,e)=>{for(var t in e)d(a,t,{get:e[t],enumerable:!0})},v=(a,e,t,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of R(e))!F.call(a,i)&&i!==t&&d(a,i,{get:()=>e[i],enumerable:!(p=H(e,i))||p.enumerable});return a};var y=(a,e,t)=>(t=a!=null?A($(a)):{},v(e||!a||!a.__esModule?d(t,"default",{value:a,enumerable:!0}):t,a)),_=a=>v(d({},"__esModule",{value:!0}),a);var O={};L(O,{default:()=>G});module.exports=_(O);var n=require("react/jsx-runtime"),I=y(require("react")),h=require("class-variance-authority"),r=require("../../helpers/index.js"),o=require("../../components/index.js"),z=y(require("../HeroBanner/Countdown.js")),N=y(require("../Media/index.js"));const E=(0,h.cva)("text-info-primary relative w-full",{variants:{size:{sm:"tablet:aspect-[768/480] laptop:aspect-[1024/400] desktop:aspect-[1440/384] lg-desktop:aspect-[1920/480] aspect-[390/480]",base:"tablet:aspect-[768/660] laptop:aspect-[1024/432] desktop:aspect-[1440/576] lg-desktop:aspect-[1920/720] aspect-[390/660]",lg:"tablet:aspect-[768/660] laptop:aspect-[1024/520] desktop:aspect-[1440/700] lg-desktop:aspect-[1920/930] aspect-[390/660]",xlg:"tablet:aspect-[768/660] laptop:aspect-[1024/520] desktop:aspect-[1440/700] lg-desktop:aspect-[1920/930] aspect-[390/660] overflow-visible"}},defaultVariants:{size:"base"}}),T=I.forwardRef(({className:a,classNames:e={},data:t,...p},i)=>{const{pcImage:M,padImage:S,mobileImage:C,endDate:x,endDate_tz:D,dateFormat:P,size:m="base",iconArray:u,theme:w="light",primaryButton:s,secondaryButton:l}=t,b=I.useId(),c=t.title?`${b}-title`:void 0,f=t.subtitle?`${b}-subtitle`:void 0,k=t.superTitle?`${b}-super-title`:void 0,j=[k,f].filter(Boolean).join(" ")||void 0;return(0,n.jsxs)("section",{ref:i,role:"banner","aria-labelledby":c,"aria-describedby":j,className:(0,r.cn)({"aiui-dark":w==="dark"},E({size:m}),a,e?.root),...p,children:[(0,n.jsx)(N.default,{pcImage:M,padImage:S,mobileImage:C,className:(0,r.cn)("absolute inset-0 size-full object-cover",{"h-fit":m==="xlg"}),imgClassName:"object-cover",videoClassName:"object-cover",muted:!0,loop:!0,playsInline:!0,autoPlay:!0}),(0,n.jsxs)("div",{className:(0,r.cn)("banner-content laptop:top-1/2 laptop:-translate-y-1/2 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] absolute top-12 z-10 flex flex-col items-start justify-center  px-[16px] text-left",e?.content),children:[(0,n.jsxs)("div",{className:"banner-inner-title desktop:gap-2 flex flex-col items-start gap-1",children:[t.superTitle&&(0,n.jsx)(o.Text,{as:"p",size:2,id:k,className:(0,r.cn)("banner-super-title desktop:text-[16px] lg-desktop:text-[18px]",e?.superTitle),html:t.superTitle}),t.title&&(0,n.jsx)(o.Heading,{as:"h1",size:["xlg","lg"].includes(m)?5:4,id:c,className:(0,r.cn)("banner-title ",e?.title),html:t.title}),t.subtitle&&(0,n.jsx)(o.Text,{as:"p",size:3,id:f,className:(0,r.cn)("banner-subtitle desktop:text-[16px] lg-desktop:text-[18px]",e?.subtitle),html:t.subtitle})]}),x&&(0,n.jsx)("div",{className:"banner-countdown mt-3",role:"timer","aria-label":"event countdown",children:(0,n.jsx)(z.default,{endDate:x,endDate_tz:D,dateFormat:P})}),(0,n.jsxs)("div",{className:(0,r.cn)("banner-cta-group lg-desktop:mt-[32px] lg-desktop:gap-3 mt-6 flex gap-2",e?.buttonGroup),children:[l?.text&&(0,n.jsx)(o.Button,{variant:"secondary",onClick:l.onClick,className:(0,r.cn)("",e?.secondaryButton),"aria-describedby":c,...l.link?{as:"a",href:l.link}:{},children:l.text}),s?.text&&(0,n.jsx)(o.Button,{onClick:s.onClick,className:(0,r.cn)("",e?.primaryButton),"aria-describedby":c,...s.link?{as:"a",href:s.link}:{},children:s.text})]}),Array.isArray(u)&&u.length>0&&(0,n.jsx)("div",{className:"banner-icons desktop:mt-3 lg-desktop:mt-4 mt-2 flex items-center gap-2",role:"group","aria-label":"brand icons",children:u.map((g,B)=>g.pcImage?(0,n.jsx)(o.Picture,{source:g.pcImage.url,alt:g.pcImage.alt||`icon ${B+1}`,role:"img",className:"h-auto max-w-none"},B):null)})]})]})});T.displayName="SecondaryBanner";var G=T;
-//# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/SecondaryBanner/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/SecondaryBanner/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cva } from 'class-variance-authority'\nimport { cn } from '../../helpers/index.js'\nimport type { Media as MediaType, Theme } from '../../types/props.js'\nimport { Text, Button, Heading, Picture } from '../../components/index.js'\nimport Countdown from '../HeroBanner/Countdown.js'\nimport Media from '../Media/index.js'\nimport type { ButtonProps } from '../../components/button.js'\n\nexport type SecondaryBannerSemanticName =\n  | 'root'\n  | 'title'\n  | 'superTitle'\n  | 'subtitle'\n  | 'content'\n  | 'buttonGroup'\n  | 'primaryButton'\n  | 'secondaryButton'\n\nconst secondaryBannerVariants = cva(\n  // \u57FA\u7840\u6837\u5F0F\n  'text-info-primary relative w-full',\n  {\n    variants: {\n      size: {\n        sm: 'tablet:aspect-[768/480] laptop:aspect-[1024/400] desktop:aspect-[1440/384] lg-desktop:aspect-[1920/480] aspect-[390/480]',\n        base: 'tablet:aspect-[768/660] laptop:aspect-[1024/432] desktop:aspect-[1440/576] lg-desktop:aspect-[1920/720] aspect-[390/660]',\n        lg: 'tablet:aspect-[768/660] laptop:aspect-[1024/520] desktop:aspect-[1440/700] lg-desktop:aspect-[1920/930] aspect-[390/660]',\n        xlg: 'tablet:aspect-[768/660] laptop:aspect-[1024/520] desktop:aspect-[1440/700] lg-desktop:aspect-[1920/930] aspect-[390/660] overflow-visible',\n      },\n    },\n    defaultVariants: {\n      size: 'base',\n    },\n  }\n)\n\n/**\n * SecondaryBanner \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface SecondaryBannerData {\n  /** \u4E3B\u6807\u9898*/\n  title?: string\n  /**\n   * \u4E0A\u6807\u9898/\u5F15\u5BFC\u6807\u9898\n   * \u901A\u5E38\u7528\u4E8E\u5206\u7C7B\u3001\u5F15\u5BFC\u6027\u6587\u5B57\n   */\n  superTitle?: string\n  /**\n   * \u526F\u6807\u9898/\u63CF\u8FF0\u6587\u5B57\n   * \u901A\u5E38\u7528\u4E8E\u8865\u5145\u8BF4\u660E\u3001\u8BE6\u7EC6\u63CF\u8FF0\n   */\n  subtitle?: string\n  /**\n   * \u5C3A\u5BF8:\n   *  sm: \u5C0F\u5C3A\u5BF8\u7528\u4E8E\u7B5B\u9009\u9875\u9762\n   *  base: \u57FA\u7840\u5C3A\u5BF8\u7528\u4E8E\n   *  lg: \u5927\u5C3A\u5BF8\u7528\u4E8E\u4E13\u9898\u9875\n   *  xlg: \u6D3B\u52A8\u9875\uFF08\u901A\u680F\uFF09\n   */\n  size?: 'sm' | 'base' | 'lg' | 'xlg'\n  pcImage?: MediaType\n  padImage?: MediaType\n  mobileImage?: MediaType\n\n  /** \u7ED3\u675F\u65F6\u95F4\uFF08ISO \u5B57\u7B26\u4E32\uFF09 */\n  endDate?: string\n  /** \u7ED3\u675F\u65F6\u95F4\u65F6\u533A\uFF08\u5982: America/Los_Angeles\uFF09 */\n  endDate_tz?: string\n  /**\n   * \u65F6\u95F4\u683C\u5F0F\u5316\u914D\u7F6E\uFF08JSON \u5B57\u7B26\u4E32\uFF09\n   * {\"day\":\"\u65E5\",\"hour\":\"\u65F6\",\"minute\":\"\u5206\",\"second\":\"\u79D2\"}\n   */\n  dateFormat?: string\n\n  /** \u4E3B\u6309\u94AE\u914D\u7F6E */\n  primaryButton?: {\n    text: string\n    link?: string\n    onClick?: () => void\n  } & Omit<ButtonProps, 'children'>\n  /** \u6B21\u7EA7\u6309\u94AE\u914D\u7F6E */\n  secondaryButton?: {\n    text: string\n    link?: string\n    onClick?: () => void\n  } & Omit<ButtonProps, 'children'>\n\n  iconArray?: Array<{ pcImage: MediaType }>\n  theme?: Theme\n}\n\nexport interface SecondaryBannerProps extends React.HTMLAttributes<HTMLElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: SecondaryBannerData\n  classNames?: Partial<Record<SecondaryBannerSemanticName, string>>\n}\n\n/**\n * SecondaryBanner - \u6B21\u7EA7\u6A2A\u5E45banner\n *\n * @description \u662F\u6307\u7528\u6237\u8FDB\u5165\u4E8C\u7EA7\u9875\u9762\u540E\uFF0C\u65E0\u9700\u6EDA\u52A8\u9875\u9762\u5C31\u80FD\u5728\u7B2C\u4E00\u5C4F\uFF08\u5373\"\u9996\u5C4F\"\uFF09\u770B\u5230\u7684\u3001\u901A\u5E38\u6A2A\u8DE8\u6574\u4E2A\u6D4F\u89C8\u5668\u7A97\u53E3\u5BBD\u5EA6\u7684\u6838\u5FC3\u89C6\u89C9\u533A\u57DF\u3002\n */\nconst SecondaryBanner = React.forwardRef<HTMLElement, SecondaryBannerProps>(\n  ({ className, classNames = {}, data, ...props }, ref) => {\n    const {\n      pcImage,\n      padImage,\n      mobileImage,\n      endDate,\n      endDate_tz,\n      dateFormat,\n      size = 'base',\n      iconArray: icons,\n      theme = 'light',\n      primaryButton,\n      secondaryButton,\n    } = data\n\n    // \u751F\u6210\u552F\u4E00ID\u7528\u4E8E\u53EF\u8BBF\u95EE\u6027\n    const bannerId = React.useId()\n    const titleId = data.title ? `${bannerId}-title` : undefined\n    const subtitleId = data.subtitle ? `${bannerId}-subtitle` : undefined\n    const superTitleId = data.superTitle ? `${bannerId}-super-title` : undefined\n\n    // \u6784\u5EFAaria-describedby\n    const describedBy = [superTitleId, subtitleId].filter(Boolean).join(' ') || undefined\n\n    return (\n      <section\n        ref={ref}\n        role=\"banner\"\n        aria-labelledby={titleId}\n        aria-describedby={describedBy}\n        className={cn(\n          {\n            'aiui-dark': theme === 'dark',\n          },\n          secondaryBannerVariants({ size: size }),\n          className,\n          classNames?.root\n        )}\n        {...props}\n      >\n        <Media\n          pcImage={pcImage}\n          padImage={padImage}\n          mobileImage={mobileImage}\n          className={cn('absolute inset-0 size-full object-cover', {\n            'h-fit': size === 'xlg',\n          })}\n          imgClassName=\"object-cover\"\n          videoClassName=\"object-cover\"\n          muted={true}\n          loop={true}\n          playsInline={true}\n          autoPlay={true}\n        />\n        <div\n          className={cn(\n            'banner-content laptop:top-1/2 laptop:-translate-y-1/2 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] absolute top-12 z-10 flex flex-col items-start justify-center  px-[16px] text-left',\n            classNames?.content\n          )}\n        >\n          <div className=\"banner-inner-title desktop:gap-2 flex flex-col items-start gap-1\">\n            {data.superTitle && (\n              <Text\n                as=\"p\"\n                size={2}\n                id={superTitleId}\n                className={cn('banner-super-title desktop:text-[16px] lg-desktop:text-[18px]', classNames?.superTitle)}\n                html={data.superTitle}\n              />\n            )}\n\n            {data.title && (\n              <Heading\n                as=\"h1\"\n                size={['xlg', 'lg'].includes(size) ? 5 : 4}\n                id={titleId}\n                className={cn('banner-title ', classNames?.title)}\n                html={data.title}\n              />\n            )}\n\n            {data.subtitle && (\n              <Text\n                as=\"p\"\n                size={3}\n                id={subtitleId}\n                className={cn('banner-subtitle desktop:text-[16px] lg-desktop:text-[18px]', classNames?.subtitle)}\n                html={data.subtitle}\n              />\n            )}\n          </div>\n\n          {endDate && (\n            <div className=\"banner-countdown mt-3\" role=\"timer\" aria-label=\"event countdown\">\n              <Countdown endDate={endDate} endDate_tz={endDate_tz} dateFormat={dateFormat} />\n            </div>\n          )}\n\n          <div\n            className={cn(\n              'banner-cta-group lg-desktop:mt-[32px] lg-desktop:gap-3 mt-6 flex gap-2',\n              classNames?.buttonGroup\n            )}\n          >\n            {secondaryButton?.text && (\n              <Button\n                variant=\"secondary\"\n                onClick={secondaryButton.onClick}\n                className={cn('', classNames?.secondaryButton)}\n                aria-describedby={titleId}\n                {...(secondaryButton.link ? { as: 'a', href: secondaryButton.link } : {})}\n              >\n                {secondaryButton.text}\n              </Button>\n            )}\n            {primaryButton?.text && (\n              <Button\n                onClick={primaryButton.onClick}\n                className={cn('', classNames?.primaryButton)}\n                aria-describedby={titleId}\n                {...(primaryButton.link ? { as: 'a', href: primaryButton.link } : {})}\n              >\n                {primaryButton.text}\n              </Button>\n            )}\n          </div>\n\n          {Array.isArray(icons) && icons.length > 0 && (\n            <div\n              className=\"banner-icons desktop:mt-3 lg-desktop:mt-4 mt-2 flex items-center gap-2\"\n              role=\"group\"\n              aria-label=\"brand icons\"\n            >\n              {icons.map((icon, index) =>\n                icon.pcImage ? (\n                  <Picture\n                    key={index}\n                    source={icon.pcImage.url}\n                    alt={icon.pcImage.alt || `icon ${index + 1}`}\n                    role=\"img\"\n                    className=\"h-auto max-w-none\"\n                  />\n                ) : null\n              )}\n            </div>\n          )}\n        </div>\n      </section>\n    )\n  }\n)\n\nSecondaryBanner.displayName = 'SecondaryBanner'\nexport default SecondaryBanner\n"],
-  "mappings": "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",
-  "names": ["SecondaryBanner_exports", "__export", "SecondaryBanner_default", "__toCommonJS", "import_jsx_runtime", "React", "import_class_variance_authority", "import_helpers", "import_components", "import_Countdown", "import_Media", "secondaryBannerVariants", "SecondaryBanner", "className", "classNames", "data", "props", "ref", "pcImage", "padImage", "mobileImage", "endDate", "endDate_tz", "dateFormat", "size", "icons", "theme", "primaryButton", "secondaryButton", "bannerId", "titleId", "subtitleId", "superTitleId", "describedBy", "Media", "Countdown", "icon", "index"]
-}

package/dist/cjs/biz-components/Title/Countdown.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import type { CountdownConfig } from './types.js';
-import type { Theme } from '../../types/props.js';
-interface CountdownProps {
-    config: CountdownConfig;
-    className?: string;
-    onCountdownEnd?: () => void;
-    theme?: Theme;
-}
-/**
- * Countdown - 倒计时组件
- */
-declare const Countdown: React.ForwardRefExoticComponent<CountdownProps & React.RefAttributes<HTMLDivElement>>;
-export default Countdown;

package/dist/cjs/biz-components/Title/Countdown.js

@@ -1,2 +0,0 @@
-"use strict";"use client";var S=Object.create;var p=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var V=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var H=(e,t)=>{for(var s in t)p(e,s,{get:t[s],enumerable:!0})},v=(e,t,s,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of V(t))!F.call(e,a)&&a!==s&&p(e,a,{get:()=>t[a],enumerable:!(n=D(t,a))||n.enumerable});return e};var w=(e,t,s)=>(s=e!=null?S(j(e)):{},v(t||!e||!e.__esModule?p(s,"default",{value:e,enumerable:!0}):s,e)),I=e=>v(p({},"__esModule",{value:!0}),e);var U={};H(U,{default:()=>P});module.exports=I(U);var o=require("react/jsx-runtime"),i=w(require("react")),b=w(require("dayjs")),h=require("../../helpers/utils.js"),y=require("class-variance-authority");const T=e=>{const t=(0,b.default)(),n=(0,b.default)(e).diff(t,"second");if(n<=0)return{days:0,hours:0,minutes:0,seconds:0};const a=Math.floor(n/(24*60*60)),c=Math.floor(n%(24*60*60)/(60*60)),g=Math.floor(n%(60*60)/60),x=n%60;return{days:a,hours:c,minutes:g,seconds:x}},R=(0,y.cva)("lg-desktop:size-12 lg-desktop:px-1 flex size-10 flex-col items-center justify-center px-[2px] text-center",{variants:{theme:{light:"bg-info-primary",dark:"bg-[#f5f6f7]"}},defaultVariants:{theme:"light"}}),k=(0,y.cva)("",{variants:{theme:{light:"text-white",dark:"text-[#080A0F]"}},defaultVariants:{theme:"light"}}),z=({value:e,label:t,theme:s="light"})=>(0,o.jsxs)("div",{className:R({theme:s}),children:[(0,o.jsx)("p",{className:(0,h.cn)("lg-desktop:text-2xl text-[20px] font-bold leading-[1.2] tracking-[-0.96px]",k({theme:s})),children:String(e).padStart(2,"0")}),(0,o.jsx)("p",{className:(0,h.cn)("text-[12px] font-bold leading-[1.4] tracking-[-0.24px]",k({theme:s})),children:t})]}),E=()=>(0,o.jsx)("p",{className:"lg-desktop:text-2xl text-info-primary text-center text-xl font-bold leading-[1.2] tracking-[-0.96px]",children:":"}),C=i.default.forwardRef(({config:e,className:t,onCountdownEnd:s,theme:n="light"},a)=>{const{targetDate:c,showDays:g=!0,showHours:x=!0,showMinutes:L=!0,showSeconds:N=!0,labels:d={}}=e,[m,M]=(0,i.useState)(()=>T(c));(0,i.useEffect)(()=>{const u=setInterval(()=>{const r=T(c);M(r),r.days===0&&r.hours===0&&r.minutes===0&&r.seconds===0&&(s?.(),clearInterval(u))},1e3);return()=>clearInterval(u)},[c,s]);const f={days:d.days||"Day",hours:d.hours||"Hours",minutes:d.minutes||"Mins",seconds:d.seconds||"Secs"},l=[];return g&&l.push({value:m.days,label:f.days}),x&&l.push({value:m.hours,label:f.hours}),L&&l.push({value:m.minutes,label:f.minutes}),N&&l.push({value:m.seconds,label:f.seconds}),(0,o.jsx)("div",{ref:a,className:(0,h.cn)("flex items-center gap-1",t),children:l.map((u,r)=>(0,o.jsxs)(i.default.Fragment,{children:[(0,o.jsx)(z,{value:u.value,label:u.label,theme:n}),r<l.length-1&&(0,o.jsx)(E,{})]},u.label))})});C.displayName="Countdown";var P=C;
-//# sourceMappingURL=Countdown.js.map

package/dist/cjs/biz-components/Title/Countdown.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/Title/Countdown.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useState, useEffect } from 'react'\nimport dayjs from 'dayjs'\nimport { cn } from '../../helpers/utils.js'\nimport { cva } from 'class-variance-authority'\nimport type { CountdownConfig } from './types.js'\nimport type { Theme } from '../../types/props.js'\n\ninterface CountdownProps {\n  config: CountdownConfig\n  className?: string\n  onCountdownEnd?: () => void\n  theme?: Theme\n}\n\ninterface TimeLeft {\n  days: number\n  hours: number\n  minutes: number\n  seconds: number\n}\n\n/**\n * \u8BA1\u7B97\u5269\u4F59\u65F6\u95F4\n */\nconst calculateTimeLeft = (targetDate: string): TimeLeft => {\n  const now = dayjs()\n  const target = dayjs(targetDate)\n  const diff = target.diff(now, 'second')\n\n  if (diff <= 0) {\n    return { days: 0, hours: 0, minutes: 0, seconds: 0 }\n  }\n\n  const days = Math.floor(diff / (24 * 60 * 60))\n  const hours = Math.floor((diff % (24 * 60 * 60)) / (60 * 60))\n  const minutes = Math.floor((diff % (60 * 60)) / 60)\n  const seconds = diff % 60\n\n  return { days, hours, minutes, seconds }\n}\n\n/**\n * \u5012\u8BA1\u65F6\u6570\u5B57\u5757\u80CC\u666F\u8272\u6837\u5F0F\u53D8\u4F53\n */\nconst countdownUnitVariants = cva(\n  'lg-desktop:size-12 lg-desktop:px-1 flex size-10 flex-col items-center justify-center px-[2px] text-center',\n  {\n    variants: {\n      theme: {\n        light: 'bg-info-primary',\n        dark: 'bg-[#f5f6f7]',\n      },\n    },\n    defaultVariants: {\n      theme: 'light',\n    },\n  }\n)\n\n/**\n * \u5012\u8BA1\u65F6\u6587\u5B57\u989C\u8272\u6837\u5F0F\u53D8\u4F53\n */\nconst countdownTextVariants = cva('', {\n  variants: {\n    theme: {\n      light: 'text-white',\n      dark: 'text-[#080A0F]',\n    },\n  },\n  defaultVariants: {\n    theme: 'light',\n  },\n})\n\n/**\n * \u5012\u8BA1\u65F6\u6570\u5B57\u5757\u7EC4\u4EF6\n */\nconst CountdownUnit = ({ value, label, theme = 'light' }: { value: number; label: string; theme?: Theme }) => {\n  return (\n    <div className={countdownUnitVariants({ theme })}>\n      <p\n        className={cn(\n          'lg-desktop:text-2xl text-[20px] font-bold leading-[1.2] tracking-[-0.96px]',\n          countdownTextVariants({ theme })\n        )}\n      >\n        {String(value).padStart(2, '0')}\n      </p>\n      <p className={cn('text-[12px] font-bold leading-[1.4] tracking-[-0.24px]', countdownTextVariants({ theme }))}>\n        {label}\n      </p>\n    </div>\n  )\n}\n\n/**\n * \u5012\u8BA1\u65F6\u5206\u9694\u7B26\n */\nconst CountdownSeparator = () => {\n  return (\n    <p className=\"lg-desktop:text-2xl text-info-primary text-center text-xl font-bold leading-[1.2] tracking-[-0.96px]\">\n      :\n    </p>\n  )\n}\n\n/**\n * Countdown - \u5012\u8BA1\u65F6\u7EC4\u4EF6\n */\nconst Countdown = React.forwardRef<HTMLDivElement, CountdownProps>(\n  ({ config, className, onCountdownEnd, theme = 'light' }, ref) => {\n    const {\n      targetDate,\n      showDays = true,\n      showHours = true,\n      showMinutes = true,\n      showSeconds = true,\n      labels = {},\n    } = config\n\n    const [timeLeft, setTimeLeft] = useState<TimeLeft>(() => calculateTimeLeft(targetDate))\n\n    useEffect(() => {\n      const timer = setInterval(() => {\n        const newTimeLeft = calculateTimeLeft(targetDate)\n        setTimeLeft(newTimeLeft)\n\n        // \u68C0\u67E5\u5012\u8BA1\u65F6\u662F\u5426\u7ED3\u675F\n        if (\n          newTimeLeft.days === 0 &&\n          newTimeLeft.hours === 0 &&\n          newTimeLeft.minutes === 0 &&\n          newTimeLeft.seconds === 0\n        ) {\n          onCountdownEnd?.()\n          clearInterval(timer)\n        }\n      }, 1000)\n\n      return () => clearInterval(timer)\n    }, [targetDate, onCountdownEnd])\n\n    const defaultLabels = {\n      days: labels.days || 'Day',\n      hours: labels.hours || 'Hours',\n      minutes: labels.minutes || 'Mins',\n      seconds: labels.seconds || 'Secs',\n    }\n\n    const units = []\n    if (showDays) units.push({ value: timeLeft.days, label: defaultLabels.days })\n    if (showHours) units.push({ value: timeLeft.hours, label: defaultLabels.hours })\n    if (showMinutes) units.push({ value: timeLeft.minutes, label: defaultLabels.minutes })\n    if (showSeconds) units.push({ value: timeLeft.seconds, label: defaultLabels.seconds })\n\n    return (\n      <div ref={ref} className={cn('flex items-center gap-1', className)}>\n        {units.map((unit, index) => (\n          <React.Fragment key={unit.label}>\n            <CountdownUnit value={unit.value} label={unit.label} theme={theme} />\n            {index < units.length - 1 && <CountdownSeparator />}\n          </React.Fragment>\n        ))}\n      </div>\n    )\n  }\n)\n\nCountdown.displayName = 'Countdown'\n\nexport default Countdown\n"],
-  "mappings": "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",
-  "names": ["Countdown_exports", "__export", "Countdown_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_dayjs", "import_utils", "import_class_variance_authority", "calculateTimeLeft", "targetDate", "now", "dayjs", "diff", "days", "hours", "minutes", "seconds", "countdownUnitVariants", "countdownTextVariants", "CountdownUnit", "value", "label", "theme", "CountdownSeparator", "Countdown", "React", "config", "className", "onCountdownEnd", "ref", "showDays", "showHours", "showMinutes", "showSeconds", "labels", "timeLeft", "setTimeLeft", "timer", "newTimeLeft", "defaultLabels", "units", "unit", "index"]
-}

package/dist/cjs/biz-components/WheelLottery/BaseModal.d.ts

@@ -1,55 +0,0 @@
-/**
- * BaseModal - 通用弹窗基础组件
- *
- * 提供统一的弹窗外层结构，包括遮罩层、关闭按钮等
- *
- * @module BaseModal
- * @date 2026-01-04
- */
-import React from 'react';
-export interface BaseModalProps {
-    /**
-     * 是否显示弹窗
-     */
-    isOpen: boolean;
-    /**
-     * 关闭弹窗回调
-     */
-    onClose: () => void;
-    /**
-     * 弹窗内容
-     */
-    children: React.ReactNode;
-    /**
-     * 弹窗最大宽度类名
-     * @default 'max-w-[358px] laptop:max-w-[480px]'
-     */
-    maxWidth?: string;
-    /**
-     * 弹窗背景渐变
-     * @default 'bg-gradient-to-b from-[#ffffff] to-[#CCE8FF]'
-     */
-    background?: string;
-    /**
-     * 是否显示关闭按钮
-     * @default true
-     */
-    showCloseButton?: boolean;
-    /**
-     * 自定义类名
-     */
-    className?: string;
-    /**
-     * title 弹窗标题
-     */
-    title?: string;
-    /**
-     * ARIA 标签
-     */
-    ariaLabelledBy?: string;
-}
-/**
- * BaseModal 通用弹窗组件
- */
-export declare const BaseModal: React.FC<BaseModalProps>;
-export default BaseModal;

package/dist/cjs/biz-components/WheelLottery/BaseModal.js

@@ -1,12 +0,0 @@
-"use strict";"use client";var r=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var v=(o,a)=>{for(var i in a)r(o,i,{get:a[i],enumerable:!0})},k=(o,a,i,n)=>{if(a&&typeof a=="object"||typeof a=="function")for(let t of f(a))!g.call(o,t)&&t!==i&&r(o,t,{get:()=>a[t],enumerable:!(n=x(a,t))||n.enumerable});return o};var C=o=>k(r({},"__esModule",{value:!0}),o);var w={};v(w,{BaseModal:()=>c,default:()=>h});module.exports=C(w);var e=require("react/jsx-runtime"),z=require("react"),s=require("../../components/index.js"),l=require("../../helpers/index.js");const c=({isOpen:o,onClose:a,children:i,maxWidth:n="max-w-[358px] laptop:max-w-[480px]",background:t="bg-white",showCloseButton:d=!0,className:m,title:p,ariaLabelledBy:y})=>{if(!o)return null;const u=b=>{b.stopPropagation()};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{children:`
-          @keyframes modalOverlayFadeIn {
-            from { opacity: 0; }
-            to { opacity: 1; }
-          }
-          
-          @keyframes modalContentFadeIn {
-            from { opacity: 0; transform: scale(0.95); }
-            to { opacity: 1; transform: scale(1); }
-          }
-        `}),(0,e.jsx)("div",{className:(0,l.cn)("modal-overlay","fixed inset-0 z-50","flex items-center justify-center","bg-black/40",m),style:{opacity:1,animation:"modalOverlayFadeIn 0.3s cubic-bezier(0.4,0,0.2,1) both"},onClick:a,role:"dialog","aria-modal":"true","aria-labelledby":y,children:(0,e.jsxs)("div",{className:(0,l.cn)("modal-content","relative w-full shadow-2xl","rounded-box",n,t),style:{opacity:1,transform:"scale(1)",animation:"modalContentFadeIn 0.4s cubic-bezier(0.4,0,0.2,1) both"},onClick:u,children:[(0,e.jsxs)("div",{className:(0,l.cn)("modal-close","flex items-center justify-between","laptop:p-4 px-2 pb-1 pt-2"),children:[(0,e.jsx)(s.Heading,{size:2,id:"rules-modal-title",className:"tracking-[-0.32px]",children:p||""}),d&&(0,e.jsx)("button",{onClick:a,className:(0,l.cn)("laptop:size-[24px] size-[20px] cursor-pointer"),"aria-label":"\u5173\u95ED\u5F39\u7A97",children:(0,e.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,e.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),(0,e.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]}),i]})})]})};var h=c;
-//# sourceMappingURL=BaseModal.js.map

package/dist/cjs/biz-components/WheelLottery/BaseModal.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/WheelLottery/BaseModal.tsx"],
-  "sourcesContent": ["/**\n * BaseModal - \u901A\u7528\u5F39\u7A97\u57FA\u7840\u7EC4\u4EF6\n *\n * \u63D0\u4F9B\u7EDF\u4E00\u7684\u5F39\u7A97\u5916\u5C42\u7ED3\u6784\uFF0C\u5305\u62EC\u906E\u7F69\u5C42\u3001\u5173\u95ED\u6309\u94AE\u7B49\n *\n * @module BaseModal\n * @date 2026-01-04\n */\n\n'use client'\n\nimport React from 'react'\nimport { Heading } from '../../components/index.js'\nimport { cn } from '../../helpers/index.js'\n\nexport interface BaseModalProps {\n  /**\n   * \u662F\u5426\u663E\u793A\u5F39\u7A97\n   */\n  isOpen: boolean\n\n  /**\n   * \u5173\u95ED\u5F39\u7A97\u56DE\u8C03\n   */\n  onClose: () => void\n\n  /**\n   * \u5F39\u7A97\u5185\u5BB9\n   */\n  children: React.ReactNode\n\n  /**\n   * \u5F39\u7A97\u6700\u5927\u5BBD\u5EA6\u7C7B\u540D\n   * @default 'max-w-[358px] laptop:max-w-[480px]'\n   */\n  maxWidth?: string\n\n  /**\n   * \u5F39\u7A97\u80CC\u666F\u6E10\u53D8\n   * @default 'bg-gradient-to-b from-[#ffffff] to-[#CCE8FF]'\n   */\n  background?: string\n\n  /**\n   * \u662F\u5426\u663E\u793A\u5173\u95ED\u6309\u94AE\n   * @default true\n   */\n  showCloseButton?: boolean\n\n  /**\n   * \u81EA\u5B9A\u4E49\u7C7B\u540D\n   */\n  className?: string\n\n  /**\n   * title \u5F39\u7A97\u6807\u9898\n   */\n  title?: string\n\n  /**\n   * ARIA \u6807\u7B7E\n   */\n  ariaLabelledBy?: string\n}\n\n/**\n * BaseModal \u901A\u7528\u5F39\u7A97\u7EC4\u4EF6\n */\nexport const BaseModal: React.FC<BaseModalProps> = ({\n  isOpen,\n  onClose,\n  children,\n  maxWidth = 'max-w-[358px] laptop:max-w-[480px]',\n  background = 'bg-white',\n  showCloseButton = true,\n  className,\n  title,\n  ariaLabelledBy,\n}) => {\n  if (!isOpen) {\n    return null\n  }\n\n  // \u963B\u6B62\u70B9\u51FB\u5F39\u7A97\u5185\u5BB9\u65F6\u5173\u95ED\n  const handleContentClick = (e: React.MouseEvent) => {\n    e.stopPropagation()\n  }\n\n  return (\n    <>\n      <style>\n        {`\n          @keyframes modalOverlayFadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n          }\n          \n          @keyframes modalContentFadeIn {\n            from { opacity: 0; transform: scale(0.95); }\n            to { opacity: 1; transform: scale(1); }\n          }\n        `}\n      </style>\n      <div\n        className={cn(\n          'modal-overlay',\n          'fixed inset-0 z-50',\n          'flex items-center justify-center',\n          'bg-black/40',\n          className\n        )}\n        style={{\n          opacity: 1,\n          animation: 'modalOverlayFadeIn 0.3s cubic-bezier(0.4,0,0.2,1) both',\n        }}\n        onClick={onClose}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={ariaLabelledBy}\n      >\n        {/* \u5F39\u7A97\u5185\u5BB9\u5361\u7247 */}\n        <div\n          className={cn('modal-content', 'relative w-full shadow-2xl', 'rounded-box', maxWidth, background)}\n          style={{\n            opacity: 1,\n            transform: 'scale(1)',\n            animation: 'modalContentFadeIn 0.4s cubic-bezier(0.4,0,0.2,1) both',\n          }}\n          onClick={handleContentClick}\n        >\n          {/* \u5173\u95ED\u6309\u94AE */}\n          <div className={cn('modal-close', 'flex items-center justify-between', 'laptop:p-4 px-2 pb-1 pt-2')}>\n            <Heading size={2} id=\"rules-modal-title\" className=\"tracking-[-0.32px]\">\n              {title || ''}\n            </Heading>\n            {showCloseButton && (\n              <button\n                onClick={onClose}\n                className={cn('laptop:size-[24px] size-[20px] cursor-pointer')}\n                aria-label=\"\u5173\u95ED\u5F39\u7A97\"\n              >\n                <svg\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"2\"\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                >\n                  <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n                  <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n                </svg>\n              </button>\n            )}\n          </div>\n\n          {/* \u5F39\u7A97\u5185\u5BB9 */}\n          {children}\n        </div>\n      </div>\n    </>\n  )\n}\n\nexport default BaseModal\n"],
-  "mappings": "sbAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAyFI,IAAAK,EAAA,6BA9EJC,EAAkB,iBAClBC,EAAwB,qCACxBC,EAAmB,kCAuDZ,MAAMN,EAAsC,CAAC,CAClD,OAAAO,EACA,QAAAC,EACA,SAAAC,EACA,SAAAC,EAAW,qCACX,WAAAC,EAAa,WACb,gBAAAC,EAAkB,GAClB,UAAAC,EACA,MAAAC,EACA,eAAAC,CACF,IAAM,CACJ,GAAI,CAACR,EACH,OAAO,KAIT,MAAMS,EAAsBC,GAAwB,CAClDA,EAAE,gBAAgB,CACpB,EAEA,SACE,oBACE,oBAAC,SACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAWH,KACA,OAAC,OACC,aAAW,MACT,gBACA,qBACA,mCACA,cACAJ,CACF,EACA,MAAO,CACL,QAAS,EACT,UAAW,wDACb,EACA,QAASL,EACT,KAAK,SACL,aAAW,OACX,kBAAiBO,EAGjB,oBAAC,OACC,aAAW,MAAG,gBAAiB,6BAA8B,cAAeL,EAAUC,CAAU,EAChG,MAAO,CACL,QAAS,EACT,UAAW,WACX,UAAW,wDACb,EACA,QAASK,EAGT,qBAAC,OAAI,aAAW,MAAG,cAAe,oCAAqC,2BAA2B,EAChG,oBAAC,WAAQ,KAAM,EAAG,GAAG,oBAAoB,UAAU,qBAChD,SAAAF,GAAS,GACZ,EACCF,MACC,OAAC,UACC,QAASJ,EACT,aAAW,MAAG,+CAA+C,EAC7D,aAAW,2BAEX,oBAAC,OACC,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,QAEf,oBAAC,QAAK,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,KACpC,OAAC,QAAK,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GACtC,EACF,GAEJ,EAGCC,GACH,EACF,GACF,CAEJ,EAEA,IAAOR,EAAQD",
-  "names": ["BaseModal_exports", "__export", "BaseModal", "BaseModal_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_helpers", "isOpen", "onClose", "children", "maxWidth", "background", "showCloseButton", "className", "title", "ariaLabelledBy", "handleContentClick", "e"]
-}

package/dist/cjs/biz-components/WheelLottery/ChanceMethods.d.ts

@@ -1,30 +0,0 @@
-/**
- * ChanceMethods - 获取抽奖机会方式组件
- *
- * 展示用户获取额外抽奖机会的多种方式(如分享、积分兑换、推荐等)。
- * 基于 Figma 设计稿实现响应式布局。
- *
- * Figma 设计稿: https://www.figma.com/design/DhWsPamqTM76eMHS0aIQqw
- * 设计节点: 498:6185 (Chance Methods section)
- *
- * @module ChanceMethods
- * @date 2025-12-17
- */
-import React from 'react';
-import type { ChanceMethodsProps } from './types.js';
-/**
- * ChanceMethods - 获取抽奖机会方式组件
- *
- * 特性:
- * - 展示多种获取机会的方式(分享、积分、推荐等)
- * - 每种方式显示标题、描述、Chance +1 徽章和行动按钮
- * - 支持禁用状态
- * - 响应式布局
- */
-export declare const ChanceMethods: React.FC<ChanceMethodsProps & {
-    chanceBadgeText?: string;
-    completedText?: string;
-    usedText?: string;
-    loadingText?: string;
-}>;
-export default ChanceMethods;

package/dist/cjs/biz-components/WheelLottery/ChanceMethods.js

@@ -1,2 +0,0 @@
-"use strict";"use client";var h=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var T=(e,a)=>{for(var o in a)h(e,o,{get:a[o],enumerable:!0})},N=(e,a,o,d)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of C(a))!v.call(e,n)&&n!==o&&h(e,n,{get:()=>a[n],enumerable:!(d=u(a,n))||d.enumerable});return e};var b=e=>N(h({},"__esModule",{value:!0}),e);var w={};T(w,{ChanceMethods:()=>k,default:()=>y});module.exports=b(w);var t=require("react/jsx-runtime"),B=require("react"),s=require("../../helpers/index.js"),l=require("../../components/index.js");const k=({theme:e,methods:a,title:o="Want more chances to win?",subtitle:d,footerNote:n,className:x,userData:r,onOpenShareModal:p,chanceBadgeText:c="Chance +1",completedText:i="Completed",usedText:g="Used",loadingText:m="Loading..."})=>!a||a.length===0?null:(0,t.jsxs)("div",{className:(0,s.cn)("chance-methods-container","flex flex-col overflow-y-auto","p-[16px]","desktop:px-[24px] desktop:pt-[24px]","lg-desktop:px-[32px]","gap-[16px]","lg-desktop:gap-[16px]",e==="dark"?"aiui-dark":"",x),children:[(0,t.jsxs)("div",{className:"chance-methods-header flex flex-col gap-[4px]",children:[(0,t.jsx)(l.Heading,{size:2,className:(0,s.cn)("chance-methods-title","text-info-primary tracking-[-0.32px]"),children:o}),d&&(0,t.jsx)("p",{className:(0,s.cn)("chance-methods-subtitle","text-[14px] font-semibold leading-[1.4]","lg-desktop:text-[18px] desktop:text-[16px]",e==="dark"?"text-[#8A8D92]":"text-[#4A4C56]"),children:d})]}),(0,t.jsx)("div",{className:"chance-methods-list flex grow flex-col gap-[16px]",children:a.map(f=>(0,t.jsx)(M,{method:f,userData:r,onOpenShareModal:p,chanceBadgeText:c,completedText:i,usedText:g,loadingText:m},f.methodKey))}),n&&(0,t.jsx)("p",{className:(0,s.cn)("chance-methods-footer","font-semibold","text-[14px] leading-[1.4] ","desktop:pt-[24px] pt-[16px]",e==="dark"?"text-[#75787F]":"text-[#767880]"),children:n})]}),M=({method:e,userData:a,onOpenShareModal:o,chanceBadgeText:d,completedText:n,usedText:x,loadingText:r})=>{const p=e.status||"pending",c=e.loading||!1,i=e.disabled||p==="completed"||p==="used"||c,g=()=>{e.openShareModal&&o&&o(),a?.isLoggedIn?e.onClick():e.onLoginRequired?.()},m={pending:c?r:e?.buttonText||"Redeem now",completed:e?.completed||n,used:e?.used||x};return(0,t.jsxs)("div",{className:(0,s.cn)("chance-method-item","flex items-center gap-[16px]","transition-all",{"opacity-60":i}),children:[(0,t.jsxs)("div",{className:(0,s.cn)("chance-method-info","flex flex-1 flex-col gap-[4px]","min-w-0"),children:[(0,t.jsxs)("div",{className:"flex flex-wrap items-center gap-[4px]",children:[(0,t.jsx)("p",{className:(0,s.cn)("chance-method-title","text-info-primary","text-[14px] font-[700] leading-[1.4] ","lg-desktop:text-[18px] desktop:text-[16px]"),children:e.title}),(0,t.jsx)("span",{className:(0,s.cn)("chance-badge","text-[14px] leading-[1.4] ","lg-desktop:text-[18px] desktop:text-[16px]","font-[700]","shrink-0",{"text-[#ff6b35]":p==="pending","text-[#4caf50]":p==="completed","text-[#75787F]":p==="used"}),children:d})]}),(0,t.jsx)("p",{className:(0,s.cn)("chance-method-description","text-info-primary","text-[14px] leading-[1.4] ","lg-desktop:text-[18px] desktop:text-[16px]","font-[700]"),children:e.description})]}),(0,t.jsx)("div",{className:"chance-method-action shrink-0",children:(0,t.jsx)(l.Button,{onClick:g,disabled:i,className:(0,s.cn)("chance-button","lg-desktop:min-w-[162px] min-w-[132px]",{"bg-[#4caf50]":p==="completed","bg-[#75787F]":p==="used"}),children:m[p]})})]})};var y=k;
-//# sourceMappingURL=ChanceMethods.js.map

package/dist/cjs/biz-components/WheelLottery/ChanceMethods.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/WheelLottery/ChanceMethods.tsx"],
-  "sourcesContent": ["/**\n * ChanceMethods - \u83B7\u53D6\u62BD\u5956\u673A\u4F1A\u65B9\u5F0F\u7EC4\u4EF6\n *\n * \u5C55\u793A\u7528\u6237\u83B7\u53D6\u989D\u5916\u62BD\u5956\u673A\u4F1A\u7684\u591A\u79CD\u65B9\u5F0F(\u5982\u5206\u4EAB\u3001\u79EF\u5206\u5151\u6362\u3001\u63A8\u8350\u7B49)\u3002\n * \u57FA\u4E8E Figma \u8BBE\u8BA1\u7A3F\u5B9E\u73B0\u54CD\u5E94\u5F0F\u5E03\u5C40\u3002\n *\n * Figma \u8BBE\u8BA1\u7A3F: https://www.figma.com/design/DhWsPamqTM76eMHS0aIQqw\n * \u8BBE\u8BA1\u8282\u70B9: 498:6185 (Chance Methods section)\n *\n * @module ChanceMethods\n * @date 2025-12-17\n */\n\n'use client'\n\nimport React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport type { ChanceMethod, ChanceMethodsProps, UserData } from './types.js'\nimport { Button, Heading } from '../../components/index.js'\n\n// ============================================================================\n// ChanceMethods \u7EC4\u4EF6\n// ============================================================================\n\n/**\n * ChanceMethods - \u83B7\u53D6\u62BD\u5956\u673A\u4F1A\u65B9\u5F0F\u7EC4\u4EF6\n *\n * \u7279\u6027:\n * - \u5C55\u793A\u591A\u79CD\u83B7\u53D6\u673A\u4F1A\u7684\u65B9\u5F0F(\u5206\u4EAB\u3001\u79EF\u5206\u3001\u63A8\u8350\u7B49)\n * - \u6BCF\u79CD\u65B9\u5F0F\u663E\u793A\u6807\u9898\u3001\u63CF\u8FF0\u3001Chance +1 \u5FBD\u7AE0\u548C\u884C\u52A8\u6309\u94AE\n * - \u652F\u6301\u7981\u7528\u72B6\u6001\n * - \u54CD\u5E94\u5F0F\u5E03\u5C40\n */\nexport const ChanceMethods: React.FC<\n  ChanceMethodsProps & {\n    chanceBadgeText?: string\n    completedText?: string\n    usedText?: string\n    loadingText?: string\n  }\n> = ({\n  theme,\n  methods,\n  title = 'Want more chances to win?',\n  subtitle,\n  footerNote,\n  className,\n  userData,\n  onOpenShareModal,\n  chanceBadgeText = 'Chance +1',\n  completedText = 'Completed',\n  usedText = 'Used',\n  loadingText = 'Loading...',\n}) => {\n  // \u9632\u5FA1\u6027\u7F16\u7A0B:\u5904\u7406 undefined \u6216\u7A7A\u6570\u7EC4\n  if (!methods || methods.length === 0) {\n    return null\n  }\n\n  return (\n    <div\n      className={cn(\n        'chance-methods-container',\n        'flex flex-col overflow-y-auto',\n        'p-[16px]',\n        'desktop:px-[24px] desktop:pt-[24px]',\n        'lg-desktop:px-[32px]',\n        'gap-[16px]', // \u9ED8\u8BA4\u95F4\u8DDD\n        'lg-desktop:gap-[16px]', // lg-desktop: Figma \u8BBE\u8BA1\u7A3F\u95F4\u8DDD\n        theme === 'dark' ? 'aiui-dark' : '',\n        className\n      )}\n    >\n      {/* \u6807\u9898\u533A\u57DF */}\n      <div className=\"chance-methods-header flex flex-col gap-[4px]\">\n        <Heading size={2} className={cn('chance-methods-title', 'text-info-primary tracking-[-0.32px]')}>\n          {title}\n        </Heading>\n\n        {subtitle && (\n          <p\n            className={cn(\n              'chance-methods-subtitle',\n              'text-[14px] font-semibold leading-[1.4]',\n              'lg-desktop:text-[18px] desktop:text-[16px]',\n              theme === 'dark' ? 'text-[#8A8D92]' : 'text-[#4A4C56]'\n            )}\n          >\n            {subtitle}\n          </p>\n        )}\n      </div>\n\n      {/* \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u5217\u8868 */}\n      <div className=\"chance-methods-list flex grow flex-col gap-[16px]\">\n        {methods.map(method => (\n          <ChanceMethodItem\n            key={method.methodKey}\n            method={method}\n            userData={userData}\n            onOpenShareModal={onOpenShareModal}\n            chanceBadgeText={chanceBadgeText}\n            completedText={completedText}\n            usedText={usedText}\n            loadingText={loadingText}\n          />\n        ))}\n      </div>\n\n      {/* \u5E95\u90E8\u63D0\u793A */}\n      {footerNote && (\n        <p\n          className={cn(\n            'chance-methods-footer',\n            'font-semibold',\n            'text-[14px] leading-[1.4] ',\n            'desktop:pt-[24px] pt-[16px]',\n            theme === 'dark' ? 'text-[#75787F]' : 'text-[#767880]'\n          )}\n        >\n          {footerNote}\n        </p>\n      )}\n    </div>\n  )\n}\n\n// ============================================================================\n// ChanceMethodItem \u5B50\u7EC4\u4EF6 - \u5355\u4E2A\u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u5361\u7247\n// ============================================================================\n\ninterface ChanceMethodItemProps {\n  method: ChanceMethod\n  userData?: UserData\n  onOpenShareModal?: () => void\n  chanceBadgeText: string\n  completedText: string\n  usedText: string\n  loadingText: string\n}\n\n/**\n * ChanceMethodItem - \u5355\u4E2A\u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u5361\u7247\n *\n * \u5C55\u793A\u65B9\u5F0F\u540D\u79F0\u3001\u63CF\u8FF0\u3001Chance +1 \u5FBD\u7AE0\u548C\u884C\u52A8\u6309\u94AE\u3002\n * \u652F\u6301\u4E09\u79CD\u72B6\u6001\uFF1Apending\uFF08\u672A\u5B8C\u6210\uFF09\u3001completed\uFF08\u5DF2\u5B8C\u6210\uFF09\u3001used\uFF08\u5DF2\u4F7F\u7528\uFF09\n */\nconst ChanceMethodItem: React.FC<ChanceMethodItemProps> = ({\n  method,\n  userData,\n  onOpenShareModal,\n  chanceBadgeText,\n  completedText,\n  usedText,\n  loadingText,\n}) => {\n  const status = method.status || 'pending'\n  const isLoading = method.loading || false\n  const isDisabledOrCompleted = method.disabled || status === 'completed' || status === 'used' || isLoading\n\n  // \u5904\u7406\u6309\u94AE\u70B9\u51FB\n  const handleClick = () => {\n    // \u5982\u679C\u914D\u7F6E\u4E86 openShareModal\uFF0C\u5219\u6253\u5F00\u5206\u4EAB\u5F39\u7A97\n    if (method.openShareModal && onOpenShareModal) {\n      onOpenShareModal()\n    }\n    // \u6267\u884C\u539F\u6709\u7684 onClick \u56DE\u8C03\n    if (userData?.isLoggedIn) {\n      method.onClick()\n    } else {\n      method.onLoginRequired?.()\n    }\n  }\n\n  // \u72B6\u6001\u6587\u672C\u6620\u5C04\n  const statusTextMap = {\n    pending: isLoading ? loadingText : method?.buttonText || 'Redeem now',\n    completed: method?.completed || completedText,\n    used: method?.used || usedText,\n  }\n\n  return (\n    <div\n      className={cn('chance-method-item', 'flex items-center gap-[16px]', 'transition-all', {\n        'opacity-60': isDisabledOrCompleted,\n      })}\n    >\n      {/* \u5DE6\u4FA7:\u65B9\u5F0F\u4FE1\u606F */}\n      <div\n        className={cn(\n          'chance-method-info',\n          'flex flex-1 flex-col gap-[4px]',\n          'min-w-0' // \u786E\u4FDD\u6587\u672C\u53EF\u4EE5\u88AB\u622A\u65AD\n        )}\n      >\n        {/* \u6807\u9898 + Chance +1 \u5FBD\u7AE0 */}\n        <div className=\"flex flex-wrap items-center gap-[4px]\">\n          <p\n            className={cn(\n              'chance-method-title',\n              'text-info-primary',\n              'text-[14px] font-[700] leading-[1.4] ',\n              'lg-desktop:text-[18px] desktop:text-[16px]'\n            )}\n          >\n            {method.title}\n          </p>\n\n          <span\n            className={cn(\n              'chance-badge',\n              'text-[14px] leading-[1.4] ',\n              'lg-desktop:text-[18px] desktop:text-[16px]',\n              'font-[700]',\n              'shrink-0',\n              {\n                'text-[#ff6b35]': status === 'pending',\n                'text-[#4caf50]': status === 'completed',\n                'text-[#75787F]': status === 'used',\n              }\n            )}\n          >\n            {chanceBadgeText}\n          </span>\n        </div>\n\n        {/* \u63CF\u8FF0\u6587\u672C */}\n        <p\n          className={cn(\n            'chance-method-description',\n            'text-info-primary',\n            'text-[14px] leading-[1.4] ',\n            'lg-desktop:text-[18px] desktop:text-[16px]',\n            'font-[700]'\n          )}\n        >\n          {method.description}\n        </p>\n      </div>\n\n      {/* \u53F3\u4FA7:\u884C\u52A8\u6309\u94AE */}\n      <div className=\"chance-method-action shrink-0\">\n        <Button\n          onClick={handleClick}\n          disabled={isDisabledOrCompleted}\n          className={cn('chance-button', 'lg-desktop:min-w-[162px] min-w-[132px]', {\n            'bg-[#4caf50]': status === 'completed',\n            'bg-[#75787F]': status === 'used',\n          })}\n        >\n          {statusTextMap[status]}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\n// ============================================================================\n// \u9ED8\u8BA4\u5BFC\u51FA\n// ============================================================================\n\nexport default ChanceMethods\n"],
-  "mappings": "sbAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GA0EM,IAAAK,EAAA,6BA3DNC,EAAkB,iBAClBC,EAAmB,kCAEnBC,EAAgC,qCAezB,MAAMN,EAOT,CAAC,CACH,MAAAO,EACA,QAAAC,EACA,MAAAC,EAAQ,4BACR,SAAAC,EACA,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,gBAAAC,EAAkB,YAClB,cAAAC,EAAgB,YAChB,SAAAC,EAAW,OACX,YAAAC,EAAc,YAChB,IAEM,CAACV,GAAWA,EAAQ,SAAW,EAC1B,QAIP,QAAC,OACC,aAAW,MACT,2BACA,gCACA,WACA,sCACA,uBACA,aACA,wBACAD,IAAU,OAAS,YAAc,GACjCK,CACF,EAGA,qBAAC,OAAI,UAAU,gDACb,oBAAC,WAAQ,KAAM,EAAG,aAAW,MAAG,uBAAwB,sCAAsC,EAC3F,SAAAH,EACH,EAECC,MACC,OAAC,KACC,aAAW,MACT,0BACA,0CACA,6CACAH,IAAU,OAAS,iBAAmB,gBACxC,EAEC,SAAAG,EACH,GAEJ,KAGA,OAAC,OAAI,UAAU,oDACZ,SAAAF,EAAQ,IAAIW,MACX,OAACC,EAAA,CAEC,OAAQD,EACR,SAAUN,EACV,iBAAkBC,EAClB,gBAAiBC,EACjB,cAAeC,EACf,SAAUC,EACV,YAAaC,GAPRC,EAAO,SAQd,CACD,EACH,EAGCR,MACC,OAAC,KACC,aAAW,MACT,wBACA,gBACA,6BACA,8BACAJ,IAAU,OAAS,iBAAmB,gBACxC,EAEC,SAAAI,EACH,GAEJ,EAwBES,EAAoD,CAAC,CACzD,OAAAD,EACA,SAAAN,EACA,iBAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,SAAAC,EACA,YAAAC,CACF,IAAM,CACJ,MAAMG,EAASF,EAAO,QAAU,UAC1BG,EAAYH,EAAO,SAAW,GAC9BI,EAAwBJ,EAAO,UAAYE,IAAW,aAAeA,IAAW,QAAUC,EAG1FE,EAAc,IAAM,CAEpBL,EAAO,gBAAkBL,GAC3BA,EAAiB,EAGfD,GAAU,WACZM,EAAO,QAAQ,EAEfA,EAAO,kBAAkB,CAE7B,EAGMM,EAAgB,CACpB,QAASH,EAAYJ,EAAcC,GAAQ,YAAc,aACzD,UAAWA,GAAQ,WAAaH,EAChC,KAAMG,GAAQ,MAAQF,CACxB,EAEA,SACE,QAAC,OACC,aAAW,MAAG,qBAAsB,+BAAgC,iBAAkB,CACpF,aAAcM,CAChB,CAAC,EAGD,qBAAC,OACC,aAAW,MACT,qBACA,iCACA,SACF,EAGA,qBAAC,OAAI,UAAU,wCACb,oBAAC,KACC,aAAW,MACT,sBACA,oBACA,wCACA,4CACF,EAEC,SAAAJ,EAAO,MACV,KAEA,OAAC,QACC,aAAW,MACT,eACA,6BACA,6CACA,aACA,WACA,CACE,iBAAkBE,IAAW,UAC7B,iBAAkBA,IAAW,YAC7B,iBAAkBA,IAAW,MAC/B,CACF,EAEC,SAAAN,EACH,GACF,KAGA,OAAC,KACC,aAAW,MACT,4BACA,oBACA,6BACA,6CACA,YACF,EAEC,SAAAI,EAAO,YACV,GACF,KAGA,OAAC,OAAI,UAAU,gCACb,mBAAC,UACC,QAASK,EACT,SAAUD,EACV,aAAW,MAAG,gBAAiB,yCAA0C,CACvE,eAAgBF,IAAW,YAC3B,eAAgBA,IAAW,MAC7B,CAAC,EAEA,SAAAI,EAAcJ,CAAM,EACvB,EACF,GACF,CAEJ,EAMA,IAAOpB,EAAQD",
-  "names": ["ChanceMethods_exports", "__export", "ChanceMethods", "ChanceMethods_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_helpers", "import_components", "theme", "methods", "title", "subtitle", "footerNote", "className", "userData", "onOpenShareModal", "chanceBadgeText", "completedText", "usedText", "loadingText", "method", "ChanceMethodItem", "status", "isLoading", "isDisabledOrCompleted", "handleClick", "statusTextMap"]
-}

package/dist/cjs/biz-components/WheelLottery/ErrorModal.d.ts

@@ -1,42 +0,0 @@
-/**
- * ErrorModal - 错误提示弹窗组件
- *
- * 用于展示抽奖过程中的错误信息
- *
- * @module ErrorModal
- * @date 2026-01-04
- */
-import React from 'react';
-export interface ErrorModalProps {
-    /**
-     * 是否显示弹窗
-     */
-    isOpen: boolean;
-    /**
-     * 关闭弹窗回调
-     */
-    onClose: () => void;
-    /**
-     * 错误标题
-     * @default "Oops!"
-     */
-    title?: string;
-    /**
-     * 错误消息
-     */
-    message?: string;
-    /**
-     * 确认按钮文本
-     * @default "OK, I get"
-     */
-    confirmText?: string;
-    /**
-     * 自定义类名
-     */
-    className?: string;
-}
-/**
- * ErrorModal 错误提示弹窗组件
- */
-export declare const ErrorModal: React.FC<ErrorModalProps>;
-export default ErrorModal;

package/dist/cjs/biz-components/WheelLottery/ErrorModal.js

@@ -1,2 +0,0 @@
-"use strict";"use client";var r=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var c=(e,t)=>{for(var l in t)r(e,l,{get:t[l],enumerable:!0})},f=(e,t,l,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of m(t))!x.call(e,a)&&a!==l&&r(e,a,{get:()=>t[a],enumerable:!(i=n(t,a))||i.enumerable});return e};var g=e=>f(r({},"__esModule",{value:!0}),e);var L={};c(L,{ErrorModal:()=>p,default:()=>h});module.exports=g(L);var C=require("react/jsx-runtime"),u=require("react"),s=require("./BaseModal.js"),o=require("../../components/index.js");const p=({isOpen:e,onClose:t,title:l="Sorry, You Didn't Win This Time",message:i,confirmText:a="OK, I get",className:d})=>(0,C.jsx)(s.BaseModal,{isOpen:e,onClose:t,maxWidth:"max-w-[326px] laptop:max-w-[420px]",background:"bg-white",className:d,ariaLabelledBy:"error-modal-title",children:(0,C.jsxs)("div",{className:"laptop:px-8 laptop:pb-8 px-6 pb-6",children:[(0,C.jsx)("div",{className:"mb-6 flex justify-center",children:(0,C.jsx)("div",{className:"flex size-[80px] items-center justify-center rounded-full",children:(0,C.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"80",height:"80",viewBox:"0 0 80 80",fill:"none",children:[(0,C.jsx)("path",{d:"M63.5691 63.5727C68.2304 58.9107 71.4047 52.9713 72.6905 46.5054C73.9764 40.0395 73.316 33.3374 70.793 27.2468C68.27 21.1562 63.9975 15.9505 58.516 12.2879C53.0344 8.6254 46.5899 6.67053 39.9974 6.67053C33.4049 6.67053 26.9604 8.6254 21.4788 12.2879C15.9973 15.9505 11.7249 21.1562 9.20182 27.2468C6.67878 33.3374 6.01843 40.0395 7.30427 46.5054C8.59011 52.9713 11.7644 58.9107 16.4257 63.5727C19.5211 66.6684 23.1959 69.1241 27.2404 70.7995C31.2848 72.4749 35.6197 73.3372 39.9974 73.3372C44.3751 73.3372 48.71 72.4749 52.7545 70.7995C56.7989 69.1241 60.4737 66.6684 63.5691 63.5727Z",fill:"#FFCC66"}),(0,C.jsx)("path",{d:"M57.3792 11.5137C61.4604 17.8614 63.2668 25.4062 62.503 32.914C61.7393 40.4218 58.4505 47.4482 53.1746 52.8441C47.8988 58.24 40.9481 61.6859 33.4594 62.6183C25.9706 63.5507 18.3872 61.9144 11.9492 57.977C14.6587 62.1912 18.2833 65.7405 22.5534 68.3609C26.8236 70.9813 31.6296 72.6054 36.6139 73.1125C41.5983 73.6195 46.6329 72.9965 51.3433 71.2897C56.0537 69.5829 60.3187 66.8363 63.8213 63.254C67.3239 59.6717 69.974 55.346 71.5744 50.5984C73.1749 45.8508 73.6845 40.8035 73.0655 35.8318C72.4465 30.8601 70.7147 26.0919 67.9989 21.8817C65.2832 17.6715 61.6533 14.1277 57.3792 11.5137Z",fill:"#FFC450"}),(0,C.jsx)("path",{opacity:"0.4",d:"M11.204 43.58C11.1862 37.1148 13.1937 30.8063 16.9446 25.5404C20.6955 20.2745 26.0015 16.3156 32.1175 14.2196C38.2336 12.1235 44.8525 11.9956 51.045 13.8538C57.2374 15.712 62.6924 19.4629 66.644 24.58C64.5168 20.9213 61.6618 17.7377 58.2555 15.226C54.8493 12.7143 50.964 10.9279 46.84 9.97716C42.716 9.02646 38.4408 8.93165 34.2787 9.69861C30.1166 10.4656 26.156 12.078 22.6418 14.4362C19.1275 16.7944 16.1342 19.8484 13.8469 23.4092C11.5596 26.9701 10.027 30.9622 9.34361 35.1388C8.66026 39.3155 8.84077 43.5879 9.87398 47.692C10.9072 51.7962 12.7711 55.6448 15.3506 59C12.6353 54.3146 11.2049 48.9954 11.204 43.58Z",fill:"white"}),(0,C.jsx)("path",{d:"M40 58.1469C43.3333 58.1469 46 53.5802 46 47.9436C46 42.3069 43.3067 37.7402 40 37.7402C36.6933 37.7402 34 42.3102 34 47.9436C34 53.5769 36.6667 58.1469 40 58.1469Z",fill:"#333333"}),(0,C.jsx)("path",{d:"M45.0763 53.4168C40.6863 51.0035 37.113 52.3735 35.043 53.7502C36.1296 56.4168 37.943 58.1635 39.9963 58.1635C42.1363 58.1535 43.9996 56.2635 45.0763 53.4168Z",fill:"#F84D4F"}),(0,C.jsx)("path",{d:"M29.6913 33.373L20.918 38.9564L21.1413 67.4864C23.7747 69.2998 26.6568 70.7224 29.698 71.7097L29.6913 33.373ZM50.3313 33.373L59.0913 38.9564L58.8746 67.4864C56.2413 69.2998 53.3591 70.7224 50.318 71.7097L50.3313 33.373Z",fill:"#21D2C5"}),(0,C.jsx)("path",{d:"M22.0217 39.9506C21.7281 39.9495 21.4421 39.8572 21.2032 39.6864C20.9643 39.5156 20.7844 39.2748 20.6884 38.9973C20.5918 38.7187 20.5848 38.4168 20.6684 38.134C20.7531 37.8525 20.9218 37.6037 21.1517 37.4206L25.9617 33.6673L21.0017 30.754C20.7618 30.6135 20.5684 30.4055 20.4459 30.1559C20.3233 29.9063 20.2769 29.6261 20.3124 29.3503C20.3479 29.0745 20.4639 28.8153 20.6457 28.6049C20.8276 28.3946 21.0673 28.2424 21.3351 28.1673C21.6986 28.0738 22.0844 28.1277 22.4084 28.3173L29.1817 32.294C29.3803 32.4109 29.5474 32.5745 29.6684 32.7706C29.7911 32.9687 29.8632 33.1939 29.8784 33.4265C29.8935 33.659 29.8511 33.8917 29.7551 34.104C29.6613 34.3147 29.517 34.499 29.3351 34.6406L22.8851 39.6673C22.6373 39.856 22.3332 39.9558 22.0217 39.9506ZM57.9817 39.9506C57.6662 39.9515 57.3596 39.8458 57.1117 39.6506L50.6684 34.6306C50.4845 34.4879 50.3381 34.3025 50.2417 34.0906C50.0963 33.7713 50.0751 33.4092 50.1824 33.0751C50.2896 32.7411 50.5176 32.459 50.8217 32.284L57.5817 28.304C57.7426 28.1992 57.9228 28.1278 58.1118 28.094C58.3007 28.0602 58.4946 28.0648 58.6817 28.1073C58.869 28.1498 59.0451 28.2316 59.1984 28.3473C59.3536 28.4595 59.4841 28.6025 59.5817 28.7673C59.6787 28.9331 59.741 29.1168 59.7651 29.3073C59.7895 29.4977 59.7749 29.691 59.7222 29.8755C59.6695 30.0601 59.5797 30.2319 59.4584 30.3806C59.3341 30.5324 59.1783 30.6552 59.0017 30.7406L54.0417 33.6673L58.8484 37.414C59.0217 37.5492 59.161 37.7229 59.2554 37.9214C59.3497 38.1199 59.3965 38.3376 59.3919 38.5573C59.3874 38.777 59.3317 38.9927 59.2293 39.1871C59.1268 39.3815 58.9804 39.5494 58.8017 39.6773C58.5626 39.8488 58.2761 39.942 57.9817 39.944V39.9506Z",fill:"#333333"})]})})}),(0,C.jsx)(o.Heading,{size:2,id:"error-modal-title",className:"text-center tracking-[-0.32px] text-[#1D1D1F]",children:l}),(0,C.jsx)("p",{className:"laptop:text-[16px] mb-6 text-center text-[14px] font-[700] text-[#1D1D1F]",children:i}),(0,C.jsx)(o.Button,{onClick:t,className:"w-full",children:a})]})});var h=p;
-//# sourceMappingURL=ErrorModal.js.map

package/dist/cjs/biz-components/WheelLottery/ErrorModal.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/WheelLottery/ErrorModal.tsx"],
-  "sourcesContent": ["/**\n * ErrorModal - \u9519\u8BEF\u63D0\u793A\u5F39\u7A97\u7EC4\u4EF6\n *\n * \u7528\u4E8E\u5C55\u793A\u62BD\u5956\u8FC7\u7A0B\u4E2D\u7684\u9519\u8BEF\u4FE1\u606F\n *\n * @module ErrorModal\n * @date 2026-01-04\n */\n\n'use client'\n\nimport React from 'react'\nimport { BaseModal } from './BaseModal.js'\nimport { Heading, Button } from '../../components/index.js'\n\nexport interface ErrorModalProps {\n  /**\n   * \u662F\u5426\u663E\u793A\u5F39\u7A97\n   */\n  isOpen: boolean\n\n  /**\n   * \u5173\u95ED\u5F39\u7A97\u56DE\u8C03\n   */\n  onClose: () => void\n\n  /**\n   * \u9519\u8BEF\u6807\u9898\n   * @default \"Oops!\"\n   */\n  title?: string\n\n  /**\n   * \u9519\u8BEF\u6D88\u606F\n   */\n  message?: string\n\n  /**\n   * \u786E\u8BA4\u6309\u94AE\u6587\u672C\n   * @default \"OK, I get\"\n   */\n  confirmText?: string\n\n  /**\n   * \u81EA\u5B9A\u4E49\u7C7B\u540D\n   */\n  className?: string\n}\n\n/**\n * ErrorModal \u9519\u8BEF\u63D0\u793A\u5F39\u7A97\u7EC4\u4EF6\n */\nexport const ErrorModal: React.FC<ErrorModalProps> = ({\n  isOpen,\n  onClose,\n  title = \"Sorry, You Didn't Win This Time\",\n  message,\n  confirmText = 'OK, I get',\n  className,\n}) => {\n  return (\n    <BaseModal\n      isOpen={isOpen}\n      onClose={onClose}\n      maxWidth=\"max-w-[326px] laptop:max-w-[420px]\"\n      background=\"bg-white\"\n      className={className}\n      ariaLabelledBy=\"error-modal-title\"\n    >\n      <div className=\"laptop:px-8 laptop:pb-8 px-6 pb-6\">\n        {/* \u9519\u8BEF\u56FE\u6807 */}\n        <div className=\"mb-6 flex justify-center\">\n          <div className=\"flex size-[80px] items-center justify-center rounded-full\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" fill=\"none\">\n              <path\n                d=\"M63.5691 63.5727C68.2304 58.9107 71.4047 52.9713 72.6905 46.5054C73.9764 40.0395 73.316 33.3374 70.793 27.2468C68.27 21.1562 63.9975 15.9505 58.516 12.2879C53.0344 8.6254 46.5899 6.67053 39.9974 6.67053C33.4049 6.67053 26.9604 8.6254 21.4788 12.2879C15.9973 15.9505 11.7249 21.1562 9.20182 27.2468C6.67878 33.3374 6.01843 40.0395 7.30427 46.5054C8.59011 52.9713 11.7644 58.9107 16.4257 63.5727C19.5211 66.6684 23.1959 69.1241 27.2404 70.7995C31.2848 72.4749 35.6197 73.3372 39.9974 73.3372C44.3751 73.3372 48.71 72.4749 52.7545 70.7995C56.7989 69.1241 60.4737 66.6684 63.5691 63.5727Z\"\n                fill=\"#FFCC66\"\n              />\n              <path\n                d=\"M57.3792 11.5137C61.4604 17.8614 63.2668 25.4062 62.503 32.914C61.7393 40.4218 58.4505 47.4482 53.1746 52.8441C47.8988 58.24 40.9481 61.6859 33.4594 62.6183C25.9706 63.5507 18.3872 61.9144 11.9492 57.977C14.6587 62.1912 18.2833 65.7405 22.5534 68.3609C26.8236 70.9813 31.6296 72.6054 36.6139 73.1125C41.5983 73.6195 46.6329 72.9965 51.3433 71.2897C56.0537 69.5829 60.3187 66.8363 63.8213 63.254C67.3239 59.6717 69.974 55.346 71.5744 50.5984C73.1749 45.8508 73.6845 40.8035 73.0655 35.8318C72.4465 30.8601 70.7147 26.0919 67.9989 21.8817C65.2832 17.6715 61.6533 14.1277 57.3792 11.5137Z\"\n                fill=\"#FFC450\"\n              />\n              <path\n                opacity=\"0.4\"\n                d=\"M11.204 43.58C11.1862 37.1148 13.1937 30.8063 16.9446 25.5404C20.6955 20.2745 26.0015 16.3156 32.1175 14.2196C38.2336 12.1235 44.8525 11.9956 51.045 13.8538C57.2374 15.712 62.6924 19.4629 66.644 24.58C64.5168 20.9213 61.6618 17.7377 58.2555 15.226C54.8493 12.7143 50.964 10.9279 46.84 9.97716C42.716 9.02646 38.4408 8.93165 34.2787 9.69861C30.1166 10.4656 26.156 12.078 22.6418 14.4362C19.1275 16.7944 16.1342 19.8484 13.8469 23.4092C11.5596 26.9701 10.027 30.9622 9.34361 35.1388C8.66026 39.3155 8.84077 43.5879 9.87398 47.692C10.9072 51.7962 12.7711 55.6448 15.3506 59C12.6353 54.3146 11.2049 48.9954 11.204 43.58Z\"\n                fill=\"white\"\n              />\n              <path\n                d=\"M40 58.1469C43.3333 58.1469 46 53.5802 46 47.9436C46 42.3069 43.3067 37.7402 40 37.7402C36.6933 37.7402 34 42.3102 34 47.9436C34 53.5769 36.6667 58.1469 40 58.1469Z\"\n                fill=\"#333333\"\n              />\n              <path\n                d=\"M45.0763 53.4168C40.6863 51.0035 37.113 52.3735 35.043 53.7502C36.1296 56.4168 37.943 58.1635 39.9963 58.1635C42.1363 58.1535 43.9996 56.2635 45.0763 53.4168Z\"\n                fill=\"#F84D4F\"\n              />\n              <path\n                d=\"M29.6913 33.373L20.918 38.9564L21.1413 67.4864C23.7747 69.2998 26.6568 70.7224 29.698 71.7097L29.6913 33.373ZM50.3313 33.373L59.0913 38.9564L58.8746 67.4864C56.2413 69.2998 53.3591 70.7224 50.318 71.7097L50.3313 33.373Z\"\n                fill=\"#21D2C5\"\n              />\n              <path\n                d=\"M22.0217 39.9506C21.7281 39.9495 21.4421 39.8572 21.2032 39.6864C20.9643 39.5156 20.7844 39.2748 20.6884 38.9973C20.5918 38.7187 20.5848 38.4168 20.6684 38.134C20.7531 37.8525 20.9218 37.6037 21.1517 37.4206L25.9617 33.6673L21.0017 30.754C20.7618 30.6135 20.5684 30.4055 20.4459 30.1559C20.3233 29.9063 20.2769 29.6261 20.3124 29.3503C20.3479 29.0745 20.4639 28.8153 20.6457 28.6049C20.8276 28.3946 21.0673 28.2424 21.3351 28.1673C21.6986 28.0738 22.0844 28.1277 22.4084 28.3173L29.1817 32.294C29.3803 32.4109 29.5474 32.5745 29.6684 32.7706C29.7911 32.9687 29.8632 33.1939 29.8784 33.4265C29.8935 33.659 29.8511 33.8917 29.7551 34.104C29.6613 34.3147 29.517 34.499 29.3351 34.6406L22.8851 39.6673C22.6373 39.856 22.3332 39.9558 22.0217 39.9506ZM57.9817 39.9506C57.6662 39.9515 57.3596 39.8458 57.1117 39.6506L50.6684 34.6306C50.4845 34.4879 50.3381 34.3025 50.2417 34.0906C50.0963 33.7713 50.0751 33.4092 50.1824 33.0751C50.2896 32.7411 50.5176 32.459 50.8217 32.284L57.5817 28.304C57.7426 28.1992 57.9228 28.1278 58.1118 28.094C58.3007 28.0602 58.4946 28.0648 58.6817 28.1073C58.869 28.1498 59.0451 28.2316 59.1984 28.3473C59.3536 28.4595 59.4841 28.6025 59.5817 28.7673C59.6787 28.9331 59.741 29.1168 59.7651 29.3073C59.7895 29.4977 59.7749 29.691 59.7222 29.8755C59.6695 30.0601 59.5797 30.2319 59.4584 30.3806C59.3341 30.5324 59.1783 30.6552 59.0017 30.7406L54.0417 33.6673L58.8484 37.414C59.0217 37.5492 59.161 37.7229 59.2554 37.9214C59.3497 38.1199 59.3965 38.3376 59.3919 38.5573C59.3874 38.777 59.3317 38.9927 59.2293 39.1871C59.1268 39.3815 58.9804 39.5494 58.8017 39.6773C58.5626 39.8488 58.2761 39.942 57.9817 39.944V39.9506Z\"\n                fill=\"#333333\"\n              />\n            </svg>\n          </div>\n        </div>\n\n        {/* \u6807\u9898 */}\n        <Heading size={2} id=\"error-modal-title\" className=\"text-center tracking-[-0.32px] text-[#1D1D1F]\">\n          {title}\n        </Heading>\n\n        {/* \u9519\u8BEF\u6D88\u606F */}\n        <p className=\"laptop:text-[16px] mb-6 text-center text-[14px] font-[700] text-[#1D1D1F]\">{message}</p>\n\n        {/* \u786E\u8BA4\u6309\u94AE */}\n        <Button onClick={onClose} className=\"w-full\">\n          {confirmText}\n        </Button>\n      </div>\n    </BaseModal>\n  )\n}\n\nexport default ErrorModal\n"],
-  "mappings": "sbAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAyEY,IAAAK,EAAA,6BA9DZC,EAAkB,iBAClBC,EAA0B,0BAC1BC,EAAgC,qCAuCzB,MAAMN,EAAwC,CAAC,CACpD,OAAAO,EACA,QAAAC,EACA,MAAAC,EAAQ,kCACR,QAAAC,EACA,YAAAC,EAAc,YACd,UAAAC,CACF,OAEI,OAAC,aACC,OAAQL,EACR,QAASC,EACT,SAAS,qCACT,WAAW,WACX,UAAWI,EACX,eAAe,oBAEf,oBAAC,OAAI,UAAU,oCAEb,oBAAC,OAAI,UAAU,2BACb,mBAAC,OAAI,UAAU,4DACb,oBAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,oBAAC,QACC,EAAE,2kBACF,KAAK,UACP,KACA,OAAC,QACC,EAAE,4kBACF,KAAK,UACP,KACA,OAAC,QACC,QAAQ,MACR,EAAE,2mBACF,KAAK,QACP,KACA,OAAC,QACC,EAAE,uKACF,KAAK,UACP,KACA,OAAC,QACC,EAAE,iKACF,KAAK,UACP,KACA,OAAC,QACC,EAAE,8NACF,KAAK,UACP,KACA,OAAC,QACC,EAAE,ymDACF,KAAK,UACP,GACF,EACF,EACF,KAGA,OAAC,WAAQ,KAAM,EAAG,GAAG,oBAAoB,UAAU,gDAChD,SAAAH,EACH,KAGA,OAAC,KAAE,UAAU,4EAA6E,SAAAC,EAAQ,KAGlG,OAAC,UAAO,QAASF,EAAS,UAAU,SACjC,SAAAG,EACH,GACF,EACF,EAIJ,IAAOV,EAAQD",
-  "names": ["ErrorModal_exports", "__export", "ErrorModal", "ErrorModal_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_BaseModal", "import_components", "isOpen", "onClose", "title", "message", "confirmText", "className"]
-}

package/dist/cjs/biz-components/WheelLottery/MyRewardsModal.d.ts

@@ -1,91 +0,0 @@
-/**
- * MyRewardsModal - 我的奖励弹窗组件
- *
- * 展示用户已获得的奖励列表
- *
- * @module MyRewardsModal
- * @date 2026-01-04
- */
-import React from 'react';
-export type RewardStatus = 'Available' | 'Expired' | 'Used';
-export interface Reward {
-    /**
-     * 奖励 ID
-     */
-    id: string;
-    /**
-     * 奖励名称
-     */
-    name: string;
-    /**
-     * 优惠码（可选）
-     */
-    code?: string;
-    /**
-     * 状态
-     */
-    status: RewardStatus;
-    /**
-     * 奖励时间
-     */
-    prizeTime?: string;
-    /**
-     * 是否可复制码
-     */
-    showCopyCode?: boolean;
-    /**   * 是否可用
-     */
-    available?: boolean;
-}
-export interface MyRewardsModalProps {
-    /**
-     * 是否显示弹窗
-     */
-    isOpen: boolean;
-    /**
-     * 关闭弹窗回调
-     */
-    onClose: () => void;
-    /**
-     * 弹窗标题
-     * @default "My Rewards"
-     */
-    title?: string;
-    /**
-     * 奖励列表
-     */
-    rewards: Reward[];
-    /**
-     * 复制码点击回调
-     */
-    onCopyCode?: (code: string) => void;
-    /**
-     * 自定义类名
-     */
-    className?: string;
-    /**
-     * 代码文本前缀
-     * @default "CODE:"
-     */
-    codeText?: string;
-    /**
-     * 复制按钮文本
-     * @default "COPY"
-     */
-    copyText?: string;
-    /**
-     * 复制成功后的按钮文本
-     * @default "COPIED"
-     */
-    copiedText?: string;
-    /**
-     * 奖励时间文本前缀
-     * @default "Prize time:"
-     */
-    prizeText?: string;
-}
-/**
- * MyRewardsModal 我的奖励弹窗组件
- */
-export declare const MyRewardsModal: React.FC<MyRewardsModalProps>;
-export default MyRewardsModal;

package/dist/cjs/biz-components/WheelLottery/MyRewardsModal.js

@@ -1,2 +0,0 @@
-"use strict";"use client";var r=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var T=Object.prototype.hasOwnProperty;var M=(i,a)=>{for(var s in a)r(i,s,{get:a[s],enumerable:!0})},F=(i,a,s,n)=>{if(a&&typeof a=="object"||typeof a=="function")for(let o of h(a))!T.call(i,o)&&o!==s&&r(i,o,{get:()=>a[o],enumerable:!(n=C(a,o))||n.enumerable});return i};var O=i=>F(r({},"__esModule",{value:!0}),i);var z={};M(z,{MyRewardsModal:()=>b,default:()=>S});module.exports=O(z);var t=require("react/jsx-runtime"),p=require("react"),l=require("../../helpers/index.js"),u=require("./BaseModal.js");const b=({isOpen:i,onClose:a,title:s="My Rewards",rewards:n,onCopyCode:o,className:v,codeText:f="CODE:",copyText:g="COPY",copiedText:D="COPIED",prizeText:y="Prize time:"})=>{const[N,d]=(0,p.useState)({}),x=(0,p.useRef)({});(0,p.useEffect)(()=>()=>{Object.values(x.current).forEach(e=>clearTimeout(e))},[]);const R=(e,m)=>{x.current[e]&&clearTimeout(x.current[e]),navigator.clipboard.writeText(m),o&&o?.(m),d(c=>({...c,[e]:!0})),x.current[e]=setTimeout(()=>{d(c=>({...c,[e]:!1})),delete x.current[e]},3e3)};return(0,t.jsx)(u.BaseModal,{isOpen:i,onClose:a,maxWidth:"max-w-[480px] laptop:max-w-[520px]",background:"bg-white",className:v,title:s,ariaLabelledBy:"rewards-modal-title",children:(0,t.jsx)("div",{className:"laptop:px-8 laptop:pb-8 p-4",children:(0,t.jsx)("div",{className:"flex max-h-[584px] flex-col gap-2 overflow-y-auto",children:n.length===0?(0,t.jsx)("p",{className:"py-8 text-center text-[14px] text-gray-500",children:"No rewards yet"}):n.map(e=>(0,t.jsx)("div",{className:(0,l.cn)("rounded-box","relative flex-none overflow-hidden bg-[#F5F5F7]","px-4 py-6"),children:(0,t.jsxs)("div",{className:"laptop:text-[16px] flex items-center justify-between gap-2 text-[14px] font-[700]",children:[(0,t.jsxs)("div",{className:"flex-1",children:[(0,t.jsx)("p",{className:(0,l.cn)("mb-1 font-[700] text-[#1D1D1F]",e?.available?"text-[#1D1D1F]":"text-[#D1D1D1]"),children:e.name}),e.code&&(0,t.jsxs)("div",{className:(0,l.cn)("flex items-center gap-2",e?.available?"text-brand-0":"text-[#D1D1D1]"),children:[(0,t.jsxs)("p",{className:"max-w-[200px] truncate",children:[f," ",e.code]}),e.showCopyCode&&e?.available&&(0,t.jsx)("button",{onClick:()=>R(e.id,e.code),className:"underline",children:N[e.id]?D:g})]})]}),e.prizeTime&&(0,t.jsxs)("div",{className:(0,l.cn)("text-[14px] font-[700] ",e?.available?"text-[#999]":"text-[#D1D1D1]"),children:[(0,t.jsx)("p",{children:y}),(0,t.jsx)("p",{children:e.prizeTime})]}),(0,t.jsx)("span",{className:(0,l.cn)("rounded-[0_8px] px-[6px] text-[14px] font-[700]","absolute right-0 top-0",e?.available?"bg-brand-0 text-white":"bg-[#D1D1D1] text-white"),children:e.status})]})},e.id))})})})};var S=b;
-//# sourceMappingURL=MyRewardsModal.js.map