vft 0.0.70 → 0.0.72

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