@anker-in/headless-ui 1.0.26-alpha.1762307207505 → 1.0.26-alpha.1762330464162

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

@@ -1,7 +0,0 @@
-"use strict";var y=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var $=Object.prototype.hasOwnProperty;var v=(e,t)=>{for(var a in t)y(e,a,{get:t[a],enumerable:!0})},w=(e,t,a,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of N(t))!$.call(e,r)&&r!==a&&y(e,r,{get:()=>t[r],enumerable:!(n=k(t,r))||n.enumerable});return e};var F=e=>w(y({},"__esModule",{value:!0}),e);var j={};v(j,{default:()=>D});module.exports=F(j);var o=require("react/jsx-runtime"),d=require("react"),z=require("../../shared/Styles.js");function S(e,t){const a=[];for(let n=e;n<=t;n++)a.push(n);return a}function I(e,t){if(e<=8)return S(1,e);const a=new Set;a.add(1),a.add(2),a.add(e-1),a.add(e),a.add(t-1),a.add(t),a.add(t+1);const n=[...a].filter(s=>s>=1&&s<=e).sort((s,u)=>s-u),r=[];for(let s=0;s<n.length;s++){const u=n[s];r.push(u);const b=n[s+1];b&&b-u>1&&r.push("...")}return r}function A({items:e=[],itemsLength:t,pageSize:a=10,currentPage:n,onPageChange:r,initialPage:s=1,className:u=""}){const b=typeof t=="number"?t:e.length,l=Math.max(1,Math.ceil(b/Math.max(1,a))),[h,M]=(0,d.useState)(()=>Math.min(Math.max(1,s||1),l)),i=typeof n=="number"?n:h,f=(0,d.useCallback)(c=>{if(c===i)return;const m=Math.min(Math.max(1,c),l);typeof r=="function"&&r?.(m),typeof n!="number"&&M(m)},[i,l,r,n]),g=(0,d.useMemo)(()=>I(l,i),[l,i]);return(0,o.jsxs)("nav",{className:`flex gap-2 justify-center items-center paginator-wrapper ${u}`,"aria-label":"\u5206\u9875\u5BFC\u822A",children:[(0,o.jsx)("style",{children:`
-          .pg-btn[aria-disabled='true'] {
-            opacity: 0.45;
-            cursor: not-allowed;
-          }
-        `}),(0,o.jsx)("button",{"aria-label":"\u4E0A\u4E00\u9875","aria-disabled":i===1,disabled:i===1,className:"mr-1 text-xl cursor-pointer",onClick:()=>f(i-1),children:"\u2039"}),g.map((c,m)=>{if(c==="...")return(0,o.jsx)("span",{className:"pg-ellipsis","aria-hidden":!0,children:"\u2026"},`e-${m}`);const p=c,x=p===i;return(0,o.jsx)("button",{"aria-label":`\u7B2C ${p} \u9875`,onClick:()=>f(p),"aria-current":x?"page":void 0,className:`box-border text-sm font-bold py-2 px-3.5 border-transparent ${x?"bg-[#000] text-[#FFF]":""}`,children:p},p)}),(0,o.jsx)("button",{"aria-label":"\u4E0B\u4E00\u9875","aria-disabled":i===l,disabled:i===l,className:"ml-1 text-xl cursor-pointer",onClick:()=>f(i+1),children:"\u203A"})]})}var D=A;
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/Paginator/index.tsx"],
-  "sourcesContent": ["import { useMemo, useState, useCallback } from 'react'\nimport { withLayout } from '../../shared/Styles.js'\n\nfunction range(start: number, end: number) {\n  const out = []\n  for (let i = start; i <= end; i++) out.push(i)\n  return out\n}\n/**\n * \u751F\u6210\u8981\u663E\u793A\u7684\u9875\u7801\u6570\u7EC4\uFF0C\u8FD4\u56DE\u7684\u6570\u7EC4\u4E2D\u5305\u542B\u6570\u5B57\u9875\u7801\u548C\u5B57\u7B26\u4E32 '...' \u8868\u793A\u7701\u7565\u53F7\n * \u7B97\u6CD5\u7279\u70B9\uFF1A\u4E0D\u521B\u5EFA\u957F\u6570\u7EC4\uFF08\u4E0D\u4F1A\u5BF9 pageCount \u505A map\uFF09\u2014\u2014\u53EA\u5C06\u9700\u8981\u663E\u793A\u7684\u9875\u7801\u52A0\u5165\u96C6\u5408\u5E76\u6392\u5E8F\n */\nfunction getDisplayPages(pageCount: any, currentPage: any) {\n  // pageCount \u5F88\u5C0F\u65F6\uFF0C\u76F4\u63A5\u8FD4\u56DE\u5168\u90E8\u9875\u7801\n  if (pageCount <= 8) return range(1, pageCount)\n\n  const pagesSet = new Set()\n  // \u524D\u4E24\u9875\u4E0E\u540E\u4E24\u9875\n  pagesSet.add(1)\n  pagesSet.add(2)\n  pagesSet.add(pageCount - 1)\n  pagesSet.add(pageCount)\n  // \u5F53\u524D\u9875\u4EE5\u53CA\u5DE6\u53F3\u5404\u4E00\u9875\n  pagesSet.add(currentPage - 1)\n  pagesSet.add(currentPage)\n  pagesSet.add(currentPage + 1)\n\n  // \u8FC7\u6EE4\u8D8A\u754C\u5E76\u8F6C\u4E3A\u6392\u5E8F\u6570\u7EC4\n  const pages = [...(pagesSet as any)].filter(p => p >= 1 && p <= pageCount).sort((a, b) => a - b)\n  // \u6700\u7EC8\u6570\u7EC4\uFF0C\u9047\u5230\u76F8\u90BB\u95F4\u9699 > 1 \u65F6\u63D2\u5165\u7701\u7565\u53F7\n  const result = []\n  for (let i = 0; i < pages.length; i++) {\n    const p = pages[i]\n    result.push(p)\n    const next = pages[i + 1]\n    if (next && next - p > 1) {\n      result.push('...')\n    }\n  }\n  return result\n}\n\n// Paginator \u7EC4\u4EF6\nfunction Paginator({\n  items = [], // \u4EC5\u7528\u6765\u8BA1\u7B97\u603B\u6570\uFF1B\u82E5\u6570\u636E\u5F88\u5927\uFF0C\u5EFA\u8BAE\u4F20\u957F\u5EA6 itemsLength\n  itemsLength, // \u4F18\u5148\u4F7F\u7528 itemsLength\uFF08\u5982\u679C\u4F60\u4E0D\u60F3\u628A\u6574\u4E2A\u6570\u7EC4\u4F20\u8FDB\u6765\uFF09\n  pageSize = 10,\n  currentPage: controlledPage, // \u53D7\u63A7 current\n  onPageChange, // \u5F53\u53D7\u63A7\u65F6\u7531\u7236\u7EC4\u4EF6\u63A5\u7BA1\n  initialPage = 1, // \u975E\u53D7\u63A7\u65F6\u7684\u521D\u59CB\u9875\n  className = '',\n}: any) {\n  const totalItems = typeof itemsLength === 'number' ? itemsLength : items.length\n  const pageCount = Math.max(1, Math.ceil(totalItems / Math.max(1, pageSize)))\n\n  const [internalPage, setInternalPage] = useState(() => {\n    const start = initialPage || 1\n    return Math.min(Math.max(1, start), pageCount)\n  })\n\n  const current = typeof controlledPage === 'number' ? controlledPage : internalPage\n\n  const changePage = useCallback(\n      (newPage: number) => {\n      if (newPage === current) return\n      const clamped = Math.min(Math.max(1, newPage), pageCount)\n      if (typeof onPageChange === 'function') {\n        onPageChange?.(clamped)\n      }\n      if (typeof controlledPage !== 'number') {\n        setInternalPage(clamped)\n      }\n    },\n    [current, pageCount, onPageChange, controlledPage]\n  )\n\n  const displayPages = useMemo(() => getDisplayPages(pageCount, current), [pageCount, current])\n\n  return (\n    <nav className={`flex gap-2 justify-center items-center paginator-wrapper ${className}`} aria-label=\"\u5206\u9875\u5BFC\u822A\">\n      <style>\n        {`\n          .pg-btn[aria-disabled='true'] {\n            opacity: 0.45;\n            cursor: not-allowed;\n          }\n        `}\n      </style>\n      {/* \u8DF3\u5230\u9996\u9875 */}\n      {/* <button\n        className=\"pg-btn\"\n        onClick={() => changePage(1)}\n        aria-label=\"\u8DF3\u5230\u7B2C\u4E00\u9875\"\n        aria-disabled={current === 1}\n        disabled={current === 1}>\n        \u00AB\n      </button> */}\n      {/* \u4E0A\u4E00\u9875 */}\n      <button\n        aria-label=\"\u4E0A\u4E00\u9875\"\n        aria-disabled={current === 1}\n        disabled={current === 1}\n        className=\"mr-1 text-xl cursor-pointer\"\n        onClick={() => changePage(current - 1)}\n      >\n        \u2039\n      </button>\n      {displayPages.map((p, idx) => {\n        if (p === '...') {\n          return (\n            <span key={`e-${idx}`} className=\"pg-ellipsis\" aria-hidden>\n              \u2026\n            </span>\n          )\n        }\n        const pageNum = p\n        const isActive = pageNum === current\n        return (\n          <button\n            key={pageNum}\n            aria-label={`\u7B2C ${pageNum} \u9875`}\n            onClick={() => changePage(pageNum)}\n            aria-current={isActive ? 'page' : undefined}\n            className={`box-border text-sm font-bold py-2 px-3.5 border-transparent ${isActive ? 'bg-[#000] text-[#FFF]' : ''}`}\n          >\n            {pageNum}\n          </button>\n        )\n      })}\n      {/* \u4E0B\u4E00\u9875 */}\n      <button\n        aria-label=\"\u4E0B\u4E00\u9875\"\n        aria-disabled={current === pageCount}\n        disabled={current === pageCount}\n        className=\"ml-1 text-xl cursor-pointer\"\n        onClick={() => changePage(current + 1)}\n      >\n        \u203A\n      </button>\n      {/* \u8DF3\u5230\u672B\u9875 */}\n      {/* <button\n        className=\"pg-btn\"\n        onClick={() => changePage(pageCount)}\n        aria-label=\"\u8DF3\u5230\u6700\u540E\u4E00\u9875\"\n        aria-disabled={current === pageCount}\n        disabled={current === pageCount}>\n        \u00BB\n      </button> */}\n\n      {/* \u603B\u6570\u5C55\u793A\uFF08\u53EF\u9009\uFF09 */}\n      {/* <div style={{ marginLeft: 8, color: \"rgba(0,0,0,0.55)\" }}>\n        \u7B2C {current} / {pageCount} \u9875 \u2022 {totalItems} \u9879\n      </div> */}\n    </nav>\n  )\n}\n\nexport default Paginator"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA+EI,IAAAI,EAAA,6BA/EJC,EAA+C,iBAC/CC,EAA2B,kCAE3B,SAASC,EAAMC,EAAeC,EAAa,CACzC,MAAMC,EAAM,CAAC,EACb,QAASC,EAAIH,EAAOG,GAAKF,EAAKE,IAAKD,EAAI,KAAKC,CAAC,EAC7C,OAAOD,CACT,CAKA,SAASE,EAAgBC,EAAgBC,EAAkB,CAEzD,GAAID,GAAa,EAAG,OAAON,EAAM,EAAGM,CAAS,EAE7C,MAAME,EAAW,IAAI,IAErBA,EAAS,IAAI,CAAC,EACdA,EAAS,IAAI,CAAC,EACdA,EAAS,IAAIF,EAAY,CAAC,EAC1BE,EAAS,IAAIF,CAAS,EAEtBE,EAAS,IAAID,EAAc,CAAC,EAC5BC,EAAS,IAAID,CAAW,EACxBC,EAAS,IAAID,EAAc,CAAC,EAG5B,MAAME,EAAQ,CAAC,GAAID,CAAgB,EAAE,OAAOE,GAAKA,GAAK,GAAKA,GAAKJ,CAAS,EAAE,KAAK,CAACK,EAAGC,IAAMD,EAAIC,CAAC,EAEzFC,EAAS,CAAC,EAChB,QAAST,EAAI,EAAGA,EAAIK,EAAM,OAAQL,IAAK,CACrC,MAAMM,EAAID,EAAML,CAAC,EACjBS,EAAO,KAAKH,CAAC,EACb,MAAMI,EAAOL,EAAML,EAAI,CAAC,EACpBU,GAAQA,EAAOJ,EAAI,GACrBG,EAAO,KAAK,KAAK,CAErB,CACA,OAAOA,CACT,CAGA,SAASE,EAAU,CACjB,MAAAC,EAAQ,CAAC,EACT,YAAAC,EACA,SAAAC,EAAW,GACX,YAAaC,EACb,aAAAC,EACA,YAAAC,EAAc,EACd,UAAAC,EAAY,EACd,EAAQ,CACN,MAAMC,EAAa,OAAON,GAAgB,SAAWA,EAAcD,EAAM,OACnEV,EAAY,KAAK,IAAI,EAAG,KAAK,KAAKiB,EAAa,KAAK,IAAI,EAAGL,CAAQ,CAAC,CAAC,EAErE,CAACM,EAAcC,CAAe,KAAI,YAAS,IAExC,KAAK,IAAI,KAAK,IAAI,EADXJ,GAAe,CACI,EAAGf,CAAS,CAC9C,EAEKoB,EAAU,OAAOP,GAAmB,SAAWA,EAAiBK,EAEhEG,KAAa,eACdC,GAAoB,CACrB,GAAIA,IAAYF,EAAS,OACzB,MAAMG,EAAU,KAAK,IAAI,KAAK,IAAI,EAAGD,CAAO,EAAGtB,CAAS,EACpD,OAAOc,GAAiB,YAC1BA,IAAeS,CAAO,EAEpB,OAAOV,GAAmB,UAC5BM,EAAgBI,CAAO,CAE3B,EACA,CAACH,EAASpB,EAAWc,EAAcD,CAAc,CACnD,EAEMW,KAAe,WAAQ,IAAMzB,EAAgBC,EAAWoB,CAAO,EAAG,CAACpB,EAAWoB,CAAO,CAAC,EAE5F,SACE,QAAC,OAAI,UAAW,4DAA4DJ,CAAS,GAAI,aAAW,2BAClG,oBAAC,SACE;AAAA;AAAA;AAAA;AAAA;AAAA,UAMH,KAWA,OAAC,UACC,aAAW,qBACX,gBAAeI,IAAY,EAC3B,SAAUA,IAAY,EACtB,UAAU,8BACV,QAAS,IAAMC,EAAWD,EAAU,CAAC,EACtC,kBAED,EACCI,EAAa,IAAI,CAACpB,EAAGqB,IAAQ,CAC5B,GAAIrB,IAAM,MACR,SACE,OAAC,QAAsB,UAAU,cAAc,cAAW,GAAC,mBAAhD,KAAKqB,CAAG,EAEnB,EAGJ,MAAMC,EAAUtB,EACVuB,EAAWD,IAAYN,EAC7B,SACE,OAAC,UAEC,aAAY,UAAKM,CAAO,UACxB,QAAS,IAAML,EAAWK,CAAO,EACjC,eAAcC,EAAW,OAAS,OAClC,UAAW,+DAA+DA,EAAW,wBAA0B,EAAE,GAEhH,SAAAD,GANIA,CAOP,CAEJ,CAAC,KAED,OAAC,UACC,aAAW,qBACX,gBAAeN,IAAYpB,EAC3B,SAAUoB,IAAYpB,EACtB,UAAU,8BACV,QAAS,IAAMqB,EAAWD,EAAU,CAAC,EACtC,kBAED,GAeF,CAEJ,CAEA,IAAO/B,EAAQoB",
-  "names": ["Paginator_exports", "__export", "Paginator_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_Styles", "range", "start", "end", "out", "i", "getDisplayPages", "pageCount", "currentPage", "pagesSet", "pages", "p", "a", "b", "result", "next", "Paginator", "items", "itemsLength", "pageSize", "controlledPage", "onPageChange", "initialPage", "className", "totalItems", "internalPage", "setInternalPage", "current", "changePage", "newPage", "clamped", "displayPages", "idx", "pageNum", "isActive"]
-}

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

