@anker-in/headless-ui 1.1.9-temp-120108 → 1.1.10

package/dist/esm/biz-components/ProductNav/ProductNav.js

@@ -1,2 +0,0 @@
-"use client";import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as N,useEffect as y,forwardRef as E,useImperativeHandle as P,useRef as T}from"react";import{cn as i}from"../../helpers/utils.js";import{withLayout as L}from"../../shared/Styles.js";import{Button as x,Text as d}from"../../components/index.js";import{useExposure as C}from"../../hooks/useExposure.js";import*as c from"@radix-ui/react-popover";const D="navigation",H="product_nav",M=s=>e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s,children:e("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.66667",strokeLinecap:"round",strokeLinejoin:"round"})}),v=E(({className:s="",data:m,id:u},f)=>{const{tabLinks:p=[],anchorList:h=[],textLink:a,buyBtn:r,theme:k="light"}=m||{},[g,w]=N(""),l=T(null);P(f,()=>l.current),C(l,{componentType:D,componentName:H}),y(()=>{const t=()=>{w(window.location.hash)};return t(),window.addEventListener("hashchange",t),()=>{window.removeEventListener("hashchange",t)}},[]);const b=t=>{t.target.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})};return o("div",{id:u,ref:l,className:i("product-nav text-info-primary bg-container-primary tablet:px-8 laptop:px-16 desktop:px-16 lg-desktop:px-[calc(50%-832px)] !sticky top-0 !z-[51] flex w-full justify-between overflow-hidden px-4 py-0",{"aiui-dark":k==="dark"},s),children:[o("div",{className:"product-nav-main desktop:flex-row desktop:gap-[48px] flex w-full flex-col justify-start",children:[o("div",{className:"product-nav-header laptop:w-full desktop:w-fit desktop:gap-[24px] desktop:py-0 flex w-full flex-row items-center justify-between gap-[16px] pt-[14px]",children:[o("div",{className:"product-nav-tabs flex flex-row items-center gap-[8px]",children:[p.map((t,n)=>o("div",{className:"product-nav-tab-item flex items-center gap-[8px]",children:[e("a",{href:t.link,className:i("product-nav-tab-link hover:text-brand-color text-nowrap text-[14px] font-bold tracking-[-0.04em]",{"text-[#6D6D6F]":n!==0,"hidden desktop:block":n===1}),children:e("span",{children:t.label})}),n!==p.length-1&&e("div",{className:"product-nav-tab-divider desktop:inline-block hidden h-[14px] w-px bg-[#E4E5E6]"})]},t.link||n)),p.length>1&&o(c.Root,{children:[e(c.Trigger,{asChild:!0,children:e("button",{className:"product-nav-dropdown-trigger desktop:hidden -ml-[4px] inline-block","aria-label":"More products",children:e(M,{className:"text-[#1D1D1F]"})})}),e(c.Content,{className:"product-nav-dropdown-content rounded-[6px] border border-[#E4E5E6] bg-white p-[6px] px-[8px] py-[4px]",style:{boxShadow:"0px 4px 8px 0px rgba(0,0,0,0.12)"},side:"bottom",align:"end",alignOffset:10,sideOffset:10,children:p.slice(1).map(t=>e("a",{href:t.link,className:"product-nav-dropdown-link hover:text-brand-color text-nowrap",children:e("span",{children:t.label})},t.link))})]})]}),o("div",{className:"product-nav-mobile-actions desktop:hidden desktop:gap-[24px] flex items-center gap-[16px]",children:[a?.link&&e("a",{href:a.link,target:a.target||"_self",className:"product-nav-text-link hover:text-brand-color cursor-pointer",children:e(d,{size:2,className:"text-nowrap",children:a.text})}),r?.link&&e(x,{as:"a",href:r.link,size:"sm",className:"product-nav-buy-button text-nowrap",children:r.text})]})]}),e("div",{className:"product-nav-anchors hide-scrollbar laptop:w-fit desktop:gap-[24px] desktop:py-[8px] flex w-full items-center gap-[16px] overflow-x-scroll py-[12px]",children:h.map(t=>o("a",{href:`#${t.id}`,className:"product-nav-anchor-link",onClick:n=>{b(n)},children:[e(d,{size:2,className:"product-nav-anchor-text text-nowrap",children:t.label}),e("div",{className:i("product-nav-anchor-indicator laptop:top-[12px] desktop:top-[10px] relative top-[12px] h-[4px] w-full bg-transparent",{"bg-brand-color":g===`#${t.id}`})})]},t.id))})]}),o("div",{className:"product-nav-desktop-actions desktop:flex desktop:gap-[24px] desktop:py-[8px] hidden items-center gap-[16px]",children:[a?.link&&e("a",{href:a.link,target:a.target||"_self",className:"product-nav-text-link hover:text-brand-color cursor-pointer text-black",children:e(d,{size:2,className:"text-nowrap",children:a.text})}),r?.link&&e(x,{as:"a",href:r.link,size:"sm",className:"product-nav-buy-button text-nowrap",children:r.text})]})]})});v.displayName="ProductNav";var V=L(v);export{V as default};
-//# sourceMappingURL=ProductNav.js.map

