@anker-in/headless-ui 1.3.12 → 1.3.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
- "use strict";"use client";var x=Object.create;var s=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,$=Object.prototype.hasOwnProperty;var w=(e,o)=>{for(var t in o)s(e,t,{get:o[t],enumerable:!0})},n=(e,o,t,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of z(o))!$.call(e,r)&&r!==t&&s(e,r,{get:()=>o[r],enumerable:!(l=T(o,r))||l.enumerable});return e};var p=(e,o,t)=>(t=e!=null?x(N(e)):{},n(o||!e||!e.__esModule?s(t,"default",{value:e,enumerable:!0}):t,e)),I=e=>n(s({},"__esModule",{value:!0}),e);var L={};w(L,{default:()=>H});module.exports=I(L);var a=require("react/jsx-runtime"),D=p(require("react")),u=require("../../helpers/index.js"),c=p(require("../../components/picture.js")),f=p(require("../../components/badge.js"));const d=D.forwardRef(({images:e,name:o,tags:t,layout:l="horizontal",className:r,onClick:m},g)=>{const{laptop:v,mobile:b,tablet:h,desktop:P,lgDesktop:y}=e;return(0,a.jsxs)("div",{ref:g,className:(0,u.cn)("relative grow overflow-hidden",l==="horizontal"?["min-h-[240px]","laptop:basis-[60.9%]","desktop:basis-[57.9%]","lg-desktop:basis-[57.9%]"]:["laptop:h-[266px] lg-desktop:h-[364px] h-[240px] grow-0"],m?"cursor-pointer":"",r),onClick:m,children:[(0,a.jsx)(c.default,{source:`${b?.url}, ${h?.url} 768, ${v?.url} 1024, ${P?.url} 1440, ${y?.url} 1920`,alt:o,className:"absolute inset-0 size-full",imgClassName:"size-full object-cover"}),t&&t.length>0&&(0,a.jsx)("div",{className:"absolute left-4 top-4 flex gap-2",children:t.map((i,k)=>(0,a.jsx)(f.default,{variant:i.variant,size:"lg",promotionalType:i.variant==="promotional"?i.promotionalType:void 0,children:i.label},k))})]})});d.displayName="ProductImage";var H=d;
1
+ "use strict";"use client";var k=Object.create;var s=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,$=Object.prototype.hasOwnProperty;var x=(e,o)=>{for(var t in o)s(e,t,{get:o[t],enumerable:!0})},c=(e,o,t,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of w(o))!$.call(e,r)&&r!==t&&s(e,r,{get:()=>o[r],enumerable:!(a=y(o,r))||a.enumerable});return e};var p=(e,o,t)=>(t=e!=null?k(N(e)):{},c(o||!e||!e.__esModule?s(t,"default",{value:e,enumerable:!0}):t,e)),I=e=>c(s({},"__esModule",{value:!0}),e);var L={};x(L,{default:()=>H});module.exports=I(L);var i=require("react/jsx-runtime"),D=p(require("react")),m=require("../../helpers/index.js"),u=p(require("../../components/picture.js")),f=p(require("../../components/badge.js"));const d=D.forwardRef(({images:e,name:o,tags:t,layout:a="horizontal",className:r,onClick:n},v)=>{const{laptop:g,mobile:b,tablet:h,desktop:P,lgDesktop:z}=e;return(0,i.jsxs)("div",{ref:v,className:(0,m.cn)("relative grow overflow-hidden",a==="horizontal"?["min-h-[240px]","laptop:basis-[60.9%]","desktop:basis-[57.9%]","lg-desktop:basis-[57.9%]"]:["h-fit grow-0"],n?"cursor-pointer":"",r),onClick:n,children:[(0,i.jsx)(u.default,{source:`${b?.url}, ${h?.url} 768, ${g?.url} 1024, ${P?.url} 1440, ${z?.url} 1920`,alt:o,className:(0,m.cn)({"laptop:absolute inset-0 size-full static":a==="horizontal","w-full h-auto":a==="vertical"}),imgClassName:"size-full object-cover"}),t&&t.length>0&&(0,i.jsx)("div",{className:"absolute left-4 top-4 flex gap-2",children:t.map((l,T)=>(0,i.jsx)(f.default,{variant:l.variant,size:"lg",promotionalType:l.variant==="promotional"?l.promotionalType:void 0,children:l.label},T))})]})});d.displayName="ProductImage";var H=d;
2
2
  //# sourceMappingURL=ProductImage.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/biz-components/BuyOneGetOneShelf/ProductImage.tsx"],
