@hbis-uni/components 2.0.6 → 2.6.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, nextTick, onUnmounted, withModifiers, withDirectives, vModelText, useSlots, useCssVars, resolveComponent, createVNode, withCtx } from "vue";
+const _sfc_main$9 = /* @__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(s) {
+    return (g, o) => (openBlock(), createElementBlock("div", {
+      class: normalizeClass(["c1-container", { "c1-primary": s.primary }])
     }, [
       renderSlot(g.$slots, "default", {}, () => [
-        createTextVNode(toDisplayString(y.title), 1)
+        createTextVNode(toDisplayString(s.title), 1)
       ], !0)
     ], 2));
   }
-}), _export_sfc = (y, g) => {
-  const n = y.__vccOpts || y;
+}), _export_sfc = (s, g) => {
+  const o = s.__vccOpts || s;
   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$9, [["__scopeId", "data-v-e2250793"]]), _hoisted_1$6 = { class: "c2-container" }, _hoisted_2$5 = { class: "c2-title" }, _hoisted_3$5 = { class: "c2-content" }, _sfc_main$8 = /* @__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(s, { 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, c) => (openBlock(), createElementBlock("div", _hoisted_1$6, [
+      createElementVNode("h2", _hoisted_2$5, toDisplayString(s.title), 1),
+      createElementVNode("div", _hoisted_3$5, [
         renderSlot(r.$slots, "default", {}, void 0, !0)
       ]),
-      y.showButton ? (openBlock(), createElementBlock("button", {
+      s.showButton ? (openBlock(), createElementBlock("button", {
         key: 0,
         class: "c2-button",
         onClick: t
-      }, toDisplayString(y.buttonText), 1)) : createCommentVNode("", !0)
+      }, toDisplayString(s.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$8, [["__scopeId", "data-v-ed1086ed"]]), _hoisted_1$5 = { key: 0 }, _hoisted_2$4 = { class: "hbis-date-strip__weekdays" }, _hoisted_3$4 = { 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$7 = /* @__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 s = /* @__PURE__ */ new Date();
+      return s.setDate(s.getDate() + 30), s;
     } },
     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(s, { emit: g }) {
+    const o = s, 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 l = new Date(o.startDate);
+        l.setHours(0, 0, 0, 0);
+        const p = new Date(o.endDate);
+        if (p.setHours(0, 0, 0, 0), isNaN(l.getTime()) || isNaN(p.getTime()))
           return console.log("无效的日期对象，使用默认滚动行为"), !1;
-        const e = p.getTime() - a.getTime(), A = Math.ceil(e / (1e3 * 60 * 60 * 24)), d = A + 1;
+        const e = p.getTime() - l.getTime(), x = Math.ceil(e / (1e3 * 60 * 60 * 24)), v = x + 1;
         return console.log("日期范围天数计算:", {
-          start: a.toLocaleDateString(),
+          start: l.toLocaleDateString(),
           end: p.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 (l) {
+        return console.error("计算日期范围时出错:", l), !1;
       }
-    }), v = [
+    }), c = [
       { 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]);
