vft 0.0.89 → 0.0.91

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

@@ -1,4 +1,4 @@
-import { defineComponent as r, computed as m, openBlock as l, createElementBlock as i, normalizeClass as a, unref as o, normalizeStyle as c, renderSlot as p } from "vue";
+import { defineComponent as o, computed as m, openBlock as n, createElementBlock as a, normalizeClass as i, unref as l, normalizeStyle as c, renderSlot as p } from "vue";
 import { useNamespace as f } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -9,20 +9,20 @@ import "../../utils/ns-cover.js";
 const e = (
   /* hoist-static*/
   f("footer")
-), h = r({
+), h = o({
   name: e.b()
-}), S = /* @__PURE__ */ r({
+}), S = /* @__PURE__ */ o({
   ...h,
   props: {
-    height: null
+    height: {}
   },
   setup(t) {
-    const n = m(
+    const r = m(
       () => t.height ? e.cssVarBlock({ height: u(t.height) }) : {}
     );
-    return (s, d) => (l(), i("footer", {
-      class: a(o(e).b()),
-      style: c(o(n))
+    return (s, d) => (n(), a("footer", {
+      class: i(l(e).b()),
+      style: c(r.value)
     }, [
       p(s.$slots, "default")
     ], 6));

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

@@ -1,4 +1,4 @@
-import { defineComponent as r, computed as m, openBlock as a, createElementBlock as l, normalizeClass as i, unref as o, normalizeStyle as c, renderSlot as p } from "vue";
+import { defineComponent as o, computed as s, openBlock as a, createElementBlock as m, normalizeClass as i, unref as l, normalizeStyle as c, renderSlot as p } from "vue";
 import { useNamespace as h } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -9,22 +9,22 @@ import "../../utils/ns-cover.js";
 const e = (
   /* hoist-static*/
   h("header")
-), d = r({
+), d = o({
   name: e.b()
-}), S = /* @__PURE__ */ r({
+}), S = /* @__PURE__ */ o({
   ...d,
   props: {
-    height: null
+    height: {}
   },
   setup(t) {
-    const n = m(() => t.height ? e.cssVarBlock({
+    const r = s(() => t.height ? e.cssVarBlock({
       height: u(t.height)
     }) : {});
-    return (s, f) => (a(), l("header", {
-      class: i(o(e).b()),
-      style: c(o(n))
+    return (n, f) => (a(), m("header", {
+      class: i(l(e).b()),
+      style: c(r.value)
     }, [
-      p(s.$slots, "default")
+      p(n.$slots, "default")
     ], 6));
   }
 });

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

@@ -1,4 +1,4 @@
-import { defineComponent as f, ref as u, computed as k, openBlock as l, createBlock as d, Transition as b, withCtx as C, withDirectives as g, createElementVNode as a, normalizeStyle as z, unref as p, withModifiers as M, normalizeClass as $, createElementBlock as B, Fragment as E, renderList as S, vShow as A } from "vue";
+import { defineComponent as f, ref as a, computed as k, openBlock as n, createBlock as d, Transition as b, withCtx as C, withDirectives as g, createElementVNode as u, normalizeStyle as z, withModifiers as M, normalizeClass as $, unref as l, createElementBlock as B, Fragment as E, renderList as S, vShow as A } from "vue";
 import { useNamespace as F } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -84,67 +84,67 @@ import "../md-vue-playground/index.js";
 import "../md-code-demo/index.js";
 import "../md-code-tabs/index.js";
 import "../message/index.js";
-const N = { class: "vft-sub-menu" }, x = (
+const N = { class: "vft-sub-menu" }, v = (
   /* hoist-static*/
   F("context-menu")
 ), R = f({
-  name: x.b()
-}), vo = /* @__PURE__ */ f({
+  name: v.b()
+}), xo = /* @__PURE__ */ f({
   ...R,
   props: {
-    axis: null,
-    styles: null,
-    width: null,
-    items: null
+    axis: {},
+    styles: {},
+    width: {},
+    items: {}
   },
-  setup(r) {
-    let s = u();
-    const v = k(() => {
-      const { x: t, y: o } = r.axis || { x: 0, y: 0 }, i = (r.items || []).length * 40, m = r.width || 0, n = document.body, w = n.clientWidth < t + m ? t - m : t, y = n.clientHeight < o + i ? o - i : o;
+  setup(e) {
+    let s = a();
+    const x = k(() => {
+      const { x: t, y: o } = e.axis || { x: 0, y: 0 }, i = (e.items || []).length * 40, m = e.width || 0, p = document.body, w = p.clientWidth < t + m ? t - m : t, y = p.clientHeight < o + i ? o - i : o;
       return {
         zIndex: 3e3,
-        ...r.styles,
+        ...e.styles,
         position: "fixed",
-        width: `${r.width}px`,
+        width: `${e.width}px`,
         left: `${w + 1}px`,
         top: `${y + 1}px`
       };
     });
-    let e = u(!1);
+    let r = a(!1);
     H(() => {
-      e.value = !0;
+      r.value = !0;
     }, 0), I(s, () => {
-      e.value = !1;
+      r.value = !1;
     }, {
       listenerOptions: {
         capture: !0
       }
     }), c(window, "scroll", () => {
-      e.value = !1;
+      r.value = !1;
     }, {
       capture: !0
     }), c(window, "drag", () => {
-      e.value = !1;
+      r.value = !1;
     }, {
       capture: !0
     });
     function h(t) {
       var o;
-      t != null && t.disabled || ((o = t.handler) == null || o.call(t), e.value = !1);
+      t != null && t.disabled || ((o = t.handler) == null || o.call(t), r.value = !1);
     }
-    return (t, o) => (l(), d(b, { name: "vft-zoom-in-top" }, {
+    return (t, o) => (n(), d(b, { name: "vft-zoom-in-top" }, {
       default: C(() => [
-        g(a("div", {
+        g(u("div", {
           ref_key: "contextMenuRef",
           ref: s,
-          style: z(p(v)),
+          style: z(x.value),
           onClick: o[0] || (o[0] = M(() => {
           }, ["stop"])),
-          class: $([p(x).b(), "vft-menu"])
+          class: $([l(v).b(), "vft-menu"])
         }, [
-          a("div", N, [
-            (l(!0), B(E, null, S(r.items, (i, m) => (l(), d(p(L), {
-              onClick: (n) => h(i),
+          u("div", N, [
+            (n(!0), B(E, null, S(t.items, (i, m) => (n(), d(l(L), {
+              onClick: (p) => h(i),
               index: m + i.text,
               title: i.text,
               divider: i.divider,
@@ -155,7 +155,7 @@ const N = { class: "vft-sub-menu" }, x = (
             }, null, 8, ["onClick", "index", "title", "divider", "disabled", "icon"]))), 128))
           ])
         ], 6), [
-          [A, p(e)]
+          [A, l(r)]
         ])
       ]),
       _: 1
@@ -163,5 +163,5 @@ const N = { class: "vft-sub-menu" }, x = (
   }
 });
 export {
-  vo as default
+  xo as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as ne, ref as y, computed as m, unref as l, watch as re, nextTick as oe, openBlock as f, createElementBlock as p, normalizeClass as M, withModifiers as ue, createElementVNode as $, createCommentVNode as ie, Fragment as C, renderList as O, toDisplayString as ce, createVNode as de } from "vue";
+import { defineComponent as ne, ref as y, computed as p, unref as m, watch as oe, nextTick as re, openBlock as l, createElementBlock as f, normalizeClass as M, withModifiers as ue, createElementVNode as $, createCommentVNode as ie, Fragment as C, renderList as O, toDisplayString as ce, createVNode as de } from "vue";
 import j from "dayjs";
 import { flatten as le } from "lodash";
 import { useNamespace as fe } from "../../../hooks/use-namespace/index.js";
@@ -8,42 +8,42 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../../../utils/ns-cover.js";
 import { basicDateTableProps as pe } from "../props/basic-date-table.js";
-import { castArray as N, buildPickerTable as me } from "../utils.js";
+import { castArray as x, buildPickerTable as me } from "../utils.js";
 import he from "./basic-cell-render.js";
 const ye = ["onMousedown"], De = {
   key: 0,
   scope: "col"
-}, ke = ["aria-label"], ge = ["aria-current", "aria-selected", "tabindex"], Re = /* @__PURE__ */ ne({
+}, ke = ["aria-label"], ve = ["aria-current", "aria-selected", "tabindex"], Re = /* @__PURE__ */ ne({
   __name: "basic-date-table",
   props: pe,
   emits: ["changerange", "pick", "select"],
   setup(L, { expose: z, emit: d }) {
-    const a = L, x = fe("date-table"), _ = y("zh-cn"), S = y(), k = y(), V = y(), E = y(), B = y([[], [], [], [], [], []]);
-    let g = !1;
-    const h = a.date.$locale().weekStart || 7, R = a.date.locale("en").localeData().weekdaysShort().map((e) => e.toLowerCase()), v = m(() => h > 3 ? 7 - h : -h), b = m(() => {
+    const a = L, N = fe("date-table"), _ = y("zh-cn"), S = y(), k = y(), V = y(), E = y(), B = y([[], [], [], [], [], []]);
+    let v = !1;
+    const h = a.date.$locale().weekStart || 7, R = a.date.locale("en").localeData().weekdaysShort().map((e) => e.toLowerCase()), g = p(() => h > 3 ? 7 - h : -h), b = p(() => {
       const e = a.date.startOf("month");
       return e.subtract(e.day() || 7, "day");
-    }), U = m(() => R.concat(R).slice(
+    }), U = p(() => R.concat(R).slice(
       h,
       h + 7
-    )), W = m(() => le(D.value).some((e) => e.isCurrent)), G = m(() => {
+    )), W = p(() => le(D.value).some((e) => e.isCurrent)), G = p(() => {
       const e = a.date.startOf("month"), t = e.day() || 7, s = e.daysInMonth(), n = e.subtract(1, "month").daysInMonth();
       return {
         startOfMonthDay: t,
         dateCountOfMonth: s,
         dateCountOfLastMonth: n
       };
-    }), K = m(() => a.selectionMode === "dates" ? N(a.parsedValue) : []), q = (e, {
+    }), K = p(() => a.selectionMode === "dates" ? x(a.parsedValue) : []), q = (e, {
       count: t,
       rowIndex: s,
       columnIndex: n
     }) => {
-      const { startOfMonthDay: r, dateCountOfMonth: i, dateCountOfLastMonth: o } = l(G), c = l(v);
+      const { startOfMonthDay: o, dateCountOfMonth: i, dateCountOfLastMonth: r } = m(G), c = m(g);
       if (s >= 0 && s <= 1) {
-        const u = r + c < 0 ? 7 + r + c : r + c;
+        const u = o + c < 0 ? 7 + o + c : o + c;
         if (n + s * 7 >= u)
           return e.text = t, !0;
-        e.text = o - (u - n % 7) + 1 + s * 7, e.type = "prev-month";
+        e.text = r - (u - 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;
@@ -51,42 +51,42 @@ const ye = ["onMousedown"], De = {
       columnIndex: t,
       rowIndex: s
     }, n) => {
-      const { disabledDate: r, cellClassName: i } = a, o = l(K), c = q(e, { count: n, rowIndex: s, columnIndex: t }), u = e.dayjs.toDate();
-      return e.selected = o.find(
+      const { disabledDate: o, cellClassName: i } = a, r = m(K), c = q(e, { count: n, rowIndex: s, columnIndex: t }), u = e.dayjs.toDate();
+      return e.selected = r.find(
         (se) => se.valueOf() === e.dayjs.valueOf()
-      ), e.isSelected = !!e.selected, e.isCurrent = A(e), e.disabled = r == null ? void 0 : r(u), e.customClass = i == null ? void 0 : i(u), c;
+      ), e.isSelected = !!e.selected, e.isCurrent = A(e), e.disabled = o == null ? void 0 : o(u), e.customClass = i == null ? void 0 : i(u), c;
     }, J = (e) => {
       if (a.selectionMode === "week") {
         const [t, s] = a.showWeekNumber ? [1, 7] : [0, 6], n = F(e[t + 1]);
         e[t].inRange = n, e[t].start = n, e[s].inRange = n, e[s].end = n;
       }
-    }, D = m(() => {
-      const { minDate: e, maxDate: t, rangeState: s, showWeekNumber: n } = a, r = v.value, i = B.value, o = "day";
+    }, D = p(() => {
+      const { minDate: e, maxDate: t, rangeState: s, showWeekNumber: n } = a, o = g.value, i = B.value, r = "day";
       let c = 1;
       if (n)
         for (let u = 0; u < 6; u++)
           i[u][0] || (i[u][0] = {
             type: "week",
-            text: b.value.add(u * 7 + 1, o).week()
+            text: b.value.add(u * 7 + 1, r).week()
           });
       return me({ row: 6, column: 7 }, i, {
         startDate: e,
         columnIndexOffset: n ? 1 : 0,
         nextEndDate: s.endDate || t || s.selecting && e || null,
-        now: j().locale(l(_)).startOf(o),
-        unit: o,
-        relativeDateGetter: (u) => b.value.add(u - r, o),
+        now: j().locale(m(_)).startOf(r),
+        unit: r,
+        relativeDateGetter: (u) => b.value.add(u - o, r),
         setCellMetadata: (...u) => {
           H(...u, c) && (c += 1);
         },
         setRowMetadata: J
       }), i;
     });
-    re(
+    oe(
       () => a.date,
       async () => {
         var e, t;
-        (e = S.value) != null && e.contains(document.activeElement) && (await oe(), (t = k.value) == null || t.focus());
+        (e = S.value) != null && e.contains(document.activeElement) && (await re(), (t = k.value) == null || t.focus());
       }
     );
     const Q = async () => {
@@ -96,14 +96,14 @@ const ye = ["onMousedown"], De = {
       const t = [];
       return w(e.type) && !e.disabled ? (t.push("available"), e.type === "today" && t.push("today")) : t.push(e.type), A(e) && t.push("current"), e.inRange && (w(e.type) || a.selectionMode === "week") && (t.push("in-range"), e.start && t.push("start-date"), e.end && t.push("end-date")), e.disabled && t.push("disabled"), e.selected && t.push("selected"), e.customClass && t.push(e.customClass), t.join(" ");
     }, I = (e, t) => {
-      const s = e * 7 + (t - (a.showWeekNumber ? 1 : 0)) - v.value;
+      const s = e * 7 + (t - (a.showWeekNumber ? 1 : 0)) - g.value;
       return b.value.add(s, "day");
     }, Z = (e) => {
-      var r;
+      var o;
       if (!a.rangeState.selecting)
         return;
       let t = e.target;
-      if (t.tagName === "SPAN" && (t = (r = t.parentNode) == null ? void 0 : r.parentNode), t.tagName === "DIV" && (t = t.parentNode), t.tagName !== "TD")
+      if (t.tagName === "SPAN" && (t = (o = t.parentNode) == null ? void 0 : o.parentNode), t.tagName === "DIV" && (t = t.parentNode), t.tagName !== "TD")
         return;
       const s = t.parentNode.rowIndex - 1, n = t.cellIndex;
       D.value[s][n].disabled || (s !== V.value || n !== E.value) && (V.value = s, E.value = n, d("changerange", {
@@ -111,35 +111,35 @@ const ye = ["onMousedown"], De = {
         endDate: I(s, n)
       }));
     }, T = (e) => !W.value && (e == null ? void 0 : e.text) === 1 && e.type === "normal" || e.isCurrent, ee = (e) => {
-      g || W.value || a.selectionMode !== "date" || P(e, !0);
+      v || W.value || a.selectionMode !== "date" || P(e, !0);
     }, te = (e) => {
-      e.target.closest("td") && (g = !0);
+      e.target.closest("td") && (v = !0);
     }, ae = (e) => {
-      e.target.closest("td") && (g = !1);
+      e.target.closest("td") && (v = !1);
     }, P = (e, t = !1) => {
       const s = e.target.closest("td");
       if (!s)
         return;
-      const n = s.parentNode.rowIndex - 1, r = s.cellIndex, i = D.value[n][r];
+      const n = s.parentNode.rowIndex - 1, o = s.cellIndex, i = D.value[n][o];
       if (i.disabled || i.type === "week")
         return;
-      const o = I(n, r);
+      const r = I(n, o);
       if (a.selectionMode === "range")
-        !a.rangeState.selecting || !a.minDate ? (d("pick", { minDate: o, maxDate: null }), d("select", !0)) : (o >= a.minDate ? d("pick", { minDate: a.minDate, maxDate: o }) : d("pick", { minDate: o, maxDate: a.minDate }), d("select", !1));
+        !a.rangeState.selecting || !a.minDate ? (d("pick", { minDate: r, maxDate: null }), d("select", !0)) : (r >= a.minDate ? d("pick", { minDate: a.minDate, maxDate: r }) : d("pick", { minDate: r, maxDate: a.minDate }), d("select", !1));
       else if (a.selectionMode === "date")
-        d("pick", o, t);
+        d("pick", r, t);
       else if (a.selectionMode === "week") {
-        const c = o.week(), u = `${o.year()}w${c}`;
+        const c = r.week(), u = `${r.year()}w${c}`;
         d("pick", {
-          year: o.year(),
+          year: r.year(),
           week: c,
           value: u,
-          date: o.startOf("week")
+          date: r.startOf("week")
         });
       } else if (a.selectionMode === "dates") {
-        const c = i.selected ? N(a.parsedValue).filter(
-          (u) => (u == null ? void 0 : u.valueOf()) !== o.valueOf()
-        ) : N(a.parsedValue).concat([o]);
+        const c = i.selected ? x(a.parsedValue).filter(
+          (u) => (u == null ? void 0 : u.valueOf()) !== r.valueOf()
+        ) : x(a.parsedValue).concat([r]);
         d("pick", c);
       }
     }, F = (e) => {
@@ -157,12 +157,12 @@ const ye = ["onMousedown"], De = {
        * @description focus on current cell
        */
       focus: Q
-    }), (e, t) => (f(), p("table", {
+    }), (e, t) => (l(), f("table", {
       role: "grid",
       "aria-label": "使用方向鍵與 Enter 鍵以選擇日期",
       cellspacing: "0",
       cellpadding: "0",
-      class: M([l(x).b(), { "is-week-mode": e.selectionMode === "week" }]),
+      class: M([m(N).b(), { "is-week-mode": e.selectionMode === "week" }]),
       onClick: P,
       onMousemove: Z,
       onMousedown: ue(te, ["prevent"]),
@@ -173,29 +173,29 @@ const ye = ["onMousedown"], De = {
         ref: S
       }, [
         $("tr", null, [
-          e.showWeekNumber ? (f(), p("th", De, "周")) : ie("", !0),
-          (f(!0), p(C, null, O(l(U), (s, n) => (f(), p("th", {
+          e.showWeekNumber ? (l(), f("th", De, "周")) : ie("", !0),
+          (l(!0), f(C, null, O(U.value, (s, n) => (l(), f("th", {
             key: n,
             scope: "col",
             "aria-label": "星期" + s
           }, ce(s), 9, ke))), 128))
         ]),
-        (f(!0), p(C, null, O(l(D), (s, n) => (f(), p("tr", {
+        (l(!0), f(C, null, O(D.value, (s, n) => (l(), f("tr", {
           key: n,
-          class: M([l(x).e("row"), { current: F(s[1]) }])
+          class: M([m(N).e("row"), { current: F(s[1]) }])
         }, [
-          (f(!0), p(C, null, O(s, (r, i) => (f(), p("td", {
+          (l(!0), f(C, null, O(s, (o, i) => (l(), f("td", {
             key: `${n}.${i}`,
             ref_for: !0,
-            ref: (o) => T(r) && (k.value = o),
-            class: M(Y(r)),
-            "aria-current": r.isCurrent ? "date" : void 0,
-            "aria-selected": r.isCurrent,
-            tabindex: T(r) ? 0 : -1,
+            ref: (r) => T(o) && (k.value = r),
+            class: M(Y(o)),
+            "aria-current": o.isCurrent ? "date" : void 0,
+            "aria-selected": o.isCurrent,
+            tabindex: T(o) ? 0 : -1,
             onFocus: ee
           }, [
-            de(l(he), { cell: r }, null, 8, ["cell"])
-          ], 42, ge))), 128))
+            de(m(he), { cell: o }, null, 8, ["cell"])
+          ], 42, ve))), 128))
         ], 2))), 128))
       ], 512)
     ], 42, ye));

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

@@ -1,5 +1,5 @@
-import { defineComponent as P, ref as f, computed as j, watch as Y, nextTick as $, openBlock as u, createElementBlock as p, normalizeClass as N, unref as g, createElementVNode as b, Fragment as O, renderList as M, withKeys as I, withModifiers as R, toDisplayString as q } from "vue";
-import x from "dayjs";
+import { defineComponent as P, ref as f, computed as j, watch as Y, nextTick as $, openBlock as u, createElementBlock as p, normalizeClass as C, unref as N, createElementVNode as g, Fragment as O, renderList as M, withKeys as I, withModifiers as R, toDisplayString as q } from "vue";
+import b from "dayjs";
 import { useNamespace as G } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -18,9 +18,9 @@ const W = ["aria-selected", "tabindex", "onKeydown"], X = { class: "cell" }, pe
   emits: ["changerange", "pick", "select"],
   setup(A, { expose: E, emit: d }) {
     const e = A, B = (a, t, o) => {
-      const r = x().locale(o).startOf("month").month(t).year(a), n = r.daysInMonth();
+      const r = b().locale(o).startOf("month").month(t).year(a), n = r.daysInMonth();
       return U(n).map((s) => r.add(s, "day").toDate());
-    }, K = G("month-table"), v = f("zh-cn"), w = f(), h = f();
+    }, K = G("month-table"), x = f("zh-cn"), v = f(), h = f();
     f(
       e.date.locale("en").localeData().monthsShort().map((a) => a.toLowerCase())
     );
@@ -28,9 +28,9 @@ const W = ["aria-selected", "tabindex", "onKeydown"], X = { class: "cell" }, pe
       [],
       [],
       []
-    ]), S = f(), k = f(), _ = j(() => {
+    ]), w = f(), S = f(), k = j(() => {
       var o, r;
-      const a = V.value, t = x().locale(v.value).startOf("month");
+      const a = V.value, t = b().locale(x.value).startOf("month");
       for (let n = 0; n < 3; n++) {
         const s = a[n];
         for (let i = 0; i < 4; i++) {
@@ -45,8 +45,8 @@ const W = ["aria-selected", "tabindex", "onKeydown"], X = { class: "cell" }, pe
             disabled: !1
           });
           c.type = "normal";
-          const C = n * 4 + i, l = e.date.startOf("year").month(C), m = e.rangeState.endDate || e.maxDate || e.rangeState.selecting && e.minDate || null;
-          c.inRange = !!(e.minDate && l.isSameOrAfter(e.minDate, "month") && m && l.isSameOrBefore(m, "month")) || !!(e.minDate && l.isSameOrBefore(e.minDate, "month") && m && l.isSameOrAfter(m, "month")), (o = e.minDate) != null && o.isSameOrAfter(m) ? (c.start = !!(m && l.isSame(m, "month")), c.end = e.minDate && l.isSame(e.minDate, "month")) : (c.start = !!(e.minDate && l.isSame(e.minDate, "month")), c.end = !!(m && l.isSame(m, "month"))), t.isSame(l) && (c.type = "today"), c.text = C, c.disabled = ((r = e.disabledDate) == null ? void 0 : r.call(e, l.toDate())) || !1;
+          const _ = n * 4 + i, l = e.date.startOf("year").month(_), m = e.rangeState.endDate || e.maxDate || e.rangeState.selecting && e.minDate || null;
+          c.inRange = !!(e.minDate && l.isSameOrAfter(e.minDate, "month") && m && l.isSameOrBefore(m, "month")) || !!(e.minDate && l.isSameOrBefore(e.minDate, "month") && m && l.isSameOrAfter(m, "month")), (o = e.minDate) != null && o.isSameOrAfter(m) ? (c.start = !!(m && l.isSame(m, "month")), c.end = e.minDate && l.isSame(e.minDate, "month")) : (c.start = !!(e.minDate && l.isSame(e.minDate, "month")), c.end = !!(m && l.isSame(m, "month"))), t.isSame(l) && (c.type = "today"), c.text = _, c.disabled = ((r = e.disabledDate) == null ? void 0 : r.call(e, l.toDate())) || !1;
         }
       }
       return a;
@@ -55,8 +55,8 @@ const W = ["aria-selected", "tabindex", "onKeydown"], X = { class: "cell" }, pe
       (a = h.value) == null || a.focus();
     }, F = (a) => {
       const t = {}, o = e.date.year(), r = /* @__PURE__ */ new Date(), n = a.text;
-      return t.disabled = e.disabledDate ? B(o, n, v.value).every(e.disabledDate) : !1, t.current = T(e.parsedValue).findIndex(
-        (s) => x.isDayjs(s) && s.year() === o && s.month() === n
+      return t.disabled = e.disabledDate ? B(o, n, x.value).every(e.disabledDate) : !1, t.current = T(e.parsedValue).findIndex(
+        (s) => b.isDayjs(s) && s.year() === o && s.month() === n
       ) >= 0, t.today = r.getFullYear() === o && r.getMonth() === n, a.inRange && (t["in-range"] = !0, a.start && (t["start-date"] = !0), a.end && (t["end-date"] = !0)), t;
     }, D = (a) => {
       const t = e.date.year(), o = a.text;
@@ -71,7 +71,7 @@ const W = ["aria-selected", "tabindex", "onKeydown"], X = { class: "cell" }, pe
       if (t.tagName === "A" && (t = (n = t.parentNode) == null ? void 0 : n.parentNode), t.tagName === "DIV" && (t = t.parentNode), t.tagName !== "TD")
         return;
       const o = t.parentNode.rowIndex, r = t.cellIndex;
-      _.value[o][r].disabled || (o !== S.value || r !== k.value) && (S.value = o, k.value = r, d("changerange", {
+      k.value[o][r].disabled || (o !== w.value || r !== S.value) && (w.value = o, S.value = r, d("changerange", {
         selecting: !0,
         endDate: e.date.startOf("year").month(o * 4 + r)
       }));
@@ -89,7 +89,7 @@ const W = ["aria-selected", "tabindex", "onKeydown"], X = { class: "cell" }, pe
       () => e.date,
       async () => {
         var a, t;
-        (a = w.value) != null && a.contains(document.activeElement) && (await $(), (t = h.value) == null || t.focus());
+        (a = v.value) != null && a.contains(document.activeElement) && (await $(), (t = h.value) == null || t.focus());
       }
     ), E({
       /**
@@ -99,20 +99,20 @@ const W = ["aria-selected", "tabindex", "onKeydown"], X = { class: "cell" }, pe
     }), (a, t) => (u(), p("table", {
       role: "grid",
       "aria-label": "使用方向鍵與 Enter 鍵以選擇月份",
-      class: N(g(K).b()),
+      class: C(N(K).b()),
       onClick: y,
       onMousemove: L
     }, [
-      b("tbody", {
+      g("tbody", {
         ref_key: "tbodyRef",
-        ref: w
+        ref: v
       }, [
-        (u(!0), p(O, null, M(g(_), (o, r) => (u(), p("tr", { key: r }, [
+        (u(!0), p(O, null, M(k.value, (o, r) => (u(), p("tr", { key: r }, [
           (u(!0), p(O, null, M(o, (n, s) => (u(), p("td", {
             key: s,
             ref_for: !0,
             ref: (i) => D(n) && (h.value = i),
-            class: N(F(n)),
+            class: C(F(n)),
             "aria-selected": `${D(n)}`,
             tabindex: D(n) ? 0 : -1,
             onKeydown: [
@@ -120,8 +120,8 @@ const W = ["aria-selected", "tabindex", "onKeydown"], X = { class: "cell" }, pe
               I(R(y, ["prevent", "stop"]), ["enter"])
             ]
           }, [
-            b("div", null, [
-              b("span", X, q(g(Q)["month" + (n.text + 1)]), 1)
+            g("div", null, [
+              g("span", X, q(N(Q)["month" + (n.text + 1)]), 1)
             ])
           ], 42, W))), 128))
         ]))), 128))

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

@@ -1,6 +1,6 @@
-import { defineComponent as R, ref as p, computed as S, watch as z, nextTick as A, openBlock as l, createElementBlock as c, normalizeClass as v, unref as d, createElementVNode as u, Fragment as y, renderList as g, withKeys as h, withModifiers as x, toDisplayString as B } from "vue";
-import { castArray as C } from "../utils.js";
-import D from "dayjs";
+import { defineComponent as N, ref as f, computed as R, watch as S, nextTick as z, openBlock as l, createElementBlock as c, normalizeClass as _, unref as A, createElementVNode as p, Fragment as m, renderList as k, withKeys as g, withModifiers as h, toDisplayString as B } from "vue";
+import { castArray as x } from "../utils.js";
+import C from "dayjs";
 import { useNamespace as M } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -11,67 +11,67 @@ import "../../../utils/ns-cover.js";
 import "../../time-picker/index.js";
 import { basicYearTableProps as F } from "../props/basic-year-table.js";
 import { rangeArr as L } from "../../time-picker/utils.js";
-const P = ["aria-selected", "tabindex", "onKeydown"], $ = { class: "cell" }, q = { key: 1 }, oe = /* @__PURE__ */ R({
+const P = ["aria-selected", "tabindex", "onKeydown"], $ = { class: "cell" }, q = { key: 1 }, oe = /* @__PURE__ */ N({
   __name: "basic-year-table",
   props: F,
   emits: ["pick"],
-  setup(w, { expose: T, emit: Y }) {
-    const n = w, E = (e, t) => {
-      const r = D(String(e)).locale(t).startOf("year"), k = r.endOf("year").dayOfYear();
-      return L(k).map((o) => r.add(o, "day").toDate());
-    }, K = M("year-table"), b = p("zh-cn"), _ = p(), i = p(), s = S(() => Math.floor(n.date.year() / 10) * 10), O = () => {
+  setup(D, { expose: w, emit: T }) {
+    const n = D, Y = (e, t) => {
+      const r = C(String(e)).locale(t).startOf("year"), v = r.endOf("year").dayOfYear();
+      return L(v).map((o) => r.add(o, "day").toDate());
+    }, E = M("year-table"), y = f("zh-cn"), b = f(), d = f(), s = R(() => Math.floor(n.date.year() / 10) * 10), K = () => {
       var e;
-      (e = i.value) == null || e.focus();
-    }, I = (e) => {
-      const t = {}, r = D().locale(b.value);
-      return t.disabled = n.disabledDate ? E(e, b.value).every(n.disabledDate) : !1, t.current = C(n.parsedValue).findIndex((a) => a.year() === e) >= 0, t.today = r.year() === e, t;
-    }, f = (e) => e === s.value && n.date.year() < s.value && n.date.year() > s.value + 9 || C(n.date).findIndex((t) => t.year() === e) >= 0, m = (e) => {
+      (e = d.value) == null || e.focus();
+    }, O = (e) => {
+      const t = {}, r = C().locale(y.value);
+      return t.disabled = n.disabledDate ? Y(e, y.value).every(n.disabledDate) : !1, t.current = x(n.parsedValue).findIndex((a) => a.year() === e) >= 0, t.today = r.year() === e, t;
+    }, i = (e) => e === s.value && n.date.year() < s.value && n.date.year() > s.value + 9 || x(n.date).findIndex((t) => t.year() === e) >= 0, u = (e) => {
       const r = e.target.closest("td");
       if (r && r.textContent) {
         if (V(r, "disabled"))
           return;
         const a = r.textContent || r.innerText;
-        Y("pick", Number(a));
+        T("pick", Number(a));
       }
     };
-    return z(
+    return S(
       () => n.date,
       async () => {
         var e, t;
-        (e = _.value) != null && e.contains(document.activeElement) && (await A(), (t = i.value) == null || t.focus());
+        (e = b.value) != null && e.contains(document.activeElement) && (await z(), (t = d.value) == null || t.focus());
       }
-    ), T({
+    ), w({
       /**
        * @description focus on the current cell
        */
-      focus: O
+      focus: K
     }), (e, t) => (l(), c("table", {
       role: "grid",
       "aria-label": "使用方向鍵與 Enter 鍵以選擇年份",
-      class: v(d(K).b()),
-      onClick: m
+      class: _(A(E).b()),
+      onClick: u
     }, [
-      u("tbody", {
+      p("tbody", {
         ref_key: "tbodyRef",
-        ref: _
+        ref: b
       }, [
-        (l(), c(y, null, g(3, (r, a) => u("tr", { key: a }, [
-          (l(), c(y, null, g(4, (k, o) => (l(), c(y, {
+        (l(), c(m, null, k(3, (r, a) => p("tr", { key: a }, [
+          (l(), c(m, null, k(4, (v, o) => (l(), c(m, {
             key: a + "_" + o
           }, [
             a * 4 + o < 10 ? (l(), c("td", {
               key: 0,
               ref_for: !0,
-              ref: (N) => f(d(s) + a * 4 + o) && (i.value = N),
-              class: v(["available", I(d(s) + a * 4 + o)]),
-              "aria-selected": `${f(d(s) + a * 4 + o)}`,
-              tabindex: f(d(s) + a * 4 + o) ? 0 : -1,
+              ref: (I) => i(s.value + a * 4 + o) && (d.value = I),
+              class: _(["available", O(s.value + a * 4 + o)]),
+              "aria-selected": `${i(s.value + a * 4 + o)}`,
+              tabindex: i(s.value + a * 4 + o) ? 0 : -1,
               onKeydown: [
-                h(x(m, ["prevent", "stop"]), ["space"]),
-                h(x(m, ["prevent", "stop"]), ["enter"])
+                g(h(u, ["prevent", "stop"]), ["space"]),
+                g(h(u, ["prevent", "stop"]), ["enter"])
               ]
             }, [
-              u("span", $, B(d(s) + a * 4 + o), 1)
+              p("span", $, B(s.value + a * 4 + o), 1)
             ], 42, P)) : (l(), c("td", q))
           ], 64))), 64))
         ])), 64))