@@ -1,37 +0,0 @@
-import type { Media, Theme, Shape } from '../../types/props.js';
-export interface ProductItemData {
-    /** 产品标签文本 */
-    text?: string;
-    /** 桌面端媒体（视频或图片） */
-    media?: Media;
-    /** 移动端媒体（视频或图片） */
-    mobMedia?: Media;
-    /** 桌面端封面图（仅用于视频） */
-    poster?: string;
-    /** 移动端封面图（仅用于视频） */
-    mobPoster?: string;
-}
-export interface ProductCompareProps {
-    /** 组件数据 */
-    data: {
-        /** 主标题 */
-        title?: string;
-        /** 副标题 */
-        subtitle?: string;
-        /** 我们的产品数据 */
-        ourProduct?: ProductItemData;
-        /** 竞品数据 */
-        competitor?: ProductItemData;
-        /** 主题：light 或 dark */
-        theme?: Theme;
-        /** 形状：rounded 或 square */
-        shape?: Shape;
-    };
-    /** 外层容器类名 */
-    className?: string;
-}
-declare const _default: import("react").ForwardRefExoticComponent<Omit<ProductCompareProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
-} & import("react").RefAttributes<any>>;
-export default _default;

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

@@ -1,2 +0,0 @@
-"use strict";var n=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var v=(e,o)=>{for(var a in o)n(e,a,{get:o[a],enumerable:!0})},N=(e,o,a,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let p of h(o))!g.call(e,p)&&p!==a&&n(e,p,{get:()=>o[p],enumerable:!(r=b(o,p))||r.enumerable});return e};var w=e=>N(n({},"__esModule",{value:!0}),e);var k={};v(k,{default:()=>P});module.exports=w(k);var t=require("react/jsx-runtime"),i=require("react"),l=require("../../components/index.js"),c=require("../../helpers/index.js"),f=require("../../shared/Styles.js");function x({children:e,offset:o=800}){const[a,r]=(0,i.useState)(!1),p=(0,i.useRef)(null);return(0,i.useEffect)(()=>{const d=new IntersectionObserver(([m])=>m.isIntersecting&&r(!0),{rootMargin:`${o}px`});return p.current&&d.observe(p.current),()=>d.disconnect()},[o]),(0,t.jsx)("div",{ref:p,className:"size-full",children:a&&e})}function s({media:e,poster:o,className:a}){return e?.url?e.mimeType?.startsWith("video/")?(0,t.jsx)("video",{src:e.url,playsInline:!0,autoPlay:!0,muted:!0,loop:!0,poster:o,preload:"metadata",disablePictureInPicture:!0,disableRemotePlayback:!0,"webkit-playsinline":"true","x5-video-player-type":"h5","x5-video-player-fullscreen":"false","x5-playsinline":"true",className:a,width:e.width,height:e.height}):(0,t.jsx)("img",{src:e.url,alt:e.alt||"",className:a,width:e.width,height:e.height}):null}function y(e){const{title:o,subtitle:a,ourProduct:r={},competitor:p={},theme:d="light",shape:m="rounded"}=e.data,u={rounded:"rounded-[12px] laptop:rounded-[16px]",square:"rounded-none"}[m];return(0,t.jsxs)("section",{className:(0,c.cn)("product-compare text-info-primary bg-container-primary",e.className,{"aiui-dark":d==="dark"}),children:[o&&(0,t.jsx)(l.Heading,{as:"h2",size:3,html:o,className:"section-title text-left"}),a&&(0,t.jsx)(l.Text,{as:"p",size:2,html:a,className:"section-subtitle mt-[4px] text-left text-[14px] tablet:text-[14px] laptop:text-[14px] desktop:text-[16px] lg-desktop:text-[18px]"}),(0,t.jsxs)("div",{className:"product-compare-container mt-[24px] flex w-full flex-col items-stretch gap-[16px] tablet:flex-row tablet:flex-nowrap",children:[(0,t.jsxs)("div",{className:(0,c.cn)("product-compare-item product-compare-competitor relative order-2 flex-shrink overflow-hidden tablet:order-1 tablet:w-[50%] laptop:w-[39.30%]",u),children:[(0,t.jsx)("div",{className:"product-compare-label product-compare-competitor-label absolute left-[16px] top-[16px] rounded-[24px] bg-[#000] bg-opacity-20 px-[20px] pb-[10px] pt-[11px] font-bold laptop:left-[28px] laptop:top-[28px] laptop:px-[28px] laptop:pb-[14px] laptop:pt-[15px] desktop:left-[32px] desktop:top-[32px]",children:(0,t.jsx)(l.Heading,{as:"h6",className:"font-bold",size:1,children:p.text})}),(0,t.jsxs)(x,{offset:1500,children:[(0,t.jsx)(s,{media:p.media,poster:p.poster,className:"product-compare-media product-compare-competitor-media hidden w-full h-full object-cover laptop:block"}),(0,t.jsx)(s,{media:p.mobMedia,poster:p.mobPoster,className:"product-compare-media product-compare-competitor-media-mobile block laptop:hidden"})]})]}),(0,t.jsxs)("div",{className:(0,c.cn)("product-compare-item product-compare-our-product relative order-1 flex-shrink overflow-hidden tablet:order-2 tablet:w-[50%] laptop:w-[59.53%]",u),children:[(0,t.jsx)("div",{className:"product-compare-label product-compare-our-product-label absolute left-[16px] top-[16px] rounded-[24px] bg-brand-0 px-[20px] pb-[10px] pt-[11px] font-bold laptop:left-[28px] laptop:top-[28px] laptop:px-[28px] laptop:pb-[14px] laptop:pt-[15px] desktop:left-[32px] desktop:top-[32px]",children:(0,t.jsx)(l.Heading,{as:"h6",className:"font-bold",size:1,children:r.text})}),(0,t.jsxs)(x,{offset:1500,children:[(0,t.jsx)(s,{media:r.media,poster:r.poster,className:"product-compare-media product-compare-our-product-media hidden w-full laptop:block"}),(0,t.jsx)(s,{media:r.mobMedia,poster:r.mobPoster,className:"product-compare-media product-compare-our-product-media-mobile block laptop:hidden"})]})]})]})]})}var P=(0,f.withLayout)(y);
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ProductCompare/index.tsx"],
-  "sourcesContent": ["import { useEffect, useRef, useState } from 'react'\nimport { Heading, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/index.js'\nimport type { Media, Theme, Shape } from '../../types/props.js'\nimport { withLayout } from '../../shared/Styles.js';\n\nfunction LazyMedia({ children, offset = 800 }: { children: React.ReactNode; offset?: number }) {\n  const [loaded, setLoaded] = useState(false)\n  const ref = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      ([entry]) => entry.isIntersecting && setLoaded(true),\n      { rootMargin: `${offset}px` }\n    )\n    ref.current && observer.observe(ref.current)\n    return () => observer.disconnect()\n  }, [offset])\n\n  return <div ref={ref} className=\"size-full\">{loaded && children}</div>\n}\n\nfunction MediaElement({ media, poster, className }: { media?: Media; poster?: string; className?: string }) {\n  if (!media?.url) return null\n  \n  const isVideo = media.mimeType?.startsWith('video/')\n  \n  if (isVideo) {\n    return (\n      <video\n        src={media.url}\n        playsInline\n        autoPlay\n        muted\n        loop\n        poster={poster}\n        preload=\"metadata\"\n        disablePictureInPicture\n        disableRemotePlayback\n        webkit-playsinline=\"true\"\n        x5-video-player-type=\"h5\"\n        x5-video-player-fullscreen=\"false\"\n        x5-playsinline=\"true\"\n        className={className}\n        width={media.width}\n        height={media.height}\n      />\n    )\n  }\n  \n  return (\n    <img\n      src={media.url}\n      alt={media.alt || ''}\n      className={className}\n      width={media.width}\n      height={media.height}\n    />\n  )\n}\n\nexport interface ProductItemData {\n  /** \u4EA7\u54C1\u6807\u7B7E\u6587\u672C */\n  text?: string\n  /** \u684C\u9762\u7AEF\u5A92\u4F53\uFF08\u89C6\u9891\u6216\u56FE\u7247\uFF09 */\n  media?: Media\n  /** \u79FB\u52A8\u7AEF\u5A92\u4F53\uFF08\u89C6\u9891\u6216\u56FE\u7247\uFF09 */\n  mobMedia?: Media\n  /** \u684C\u9762\u7AEF\u5C01\u9762\u56FE\uFF08\u4EC5\u7528\u4E8E\u89C6\u9891\uFF09 */\n  poster?: string\n  /** \u79FB\u52A8\u7AEF\u5C01\u9762\u56FE\uFF08\u4EC5\u7528\u4E8E\u89C6\u9891\uFF09 */\n  mobPoster?: string\n}\n\nexport interface ProductCompareProps {\n  /** \u7EC4\u4EF6\u6570\u636E */\n  data: {\n    /** \u4E3B\u6807\u9898 */\n    title?: string\n    /** \u526F\u6807\u9898 */\n    subtitle?: string\n    /** \u6211\u4EEC\u7684\u4EA7\u54C1\u6570\u636E */\n    ourProduct?: ProductItemData\n    /** \u7ADE\u54C1\u6570\u636E */\n    competitor?: ProductItemData\n    /** \u4E3B\u9898\uFF1Alight \u6216 dark */\n    theme?: Theme\n    /** \u5F62\u72B6\uFF1Arounded \u6216 square */\n    shape?: Shape\n  }\n  /** \u5916\u5C42\u5BB9\u5668\u7C7B\u540D */\n  className?: string\n}\n\nfunction ProductCompare(props: ProductCompareProps) {\n  const { title, subtitle, ourProduct = {}, competitor = {}, theme = 'light', shape = 'rounded' } = props.data\n  \n  // \u6839\u636E\u5F62\u72B6\u8BBE\u7F6E\u5706\u89D2\n  const shapeClass = {\n    rounded: 'rounded-[12px] laptop:rounded-[16px]',\n    square: 'rounded-none',\n  }[shape]\n\n  return (\n    <section className={cn('product-compare text-info-primary bg-container-primary', props.className, { 'aiui-dark': theme === 'dark' })}>\n      {title && <Heading as={'h2'} size={3} html={title} className=\"section-title text-left\" />}\n      {subtitle && <Text\n        as=\"p\"\n        size={2}\n        html={subtitle}\n        className=\"section-subtitle mt-[4px] text-left text-[14px] tablet:text-[14px] laptop:text-[14px] desktop:text-[16px] lg-desktop:text-[18px]\"\n      />}\n      <div className=\"product-compare-container mt-[24px] flex w-full flex-col items-stretch gap-[16px] tablet:flex-row tablet:flex-nowrap\">\n        <div className={cn('product-compare-item product-compare-competitor relative order-2 flex-shrink overflow-hidden tablet:order-1 tablet:w-[50%] laptop:w-[39.30%]', shapeClass)}>\n          <div className=\"product-compare-label product-compare-competitor-label absolute left-[16px] top-[16px] rounded-[24px] bg-[#000] bg-opacity-20 px-[20px] pb-[10px] pt-[11px] font-bold laptop:left-[28px] laptop:top-[28px] laptop:px-[28px] laptop:pb-[14px] laptop:pt-[15px] desktop:left-[32px] desktop:top-[32px]\">\n            <Heading as={'h6'} className=\"font-bold\" size={1}>\n              {competitor.text}\n            </Heading>\n          </div>\n          <LazyMedia offset={1500}>\n            <MediaElement\n              media={competitor.media}\n              poster={competitor.poster}\n              className=\"product-compare-media product-compare-competitor-media hidden w-full h-full object-cover laptop:block\"\n            />\n            <MediaElement\n              media={competitor.mobMedia}\n              poster={competitor.mobPoster}\n              className=\"product-compare-media product-compare-competitor-media-mobile block laptop:hidden\"\n            />\n          </LazyMedia>\n        </div>\n        <div className={cn('product-compare-item product-compare-our-product relative order-1 flex-shrink overflow-hidden tablet:order-2 tablet:w-[50%] laptop:w-[59.53%]', shapeClass)}>\n          <div className=\"product-compare-label product-compare-our-product-label absolute left-[16px] top-[16px] rounded-[24px] bg-brand-0 px-[20px] pb-[10px] pt-[11px] font-bold laptop:left-[28px] laptop:top-[28px] laptop:px-[28px] laptop:pb-[14px] laptop:pt-[15px] desktop:left-[32px] desktop:top-[32px]\">\n            <Heading as={'h6'} className=\"font-bold\" size={1}>\n              {ourProduct.text}\n            </Heading>\n          </div>\n          <LazyMedia offset={1500}>\n            <MediaElement\n              media={ourProduct.media}\n              poster={ourProduct.poster}\n              className=\"product-compare-media product-compare-our-product-media hidden w-full laptop:block\"\n            />\n            <MediaElement\n              media={ourProduct.mobMedia}\n              poster={ourProduct.mobPoster}\n              className=\"product-compare-media product-compare-our-product-media-mobile block laptop:hidden\"\n            />\n          </LazyMedia>\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport default withLayout(ProductCompare)"],
-  "mappings": "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",
-  "names": ["ProductCompare_exports", "__export", "ProductCompare_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_helpers", "import_Styles", "LazyMedia", "children", "offset", "loaded", "setLoaded", "ref", "observer", "entry", "MediaElement", "media", "poster", "className", "ProductCompare", "props", "title", "subtitle", "ourProduct", "competitor", "theme", "shape", "shapeClass"]
-}

