vft 0.0.369 → 0.0.370

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

@@ -1,221 +1,132 @@
-import { defineComponent, ref, computed, watch, nextTick, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, Fragment, renderList, withKeys, withModifiers, createVNode } from "vue";
-import dayjs from "dayjs";
+import { defineComponent as F, ref as m, computed as O, watch as L, nextTick as q, createElementBlock as u, openBlock as y, normalizeClass as C, unref as _, createElementVNode as G, Fragment as R, renderList as V, withKeys as Y, withModifiers as I, createVNode as H } from "vue";
+import f from "dayjs";
 import "@vueuse/core";
-import { hasClass } from "@vft/utils";
-import { castArray } from "../../../utils/helper.js";
+import { hasClass as M } from "@vft/utils";
+import { castArray as p } from "../../../utils/helper.js";
 import "lodash-es";
-import { useNamespace } from "../../../hooks/use-namespace/index.js";
+import { useNamespace as J } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
 import "../../time-picker/index.js";
-import { basicYearTableProps } from "../props/basic-year-table.js";
-import { getValidDateOfYear } from "../utils.js";
-import ElDatePickerCell from "./basic-cell-render.js";
-import { rangeArr } from "../../time-picker/utils.js";
-const _hoisted_1 = ["aria-selected", "aria-label", "tabindex", "onKeydown"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { basicYearTableProps as Q } from "../props/basic-year-table.js";
+import { getValidDateOfYear as U } from "../utils.js";
+import W from "./basic-cell-render.js";
+import { rangeArr as X } from "../../time-picker/utils.js";
+const Z = ["aria-selected", "aria-label", "tabindex", "onKeydown"], De = /* @__PURE__ */ F({
   __name: "basic-year-table",
-  props: basicYearTableProps,
+  props: Q,
   emits: ["changerange", "pick", "select"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const datesInYear = (year, lang2) => {
-      const firstDay = dayjs(String(year)).locale(lang2).startOf("year");
-      const lastDay = firstDay.endOf("year");
-      const numOfDays = lastDay.dayOfYear();
-      return rangeArr(numOfDays).map((n) => firstDay.add(n, "day").toDate());
-    };
-    const props = __props;
-    const emit = __emit;
-    const ns = useNamespace("year-table");
-    const lang = ref("zh-cn");
-    const tbodyRef = ref();
-    const currentCellRef = ref();
-    const startYear = computed(() => {
-      return Math.floor(props.date.year() / 10) * 10;
-    });
-    const tableRows = ref([[], [], []]);
-    const lastRow = ref();
-    const lastColumn = ref();
-    const rows = computed(() => {
-      const rows2 = tableRows.value;
-      const now = dayjs().locale(lang.value).startOf("year");
-      for (let i = 0; i < 3; i++) {
-        const row = rows2[i];
-        for (let j = 0; j < 4; j++) {
-          if (i * 4 + j >= 10) {
-            break;
-          }
-          let cell = row[j];
-          if (!cell) {
-            cell = {
-              row: i,
-              column: j,
-              type: "normal",
-              inRange: false,
-              start: false,
-              end: false,
-              text: -1,
-              disabled: false
-            };
-          }
-          cell.type = "normal";
-          const index = i * 4 + j + startYear.value;
-          const calTime = dayjs().year(index);
-          const calEndDate = props.rangeState.endDate || props.maxDate || props.rangeState.selecting && props.minDate || null;
-          cell.inRange = !!(props.minDate && calTime.isSameOrAfter(props.minDate, "year") && calEndDate && calTime.isSameOrBefore(calEndDate, "year")) || !!(props.minDate && calTime.isSameOrBefore(props.minDate, "year") && calEndDate && calTime.isSameOrAfter(calEndDate, "year"));
-          if (props.minDate?.isSameOrAfter(calEndDate)) {
-            cell.start = !!(calEndDate && calTime.isSame(calEndDate, "year"));
-            cell.end = !!(props.minDate && calTime.isSame(props.minDate, "year"));
-          } else {
-            cell.start = !!(props.minDate && calTime.isSame(props.minDate, "year"));
-            cell.end = !!(calEndDate && calTime.isSame(calEndDate, "year"));
-          }
-          const isToday = now.isSame(calTime);
-          if (isToday) {
-            cell.type = "today";
-          }
-          cell.text = index;
-          const cellDate = calTime.toDate();
-          cell.disabled = props.disabledDate && props.disabledDate(cellDate) || false;
-          row[j] = cell;
+  setup(E, { expose: T, emit: A }) {
+    const N = (s, t) => {
+      const a = f(String(s)).locale(t).startOf("year"), r = a.endOf("year").dayOfYear();
+      return X(r).map((n) => a.add(n, "day").toDate());
+    }, e = E, c = A, B = J("year-table"), D = m("zh-cn"), w = m(), b = m(), g = O(() => Math.floor(e.date.year() / 10) * 10), K = m([[], [], []]), k = m(), S = m(), h = O(() => {
+      const s = K.value, t = f().locale(D.value).startOf("year");
+      for (let a = 0; a < 3; a++) {
+        const o = s[a];
+        for (let r = 0; r < 4 && !(a * 4 + r >= 10); r++) {
+          let n = o[r];
+          n || (n = {
+            row: a,
+            column: r,
+            type: "normal",
+            inRange: !1,
+            start: !1,
+            end: !1,
+            text: -1,
+            disabled: !1
+          }), n.type = "normal";
+          const d = a * 4 + r + g.value, l = f().year(d), i = e.rangeState.endDate || e.maxDate || e.rangeState.selecting && e.minDate || null;
+          n.inRange = !!(e.minDate && l.isSameOrAfter(e.minDate, "year") && i && l.isSameOrBefore(i, "year")) || !!(e.minDate && l.isSameOrBefore(e.minDate, "year") && i && l.isSameOrAfter(i, "year")), e.minDate?.isSameOrAfter(i) ? (n.start = !!(i && l.isSame(i, "year")), n.end = !!(e.minDate && l.isSame(e.minDate, "year"))) : (n.start = !!(e.minDate && l.isSame(e.minDate, "year")), n.end = !!(i && l.isSame(i, "year"))), t.isSame(l) && (n.type = "today"), n.text = d;
+          const $ = l.toDate();
+          n.disabled = e.disabledDate && e.disabledDate($) || !1, o[r] = n;
         }
       }
-      return rows2;
-    });
-    const focus = () => {
-      currentCellRef.value?.focus();
-    };
-    const getCellKls = (cell) => {
-      const kls = {};
-      const today = dayjs().locale(lang.value);
-      const year = cell.text;
-      kls.disabled = props.disabledDate ? datesInYear(year, lang.value).every(props.disabledDate) : false;
-      kls.today = today.year() === year;
-      kls.current = castArray(props.parsedValue).findIndex((d) => d.year() === year) >= 0;
-      if (cell.inRange) {
-        kls["in-range"] = true;
-        if (cell.start) {
-          kls["start-date"] = true;
-        }
-        if (cell.end) {
-          kls["end-date"] = true;
-        }
-      }
-      return kls;
-    };
-    const isSelectedCell = (cell) => {
-      const year = cell.text;
-      return castArray(props.date).findIndex((date) => date.year() === year) >= 0;
-    };
-    const handleYearTableClick = (event) => {
-      const target = event.target?.closest(
+      return s;
+    }), j = () => {
+      b.value?.focus();
+    }, z = (s) => {
+      const t = {}, a = f().locale(D.value), o = s.text;
+      return t.disabled = e.disabledDate ? N(o, D.value).every(e.disabledDate) : !1, t.today = a.year() === o, t.current = p(e.parsedValue).findIndex((r) => r.year() === o) >= 0, s.inRange && (t["in-range"] = !0, s.start && (t["start-date"] = !0), s.end && (t["end-date"] = !0)), t;
+    }, v = (s) => {
+      const t = s.text;
+      return p(e.date).findIndex((a) => a.year() === t) >= 0;
+    }, x = (s) => {
+      const t = s.target?.closest(
         "td"
       );
-      if (!target || !target.textContent || hasClass(target, "disabled")) return;
-      const column = target.cellIndex;
-      const row = target.parentNode.rowIndex;
-      const selectedYear = row * 4 + column + startYear.value;
-      const newDate = dayjs().year(selectedYear);
-      if (props.selectionMode === "range") {
-        if (!props.rangeState.selecting) {
-          emit("pick", { minDate: newDate, maxDate: null });
-          emit("select", true);
-        } else {
-          if (props.minDate && newDate >= props.minDate) {
-            emit("pick", { minDate: props.minDate, maxDate: newDate });
-          } else {
-            emit("pick", { minDate: newDate, maxDate: props.minDate });
-          }
-          emit("select", false);
-        }
-      } else if (props.selectionMode === "years") {
-        if (event.type === "keydown") {
-          emit("pick", castArray(props.parsedValue), false);
+      if (!t || !t.textContent || M(t, "disabled")) return;
+      const a = t.cellIndex, r = t.parentNode.rowIndex * 4 + a + g.value, n = f().year(r);
+      if (e.selectionMode === "range")
+        e.rangeState.selecting ? (e.minDate && n >= e.minDate ? c("pick", { minDate: e.minDate, maxDate: n }) : c("pick", { minDate: n, maxDate: e.minDate }), c("select", !1)) : (c("pick", { minDate: n, maxDate: null }), c("select", !0));
+      else if (e.selectionMode === "years") {
+        if (s.type === "keydown") {
+          c("pick", p(e.parsedValue), !1);
           return;
         }
-        const vaildYear = getValidDateOfYear(
-          newDate.startOf("year"),
-          lang.value,
-          props.disabledDate
-        );
-        const newValue = hasClass(target, "current") ? castArray(props.parsedValue).filter((d) => d?.year() !== selectedYear) : castArray(props.parsedValue).concat([vaildYear]);
-        emit("pick", newValue);
-      } else {
-        emit("pick", selectedYear);
-      }
-    };
-    const handleMouseMove = (event) => {
-      if (!props.rangeState.selecting) return;
-      const target = event.target?.closest(
+        const d = U(
+          n.startOf("year"),
+          D.value,
+          e.disabledDate
+        ), l = M(t, "current") ? p(e.parsedValue).filter((i) => i?.year() !== r) : p(e.parsedValue).concat([d]);
+        c("pick", l);
+      } else
+        c("pick", r);
+    }, P = (s) => {
+      if (!e.rangeState.selecting) return;
+      const t = s.target?.closest(
         "td"
       );
-      if (!target) return;
-      const row = target.parentNode.rowIndex;
-      const column = target.cellIndex;
-      if (rows.value[row][column].disabled) return;
-      if (row !== lastRow.value || column !== lastColumn.value) {
-        lastRow.value = row;
-        lastColumn.value = column;
-        emit("changerange", {
-          selecting: true,
-          endDate: dayjs().year(startYear.value).add(row * 4 + column, "year")
-        });
-      }
+      if (!t) return;
+      const a = t.parentNode.rowIndex, o = t.cellIndex;
+      h.value[a][o].disabled || (a !== k.value || o !== S.value) && (k.value = a, S.value = o, c("changerange", {
+        selecting: !0,
+        endDate: f().year(g.value).add(a * 4 + o, "year")
+      }));
     };
-    watch(
-      () => props.date,
+    return L(
+      () => e.date,
       async () => {
-        if (tbodyRef.value?.contains(document.activeElement)) {
-          await nextTick();
-          currentCellRef.value?.focus();
-        }
+        w.value?.contains(document.activeElement) && (await q(), b.value?.focus());
       }
-    );
-    __expose({
+    ), T({
       /**
        * @description focus on the current cell
        */
-      focus
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("table", {
-        role: "grid",
-        "aria-label": "使用方向键与 Enter 键以选择年份",
-        class: normalizeClass(unref(ns).b()),
-        onClick: handleYearTableClick,
-        onMousemove: handleMouseMove
+      focus: j
+    }), (s, t) => (y(), u("table", {
+      role: "grid",
+      "aria-label": "使用方向键与 Enter 键以选择年份",
+      class: C(_(B).b()),
+      onClick: x,
+      onMousemove: P
+    }, [
+      G("tbody", {
+        ref_key: "tbodyRef",
+        ref: w
       }, [
-        createElementVNode("tbody", {
-          ref_key: "tbodyRef",
-          ref: tbodyRef
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (row, rowKey) => {
-            return openBlock(), createElementBlock("tr", { key: rowKey }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(row, (cell, cellKey) => {
-                return openBlock(), createElementBlock("td", {
-                  key: `${rowKey}_${cellKey}`,
-                  ref_for: true,
-                  ref: (el) => isSelectedCell(cell) && (currentCellRef.value = el),
-                  class: normalizeClass(["available", getCellKls(cell)]),
-                  "aria-selected": isSelectedCell(cell),
-                  "aria-label": String(cell.text),
-                  tabindex: isSelectedCell(cell) ? 0 : -1,
-                  onKeydown: [
-                    withKeys(withModifiers(handleYearTableClick, ["prevent", "stop"]), ["space"]),
-                    withKeys(withModifiers(handleYearTableClick, ["prevent", "stop"]), ["enter"])
-                  ]
-                }, [
-                  createVNode(unref(ElDatePickerCell), { cell }, null, 8, ["cell"])
-                ], 42, _hoisted_1);
-              }), 128))
-            ]);
-          }), 128))
-        ], 512)
-      ], 34);
-    };
+        (y(!0), u(R, null, V(h.value, (a, o) => (y(), u("tr", { key: o }, [
+          (y(!0), u(R, null, V(a, (r, n) => (y(), u("td", {
+            key: `${o}_${n}`,
+            ref_for: !0,
+            ref: (d) => v(r) && (b.value = d),
+            class: C(["available", z(r)]),
+            "aria-selected": v(r),
+            "aria-label": String(r.text),
+            tabindex: v(r) ? 0 : -1,
+            onKeydown: [
+              Y(I(x, ["prevent", "stop"]), ["space"]),
+              Y(I(x, ["prevent", "stop"]), ["enter"])
+            ]
+          }, [
+            H(_(W), { cell: r }, null, 8, ["cell"])
+          ], 42, Z))), 128))
+        ]))), 128))
+      ], 512)
+    ], 34));
   }
 });
 export {
-  _sfc_main as default
+  De as default
 };

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

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