package/dist/esm/biz-components/ProductNav/ProductNav.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ProductNav/ProductNav.tsx"],
-  "sourcesContent": ["'use client'\nimport { useState, useEffect, forwardRef, useImperativeHandle, useRef } from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { Button, Text } from '../../components/index.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport type { ProductNavProps } from './types.js'\nimport * as Popover from '@radix-ui/react-popover'\n\nconst componentType = 'navigation'\nconst componentName = 'product_nav'\n\nconst ChevronDownIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        d=\"M5 7.5L10 12.5L15 7.5\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.66667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nconst ProductNav = forwardRef<HTMLDivElement, ProductNavProps>(({ className = '', data, id }, ref) => {\n  const { tabLinks = [], anchorList = [], textLink, buyBtn, theme = 'light' } = data || {}\n  const [hash, setHash] = useState('')\n  const innerRef = useRef<HTMLDivElement>(null)\n\n  useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n\n  useExposure(innerRef, {\n    componentType,\n    componentName,\n  })\n\n  // \u76D1\u542Chash\u53D8\u5316\n  useEffect(() => {\n    const handleHashChange = () => {\n      setHash(window.location.hash)\n    }\n    handleHashChange()\n    window.addEventListener('hashchange', handleHashChange)\n    return () => {\n      window.removeEventListener('hashchange', handleHashChange)\n    }\n  }, [])\n\n  // \u5904\u7406\u951A\u70B9\u70B9\u51FB\u6EDA\u52A8\n  const handleAnchorClick = (e: React.MouseEvent) => {\n    const target = e.target as HTMLElement\n    target.scrollIntoView({\n      behavior: 'smooth',\n      block: 'nearest',\n      inline: 'center',\n    })\n  }\n\n  return (\n    <div\n      id={id}\n      ref={innerRef}\n      className={cn(\n        'product-nav text-info-primary bg-container-primary tablet:px-8 laptop:px-16 desktop:px-16 lg-desktop:px-[calc(50%-832px)] !sticky top-0 !z-[51] flex w-full justify-between overflow-hidden px-4 py-0',\n        {\n          'aiui-dark': theme === 'dark',\n        },\n        className\n      )}\n    >\n      <div className=\"product-nav-main desktop:flex-row desktop:gap-[48px] flex w-full flex-col justify-start\">\n        {/* Tab Links Section */}\n        <div className=\"product-nav-header laptop:w-full desktop:w-fit desktop:gap-[24px] desktop:py-0 flex w-full flex-row items-center justify-between gap-[16px] pt-[14px]\">\n          <div className=\"product-nav-tabs flex flex-row items-center gap-[8px]\">\n            {tabLinks.map((tabLink, index) => {\n              return (\n                <div key={tabLink.link || index} className=\"product-nav-tab-item flex items-center gap-[8px]\">\n                  <a\n                    href={tabLink.link}\n                    className={cn(\n                      'product-nav-tab-link hover:text-brand-color text-nowrap text-[14px] font-bold tracking-[-0.04em]',\n                      {\n                        'text-[#6D6D6F]': index !== 0,\n                        'hidden desktop:block': index === 1,\n                      }\n                    )}\n                    // onClick={() => onShowSpecs?.(false)}\n                  >\n                    <span>{tabLink.label}</span>\n                  </a>\n                  {index !== tabLinks.length - 1 && (\n                    <div className=\"product-nav-tab-divider desktop:inline-block hidden h-[14px] w-px bg-[#E4E5E6]\" />\n                  )}\n                </div>\n              )\n            })}\n\n            {/* Mobile Dropdown */}\n            {tabLinks.length > 1 && (\n              <Popover.Root>\n                <Popover.Trigger asChild>\n                  <button\n                    className=\"product-nav-dropdown-trigger desktop:hidden -ml-[4px] inline-block\"\n                    aria-label=\"More products\"\n                  >\n                    <ChevronDownIcon className=\"text-[#1D1D1F]\" />\n                  </button>\n                </Popover.Trigger>\n                <Popover.Content\n                  className=\"product-nav-dropdown-content rounded-[6px] border border-[#E4E5E6] bg-white p-[6px] px-[8px] py-[4px]\"\n                  style={{\n                    boxShadow: '0px 4px 8px 0px rgba(0,0,0,0.12)',\n                  }}\n                  side=\"bottom\"\n                  align=\"end\"\n                  alignOffset={10}\n                  sideOffset={10}\n                >\n                  {tabLinks.slice(1).map(tabLink => (\n                    <a\n                      key={tabLink.link}\n                      href={tabLink.link}\n                      className=\"product-nav-dropdown-link hover:text-brand-color text-nowrap\"\n                    >\n                      <span>{tabLink.label}</span>\n                    </a>\n                  ))}\n                </Popover.Content>\n              </Popover.Root>\n            )}\n          </div>\n\n          {/* Mobile Actions */}\n          <div className=\"product-nav-mobile-actions desktop:hidden desktop:gap-[24px] flex items-center gap-[16px]\">\n            {/* {specs?.text && (\n                <Text\n                  size={2}\n                  onClick={handleSpecsClick}\n                  className=\"product-nav-specs-button cursor-pointer hover:text-brand-color\"\n                >\n                  {specs.text}\n                </Text>\n              )} */}\n            {textLink?.link && (\n              <a\n                href={textLink.link}\n                target={textLink.target || '_self'}\n                className=\"product-nav-text-link hover:text-brand-color cursor-pointer\"\n              >\n                <Text size={2} className=\"text-nowrap\">\n                  {textLink.text}\n                </Text>\n              </a>\n            )}\n            {buyBtn?.link && (\n              <Button as=\"a\" href={buyBtn.link} size=\"sm\" className=\"product-nav-buy-button text-nowrap\">\n                {buyBtn.text}\n              </Button>\n            )}\n          </div>\n        </div>\n\n        {/* Anchor Navigation */}\n        <div className=\"product-nav-anchors hide-scrollbar laptop:w-fit desktop:gap-[24px] desktop:py-[8px] flex w-full items-center gap-[16px] overflow-x-scroll py-[12px]\">\n          {anchorList.map(anchor => (\n            <a\n              key={anchor.id}\n              href={`#${anchor.id}`}\n              className=\"product-nav-anchor-link\"\n              onClick={e => {\n                handleAnchorClick(e)\n              }}\n            >\n              <Text size={2} className=\"product-nav-anchor-text text-nowrap\">\n                {anchor.label}\n              </Text>\n              <div\n                className={cn(\n                  'product-nav-anchor-indicator laptop:top-[12px] desktop:top-[10px] relative top-[12px] h-[4px] w-full bg-transparent',\n                  {\n                    'bg-brand-color': hash === `#${anchor.id}`,\n                  }\n                )}\n              />\n            </a>\n          ))}\n        </div>\n      </div>\n\n      {/* Desktop Actions */}\n      <div className=\"product-nav-desktop-actions desktop:flex desktop:gap-[24px] desktop:py-[8px] hidden items-center gap-[16px]\">\n        {/* {specs?.text && (\n            <Text\n              size={2}\n              onClick={handleSpecsClick}\n              className=\"product-nav-specs-button cursor-pointer text-black hover:text-brand-color\"\n            >\n              {specs.text}\n            </Text>\n          )} */}\n        {textLink?.link && (\n          <a\n            href={textLink.link}\n            target={textLink.target || '_self'}\n            className=\"product-nav-text-link hover:text-brand-color cursor-pointer text-black\"\n          >\n            <Text size={2} className=\"text-nowrap\">\n              {textLink.text}\n            </Text>\n          </a>\n        )}\n        {buyBtn?.link && (\n          <Button as=\"a\" href={buyBtn.link} size=\"sm\" className=\"product-nav-buy-button text-nowrap\">\n            {buyBtn.text}\n          </Button>\n        )}\n      </div>\n    </div>\n  )\n})\n\nProductNav.displayName = 'ProductNav'\n\nexport default withLayout(ProductNav)\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "useState", "useEffect", "forwardRef", "useImperativeHandle", "useRef", "cn", "withLayout", "Button", "Text", "useExposure", "Popover", "componentType", "componentName", "ChevronDownIcon", "props", "ProductNav", "className", "data", "id", "ref", "tabLinks", "anchorList", "textLink", "buyBtn", "theme", "hash", "setHash", "innerRef", "handleHashChange", "handleAnchorClick", "e", "tabLink", "index", "anchor", "ProductNav_default"]
-}