package/dist/cjs/biz-components/ProductHero/ProductHero.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { ProductHeroProps } from './types.js';
-declare const _default: React.ForwardRefExoticComponent<Omit<Omit<ProductHeroProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
-}, "ref"> & React.RefAttributes<any>>;
-export default _default;

package/dist/cjs/biz-components/ProductHero/ProductHero.js

@@ -1,2 +0,0 @@
-"use strict";"use client";var P=Object.create;var i=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var w=(t,e)=>{for(var s in e)i(t,s,{get:e[s],enumerable:!0})},c=(t,e,s,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let p of N(e))!k.call(t,p)&&p!==s&&i(t,p,{get:()=>e[p],enumerable:!(r=v(e,p))||r.enumerable});return t};var T=(t,e,s)=>(s=t!=null?P(g(t)):{},c(e||!t||!t.__esModule?i(s,"default",{value:t,enumerable:!0}):s,t)),y=t=>c(i({},"__esModule",{value:!0}),t);var R={};w(R,{default:()=>E});module.exports=y(R);var o=require("react/jsx-runtime"),l=T(require("react")),a=require("../../components/index.js"),u=require("../../helpers/utils.js"),d=require("../../shared/Styles.js"),f=require("../../hooks/useExposure.js");const L="image",D="product_hero",n=l.default.forwardRef(({data:t,className:e},s)=>{const{title:r,subtitle:p,ctaText:x,poster:b,mobPoster:h,ctaLink:H}=t,m=(0,l.useRef)(null);return(0,f.useExposure)(m,{componentType:L,componentName:D,componentTitle:r,componentDescription:p}),(0,l.useImperativeHandle)(s,()=>m.current),(0,o.jsxs)("section",{ref:m,"data-ui-component-id":"ProductHero",className:(0,u.cn)("flex w-full flex-col items-center justify-between gap-[32px] tablet:flex-row tablet:gap-[16px] lg-desktop:gap-[64px]",e),children:[(0,o.jsxs)("div",{className:"flex w-full flex-col items-start gap-[24px] tablet:basis-[42%] laptop:basis-[36%]",children:[(0,o.jsxs)("div",{children:[(0,o.jsx)(a.Heading,{as:"h3",size:4,html:r}),(0,o.jsx)(a.Heading,{as:"h4",size:2,html:p,className:"mt-[4px] hidden laptop:mt-[12px] laptop:block desktop:mt-[16px]"}),(0,o.jsx)(a.Text,{as:"p",size:2,html:p,className:"mt-[4px] block laptop:mt-[12px] laptop:hidden desktop:mt-[16px]"})]}),(0,o.jsx)("a",{href:H,children:(0,o.jsx)(a.Button,{className:"w-fit",children:x})})]}),(0,o.jsx)(a.Picture,{className:"aspect-[358/360] flex-shrink tablet:aspect-[824/640] tablet:basis-[58%] laptop:basis-[64%]",source:`${b.url}, ${h.url} 768`})]})});n.displayName="ProductHero";var E=(0,d.withLayout)(n);
-//# sourceMappingURL=ProductHero.js.map

package/dist/cjs/biz-components/ProductHero/ProductHero.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ProductHero/ProductHero.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useRef, useImperativeHandle } from 'react'\nimport { Heading, Button, Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport type { ProductHeroProps } from './types.js'\n\nconst componentType = 'image'\nconst componentName = 'product_hero'\n\nconst ProductHero = React.forwardRef<HTMLDivElement, ProductHeroProps>(({ data, className }, ref) => {\n  const { title, subtitle, ctaText, poster, mobPoster, ctaLink } = data\n\n  const boxRef = useRef<HTMLDivElement>(null)\n\n  useExposure(boxRef, {\n    componentType,\n    componentName,\n    componentTitle: title,\n    componentDescription: subtitle,\n  })\n\n  useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n  return (\n    <section\n      ref={boxRef}\n      data-ui-component-id=\"ProductHero\"\n      className={cn(\n        'flex w-full flex-col items-center justify-between gap-[32px] tablet:flex-row tablet:gap-[16px] lg-desktop:gap-[64px]',\n        className\n      )}\n    >\n      <div className=\"flex w-full flex-col items-start gap-[24px] tablet:basis-[42%] laptop:basis-[36%]\">\n        <div>\n          <Heading as={'h3'} size={4} html={title} />\n          <Heading\n            as={'h4'}\n            size={2}\n            html={subtitle}\n            className=\"mt-[4px] hidden laptop:mt-[12px] laptop:block desktop:mt-[16px]\"\n          />\n          <Text\n            as={'p'}\n            size={2}\n            html={subtitle}\n            className=\"mt-[4px] block laptop:mt-[12px] laptop:hidden desktop:mt-[16px]\"\n          />\n        </div>\n        <a href={ctaLink}>\n          <Button className=\"w-fit\">{ctaText}</Button>\n        </a>\n      </div>\n      <Picture\n        className=\"aspect-[358/360] flex-shrink tablet:aspect-[824/640] tablet:basis-[58%] laptop:basis-[64%]\"\n        source={`${poster.url}, ${mobPoster.url} 768`}\n      />\n    </section>\n  )\n})\n\nProductHero.displayName = 'ProductHero'\n\nexport default withLayout(ProductHero)\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAmCQ,IAAAI,EAAA,6BAlCRC,EAAmD,oBACnDC,EAA+C,qCAC/CC,EAAmB,kCACnBC,EAA2B,kCAC3BC,EAA4B,sCAG5B,MAAMC,EAAgB,QAChBC,EAAgB,eAEhBC,EAAc,EAAAC,QAAM,WAA6C,CAAC,CAAE,KAAAC,EAAM,UAAAC,CAAU,EAAGC,IAAQ,CACnG,KAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,QAAAC,EAAS,OAAAC,EAAQ,UAAAC,EAAW,QAAAC,CAAQ,EAAIR,EAE3DS,KAAS,UAAuB,IAAI,EAE1C,wBAAYA,EAAQ,CAClB,cAAAb,EACA,cAAAC,EACA,eAAgBM,EAChB,qBAAsBC,CACxB,CAAC,KAED,uBAAoBF,EAAK,IAAMO,EAAO,OAAyB,KAG7D,QAAC,WACC,IAAKA,EACL,uBAAqB,cACrB,aAAW,MACT,uHACAR,CACF,EAEA,qBAAC,OAAI,UAAU,oFACb,qBAAC,OACC,oBAAC,WAAQ,GAAI,KAAM,KAAM,EAAG,KAAME,EAAO,KACzC,OAAC,WACC,GAAI,KACJ,KAAM,EACN,KAAMC,EACN,UAAU,kEACZ,KACA,OAAC,QACC,GAAI,IACJ,KAAM,EACN,KAAMA,EACN,UAAU,kEACZ,GACF,KACA,OAAC,KAAE,KAAMI,EACP,mBAAC,UAAO,UAAU,QAAS,SAAAH,EAAQ,EACrC,GACF,KACA,OAAC,WACC,UAAU,6FACV,OAAQ,GAAGC,EAAO,GAAG,KAAKC,EAAU,GAAG,OACzC,GACF,CAEJ,CAAC,EAEDT,EAAY,YAAc,cAE1B,IAAOV,KAAQ,cAAWU,CAAW",
-  "names": ["ProductHero_exports", "__export", "ProductHero_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_utils", "import_Styles", "import_useExposure", "componentType", "componentName", "ProductHero", "React", "data", "className", "ref", "title", "subtitle", "ctaText", "poster", "mobPoster", "ctaLink", "boxRef"]
-}

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

@@ -1,2 +0,0 @@
-export { default } from './ProductHero.js';
-export type { ProductHeroProps } from './types.js';

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

@@ -1,2 +0,0 @@
-"use strict";var m=Object.create;var p=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var a=(o,r)=>{for(var e in r)p(o,e,{get:r[e],enumerable:!0})},s=(o,r,e,f)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of x(r))!P.call(o,t)&&t!==e&&p(o,t,{get:()=>r[t],enumerable:!(f=u(r,t))||f.enumerable});return o};var c=(o,r,e)=>(e=o!=null?m(y(o)):{},s(r||!o||!o.__esModule?p(e,"default",{value:o,enumerable:!0}):e,o)),j=o=>s(p({},"__esModule",{value:!0}),o);var l={};a(l,{default:()=>d.default});module.exports=j(l);var d=c(require("./ProductHero.js"));
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ProductHero/index.ts"],
-  "sourcesContent": ["export { default } from './ProductHero.js'\nexport type { ProductHeroProps } from './types.js'\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wCAAAE,EAAAF,GAAA,IAAAG,EAAwB",
-  "names": ["ProductHero_exports", "__export", "__toCommonJS", "import_ProductHero"]
-}

package/dist/cjs/biz-components/ProductHero/types.d.ts

@@ -1,21 +0,0 @@
-import type { Media } from '../../types/props';
-export interface ProductHeroProps {
-    data: {
-        /** 主标题 */
-        title: string;
-        /** 副标题 */
-        subtitle: string;
-        /** CTA 按钮文本 */
-        ctaText: string;
-        /** CTA 按钮链接 */
-        ctaLink: string;
-        /** 桌面端图片 URL */
-        poster: Media;
-        /** 移动端图片 URL */
-        mobPoster: Media;
-        /** 3D 模型源（可选，暂未使用） */
-        modelSrc?: string;
-    };
-    /** 自定义类名 */
-    className?: string;
-}

package/dist/cjs/biz-components/ProductHero/types.js

@@ -1,2 +0,0 @@
-"use strict";var s=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var c=(r,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of n(t))!p.call(r,e)&&e!==o&&s(r,e,{get:()=>t[e],enumerable:!(i=a(t,e))||i.enumerable});return r};var d=r=>c(s({},"__esModule",{value:!0}),r);var g={};module.exports=d(g);
-//# sourceMappingURL=types.js.map

