@cldemo/ui-kit 1.1.3 → 1.1.5

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-4I3wTvhS.js

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