@anker-in/headless-ui 1.1.43 → 1.1.44-alpha.1769596787343

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

@@ -48,8 +48,8 @@ export type AccordionCardsType = {
         primaryButton?: (_v: any, _index: number) => void;
     };
 };
-declare const _default: React.ForwardRefExoticComponent<Omit<Omit<AccordionCardsType & 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>;
+declare const _default: React.ForwardRefExoticComponent<Omit<AccordionCardsType & React.RefAttributes<HTMLDivElement> & {
+    style?: string | React.CSSProperties;
+    container?: import("../../shared/Styles.js").ContainerProps["container"];
 }, "ref"> & React.RefAttributes<any>>;
 export default _default;

package/dist/cjs/biz-components/ActiveShelf/ProductCard.d.ts

@@ -0,0 +1,124 @@
+import * as React from 'react';
+import type { ButtonFunctionType, CopyConfig } from './types.js';
+import type { BadgeProps } from '../../components/badge.js';
+/**
+ * 语义化类名
+ */
+export type ActiveShelfSemanticName = 'root' | 'title' | 'description' | 'productCard' | 'productTitle' | 'productDescription' | 'productPriceLabel' | 'productPrice' | 'buttonGroup' | 'secondaryButton' | 'primaryButton' | 'stockBar';
+/**
+ * 库存展示模式
+ */
+export type StockDisplayMode = 'always' | 'never' | 'below-quantity' | 'below-percentage';
+/**
+ * 基础产品数据接口（来自外部数据源）
+ */
+export interface BaseProductData {
+    sku: string;
+    name: string;
+    image: string;
+    value: string;
+    handle: string;
+    shopify_id: string;
+    custom_name?: string;
+    custom_description?: string;
+}
+/**
+ * Shopify 变体数据接口
+ */
+export interface VariantData {
+    /**
+     * 产品描述
+     */
+    description?: string;
+    /**
+     * 变体id
+     */
+    variantId: string;
+    /**
+     * 产品链接, 点击图片的时候跳转到该链接
+     */
+    listingLink: string;
+    /**
+     * 原价
+     */
+    originalPrice: string;
+    /**
+     * 现价
+     */
+    price: string;
+    /**
+     * 价格上面展示的标签文本
+     */
+    priceLabel?: string;
+    /**
+     * 总库存
+     */
+    totalInventory: number;
+    /**
+     * 可用库存数量
+     */
+    quantityAvailable: number;
+    /**
+     * 是否可售
+     */
+    availableForSale: boolean;
+    /**
+     * tags 列表(会员价，折扣，new, hot等标签信息)
+     */
+    tags: Array<{
+        label: string;
+        variant: BadgeProps['variant'];
+        promotionalType?: BadgeProps['promotionalType'];
+    } | React.ReactNode>;
+    /**
+     * 通用折扣数据，包括折扣title, 类型和值
+     */
+    coupon: any;
+}
+/**
+ * 完整的产品卡片数据接口
+ */
+export interface ProductCardData extends BaseProductData, VariantData {
+}
+/**
+ * 产品卡片组件 Props
+ */
+export interface ProductCardProps {
+    /** 产品数据 */
+    product: ProductCardData;
+    /** 样式类名 */
+    className?: string;
+    /** 是否展示标签系统 */
+    showTags?: boolean;
+    /** 库存展示模式 */
+    stockDisplayMode?: StockDisplayMode;
+    /** 库存阈值（当模式为 below-quantity 或 below-percentage 时使用） */
+    stockThresholdValue?: number;
+    /** 点击了解更多回调 */
+    onLearnMore?: (product: ProductCardData) => void;
+    /** 点击立即购买回调 */
+    onShopNow?: (product: ProductCardData) => void;
+    /** 点击加入购物车回调 */
+    onAddToCart?: (product: ProductCardData) => void;
+    /** 语义化类名 */
+    classNames?: Partial<Record<ActiveShelfSemanticName, string>>;
+    /** 了解更多按钮文本 */
+    secondaryButtonText?: string;
+    /** 了解更多按钮功能 */
+    secondaryButtonFun?: ButtonFunctionType;
+    /** 立即购买按钮文本 */
+    primaryButtonText?: string;
+    /** 立即购买按钮功能 */
+    primaryButtonFun?: ButtonFunctionType;
+    /** 是否展示原价（删除线价格） */
+    showOriginalPrice?: boolean;
+    /** 文案配置 */
+    copy?: CopyConfig;
+    onProductImageClick?: (product: ProductCardData) => void;
+}
+/**
+ * 产品卡片组件
+ */
+declare const ProductCard: React.ForwardRefExoticComponent<ProductCardProps & React.RefAttributes<HTMLDivElement>>;
+export { ProductCard };
+export default ProductCard;

package/dist/cjs/biz-components/ActiveShelf/ProductCard.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var q=Object.create;var p=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var _=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var I=(e,i)=>{for(var r in i)p(e,r,{get:i[r],enumerable:!0})},P=(e,i,r,c)=>{if(i&&typeof i=="object"||typeof i=="function")for(let s of R(i))!E.call(e,s)&&s!==r&&p(e,s,{get:()=>i[s],enumerable:!(c=M(i,s))||c.enumerable});return e};var j=(e,i,r)=>(r=e!=null?q(_(e)):{},P(i||!e||!e.__esModule?p(r,"default",{value:e,enumerable:!0}):r,e)),H=e=>P(p({},"__esModule",{value:!0}),e);var V={};I(V,{ProductCard:()=>u,default:()=>K});module.exports=H(V);var a=require("react/jsx-runtime"),d=j(require("react")),n=require("../../helpers/index.js"),t=require("../../components/index.js");const O=5;function G(e,i,r,c){if(e===void 0)return!0;switch(e){case"always":return!0;case"never":return!1;case"below-quantity":return i===void 0?!0:r<=i;case"below-percentage":return i===void 0?!0:r/c*100<=i;default:return!0}}const u=d.forwardRef(({product:e,className:i,showTags:r=!0,stockDisplayMode:c,stockThresholdValue:s,onLearnMore:w,onShopNow:S,onAddToCart:h,classNames:o,secondaryButtonText:y,secondaryButtonFun:g,primaryButtonText:b,primaryButtonFun:v,showOriginalPrice:N,copy:f,onProductImageClick:x},B)=>{const[D,L]=d.useState(!1),[T,F]=d.useState(!1),z=d.useMemo(()=>e?.availableForSale&&e?.quantityAvailable<=0?O:e?.availableForSale?(e?.quantityAvailable??0)/(e?.totalInventory??1)*100:0,[e?.availableForSale,e?.quantityAvailable,e?.totalInventory]),k=async(l,m)=>{if(!l)return;const C=m==="primary"?L:F;C(!0);try{switch(l){case"buyNow":await S?.(e);break;case"addCart":await h?.(e);break;case"learnMore":await w?.(e);break;default:break}}finally{C(!1)}},A=e.availableForSale&&e.quantityAvailable<=0;return(0,a.jsx)(t.Card,{ref:B,className:(0,n.cn)("bg-container-primary flex h-full flex-col overflow-hidden border-none",i,o?.productCard),children:(0,a.jsxs)(t.CardContent,{className:"desktop:p-6 relative flex flex-1 flex-col justify-between p-4",children:[(0,a.jsx)("div",{className:"lg-desktop:h-[28px] flex h-[24px] gap-1",children:r&&e.tags?.map((l,m)=>l.label?(0,a.jsx)(t.Badge,{size:"sm",variant:l.variant||"outline",className:(0,n.cn)(l.variant==="promotional"?"ml-2":""),promotionalType:l.promotionalType,children:l.label},m):(0,a.jsx)(d.Fragment,{children:l},m))}),(0,a.jsx)("div",{className:"product-image-wrapper lg-desktop:size-[196px] mx-auto size-[138px] cursor-pointer overflow-hidden",children:(0,a.jsx)("a",{onClick:()=>x?.(e),...!x&&{href:e?.listingLink},rel:"noreferrer",children:(0,a.jsx)(t.Picture,{source:e.image,alt:e.name,className:"aspect-square size-full object-contain",imgClassName:"w-full h-full object-contain"})})}),(0,a.jsxs)("div",{className:"flex h-full flex-1 grow flex-col justify-between",children:[(0,a.jsxs)("div",{className:"mb-4",children:[(0,a.jsx)(t.Heading,{as:"h3",size:2,className:(0,n.cn)("text-info-primary mb-2 line-clamp-2 min-h-[2.4em]",o?.productTitle),html:e.custom_name||e.name}),e?.description&&(0,a.jsx)(t.Text,{size:2,className:(0,n.cn)("text-info-secondary desktop:line-clamp-2 desktop:min-h-[2.4em] line-clamp-2 min-h-[2.4em]",o?.productDescription),html:e.custom_description||e.description})]}),e?.priceLabel&&e?.availableForSale&&(0,a.jsx)(t.Text,{size:4,className:(0,n.cn)("text-marketing-1 desktop:text-[16px] lg-desktop:text-[18px] mt-2 text-[14px]",o?.productPriceLabel),children:e.priceLabel}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:(0,n.cn)("mb-2",o?.productPrice),children:(0,a.jsx)("div",{className:"flex items-baseline gap-2",children:e.availableForSale?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.Heading,{size:2,className:"text-info-primary",as:"h6",children:e.price}),N&&e.originalPrice&&(0,a.jsx)(t.Heading,{size:2,className:"text-info-tertiary line-through",as:"h6",children:e.originalPrice})]}):(0,a.jsx)(t.Heading,{size:2,className:"text-info-tertiary",children:f?.outOfStockLabel??"Sold Out"})})}),(0,a.jsxs)("div",{className:(0,n.cn)("lg-desktop:gap-3 tablet:flex-nowrap flex flex-wrap gap-2",o?.buttonGroup),children:[y&&(0,a.jsx)(t.Button,{variant:"secondary",size:"base",className:(0,n.cn)("tablet:w-fit w-full",o?.secondaryButton),onClick:()=>k(g,"secondary"),disabled:!e.availableForSale&&g!=="learnMore",loading:T,children:y}),b&&(0,a.jsx)(t.Button,{variant:"primary",size:"base",className:(0,n.cn)("tablet:w-fit w-full",o?.primaryButton),onClick:()=>k(v,"primary"),disabled:!e.availableForSale&&v!=="learnMore",loading:D,children:b})]}),G(c,s,e?.quantityAvailable??0,e?.totalInventory??0)&&(0,a.jsxs)("div",{className:"mt-4 space-y-2",children:[(0,a.jsx)(t.Progress,{value:z,max:100,min:0,size:"base",variant:"default","aria-label":"stock progress",classNames:{progressBar:(0,n.cn)("bg-brand-0 transition-all duration-300 ease-in-out",o?.stockBar)}}),(0,a.jsx)(t.Text,{size:3,className:"text-info-tertiary text-[14px]",children:A?f?.limitedStock:f?.stockDisplayText?.replace("{count}",`${e.availableForSale?e.quantityAvailable:0}`)})]})]})]})]})})});u.displayName="ActiveShelf.ProductCard";var K=u;
+//# sourceMappingURL=ProductCard.js.map

