vft 0.0.249 → 0.0.252

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

@@ -1,50 +1,91 @@
 import dayjs from 'dayjs';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    date: {
+    readonly selectionMode: import("vft/es/utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
+    readonly disabledDate: {
+        readonly type: import("vue").PropType<import("../props/shared").DisabledDateType>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly date: {
         readonly type: import("vue").PropType<dayjs.Dayjs>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabledDate: {
-        readonly type: import("vue").PropType<(date: Date) => boolean>;
+    readonly minDate: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null) | (((new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    parsedValue: {
+    readonly maxDate: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null) | (((new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly parsedValue: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[]) | (((new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[])) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly rangeState: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState) | (((new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState)) | null)[], unknown, unknown, () => {
+        endDate: null;
+        selecting: boolean;
+    }, boolean>;
 }>, {
     /**
      * @description focus on the current cell
      */
     focus: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (...args: any[]) => void;
     pick: (...args: any[]) => void;
+    changerange: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    date: {
+    readonly selectionMode: import("vft/es/utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
+    readonly disabledDate: {
+        readonly type: import("vue").PropType<import("../props/shared").DisabledDateType>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly date: {
         readonly type: import("vue").PropType<dayjs.Dayjs>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabledDate: {
-        readonly type: import("vue").PropType<(date: Date) => boolean>;
+    readonly minDate: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null) | (((new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly maxDate: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null) | (((new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    parsedValue: {
+    readonly parsedValue: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[]) | (((new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[])) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly rangeState: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState) | (((new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState)) | null)[], unknown, unknown, () => {
+        endDate: null;
+        selecting: boolean;
+    }, boolean>;
 }>> & Readonly<{
+    onSelect?: ((...args: any[]) => any) | undefined;
     onPick?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    onChangerange?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly rangeState: import("../props/shared").RangeState;
+    readonly selectionMode: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,82 +1,133 @@
-import { defineComponent as R, ref as m, computed as S, watch as z, nextTick as A, createElementBlock as l, openBlock as c, normalizeClass as _, unref as B, createElementVNode as p, Fragment as f, renderList as k, withKeys as g, withModifiers as h, toDisplayString as M } from "vue";
-import { hasClass as V } from "@vft/utils";
-import "../../time-picker/index.js";
+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 as M } from "@vft/utils";
+import { castArray as p } from "../../../utils/helper.js";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as F } 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 x from "dayjs";
-import { basicYearTableProps as L } from "../props/basic-year-table.js";
-import { castArray as C } from "../utils.js";
-import { rangeArr as P } from "../../time-picker/utils.js";
-const $ = ["aria-selected", "tabindex", "onKeydown"], q = { class: "cell" }, G = { key: 1 }, se = /* @__PURE__ */ R({
+import "../../time-picker/index.js";
+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"], be = /* @__PURE__ */ F({
   __name: "basic-year-table",
-  props: L,
-  emits: ["pick"],
-  setup(D, { expose: w, emit: T }) {
-    const Y = (t, r) => {
-      const a = x(String(t)).locale(r).startOf("year"), v = a.endOf("year").dayOfYear();
-      return P(v).map((o) => a.add(o, "day").toDate());
-    }, n = D, E = T, K = F("year-table"), y = m("zh-cn"), b = m(), i = m(), s = S(() => Math.floor(n.date.year() / 10) * 10), O = () => {
-      i.value?.focus();
-    }, I = (t) => {
-      const r = {}, a = x().locale(y.value);
-      return r.disabled = n.disabledDate ? Y(t, y.value).every(n.disabledDate) : !1, r.current = C(n.parsedValue).findIndex((e) => e.year() === t) >= 0, r.today = a.year() === t, r;
-    }, d = (t) => t === s.value && n.date.year() < s.value && n.date.year() > s.value + 9 || C(n.date).findIndex((r) => r.year() === t) >= 0, u = (t) => {
-      const a = t.target.closest("td");
-      if (a && a.textContent) {
-        if (V(a, "disabled")) return;
-        const e = a.textContent || a.innerText;
-        E("pick", Number(e));
+  props: Q,
+  emits: ["changerange", "pick", "select"],
+  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, i = f().year(d), l = e.rangeState.endDate || e.maxDate || e.rangeState.selecting && e.minDate || null;
+          n.inRange = !!(e.minDate && i.isSameOrAfter(e.minDate, "year") && l && i.isSameOrBefore(l, "year")) || !!(e.minDate && i.isSameOrBefore(e.minDate, "year") && l && i.isSameOrAfter(l, "year")), e.minDate?.isSameOrAfter(l) ? (n.start = !!(l && i.isSame(l, "year")), n.end = !!(e.minDate && i.isSame(e.minDate, "year"))) : (n.start = !!(e.minDate && i.isSame(e.minDate, "year")), n.end = !!(l && i.isSame(l, "year"))), t.isSame(i) && (n.type = "today"), n.text = d;
+          const $ = i.toDate();
+          n.disabled = e.disabledDate && e.disabledDate($) || !1, o[r] = n;
+        }
       }
+      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 (!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 d = U(
+          n.startOf("year"),
+          D.value,
+          e.disabledDate
+        ), i = M(t, "current") ? p(e.parsedValue).filter((l) => l?.year() !== r) : p(e.parsedValue).concat([d]);
+        c("pick", i);
+      } else
+        c("pick", r);
+    }, P = (s) => {
+      if (!e.rangeState.selecting) return;
+      const t = s.target?.closest(
+        "td"
+      );
+      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")
+      }));
     };
-    return z(
-      () => n.date,
+    return L(
+      () => e.date,
       async () => {
-        b.value?.contains(document.activeElement) && (await A(), i.value?.focus());
+        w.value?.contains(document.activeElement) && (await q(), b.value?.focus());
       }
-    ), w({
+    ), T({
       /**
        * @description focus on the current cell
        */
-      focus: O
-    }), (t, r) => (c(), l("table", {
+      focus: j
+    }), (s, t) => (y(), u("table", {
       role: "grid",
       "aria-label": "使用方向键与 Enter 键以选择年份",
-      class: _(B(K).b()),
-      onClick: u
+      class: C(_(B).b()),
+      onClick: x,
+      onMousemove: P
     }, [
-      p("tbody", {
+      G("tbody", {
         ref_key: "tbodyRef",
-        ref: b
+        ref: w
       }, [
-        (c(), l(f, null, k(3, (a, e) => p("tr", { key: e }, [
-          (c(), l(f, null, k(4, (v, o) => (c(), l(f, {
-            key: e + "_" + o
+        (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"])
+            ]
           }, [
-            e * 4 + o < 10 ? (c(), l("td", {
-              key: 0,
-              ref_for: !0,
-              ref: (N) => d(s.value + e * 4 + o) && (i.value = N),
-              class: _(["available", I(s.value + e * 4 + o)]),
-              "aria-selected": `${d(s.value + e * 4 + o)}`,
-              tabindex: d(s.value + e * 4 + o) ? 0 : -1,
-              onKeydown: [
-                g(h(u, ["prevent", "stop"]), ["space"]),
-                g(h(u, ["prevent", "stop"]), ["enter"])
-              ]
-            }, [
-              p("span", q, M(s.value + e * 4 + o), 1)
-            ], 42, $)) : (c(), l("td", G))
-          ], 64))), 64))
-        ])), 64))
+            H(_(W), { cell: r }, null, 8, ["cell"])
+          ], 42, Z))), 128))
+        ]))), 128))
       ], 512)
-    ], 2));
+    ], 34));
   }
 });
 export {
-  se as default
+  be as default
 };

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

@@ -1,4 +1,4 @@
-import type { Dayjs } from 'dayjs';
+import dayjs from 'dayjs';
 declare function __VLS_template(): {
     sidebar?(_: {
         class: string;
@@ -6,7 +6,7 @@ declare function __VLS_template(): {
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly parsedValue: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[]) | (((new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[])) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[]) | (((new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[])) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -24,13 +24,17 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly dateFormat: StringConstructor;
+    readonly timeFormat: StringConstructor;
+    readonly showNow: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showWeekNumber: BooleanConstructor;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "panel-change": (...args: any[]) => void;
     pick: (...args: any[]) => void;
     "set-picker-option": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly parsedValue: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[]) | (((new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[])) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[]) | (((new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[])) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -48,12 +52,18 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly dateFormat: StringConstructor;
+    readonly timeFormat: StringConstructor;
+    readonly showNow: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showWeekNumber: BooleanConstructor;
 }>> & Readonly<{
     "onPanel-change"?: ((...args: any[]) => any) | undefined;
     onPick?: ((...args: any[]) => any) | undefined;
     "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
 }>, {
     readonly format: string;
+    readonly showNow: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly showWeekNumber: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;