@cldemo/ui-kit 1.1.2 → 1.1.3

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-CwjigRBx.js

@@ -0,0 +1,2528 @@
+import { defineComponent as Ee, inject as Ve, computed as de, reactive as ve, ref as Re, onMounted as Be, nextTick as ge, watch as oe, openBlock as S, createElementBlock as C, unref as ce, normalizeClass as re, createElementVNode as B, createVNode as me, Fragment as z, toDisplayString as be, renderList as Ie, withKeys as Se, withModifiers as Ce, normalizeStyle as Le, withDirectives as ze, vShow as We, provide as Fe, createBlock as Pe, useTemplateRef as Je, readonly as qe, withCtx as Ke } from "vue";
+import Me from "@cldemo/ui-kit/common/log";
+import J from "dayjs";
+import o from "@cldemo/ui-kit/common/base";
+import $e from "@cldemo/ui-kit/common/Element";
+import { _ as Ge } from "./List.vue_vue_type_script_setup_true_lang-CRkZfB8a.js";
+import { _ as _e } from "./Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
+import { a as Ne } from "./language-CZZEj4e3.js";
+import { _ as Qe } from "./Index.vue_vue_type_script_setup_true_lang-C6Evk0-z.js";
+import He from "@cldemo/ui-kit/common/day";
+import { _ as Ue } from "./Index.vue_vue_type_script_setup_true_lang-D__hI9ud.js";
+/* empty css               */
+/* empty css                   */
+const Xe = ["id"], et = { class: "table-base" }, tt = {
+  class: "time-head time-head-day",
+  colspan: "7"
+}, at = { class: "time-prev" }, nt = ["title"], st = ["title"], it = { class: "time-next" }, ot = ["title"], lt = ["title"], rt = ["aria-disabled", "onClick", "onKeydown", "onMouseover"], ct = /* @__PURE__ */ Ee({
+  name: "ClCalendarsDays",
+  __name: "CalendarsDays",
+  props: {
+    className: String,
+    // desc: 自定义CSS类名
+    viewValue: String,
+    // desc: 当前视图日期值
+    selectValue: String,
+    // desc: 当前选中日期值
+    startValue: String,
+    // desc: 范围选择开始值
+    endValue: String,
+    // desc: 范围选择结束值
+    hoverValue: String,
+    // desc: 悬停日期值
+    minValue: String,
+    // desc: 最小可选日期
+    maxValue: String
+    // desc: 最大可选日期
+  },
+  emits: {
+    onChangeDate: (d) => !0,
+    // desc: 视图日期变更时触发
+    onChangeType: (d) => !0,
+    // desc: 切换视图类型时触发
+    onSelectDate: (d, le) => !0,
+    // desc: 选中日期时触发
+    onHoverDate: (d, le) => !0,
+    // desc: 悬停日期时触发
+    onInitComplete: (d) => !0
+    // desc: 初始化完成时触发
+  },
+  setup(d, { emit: le }) {
+    const v = d, i = le, { optPageLanguage: R, getPageLanguage: $ } = Ne();
+    $("dataTime");
+    const N = Ve("$DateTimeTop"), T = Ve("$DateTimeTopBase"), f = Ve("$DateTimeBase");
+    (!N || !T || !f) && Me.warn(
+      "ClCalendarsDays",
+      "未找到 $DateTimeTop/$DateTimeTopBase/$DateTimeBase 注入，请确保组件在 ClDateTime 组件树内使用"
+    );
+    const M = `calendarsDays-${o.getRandom(5)}`, g = N?.elId ? `${N.elId}-calendarsDays-${o.getRandom(5)}` : void 0, r = de(() => {
+      let l = {
+        "panel-calendarsdays": !0
+      };
+      return l = o.getJsonMerge(l, $e.getClassNameJson(v.className)), l;
+    }), t = ve({
+      isPrevYear: !1,
+      isPrevMonth: !1,
+      titleYear: "",
+      titleMonth: "",
+      isNextYear: !1,
+      isNextMonth: !1
+    }), u = Re([]), a = Re([]), e = {
+      viewDate: null,
+      selectDate: null,
+      startDate: null,
+      endDate: null,
+      hoverDate: null
+    }, E = () => {
+      if (!e.viewDate)
+        return;
+      const l = e.viewDate.year(), O = e.viewDate.localeData().monthsShort(e.viewDate), Y = e.viewDate.clone().subtract(1, "years").endOf("month"), I = f.checkDataMinMax(Y, "day"), ue = e.viewDate.clone().subtract(1, "months").endOf("month"), te = f.checkDataMinMax(ue, "day"), K = e.viewDate.clone().add(1, "months").startOf("month"), W = f.checkDataMinMax(K, "day"), U = e.viewDate.clone().add(1, "years").startOf("month"), ye = f.checkDataMinMax(U, "day");
+      t.isPrevYear = !I, t.isPrevMonth = !te, t.titleYear = `${l}${R.value.year}`, t.titleMonth = O, t.isNextMonth = !W, t.isNextYear = !ye;
+    }, se = () => {
+      if (!e.viewDate)
+        return;
+      const l = e.viewDate.localeData(), k = l.weekdaysMin(), O = l.firstDayOfWeek(), Y = [];
+      k.forEach((I, ue) => {
+        Y[(7 + ue - O) % 7] = I;
+      }), u.value = Y;
+    }, ae = () => {
+      if (!e.viewDate)
+        return;
+      const l = e.viewDate.clone(), k = e.selectDate, O = l.year(), Y = l.month();
+      let I = l.clone().subtract(1, "months");
+      const ue = [];
+      let te = [];
+      I = I.date(I.daysInMonth()).startOf("week");
+      for (let K = 0; K < 42; K += 1) {
+        K > 0 && (I = I.add(1, "days"));
+        const W = I.clone(), U = W.date(), ye = I.year() === O && I.month() < Y || I.year() < O, pe = I.year() === O && I.month() > Y || I.year() > O;
+        let Ye = k && I.isSame(k, "day");
+        const D = f.checkDataMinMax(W, "day");
+        let _ = !1, x = !1, P = !1;
+        T.isRange && (e.hoverDate ? e.startDate && e.endDate && e.startDate.isSame(e.hoverDate, "day") && e.hoverDate.isBefore(e.endDate, "day") ? (_ = I.isSame(e.startDate, "day"), x = I.isSame(e.endDate, "day"), P = _ || x || I.isAfter(e.startDate, "day") && I.isBefore(e.endDate, "day")) : e.startDate ? (_ = I.isSame(e.startDate, "day"), P = _ || I.isSame(e.hoverDate, "day"), P = P || I.isAfter(e.startDate, "day") && I.isBefore(e.hoverDate, "day"), x = e.hoverDate.isSame(e.startDate, "day") && _) : e.endDate && (x = I.isSame(e.endDate, "day"), P = x || I.isSame(e.hoverDate, "day"), P = P || I.isAfter(e.hoverDate, "day") && I.isBefore(e.endDate, "day"), _ = e.hoverDate.isSame(e.endDate, "day") && x) : (_ = !!(e.startDate && I.isSame(e.startDate, "day")), e.endDate && (x = I.isSame(e.endDate, "day"), P = _ || x || !!(e.startDate && I.isAfter(e.startDate, "day") && I.isBefore(e.endDate, "day")))), Ye = _ || x);
+        const n = $e.getAddClass("day", {
+          old: ye,
+          new: pe,
+          active: Ye && !ye && !pe && !D,
+          disabled: D,
+          "date-start": _ && !ye && !pe,
+          "date-end": x && !ye && !pe,
+          "range-in": P && !ye && !pe
+        });
+        te.push({ cls: n, day: U, value: U, isDisabled: D, isOld: ye, isNew: pe }), te.length === 7 && (ue.push({ days: te }), te = []);
+      }
+      a.value = ue;
+    }, X = (l, k, O) => {
+      if (!e.viewDate)
+        return;
+      const Y = e.viewDate.clone()[l](k, O);
+      i("onChangeDate", Y);
+    };
+    let ne = !1;
+    const De = () => {
+      ne || (ne = !0, ge(() => {
+        i("onInitComplete", "days");
+      }));
+    }, fe = () => {
+      e.selectDate = N.getMomentDate(v.selectValue), e.startDate = N.getMomentDate(v.startValue), e.endDate = N.getMomentDate(v.endValue), e.hoverDate = N.getMomentDate(v.hoverValue);
+    }, H = (l, k, O) => {
+      if (k !== O) {
+        const Y = N.getMomentDate(k);
+        Y && Y.isValid() && (e[l] = Y, fe(), se(), E(), ae(), De());
+      }
+    }, ee = () => {
+      if (o.isNonEmptyString(v.viewValue)) {
+        const l = N.getMomentDate(v.viewValue);
+        l && l.isValid() && (e.viewDate = l, fe(), se(), E(), ae(), De());
+      }
+    };
+    Be(() => {
+      ge(() => {
+        ee();
+      });
+    }), oe(
+      () => v.viewValue,
+      (l, k) => {
+        H("viewDate", l, k);
+      }
+    ), oe([() => v.selectValue, () => v.startValue, () => v.endValue], () => {
+      e.viewDate && (e.selectDate = N.getMomentDate(v.selectValue), e.startDate = N.getMomentDate(v.startValue), e.endDate = N.getMomentDate(v.endValue), e.hoverDate = N.getMomentDate(v.hoverValue), ae());
+    }), oe(
+      () => v.hoverValue,
+      () => {
+        e.viewDate && (e.hoverDate = N.getMomentDate(v.hoverValue), T.isRange && ae());
+      }
+    ), oe([() => v.minValue, () => v.maxValue], () => {
+      e.viewDate && (E(), ae());
+    });
+    const q = (l) => {
+      l.preventDefault(), l.stopPropagation(), X("subtract", 1, "years");
+    }, ie = (l) => {
+      l.preventDefault(), l.stopPropagation(), X("subtract", 1, "months");
+    }, Q = (l) => {
+      l.preventDefault(), l.stopPropagation(), X("add", 1, "months");
+    }, V = (l) => {
+      l.preventDefault(), l.stopPropagation(), X("add", 1, "years");
+    }, c = (l, k) => {
+      l.preventDefault(), l.stopPropagation(), i("onChangeType", k);
+    }, h = (l, k) => {
+      l.preventDefault(), l.stopPropagation(), k.isDisabled || i("onSelectDate", "days", k);
+    }, w = (l, k) => {
+      l.preventDefault(), l.stopPropagation(), k.isDisabled || i("onHoverDate", "days", k);
+    };
+    return (l, k) => (S(), C("div", {
+      class: re(r.value),
+      id: ce(g)
+    }, [
+      B("table", et, [
+        B("thead", null, [
+          B("tr", null, [
+            B("th", tt, [
+              B("span", at, [
+                t.isPrevYear ? (S(), C("span", {
+                  key: 0,
+                  class: "prev-year",
+                  title: ce(R).prevYear,
+                  onClick: q
+                }, [
+                  me(_e, { name: "angle-double-left" })
+                ], 8, nt)) : (S(), C(z, { key: 1 }, [], 64)),
+                t.isPrevMonth ? (S(), C("span", {
+                  key: 2,
+                  class: "prev-month",
+                  title: ce(R).prevMonth,
+                  onClick: ie
+                }, [
+                  me(_e, { name: "angle-left" })
+                ], 8, st)) : (S(), C(z, { key: 3 }, [], 64))
+              ]),
+              B("span", {
+                class: "datetime-switch-year",
+                onClick: k[0] || (k[0] = (O) => c(O, "years"))
+              }, be(t.titleYear), 1),
+              B("span", {
+                class: "datetime-switch-month",
+                onClick: k[1] || (k[1] = (O) => c(O, "months"))
+              }, be(t.titleMonth), 1),
+              B("span", it, [
+                t.isNextYear ? (S(), C("span", {
+                  key: 0,
+                  class: "next-year",
+                  title: ce(R).nextYear,
+                  onClick: V
+                }, [
+                  me(_e, { name: "angle-double-right" })
+                ], 8, ot)) : (S(), C(z, { key: 1 }, [], 64)),
+                t.isNextMonth ? (S(), C("span", {
+                  key: 2,
+                  class: "next-month",
+                  title: ce(R).nextMonth,
+                  onClick: Q
+                }, [
+                  me(_e, { name: "angle-right" })
+                ], 8, lt)) : (S(), C(z, { key: 3 }, [], 64))
+              ])
+            ])
+          ]),
+          B("tr", null, [
+            (S(!0), C(z, null, Ie(u.value, (O, Y) => (S(), C("th", {
+              key: `${M}-week-${Y}`
+            }, be(O), 1))), 128))
+          ])
+        ]),
+        B("tbody", null, [
+          (S(!0), C(z, null, Ie(a.value, (O, Y) => (S(), C("tr", {
+            key: `${M}-days-${Y}`
+          }, [
+            (S(!0), C(z, null, Ie(O.days, (I, ue) => (S(), C("td", {
+              key: `${M}-day-${ue}`,
+              role: "gridcell",
+              tabindex: "0",
+              "aria-disabled": I.isDisabled,
+              class: re(I.cls),
+              onClick: (te) => h(te, I),
+              onKeydown: [
+                Se(Ce((te) => h(te, I), ["prevent"]), ["enter"]),
+                Se(Ce((te) => h(te, I), ["prevent"]), ["space"])
+              ],
+              onMouseover: (te) => w(te, I)
+            }, be(I.day), 43, rt))), 128))
+          ]))), 128))
+        ])
+      ])
+    ], 10, Xe));
+  }
+}), ut = ["id"], mt = { class: "table-base" }, dt = { class: "time-head time-head-month" }, Dt = { class: "time-prev" }, ft = ["title"], ht = { class: "time-next" }, yt = ["title"], pt = { class: "time-body-month" }, vt = ["aria-disabled", "onClick", "onKeydown", "onMouseover"], gt = /* @__PURE__ */ Ee({
+  name: "ClCalendarsMonths",
+  __name: "CalendarsMonths",
+  props: {
+    className: String,
+    // desc: 自定义CSS类名
+    viewValue: String,
+    // desc: 当前视图日期值
+    selectValue: String,
+    // desc: 当前选中日期值
+    startValue: String,
+    // desc: 范围选择开始值
+    endValue: String,
+    // desc: 范围选择结束值
+    hoverValue: String,
+    // desc: 悬停日期值
+    minValue: String,
+    // desc: 最小可选日期
+    maxValue: String
+    // desc: 最大可选日期
+  },
+  emits: {
+    onChangeDate: (d) => !0,
+    // desc: 视图日期变更时触发
+    onChangeType: (d) => !0,
+    // desc: 切换视图类型时触发
+    onSelectDate: (d, le) => !0,
+    // desc: 选中月份时触发
+    onHoverDate: (d, le) => !0,
+    // desc: 悬停月份时触发
+    onInitComplete: (d) => !0
+    // desc: 初始化完成时触发
+  },
+  setup(d, { emit: le }) {
+    const v = d, i = le, R = `calendarsMonths-${o.getRandom(5)}`, { optPageLanguage: $, getPageLanguage: N } = Ne();
+    N("dataTime");
+    const T = Ve("$DateTimeTop"), f = Ve("$DateTimeTopBase"), M = Ve("$DateTimeBase");
+    (!T || !f || !M) && Me.warn(
+      "ClCalendarsMonths",
+      "未找到 $DateTimeTop/$DateTimeTopBase/$DateTimeBase 注入，请确保组件在 ClDateTime 组件树内使用"
+    );
+    const g = T?.elId ? `${T.elId}-calendarsMonths-${o.getRandom(5)}` : void 0, r = de(() => {
+      let V = {
+        "panel-calendarsmonths": !0
+      };
+      return V = o.getJsonMerge(V, $e.getClassNameJson(v.className)), V;
+    }), t = ve({
+      isPrevYear: !1,
+      titleYear: "",
+      isNextYear: !1
+    }), u = Re([]), a = {
+      viewDate: null,
+      selectDate: null,
+      startDate: null,
+      endDate: null,
+      hoverDate: null
+    }, e = () => {
+      if (!a.viewDate)
+        return;
+      const V = a.viewDate.year(), c = a.viewDate.clone().subtract(1, "years").endOf("year"), h = M.checkDataMinMax(c, "month"), w = a.viewDate.clone().add(1, "years").startOf("year"), l = M.checkDataMinMax(w, "month");
+      t.isPrevYear = !h, t.titleYear = `${V}${$.value.year}`, t.isNextYear = !l;
+    }, E = () => {
+      if (!a.viewDate)
+        return;
+      const V = a.viewDate.clone(), c = M.getFocusDate(), h = a.selectDate, w = V.year(), l = [];
+      V.localeData().monthsShort().forEach((k, O) => {
+        const Y = M.getViewMin(w, O);
+        let I = !!(h && Y.isSame(h, "month")), ue = !!(c && Y.isSame(c, "month"));
+        const te = M.checkDataMinMax(Y, "month");
+        let K = !1, W = !1, U = !1;
+        f.isRange && (ue = !1, a.hoverDate ? a.startDate && a.endDate && a.startDate.isSame(a.hoverDate, "month") && a.hoverDate.isBefore(a.endDate, "month") ? (K = Y.isSame(a.startDate, "month"), W = Y.isSame(a.endDate, "month"), U = K || W || Y.isAfter(a.startDate, "month") && Y.isBefore(a.endDate, "month")) : a.startDate ? (K = Y.isSame(a.startDate, "month"), U = K || Y.isSame(a.hoverDate, "month"), U = U || Y.isAfter(a.startDate, "month") && Y.isBefore(a.hoverDate, "month"), W = !!(a.hoverDate && a.hoverDate.isSame(a.startDate, "month")) && K) : a.endDate && (W = Y.isSame(a.endDate, "month"), U = W || Y.isSame(a.hoverDate, "month"), U = U || Y.isAfter(a.hoverDate, "month") && Y.isBefore(a.endDate, "month"), K = !!(a.hoverDate && a.hoverDate.isSame(a.endDate, "month")) && W) : (K = !!(a.startDate && Y.isSame(a.startDate, "month")), a.endDate && a.startDate && (W = Y.isSame(a.endDate, "month"), U = Y.isAfter(a.startDate, "month") && Y.isBefore(a.endDate, "month"))), I = K || W), f.layerType === "months" && (ue = !1);
+        const ye = $e.getAddClass("month", {
+          active: I && !te,
+          focused: ue,
+          disabled: te,
+          "date-start": K,
+          "date-end": W,
+          "range-in": U
+        });
+        l.push({ cls: ye, month: k, isDisabled: te, value: O });
+      }), u.value = l;
+    }, se = (V, c, h) => {
+      if (!a.viewDate)
+        return;
+      const w = a.viewDate.clone()[V](c, h);
+      i("onChangeDate", w);
+    };
+    let ae = !1;
+    const X = () => {
+      ae || (ae = !0, ge(() => {
+        i("onInitComplete", "months");
+      }));
+    }, ne = () => {
+      a.selectDate = T.getMomentDate(v.selectValue), a.startDate = T.getMomentDate(v.startValue), a.endDate = T.getMomentDate(v.endValue), a.hoverDate = T.getMomentDate(v.hoverValue);
+    }, De = (V, c, h) => {
+      if (c !== h) {
+        const w = T.getMomentDate(c);
+        w && w.isValid() && (a[V] = w, ne(), e(), E(), X());
+      }
+    }, fe = () => {
+      const V = T.getMomentDate(v.viewValue);
+      V && V.isValid() && (a.viewDate = V, ne(), e(), E(), X());
+    };
+    Be(() => {
+      ge(() => {
+        fe();
+      });
+    }), oe(
+      () => v.viewValue,
+      (V, c) => {
+        De("viewDate", V, c);
+      }
+    ), oe(
+      [() => v.selectValue, () => v.startValue, () => v.endValue, () => v.hoverValue],
+      () => {
+        a.viewDate && (a.selectDate = T.getMomentDate(v.selectValue), a.startDate = T.getMomentDate(v.startValue), a.endDate = T.getMomentDate(v.endValue), a.hoverDate = T.getMomentDate(v.hoverValue), E());
+      }
+    ), oe([() => v.minValue, () => v.maxValue], () => {
+      a.viewDate && (e(), E());
+    });
+    const H = (V) => {
+      V.preventDefault(), V.stopPropagation(), se("subtract", 1, "years");
+    }, ee = (V) => {
+      V.preventDefault(), V.stopPropagation(), se("add", 1, "years");
+    }, q = (V, c) => {
+      V.preventDefault(), V.stopPropagation(), i("onChangeType", c);
+    }, ie = (V, c) => {
+      V.preventDefault(), V.stopPropagation(), c.isDisabled || i("onSelectDate", "months", c);
+    }, Q = (V, c) => {
+      V.preventDefault(), V.stopPropagation(), c.isDisabled || i("onHoverDate", "months", c);
+    };
+    return (V, c) => (S(), C("div", {
+      class: re(r.value),
+      id: ce(g)
+    }, [
+      B("table", mt, [
+        B("thead", null, [
+          B("tr", null, [
+            B("th", dt, [
+              B("span", Dt, [
+                t.isPrevYear ? (S(), C("span", {
+                  key: 0,
+                  class: "prev-year",
+                  title: ce($).prevYear,
+                  onClick: H
+                }, [
+                  me(_e, { name: "angle-left" })
+                ], 8, ft)) : (S(), C(z, { key: 1 }, [], 64))
+              ]),
+              B("span", {
+                class: "datetime-switch-year",
+                onClick: c[0] || (c[0] = (h) => q(h, "years"))
+              }, be(t.titleYear), 1),
+              B("span", ht, [
+                t.isNextYear ? (S(), C("span", {
+                  key: 0,
+                  class: "next-year",
+                  title: ce($).nextYear,
+                  onClick: ee
+                }, [
+                  me(_e, { name: "angle-right" })
+                ], 8, yt)) : (S(), C(z, { key: 1 }, [], 64))
+              ])
+            ])
+          ])
+        ]),
+        B("tbody", null, [
+          B("tr", null, [
+            B("td", pt, [
+              B("div", null, [
+                (S(!0), C(z, null, Ie(u.value, (h, w) => (S(), C("span", {
+                  key: `${R}-month-${w}`,
+                  role: "button",
+                  tabindex: "0",
+                  "aria-disabled": h.isDisabled,
+                  class: re(h.cls),
+                  onClick: (l) => ie(l, h),
+                  onKeydown: [
+                    Se(Ce((l) => ie(l, h), ["prevent"]), ["enter"]),
+                    Se(Ce((l) => ie(l, h), ["prevent"]), ["space"])
+                  ],
+                  onMouseover: (l) => Q(l, h)
+                }, be(h.month), 43, vt))), 128))
+              ])
+            ])
+          ])
+        ])
+      ])
+    ], 10, ut));
+  }
+}), Vt = ["id"], kt = { class: "table-base" }, wt = { class: "time-head time-head-year" }, St = { class: "time-prev" }, Ct = ["title"], Mt = { class: "time-next" }, bt = ["title"], xt = { class: "time-body-year" }, Tt = ["aria-disabled", "onClick", "onKeydown", "onMouseover"], _t = /* @__PURE__ */ Ee({
+  name: "ClCalendarsYears",
+  __name: "CalendarsYears",
+  props: {
+    className: String,
+    // desc: 自定义CSS类名
+    viewValue: String,
+    // desc: 当前视图日期值
+    selectValue: String,
+    // desc: 当前选中日期值
+    startValue: String,
+    // desc: 范围选择开始值
+    endValue: String,
+    // desc: 范围选择结束值
+    hoverValue: String,
+    // desc: 悬停日期值
+    minValue: String,
+    // desc: 最小可选日期
+    maxValue: String
+    // desc: 最大可选日期
+  },
+  emits: {
+    onChangeDate: (d) => !0,
+    // desc: 视图日期变更时触发
+    onSelectDate: (d, le) => !0,
+    // desc: 选中年份时触发
+    onHoverDate: (d, le) => !0,
+    // desc: 悬停年份时触发
+    onInitComplete: (d) => !0
+    // desc: 初始化完成时触发
+  },
+  setup(d, { emit: le }) {
+    const v = d, i = le, { optPageLanguage: R, getPageLanguage: $ } = Ne();
+    $("dataTime");
+    const N = Ve("$DateTimeTop"), T = Ve("$DateTimeTopBase"), f = Ve("$DateTimeBase");
+    (!N || !T || !f) && Me.warn(
+      "ClCalendarsYears",
+      "未找到 $DateTimeTop/$DateTimeTopBase/$DateTimeBase 注入，请确保组件在 ClDateTime 组件树内使用"
+    );
+    const M = `calendarsYears-${o.getRandom(5)}`, g = N?.elId ? `${N.elId}-calendarsYears-${o.getRandom(5)}` : void 0, r = de(() => {
+      let V = {
+        "panel-calendarsyears": !0
+      };
+      return V = o.getJsonMerge(V, $e.getClassNameJson(v.className)), V;
+    }), t = ve({
+      isPrevYear: !1,
+      titleYear: "",
+      isNextYear: !1
+    }), u = Re([]), a = {
+      startYear: 0,
+      viewDate: null,
+      selectDate: null,
+      startDate: null,
+      endDate: null,
+      hoverDate: null
+    }, e = () => {
+      if (!a.viewDate)
+        return;
+      const V = `${a.startYear}-${a.startYear + 9}`, c = N.getMomentDate({ year: a.startYear - 1, month: 11 }), h = N.getMomentDate({ year: a.startYear + 10, month: 0 }), w = c ? f.checkDataMinMax(c.endOf("month"), "year") : !1, l = h ? f.checkDataMinMax(h.startOf("month"), "year") : !1;
+      t.isPrevYear = !w, t.titleYear = V, t.isNextYear = !l;
+    }, E = () => {
+      const V = f.getFocusDate(), c = a.selectDate, h = [];
+      for (let w = -1; w < 11; w += 1) {
+        const l = a.startYear + w, k = f.getViewMin(l), O = w === -1, Y = w > 9;
+        let I = c ? k.isSame(c, "year") : !1, ue = !!(V && k.isSame(V, "year"));
+        const te = f.checkDataMinMax(k, "year");
+        let K = !1, W = !1, U = !1;
+        if (T.isRange) {
+          if (ue = !1, a.hoverDate) {
+            const pe = parseInt(a.hoverDate.format("YYYY"), 10);
+            a.startDate && a.endDate && a.startDate.isSame(a.hoverDate, "year") && a.hoverDate.isBefore(a.endDate, "year") ? (K = l === parseInt(a.startDate.format("YYYY"), 10), W = l === parseInt(a.endDate.format("YYYY"), 10), U = K || W || l > parseInt(a.startDate.format("YYYY"), 10) && l < parseInt(a.endDate.format("YYYY"), 10)) : a.startDate ? (K = l === parseInt(a.startDate.format("YYYY"), 10), U = K || l === pe, U = U || k.isAfter(a.startDate, "year") && k.isBefore(a.hoverDate, "year"), W = !1) : a.endDate && (W = l === parseInt(a.endDate.format("YYYY"), 10), U = W || l === pe, U = U || k.isAfter(a.hoverDate, "year") && k.isBefore(a.endDate, "year"), K = !!(a.hoverDate && a.hoverDate.isSame(a.endDate, "year")) && W);
+          } else
+            K = !!(a.startDate && k.isSame(a.startDate, "year")), a.endDate && a.startDate && (W = k.isSame(a.endDate, "year"), U = k.isAfter(a.startDate, "year") && k.isBefore(a.endDate, "year"));
+          I = K || W;
+        }
+        T.layerType === "years" && (ue = !1);
+        const ye = $e.getAddClass("year", {
+          old: O,
+          new: Y,
+          active: I && !O && !Y,
+          focused: ue,
+          disabled: te,
+          "date-start": K && !O && !Y,
+          "date-end": W && !O && !Y,
+          "range-in": U && !O && !Y
+        });
+        h.push({ cls: ye, year: l, isDisabled: te, value: l });
+      }
+      u.value = h;
+    }, se = () => {
+      a.viewDate && (a.startYear = Math.floor(a.viewDate.year() / 10) * 10, e(), E());
+    }, ae = (V, c, h) => {
+      a.viewDate && (a.viewDate = a.viewDate.clone()[V](c, h), se(), i("onChangeDate", a.viewDate));
+    };
+    let X = !1;
+    const ne = () => {
+      X || (X = !0, ge(() => {
+        i("onInitComplete", "years");
+      }));
+    }, De = () => {
+      a.selectDate = N.getMomentDate(v.selectValue), a.startDate = N.getMomentDate(v.startValue), a.endDate = N.getMomentDate(v.endValue), a.hoverDate = N.getMomentDate(v.hoverValue);
+    }, fe = (V, c, h) => {
+      if (c !== h) {
+        const w = N.getMomentDate(c);
+        w && w.isValid() ? (a[V] = w, De(), se(), ne()) : (a.viewDate = null, a.startYear = 0, u.value = [], t.isPrevYear = !1, t.isNextYear = !1, t.titleYear = "");
+      }
+    }, H = () => {
+      const V = N.getMomentDate(v.viewValue);
+      V && V.isValid() && (a.viewDate = V, De(), se(), ne());
+    };
+    Be(() => {
+      ge(() => {
+        H();
+      });
+    }), oe(
+      () => v.viewValue,
+      (V, c) => {
+        fe("viewDate", V, c);
+      }
+    ), oe(
+      [() => v.selectValue, () => v.startValue, () => v.endValue, () => v.hoverValue],
+      () => {
+        a.viewDate && (a.selectDate = N.getMomentDate(v.selectValue), a.startDate = N.getMomentDate(v.startValue), a.endDate = N.getMomentDate(v.endValue), a.hoverDate = N.getMomentDate(v.hoverValue), E());
+      }
+    ), oe([() => v.minValue, () => v.maxValue], () => {
+      a.viewDate && (e(), E());
+    });
+    const ee = (V) => {
+      V.preventDefault(), V.stopPropagation(), ae("subtract", 10, "years");
+    }, q = (V) => {
+      V.preventDefault(), V.stopPropagation(), ae("add", 10, "years");
+    }, ie = (V, c) => {
+      V.preventDefault(), V.stopPropagation(), c.isDisabled || i("onSelectDate", "years", c);
+    }, Q = (V, c) => {
+      V.preventDefault(), V.stopPropagation(), c.isDisabled || i("onHoverDate", "years", c);
+    };
+    return (V, c) => (S(), C("div", {
+      class: re(r.value),
+      id: ce(g)
+    }, [
+      B("table", kt, [
+        B("thead", null, [
+          B("tr", null, [
+            B("th", wt, [
+              B("span", St, [
+                t.isPrevYear ? (S(), C("span", {
+                  key: 0,
+                  class: "prev-year",
+                  title: ce(R).prevYear10,
+                  onClick: ee
+                }, [
+                  me(_e, { name: "angle-left" })
+                ], 8, Ct)) : (S(), C(z, { key: 1 }, [], 64))
+              ]),
+              B("span", null, be(t.titleYear), 1),
+              B("span", Mt, [
+                t.isNextYear ? (S(), C("span", {
+                  key: 0,
+                  class: "next-year",
+                  title: ce(R).nextYear10,
+                  onClick: q
+                }, [
+                  me(_e, { name: "angle-right" })
+                ], 8, bt)) : (S(), C(z, { key: 1 }, [], 64))
+              ])
+            ])
+          ])
+        ]),
+        B("tbody", null, [
+          B("tr", null, [
+            B("td", xt, [
+              (S(!0), C(z, null, Ie(u.value, (h, w) => (S(), C("span", {
+                key: `${M}-${h.year}-${w}`,
+                role: "button",
+                tabindex: "0",
+                "aria-disabled": h.isDisabled,
+                class: re(h.cls),
+                onClick: (l) => ie(l, h),
+                onKeydown: [
+                  Se(Ce((l) => ie(l, h), ["prevent"]), ["enter"]),
+                  Se(Ce((l) => ie(l, h), ["prevent"]), ["space"])
+                ],
+                onMouseover: (l) => Q(l, h)
+              }, be(h.year), 43, Tt))), 128))
+            ])
+          ])
+        ])
+      ])
+    ], 10, Vt));
+  }
+}), $t = ["id"], Yt = { class: "times-container" }, Et = ["title"], Ot = ["title"], It = { class: "times-clock" }, Bt = { class: "clock-nums" }, Pt = ["aria-disabled", "onClick", "onKeydown"], Nt = { class: "clock-pointer" }, Rt = { class: "clock-am" }, At = "2000-01-01", Ht = /* @__PURE__ */ Ee({
+  name: "ClCalendarsClocks",
+  __name: "CalendarsClock",
+  props: {
+    className: String,
+    // desc: 自定义CSS类名
+    selectDay: String,
+    // desc: 选中日期
+    selectValue: String,
+    // desc: 选中时间值
+    minValue: String,
+    // desc: 最小可选时间
+    maxValue: String,
+    // desc: 最大可选时间
+    isShowPointer: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示表盘指针
+    },
+    isShowSubmit: {
+      type: Boolean,
+      default: !1
+      // desc: 是否显示确认按钮
+    },
+    isShowCancel: {
+      type: Boolean,
+      default: !1
+      // desc: 是否显示取消按钮
+    },
+    isClickOverlay: {
+      type: Boolean,
+      default: !1
+      // desc: 是否点击遮罩关闭
+    }
+  },
+  emits: {
+    onSubmit: (d) => !0,
+    // desc: 确认时间选择时触发
+    onInitComplete: (d) => !0
+    // desc: 初始化完成时触发
+  },
+  setup(d, { emit: le }) {
+    const v = d, i = le, R = `calendarsClock-${o.getRandom(5)}`, { optPageLanguage: $, getPageLanguage: N } = Ne();
+    N("dataTime");
+    const T = Ve("$DateTimeTop"), f = Ve("$DateTimeTopBase");
+    (!T || !f) && Me.warn(
+      "ClCalendarsClocks",
+      "未找到 $DateTimeTop/$DateTimeTopBase 注入，请确保组件在 ClDateTime 组件树内使用"
+    );
+    const M = T?.elId ? `${T.elId}-calendarsClock-${o.getRandom(5)}` : void 0, g = ve({
+      isOpen: !1,
+      activePointer: "hour",
+      activeAm: "am"
+    }), r = ve({
+      hour: !0,
+      hourDisabled: !1,
+      minute: !0,
+      minuteDisabled: !1,
+      minuteShowAddSub: !0,
+      second: !0,
+      secondDisabled: !1
+    }), t = ve({
+      hour: -90,
+      hourMinute: 0,
+      minute: -90,
+      minuteSecond: 0,
+      second: -90
+    }), u = ve({
+      hour: "00",
+      minute: "00",
+      second: "00"
+    }), a = Re([]), e = {
+      selectDayDate: null,
+      minDate: null,
+      maxDate: null,
+      timeAngle: { hour: 30, minute: 6, second: 6 },
+      num: {
+        hourAm: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
+        hourPm: [12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23],
+        minute: [0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55],
+        second: [0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55]
+      },
+      origValue: {
+        hour: "00",
+        minute: "00",
+        second: "00"
+      },
+      lastValue: {
+        hour: "00",
+        minute: "00",
+        second: "00"
+      },
+      isCheckMin: !1,
+      checkMinDiff: null,
+      min: {
+        hour: 0,
+        minute: 0,
+        second: 0
+      },
+      isCheckMax: !1,
+      checkMaxDiff: null,
+      max: {
+        hour: 0,
+        minute: 0,
+        second: 0
+      }
+    }, E = de(() => {
+      let s = {
+        "panel-calendarsclocks": !0,
+        "datetime-times": !0
+      };
+      return s["times-open"] = g.isOpen, s = o.getJsonMerge(s, $e.getClassNameJson(v.className)), s;
+    }), se = de(() => {
+      const s = { "pointer-hour": !0 };
+      return s["pointer-active"] = g.activePointer === "hour", s["pointer-disabled"] = r.hourDisabled, s;
+    }), ae = de(() => {
+      const s = { "pointer-minute": !0 };
+      return s["pointer-active"] = g.activePointer === "minute", s["pointer-disabled"] = r.minuteDisabled, s;
+    }), X = de(() => {
+      const s = { "pointer-second": !0 };
+      return s["pointer-active"] = g.activePointer === "second", s["pointer-disabled"] = r.secondDisabled, s;
+    }), ne = de(() => {
+      const s = { "am-am": !0 };
+      return s["am-active"] = g.activeAm === "am", s;
+    }), De = de(() => {
+      const s = { "am-pm": !0 };
+      return s["am-active"] = g.activeAm === "pm", s;
+    }), fe = de(() => {
+      const s = { "clock-set": !0, "clock-set-hour": !0 };
+      return s["clock-set-active"] = g.activePointer === "hour", s["clock-set-disabled"] = r.hourDisabled, s;
+    }), H = de(() => {
+      const s = { "clock-set": !0, "clock-set-minute": !0 };
+      return s["clock-set-active"] = g.activePointer === "minute", s["clock-set-disabled"] = r.minuteDisabled, s;
+    }), ee = de(() => {
+      const s = { "clock-set": !0, "clock-set-second": !0 };
+      return s["clock-set-active"] = g.activePointer === "second", s["clock-set-disabled"] = r.secondDisabled, s;
+    }), q = (s, m) => {
+      e[s] = T.getMomentDate(m);
+    }, ie = (s) => {
+      let m = parseInt(e.lastValue[s], 10), y = parseInt(u[s], 10), L = 0;
+      return s === "hour" ? (y === 0 && m === 23 && (y = 24), m === 0 && y === 23 && (m = 24), y - m > 6 && (m += 12), m - y >= 6 && (y += 12), L = y - m) : (y - m > 30 && (m += 60), m - y >= 30 && (y += 60), L = y - m), L;
+    }, Q = (s) => {
+      const y = ie(s) * e.timeAngle[s];
+      return t[s] + (y >= 360 ? y % 360 : y);
+    }, V = () => {
+      const s = Q("hour"), m = e.timeAngle.hour * parseFloat((parseInt(u.minute, 10) / 60).toString()), y = Q("minute"), L = e.timeAngle.second * parseFloat((parseInt(u.second, 10) / 60).toString()), G = Q("second");
+      t.hour = s, t.hourMinute = m, t.minute = y, t.minuteSecond = L, t.second = G;
+    }, c = (s) => parseInt(s, 10) < 12 ? "am" : "pm", h = (s, m) => {
+      let y = !0;
+      switch (s) {
+        case "hour":
+          y = !0;
+          break;
+        case "minute":
+          y = parseInt(u.hour, 10) === e[m].hour;
+          break;
+        case "second":
+          y = parseInt(u.hour, 10) === e[m].hour && parseInt(u.minute, 10) === e[m].minute;
+          break;
+      }
+      return y;
+    }, w = () => e.isCheckMin && e.isCheckMax && e.checkMinDiff === 0 && e.checkMaxDiff === 0 && e.min.hour > e.max.hour, l = (s, m) => {
+      let y = !1;
+      return w() && s === "hour" ? y = m < e.min[s] && m > e.max[s] : e.isCheckMin && (e.checkMinDiff === 0 ? h(s, "min") && (y = m < e.min[s]) : e.checkMinDiff < 0 && (y = !0)), !y && e.isCheckMax && (e.checkMaxDiff === 0 ? h(s, "max") && (y = m > e.max[s]) : e.checkMaxDiff > 0 && (y = !0)), y;
+    }, k = (s) => {
+      let m = s;
+      m === "hour" && (m = g.activeAm === "am" ? "hourAm" : "hourPm");
+      const y = r[`${s}Disabled`], L = [];
+      e.num[m].forEach((G, j) => {
+        const he = { num: G, cls: "clock-num", isDisabled: !1 };
+        he.cls += ` clock-num${j + 1} `, he.isDisabled = y ? !0 : l(s, G), he.isDisabled && (he.cls += " clock-nums-disabled "), L.push(he);
+      }), a.value = L;
+    }, O = (s) => {
+      g.activePointer = s, s === "hour" && (g.activeAm = c(u.hour)), k(s);
+    }, Y = (s) => {
+      let m = null;
+      if (!o.isUndefined(s) && !o.isUndefined(e.selectDayDate)) {
+        const y = e.selectDayDate.clone().format("YYYY-MM-DD 00:00:00"), L = s.clone().format("YYYY-MM-DD 00:00:00");
+        m = T.Dayjs(y).diff(T.Dayjs(L));
+      }
+      return m;
+    }, I = (s = !0) => {
+      t.hour = -90, t.hourMinute = 0, t.minute = -90, t.minuteSecond = 0, t.second = -90, e.lastValue = { hour: "00", minute: "00", second: "00" }, V(), ge(() => {
+        const m = u.hour, y = u.minute, L = u.second;
+        e.lastValue = { hour: m, minute: y, second: L }, s && (e.origValue = { hour: m, minute: y, second: L });
+      });
+    }, ue = (s, m) => {
+      e.lastValue.hour = u.hour, e.lastValue.minute = u.minute, e.lastValue.second = u.second, u[s] = o.getFillZero(m), V(), v.isShowSubmit || i("onSubmit", `${u.hour}:${u.minute}:${u.second}`);
+    }, te = (s) => {
+      let m = 0, y = 0, L = 0;
+      if (!o.isEmpty(s)) {
+        const G = (o.isEmpty(e.selectDayDate) ? T.getNow() : e.selectDayDate).format("YYYY-MM-DD"), j = T.getMomentDate(`${G} ${s}`);
+        j && j.isValid() && (m = j.hour(), y = j.minute(), L = j.second());
+      }
+      return { HH: m, mm: y, ss: L };
+    }, K = () => {
+      let s = !0, m = !0;
+      const y = o.isEmpty(e.selectDayDate), L = te(v.selectValue), G = L.HH, j = L.mm, he = L.ss;
+      switch (f.layerType) {
+        case "hours":
+          s = !1, m = !1;
+          break;
+        case "minutes":
+          m = !1;
+          break;
+      }
+      e.isCheckMin = !o.isUndefined(e.minDate), e.isCheckMin && (e.checkMinDiff = T.checkIsTimes() ? 0 : Y(e.minDate), e.min = {
+        hour: e.minDate.hour(),
+        minute: e.minDate.minute(),
+        second: e.minDate.second()
+      }), e.isCheckMax = !o.isUndefined(e.maxDate), e.isCheckMax && (e.checkMaxDiff = T.checkIsTimes() ? 0 : Y(e.maxDate), e.max = {
+        hour: e.maxDate.hour(),
+        minute: e.maxDate.minute(),
+        second: e.maxDate.second()
+      });
+      const Ae = o.getFillZero(G);
+      let xe = o.getFillZero(j), Oe = o.getFillZero(he);
+      s || (xe = "00"), m || (Oe = "00"), e.origValue = { hour: Ae, minute: xe, second: Oe }, r.hour = !0, r.minute = s, r.second = m, u.hour = Ae, u.minute = xe, u.second = Oe, T.checkIsTimes() || (r.hourDisabled = y, r.minuteDisabled = y, r.secondDisabled = y), f.layerType === "hours" && (r.minute = !0, r.minuteDisabled = !0, r.minuteShowAddSub = !1), W(), U();
+    }, W = () => {
+      e.lastValue = { hour: "00", minute: "00", second: "00" }, t.hour = -90, t.hourMinute = 0, t.minute = -90, t.minuteSecond = 0, t.second = -90;
+    }, U = () => {
+      V(), g.activeAm = c(u.hour), k(g.activePointer);
+    }, ye = () => {
+      g.isOpen = v.isShowPointer, q(
+        "selectDayDate",
+        T.checkIsTimes() ? At : v.selectDay
+      ), q("minDate", T.getValueEffective(v.minValue)), q("maxDate", T.getValueEffective(v.maxValue)), K(), O("hour"), I(), ge(() => {
+        i("onInitComplete", "times");
+      });
+    }, pe = (s) => {
+      let m = !1;
+      return r[s] && !r[`${s}Disabled`] && (g.isOpen ? m = !0 : (I(!1), g.isOpen = !0, O(s))), m;
+    }, Ye = (s, m) => {
+      if (r[s] && !r[`${s}Disabled`] && g.isOpen) {
+        let y = !0, L = 0, G = s === "hour" ? 23 : 59;
+        if (e.isCheckMin && (e.checkMinDiff === 0 ? h(s, "min") && (L = e.min[s]) : e.checkMinDiff < 0 && (y = !1)), e.isCheckMax && (e.checkMaxDiff === 0 ? h(s, "max") && (G = e.max[s]) : e.checkMaxDiff > 0 && (y = !1)), y) {
+          const j = parseInt(u[s], 10);
+          let he = 0;
+          w() && s === "hour" ? he = m === "add" ? j >= 23 ? 0 : j + 1 : j <= 0 ? 23 : j - 1 : m === "add" ? he = j < L || j >= G ? L : j + 1 : he = j > G || j <= L ? G : j - 1, l(s, he) || (ue(s, he), O(s));
+        }
+      }
+    };
+    Be(() => {
+      ge(() => {
+        ye();
+      });
+    }), oe(
+      () => v.selectDay,
+      (s, m) => {
+        q("selectDayDate", s), K();
+      }
+    ), oe(
+      () => v.minValue,
+      (s, m) => {
+        const y = T.getValueEffective(s);
+        q("minDate", y), K();
+      }
+    ), oe(
+      () => v.maxValue,
+      (s, m) => {
+        const y = T.getValueEffective(s);
+        q("maxDate", y), K();
+      }
+    ), oe(
+      () => v.selectValue,
+      (s, m) => {
+        const y = te(s), L = o.getFillZero(y.HH), G = o.getFillZero(y.mm), j = o.getFillZero(y.ss);
+        (u.hour !== L || u.minute !== G || u.second !== j) && (u.hour = L, u.minute = G, u.second = j, e.origValue = { hour: L, minute: G, second: j }, W(), U());
+      }
+    );
+    const D = (s) => {
+      r[s] && !r[`${s}Disabled`] && (O(s), g.isOpen || (I(), g.isOpen = !0));
+    }, _ = (s) => {
+      if (!s.isDisabled) {
+        const m = g.activePointer, y = parseInt(u[m], 10), L = s.num;
+        L !== y && ue(m, L);
+      }
+    }, x = (s) => {
+      g.activeAm = s, g.activePointer = "hour";
+      const m = parseInt(u.hour, 10);
+      s === "pm" && m < 12 ? u.hour = o.getFillZero(m + 12) : s === "am" && m >= 12 && (u.hour = o.getFillZero(m - 12)), V(), k("hour");
+    }, P = () => pe("hour"), n = (s) => {
+      let m = !1, y = !1;
+      const L = w();
+      if (e.isCheckMin) {
+        if (e.checkMinDiff < 0)
+          m = !0, y = !0;
+        else if (e.checkMinDiff === 0) {
+          const G = parseInt(u[s], 10);
+          h(s, "min") && (m = L ? G === e.min[s] : G <= e.min[s]);
+        }
+      }
+      if (e.isCheckMax) {
+        if (e.checkMaxDiff > 0)
+          m = !0, y = !0;
+        else if (e.checkMaxDiff === 0) {
+          const G = parseInt(u[s], 10);
+          h(s, "max") && (y = L ? G === e.max[s] : G >= e.max[s]);
+        }
+      }
+      return { subtractDisabled: m, addDisabled: y };
+    }, p = (s) => (o.isEmpty(s.type) || Ye("hour", s.type), { value: u.hour, ...n("hour") }), b = () => pe("minute"), A = (s) => (o.isEmpty(s.type) || Ye("minute", s.type), { value: u.minute, ...n("minute") }), F = () => pe("second"), Z = (s) => (o.isEmpty(s.type) || Ye("second", s.type), { value: u.second, ...n("second") }), ke = () => {
+      v.isClickOverlay && g.isOpen && (T.checkIsTimes() || (g.isOpen = !1), i("onSubmit", `${u.hour}:${u.minute}:${u.second}`));
+    }, we = () => {
+      T.checkIsTimes() || (g.isOpen = !1), i("onSubmit", `${u.hour}:${u.minute}:${u.second}`);
+    }, Te = () => {
+      (u.hour !== e.origValue.hour || u.minute !== e.origValue.minute || u.second !== e.origValue.second) && (e.lastValue.hour = u.hour, e.lastValue.minute = u.minute, e.lastValue.second = u.second, u.hour = e.origValue.hour, u.minute = e.origValue.minute, u.second = e.origValue.second, U()), T.checkIsTimes() || (g.isOpen = !1);
+    };
+    return (s, m) => (S(), C("div", {
+      class: re(E.value),
+      id: ce(M)
+    }, [
+      m[15] || (m[15] = B("div", { class: "datetime-times-inner" }, null, -1)),
+      B("div", null, [
+        B("div", Yt, [
+          B("div", {
+            class: "times-overlay",
+            onClick: ke
+          }),
+          d.isShowCancel ? (S(), C("div", {
+            key: 0,
+            class: "times-cancel",
+            title: ce($).common.cancel,
+            onClick: Te
+          }, [
+            me(_e, { name: "close1" })
+          ], 8, Et)) : (S(), C(z, { key: 1 }, [], 64)),
+          d.isShowSubmit ? (S(), C("div", {
+            key: 2,
+            class: "times-submit",
+            title: ce($).common.submit,
+            onClick: we
+          }, [
+            me(_e, { name: "check1" })
+          ], 8, Ot)) : (S(), C(z, { key: 3 }, [], 64)),
+          B("div", It, [
+            B("div", Bt, [
+              (S(!0), C(z, null, Ie(a.value, (y, L) => (S(), C("div", {
+                key: `${R}-clock-${L}`,
+                role: "button",
+                tabindex: "0",
+                "aria-disabled": y.isDisabled,
+                class: re(y.cls),
+                onClick: (G) => _(y),
+                onKeydown: [
+                  Se(Ce((G) => _(y), ["prevent"]), ["enter"]),
+                  Se(Ce((G) => _(y), ["prevent"]), ["space"])
+                ]
+              }, be(y.num), 43, Pt))), 128))
+            ]),
+            B("div", Nt, [
+              r.hour ? (S(), C("div", {
+                key: 0,
+                class: re(se.value),
+                onClick: m[0] || (m[0] = (y) => D("hour")),
+                style: Le({ transform: `rotate(${t.hour + t.hourMinute}deg)` })
+              }, null, 6)) : (S(), C(z, { key: 1 }, [], 64)),
+              r.minute ? (S(), C("div", {
+                key: 2,
+                class: re(ae.value),
+                onClick: m[1] || (m[1] = (y) => D("minute")),
+                style: Le({ transform: `rotate(${t.minute + t.minuteSecond}deg)` })
+              }, null, 6)) : (S(), C(z, { key: 3 }, [], 64)),
+              r.second ? (S(), C("div", {
+                key: 4,
+                class: re(X.value),
+                onClick: m[2] || (m[2] = (y) => D("second")),
+                style: Le({ transform: `rotate(${t.second}deg)` })
+              }, null, 6)) : (S(), C(z, { key: 5 }, [], 64))
+            ]),
+            ze(B("div", Rt, [
+              B("small", {
+                role: "button",
+                tabindex: "0",
+                class: re(ne.value),
+                onClick: m[3] || (m[3] = (y) => x("am")),
+                onKeydown: [
+                  m[4] || (m[4] = Se(Ce((y) => x("am"), ["prevent"]), ["enter"])),
+                  m[5] || (m[5] = Se(Ce((y) => x("am"), ["prevent"]), ["space"]))
+                ]
+              }, be(ce($).am), 35),
+              B("small", {
+                role: "button",
+                tabindex: "0",
+                class: re(De.value),
+                onClick: m[6] || (m[6] = (y) => x("pm")),
+                onKeydown: [
+                  m[7] || (m[7] = Se(Ce((y) => x("pm"), ["prevent"]), ["enter"])),
+                  m[8] || (m[8] = Se(Ce((y) => x("pm"), ["prevent"]), ["space"]))
+                ]
+              }, be(ce($).pm), 35)
+            ], 512), [
+              [We, g.activePointer === "hour"]
+            ])
+          ])
+        ]),
+        r.hour ? (S(), C("div", {
+          key: 0,
+          class: re(fe.value),
+          onClick: m[10] || (m[10] = (y) => D("hour"))
+        }, [
+          me(Qe, {
+            value: u.hour,
+            "onUpdate:value": m[9] || (m[9] = (y) => u.hour = y),
+            size: "small",
+            isClean: !1,
+            disabled: r.hourDisabled,
+            isTextRead: !0,
+            fillZeroCount: 2,
+            isLoop: !0,
+            btnTheme: "upDown",
+            operateBtnDownBeforeCallback: P,
+            calculationOperateValueCallback: p
+          }, null, 8, ["value", "disabled"])
+        ], 2)) : (S(), C(z, { key: 1 }, [], 64)),
+        r.minute && r.minuteShowAddSub ? (S(), C("div", {
+          key: 2,
+          class: re(H.value),
+          onClick: m[12] || (m[12] = (y) => D("minute"))
+        }, [
+          me(Qe, {
+            value: u.minute,
+            "onUpdate:value": m[11] || (m[11] = (y) => u.minute = y),
+            size: "small",
+            isClean: !1,
+            disabled: r.minuteDisabled,
+            isTextRead: !0,
+            fillZeroCount: 2,
+            isLoop: !0,
+            btnTheme: "upDown",
+            operateBtnDownBeforeCallback: b,
+            calculationOperateValueCallback: A
+          }, null, 8, ["value", "disabled"])
+        ], 2)) : (S(), C(z, { key: 3 }, [], 64)),
+        r.second ? (S(), C("div", {
+          key: 4,
+          class: re(ee.value),
+          onClick: m[14] || (m[14] = (y) => D("second"))
+        }, [
+          me(Qe, {
+            value: u.second,
+            "onUpdate:value": m[13] || (m[13] = (y) => u.second = y),
+            size: "small",
+            isClean: !1,
+            disabled: r.secondDisabled,
+            isTextRead: !0,
+            fillZeroCount: 2,
+            isLoop: !0,
+            btnTheme: "upDown",
+            operateBtnDownBeforeCallback: F,
+            calculationOperateValueCallback: Z
+          }, null, 8, ["value", "disabled"])
+        ], 2)) : (S(), C(z, { key: 5 }, [], 64))
+      ])
+    ], 10, $t));
+  }
+}), Lt = ["id"], je = /* @__PURE__ */ Ee({
+  name: "ClCalendarsBase",
+  __name: "CalendarsBase",
+  props: {
+    className: String,
+    // desc: 自定义CSS类名
+    viewValue: String,
+    // desc: 当前视图日期值
+    selectValue: String,
+    // desc: 当前选中日期值
+    startValue: String,
+    // desc: 范围选择开始值
+    endValue: String,
+    // desc: 范围选择结束值
+    hoverValue: String,
+    // desc: 悬停日期值
+    minValue: String,
+    // desc: 最小可选日期
+    maxValue: String
+    // desc: 最大可选日期
+  },
+  emits: {
+    onSelectDate: (d) => !0,
+    // desc: 选中日期时触发
+    onChangeViewValue: (d) => !0,
+    // desc: 视图日期变更时触发
+    onHoverDate: (d) => !0,
+    // desc: 悬停日期时触发（payload 为 Dayjs 实例，由 _getSelectDateByElement 产出）
+    onChangeViewType: (d) => !0,
+    // desc: 视图类型变更时触发
+    onSelectTime: (d) => !0,
+    // desc: 选中时间时触发
+    onInitComplete: (d) => !0
+    // desc: 初始化完成时触发
+  },
+  setup(d, { emit: le }) {
+    const v = d, i = le, R = Ve("$DateTimeTop"), $ = Ve("$DateTimeTopBase");
+    (!R || !$) && Me.warn(
+      "ClCalendarsBase",
+      "未找到 $DateTimeTop/$DateTimeTopBase 注入，请确保组件在 ClDateTime 组件树内使用"
+    );
+    const N = R?.elId ? `${R.elId}-calendarsBase-${o.getRandom(5)}` : void 0, T = de(() => {
+      let c = {
+        "panel-calendarsbase": !0
+      };
+      return c = o.getJsonMerge(c, $e.getClassNameJson(v.className)), c;
+    }), f = ve({
+      currentView: "",
+      viewValue: "",
+      selectValue: "",
+      selectClockDay: "",
+      selectClockTime: ""
+    }), M = ve({
+      isShow: !1,
+      isViewDay: !1,
+      isShowClockPointer: !1,
+      isShowClockSubmit: !1,
+      isShowClockCancel: !1,
+      isClockClickOverlay: !1
+    }), g = {
+      viewDate: null,
+      selectDate: null,
+      focusDate: null,
+      minDate: null,
+      maxDate: null
+    }, r = (c, h) => {
+      g[c] = o.isString(h) ? R.getMomentDate(h) : null;
+    }, t = (c) => {
+      const h = Object.keys(c);
+      o.isExistValue(h, "viewValue") && $.layerView === c.currentView && i("onChangeViewValue", c.viewValue), h.forEach((w) => {
+        const l = w, k = c[l];
+        o.isExistJsonKey(f, l) && f[l] !== k && (f[l] = k), o.isExistJsonKey(g, l) && (g[l] = k);
+      });
+    }, u = (c, h) => {
+      let w = !1;
+      return o.isEmpty(c) || o.isNaN(c) || (o.isEmpty(g.minDate) || (w = R.Dayjs(c).isBefore(g.minDate, h)), !w && !o.isEmpty(g.maxDate) && (w = R.Dayjs(c).isAfter(g.maxDate, h))), w;
+    }, a = (c, h) => {
+      let w = 0, l = 1;
+      if (o.isEmpty(g.minDate))
+        o.isUndefined(h) || (w = h);
+      else {
+        const k = c === g.minDate.year();
+        let O = !0;
+        o.isUndefined(h) ? w = k ? g.minDate.month() : 0 : (O = h === g.minDate.month(), w = h), l = k && O ? g.minDate.date() : 1;
+      }
+      return R.getMomentDate({ year: c, month: w, day: l }) ?? R.getNow().startOf("year");
+    }, e = (c) => {
+      let h = "";
+      switch (c) {
+        case "months":
+          h = "days";
+          break;
+        case "years":
+          h = "months";
+          break;
+        default:
+          h = "days";
+          break;
+      }
+      return h;
+    }, E = (c) => {
+      const w = (c || g.selectDate || g.viewDate).format("YYYY-MM-DD") + " " + (o.isEmpty(f.selectClockTime) ? "00:00:00" : f.selectClockTime);
+      return R.Dayjs(w);
+    }, se = (c, h) => {
+      const w = g.viewDate.clone(), l = parseInt(h.value, 10);
+      if (o.isNaN(l))
+        return E(w);
+      let k;
+      switch (c) {
+        case "days": {
+          let O = 0;
+          h.isNew ? O = 1 : h.isOld && (O = -1), k = w.month(w.month() + O).date(l);
+          break;
+        }
+        case "months": {
+          const O = g.selectDate || w, Y = w.month(l);
+          k = Y.date(Math.min(O.date(), Y.daysInMonth()));
+          break;
+        }
+        case "years":
+          k = w.month(0).date(1).year(l);
+          break;
+        default:
+          k = w;
+          break;
+      }
+      return E(k);
+    }, ae = () => {
+      f.viewValue = g.viewDate.format($.formatIn), g.focusDate = g.viewDate.clone();
+    }, X = (c) => {
+      r("selectDate", c === "-1" ? "" : c);
+      const h = g.selectDate ? g.selectDate.format("YYYY-MM-DD") : "";
+      f.selectValue = h, f.selectClockDay = h, f.selectClockTime = g.selectDate ? g.selectDate.format("HH:mm:ss") : "";
+    }, ne = () => {
+      let c = !1, h = !1, w = !1, l = !1, k = !1, O = !1;
+      f.currentView === "times" ? (c = !0, w = !0, O = !1, l = $.isDefault && $.isShowPopup, k = $.isDefault && $.isShowPopup, $.layerType === "hours" && (k = !1, l = !1)) : f.currentView === "days" && (h = $.timeType === "datetime", h && (k = !0, l = !0, w = !1, O = !0)), M.isShow = c, M.isViewDay = h, M.isShowClockPointer = w, M.isShowClockSubmit = l, M.isShowClockCancel = k, M.isClockClickOverlay = O;
+    }, De = () => {
+      f.currentView = $.layerView, g.viewDate = R.getViewDate(v.viewValue), ae(), X(v.selectValue), r("minDate", v.minValue), r("maxDate", v.maxValue), ne();
+    };
+    Be(() => {
+      ge(() => {
+        De();
+      });
+    }), oe(
+      () => v.viewValue,
+      (c, h) => {
+        g.viewDate = R.getViewDate(c), ae();
+      }
+    ), oe(
+      () => v.selectValue,
+      (c, h) => {
+        const w = $.isRange && c === "-1";
+        let l = c;
+        const k = f.selectClockTime;
+        w && (l = ""), X(l), w && (f.selectClockTime = k);
+      }
+    ), oe(
+      () => v.minValue,
+      (c, h) => {
+        r("minDate", c);
+      }
+    ), oe(
+      () => v.maxValue,
+      (c, h) => {
+        r("maxDate", c);
+      }
+    );
+    const fe = (c) => {
+      t({
+        currentView: f.currentView,
+        viewDate: c.clone(),
+        viewValue: c.format($.formatIn)
+      });
+    }, H = (c) => {
+      f.currentView = c, g.focusDate = g.viewDate.clone(), ne(), i("onChangeViewType", c);
+    }, ee = (c, h) => {
+      const w = se(c, h), l = w.format("YYYY-MM-DD"), k = {};
+      if ($.layerView === c)
+        k.selectDate = w, k.selectValue = l, $.isRange || (k.selectClockDay = l), t(k), i("onSelectDate", l);
+      else {
+        const O = e(c);
+        if (O === c) {
+          k.selectDate = w, k.selectValue = l, $.isRange || (k.selectClockDay = l), t(k), i("onSelectDate", l);
+          return;
+        }
+        k.viewDate = w.clone().startOf("month"), k.viewValue = k.viewDate.format($.formatIn), k.currentView = O, t(k), ne(), i("onChangeViewType", k.currentView);
+      }
+    }, q = (c, h) => {
+      const w = se(c, h);
+      i("onHoverDate", w);
+    }, ie = (c) => {
+      t({ selectClockTime: c }), i("onSelectTime", c);
+    }, Q = /* @__PURE__ */ new Set(), V = (c) => {
+      $.layerView === c && !Q.has(c) && (Q.add(c), i("onInitComplete", c));
+    };
+    return Fe("$DateTimeBase", {
+      checkDataMinMax: u,
+      getViewMin: a,
+      getFocusDate: () => g.focusDate && g.focusDate.clone()
+    }), (c, h) => (S(), C("div", {
+      id: ce(N),
+      class: re(T.value)
+    }, [
+      f.currentView === "days" ? (S(), Pe(ct, {
+        key: 0,
+        viewValue: f.viewValue,
+        selectValue: f.selectValue,
+        startValue: d.startValue,
+        endValue: d.endValue,
+        hoverValue: d.hoverValue,
+        minValue: d.minValue,
+        maxValue: d.maxValue,
+        onOnChangeDate: fe,
+        onOnChangeType: H,
+        onOnSelectDate: ee,
+        onOnHoverDate: q,
+        onOnInitComplete: V
+      }, null, 8, ["viewValue", "selectValue", "startValue", "endValue", "hoverValue", "minValue", "maxValue"])) : f.currentView === "months" ? (S(), Pe(gt, {
+        key: 1,
+        viewValue: f.viewValue,
+        selectValue: f.selectValue,
+        startValue: d.startValue,
+        endValue: d.endValue,
+        hoverValue: d.hoverValue,
+        minValue: d.minValue,
+        maxValue: d.maxValue,
+        onOnChangeDate: fe,
+        onOnChangeType: H,
+        onOnSelectDate: ee,
+        onOnHoverDate: q,
+        onOnInitComplete: V
+      }, null, 8, ["viewValue", "selectValue", "startValue", "endValue", "hoverValue", "minValue", "maxValue"])) : f.currentView === "years" ? (S(), Pe(_t, {
+        key: 2,
+        viewValue: f.viewValue,
+        selectValue: f.selectValue,
+        startValue: d.startValue,
+        endValue: d.endValue,
+        hoverValue: d.hoverValue,
+        minValue: d.minValue,
+        maxValue: d.maxValue,
+        onOnChangeDate: fe,
+        onOnSelectDate: ee,
+        onOnHoverDate: q,
+        onOnInitComplete: V
+      }, null, 8, ["viewValue", "selectValue", "startValue", "endValue", "hoverValue", "minValue", "maxValue"])) : (S(), C(z, { key: 3 }, [], 64)),
+      M.isShow || M.isViewDay ? (S(), C("div", {
+        key: 4,
+        class: re({ "datetime-days-times": M.isViewDay })
+      }, [
+        me(Ht, {
+          selectDay: f.selectClockDay,
+          selectValue: f.selectClockTime,
+          minValue: d.minValue,
+          maxValue: d.maxValue,
+          isShowPointer: M.isShowClockPointer,
+          isShowSubmit: M.isShowClockSubmit,
+          isShowCancel: M.isShowClockCancel,
+          isClickOverlay: M.isClockClickOverlay,
+          onOnSubmit: ie,
+          onOnInitComplete: V
+        }, null, 8, ["selectDay", "selectValue", "minValue", "maxValue", "isShowPointer", "isShowSubmit", "isShowCancel", "isClickOverlay"])
+      ], 2)) : (S(), C(z, { key: 5 }, [], 64))
+    ], 10, Lt));
+  }
+}), Qt = ["tabindex", "aria-disabled", "onKeydown"], Ft = /* @__PURE__ */ Ee({
+  name: "ClDateTimeDefault",
+  __name: "DateTimeDefault",
+  props: {
+    className: String,
+    // desc: 自定义CSS类名
+    value: String,
+    // desc: 绑定日期值
+    minValue: String,
+    // desc: 最小可选日期
+    maxValue: String
+    // desc: 最大可选日期
+  },
+  emits: {
+    // payload 为选中值解析后的 Dayjs 实例（_emitSelectValue 已判空，永不 emit null）
+    onSelectValue: (d) => !0,
+    // desc: 选中值变更时触发
+    onInitComplete: () => !0
+    // desc: 初始化完成时触发
+  },
+  setup(d, { expose: le, emit: v }) {
+    const i = d, R = v, { optPageLanguage: $, getPageLanguage: N } = Ne();
+    N("dataTime");
+    const T = Ve("$DateTimeTop"), f = Ve("$DateTimeTopBase");
+    (!T || !f) && Me.warn(
+      "ClDateTimeDefault",
+      "未找到 $DateTimeTop/$DateTimeTopBase 注入，请确保组件在 ClDateTime 组件树内使用"
+    );
+    const M = ve({
+      isShowSubmit: !1,
+      isSubmitDisplay: !1
+    }), g = ve({
+      day: "",
+      time: ""
+    }), r = de(() => {
+      let H = {
+        "panel-date-time-default": !0,
+        "datetime-default": !0,
+        // 日历内容自持类：面板挂载到容器外后不再有 .panel-date-time 祖先，样式以此类为限定
+        "datetime-panel-body": !0
+      };
+      return H = o.getJsonMerge(H, $e.getClassNameJson(i.className)), H;
+    }), t = () => {
+      const H = T.getMergeDayTime(g.day, g.time), ee = T.checkValue(H);
+      M.isSubmitDisplay = o.isEmpty(g.day) || ee.errMsg.length > 0;
+    }, u = (H) => {
+      let ee = !1;
+      f.timeType === "datetime" && (ee = H === "days"), M.isShowSubmit = ee;
+    }, a = (H) => {
+      let ee = "", q = "", ie = !0;
+      if (o.isNonEmptyString(H)) {
+        const Q = T.getMomentDate(H);
+        Q && (ee = Q.format("YYYY-MM-DD"), q = Q.format("HH:mm:ss"), ie = !1);
+      }
+      g.day = ee, g.time = q, M.isSubmitDisplay = ie, t();
+    }, e = () => {
+      u(f.layerView), a(i.value);
+    }, E = () => {
+      const H = T.getMomentDate(
+        T.getMergeDayTime(g.day, g.time)
+      );
+      H && R("onSelectValue", H);
+    };
+    Be(() => {
+      ge(() => {
+        e();
+      });
+    }), oe(
+      () => i.value,
+      (H, ee) => {
+        H !== ee && a(H);
+      }
+    ), oe([() => i.minValue, () => i.maxValue], () => {
+      t();
+    });
+    const se = (H) => {
+      g.day = H, t(), f.timeType === "date" && E();
+    }, ae = (H) => {
+      g.time = H, t(), (f.timeType === "time" || f.timeType === "datetime" && !M.isSubmitDisplay) && E();
+    }, X = (H) => {
+      u(H);
+    }, ne = () => {
+      M.isShowSubmit && !M.isSubmitDisplay && E();
+    }, De = () => {
+      R("onInitComplete");
+    };
+    return le({
+      getValue: () => {
+        const H = T.getMergeDayTime(g.day, g.time);
+        return T.getMomentDate(H);
+      }
+    }), (H, ee) => (S(), C(z, null, [
+      me(je, {
+        class: re(r.value),
+        selectValue: d.value,
+        viewValue: d.value,
+        minValue: d.minValue,
+        maxValue: d.maxValue,
+        onOnSelectDate: se,
+        onOnSelectTime: ae,
+        onOnChangeViewType: X,
+        onOnInitComplete: De
+      }, null, 8, ["class", "selectValue", "viewValue", "minValue", "maxValue"]),
+      M.isShowSubmit ? (S(), C("div", {
+        key: 0,
+        role: "button",
+        tabindex: M.isSubmitDisplay ? -1 : 0,
+        "aria-disabled": M.isSubmitDisplay,
+        class: re({ "datetime-days-submit": !0, "days-submit-disabled": M.isSubmitDisplay }),
+        onClick: ne,
+        onKeydown: [
+          Se(Ce(ne, ["prevent"]), ["enter"]),
+          Se(Ce(ne, ["prevent"]), ["space"])
+        ]
+      }, [
+        B("span", null, be(ce($).common.submit), 1)
+      ], 42, Qt)) : (S(), C(z, { key: 1 }, [], 64))
+    ], 64));
+  }
+}), Jt = ["id"], jt = { class: "calendar-range calendar-left" }, Kt = { class: "calendar-text" }, Ut = { class: "time-input-base" }, Zt = ["value", "name"], zt = { class: "calendar-panel" }, Wt = { class: "calendar-range calendar-right" }, qt = { class: "calendar-text" }, Gt = { class: "time-input-base" }, Xt = ["value", "name"], ea = { class: "calendar-panel" }, ta = { class: "calendar-range calendar-quick" }, aa = ["onClick", "onKeydown"], na = {
+  key: 0,
+  class: "panel-quick-btn"
+}, sa = /* @__PURE__ */ Ee({
+  name: "ClDateTimeRange",
+  __name: "DateTimeRange",
+  props: {
+    className: String,
+    // desc: 自定义CSS类名
+    startValue: String,
+    // desc: 范围开始日期值
+    endValue: String,
+    // desc: 范围结束日期值
+    minValue: String,
+    // desc: 最小可选日期
+    maxValue: String,
+    // desc: 最大可选日期
+    rangeQuick: {
+      type: Array,
+      default: () => []
+      // desc: 快捷选项列表
+    }
+  },
+  emits: {
+    onSubmit: (d) => !0,
+    // desc: 确认范围选择时触发
+    onCancel: () => !0,
+    // desc: 取消选择时触发
+    onInitComplete: () => !0
+    // desc: 初始化完成时触发
+  },
+  setup(d, { expose: le, emit: v }) {
+    const i = d, R = v, $ = `dateTimeRange-${o.getRandom(5)}`, { optPageLanguage: N, getPageLanguage: T } = Ne();
+    T("dataTime");
+    const f = Ve("$DateTimeTop"), M = Ve("$DateTimeTopBase");
+    (!f || !M) && Me.warn(
+      "ClDateTimeRange",
+      "未找到 $DateTimeTop/$DateTimeTopBase 注入，请确保组件在 ClDateTime 组件树内使用"
+    );
+    const g = f?.elId ? `${f.elId}-dateTimeRange-${o.getRandom(5)}` : void 0, r = de(() => {
+      let D = {
+        "panel-date-time-range": !0,
+        "panel-range-calendar": !0,
+        // datetime-range 是共享 index.css 布局体系（.datetime-range .calendar-range 等），必须保留
+        "datetime-range": !0,
+        // 日历内容自持类：面板挂载到容器外后不再有 .panel-date-time 祖先，样式以此类为限定
+        "datetime-panel-body": !0
+      };
+      return D = o.getJsonMerge(D, $e.getClassNameJson(i.className)), D;
+    }), t = ve({
+      operateViewDataType: "",
+      selectCount: 0,
+      hoverValue: "",
+      activeQuick: "",
+      isCheck: !0,
+      // 内嵌 datetime 模式也显示提交按钮，避免「选完日期后时间无法选择、值无法回传」的死锁
+      isShowQuickBtn: M.isShowPopup || M.timeType === "datetime",
+      previewStart: "",
+      previewEnd: ""
+    }), u = ve({
+      view: "",
+      text: "",
+      name: `input_${o.getRandom(8)}`
+    }), a = ve({
+      view: "",
+      text: "",
+      name: `input_${o.getRandom(8)}`
+    }), e = ve({
+      day: "",
+      time: "",
+      value: ""
+    }), E = ve({
+      day: "",
+      time: "",
+      value: ""
+    }), se = Re([]), ae = (D, _) => {
+      const x = f.getViewDate(D), P = M.layerView === "years" ? 10 : 1, n = t.operateViewDataType;
+      return x[_](P, n).format(M.formatIn);
+    }, X = (D, _) => {
+      if (o.isEmpty(D))
+        return "";
+      const x = _ === "right" ? M.formatOutEnd : M.formatOut;
+      if (o.isString(D)) {
+        const P = f.getMomentDate(D);
+        return P ? P.format(x) : "";
+      }
+      return D.format(x);
+    }, ne = () => {
+      const D = f.getMergeDayTime(e.day, e.time);
+      e.value = D, u.text = X(D, "left");
+    }, De = () => {
+      const D = f.getMergeDayTime(E.day, E.time);
+      E.value = D, a.text = X(D, "right");
+    }, fe = () => {
+      if (t.selectCount === 2) {
+        let D = "-1";
+        if (!o.isEmpty(e.day) && !o.isEmpty(E.day) && !o.isEmpty(se.value)) {
+          const _ = "YYYY-MM-DD";
+          let x = f.getMomentDate(e.day, _), P = f.getMomentDate(E.day, _);
+          if (x && P) {
+            switch (M.layerType) {
+              case "years":
+                if (x = f.getMomentDate(
+                  x.startOf("year").format(_),
+                  _
+                ), P = f.getMomentDate(P.endOf("year").format(_), _), !x || !P) {
+                  t.activeQuick = "-1";
+                  return;
+                }
+                break;
+              case "months":
+                if (x = f.getMomentDate(
+                  x.startOf("month").format(_),
+                  _
+                ), P = f.getMomentDate(P.endOf("month").format(_), _), !x || !P) {
+                  t.activeQuick = "-1";
+                  return;
+                }
+                break;
+            }
+            const n = x, p = P;
+            n && p && se.value.forEach((b) => {
+              b.start && b.end && n.isSame(He.getDayjsObject(b.start).format(_)) && p.isSame(He.getDayjsObject(b.end).format(_)) && (D = b.id);
+            });
+          }
+        }
+        t.activeQuick = D;
+      }
+    }, H = (D) => {
+      const _ = e.value, x = E.value, P = o.isEmpty(_), n = o.isEmpty(x), p = !P && n, b = P && !n;
+      let A = !1, F = !1;
+      if (D && (p || b)) {
+        const Z = f.getMomentDate(p ? _ : x);
+        Z && (A = D.isBefore(Z, "day"), F = D.isSame(Z, "day"));
+      }
+      return { isStart: p, isEnd: b, isBefore: A, isSame: F };
+    }, ee = (D) => {
+      if (t.selectCount === 1) {
+        const _ = D.format("YYYY-MM-DD"), x = e.day, P = E.day, n = H(D);
+        t.hoverValue = _;
+        let p = "", b = "";
+        n.isBefore ? (p = _, b = n.isStart ? x : P) : (p = n.isEnd ? P : x, b = _), t.previewStart = p, t.previewEnd = b, u.text = X(
+          f.getMergeDayTime(p, e.time),
+          "left"
+        ), a.text = X(f.getMergeDayTime(b, E.time), "right");
+      }
+    }, q = (D) => {
+      switch (t.previewStart = "", t.previewEnd = "", t.selectCount) {
+        case 0:
+        case 2: {
+          t.selectCount = 1, t.activeQuick = "", e.day = D, ne(), E.day = "", E.time = "", E.value = "", a.text = X(f.getMergeDayTime(D, ""), "right"), t.hoverValue = D;
+          break;
+        }
+        case 1: {
+          t.selectCount = 2;
+          const _ = f.getMomentDate(D);
+          if (!_) {
+            t.selectCount = 1;
+            break;
+          }
+          const x = H(_);
+          x.isSame ? (e.day = D, ne(), E.day = D, De()) : x.isBefore ? (E.day = e.day, E.time = e.time, e.day = D, ne(), De()) : (E.day = D, De()), t.hoverValue = "";
+          break;
+        }
+      }
+      t.selectCount === 2 && fe();
+    }, ie = () => {
+      !t.isShowQuickBtn && t.selectCount === 2 && t.isCheck && R("onSubmit", { start: e.value, end: E.value });
+    }, Q = (D, _) => {
+      const x = f.getMomentDate(_), P = x ? x.format("YYYY-MM-DD") : "", n = x ? x.format("HH:mm:ss") : "", p = x ? f.getMergeDayTime(P, n) : "";
+      D ? (e.day = P, e.time = n, e.value = p, u.text = X(p, "left")) : (E.day = P, E.time = n, E.value = p, a.text = X(p, "right"));
+    }, V = () => {
+      let D = "";
+      switch (M.layerType) {
+        case "days":
+          D = "months";
+          break;
+        case "months":
+          D = "years";
+          break;
+        case "years":
+          D = "years";
+          break;
+        default:
+          D = "months";
+      }
+      t.operateViewDataType = D;
+      const _ = i.startValue || "", x = i.endValue || "", P = !o.isEmpty(_), n = !o.isEmpty(x);
+      if (t.selectCount = P && n ? 2 : P || n ? 1 : 0, u.view = f.getViewDate(_).format(M.formatIn), a.view = ae(u.view, "add"), Q(!0, _), Q(!1, x), M.timeType === "time") {
+        t.selectCount = 2;
+        const p = M.layerType === "seconds" ? "00:00:00" : "00:00";
+        o.isEmpty(u.text) && Q(!0, f.getValueEffective(p)), o.isEmpty(a.text) && Q(!1, f.getValueEffective(p));
+      }
+      c();
+    }, c = () => {
+      let D = [];
+      o.isArray(i.rangeQuick) && (D = o.getListClone(i.rangeQuick).filter(
+        (_) => o.isObject(_) && o.isNonEmptyString(_.id)
+      ), D.length > 0 && D.push({ id: "-1", text: N.value.common.custom })), se.value = D;
+    }, h = () => {
+      V(), fe(), ge(() => {
+        ge(() => {
+          R("onInitComplete");
+        });
+      });
+    }, w = () => {
+      if (t.selectCount === 2) {
+        const D = f.checkValue(e.value, E.value);
+        t.isCheck = D.errMsg.length === 0;
+      }
+    };
+    Be(() => {
+      ge(() => {
+        h();
+      });
+    }), oe([() => i.startValue, () => i.endValue], ([D, _]) => {
+      Q(!0, D), Q(!1, _);
+      const x = !o.isEmpty(D), P = !o.isEmpty(_);
+      t.selectCount = x && P ? 2 : x || P ? 1 : 0, t.selectCount !== 2 && (t.activeQuick = ""), t.hoverValue = "", t.previewStart = "", t.previewEnd = "", fe(), w();
+    }), oe(
+      () => i.rangeQuick,
+      () => {
+        t.operateViewDataType && c();
+      }
+    );
+    const l = () => {
+      t.hoverValue = "", t.previewStart = "", t.previewEnd = "", u.text = X(f.getMergeDayTime(e.day, e.time), "left"), a.text = X(f.getMergeDayTime(E.day, E.time), "right");
+    }, k = (D) => {
+      u.view = D, a.view = ae(D, "add");
+    }, O = (D) => {
+      q(D), w(), ie();
+    }, Y = (D) => {
+      e.time = D, ne(), w(), ie();
+    }, I = (D) => {
+      ee(D);
+    }, ue = (D) => {
+      u.view = ae(D, "subtract"), a.view = D;
+    }, te = (D) => {
+      q(D), w(), ie();
+    }, K = (D) => {
+      E.time = D, De(), w(), ie();
+    }, W = (D) => {
+      ee(D);
+    }, U = (D) => {
+      if (D.id !== "-1") {
+        if (o.isEmpty(D.start) || o.isEmpty(D.end))
+          return;
+        const _ = He.getDayjsObject(D.start), x = He.getDayjsObject(D.end);
+        if (!_.isValid() || !x.isValid()) {
+          Me.warn("ClDateTimeRange", `快捷项 "${D.text}" 日期无效，已忽略`);
+          return;
+        }
+        let P = _.format("YYYY-MM-DD"), n = x.format("YYYY-MM-DD");
+        const p = f.checkMinMax(P, n, "YYYY-MM-DD");
+        if (!p.isStartMax || !p.isEndMin) {
+          Me.warn("ClDateTimeRange", `快捷项 "${D.text}" 超出可选范围，已忽略`);
+          return;
+        }
+        p.isStartMin || (P = p.minDay), p.isEndMax || (n = p.maxDay), e.day = P, ne(), E.day = n, De(), u.view = P;
+        const b = o.isEmpty(n) ? null : f.getMomentDate(n);
+        a.view = b ? b.startOf("month").format(M.formatIn) : ae(P, "add"), t.hoverValue = "", t.previewStart = "", t.previewEnd = "", t.selectCount = 2, t.activeQuick = D.id, w(), ie();
+      }
+    }, ye = () => {
+      t.selectCount === 2 && t.isCheck && (R("onSubmit", { start: e.value, end: E.value }), t.isCheck = !1);
+    }, pe = () => {
+      R("onCancel");
+    };
+    return le({
+      getValue: () => ({ start: e.value, end: E.value })
+    }), (D, _) => (S(), C("div", {
+      id: ce(g),
+      class: re(r.value),
+      onMouseleave: l
+    }, [
+      B("div", jt, [
+        B("div", Kt, [
+          B("div", Ut, [
+            B("input", {
+              class: "form-control time-input",
+              type: "text",
+              readonly: !0,
+              value: u.text,
+              name: u.name
+            }, null, 8, Zt),
+            me(_e, {
+              name: "calendar",
+              className: "time-icon"
+            })
+          ])
+        ]),
+        B("div", zt, [
+          me(je, {
+            selectValue: t.selectCount === 2 ? e.value : "-1",
+            startValue: t.previewStart || e.value,
+            endValue: t.previewEnd || E.value,
+            viewValue: u.view,
+            hoverValue: t.hoverValue,
+            minValue: d.minValue,
+            maxValue: d.maxValue,
+            onOnChangeViewValue: k,
+            onOnSelectDate: O,
+            onOnSelectTime: Y,
+            onOnHoverDate: I
+          }, null, 8, ["selectValue", "startValue", "endValue", "viewValue", "hoverValue", "minValue", "maxValue"])
+        ])
+      ]),
+      B("div", Wt, [
+        B("div", qt, [
+          B("div", Gt, [
+            B("input", {
+              class: "form-control time-input",
+              type: "text",
+              readonly: !0,
+              value: a.text,
+              name: a.name
+            }, null, 8, Xt),
+            me(_e, {
+              name: "calendar",
+              className: "time-icon"
+            })
+          ])
+        ]),
+        B("div", ea, [
+          me(je, {
+            selectValue: t.selectCount === 2 ? E.value : "-1",
+            startValue: t.previewStart || e.value,
+            endValue: t.previewEnd || E.value,
+            viewValue: a.view,
+            hoverValue: t.hoverValue,
+            minValue: d.minValue,
+            maxValue: d.maxValue,
+            onOnChangeViewValue: ue,
+            onOnSelectDate: te,
+            onOnSelectTime: K,
+            onOnHoverDate: W
+          }, null, 8, ["selectValue", "startValue", "endValue", "viewValue", "hoverValue", "minValue", "maxValue"])
+        ])
+      ]),
+      B("div", ta, [
+        B("ul", null, [
+          (S(!0), C(z, null, Ie(se.value, (x, P) => (S(), C("li", {
+            key: `${$}-${x.id}-${P}`,
+            role: "button",
+            tabindex: "0",
+            class: re({
+              active: x.id === t.activeQuick,
+              "calendar-quick-special": x.id === "-1"
+            }),
+            onClick: (n) => U(x),
+            onKeydown: [
+              Se(Ce((n) => U(x), ["prevent"]), ["enter"]),
+              Se(Ce((n) => U(x), ["prevent"]), ["space"])
+            ]
+          }, be(x.text), 43, aa))), 128))
+        ]),
+        t.isShowQuickBtn ? (S(), C("div", na, [
+          me(Ue, {
+            className: "quick-submit",
+            label: ce(N).common.submit,
+            size: "small",
+            disabled: t.selectCount !== 2 || !t.isCheck,
+            onOnClick: ye
+          }, null, 8, ["label", "disabled"]),
+          me(Ue, {
+            className: "quick-cancel",
+            label: ce(N).common.cancel,
+            size: "small",
+            color: "grayLight",
+            onOnClick: pe
+          }, null, 8, ["label"])
+        ])) : (S(), C(z, { key: 1 }, [], 64))
+      ])
+    ], 42, Jt));
+  }
+}), ia = {
+  key: 3,
+  class: "datetime-errmsg",
+  role: "alert"
+}, Ze = /* @__PURE__ */ Ee({
+  name: "ClDateTimeBase",
+  __name: "DateTimeBase",
+  props: {
+    isDefault: {
+      type: Boolean,
+      default: !1
+      // desc: 是否默认（单选）模式
+    },
+    isRange: {
+      type: Boolean,
+      default: !1
+      // desc: 是否范围选择模式
+    },
+    start: String,
+    // desc: 开始日期值
+    end: String,
+    // desc: 结束日期值
+    minDate: String,
+    // desc: 最小可选日期
+    maxDate: String,
+    // desc: 最大可选日期
+    rangeQuick: {
+      type: Array,
+      default: () => []
+      // desc: 范围模式快捷选项列表
+    },
+    errMsg: {
+      type: Array,
+      default: () => []
+      // desc: 错误消息列表
+    }
+  },
+  emits: {
+    // default 模式 payload 为 Dayjs 实例；range 模式 payload 为 { start, end }——调用方按 isDefault/isRange 分支消费
+    onSelectValue: (d) => !0,
+    // desc: 选中值变更时触发
+    onClose: () => !0,
+    // desc: 关闭面板时触发（仅 range 模式可达，default 模式无关闭事件来源）
+    onInitComplete: () => !0
+    // desc: 初始化完成时触发
+  },
+  setup(d, { expose: le, emit: v }) {
+    const i = d, R = v, $ = `clDatetimeBase-${o.getRandom(5)}`, N = Ve("$DateTimeTop");
+    N || Me.warn("ClDateTimeBase", "未找到 $DateTimeTop 注入，请确保组件在 ClDateTime 组件树内使用");
+    const T = de(() => !!N);
+    i.isDefault === i.isRange && Me.warn(
+      "ClDateTimeBase",
+      `isDefault(${i.isDefault}) 与 isRange(${i.isRange}) 必须恰好一个为 true`
+    );
+    const f = Je("refEl");
+    let M = !1;
+    const g = de(() => o.isArray(i.errMsg) && i.errMsg.length > 0), r = (e) => {
+      R("onSelectValue", e);
+    }, t = () => {
+      R("onClose");
+    }, u = () => {
+      M || (M = !0, R("onInitComplete"));
+    };
+    return le({
+      getValue: () => f.value ? f.value.getValue() : i.isDefault ? o.isNonEmptyString(i.start) ? N?.getMomentDate(i.start) ?? i.start : null : o.isNonEmptyString(i.start) || o.isNonEmptyString(i.end) ? { start: i.start, end: i.end } : ""
+    }), (e, E) => (S(), C(z, null, [
+      T.value && d.isDefault ? (S(), Pe(Ft, {
+        key: 0,
+        ref_key: "refEl",
+        ref: f,
+        value: d.start,
+        minValue: d.minDate,
+        maxValue: d.maxDate,
+        onOnSelectValue: r,
+        onOnInitComplete: u
+      }, null, 8, ["value", "minValue", "maxValue"])) : T.value && d.isRange ? (S(), Pe(sa, {
+        key: 1,
+        ref_key: "refEl",
+        ref: f,
+        rangeQuick: d.rangeQuick,
+        minValue: d.minDate,
+        maxValue: d.maxDate,
+        startValue: d.start,
+        endValue: d.end,
+        onOnSubmit: r,
+        onOnCancel: t,
+        onOnInitComplete: u
+      }, null, 8, ["rangeQuick", "minValue", "maxValue", "startValue", "endValue"])) : (S(), C(z, { key: 2 }, [], 64)),
+      g.value ? (S(), C("ul", ia, [
+        (S(!0), C(z, null, Ie(d.errMsg, (se, ae) => (S(), C("li", {
+          key: `${$}-err-${ae}`
+        }, be(se), 1))), 128))
+      ])) : (S(), C(z, { key: 4 }, [], 64))
+    ], 64));
+  }
+}), oa = ["id"], la = ["id"], ra = "2000-01-01", wa = /* @__PURE__ */ Ee({
+  name: "ClDateTime",
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
+    value: String,
+    // desc: 绑定值，默认格式 YYYY-MM-DD，范围格式 start~end
+    className: String,
+    // desc: 自定义 CSS 类名
+    placeholder: String,
+    // desc: 占位文本
+    disabled: {
+      type: Boolean,
+      default: !1
+      // desc: 是否禁用
+    },
+    theme: {
+      type: String,
+      default: "default",
+      validator: (d) => ["default", "range"].includes(d)
+      // desc: 主题类型 | enum: default, range
+    },
+    layerType: {
+      type: String,
+      default: "days",
+      validator: (d) => ["years", "months", "days", "hours", "minutes", "seconds"].includes(d)
+      // desc: 面板精度 | enum: years, months, days, hours, minutes, seconds
+    },
+    timeType: {
+      type: String,
+      default: "date",
+      validator: (d) => ["date", "time", "datetime"].includes(d)
+      // desc: 时间类型 | enum: date, time, datetime
+    },
+    format: String,
+    // desc: 自定义输出格式，不设则根据 layerType 推断：years→YYYY，months→YYYY-MM，days→YYYY-MM-DD，hours→HH:00，minutes→HH:mm，seconds→HH:mm:ss
+    formatEnd: String,
+    // desc: 范围模式结束值格式
+    direction: {
+      type: String,
+      default: "left"
+      // desc: 弹出层三角箭头位置 | enum: left, right (可自定义)
+    },
+    minDate: String,
+    // desc: 最小可选日期
+    maxDate: String,
+    // desc: 最大可选日期
+    isClear: {
+      type: Boolean,
+      default: !1
+      // desc: 是否显示清除按钮
+    },
+    rangeQuick: {
+      type: Array,
+      default: () => []
+      // desc: 范围模式快捷选项，每项结构 { id, text, start, end }，start/end 支持 Dayjs 或 string
+    },
+    isDropdown: {
+      type: Boolean,
+      default: !0
+      // desc: 是否以下拉方式展示
+    },
+    themeStyle: {
+      type: String,
+      default: "default",
+      validator: (d) => ["default", "noBorder"].includes(d)
+      // desc: 主题样式 | enum: default, noBorder
+    },
+    arrowDirection: {
+      type: String,
+      default: "right"
+      // desc: 箭头在文本左侧还是右侧 | enum: left, right (可自定义)
+    },
+    isUseDropdownArrow: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示弹出层三角箭头
+    },
+    checkCallback: Function,
+    // desc: 校验回调，返回 false 阻止选择；default 模式参数为 Dayjs 实例，range 模式参数为 (start, end) 字符串
+    isPlaintext: {
+      type: Boolean,
+      default: !1
+      // desc: 是否纯文本只读模式，只渲染格式化后的日期文本不挂载日历面板
+    },
+    plaintextSeparator: {
+      type: String,
+      default: " ~ "
+      // desc: 纯文本模式下 range 模式起止日期的分隔符
+    },
+    appendContainer: {
+      type: String,
+      default: ""
+      // desc: 面板挂载容器，空为当前父元素，body 挂到 body，或指定选择器（需为触发元素的上级，如表格滚动容器外的容器）
+    }
+  },
+  emits: {
+    "update:value": (d) => !0,
+    // desc: v-model 值更新时触发
+    "update:modelValue": (d) => !0,
+    // desc: 标准 v-model 支持（等价 update:value）
+    onChange: (d, le) => !0,
+    // desc: 选中值变更时触发
+    onInit: () => !0
+    // desc: 组件初始化完成时触发
+  },
+  setup(d, { expose: le, emit: v }) {
+    const i = d, R = v, { optPageLanguage: $, getPageLanguage: N } = Ne();
+    N("dataTime");
+    const T = `datetime-${o.getRandom(8)}`, f = i.id, M = Je("refElDropdownLayer"), g = Je("refElDatetime"), r = ve({
+      isInit: !1,
+      isDefault: i.theme !== "range",
+      isRange: i.theme === "range",
+      isShowPopup: i.isDropdown,
+      timeType: "",
+      layerType: i.layerType,
+      layerView: "",
+      formatIn: "",
+      formatOut: "",
+      formatOutEnd: "",
+      rangeQuick: [],
+      errMsg: []
+    }), t = ve({
+      showText: "",
+      start: "",
+      end: ""
+    }), u = {
+      lastStart: "",
+      lastEnd: ""
+    }, a = de(() => {
+      let n = i.arrowDirection;
+      return o.isEmpty(n) && (n = i.themeStyle === "noBorder" ? "left" : "right"), n;
+    }), e = de(() => {
+      let n = {
+        "panel-date-time": !0
+      };
+      return i.themeStyle === "noBorder" && (n["datetime-themeStyle-noBorder"] = !0), i.themeStyle === "noBorder" && o.isEmpty(t.showText) && (n["datetime-empty"] = !0), i.isDropdown || (n["datetime-noPopup"] = !0, n[`datetime-${i.theme}`] = !0), n = o.getJsonMerge(n, $e.getClassNameJson(i.className)), o.getStringByJson(n, " ");
+    }), E = de(() => `datetime-dropdown datetime-${i.theme} datetime-dropdown-${i.theme}`), se = de(() => {
+      let n = {
+        "panel-date-time": !0
+      };
+      return n = o.getJsonMerge(n, $e.getClassNameJson(i.className)), `${o.getStringByJson(n, " ")} cl-plaintext-value`;
+    }), ae = de(() => {
+      const n = t.showText, p = o.isString(i.plaintextSeparator) ? i.plaintextSeparator : " ~ ";
+      return !r.isRange || p === " ~ " ? n : n.split(" ~ ").join(p);
+    }), X = () => [
+      { id: "today", text: $.value.today, start: J(), end: J() },
+      {
+        id: "yesterDay",
+        text: $.value.yesterDay,
+        start: J().subtract(1, "day"),
+        end: J().subtract(1, "day")
+      },
+      {
+        id: "pastDays7",
+        text: $.value.pastDays7,
+        start: J().subtract(7, "day"),
+        end: J().subtract(1, "day")
+      },
+      {
+        id: "pastDays30",
+        text: $.value.pastDays30,
+        start: J().subtract(30, "day"),
+        end: J().subtract(1, "day")
+      },
+      {
+        id: "mont",
+        text: $.value.montCurrent,
+        start: J().startOf("month"),
+        end: J().endOf("month")
+      },
+      {
+        id: "montLast",
+        text: $.value.montLast,
+        start: J().subtract(1, "month").startOf("month"),
+        end: J().subtract(1, "month").endOf("month")
+      }
+    ], ne = () => [
+      {
+        id: "mont",
+        text: $.value.montCurrent,
+        start: J().startOf("month"),
+        end: J().endOf("month")
+      },
+      {
+        id: "montLast",
+        text: $.value.montLast,
+        start: J().subtract(1, "month").startOf("month"),
+        end: J().subtract(1, "month").endOf("month")
+      },
+      {
+        id: "montLately6",
+        text: $.value.montLately6,
+        start: J().subtract(5, "month").startOf("month"),
+        end: J().endOf("month")
+      },
+      {
+        id: "year",
+        text: $.value.yearCurrent,
+        start: J().startOf("year"),
+        end: J().endOf("year")
+      },
+      {
+        id: "yearLast",
+        text: $.value.yearLast,
+        start: J().subtract(1, "year").startOf("year"),
+        end: J().subtract(1, "year").endOf("year")
+      }
+    ], De = () => [
+      {
+        id: "year",
+        text: $.value.yearCurrent,
+        start: J().startOf("year"),
+        end: J().endOf("year")
+      },
+      {
+        id: "yearLast",
+        text: $.value.yearLast,
+        start: J().subtract(1, "year").startOf("year"),
+        end: J().subtract(1, "year").endOf("year")
+      }
+    ], fe = (n) => {
+      const p = o.isEmpty(n.start), b = o.isEmpty(n.end), A = p ? "" : J(n.start).format(r.formatIn), F = b ? "" : J(n.end).format(r.formatIn), Z = r.isDefault ? A : p || b ? "" : `${A}~${F}`, ke = r.isDefault ? { value: A } : { start: A, end: F, value: Z };
+      return { value: Z, info: ke };
+    }, H = () => {
+      M.value && M.value.setOpen(!1);
+    }, ee = () => r.timeType === "time", q = (n) => {
+      if (!n)
+        return "";
+      const p = o.isString(n) ? o.trim(n) : "";
+      return ee() ? /^\d{4}-\d{2}-\d{2}/.test(p) ? p : `${ra} ${p}` : p;
+    }, ie = () => J(), Q = (n, p) => {
+      let b = null;
+      if (!o.isEmpty(n)) {
+        const A = o.isUndefined(p) ? r.formatIn : p;
+        b = o.isString(n) ? J(n, A) : J(n), b && !b.isValid() && (b = null);
+      }
+      return b;
+    }, V = (n) => {
+      const p = Q(n);
+      return p ? p.startOf("month") : ie().startOf("month");
+    }, c = (n, p, b) => {
+      const A = o.isEmpty(b) ? r.formatIn : b;
+      let F = "";
+      if (!o.isEmpty(i.minDate)) {
+        const xe = Q(q(i.minDate));
+        F = xe ? xe.format(A) : "";
+      }
+      let Z = "";
+      if (!o.isEmpty(i.maxDate)) {
+        const xe = Q(q(i.maxDate));
+        Z = xe ? xe.format(A) : "";
+      }
+      let ke = !0, we = !0, Te = !0, s = !0, m = !0, y = !1;
+      const L = o.isEmpty(n), G = o.isEmpty(p);
+      let j;
+      switch (i.layerType) {
+        case "years":
+          j = "year";
+          break;
+        case "months":
+          j = "month";
+          break;
+        case "days":
+          j = "day";
+          break;
+        case "hours":
+          j = "hour";
+          break;
+        case "minutes":
+          j = "minute";
+          break;
+        case "seconds":
+          j = "second";
+          break;
+        default:
+          j = "day";
+          break;
+      }
+      if (!L) {
+        const xe = J(n);
+        if (xe.isValid() && (o.isEmpty(F) || (ke = xe.isSameOrAfter(F, j)), o.isEmpty(Z) || (we = xe.isSameOrBefore(Z, j)), !G)) {
+          const Oe = J(p);
+          Oe.isValid() && (o.isEmpty(F) || (Te = Oe.isSameOrAfter(F, j)), o.isEmpty(Z) || (s = Oe.isSameOrBefore(Z, j)), Oe.isBefore(xe) && (m = !1));
+        }
+      }
+      const he = [], Ae = r.isRange ? $.value.rangeStartLabel : "";
+      return we ? Te ? (ke || he.push(
+        `${Ae}${$.value.checkStartMinLabel}(${Q(F, A)?.format(r.formatOut) ?? F})`
+      ), s || he.push(
+        `${$.value.checkEndMaxLabel}(${Q(Z, A)?.format(r.formatOut) ?? Z})`
+      )) : he.push(
+        `${$.value.checkEndMinLabel}(${Q(F, A)?.format(r.formatOut) ?? F})`
+      ) : he.push(
+        `${Ae}${$.value.checkStartMaxLabel}(${Q(Z, A)?.format(r.formatOut) ?? Z})`
+      ), r.isRange && ((L || G) && (y = !0, he.push($.value.checkRangeEmptyLabel)), m || he.push($.value.checkStartEndLabel)), {
+        isStartMin: ke,
+        isStartMax: we,
+        isEndMin: Te,
+        isEndMax: s,
+        isStartEnd: m,
+        isRangeEmpty: y,
+        errMsg: he,
+        minDay: F,
+        maxDay: Z
+      };
+    }, h = (n, p, b) => {
+      const A = c(n, p || "", b);
+      return r.errMsg = A.errMsg, M.value && ge(() => {
+        M.value?.calculationPosition();
+      }), A;
+    }, w = () => {
+      let n = [];
+      switch (i.layerType) {
+        case "days":
+        case "hours":
+        case "minutes":
+        case "seconds":
+          n = r.timeType === "time" ? [] : X();
+          break;
+        case "months":
+          n = ne();
+          break;
+        case "years":
+          n = De();
+          break;
+      }
+      return n;
+    }, l = () => {
+      let n = [];
+      r.isRange && (o.isArray(i.rangeQuick) && i.rangeQuick.length > 0 ? n = [...i.rangeQuick] : n = w()), r.rangeQuick = n;
+    }, k = () => {
+      ["default", "range"].includes(i.theme) || Me.warn("ClDateTime", `theme 非法值 "${i.theme}"，可选值 default/range`), ["years", "months", "days", "hours", "minutes", "seconds"].includes(i.layerType) || Me.warn("ClDateTime", `layerType 非法值 "${i.layerType}"`), ["date", "time", "datetime"].includes(i.timeType) || Me.warn("ClDateTime", `timeType 非法值 "${i.timeType}"`), ["default", "noBorder"].includes(i.themeStyle) || Me.warn("ClDateTime", `themeStyle 非法值 "${i.themeStyle}"`);
+    }, O = () => {
+      k();
+      let n = "", p = "", b = "";
+      switch (i.layerType) {
+        case "years":
+          n = "date", p = "YYYY", b = i.layerType;
+          break;
+        case "months":
+          n = "date", p = "YYYY-MM", b = i.layerType;
+          break;
+        case "days":
+          n = "date", p = "YYYY-MM-DD", b = i.layerType;
+          break;
+        case "hours":
+          n = i.timeType === "date" ? "datetime" : i.timeType, p = n === "time" ? "HH:00" : "YYYY-MM-DD HH:00", b = n === "datetime" ? "days" : "times";
+          break;
+        case "minutes":
+          n = i.timeType === "date" ? "datetime" : i.timeType, p = n === "time" ? "HH:mm" : "YYYY-MM-DD HH:mm", b = n === "datetime" ? "days" : "times";
+          break;
+        case "seconds":
+          n = i.timeType === "date" ? "datetime" : i.timeType, p = n === "time" ? "HH:mm:ss" : "YYYY-MM-DD HH:mm:ss", b = n === "datetime" ? "days" : "times";
+          break;
+        default:
+          n = "date", p = "YYYY-MM-DD", b = i.layerType;
+          break;
+      }
+      r.timeType = n, r.layerView = b, r.formatIn = n === "date" ? "YYYY-MM-DD" : "YYYY-MM-DD HH:mm:ss", r.formatOut = o.isNonEmptyString(i.format) ? i.format : p, r.formatOutEnd = o.isNonEmptyString(i.formatEnd) ? i.formatEnd : p;
+    }, Y = (n) => {
+      let p = "", b = "", A = "";
+      if (o.isNonEmptyString(n)) {
+        if (r.isDefault) {
+          const F = q(n), Z = J(F);
+          Z.isValid() && (b = Z.format(r.formatIn), p = Z.format(r.formatOut));
+        } else if (r.isRange) {
+          const F = n.split("~");
+          if (F.length === 2) {
+            const Z = q(F[0]), ke = q(F[1]), we = J(Z), Te = J(ke);
+            we.isValid() && Te.isValid() && (b = we.format(r.formatIn), A = Te.format(r.formatIn), p = `${we.format(r.formatOut)} ~ ${Te.format(r.formatOutEnd)}`);
+          }
+        }
+      }
+      t.start = b, t.end = A, t.showText = p;
+    }, I = (n) => {
+      let p = !0;
+      if (i.checkCallback && !o.isEmpty(n)) {
+        try {
+          r.isDefault ? p = i.checkCallback(n) : r.isRange && (p = i.checkCallback(n.start, n.end));
+        } catch (b) {
+          Me.warn("ClDateTime", "checkCallback 回调执行异常，本次选择不生效", b), p = !1;
+        }
+        p = o.isBoolean(p) ? p : !0;
+      }
+      return p;
+    }, ue = (n) => {
+      let p = "", b = "", A = "", F = !1;
+      if (r.isDefault) {
+        if (!o.isEmpty(n)) {
+          const we = Q(n);
+          we && (b = we.format(r.formatIn), p = we.format(r.formatOut));
+        }
+        F = b !== u.lastStart;
+      } else if (r.isRange) {
+        if (!o.isEmpty(n) && !o.isEmpty(n.start) && !o.isEmpty(n.end)) {
+          const we = Q(n.start), Te = Q(n.end);
+          we && Te && (b = we.format(r.formatIn), A = Te.format(r.formatIn), p = `${we.format(r.formatOut)} ~ ${Te.format(r.formatOutEnd)}`);
+        }
+        F = b !== u.lastStart || A !== u.lastEnd;
+      }
+      const Z = c(b, A);
+      let ke = !1;
+      return Z.errMsg.length === 0 && (ke = I(n)), r.errMsg = Z.errMsg, M.value && ge(() => {
+        M.value?.calculationPosition();
+      }), { start: b, end: A, text: p, isChange: F, checkInfo: Z, isCheck: ke };
+    }, te = () => {
+      O(), l(), Y(i.value), ge(() => {
+        r.isInit = !0;
+      });
+    }, K = () => {
+      const n = g.value?.getValue();
+      let p = "", b = "";
+      if (r.isDefault) {
+        if (!o.isEmpty(n)) {
+          const A = Q(n);
+          A && (p = A.format(r.formatIn));
+        }
+      } else if (r.isRange) {
+        const A = n;
+        if (!o.isEmpty(A?.start) && !o.isEmpty(A?.end)) {
+          const F = Q(A?.start), Z = Q(A?.end);
+          F && Z && (p = F.format(r.formatIn), b = Z.format(r.formatIn));
+        }
+      }
+      return fe({ start: p, end: b });
+    };
+    Be(() => {
+      ge(() => {
+        te();
+      });
+    }), oe(
+      () => i.value,
+      (n, p) => {
+        n !== p && (Y(n), u.lastStart = t.start, u.lastEnd = t.end);
+      }
+    ), oe(
+      () => i.isDropdown,
+      (n) => {
+        r.isShowPopup = n;
+      }
+    ), oe(
+      [
+        () => i.theme,
+        () => i.layerType,
+        () => i.timeType,
+        () => i.format,
+        () => i.formatEnd
+      ],
+      () => {
+        r.isDefault = i.theme !== "range", r.isRange = i.theme === "range", O(), l(), Y(i.value), u.lastStart = t.start, u.lastEnd = t.end;
+      }
+    );
+    const W = (n) => {
+      i.disabled || n && (r.errMsg = [], u.lastStart = t.start, u.lastEnd = t.end, l());
+    }, U = () => {
+      if (!i.disabled) {
+        t.start = "", t.end = "", t.showText = "", u.lastStart = "", u.lastEnd = "";
+        const n = fe(t);
+        R("update:value", n.value), R("update:modelValue", n.value), R("onChange", n.value, n.info);
+      }
+    }, ye = (n) => {
+      if (!i.disabled) {
+        const { start: p, end: b, text: A, isChange: F, isCheck: Z } = ue(n);
+        if (Z && (t.start = p, t.end = b, t.showText = A, u.lastStart = p, u.lastEnd = b, H(), F)) {
+          const ke = fe(t);
+          R("update:value", ke.value), R("update:modelValue", ke.value), R("onChange", ke.value, ke.info);
+        }
+      }
+    }, pe = () => {
+      H();
+    };
+    let Ye = !1;
+    const D = () => {
+      r.isShowPopup && M.value && (M.value.checkIsShowOpen() || M.value.initCompleteOpen()), Ye || (Ye = !0, R("onInit"));
+    };
+    return Fe("$DateTimeTop", {
+      keyIndex: T,
+      elId: i.id,
+      getMomentDate: Q,
+      getViewDate: V,
+      getNow: ie,
+      checkIsTimes: ee,
+      checkValue: h,
+      checkMinMax: c,
+      getValueEffective: q,
+      getMergeDayTime: (n, p) => {
+        let b = "";
+        const A = o.isString(n) ? o.trim(n) : "";
+        let F = o.isString(p) ? o.trim(p) : "";
+        switch (r.timeType) {
+          case "date":
+            b = A;
+            break;
+          case "time":
+            b = q(F) || "";
+            break;
+          case "datetime":
+            o.isEmpty(A) || (F = o.isEmpty(p) ? "00:00:00" : F, b = `${A} ${F}`);
+            break;
+        }
+        return b;
+      },
+      Dayjs: J
+    }), Fe("$DateTimeTopBase", qe(r)), le({
+      getValue: () => K().value,
+      getValueData: () => K().info,
+      setValue: (n) => {
+        Y(n), u.lastStart = t.start, u.lastEnd = t.end;
+      }
+    }), (n, p) => d.isPlaintext ? (S(), C("div", {
+      key: 0,
+      id: ce(f),
+      class: re(se.value)
+    }, be(ae.value), 11, oa)) : d.isDropdown ? (S(), Pe(Ge, {
+      key: 1,
+      ref_key: "refElDropdownLayer",
+      ref: M,
+      id: ce(f),
+      classParent: e.value,
+      classDropDown: E.value,
+      placeholder: d.placeholder,
+      isDisabled: d.disabled,
+      isClear: d.isClear,
+      textLabel: t.showText,
+      textArrowDirection: a.value,
+      dropdownArrowPos: d.direction,
+      isUseDropdownArrow: d.isUseDropdownArrow,
+      appendContainer: d.appendContainer,
+      appendFollowWidth: !1,
+      onOnChangeOpen: W,
+      onOnClear: U
+    }, {
+      textExtend: Ke(() => [
+        me(_e, {
+          name: r.timeType === "time" ? "clock" : "calendar",
+          className: "datetime-icon",
+          "aria-hidden": "true"
+        }, null, 8, ["name"])
+      ]),
+      dropdown: Ke(() => [
+        me(Ze, {
+          ref_key: "refElDatetime",
+          ref: g,
+          isDefault: r.isDefault,
+          isRange: r.isRange,
+          start: t.start,
+          end: t.end,
+          minDate: d.minDate,
+          maxDate: d.maxDate,
+          rangeQuick: r.rangeQuick,
+          errMsg: r.errMsg,
+          onOnSelectValue: ye,
+          onOnClose: pe,
+          onOnInitComplete: D
+        }, null, 8, ["isDefault", "isRange", "start", "end", "minDate", "maxDate", "rangeQuick", "errMsg"])
+      ]),
+      _: 1
+    }, 8, ["id", "classParent", "classDropDown", "placeholder", "isDisabled", "isClear", "textLabel", "textArrowDirection", "dropdownArrowPos", "isUseDropdownArrow", "appendContainer"])) : (S(), C("div", {
+      key: 2,
+      id: ce(f),
+      class: re(e.value)
+    }, [
+      r.isInit ? (S(), Pe(Ze, {
+        key: 0,
+        ref_key: "refElDatetime",
+        ref: g,
+        isDefault: r.isDefault,
+        isRange: r.isRange,
+        start: t.start,
+        end: t.end,
+        minDate: d.minDate,
+        maxDate: d.maxDate,
+        rangeQuick: r.rangeQuick,
+        errMsg: r.errMsg,
+        onOnSelectValue: ye,
+        onOnClose: pe,
+        onOnInitComplete: D
+      }, null, 8, ["isDefault", "isRange", "start", "end", "minDate", "maxDate", "rangeQuick", "errMsg"])) : (S(), C(z, { key: 1 }, [], 64))
+    ], 10, la));
+  }
+});
+export {
+  wa as _
+};