package/dist/cjs/biz-components/ActiveShelf/ProductCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/ActiveShelf/ProductCard.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Button, Badge, Card, CardContent, Picture, Text, Heading, Progress } from '../../components/index.js'\n\nimport type { ButtonFunctionType, CopyConfig } from './types.js'\nimport type { BadgeProps } from '../../components/badge.js'\n\n/**\n * \u8D85\u5356\u65F6\u5E93\u5B58\u6761\u663E\u793A\u7684\u6700\u5C0F\u767E\u5206\u6BD4\n * \u9632\u6B62\u8D85\u5356\u65F6\u5E93\u5B58\u6761\u663E\u793A\u4E3A\u6EE1\u683C\uFF08100%\uFF09\u6216\u5B8C\u5168\u7A7A\uFF080%\uFF09\n */\nconst OVERSELLING_STOCK_PERCENTAGE = 5\n\n/**\n * \u8BED\u4E49\u5316\u7C7B\u540D\n */\nexport type ActiveShelfSemanticName =\n  | 'root'\n  | 'title'\n  | 'description'\n  | 'productCard'\n  | 'productTitle'\n  | 'productDescription'\n  | 'productPriceLabel'\n  | 'productPrice'\n  | 'buttonGroup'\n  | 'secondaryButton'\n  | 'primaryButton'\n  | 'stockBar'\n\n/**\n * \u5E93\u5B58\u5C55\u793A\u6A21\u5F0F\n */\nexport type StockDisplayMode = 'always' | 'never' | 'below-quantity' | 'below-percentage'\n\n/**\n * \u57FA\u7840\u4EA7\u54C1\u6570\u636E\u63A5\u53E3\uFF08\u6765\u81EA\u5916\u90E8\u6570\u636E\u6E90\uFF09\n */\nexport interface BaseProductData {\n  sku: string\n  name: string\n  image: string\n  value: string\n  handle: string\n  shopify_id: string\n  custom_name?: string\n  custom_description?: string\n}\n\n/**\n * Shopify \u53D8\u4F53\u6570\u636E\u63A5\u53E3\n */\nexport interface VariantData {\n  /**\n   * \u4EA7\u54C1\u63CF\u8FF0\n   */\n  description?: string\n  /**\n   * \u53D8\u4F53id\n   */\n  variantId: string\n\n  /**\n   * \u4EA7\u54C1\u94FE\u63A5, \u70B9\u51FB\u56FE\u7247\u7684\u65F6\u5019\u8DF3\u8F6C\u5230\u8BE5\u94FE\u63A5\n   */\n  listingLink: string\n  /**\n   * \u539F\u4EF7\n   */\n  originalPrice: string\n  /**\n   * \u73B0\u4EF7\n   */\n  price: string\n  /**\n   * \u4EF7\u683C\u4E0A\u9762\u5C55\u793A\u7684\u6807\u7B7E\u6587\u672C\n   */\n  priceLabel?: string\n  /**\n   * \u603B\u5E93\u5B58\n   */\n  totalInventory: number\n  /**\n   * \u53EF\u7528\u5E93\u5B58\u6570\u91CF\n   */\n  quantityAvailable: number\n  /**\n   * \u662F\u5426\u53EF\u552E\n   */\n  availableForSale: boolean\n\n  /**\n   * tags \u5217\u8868(\u4F1A\u5458\u4EF7\uFF0C\u6298\u6263\uFF0Cnew, hot\u7B49\u6807\u7B7E\u4FE1\u606F)\n   */\n  tags: Array<\n    | {\n        label: string\n        variant: BadgeProps['variant']\n        promotionalType?: BadgeProps['promotionalType']\n      }\n    | React.ReactNode\n  >\n  /**\n   * \u901A\u7528\u6298\u6263\u6570\u636E\uFF0C\u5305\u62EC\u6298\u6263title, \u7C7B\u578B\u548C\u503C\n   */\n  coupon: any\n}\n\n/**\n * \u5B8C\u6574\u7684\u4EA7\u54C1\u5361\u7247\u6570\u636E\u63A5\u53E3\n */\nexport interface ProductCardData extends BaseProductData, VariantData {}\n\n/**\n * \u4EA7\u54C1\u5361\u7247\u7EC4\u4EF6 Props\n */\nexport interface ProductCardProps {\n  /** \u4EA7\u54C1\u6570\u636E */\n  product: ProductCardData\n  /** \u6837\u5F0F\u7C7B\u540D */\n  className?: string\n  /** \u662F\u5426\u5C55\u793A\u6807\u7B7E\u7CFB\u7EDF */\n  showTags?: boolean\n  /** \u5E93\u5B58\u5C55\u793A\u6A21\u5F0F */\n  stockDisplayMode?: StockDisplayMode\n  /** \u5E93\u5B58\u9608\u503C\uFF08\u5F53\u6A21\u5F0F\u4E3A below-quantity \u6216 below-percentage \u65F6\u4F7F\u7528\uFF09 */\n  stockThresholdValue?: number\n  /** \u70B9\u51FB\u4E86\u89E3\u66F4\u591A\u56DE\u8C03 */\n  onLearnMore?: (product: ProductCardData) => void\n  /** \u70B9\u51FB\u7ACB\u5373\u8D2D\u4E70\u56DE\u8C03 */\n  onShopNow?: (product: ProductCardData) => void\n  /** \u70B9\u51FB\u52A0\u5165\u8D2D\u7269\u8F66\u56DE\u8C03 */\n  onAddToCart?: (product: ProductCardData) => void\n  /** \u8BED\u4E49\u5316\u7C7B\u540D */\n  classNames?: Partial<Record<ActiveShelfSemanticName, string>>\n  /** \u4E86\u89E3\u66F4\u591A\u6309\u94AE\u6587\u672C */\n  secondaryButtonText?: string\n  /** \u4E86\u89E3\u66F4\u591A\u6309\u94AE\u529F\u80FD */\n  secondaryButtonFun?: ButtonFunctionType\n  /** \u7ACB\u5373\u8D2D\u4E70\u6309\u94AE\u6587\u672C */\n  primaryButtonText?: string\n  /** \u7ACB\u5373\u8D2D\u4E70\u6309\u94AE\u529F\u80FD */\n  primaryButtonFun?: ButtonFunctionType\n  /** \u662F\u5426\u5C55\u793A\u539F\u4EF7\uFF08\u5220\u9664\u7EBF\u4EF7\u683C\uFF09 */\n  showOriginalPrice?: boolean\n  /** \u6587\u6848\u914D\u7F6E */\n  copy?: CopyConfig\n  onProductImageClick?: (product: ProductCardData) => void\n}\n\n/**\n * \u5224\u65AD\u662F\u5426\u5E94\u8BE5\u663E\u793A\u5E93\u5B58\u4FE1\u606F\n * @param stockDisplayMode \u5E93\u5B58\u5C55\u793A\u6A21\u5F0F\n * @param stockThresholdValue \u5E93\u5B58\u9608\u503C\uFF08\u5F53\u6A21\u5F0F\u4E3A below-quantity \u6216 below-percentage \u65F6\u4F7F\u7528\uFF09\n * @param quantityAvailable \u53EF\u7528\u5E93\u5B58\u6570\u91CF\n * @param totalInventory \u603B\u5E93\u5B58\n * @returns \u662F\u5426\u663E\u793A\u5E93\u5B58\u4FE1\u606F\n */\nfunction shouldShowStock(\n  stockDisplayMode: StockDisplayMode | undefined,\n  stockThresholdValue: number | undefined,\n  quantityAvailable: number,\n  totalInventory: number\n): boolean {\n  // \u672A\u914D\u7F6E\u65F6\u9ED8\u8BA4\u663E\u793A\n  if (stockDisplayMode === undefined) {\n    return true\n  }\n\n  // \u6839\u636E\u5C55\u793A\u6A21\u5F0F\u5224\u65AD\n  switch (stockDisplayMode) {\n    case 'always':\n      // \u603B\u662F\u663E\u793A\n      return true\n\n    case 'never':\n      // \u6C38\u4E0D\u663E\u793A\n      return false\n\n    case 'below-quantity':\n      // \u5F53\u5E93\u5B58\u6570\u91CF\u4F4E\u4E8E\u9608\u503C\u65F6\u663E\u793A\n      if (stockThresholdValue === undefined) {\n        return true // \u6CA1\u6709\u8BBE\u7F6E\u9608\u503C\u65F6\u9ED8\u8BA4\u663E\u793A\n      }\n\n      return quantityAvailable <= stockThresholdValue\n\n    case 'below-percentage':\n      // \u5F53\u5E93\u5B58\u767E\u5206\u6BD4\u4F4E\u4E8E\u9608\u503C\u65F6\u663E\u793A\n      if (stockThresholdValue === undefined) {\n        return true // \u6CA1\u6709\u8BBE\u7F6E\u9608\u503C\u65F6\u9ED8\u8BA4\u663E\u793A\n      }\n      return (quantityAvailable / totalInventory) * 100 <= stockThresholdValue\n\n    default:\n      // \u672A\u77E5\u6A21\u5F0F\u65F6\u9ED8\u8BA4\u663E\u793A\n      return true\n  }\n}\n\n/**\n * \u4EA7\u54C1\u5361\u7247\u7EC4\u4EF6\n */\nconst ProductCard = React.forwardRef<HTMLDivElement, ProductCardProps>(\n  (\n    {\n      product,\n      className,\n      showTags = true,\n      stockDisplayMode,\n      stockThresholdValue,\n      onLearnMore,\n      onShopNow,\n      onAddToCart,\n      classNames,\n      secondaryButtonText,\n      secondaryButtonFun,\n      primaryButtonText,\n      primaryButtonFun,\n      showOriginalPrice,\n      copy,\n      onProductImageClick,\n    },\n    ref\n  ) => {\n    const [primaryLoading, setPrimaryLoading] = React.useState(false)\n    const [secondaryLoading, setSecondaryLoading] = React.useState(false)\n\n    const stockPercentage = React.useMemo(() => {\n      if (product?.availableForSale && product?.quantityAvailable <= 0) {\n        return OVERSELLING_STOCK_PERCENTAGE\n      }\n      // \u4E0D\u53EF\u552E\u65F6\u663E\u793A0%\n      if (!product?.availableForSale) {\n        return 0\n      }\n      return ((product?.quantityAvailable ?? 0) / (product?.totalInventory ?? 1)) * 100\n    }, [product?.availableForSale, product?.quantityAvailable, product?.totalInventory])\n\n    // \u6839\u636E\u6309\u94AE\u529F\u80FD\u7C7B\u578B\u8C03\u7528\u76F8\u5E94\u7684\u56DE\u8C03\u51FD\u6570\n    const handleButtonClick = async (buttonFun?: ButtonFunctionType, buttonType?: 'primary' | 'secondary') => {\n      if (!buttonFun) return\n\n      const setLoading = buttonType === 'primary' ? setPrimaryLoading : setSecondaryLoading\n      setLoading(true)\n\n      try {\n        switch (buttonFun) {\n          case 'buyNow':\n            await onShopNow?.(product)\n            break\n          case 'addCart':\n            await onAddToCart?.(product)\n            break\n          case 'learnMore':\n            await onLearnMore?.(product)\n            break\n          default:\n            break\n        }\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    const overselling = product.availableForSale && product.quantityAvailable <= 0\n\n    return (\n      <Card\n        ref={ref}\n        className={cn(\n          'bg-container-primary flex h-full flex-col overflow-hidden border-none',\n          className,\n          classNames?.productCard\n        )}\n      >\n        <CardContent className=\"desktop:p-6 relative flex flex-1 flex-col justify-between p-4\">\n          {/* \u6807\u7B7E */}\n          <div className=\"lg-desktop:h-[28px] flex h-[24px] gap-1\">\n            {showTags &&\n              product.tags?.map((tag: any, index) =>\n                (tag as any).label ? (\n                  <Badge\n                    key={index}\n                    size=\"sm\"\n                    variant={(tag.variant as any) || 'outline'}\n                    className={cn(tag.variant === 'promotional' ? 'ml-2' : '')}\n                    promotionalType={tag.promotionalType}\n                  >\n                    {tag.label}\n                  </Badge>\n                ) : (\n                  <React.Fragment key={index}>{tag}</React.Fragment>\n                )\n              )}\n          </div>\n\n          {/* \u4EA7\u54C1\u56FE\u533A\u57DF */}\n          <div className=\"product-image-wrapper lg-desktop:size-[196px] mx-auto size-[138px] cursor-pointer overflow-hidden\">\n            <a\n              onClick={() => onProductImageClick?.(product)}\n              {...(!onProductImageClick && {\n                href: product?.listingLink,\n              })}\n              rel=\"noreferrer\"\n            >\n              <Picture\n                source={product.image}\n                alt={product.name}\n                className=\"aspect-square size-full object-contain\"\n                imgClassName=\"w-full h-full object-contain\"\n              />\n            </a>\n          </div>\n\n          {/* \u5185\u5BB9\u533A\u57DF */}\n          <div className=\"flex h-full flex-1 grow flex-col justify-between\">\n            {/* \u4EA7\u54C1\u4FE1\u606F */}\n            <div className=\"mb-4\">\n              <Heading\n                as=\"h3\"\n                size={2}\n                className={cn('text-info-primary mb-2 line-clamp-2 min-h-[2.4em]', classNames?.productTitle)}\n                html={product.custom_name || product.name}\n              />\n              {product?.description && (\n                <Text\n                  size={2}\n                  className={cn(\n                    'text-info-secondary desktop:line-clamp-2 desktop:min-h-[2.4em] line-clamp-2 min-h-[2.4em]',\n                    classNames?.productDescription\n                  )}\n                  html={product.custom_description || product.description}\n                />\n              )}\n            </div>\n\n            {/** \u4EF7\u683C\u6807\u7B7E */}\n\n            {product?.priceLabel && product?.availableForSale && (\n              <Text\n                size={4}\n                className={cn(\n                  'text-marketing-1 desktop:text-[16px] lg-desktop:text-[18px] mt-2 text-[14px]',\n                  classNames?.productPriceLabel\n                )}\n              >\n                {product.priceLabel}\n              </Text>\n            )}\n\n            {/* \u4EF7\u683C\u533A\u57DF */}\n            <div>\n              <div className={cn('mb-2', classNames?.productPrice)}>\n                <div className=\"flex items-baseline gap-2\">\n                  {product.availableForSale ? (\n                    <>\n                      <Heading size={2} className=\"text-info-primary\" as=\"h6\">\n                        {product.price}\n                      </Heading>\n                      {showOriginalPrice && product.originalPrice && (\n                        <Heading size={2} className=\"text-info-tertiary line-through\" as=\"h6\">\n                          {product.originalPrice}\n                        </Heading>\n                      )}\n                    </>\n                  ) : (\n                    <Heading size={2} className=\"text-info-tertiary\">\n                      {copy?.outOfStockLabel ?? 'Sold Out'}\n                    </Heading>\n                  )}\n                </div>\n              </div>\n\n              {/* \u6309\u94AE\u533A\u57DF */}\n              <div className={cn('lg-desktop:gap-3 tablet:flex-nowrap flex flex-wrap gap-2', classNames?.buttonGroup)}>\n                {secondaryButtonText && (\n                  <Button\n                    variant=\"secondary\"\n                    size=\"base\"\n                    className={cn('tablet:w-fit w-full', classNames?.secondaryButton)}\n                    onClick={() => handleButtonClick(secondaryButtonFun, 'secondary')}\n                    disabled={!product.availableForSale && secondaryButtonFun !== 'learnMore'}\n                    loading={secondaryLoading}\n                  >\n                    {secondaryButtonText}\n                  </Button>\n                )}\n                {primaryButtonText && (\n                  <Button\n                    variant=\"primary\"\n                    size=\"base\"\n                    className={cn('tablet:w-fit w-full', classNames?.primaryButton)}\n                    onClick={() => handleButtonClick(primaryButtonFun, 'primary')}\n                    disabled={!product.availableForSale && primaryButtonFun !== 'learnMore'}\n                    loading={primaryLoading}\n                  >\n                    {primaryButtonText}\n                  </Button>\n                )}\n              </div>\n\n              {/* \u5E93\u5B58\u4FE1\u606F */}\n              {shouldShowStock(\n                stockDisplayMode,\n                stockThresholdValue,\n                product?.quantityAvailable ?? 0,\n                product?.totalInventory ?? 0\n              ) && (\n                <div className=\"mt-4 space-y-2\">\n                  <Progress\n                    value={stockPercentage}\n                    max={100}\n                    min={0}\n                    size=\"base\"\n                    variant=\"default\"\n                    aria-label=\"stock progress\"\n                    classNames={{\n                      progressBar: cn('bg-brand-0 transition-all duration-300 ease-in-out', classNames?.stockBar),\n                    }}\n                  />\n                  <Text size={3} className=\"text-info-tertiary text-[14px]\">\n                    {overselling\n                      ? copy?.limitedStock\n                      : copy?.stockDisplayText?.replace(\n                          '{count}',\n                          `${product.availableForSale ? product.quantityAvailable : 0}`\n                        )}\n                  </Text>\n                </div>\n              )}\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    )\n  }\n)\n\nProductCard.displayName = 'ActiveShelf.ProductCard'\n\nexport { ProductCard }\nexport default ProductCard\n"],
+  "mappings": "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",
+  "names": ["ProductCard_exports", "__export", "ProductCard", "ProductCard_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_components", "OVERSELLING_STOCK_PERCENTAGE", "shouldShowStock", "stockDisplayMode", "stockThresholdValue", "quantityAvailable", "totalInventory", "product", "className", "showTags", "onLearnMore", "onShopNow", "onAddToCart", "classNames", "secondaryButtonText", "secondaryButtonFun", "primaryButtonText", "primaryButtonFun", "showOriginalPrice", "copy", "onProductImageClick", "ref", "primaryLoading", "setPrimaryLoading", "secondaryLoading", "setSecondaryLoading", "stockPercentage", "handleButtonClick", "buttonFun", "buttonType", "setLoading", "overselling", "tag", "index"]
+}

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