package/dist/esm/biz-components/ProductNav/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './ProductNav.js';
-export * from './types.js';

package/dist/esm/biz-components/ProductNav/index.js

@@ -1,2 +0,0 @@
-import{default as e}from"./ProductNav.js";export*from"./types.js";export{e as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/ProductNav/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ProductNav/index.ts"],
-  "sourcesContent": ["export { default } from './ProductNav.js'\nexport * from './types.js'\n"],
-  "mappings": "AAAA,OAAS,WAAAA,MAAe,kBACxB,WAAc",
-  "names": ["default"]
-}

package/dist/esm/biz-components/ProductNav/types.d.ts

@@ -1,35 +0,0 @@
-import type { ComponentCommonProps, Theme } from '../../types/props.js';
-export interface TabLink {
-    link: string;
-    label: string;
-}
-export interface AnchorItem {
-    id: string;
-    label: string;
-}
-export interface BuyButton {
-    link: string;
-    text: string;
-}
-export interface TextLink {
-    /** 链接地址 */
-    link: string;
-    /** 链接文字 */
-    text: string;
-    /** 打开方式，默认为当前窗口 */
-    target?: '_self' | '_blank';
-}
-export interface ProductNavProps extends ComponentCommonProps {
-    data: {
-        /** 产品页签链接 */
-        tabLinks?: TabLink[];
-        /** 锚点导航列表 */
-        anchorList?: AnchorItem[];
-        /** 文字链接，显示在购买按钮左边 */
-        textLink?: TextLink;
-        /** 购买按钮 */
-        buyBtn?: BuyButton;
-        /** 主题，默认 light */
-        theme?: Theme;
-    };
-}

package/dist/esm/biz-components/ProductNav/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

package/dist/esm/biz-components/ProductNav/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/esm/biz-components/SectionHeading/SectionHeading.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { SectionHeadingProps } from './types.js';
-declare const SectionHeading: React.ForwardRefExoticComponent<SectionHeadingProps & React.RefAttributes<HTMLDivElement>>;
-export default SectionHeading;

package/dist/esm/biz-components/SectionHeading/types.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface SectionHeadingProps {
-    title: string;
-    className?: string;
-    children: React.ReactNode;
-}

package/dist/esm/biz-components/Shelf/Shelf.d.ts

