@rhino-design/vue 0.2.1 → 0.2.3

package/dist/components/XTimePicker.vue.js

@@ -0,0 +1,827 @@
+import { defineComponent as Lt, computed as u, ref as h, watch as ye, nextTick as Z, openBlock as c, createBlock as Ye, mergeProps as Wt, withCtx as ce, createElementVNode as g, createElementBlock as m, Fragment as de, renderList as me, normalizeClass as ee, toDisplayString as K, createCommentVNode as P, renderSlot as _e, createTextVNode as Ge, unref as N, createVNode as ke } from "vue";
+import Je from "./XButton.vue.js";
+import Qe from "./XIcon.js";
+import "./XIconLite.js";
+import Xt from "./XTrigger.vue.js";
+import Ze from "../iconfont/generated/icons/guanbi.js";
+import et from "../iconfont/generated/icons/shijian.js";
+import { useXConfig as Kt, sizeClass as Ut } from "../composables/config.js";
+import { useXFormField as jt } from "../composables/form.js";
+import { useXI18n as qt } from "../composables/i18n.js";
+import { XIconRegistry as fe } from "./x-icon-shared.js";
+const Yt = {
+  key: 0,
+  class: "x-time-picker__prefix"
+}, Gt = ["id", "value", "placeholder", "disabled", "readonly"], Jt = {
+  key: 2,
+  class: "x-time-picker__range-wrap"
+}, Qt = ["id", "value", "placeholder", "disabled", "readonly"], Zt = ["value", "placeholder", "disabled", "readonly"], en = { class: "x-time-picker__suffix" }, tn = { class: "x-time-picker__dropdown" }, nn = ["onClick"], ln = { class: "x-time-picker__cell-inner" }, on = ["onClick"], un = { class: "x-time-picker__cell-inner" }, rn = ["onClick"], an = { class: "x-time-picker__cell-inner" }, sn = ["onClick"], cn = { class: "x-time-picker__cell-inner" }, dn = {
+  key: 0,
+  class: "x-time-picker__footer-extra-wrapper"
+}, mn = {
+  key: 1,
+  class: "x-time-picker__footer-btn-wrapper"
+}, Cn = /* @__PURE__ */ Lt({
+  __name: "XTimePicker",
+  props: {
+    type: { default: "time" },
+    modelValue: { default: void 0 },
+    defaultValue: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    allowClear: { type: Boolean, default: !0 },
+    readonly: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    format: { default: "HH:mm:ss" },
+    placeholder: { default: void 0 },
+    size: { default: void 0 },
+    popupContainer: { default: "body" },
+    use12Hours: { type: Boolean, default: !1 },
+    step: { default: void 0 },
+    disabledHours: { type: Function, default: void 0 },
+    disabledMinutes: { type: Function, default: void 0 },
+    disabledSeconds: { type: Function, default: void 0 },
+    hideDisabledOptions: { type: Boolean, default: !1 },
+    disableConfirm: { type: Boolean, default: !1 },
+    position: { default: "bl" },
+    popupVisible: { type: Boolean, default: void 0 },
+    defaultPopupVisible: { type: Boolean, default: !1 },
+    triggerProps: { default: () => ({}) },
+    unmountOnClose: { type: Boolean, default: !1 },
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: void 0 },
+    hourStep: { default: void 0 },
+    minuteStep: { default: void 0 },
+    secondStep: { default: void 0 },
+    showNowButton: { type: Boolean, default: void 0 }
+  },
+  emits: ["change", "select", "update:modelValue", "clear", "popup-visible-change", "popupVisibleChange", "update:popupVisible", "update:open", "focus", "blur"],
+  setup(x, { emit: tt }) {
+    const U = /HH|hh|mm|ss|SSS|SS|S|H|h|m|s|A|a/g;
+    fe.has("shijian") || fe.register("shijian", {
+      viewBox: et.viewBox,
+      content: et.content
+    }), fe.has("guanbi") || fe.register("guanbi", {
+      viewBox: Ze.viewBox,
+      content: Ze.content
+    });
+    function M(e) {
+      return `${e}`.padStart(2, "0");
+    }
+    function xe(e) {
+      return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    }
+    function D(e) {
+      if (e)
+        return {
+          hour24: e.hour24,
+          minute: e.minute,
+          second: e.second,
+          millisecond: e.millisecond
+        };
+    }
+    function $(e) {
+      return [D(e[0]), D(e[1])];
+    }
+    function Se(e) {
+      return e.hour24 * 3600 + e.minute * 60 + e.second;
+    }
+    function te(e) {
+      return !!(e[0] && e[1]);
+    }
+    function nt(e) {
+      return !e[0] || !e[1] || Se(e[0]) <= Se(e[1]) ? $(e) : [D(e[1]), D(e[0])];
+    }
+    function Ce(e) {
+      const n = [];
+      let t = !1, o;
+      for (U.lastIndex = 0; o = U.exec(e); ) {
+        const i = o[0], r = i === "A" || i === "a" ? i : i.charAt(0);
+        n.includes(r) || n.push(r), (i === "A" || i === "a") && (t = !0);
+      }
+      return {
+        list: n,
+        use12Hours: t
+      };
+    }
+    function lt(e, n) {
+      const t = e == null ? void 0 : e.trim();
+      return !t || !Ce(t).list.length ? n ? "hh:mm:ss a" : "HH:mm:ss" : t;
+    }
+    function F(e, n, t) {
+      const o = {
+        HH: "(\\d{2})",
+        H: "(\\d{1,2})",
+        hh: "(\\d{2})",
+        h: "(\\d{1,2})",
+        mm: "(\\d{2})",
+        m: "(\\d{1,2})",
+        ss: "(\\d{2})",
+        s: "(\\d{1,2})",
+        SSS: "(\\d{3})",
+        SS: "(\\d{2})",
+        S: "(\\d{1})",
+        A: "([AP]M)",
+        a: "([ap]m)"
+      }, i = [];
+      let r = "^", a = 0;
+      U.lastIndex = 0;
+      let k;
+      for (; k = U.exec(n); ) {
+        const d = k[0];
+        r += xe(n.slice(a, k.index)), r += o[d], i.push(d), a = k.index + d.length;
+      }
+      r += xe(n.slice(a)), r += "$";
+      const V = new RegExp(r, "i").exec(e.trim());
+      if (!V)
+        return;
+      let w, W, ae = 0, se = 0, X = 0, je;
+      if (i.forEach((d, Et) => {
+        const qe = V[Et + 1], A = Number(qe);
+        if (d === "HH" || d === "H") {
+          w = A;
+          return;
+        }
+        if (d === "hh" || d === "h") {
+          W = A;
+          return;
+        }
+        if (d === "mm" || d === "m") {
+          ae = A;
+          return;
+        }
+        if (d === "ss" || d === "s") {
+          se = A;
+          return;
+        }
+        if (d === "SSS") {
+          X = A;
+          return;
+        }
+        if (d === "SS") {
+          X = A * 10;
+          return;
+        }
+        if (d === "S") {
+          X = A * 100;
+          return;
+        }
+        if (d === "A" || d === "a") {
+          const be = qe.toLowerCase();
+          (be === "am" || be === "pm") && (je = be);
+        }
+      }), !(ae < 0 || ae > 59 || se < 0 || se > 59 || X < 0 || X > 999)) {
+        if (w === void 0)
+          if (W === void 0)
+            w = 0;
+          else {
+            if (W < 1 || W > 12)
+              return;
+            w = (je ?? "am") === "pm" ? W % 12 + 12 : W % 12;
+          }
+        if (!(w < 0 || w > 23))
+          return {
+            hour24: w,
+            minute: ae,
+            second: se,
+            millisecond: X
+          };
+      }
+    }
+    function T(e, n, t) {
+      if (!(e == null || e === "")) {
+        if (e instanceof Date && !Number.isNaN(e.getTime()))
+          return {
+            hour24: e.getHours(),
+            minute: e.getMinutes(),
+            second: e.getSeconds(),
+            millisecond: e.getMilliseconds()
+          };
+        if (typeof e == "number") {
+          const o = new Date(e);
+          return Number.isNaN(o.getTime()) ? void 0 : {
+            hour24: o.getHours(),
+            minute: o.getMinutes(),
+            second: o.getSeconds(),
+            millisecond: o.getMilliseconds()
+          };
+        }
+        if (typeof e == "string")
+          return F(e, n, t) ?? F(e, "HH:mm:ss", !1) ?? F(e, "HH:mm", !1) ?? F(e, "hh:mm:ss A", !0) ?? F(e, "hh:mm:ss a", !0) ?? F(e, "h:mm:ss A", !0) ?? F(e, "h:mm A", !0);
+      }
+    }
+    function R(e, n) {
+      if (!e) return;
+      const t = e.hour24 % 12 === 0 ? 12 : e.hour24 % 12, o = e.hour24 >= 12 ? "pm" : "am";
+      return n.replace(U, (i) => {
+        switch (i) {
+          case "HH":
+            return M(e.hour24);
+          case "H":
+            return `${e.hour24}`;
+          case "hh":
+            return M(t);
+          case "h":
+            return `${t}`;
+          case "mm":
+            return M(e.minute);
+          case "m":
+            return `${e.minute}`;
+          case "ss":
+            return M(e.second);
+          case "s":
+            return `${e.second}`;
+          case "SSS":
+            return `${e.millisecond}`.padStart(3, "0");
+          case "SS":
+            return `${Math.floor(e.millisecond / 10)}`.padStart(2, "0");
+          case "S":
+            return `${Math.floor(e.millisecond / 100)}`;
+          case "A":
+            return o.toUpperCase();
+          case "a":
+            return o;
+          default:
+            return i;
+        }
+      });
+    }
+    function O(e) {
+      if (!e) return;
+      const n = /* @__PURE__ */ new Date();
+      return n.setHours(e.hour24, e.minute, e.second, e.millisecond), n;
+    }
+    function Ve(e, n, t) {
+      return Array.isArray(e) ? [
+        T(e[0], n, t),
+        T(e[1], n, t)
+      ] : e == null || e === "" ? [void 0, void 0] : [T(e, n, t), void 0];
+    }
+    const l = x, p = tt, ot = Kt(), s = jt(), { t: j } = qt(), it = u(() => l.type === "time-range" || l.type === "range" ? "time-range" : "time"), B = u(() => it.value === "time-range"), Be = u(() => lt(l.format, l.use12Hours)), z = u(() => Ce(Be.value)), v = u(() => Be.value), y = u(() => !!(l.use12Hours || z.value.use12Hours)), ut = u(() => l.size ?? ot.size.value), f = u(() => !!(l.disabled || s != null && s.disabled.value)), rt = u(() => !!(l.error || s != null && s.error.value)), at = u(() => l.showNowButton ?? !0), ne = u(() => {
+      var e, n, t;
+      return {
+        hour: Math.max(1, ((e = l.step) == null ? void 0 : e.hour) ?? l.hourStep ?? 1),
+        minute: Math.max(1, ((n = l.step) == null ? void 0 : n.minute) ?? l.minuteStep ?? 1),
+        second: Math.max(1, ((t = l.step) == null ? void 0 : t.second) ?? l.secondStep ?? 1)
+      };
+    }), st = u(() => typeof l.placeholder == "string" ? l.placeholder : Array.isArray(l.placeholder) ? l.placeholder[0] ?? l.placeholder[1] ?? j("timePicker.placeholder", void 0, "请选择时间") : j("timePicker.placeholder", void 0, "请选择时间")), He = u(() => {
+      const e = j("timePicker.placeholder", void 0, "请选择时间");
+      return Array.isArray(l.placeholder) ? [l.placeholder[0] ?? e, l.placeholder[1] ?? e] : typeof l.placeholder == "string" ? [l.placeholder, l.placeholder] : [e, e];
+    }), ct = u(() => T(l.modelValue, v.value, y.value)), dt = u(() => Ve(l.modelValue, v.value, y.value)), we = h(T(l.defaultValue, v.value, y.value)), Re = h(
+      Ve(l.defaultValue, v.value, y.value)
+    ), le = u(() => l.modelValue !== void 0), q = u(() => le.value ? ct.value : we.value), E = u(() => le.value ? dt.value : Re.value), _ = h(D(q.value)), S = h($(E.value)), oe = h(void 0), Y = h([void 0, void 0]), C = h(0), Pe = h(!!(l.defaultOpen ?? l.defaultPopupVisible)), Me = u(() => l.popupVisible !== void 0 || l.open !== void 0), b = u(() => Me.value ? !!(l.popupVisible ?? l.open) : Pe.value), mt = u(() => ({
+      top: "top",
+      tl: "top-start",
+      tr: "top-end",
+      bottom: "bottom",
+      bl: "bottom-start",
+      br: "bottom-end"
+    })[l.position]), De = h(null), $e = h(null), Ie = h(null), Fe = h(null), Te = h(null), Ae = h(null), Ne = h(null), H = u(() => B.value ? S.value[C.value] : _.value), ft = u(() => {
+      const e = H.value;
+      if (e)
+        return y.value ? e.hour24 % 12 === 0 ? 12 : e.hour24 % 12 : e.hour24;
+    }), pe = u(() => {
+      const e = H.value;
+      return e && e.hour24 >= 12 ? "pm" : "am";
+    }), pt = u(() => z.value.list.includes("H") || z.value.list.includes("h")), vt = u(() => z.value.list.includes("m")), ht = u(() => z.value.list.includes("s")), gt = u(() => y.value), Oe = u(() => z.value.list.includes("A"));
+    function ve(e) {
+      if (e)
+        return y.value ? e.hour24 % 12 === 0 ? 12 : e.hour24 % 12 : e.hour24;
+    }
+    function L(e) {
+      var a, k, V;
+      if (!e) return !1;
+      const n = ve(e), t = y.value ? e.hour24 % 12 === 0 ? 12 : e.hour24 % 12 : e.hour24, o = ((a = l.disabledHours) == null ? void 0 : a.call(l)) ?? [], i = ((k = l.disabledMinutes) == null ? void 0 : k.call(l, n)) ?? [], r = ((V = l.disabledSeconds) == null ? void 0 : V.call(l, n, e.minute)) ?? [];
+      return o.includes(t) || i.includes(e.minute) || r.includes(e.second);
+    }
+    function bt(e) {
+      return e ? D(e) : {
+        hour24: 0,
+        minute: 0,
+        second: 0,
+        millisecond: 0
+      };
+    }
+    function ze(e, n, t) {
+      const o = bt(e);
+      if (n === "hour") {
+        const r = Number(t);
+        if (y.value) {
+          const a = r % 12;
+          o.hour24 = pe.value === "pm" ? a + 12 : a;
+        } else
+          o.hour24 = r;
+        return o;
+      }
+      if (n === "minute")
+        return o.minute = Number(t), o;
+      if (n === "second")
+        return o.second = Number(t), o;
+      const i = o.hour24 % 12;
+      return o.hour24 = t === "pm" ? i + 12 : i, o;
+    }
+    function yt() {
+      var o;
+      const e = [], n = ((o = l.disabledHours) == null ? void 0 : o.call(l)) ?? [], t = ft.value;
+      if (y.value) {
+        for (let i = 0; i < 12; i += ne.value.hour) {
+          const r = i === 0 ? 12 : i, a = {
+            label: M(r),
+            value: r,
+            selected: t === r,
+            disabled: f.value || n.includes(r)
+          };
+          (!l.hideDisabledOptions || !a.disabled) && e.push(a);
+        }
+        return e;
+      }
+      for (let i = 0; i < 24; i += ne.value.hour) {
+        const r = {
+          label: M(i),
+          value: i,
+          selected: t === i,
+          disabled: f.value || n.includes(i)
+        };
+        (!l.hideDisabledOptions || !r.disabled) && e.push(r);
+      }
+      return e;
+    }
+    function _t() {
+      var i, r;
+      const e = ve(H.value), n = ((i = l.disabledMinutes) == null ? void 0 : i.call(l, e)) ?? [], t = (r = H.value) == null ? void 0 : r.minute, o = [];
+      for (let a = 0; a < 60; a += ne.value.minute) {
+        const k = {
+          label: M(a),
+          value: a,
+          selected: t === a,
+          disabled: f.value || n.includes(a)
+        };
+        (!l.hideDisabledOptions || !k.disabled) && o.push(k);
+      }
+      return o;
+    }
+    function kt() {
+      var r, a, k;
+      const e = ve(H.value), n = (r = H.value) == null ? void 0 : r.minute, t = ((a = l.disabledSeconds) == null ? void 0 : a.call(l, e, n)) ?? [], o = (k = H.value) == null ? void 0 : k.second, i = [];
+      for (let V = 0; V < 60; V += ne.value.second) {
+        const w = {
+          label: M(V),
+          value: V,
+          selected: o === V,
+          disabled: f.value || t.includes(V)
+        };
+        (!l.hideDisabledOptions || !w.disabled) && i.push(w);
+      }
+      return i;
+    }
+    const xt = u(() => yt()), St = u(() => _t()), Ct = u(() => kt()), Vt = u(() => [
+      {
+        label: Oe.value ? "AM" : "am",
+        value: "am",
+        selected: pe.value === "am",
+        disabled: f.value
+      },
+      {
+        label: Oe.value ? "PM" : "pm",
+        value: "pm",
+        selected: pe.value === "pm",
+        disabled: f.value
+      }
+    ]), Bt = u(() => B.value ? !!(E.value[0] || E.value[1]) : !!q.value), Ht = u(() => {
+      if (oe.value !== void 0)
+        return oe.value;
+      const e = b.value ? _.value : q.value;
+      return R(e, v.value) ?? "";
+    }), Ee = u(() => {
+      const e = b.value ? S.value : E.value;
+      return [
+        Y.value[0] ?? R(e[0], v.value) ?? "",
+        Y.value[1] ?? R(e[1], v.value) ?? ""
+      ];
+    }), wt = u(() => {
+      const e = B.value ? S.value[C.value] : _.value;
+      return !e || L(e);
+    });
+    function he() {
+      oe.value = void 0, Y.value = [void 0, void 0];
+    }
+    function G(e = C.value) {
+      var n, t, o;
+      if (B.value) {
+        e === 0 ? (n = $e.value) == null || n.focus() : (t = Ie.value) == null || t.focus();
+        return;
+      }
+      (o = De.value) == null || o.focus();
+    }
+    function Rt(e) {
+      p("update:popupVisible", e), p("update:open", e), p("popup-visible-change", e), p("popupVisibleChange", e);
+    }
+    function I(e) {
+      e && (f.value || l.readonly) || e !== b.value && (Me.value || (Pe.value = e), Rt(e), e && Z(() => {
+        G();
+      }));
+    }
+    function Le(e) {
+      const n = R(e, v.value), t = O(e);
+      n === void 0 || t === void 0 || p("select", n, t);
+    }
+    function Pt(e) {
+      const n = [
+        R(e[0], v.value),
+        R(e[1], v.value)
+      ], t = [
+        O(e[0]),
+        O(e[1])
+      ];
+      p("select", n, t);
+    }
+    function J(e, n) {
+      if (L(e))
+        return;
+      const t = R(e, v.value), o = O(e);
+      le.value || (we.value = D(e)), p("update:modelValue", t), p("change", t, o), s == null || s.notifyChange(), n || I(!1);
+    }
+    function Q(e, n) {
+      if (e[0] && L(e[0]) || e[1] && L(e[1]))
+        return;
+      const t = nt(e), o = [
+        R(t[0], v.value),
+        R(t[1], v.value)
+      ], i = o[0] || o[1] ? o : void 0, r = i ? [O(t[0]), O(t[1])] : void 0;
+      le.value || (Re.value = $(t)), p("update:modelValue", i), p("change", i, r), s == null || s.notifyChange(), n || I(!1);
+    }
+    function ie(e, n) {
+      if (n.disabled) return;
+      if (B.value) {
+        const o = $(S.value), i = o[C.value];
+        o[C.value] = ze(i, e, n.value), S.value = o, Pt(o), l.disableConfirm && te(o) && Q(o, !0);
+        return;
+      }
+      const t = ze(_.value, e, n.value);
+      _.value = t, Le(t), l.disableConfirm && J(t, !0);
+    }
+    function Mt() {
+      if (B.value) {
+        const e = $(S.value);
+        if (!e[C.value])
+          return;
+        if (te(e)) {
+          Q(e, !1);
+          return;
+        }
+        C.value = (C.value + 1) % 2, Z(() => {
+          G();
+        });
+        return;
+      }
+      _.value && J(_.value, !1);
+    }
+    function Dt() {
+      const e = /* @__PURE__ */ new Date(), n = {
+        hour24: e.getHours(),
+        minute: e.getMinutes(),
+        second: e.getSeconds(),
+        millisecond: e.getMilliseconds()
+      };
+      _.value = n, Le(n);
+    }
+    function $t(e) {
+      e.stopPropagation(), B.value ? (S.value = [void 0, void 0], Q([void 0, void 0], !0)) : (_.value = void 0, J(void 0, !1)), he(), p("clear");
+    }
+    function ge() {
+      _.value = D(q.value), S.value = $(E.value);
+    }
+    function It() {
+      f.value || l.readonly || b.value || I(!0);
+    }
+    function Ft(e) {
+      p("focus", e), s == null || s.notifyFocus(e), b.value || I(!0);
+    }
+    function Tt(e) {
+      p("blur", e), s == null || s.notifyBlur(e);
+    }
+    function We(e, n) {
+      C.value = e, p("focus", n), s == null || s.notifyFocus(n), b.value || I(!0);
+    }
+    function Xe(e) {
+      p("blur", e), s == null || s.notifyBlur(e);
+    }
+    function At(e) {
+      if (l.readonly || f.value) return;
+      const t = e.target.value;
+      oe.value = t, b.value || I(!0);
+      const o = T(t, v.value, y.value);
+      !o || L(o) || (_.value = o, l.disableConfirm && J(o, !0));
+    }
+    function Ke(e, n) {
+      if (l.readonly || f.value) return;
+      const o = n.target.value, i = [...Y.value];
+      i[e] = o, Y.value = i, b.value || I(!0);
+      const r = T(o, v.value, y.value);
+      if (!r || L(r))
+        return;
+      const a = $(S.value);
+      a[e] = r, S.value = a, l.disableConfirm && te(a) && Q(a, !0);
+    }
+    function Nt(e) {
+      e.key === "Enter" && (e.preventDefault(), _.value && J(_.value, !1));
+    }
+    function Ue(e) {
+      if (e.key === "Enter") {
+        if (e.preventDefault(), te(S.value)) {
+          Q(S.value, !1);
+          return;
+        }
+        C.value = (C.value + 1) % 2, Z(() => {
+          G();
+        });
+      }
+    }
+    function Ot() {
+      G();
+    }
+    function zt(e) {
+      const n = e.target;
+      n != null && n.closest(".x-time-picker__column") || (e.preventDefault(), e.stopPropagation());
+    }
+    function ue(e) {
+      const n = e.currentTarget;
+      if (!n) return;
+      const t = n.scrollHeight - n.clientHeight;
+      if (t <= 0) {
+        e.preventDefault(), e.stopPropagation();
+        return;
+      }
+      const o = Math.max(0, Math.min(t, n.scrollTop + e.deltaY));
+      n.scrollTop = o, e.preventDefault(), e.stopPropagation();
+    }
+    function re(e) {
+      if (!e) return;
+      const n = e.querySelector(".x-time-picker__cell-selected");
+      n && (e.scrollTop = n.offsetTop);
+    }
+    return ye(
+      b,
+      (e) => {
+        if (e) {
+          ge(), he(), Z(() => {
+            G();
+          });
+          return;
+        }
+        he(), ge();
+      },
+      { immediate: !0 }
+    ), ye(
+      [q, E],
+      () => {
+        b.value || ge();
+      },
+      { deep: !0 }
+    ), ye(
+      [
+        b,
+        () => {
+          var e;
+          return (e = H.value) == null ? void 0 : e.hour24;
+        },
+        () => {
+          var e;
+          return (e = H.value) == null ? void 0 : e.minute;
+        },
+        () => {
+          var e;
+          return (e = H.value) == null ? void 0 : e.second;
+        },
+        C,
+        y
+      ],
+      () => {
+        b.value && Z(() => {
+          re(Fe.value), re(Te.value), re(Ae.value), re(Ne.value);
+        });
+      }
+    ), (e, n) => (c(), Ye(Xt, Wt(x.triggerProps, {
+      "popup-visible": b.value,
+      trigger: [],
+      position: mt.value,
+      disabled: f.value || x.readonly,
+      "popup-offset": 4,
+      "click-to-close": !1,
+      "prevent-focus": !0,
+      "auto-fit-transform-origin": !0,
+      "unmount-on-close": x.unmountOnClose,
+      "popup-container": x.popupContainer,
+      "content-class": "x-time-picker__panel",
+      "onUpdate:popupVisible": I
+    }), {
+      default: ce(() => {
+        var t, o;
+        return [
+          g("div", {
+            class: ee(["x-time-picker", [
+              N(Ut)(ut.value),
+              {
+                "is-open": b.value,
+                "is-disabled": f.value,
+                "is-error": rt.value,
+                "is-readonly": x.readonly,
+                "is-range": B.value
+              }
+            ]]),
+            onClick: It
+          }, [
+            e.$slots.prefix ? (c(), m("span", Yt, [
+              _e(e.$slots, "prefix")
+            ])) : P("", !0),
+            B.value ? (c(), m("div", Jt, [
+              g("input", {
+                ref_key: "rangeStartInputRef",
+                ref: $e,
+                id: (o = N(s)) == null ? void 0 : o.id,
+                class: "x-time-picker__inner x-time-picker__inner--range",
+                type: "text",
+                value: Ee.value[0],
+                placeholder: He.value[0],
+                disabled: f.value,
+                readonly: x.readonly,
+                onFocus: n[0] || (n[0] = (i) => We(0, i)),
+                onBlur: Xe,
+                onInput: n[1] || (n[1] = (i) => Ke(0, i)),
+                onKeydown: Ue
+              }, null, 40, Qt),
+              n[4] || (n[4] = g("span", { class: "x-time-picker__range-separator" }, "-", -1)),
+              g("input", {
+                ref_key: "rangeEndInputRef",
+                ref: Ie,
+                class: "x-time-picker__inner x-time-picker__inner--range",
+                type: "text",
+                value: Ee.value[1],
+                placeholder: He.value[1],
+                disabled: f.value,
+                readonly: x.readonly,
+                onFocus: n[2] || (n[2] = (i) => We(1, i)),
+                onBlur: Xe,
+                onInput: n[3] || (n[3] = (i) => Ke(1, i)),
+                onKeydown: Ue
+              }, null, 40, Zt)
+            ])) : (c(), m("input", {
+              key: 1,
+              ref_key: "singleInputRef",
+              ref: De,
+              id: (t = N(s)) == null ? void 0 : t.id,
+              class: "x-time-picker__inner",
+              type: "text",
+              value: Ht.value,
+              placeholder: st.value,
+              disabled: f.value,
+              readonly: x.readonly,
+              onFocus: Ft,
+              onBlur: Tt,
+              onInput: At,
+              onKeydown: Nt
+            }, null, 40, Gt)),
+            x.allowClear && Bt.value && !f.value && !x.readonly ? (c(), m("button", {
+              key: 3,
+              type: "button",
+              class: "x-time-picker__clear",
+              onClick: $t
+            }, [
+              ke(N(Qe), {
+                name: "guanbi",
+                size: 12
+              })
+            ])) : P("", !0),
+            g("span", en, [
+              _e(e.$slots, "suffix-icon", {}, () => [
+                ke(N(Qe), {
+                  name: "shijian",
+                  size: 14
+                })
+              ])
+            ])
+          ], 2)
+        ];
+      }),
+      content: ce(() => [
+        g("div", {
+          class: "x-time-picker__container",
+          onClick: Ot,
+          onWheel: zt
+        }, [
+          g("div", tn, [
+            pt.value ? (c(), m("div", {
+              key: 0,
+              ref_key: "hourColumnRef",
+              ref: Fe,
+              class: "x-time-picker__column",
+              onWheel: ue
+            }, [
+              g("ul", null, [
+                (c(!0), m(de, null, me(xt.value, (t) => (c(), m("li", {
+                  key: `hour-${t.value}`,
+                  class: ee(["x-time-picker__cell", {
+                    "x-time-picker__cell-selected": t.selected,
+                    "x-time-picker__cell-disabled": t.disabled
+                  }]),
+                  onClick: (o) => ie("hour", t)
+                }, [
+                  g("div", ln, K(t.label), 1)
+                ], 10, nn))), 128))
+              ])
+            ], 544)) : P("", !0),
+            vt.value ? (c(), m("div", {
+              key: 1,
+              ref_key: "minuteColumnRef",
+              ref: Te,
+              class: "x-time-picker__column",
+              onWheel: ue
+            }, [
+              g("ul", null, [
+                (c(!0), m(de, null, me(St.value, (t) => (c(), m("li", {
+                  key: `minute-${t.value}`,
+                  class: ee(["x-time-picker__cell", {
+                    "x-time-picker__cell-selected": t.selected,
+                    "x-time-picker__cell-disabled": t.disabled
+                  }]),
+                  onClick: (o) => ie("minute", t)
+                }, [
+                  g("div", un, K(t.label), 1)
+                ], 10, on))), 128))
+              ])
+            ], 544)) : P("", !0),
+            ht.value ? (c(), m("div", {
+              key: 2,
+              ref_key: "secondColumnRef",
+              ref: Ae,
+              class: "x-time-picker__column",
+              onWheel: ue
+            }, [
+              g("ul", null, [
+                (c(!0), m(de, null, me(Ct.value, (t) => (c(), m("li", {
+                  key: `second-${t.value}`,
+                  class: ee(["x-time-picker__cell", {
+                    "x-time-picker__cell-selected": t.selected,
+                    "x-time-picker__cell-disabled": t.disabled
+                  }]),
+                  onClick: (o) => ie("second", t)
+                }, [
+                  g("div", an, K(t.label), 1)
+                ], 10, rn))), 128))
+              ])
+            ], 544)) : P("", !0),
+            gt.value ? (c(), m("div", {
+              key: 3,
+              ref_key: "ampmColumnRef",
+              ref: Ne,
+              class: "x-time-picker__column",
+              onWheel: ue
+            }, [
+              g("ul", null, [
+                (c(!0), m(de, null, me(Vt.value, (t) => (c(), m("li", {
+                  key: `ampm-${t.value}`,
+                  class: ee(["x-time-picker__cell", {
+                    "x-time-picker__cell-selected": t.selected,
+                    "x-time-picker__cell-disabled": t.disabled
+                  }]),
+                  onClick: (o) => ie("ampm", t)
+                }, [
+                  g("div", cn, K(t.label), 1)
+                ], 10, sn))), 128))
+              ])
+            ], 544)) : P("", !0)
+          ]),
+          e.$slots.extra ? (c(), m("div", dn, [
+            _e(e.$slots, "extra")
+          ])) : P("", !0),
+          x.disableConfirm ? P("", !0) : (c(), m("div", mn, [
+            !B.value && at.value ? (c(), Ye(Je, {
+              key: 0,
+              size: "mini",
+              onClick: Dt
+            }, {
+              default: ce(() => [
+                Ge(K(N(j)("timePicker.nowButton", void 0, "此刻")), 1)
+              ]),
+              _: 1
+            })) : P("", !0),
+            ke(Je, {
+              type: "primary",
+              size: "mini",
+              disabled: wt.value,
+              onClick: Mt
+            }, {
+              default: ce(() => [
+                Ge(K(N(j)("common.confirm", void 0, "确定")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ]))
+        ], 32)
+      ]),
+      _: 3
+    }, 16, ["popup-visible", "position", "disabled", "unmount-on-close", "popup-container"]));
+  }
+});
+export {
+  Cn as default
+};