package/dist/cjs/biz-components/ProductHero/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ProductHero/types.ts"],
-  "sourcesContent": ["import type { Media } from '../../types/props'\n\nexport interface ProductHeroProps {\n  data: {\n    /** \u4E3B\u6807\u9898 */\n    title: string\n    /** \u526F\u6807\u9898 */\n    subtitle: string\n    /** CTA \u6309\u94AE\u6587\u672C */\n    ctaText: string\n    /** CTA \u6309\u94AE\u94FE\u63A5 */\n    ctaLink: string\n    /** \u684C\u9762\u7AEF\u56FE\u7247 URL */\n    poster: Media\n    /** \u79FB\u52A8\u7AEF\u56FE\u7247 URL */\n    mobPoster: Media\n    /** 3D \u6A21\u578B\u6E90\uFF08\u53EF\u9009\uFF0C\u6682\u672A\u4F7F\u7528\uFF09 */\n    modelSrc?: string\n  }\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n}\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["types_exports", "__toCommonJS"]
-}

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

@@ -1,20 +0,0 @@
-import type { Img } from '../../types/props.js';
-export type SelectStoreDataType = {
-    title: string;
-    desc: string;
-    img: Img;
-    mobileImg: Img;
-    padImg: Img;
-    miniImg: Img;
-};
-type SelectStoreType = {
-    data: {
-        list: SelectStoreDataType[];
-    };
-    className?: string;
-};
-declare const _default: import("react").ForwardRefExoticComponent<Omit<SelectStoreType, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
-} & import("react").RefAttributes<any>>;
-export default _default;

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

@@ -1,2 +0,0 @@
-"use strict";"use client";var m=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var x=(p,l)=>{for(var o in l)m(p,o,{get:l[o],enumerable:!0})},n=(p,l,o,a)=>{if(l&&typeof l=="object"||typeof l=="function")for(let t of c(l))!g.call(p,t)&&t!==o&&m(p,t,{get:()=>l[t],enumerable:!(a=r(l,t))||a.enumerable});return p};var f=p=>n(m({},"__esModule",{value:!0}),p);var S={};x(S,{default:()=>I});module.exports=f(S);var e=require("react/jsx-runtime"),y=require("../../helpers/utils.js"),b=require("../SwiperBox/index.js"),d=require("../../shared/Styles.js"),s=require("../../components/index.js");const u=p=>{const{data:l,className:o}=p,{list:a}=l;return(0,e.jsx)(e.Fragment,{children:(0,e.jsx)("div",{className:"",children:(0,e.jsx)("div",{className:"grid desktop:grid-cols-3 tablet:grid-cols-2 grid-cols-1 gap-4",children:a.map((t,i)=>(0,e.jsxs)("div",{className:" relative rounded-2xl lg-desktop:aspect-[543/320] laptop:aspect-[440/280] tablet:aspect-[346/240] aspect-[358/240] overflow-hidden",children:[(0,e.jsx)(s.Picture,{className:"w-full",imgClassName:"",source:`${t?.img?.url}, ${t?.padImg?.url} 1439, ${t?.miniImg?.url} 1023, ${t?.mobileImg?.url} 767`}),(0,e.jsxs)("div",{className:"absolute laptop:bottom-[24px] lg-desktop:bottom-[32px] bottom-[16px] left-0 laptop:px-[24px] lg-desktop:px-[32px] px-[16px]",children:["                  ",(0,e.jsx)(s.Text,{html:t?.title,className:"text-[20px] lg-desktop:text-[24px] [&_*_strong]:!font-bold leading-[1.2] text-[#1d1d1f]"}),(0,e.jsx)(s.Text,{html:t?.desc,className:"text-[14px] line-clamp-1 lg-desktop:text-[16px] leading-[1.4] text-[#1d1d1f]"})]})]},i))})})})};var I=(0,d.withLayout)(u);
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/SelectStore/index.tsx"],
-  "sourcesContent": ["'use client'\nimport { cn } from '../../helpers/utils.js'\nimport SwiperBox from '../SwiperBox/index.js'\nimport type { Img } from '../../types/props.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { Picture, Text } from '../../components/index.js'\n\nexport type SelectStoreDataType = {\n  title: string\n  desc: string\n  img: Img\n  mobileImg: Img\n  padImg: Img\n  miniImg: Img\n  // pay: {\n  //   img: Img\n  // }[]\n  // delivery: {\n  //   img: Img\n  // }[]\n  // service: {\n  //   title: string\n  //   img: Img\n  // }[]\n}\n\ntype SelectStoreType = {\n  data: {\n    list: SelectStoreDataType[]\n  }\n  className?: string\n}\n\nconst SelectStore = (props: SelectStoreType) => {\n  const { data, className } = props\n  const { list } = data\n  // const number = list?.[2]?.service?.length || 0\n  return (\n    <>\n      <div className=''>\n        <div className='grid desktop:grid-cols-3 tablet:grid-cols-2 grid-cols-1 gap-4'>\n          {list.map((item, index) => (\n            <div key={index} className=' relative rounded-2xl lg-desktop:aspect-[543/320] laptop:aspect-[440/280] tablet:aspect-[346/240] aspect-[358/240] overflow-hidden'>\n                    <Picture\n                      className=\"w-full\"\n                      imgClassName=\"\"\n                      source={`${item?.img?.url}, ${item?.padImg?.url} 1439, ${item?.miniImg?.url} 1023, ${item?.mobileImg?.url} 767`}\n                    />\n                <div className='absolute laptop:bottom-[24px] lg-desktop:bottom-[32px] bottom-[16px] left-0 laptop:px-[24px] lg-desktop:px-[32px] px-[16px]'>                  <Text html={item?.title} className='text-[20px] lg-desktop:text-[24px] [&_*_strong]:!font-bold leading-[1.2] text-[#1d1d1f]'/>\n                  <Text html={item?.desc} className='text-[14px] line-clamp-1 lg-desktop:text-[16px] leading-[1.4] text-[#1d1d1f]'/>\n                </div>\n            </div>\n          ))}\n        </div>\n        {/* <div className='grid desktop:grid-cols-3 tablet:grid-cols-2 grid-cols-1 gap-4'>\n          {list.map((item, index) => (\n            <div key={index} className='bg-[#EAEAEC] rounded-2xl min-h-[240px] laptop:min-h-[280px] lg-desktop:min-h-[320px]'>\n              <div className='flex flex-col laptop:p-[24px] lg-desktop:p-[32px] p-[16px] justify-start h-full'>\n                <div className=\"flex flex-col justify-center flex-1\">\n                \n                {item?.pay && (\n                  <div className='flex gap-[16px] flex-wrap items-center justify-center laptop:gap-[24px]'>\n                  {item?.pay?.map((pay, ind)=>{\n                    return (\n                      <div key={ind} className='laptop:w-[60px] w-[48px]'>\n                        <Picture\n                            className=\" w-full\"\n                            imgClassName=\"\"\n                            source={pay?.img?.url}\n                            alt={pay?.img?.alt || ''}\n                        />\n                      </div>\n                    )\n                  })}\n                </div>\n                )}\n                \n                {\n                 item?.delivery && (\n                  <div className='flex gap-[24px] items-center justify-center'>\n                    {item?.delivery?.map((delivery, ind)=>{\n                    return (\n                      <div key={ind} className=''>\n                        <Picture\n                            className={` ${ind === 0 ? 'laptop:w-[174px] w-[116px]' : 'laptop:w-[75px] w-[50px]'}`}\n                            imgClassName=\"\"\n                            source={delivery?.img?.url}\n                            alt={delivery?.img?.alt || ''}\n                        />\n                      </div>\n                    )\n                  })}\n                  </div>\n                 ) \n                }\n                \n                {\n                  item?.service && (\n                    <div className=' desktop:gap-[24px] gap-[8px] tablet:gap-[12px] laptop:gap-[28px] grid l-tablet:grid-cols-2 tablet:flex flex-wrap desktop:grid-cols-4 items-center justify-center'>\n                      {item?.service?.map((service, ind)=>{\n                        // \u5224\u65AD\uFF1A\u53EA\u5BF9\u7B2C\u4E94\u6761\uFF08index === 4\uFF09\u5E94\u7528\u54CD\u5E94\u5F0F\u663E\u793A/\u9690\u85CF\n                        const isFifth = ind === 4;\n                        return (\n                          <div key={ind} className={`\n                            flex flex-col items-center desktop:h-full  w-[157px] justify-start desktop:w-[81px]\n                            ${isFifth ? 'laptop:flex desktop:hidden hidden' : ''} \n                          `}>\n                            <div className='w-[70px] desktop:w-[54px]'>\n                              <Picture\n                              className=\"\"\n                              imgClassName=\"w-full h-auto\"\n                              source={service?.img?.url}\n                              alt={service?.img?.alt || ''}\n                            />\n                            </div>\n                            <div className='text-center'>\n                            <Text html={service?.title} className=' font-bold text-[12px] mt-[8px] leading-[1.4]' />\n                            </div>\n                          </div>\n                        )\n                      })}\n                    </div>\n                  )\n                }\n                </div>\n                <div className='mt-auto'>\n                  <Text html={item?.title} className='text-[20px] lg-desktop:text-[24px] [&_*_strong]:!font-bold leading-[1.2] text-[#1d1d1f]'/>\n                  <Text html={item?.desc} className='text-[14px] line-clamp-1 lg-desktop:text-[16px] leading-[1.4] text-[#1d1d1f]'/>\n                </div>\n                \n              </div>\n            </div>\n          ))}\n        </div> */}\n      </div>\n    </>\n  )\n}\n\nexport default withLayout(SelectStore)\n"],
-  "mappings": "sbAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAsCI,IAAAI,EAAA,6BArCJC,EAAmB,kCACnBC,EAAsB,iCAEtBC,EAA2B,kCAC3BC,EAA8B,qCA4B9B,MAAMC,EAAeC,GAA2B,CAC9C,KAAM,CAAE,KAAAC,EAAM,UAAAC,CAAU,EAAIF,EACtB,CAAE,KAAAG,CAAK,EAAIF,EAEjB,SACE,mBACE,mBAAC,OAAI,UAAU,GACb,mBAAC,OAAI,UAAU,gEACZ,SAAAE,EAAK,IAAI,CAACC,EAAMC,OACf,QAAC,OAAgB,UAAU,qIACnB,oBAAC,WACC,UAAU,SACV,aAAa,GACb,OAAQ,GAAGD,GAAM,KAAK,GAAG,KAAKA,GAAM,QAAQ,GAAG,UAAUA,GAAM,SAAS,GAAG,UAAUA,GAAM,WAAW,GAAG,OAC3G,KACJ,QAAC,OAAI,UAAU,8HAA8H,kCAAkB,OAAC,QAAK,KAAMA,GAAM,MAAO,UAAU,0FAAyF,KACzR,OAAC,QAAK,KAAMA,GAAM,KAAM,UAAU,+EAA8E,GAClH,IARMC,CASV,CACD,EACH,EAiFF,EACF,CAEJ,EAEA,IAAOb,KAAQ,cAAWO,CAAW",
-  "names": ["SelectStore_exports", "__export", "SelectStore_default", "__toCommonJS", "import_jsx_runtime", "import_utils", "import_SwiperBox", "import_Styles", "import_components", "SelectStore", "props", "data", "className", "list", "item", "index"]
-}