@@ -1,8 +0,0 @@
-import type { ShelfProps } from './types.js';
-declare const _default: {
-    (props: Omit<ShelfProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
-        className?: string;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default _default;

package/dist/esm/biz-components/Shelf/index.d.ts

@@ -1 +0,0 @@
-export { default } from './Shelf.js';

package/dist/esm/biz-components/Shelf/types.d.ts

@@ -1,6 +0,0 @@
-export type ShelfProps = {
-    id: string;
-    title: string;
-    subtitle: string;
-    products: any[];
-};

package/dist/esm/biz-components/ShelfDisplay/tab.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface TabsProps {
-    tabs: any[];
-    onTabClick?: (value: any) => void;
-}
-declare const Tab: React.FC<TabsProps>;
-export default Tab;

package/dist/esm/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 | undefined;
-    data?: Record<string, any> | undefined;
-}, "ref"> & React.RefAttributes<any>>;
-export default _default;

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

@@ -1,2 +0,0 @@
-"use client";import{jsx as o,jsxs as i}from"react/jsx-runtime";import S,{useRef as u,useImperativeHandle as E,useState as C}from"react";import{Heading as v}from"../../components/index.js";import{cn as l}from"../../helpers/utils.js";import{withLayout as H}from"../../shared/Styles.js";import{useExposure as L}from"../../hooks/useExposure.js";const M="specs",R="specs_comparison",f=S.forwardRef(({data:_,className:b},g)=>{const{LeftMenu:n,RightMenu:c}=_||{},[w,h]=C(""),m=u({}),r=u(null);L(r,{componentType:M,componentName:R,componentTitle:"Specs Comparison"}),E(g,()=>r.current);const p=e=>e?o("div",{className:"specs-comparison__value-wrapper break-all",children:o("p",{className:"specs-comparison__value min-xl:text-base min-xxl:text-lg text-sm font-bold text-[#1D1D1F]",dangerouslySetInnerHTML:{__html:e||""}})}):null,N=e=>e.map((s,a)=>{const F=a===0,d=c?.menus?.[0]?.subTitle,t=c?.menus?.[1]?.subTitle,D=t&&t[s],T=/^[✅❌]$/,x=D&&(t[s]!==d?.[s]||T.test(t[s]));return i("div",{className:l("specs-comparison__row l:flex-col box-border flex w-full overflow-hidden border-t border-t-[#E4E5E6]",F&&"specs-comparison__row--first border-t-0"),children:[o(v,{as:"h3",html:s||"",className:"specs-comparison__spec-label 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 mr-4 flex-1 pt-4 text-base font-bold text-[#000000]"}),i("div",{className:l("specs-comparison__values-grid l:w-full l:gap-4 min-l:gap-8 min-xl:gap-12 min-xl:p-6 min-xxl:gap-16 grid flex-1 place-self-center pb-4 pt-2",x?"specs-comparison__values-grid--double grid-cols-2":"specs-comparison__values-grid--single grid-cols-1"),children:[p(d?.[s]),x&&p(t?.[s])]})]},s)}),y=e=>{const{subTitle:s}=e;return N(s)};return o("div",{ref:r,"data-ui-component-id":"SpecsComparison",className:l("specs-comparison w-full overflow-hidden bg-[#F5F5F7]",b),children:o("div",{className:"specs-comparison__container container mx-auto",children:n?.data?i("div",{className:"specs-comparison__wrapper min-l:mb-24 min-xl:mb-32 my-16 box-border flex w-full overflow-hidden",children:[n.data.length>1?o("div",{className:"specs-comparison__sidebar l:hidden min-l:mr-6 min-xl:mr-12 flex",children:o("div",{className:"specs-comparison__nav min-l:w-[196px] min-xl:w-[284px] min-xxl:w-[356px] box-border overflow-hidden",children:n.data.map(e=>o("div",{onClick:()=>{h(e.title),m.current[e.title]?.scrollIntoView({behavior:"smooth"})},title:e.title||"",className:l("specs-comparison__nav-item rounded-btn min-xxl:py-4 min-xxl:text-lg box-border cursor-pointer overflow-hidden truncate px-6 py-2 text-base font-bold leading-9 text-[#1D1D1F]",w===e.title&&"specs-comparison__nav-item--active bg-[#FFFFFF]"),children:e.title||""},e.title))})}):null,o("div",{className:"specs-comparison__content box-border flex-1 overflow-hidden",children:o("div",{className:"specs-comparison__sections w-full",children:n.data.map((e,s)=>i("div",{className:"specs-comparison__section w-full overflow-hidden pt-10 first:pt-0",ref:a=>{m.current[e.title]=a},children:[e.title&&o(v,{as:"h2",className:"specs-comparison__section-title min-l:text-[32px] mb-6 text-2xl font-bold",html:e.title||""}),y(e)]},s))})})]}):null})})});f.displayName="SpecsComparison";var j=H(f);export{j as default};
-//# sourceMappingURL=SpecsComparison.js.map

package/dist/esm/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 } 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>(({ 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=\"specs-comparison__value-wrapper break-all\">\n        <p\n          className=\"specs-comparison__value min-xl:text-base min-xxl:text-lg text-sm font-bold text-[#1D1D1F]\"\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 = hasRightData && (rightData[st] !== leftData?.[st] || reg.test(rightData[st]))\n\n      return (\n        <div\n          key={st}\n          className={cn(\n            'specs-comparison__row l:flex-col box-border flex w-full overflow-hidden border-t border-t-[#E4E5E6]',\n            isFirstParameter && 'specs-comparison__row--first border-t-0'\n          )}\n        >\n          <Heading\n            as=\"h3\"\n            html={st || ''}\n            className=\"specs-comparison__spec-label 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 mr-4 flex-1 pt-4 text-base font-bold text-[#000000]\"\n          />\n          <div\n            className={cn(\n              'specs-comparison__values-grid l:w-full l:gap-4 min-l:gap-8 min-xl:gap-12 min-xl:p-6 min-xxl:gap-16 grid flex-1 place-self-center pb-4 pt-2',\n              isSame\n                ? 'specs-comparison__values-grid--double grid-cols-2'\n                : 'specs-comparison__values-grid--single 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('specs-comparison w-full overflow-hidden bg-[#F5F5F7]', className)}\n    >\n      <div className=\"specs-comparison__container container mx-auto\">\n        {LeftMenu?.data ? (\n          <div className=\"specs-comparison__wrapper min-l:mb-24 min-xl:mb-32 my-16 box-border flex w-full overflow-hidden\">\n            {LeftMenu.data.length > 1 ? (\n              <div className=\"specs-comparison__sidebar l:hidden min-l:mr-6 min-xl:mr-12 flex\">\n                <div className=\"specs-comparison__nav min-l:w-[196px] min-xl:w-[284px] min-xxl:w-[356px] box-border overflow-hidden\">\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                          'specs-comparison__nav-item rounded-btn min-xxl:py-4 min-xxl:text-lg box-border cursor-pointer overflow-hidden truncate px-6 py-2 text-base font-bold leading-9 text-[#1D1D1F]',\n                          selectItem === item.title && 'specs-comparison__nav-item--active bg-[#FFFFFF]'\n                        )}\n                      >\n                        {item.title || ''}\n                      </div>\n                    )\n                  })}\n                </div>\n              </div>\n            ) : null}\n            <div className=\"specs-comparison__content box-border flex-1 overflow-hidden\">\n              <div className=\"specs-comparison__sections w-full\">\n                {LeftMenu.data.map((item, index) => {\n                  return (\n                    <div\n                      key={index}\n                      className=\"specs-comparison__section 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=\"specs-comparison__section-title min-l:text-[32px] mb-6 text-2xl font-bold\"\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\nSpecsComparison.displayName = 'SpecsComparison'\n\nexport default withLayout(SpecsComparison)\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "React", "useRef", "useImperativeHandle", "useState", "Heading", "cn", "withLayout", "useExposure", "componentType", "componentName", "SpecsComparison", "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", "SpecsComparison_default"]
-}

package/dist/esm/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/esm/biz-components/SpecsComparison/index.js

@@ -1,2 +0,0 @@
-import{default as p}from"./SpecsComparison.js";export{p as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/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 { SpecsComparisonProps, SpecsComparisonMenuItem, SpecsComparisonLeftMenuItem } from './types.js'\n"],
-  "mappings": "AAAA,OAAS,WAAAA,MAAe",
-  "names": ["default"]
-}

package/dist/esm/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/esm/biz-components/SpecsComparison/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/esm/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 | undefined;
-    data?: Record<string, any> | undefined;
-}, "ref"> & React.RefAttributes<any>>;
-export default _default;

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

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

package/dist/esm/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(\n        'tab-with-image l:gap-[24px] min-md:justify-between min-l:gap-[20px] flex text-white xl:flex-col',\n        className\n      )}\n    >\n      <div className=\"tab-with-image__content min-md:gap-[24px] laptop:basis-[36%] inline-flex flex-col justify-center\">\n        <div className=\"tab-with-image__header\">\n          <Heading as={'h3'} size={4} html={title} className=\"tab-with-image__title\" />\n          <Text\n            as={'p'}\n            size={1}\n            html={desc}\n            className=\"tab-with-image__description tablet:text-[14px] laptop:text-[14px] desktop:text-[16px] lg-desktop:text-[18px] mt-[4px] text-[14px]\"\n          />\n        </div>\n\n        <div className=\"tab-with-image__tabs-wrapper md:scrollbar-hidden relative md:overflow-hidden md:overflow-x-scroll\">\n          <div className=\"tab-with-image__tabs rounded-btn relative inline-flex bg-[#1D1D1F] px-[4px] md:my-[24px]\">\n            {/* \u6ED1\u52A8\u80CC\u666F */}\n            <div\n              className=\"tab-with-image__slider rounded-btn absolute inset-y-0 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                  'tab-with-image__tab rounded-btn min-xxl:px-[28px] min-xxl:py-[15px] relative z-10 cursor-pointer px-[20px] py-[10px] text-center text-[12px] font-medium transition-colors duration-300 md:px-[20px] md:py-[10px]',\n                  activeIndex === index ? 'tab-with-image__tab--active text-black' : 'text-white'\n                )}\n              >\n                <Heading\n                  as=\"h1\"\n                  size={1}\n                  html={item?.title}\n                  className=\"tab-with-image__tab-title text-balance-normal !whitespace-nowrap md:text-[14px]\"\n                />\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n      <div className=\"tab-with-image__image-wrapper 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] relative w-full shrink md:aspect-[358/360]\">\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=\"tab-with-image__image-motion 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=\"tab-with-image__image rounded-box min-xxl:aspect-[824/560] min-xxl:max-w-[824px] tablet:aspect-[704/360] laptop:aspect-[744/336] desktop:aspect-[648/448] md:aspect-[358/360] \"\n              />\n            </motion.div>\n          )}\n        </AnimatePresence>\n      </div>\n    </section>\n  )\n})\n\nTabWithImage.displayName = 'TabWithImage'\n\nexport default withLayout(TabWithImage)\n"],
-  "mappings": "aAyDQ,OACE,OAAAA,EADF,QAAAC,MAAA,oBAxDR,OAAOC,GAAS,YAAAC,EAAU,aAAAC,EAAW,UAAAC,EAAQ,uBAAAC,MAA2B,QACxE,OAAS,WAAAC,EAAS,WAAAC,EAAS,QAAAC,MAAY,4BACvC,OAAS,MAAAC,MAAU,yBACnB,OAAS,cAAAC,MAAkB,yBAC3B,OAAS,eAAAC,MAAmB,6BAE5B,OAAS,UAAAC,EAAQ,mBAAAC,MAAuB,gBAExC,MAAMC,EAAgB,QAChBC,EAAgB,iBAEhBC,EAAef,EAAM,WAA8C,CAAC,CAAE,KAAAgB,EAAM,UAAAC,CAAU,EAAGC,IAAQ,CACrG,KAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,KAAAC,EAAM,MAAAC,EAAO,YAAAC,EAAa,SAAAC,EAAW,CAAC,CAAE,EAAIR,EAE/DS,EAAStB,EAAuB,IAAI,EAE1CO,EAAYe,EAAQ,CAClB,cAAAZ,EACA,cAAAC,EACA,eAAgBK,EAChB,qBAAsBE,CACxB,CAAC,EAEDjB,EAAoBc,EAAK,IAAMO,EAAO,OAAyB,EAE/D,MAAMC,EAAc,CAACC,EAAeC,IAAwC,CAC1EC,EAAeF,CAAK,EAClBC,EAAE,OAAuB,eAAe,CACxC,SAAU,SACV,OAAQ,SACR,MAAO,SACT,CAAC,CACH,EAEM,CAACE,EAAaD,CAAc,EAAI5B,EAAS,CAAC,EAC1C8B,EAAU5B,EAAqC,CAAC,CAAC,EACjD,CAAC6B,EAAaC,CAAc,EAAIhC,EAAS,CAAE,KAAM,EAAG,MAAO,CAAE,CAAC,EAEpE,OAAAC,EAAU,IAAM,CACd,MAAMgC,EAAUH,EAAQ,QAAQD,CAAW,EAC3C,GAAII,EAAS,CACX,KAAM,CAAE,WAAAC,EAAY,YAAAC,CAAY,EAAIF,EACpCD,EAAe,CAAE,KAAME,EAAY,MAAOC,CAAY,CAAC,CACzD,CACF,EAAG,CAACN,EAAaN,EAAS,MAAM,CAAC,EAG/BzB,EAAC,WACC,IAAK0B,EACL,uBAAqB,eACrB,UAAWjB,EACT,kGACAS,CACF,EAEA,UAAAlB,EAAC,OAAI,UAAU,mGACb,UAAAA,EAAC,OAAI,UAAU,yBACb,UAAAD,EAACO,EAAA,CAAQ,GAAI,KAAM,KAAM,EAAG,KAAMc,EAAO,UAAU,wBAAwB,EAC3ErB,EAACS,EAAA,CACC,GAAI,IACJ,KAAM,EACN,KAAMc,EACN,UAAU,oIACZ,GACF,EAEAvB,EAAC,OAAI,UAAU,oGACb,SAAAC,EAAC,OAAI,UAAU,2FAEb,UAAAD,EAAC,OACC,UAAU,yGACV,MAAO,CACL,KAAMkC,EAAY,KAClB,MAAOA,EAAY,KACrB,EACF,EAGCR,EAAS,IAAI,CAACa,EAA4BV,IACzC7B,EAAC,OAEC,IAAKwC,GAAM,CACTP,EAAQ,QAAQJ,CAAK,EAAIW,CAC3B,EACA,QAASV,GAAKF,EAAYC,EAAOC,CAAC,EAClC,UAAWpB,EACT,oNACAsB,IAAgBH,EAAQ,yCAA2C,YACrE,EAEA,SAAA7B,EAACO,EAAA,CACC,GAAG,KACH,KAAM,EACN,KAAMgC,GAAM,MACZ,UAAU,kFACZ,GAfKV,CAgBP,CACD,GACH,EACF,GACF,EACA7B,EAAC,OAAI,UAAU,sNACb,SAAAA,EAACc,EAAA,CAAgB,KAAK,OACnB,SAAAY,EAASM,CAAW,GACnBhC,EAACa,EAAO,IAAP,CAGG,QAAS,CAAE,QAAS,CAAE,EACtB,QAAS,CAAE,QAAS,CAAE,EACtB,KAAM,CAAE,QAAS,CAAE,EACnB,WAAY,CAAE,SAAU,EAAI,EAE9B,UAAU,4DAEV,SAAAb,EAACQ,EAAA,CACC,OAAQ,GAAGkB,EAASM,CAAW,EAAE,OAAO,GAAG,KAAKN,EAASM,CAAW,EAAE,QAAQ,KAAON,EAASM,CAAW,EAAE,OAAO,GAAG,UAAUN,EAASM,CAAW,EAAE,UAAU,KAAON,EAASM,CAAW,EAAE,OAAO,GAAG,OACtM,IAAKN,EAASM,CAAW,EAAE,OAAO,IAClC,UAAU,iLACZ,GAbKN,EAASM,CAAW,EAAE,OAAO,GAcpC,EAEJ,EACF,GACF,CAEJ,CAAC,EAEDf,EAAa,YAAc,eAE3B,IAAOwB,EAAQ9B,EAAWM,CAAY",
-  "names": ["jsx", "jsxs", "React", "useState", "useEffect", "useRef", "useImperativeHandle", "Heading", "Picture", "Text", "cn", "withLayout", "useExposure", "motion", "AnimatePresence", "componentType", "componentName", "TabWithImage", "data", "className", "ref", "title", "subtitle", "desc", "image", "mobileImage", "datalist", "boxRef", "handleClick", "index", "e", "setActiveIndex", "activeIndex", "tabRefs", "sliderStyle", "setSliderStyle", "current", "offsetLeft", "offsetWidth", "item", "el", "TabWithImage_default"]
-}

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

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

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

