vft 0.0.506 → 0.0.509

package/es/components/date-picker/composables/use-panel-date-range.js

@@ -1,46 +1,47 @@
-import { ref as i, inject as O, computed as o, nextTick as Y } from "vue";
+import { ref as i, inject as _, computed as o, nextTick as Y } from "vue";
 import "../../time-picker/index.js";
-import { getValidDateOfYear as _, getValidDateOfMonth as j } from "../utils.js";
-import { PICKER_BASE_INJECTION_KEY as x } from "../../time-picker/constants.js";
-const D = (R, $, c, u) => {
-  const l = i("date"), h = i(), s = i("date"), v = i(), p = O(x), { disabledDate: d } = p.props, m = i("zh-cn"), w = o(() => c.value.year()), C = o(() => c.value.month()), P = o(() => u.value.year()), L = o(() => u.value.month());
-  function g(e, a) {
-    const n = "年";
+import { useLocale as j } from "../../../locale/use-locale.js";
+import { getValidDateOfYear as x, getValidDateOfMonth as K } from "../utils.js";
+import { PICKER_BASE_INJECTION_KEY as N } from "../../time-picker/constants.js";
+const T = (R, p, c, u) => {
+  const { t: L } = j(), l = i("date"), h = i(), s = i("date"), v = i(), $ = _(N), { disabledDate: d } = $.props, m = i("zh-cn"), P = o(() => c.value.year()), C = o(() => c.value.month()), w = o(() => u.value.year()), b = o(() => u.value.month());
+  function y(e, a) {
+    const n = L("vft.datePicker.year");
     if (e.value === "year") {
       const t = Math.floor(a.value / 10) * 10;
       return n ? `${t} ${n} - ${t + 9} ${n}` : `${t} - ${t + 9}`;
     }
     return `${a.value} ${n}`;
   }
-  function y(e) {
+  function g(e) {
     e?.focus();
   }
   async function k(e, a) {
     const n = e === "left" ? l : s, t = e === "left" ? h : v;
-    n.value = a, await Y(), y(t.value);
+    n.value = a, await Y(), g(t.value);
   }
   async function f(e, a, n) {
-    const t = a === "left", r = t ? c : u, M = t ? u : c, E = t ? l : s, B = t ? h : v;
+    const t = a === "left", r = t ? c : u, E = t ? u : c, B = t ? l : s, I = t ? h : v;
     if (e === "year") {
-      const I = r.value.year(n);
-      r.value = _(I, m.value, d);
+      const O = r.value.year(n);
+      r.value = x(O, m.value, d);
     }
-    e === "month" && (r.value = j(
+    e === "month" && (r.value = K(
       r.value,
       r.value.year(),
       n,
       m.value,
       d
-    )), R.unlinkPanels || (M.value = a === "left" ? r.value.add(1, "month") : r.value.subtract(1, "month")), E.value = e === "year" ? "month" : "date", await Y(), y(B.value), V(e);
+    )), R.unlinkPanels || (E.value = a === "left" ? r.value.add(1, "month") : r.value.subtract(1, "month")), B.value = e === "year" ? "month" : "date", await Y(), g(I.value), V(e);
   }
   function V(e) {
-    $(
+    p(
       "panel-change",
       [c.value.toDate(), u.value.toDate()],
       e
     );
   }
-  function b(e, a, n) {
+  function M(e, a, n) {
     const t = n ? "add" : "subtract";
     return e === "year" ? a[t](10, "year") : a[t](1, "year");
   }
@@ -49,13 +50,13 @@ const D = (R, $, c, u) => {
     rightCurrentView: s,
     leftCurrentViewRef: h,
     rightCurrentViewRef: v,
-    leftYear: w,
-    rightYear: P,
+    leftYear: P,
+    rightYear: w,
     leftMonth: C,
-    rightMonth: L,
-    leftYearLabel: o(() => g(l, w)),
+    rightMonth: b,
+    leftYearLabel: o(() => y(l, P)),
     rightYearLabel: o(
-      () => g(s, P)
+      () => y(s, w)
     ),
     showLeftPicker: (e) => k("left", e),
     showRightPicker: (e) => k("right", e),
@@ -64,9 +65,9 @@ const D = (R, $, c, u) => {
     handleLeftMonthPick: (e) => f("month", "left", e),
     handleRightMonthPick: (e) => f("month", "right", e),
     handlePanelChange: V,
-    adjustDateByView: b
+    adjustDateByView: M
   };
 };
 export {
-  D as usePanelDateRange
+  T as usePanelDateRange
 };

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

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

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

@@ -1,29 +1,30 @@
-import { defineComponent as F, ref as m, computed as O, watch as L, nextTick as q, createElementBlock as u, openBlock 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 { 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 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 J } from "../../../hooks/use-namespace/index.js";
+import { useNamespace as Q } 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 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({
+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({
   __name: "basic-year-table",
-  props: Q,
+  props: W,
   emits: ["changerange", "pick", "select"],
-  setup(E, { expose: T, emit: A }) {
-    const e = E, c = A, N = (s, t) => {
+  setup(T, { expose: A, emit: E }) {
+    const e = T, c = E, { t: N } = U(), B = (s, t) => {
       const a = f(String(s)).locale(t).startOf("year"), r = a.endOf("year").dayOfYear();
-      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");
+      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");
       for (let a = 0; a < 3; a++) {
         const o = s[a];
         for (let r = 0; r < 4 && !(a * 4 + r >= 10); r++) {
@@ -38,18 +39,18 @@ const Z = ["aria-selected", "aria-label", "tabindex", "onKeydown"], be = /* @__P
             text: -1,
             disabled: !1
           }), n.type = "normal";
-          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();
+          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();
           n.disabled = e.disabledDate && e.disabledDate($) || !1, o[r] = n;
         }
       }
       return s;
-    }), j = () => {
+    }), P = () => {
       b.value?.focus();
-    }, z = (s) => {
+    }, j = (s) => {
       const t = {}, a = f().locale(D.value), o = s.text;
-      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;
+      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;
     }, v = (s) => {
       const t = s.text;
       return p(e.date).findIndex((a) => a.year() === t) >= 0;
@@ -66,53 +67,53 @@ const Z = ["aria-selected", "aria-label", "tabindex", "onKeydown"], be = /* @__P
           c("pick", p(e.parsedValue), !1);
           return;
         }
-        const d = U(
+        const d = X(
           n.startOf("year"),
           D.value,
           e.disabledDate
-        ), i = M(t, "current") ? p(e.parsedValue).filter((l) => l?.year() !== r) : p(e.parsedValue).concat([d]);
-        c("pick", i);
+        ), l = M(t, "current") ? p(e.parsedValue).filter((i) => i?.year() !== r) : p(e.parsedValue).concat([d]);
+        c("pick", l);
       } else
         c("pick", r);
-    }, P = (s) => {
+    }, z = (s) => {
       if (!e.rangeState.selecting) return;
       const t = s.target?.closest(
         "td"
       );
       if (!t) return;
       const a = t.parentNode.rowIndex, o = t.cellIndex;
-      h.value[a][o].disabled || (a !== k.value || o !== S.value) && (k.value = a, S.value = o, c("changerange", {
+      _.value[a][o].disabled || (a !== S.value || o !== h.value) && (S.value = a, h.value = o, c("changerange", {
         selecting: !0,
         endDate: f().year(g.value).add(a * 4 + o, "year")
       }));
     };
-    return L(
+    return q(
       () => e.date,
       async () => {
-        w.value?.contains(document.activeElement) && (await q(), b.value?.focus());
+        w.value?.contains(document.activeElement) && (await G(), b.value?.focus());
       }
-    ), T({
+    ), A({
       /**
        * @description focus on the current cell
        */
-      focus: j
+      focus: P
     }), (s, t) => (y(), u("table", {
       role: "grid",
-      "aria-label": "使用方向键与 Enter 键以选择年份",
-      class: C(_(B).b()),
+      "aria-label": k(N)("vft.datePicker.yearTableLabel"),
+      class: C(k(K).b()),
       onClick: x,
-      onMousemove: P
+      onMousemove: z
     }, [
-      G("tbody", {
+      H("tbody", {
         ref_key: "tbodyRef",
         ref: w
       }, [
-        (y(!0), u(R, null, V(h.value, (a, o) => (y(), u("tr", { key: o }, [
+        (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", {
             key: `${o}_${n}`,
             ref_for: !0,
             ref: (d) => v(r) && (b.value = d),
-            class: C(["available", z(r)]),
+            class: C(["available", j(r)]),
             "aria-selected": v(r),
             "aria-label": String(r.text),
             tabindex: v(r) ? 0 : -1,
@@ -121,13 +122,13 @@ const Z = ["aria-selected", "aria-label", "tabindex", "onKeydown"], be = /* @__P
               Y(I(x, ["prevent", "stop"]), ["enter"])
             ]
           }, [
-            H(_(W), { cell: r }, null, 8, ["cell"])
-          ], 42, Z))), 128))
+            J(k(Z), { cell: r }, null, 8, ["cell"])
+          ], 42, ae))), 128))
         ]))), 128))
       ], 512)
-    ], 34));
+    ], 42, te));
   }
 });
 export {
-  be as default
+  ke as default
 };