package/dist/cjs/biz-components/SpecsComparison/SpecsComparison.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { SpecsComparisonProps } from './types.js';
-declare const _default: React.ForwardRefExoticComponent<Omit<Omit<SpecsComparisonProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
-}, "ref"> & React.RefAttributes<any>>;
-export default _default;

package/dist/cjs/biz-components/SpecsComparison/SpecsComparison.js

@@ -1,2 +0,0 @@
-"use strict";"use client";var L=Object.create;var x=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var P=(l,n)=>{for(var i in n)x(l,i,{get:n[i],enumerable:!0})},w=(l,n,i,a)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of R(n))!I.call(l,s)&&s!==i&&x(l,s,{get:()=>n[s],enumerable:!(a=M(n,s))||a.enumerable});return l};var _=(l,n,i)=>(i=l!=null?L(k(l)):{},w(n||!l||!l.__esModule?x(i,"default",{value:l,enumerable:!0}):i,l)),V=l=>w(x({},"__esModule",{value:!0}),l);var z={};P(z,{default:()=>q});module.exports=V(z);var t=require("react/jsx-runtime"),r=_(require("react")),u=require("../../components/index.js"),d=require("../../helpers/utils.js"),N=require("../../shared/Styles.js"),y=require("../../hooks/useExposure.js");const $="specs",j="specs_comparison",h=r.default.forwardRef(({data:l,className:n},i)=>{const{LeftMenu:a,RightMenu:s}=l||{},[F,T]=(0,r.useState)(""),f=(0,r.useRef)({}),c=(0,r.useRef)(null);(0,y.useExposure)(c,{componentType:$,componentName:j,componentTitle:"Specs Comparison"}),(0,r.useImperativeHandle)(i,()=>c.current);const v=e=>e?(0,t.jsx)("div",{className:"break-all",children:(0,t.jsx)("p",{className:"text-sm font-bold text-[#1D1D1F] min-xl:text-base min-xxl:text-lg",dangerouslySetInnerHTML:{__html:e||""}})}):null,D=e=>e.map((o,p)=>{const E=p===0,b=s?.menus?.[0]?.subTitle,m=s?.menus?.[1]?.subTitle,C=m&&m[o],H=/^[✅❌]$/,g=C&&(m[o]!==b?.[o]||H.test(m[o]));return(0,t.jsxs)("div",{className:(0,d.cn)("box-border flex w-full overflow-hidden border-t border-t-[#E4E5E6] l:flex-col",E&&"border-t-0"),children:[(0,t.jsx)(u.Heading,{as:"h3",html:o||"",className:"mr-4 flex-1 pt-4 text-base font-bold text-[#000000] l:text-lg min-l:min-w-[216px] min-l:max-w-[216px] min-xl:min-w-[268px] min-xl:max-w-[268px] min-xl:p-6 min-xxl:min-w-[356px] min-xxl:max-w-[356px] min-xxl:text-lg"}),(0,t.jsxs)("div",{className:(0,d.cn)("grid flex-1 place-self-center pb-4 pt-2 l:w-full l:gap-4 min-l:gap-8 min-xl:gap-12 min-xl:p-6 min-xxl:gap-16",g?"grid-cols-2":"grid-cols-1"),children:[v(b?.[o]),g&&v(m?.[o])]})]},o)}),S=e=>{const{subTitle:o}=e;return D(o)};return(0,t.jsx)("div",{ref:c,"data-ui-component-id":"SpecsComparison",className:(0,d.cn)("w-full overflow-hidden bg-[#F5F5F7]",n),children:(0,t.jsx)("div",{className:"container mx-auto",children:a?.data?(0,t.jsxs)("div",{className:"my-16 box-border flex w-full overflow-hidden min-l:mb-24 min-xl:mb-32",children:[a.data.length>1?(0,t.jsx)("div",{className:"flex l:hidden min-l:mr-6 min-xl:mr-12",children:(0,t.jsx)("div",{className:"box-border overflow-hidden min-l:w-[196px] min-xl:w-[284px] min-xxl:w-[356px]",children:a.data.map(e=>(0,t.jsx)("div",{onClick:()=>{T(e.title),f.current[e.title]?.scrollIntoView({behavior:"smooth"})},title:e.title||"",className:(0,d.cn)("box-border cursor-pointer overflow-hidden truncate rounded-lg px-6 py-2 text-base font-bold leading-9 text-[#1D1D1F] min-xxl:py-4 min-xxl:text-lg",F===e.title&&"bg-[#FFFFFF]"),children:e.title||""},e.title))})}):null,(0,t.jsx)("div",{className:"box-border flex-1 overflow-hidden",children:(0,t.jsx)("div",{className:"w-full",children:a.data.map((e,o)=>(0,t.jsxs)("div",{className:"w-full overflow-hidden pt-10 first:pt-0",ref:p=>{f.current[e.title]=p},children:[e.title&&(0,t.jsx)(u.Heading,{as:"h2",className:"mb-6 text-2xl font-bold min-l:text-[32px]",html:e.title||""}),S(e)]},o))})})]}):null})})});h.displayName="SpecsComparison";var q=(0,N.withLayout)(h);
-//# sourceMappingURL=SpecsComparison.js.map

package/dist/cjs/biz-components/SpecsComparison/SpecsComparison.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/SpecsComparison/SpecsComparison.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useRef, useImperativeHandle, useState } from 'react'\nimport { Heading, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport type { SpecsComparisonProps } from './types.js'\n\nconst componentType = 'specs'\nconst componentName = 'specs_comparison'\n\nconst SpecsComparison = React.forwardRef<HTMLDivElement, SpecsComparisonProps>(\n  ({ data, className }, ref) => {\n    const { LeftMenu, RightMenu } = data || {}\n    const [selectItem, setSelectItem] = useState('')\n    const refs = useRef<Record<string, HTMLDivElement | null>>({})\n\n    const boxRef = useRef<HTMLDivElement>(null)\n\n    useExposure(boxRef, {\n      componentType,\n      componentName,\n      componentTitle: 'Specs Comparison',\n    })\n\n    useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n    const normalNode = (v: string) => {\n      if (!v) return null\n      return (\n        <div className=\"break-all\">\n          <p\n            className=\"text-sm font-bold text-[#1D1D1F] min-xl:text-base min-xxl:text-lg\"\n            dangerouslySetInnerHTML={{\n              __html: v || '',\n            }}\n          />\n        </div>\n      )\n    }\n\n    const productNode = (subTitle: string[]) => {\n      return subTitle.map((st, idx) => {\n        const isFirstParameter = idx === 0\n        const leftData = RightMenu?.menus?.[0]?.subTitle\n        const rightData = RightMenu?.menus?.[1]?.subTitle\n        const hasRightData = rightData && rightData[st]\n        const reg = /^[\u2705\u274C]$/\n        const isSame =\n          hasRightData &&\n          (rightData[st] !== leftData?.[st] || reg.test(rightData[st]))\n\n        return (\n          <div\n            key={st}\n            className={cn(\n              'box-border flex w-full overflow-hidden border-t border-t-[#E4E5E6] l:flex-col',\n              isFirstParameter && 'border-t-0'\n            )}\n          >\n            <Heading\n              as=\"h3\"\n              html={st || ''}\n              className=\"mr-4 flex-1 pt-4 text-base font-bold text-[#000000] l:text-lg min-l:min-w-[216px] min-l:max-w-[216px] min-xl:min-w-[268px] min-xl:max-w-[268px] min-xl:p-6 min-xxl:min-w-[356px] min-xxl:max-w-[356px] min-xxl:text-lg\"\n            />\n            <div\n              className={cn(\n                'grid flex-1 place-self-center pb-4 pt-2 l:w-full l:gap-4 min-l:gap-8 min-xl:gap-12 min-xl:p-6 min-xxl:gap-16',\n                isSame ? 'grid-cols-2' : 'grid-cols-1'\n              )}\n            >\n              {normalNode(leftData?.[st])}\n              {isSame && normalNode(rightData?.[st])}\n            </div>\n          </div>\n        )\n      })\n    }\n\n    const childrenNode = (node: { subTitle: string[]; isProduct?: boolean }) => {\n      const { subTitle } = node\n      return productNode(subTitle)\n    }\n\n    return (\n      <div\n        ref={boxRef}\n        data-ui-component-id=\"SpecsComparison\"\n        className={cn('w-full overflow-hidden bg-[#F5F5F7]', className)}\n      >\n        <div className=\"container mx-auto\">\n          {LeftMenu?.data ? (\n            <div className=\"my-16 box-border flex w-full overflow-hidden min-l:mb-24 min-xl:mb-32\">\n              {LeftMenu.data.length > 1 ? (\n                <div className=\"flex l:hidden min-l:mr-6 min-xl:mr-12\">\n                  <div className=\"box-border overflow-hidden min-l:w-[196px] min-xl:w-[284px] min-xxl:w-[356px]\">\n                    {LeftMenu.data.map((item) => {\n                      return (\n                        <div\n                          key={item.title}\n                          onClick={() => {\n                            setSelectItem(item.title)\n                            const el = refs.current[item.title]\n                            el?.scrollIntoView({ behavior: 'smooth' })\n                          }}\n                          title={item.title || ''}\n                          className={cn(\n                            'box-border cursor-pointer overflow-hidden truncate rounded-lg px-6 py-2 text-base font-bold leading-9 text-[#1D1D1F] min-xxl:py-4 min-xxl:text-lg',\n                            selectItem === item.title && 'bg-[#FFFFFF]'\n                          )}\n                        >\n                          {item.title || ''}\n                        </div>\n                      )\n                    })}\n                  </div>\n                </div>\n              ) : null}\n              <div className=\"box-border flex-1 overflow-hidden\">\n                <div className=\"w-full\">\n                  {LeftMenu.data.map((item, index) => {\n                    return (\n                      <div\n                        key={index}\n                        className=\"w-full overflow-hidden pt-10 first:pt-0\"\n                        ref={(r) => {\n                          refs.current[item.title] = r\n                        }}\n                      >\n                        {item.title && (\n                          <Heading\n                            as=\"h2\"\n                            className=\"mb-6 text-2xl font-bold min-l:text-[32px]\"\n                            html={item.title || ''}\n                          />\n                        )}\n                        {childrenNode(item)}\n                      </div>\n                    )\n                  })}\n                </div>\n              </div>\n            </div>\n          ) : null}\n        </div>\n      </div>\n    )\n  }\n)\n\nSpecsComparison.displayName = 'SpecsComparison'\n\nexport default withLayout(SpecsComparison)\n"],
-  "mappings": "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",
-  "names": ["SpecsComparison_exports", "__export", "SpecsComparison_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_utils", "import_Styles", "import_useExposure", "componentType", "componentName", "SpecsComparison", "React", "data", "className", "ref", "LeftMenu", "RightMenu", "selectItem", "setSelectItem", "refs", "boxRef", "normalNode", "v", "productNode", "subTitle", "st", "idx", "isFirstParameter", "leftData", "rightData", "hasRightData", "reg", "isSame", "childrenNode", "node", "item", "index", "r"]
-}

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

@@ -1,2 +0,0 @@
-export { default } from './SpecsComparison.js';
-export type { SpecsComparisonProps, SpecsComparisonMenuItem, SpecsComparisonLeftMenuItem, } from './types.js';

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

@@ -1,2 +0,0 @@
-"use strict";var a=Object.create;var r=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var i=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var C=(e,o)=>{for(var p in o)r(e,p,{get:o[p],enumerable:!0})},m=(e,o,p,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of c(o))!u.call(e,s)&&s!==p&&r(e,s,{get:()=>o[s],enumerable:!(t=f(o,s))||t.enumerable});return e};var S=(e,o,p)=>(p=e!=null?a(i(e)):{},m(o||!e||!e.__esModule?r(p,"default",{value:e,enumerable:!0}):p,e)),x=e=>m(r({},"__esModule",{value:!0}),e);var y={};C(y,{default:()=>n.default});module.exports=x(y);var n=S(require("./SpecsComparison.js"));
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/SpecsComparison/index.ts"],
-  "sourcesContent": ["export { default } from './SpecsComparison.js'\nexport type {\n  SpecsComparisonProps,\n  SpecsComparisonMenuItem,\n  SpecsComparisonLeftMenuItem,\n} from './types.js'\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wCAAAE,EAAAF,GAAA,IAAAG,EAAwB",
-  "names": ["SpecsComparison_exports", "__export", "__toCommonJS", "import_SpecsComparison"]
-}

package/dist/cjs/biz-components/SpecsComparison/types.d.ts

@@ -1,34 +0,0 @@
-export interface SpecsComparisonMenuItem {
-    /** 产品 SKU */
-    sku: string;
-    /** 产品 handle */
-    handle: string;
-    /** 规格数据，key 为规格项名称，value 为规格值 */
-    subTitle: Record<string, string>;
-}
-export interface SpecsComparisonLeftMenuItem {
-    /** 分类标题 */
-    title: string;
-    /** 规格项列表 */
-    subTitle: string[];
-    /** 是否为产品规格 */
-    isProduct?: boolean;
-}
-export interface SpecsComparisonProps {
-    data: {
-        /** 左侧菜单配置 */
-        LeftMenu: {
-            data: SpecsComparisonLeftMenuItem[];
-        };
-        /** 右侧产品列表配置 */
-        RightMenu: {
-            menus: SpecsComparisonMenuItem[];
-        };
-        /** 默认选中菜单配置 */
-        DefaultSelectMenu: {
-            buttonText: string;
-        };
-    };
-    /** 自定义类名 */
-    className?: string;
-}

package/dist/cjs/biz-components/SpecsComparison/types.js

@@ -1,2 +0,0 @@
-"use strict";var r=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var u=(t,e,i,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of a(e))!p.call(t,n)&&n!==i&&r(t,n,{get:()=>e[n],enumerable:!(s=o(e,n))||s.enumerable});return t};var c=t=>u(r({},"__esModule",{value:!0}),t);var m={};module.exports=c(m);
-//# sourceMappingURL=types.js.map

package/dist/cjs/biz-components/SpecsComparison/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/SpecsComparison/types.ts"],
-  "sourcesContent": ["export interface SpecsComparisonMenuItem {\n  /** \u4EA7\u54C1 SKU */\n  sku: string\n  /** \u4EA7\u54C1 handle */\n  handle: string\n  /** \u89C4\u683C\u6570\u636E\uFF0Ckey \u4E3A\u89C4\u683C\u9879\u540D\u79F0\uFF0Cvalue \u4E3A\u89C4\u683C\u503C */\n  subTitle: Record<string, string>\n}\n\nexport interface SpecsComparisonLeftMenuItem {\n  /** \u5206\u7C7B\u6807\u9898 */\n  title: string\n  /** \u89C4\u683C\u9879\u5217\u8868 */\n  subTitle: string[]\n  /** \u662F\u5426\u4E3A\u4EA7\u54C1\u89C4\u683C */\n  isProduct?: boolean\n}\n\nexport interface SpecsComparisonProps {\n  data: {\n    /** \u5DE6\u4FA7\u83DC\u5355\u914D\u7F6E */\n    LeftMenu: {\n      data: SpecsComparisonLeftMenuItem[]\n    }\n    /** \u53F3\u4FA7\u4EA7\u54C1\u5217\u8868\u914D\u7F6E */\n    RightMenu: {\n      menus: SpecsComparisonMenuItem[]\n    }\n    /** \u9ED8\u8BA4\u9009\u4E2D\u83DC\u5355\u914D\u7F6E */\n    DefaultSelectMenu: {\n      buttonText: string\n    }\n  }\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n}\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["types_exports", "__toCommonJS"]
-}

package/dist/cjs/biz-components/TabWithImage/TabWithImage.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { TabWithImageProps } from './types.js';
-declare const _default: React.ForwardRefExoticComponent<Omit<Omit<TabWithImageProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
-}, "ref"> & React.RefAttributes<any>>;
-export default _default;

