vft 0.0.507 → 0.0.511

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/container/aside.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, computed as i, createElementBlock as m, openBlock as a, normalizeStyle as n, normalizeClass as l, unref as p, renderSlot as c } from "vue";
+import { defineComponent as o, computed as i, openBlock as m, createElementBlock as a, normalizeStyle as n, normalizeClass as l, unref as p, renderSlot as c } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import { addUnit as d } from "../../utils/helper.js";
@@ -19,7 +19,7 @@ const u = o({
     const e = f("aside"), r = i(
       () => t.width ? e.cssVarBlock({ width: d(t.width) }) : {}
     );
-    return (s, h) => (a(), m("aside", {
+    return (s, h) => (m(), a("aside", {
       class: l(p(e).b()),
       style: n(r.value)
     }, [

package/es/components/container/container.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as a, useSlots as l, computed as m, createElementBlock as f, openBlock as u, normalizeClass as p, unref as i, renderSlot as d } from "vue";
+import { defineComponent as a, useSlots as l, computed as m, openBlock as f, createElementBlock as u, normalizeClass as p, unref as i, renderSlot as d } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -20,7 +20,7 @@ const _ = a({
       const s = n.type.name;
       return s === "vft-header" || s === "vft-footer";
     }) : !1);
-    return (r, n) => (u(), f("section", {
+    return (r, n) => (f(), u("section", {
       class: p([i(o).b(), i(o).is("vertical", c.value)])
     }, [
       d(r.$slots, "default")

package/es/components/container/footer.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, computed as s, createElementBlock as i, openBlock as n, normalizeStyle as a, normalizeClass as l, unref as p, renderSlot as c } from "vue";
+import { defineComponent as o, computed as s, openBlock as i, createElementBlock as n, normalizeStyle as a, normalizeClass as l, unref as p, renderSlot as c } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import { addUnit as f } from "../../utils/helper.js";
@@ -19,7 +19,7 @@ const h = o({
     const e = u("footer"), r = s(
       () => t.height ? e.cssVarBlock({ height: f(t.height) }) : {}
     );
-    return (m, d) => (n(), i("footer", {
+    return (m, d) => (i(), n("footer", {
       class: l(p(e).b()),
       style: a(r.value)
     }, [

package/es/components/container/header.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as r, computed as a, createElementBlock as n, openBlock as s, normalizeStyle as i, normalizeClass as l, unref as p, renderSlot as c } from "vue";
+import { defineComponent as r, computed as a, openBlock as n, createElementBlock as s, normalizeStyle as i, normalizeClass as l, unref as p, renderSlot as c } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import { addUnit as h } from "../../utils/helper.js";
@@ -19,7 +19,7 @@ const u = r({
     const t = d("header"), o = a(() => e.height ? t.cssVarBlock({
       height: h(e.height)
     }) : {});
-    return (m, f) => (s(), n("header", {
+    return (m, f) => (n(), s("header", {
       class: l(p(t).b()),
       style: i(o.value)
     }, [

package/es/components/container/main.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as t, createElementBlock as r, openBlock as m, normalizeClass as n, unref as p, renderSlot as s } from "vue";
+import { defineComponent as t, openBlock as r, createElementBlock as m, normalizeClass as n, unref as p, renderSlot as s } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -14,7 +14,7 @@ const i = t({
   ...i,
   setup(c) {
     const e = a("main");
-    return (o, f) => (m(), r("main", {
+    return (o, f) => (r(), m("main", {
       ref: "testRef",
       class: n(p(e).b())
     }, [

package/es/components/context-menu/context-menu.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, ref as a, computed as k, createBlock as c, openBlock as r, Transition as C, withCtx as b, withDirectives as g, createElementVNode as d, normalizeClass as z, withModifiers as M, normalizeStyle as $, unref as m, createElementBlock as B, Fragment as E, renderList as S, vShow as F } from "vue";
+import { defineComponent as p, ref as a, computed as k, openBlock as r, createBlock as c, Transition as C, withCtx as b, withDirectives as g, createElementVNode as d, normalizeClass as z, unref as m, withModifiers as M, normalizeStyle as $, createElementBlock as B, Fragment as E, renderList as S, vShow as F } from "vue";
 import { useTimeoutFn as H, useClickAway as I, useEventListener as f } from "@vft/use";
 import { VftMenuItem as L } from "../menu/index.js";
 import "@vueuse/core";

package/es/components/countdown/countdown.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, ref as _, computed as h, onMounted as x, watch as y, onBeforeUnmount as C, createBlock as E, openBlock as S, unref as A, createSlots as B, renderList as F, withCtx as k, renderSlot as D } from "vue";
+import { defineComponent as p, ref as _, computed as h, onMounted as x, watch as y, onBeforeUnmount as C, openBlock as E, createBlock as S, unref as A, createSlots as B, renderList as F, withCtx as k, renderSlot as D } from "vue";
 import { VftStatistic as N } from "../statistic/index.js";
 import "@vueuse/core";
 import "@vft/utils";
@@ -44,7 +44,7 @@ const L = p({
        * @description current display value
        */
       displayValue: w
-    }), (t, n) => (S(), E(A(N), {
+    }), (t, n) => (E(), S(A(N), {
       value: i.value,
       title: t.title,
       prefix: t.prefix,

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

@@ -1,64 +1,65 @@
-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 k, computed as m, unref as r, watch as Z, nextTick as ee } from "vue";
+import A 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 "../../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([[], [], [], [], [], []]);
+import E from "../../../locale/use-locale.js";
+import { buildPickerTable as ne } from "../utils.js";
+const N = (a = "") => ["normal", "today"].includes(a), be = (a, f) => {
+  const { t: v } = E(), 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 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), R = m(() => {
     const e = a.date.startOf("month");
     return e.subtract(e.day() || 7, "day");
-  }), j = m(() => S.concat(S).slice(
+  }), L = 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();
+  )), V = m(() => te(r(M)).some((e) => e.isCurrent)), K = m(() => {
+    const e = a.date.startOf("month"), t = e.day() || 7, s = e.daysInMonth(), n = e.subtract(1, "month").daysInMonth();
     return {
       startOfMonthDay: t,
-      dateCountOfMonth: n,
-      dateCountOfLastMonth: s
+      dateCountOfMonth: s,
+      dateCountOfLastMonth: n
     };
-  }), 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);
-    if (n >= 0 && n <= 1) {
+  }), F = m(() => a.selectionMode === "dates" ? x(a.parsedValue) : []), _ = (e, { count: t, rowIndex: s, columnIndex: n }) => {
+    const { startOfMonthDay: l, dateCountOfMonth: i, dateCountOfLastMonth: u } = r(K), h = r(O);
+    if (s >= 0 && s <= 1) {
       const d = l + h < 0 ? 7 + l + h : l + h;
-      if (s + n * 7 >= d)
+      if (n + s * 7 >= d)
         return e.text = t, !0;
-      e.text = u - (d - s % 7) + 1 + n * 7, e.type = "prev-month";
+      e.text = u - (d - n % 7) + 1 + s * 7, e.type = "prev-month";
     } else
       return t <= i ? e.text = t : (e.text = t - i, 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) => {
+  }, $ = (e, { columnIndex: t, rowIndex: s }, n) => {
+    const { disabledDate: l, cellClassName: i } = a, u = r(F), h = _(e, { count: n, rowIndex: s, columnIndex: t }), d = e.dayjs.toDate();
+    return e.selected = u.find((Y) => Y.isSame(e.dayjs, "day")), e.isSelected = !!e.selected, e.isCurrent = W(e), e.disabled = l?.(d), e.customClass = i?.(d), h;
+  }, z = (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;
+      const [t, s] = a.showWeekNumber ? [1, 7] : [0, 6], n = j(e[t + 1]);
+      e[t].inRange = n, e[t].start = n, e[s].inRange = n, e[s].end = n;
     }
   }, M = m(() => {
-    const { minDate: e, maxDate: t, rangeState: n, showWeekNumber: s } = a, l = r(O), i = r(C), u = "day";
+    const { minDate: e, maxDate: t, rangeState: s, showWeekNumber: n } = a, l = r(O), i = r(C), u = "day";
     let h = 1;
-    if (ae({ row: 6, column: 7 }, i, {
+    if (ne({ row: 6, column: 7 }, i, {
       startDate: e,
-      columnIndexOffset: s ? 1 : 0,
-      nextEndDate: n.endDate || t || n.selecting && e || null,
-      now: P().locale(r(D)).startOf(u),
+      columnIndexOffset: n ? 1 : 0,
+      nextEndDate: s.endDate || t || s.selecting && e || null,
+      now: A().locale(r(D)).startOf(u),
       unit: u,
-      relativeDateGetter: (d) => r(v).add(d - l, u),
+      relativeDateGetter: (d) => r(R).add(d - l, u),
       setCellMetadata: (...d) => {
-        F(...d, h) && (h += 1);
+        $(...d, h) && (h += 1);
       },
-      setRowMetadata: _
-    }), s)
+      setRowMetadata: z
+    }), n)
       for (let d = 0; d < 6; d++)
         i[d][1].dayjs && (i[d][0] = {
           type: "week",
@@ -66,54 +67,54 @@ const N = (a = "") => ["normal", "today"].includes(a), ye = (a, f) => {
         });
     return i;
   });
-  Y(
+  Z(
     () => a.date,
     async () => {
-      r(y)?.contains(document.activeElement) && (await Z(), await V());
+      r(y)?.contains(document.activeElement) && (await ee(), await T());
     }
   );
-  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) => {
+  const T = async () => r(b)?.focus(), W = (e) => a.selectionMode === "date" && N(e.type) && B(e, a.parsedValue), B = (e, t) => t ? A(t).locale(r(D)).isSame(a.date.date(Number(e.text)), "day") : !1, P = (e, t) => {
+    const s = e * 7 + (t - (a.showWeekNumber ? 1 : 0)) - r(O);
+    return r(R).add(s, "day");
+  }, U = (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 s = t.parentNode.rowIndex - 1, n = t.cellIndex;
+    r(M)[s][n].disabled || (s !== r(g) || n !== r(w)) && (g.value = s, w.value = n, f("changerange", {
       selecting: !0,
-      endDate: T(n, s)
+      endDate: P(s, n)
     }));
-  }, 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) => {
+  }, G = (e) => !r(V) && e?.text === 1 && e.type === "normal" || e.isCurrent, H = (e) => {
+    o || r(V) || a.selectionMode !== "date" || I(e, !0);
+  }, p = (e) => {
     e.target.closest("td") && (o = !0);
-  }, H = (e) => {
-    e.target.closest("td") && (o = !1);
   }, 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") && (o = !1);
   }, J = (e) => {
-    const t = e.week(), n = `${e.year()}w${t}`;
+    !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));
+  }, Q = (e) => {
+    const t = e.week(), s = `${e.year()}w${t}`;
     f("pick", {
       year: e.year(),
       week: t,
-      value: n,
+      value: s,
       date: e.startOf("week")
     });
-  }, Q = (e, t) => {
-    const n = t ? x(a.parsedValue).filter(
-      (s) => s?.valueOf() !== e.valueOf()
+  }, X = (e, t) => {
+    const s = t ? x(a.parsedValue).filter(
+      (n) => n?.valueOf() !== e.valueOf()
     ) : x(a.parsedValue).concat([e]);
-    f("pick", n);
-  }, E = (e, t = !1) => {
-    const n = e.target.closest("td");
-    if (!n) return;
-    const s = n.parentNode.rowIndex - 1, l = n.cellIndex, i = r(M)[s][l];
+    f("pick", s);
+  }, I = (e, t = !1) => {
+    const s = e.target.closest("td");
+    if (!s) return;
+    const n = s.parentNode.rowIndex - 1, l = s.cellIndex, i = r(M)[n][l];
     if (i.disabled || i.type === "week") return;
-    const u = T(s, l);
+    const u = P(n, l);
     switch (a.selectionMode) {
       case "range": {
-        q(u);
+        J(u);
         break;
       }
       case "date": {
@@ -121,53 +122,53 @@ const N = (a = "") => ["normal", "today"].includes(a), ye = (a, f) => {
         break;
       }
       case "week": {
-        J(u);
+        Q(u);
         break;
       }
       case "dates": {
-        Q(u, !!i.selected);
+        X(u, !!i.selected);
         break;
       }
     }
-  }, I = (e) => {
+  }, j = (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");
+    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 && !ae(a.parsedValue)) {
+      const s = (a.parsedValue.day() - c + 7) % 7 - 1;
+      return a.parsedValue.subtract(s, "day").isSame(t, "day");
     }
     return !1;
   };
   return {
-    WEEKS: j,
+    WEEKS: L,
     rows: M,
     tbodyRef: y,
     currentCellRef: b,
     // cellMatchesDate,
     // getDateOfCell,
-    focus: V,
+    focus: T,
     isCurrent: W,
-    isWeekActive: I,
-    isSelectedCell: B,
-    handlePickDate: E,
-    handleMouseUp: H,
-    handleMouseDown: G,
-    handleMouseMove: z,
-    handleFocus: U
+    isWeekActive: j,
+    isSelectedCell: G,
+    handlePickDate: I,
+    handleMouseUp: q,
+    handleMouseDown: p,
+    handleMouseMove: U,
+    handleFocus: H
   };
-}, ke = (a, {
+}, ge = (a, {
   isCurrent: f,
-  isWeekActive: D
+  isWeekActive: v
 }) => {
-  const y = te("date-table"), b = m(() => [
+  const { t: D } = E(), y = se("date-table"), b = m(() => [
     y.b(),
     { "is-week-mode": a.selectionMode === "week" }
-  ]), g = m(() => "使用方向键与 Enter 键可选择日期"), w = (o) => {
+  ]), g = m(() => D("vft.datePicker.dateTableLabel")), 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) }
+    { current: v(o) }
   ];
   return {
     tableKls: b,
@@ -178,6 +179,6 @@ const N = (a = "") => ["normal", "today"].includes(a), ye = (a, f) => {
   };
 };
 export {
-  ye as useBasicDateTable,
-  ke as useBasicDateTableDOM
+  be as useBasicDateTable,
+  ge 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 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
 };

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 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-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),