@hbis-uni/components 2.0.5 → 2.5.0

package/dist/index.es.js

@@ -1,25 +1,25 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementVNode, createCommentVNode, computed, ref, onMounted, watch, Fragment, renderList, normalizeStyle, useCssVars, nextTick, onUnmounted } from "vue";
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementVNode, createCommentVNode, computed, ref, onMounted, watch, Fragment, renderList, normalizeStyle, useCssVars, nextTick, onUnmounted, useSlots, resolveComponent, withDirectives, vModelText, createVNode, withCtx } from "vue";
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "C1",
   props: {
     title: { default: "C1 Component" },
     primary: { type: Boolean, default: !1 }
   },
-  setup(y) {
-    return (g, n) => (openBlock(), createElementBlock("div", {
-      class: normalizeClass(["c1-container", { "c1-primary": y.primary }])
+  setup(p) {
+    return (g, o) => (openBlock(), createElementBlock("div", {
+      class: normalizeClass(["c1-container", { "c1-primary": p.primary }])
     }, [
       renderSlot(g.$slots, "default", {}, () => [
-        createTextVNode(toDisplayString(y.title), 1)
+        createTextVNode(toDisplayString(p.title), 1)
       ], !0)
     ], 2));
   }
-}), _export_sfc = (y, g) => {
-  const n = y.__vccOpts || y;
+}), _export_sfc = (p, g) => {
+  const o = p.__vccOpts || p;
   for (const [t, r] of g)
-    n[t] = r;
-  return n;
-}, C1 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-e2028f64"]]), _hoisted_1$2 = { class: "c2-container" }, _hoisted_2$2 = { class: "c2-title" }, _hoisted_3$2 = { class: "c2-content" }, _sfc_main$4 = /* @__PURE__ */ defineComponent({
+    o[t] = r;
+  return o;
+}, C1 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-e2028f64"]]), _hoisted_1$4 = { class: "c2-container" }, _hoisted_2$4 = { class: "c2-title" }, _hoisted_3$4 = { class: "c2-content" }, _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "C2",
   props: {
     title: { default: "C2 Component" },
@@ -27,33 +27,33 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     buttonText: { default: "Click Me" }
   },
   emits: ["click"],
