vft 0.0.71 → 0.0.72

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
+};

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

@@ -0,0 +1,455 @@
+import { defineComponent as Ge, useAttrs as Qe, useSlots as Xe, ref as D, inject as de, toRef as Ze, computed as m, watch as A, openBlock as C, createElementBlock as I, normalizeClass as r, unref as t, createElementVNode as v, renderSlot as je, Fragment as xe, renderList as ea, toDisplayString as ve, createCommentVNode as K, createVNode as T, withDirectives as P, vShow as N, withKeys as me, createBlock as j, withCtx as pe, createTextVNode as fe, nextTick as x } from "vue";
+import p from "dayjs";
+import { VftButton as he } from "../../button/index.js";
+import { ClickOutside as aa } from "@vft/directives";
+import { useNamespace as ye } from "../../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import { isFunction as ke, isArray as ta } from "@vft/utils";
+import "../../../utils/ns-cover.js";
+import { VftInput as be } from "../../input/index.js";
+import "../../time-picker/index.js";
+import { VftIcon as U } from "../../icon/index.js";
+import { EVENT_CODE as f } from "../../../constants/aria.js";
+import "../../tooltip/index.js";
+import { panelDatePickProps as la } from "../props/panel-date-pick.js";
+import na from "./basic-date-table.vue2.js";
+import oa from "./basic-month-table.vue2.js";
+import ra from "./basic-year-table.vue2.js";
+import { TOOLTIP_INJECTION_KEY as sa } from "../../tooltip/constants.js";
+import { extractTimeFormat as ua, extractDateFormat as ia } from "../../time-picker/utils.js";
+import ca from "../../time-picker/time-picker-com/panel-time-pick.vue2.js";
+const da = ["onClick"], Ka = /* @__PURE__ */ Ge({
+  __name: "panel-date-pick",
+  props: la,
+  emits: ["pick", "set-picker-option", "panel-change"],
+  setup(we, { emit: w }) {
+    const u = we, ge = (e, a, n) => !0, d = ye("picker-panel"), g = ye("date-picker"), Ve = Qe(), De = Xe(), h = D("zh-cn"), ee = de("EP_PICKER_BASE"), E = de(sa), { shortcuts: ae, disabledDate: k, cellClassName: Ce, defaultTime: L, arrowControl: Te } = ee.props, M = Ze(ee.props, "defaultValue"), O = D(), l = D(p().locale(h.value)), H = D(!1), te = m(() => p(L).locale(h.value));
+    m(() => l.value.month());
+    const le = m(() => l.value.year()), W = D([]), $ = D(null), F = D(null), J = (e) => W.value.length > 0 ? ge(e, W.value, u.format || "HH:mm:ss") : !0, ne = (e) => L && !ie.value && !H.value ? te.value.year(e.year()).month(e.month()).date(e.date()) : R.value ? e.millisecond(0) : e.startOf("day"), c = (e, ...a) => {
+      if (!e)
+        w("pick", e, ...a);
+      else if (ta(e)) {
+        const n = e.map(ne);
+        w("pick", n, ...a);
+      } else
+        w("pick", ne(e), ...a);
+      $.value = null, F.value = null, H.value = !1;
+    }, Pe = (e, a) => {
+      if (i.value === "date") {
+        e = e;
+        let n = u.parsedValue ? u.parsedValue.year(e.year()).month(e.month()).date(e.date()) : e;
+        J(n) || (n = W.value[0][0].year(e.year()).month(e.month()).date(e.date())), l.value = n, c(n, R.value || a);
+      } else
+        i.value === "week" ? c(e.date) : i.value === "dates" && c(e, !0);
+    }, oe = (e) => {
+      const a = e ? "add" : "subtract";
+      l.value = l.value[a](1, "month"), z("month");
+    }, re = (e) => {
+      const a = l.value, n = e ? "add" : "subtract";
+      l.value = s.value === "year" ? a[n](10, "year") : a[n](1, "year"), z("year");
+    }, s = D("date"), $e = m(() => {
+      const e = "年";
+      if (s.value === "year") {
+        const a = Math.floor(le.value / 10) * 10;
+        return `${a} ${e} - ${a + 9} ${e}`;
+      }
+      return `${le.value} ${e}`;
+    }), Fe = (e) => {
+      const a = ke(e.value) ? e.value() : e.value;
+      if (a) {
+        c(p(a).locale(h.value));
+        return;
+      }
+      e.onClick && e.onClick({
+        attrs: Ve,
+        slots: De,
+        emit: w
+      });
+    }, i = m(() => {
+      const { type: e } = u;
+      return ["week", "month", "year", "dates"].includes(e) ? e : "date";
+    }), Ie = m(() => i.value === "date" ? s.value : i.value), se = m(() => !!ae.length), Ne = async (e) => {
+      l.value = l.value.startOf("month").month(e), i.value === "month" ? c(l.value, !1) : (s.value = "date", ["month", "year", "date", "week"].includes(i.value) && (c(l.value, !0), await x(), _())), z("month");
+    }, Me = async (e) => {
+      i.value === "year" ? (l.value = l.value.startOf("year").year(e), c(l.value, !1)) : (l.value = l.value.year(e), s.value = "month", ["month", "year", "date", "week"].includes(i.value) && (c(l.value, !0), await x(), _())), z("year");
+    }, Y = async (e) => {
+      s.value = e, await x(), _();
+    }, R = m(
+      () => u.type === "datetime" || u.type === "datetimerange"
+    ), Re = m(() => R.value || i.value === "dates"), Se = () => {
+      if (i.value === "dates")
+        c(u.parsedValue);
+      else {
+        let e = u.parsedValue;
+        if (!e) {
+          const a = p(L).locale(h.value), n = Q();
+          e = a.year(n.year()).month(n.month()).date(n.date());
+        }
+        l.value = e, c(e);
+      }
+    }, Be = () => {
+      const a = p().locale(h.value).toDate();
+      H.value = !0, (!k || !k(a)) && J(a) && (l.value = p().locale(h.value), c(l.value));
+    }, q = m(() => ua(u.format)), ue = m(() => ia(u.format)), ie = m(() => {
+      if (F.value)
+        return F.value;
+      if (!(!u.parsedValue && !M.value))
+        return (u.parsedValue || l.value).format(
+          q.value
+        );
+    }), Ke = m(() => {
+      if ($.value)
+        return $.value;
+      if (!(!u.parsedValue && !M.value))
+        return (u.parsedValue || l.value).format(
+          ue.value
+        );
+    }), S = D(!1), Oe = () => {
+      S.value = !0;
+    }, Ye = () => {
+      S.value = !1;
+    }, G = (e) => ({
+      hour: e.hour(),
+      minute: e.minute(),
+      second: e.second(),
+      year: e.year(),
+      month: e.month(),
+      date: e.date()
+    }), _e = (e, a, n) => {
+      const { hour: y, minute: b, second: X } = G(e), Z = u.parsedValue ? u.parsedValue.hour(y).minute(b).second(X) : e;
+      l.value = Z, c(l.value, !0), n || (S.value = a);
+    }, ze = (e) => {
+      const a = p(e, q.value).locale(h.value);
+      if (a.isValid() && J(a)) {
+        const { year: n, month: y, date: b } = G(l.value);
+        l.value = a.year(n).month(y).date(b), F.value = null, S.value = !1, c(l.value, !0);
+      }
+    }, Ae = (e) => {
+      const a = p(e, ue.value).locale(h.value);
+      if (a.isValid()) {
+        if (k && k(a.toDate()))
+          return;
+        const { hour: n, minute: y, second: b } = G(l.value);
+        l.value = a.hour(n).minute(y).second(b), $.value = null, c(l.value, !0);
+      }
+    }, Ue = (e) => p.isDayjs(e) && e.isValid() && (k ? !k(e.toDate()) : !0), Ee = (e) => i.value === "dates" ? e.map((a) => a.format(u.format)) : e.format(u.format), Le = (e) => p(e, u.format).locale(h.value), Q = () => {
+      const e = p(M.value).locale(h.value);
+      if (!M.value) {
+        const a = te.value;
+        return p().hour(a.hour()).minute(a.minute()).second(a.second()).locale(h.value);
+      }
+      return e;
+    }, _ = async () => {
+      var e;
+      ["week", "month", "year", "date"].includes(i.value) && ((e = O.value) == null || e.focus(), i.value === "week" && ce(f.down));
+    }, He = (e) => {
+      const { code: a } = e;
+      [
+        f.up,
+        f.down,
+        f.left,
+        f.right,
+        f.home,
+        f.end,
+        f.pageUp,
+        f.pageDown
+      ].includes(a) && (ce(a), e.stopPropagation(), e.preventDefault()), [f.enter, f.space, f.numpadEnter].includes(
+        a
+      ) && $.value === null && F.value === null && (e.preventDefault(), c(l.value, !1));
+    }, ce = (e) => {
+      const { up: a, down: n, left: y, right: b, home: X, end: Z, pageUp: We, pageDown: Je } = f, qe = {
+        year: {
+          [a]: -4,
+          [n]: 4,
+          [y]: -1,
+          [b]: 1,
+          offset: (o, V) => o.setFullYear(o.getFullYear() + V)
+        },
+        month: {
+          [a]: -4,
+          [n]: 4,
+          [y]: -1,
+          [b]: 1,
+          offset: (o, V) => o.setMonth(o.getMonth() + V)
+        },
+        week: {
+          [a]: -1,
+          [n]: 1,
+          [y]: -1,
+          [b]: 1,
+          offset: (o, V) => o.setDate(o.getDate() + V * 7)
+        },
+        date: {
+          [a]: -7,
+          [n]: 7,
+          [y]: -1,
+          [b]: 1,
+          [X]: (o) => -o.getDay(),
+          [Z]: (o) => -o.getDay() + 6,
+          [We]: (o) => -new Date(o.getFullYear(), o.getMonth(), 0).getDate(),
+          [Je]: (o) => new Date(o.getFullYear(), o.getMonth() + 1, 0).getDate(),
+          offset: (o, V) => o.setDate(o.getDate() + V)
+        }
+      }, B = l.value.toDate();
+      for (; Math.abs(l.value.diff(B, "year", !0)) < 1; ) {
+        const o = qe[Ie.value];
+        if (!o)
+          return;
+        if (o.offset(
+          B,
+          ke(o[e]) ? o[e](B) : o[e] ?? 0
+        ), k && k(B))
+          break;
+        const V = p(B).locale(h.value);
+        l.value = V, w("pick", V, !0);
+        break;
+      }
+    }, z = (e) => {
+      w("panel-change", l.value.toDate(), e, s.value);
+    };
+    return A(
+      () => i.value,
+      (e) => {
+        if (["month", "year"].includes(e)) {
+          s.value = e;
+          return;
+        }
+        s.value = "date";
+      },
+      { immediate: !0 }
+    ), A(
+      () => s.value,
+      () => {
+        E == null || E.updatePopper();
+      }
+    ), A(
+      () => M.value,
+      (e) => {
+        e && (l.value = Q());
+      },
+      { immediate: !0 }
+    ), A(
+      () => u.parsedValue,
+      (e) => {
+        if (e) {
+          if (i.value === "dates" || Array.isArray(e))
+            return;
+          l.value = e;
+        } else
+          l.value = Q();
+      },
+      { immediate: !0 }
+    ), w("set-picker-option", ["isValidValue", Ue]), w("set-picker-option", ["formatToString", Ee]), w("set-picker-option", ["parseUserInput", Le]), w("set-picker-option", ["handleFocusPicker", _]), (e, a) => (C(), I("div", {
+      class: r([
+        t(d).b(),
+        t(g).b(),
+        {
+          "has-sidebar": e.$slots.sidebar || t(se),
+          "has-time": t(R)
+        }
+      ])
+    }, [
+      v("div", {
+        class: r(t(d).e("body-wrapper"))
+      }, [
+        je(e.$slots, "sidebar", {
+          class: r(t(d).e("sidebar"))
+        }),
+        t(se) ? (C(), I("div", {
+          key: 0,
+          class: r(t(d).e("sidebar"))
+        }, [
+          (C(!0), I(xe, null, ea(t(ae), (n, y) => (C(), I("button", {
+            key: y,
+            type: "button",
+            class: r(t(d).e("shortcut")),
+            onClick: (b) => Fe(n)
+          }, ve(n.text), 11, da))), 128))
+        ], 2)) : K("", !0),
+        v("div", {
+          class: r(t(d).e("body"))
+        }, [
+          t(R) ? (C(), I("div", {
+            key: 0,
+            class: r(t(g).e("time-header"))
+          }, [
+            v("span", {
+              class: r(t(g).e("editor-wrap"))
+            }, [
+              T(t(be), {
+                placeholder: "選擇日期",
+                "model-value": t(Ke),
+                size: "small",
+                "validate-event": !1,
+                onInput: a[0] || (a[0] = (n) => $.value = n),
+                onChange: Ae
+              }, null, 8, ["model-value"])
+            ], 2),
+            P((C(), I("span", {
+              class: r(t(g).e("editor-wrap"))
+            }, [
+              T(t(be), {
+                placeholder: "選擇時間",
+                "model-value": t(ie),
+                size: "small",
+                "validate-event": !1,
+                onFocus: Oe,
+                onInput: a[1] || (a[1] = (n) => F.value = n),
+                onChange: ze
+              }, null, 8, ["model-value"]),
+              T(t(ca), {
+                visible: S.value,
+                format: t(q),
+                "time-arrow-control": t(Te),
+                "parsed-value": l.value,
+                onPick: _e
+              }, null, 8, ["visible", "format", "time-arrow-control", "parsed-value"])
+            ], 2)), [
+              [t(aa), Ye]
+            ])
+          ], 2)) : K("", !0),
+          P(v("div", {
+            class: r([
+              t(g).e("header"),
+              (s.value === "year" || s.value === "month") && t(g).e("header--bordered")
+            ])
+          }, [
+            v("span", {
+              class: r(t(g).e("prev-btn"))
+            }, [
+              v("button", {
+                type: "button",
+                class: r(["d-arrow-left", t(d).e("icon-btn")]),
+                onClick: a[2] || (a[2] = (n) => re(!1))
+              }, [
+                T(t(U), { icon: "ico-ep:d-arrow-left" })
+              ], 2),
+              P(v("button", {
+                type: "button",
+                class: r([t(d).e("icon-btn"), "arrow-left"]),
+                onClick: a[3] || (a[3] = (n) => oe(!1))
+              }, [
+                T(t(U), { icon: "ico-ep:arrow-left" })
+              ], 2), [
+                [N, s.value === "date"]
+              ])
+            ], 2),
+            v("span", {
+              role: "button",
+              class: r(t(g).e("header-label")),
+              "aria-live": "polite",
+              tabindex: "0",
+              onKeydown: a[4] || (a[4] = me((n) => Y("year"), ["enter"])),
+              onClick: a[5] || (a[5] = (n) => Y("year"))
+            }, ve(t($e)), 35),
+            P(v("span", {
+              role: "button",
+              "aria-live": "polite",
+              tabindex: "0",
+              class: r([
+                t(g).e("header-label"),
+                { active: s.value === "month" }
+              ]),
+              onKeydown: a[6] || (a[6] = me((n) => Y("month"), ["enter"])),
+              onClick: a[7] || (a[7] = (n) => Y("month"))
+            }, "月份Todo", 34), [
+              [N, s.value === "date"]
+            ]),
+            v("span", {
+              class: r(t(g).e("next-btn"))
+            }, [
+              P(v("button", {
+                type: "button",
+                class: r([t(d).e("icon-btn"), "arrow-right"]),
+                onClick: a[8] || (a[8] = (n) => oe(!0))
+              }, [
+                T(t(U), { icon: "ico-ep:arrow-right" })
+              ], 2), [
+                [N, s.value === "date"]
+              ]),
+              v("button", {
+                type: "button",
+                class: r([t(d).e("icon-btn"), "d-arrow-right"]),
+                onClick: a[9] || (a[9] = (n) => re(!0))
+              }, [
+                T(t(U), { icon: "ico-ep:d-arrow-right" })
+              ], 2)
+            ], 2)
+          ], 2), [
+            [N, s.value !== "time"]
+          ]),
+          v("div", {
+            class: r(t(d).e("content")),
+            onKeydown: He
+          }, [
+            s.value === "date" ? (C(), j(na, {
+              key: 0,
+              ref_key: "currentViewRef",
+              ref: O,
+              "selection-mode": t(i),
+              date: l.value,
+              "parsed-value": e.parsedValue,
+              "disabled-date": t(k),
+              "cell-class-name": t(Ce),
+              onPick: Pe
+            }, null, 8, ["selection-mode", "date", "parsed-value", "disabled-date", "cell-class-name"])) : K("", !0),
+            s.value === "year" ? (C(), j(ra, {
+              key: 1,
+              ref_key: "currentViewRef",
+              ref: O,
+              date: l.value,
+              "disabled-date": t(k),
+              "parsed-value": e.parsedValue,
+              onPick: Me
+            }, null, 8, ["date", "disabled-date", "parsed-value"])) : K("", !0),
+            s.value === "month" ? (C(), j(oa, {
+              key: 2,
+              ref_key: "currentViewRef",
+              ref: O,
+              date: l.value,
+              "parsed-value": e.parsedValue,
+              "disabled-date": t(k),
+              onPick: Ne
+            }, null, 8, ["date", "parsed-value", "disabled-date"])) : K("", !0)
+          ], 34)
+        ], 2)
+      ], 2),
+      P(v("div", {
+        class: r(t(d).e("footer"))
+      }, [
+        P(T(t(he), {
+          text: "",
+          size: "small",
+          class: r(t(d).e("link-btn")),
+          onClick: Be
+        }, {
+          default: pe(() => [
+            fe(" 現在 ")
+          ]),
+          _: 1
+        }, 8, ["class"]), [
+          [N, t(i) !== "dates"]
+        ]),
+        T(t(he), {
+          plain: "",
+          size: "small",
+          class: r(t(d).e("link-btn")),
+          onClick: Se
+        }, {
+          default: pe(() => [
+            fe(" 確認 ")
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ], 2), [
+        [N, t(Re) && s.value === "date"]
+      ])
+    ], 2));
+  }
+});
+export {
+  Ka as default
+};

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

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