@seresweb/website-component 2.1.0 → 2.2.1

package/dist/cjs/horizontal-viewer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-BVX78e_m.cjs");exports.ScHorizontalViewer=e.ScHorizontalViewer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-BIPlvoY9.cjs");exports.ScHorizontalViewer=e.ScHorizontalViewer;

package/dist/cjs/image-indicator.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-BVX78e_m.cjs");exports.ScImageIndicator=e.ScImageIndicator;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-BIPlvoY9.cjs");exports.ScImageIndicator=e.ScImageIndicator;

package/dist/cjs/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./accordion-info-panel.cjs"),d=require("./animated-number.cjs"),u=require("./drawer.cjs"),m=require("./dropdown.cjs"),p=require("./gradual-highlight.cjs"),c=require("../index-BVX78e_m.cjs"),w=require("./input.cjs"),f=require("./layz-image.cjs"),I=require("./parameter-box.cjs"),g=require("./radio.cjs"),h=require("../index-DrnEpWXW.cjs"),q=require("./tab-indicator.cjs"),b=require("./video.cjs"),S="@seresweb/website-component",V=(o={})=>{const i=o.prefix||"Sc",e=o.importStyle??"css";return{type:"component",resolve:s=>{if(!s.startsWith(i))return;const n=s.slice(i.length).replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),y=`${S}/dist/es/${n}`;let t;const a=r=>{if(r==="scss")return`${S}/dist/scss/${n}.scss`;if(r==="css")return`${S}/dist/css/${n}.css`};if(typeof e=="function"){const r=e(n);r==="css"||r==="scss"?t=a(r):r===!0&&(t=a("css"))}else(e===!0||e==="css"||e==="scss")&&(t=a(e===!0?"css":e));return{name:s,from:y,sideEffects:t?[t]:void 0}}}},N=[l.ScAccordionInfoPanel,d.ScAnimatedNumber,u.ScDrawer,m.ScDropdown,p.ScGradualHighlight,c.ScHorizontalViewer,c.ScImageIndicator,w.ScInput,f.ScLayzImage,I.ScParameterBox,g.ScRadio,c.ScSwiperNormal,h.ScSwiperVehicle,q.ScTabIndicator,b.ScVideo],P={install:o=>(N.forEach(i=>{o.use(i)}),o)};exports.ScAccordionInfoPanel=l.ScAccordionInfoPanel;exports.ScAnimatedNumber=d.ScAnimatedNumber;exports.ScDrawer=u.ScDrawer;exports.ScDropdown=m.ScDropdown;exports.ScGradualHighlight=p.ScGradualHighlight;exports.ScHorizontalViewer=c.ScHorizontalViewer;exports.ScImageIndicator=c.ScImageIndicator;exports.ScSwiperNormal=c.ScSwiperNormal;exports.ScInput=w.ScInput;exports.ScLayzImage=f.ScLayzImage;exports.ScParameterBox=I.ScParameterBox;exports.ScRadio=g.ScRadio;exports.ScSwiperVehicle=h.ScSwiperVehicle;exports.ScTabIndicator=q.ScTabIndicator;exports.ScVideo=b.ScVideo;exports.ComponentsResolver=V;exports.default=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./accordion-info-panel.cjs"),u=require("./animated-number.cjs"),d=require("./drawer.cjs"),m=require("./dropdown.cjs"),p=require("./gradual-highlight.cjs"),c=require("../index-BIPlvoY9.cjs"),w=require("./input.cjs"),h=require("./layz-image.cjs"),f=require("./parameter-box.cjs"),I=require("./radio.cjs"),g=require("./swiper-showcase.cjs"),q=require("./swiper-vehicle.cjs"),b=require("./tab-indicator.cjs"),y=require("./video.cjs"),S="@seresweb/website-component",N=(o={})=>{const i=o.prefix||"Sc",e=o.importStyle??"css";return{type:"component",resolve:n=>{if(!n.startsWith(i))return;const s=n.slice(i.length).replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),V=`${S}/dist/es/${s}`;let t;const a=r=>{if(r==="scss")return`${S}/dist/scss/${s}.scss`;if(r==="css")return`${S}/dist/css/${s}.css`};if(typeof e=="function"){const r=e(s);r==="css"||r==="scss"?t=a(r):r===!0&&(t=a("css"))}else(e===!0||e==="css"||e==="scss")&&(t=a(e===!0?"css":e));return{name:n,from:V,sideEffects:t?[t]:void 0}}}},P=[l.ScAccordionInfoPanel,u.ScAnimatedNumber,d.ScDrawer,m.ScDropdown,p.ScGradualHighlight,c.ScHorizontalViewer,c.ScImageIndicator,w.ScInput,h.ScLayzImage,f.ScParameterBox,I.ScRadio,c.ScSwiperNormal,g.ScSwiperShowcase,q.ScSwiperVehicle,b.ScTabIndicator,y.ScVideo],v={install:o=>(P.forEach(i=>{o.use(i)}),o)};exports.ScAccordionInfoPanel=l.ScAccordionInfoPanel;exports.ScAnimatedNumber=u.ScAnimatedNumber;exports.ScDrawer=d.ScDrawer;exports.ScDropdown=m.ScDropdown;exports.ScGradualHighlight=p.ScGradualHighlight;exports.ScHorizontalViewer=c.ScHorizontalViewer;exports.ScImageIndicator=c.ScImageIndicator;exports.ScSwiperNormal=c.ScSwiperNormal;exports.ScInput=w.ScInput;exports.ScLayzImage=h.ScLayzImage;exports.ScParameterBox=f.ScParameterBox;exports.ScRadio=I.ScRadio;exports.ScSwiperShowcase=g.ScSwiperShowcase;exports.ScSwiperVehicle=q.ScSwiperVehicle;exports.ScTabIndicator=b.ScTabIndicator;exports.ScVideo=y.ScVideo;exports.ComponentsResolver=N;exports.default=v;

package/dist/cjs/swiper-normal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-BVX78e_m.cjs");exports.ScSwiperNormal=e.ScSwiperNormal;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-BIPlvoY9.cjs");exports.ScSwiperNormal=e.ScSwiperNormal;

