@anker-in/headless-ui 1.0.9-temp-dataimg → 1.0.9-temp-swiper

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

@@ -1,2 +1,2 @@
-"use client";import{jsx as e,jsxs as l}from"react/jsx-runtime";import m,{useImperativeHandle as d,useRef as n}from"react";import{Picture as c,Text as t}from"../../components/index.js";import{cn as h}from"../../helpers/index.js";import{withLayout as f}from"../../shared/Styles.js";import x from"../SwiperBox/index.js";const r=m.forwardRef(({data:s,className:p},a)=>{const o=n(null);return d(a,()=>o.current),e("div",{ref:o,className:h(p),children:e(x,{className:"!overflow-visible [&_.swiper-wrapper]:flex [&_.swiper-wrapper]:gap-[16px]",data:{list:s?.productData||[],configuration:{shape:"card",isTab:!0}},Slide:i,breakpoints:{0:{slidesPerView:1},374:{slidesPerView:1.2},768:{slidesPerView:2.3},1025:{slidesPerView:4}},id:""})})});r.displayName="WhyChoose";const i=({data:s})=>l("div",{className:"  laptop:p-[24px] laptop:shrink w-full shrink-0 rounded-[16px] bg-[#EAEAEC] p-[16px]",children:[e(c,{source:s.img.url,className:"w-[36px]"}),l("div",{className:"py-[16px]",children:[e(t,{html:s?.title,className:"line-clamp-2 overflow-hidden text-ellipsis text-[20px] font-bold leading-[1.2]"}),e("div",{className:"mt-[8px]",children:e(t,{html:s?.desc,className:"line-clamp-2 overflow-hidden text-ellipsis text-[14px] font-bold leading-[1.2]"})})]})]});i.displayName="WhyChooseItem";var C=f(r);export{i as WhyChooseItem,C as default};
+"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import m,{useImperativeHandle as d,useRef as n}from"react";import{Picture as c,Text as o}from"../../components/index.js";import{cn as w}from"../../helpers/index.js";import{withLayout as h}from"../../shared/Styles.js";import f from"../SwiperBox/index.js";const p=m.forwardRef(({data:s,className:l},a)=>{const t=n(null);return d(a,()=>t.current),e("div",{ref:t,className:w(l),children:e(f,{className:"!overflow-visible [&_.swiper-wrapper]:flex [&_.swiper-wrapper]:gap-[16px]",data:{list:s?.productData||[],configuration:{shape:"card",isTab:!0}},Slide:i,breakpoints:{0:{slidesPerView:1,spaceBetween:12},374:{slidesPerView:1.2,spaceBetween:12},768:{slidesPerView:2.3,spaceBetween:16},1025:{slidesPerView:4,spaceBetween:16},1440:{slidesPerView:4,spaceBetween:16},1920:{slidesPerView:4,spaceBetween:16}},id:""})})});p.displayName="WhyChoose";const i=({data:s})=>r("div",{className:"  laptop:p-[24px] laptop:shrink w-full shrink-0 rounded-[16px] bg-[#EAEAEC] p-[16px]",children:[e(c,{source:s.img.url,className:"w-[36px]"}),r("div",{className:"py-[16px]",children:[e(o,{html:s?.title,className:"line-clamp-2 overflow-hidden text-ellipsis text-[20px] font-bold leading-[1.2]"}),e("div",{className:"mt-[8px]",children:e(o,{html:s?.desc,className:"line-clamp-2 overflow-hidden text-ellipsis text-[14px] font-bold leading-[1.2]"})})]})]});i.displayName="WhyChooseItem";var P=h(p);export{i as WhyChooseItem,P as default};
 //# sourceMappingURL=WhyChoose.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/WhyChoose/WhyChoose.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useImperativeHandle, useRef } from 'react'\nimport type { WhyChooseProps, WhyChooseItem as ItemType } from './types.js'\nimport { Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/index.js'\n// import { withStyles } from '../../shared/Styles.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport SwiperBox from '../SwiperBox/index.js'\n\nconst WhyChoose = React.forwardRef<HTMLDivElement, WhyChooseProps>(({ data, className }, ref) => {\n  const innerRef = useRef<HTMLDivElement>(null)\n  useImperativeHandle(ref, () => innerRef.current!)\n\n  return (\n    <div ref={innerRef} className={cn(className)}>\n      <SwiperBox\n        className=\"!overflow-visible [&_.swiper-wrapper]:flex [&_.swiper-wrapper]:gap-[16px]\"\n        data={{\n          list: data?.productData || [],\n          configuration: { shape: 'card', isTab: true },\n        }}\n        Slide={WhyChooseItem}\n        breakpoints={{\n          0: { slidesPerView: 1 },\n          374: { slidesPerView: 1.2 },\n          768: { slidesPerView: 2.3 },\n          1025: {\n            slidesPerView: 4,\n          },\n        }}\n        id={''}\n      />\n    </div>\n  )\n})\n\nWhyChoose.displayName = 'WhyChoose'\n\nconst WhyChooseItem = ({ data }: { data: ItemType }) => {\n  return (\n    <div className=\"  laptop:p-[24px] laptop:shrink w-full shrink-0 rounded-[16px] bg-[#EAEAEC] p-[16px]\">\n      <Picture source={data.img.url} className=\"w-[36px]\" />\n      <div className=\"py-[16px]\">\n        <Text\n          html={data?.title}\n          className=\"line-clamp-2 overflow-hidden text-ellipsis text-[20px] font-bold leading-[1.2]\"\n        />\n        <div className=\"mt-[8px]\">\n          <Text\n            html={data?.desc}\n            className=\"line-clamp-2 overflow-hidden text-ellipsis text-[14px] font-bold leading-[1.2]\"\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nWhyChooseItem.displayName = 'WhyChooseItem'\n\nexport default withLayout(WhyChoose)\nexport { WhyChooseItem }\n"],
-  "mappings": "aAeM,cAAAA,EA2BA,QAAAC,MA3BA,oBAdN,OAAOC,GAAS,uBAAAC,EAAqB,UAAAC,MAAc,QAEnD,OAAS,WAAAC,EAAS,QAAAC,MAAY,4BAC9B,OAAS,MAAAC,MAAU,yBAEnB,OAAS,cAAAC,MAAkB,yBAC3B,OAAOC,MAAe,wBAEtB,MAAMC,EAAYR,EAAM,WAA2C,CAAC,CAAE,KAAAS,EAAM,UAAAC,CAAU,EAAGC,IAAQ,CAC/F,MAAMC,EAAWV,EAAuB,IAAI,EAC5C,OAAAD,EAAoBU,EAAK,IAAMC,EAAS,OAAQ,EAG9Cd,EAAC,OAAI,IAAKc,EAAU,UAAWP,EAAGK,CAAS,EACzC,SAAAZ,EAACS,EAAA,CACC,UAAU,4EACV,KAAM,CACJ,KAAME,GAAM,aAAe,CAAC,EAC5B,cAAe,CAAE,MAAO,OAAQ,MAAO,EAAK,CAC9C,EACA,MAAOI,EACP,YAAa,CACX,EAAG,CAAE,cAAe,CAAE,EACtB,IAAK,CAAE,cAAe,GAAI,EAC1B,IAAK,CAAE,cAAe,GAAI,EAC1B,KAAM,CACJ,cAAe,CACjB,CACF,EACA,GAAI,GACN,EACF,CAEJ,CAAC,EAEDL,EAAU,YAAc,YAExB,MAAMK,EAAgB,CAAC,CAAE,KAAAJ,CAAK,IAE1BV,EAAC,OAAI,UAAU,uFACb,UAAAD,EAACK,EAAA,CAAQ,OAAQM,EAAK,IAAI,IAAK,UAAU,WAAW,EACpDV,EAAC,OAAI,UAAU,YACb,UAAAD,EAACM,EAAA,CACC,KAAMK,GAAM,MACZ,UAAU,iFACZ,EACAX,EAAC,OAAI,UAAU,WACb,SAAAA,EAACM,EAAA,CACC,KAAMK,GAAM,KACZ,UAAU,iFACZ,EACF,GACF,GACF,EAIJI,EAAc,YAAc,gBAE5B,IAAOC,EAAQR,EAAWE,CAAS",
+  "sourcesContent": ["'use client'\nimport React, { useImperativeHandle, useRef } from 'react'\nimport type { WhyChooseProps, WhyChooseItem as ItemType } from './types.js'\nimport { Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/index.js'\n// import { withStyles } from '../../shared/Styles.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport SwiperBox from '../SwiperBox/index.js'\n\nconst WhyChoose = React.forwardRef<HTMLDivElement, WhyChooseProps>(({ data, className }, ref) => {\n  const innerRef = useRef<HTMLDivElement>(null)\n  useImperativeHandle(ref, () => innerRef.current!)\n\n  return (\n    <div ref={innerRef} className={cn(className)}>\n      <SwiperBox\n        className=\"!overflow-visible [&_.swiper-wrapper]:flex [&_.swiper-wrapper]:gap-[16px]\"\n        data={{\n          list: data?.productData || [],\n          configuration: { shape: 'card', isTab: true },\n        }}\n        Slide={WhyChooseItem}\n        breakpoints={{\n          0: { slidesPerView: 1, spaceBetween: 12 },\n          374: { slidesPerView: 1.2, spaceBetween: 12 },\n          768: { slidesPerView: 2.3, spaceBetween: 16 },\n          1025: { slidesPerView: 4, spaceBetween: 16 },\n          1440: { slidesPerView: 4, spaceBetween: 16 },\n          1920: { slidesPerView: 4, spaceBetween: 16 },\n        }}\n        id={''}\n      />\n    </div>\n  )\n})\n\nWhyChoose.displayName = 'WhyChoose'\n\nconst WhyChooseItem = ({ data }: { data: ItemType }) => {\n  return (\n    <div className=\"  laptop:p-[24px] laptop:shrink w-full shrink-0 rounded-[16px] bg-[#EAEAEC] p-[16px]\">\n      <Picture source={data.img.url} className=\"w-[36px]\" />\n      <div className=\"py-[16px]\">\n        <Text\n          html={data?.title}\n          className=\"line-clamp-2 overflow-hidden text-ellipsis text-[20px] font-bold leading-[1.2]\"\n        />\n        <div className=\"mt-[8px]\">\n          <Text\n            html={data?.desc}\n            className=\"line-clamp-2 overflow-hidden text-ellipsis text-[14px] font-bold leading-[1.2]\"\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nWhyChooseItem.displayName = 'WhyChooseItem'\n\nexport default withLayout(WhyChoose)\nexport { WhyChooseItem }\n"],
+  "mappings": "aAeM,cAAAA,EA2BA,QAAAC,MA3BA,oBAdN,OAAOC,GAAS,uBAAAC,EAAqB,UAAAC,MAAc,QAEnD,OAAS,WAAAC,EAAS,QAAAC,MAAY,4BAC9B,OAAS,MAAAC,MAAU,yBAEnB,OAAS,cAAAC,MAAkB,yBAC3B,OAAOC,MAAe,wBAEtB,MAAMC,EAAYR,EAAM,WAA2C,CAAC,CAAE,KAAAS,EAAM,UAAAC,CAAU,EAAGC,IAAQ,CAC/F,MAAMC,EAAWV,EAAuB,IAAI,EAC5C,OAAAD,EAAoBU,EAAK,IAAMC,EAAS,OAAQ,EAG9Cd,EAAC,OAAI,IAAKc,EAAU,UAAWP,EAAGK,CAAS,EACzC,SAAAZ,EAACS,EAAA,CACC,UAAU,4EACV,KAAM,CACJ,KAAME,GAAM,aAAe,CAAC,EAC5B,cAAe,CAAE,MAAO,OAAQ,MAAO,EAAK,CAC9C,EACA,MAAOI,EACP,YAAa,CACX,EAAG,CAAE,cAAe,EAAG,aAAc,EAAG,EACxC,IAAK,CAAE,cAAe,IAAK,aAAc,EAAG,EAC5C,IAAK,CAAE,cAAe,IAAK,aAAc,EAAG,EAC5C,KAAM,CAAE,cAAe,EAAG,aAAc,EAAG,EAC3C,KAAM,CAAE,cAAe,EAAG,aAAc,EAAG,EAC3C,KAAM,CAAE,cAAe,EAAG,aAAc,EAAG,CAC7C,EACA,GAAI,GACN,EACF,CAEJ,CAAC,EAEDL,EAAU,YAAc,YAExB,MAAMK,EAAgB,CAAC,CAAE,KAAAJ,CAAK,IAE1BV,EAAC,OAAI,UAAU,uFACb,UAAAD,EAACK,EAAA,CAAQ,OAAQM,EAAK,IAAI,IAAK,UAAU,WAAW,EACpDV,EAAC,OAAI,UAAU,YACb,UAAAD,EAACM,EAAA,CACC,KAAMK,GAAM,MACZ,UAAU,iFACZ,EACAX,EAAC,OAAI,UAAU,WACb,SAAAA,EAACM,EAAA,CACC,KAAMK,GAAM,KACZ,UAAU,iFACZ,EACF,GACF,GACF,EAIJI,EAAc,YAAc,gBAE5B,IAAOC,EAAQR,EAAWE,CAAS",
   "names": ["jsx", "jsxs", "React", "useImperativeHandle", "useRef", "Picture", "Text", "cn", "withLayout", "SwiperBox", "WhyChoose", "data", "className", "ref", "innerRef", "WhyChooseItem", "WhyChoose_default"]
 }