@cldemo/ui-kit 1.1.0 → 1.1.2

package/buildLibs/modules/calendar.js

@@ -1,353 +1 @@
-import { defineComponent as he, reactive as X, useTemplateRef as pe, ref as W, computed as Y, onMounted as ve, nextTick as p, watch as Z, openBlock as f, createElementBlock as m, unref as j, normalizeClass as K, createElementVNode as u, withKeys as L, withModifiers as M, createVNode as ee, toDisplayString as _, Fragment as C, renderList as B, createCommentVNode as te, renderSlot as ge } from "vue";
-import { c as H } from "./shared/log-BbLqiWNM.js";
-import { C as d } from "./shared/base-fr2I80sU.js";
-import { C as y } from "./shared/day-B3hhmAm_.js";
-import { C as ae } from "./shared/index-B477PjJ3.js";
-import { g as O } from "./shared/globalConfig-D1-9RCQO.js";
-import { a as we } from "./shared/language-pMmux6Js.js";
-import { _ as ne } from "./shared/Index.vue_vue_type_script_setup_true_lang-DapaVMSO.js";
-/* empty css                      */
-const _e = ["id"], ke = { class: "calendar-container table-base" }, De = { colspan: "7" }, Me = { class: "calendar-head-label" }, Ce = ["title", "onKeydown"], Ie = { class: "calendar-head-label-year" }, be = { class: "calendar-head-label-month" }, Se = { class: "calendar-head-label-next" }, xe = ["title", "onKeydown"], Ee = { class: "calendar-head-Week" }, Ye = ["tabindex", "aria-label", "aria-selected", "onClick", "onMouseover", "onMouseout", "onKeydown"], Le = {
-  key: 0,
-  class: "day-today"
-}, Re = { class: "day-num" }, Ae = {
-  key: 3,
-  class: "day-lunar-num"
-}, He = /* @__PURE__ */ he({
-  name: "ClCalendar",
-  __name: "Index",
-  props: {
-    id: String,
-    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
-    className: String,
-    // desc: 自定义CSS类名
-    viewDateTime: String,
-    // desc: 初始展示的年月，格式YYYY-MM
-    weekFirst: {
-      type: String,
-      default: "sunday",
-      // desc: 每周起始日 | enum: monday, sunday
-      validator: (h) => {
-        const k = ["monday", "sunday"].includes(h);
-        return k || H.warn(
-          "ClCalendar",
-          `警告：weekFirst 仅支持 'monday' 或 'sunday'，收到 '${h}'，已按 sunday 处理`
-        ), k;
-      }
-    },
-    isShowLunar: Boolean,
-    // desc: 是否显示农历，默认 false；开启后每个日期下方显示农历（农历节日/节气优先，其次初几）
-    isWeekendRest: {
-      type: Boolean,
-      default: void 0
-      // desc: 是否双休（周六周日标记「休」），默认 true；未显式传时读取全局配置（setGlobalConfig/globalsOption），都没有则按 true
-    },
-    restDays: {
-      type: Array,
-      default: () => []
-      // desc: 额外休息日（如法定节假日，YYYY-MM-DD 数组），标记「休」；传非空数组时优先于全局配置
-    },
-    workDays: {
-      type: Array,
-      default: () => []
-      // desc: 补班日（YYYY-MM-DD 数组），标记「班」，优先级高于休息日；传非空数组时优先于全局配置
-    }
-  },
-  emits: {
-    onChange: (h) => !0,
-    // desc: 月份切换时触发
-    onClick: (h) => !0,
-    // desc: 点击日期时触发
-    onHover: (h, k) => !0,
-    // desc: 鼠标悬停日期时触发
-    onInit: (h) => !0,
-    // desc: 日历初始化完成时触发
-    onError: (h) => !0
-    // desc: 操作发生错误时触发
-  },
-  setup(h, { emit: k }) {
-    const l = h, v = k, R = `calendar-${d.getRandom(5)}`, se = l.id, { optPageLanguage: A, getPageLanguage: re } = we();
-    re("dataTime");
-    const s = X({
-      selectId: "",
-      focusedId: ""
-      // desc: 键盘导航焦点日期 ID
-    }), I = X({
-      titleYear: "",
-      titleMonth: ""
-    }), N = pe("calendarRoot"), P = W([]), T = W([]), c = {
-      viewDate: null,
-      currentDate: y.initDay(),
-      isAnimating: !1
-      // 翻月防抖锁，防止快速连续点击
-    }, oe = Y(() => {
-      if (l.isWeekendRest !== void 0)
-        return l.isWeekendRest;
-      const e = O("calendar");
-      return e?.isWeekendRest !== void 0 ? e.isWeekendRest : !0;
-    }), J = Y(() => l.restDays.length > 0 ? l.restDays : O("calendar")?.restDays || []), Q = Y(() => l.workDays.length > 0 ? l.workDays : O("calendar")?.workDays || []), ie = Y(() => {
-      const e = {
-        "panel-calendar": !0
-      };
-      return d.getJsonMerge(e, ae.getClassNameJson(l.className));
-    }), le = () => {
-      if (!c.viewDate) return;
-      const e = c.viewDate.localeData(), t = c.viewDate.year(), n = e.monthsShort(c.viewDate);
-      I.titleYear = `${t}${A.value.year}`, I.titleMonth = n;
-      const o = e.weekdaysMin(), a = e.firstDayOfWeek();
-      let i = [];
-      l.weekFirst === "sunday" ? i = o : o.forEach((r, S) => {
-        i[(7 + S - a) % 7] = r;
-      }), P.value = i;
-    };
-    let V = null;
-    const b = W(!1), q = async () => {
-      if (!b.value)
-        try {
-          V = (await import("lunar-typescript")).Lunar, b.value = !0;
-        } catch (e) {
-          H.warn("ClCalendar", "农历插件加载失败，本次不显示农历", e);
-        }
-    }, ce = (e) => {
-      if (!V) return "";
-      try {
-        const t = V.fromDate(e.toDate()), n = t.getFestivals();
-        if (d.isNonEmptyString(n[0])) return n[0];
-        const o = t.getJieQi();
-        if (d.isNonEmptyString(o)) return o;
-        const a = t.getDayInChinese();
-        return d.isNonEmptyString(a) ? a : "";
-      } catch (t) {
-        return H.warn("ClCalendar", "农历计算异常，该格不显示农历", t), "";
-      }
-    }, de = (e) => {
-      const t = (n) => n.some((o) => y.objDay(o).isSame(e, "day"));
-      if (Q.value.length > 0 && t(Q.value))
-        return { text: "班" };
-      if (J.value.length > 0 && t(J.value))
-        return { text: "休" };
-      if (oe.value) {
-        const n = e.day();
-        if (n === 0 || n === 6)
-          return { text: "休" };
-      }
-      return null;
-    }, ue = (e, t, n, o) => {
-      const a = e.date(), i = y.initFormat(e), r = l.isShowLunar && b.value ? ce(e) : "", S = de(e), x = e.year() === t && e.month() < n || e.year() < t, E = e.year() === t && e.month() > n || e.year() > t, U = o && e.isSame(o, "day") && !x && !E;
-      return {
-        id: `day-${i}`,
-        cls: ae.getAddClass("calendar-day", { old: x, new: E, today: U }),
-        day: i,
-        dayNum: a,
-        lunar: r,
-        restMark: S ? S.text : void 0,
-        isOld: x,
-        isNew: E,
-        isCurrentMonth: !x && !E,
-        isToday: U
-      };
-    }, ye = () => {
-      const e = c.viewDate.clone(), t = c.currentDate;
-      let n = e.clone().subtract(1, "months");
-      n = n.date(n.daysInMonth()).startOf("week"), l.weekFirst === "sunday" && (n = n.subtract(1, "days"));
-      const o = [];
-      let a = [];
-      for (let i = 0; i < 42; i += 1) {
-        i > 0 && (n = n.add(1, "days"));
-        const r = ue(n.clone(), e.year(), e.month(), t);
-        a.push(r), r.isCurrentMonth && !d.isEmpty(s.selectId) && r.dayNum === s.selectId && (s.selectId = r.id), a.length === 7 && (o.push({ days: a }), a = []);
-      }
-      if (T.value = o, !d.isEmpty(s.selectId))
-        s.focusedId = s.selectId;
-      else {
-        const i = o.flatMap((r) => r.days).find((r) => r.isCurrentMonth);
-        s.focusedId = i ? i.id : "";
-      }
-    }, g = (e) => {
-      c.viewDate = d.isEmpty(e) ? y.initDay() : y.getDayjsObject(e), c.viewDate && typeof c.viewDate.isValid == "function" && c.viewDate.isValid() || (c.viewDate = y.initDay()), le(), ye();
-    }, D = (e) => !e || !d.isString(e) || d.isEmpty(e) ? (s.selectId = y.getDayjsObject("").date(), y.initFormat({ format: "YYYY-MM" })) : e.split("-").length === 3 ? (s.selectId = y.getDayjsObject(e).date(), y.initFormat({ value: e, format: "YYYY-MM" })) : (s.selectId = "", e), fe = () => {
-      g(D(l.viewDateTime)), p(() => {
-        w(s.focusedId), !d.isEmpty(s.selectId) && d.isString(s.selectId) && v("onInit", s.selectId.replace("day-", ""));
-      });
-    }, w = (e) => {
-      if (!d.isString(e) || d.isEmpty(e) || !N.value) return;
-      const t = N.value.querySelector(
-        `[aria-label="${e.replace("day-", "")}"]`
-      );
-      if (!t) return;
-      t.focus({ preventScroll: !0 });
-      const n = t.getBoundingClientRect();
-      (n.top < 0 || n.bottom > window.innerHeight) && t.scrollIntoView({ block: "nearest", behavior: "auto" });
-    };
-    ve(async () => {
-      l.isShowLunar && await q(), p(() => {
-        fe(), l.isShowLunar && b.value && g(D(l.viewDateTime));
-      });
-    }), Z(
-      () => l.isShowLunar,
-      (e) => {
-        e ? q().then(() => {
-          g(D(l.viewDateTime)), p(() => w(s.focusedId));
-        }) : g(D(l.viewDateTime));
-      }
-    ), Z(
-      () => l.viewDateTime,
-      (e) => {
-        d.isEmpty(e) || (g(D(e)), p(() => w(s.focusedId)));
-      }
-    );
-    const z = (e, t) => {
-      e.preventDefault(), e.stopPropagation(), t.isCurrentMonth && (s.focusedId = t.id, p(() => w(t.id)), s.selectId !== t.id && (s.selectId = t.id, v("onClick", t.day)));
-    }, G = (e, t, n) => {
-      e.preventDefault(), e.stopPropagation(), t.isCurrentMonth && v("onHover", t.day, n);
-    }, me = (e, t, n) => {
-      const o = T.value.flatMap((r) => r.days);
-      if (o.length === 0) return;
-      const a = t * 7 + n;
-      let i = a;
-      switch (e.key) {
-        case "ArrowLeft":
-          e.preventDefault(), i = Math.max(0, a - 1);
-          break;
-        case "ArrowRight":
-          e.preventDefault(), i = Math.min(41, a + 1);
-          break;
-        case "ArrowUp":
-          e.preventDefault(), i = Math.max(0, a - 7);
-          break;
-        case "ArrowDown":
-          e.preventDefault(), i = Math.min(41, a + 7);
-          break;
-        case "Enter":
-        case " ":
-          e.preventDefault(), z(e, o[a]);
-          return;
-        default:
-          return;
-      }
-      if (i !== a) {
-        const r = o[i];
-        if (!r.isCurrentMonth) return;
-        s.focusedId = r.id, p(() => w(r.id));
-      }
-    }, $ = () => {
-      if (!c.isAnimating) {
-        c.isAnimating = !0;
-        try {
-          const e = c.viewDate.clone();
-          let t = y.subtractTime(e, 1, "months");
-          t = y.initFormat({ value: t, format: "YYYY-MM" }), g(t), v("onChange", t), p(() => w(s.focusedId));
-        } catch {
-          v("onError", "切换到上一月失败");
-        } finally {
-          c.isAnimating = !1;
-        }
-      }
-    }, F = () => {
-      if (!c.isAnimating) {
-        c.isAnimating = !0;
-        try {
-          const e = c.viewDate.clone();
-          let t = y.addTime(e, 1, "months");
-          t = y.initFormat({ value: t, format: "YYYY-MM" }), g(t), v("onChange", t), p(() => w(s.focusedId));
-        } catch {
-          v("onError", "切换到下一月失败");
-        } finally {
-          c.isAnimating = !1;
-        }
-      }
-    };
-    return (e, t) => (f(), m("div", {
-      class: K(ie.value),
-      id: j(se),
-      ref_key: "calendarRoot",
-      ref: N
-    }, [
-      u("table", ke, [
-        u("thead", null, [
-          u("tr", null, [
-            u("th", De, [
-              u("div", Me, [
-                u("span", {
-                  class: "calendar-head-label-prev-month",
-                  title: j(A).prevMonth,
-                  role: "button",
-                  tabindex: "0",
-                  onClick: $,
-                  onKeydown: [
-                    L(M($, ["prevent"]), ["enter"]),
-                    L(M($, ["prevent"]), ["space"])
-                  ]
-                }, [
-                  ee(ne, { name: "angle-left" })
-                ], 40, Ce),
-                u("span", null, [
-                  u("span", Ie, _(I.titleYear), 1),
-                  u("span", be, _(I.titleMonth), 1)
-                ]),
-                u("span", Se, [
-                  u("span", {
-                    class: "calendar-head-label-next-month",
-                    title: j(A).nextMonth,
-                    role: "button",
-                    tabindex: "0",
-                    onClick: F,
-                    onKeydown: [
-                      L(M(F, ["prevent"]), ["enter"]),
-                      L(M(F, ["prevent"]), ["space"])
-                    ]
-                  }, [
-                    ee(ne, { name: "angle-right" })
-                  ], 40, xe)
-                ])
-              ])
-            ])
-          ]),
-          u("tr", Ee, [
-            (f(!0), m(C, null, B(P.value, (n, o) => (f(), m("th", {
-              key: `${R}-week-${o}`
-            }, _(n), 1))), 128))
-          ])
-        ]),
-        u("tbody", null, [
-          (f(!0), m(C, null, B(T.value, (n, o) => (f(), m("tr", {
-            key: `${R}-days-${o}`
-          }, [
-            (f(!0), m(C, null, B(n.days, (a, i) => (f(), m("td", {
-              key: `${R}-day-${i}`,
-              class: K([
-                a.cls,
-                s.selectId === a.id ? "calendar-day-select" : "",
-                s.focusedId === a.id ? "calendar-day-focused" : ""
-              ]),
-              tabindex: a.isCurrentMonth ? s.focusedId === a.id ? "0" : "-1" : void 0,
-              role: "gridcell",
-              "aria-label": a.day,
-              "aria-selected": s.selectId === a.id ? "true" : "false",
-              onClick: M((r) => z(r, a), ["stop"]),
-              onMouseover: (r) => G(r, a, !0),
-              onMouseout: (r) => G(r, a, !1),
-              onKeydown: (r) => me(r, o, i)
-            }, [
-              a.isToday ? (f(), m("span", Le, "今")) : (f(), m(C, { key: 1 }, [], 64)),
-              u("div", Re, _(a.dayNum), 1),
-              a.restMark ? (f(), m("div", {
-                key: 2,
-                class: K(["day-rest", a.restMark === "班" ? "day-rest-work" : "day-rest-rest"])
-              }, _(a.restMark), 3)) : te("", !0),
-              a.lunar ? (f(), m("div", Ae, _(a.lunar), 1)) : te("", !0),
-              a.isCurrentMonth ? ge(e.$slots, "day", {
-                key: 4,
-                time: a.day,
-                data: a.dayNum
-              }) : (f(), m(C, { key: 5 }, [], 64))
-            ], 42, Ye))), 128))
-          ]))), 128))
-        ])
-      ])
-    ], 10, _e));
-  }
-});
-export {
-  He as default
-};
+export { default } from '../utils/Web/ClCalendar.js';

package/buildLibs/modules/calendarM.d.ts

@@ -1 +1 @@
-export type { default } from '../types/Mobile/CalendarM/Index.vue.d.ts';
+export { default } from '../types/Mobile/CalendarM/Index.vue.d.ts';