@seresweb/website-component 2.0.1 → 2.1.0

package/dist/cjs/horizontal-viewer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-DL7IXrBi.cjs");exports.ScHorizontalViewer=e.ScHorizontalViewer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-BVX78e_m.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-DL7IXrBi.cjs");exports.ScImageIndicator=e.ScImageIndicator;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-BVX78e_m.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-DL7IXrBi.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"),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;

package/dist/cjs/swiper-normal.cjs

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

package/dist/cjs/video.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("../_vars-CyrPevgT.cjs"),w=require("./layz-image.cjs"),E=["controls","poster","src"],g=e.defineComponent({__name:"video-wrapper",props:{class:{default:""},style:{default:""},playerButtonClass:{default:""},playerButtonText:{default:"PLAY"},poster:{default:""},url:{default:""},autoPlay:{type:Boolean,default:!0},playable:{type:Boolean,default:!0}},setup(d,{expose:o}){const t=d,v=/xiaomi|miui/i,m=`${r.PREFIX}-player-wrapper`,B=`${r.PREFIX}-player-is-fullscreen`,C=`${r.PREFIX}-player-close-btn`,y=`${r.PREFIX}-player-icon`,a=e.ref(),s=e.ref(!0),c=e.ref(v.test(navigator.userAgent)?void 0:t.url);let n=null;const p=l=>{var u,i;l.target!==a.value&&((u=a.value)==null||u.pause(),s.value=!!((i=a.value)!=null&&i.paused))},f=l=>{const u=l[0],i=a.value;!i||!t.playable||(u.isIntersecting&&t.autoPlay&&i.paused?(i.play().catch(console.warn),s.value=!1):!u.isIntersecting&&!i.paused&&(i.pause(),s.value=!0))},k=()=>{t.autoPlay&&t.playable&&a.value&&(n=new IntersectionObserver(f,{threshold:.25}),n.observe(a.value))},b=()=>{n==null||n.disconnect(),n=null};return e.watch(()=>t.playable,()=>{b(),e.nextTick(()=>k())}),o({play(){a.value.play(),s.value=a.value.paused}}),e.onMounted(()=>{v.test(navigator.userAgent)&&fetch(t.url).then(l=>{if(!l.ok)throw new Error(`HTTP error! status: ${l.status}`);return l.blob()}).then(l=>{c.value=URL.createObjectURL(l)}).catch(l=>{console.error("获取视频失败：",l)}),k()}),e.onBeforeUnmount(()=>{b()}),(l,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([m,t.class,!s.value&&!t.autoPlay&&B])},[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,E),!s.value&&!t.autoPlay?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(C),onClick:p},[e.renderSlot(l.$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"},[...u[0]||(u[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)])]))])])):e.createCommentVNode("v-if",!0)],2))}}),P=e.defineComponent({__name:"video",props:{class:{default:""},style:{default:""},playerButtonClass:{default:""},playerButtonText:{default:"PLAY"},poster:{default:""},url:{default:""},autoPlay:{type:Boolean,default:!0},playable:{type:Boolean,default:!0}},setup(d){const o=d,t=`${r.PREFIX}-player-wrapper`,v=`${r.PREFIX}-player-poster`,m=`${r.PREFIX}-player-btn`,B=`${r.PREFIX}-player-btn-text`,C=`${r.PREFIX}-player-icon`,y=e.ref(),a=e.ref(),s=p=>{var f;p.stopPropagation(),(f=a.value)==null||f.play()};let c=null;const n=e.ref(!1);return e.onMounted(()=>{c=new IntersectionObserver(([p])=>{p.isIntersecting&&(n.value=!0)},{threshold:.1}),y.value&&c.observe(y.value)}),e.onUnmounted(()=>{c==null||c.disconnect()}),(p,f)=>o.autoPlay?(e.openBlock(),e.createBlock(g,e.normalizeProps(e.mergeProps({key:0},o)),null,16)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass([t,o.class]),style:e.normalizeStyle(o.style)},[e.createVNode(e.unref(w.ScLayzImage),{class:e.normalizeClass(v),src:o.poster,alt:"AITO"},null,8,["src"]),e.createElementVNode("button",{ref_key:"btnRef",ref:y,class:e.normalizeClass([m,o.playerButtonClass]),onClick:s},[e.renderSlot(p.$slots,"play",{},()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(C),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(o.playerButtonText),1)])],2)],6),n.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.createVNode(g,e.mergeProps(o,{ref_key:"vwRef",ref:a}),null,16)])):e.createCommentVNode("v-if",!0)],64))}});P.install=d=>(d.component("ScVideo",P),d);const h=P;exports.ScVideo=h;
+"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;

package/dist/css/horizontal-viewer.css

@@ -1 +1 @@
-.sc-horizontal-viewer{width:100vw;height:4000px;color:#fff;background-color:#000;position:relative}.sc-horizontal-viewer__header{width:1400px;margin:0 auto 40px}.sc-horizontal-viewer__header p:nth-of-type(1){color:#caab78;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:44px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:16px}.sc-horizontal-viewer__header p:nth-of-type(2){color:#fff;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:18px;font-style:normal;font-weight:400;line-height:27px}.sc-horizontal-viewer__container{width:100%;height:100vh;box-sizing:border-box;position:sticky;padding-top:160px;top:0;overflow:hidden}.sc-horizontal-viewer__container.has-header{padding-top:80px}.sc-horizontal-viewer__scroller{width:100%;box-sizing:border-box;padding:0 260px;overflow-x:hidden}.sc-horizontal-viewer__content{width:fit-content;display:flex;margin-bottom:40px}.sc-horizontal-viewer__content-item{position:relative;flex-shrink:0;width:1400px}.sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:40px}.sc-horizontal-viewer__content-item .sc-picture{height:100%}.sc-horizontal-viewer__content-item-footer{position:absolute;bottom:40px;left:40px;right:40px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(1){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(2){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sc-horizontal-viewer .has-header .sc-horizontal-viewer__content-item{width:1200px}.sc-horizontal-viewer__pagination{width:1400px;margin:0 auto;display:flex;justify-content:space-between;position:relative}.sc-horizontal-viewer__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;background-color:#fff6}.sc-horizontal-viewer__scrollbar-drag{width:33.33%;position:absolute;height:4px;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;transition:transform .5s,width .5s}.sc-horizontal-viewer-mb{width:100vw;padding:0 24px;box-sizing:border-box;color:#fff}html[dir=rtl] .sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:0;margin-right:40px}
+.sc-horizontal-viewer{width:100vw;height:4000px;color:#fff;background-color:#000;position:relative}.sc-horizontal-viewer__header{width:1400px;margin:0 auto 40px}.sc-horizontal-viewer__header p:nth-of-type(1){color:#caab78;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:44px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:16px}.sc-horizontal-viewer__header p:nth-of-type(2){color:#fff;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:18px;font-style:normal;font-weight:400;line-height:27px}.sc-horizontal-viewer__container{width:100%;height:100vh;box-sizing:border-box;position:sticky;padding-top:160px;top:0;overflow:hidden}.sc-horizontal-viewer__container.has-header{padding-top:80px}.sc-horizontal-viewer__scroller{width:100%;box-sizing:border-box;padding:0 260px;overflow-x:hidden}.sc-horizontal-viewer__content{width:fit-content;display:flex;align-items:stretch;margin-bottom:40px}.sc-horizontal-viewer__content-item{position:relative;flex-shrink:0;width:1400px;min-height:360px;height:min(75vh,900px);max-height:900px;overflow:hidden}.sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:40px}.sc-horizontal-viewer__content-item .sc-picture,.sc-horizontal-viewer__content-item .sc-player-wrapper{width:100%;height:100%}.sc-horizontal-viewer__content-item .sc-picture img{width:100%;height:100%;object-fit:cover}.sc-horizontal-viewer__content-item-footer{position:absolute;bottom:40px;left:40px;right:40px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(1){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(2){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sc-horizontal-viewer .has-header .sc-horizontal-viewer__content-item{width:1200px}.sc-horizontal-viewer__pagination{width:1400px;margin:0 auto;display:flex;justify-content:space-between;position:relative}.sc-horizontal-viewer__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;background-color:#fff6}.sc-horizontal-viewer__scrollbar-drag{width:33.33%;position:absolute;height:4px;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;transition:transform .5s,width .5s}.sc-horizontal-viewer-mb{width:100vw;padding:0 24px;box-sizing:border-box;color:#fff}html[dir=rtl] .sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:0;margin-right:40px}

package/dist/css/swiper-vehicle.css

@@ -1 +1 @@
-.sc-swiper-vehicle{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.sc-swiper-vehicle__bg{width:100%;height:100%;position:absolute;left:0;top:0}.sc-swiper-vehicle__main{overflow:hidden;width:100%;height:100%}.sc-swiper-vehicle__main .swiper-slide .sc-picture{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__text-bg{font-family:HarmonyOS_Sans_Light;font-weight:400;font-size:160px;font-style:normal;text-transform:none;white-space:nowrap;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,#ffffff40,#ffffff0d);position:absolute;left:50%;top:25%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__indicator{margin-top:22px;display:flex;flex-direction:column;z-index:2}.sc-swiper-vehicle__indicator-control{display:flex;padding:14px 16px;align-items:center;gap:16px;border-radius:100px;background-color:#fff3;margin-bottom:16px}.sc-swiper-vehicle__indicator-control .color-stroke{border-radius:50%;width:24px;height:24px;border:1px solid transparent;position:relative;transition:transform .5s cubic-bezier(0,.5,0,.23);cursor:pointer}.sc-swiper-vehicle__indicator-control .color-stroke.active{transform:scale(1.33);border-color:#fff!important}.sc-swiper-vehicle__indicator-text{font-family:HarmonyOS_Sans_Light;position:relative;left:50%;transform:translate(-50%);font-weight:400;white-space:nowrap;font-size:16px;line-height:22px;text-align:center;color:#fff}@media (max-width: 768px){.sc-swiper-vehicle__main .swiper-slide .sc-picture.sc-swiper-vehicle__full-height{height:100%}}
+.sc-swiper-vehicle{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.sc-swiper-vehicle__bg{width:100%;height:100%;position:absolute;left:0;top:0}.sc-swiper-vehicle__main{overflow:hidden;width:100%;height:100%}.sc-swiper-vehicle__main .swiper-slide .sc-picture{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__text-bg{font-family:HarmonyOS_Sans_Light;font-weight:400;font-size:160px;font-style:normal;text-transform:none;white-space:nowrap;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,#ffffff40,#ffffff0d);position:absolute;left:50%;top:25%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__indicator{margin-top:22px;display:flex;flex-direction:column;z-index:2}.sc-swiper-vehicle__indicator-control{display:flex;padding:14px 16px;align-items:center;gap:16px;border-radius:100px;background-color:#fff3;margin-bottom:16px}.sc-swiper-vehicle__indicator-control .color-stroke{border-radius:50%;width:24px;height:24px;border:1px solid transparent;position:relative;transition:transform .5s cubic-bezier(0,.5,0,.23);cursor:pointer}.sc-swiper-vehicle__indicator-control .color-stroke.active{transform:scale(1.33);border-color:#fff!important}.sc-swiper-vehicle__indicator-text{font-family:HarmonyOS_Sans_Light;position:relative;font-weight:400;white-space:nowrap;font-size:16px;line-height:22px;text-align:center;color:#fff}@media (max-width: 768px){.sc-swiper-vehicle__main .swiper-slide .sc-picture.sc-swiper-vehicle__full-height{height:100%}}

package/dist/css/video.css

@@ -1 +1 @@
-.sc-player-wrapper{width:100%;height:100%;position:relative;display:inline-block}.sc-player-wrapper .sc-player-poster{width:100%;height:100%}.sc-player-wrapper video{width:100%;height:100%;object-fit:fill}.sc-player-wrapper .sc-player-btn{position:absolute;bottom:65px;right:47px;z-index:100;color:#fff;cursor:pointer;outline:none;border:0;background-color:transparent}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:50px;height:50px;vertical-align:middle;margin-right:22px}.sc-player-wrapper .sc-player-btn-text{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:36px;color:#fff;line-height:42px;text-align:left;font-style:normal;text-transform:none;display:inline-block;vertical-align:middle}body>.sc-player-wrapper{display:none}body>.sc-player-is-fullscreen{display:flex}.sc-player-is-fullscreen{background-color:#000000f9;z-index:10000;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:100px;box-sizing:border-box;display:flex;align-items:center}.sc-player-is-fullscreen video{height:auto}.sc-player-is-fullscreen .sc-player-close-btn{position:absolute;right:40px;top:40px;border:none;outline:none;background-color:transparent;color:#fff;cursor:pointer}@media (max-width: 768px){.sc-player-wrapper video{object-fit:cover}.sc-player-wrapper .sc-player-btn{bottom:20px;right:20px}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:24px;height:24px;margin-right:10px}.sc-player-wrapper .sc-player-btn-text{font-size:16px;line-height:19px;text-align:left;margin-left:0}}.sc-player-is-fullscreen{padding:24px}.sc-player-is-fullscreen .sc-player-close-btn{right:40px;top:40px}.sc-player-is-fullscreen .sc-player-close-btn .sc-player-icon{width:20px;height:20px}html[dir=rtl] .sc-player-wrapper .sc-player-btn{left:47px;right:unset}html[dir=rtl] .sc-player-wrapper .sc-player-btn .sc-player-icon{margin-right:0}html[dir=rtl] .sc-player-wrapper .sc-player-btn-text{margin-right:10px}html[dir=rtl] .sc-player-is-fullscreen .sc-player-close-btn{left:40px;right:unset}@media (max-width: 768px){html[dir=rtl] .sc-player-wrapper .sc-player-btn{bottom:20px;left:20px;right:unset}}
+.sc-player-wrapper{width:100%;height:100%;position:relative;display:inline-block}.sc-player-wrapper.is-multiple{position:absolute;left:0;top:0}.sc-player-wrapper .sc-player-poster{width:100%;height:100%}.sc-player-wrapper video{width:100%;height:100%;object-fit:fill}.sc-player-wrapper .sc-player-btn{position:absolute;bottom:65px;right:47px;z-index:100;color:#fff;cursor:pointer;outline:none;border:0;background-color:transparent}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:50px;height:50px;vertical-align:middle;margin-right:22px}.sc-player-wrapper .sc-player-btn-text{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:36px;color:#fff;line-height:42px;text-align:left;font-style:normal;text-transform:none;display:inline-block;vertical-align:middle}body>.sc-player-wrapper{display:none}body>.sc-player-is-fullscreen{display:flex;justify-content:center;align-items:center}.sc-player-is-fullscreen{background-color:#000000f9;z-index:10000;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:100px;box-sizing:border-box;display:flex;align-items:center}.sc-player-is-fullscreen video{height:auto;max-width:calc(100% - 48px);max-height:calc(100% - 48px);object-fit:contain}.sc-player-is-fullscreen .sc-player-close-btn{position:absolute;right:40px;top:40px;border:none;outline:none;background-color:transparent;color:#fff;cursor:pointer}@media (max-width: 768px){.sc-player-wrapper video{object-fit:cover}.sc-player-wrapper .sc-player-btn{bottom:20px;right:20px}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:24px;height:24px;margin-right:10px}.sc-player-wrapper .sc-player-btn-text{font-size:16px;line-height:19px;text-align:left;margin-left:0}}.sc-player-is-fullscreen{padding:24px}.sc-player-is-fullscreen .sc-player-close-btn{right:40px;top:40px}.sc-player-is-fullscreen .sc-player-close-btn .sc-player-icon{width:20px;height:20px}html[dir=rtl] .sc-player-wrapper .sc-player-btn{left:47px;right:unset}html[dir=rtl] .sc-player-wrapper .sc-player-btn .sc-player-icon{margin-right:0}html[dir=rtl] .sc-player-wrapper .sc-player-btn-text{margin-right:10px}html[dir=rtl] .sc-player-is-fullscreen .sc-player-close-btn{left:40px;right:unset}@media (max-width: 768px){html[dir=rtl] .sc-player-wrapper .sc-player-btn{bottom:20px;left:20px;right:unset}}

package/dist/es/horizontal-viewer.mjs

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

package/dist/es/image-indicator.mjs

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

package/dist/es/index.mjs

@@ -3,7 +3,7 @@ import { ScAnimatedNumber as p } 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-CM1T0AYM.js";
+import { S as u, a as h, b as w } from "../index-C6ZSfMR8.js";
 import { ScInput as y } from "./input.mjs";
 import { ScLayzImage as g } from "./layz-image.mjs";
 import { ScParameterBox as I } from "./parameter-box.mjs";

package/dist/es/swiper-normal.mjs

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

package/dist/es/video.mjs

@@ -1,246 +1,273 @@
-import { defineComponent as z, ref as m, watch as V, nextTick as A, onMounted as T, onBeforeUnmount as E, createElementBlock as h, openBlock as y, normalizeClass as p, createElementVNode as i, createCommentVNode as L, renderSlot as O, onUnmounted as M, createBlock as x, normalizeProps as S, mergeProps as $, Fragment as U, normalizeStyle as H, createVNode as I, unref as N, toDisplayString as X, Teleport as F } from "vue";
-import { P as n } from "../_vars-BV4QQF-p.js";
-import { ScLayzImage as Y } from "./layz-image.mjs";
-const j = ["controls", "poster", "src"], R = /* @__PURE__ */ z({
+import { defineComponent as L, ref as d, watch as A, nextTick as E, onMounted as O, onBeforeUnmount as M, createElementBlock as h, openBlock as r, normalizeClass as f, createElementVNode as y, createCommentVNode as _, renderSlot as V, onUnmounted as U, Fragment as S, createBlock as $, mergeProps as T, normalizeStyle as H, unref as N, toDisplayString as X, Teleport as F, createVNode as Y } from "vue";
+import { P as u } from "../_vars-BV4QQF-p.js";
+import { ScLayzImage as j } from "./layz-image.mjs";
+const D = ["controls", "poster", "src"], z = /* @__PURE__ */ L({
   __name: "video-wrapper",
   props: {
-    class: { default: "" },
-    style: { default: "" },
-    playerButtonClass: { default: "" },
+    class: {},
+    style: {},
+    playerButtonClass: {},
     playerButtonText: { default: "PLAY" },
-    poster: { default: "" },
-    url: { default: "" },
+    poster: {},
+    url: {},
     autoPlay: { type: Boolean, default: !0 },
-    playable: { type: Boolean, default: !0 }
+    playable: { type: Boolean, default: !0 },
+    multiple: { type: Boolean },
+    urlSmall: {}
   },
-  setup(v, { expose: a }) {
-    const e = v, b = /xiaomi|miui/i, g = `${n}-player-wrapper`, _ = `${n}-player-is-fullscreen`, C = `${n}-player-close-btn`, w = `${n}-player-icon`, l = m(), s = m(!0), r = m(b.test(navigator.userAgent) ? void 0 : e.url);
-    let o = null;
-    const f = (t) => {
-      var u, c;
-      t.target !== l.value && ((u = l.value) == null || u.pause(), s.value = !!((c = l.value) != null && c.paused));
-    }, d = (t) => {
-      const u = t[0], c = l.value;
-      !c || !e.playable || (u.isIntersecting && e.autoPlay && c.paused ? (c.play().catch(console.warn), s.value = !1) : !u.isIntersecting && !c.paused && (c.pause(), s.value = !0));
-    }, B = () => {
-      e.autoPlay && e.playable && l.value && (o = new IntersectionObserver(d, {
+  emits: ["paused"],
+  setup(m, { expose: e, emit: C }) {
+    const l = m, k = C, g = /xiaomi|miui/i, x = `${u}-player-wrapper`, w = `${u}-player-is-fullscreen`, B = `${u}-player-close-btn`, b = `${u}-player-icon`, t = d(), s = d(!0), p = d(g.test(navigator.userAgent) ? void 0 : l.url);
+    let n = null;
+    const o = (a) => {
+      var c, i;
+      a.target !== t.value && ((c = t.value) == null || c.pause(), s.value = !!((i = t.value) != null && i.paused), k("paused"));
+    }, v = (a) => {
+      const c = a[0], i = t.value;
+      !i || !l.playable || (c.isIntersecting && l.autoPlay && i.paused ? (i.play().catch(console.warn), s.value = !1) : !c.isIntersecting && !i.paused && (i.pause(), s.value = !0));
+    }, P = () => {
+      l.autoPlay && l.playable && t.value && (n = new IntersectionObserver(v, {
         threshold: 0.25
         // 可根据需求调整可见区域百分比
-      }), o.observe(l.value));
-    }, k = () => {
-      o == null || o.disconnect(), o = null;
+      }), n.observe(t.value));
+    }, I = () => {
+      n == null || n.disconnect(), n = null;
     };
-    return V(
-      () => e.playable,
+    return A(
+      () => l.playable,
       () => {
-        k(), A(() => B());
+        I(), E(() => P());
       }
-    ), a({
+    ), e({
       play() {
-        l.value.play(), s.value = l.value.paused;
+        t.value.play(), s.value = t.value.paused;
+      },
+      pause() {
+        t.value.pause(), s.value = t.value.paused;
       }
-    }), T(() => {
-      b.test(navigator.userAgent) && fetch(e.url).then((t) => {
-        if (!t.ok)
-          throw new Error(`HTTP error! status: ${t.status}`);
-        return t.blob();
-      }).then((t) => {
-        r.value = URL.createObjectURL(t);
-      }).catch((t) => {
-        console.error("获取视频失败：", t);
-      }), B();
-    }), E(() => {
-      k();
-    }), (t, u) => (y(), h(
+    }), O(() => {
+      g.test(navigator.userAgent) && fetch(l.url).then((a) => {
+        if (!a.ok)
+          throw new Error(`HTTP error! status: ${a.status}`);
+        return a.blob();
+      }).then((a) => {
+        p.value = URL.createObjectURL(a);
+      }).catch((a) => {
+        console.error("获取视频失败：", a);
+      }), P();
+    }), M(() => {
+      I();
+    }), (a, c) => (r(), h(
       "div",
       {
-        class: p([g, e.class, !s.value && !e.autoPlay && _])
+        class: f([x, l.class, !s.value && !l.autoPlay && w])
       },
       [
-        i("video", {
+        y("video", {
           ref_key: "videoRef",
-          ref: l,
+          ref: t,
           muted: "",
           loop: "",
           playsinline: "",
           "webkit-playsinline": "",
           "x5-video-player-type": "h5",
-          controls: !s.value && !e.autoPlay,
-          poster: e.poster,
-          src: r.value
-        }, null, 8, j),
-        !s.value && !e.autoPlay ? (y(), h("button", {
-          key: 0,
-          class: p(C),
-          onClick: f
-        }, [
-          O(t.$slots, "close", {}, () => [
-            (y(), h("svg", {
-              class: p(w),
-              viewBox: "0 0 1121 1024",
-              version: "1.1",
-              xmlns: "http://www.w3.org/2000/svg",
-              width: "200",
-              height: "200"
-            }, [...u[0] || (u[0] = [
-              i(
-                "path",
-                {
-                  d: "M1040.725333 49.005714l-965.485714 965.436953-48.420571-48.469334L992.256 0.487619l48.469333 48.518095z",
-                  fill: "#ffffff"
-                },
-                null,
-                -1
-                /* CACHED */
-              ),
-              i(
-                "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
-                /* CACHED */
-              )
-            ])]))
-          ])
-        ])) : L("v-if", !0)
+          controls: !s.value && !l.autoPlay,
+          poster: l.poster,
+          src: p.value
+        }, null, 8, D),
+        !s.value && !l.autoPlay ? (r(), h(
+          "button",
+          {
+            key: 0,
+            class: f([B, l.playerButtonClass]),
+            onClick: o
+          },
+          [
+            V(a.$slots, "close", {}, () => [
+              (r(), h("svg", {
+                class: f(b),
+                viewBox: "0 0 1121 1024",
+                version: "1.1",
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "200",
+                height: "200"
+              }, [...c[0] || (c[0] = [
+                y(
+                  "path",
+                  {
+                    d: "M1040.725333 49.005714l-965.485714 965.436953-48.420571-48.469334L992.256 0.487619l48.469333 48.518095z",
+                    fill: "#ffffff"
+                  },
+                  null,
+                  -1
+                  /* CACHED */
+                ),
+                y(
+                  "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
+                  /* CACHED */
+                )
+              ])]))
+            ])
+          ],
+          2
+          /* CLASS */
+        )) : _("v-if", !0)
       ],
       2
       /* CLASS */
     ));
   }
-}), P = /* @__PURE__ */ z({
+}), R = /* @__PURE__ */ L({
   __name: "video",
   props: {
-    class: { default: "" },
-    style: { default: "" },
-    playerButtonClass: { default: "" },
+    class: {},
+    style: {},
+    playerButtonClass: {},
     playerButtonText: { default: "PLAY" },
     poster: { default: "" },
-    url: { default: "" },
+    url: {},
     autoPlay: { type: Boolean, default: !0 },
-    playable: { type: Boolean, default: !0 }
+    playable: { type: Boolean, default: !0 },
+    multiple: { type: Boolean },
+    urlSmall: {}
   },
-  setup(v) {
-    const a = v, e = `${n}-player-wrapper`, b = `${n}-player-poster`, g = `${n}-player-btn`, _ = `${n}-player-btn-text`, C = `${n}-player-icon`, w = m(), l = m(), s = (f) => {
-      var d;
-      f.stopPropagation(), (d = l.value) == null || d.play();
+  setup(m) {
+    const e = m, C = `${u}-player-wrapper`, l = `${u}-player-poster`, k = `${u}-player-btn`, g = `${u}-player-btn-text`, x = `${u}-player-icon`, w = d(), B = d(), b = d(), t = (o) => {
+      var v, P;
+      o.stopPropagation(), (v = b.value) == null || v.pause(), (P = B.value) == null || P.play();
+    }, s = () => {
+      var o;
+      (o = b.value) == null || o.play();
     };
-    let r = null;
-    const o = m(!1);
-    return T(() => {
-      r = new IntersectionObserver(
-        ([f]) => {
-          f.isIntersecting && (o.value = !0);
+    let p = null;
+    const n = d(!1);
+    return O(() => {
+      p = new IntersectionObserver(
+        ([o]) => {
+          o.isIntersecting && (n.value = !0);
         },
         { threshold: 0.1 }
-      ), w.value && r.observe(w.value);
-    }), M(() => {
-      r == null || r.disconnect();
-    }), (f, d) => a.autoPlay ? (y(), x(
-      R,
-      S($({ key: 0 }, a)),
+      ), w.value && p.observe(w.value);
+    }), U(() => {
+      p == null || p.disconnect();
+    }), (o, v) => (r(), h(
+      S,
       null,
-      16
-      /* FULL_PROPS */
-    )) : (y(), h(
-      U,
-      { key: 1 },
       [
-        i(
-          "div",
-          {
-            class: p([e, a.class]),
-            style: H(a.style)
-          },
+        e.autoPlay || e.multiple ? (r(), $(z, T({ key: 0 }, e, {
+          url: e.multiple && e.urlSmall || e.url,
+          ref_key: "autoPlayRef",
+          ref: b
+        }), null, 16, ["url"])) : _("v-if", !0),
+        !e.autoPlay || e.multiple ? (r(), h(
+          S,
+          { key: 1 },
           [
-            I(N(Y), {
-              class: p(b),
-              src: a.poster,
-              alt: "AITO"
-            }, null, 8, ["src"]),
-            i(
-              "button",
+            y(
+              "div",
               {
-                ref_key: "btnRef",
-                ref: w,
-                class: p([g, a.playerButtonClass]),
-                onClick: s
+                class: f([C, e.class, { "is-multiple": e.multiple }]),
+                style: H(e.style)
               },
               [
-                O(f.$slots, "play", {}, () => [
-                  (y(), h("svg", {
-                    class: p(C),
-                    viewBox: "0 0 1024 1024",
-                    version: "1.1",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    width: "200",
-                    height: "200"
-                  }, [...d[0] || (d[0] = [
-                    i(
-                      "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
-                      /* CACHED */
-                    ),
-                    i(
-                      "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
-                      /* CACHED */
-                    )
-                  ])])),
-                  i(
-                    "span",
-                    {
-                      class: p(_)
-                    },
-                    X(a.playerButtonText),
-                    1
-                    /* TEXT */
-                  )
-                ])
+                e.poster ? (r(), $(N(j), {
+                  key: 0,
+                  class: f(l),
+                  src: e.poster,
+                  alt: "AITO"
+                }, null, 8, ["src"])) : _("v-if", !0),
+                y(
+                  "button",
+                  {
+                    ref_key: "btnRef",
+                    ref: w,
+                    class: f([k, e.playerButtonClass]),
+                    onClick: t
+                  },
+                  [
+                    V(o.$slots, "play", {}, () => [
+                      (r(), h("svg", {
+                        class: f(x),
+                        viewBox: "0 0 1024 1024",
+                        version: "1.1",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "200",
+                        height: "200"
+                      }, [...v[0] || (v[0] = [
+                        y(
+                          "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
+                          /* CACHED */
+                        ),
+                        y(
+                          "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
+                          /* CACHED */
+                        )
+                      ])])),
+                      y(
+                        "span",
+                        {
+                          class: f(g)
+                        },
+                        X(e.playerButtonText),
+                        1
+                        /* TEXT */
+                      )
+                    ])
+                  ],
+                  2
+                  /* CLASS */
+                )
               ],
-              2
-              /* CLASS */
-            )
+              6
+              /* CLASS, STYLE */
+            ),
+            n.value ? (r(), $(F, {
+              key: 0,
+              to: "body"
+            }, [
+              Y(
+                z,
+                T(e, {
+                  autoPlay: !1,
+                  ref_key: "vwRef",
+                  ref: B,
+                  onPaused: s
+                }),
+                null,
+                16
+                /* FULL_PROPS */
+              )
+            ])) : _("v-if", !0)
           ],
-          6
-          /* CLASS, STYLE */
-        ),
-        o.value ? (y(), x(F, {
-          key: 0,
-          to: "body"
-        }, [
-          I(
-            R,
-            $(a, {
-              ref_key: "vwRef",
-              ref: l
-            }),
-            null,
-            16
-            /* FULL_PROPS */
-          )
-        ])) : L("v-if", !0)
+          64
+          /* STABLE_FRAGMENT */
+        )) : _("v-if", !0)
       ],
       64
       /* STABLE_FRAGMENT */
     ));
   }
 });
-P.install = (v) => (v.component("ScVideo", P), v);
-const q = P;
+R.install = (m) => (m.component("ScVideo", R), m);
+const J = R;
 export {
-  q as ScVideo
+  J as ScVideo
 };