vft 0.0.506 → 0.0.509

package/es/components/config-provider/config-provider.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as s, watch as m, computed as l, onActivated as u, onDeactivated as h, onBeforeUnmount as g, getCurrentInstance as p, createElementBlock as v, openBlock as b, normalizeStyle as k, normalizeClass as C, unref as V, renderSlot as y } from "vue";
+import { defineComponent as s, watch as m, computed as d, onActivated as u, onDeactivated as h, onBeforeUnmount as g, getCurrentInstance as p, createElementBlock as v, openBlock as b, normalizeStyle as k, normalizeClass as C, unref as V, renderSlot as y } from "vue";
 import { inBrowser as S, kebabCase as B } from "@vft/utils";
 import "@vueuse/core";
 import { provideGlobalConfig as E } from "./hooks/use-global-config.js";
@@ -22,6 +22,7 @@ const z = s({
     iconifyPrefixClass: { default: "ico-" },
     namespace: { default: "vft" },
     zIndex: {},
+    locale: {},
     message: {},
     dialog: {},
     projectCfg: {},
@@ -40,7 +41,7 @@ const z = s({
       },
       { immediate: !0, deep: !0 }
     );
-    const c = l(() => {
+    const c = d(() => {
       const e = t.theme === "dark";
       return f({
         ...t.themeVars,
@@ -67,8 +68,8 @@ const z = s({
         a[`--${t.namespace}-${B(o)}`] = e[o];
       }), a;
     }
-    const d = p();
-    return E(d.props), (e, a) => (b(), v("div", {
+    const l = p();
+    return E(l.props), (e, a) => (b(), v("div", {
       class: C([V(i).b(), { "vft-dark": t.theme === "dark" }]),
       style: k(c.value)
     }, [

package/es/components/config-provider/constants.d.ts

@@ -3,4 +3,5 @@ import type { InjectionKey, Ref } from 'vue';
 import type { ConfigProviderProps } from './config-provider.vue';
 export type ConfigProviderContext = Partial<ConfigProviderProps>;
 export declare const configProviderContextKey: InjectionKey<Ref<ConfigProviderContext>>;
+export declare const localeContextKey: InjectionKey<Ref<any>>;
 export declare const messageConfig: MessageConfigContext;

package/es/components/config-provider/constants.js

@@ -1,5 +1,6 @@
-const o = Symbol(), e = {};
+const o = Symbol(), e = Symbol("vftLocale"), t = {};
 export {
   o as configProviderContextKey,
-  e as messageConfig
+  e as localeContextKey,
+  t as messageConfig
 };

package/es/components/config-provider/hooks/use-global-config.js

@@ -1,59 +1,62 @@
-import { keysOf as f } from "@vft/utils";
+import { keysOf as c } from "@vft/utils";
 import "@vueuse/core";
 import { debugWarn as v } from "../../../utils/error.js";
-import { ref as g, getCurrentInstance as l, computed as i, unref as p, provide as C, inject as x } from "vue";
+import { ref as g, getCurrentInstance as f, computed as t, unref as p, provide as C, inject as x } from "vue";
 import "lodash-es";
 import "../../form/index.js";
 import { namespaceContextKey as I, useNamespace as b, defaultNamespace as y } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import { zIndexContextKey as G, useZIndex as z, defaultInitialZIndex as K } from "../../../hooks/use-z-index/index.js";
-import { configProviderContextKey as m } from "../constants.js";
-const a = g();
+import { configProviderContextKey as m, localeContextKey as S } from "../constants.js";
+const s = g();
 function d(o, e = void 0) {
-  const n = l() ? x(m, a) : a;
-  return o ? i(() => n?.value?.[o] ?? e) : n;
+  const n = f() ? x(m, s) : s;
+  return o ? t(() => n?.value?.[o] ?? e) : n;
 }
-function B(o) {
+function D(o) {
   const e = d(), n = b(
     o,
-    i(() => e.value?.namespace || y)
-  ), t = z(
-    i(() => e.value?.zIndex || K)
+    t(() => e.value?.namespace || y)
+  ), r = z(
+    t(() => e.value?.zIndex || K)
   );
-  return S(i(() => p(e) || {})), {
+  return j(t(() => p(e) || {})), {
     ns: n,
-    zIndex: t
+    zIndex: r
   };
 }
-const S = (o, e, n = !1) => {
-  const t = !!l(), r = t ? d() : void 0, u = e?.provide ?? (t ? C : void 0);
-  if (!u) {
+const j = (o, e, n = !1) => {
+  const r = !!f(), i = r ? d() : void 0, l = e?.provide ?? (r ? C : void 0);
+  if (!l) {
     v(
       "provideGlobalConfig",
       "provideGlobalConfig() can only be used inside setup()."
     );
     return;
   }
-  const s = i(() => {
-    const c = p(o);
-    return r?.value ? j(r.value, c) : c;
+  const a = t(() => {
+    const u = p(o);
+    return i?.value ? k(i.value, u) : u;
   });
-  return u(m, s), u(
+  return l(m, a), l(
     I,
-    i(() => s.value.namespace)
-  ), u(
+    t(() => a.value.namespace)
+  ), l(
     G,
-    i(() => s.value.zIndex)
-  ), (n || !a.value) && (a.value = s.value), s;
-}, j = (o, e) => {
-  const n = [.../* @__PURE__ */ new Set([...f(o), ...f(e)])], t = {};
-  for (const r of n)
-    t[r] = e[r] !== void 0 ? e[r] : o[r];
-  return t;
+    t(() => a.value.zIndex)
+  ), l(
+    S,
+    t(() => a.value.locale)
+  ), (n || !s.value) && (s.value = a.value), a;
+}, k = (o, e) => {
+  const n = [.../* @__PURE__ */ new Set([...c(o), ...c(e)])], r = {};
+  for (const i of n)
+    r[i] = e[i] !== void 0 ? e[i] : o[i];
+  return r;
 };
 export {
-  S as provideGlobalConfig,
-  B as useGlobalComponentSettings,
+  j as provideGlobalConfig,
+  D as useGlobalComponentSettings,
   d as useGlobalConfig
 };

package/es/components/config-provider/index.d.ts

@@ -24,6 +24,9 @@ export declare const VftConfigProvider: import("vft/es/utils").SFCWithInstall<{
         zIndex: {
             type: import("vue").PropType<number>;
         };
+        locale: {
+            type: import("vue").PropType<any>;
+        };
         message: {
             type: import("vue").PropType<import("vft/es/vft").MessageConfigContext>;
         };
@@ -74,6 +77,9 @@ export declare const VftConfigProvider: import("vft/es/utils").SFCWithInstall<{
         zIndex: {
             type: import("vue").PropType<number>;
         };
+        locale: {
+            type: import("vue").PropType<any>;
+        };
         message: {
             type: import("vue").PropType<import("vft/es/vft").MessageConfigContext>;
         };
@@ -121,6 +127,9 @@ export declare const VftConfigProvider: import("vft/es/utils").SFCWithInstall<{
     zIndex: {
         type: import("vue").PropType<number>;
     };
+    locale: {
+        type: import("vue").PropType<any>;
+    };
     message: {
         type: import("vue").PropType<import("vft/es/vft").MessageConfigContext>;
     };

package/es/components/config-provider/index.js

@@ -1,19 +1,20 @@
 import "@vueuse/core";
 import "@vft/utils";
-import { provideGlobalConfig as g, useGlobalComponentSettings as C, useGlobalConfig as d } from "./hooks/use-global-config.js";
+import { provideGlobalConfig as g, useGlobalComponentSettings as C, useGlobalConfig as x } from "./hooks/use-global-config.js";
 import "vue";
 import { withInstall as o } from "../../utils/vue/install.js";
 import "lodash-es";
 import "../form/index.js";
 import t from "./config-provider.vue2.js";
-import { configProviderContextKey as b, messageConfig as c } from "./constants.js";
+import { configProviderContextKey as d, localeContextKey as b, messageConfig as u } from "./constants.js";
 const l = o(t);
 export {
   l as VftConfigProvider,
-  b as configProviderContextKey,
+  d as configProviderContextKey,
   l as default,
-  c as messageConfig,
+  b as localeContextKey,
+  u as messageConfig,
   g as provideGlobalConfig,
   C as useGlobalComponentSettings,
-  d as useGlobalConfig
+  x as useGlobalConfig
 };

package/es/components/date-picker/composables/use-basic-date-table.d.ts

@@ -179,7 +179,7 @@ export declare const useBasicDateTableDOM: (props: BasicDateTableProps, { isCurr
     tableKls: import("vue").ComputedRef<(string | {
         'is-week-mode': boolean;
     })[]>;
-    tableLabel: import("vue").ComputedRef<string>;
+    tableLabel: import("vue").ComputedRef<any>;
     weekHeaderClass: string;
     getCellClasses: (cell: DateCell) => string;
     getRowKls: (cell: DateCell) => (string | {

package/es/components/date-picker/composables/use-basic-date-table.js

@@ -1,183 +1,184 @@
-import { ref as k, computed as m, unref as r, watch as Y, nextTick as Z } from "vue";
-import P from "dayjs";
-import { flatten as p, isArray as ee } from "lodash-es";
+import { ref as b, computed as h, unref as r, watch as Z, nextTick as ee } from "vue";
+import E from "dayjs";
+import { flatten as te, isArray as ae } from "lodash-es";
 import "@vueuse/core";
 import "@vft/utils";
-import { castArray as x } from "../../../utils/helper.js";
+import { castArray as N } from "../../../utils/helper.js";
 import "../../form/index.js";
-import { useNamespace as te } from "../../../hooks/use-namespace/index.js";
+import { useNamespace as se } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-import { buildPickerTable as ae } from "../utils.js";
-const N = (a = "") => ["normal", "today"].includes(a), ye = (a, f) => {
-  const D = k("zh-cn"), y = k(), b = k(), g = k(), w = k(), C = k([[], [], [], [], [], []]);
-  let o = !1;
-  const c = a.date.$locale().weekStart || 7, S = a.date.locale("zh-cn").localeData().weekdaysShort().map((e) => e.toLowerCase()), O = m(() => c > 3 ? 7 - c : -c), v = m(() => {
-    const e = a.date.startOf("month");
+import { useLocale as ne } from "../../../locale/use-locale.js";
+import { buildPickerTable as oe } from "../utils.js";
+const v = (s = "") => ["normal", "today"].includes(s), ge = (s, l) => {
+  const { t: S } = ne(), k = b("zh-cn"), g = b(), w = b(), M = b(), C = b(), c = b([[], [], [], [], [], []]);
+  let d = !1;
+  const D = s.date.$locale().weekStart || 7, R = s.date.locale("zh-cn").localeData().weekdaysShort().map((e) => e.toLowerCase()), x = h(() => D > 3 ? 7 - D : -D), V = h(() => {
+    const e = s.date.startOf("month");
     return e.subtract(e.day() || 7, "day");
-  }), j = m(() => S.concat(S).slice(
-    c,
-    c + 7
-  )), R = m(() => p(r(M)).some((e) => e.isCurrent)), A = m(() => {
-    const e = a.date.startOf("month"), t = e.day() || 7, n = e.daysInMonth(), s = e.subtract(1, "month").daysInMonth();
+  }), L = h(() => R.concat(R).slice(
+    D,
+    D + 7
+  )), T = h(() => te(r(O)).some((e) => e.isCurrent)), K = h(() => {
+    const e = s.date.startOf("month"), a = e.day() || 7, n = e.daysInMonth(), o = e.subtract(1, "month").daysInMonth();
     return {
-      startOfMonthDay: t,
+      startOfMonthDay: a,
       dateCountOfMonth: n,
-      dateCountOfLastMonth: s
+      dateCountOfLastMonth: o
     };
-  }), K = m(() => a.selectionMode === "dates" ? x(a.parsedValue) : []), L = (e, { count: t, rowIndex: n, columnIndex: s }) => {
-    const { startOfMonthDay: l, dateCountOfMonth: i, dateCountOfLastMonth: u } = r(A), h = r(O);
+  }), F = h(() => s.selectionMode === "dates" ? N(s.parsedValue) : []), _ = (e, { count: a, rowIndex: n, columnIndex: o }) => {
+    const { startOfMonthDay: m, dateCountOfMonth: u, dateCountOfLastMonth: f } = r(K), y = r(x);
     if (n >= 0 && n <= 1) {
-      const d = l + h < 0 ? 7 + l + h : l + h;
-      if (s + n * 7 >= d)
-        return e.text = t, !0;
-      e.text = u - (d - s % 7) + 1 + n * 7, e.type = "prev-month";
+      const i = m + y < 0 ? 7 + m + y : m + y;
+      if (o + n * 7 >= i)
+        return e.text = a, !0;
+      e.text = f - (i - o % 7) + 1 + n * 7, e.type = "prev-month";
     } else
-      return t <= i ? e.text = t : (e.text = t - i, e.type = "next-month"), !0;
+      return a <= u ? e.text = a : (e.text = a - u, e.type = "next-month"), !0;
     return !1;
-  }, F = (e, { columnIndex: t, rowIndex: n }, s) => {
-    const { disabledDate: l, cellClassName: i } = a, u = r(K), h = L(e, { count: s, rowIndex: n, columnIndex: t }), d = e.dayjs.toDate();
-    return e.selected = u.find((X) => X.isSame(e.dayjs, "day")), e.isSelected = !!e.selected, e.isCurrent = W(e), e.disabled = l?.(d), e.customClass = i?.(d), h;
-  }, _ = (e) => {
-    if (a.selectionMode === "week") {
-      const [t, n] = a.showWeekNumber ? [1, 7] : [0, 6], s = I(e[t + 1]);
-      e[t].inRange = s, e[t].start = s, e[n].inRange = s, e[n].end = s;
+  }, $ = (e, { columnIndex: a, rowIndex: n }, o) => {
+    const { disabledDate: m, cellClassName: u } = s, f = r(F), y = _(e, { count: o, rowIndex: n, columnIndex: a }), i = e.dayjs.toDate();
+    return e.selected = f.find((Y) => Y.isSame(e.dayjs, "day")), e.isSelected = !!e.selected, e.isCurrent = P(e), e.disabled = m?.(i), e.customClass = u?.(i), y;
+  }, z = (e) => {
+    if (s.selectionMode === "week") {
+      const [a, n] = s.showWeekNumber ? [1, 7] : [0, 6], o = A(e[a + 1]);
+      e[a].inRange = o, e[a].start = o, e[n].inRange = o, e[n].end = o;
     }
-  }, M = m(() => {
-    const { minDate: e, maxDate: t, rangeState: n, showWeekNumber: s } = a, l = r(O), i = r(C), u = "day";
-    let h = 1;
-    if (ae({ row: 6, column: 7 }, i, {
+  }, O = h(() => {
+    const { minDate: e, maxDate: a, rangeState: n, showWeekNumber: o } = s, m = r(x), u = r(c), f = "day";
+    let y = 1;
+    if (oe({ row: 6, column: 7 }, u, {
       startDate: e,
-      columnIndexOffset: s ? 1 : 0,
-      nextEndDate: n.endDate || t || n.selecting && e || null,
-      now: P().locale(r(D)).startOf(u),
-      unit: u,
-      relativeDateGetter: (d) => r(v).add(d - l, u),
-      setCellMetadata: (...d) => {
-        F(...d, h) && (h += 1);
+      columnIndexOffset: o ? 1 : 0,
+      nextEndDate: n.endDate || a || n.selecting && e || null,
+      now: E().locale(r(k)).startOf(f),
+      unit: f,
+      relativeDateGetter: (i) => r(V).add(i - m, f),
+      setCellMetadata: (...i) => {
+        $(...i, y) && (y += 1);
       },
-      setRowMetadata: _
-    }), s)
-      for (let d = 0; d < 6; d++)
-        i[d][1].dayjs && (i[d][0] = {
+      setRowMetadata: z
+    }), o)
+      for (let i = 0; i < 6; i++)
+        u[i][1].dayjs && (u[i][0] = {
           type: "week",
-          text: i[d][1].dayjs.week()
+          text: u[i][1].dayjs.week()
         });
-    return i;
+    return u;
   });
-  Y(
-    () => a.date,
+  Z(
+    () => s.date,
     async () => {
-      r(y)?.contains(document.activeElement) && (await Z(), await V());
+      r(g)?.contains(document.activeElement) && (await ee(), await W());
     }
   );
-  const V = async () => r(b)?.focus(), W = (e) => a.selectionMode === "date" && N(e.type) && $(e, a.parsedValue), $ = (e, t) => t ? P(t).locale(r(D)).isSame(a.date.date(Number(e.text)), "day") : !1, T = (e, t) => {
-    const n = e * 7 + (t - (a.showWeekNumber ? 1 : 0)) - r(O);
-    return r(v).add(n, "day");
-  }, z = (e) => {
-    if (!a.rangeState.selecting) return;
-    let t = e.target;
-    if (t.tagName === "SPAN" && (t = t.parentNode?.parentNode), t.tagName === "DIV" && (t = t.parentNode), t.tagName !== "TD") return;
-    const n = t.parentNode.rowIndex - 1, s = t.cellIndex;
-    r(M)[n][s].disabled || (n !== r(g) || s !== r(w)) && (g.value = n, w.value = s, f("changerange", {
+  const W = async () => r(w)?.focus(), P = (e) => s.selectionMode === "date" && v(e.type) && B(e, s.parsedValue), B = (e, a) => a ? E(a).locale(r(k)).isSame(s.date.date(Number(e.text)), "day") : !1, I = (e, a) => {
+    const n = e * 7 + (a - (s.showWeekNumber ? 1 : 0)) - r(x);
+    return r(V).add(n, "day");
+  }, U = (e) => {
+    if (!s.rangeState.selecting) return;
+    let a = e.target;
+    if (a.tagName === "SPAN" && (a = a.parentNode?.parentNode), a.tagName === "DIV" && (a = a.parentNode), a.tagName !== "TD") return;
+    const n = a.parentNode.rowIndex - 1, o = a.cellIndex;
+    r(O)[n][o].disabled || (n !== r(M) || o !== r(C)) && (M.value = n, C.value = o, l("changerange", {
       selecting: !0,
-      endDate: T(n, s)
+      endDate: I(n, o)
     }));
-  }, B = (e) => !r(R) && e?.text === 1 && e.type === "normal" || e.isCurrent, U = (e) => {
-    o || r(R) || a.selectionMode !== "date" || E(e, !0);
-  }, G = (e) => {
-    e.target.closest("td") && (o = !0);
-  }, H = (e) => {
-    e.target.closest("td") && (o = !1);
+  }, G = (e) => !r(T) && e?.text === 1 && e.type === "normal" || e.isCurrent, H = (e) => {
+    d || r(T) || s.selectionMode !== "date" || j(e, !0);
+  }, p = (e) => {
+    e.target.closest("td") && (d = !0);
   }, q = (e) => {
-    !a.rangeState.selecting || !a.minDate ? (f("pick", { minDate: e, maxDate: null }), f("select", !0)) : (e >= a.minDate ? f("pick", { minDate: a.minDate, maxDate: e }) : f("pick", { minDate: e, maxDate: a.minDate }), f("select", !1));
+    e.target.closest("td") && (d = !1);
   }, J = (e) => {
-    const t = e.week(), n = `${e.year()}w${t}`;
-    f("pick", {
+    !s.rangeState.selecting || !s.minDate ? (l("pick", { minDate: e, maxDate: null }), l("select", !0)) : (e >= s.minDate ? l("pick", { minDate: s.minDate, maxDate: e }) : l("pick", { minDate: e, maxDate: s.minDate }), l("select", !1));
+  }, Q = (e) => {
+    const a = e.week(), n = `${e.year()}w${a}`;
+    l("pick", {
       year: e.year(),
-      week: t,
+      week: a,
       value: n,
       date: e.startOf("week")
     });
-  }, Q = (e, t) => {
-    const n = t ? x(a.parsedValue).filter(
-      (s) => s?.valueOf() !== e.valueOf()
-    ) : x(a.parsedValue).concat([e]);
-    f("pick", n);
-  }, E = (e, t = !1) => {
+  }, X = (e, a) => {
+    const n = a ? N(s.parsedValue).filter(
+      (o) => o?.valueOf() !== e.valueOf()
+    ) : N(s.parsedValue).concat([e]);
+    l("pick", n);
+  }, j = (e, a = !1) => {
     const n = e.target.closest("td");
     if (!n) return;
-    const s = n.parentNode.rowIndex - 1, l = n.cellIndex, i = r(M)[s][l];
-    if (i.disabled || i.type === "week") return;
-    const u = T(s, l);
-    switch (a.selectionMode) {
+    const o = n.parentNode.rowIndex - 1, m = n.cellIndex, u = r(O)[o][m];
+    if (u.disabled || u.type === "week") return;
+    const f = I(o, m);
+    switch (s.selectionMode) {
       case "range": {
-        q(u);
+        J(f);
         break;
       }
       case "date": {
-        f("pick", u, t);
+        l("pick", f, a);
         break;
       }
       case "week": {
-        J(u);
+        Q(f);
         break;
       }
       case "dates": {
-        Q(u, !!i.selected);
+        X(f, !!u.selected);
         break;
       }
     }
-  }, I = (e) => {
-    if (a.selectionMode !== "week") return !1;
-    let t = a.date.startOf("day");
-    if (e.type === "prev-month" && (t = t.subtract(1, "month")), e.type === "next-month" && (t = t.add(1, "month")), t = t.date(Number.parseInt(e.text, 10)), a.parsedValue && !ee(a.parsedValue)) {
-      const n = (a.parsedValue.day() - c + 7) % 7 - 1;
-      return a.parsedValue.subtract(n, "day").isSame(t, "day");
+  }, A = (e) => {
+    if (s.selectionMode !== "week") return !1;
+    let a = s.date.startOf("day");
+    if (e.type === "prev-month" && (a = a.subtract(1, "month")), e.type === "next-month" && (a = a.add(1, "month")), a = a.date(Number.parseInt(e.text, 10)), s.parsedValue && !ae(s.parsedValue)) {
+      const n = (s.parsedValue.day() - D + 7) % 7 - 1;
+      return s.parsedValue.subtract(n, "day").isSame(a, "day");
     }
     return !1;
   };
   return {
-    WEEKS: j,
-    rows: M,
-    tbodyRef: y,
-    currentCellRef: b,
+    WEEKS: L,
+    rows: O,
+    tbodyRef: g,
+    currentCellRef: w,
     // cellMatchesDate,
     // getDateOfCell,
-    focus: V,
-    isCurrent: W,
-    isWeekActive: I,
-    isSelectedCell: B,
-    handlePickDate: E,
-    handleMouseUp: H,
-    handleMouseDown: G,
-    handleMouseMove: z,
-    handleFocus: U
+    focus: W,
+    isCurrent: P,
+    isWeekActive: A,
+    isSelectedCell: G,
+    handlePickDate: j,
+    handleMouseUp: q,
+    handleMouseDown: p,
+    handleMouseMove: U,
+    handleFocus: H
   };
-}, ke = (a, {
-  isCurrent: f,
-  isWeekActive: D
+}, we = (s, {
+  isCurrent: l,
+  isWeekActive: S
 }) => {
-  const y = te("date-table"), b = m(() => [
-    y.b(),
-    { "is-week-mode": a.selectionMode === "week" }
-  ]), g = m(() => "使用方向键与 Enter 键可选择日期"), w = (o) => {
-    const c = [];
-    return N(o.type) && !o.disabled ? (c.push("available"), o.type === "today" && c.push("today")) : c.push(o.type), f(o) && c.push("current"), o.inRange && (N(o.type) || a.selectionMode === "week") && (c.push("in-range"), o.start && c.push("start-date"), o.end && c.push("end-date")), o.disabled && c.push("disabled"), o.selected && c.push("selected"), o.customClass && c.push(o.customClass), c.join(" ");
-  }, C = (o) => [
-    y.e("row"),
-    { current: D(o) }
+  const k = se("date-table"), g = h(() => [
+    k.b(),
+    { "is-week-mode": s.selectionMode === "week" }
+  ]), w = h(() => t("vft.datePicker.dateTableLabel")), M = (c) => {
+    const d = [];
+    return v(c.type) && !c.disabled ? (d.push("available"), c.type === "today" && d.push("today")) : d.push(c.type), l(c) && d.push("current"), c.inRange && (v(c.type) || s.selectionMode === "week") && (d.push("in-range"), c.start && d.push("start-date"), c.end && d.push("end-date")), c.disabled && d.push("disabled"), c.selected && d.push("selected"), c.customClass && d.push(c.customClass), d.join(" ");
+  }, C = (c) => [
+    k.e("row"),
+    { current: S(c) }
   ];
   return {
-    tableKls: b,
-    tableLabel: g,
-    weekHeaderClass: y.e("week-header"),
-    getCellClasses: w,
+    tableKls: g,
+    tableLabel: w,
+    weekHeaderClass: k.e("week-header"),
+    getCellClasses: M,
     getRowKls: C
   };
 };
 export {
-  ye as useBasicDateTable,
-  ke as useBasicDateTableDOM
+  ge as useBasicDateTable,
+  we as useBasicDateTableDOM
 };

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

@@ -1,29 +1,30 @@
 import { computed as a } from "vue";
-const b = ({
+import { useLocale as Y } from "../../../locale/use-locale.js";
+const p = ({
   unlinkPanels: u,
   leftDate: e,
   rightDate: r
 }) => {
-  const v = () => {
+  const { t: v } = Y(), o = () => {
     e.value = e.value.subtract(1, "year"), u.value || (r.value = r.value.subtract(1, "year"));
-  }, l = () => {
+  }, c = () => {
     u.value || (e.value = e.value.add(1, "year")), r.value = r.value.add(1, "year");
-  }, o = () => {
+  }, l = () => {
     e.value = e.value.add(1, "year");
-  }, c = () => {
+  }, y = () => {
     r.value = r.value.subtract(1, "year");
-  }, n = a(() => `${e.value.year()} 年`), y = a(() => `${r.value.year()} 年`), s = a(() => e.value.year()), d = a(() => r.value.year() === e.value.year() ? e.value.year() + 1 : r.value.year());
+  }, n = a(() => `${e.value.year()} ${v("vft.datePicker.year")}`), s = a(() => `${r.value.year()} ${v("vft.datePicker.year")}`), d = a(() => e.value.year()), t = a(() => r.value.year() === e.value.year() ? e.value.year() + 1 : r.value.year());
   return {
-    leftPrevYear: v,
-    rightNextYear: l,
-    leftNextYear: o,
-    rightPrevYear: c,
+    leftPrevYear: o,
+    rightNextYear: c,
+    leftNextYear: l,
+    rightPrevYear: y,
     leftLabel: n,
-    rightLabel: y,
-    leftYear: s,
-    rightYear: d
+    rightLabel: s,
+    leftYear: d,
+    rightYear: t
   };
 };
 export {
-  b as useMonthRangeHeader
+  p as useMonthRangeHeader
 };