npm - @anker-in/headless-ui - Versions diffs - 1.1.17-alpha.1766385794881 → 1.1.17-alpha.1766488449220 - Mend

@anker-in/headless-ui 1.1.17-alpha.1766385794881 → 1.1.17-alpha.1766488449220

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.

Files changed (43) hide show

package/dist/cjs/stories/eventSchedule.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var p=Object.create;var s=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var k=(e,o)=>{for(var a in o)s(e,a,{get:o[a],enumerable:!0})},d=(e,o,a,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of m(o))!b.call(e,r)&&r!==a&&s(e,r,{get:()=>o[r],enumerable:!(l=u(o,r))||l.enumerable});return e};var v=(e,o,a)=>(a=e!=null?p(g(e)):{},d(o||!e||!e.__esModule?s(a,"default",{value:e,enumerable:!0}):a,e)),f=e=>d(s({},"__esModule",{value:!0}),e);var j={};k(j,{Default:()=>M,SingleEvent:()=>x,ThreeEvents:()=>C,WithoutBackgroundImage:()=>I,default:()=>S});module.exports=f(j);var t=require("react/jsx-runtime"),W=require("react"),h=v(require("../biz-components/EventSchedule/index.js"));const n=()=>(0,t.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("path",{d:"M15.833 3.333h-11.666c-.92 0-1.667.746-1.667 1.667v11.667c0 .92.746 1.666 1.667 1.666h11.666c.92 0 1.667-.746 1.667-1.666V5c0-.921-.746-1.667-1.667-1.667z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,t.jsx)("path",{d:"M13.333 1.667V5M6.667 1.667V5M2.5 8.333h15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),i=()=>(0,t.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("path",{d:"M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,t.jsx)("path",{d:"M10 5v5l3.333 1.667",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),c=()=>(0,t.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("path",{d:"M16.667 10v6.667c0 .442-.176.866-.489 1.179-.313.312-.737.488-1.178.488H5c-.442 0-.866-.176-1.179-.488A1.667 1.667 0 013.333 16.667V10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,t.jsx)("path",{d:"M18.333 5.833v4.167H1.667V5.833c0-.442.175-.866.488-1.178.313-.313.737-.489 1.179-.489h13.333c.441 0 .865.176 1.178.489.313.312.489.736.489 1.178zM10 18.333V4.167",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,t.jsx)("path",{d:"M10 4.167H6.25A2.083 2.083 0 014.167 2.083c0-1.15.933-2.083 2.083-2.083C8.333 0 10 4.167 10 4.167zM10 4.167h3.75a2.083 2.083 0 002.083-2.084c0-1.15-.933-2.083-2.083-2.083C11.667 0 10 4.167 10 4.167z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),w={scheduleList:[{title:"\u65E9\u9E1F\u4E13\u5C5E\u798F\u5229",date:"2024-12-01",active:!0,backgroundImage:"https://images.unsplash.com/photo-1549465220-1a8b9238cd48?w=200&h=150&fit=crop",items:[{icon:(0,t.jsx)(n,{}),label:"12\u67081\u65E5 - 12\u670815\u65E5"},{icon:(0,t.jsx)(i,{}),label:"\u9650\u65F6\u4F18\u60E0 48 \u5C0F\u65F6"},{icon:(0,t.jsx)(c,{}),label:"\u8D2D\u4E70\u5373\u9001\u7CBE\u7F8E\u793C\u54C1"}]},{title:"\u5723\u8BDE\u7279\u60E0\u6D3B\u52A8",date:"2024-12-16",active:!1,backgroundImage:"https://images.unsplash.com/photo-1512909006721-3d6018887383?w=200&h=150&fit=crop",items:[{icon:(0,t.jsx)(n,{}),label:"12\u670816\u65E5 - 12\u670831\u65E5"},{icon:(0,t.jsx)(i,{}),label:"\u5168\u5929\u5019\u4F18\u60E0"},{icon:(0,t.jsx)(c,{}),label:"\u6EE1\u989D\u8D60\u9001\u5723\u8BDE\u793C\u76D2"}]}]},L={scheduleList:[{title:"\u65B0\u5E74\u9884\u70ED\u6D3B\u52A8",date:"2024-12-01",active:!0,backgroundImage:"https://images.unsplash.com/photo-1549465220-1a8b9238cd48?w=200&h=150&fit=crop",items:[{icon:(0,t.jsx)(n,{}),label:"12\u67081\u65E5 - 12\u670810\u65E5"},{icon:(0,t.jsx)(i,{}),label:"\u6BCF\u65E5\u4E0A\u534810\u70B9\u5F00\u62A2"},{icon:(0,t.jsx)(c,{}),label:"\u524D100\u540D\u9001\u795E\u79D8\u793C\u7269"}]},{title:"\u5723\u8BDE\u72C2\u6B22",date:"2024-12-11",active:!1,backgroundImage:"https://images.unsplash.com/photo-1512909006721-3d6018887383?w=200&h=150&fit=crop",items:[{icon:(0,t.jsx)(n,{}),label:"12\u670811\u65E5 - 12\u670825\u65E5"},{icon:(0,t.jsx)(i,{}),label:"\u5168\u5929\u4F18\u60E0\u4E0D\u95F4\u65AD"},{icon:(0,t.jsx)(c,{}),label:"\u6EE1\u51CF\u6D3B\u52A8\u6700\u9AD8\u7701500"}]},{title:"\u8DE8\u5E74\u7279\u60E0",date:"2024-12-26",active:!1,backgroundImage:"https://images.unsplash.com/photo-1467810563316-b5476525c0f9?w=200&h=150&fit=crop",items:[{icon:(0,t.jsx)(n,{}),label:"12\u670826\u65E5 - 1\u67081\u65E5"},{icon:(0,t.jsx)(i,{}),label:"\u5012\u8BA1\u65F6\u7279\u60E0"},{icon:(0,t.jsx)(c,{}),label:"\u65B0\u5E74\u793C\u5305\u9650\u91CF\u62A2\u8D2D"}]}]},y={title:"Biz Components/EventSchedule",component:h.default,parameters:{layout:"fullscreen",docs:{description:{component:"\u6D3B\u52A8\u65E5\u7A0B\u7EC4\u4EF6 - \u5C55\u793A\u6D3B\u52A8\u65F6\u95F4\u8F74\u548C\u8BE6\u7EC6\u4FE1\u606F\u5361\u7247\uFF0C\u652F\u6301\u591A\u4E2A\u6D3B\u52A8\u540C\u65F6\u5C55\u793A\uFF0C\u5E26\u6709\u6FC0\u6D3B\u72B6\u6001\u6307\u793A"}}},tags:["autodocs"],argTypes:{data:{description:"\u4E1A\u52A1\u6570\u636E\uFF0C\u5305\u542B\u65E5\u7A0B\u5217\u8868",control:{type:"object"}},className:{description:"\u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D",control:{type:"text"}}}};var S=y;const M={args:{data:w}},C={args:{data:L}},x={args:{data:{scheduleList:[{title:"\u9650\u65F6\u79D2\u6740\u6D3B\u52A8",date:"2024-12-01",active:!0,backgroundImage:"https://images.unsplash.com/photo-1549465220-1a8b9238cd48?w=200&h=150&fit=crop",items:[{icon:(0,t.jsx)(n,{}),label:"12\u67081\u65E5\u5168\u5929"},{icon:(0,t.jsx)(i,{}),label:"\u6BCF\u5C0F\u65F6\u6574\u70B9\u5F00\u62A2"},{icon:(0,t.jsx)(c,{}),label:"\u79D2\u6740\u4EF7\u4F4E\u81F33\u6298"}]}]}}},I={args:{data:{scheduleList:[{title:"\u590F\u5B63\u6E05\u4ED3\u7279\u5356",date:"2024-06-01",active:!0,items:[{icon:(0,t.jsx)(n,{}),label:"6\u67081\u65E5 - 6\u670830\u65E5"},{icon:(0,t.jsx)(i,{}),label:"\u5168\u5929\u5019\u4F18\u60E0"},{icon:(0,t.jsx)(c,{}),label:"\u4E70\u4E00\u9001\u4E00"}]},{title:"\u65B0\u54C1\u4E0A\u5E02",date:"2024-07-01",active:!1,items:[{icon:(0,t.jsx)(n,{}),label:"7\u67081\u65E5\u8D77"},{icon:(0,t.jsx)(i,{}),label:"\u6301\u7EED\u4E00\u4E2A\u6708"},{icon:(0,t.jsx)(c,{}),label:"\u65B0\u54C1\u5C1D\u9C9C\u4EF7"}]}]}}};
+"use strict";var h=Object.create;var c=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var k=(e,o)=>{for(var i in o)c(e,i,{get:o[i],enumerable:!0})},d=(e,o,i,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of m(o))!f.call(e,l)&&l!==i&&c(e,l,{get:()=>o[l],enumerable:!(r=b(o,l))||r.enumerable});return e};var g=(e,o,i)=>(i=e!=null?h(u(e)):{},d(o||!e||!e.__esModule?c(i,"default",{value:e,enumerable:!0}):i,e)),v=e=>d(c({},"__esModule",{value:!0}),e);var M={};k(M,{AutoActiveStatus:()=>x,Default:()=>j,SingleEvent:()=>S,ThreeEvents:()=>_,default:()=>L});module.exports=v(M);var t=require("react/jsx-runtime"),E=require("react"),p=g(require("../biz-components/EventSchedule/index.js"));const s=()=>(0,t.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("path",{d:"M15.833 3.333h-11.666c-.92 0-1.667.746-1.667 1.667v11.667c0 .92.746 1.666 1.667 1.666h11.666c.92 0 1.667-.746 1.667-1.666V5c0-.921-.746-1.667-1.667-1.667z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,t.jsx)("path",{d:"M13.333 1.667V5M6.667 1.667V5M2.5 8.333h15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),n=()=>(0,t.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("path",{d:"M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,t.jsx)("path",{d:"M10 5v5l3.333 1.667",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),a=()=>(0,t.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("path",{d:"M16.667 10v6.667c0 .442-.176.866-.489 1.179-.313.312-.737.488-1.178.488H5c-.442 0-.866-.176-1.179-.488A1.667 1.667 0 013.333 16.667V10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,t.jsx)("path",{d:"M18.333 5.833v4.167H1.667V5.833c0-.442.175-.866.488-1.178.313-.313.737-.489 1.179-.489h13.333c.441 0 .865.176 1.178.489.313.312.489.736.489 1.178zM10 18.333V4.167",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,t.jsx)("path",{d:"M10 4.167H6.25A2.083 2.083 0 014.167 2.083c0-1.15.933-2.083 2.083-2.083C8.333 0 10 4.167 10 4.167zM10 4.167h3.75a2.083 2.083 0 002.083-2.084c0-1.15-.933-2.083-2.083-2.083C11.667 0 10 4.167 10 4.167z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),D={scheduleList:[{title:"\u65E9\u9E1F\u4E13\u5C5E\u798F\u5229",startDate:"2024-12-01",endDate:"2024-12-15",items:[{icon:(0,t.jsx)(s,{}),label:"12\u67081\u65E5 - 12\u670815\u65E5"},{icon:(0,t.jsx)(n,{}),label:"\u9650\u65F6\u4F18\u60E0 48 \u5C0F\u65F6"},{icon:(0,t.jsx)(a,{}),label:"\u8D2D\u4E70\u5373\u9001\u7CBE\u7F8E\u793C\u54C1"}]},{title:"\u5723\u8BDE\u7279\u60E0\u6D3B\u52A8",startDate:"2024-12-16",endDate:"2024-12-31",items:[{icon:(0,t.jsx)(s,{}),label:"12\u670816\u65E5 - 12\u670831\u65E5"},{icon:(0,t.jsx)(n,{}),label:"\u5168\u5929\u5019\u4F18\u60E0"},{icon:(0,t.jsx)(a,{}),label:"\u6EE1\u989D\u8D60\u9001\u5723\u8BDE\u793C\u76D2"}]}],backgroundImage:{active:{mobile:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/1_2_1.jpg?v=1766391000",laptop:"https://example.com/laptop.jpg",desktop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/1_2_1_c4d0ec1e-5484-46be-af8c-273935f4ba28.jpg?v=1766398957",lgDesktop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/1_2_1_44d92293-1f4b-483a-8233-6277b0437e7c.jpg?v=1766391004"},inactive:{mobile:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/1_2_2.jpg?v=1766390999",laptop:"https://example.com/laptop.jpg",desktop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/1_2_2_99fd4944-58ee-4c90-9b0d-b758926386fe.jpg?v=1766398957",lgDesktop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/1_2_2_844d5e75-a3d2-4f2b-b1a6-cad60c67c871.jpg?v=1766391005"}}},y={scheduleList:[{title:"\u65B0\u5E74\u9884\u70ED\u6D3B\u52A8",startDate:"2024-12-01",endDate:"2024-12-10",items:[{icon:(0,t.jsx)(s,{}),label:"12\u67081\u65E5 - 12\u670810\u65E5"},{icon:(0,t.jsx)(n,{}),label:"\u6BCF\u65E5\u4E0A\u534810\u70B9\u5F00\u62A2"},{icon:(0,t.jsx)(a,{}),label:"\u524D100\u540D\u9001\u795E\u79D8\u793C\u7269"}]},{title:"\u5723\u8BDE\u72C2\u6B22",startDate:"2024-12-11",endDate:"2024-12-25",items:[{icon:(0,t.jsx)(s,{}),label:"12\u670811\u65E5 - 12\u670825\u65E5"},{icon:(0,t.jsx)(n,{}),label:"\u5168\u5929\u4F18\u60E0\u4E0D\u95F4\u65AD"},{icon:(0,t.jsx)(a,{}),label:"\u6EE1\u51CF\u6D3B\u52A8\u6700\u9AD8\u7701500"}]},{title:"\u8DE8\u5E74\u7279\u60E0",startDate:"2024-12-26",endDate:"2025-01-01",items:[{icon:(0,t.jsx)(s,{}),label:"12\u670826\u65E5 - 1\u67081\u65E5"},{icon:(0,t.jsx)(n,{}),label:"\u5012\u8BA1\u65F6\u7279\u60E0"},{icon:(0,t.jsx)(a,{}),label:"\u65B0\u5E74\u793C\u5305\u9650\u91CF\u62A2\u8D2D"}]}]},w={title:"Biz Components/EventSchedule",component:p.default,parameters:{layout:"fullscreen",docs:{description:{component:"\u6D3B\u52A8\u65E5\u7A0B\u7EC4\u4EF6 - \u5C55\u793A\u6D3B\u52A8\u65F6\u95F4\u8F74\u548C\u8BE6\u7EC6\u4FE1\u606F\u5361\u7247\uFF0C\u652F\u6301\u591A\u4E2A\u6D3B\u52A8\u540C\u65F6\u5C55\u793A\uFF0C\u5E26\u6709\u6FC0\u6D3B\u72B6\u6001\u6307\u793A"}}},tags:["autodocs"],argTypes:{data:{description:"\u4E1A\u52A1\u6570\u636E\uFF0C\u5305\u542B\u65E5\u7A0B\u5217\u8868",control:{type:"object"}},className:{description:"\u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D",control:{type:"text"}}}};var L=w;const j={args:{data:D}},_={args:{data:y}},S={args:{data:{scheduleList:[{title:"\u9650\u65F6\u79D2\u6740\u6D3B\u52A8",startDate:"2025-12-23",endDate:"2025-12-23",items:[{icon:(0,t.jsx)(s,{}),label:"12\u67081\u65E5\u5168\u5929"},{icon:(0,t.jsx)(n,{}),label:"\u6BCF\u5C0F\u65F6\u6574\u70B9\u5F00\u62A2"},{icon:(0,t.jsx)(a,{}),label:"\u79D2\u6740\u4EF7\u4F4E\u81F33\u6298"}]}]}}},x={args:{data:{scheduleList:[{title:"\u5DF2\u7ED3\u675F\u7684\u6D3B\u52A8",startDate:"2024-01-01",endDate:"2024-01-31",items:[{icon:(0,t.jsx)(s,{}),label:"1\u67081\u65E5 - 1\u670831\u65E5"},{icon:(0,t.jsx)(n,{}),label:"\u5DF2\u7ED3\u675F"},{icon:(0,t.jsx)(a,{}),label:"\u611F\u8C22\u53C2\u4E0E"}]},{title:"\u8FDB\u884C\u4E2D\u7684\u6D3B\u52A8",startDate:"2025-01-01",endDate:"2025-12-31",items:[{icon:(0,t.jsx)(s,{}),label:"2025\u5E74\u5168\u5E74"},{icon:(0,t.jsx)(n,{}),label:"\u6B63\u5728\u8FDB\u884C\u4E2D"},{icon:(0,t.jsx)(a,{}),label:"\u9650\u65F6\u4F18\u60E0"}]},{title:"\u5373\u5C06\u5F00\u59CB\u7684\u6D3B\u52A8",startDate:"2026-01-01",endDate:"2026-12-31",items:[{icon:(0,t.jsx)(s,{}),label:"2026\u5E74\u5F00\u59CB"},{icon:(0,t.jsx)(n,{}),label:"\u656C\u8BF7\u671F\u5F85"},{icon:(0,t.jsx)(a,{}),label:"\u8D85\u503C\u798F\u5229"}]}]}}};
 //# sourceMappingURL=eventSchedule.stories.js.map

package/dist/cjs/stories/eventSchedule.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/eventSchedule.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\n\nimport EventSchedule, { type EventScheduleData } from '../biz-components/EventSchedule/index.js'\n\n// \u6A21\u62DF\u56FE\u6807\u7EC4\u4EF6\nconst CalendarIcon = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M15.833 3.333h-11.666c-.92 0-1.667.746-1.667 1.667v11.667c0 .92.746 1.666 1.667 1.666h11.666c.92 0 1.667-.746 1.667-1.666V5c0-.921-.746-1.667-1.667-1.667z\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M13.333 1.667V5M6.667 1.667V5M2.5 8.333h15\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\nconst ClockIcon = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666z\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M10 5v5l3.333 1.667\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\nconst GiftIcon = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M16.667 10v6.667c0 .442-.176.866-.489 1.179-.313.312-.737.488-1.178.488H5c-.442 0-.866-.176-1.179-.488A1.667 1.667 0 013.333 16.667V10\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M18.333 5.833v4.167H1.667V5.833c0-.442.175-.866.488-1.178.313-.313.737-.489 1.179-.489h13.333c.441 0 .865.176 1.178.489.313.312.489.736.489 1.178zM10 18.333V4.167\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M10 4.167H6.25A2.083 2.083 0 014.167 2.083c0-1.15.933-2.083 2.083-2.083C8.333 0 10 4.167 10 4.167zM10 4.167h3.75a2.083 2.083 0 002.083-2.084c0-1.15-.933-2.083-2.083-2.083C11.667 0 10 4.167 10 4.167z\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\n// \u6A21\u62DF\u4E1A\u52A1\u6570\u636E\nconst mockData: EventScheduleData = {\n  scheduleList: [\n    {\n      title: '\u65E9\u9E1F\u4E13\u5C5E\u798F\u5229',\n      date: '2024-12-01',\n      active: true,\n      backgroundImage: 'https://images.unsplash.com/photo-1549465220-1a8b9238cd48?w=200&h=150&fit=crop',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u67081\u65E5 - 12\u670815\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u9650\u65F6\u4F18\u60E0 48 \u5C0F\u65F6',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u8D2D\u4E70\u5373\u9001\u7CBE\u7F8E\u793C\u54C1',\n        },\n      ],\n    },\n    {\n      title: '\u5723\u8BDE\u7279\u60E0\u6D3B\u52A8',\n      date: '2024-12-16',\n      active: false,\n      backgroundImage: 'https://images.unsplash.com/photo-1512909006721-3d6018887383?w=200&h=150&fit=crop',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u670816\u65E5 - 12\u670831\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u5168\u5929\u5019\u4F18\u60E0',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u6EE1\u989D\u8D60\u9001\u5723\u8BDE\u793C\u76D2',\n        },\n      ],\n    },\n  ],\n}\n\n// \u4E09\u4E2A\u6D3B\u52A8\u7684\u6570\u636E\nconst threeEventsData: EventScheduleData = {\n  scheduleList: [\n    {\n      title: '\u65B0\u5E74\u9884\u70ED\u6D3B\u52A8',\n      date: '2024-12-01',\n      active: true,\n      backgroundImage: 'https://images.unsplash.com/photo-1549465220-1a8b9238cd48?w=200&h=150&fit=crop',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u67081\u65E5 - 12\u670810\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u6BCF\u65E5\u4E0A\u534810\u70B9\u5F00\u62A2',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u524D100\u540D\u9001\u795E\u79D8\u793C\u7269',\n        },\n      ],\n    },\n    {\n      title: '\u5723\u8BDE\u72C2\u6B22',\n      date: '2024-12-11',\n      active: false,\n      backgroundImage: 'https://images.unsplash.com/photo-1512909006721-3d6018887383?w=200&h=150&fit=crop',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u670811\u65E5 - 12\u670825\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u5168\u5929\u4F18\u60E0\u4E0D\u95F4\u65AD',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u6EE1\u51CF\u6D3B\u52A8\u6700\u9AD8\u7701500',\n        },\n      ],\n    },\n    {\n      title: '\u8DE8\u5E74\u7279\u60E0',\n      date: '2024-12-26',\n      active: false,\n      backgroundImage: 'https://images.unsplash.com/photo-1467810563316-b5476525c0f9?w=200&h=150&fit=crop',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u670826\u65E5 - 1\u67081\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u5012\u8BA1\u65F6\u7279\u60E0',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u65B0\u5E74\u793C\u5305\u9650\u91CF\u62A2\u8D2D',\n        },\n      ],\n    },\n  ],\n}\n\nconst meta = {\n  title: 'Biz Components/EventSchedule',\n  component: EventSchedule,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u6D3B\u52A8\u65E5\u7A0B\u7EC4\u4EF6 - \u5C55\u793A\u6D3B\u52A8\u65F6\u95F4\u8F74\u548C\u8BE6\u7EC6\u4FE1\u606F\u5361\u7247\uFF0C\u652F\u6301\u591A\u4E2A\u6D3B\u52A8\u540C\u65F6\u5C55\u793A\uFF0C\u5E26\u6709\u6FC0\u6D3B\u72B6\u6001\u6307\u793A',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    data: {\n      description: '\u4E1A\u52A1\u6570\u636E\uFF0C\u5305\u542B\u65E5\u7A0B\u5217\u8868',\n      control: { type: 'object' },\n    },\n    className: {\n      description: '\u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D',\n      control: { type: 'text' },\n    },\n  },\n} satisfies Meta<typeof EventSchedule>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\n/**\n * \u9ED8\u8BA4\u5C55\u793A - \u4E24\u4E2A\u6D3B\u52A8\n */\nexport const Default: Story = {\n  args: {\n    data: mockData,\n  },\n}\n\n/**\n * \u4E09\u4E2A\u6D3B\u52A8\u5C55\u793A\n */\nexport const ThreeEvents: Story = {\n  args: {\n    data: threeEventsData,\n  },\n}\n\n/**\n * \u5355\u4E2A\u6D3B\u52A8\n */\nexport const SingleEvent: Story = {\n  args: {\n    data: {\n      scheduleList: [\n        {\n          title: '\u9650\u65F6\u79D2\u6740\u6D3B\u52A8',\n          date: '2024-12-01',\n          active: true,\n          backgroundImage: 'https://images.unsplash.com/photo-1549465220-1a8b9238cd48?w=200&h=150&fit=crop',\n          items: [\n            {\n              icon: <CalendarIcon />,\n              label: '12\u67081\u65E5\u5168\u5929',\n            },\n            {\n              icon: <ClockIcon />,\n              label: '\u6BCF\u5C0F\u65F6\u6574\u70B9\u5F00\u62A2',\n            },\n            {\n              icon: <GiftIcon />,\n              label: '\u79D2\u6740\u4EF7\u4F4E\u81F33\u6298',\n            },\n          ],\n        },\n      ],\n    },\n  },\n}\n\n/**\n * \u65E0\u80CC\u666F\u56FE\u7247\n */\nexport const WithoutBackgroundImage: Story = {\n  args: {\n    data: {\n      scheduleList: [\n        {\n          title: '\u590F\u5B63\u6E05\u4ED3\u7279\u5356',\n          date: '2024-06-01',\n          active: true,\n          items: [\n            {\n              icon: <CalendarIcon />,\n              label: '6\u67081\u65E5 - 6\u670830\u65E5',\n            },\n            {\n              icon: <ClockIcon />,\n              label: '\u5168\u5929\u5019\u4F18\u60E0',\n            },\n            {\n              icon: <GiftIcon />,\n              label: '\u4E70\u4E00\u9001\u4E00',\n            },\n          ],\n        },\n        {\n          title: '\u65B0\u54C1\u4E0A\u5E02',\n          date: '2024-07-01',\n          active: false,\n          items: [\n            {\n              icon: <CalendarIcon />,\n              label: '7\u67081\u65E5\u8D77',\n            },\n            {\n              icon: <ClockIcon />,\n              label: '\u6301\u7EED\u4E00\u4E2A\u6708',\n            },\n            {\n              icon: <GiftIcon />,\n              label: '\u65B0\u54C1\u5C1D\u9C9C\u4EF7',\n            },\n          ],\n        },\n      ],\n    },\n  },\n}\n"],
-  "mappings": "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,CACZ,CACE,MAAO,uCACP,KAAM,aACN,OAAQ,GACR,gBAAiB,iFACjB,MAAO,CACL,CACE,QAAM,OAACQ,EAAA,EAAa,EACpB,MAAO,6BACT,EACA,CACE,QAAM,OAACC,EAAA,EAAU,EACjB,MAAO,4CACT,EACA,CACE,QAAM,OAACC,EAAA,EAAS,EAChB,MAAO,uCACT,CACF,CACF,CACF,CACF,CACF,CACF,EAKaR,EAAgC,CAC3C,KAAM,CACJ,KAAM,CACJ,aAAc,CACZ,CACE,MAAO,uCACP,KAAM,aACN,OAAQ,GACR,MAAO,CACL,CACE,QAAM,OAACM,EAAA,EAAa,EACpB,MAAO,kCACT,EACA,CACE,QAAM,OAACC,EAAA,EAAU,EACjB,MAAO,gCACT,EACA,CACE,QAAM,OAACC,EAAA,EAAS,EAChB,MAAO,0BACT,CACF,CACF,EACA,CACE,MAAO,2BACP,KAAM,aACN,OAAQ,GACR,MAAO,CACL,CACE,QAAM,OAACF,EAAA,EAAa,EACpB,MAAO,sBACT,EACA,CACE,QAAM,OAACC,EAAA,EAAU,EACjB,MAAO,gCACT,EACA,CACE,QAAM,OAACC,EAAA,EAAS,EAChB,MAAO,gCACT,CACF,CACF,CACF,CACF,CACF,CACF",
-  "names": ["eventSchedule_stories_exports", "__export", "Default", "SingleEvent", "ThreeEvents", "WithoutBackgroundImage", "eventSchedule_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_EventSchedule", "CalendarIcon", "ClockIcon", "GiftIcon", "mockData", "threeEventsData", "meta", "EventSchedule"]
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport React from 'react'\n\nimport EventSchedule, { type EventScheduleData } from '../biz-components/EventSchedule/index.js'\n\n// \u6A21\u62DF\u56FE\u6807\u7EC4\u4EF6\nconst CalendarIcon = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M15.833 3.333h-11.666c-.92 0-1.667.746-1.667 1.667v11.667c0 .92.746 1.666 1.667 1.666h11.666c.92 0 1.667-.746 1.667-1.666V5c0-.921-.746-1.667-1.667-1.667z\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M13.333 1.667V5M6.667 1.667V5M2.5 8.333h15\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\nconst ClockIcon = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666z\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M10 5v5l3.333 1.667\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\nconst GiftIcon = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M16.667 10v6.667c0 .442-.176.866-.489 1.179-.313.312-.737.488-1.178.488H5c-.442 0-.866-.176-1.179-.488A1.667 1.667 0 013.333 16.667V10\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M18.333 5.833v4.167H1.667V5.833c0-.442.175-.866.488-1.178.313-.313.737-.489 1.179-.489h13.333c.441 0 .865.176 1.178.489.313.312.489.736.489 1.178zM10 18.333V4.167\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M10 4.167H6.25A2.083 2.083 0 014.167 2.083c0-1.15.933-2.083 2.083-2.083C8.333 0 10 4.167 10 4.167zM10 4.167h3.75a2.083 2.083 0 002.083-2.084c0-1.15-.933-2.083-2.083-2.083C11.667 0 10 4.167 10 4.167z\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\n// \u6A21\u62DF\u4E1A\u52A1\u6570\u636E\nconst mockData: EventScheduleData = {\n  scheduleList: [\n    {\n      title: '\u65E9\u9E1F\u4E13\u5C5E\u798F\u5229',\n      startDate: '2024-12-01',\n      endDate: '2024-12-15',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u67081\u65E5 - 12\u670815\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u9650\u65F6\u4F18\u60E0 48 \u5C0F\u65F6',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u8D2D\u4E70\u5373\u9001\u7CBE\u7F8E\u793C\u54C1',\n        },\n      ],\n    },\n    {\n      title: '\u5723\u8BDE\u7279\u60E0\u6D3B\u52A8',\n      startDate: '2024-12-16',\n      endDate: '2024-12-31',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u670816\u65E5 - 12\u670831\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u5168\u5929\u5019\u4F18\u60E0',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u6EE1\u989D\u8D60\u9001\u5723\u8BDE\u793C\u76D2',\n        },\n      ],\n    },\n  ],\n  backgroundImage: {\n    active: {\n      mobile: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/1_2_1.jpg?v=1766391000',\n      laptop: 'https://example.com/laptop.jpg',\n      desktop:\n        'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/1_2_1_c4d0ec1e-5484-46be-af8c-273935f4ba28.jpg?v=1766398957',\n      lgDesktop:\n        'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/1_2_1_44d92293-1f4b-483a-8233-6277b0437e7c.jpg?v=1766391004',\n    },\n    inactive: {\n      mobile: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/1_2_2.jpg?v=1766390999',\n      laptop: 'https://example.com/laptop.jpg',\n      desktop:\n        'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/1_2_2_99fd4944-58ee-4c90-9b0d-b758926386fe.jpg?v=1766398957',\n      lgDesktop:\n        'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/1_2_2_844d5e75-a3d2-4f2b-b1a6-cad60c67c871.jpg?v=1766391005',\n    },\n  },\n}\n\n// \u4E09\u4E2A\u6D3B\u52A8\u7684\u6570\u636E\nconst threeEventsData: EventScheduleData = {\n  scheduleList: [\n    {\n      title: '\u65B0\u5E74\u9884\u70ED\u6D3B\u52A8',\n      startDate: '2024-12-01',\n      endDate: '2024-12-10',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u67081\u65E5 - 12\u670810\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u6BCF\u65E5\u4E0A\u534810\u70B9\u5F00\u62A2',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u524D100\u540D\u9001\u795E\u79D8\u793C\u7269',\n        },\n      ],\n    },\n    {\n      title: '\u5723\u8BDE\u72C2\u6B22',\n      startDate: '2024-12-11',\n      endDate: '2024-12-25',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u670811\u65E5 - 12\u670825\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u5168\u5929\u4F18\u60E0\u4E0D\u95F4\u65AD',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u6EE1\u51CF\u6D3B\u52A8\u6700\u9AD8\u7701500',\n        },\n      ],\n    },\n    {\n      title: '\u8DE8\u5E74\u7279\u60E0',\n      startDate: '2024-12-26',\n      endDate: '2025-01-01',\n      items: [\n        {\n          icon: <CalendarIcon />,\n          label: '12\u670826\u65E5 - 1\u67081\u65E5',\n        },\n        {\n          icon: <ClockIcon />,\n          label: '\u5012\u8BA1\u65F6\u7279\u60E0',\n        },\n        {\n          icon: <GiftIcon />,\n          label: '\u65B0\u5E74\u793C\u5305\u9650\u91CF\u62A2\u8D2D',\n        },\n      ],\n    },\n  ],\n}\n\nconst meta = {\n  title: 'Biz Components/EventSchedule',\n  component: EventSchedule,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u6D3B\u52A8\u65E5\u7A0B\u7EC4\u4EF6 - \u5C55\u793A\u6D3B\u52A8\u65F6\u95F4\u8F74\u548C\u8BE6\u7EC6\u4FE1\u606F\u5361\u7247\uFF0C\u652F\u6301\u591A\u4E2A\u6D3B\u52A8\u540C\u65F6\u5C55\u793A\uFF0C\u5E26\u6709\u6FC0\u6D3B\u72B6\u6001\u6307\u793A',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    data: {\n      description: '\u4E1A\u52A1\u6570\u636E\uFF0C\u5305\u542B\u65E5\u7A0B\u5217\u8868',\n      control: { type: 'object' },\n    },\n    className: {\n      description: '\u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D',\n      control: { type: 'text' },\n    },\n  },\n} satisfies Meta<typeof EventSchedule>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\n/**\n * \u9ED8\u8BA4\u5C55\u793A - \u4E24\u4E2A\u6D3B\u52A8\n */\nexport const Default: Story = {\n  args: {\n    data: mockData,\n  },\n}\n\n/**\n * \u4E09\u4E2A\u6D3B\u52A8\u5C55\u793A\n */\nexport const ThreeEvents: Story = {\n  args: {\n    data: threeEventsData,\n  },\n}\n\n/**\n * \u5355\u4E2A\u6D3B\u52A8\n */\nexport const SingleEvent: Story = {\n  args: {\n    data: {\n      scheduleList: [\n        {\n          title: '\u9650\u65F6\u79D2\u6740\u6D3B\u52A8',\n          startDate: '2025-12-23',\n          endDate: '2025-12-23',\n          items: [\n            {\n              icon: <CalendarIcon />,\n              label: '12\u67081\u65E5\u5168\u5929',\n            },\n            {\n              icon: <ClockIcon />,\n              label: '\u6BCF\u5C0F\u65F6\u6574\u70B9\u5F00\u62A2',\n            },\n            {\n              icon: <GiftIcon />,\n              label: '\u79D2\u6740\u4EF7\u4F4E\u81F33\u6298',\n            },\n          ],\n        },\n      ],\n    },\n  },\n}\n\n/**\n * \u81EA\u52A8\u5224\u65AD\u6FC0\u6D3B\u72B6\u6001 - \u6839\u636E\u5F53\u524D\u65F6\u95F4\u81EA\u52A8\u5224\u65AD\u54EA\u4E2A\u6D3B\u52A8\u662F\u6FC0\u6D3B\u72B6\u6001\n * \u8FD9\u4E2A\u793A\u4F8B\u5C55\u793A\u4E86\u7EC4\u4EF6\u5982\u4F55\u6839\u636E startDate \u548C endDate \u81EA\u52A8\u5224\u65AD\u6D3B\u52A8\u662F\u5426\u6FC0\u6D3B\n */\nexport const AutoActiveStatus: Story = {\n  args: {\n    data: {\n      scheduleList: [\n        {\n          title: '\u5DF2\u7ED3\u675F\u7684\u6D3B\u52A8',  \n          startDate: '2024-01-01',\n          endDate: '2024-01-31',\n          items: [\n            {\n              icon: <CalendarIcon />,\n              label: '1\u67081\u65E5 - 1\u670831\u65E5',\n            },\n            {\n              icon: <ClockIcon />,\n              label: '\u5DF2\u7ED3\u675F',\n            },\n            {\n              icon: <GiftIcon />,\n              label: '\u611F\u8C22\u53C2\u4E0E',\n            },\n          ],\n        },\n        {\n          title: '\u8FDB\u884C\u4E2D\u7684\u6D3B\u52A8',\n          startDate: '2025-01-01',\n          endDate: '2025-12-31',\n          items: [\n            {\n              icon: <CalendarIcon />,\n              label: '2025\u5E74\u5168\u5E74',\n            },\n            {\n              icon: <ClockIcon />,\n              label: '\u6B63\u5728\u8FDB\u884C\u4E2D',\n            },\n            {\n              icon: <GiftIcon />,\n              label: '\u9650\u65F6\u4F18\u60E0',\n            },\n          ],\n        },\n        {\n          title: '\u5373\u5C06\u5F00\u59CB\u7684\u6D3B\u52A8',\n          startDate: '2026-01-01',\n          endDate: '2026-12-31',\n          items: [\n            {\n              icon: <CalendarIcon />,\n              label: '2026\u5E74\u5F00\u59CB',\n            },\n            {\n              icon: <ClockIcon />,\n              label: '\u656C\u8BF7\u671F\u5F85',\n            },\n            {\n              icon: <GiftIcon />,\n              label: '\u8D85\u503C\u798F\u5229',\n            },\n          ],\n        },\n      ],\n    },\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,EAAA,YAAAC,EAAA,gBAAAC,EAAA,gBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GAOE,IAAAQ,EAAA,6BANFC,EAAkB,iBAElBC,EAAsD,uDAGtD,MAAMC,EAAe,OACnB,QAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,oBAAC,QACC,EAAE,6JACF,OAAO,eACP,YAAY,MACZ,cAAc,QACd,eAAe,QACjB,KACA,OAAC,QACC,EAAE,6CACF,OAAO,eACP,YAAY,MACZ,cAAc,QACd,eAAe,QACjB,GACF,EAGIC,EAAY,OAChB,QAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,oBAAC,QACC,EAAE,gEACF,OAAO,eACP,YAAY,MACZ,cAAc,QACd,eAAe,QACjB,KACA,OAAC,QACC,EAAE,sBACF,OAAO,eACP,YAAY,MACZ,cAAc,QACd,eAAe,QACjB,GACF,EAGIC,EAAW,OACf,QAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,oBAAC,QACC,EAAE,yIACF,OAAO,eACP,YAAY,MACZ,cAAc,QACd,eAAe,QACjB,KACA,OAAC,QACC,EAAE,qKACF,OAAO,eACP,YAAY,MACZ,cAAc,QACd,eAAe,QACjB,KACA,OAAC,QACC,EAAE,yMACF,OAAO,eACP,YAAY,MACZ,cAAc,QACd,eAAe,QACjB,GACF,EAIIC,EAA8B,CAClC,aAAc,CACZ,CACE,MAAO,uCACP,UAAW,aACX,QAAS,aACT,MAAO,CACL,CACE,QAAM,OAACH,EAAA,EAAa,EACpB,MAAO,oCACT,EACA,CACE,QAAM,OAACC,EAAA,EAAU,EACjB,MAAO,0CACT,EACA,CACE,QAAM,OAACC,EAAA,EAAS,EAChB,MAAO,kDACT,CACF,CACF,EACA,CACE,MAAO,uCACP,UAAW,aACX,QAAS,aACT,MAAO,CACL,CACE,QAAM,OAACF,EAAA,EAAa,EACpB,MAAO,qCACT,EACA,CACE,QAAM,OAACC,EAAA,EAAU,EACjB,MAAO,gCACT,EACA,CACE,QAAM,OAACC,EAAA,EAAS,EAChB,MAAO,kDACT,CACF,CACF,CACF,EACA,gBAAiB,CACf,OAAQ,CACN,OAAQ,gFACR,OAAQ,iCACR,QACE,qHACF,UACE,oHACJ,EACA,SAAU,CACR,OAAQ,gFACR,OAAQ,iCACR,QACE,qHACF,UACE,oHACJ,CACF,CACF,EAGME,EAAqC,CACzC,aAAc,CACZ,CACE,MAAO,uCACP,UAAW,aACX,QAAS,aACT,MAAO,CACL,CACE,QAAM,OAACJ,EAAA,EAAa,EACpB,MAAO,oCACT,EACA,CACE,QAAM,OAACC,EAAA,EAAU,EACjB,MAAO,8CACT,EACA,CACE,QAAM,OAACC,EAAA,EAAS,EAChB,MAAO,+CACT,CACF,CACF,EACA,CACE,MAAO,2BACP,UAAW,aACX,QAAS,aACT,MAAO,CACL,CACE,QAAM,OAACF,EAAA,EAAa,EACpB,MAAO,qCACT,EACA,CACE,QAAM,OAACC,EAAA,EAAU,EACjB,MAAO,4CACT,EACA,CACE,QAAM,OAACC,EAAA,EAAS,EAChB,MAAO,+CACT,CACF,CACF,EACA,CACE,MAAO,2BACP,UAAW,aACX,QAAS,aACT,MAAO,CACL,CACE,QAAM,OAACF,EAAA,EAAa,EACpB,MAAO,mCACT,EACA,CACE,QAAM,OAACC,EAAA,EAAU,EACjB,MAAO,gCACT,EACA,CACE,QAAM,OAACC,EAAA,EAAS,EAChB,MAAO,kDACT,CACF,CACF,CACF,CACF,EAEMG,EAAO,CACX,MAAO,+BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,qPACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,YAAa,qEACb,QAAS,CAAE,KAAM,QAAS,CAC5B,EACA,UAAW,CACT,YAAa,6CACb,QAAS,CAAE,KAAM,MAAO,CAC1B,CACF,CACF,EAEA,IAAOX,EAAQU,EAMR,MAAMb,EAAiB,CAC5B,KAAM,CACJ,KAAMW,CACR,CACF,EAKaT,EAAqB,CAChC,KAAM,CACJ,KAAMU,CACR,CACF,EAKaX,EAAqB,CAChC,KAAM,CACJ,KAAM,CACJ,aAAc,CACZ,CACE,MAAO,uCACP,UAAW,aACX,QAAS,aACT,MAAO,CACL,CACE,QAAM,OAACO,EAAA,EAAa,EACpB,MAAO,6BACT,EACA,CACE,QAAM,OAACC,EAAA,EAAU,EACjB,MAAO,4CACT,EACA,CACE,QAAM,OAACC,EAAA,EAAS,EAChB,MAAO,uCACT,CACF,CACF,CACF,CACF,CACF,CACF,EAMaX,EAA0B,CACrC,KAAM,CACJ,KAAM,CACJ,aAAc,CACZ,CACE,MAAO,uCACP,UAAW,aACX,QAAS,aACT,MAAO,CACL,CACE,QAAM,OAACS,EAAA,EAAa,EACpB,MAAO,kCACT,EACA,CACE,QAAM,OAACC,EAAA,EAAU,EACjB,MAAO,oBACT,EACA,CACE,QAAM,OAACC,EAAA,EAAS,EAChB,MAAO,0BACT,CACF,CACF,EACA,CACE,MAAO,uCACP,UAAW,aACX,QAAS,aACT,MAAO,CACL,CACE,QAAM,OAACF,EAAA,EAAa,EACpB,MAAO,wBACT,EACA,CACE,QAAM,OAACC,EAAA,EAAU,EACjB,MAAO,gCACT,EACA,CACE,QAAM,OAACC,EAAA,EAAS,EAChB,MAAO,0BACT,CACF,CACF,EACA,CACE,MAAO,6CACP,UAAW,aACX,QAAS,aACT,MAAO,CACL,CACE,QAAM,OAACF,EAAA,EAAa,EACpB,MAAO,wBACT,EACA,CACE,QAAM,OAACC,EAAA,EAAU,EACjB,MAAO,0BACT,EACA,CACE,QAAM,OAACC,EAAA,EAAS,EAChB,MAAO,0BACT,CACF,CACF,CACF,CACF,CACF,CACF",
+  "names": ["eventSchedule_stories_exports", "__export", "AutoActiveStatus", "Default", "SingleEvent", "ThreeEvents", "eventSchedule_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_EventSchedule", "CalendarIcon", "ClockIcon", "GiftIcon", "mockData", "threeEventsData", "meta", "EventSchedule"]
 }

package/dist/cjs/stories/promotionalBar.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var m=Object.create;var e=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty;var d=(t,o)=>{for(var a in o)e(t,a,{get:o[a],enumerable:!0})},s=(t,o,a,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of c(o))!l.call(t,r)&&r!==a&&e(t,r,{get:()=>o[r],enumerable:!(n=p(o,r))||n.enumerable});return t};var f=(t,o,a)=>(a=t!=null?m(y(t)):{},s(o||!t||!t.__esModule?e(a,"default",{value:t,enumerable:!0}):a,t)),B=t=>s(e({},"__esModule",{value:!0}),t);var S={};d(S,{Default:()=>D,default:()=>u});module.exports=B(S);var i=f(require("../biz-components/PromotionalBar/index.js"));const P={title:"\u63A8\u5E7F\u680F"},g={title:"Biz Components/PromotionalBar",component:i.default,parameters:{layout:"centered",docs:{description:{component:"\u63A8\u5E7F\u680F - \u63A8\u5E7F\u680F"}}},tags:["autodocs"],argTypes:{data:{description:"\u4E1A\u52A1\u6570\u636E"}},args:{data:P}};var u=g;const D={args:{}};
+"use strict";var a=Object.create;var p=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var u=(t,o)=>{for(var s in o)p(t,s,{get:o[s],enumerable:!0})},l=(t,o,s,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!m.call(t,e)&&e!==s&&p(t,e,{get:()=>o[e],enumerable:!(i=r(o,e))||i.enumerable});return t};var d=(t,o,s)=>(s=t!=null?a(f(t)):{},l(o||!t||!t.__esModule?p(s,"default",{value:t,enumerable:!0}):s,t)),h=t=>l(p({},"__esModule",{value:!0}),t);var S={};u(S,{Default:()=>j,FullFeatures:()=>D,ResponsiveBackground:()=>G,WithoutButton:()=>k,default:()=>b});module.exports=h(S);var n=d(require("../biz-components/PromotionalBar/index.js"));const g={title:"\u63A8\u5E7F\u680F",contentTitle:"Special Promotion",contentDesc:"Get amazing deals on our best-selling products this season",buttonText:"Shop Now",buttonLink:"#",backgroundImage:{mobile:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group.jpg?v=1765273188",tablet:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-1.jpg?v=1765273189",laptop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-2.jpg?v=1765273189",desktop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-3.jpg?v=1765273189",lgDesktop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-4.jpg?v=1765273189"}},y={contentTitle:"Exclusive Offer",contentDesc:"Limited time deals with free shipping on orders over $50",buttonText:"Learn More",buttonLink:"#",backgroundImage:{mobile:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group.jpg?v=1765273188",tablet:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-1.jpg?v=1765273189",laptop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-2.jpg?v=1765273189",desktop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-3.jpg?v=1765273189",lgDesktop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-4.jpg?v=1765273189"}},v={title:"Biz Components/PromotionalBar",component:n.default,parameters:{layout:"fullscreen",docs:{description:{component:"\u63A8\u5E7F\u680F\u7EC4\u4EF6 - \u652F\u6301\u54CD\u5E94\u5F0F\u80CC\u666F\u56FE\u7247\u3001\u6807\u9898\u3001\u63CF\u8FF0\u548C\u884C\u52A8\u6309\u94AE"}}},tags:["autodocs"],argTypes:{data:{description:"\u4E1A\u52A1\u6570\u636E\uFF0C\u5305\u542B\u6807\u9898\u3001\u63CF\u8FF0\u3001\u6309\u94AE\u548C\u80CC\u666F\u56FE\u7247"}},args:{data:g}};var b=v;const j={args:{}},G={args:{data:y}},k={args:{data:{contentTitle:"New Arrivals",contentDesc:"Check out our latest collection of premium products",backgroundImage:{mobile:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group.jpg?v=1765273188",tablet:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-1.jpg?v=1765273189",laptop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-2.jpg?v=1765273189",desktop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-3.jpg?v=1765273189",lgDesktop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-4.jpg?v=1765273189"}}}},D={args:{data:{title:"Holiday Sale",subtitle:"2024 Special Event",contentTitle:"Up to 50% Off",contentDesc:"Enjoy massive discounts on thousands of items. Limited time offer!",buttonText:"Shop Now",buttonLink:"/sale",backgroundImage:{mobile:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group.jpg?v=1765273188",tablet:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-1.jpg?v=1765273189",laptop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-2.jpg?v=1765273189",desktop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-3.jpg?v=1765273189",lgDesktop:"https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-4.jpg?v=1765273189"}}}};
 //# sourceMappingURL=promotionalBar.stories.js.map

package/dist/cjs/stories/promotionalBar.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/promotionalBar.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport PromotionalBar, { type PromotionalBarData } from '../biz-components/PromotionalBar/index.js'\n\n// \u6A21\u62DF\u4E1A\u52A1\u6570\u636E\nconst mockData: PromotionalBarData = {\n  title: '\u63A8\u5E7F\u680F',\n  // \u6839\u636E\u5B9E\u9645\u4E1A\u52A1\u9700\u6C42\u6DFB\u52A0\u66F4\u591A\u6570\u636E\u5B57\u6BB5\n}\n\nconst meta = {\n  title: 'Biz Components/PromotionalBar',\n  component: PromotionalBar,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: '\u63A8\u5E7F\u680F - \u63A8\u5E7F\u680F',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    data: {\n      description: '\u4E1A\u52A1\u6570\u636E',\n    },\n  },\n  args: {\n    data: mockData,\n  },\n} satisfies Meta<typeof PromotionalBar>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {},\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAEA,IAAAK,EAAwD,wDAGxD,MAAMC,EAA+B,CACnC,MAAO,oBAET,EAEMC,EAAO,CACX,MAAO,gCACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,yCACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,YAAa,0BACf,CACF,EACA,KAAM,CACJ,KAAMF,CACR,CACF,EAEA,IAAOH,EAAQI,EAGR,MAAML,EAAiB,CAC5B,KAAM,CAAC,CACT",
-  "names": ["promotionalBar_stories_exports", "__export", "Default", "promotionalBar_stories_default", "__toCommonJS", "import_PromotionalBar", "mockData", "meta", "PromotionalBar"]
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport PromotionalBar, { type PromotionalBarData } from '../biz-components/PromotionalBar/index.js'\n\n// \u6A21\u62DF\u4E1A\u52A1\u6570\u636E - \u4F7F\u7528\u5355\u4E00\u80CC\u666F\u56FE\u7247\nconst mockData: PromotionalBarData = {\n  title: '\u63A8\u5E7F\u680F',\n  contentTitle: 'Special Promotion',\n  contentDesc: 'Get amazing deals on our best-selling products this season',\n  buttonText: 'Shop Now',\n  buttonLink: '#',\n  backgroundImage: {\n    mobile: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group.jpg?v=1765273188',\n    tablet: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-1.jpg?v=1765273189',\n    laptop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-2.jpg?v=1765273189',\n    desktop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-3.jpg?v=1765273189',\n    lgDesktop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-4.jpg?v=1765273189',\n  },\n}\n\n// \u4F7F\u7528\u54CD\u5E94\u5F0F\u80CC\u666F\u56FE\u7247\nconst responsiveData: PromotionalBarData = {\n  contentTitle: 'Exclusive Offer',\n  contentDesc: 'Limited time deals with free shipping on orders over $50',\n  buttonText: 'Learn More',\n  buttonLink: '#',\n  backgroundImage: {\n    mobile: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group.jpg?v=1765273188',\n    tablet: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-1.jpg?v=1765273189',\n    laptop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-2.jpg?v=1765273189',\n    desktop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-3.jpg?v=1765273189',\n    lgDesktop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-4.jpg?v=1765273189',\n  },\n}\n\nconst meta = {\n  title: 'Biz Components/PromotionalBar',\n  component: PromotionalBar,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '\u63A8\u5E7F\u680F\u7EC4\u4EF6 - \u652F\u6301\u54CD\u5E94\u5F0F\u80CC\u666F\u56FE\u7247\u3001\u6807\u9898\u3001\u63CF\u8FF0\u548C\u884C\u52A8\u6309\u94AE',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    data: {\n      description: '\u4E1A\u52A1\u6570\u636E\uFF0C\u5305\u542B\u6807\u9898\u3001\u63CF\u8FF0\u3001\u6309\u94AE\u548C\u80CC\u666F\u56FE\u7247',\n    },\n  },\n  args: {\n    data: mockData,\n  },\n} satisfies Meta<typeof PromotionalBar>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\n/**\n * \u9ED8\u8BA4\u5C55\u793A - \u4F7F\u7528\u5355\u4E00\u80CC\u666F\u56FE\u7247 URL\n */\nexport const Default: Story = {\n  args: {},\n}\n\n/**\n * \u54CD\u5E94\u5F0F\u80CC\u666F\u56FE\u7247 - \u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u663E\u793A\u4E0D\u540C\u56FE\u7247\n */\nexport const ResponsiveBackground: Story = {\n  args: {\n    data: responsiveData,\n  },\n}\n\n/**\n * \u65E0\u6309\u94AE - \u4EC5\u663E\u793A\u6807\u9898\u548C\u63CF\u8FF0\n */\nexport const WithoutButton: Story = {\n  args: {\n    data: {\n      contentTitle: 'New Arrivals',\n      contentDesc: 'Check out our latest collection of premium products',\n      backgroundImage: {\n        mobile: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group.jpg?v=1765273188',\n        tablet: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-1.jpg?v=1765273189',\n        laptop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-2.jpg?v=1765273189',\n        desktop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-3.jpg?v=1765273189',\n        lgDesktop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-4.jpg?v=1765273189',\n      },\n    },\n  },\n}\n\n/**\n * \u5B8C\u6574\u529F\u80FD\u5C55\u793A\n */\nexport const FullFeatures: Story = {\n  args: {\n    data: {\n      title: 'Holiday Sale',\n      subtitle: '2024 Special Event',\n      contentTitle: 'Up to 50% Off',\n      contentDesc: 'Enjoy massive discounts on thousands of items. Limited time offer!',\n      buttonText: 'Shop Now',\n      buttonLink: '/sale',\n      backgroundImage: {\n        mobile: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group.jpg?v=1765273188',\n        tablet: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-1.jpg?v=1765273189',\n        laptop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-2.jpg?v=1765273189',\n        desktop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-3.jpg?v=1765273189',\n        lgDesktop: 'https://cdn.shopify.com/s/files/1/0501/7678/6607/files/Group-4.jpg?v=1765273189',\n      },\n    },\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,iBAAAC,EAAA,yBAAAC,EAAA,kBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GAEA,IAAAQ,EAAwD,wDAGxD,MAAMC,EAA+B,CACnC,MAAO,qBACP,aAAc,oBACd,YAAa,6DACb,WAAY,WACZ,WAAY,IACZ,gBAAiB,CACf,OAAQ,gFACR,OAAQ,kFACR,OAAQ,kFACR,QAAS,kFACT,UAAW,iFACb,CACF,EAGMC,EAAqC,CACzC,aAAc,kBACd,YAAa,2DACb,WAAY,aACZ,WAAY,IACZ,gBAAiB,CACf,OAAQ,gFACR,OAAQ,kFACR,OAAQ,kFACR,QAAS,kFACT,UAAW,iFACb,CACF,EAEMC,EAAO,CACX,MAAO,gCACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW,2JACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,YAAa,0HACf,CACF,EACA,KAAM,CACJ,KAAMH,CACR,CACF,EAEA,IAAOH,EAAQK,EAMR,MAAMT,EAAiB,CAC5B,KAAM,CAAC,CACT,EAKaE,EAA8B,CACzC,KAAM,CACJ,KAAMM,CACR,CACF,EAKaL,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,aAAc,eACd,YAAa,sDACb,gBAAiB,CACf,OAAQ,gFACR,OAAQ,kFACR,OAAQ,kFACR,QAAS,kFACT,UAAW,iFACb,CACF,CACF,CACF,EAKaF,EAAsB,CACjC,KAAM,CACJ,KAAM,CACJ,MAAO,eACP,SAAU,qBACV,aAAc,gBACd,YAAa,qEACb,WAAY,WACZ,WAAY,QACZ,gBAAiB,CACf,OAAQ,gFACR,OAAQ,kFACR,OAAQ,kFACR,QAAS,kFACT,UAAW,iFACb,CACF,CACF,CACF",
+  "names": ["promotionalBar_stories_exports", "__export", "Default", "FullFeatures", "ResponsiveBackground", "WithoutButton", "promotionalBar_stories_default", "__toCommonJS", "import_PromotionalBar", "mockData", "responsiveData", "meta", "PromotionalBar"]
 }

package/dist/cjs/stories/title.stories.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var l=Object.create;var a=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var p=(t,e)=>{for(var o in e)a(t,o,{get:e[o],enumerable:!0})},n=(t,e,o,r)=>{if(e&&typeof e=="object"\|\|typeof e=="function")for(let s of u(e))!h.call(t,s)&&s!==o&&a(t,s,{get:()=>e[s],enumerable:!(r=d(e,s))\|\|r.enumerable});return t};var f=(t,e,o)=>(o=t!=null?l(c(t)):{},n(e\|\|!t\|\|!t.__esModule?a(o,"default",{value:t,enumerable:!0}):o,t)),g=t=>n(a({},"__esModule",{value:!0}),t);var M={};p(M,{CenterAligned:()=>x,CountdownOnly:()=>D,DarkTheme:()=>k,Default:()=>S,FullFeatures:()=>T,WithCountdown:()=>b,WithSubtitle:()=>w,default:()=>m});module.exports=g(M);var i=f(require("../biz-components/Title/index.js"));const y={title:"Biz Components/Title",component:i.default,parameters:{layout:"padded",docs:{description:{component:"Title \u7EC4\u4EF6 - \u652F\u6301\u6807\u9898\u3001\u526F\u6807\u9898\u3001\u5012\u8BA1\u65F6\u548C\u94FE\u63A5\u6309\u94AE"}}},tags:["autodocs"],argTypes:{as:{control:"select",options:["h1","h2","h3","h4","h5","h6"],description:"\u6807\u9898\u6807\u7B7E"},weight:{control:"select",options:["medium","semibold","bold","extraBold","black"],description:"\u5B57\u91CD"}}};var m=y;const S={args:{data:{title:"Welcome to Our Store",align:"left"}}},w={args:{data:{title:"Exclusive Holiday Benefits",subtitle:"Join us for amazing deals and special offers this season",align:"left"}}},b={args:{data:{title:"Flash Sale Ends Soon",subtitle:"Don't miss out on these limited-time offers",countdown:{targetDate:"2025-12-31T23:59:59",labels:{days:"Day",hours:"Hours",minutes:"Mins",seconds:"Secs"}},align:"left"}}},T={args:{data:{title:"Special Event Starting Soon",subtitle:"Get ready for the biggest sale of the year with exclusive deals",countdown:{targetDate:"2025-12-25T00:00:00",showDays:!0,showHours:!0,showMinutes:!0,showSeconds:!0,labels:{days:"Day",hours:"Hours",minutes:"Mins",seconds:"Secs"}},align:"left",extensions:{textLink:"Learn More",link:"#"}}}},x={args:{data:{title:"Centered Title with Countdown",subtitle:"This layout is perfect for hero sections",countdown:{targetDate:"2026-01-01T00:00:00"},align:"center"}}},k={args:{data:{title:"Dark Theme Title",subtitle:"Perfect for dark backgrounds",countdown:{targetDate:"2025-12-31T23:59:59"},theme:"dark",align:"left",extensions:{textLink:"Shop Now",link:"#"}}},parameters:{backgrounds:{default:"dark"}}},D={args:{data:{title:"Limited Time Offer",countdown:{targetDate:"2025-12-31T23:59:59",showDays:!0,showHours:!0,showMinutes:!0,showSeconds:!1},align:"left"}}};
2	+ //# sourceMappingURL=title.stories.js.map

package/dist/cjs/stories/title.stories.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/stories/title.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport Title from '../biz-components/Title/index.js'\n\nconst meta = {\n  title: 'Biz Components/Title',\n  component: Title,\n  parameters: {\n    layout: 'padded',\n    docs: {\n      description: {\n        component: 'Title \u7EC4\u4EF6 - \u652F\u6301\u6807\u9898\u3001\u526F\u6807\u9898\u3001\u5012\u8BA1\u65F6\u548C\u94FE\u63A5\u6309\u94AE',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    as: {\n      control: 'select',\n      options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],\n      description: '\u6807\u9898\u6807\u7B7E',\n    },\n    weight: {\n      control: 'select',\n      options: ['medium', 'semibold', 'bold', 'extraBold', 'black'],\n      description: '\u5B57\u91CD',\n    },\n  },\n} satisfies Meta<typeof Title>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\n/**\n * \u57FA\u7840\u6807\u9898\n */\nexport const Default: Story = {\n  args: {\n    data: {\n      title: 'Welcome to Our Store',\n      align: 'left',\n    },\n  },\n}\n\n/**\n * \u5E26\u526F\u6807\u9898\u7684\u6807\u9898\n */\nexport const WithSubtitle: Story = {\n  args: {\n    data: {\n      title: 'Exclusive Holiday Benefits',\n      subtitle: 'Join us for amazing deals and special offers this season',\n      align: 'left',\n    },\n  },\n}\n\n/**\n * \u5E26\u5012\u8BA1\u65F6\u7684\u6807\u9898\n */\nexport const WithCountdown: Story = {\n  args: {\n    data: {\n      title: 'Flash Sale Ends Soon',\n      subtitle: \"Don't miss out on these limited-time offers\",\n      countdown: {\n        targetDate: '2025-12-31T23:59:59',\n        labels: {\n          days: 'Day',\n          hours: 'Hours',\n          minutes: 'Mins',\n          seconds: 'Secs',\n        },\n      },\n      align: 'left',\n    },\n  },\n}\n\n/**\n * \u5B8C\u6574\u529F\u80FD\u5C55\u793A - \u6807\u9898 + \u526F\u6807\u9898 + \u5012\u8BA1\u65F6 + \u6309\u94AE\n */\nexport const FullFeatures: Story = {\n  args: {\n    data: {\n      title: 'Special Event Starting Soon',\n      subtitle: 'Get ready for the biggest sale of the year with exclusive deals',\n      countdown: {\n        targetDate: '2025-12-25T00:00:00',\n        showDays: true,\n        showHours: true,\n        showMinutes: true,\n        showSeconds: true,\n        labels: {\n          days: 'Day',\n          hours: 'Hours',\n          minutes: 'Mins',\n          seconds: 'Secs',\n        },\n      },\n      align: 'left',\n      extensions: {\n        textLink: 'Learn More',\n        link: '#',\n      },\n    },\n  },\n}\n\n/**\n * \u5C45\u4E2D\u5BF9\u9F50\n */\nexport const CenterAligned: Story = {\n  args: {\n    data: {\n      title: 'Centered Title with Countdown',\n      subtitle: 'This layout is perfect for hero sections',\n      countdown: {\n        targetDate: '2026-01-01T00:00:00',\n      },\n      align: 'center',\n    },\n  },\n}\n\n/**\n * \u6697\u8272\u4E3B\u9898\n */\nexport const DarkTheme: Story = {\n  args: {\n    data: {\n      title: 'Dark Theme Title',\n      subtitle: 'Perfect for dark backgrounds',\n      countdown: {\n        targetDate: '2025-12-31T23:59:59',\n      },\n      theme: 'dark',\n      align: 'left',\n      extensions: {\n        textLink: 'Shop Now',\n        link: '#',\n      },\n    },\n  },\n  parameters: {\n    backgrounds: { default: 'dark' },\n  },\n}\n\n/**\n * \u4EC5\u5012\u8BA1\u65F6\uFF08\u65E0\u526F\u6807\u9898\uFF09\n */\nexport const CountdownOnly: Story = {\n  args: {\n    data: {\n      title: 'Limited Time Offer',\n      countdown: {\n        targetDate: '2025-12-31T23:59:59',\n        showDays: true,\n        showHours: true,\n        showMinutes: true,\n        showSeconds: false, // \u4E0D\u663E\u793A\u79D2\u6570\n      },\n      align: 'left',\n    },\n  },\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,EAAA,kBAAAC,EAAA,cAAAC,EAAA,YAAAC,EAAA,iBAAAC,EAAA,kBAAAC,EAAA,iBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAV,GACA,IAAAW,EAAkB,+CAElB,MAAMC,EAAO,CACX,MAAO,uBACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,SACR,KAAM,CACJ,YAAa,CACX,UAAW,6HACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,GAAI,CACF,QAAS,SACT,QAAS,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,IAAI,EAC5C,YAAa,0BACf,EACA,OAAQ,CACN,QAAS,SACT,QAAS,CAAC,SAAU,WAAY,OAAQ,YAAa,OAAO,EAC5D,YAAa,cACf,CACF,CACF,EAEA,IAAOJ,EAAQG,EAMR,MAAMP,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,uBACP,MAAO,MACT,CACF,CACF,EAKaG,EAAsB,CACjC,KAAM,CACJ,KAAM,CACJ,MAAO,6BACP,SAAU,2DACV,MAAO,MACT,CACF,CACF,EAKaD,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,MAAO,uBACP,SAAU,8CACV,UAAW,CACT,WAAY,sBACZ,OAAQ,CACN,KAAM,MACN,MAAO,QACP,QAAS,OACT,QAAS,MACX,CACF,EACA,MAAO,MACT,CACF,CACF,EAKaD,EAAsB,CACjC,KAAM,CACJ,KAAM,CACJ,MAAO,8BACP,SAAU,kEACV,UAAW,CACT,WAAY,sBACZ,SAAU,GACV,UAAW,GACX,YAAa,GACb,YAAa,GACb,OAAQ,CACN,KAAM,MACN,MAAO,QACP,QAAS,OACT,QAAS,MACX,CACF,EACA,MAAO,OACP,WAAY,CACV,SAAU,aACV,KAAM,GACR,CACF,CACF,CACF,EAKaJ,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,MAAO,gCACP,SAAU,2CACV,UAAW,CACT,WAAY,qBACd,EACA,MAAO,QACT,CACF,CACF,EAKaE,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,MAAO,mBACP,SAAU,+BACV,UAAW,CACT,WAAY,qBACd,EACA,MAAO,OACP,MAAO,OACP,WAAY,CACV,SAAU,WACV,KAAM,GACR,CACF,CACF,EACA,WAAY,CACV,YAAa,CAAE,QAAS,MAAO,CACjC,CACF,EAKaD,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,MAAO,qBACP,UAAW,CACT,WAAY,sBACZ,SAAU,GACV,UAAW,GACX,YAAa,GACb,YAAa,EACf,EACA,MAAO,MACT,CACF,CACF",
+  "names": ["title_stories_exports", "__export", "CenterAligned", "CountdownOnly", "DarkTheme", "Default", "FullFeatures", "WithCountdown", "WithSubtitle", "title_stories_default", "__toCommonJS", "import_Title", "meta", "Title"]
+}

package/dist/esm/biz-components/EventSchedule/index.d.ts CHANGED Viewed

@@ -1,16 +1,37 @@
 import * as React from 'react';
+export type EventScheduleSemanticName = 'root' | 'timeline' | 'eventScheduleCard';
+/**
+ * 响应式背景图片配置
+ */
+export interface ResponsiveBackgroundImage {
+    /** 移动端图片 (<1024px) */
+    mobile?: string;
+    /** 笔记本图片 (1025-1440px) */
+    laptop?: string;
+    /** 桌面图片 (1441-1920px) */
+    desktop?: string;
+    /** 超大桌面图片 (≥1921px) */
+    lgDesktop?: string;
+}
+/**
+ * 状态化背景图片配置
+ */
+export interface StateBackgroundImage {
+    /** 激活状态的背景图片 */
+    active: string | ResponsiveBackgroundImage;
+    /** 非激活状态的背景图片 */
+    inactive: string | ResponsiveBackgroundImage;
+}
 /**
  * 活动日程项数据接口
  */
 export interface EventScheduleItem {
     /** 标题 */
     title: string;
-    /** 日期 */
-    date: string;
-    /** 是否激活状态 */
-    active: boolean;
-    /** 背景图片 URL */
-    backgroundImage?: string;
+    /** 开始日期（ISO 8601 格式或任何 dayjs 支持的格式，如 '2024-12-01'） */
+    startDate: string;
+    /** 结束日期（ISO 8601 格式或任何 dayjs 支持的格式，如 '2024-12-31'） */
+    endDate: string;
     /** 详细信息列表 */
     items: {
         /** 图标 (SVG 字符串或 URL) */
@@ -25,10 +46,56 @@ export interface EventScheduleItem {
 export interface EventScheduleData {
     /** 日程列表 */
     scheduleList: EventScheduleItem[];
+    /**
+     * 背景图片配置，支持响应式图片和状态化图片
+     * 可以传入：
+     * 1. 字符串（单一图片URL）
+     * 2. ResponsiveBackgroundImage（多尺寸图片）
+     * 3. StateBackgroundImage（激活/非激活状态图片）
+     *
+     * @example
+     * // 单一图片
+     * backgroundImage: "https://example.com/image.jpg"
+     *
+     * @example
+     * // 响应式图片
+     * backgroundImage: {
+     *   mobile: "https://example.com/mobile.jpg",
+     *   laptop: "https://example.com/laptop.jpg",
+     *   desktop: "https://example.com/desktop.jpg",
+     *   lgDesktop: "https://example.com/lg-desktop.jpg"
+     * }
+     *
+     * @example
+     * // 状态化图片（单一URL）
+     * backgroundImage: {
+     *   active: "https://example.com/active.jpg",
+     *   inactive: "https://example.com/inactive.jpg"
+     * }
+     *
+     * @example
+     * // 状态化 + 响应式图片
+     * backgroundImage: {
+     *   active: {
+     *     mobile: "https://example.com/active-mobile.jpg",
+     *     laptop: "https://example.com/active-laptop.jpg",
+     *     desktop: "https://example.com/active-desktop.jpg",
+     *     lgDesktop: "https://example.com/active-lg-desktop.jpg"
+     *   },
+     *   inactive: {
+     *     mobile: "https://example.com/inactive-mobile.jpg",
+     *     laptop: "https://example.com/inactive-laptop.jpg",
+     *     desktop: "https://example.com/inactive-desktop.jpg",
+     *     lgDesktop: "https://example.com/inactive-lg-desktop.jpg"
+     *   }
+     * }
+     */
+    backgroundImage?: string | ResponsiveBackgroundImage | StateBackgroundImage;
 }
 export interface EventScheduleProps extends React.HTMLAttributes<HTMLDivElement> {
     /** 业务数据 */
     data: EventScheduleData;
+    classNames?: Partial<Record<EventScheduleSemanticName, string>>;
 }
 /**
  * EventSchedule - 活动日程组件

package/dist/esm/biz-components/EventSchedule/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";import{jsx as e,jsxs as i}from"react/jsx-runtime";import*as o from"react";import{cn as a}from"../../helpers/index.js";import{Text as m,Picture as r}from"../../components/index.js";import{Swiper as v,SwiperSlide as p}from"swiper/react";const u=({active:t})=>i("div",{className:"relative flex h-2 flex-1 items-center justify-center",children:[e("div",{className:a("h-2 w-full",{"bg-[#F6CD4E]":t,"bg-[#EAEAEC]":!t})}),e("div",{className:"absolute inset-0 flex items-center justify-center",children:e("div",{className:a("size-4 rounded-full border-2 transition-colors",{"border-[#F6CD4E] bg-[#F6CD4E]":t,"border-[#EAEAEC] bg-[#EAEAEC]":!t})})})]}),b=({scheduleList:t})=>e("div",{className:"relative flex h-4 w-full items-center",children:e("div",{className:"flex h-2 w-full items-center gap-4 bg-[#EAEAEC]",children:t.map(l=>e(u,{active:l.active},l.date))})}),f=({item:t})=>i("div",{className:a("rounded-box laptop:h-[160px] relative flex h-[120px] min-w-0 flex-1 flex-col justify-between gap-2 overflow-hidden bg-[#F4E8BC] p-4"),children:[t.backgroundImage&&e("div",{className:"pointer-events-none absolute inset-0 overflow-hidden",children:e(r,{source:t.backgroundImage,alt:"",className:"absolute right-0 top-[9.69%] h-[91.29%] w-auto max-w-none"})}),e("div",{className:"relative z-10",children:e("h2",{className:a("desktop:text-[24px] text-[20px] font-bold leading-[1.2] text-[#080A0F]"),children:t.title})}),e("div",{className:"relative z-10 flex flex-col gap-0.5",children:t.items.map((l,s)=>i("div",{className:"flex items-center gap-2",children:[l.icon&&e("div",{className:"desktop:size-6 size-5 shrink-0",children:e(r,{source:l.icon,alt:"",className:"size-full"})}),e(m,{html:l.label,className:a("desktop:text-[18px] flex-1 text-[14px] font-bold leading-[1.4] text-[#080A0F]")})]},s))})]}),n=o.forwardRef(({className:t,data:l,...s},c)=>e("div",{ref:c,className:a("desktop:px-16 laptop:px-16 tablet:px-8 w-full px-4",t),...s,children:e("div",{className:"flex w-full flex-col gap-4",children:e(v,{spaceBetween:12,slidesPerView:1,className:"w-full",children:l.scheduleList.map(d=>e(p,{children:e(f,{item:d})},d.date))})})}));n.displayName="EventSchedule";var g=n;export{g as default};
+"use client";import{jsx as i,jsxs as o}from"react/jsx-runtime";import*as d from"react";import{cn as l}from"../../helpers/index.js";import{Text as v,Picture as w}from"../../components/index.js";import{Swiper as x,SwiperSlide as h}from"swiper/react";import u from"dayjs";const S=(e,t)=>{const n=u(),a=u(e).startOf("day"),s=u(t).endOf("day");return n.isAfter(a)&&n.isBefore(s)},B=e=>S(e.startDate,e.endDate),E=({active:e,className:t})=>o("div",{className:l("relative my-1 flex h-2 flex-1 items-center justify-center",t),children:[i("div",{className:l("h-2 w-full ",{"bg-[#F6CD4E] rounded-full":e,"bg-[#EAEAEC]":!e})}),i("div",{className:"absolute inset-0 flex items-center justify-center",children:i("div",{className:l("size-4 rounded-full border-2 transition-colors",{"border-[#F6CD4E] bg-[#F6CD4E]":e,"border-[#EAEAEC] bg-[#EAEAEC]":!e})})})]}),N=e=>typeof e=="object"&&("active"in e||"inactive"in e),m=e=>{if(!e)return;if(typeof e=="string")return e;const{mobile:t,laptop:n,desktop:a,lgDesktop:s}=e,r=[];return s&&r.push(s),a&&r.push(`${a} 1920`),n&&r.push(`${n} 1440`),t&&r.push(`${t} 1024`),r.length>0?r.join(", "):void 0},k=(e,t)=>{if(e){if(N(e)){const n=t?e.active:e.inactive;return m(n)}return m(e)}},b=({active:e,item:t,backgroundImage:n,className:a})=>{const s=d.useMemo(()=>k(n,e),[n,e]);return o("div",{className:l("rounded-box laptop:h-[160px] relative flex h-[120px] min-w-0 flex-1 flex-col justify-between gap-2 overflow-hidden",a),children:[i(w,{source:s,alt:"",className:"absolute inset-0 z-10",imgClassName:"h-full object-cover"}),o("div",{className:"relative z-20 size-full p-4",children:[i("h2",{className:l("desktop:text-[24px] text-[20px] font-bold leading-[1.2] text-[#080A0F]"),dangerouslySetInnerHTML:{__html:t.title}}),i("div",{className:"flex flex-col gap-0.5",children:t.items.map((r,c)=>o("div",{className:"flex items-center gap-2",children:[r.icon&&i("div",{className:"desktop:size-6 size-5 shrink-0",children:i("img",{src:r.icon,alt:"",className:"size-full"})}),i(v,{html:r.label,className:l("desktop:text-[18px] flex-1 text-[14px] font-bold leading-[1.4] text-[#080A0F]")})]},c))})]})]})},g=d.forwardRef(({classNames:e={},data:t,...n},a)=>{const s=d.useMemo(()=>t?.scheduleList?.length||2,[t?.scheduleList]),r=d.useMemo(()=>{switch(s){case 2:return{0:{slidesPerView:1.17,spaceBetween:12},768:{slidesPerView:2},1024:{spaceBetween:16},1440:{spaceBetween:16,slidesPerView:2}};case 3:return{0:{slidesPerView:1.17,spaceBetween:12},768:{slidesPerView:2.4},1024:{slidesPerView:s,spaceBetween:16},1440:{spaceBetween:16,slidesPerView:s}};case 4:return{0:{slidesPerView:1.17,spaceBetween:12},768:{slidesPerView:2.4},1024:{slidesPerView:3.2,spaceBetween:16},1440:{slidesPerView:s}};default:return{0:{slidesPerView:1.17,spaceBetween:12},768:{slidesPerView:1},1024:{slidesPerView:s,spaceBetween:16},1440:{slidesPerView:s}}}},[s]);return i("div",{ref:a,className:l("desktop:px-16 laptop:px-16 tablet:px-8 w-full overflow-hidden px-4",e?.root),...n,children:i("div",{className:"flex w-full flex-col gap-4",children:i(x,{breakpoints:r,className:"w-full !overflow-visible",children:t.scheduleList.map((c,f)=>{const p=B(c);return o(h,{children:[i(E,{active:p}),i(b,{active:p,className:"mt-4",item:c,backgroundImage:t.backgroundImage})]},"SwiperSlideItem"+f)})})})})});g.displayName="EventSchedule";var y=g;export{y as default};
 //# sourceMappingURL=index.js.map

package/dist/esm/biz-components/EventSchedule/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/EventSchedule/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Text, Picture } from '../../components/index.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\n\n/**\n * \u6D3B\u52A8\u65E5\u7A0B\u9879\u6570\u636E\u63A5\u53E3\n */\nexport interface EventScheduleItem {\n  /** \u6807\u9898 */\n  title: string\n  /** \u65E5\u671F */\n  date: string\n  /** \u662F\u5426\u6FC0\u6D3B\u72B6\u6001 */\n  active: boolean\n  /** \u80CC\u666F\u56FE\u7247 URL */\n  backgroundImage?: string\n  /** \u8BE6\u7EC6\u4FE1\u606F\u5217\u8868 */\n  items: {\n    /** \u56FE\u6807 (SVG \u5B57\u7B26\u4E32\u6216 URL) */\n    icon: React.ReactNode\n    /** \u6587\u672C\u5185\u5BB9 */\n    label: string\n  }[]\n}\n\n/**\n * EventSchedule \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface EventScheduleData {\n  /** \u65E5\u7A0B\u5217\u8868 */\n  scheduleList: EventScheduleItem[]\n}\n\nexport interface EventScheduleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: EventScheduleData\n}\n\n/**\n * \u65F6\u95F4\u8F74\u8282\u70B9\u7EC4\u4EF6\n */\nconst TimelineNode = ({ active }: { active: boolean }) => {\n  return (\n    <div className=\"relative flex h-2 flex-1 items-center justify-center\">\n      {/* \u8FDB\u5EA6\u6761 */}\n      <div\n        className={cn('h-2 w-full', {\n          'bg-[#F6CD4E]': active,\n          'bg-[#EAEAEC]': !active,\n        })}\n      />\n      {/* \u65F6\u95F4\u8282\u70B9 */}\n      <div className=\"absolute inset-0 flex items-center justify-center\">\n        <div\n          className={cn('size-4 rounded-full border-2 transition-colors', {\n            'border-[#F6CD4E] bg-[#F6CD4E]': active,\n            'border-[#EAEAEC] bg-[#EAEAEC]': !active,\n          })}\n        />\n      </div>\n    </div>\n  )\n}\n\n/**\n * \u65F6\u95F4\u8F74\u7EC4\u4EF6\n */\nconst Timeline = ({ scheduleList }: { scheduleList: EventScheduleItem[] }) => {\n  return (\n    <div className=\"relative flex h-4 w-full items-center\">\n      <div className=\"flex h-2 w-full items-center gap-4 bg-[#EAEAEC]\">\n        {scheduleList.map(item => (\n          <TimelineNode key={item.date} active={item.active} />\n        ))}\n      </div>\n    </div>\n  )\n}\n\n/**\n * \u6D3B\u52A8\u65E5\u7A0B\u5361\u7247\u7EC4\u4EF6\n */\nconst EventScheduleCard = ({ item }: { item: EventScheduleItem }) => {\n  return (\n    <div\n      className={cn(\n        'rounded-box laptop:h-[160px] relative flex h-[120px] min-w-0 flex-1 flex-col justify-between gap-2 overflow-hidden bg-[#F4E8BC] p-4'\n      )}\n    >\n      {/* \u80CC\u666F\u88C5\u9970\u56FE */}\n      {item.backgroundImage && (\n        <div className=\"pointer-events-none absolute inset-0 overflow-hidden\">\n          <Picture\n            source={item.backgroundImage}\n            alt=\"\"\n            className=\"absolute right-0 top-[9.69%] h-[91.29%] w-auto max-w-none\"\n          />\n        </div>\n      )}\n\n      {/* \u5185\u5BB9\u533A\u57DF */}\n      <div className=\"relative z-10\">\n        <h2 className={cn('desktop:text-[24px] text-[20px] font-bold leading-[1.2] text-[#080A0F]')}>{item.title}</h2>\n      </div>\n\n      {/* \u8BE6\u7EC6\u4FE1\u606F\u5217\u8868 */}\n      <div className=\"relative z-10 flex flex-col gap-0.5\">\n        {item.items.map((detail, index) => (\n          <div key={index} className=\"flex items-center gap-2\">\n            {/* \u56FE\u6807 */}\n            {detail.icon && (\n              <div className=\"desktop:size-6 size-5 shrink-0\">\n                <Picture source={detail.icon as string} alt=\"\" className=\"size-full\" />\n              </div>\n            )}\n            {/* \u6587\u672C */}\n            <Text\n              html={detail.label}\n              className={cn('desktop:text-[18px] flex-1 text-[14px] font-bold leading-[1.4] text-[#080A0F]')}\n            />\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\n/**\n * EventSchedule - \u6D3B\u52A8\u65E5\u7A0B\u7EC4\u4EF6\n *\n * @description \u663E\u793A\u6D3B\u52A8\u65E5\u7A0B\u65F6\u95F4\u8F74\u548C\u6D3B\u52A8\u5361\u7247\u5217\u8868\n */\nconst EventSchedule = React.forwardRef<HTMLDivElement, EventScheduleProps>(({ className, data, ...props }, ref) => {\n  return (\n    <div ref={ref} className={cn('desktop:px-16 laptop:px-16 tablet:px-8 w-full px-4', className)} {...props}>\n      <div className=\"flex w-full flex-col gap-4\">\n        {/* \u65F6\u95F4\u8F74 */}\n        {/* <Timeline scheduleList={data.scheduleList} /> */}\n        <Swiper spaceBetween={12} slidesPerView={1} className=\"w-full\">\n          {data.scheduleList.map(item => (\n            <SwiperSlide key={item.date}>\n              <EventScheduleCard item={item} />\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      </div>\n    </div>\n  )\n})\n\nEventSchedule.displayName = 'EventSchedule'\nexport default EventSchedule\n"],
-  "mappings": "aA8CI,OAEE,OAAAA,EAFF,QAAAC,MAAA,oBA5CJ,UAAYC,MAAW,QACvB,OAAS,MAAAC,MAAU,yBACnB,OAAS,QAAAC,EAAM,WAAAC,MAAe,4BAC9B,OAAS,UAAAC,EAAQ,eAAAC,MAAmB,eAuCpC,MAAMC,EAAe,CAAC,CAAE,OAAAC,CAAO,IAE3BR,EAAC,OAAI,UAAU,uDAEb,UAAAD,EAAC,OACC,UAAWG,EAAG,aAAc,CAC1B,eAAgBM,EAChB,eAAgB,CAACA,CACnB,CAAC,EACH,EAEAT,EAAC,OAAI,UAAU,oDACb,SAAAA,EAAC,OACC,UAAWG,EAAG,iDAAkD,CAC9D,gCAAiCM,EACjC,gCAAiC,CAACA,CACpC,CAAC,EACH,EACF,GACF,EAOEC,EAAW,CAAC,CAAE,aAAAC,CAAa,IAE7BX,EAAC,OAAI,UAAU,wCACb,SAAAA,EAAC,OAAI,UAAU,kDACZ,SAAAW,EAAa,IAAIC,GAChBZ,EAACQ,EAAA,CAA6B,OAAQI,EAAK,QAAxBA,EAAK,IAA2B,CACpD,EACH,EACF,EAOEC,EAAoB,CAAC,CAAE,KAAAD,CAAK,IAE9BX,EAAC,OACC,UAAWE,EACT,qIACF,EAGC,UAAAS,EAAK,iBACJZ,EAAC,OAAI,UAAU,uDACb,SAAAA,EAACK,EAAA,CACC,OAAQO,EAAK,gBACb,IAAI,GACJ,UAAU,4DACZ,EACF,EAIFZ,EAAC,OAAI,UAAU,gBACb,SAAAA,EAAC,MAAG,UAAWG,EAAG,wEAAwE,EAAI,SAAAS,EAAK,MAAM,EAC3G,EAGAZ,EAAC,OAAI,UAAU,sCACZ,SAAAY,EAAK,MAAM,IAAI,CAACE,EAAQC,IACvBd,EAAC,OAAgB,UAAU,0BAExB,UAAAa,EAAO,MACNd,EAAC,OAAI,UAAU,iCACb,SAAAA,EAACK,EAAA,CAAQ,OAAQS,EAAO,KAAgB,IAAI,GAAG,UAAU,YAAY,EACvE,EAGFd,EAACI,EAAA,CACC,KAAMU,EAAO,MACb,UAAWX,EAAG,+EAA+E,EAC/F,IAXQY,CAYV,CACD,EACH,GACF,EASEC,EAAgBd,EAAM,WAA+C,CAAC,CAAE,UAAAe,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAGC,IAEvGpB,EAAC,OAAI,IAAKoB,EAAK,UAAWjB,EAAG,qDAAsDc,CAAS,EAAI,GAAGE,EACjG,SAAAnB,EAAC,OAAI,UAAU,6BAGb,SAAAA,EAACM,EAAA,CAAO,aAAc,GAAI,cAAe,EAAG,UAAU,SACnD,SAAAY,EAAK,aAAa,IAAIN,GACrBZ,EAACO,EAAA,CACC,SAAAP,EAACa,EAAA,CAAkB,KAAMD,EAAM,GADfA,EAAK,IAEvB,CACD,EACH,EACF,EACF,CAEH,EAEDI,EAAc,YAAc,gBAC5B,IAAOK,EAAQL",
-  "names": ["jsx", "jsxs", "React", "cn", "Text", "Picture", "Swiper", "SwiperSlide", "TimelineNode", "active", "Timeline", "scheduleList", "item", "EventScheduleCard", "detail", "index", "EventSchedule", "className", "data", "props", "ref", "EventSchedule_default"]
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Text, Picture } from '../../components/index.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport dayjs from 'dayjs'\n\nexport type EventScheduleSemanticName = 'root' | 'timeline' | 'eventScheduleCard'\n\n/**\n * \u54CD\u5E94\u5F0F\u80CC\u666F\u56FE\u7247\u914D\u7F6E\n */\nexport interface ResponsiveBackgroundImage {\n  /** \u79FB\u52A8\u7AEF\u56FE\u7247 (<1024px) */\n  mobile?: string\n  /** \u7B14\u8BB0\u672C\u56FE\u7247 (1025-1440px) */\n  laptop?: string\n  /** \u684C\u9762\u56FE\u7247 (1441-1920px) */\n  desktop?: string\n  /** \u8D85\u5927\u684C\u9762\u56FE\u7247 (\u22651921px) */\n  lgDesktop?: string\n}\n\n/**\n * \u72B6\u6001\u5316\u80CC\u666F\u56FE\u7247\u914D\u7F6E\n */\nexport interface StateBackgroundImage {\n  /** \u6FC0\u6D3B\u72B6\u6001\u7684\u80CC\u666F\u56FE\u7247 */\n  active: string | ResponsiveBackgroundImage\n  /** \u975E\u6FC0\u6D3B\u72B6\u6001\u7684\u80CC\u666F\u56FE\u7247 */\n  inactive: string | ResponsiveBackgroundImage\n}\n\n/**\n * \u6D3B\u52A8\u65E5\u7A0B\u9879\u6570\u636E\u63A5\u53E3\n */\nexport interface EventScheduleItem {\n  /** \u6807\u9898 */\n  title: string\n  /** \u5F00\u59CB\u65E5\u671F\uFF08ISO 8601 \u683C\u5F0F\u6216\u4EFB\u4F55 dayjs \u652F\u6301\u7684\u683C\u5F0F\uFF0C\u5982 '2024-12-01'\uFF09 */\n  startDate: string\n  /** \u7ED3\u675F\u65E5\u671F\uFF08ISO 8601 \u683C\u5F0F\u6216\u4EFB\u4F55 dayjs \u652F\u6301\u7684\u683C\u5F0F\uFF0C\u5982 '2024-12-31'\uFF09 */\n  endDate: string\n  /** \u8BE6\u7EC6\u4FE1\u606F\u5217\u8868 */\n  items: {\n    /** \u56FE\u6807 (SVG \u5B57\u7B26\u4E32\u6216 URL) */\n    icon: React.ReactNode\n    /** \u6587\u672C\u5185\u5BB9 */\n    label: string\n  }[]\n}\n\n/**\n * EventSchedule \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface EventScheduleData {\n  /** \u65E5\u7A0B\u5217\u8868 */\n  scheduleList: EventScheduleItem[]\n  /**\n   * \u80CC\u666F\u56FE\u7247\u914D\u7F6E\uFF0C\u652F\u6301\u54CD\u5E94\u5F0F\u56FE\u7247\u548C\u72B6\u6001\u5316\u56FE\u7247\n   * \u53EF\u4EE5\u4F20\u5165\uFF1A\n   * 1. \u5B57\u7B26\u4E32\uFF08\u5355\u4E00\u56FE\u7247URL\uFF09\n   * 2. ResponsiveBackgroundImage\uFF08\u591A\u5C3A\u5BF8\u56FE\u7247\uFF09\n   * 3. StateBackgroundImage\uFF08\u6FC0\u6D3B/\u975E\u6FC0\u6D3B\u72B6\u6001\u56FE\u7247\uFF09\n   *\n   * @example\n   * // \u5355\u4E00\u56FE\u7247\n   * backgroundImage: \"https://example.com/image.jpg\"\n   *\n   * @example\n   * // \u54CD\u5E94\u5F0F\u56FE\u7247\n   * backgroundImage: {\n   *   mobile: \"https://example.com/mobile.jpg\",\n   *   laptop: \"https://example.com/laptop.jpg\",\n   *   desktop: \"https://example.com/desktop.jpg\",\n   *   lgDesktop: \"https://example.com/lg-desktop.jpg\"\n   * }\n   *\n   * @example\n   * // \u72B6\u6001\u5316\u56FE\u7247\uFF08\u5355\u4E00URL\uFF09\n   * backgroundImage: {\n   *   active: \"https://example.com/active.jpg\",\n   *   inactive: \"https://example.com/inactive.jpg\"\n   * }\n   *\n   * @example\n   * // \u72B6\u6001\u5316 + \u54CD\u5E94\u5F0F\u56FE\u7247\n   * backgroundImage: {\n   *   active: {\n   *     mobile: \"https://example.com/active-mobile.jpg\",\n   *     laptop: \"https://example.com/active-laptop.jpg\",\n   *     desktop: \"https://example.com/active-desktop.jpg\",\n   *     lgDesktop: \"https://example.com/active-lg-desktop.jpg\"\n   *   },\n   *   inactive: {\n   *     mobile: \"https://example.com/inactive-mobile.jpg\",\n   *     laptop: \"https://example.com/inactive-laptop.jpg\",\n   *     desktop: \"https://example.com/inactive-desktop.jpg\",\n   *     lgDesktop: \"https://example.com/inactive-lg-desktop.jpg\"\n   *   }\n   * }\n   */\n  backgroundImage?: string | ResponsiveBackgroundImage | StateBackgroundImage\n}\n\nexport interface EventScheduleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: EventScheduleData\n  classNames?: Partial<Record<EventScheduleSemanticName, string>>\n}\n\n/**\n * \u5224\u65AD\u5F53\u524D\u65F6\u95F4\u662F\u5426\u5728\u6307\u5B9A\u7684\u65F6\u95F4\u533A\u95F4\u5185\n * @param startDate \u5F00\u59CB\u65E5\u671F\n * @param endDate \u7ED3\u675F\u65E5\u671F\n * @returns \u662F\u5426\u5728\u533A\u95F4\u5185\n */\nconst isInTimeRange = (startDate: string, endDate: string): boolean => {\n  const now = dayjs()\n  const start = dayjs(startDate).startOf('day')\n  const end = dayjs(endDate).endOf('day')\n  return now.isAfter(start) && now.isBefore(end)\n}\n\n/**\n * \u83B7\u53D6\u6D3B\u52A8\u9879\u7684\u6FC0\u6D3B\u72B6\u6001\n * @param item \u6D3B\u52A8\u9879\n * @returns \u662F\u5426\u6FC0\u6D3B\n */\nconst getItemActiveStatus = (item: EventScheduleItem): boolean => {\n  // \u5426\u5219\u6839\u636E\u65F6\u95F4\u533A\u95F4\u81EA\u52A8\u5224\u65AD\n  return isInTimeRange(item.startDate, item.endDate)\n}\n\n/**\n * \u65F6\u95F4\u8F74\u8282\u70B9\u7EC4\u4EF6\n */\nconst TimelineNode = ({ active, className }: { active: boolean; className?: string }) => {\n  return (\n    <div className={cn('relative my-1 flex h-2 flex-1 items-center justify-center', className)}>\n      {/* \u8FDB\u5EA6\u6761 */}\n      <div\n        className={cn('h-2 w-full ', {\n          'bg-[#F6CD4E] rounded-full': active,\n          'bg-[#EAEAEC]': !active,\n        })}\n      />\n      {/* \u65F6\u95F4\u8282\u70B9 */}\n      <div className=\"absolute inset-0 flex items-center justify-center\">\n        <div\n          className={cn('size-4 rounded-full border-2 transition-colors', {\n            'border-[#F6CD4E] bg-[#F6CD4E]': active,\n            'border-[#EAEAEC] bg-[#EAEAEC]': !active,\n          })}\n        />\n      </div>\n    </div>\n  )\n}\n\n/**\n * \u5224\u65AD\u662F\u5426\u4E3A\u72B6\u6001\u5316\u80CC\u666F\u56FE\u7247\u914D\u7F6E\n * @param obj \u5F85\u68C0\u67E5\u7684\u5BF9\u8C61\n * @returns \u662F\u5426\u4E3AStateBackgroundImage\u7C7B\u578B\n */\nconst isStateBackgroundImage = (\n  obj: string | ResponsiveBackgroundImage | StateBackgroundImage\n): obj is StateBackgroundImage => {\n  return typeof obj === 'object' && ('active' in obj || 'inactive' in obj)\n}\n\n/**\n * \u5C06\u54CD\u5E94\u5F0F\u80CC\u666F\u56FE\u7247\u5BF9\u8C61\u8F6C\u6362\u4E3APicture\u7EC4\u4EF6\u6240\u9700\u7684\u5B57\u7B26\u4E32\u683C\u5F0F\n * @param backgroundImage \u80CC\u666F\u56FE\u7247\u914D\u7F6E\n * @returns Picture\u7EC4\u4EF6\u53EF\u7528\u7684source\u5B57\u7B26\u4E32\n */\nconst convertResponsiveImageToString = (backgroundImage: string | ResponsiveBackgroundImage): string | undefined => {\n  if (!backgroundImage) return undefined\n  if (typeof backgroundImage === 'string') return backgroundImage\n\n  const { mobile, laptop, desktop, lgDesktop } = backgroundImage\n  const parts: string[] = []\n\n  // \u9ED8\u8BA4\u56FE\u7247\uFF08\u6700\u5927\u5C3A\u5BF8\uFF09\u653E\u5728\u6700\u524D\u9762\uFF0C\u4E0D\u9700\u8981\u65AD\u70B9\n  if (lgDesktop) parts.push(lgDesktop)\n\n  // \u6309\u65AD\u70B9\u4ECE\u5927\u5230\u5C0F\u6DFB\u52A0\n  if (desktop) parts.push(`${desktop} 1920`)\n  if (laptop) parts.push(`${laptop} 1440`)\n  if (mobile) parts.push(`${mobile} 1024`)\n\n  return parts.length > 0 ? parts.join(', ') : undefined\n}\n\n/**\n * \u6839\u636E\u6FC0\u6D3B\u72B6\u6001\u83B7\u53D6\u5BF9\u5E94\u7684\u80CC\u666F\u56FE\u7247\n * @param backgroundImage \u80CC\u666F\u56FE\u7247\u914D\u7F6E\n * @param isActive \u662F\u5426\u6FC0\u6D3B\u72B6\u6001\n * @returns Picture\u7EC4\u4EF6\u53EF\u7528\u7684source\u5B57\u7B26\u4E32\n */\nconst formatBackgroundImage = (\n  backgroundImage: string | ResponsiveBackgroundImage | StateBackgroundImage | undefined,\n  isActive: boolean\n): string | undefined => {\n  if (!backgroundImage) return undefined\n\n  // \u5982\u679C\u662F\u72B6\u6001\u5316\u80CC\u666F\u56FE\u7247\uFF0C\u6839\u636E\u6FC0\u6D3B\u72B6\u6001\u9009\u62E9\u5BF9\u5E94\u7684\u56FE\u7247\n  if (isStateBackgroundImage(backgroundImage)) {\n    const stateImage = isActive ? backgroundImage.active : backgroundImage.inactive\n    return convertResponsiveImageToString(stateImage)\n  }\n\n  // \u5426\u5219\u76F4\u63A5\u8F6C\u6362\n  return convertResponsiveImageToString(backgroundImage)\n}\n\n/**\n * \u6D3B\u52A8\u65E5\u7A0B\u5361\u7247\u7EC4\u4EF6\n */\nconst EventScheduleCard = ({\n  active,\n  item,\n  backgroundImage,\n  className,\n}: {\n  active: boolean\n  item: EventScheduleItem\n  backgroundImage: string | ResponsiveBackgroundImage | StateBackgroundImage | undefined\n  className?: string\n}) => {\n  const pictureSource = React.useMemo(() => {\n    return formatBackgroundImage(backgroundImage, active)\n  }, [backgroundImage, active])\n\n  return (\n    <div\n      className={cn(\n        'rounded-box laptop:h-[160px] relative flex h-[120px] min-w-0 flex-1 flex-col justify-between gap-2 overflow-hidden',\n        className\n      )}\n    >\n      <Picture source={pictureSource} alt=\"\" className=\"absolute inset-0 z-10\" imgClassName=\"h-full object-cover\" />\n      {/* \u5185\u5BB9\u533A\u57DF */}\n      <div className=\"relative z-20 size-full p-4\">\n        <h2\n          className={cn('desktop:text-[24px] text-[20px] font-bold leading-[1.2] text-[#080A0F]')}\n          dangerouslySetInnerHTML={{ __html: item.title }}\n        />\n        {/* \u8BE6\u7EC6\u4FE1\u606F\u5217\u8868 */}\n        <div className=\"flex flex-col gap-0.5\">\n          {item.items.map((detail, index) => (\n            <div key={index} className=\"flex items-center gap-2\">\n              {/* \u56FE\u6807 */}\n              {detail.icon && (\n                <div className=\"desktop:size-6 size-5 shrink-0\">\n                  <img src={detail.icon as string} alt=\"\" className=\"size-full\" />\n                </div>\n              )}\n              {/* \u6587\u672C */}\n              <Text\n                html={detail.label}\n                className={cn('desktop:text-[18px] flex-1 text-[14px] font-bold leading-[1.4] text-[#080A0F]')}\n              />\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * EventSchedule - \u6D3B\u52A8\u65E5\u7A0B\u7EC4\u4EF6\n *\n * @description \u663E\u793A\u6D3B\u52A8\u65E5\u7A0B\u65F6\u95F4\u8F74\u548C\u6D3B\u52A8\u5361\u7247\u5217\u8868\n */\nconst EventSchedule = React.forwardRef<HTMLDivElement, EventScheduleProps>(\n  ({ classNames = {}, data, ...props }, ref) => {\n    const itemsPerRow = React.useMemo(() => {\n      return data?.scheduleList?.length || 2\n    }, [data?.scheduleList])\n\n    // \u6839\u636E itemsPerRow \u914D\u7F6E\u54CD\u5E94\u5F0F\u65AD\u70B9\n    const swiperBreakpoints = React.useMemo(() => {\n      switch (itemsPerRow) {\n        case 2:\n          return {\n            0: {\n              slidesPerView: 1.17,\n              spaceBetween: 12,\n            },\n            768: {\n              slidesPerView: 2,\n            },\n            1024: {\n              spaceBetween: 16,\n            },\n            1440: {\n              spaceBetween: 16,\n              slidesPerView: 2,\n            },\n          }\n        case 3:\n          return {\n            0: {\n              slidesPerView: 1.17,\n              spaceBetween: 12,\n            },\n            768: {\n              slidesPerView: 2.4,\n            },\n            1024: {\n              slidesPerView: itemsPerRow,\n              spaceBetween: 16,\n            },\n            1440: {\n              spaceBetween: 16,\n              slidesPerView: itemsPerRow,\n            },\n          }\n        case 4:\n          return {\n            0: {\n              slidesPerView: 1.17,\n              spaceBetween: 12,\n            },\n            768: {\n              slidesPerView: 2.4,\n            },\n            1024: {\n              slidesPerView: 3.2,\n              spaceBetween: 16,\n            },\n            1440: {\n              slidesPerView: itemsPerRow,\n            },\n          }\n        default:\n          return {\n            0: {\n              slidesPerView: 1.17,\n              spaceBetween: 12,\n            },\n            768: {\n              slidesPerView: 1,\n            },\n            1024: {\n              slidesPerView: itemsPerRow,\n              spaceBetween: 16,\n            },\n            1440: {\n              slidesPerView: itemsPerRow,\n            },\n          }\n      }\n    }, [itemsPerRow])\n\n    return (\n      <div\n        ref={ref}\n        className={cn('desktop:px-16 laptop:px-16 tablet:px-8 w-full overflow-hidden px-4', classNames?.root)}\n        {...props}\n      >\n        <div className=\"flex w-full flex-col gap-4\">\n          <Swiper breakpoints={swiperBreakpoints} className=\"w-full !overflow-visible\">\n            {data.scheduleList.map((item, index) => {\n              const isActive = getItemActiveStatus(item)\n              return (\n                <SwiperSlide key={'SwiperSlideItem' + index}>\n                  {/* \u65F6\u95F4\u8F74 */}\n                  <TimelineNode active={isActive} />\n                  <EventScheduleCard\n                    active={isActive}\n                    className=\"mt-4\"\n                    item={item}\n                    backgroundImage={data.backgroundImage}\n                  />\n                </SwiperSlide>\n              )\n            })}\n          </Swiper>\n        </div>\n      </div>\n    )\n  }\n)\n\nEventSchedule.displayName = 'EventSchedule'\nexport default EventSchedule\n\n// \u5BFC\u51FA\u7C7B\u578B\u4F9B\u5916\u90E8\u4F7F\u7528\n// export type { ResponsiveBackgroundImage, StateBackgroundImage, EventScheduleItem, EventScheduleData, EventScheduleProps }\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "React", "cn", "Text", "Picture", "Swiper", "SwiperSlide", "dayjs", "isInTimeRange", "startDate", "endDate", "now", "start", "end", "getItemActiveStatus", "item", "TimelineNode", "active", "className", "isStateBackgroundImage", "obj", "convertResponsiveImageToString", "backgroundImage", "mobile", "laptop", "desktop", "lgDesktop", "parts", "formatBackgroundImage", "isActive", "stateImage", "EventScheduleCard", "pictureSource", "detail", "index", "EventSchedule", "classNames", "data", "props", "ref", "itemsPerRow", "swiperBreakpoints", "EventSchedule_default"]
 }

package/dist/esm/biz-components/PromotionalBar/index.d.ts CHANGED Viewed

@@ -1,5 +1,19 @@
 import * as React from 'react';
-import type { Media } from '../../types/props.js';
+/**
+ * 响应式背景图片配置
+ */
+export interface ResponsiveBackgroundImage {
+    /** 移动端图片 (<768px) */
+    mobile?: string;
+    /** 平板图片 (768-1440px) */
+    tablet?: string;
+    /** 笔记本图片 (1025-1440px) */
+    laptop?: string;
+    /** 桌面图片 (1441-1920px) */
+    desktop?: string;
+    /** 超大桌面图片 (≥1921px) */
+    lgDesktop?: string;
+}
 /**
  * PromotionalBar 业务组件数据接口
  */
@@ -15,12 +29,8 @@ export interface PromotionalBarData {
     buttonText?: string;
     /** 按钮链接 */
     buttonLink?: string;
-    /** 背景图片 */
-    bgImage1919?: Media;
-    bgImage1439?: Media;
-    bgImage1023?: Media;
-    bgImage767?: Media;
-    bgImage390?: Media;
+    /** 背景图片 - 支持字符串或响应式图片对象 */
+    backgroundImage?: string | ResponsiveBackgroundImage;
 }
 export interface PromotionalBarProps extends React.HTMLAttributes<HTMLDivElement> {
     /** 业务数据 */

package/dist/esm/biz-components/PromotionalBar/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";import{jsx as e,jsxs as p}from"react/jsx-runtime";import*as i from"react";import{cn as x}from"../../helpers/index.js";import{Heading as d,Button as b,Picture as f,Container as v}from"../../components/index.js";const s=i.forwardRef(({className:m,data:t,...c},u)=>{const{bgImage1919:o,bgImage1439:a,bgImage1023:l,bgImage767:r,bgImage390:n}=t,g=i.useMemo(()=>`${o?.url}, ${a?.url} 1919, ${l?.url} 1439, ${r?.url} 1023, ${n?.url} 767`,[o?.url,a?.url,l?.url,r?.url,n?.url]);return e("div",{ref:u,className:x("w-full",m),...c,children:e(v,{className:"laptop:h-[192px] lg-desktop:h-[240px] h-[240px]",children:p("div",{className:"promotional-bar-content rounded-box relative h-full overflow-hidden",children:[p("div",{className:"laptop:px-8 laptop:justify-center lg-desktop:max-w-[620px] laptop:max-w-[392px] desktop:max-w-[584px] laptop:py-0 relative z-20 flex h-full flex-col p-4",children:[t.contentTitle&&e(d,{className:"text-[#F5F6F7]",size:3,children:t.contentTitle}),t.contentDesc&&e("p",{className:"laptop:text-[16px] laptop:line-clamp-2 lg-desktop:text-[18px] text-[14px] font-bold leading-[1.4] text-[#F5F6F7]",children:t.contentDesc}),e("div",{className:"laptop:mt-4 mt-1",children:t.buttonText&&e(b,{as:"a",variant:"link",className:"!p-0 text-[#F5F6F7]",href:t.buttonLink,children:t.buttonText})})]}),e(f,{source:g,className:"absolute inset-0 z-10",imgClassName:"h-full object-cover"})]})})})});s.displayName="PromotionalBar";var M=s;export{M as default};
+"use client";import{jsx as r,jsxs as c}from"react/jsx-runtime";import*as p from"react";import{cn as u}from"../../helpers/index.js";import{Heading as m,Button as f,Picture as g,Container as d}from"../../components/index.js";const x=l=>{if(!l)return;if(typeof l=="string")return l;const{mobile:t,tablet:i,laptop:n,desktop:o,lgDesktop:s}=l,e=[];return s?e.push(s):o?e.push(o):n?e.push(n):i?e.push(i):t&&e.push(t),o&&s&&e.push(`${o} 1920`),n&&(o||s)&&e.push(`${n} 1440`),i&&(n||o||s)&&e.push(`${i} 1024`),t&&(i||n||o||s)&&e.push(`${t} 768`),e.length>0?e.join(", "):void 0},a=p.forwardRef(({className:l,data:t,...i},n)=>{const{backgroundImage:o}=t,s=p.useMemo(()=>x(o),[o]);return r("div",{ref:n,className:u("w-full",l),...i,children:r(d,{className:"laptop:h-[192px] lg-desktop:h-[240px] h-[240px]",children:c("div",{className:"promotional-bar-content rounded-box relative h-full overflow-hidden",children:[c("div",{className:"laptop:px-8 laptop:justify-center lg-desktop:max-w-[620px] laptop:max-w-[392px] desktop:max-w-[584px] laptop:py-0 relative z-20 flex h-full flex-col p-4",children:[t.contentTitle&&r(m,{className:"text-[#F5F6F7]",size:3,children:t.contentTitle}),t.contentDesc&&r("p",{className:"laptop:text-[16px] laptop:line-clamp-2 lg-desktop:text-[18px] text-[14px] font-bold leading-[1.4] text-[#F5F6F7]",children:t.contentDesc}),r("div",{className:"laptop:mt-4 mt-1",children:t.buttonText&&r(f,{as:"a",variant:"link",className:"!p-0 text-[#F5F6F7]",href:t.buttonLink,children:t.buttonText})})]}),r(g,{source:s,className:"absolute inset-0 z-10",imgClassName:"h-full object-cover"})]})})})});a.displayName="PromotionalBar";var b=a;export{b as default};
 //# sourceMappingURL=index.js.map

package/dist/esm/biz-components/PromotionalBar/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "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, Container } from '../../components/index.js'\nimport type { Media } from '../../types/props.js'\n\n/**\n * PromotionalBar \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface PromotionalBarData {\n  title?: string\n  /** \u7EC4\u4EF6\u6807\u9898 */\n  subtitle?: string\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 */\n  bgImage1919?: Media\n  bgImage1439?: Media\n  bgImage1023?: Media\n  bgImage767?: Media\n  bgImage390?: Media\n}\n\nexport interface PromotionalBarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: PromotionalBarData\n}\n\n/**\n * PromotionalBar - \u63A8\u5E7F\u680F\n *\n * @description \u63A8\u5E7F\u680F\n */\nconst PromotionalBar = React.forwardRef<HTMLDivElement, PromotionalBarProps>(({ className, data, ...props }, ref) => {\n  const { bgImage1919, bgImage1439, bgImage1023, bgImage767, bgImage390 } = data\n  const pictureSource = React.useMemo(() => {\n    return `${bgImage1919?.url}, ${bgImage1439?.url} 1919, ${bgImage1023?.url} 1439, ${bgImage767?.url} 1023, ${bgImage390?.url} 767`\n  }, [bgImage1919?.url, bgImage1439?.url, bgImage1023?.url, bgImage767?.url, bgImage390?.url])\n  return (\n    <div ref={ref} className={cn('w-full', className)} {...props}>\n      {/* \u63A8\u5E7F\u680F\u5185\u5BB9\u533A\u57DF - \u6839\u636E\u5177\u4F53\u4E1A\u52A1\u9700\u6C42\u5B9A\u5236 */}\n      <Container className=\"laptop:h-[192px] lg-desktop:h-[240px] h-[240px]\">\n        <div className=\"promotional-bar-content rounded-box relative h-full overflow-hidden\">\n          <div className=\"laptop:px-8 laptop:justify-center lg-desktop:max-w-[620px] laptop:max-w-[392px] desktop:max-w-[584px] laptop:py-0 relative z-20 flex h-full flex-col p-4\">\n            {data.contentTitle && (\n              <Heading className=\"text-[#F5F6F7]\" size={3}>\n                {data.contentTitle}\n              </Heading>\n            )}\n            {data.contentDesc && (\n              <p className=\"laptop:text-[16px] laptop:line-clamp-2 lg-desktop:text-[18px] text-[14px] font-bold leading-[1.4] text-[#F5F6F7]\">\n                {data.contentDesc}\n              </p>\n            )}\n            <div className=\"laptop:mt-4 mt-1\">\n              {data.buttonText && (\n                <Button as=\"a\" variant=\"link\" className=\"!p-0 text-[#F5F6F7]\" href={data.buttonLink}>\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      </Container>\n    </div>\n  )\n})\n\nPromotionalBar.displayName = 'PromotionalBar'\nexport default PromotionalBar\n"],
-  "mappings": "aAkDU,OAEI,OAAAA,EAFJ,QAAAC,MAAA,oBAhDV,UAAYC,MAAW,QACvB,OAAS,MAAAC,MAAU,yBACnB,OAAS,WAAAC,EAAS,UAAAC,EAAQ,WAAAC,EAAS,aAAAC,MAAiB,4BAoCpD,MAAMC,EAAiBN,EAAM,WAAgD,CAAC,CAAE,UAAAO,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAGC,IAAQ,CACnH,KAAM,CAAE,YAAAC,EAAa,YAAAC,EAAa,YAAAC,EAAa,WAAAC,EAAY,WAAAC,CAAW,EAAIP,EACpEQ,EAAgBhB,EAAM,QAAQ,IAC3B,GAAGW,GAAa,GAAG,KAAKC,GAAa,GAAG,UAAUC,GAAa,GAAG,UAAUC,GAAY,GAAG,UAAUC,GAAY,GAAG,OAC1H,CAACJ,GAAa,IAAKC,GAAa,IAAKC,GAAa,IAAKC,GAAY,IAAKC,GAAY,GAAG,CAAC,EAC3F,OACEjB,EAAC,OAAI,IAAKY,EAAK,UAAWT,EAAG,SAAUM,CAAS,EAAI,GAAGE,EAErD,SAAAX,EAACO,EAAA,CAAU,UAAU,kDACnB,SAAAN,EAAC,OAAI,UAAU,sEACb,UAAAA,EAAC,OAAI,UAAU,2JACZ,UAAAS,EAAK,cACJV,EAACI,EAAA,CAAQ,UAAU,iBAAiB,KAAM,EACvC,SAAAM,EAAK,aACR,EAEDA,EAAK,aACJV,EAAC,KAAE,UAAU,mHACV,SAAAU,EAAK,YACR,EAEFV,EAAC,OAAI,UAAU,mBACZ,SAAAU,EAAK,YACJV,EAACK,EAAA,CAAO,GAAG,IAAI,QAAQ,OAAO,UAAU,sBAAsB,KAAMK,EAAK,WACtE,SAAAA,EAAK,WACR,EAEJ,GACF,EACAV,EAACM,EAAA,CAAQ,OAAQY,EAAe,UAAU,wBAAwB,aAAa,sBAAsB,GACvG,EACF,EACF,CAEJ,CAAC,EAEDV,EAAe,YAAc,iBAC7B,IAAOW,EAAQX",
-  "names": ["jsx", "jsxs", "React", "cn", "Heading", "Button", "Picture", "Container", "PromotionalBar", "className", "data", "props", "ref", "bgImage1919", "bgImage1439", "bgImage1023", "bgImage767", "bgImage390", "pictureSource", "PromotionalBar_default"]
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Heading, Button, Picture, Container } from '../../components/index.js'\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?: string\n  /** \u5E73\u677F\u56FE\u7247 (768-1440px) */\n  tablet?: string\n  /** \u7B14\u8BB0\u672C\u56FE\u7247 (1025-1440px) */\n  laptop?: string\n  /** \u684C\u9762\u56FE\u7247 (1441-1920px) */\n  desktop?: string\n  /** \u8D85\u5927\u684C\u9762\u56FE\u7247 (\u22651921px) */\n  lgDesktop?: string\n}\n\n/**\n * PromotionalBar \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface PromotionalBarData {\n  title?: string\n  /** \u7EC4\u4EF6\u6807\u9898 */\n  subtitle?: string\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 - \u652F\u6301\u5B57\u7B26\u4E32\u6216\u54CD\u5E94\u5F0F\u56FE\u7247\u5BF9\u8C61 */\n  backgroundImage?: string | ResponsiveBackgroundImage\n}\n\nexport interface PromotionalBarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: PromotionalBarData\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 = (\n  backgroundImage: string | ResponsiveBackgroundImage | undefined\n): string | undefined => {\n  if (!backgroundImage) return undefined\n  if (typeof backgroundImage === 'string') return backgroundImage\n\n  const { mobile, tablet, laptop, desktop, lgDesktop } = backgroundImage\n  const parts: string[] = []\n\n  // \u9ED8\u8BA4\u56FE\u7247\uFF08\u6700\u5927\u5C3A\u5BF8\uFF09\u653E\u5728\u6700\u524D\u9762\uFF0C\u4E0D\u9700\u8981\u65AD\u70B9\n  if (lgDesktop) parts.push(lgDesktop)\n  else if (desktop) parts.push(desktop)\n  else if (laptop) parts.push(laptop)\n  else if (tablet) parts.push(tablet)\n  else if (mobile) parts.push(mobile)\n\n  // \u6309\u65AD\u70B9\u4ECE\u5927\u5230\u5C0F\u6DFB\u52A0\n  if (desktop && lgDesktop) parts.push(`${desktop} 1920`)\n  if (laptop && (desktop || lgDesktop)) parts.push(`${laptop} 1440`)\n  if (tablet && (laptop || desktop || lgDesktop)) parts.push(`${tablet} 1024`)\n  if (mobile && (tablet || laptop || desktop || lgDesktop)) parts.push(`${mobile} 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>(({ className, data, ...props }, ref) => {\n  const { backgroundImage } = data\n  const pictureSource = React.useMemo(() => {\n    return convertResponsiveImageToString(backgroundImage)\n  }, [backgroundImage])\n  return (\n    <div ref={ref} className={cn('w-full', className)} {...props}>\n      {/* \u63A8\u5E7F\u680F\u5185\u5BB9\u533A\u57DF - \u6839\u636E\u5177\u4F53\u4E1A\u52A1\u9700\u6C42\u5B9A\u5236 */}\n      <Container className=\"laptop:h-[192px] lg-desktop:h-[240px] h-[240px]\">\n        <div className=\"promotional-bar-content rounded-box relative h-full overflow-hidden\">\n          <div className=\"laptop:px-8 laptop:justify-center lg-desktop:max-w-[620px] laptop:max-w-[392px] desktop:max-w-[584px] laptop:py-0 relative z-20 flex h-full flex-col p-4\">\n            {data.contentTitle && (\n              <Heading className=\"text-[#F5F6F7]\" size={3}>\n                {data.contentTitle}\n              </Heading>\n            )}\n            {data.contentDesc && (\n              <p className=\"laptop:text-[16px] laptop:line-clamp-2 lg-desktop:text-[18px] text-[14px] font-bold leading-[1.4] text-[#F5F6F7]\">\n                {data.contentDesc}\n              </p>\n            )}\n            <div className=\"laptop:mt-4 mt-1\">\n              {data.buttonText && (\n                <Button as=\"a\" variant=\"link\" className=\"!p-0 text-[#F5F6F7]\" href={data.buttonLink}>\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      </Container>\n    </div>\n  )\n})\n\nPromotionalBar.displayName = 'PromotionalBar'\nexport default PromotionalBar\n"],
+  "mappings": "aAyFU,OAEI,OAAAA,EAFJ,QAAAC,MAAA,oBAvFV,UAAYC,MAAW,QACvB,OAAS,MAAAC,MAAU,yBACnB,OAAS,WAAAC,EAAS,UAAAC,EAAQ,WAAAC,EAAS,aAAAC,MAAiB,4BA6CpD,MAAMC,EACJC,GACuB,CACvB,GAAI,CAACA,EAAiB,OACtB,GAAI,OAAOA,GAAoB,SAAU,OAAOA,EAEhD,KAAM,CAAE,OAAAC,EAAQ,OAAAC,EAAQ,OAAAC,EAAQ,QAAAC,EAAS,UAAAC,CAAU,EAAIL,EACjDM,EAAkB,CAAC,EAGzB,OAAID,EAAWC,EAAM,KAAKD,CAAS,EAC1BD,EAASE,EAAM,KAAKF,CAAO,EAC3BD,EAAQG,EAAM,KAAKH,CAAM,EACzBD,EAAQI,EAAM,KAAKJ,CAAM,EACzBD,GAAQK,EAAM,KAAKL,CAAM,EAG9BG,GAAWC,GAAWC,EAAM,KAAK,GAAGF,CAAO,OAAO,EAClDD,IAAWC,GAAWC,IAAYC,EAAM,KAAK,GAAGH,CAAM,OAAO,EAC7DD,IAAWC,GAAUC,GAAWC,IAAYC,EAAM,KAAK,GAAGJ,CAAM,OAAO,EACvED,IAAWC,GAAUC,GAAUC,GAAWC,IAAYC,EAAM,KAAK,GAAGL,CAAM,MAAM,EAE7EK,EAAM,OAAS,EAAIA,EAAM,KAAK,IAAI,EAAI,MAC/C,EAOMC,EAAiBd,EAAM,WAAgD,CAAC,CAAE,UAAAe,EAAW,KAAAC,EAAM,GAAGC,CAAM,EAAGC,IAAQ,CACnH,KAAM,CAAE,gBAAAX,CAAgB,EAAIS,EACtBG,EAAgBnB,EAAM,QAAQ,IAC3BM,EAA+BC,CAAe,EACpD,CAACA,CAAe,CAAC,EACpB,OACET,EAAC,OAAI,IAAKoB,EAAK,UAAWjB,EAAG,SAAUc,CAAS,EAAI,GAAGE,EAErD,SAAAnB,EAACO,EAAA,CAAU,UAAU,kDACnB,SAAAN,EAAC,OAAI,UAAU,sEACb,UAAAA,EAAC,OAAI,UAAU,2JACZ,UAAAiB,EAAK,cACJlB,EAACI,EAAA,CAAQ,UAAU,iBAAiB,KAAM,EACvC,SAAAc,EAAK,aACR,EAEDA,EAAK,aACJlB,EAAC,KAAE,UAAU,mHACV,SAAAkB,EAAK,YACR,EAEFlB,EAAC,OAAI,UAAU,mBACZ,SAAAkB,EAAK,YACJlB,EAACK,EAAA,CAAO,GAAG,IAAI,QAAQ,OAAO,UAAU,sBAAsB,KAAMa,EAAK,WACtE,SAAAA,EAAK,WACR,EAEJ,GACF,EACAlB,EAACM,EAAA,CAAQ,OAAQe,EAAe,UAAU,wBAAwB,aAAa,sBAAsB,GACvG,EACF,EACF,CAEJ,CAAC,EAEDL,EAAe,YAAc,iBAC7B,IAAOM,EAAQN",
+  "names": ["jsx", "jsxs", "React", "cn", "Heading", "Button", "Picture", "Container", "convertResponsiveImageToString", "backgroundImage", "mobile", "tablet", "laptop", "desktop", "lgDesktop", "parts", "PromotionalBar", "className", "data", "props", "ref", "pictureSource", "PromotionalBar_default"]
 }

package/dist/esm/biz-components/Title/Countdown.d.ts ADDED Viewed

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

package/dist/esm/biz-components/Title/Countdown.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use client";import{jsx as s,jsxs as b}from"react/jsx-runtime";import p,{useState as v,useEffect as C}from"react";import g from"dayjs";import{cn as k}from"../../helpers/utils.js";const x=n=>{const o=g(),e=g(n).diff(o,"second");if(e<=0)return{days:0,hours:0,minutes:0,seconds:0};const u=Math.floor(e/(246060)),c=Math.floor(e%(246060)/(6060)),d=Math.floor(e%(6060)/60),f=e%60;return{days:u,hours:c,minutes:d,seconds:f}},L=({value:n,label:o})=>b("div",{className:"lg-desktop:size-12 bg-info-primary lg-desktop:px-1 flex size-10 flex-col items-center justify-center px-[2px] text-center text-white",children:[s("p",{className:"lg-desktop:text-2xl text-[20px] font-bold leading-[1.2] tracking-[-0.96px]",children:String(n).padStart(2,"0")}),s("p",{className:"text-[12px] font-bold leading-[1.4] tracking-[-0.24px]",children:o})]}),N=()=>s("p",{className:"lg-desktop:text-2xl text-info-primary text-center text-xl font-bold leading-[1.2] tracking-[-0.96px]",children:":"}),h=p.forwardRef(({config:n,className:o},m)=>{const{targetDate:e,showDays:u=!0,showHours:c=!0,showMinutes:d=!0,showSeconds:f=!0,labels:r={}}=n,[l,y]=v(()=>x(e));C(()=>{const a=setInterval(()=>{y(x(e))},1e3);return()=>clearInterval(a)},[e]);const i={days:r.days\|\|"Day",hours:r.hours\|\|"Hours",minutes:r.minutes\|\|"Mins",seconds:r.seconds\|\|"Secs"},t=[];return u&&t.push({value:l.days,label:i.days}),c&&t.push({value:l.hours,label:i.hours}),d&&t.push({value:l.minutes,label:i.minutes}),f&&t.push({value:l.seconds,label:i.seconds}),s("div",{ref:m,className:k("flex items-center gap-1",o),children:t.map((a,w)=>b(p.Fragment,{children:[s(L,{value:a.value,label:a.label}),w<t.length-1&&s(N,{})]},a.label))})});h.displayName="Countdown";var D=h;export{D as default};
2	+ //# sourceMappingURL=Countdown.js.map

package/dist/esm/biz-components/Title/Countdown.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "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 type { CountdownConfig } from './types.js'\n\ninterface CountdownProps {\n  config: CountdownConfig\n  className?: string\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\u7EC4\u4EF6\n */\nconst CountdownUnit = ({ value, label }: { value: number; label: string }) => {\n  return (\n    <div className=\"lg-desktop:size-12 bg-info-primary lg-desktop:px-1 flex size-10 flex-col items-center justify-center px-[2px] text-center text-white\">\n      <p className=\"lg-desktop:text-2xl text-[20px] font-bold leading-[1.2] tracking-[-0.96px]\">\n        {String(value).padStart(2, '0')}\n      </p>\n      <p className=\"text-[12px] font-bold leading-[1.4] tracking-[-0.24px]\">{label}</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>(({ config, className }, ref) => {\n  const { targetDate, showDays = true, showHours = true, showMinutes = true, showSeconds = true, labels = {} } = config\n\n  const [timeLeft, setTimeLeft] = useState<TimeLeft>(() => calculateTimeLeft(targetDate))\n\n  useEffect(() => {\n    const timer = setInterval(() => {\n      setTimeLeft(calculateTimeLeft(targetDate))\n    }, 1000)\n\n    return () => clearInterval(timer)\n  }, [targetDate])\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} />\n          {index < units.length - 1 && <CountdownSeparator />}\n        </React.Fragment>\n      ))}\n    </div>\n  )\n})\n\nCountdown.displayName = 'Countdown'\n\nexport default Countdown\n"],
+  "mappings": "aA2CI,OACE,OAAAA,EADF,QAAAC,MAAA,oBA1CJ,OAAOC,GAAS,YAAAC,EAAU,aAAAC,MAAiB,QAC3C,OAAOC,MAAW,QAClB,OAAS,MAAAC,MAAU,yBAkBnB,MAAMC,EAAqBC,GAAiC,CAC1D,MAAMC,EAAMJ,EAAM,EAEZK,EADSL,EAAMG,CAAU,EACX,KAAKC,EAAK,QAAQ,EAEtC,GAAIC,GAAQ,EACV,MAAO,CAAE,KAAM,EAAG,MAAO,EAAG,QAAS,EAAG,QAAS,CAAE,EAGrD,MAAMC,EAAO,KAAK,MAAMD,GAAQ,GAAK,GAAK,GAAG,EACvCE,EAAQ,KAAK,MAAOF,GAAQ,GAAK,GAAK,KAAQ,GAAK,GAAG,EACtDG,EAAU,KAAK,MAAOH,GAAQ,GAAK,IAAO,EAAE,EAC5CI,EAAUJ,EAAO,GAEvB,MAAO,CAAE,KAAAC,EAAM,MAAAC,EAAO,QAAAC,EAAS,QAAAC,CAAQ,CACzC,EAKMC,EAAgB,CAAC,CAAE,MAAAC,EAAO,MAAAC,CAAM,IAElChB,EAAC,OAAI,UAAU,uIACb,UAAAD,EAAC,KAAE,UAAU,6EACV,gBAAOgB,CAAK,EAAE,SAAS,EAAG,GAAG,EAChC,EACAhB,EAAC,KAAE,UAAU,yDAA0D,SAAAiB,EAAM,GAC/E,EAOEC,EAAqB,IAEvBlB,EAAC,KAAE,UAAU,uGAAuG,aAEpH,EAOEmB,EAAYjB,EAAM,WAA2C,CAAC,CAAE,OAAAkB,EAAQ,UAAAC,CAAU,EAAGC,IAAQ,CACjG,KAAM,CAAE,WAAAd,EAAY,SAAAe,EAAW,GAAM,UAAAC,EAAY,GAAM,YAAAC,EAAc,GAAM,YAAAC,EAAc,GAAM,OAAAC,EAAS,CAAC,CAAE,EAAIP,EAEzG,CAACQ,EAAUC,CAAW,EAAI1B,EAAmB,IAAMI,EAAkBC,CAAU,CAAC,EAEtFJ,EAAU,IAAM,CACd,MAAM0B,EAAQ,YAAY,IAAM,CAC9BD,EAAYtB,EAAkBC,CAAU,CAAC,CAC3C,EAAG,GAAI,EAEP,MAAO,IAAM,cAAcsB,CAAK,CAClC,EAAG,CAACtB,CAAU,CAAC,EAEf,MAAMuB,EAAgB,CACpB,KAAMJ,EAAO,MAAQ,MACrB,MAAOA,EAAO,OAAS,QACvB,QAASA,EAAO,SAAW,OAC3B,QAASA,EAAO,SAAW,MAC7B,EAEMK,EAAQ,CAAC,EACf,OAAIT,GAAUS,EAAM,KAAK,CAAE,MAAOJ,EAAS,KAAM,MAAOG,EAAc,IAAK,CAAC,EACxEP,GAAWQ,EAAM,KAAK,CAAE,MAAOJ,EAAS,MAAO,MAAOG,EAAc,KAAM,CAAC,EAC3EN,GAAaO,EAAM,KAAK,CAAE,MAAOJ,EAAS,QAAS,MAAOG,EAAc,OAAQ,CAAC,EACjFL,GAAaM,EAAM,KAAK,CAAE,MAAOJ,EAAS,QAAS,MAAOG,EAAc,OAAQ,CAAC,EAGnF/B,EAAC,OAAI,IAAKsB,EAAK,UAAWhB,EAAG,0BAA2Be,CAAS,EAC9D,SAAAW,EAAM,IAAI,CAACC,EAAMC,IAChBjC,EAACC,EAAM,SAAN,CACC,UAAAF,EAACe,EAAA,CAAc,MAAOkB,EAAK,MAAO,MAAOA,EAAK,MAAO,EACpDC,EAAQF,EAAM,OAAS,GAAKhC,EAACkB,EAAA,EAAmB,IAF9Be,EAAK,KAG1B,CACD,EACH,CAEJ,CAAC,EAEDd,EAAU,YAAc,YAExB,IAAOgB,EAAQhB",
+  "names": ["jsx", "jsxs", "React", "useState", "useEffect", "dayjs", "cn", "calculateTimeLeft", "targetDate", "now", "diff", "days", "hours", "minutes", "seconds", "CountdownUnit", "value", "label", "CountdownSeparator", "Countdown", "config", "className", "ref", "showDays", "showHours", "showMinutes", "showSeconds", "labels", "timeLeft", "setTimeLeft", "timer", "defaultLabels", "units", "unit", "index", "Countdown_default"]
+}

package/dist/esm/biz-components/Title/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";import{jsx as e,jsxs as R}from"react/jsx-runtime";import W,{useEffect as _,useRef as s,useImperativeHandle as q}from"react";import{gsap as f}from"gsap";import{SplitText as b}from"gsap/dist/SplitText";import{ScrollTrigger as T}from"gsap/dist/ScrollTrigger";import{cn as p}from"../../helpers/utils.js";import{Heading as A}from"../../components/index.js";import{withLayout as G}from"../../shared/Styles.js";import{trackUrlRef as J}from"../../shared/trackUrlRef.js";import{useInView as K}from"react-intersection-observer";const k="link",y="title",L=W.forwardRef(({data:N,className:H,as:M="h2",weight:E="bold",mobFlexCol:$=!1},D)=>{const{title:o,caption:l,theme:u,extensions:i,align:a="left"}=N,g=s(null),r=s(null),t=s(null),n=s(null),{ref:z,inView:h}=K();return q(D,()=>g.current),_(()=>{f.registerPlugin(b,T);function P(){if(!r.current)return;const S=r.current?.clientHeight||80;t.current&&t.current.revert(),n.current&&n.current.kill(),t.current=new b(r.current,{type:"words",wordsClass:"word"});const c=t.current.words;f.set(c,{opacity:0}),n.current=T.create({trigger:r.current,start:"bottom bottom-=4%",end:`bottom+=${S*1.5+60}px bottom-=4%`,scrub:!0,invalidateOnRefresh:!0,onUpdate:I=>{const V=I.progress,v=c.length||1,B=.5,m=1/v,w=m*(1-B),x=(v-1)*w+m,U=Math.min(1,x>0?V/x:0);c.forEach((j,C)=>{const F=C*w,O=m;let d=(U-F)/O;d=Math.max(0,Math.min(1,d)),f.set(j,{opacity:d})})}})}return h&&P(),()=>{t.current&&t.current.revert(),n.current&&n.current.kill()}},[h]),(o||l)&&R("div",{ref:g,id:i?.id,className:p("titleBottom title-box mb-6 flex items-end justify-between gap-2",{"md-tablet:flex-col md-tablet:items-start":$}),children:[e("div",{ref:z,className:p("flex-1 space-y-4",H,{"aiui-dark":u==="dark","text-center":a==="center","text-right":a==="right","text-left":a==="left"}),children:e(A,{ref:r,as:M,size:4,html:l||o,weight:E})}),i?.textLink&&R("a",{className:p({"aiui-dark":u==="dark"},"flex items-center overflow-hidden text-base font-[700] leading-[1.4] text-[#777] transition-all duration-[0.4s] hover:text-[#1D1D1F]"),href:J(i?.link,`${k}_${y}`),"data-headless-type-name":`${k}#${y}`,"data-headless-title-desc-button":`${o}#${l}`,children:[e("div",{className:"flex-1 truncate whitespace-nowrap",children:i?.textLink}),e("div",{className:"size-6",children:e("svg",{width:"24",height:"24",className:"mb-[3px]",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",children:e("path",{className:"transition-all duration-[0.4s]",d:"M10.5 8L14.5 12L10.5 16",stroke:"#777",strokeWidth:"1.5",strokeLinecap:"round"})})})]})]})});L.displayName="Title";var st=G(L);export{st as default};
+"use client";import{jsx as t,jsxs as w}from"react/jsx-runtime";import q,{useEffect as G,useRef as c,useImperativeHandle as J}from"react";import{gsap as x}from"gsap";import{SplitText as H}from"gsap/dist/SplitText";import{ScrollTrigger as M}from"gsap/dist/ScrollTrigger";import{cn as e}from"../../helpers/utils.js";import{Heading as K,Text as Q}from"../../components/index.js";import{withLayout as X}from"../../shared/Styles.js";import{trackUrlRef as Y}from"../../shared/trackUrlRef.js";import{useInView as Z}from"react-intersection-observer";import tt from"./Countdown.js";const E="link",$="title",P=({data:i,className:m})=>{const{theme:d,extensions:s,title:p,caption:f,align:o}=i;return s?.textLink?w("a",{className:e({"aiui-dark":d==="dark"},"flex items-center overflow-hidden text-base font-[700] leading-[1.4] text-[#777] transition-all duration-[0.4s] hover:text-[#080A0F]",{"justify-center":o==="center"},m),href:Y(s?.link,`${E}_${$}`),"data-headless-type-name":`${E}#${$}`,"data-headless-title-desc-button":`${p}#${f}`,children:[t("div",{className:e("flex-1 truncate whitespace-nowrap",{"flex-none":o==="center"}),children:s?.textLink}),t("div",{className:"size-6",children:t("svg",{width:"24",height:"24",className:"mb-[3px]",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",children:t("path",{className:"transition-all duration-[0.4s]",d:"M10.5 8L14.5 12L10.5 16",stroke:"#777",strokeWidth:"1.5",strokeLinecap:"round"})})})]}):null},j=q.forwardRef(({data:i,className:m,as:d="h2",weight:s="bold",mobFlexCol:p=!1},f)=>{const{title:o,caption:v,theme:z,extensions:S,align:r="left",subtitle:b,countdown:k}=i,T=c(null),a=c(null),n=c(null),l=c(null),{ref:B,inView:y}=Z();return J(f,()=>T.current),G(()=>{x.registerPlugin(H,M);function D(){if(!a.current)return;const I=a.current?.clientHeight||80;n.current&&n.current.revert(),l.current&&l.current.kill(),n.current=new H(a.current,{type:"words",wordsClass:"word"});const u=n.current.words;x.set(u,{opacity:0}),l.current=M.create({trigger:a.current,start:"bottom bottom-=4%",end:`bottom+=${I*1.5+60}px bottom-=4%`,scrub:!0,invalidateOnRefresh:!0,onUpdate:V=>{const A=V.progress,N=u.length||1,C=.5,g=1/N,L=g*(1-C),R=(N-1)*L+g,F=Math.min(1,R>0?A/R:0);u.forEach((U,O)=>{const W=O*L,_=g;let h=(F-W)/_;h=Math.max(0,Math.min(1,h)),x.set(U,{opacity:h})})}})}return y&&D(),()=>{n.current&&n.current.revert(),l.current&&l.current.kill()}},[y]),(o||v)&&w("div",{ref:T,id:S?.id,className:e("titleBottom title-box mb-6 flex items-end justify-between gap-2",{"md-tablet:flex-col md-tablet:items-start":p}),children:[w("div",{ref:B,className:e("flex-1 space-y-4",m,{"aiui-dark":z==="dark","text-center":r==="center","text-right":r==="right","text-left":r==="left"}),children:[t(K,{ref:a,as:d,size:4,html:v||o,weight:s}),b&&t(Q,{html:b,className:"desktop:text-base desktop:mt-2 lg-desktop:text-[18px] mt-1 text-[14px] font-bold leading-[1.4] tracking-[-0.36px] text-[#080A0F]"}),t(P,{data:i,className:e({hidden:r==="left"})}),k&&t(tt,{className:e("laptop:!mt-2 !mt-4 justify-start",{"justify-center":r==="center"}),config:k})]}),t(P,{data:i,className:e({hidden:r==="center"})})]})});j.displayName="Title";var dt=X(j);export{dt as default};
 //# sourceMappingURL=index.js.map