package/dist/cjs/biz-components/TabWithImage/TabWithImage.js

@@ -1,2 +0,0 @@
-"use strict";"use client";var E=Object.create;var d=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,W=Object.prototype.hasOwnProperty;var P=(e,a)=>{for(var o in a)d(e,o,{get:a[o],enumerable:!0})},y=(e,a,o,c)=>{if(a&&typeof a=="object"||typeof a=="function")for(let p of L(a))!W.call(e,p)&&p!==o&&d(e,p,{get:()=>a[p],enumerable:!(c=H(a,p))||c.enumerable});return e};var R=(e,a,o)=>(o=e!=null?E(M(e)):{},y(a||!e||!e.__esModule?d(o,"default",{value:e,enumerable:!0}):o,e)),z=e=>y(d({},"__esModule",{value:!0}),e);var j={};P(j,{default:()=>$});module.exports=z(j);var t=require("react/jsx-runtime"),i=R(require("react")),n=require("../../components/index.js"),b=require("../../helpers/utils.js"),T=require("../../shared/Styles.js"),I=require("../../hooks/useExposure.js"),f=require("framer-motion");const A="image",S="tab_with_image",w=i.default.forwardRef(({data:e,className:a},o)=>{const{title:c,subtitle:p,desc:v,image:C,mobileImage:_,datalist:s=[]}=e,u=(0,i.useRef)(null);(0,I.useExposure)(u,{componentType:A,componentName:S,componentTitle:c,componentDescription:v}),(0,i.useImperativeHandle)(o,()=>u.current);const N=(r,m)=>{k(r),m.target.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})},[l,k]=(0,i.useState)(0),h=(0,i.useRef)([]),[g,D]=(0,i.useState)({left:0,width:0});return(0,i.useEffect)(()=>{const r=h.current[l];if(r){const{offsetLeft:m,offsetWidth:x}=r;D({left:m,width:x})}},[l,s.length]),(0,t.jsxs)("section",{ref:u,"data-ui-component-id":"TabWithImage",className:(0,b.cn)("flex text-[#fff] l:gap-[24px] xl:flex-col min-md:justify-between min-l:gap-[20px]",a),children:[(0,t.jsxs)("div",{className:"inline-flex flex-col justify-center min-md:gap-[24px] laptop:basis-[36%]",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)(n.Heading,{as:"h3",size:4,html:c}),(0,t.jsx)(n.Text,{as:"p",size:1,html:v,className:"mt-[4px] text-[14px] tablet:text-[14px] laptop:text-[14px] desktop:text-[16px] lg-desktop:text-[18px]"})]}),(0,t.jsx)("div",{className:"relative md:overflow-hidden md:overflow-x-scroll md:scrollbar-hidden",children:(0,t.jsxs)("div",{className:"relative inline-flex rounded-[24px] bg-[#1D1D1F] px-[4px] md:my-[24px]",children:[(0,t.jsx)("div",{className:"absolute bottom-0 top-0 rounded-[24px] bg-white transition-all duration-300 ease-in-out",style:{left:g.left,width:g.width}}),s.map((r,m)=>(0,t.jsx)("div",{ref:x=>{h.current[m]=x},onClick:x=>N(m,x),className:(0,b.cn)("relative z-10 cursor-pointer rounded-[24px] px-[20px] py-[10px] text-center text-[12px] font-medium transition-colors duration-300 md:px-[20px] md:py-[10px] min-xxl:px-[28px] min-xxl:py-[15px]",l===m?"text-black":"text-white"),children:(0,t.jsx)(n.Heading,{as:"h1",size:1,html:r?.title,className:"text-balance-normal !whitespace-nowrap md:text-[14px]"})},m))]})})]}),(0,t.jsx)("div",{className:" relative w-full flex-shrink md:aspect-[358/360] min-xxl:aspect-[824/560] min-xxl:max-w-[824px] tablet:aspect-[704/360] laptop:aspect-[744/336] laptop:basis-[64%] desktop:aspect-[648/448]",children:(0,t.jsx)(f.AnimatePresence,{mode:"wait",children:s[l]&&(0,t.jsx)(f.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.3},className:"absolute left-0 top-0 w-full",children:(0,t.jsx)(n.Picture,{source:`${s[l].image.url} ,${s[l].imgPad?.url||s[l].image.url} 1440, ${s[l].imageMob?.url||s[l].image.url} 767`,alt:s[l].image.alt,className:"rounded-[16px] md:aspect-[358/360] min-xxl:aspect-[824/560] min-xxl:max-w-[824px] tablet:aspect-[704/360] laptop:aspect-[744/336] desktop:aspect-[648/448] "})},s[l].image.url)})})]})});w.displayName="TabWithImage";var $=(0,T.withLayout)(w);
-//# sourceMappingURL=TabWithImage.js.map

