@seresweb/website-component 2.2.2 → 2.3.0

package/dist/{index-tkvNmWjy.js → index-BPX4w5Vn.js}

@@ -1,19 +1,26 @@
 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 I, Fragment as R, renderList as N, createBlock as S, createVNode as G, mergeProps as W, normalizeProps as Y, computed as C, createStaticVNode as oe } from "vue";
-import { S as ne } from "./swiper-bundle-DOQ1LV4x.js";
-import { P as i } from "./_vars-BV4QQF-p.js";
+import { S as re } from "./swiper-bundle-DOQ1LV4x.js";
+import { P as n } from "./_vars-BV4QQF-p.js";
 import "./es/accordion-info-panel.mjs";
 import "./es/animated-number.mjs";
+import "./es/checkbox.mjs";
+import "./es/col.mjs";
+import "./es/config-provider.mjs";
+import "./index-Bc4wAl0z.js";
+import "./es/date-select.mjs";
 import "./es/drawer.mjs";
 import "./es/dropdown.mjs";
 import "./es/gradual-highlight.mjs";
-import { getRootOffset as re } from "@vavt/util";
+import { getRootOffset as ie } 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 "./es/row.mjs";
+import "./es/select.mjs";
 import "./es/swiper-showcase.mjs";
 import "./es/swiper-vehicle.mjs";
