@seresweb/website-component 2.3.6 → 2.3.7

package/dist/es/date-picker.mjs

@@ -1,6 +1,356 @@
-import "../_utils-B7LThWoT.js";
-import { S as t, S as o } from "../index-CMZ8zDDd.js";
+import { w as ve } from "../_utils-B7LThWoT.js";
+import { defineComponent as De, inject as ye, ref as oe, computed as ie, watch as ke, createElementBlock as E, openBlock as V, normalizeClass as v, unref as o, createElementVNode as $, toDisplayString as R, Fragment as le, renderList as ce } from "vue";
+import { g as Me, d as T } from "../dayjs.min-B_s8lXoY.js";
+import { P as u } from "../_vars-BV4QQF-p.js";
+import { e as _e } from "../en-US-DRY37Ke3.js";
+import { C as Ye } from "../_icons-B97SN5iK.js";
+var X = { exports: {} }, $e = X.exports, de;
+function ge() {
+  return de || (de = 1, (function(q, re) {
+    (function(O, k) {
+      q.exports = k();
+    })($e, (function() {
+      var O = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, k = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, A = /\d/, g = /\d\d/, l = /\d\d?/, c = /\d*[^-_:/,()\s\d]+/, f = {}, F = function(e) {
+        return (e = +e) + (e > 68 ? 1900 : 2e3);
+      }, d = function(e) {
+        return function(t) {
+          this[e] = +t;
+        };
+      }, C = [/[+-]\d\d:?(\d\d)?|Z/, function(e) {
+        (this.zone || (this.zone = {})).offset = (function(t) {
+          if (!t || t === "Z") return 0;
+          var r = t.match(/([+-]|\d\d)/g), s = 60 * r[1] + (+r[2] || 0);
+          return s === 0 ? 0 : r[0] === "+" ? -s : s;
+        })(e);
+      }], H = function(e) {
+        var t = f[e];
+        return t && (t.indexOf ? t : t.s.concat(t.f));
+      }, Z = function(e, t) {
+        var r, s = f.meridiem;
+        if (s) {
+          for (var h = 1; h <= 24; h += 1) if (e.indexOf(s(h, 0, t)) > -1) {
+            r = h > 12;
+            break;
+          }
+        } else r = e === (t ? "pm" : "PM");
+        return r;
+      }, Q = { A: [c, function(e) {
+        this.afternoon = Z(e, !1);
+      }], a: [c, function(e) {
+        this.afternoon = Z(e, !0);
+      }], Q: [A, function(e) {
+        this.month = 3 * (e - 1) + 1;
+      }], S: [A, function(e) {
+        this.milliseconds = 100 * +e;
+      }], SS: [g, function(e) {
+        this.milliseconds = 10 * +e;
+      }], SSS: [/\d{3}/, function(e) {
+        this.milliseconds = +e;
+      }], s: [l, d("seconds")], ss: [l, d("seconds")], m: [l, d("minutes")], mm: [l, d("minutes")], H: [l, d("hours")], h: [l, d("hours")], HH: [l, d("hours")], hh: [l, d("hours")], D: [l, d("day")], DD: [g, d("day")], Do: [c, function(e) {
+        var t = f.ordinal, r = e.match(/\d+/);
+        if (this.day = r[0], t) for (var s = 1; s <= 31; s += 1) t(s).replace(/\[|\]/g, "") === e && (this.day = s);
+      }], w: [l, d("week")], ww: [g, d("week")], M: [l, d("month")], MM: [g, d("month")], MMM: [c, function(e) {
+        var t = H("months"), r = (H("monthsShort") || t.map((function(s) {
+          return s.slice(0, 3);
+        }))).indexOf(e) + 1;
+        if (r < 1) throw new Error();
+        this.month = r % 12 || r;
+      }], MMMM: [c, function(e) {
+        var t = H("months").indexOf(e) + 1;
+        if (t < 1) throw new Error();
+        this.month = t % 12 || t;
+      }], Y: [/[+-]?\d+/, d("year")], YY: [g, function(e) {
+        this.year = F(e);
+      }], YYYY: [/\d{4}/, d("year")], Z: C, ZZ: C };
+      function a(e) {
+        var t, r;
+        t = e, r = f && f.formats;
+        for (var s = (e = t.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function(m, M, _) {
+          var y = _ && _.toUpperCase();
+          return M || r[_] || O[_] || r[y].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (function(w, x, S) {
+            return x || S.slice(1);
+          }));
+        }))).match(k), h = s.length, D = 0; D < h; D += 1) {
+          var L = s[D], Y = Q[L], n = Y && Y[0], i = Y && Y[1];
+          s[D] = i ? { regex: n, parser: i } : L.replace(/^\[|\]$/g, "");
+        }
+        return function(m) {
+          for (var M = {}, _ = 0, y = 0; _ < h; _ += 1) {
+            var w = s[_];
+            if (typeof w == "string") y += w.length;
+            else {
+              var x = w.regex, S = w.parser, z = m.slice(y), P = x.exec(z)[0];
+              S.call(M, P), m = m.replace(P, "");
+            }
+          }
+          return (function(b) {
+            var B = b.afternoon;
+            if (B !== void 0) {
+              var p = b.hours;
+              B ? p < 12 && (b.hours += 12) : p === 12 && (b.hours = 0), delete b.afternoon;
+            }
+          })(M), M;
+        };
+      }
+      return function(e, t, r) {
+        r.p.customParseFormat = !0, e && e.parseTwoDigitYear && (F = e.parseTwoDigitYear);
+        var s = t.prototype, h = s.parse;
+        s.parse = function(D) {
+          var L = D.date, Y = D.utc, n = D.args;
+          this.$u = Y;
+          var i = n[1];
+          if (typeof i == "string") {
+            var m = n[2] === !0, M = n[3] === !0, _ = m || M, y = n[2];
+            M && (y = n[2]), f = this.$locale(), !m && y && (f = r.Ls[y]), this.$d = (function(z, P, b, B) {
+              try {
+                if (["x", "X"].indexOf(P) > -1) return new Date((P === "X" ? 1e3 : 1) * z);
+                var p = a(P)(z), W = p.year, U = p.month, ue = p.day, fe = p.hours, he = p.minutes, me = p.seconds, pe = p.milliseconds, ne = p.zone, se = p.week, N = /* @__PURE__ */ new Date(), G = ue || (W || U ? 1 : N.getDate()), J = W || N.getFullYear(), j = 0;
+                W && !U || (j = U > 0 ? U - 1 : N.getMonth());
+                var I, K = fe || 0, ee = he || 0, te = me || 0, ae = pe || 0;
+                return ne ? new Date(Date.UTC(J, j, G, K, ee, te, ae + 60 * ne.offset * 1e3)) : b ? new Date(Date.UTC(J, j, G, K, ee, te, ae)) : (I = new Date(J, j, G, K, ee, te, ae), se && (I = B(I).week(se).toDate()), I);
+              } catch {
+                return /* @__PURE__ */ new Date("");
+              }
+            })(L, i, Y, r), this.init(), y && y !== !0 && (this.$L = this.locale(y).$L), _ && L != this.format(i) && (this.$d = /* @__PURE__ */ new Date("")), f = {};
+          } else if (i instanceof Array) for (var w = i.length, x = 1; x <= w; x += 1) {
+            n[1] = i[x - 1];
+            var S = r.apply(this, n);
+            if (S.isValid()) {
+              this.$d = S.$d, this.$L = S.$L, this.init();
+              break;
+            }
+            x === w && (this.$d = /* @__PURE__ */ new Date(""));
+          }
+          else h.call(this, D);
+        };
+      };
+    }));
+  })(X)), X.exports;
+}
+var we = ge();
+const xe = /* @__PURE__ */ Me(we), Le = ["innerHTML"], Se = ["innerHTML"], be = ["onClick"], Te = "YYYY-MM-DD", Fe = /* @__PURE__ */ De({
+  name: "ScDatePicker",
+  __name: "date-picker",
+  props: {
+    modelValue: { default: null },
+    displayFormat: { default: Te },
+    disabled: { type: Boolean, default: !1 },
+    dark: { type: Boolean, default: !1 },
+    minDate: { default: void 0 },
+    maxDate: { default: void 0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(q, { emit: re }) {
+    T.extend(xe);
+    const O = Ye, k = q, A = re, g = ye("scLocale", _e), l = oe((/* @__PURE__ */ new Date()).getFullYear()), c = oe((/* @__PURE__ */ new Date()).getMonth()), f = (a) => {
+      if (a == null) return null;
+      if (typeof a == "number" || a instanceof Date) {
+        const e = T(a);
+        return e.isValid() ? e : null;
+      }
+      return null;
+    }, F = ie(() => f(k.modelValue)), d = ie(() => {
+      const a = [], e = T().year(l.value).month(c.value).date(1), t = e.endOf("month"), r = e.subtract(1, "day"), s = T(), h = e.day(), D = h === 0 ? 6 : h - 1;
+      for (let n = D - 1; n >= 0; n--) {
+        const i = r.date() - n, m = T().year(l.value).month(c.value - 1).date(i);
+        a.push({
+          date: i,
+          fullDate: m,
+          key: `prev-${i}`,
+          isOtherMonth: !0,
+          isToday: !1,
+          isSelected: !1,
+          isDisabled: C(m)
+        });
+      }
+      const L = t.date();
+      for (let n = 1; n <= L; n++) {
+        const i = T().year(l.value).month(c.value).date(n), m = i.isSame(s, "day"), M = F.value ? i.isSame(F.value, "day") : !1;
+        a.push({
+          date: n,
+          fullDate: i,
+          key: `current-${n}`,
+          isOtherMonth: !1,
+          isToday: m,
+          isSelected: M,
+          isDisabled: C(i)
+        });
+      }
+      const Y = 42 - a.length;
+      for (let n = 1; n <= Y; n++) {
+        const i = T().year(l.value).month(c.value + 1).date(n);
+        a.push({
+          date: n,
+          fullDate: i,
+          key: `next-${n}`,
+          isOtherMonth: !0,
+          isToday: !1,
+          isSelected: !1,
+          isDisabled: C(i)
+        });
+      }
+      return a;
+    });
+    function C(a) {
+      if (k.minDate) {
+        const e = f(k.minDate);
+        if (e && a.isBefore(e, "day")) return !0;
+      }
+      if (k.maxDate) {
+        const e = f(k.maxDate);
+        if (e && a.isAfter(e, "day")) return !0;
+      }
+      return !1;
+    }
+    function H(a) {
+      a.preventDefault(), c.value === 0 ? (c.value = 11, l.value--) : c.value--;
+    }
+    function Z(a) {
+      a.preventDefault(), c.value === 11 ? (c.value = 0, l.value++) : c.value++;
+    }
+    function Q(a, e) {
+      if (a.preventDefault(), e.isDisabled || k.disabled) return;
+      const t = e.fullDate.valueOf();
+      A("update:modelValue", t), A("change", t);
+    }
+    return ke(
+      F,
+      (a) => {
+        a && (l.value = a.year(), c.value = a.month());
+      },
+      { immediate: !0 }
+    ), (a, e) => (V(), E(
+      "div",
+      {
+        class: v([
+          `${o(u)}-date-picker`,
+          { [`${o(u)}-date-picker--disabled`]: a.disabled, [`${o(u)}-date-picker--dark`]: a.dark }
+        ])
+      },
+      [
+        $(
+          "div",
+          {
+            class: v(`${o(u)}-date-picker__panel`)
+          },
+          [
+            $(
+              "div",
+              {
+                class: v(`${o(u)}-date-picker__header`)
+              },
+              [
+                $(
+                  "button",
+                  {
+                    class: v(`${o(u)}-date-picker__nav`),
+                    onClick: H
+                  },
+                  [
+                    $("span", {
+                      class: v(`${o(u)}-date-picker__nav-prev`),
+                      innerHTML: o(O),
+                      "aria-hidden": "true"
+                    }, null, 10, Le)
+                  ],
+                  2
+                  /* CLASS */
+                ),
+                $(
+                  "div",
+                  {
+                    class: v(`${o(u)}-date-picker__header-label`)
+                  },
+                  R(o(g).datePicker.months[c.value]) + " " + R(l.value),
+                  3
+                  /* TEXT, CLASS */
+                ),
+                $(
+                  "button",
+                  {
+                    class: v(`${o(u)}-date-picker__nav`),
+                    onClick: Z
+                  },
+                  [
+                    $("span", {
+                      class: v(`${o(u)}-date-picker__nav-next`),
+                      innerHTML: o(O),
+                      "aria-hidden": "true"
+                    }, null, 10, Se)
+                  ],
+                  2
+                  /* CLASS */
+                )
+              ],
+              2
+              /* CLASS */
+            ),
+            $(
+              "div",
+              {
+                class: v(`${o(u)}-date-picker__weekdays`)
+              },
+              [
+                (V(!0), E(
+                  le,
+                  null,
+                  ce(o(g).datePicker.weekdays, (t) => (V(), E(
+                    "div",
+                    {
+                      key: t,
+                      class: v(`${o(u)}-date-picker__weekday`)
+                    },
+                    R(t),
+                    3
+                    /* TEXT, CLASS */
+                  ))),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ],
+              2
+              /* CLASS */
+            ),
+            $(
+              "div",
+              {
+                class: v(`${o(u)}-date-picker__days`)
+              },
+              [
+                (V(!0), E(
+                  le,
+                  null,
+                  ce(d.value, (t) => (V(), E("div", {
+                    key: t.key,
+                    class: v([
+                      `${o(u)}-date-picker__day`,
+                      {
+                        [`${o(u)}-date-picker__day--today`]: t.isToday,
+                        [`${o(u)}-date-picker__day--selected`]: t.isSelected,
+                        [`${o(u)}-date-picker__day--other-month`]: t.isOtherMonth,
+                        [`${o(u)}-date-picker__day--disabled`]: t.isDisabled
+                      }
+                    ]),
+                    onClick: (r) => Q(r, t)
+                  }, R(t.date), 11, be))),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ],
+              2
+              /* CLASS */
+            )
+          ],
+          2
+          /* CLASS */
+        )
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), Ze = ve(Fe);
 export {
-  t as ScDatePicker,
-  o as default
+  Ze as ScDatePicker,
+  Ze as default
 };

package/dist/es/date-select.mjs

@@ -1,14 +1,15 @@
-import { defineComponent as C, ref as v, computed as y, watch as B, createElementBlock as s, openBlock as m, normalizeClass as c, unref as o, createVNode as V, withCtx as h, createElementVNode as E, toDisplayString as k } from "vue";
-import { d as Y, S as F } from "../index-CMZ8zDDd.js";
-import { P as i } from "../_vars-BV4QQF-p.js";
-import { a as M } from "../_icons-B97SN5iK.js";
+import { defineComponent as S, ref as C, computed as F, watch as B, createElementBlock as u, openBlock as m, normalizeClass as i, unref as d, createVNode as h, withCtx as y, createElementVNode as E, toDisplayString as k } from "vue";
+import { d as D } from "../dayjs.min-B_s8lXoY.js";
+import { P as c } from "../_vars-BV4QQF-p.js";
+import { a as Y } from "../_icons-B97SN5iK.js";
+import { ScDatePicker as M } from "./date-picker.mjs";
 import { ScSelect as P } from "./select.mjs";
-const U = { key: 0 }, D = "YYYY-MM-DD", p = /* @__PURE__ */ C({
+const U = { key: 0 }, p = "YYYY-MM-DD", f = /* @__PURE__ */ S({
   name: "ScDateSelect",
   __name: "date-select",
   props: {
     modelValue: { default: null },
-    format: { default: D },
+    displayFormat: { default: p },
     placeholder: { default: "请选择日期" },
     disabled: { type: Boolean, default: !1 },
     dark: { type: Boolean, default: !1 },
@@ -18,83 +19,87 @@ const U = { key: 0 }, D = "YYYY-MM-DD", p = /* @__PURE__ */ C({
   },
   emits: ["update:modelValue", "change"],
   setup(r, { emit: g }) {
-    const u = r, l = g, a = v(u.modelValue ?? null), f = y({
+    const s = r, o = g, a = C(s.modelValue ?? null), V = F({
       get: () => {
         if (!a.value) return "";
-        const e = Y(a.value);
-        return e.isValid() ? e.format(u.format || D) : "";
+        const e = D(a.value);
+        return e.isValid() ? e.format(s.displayFormat || p) : "";
       },
       set: (e) => {
         if (!e) {
-          a.value = null, l("update:modelValue", null), l("change", null);
+          a.value = null, o("update:modelValue", null), o("change", null);
           return;
         }
-        a.value = e, l("update:modelValue", e), l("change", e);
+        const l = D(e, s.displayFormat || p);
+        if (l.isValid()) {
+          const t = l.valueOf();
+          a.value = t, o("update:modelValue", t), o("change", t);
+        }
       }
     });
     B(
-      () => u.modelValue,
+      () => s.modelValue,
       (e) => {
         a.value = e ?? null;
       }
     );
-    const S = (e, t) => {
-      a.value = e, l("update:modelValue", e), l("change", e), t();
-    }, b = (e) => {
-      e === null && (a.value = null, l("update:modelValue", null), l("change", null));
+    const b = (e, l) => {
+      a.value = e, o("update:modelValue", e), o("change", e), l();
+    }, v = (e) => {
+      e === null && (a.value = null, o("update:modelValue", null), o("change", null));
     };
-    return (e, t) => (m(), s(
+    return (e, l) => (m(), u(
       "div",
       {
-        class: c(`${o(i)}-date-select`)
+        class: i(`${d(c)}-date-select`)
       },
       [
-        V(o(P), {
-          modelValue: f.value,
-          "onUpdate:modelValue": t[1] || (t[1] = (d) => f.value = d),
+        h(d(P), {
+          modelValue: V.value,
+          "onUpdate:modelValue": l[1] || (l[1] = (t) => V.value = t),
           placeholder: e.placeholder,
           disabled: e.disabled,
           dark: e.dark,
           clearable: e.clearable,
-          icon: o(M),
+          icon: d(Y),
           "icon-rotate": !1,
-          onChange: b
+          onChange: v
         }, {
-          selected: h(({ value: d, hasValue: n }) => [
-            n ? (m(), s(
+          selected: y(({ value: t, hasValue: n }) => [
+            n ? (m(), u(
               "span",
               U,
-              k(d),
+              k(t),
               1
               /* TEXT */
-            )) : (m(), s(
+            )) : (m(), u(
               "span",
               {
                 key: 1,
-                class: c(`${o(i)}-date-select__placeholder`)
+                class: i(`${d(c)}-date-select__placeholder`)
               },
               k(e.placeholder),
               3
               /* TEXT, CLASS */
             ))
           ]),
-          default: h(({ close: d }) => [
+          default: y(({ close: t }) => [
             E(
               "div",
               {
-                class: c(`${o(i)}-date-select__panel`)
+                class: i(`${d(c)}-date-select__panel`)
               },
               [
-                V(o(F), {
+                h(d(M), {
                   modelValue: a.value,
-                  "onUpdate:modelValue": t[0] || (t[0] = (n) => a.value = n),
+                  "onUpdate:modelValue": l[0] || (l[0] = (n) => a.value = n),
                   dark: e.dark,
-                  format: e.format,
+                  "display-format": e.displayFormat,
                   disabled: e.disabled,
                   "min-date": e.minDate,
                   "max-date": e.maxDate,
-                  onChange: (n) => S(n, d)
-                }, null, 8, ["modelValue", "dark", "format", "disabled", "min-date", "max-date", "onChange"])
+                  onChange: (n) => b(n, t)
+                }, null, 8, ["modelValue", "dark", "display-format", "disabled", "min-date", "max-date", "onChange"])
               ],
               2
               /* CLASS */
@@ -109,8 +114,8 @@ const U = { key: 0 }, D = "YYYY-MM-DD", p = /* @__PURE__ */ C({
     ));
   }
 });
-p.install = (r) => (r.component("ScDateSelect", p), r);
-const R = p;
+f.install = (r) => (r.component("ScDateSelect", f), r);
+const R = f;
 export {
   R as ScDateSelect
 };

package/dist/es/horizontal-viewer.mjs

@@ -1,4 +1,4 @@
-import { S as e } from "../index-BPpds5EG.js";
+import { S as e } from "../index-Dzp0ckB8.js";
 export {
   e as ScHorizontalViewer
 };

package/dist/es/image-indicator.mjs

@@ -1,4 +1,4 @@
-import { a as r } from "../index-BPpds5EG.js";
+import { a as r } from "../index-Dzp0ckB8.js";
 export {
   r as ScImageIndicator
 };

package/dist/es/index.mjs

@@ -3,12 +3,12 @@ import { ScAnimatedNumber as a } from "./animated-number.mjs";
 import { ScCheckbox as S } from "./checkbox.mjs";
 import { ScCol as l } from "./col.mjs";
 import { ScConfigProvider as d } from "./config-provider.mjs";
-import { S as u } from "../index-CMZ8zDDd.js";
+import { ScDatePicker as u } from "./date-picker.mjs";
 import { ScDateSelect as h } from "./date-select.mjs";
 import { ScDrawer as w } from "./drawer.mjs";
 import { ScDropdown as x } from "./dropdown.mjs";
 import { ScGradualHighlight as g } from "./gradual-highlight.mjs";
-import { S as y, a as b, b as v } from "../index-BPpds5EG.js";
+import { S as y, a as b, b as v } from "../index-Dzp0ckB8.js";
 import { ScInput as I } from "./input.mjs";
 import { ScLayzImage as P } from "./layz-image.mjs";
 import { ScLocales as $ } from "./locales.mjs";
@@ -21,7 +21,7 @@ import { ScSwiperShowcase as z } from "./swiper-showcase.mjs";
 import { ScSwiperVehicle as L } from "./swiper-vehicle.mjs";
 import { ScTabIndicator as R } from "./tab-indicator.mjs";
 import { ScVideo as V } from "./video.mjs";
-import { e as po } from "../en-US-BBTWftdk.js";
+import { e as po } from "../en-US-DRY37Ke3.js";
 const n = "@seresweb/website-component", so = (t = {}) => {
   const s = t.prefix || "Sc", o = t.importStyle ?? "css";
   return {

package/dist/es/locales.mjs

@@ -1,5 +1,6 @@
-import { e } from "../en-US-BBTWftdk.js";
+import { e } from "../en-US-DRY37Ke3.js";
 const t = {
+  dayjsLocale: "ar",
   datePicker: {
     months: [
       "يناير",

package/dist/es/swiper-normal.mjs

@@ -1,4 +1,4 @@
-import { b as a } from "../index-BPpds5EG.js";
+import { b as a } from "../index-Dzp0ckB8.js";
 export {
   a as ScSwiperNormal
 };

package/dist/index-0n3E5pgL.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),H=require("./swiper-bundle-gkukcY4l.cjs"),n=require("./_vars-CyrPevgT.cjs");require("./cjs/accordion-info-panel.cjs");require("./cjs/animated-number.cjs");require("./cjs/checkbox.cjs");require("./cjs/col.cjs");require("./cjs/config-provider.cjs");require("./cjs/date-picker.cjs");require("./cjs/date-select.cjs");require("./cjs/drawer.cjs");require("./cjs/dropdown.cjs");require("./cjs/gradual-highlight.cjs");const X=require("@vavt/util");require("./cjs/input.cjs");const V=require("./cjs/layz-image.cjs");require("./cjs/parameter-box.cjs");require("./cjs/radio.cjs");require("./cjs/row.cjs");require("./cjs/select.cjs");require("./cjs/swiper-showcase.cjs");require("./cjs/swiper-vehicle.cjs");const q=require("./cjs/tab-indicator.cjs"),$=require("./cjs/video.cjs"),W=["innerHTML"],O=["innerHTML"],U=["innerHTML"],D=["innerHTML"],A=e.defineComponent({__name:"pc-viewer",props:{title:{},desc:{},dataList:{},extraTopSpacing:{default:0},extraBottomSpacing:{default:0}},setup(l){const p=l,a=e.ref(),v=e.ref(),o=e.ref(),d=e.ref(),f=e.ref(),i=e.ref(),h=e.reactive({container:"",root:"",item:""}),u=r=>typeof r!="number"||Number.isNaN(r)?0:r,g=(r,s,c)=>{const k=Math.min(Math.max(r,0),c),_=Math.min(Math.max(s,0),Math.max(c-k,0));return{safeTop:k,safeBottom:_}},B=()=>{var b;if(!o.value)return;const r=o.value.offsetHeight,s=window.innerHeight,c=((b=i.value)==null?void 0:b.offsetHeight)||0,k=m(i.value),_=u(p.extraTopSpacing),E=u(p.extraBottomSpacing),{safeTop:I,safeBottom:L}=g(_,E,s),C=Math.max(s-I-L,0),z=Math.max((C-c-r-k)/2,0),M=I+z,N=L+z;h.container=`padding-top: ${M}px; padding-bottom: ${N}px; min-height: ${s}px;`;const x=o.value.scrollWidth;h.root=`height: ${Math.max(x,s)}px`},t=()=>{const r=document.documentElement.getAttribute("dir")||"ltr",s=r==="rtl"?"right":"left";if(!a.value||!o.value||!d.value||!f.value)return;const k=a.value.clientHeight-window.innerHeight,{offsetTop:_}=X.getRootOffset(a.value),E=document.documentElement.scrollTop-_;if(E<0){o.value.scrollTo({left:0}),f.value.style[s]="0px";return}if(E>k){const z=o.value.scrollWidth-window.innerWidth;o.value.scrollTo({left:r==="rtl"?-z:z}),f.value.style[s]=d.value.clientWidth-f.value.clientWidth+"px";return}const I=E/k,L=I*(o.value.scrollWidth-window.innerWidth),C=I*(d.value.clientWidth*2/3);o.value.scrollTo({left:r==="rtl"?-L:L}),f.value.style[s]=`${C}px`},w=()=>{h.container="",B()},m=r=>{if(!(r instanceof HTMLElement))return 0;const s=window.getComputedStyle(r),c=parseFloat(s.marginTop)||0,k=parseFloat(s.marginBottom)||0;return c+k};let y;return e.watch(()=>[p.extraTopSpacing,p.extraBottomSpacing],()=>{h.container="",B()}),e.onMounted(()=>{y=new IntersectionObserver(r=>{r.forEach(s=>{s.isIntersecting&&(h.container="",B())})},{root:null,rootMargin:"200px 0px 200px 0px",threshold:0}),window.addEventListener("scroll",t),window.addEventListener("resize",w),a.value&&y.observe(a.value)}),e.onBeforeUnmount(()=>{window.removeEventListener("scroll",t),window.removeEventListener("resize",w),y&&y.disconnect()}),(r,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:a,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer`),style:e.normalizeStyle(h.root)},[e.createElementVNode("div",{ref_key:"containerRef",ref:v,class:e.normalizeClass([`${e.unref(n.PREFIX)}-horizontal-viewer__container`,(r.title||r.desc)&&"has-header"]),style:e.normalizeStyle(h.container)},[r.title||r.desc?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__header`),ref_key:"headerRef",ref:i},[r.title?(e.openBlock(),e.createElementBlock("p",{key:0,innerHTML:r.title},null,8,W)):e.createCommentVNode("v-if",!0),r.desc?(e.openBlock(),e.createElementBlock("p",{key:1,innerHTML:r.desc},null,8,O)):e.createCommentVNode("v-if",!0)],2)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"scrollerRef",ref:o,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__scroller`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataList,c=>(e.openBlock(),e.createElementBlock("div",{key:c.title,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content-item`)},[c.type==="img"?(e.openBlock(),e.createBlock(e.unref(V.ScLayzImage),{key:0,src:c.url,alt:c.alt},null,8,["src","alt"])):(e.openBlock(),e.createBlock(e.unref($.ScVideo),{key:1,url:c.url,poster:c.poster,"auto-play":!1},null,8,["url","poster"])),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content-item-footer`)},[e.createElementVNode("p",{innerHTML:c.title},null,8,U),e.createElementVNode("p",{innerHTML:c.desc},null,8,D)],2)],2))),128))],2)],2),e.createElementVNode("div",{ref_key:"paginationRef",ref:d,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__pagination`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__scrollbar`)},[e.createElementVNode("div",{ref_key:"scrollbarDragRef",ref:f,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__scrollbar-drag`)},null,2)],2)],2)],6)],6))}}),Y=e.defineComponent({__name:"mb-viewer",props:{title:{},desc:{},isMobile:{type:Boolean},extraTopSpacing:{},extraBottomSpacing:{},modelValue:{},dataList:{},swiperOptions:{},effect:{},showIntro:{type:Boolean},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{},indicatorType:{},showIndicator:{type:Boolean},indicatorPosition:{}},setup(l){const p=l,a=e.ref();return(v,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:a,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer-mb`)},[e.createVNode(e.unref(F),e.mergeProps(p,{indicatorType:"image"}),null,16)],2))}}),R=e.defineComponent({__name:"horizontal-viewer",props:{title:{},desc:{},isMobile:{type:Boolean},extraTopSpacing:{},extraBottomSpacing:{},modelValue:{},dataList:{},swiperOptions:{},effect:{},showIntro:{type:Boolean},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{},indicatorType:{},showIndicator:{type:Boolean,default:!0},indicatorPosition:{}},setup(l){const p=l;return(a,v)=>a.isMobile?(e.openBlock(),e.createBlock(Y,e.normalizeProps(e.mergeProps({key:0},p)),null,16)):(e.openBlock(),e.createBlock(A,e.normalizeProps(e.mergeProps({key:1},p)),null,16))}});R.install=l=>(l.component("ScHorizontalViewer",R),l);const Z=R,j=["onClick"],G=["innerHTML"],J=["innerHTML"],P=e.defineComponent({__name:"image-indicator",props:{dataList:{},showIntro:{type:Boolean,default:!0}},emits:["change"],setup(l,{emit:p}){const a=p,v=e.ref(0),o=e.ref([]),d=e.computed(()=>{const i=o.value[v.value];return{height:`${i==null?void 0:i.offsetHeight}px`}}),f=i=>{v.value=i,a("change",i)};return(i,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__list`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.dataList,(u,g)=>(e.openBlock(),e.createElementBlock("div",{key:u.url,class:e.normalizeClass([`${e.unref(n.PREFIX)}-image-indicator__list-item`,v.value===g?`${e.unref(n.PREFIX)}-image-indicator__active`:""]),onClick:B=>f(g)},[e.createVNode(e.unref(V.ScLayzImage),{src:u.url,alt:u.alt},null,8,["src","alt"])],10,j))),128))],2),i.showIntro?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro`),style:e.normalizeStyle(d.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.dataList,(u,g)=>(e.openBlock(),e.createElementBlock("div",{key:u.url,ref_for:!0,ref_key:"introItemRef",ref:o,class:e.normalizeClass([`${e.unref(n.PREFIX)}-image-indicator__intro-item`,v.value===g&&`${e.unref(n.PREFIX)}-image-indicator__active`])},[u.title?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro-title`),innerHTML:u.title},null,10,G)):e.createCommentVNode("v-if",!0),u.desc?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro-desc`),innerHTML:u.desc},null,10,J)):e.createCommentVNode("v-if",!0)],2))),128))],6)):e.createCommentVNode("v-if",!0)],2))}});P.install=l=>(l.component("ScImageIndicator",P),l);const T=P,K={class:"swiper-wrapper"},S=e.defineComponent({__name:"swiper-normal",props:{modelValue:{default:0},dataList:{},swiperOptions:{default:()=>({})},effect:{},showIntro:{type:Boolean,default:!0},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{default:"full"},indicatorType:{default:"tab"},showIndicator:{type:Boolean,default:!0},indicatorPosition:{default:"relative"}},emits:["change","update:modelValue"],setup(l,{emit:p}){const a=l,v=p;let o=null;const d=e.ref(a.modelValue),f=e.ref(),i=e.computed(()=>{const t=[`${n.PREFIX}-swiper-main`];return a.widthType==="middle"?t.push(`${n.PREFIX}-swiper-main__middle`):t.push(`${n.PREFIX}-swiper-main__full`),t}),h=e.computed(()=>{const t={};return a.tabIndicatorBottom&&(t.position="absolute",t.zIndex=1,t.bottom=typeof a.tabIndicatorBottom=="number"?`${a.tabIndicatorBottom}px`:a.tabIndicatorBottom),t});e.watch(()=>a.modelValue,()=>{d.value=a.modelValue,g(d.value)});const u=e.computed(()=>a.dataList.map(t=>({...t,url:t.type==="img"?t.url||"":t.poster||""}))),g=t=>{o==null||o.slideTo(t)},B=()=>{o==null||o.destroy(),f.value&&(o=new H.Swiper(f.value,{slidesPerView:1,allowTouchMove:!1,effect:a.effect,navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},...a.swiperOptions}),o.on("slideChange",t=>{d.value=t.activeIndex,v("change",t.activeIndex),v("update:modelValue",t.activeIndex)}))};return e.onMounted(()=>{B(),window.addEventListener("resize",B)}),e.onBeforeUnmount(()=>{o==null||o.destroy(),window.removeEventListener("resize",B)}),(t,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper`)},[e.createElementVNode("div",{ref_key:"swiperRef",ref:f,class:e.normalizeClass(i.value)},[e.createElementVNode("div",K,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,(m,y)=>(e.openBlock(),e.createElementBlock("div",{key:m.title,class:"swiper-slide"},[m.type==="img"?(e.openBlock(),e.createBlock(e.unref(V.ScLayzImage),{key:0,src:m.url,alt:m.alt},null,8,["src","alt"])):(e.openBlock(),e.createBlock(e.unref($.ScVideo),e.mergeProps({key:1,ref_for:!0},t.videoProps,{url:m.url,poster:m.poster,playable:d.value===y}),null,16,["url","poster","playable"])),m.mask?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-mask`)},null,2)):e.createCommentVNode("v-if",!0)]))),128))]),w[2]||(w[2]=e.createStaticVNode('<div class="swiper-button-next"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path d="M9.64299 3.12871L9.51887 5.83301L15.6859 12L9.51887 18.167L9.64299 20.8713L18.5143 12L9.64299 3.12871Z" fill="white"></path></svg></div><div class="swiper-button-prev"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15.1289 3.12871L15.2531 5.83301L9.08609 12L15.2531 18.167L15.1289 20.8713L6.25766 12L15.1289 3.12871Z" fill="white"></path></svg></div>',2))],2),t.showIndicator?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.indicatorType==="tab"?(e.openBlock(),e.createBlock(e.unref(q.ScTabIndicator),{key:0,modelValue:d.value,"onUpdate:modelValue":w[0]||(w[0]=m=>d.value=m),class:e.normalizeClass([t.indicatorClass,t.indicatorPosition==="absolute"&&`${e.unref(n.PREFIX)}-swiper-indicator-absolute`]),dataList:t.dataList,"show-intro":t.showIntro,style:e.normalizeStyle(h.value),onChange:g},null,8,["modelValue","class","dataList","show-intro","style"])):(e.openBlock(),e.createBlock(e.unref(T),{key:1,modelValue:d.value,"onUpdate:modelValue":w[1]||(w[1]=m=>d.value=m),dataList:u.value,onChange:g},null,8,["modelValue","dataList"]))],64)):e.createCommentVNode("v-if",!0)],2))}});S.install=l=>(l.component("ScSwiperNormal",S),l);const F=S;exports.ScHorizontalViewer=Z;exports.ScImageIndicator=T;exports.ScSwiperNormal=F;

package/dist/{index-BPpds5EG.js → index-Dzp0ckB8.js}

@@ -6,7 +6,7 @@ import "./es/animated-number.mjs";
 import "./es/checkbox.mjs";
 import "./es/col.mjs";
 import "./es/config-provider.mjs";
-import "./index-CMZ8zDDd.js";
+import "./es/date-picker.mjs";
 import "./es/date-select.mjs";
 import "./es/drawer.mjs";
 import "./es/dropdown.mjs";

package/dist/types/components/date-picker/date-picker.vue.d.ts

@@ -1,16 +1,16 @@
 import { DatePickerProps } from './type';
 declare const _default: import('vue').DefineComponent<DatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    change: (value: string | Date | null) => any;
-    "update:modelValue": (value: string | Date | null) => any;
+    change: (value: number | null) => any;
+    "update:modelValue": (value: number | null) => any;
 }, string, import('vue').PublicProps, Readonly<DatePickerProps> & Readonly<{
-    onChange?: ((value: string | Date | null) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string | Date | null) => any) | undefined;
+    onChange?: ((value: number | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
 }>, {
-    format: string;
-    modelValue: Date | string | null;
+    modelValue: number | null;
     disabled: boolean;
     dark: boolean;
-    minDate: Date | string;
-    maxDate: Date | string;
+    displayFormat: string;
+    minDate: number | Date;
+    maxDate: number | Date;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;