4
- "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport Picture from '../../components/picture.js'\nimport Badge from '../../components/badge.js'\nimport type { ProductTag } from './types.js'\n\nexport interface ProductImageProps extends React.HTMLAttributes<HTMLDivElement> {\n /** \u54CD\u5E94\u5F0F\u56FE\u7247\u96C6\u5408 */\n images: any\n /** \u4EA7\u54C1\u540D\u79F0\uFF0C\u7528\u4F5C alt \u6587\u672C */\n name: string\n /** \u4EA7\u54C1\u6807\u7B7E */\n tags?: ProductTag[]\n /** \u5E03\u5C40\u6A21\u5F0F */\n layout?: 'horizontal' | 'vertical'\n /** \u70B9\u51FB\u56DE\u8C03 */\n onClick?: () => void\n}\n\n/**\n * ProductImage - \u4EA7\u54C1\u56FE\u7247\u533A\u57DF\n */\nconst ProductImage = React.forwardRef<HTMLDivElement, ProductImageProps>(\n ({ images, name, tags, layout = 'horizontal', className, onClick }, ref) => {\n const { laptop, mobile, tablet, desktop, lgDesktop } = images\n\n return (\n <div\n ref={ref}\n className={cn(\n 'relative grow overflow-hidden',\n // \u6839\u636E\u5E03\u5C40\u6A21\u5F0F\u8C03\u6574\u5C3A\u5BF8\u548C\u5706\u89D2\n layout === 'horizontal'\n ? [\n // \u6C34\u5E73\u5E03\u5C40\uFF1A\u4F7F\u7528 flex-basis \u8BBE\u7F6E\u5BBD\u5EA6\u6BD4\u4F8B\n 'min-h-[240px]',\n 'laptop:basis-[60.9%]', // 561px / 921px \u2248 60.9%\n 'desktop:basis-[57.9%]', // 760px / 1312px \u2248 57.9%\n 'lg-desktop:basis-[57.9%]', // 964px / 1664px \u2248 57.9%\n ]\n : [\n // \u5782\u76F4\u5E03\u5C40\uFF1A\u4E0A\u9762\u56FE\u7247\uFF0C\u4E0B\u9762\u5185\u5BB9\n 'laptop:h-[266px] lg-desktop:h-[364px] h-[240px] grow-0',\n ],\n onClick ? 'cursor-pointer' : '',\n className\n )}\n onClick={onClick}\n >\n <Picture\n source={`${mobile?.url}, ${tablet?.url} 768, ${laptop?.url} 1024, ${desktop?.url} 1440, ${lgDesktop?.url} 1920`}\n alt={name}\n className=\"absolute inset-0 size-full\"\n imgClassName=\"size-full object-cover\"\n />\n\n {/* \u5DE6\u4E0A\u89D2\u6807\u7B7E */}\n {tags && tags.length > 0 && (\n <div className=\"absolute left-4 top-4 flex gap-2\">\n {tags.map((tag, index) => (\n <Badge\n key={index}\n variant={tag.variant}\n size=\"lg\"\n promotionalType={tag.variant === 'promotional' ? tag.promotionalType : undefined}\n >\n {tag.label}\n </Badge>\n ))}\n </div>\n )}\n </div>\n )\n }\n)\n\nProductImage.displayName = 'ProductImage'\n\nexport default ProductImage\n"],
5
- "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA6BM,IAAAI,EAAA,6BA3BNC,EAAuB,oBACvBC,EAAmB,kCACnBC,EAAoB,0CACpBC,EAAkB,wCAmBlB,MAAMC,EAAeJ,EAAM,WACzB,CAAC,CAAE,OAAAK,EAAQ,KAAAC,EAAM,KAAAC,EAAM,OAAAC,EAAS,aAAc,UAAAC,EAAW,QAAAC,CAAQ,EAAGC,IAAQ,CAC1E,KAAM,CAAE,OAAAC,EAAQ,OAAAC,EAAQ,OAAAC,EAAQ,QAAAC,EAAS,UAAAC,CAAU,EAAIX,EAEvD,SACE,QAAC,OACC,IAAKM,EACL,aAAW,MACT,gCAEAH,IAAW,aACP,CAEE,gBACA,uBACA,wBACA,0BACF,EACA,CAEE,wDACF,EACJE,EAAU,iBAAmB,GAC7BD,CACF,EACA,QAASC,EAET,oBAAC,EAAAO,QAAA,CACC,OAAQ,GAAGJ,GAAQ,GAAG,KAAKC,GAAQ,GAAG,SAASF,GAAQ,GAAG,UAAUG,GAAS,GAAG,UAAUC,GAAW,GAAG,QACxG,IAAKV,EACL,UAAU,6BACV,aAAa,yBACf,EAGCC,GAAQA,EAAK,OAAS,MACrB,OAAC,OAAI,UAAU,mCACZ,SAAAA,EAAK,IAAI,CAACW,EAAKC,OACd,OAAC,EAAAC,QAAA,CAEC,QAASF,EAAI,QACb,KAAK,KACL,gBAAiBA,EAAI,UAAY,cAAgBA,EAAI,gBAAkB,OAEtE,SAAAA,EAAI,OALAC,CAMP,CACD,EACH,GAEJ,CAEJ,CACF,EAEAf,EAAa,YAAc,eAE3B,IAAOP,EAAQO",
4
+ "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport Picture from '../../components/picture.js'\nimport Badge from '../../components/badge.js'\nimport type { ProductTag } from './types.js'\n\nexport interface ProductImageProps extends React.HTMLAttributes<HTMLDivElement> {\n /** \u54CD\u5E94\u5F0F\u56FE\u7247\u96C6\u5408 */\n images: any\n /** \u4EA7\u54C1\u540D\u79F0\uFF0C\u7528\u4F5C alt \u6587\u672C */\n name: string\n /** \u4EA7\u54C1\u6807\u7B7E */\n tags?: ProductTag[]\n /** \u5E03\u5C40\u6A21\u5F0F */\n layout?: 'horizontal' | 'vertical'\n /** \u70B9\u51FB\u56DE\u8C03 */\n onClick?: () => void\n}\n\n/**\n * ProductImage - \u4EA7\u54C1\u56FE\u7247\u533A\u57DF\n */\nconst ProductImage = React.forwardRef<HTMLDivElement, ProductImageProps>(\n ({ images, name, tags, layout = 'horizontal', className, onClick }, ref) => {\n const { laptop, mobile, tablet, desktop, lgDesktop } = images\n\n return (\n <div\n ref={ref}\n className={cn(\n 'relative grow overflow-hidden',\n // \u6839\u636E\u5E03\u5C40\u6A21\u5F0F\u8C03\u6574\u5C3A\u5BF8\u548C\u5706\u89D2\n layout === 'horizontal'\n ? [\n // \u6C34\u5E73\u5E03\u5C40\uFF1A\u4F7F\u7528 flex-basis \u8BBE\u7F6E\u5BBD\u5EA6\u6BD4\u4F8B\n 'min-h-[240px]',\n 'laptop:basis-[60.9%]', // 561px / 921px \u2248 60.9%\n 'desktop:basis-[57.9%]', // 760px / 1312px \u2248 57.9%\n 'lg-desktop:basis-[57.9%]', // 964px / 1664px \u2248 57.9%\n ]\n : [\n // \u5782\u76F4\u5E03\u5C40\uFF1A\u4E0A\u9762\u56FE\u7247\uFF0C\u4E0B\u9762\u5185\u5BB9, \u4E0D\u9650\u5236\u9AD8\u5EA6\n 'h-fit grow-0',\n ],\n onClick ? 'cursor-pointer' : '',\n className\n )}\n onClick={onClick}\n >\n <Picture\n source={`${mobile?.url}, ${tablet?.url} 768, ${laptop?.url} 1024, ${desktop?.url} 1440, ${lgDesktop?.url} 1920`}\n alt={name}\n className={cn({\n 'laptop:absolute inset-0 size-full static': layout === 'horizontal',\n 'w-full h-auto': layout === 'vertical',\n })}\n imgClassName=\"size-full object-cover\"\n />\n\n {/* \u5DE6\u4E0A\u89D2\u6807\u7B7E */}\n {tags && tags.length > 0 && (\n <div className=\"absolute left-4 top-4 flex gap-2\">\n {tags.map((tag, index) => (\n <Badge\n key={index}\n variant={tag.variant}\n size=\"lg\"\n promotionalType={tag.variant === 'promotional' ? tag.promotionalType : undefined}\n >\n {tag.label}\n </Badge>\n ))}\n </div>\n )}\n </div>\n )\n }\n)\n\nProductImage.displayName = 'ProductImage'\n\nexport default ProductImage\n"],
5
+ "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA6BM,IAAAI,EAAA,6BA3BNC,EAAuB,oBACvBC,EAAmB,kCACnBC,EAAoB,0CACpBC,EAAkB,wCAmBlB,MAAMC,EAAeJ,EAAM,WACzB,CAAC,CAAE,OAAAK,EAAQ,KAAAC,EAAM,KAAAC,EAAM,OAAAC,EAAS,aAAc,UAAAC,EAAW,QAAAC,CAAQ,EAAGC,IAAQ,CAC1E,KAAM,CAAE,OAAAC,EAAQ,OAAAC,EAAQ,OAAAC,EAAQ,QAAAC,EAAS,UAAAC,CAAU,EAAIX,EAEvD,SACE,QAAC,OACC,IAAKM,EACL,aAAW,MACT,gCAEAH,IAAW,aACP,CAEE,gBACA,uBACA,wBACA,0BACF,EACA,CAEE,cACF,EACJE,EAAU,iBAAmB,GAC7BD,CACF,EACA,QAASC,EAET,oBAAC,EAAAO,QAAA,CACC,OAAQ,GAAGJ,GAAQ,GAAG,KAAKC,GAAQ,GAAG,SAASF,GAAQ,GAAG,UAAUG,GAAS,GAAG,UAAUC,GAAW,GAAG,QACxG,IAAKV,EACL,aAAW,MAAG,CACZ,2CAA4CE,IAAW,aACvD,gBAAiBA,IAAW,UAC9B,CAAC,EACD,aAAa,yBACf,EAGCD,GAAQA,EAAK,OAAS,MACrB,OAAC,OAAI,UAAU,mCACZ,SAAAA,EAAK,IAAI,CAACW,EAAKC,OACd,OAAC,EAAAC,QAAA,CAEC,QAASF,EAAI,QACb,KAAK,KACL,gBAAiBA,EAAI,UAAY,cAAgBA,EAAI,gBAAkB,OAEtE,SAAAA,EAAI,OALAC,CAMP,CACD,EACH,GAEJ,CAEJ,CACF,EAEAf,EAAa,YAAc,eAE3B,IAAOP,EAAQO",
6
6
  "names": ["ProductImage_exports", "__export", "ProductImage_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_picture", "import_badge", "ProductImage", "images", "name", "tags", "layout", "className", "onClick", "ref", "laptop", "mobile", "tablet", "desktop", "lgDesktop", "Picture", "tag", "index", "Badge"]
