@seresweb/website-component 2.2.1 → 2.3.0

package/dist/es/date-select.mjs

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

package/dist/es/horizontal-viewer.mjs

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

package/dist/es/image-indicator.mjs

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

package/dist/es/index.mjs

@@ -1,62 +1,82 @@
 import { ScAccordionInfoPanel as p } from "./accordion-info-panel.mjs";
-import { ScAnimatedNumber as f } from "./animated-number.mjs";
-import { ScDrawer as S } from "./drawer.mjs";
-import { ScDropdown as l } from "./dropdown.mjs";
-import { ScGradualHighlight as d } from "./gradual-highlight.mjs";
-import { S as u, a as h, b as w } from "../index-tkvNmWjy.js";
-import { ScInput as y } from "./input.mjs";
-import { ScLayzImage as g } from "./layz-image.mjs";
-import { ScParameterBox as I } from "./parameter-box.mjs";
-import { ScRadio as $ } from "./radio.mjs";
-import { ScSwiperShowcase as b } from "./swiper-showcase.mjs";
-import { ScSwiperVehicle as v } from "./swiper-vehicle.mjs";
-import { ScTabIndicator as x } from "./tab-indicator.mjs";
-import { ScVideo as N } from "./video.mjs";
-const n = "@seresweb/website-component", k = (t = {}) => {
+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-Bc4wAl0z.js";
+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-BPX4w5Vn.js";
+import { ScInput as I } from "./input.mjs";
+import { ScLayzImage as P } from "./layz-image.mjs";
+import { ScLocales as $ } from "./locales.mjs";
+import { arSA as no } from "./locales.mjs";
+import { ScParameterBox as C } from "./parameter-box.mjs";
+import { ScRadio as N } from "./radio.mjs";
+import { ScRow as A } from "./row.mjs";
+import { ScSelect as D } from "./select.mjs";
+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";
+const n = "@seresweb/website-component", so = (t = {}) => {
   const s = t.prefix || "Sc", o = t.importStyle ?? "css";
   return {
     type: "component",
-    resolve: (i) => {
-      if (!i.startsWith(s)) return;
-      const c = i.slice(s.length).replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), a = `${n}/dist/es/${c}`;
+    resolve: (m) => {
+      if (!m.startsWith(s)) return;
+      const c = m.slice(s.length).replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), f = `${n}/dist/es/${c}`;
       let e;
-      const m = (r) => {
+      const i = (r) => {
         if (r === "scss") return `${n}/dist/scss/${c}.scss`;
         if (r === "css") return `${n}/dist/css/${c}.css`;
       };
       if (typeof o == "function") {
         const r = o(c);
-        r === "css" || r === "scss" ? e = m(r) : r === !0 && (e = m("css"));
-      } else (o === !0 || o === "css" || o === "scss") && (e = m(o === !0 ? "css" : o));
+        r === "css" || r === "scss" ? e = i(r) : r === !0 && (e = i("css"));
+      } else (o === !0 || o === "css" || o === "scss") && (e = i(o === !0 ? "css" : o));
       return {
-        name: i,
-        from: a,
+        name: m,
+        from: f,
         sideEffects: e ? [e] : void 0
       };
     }
   };
-}, P = [p, f, S, l, d, u, h, y, g, I, $, w, b, v, x, N], q = {
-  install: (t) => (P.forEach((s) => {
+}, k = [p, a, S, l, d, u, h, w, x, g, y, b, I, P, $, C, N, A, D, v, z, L, R, V], co = {
+  install: (t) => (k.forEach((s) => {
     t.use(s);
   }), t)
 };
 export {
-  k as ComponentsResolver,
+  so as ComponentsResolver,
   p as ScAccordionInfoPanel,
-  f as ScAnimatedNumber,
-  S as ScDrawer,
-  l as ScDropdown,
-  d as ScGradualHighlight,
-  u as ScHorizontalViewer,
-  h as ScImageIndicator,
-  y as ScInput,
-  g as ScLayzImage,
-  I as ScParameterBox,
-  $ as ScRadio,
-  w as ScSwiperNormal,
-  b as ScSwiperShowcase,
-  v as ScSwiperVehicle,
-  x as ScTabIndicator,
-  N as ScVideo,
-  q as default
+  a as ScAnimatedNumber,
+  S as ScCheckbox,
+  l as ScCol,
+  d as ScConfigProvider,
+  u as ScDatePicker,
+  h as ScDateSelect,
+  w as ScDrawer,
+  x as ScDropdown,
+  g as ScGradualHighlight,
+  y as ScHorizontalViewer,
+  b as ScImageIndicator,
+  I as ScInput,
+  P as ScLayzImage,
+  $ as ScLocales,
+  C as ScParameterBox,
+  N as ScRadio,
+  A as ScRow,
+  D as ScSelect,
+  v as ScSwiperNormal,
+  z as ScSwiperShowcase,
+  L as ScSwiperVehicle,
+  R as ScTabIndicator,
+  V as ScVideo,
+  no as arSA,
+  co as default,
+  po as enUS
 };

package/dist/es/input.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as c, createElementBlock as o, openBlock as n, normalizeClass as a, unref as p, createCommentVNode as t, createElementVNode as h, renderSlot as r } from "vue";
-import { P as u } from "../_vars-BV4QQF-p.js";
+import { defineComponent as c, createElementBlock as n, openBlock as p, normalizeClass as u, unref as l, createCommentVNode as t, createElementVNode as h, renderSlot as m } from "vue";
+import { P as o } from "../_vars-BV4QQF-p.js";
 const $ = ["id", "name", "type", "value", "placeholder", "maxlength", "autocomplete"], s = /* @__PURE__ */ c({
   __name: "input",
   props: {
@@ -9,26 +9,27 @@ const $ = ["id", "name", "type", "value", "placeholder", "maxlength", "autocompl
     placeholder: {},
     maxlength: {},
     type: { default: "text" },
-    autocomplete: { default: "off" }
+    autocomplete: { default: "off" },
+    dark: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(l, { emit: i }) {
+  setup(a, { emit: i }) {
     const d = i;
-    return (e, m) => (n(), o(
+    return (e, r) => (p(), n(
       "div",
       {
-        class: a(`${p(u)}-input`)
+        class: u([`${l(o)}-input`, { [`${l(o)}-input--dark`]: e.dark }])
       },
       [
         t(" 前置内容 "),
-        e.$slots.prefix ? (n(), o(
+        e.$slots.prefix ? (p(), n(
           "span",
           {
             key: 0,
-            class: a(`${p(u)}-input__prefix`)
+            class: u(`${l(o)}-input__prefix`)
           },
           [
-            r(e.$slots, "prefix")
+            m(e.$slots, "prefix")
           ],
           2
           /* CLASS */
@@ -39,20 +40,20 @@ const $ = ["id", "name", "type", "value", "placeholder", "maxlength", "autocompl
           name: e.name,
           type: e.type,
           value: e.modelValue,
-          onInput: m[0] || (m[0] = (f) => d("update:modelValue", f.target.value)),
+          onInput: r[0] || (r[0] = (f) => d("update:modelValue", f.target.value)),
           placeholder: e.placeholder,
           maxlength: e.maxlength,
           autocomplete: e.autocomplete
         }, null, 40, $),
         t(" 后置内容 "),
-        e.$slots.suffix ? (n(), o(
+        e.$slots.suffix ? (p(), n(
           "span",
           {
             key: 1,
-            class: a(`${p(u)}-input__suffix`)
+            class: u(`${l(o)}-input__suffix`)
           },
           [
-            r(e.$slots, "suffix")
+            m(e.$slots, "suffix")
           ],
           2
           /* CLASS */
@@ -63,8 +64,8 @@ const $ = ["id", "name", "type", "value", "placeholder", "maxlength", "autocompl
     ));
   }
 });
-s.install = (l) => (l.component("ScInput", s), l);
-const V = s;
+s.install = (a) => (a.component("ScInput", s), a);
+const v = s;
 export {
-  V as ScInput
+  v as ScInput
 };

package/dist/es/layz-image.mjs

@@ -1,5 +1,6 @@
-import { defineComponent as m, computed as l, createElementBlock as i, openBlock as u, normalizeClass as a, createElementVNode as t, normalizeStyle as d } from "vue";
-const p = ["srcset"], g = ["srcset"], S = ["srcset"], h = ["src", "alt"], r = /* @__PURE__ */ m({
+import { defineComponent as i, computed as l, createElementBlock as u, openBlock as d, normalizeClass as a, createElementVNode as r, normalizeStyle as p } from "vue";
+import { P as o } from "../_vars-BV4QQF-p.js";
+const g = ["srcset"], S = ["srcset"], h = ["srcset"], y = ["src", "alt"], t = /* @__PURE__ */ i({
   __name: "layz-image",
   props: {
     src: {},
@@ -12,40 +13,40 @@ const p = ["srcset"], g = ["srcset"], S = ["srcset"], h = ["src", "alt"], r = /*
     style: {}
   },
   setup(e) {
-    const c = e, n = l(() => ["sc-img", c.imgClass]), o = l(() => ["sc-picture", c.class]);
-    return (s, y) => (u(), i(
+    const c = e, n = l(() => [`${o}-img`, c.imgClass]), m = l(() => [`${o}-picture`, c.class]);
+    return (s, z) => (d(), u(
       "picture",
       {
-        class: a(o.value)
+        class: a(m.value)
       },
       [
-        t("source", {
+        r("source", {
           srcset: s.lSrcset || s.src,
           media: "(min-width: 1921px)"
-        }, null, 8, p),
-        t("source", {
+        }, null, 8, g),
+        r("source", {
           srcset: s.mSrcset || s.src,
           media: "(min-width: 768px)"
-        }, null, 8, g),
-        t("source", {
+        }, null, 8, S),
+        r("source", {
           srcset: s.sSrcset || s.src,
           media: "(max-width: 767px)"
-        }, null, 8, S),
-        t("img", {
+        }, null, 8, h),
+        r("img", {
           src: s.src,
           alt: s.alt,
           class: a(n.value),
-          style: d(s.style),
+          style: p(s.style),
           loading: "lazy"
-        }, null, 14, h)
+        }, null, 14, y)
       ],
       2
       /* CLASS */
     ));
   }
 });
-r.install = (e) => (e.component("ScLayzImage", r), e);
-const C = r;
+t.install = (e) => (e.component("ScLayzImage", t), e);
+const f = t;
 export {
-  C as ScLayzImage
+  f as ScLayzImage
 };

package/dist/es/locales.mjs

@@ -0,0 +1,41 @@
+import { e } from "../en-US-BBTWftdk.js";
+const t = {
+  datePicker: {
+    months: [
+      "يناير",
+      "فبراير",
+      "مارس",
+      "أبريل",
+      "مايو",
+      "يونيو",
+      "يوليو",
+      "أغسطس",
+      "سبتمبر",
+      "أكتوبر",
+      "نوفمبر",
+      "ديسمبر"
+    ],
+    weekdays: ["الاثنين", "الثلاثاء", "الأربعاء", "الخميس", "الجمعة", "السبت", "الأحد"],
+    today: "اليوم",
+    clear: "مسح",
+    confirm: "تأكيد",
+    cancel: "إلغاء",
+    selectDate: "اختر التاريخ",
+    selectTime: "اختر الوقت",
+    selectDateTime: "اختر التاريخ والوقت",
+    year: "سنة",
+    month: "شهر",
+    startDate: "تاريخ البدء",
+    endDate: "تاريخ الانتهاء",
+    startTime: "وقت البدء",
+    endTime: "وقت الانتهاء"
+  }
+}, c = {
+  enUS: e,
+  arSA: t
+};
+export {
+  c as ScLocales,
+  t as arSA,
+  e as enUS
+};