vft 0.0.70 → 0.0.72

package/es/components/date-picker/date-picker-com/basic-cell-render.js

@@ -0,0 +1,37 @@
+import { defineComponent as p, inject as m, createVNode as i } from "vue";
+import { useNamespace as n } from "../../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../../utils/ns-cover.js";
+import { ROOT_PICKER_INJECTION_KEY as a } from "../constants.js";
+import { basicCellProps as c } from "../props/basic-cell.js";
+const I = /* @__PURE__ */ p({
+  name: "ElDatePickerCell",
+  props: c,
+  setup(l) {
+    const e = n("date-table-cell"), {
+      slots: r
+    } = m(a);
+    return () => {
+      const {
+        cell: t
+      } = l;
+      if (r.default) {
+        const o = r.default(t).filter((s) => s.patchFlag !== -2 && s.type.toString() !== "Symbol(Comment)");
+        if (o.length)
+          return o;
+      }
+      return i("div", {
+        class: e.b()
+      }, [i("span", {
+        class: e.e("text")
+      }, [t == null ? void 0 : t.text])]);
+    };
+  }
+});
+export {
+  I as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./basic-date-table.vue2.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,206 @@
+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 j from "dayjs";
+import { flatten as le } from "lodash";
+import { useNamespace as fe } from "../../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../../hooks/use-z-index/index.js";
+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 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({
+  __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 e = a.date.startOf("month");
+      return e.subtract(e.day() || 7, "day");
+    }), U = m(() => R.concat(R).slice(
+      h,
+      h + 7
+    )), W = m(() => le(D.value).some((e) => e.isCurrent)), G = m(() => {
+      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, {
+      count: t,
+      rowIndex: s,
+      columnIndex: n
+    }) => {
+      const { startOfMonthDay: r, dateCountOfMonth: i, dateCountOfLastMonth: o } = l(G), c = l(v);
+      if (s >= 0 && s <= 1) {
+        const u = r + c < 0 ? 7 + r + c : r + c;
+        if (n + s * 7 >= u)
+          return e.text = t, !0;
+        e.text = o - (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;
+    }, H = (e, {
+      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(
+        (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;
+    }, 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";
+      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()
+          });
+      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),
+        setCellMetadata: (...u) => {
+          H(...u, c) && (c += 1);
+        },
+        setRowMetadata: J
+      }), i;
+    });
+    re(
+      () => a.date,
+      async () => {
+        var e, t;
+        (e = S.value) != null && e.contains(document.activeElement) && (await oe(), (t = k.value) == null || t.focus());
+      }
+    );
+    const Q = async () => {
+      var e;
+      (e = k.value) == null || e.focus();
+    }, w = (e = "") => ["normal", "today"].includes(e), A = (e) => a.selectionMode === "date" && w(e.type) && X(e, a.parsedValue), X = (e, t) => t ? j(t).locale(_.value).isSame(a.date.date(Number(e.text)), "day") : !1, Y = (e) => {
+      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;
+      return b.value.add(s, "day");
+    }, Z = (e) => {
+      var r;
+      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")
+        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", {
+        selecting: !0,
+        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);
+    }, te = (e) => {
+      e.target.closest("td") && (g = !0);
+    }, ae = (e) => {
+      e.target.closest("td") && (g = !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];
+      if (i.disabled || i.type === "week")
+        return;
+      const o = I(n, r);
+      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));
+      else if (a.selectionMode === "date")
+        d("pick", o, t);
+      else if (a.selectionMode === "week") {
+        const c = o.week(), u = `${o.year()}w${c}`;
+        d("pick", {
+          year: o.year(),
+          week: c,
+          value: u,
+          date: o.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]);
+        d("pick", c);
+      }
+    }, F = (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 && !Array.isArray(a.parsedValue)) {
+        const s = (a.parsedValue.day() - h + 7) % 7 - 1;
+        return a.parsedValue.subtract(s, "day").isSame(t, "day");
+      }
+      return !1;
+    };
+    return z({
+      /**
+       * @description focus on current cell
+       */
+      focus: Q
+    }), (e, t) => (f(), p("table", {
+      role: "grid",
+      "aria-label": "使用方向鍵與 Enter 鍵以選擇日期",
+      cellspacing: "0",
+      cellpadding: "0",
+      class: M([l(x).b(), { "is-week-mode": e.selectionMode === "week" }]),
+      onClick: P,
+      onMousemove: Z,
+      onMousedown: ue(te, ["prevent"]),
+      onMouseup: ae
+    }, [
+      $("tbody", {
+        ref_key: "tbodyRef",
+        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", {
+            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", {
+          key: n,
+          class: M([l(x).e("row"), { current: F(s[1]) }])
+        }, [
+          (f(!0), p(C, null, O(s, (r, i) => (f(), p("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,
+            onFocus: ee
+          }, [
+            de(l(he), { cell: r }, null, 8, ["cell"])
+          ], 42, ge))), 128))
+        ], 2))), 128))
+      ], 512)
+    ], 42, ye));
+  }
+});
+export {
+  Re as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./basic-month-table.vue2.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,131 @@
+import { defineComponent as P, ref as f, computed as Y, watch as $, nextTick as q, openBlock as u, createElementBlock as p, normalizeClass as N, unref as O, createElementVNode as g, Fragment as C, renderList as M, withKeys as I, withModifiers as R, toDisplayString as G } from "vue";
+import b from "dayjs";
+import { useNamespace as H } from "../../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import { hasClass as J } from "@vft/utils";
+import "../../../utils/ns-cover.js";
+import "../../time-picker/index.js";
+import { castArray as T } from "../utils.js";
+import { basicMonthTableProps as Q } from "../props/basic-month-table.js";
+import { rangeArr as U } from "../../time-picker/utils.js";
+const W = ["aria-selected", "tabindex", "onKeydown"], X = { class: "cell" }, ue = /* @__PURE__ */ P({
+  __name: "basic-month-table",
+  props: Q,
+  emits: ["changerange", "pick", "select"],
+  setup(A, { expose: E, emit: d }) {
+    const e = A, B = (a, t, o) => {
+      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 = H("month-table"), x = f("zh-cn"), v = f(), h = f(), V = f(
+      e.date.locale("en").localeData().monthsShort().map((a) => a.toLowerCase())
+    ), z = f([
+      [],
+      [],
+      []
+    ]), w = f(), S = f(), k = Y(() => {
+      var o, r;
+      const a = z.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++) {
+          const c = s[i] || (s[i] = {
+            row: n,
+            column: i,
+            type: "normal",
+            inRange: !1,
+            start: !1,
+            end: !1,
+            text: -1,
+            disabled: !1
+          });
+          c.type = "normal";
+          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;
+    }), F = () => {
+      var a;
+      (a = h.value) == null || a.focus();
+    }, L = (a) => {
+      const t = {}, o = e.date.year(), r = /* @__PURE__ */ new Date(), n = a.text;
+      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;
+      return T(e.date).findIndex(
+        (r) => r.year() === t && r.month() === o
+      ) >= 0;
+    }, j = (a) => {
+      var n;
+      if (!e.rangeState.selecting)
+        return;
+      let t = a.target;
+      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;
+      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)
+      }));
+    }, y = (a) => {
+      var i;
+      const t = (i = a.target) == null ? void 0 : i.closest(
+        "td"
+      );
+      if ((t == null ? void 0 : t.tagName) !== "TD" || J(t, "disabled"))
+        return;
+      const o = t.cellIndex, n = t.parentNode.rowIndex * 4 + o, s = e.date.startOf("year").month(n);
+      e.selectionMode === "range" ? e.rangeState.selecting ? (e.minDate && s >= e.minDate ? d("pick", { minDate: e.minDate, maxDate: s }) : d("pick", { minDate: s, maxDate: e.minDate }), d("select", !1)) : (d("pick", { minDate: s, maxDate: null }), d("select", !0)) : d("pick", n);
+    };
+    return $(
+      () => e.date,
+      async () => {
+        var a, t;
+        (a = v.value) != null && a.contains(document.activeElement) && (await q(), (t = h.value) == null || t.focus());
+      }
+    ), E({
+      /**
+       * @description focus current cell
+       */
+      focus: F
+    }), (a, t) => (u(), p("table", {
+      role: "grid",
+      "aria-label": "使用方向鍵與 Enter 鍵以選擇月份",
+      class: N(O(K).b()),
+      onClick: y,
+      onMousemove: j
+    }, [
+      g("tbody", {
+        ref_key: "tbodyRef",
+        ref: v
+      }, [
+        (u(!0), p(C, null, M(O(k), (o, r) => (u(), p("tr", { key: r }, [
+          (u(!0), p(C, null, M(o, (n, s) => (u(), p("td", {
+            key: s,
+            ref_for: !0,
+            ref: (i) => D(n) && (h.value = i),
+            class: N(L(n)),
+            "aria-selected": `${D(n)}`,
+            tabindex: D(n) ? 0 : -1,
+            onKeydown: [
+              I(R(y, ["prevent", "stop"]), ["space"]),
+              I(R(y, ["prevent", "stop"]), ["enter"])
+            ]
+          }, [
+            g("div", null, [
+              g("span", X, G("月份" + V.value[n.text]), 1)
+            ])
+          ], 42, W))), 128))
+        ]))), 128))
+      ], 512)
+    ], 34));
+  }
+});
+export {
+  ue as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./basic-year-table.vue2.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,85 @@
+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 { useNamespace as M } from "../../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import { hasClass as V } from "@vft/utils";
+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({
+  __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 = () => {
+      var e;
+      (e = i.value) == null || e.focus();
+    }, I = (e) => {
+      console.log(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) => {
+      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));
+      }
+    };
+    return z(
+      () => n.date,
+      async () => {
+        var e, t;
+        (e = _.value) != null && e.contains(document.activeElement) && (await A(), (t = i.value) == null || t.focus());
+      }
+    ), T({
+      /**
+       * @description focus on the current cell
+       */
+      focus: O
+    }), (e, t) => (l(), c("table", {
+      role: "grid",
+      "aria-label": "使用方向鍵與 Enter 鍵以選擇年份",
+      class: v(d(K).b()),
+      onClick: m
+    }, [
+      u("tbody", {
+        ref_key: "tbodyRef",
+        ref: _
+      }, [
+        (l(), c(y, null, g(3, (r, a) => u("tr", { key: a }, [
+          (l(), c(y, null, g(4, (k, o) => (l(), c(y, {
+            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,
+              onKeydown: [
+                h(x(m, ["prevent", "stop"]), ["space"]),
+                h(x(m, ["prevent", "stop"]), ["enter"])
+              ]
+            }, [
+              u("span", $, B(d(s) + a * 4 + o), 1)
+            ], 42, P)) : (l(), c("td", q))
+          ], 64))), 64))
+        ])), 64))
+      ], 512)
+    ], 2));
+  }
+});
+export {
+  oe as default
+};

package/es/components/date-picker/date-picker-com/panel-date-pick.vue.js

@@ -0,0 +1,4 @@
+import f from "./panel-date-pick.vue2.js";
+export {
+  f as default
+};