fec-dev-designer 1.0.0

package/es/node_modules/element-plus/es/components/date-picker-panel/src/date-picker-com/basic-year-table.js

@@ -0,0 +1,159 @@
+import { defineComponent as H, ref as y, computed as Y, watch as J, nextTick as Q, openBlock as v, createElementBlock as D, unref as w, normalizeClass as R, createElementVNode as U, Fragment as V, renderList as M, withKeys as N, withModifiers as A, createVNode as W } from "vue";
+import f from "../../../../../../dayjs/dayjs.min.js";
+import { basicYearTableProps as X } from "../props/basic-year-table.js";
+import { getValidDateOfYear as Z } from "../utils.js";
+import ee from "./basic-cell-render.js";
+import ae from "../../../../_virtual/plugin-vue_export-helper.js";
+import { useNamespace as te } from "../../../../hooks/use-namespace/index.js";
+import { useLocale as re } from "../../../../hooks/use-locale/index.js";
+import { castArray as b } from "../../../../utils/arrays.js";
+import { hasClass as E } from "../../../../utils/dom/style.js";
+import { rangeArr as se } from "../../../time-picker/src/utils.js";
+const ne = ["aria-label"], oe = ["aria-selected", "aria-label", "tabindex", "onKeydown"], le = H({
+  __name: "basic-year-table",
+  props: X,
+  emits: ["changerange", "pick", "select"],
+  setup(I, { expose: j, emit: B }) {
+    const K = (a, t) => {
+      const r = f(String(a)).locale(t).startOf("year"), n = r.endOf("year").dayOfYear();
+      return se(n).map((l) => r.add(l, "day").toDate());
+    }, e = I, d = B, P = te("year-table"), { t: L, lang: g } = re(), C = y(), _ = y(), k = Y(() => Math.floor(e.date.year() / 10) * 10), $ = y([[], [], []]), h = y(), O = y(), T = Y(() => {
+      var a, t, r;
+      const o = $.value, n = f().locale(g.value).startOf("year");
+      for (let l = 0; l < 3; l++) {
+        const c = o[l];
+        for (let m = 0; m < 4 && !(l * 4 + m >= 10); m++) {
+          let s = c[m];
+          s || (s = {
+            row: l,
+            column: m,
+            type: "normal",
+            inRange: !1,
+            start: !1,
+            end: !1,
+            text: -1,
+            disabled: !1,
+            isSelected: !1,
+            customClass: void 0,
+            date: void 0,
+            dayjs: void 0,
+            isCurrent: void 0,
+            selected: void 0,
+            renderText: void 0,
+            timestamp: void 0
+          }), s.type = "normal";
+          const p = l * 4 + m + k.value, i = f().year(p), u = e.rangeState.endDate || e.maxDate || e.rangeState.selecting && e.minDate || null;
+          s.inRange = !!(e.minDate && i.isSameOrAfter(e.minDate, "year") && u && i.isSameOrBefore(u, "year")) || !!(e.minDate && i.isSameOrBefore(e.minDate, "year") && u && i.isSameOrAfter(u, "year")), (a = e.minDate) != null && a.isSameOrAfter(u) ? (s.start = !!(u && i.isSame(u, "year")), s.end = !!(e.minDate && i.isSame(e.minDate, "year"))) : (s.start = !!(e.minDate && i.isSame(e.minDate, "year")), s.end = !!(u && i.isSame(u, "year"))), n.isSame(i) && (s.type = "today"), s.text = p;
+          const S = i.toDate();
+          s.disabled = ((t = e.disabledDate) == null ? void 0 : t.call(e, S)) || !1, s.date = S, s.customClass = (r = e.cellClassName) == null ? void 0 : r.call(e, S), s.dayjs = i, s.timestamp = i.valueOf(), s.isSelected = q(s), c[m] = s;
+        }
+      }
+      return o;
+    }), z = () => {
+      var a;
+      (a = _.value) == null || a.focus();
+    }, F = (a) => {
+      const t = {}, r = f().locale(g.value), o = a.text;
+      return t.disabled = e.disabled || (e.disabledDate ? K(o, g.value).every(e.disabledDate) : !1), t.today = r.year() === o, t.current = b(e.parsedValue).some((n) => n.year() === o), a.customClass && (t[a.customClass] = !0), a.inRange && (t["in-range"] = !0, a.start && (t["start-date"] = !0), a.end && (t["end-date"] = !0)), t;
+    }, q = (a) => {
+      const t = a.text;
+      return b(e.date).some((r) => r.year() === t);
+    }, x = (a) => {
+      var t;
+      if (e.disabled)
+        return;
+      const r = (t = a.target) == null ? void 0 : t.closest(
+        "td"
+      );
+      if (!r || !r.textContent || E(r, "disabled"))
+        return;
+      const o = r.cellIndex, l = r.parentNode.rowIndex * 4 + o + k.value, c = f().year(l);
+      if (e.selectionMode === "range")
+        e.rangeState.selecting ? (e.minDate && c >= e.minDate ? d("pick", { minDate: e.minDate, maxDate: c }) : d("pick", { minDate: c, maxDate: e.minDate }), d("select", !1)) : (d("pick", { minDate: c, maxDate: null }), d("select", !0));
+      else if (e.selectionMode === "years") {
+        if (a.type === "keydown") {
+          d("pick", b(e.parsedValue), !1);
+          return;
+        }
+        const m = Z(
+          c.startOf("year"),
+          g.value,
+          e.disabledDate
+        ), s = E(r, "current") ? b(e.parsedValue).filter((p) => (p == null ? void 0 : p.year()) !== l) : b(e.parsedValue).concat([m]);
+        d("pick", s);
+      } else
+        d("pick", l);
+    }, G = (a) => {
+      var t;
+      if (!e.rangeState.selecting)
+        return;
+      const r = (t = a.target) == null ? void 0 : t.closest(
+        "td"
+      );
+      if (!r)
+        return;
+      const o = r.parentNode.rowIndex, n = r.cellIndex;
+      T.value[o][n].disabled || (o !== h.value || n !== O.value) && (h.value = o, O.value = n, d("changerange", {
+        selecting: !0,
+        endDate: f().year(k.value).add(o * 4 + n, "year")
+      }));
+    };
+    return J(
+      () => e.date,
+      async () => {
+        var a, t;
+        (a = C.value) != null && a.contains(document.activeElement) && (await Q(), (t = _.value) == null || t.focus());
+      }
+    ), j({
+      focus: z
+    }), (a, t) => (v(), D("table", {
+      role: "grid",
+      "aria-label": w(L)("el.datepicker.yearTablePrompt"),
+      class: R(w(P).b()),
+      onClick: x,
+      onMousemove: G
+    }, [
+      U(
+        "tbody",
+        {
+          ref_key: "tbodyRef",
+          ref: C
+        },
+        [
+          (v(!0), D(
+            V,
+            null,
+            M(T.value, (r, o) => (v(), D("tr", { key: o }, [
+              (v(!0), D(
+                V,
+                null,
+                M(r, (n, l) => (v(), D("td", {
+                  key: `${o}_${l}`,
+                  ref_for: !0,
+                  ref: (c) => n.isSelected && (_.value = c),
+                  class: R(["available", F(n)]),
+                  "aria-selected": n.isSelected,
+                  "aria-label": String(n.text),
+                  tabindex: n.isSelected ? 0 : -1,
+                  onKeydown: [
+                    N(A(x, ["prevent", "stop"]), ["space"]),
+                    N(A(x, ["prevent", "stop"]), ["enter"])
+                  ]
+                }, [
+                  W(w(ee), { cell: n }, null, 8, ["cell"])
+                ], 42, oe))),
+                128
+              ))
+            ]))),
+            128
+          ))
+        ],
+        512
+      )
+    ], 42, ne));
+  }
+});
+var _e = /* @__PURE__ */ ae(le, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/date-picker-panel/src/date-picker-com/basic-year-table.vue"]]);
+export {
+  _e as default
+};