@seresweb/website-component 2.0.0 → 2.0.2

package/dist/es/video.mjs

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

package/dist/global.d.ts

@@ -8,6 +8,7 @@ declare module 'vue' {
     ScRadio: typeof import("@seresweb/website-component")["ScRadio"];
     ScParameterBox: typeof import("@seresweb/website-component")["ScParameterBox"];
     ScLayzImage: typeof import("@seresweb/website-component")["ScLayzImage"];
+    ScInput: typeof import("@seresweb/website-component")["ScInput"];
     ScImageIndicator: typeof import("@seresweb/website-component")["ScImageIndicator"];
     ScHorizontalViewer: typeof import("@seresweb/website-component")["ScHorizontalViewer"];
     ScGradualHighlight: typeof import("@seresweb/website-component")["ScGradualHighlight"];
@@ -15,7 +16,6 @@ declare module 'vue' {
     ScDrawer: typeof import("@seresweb/website-component")["ScDrawer"];
     ScAnimatedNumber: typeof import("@seresweb/website-component")["ScAnimatedNumber"];
     ScAccordionInfoPanel: typeof import("@seresweb/website-component")["ScAccordionInfoPanel"];
-    ScInput: typeof import("@seresweb/website-component")["ScInput"];
   }
 }
 

package/dist/{index-BgNMAlW8.js → index-CM1T0AYM.js}

@@ -1,13 +1,13 @@
 import { defineComponent as H, ref as g, reactive as Z, onMounted as D, onBeforeUnmount as X, createElementBlock as s, openBlock as r, normalizeStyle as B, normalizeClass as n, unref as t, createElementVNode as h, createCommentVNode as $, Fragment as T, renderList as M, createVNode as x, mergeProps as V, createBlock as k, normalizeProps as U, computed as S, watch as A, createStaticVNode as j } from "vue";
 import { a as q } from "./index-BrggpRcU.js";
 import { P as i } from "./_vars-BV4QQF-p.js";
-import "./es/Input.mjs";
 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 G } from "@vavt/util";
+import "./es/input.mjs";
 import { ScLayzImage as W } from "./es/layz-image.mjs";
 import "./es/parameter-box.mjs";
 import "./es/radio.mjs";

