@seresweb/website-component 2.2.0 → 2.2.2
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.
- package/dist/cjs/horizontal-viewer.cjs +1 -1
- package/dist/cjs/image-indicator.cjs +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/swiper-normal.cjs +1 -1
- package/dist/cjs/swiper-showcase.cjs +1 -1
- package/dist/cjs/swiper-vehicle.cjs +1 -1
- package/dist/cjs/video.cjs +1 -1
- package/dist/css/swiper-showcase.css +1 -1
- package/dist/es/horizontal-viewer.mjs +1 -1
- package/dist/es/image-indicator.mjs +1 -1
- package/dist/es/index.mjs +1 -1
- package/dist/es/swiper-normal.mjs +1 -1
- package/dist/es/swiper-showcase.mjs +119 -93
- package/dist/es/swiper-vehicle.mjs +1 -1
- package/dist/es/video.mjs +380 -169
- package/dist/{index-C_05OlSq.cjs → index-BIPlvoY9.cjs} +1 -1
- package/dist/{index-DfK8Ib64.js → index-tkvNmWjy.js} +1 -1
- package/dist/index.css +1 -1
- package/dist/scss/swiper-showcase.scss +69 -18
- package/dist/swiper-bundle-DOQ1LV4x.js +5104 -0
- package/dist/swiper-bundle-gkukcY4l.cjs +5 -0
- package/dist/types/components/swiper-showcase/swiper-showcase.vue.d.ts +5 -1
- package/dist/types/components/swiper-showcase/type.d.ts +29 -0
- package/dist/types/components/video/video-multiple.vue.d.ts +339 -0
- package/dist/types/components/video/video-normal.vue.d.ts +339 -0
- package/dist/types/components/video/video.vue.d.ts +335 -185
- package/package.json +2 -2
- package/dist/swiper-bundle-DTJcHqdp.js +0 -5130
- package/dist/swiper-bundle-l31DJOK1.cjs +0 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-BIPlvoY9.cjs");exports.ScHorizontalViewer=e.ScHorizontalViewer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-BIPlvoY9.cjs");exports.ScImageIndicator=e.ScImageIndicator;
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"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-
|
|
1
|
+
"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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-BIPlvoY9.cjs");exports.ScSwiperNormal=e.ScSwiperNormal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),g=require("../swiper-bundle-gkukcY4l.cjs"),s=require("../_vars-CyrPevgT.cjs"),B=require("./layz-image.cjs"),V={class:"swiper-wrapper"},P=["href"],y=["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:v}){const a=l,E=v;let r=null;const o=e.ref(),c=e.ref(!0),d=e.ref(!0),p=e.computed(()=>a.dataList&&a.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`],h=()=>{if(!r){c.value=!0,d.value=!0;return}c.value=r.isBeginning,d.value=r.isEnd,E("slideChange",r.activeIndex)},m=()=>{r&&(r.destroy(),r=null)},f=()=>{var n;if(m(),!o.value||!p.value)return;const i={0:{slidesPerView:1,spaceBetween:12},768:{slidesPerView:Math.min(2,a.slidesPerView),spaceBetween:16},1024:{slidesPerView:a.slidesPerView,spaceBetween:a.spaceBetween}};r=new g.Swiper(o.value,{slidesPerView:a.slidesPerView,spaceBetween:a.spaceBetween,observer:!0,observeParents:!0,...a.swiperOptions,breakpoints:{...i,...((n=a.swiperOptions)==null?void 0:n.breakpoints)||{}}}),r.on("slideChange",h),h()},_=()=>{r&&r.slideNext()},C=()=>{r&&r.slidePrev()};return e.watch(()=>[a.dataList,a.slidesPerView,a.spaceBetween,a.swiperOptions],()=>{e.nextTick(f)},{deep:!0}),e.onMounted(()=>{f()}),e.onBeforeUnmount(()=>{m()}),(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,(t,k)=>(e.openBlock(),e.createElementBlock("div",{key:`${t.title}-${k}`,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`)},[t.tag?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__tag`)},e.toDisplayString(t.tag),3)):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(B.ScLayzImage),{src:t.url||i.placeholder||"",alt:t.alt||t.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(t.title),3),t.date?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__date`)},e.toDisplayString(t.date),3)):e.createCommentVNode("v-if",!0),t.desc?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__desc`)},e.toDisplayString(t.desc),3)):e.createCommentVNode("v-if",!0),t.link?(e.openBlock(),e.createElementBlock("a",{key:2,href:t.link,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__link`)},e.toDisplayString(t.linkText||"Read More"),11,P)):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:C},[(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,y),e.createElementVNode("button",{type:"button",class:e.normalizeClass(u(!1)),disabled:d.value,"aria-label":"next",onClick:_},[(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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),B=require("../swiper-bundle-
|
|
1
|
+
"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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),
|
|
1
|
+
"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;
|
|
@@ -1 +1 @@
|
|
|
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__image{width:100%;height:100%;display:block}.sc-swiper-showcase .sc-img{width:100%;height:100%;object-fit:
|
|
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-block-start:24px;display:flex;flex-direction:column;gap:6px}.sc-swiper-showcase__title{font-family:HarmonyOS_Sans_Medium;font-size:18px;line-height:26px;font-weight:600;letter-spacing:.2px}.sc-swiper-showcase__date{font-family:HarmonyOS_Sans_Regular;color:#fff9;font-size:14px;line-height:20px;font-weight:400}.sc-swiper-showcase__desc{font-family:HarmonyOS_Sans_Regular;color:#fff;font-size:14px;font-weight:400;line-height:20px}.sc-swiper-showcase__link{font-family:HarmonyOS_Sans_Medium;color:#61a1d7;font-size:14px;line-height:20px;font-weight:500;text-decoration:underline;margin-block-start:4px;display:inline-block;width:fit-content;transition:opacity .2s ease}.sc-swiper-showcase__link:hover{opacity:.8}.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: 768px){.sc-swiper-showcase{gap:40px}.sc-swiper-showcase__tag{padding:5px 20px;font-size:20px;line-height:28px}.sc-swiper-showcase__info{gap:16px}.sc-swiper-showcase__title{font-size:24px;line-height:36px;font-weight:500}.sc-swiper-showcase__date{font-size:18px;line-height:25px}.sc-swiper-showcase__desc{font-size:12px;line-height:18px}.sc-swiper-showcase__link{font-size:16px}}
|
package/dist/es/index.mjs
CHANGED
|
@@ -3,7 +3,7 @@ import { ScAnimatedNumber as f } from "./animated-number.mjs";
|
|
|
3
3
|
import { ScDrawer as S } from "./drawer.mjs";
|
|
4
4
|
import { ScDropdown as l } from "./dropdown.mjs";
|
|
5
5
|
import { ScGradualHighlight as d } from "./gradual-highlight.mjs";
|
|
6
|
-
import { S as u, a as h, b as w } from "../index-
|
|
6
|
+
import { S as u, a as h, b as w } from "../index-tkvNmWjy.js";
|
|
7
7
|
import { ScInput as y } from "./input.mjs";
|
|
8
8
|
import { ScLayzImage as g } from "./layz-image.mjs";
|
|
9
9
|
import { ScParameterBox as I } from "./parameter-box.mjs";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { S as
|
|
3
|
-
import { P as
|
|
4
|
-
import { ScLayzImage as
|
|
5
|
-
const
|
|
1
|
+
import { defineComponent as V, ref as f, computed as x, watch as M, nextTick as E, onMounted as R, onBeforeUnmount as Z, createElementBlock as l, createCommentVNode as d, openBlock as o, normalizeClass as t, unref as i, createElementVNode as s, Fragment as N, renderList as O, createVNode as I, toDisplayString as p } from "vue";
|
|
2
|
+
import { S as z } from "../swiper-bundle-DOQ1LV4x.js";
|
|
3
|
+
import { P as e } from "../_vars-BV4QQF-p.js";
|
|
4
|
+
import { ScLayzImage as D } from "./layz-image.mjs";
|
|
5
|
+
const F = { class: "swiper-wrapper" }, T = ["href"], U = ["disabled"], X = ["disabled"], g = /* @__PURE__ */ V({
|
|
6
6
|
__name: "swiper-showcase",
|
|
7
7
|
props: {
|
|
8
8
|
dataList: { default: () => [] },
|
|
@@ -11,124 +11,150 @@ const D = { class: "swiper-wrapper" }, F = ["disabled"], I = ["disabled"], _ = /
|
|
|
11
11
|
swiperOptions: { default: () => ({}) },
|
|
12
12
|
placeholder: {}
|
|
13
13
|
},
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
14
|
+
emits: ["slideChange"],
|
|
15
|
+
setup(h, { emit: y }) {
|
|
16
|
+
const r = h, b = y;
|
|
17
|
+
let n = null;
|
|
18
|
+
const u = f(), v = f(!0), _ = f(!0), k = x(() => r.dataList && r.dataList.length > 0), C = (w) => [
|
|
19
|
+
`${e}-swiper-showcase__nav-btn`,
|
|
20
|
+
w ? `${e}-swiper-showcase__nav-btn--prev` : `${e}-swiper-showcase__nav-btn--next`
|
|
20
21
|
], m = () => {
|
|
21
|
-
if (!
|
|
22
|
-
|
|
22
|
+
if (!n) {
|
|
23
|
+
v.value = !0, _.value = !0;
|
|
23
24
|
return;
|
|
24
25
|
}
|
|
25
|
-
|
|
26
|
-
},
|
|
27
|
-
|
|
26
|
+
v.value = n.isBeginning, _.value = n.isEnd, b("slideChange", n.activeIndex);
|
|
27
|
+
}, $ = () => {
|
|
28
|
+
n && (n.destroy(), n = null);
|
|
28
29
|
}, L = () => {
|
|
29
|
-
var
|
|
30
|
-
if (
|
|
31
|
-
const
|
|
30
|
+
var c;
|
|
31
|
+
if ($(), !u.value || !k.value) return;
|
|
32
|
+
const w = {
|
|
32
33
|
0: { slidesPerView: 1, spaceBetween: 12 },
|
|
33
|
-
768: { slidesPerView: Math.min(2,
|
|
34
|
-
1024: { slidesPerView:
|
|
34
|
+
768: { slidesPerView: Math.min(2, r.slidesPerView), spaceBetween: 16 },
|
|
35
|
+
1024: { slidesPerView: r.slidesPerView, spaceBetween: r.spaceBetween }
|
|
35
36
|
};
|
|
36
|
-
|
|
37
|
-
slidesPerView:
|
|
38
|
-
spaceBetween:
|
|
37
|
+
n = new z(u.value, {
|
|
38
|
+
slidesPerView: r.slidesPerView,
|
|
39
|
+
spaceBetween: r.spaceBetween,
|
|
39
40
|
observer: !0,
|
|
40
41
|
observeParents: !0,
|
|
41
|
-
...
|
|
42
|
+
...r.swiperOptions,
|
|
42
43
|
breakpoints: {
|
|
43
|
-
...
|
|
44
|
-
...((
|
|
44
|
+
...w,
|
|
45
|
+
...((c = r.swiperOptions) == null ? void 0 : c.breakpoints) || {}
|
|
45
46
|
}
|
|
46
|
-
}),
|
|
47
|
+
}), n.on("slideChange", m), m();
|
|
47
48
|
}, B = () => {
|
|
48
|
-
|
|
49
|
-
},
|
|
50
|
-
|
|
49
|
+
n && n.slideNext();
|
|
50
|
+
}, S = () => {
|
|
51
|
+
n && n.slidePrev();
|
|
51
52
|
};
|
|
52
|
-
return
|
|
53
|
-
() => [
|
|
53
|
+
return M(
|
|
54
|
+
() => [r.dataList, r.slidesPerView, r.spaceBetween, r.swiperOptions],
|
|
54
55
|
() => {
|
|
55
|
-
|
|
56
|
+
E(L);
|
|
56
57
|
},
|
|
57
58
|
{ deep: !0 }
|
|
58
|
-
),
|
|
59
|
+
), R(() => {
|
|
59
60
|
L();
|
|
60
|
-
}),
|
|
61
|
-
|
|
62
|
-
}), (
|
|
61
|
+
}), Z(() => {
|
|
62
|
+
$();
|
|
63
|
+
}), (w, c) => k.value ? (o(), l(
|
|
63
64
|
"div",
|
|
64
65
|
{
|
|
65
66
|
key: 0,
|
|
66
|
-
class:
|
|
67
|
+
class: t(`${i(e)}-swiper-showcase`)
|
|
67
68
|
},
|
|
68
69
|
[
|
|
69
|
-
|
|
70
|
+
s(
|
|
70
71
|
"div",
|
|
71
72
|
{
|
|
72
73
|
ref_key: "swiperRef",
|
|
73
|
-
ref:
|
|
74
|
-
class:
|
|
74
|
+
ref: u,
|
|
75
|
+
class: t(`${i(e)}-swiper-showcase__main`)
|
|
75
76
|
},
|
|
76
77
|
[
|
|
77
|
-
|
|
78
|
-
(
|
|
79
|
-
|
|
78
|
+
s("div", F, [
|
|
79
|
+
(o(!0), l(
|
|
80
|
+
N,
|
|
80
81
|
null,
|
|
81
|
-
|
|
82
|
-
key: `${
|
|
82
|
+
O(w.dataList, (a, P) => (o(), l("div", {
|
|
83
|
+
key: `${a.title}-${P}`,
|
|
83
84
|
class: "swiper-slide"
|
|
84
85
|
}, [
|
|
85
|
-
|
|
86
|
+
s(
|
|
86
87
|
"div",
|
|
87
88
|
{
|
|
88
|
-
class:
|
|
89
|
+
class: t(`${i(e)}-swiper-showcase__card`)
|
|
89
90
|
},
|
|
90
91
|
[
|
|
91
|
-
|
|
92
|
+
s(
|
|
92
93
|
"div",
|
|
93
94
|
{
|
|
94
|
-
class:
|
|
95
|
+
class: t(`${i(e)}-swiper-showcase__media`)
|
|
95
96
|
},
|
|
96
97
|
[
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
98
|
+
a.tag ? (o(), l(
|
|
99
|
+
"div",
|
|
100
|
+
{
|
|
101
|
+
key: 0,
|
|
102
|
+
class: t(`${i(e)}-swiper-showcase__tag`)
|
|
103
|
+
},
|
|
104
|
+
p(a.tag),
|
|
105
|
+
3
|
|
106
|
+
/* TEXT, CLASS */
|
|
107
|
+
)) : d("v-if", !0),
|
|
108
|
+
I(i(D), {
|
|
109
|
+
src: a.url || w.placeholder || "",
|
|
110
|
+
alt: a.alt || a.title || "",
|
|
111
|
+
class: t(`${i(e)}-swiper-showcase__image`),
|
|
101
112
|
"img-class": "sc-swiper-showcase__img"
|
|
102
113
|
}, null, 8, ["src", "alt", "class"])
|
|
103
114
|
],
|
|
104
115
|
2
|
|
105
116
|
/* CLASS */
|
|
106
117
|
),
|
|
107
|
-
|
|
118
|
+
s(
|
|
108
119
|
"div",
|
|
109
120
|
{
|
|
110
|
-
class:
|
|
121
|
+
class: t(`${i(e)}-swiper-showcase__info`)
|
|
111
122
|
},
|
|
112
123
|
[
|
|
113
|
-
|
|
124
|
+
s(
|
|
114
125
|
"div",
|
|
115
126
|
{
|
|
116
|
-
class:
|
|
127
|
+
class: t(`${i(e)}-swiper-showcase__title`)
|
|
117
128
|
},
|
|
118
|
-
|
|
129
|
+
p(a.title),
|
|
119
130
|
3
|
|
120
131
|
/* TEXT, CLASS */
|
|
121
132
|
),
|
|
122
|
-
|
|
133
|
+
a.date ? (o(), l(
|
|
123
134
|
"div",
|
|
124
135
|
{
|
|
125
136
|
key: 0,
|
|
126
|
-
class:
|
|
137
|
+
class: t(`${i(e)}-swiper-showcase__date`)
|
|
138
|
+
},
|
|
139
|
+
p(a.date),
|
|
140
|
+
3
|
|
141
|
+
/* TEXT, CLASS */
|
|
142
|
+
)) : d("v-if", !0),
|
|
143
|
+
a.desc ? (o(), l(
|
|
144
|
+
"div",
|
|
145
|
+
{
|
|
146
|
+
key: 1,
|
|
147
|
+
class: t(`${i(e)}-swiper-showcase__desc`)
|
|
127
148
|
},
|
|
128
|
-
|
|
149
|
+
p(a.desc),
|
|
129
150
|
3
|
|
130
151
|
/* TEXT, CLASS */
|
|
131
|
-
)) :
|
|
152
|
+
)) : d("v-if", !0),
|
|
153
|
+
a.link ? (o(), l("a", {
|
|
154
|
+
key: 2,
|
|
155
|
+
href: a.link,
|
|
156
|
+
class: t(`${i(e)}-swiper-showcase__link`)
|
|
157
|
+
}, p(a.linkText || "Read More"), 11, T)) : d("v-if", !0)
|
|
132
158
|
],
|
|
133
159
|
2
|
|
134
160
|
/* CLASS */
|
|
@@ -146,46 +172,46 @@ const D = { class: "swiper-wrapper" }, F = ["disabled"], I = ["disabled"], _ = /
|
|
|
146
172
|
2
|
|
147
173
|
/* CLASS */
|
|
148
174
|
),
|
|
149
|
-
|
|
175
|
+
s(
|
|
150
176
|
"div",
|
|
151
177
|
{
|
|
152
|
-
class:
|
|
178
|
+
class: t(`${i(e)}-swiper-showcase__nav`)
|
|
153
179
|
},
|
|
154
180
|
[
|
|
155
|
-
|
|
181
|
+
s("button", {
|
|
156
182
|
type: "button",
|
|
157
|
-
class:
|
|
158
|
-
disabled:
|
|
183
|
+
class: t(C(!0)),
|
|
184
|
+
disabled: v.value,
|
|
159
185
|
"aria-label": "previous",
|
|
160
|
-
onClick:
|
|
186
|
+
onClick: S
|
|
161
187
|
}, [
|
|
162
|
-
(
|
|
188
|
+
(o(), l(
|
|
163
189
|
"svg",
|
|
164
190
|
{
|
|
165
191
|
"aria-hidden": "true",
|
|
166
|
-
class:
|
|
192
|
+
class: t(`${i(e)}-swiper-showcase__nav-icon ${i(e)}-swiper-showcase__nav-icon--prev`),
|
|
167
193
|
width: "48",
|
|
168
194
|
height: "48",
|
|
169
195
|
viewBox: "0 0 48 48",
|
|
170
196
|
fill: "none",
|
|
171
197
|
xmlns: "http://www.w3.org/2000/svg"
|
|
172
198
|
},
|
|
173
|
-
[...
|
|
174
|
-
|
|
199
|
+
[...c[0] || (c[0] = [
|
|
200
|
+
s(
|
|
175
201
|
"g",
|
|
176
202
|
{ id: "right" },
|
|
177
203
|
[
|
|
178
|
-
|
|
204
|
+
s("path", {
|
|
179
205
|
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",
|
|
180
206
|
fill: "white",
|
|
181
207
|
"fill-opacity": "0.3"
|
|
182
208
|
}),
|
|
183
|
-
|
|
209
|
+
s("path", {
|
|
184
210
|
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",
|
|
185
211
|
stroke: "white",
|
|
186
212
|
"stroke-opacity": "0.1"
|
|
187
213
|
}),
|
|
188
|
-
|
|
214
|
+
s("path", {
|
|
189
215
|
id: "Rectangle 302 (Stroke)",
|
|
190
216
|
d: "M20.8076 14.8076L20.679 17.6098L27.0692 24L20.679 30.3902L20.8076 33.1924L30 24L20.8076 14.8076Z",
|
|
191
217
|
fill: "white"
|
|
@@ -198,41 +224,41 @@ const D = { class: "swiper-wrapper" }, F = ["disabled"], I = ["disabled"], _ = /
|
|
|
198
224
|
2
|
|
199
225
|
/* CLASS */
|
|
200
226
|
))
|
|
201
|
-
], 10,
|
|
202
|
-
|
|
227
|
+
], 10, U),
|
|
228
|
+
s("button", {
|
|
203
229
|
type: "button",
|
|
204
|
-
class:
|
|
205
|
-
disabled:
|
|
230
|
+
class: t(C(!1)),
|
|
231
|
+
disabled: _.value,
|
|
206
232
|
"aria-label": "next",
|
|
207
233
|
onClick: B
|
|
208
234
|
}, [
|
|
209
|
-
(
|
|
235
|
+
(o(), l(
|
|
210
236
|
"svg",
|
|
211
237
|
{
|
|
212
238
|
"aria-hidden": "true",
|
|
213
|
-
class:
|
|
239
|
+
class: t(`${i(e)}-swiper-showcase__nav-icon`),
|
|
214
240
|
width: "48",
|
|
215
241
|
height: "48",
|
|
216
242
|
viewBox: "0 0 48 48",
|
|
217
243
|
fill: "none",
|
|
218
244
|
xmlns: "http://www.w3.org/2000/svg"
|
|
219
245
|
},
|
|
220
|
-
[...
|
|
221
|
-
|
|
246
|
+
[...c[1] || (c[1] = [
|
|
247
|
+
s(
|
|
222
248
|
"g",
|
|
223
249
|
{ id: "right" },
|
|
224
250
|
[
|
|
225
|
-
|
|
251
|
+
s("path", {
|
|
226
252
|
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",
|
|
227
253
|
fill: "white",
|
|
228
254
|
"fill-opacity": "0.3"
|
|
229
255
|
}),
|
|
230
|
-
|
|
256
|
+
s("path", {
|
|
231
257
|
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",
|
|
232
258
|
stroke: "white",
|
|
233
259
|
"stroke-opacity": "0.1"
|
|
234
260
|
}),
|
|
235
|
-
|
|
261
|
+
s("path", {
|
|
236
262
|
id: "Rectangle 302 (Stroke)",
|
|
237
263
|
d: "M20.8076 14.8076L20.679 17.6098L27.0692 24L20.679 30.3902L20.8076 33.1924L30 24L20.8076 14.8076Z",
|
|
238
264
|
fill: "white"
|
|
@@ -245,7 +271,7 @@ const D = { class: "swiper-wrapper" }, F = ["disabled"], I = ["disabled"], _ = /
|
|
|
245
271
|
2
|
|
246
272
|
/* CLASS */
|
|
247
273
|
))
|
|
248
|
-
], 10,
|
|
274
|
+
], 10, X)
|
|
249
275
|
],
|
|
250
276
|
2
|
|
251
277
|
/* CLASS */
|
|
@@ -253,11 +279,11 @@ const D = { class: "swiper-wrapper" }, F = ["disabled"], I = ["disabled"], _ = /
|
|
|
253
279
|
],
|
|
254
280
|
2
|
|
255
281
|
/* CLASS */
|
|
256
|
-
)) :
|
|
282
|
+
)) : d("v-if", !0);
|
|
257
283
|
}
|
|
258
284
|
});
|
|
259
|
-
|
|
260
|
-
const
|
|
285
|
+
g.install = (h) => (h.component("ScSwiperShowcase", g), h);
|
|
286
|
+
const H = g;
|
|
261
287
|
export {
|
|
262
|
-
|
|
288
|
+
H as ScSwiperShowcase
|
|
263
289
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
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";
|
|
2
|
-
import { S as N } from "../swiper-bundle-
|
|
2
|
+
import { S as N } from "../swiper-bundle-DOQ1LV4x.js";
|
|
3
3
|
import { P as s } from "../_vars-BV4QQF-p.js";
|
|
4
4
|
import { ScLayzImage as V } from "./layz-image.mjs";
|
|
5
5
|
const P = { class: "swiper-wrapper" }, R = ["onClick"], f = /* @__PURE__ */ M({
|