7
7
  }
@@ -1,2 +1,2 @@
1
- "use client";import{jsx as t,jsxs as y}from"react/jsx-runtime";import*as v from"react";import{cn as b}from"../../helpers/index.js";import h from"../../components/picture.js";import P from"../../components/badge.js";const a=v.forwardRef(({images:l,name:i,tags:o,layout:s="horizontal",className:p,onClick:r},m)=>{const{laptop:n,mobile:d,tablet:u,desktop:c,lgDesktop:f}=l;return y("div",{ref:m,className:b("relative grow overflow-hidden",s==="horizontal"?["min-h-[240px]","laptop:basis-[60.9%]","desktop:basis-[57.9%]","lg-desktop:basis-[57.9%]"]:["laptop:h-[266px] lg-desktop:h-[364px] h-[240px] grow-0"],r?"cursor-pointer":"",p),onClick:r,children:[t(h,{source:`${d?.url}, ${u?.url} 768, ${n?.url} 1024, ${c?.url} 1440, ${f?.url} 1920`,alt:i,className:"absolute inset-0 size-full",imgClassName:"size-full object-cover"}),o&&o.length>0&&t("div",{className:"absolute left-4 top-4 flex gap-2",children:o.map((e,g)=>t(P,{variant:e.variant,size:"lg",promotionalType:e.variant==="promotional"?e.promotionalType:void 0,children:e.label},g))})]})});a.displayName="ProductImage";var z=a;export{z as default};
1
+ "use client";import{jsx as r,jsxs as z}from"react/jsx-runtime";import*as b from"react";import{cn as i}from"../../helpers/index.js";import h from"../../components/picture.js";import P from"../../components/badge.js";const l=b.forwardRef(({images:s,name:p,tags:o,layout:t="horizontal",className:m,onClick:a},n)=>{const{laptop:c,mobile:d,tablet:u,desktop:f,lgDesktop:v}=s;return z("div",{ref:n,className:i("relative grow overflow-hidden",t==="horizontal"?["min-h-[240px]","laptop:basis-[60.9%]","desktop:basis-[57.9%]","lg-desktop:basis-[57.9%]"]:["h-fit grow-0"],a?"cursor-pointer":"",m),onClick:a,children:[r(h,{source:`${d?.url}, ${u?.url} 768, ${c?.url} 1024, ${f?.url} 1440, ${v?.url} 1920`,alt:p,className:i({"laptop:absolute inset-0 size-full static":t==="horizontal","w-full h-auto":t==="vertical"}),imgClassName:"size-full object-cover"}),o&&o.length>0&&r("div",{className:"absolute left-4 top-4 flex gap-2",children:o.map((e,g)=>r(P,{variant:e.variant,size:"lg",promotionalType:e.variant==="promotional"?e.promotionalType:void 0,children:e.label},g))})]})});l.displayName="ProductImage";var w=l;export{w as default};
2
2
  //# sourceMappingURL=ProductImage.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/biz-components/BuyOneGetOneShelf/ProductImage.tsx"],
