@seresweb/website-component 2.3.5 → 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
 };