@@ -0,0 +1,92 @@
+import * as React from 'react';
+import 'swiper/css';
+import 'swiper/css/navigation';
+import type { ButtonFunctionType, CopyConfig } from './types.js';
+import { ProductCard, type ProductCardData, type ActiveShelfSemanticName, type StockDisplayMode } from './ProductCard.js';
+/**
+ * 组件布局模式
+ */
+export type ActiveShelfLayoutMode = 'flex' | 'horizontal';
+/**
+ * Code Channel 配置 - 折扣前缀
+ */
+export type CodeChannelConfig = string;
+/**
+ * 产品分组Tab数据接口
+ */
+export interface ProductTab {
+    /** Tab ID */
+    id: string;
+    /** Tab 标题 */
+    tab: string;
+    /** 该分组下的产品数据 */
+    data: ProductCardData[];
+}
+/**
+ * ActiveShelf 业务组件数据接口
+ */
+export interface ActiveShelfData {
+    theme?: 'light' | 'dark';
+    /** 组件标题 */
+    title?: string;
+    /** 组件描述 */
+    description?: string;
+    /** 分组产品Tab列表 */
+    productsTab?: ProductTab[];
+    /** 是否显示 Tab（默认：true） */
+    isShowTab?: boolean;
+    /** 了解更多按钮文本 */
+    secondaryButtonText?: string;
+    secondaryButtonFun: ButtonFunctionType;
+    /** 立即购买按钮文本 */
+    primaryButtonText?: string;
+    primaryButtonFun: ButtonFunctionType;
+    /** 布局模式：网格布局或横向滑动 */
+    layoutMode?: ActiveShelfLayoutMode;
+    /** Code Channel 配置 - 折扣前缀 */
+    codeChannel?: CodeChannelConfig;
+    /** 是否展示会员价格 */
+    showMemberPrice?: boolean;
+    /** 是否展示折扣标签 */
+    showDiscount?: boolean;
+    /** 是否展示标签系统 */
+    showTags?: boolean;
+    /** 库存展示模式 */
+    stockDisplayMode?: StockDisplayMode;
+    /** 库存阈值（当模式为 below-quantity 或 below-percentage 时使用） */
+    stockThresholdValue?: number;
+    /**
+     * 库存文本模板，支持 {count} 占位符
+     */
+    stockDisplayText?: string;
+    /** 是否展示原价（删除线价格） */
+    showOriginalPrice?: boolean;
+    /** 文案配置 */
+    copy?: CopyConfig;
+    /**
+     * 产品列表（当不使用 Tab 分组时可直接传入产品列表）
+     */
+    productsCard: ProductCardData[];
+}
+export interface ActiveShelfProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 业务数据 */
+    data: ActiveShelfData;
+    /** 点击了解更多回调 */
+    onLearnMore?: (product: ProductCardData) => void;
+    /** 点击立即购买回调 */
+    onShopNow?: (product: ProductCardData) => void;
+    /** 点击加入购物车回调 */
+    onAddToCart?: (product: ProductCardData) => void;
+    /** 语义化类名 */
+    classNames?: Partial<Record<ActiveShelfSemanticName, string>>;
+}
+/**
+ * ActiveShelf 复合组件类型定义
+ */
+export interface ActiveShelfComponent extends React.ForwardRefExoticComponent<ActiveShelfProps & React.RefAttributes<HTMLDivElement>> {
+    /** 独立的 ProductCard 组件 */
+    ProductCard: typeof ProductCard;
+}
+declare const ActiveShelfWithProductCard: ActiveShelfComponent;
+export default ActiveShelfWithProductCard;
+export type { StockDisplayMode, ActiveShelfSemanticName, ProductCardData };

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