package/dist/index-DL7IXrBi.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),$=require("./index-DrnEpWXW.cjs"),n=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 b=require("@vavt/util");require("./cjs/input.cjs");const I=require("./cjs/layz-image.cjs");require("./cjs/parameter-box.cjs");require("./cjs/radio.cjs");const F=require("./cjs/tab-indicator.cjs"),T=require("./cjs/video.cjs"),S=["innerHTML"],H=["innerHTML"],N=["innerHTML"],X=["innerHTML"],M=e.defineComponent({__name:"pc-viewer",props:{title:{},desc:{},dataList:{}},setup(c){const u=e.ref(),a=e.ref(),r=e.ref(),l=e.ref(),s=e.ref(),h=e.ref(),i=e.reactive({container:"",root:"",item:""}),k=()=>{var g;if(!r.value)return;const t=r.value.offsetHeight,m=window.innerHeight,v=((g=h.value)==null?void 0:g.offsetHeight)||0,w=o(h.value);i.container=`padding-top: ${(m-v-t-w)/2}px;`,i.root=`height: ${r.value.scrollWidth}px`},d=()=>{const t=document.documentElement.getAttribute("dir")||"ltr",m=t==="rtl"?"right":"left";if(!u.value||!r.value||!l.value||!s.value)return;const w=u.value.clientHeight-window.innerHeight,{offsetTop:g}=b.getRootOffset(u.value),B=document.documentElement.scrollTop-g;if(B<0){r.value.scrollTo({left:0}),s.value.style[m]="0px";return}if(B>w){const C=r.value.scrollWidth-window.innerWidth;r.value.scrollTo({left:t==="rtl"?-C:C}),s.value.style[m]=l.value.clientWidth-s.value.clientWidth+"px";return}const L=B/w,z=L*(r.value.scrollWidth-window.innerWidth),P=L*(l.value.clientWidth*2/3);r.value.scrollTo({left:t==="rtl"?-z:z}),s.value.style[m]=`${P}px`},p=()=>{i.container="",k()},o=t=>{if(!(t instanceof HTMLElement))return 0;const m=window.getComputedStyle(t),v=parseFloat(m.marginTop)||0,w=parseFloat(m.marginBottom)||0;return v+w};let f;return e.onMounted(()=>{f=new IntersectionObserver(t=>{t.forEach(m=>{m.isIntersecting&&(i.container="",k())})},{root:null,rootMargin:"200px 0px 200px 0px",threshold:0}),window.addEventListener("scroll",d),window.addEventListener("resize",p),u.value&&f.observe(u.value)}),e.onBeforeUnmount(()=>{window.removeEventListener("scroll",d),window.removeEventListener("resize",p),f&&f.disconnect()}),(t,m)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:u,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer`),style:e.normalizeStyle(i.root)},[e.createElementVNode("div",{ref_key:"containerRef",ref:a,class:e.normalizeClass([`${e.unref(n.PREFIX)}-horizontal-viewer__container`,(t.title||t.desc)&&"has-header"]),style:e.normalizeStyle(i.container)},[t.title||t.desc?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__header`),ref_key:"headerRef",ref:h},[t.title?(e.openBlock(),e.createElementBlock("p",{key:0,innerHTML:t.title},null,8,S)):e.createCommentVNode("v-if",!0),t.desc?(e.openBlock(),e.createElementBlock("p",{key:1,innerHTML:t.desc},null,8,H)):e.createCommentVNode("v-if",!0)],2)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"scrollerRef",ref:r,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(t.dataList,v=>(e.openBlock(),e.createElementBlock("div",{key:v.title,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content-item`)},[e.createVNode(e.unref(I.ScLayzImage),{src:v.url,alt:v.alt},null,8,["src","alt"]),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content-item-footer`)},[e.createElementVNode("p",{innerHTML:v.title},null,8,N),e.createElementVNode("p",{innerHTML:v.desc},null,8,X)],2)],2))),128))],2)],2),e.createElementVNode("div",{ref_key:"paginationRef",ref:l,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:s,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__scrollbar-drag`)},null,2)],2)],2)],6)],6))}}),q=e.defineComponent({__name:"mb-viewer",props:{title:{},desc:{},isMobile:{type:Boolean},modelValue:{},dataList:{},swiperOptions:{},effect:{},showIntro:{type:Boolean},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{},indicatorType:{},showIndicator:{type:Boolean},indicatorPosition:{}},setup(c){const u=c,a=e.ref();return(r,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:a,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer-mb`)},[e.createVNode(e.unref(V),e.mergeProps(u,{indicatorType:"image"}),null,16)],2))}}),_=e.defineComponent({__name:"horizontal-viewer",props:{title:{},desc:{},isMobile:{type:Boolean},modelValue:{},dataList:{},swiperOptions:{},effect:{},showIntro:{type:Boolean},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{},indicatorType:{},showIndicator:{type:Boolean,default:!0},indicatorPosition:{}},setup(c){const u=c;return(a,r)=>a.isMobile?(e.openBlock(),e.createBlock(q,e.normalizeProps(e.mergeProps({key:0},u)),null,16)):(e.openBlock(),e.createBlock(M,e.normalizeProps(e.mergeProps({key:1},u)),null,16))}});_.install=c=>(c.component("ScHorizontalViewer",_),c);const x=_,W=["onClick"],O=["innerHTML"],U=["innerHTML"],E=e.defineComponent({__name:"image-indicator",props:{dataList:{},showIntro:{type:Boolean,default:!0}},emits:["change"],setup(c,{emit:u}){const a=u,r=e.ref(0),l=e.ref([]),s=e.computed(()=>{const i=l.value[r.value];return{height:`${i==null?void 0:i.offsetHeight}px`}}),h=i=>{r.value=i,a("change",i)};return(i,k)=>(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,(d,p)=>(e.openBlock(),e.createElementBlock("div",{key:d.url,class:e.normalizeClass([`${e.unref(n.PREFIX)}-image-indicator__list-item`,r.value===p?`${e.unref(n.PREFIX)}-image-indicator__active`:""]),onClick:o=>h(p)},[e.createVNode(e.unref(I.ScLayzImage),{src:d.url,alt:d.alt},null,8,["src","alt"])],10,W))),128))],2),i.showIntro?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro`),style:e.normalizeStyle(s.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.dataList,(d,p)=>(e.openBlock(),e.createElementBlock("div",{key:d.url,ref_for:!0,ref_key:"introItemRef",ref:l,class:e.normalizeClass([`${e.unref(n.PREFIX)}-image-indicator__intro-item`,r.value===p&&`${e.unref(n.PREFIX)}-image-indicator__active`])},[d.title?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro-title`),innerHTML:d.title},null,10,O)):e.createCommentVNode("v-if",!0),d.desc?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro-desc`),innerHTML:d.desc},null,10,U)):e.createCommentVNode("v-if",!0)],2))),128))],6)):e.createCommentVNode("v-if",!0)],2))}});E.install=c=>(c.component("ScImageIndicator",E),c);const R=E,D={class:"swiper-wrapper"},y=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(c,{emit:u}){const a=c,r=u;let l=null;const s=e.ref(a.modelValue),h=e.ref(),i=e.computed(()=>{const o=[`${n.PREFIX}-swiper-main`];return a.widthType==="middle"?o.push(`${n.PREFIX}-swiper-main__middle`):o.push(`${n.PREFIX}-swiper-main__full`),o}),k=e.computed(()=>{const o={};return a.tabIndicatorBottom&&(o.position="absolute",o.zIndex=1,o.bottom=typeof a.tabIndicatorBottom=="number"?`${a.tabIndicatorBottom}px`:a.tabIndicatorBottom),o});e.watch(()=>a.modelValue,()=>{s.value=a.modelValue,d(s.value)});const d=o=>{l==null||l.slideTo(o)},p=()=>{l==null||l.destroy(),h.value&&(l=new $.Swiper(h.value,{slidesPerView:1,allowTouchMove:!1,effect:a.effect,navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},...a.swiperOptions}),l.on("slideChange",o=>{s.value=o.activeIndex,r("change",o.activeIndex),r("update:modelValue",o.activeIndex)}))};return e.onMounted(()=>{p(),window.addEventListener("resize",p)}),e.onBeforeUnmount(()=>{l==null||l.destroy(),window.removeEventListener("resize",p)}),(o,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper`)},[e.createElementVNode("div",{ref_key:"swiperRef",ref:h,class:e.normalizeClass(i.value)},[e.createElementVNode("div",D,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.dataList,(t,m)=>(e.openBlock(),e.createElementBlock("div",{key:t.title,class:"swiper-slide"},[t.type==="img"?(e.openBlock(),e.createBlock(e.unref(I.ScLayzImage),{key:0,src:t.url,alt:t.alt},null,8,["src","alt"])):(e.openBlock(),e.createBlock(e.unref(T.ScVideo),e.mergeProps({key:1,ref_for:!0},o.videoProps,{url:t.url,poster:t.poster,playable:s.value===m}),null,16,["url","poster","playable"])),t.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))]),f[2]||(f[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),o.showIndicator?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.indicatorType==="tab"?(e.openBlock(),e.createBlock(e.unref(F.ScTabIndicator),{key:0,modelValue:s.value,"onUpdate:modelValue":f[0]||(f[0]=t=>s.value=t),class:e.normalizeClass([o.indicatorClass,o.indicatorPosition==="absolute"&&`${e.unref(n.PREFIX)}-swiper-indicator-absolute`]),dataList:o.dataList,"show-intro":o.showIntro,style:e.normalizeStyle(k.value),onChange:d},null,8,["modelValue","class","dataList","show-intro","style"])):(e.openBlock(),e.createBlock(e.unref(R),{key:1,modelValue:s.value,"onUpdate:modelValue":f[1]||(f[1]=t=>s.value=t),dataList:a.dataList,onChange:d},null,8,["modelValue","dataList"]))],64)):e.createCommentVNode("v-if",!0)],2))}});y.install=c=>(c.component("ScSwiperNormal",y),c);const V=y;exports.ScHorizontalViewer=x;exports.ScImageIndicator=R;exports.ScSwiperNormal=V;