4
- "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport Picture from '../../components/picture.js'\nimport Badge from '../../components/badge.js'\nimport type { ProductTag } from './types.js'\n\nexport interface ProductImageProps extends React.HTMLAttributes<HTMLDivElement> {\n /** \u54CD\u5E94\u5F0F\u56FE\u7247\u96C6\u5408 */\n images: any\n /** \u4EA7\u54C1\u540D\u79F0\uFF0C\u7528\u4F5C alt \u6587\u672C */\n name: string\n /** \u4EA7\u54C1\u6807\u7B7E */\n tags?: ProductTag[]\n /** \u5E03\u5C40\u6A21\u5F0F */\n layout?: 'horizontal' | 'vertical'\n /** \u70B9\u51FB\u56DE\u8C03 */\n onClick?: () => void\n}\n\n/**\n * ProductImage - \u4EA7\u54C1\u56FE\u7247\u533A\u57DF\n */\nconst ProductImage = React.forwardRef<HTMLDivElement, ProductImageProps>(\n ({ images, name, tags, layout = 'horizontal', className, onClick }, ref) => {\n const { laptop, mobile, tablet, desktop, lgDesktop } = images\n\n return (\n <div\n ref={ref}\n className={cn(\n 'relative grow overflow-hidden',\n // \u6839\u636E\u5E03\u5C40\u6A21\u5F0F\u8C03\u6574\u5C3A\u5BF8\u548C\u5706\u89D2\n layout === 'horizontal'\n ? [\n // \u6C34\u5E73\u5E03\u5C40\uFF1A\u4F7F\u7528 flex-basis \u8BBE\u7F6E\u5BBD\u5EA6\u6BD4\u4F8B\n 'min-h-[240px]',\n 'laptop:basis-[60.9%]', // 561px / 921px \u2248 60.9%\n 'desktop:basis-[57.9%]', // 760px / 1312px \u2248 57.9%\n 'lg-desktop:basis-[57.9%]', // 964px / 1664px \u2248 57.9%\n ]\n : [\n // \u5782\u76F4\u5E03\u5C40\uFF1A\u4E0A\u9762\u56FE\u7247\uFF0C\u4E0B\u9762\u5185\u5BB9\n 'laptop:h-[266px] lg-desktop:h-[364px] h-[240px] grow-0',\n ],\n onClick ? 'cursor-pointer' : '',\n className\n )}\n onClick={onClick}\n >\n <Picture\n source={`${mobile?.url}, ${tablet?.url} 768, ${laptop?.url} 1024, ${desktop?.url} 1440, ${lgDesktop?.url} 1920`}\n alt={name}\n className=\"absolute inset-0 size-full\"\n imgClassName=\"size-full object-cover\"\n />\n\n {/* \u5DE6\u4E0A\u89D2\u6807\u7B7E */}\n {tags && tags.length > 0 && (\n <div className=\"absolute left-4 top-4 flex gap-2\">\n {tags.map((tag, index) => (\n <Badge\n key={index}\n variant={tag.variant}\n size=\"lg\"\n promotionalType={tag.variant === 'promotional' ? tag.promotionalType : undefined}\n >\n {tag.label}\n </Badge>\n ))}\n </div>\n )}\n </div>\n )\n }\n)\n\nProductImage.displayName = 'ProductImage'\n\nexport default ProductImage\n"],
5
- "mappings": "aA6BM,OAsBE,OAAAA,EAtBF,QAAAC,MAAA,oBA3BN,UAAYC,MAAW,QACvB,OAAS,MAAAC,MAAU,yBACnB,OAAOC,MAAa,8BACpB,OAAOC,MAAW,4BAmBlB,MAAMC,EAAeJ,EAAM,WACzB,CAAC,CAAE,OAAAK,EAAQ,KAAAC,EAAM,KAAAC,EAAM,OAAAC,EAAS,aAAc,UAAAC,EAAW,QAAAC,CAAQ,EAAGC,IAAQ,CAC1E,KAAM,CAAE,OAAAC,EAAQ,OAAAC,EAAQ,OAAAC,EAAQ,QAAAC,EAAS,UAAAC,CAAU,EAAIX,EAEvD,OACEN,EAAC,OACC,IAAKY,EACL,UAAWV,EACT,gCAEAO,IAAW,aACP,CAEE,gBACA,uBACA,wBACA,0BACF,EACA,CAEE,wDACF,EACJE,EAAU,iBAAmB,GAC7BD,CACF,EACA,QAASC,EAET,UAAAZ,EAACI,EAAA,CACC,OAAQ,GAAGW,GAAQ,GAAG,KAAKC,GAAQ,GAAG,SAASF,GAAQ,GAAG,UAAUG,GAAS,GAAG,UAAUC,GAAW,GAAG,QACxG,IAAKV,EACL,UAAU,6BACV,aAAa,yBACf,EAGCC,GAAQA,EAAK,OAAS,GACrBT,EAAC,OAAI,UAAU,mCACZ,SAAAS,EAAK,IAAI,CAACU,EAAKC,IACdpB,EAACK,EAAA,CAEC,QAASc,EAAI,QACb,KAAK,KACL,gBAAiBA,EAAI,UAAY,cAAgBA,EAAI,gBAAkB,OAEtE,SAAAA,EAAI,OALAC,CAMP,CACD,EACH,GAEJ,CAEJ,CACF,EAEAd,EAAa,YAAc,eAE3B,IAAOe,EAAQf",
4
+ "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport Picture from '../../components/picture.js'\nimport Badge from '../../components/badge.js'\nimport type { ProductTag } from './types.js'\n\nexport interface ProductImageProps extends React.HTMLAttributes<HTMLDivElement> {\n /** \u54CD\u5E94\u5F0F\u56FE\u7247\u96C6\u5408 */\n images: any\n /** \u4EA7\u54C1\u540D\u79F0\uFF0C\u7528\u4F5C alt \u6587\u672C */\n name: string\n /** \u4EA7\u54C1\u6807\u7B7E */\n tags?: ProductTag[]\n /** \u5E03\u5C40\u6A21\u5F0F */\n layout?: 'horizontal' | 'vertical'\n /** \u70B9\u51FB\u56DE\u8C03 */\n onClick?: () => void\n}\n\n/**\n * ProductImage - \u4EA7\u54C1\u56FE\u7247\u533A\u57DF\n */\nconst ProductImage = React.forwardRef<HTMLDivElement, ProductImageProps>(\n ({ images, name, tags, layout = 'horizontal', className, onClick }, ref) => {\n const { laptop, mobile, tablet, desktop, lgDesktop } = images\n\n return (\n <div\n ref={ref}\n className={cn(\n 'relative grow overflow-hidden',\n // \u6839\u636E\u5E03\u5C40\u6A21\u5F0F\u8C03\u6574\u5C3A\u5BF8\u548C\u5706\u89D2\n layout === 'horizontal'\n ? [\n // \u6C34\u5E73\u5E03\u5C40\uFF1A\u4F7F\u7528 flex-basis \u8BBE\u7F6E\u5BBD\u5EA6\u6BD4\u4F8B\n 'min-h-[240px]',\n 'laptop:basis-[60.9%]', // 561px / 921px \u2248 60.9%\n 'desktop:basis-[57.9%]', // 760px / 1312px \u2248 57.9%\n 'lg-desktop:basis-[57.9%]', // 964px / 1664px \u2248 57.9%\n ]\n : [\n // \u5782\u76F4\u5E03\u5C40\uFF1A\u4E0A\u9762\u56FE\u7247\uFF0C\u4E0B\u9762\u5185\u5BB9, \u4E0D\u9650\u5236\u9AD8\u5EA6\n 'h-fit grow-0',\n ],\n onClick ? 'cursor-pointer' : '',\n className\n )}\n onClick={onClick}\n >\n <Picture\n source={`${mobile?.url}, ${tablet?.url} 768, ${laptop?.url} 1024, ${desktop?.url} 1440, ${lgDesktop?.url} 1920`}\n alt={name}\n className={cn({\n 'laptop:absolute inset-0 size-full static': layout === 'horizontal',\n 'w-full h-auto': layout === 'vertical',\n })}\n imgClassName=\"size-full object-cover\"\n />\n\n {/* \u5DE6\u4E0A\u89D2\u6807\u7B7E */}\n {tags && tags.length > 0 && (\n <div className=\"absolute left-4 top-4 flex gap-2\">\n {tags.map((tag, index) => (\n <Badge\n key={index}\n variant={tag.variant}\n size=\"lg\"\n promotionalType={tag.variant === 'promotional' ? tag.promotionalType : undefined}\n >\n {tag.label}\n </Badge>\n ))}\n </div>\n )}\n </div>\n )\n }\n)\n\nProductImage.displayName = 'ProductImage'\n\nexport default ProductImage\n"],
5
+ "mappings": "aA6BM,OAsBE,OAAAA,EAtBF,QAAAC,MAAA,oBA3BN,UAAYC,MAAW,QACvB,OAAS,MAAAC,MAAU,yBACnB,OAAOC,MAAa,8BACpB,OAAOC,MAAW,4BAmBlB,MAAMC,EAAeJ,EAAM,WACzB,CAAC,CAAE,OAAAK,EAAQ,KAAAC,EAAM,KAAAC,EAAM,OAAAC,EAAS,aAAc,UAAAC,EAAW,QAAAC,CAAQ,EAAGC,IAAQ,CAC1E,KAAM,CAAE,OAAAC,EAAQ,OAAAC,EAAQ,OAAAC,EAAQ,QAAAC,EAAS,UAAAC,CAAU,EAAIX,EAEvD,OACEN,EAAC,OACC,IAAKY,EACL,UAAWV,EACT,gCAEAO,IAAW,aACP,CAEE,gBACA,uBACA,wBACA,0BACF,EACA,CAEE,cACF,EACJE,EAAU,iBAAmB,GAC7BD,CACF,EACA,QAASC,EAET,UAAAZ,EAACI,EAAA,CACC,OAAQ,GAAGW,GAAQ,GAAG,KAAKC,GAAQ,GAAG,SAASF,GAAQ,GAAG,UAAUG,GAAS,GAAG,UAAUC,GAAW,GAAG,QACxG,IAAKV,EACL,UAAWL,EAAG,CACZ,2CAA4CO,IAAW,aACvD,gBAAiBA,IAAW,UAC9B,CAAC,EACD,aAAa,yBACf,EAGCD,GAAQA,EAAK,OAAS,GACrBT,EAAC,OAAI,UAAU,mCACZ,SAAAS,EAAK,IAAI,CAACU,EAAKC,IACdpB,EAACK,EAAA,CAEC,QAASc,EAAI,QACb,KAAK,KACL,gBAAiBA,EAAI,UAAY,cAAgBA,EAAI,gBAAkB,OAEtE,SAAAA,EAAI,OALAC,CAMP,CACD,EACH,GAEJ,CAEJ,CACF,EAEAd,EAAa,YAAc,eAE3B,IAAOe,EAAQf",
6
6
  "names": ["jsx", "jsxs", "React", "cn", "Picture", "Badge", "ProductImage", "images", "name", "tags", "layout", "className", "onClick", "ref", "laptop", "mobile", "tablet", "desktop", "lgDesktop", "tag", "index", "ProductImage_default"]
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@anker-in/headless-ui",
3
- "version": "1.3.12",
3
+ "version": "1.3.13",
4
4
  "type": "commonjs",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "types": "./dist/cjs/index.d.ts",
package/style.css CHANGED
@@ -5519,6 +5519,9 @@ video {
5519
5519
  .laptop\:pointer-events-none {
5520
5520
  pointer-events: none;
5521
5521
  }
5522
+ .laptop\:absolute {
5523
+ position: absolute;
5524
+ }
5522
5525
  .laptop\:inset-x-16 {
5523
5526
  left: 4rem;
5524
5527
  right: 4rem;
@@ -5828,9 +5831,6 @@ video {
5828
5831
  .laptop\:h-\[24px\] {
5829
5832
  height: 24px;
5830
5833
  }
5831
- .laptop\:h-\[266px\] {
5832
- height: 266px;
5833
- }
5834
5834
  .laptop\:h-\[280px\] {
5835
5835
  height: 280px;
5836
5836
  }
@@ -7494,9 +7494,6 @@ video {
7494
7494
  .lg-desktop\:h-\[362px\] {
7495
7495
  height: 362px;
7496
7496
  }
7497
- .lg-desktop\:h-\[364px\] {
7498
- height: 364px;
7499
- }
7500
7497
  .lg-desktop\:h-\[36px\] {
7501
7498
  height: 36px;
7502
7499
  }