@@ -0,0 +1,2 @@
+"use strict";"use client";var $=Object.create;var D=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var W=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var Z=(o,e)=>{for(var a in e)D(o,a,{get:e[a],enumerable:!0})},z=(o,e,a,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of I(e))!q.call(o,r)&&r!==a&&D(o,r,{get:()=>e[r],enumerable:!(l=j(e,r))||l.enumerable});return o};var _=(o,e,a)=>(a=o!=null?$(W(o)):{},z(e||!o||!o.__esModule?D(a,"default",{value:o,enumerable:!0}):a,o)),G=o=>z(D({},"__esModule",{value:!0}),o);var U={};Z(U,{default:()=>Q});module.exports=G(U);var t=require("react/jsx-runtime"),c=_(require("react")),N=require("../../helpers/index.js"),s=require("../../components/index.js"),E=require("swiper/react"),V=require("swiper/modules"),Y=require("swiper/css"),tt=require("swiper/css/navigation"),A=require("./ProductCard.js");const J=({disabled:o})=>(0,t.jsxs)("svg",{width:"56",height:"56",viewBox:"0 0 56 56",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:" lg-desktop:size-[56px] laptop:block hidden size-[40px]",children:[(0,t.jsx)("path",{d:"M0 28C0 43.464 12.536 56 28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28Z",fill:"black",fillOpacity:o?"0.2":"0.6"}),(0,t.jsx)("path",{d:"M31 22L25 28L31 34",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),K=({disabled:o})=>(0,t.jsxs)("svg",{width:"56",height:"56",viewBox:"0 0 56 56",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"lg-desktop:size-[56px] laptop:block hidden size-[40px]",children:[(0,t.jsx)("path",{d:"M0 28C0 12.536 12.536 0 28 0C43.464 0 56 12.536 56 28C56 43.464 43.464 56 28 56C12.536 56 0 43.464 0 28Z",fill:"black",fillOpacity:o?"0.2":"0.6"}),(0,t.jsx)("path",{d:"M25 22L31 28L25 34",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),F=c.forwardRef(({products:o,layoutMode:e,className:a,copy:l,showTags:r,stockDisplayMode:d,stockThresholdValue:k,onLearnMore:S,onShopNow:B,onAddToCart:p,classNames:h,secondaryButtonText:m,secondaryButtonFun:g,primaryButtonText:y,primaryButtonFun:f,showOriginalPrice:T},P)=>{const b=c.useId().replace(/:/g,""),M=`swiper-button-next-custom-${b}`,L=`swiper-button-prev-custom-${b}`,[w,u]=c.useState({isBeginning:!0,isEnd:!1}),v=c.useRef(null),n=c.useCallback(()=>{const i=v.current;if(!i?.slides||i.slides.length===0)return;i.slides.forEach(x=>{x.style.height="auto"});const C=Array.from(i.slides).map(x=>x.scrollHeight),R=Math.max(...C);R>0&&i.slides.forEach(x=>{x.style.height=`${R}px`})},[]);return c.useEffect(()=>{const i=()=>{requestAnimationFrame(n)};return window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)},[n]),o?.length===0?null:(0,t.jsx)("div",{ref:P,className:a,children:e==="flex"?(0,t.jsx)("div",{className:"lg-desktop:gap-6 tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 grid grid-cols-1 justify-start gap-4",children:o.map((i,C)=>(0,t.jsx)(A.ProductCard,{product:i,className:"shrink-0",showTags:r,stockDisplayMode:d,stockThresholdValue:k,onLearnMore:S,onShopNow:B,onAddToCart:p,classNames:h,secondaryButtonText:m,secondaryButtonFun:g,primaryButtonText:y,primaryButtonFun:f,showOriginalPrice:T,copy:l},i.shopify_id+"-"+i.sku||C))}):(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)(E.Swiper,{modules:[V.Navigation],spaceBetween:16,slidesPerView:"auto",navigation:{nextEl:`.${M}`,prevEl:`.${L}`},onSwiper:i=>{v.current=i,u({isBeginning:i.isBeginning,isEnd:i.isEnd}),setTimeout(n,100)},onReachEnd:()=>{u(i=>({...i,isEnd:!0}))},onReachBeginning:()=>{u(i=>({...i,isBeginning:!0}))},onFromEdge:()=>{u({isBeginning:!1,isEnd:!1})},className:"!overflow-visible",children:o.map((i,C)=>(0,t.jsx)(E.SwiperSlide,{className:"tablet:!w-[288px] desktop:!w-[316px] lg-desktop:!w-[404px] !w-[296px] overflow-hidden",children:(0,t.jsx)(A.ProductCard,{product:i,className:"w-full max-w-full",showTags:r,stockDisplayMode:d,stockThresholdValue:k,onLearnMore:S,onShopNow:B,onAddToCart:p,classNames:h,secondaryButtonText:m,secondaryButtonFun:g,primaryButtonText:y,primaryButtonFun:f,showOriginalPrice:T,copy:l})},i.shopify_id+"-"+i.sku||C))}),(0,t.jsx)("button",{className:`${L} tablet:block absolute left-4 top-1/2 z-10 hidden -translate-y-1/2`,"aria-label":l?.previousSlideLabel,children:(0,t.jsx)(J,{disabled:w.isBeginning})}),(0,t.jsx)("button",{className:`${M} tablet:block absolute right-4 top-1/2 z-10 hidden -translate-y-1/2`,"aria-label":l?.nextSlideLabel,children:(0,t.jsx)(K,{disabled:w.isEnd})})]})})});F.displayName="ProductsList";const H=c.forwardRef(({className:o,data:e,onLearnMore:a,onShopNow:l,onAddToCart:r,classNames:d,...k},S)=>{const{theme:B="light",layoutMode:p="flex",showTags:h=!0,stockDisplayMode:m,stockThresholdValue:g,showOriginalPrice:y=!0,secondaryButtonText:f,primaryButtonText:T,secondaryButtonFun:P,primaryButtonFun:b,isShowTab:M=!0,copy:L}=e,w=L||{},u=e.productsTab&&e.productsTab.length>0,v=M&&u;return(0,t.jsxs)("div",{ref:S,className:(0,N.cn)("w-full",{"aiui-dark":B==="dark"},o,d?.root),...k,children:[e.title&&(0,t.jsx)(s.Heading,{as:"h2",html:e.title,size:4,className:(0,N.cn)("text-info-primary mb-4",d?.title)}),e.description&&(0,t.jsx)(s.Text,{size:3,as:"p",html:e.description,className:(0,N.cn)("text-info-primary mb-6",d?.description)}),(0,t.jsxs)(s.Tabs,{defaultValue:e.productsTab?.[0]?.id,className:"w-full",children:[v&&(0,t.jsx)(s.TabsList,{className:"mb-6",children:e.productsTab?.map(n=>(0,t.jsx)(s.TabsTrigger,{value:n.id,children:n.tab},"tab-"+n.id))}),v?e.productsTab?.map(n=>(0,t.jsx)(s.TabsContent,{value:n.id,children:(0,t.jsx)(F,{products:n.data,layoutMode:p,copy:w,showTags:h,stockDisplayMode:m,stockThresholdValue:g,onLearnMore:a,onShopNow:l,onAddToCart:r,classNames:d,secondaryButtonText:f,secondaryButtonFun:P,primaryButtonText:T,primaryButtonFun:b,showOriginalPrice:y})},"tab-content-"+n.id)):(0,t.jsx)(F,{products:e.productsCard,layoutMode:p,copy:w,showTags:h,stockDisplayMode:m,stockThresholdValue:g,onLearnMore:a,onShopNow:l,onAddToCart:r,classNames:d,secondaryButtonText:f,secondaryButtonFun:P,primaryButtonText:T,primaryButtonFun:b,showOriginalPrice:y})]})]})});H.displayName="ActiveShelf";const O=H;O.ProductCard=A.ProductCard;var Q=O;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/ActiveShelf/index.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Text, Heading, Tabs, TabsList, TabsTrigger, TabsContent } from '../../components/index.js'\n\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { Navigation } from 'swiper/modules'\n\n// Import Swiper styles\nimport 'swiper/css'\nimport 'swiper/css/navigation'\nimport type { ButtonFunctionType, CopyConfig } from './types.js'\nimport {\n  ProductCard,\n  type ProductCardData,\n  type ActiveShelfSemanticName,\n  type StockDisplayMode,\n} from './ProductCard.js'\n\n/**\n * \u7EC4\u4EF6\u5E03\u5C40\u6A21\u5F0F\n */\nexport type ActiveShelfLayoutMode = 'flex' | 'horizontal'\n\n/**\n * Code Channel \u914D\u7F6E - \u6298\u6263\u524D\u7F00\n */\nexport type CodeChannelConfig = string\n\nconst PrevIcon = ({ disabled }: { disabled: boolean }) => (\n  <svg\n    width=\"56\"\n    height=\"56\"\n    viewBox=\"0 0 56 56\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\" lg-desktop:size-[56px] laptop:block hidden size-[40px]\"\n  >\n    <path\n      d=\"M0 28C0 43.464 12.536 56 28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28Z\"\n      fill=\"black\"\n      fillOpacity={disabled ? '0.2' : '0.6'}\n    />\n    <path d=\"M31 22L25 28L31 34\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\nconst NextIcon = ({ disabled }: { disabled: boolean }) => (\n  <svg\n    width=\"56\"\n    height=\"56\"\n    viewBox=\"0 0 56 56\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\"lg-desktop:size-[56px] laptop:block hidden size-[40px]\"\n  >\n    <path\n      d=\"M0 28C0 12.536 12.536 0 28 0C43.464 0 56 12.536 56 28C56 43.464 43.464 56 28 56C12.536 56 0 43.464 0 28Z\"\n      fill=\"black\"\n      fillOpacity={disabled ? '0.2' : '0.6'}\n    />\n    <path d=\"M25 22L31 28L25 34\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\n/**\n * \u4EA7\u54C1\u5206\u7EC4Tab\u6570\u636E\u63A5\u53E3\n */\nexport interface ProductTab {\n  /** Tab ID */\n  id: string\n  /** Tab \u6807\u9898 */\n  tab: string\n  /** \u8BE5\u5206\u7EC4\u4E0B\u7684\u4EA7\u54C1\u6570\u636E */\n  data: ProductCardData[]\n}\n\n/**\n * ActiveShelf \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface ActiveShelfData {\n  theme?: 'light' | 'dark'\n  /** \u7EC4\u4EF6\u6807\u9898 */\n  title?: string\n  /** \u7EC4\u4EF6\u63CF\u8FF0 */\n  description?: string\n  /** \u5206\u7EC4\u4EA7\u54C1Tab\u5217\u8868 */\n  productsTab?: ProductTab[]\n  /** \u662F\u5426\u663E\u793A Tab\uFF08\u9ED8\u8BA4\uFF1Atrue\uFF09 */\n  isShowTab?: boolean\n  /** \u4E86\u89E3\u66F4\u591A\u6309\u94AE\u6587\u672C */\n  secondaryButtonText?: string\n  secondaryButtonFun: ButtonFunctionType\n  /** \u7ACB\u5373\u8D2D\u4E70\u6309\u94AE\u6587\u672C */\n  primaryButtonText?: string\n  primaryButtonFun: ButtonFunctionType\n  /** \u5E03\u5C40\u6A21\u5F0F\uFF1A\u7F51\u683C\u5E03\u5C40\u6216\u6A2A\u5411\u6ED1\u52A8 */\n  layoutMode?: ActiveShelfLayoutMode\n  /** Code Channel \u914D\u7F6E - \u6298\u6263\u524D\u7F00 */\n  codeChannel?: CodeChannelConfig\n  /** \u662F\u5426\u5C55\u793A\u4F1A\u5458\u4EF7\u683C */\n  showMemberPrice?: boolean\n  /** \u662F\u5426\u5C55\u793A\u6298\u6263\u6807\u7B7E */\n  showDiscount?: boolean\n  /** \u662F\u5426\u5C55\u793A\u6807\u7B7E\u7CFB\u7EDF */\n  showTags?: boolean\n  /** \u5E93\u5B58\u5C55\u793A\u6A21\u5F0F */\n  stockDisplayMode?: StockDisplayMode\n  /** \u5E93\u5B58\u9608\u503C\uFF08\u5F53\u6A21\u5F0F\u4E3A below-quantity \u6216 below-percentage \u65F6\u4F7F\u7528\uFF09 */\n  stockThresholdValue?: number\n  /**\n   * \u5E93\u5B58\u6587\u672C\u6A21\u677F\uFF0C\u652F\u6301 {count} \u5360\u4F4D\u7B26\n   */\n  stockDisplayText?: string\n  /** \u662F\u5426\u5C55\u793A\u539F\u4EF7\uFF08\u5220\u9664\u7EBF\u4EF7\u683C\uFF09 */\n  showOriginalPrice?: boolean\n  /** \u6587\u6848\u914D\u7F6E */\n  copy?: CopyConfig\n  /**\n   * \u4EA7\u54C1\u5217\u8868\uFF08\u5F53\u4E0D\u4F7F\u7528 Tab \u5206\u7EC4\u65F6\u53EF\u76F4\u63A5\u4F20\u5165\u4EA7\u54C1\u5217\u8868\uFF09\n   */\n  productsCard: ProductCardData[]\n}\n\nexport interface ActiveShelfProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: ActiveShelfData\n  /** \u70B9\u51FB\u4E86\u89E3\u66F4\u591A\u56DE\u8C03 */\n  onLearnMore?: (product: ProductCardData) => void\n  /** \u70B9\u51FB\u7ACB\u5373\u8D2D\u4E70\u56DE\u8C03 */\n  onShopNow?: (product: ProductCardData) => void\n  /** \u70B9\u51FB\u52A0\u5165\u8D2D\u7269\u8F66\u56DE\u8C03 */\n  onAddToCart?: (product: ProductCardData) => void\n  /** \u8BED\u4E49\u5316\u7C7B\u540D */\n  classNames?: Partial<Record<ActiveShelfSemanticName, string>>\n}\n\n/**\n * ActiveShelf \u590D\u5408\u7EC4\u4EF6\u7C7B\u578B\u5B9A\u4E49\n */\nexport interface ActiveShelfComponent extends React.ForwardRefExoticComponent<\n  ActiveShelfProps & React.RefAttributes<HTMLDivElement>\n> {\n  /** \u72EC\u7ACB\u7684 ProductCard \u7EC4\u4EF6 */\n  ProductCard: typeof ProductCard\n}\n\n/**\n * \u4EA7\u54C1\u5217\u8868\u7EC4\u4EF6 Props\n */\ninterface ProductsListProps {\n  products: ProductCardData[]\n  layoutMode: ActiveShelfLayoutMode\n  className?: string\n  copy?: CopyConfig\n  showTags?: boolean\n  stockDisplayMode?: StockDisplayMode\n  stockThresholdValue?: number\n  onLearnMore?: (product: ProductCardData) => void\n  onShopNow?: (product: ProductCardData) => void\n  onAddToCart?: (product: ProductCardData) => void\n  classNames?: Partial<Record<ActiveShelfSemanticName, string>>\n  secondaryButtonText?: string\n  secondaryButtonFun?: ButtonFunctionType\n  primaryButtonText?: string\n  primaryButtonFun?: ButtonFunctionType\n  showOriginalPrice?: boolean\n}\n\n/**\n * \u4EA7\u54C1\u5217\u8868\u7EC4\u4EF6 - \u652F\u6301\u7F51\u683C\u548C\u6A2A\u5411\u6ED1\u52A8\u4E24\u79CD\u5E03\u5C40\n */\nconst ProductsList = React.forwardRef<HTMLDivElement, ProductsListProps>(\n  (\n    {\n      products,\n      layoutMode,\n      className,\n      copy,\n      showTags,\n      stockDisplayMode,\n      stockThresholdValue,\n      onLearnMore,\n      onShopNow,\n      onAddToCart,\n      classNames,\n      secondaryButtonText,\n      secondaryButtonFun,\n      primaryButtonText,\n      primaryButtonFun,\n      showOriginalPrice,\n    },\n    ref\n  ) => {\n    // \u751F\u6210\u552F\u4E00 ID\uFF0C\u79FB\u9664\u7279\u6B8A\u5B57\u7B26\u4EE5\u786E\u4FDD\u53EF\u7528\u4E8E CSS \u9009\u62E9\u5668\n    const id = React.useId().replace(/:/g, '')\n    // \u9884\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE\u9009\u62E9\u5668\uFF0C\u907F\u514D\u591A\u6B21\u62FC\u63A5\n    const nextButtonClass = `swiper-button-next-custom-${id}`\n    const prevButtonClass = `swiper-button-prev-custom-${id}`\n\n    // Swiper \u5BFC\u822A\u72B6\u6001\n    const [swiperState, setSwiperState] = React.useState({\n      isBeginning: true,\n      isEnd: false,\n    })\n\n    // Swiper \u5B9E\u4F8B\u5F15\u7528\n    const swiperRef = React.useRef<any>(null)\n\n    // \u8BA1\u7B97\u5E76\u8BBE\u7F6E\u6240\u6709 slide \u4E3A\u6700\u9AD8\u9AD8\u5EA6\n    const equalizeSlideHeights = React.useCallback(() => {\n      const swiper = swiperRef.current\n      if (!swiper?.slides || swiper.slides.length === 0) return\n\n      // \u5148\u91CD\u7F6E\u6240\u6709 slide \u9AD8\u5EA6\u4EE5\u83B7\u53D6\u771F\u5B9E\u5185\u5BB9\u9AD8\u5EA6\n      swiper.slides.forEach((slide: HTMLElement) => {\n        slide.style.height = 'auto'\n      })\n\n      // \u8BA1\u7B97\u6700\u5927\u9AD8\u5EA6\n      // @ts-ignore\n      const heights = Array.from(swiper.slides).map((slide: HTMLElement) => slide.scrollHeight)\n      const maxHeight = Math.max(...heights)\n\n      // \u8BBE\u7F6E\u6240\u6709 slide \u4E3A\u6700\u5927\u9AD8\u5EA6\n      if (maxHeight > 0) {\n        swiper.slides.forEach((slide: HTMLElement) => {\n          slide.style.height = `${maxHeight}px`\n        })\n      }\n    }, [])\n\n    // \u76D1\u542C\u7A97\u53E3 resize \u91CD\u65B0\u8BA1\u7B97\u9AD8\u5EA6\n    React.useEffect(() => {\n      const handleResize = () => {\n        // \u4F7F\u7528 requestAnimationFrame \u786E\u4FDD DOM \u66F4\u65B0\u5B8C\u6210\n        requestAnimationFrame(equalizeSlideHeights)\n      }\n\n      window.addEventListener('resize', handleResize)\n      return () => window.removeEventListener('resize', handleResize)\n    }, [equalizeSlideHeights])\n\n    if (products?.length === 0) {\n      return null\n    }\n\n    return (\n      <div ref={ref} className={className}>\n        {layoutMode === 'flex' ? (\n          /* \u7F51\u683C\u5E03\u5C40 */\n          <div className=\"lg-desktop:gap-6 tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 grid grid-cols-1 justify-start gap-4\">\n            {products.map((product, index) => (\n              <ProductCard\n                key={product.shopify_id + '-' + product.sku || index}\n                product={product}\n                className=\"shrink-0\"\n                showTags={showTags}\n                stockDisplayMode={stockDisplayMode}\n                stockThresholdValue={stockThresholdValue}\n                onLearnMore={onLearnMore}\n                onShopNow={onShopNow}\n                onAddToCart={onAddToCart}\n                classNames={classNames}\n                secondaryButtonText={secondaryButtonText}\n                secondaryButtonFun={secondaryButtonFun}\n                primaryButtonText={primaryButtonText}\n                primaryButtonFun={primaryButtonFun}\n                showOriginalPrice={showOriginalPrice}\n                copy={copy}\n              />\n            ))}\n          </div>\n        ) : (\n          /* Swiper \u6A2A\u5411\u6ED1\u52A8\u5E03\u5C40 */\n          <div className=\"relative\">\n            <Swiper\n              modules={[Navigation]}\n              spaceBetween={16}\n              slidesPerView=\"auto\"\n              navigation={{\n                nextEl: `.${nextButtonClass}`,\n                prevEl: `.${prevButtonClass}`,\n              }}\n              onSwiper={swiper => {\n                swiperRef.current = swiper\n                setSwiperState({\n                  isBeginning: swiper.isBeginning,\n                  isEnd: swiper.isEnd,\n                })\n                // \u5EF6\u8FDF\u6267\u884C\u4EE5\u786E\u4FDD\u5185\u5BB9\u6E32\u67D3\u5B8C\u6210\n                setTimeout(equalizeSlideHeights, 100)\n              }}\n              onReachEnd={() => {\n                setSwiperState(prev => ({ ...prev, isEnd: true }))\n              }}\n              onReachBeginning={() => {\n                setSwiperState(prev => ({ ...prev, isBeginning: true }))\n              }}\n              onFromEdge={() => {\n                setSwiperState({ isBeginning: false, isEnd: false })\n              }}\n              className=\"!overflow-visible\"\n            >\n              {products.map((product, index) => (\n                <SwiperSlide\n                  key={product.shopify_id + '-' + product.sku || index}\n                  className=\"tablet:!w-[288px] desktop:!w-[316px] lg-desktop:!w-[404px] !w-[296px] overflow-hidden\"\n                >\n                  <ProductCard\n                    product={product}\n                    className=\"w-full max-w-full\"\n                    showTags={showTags}\n                    stockDisplayMode={stockDisplayMode}\n                    stockThresholdValue={stockThresholdValue}\n                    onLearnMore={onLearnMore}\n                    onShopNow={onShopNow}\n                    onAddToCart={onAddToCart}\n                    classNames={classNames}\n                    secondaryButtonText={secondaryButtonText}\n                    secondaryButtonFun={secondaryButtonFun}\n                    primaryButtonText={primaryButtonText}\n                    primaryButtonFun={primaryButtonFun}\n                    showOriginalPrice={showOriginalPrice}\n                    copy={copy}\n                  />\n                </SwiperSlide>\n              ))}\n            </Swiper>\n\n            {/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE */}\n            <button\n              className={`${prevButtonClass} tablet:block absolute left-4 top-1/2 z-10 hidden -translate-y-1/2`}\n              aria-label={copy?.previousSlideLabel}\n            >\n              <PrevIcon disabled={swiperState.isBeginning} />\n            </button>\n            <button\n              className={`${nextButtonClass} tablet:block absolute right-4 top-1/2 z-10 hidden -translate-y-1/2`}\n              aria-label={copy?.nextSlideLabel}\n            >\n              <NextIcon disabled={swiperState.isEnd} />\n            </button>\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nProductsList.displayName = 'ProductsList'\n\n/**\n * ActiveShelf - \u6D3B\u52A8\u8D27\u67B6\n *\n * @description \u80FD\u591F\u5B9E\u65F6\u663E\u793A\u5546\u54C1\u5E93\u5B58\u4FE1\u606F\u548C\u4F1A\u5458\u4EF7\u7684\u8D27\u67B6\uFF0C\u652F\u6301\u54CD\u5E94\u5F0F\u5E03\u5C40\u548C\u591A\u79CD\u914D\u7F6E\u9009\u9879\n */\nconst ActiveShelf = React.forwardRef<HTMLDivElement, ActiveShelfProps>(\n  ({ className, data, onLearnMore, onShopNow, onAddToCart, classNames, ...props }, ref) => {\n    // \u4ECE data \u4E2D\u89E3\u6784\u914D\u7F6E\u9879\uFF0C\u5E76\u8BBE\u7F6E\u9ED8\u8BA4\u503C\n    const {\n      theme = 'light',\n      layoutMode = 'flex',\n      showTags = true,\n      stockDisplayMode,\n      stockThresholdValue,\n      showOriginalPrice = true,\n      secondaryButtonText,\n      primaryButtonText,\n      secondaryButtonFun,\n      primaryButtonFun,\n      isShowTab = true,\n      copy,\n    } = data\n\n    // \u6784\u5EFA copy \u914D\u7F6E\uFF0C\u4F7F\u7528\u4F20\u5165\u7684 copy \u914D\u7F6E\n    const finalCopy: CopyConfig = copy || {}\n\n    // \u83B7\u53D6\u8981\u663E\u793A\u7684\u4EA7\u54C1\u6570\u636E\n    const hasTabData = data.productsTab && data.productsTab.length > 0\n    const shouldShowTab = isShowTab && hasTabData\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'w-full',\n          {\n            'aiui-dark': theme === 'dark',\n          },\n          className,\n          classNames?.root\n        )}\n        {...props}\n      >\n        {/* \u6807\u9898\u533A\u57DF */}\n        {data.title && (\n          <Heading as=\"h2\" html={data.title} size={4} className={cn('text-info-primary mb-4', classNames?.title)} />\n        )}\n        {data.description && (\n          <Text\n            size={3}\n            as=\"p\"\n            html={data.description}\n            className={cn('text-info-primary mb-6', classNames?.description)}\n          />\n        )}\n\n        {/* \u4EA7\u54C1\u5C55\u793A\u533A\u57DF */}\n\n        <Tabs defaultValue={data.productsTab?.[0]?.id} className=\"w-full\">\n          {shouldShowTab && (\n            <TabsList className=\"mb-6\">\n              {data.productsTab?.map(tab => (\n                <TabsTrigger key={'tab-' + tab.id} value={tab.id}>\n                  {tab.tab}\n                </TabsTrigger>\n              ))}\n            </TabsList>\n          )}\n          {shouldShowTab ? (\n            data.productsTab?.map(tab => (\n              <TabsContent key={'tab-content-' + tab.id} value={tab.id}>\n                <ProductsList\n                  products={tab.data}\n                  layoutMode={layoutMode}\n                  copy={finalCopy}\n                  showTags={showTags}\n                  stockDisplayMode={stockDisplayMode}\n                  stockThresholdValue={stockThresholdValue}\n                  onLearnMore={onLearnMore}\n                  onShopNow={onShopNow}\n                  onAddToCart={onAddToCart}\n                  classNames={classNames}\n                  secondaryButtonText={secondaryButtonText}\n                  secondaryButtonFun={secondaryButtonFun}\n                  primaryButtonText={primaryButtonText}\n                  primaryButtonFun={primaryButtonFun}\n                  showOriginalPrice={showOriginalPrice}\n                />\n              </TabsContent>\n            ))\n          ) : (\n            <ProductsList\n              products={data.productsCard}\n              layoutMode={layoutMode}\n              copy={finalCopy}\n              showTags={showTags}\n              stockDisplayMode={stockDisplayMode}\n              stockThresholdValue={stockThresholdValue}\n              onLearnMore={onLearnMore}\n              onShopNow={onShopNow}\n              onAddToCart={onAddToCart}\n              classNames={classNames}\n              secondaryButtonText={secondaryButtonText}\n              secondaryButtonFun={secondaryButtonFun}\n              primaryButtonText={primaryButtonText}\n              primaryButtonFun={primaryButtonFun}\n              showOriginalPrice={showOriginalPrice}\n            />\n          )}\n        </Tabs>\n      </div>\n    )\n  }\n)\n\nActiveShelf.displayName = 'ActiveShelf'\n\n// \u521B\u5EFA\u590D\u5408\u7EC4\u4EF6\nconst ActiveShelfWithProductCard = ActiveShelf as ActiveShelfComponent\nActiveShelfWithProductCard.ProductCard = ProductCard\n\nexport default ActiveShelfWithProductCard\nexport type { StockDisplayMode, ActiveShelfSemanticName, ProductCardData }\n"],
+  "mappings": "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",
+  "names": ["ActiveShelf_exports", "__export", "ActiveShelf_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_components", "import_react", "import_modules", "import_css", "import_navigation", "import_ProductCard", "PrevIcon", "disabled", "NextIcon", "ProductsList", "products", "layoutMode", "className", "copy", "showTags", "stockDisplayMode", "stockThresholdValue", "onLearnMore", "onShopNow", "onAddToCart", "classNames", "secondaryButtonText", "secondaryButtonFun", "primaryButtonText", "primaryButtonFun", "showOriginalPrice", "ref", "id", "nextButtonClass", "prevButtonClass", "swiperState", "setSwiperState", "swiperRef", "equalizeSlideHeights", "swiper", "slide", "heights", "maxHeight", "handleResize", "product", "index", "prev", "ActiveShelf", "data", "props", "theme", "isShowTab", "finalCopy", "hasTabData", "shouldShowTab", "tab", "ActiveShelfWithProductCard"]
+}

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

@@ -0,0 +1,24 @@
+/**
+ * 按钮功能类型
+ */
+export type ButtonFunctionType = 'buyNow' | 'addCart' | 'learnMore';
+/**
+ * ActiveShelf 文案配置接口
+ * 注意：secondaryButtonText 和 shopNowText 作为高频属性保持在 data 的直接属性中
+ */
+export interface CopyConfig {
+    /** Plus会员价格标签文本 */
+    plusMemberPriceLabel?: string;
+    /** 会员价格标签文本 */
+    memberPriceLabel?: string;
+    /** 库存显示文案模板，支持 {count} 占位符 */
+    stockDisplayText?: string;
+    /** 上一页滑动按钮的无障碍标签（ActiveShelf 专用） */
+    previousSlideLabel?: string;
+    /** 下一页滑动按钮的无障碍标签（ActiveShelf 专用） */
+    nextSlideLabel?: string;
+    discountLabel?: string;
+    outOfStockLabel?: string;
+    limitedStock?: string;
+    couponTag?: string;
+}

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/ActiveShelf/types.ts"],
+  "sourcesContent": ["/**\n * \u6309\u94AE\u529F\u80FD\u7C7B\u578B\n */\nexport type ButtonFunctionType = 'buyNow' | 'addCart' | 'learnMore'\n\n/**\n * ActiveShelf \u6587\u6848\u914D\u7F6E\u63A5\u53E3\n * \u6CE8\u610F\uFF1AsecondaryButtonText \u548C shopNowText \u4F5C\u4E3A\u9AD8\u9891\u5C5E\u6027\u4FDD\u6301\u5728 data \u7684\u76F4\u63A5\u5C5E\u6027\u4E2D\n */\nexport interface CopyConfig {\n  /** Plus\u4F1A\u5458\u4EF7\u683C\u6807\u7B7E\u6587\u672C */\n  plusMemberPriceLabel?: string\n  /** \u4F1A\u5458\u4EF7\u683C\u6807\u7B7E\u6587\u672C */\n  memberPriceLabel?: string\n\n  /** \u5E93\u5B58\u663E\u793A\u6587\u6848\u6A21\u677F\uFF0C\u652F\u6301 {count} \u5360\u4F4D\u7B26 */\n  stockDisplayText?: string\n\n  /** \u4E0A\u4E00\u9875\u6ED1\u52A8\u6309\u94AE\u7684\u65E0\u969C\u788D\u6807\u7B7E\uFF08ActiveShelf \u4E13\u7528\uFF09 */\n  previousSlideLabel?: string\n  /** \u4E0B\u4E00\u9875\u6ED1\u52A8\u6309\u94AE\u7684\u65E0\u969C\u788D\u6807\u7B7E\uFF08ActiveShelf \u4E13\u7528\uFF09 */\n  nextSlideLabel?: string\n\n  discountLabel?: string\n  outOfStockLabel?: string\n  limitedStock?: string\n  couponTag?: string\n}\n"],
+  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
+  "names": ["types_exports", "__toCommonJS"]
+}

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

@@ -5,7 +5,14 @@ interface AiuiContextType {
     locale?: string;
     pathname?: string;
     storeDomain?: string;
+    /**
+     * 用户是否登录
+     */
     isLogin?: boolean;
+    /**
+     * 用户是否为Plus会员
+     */
+    isPlusMember?: boolean;
     currencyCode?: string;
     currencyDisplay?: CurrencyDisplayType;
     copyWriting?: Record<string, string>;

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

@@ -1,2 +1,2 @@
-"use strict";var p=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var k=(n,e)=>{for(var o in e)p(n,o,{get:e[o],enumerable:!0})},x=(n,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of v(e))!A.call(n,t)&&t!==o&&p(n,t,{get:()=>e[t],enumerable:!(s=f(e,t))||s.enumerable});return n};var C=n=>x(p({},"__esModule",{value:!0}),n);var E={};k(E,{AiuiContext:()=>c,default:()=>T,useAiuiContext:()=>_});module.exports=C(E);var g=require("react/jsx-runtime"),m=require("../../shared/track.js"),r=require("react");const c=(0,r.createContext)({trackingData:{},locale:void 0,copyWriting:{}}),_=()=>{if(!(0,r.useContext)(c))throw new Error("useAiui must be used in <AiuiProvider>");return(0,r.useContext)(c)},D=({children:n,...e})=>((0,r.useEffect)(()=>{const o=(t,a)=>{const i={};if(!a||!a.attributes)return i;for(const b of Array.from(a.attributes)){const d=b?.name;d?.startsWith("data-headless-")&&(i[d]=a.getAttribute(d))}const h=i?.["data-headless-sku"],l=i?.["data-headless-type-name"]?.split?.("#"),u=i?.["data-headless-title-desc-button"]?.split?.("#"),y=i?.["data-headless-nav-postion"]?.split?.("#");(0,m.gaTrack)({event:"ga4Event",event_name:"component_click",event_parameters:{page_group:e?.trackingData?.pageGroup||"Home Page",component_type:l?.[0]||"",component_name:l?.[1]||"",position:y?.[1]||"",navigation:y?.[0]||"",button_name:u?.[2]||"",SKU:h||"",component_title:u?.[0]||"",component_description:u?.[1]||""}})},s=new MutationObserver(()=>{document.querySelectorAll("[data-headless-type-name]").forEach(t=>{t.hasAttribute("data-headless-track-bound")||(t.addEventListener("click",a=>o(a,t)),t.setAttribute("data-headless-track-bound","true"))})});return s.observe(document.body,{childList:!0,subtree:!0}),document.querySelectorAll("[data-headless-type-name]").forEach(t=>{t.hasAttribute("data-headless-track-bound")||(t.addEventListener("click",a=>o(a,t)),t.setAttribute("data-headless-track-bound","true"))}),()=>s.disconnect()},[]),(0,g.jsx)(c.Provider,{value:e,children:n}));var T=D;
+"use strict";var p=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var k=(n,e)=>{for(var o in e)p(n,o,{get:e[o],enumerable:!0})},x=(n,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of v(e))!A.call(n,t)&&t!==o&&p(n,t,{get:()=>e[t],enumerable:!(s=f(e,t))||s.enumerable});return n};var C=n=>x(p({},"__esModule",{value:!0}),n);var E={};k(E,{AiuiContext:()=>c,default:()=>T,useAiuiContext:()=>_});module.exports=C(E);var b=require("react/jsx-runtime"),m=require("../../shared/track.js"),r=require("react");const c=(0,r.createContext)({trackingData:{},locale:void 0,copyWriting:{}}),_=()=>{if(!(0,r.useContext)(c))throw new Error("useAiui must be used in <AiuiProvider>");return(0,r.useContext)(c)},D=({children:n,...e})=>((0,r.useEffect)(()=>{const o=(t,a)=>{const i={};if(!a||!a.attributes)return i;for(const h of Array.from(a.attributes)){const d=h?.name;d?.startsWith("data-headless-")&&(i[d]=a.getAttribute(d))}const g=i?.["data-headless-sku"],l=i?.["data-headless-type-name"]?.split?.("#"),u=i?.["data-headless-title-desc-button"]?.split?.("#"),y=i?.["data-headless-nav-postion"]?.split?.("#");(0,m.gaTrack)({event:"ga4Event",event_name:"component_click",event_parameters:{page_group:e?.trackingData?.pageGroup||"Home Page",component_type:l?.[0]||"",component_name:l?.[1]||"",position:y?.[1]||"",navigation:y?.[0]||"",button_name:u?.[2]||"",SKU:g||"",component_title:u?.[0]||"",component_description:u?.[1]||""}})},s=new MutationObserver(()=>{document.querySelectorAll("[data-headless-type-name]").forEach(t=>{t.hasAttribute("data-headless-track-bound")||(t.addEventListener("click",a=>o(a,t)),t.setAttribute("data-headless-track-bound","true"))})});return s.observe(document.body,{childList:!0,subtree:!0}),document.querySelectorAll("[data-headless-type-name]").forEach(t=>{t.hasAttribute("data-headless-track-bound")||(t.addEventListener("click",a=>o(a,t)),t.setAttribute("data-headless-track-bound","true"))}),()=>s.disconnect()},[]),(0,b.jsx)(c.Provider,{value:e,children:n}));var T=D;
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/AiuiProvider/index.tsx"],
-  "sourcesContent": ["import { gaTrack } from '../../shared/track.js'\nimport React, { createContext, useContext, useEffect } from 'react'\nimport type { CurrencyDisplayType } from '../../types/props.js'\ninterface AiuiContextType {\n  trackingData: Record<string, any>\n  locale?: string\n  pathname?: string\n  storeDomain?: string\n  isLogin?: boolean\n  currencyCode?: string\n  currencyDisplay?: CurrencyDisplayType\n  copyWriting?: Record<string, string>\n}\n\nexport const AiuiContext = createContext<AiuiContextType>({\n  trackingData: {},\n  locale: undefined,\n  copyWriting: {},\n})\n\nexport const useAiuiContext = () => {\n  const context = useContext(AiuiContext)\n  if (!context) {\n    throw new Error('useAiui must be used in <AiuiProvider>')\n  }\n  return useContext(AiuiContext)\n}\n\nconst AiuiProvider = ({\n  children,\n  ...rest\n}: {\n  children: React.ReactNode\n} & AiuiContextType) => {\n  useEffect(() => {\n    const handleTrackClick = (e: any, el: any) => {\n      // e?.stopPropagation?.()\n      const out: any = {}\n      if (!el || !el.attributes) return out\n      for (const attr of Array.from(el.attributes)) {\n        const name = (attr as any)?.name\n        if (name?.startsWith('data-headless-')) {\n          out[name] = el.getAttribute(name)\n        }\n      }\n      const sku = out?.['data-headless-sku']\n      const nameType = out?.['data-headless-type-name']?.split?.('#')\n      const titleDesc = out?.['data-headless-title-desc-button']?.split?.('#')\n      const navPosition = out?.['data-headless-nav-postion']?.split?.('#')\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_click',\n        event_parameters: {\n          page_group: rest?.trackingData?.pageGroup || 'Home Page',\n          component_type: nameType?.[0] || '',\n          component_name: nameType?.[1] || '',\n          position: navPosition?.[1] || '',\n          navigation: navPosition?.[0] || '',\n          button_name: titleDesc?.[2] || '',\n          SKU: sku || '',\n          component_title: titleDesc?.[0] || '',\n          component_description: titleDesc?.[1] || '',\n        },\n      })\n    }\n    const observer = new MutationObserver(() => {\n      document.querySelectorAll('[data-headless-type-name]').forEach(el => {\n        if (!el.hasAttribute('data-headless-track-bound')) {\n          el.addEventListener('click', e => handleTrackClick(e, el))\n          el.setAttribute('data-headless-track-bound', 'true') // \u907F\u514D\u91CD\u590D\u7ED1\u5B9A\n        }\n      })\n    })\n    observer.observe(document.body, { childList: true, subtree: true })\n    // \u521D\u59CB\u5316\u4E00\u6B21\u73B0\u6709\u8282\u70B9\n    document.querySelectorAll('[data-headless-type-name]').forEach(el => {\n      if (!el.hasAttribute('data-headless-track-bound')) {\n        el.addEventListener('click', e => handleTrackClick(e, el))\n        el.setAttribute('data-headless-track-bound', 'true')\n      }\n    })\n    return () => observer.disconnect()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  return <AiuiContext.Provider value={rest}>{children}</AiuiContext.Provider>\n}\n\nexport default AiuiProvider\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,YAAAC,EAAA,mBAAAC,IAAA,eAAAC,EAAAL,GAqFS,IAAAM,EAAA,6BArFTC,EAAwB,iCACxBC,EAA4D,iBAarD,MAAMN,KAAc,iBAA+B,CACxD,aAAc,CAAC,EACf,OAAQ,OACR,YAAa,CAAC,CAChB,CAAC,EAEYE,EAAiB,IAAM,CAElC,GAAI,IADY,cAAWF,CAAW,EAEpC,MAAM,IAAI,MAAM,wCAAwC,EAE1D,SAAO,cAAWA,CAAW,CAC/B,EAEMO,EAAe,CAAC,CACpB,SAAAC,EACA,GAAGC,CACL,QAGE,aAAU,IAAM,CACd,MAAMC,EAAmB,CAACC,EAAQC,IAAY,CAE5C,MAAMC,EAAW,CAAC,EAClB,GAAI,CAACD,GAAM,CAACA,EAAG,WAAY,OAAOC,EAClC,UAAWC,KAAQ,MAAM,KAAKF,EAAG,UAAU,EAAG,CAC5C,MAAMG,EAAQD,GAAc,KACxBC,GAAM,WAAW,gBAAgB,IACnCF,EAAIE,CAAI,EAAIH,EAAG,aAAaG,CAAI,EAEpC,CACA,MAAMC,EAAMH,IAAM,mBAAmB,EAC/BI,EAAWJ,IAAM,yBAAyB,GAAG,QAAQ,GAAG,EACxDK,EAAYL,IAAM,iCAAiC,GAAG,QAAQ,GAAG,EACjEM,EAAcN,IAAM,2BAA2B,GAAG,QAAQ,GAAG,KACnE,WAAQ,CACN,MAAO,WACP,WAAY,kBACZ,iBAAkB,CAChB,WAAYJ,GAAM,cAAc,WAAa,YAC7C,eAAgBQ,IAAW,CAAC,GAAK,GACjC,eAAgBA,IAAW,CAAC,GAAK,GACjC,SAAUE,IAAc,CAAC,GAAK,GAC9B,WAAYA,IAAc,CAAC,GAAK,GAChC,YAAaD,IAAY,CAAC,GAAK,GAC/B,IAAKF,GAAO,GACZ,gBAAiBE,IAAY,CAAC,GAAK,GACnC,sBAAuBA,IAAY,CAAC,GAAK,EAC3C,CACF,CAAC,CACH,EACME,EAAW,IAAI,iBAAiB,IAAM,CAC1C,SAAS,iBAAiB,2BAA2B,EAAE,QAAQR,GAAM,CAC9DA,EAAG,aAAa,2BAA2B,IAC9CA,EAAG,iBAAiB,QAASD,GAAKD,EAAiBC,EAAGC,CAAE,CAAC,EACzDA,EAAG,aAAa,4BAA6B,MAAM,EAEvD,CAAC,CACH,CAAC,EACD,OAAAQ,EAAS,QAAQ,SAAS,KAAM,CAAE,UAAW,GAAM,QAAS,EAAK,CAAC,EAElE,SAAS,iBAAiB,2BAA2B,EAAE,QAAQR,GAAM,CAC9DA,EAAG,aAAa,2BAA2B,IAC9CA,EAAG,iBAAiB,QAASD,GAAKD,EAAiBC,EAAGC,CAAE,CAAC,EACzDA,EAAG,aAAa,4BAA6B,MAAM,EAEvD,CAAC,EACM,IAAMQ,EAAS,WAAW,CAEnC,EAAG,CAAC,CAAC,KAEE,OAACpB,EAAY,SAAZ,CAAqB,MAAOS,EAAO,SAAAD,EAAS,GAGtD,IAAOP,EAAQM",
+  "sourcesContent": ["import { gaTrack } from '../../shared/track.js'\nimport React, { createContext, useContext, useEffect } from 'react'\nimport type { CurrencyDisplayType } from '../../types/props.js'\ninterface AiuiContextType {\n  trackingData: Record<string, any>\n  locale?: string\n  pathname?: string\n  storeDomain?: string\n  /**\n   * \u7528\u6237\u662F\u5426\u767B\u5F55\n   */\n  isLogin?: boolean\n\n  /**\n   * \u7528\u6237\u662F\u5426\u4E3APlus\u4F1A\u5458\n   */\n  isPlusMember?: boolean\n  currencyCode?: string\n  currencyDisplay?: CurrencyDisplayType\n  copyWriting?: Record<string, string>\n}\n\nexport const AiuiContext = createContext<AiuiContextType>({\n  trackingData: {},\n  locale: undefined,\n  copyWriting: {},\n})\n\nexport const useAiuiContext = () => {\n  const context = useContext(AiuiContext)\n  if (!context) {\n    throw new Error('useAiui must be used in <AiuiProvider>')\n  }\n  return useContext(AiuiContext)\n}\n\nconst AiuiProvider = ({\n  children,\n  ...rest\n}: {\n  children: React.ReactNode\n} & AiuiContextType) => {\n  useEffect(() => {\n    const handleTrackClick = (e: any, el: any) => {\n      // e?.stopPropagation?.()\n      const out: any = {}\n      if (!el || !el.attributes) return out\n      for (const attr of Array.from(el.attributes)) {\n        const name = (attr as any)?.name\n        if (name?.startsWith('data-headless-')) {\n          out[name] = el.getAttribute(name)\n        }\n      }\n      const sku = out?.['data-headless-sku']\n      const nameType = out?.['data-headless-type-name']?.split?.('#')\n      const titleDesc = out?.['data-headless-title-desc-button']?.split?.('#')\n      const navPosition = out?.['data-headless-nav-postion']?.split?.('#')\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_click',\n        event_parameters: {\n          page_group: rest?.trackingData?.pageGroup || 'Home Page',\n          component_type: nameType?.[0] || '',\n          component_name: nameType?.[1] || '',\n          position: navPosition?.[1] || '',\n          navigation: navPosition?.[0] || '',\n          button_name: titleDesc?.[2] || '',\n          SKU: sku || '',\n          component_title: titleDesc?.[0] || '',\n          component_description: titleDesc?.[1] || '',\n        },\n      })\n    }\n    const observer = new MutationObserver(() => {\n      document.querySelectorAll('[data-headless-type-name]').forEach(el => {\n        if (!el.hasAttribute('data-headless-track-bound')) {\n          el.addEventListener('click', e => handleTrackClick(e, el))\n          el.setAttribute('data-headless-track-bound', 'true') // \u907F\u514D\u91CD\u590D\u7ED1\u5B9A\n        }\n      })\n    })\n    observer.observe(document.body, { childList: true, subtree: true })\n    // \u521D\u59CB\u5316\u4E00\u6B21\u73B0\u6709\u8282\u70B9\n    document.querySelectorAll('[data-headless-type-name]').forEach(el => {\n      if (!el.hasAttribute('data-headless-track-bound')) {\n        el.addEventListener('click', e => handleTrackClick(e, el))\n        el.setAttribute('data-headless-track-bound', 'true')\n      }\n    })\n    return () => observer.disconnect()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  return <AiuiContext.Provider value={rest}>{children}</AiuiContext.Provider>\n}\n\nexport default AiuiProvider\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,YAAAC,EAAA,mBAAAC,IAAA,eAAAC,EAAAL,GA6FS,IAAAM,EAAA,6BA7FTC,EAAwB,iCACxBC,EAA4D,iBAqBrD,MAAMN,KAAc,iBAA+B,CACxD,aAAc,CAAC,EACf,OAAQ,OACR,YAAa,CAAC,CAChB,CAAC,EAEYE,EAAiB,IAAM,CAElC,GAAI,IADY,cAAWF,CAAW,EAEpC,MAAM,IAAI,MAAM,wCAAwC,EAE1D,SAAO,cAAWA,CAAW,CAC/B,EAEMO,EAAe,CAAC,CACpB,SAAAC,EACA,GAAGC,CACL,QAGE,aAAU,IAAM,CACd,MAAMC,EAAmB,CAACC,EAAQC,IAAY,CAE5C,MAAMC,EAAW,CAAC,EAClB,GAAI,CAACD,GAAM,CAACA,EAAG,WAAY,OAAOC,EAClC,UAAWC,KAAQ,MAAM,KAAKF,EAAG,UAAU,EAAG,CAC5C,MAAMG,EAAQD,GAAc,KACxBC,GAAM,WAAW,gBAAgB,IACnCF,EAAIE,CAAI,EAAIH,EAAG,aAAaG,CAAI,EAEpC,CACA,MAAMC,EAAMH,IAAM,mBAAmB,EAC/BI,EAAWJ,IAAM,yBAAyB,GAAG,QAAQ,GAAG,EACxDK,EAAYL,IAAM,iCAAiC,GAAG,QAAQ,GAAG,EACjEM,EAAcN,IAAM,2BAA2B,GAAG,QAAQ,GAAG,KACnE,WAAQ,CACN,MAAO,WACP,WAAY,kBACZ,iBAAkB,CAChB,WAAYJ,GAAM,cAAc,WAAa,YAC7C,eAAgBQ,IAAW,CAAC,GAAK,GACjC,eAAgBA,IAAW,CAAC,GAAK,GACjC,SAAUE,IAAc,CAAC,GAAK,GAC9B,WAAYA,IAAc,CAAC,GAAK,GAChC,YAAaD,IAAY,CAAC,GAAK,GAC/B,IAAKF,GAAO,GACZ,gBAAiBE,IAAY,CAAC,GAAK,GACnC,sBAAuBA,IAAY,CAAC,GAAK,EAC3C,CACF,CAAC,CACH,EACME,EAAW,IAAI,iBAAiB,IAAM,CAC1C,SAAS,iBAAiB,2BAA2B,EAAE,QAAQR,GAAM,CAC9DA,EAAG,aAAa,2BAA2B,IAC9CA,EAAG,iBAAiB,QAASD,GAAKD,EAAiBC,EAAGC,CAAE,CAAC,EACzDA,EAAG,aAAa,4BAA6B,MAAM,EAEvD,CAAC,CACH,CAAC,EACD,OAAAQ,EAAS,QAAQ,SAAS,KAAM,CAAE,UAAW,GAAM,QAAS,EAAK,CAAC,EAElE,SAAS,iBAAiB,2BAA2B,EAAE,QAAQR,GAAM,CAC9DA,EAAG,aAAa,2BAA2B,IAC9CA,EAAG,iBAAiB,QAASD,GAAKD,EAAiBC,EAAGC,CAAE,CAAC,EACzDA,EAAG,aAAa,4BAA6B,MAAM,EAEvD,CAAC,EACM,IAAMQ,EAAS,WAAW,CAEnC,EAAG,CAAC,CAAC,KAEE,OAACpB,EAAY,SAAZ,CAAqB,MAAOS,EAAO,SAAAD,EAAS,GAGtD,IAAOP,EAAQM",
   "names": ["AiuiProvider_exports", "__export", "AiuiContext", "AiuiProvider_default", "useAiuiContext", "__toCommonJS", "import_jsx_runtime", "import_track", "import_react", "AiuiProvider", "children", "rest", "handleTrackClick", "e", "el", "out", "attr", "name", "sku", "nameType", "titleDesc", "navPosition", "observer"]
 }

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

@@ -15,8 +15,8 @@ type AplusDescType = {
     };
     className?: string;
 };
