vft 0.0.509 → 0.0.511

package/es/components/collapse/collapse.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, createElementBlock as m, openBlock as i, normalizeClass as f, unref as u, renderSlot as _ } from "vue";
+import { defineComponent as o, openBlock as m, createElementBlock as i, normalizeClass as f, unref as u, renderSlot as _ } from "vue";
 import { collapseEmits as d, collapseProps as C } from "./collapse.js";
 import { useCollapse as v, useCollapseDOM as k } from "./use-collapse.js";
 const x = o({
@@ -14,7 +14,7 @@ const x = o({
       activeNames: a,
       /** @description set active names */
       setActiveNames: n
-    }), (c, B) => (i(), m("div", {
+    }), (c, B) => (m(), i("div", {
       class: f(u(p))
     }, [
       _(c.$slots, "default")

package/es/components/collapse-transition/collapse-transition.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, createBlock as e, openBlock as s, Transition as i, mergeProps as n, unref as r, toHandlers as p, withCtx as m, renderSlot as g } from "vue";
+import { defineComponent as o, openBlock as e, createBlock as s, Transition as i, mergeProps as n, unref as r, toHandlers as p, withCtx as m, renderSlot as g } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -33,7 +33,7 @@ const f = o({
         t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom;
       }
     };
-    return (t, c) => (s(), e(i, n({
+    return (t, c) => (e(), s(i, n({
       name: r(a).b()
     }, p(d)), {
       default: m(() => [

package/es/components/color-picker/color-picker.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as j, ref as c, reactive as ce, computed as h, onMounted as ue, watch as C, nextTick as V, provide as me, createBlock as y, openBlock as d, unref as e, withCtx as E, createElementVNode as u, withKeys as H, normalizeClass as r, createElementBlock as M, createCommentVNode as x, normalizeStyle as de, withDirectives as O, createVNode as p, vShow as pe, createTextVNode as R, toDisplayString as U } from "vue";
+import { defineComponent as j, ref as c, reactive as ce, computed as h, onMounted as ue, watch as C, nextTick as V, provide as me, openBlock as d, createBlock as y, unref as e, withCtx as E, createElementVNode as u, withKeys as H, normalizeClass as r, createElementBlock as M, createCommentVNode as x, normalizeStyle as de, withDirectives as O, createVNode as p, vShow as pe, createTextVNode as R, toDisplayString as U } from "vue";
 import { ClickOutside as fe } from "@vft/directives";
 import { VftButton as _ } from "../button/index.js";
 import "../form/index.js";
@@ -21,7 +21,7 @@ import Ve from "./components/predefine.vue.js";
 import ye from "./components/sv-panel.vue.js";
 import { colorPickerContextKey as Ee } from "./contants.js";
 import z from "./utils/color.js";
-import { useLocale as xe } from "../../locale/use-locale.js";
+import xe from "../../locale/use-locale.js";
 import { useFormItem as Ae, useFormItemInputId as Ie } from "../form/hooks/use-form-item.js";
 import { useFormSize as Se, useFormDisabled as $e } from "../form/hooks/use-form-common-props.js";
 const Pe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"], ze = j({

package/es/components/color-picker/components/alpha-slider.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, createElementBlock as C, openBlock as S, normalizeClass as r, unref as e, createElementVNode as n, normalizeStyle as c } from "vue";
+import { defineComponent as p, openBlock as C, createElementBlock as S, normalizeClass as r, unref as e, createElementVNode as n, normalizeStyle as c } from "vue";
 import { useAlphaSlider as v, useAlphaSliderDOM as A } from "../composables/use-alpha-slider.js";
 const E = "VftColorAlphaSlider", N = p({
   name: E
@@ -30,7 +30,7 @@ const E = "VftColorAlphaSlider", N = p({
        * @type {HTMLElement}
        */
       thumb: t
-    }), (x, a) => (S(), C("div", {
+    }), (x, a) => (C(), S("div", {
       class: r(e(d))
     }, [
       n("div", {

package/es/components/color-picker/components/hue-slider.vue.js

@@ -1,8 +1,8 @@
 import s from "./hue-slider.vue2.js";
-import { createElementBlock as t, openBlock as a, normalizeClass as l, createElementVNode as n, normalizeStyle as i } from "vue";
+import { openBlock as t, createElementBlock as a, normalizeClass as l, createElementVNode as n, normalizeStyle as i } from "vue";
 import m from "../../../_virtual/_plugin-vue_export-helper.js";
 function p(e, r, f, d, u, b) {
-  return a(), t("div", {
+  return t(), a("div", {
     class: l([e.ns.b(), e.ns.is("vertical", e.vertical)])
   }, [
     n("div", {

package/es/components/color-picker/components/predefine.vue.js

@@ -1,15 +1,15 @@
 import t from "./predefine.vue2.js";
-import { createElementBlock as r, openBlock as l, normalizeClass as s, createElementVNode as a, Fragment as c, renderList as d, normalizeStyle as i } from "vue";
+import { openBlock as r, createElementBlock as l, normalizeClass as s, createElementVNode as a, Fragment as c, renderList as d, normalizeStyle as i } from "vue";
 import p from "../../../_virtual/_plugin-vue_export-helper.js";
 const m = ["onClick"];
 function u(e, f, k, v, h, C) {
-  return l(), r("div", {
+  return r(), l("div", {
     class: s(e.ns.b())
   }, [
     a("div", {
       class: s(e.ns.e("colors"))
     }, [
-      (l(!0), r(c, null, d(e.rgbaColors, (o, n) => (l(), r("div", {
+      (r(!0), l(c, null, d(e.rgbaColors, (o, n) => (r(), l("div", {
         key: e.colors[n],
         class: s([
           e.ns.e("color-selector"),

package/es/components/color-picker/components/sv-panel.vue.js

@@ -1,8 +1,8 @@
 import n from "./sv-panel.vue2.js";
-import { createElementBlock as a, openBlock as t, normalizeStyle as s, normalizeClass as o, createElementVNode as r } from "vue";
+import { openBlock as a, createElementBlock as t, normalizeStyle as s, normalizeClass as o, createElementVNode as r } from "vue";
 import i from "../../../_virtual/_plugin-vue_export-helper.js";
 function p(e, l, u, d, c, m) {
-  return t(), a("div", {
+  return a(), t("div", {
     class: o(e.ns.b()),
     style: s({
       backgroundColor: e.background

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

@@ -1,4 +1,4 @@
-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 { defineComponent as s, watch as m, computed as d, onActivated as u, onDeactivated as h, onBeforeUnmount as g, getCurrentInstance as p, openBlock as v, createElementBlock 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";
@@ -69,7 +69,7 @@ const z = s({
       }), a;
     }
     const l = p();
-    return E(l.props), (e, a) => (b(), v("div", {
+    return E(l.props), (e, a) => (v(), b("div", {
       class: C([V(i).b(), { "vft-dark": t.theme === "dark" }]),
       style: k(c.value)
     }, [

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

@@ -1,7 +1,7 @@
 import { keysOf as c } from "@vft/utils";
 import "@vueuse/core";
 import { debugWarn as v } from "../../../utils/error.js";
-import { ref as g, getCurrentInstance as f, computed as t, unref as p, provide as C, inject as x } from "vue";
+import { ref as g, getCurrentInstance as f, computed as t, unref as p, inject as C, provide 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";
@@ -11,7 +11,7 @@ import { zIndexContextKey as G, useZIndex as z, defaultInitialZIndex as K } from
 import { configProviderContextKey as m, localeContextKey as S } from "../constants.js";
 const s = g();
 function d(o, e = void 0) {
-  const n = f() ? x(m, s) : s;
+  const n = f() ? C(m, s) : s;
   return o ? t(() => n?.value?.[o] ?? e) : n;
 }
 function D(o) {
@@ -27,7 +27,7 @@ function D(o) {
   };
 }
 const j = (o, e, n = !1) => {
-  const r = !!f(), i = r ? d() : void 0, l = e?.provide ?? (r ? C : void 0);
+  const r = !!f(), i = r ? d() : void 0, l = e?.provide ?? (r ? x : void 0);
   if (!l) {
     v(
       "provideGlobalConfig",

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.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<any>;
+    tableLabel: import("vue").ComputedRef<string>;
     weekHeaderClass: string;
     getCellClasses: (cell: DateCell) => string;
     getRowKls: (cell: DateCell) => (string | {

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

@@ -1,184 +1,184 @@
-import { ref as b, computed as h, unref as r, watch as Z, nextTick as ee } from "vue";
-import E from "dayjs";
+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 N } from "../../../utils/helper.js";
+import { castArray as x } from "../../../utils/helper.js";
 import "../../form/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 { 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");
+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), R = m(() => {
+    const e = a.date.startOf("month");
     return e.subtract(e.day() || 7, "day");
-  }), 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();
+  }), L = m(() => S.concat(S).slice(
+    c,
+    c + 7
+  )), 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: a,
-      dateCountOfMonth: n,
-      dateCountOfLastMonth: o
+      startOfMonthDay: t,
+      dateCountOfMonth: s,
+      dateCountOfLastMonth: n
     };
-  }), 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 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";
+  }), 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 (n + s * 7 >= d)
+        return e.text = t, !0;
+      e.text = u - (d - n % 7) + 1 + s * 7, e.type = "prev-month";
     } else
-      return a <= u ? e.text = a : (e.text = a - u, e.type = "next-month"), !0;
+      return t <= i ? e.text = t : (e.text = t - i, e.type = "next-month"), !0;
     return !1;
-  }, $ = (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;
+  }, $ = (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 (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;
+    if (a.selectionMode === "week") {
+      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;
     }
-  }, 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, {
+  }, M = m(() => {
+    const { minDate: e, maxDate: t, rangeState: s, showWeekNumber: n } = a, l = r(O), i = r(C), u = "day";
+    let h = 1;
+    if (ne({ row: 6, column: 7 }, i, {
       startDate: e,
-      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);
+      columnIndexOffset: n ? 1 : 0,
+      nextEndDate: s.endDate || t || s.selecting && e || null,
+      now: A().locale(r(D)).startOf(u),
+      unit: u,
+      relativeDateGetter: (d) => r(R).add(d - l, u),
+      setCellMetadata: (...d) => {
+        $(...d, h) && (h += 1);
       },
       setRowMetadata: z
-    }), o)
-      for (let i = 0; i < 6; i++)
-        u[i][1].dayjs && (u[i][0] = {
+    }), n)
+      for (let d = 0; d < 6; d++)
+        i[d][1].dayjs && (i[d][0] = {
           type: "week",
-          text: u[i][1].dayjs.week()
+          text: i[d][1].dayjs.week()
         });
-    return u;
+    return i;
   });
   Z(
-    () => s.date,
+    () => a.date,
     async () => {
-      r(g)?.contains(document.activeElement) && (await ee(), await W());
+      r(y)?.contains(document.activeElement) && (await ee(), await T());
     }
   );
-  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");
+  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 (!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", {
+    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 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: I(n, o)
+      endDate: P(s, n)
     }));
-  }, G = (e) => !r(T) && e?.text === 1 && e.type === "normal" || e.isCurrent, H = (e) => {
-    d || r(T) || s.selectionMode !== "date" || j(e, !0);
+  }, 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") && (d = !0);
+    e.target.closest("td") && (o = !0);
   }, q = (e) => {
-    e.target.closest("td") && (d = !1);
+    e.target.closest("td") && (o = !1);
   }, J = (e) => {
-    !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));
+    !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 a = e.week(), n = `${e.year()}w${a}`;
-    l("pick", {
+    const t = e.week(), s = `${e.year()}w${t}`;
+    f("pick", {
       year: e.year(),
-      week: a,
-      value: n,
+      week: t,
+      value: s,
       date: e.startOf("week")
     });
-  }, 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 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) {
+  }, X = (e, t) => {
+    const s = t ? x(a.parsedValue).filter(
+      (n) => n?.valueOf() !== e.valueOf()
+    ) : x(a.parsedValue).concat([e]);
+    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 = P(n, l);
+    switch (a.selectionMode) {
       case "range": {
-        J(f);
+        J(u);
         break;
       }
       case "date": {
-        l("pick", f, a);
+        f("pick", u, t);
         break;
       }
       case "week": {
-        Q(f);
+        Q(u);
         break;
       }
       case "dates": {
-        X(f, !!u.selected);
+        X(u, !!i.selected);
         break;
       }
     }
-  }, 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");
+  }, 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 && !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: L,
-    rows: O,
-    tbodyRef: g,
-    currentCellRef: w,
+    rows: M,
+    tbodyRef: y,
+    currentCellRef: b,
     // cellMatchesDate,
     // getDateOfCell,
-    focus: W,
-    isCurrent: P,
-    isWeekActive: A,
+    focus: T,
+    isCurrent: W,
+    isWeekActive: j,
     isSelectedCell: G,
-    handlePickDate: j,
+    handlePickDate: I,
     handleMouseUp: q,
     handleMouseDown: p,
     handleMouseMove: U,
     handleFocus: H
   };
-}, we = (s, {
-  isCurrent: l,
-  isWeekActive: S
+}, ge = (a, {
+  isCurrent: f,
+  isWeekActive: v
 }) => {
-  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) }
+  const { t: D } = E(), y = se("date-table"), b = m(() => [
+    y.b(),
+    { "is-week-mode": a.selectionMode === "week" }
+  ]), 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: v(o) }
   ];
   return {
-    tableKls: g,
-    tableLabel: w,
-    weekHeaderClass: k.e("week-header"),
-    getCellClasses: M,
+    tableKls: b,
+    tableLabel: g,
+    weekHeaderClass: y.e("week-header"),
+    getCellClasses: w,
     getRowKls: C
   };
 };
 export {
-  ge as useBasicDateTable,
-  we as useBasicDateTableDOM
+  be as useBasicDateTable,
+  ge as useBasicDateTableDOM
 };

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

@@ -1,5 +1,5 @@
 import { computed as a } from "vue";
-import { useLocale as Y } from "../../../locale/use-locale.js";
+import Y from "../../../locale/use-locale.js";
 const p = ({
   unlinkPanels: u,
   leftDate: e,

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

@@ -1,6 +1,6 @@
 import { ref as i, inject as _, computed as o, nextTick as Y } from "vue";
 import "../../time-picker/index.js";
-import { useLocale as j } from "../../../locale/use-locale.js";
+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) => {