@@ -1,2 +0,0 @@
-import{default as a}from"./TabWithImage.js";export{a as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/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": "AAAA,OAAS,WAAAA,MAAe",
-  "names": ["default"]
-}

package/dist/esm/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/esm/biz-components/TabWithImage/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/esm/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 | undefined;
-    data?: Record<string, any> | undefined;
-}, "ref"> & React.RefAttributes<any>>;
-export default _default;

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

@@ -1,2 +0,0 @@
-"use client";import{jsx as a,jsxs as S}from"react/jsx-runtime";import A,{useEffect as B,useImperativeHandle as V,useMemo as q,useRef as f,useState as w}from"react";import{Heading as L,Picture as O,Text as Q}from"../../components/index.js";import{cn as p}from"../../helpers/utils.js";import{withLayout as U}from"../../shared/Styles.js";import{useExposure as G}from"../../hooks/useExposure.js";import{Swiper as J,SwiperSlide as K}from"swiper/react";import{Pagination as X,EffectFade as Y}from"swiper/modules";import{motion as Z,AnimatePresence as $}from"framer-motion";import{useMediaQuery as ee}from"react-responsive";const te="video",ie="tabs_with_media",ae=[{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}],M=A.forwardRef(({data:E,className:R},z)=>{const{title:v,poster:C,video:D,mobvideo:H,items:m=[],timeIdx:r=ae,theme:P="light"}=E,[g,W]=w(null),y=f([]),_=f(null),u=f(null),x=f(null);G(x,{componentType:te,componentName:ie,componentTitle:v}),V(z,()=>x.current);const se=e=>{const i=_.current,n=y.current[e];if(i&&n){const t=i.getBoundingClientRect(),o=n.getBoundingClientRect().left-t.left-i.clientWidth/2+n.clientWidth/2;i.scrollTo({left:i.scrollLeft+o,behavior:"smooth"})}},T=ee({query:"(max-width: 768px)"}),[ne,b,j,c,F]=q(()=>{const n=m.length,t=m?.map((l,o)=>({...l,key:o,index:o}))||[],s=m?.map((l,o)=>({...l,key:o+n,index:o}))||[];return[t,t.concat(s),5,2,n]},[m,T]),[h,k]=w(c),[d,I]=w(b.slice(0,j)),N=(e,i,n)=>{if(e!==h&&i!==c){if(i>c){const t=i-c,s=[...d];s.splice(0,t);const l=d[d.length-1]?.key+1,o=[...b].splice(l,t);s.push(...o),I([...s])}if(i<c){const t=c-i,s=[...d];s.splice(-t);const l=d[0]?.key,o=[...b].splice(F+l-t,t);s.unshift(...o),I([...s])}if(k(e),g?.slideTo(e),!n){let t=0;r.forEach(s=>{s.highlightIdx<e&&(t+=s.time)}),u.current&&(u.current.currentTime=t)}}};return B(()=>{const e=u.current;if(!e)return;const i=()=>{const n=e.currentTime;for(let t=0;t<r.length;t++){const s=t===0?0:r[t-1].point;if(n>=s&&n<r[t].point){N(r[t].highlightIdx,r[t].highlightIdx,!0);break}}n>=r[r.length-1].point&&(e.currentTime=0,e.play())};return e.addEventListener("timeupdate",i),()=>{e.removeEventListener("timeupdate",i)}},[g,r]),S("section",{ref:x,"data-ui-component-id":"TabsWithMedia",className:p("tabs-with-media text-info-primary flex flex-col overflow-hidden sm:overflow-visible",{"aiui-dark":P==="dark"},R),children:[a(L,{as:"h3",size:4,html:v,className:"tabs-with-media__title text-center"}),a("div",{className:"tabs-with-media__tabs-wrapper scrollbar-hidden relative w-full overflow-x-auto sm:overflow-visible",children:a("div",{className:p("tabs-with-media__tabs-inner tablet:w-fit mx-auto mt-[16px] w-full max-w-[824px]"),children:a("div",{className:p("tabs-with-media__tabs-container flex translate-x-0 items-center justify-center gap-[16px] transition-all md:gap-[8px]"),ref:_,children:a($,{mode:"popLayout",children:d?.map((e,i)=>a(Z.div,{layout:!0,ref:n=>{y.current[e?.index]=n},onClick:()=>{N(e?.key,i)},className:"tabs-with-media__tab-item 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:a("div",{className:"tabs-with-media__tab-inner flex items-center justify-between",children:S("div",{className:p("tabs-with-media__tab-content flex",{"flex items-center justify-center gap-[8px] rounded-btn bg-[#fff] p-2 md:gap-[4px] md:p-1":h===e?.key}),children:[a("div",{className:p("tabs-with-media__tab-icon lg-desktop:size-[48px] flex size-[28] items-center justify-center rounded-full md:shrink-0",{"h-[28px] w-[28px] bg-[#ccc] bg-opacity-50 lg-desktop:h-[48px] lg-desktop:w-[48px]":h!==e?.index}),style:h===e?.key?{background:"var(--1, linear-gradient(90deg, #3AD1FF 0%, #008CD6 100%))"}:void 0,children:a(O,{source:e?.icon?.url,alt:e?.icon?.alt,className:"tabs-with-media__tab-icon-image size-[22px] md:size-[14px]"})}),a("div",{className:"tabs-with-media__tab-text-wrapper",children:a(L,{as:"h4",size:2,html:e?.tab,className:p("tabs-with-media__tab-text dynamic-width-heading xs:text-[16px] line-clamp-1 size-0 overflow-hidden whitespace-nowrap text-nowrap text-black opacity-0 transition-all duration-300 ease-linear sm:text-[18px]",{"h-auto w-[calc-size(auto,size)] px-[6px] opacity-100":h===e?.key})})})]})})},e?.key))})})})}),a("div",{className:"tabs-with-media__description-container lg-desktop:mt-[24px] mt-[16px]",children:a(J,{slidesPerView:1,effect:"fade",fadeEffect:{crossFade:!0},modules:[X,Y],onSlideChange:e=>{const i=e.realIndex;k(i)},onSwiper:e=>W(e),className:"tabs-with-media__description-swiper",children:m.map((e,i)=>a(K,{style:{transition:"opacity 1s ease-in-out"},className:"tabs-with-media__description-slide rounded-btn",children:a("div",{className:"tabs-with-media__description-content",children:a(Q,{as:"p",size:2,html:e.desc,className:"tabs-with-media__description-text desktop:text-[20px] lg-desktop:text-[18px] text-center"})})},i))})}),a("div",{className:"tabs-with-media__video-wrapper rounded-box laptop:mt-[32px] desktop:mt-[40px] lg-desktop:mt-[64px] mt-[24px] overflow-hidden",children:a("video",{className:"tabs-with-media__video desktop:h-[448px] lg-desktop:h-[560px] mx-auto h-[360px] w-fit",src:T?H?.url:D?.url,poster:C?.url,playsInline:!0,autoPlay:!0,muted:!0,loop:!0,ref:u})})]})});M.displayName="TabsWithMedia";var fe=U(M);export{fe as default};
-//# sourceMappingURL=TabsWithMedia.js.map

package/dist/esm/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, theme = 'light' } = 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    // \u4E3A\u7B2C\u4E8C\u4E2A\u5217\u8868\u7684\u5143\u7D20\u521B\u5EFA\u552F\u4E00\u7684 key,\u907F\u514D\u91CD\u590D\n    const listSecond =\n      items?.map((item: TabItem, index: number) => {\n        return {\n          ...item,\n          key: index + listLength,\n          index: index,\n        }\n      }) || []\n\n    return [list, list.concat(listSecond), 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(\n        'tabs-with-media text-info-primary flex flex-col overflow-hidden sm:overflow-visible',\n        {\n          'aiui-dark': theme === 'dark',\n        },\n        className\n      )}\n    >\n      <Heading as=\"h3\" size={4} html={title} className=\"tabs-with-media__title text-center\" />\n      <div className=\"tabs-with-media__tabs-wrapper scrollbar-hidden relative w-full overflow-x-auto sm:overflow-visible\">\n        <div className={cn('tabs-with-media__tabs-inner tablet:w-fit mx-auto mt-[16px] w-full max-w-[824px]')}>\n          <div\n            className={cn(\n              'tabs-with-media__tabs-container flex translate-x-0 items-center justify-center gap-[16px] transition-all md:gap-[8px]'\n            )}\n            ref={scrollContainerRef}\n          >\n            <AnimatePresence mode=\"popLayout\">\n              {cureentList?.map((item: any, index: number) => (\n                <motion.div\n                  layout\n                  key={item?.key}\n                  ref={el => {\n                    tabRefs.current[item?.index] = el\n                  }}\n                  onClick={() => {\n                    handleNavClick(item?.key, index)\n                  }}\n                  className=\"tabs-with-media__tab-item 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=\"tabs-with-media__tab-inner flex items-center justify-between\">\n                    <div\n                      className={cn('tabs-with-media__tab-content flex', {\n                        'flex items-center justify-center gap-[8px] rounded-btn bg-[#fff] p-2 md:gap-[4px] md:p-1':\n                          idx === item?.key,\n                      })}\n                    >\n                      <div\n                        className={cn(\n                          'tabs-with-media__tab-icon lg-desktop:size-[48px] flex size-[28] items-center justify-center rounded-full md:shrink-0',\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=\"tabs-with-media__tab-icon-image size-[22px] md:size-[14px]\"\n                        />\n                      </div>\n\n                      <div className=\"tabs-with-media__tab-text-wrapper\">\n                        <Heading\n                          as=\"h4\"\n                          size={2}\n                          html={item?.tab}\n                          className={cn(\n                            'tabs-with-media__tab-text dynamic-width-heading xs:text-[16px] line-clamp-1 size-0 overflow-hidden whitespace-nowrap text-nowrap text-black opacity-0 transition-all duration-300 ease-linear 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=\"tabs-with-media__description-container lg-desktop:mt-[24px] mt-[16px]\">\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          className=\"tabs-with-media__description-swiper\"\n        >\n          {items.map((it: TabItem, ind: number) => (\n            <SwiperSlide\n              key={ind}\n              style={{ transition: 'opacity 1s ease-in-out' }}\n              className=\"tabs-with-media__description-slide rounded-btn\"\n            >\n              <div className=\"tabs-with-media__description-content\">\n                <Text\n                  as=\"p\"\n                  size={2}\n                  html={it.desc}\n                  className=\"tabs-with-media__description-text desktop:text-[20px] lg-desktop:text-[18px] text-center\"\n                />\n              </div>\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      </div>\n      <div className=\"tabs-with-media__video-wrapper rounded-box laptop:mt-[32px] desktop:mt-[40px] lg-desktop:mt-[64px] mt-[24px] overflow-hidden\">\n        <video\n          className=\"tabs-with-media__video desktop:h-[448px] lg-desktop:h-[560px] mx-auto h-[360px] w-fit\"\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": ["jsx", "jsxs", "React", "useEffect", "useImperativeHandle", "useMemo", "useRef", "useState", "Heading", "Picture", "Text", "cn", "withLayout", "useExposure", "Swiper", "SwiperSlide", "Pagination", "EffectFade", "motion", "AnimatePresence", "useMediaQuery", "componentType", "componentName", "defaultTimeIdx", "TabsWithMedia", "data", "className", "ref", "title", "poster", "video", "mobvideo", "items", "timeIdx", "theme", "swiper", "setSwiper", "tabRefs", "scrollContainerRef", "videoRef", "boxRef", "scrollToTabCenter", "index", "container", "tab", "containerRect", "scroll", "isMob", "list", "listDouble", "row", "center", "listLength", "item", "listSecond", "idx", "setIdx", "cureentList", "setCureentList", "handleNavClick", "key", "isAuto", "gap", "copy", "lastkey", "add", "firstkey", "time", "handleTimeUpdate", "currentTime", "i", "prev", "el", "newIndex", "it", "ind", "TabsWithMedia_default"]
-}

package/dist/esm/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/esm/biz-components/TabsWithMedia/index.js

@@ -1,2 +0,0 @@
-import{default as o}from"./TabsWithMedia.js";export{o as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/TabsWithMedia/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/TabsWithMedia/index.ts"],
-  "sourcesContent": ["export { default } from './TabsWithMedia.js'\nexport type { TabsWithMediaProps, TabItem, TimeIndex } from './types.js'\n"],
-  "mappings": "AAAA,OAAS,WAAAA,MAAe",
-  "names": ["default"]
-}

package/dist/esm/biz-components/TabsWithMedia/types.d.ts

@@ -1,43 +0,0 @@
-import type { Media, Theme } from '../../types/props';
-export interface TabItem {
-    /** Tab 标签文本 */
-    tab: string;
-    /** 描述文本 */
-    desc: string;
-    /** Tab 图标 URL */
-    icon: Media;
-    /** 视频封面图 */
-    poster?: Media;
-    /** Tab 图标（可选） */
-    tabIcon?: Media;
-    /** 视频 URL（可选） */
-    video?: Media;
-}
-export interface TimeIndex {
-    /** 片段时长 */
-    time: number;
-    /** 时间节点 */
-    point: number;
-    /** 高亮索引 */
-    highlightIdx: number;
-}
-export interface TabsWithMediaProps {
-    data: {
-        /** 主标题 */
-        title: string;
-        /** 默认视频封面图 */
-        poster?: Media;
-        /** 桌面端视频 URL */
-        video: Media;
-        /** 移动端视频 URL */
-        mobvideo?: Media;
-        /** Tab 项列表 */
-        items: TabItem[];
-        /** 时间点配置（可选，用于视频时间自动切换） */
-        timeIdx?: TimeIndex[];
-        /** 主题，默认 light */
-        theme?: Theme;
-    };
-    /** 自定义类名 */
-    className?: string;
-}

package/dist/esm/biz-components/TabsWithMedia/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

package/dist/esm/biz-components/TabsWithMedia/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/esm/biz-components/TextMa/index.d.ts

@@ -1,9 +0,0 @@
-import 'swiper/css';
-import 'swiper/css/pagination';
-declare const _default: import("react").ForwardRefExoticComponent<Omit<{
-    data: any;
-}, 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/esm/biz-components/TextMarquee/index.d.ts

@@ -1,9 +0,0 @@
-import 'swiper/css';
-import 'swiper/css/pagination';
-declare const _default: import("react").ForwardRefExoticComponent<Omit<{
-    data: any;
-}, 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/esm/biz-components/TextMarquee/index.js

@@ -1,2 +0,0 @@
-import{jsx as s,jsxs as a}from"react/jsx-runtime";import{Swiper as r,SwiperSlide as o}from"swiper/react";import n from"../../components/picture.js";import{withLayout as d}from"../../shared/Styles.js";import{FreeMode as p,Autoplay as m}from"swiper/modules";import"swiper/css";import"swiper/css/pagination";const w=({data:i})=>{const{items:e}=i;return a("div",{className:"overflow-hidden relative w-full",children:[s("div",{className:"absolute inset-0 size-full bg-transparent z-10"}),s(r,{className:"overflow-hidden",slidesPerView:"auto",speed:7e3,loop:!0,autoplay:{delay:0,disableOnInteraction:!0},wrapperClass:"!ease-linear",modules:[p,m],breakpoints:{0:{spaceBetween:24,slidesPerView:1.6},768:{spaceBetween:24,slidesPerView:3.1},1024:{spaceBetween:128,slidesPerView:3},1440:{spaceBetween:128,slidesPerView:4},1920:{spaceBetween:128,slidesPerView:e?.length>=5?5:4}},children:(e?.length>3?[...e||[],...e||[]]:e)?.map?.((t,l)=>s(o,{className:"!h-[unset]",children:a("div",{className:"flex w-full flex-1 items-center gap-1 overflow-hidden min-md:gap-2",children:[s(n,{source:t.icon?.url||t.icon,className:"size-6"}),s("span",{title:t.text||"",className:"flex-1 truncate text-base md-tablet:text-sm font-semibold text-[#1D1D1F]",children:t.text})]})},l))})]})};var h=d(w);export{h as default};
-//# sourceMappingURL=index.js.map

package/dist/esm/biz-components/TextMarquee/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/TextMarquee/index.tsx"],
-  "sourcesContent": ["import { Swiper, SwiperSlide } from 'swiper/react'\nimport Picture from '../../components/picture.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { FreeMode, Autoplay } from 'swiper/modules'\nimport 'swiper/css'\nimport 'swiper/css/pagination'\n\nconst TextMarquee = ({ data }: { data: any }) => {\n  const { items } = data\n\n  return (\n    <div className=\"overflow-hidden relative w-full\">\n      <div className=\"absolute inset-0 size-full bg-transparent z-10\" />\n      <Swiper\n        className=\"overflow-hidden\"\n        slidesPerView=\"auto\"\n        speed={7000}\n        loop={true}\n        autoplay={{\n          delay: 0,\n          disableOnInteraction: true,\n        }}\n        wrapperClass=\"!ease-linear\"\n        modules={[FreeMode, Autoplay]}\n        breakpoints={{\n          0: {\n            spaceBetween: 24,\n            slidesPerView: 1.6,\n          },\n          768: {\n            spaceBetween: 24,\n            slidesPerView: 3.1,\n          },\n          1024: {\n            spaceBetween: 128,\n            slidesPerView: 3,\n          },\n          1440: {\n            spaceBetween: 128,\n            slidesPerView: 4,\n          },\n          1920: {\n            spaceBetween: 128,\n            slidesPerView: items?.length >= 5 ? 5 : 4,\n          },\n        }}\n      >\n        {(items?.length > 3 ? [...(items || []), ...(items || [])] : items)?.map?.((item: any, index: number) => (\n          <SwiperSlide key={index} className=\"!h-[unset]\">\n            <div className=\"flex w-full flex-1 items-center gap-1 overflow-hidden min-md:gap-2\">\n              <Picture source={item.icon?.url || item.icon} className=\"size-6\" />\n              <span title={item.text || ''} className=\"flex-1 truncate text-base md-tablet:text-sm font-semibold text-[#1D1D1F]\">\n                {item.text}\n              </span>\n            </div>\n          </SwiperSlide>\n        ))}\n      </Swiper>\n    </div>\n  )\n}\n\nexport default withLayout(TextMarquee)\n"],
-  "mappings": "AAYM,cAAAA,EAqCM,QAAAC,MArCN,oBAZN,OAAS,UAAAC,EAAQ,eAAAC,MAAmB,eACpC,OAAOC,MAAa,8BACpB,OAAS,cAAAC,MAAkB,yBAC3B,OAAS,YAAAC,EAAU,YAAAC,MAAgB,iBACnC,MAAO,aACP,MAAO,wBAEP,MAAMC,EAAc,CAAC,CAAE,KAAAC,CAAK,IAAqB,CAC/C,KAAM,CAAE,MAAAC,CAAM,EAAID,EAElB,OACER,EAAC,OAAI,UAAU,kCACb,UAAAD,EAAC,OAAI,UAAU,iDAAiD,EAChEA,EAACE,EAAA,CACC,UAAU,kBACV,cAAc,OACd,MAAO,IACP,KAAM,GACN,SAAU,CACR,MAAO,EACP,qBAAsB,EACxB,EACA,aAAa,eACb,QAAS,CAACI,EAAUC,CAAQ,EAC5B,YAAa,CACX,EAAG,CACD,aAAc,GACd,cAAe,GACjB,EACA,IAAK,CACH,aAAc,GACd,cAAe,GACjB,EACA,KAAM,CACJ,aAAc,IACd,cAAe,CACjB,EACA,KAAM,CACJ,aAAc,IACd,cAAe,CACjB,EACA,KAAM,CACJ,aAAc,IACd,cAAeG,GAAO,QAAU,EAAI,EAAI,CAC1C,CACF,EAEE,UAAAA,GAAO,OAAS,EAAI,CAAC,GAAIA,GAAS,CAAC,EAAI,GAAIA,GAAS,CAAC,CAAE,EAAIA,IAAQ,MAAM,CAACC,EAAWC,IACrFZ,EAACG,EAAA,CAAwB,UAAU,aACjC,SAAAF,EAAC,OAAI,UAAU,qEACb,UAAAD,EAACI,EAAA,CAAQ,OAAQO,EAAK,MAAM,KAAOA,EAAK,KAAM,UAAU,SAAS,EACjEX,EAAC,QAAK,MAAOW,EAAK,MAAQ,GAAI,UAAU,2EACrC,SAAAA,EAAK,KACR,GACF,GANgBC,CAOlB,CACD,EACH,GACF,CAEJ,EAEA,IAAOC,EAAQR,EAAWG,CAAW",
-  "names": ["jsx", "jsxs", "Swiper", "SwiperSlide", "Picture", "withLayout", "FreeMode", "Autoplay", "TextMarquee", "data", "items", "item", "index", "TextMarquee_default"]
-}

package/dist/esm/biz-components/ThreeDCarousel/ThreeDCarousel.d.ts

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