-declare const _default: import("react").ForwardRefExoticComponent<Omit<AplusDescType, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: import("react").ForwardRefExoticComponent<AplusDescType & {
+    style?: string | React.CSSProperties;
+    container?: import("../../shared/Styles.js").ContainerProps["container"];
 } & import("react").RefAttributes<any>>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import type { BrandCardLinkProps } from './types.js';
-declare const _default: import("react").ForwardRefExoticComponent<Omit<Omit<BrandCardLinkProps & import("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>;
+declare const _default: import("react").ForwardRefExoticComponent<Omit<BrandCardLinkProps & import("react").RefAttributes<HTMLDivElement> & {
+    style?: string | React.CSSProperties;
+    container?: import("../../shared/Styles.js").ContainerProps["container"];
 }, "ref"> & import("react").RefAttributes<any>>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import type { BrandEquityProps } from './types.js';
-declare const _default: import("react").ForwardRefExoticComponent<Omit<Omit<BrandEquityProps & import("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>;
+declare const _default: import("react").ForwardRefExoticComponent<Omit<BrandEquityProps & import("react").RefAttributes<HTMLDivElement> & {
+    style?: string | React.CSSProperties;
+    container?: import("../../shared/Styles.js").ContainerProps["container"];
 }, "ref"> & import("react").RefAttributes<any>>;
 export default _default;

package/dist/cjs/biz-components/BuyOneGetOneShelf/FreeGiftItem.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { FreeGift, FreeGiftWithSelection } from './types.js';
+export interface FreeGiftItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    /** 赠品数据（包含选择状态） */
+    gift: FreeGiftWithSelection;
+    /** 点击回调 */
+    onClick?: (gift: FreeGift) => void;
+    /** 赠品类型 1-> 单选模式， 2 -> 全选模式 */
+    giftType?: 1 | 2;
+}
+/**
+ * FreeGiftItem - 免费赠品项
+ */
+declare const FreeGiftItem: React.ForwardRefExoticComponent<FreeGiftItemProps & React.RefAttributes<HTMLDivElement>>;
+export default FreeGiftItem;

package/dist/cjs/biz-components/BuyOneGetOneShelf/FreeGiftItem.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var x=Object.create;var d=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var N=(e,i)=>{for(var r in i)d(e,r,{get:i[r],enumerable:!0})},p=(e,i,r,a)=>{if(i&&typeof i=="object"||typeof i=="function")for(let s of u(i))!b.call(e,s)&&s!==r&&d(e,s,{get:()=>i[s],enumerable:!(a=f(i,s))||a.enumerable});return e};var n=(e,i,r)=>(r=e!=null?x(v(e)):{},p(i||!e||!e.__esModule?d(r,"default",{value:e,enumerable:!0}):r,e)),h=e=>p(d({},"__esModule",{value:!0}),e);var z={};N(z,{default:()=>k});module.exports=h(z);var t=require("react/jsx-runtime"),y=n(require("react")),l=require("../../helpers/index.js"),m=n(require("../../components/picture.js")),o=require("../../components/text.js");const c=y.forwardRef(({gift:e,onClick:i,className:r,giftType:a},s)=>(0,t.jsx)("div",{ref:s,className:(0,l.cn)("bg-container-primary laptop:rounded-[8px] border-lines relative flex w-full flex-col overflow-hidden rounded-[6px] border-2 transition-all","desktop:min-h-[88px] min-h-[80px]",a===2?"border-brand-0 cursor-default":`cursor-pointer hover:shadow-sm ${e.selected?"border-brand-0 bg-secondary-1":"border-lines bg-secondary-0"}`,r),onClick:()=>{a===1&&i?.(e)},children:(0,t.jsxs)("div",{className:"flex size-full flex-col items-end",children:[e.tag&&(0,t.jsx)("div",{className:"absolute right-0 top-0 z-10 flex items-start",children:(0,t.jsx)("div",{className:"bg-brand-0 lg-desktop:text-[16px] laptop:rounded-bl-[8px] rounded-bl-[6px] px-[6px] pb-[4px] pt-[3px] text-[14px] font-bold text-white",children:e.tag})}),(0,t.jsxs)("div",{className:(0,l.cn)("flex size-full items-center gap-4 p-4","tablet:p-2"),children:[(0,t.jsx)("div",{className:(0,l.cn)("size-14 shrink-0","tablet:size-12"),children:(0,t.jsx)(m.default,{source:e.image,alt:e.name,className:"size-full rounded object-cover"})}),(0,t.jsxs)("div",{className:"flex h-full min-w-0 flex-1 flex-col justify-center gap-1 py-1",children:[(0,t.jsx)(o.Text,{size:2,html:e.name,className:(0,l.cn)("text-info-primary desktop:text-[16px] lg-desktop:text-[18px] line-clamp-1")}),(0,t.jsxs)("div",{className:"mt-auto flex items-center justify-between gap-2",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(o.Text,{size:2,className:(0,l.cn)("text-info-primary desktop:text-[16px] lg-desktop:text-[18px]"),children:e.currentPrice}),e.originalPrice&&e.originalPrice!==e.currentPrice&&(0,t.jsx)(o.Text,{size:2,className:(0,l.cn)("text-info-tertiary desktop:text-[16px] lg-desktop:text-[18px] pr-6 line-through"),children:e.originalPrice})]}),e.quantity>1&&(0,t.jsxs)(o.Text,{size:4,className:(0,l.cn)("self-end"),children:["x",e.quantity]})]})]})]})]})}));c.displayName="FreeGiftItem";var k=c;
+//# sourceMappingURL=FreeGiftItem.js.map

