@seresweb/website-component 2.0.1 → 2.1.0

package/dist/index-BVX78e_m.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),H=require("./index-DrnEpWXW.cjs"),r=require("./_vars-CyrPevgT.cjs");require("./cjs/accordion-info-panel.cjs");require("./cjs/animated-number.cjs");require("./cjs/drawer.cjs");require("./cjs/dropdown.cjs");require("./cjs/gradual-highlight.cjs");const X=require("@vavt/util");require("./cjs/input.cjs");const S=require("./cjs/layz-image.cjs");require("./cjs/parameter-box.cjs");require("./cjs/radio.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=n=>typeof n!="number"||Number.isNaN(n)?0:n,g=(n,s,c)=>{const k=Math.min(Math.max(n,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 n=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-n-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 n=document.documentElement.getAttribute("dir")||"ltr",s=n==="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:n==="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:n==="rtl"?-L:L}),f.value.style[s]=`${C}px`},w=()=>{h.container="",B()},m=n=>{if(!(n instanceof HTMLElement))return 0;const s=window.getComputedStyle(n),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(n=>{n.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()}),(n,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:a,class:e.normalizeClass(`${e.unref(r.PREFIX)}-horizontal-viewer`),style:e.normalizeStyle(h.root)},[e.createElementVNode("div",{ref_key:"containerRef",ref:v,class:e.normalizeClass([`${e.unref(r.PREFIX)}-horizontal-viewer__container`,(n.title||n.desc)&&"has-header"]),style:e.normalizeStyle(h.container)},[n.title||n.desc?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(r.PREFIX)}-horizontal-viewer__header`),ref_key:"headerRef",ref:i},[n.title?(e.openBlock(),e.createElementBlock("p",{key:0,innerHTML:n.title},null,8,W)):e.createCommentVNode("v-if",!0),n.desc?(e.openBlock(),e.createElementBlock("p",{key:1,innerHTML:n.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(r.PREFIX)}-horizontal-viewer__scroller`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(r.PREFIX)}-horizontal-viewer__content`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.dataList,c=>(e.openBlock(),e.createElementBlock("div",{key:c.title,class:e.normalizeClass(`${e.unref(r.PREFIX)}-horizontal-viewer__content-item`)},[c.type==="img"?(e.openBlock(),e.createBlock(e.unref(S.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(r.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(r.PREFIX)}-horizontal-viewer__pagination`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(r.PREFIX)}-horizontal-viewer__scrollbar`)},[e.createElementVNode("div",{ref_key:"scrollbarDragRef",ref:f,class:e.normalizeClass(`${e.unref(r.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(r.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"],V=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(r.PREFIX)}-image-indicator`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(r.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(r.PREFIX)}-image-indicator__list-item`,v.value===g?`${e.unref(r.PREFIX)}-image-indicator__active`:""]),onClick:B=>f(g)},[e.createVNode(e.unref(S.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(r.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(r.PREFIX)}-image-indicator__intro-item`,v.value===g&&`${e.unref(r.PREFIX)}-image-indicator__active`])},[u.title?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(`${e.unref(r.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(r.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))}});V.install=l=>(l.component("ScImageIndicator",V),l);const T=V,K={class:"swiper-wrapper"},P=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=[`${r.PREFIX}-swiper-main`];return a.widthType==="middle"?t.push(`${r.PREFIX}-swiper-main__middle`):t.push(`${r.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(r.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(S.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(r.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(r.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))}});P.install=l=>(l.component("ScSwiperNormal",P),l);const F=P;exports.ScHorizontalViewer=Z;exports.ScImageIndicator=T;exports.ScSwiperNormal=F;

package/dist/index-C6ZSfMR8.js

@@ -0,0 +1,561 @@
+import { defineComponent as P, ref as y, reactive as te, watch as Z, onMounted as j, onBeforeUnmount as q, createElementBlock as s, openBlock as o, normalizeStyle as E, normalizeClass as l, unref as t, createElementVNode as w, createCommentVNode as S, Fragment as R, renderList as N, createBlock as I, createVNode as G, mergeProps as W, normalizeProps as Y, computed as C, createStaticVNode as oe } from "vue";
+import { a as ne } from "./index-BrggpRcU.js";
+import { P as i } from "./_vars-BV4QQF-p.js";
+import "./es/accordion-info-panel.mjs";
+import "./es/animated-number.mjs";
+import "./es/drawer.mjs";
+import "./es/dropdown.mjs";
+import "./es/gradual-highlight.mjs";
+import { getRootOffset as re } from "@vavt/util";
+import "./es/input.mjs";
+import { ScLayzImage as A } from "./es/layz-image.mjs";
+import "./es/parameter-box.mjs";
+import "./es/radio.mjs";
+import { ScTabIndicator as ie } from "./es/tab-indicator.mjs";
+import { ScVideo as J } from "./es/video.mjs";
+const ae = ["innerHTML"], le = ["innerHTML"], se = ["innerHTML"], ce = ["innerHTML"], de = /* @__PURE__ */ P({
+  __name: "pc-viewer",
+  props: {
+    title: {},
+    desc: {},
+    dataList: {},
+    extraTopSpacing: { default: 0 },
+    extraBottomSpacing: { default: 0 }
+  },
+  setup(c) {
+    const v = c, a = y(), _ = y(), n = y(), f = y(), g = y(), d = y(), L = te({
+      container: "",
+      root: "",
+      item: ""
+    }), m = (r) => typeof r != "number" || Number.isNaN(r) ? 0 : r, b = (r, u, p) => {
+      const T = Math.min(Math.max(r, 0), p), M = Math.min(Math.max(u, 0), Math.max(p - T, 0));
+      return { safeTop: T, safeBottom: M };
+    }, k = () => {
+      var X;
+      if (!n.value)
+        return;
+      const r = n.value.offsetHeight, u = window.innerHeight, p = ((X = d.value) == null ? void 0 : X.offsetHeight) || 0, T = h(d.value), M = m(v.extraTopSpacing), x = m(v.extraBottomSpacing), { safeTop: H, safeBottom: z } = b(M, x, u), O = Math.max(u - H - z, 0), V = Math.max((O - p - r - T) / 2, 0), K = H + V, Q = z + V;
+      L.container = `padding-top: ${K}px; padding-bottom: ${Q}px; min-height: ${u}px;`;
+      const ee = n.value.scrollWidth;
+      L.root = `height: ${Math.max(ee, u)}px`;
+    }, e = () => {
+      const r = document.documentElement.getAttribute("dir") || "ltr", u = r === "rtl" ? "right" : "left";
+      if (!a.value || !n.value || !f.value || !g.value) return;
+      const T = a.value.clientHeight - window.innerHeight, { offsetTop: M } = re(a.value), x = document.documentElement.scrollTop - M;
+      if (x < 0) {
+        n.value.scrollTo({ left: 0 }), g.value.style[u] = "0px";
+        return;
+      }
+      if (x > T) {
+        const V = n.value.scrollWidth - window.innerWidth;
+        n.value.scrollTo({ left: r === "rtl" ? -V : V }), g.value.style[u] = f.value.clientWidth - g.value.clientWidth + "px";
+        return;
+      }
+      const H = x / T, z = H * (n.value.scrollWidth - window.innerWidth), O = H * (f.value.clientWidth * 2 / 3);
+      n.value.scrollTo({ left: r === "rtl" ? -z : z }), g.value.style[u] = `${O}px`;
+    }, $ = () => {
+      L.container = "", k();
+    }, h = (r) => {
+      if (!(r instanceof HTMLElement))
+        return 0;
+      const u = window.getComputedStyle(r), p = parseFloat(u.marginTop) || 0, T = parseFloat(u.marginBottom) || 0;
+      return p + T;
+    };
+    let B;
+    return Z(
+      () => [v.extraTopSpacing, v.extraBottomSpacing],
+      () => {
+        L.container = "", k();
+      }
+    ), j(() => {
+      B = new IntersectionObserver(
+        (r) => {
+          r.forEach((u) => {
+            u.isIntersecting && (L.container = "", k());
+          });
+        },
+        {
+          root: null,
+          // 相对于 viewport
+          rootMargin: "200px 0px 200px 0px",
+          // 提前100px触发
+          threshold: 0
+        }
+      ), window.addEventListener("scroll", e), window.addEventListener("resize", $), a.value && B.observe(a.value);
+    }), q(() => {
+      window.removeEventListener("scroll", e), window.removeEventListener("resize", $), B && B.disconnect();
+    }), (r, u) => (o(), s(
+      "div",
+      {
+        ref_key: "rootRef",
+        ref: a,
+        class: l(`${t(i)}-horizontal-viewer`),
+        style: E(L.root)
+      },
+      [
+        w(
+          "div",
+          {
+            ref_key: "containerRef",
+            ref: _,
+            class: l([`${t(i)}-horizontal-viewer__container`, (r.title || r.desc) && "has-header"]),
+            style: E(L.container)
+          },
+          [
+            r.title || r.desc ? (o(), s(
+              "div",
+              {
+                key: 0,
+                class: l(`${t(i)}-horizontal-viewer__header`),
+                ref_key: "headerRef",
+                ref: d
+              },
+              [
+                r.title ? (o(), s("p", {
+                  key: 0,
+                  innerHTML: r.title
+                }, null, 8, ae)) : S("v-if", !0),
+                r.desc ? (o(), s("p", {
+                  key: 1,
+                  innerHTML: r.desc
+                }, null, 8, le)) : S("v-if", !0)
+              ],
+              2
+              /* CLASS */
+            )) : S("v-if", !0),
+            w(
+              "div",
+              {
+                ref_key: "scrollerRef",
+                ref: n,
+                class: l(`${t(i)}-horizontal-viewer__scroller`)
+              },
+              [
+                w(
+                  "div",
+                  {
+                    class: l(`${t(i)}-horizontal-viewer__content`)
+                  },
+                  [
+                    (o(!0), s(
+                      R,
+                      null,
+                      N(r.dataList, (p) => (o(), s(
+                        "div",
+                        {
+                          key: p.title,
+                          class: l(`${t(i)}-horizontal-viewer__content-item`)
+                        },
+                        [
+                          p.type === "img" ? (o(), I(t(A), {
+                            key: 0,
+                            src: p.url,
+                            alt: p.alt
+                          }, null, 8, ["src", "alt"])) : (o(), I(t(J), {
+                            key: 1,
+                            url: p.url,
+                            poster: p.poster,
+                            "auto-play": !1
+                          }, null, 8, ["url", "poster"])),
+                          w(
+                            "div",
+                            {
+                              class: l(`${t(i)}-horizontal-viewer__content-item-footer`)
+                            },
+                            [
+                              w("p", {
+                                innerHTML: p.title
+                              }, null, 8, se),
+                              w("p", {
+                                innerHTML: p.desc
+                              }, null, 8, ce)
+                            ],
+                            2
+                            /* CLASS */
+                          )
+                        ],
+                        2
+                        /* CLASS */
+                      ))),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ],
+                  2
+                  /* CLASS */
+                )
+              ],
+              2
+              /* CLASS */
+            ),
+            w(
+              "div",
+              {
+                ref_key: "paginationRef",
+                ref: f,
+                class: l(`${t(i)}-horizontal-viewer__pagination`)
+              },
+              [
+                w(
+                  "div",
+                  {
+                    class: l(`${t(i)}-horizontal-viewer__scrollbar`)
+                  },
+                  [
+                    w(
+                      "div",
+                      {
+                        ref_key: "scrollbarDragRef",
+                        ref: g,
+                        class: l(`${t(i)}-horizontal-viewer__scrollbar-drag`)
+                      },
+                      null,
+                      2
+                      /* CLASS */
+                    )
+                  ],
+                  2
+                  /* CLASS */
+                )
+              ],
+              2
+              /* CLASS */
+            )
+          ],
+          6
+          /* CLASS, STYLE */
+        )
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+}), ue = /* @__PURE__ */ P({
+  __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(c) {
+    const v = c, a = y();
+    return (_, n) => (o(), s(
+      "div",
+      {
+        ref_key: "rootRef",
+        ref: a,
+        class: l(`${t(i)}-horizontal-viewer-mb`)
+      },
+      [
+        G(
+          t(ge),
+          W(v, { indicatorType: "image" }),
+          null,
+          16
+          /* FULL_PROPS */
+        )
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), F = /* @__PURE__ */ P({
+  __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(c) {
+    const v = c;
+    return (a, _) => a.isMobile ? (o(), I(
+      ue,
+      Y(W({ key: 0 }, v)),
+      null,
+      16
+      /* FULL_PROPS */
+    )) : (o(), I(
+      de,
+      Y(W({ key: 1 }, v)),
+      null,
+      16
+      /* FULL_PROPS */
+    ));
+  }
+});
+F.install = (c) => (c.component("ScHorizontalViewer", F), c);
+const Ve = F, pe = ["onClick"], fe = ["innerHTML"], me = ["innerHTML"], D = /* @__PURE__ */ P({
+  __name: "image-indicator",
+  props: {
+    dataList: {},
+    showIntro: { type: Boolean, default: !0 }
+  },
+  emits: ["change"],
+  setup(c, { emit: v }) {
+    const a = v, _ = y(0), n = y([]), f = C(() => {
+      const d = n.value[_.value];
+      return {
+        height: `${d == null ? void 0 : d.offsetHeight}px`
+      };
+    }), g = (d) => {
+      _.value = d, a("change", d);
+    };
+    return (d, L) => (o(), s(
+      "div",
+      {
+        class: l(`${t(i)}-image-indicator`)
+      },
+      [
+        w(
+          "div",
+          {
+            class: l(`${t(i)}-image-indicator__list`)
+          },
+          [
+            (o(!0), s(
+              R,
+              null,
+              N(d.dataList, (m, b) => (o(), s("div", {
+                key: m.url,
+                class: l([
+                  `${t(i)}-image-indicator__list-item`,
+                  _.value === b ? `${t(i)}-image-indicator__active` : ""
+                ]),
+                onClick: (k) => g(b)
+              }, [
+                G(t(A), {
+                  src: m.url,
+                  alt: m.alt
+                }, null, 8, ["src", "alt"])
+              ], 10, pe))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ],
+          2
+          /* CLASS */
+        ),
+        d.showIntro ? (o(), s(
+          "div",
+          {
+            key: 0,
+            class: l(`${t(i)}-image-indicator__intro`),
+            style: E(f.value)
+          },
+          [
+            (o(!0), s(
+              R,
+              null,
+              N(d.dataList, (m, b) => (o(), s(
+                "div",
+                {
+                  key: m.url,
+                  ref_for: !0,
+                  ref_key: "introItemRef",
+                  ref: n,
+                  class: l([`${t(i)}-image-indicator__intro-item`, _.value === b && `${t(i)}-image-indicator__active`])
+                },
+                [
+                  m.title ? (o(), s("p", {
+                    key: 0,
+                    class: l(`${t(i)}-image-indicator__intro-title`),
+                    innerHTML: m.title
+                  }, null, 10, fe)) : S("v-if", !0),
+                  m.desc ? (o(), s("p", {
+                    key: 1,
+                    class: l(`${t(i)}-image-indicator__intro-desc`),
+                    innerHTML: m.desc
+                  }, null, 10, me)) : S("v-if", !0)
+                ],
+                2
+                /* CLASS */
+              ))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ],
+          6
+          /* CLASS, STYLE */
+        )) : S("v-if", !0)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+});
+D.install = (c) => (c.component("ScImageIndicator", D), c);
+const ve = D, he = { class: "swiper-wrapper" }, U = /* @__PURE__ */ P({
+  __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(c, { emit: v }) {
+    const a = c, _ = v;
+    let n = null;
+    const f = y(a.modelValue), g = y(), d = C(() => {
+      const e = [`${i}-swiper-main`];
+      return a.widthType === "middle" ? e.push(`${i}-swiper-main__middle`) : e.push(`${i}-swiper-main__full`), e;
+    }), L = C(() => {
+      const e = {};
+      return a.tabIndicatorBottom && (e.position = "absolute", e.zIndex = 1, e.bottom = typeof a.tabIndicatorBottom == "number" ? `${a.tabIndicatorBottom}px` : a.tabIndicatorBottom), e;
+    });
+    Z(
+      () => a.modelValue,
+      () => {
+        f.value = a.modelValue, b(f.value);
+      }
+    );
+    const m = C(() => a.dataList.map((e) => ({
+      ...e,
+      url: e.type === "img" ? e.url || "" : e.poster || ""
+    }))), b = (e) => {
+      n == null || n.slideTo(e);
+    }, k = () => {
+      n == null || n.destroy(), g.value && (n = new ne(g.value, {
+        slidesPerView: 1,
+        allowTouchMove: !1,
+        effect: a.effect,
+        navigation: {
+          nextEl: ".swiper-button-next",
+          prevEl: ".swiper-button-prev"
+        },
+        ...a.swiperOptions
+      }), n.on("slideChange", (e) => {
+        f.value = e.activeIndex, _("change", e.activeIndex), _("update:modelValue", e.activeIndex);
+      }));
+    };
+    return j(() => {
+      k(), window.addEventListener("resize", k);
+    }), q(() => {
+      n == null || n.destroy(), window.removeEventListener("resize", k);
+    }), (e, $) => (o(), s(
+      "div",
+      {
+        class: l(`${t(i)}-swiper`)
+      },
+      [
+        w(
+          "div",
+          {
+            ref_key: "swiperRef",
+            ref: g,
+            class: l(d.value)
+          },
+          [
+            w("div", he, [
+              (o(!0), s(
+                R,
+                null,
+                N(e.dataList, (h, B) => (o(), s("div", {
+                  key: h.title,
+                  class: "swiper-slide"
+                }, [
+                  h.type === "img" ? (o(), I(t(A), {
+                    key: 0,
+                    src: h.url,
+                    alt: h.alt
+                  }, null, 8, ["src", "alt"])) : (o(), I(t(J), W({
+                    key: 1,
+                    ref_for: !0
+                  }, e.videoProps, {
+                    url: h.url,
+                    poster: h.poster,
+                    playable: f.value === B
+                  }), null, 16, ["url", "poster", "playable"])),
+                  h.mask ? (o(), s(
+                    "div",
+                    {
+                      key: 2,
+                      class: l(`${t(i)}-swiper-mask`)
+                    },
+                    null,
+                    2
+                    /* CLASS */
+                  )) : S("v-if", !0)
+                ]))),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]),
+            $[2] || ($[2] = oe('<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
+          /* CLASS */
+        ),
+        e.showIndicator ? (o(), s(
+          R,
+          { key: 0 },
+          [
+            e.indicatorType === "tab" ? (o(), I(t(ie), {
+              key: 0,
+              modelValue: f.value,
+              "onUpdate:modelValue": $[0] || ($[0] = (h) => f.value = h),
+              class: l([e.indicatorClass, e.indicatorPosition === "absolute" && `${t(i)}-swiper-indicator-absolute`]),
+              dataList: e.dataList,
+              "show-intro": e.showIntro,
+              style: E(L.value),
+              onChange: b
+            }, null, 8, ["modelValue", "class", "dataList", "show-intro", "style"])) : (o(), I(t(ve), {
+              key: 1,
+              modelValue: f.value,
+              "onUpdate:modelValue": $[1] || ($[1] = (h) => f.value = h),
+              dataList: m.value,
+              onChange: b
+            }, null, 8, ["modelValue", "dataList"]))
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : S("v-if", !0)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+});
+U.install = (c) => (c.component("ScSwiperNormal", U), c);
+const ge = U;
+export {
+  Ve as S,
+  ve as a,
+  ge as b
+};