-  setup(y, { emit: g }) {
-    const n = g, t = (r) => {
-      n("click", r);
+  setup(p, { emit: g }) {
+    const o = g, t = (r) => {
+      o("click", r);
     };
-    return (r, v) => (openBlock(), createElementBlock("div", _hoisted_1$2, [
-      createElementVNode("h2", _hoisted_2$2, toDisplayString(y.title), 1),
-      createElementVNode("div", _hoisted_3$2, [
+    return (r, h) => (openBlock(), createElementBlock("div", _hoisted_1$4, [
+      createElementVNode("h2", _hoisted_2$4, toDisplayString(p.title), 1),
+      createElementVNode("div", _hoisted_3$4, [
         renderSlot(r.$slots, "default", {}, void 0, !0)
       ]),
-      y.showButton ? (openBlock(), createElementBlock("button", {
+      p.showButton ? (openBlock(), createElementBlock("button", {
         key: 0,
         class: "c2-button",
         onClick: t
-      }, toDisplayString(y.buttonText), 1)) : createCommentVNode("", !0)
+      }, toDisplayString(p.buttonText), 1)) : createCommentVNode("", !0)
     ]));
   }
-}), C2 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-b1d573ae"]]), _hoisted_1$1 = { key: 0 }, _hoisted_2$1 = { class: "hbis-date-strip__weekdays" }, _hoisted_3$1 = { class: "hbis-date-strip__dates" }, _hoisted_4$1 = ["onClick"], _hoisted_5$1 = { class: "hbis-date-strip__date-number" }, _hoisted_6$1 = { class: "hbis-date-strip__date-slot" }, _hoisted_7$1 = {
+}), C2 = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-b1d573ae"]]), _hoisted_1$3 = { key: 0 }, _hoisted_2$3 = { class: "hbis-date-strip__weekdays" }, _hoisted_3$3 = { class: "hbis-date-strip__dates" }, _hoisted_4$3 = ["onClick"], _hoisted_5$3 = { class: "hbis-date-strip__date-number" }, _hoisted_6$2 = { class: "hbis-date-strip__date-slot" }, _hoisted_7$2 = {
   key: 1,
   class: "hbis-date-strip__scroll-wrapper"
-}, _hoisted_8$1 = { class: "hbis-date-strip__scroll-container" }, _hoisted_9 = { class: "hbis-date-strip__weekdays" }, _hoisted_10 = { class: "hbis-date-strip__dates" }, _hoisted_11 = ["onClick"], _hoisted_12 = { class: "hbis-date-strip__date-number" }, _hoisted_13 = { class: "hbis-date-strip__date-slot" }, _sfc_main$3 = /* @__PURE__ */ defineComponent({
+}, _hoisted_8$1 = { class: "hbis-date-strip__scroll-container" }, _hoisted_9 = { class: "hbis-date-strip__weekdays" }, _hoisted_10 = { class: "hbis-date-strip__dates" }, _hoisted_11 = ["onClick"], _hoisted_12 = { class: "hbis-date-strip__date-number" }, _hoisted_13 = { class: "hbis-date-strip__date-slot" }, _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "hbis-dateStrip",
   props: {
     modelValue: { default: () => /* @__PURE__ */ new Date() },
     startDate: { default: () => /* @__PURE__ */ new Date() },
     endDate: { default: () => {
-      const y = /* @__PURE__ */ new Date();
-      return y.setDate(y.getDate() + 30), y;
+      const p = /* @__PURE__ */ new Date();
+      return p.setDate(p.getDate() + 30), p;
     } },
     highlightType: { default: "bg" },
     showToday: { type: Boolean, default: !0 },
@@ -67,33 +67,33 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     visibleDays: { default: 7 }
   },
   emits: ["update:modelValue", "dateClick"],
-  setup(y, { emit: g }) {
-    const n = y, t = g, r = computed(() => {
+  setup(p, { emit: g }) {
+    const o = p, t = g, r = computed(() => {
       if (console.log("props:", {
-        startDate: n.startDate,
-        endDate: n.endDate,
-        scrollable: n.scrollable
-      }), n.scrollable)
+        startDate: o.startDate,
+        endDate: o.endDate,
+        scrollable: o.scrollable
+      }), o.scrollable)
         return console.log("显式设置了scrollable为true，允许滚动"), !0;
       try {
-        const a = new Date(n.startDate);
-        a.setHours(0, 0, 0, 0);
-        const p = new Date(n.endDate);
-        if (p.setHours(0, 0, 0, 0), isNaN(a.getTime()) || isNaN(p.getTime()))
+        const s = new Date(o.startDate);
+        s.setHours(0, 0, 0, 0);
+        const d = new Date(o.endDate);
+        if (d.setHours(0, 0, 0, 0), isNaN(s.getTime()) || isNaN(d.getTime()))
           return console.log("无效的日期对象，使用默认滚动行为"), !1;
-        const e = p.getTime() - a.getTime(), A = Math.ceil(e / (1e3 * 60 * 60 * 24)), d = A + 1;
+        const e = d.getTime() - s.getTime(), x = Math.ceil(e / (1e3 * 60 * 60 * 24)), v = x + 1;
         return console.log("日期范围天数计算:", {
-          start: a.toLocaleDateString(),
-          end: p.toLocaleDateString(),
+          start: s.toLocaleDateString(),
+          end: d.toLocaleDateString(),
           diffTime: e,
-          diffDays: A,
-          totalDays: d,
-          shouldScroll: d > 7
-        }), d > 7;
-      } catch (a) {
-        return console.error("计算日期范围时出错:", a), !1;
+          diffDays: x,
+          totalDays: v,
+          shouldScroll: v > 7
+        }), v > 7;
+      } catch (s) {
+        return console.error("计算日期范围时出错:", s), !1;
       }
-    }), v = [
+    }), h = [
       { value: 0, label: "日", isWeekend: !0 },
       { value: 1, label: "一", isWeekend: !1 },
       { value: 2, label: "二", isWeekend: !1 },
@@ -101,155 +101,155 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       { value: 4, label: "四", isWeekend: !1 },
       { value: 5, label: "五", isWeekend: !1 },
       { value: 6, label: "六", isWeekend: !0 }
-    ], h = computed(() => {
-      const a = s.value[0];
-      if (!a)
-        return v;
-      const p = a.weekday, e = [];
-      for (let A = 0; A < 7; A++) {
-        const d = (p + A) % 7;
-        e.push(v[d]);
+    ], l = computed(() => {
+      const s = n.value[0];
+      if (!s)
+        return h;
+      const d = s.weekday, e = [];
+      for (let x = 0; x < 7; x++) {
+        const v = (d + x) % 7;
+        e.push(h[v]);
       }
       return e;
     });
     ref((() => {
-      const a = n.startDate || /* @__PURE__ */ new Date(), p = a.getDay(), e = a.getDate() - (p === 0 ? 6 : p - 1), A = new Date(a);
-      return A.setDate(e), A;
+      const s = o.startDate || /* @__PURE__ */ new Date(), d = s.getDay(), e = s.getDate() - (d === 0 ? 6 : d - 1), x = new Date(s);
+      return x.setDate(e), x;
     })()), onMounted(() => {
-      console.log("props:", n), console.log("highlightType:", n.highlightType);
+      console.log("props:", o), console.log("highlightType:", o.highlightType);
     }), watch(
-      () => n.highlightType,
-      (a) => {
-        console.log("highlightType changed:", a);
+      () => o.highlightType,
+      (s) => {
+        console.log("highlightType changed:", s);
       }
     ), watch(
-      () => n.modelValue,
-      (a) => {
-        console.log("modelValue changed:", a);
+      () => o.modelValue,
+      (s) => {
+        console.log("modelValue changed:", s);
       }
     );
-    const o = computed(() => {
-      const a = [];
+    const c = computed(() => {
+      const s = [];
       try {
-        const p = n.startDate, e = n.endDate;
-        if (isNaN(p.getTime()) || isNaN(e.getTime()))
-          return console.log("无效的日期对象，返回空数组"), a;
-        const A = Math.ceil((e.getTime() - p.getTime()) / (1e3 * 60 * 60 * 24)) + 1;
-        for (let d = 0; d < A; d++) {
-          const w = new Date(p);
-          w.setDate(p.getDate() + d), isNaN(w.getTime()) || a.push({
-            date: w,
-            dateString: l(w),
-            day: w.getDate(),
-            month: w.getMonth() + 1,
-            year: w.getFullYear(),
-            isWeekend: w.getDay() === 0 || w.getDay() === 6,
-            weekday: w.getDay()
+        const d = o.startDate, e = o.endDate;
+        if (isNaN(d.getTime()) || isNaN(e.getTime()))
+          return console.log("无效的日期对象，返回空数组"), s;
+        const x = Math.ceil((e.getTime() - d.getTime()) / (1e3 * 60 * 60 * 24)) + 1;
+        for (let v = 0; v < x; v++) {
+          const _ = new Date(d);
+          _.setDate(d.getDate() + v), isNaN(_.getTime()) || s.push({
+            date: _,
+            dateString: f(_),
+            day: _.getDate(),
+            month: _.getMonth() + 1,
+            year: _.getFullYear(),
+            isWeekend: _.getDay() === 0 || _.getDay() === 6,
+            weekday: _.getDay()
           });
         }
-      } catch (p) {
-        console.error("生成日期数组时出错:", p);
+      } catch (d) {
+        console.error("生成日期数组时出错:", d);
       }
-      return a;
-    }), s = computed(() => o.value.filter((a) => !!(a && a.date && a.dateString && !isNaN(a.date.getTime()) && typeof a.dateString == "string" && typeof a.day == "number"))), l = (a) => `${a.getFullYear()}-${String(a.getMonth() + 1).padStart(2, "0")}-${String(a.getDate()).padStart(2, "0")}`, i = (a) => {
-      const p = a.dateString;
-      return n.modelValue ? Array.isArray(n.modelValue) ? n.modelValue.some((e) => !e || isNaN(e.getTime()) ? !1 : l(e) === p) : isNaN(n.modelValue.getTime()) ? !1 : l(n.modelValue) === p : !1;
-    }, f = (a) => {
-      const p = l(/* @__PURE__ */ new Date());
-      return a.dateString === p;
-    }, u = (a) => {
-      const p = a.date;
-      return n.disablePast && p < new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)) || n.disableFuture && p > new Date((/* @__PURE__ */ new Date()).setHours(23, 59, 59, 999)) ? !1 : p >= n.startDate && p <= n.endDate;
-    }, S = (a) => {
-      var p;
-      return ((p = v.find((e) => e.value === a)) == null ? void 0 : p.label) || "";
-    }, k = (a) => {
-      u(a) && (t("dateClick", a), t("update:modelValue", a.date));
+      return s;
+    }), n = computed(() => c.value.filter((s) => !!(s && s.date && s.dateString && !isNaN(s.date.getTime()) && typeof s.dateString == "string" && typeof s.day == "number"))), f = (s) => `${s.getFullYear()}-${String(s.getMonth() + 1).padStart(2, "0")}-${String(s.getDate()).padStart(2, "0")}`, i = (s) => {
+      const d = s.dateString;
+      return o.modelValue ? Array.isArray(o.modelValue) ? o.modelValue.some((e) => !e || isNaN(e.getTime()) ? !1 : f(e) === d) : isNaN(o.modelValue.getTime()) ? !1 : f(o.modelValue) === d : !1;
+    }, y = (s) => {
+      const d = f(/* @__PURE__ */ new Date());
+      return s.dateString === d;
+    }, a = (s) => {
+      const d = s.date;
+      return o.disablePast && d < new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)) || o.disableFuture && d > new Date((/* @__PURE__ */ new Date()).setHours(23, 59, 59, 999)) ? !1 : d >= o.startDate && d <= o.endDate;
+    }, b = (s) => {
+      var d;
+      return ((d = h.find((e) => e.value === s)) == null ? void 0 : d.label) || "";
+    }, w = (s) => {
+      a(s) && (t("dateClick", s), t("update:modelValue", s.date));
     };
-    return (a, p) => (openBlock(), createElementBlock("div", {
+    return (s, d) => (openBlock(), createElementBlock("div", {
       class: normalizeClass(["hbis-date-strip", {
-        "hbis-date-strip--highlight-bg": y.highlightType === "bg",
-        "hbis-date-strip--highlight-dot": y.highlightType === "dot",
-        "hbis-date-strip--highlight-round": y.highlightType === "round",
+        "hbis-date-strip--highlight-bg": p.highlightType === "bg",
+        "hbis-date-strip--highlight-dot": p.highlightType === "dot",
+        "hbis-date-strip--highlight-round": p.highlightType === "round",
         "hbis-date-strip--scrollable": r.value
       }])
     }, [
-      r.value ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
+      r.value ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
         createElementVNode("div", _hoisted_8$1, [
           createElementVNode("div", _hoisted_9, [
-            (openBlock(!0), createElementBlock(Fragment, null, renderList(s.value, (e) => (openBlock(), createElementBlock("div", {
+            (openBlock(!0), createElementBlock(Fragment, null, renderList(n.value, (e) => (openBlock(), createElementBlock("div", {
               key: e.dateString + "-weekday",
               class: normalizeClass(["hbis-date-strip__weekday", {
                 "hbis-date-strip__weekday--weekend": e.isWeekend
               }])
-            }, toDisplayString(S(e.weekday)), 3))), 128))
+            }, toDisplayString(b(e.weekday)), 3))), 128))
           ]),
           createElementVNode("div", _hoisted_10, [
-            (openBlock(!0), createElementBlock(Fragment, null, renderList(s.value, (e) => (openBlock(), createElementBlock("div", {
+            (openBlock(!0), createElementBlock(Fragment, null, renderList(n.value, (e) => (openBlock(), createElementBlock("div", {
               key: e.dateString,
               class: normalizeClass(["hbis-date-strip__date", {
                 "hbis-date-strip__date--selected": i(e),
-                "hbis-date-strip__date--today": f(e),
-                "hbis-date-strip__date--disabled": !u(e),
+                "hbis-date-strip__date--today": y(e),
+                "hbis-date-strip__date--disabled": !a(e),
                 "hbis-date-strip__date--weekend": e.isWeekend
               }]),
               style: normalizeStyle({
-                color: i(e) ? y.selectedColor : y.normalColor,
-                backgroundColor: i(e) ? y.selectedBgColor : y.normalBgColor
+                color: i(e) ? p.selectedColor : p.normalColor,
+                backgroundColor: i(e) ? p.selectedBgColor : p.normalBgColor
               }),
-              onClick: (A) => k(e)
+              onClick: (x) => w(e)
             }, [
               createElementVNode("div", _hoisted_12, toDisplayString(e.day), 1),
               createElementVNode("div", _hoisted_13, [
-                renderSlot(a.$slots, "default", { date: e }, void 0, !0)
+                renderSlot(s.$slots, "default", { date: e }, void 0, !0)
               ])
             ], 14, _hoisted_11))), 128))
           ])
         ])
-      ])) : (openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createElementVNode("div", _hoisted_2$1, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(h.value, (e) => (openBlock(), createElementBlock("div", {
+      ])) : (openBlock(), createElementBlock("div", _hoisted_1$3, [
+        createElementVNode("div", _hoisted_2$3, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(l.value, (e) => (openBlock(), createElementBlock("div", {
             key: e.value,
             class: normalizeClass(["hbis-date-strip__weekday", {
               "hbis-date-strip__weekday--weekend": e.isWeekend
             }])
           }, toDisplayString(e.label), 3))), 128))
         ]),
-        createElementVNode("div", _hoisted_3$1, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(s.value, (e) => (openBlock(), createElementBlock("div", {
+        createElementVNode("div", _hoisted_3$3, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(n.value, (e) => (openBlock(), createElementBlock("div", {
             key: e.dateString,
             class: normalizeClass(["hbis-date-strip__date", {
               "hbis-date-strip__date--selected": i(e),
-              "hbis-date-strip__date--today": f(e),
-              "hbis-date-strip__date--disabled": !u(e),
+              "hbis-date-strip__date--today": y(e),
+              "hbis-date-strip__date--disabled": !a(e),
               "hbis-date-strip__date--weekend": e.isWeekend
             }]),
             style: normalizeStyle({
-              color: i(e) ? y.selectedColor : y.normalColor,
-              backgroundColor: i(e) ? y.selectedBgColor : y.normalBgColor
+              color: i(e) ? p.selectedColor : p.normalColor,
+              backgroundColor: i(e) ? p.selectedBgColor : p.normalBgColor
             }),
-            onClick: (A) => k(e)
+            onClick: (x) => w(e)
           }, [
-            createElementVNode("div", _hoisted_5$1, toDisplayString(e.day), 1),
-            createElementVNode("div", _hoisted_6$1, [
-              renderSlot(a.$slots, "default", { date: e }, void 0, !0)
+            createElementVNode("div", _hoisted_5$3, toDisplayString(e.day), 1),
+            createElementVNode("div", _hoisted_6$2, [
+              renderSlot(s.$slots, "default", { date: e }, void 0, !0)
             ])
-          ], 14, _hoisted_4$1))), 128))
+          ], 14, _hoisted_4$3))), 128))
         ])
       ]))
     ], 2));
   }
-}), hbisDateStrip = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-2e8258eb"]]), _hoisted_1 = { class: "image-preview" }, _hoisted_2 = {
+}), hbisDateStrip = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-2e8258eb"]]), _hoisted_1$2 = { class: "image-preview" }, _hoisted_2$2 = {
   key: 0,
   class: "counter"
-}, _hoisted_3 = { class: "counter-text" }, _hoisted_4 = { class: "swiper-container" }, _hoisted_5 = ["onWheel"], _hoisted_6 = ["src", "onLoad"], _hoisted_7 = ["disabled"], _hoisted_8 = ["disabled"], _sfc_main$2 = {
+}, _hoisted_3$2 = { class: "counter-text" }, _hoisted_4$2 = { class: "swiper-container" }, _hoisted_5$2 = ["onWheel"], _hoisted_6$1 = ["src", "onLoad"], _hoisted_7$1 = ["disabled"], _hoisted_8 = ["disabled"], _sfc_main$4 = {
   __name: "hbis-previewImage",
   props: {
     // 图片集合
     images: {
       type: Array,
       required: !0,
-      validator: (y) => y.every((g) => typeof g == "string")
+      validator: (p) => p.every((g) => typeof g == "string")
     },
     // 当前显示的图片索引
     initialIndex: {
@@ -278,129 +278,129 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["close", "change", "update:initialIndex"],
-  setup(y, { emit: g }) {
-    const n = y, t = g, r = ref(n.initialIndex), v = ref(null), h = ref(!1), m = ref(!1), o = ref(0), s = ref(0), l = ref(0), i = ref(window.innerWidth), f = ref(window.innerHeight), u = ref(n.images.map(() => ({
+  setup(p, { emit: g }) {
+    const o = p, t = g, r = ref(o.initialIndex), h = ref(null), l = ref(!1), u = ref(!1), c = ref(0), n = ref(0), f = ref(0), i = ref(window.innerWidth), y = ref(window.innerHeight), a = ref(o.images.map(() => ({
       scale: 1,
       translateX: 0,
       translateY: 0,
       naturalWidth: 0,
       naturalHeight: 0,
       isLoaded: !1
-    }))), S = ref(0), k = ref(0), a = ref(0), p = ref(0), e = ref(0), A = computed(() => ({
-      transform: `translateX(${l.value}px)`,
-      transition: h.value ? "none" : "transform 0.3s ease"
-    })), d = computed(() => ({
+    }))), b = ref(0), w = ref(0), s = ref(0), d = ref(0), e = ref(0), x = computed(() => ({
+      transform: `translateX(${f.value}px)`,
+      transition: l.value ? "none" : "transform 0.3s ease"
+    })), v = computed(() => ({
       width: `${i.value}px`,
-      height: `${f.value}px`
+      height: `${y.value}px`
     }));
-    watch(() => n.initialIndex, (c) => {
-      c !== r.value && (r.value = c, w());
+    watch(() => o.initialIndex, (m) => {
+      m !== r.value && (r.value = m, _());
     }), onMounted(() => {
-      const c = () => {
-        i.value = window.innerWidth, f.value = window.innerHeight, w();
+      const m = () => {
+        i.value = window.innerWidth, y.value = window.innerHeight, _();
       };
-      return window.addEventListener("resize", c), c(), () => {
-        window.removeEventListener("resize", c);
+      return window.addEventListener("resize", m), m(), () => {
+        window.removeEventListener("resize", m);
       };
     });
-    const w = () => {
-      l.value = -r.value * i.value;
-    }, x = () => {
-      r.value > 0 && (r.value--, w(), N(), t("change", r.value), t("update:initialIndex", r.value));
-    }, _ = () => {
-      r.value < n.images.length - 1 && (r.value++, w(), N(), t("change", r.value), t("update:initialIndex", r.value));
-    }, N = () => {
-      u.value[r.value] = {
-        ...u.value[r.value],
+    const _ = () => {
+      f.value = -r.value * i.value;
+    }, E = () => {
+      r.value > 0 && (r.value--, _(), O(), t("change", r.value), t("update:initialIndex", r.value));
+    }, S = () => {
+      r.value < o.images.length - 1 && (r.value++, _(), O(), t("change", r.value), t("update:initialIndex", r.value));
+    }, O = () => {
+      a.value[r.value] = {
+        ...a.value[r.value],
         scale: 1,
         translateX: 0,
         translateY: 0
       };
-    }, T = (c) => {
-      const b = u.value[c];
+    }, T = (m) => {
+      const k = a.value[m];
       return {
-        transform: `scale(${b.scale}) translate(${b.translateX}px, ${b.translateY}px)`,
-        transition: m.value ? "none" : "transform 0.1s ease",
-        opacity: b.isLoaded ? 1 : 0
+        transform: `scale(${k.scale}) translate(${k.translateX}px, ${k.translateY}px)`,
+        transition: u.value ? "none" : "transform 0.1s ease",
+        opacity: k.isLoaded ? 1 : 0
       };
-    }, F = (c) => {
-      const b = event.target;
-      u.value[c] = {
-        ...u.value[c],
-        naturalWidth: b.naturalWidth,
-        naturalHeight: b.naturalHeight,
+    }, I = (m) => {
+      const k = event.target;
+      a.value[m] = {
+        ...a.value[m],
+        naturalWidth: k.naturalWidth,
+        naturalHeight: k.naturalHeight,
         isLoaded: !0
       };
-    }, C = (c) => {
-      c.target.tagName === "IMG" ? (m.value = !0, o.value = c.clientX - u.value[r.value].translateX, s.value = c.clientY - u.value[r.value].translateY) : (h.value = !0, o.value = c.clientX - l.value), c.preventDefault();
-    }, D = (c) => {
-      if (m.value) {
-        const b = c.clientX - o.value, O = c.clientY - s.value;
-        u.value[r.value] = {
-          ...u.value[r.value],
-          translateX: b,
-          translateY: O
+    }, C = (m) => {
+      m.target.tagName === "IMG" ? (u.value = !0, c.value = m.clientX - a.value[r.value].translateX, n.value = m.clientY - a.value[r.value].translateY) : (l.value = !0, c.value = m.clientX - f.value), m.preventDefault();
+    }, B = (m) => {
+      if (u.value) {
+        const k = m.clientX - c.value, N = m.clientY - n.value;
+        a.value[r.value] = {
+          ...a.value[r.value],
+          translateX: k,
+          translateY: N
         };
-      } else if (h.value && n.enableSwipe) {
-        const b = c.clientX - o.value;
-        l.value = b;
+      } else if (l.value && o.enableSwipe) {
+        const k = m.clientX - c.value;
+        f.value = k;
       }
-    }, P = () => {
-      if (h.value && n.enableSwipe) {
-        const c = i.value * 0.3;
-        Math.abs(l.value + r.value * i.value) > c ? l.value > 0 ? x() : _() : w();
+    }, $ = () => {
+      if (l.value && o.enableSwipe) {
+        const m = i.value * 0.3;
+        Math.abs(f.value + r.value * i.value) > m ? f.value > 0 ? E() : S() : _();
       }
-      h.value = !1, m.value = !1;
-    }, L = (c) => {
-      const b = c.touches[0];
-      S.value = b.clientX, k.value = b.clientY, a.value = Date.now();
-    }, V = (c) => {
-      const b = c.touches[0];
-      p.value = b.clientX, e.value = b.clientY;
-      const O = p.value - S.value, E = e.value - k.value;
-      if (Math.abs(O) > Math.abs(E))
-        c.preventDefault(), h.value = !0, l.value = -r.value * i.value + O;
-      else if (u.value[r.value].scale > 1) {
-        c.preventDefault(), m.value = !0;
-        const B = O + u.value[r.value].translateX, j = E + u.value[r.value].translateY;
-        u.value[r.value] = {
-          ...u.value[r.value],
-          translateX: B,
+      l.value = !1, u.value = !1;
+    }, R = (m) => {
+      const k = m.touches[0];
+      b.value = k.clientX, w.value = k.clientY, s.value = Date.now();
+    }, V = (m) => {
+      const k = m.touches[0];
+      d.value = k.clientX, e.value = k.clientY;
+      const N = d.value - b.value, A = e.value - w.value;
+      if (Math.abs(N) > Math.abs(A))
+        m.preventDefault(), l.value = !0, f.value = -r.value * i.value + N;
+      else if (a.value[r.value].scale > 1) {
+        m.preventDefault(), u.value = !0;
+        const D = N + a.value[r.value].translateX, j = A + a.value[r.value].translateY;
+        a.value[r.value] = {
+          ...a.value[r.value],
+          translateX: D,
           translateY: j
         };
       }
     }, M = () => {
-      if (h.value) {
-        const c = p.value - S.value, b = Date.now() - a.value, O = i.value * 0.2, E = Math.abs(c) / b;
-        Math.abs(c) > O || E > 0.5 ? c > 0 ? x() : _() : w();
+      if (l.value) {
+        const m = d.value - b.value, k = Date.now() - s.value, N = i.value * 0.2, A = Math.abs(m) / k;
+        Math.abs(m) > N || A > 0.5 ? m > 0 ? E() : S() : _();
       }
-      h.value = !1, m.value = !1;
-    }, I = (c, b) => {
-      if (b !== r.value) return;
-      c.preventDefault();
-      const O = c.deltaY > 0 ? -0.1 : 0.1, E = c.clientX, B = c.clientY;
-      W(E, B, O);
-    }, W = (c, b, O) => {
-      const E = u.value[r.value], B = Math.max(
-        n.minScale,
-        Math.min(n.maxScale, E.scale + O)
-      ), j = event.target.getBoundingClientRect(), $ = c - j.left, R = b - j.top, z = B - E.scale, U = E.translateX + ($ - E.translateX) * (z / E.scale), X = E.translateY + (R - E.translateY) * (z / E.scale);
-      u.value[r.value] = {
-        ...E,
-        scale: B,
+      l.value = !1, u.value = !1;
+    }, F = (m, k) => {
+      if (k !== r.value) return;
+      m.preventDefault();
+      const N = m.deltaY > 0 ? -0.1 : 0.1, A = m.clientX, D = m.clientY;
+      W(A, D, N);
+    }, W = (m, k, N) => {
+      const A = a.value[r.value], D = Math.max(
+        o.minScale,
+        Math.min(o.maxScale, A.scale + N)
+      ), j = event.target.getBoundingClientRect(), L = m - j.left, P = k - j.top, z = D - A.scale, U = A.translateX + (L - A.translateX) * (z / A.scale), H = A.translateY + (P - A.translateY) * (z / A.scale);
+      a.value[r.value] = {
+        ...A,
+        scale: D,
         translateX: U,
-        translateY: X
+        translateY: H
       };
     };
-    return (c, b) => (openBlock(), createElementBlock("div", _hoisted_1, [
-      y.images.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_2, [
-        createElementVNode("span", _hoisted_3, toDisplayString(r.value + 1) + "/" + toDisplayString(y.images.length), 1)
+    return (m, k) => (openBlock(), createElementBlock("div", _hoisted_1$2, [
+      p.images.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
+        createElementVNode("span", _hoisted_3$2, toDisplayString(r.value + 1) + "/" + toDisplayString(p.images.length), 1)
       ])) : createCommentVNode("", !0),
-      y.showCloseBtn ? (openBlock(), createElementBlock("button", {
+      p.showCloseBtn ? (openBlock(), createElementBlock("button", {
         key: 1,
         class: "close-btn",
-        onClick: b[0] || (b[0] = (O) => t("close"))
-      }, [...b[1] || (b[1] = [
+        onClick: k[0] || (k[0] = (N) => t("close"))
+      }, [...k[1] || (k[1] = [
         createElementVNode("svg", {
           width: "24",
           height: "24",
@@ -423,46 +423,46 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           })
         ], -1)
       ])])) : createCommentVNode("", !0),
-      createElementVNode("div", _hoisted_4, [
+      createElementVNode("div", _hoisted_4$2, [
         createElementVNode("div", {
           class: "swiper-wrapper",
           ref_key: "swiperWrapper",
-          ref: v,
-          style: normalizeStyle(A.value),
-          onTouchstart: L,
+          ref: h,
+          style: normalizeStyle(x.value),
+          onTouchstart: R,
           onTouchmove: V,
           onTouchend: M,
           onMousedown: C,
-          onMousemove: D,
-          onMouseup: P,
-          onMouseleave: P
+          onMousemove: B,
+          onMouseup: $,
+          onMouseleave: $
         }, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(y.images, (O, E) => (openBlock(), createElementBlock("div", {
-            key: E,
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(p.images, (N, A) => (openBlock(), createElementBlock("div", {
+            key: A,
             class: "swiper-slide",
-            style: normalizeStyle(d.value)
+            style: normalizeStyle(v.value)
           }, [
             createElementVNode("div", {
               class: "image-container",
-              onWheel: (B) => I(B, E)
+              onWheel: (D) => F(D, A)
             }, [
               createElementVNode("img", {
-                src: O,
+                src: N,
                 alt: "Preview image",
                 class: "preview-image",
-                style: normalizeStyle(T(E)),
-                onLoad: (B) => F(E),
+                style: normalizeStyle(T(A)),
+                onLoad: (D) => I(A),
                 loading: "lazy"
-              }, null, 44, _hoisted_6)
-            ], 40, _hoisted_5)
+              }, null, 44, _hoisted_6$1)
+            ], 40, _hoisted_5$2)
           ], 4))), 128))
         ], 36)
       ]),
       createElementVNode("button", {
         class: "nav-btn prev-btn",
-        onClick: x,
+        onClick: E,
         disabled: r.value === 0
-      }, [...b[2] || (b[2] = [
+      }, [...k[2] || (k[2] = [
         createElementVNode("svg", {
           width: "24",
           height: "24",
@@ -473,12 +473,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         }, [
           createElementVNode("polyline", { points: "15 18 9 12 15 6" })
         ], -1)
-      ])], 8, _hoisted_7),
+      ])], 8, _hoisted_7$1),
       createElementVNode("button", {
         class: "nav-btn next-btn",
-        onClick: _,
-        disabled: r.value === y.images.length - 1
-      }, [...b[3] || (b[3] = [
+        onClick: S,
+        disabled: r.value === p.images.length - 1
+      }, [...k[3] || (k[3] = [
         createElementVNode("svg", {
           width: "24",
           height: "24",
@@ -503,63 +503,63 @@ var svga_lite_min = { exports: {} };
  * Released under the MIT License.
  */
 (function(module, exports$1) {
-  (function(y, g) {
+  (function(p, g) {
     module.exports = g();
   })(window, function() {
-    return function(y) {
+    return function(p) {
       var g = {};
-      function n(t) {
+      function o(t) {
         if (g[t]) return g[t].exports;
         var r = g[t] = { i: t, l: !1, exports: {} };
-        return y[t].call(r.exports, r, r.exports, n), r.l = !0, r.exports;
+        return p[t].call(r.exports, r, r.exports, o), r.l = !0, r.exports;
       }
-      return n.m = y, n.c = g, n.d = function(t, r, v) {
-        n.o(t, r) || Object.defineProperty(t, r, { enumerable: !0, get: v });
-      }, n.r = function(t) {
+      return o.m = p, o.c = g, o.d = function(t, r, h) {
+        o.o(t, r) || Object.defineProperty(t, r, { enumerable: !0, get: h });
+      }, o.r = function(t) {
         typeof Symbol < "u" && Symbol.toStringTag && Object.defineProperty(t, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(t, "__esModule", { value: !0 });
-      }, n.t = function(t, r) {
-        if (1 & r && (t = n(t)), 8 & r || 4 & r && typeof t == "object" && t && t.__esModule) return t;
-        var v = /* @__PURE__ */ Object.create(null);
-        if (n.r(v), Object.defineProperty(v, "default", { enumerable: !0, value: t }), 2 & r && typeof t != "string") for (var h in t) n.d(v, h, (function(m) {
-          return t[m];
-        }).bind(null, h));
-        return v;
-      }, n.n = function(t) {
+      }, o.t = function(t, r) {
+        if (1 & r && (t = o(t)), 8 & r || 4 & r && typeof t == "object" && t && t.__esModule) return t;
+        var h = /* @__PURE__ */ Object.create(null);
+        if (o.r(h), Object.defineProperty(h, "default", { enumerable: !0, value: t }), 2 & r && typeof t != "string") for (var l in t) o.d(h, l, (function(u) {
+          return t[u];
+        }).bind(null, l));
+        return h;
+      }, o.n = function(t) {
         var r = t && t.__esModule ? function() {
           return t.default;
         } : function() {
           return t;
         };
-        return n.d(r, "a", r), r;
-      }, n.o = function(t, r) {
+        return o.d(r, "a", r), r;
+      }, o.o = function(t, r) {
         return Object.prototype.hasOwnProperty.call(t, r);
-      }, n.p = "", n(n.s = 1);
-    }([function(y, g, n) {
+      }, o.p = "", o(o.s = 1);
+    }([function(p, g, o) {
       Object.defineProperty(g, "__esModule", { value: !0 });
-      var t = function(r, v, h) {
-        this._d = r, this._transform = v, this._styles = h;
+      var t = function(r, h, l) {
+        this._d = r, this._transform = h, this._styles = l;
       };
       g.default = t;
-    }, function(y, g, n) {
+    }, function(p, g, o) {
       Object.defineProperty(g, "__esModule", { value: !0 });
-      var t = n(2), r = n(3), v = n(4), h = { Downloader: t.default, Parser: r.default, Player: v.default };
-      g.default = h;
-    }, function(y, g, n) {
+      var t = o(2), r = o(3), h = o(4), l = { Downloader: t.default, Parser: r.default, Player: h.default };
+      g.default = l;
+    }, function(p, g, o) {
       Object.defineProperty(g, "__esModule", { value: !0 });
       var t = function() {
         function r() {
           this.request = null;
         }
-        return r.prototype.get = function(v) {
-          var h = this;
-          if (!v) throw new Error("download link undefined");
-          return new Promise(function(m, o) {
-            var s = new XMLHttpRequest();
-            s.open("GET", v, !0), s.responseType = "arraybuffer", s.onloadend = function() {
-              !s.response || s.status !== 200 && s.status !== 304 ? o(s) : m(s.response);
-            }, s.onerror = function() {
-              return o(s.response);
-            }, s.send(), h.request = s;
+        return r.prototype.get = function(h) {
+          var l = this;
+          if (!h) throw new Error("download link undefined");
+          return new Promise(function(u, c) {
+            var n = new XMLHttpRequest();
+            n.open("GET", h, !0), n.responseType = "arraybuffer", n.onloadend = function() {
+              !n.response || n.status !== 200 && n.status !== 304 ? c(n) : u(n.response);
+            }, n.onerror = function() {
+              return c(n.response);
+            }, n.send(), l.request = n;
           });
         }, r.prototype.cancel = function() {
           this.request && this.request.abort();
@@ -577,39 +577,39 @@ var svga_lite_min = { exports: {} };
           var disableWorker = (_a === void 0 ? { disableWorker: !1 } : _a).disableWorker;
           disableWorker ? (eval(WORKER), this.worker = window.SVGAParserMockWorker) : this.worker = new Worker(window.URL.createObjectURL(new Blob([WORKER])));
         }
-        return Parser.prototype.do = function(y) {
-          var g = this, n = new Uint8Array(y, 0, 4);
-          if (n[0] == 80 && n[1] == 75 && n[2] == 3 && n[3] == 4) throw "this parser not support version@1.x of svga.";
-          if (!y) throw new Error("Parser Data not found");
+        return Parser.prototype.do = function(p) {
+          var g = this, o = new Uint8Array(p, 0, 4);
+          if (o[0] == 80 && o[1] == 75 && o[2] == 3 && o[3] == 4) throw "this parser not support version@1.x of svga.";
+          if (!p) throw new Error("Parser Data not found");
           if (!this.worker) throw new Error("Parser Worker not found");
           return new Promise(function(t, r) {
-            var v;
-            g.worker.disableWorker ? ((v = g.worker).onmessageCallback = function(h) {
-              t(h);
-            }, v.onmessage({ data: y })) : ((v = g.worker).postMessage(y), v.onmessage = function(h) {
-              var m = h.data;
-              t(m);
+            var h;
+            g.worker.disableWorker ? ((h = g.worker).onmessageCallback = function(l) {
+              t(l);
+            }, h.onmessage({ data: p })) : ((h = g.worker).postMessage(p), h.onmessage = function(l) {
+              var u = l.data;
+              t(u);
             });
           });
         }, Parser.prototype.destroy = function() {
-          var y = this.worker;
-          y.terminate && y.terminate();
+          var p = this.worker;
+          p.terminate && p.terminate();
         }, Parser;
       }();
       exports$1.default = Parser;
-    }, function(y, g, n) {
+    }, function(p, g, o) {
       Object.defineProperty(g, "__esModule", { value: !0 });
-      var t, r, v, h = n(5), m = n(9);
-      (function(l) {
-        l.START = "start", l.RESUME = "resume", l.PROCESS = "process", l.PAUSE = "pause", l.STOP = "stop", l.END = "end", l.CLEAR = "clear";
-      })(t || (t = {})), function(l) {
-        l.FORWARDS = "forwards", l.BACKWARDS = "backwards";
-      }(r || (r = {})), function(l) {
-        l.FORWARDS = "forwards", l.FALLBACKS = "fallbacks";
-      }(v || (v = {}));
-      var o = typeof window < "u" && "IntersectionObserver" in window, s = function() {
-        function l(i, f, u) {
-          if (this.videoItem = f, this.loop = !0, this.fillMode = r.FORWARDS, this.playMode = v.FORWARDS, this.progress = 0, this.currentFrame = 0, this.totalFramesCount = 0, this.startFrame = 0, this.endFrame = 0, this.cacheFrames = !1, this.intersectionObserverRender = !1, this.intersectionObserverRenderShow = !0, this._intersectionObserver = null, this.$onEvent = { start: function() {
+      var t, r, h, l = o(5), u = o(9);
+      (function(f) {
+        f.START = "start", f.RESUME = "resume", f.PROCESS = "process", f.PAUSE = "pause", f.STOP = "stop", f.END = "end", f.CLEAR = "clear";
+      })(t || (t = {})), function(f) {
+        f.FORWARDS = "forwards", f.BACKWARDS = "backwards";
+      }(r || (r = {})), function(f) {
+        f.FORWARDS = "forwards", f.FALLBACKS = "fallbacks";
+      }(h || (h = {}));
+      var c = typeof window < "u" && "IntersectionObserver" in window, n = function() {
+        function f(i, y, a) {
+          if (this.videoItem = y, this.loop = !0, this.fillMode = r.FORWARDS, this.playMode = h.FORWARDS, this.progress = 0, this.currentFrame = 0, this.totalFramesCount = 0, this.startFrame = 0, this.endFrame = 0, this.cacheFrames = !1, this.intersectionObserverRender = !1, this.intersectionObserverRenderShow = !0, this._intersectionObserver = null, this.$onEvent = { start: function() {
           }, resume: function() {
           }, process: function() {
           }, pause: function() {
@@ -618,242 +618,242 @@ var svga_lite_min = { exports: {} };
           }, clear: function() {
           } }, this.container = typeof i == "string" ? document.body.querySelector(i) : i, !this.container) throw new Error("container undefined.");
           if (!this.container.getContext) throw new Error("container should be HTMLCanvasElement.");
-          this._renderer = new h.default(this), this._animator = new m.default(), this.videoItem && this.mount(f), u && this.set(u);
+          this._renderer = new l.default(this), this._animator = new u.default(), this.videoItem && this.mount(y), a && this.set(a);
         }
-        return l.prototype.set = function(i) {
-          var f = this;
-          i.loop !== void 0 && (this.loop = i.loop), i.fillMode && (this.fillMode = i.fillMode), i.playMode && (this.playMode = i.playMode), i.cacheFrames !== void 0 && (this.cacheFrames = i.cacheFrames), this.startFrame = i.startFrame ? i.startFrame : this.startFrame, this.endFrame = i.endFrame ? i.endFrame : this.endFrame, i.intersectionObserverRender !== void 0 && (this.intersectionObserverRender = i.intersectionObserverRender), o && this.intersectionObserverRender ? (this._intersectionObserver = new IntersectionObserver(function(u) {
-            u[0].intersectionRatio <= 0 ? f.intersectionObserverRenderShow && (f.intersectionObserverRenderShow = !1) : !f.intersectionObserverRenderShow && (f.intersectionObserverRenderShow = !0);
+        return f.prototype.set = function(i) {
+          var y = this;
+          i.loop !== void 0 && (this.loop = i.loop), i.fillMode && (this.fillMode = i.fillMode), i.playMode && (this.playMode = i.playMode), i.cacheFrames !== void 0 && (this.cacheFrames = i.cacheFrames), this.startFrame = i.startFrame ? i.startFrame : this.startFrame, this.endFrame = i.endFrame ? i.endFrame : this.endFrame, i.intersectionObserverRender !== void 0 && (this.intersectionObserverRender = i.intersectionObserverRender), c && this.intersectionObserverRender ? (this._intersectionObserver = new IntersectionObserver(function(a) {
+            a[0].intersectionRatio <= 0 ? y.intersectionObserverRenderShow && (y.intersectionObserverRenderShow = !1) : !y.intersectionObserverRenderShow && (y.intersectionObserverRenderShow = !0);
           }, { rootMargin: "0px", threshold: [0, 0.5, 1] }), this._intersectionObserver.observe(this.container)) : (this._intersectionObserver && this._intersectionObserver.disconnect(), this.intersectionObserverRender = !1, this.intersectionObserverRenderShow = !0), this._animator.noExecutionDelay = i.noExecutionDelay;
-        }, l.prototype.mount = function(i) {
-          var f = this;
-          return new Promise(function(u, S) {
-            f.currentFrame = 0, f.progress = 0, f.totalFramesCount = i.frames - 1, f.videoItem = i, f._renderer.prepare().then(u), f._renderer.clear(), f._setSize();
+        }, f.prototype.mount = function(i) {
+          var y = this;
+          return new Promise(function(a, b) {
+            y.currentFrame = 0, y.progress = 0, y.totalFramesCount = i.frames - 1, y.videoItem = i, y._renderer.prepare().then(a), y._renderer.clear(), y._setSize();
           });
-        }, l.prototype.start = function() {
+        }, f.prototype.start = function() {
           if (!this.videoItem) throw new Error("video item undefined.");
           this._renderer.clear(), this._startAnimation(), this.$onEvent.start();
-        }, l.prototype.resume = function() {
+        }, f.prototype.resume = function() {
           if (!this.videoItem) throw new Error("video item undefined.");
           this._startAnimation(), this.$onEvent.resume();
-        }, l.prototype.pause = function() {
+        }, f.prototype.pause = function() {
           this._animator && this._animator.stop(), this.$onEvent.pause();
-        }, l.prototype.stop = function() {
+        }, f.prototype.stop = function() {
           this._animator && this._animator.stop(), this.currentFrame = 0, this._renderer.drawFrame(this.currentFrame), this.$onEvent.stop();
-        }, l.prototype.clear = function() {
+        }, f.prototype.clear = function() {
           this._animator && this._animator.stop(), this._renderer.clear(), this.$onEvent.clear();
-        }, l.prototype.destroy = function() {
+        }, f.prototype.destroy = function() {
           this._animator && this._animator.stop(), this._renderer.clear(), this._animator = null, this._renderer = null, this.videoItem = null;
-        }, l.prototype.$on = function(i, f) {
-          var u = this;
-          return this.$onEvent[i] = f, i === "end" && (this._animator.onEnd = function() {
-            return u.$onEvent.end();
+        }, f.prototype.$on = function(i, y) {
+          var a = this;
+          return this.$onEvent[i] = y, i === "end" && (this._animator.onEnd = function() {
+            return a.$onEvent.end();
           }), this;
-        }, l.prototype._startAnimation = function() {
-          var i = this, f = this, u = f.playMode, S = f.totalFramesCount, k = f.startFrame, a = f.endFrame, p = f.videoItem;
-          this.currentFrame === S && (this.currentFrame = k || 0), this._animator.startValue = u === "fallbacks" ? a || S : k || 0, this._animator.endValue = u === "fallbacks" ? k || 0 : a || S;
-          var e = p.frames;
-          a > 0 && a > k ? e = a - k : a <= 0 && k > 0 && (e = p.frames - k), this._animator.duration = e * (1 / p.FPS) * 1e3, this._animator.loop = this.loop === !0 || this.loop <= 0 ? 1 / 0 : this.loop === !1 ? 1 : this.loop, this._animator.fillRule = this.fillMode === "backwards" ? 1 : 0, this._animator.onUpdate = function(A) {
-            A = Math.floor(A), i.currentFrame !== A && (i.currentFrame = A, i.progress = parseFloat((A + 1).toString()) / parseFloat(p.frames.toString()) * 100, i._renderer.drawFrame(i.currentFrame), i.$onEvent.process());
+        }, f.prototype._startAnimation = function() {
+          var i = this, y = this, a = y.playMode, b = y.totalFramesCount, w = y.startFrame, s = y.endFrame, d = y.videoItem;
+          this.currentFrame === b && (this.currentFrame = w || 0), this._animator.startValue = a === "fallbacks" ? s || b : w || 0, this._animator.endValue = a === "fallbacks" ? w || 0 : s || b;
+          var e = d.frames;
+          s > 0 && s > w ? e = s - w : s <= 0 && w > 0 && (e = d.frames - w), this._animator.duration = e * (1 / d.FPS) * 1e3, this._animator.loop = this.loop === !0 || this.loop <= 0 ? 1 / 0 : this.loop === !1 ? 1 : this.loop, this._animator.fillRule = this.fillMode === "backwards" ? 1 : 0, this._animator.onUpdate = function(x) {
+            x = Math.floor(x), i.currentFrame !== x && (i.currentFrame = x, i.progress = parseFloat((x + 1).toString()) / parseFloat(d.frames.toString()) * 100, i._renderer.drawFrame(i.currentFrame), i.$onEvent.process());
           }, this._animator.start(this.currentFrame);
-        }, l.prototype._setSize = function() {
+        }, f.prototype._setSize = function() {
           var i = this.videoItem.videoSize;
           this.container.width = i.width, this.container.height = i.height;
-        }, l;
+        }, f;
       }();
-      g.default = s;
-    }, function(y, g, n) {
+      g.default = n;
+    }, function(p, g, o) {
       Object.defineProperty(g, "__esModule", { value: !0 });
-      var t = n(6), r = function() {
-        function v(h) {
-          this._bitmapCache = {}, this._dynamicElements = {}, this._frames = {}, this._player = h;
-          var m = this._player.container;
-          this._ofsCanvas = window.OffscreenCanvas ? new window.OffscreenCanvas(m.width, m.height) : document.createElement("canvas");
+      var t = o(6), r = function() {
+        function h(l) {
+          this._bitmapCache = {}, this._dynamicElements = {}, this._frames = {}, this._player = l;
+          var u = this._player.container;
+          this._ofsCanvas = window.OffscreenCanvas ? new window.OffscreenCanvas(u.width, u.height) : document.createElement("canvas");
         }
-        return v.prototype.prepare = function() {
-          var h = this;
-          return new Promise(function(m, o) {
-            if (h._bitmapCache = {}, h._player.videoItem.images && Object.keys(h._player.videoItem.images).length != 0) {
-              h._player.videoItem.dynamicElements && (h._dynamicElements = h._player.videoItem.dynamicElements);
-              var s = 0, l = 0;
-              for (var i in h._player.videoItem.images) {
-                var f = h._player.videoItem.images[i];
-                if (typeof f != "string" || f.indexOf("iVBO") !== 0 && f.indexOf("/9j/2w") !== 0) h._bitmapCache[i] = f;
+        return h.prototype.prepare = function() {
+          var l = this;
+          return new Promise(function(u, c) {
+            if (l._bitmapCache = {}, l._player.videoItem.images && Object.keys(l._player.videoItem.images).length != 0) {
+              l._player.videoItem.dynamicElements && (l._dynamicElements = l._player.videoItem.dynamicElements);
+              var n = 0, f = 0;
+              for (var i in l._player.videoItem.images) {
+                var y = l._player.videoItem.images[i];
+                if (typeof y != "string" || y.indexOf("iVBO") !== 0 && y.indexOf("/9j/2w") !== 0) l._bitmapCache[i] = y;
                 else {
-                  s++;
-                  var u = document.createElement("img");
-                  u.src = "data:image/png;base64," + f, h._bitmapCache[i] = u, u.onload = function() {
-                    ++l === s && m();
+                  n++;
+                  var a = document.createElement("img");
+                  a.src = "data:image/png;base64," + y, l._bitmapCache[i] = a, a.onload = function() {
+                    ++f === n && u();
                   };
                 }
               }
-            } else m();
+            } else u();
           });
-        }, v.prototype.clear = function() {
+        }, h.prototype.clear = function() {
           this._player.container.width = this._player.container.width;
-        }, v.prototype.drawFrame = function(h) {
-          var m = this._player;
-          if (!m.intersectionObserverRender || m.intersectionObserverRenderShow) {
+        }, h.prototype.drawFrame = function(l) {
+          var u = this._player;
+          if (!u.intersectionObserverRender || u.intersectionObserverRenderShow) {
             this.clear();
-            var o = m.container.getContext("2d");
-            if (this._player.cacheFrames && this._frames[h]) {
-              var s = this._frames[h];
-              o.drawImage(s, 0, 0, s.width, s.height, 0, 0, s.width, s.height);
+            var c = u.container.getContext("2d");
+            if (this._player.cacheFrames && this._frames[l]) {
+              var n = this._frames[l];
+              c.drawImage(n, 0, 0, n.width, n.height, 0, 0, n.width, n.height);
             } else {
-              var l = this._ofsCanvas;
-              if (l.width = this._player.container.width, l.height = this._player.container.height, t.default(l, this._bitmapCache, this._dynamicElements, this._player.videoItem, this._player.currentFrame), o.drawImage(l, 0, 0, l.width, l.height, 0, 0, l.width, l.height), this._player.cacheFrames) if ("toDataURL" in l) {
-                var i = l.toDataURL(), f = new Image();
-                f.src = i, this._frames[h] = f;
-              } else this._frames[h] = l.transferToImageBitmap();
+              var f = this._ofsCanvas;
+              if (f.width = this._player.container.width, f.height = this._player.container.height, t.default(f, this._bitmapCache, this._dynamicElements, this._player.videoItem, this._player.currentFrame), c.drawImage(f, 0, 0, f.width, f.height, 0, 0, f.width, f.height), this._player.cacheFrames) if ("toDataURL" in f) {
+                var i = f.toDataURL(), y = new Image();
+                y.src = i, this._frames[l] = y;
+              } else this._frames[l] = f.transferToImageBitmap();
             }
           }
-        }, v;
+        }, h;
       }();
       g.default = r;
-    }, function(y, g, n) {
+    }, function(p, g, o) {
       Object.defineProperty(g, "__esModule", { value: !0 }), g.default = void 0;
-      var t = h(n(0)), r = h(n(7)), v = h(n(8));
-      function h(i) {
+      var t = l(o(0)), r = l(o(7)), h = l(o(8));
+      function l(i) {
         return i && i.__esModule ? i : { default: i };
       }
-      var m = "MLHVCSQRZmlhvcsqrz";
-      function o(i, f) {
-        var u = f._styles;
-        u !== void 0 && (u && u.stroke ? i.strokeStyle = "rgba(".concat(parseInt((255 * u.stroke[0]).toString()), ", ").concat(parseInt((255 * u.stroke[1]).toString()), ", ").concat(parseInt((255 * u.stroke[2]).toString()), ", ").concat(u.stroke[3], ")") : i.strokeStyle = "transparent", u && (i.lineWidth = u.strokeWidth || void 0, i.lineCap = u.lineCap || void 0, i.lineJoin = u.lineJoin || void 0, i.miterLimit = u.miterLimit || void 0), u && u.fill ? i.fillStyle = "rgba(".concat(parseInt((255 * u.fill[0]).toString()), ", ").concat(parseInt((255 * u.fill[1]).toString()), ", ").concat(parseInt((255 * u.fill[2]).toString()), ", ").concat(u.fill[3], ")") : i.fillStyle = "transparent", u && u.lineDash && i.setLineDash(u.lineDash));
+      var u = "MLHVCSQRZmlhvcsqrz";
+      function c(i, y) {
+        var a = y._styles;
+        a !== void 0 && (a && a.stroke ? i.strokeStyle = "rgba(".concat(parseInt((255 * a.stroke[0]).toString()), ", ").concat(parseInt((255 * a.stroke[1]).toString()), ", ").concat(parseInt((255 * a.stroke[2]).toString()), ", ").concat(a.stroke[3], ")") : i.strokeStyle = "transparent", a && (i.lineWidth = a.strokeWidth || void 0, i.lineCap = a.lineCap || void 0, i.lineJoin = a.lineJoin || void 0, i.miterLimit = a.miterLimit || void 0), a && a.fill ? i.fillStyle = "rgba(".concat(parseInt((255 * a.fill[0]).toString()), ", ").concat(parseInt((255 * a.fill[1]).toString()), ", ").concat(parseInt((255 * a.fill[2]).toString()), ", ").concat(a.fill[3], ")") : i.fillStyle = "transparent", a && a.lineDash && i.setLineDash(a.lineDash));
       }
-      function s(i, f) {
-        i.save(), o(i, f), f._transform !== void 0 && f._transform !== null && i.transform(f._transform.a || 1, f._transform.b || 0, f._transform.c || 0, f._transform.d || 1, f._transform.tx || 0, f._transform.ty || 0);
-        var u = { x: 0, y: 0, x1: 0, y1: 0, x2: 0, y2: 0 };
-        i.beginPath(), f._d.replace(/([a-zA-Z])/g, "|||$1 ").replace(/,/g, " ").split("|||").forEach(function(S) {
-          if (S.length != 0) {
-            var k = S.substr(0, 1);
-            if (m.indexOf(k) >= 0) {
-              var a = S.substr(1).trim().split(" ");
-              (function(p, e, A, d) {
-                switch (A) {
+      function n(i, y) {
+        i.save(), c(i, y), y._transform !== void 0 && y._transform !== null && i.transform(y._transform.a || 1, y._transform.b || 0, y._transform.c || 0, y._transform.d || 1, y._transform.tx || 0, y._transform.ty || 0);
+        var a = { x: 0, y: 0, x1: 0, y1: 0, x2: 0, y2: 0 };
+        i.beginPath(), y._d.replace(/([a-zA-Z])/g, "|||$1 ").replace(/,/g, " ").split("|||").forEach(function(b) {
+          if (b.length != 0) {
+            var w = b.substr(0, 1);
+            if (u.indexOf(w) >= 0) {
+              var s = b.substr(1).trim().split(" ");
+              (function(d, e, x, v) {
+                switch (x) {
                   case "M":
-                    e.x = Number(d[0]), e.y = Number(d[1]), p.moveTo(e.x, e.y);
+                    e.x = Number(v[0]), e.y = Number(v[1]), d.moveTo(e.x, e.y);
                     break;
                   case "m":
-                    e.x += Number(d[0]), e.y += Number(d[1]), p.moveTo(e.x, e.y);
+                    e.x += Number(v[0]), e.y += Number(v[1]), d.moveTo(e.x, e.y);
                     break;
                   case "L":
-                    e.x = Number(d[0]), e.y = Number(d[1]), p.lineTo(e.x, e.y);
+                    e.x = Number(v[0]), e.y = Number(v[1]), d.lineTo(e.x, e.y);
                     break;
                   case "l":
-                    e.x += Number(d[0]), e.y += Number(d[1]), p.lineTo(e.x, e.y);
+                    e.x += Number(v[0]), e.y += Number(v[1]), d.lineTo(e.x, e.y);
                     break;
                   case "H":
-                    e.x = Number(d[0]), p.lineTo(e.x, e.y);
+                    e.x = Number(v[0]), d.lineTo(e.x, e.y);
                     break;
                   case "h":
-                    e.x += Number(d[0]), p.lineTo(e.x, e.y);
+                    e.x += Number(v[0]), d.lineTo(e.x, e.y);
                     break;
                   case "V":
-                    e.y = Number(d[0]), p.lineTo(e.x, e.y);
+                    e.y = Number(v[0]), d.lineTo(e.x, e.y);
                     break;
                   case "v":
-                    e.y += Number(d[0]), p.lineTo(e.x, e.y);
+                    e.y += Number(v[0]), d.lineTo(e.x, e.y);
                     break;
                   case "C":
-                    e.x1 = Number(d[0]), e.y1 = Number(d[1]), e.x2 = Number(d[2]), e.y2 = Number(d[3]), e.x = Number(d[4]), e.y = Number(d[5]), p.bezierCurveTo(e.x1, e.y1, e.x2, e.y2, e.x, e.y);
+                    e.x1 = Number(v[0]), e.y1 = Number(v[1]), e.x2 = Number(v[2]), e.y2 = Number(v[3]), e.x = Number(v[4]), e.y = Number(v[5]), d.bezierCurveTo(e.x1, e.y1, e.x2, e.y2, e.x, e.y);
                     break;
                   case "c":
-                    e.x1 = e.x + Number(d[0]), e.y1 = e.y + Number(d[1]), e.x2 = e.x + Number(d[2]), e.y2 = e.y + Number(d[3]), e.x += Number(d[4]), e.y += Number(d[5]), p.bezierCurveTo(e.x1, e.y1, e.x2, e.y2, e.x, e.y);
+                    e.x1 = e.x + Number(v[0]), e.y1 = e.y + Number(v[1]), e.x2 = e.x + Number(v[2]), e.y2 = e.y + Number(v[3]), e.x += Number(v[4]), e.y += Number(v[5]), d.bezierCurveTo(e.x1, e.y1, e.x2, e.y2, e.x, e.y);
                     break;
                   case "S":
-                    e.x1 && e.y1 && e.x2 && e.y2 ? (e.x1 = e.x - e.x2 + e.x, e.y1 = e.y - e.y2 + e.y, e.x2 = Number(d[0]), e.y2 = Number(d[1]), e.x = Number(d[2]), e.y = Number(d[3]), p.bezierCurveTo(e.x1, e.y1, e.x2, e.y2, e.x, e.y)) : (e.x1 = Number(d[0]), e.y1 = Number(d[1]), e.x = Number(d[2]), e.y = Number(d[3]), p.quadraticCurveTo(e.x1, e.y1, e.x, e.y));
+                    e.x1 && e.y1 && e.x2 && e.y2 ? (e.x1 = e.x - e.x2 + e.x, e.y1 = e.y - e.y2 + e.y, e.x2 = Number(v[0]), e.y2 = Number(v[1]), e.x = Number(v[2]), e.y = Number(v[3]), d.bezierCurveTo(e.x1, e.y1, e.x2, e.y2, e.x, e.y)) : (e.x1 = Number(v[0]), e.y1 = Number(v[1]), e.x = Number(v[2]), e.y = Number(v[3]), d.quadraticCurveTo(e.x1, e.y1, e.x, e.y));
                     break;
                   case "s":
-                    e.x1 && e.y1 && e.x2 && e.y2 ? (e.x1 = e.x - e.x2 + e.x, e.y1 = e.y - e.y2 + e.y, e.x2 = e.x + Number(d[0]), e.y2 = e.y + Number(d[1]), e.x += Number(d[2]), e.y += Number(d[3]), p.bezierCurveTo(e.x1, e.y1, e.x2, e.y2, e.x, e.y)) : (e.x1 = e.x + Number(d[0]), e.y1 = e.y + Number(d[1]), e.x += Number(d[2]), e.y += Number(d[3]), p.quadraticCurveTo(e.x1, e.y1, e.x, e.y));
+                    e.x1 && e.y1 && e.x2 && e.y2 ? (e.x1 = e.x - e.x2 + e.x, e.y1 = e.y - e.y2 + e.y, e.x2 = e.x + Number(v[0]), e.y2 = e.y + Number(v[1]), e.x += Number(v[2]), e.y += Number(v[3]), d.bezierCurveTo(e.x1, e.y1, e.x2, e.y2, e.x, e.y)) : (e.x1 = e.x + Number(v[0]), e.y1 = e.y + Number(v[1]), e.x += Number(v[2]), e.y += Number(v[3]), d.quadraticCurveTo(e.x1, e.y1, e.x, e.y));
                     break;
                   case "Q":
-                    e.x1 = Number(d[0]), e.y1 = Number(d[1]), e.x = Number(d[2]), e.y = Number(d[3]), p.quadraticCurveTo(e.x1, e.y1, e.x, e.y);
+                    e.x1 = Number(v[0]), e.y1 = Number(v[1]), e.x = Number(v[2]), e.y = Number(v[3]), d.quadraticCurveTo(e.x1, e.y1, e.x, e.y);
                     break;
                   case "q":
-                    e.x1 = e.x + Number(d[0]), e.y1 = e.y + Number(d[1]), e.x += Number(d[2]), e.y += Number(d[3]), p.quadraticCurveTo(e.x1, e.y1, e.x, e.y);
+                    e.x1 = e.x + Number(v[0]), e.y1 = e.y + Number(v[1]), e.x += Number(v[2]), e.y += Number(v[3]), d.quadraticCurveTo(e.x1, e.y1, e.x, e.y);
                     break;
                   case "A":
                   case "a":
                     break;
                   case "Z":
                   case "z":
-                    p.closePath();
+                    d.closePath();
                 }
-              })(i, u, k, a);
+              })(i, a, w, s);
             }
           }
-        }), f._styles && f._styles.fill ? i.fill() : f._styles && f._styles.stroke && i.stroke(), i.restore();
+        }), y._styles && y._styles.fill ? i.fill() : y._styles && y._styles.stroke && i.stroke(), i.restore();
       }
-      var l = function(i, f, u, S, k) {
-        var a = i.getContext("2d");
-        return S.sprites.forEach(function(p) {
-          var e = p.frames[k];
+      var f = function(i, y, a, b, w) {
+        var s = i.getContext("2d");
+        return b.sprites.forEach(function(d) {
+          var e = d.frames[w];
           if (!(e.alpha < 0.05)) {
-            a.save(), a.globalAlpha = e.alpha, a.transform(e.transform.a || 1, e.transform.b || 0, e.transform.c || 0, e.transform.d || 1, e.transform.tx || 0, e.transform.ty || 0);
-            var A = f[p.imageKey];
-            A && (e.maskPath !== void 0 && e.maskPath !== null && (e.maskPath._styles = void 0, s(a, e.maskPath), a.clip()), a.drawImage(A, 0, 0));
-            var d = u[p.imageKey];
-            d && a.drawImage(d, (e.layout.width - d.width) / 2, (e.layout.height - d.height) / 2), e.shapes && e.shapes.forEach(function(w) {
-              w.type === "shape" && w.pathArgs && w.pathArgs.d ? s(a, new t.default(w.pathArgs.d, w.transform, w.styles)) : w.type === "ellipse" && w.pathArgs ? function(x, _) {
-                x.save(), o(x, _), _._transform !== void 0 && _._transform !== null && x.transform(_._transform.a || 1, _._transform.b || 0, _._transform.c || 0, _._transform.d || 1, _._transform.tx || 0, _._transform.ty || 0);
-                var N = _._x - _._radiusX, T = _._y - _._radiusY, F = 2 * _._radiusX, C = 2 * _._radiusY, D = F / 2 * 0.5522848, P = C / 2 * 0.5522848, L = N + F, V = T + C, M = N + F / 2, I = T + C / 2;
-                x.beginPath(), x.moveTo(N, I), x.bezierCurveTo(N, I - P, M - D, T, M, T), x.bezierCurveTo(M + D, T, L, I - P, L, I), x.bezierCurveTo(L, I + P, M + D, V, M, V), x.bezierCurveTo(M - D, V, N, I + P, N, I), _._styles && _._styles.fill ? x.fill() : _._styles && _._styles.stroke && x.stroke(), x.restore();
-              }(a, new r.default(parseFloat(w.pathArgs.x) || 0, parseFloat(w.pathArgs.y) || 0, parseFloat(w.pathArgs.radiusX) || 0, parseFloat(w.pathArgs.radiusY) || 0, w.transform, w.styles)) : w.type === "rect" && w.pathArgs && function(x, _) {
-                x.save(), o(x, _), _._transform !== void 0 && _._transform !== null && x.transform(_._transform.a || 1, _._transform.b || 0, _._transform.c || 0, _._transform.d || 1, _._transform.tx || 0, _._transform.ty || 0);
-                var N = _._x, T = _._y, F = _._width, C = _._height, D = _._cornerRadius;
-                F < 2 * D && (D = F / 2), C < 2 * D && (D = C / 2), x.beginPath(), x.moveTo(N + D, T), x.arcTo(N + F, T, N + F, T + C, D), x.arcTo(N + F, T + C, N, T + C, D), x.arcTo(N, T + C, N, T, D), x.arcTo(N, T, N + F, T, D), x.closePath(), _._styles && _._styles.fill ? x.fill() : _._styles && _._styles.stroke && x.stroke(), x.restore();
-              }(a, new v.default(parseFloat(w.pathArgs.x) || 0, parseFloat(w.pathArgs.y) || 0, parseFloat(w.pathArgs.width) || 0, parseFloat(w.pathArgs.height) || 0, parseFloat(w.pathArgs.cornerRadius) || 0, w.transform, w.styles));
-            }), a.restore();
+            s.save(), s.globalAlpha = e.alpha, s.transform(e.transform.a || 1, e.transform.b || 0, e.transform.c || 0, e.transform.d || 1, e.transform.tx || 0, e.transform.ty || 0);
+            var x = y[d.imageKey];
+            x && (e.maskPath !== void 0 && e.maskPath !== null && (e.maskPath._styles = void 0, n(s, e.maskPath), s.clip()), s.drawImage(x, 0, 0));
+            var v = a[d.imageKey];
+            v && s.drawImage(v, (e.layout.width - v.width) / 2, (e.layout.height - v.height) / 2), e.shapes && e.shapes.forEach(function(_) {
+              _.type === "shape" && _.pathArgs && _.pathArgs.d ? n(s, new t.default(_.pathArgs.d, _.transform, _.styles)) : _.type === "ellipse" && _.pathArgs ? function(E, S) {
+                E.save(), c(E, S), S._transform !== void 0 && S._transform !== null && E.transform(S._transform.a || 1, S._transform.b || 0, S._transform.c || 0, S._transform.d || 1, S._transform.tx || 0, S._transform.ty || 0);
+                var O = S._x - S._radiusX, T = S._y - S._radiusY, I = 2 * S._radiusX, C = 2 * S._radiusY, B = I / 2 * 0.5522848, $ = C / 2 * 0.5522848, R = O + I, V = T + C, M = O + I / 2, F = T + C / 2;
+                E.beginPath(), E.moveTo(O, F), E.bezierCurveTo(O, F - $, M - B, T, M, T), E.bezierCurveTo(M + B, T, R, F - $, R, F), E.bezierCurveTo(R, F + $, M + B, V, M, V), E.bezierCurveTo(M - B, V, O, F + $, O, F), S._styles && S._styles.fill ? E.fill() : S._styles && S._styles.stroke && E.stroke(), E.restore();
+              }(s, new r.default(parseFloat(_.pathArgs.x) || 0, parseFloat(_.pathArgs.y) || 0, parseFloat(_.pathArgs.radiusX) || 0, parseFloat(_.pathArgs.radiusY) || 0, _.transform, _.styles)) : _.type === "rect" && _.pathArgs && function(E, S) {
+                E.save(), c(E, S), S._transform !== void 0 && S._transform !== null && E.transform(S._transform.a || 1, S._transform.b || 0, S._transform.c || 0, S._transform.d || 1, S._transform.tx || 0, S._transform.ty || 0);
+                var O = S._x, T = S._y, I = S._width, C = S._height, B = S._cornerRadius;
+                I < 2 * B && (B = I / 2), C < 2 * B && (B = C / 2), E.beginPath(), E.moveTo(O + B, T), E.arcTo(O + I, T, O + I, T + C, B), E.arcTo(O + I, T + C, O, T + C, B), E.arcTo(O, T + C, O, T, B), E.arcTo(O, T, O + I, T, B), E.closePath(), S._styles && S._styles.fill ? E.fill() : S._styles && S._styles.stroke && E.stroke(), E.restore();
+              }(s, new h.default(parseFloat(_.pathArgs.x) || 0, parseFloat(_.pathArgs.y) || 0, parseFloat(_.pathArgs.width) || 0, parseFloat(_.pathArgs.height) || 0, parseFloat(_.pathArgs.cornerRadius) || 0, _.transform, _.styles));
+            }), s.restore();
           }
         }), i;
       };
-      g.default = l;
-    }, function(y, g, n) {
-      var t, r = (t = function(h, m) {
-        return (t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(o, s) {
-          o.__proto__ = s;
-        } || function(o, s) {
-          for (var l in s) Object.prototype.hasOwnProperty.call(s, l) && (o[l] = s[l]);
-        })(h, m);
-      }, function(h, m) {
-        function o() {
-          this.constructor = h;
+      g.default = f;
+    }, function(p, g, o) {
+      var t, r = (t = function(l, u) {
+        return (t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(c, n) {
+          c.__proto__ = n;
+        } || function(c, n) {
+          for (var f in n) Object.prototype.hasOwnProperty.call(n, f) && (c[f] = n[f]);
+        })(l, u);
+      }, function(l, u) {
+        function c() {
+          this.constructor = l;
         }
-        t(h, m), h.prototype = m === null ? Object.create(m) : (o.prototype = m.prototype, new o());
+        t(l, u), l.prototype = u === null ? Object.create(u) : (c.prototype = u.prototype, new c());
       });
       Object.defineProperty(g, "__esModule", { value: !0 });
-      var v = function(h) {
-        function m(o, s, l, i, f, u) {
-          var S = h.call(this) || this;
-          return S._x = o, S._y = s, S._radiusX = l, S._radiusY = i, S._transform = f, S._styles = u, S;
+      var h = function(l) {
+        function u(c, n, f, i, y, a) {
+          var b = l.call(this) || this;
+          return b._x = c, b._y = n, b._radiusX = f, b._radiusY = i, b._transform = y, b._styles = a, b;
         }
-        return r(m, h), m;
-      }(n(0).default);
-      g.default = v;
-    }, function(y, g, n) {
-      var t, r = (t = function(h, m) {
-        return (t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(o, s) {
-          o.__proto__ = s;
-        } || function(o, s) {
-          for (var l in s) Object.prototype.hasOwnProperty.call(s, l) && (o[l] = s[l]);
-        })(h, m);
-      }, function(h, m) {
-        function o() {
-          this.constructor = h;
+        return r(u, l), u;
+      }(o(0).default);
+      g.default = h;
+    }, function(p, g, o) {
+      var t, r = (t = function(l, u) {
+        return (t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(c, n) {
+          c.__proto__ = n;
+        } || function(c, n) {
+          for (var f in n) Object.prototype.hasOwnProperty.call(n, f) && (c[f] = n[f]);
+        })(l, u);
+      }, function(l, u) {
+        function c() {
+          this.constructor = l;
         }
-        t(h, m), h.prototype = m === null ? Object.create(m) : (o.prototype = m.prototype, new o());
+        t(l, u), l.prototype = u === null ? Object.create(u) : (c.prototype = u.prototype, new c());
       });
       Object.defineProperty(g, "__esModule", { value: !0 });
-      var v = function(h) {
-        function m(o, s, l, i, f, u, S) {
-          var k = h.call(this) || this;
-          return k._x = o, k._y = s, k._width = l, k._height = i, k._cornerRadius = f, k._transform = u, k._styles = S, k;
+      var h = function(l) {
+        function u(c, n, f, i, y, a, b) {
+          var w = l.call(this) || this;
+          return w._x = c, w._y = n, w._width = f, w._height = i, w._cornerRadius = y, w._transform = a, w._styles = b, w;
         }
-        return r(m, h), m;
-      }(n(0).default);
-      g.default = v;
-    }, function(y, g, n) {
+        return r(u, l), u;
+      }(o(0).default);
+      g.default = h;
+    }, function(p, g, o) {
       Object.defineProperty(g, "__esModule", { value: !0 });
       var t = function() {
         function r() {
@@ -864,22 +864,22 @@ var svga_lite_min = { exports: {} };
           }, this.onEnd = function() {
           }, this._isRunning = !1, this._mStartTime = 0, this._currentFrication = 0, this._worker = null;
         }
-        return r.prototype.start = function(v) {
-          this.doStart(v);
+        return r.prototype.start = function(h) {
+          this.doStart(h);
         }, r.prototype.stop = function() {
           this._doStop();
         }, Object.defineProperty(r.prototype, "animatedValue", { get: function() {
           return (this.endValue - this.startValue) * this._currentFrication + this.startValue;
-        }, enumerable: !1, configurable: !0 }), r.prototype.doStart = function(v) {
-          this._isRunning = !0, this._mStartTime = this._currentTimeMillsecond(), v && (this._mStartTime -= v / (this.endValue - this.startValue) * this.duration), this._currentFrication = 0, this.noExecutionDelay && this._worker === null && (this._worker = new Worker(window.URL.createObjectURL(new Blob([`onmessage = function () {
+        }, enumerable: !1, configurable: !0 }), r.prototype.doStart = function(h) {
+          this._isRunning = !0, this._mStartTime = this._currentTimeMillsecond(), h && (this._mStartTime -= h / (this.endValue - this.startValue) * this.duration), this._currentFrication = 0, this.noExecutionDelay && this._worker === null && (this._worker = new Worker(window.URL.createObjectURL(new Blob([`onmessage = function () {
   setTimeout(function() {postMessage(null)}, 1 / 60)
 }`])))), this.onStart(), this._doFrame();
         }, r.prototype._doStop = function() {
           this._isRunning = !1, this._worker !== null && (this._worker.terminate(), this._worker = null);
         }, r.prototype._doFrame = function() {
           this._isRunning && (this._doDeltaTime(this._currentTimeMillsecond() - this._mStartTime), this._isRunning && (this._worker ? (this._worker.onmessage = this._doFrame.bind(this), this._worker.postMessage(null)) : window.requestAnimationFrame(this._doFrame.bind(this))));
-        }, r.prototype._doDeltaTime = function(v) {
-          v >= this.duration * this.loop ? (this._currentFrication = this.fillRule === 1 ? 0 : 1, this._isRunning = !1) : this._currentFrication = v % this.duration / this.duration, this.onUpdate(this.animatedValue), this._isRunning === !1 && (this._worker !== null && (this._worker.terminate(), this._worker = null), this.onEnd());
+        }, r.prototype._doDeltaTime = function(h) {
+          h >= this.duration * this.loop ? (this._currentFrication = this.fillRule === 1 ? 0 : 1, this._isRunning = !1) : this._currentFrication = h % this.duration / this.duration, this.onUpdate(this.animatedValue), this._isRunning === !1 && (this._worker !== null && (this._worker.terminate(), this._worker = null), this.onEnd());
         }, r;
       }();
       g.default = t;
@@ -887,7 +887,7 @@ var svga_lite_min = { exports: {} };
   });
 })(svga_lite_min);
 var svga_lite_minExports = svga_lite_min.exports;
-const _sfc_main$1 = {
+const _sfc_main$3 = {
   __name: "hbis-svgaPlayer",
   props: {
     /**
@@ -966,67 +966,221 @@ const _sfc_main$1 = {
      */
     "error"
   ],
-  setup(y, { expose: g, emit: n }) {
+  setup(p, { expose: g, emit: o }) {
     useCssVars((e) => ({
-      v5ce75b7f: y.width,
-      v26351a8e: y.height
+      v5ce75b7f: p.width,
+      v26351a8e: p.height
     }));
-    const t = y, r = n, v = ref(null), h = ref(null);
-    let m = null, o = null, s = null;
-    const l = async () => {
+    const t = p, r = o, h = ref(null), l = ref(null);
+    let u = null, c = null, n = null;
+    const f = async () => {
       try {
-        m = new svga_lite_minExports.Parser(), s = await m.load(t.src), o = new svga_lite_minExports.Player(h.value), o.loop = t.loop, o.speed = t.speed, o.onStart = () => r("play"), o.onPause = () => r("pause"), o.onEnd = () => r("ended"), o.onFrame = () => r("progress", o.progress), await o.setAnimationData(s), t.progress > 0 && (o.progress = t.progress), t.autoplay && o.start(), r("loaded");
+        u = new svga_lite_minExports.Parser(), n = await u.load(t.src), c = new svga_lite_minExports.Player(l.value), c.loop = t.loop, c.speed = t.speed, c.onStart = () => r("play"), c.onPause = () => r("pause"), c.onEnd = () => r("ended"), c.onFrame = () => r("progress", c.progress), await c.setAnimationData(n), t.progress > 0 && (c.progress = t.progress), t.autoplay && c.start(), r("loaded");
       } catch (e) {
         console.error("SVGA 加载失败:", e), r("error", e);
       }
     }, i = () => {
-      o && o.start();
-    }, f = () => {
-      o && o.pause();
-    }, u = () => {
-      o && o.stop();
-    }, S = () => {
-      o && (o.stop(), o.start());
-    }, k = (e) => {
-      o && (o.progress = e);
-    }, a = (e) => {
-      o && (o.speed = e);
-    }, p = (e) => {
-      o && (o.loop = e);
+      c && c.start();
+    }, y = () => {
+      c && c.pause();
+    }, a = () => {
+      c && c.stop();
+    }, b = () => {
+      c && (c.stop(), c.start());
+    }, w = (e) => {
+      c && (c.progress = e);
+    }, s = (e) => {
+      c && (c.speed = e);
+    }, d = (e) => {
+      c && (c.loop = e);
     };
     return g({
       play: i,
-      pause: f,
-      stop: u,
-      restart: S,
-      setProgress: k,
-      setSpeed: a,
-      setLoop: p
+      pause: y,
+      stop: a,
+      restart: b,
+      setProgress: w,
+      setSpeed: s,
+      setLoop: d
     }), watch(() => t.src, async (e) => {
-      e && await l();
+      e && await f();
     }), watch(() => t.loop, (e) => {
-      p(e);
+      d(e);
     }), watch(() => t.speed, (e) => {
-      a(e);
+      s(e);
     }), watch(() => t.progress, (e) => {
-      k(e);
+      w(e);
     }), onMounted(async () => {
-      await nextTick(), await l();
+      await nextTick(), await f();
     }), onUnmounted(() => {
-      o && (o.stop(), o = null), m && (m = null), s = null;
-    }), (e, A) => (openBlock(), createElementBlock("div", {
+      c && (c.stop(), c = null), u && (u = null), n = null;
+    }), (e, x) => (openBlock(), createElementBlock("div", {
       ref_key: "containerRef",
-      ref: v,
+      ref: h,
       class: "svga-player-container"
     }, [
       createElementVNode("canvas", {
         ref_key: "canvasRef",
-        ref: h,
+        ref: l,
         class: "svga-player-canvas"
       }, null, 512)
     ], 512));
   }
-}, HbisSvgaPlayer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-6b83dcf1"]]), _sfc_main = {
+}, HbisSvgaPlayer = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-6b83dcf1"]]), _hoisted_1$1 = { class: "waterfall-debug" }, _hoisted_2$1 = { class: "waterfall-container" }, _hoisted_3$1 = { class: "column-debug" }, _hoisted_4$1 = {
+  key: 0,
+  class: "waterfall-item-with-slot"
+}, _hoisted_5$1 = ["src"], _hoisted_6 = { class: "waterfall-content" }, _hoisted_7 = ["src"], _sfc_main$2 = /* @__PURE__ */ Object.assign({
+  name: "HbisWaterfall"
+}, {
+  __name: "hbis-waterfall",
+  props: {
+    /**
+     * 瀑布流数据
+     */
+    data: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * 列数
+     */
+    column: {
+      type: Number,
+      default: 2,
+      validator: (p) => p >= 2
+    },
+    /**
+     * 最大列数
+     */
+    maxColumn: {
+      type: Number,
+      default: 5
+    },
+    /**
+     * 列间距
+     */
+    columnGap: {
+      type: [Number, String],
+      default: 10
+    },
+    /**
+     * 行间距
+     */
+    rowGap: {
+      type: [Number, String],
+      default: 10
+    },
+    /**
+     * 数据唯一键
+     */
+    itemKey: {
+      type: String,
+      default: "id"
+    },
+    /**
+     * 图片字段名
+     */
+    imageKey: {
+      type: String,
+      default: "url"
+    }
+  },
+  emits: ["load", "error"],
+  setup(p, { expose: g, emit: o }) {
+    const t = useSlots(), r = ref(null), h = p, l = o;
+    useCssVars(() => ({
+      columnGap: String(h.columnGap) + "px",
+      rowGap: String(h.rowGap) + "px"
+    }));
+    const u = ref([]), c = ref(2), n = computed(() => t.default !== void 0), f = (b) => (r.value && r.value.offsetWidth, Math.min(h.column, h.maxColumn), parseInt(h.columnGap), parseInt(h.rowGap), 200 + Math.floor(Math.random() * 100) + 20), i = () => {
+      console.log("开始分配数据，总数据量:", h.data.length);
+      const b = Math.min(h.column, h.maxColumn);
+      c.value = b;
+      const w = [];
+      for (let s = 0; s < b; s++)
+        w.push({
+          items: [],
+          height: 0
+        });
+      u.value = w, h.data.forEach((s, d) => {
+        const e = f();
+        let x = 1 / 0, v = 0;
+        for (let _ = 0; _ < b; _++)
+          u.value[_].height < x && (x = u.value[_].height, v = _);
+        u.value[v].items.push(s), u.value[v].height += e, console.log("分配数据到列:", { itemIndex: d, columnIndex: v, itemHeight: e, columnHeight: u.value[v].height });
+      }), console.log("分配完成，各列数据量:", u.value.map((s, d) => `列${d + 1}: ${s.items.length}个`)), console.log("分配完成，各列高度:", u.value.map((s, d) => `列${d + 1}: ${s.height}px`));
+    }, y = (b) => {
+      l("load", b);
+    }, a = (b) => {
+      l("error", b);
+    };
+    return watch(() => h.data, () => {
+      console.log("数据变化，重新分配数据"), i();
+    }, { deep: !0 }), watch(() => [h.column, h.maxColumn], () => {
+      console.log("列数变化，更新列数"), c.value = Math.min(h.column, h.maxColumn), i();
+    }), watch(() => [h.columnGap, h.rowGap], () => {
+      console.log("间距变化，重新计算高度和分配数据"), i();
+    }), onMounted(() => {
+      console.log("===== 组件挂载 ====="), console.log("组件挂载，初始化数据"), console.log("初始数据量:", h.data.length);
+      try {
+        i(), console.log("===== 组件挂载完成 =====");
+      } catch (b) {
+        console.error("refresh函数执行失败:", b), console.log("===== 组件挂载失败 =====");
+      }
+    }), g({
+      refresh: i
+    }), (b, w) => (openBlock(), createElementBlock("div", {
+      ref_key: "waterfallRef",
+      ref: r
+    }, [
+      createElementVNode("div", _hoisted_1$1, [
+        createTextVNode(" 列数: " + toDisplayString(c.value) + " ", 1),
+        w[1] || (w[1] = createElementVNode("br", null, null, -1)),
+        createTextVNode(" 数据总量: " + toDisplayString(p.data.length) + " ", 1),
+        w[2] || (w[2] = createElementVNode("br", null, null, -1)),
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(u.value, (s, d) => (openBlock(), createElementBlock(Fragment, { key: d }, [
+          createTextVNode(" 列" + toDisplayString(d + 1) + "数据量: " + toDisplayString(s.items.length), 1),
+          w[0] || (w[0] = createElementVNode("br", null, null, -1))
+        ], 64))), 128))
+      ]),
+      createElementVNode("div", _hoisted_2$1, [
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(u.value, (s, d) => (openBlock(), createElementBlock("div", {
+          key: d,
+          class: "waterfall-column"
+        }, [
+          createElementVNode("div", _hoisted_3$1, " 列" + toDisplayString(d + 1) + ": " + toDisplayString(s.items.length) + "个元素 ", 1),
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(s.items, (e, x) => (openBlock(), createElementBlock("div", {
+            key: e[p.itemKey] || `col${d}-${x}`,
+            class: "waterfall-item"
+          }, [
+            n.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+              createElementVNode("img", {
+                src: e[p.imageKey],
+                class: "waterfall-image",
+                style: normalizeStyle({ height: f() + "px" }),
+                onLoad: y,
+                onError: a
+              }, null, 44, _hoisted_5$1),
+              createElementVNode("div", _hoisted_6, [
+                renderSlot(b.$slots, "default", {
+                  item: e,
+                  index: x
+                }, void 0, !0)
+              ])
+            ])) : (openBlock(), createElementBlock("img", {
+              key: 1,
+              src: e[p.imageKey],
+              class: "waterfall-image",
+              style: normalizeStyle({ height: f() + "px" }),
+              onLoad: y,
+              onError: a
+            }, null, 44, _hoisted_7))
+          ]))), 128))
+        ]))), 128))
+      ])
+    ], 512));
+  }
+}), HbisWaterfall = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-20459ccd"]]), _sfc_main$1 = {
   __name: "hbis-auto-scroll-list",
   props: {
     // 列表数据数组
@@ -1043,7 +1197,7 @@ const _sfc_main$1 = {
     direction: {
       type: String,
       default: "vertical",
-      validator: (y) => ["vertical", "horizontal"].includes(y)
+      validator: (p) => ["vertical", "horizontal"].includes(p)
     },
     // 鼠标悬停是否暂停
     pauseOnHover: {
@@ -1087,8 +1241,8 @@ const _sfc_main$1 = {
     }
   },
   emits: ["scroll", "pause", "resume", "dragStart", "dragEnd"],
-  setup(y, { expose: g, emit: n }) {
-    const t = y, r = n, v = ref(null), h = ref(null), m = ref(!1), o = ref(null), s = ref(0), l = ref([]), i = ref(!1), f = ref(0), u = ref(0), S = ref(0), k = ref(!1), a = computed(() => ({
+  setup(p, { expose: g, emit: o }) {
+    const t = p, r = o, h = ref(null), l = ref(null), u = ref(!1), c = ref(null), n = ref(0), f = ref([]), i = ref(!1), y = ref(0), a = ref(0), b = ref(0), w = ref(!1), s = computed(() => ({
       // 动态设置容器高度和宽度
       height: typeof t.containerHeight == "number" ? `${t.containerHeight}px` : t.containerHeight,
       width: typeof t.containerWidth == "number" ? `${t.containerWidth}px` : t.containerWidth,
@@ -1096,8 +1250,8 @@ const _sfc_main$1 = {
       // 隐藏超出部分
       position: "relative"
       // 相对定位，为绝对定位的内容容器提供参考
-    })), p = computed(() => {
-      const c = {
+    })), d = computed(() => {
+      const m = {
         position: "absolute",
         // 绝对定位，实现自由移动
         transition: "none",
@@ -1105,169 +1259,268 @@ const _sfc_main$1 = {
         willChange: "transform"
         // 告诉浏览器将要变化的属性，优化性能
       };
-      return t.direction === "vertical" ? c.transform = `translateY(${s.value}px)` : c.transform = `translateX(${s.value}px)`, c;
+      return t.direction === "vertical" ? m.transform = `translateY(${n.value}px)` : m.transform = `translateX(${n.value}px)`, m;
     }), e = () => {
       if (!t.data || t.data.length === 0) {
-        l.value = [];
+        f.value = [];
         return;
       }
-      t.loop ? l.value = [...t.data, ...t.data] : l.value = [...t.data];
-    }, A = () => {
-      if (m.value || i.value) {
-        o.value = requestAnimationFrame(A);
+      t.loop ? f.value = [...t.data, ...t.data] : f.value = [...t.data];
+    }, x = () => {
+      if (u.value || i.value) {
+        c.value = requestAnimationFrame(x);
         return;
       }
-      const c = v.value, b = h.value;
-      if (!c || !b) {
-        o.value = requestAnimationFrame(A);
+      const m = h.value, k = l.value;
+      if (!m || !k) {
+        c.value = requestAnimationFrame(x);
         return;
       }
-      const O = t.direction === "vertical" ? c.offsetHeight : c.offsetWidth, B = (t.direction === "vertical" ? t.itemHeight : t.itemWidth) * t.data.length;
-      if (s.value -= t.speed, t.loop)
-        Math.abs(s.value) >= B && (s.value = 0);
+      const N = t.direction === "vertical" ? m.offsetHeight : m.offsetWidth, D = (t.direction === "vertical" ? t.itemHeight : t.itemWidth) * t.data.length;
+      if (n.value -= t.speed, t.loop)
+        Math.abs(n.value) >= D && (n.value = 0);
       else {
-        const j = -(B - O);
-        if (s.value <= j) {
-          s.value = j, m.value = !0, r("scroll", s.value);
+        const j = -(D - N);
+        if (n.value <= j) {
+          n.value = j, u.value = !0, r("scroll", n.value);
           return;
         }
       }
-      r("scroll", s.value), o.value = requestAnimationFrame(A);
-    }, d = () => {
-      o.value && cancelAnimationFrame(o.value), o.value = requestAnimationFrame(A);
-    }, w = () => {
-      o.value && (cancelAnimationFrame(o.value), o.value = null);
-    }, x = () => {
-      m.value = !0, r("pause");
+      r("scroll", n.value), c.value = requestAnimationFrame(x);
+    }, v = () => {
+      c.value && cancelAnimationFrame(c.value), c.value = requestAnimationFrame(x);
     }, _ = () => {
-      m.value = !1, r("resume");
-    }, N = () => {
-      t.pauseOnHover && x();
+      c.value && (cancelAnimationFrame(c.value), c.value = null);
+    }, E = () => {
+      u.value = !0, r("pause");
+    }, S = () => {
+      u.value = !1, r("resume");
+    }, O = () => {
+      t.pauseOnHover && E();
     }, T = () => {
-      t.pauseOnHover && !i.value && _();
-    }, F = (c) => {
-      i.value = !0, k.value = m.value, m.value = !0, f.value = t.direction === "vertical" ? c.clientY : c.clientX, u.value = f.value, S.value = s.value, r("dragStart"), document.addEventListener("mousemove", C), document.addEventListener("mouseup", D);
-    }, C = (c) => {
+      t.pauseOnHover && !i.value && S();
+    }, I = (m) => {
+      i.value = !0, w.value = u.value, u.value = !0, y.value = t.direction === "vertical" ? m.clientY : m.clientX, a.value = y.value, b.value = n.value, r("dragStart"), document.addEventListener("mousemove", C), document.addEventListener("mouseup", B);
+    }, C = (m) => {
       if (!i.value) return;
-      u.value = t.direction === "vertical" ? c.clientY : c.clientX;
-      const b = u.value - f.value;
-      s.value = S.value + b;
-      const O = v.value, E = h.value;
-      if (O && E) {
-        const B = t.direction === "vertical" ? O.offsetHeight : O.offsetWidth, $ = (t.direction === "vertical" ? t.itemHeight : t.itemWidth) * t.data.length;
+      a.value = t.direction === "vertical" ? m.clientY : m.clientX;
+      const k = a.value - y.value;
+      n.value = b.value + k;
+      const N = h.value, A = l.value;
+      if (N && A) {
+        const D = t.direction === "vertical" ? N.offsetHeight : N.offsetWidth, L = (t.direction === "vertical" ? t.itemHeight : t.itemWidth) * t.data.length;
         if (t.loop)
-          s.value > 0 ? s.value = 0 : Math.abs(s.value) > $ && (s.value = -$);
+          n.value > 0 ? n.value = 0 : Math.abs(n.value) > L && (n.value = -L);
         else {
-          const R = -($ - B);
-          s.value > 0 ? s.value = 0 : s.value < R && (s.value = R);
+          const P = -(L - D);
+          n.value > 0 ? n.value = 0 : n.value < P && (n.value = P);
         }
       }
-      r("scroll", s.value);
-    }, D = () => {
-      i.value && (i.value = !1, document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", D), k.value || (m.value = !1), r("dragEnd"));
-    }, P = (c) => {
-      const b = c.touches[0];
-      i.value = !0, k.value = m.value, m.value = !0, f.value = t.direction === "vertical" ? b.clientY : b.clientX, u.value = f.value, S.value = s.value, r("dragStart");
-    }, L = (c) => {
+      r("scroll", n.value);
+    }, B = () => {
+      i.value && (i.value = !1, document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", B), w.value || (u.value = !1), r("dragEnd"));
+    }, $ = (m) => {
+      const k = m.touches[0];
+      i.value = !0, w.value = u.value, u.value = !0, y.value = t.direction === "vertical" ? k.clientY : k.clientX, a.value = y.value, b.value = n.value, r("dragStart");
+    }, R = (m) => {
       if (!i.value) return;
-      c.preventDefault();
-      const b = c.touches[0];
-      u.value = t.direction === "vertical" ? b.clientY : b.clientX;
-      const O = u.value - f.value;
-      s.value = S.value + O;
-      const E = v.value, B = h.value;
-      if (E && B) {
-        const j = t.direction === "vertical" ? E.offsetHeight : E.offsetWidth, R = (t.direction === "vertical" ? t.itemHeight : t.itemWidth) * t.data.length;
+      m.preventDefault();
+      const k = m.touches[0];
+      a.value = t.direction === "vertical" ? k.clientY : k.clientX;
+      const N = a.value - y.value;
+      n.value = b.value + N;
+      const A = h.value, D = l.value;
+      if (A && D) {
+        const j = t.direction === "vertical" ? A.offsetHeight : A.offsetWidth, P = (t.direction === "vertical" ? t.itemHeight : t.itemWidth) * t.data.length;
         if (t.loop)
-          s.value > 0 ? s.value = 0 : Math.abs(s.value) > R && (s.value = -R);
+          n.value > 0 ? n.value = 0 : Math.abs(n.value) > P && (n.value = -P);
         else {
-          const z = -(R - j);
-          s.value > 0 ? s.value = 0 : s.value < z && (s.value = z);
+          const z = -(P - j);
+          n.value > 0 ? n.value = 0 : n.value < z && (n.value = z);
         }
       }
-      r("scroll", s.value);
+      r("scroll", n.value);
     }, V = () => {
-      i.value && (i.value = !1, k.value || (m.value = !1), r("dragEnd"));
-    }, M = (c) => {
-      s.value = c;
-    }, I = () => {
-      s.value = 0;
+      i.value && (i.value = !1, w.value || (u.value = !1), r("dragEnd"));
+    }, M = (m) => {
+      n.value = m;
+    }, F = () => {
+      n.value = 0;
     }, W = () => {
-      const c = v.value;
-      if (c) {
-        const b = h.value;
-        if (b) {
-          const O = t.direction === "vertical" ? b.offsetHeight : b.offsetWidth;
-          s.value = -(O - c.offsetHeight);
+      const m = h.value;
+      if (m) {
+        const k = l.value;
+        if (k) {
+          const N = t.direction === "vertical" ? k.offsetHeight : k.offsetWidth;
+          n.value = -(N - m.offsetHeight);
         }
       }
     };
     return watch(() => t.data, () => {
-      e(), s.value = 0;
+      e(), n.value = 0;
     }, { deep: !0 }), watch(() => t.speed, () => {
-      m.value || (w(), d());
+      u.value || (_(), v());
     }), onMounted(() => {
       e(), nextTick(() => {
-        d();
-        const c = v.value;
-        c && (c.addEventListener("mouseenter", N), c.addEventListener("mouseleave", T));
+        v();
+        const m = h.value;
+        m && (m.addEventListener("mouseenter", O), m.addEventListener("mouseleave", T));
       });
     }), onUnmounted(() => {
-      w();
-      const c = v.value;
-      c && (c.removeEventListener("mouseenter", N), c.removeEventListener("mouseleave", T)), document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", D);
+      _();
+      const m = h.value;
+      m && (m.removeEventListener("mouseenter", O), m.removeEventListener("mouseleave", T)), document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", B);
     }), g({
-      pause: x,
+      pause: E,
       // 暂停滚动
-      resume: _,
+      resume: S,
       // 恢复滚动
       scrollTo: M,
       // 滚动到指定位置
-      scrollToTop: I,
+      scrollToTop: F,
       // 滚动到顶部
       scrollToBottom: W,
       // 滚动到底部
-      isPaused: m,
+      isPaused: u,
       // 是否暂停（响应式）
       isDragging: i
       // 是否正在拖拽（响应式）
-    }), (c, b) => (openBlock(), createElementBlock("div", {
+    }), (m, k) => (openBlock(), createElementBlock("div", {
       class: "hbis-auto-scroll-list",
       ref_key: "containerRef",
-      ref: v,
-      style: normalizeStyle(a.value),
-      onMousedown: F,
-      onTouchstart: P,
-      onTouchmove: L,
+      ref: h,
+      style: normalizeStyle(s.value),
+      onMousedown: I,
+      onTouchstart: $,
+      onTouchmove: R,
       onTouchend: V
     }, [
       createElementVNode("div", {
         class: "scroll-content",
         ref_key: "contentRef",
-        ref: h,
-        style: normalizeStyle(p.value)
+        ref: l,
+        style: normalizeStyle(d.value)
       }, [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(l.value, (O, E) => renderSlot(c.$slots, "item", {
-          item: O,
-          index: E
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(f.value, (N, A) => renderSlot(m.$slots, "item", {
+          item: N,
+          index: A
         }, () => [
           createElementVNode("div", {
             class: "default-item",
-            style: normalizeStyle(y.itemStyle)
-          }, toDisplayString(O), 5)
+            style: normalizeStyle(p.itemStyle)
+          }, toDisplayString(N), 5)
         ], !0)), 256))
       ], 4)
     ], 36));
   }
-}, HbisAutoScrollList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d23f102b"]]);
+}, HbisAutoScrollList = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-d23f102b"]]), _hoisted_1 = { class: "search-dropdown" }, _hoisted_2 = ["placeholder"], _hoisted_3 = {
+  key: 0,
+  class: "dropdown-list"
+}, _hoisted_4 = ["onClick"], _hoisted_5 = { class: "item-text" }, _sfc_main = {
+  __name: "hbis-search-input",
+  props: {
+    list: {
+      type: Array,
+      default: () => []
+    },
+    placeholder: {
+      type: String,
+      default: "请输入关键词搜索"
+    },
+    defaultValue: {
+      type: String,
+      default: ""
+    },
+    maxHeight: {
+      type: Number,
+      default: 400
+    },
+    showClear: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["clearIcon", "search", "select"],
+  setup(p, { emit: g }) {
+    const o = p, t = g, r = ref(o.defaultValue), h = ref(!1), l = ref(!1), u = ref([]);
+    function c() {
+      r.value = "", u.value = [], l.value = !1, t("clearIcon", "", []);
+    }
+    function n() {
+      const a = r.value;
+      u.value = o.list.filter(
+        (b) => b.name && b.name.includes(a)
+      ), l.value = u.value.length > 0, t("search", a, u.value);
+    }
+    function f() {
+      u.value = o.list.filter(
+        (a) => a.name && a.name.includes(r.value)
+      ), h.value = !0, l.value = !0;
+    }
+    function i() {
+      setTimeout(() => {
+        h.value = !1, l.value = !1;
+      }, 150);
+    }
+    function y(a) {
+      r.value = a.name, l.value = !1, t("select", a);
+    }
+    return onMounted(() => {
+      o.defaultValue && (r.value = o.defaultValue);
+    }), (a, b) => {
+      const w = resolveComponent("scroll-view");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: normalizeClass(["input-wrapper", { focus: h.value }])
+        }, [
+          withDirectives(createElementVNode("input", {
+            class: "search-input",
+            placeholder: p.placeholder,
+            "onUpdate:modelValue": b[0] || (b[0] = (s) => r.value = s),
+            onInput: n,
+            onFocus: f,
+            onBlur: i
+          }, null, 40, _hoisted_2), [
+            [vModelText, r.value]
+          ]),
+          r.value && p.showClear ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "clear-icon",
+            onClick: c
+          }, "×")) : createCommentVNode("", !0)
+        ], 2),
+        l.value && u.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createVNode(w, {
+            "scroll-y": "",
+            style: normalizeStyle({ maxHeight: p.maxHeight + "px" })
+          }, {
+            default: withCtx(() => [
+              (openBlock(!0), createElementBlock(Fragment, null, renderList(u.value, (s, d) => (openBlock(), createElementBlock("div", {
+                key: d,
+                class: "dropdown-item",
+                onClick: (e) => y(s)
+              }, [
+                createElementVNode("span", _hoisted_5, toDisplayString(s.name), 1)
+              ], 8, _hoisted_4))), 128))
+            ]),
+            _: 1
+          }, 8, ["style"])
+        ])) : createCommentVNode("", !0)
+      ]);
+    };
+  }
+};
 export {
   C1,
   C2,
   HbisAutoScrollList,
   HbisSvgaPlayer,
+  HbisWaterfall,
   HbisAutoScrollList as hbisAutoScrollList,
   hbisDateStrip,
-  _sfc_main$2 as hbisPreviewImage,
-  HbisSvgaPlayer as hbisSvgaPlayer
+  _sfc_main$4 as hbisPreviewImage,
+  _sfc_main as hbisSearchInput,
+  HbisSvgaPlayer as hbisSvgaPlayer,
+  HbisWaterfall as hbisWaterfall
 };
 //# sourceMappingURL=index.es.js.map