package/dist/cjs/biz-components/BuyOneGetOneShelf/FreeGiftItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/BuyOneGetOneShelf/FreeGiftItem.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport Picture from '../../components/picture.js'\nimport { Text } from '../../components/text.js'\n\nimport type { FreeGift, FreeGiftWithSelection } from './types.js'\n\nexport interface FreeGiftItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {\n  /** \u8D60\u54C1\u6570\u636E\uFF08\u5305\u542B\u9009\u62E9\u72B6\u6001\uFF09 */\n  gift: FreeGiftWithSelection\n  /** \u70B9\u51FB\u56DE\u8C03 */\n  onClick?: (gift: FreeGift) => void\n  /** \u8D60\u54C1\u7C7B\u578B 1-> \u5355\u9009\u6A21\u5F0F\uFF0C 2 -> \u5168\u9009\u6A21\u5F0F */\n  giftType?: 1 | 2\n}\n\n/**\n * FreeGiftItem - \u514D\u8D39\u8D60\u54C1\u9879\n */\nconst FreeGiftItem = React.forwardRef<HTMLDivElement, FreeGiftItemProps>(\n  ({ gift, onClick, className, giftType }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'bg-container-primary laptop:rounded-[8px] border-lines relative flex w-full flex-col overflow-hidden rounded-[6px] border-2 transition-all',\n          'desktop:min-h-[88px] min-h-[80px]', // \u56FA\u5B9A\u6700\u5C0F\u9AD8\u5EA6\u786E\u4FDD\u6240\u6709\u5BB9\u5668\u9AD8\u5EA6\u4E00\u81F4\n          // \u6837\u5F0F\u6839\u636E gift_type \u548C\u9009\u62E9\u72B6\u6001\u53D8\u5316\n          giftType === 2\n            ? 'border-brand-0 cursor-default' // \u5168\u9009\u6A21\u5F0F\uFF1A\u59CB\u7EC8\u9009\u4E2D\uFF0C\u4E0D\u53EF\u70B9\u51FB\n            : `cursor-pointer hover:shadow-sm ${gift.selected ? 'border-brand-0 bg-secondary-1' : 'border-lines bg-secondary-0'}`, // \u5355\u9009\u6A21\u5F0F\uFF1A\u53EF\u70B9\u51FB\uFF0C\u6839\u636E\u9009\u62E9\u72B6\u6001\u53D8\u5316\u8FB9\u6846\n          className\n        )}\n        onClick={() => {\n          // \u53EA\u6709\u5355\u9009\u6A21\u5F0F\u624D\u5141\u8BB8\u70B9\u51FB\n          if (giftType === 1) {\n            onClick?.(gift)\n          }\n        }}\n      >\n        <div className=\"flex size-full flex-col items-end\">\n          {gift.tag && (\n            <div className=\"absolute right-0 top-0 z-10 flex items-start\">\n              <div className=\"bg-brand-0 lg-desktop:text-[16px] laptop:rounded-bl-[8px] rounded-bl-[6px] px-[6px] pb-[4px] pt-[3px] text-[14px] font-bold text-white\">\n                {gift.tag}\n              </div>\n            </div>\n          )}\n          <div className={cn('flex size-full items-center gap-4 p-4', 'tablet:p-2')}>\n            <div className={cn('size-14 shrink-0', 'tablet:size-12')}>\n              <Picture source={gift.image} alt={gift.name} className=\"size-full rounded object-cover\" />\n            </div>\n            <div className=\"flex h-full min-w-0 flex-1 flex-col justify-center gap-1 py-1\">\n              <Text\n                size={2}\n                html={gift.name}\n                className={cn('text-info-primary desktop:text-[16px] lg-desktop:text-[18px] line-clamp-1')}\n              />\n              <div className=\"mt-auto flex items-center justify-between gap-2\">\n                <div className=\"flex items-center gap-2\">\n                  <Text size={2} className={cn('text-info-primary desktop:text-[16px] lg-desktop:text-[18px]')}>\n                    {gift.currentPrice}\n                  </Text>\n                  {gift.originalPrice && gift.originalPrice !== gift.currentPrice && (\n                    <Text\n                      size={2}\n                      className={cn('text-info-tertiary desktop:text-[16px] lg-desktop:text-[18px] pr-6 line-through')}\n                    >\n                      {gift.originalPrice}\n                    </Text>\n                  )}\n                </div>\n                {gift.quantity > 1 && (\n                  <Text size={4} className={cn('self-end')}>\n                    x{gift.quantity}\n                  </Text>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\n\nFreeGiftItem.displayName = 'FreeGiftItem'\n\nexport default FreeGiftItem\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA6Cc,IAAAI,EAAA,6BA3CdC,EAAuB,oBACvBC,EAAmB,kCACnBC,EAAoB,0CACpBC,EAAqB,oCAgBrB,MAAMC,EAAeJ,EAAM,WACzB,CAAC,CAAE,KAAAK,EAAM,QAAAC,EAAS,UAAAC,EAAW,SAAAC,CAAS,EAAGC,OAErC,OAAC,OACC,IAAKA,EACL,aAAW,MACT,6IACA,oCAEAD,IAAa,EACT,gCACA,kCAAkCH,EAAK,SAAW,gCAAkC,6BAA6B,GACrHE,CACF,EACA,QAAS,IAAM,CAETC,IAAa,GACfF,IAAUD,CAAI,CAElB,EAEA,oBAAC,OAAI,UAAU,oCACZ,UAAAA,EAAK,QACJ,OAAC,OAAI,UAAU,+CACb,mBAAC,OAAI,UAAU,yIACZ,SAAAA,EAAK,IACR,EACF,KAEF,QAAC,OAAI,aAAW,MAAG,wCAAyC,YAAY,EACtE,oBAAC,OAAI,aAAW,MAAG,mBAAoB,gBAAgB,EACrD,mBAAC,EAAAK,QAAA,CAAQ,OAAQL,EAAK,MAAO,IAAKA,EAAK,KAAM,UAAU,iCAAiC,EAC1F,KACA,QAAC,OAAI,UAAU,gEACb,oBAAC,QACC,KAAM,EACN,KAAMA,EAAK,KACX,aAAW,MAAG,2EAA2E,EAC3F,KACA,QAAC,OAAI,UAAU,kDACb,qBAAC,OAAI,UAAU,0BACb,oBAAC,QAAK,KAAM,EAAG,aAAW,MAAG,8DAA8D,EACxF,SAAAA,EAAK,aACR,EACCA,EAAK,eAAiBA,EAAK,gBAAkBA,EAAK,iBACjD,OAAC,QACC,KAAM,EACN,aAAW,MAAG,iFAAiF,EAE9F,SAAAA,EAAK,cACR,GAEJ,EACCA,EAAK,SAAW,MACf,QAAC,QAAK,KAAM,EAAG,aAAW,MAAG,UAAU,EAAG,cACtCA,EAAK,UACT,GAEJ,GACF,GACF,GACF,EACF,CAGN,EAEAD,EAAa,YAAc,eAE3B,IAAOP,EAAQO",
+  "names": ["FreeGiftItem_exports", "__export", "FreeGiftItem_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_picture", "import_text", "FreeGiftItem", "gift", "onClick", "className", "giftType", "ref", "Picture"]
+}

package/dist/cjs/biz-components/BuyOneGetOneShelf/GiftSelection.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import type { FreeGift, FreeGiftWithSelection } from './types.js';
+export interface GiftSelectionProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 赠品标签文本 */
+    freeGiftLabel?: string;
+    /** 赠品列表（包含选择状态） */
+    freeGifts?: FreeGiftWithSelection[];
+    /** 赠品点击回调 */
+    onGiftClick?: (gift: FreeGift) => void;
+    /** 赠品类型 1-> 单选模式， 2 -> 全选模式 */
+    giftType?: 1 | 2;
+    selectedGiftSku?: string;
+}
+/**
+ * GiftSelection - 赠品选择区域
+ */
+declare const GiftSelection: React.ForwardRefExoticComponent<GiftSelectionProps & React.RefAttributes<HTMLDivElement>>;
+export default GiftSelection;

