@seresweb/website-component 2.3.6 → 2.3.8

package/dist/es/swiper-showcase.mjs

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

package/dist/index-0n3E5pgL.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),H=require("./swiper-bundle-gkukcY4l.cjs"),n=require("./_vars-CyrPevgT.cjs");require("./cjs/accordion-info-panel.cjs");require("./cjs/animated-number.cjs");require("./cjs/checkbox.cjs");require("./cjs/col.cjs");require("./cjs/config-provider.cjs");require("./cjs/date-picker.cjs");require("./cjs/date-select.cjs");require("./cjs/drawer.cjs");require("./cjs/dropdown.cjs");require("./cjs/gradual-highlight.cjs");const X=require("@vavt/util");require("./cjs/input.cjs");const V=require("./cjs/layz-image.cjs");require("./cjs/parameter-box.cjs");require("./cjs/radio.cjs");require("./cjs/row.cjs");require("./cjs/select.cjs");require("./cjs/swiper-showcase.cjs");require("./cjs/swiper-vehicle.cjs");const q=require("./cjs/tab-indicator.cjs"),$=require("./cjs/video.cjs"),W=["innerHTML"],O=["innerHTML"],U=["innerHTML"],D=["innerHTML"],A=e.defineComponent({__name:"pc-viewer",props:{title:{},desc:{},dataList:{},extraTopSpacing:{default:0},extraBottomSpacing:{default:0}},setup(l){const p=l,a=e.ref(),v=e.ref(),o=e.ref(),d=e.ref(),f=e.ref(),i=e.ref(),h=e.reactive({container:"",root:"",item:""}),u=r=>typeof r!="number"||Number.isNaN(r)?0:r,g=(r,s,c)=>{const k=Math.min(Math.max(r,0),c),_=Math.min(Math.max(s,0),Math.max(c-k,0));return{safeTop:k,safeBottom:_}},B=()=>{var b;if(!o.value)return;const r=o.value.offsetHeight,s=window.innerHeight,c=((b=i.value)==null?void 0:b.offsetHeight)||0,k=m(i.value),_=u(p.extraTopSpacing),E=u(p.extraBottomSpacing),{safeTop:I,safeBottom:L}=g(_,E,s),C=Math.max(s-I-L,0),z=Math.max((C-c-r-k)/2,0),M=I+z,N=L+z;h.container=`padding-top: ${M}px; padding-bottom: ${N}px; min-height: ${s}px;`;const x=o.value.scrollWidth;h.root=`height: ${Math.max(x,s)}px`},t=()=>{const r=document.documentElement.getAttribute("dir")||"ltr",s=r==="rtl"?"right":"left";if(!a.value||!o.value||!d.value||!f.value)return;const k=a.value.clientHeight-window.innerHeight,{offsetTop:_}=X.getRootOffset(a.value),E=document.documentElement.scrollTop-_;if(E<0){o.value.scrollTo({left:0}),f.value.style[s]="0px";return}if(E>k){const z=o.value.scrollWidth-window.innerWidth;o.value.scrollTo({left:r==="rtl"?-z:z}),f.value.style[s]=d.value.clientWidth-f.value.clientWidth+"px";return}const I=E/k,L=I*(o.value.scrollWidth-window.innerWidth),C=I*(d.value.clientWidth*2/3);o.value.scrollTo({left:r==="rtl"?-L:L}),f.value.style[s]=`${C}px`},w=()=>{h.container="",B()},m=r=>{if(!(r instanceof HTMLElement))return 0;const s=window.getComputedStyle(r),c=parseFloat(s.marginTop)||0,k=parseFloat(s.marginBottom)||0;return c+k};let y;return e.watch(()=>[p.extraTopSpacing,p.extraBottomSpacing],()=>{h.container="",B()}),e.onMounted(()=>{y=new IntersectionObserver(r=>{r.forEach(s=>{s.isIntersecting&&(h.container="",B())})},{root:null,rootMargin:"200px 0px 200px 0px",threshold:0}),window.addEventListener("scroll",t),window.addEventListener("resize",w),a.value&&y.observe(a.value)}),e.onBeforeUnmount(()=>{window.removeEventListener("scroll",t),window.removeEventListener("resize",w),y&&y.disconnect()}),(r,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:a,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer`),style:e.normalizeStyle(h.root)},[e.createElementVNode("div",{ref_key:"containerRef",ref:v,class:e.normalizeClass([`${e.unref(n.PREFIX)}-horizontal-viewer__container`,(r.title||r.desc)&&"has-header"]),style:e.normalizeStyle(h.container)},[r.title||r.desc?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__header`),ref_key:"headerRef",ref:i},[r.title?(e.openBlock(),e.createElementBlock("p",{key:0,innerHTML:r.title},null,8,W)):e.createCommentVNode("v-if",!0),r.desc?(e.openBlock(),e.createElementBlock("p",{key:1,innerHTML:r.desc},null,8,O)):e.createCommentVNode("v-if",!0)],2)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"scrollerRef",ref:o,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__scroller`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataList,c=>(e.openBlock(),e.createElementBlock("div",{key:c.title,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content-item`)},[c.type==="img"?(e.openBlock(),e.createBlock(e.unref(V.ScLayzImage),{key:0,src:c.url,alt:c.alt},null,8,["src","alt"])):(e.openBlock(),e.createBlock(e.unref($.ScVideo),{key:1,url:c.url,poster:c.poster,"auto-play":!1},null,8,["url","poster"])),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content-item-footer`)},[e.createElementVNode("p",{innerHTML:c.title},null,8,U),e.createElementVNode("p",{innerHTML:c.desc},null,8,D)],2)],2))),128))],2)],2),e.createElementVNode("div",{ref_key:"paginationRef",ref:d,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__pagination`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__scrollbar`)},[e.createElementVNode("div",{ref_key:"scrollbarDragRef",ref:f,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__scrollbar-drag`)},null,2)],2)],2)],6)],6))}}),Y=e.defineComponent({__name:"mb-viewer",props:{title:{},desc:{},isMobile:{type:Boolean},extraTopSpacing:{},extraBottomSpacing:{},modelValue:{},dataList:{},swiperOptions:{},effect:{},showIntro:{type:Boolean},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{},indicatorType:{},showIndicator:{type:Boolean},indicatorPosition:{}},setup(l){const p=l,a=e.ref();return(v,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:a,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer-mb`)},[e.createVNode(e.unref(F),e.mergeProps(p,{indicatorType:"image"}),null,16)],2))}}),R=e.defineComponent({__name:"horizontal-viewer",props:{title:{},desc:{},isMobile:{type:Boolean},extraTopSpacing:{},extraBottomSpacing:{},modelValue:{},dataList:{},swiperOptions:{},effect:{},showIntro:{type:Boolean},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{},indicatorType:{},showIndicator:{type:Boolean,default:!0},indicatorPosition:{}},setup(l){const p=l;return(a,v)=>a.isMobile?(e.openBlock(),e.createBlock(Y,e.normalizeProps(e.mergeProps({key:0},p)),null,16)):(e.openBlock(),e.createBlock(A,e.normalizeProps(e.mergeProps({key:1},p)),null,16))}});R.install=l=>(l.component("ScHorizontalViewer",R),l);const Z=R,j=["onClick"],G=["innerHTML"],J=["innerHTML"],P=e.defineComponent({__name:"image-indicator",props:{dataList:{},showIntro:{type:Boolean,default:!0}},emits:["change"],setup(l,{emit:p}){const a=p,v=e.ref(0),o=e.ref([]),d=e.computed(()=>{const i=o.value[v.value];return{height:`${i==null?void 0:i.offsetHeight}px`}}),f=i=>{v.value=i,a("change",i)};return(i,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__list`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.dataList,(u,g)=>(e.openBlock(),e.createElementBlock("div",{key:u.url,class:e.normalizeClass([`${e.unref(n.PREFIX)}-image-indicator__list-item`,v.value===g?`${e.unref(n.PREFIX)}-image-indicator__active`:""]),onClick:B=>f(g)},[e.createVNode(e.unref(V.ScLayzImage),{src:u.url,alt:u.alt},null,8,["src","alt"])],10,j))),128))],2),i.showIntro?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro`),style:e.normalizeStyle(d.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.dataList,(u,g)=>(e.openBlock(),e.createElementBlock("div",{key:u.url,ref_for:!0,ref_key:"introItemRef",ref:o,class:e.normalizeClass([`${e.unref(n.PREFIX)}-image-indicator__intro-item`,v.value===g&&`${e.unref(n.PREFIX)}-image-indicator__active`])},[u.title?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro-title`),innerHTML:u.title},null,10,G)):e.createCommentVNode("v-if",!0),u.desc?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro-desc`),innerHTML:u.desc},null,10,J)):e.createCommentVNode("v-if",!0)],2))),128))],6)):e.createCommentVNode("v-if",!0)],2))}});P.install=l=>(l.component("ScImageIndicator",P),l);const T=P,K={class:"swiper-wrapper"},S=e.defineComponent({__name:"swiper-normal",props:{modelValue:{default:0},dataList:{},swiperOptions:{default:()=>({})},effect:{},showIntro:{type:Boolean,default:!0},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{default:"full"},indicatorType:{default:"tab"},showIndicator:{type:Boolean,default:!0},indicatorPosition:{default:"relative"}},emits:["change","update:modelValue"],setup(l,{emit:p}){const a=l,v=p;let o=null;const d=e.ref(a.modelValue),f=e.ref(),i=e.computed(()=>{const t=[`${n.PREFIX}-swiper-main`];return a.widthType==="middle"?t.push(`${n.PREFIX}-swiper-main__middle`):t.push(`${n.PREFIX}-swiper-main__full`),t}),h=e.computed(()=>{const t={};return a.tabIndicatorBottom&&(t.position="absolute",t.zIndex=1,t.bottom=typeof a.tabIndicatorBottom=="number"?`${a.tabIndicatorBottom}px`:a.tabIndicatorBottom),t});e.watch(()=>a.modelValue,()=>{d.value=a.modelValue,g(d.value)});const u=e.computed(()=>a.dataList.map(t=>({...t,url:t.type==="img"?t.url||"":t.poster||""}))),g=t=>{o==null||o.slideTo(t)},B=()=>{o==null||o.destroy(),f.value&&(o=new H.Swiper(f.value,{slidesPerView:1,allowTouchMove:!1,effect:a.effect,navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},...a.swiperOptions}),o.on("slideChange",t=>{d.value=t.activeIndex,v("change",t.activeIndex),v("update:modelValue",t.activeIndex)}))};return e.onMounted(()=>{B(),window.addEventListener("resize",B)}),e.onBeforeUnmount(()=>{o==null||o.destroy(),window.removeEventListener("resize",B)}),(t,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper`)},[e.createElementVNode("div",{ref_key:"swiperRef",ref:f,class:e.normalizeClass(i.value)},[e.createElementVNode("div",K,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,(m,y)=>(e.openBlock(),e.createElementBlock("div",{key:m.title,class:"swiper-slide"},[m.type==="img"?(e.openBlock(),e.createBlock(e.unref(V.ScLayzImage),{key:0,src:m.url,alt:m.alt},null,8,["src","alt"])):(e.openBlock(),e.createBlock(e.unref($.ScVideo),e.mergeProps({key:1,ref_for:!0},t.videoProps,{url:m.url,poster:m.poster,playable:d.value===y}),null,16,["url","poster","playable"])),m.mask?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-mask`)},null,2)):e.createCommentVNode("v-if",!0)]))),128))]),w[2]||(w[2]=e.createStaticVNode('<div class="swiper-button-next"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path d="M9.64299 3.12871L9.51887 5.83301L15.6859 12L9.51887 18.167L9.64299 20.8713L18.5143 12L9.64299 3.12871Z" fill="white"></path></svg></div><div class="swiper-button-prev"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15.1289 3.12871L15.2531 5.83301L9.08609 12L15.2531 18.167L15.1289 20.8713L6.25766 12L15.1289 3.12871Z" fill="white"></path></svg></div>',2))],2),t.showIndicator?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.indicatorType==="tab"?(e.openBlock(),e.createBlock(e.unref(q.ScTabIndicator),{key:0,modelValue:d.value,"onUpdate:modelValue":w[0]||(w[0]=m=>d.value=m),class:e.normalizeClass([t.indicatorClass,t.indicatorPosition==="absolute"&&`${e.unref(n.PREFIX)}-swiper-indicator-absolute`]),dataList:t.dataList,"show-intro":t.showIntro,style:e.normalizeStyle(h.value),onChange:g},null,8,["modelValue","class","dataList","show-intro","style"])):(e.openBlock(),e.createBlock(e.unref(T),{key:1,modelValue:d.value,"onUpdate:modelValue":w[1]||(w[1]=m=>d.value=m),dataList:u.value,onChange:g},null,8,["modelValue","dataList"]))],64)):e.createCommentVNode("v-if",!0)],2))}});S.install=l=>(l.component("ScSwiperNormal",S),l);const F=S;exports.ScHorizontalViewer=Z;exports.ScImageIndicator=T;exports.ScSwiperNormal=F;

package/dist/{index-BPpds5EG.js → index-Dzp0ckB8.js}

@@ -6,7 +6,7 @@ import "./es/animated-number.mjs";
 import "./es/checkbox.mjs";
 import "./es/col.mjs";
 import "./es/config-provider.mjs";
-import "./index-CMZ8zDDd.js";
+import "./es/date-picker.mjs";
 import "./es/date-select.mjs";
 import "./es/drawer.mjs";
 import "./es/dropdown.mjs";