@hbis-uni/components 2.0.3 → 2.0.4
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/index.cjs.js +2 -2
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +7 -7
- package/dist/index.es.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +6 -1
package/dist/index.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const vue=require("vue"),_sfc_main$5=vue.defineComponent({__name:"C1",props:{title:{default:"C1 Component"},primary:{type:Boolean,default:!1}},setup(y){return(g,n)=>(vue.openBlock(),vue.createElementBlock("div",{class:vue.normalizeClass(["c1-container",{"c1-primary":y.primary}])},[vue.renderSlot(g.$slots,"default",{},()=>[vue.createTextVNode(vue.toDisplayString(y.title),1)],!0)],2))}}),_export_sfc=(y,g)=>{const n=y.__vccOpts||y;for(const[t,r]of g)n[t]=r;return n},C1=_export_sfc(_sfc_main$5,[["__scopeId","data-v-e2250793"]]),_hoisted_1$2={class:"c2-container"},_hoisted_2$2={class:"c2-title"},_hoisted_3$2={class:"c2-content"},_sfc_main$4=vue.defineComponent({__name:"C2",props:{title:{default:"C2 Component"},showButton:{type:Boolean,default:!0},buttonText:{default:"Click Me"}},emits:["click"],setup(y,{emit:g}){const n=g,t=r=>{n("click",r)};return(r,m)=>(vue.openBlock(),vue.createElementBlock("div",_hoisted_1$2,[vue.createElementVNode("h2",_hoisted_2$2,vue.toDisplayString(y.title),1),vue.createElementVNode("div",_hoisted_3$2,[vue.renderSlot(r.$slots,"default",{},void 0,!0)]),y.showButton?(vue.openBlock(),vue.createElementBlock("button",{key:0,class:"c2-button",onClick:t},vue.toDisplayString(y.buttonText),1)):vue.createCommentVNode("",!0)]))}}),C2=_export_sfc(_sfc_main$4,[["__scopeId","data-v-ed1086ed"]]),_hoisted_1$1={key:0},_hoisted_2$1={class:"hbis-date-strip__weekdays"},_hoisted_3$1={class:"hbis-date-strip__dates"},_hoisted_4$1=["onClick"],_hoisted_5$1={class:"hbis-date-strip__date-number"},_hoisted_6$1={class:"hbis-date-strip__date-slot"},_hoisted_7$1={key:1,class:"hbis-date-strip__scroll-wrapper"},_hoisted_8$1={class:"hbis-date-strip__scroll-container"},_hoisted_9={class:"hbis-date-strip__weekdays"},_hoisted_10={class:"hbis-date-strip__dates"},_hoisted_11=["onClick"],_hoisted_12={class:"hbis-date-strip__date-number"},_hoisted_13={class:"hbis-date-strip__date-slot"},_sfc_main$3=vue.defineComponent({__name:"hbis-dateStrip",props:{modelValue:{default:()=>new Date},startDate:{default:()=>new Date},endDate:{default:()=>{const y=new Date;return y.setDate(y.getDate()+30),y}},highlightType:{default:"bg"},showToday:{type:Boolean,default:!0},disablePast:{type:Boolean,default:!1},disableFuture:{type:Boolean,default:!1},selectedColor:{default:"#ffffff"},normalColor:{default:"#666666"},selectedBgColor:{default:"#1890ff"},normalBgColor:{default:"transparent"},scrollable:{type:Boolean,default:!1},visibleDays:{default:7}},emits:["update:modelValue","dateClick"],setup(y,{emit:g}){const n=y,t=g,r=vue.computed(()=>{if(console.log("props:",{startDate:n.startDate,endDate:n.endDate,scrollable:n.scrollable}),n.scrollable)return console.log("显式设置了scrollable为true，允许滚动"),!0;try{const a=new Date(n.startDate);a.setHours(0,0,0,0);const v=new Date(n.endDate);if(v.setHours(0,0,0,0),isNaN(a.getTime())||isNaN(v.getTime()))return console.log("无效的日期对象，使用默认滚动行为"),!1;const e=v.getTime()-a.getTime(),A=Math.ceil(e/(1e3*60*60*24)),d=A+1;return console.log("日期范围天数计算:",{start:a.toLocaleDateString(),end:v.toLocaleDateString(),diffTime:e,diffDays:A,totalDays:d,shouldScroll:d>7}),d>7}catch(a){return console.error("计算日期范围时出错:",a),!1}}),m=[{value:0,label:"日",isWeekend:!0},{value:1,label:"一",isWeekend:!1},{value:2,label:"二",isWeekend:!1},{value:3,label:"三",isWeekend:!1},{value:4,label:"四",isWeekend:!1},{value:5,label:"五",isWeekend:!1},{value:6,label:"六",isWeekend:!0}],h=vue.computed(()=>{const a=s.value[0];if(!a)return m;const v=a.weekday,e=[];for(let A=0;A<7;A++){const d=(v+A)%7;e.push(m[d])}return e}),p=()=>{const a=n.startDate||new Date,v=a.getDay(),e=a.getDate()-(v===0?6:v-1),A=new Date(a);return A.setDate(e),A};vue.ref(p()),vue.onMounted(()=>{console.log("props:",n),console.log("highlightType:",n.highlightType)}),vue.watch(()=>n.highlightType,a=>{console.log("highlightType changed:",a)}),vue.watch(()=>n.modelValue,a=>{console.log("modelValue changed:",a)});const o=vue.computed(()=>{const a=[];try{const v=n.startDate,e=n.endDate;if(isNaN(v.getTime())||isNaN(e.getTime()))return console.log("无效的日期对象，返回空数组"),a;const A=Math.ceil((e.getTime()-v.getTime())/(1e3*60*60*24))+1;for(let d=0;d<A;d++){const w=new Date(v);w.setDate(v.getDate()+d),isNaN(w.getTime())||a.push({date:w,dateString:l(w),day:w.getDate(),month:w.getMonth()+1,year:w.getFullYear(),isWeekend:w.getDay()===0||w.getDay()===6,weekday:w.getDay()})}}catch(v){console.error("生成日期数组时出错:",v)}return a}),s=vue.computed(()=>o.value.filter(a=>!!(a&&a.date&&a.dateString&&!isNaN(a.date.getTime())&&typeof a.dateString=="string"&&typeof a.day=="number"))),l=a=>`${a.getFullYear()}-${String(a.getMonth()+1).padStart(2,"0")}-${String(a.getDate()).padStart(2,"0")}`,i=a=>{const v=a.dateString;return n.modelValue?Array.isArray(n.modelValue)?n.modelValue.some(e=>!e||isNaN(e.getTime())?!1:l(e)===v):isNaN(n.modelValue.getTime())?!1:l(n.modelValue)===v:!1},f=a=>{const v=l(new Date);return a.dateString===v},u=a=>{const v=a.date;return n.disablePast&&v<new Date(new Date().setHours(0,0,0,0))||n.disableFuture&&v>new Date(new Date().setHours(23,59,59,999))?!1:v>=n.startDate&&v<=n.endDate},S=a=>{var v;return((v=m.find(e=>e.value===a))==null?void 0:v.label)||""},k=a=>{u(a)&&(t("dateClick",a),t("update:modelValue",a.date))};return(a,v)=>(vue.openBlock(),vue.createElementBlock("div",{class:vue.normalizeClass(["hbis-date-strip",{"hbis-date-strip--highlight-bg":y.highlightType==="bg","hbis-date-strip--highlight-dot":y.highlightType==="dot","hbis-date-strip--highlight-round":y.highlightType==="round","hbis-date-strip--scrollable":r.value}])},[r.value?(vue.openBlock(),vue.createElementBlock("div",_hoisted_7$1,[vue.createElementVNode("div",_hoisted_8$1,[vue.createElementVNode("div",_hoisted_9,[(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(s.value,e=>(vue.openBlock(),vue.createElementBlock("div",{key:e.dateString+"-weekday",class:vue.normalizeClass(["hbis-date-strip__weekday",{"hbis-date-strip__weekday--weekend":e.isWeekend}])},vue.toDisplayString(S(e.weekday)),3))),128))]),vue.createElementVNode("div",_hoisted_10,[(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(s.value,e=>(vue.openBlock(),vue.createElementBlock("div",{key:e.dateString,class:vue.normalizeClass(["hbis-date-strip__date",{"hbis-date-strip__date--selected":i(e),"hbis-date-strip__date--today":f(e),"hbis-date-strip__date--disabled":!u(e),"hbis-date-strip__date--weekend":e.isWeekend}]),style:vue.normalizeStyle({color:i(e)?y.selectedColor:y.normalColor,backgroundColor:i(e)?y.selectedBgColor:y.normalBgColor}),onClick:A=>k(e)},[vue.createElementVNode("div",_hoisted_12,vue.toDisplayString(e.day),1),vue.createElementVNode("div",_hoisted_13,[vue.renderSlot(a.$slots,"default",{date:e},void 0,!0)])],14,_hoisted_11))),128))])])])):(vue.openBlock(),vue.createElementBlock("div",_hoisted_1$1,[vue.createElementVNode("div",_hoisted_2$1,[(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(h.value,e=>(vue.openBlock(),vue.createElementBlock("div",{key:e.value,class:vue.normalizeClass(["hbis-date-strip__weekday",{"hbis-date-strip__weekday--weekend":e.isWeekend}])},vue.toDisplayString(e.label),3))),128))]),vue.createElementVNode("div",_hoisted_3$1,[(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(s.value,e=>(vue.openBlock(),vue.createElementBlock("div",{key:e.dateString,class:vue.normalizeClass(["hbis-date-strip__date",{"hbis-date-strip__date--selected":i(e),"hbis-date-strip__date--today":f(e),"hbis-date-strip__date--disabled":!u(e),"hbis-date-strip__date--weekend":e.isWeekend}]),style:vue.normalizeStyle({color:i(e)?y.selectedColor:y.normalColor,backgroundColor:i(e)?y.selectedBgColor:y.normalBgColor}),onClick:A=>k(e)},[vue.createElementVNode("div",_hoisted_5$1,vue.toDisplayString(e.day),1),vue.createElementVNode("div",_hoisted_6$1,[vue.renderSlot(a.$slots,"default",{date:e},void 0,!0)])],14,_hoisted_4$1))),128))])]))],2))}}),hbisDateStrip=_export_sfc(_sfc_main$3,[["__scopeId","data-v-f7fe6423"]]),_hoisted_1={class:"image-preview"},_hoisted_2={key:0,class:"counter"},_hoisted_3={class:"counter-text"},_hoisted_4={class:"swiper-container"},_hoisted_5=["onWheel"],_hoisted_6=["src","onLoad"],_hoisted_7=["disabled"],_hoisted_8=["disabled"],_sfc_main$2={__name:"hbis-previewImage",props:{images:{type:Array,required:!0,validator:y=>y.every(g=>typeof g=="string")},initialIndex:{type:Number,default:0},minScale:{type:Number,default:.5},maxScale:{type:Number,default:5},showCloseBtn:{type:Boolean,default:!0},enableSwipe:{type:Boolean,default:!0}},emits:["close","change","update:initialIndex"],setup(y,{emit:g}){const n=y,t=g,r=vue.ref(n.initialIndex),m=vue.ref(null),h=vue.ref(!1),p=vue.ref(!1),o=vue.ref(0),s=vue.ref(0),l=vue.ref(0),i=vue.ref(window.innerWidth),f=vue.ref(window.innerHeight),u=vue.ref(n.images.map(()=>({scale:1,translateX:0,translateY:0,naturalWidth:0,naturalHeight:0,isLoaded:!1}))),S=vue.ref(0),k=vue.ref(0),a=vue.ref(0),v=vue.ref(0),e=vue.ref(0),A=vue.computed(()=>({transform:`translateX(${l.value}px)`,transition:h.value?"none":"transform 0.3s ease"})),d=vue.computed(()=>({width:`${i.value}px`,height:`${f.value}px`}));vue.watch(()=>n.initialIndex,c=>{c!==r.value&&(r.value=c,w())}),vue.onMounted(()=>{const c=()=>{i.value=window.innerWidth,f.value=window.innerHeight,w()};return window.addEventListener("resize",c),c(),()=>{window.removeEventListener("resize",c)}});const w=()=>{l.value=-r.value*i.value},x=()=>{r.value>0&&(r.value--,w(),N(),t("change",r.value),t("update:initialIndex",r.value))},_=()=>{r.value<n.images.length-1&&(r.value++,w(),N(),t("change",r.value),t("update:initialIndex",r.value))},N=()=>{u.value[r.value]={...u.value[r.value],scale:1,translateX:0,translateY:0}},T=c=>{const b=u.value[c];return{transform:`scale(${b.scale}) translate(${b.translateX}px, ${b.translateY}px)`,transition:p.value?"none":"transform 0.1s ease",opacity:b.isLoaded?1:0}},B=c=>{const b=event.target;u.value[c]={...u.value[c],naturalWidth:b.naturalWidth,naturalHeight:b.naturalHeight,isLoaded:!0}},C=c=>{c.target.tagName==="IMG"?(p.value=!0,o.value=c.clientX-u.value[r.value].translateX,s.value=c.clientY-u.value[r.value].translateY):(h.value=!0,o.value=c.clientX-l.value),c.preventDefault()},D=c=>{if(p.value){const b=c.clientX-o.value,O=c.clientY-s.value;u.value[r.value]={...u.value[r.value],translateX:b,translateY:O}}else if(h.value&&n.enableSwipe){const b=c.clientX-o.value;l.value=b}},P=()=>{if(h.value&&n.enableSwipe){const c=i.value*.3;Math.abs(l.value+r.value*i.value)>c?l.value>0?x():_():w()}h.value=!1,p.value=!1},L=c=>{const b=c.touches[0];S.value=b.clientX,k.value=b.clientY,a.value=Date.now()},$=c=>{const b=c.touches[0];v.value=b.clientX,e.value=b.clientY;const O=v.value-S.value,E=e.value-k.value;if(Math.abs(O)>Math.abs(E))c.preventDefault(),h.value=!0,l.value=-r.value*i.value+O;else if(u.value[r.value].scale>1){c.preventDefault(),p.value=!0;const F=O+u.value[r.value].translateX,j=E+u.value[r.value].translateY;u.value[r.value]={...u.value[r.value],translateX:F,translateY:j}}},M=()=>{if(h.value){const c=v.value-S.value,b=Date.now()-a.value,O=i.value*.2,E=Math.abs(c)/b;Math.abs(c)>O||E>.5?c>0?x():_():w()}h.value=!1,p.value=!1},I=(c,b)=>{if(b!==r.value)return;c.preventDefault();const O=c.deltaY>0?-.1:.1,E=c.clientX,F=c.clientY;W(E,F,O)},W=(c,b,O)=>{const E=u.value[r.value],F=Math.max(n.minScale,Math.min(n.maxScale,E.scale+O)),j=event.target.getBoundingClientRect(),V=c-j.left,R=b-j.top,z=F-E.scale,U=E.translateX+(V-E.translateX)*(z/E.scale),H=E.translateY+(R-E.translateY)*(z/E.scale);u.value[r.value]={...E,scale:F,translateX:U,translateY:H}};return(c,b)=>(vue.openBlock(),vue.createElementBlock("div",_hoisted_1,[y.images.length>1?(vue.openBlock(),vue.createElementBlock("div",_hoisted_2,[vue.createElementVNode("span",_hoisted_3,vue.toDisplayString(r.value+1)+"/"+vue.toDisplayString(y.images.length),1)])):vue.createCommentVNode("",!0),y.showCloseBtn?(vue.openBlock(),vue.createElementBlock("button",{key:1,class:"close-btn",onClick:b[0]||(b[0]=O=>t("close"))},[...b[1]||(b[1]=[vue.createElementVNode("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[vue.createElementVNode("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),vue.createElementVNode("line",{x1:"6",y1:"6",x2:"18",y2:"18"})],-1)])])):vue.createCommentVNode("",!0),vue.createElementVNode("div",_hoisted_4,[vue.createElementVNode("div",{class:"swiper-wrapper",ref_key:"swiperWrapper",ref:m,style:vue.normalizeStyle(A.value),onTouchstart:L,onTouchmove:$,onTouchend:M,onMousedown:C,onMousemove:D,onMouseup:P,onMouseleave:P},[(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(y.images,(O,E)=>(vue.openBlock(),vue.createElementBlock("div",{key:E,class:"swiper-slide",style:vue.normalizeStyle(d.value)},[vue.createElementVNode("div",{class:"image-container",onWheel:F=>I(F,E)},[vue.createElementVNode("img",{src:O,alt:"Preview image",class:"preview-image",style:vue.normalizeStyle(T(E)),onLoad:F=>B(E),loading:"lazy"},null,44,_hoisted_6)],40,_hoisted_5)],4))),128))],36)]),vue.createElementVNode("button",{class:"nav-btn prev-btn",onClick:x,disabled:r.value===0},[...b[2]||(b[2]=[vue.createElementVNode("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[vue.createElementVNode("polyline",{points:"15 18 9 12 15 6"})],-1)])],8,_hoisted_7),vue.createElementVNode("button",{class:"nav-btn next-btn",onClick:_,disabled:r.value===y.images.length-1},[...b[3]||(b[3]=[vue.createElementVNode("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[vue.createElementVNode("polyline",{points:"9 18 15 12 9 6"})],-1)])],8,_hoisted_8)]))}};var svga_lite_min={exports:{}};/*!
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const vue=require("vue"),_sfc_main$5=vue.defineComponent({__name:"C1",props:{title:{default:"C1 Component"},primary:{type:Boolean,default:!1}},setup(y){return(g,n)=>(vue.openBlock(),vue.createElementBlock("div",{class:vue.normalizeClass(["c1-container",{"c1-primary":y.primary}])},[vue.renderSlot(g.$slots,"default",{},()=>[vue.createTextVNode(vue.toDisplayString(y.title),1)],!0)],2))}}),_export_sfc=(y,g)=>{const n=y.__vccOpts||y;for(const[t,r]of g)n[t]=r;return n},C1=_export_sfc(_sfc_main$5,[["__scopeId","data-v-e2028f64"]]),_hoisted_1$2={class:"c2-container"},_hoisted_2$2={class:"c2-title"},_hoisted_3$2={class:"c2-content"},_sfc_main$4=vue.defineComponent({__name:"C2",props:{title:{default:"C2 Component"},showButton:{type:Boolean,default:!0},buttonText:{default:"Click Me"}},emits:["click"],setup(y,{emit:g}){const n=g,t=r=>{n("click",r)};return(r,m)=>(vue.openBlock(),vue.createElementBlock("div",_hoisted_1$2,[vue.createElementVNode("h2",_hoisted_2$2,vue.toDisplayString(y.title),1),vue.createElementVNode("div",_hoisted_3$2,[vue.renderSlot(r.$slots,"default",{},void 0,!0)]),y.showButton?(vue.openBlock(),vue.createElementBlock("button",{key:0,class:"c2-button",onClick:t},vue.toDisplayString(y.buttonText),1)):vue.createCommentVNode("",!0)]))}}),C2=_export_sfc(_sfc_main$4,[["__scopeId","data-v-b1d573ae"]]),_hoisted_1$1={key:0},_hoisted_2$1={class:"hbis-date-strip__weekdays"},_hoisted_3$1={class:"hbis-date-strip__dates"},_hoisted_4$1=["onClick"],_hoisted_5$1={class:"hbis-date-strip__date-number"},_hoisted_6$1={class:"hbis-date-strip__date-slot"},_hoisted_7$1={key:1,class:"hbis-date-strip__scroll-wrapper"},_hoisted_8$1={class:"hbis-date-strip__scroll-container"},_hoisted_9={class:"hbis-date-strip__weekdays"},_hoisted_10={class:"hbis-date-strip__dates"},_hoisted_11=["onClick"],_hoisted_12={class:"hbis-date-strip__date-number"},_hoisted_13={class:"hbis-date-strip__date-slot"},_sfc_main$3=vue.defineComponent({__name:"hbis-dateStrip",props:{modelValue:{default:()=>new Date},startDate:{default:()=>new Date},endDate:{default:()=>{const y=new Date;return y.setDate(y.getDate()+30),y}},highlightType:{default:"bg"},showToday:{type:Boolean,default:!0},disablePast:{type:Boolean,default:!1},disableFuture:{type:Boolean,default:!1},selectedColor:{default:"#ffffff"},normalColor:{default:"#666666"},selectedBgColor:{default:"#1890ff"},normalBgColor:{default:"transparent"},scrollable:{type:Boolean,default:!1},visibleDays:{default:7}},emits:["update:modelValue","dateClick"],setup(y,{emit:g}){const n=y,t=g,r=vue.computed(()=>{if(console.log("props:",{startDate:n.startDate,endDate:n.endDate,scrollable:n.scrollable}),n.scrollable)return console.log("显式设置了scrollable为true，允许滚动"),!0;try{const a=new Date(n.startDate);a.setHours(0,0,0,0);const v=new Date(n.endDate);if(v.setHours(0,0,0,0),isNaN(a.getTime())||isNaN(v.getTime()))return console.log("无效的日期对象，使用默认滚动行为"),!1;const e=v.getTime()-a.getTime(),A=Math.ceil(e/(1e3*60*60*24)),d=A+1;return console.log("日期范围天数计算:",{start:a.toLocaleDateString(),end:v.toLocaleDateString(),diffTime:e,diffDays:A,totalDays:d,shouldScroll:d>7}),d>7}catch(a){return console.error("计算日期范围时出错:",a),!1}}),m=[{value:0,label:"日",isWeekend:!0},{value:1,label:"一",isWeekend:!1},{value:2,label:"二",isWeekend:!1},{value:3,label:"三",isWeekend:!1},{value:4,label:"四",isWeekend:!1},{value:5,label:"五",isWeekend:!1},{value:6,label:"六",isWeekend:!0}],h=vue.computed(()=>{const a=s.value[0];if(!a)return m;const v=a.weekday,e=[];for(let A=0;A<7;A++){const d=(v+A)%7;e.push(m[d])}return e}),p=()=>{const a=n.startDate||new Date,v=a.getDay(),e=a.getDate()-(v===0?6:v-1),A=new Date(a);return A.setDate(e),A};vue.ref(p()),vue.onMounted(()=>{console.log("props:",n),console.log("highlightType:",n.highlightType)}),vue.watch(()=>n.highlightType,a=>{console.log("highlightType changed:",a)}),vue.watch(()=>n.modelValue,a=>{console.log("modelValue changed:",a)});const o=vue.computed(()=>{const a=[];try{const v=n.startDate,e=n.endDate;if(isNaN(v.getTime())||isNaN(e.getTime()))return console.log("无效的日期对象，返回空数组"),a;const A=Math.ceil((e.getTime()-v.getTime())/(1e3*60*60*24))+1;for(let d=0;d<A;d++){const w=new Date(v);w.setDate(v.getDate()+d),isNaN(w.getTime())||a.push({date:w,dateString:l(w),day:w.getDate(),month:w.getMonth()+1,year:w.getFullYear(),isWeekend:w.getDay()===0||w.getDay()===6,weekday:w.getDay()})}}catch(v){console.error("生成日期数组时出错:",v)}return a}),s=vue.computed(()=>o.value.filter(a=>!!(a&&a.date&&a.dateString&&!isNaN(a.date.getTime())&&typeof a.dateString=="string"&&typeof a.day=="number"))),l=a=>`${a.getFullYear()}-${String(a.getMonth()+1).padStart(2,"0")}-${String(a.getDate()).padStart(2,"0")}`,i=a=>{const v=a.dateString;return n.modelValue?Array.isArray(n.modelValue)?n.modelValue.some(e=>!e||isNaN(e.getTime())?!1:l(e)===v):isNaN(n.modelValue.getTime())?!1:l(n.modelValue)===v:!1},f=a=>{const v=l(new Date);return a.dateString===v},u=a=>{const v=a.date;return n.disablePast&&v<new Date(new Date().setHours(0,0,0,0))||n.disableFuture&&v>new Date(new Date().setHours(23,59,59,999))?!1:v>=n.startDate&&v<=n.endDate},S=a=>{var v;return((v=m.find(e=>e.value===a))==null?void 0:v.label)||""},k=a=>{u(a)&&(t("dateClick",a),t("update:modelValue",a.date))};return(a,v)=>(vue.openBlock(),vue.createElementBlock("div",{class:vue.normalizeClass(["hbis-date-strip",{"hbis-date-strip--highlight-bg":y.highlightType==="bg","hbis-date-strip--highlight-dot":y.highlightType==="dot","hbis-date-strip--highlight-round":y.highlightType==="round","hbis-date-strip--scrollable":r.value}])},[r.value?(vue.openBlock(),vue.createElementBlock("div",_hoisted_7$1,[vue.createElementVNode("div",_hoisted_8$1,[vue.createElementVNode("div",_hoisted_9,[(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(s.value,e=>(vue.openBlock(),vue.createElementBlock("div",{key:e.dateString+"-weekday",class:vue.normalizeClass(["hbis-date-strip__weekday",{"hbis-date-strip__weekday--weekend":e.isWeekend}])},vue.toDisplayString(S(e.weekday)),3))),128))]),vue.createElementVNode("div",_hoisted_10,[(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(s.value,e=>(vue.openBlock(),vue.createElementBlock("div",{key:e.dateString,class:vue.normalizeClass(["hbis-date-strip__date",{"hbis-date-strip__date--selected":i(e),"hbis-date-strip__date--today":f(e),"hbis-date-strip__date--disabled":!u(e),"hbis-date-strip__date--weekend":e.isWeekend}]),style:vue.normalizeStyle({color:i(e)?y.selectedColor:y.normalColor,backgroundColor:i(e)?y.selectedBgColor:y.normalBgColor}),onClick:A=>k(e)},[vue.createElementVNode("div",_hoisted_12,vue.toDisplayString(e.day),1),vue.createElementVNode("div",_hoisted_13,[vue.renderSlot(a.$slots,"default",{date:e},void 0,!0)])],14,_hoisted_11))),128))])])])):(vue.openBlock(),vue.createElementBlock("div",_hoisted_1$1,[vue.createElementVNode("div",_hoisted_2$1,[(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(h.value,e=>(vue.openBlock(),vue.createElementBlock("div",{key:e.value,class:vue.normalizeClass(["hbis-date-strip__weekday",{"hbis-date-strip__weekday--weekend":e.isWeekend}])},vue.toDisplayString(e.label),3))),128))]),vue.createElementVNode("div",_hoisted_3$1,[(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(s.value,e=>(vue.openBlock(),vue.createElementBlock("div",{key:e.dateString,class:vue.normalizeClass(["hbis-date-strip__date",{"hbis-date-strip__date--selected":i(e),"hbis-date-strip__date--today":f(e),"hbis-date-strip__date--disabled":!u(e),"hbis-date-strip__date--weekend":e.isWeekend}]),style:vue.normalizeStyle({color:i(e)?y.selectedColor:y.normalColor,backgroundColor:i(e)?y.selectedBgColor:y.normalBgColor}),onClick:A=>k(e)},[vue.createElementVNode("div",_hoisted_5$1,vue.toDisplayString(e.day),1),vue.createElementVNode("div",_hoisted_6$1,[vue.renderSlot(a.$slots,"default",{date:e},void 0,!0)])],14,_hoisted_4$1))),128))])]))],2))}}),hbisDateStrip=_export_sfc(_sfc_main$3,[["__scopeId","data-v-2e8258eb"]]),_hoisted_1={class:"image-preview"},_hoisted_2={key:0,class:"counter"},_hoisted_3={class:"counter-text"},_hoisted_4={class:"swiper-container"},_hoisted_5=["onWheel"],_hoisted_6=["src","onLoad"],_hoisted_7=["disabled"],_hoisted_8=["disabled"],_sfc_main$2={__name:"hbis-previewImage",props:{images:{type:Array,required:!0,validator:y=>y.every(g=>typeof g=="string")},initialIndex:{type:Number,default:0},minScale:{type:Number,default:.5},maxScale:{type:Number,default:5},showCloseBtn:{type:Boolean,default:!0},enableSwipe:{type:Boolean,default:!0}},emits:["close","change","update:initialIndex"],setup(y,{emit:g}){const n=y,t=g,r=vue.ref(n.initialIndex),m=vue.ref(null),h=vue.ref(!1),p=vue.ref(!1),o=vue.ref(0),s=vue.ref(0),l=vue.ref(0),i=vue.ref(window.innerWidth),f=vue.ref(window.innerHeight),u=vue.ref(n.images.map(()=>({scale:1,translateX:0,translateY:0,naturalWidth:0,naturalHeight:0,isLoaded:!1}))),S=vue.ref(0),k=vue.ref(0),a=vue.ref(0),v=vue.ref(0),e=vue.ref(0),A=vue.computed(()=>({transform:`translateX(${l.value}px)`,transition:h.value?"none":"transform 0.3s ease"})),d=vue.computed(()=>({width:`${i.value}px`,height:`${f.value}px`}));vue.watch(()=>n.initialIndex,c=>{c!==r.value&&(r.value=c,w())}),vue.onMounted(()=>{const c=()=>{i.value=window.innerWidth,f.value=window.innerHeight,w()};return window.addEventListener("resize",c),c(),()=>{window.removeEventListener("resize",c)}});const w=()=>{l.value=-r.value*i.value},x=()=>{r.value>0&&(r.value--,w(),N(),t("change",r.value),t("update:initialIndex",r.value))},_=()=>{r.value<n.images.length-1&&(r.value++,w(),N(),t("change",r.value),t("update:initialIndex",r.value))},N=()=>{u.value[r.value]={...u.value[r.value],scale:1,translateX:0,translateY:0}},T=c=>{const b=u.value[c];return{transform:`scale(${b.scale}) translate(${b.translateX}px, ${b.translateY}px)`,transition:p.value?"none":"transform 0.1s ease",opacity:b.isLoaded?1:0}},B=c=>{const b=event.target;u.value[c]={...u.value[c],naturalWidth:b.naturalWidth,naturalHeight:b.naturalHeight,isLoaded:!0}},C=c=>{c.target.tagName==="IMG"?(p.value=!0,o.value=c.clientX-u.value[r.value].translateX,s.value=c.clientY-u.value[r.value].translateY):(h.value=!0,o.value=c.clientX-l.value),c.preventDefault()},D=c=>{if(p.value){const b=c.clientX-o.value,O=c.clientY-s.value;u.value[r.value]={...u.value[r.value],translateX:b,translateY:O}}else if(h.value&&n.enableSwipe){const b=c.clientX-o.value;l.value=b}},P=()=>{if(h.value&&n.enableSwipe){const c=i.value*.3;Math.abs(l.value+r.value*i.value)>c?l.value>0?x():_():w()}h.value=!1,p.value=!1},L=c=>{const b=c.touches[0];S.value=b.clientX,k.value=b.clientY,a.value=Date.now()},$=c=>{const b=c.touches[0];v.value=b.clientX,e.value=b.clientY;const O=v.value-S.value,E=e.value-k.value;if(Math.abs(O)>Math.abs(E))c.preventDefault(),h.value=!0,l.value=-r.value*i.value+O;else if(u.value[r.value].scale>1){c.preventDefault(),p.value=!0;const F=O+u.value[r.value].translateX,j=E+u.value[r.value].translateY;u.value[r.value]={...u.value[r.value],translateX:F,translateY:j}}},M=()=>{if(h.value){const c=v.value-S.value,b=Date.now()-a.value,O=i.value*.2,E=Math.abs(c)/b;Math.abs(c)>O||E>.5?c>0?x():_():w()}h.value=!1,p.value=!1},I=(c,b)=>{if(b!==r.value)return;c.preventDefault();const O=c.deltaY>0?-.1:.1,E=c.clientX,F=c.clientY;W(E,F,O)},W=(c,b,O)=>{const E=u.value[r.value],F=Math.max(n.minScale,Math.min(n.maxScale,E.scale+O)),j=event.target.getBoundingClientRect(),V=c-j.left,R=b-j.top,z=F-E.scale,U=E.translateX+(V-E.translateX)*(z/E.scale),H=E.translateY+(R-E.translateY)*(z/E.scale);u.value[r.value]={...E,scale:F,translateX:U,translateY:H}};return(c,b)=>(vue.openBlock(),vue.createElementBlock("div",_hoisted_1,[y.images.length>1?(vue.openBlock(),vue.createElementBlock("div",_hoisted_2,[vue.createElementVNode("span",_hoisted_3,vue.toDisplayString(r.value+1)+"/"+vue.toDisplayString(y.images.length),1)])):vue.createCommentVNode("",!0),y.showCloseBtn?(vue.openBlock(),vue.createElementBlock("button",{key:1,class:"close-btn",onClick:b[0]||(b[0]=O=>t("close"))},[...b[1]||(b[1]=[vue.createElementVNode("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[vue.createElementVNode("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),vue.createElementVNode("line",{x1:"6",y1:"6",x2:"18",y2:"18"})],-1)])])):vue.createCommentVNode("",!0),vue.createElementVNode("div",_hoisted_4,[vue.createElementVNode("div",{class:"swiper-wrapper",ref_key:"swiperWrapper",ref:m,style:vue.normalizeStyle(A.value),onTouchstart:L,onTouchmove:$,onTouchend:M,onMousedown:C,onMousemove:D,onMouseup:P,onMouseleave:P},[(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(y.images,(O,E)=>(vue.openBlock(),vue.createElementBlock("div",{key:E,class:"swiper-slide",style:vue.normalizeStyle(d.value)},[vue.createElementVNode("div",{class:"image-container",onWheel:F=>I(F,E)},[vue.createElementVNode("img",{src:O,alt:"Preview image",class:"preview-image",style:vue.normalizeStyle(T(E)),onLoad:F=>B(E),loading:"lazy"},null,44,_hoisted_6)],40,_hoisted_5)],4))),128))],36)]),vue.createElementVNode("button",{class:"nav-btn prev-btn",onClick:x,disabled:r.value===0},[...b[2]||(b[2]=[vue.createElementVNode("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[vue.createElementVNode("polyline",{points:"15 18 9 12 15 6"})],-1)])],8,_hoisted_7),vue.createElementVNode("button",{class:"nav-btn next-btn",onClick:_,disabled:r.value===y.images.length-1},[...b[3]||(b[3]=[vue.createElementVNode("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[vue.createElementVNode("polyline",{points:"9 18 15 12 9 6"})],-1)])],8,_hoisted_8)]))}};var svga_lite_min={exports:{}};/*!
|
|
2
2
|
* svga.lite
|
|
3
3
|
*
|
|
4
4
|
* Version: 1.6.1
|
|
@@ -9,5 +9,5 @@
|
|
|
9
9
|
/** @license zlib.js 2012 - imaya [ https://github.com/imaya/zlib.js ] The MIT License */
|
|
10
10
|
(function(){"use strict";var t=void 0,e=this;function r(r,i){var s,n=r.split("."),o=e;!(n[0]in o)&&o.execScript&&o.execScript("var "+n[0]);for(;n.length&&(s=n.shift());)n.length||i===t?o=o[s]?o[s]:o[s]={}:o[s]=i}var i="undefined"!=typeof Uint8Array&&"undefined"!=typeof Uint16Array&&"undefined"!=typeof Uint32Array&&"undefined"!=typeof DataView;function s(t){var e,r,s,n,o,a,f,h,l,u,p=t.length,d=0,c=Number.POSITIVE_INFINITY;for(h=0;h<p;++h)t[h]>d&&(d=t[h]),t[h]<c&&(c=t[h]);for(e=1<<d,r=new(i?Uint32Array:Array)(e),s=1,n=0,o=2;s<=d;){for(h=0;h<p;++h)if(t[h]===s){for(a=0,f=n,l=0;l<s;++l)a=a<<1|1&f,f>>=1;for(u=s<<16|h,l=a;l<e;l+=o)r[l]=u;++n}++s,n<<=1,o<<=1}return[r,d,c]}function n(t,e){switch(this.g=[],this.h=32768,this.d=this.f=this.a=this.l=0,this.input=i?new Uint8Array(t):t,this.m=!1,this.i=a,this.r=!1,!e&&(e={})||(e.index&&(this.a=e.index),e.bufferSize&&(this.h=e.bufferSize),e.bufferType&&(this.i=e.bufferType),e.resize&&(this.r=e.resize)),this.i){case o:this.b=32768,this.c=new(i?Uint8Array:Array)(32768+this.h+258);break;case a:this.b=0,this.c=new(i?Uint8Array:Array)(this.h),this.e=this.z,this.n=this.v,this.j=this.w;break;default:throw Error("invalid inflate mode")}}var o=0,a=1,f={t:o,s:a};n.prototype.k=function(){for(;!this.m;){var e=S(this,3);switch(1&e&&(this.m=!0),e>>>=1){case 0:var r=this.input,n=this.a,f=this.c,h=this.b,l=r.length,u=t,d=f.length,c=t;if(this.d=this.f=0,n+1>=l)throw Error("invalid uncompressed block header: LEN");if(u=r[n++]|r[n++]<<8,n+1>=l)throw Error("invalid uncompressed block header: NLEN");if(u===~(r[n++]|r[n++]<<8))throw Error("invalid uncompressed block header: length verify");if(n+u>r.length)throw Error("input buffer is broken");switch(this.i){case o:for(;h+u>f.length;){if(u-=c=d-h,i)f.set(r.subarray(n,n+c),h),h+=c,n+=c;else for(;c--;)f[h++]=r[n++];this.b=h,f=this.e(),h=this.b}break;case a:for(;h+u>f.length;)f=this.e({p:2});break;default:throw Error("invalid inflate mode")}if(i)f.set(r.subarray(n,n+u),h),h+=u,n+=u;else for(;u--;)f[h++]=r[n++];this.a=n,this.b=h,this.c=f;break;case 1:this.j(_,x);break;case 2:var y,v,m,b,g=S(this,5)+257,A=S(this,5)+1,w=S(this,4)+4,k=new(i?Uint8Array:Array)(p.length),O=t,E=t,T=t,N=t,I=t;for(I=0;I<w;++I)k[p[I]]=S(this,3);if(!i)for(I=w,w=k.length;I<w;++I)k[p[I]]=0;for(y=s(k),O=new(i?Uint8Array:Array)(g+A),I=0,b=g+A;I<b;)switch(E=j(this,y),E){case 16:for(N=3+S(this,2);N--;)O[I++]=T;break;case 17:for(N=3+S(this,3);N--;)O[I++]=0;T=0;break;case 18:for(N=11+S(this,7);N--;)O[I++]=0;T=0;break;default:T=O[I++]=E}v=s(i?O.subarray(0,g):O.slice(0,g)),m=s(i?O.subarray(g):O.slice(g)),this.j(v,m);break;default:throw Error("unknown BTYPE: "+e)}}return this.n()};var h,l,u=[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],p=i?new Uint16Array(u):u,d=[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,258,258],c=i?new Uint16Array(d):d,y=[0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0,0,0],v=i?new Uint8Array(y):y,m=[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577],b=i?new Uint16Array(m):m,g=[0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13],A=i?new Uint8Array(g):g,w=new(i?Uint8Array:Array)(288);for(h=0,l=w.length;h<l;++h)w[h]=143>=h?8:255>=h?9:279>=h?7:8;var k,O,_=s(w),E=new(i?Uint8Array:Array)(30);for(k=0,O=E.length;k<O;++k)E[k]=5;var x=s(E);function S(t,e){for(var r,i=t.f,s=t.d,n=t.input,o=t.a,a=n.length;s<e;){if(o>=a)throw Error("input buffer is broken");i|=n[o++]<<s,s+=8}return r=i&(1<<e)-1,t.f=i>>>e,t.d=s-e,t.a=o,r}function j(t,e){for(var r,i,s=t.f,n=t.d,o=t.input,a=t.a,f=o.length,h=e[0],l=e[1];n<l&&!(a>=f);)s|=o[a++]<<n,n+=8;if((i=(r=h[s&(1<<l)-1])>>>16)>n)throw Error("invalid code length: "+i);return t.f=s>>i,t.d=n-i,t.a=a,65535&r}function T(t,e){var r,i;switch(this.input=t,this.a=0,!e&&(e={})||(e.index&&(this.a=e.index),e.verify&&(this.A=e.verify)),r=t[this.a++],i=t[this.a++],15&r){case N:this.method=N;break;default:throw Error("unsupported compression method")}if(0!=((r<<8)+i)%31)throw Error("invalid fcheck flag:"+((r<<8)+i)%31);if(32&i)throw Error("fdict flag is not supported");this.q=new n(t,{index:this.a,bufferSize:e.bufferSize,bufferType:e.bufferType,resize:e.resize})}n.prototype.j=function(t,e){var r=this.c,i=this.b;this.o=t;for(var s,n,o,a,f=r.length-258;256!==(s=j(this,t));)if(256>s)i>=f&&(this.b=i,r=this.e(),i=this.b),r[i++]=s;else for(a=c[n=s-257],0<v[n]&&(a+=S(this,v[n])),s=j(this,e),o=b[s],0<A[s]&&(o+=S(this,A[s])),i>=f&&(this.b=i,r=this.e(),i=this.b);a--;)r[i]=r[i++-o];for(;8<=this.d;)this.d-=8,this.a--;this.b=i},n.prototype.w=function(t,e){var r=this.c,i=this.b;this.o=t;for(var s,n,o,a,f=r.length;256!==(s=j(this,t));)if(256>s)i>=f&&(f=(r=this.e()).length),r[i++]=s;else for(a=c[n=s-257],0<v[n]&&(a+=S(this,v[n])),s=j(this,e),o=b[s],0<A[s]&&(o+=S(this,A[s])),i+a>f&&(f=(r=this.e()).length);a--;)r[i]=r[i++-o];for(;8<=this.d;)this.d-=8,this.a--;this.b=i},n.prototype.e=function(){var t,e,r=new(i?Uint8Array:Array)(this.b-32768),s=this.b-32768,n=this.c;if(i)r.set(n.subarray(32768,r.length));else for(t=0,e=r.length;t<e;++t)r[t]=n[t+32768];if(this.g.push(r),this.l+=r.length,i)n.set(n.subarray(s,s+32768));else for(t=0;32768>t;++t)n[t]=n[s+t];return this.b=32768,n},n.prototype.z=function(t){var e,r,s,n=this.input.length/this.a+1|0,o=this.input,a=this.c;return t&&("number"==typeof t.p&&(n=t.p),"number"==typeof t.u&&(n+=t.u)),2>n?r=(s=(o.length-this.a)/this.o[2]/2*258|0)<a.length?a.length+s:a.length<<1:r=a.length*n,i?(e=new Uint8Array(r)).set(a):e=a,this.c=e},n.prototype.n=function(){var t,e,r,s,n,o=0,a=this.c,f=this.g,h=new(i?Uint8Array:Array)(this.l+(this.b-32768));if(0===f.length)return i?this.c.subarray(32768,this.b):this.c.slice(32768,this.b);for(e=0,r=f.length;e<r;++e)for(s=0,n=(t=f[e]).length;s<n;++s)h[o++]=t[s];for(e=32768,r=this.b;e<r;++e)h[o++]=a[e];return this.g=[],this.buffer=h},n.prototype.v=function(){var t,e=this.b;return i?this.r?(t=new Uint8Array(e)).set(this.c.subarray(0,e)):t=this.c.subarray(0,e):(this.c.length>e&&(this.c.length=e),t=this.c),this.buffer=t},T.prototype.k=function(){var t,e,r=this.input;if(t=this.q.k(),this.a=this.q.a,this.A){e=(r[this.a++]<<24|r[this.a++]<<16|r[this.a++]<<8|r[this.a++])>>>0;var i=t;if("string"==typeof i){var s,n,o=i.split("");for(s=0,n=o.length;s<n;s++)o[s]=(255&o[s].charCodeAt(0))>>>0;i=o}for(var a,f=1,h=0,l=i.length,u=0;0<l;){l-=a=1024<l?1024:l;do{h+=f+=i[u++]}while(--a);f%=65521,h%=65521}if(e!==(h<<16|f)>>>0)throw Error("invalid adler-32 checksum")}return t};var N=8;r("Zlib.Inflate",T),r("Zlib.Inflate.prototype.decompress",T.prototype.k);var I,B,F,D,M={ADAPTIVE:f.s,BLOCK:f.t};if(Object.keys)I=Object.keys(M);else for(B in I=[],F=0,M)I[F++]=B;for(F=0,D=I.length;F<D;++F)r("Zlib.Inflate.BufferType."+(B=I[F]),M[B])}).call(this)},function(t,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t){for(var e=[],r=0;r<t.length;r+=32768)e.push(String.fromCharCode.apply(null,t.subarray(r,r+32768)));return e.join("")}},function(t,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=r(27),s=function(t,e){this.videoSize={width:0,height:0},this.images={},this.dynamicElements={},this.sprites=[],this.version=t.version,this.videoSize.width=t.params.viewBoxWidth||0,this.videoSize.height=t.params.viewBoxHeight||0,this.FPS=t.params.fps||20,this.frames=t.params.frames||0,t.sprites instanceof Array&&(this.sprites=t.sprites.map(function(t){return new i.default(t)})),e&&(this.images=e)};e.default=s},function(t,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=r(28),s=function(t){this.frames=[],this.imageKey=t.imageKey,t.frames&&(this.frames=t.frames.map(function(t){return new i.default(t)}))};e.default=s},function(t,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=r(29),s=function(t,e,r,i,s,n){return{a:t,b:e,c:r,d:i,tx:s,ty:n}},n=function(t,e,r,i){return{x:t,y:e,width:r,height:i}},o=function(){function t(e){this.alpha=0,this.transform=s(1,0,0,1,0,0),this.nx=0,this.ny=0,this.layout=n(0,0,0,0),this.shapes=[],this.alpha=parseFloat(e.alpha)||0,e.layout&&(this.layout=n(parseFloat(e.layout.x)||0,parseFloat(e.layout.y)||0,parseFloat(e.layout.width)||0,parseFloat(e.layout.height)||0)),e.transform&&(this.transform=s(parseFloat(e.transform.a)||1,parseFloat(e.transform.b)||0,parseFloat(e.transform.c)||0,parseFloat(e.transform.d)||1,parseFloat(e.transform.tx)||0,parseFloat(e.transform.ty)||0)),e.clipPath&&e.clipPath.length>0&&(this.maskPath=new i.default(e.clipPath,void 0,{fill:"#000000"})),e.shapes&&(e.shapes instanceof Array&&e.shapes.forEach(function(t){switch(t.pathArgs=t.args,t.type){case 0:t.type="shape",t.pathArgs=t.shape;break;case 1:t.type="rect",t.pathArgs=t.rect;break;case 2:t.type="ellipse",t.pathArgs=t.ellipse;break;case 3:t.type="keep"}if(t.styles){t.styles.fill&&("number"==typeof t.styles.fill.r&&(t.styles.fill[0]=t.styles.fill.r),"number"==typeof t.styles.fill.g&&(t.styles.fill[1]=t.styles.fill.g),"number"==typeof t.styles.fill.b&&(t.styles.fill[2]=t.styles.fill.b),"number"==typeof t.styles.fill.a&&(t.styles.fill[3]=t.styles.fill.a)),t.styles.stroke&&("number"==typeof t.styles.stroke.r&&(t.styles.stroke[0]=t.styles.stroke.r),"number"==typeof t.styles.stroke.g&&(t.styles.stroke[1]=t.styles.stroke.g),"number"==typeof t.styles.stroke.b&&(t.styles.stroke[2]=t.styles.stroke.b),"number"==typeof t.styles.stroke.a&&(t.styles.stroke[3]=t.styles.stroke.a));var e=t.styles.lineDash||[];switch(t.styles.lineDashI>0&&e.push(t.styles.lineDashI),t.styles.lineDashII>0&&(e.length<1&&e.push(0),e.push(t.styles.lineDashII),e.push(0)),t.styles.lineDashIII>0&&(e.length<2&&(e.push(0),e.push(0)),e[2]=t.styles.lineDashIII),t.styles.lineDash=e,t.styles.lineJoin){case 0:t.styles.lineJoin="miter";break;case 1:t.styles.lineJoin="round";break;case 2:t.styles.lineJoin="bevel"}switch(t.styles.lineCap){case 0:t.styles.lineCap="butt";break;case 1:t.styles.lineCap="round";break;case 2:t.styles.lineCap="square"}}}),e.shapes[0]&&"keep"===e.shapes[0].type?this.shapes=t.lastShapes:(t.lastShapes=e.shapes,this.shapes=e.shapes));var r=this.transform.a*this.layout.x+this.transform.c*this.layout.y+this.transform.tx,o=this.transform.a*(this.layout.x+this.layout.width)+this.transform.c*this.layout.y+this.transform.tx,a=this.transform.a*this.layout.x+this.transform.c*(this.layout.y+this.layout.height)+this.transform.tx,f=this.transform.a*(this.layout.x+this.layout.width)+this.transform.c*(this.layout.y+this.layout.height)+this.transform.tx,h=this.transform.b*this.layout.x+this.transform.d*this.layout.y+this.transform.ty,l=this.transform.b*(this.layout.x+this.layout.width)+this.transform.d*this.layout.y+this.transform.ty,u=this.transform.b*this.layout.x+this.transform.d*(this.layout.y+this.layout.height)+this.transform.ty,p=this.transform.b*(this.layout.x+this.layout.width)+this.transform.d*(this.layout.y+this.layout.height)+this.transform.ty;this.nx=Math.min(Math.min(a,f),Math.min(r,o)),this.ny=Math.min(Math.min(u,p),Math.min(h,l))}return t.lastShapes="",t}();e.default=o},function(t,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t,e,r){this._d=t,this._transform=e,this._styles=r};e.default=i}]);`,Parser=function(){function Parser(_a){var disableWorker=(_a===void 0?{disableWorker:!1}:_a).disableWorker;disableWorker?(eval(WORKER),this.worker=window.SVGAParserMockWorker):this.worker=new Worker(window.URL.createObjectURL(new Blob([WORKER])))}return Parser.prototype.do=function(y){var g=this,n=new Uint8Array(y,0,4);if(n[0]==80&&n[1]==75&&n[2]==3&&n[3]==4)throw"this parser not support version@1.x of svga.";if(!y)throw new Error("Parser Data not found");if(!this.worker)throw new Error("Parser Worker not found");return new Promise(function(t,r){var m;g.worker.disableWorker?((m=g.worker).onmessageCallback=function(h){t(h)},m.onmessage({data:y})):((m=g.worker).postMessage(y),m.onmessage=function(h){var p=h.data;t(p)})})},Parser.prototype.destroy=function(){var y=this.worker;y.terminate&&y.terminate()},Parser}();exports$1.default=Parser},function(y,g,n){Object.defineProperty(g,"__esModule",{value:!0});var t,r,m,h=n(5),p=n(9);(function(l){l.START="start",l.RESUME="resume",l.PROCESS="process",l.PAUSE="pause",l.STOP="stop",l.END="end",l.CLEAR="clear"})(t||(t={})),function(l){l.FORWARDS="forwards",l.BACKWARDS="backwards"}(r||(r={})),function(l){l.FORWARDS="forwards",l.FALLBACKS="fallbacks"}(m||(m={}));var o=typeof window<"u"&&"IntersectionObserver"in window,s=function(){function l(i,f,u){if(this.videoItem=f,this.loop=!0,this.fillMode=r.FORWARDS,this.playMode=m.FORWARDS,this.progress=0,this.currentFrame=0,this.totalFramesCount=0,this.startFrame=0,this.endFrame=0,this.cacheFrames=!1,this.intersectionObserverRender=!1,this.intersectionObserverRenderShow=!0,this._intersectionObserver=null,this.$onEvent={start:function(){},resume:function(){},process:function(){},pause:function(){},stop:function(){},end:function(){},clear:function(){}},this.container=typeof i=="string"?document.body.querySelector(i):i,!this.container)throw new Error("container undefined.");if(!this.container.getContext)throw new Error("container should be HTMLCanvasElement.");this._renderer=new h.default(this),this._animator=new p.default,this.videoItem&&this.mount(f),u&&this.set(u)}return l.prototype.set=function(i){var f=this;i.loop!==void 0&&(this.loop=i.loop),i.fillMode&&(this.fillMode=i.fillMode),i.playMode&&(this.playMode=i.playMode),i.cacheFrames!==void 0&&(this.cacheFrames=i.cacheFrames),this.startFrame=i.startFrame?i.startFrame:this.startFrame,this.endFrame=i.endFrame?i.endFrame:this.endFrame,i.intersectionObserverRender!==void 0&&(this.intersectionObserverRender=i.intersectionObserverRender),o&&this.intersectionObserverRender?(this._intersectionObserver=new IntersectionObserver(function(u){u[0].intersectionRatio<=0?f.intersectionObserverRenderShow&&(f.intersectionObserverRenderShow=!1):!f.intersectionObserverRenderShow&&(f.intersectionObserverRenderShow=!0)},{rootMargin:"0px",threshold:[0,.5,1]}),this._intersectionObserver.observe(this.container)):(this._intersectionObserver&&this._intersectionObserver.disconnect(),this.intersectionObserverRender=!1,this.intersectionObserverRenderShow=!0),this._animator.noExecutionDelay=i.noExecutionDelay},l.prototype.mount=function(i){var f=this;return new Promise(function(u,S){f.currentFrame=0,f.progress=0,f.totalFramesCount=i.frames-1,f.videoItem=i,f._renderer.prepare().then(u),f._renderer.clear(),f._setSize()})},l.prototype.start=function(){if(!this.videoItem)throw new Error("video item undefined.");this._renderer.clear(),this._startAnimation(),this.$onEvent.start()},l.prototype.resume=function(){if(!this.videoItem)throw new Error("video item undefined.");this._startAnimation(),this.$onEvent.resume()},l.prototype.pause=function(){this._animator&&this._animator.stop(),this.$onEvent.pause()},l.prototype.stop=function(){this._animator&&this._animator.stop(),this.currentFrame=0,this._renderer.drawFrame(this.currentFrame),this.$onEvent.stop()},l.prototype.clear=function(){this._animator&&this._animator.stop(),this._renderer.clear(),this.$onEvent.clear()},l.prototype.destroy=function(){this._animator&&this._animator.stop(),this._renderer.clear(),this._animator=null,this._renderer=null,this.videoItem=null},l.prototype.$on=function(i,f){var u=this;return this.$onEvent[i]=f,i==="end"&&(this._animator.onEnd=function(){return u.$onEvent.end()}),this},l.prototype._startAnimation=function(){var i=this,f=this,u=f.playMode,S=f.totalFramesCount,k=f.startFrame,a=f.endFrame,v=f.videoItem;this.currentFrame===S&&(this.currentFrame=k||0),this._animator.startValue=u==="fallbacks"?a||S:k||0,this._animator.endValue=u==="fallbacks"?k||0:a||S;var e=v.frames;a>0&&a>k?e=a-k:a<=0&&k>0&&(e=v.frames-k),this._animator.duration=e*(1/v.FPS)*1e3,this._animator.loop=this.loop===!0||this.loop<=0?1/0:this.loop===!1?1:this.loop,this._animator.fillRule=this.fillMode==="backwards"?1:0,this._animator.onUpdate=function(A){A=Math.floor(A),i.currentFrame!==A&&(i.currentFrame=A,i.progress=parseFloat((A+1).toString())/parseFloat(v.frames.toString())*100,i._renderer.drawFrame(i.currentFrame),i.$onEvent.process())},this._animator.start(this.currentFrame)},l.prototype._setSize=function(){var i=this.videoItem.videoSize;this.container.width=i.width,this.container.height=i.height},l}();g.default=s},function(y,g,n){Object.defineProperty(g,"__esModule",{value:!0});var t=n(6),r=function(){function m(h){this._bitmapCache={},this._dynamicElements={},this._frames={},this._player=h;var p=this._player.container;this._ofsCanvas=window.OffscreenCanvas?new window.OffscreenCanvas(p.width,p.height):document.createElement("canvas")}return m.prototype.prepare=function(){var h=this;return new Promise(function(p,o){if(h._bitmapCache={},h._player.videoItem.images&&Object.keys(h._player.videoItem.images).length!=0){h._player.videoItem.dynamicElements&&(h._dynamicElements=h._player.videoItem.dynamicElements);var s=0,l=0;for(var i in h._player.videoItem.images){var f=h._player.videoItem.images[i];if(typeof f!="string"||f.indexOf("iVBO")!==0&&f.indexOf("/9j/2w")!==0)h._bitmapCache[i]=f;else{s++;var u=document.createElement("img");u.src="data:image/png;base64,"+f,h._bitmapCache[i]=u,u.onload=function(){++l===s&&p()}}}}else p()})},m.prototype.clear=function(){this._player.container.width=this._player.container.width},m.prototype.drawFrame=function(h){var p=this._player;if(!p.intersectionObserverRender||p.intersectionObserverRenderShow){this.clear();var o=p.container.getContext("2d");if(this._player.cacheFrames&&this._frames[h]){var s=this._frames[h];o.drawImage(s,0,0,s.width,s.height,0,0,s.width,s.height)}else{var l=this._ofsCanvas;if(l.width=this._player.container.width,l.height=this._player.container.height,t.default(l,this._bitmapCache,this._dynamicElements,this._player.videoItem,this._player.currentFrame),o.drawImage(l,0,0,l.width,l.height,0,0,l.width,l.height),this._player.cacheFrames)if("toDataURL"in l){var i=l.toDataURL(),f=new Image;f.src=i,this._frames[h]=f}else this._frames[h]=l.transferToImageBitmap()}}},m}();g.default=r},function(y,g,n){Object.defineProperty(g,"__esModule",{value:!0}),g.default=void 0;var t=h(n(0)),r=h(n(7)),m=h(n(8));function h(i){return i&&i.__esModule?i:{default:i}}var p="MLHVCSQRZmlhvcsqrz";function o(i,f){var u=f._styles;u!==void 0&&(u&&u.stroke?i.strokeStyle="rgba(".concat(parseInt((255*u.stroke[0]).toString()),", ").concat(parseInt((255*u.stroke[1]).toString()),", ").concat(parseInt((255*u.stroke[2]).toString()),", ").concat(u.stroke[3],")"):i.strokeStyle="transparent",u&&(i.lineWidth=u.strokeWidth||void 0,i.lineCap=u.lineCap||void 0,i.lineJoin=u.lineJoin||void 0,i.miterLimit=u.miterLimit||void 0),u&&u.fill?i.fillStyle="rgba(".concat(parseInt((255*u.fill[0]).toString()),", ").concat(parseInt((255*u.fill[1]).toString()),", ").concat(parseInt((255*u.fill[2]).toString()),", ").concat(u.fill[3],")"):i.fillStyle="transparent",u&&u.lineDash&&i.setLineDash(u.lineDash))}function s(i,f){i.save(),o(i,f),f._transform!==void 0&&f._transform!==null&&i.transform(f._transform.a||1,f._transform.b||0,f._transform.c||0,f._transform.d||1,f._transform.tx||0,f._transform.ty||0);var u={x:0,y:0,x1:0,y1:0,x2:0,y2:0};i.beginPath(),f._d.replace(/([a-zA-Z])/g,"|||$1 ").replace(/,/g," ").split("|||").forEach(function(S){if(S.length!=0){var k=S.substr(0,1);if(p.indexOf(k)>=0){var a=S.substr(1).trim().split(" ");(function(v,e,A,d){switch(A){case"M":e.x=Number(d[0]),e.y=Number(d[1]),v.moveTo(e.x,e.y);break;case"m":e.x+=Number(d[0]),e.y+=Number(d[1]),v.moveTo(e.x,e.y);break;case"L":e.x=Number(d[0]),e.y=Number(d[1]),v.lineTo(e.x,e.y);break;case"l":e.x+=Number(d[0]),e.y+=Number(d[1]),v.lineTo(e.x,e.y);break;case"H":e.x=Number(d[0]),v.lineTo(e.x,e.y);break;case"h":e.x+=Number(d[0]),v.lineTo(e.x,e.y);break;case"V":e.y=Number(d[0]),v.lineTo(e.x,e.y);break;case"v":e.y+=Number(d[0]),v.lineTo(e.x,e.y);break;case"C":e.x1=Number(d[0]),e.y1=Number(d[1]),e.x2=Number(d[2]),e.y2=Number(d[3]),e.x=Number(d[4]),e.y=Number(d[5]),v.bezierCurveTo(e.x1,e.y1,e.x2,e.y2,e.x,e.y);break;case"c":e.x1=e.x+Number(d[0]),e.y1=e.y+Number(d[1]),e.x2=e.x+Number(d[2]),e.y2=e.y+Number(d[3]),e.x+=Number(d[4]),e.y+=Number(d[5]),v.bezierCurveTo(e.x1,e.y1,e.x2,e.y2,e.x,e.y);break;case"S":e.x1&&e.y1&&e.x2&&e.y2?(e.x1=e.x-e.x2+e.x,e.y1=e.y-e.y2+e.y,e.x2=Number(d[0]),e.y2=Number(d[1]),e.x=Number(d[2]),e.y=Number(d[3]),v.bezierCurveTo(e.x1,e.y1,e.x2,e.y2,e.x,e.y)):(e.x1=Number(d[0]),e.y1=Number(d[1]),e.x=Number(d[2]),e.y=Number(d[3]),v.quadraticCurveTo(e.x1,e.y1,e.x,e.y));break;case"s":e.x1&&e.y1&&e.x2&&e.y2?(e.x1=e.x-e.x2+e.x,e.y1=e.y-e.y2+e.y,e.x2=e.x+Number(d[0]),e.y2=e.y+Number(d[1]),e.x+=Number(d[2]),e.y+=Number(d[3]),v.bezierCurveTo(e.x1,e.y1,e.x2,e.y2,e.x,e.y)):(e.x1=e.x+Number(d[0]),e.y1=e.y+Number(d[1]),e.x+=Number(d[2]),e.y+=Number(d[3]),v.quadraticCurveTo(e.x1,e.y1,e.x,e.y));break;case"Q":e.x1=Number(d[0]),e.y1=Number(d[1]),e.x=Number(d[2]),e.y=Number(d[3]),v.quadraticCurveTo(e.x1,e.y1,e.x,e.y);break;case"q":e.x1=e.x+Number(d[0]),e.y1=e.y+Number(d[1]),e.x+=Number(d[2]),e.y+=Number(d[3]),v.quadraticCurveTo(e.x1,e.y1,e.x,e.y);break;case"A":case"a":break;case"Z":case"z":v.closePath()}})(i,u,k,a)}}}),f._styles&&f._styles.fill?i.fill():f._styles&&f._styles.stroke&&i.stroke(),i.restore()}var l=function(i,f,u,S,k){var a=i.getContext("2d");return S.sprites.forEach(function(v){var e=v.frames[k];if(!(e.alpha<.05)){a.save(),a.globalAlpha=e.alpha,a.transform(e.transform.a||1,e.transform.b||0,e.transform.c||0,e.transform.d||1,e.transform.tx||0,e.transform.ty||0);var A=f[v.imageKey];A&&(e.maskPath!==void 0&&e.maskPath!==null&&(e.maskPath._styles=void 0,s(a,e.maskPath),a.clip()),a.drawImage(A,0,0));var d=u[v.imageKey];d&&a.drawImage(d,(e.layout.width-d.width)/2,(e.layout.height-d.height)/2),e.shapes&&e.shapes.forEach(function(w){w.type==="shape"&&w.pathArgs&&w.pathArgs.d?s(a,new t.default(w.pathArgs.d,w.transform,w.styles)):w.type==="ellipse"&&w.pathArgs?function(x,_){x.save(),o(x,_),_._transform!==void 0&&_._transform!==null&&x.transform(_._transform.a||1,_._transform.b||0,_._transform.c||0,_._transform.d||1,_._transform.tx||0,_._transform.ty||0);var N=_._x-_._radiusX,T=_._y-_._radiusY,B=2*_._radiusX,C=2*_._radiusY,D=B/2*.5522848,P=C/2*.5522848,L=N+B,$=T+C,M=N+B/2,I=T+C/2;x.beginPath(),x.moveTo(N,I),x.bezierCurveTo(N,I-P,M-D,T,M,T),x.bezierCurveTo(M+D,T,L,I-P,L,I),x.bezierCurveTo(L,I+P,M+D,$,M,$),x.bezierCurveTo(M-D,$,N,I+P,N,I),_._styles&&_._styles.fill?x.fill():_._styles&&_._styles.stroke&&x.stroke(),x.restore()}(a,new r.default(parseFloat(w.pathArgs.x)||0,parseFloat(w.pathArgs.y)||0,parseFloat(w.pathArgs.radiusX)||0,parseFloat(w.pathArgs.radiusY)||0,w.transform,w.styles)):w.type==="rect"&&w.pathArgs&&function(x,_){x.save(),o(x,_),_._transform!==void 0&&_._transform!==null&&x.transform(_._transform.a||1,_._transform.b||0,_._transform.c||0,_._transform.d||1,_._transform.tx||0,_._transform.ty||0);var N=_._x,T=_._y,B=_._width,C=_._height,D=_._cornerRadius;B<2*D&&(D=B/2),C<2*D&&(D=C/2),x.beginPath(),x.moveTo(N+D,T),x.arcTo(N+B,T,N+B,T+C,D),x.arcTo(N+B,T+C,N,T+C,D),x.arcTo(N,T+C,N,T,D),x.arcTo(N,T,N+B,T,D),x.closePath(),_._styles&&_._styles.fill?x.fill():_._styles&&_._styles.stroke&&x.stroke(),x.restore()}(a,new m.default(parseFloat(w.pathArgs.x)||0,parseFloat(w.pathArgs.y)||0,parseFloat(w.pathArgs.width)||0,parseFloat(w.pathArgs.height)||0,parseFloat(w.pathArgs.cornerRadius)||0,w.transform,w.styles))}),a.restore()}}),i};g.default=l},function(y,g,n){var t,r=(t=function(h,p){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(o,s){o.__proto__=s}||function(o,s){for(var l in s)Object.prototype.hasOwnProperty.call(s,l)&&(o[l]=s[l])})(h,p)},function(h,p){function o(){this.constructor=h}t(h,p),h.prototype=p===null?Object.create(p):(o.prototype=p.prototype,new o)});Object.defineProperty(g,"__esModule",{value:!0});var m=function(h){function p(o,s,l,i,f,u){var S=h.call(this)||this;return S._x=o,S._y=s,S._radiusX=l,S._radiusY=i,S._transform=f,S._styles=u,S}return r(p,h),p}(n(0).default);g.default=m},function(y,g,n){var t,r=(t=function(h,p){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(o,s){o.__proto__=s}||function(o,s){for(var l in s)Object.prototype.hasOwnProperty.call(s,l)&&(o[l]=s[l])})(h,p)},function(h,p){function o(){this.constructor=h}t(h,p),h.prototype=p===null?Object.create(p):(o.prototype=p.prototype,new o)});Object.defineProperty(g,"__esModule",{value:!0});var m=function(h){function p(o,s,l,i,f,u,S){var k=h.call(this)||this;return k._x=o,k._y=s,k._width=l,k._height=i,k._cornerRadius=f,k._transform=u,k._styles=S,k}return r(p,h),p}(n(0).default);g.default=m},function(y,g,n){Object.defineProperty(g,"__esModule",{value:!0});var t=function(){function r(){this._currentTimeMillsecond=function(){return typeof performance>"u"?new Date().getTime():performance.now()},this.noExecutionDelay=!1,this.startValue=0,this.endValue=0,this.duration=0,this.loop=1,this.fillRule=0,this.onStart=function(){},this.onUpdate=function(){},this.onEnd=function(){},this._isRunning=!1,this._mStartTime=0,this._currentFrication=0,this._worker=null}return r.prototype.start=function(m){this.doStart(m)},r.prototype.stop=function(){this._doStop()},Object.defineProperty(r.prototype,"animatedValue",{get:function(){return(this.endValue-this.startValue)*this._currentFrication+this.startValue},enumerable:!1,configurable:!0}),r.prototype.doStart=function(m){this._isRunning=!0,this._mStartTime=this._currentTimeMillsecond(),m&&(this._mStartTime-=m/(this.endValue-this.startValue)*this.duration),this._currentFrication=0,this.noExecutionDelay&&this._worker===null&&(this._worker=new Worker(window.URL.createObjectURL(new Blob([`onmessage = function () {
|
|
11
11
|
setTimeout(function() {postMessage(null)}, 1 / 60)
|
|
12
|
-
}`])))),this.onStart(),this._doFrame()},r.prototype._doStop=function(){this._isRunning=!1,this._worker!==null&&(this._worker.terminate(),this._worker=null)},r.prototype._doFrame=function(){this._isRunning&&(this._doDeltaTime(this._currentTimeMillsecond()-this._mStartTime),this._isRunning&&(this._worker?(this._worker.onmessage=this._doFrame.bind(this),this._worker.postMessage(null)):window.requestAnimationFrame(this._doFrame.bind(this))))},r.prototype._doDeltaTime=function(m){m>=this.duration*this.loop?(this._currentFrication=this.fillRule===1?0:1,this._isRunning=!1):this._currentFrication=m%this.duration/this.duration,this.onUpdate(this.animatedValue),this._isRunning===!1&&(this._worker!==null&&(this._worker.terminate(),this._worker=null),this.onEnd())},r}();g.default=t}]).default})})(svga_lite_min);var svga_lite_minExports=svga_lite_min.exports;const _sfc_main$1={__name:"hbis-svgaPlayer",props:{src:{type:String,required:!0},autoplay:{type:Boolean,default:!0},loop:{type:Boolean,default:!0},progress:{type:Number,default:0},speed:{type:Number,default:1},width:{type:[Number,String],default:"100%"},height:{type:[Number,String],default:"100%"}},emits:["loaded","play","pause","ended","progress","error"],setup(y,{expose:g,emit:n}){vue.useCssVars(e=>({
|
|
12
|
+
}`])))),this.onStart(),this._doFrame()},r.prototype._doStop=function(){this._isRunning=!1,this._worker!==null&&(this._worker.terminate(),this._worker=null)},r.prototype._doFrame=function(){this._isRunning&&(this._doDeltaTime(this._currentTimeMillsecond()-this._mStartTime),this._isRunning&&(this._worker?(this._worker.onmessage=this._doFrame.bind(this),this._worker.postMessage(null)):window.requestAnimationFrame(this._doFrame.bind(this))))},r.prototype._doDeltaTime=function(m){m>=this.duration*this.loop?(this._currentFrication=this.fillRule===1?0:1,this._isRunning=!1):this._currentFrication=m%this.duration/this.duration,this.onUpdate(this.animatedValue),this._isRunning===!1&&(this._worker!==null&&(this._worker.terminate(),this._worker=null),this.onEnd())},r}();g.default=t}]).default})})(svga_lite_min);var svga_lite_minExports=svga_lite_min.exports;const _sfc_main$1={__name:"hbis-svgaPlayer",props:{src:{type:String,required:!0},autoplay:{type:Boolean,default:!0},loop:{type:Boolean,default:!0},progress:{type:Number,default:0},speed:{type:Number,default:1},width:{type:[Number,String],default:"100%"},height:{type:[Number,String],default:"100%"}},emits:["loaded","play","pause","ended","progress","error"],setup(y,{expose:g,emit:n}){vue.useCssVars(e=>({v5ce75b7f:y.width,v26351a8e:y.height}));const t=y,r=n,m=vue.ref(null),h=vue.ref(null);let p=null,o=null,s=null;const l=async()=>{try{p=new svga_lite_minExports.Parser,s=await p.load(t.src),o=new svga_lite_minExports.Player(h.value),o.loop=t.loop,o.speed=t.speed,o.onStart=()=>r("play"),o.onPause=()=>r("pause"),o.onEnd=()=>r("ended"),o.onFrame=()=>r("progress",o.progress),await o.setAnimationData(s),t.progress>0&&(o.progress=t.progress),t.autoplay&&o.start(),r("loaded")}catch(e){console.error("SVGA 加载失败:",e),r("error",e)}},i=()=>{o&&o.start()},f=()=>{o&&o.pause()},u=()=>{o&&o.stop()},S=()=>{o&&(o.stop(),o.start())},k=e=>{o&&(o.progress=e)},a=e=>{o&&(o.speed=e)},v=e=>{o&&(o.loop=e)};return g({play:i,pause:f,stop:u,restart:S,setProgress:k,setSpeed:a,setLoop:v}),vue.watch(()=>t.src,async e=>{e&&await l()}),vue.watch(()=>t.loop,e=>{v(e)}),vue.watch(()=>t.speed,e=>{a(e)}),vue.watch(()=>t.progress,e=>{k(e)}),vue.onMounted(async()=>{await vue.nextTick(),await l()}),vue.onUnmounted(()=>{o&&(o.stop(),o=null),p&&(p=null),s=null}),(e,A)=>(vue.openBlock(),vue.createElementBlock("div",{ref_key:"containerRef",ref:m,class:"svga-player-container"},[vue.createElementVNode("canvas",{ref_key:"canvasRef",ref:h,class:"svga-player-canvas"},null,512)],512))}},HbisSvgaPlayer=_export_sfc(_sfc_main$1,[["__scopeId","data-v-6b83dcf1"]]),_sfc_main={__name:"hbis-auto-scroll-list",props:{data:{type:Array,default:()=>[]},speed:{type:Number,default:1},direction:{type:String,default:"vertical",validator:y=>["vertical","horizontal"].includes(y)},pauseOnHover:{type:Boolean,default:!0},itemHeight:{type:Number,default:40},itemWidth:{type:Number,default:200},containerHeight:{type:[Number,String],default:300},containerWidth:{type:[Number,String],default:"100%"},loop:{type:Boolean,default:!0},customItemClass:{type:String,default:""},itemStyle:{type:Object,default:()=>({})}},emits:["scroll","pause","resume","dragStart","dragEnd"],setup(y,{expose:g,emit:n}){const t=y,r=n,m=vue.ref(null),h=vue.ref(null),p=vue.ref(!1),o=vue.ref(null),s=vue.ref(0),l=vue.ref([]),i=vue.ref(!1),f=vue.ref(0),u=vue.ref(0),S=vue.ref(0),k=vue.ref(!1),a=vue.computed(()=>({height:typeof t.containerHeight=="number"?`${t.containerHeight}px`:t.containerHeight,width:typeof t.containerWidth=="number"?`${t.containerWidth}px`:t.containerWidth,overflow:"hidden",position:"relative"})),v=vue.computed(()=>{const c={position:"absolute",transition:"none",willChange:"transform"};return t.direction==="vertical"?c.transform=`translateY(${s.value}px)`:c.transform=`translateX(${s.value}px)`,c}),e=()=>{if(!t.data||t.data.length===0){l.value=[];return}t.loop?l.value=[...t.data,...t.data]:l.value=[...t.data]},A=()=>{if(p.value||i.value){o.value=requestAnimationFrame(A);return}const c=m.value,b=h.value;if(!c||!b){o.value=requestAnimationFrame(A);return}const O=t.direction==="vertical"?c.offsetHeight:c.offsetWidth,F=(t.direction==="vertical"?t.itemHeight:t.itemWidth)*t.data.length;if(s.value-=t.speed,t.loop)Math.abs(s.value)>=F&&(s.value=0);else{const j=-(F-O);if(s.value<=j){s.value=j,p.value=!0,r("scroll",s.value);return}}r("scroll",s.value),o.value=requestAnimationFrame(A)},d=()=>{o.value&&cancelAnimationFrame(o.value),o.value=requestAnimationFrame(A)},w=()=>{o.value&&(cancelAnimationFrame(o.value),o.value=null)},x=()=>{p.value=!0,r("pause")},_=()=>{p.value=!1,r("resume")},N=()=>{t.pauseOnHover&&x()},T=()=>{t.pauseOnHover&&!i.value&&_()},B=c=>{i.value=!0,k.value=p.value,p.value=!0,f.value=t.direction==="vertical"?c.clientY:c.clientX,u.value=f.value,S.value=s.value,r("dragStart"),document.addEventListener("mousemove",C),document.addEventListener("mouseup",D)},C=c=>{if(!i.value)return;u.value=t.direction==="vertical"?c.clientY:c.clientX;const b=u.value-f.value;s.value=S.value+b;const O=m.value,E=h.value;if(O&&E){const F=t.direction==="vertical"?O.offsetHeight:O.offsetWidth,V=(t.direction==="vertical"?t.itemHeight:t.itemWidth)*t.data.length;if(t.loop)s.value>0?s.value=0:Math.abs(s.value)>V&&(s.value=-V);else{const R=-(V-F);s.value>0?s.value=0:s.value<R&&(s.value=R)}}r("scroll",s.value)},D=()=>{i.value&&(i.value=!1,document.removeEventListener("mousemove",C),document.removeEventListener("mouseup",D),k.value||(p.value=!1),r("dragEnd"))},P=c=>{const b=c.touches[0];i.value=!0,k.value=p.value,p.value=!0,f.value=t.direction==="vertical"?b.clientY:b.clientX,u.value=f.value,S.value=s.value,r("dragStart")},L=c=>{if(!i.value)return;c.preventDefault();const b=c.touches[0];u.value=t.direction==="vertical"?b.clientY:b.clientX;const O=u.value-f.value;s.value=S.value+O;const E=m.value,F=h.value;if(E&&F){const j=t.direction==="vertical"?E.offsetHeight:E.offsetWidth,R=(t.direction==="vertical"?t.itemHeight:t.itemWidth)*t.data.length;if(t.loop)s.value>0?s.value=0:Math.abs(s.value)>R&&(s.value=-R);else{const z=-(R-j);s.value>0?s.value=0:s.value<z&&(s.value=z)}}r("scroll",s.value)},$=()=>{i.value&&(i.value=!1,k.value||(p.value=!1),r("dragEnd"))},M=c=>{s.value=c},I=()=>{s.value=0},W=()=>{const c=m.value;if(c){const b=h.value;if(b){const O=t.direction==="vertical"?b.offsetHeight:b.offsetWidth;s.value=-(O-c.offsetHeight)}}};return vue.watch(()=>t.data,()=>{e(),s.value=0},{deep:!0}),vue.watch(()=>t.speed,()=>{p.value||(w(),d())}),vue.onMounted(()=>{e(),vue.nextTick(()=>{d();const c=m.value;c&&(c.addEventListener("mouseenter",N),c.addEventListener("mouseleave",T))})}),vue.onUnmounted(()=>{w();const c=m.value;c&&(c.removeEventListener("mouseenter",N),c.removeEventListener("mouseleave",T)),document.removeEventListener("mousemove",C),document.removeEventListener("mouseup",D)}),g({pause:x,resume:_,scrollTo:M,scrollToTop:I,scrollToBottom:W,isPaused:p,isDragging:i}),(c,b)=>(vue.openBlock(),vue.createElementBlock("div",{class:"hbis-auto-scroll-list",ref_key:"containerRef",ref:m,style:vue.normalizeStyle(a.value),onMousedown:B,onTouchstart:P,onTouchmove:L,onTouchend:$},[vue.createElementVNode("div",{class:"scroll-content",ref_key:"contentRef",ref:h,style:vue.normalizeStyle(v.value)},[(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(l.value,(O,E)=>vue.renderSlot(c.$slots,"item",{item:O,index:E},()=>[vue.createElementVNode("div",{class:"default-item",style:vue.normalizeStyle(y.itemStyle)},vue.toDisplayString(O),5)],!0)),256))],4)],36))}},HbisAutoScrollList=_export_sfc(_sfc_main,[["__scopeId","data-v-d23f102b"]]);exports.C1=C1;exports.C2=C2;exports.HbisAutoScrollList=HbisAutoScrollList;exports.HbisSvgaPlayer=HbisSvgaPlayer;exports.hbisAutoScrollList=HbisAutoScrollList;exports.hbisDateStrip=hbisDateStrip;exports.hbisPreviewImage=_sfc_main$2;exports.hbisSvgaPlayer=HbisSvgaPlayer;
|
|
13
13
|
//# sourceMappingURL=index.cjs.js.map
|