package/dist/cjs/biz-components/BuyOneGetOneShelf/GiftSelection.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var g=Object.create;var r=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var T=(e,t)=>{for(var i in t)r(e,i,{get:t[i],enumerable:!0})},s=(e,t,i,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of u(t))!S.call(e,l)&&l!==i&&r(e,l,{get:()=>t[l],enumerable:!(o=v(t,l))||o.enumerable});return e};var a=(e,t,i)=>(i=e!=null?g(y(e)):{},s(t||!e||!e.__esModule?r(i,"default",{value:e,enumerable:!0}):i,e)),k=e=>s(r({},"__esModule",{value:!0}),e);var N={};T(N,{default:()=>F});module.exports=k(N);var f=require("react/jsx-runtime"),w=a(require("react")),p=require("../../helpers/index.js"),m=require("../../components/text.js"),x=a(require("./FreeGiftItem.js"));const c=w.forwardRef(({freeGiftLabel:e,freeGifts:t,onGiftClick:i,className:o,giftType:l},d)=>!t||t.length===0?null:(0,f.jsxs)("div",{ref:d,className:(0,p.cn)("flex w-full flex-col gap-2",o),children:[e&&(0,f.jsx)(m.Text,{size:2,className:(0,p.cn)("text-info-primary desktop:text-[16px] lg-desktop:text-[18px] w-full"),children:e}),(0,f.jsx)("div",{className:(0,p.cn)("tablet:flex-row laptop:flex-col flex flex-col gap-2"),children:t.map((n,G)=>(0,f.jsx)("div",{className:"min-w-0 flex-1",children:(0,f.jsx)(x.default,{gift:n,onClick:i,giftType:l})},n.id||G))})]}));c.displayName="GiftSelection";var F=c;
+//# sourceMappingURL=GiftSelection.js.map