-import { ScTabIndicator as ie } from "./es/tab-indicator.mjs";
+import { ScTabIndicator as ne } 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",
@@ -25,43 +32,43 @@ const ae = ["innerHTML"], le = ["innerHTML"], se = ["innerHTML"], ce = ["innerHT
     extraBottomSpacing: { default: 0 }
   },
   setup(c) {
-    const v = c, a = y(), _ = y(), n = y(), f = y(), g = y(), d = y(), L = te({
+    const v = c, a = y(), _ = y(), r = y(), m = 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));
+    }), f = (i) => typeof i != "number" || Number.isNaN(i) ? 0 : i, b = (i, p, u) => {
+      const T = Math.min(Math.max(i, 0), u), M = Math.min(Math.max(p, 0), Math.max(u - T, 0));
       return { safeTop: T, safeBottom: M };
     }, k = () => {
       var X;
-      if (!n.value)
+      if (!r.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`;
+      const i = r.value.offsetHeight, p = window.innerHeight, u = ((X = d.value) == null ? void 0 : X.offsetHeight) || 0, T = h(d.value), M = f(v.extraTopSpacing), x = f(v.extraBottomSpacing), { safeTop: H, safeBottom: z } = b(M, x, p), O = Math.max(p - H - z, 0), V = Math.max((O - u - i - T) / 2, 0), K = H + V, Q = z + V;
+      L.container = `padding-top: ${K}px; padding-bottom: ${Q}px; min-height: ${p}px;`;
+      const ee = r.value.scrollWidth;
+      L.root = `height: ${Math.max(ee, p)}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;
+      const i = document.documentElement.getAttribute("dir") || "ltr", p = i === "rtl" ? "right" : "left";
+      if (!a.value || !r.value || !m.value || !g.value) return;
+      const T = a.value.clientHeight - window.innerHeight, { offsetTop: M } = ie(a.value), x = document.documentElement.scrollTop - M;
       if (x < 0) {
-        n.value.scrollTo({ left: 0 }), g.value.style[u] = "0px";
+        r.value.scrollTo({ left: 0 }), g.value.style[p] = "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";
+        const V = r.value.scrollWidth - window.innerWidth;
+        r.value.scrollTo({ left: i === "rtl" ? -V : V }), g.value.style[p] = m.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`;
+      const H = x / T, z = H * (r.value.scrollWidth - window.innerWidth), O = H * (m.value.clientWidth * 2 / 3);
+      r.value.scrollTo({ left: i === "rtl" ? -z : z }), g.value.style[p] = `${O}px`;
     }, $ = () => {
       L.container = "", k();
-    }, h = (r) => {
-      if (!(r instanceof HTMLElement))
+    }, h = (i) => {
+      if (!(i instanceof HTMLElement))
         return 0;
-      const u = window.getComputedStyle(r), p = parseFloat(u.marginTop) || 0, T = parseFloat(u.marginBottom) || 0;
-      return p + T;
+      const p = window.getComputedStyle(i), u = parseFloat(p.marginTop) || 0, T = parseFloat(p.marginBottom) || 0;
+      return u + T;
     };
     let B;
     return Z(
@@ -71,9 +78,9 @@ const ae = ["innerHTML"], le = ["innerHTML"], se = ["innerHTML"], ce = ["innerHT
       }
     ), j(() => {
       B = new IntersectionObserver(
-        (r) => {
-          r.forEach((u) => {
-            u.isIntersecting && (L.container = "", k());
+        (i) => {
+          i.forEach((p) => {
+            p.isIntersecting && (L.container = "", k());
           });
         },
         {
@@ -86,12 +93,12 @@ const ae = ["innerHTML"], le = ["innerHTML"], se = ["innerHTML"], ce = ["innerHT
       ), 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(
+    }), (i, p) => (o(), s(
       "div",
       {
         ref_key: "rootRef",
         ref: a,
-        class: l(`${t(i)}-horizontal-viewer`),
+        class: l(`${t(n)}-horizontal-viewer`),
         style: E(L.root)
       },
       [
@@ -100,26 +107,26 @@ const ae = ["innerHTML"], le = ["innerHTML"], se = ["innerHTML"], ce = ["innerHT
           {
             ref_key: "containerRef",
             ref: _,
-            class: l([`${t(i)}-horizontal-viewer__container`, (r.title || r.desc) && "has-header"]),
+            class: l([`${t(n)}-horizontal-viewer__container`, (i.title || i.desc) && "has-header"]),
             style: E(L.container)
           },
           [
-            r.title || r.desc ? (o(), s(
+            i.title || i.desc ? (o(), s(
               "div",
               {
                 key: 0,
-                class: l(`${t(i)}-horizontal-viewer__header`),
+                class: l(`${t(n)}-horizontal-viewer__header`),
                 ref_key: "headerRef",
                 ref: d
               },
               [
-                r.title ? (o(), s("p", {
+                i.title ? (o(), s("p", {
                   key: 0,
-                  innerHTML: r.title
+                  innerHTML: i.title
                 }, null, 8, ae)) : I("v-if", !0),
-                r.desc ? (o(), s("p", {
+                i.desc ? (o(), s("p", {
                   key: 1,
-                  innerHTML: r.desc
+                  innerHTML: i.desc
                 }, null, 8, le)) : I("v-if", !0)
               ],
               2
@@ -129,47 +136,47 @@ const ae = ["innerHTML"], le = ["innerHTML"], se = ["innerHTML"], ce = ["innerHT
               "div",
               {
                 ref_key: "scrollerRef",
-                ref: n,
-                class: l(`${t(i)}-horizontal-viewer__scroller`)
+                ref: r,
+                class: l(`${t(n)}-horizontal-viewer__scroller`)
               },
               [
                 w(
                   "div",
                   {
-                    class: l(`${t(i)}-horizontal-viewer__content`)
+                    class: l(`${t(n)}-horizontal-viewer__content`)
                   },
                   [
                     (o(!0), s(
                       R,
                       null,
-                      N(r.dataList, (p) => (o(), s(
+                      N(i.dataList, (u) => (o(), s(
                         "div",
                         {
-                          key: p.title,
-                          class: l(`${t(i)}-horizontal-viewer__content-item`)
+                          key: u.title,
+                          class: l(`${t(n)}-horizontal-viewer__content-item`)
                         },
                         [
-                          p.type === "img" ? (o(), S(t(A), {
+                          u.type === "img" ? (o(), S(t(A), {
                             key: 0,
-                            src: p.url,
-                            alt: p.alt
+                            src: u.url,
+                            alt: u.alt
                           }, null, 8, ["src", "alt"])) : (o(), S(t(J), {
                             key: 1,
-                            url: p.url,
-                            poster: p.poster,
+                            url: u.url,
+                            poster: u.poster,
                             "auto-play": !1
                           }, null, 8, ["url", "poster"])),
                           w(
                             "div",
                             {
-                              class: l(`${t(i)}-horizontal-viewer__content-item-footer`)
+                              class: l(`${t(n)}-horizontal-viewer__content-item-footer`)
                             },
                             [
                               w("p", {
-                                innerHTML: p.title
+                                innerHTML: u.title
                               }, null, 8, se),
                               w("p", {
-                                innerHTML: p.desc
+                                innerHTML: u.desc
                               }, null, 8, ce)
                             ],
                             2
@@ -194,14 +201,14 @@ const ae = ["innerHTML"], le = ["innerHTML"], se = ["innerHTML"], ce = ["innerHT
               "div",
               {
                 ref_key: "paginationRef",
-                ref: f,
-                class: l(`${t(i)}-horizontal-viewer__pagination`)
+                ref: m,
+                class: l(`${t(n)}-horizontal-viewer__pagination`)
               },
               [
                 w(
                   "div",
                   {
-                    class: l(`${t(i)}-horizontal-viewer__scrollbar`)
+                    class: l(`${t(n)}-horizontal-viewer__scrollbar`)
                   },
                   [
                     w(
@@ -209,7 +216,7 @@ const ae = ["innerHTML"], le = ["innerHTML"], se = ["innerHTML"], ce = ["innerHT
                       {
                         ref_key: "scrollbarDragRef",
                         ref: g,
-                        class: l(`${t(i)}-horizontal-viewer__scrollbar-drag`)
+                        class: l(`${t(n)}-horizontal-viewer__scrollbar-drag`)
                       },
                       null,
                       2
@@ -232,7 +239,7 @@ const ae = ["innerHTML"], le = ["innerHTML"], se = ["innerHTML"], ce = ["innerHT
       /* CLASS, STYLE */
     ));
   }
-}), ue = /* @__PURE__ */ P({
+}), pe = /* @__PURE__ */ P({
   __name: "mb-viewer",
   props: {
     title: {},
@@ -255,12 +262,12 @@ const ae = ["innerHTML"], le = ["innerHTML"], se = ["innerHTML"], ce = ["innerHT
   },
   setup(c) {
     const v = c, a = y();
-    return (_, n) => (o(), s(
+    return (_, r) => (o(), s(
       "div",
       {
         ref_key: "rootRef",
         ref: a,
-        class: l(`${t(i)}-horizontal-viewer-mb`)
+        class: l(`${t(n)}-horizontal-viewer-mb`)
       },
       [
         G(
@@ -299,7 +306,7 @@ const ae = ["innerHTML"], le = ["innerHTML"], se = ["innerHTML"], ce = ["innerHT
   setup(c) {
     const v = c;
     return (a, _) => a.isMobile ? (o(), S(
-      ue,
+      pe,
       Y(W({ key: 0 }, v)),
       null,
       16
@@ -314,7 +321,7 @@ const ae = ["innerHTML"], le = ["innerHTML"], se = ["innerHTML"], ce = ["innerHT
   }
 });
 F.install = (c) => (c.component("ScHorizontalViewer", F), c);
-const Pe = F, pe = ["onClick"], fe = ["innerHTML"], me = ["innerHTML"], D = /* @__PURE__ */ P({
+const De = F, ue = ["onClick"], me = ["innerHTML"], fe = ["innerHTML"], D = /* @__PURE__ */ P({
   __name: "image-indicator",
   props: {
     dataList: {},
@@ -322,8 +329,8 @@ const Pe = F, pe = ["onClick"], fe = ["innerHTML"], me = ["innerHTML"], D = /* @
   },
   emits: ["change"],
   setup(c, { emit: v }) {
-    const a = v, _ = y(0), n = y([]), f = C(() => {
-      const d = n.value[_.value];
+    const a = v, _ = y(0), r = y([]), m = C(() => {
+      const d = r.value[_.value];
       return {
         height: `${d == null ? void 0 : d.offsetHeight}px`
       };
@@ -333,31 +340,31 @@ const Pe = F, pe = ["onClick"], fe = ["innerHTML"], me = ["innerHTML"], D = /* @
     return (d, L) => (o(), s(
       "div",
       {
-        class: l(`${t(i)}-image-indicator`)
+        class: l(`${t(n)}-image-indicator`)
       },
       [
         w(
           "div",
           {
-            class: l(`${t(i)}-image-indicator__list`)
+            class: l(`${t(n)}-image-indicator__list`)
           },
           [
             (o(!0), s(
               R,
               null,
-              N(d.dataList, (m, b) => (o(), s("div", {
-                key: m.url,
+              N(d.dataList, (f, b) => (o(), s("div", {
+                key: f.url,
                 class: l([
-                  `${t(i)}-image-indicator__list-item`,
-                  _.value === b ? `${t(i)}-image-indicator__active` : ""
+                  `${t(n)}-image-indicator__list-item`,
+                  _.value === b ? `${t(n)}-image-indicator__active` : ""
                 ]),
                 onClick: (k) => g(b)
               }, [
                 G(t(A), {
-                  src: m.url,
-                  alt: m.alt
+                  src: f.url,
+                  alt: f.alt
                 }, null, 8, ["src", "alt"])
-              ], 10, pe))),
+              ], 10, ue))),
               128
               /* KEYED_FRAGMENT */
             ))
@@ -369,33 +376,33 @@ const Pe = F, pe = ["onClick"], fe = ["innerHTML"], me = ["innerHTML"], D = /* @
           "div",
           {
             key: 0,
-            class: l(`${t(i)}-image-indicator__intro`),
-            style: E(f.value)
+            class: l(`${t(n)}-image-indicator__intro`),
+            style: E(m.value)
           },
           [
             (o(!0), s(
               R,
               null,
-              N(d.dataList, (m, b) => (o(), s(
+              N(d.dataList, (f, b) => (o(), s(
                 "div",
                 {
-                  key: m.url,
+                  key: f.url,
                   ref_for: !0,
                   ref_key: "introItemRef",
-                  ref: n,
-                  class: l([`${t(i)}-image-indicator__intro-item`, _.value === b && `${t(i)}-image-indicator__active`])
+                  ref: r,
+                  class: l([`${t(n)}-image-indicator__intro-item`, _.value === b && `${t(n)}-image-indicator__active`])
                 },
                 [
-                  m.title ? (o(), s("p", {
+                  f.title ? (o(), s("p", {
                     key: 0,
-                    class: l(`${t(i)}-image-indicator__intro-title`),
-                    innerHTML: m.title
-                  }, null, 10, fe)) : I("v-if", !0),
-                  m.desc ? (o(), s("p", {
+                    class: l(`${t(n)}-image-indicator__intro-title`),
+                    innerHTML: f.title
+                  }, null, 10, me)) : I("v-if", !0),
+                  f.desc ? (o(), s("p", {
                     key: 1,
-                    class: l(`${t(i)}-image-indicator__intro-desc`),
-                    innerHTML: m.desc
-                  }, null, 10, me)) : I("v-if", !0)
+                    class: l(`${t(n)}-image-indicator__intro-desc`),
+                    innerHTML: f.desc
+                  }, null, 10, fe)) : I("v-if", !0)
                 ],
                 2
                 /* CLASS */
@@ -433,10 +440,10 @@ const ve = D, he = { class: "swiper-wrapper" }, U = /* @__PURE__ */ P({
   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;
+    let r = null;
+    const m = y(a.modelValue), g = y(), d = C(() => {
+      const e = [`${n}-swiper-main`];
+      return a.widthType === "middle" ? e.push(`${n}-swiper-main__middle`) : e.push(`${n}-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;
@@ -444,16 +451,16 @@ const ve = D, he = { class: "swiper-wrapper" }, U = /* @__PURE__ */ P({
     Z(
       () => a.modelValue,
       () => {
-        f.value = a.modelValue, b(f.value);
+        m.value = a.modelValue, b(m.value);
       }
     );
-    const m = C(() => a.dataList.map((e) => ({
+    const f = C(() => a.dataList.map((e) => ({
       ...e,
       url: e.type === "img" ? e.url || "" : e.poster || ""
     }))), b = (e) => {
-      n == null || n.slideTo(e);
+      r == null || r.slideTo(e);
     }, k = () => {
-      n == null || n.destroy(), g.value && (n = new ne(g.value, {
+      r == null || r.destroy(), g.value && (r = new re(g.value, {
         slidesPerView: 1,
         allowTouchMove: !1,
         effect: a.effect,
@@ -462,18 +469,18 @@ const ve = D, he = { class: "swiper-wrapper" }, U = /* @__PURE__ */ P({
           prevEl: ".swiper-button-prev"
         },
         ...a.swiperOptions
-      }), n.on("slideChange", (e) => {
-        f.value = e.activeIndex, _("change", e.activeIndex), _("update:modelValue", e.activeIndex);
+      }), r.on("slideChange", (e) => {
+        m.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);
+      r == null || r.destroy(), window.removeEventListener("resize", k);
     }), (e, $) => (o(), s(
       "div",
       {
-        class: l(`${t(i)}-swiper`)
+        class: l(`${t(n)}-swiper`)
       },
       [
         w(
@@ -502,13 +509,13 @@ const ve = D, he = { class: "swiper-wrapper" }, U = /* @__PURE__ */ P({
                   }, e.videoProps, {
                     url: h.url,
                     poster: h.poster,
-                    playable: f.value === B
+                    playable: m.value === B
                   }), null, 16, ["url", "poster", "playable"])),
                   h.mask ? (o(), s(
                     "div",
                     {
                       key: 2,
-                      class: l(`${t(i)}-swiper-mask`)
+                      class: l(`${t(n)}-swiper-mask`)
                     },
                     null,
                     2
@@ -528,20 +535,20 @@ const ve = D, he = { class: "swiper-wrapper" }, U = /* @__PURE__ */ P({
           R,
           { key: 0 },
           [
-            e.indicatorType === "tab" ? (o(), S(t(ie), {
+            e.indicatorType === "tab" ? (o(), S(t(ne), {
               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`]),
+              modelValue: m.value,
+              "onUpdate:modelValue": $[0] || ($[0] = (h) => m.value = h),
+              class: l([e.indicatorClass, e.indicatorPosition === "absolute" && `${t(n)}-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(), S(t(ve), {
               key: 1,
-              modelValue: f.value,
-              "onUpdate:modelValue": $[1] || ($[1] = (h) => f.value = h),
-              dataList: m.value,
+              modelValue: m.value,
+              "onUpdate:modelValue": $[1] || ($[1] = (h) => m.value = h),
+              dataList: f.value,
               onChange: b
             }, null, 8, ["modelValue", "dataList"]))
           ],
@@ -557,7 +564,7 @@ const ve = D, he = { class: "swiper-wrapper" }, U = /* @__PURE__ */ P({
 U.install = (c) => (c.component("ScSwiperNormal", U), c);
 const ge = U;
 export {
-  Pe as S,
+  De as S,
   ve as a,
   ge as b
 };