ep-craft 0.1.25 → 0.1.26

package/dist/components/date-picker-panel/src/date-picker-com/basic-year-table.vue.js

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

package/dist/components/date-picker-panel/src/date-picker-com/basic-year-table2.vue.js

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

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

@@ -0,0 +1,89 @@
+import dayjs from 'dayjs';
+declare var __VLS_1: {
+    class: string;
+}, __VLS_30: {}, __VLS_40: {}, __VLS_50: {}, __VLS_60: {};
+type __VLS_Slots = {} & {
+    sidebar?: (props: typeof __VLS_1) => any;
+} & {
+    'prev-year'?: (props: typeof __VLS_30) => any;
+} & {
+    'prev-month'?: (props: typeof __VLS_40) => any;
+} & {
+    'next-month'?: (props: typeof __VLS_50) => any;
+} & {
+    'next-year'?: (props: typeof __VLS_60) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly parsedValue: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs | [dayjs.Dayjs, dayjs.Dayjs]) | (() => import("@element-plus/components/time-picker").DayOrDays) | (((new (...args: any[]) => dayjs.Dayjs | [dayjs.Dayjs, dayjs.Dayjs]) | (() => import("@element-plus/components/time-picker").DayOrDays)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly visible: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly format: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly type: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange", unknown>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly dateFormat: StringConstructor;
+    readonly timeFormat: StringConstructor;
+    readonly showNow: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showConfirm: BooleanConstructor;
+    readonly showFooter: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showWeekNumber: BooleanConstructor;
+    readonly border: BooleanConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly editable: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+}>, {}, {}, {}, {}, 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("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs | [dayjs.Dayjs, dayjs.Dayjs]) | (() => import("@element-plus/components/time-picker").DayOrDays) | (((new (...args: any[]) => dayjs.Dayjs | [dayjs.Dayjs, dayjs.Dayjs]) | (() => import("@element-plus/components/time-picker").DayOrDays)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly visible: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly format: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly type: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange", unknown>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly dateFormat: StringConstructor;
+    readonly timeFormat: StringConstructor;
+    readonly showNow: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showConfirm: BooleanConstructor;
+    readonly showFooter: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showWeekNumber: BooleanConstructor;
+    readonly border: BooleanConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly editable: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+}>> & Readonly<{
+    "onPanel-change"?: ((...args: any[]) => any) | undefined;
+    onPick?: ((...args: any[]) => any) | undefined;
+    "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly visible: import("@element-plus/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly border: boolean;
+    readonly disabled: boolean;
+    readonly format: string;
+    readonly editable: import("@element-plus/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly showNow: import("@element-plus/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly showConfirm: boolean;
+    readonly showFooter: import("@element-plus/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly showWeekNumber: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};