package/dist/cjs/biz-components/BuyOneGetOneShelf/GiftSelection.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/BuyOneGetOneShelf/GiftSelection.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Text } from '../../components/text.js'\nimport FreeGiftItem from './FreeGiftItem.js'\nimport type { FreeGift, FreeGiftWithSelection } from './types.js'\n\nexport interface GiftSelectionProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u8D60\u54C1\u6807\u7B7E\u6587\u672C */\n  freeGiftLabel?: string\n  /** \u8D60\u54C1\u5217\u8868\uFF08\u5305\u542B\u9009\u62E9\u72B6\u6001\uFF09 */\n  freeGifts?: FreeGiftWithSelection[]\n  /** \u8D60\u54C1\u70B9\u51FB\u56DE\u8C03 */\n  onGiftClick?: (gift: FreeGift) => void\n  /** \u8D60\u54C1\u7C7B\u578B 1-> \u5355\u9009\u6A21\u5F0F\uFF0C 2 -> \u5168\u9009\u6A21\u5F0F */\n  giftType?: 1 | 2\n  selectedGiftSku?: string\n}\n\n/**\n * GiftSelection - \u8D60\u54C1\u9009\u62E9\u533A\u57DF\n */\nconst GiftSelection = React.forwardRef<HTMLDivElement, GiftSelectionProps>(\n  ({ freeGiftLabel, freeGifts, onGiftClick, className, giftType }, ref) => {\n    if (!freeGifts || freeGifts.length === 0) {\n      return null\n    }\n\n    return (\n      <div ref={ref} className={cn('flex w-full flex-col gap-2', className)}>\n        {freeGiftLabel && (\n          <Text size={2} className={cn('text-info-primary desktop:text-[16px] lg-desktop:text-[18px] w-full')}>\n            {freeGiftLabel}\n          </Text>\n        )}\n        <div className={cn('tablet:flex-row laptop:flex-col flex flex-col gap-2')}>\n          {freeGifts.map((gift, index) => (\n            <div key={gift.id || index} className=\"min-w-0 flex-1\">\n              <FreeGiftItem gift={gift} onClick={onGiftClick} giftType={giftType} />\n            </div>\n          ))}\n        </div>\n      </div>\n    )\n  }\n)\n\nGiftSelection.displayName = 'GiftSelection'\n\nexport default GiftSelection\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA8BM,IAAAI,EAAA,6BA5BNC,EAAuB,oBACvBC,EAAmB,kCACnBC,EAAqB,oCACrBC,EAAyB,gCAkBzB,MAAMC,EAAgBJ,EAAM,WAC1B,CAAC,CAAE,cAAAK,EAAe,UAAAC,EAAW,YAAAC,EAAa,UAAAC,EAAW,SAAAC,CAAS,EAAGC,IAC3D,CAACJ,GAAaA,EAAU,SAAW,EAC9B,QAIP,QAAC,OAAI,IAAKI,EAAK,aAAW,MAAG,6BAA8BF,CAAS,EACjE,UAAAH,MACC,OAAC,QAAK,KAAM,EAAG,aAAW,MAAG,qEAAqE,EAC/F,SAAAA,EACH,KAEF,OAAC,OAAI,aAAW,MAAG,qDAAqD,EACrE,SAAAC,EAAU,IAAI,CAACK,EAAMC,OACpB,OAAC,OAA2B,UAAU,iBACpC,mBAAC,EAAAC,QAAA,CAAa,KAAMF,EAAM,QAASJ,EAAa,SAAUE,EAAU,GAD5DE,EAAK,IAAMC,CAErB,CACD,EACH,GACF,CAGN,EAEAR,EAAc,YAAc,gBAE5B,IAAOP,EAAQO",
+  "names": ["GiftSelection_exports", "__export", "GiftSelection_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_text", "import_FreeGiftItem", "GiftSelection", "freeGiftLabel", "freeGifts", "onGiftClick", "className", "giftType", "ref", "gift", "index", "FreeGiftItem"]
+}