package/dist/cjs/swiper-showcase.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),k=require("../swiper-bundle-gkukcY4l.cjs"),s=require("../_vars-CyrPevgT.cjs"),B=require("./layz-image.cjs"),V={class:"swiper-wrapper"},P=["disabled"],N=["disabled"],w=e.defineComponent({__name:"swiper-showcase",props:{dataList:{default:()=>[]},slidesPerView:{default:4},spaceBetween:{default:24},swiperOptions:{default:()=>({})},placeholder:{}},emits:["slideChange"],setup(l,{emit:f}){const t=l,E=f;let a=null;const o=e.ref(),c=e.ref(!0),d=e.ref(!0),p=e.computed(()=>t.dataList&&t.dataList.length>0),u=i=>[`${s.PREFIX}-swiper-showcase__nav-btn`,i?`${s.PREFIX}-swiper-showcase__nav-btn--prev`:`${s.PREFIX}-swiper-showcase__nav-btn--next`],m=()=>{if(!a){c.value=!0,d.value=!0;return}c.value=a.isBeginning,d.value=a.isEnd,E("slideChange",a.activeIndex)},h=()=>{a&&(a.destroy(),a=null)},v=()=>{var n;if(h(),!o.value||!p.value)return;const i={0:{slidesPerView:1,spaceBetween:12},768:{slidesPerView:Math.min(2,t.slidesPerView),spaceBetween:16},1024:{slidesPerView:t.slidesPerView,spaceBetween:t.spaceBetween}};a=new k.Swiper(o.value,{slidesPerView:t.slidesPerView,spaceBetween:t.spaceBetween,observer:!0,observeParents:!0,...t.swiperOptions,breakpoints:{...i,...((n=t.swiperOptions)==null?void 0:n.breakpoints)||{}}}),a.on("slideChange",m),m()},C=()=>{a&&a.slideNext()},_=()=>{a&&a.slidePrev()};return e.watch(()=>[t.dataList,t.slidesPerView,t.spaceBetween,t.swiperOptions],()=>{e.nextTick(v)},{deep:!0}),e.onMounted(()=>{v()}),e.onBeforeUnmount(()=>{h()}),(i,n)=>p.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase`)},[e.createElementVNode("div",{ref_key:"swiperRef",ref:o,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__main`)},[e.createElementVNode("div",V,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.dataList,(r,g)=>(e.openBlock(),e.createElementBlock("div",{key:`${r.title}-${g}`,class:"swiper-slide"},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__card`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__media`)},[r.tag?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__tag`)},e.toDisplayString(r.tag),3)):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(B.ScLayzImage),{src:r.url||i.placeholder||"",alt:r.alt||r.title||"",class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__image`),"img-class":"sc-swiper-showcase__img"},null,8,["src","alt","class"])],2),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__info`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__title`)},e.toDisplayString(r.title),3),r.desc?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__desc`)},e.toDisplayString(r.desc),3)):e.createCommentVNode("v-if",!0)],2)],2)]))),128))])],2),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__nav`)},[e.createElementVNode("button",{type:"button",class:e.normalizeClass(u(!0)),disabled:c.value,"aria-label":"previous",onClick:_},[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":"true",class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__nav-icon ${e.unref(s.PREFIX)}-swiper-showcase__nav-icon--prev`),width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[...n[0]||(n[0]=[e.createElementVNode("g",{id:"right"},[e.createElementVNode("path",{d:"M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 2.2267e-10 24 4.97351e-10C10.7452 7.72026e-10 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z",fill:"white","fill-opacity":"0.3"}),e.createElementVNode("path",{d:"M47.5 24C47.5 11.0213 36.9787 0.5 24 0.5C11.0213 0.5 0.5 11.0213 0.5 24C0.5 36.9787 11.0213 47.5 24 47.5C36.9787 47.5 47.5 36.9787 47.5 24Z",stroke:"white","stroke-opacity":"0.1"}),e.createElementVNode("path",{id:"Rectangle 302 (Stroke)",d:"M20.8076 14.8076L20.679 17.6098L27.0692 24L20.679 30.3902L20.8076 33.1924L30 24L20.8076 14.8076Z",fill:"white"})],-1)])],2))],10,P),e.createElementVNode("button",{type:"button",class:e.normalizeClass(u(!1)),disabled:d.value,"aria-label":"next",onClick:C},[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":"true",class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__nav-icon`),width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[...n[1]||(n[1]=[e.createElementVNode("g",{id:"right"},[e.createElementVNode("path",{d:"M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 2.2267e-10 24 4.97351e-10C10.7452 7.72026e-10 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z",fill:"white","fill-opacity":"0.3"}),e.createElementVNode("path",{d:"M47.5 24C47.5 11.0213 36.9787 0.5 24 0.5C11.0213 0.5 0.5 11.0213 0.5 24C0.5 36.9787 11.0213 47.5 24 47.5C36.9787 47.5 47.5 36.9787 47.5 24Z",stroke:"white","stroke-opacity":"0.1"}),e.createElementVNode("path",{id:"Rectangle 302 (Stroke)",d:"M20.8076 14.8076L20.679 17.6098L27.0692 24L20.679 30.3902L20.8076 33.1924L30 24L20.8076 14.8076Z",fill:"white"})],-1)])],2))],10,N)],2)],2)):e.createCommentVNode("v-if",!0)}});w.install=l=>(l.component("ScSwiperShowcase",w),l);const S=w;exports.ScSwiperShowcase=S;

package/dist/cjs/swiper-vehicle.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-DrnEpWXW.cjs");exports.ScSwiperVehicle=e.ScSwiperVehicle;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),B=require("../swiper-bundle-gkukcY4l.cjs"),n=require("../_vars-CyrPevgT.cjs"),f=require("./layz-image.cjs"),b={class:"swiper-wrapper"},y=["onClick"],u=e.defineComponent({__name:"swiper-vehicle",props:{modelValue:{default:0},backgroundImgUrl:{},backgroundImgAlt:{},dataList:{},imgFullHeightInMobile:{type:Boolean},swiperOptions:{default:()=>({})},effect:{default:"fade"},indicatorClass:{},tabIndicatorBottom:{},showTextBackground:{type:Boolean}},emits:["change","update:modelValue"],setup(s,{emit:v}){const o=s,d=v;let l=null;const r=e.ref(o.modelValue),c=e.ref(),g=e.computed(()=>{const t={};return o.tabIndicatorBottom&&(t.position="absolute",t.zIndex=1,t.left="50%",t.bottom=typeof o.tabIndicatorBottom=="number"?`${o.tabIndicatorBottom}px`:o.tabIndicatorBottom,t.transform="translateX(-50%)"),t}),k=e.computed(()=>o.dataList[r.value].text);e.watch(()=>o.modelValue,t=>{r.value!==t&&(r.value=t,p(r.value))});const p=t=>{l==null||l.slideTo(t)},i=()=>{l==null||l.destroy(),c.value&&(l=new B.Swiper(c.value,{slidesPerView:1,allowTouchMove:!1,effect:o.effect,autoplay:!0,...o.swiperOptions}),l.on("realIndexChange",t=>{r.value=t.realIndex,d("change",t.realIndex),d("update:modelValue",t.realIndex)}))},I=()=>{(l==null?void 0:l.params.autoplay).enabled&&(l==null||l.autoplay.start())},h=()=>{(l==null?void 0:l.params.autoplay).enabled&&(l==null||l.autoplay.stop())};return e.onMounted(()=>{i(),window.addEventListener("resize",i)}),e.onBeforeUnmount(()=>{l==null||l.destroy(),window.removeEventListener("resize",i)}),(t,_)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`${e.unref(n.PREFIX)}-swiper-vehicle`])},[t.backgroundImgUrl?(e.openBlock(),e.createBlock(e.unref(f.ScLayzImage),{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__bg`),src:t.backgroundImgUrl,alt:t.backgroundImgAlt},null,8,["class","src","alt"])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"swiperRef",ref:c,class:e.normalizeClass([`${e.unref(n.PREFIX)}-swiper-vehicle__main`])},[e.createElementVNode("div",b,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,a=>(e.openBlock(),e.createElementBlock("div",{key:a.url,class:"swiper-slide"},[t.showTextBackground?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__text-bg`)},e.toDisplayString(a.text),3)):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(f.ScLayzImage),{class:e.normalizeClass(t.imgFullHeightInMobile?`${e.unref(n.PREFIX)}-swiper-vehicle__full-height`:""),src:a.url,alt:a.alt},null,8,["class","src","alt"])]))),128))])],2),e.createElementVNode("div",{class:e.normalizeClass([`${e.unref(n.PREFIX)}-swiper-vehicle__indicator`,t.indicatorClass]),style:e.normalizeStyle(g.value)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__indicator-control`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,(a,m)=>(e.openBlock(),e.createElementBlock("div",{key:a.color,class:e.normalizeClass([r.value===m&&"active","color-stroke"]),style:e.normalizeStyle({"background-color":a.color,"border-color":a.color}),onClick:w=>p(m),onMouseenter:h,onMouseleave:I},null,46,y))),128))],2),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__indicator-text`)},e.toDisplayString(k.value),3)],6)],2))}});u.install=s=>(s.component("ScSwiperVehicle",u),s);const E=u;exports.ScSwiperVehicle=E;

package/dist/cjs/video.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("../_vars-CyrPevgT.cjs"),w=require("./layz-image.cjs"),_=["controls","poster","src"],h=e.defineComponent({__name:"video-wrapper",props:{class:{},style:{},playerButtonClass:{},playerButtonText:{default:"PLAY"},poster:{},url:{},autoPlay:{type:Boolean,default:!0},playable:{type:Boolean,default:!0},multiple:{type:Boolean},urlSmall:{}},emits:["paused"],setup(d,{expose:l,emit:P}){const t=d,C=P,B=/xiaomi|miui/i,g=`${u.PREFIX}-player-wrapper`,y=`${u.PREFIX}-player-is-fullscreen`,k=`${u.PREFIX}-player-close-btn`,m=`${u.PREFIX}-player-icon`,a=e.ref(),s=e.ref(!0),c=e.ref(B.test(navigator.userAgent)?void 0:t.url);let r=null;const n=o=>{var p,i;o.target!==a.value&&((p=a.value)==null||p.pause(),s.value=!!((i=a.value)!=null&&i.paused),C("paused"))},f=o=>{const p=o[0],i=a.value;!i||!t.playable||(p.isIntersecting&&t.autoPlay&&i.paused?(i.play().catch(console.warn),s.value=!1):!p.isIntersecting&&!i.paused&&(i.pause(),s.value=!0))},v=()=>{t.autoPlay&&t.playable&&a.value&&(r=new IntersectionObserver(f,{threshold:.25}),r.observe(a.value))},b=()=>{r==null||r.disconnect(),r=null};return e.watch(()=>t.playable,()=>{b(),e.nextTick(()=>v())}),l({play(){a.value.play(),s.value=a.value.paused},pause(){a.value.pause(),s.value=a.value.paused}}),e.onMounted(()=>{B.test(navigator.userAgent)&&fetch(t.url).then(o=>{if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.blob()}).then(o=>{c.value=URL.createObjectURL(o)}).catch(o=>{console.error("获取视频失败：",o)}),v()}),e.onBeforeUnmount(()=>{b()}),(o,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([g,t.class,!s.value&&!t.autoPlay&&y])},[e.createElementVNode("video",{ref_key:"videoRef",ref:a,muted:"",loop:"",playsinline:"","webkit-playsinline":"","x5-video-player-type":"h5",controls:!s.value&&!t.autoPlay,poster:t.poster,src:c.value},null,8,_),!s.value&&!t.autoPlay?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass([k,t.playerButtonClass]),onClick:n},[e.renderSlot(o.$slots,"close",{},()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(m),viewBox:"0 0 1121 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"200",height:"200"},[...p[0]||(p[0]=[e.createElementVNode("path",{d:"M1040.725333 49.005714l-965.485714 965.436953-48.420571-48.469334L992.256 0.487619l48.469333 48.518095z",fill:"#ffffff"},null,-1),e.createElementVNode("path",{d:"M1040.725333 1014.442667l-965.485714-965.485715 48.518095-48.420571L1089.194667 965.973333l-48.469334 48.469334z",fill:"#ffffff"},null,-1)])]))])],2)):e.createCommentVNode("v-if",!0)],2))}}),E=e.defineComponent({__name:"video",props:{class:{},style:{},playerButtonClass:{},playerButtonText:{default:"PLAY"},poster:{default:""},url:{},autoPlay:{type:Boolean,default:!0},playable:{type:Boolean,default:!0},multiple:{type:Boolean},urlSmall:{}},setup(d){const l=d,P=`${u.PREFIX}-player-wrapper`,t=`${u.PREFIX}-player-poster`,C=`${u.PREFIX}-player-btn`,B=`${u.PREFIX}-player-btn-text`,g=`${u.PREFIX}-player-icon`,y=e.ref(),k=e.ref(),m=e.ref(),a=n=>{var f,v;n.stopPropagation(),(f=m.value)==null||f.pause(),(v=k.value)==null||v.play()},s=()=>{var n;(n=m.value)==null||n.play()};let c=null;const r=e.ref(!1);return e.onMounted(()=>{c=new IntersectionObserver(([n])=>{n.isIntersecting&&(r.value=!0)},{threshold:.1}),y.value&&c.observe(y.value)}),e.onUnmounted(()=>{c==null||c.disconnect()}),(n,f)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[l.autoPlay||l.multiple?(e.openBlock(),e.createBlock(h,e.mergeProps({key:0},l,{url:l.multiple&&l.urlSmall||l.url,ref_key:"autoPlayRef",ref:m}),null,16,["url"])):e.createCommentVNode("v-if",!0),!l.autoPlay||l.multiple?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass([P,l.class,{"is-multiple":l.multiple}]),style:e.normalizeStyle(l.style)},[l.poster?(e.openBlock(),e.createBlock(e.unref(w.ScLayzImage),{key:0,class:e.normalizeClass(t),src:l.poster,alt:"AITO"},null,8,["src"])):e.createCommentVNode("v-if",!0),e.createElementVNode("button",{ref_key:"btnRef",ref:y,class:e.normalizeClass([C,l.playerButtonClass]),onClick:a},[e.renderSlot(n.$slots,"play",{},()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(g),viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"200",height:"200"},[...f[0]||(f[0]=[e.createElementVNode("path",{d:"M671.744 495.616c20.48 12.288 20.48 36.864 0 49.152l-217.088 126.976c-20.48 12.288-45.056-4.096-45.056-24.576V393.216c0-20.48 24.576-36.864 45.056-24.576l217.088 126.976z",fill:"#ffffff"},null,-1),e.createElementVNode("path",{d:"M512 1011.712C237.568 1011.712 12.288 786.432 12.288 512 12.288 237.568 237.568 12.288 512 12.288c274.432 0 499.712 225.28 499.712 499.712 0 274.432-225.28 499.712-499.712 499.712z m0-958.464c-253.952 0-458.752 204.8-458.752 458.752s204.8 458.752 458.752 458.752 458.752-204.8 458.752-458.752-204.8-458.752-458.752-458.752z",fill:"#ffffff"},null,-1)])])),e.createElementVNode("span",{class:e.normalizeClass(B)},e.toDisplayString(l.playerButtonText),1)])],2)],6),r.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.createVNode(h,e.mergeProps(l,{autoPlay:!1,ref_key:"vwRef",ref:k,onPaused:s}),null,16)])):e.createCommentVNode("v-if",!0)],64)):e.createCommentVNode("v-if",!0)],64))}});E.install=d=>(d.component("ScVideo",E),d);const I=E;exports.ScVideo=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("../_vars-CyrPevgT.cjs"),b=require("./layz-image.cjs"),E=["controls","poster","src"],h=e.defineComponent({__name:"video-wrapper",props:{class:{},style:{},playerButtonClass:{},playerButtonText:{default:"PLAY"},poster:{},url:{},autoPlay:{type:Boolean,default:!0},playable:{type:Boolean,default:!0},multiple:{type:Boolean},urlSmall:{}},emits:["paused"],setup(f,{expose:B,emit:l}){const o=f,r=l,C=/xiaomi|miui/i,g=`${i.PREFIX}-player-wrapper`,k=`${i.PREFIX}-player-is-fullscreen`,d=`${i.PREFIX}-player-close-btn`,y=`${i.PREFIX}-player-icon`,a=e.ref(),n=e.ref(!0),P=e.ref(C.test(navigator.userAgent)?void 0:o.url);let u=null;const s=p=>{var m,v;p.target!==a.value&&((m=a.value)==null||m.pause(),n.value=!!((v=a.value)!=null&&v.paused),r("paused"))},t=p=>{const m=p[0],v=a.value;!v||!o.playable||(m.isIntersecting&&o.autoPlay&&v.paused?(v.play().catch(console.warn),n.value=!1):!m.isIntersecting&&!v.paused&&(v.pause(),n.value=!0))},c=()=>{o.autoPlay&&o.playable&&a.value&&(u=new IntersectionObserver(t,{threshold:.25}),u.observe(a.value))},_=()=>{u==null||u.disconnect(),u=null};return e.watch(()=>o.playable,()=>{_(),e.nextTick(()=>c())}),B({play(){a.value.play(),n.value=a.value.paused},pause(){a.value.pause(),n.value=a.value.paused}}),e.onMounted(()=>{C.test(navigator.userAgent)&&fetch(o.url).then(p=>{if(!p.ok)throw new Error(`HTTP error! status: ${p.status}`);return p.blob()}).then(p=>{P.value=URL.createObjectURL(p)}).catch(p=>{console.error("获取视频失败：",p)}),c()}),e.onBeforeUnmount(()=>{_()}),(p,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([g,o.class,!n.value&&!o.autoPlay&&k])},[e.createElementVNode("video",{ref_key:"videoRef",ref:a,muted:"",loop:"",playsinline:"","webkit-playsinline":"","x5-video-player-type":"h5",controls:!n.value&&!o.autoPlay,poster:o.poster,src:P.value},null,8,E),!n.value&&!o.autoPlay?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass([d,o.playerButtonClass]),onClick:s},[e.renderSlot(p.$slots,"close",{},()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(y),viewBox:"0 0 1121 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"200",height:"200"},[...m[0]||(m[0]=[e.createElementVNode("path",{d:"M1040.725333 49.005714l-965.485714 965.436953-48.420571-48.469334L992.256 0.487619l48.469333 48.518095z",fill:"#ffffff"},null,-1),e.createElementVNode("path",{d:"M1040.725333 1014.442667l-965.485714-965.485715 48.518095-48.420571L1089.194667 965.973333l-48.469334 48.469334z",fill:"#ffffff"},null,-1)])]))])],2)):e.createCommentVNode("v-if",!0)],2))}}),V=e.defineComponent({__name:"video-normal",props:{class:{},style:{},playerButtonClass:{},playerButtonText:{default:"PLAY"},poster:{default:""},url:{},autoPlay:{type:Boolean,default:!0},playable:{type:Boolean,default:!0},multiple:{type:Boolean},urlSmall:{}},setup(f,{expose:B}){const l=f,o=`${i.PREFIX}-player-wrapper`,r=`${i.PREFIX}-player-poster`,C=`${i.PREFIX}-player-btn`,g=`${i.PREFIX}-player-btn-text`,k=`${i.PREFIX}-player-icon`,d=e.ref(),y=e.ref(),a=e.ref(),n=e.ref(!1),P=t=>{t.stopPropagation(),l.playable&&(n.value=!0,setTimeout(()=>{var c;(c=a.value)==null||c.play()},0))},u=()=>{n.value=!1};let s=null;return e.onMounted(()=>{!l.autoPlay&&d.value&&(s=new IntersectionObserver(([t])=>{t.isIntersecting&&(n.value=!0)},{threshold:.1}),s.observe(d.value))}),e.onUnmounted(()=>{s==null||s.disconnect()}),B({play(){var t;l.autoPlay?(t=y.value)==null||t.play():P(new MouseEvent("click"))},pause(){var t,c;(t=y.value)==null||t.pause(),(c=a.value)==null||c.pause()}}),(t,c)=>l.autoPlay?(e.openBlock(),e.createBlock(h,e.mergeProps({key:0},l,{url:l.url,ref_key:"videoRef",ref:y}),null,16,["url"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass([o,l.class]),style:e.normalizeStyle(l.style)},[l.poster?(e.openBlock(),e.createBlock(e.unref(b.ScLayzImage),{key:0,class:e.normalizeClass(r),src:l.poster,alt:"AITO"},null,8,["src"])):e.createCommentVNode("v-if",!0),e.createElementVNode("button",{ref_key:"btnRef",ref:d,class:e.normalizeClass([C,l.playerButtonClass]),onClick:P},[e.renderSlot(t.$slots,"play",{},()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(k),viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"200",height:"200"},[...c[0]||(c[0]=[e.createElementVNode("path",{d:"M671.744 495.616c20.48 12.288 20.48 36.864 0 49.152l-217.088 126.976c-20.48 12.288-45.056-4.096-45.056-24.576V393.216c0-20.48 24.576-36.864 45.056-24.576l217.088 126.976z",fill:"#ffffff"},null,-1),e.createElementVNode("path",{d:"M512 1011.712C237.568 1011.712 12.288 786.432 12.288 512 12.288 237.568 237.568 12.288 512 12.288c274.432 0 499.712 225.28 499.712 499.712 0 274.432-225.28 499.712-499.712 499.712z m0-958.464c-253.952 0-458.752 204.8-458.752 458.752s204.8 458.752 458.752 458.752 458.752-204.8 458.752-458.752-204.8-458.752-458.752-458.752z",fill:"#ffffff"},null,-1)])])),e.createElementVNode("span",{class:e.normalizeClass(g)},e.toDisplayString(l.playerButtonText),1)])],2)],6),n.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.createVNode(h,e.mergeProps(l,{autoPlay:!1,ref_key:"modalVideoRef",ref:a,onPaused:u}),{close:e.withCtx(()=>[e.renderSlot(t.$slots,"close")]),_:3},16)])):e.createCommentVNode("v-if",!0)],64))}}),R=e.defineComponent({__name:"video-multiple",props:{class:{},style:{},playerButtonClass:{},playerButtonText:{default:"PLAY"},poster:{default:""},url:{},autoPlay:{type:Boolean,default:!0},playable:{type:Boolean,default:!0},multiple:{type:Boolean},urlSmall:{}},setup(f,{expose:B}){const l=f,o=`${i.PREFIX}-player-wrapper`,r=`${i.PREFIX}-player-btn`,C=`${i.PREFIX}-player-btn-text`,g=`${i.PREFIX}-player-icon`,k=e.ref(),d=e.ref(),y=e.ref(),a=e.ref(!1),n=s=>{var t;s.stopPropagation(),l.playable&&((t=d.value)==null||t.pause(),a.value=!0,setTimeout(()=>{var c;(c=y.value)==null||c.play()},0))},P=()=>{var s;a.value=!1,(s=d.value)==null||s.play()};let u=null;return e.onMounted(()=>{k.value&&(u=new IntersectionObserver(([s])=>{s.isIntersecting&&(a.value=!0)},{threshold:.1}),u.observe(k.value))}),e.onUnmounted(()=>{u==null||u.disconnect()}),B({play(){n(new MouseEvent("click"))},pause(){var s,t;(s=d.value)==null||s.pause(),(t=y.value)==null||t.pause()}}),(s,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createCommentVNode(" Background: Small Video AutoPlay "),e.createVNode(h,e.mergeProps(l,{url:l.urlSmall||l.url,autoPlay:!0,ref_key:"smallVideoRef",ref:d}),null,16,["url"]),e.createCommentVNode(" Foreground: Button -> Modal Video (Large) "),e.createElementVNode("div",{class:e.normalizeClass([o,l.class,"is-multiple"]),style:e.normalizeStyle(l.style)},[e.createElementVNode("button",{ref_key:"btnRef",ref:k,class:e.normalizeClass([r,l.playerButtonClass]),onClick:n},[e.renderSlot(s.$slots,"play",{},()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(g),viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"200",height:"200"},[...t[0]||(t[0]=[e.createElementVNode("path",{d:"M671.744 495.616c20.48 12.288 20.48 36.864 0 49.152l-217.088 126.976c-20.48 12.288-45.056-4.096-45.056-24.576V393.216c0-20.48 24.576-36.864 45.056-24.576l217.088 126.976z",fill:"#ffffff"},null,-1),e.createElementVNode("path",{d:"M512 1011.712C237.568 1011.712 12.288 786.432 12.288 512 12.288 237.568 237.568 12.288 512 12.288c274.432 0 499.712 225.28 499.712 499.712 0 274.432-225.28 499.712-499.712 499.712z m0-958.464c-253.952 0-458.752 204.8-458.752 458.752s204.8 458.752 458.752 458.752 458.752-204.8 458.752-458.752-204.8-458.752-458.752-458.752-458.752z",fill:"#ffffff"},null,-1)])])),e.createElementVNode("span",{class:e.normalizeClass(C)},e.toDisplayString(l.playerButtonText),1)])],2)],6),a.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.createVNode(h,e.mergeProps(l,{url:l.url,autoPlay:!1,ref_key:"modalVideoRef",ref:y,onPaused:P}),{close:e.withCtx(()=>[e.renderSlot(s.$slots,"close")]),_:3},16,["url"])])):e.createCommentVNode("v-if",!0)],64))}}),w=e.defineComponent({__name:"video",props:{class:{},style:{},playerButtonClass:{},playerButtonText:{default:"PLAY"},poster:{default:""},url:{},autoPlay:{type:Boolean,default:!0},playable:{type:Boolean,default:!0},multiple:{type:Boolean},urlSmall:{}},setup(f,{expose:B}){const l=f,o=e.ref();return B({play(){var r;(r=o.value)==null||r.play()},pause(){var r;(r=o.value)==null||r.pause()}}),(r,C)=>l.multiple?(e.openBlock(),e.createBlock(R,e.mergeProps({key:0},l,{ref_key:"videoRef",ref:o}),{play:e.withCtx(()=>[e.renderSlot(r.$slots,"play")]),close:e.withCtx(()=>[e.renderSlot(r.$slots,"close")]),_:3},16)):(e.openBlock(),e.createBlock(V,e.mergeProps({key:1},l,{ref_key:"videoRef",ref:o}),{play:e.withCtx(()=>[e.renderSlot(r.$slots,"play")]),close:e.withCtx(()=>[e.renderSlot(r.$slots,"close")]),_:3},16))}});w.install=f=>(f.component("ScVideo",w),f);const I=w;exports.ScVideo=I;

package/dist/css/swiper-showcase.css

@@ -0,0 +1 @@
+.sc-swiper-showcase{width:100%;color:#fff;display:flex;flex-direction:column;gap:16px}.sc-swiper-showcase__main{width:100%}.sc-swiper-showcase .swiper-slide{height:auto}.sc-swiper-showcase__card{display:flex;flex-direction:column;overflow:hidden;height:100%}.sc-swiper-showcase__media{position:relative;width:100%}.sc-swiper-showcase__tag{position:absolute;top:0;left:0;padding:14px 30px;background:#0009;border-radius:1px;z-index:2;font-weight:400;font-size:24px;line-height:30px;color:#fff}.sc-swiper-showcase__image{width:100%;height:100%;display:block}.sc-swiper-showcase .sc-img{width:100%;height:100%;object-fit:cover;background-color:transparent}.sc-swiper-showcase__info{margin-top:24px;display:flex;flex-direction:column;gap:6px}.sc-swiper-showcase__title{font-size:18px;line-height:26px;font-weight:600;letter-spacing:.2px}.sc-swiper-showcase__desc{color:#cfcfd6;font-size:14px;line-height:20px}.sc-swiper-showcase__nav{display:flex;gap:12px;justify-content:flex-end}.sc-swiper-showcase__nav-btn{width:48px;height:48px;border:none;background:transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease}.sc-swiper-showcase__nav-btn:hover:not(:disabled){opacity:.85}.sc-swiper-showcase__nav-btn:disabled{cursor:not-allowed;opacity:.35}.sc-swiper-showcase__nav-icon{width:48px;height:48px;display:block}.sc-swiper-showcase__nav-icon--prev{transform:rotate(180deg)}@media (max-width: 1024px){.sc-swiper-showcase__title{font-size:16px}.sc-swiper-showcase__desc{font-size:13px}.sc-swiper-showcase__nav{justify-content:center;padding-bottom:4px}}@media (max-width: 640px){.sc-swiper-showcase{gap:12px}.sc-swiper-showcase__info{padding:12px}}

package/dist/es/horizontal-viewer.mjs

@@ -1,4 +1,4 @@
-import { S as e } from "../index-C6ZSfMR8.js";
+import { S as e } from "../index-tkvNmWjy.js";
 export {
   e as ScHorizontalViewer
 };

package/dist/es/image-indicator.mjs

@@ -1,4 +1,4 @@
-import { a as r } from "../index-C6ZSfMR8.js";
+import { a as r } from "../index-tkvNmWjy.js";
 export {
   r as ScImageIndicator
 };

package/dist/es/index.mjs

@@ -1,17 +1,18 @@
-import { ScAccordionInfoPanel as f } from "./accordion-info-panel.mjs";
-import { ScAnimatedNumber as p } from "./animated-number.mjs";
+import { ScAccordionInfoPanel as p } from "./accordion-info-panel.mjs";
+import { ScAnimatedNumber as f } from "./animated-number.mjs";
 import { ScDrawer as S } from "./drawer.mjs";
 import { ScDropdown as l } from "./dropdown.mjs";
 import { ScGradualHighlight as d } from "./gradual-highlight.mjs";
-import { S as u, a as h, b as w } from "../index-C6ZSfMR8.js";
+import { S as u, a as h, b as w } from "../index-tkvNmWjy.js";
 import { ScInput as y } from "./input.mjs";
 import { ScLayzImage as g } from "./layz-image.mjs";
 import { ScParameterBox as I } from "./parameter-box.mjs";
 import { ScRadio as $ } from "./radio.mjs";
-import { S as b } from "../index-BrggpRcU.js";
-import { ScTabIndicator as v } from "./tab-indicator.mjs";
-import { ScVideo as x } from "./video.mjs";
-const n = "@seresweb/website-component", Z = (t = {}) => {
+import { ScSwiperShowcase as b } from "./swiper-showcase.mjs";
+import { ScSwiperVehicle as v } from "./swiper-vehicle.mjs";
+import { ScTabIndicator as x } from "./tab-indicator.mjs";
+import { ScVideo as N } from "./video.mjs";
+const n = "@seresweb/website-component", k = (t = {}) => {
   const s = t.prefix || "Sc", o = t.importStyle ?? "css";
   return {
     type: "component",
@@ -34,15 +35,15 @@ const n = "@seresweb/website-component", Z = (t = {}) => {
       };
     }
   };
-}, N = [f, p, S, l, d, u, h, y, g, I, $, w, b, v, x], j = {
-  install: (t) => (N.forEach((s) => {
+}, P = [p, f, S, l, d, u, h, y, g, I, $, w, b, v, x, N], q = {
+  install: (t) => (P.forEach((s) => {
     t.use(s);
   }), t)
 };
 export {
-  Z as ComponentsResolver,
-  f as ScAccordionInfoPanel,
-  p as ScAnimatedNumber,
+  k as ComponentsResolver,
+  p as ScAccordionInfoPanel,
+  f as ScAnimatedNumber,
   S as ScDrawer,
   l as ScDropdown,
   d as ScGradualHighlight,
@@ -53,8 +54,9 @@ export {
   I as ScParameterBox,
   $ as ScRadio,
   w as ScSwiperNormal,
-  b as ScSwiperVehicle,
-  v as ScTabIndicator,
-  x as ScVideo,
-  j as default
+  b as ScSwiperShowcase,
+  v as ScSwiperVehicle,
+  x as ScTabIndicator,
+  N as ScVideo,
+  q as default
 };

package/dist/es/swiper-normal.mjs

@@ -1,4 +1,4 @@
-import { b as a } from "../index-C6ZSfMR8.js";
+import { b as a } from "../index-tkvNmWjy.js";
 export {
   a as ScSwiperNormal
 };

package/dist/es/swiper-showcase.mjs

@@ -0,0 +1,274 @@
+import { defineComponent as V, ref as v, computed as x, watch as M, nextTick as E, onMounted as Z, onBeforeUnmount as N, createElementBlock as o, createCommentVNode as _, openBlock as c, normalizeClass as t, unref as i, createElementVNode as e, Fragment as R, renderList as O, createVNode as I, toDisplayString as f } from "vue";
+import { S as z } from "../swiper-bundle-DOQ1LV4x.js";
+import { P as s } from "../_vars-BV4QQF-p.js";
+import { ScLayzImage as D } from "./layz-image.mjs";
+const F = { class: "swiper-wrapper" }, T = ["disabled"], U = ["disabled"], g = /* @__PURE__ */ V({
+  __name: "swiper-showcase",
+  props: {
+    dataList: { default: () => [] },
+    slidesPerView: { default: 4 },
+    spaceBetween: { default: 24 },
+    swiperOptions: { default: () => ({}) },
+    placeholder: {}
+  },
+  emits: ["slideChange"],
+  setup(d, { emit: b }) {
+    const a = d, B = b;
+    let r = null;
+    const p = v(), h = v(!0), u = v(!0), m = x(() => a.dataList && a.dataList.length > 0), C = (w) => [
+      `${s}-swiper-showcase__nav-btn`,
+      w ? `${s}-swiper-showcase__nav-btn--prev` : `${s}-swiper-showcase__nav-btn--next`
+    ], k = () => {
+      if (!r) {
+        h.value = !0, u.value = !0;
+        return;
+      }
+      h.value = r.isBeginning, u.value = r.isEnd, B("slideChange", r.activeIndex);
+    }, L = () => {
+      r && (r.destroy(), r = null);
+    }, $ = () => {
+      var l;
+      if (L(), !p.value || !m.value) return;
+      const w = {
+        0: { slidesPerView: 1, spaceBetween: 12 },
+        768: { slidesPerView: Math.min(2, a.slidesPerView), spaceBetween: 16 },
+        1024: { slidesPerView: a.slidesPerView, spaceBetween: a.spaceBetween }
+      };
+      r = new z(p.value, {
+        slidesPerView: a.slidesPerView,
+        spaceBetween: a.spaceBetween,
+        observer: !0,
+        observeParents: !0,
+        ...a.swiperOptions,
+        breakpoints: {
+          ...w,
+          ...((l = a.swiperOptions) == null ? void 0 : l.breakpoints) || {}
+        }
+      }), r.on("slideChange", k), k();
+    }, y = () => {
+      r && r.slideNext();
+    }, S = () => {
+      r && r.slidePrev();
+    };
+    return M(
+      () => [a.dataList, a.slidesPerView, a.spaceBetween, a.swiperOptions],
+      () => {
+        E($);
+      },
+      { deep: !0 }
+    ), Z(() => {
+      $();
+    }), N(() => {
+      L();
+    }), (w, l) => m.value ? (c(), o(
+      "div",
+      {
+        key: 0,
+        class: t(`${i(s)}-swiper-showcase`)
+      },
+      [
+        e(
+          "div",
+          {
+            ref_key: "swiperRef",
+            ref: p,
+            class: t(`${i(s)}-swiper-showcase__main`)
+          },
+          [
+            e("div", F, [
+              (c(!0), o(
+                R,
+                null,
+                O(w.dataList, (n, P) => (c(), o("div", {
+                  key: `${n.title}-${P}`,
+                  class: "swiper-slide"
+                }, [
+                  e(
+                    "div",
+                    {
+                      class: t(`${i(s)}-swiper-showcase__card`)
+                    },
+                    [
+                      e(
+                        "div",
+                        {
+                          class: t(`${i(s)}-swiper-showcase__media`)
+                        },
+                        [
+                          n.tag ? (c(), o(
+                            "div",
+                            {
+                              key: 0,
+                              class: t(`${i(s)}-swiper-showcase__tag`)
+                            },
+                            f(n.tag),
+                            3
+                            /* TEXT, CLASS */
+                          )) : _("v-if", !0),
+                          I(i(D), {
+                            src: n.url || w.placeholder || "",
+                            alt: n.alt || n.title || "",
+                            class: t(`${i(s)}-swiper-showcase__image`),
+                            "img-class": "sc-swiper-showcase__img"
+                          }, null, 8, ["src", "alt", "class"])
+                        ],
+                        2
+                        /* CLASS */
+                      ),
+                      e(
+                        "div",
+                        {
+                          class: t(`${i(s)}-swiper-showcase__info`)
+                        },
+                        [
+                          e(
+                            "div",
+                            {
+                              class: t(`${i(s)}-swiper-showcase__title`)
+                            },
+                            f(n.title),
+                            3
+                            /* TEXT, CLASS */
+                          ),
+                          n.desc ? (c(), o(
+                            "div",
+                            {
+                              key: 0,
+                              class: t(`${i(s)}-swiper-showcase__desc`)
+                            },
+                            f(n.desc),
+                            3
+                            /* TEXT, CLASS */
+                          )) : _("v-if", !0)
+                        ],
+                        2
+                        /* CLASS */
+                      )
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ]))),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ],
+          2
+          /* CLASS */
+        ),
+        e(
+          "div",
+          {
+            class: t(`${i(s)}-swiper-showcase__nav`)
+          },
+          [
+            e("button", {
+              type: "button",
+              class: t(C(!0)),
+              disabled: h.value,
+              "aria-label": "previous",
+              onClick: S
+            }, [
+              (c(), o(
+                "svg",
+                {
+                  "aria-hidden": "true",
+                  class: t(`${i(s)}-swiper-showcase__nav-icon ${i(s)}-swiper-showcase__nav-icon--prev`),
+                  width: "48",
+                  height: "48",
+                  viewBox: "0 0 48 48",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg"
+                },
+                [...l[0] || (l[0] = [
+                  e(
+                    "g",
+                    { id: "right" },
+                    [
+                      e("path", {
+                        d: "M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 2.2267e-10 24 4.97351e-10C10.7452 7.72026e-10 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z",
+                        fill: "white",
+                        "fill-opacity": "0.3"
+                      }),
+                      e("path", {
+                        d: "M47.5 24C47.5 11.0213 36.9787 0.5 24 0.5C11.0213 0.5 0.5 11.0213 0.5 24C0.5 36.9787 11.0213 47.5 24 47.5C36.9787 47.5 47.5 36.9787 47.5 24Z",
+                        stroke: "white",
+                        "stroke-opacity": "0.1"
+                      }),
+                      e("path", {
+                        id: "Rectangle 302 (Stroke)",
+                        d: "M20.8076 14.8076L20.679 17.6098L27.0692 24L20.679 30.3902L20.8076 33.1924L30 24L20.8076 14.8076Z",
+                        fill: "white"
+                      })
+                    ],
+                    -1
+                    /* CACHED */
+                  )
+                ])],
+                2
+                /* CLASS */
+              ))
+            ], 10, T),
+            e("button", {
+              type: "button",
+              class: t(C(!1)),
+              disabled: u.value,
+              "aria-label": "next",
+              onClick: y
+            }, [
+              (c(), o(
+                "svg",
+                {
+                  "aria-hidden": "true",
+                  class: t(`${i(s)}-swiper-showcase__nav-icon`),
+                  width: "48",
+                  height: "48",
+                  viewBox: "0 0 48 48",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg"
+                },
+                [...l[1] || (l[1] = [
+                  e(
+                    "g",
+                    { id: "right" },
+                    [
+                      e("path", {
+                        d: "M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 2.2267e-10 24 4.97351e-10C10.7452 7.72026e-10 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z",
+                        fill: "white",
+                        "fill-opacity": "0.3"
+                      }),
+                      e("path", {
+                        d: "M47.5 24C47.5 11.0213 36.9787 0.5 24 0.5C11.0213 0.5 0.5 11.0213 0.5 24C0.5 36.9787 11.0213 47.5 24 47.5C36.9787 47.5 47.5 36.9787 47.5 24Z",
+                        stroke: "white",
+                        "stroke-opacity": "0.1"
+                      }),
+                      e("path", {
+                        id: "Rectangle 302 (Stroke)",
+                        d: "M20.8076 14.8076L20.679 17.6098L27.0692 24L20.679 30.3902L20.8076 33.1924L30 24L20.8076 14.8076Z",
+                        fill: "white"
+                      })
+                    ],
+                    -1
+                    /* CACHED */
+                  )
+                ])],
+                2
+                /* CLASS */
+              ))
+            ], 10, U)
+          ],
+          2
+          /* CLASS */
+        )
+      ],
+      2
+      /* CLASS */
+    )) : _("v-if", !0);
+  }
+});
+g.install = (d) => (d.component("ScSwiperShowcase", g), d);
+const G = g;
+export {
+  G as ScSwiperShowcase
+};

package/dist/es/swiper-vehicle.mjs

@@ -1,4 +1,160 @@
-import { S } from "../index-BrggpRcU.js";
+import { defineComponent as M, ref as b, computed as I, watch as E, onMounted as T, onBeforeUnmount as A, createElementBlock as c, openBlock as n, normalizeClass as l, unref as o, createBlock as F, createCommentVNode as k, createElementVNode as u, Fragment as _, renderList as w, createVNode as U, toDisplayString as y, normalizeStyle as B } from "vue";
+import { S as N } from "../swiper-bundle-DOQ1LV4x.js";
+import { P as s } from "../_vars-BV4QQF-p.js";
+import { ScLayzImage as V } from "./layz-image.mjs";
+const P = { class: "swiper-wrapper" }, R = ["onClick"], f = /* @__PURE__ */ M({
+  __name: "swiper-vehicle",
+  props: {
+    modelValue: { default: 0 },
+    backgroundImgUrl: {},
+    backgroundImgAlt: {},
+    dataList: {},
+    imgFullHeightInMobile: { type: Boolean },
+    swiperOptions: { default: () => ({}) },
+    effect: { default: "fade" },
+    indicatorClass: {},
+    tabIndicatorBottom: {},
+    showTextBackground: { type: Boolean }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(d, { emit: $ }) {
+    const a = d, m = $;
+    let t = null;
+    const i = b(a.modelValue), p = b(), C = I(() => {
+      const e = {};
+      return a.tabIndicatorBottom && (e.position = "absolute", e.zIndex = 1, e.left = "50%", e.bottom = typeof a.tabIndicatorBottom == "number" ? `${a.tabIndicatorBottom}px` : a.tabIndicatorBottom, e.transform = "translateX(-50%)"), e;
+    }), L = I(() => a.dataList[i.value].text);
+    E(
+      () => a.modelValue,
+      (e) => {
+        i.value !== e && (i.value = e, g(i.value));
+      }
+    );
+    const g = (e) => {
+      t == null || t.slideTo(e);
+    }, v = () => {
+      t == null || t.destroy(), p.value && (t = new N(p.value, {
+        slidesPerView: 1,
+        allowTouchMove: !1,
+        effect: a.effect,
+        autoplay: !0,
+        ...a.swiperOptions
+      }), t.on("realIndexChange", (e) => {
+        i.value = e.realIndex, m("change", e.realIndex), m("update:modelValue", e.realIndex);
+      }));
+    }, x = () => {
+      (t == null ? void 0 : t.params.autoplay).enabled && (t == null || t.autoplay.start());
+    }, z = () => {
+      (t == null ? void 0 : t.params.autoplay).enabled && (t == null || t.autoplay.stop());
+    };
+    return T(() => {
+      v(), window.addEventListener("resize", v);
+    }), A(() => {
+      t == null || t.destroy(), window.removeEventListener("resize", v);
+    }), (e, H) => (n(), c(
+      "div",
+      {
+        class: l([`${o(s)}-swiper-vehicle`])
+      },
+      [
+        e.backgroundImgUrl ? (n(), F(o(V), {
+          key: 0,
+          class: l(`${o(s)}-swiper-vehicle__bg`),
+          src: e.backgroundImgUrl,
+          alt: e.backgroundImgAlt
+        }, null, 8, ["class", "src", "alt"])) : k("v-if", !0),
+        u(
+          "div",
+          {
+            ref_key: "swiperRef",
+            ref: p,
+            class: l([`${o(s)}-swiper-vehicle__main`])
+          },
+          [
+            u("div", P, [
+              (n(!0), c(
+                _,
+                null,
+                w(e.dataList, (r) => (n(), c("div", {
+                  key: r.url,
+                  class: "swiper-slide"
+                }, [
+                  e.showTextBackground ? (n(), c(
+                    "span",
+                    {
+                      key: 0,
+                      class: l(`${o(s)}-swiper-vehicle__text-bg`)
+                    },
+                    y(r.text),
+                    3
+                    /* TEXT, CLASS */
+                  )) : k("v-if", !0),
+                  U(o(V), {
+                    class: l(e.imgFullHeightInMobile ? `${o(s)}-swiper-vehicle__full-height` : ""),
+                    src: r.url,
+                    alt: r.alt
+                  }, null, 8, ["class", "src", "alt"])
+                ]))),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ],
+          2
+          /* CLASS */
+        ),
+        u(
+          "div",
+          {
+            class: l([`${o(s)}-swiper-vehicle__indicator`, e.indicatorClass]),
+            style: B(C.value)
+          },
+          [
+            u(
+              "div",
+              {
+                class: l(`${o(s)}-swiper-vehicle__indicator-control`)
+              },
+              [
+                (n(!0), c(
+                  _,
+                  null,
+                  w(e.dataList, (r, h) => (n(), c("div", {
+                    key: r.color,
+                    class: l([i.value === h && "active", "color-stroke"]),
+                    style: B({ "background-color": r.color, "border-color": r.color }),
+                    onClick: (O) => g(h),
+                    onMouseenter: z,
+                    onMouseleave: x
+                  }, null, 46, R))),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ],
+              2
+              /* CLASS */
+            ),
+            u(
+              "div",
+              {
+                class: l(`${o(s)}-swiper-vehicle__indicator-text`)
+              },
+              y(L.value),
+              3
+              /* TEXT, CLASS */
+            )
+          ],
+          6
+          /* CLASS, STYLE */
+        )
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+});
+f.install = (d) => (d.component("ScSwiperVehicle", f), d);
+const G = f;
 export {
-  S as ScSwiperVehicle
+  G as ScSwiperVehicle
 };