+    ], u = computed(() => {
+      const l = a.value[0];
+      if (!l)
+        return c;
+      const p = l.weekday, e = [];
+      for (let x = 0; x < 7; x++) {
+        const v = (p + x) % 7;
+        e.push(c[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 l = o.startDate || /* @__PURE__ */ new Date(), p = l.getDay(), e = l.getDate() - (p === 0 ? 6 : p - 1), x = new Date(l);
+      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,
+      (l) => {
+        console.log("highlightType changed:", l);
       }
     ), watch(
-      () => n.modelValue,
-      (a) => {
-        console.log("modelValue changed:", a);
+      () => o.modelValue,
+      (l) => {
+        console.log("modelValue changed:", l);
       }
     );
-    const o = computed(() => {
-      const a = [];
+    const f = computed(() => {
+      const l = [];
       try {
-        const p = n.startDate, e = n.endDate;
+        const p = o.startDate, e = o.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()
+          return console.log("无效的日期对象，返回空数组"), l;
+        const x = Math.ceil((e.getTime() - p.getTime()) / (1e3 * 60 * 60 * 24)) + 1;
+        for (let v = 0; v < x; v++) {
+          const _ = new Date(p);
+          _.setDate(p.getDate() + v), isNaN(_.getTime()) || l.push({
+            date: _,
+            dateString: d(_),
+            day: _.getDate(),
+            month: _.getMonth() + 1,
+            year: _.getFullYear(),
+            isWeekend: _.getDay() === 0 || _.getDay() === 6,
+            weekday: _.getDay()
           });
         }
       } catch (p) {
         console.error("生成日期数组时出错:", p);
       }
-      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) => {
+      return l;
+    }), a = computed(() => f.value.filter((l) => !!(l && l.date && l.dateString && !isNaN(l.date.getTime()) && typeof l.dateString == "string" && typeof l.day == "number"))), d = (l) => `${l.getFullYear()}-${String(l.getMonth() + 1).padStart(2, "0")}-${String(l.getDate()).padStart(2, "0")}`, i = (l) => {
+      const p = l.dateString;
+      return o.modelValue ? Array.isArray(o.modelValue) ? o.modelValue.some((e) => !e || isNaN(e.getTime()) ? !1 : d(e) === p) : isNaN(o.modelValue.getTime()) ? !1 : d(o.modelValue) === p : !1;
+    }, m = (l) => {
+      const p = d(/* @__PURE__ */ new Date());
+      return l.dateString === p;
+    }, h = (l) => {
+      const p = l.date;
+      return o.disablePast && p < new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)) || o.disableFuture && p > new Date((/* @__PURE__ */ new Date()).setHours(23, 59, 59, 999)) ? !1 : p >= o.startDate && p <= o.endDate;
+    }, b = (l) => {
       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 ((p = c.find((e) => e.value === l)) == null ? void 0 : p.label) || "";
+    }, w = (l) => {
+      h(l) && (t("dateClick", l), t("update:modelValue", l.date));
     };
-    return (a, p) => (openBlock(), createElementBlock("div", {
+    return (l, p) => (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": s.highlightType === "bg",
+        "hbis-date-strip--highlight-dot": s.highlightType === "dot",
+        "hbis-date-strip--highlight-round": s.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(a.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(a.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": m(e),
+                "hbis-date-strip__date--disabled": !h(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) ? s.selectedColor : s.normalColor,
+                backgroundColor: i(e) ? s.selectedBgColor : s.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(l.$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$5, [
+        createElementVNode("div", _hoisted_2$4, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(u.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$4, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(a.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": m(e),
+              "hbis-date-strip__date--disabled": !h(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) ? s.selectedColor : s.normalColor,
+              backgroundColor: i(e) ? s.selectedBgColor : s.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(l.$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$7, [["__scopeId", "data-v-f7fe6423"]]), _hoisted_1$4 = { class: "image-preview" }, _hoisted_2$3 = {
   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$3 = { 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$6 = {
   __name: "hbis-previewImage",
   props: {
     // 图片集合
     images: {
       type: Array,
       required: !0,
-      validator: (y) => y.every((g) => typeof g == "string")
+      validator: (s) => s.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(s, { emit: g }) {
+    const o = s, t = g, r = ref(o.initialIndex), c = ref(null), u = ref(!1), n = ref(!1), f = ref(0), a = ref(0), d = ref(0), i = ref(window.innerWidth), m = ref(window.innerHeight), h = 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), l = ref(0), p = ref(0), e = ref(0), x = computed(() => ({
+      transform: `translateX(${d.value}px)`,
+      transition: u.value ? "none" : "transform 0.3s ease"
+    })), v = computed(() => ({
       width: `${i.value}px`,
-      height: `${f.value}px`
+      height: `${m.value}px`
     }));
-    watch(() => n.initialIndex, (c) => {
-      c !== r.value && (r.value = c, w());
+    watch(() => o.initialIndex, (y) => {
+      y !== r.value && (r.value = y, _());
     }), onMounted(() => {
-      const c = () => {
-        i.value = window.innerWidth, f.value = window.innerHeight, w();
+      const y = () => {
+        i.value = window.innerWidth, m.value = window.innerHeight, _();
       };
-      return window.addEventListener("resize", c), c(), () => {
-        window.removeEventListener("resize", c);
+      return window.addEventListener("resize", y), y(), () => {
+        window.removeEventListener("resize", y);
       };
     });
-    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 _ = () => {
+      d.value = -r.value * i.value;
+    }, E = () => {
+      r.value > 0 && (r.value--, _(), T(), t("change", r.value), t("update:initialIndex", r.value));
+    }, S = () => {
+      r.value < o.images.length - 1 && (r.value++, _(), T(), t("change", r.value), t("update:initialIndex", r.value));
+    }, T = () => {
+      h.value[r.value] = {
+        ...h.value[r.value],
         scale: 1,
         translateX: 0,
         translateY: 0
       };
-    }, T = (c) => {
-      const b = u.value[c];
+    }, C = (y) => {
+      const k = h.value[y];
       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: n.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 = (y) => {
+      const k = event.target;
+      h.value[y] = {
+        ...h.value[y],
+        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
+    }, B = (y) => {
+      y.target.tagName === "IMG" ? (n.value = !0, f.value = y.clientX - h.value[r.value].translateX, a.value = y.clientY - h.value[r.value].translateY) : (u.value = !0, f.value = y.clientX - d.value), y.preventDefault();
+    }, O = (y) => {
+      if (n.value) {
+        const k = y.clientX - f.value, A = y.clientY - a.value;
+        h.value[r.value] = {
+          ...h.value[r.value],
+          translateX: k,
+          translateY: A
         };
-      } else if (h.value && n.enableSwipe) {
-        const b = c.clientX - o.value;
-        l.value = b;
+      } else if (u.value && o.enableSwipe) {
+        const k = y.clientX - f.value;
+        d.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();
+    }, j = () => {
+      if (u.value && o.enableSwipe) {
+        const y = i.value * 0.3;
+        Math.abs(d.value + r.value * i.value) > y ? d.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,
-          translateY: j
+      u.value = !1, n.value = !1;
+    }, P = (y) => {
+      const k = y.touches[0];
+      b.value = k.clientX, w.value = k.clientY, l.value = Date.now();
+    }, R = (y) => {
+      const k = y.touches[0];
+      p.value = k.clientX, e.value = k.clientY;
+      const A = p.value - b.value, N = e.value - w.value;
+      if (Math.abs(A) > Math.abs(N))
+        y.preventDefault(), u.value = !0, d.value = -r.value * i.value + A;
+      else if (h.value[r.value].scale > 1) {
+        y.preventDefault(), n.value = !0;
+        const D = A + h.value[r.value].translateX, $ = N + h.value[r.value].translateY;
+        h.value[r.value] = {
+          ...h.value[r.value],
+          translateX: D,
+          translateY: $
         };
       }
     }, 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 (u.value) {
+        const y = p.value - b.value, k = Date.now() - l.value, A = i.value * 0.2, N = Math.abs(y) / k;
+        Math.abs(y) > A || N > 0.5 ? y > 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,
-        translateX: U,
-        translateY: X
+      u.value = !1, n.value = !1;
+    }, F = (y, k) => {
+      if (k !== r.value) return;
+      y.preventDefault();
+      const A = y.deltaY > 0 ? -0.1 : 0.1, N = y.clientX, D = y.clientY;
+      W(N, D, A);
+    }, W = (y, k, A) => {
+      const N = h.value[r.value], D = Math.max(
+        o.minScale,
+        Math.min(o.maxScale, N.scale + A)
+      ), $ = event.target.getBoundingClientRect(), L = y - $.left, V = k - $.top, z = D - N.scale, H = N.translateX + (L - N.translateX) * (z / N.scale), U = N.translateY + (V - N.translateY) * (z / N.scale);
+      h.value[r.value] = {
+        ...N,
+        scale: D,
+        translateX: H,
+        translateY: U
       };
     };
-    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 (y, k) => (openBlock(), createElementBlock("div", _hoisted_1$4, [
+      s.images.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+        createElementVNode("span", _hoisted_3$3, toDisplayString(r.value + 1) + "/" + toDisplayString(s.images.length), 1)
       ])) : createCommentVNode("", !0),
-      y.showCloseBtn ? (openBlock(), createElementBlock("button", {
+      s.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] = (A) => 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,
-          onTouchmove: V,
+          ref: c,
+          style: normalizeStyle(x.value),
+          onTouchstart: P,
+          onTouchmove: R,
           onTouchend: M,
-          onMousedown: C,
-          onMousemove: D,
-          onMouseup: P,
-          onMouseleave: P
+          onMousedown: B,
+          onMousemove: O,
+          onMouseup: j,
+          onMouseleave: j
         }, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(y.images, (O, E) => (openBlock(), createElementBlock("div", {
-            key: E,
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(s.images, (A, N) => (openBlock(), createElementBlock("div", {
+            key: N,
             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, N)
             }, [
               createElementVNode("img", {
-                src: O,
+                src: A,
                 alt: "Preview image",
                 class: "preview-image",
-                style: normalizeStyle(T(E)),
-                onLoad: (B) => F(E),
+                style: normalizeStyle(C(N)),
+                onLoad: (D) => I(N),
                 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 === s.images.length - 1
+      }, [...k[3] || (k[3] = [
         createElementVNode("svg", {
           width: "24",
           height: "24",
@@ -492,7 +492,592 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       ])], 8, _hoisted_8)
     ]));
   }
-};
+}, _sfc_main$5 = {
+  __name: "hbis-auto-scroll-list",
+  props: {
+    // 列表数据数组
+    data: {
+      type: Array,
+      default: () => []
+    },
+    // 滚动速度
+    speed: {
+      type: Number,
+      default: 1
+    },
+    // 滚动方向：vertical（垂直）或horizontal（水平）
+    direction: {
+      type: String,
+      default: "vertical",
+      validator: (s) => ["vertical", "horizontal"].includes(s)
+    },
+    // 鼠标悬停是否暂停
+    pauseOnHover: {
+      type: Boolean,
+      default: !0
+    },
+    // 列表项高度（垂直滚动时使用）
+    itemHeight: {
+      type: Number,
+      default: 40
+    },
+    // 列表项宽度（水平滚动时使用）
+    itemWidth: {
+      type: Number,
+      default: 200
+    },
+    // 容器高度
+    containerHeight: {
+      type: [Number, String],
+      default: 300
+    },
+    // 容器宽度
+    containerWidth: {
+      type: [Number, String],
+      default: "100%"
+    },
+    // 是否循环滚动
+    loop: {
+      type: Boolean,
+      default: !0
+    },
+    // 自定义列表项类名
+    customItemClass: {
+      type: String,
+      default: ""
+    },
+    // 自定义列表项样式
+    itemStyle: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["scroll", "pause", "resume", "dragStart", "dragEnd"],
+  setup(s, { expose: g, emit: o }) {
+    const t = s, r = o, c = ref(null), u = ref(null), n = ref(!1), f = ref(null), a = ref(0), d = ref([]), i = ref(!1), m = ref(0), h = ref(0), b = ref(0), w = ref(!1), l = computed(() => ({
+      // 动态设置容器高度和宽度
+      height: typeof t.containerHeight == "number" ? `${t.containerHeight}px` : t.containerHeight,
+      width: typeof t.containerWidth == "number" ? `${t.containerWidth}px` : t.containerWidth,
+      overflow: "hidden",
+      // 隐藏超出部分
+      position: "relative"
+      // 相对定位，为绝对定位的内容容器提供参考
+    })), p = computed(() => {
+      const y = {
+        with: "100%",
+        position: "absolute",
+        // 绝对定位，实现自由移动
+        transition: "none",
+        // 禁用过渡，使用transform实现平滑滚动
+        willChange: "transform"
+        // 告诉浏览器将要变化的属性，优化性能
+      };
+      return t.direction === "vertical" ? y.transform = `translateY(${a.value}px)` : y.transform = `translateX(${a.value}px)`, y;
+    }), e = () => {
+      if (!t.data || t.data.length === 0) {
+        d.value = [];
+        return;
+      }
+      t.loop ? d.value = [...t.data, ...t.data] : d.value = [...t.data];
+    }, x = () => {
+      if (n.value || i.value) {
+        f.value = requestAnimationFrame(x);
+        return;
+      }
+      const y = c.value, k = u.value;
+      if (!y || !k) {
+        f.value = requestAnimationFrame(x);
+        return;
+      }
+      const A = t.direction === "vertical" ? y.offsetHeight : y.offsetWidth, D = (t.direction === "vertical" ? t.itemHeight : t.itemWidth) * t.data.length;
+      if (a.value -= t.speed, t.loop)
+        Math.abs(a.value) >= D && (a.value = 0);
+      else {
+        const $ = -(D - A);
+        if (a.value <= $) {
+          a.value = $, n.value = !0, r("scroll", a.value);
+          return;
+        }
+      }
+      r("scroll", a.value), f.value = requestAnimationFrame(x);
+    }, v = () => {
+      f.value && cancelAnimationFrame(f.value), f.value = requestAnimationFrame(x);
+    }, _ = () => {
+      f.value && (cancelAnimationFrame(f.value), f.value = null);
+    }, E = () => {
+      n.value = !0, r("pause");
+    }, S = () => {
+      n.value = !1, r("resume");
+    }, T = () => {
+      t.pauseOnHover && E();
+    }, C = () => {
+      t.pauseOnHover && !i.value && S();
+    }, I = (y) => {
+      i.value = !0, w.value = n.value, n.value = !0, m.value = t.direction === "vertical" ? y.clientY : y.clientX, h.value = m.value, b.value = a.value, r("dragStart"), document.addEventListener("mousemove", B), document.addEventListener("mouseup", O);
+    }, B = (y) => {
+      if (!i.value) return;
+      h.value = t.direction === "vertical" ? y.clientY : y.clientX;
+      const k = h.value - m.value;
+      a.value = b.value + k;
+      const A = c.value, N = u.value;
+      if (A && N) {
+        const D = t.direction === "vertical" ? A.offsetHeight : A.offsetWidth, L = (t.direction === "vertical" ? t.itemHeight : t.itemWidth) * t.data.length;
+        if (t.loop)
+          a.value > 0 ? a.value = 0 : Math.abs(a.value) > L && (a.value = -L);
+        else {
+          const V = -(L - D);
+          a.value > 0 ? a.value = 0 : a.value < V && (a.value = V);
+        }
+      }
+      r("scroll", a.value);
+    }, O = () => {
+      i.value && (i.value = !1, document.removeEventListener("mousemove", B), document.removeEventListener("mouseup", O), w.value || (n.value = !1), r("dragEnd"));
+    }, j = (y) => {
+      const k = y.touches[0];
+      i.value = !0, w.value = n.value, n.value = !0, m.value = t.direction === "vertical" ? k.clientY : k.clientX, h.value = m.value, b.value = a.value, r("dragStart");
+    }, P = (y) => {
+      if (!i.value) return;
+      y.preventDefault();
+      const k = y.touches[0];
+      h.value = t.direction === "vertical" ? k.clientY : k.clientX;
+      const A = h.value - m.value;
+      a.value = b.value + A;
+      const N = c.value, D = u.value;
+      if (N && D) {
+        const $ = t.direction === "vertical" ? N.offsetHeight : N.offsetWidth, V = (t.direction === "vertical" ? t.itemHeight : t.itemWidth) * t.data.length;
+        if (t.loop)
+          a.value > 0 ? a.value = 0 : Math.abs(a.value) > V && (a.value = -V);
+        else {
+          const z = -(V - $);
+          a.value > 0 ? a.value = 0 : a.value < z && (a.value = z);
+        }
+      }
+      r("scroll", a.value);
+    }, R = () => {
+      i.value && (i.value = !1, w.value || (n.value = !1), r("dragEnd"));
+    }, M = (y) => {
+      a.value = y;
+    }, F = () => {
+      a.value = 0;
+    }, W = () => {
+      const y = c.value;
+      if (y) {
+        const k = u.value;
+        if (k) {
+          const A = t.direction === "vertical" ? k.offsetHeight : k.offsetWidth;
+          a.value = -(A - y.offsetHeight);
+        }
+      }
+    };
+    return watch(() => t.data, () => {
+      e(), a.value = 0;
+    }, { deep: !0 }), watch(() => t.speed, () => {
+      n.value || (_(), v());
+    }), onMounted(() => {
+      e(), nextTick(() => {
+        v();
+        const y = c.value;
+        y && (y.addEventListener("mouseenter", T), y.addEventListener("mouseleave", C));
+      });
+    }), onUnmounted(() => {
+      _();
+      const y = c.value;
+      y && (y.removeEventListener("mouseenter", T), y.removeEventListener("mouseleave", C)), document.removeEventListener("mousemove", B), document.removeEventListener("mouseup", O);
+    }), g({
+      pause: E,
+      // 暂停滚动
+      resume: S,
+      // 恢复滚动
+      scrollTo: M,
+      // 滚动到指定位置
+      scrollToTop: F,
+      // 滚动到顶部
+      scrollToBottom: W,
+      // 滚动到底部
+      isPaused: n,
+      // 是否暂停（响应式）
+      isDragging: i
+      // 是否正在拖拽（响应式）
+    }), (y, k) => (openBlock(), createElementBlock("div", {
+      class: "hbis-auto-scroll-list",
+      ref_key: "containerRef",
+      ref: c,
+      style: normalizeStyle(l.value),
+      onMousedown: I,
+      onTouchstart: j,
+      onTouchmove: P,
+      onTouchend: R
+    }, [
+      createElementVNode("div", {
+        class: "scroll-content",
+        ref_key: "contentRef",
+        ref: u,
+        style: normalizeStyle(p.value)
+      }, [
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(d.value, (A, N) => renderSlot(y.$slots, "item", {
+          item: A,
+          index: N
+        }, () => [
+          createElementVNode("div", {
+            class: "default-item",
+            style: normalizeStyle(s.itemStyle)
+          }, toDisplayString(A), 5)
+        ], !0)), 256))
+      ], 4)
+    ], 36));
+  }
+}, HbisAutoScrollList = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-d516a98e"]]), _hoisted_1$3 = {
+  key: 0,
+  class: "circular-spinner"
+}, _hoisted_2$2 = {
+  key: 1,
+  class: "dots-spinner"
+}, _hoisted_3$2 = {
+  key: 2,
+  class: "bars-spinner"
+}, _sfc_main$4 = {
+  __name: "hbis-loading",
+  props: {
+    // 控制加载组件是否显示
+    visible: {
+      type: Boolean,
+      default: !1
+    },
+    // 是否允许触摸屏幕关闭加载
+    touchDismiss: {
+      type: Boolean,
+      default: !1
+    },
+    // 加载文字
+    text: {
+      type: String,
+      default: ""
+    },
+    // 加载动画类型：circular, dots, bars
+    spinnerType: {
+      type: String,
+      default: "circular"
+    },
+    // 自定义文字样式
+    textStyle: {
+      type: Object,
+      default: () => ({})
+    },
+    // 自定义容器样式
+    containerStyle: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["update:visible", "close"],
+  setup(s, { expose: g, emit: o }) {
+    const t = s, r = o, c = () => {
+      t.touchDismiss && (r("update:visible", !1), r("close"));
+    };
+    return watch(() => t.visible, (u) => {
+      u ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
+    }), onUnmounted(() => {
+      document.body.style.overflow = "";
+    }), g({
+      show: () => r("update:visible", !0),
+      hide: () => {
+        r("update:visible", !1), r("close");
+      }
+    }), (u, n) => s.visible ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: normalizeClass(["hbis-loading-container", { "touch-dismissible": s.touchDismiss }]),
+      onClick: c
+    }, [
+      createElementVNode("div", {
+        class: "hbis-loading-wrapper",
+        onClick: n[0] || (n[0] = withModifiers(() => {
+        }, ["stop"]))
+      }, [
+        renderSlot(u.$slots, "spinner", {}, () => [
+          createElementVNode("div", {
+            class: normalizeClass(["hbis-loading-spinner", s.spinnerType])
+          }, [
+            s.spinnerType === "circular" ? (openBlock(), createElementBlock("div", _hoisted_1$3, [...n[1] || (n[1] = [
+              createElementVNode("div", { class: "circle" }, null, -1)
+            ])])) : s.spinnerType === "dots" ? (openBlock(), createElementBlock("div", _hoisted_2$2, [...n[2] || (n[2] = [
+              createElementVNode("div", { class: "dot" }, null, -1),
+              createElementVNode("div", { class: "dot" }, null, -1),
+              createElementVNode("div", { class: "dot" }, null, -1)
+            ])])) : s.spinnerType === "bars" ? (openBlock(), createElementBlock("div", _hoisted_3$2, [...n[3] || (n[3] = [
+              createElementVNode("div", { class: "bar" }, null, -1),
+              createElementVNode("div", { class: "bar" }, null, -1),
+              createElementVNode("div", { class: "bar" }, null, -1)
+            ])])) : createCommentVNode("", !0)
+          ], 2)
+        ], !0),
+        s.text ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "hbis-loading-text",
+          style: normalizeStyle(s.textStyle)
+        }, toDisplayString(s.text), 5)) : createCommentVNode("", !0)
+      ])
+    ], 2)) : createCommentVNode("", !0);
+  }
+}, hbisLoading = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-61aef9bd"]]), _hoisted_1$2 = { class: "parent-view" }, _sfc_main$3 = {
+  __name: "hbis-sms-input",
+  props: {
+    /* 倒计时时间
+     */
+    countDownTime: {
+      type: Number,
+      default: 60
+    },
+    /* 输入框提示输入文本
+     */
+    inputPlacheHolder: {
+      type: String,
+      default: "请输入验证码"
+    },
+    /* 输入框背景色
+     */
+    inputColor: {
+      type: String,
+      default: "#F1F7FA"
+    },
+    /* 输入框输入文本颜色
+     */
+    inputTextColor: {
+      type: String,
+      default: "#000"
+    },
+    /* 输入框提示文本颜色
+     */
+    inputPlacheHolderColor: {
+      type: String,
+      default: "#F00"
+    },
+    /* 倒计时后拼接字符
+     */
+    smsCodeTimeText: {
+      type: String,
+      default: "s"
+    },
+    /* 发送验证码按钮文本
+     */
+    smsCodeBtnText: {
+      type: String,
+      default: "发送"
+    },
+    /* 发送验证码按钮颜色
+     */
+    smsCodeBtnColor: {
+      type: String,
+      default: "#FFF"
+    },
+    /* 发送验证码按钮文本颜色
+     */
+    smsCodeBtnTextColor: {
+      type: String,
+      default: "#2E6DFF"
+    }
+  },
+  emits: ["custom-event"],
+  setup(s, { expose: g, emit: o }) {
+    const t = s, r = o, c = ref(!0), u = ref(""), n = ref(t.countDownTime), f = () => {
+      if (console.log("验证码isSendSMS：" + c.value), !c.value) {
+        console.log("请" + t.countDownTime + "秒后再重试。");
+        return;
+      }
+      r("custom-event");
+    };
+    return g({
+      countDown: () => {
+        n.value = t.countDownTime;
+        let d = setInterval(() => {
+          c.value = !1, n.value--, n.value === 0 && (c.value = !0, clearInterval(d));
+        }, 1e3);
+      },
+      smsCode: u
+    }), (d, i) => (openBlock(), createElementBlock("div", _hoisted_1$2, [
+      createElementVNode("div", {
+        class: "input_view_sms_code",
+        style: normalizeStyle({ background: s.inputColor })
+      }, [
+        withDirectives(createElementVNode("input", {
+          type: "text",
+          class: "view_sms_code",
+          "placeholder-style": "color:#999",
+          placeholder: "请输入验证码",
+          "onUpdate:modelValue": i[0] || (i[0] = (m) => u.value = m),
+          style: normalizeStyle({ color: s.inputTextColor })
+        }, null, 4), [
+          [vModelText, u.value]
+        ]),
+        c.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["sms_code_btn", { disabled: !c.value }]),
+          style: normalizeStyle({ color: s.smsCodeBtnTextColor, background: s.smsCodeBtnColor }),
+          onClick: f
+        }, toDisplayString(n.value) + " " + toDisplayString(s.smsCodeTimeText), 7)),
+        c.value ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: "sms_code_btn",
+          style: normalizeStyle({ color: s.smsCodeBtnTextColor, background: s.smsCodeBtnColor }),
+          onClick: f
+        }, toDisplayString(s.smsCodeBtnText), 5)) : createCommentVNode("", !0)
+      ], 4)
+    ]));
+  }
+}, HbisSmsInput = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-ef42fb9a"]]), _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: (s) => s >= 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(s, { expose: g, emit: o }) {
+    const t = useSlots(), r = ref(null), c = s, u = o;
+    useCssVars(() => ({
+      columnGap: String(c.columnGap) + "px",
+      rowGap: String(c.rowGap) + "px"
+    }));
+    const n = ref([]), f = ref(2), a = computed(() => t.default !== void 0), d = (b) => (r.value && r.value.offsetWidth, Math.min(c.column, c.maxColumn), parseInt(c.columnGap), parseInt(c.rowGap), 200 + Math.floor(Math.random() * 100) + 20), i = () => {
+      console.log("开始分配数据，总数据量:", c.data.length);
+      const b = Math.min(c.column, c.maxColumn);
+      f.value = b;
+      const w = [];
+      for (let l = 0; l < b; l++)
+        w.push({
+          items: [],
+          height: 0
+        });
+      n.value = w, c.data.forEach((l, p) => {
+        const e = d();
+        let x = 1 / 0, v = 0;
+        for (let _ = 0; _ < b; _++)
+          n.value[_].height < x && (x = n.value[_].height, v = _);
+        n.value[v].items.push(l), n.value[v].height += e, console.log("分配数据到列:", { itemIndex: p, columnIndex: v, itemHeight: e, columnHeight: n.value[v].height });
+      }), console.log("分配完成，各列数据量:", n.value.map((l, p) => `列${p + 1}: ${l.items.length}个`)), console.log("分配完成，各列高度:", n.value.map((l, p) => `列${p + 1}: ${l.height}px`));
+    }, m = (b) => {
+      u("load", b);
+    }, h = (b) => {
+      u("error", b);
+    };
+    return watch(() => c.data, () => {
+      console.log("数据变化，重新分配数据"), i();
+    }, { deep: !0 }), watch(() => [c.column, c.maxColumn], () => {
+      console.log("列数变化，更新列数"), f.value = Math.min(c.column, c.maxColumn), i();
+    }), watch(() => [c.columnGap, c.rowGap], () => {
+      console.log("间距变化，重新计算高度和分配数据"), i();
+    }), onMounted(() => {
+      console.log("===== 组件挂载 ====="), console.log("组件挂载，初始化数据"), console.log("初始数据量:", c.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(f.value) + " ", 1),
+        w[1] || (w[1] = createElementVNode("br", null, null, -1)),
+        createTextVNode(" 数据总量: " + toDisplayString(s.data.length) + " ", 1),
+        w[2] || (w[2] = createElementVNode("br", null, null, -1)),
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(n.value, (l, p) => (openBlock(), createElementBlock(Fragment, { key: p }, [
+          createTextVNode(" 列" + toDisplayString(p + 1) + "数据量: " + toDisplayString(l.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(n.value, (l, p) => (openBlock(), createElementBlock("div", {
+          key: p,
+          class: "waterfall-column"
+        }, [
+          createElementVNode("div", _hoisted_3$1, " 列" + toDisplayString(p + 1) + ": " + toDisplayString(l.items.length) + "个元素 ", 1),
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(l.items, (e, x) => (openBlock(), createElementBlock("div", {
+            key: e[s.itemKey] || `col${p}-${x}`,
+            class: "waterfall-item"
+          }, [
+            a.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+              createElementVNode("img", {
+                src: e[s.imageKey],
+                class: "waterfall-image",
+                style: normalizeStyle({ height: d() + "px" }),
+                onLoad: m,
+                onError: h
+              }, 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[s.imageKey],
+              class: "waterfall-image",
+              style: normalizeStyle({ height: d() + "px" }),
+              onLoad: m,
+              onError: h
+            }, null, 44, _hoisted_7))
+          ]))), 128))
+        ]))), 128))
+      ])
+    ], 512));
+  }
+}), HbisWaterfall = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-cae450ae"]]);
 var svga_lite_min = { exports: {} };
 /*!
  * svga.lite
@@ -503,63 +1088,63 @@ var svga_lite_min = { exports: {} };
  * Released under the MIT License.
  */
 (function(module, exports$1) {
-  (function(y, g) {
+  (function(s, g) {
     module.exports = g();
   })(window, function() {
-    return function(y) {
+    return function(s) {
       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 s[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 = s, o.c = g, o.d = function(t, r, c) {
+        o.o(t, r) || Object.defineProperty(t, r, { enumerable: !0, get: c });
+      }, 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 c = /* @__PURE__ */ Object.create(null);
+        if (o.r(c), Object.defineProperty(c, "default", { enumerable: !0, value: t }), 2 & r && typeof t != "string") for (var u in t) o.d(c, u, (function(n) {
+          return t[n];
+        }).bind(null, u));
+        return c;
+      }, 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(s, 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, c, u) {
+        this._d = r, this._transform = c, this._styles = u;
       };
       g.default = t;
-    }, function(y, g, n) {
+    }, function(s, 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), c = o(4), u = { Downloader: t.default, Parser: r.default, Player: c.default };
+      g.default = u;
+    }, function(s, 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(c) {
+          var u = this;
+          if (!c) throw new Error("download link undefined");
+          return new Promise(function(n, f) {
+            var a = new XMLHttpRequest();
+            a.open("GET", c, !0), a.responseType = "arraybuffer", a.onloadend = function() {
+              !a.response || a.status !== 200 && a.status !== 304 ? f(a) : n(a.response);
+            }, a.onerror = function() {
+              return f(a.response);
+            }, a.send(), u.request = a;
           });
         }, r.prototype.cancel = function() {
           this.request && this.request.abort();
@@ -577,39 +1162,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(s) {
+          var g = this, o = new Uint8Array(s, 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 (!s) 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 c;
+            g.worker.disableWorker ? ((c = g.worker).onmessageCallback = function(u) {
+              t(u);
+            }, c.onmessage({ data: s })) : ((c = g.worker).postMessage(s), c.onmessage = function(u) {
+              var n = u.data;
+              t(n);
             });
           });
         }, Parser.prototype.destroy = function() {
-          var y = this.worker;
-          y.terminate && y.terminate();
+          var s = this.worker;
+          s.terminate && s.terminate();
         }, Parser;
       }();
       exports$1.default = Parser;
-    }, function(y, g, n) {
+    }, function(s, 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, c, u = o(5), n = o(9);
+      (function(d) {
+        d.START = "start", d.RESUME = "resume", d.PROCESS = "process", d.PAUSE = "pause", d.STOP = "stop", d.END = "end", d.CLEAR = "clear";
+      })(t || (t = {})), function(d) {
+        d.FORWARDS = "forwards", d.BACKWARDS = "backwards";
+      }(r || (r = {})), function(d) {
+        d.FORWARDS = "forwards", d.FALLBACKS = "fallbacks";
+      }(c || (c = {}));
+      var f = typeof window < "u" && "IntersectionObserver" in window, a = function() {
+        function d(i, m, h) {
+          if (this.videoItem = m, this.loop = !0, this.fillMode = r.FORWARDS, this.playMode = c.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,160 +1203,160 @@ 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 u.default(this), this._animator = new n.default(), this.videoItem && this.mount(m), h && this.set(h);
         }
-        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 d.prototype.set = function(i) {
+          var m = 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), f && this.intersectionObserverRender ? (this._intersectionObserver = new IntersectionObserver(function(h) {
+            h[0].intersectionRatio <= 0 ? m.intersectionObserverRenderShow && (m.intersectionObserverRenderShow = !1) : !m.intersectionObserverRenderShow && (m.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();
+        }, d.prototype.mount = function(i) {
+          var m = this;
+          return new Promise(function(h, b) {
+            m.currentFrame = 0, m.progress = 0, m.totalFramesCount = i.frames - 1, m.videoItem = i, m._renderer.prepare().then(h), m._renderer.clear(), m._setSize();
           });
-        }, l.prototype.start = function() {
+        }, d.prototype.start = function() {
           if (!this.videoItem) throw new Error("video item undefined.");
           this._renderer.clear(), this._startAnimation(), this.$onEvent.start();
-        }, l.prototype.resume = function() {
+        }, d.prototype.resume = function() {
           if (!this.videoItem) throw new Error("video item undefined.");
           this._startAnimation(), this.$onEvent.resume();
-        }, l.prototype.pause = function() {
+        }, d.prototype.pause = function() {
           this._animator && this._animator.stop(), this.$onEvent.pause();
-        }, l.prototype.stop = function() {
+        }, d.prototype.stop = function() {
           this._animator && this._animator.stop(), this.currentFrame = 0, this._renderer.drawFrame(this.currentFrame), this.$onEvent.stop();
-        }, l.prototype.clear = function() {
+        }, d.prototype.clear = function() {
           this._animator && this._animator.stop(), this._renderer.clear(), this.$onEvent.clear();
-        }, l.prototype.destroy = function() {
+        }, d.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();
+        }, d.prototype.$on = function(i, m) {
+          var h = this;
+          return this.$onEvent[i] = m, i === "end" && (this._animator.onEnd = function() {
+            return h.$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;
+        }, d.prototype._startAnimation = function() {
+          var i = this, m = this, h = m.playMode, b = m.totalFramesCount, w = m.startFrame, l = m.endFrame, p = m.videoItem;
+          this.currentFrame === b && (this.currentFrame = w || 0), this._animator.startValue = h === "fallbacks" ? l || b : w || 0, this._animator.endValue = h === "fallbacks" ? w || 0 : l || b;
           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());
+          l > 0 && l > w ? e = l - w : l <= 0 && w > 0 && (e = p.frames - w), 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(x) {
+            x = Math.floor(x), i.currentFrame !== x && (i.currentFrame = x, i.progress = parseFloat((x + 1).toString()) / parseFloat(p.frames.toString()) * 100, i._renderer.drawFrame(i.currentFrame), i.$onEvent.process());
           }, this._animator.start(this.currentFrame);
-        }, l.prototype._setSize = function() {
+        }, d.prototype._setSize = function() {
           var i = this.videoItem.videoSize;
           this.container.width = i.width, this.container.height = i.height;
-        }, l;
+        }, d;
       }();
-      g.default = s;
-    }, function(y, g, n) {
+      g.default = a;
+    }, function(s, 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 c(u) {
+          this._bitmapCache = {}, this._dynamicElements = {}, this._frames = {}, this._player = u;
+          var n = this._player.container;
+          this._ofsCanvas = window.OffscreenCanvas ? new window.OffscreenCanvas(n.width, n.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 c.prototype.prepare = function() {
+          var u = this;
+          return new Promise(function(n, f) {
+            if (u._bitmapCache = {}, u._player.videoItem.images && Object.keys(u._player.videoItem.images).length != 0) {
+              u._player.videoItem.dynamicElements && (u._dynamicElements = u._player.videoItem.dynamicElements);
+              var a = 0, d = 0;
+              for (var i in u._player.videoItem.images) {
+                var m = u._player.videoItem.images[i];
+                if (typeof m != "string" || m.indexOf("iVBO") !== 0 && m.indexOf("/9j/2w") !== 0) u._bitmapCache[i] = m;
                 else {
-                  s++;
-                  var u = document.createElement("img");
-                  u.src = "data:image/png;base64," + f, h._bitmapCache[i] = u, u.onload = function() {
-                    ++l === s && m();
+                  a++;
+                  var h = document.createElement("img");
+                  h.src = "data:image/png;base64," + m, u._bitmapCache[i] = h, h.onload = function() {
+                    ++d === a && n();
                   };
                 }
               }
-            } else m();
+            } else n();
           });
-        }, v.prototype.clear = function() {
+        }, c.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) {
+        }, c.prototype.drawFrame = function(u) {
+          var n = this._player;
+          if (!n.intersectionObserverRender || n.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 f = n.container.getContext("2d");
+            if (this._player.cacheFrames && this._frames[u]) {
+              var a = this._frames[u];
+              f.drawImage(a, 0, 0, a.width, a.height, 0, 0, a.width, a.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 d = this._ofsCanvas;
+              if (d.width = this._player.container.width, d.height = this._player.container.height, t.default(d, this._bitmapCache, this._dynamicElements, this._player.videoItem, this._player.currentFrame), f.drawImage(d, 0, 0, d.width, d.height, 0, 0, d.width, d.height), this._player.cacheFrames) if ("toDataURL" in d) {
+                var i = d.toDataURL(), m = new Image();
+                m.src = i, this._frames[u] = m;
+              } else this._frames[u] = d.transferToImageBitmap();
             }
           }
-        }, v;
+        }, c;
       }();
       g.default = r;
-    }, function(y, g, n) {
+    }, function(s, 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 = u(o(0)), r = u(o(7)), c = u(o(8));
+      function u(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 n = "MLHVCSQRZmlhvcsqrz";
+      function f(i, m) {
+        var h = m._styles;
+        h !== void 0 && (h && h.stroke ? i.strokeStyle = "rgba(".concat(parseInt((255 * h.stroke[0]).toString()), ", ").concat(parseInt((255 * h.stroke[1]).toString()), ", ").concat(parseInt((255 * h.stroke[2]).toString()), ", ").concat(h.stroke[3], ")") : i.strokeStyle = "transparent", h && (i.lineWidth = h.strokeWidth || void 0, i.lineCap = h.lineCap || void 0, i.lineJoin = h.lineJoin || void 0, i.miterLimit = h.miterLimit || void 0), h && h.fill ? i.fillStyle = "rgba(".concat(parseInt((255 * h.fill[0]).toString()), ", ").concat(parseInt((255 * h.fill[1]).toString()), ", ").concat(parseInt((255 * h.fill[2]).toString()), ", ").concat(h.fill[3], ")") : i.fillStyle = "transparent", h && h.lineDash && i.setLineDash(h.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 a(i, m) {
+        i.save(), f(i, m), m._transform !== void 0 && m._transform !== null && i.transform(m._transform.a || 1, m._transform.b || 0, m._transform.c || 0, m._transform.d || 1, m._transform.tx || 0, m._transform.ty || 0);
+        var h = { x: 0, y: 0, x1: 0, y1: 0, x2: 0, y2: 0 };
+        i.beginPath(), m._d.replace(/([a-zA-Z])/g, "|||$1 ").replace(/,/g, " ").split("|||").forEach(function(b) {
+          if (b.length != 0) {
+            var w = b.substr(0, 1);
+            if (n.indexOf(w) >= 0) {
+              var l = b.substr(1).trim().split(" ");
+              (function(p, 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]), p.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]), p.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]), p.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]), p.lineTo(e.x, e.y);
                     break;
                   case "H":
-                    e.x = Number(d[0]), p.lineTo(e.x, e.y);
+                    e.x = Number(v[0]), p.lineTo(e.x, e.y);
                     break;
                   case "h":
-                    e.x += Number(d[0]), p.lineTo(e.x, e.y);
+                    e.x += Number(v[0]), p.lineTo(e.x, e.y);
                     break;
                   case "V":
-                    e.y = Number(d[0]), p.lineTo(e.x, e.y);
+                    e.y = Number(v[0]), p.lineTo(e.x, e.y);
                     break;
                   case "v":
-                    e.y += Number(d[0]), p.lineTo(e.x, e.y);
+                    e.y += Number(v[0]), p.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]), p.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]), p.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]), 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.x = Number(v[2]), e.y = Number(v[3]), p.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]), 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.x += Number(v[2]), e.y += Number(v[3]), p.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]), p.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]), p.quadraticCurveTo(e.x1, e.y1, e.x, e.y);
                     break;
                   case "A":
                   case "a":
@@ -780,80 +1365,80 @@ var svga_lite_min = { exports: {} };
                   case "z":
                     p.closePath();
                 }
-              })(i, u, k, a);
+              })(i, h, w, l);
             }
           }
-        }), f._styles && f._styles.fill ? i.fill() : f._styles && f._styles.stroke && i.stroke(), i.restore();
+        }), m._styles && m._styles.fill ? i.fill() : m._styles && m._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 d = function(i, m, h, b, w) {
+        var l = i.getContext("2d");
+        return b.sprites.forEach(function(p) {
+          var e = p.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();
+            l.save(), l.globalAlpha = e.alpha, l.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 = m[p.imageKey];
+            x && (e.maskPath !== void 0 && e.maskPath !== null && (e.maskPath._styles = void 0, a(l, e.maskPath), l.clip()), l.drawImage(x, 0, 0));
+            var v = h[p.imageKey];
+            v && l.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 ? a(l, new t.default(_.pathArgs.d, _.transform, _.styles)) : _.type === "ellipse" && _.pathArgs ? function(E, S) {
+                E.save(), f(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 T = S._x - S._radiusX, C = S._y - S._radiusY, I = 2 * S._radiusX, B = 2 * S._radiusY, O = I / 2 * 0.5522848, j = B / 2 * 0.5522848, P = T + I, R = C + B, M = T + I / 2, F = C + B / 2;
+                E.beginPath(), E.moveTo(T, F), E.bezierCurveTo(T, F - j, M - O, C, M, C), E.bezierCurveTo(M + O, C, P, F - j, P, F), E.bezierCurveTo(P, F + j, M + O, R, M, R), E.bezierCurveTo(M - O, R, T, F + j, T, F), S._styles && S._styles.fill ? E.fill() : S._styles && S._styles.stroke && E.stroke(), E.restore();
+              }(l, 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(), f(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 T = S._x, C = S._y, I = S._width, B = S._height, O = S._cornerRadius;
+                I < 2 * O && (O = I / 2), B < 2 * O && (O = B / 2), E.beginPath(), E.moveTo(T + O, C), E.arcTo(T + I, C, T + I, C + B, O), E.arcTo(T + I, C + B, T, C + B, O), E.arcTo(T, C + B, T, C, O), E.arcTo(T, C, T + I, C, O), E.closePath(), S._styles && S._styles.fill ? E.fill() : S._styles && S._styles.stroke && E.stroke(), E.restore();
+              }(l, new c.default(parseFloat(_.pathArgs.x) || 0, parseFloat(_.pathArgs.y) || 0, parseFloat(_.pathArgs.width) || 0, parseFloat(_.pathArgs.height) || 0, parseFloat(_.pathArgs.cornerRadius) || 0, _.transform, _.styles));
+            }), l.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 = d;
+    }, function(s, g, o) {
+      var t, r = (t = function(u, n) {
+        return (t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(f, a) {
+          f.__proto__ = a;
+        } || function(f, a) {
+          for (var d in a) Object.prototype.hasOwnProperty.call(a, d) && (f[d] = a[d]);
+        })(u, n);
+      }, function(u, n) {
+        function f() {
+          this.constructor = u;
         }
-        t(h, m), h.prototype = m === null ? Object.create(m) : (o.prototype = m.prototype, new o());
+        t(u, n), u.prototype = n === null ? Object.create(n) : (f.prototype = n.prototype, new f());
       });
       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 c = function(u) {
+        function n(f, a, d, i, m, h) {
+          var b = u.call(this) || this;
+          return b._x = f, b._y = a, b._radiusX = d, b._radiusY = i, b._transform = m, b._styles = h, 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(n, u), n;
+      }(o(0).default);
+      g.default = c;
+    }, function(s, g, o) {
+      var t, r = (t = function(u, n) {
+        return (t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(f, a) {
+          f.__proto__ = a;
+        } || function(f, a) {
+          for (var d in a) Object.prototype.hasOwnProperty.call(a, d) && (f[d] = a[d]);
+        })(u, n);
+      }, function(u, n) {
+        function f() {
+          this.constructor = u;
         }
-        t(h, m), h.prototype = m === null ? Object.create(m) : (o.prototype = m.prototype, new o());
+        t(u, n), u.prototype = n === null ? Object.create(n) : (f.prototype = n.prototype, new f());
       });
       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 c = function(u) {
+        function n(f, a, d, i, m, h, b) {
+          var w = u.call(this) || this;
+          return w._x = f, w._y = a, w._width = d, w._height = i, w._cornerRadius = m, w._transform = h, w._styles = b, w;
         }
-        return r(m, h), m;
-      }(n(0).default);
-      g.default = v;
-    }, function(y, g, n) {
+        return r(n, u), n;
+      }(o(0).default);
+      g.default = c;
+    }, function(s, g, o) {
       Object.defineProperty(g, "__esModule", { value: !0 });
       var t = function() {
         function r() {
@@ -864,22 +1449,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(c) {
+          this.doStart(c);
         }, 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(c) {
+          this._isRunning = !0, this._mStartTime = this._currentTimeMillsecond(), c && (this._mStartTime -= c / (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(c) {
+          c >= this.duration * this.loop ? (this._currentFrication = this.fillRule === 1 ? 0 : 1, this._isRunning = !1) : this._currentFrication = c % 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;
@@ -966,308 +1551,177 @@ const _sfc_main$1 = {
      */
     "error"
   ],
-  setup(y, { expose: g, emit: n }) {
+  setup(s, { expose: g, emit: o }) {
     useCssVars((e) => ({
-      v5ce75b7f: y.width,
-      v26351a8e: y.height
+      v404d30eb: s.width,
+      a0ec1abc: s.height
     }));
-    const t = y, r = n, v = ref(null), h = ref(null);
-    let m = null, o = null, s = null;
-    const l = async () => {
+    const t = s, r = o, c = ref(null), u = ref(null);
+    let n = null, f = null, a = null;
+    const d = 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");
+        n = new svga_lite_minExports.Parser(), a = await n.load(t.src), f = new svga_lite_minExports.Player(u.value), f.loop = t.loop, f.speed = t.speed, f.onStart = () => r("play"), f.onPause = () => r("pause"), f.onEnd = () => r("ended"), f.onFrame = () => r("progress", f.progress), await f.setAnimationData(a), t.progress > 0 && (f.progress = t.progress), t.autoplay && f.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);
+      f && f.start();
+    }, m = () => {
+      f && f.pause();
+    }, h = () => {
+      f && f.stop();
+    }, b = () => {
+      f && (f.stop(), f.start());
+    }, w = (e) => {
+      f && (f.progress = e);
+    }, l = (e) => {
+      f && (f.speed = e);
     }, p = (e) => {
-      o && (o.loop = e);
+      f && (f.loop = e);
     };
     return g({
       play: i,
-      pause: f,
-      stop: u,
-      restart: S,
-      setProgress: k,
-      setSpeed: a,
+      pause: m,
+      stop: h,
+      restart: b,
+      setProgress: w,
+      setSpeed: l,
       setLoop: p
     }), watch(() => t.src, async (e) => {
-      e && await l();
+      e && await d();
     }), watch(() => t.loop, (e) => {
       p(e);
     }), watch(() => t.speed, (e) => {
-      a(e);
+      l(e);
     }), watch(() => t.progress, (e) => {
-      k(e);
+      w(e);
     }), onMounted(async () => {
-      await nextTick(), await l();
+      await nextTick(), await d();
     }), onUnmounted(() => {
-      o && (o.stop(), o = null), m && (m = null), s = null;
-    }), (e, A) => (openBlock(), createElementBlock("div", {
+      f && (f.stop(), f = null), n && (n = null), a = null;
+    }), (e, x) => (openBlock(), createElementBlock("div", {
       ref_key: "containerRef",
-      ref: v,
+      ref: c,
       class: "svga-player-container"
     }, [
       createElementVNode("canvas", {
         ref_key: "canvasRef",
-        ref: h,
+        ref: u,
         class: "svga-player-canvas"
       }, null, 512)
     ], 512));
   }
-}, HbisSvgaPlayer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-6b83dcf1"]]), _sfc_main = {
-  __name: "hbis-auto-scroll-list",
+}, HbisSvgaPlayer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-94c319f8"]]), _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: {
-    // 列表数据数组
-    data: {
+    list: {
       type: Array,
       default: () => []
     },
-    // 滚动速度
-    speed: {
-      type: Number,
-      default: 1
-    },
-    // 滚动方向：vertical（垂直）或horizontal（水平）
-    direction: {
+    placeholder: {
       type: String,
-      default: "vertical",
-      validator: (y) => ["vertical", "horizontal"].includes(y)
-    },
-    // 鼠标悬停是否暂停
-    pauseOnHover: {
-      type: Boolean,
-      default: !0
+      default: "请输入关键词搜索"
     },
-    // 列表项高度（垂直滚动时使用）
-    itemHeight: {
-      type: Number,
-      default: 40
+    defaultValue: {
+      type: String,
+      default: ""
     },
-    // 列表项宽度（水平滚动时使用）
-    itemWidth: {
+    maxHeight: {
       type: Number,
-      default: 200
-    },
-    // 容器高度
-    containerHeight: {
-      type: [Number, String],
-      default: 300
-    },
-    // 容器宽度
-    containerWidth: {
-      type: [Number, String],
-      default: "100%"
+      default: 400
     },
-    // 是否循环滚动
-    loop: {
+    showClear: {
       type: Boolean,
       default: !0
-    },
-    // 自定义列表项类名
-    customItemClass: {
-      type: String,
-      default: ""
-    },
-    // 自定义列表项样式
-    itemStyle: {
-      type: Object,
-      default: () => ({})
     }
   },
-  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(() => ({
-      // 动态设置容器高度和宽度
-      height: typeof t.containerHeight == "number" ? `${t.containerHeight}px` : t.containerHeight,
-      width: typeof t.containerWidth == "number" ? `${t.containerWidth}px` : t.containerWidth,
-      overflow: "hidden",
-      // 隐藏超出部分
-      position: "relative"
-      // 相对定位，为绝对定位的内容容器提供参考
-    })), p = computed(() => {
-      const c = {
-        position: "absolute",
-        // 绝对定位，实现自由移动
-        transition: "none",
-        // 禁用过渡，使用transform实现平滑滚动
-        willChange: "transform"
-        // 告诉浏览器将要变化的属性，优化性能
-      };
-      return t.direction === "vertical" ? c.transform = `translateY(${s.value}px)` : c.transform = `translateX(${s.value}px)`, c;
-    }), e = () => {
-      if (!t.data || t.data.length === 0) {
-        l.value = [];
-        return;
-      }
-      t.loop ? l.value = [...t.data, ...t.data] : l.value = [...t.data];
-    }, A = () => {
-      if (m.value || i.value) {
-        o.value = requestAnimationFrame(A);
-        return;
-      }
-      const c = v.value, b = h.value;
-      if (!c || !b) {
-        o.value = requestAnimationFrame(A);
-        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);
-      else {
-        const j = -(B - O);
-        if (s.value <= j) {
-          s.value = j, m.value = !0, r("scroll", s.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");
-    }, _ = () => {
-      m.value = !1, r("resume");
-    }, N = () => {
-      t.pauseOnHover && x();
-    }, 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) => {
-      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;
-        if (t.loop)
-          s.value > 0 ? s.value = 0 : Math.abs(s.value) > $ && (s.value = -$);
-        else {
-          const R = -($ - B);
-          s.value > 0 ? s.value = 0 : s.value < R && (s.value = R);
-        }
-      }
-      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) => {
-      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;
-        if (t.loop)
-          s.value > 0 ? s.value = 0 : Math.abs(s.value) > R && (s.value = -R);
-        else {
-          const z = -(R - j);
-          s.value > 0 ? s.value = 0 : s.value < z && (s.value = z);
-        }
-      }
-      r("scroll", s.value);
-    }, V = () => {
-      i.value && (i.value = !1, k.value || (m.value = !1), r("dragEnd"));
-    }, M = (c) => {
-      s.value = c;
-    }, I = () => {
-      s.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);
-        }
-      }
+  emits: ["clearIcon", "search", "select"],
+  setup(s, { emit: g }) {
+    const o = s, t = g, r = ref(o.defaultValue), c = ref(!1), u = ref(!1), n = ref([]);
+    function f() {
+      r.value = "", n.value = [], u.value = !1, t("clearIcon", "", []);
+    }
+    function a() {
+      const h = r.value;
+      n.value = o.list.filter(
+        (b) => b.name && b.name.includes(h)
+      ), u.value = n.value.length > 0, t("search", h, n.value);
+    }
+    function d() {
+      n.value = o.list.filter(
+        (h) => h.name && h.name.includes(r.value)
+      ), c.value = !0, u.value = !0;
+    }
+    function i() {
+      setTimeout(() => {
+        c.value = !1, u.value = !1;
+      }, 150);
+    }
+    function m(h) {
+      r.value = h.name, u.value = !1, t("select", h);
+    }
+    return onMounted(() => {
+      o.defaultValue && (r.value = o.defaultValue);
+    }), (h, b) => {
+      const w = resolveComponent("scroll-view");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: normalizeClass(["input-wrapper", { focus: c.value }])
+        }, [
+          withDirectives(createElementVNode("input", {
+            class: "search-input",
+            placeholder: s.placeholder,
+            "onUpdate:modelValue": b[0] || (b[0] = (l) => r.value = l),
+            onInput: a,
+            onFocus: d,
+            onBlur: i
+          }, null, 40, _hoisted_2), [
+            [vModelText, r.value]
+          ]),
+          r.value && s.showClear ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "clear-icon",
+            onClick: f
+          }, "×")) : createCommentVNode("", !0)
+        ], 2),
+        u.value && n.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createVNode(w, {
+            "scroll-y": "",
+            style: normalizeStyle({ maxHeight: s.maxHeight + "px" })
+          }, {
+            default: withCtx(() => [
+              (openBlock(!0), createElementBlock(Fragment, null, renderList(n.value, (l, p) => (openBlock(), createElementBlock("div", {
+                key: p,
+                class: "dropdown-item",
+                onClick: (e) => m(l)
+              }, [
+                createElementVNode("span", _hoisted_5, toDisplayString(l.name), 1)
+              ], 8, _hoisted_4))), 128))
+            ]),
+            _: 1
+          }, 8, ["style"])
+        ])) : createCommentVNode("", !0)
+      ]);
     };
-    return watch(() => t.data, () => {
-      e(), s.value = 0;
-    }, { deep: !0 }), watch(() => t.speed, () => {
-      m.value || (w(), d());
-    }), onMounted(() => {
-      e(), nextTick(() => {
-        d();
-        const c = v.value;
-        c && (c.addEventListener("mouseenter", N), c.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);
-    }), g({
-      pause: x,
-      // 暂停滚动
-      resume: _,
-      // 恢复滚动
-      scrollTo: M,
-      // 滚动到指定位置
-      scrollToTop: I,
-      // 滚动到顶部
-      scrollToBottom: W,
-      // 滚动到底部
-      isPaused: m,
-      // 是否暂停（响应式）
-      isDragging: i
-      // 是否正在拖拽（响应式）
-    }), (c, b) => (openBlock(), createElementBlock("div", {
-      class: "hbis-auto-scroll-list",
-      ref_key: "containerRef",
-      ref: v,
-      style: normalizeStyle(a.value),
-      onMousedown: F,
-      onTouchstart: P,
-      onTouchmove: L,
-      onTouchend: V
-    }, [
-      createElementVNode("div", {
-        class: "scroll-content",
-        ref_key: "contentRef",
-        ref: h,
-        style: normalizeStyle(p.value)
-      }, [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(l.value, (O, E) => renderSlot(c.$slots, "item", {
-          item: O,
-          index: E
-        }, () => [
-          createElementVNode("div", {
-            class: "default-item",
-            style: normalizeStyle(y.itemStyle)
-          }, toDisplayString(O), 5)
-        ], !0)), 256))
-      ], 4)
-    ], 36));
   }
-}, HbisAutoScrollList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d23f102b"]]);
+};
 export {
   C1,
   C2,
   HbisAutoScrollList,
+  HbisSmsInput,
   HbisSvgaPlayer,
+  HbisWaterfall,
   HbisAutoScrollList as hbisAutoScrollList,
   hbisDateStrip,
-  _sfc_main$2 as hbisPreviewImage,
-  HbisSvgaPlayer as hbisSvgaPlayer
+  hbisLoading,
+  _sfc_main$6 as hbisPreviewImage,
+  _sfc_main as hbisSearchInput,
+  HbisSmsInput as hbisSmsInput,
+  HbisSvgaPlayer as hbisSvgaPlayer,
+  HbisWaterfall as hbisWaterfall
 };
 //# sourceMappingURL=index.es.js.map