package/dist/cjs/biz-components/TabWithImage/TabWithImage.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/TabWithImage/TabWithImage.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useState, useEffect, useRef, useImperativeHandle } from 'react'\nimport { Heading, Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport type { TabWithImageProps, TabWithImageDataItem } from './types.js'\nimport { motion, AnimatePresence } from 'framer-motion'\n\nconst componentType = 'image'\nconst componentName = 'tab_with_image'\n\nconst TabWithImage = React.forwardRef<HTMLDivElement, TabWithImageProps>(({ data, className }, ref) => {\n  const { title, subtitle, desc, image, mobileImage, datalist = [] } = data\n\n  const boxRef = useRef<HTMLDivElement>(null)\n\n  useExposure(boxRef, {\n    componentType,\n    componentName,\n    componentTitle: title,\n    componentDescription: desc,\n  })\n\n  useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n  const handleClick = (index: number, e: React.MouseEvent<HTMLDivElement>) => {\n    setActiveIndex(index)\n    ;(e.target as HTMLElement).scrollIntoView({\n      behavior: 'smooth', // \u5E73\u6ED1\u6EDA\u52A8\n      inline: 'center', // \u6A2A\u5411\u5C45\u4E2D\u5BF9\u9F50\n      block: 'nearest', // \u5782\u76F4\u65B9\u5411\u4E0D\u52A8\n    })\n  }\n\n  const [activeIndex, setActiveIndex] = useState(0)\n  const tabRefs = useRef<Array<HTMLDivElement | null>>([]) // \u8BB0\u5F55\u6BCF\u4E2Atab\u7684\u4F4D\u7F6E\n  const [sliderStyle, setSliderStyle] = useState({ left: 0, width: 0 })\n\n  useEffect(() => {\n    const current = tabRefs.current[activeIndex]\n    if (current) {\n      const { offsetLeft, offsetWidth } = current\n      setSliderStyle({ left: offsetLeft, width: offsetWidth })\n    }\n  }, [activeIndex, datalist.length])\n\n  return (\n    <section\n      ref={boxRef}\n      data-ui-component-id=\"TabWithImage\"\n      className={cn('flex text-[#fff] l:gap-[24px] xl:flex-col min-md:justify-between min-l:gap-[20px]', className)}\n    >\n      <div className=\"inline-flex flex-col justify-center min-md:gap-[24px] laptop:basis-[36%]\">\n        <div>\n          <Heading as={'h3'} size={4} html={title} />\n          <Text\n            as={'p'}\n            size={1}\n            html={desc}\n            className=\"mt-[4px] text-[14px] tablet:text-[14px] laptop:text-[14px] desktop:text-[16px] lg-desktop:text-[18px]\"\n          />\n        </div>\n\n        <div className=\"relative md:overflow-hidden md:overflow-x-scroll md:scrollbar-hidden\">\n          <div className=\"relative inline-flex rounded-[24px] bg-[#1D1D1F] px-[4px] md:my-[24px]\">\n            {/* \u6ED1\u52A8\u80CC\u666F */}\n            <div\n              className=\"absolute bottom-0 top-0 rounded-[24px] bg-white transition-all duration-300 ease-in-out\"\n              style={{\n                left: sliderStyle.left,\n                width: sliderStyle.width,\n              }}\n            />\n\n            {/* Tab Items */}\n            {datalist.map((item: TabWithImageDataItem, index: number) => (\n              <div\n                key={index}\n                ref={el => {\n                  tabRefs.current[index] = el\n                }}\n                onClick={e => handleClick(index, e)}\n                className={cn(\n                  'relative z-10 cursor-pointer rounded-[24px] px-[20px] py-[10px] text-center text-[12px] font-medium transition-colors duration-300 md:px-[20px] md:py-[10px] min-xxl:px-[28px] min-xxl:py-[15px]',\n                  activeIndex === index ? 'text-black' : 'text-white'\n                )}\n              >\n                <Heading\n                  as=\"h1\"\n                  size={1}\n                  html={item?.title}\n                  className=\"text-balance-normal !whitespace-nowrap md:text-[14px]\"\n                />\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n      <div className=\" relative w-full flex-shrink md:aspect-[358/360] min-xxl:aspect-[824/560] min-xxl:max-w-[824px] tablet:aspect-[704/360] laptop:aspect-[744/336] laptop:basis-[64%] desktop:aspect-[648/448]\">\n        <AnimatePresence mode=\"wait\">\n          {datalist[activeIndex] && (\n            <motion.div\n              key={datalist[activeIndex].image.url}\n              {...({\n                initial: { opacity: 0 },\n                animate: { opacity: 1 },\n                exit: { opacity: 0 },\n                transition: { duration: 0.3 },\n              } as any)}\n              className=\"absolute left-0 top-0 w-full\"\n            >\n              <Picture\n                source={`${datalist[activeIndex].image.url} ,${datalist[activeIndex].imgPad?.url || datalist[activeIndex].image.url} 1440, ${datalist[activeIndex].imageMob?.url || datalist[activeIndex].image.url} 767`}\n                alt={datalist[activeIndex].image.alt}\n                className=\"rounded-[16px] md:aspect-[358/360] min-xxl:aspect-[824/560] min-xxl:max-w-[824px] tablet:aspect-[704/360] laptop:aspect-[744/336] desktop:aspect-[648/448] \"\n              />\n            </motion.div>\n          )}\n        </AnimatePresence>\n      </div>\n    </section>\n  )\n})\n\nTabWithImage.displayName = 'TabWithImage'\n\nexport default withLayout(TabWithImage)\n"],
-  "mappings": "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",
-  "names": ["TabWithImage_exports", "__export", "TabWithImage_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_utils", "import_Styles", "import_useExposure", "import_framer_motion", "componentType", "componentName", "TabWithImage", "React", "data", "className", "ref", "title", "subtitle", "desc", "image", "mobileImage", "datalist", "boxRef", "handleClick", "index", "e", "setActiveIndex", "activeIndex", "tabRefs", "sliderStyle", "setSliderStyle", "current", "offsetLeft", "offsetWidth", "item", "el"]
-}

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

@@ -1,2 +0,0 @@
-export { default } from './TabWithImage.js';
-export type { TabWithImageProps, TabWithImageDataItem } from './types.js';

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

@@ -1,2 +0,0 @@
-"use strict";var s=Object.create;var o=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var i=(t,e)=>{for(var a in e)o(t,a,{get:e[a],enumerable:!0})},r=(t,e,a,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let m of b(e))!h.call(t,m)&&m!==a&&o(t,m,{get:()=>e[m],enumerable:!(p=I(e,m))||p.enumerable});return t};var x=(t,e,a)=>(a=t!=null?s(g(t)):{},r(e||!t||!t.__esModule?o(a,"default",{value:t,enumerable:!0}):a,t)),y=t=>r(o({},"__esModule",{value:!0}),t);var T={};i(T,{default:()=>f.default});module.exports=y(T);var f=x(require("./TabWithImage.js"));
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/TabWithImage/index.ts"],
-  "sourcesContent": ["export { default } from './TabWithImage.js'\nexport type { TabWithImageProps, TabWithImageDataItem } from './types.js'\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wCAAAE,EAAAF,GAAA,IAAAG,EAAwB",
-  "names": ["TabWithImage_exports", "__export", "__toCommonJS", "import_TabWithImage"]
-}

package/dist/cjs/biz-components/TabWithImage/types.d.ts

@@ -1,29 +0,0 @@
-import type { Media } from '../../types/props';
-export interface TabWithImageDataItem {
-    /** 桌面端图片 URL */
-    image: Media;
-    /** 平板端图片 URL */
-    imgPad?: Media;
-    /** 移动端图片 URL */
-    imageMob?: Media;
-    /** Tab 标题 */
-    title: string;
-}
-export interface TabWithImageProps {
-    data: {
-        /** 主标题 */
-        title: string;
-        /** 副标题（可选） */
-        subtitle?: string;
-        /** 描述文本 */
-        desc: string;
-        /** 默认图片 URL（可选） */
-        image?: Media;
-        /** 默认移动端图片 URL（可选） */
-        mobileImage?: Media;
-        /** 数据列表 */
-        datalist: TabWithImageDataItem[];
-    };
-    /** 自定义类名 */
-    className?: string;
-}

package/dist/cjs/biz-components/TabWithImage/types.js

@@ -1,2 +0,0 @@
-"use strict";var m=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var o=(e,a,g,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let t of s(a))!d.call(e,t)&&t!==g&&m(e,t,{get:()=>a[t],enumerable:!(i=r(a,t))||i.enumerable});return e};var p=e=>o(m({},"__esModule",{value:!0}),e);var n={};module.exports=p(n);
-//# sourceMappingURL=types.js.map

package/dist/cjs/biz-components/TabWithImage/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/TabWithImage/types.ts"],
-  "sourcesContent": ["import type { Media } from '../../types/props'\n\nexport interface TabWithImageDataItem {\n  /** \u684C\u9762\u7AEF\u56FE\u7247 URL */\n  image: Media\n  /** \u5E73\u677F\u7AEF\u56FE\u7247 URL */\n  imgPad?: Media\n  /** \u79FB\u52A8\u7AEF\u56FE\u7247 URL */\n  imageMob?: Media\n  /** Tab \u6807\u9898 */\n  title: string\n}\n\nexport interface TabWithImageProps {\n  data: {\n    /** \u4E3B\u6807\u9898 */\n    title: string\n    /** \u526F\u6807\u9898\uFF08\u53EF\u9009\uFF09 */\n    subtitle?: string\n    /** \u63CF\u8FF0\u6587\u672C */\n    desc: string\n    /** \u9ED8\u8BA4\u56FE\u7247 URL\uFF08\u53EF\u9009\uFF09 */\n    image?: Media\n    /** \u9ED8\u8BA4\u79FB\u52A8\u7AEF\u56FE\u7247 URL\uFF08\u53EF\u9009\uFF09 */\n    mobileImage?: Media\n    /** \u6570\u636E\u5217\u8868 */\n    datalist: TabWithImageDataItem[]\n  }\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n}\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["types_exports", "__toCommonJS"]
-}

package/dist/cjs/biz-components/TabsWithMedia/TabsWithMedia.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { TabsWithMediaProps } from './types.js';
-declare const _default: React.ForwardRefExoticComponent<Omit<Omit<TabsWithMediaProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
-}, "ref"> & React.RefAttributes<any>>;
-export default _default;

package/dist/cjs/biz-components/TabsWithMedia/TabsWithMedia.js

@@ -1,2 +0,0 @@
-"use strict";"use client";var Q=Object.create;var T=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var J=Object.getPrototypeOf,K=Object.prototype.hasOwnProperty;var X=(s,r)=>{for(var c in r)T(s,c,{get:r[c],enumerable:!0})},W=(s,r,c,v)=>{if(r&&typeof r=="object"||typeof r=="function")for(let d of G(r))!K.call(s,d)&&d!==c&&T(s,d,{get:()=>r[d],enumerable:!(v=U(r,d))||v.enumerable});return s};var Y=(s,r,c)=>(c=s!=null?Q(J(s)):{},W(r||!s||!s.__esModule?T(c,"default",{value:s,enumerable:!0}):c,s)),Z=s=>W(T({},"__esModule",{value:!0}),s);var oe={};X(oe,{default:()=>ie});module.exports=Z(oe);var i=require("react/jsx-runtime"),n=Y(require("react")),u=require("../../components/index.js"),f=require("../../helpers/utils.js"),j=require("../../shared/Styles.js"),F=require("../../hooks/useExposure.js"),k=require("swiper/react"),I=require("swiper/modules"),N=require("framer-motion"),A=require("react-responsive");const $="video",ee="tabs_with_media",te=[{time:2.4,point:2.4,highlightIdx:0},{time:2.5,point:4.9,highlightIdx:1},{time:2.5,point:7.4,highlightIdx:2},{time:2.8,point:10.2,highlightIdx:3},{time:2.6,point:12.8,highlightIdx:4},{time:3.2,point:16,highlightIdx:5}],z=n.default.forwardRef(({data:s,className:r},c)=>{const{title:v,poster:d,video:B,mobvideo:V,items:y=[],timeIdx:p=te}=s,[E,_]=(0,n.useState)(null),S=(0,n.useRef)([]),R=(0,n.useRef)(null),b=(0,n.useRef)(null),L=(0,n.useRef)(null);(0,F.useExposure)(L,{componentType:$,componentName:ee,componentTitle:v}),(0,n.useImperativeHandle)(c,()=>L.current);const ne=e=>{const o=R.current,l=S.current[e];if(o&&l){const t=o.getBoundingClientRect(),w=l.getBoundingClientRect().left-t.left-o.clientWidth/2+l.clientWidth/2;o.scrollTo({left:o.scrollLeft+w,behavior:"smooth"})}},C=(0,A.useMediaQuery)({query:"(max-width: 768px)"}),[se,M,q,x,O]=(0,n.useMemo)(()=>{const l=y.length,t=y?.map((a,m)=>({...a,key:m,index:m}))||[];return[t,t.concat(t),5,2,l]},[y,C]),[g,D]=(0,n.useState)(x),[h,H]=(0,n.useState)(M.slice(0,q)),P=(e,o,l)=>{if(e!==g&&o!==x){if(o>x){const t=o-x,a=[...h];a.splice(0,t);const m=h[h.length-1]?.key+1,w=[...M].splice(m,t);a.push(...w),H([...a])}if(o<x){const t=x-o,a=[...h];a.splice(-t);const m=h[0]?.key,w=[...M].splice(O+m-t,t);a.unshift(...w),H([...a])}if(D(e),E?.slideTo(e),!l){let t=0;p.forEach(a=>{a.highlightIdx<e&&(t+=a.time)}),b.current&&(b.current.currentTime=t)}}};return(0,n.useEffect)(()=>{const e=b.current;if(!e)return;const o=()=>{const l=e.currentTime;for(let t=0;t<p.length;t++){const a=t===0?0:p[t-1].point;if(l>=a&&l<p[t].point){P(p[t].highlightIdx,p[t].highlightIdx,!0);break}}l>=p[p.length-1].point&&(e.currentTime=0,e.play())};return e.addEventListener("timeupdate",o),()=>{e.removeEventListener("timeupdate",o)}},[E,p]),(0,i.jsxs)("section",{ref:L,"data-ui-component-id":"TabsWithMedia",className:(0,f.cn)("flex flex-col overflow-hidden text-[#fff] sm:overflow-visible",r),children:[(0,i.jsx)(u.Heading,{as:"h3",size:4,html:v,className:"text-center"}),(0,i.jsx)("div",{className:" relative w-full overflow-x-auto scrollbar-hidden sm:overflow-visible",children:(0,i.jsx)("div",{className:(0,f.cn)("mx-auto mt-[16px] w-full max-w-[824px] tablet:w-fit"),children:(0,i.jsx)("div",{className:(0,f.cn)("flex translate-x-0 items-center justify-center gap-[16px] transition-all md:gap-[8px]"),ref:R,children:(0,i.jsx)(N.AnimatePresence,{mode:"popLayout",children:h?.map((e,o)=>(0,i.jsx)(N.motion.div,{layout:!0,ref:l=>{S.current[e?.index]=l},onClick:()=>{P(e?.key,o)},className:"min-w-[28px] flex-none cursor-pointer overflow-hidden sm:overflow-visible",initial:{opacity:1},animate:{opacity:1},exit:{opacity:0},transition:{duration:.3,ease:"easeOut"},children:(0,i.jsx)("div",{className:"flex items-center justify-between",children:(0,i.jsxs)("div",{className:(0,f.cn)("flex",{"flex items-center justify-center gap-[8px] rounded-[48px] bg-[#fff] p-2 md:gap-[4px] md:p-1":g===e?.key}),children:[(0,i.jsx)("div",{className:(0,f.cn)("flex h-[28] w-[28] items-center justify-center rounded-full md:flex-shrink-0 lg-desktop:h-[48px] lg-desktop:w-[48px]",{"h-[28px] w-[28px] bg-[#ccc] bg-opacity-50 lg-desktop:h-[48px] lg-desktop:w-[48px]":g!==e?.index}),style:g===e?.key?{background:"var(--1, linear-gradient(90deg, #3AD1FF 0%, #008CD6 100%))"}:void 0,children:(0,i.jsx)(u.Picture,{source:e?.icon?.url,alt:e?.icon?.alt,className:"h-[22px] w-[22px] md:h-[14px] md:w-[14px]"})}),(0,i.jsx)("div",{className:"",children:(0,i.jsx)(u.Heading,{as:"h4",size:2,html:e?.tab,className:(0,f.cn)("dynamic-width-heading line-clamp-1 h-0 w-0 overflow-hidden whitespace-nowrap text-nowrap text-[#000] opacity-0 transition-all duration-300 ease-linear xs:text-[16px] sm:text-[18px]",{"h-auto w-[calc-size(auto,size)] px-[6px] opacity-100":g===e?.key})})})]})})},e?.key))})})})}),(0,i.jsx)("div",{className:"mt-[16px] lg-desktop:mt-[24px]",children:(0,i.jsx)(k.Swiper,{slidesPerView:1,effect:"fade",fadeEffect:{crossFade:!0},modules:[I.Pagination,I.EffectFade],onSlideChange:e=>{const o=e.realIndex;D(o)},onSwiper:e=>_(e),children:y.map((e,o)=>(0,i.jsx)(k.SwiperSlide,{style:{transition:"opacity 1s ease-in-out"},className:"rounded-[26px]",children:(0,i.jsx)("div",{children:(0,i.jsx)(u.Text,{as:"p",size:2,html:e.desc,className:"text-center desktop:text-[20px] lg-desktop:text-[18px]"})})},o))})}),(0,i.jsx)("div",{className:"mt-[24px] overflow-hidden rounded-[22px] laptop:mt-[32px] desktop:mt-[40px] lg-desktop:mt-[64px]",children:(0,i.jsx)("video",{className:"mx-auto h-[360px] w-fit desktop:h-[448px] lg-desktop:h-[560px]",src:C?V?.url:B?.url,poster:d?.url,playsInline:!0,autoPlay:!0,muted:!0,loop:!0,ref:b})})]})});z.displayName="TabsWithMedia";var ie=(0,j.withLayout)(z);
-//# sourceMappingURL=TabsWithMedia.js.map

package/dist/cjs/biz-components/TabsWithMedia/TabsWithMedia.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/TabsWithMedia/TabsWithMedia.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react'\nimport { Heading, Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport type { TabsWithMediaProps, TabItem, TimeIndex } from './types.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { Pagination, EffectFade } from 'swiper/modules'\nimport type { Swiper as SwiperType } from 'swiper'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport { useMediaQuery } from 'react-responsive'\n\nconst componentType = 'video'\nconst componentName = 'tabs_with_media'\n\n// \u9ED8\u8BA4\u65F6\u95F4\u70B9\u914D\u7F6E\nconst defaultTimeIdx: TimeIndex[] = [\n  { time: 2.4, point: 2.4, highlightIdx: 0 },\n  { time: 2.5, point: 4.9, highlightIdx: 1 },\n  { time: 2.5, point: 7.4, highlightIdx: 2 },\n  { time: 2.8, point: 10.2, highlightIdx: 3 },\n  { time: 2.6, point: 12.8, highlightIdx: 4 },\n  { time: 3.2, point: 16, highlightIdx: 5 },\n]\n\nconst TabsWithMedia = React.forwardRef<HTMLDivElement, TabsWithMediaProps>(({ data, className }, ref) => {\n  const { title, poster, video, mobvideo, items = [], timeIdx = defaultTimeIdx } = data\n\n  const [swiper, setSwiper] = useState<SwiperType | null>(null)\n  const tabRefs = useRef<(HTMLDivElement | null)[]>([])\n  const scrollContainerRef = useRef<HTMLDivElement>(null)\n  const videoRef = useRef<HTMLVideoElement>(null)\n  const boxRef = useRef<HTMLDivElement>(null)\n\n  useExposure(boxRef, {\n    componentType,\n    componentName,\n    componentTitle: title,\n  })\n\n  useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n  const scrollToTabCenter = (index: number) => {\n    const container = scrollContainerRef.current\n    const tab = tabRefs.current[index]\n\n    if (container && tab) {\n      const containerRect = container.getBoundingClientRect()\n      const tabRect = tab.getBoundingClientRect()\n      const offset = tabRect.left - containerRect.left\n      const scroll = offset - container.clientWidth / 2 + tab.clientWidth / 2\n\n      container.scrollTo({\n        left: container.scrollLeft + scroll,\n        behavior: 'smooth',\n      })\n    }\n  }\n\n  const isMob = useMediaQuery({ query: '(max-width: 768px)' })\n\n  const [list, listDouble, row, center, listLength] = useMemo(() => {\n    const row = 5\n    const center = 2\n    const listLength = items.length\n\n    const list =\n      items?.map((item: TabItem, index: number) => {\n        return {\n          ...item,\n          key: index,\n          index: index,\n        }\n      }) || []\n\n    return [list, list.concat(list), row, center, listLength]\n  }, [items, isMob])\n\n  const [idx, setIdx] = useState(center)\n\n  const [cureentList, setCureentList] = useState(listDouble.slice(0, row))\n\n  // \u70B9\u51FB tab \u8DF3\u8F6C\u5BF9\u5E94\u89C6\u9891\u4F4D\u7F6E\n  const handleNavClick = (key: number, index: number, isAuto?: boolean) => {\n    if (key === idx) return\n    if (index === center) return\n    if (index > center) {\n      const gap = index - center\n      const copy = [...cureentList]\n      copy.splice(0, gap)\n      const lastkey = (cureentList[cureentList.length - 1] as any)?.key + 1\n      const add = [...listDouble].splice(lastkey, gap)\n      copy.push(...add)\n      setCureentList([...copy])\n    }\n    if (index < center) {\n      const gap = center - index\n      const copy = [...cureentList]\n      copy.splice(-gap)\n      const firstkey = (cureentList[0] as any)?.key\n      const add = [...listDouble].splice(listLength + firstkey - gap, gap)\n      copy.unshift(...add)\n      setCureentList([...copy])\n    }\n\n    setIdx(key)\n    swiper?.slideTo(key)\n\n    if (!isAuto) {\n      let time = 0\n      timeIdx.forEach(item => {\n        if (item.highlightIdx < key) {\n          time += item.time\n        }\n      })\n      if (videoRef.current) {\n        videoRef.current.currentTime = time\n      }\n    }\n  }\n\n  // \u64AD\u653E\u65F6\u6839\u636E\u65F6\u95F4\u5207\u6362 Swiper + tab\n  useEffect(() => {\n    const video = videoRef.current\n    if (!video) return\n\n    const handleTimeUpdate = () => {\n      const currentTime = video.currentTime\n\n      // \u81EA\u52A8\u5207\u6362\u5185\u5BB9\n      for (let i = 0; i < timeIdx.length; i++) {\n        const prev = i === 0 ? 0 : timeIdx[i - 1].point\n        if (currentTime >= prev && currentTime < timeIdx[i].point) {\n          handleNavClick(timeIdx[i].highlightIdx, timeIdx[i].highlightIdx, true)\n          break\n        }\n      }\n\n      // \u4FEE\u590D\uFF1A\u64AD\u653E\u5230\u6700\u540E\u540E\u81EA\u52A8\u5F52\u96F6\u5E76\u91CD\u65B0\u64AD\u653E\n      if (currentTime >= timeIdx[timeIdx.length - 1].point) {\n        video.currentTime = 0\n        video.play()\n      }\n    }\n\n    video.addEventListener('timeupdate', handleTimeUpdate)\n    return () => {\n      video.removeEventListener('timeupdate', handleTimeUpdate)\n    }\n  }, [swiper, timeIdx])\n\n  return (\n    <section\n      ref={boxRef}\n      data-ui-component-id=\"TabsWithMedia\"\n      className={cn('flex flex-col overflow-hidden text-[#fff] sm:overflow-visible', className)}\n    >\n      <Heading as=\"h3\" size={4} html={title} className=\"text-center\" />\n      <div className=\" relative w-full overflow-x-auto scrollbar-hidden sm:overflow-visible\">\n        <div className={cn('mx-auto mt-[16px] w-full max-w-[824px] tablet:w-fit')}>\n          <div\n            className={cn('flex translate-x-0 items-center justify-center gap-[16px] transition-all md:gap-[8px]')}\n            ref={scrollContainerRef}\n          >\n            <AnimatePresence mode=\"popLayout\">\n              {cureentList?.map((item: any, index: number) => (\n                <motion.div\n                  {...({ layout: true } as any)}\n                  key={item?.key}\n                  ref={el => {\n                    tabRefs.current[item?.index] = el\n                  }}\n                  onClick={() => {\n                    handleNavClick(item?.key, index)\n                  }}\n                  className=\"min-w-[28px] flex-none cursor-pointer overflow-hidden sm:overflow-visible\"\n                  initial={{ opacity: 1 }}\n                  animate={{ opacity: 1 }}\n                  exit={{ opacity: 0 }}\n                  transition={{\n                    duration: 0.3,\n                    ease: 'easeOut',\n                  }}\n                >\n                  <div className=\"flex items-center justify-between\">\n                    <div\n                      className={cn('flex', {\n                        'flex items-center justify-center gap-[8px] rounded-[48px] bg-[#fff] p-2 md:gap-[4px] md:p-1':\n                          idx === item?.key,\n                      })}\n                    >\n                      <div\n                        className={cn(\n                          'flex h-[28] w-[28] items-center justify-center rounded-full md:flex-shrink-0 lg-desktop:h-[48px] lg-desktop:w-[48px]',\n                          {\n                            'h-[28px] w-[28px] bg-[#ccc] bg-opacity-50 lg-desktop:h-[48px] lg-desktop:w-[48px]':\n                              idx !== item?.index,\n                          }\n                        )}\n                        style={\n                          idx === item?.key\n                            ? {\n                                background: 'var(--1, linear-gradient(90deg, #3AD1FF 0%, #008CD6 100%))',\n                              }\n                            : undefined\n                        }\n                      >\n                        <Picture\n                          source={item?.icon?.url}\n                          alt={item?.icon?.alt}\n                          className=\"h-[22px] w-[22px] md:h-[14px] md:w-[14px]\"\n                        />\n                      </div>\n\n                      <div className=\"\">\n                        <Heading\n                          as=\"h4\"\n                          size={2}\n                          html={item?.tab}\n                          className={cn(\n                            'dynamic-width-heading line-clamp-1 h-0 w-0 overflow-hidden whitespace-nowrap text-nowrap text-[#000] opacity-0 transition-all duration-300 ease-linear xs:text-[16px] sm:text-[18px]',\n                            {\n                              'h-auto w-[calc-size(auto,size)] px-[6px] opacity-100': idx === item?.key,\n                            }\n                          )}\n                        />\n                      </div>\n                    </div>\n                  </div>\n                </motion.div>\n              ))}\n            </AnimatePresence>\n          </div>\n        </div>\n      </div>\n      <div className=\"mt-[16px] lg-desktop:mt-[24px]\">\n        <Swiper\n          slidesPerView={1}\n          effect=\"fade\"\n          fadeEffect={{ crossFade: true }}\n          modules={[Pagination, EffectFade]}\n          onSlideChange={swiper => {\n            const newIndex = swiper.realIndex\n            setIdx(newIndex)\n          }}\n          onSwiper={swiper => setSwiper(swiper)}\n        >\n          {items.map((it: TabItem, ind: number) => (\n            <SwiperSlide key={ind} style={{ transition: 'opacity 1s ease-in-out' }} className=\"rounded-[26px]\">\n              <div>\n                <Text\n                  as=\"p\"\n                  size={2}\n                  html={it.desc}\n                  className=\"text-center desktop:text-[20px] lg-desktop:text-[18px]\"\n                />\n              </div>\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      </div>\n      <div className=\"mt-[24px] overflow-hidden rounded-[22px] laptop:mt-[32px] desktop:mt-[40px] lg-desktop:mt-[64px]\">\n        <video\n          className=\"mx-auto h-[360px] w-fit desktop:h-[448px] lg-desktop:h-[560px]\"\n          src={isMob ? mobvideo?.url : video?.url}\n          poster={poster?.url}\n          playsInline\n          autoPlay\n          muted\n          loop\n          ref={videoRef}\n        />\n      </div>\n    </section>\n  )\n})\n\nTabsWithMedia.displayName = 'TabsWithMedia'\n\nexport default withLayout(TabsWithMedia)\n"],
-  "mappings": "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",
-  "names": ["TabsWithMedia_exports", "__export", "TabsWithMedia_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_utils", "import_Styles", "import_useExposure", "import_modules", "import_framer_motion", "import_react_responsive", "componentType", "componentName", "defaultTimeIdx", "TabsWithMedia", "React", "data", "className", "ref", "title", "poster", "video", "mobvideo", "items", "timeIdx", "swiper", "setSwiper", "tabRefs", "scrollContainerRef", "videoRef", "boxRef", "scrollToTabCenter", "index", "container", "tab", "containerRect", "scroll", "isMob", "list", "listDouble", "row", "center", "listLength", "item", "idx", "setIdx", "cureentList", "setCureentList", "handleNavClick", "key", "isAuto", "gap", "copy", "lastkey", "add", "firstkey", "time", "handleTimeUpdate", "currentTime", "i", "prev", "el", "newIndex", "it", "ind"]
-}

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

@@ -1,2 +0,0 @@
-export { default } from './TabsWithMedia.js';
-export type { TabsWithMediaProps, TabItem, TimeIndex } from './types.js';

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

@@ -1,2 +0,0 @@
-"use strict";var d=Object.create;var r=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var b=(e,t)=>{for(var o in t)r(e,o,{get:t[o],enumerable:!0})},m=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let p of i(t))!T.call(e,p)&&p!==o&&r(e,p,{get:()=>t[p],enumerable:!(a=f(t,p))||a.enumerable});return e};var y=(e,t,o)=>(o=e!=null?d(x(e)):{},m(t||!e||!e.__esModule?r(o,"default",{value:e,enumerable:!0}):o,e)),I=e=>m(r({},"__esModule",{value:!0}),e);var h={};b(h,{default:()=>s.default});module.exports=I(h);var s=y(require("./TabsWithMedia.js"));
-//# sourceMappingURL=index.js.map