vft 0.0.509 → 0.0.513

package/es/components/date-picker/date-picker-com/basic-date-table.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as K, onBeforeUnmount as L, createElementBlock as s, openBlock as o, unref as e, withModifiers as $, normalizeClass as n, createElementVNode as M, createCommentVNode as z, Fragment as u, renderList as d, toDisplayString as A, createVNode as H } from "vue";
+import { defineComponent as K, onBeforeUnmount as L, openBlock as s, createElementBlock as o, unref as e, withModifiers as $, normalizeClass as n, createElementVNode as M, createCommentVNode as z, Fragment as u, renderList as d, toDisplayString as A, createVNode as H } from "vue";
 import { basicDateTableEmits as O, basicDateTableProps as j } from "../props/basic-date-table.js";
 import { useBasicDateTable as q, useBasicDateTableDOM as G } from "../composables/use-basic-date-table.js";
 import I from "./basic-cell-render.js";
@@ -33,7 +33,7 @@ const J = ["aria-label"], Q = ["aria-label"], X = ["aria-current", "aria-selecte
        * @description focus on current cell
        */
       focus: R
-    }), (W, r) => (o(), s("table", {
+    }), (W, r) => (s(), o("table", {
       "aria-label": e(F),
       class: n(e(P)),
       cellspacing: "0",
@@ -56,22 +56,22 @@ const J = ["aria-label"], Q = ["aria-label"], X = ["aria-current", "aria-selecte
         ref: x
       }, [
         M("tr", null, [
-          W.showWeekNumber ? (o(), s("th", {
+          W.showWeekNumber ? (s(), o("th", {
             key: 0,
             scope: "col",
             class: n(e(V))
           }, null, 2)) : z("", !0),
-          (o(!0), s(u, null, d(e(B), (t, a) => (o(), s("th", {
+          (s(!0), o(u, null, d(e(B), (t, a) => (s(), o("th", {
             key: a,
             "aria-label": t,
             scope: "col"
           }, A(t), 9, Q))), 128))
         ]),
-        (o(!0), s(u, null, d(e(w), (t, a) => (o(), s("tr", {
+        (s(!0), o(u, null, d(e(w), (t, a) => (s(), o("tr", {
           key: a,
           class: n(e(U)(t[1]))
         }, [
-          (o(!0), s(u, null, d(t, (l, _) => (o(), s("td", {
+          (s(!0), o(u, null, d(t, (l, _) => (s(), o("td", {
             key: `${a}.${_}`,
             ref_for: !0,
             ref: (i) => !e(D) && e(b)(l) && (N.value = i),

package/es/components/date-picker/date-picker-com/basic-month-table.vue2.js

@@ -1,31 +1,30 @@
-import { defineComponent as K, ref as d, computed as F, watch as Y, nextTick as $, createElementBlock as f, openBlock as u, normalizeClass as N, unref as b, createElementVNode as q, Fragment as M, renderList as _, withKeys as C, withModifiers as O, createVNode as G } from "vue";
-import w from "dayjs";
+import { defineComponent as P, ref as d, computed as F, watch as L, nextTick as Y, openBlock as f, createElementBlock as u, normalizeClass as k, unref as N, createElementVNode as $, Fragment as M, renderList as C, withKeys as O, withModifiers as _, createVNode as q } from "vue";
+import b from "dayjs";
 import "@vueuse/core";
 import { hasClass as T } from "@vft/utils";
 import { castArray as p } from "../../../utils/helper.js";
 import "lodash-es";
 import "../../form/index.js";
-import { useNamespace as H } from "../../../hooks/use-namespace/index.js";
+import { useNamespace as G } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-import { useLocale as J } from "../../../locale/use-locale.js";
-import { basicMonthTableProps as Q } from "../props/basic-month-table.js";
-import { datesInMonth as U, getValidDateOfMonth as W } from "../utils.js";
-import X from "./basic-cell-render.js";
-const Z = ["aria-label"], ee = ["aria-selected", "tabindex", "onKeydown"], ye = /* @__PURE__ */ K({
+import { basicMonthTableProps as H } from "../props/basic-month-table.js";
+import { datesInMonth as J, getValidDateOfMonth as Q } from "../utils.js";
+import U from "./basic-cell-render.js";
+const W = ["aria-selected", "tabindex", "onKeydown"], ue = /* @__PURE__ */ P({
   __name: "basic-month-table",
-  props: Q,
+  props: H,
   emits: ["changerange", "pick", "select"],
   setup(V, { expose: I, emit: R }) {
-    const e = V, c = R, A = H("month-table"), { t: E } = J(), h = d("zh-cn"), x = d(), D = d(), B = d(
+    const e = V, c = R, E = G("month-table"), h = d("zh-cn"), w = d(), D = d(), A = d(
       e.date.locale("zh-cn").localeData().monthsShort().map((r) => r.toLowerCase())
-    ), L = d([
+    ), B = d([
       [],
       [],
       []
-    ]), v = d(), S = d(), k = F(() => {
-      const r = L.value, t = w().locale(h.value).startOf("month");
+    ]), x = d(), v = d(), S = F(() => {
+      const r = B.value, t = b().locale(h.value).startOf("month");
       for (let a = 0; a < 3; a++) {
         const s = r[a];
         for (let n = 0; n < 4; n++) {
@@ -45,26 +44,26 @@ const Z = ["aria-label"], ee = ["aria-selected", "tabindex", "onKeydown"], ye =
         }
       }
       return r;
-    }), P = () => {
+    }), j = () => {
       D.value?.focus();
-    }, j = (r) => {
+    }, z = (r) => {
       const t = {}, a = e.date.year(), s = /* @__PURE__ */ new Date(), n = r.text;
-      return t.disabled = e.disabledDate ? U(e.date, a, n, h.value).every(
+      return t.disabled = e.disabledDate ? J(e.date, a, n, h.value).every(
         e.disabledDate
       ) : !1, t.current = p(e.parsedValue).findIndex(
-        (o) => w.isDayjs(o) && o.year() === a && o.month() === n
+        (o) => b.isDayjs(o) && o.year() === a && o.month() === n
       ) >= 0, t.today = s.getFullYear() === a && s.getMonth() === n, r.inRange && (t["in-range"] = !0, r.start && (t["start-date"] = !0), r.end && (t["end-date"] = !0)), t;
     }, y = (r) => {
       const t = e.date.year(), a = r.text;
       return p(e.date).findIndex(
         (s) => s.year() === t && s.month() === a
       ) >= 0;
-    }, z = (r) => {
+    }, K = (r) => {
       if (!e.rangeState.selecting) return;
       let t = r.target;
       if (t.tagName === "SPAN" && (t = t.parentNode?.parentNode), t.tagName === "DIV" && (t = t.parentNode), t.tagName !== "TD") return;
       const a = t.parentNode.rowIndex, s = t.cellIndex;
-      k.value[a][s].disabled || (a !== v.value || s !== S.value) && (v.value = a, S.value = s, c("changerange", {
+      S.value[a][s].disabled || (a !== x.value || s !== v.value) && (x.value = a, v.value = s, c("changerange", {
         selecting: !0,
         endDate: e.date.startOf("year").month(a * 4 + s)
       }));
@@ -79,7 +78,7 @@ const Z = ["aria-label"], ee = ["aria-selected", "tabindex", "onKeydown"], ye =
           c("pick", p(e.parsedValue), !1);
           return;
         }
-        const m = W(
+        const m = Q(
           e.date,
           e.date.year(),
           n,
@@ -91,56 +90,56 @@ const Z = ["aria-label"], ee = ["aria-selected", "tabindex", "onKeydown"], ye =
             // This allows remove same months from different years #20019
             l?.year() !== m.year() || l?.month() !== m.month()
           )
-        ) : p(e.parsedValue).concat([w(m)]);
+        ) : p(e.parsedValue).concat([b(m)]);
         c("pick", i);
       } else e.selectionMode === "range" ? e.rangeState.selecting ? (e.minDate && o >= e.minDate ? c("pick", { minDate: e.minDate, maxDate: o }) : c("pick", { minDate: o, maxDate: e.minDate }), c("select", !1)) : (c("pick", { minDate: o, maxDate: null }), c("select", !0)) : c("pick", n);
     };
-    return Y(
+    return L(
       () => e.date,
       async () => {
-        x.value?.contains(document.activeElement) && (await $(), D.value?.focus());
+        w.value?.contains(document.activeElement) && (await Y(), D.value?.focus());
       }
     ), I({
       /**
        * @description focus current cell
        */
-      focus: P
-    }), (r, t) => (u(), f("table", {
+      focus: j
+    }), (r, t) => (f(), u("table", {
       role: "grid",
-      "aria-label": b(E)("vft.datePicker.monthTableLabel"),
-      class: N(b(A).b()),
+      "aria-label": "使用方向键与 Enter 键可选择月份",
+      class: k(N(E).b()),
       onClick: g,
-      onMousemove: z
+      onMousemove: K
     }, [
-      q("tbody", {
+      $("tbody", {
         ref_key: "tbodyRef",
-        ref: x
+        ref: w
       }, [
-        (u(!0), f(M, null, _(k.value, (a, s) => (u(), f("tr", { key: s }, [
-          (u(!0), f(M, null, _(a, (n, o) => (u(), f("td", {
+        (f(!0), u(M, null, C(S.value, (a, s) => (f(), u("tr", { key: s }, [
+          (f(!0), u(M, null, C(a, (n, o) => (f(), u("td", {
             key: o,
             ref_for: !0,
             ref: (m) => y(n) && (D.value = m),
-            class: N(j(n)),
+            class: k(z(n)),
             "aria-selected": `${y(n)}`,
             tabindex: y(n) ? 0 : -1,
             onKeydown: [
-              C(O(g, ["prevent", "stop"]), ["space"]),
-              C(O(g, ["prevent", "stop"]), ["enter"])
+              O(_(g, ["prevent", "stop"]), ["space"]),
+              O(_(g, ["prevent", "stop"]), ["enter"])
             ]
           }, [
-            G(b(X), {
+            q(N(U), {
               cell: {
                 ...n,
-                renderText: B.value[n.text]
+                renderText: A.value[n.text]
               }
             }, null, 8, ["cell"])
-          ], 42, ee))), 128))
+          ], 42, W))), 128))
         ]))), 128))
       ], 512)
-    ], 42, Z));
+    ], 34));
   }
 });
 export {
-  ye as default
+  ue as default
 };

package/es/components/date-picker/date-picker-com/basic-year-table.vue2.js

@@ -1,30 +1,29 @@
-import { defineComponent as F, ref as m, computed as O, watch as q, nextTick as G, createElementBlock as u, openBlock as y, normalizeClass as C, unref as k, createElementVNode as H, Fragment as R, renderList as V, withKeys as Y, withModifiers as I, createVNode as J } from "vue";
+import { defineComponent as F, ref as m, computed as O, watch as L, nextTick as q, openBlock as u, createElementBlock as y, normalizeClass as C, unref as _, createElementVNode as G, Fragment as R, renderList as V, withKeys as Y, withModifiers as I, createVNode as H } from "vue";
 import f from "dayjs";
 import "@vueuse/core";
 import { hasClass as M } from "@vft/utils";
 import { castArray as p } from "../../../utils/helper.js";
 import "lodash-es";
 import "../../form/index.js";
-import { useNamespace as Q } from "../../../hooks/use-namespace/index.js";
+import { useNamespace as J } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-import { useLocale as U } from "../../../locale/use-locale.js";
 import "../../time-picker/index.js";
-import { basicYearTableProps as W } from "../props/basic-year-table.js";
-import { getValidDateOfYear as X } from "../utils.js";
-import Z from "./basic-cell-render.js";
-import { rangeArr as ee } from "../../time-picker/utils.js";
-const te = ["aria-label"], ae = ["aria-selected", "aria-label", "tabindex", "onKeydown"], ke = /* @__PURE__ */ F({
+import { basicYearTableProps as Q } from "../props/basic-year-table.js";
+import { getValidDateOfYear as U } from "../utils.js";
+import W from "./basic-cell-render.js";
+import { rangeArr as X } from "../../time-picker/utils.js";
+const Z = ["aria-selected", "aria-label", "tabindex", "onKeydown"], be = /* @__PURE__ */ F({
   __name: "basic-year-table",
-  props: W,
+  props: Q,
   emits: ["changerange", "pick", "select"],
-  setup(T, { expose: A, emit: E }) {
-    const e = T, c = E, { t: N } = U(), B = (s, t) => {
+  setup(E, { expose: T, emit: A }) {
+    const e = E, c = A, N = (s, t) => {
       const a = f(String(s)).locale(t).startOf("year"), r = a.endOf("year").dayOfYear();
-      return ee(r).map((n) => a.add(n, "day").toDate());
-    }, K = Q("year-table"), D = m("zh-cn"), w = m(), b = m(), g = O(() => Math.floor(e.date.year() / 10) * 10), L = m([[], [], []]), S = m(), h = m(), _ = O(() => {
-      const s = L.value, t = f().locale(D.value).startOf("year");
+      return X(r).map((n) => a.add(n, "day").toDate());
+    }, B = J("year-table"), D = m("zh-cn"), w = m(), b = m(), g = O(() => Math.floor(e.date.year() / 10) * 10), K = m([[], [], []]), k = m(), S = m(), h = O(() => {
+      const s = K.value, t = f().locale(D.value).startOf("year");
       for (let a = 0; a < 3; a++) {
         const o = s[a];
         for (let r = 0; r < 4 && !(a * 4 + r >= 10); r++) {
@@ -39,18 +38,18 @@ const te = ["aria-label"], ae = ["aria-selected", "aria-label", "tabindex", "onK
             text: -1,
             disabled: !1
           }), n.type = "normal";
-          const d = a * 4 + r + g.value, l = f().year(d), i = e.rangeState.endDate || e.maxDate || e.rangeState.selecting && e.minDate || null;
-          n.inRange = !!(e.minDate && l.isSameOrAfter(e.minDate, "year") && i && l.isSameOrBefore(i, "year")) || !!(e.minDate && l.isSameOrBefore(e.minDate, "year") && i && l.isSameOrAfter(i, "year")), e.minDate?.isSameOrAfter(i) ? (n.start = !!(i && l.isSame(i, "year")), n.end = !!(e.minDate && l.isSame(e.minDate, "year"))) : (n.start = !!(e.minDate && l.isSame(e.minDate, "year")), n.end = !!(i && l.isSame(i, "year"))), t.isSame(l) && (n.type = "today"), n.text = d;
-          const $ = l.toDate();
+          const d = a * 4 + r + g.value, i = f().year(d), l = e.rangeState.endDate || e.maxDate || e.rangeState.selecting && e.minDate || null;
+          n.inRange = !!(e.minDate && i.isSameOrAfter(e.minDate, "year") && l && i.isSameOrBefore(l, "year")) || !!(e.minDate && i.isSameOrBefore(e.minDate, "year") && l && i.isSameOrAfter(l, "year")), e.minDate?.isSameOrAfter(l) ? (n.start = !!(l && i.isSame(l, "year")), n.end = !!(e.minDate && i.isSame(e.minDate, "year"))) : (n.start = !!(e.minDate && i.isSame(e.minDate, "year")), n.end = !!(l && i.isSame(l, "year"))), t.isSame(i) && (n.type = "today"), n.text = d;
+          const $ = i.toDate();
           n.disabled = e.disabledDate && e.disabledDate($) || !1, o[r] = n;
         }
       }
       return s;
-    }), P = () => {
+    }), j = () => {
       b.value?.focus();
-    }, j = (s) => {
+    }, z = (s) => {
       const t = {}, a = f().locale(D.value), o = s.text;
-      return t.disabled = e.disabledDate ? B(o, D.value).every(e.disabledDate) : !1, t.today = a.year() === o, t.current = p(e.parsedValue).findIndex((r) => r.year() === o) >= 0, s.inRange && (t["in-range"] = !0, s.start && (t["start-date"] = !0), s.end && (t["end-date"] = !0)), t;
+      return t.disabled = e.disabledDate ? N(o, D.value).every(e.disabledDate) : !1, t.today = a.year() === o, t.current = p(e.parsedValue).findIndex((r) => r.year() === o) >= 0, s.inRange && (t["in-range"] = !0, s.start && (t["start-date"] = !0), s.end && (t["end-date"] = !0)), t;
     }, v = (s) => {
       const t = s.text;
       return p(e.date).findIndex((a) => a.year() === t) >= 0;
@@ -67,53 +66,53 @@ const te = ["aria-label"], ae = ["aria-selected", "aria-label", "tabindex", "onK
           c("pick", p(e.parsedValue), !1);
           return;
         }
-        const d = X(
+        const d = U(
           n.startOf("year"),
           D.value,
           e.disabledDate
-        ), l = M(t, "current") ? p(e.parsedValue).filter((i) => i?.year() !== r) : p(e.parsedValue).concat([d]);
-        c("pick", l);
+        ), i = M(t, "current") ? p(e.parsedValue).filter((l) => l?.year() !== r) : p(e.parsedValue).concat([d]);
+        c("pick", i);
       } else
         c("pick", r);
-    }, z = (s) => {
+    }, P = (s) => {
       if (!e.rangeState.selecting) return;
       const t = s.target?.closest(
         "td"
       );
       if (!t) return;
       const a = t.parentNode.rowIndex, o = t.cellIndex;
-      _.value[a][o].disabled || (a !== S.value || o !== h.value) && (S.value = a, h.value = o, c("changerange", {
+      h.value[a][o].disabled || (a !== k.value || o !== S.value) && (k.value = a, S.value = o, c("changerange", {
         selecting: !0,
         endDate: f().year(g.value).add(a * 4 + o, "year")
       }));
     };
-    return q(
+    return L(
       () => e.date,
       async () => {
-        w.value?.contains(document.activeElement) && (await G(), b.value?.focus());
+        w.value?.contains(document.activeElement) && (await q(), b.value?.focus());
       }
-    ), A({
+    ), T({
       /**
        * @description focus on the current cell
        */
-      focus: P
-    }), (s, t) => (y(), u("table", {
+      focus: j
+    }), (s, t) => (u(), y("table", {
       role: "grid",
-      "aria-label": k(N)("vft.datePicker.yearTableLabel"),
-      class: C(k(K).b()),
+      "aria-label": "使用方向键与 Enter 键以选择年份",
+      class: C(_(B).b()),
       onClick: x,
-      onMousemove: z
+      onMousemove: P
     }, [
-      H("tbody", {
+      G("tbody", {
         ref_key: "tbodyRef",
         ref: w
       }, [
-        (y(!0), u(R, null, V(_.value, (a, o) => (y(), u("tr", { key: o }, [
-          (y(!0), u(R, null, V(a, (r, n) => (y(), u("td", {
+        (u(!0), y(R, null, V(h.value, (a, o) => (u(), y("tr", { key: o }, [
+          (u(!0), y(R, null, V(a, (r, n) => (u(), y("td", {
             key: `${o}_${n}`,
             ref_for: !0,
             ref: (d) => v(r) && (b.value = d),
-            class: C(["available", j(r)]),
+            class: C(["available", z(r)]),
             "aria-selected": v(r),
             "aria-label": String(r.text),
             tabindex: v(r) ? 0 : -1,
@@ -122,13 +121,13 @@ const te = ["aria-label"], ae = ["aria-selected", "aria-label", "tabindex", "onK
               Y(I(x, ["prevent", "stop"]), ["enter"])
             ]
           }, [
-            J(k(Z), { cell: r }, null, 8, ["cell"])
-          ], 42, ae))), 128))
+            H(_(W), { cell: r }, null, 8, ["cell"])
+          ], 42, Z))), 128))
         ]))), 128))
       ], 512)
-    ], 42, te));
+    ], 34));
   }
 });
 export {
-  ke as default
+  be as default
 };