@haoyulong1112/jh-ui 0.1.0

package/dist/index.mjs

@@ -0,0 +1,3341 @@
+import { defineComponent as T, computed as k, openBlock as n, createElementBlock as d, normalizeStyle as Z, normalizeClass as N, Fragment as O, createElementVNode as b, createCommentVNode as j, renderSlot as P, ref as E, createTextVNode as Q, toDisplayString as J, createVNode as K, unref as M, onMounted as se, nextTick as be, onBeforeUnmount as ae, createBlock as U, Transition as le, withCtx as X, withDirectives as ce, vShow as ue, watch as Y, withModifiers as te, renderList as W, provide as pe, inject as he, Teleport as _e, useSlots as Te, render as de, watchEffect as Je, resolveDynamicComponent as Ee } from "vue";
+const I = (t) => (t.install = (s) => {
+  const e = t.name;
+  e && s.component(e, t);
+}, t), Po = [
+  "plus",
+  "close",
+  "search",
+  "eye",
+  "eye-off",
+  "loading",
+  "arrow-left",
+  "arrow-right"
+], Ie = {
+  name: String,
+  size: {
+    type: [Number, String],
+    default: void 0
+  },
+  color: String,
+  spin: Boolean
+}, Me = {
+  key: 0,
+  class: "jh-icon__svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "aria-hidden": "true"
+}, ze = {
+  key: 5,
+  d: "M21 12a9 9 0 1 1-6.2-8.6"
+}, Ke = {
+  key: 6,
+  d: "m15 18-6-6 6-6"
+}, Fe = {
+  key: 7,
+  d: "m9 18 6-6-6-6"
+}, De = /* @__PURE__ */ T({
+  name: "JhIcon",
+  __name: "icon",
+  props: Ie,
+  setup(t) {
+    const s = t, e = k(() => ({
+      color: s.color,
+      fontSize: typeof s.size == "number" ? `${s.size}px` : s.size
+    }));
+    return (a, l) => (n(), d("span", {
+      class: N(["jh-icon", { "is-spin": a.spin || a.name === "loading" }]),
+      style: Z(e.value)
+    }, [
+      a.name ? (n(), d("svg", Me, [
+        a.name === "plus" ? (n(), d(O, { key: 0 }, [
+          l[0] || (l[0] = b("path", { d: "M12 5v14" }, null, -1)),
+          l[1] || (l[1] = b("path", { d: "M5 12h14" }, null, -1))
+        ], 64)) : a.name === "close" ? (n(), d(O, { key: 1 }, [
+          l[2] || (l[2] = b("path", { d: "M18 6 6 18" }, null, -1)),
+          l[3] || (l[3] = b("path", { d: "m6 6 12 12" }, null, -1))
+        ], 64)) : a.name === "search" ? (n(), d(O, { key: 2 }, [
+          l[4] || (l[4] = b("circle", {
+            cx: "11",
+            cy: "11",
+            r: "7"
+          }, null, -1)),
+          l[5] || (l[5] = b("path", { d: "m20 20-3.5-3.5" }, null, -1))
+        ], 64)) : a.name === "eye" ? (n(), d(O, { key: 3 }, [
+          l[6] || (l[6] = b("path", { d: "M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12Z" }, null, -1)),
+          l[7] || (l[7] = b("circle", {
+            cx: "12",
+            cy: "12",
+            r: "3"
+          }, null, -1))
+        ], 64)) : a.name === "eye-off" ? (n(), d(O, { key: 4 }, [
+          l[8] || (l[8] = b("path", { d: "M3 3l18 18" }, null, -1)),
+          l[9] || (l[9] = b("path", { d: "M10.6 10.6a3 3 0 0 0 4.2 4.2" }, null, -1)),
+          l[10] || (l[10] = b("path", { d: "M9.9 5.3A10.6 10.6 0 0 1 12 5c6.5 0 10 7 10 7a17.2 17.2 0 0 1-3.2 4.2" }, null, -1)),
+          l[11] || (l[11] = b("path", { d: "M6.6 6.6C3.6 8.6 2 12 2 12s3.5 7 10 7c1 0 1.9-.2 2.8-.5" }, null, -1))
+        ], 64)) : a.name === "loading" ? (n(), d("path", ze)) : a.name === "arrow-left" ? (n(), d("path", Ke)) : a.name === "arrow-right" ? (n(), d("path", Fe)) : j("", !0)
+      ])) : P(a.$slots, "default", { key: 1 })
+    ], 6));
+  }
+}), z = I(De), Le = ["success", "warning", "info", "danger"], Re = ["light", "dark"], Oe = {
+  title: {
+    type: String,
+    default: ""
+  },
+  description: {
+    type: String,
+    default: ""
+  },
+  type: {
+    type: String,
+    default: "info",
+    validator: (t) => Le.includes(t)
+  },
+  effect: {
+    type: String,
+    default: "light",
+    validator: (t) => Re.includes(t)
+  },
+  closable: {
+    type: Boolean,
+    default: !0
+  },
+  showIcon: Boolean
+}, He = {
+  close: () => !0
+}, xe = {
+  key: 0,
+  class: "jh-alert__icon",
+  "aria-hidden": "true"
+}, qe = { class: "jh-alert__content" }, Ge = {
+  key: 0,
+  class: "jh-alert__title"
+}, Ue = {
+  key: 1,
+  class: "jh-alert__description"
+}, We = /* @__PURE__ */ T({
+  name: "JhAlert",
+  __name: "alert",
+  props: Oe,
+  emits: He,
+  setup(t, { emit: s }) {
+    const e = s, a = E(!0), l = () => {
+      a.value = !1, e("close");
+    };
+    return (i, r) => a.value ? (n(), d("div", {
+      key: 0,
+      class: N(["jh-alert", [`jh-alert--${i.type}`, `jh-alert--${i.effect}`]]),
+      role: "alert"
+    }, [
+      i.showIcon ? (n(), d("span", xe)) : j("", !0),
+      b("div", qe, [
+        i.title || i.$slots.title ? (n(), d("div", Ge, [
+          P(i.$slots, "title", {}, () => [
+            Q(J(i.title), 1)
+          ])
+        ])) : j("", !0),
+        i.description || i.$slots.default ? (n(), d("div", Ue, [
+          P(i.$slots, "default", {}, () => [
+            Q(J(i.description), 1)
+          ])
+        ])) : j("", !0)
+      ]),
+      i.closable ? (n(), d("button", {
+        key: 1,
+        class: "jh-alert__close",
+        type: "button",
+        "aria-label": "Close alert",
+        onClick: l
+      }, [
+        K(M(z), { name: "close" })
+      ])) : j("", !0)
+    ], 2)) : j("", !0);
+  }
+}), Ye = I(We), Ze = {
+  target: {
+    type: String,
+    default: ""
+  },
+  visibilityHeight: {
+    type: Number,
+    default: 200
+  },
+  right: {
+    type: Number,
+    default: 40
+  },
+  bottom: {
+    type: Number,
+    default: 40
+  }
+}, Qe = {
+  click: (t) => !!t.target
+}, Xe = /* @__PURE__ */ T({
+  name: "JhBacktop",
+  __name: "backtop",
+  props: Ze,
+  emits: Qe,
+  setup(t, { expose: s, emit: e }) {
+    const a = t, l = e, i = E(!1), r = E(), h = k(() => ({
+      right: `${a.right}px`,
+      bottom: `${a.bottom}px`
+    })), o = () => {
+      const y = r.value;
+      return y ? typeof window < "u" && y === window ? window.scrollY || document.documentElement.scrollTop : y.scrollTop : 0;
+    }, c = () => {
+      i.value = o() >= a.visibilityHeight;
+    }, m = () => a.target && document.querySelector(a.target) || window, p = () => {
+      typeof window > "u" || (r.value = m(), r.value.addEventListener("scroll", c), c());
+    }, g = () => {
+      var y;
+      (y = r.value) == null || y.removeEventListener("scroll", c);
+    }, v = () => {
+      const y = r.value;
+      y && (typeof window < "u" && y === window ? window.scrollTo({ top: 0, behavior: "smooth" }) : y.scrollTo({ top: 0, behavior: "smooth" }), l("click", { target: y }));
+    };
+    return se(() => {
+      be(p);
+    }), ae(() => {
+      g();
+    }), s({
+      handleScroll: c
+    }), (y, B) => (n(), U(le, { name: "jh-backtop-fade" }, {
+      default: X(() => [
+        ce(b("button", {
+          class: "jh-backtop",
+          type: "button",
+          style: Z(h.value),
+          "aria-label": "Back to top",
+          onClick: v
+        }, [
+          P(y.$slots, "default", {}, () => [
+            K(M(z), { name: "arrow-left" })
+          ])
+        ], 4), [
+          [ue, i.value]
+        ])
+      ]),
+      _: 3
+    }));
+  }
+}), et = I(Xe), tt = ["primary", "success", "warning", "danger", "info"], at = {
+  value: {
+    type: [String, Number],
+    default: ""
+  },
+  max: {
+    type: Number,
+    default: 0
+  },
+  type: {
+    type: String,
+    default: "danger",
+    validator: (t) => tt.includes(t)
+  },
+  color: {
+    type: String,
+    default: ""
+  },
+  hidden: Boolean,
+  isDot: Boolean
+}, lt = { class: "jh-badge" }, st = /* @__PURE__ */ T({
+  name: "JhBadge",
+  __name: "badge",
+  props: at,
+  setup(t) {
+    const s = t, e = k(() => s.isDot ? "" : typeof s.value == "number" && s.max > 0 && s.value > s.max ? `${s.max}+` : s.value), a = k(() => s.color ? { backgroundColor: s.color } : void 0);
+    return (l, i) => (n(), d("span", lt, [
+      P(l.$slots, "default"),
+      !l.hidden && (l.isDot || e.value !== "") ? (n(), d("sup", {
+        key: 0,
+        class: N(["jh-badge__content", [`jh-badge__content--${l.type}`, { "is-dot": l.isDot, "is-custom-color": l.color }]]),
+        style: Z(a.value)
+      }, [
+        l.isDot ? j("", !0) : (n(), d(O, { key: 0 }, [
+          Q(J(e.value), 1)
+        ], 64))
+      ], 6)) : j("", !0)
+    ]));
+  }
+}), ot = I(st), nt = [
+  "default",
+  "primary",
+  "success",
+  "warning",
+  "danger",
+  "info"
+], it = ["small", "default", "large"], rt = ["button", "submit", "reset"], dt = {
+  type: {
+    type: String,
+    default: "default",
+    validator: (t) => nt.includes(t)
+  },
+  size: {
+    type: String,
+    default: "default",
+    validator: (t) => it.includes(t)
+  },
+  disabled: Boolean,
+  loading: Boolean,
+  plain: Boolean,
+  round: Boolean,
+  circle: Boolean,
+  icon: String,
+  nativeType: {
+    type: String,
+    default: "button",
+    validator: (t) => rt.includes(t)
+  }
+}, ct = {
+  click: (t) => t instanceof MouseEvent
+}, ut = ["type", "disabled", "aria-disabled"], pt = {
+  key: 2,
+  class: "jh-button__content"
+}, ht = /* @__PURE__ */ T({
+  name: "JhButton",
+  __name: "button",
+  props: dt,
+  emits: ct,
+  setup(t, { emit: s }) {
+    const e = t, a = s, l = k(() => [
+      `jh-button--${e.type}`,
+      e.size !== "default" ? `jh-button--${e.size}` : "",
+      {
+        "is-disabled": e.disabled,
+        "is-loading": e.loading,
+        "is-plain": e.plain,
+        "is-round": e.round,
+        "is-circle": e.circle
+      }
+    ]), i = (r) => {
+      e.disabled || e.loading || a("click", r);
+    };
+    return (r, h) => (n(), d("button", {
+      class: N(["jh-button", l.value]),
+      type: r.nativeType,
+      disabled: r.disabled || r.loading,
+      "aria-disabled": r.disabled || r.loading,
+      onClick: i
+    }, [
+      r.loading ? (n(), U(M(z), {
+        key: 0,
+        class: "jh-button__loading",
+        name: "loading"
+      })) : r.icon ? (n(), U(M(z), {
+        key: 1,
+        class: "jh-button__icon",
+        name: r.icon
+      }, null, 8, ["name"])) : j("", !0),
+      r.$slots.default ? (n(), d("span", pt, [
+        P(r.$slots, "default")
+      ])) : j("", !0)
+    ], 10, ut));
+  }
+}), ye = I(ht), mt = {
+  modelValue: {
+    type: Array,
+    default: () => []
+  },
+  options: {
+    type: Array,
+    default: () => []
+  },
+  placeholder: {
+    type: String,
+    default: "Please select"
+  },
+  disabled: Boolean,
+  clearable: Boolean,
+  separator: {
+    type: String,
+    default: " / "
+  },
+  fieldNames: {
+    type: Object,
+    default: () => ({})
+  }
+}, ft = {
+  "update:modelValue": (t) => !0,
+  change: (t, s) => !0,
+  "visible-change": (t) => !0,
+  clear: () => !0
+}, bt = ["disabled", "aria-expanded"], gt = {
+  key: 0,
+  class: "jh-cascader__panel"
+}, vt = ["disabled", "onClick"], yt = /* @__PURE__ */ T({
+  name: "JhCascader",
+  __name: "cascader",
+  props: mt,
+  emits: ft,
+  setup(t, { emit: s }) {
+    const e = t, a = s, l = E(!1), i = E([]), r = E(), h = k(() => ({
+      "is-disabled": e.disabled,
+      "is-visible": l.value
+    })), o = k(() => e.fieldNames.label || "label"), c = k(() => e.fieldNames.value || "value"), m = k(() => e.fieldNames.children || "children"), p = k(() => e.fieldNames.disabled || "disabled"), g = (S) => String(S[o.value] ?? ""), v = (S) => S[c.value], y = (S) => S[m.value] || [], B = (S) => !!S[p.value], f = (S) => y(S).length > 0, C = (S) => {
+      const D = [];
+      let q = e.options;
+      for (const ee of S) {
+        const G = q.find((fe) => v(fe) === ee);
+        if (!G) break;
+        D.push(G), q = y(G);
+      }
+      return D;
+    }, $ = k(() => C(e.modelValue)), F = k(
+      () => $.value.length ? $.value.map((S) => g(S)).join(e.separator) : ""
+    ), u = k(() => {
+      const S = [];
+      let D = e.options;
+      S.push(D);
+      for (const q of i.value) {
+        const ee = D.find((fe) => v(fe) === q);
+        if (!ee) break;
+        const G = y(ee);
+        if (!G.length) break;
+        S.push(G), D = G;
+      }
+      return S.filter((q) => q.length);
+    }), w = k(
+      () => e.clearable && !e.disabled && e.modelValue.length > 0
+    ), _ = (S) => {
+      e.disabled || l.value !== S && (l.value = S, a("visible-change", S));
+    }, L = () => {
+      _(!l.value);
+    }, V = () => {
+      _(!1);
+    }, x = (S, D) => i.value[D] === v(S), A = (S, D) => {
+      if (B(S)) return;
+      const q = i.value.slice(0, D);
+      if (q.push(v(S)), i.value = q, f(S)) return;
+      const ee = C(q);
+      a("update:modelValue", [...q]), a("change", [...q], ee), V();
+    }, R = () => {
+      i.value = [], a("update:modelValue", []), a("change", [], []), a("clear"), V();
+    }, H = (S) => {
+      var D;
+      l.value && ((D = r.value) != null && D.contains(S.target) || V());
+    };
+    return Y(
+      () => l.value,
+      (S) => {
+        S ? (i.value = [...e.modelValue], document.addEventListener("click", H)) : document.removeEventListener("click", H);
+      }
+    ), Y(
+      () => e.modelValue,
+      (S) => {
+        i.value = [...S];
+      },
+      { immediate: !0 }
+    ), ae(() => {
+      document.removeEventListener("click", H);
+    }), (S, D) => (n(), d("div", {
+      ref_key: "cascaderRef",
+      ref: r,
+      class: N(["jh-cascader", h.value])
+    }, [
+      b("button", {
+        class: "jh-cascader__trigger",
+        type: "button",
+        disabled: S.disabled,
+        "aria-expanded": l.value,
+        onClick: L
+      }, [
+        b("span", {
+          class: N(["jh-cascader__label", { "is-placeholder": !F.value }])
+        }, J(F.value || S.placeholder), 3),
+        w.value ? (n(), d("button", {
+          key: 0,
+          class: "jh-cascader__clear",
+          type: "button",
+          "aria-label": "Clear cascader",
+          onClick: te(R, ["stop"])
+        }, [
+          K(M(z), { name: "close" })
+        ])) : (n(), U(M(z), {
+          key: 1,
+          class: "jh-cascader__arrow",
+          name: "arrow-right"
+        }))
+      ], 8, bt),
+      K(le, { name: "jh-cascader-fade" }, {
+        default: X(() => [
+          l.value ? (n(), d("div", gt, [
+            (n(!0), d(O, null, W(u.value, (q, ee) => (n(), d("ul", {
+              key: ee,
+              class: "jh-cascader__menu"
+            }, [
+              (n(!0), d(O, null, W(q, (G) => (n(), d("li", {
+                key: String(v(G)),
+                class: "jh-cascader__menu-item"
+              }, [
+                b("button", {
+                  class: N(["jh-cascader__option", {
+                    "is-active": x(G, ee),
+                    "is-disabled": B(G)
+                  }]),
+                  type: "button",
+                  disabled: B(G),
+                  onClick: (fe) => A(G, ee)
+                }, [
+                  b("span", null, J(g(G)), 1),
+                  f(G) ? (n(), U(M(z), {
+                    key: 0,
+                    name: "arrow-right",
+                    class: "jh-cascader__option-arrow"
+                  })) : j("", !0)
+                ], 10, vt)
+              ]))), 128))
+            ]))), 128))
+          ])) : j("", !0)
+        ]),
+        _: 1
+      })
+    ], 2));
+  }
+}), _t = I(yt), $e = Symbol("carouselContextKey"), kt = ["always", "hover", "never"], $t = {
+  modelValue: {
+    type: Number,
+    default: void 0
+  },
+  height: {
+    type: String,
+    default: "200px"
+  },
+  autoplay: {
+    type: Boolean,
+    default: !0
+  },
+  interval: {
+    type: Number,
+    default: 3e3
+  },
+  loop: {
+    type: Boolean,
+    default: !0
+  },
+  arrow: {
+    type: String,
+    default: "hover",
+    validator: (t) => kt.includes(t)
+  },
+  indicator: {
+    type: Boolean,
+    default: !0
+  }
+}, Ct = {
+  "update:modelValue": (t) => Number.isInteger(t),
+  change: (t, s) => Number.isInteger(t) && Number.isInteger(s)
+}, jt = {
+  name: {
+    type: String,
+    default: ""
+  }
+}, wt = {
+  key: 0,
+  class: "jh-carousel__indicators"
+}, St = ["aria-label", "onClick"], Bt = /* @__PURE__ */ T({
+  name: "JhCarousel",
+  __name: "carousel",
+  props: $t,
+  emits: Ct,
+  setup(t, { emit: s }) {
+    const e = t, a = s, l = E([]), i = E(e.modelValue ?? 0), r = k(() => {
+      var $;
+      return ($ = l.value[o.value]) == null ? void 0 : $.uid;
+    });
+    let h;
+    const o = k(() => l.value.length === 0 ? 0 : Math.min(Math.max(i.value, 0), l.value.length - 1)), c = ($, F) => {
+      i.value = $, a("update:modelValue", $), $ !== F && a("change", $, F);
+    }, m = ($) => {
+      if (l.value.length === 0) return;
+      const F = o.value, u = l.value.length - 1;
+      let w = $;
+      w < 0 && (w = e.loop ? u : 0), w > u && (w = e.loop ? 0 : u), c(w, F);
+    }, p = () => m(o.value - 1), g = () => m(o.value + 1), v = () => {
+      h && (window.clearInterval(h), h = void 0);
+    }, y = () => {
+      v(), !(!e.autoplay || e.interval <= 0 || l.value.length <= 1) && (h = window.setInterval(g, e.interval));
+    }, B = () => v();
+    return pe($e, {
+      activeUid: r,
+      registerItem: ($) => {
+        l.value.push($), y();
+      },
+      unregisterItem: ($) => {
+        l.value = l.value.filter((F) => F.uid !== $.uid), i.value > l.value.length - 1 && (i.value = Math.max(l.value.length - 1, 0)), y();
+      }
+    }), Y(
+      () => e.modelValue,
+      ($) => {
+        typeof $ == "number" && (i.value = $);
+      }
+    ), Y(
+      () => [e.autoplay, e.interval, l.value.length],
+      () => y()
+    ), ae(() => {
+      v();
+    }), ($, F) => (n(), d("div", {
+      class: N(["jh-carousel", [`jh-carousel--arrow-${$.arrow}`]]),
+      onMouseenter: B,
+      onMouseleave: y
+    }, [
+      b("div", {
+        class: "jh-carousel__container",
+        style: Z({ height: $.height })
+      }, [
+        P($.$slots, "default"),
+        $.arrow !== "never" && l.value.length > 1 ? (n(), d("button", {
+          key: 0,
+          class: "jh-carousel__arrow jh-carousel__arrow--left",
+          type: "button",
+          "aria-label": "Previous",
+          onClick: p
+        }, [
+          K(M(z), { name: "arrow-left" })
+        ])) : j("", !0),
+        $.arrow !== "never" && l.value.length > 1 ? (n(), d("button", {
+          key: 1,
+          class: "jh-carousel__arrow jh-carousel__arrow--right",
+          type: "button",
+          "aria-label": "Next",
+          onClick: g
+        }, [
+          K(M(z), { name: "arrow-right" })
+        ])) : j("", !0)
+      ], 4),
+      $.indicator && l.value.length > 1 ? (n(), d("div", wt, [
+        (n(!0), d(O, null, W(l.value, (u, w) => (n(), d("button", {
+          key: w,
+          class: N(["jh-carousel__indicator", { "is-active": w === o.value }]),
+          type: "button",
+          "aria-label": `Go to slide ${w + 1}`,
+          onClick: (_) => m(w)
+        }, null, 10, St))), 128))
+      ])) : j("", !0)
+    ], 34));
+  }
+}), Vt = /* @__PURE__ */ T({
+  name: "JhCarouselItem",
+  __name: "carousel-item",
+  props: jt,
+  setup(t) {
+    const s = he($e, void 0), e = Symbol("carouselItem"), a = k(() => (s == null ? void 0 : s.activeUid.value) === e), l = {
+      uid: e
+    };
+    return se(() => {
+      s == null || s.registerItem(l);
+    }), ae(() => {
+      s == null || s.unregisterItem(l);
+    }), (i, r) => ce((n(), d("div", {
+      class: N(["jh-carousel__item", { "is-active": a.value }])
+    }, [
+      P(i.$slots, "default")
+    ], 2)), [
+      [ue, a.value]
+    ]);
+  }
+}), Nt = I(Bt), Pt = I(Vt), At = {
+  modelValue: {
+    type: [Boolean, Array],
+    default: !1
+  },
+  value: {
+    type: [String, Number, Boolean],
+    default: !0
+  },
+  label: String,
+  disabled: Boolean
+}, Tt = {
+  modelValue: {
+    type: Array,
+    default: () => []
+  },
+  disabled: Boolean
+}, Jt = {
+  "update:modelValue": (t) => !0,
+  change: (t) => !0
+}, Et = {
+  "update:modelValue": (t) => !0,
+  change: (t) => !0
+}, Ce = Symbol("JhCheckboxGroup"), It = { class: "jh-checkbox__input" }, Mt = ["checked", "disabled"], zt = {
+  key: 0,
+  class: "jh-checkbox__label"
+}, Kt = /* @__PURE__ */ T({
+  name: "JhCheckbox",
+  __name: "checkbox",
+  props: At,
+  emits: Jt,
+  setup(t, { emit: s }) {
+    const e = t, a = s, l = he(Ce, void 0), i = k(() => e.disabled || !!(l != null && l.disabled())), r = k(() => l ? l.modelValue().includes(e.value) : Array.isArray(e.modelValue) ? e.modelValue.includes(e.value) : !!e.modelValue), h = (o) => {
+      const c = o.target.checked;
+      if (l) {
+        l.changeValue(e.value, c);
+        return;
+      }
+      if (Array.isArray(e.modelValue)) {
+        const m = c ? [...e.modelValue, e.value] : e.modelValue.filter((p) => p !== e.value);
+        a("update:modelValue", m), a("change", m);
+        return;
+      }
+      a("update:modelValue", c), a("change", c);
+    };
+    return (o, c) => (n(), d("label", {
+      class: N(["jh-checkbox", { "is-checked": r.value, "is-disabled": i.value }])
+    }, [
+      b("span", It, [
+        b("input", {
+          class: "jh-checkbox__original",
+          type: "checkbox",
+          checked: r.value,
+          disabled: i.value,
+          onChange: h
+        }, null, 40, Mt),
+        c[0] || (c[0] = b("span", { class: "jh-checkbox__inner" }, null, -1))
+      ]),
+      o.$slots.default || o.label ? (n(), d("span", zt, [
+        P(o.$slots, "default", {}, () => [
+          Q(J(o.label), 1)
+        ])
+      ])) : j("", !0)
+    ], 2));
+  }
+}), Ft = /* @__PURE__ */ T({
+  name: "JhCheckboxGroup",
+  __name: "checkbox-group",
+  props: Tt,
+  emits: Et,
+  setup(t, { emit: s }) {
+    const e = t, a = s;
+    return pe(Ce, {
+      modelValue: () => e.modelValue,
+      disabled: () => e.disabled,
+      changeValue: (i, r) => {
+        const h = r ? [...e.modelValue, i] : e.modelValue.filter((o) => o !== i);
+        a("update:modelValue", h), a("change", h);
+      }
+    }), (i, r) => (n(), d("div", {
+      class: N(["jh-checkbox-group", { "is-disabled": i.disabled }]),
+      role: "group"
+    }, [
+      P(i.$slots, "default")
+    ], 2));
+  }
+}), Dt = I(Kt), Lt = I(Ft), je = Symbol("collapseContextKey"), Rt = {
+  modelValue: {
+    type: [String, Number, Array],
+    default: () => []
+  },
+  accordion: Boolean
+}, Ot = {
+  "update:modelValue": (t) => typeof t == "string" || typeof t == "number" || Array.isArray(t),
+  change: (t) => typeof t == "string" || typeof t == "number" || Array.isArray(t)
+}, Ht = {
+  name: {
+    type: [String, Number],
+    required: !0
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  disabled: Boolean
+}, xt = { class: "jh-collapse" }, qt = /* @__PURE__ */ T({
+  name: "JhCollapse",
+  __name: "collapse",
+  props: Rt,
+  emits: Ot,
+  setup(t, { emit: s }) {
+    const e = t, a = s, l = () => Array.isArray(e.modelValue) ? e.modelValue : [e.modelValue], i = (h) => l().includes(h);
+    return pe(je, {
+      isActive: i,
+      toggle: (h) => {
+        if (e.accordion) {
+          const m = i(h) ? "" : h;
+          a("update:modelValue", m), a("change", m);
+          return;
+        }
+        const o = l().filter((m) => m !== ""), c = i(h) ? o.filter((m) => m !== h) : [...o, h];
+        a("update:modelValue", c), a("change", c);
+      }
+    }), (h, o) => (n(), d("div", xt, [
+      P(h.$slots, "default")
+    ]));
+  }
+}), Gt = ["disabled"], Ut = { class: "jh-collapse-item__wrap" }, Wt = { class: "jh-collapse-item__content" }, Yt = /* @__PURE__ */ T({
+  name: "JhCollapseItem",
+  __name: "collapse-item",
+  props: Ht,
+  setup(t) {
+    const s = t, e = he(je, void 0), a = k(() => (e == null ? void 0 : e.isActive(s.name)) ?? !1), l = () => {
+      s.disabled || e == null || e.toggle(s.name);
+    };
+    return (i, r) => (n(), d("div", {
+      class: N(["jh-collapse-item", { "is-active": a.value, "is-disabled": i.disabled }])
+    }, [
+      b("button", {
+        class: "jh-collapse-item__header",
+        type: "button",
+        disabled: i.disabled,
+        onClick: l
+      }, [
+        P(i.$slots, "title", {}, () => [
+          Q(J(i.title), 1)
+        ]),
+        K(M(z), {
+          class: "jh-collapse-item__arrow",
+          name: "arrow-right"
+        })
+      ], 8, Gt),
+      ce(b("div", Ut, [
+        b("div", Wt, [
+          P(i.$slots, "default")
+        ])
+      ], 512), [
+        [ue, a.value]
+      ])
+    ], 2));
+  }
+}), Zt = I(qt), Qt = I(Yt), Xt = {
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  placeholder: String,
+  disabled: Boolean,
+  clearable: Boolean
+}, ea = {
+  "update:modelValue": (t) => !0,
+  change: (t) => !0,
+  clear: () => !0
+}, ta = ["value", "placeholder", "disabled"], aa = /* @__PURE__ */ T({
+  name: "JhDatePicker",
+  __name: "date-picker",
+  props: Xt,
+  emits: ea,
+  setup(t, { emit: s }) {
+    const e = t, a = s, l = k(() => e.clearable && !e.disabled && !!e.modelValue), i = (o) => {
+      a("update:modelValue", o.target.value);
+    }, r = (o) => {
+      a("change", o.target.value);
+    }, h = () => {
+      a("update:modelValue", ""), a("change", ""), a("clear");
+    };
+    return (o, c) => (n(), d("div", {
+      class: N(["jh-date-picker", { "is-disabled": o.disabled }])
+    }, [
+      b("input", {
+        class: "jh-date-picker__inner",
+        type: "date",
+        value: o.modelValue,
+        placeholder: o.placeholder,
+        disabled: o.disabled,
+        onInput: i,
+        onChange: r
+      }, null, 40, ta),
+      l.value ? (n(), d("button", {
+        key: 0,
+        class: "jh-date-picker__clear",
+        type: "button",
+        onClick: h
+      }, [
+        K(M(z), { name: "close" })
+      ])) : j("", !0)
+    ], 2));
+  }
+}), la = I(aa), sa = {
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  placeholder: String,
+  disabled: Boolean,
+  clearable: Boolean
+}, oa = {
+  "update:modelValue": (t) => !0,
+  change: (t) => !0,
+  clear: () => !0
+}, na = ["value", "placeholder", "disabled"], ia = /* @__PURE__ */ T({
+  name: "JhDateTimePicker",
+  __name: "date-time-picker",
+  props: sa,
+  emits: oa,
+  setup(t, { emit: s }) {
+    const e = t, a = s, l = k(() => e.clearable && !e.disabled && !!e.modelValue), i = (o) => {
+      a("update:modelValue", o.target.value);
+    }, r = (o) => {
+      a("change", o.target.value);
+    }, h = () => {
+      a("update:modelValue", ""), a("change", ""), a("clear");
+    };
+    return (o, c) => (n(), d("div", {
+      class: N(["jh-date-picker", { "is-disabled": o.disabled }])
+    }, [
+      b("input", {
+        class: "jh-date-picker__inner",
+        type: "datetime-local",
+        value: o.modelValue,
+        placeholder: o.placeholder,
+        disabled: o.disabled,
+        onInput: i,
+        onChange: r
+      }, null, 40, na),
+      l.value ? (n(), d("button", {
+        key: 0,
+        class: "jh-date-picker__clear",
+        type: "button",
+        onClick: h
+      }, [
+        K(M(z), { name: "close" })
+      ])) : j("", !0)
+    ], 2));
+  }
+}), ra = I(ia), da = {
+  modelValue: Boolean,
+  title: String,
+  width: {
+    type: String,
+    default: "50%"
+  },
+  closeOnClickModal: {
+    type: Boolean,
+    default: !0
+  },
+  beforeClose: Function
+}, ca = {
+  "update:modelValue": (t) => !0,
+  open: () => !0,
+  close: () => !0,
+  closed: () => !0
+}, ua = ["aria-label"], pa = { class: "jh-dialog__header" }, ha = { class: "jh-dialog__title" }, ma = { class: "jh-dialog__body" }, fa = {
+  key: 0,
+  class: "jh-dialog__footer"
+}, ba = /* @__PURE__ */ T({
+  name: "JhDialog",
+  __name: "dialog",
+  props: da,
+  emits: ca,
+  setup(t, { emit: s }) {
+    const e = t, a = s, l = k(() => ({
+      width: e.width
+    })), i = () => {
+      a("update:modelValue", !1), a("close");
+    }, r = () => {
+      if (e.beforeClose) {
+        e.beforeClose(i);
+        return;
+      }
+      i();
+    }, h = () => {
+      e.closeOnClickModal && r();
+    };
+    return Y(
+      () => e.modelValue,
+      (o) => {
+        o && a("open");
+      }
+    ), (o, c) => (n(), U(_e, { to: "body" }, [
+      K(le, {
+        name: "jh-dialog-fade",
+        onAfterLeave: c[1] || (c[1] = (m) => a("closed"))
+      }, {
+        default: X(() => [
+          o.modelValue ? (n(), d("div", {
+            key: 0,
+            class: "jh-overlay",
+            onClick: h
+          }, [
+            b("div", {
+              class: "jh-dialog",
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-label": o.title || "Dialog",
+              style: Z(l.value),
+              onClick: c[0] || (c[0] = te(() => {
+              }, ["stop"]))
+            }, [
+              b("header", pa, [
+                P(o.$slots, "header", {}, () => [
+                  b("span", ha, J(o.title), 1)
+                ]),
+                b("button", {
+                  class: "jh-dialog__close",
+                  type: "button",
+                  "aria-label": "Close dialog",
+                  onClick: r
+                }, " x ")
+              ]),
+              b("section", ma, [
+                P(o.$slots, "default")
+              ]),
+              o.$slots.footer ? (n(), d("footer", fa, [
+                P(o.$slots, "footer")
+              ])) : j("", !0)
+            ], 12, ua)
+          ])) : j("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), ga = I(ba), va = ["rtl", "ltr", "ttb", "btt"], ya = {
+  modelValue: Boolean,
+  title: {
+    type: String,
+    default: ""
+  },
+  size: {
+    type: String,
+    default: "30%"
+  },
+  direction: {
+    type: String,
+    default: "rtl",
+    validator: (t) => va.includes(t)
+  },
+  closeOnClickModal: {
+    type: Boolean,
+    default: !0
+  },
+  beforeClose: {
+    type: Function,
+    default: void 0
+  }
+}, _a = {
+  "update:modelValue": (t) => !0,
+  open: () => !0,
+  close: () => !0,
+  closed: () => !0
+}, ka = ["aria-label"], $a = { class: "jh-drawer__header" }, Ca = { class: "jh-drawer__title" }, ja = { class: "jh-drawer__body" }, wa = {
+  key: 0,
+  class: "jh-drawer__footer"
+}, Sa = /* @__PURE__ */ T({
+  name: "JhDrawer",
+  __name: "drawer",
+  props: ya,
+  emits: _a,
+  setup(t, { emit: s }) {
+    const e = t, a = s, l = k(() => e.direction === "ttb" || e.direction === "btt" ? { height: e.size } : { width: e.size }), i = () => {
+      a("update:modelValue", !1), a("close");
+    }, r = () => {
+      if (e.beforeClose) {
+        e.beforeClose(i);
+        return;
+      }
+      i();
+    }, h = () => {
+      e.closeOnClickModal && r();
+    };
+    return Y(
+      () => e.modelValue,
+      (o) => {
+        o && a("open");
+      }
+    ), (o, c) => (n(), U(_e, { to: "body" }, [
+      K(le, {
+        name: "jh-drawer-fade",
+        onAfterLeave: c[1] || (c[1] = (m) => a("closed"))
+      }, {
+        default: X(() => [
+          o.modelValue ? (n(), d("div", {
+            key: 0,
+            class: N(["jh-drawer-overlay", `jh-drawer-overlay--${o.direction}`]),
+            onClick: h
+          }, [
+            b("aside", {
+              class: N(["jh-drawer", `jh-drawer--${o.direction}`]),
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-label": o.title || "Drawer",
+              style: Z(l.value),
+              onClick: c[0] || (c[0] = te(() => {
+              }, ["stop"]))
+            }, [
+              b("header", $a, [
+                P(o.$slots, "header", {}, () => [
+                  b("span", Ca, J(o.title), 1)
+                ]),
+                b("button", {
+                  class: "jh-drawer__close",
+                  type: "button",
+                  "aria-label": "Close drawer",
+                  onClick: r
+                }, [
+                  K(M(z), { name: "close" })
+                ])
+              ]),
+              b("section", ja, [
+                P(o.$slots, "default")
+              ]),
+              o.$slots.footer ? (n(), d("footer", wa, [
+                P(o.$slots, "footer")
+              ])) : j("", !0)
+            ], 14, ka)
+          ], 2)) : j("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), Ba = I(Sa), Va = ["click", "hover"], Na = ["bottom-start", "bottom-end"], Pa = {
+  options: {
+    type: Array,
+    default: () => []
+  },
+  trigger: {
+    type: String,
+    default: "click",
+    validator: (t) => Va.includes(t)
+  },
+  placement: {
+    type: String,
+    default: "bottom-start",
+    validator: (t) => Na.includes(t)
+  },
+  disabled: Boolean,
+  hideOnClick: {
+    type: Boolean,
+    default: !0
+  }
+}, Aa = {
+  command: (t, s) => !0,
+  "visible-change": (t) => !0
+}, Ta = ["disabled", "aria-expanded"], Ja = ["aria-expanded"], Ea = {
+  key: 0,
+  class: "jh-dropdown__menu",
+  role: "menu"
+}, Ia = ["disabled", "onClick"], Ma = /* @__PURE__ */ T({
+  name: "JhDropdown",
+  __name: "dropdown",
+  props: Pa,
+  emits: Aa,
+  setup(t, { emit: s }) {
+    const e = t, a = s, l = E(!1), i = E(), r = k(() => ({
+      "is-disabled": e.disabled,
+      "is-visible": l.value,
+      [`jh-dropdown--${e.placement}`]: !0
+    })), h = (B) => {
+      e.disabled || l.value !== B && (l.value = B, a("visible-change", B));
+    }, o = () => h(!1), c = () => h(!l.value), m = () => {
+      e.trigger === "click" && c();
+    }, p = () => {
+      e.trigger === "hover" && h(!0);
+    }, g = () => {
+      e.trigger === "hover" && o();
+    }, v = (B) => {
+      B.disabled || (a("command", B.command, B), e.hideOnClick && o());
+    }, y = (B) => {
+      var f;
+      l.value && ((f = i.value) != null && f.contains(B.target) || o());
+    };
+    return Y(
+      () => l.value,
+      (B) => {
+        e.trigger === "click" && (B ? document.addEventListener("click", y) : document.removeEventListener("click", y));
+      }
+    ), ae(() => {
+      document.removeEventListener("click", y);
+    }), (B, f) => (n(), d("div", {
+      ref_key: "dropdownRef",
+      ref: i,
+      class: N(["jh-dropdown", r.value]),
+      onMouseenter: p,
+      onMouseleave: g
+    }, [
+      B.$slots.default ? (n(), d("div", {
+        key: 1,
+        class: "jh-dropdown__trigger",
+        "aria-expanded": l.value,
+        "aria-haspopup": "menu",
+        onClick: m
+      }, [
+        P(B.$slots, "default")
+      ], 8, Ja)) : (n(), d("button", {
+        key: 0,
+        class: "jh-dropdown__trigger",
+        type: "button",
+        disabled: B.disabled,
+        "aria-expanded": l.value,
+        "aria-haspopup": "menu",
+        onClick: m
+      }, [
+        f[0] || (f[0] = Q(" Dropdown ", -1)),
+        K(M(z), {
+          name: "arrow-right",
+          class: "jh-dropdown__arrow"
+        })
+      ], 8, Ta)),
+      K(le, { name: "jh-dropdown-fade" }, {
+        default: X(() => [
+          l.value ? (n(), d("div", Ea, [
+            P(B.$slots, "dropdown", {}, () => [
+              (n(!0), d(O, null, W(B.options, (C) => (n(), d("button", {
+                key: C.command,
+                class: N(["jh-dropdown__item", { "is-disabled": C.disabled, "is-divided": C.divided }]),
+                type: "button",
+                role: "menuitem",
+                disabled: C.disabled,
+                onClick: ($) => v(C)
+              }, J(C.label), 11, Ia))), 128))
+            ])
+          ])) : j("", !0)
+        ]),
+        _: 3
+      })
+    ], 34));
+  }
+}), za = I(Ma), Ka = {
+  model: {
+    type: Object,
+    default: () => ({})
+  },
+  rules: {
+    type: Object,
+    default: () => ({})
+  },
+  labelWidth: {
+    type: String,
+    default: "100px"
+  }
+}, Fa = {
+  label: String,
+  prop: String,
+  rules: [Object, Array],
+  required: Boolean
+}, we = Symbol("JhForm"), Da = /* @__PURE__ */ T({
+  name: "JhForm",
+  __name: "form",
+  props: Ka,
+  setup(t, { expose: s }) {
+    const e = t, a = E([]), l = (o) => {
+      a.value.push(o);
+    }, i = (o) => {
+      a.value = a.value.filter((c) => c !== o);
+    }, r = async () => (await Promise.all(a.value.map((c) => c.validate()))).every(Boolean), h = () => {
+      a.value.forEach((o) => o.resetField());
+    };
+    return pe(we, {
+      model: e.model,
+      rules: e.rules,
+      registerItem: l,
+      unregisterItem: i
+    }), s({
+      validate: r,
+      resetFields: h
+    }), (o, c) => (n(), d("form", {
+      class: "jh-form",
+      style: Z({ "--jh-form-label-width": o.labelWidth }),
+      onSubmit: c[0] || (c[0] = te(() => {
+      }, ["prevent"]))
+    }, [
+      P(o.$slots, "default")
+    ], 36));
+  }
+}), La = {
+  key: 0,
+  class: "jh-form-item__label"
+}, Ra = { class: "jh-form-item__content" }, Oa = {
+  key: 0,
+  class: "jh-form-item__error"
+}, Ha = /* @__PURE__ */ T({
+  name: "JhFormItem",
+  __name: "form-item",
+  props: Fa,
+  setup(t, { expose: s }) {
+    const e = t, a = he(we, void 0), l = E(""), i = k(() => {
+      const p = e.prop ? a == null ? void 0 : a.rules[e.prop] : void 0, g = e.rules || p || [];
+      return Array.isArray(g) ? g : [g];
+    }), r = k(() => e.required || i.value.some((p) => p.required)), h = () => e.prop ? a == null ? void 0 : a.model[e.prop] : void 0, o = async () => {
+      l.value = "";
+      for (const p of i.value) {
+        const g = h();
+        if ((e.required || p.required) && (g === "" || g === void 0 || g === null))
+          return l.value = p.message || `${e.label || e.prop || "Field"} is required`, !1;
+        if (p.validator) {
+          const v = await p.validator(g, (a == null ? void 0 : a.model) || {});
+          if (v !== !0)
+            return l.value = typeof v == "string" ? v : p.message || "Validation failed", !1;
+        }
+      }
+      return !0;
+    }, c = () => {
+      e.prop && (a != null && a.model) && (a.model[e.prop] = ""), l.value = "";
+    }, m = {
+      prop: e.prop,
+      validate: o,
+      resetField: c
+    };
+    return se(() => {
+      a == null || a.registerItem(m);
+    }), ae(() => {
+      a == null || a.unregisterItem(m);
+    }), s({
+      validate: o,
+      resetField: c
+    }), (p, g) => (n(), d("div", {
+      class: N(["jh-form-item", { "is-error": !!l.value, "is-required": r.value }])
+    }, [
+      p.label ? (n(), d("label", La, J(p.label), 1)) : j("", !0),
+      b("div", Ra, [
+        P(p.$slots, "default"),
+        l.value ? (n(), d("div", Oa, J(l.value), 1)) : j("", !0)
+      ])
+    ], 2));
+  }
+}), xa = I(Da), qa = I(Ha), Ga = {
+  height: {
+    type: String,
+    default: "240px"
+  },
+  distance: {
+    type: Number,
+    default: 0
+  },
+  delay: {
+    type: Number,
+    default: 200
+  },
+  disabled: Boolean,
+  loading: Boolean,
+  immediate: Boolean
+}, Ua = {
+  load: (t) => Number.isFinite(t.scrollTop) && Number.isFinite(t.clientHeight) && Number.isFinite(t.scrollHeight)
+}, Wa = {
+  key: 0,
+  class: "jh-infinite-scroll__loading"
+}, Ya = /* @__PURE__ */ T({
+  name: "JhInfiniteScroll",
+  __name: "infinite-scroll",
+  props: Ga,
+  emits: Ua,
+  setup(t, { expose: s, emit: e }) {
+    const a = t, l = e, i = E();
+    let r;
+    const h = () => {
+      r && (window.clearTimeout(r), r = void 0);
+    }, o = (g) => g.scrollHeight - g.scrollTop - g.clientHeight <= a.distance, c = (g) => {
+      a.disabled || a.loading || l("load", {
+        scrollTop: g.scrollTop,
+        clientHeight: g.clientHeight,
+        scrollHeight: g.scrollHeight
+      });
+    }, m = () => {
+      const g = i.value;
+      !g || !o(g) || c(g);
+    }, p = () => {
+      h(), r = window.setTimeout(m, a.delay);
+    };
+    return se(() => {
+      a.immediate && be(m);
+    }), s({
+      check: m
+    }), (g, v) => (n(), d("div", {
+      ref_key: "containerRef",
+      ref: i,
+      class: N(["jh-infinite-scroll", { "is-disabled": g.disabled, "is-loading": g.loading }]),
+      style: Z({ height: g.height }),
+      onScroll: p
+    }, [
+      P(g.$slots, "default"),
+      g.$slots.loading || g.loading ? (n(), d("div", Wa, [
+        P(g.$slots, "loading", {}, () => [
+          v[0] || (v[0] = Q("Loading...", -1))
+        ])
+      ])) : j("", !0)
+    ], 38));
+  }
+}), Za = I(Ya), Qa = {
+  modelValue: {
+    type: [String, Number],
+    default: ""
+  },
+  placeholder: String,
+  disabled: Boolean,
+  clearable: Boolean,
+  password: Boolean,
+  prefixIcon: String,
+  suffixIcon: String,
+  name: String,
+  autocomplete: String
+}, Xa = {
+  "update:modelValue": (t) => !0,
+  input: (t) => !0,
+  change: (t) => !0,
+  clear: () => !0,
+  focus: (t) => t instanceof FocusEvent,
+  blur: (t) => t instanceof FocusEvent
+}, el = {
+  key: 0,
+  class: "jh-input__prefix"
+}, tl = ["value", "type", "name", "placeholder", "disabled", "autocomplete"], al = {
+  key: 1,
+  class: "jh-input__suffix"
+}, ll = ["disabled"], sl = ["disabled", "aria-label"], ol = /* @__PURE__ */ T({
+  name: "JhInput",
+  __name: "input",
+  props: Qa,
+  emits: Xa,
+  setup(t, { emit: s }) {
+    const e = t, a = s, l = E(), i = E(!1), r = E(!1), h = Te(), o = k(() => e.password && !i.value ? "password" : "text"), c = k(() => e.modelValue !== "" && e.modelValue !== void 0), m = k(() => e.clearable && !e.disabled && c.value), p = k(
+      () => m.value || e.password || !!e.suffixIcon || !!h.suffix
+    ), g = k(() => ({
+      "is-disabled": e.disabled,
+      "is-focus": r.value,
+      "jh-input--prefix": !!h.prefix || !!e.prefixIcon,
+      "jh-input--suffix": p.value
+    })), v = (u) => {
+      a("update:modelValue", u), a("input", u);
+    }, y = (u) => {
+      v(u.target.value);
+    }, B = (u) => {
+      a("change", u.target.value);
+    }, f = () => {
+      var u;
+      e.disabled || (v(""), a("clear"), (u = l.value) == null || u.focus());
+    }, C = () => {
+      var u;
+      e.disabled || (i.value = !i.value, (u = l.value) == null || u.focus());
+    }, $ = (u) => {
+      r.value = !0, a("focus", u);
+    }, F = (u) => {
+      r.value = !1, a("blur", u);
+    };
+    return (u, w) => (n(), d("div", {
+      class: N(["jh-input", g.value])
+    }, [
+      u.$slots.prefix || u.prefixIcon ? (n(), d("span", el, [
+        P(u.$slots, "prefix", {}, () => [
+          u.prefixIcon ? (n(), U(M(z), {
+            key: 0,
+            class: "jh-input__icon",
+            name: u.prefixIcon
+          }, null, 8, ["name"])) : j("", !0)
+        ])
+      ])) : j("", !0),
+      b("input", {
+        ref_key: "inputRef",
+        ref: l,
+        class: "jh-input__inner",
+        value: u.modelValue,
+        type: o.value,
+        name: u.name,
+        placeholder: u.placeholder,
+        disabled: u.disabled,
+        autocomplete: u.autocomplete,
+        onInput: y,
+        onChange: B,
+        onFocus: $,
+        onBlur: F
+      }, null, 40, tl),
+      p.value ? (n(), d("span", al, [
+        m.value ? (n(), d("button", {
+          key: 0,
+          class: "jh-input__action",
+          type: "button",
+          disabled: u.disabled,
+          "aria-label": "Clear input",
+          onMousedown: w[0] || (w[0] = te(() => {
+          }, ["prevent"])),
+          onClick: f
+        }, [
+          K(M(z), { name: "close" })
+        ], 40, ll)) : u.password ? (n(), d("button", {
+          key: 1,
+          class: "jh-input__action",
+          type: "button",
+          disabled: u.disabled,
+          "aria-label": i.value ? "Hide password" : "Show password",
+          onMousedown: w[1] || (w[1] = te(() => {
+          }, ["prevent"])),
+          onClick: C
+        }, [
+          K(M(z), {
+            name: i.value ? "eye-off" : "eye"
+          }, null, 8, ["name"])
+        ], 40, sl)) : P(u.$slots, "suffix", { key: 2 }, () => [
+          u.suffixIcon ? (n(), U(M(z), {
+            key: 0,
+            class: "jh-input__icon",
+            name: u.suffixIcon
+          }, null, 8, ["name"])) : j("", !0)
+        ])
+      ])) : j("", !0)
+    ], 2));
+  }
+}), nl = I(ol), il = ["default", "primary", "success", "warning", "danger", "info"], rl = {
+  type: {
+    type: String,
+    default: "default",
+    validator: (t) => il.includes(t)
+  },
+  href: String,
+  target: String,
+  disabled: Boolean,
+  underline: {
+    type: Boolean,
+    default: !0
+  },
+  icon: String
+}, dl = {
+  click: (t) => t instanceof MouseEvent
+}, cl = ["href", "target", "aria-disabled"], ul = {
+  key: 1,
+  class: "jh-link__inner"
+}, pl = /* @__PURE__ */ T({
+  name: "JhLink",
+  __name: "link",
+  props: rl,
+  emits: dl,
+  setup(t, { emit: s }) {
+    const e = t, a = s, l = k(() => [
+      `jh-link--${e.type}`,
+      {
+        "is-disabled": e.disabled,
+        "is-underline": e.underline
+      }
+    ]), i = (r) => {
+      if (e.disabled) {
+        r.preventDefault();
+        return;
+      }
+      a("click", r);
+    };
+    return (r, h) => (n(), d("a", {
+      class: N(["jh-link", l.value]),
+      href: r.disabled ? void 0 : r.href,
+      target: r.disabled ? void 0 : r.target,
+      "aria-disabled": r.disabled,
+      onClick: i
+    }, [
+      r.icon ? (n(), U(M(z), {
+        key: 0,
+        class: "jh-link__icon",
+        name: r.icon
+      }, null, 8, ["name"])) : j("", !0),
+      r.$slots.default ? (n(), d("span", ul, [
+        P(r.$slots, "default")
+      ])) : j("", !0)
+    ], 10, cl));
+  }
+}), hl = I(pl), ml = ["success", "warning", "info", "danger"], fl = {
+  id: {
+    type: String,
+    required: !0
+  },
+  message: {
+    type: String,
+    default: ""
+  },
+  type: {
+    type: String,
+    default: "info",
+    validator: (t) => ml.includes(t)
+  },
+  duration: {
+    type: Number,
+    default: 3e3
+  },
+  showClose: Boolean,
+  offset: {
+    type: Number,
+    default: 20
+  },
+  zIndex: {
+    type: Number,
+    default: 3e3
+  },
+  onClose: Function,
+  onDestroy: Function
+}, bl = { class: "jh-message__content" }, gl = /* @__PURE__ */ T({
+  name: "JhMessage",
+  __name: "message",
+  props: fl,
+  setup(t, { expose: s }) {
+    const e = t, a = E(!1);
+    let l;
+    const i = k(() => ({
+      top: `${e.offset}px`,
+      zIndex: e.zIndex
+    })), r = () => {
+      l && (clearTimeout(l), l = void 0);
+    }, h = () => {
+      var m;
+      a.value && (a.value = !1, (m = e.onClose) == null || m.call(e));
+    }, o = () => {
+      e.duration <= 0 || (r(), l = setTimeout(h, e.duration));
+    }, c = () => {
+      var m;
+      (m = e.onDestroy) == null || m.call(e);
+    };
+    return se(() => {
+      a.value = !0, o();
+    }), ae(() => {
+      r();
+    }), s({
+      close: h
+    }), (m, p) => (n(), U(le, {
+      name: "jh-message-fade",
+      onAfterLeave: c
+    }, {
+      default: X(() => [
+        ce(b("div", {
+          class: N(["jh-message", `jh-message--${m.type}`]),
+          role: "alert",
+          style: Z(i.value),
+          onMouseenter: r,
+          onMouseleave: o
+        }, [
+          p[0] || (p[0] = b("span", {
+            class: "jh-message__icon",
+            "aria-hidden": "true"
+          }, null, -1)),
+          b("span", bl, [
+            P(m.$slots, "default", {}, () => [
+              Q(J(m.message), 1)
+            ])
+          ]),
+          m.showClose ? (n(), d("button", {
+            key: 0,
+            class: "jh-message__close",
+            type: "button",
+            "aria-label": "Close message",
+            onClick: h
+          }, [
+            K(M(z), { name: "close" })
+          ])) : j("", !0)
+        ], 38), [
+          [ue, a.value]
+        ])
+      ]),
+      _: 3
+    }));
+  }
+}), ie = [];
+let vl = 1;
+const Se = (t = {}) => typeof t == "string" ? { message: t } : t, yl = (t) => t + ie.length * 56, Be = (t = {}) => {
+  if (typeof document > "u")
+    return { close: () => {
+    } };
+  const s = Se(t), e = document.createElement("div"), a = `jh-message-${vl++}`, l = () => {
+    const h = ie.find((o) => o.id === a);
+    h == null || h.close();
+  }, i = {
+    id: a,
+    message: s.message ?? "",
+    type: s.type ?? "info",
+    duration: s.duration ?? 3e3,
+    showClose: s.showClose ?? !1,
+    offset: yl(s.offset ?? 20),
+    zIndex: s.zIndex ?? 3e3,
+    onClose: s.onClose,
+    onDestroy: () => {
+      const h = ie.findIndex((o) => o.id === a);
+      h > -1 && ie.splice(h, 1), de(null, e), e.remove();
+    }
+  }, r = K(gl, i);
+  return de(r, e), document.body.appendChild(e), ie.push({
+    id: a,
+    close: () => {
+      var o, c;
+      const h = (o = r.component) == null ? void 0 : o.exposed;
+      (c = h == null ? void 0 : h.close) == null || c.call(h);
+    }
+  }), { close: l };
+}, ge = (t) => (s = {}) => Be({
+  ...Se(s),
+  type: t
+}), oe = Be;
+oe.success = ge("success");
+oe.warning = ge("warning");
+oe.info = ge("info");
+oe.danger = ge("danger");
+oe.closeAll = () => {
+  [...ie].forEach((t) => t.close());
+};
+oe.install = (t) => {
+  t.config.globalProperties.$message = oe;
+};
+const _l = ["success", "warning", "info", "danger"], kl = {
+  title: {
+    type: String,
+    default: "Message"
+  },
+  message: {
+    type: String,
+    default: ""
+  },
+  type: {
+    type: String,
+    default: "info",
+    validator: (t) => _l.includes(t)
+  },
+  confirmButtonText: {
+    type: String,
+    default: "OK"
+  },
+  cancelButtonText: {
+    type: String,
+    default: "Cancel"
+  },
+  showCancelButton: Boolean,
+  showClose: {
+    type: Boolean,
+    default: !0
+  },
+  closeOnClickModal: {
+    type: Boolean,
+    default: !0
+  },
+  zIndex: {
+    type: Number,
+    default: 3e3
+  },
+  beforeClose: Function,
+  onAction: Function,
+  onDestroy: Function
+}, $l = ["aria-label"], Cl = { class: "jh-message-box__header" }, jl = { class: "jh-message-box__title" }, wl = { class: "jh-message-box__body" }, Sl = { class: "jh-message-box__message" }, Bl = { class: "jh-message-box__footer" }, Vl = /* @__PURE__ */ T({
+  name: "JhMessageBox",
+  __name: "message-box",
+  props: kl,
+  setup(t, { expose: s }) {
+    const e = t, a = E(!1);
+    let l = !1;
+    const i = () => {
+      a.value = !1;
+    }, r = (c) => {
+      if (l) return;
+      const m = () => {
+        var p;
+        l = !0, (p = e.onAction) == null || p.call(e, c), i();
+      };
+      if (e.beforeClose) {
+        e.beforeClose(c, m);
+        return;
+      }
+      m();
+    }, h = () => {
+      e.closeOnClickModal && r("close");
+    }, o = () => {
+      var c;
+      (c = e.onDestroy) == null || c.call(e);
+    };
+    return se(() => {
+      a.value = !0;
+    }), s({
+      close: () => r("close")
+    }), (c, m) => (n(), U(_e, { to: "body" }, [
+      K(le, {
+        name: "jh-message-box-fade",
+        onAfterLeave: o
+      }, {
+        default: X(() => [
+          a.value ? (n(), d("div", {
+            key: 0,
+            class: "jh-message-box-overlay",
+            style: Z({ zIndex: c.zIndex }),
+            onClick: h
+          }, [
+            b("section", {
+              class: N(["jh-message-box", `jh-message-box--${c.type}`]),
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-label": c.title,
+              onClick: m[3] || (m[3] = te(() => {
+              }, ["stop"]))
+            }, [
+              b("header", Cl, [
+                b("div", jl, J(c.title), 1),
+                c.showClose ? (n(), d("button", {
+                  key: 0,
+                  class: "jh-message-box__close",
+                  type: "button",
+                  "aria-label": "Close message box",
+                  onClick: m[0] || (m[0] = (p) => r("close"))
+                }, [
+                  K(M(z), { name: "close" })
+                ])) : j("", !0)
+              ]),
+              b("div", wl, [
+                m[4] || (m[4] = b("span", {
+                  class: "jh-message-box__status",
+                  "aria-hidden": "true"
+                }, null, -1)),
+                b("div", Sl, [
+                  P(c.$slots, "default", {}, () => [
+                    Q(J(c.message), 1)
+                  ])
+                ])
+              ]),
+              b("footer", Bl, [
+                c.showCancelButton ? (n(), U(M(ye), {
+                  key: 0,
+                  onClick: m[1] || (m[1] = (p) => r("cancel"))
+                }, {
+                  default: X(() => [
+                    Q(J(c.cancelButtonText), 1)
+                  ]),
+                  _: 1
+                })) : j("", !0),
+                K(M(ye), {
+                  type: "primary",
+                  onClick: m[2] || (m[2] = (p) => r("confirm"))
+                }, {
+                  default: X(() => [
+                    Q(J(c.confirmButtonText), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ], 10, $l)
+          ], 4)) : j("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), Nl = (t = {}) => typeof t == "string" ? { message: t } : t, ke = (t = {}) => {
+  if (typeof document > "u")
+    return Promise.resolve("close");
+  const s = Nl(t), e = document.createElement("div");
+  return new Promise((a) => {
+    const l = {
+      title: s.title ?? "Message",
+      message: s.message ?? "",
+      type: s.type ?? "info",
+      confirmButtonText: s.confirmButtonText ?? "OK",
+      cancelButtonText: s.cancelButtonText ?? "Cancel",
+      showCancelButton: s.showCancelButton ?? !1,
+      showClose: s.showClose ?? !0,
+      closeOnClickModal: s.closeOnClickModal ?? !0,
+      zIndex: s.zIndex ?? 3e3,
+      beforeClose: s.beforeClose,
+      onAction: (r) => {
+        a(r);
+      },
+      onDestroy: () => {
+        de(null, e), e.remove();
+      }
+    }, i = K(Vl, l);
+    de(i, e), document.body.appendChild(e);
+  });
+}, me = ke;
+me.alert = (t, s = "Message", e = {}) => ke({
+  ...e,
+  title: s,
+  message: t,
+  showCancelButton: !1
+});
+me.confirm = (t, s = "Message", e = {}) => ke({
+  ...e,
+  title: s,
+  message: t,
+  showCancelButton: !0
+});
+me.install = (t) => {
+  t.config.globalProperties.$messageBox = me;
+};
+const Pl = ["success", "warning", "info", "danger"], Al = [
+  "top-right",
+  "top-left",
+  "bottom-right",
+  "bottom-left"
+], Tl = {
+  id: {
+    type: String,
+    required: !0
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  message: {
+    type: String,
+    default: ""
+  },
+  type: {
+    type: String,
+    default: "info",
+    validator: (t) => Pl.includes(t)
+  },
+  duration: {
+    type: Number,
+    default: 4500
+  },
+  showClose: {
+    type: Boolean,
+    default: !0
+  },
+  position: {
+    type: String,
+    default: "top-right",
+    validator: (t) => Al.includes(t)
+  },
+  offset: {
+    type: Number,
+    default: 20
+  },
+  zIndex: {
+    type: Number,
+    default: 3e3
+  },
+  onClose: Function,
+  onDestroy: Function
+}, Jl = { class: "jh-notification__content" }, El = {
+  key: 0,
+  class: "jh-notification__title"
+}, Il = {
+  key: 1,
+  class: "jh-notification__message"
+}, Ml = /* @__PURE__ */ T({
+  name: "JhNotification",
+  __name: "notification",
+  props: Tl,
+  setup(t, { expose: s }) {
+    const e = t, a = E(!1);
+    let l;
+    const i = k(() => e.position.endsWith("right")), r = k(() => e.position.startsWith("bottom")), h = k(
+      () => i.value ? "jh-notification-slide-right" : "jh-notification-slide-left"
+    ), o = k(() => ({
+      zIndex: e.zIndex,
+      [i.value ? "right" : "left"]: "20px",
+      [r.value ? "bottom" : "top"]: `${e.offset}px`
+    })), c = () => {
+      l && (clearTimeout(l), l = void 0);
+    }, m = () => {
+      var v;
+      a.value && (a.value = !1, (v = e.onClose) == null || v.call(e));
+    }, p = () => {
+      e.duration <= 0 || (c(), l = setTimeout(m, e.duration));
+    }, g = () => {
+      var v;
+      (v = e.onDestroy) == null || v.call(e);
+    };
+    return se(() => {
+      a.value = !0, p();
+    }), ae(() => {
+      c();
+    }), s({
+      close: m
+    }), (v, y) => (n(), U(le, {
+      name: h.value,
+      onAfterLeave: g
+    }, {
+      default: X(() => [
+        ce(b("section", {
+          class: N(["jh-notification", [`jh-notification--${v.type}`, `jh-notification--${v.position}`]]),
+          role: "alert",
+          style: Z(o.value),
+          onMouseenter: c,
+          onMouseleave: p
+        }, [
+          y[0] || (y[0] = b("span", {
+            class: "jh-notification__status",
+            "aria-hidden": "true"
+          }, null, -1)),
+          b("div", Jl, [
+            v.title ? (n(), d("div", El, J(v.title), 1)) : j("", !0),
+            v.message ? (n(), d("div", Il, J(v.message), 1)) : j("", !0)
+          ]),
+          v.showClose ? (n(), d("button", {
+            key: 0,
+            class: "jh-notification__close",
+            type: "button",
+            "aria-label": "Close notification",
+            onClick: m
+          }, [
+            K(M(z), { name: "close" })
+          ])) : j("", !0)
+        ], 38), [
+          [ue, a.value]
+        ])
+      ]),
+      _: 1
+    }, 8, ["name"]));
+  }
+}), re = [];
+let zl = 1;
+const Ve = (t = {}) => typeof t == "string" ? { message: t } : t, Kl = (t, s) => s + re.filter((e) => e.position === t).length * 92, Ne = (t = {}) => {
+  if (typeof document > "u")
+    return { close: () => {
+    } };
+  const s = Ve(t), e = s.position ?? "top-right", a = `jh-notification-${zl++}`, l = document.createElement("div"), i = () => {
+    var o;
+    (o = re.find((c) => c.id === a)) == null || o.close();
+  }, r = {
+    id: a,
+    title: s.title ?? "",
+    message: s.message ?? "",
+    type: s.type ?? "info",
+    duration: s.duration ?? 4500,
+    showClose: s.showClose ?? !0,
+    position: e,
+    offset: Kl(e, s.offset ?? 20),
+    zIndex: s.zIndex ?? 3e3,
+    onClose: s.onClose,
+    onDestroy: () => {
+      const o = re.findIndex((c) => c.id === a);
+      o > -1 && re.splice(o, 1), de(null, l), l.remove();
+    }
+  }, h = K(Ml, r);
+  return de(h, l), document.body.appendChild(l), re.push({
+    id: a,
+    position: e,
+    close: () => {
+      var c, m;
+      const o = (c = h.component) == null ? void 0 : c.exposed;
+      (m = o == null ? void 0 : o.close) == null || m.call(o);
+    }
+  }), { close: i };
+}, ve = (t) => (s = {}) => Ne({
+  ...Ve(s),
+  type: t
+}), ne = Ne;
+ne.success = ve("success");
+ne.warning = ve("warning");
+ne.info = ve("info");
+ne.danger = ve("danger");
+ne.closeAll = () => {
+  [...re].forEach((t) => t.close());
+};
+ne.install = (t) => {
+  t.config.globalProperties.$notify = ne;
+};
+const Fl = {
+  currentPage: {
+    type: Number,
+    default: 1
+  },
+  pageSize: {
+    type: Number,
+    default: 10
+  },
+  total: {
+    type: Number,
+    default: 0
+  },
+  disabled: Boolean
+}, Dl = {
+  "update:currentPage": (t) => !0,
+  "update:pageSize": (t) => !0,
+  "page-change": (t) => !0
+}, Ll = ["disabled"], Rl = ["disabled", "aria-current", "onClick"], Ol = ["disabled"], Hl = { class: "jh-pagination__total" }, xl = /* @__PURE__ */ T({
+  name: "JhPagination",
+  __name: "pagination",
+  props: Fl,
+  emits: Dl,
+  setup(t, { emit: s }) {
+    const e = t, a = s, l = k(() => Math.max(1, e.pageSize || 1)), i = k(() => Math.max(1, Math.ceil(e.total / l.value))), r = k(() => o(e.currentPage)), h = k(() => {
+      const p = i.value, g = r.value, v = 7;
+      if (p <= v)
+        return Array.from({ length: p }, (f, C) => C + 1);
+      let y = Math.max(1, g - 3);
+      const B = Math.min(p, y + v - 1);
+      return y = Math.max(1, B - v + 1), Array.from({ length: B - y + 1 }, (f, C) => y + C);
+    });
+    function o(p) {
+      return Number.isFinite(p) ? Math.min(Math.max(1, Math.trunc(p)), i.value) : 1;
+    }
+    function c(p, g = l.value) {
+      a("update:currentPage", p), a("page-change", {
+        currentPage: p,
+        pageSize: g
+      });
+    }
+    function m(p) {
+      if (e.disabled) return;
+      const g = o(p);
+      g !== r.value && c(g);
+    }
+    return Y(
+      () => e.pageSize,
+      (p, g) => {
+        const v = Math.max(1, p || 1);
+        if (v !== p && a("update:pageSize", v), g === void 0) return;
+        const y = o(e.currentPage);
+        y !== e.currentPage && c(y, v);
+      },
+      { immediate: !0 }
+    ), Y(
+      () => e.currentPage,
+      (p) => {
+        const g = o(p);
+        g !== p && c(g);
+      },
+      { immediate: !0 }
+    ), (p, g) => (n(), d("nav", {
+      class: N(["jh-pagination", { "is-disabled": p.disabled }]),
+      "aria-label": "Pagination"
+    }, [
+      b("button", {
+        class: "jh-pagination__button",
+        type: "button",
+        disabled: p.disabled || r.value <= 1,
+        "aria-label": "Previous page",
+        onClick: g[0] || (g[0] = (v) => m(r.value - 1))
+      }, [
+        K(M(z), { name: "arrow-left" })
+      ], 8, Ll),
+      (n(!0), d(O, null, W(h.value, (v) => (n(), d("button", {
+        key: v,
+        class: N(["jh-pagination__pager", { "is-active": v === r.value }]),
+        type: "button",
+        disabled: p.disabled,
+        "aria-current": v === r.value ? "page" : void 0,
+        onClick: (y) => m(v)
+      }, J(v), 11, Rl))), 128)),
+      b("button", {
+        class: "jh-pagination__button",
+        type: "button",
+        disabled: p.disabled || r.value >= i.value,
+        "aria-label": "Next page",
+        onClick: g[1] || (g[1] = (v) => m(r.value + 1))
+      }, [
+        K(M(z), { name: "arrow-right" })
+      ], 8, Ol),
+      b("span", Hl, "Total " + J(p.total), 1)
+    ], 2));
+  }
+}), ql = I(xl), Gl = {
+  modelValue: [String, Number, Boolean],
+  value: {
+    type: [String, Number, Boolean],
+    required: !0
+  },
+  label: String,
+  disabled: Boolean
+}, Ul = {
+  modelValue: [String, Number, Boolean],
+  disabled: Boolean
+}, Wl = {
+  "update:modelValue": (t) => !0,
+  change: (t) => !0
+}, Yl = {
+  "update:modelValue": (t) => !0,
+  change: (t) => !0
+}, Pe = Symbol("JhRadioGroup"), Zl = { class: "jh-radio__input" }, Ql = ["checked", "disabled"], Xl = {
+  key: 0,
+  class: "jh-radio__label"
+}, es = /* @__PURE__ */ T({
+  name: "JhRadio",
+  __name: "radio",
+  props: Gl,
+  emits: Wl,
+  setup(t, { emit: s }) {
+    const e = t, a = s, l = he(Pe, void 0), i = k(() => e.disabled || !!(l != null && l.disabled())), r = k(() => l ? l.modelValue() === e.value : e.modelValue === e.value), h = () => {
+      if (!i.value) {
+        if (l) {
+          l.changeValue(e.value);
+          return;
+        }
+        a("update:modelValue", e.value), a("change", e.value);
+      }
+    };
+    return (o, c) => (n(), d("label", {
+      class: N(["jh-radio", { "is-checked": r.value, "is-disabled": i.value }])
+    }, [
+      b("span", Zl, [
+        b("input", {
+          class: "jh-radio__original",
+          type: "radio",
+          checked: r.value,
+          disabled: i.value,
+          onChange: h
+        }, null, 40, Ql),
+        c[0] || (c[0] = b("span", { class: "jh-radio__inner" }, null, -1))
+      ]),
+      o.$slots.default || o.label ? (n(), d("span", Xl, [
+        P(o.$slots, "default", {}, () => [
+          Q(J(o.label), 1)
+        ])
+      ])) : j("", !0)
+    ], 2));
+  }
+}), ts = /* @__PURE__ */ T({
+  name: "JhRadioGroup",
+  __name: "radio-group",
+  props: Ul,
+  emits: Yl,
+  setup(t, { emit: s }) {
+    const e = t, a = s;
+    return pe(Pe, {
+      modelValue: () => e.modelValue,
+      disabled: () => e.disabled,
+      changeValue: (i) => {
+        a("update:modelValue", i), a("change", i);
+      }
+    }), (i, r) => (n(), d("div", {
+      class: N(["jh-radio-group", { "is-disabled": i.disabled }]),
+      role: "radiogroup"
+    }, [
+      P(i.$slots, "default")
+    ], 2));
+  }
+}), as = I(es), ls = I(ts), ss = {
+  height: [String, Number],
+  maxHeight: [String, Number],
+  always: Boolean,
+  native: Boolean,
+  wrapClass: String,
+  viewClass: String
+}, os = {
+  scroll: (t) => !0
+}, ns = /* @__PURE__ */ T({
+  name: "JhScrollbar",
+  __name: "scrollbar",
+  props: ss,
+  emits: os,
+  setup(t, { emit: s }) {
+    const e = t, a = s, l = E(), i = (o) => typeof o == "number" ? `${o}px` : o, r = k(() => ({
+      height: i(e.height),
+      maxHeight: i(e.maxHeight)
+    })), h = () => {
+      l.value && a("scroll", {
+        scrollTop: l.value.scrollTop,
+        scrollLeft: l.value.scrollLeft
+      });
+    };
+    return (o, c) => (n(), d("div", {
+      class: N(["jh-scrollbar", { "is-always": o.always, "is-native": o.native }])
+    }, [
+      b("div", {
+        ref_key: "wrapRef",
+        ref: l,
+        class: N(["jh-scrollbar__wrap", o.wrapClass]),
+        style: Z(r.value),
+        onScroll: h
+      }, [
+        b("div", {
+          class: N(["jh-scrollbar__view", o.viewClass])
+        }, [
+          P(o.$slots, "default")
+        ], 2)
+      ], 38)
+    ], 2));
+  }
+}), is = I(ns), rs = {
+  modelValue: [String, Number],
+  options: {
+    type: Array,
+    default: () => []
+  },
+  placeholder: {
+    type: String,
+    default: "Please select"
+  },
+  disabled: Boolean,
+  clearable: Boolean
+}, ds = {
+  "update:modelValue": (t) => !0,
+  change: (t, s) => !0,
+  "visible-change": (t) => !0,
+  clear: () => !0
+}, cs = ["disabled", "aria-expanded"], us = {
+  key: 0,
+  class: "jh-select__menu"
+}, ps = ["disabled", "onClick"], hs = /* @__PURE__ */ T({
+  name: "JhSelect",
+  __name: "select",
+  props: rs,
+  emits: ds,
+  setup(t, { emit: s }) {
+    const e = t, a = s, l = E(!1), i = E(), r = k(() => e.options.find((y) => y.value === e.modelValue)), h = k(() => e.clearable && !e.disabled && e.modelValue !== void 0), o = (y) => {
+      e.disabled || l.value !== y && (l.value = y, a("visible-change", y));
+    }, c = () => o(!l.value), m = () => o(!1), p = (y) => {
+      y.disabled || (a("update:modelValue", y.value), a("change", y.value, y), m());
+    }, g = () => {
+      a("update:modelValue", void 0), a("change", void 0), a("clear"), m();
+    }, v = (y) => {
+      var B;
+      l.value && ((B = i.value) != null && B.contains(y.target) || m());
+    };
+    return Y(
+      () => l.value,
+      (y) => {
+        y ? document.addEventListener("click", v) : document.removeEventListener("click", v);
+      }
+    ), ae(() => {
+      document.removeEventListener("click", v);
+    }), (y, B) => {
+      var f;
+      return n(), d("div", {
+        ref_key: "selectRef",
+        ref: i,
+        class: N(["jh-select", { "is-disabled": y.disabled, "is-visible": l.value }])
+      }, [
+        b("button", {
+          class: "jh-select__trigger",
+          type: "button",
+          disabled: y.disabled,
+          "aria-expanded": l.value,
+          onClick: c
+        }, [
+          b("span", {
+            class: N(["jh-select__label", { "is-placeholder": !r.value }])
+          }, J(((f = r.value) == null ? void 0 : f.label) || y.placeholder), 3),
+          h.value ? (n(), d("button", {
+            key: 0,
+            class: "jh-select__clear",
+            type: "button",
+            onClick: te(g, ["stop"])
+          }, [
+            K(M(z), { name: "close" })
+          ])) : (n(), U(M(z), {
+            key: 1,
+            class: "jh-select__arrow",
+            name: "arrow-right"
+          }))
+        ], 8, cs),
+        K(le, { name: "jh-select-fade" }, {
+          default: X(() => [
+            l.value ? (n(), d("div", us, [
+              (n(!0), d(O, null, W(y.options, (C) => (n(), d("button", {
+                key: C.value,
+                class: N(["jh-select__option", { "is-active": C.value === y.modelValue, "is-disabled": C.disabled }]),
+                type: "button",
+                disabled: C.disabled,
+                onClick: ($) => p(C)
+              }, J(C.label), 11, ps))), 128))
+            ])) : j("", !0)
+          ]),
+          _: 1
+        })
+      ], 2);
+    };
+  }
+}), ms = I(hs), fs = {
+  data: {
+    type: Array,
+    default: () => []
+  },
+  columns: {
+    type: Array,
+    default: () => []
+  },
+  loading: Boolean,
+  border: Boolean,
+  stripe: Boolean,
+  selection: Boolean,
+  rowKey: {
+    type: [String, Function],
+    default: void 0
+  },
+  selectable: Function,
+  emptyText: {
+    type: String,
+    default: "No Data"
+  }
+}, bs = {
+  select: (t, s) => !0,
+  "select-all": (t) => !0,
+  "selection-change": (t) => !0
+}, gs = { class: "jh-table__wrapper" }, vs = { class: "jh-table__table" }, ys = {
+  key: 0,
+  class: "jh-table__selection-col"
+}, _s = { class: "jh-table__header" }, ks = {
+  key: 0,
+  class: "jh-table__cell jh-table__selection-cell"
+}, $s = ["checked", "aria-checked", "disabled"], Cs = { class: "jh-table__body" }, js = {
+  key: 0,
+  class: "jh-table__cell jh-table__selection-cell"
+}, ws = ["checked", "disabled", "onChange"], Ss = { key: 2 }, Bs = {
+  key: 0,
+  class: "jh-table__empty"
+}, Vs = {
+  key: 1,
+  class: "jh-table__loading",
+  "aria-live": "polite"
+}, Ns = /* @__PURE__ */ T({
+  name: "JhTable",
+  __name: "table",
+  props: fs,
+  emits: bs,
+  setup(t, { emit: s }) {
+    const e = t, a = s, l = E(/* @__PURE__ */ new Set()), i = E(), r = k(() => ({
+      "is-border": e.border,
+      "is-stripe": e.stripe,
+      "is-loading": e.loading,
+      "is-selection": e.selection
+    })), h = (u, w) => {
+      if (typeof e.rowKey == "function") return e.rowKey(u);
+      if (typeof e.rowKey == "string") {
+        const _ = u[e.rowKey];
+        if (typeof _ == "string" || typeof _ == "number") return _;
+      }
+      return w;
+    }, o = (u, w) => e.selectable ? e.selectable(u, w) : !0, c = k(
+      () => e.data.map((u, w) => ({ row: u, index: w, key: h(u, w) })).filter(({ row: u, index: w }) => o(u, w))
+    ), m = k(
+      () => e.data.filter((u, w) => l.value.has(h(u, w)))
+    ), p = k(
+      () => !!c.value.length && c.value.every(({ key: u }) => l.value.has(u))
+    ), g = k(
+      () => c.value.some(({ key: u }) => l.value.has(u)) && !p.value
+    );
+    Je(() => {
+      i.value && (i.value.indeterminate = g.value);
+    }), Y(
+      () => [e.data, e.rowKey],
+      () => {
+        const u = new Set(e.data.map((w, _) => h(w, _)));
+        l.value = new Set([...l.value].filter((w) => u.has(w)));
+      },
+      { deep: !0 }
+    );
+    const v = (u) => u.align && u.align !== "left" ? `is-${u.align}` : "", y = (u) => u.width ? { width: typeof u.width == "number" ? `${u.width}px` : u.width } : void 0, B = (u) => u == null ? "" : String(u), f = () => {
+      a("selection-change", m.value);
+    }, C = (u) => {
+      const w = e.data.indexOf(u);
+      return l.value.has(h(u, w));
+    }, $ = (u, w) => {
+      if (!o(u, w)) return;
+      const _ = new Set(l.value), L = h(u, w);
+      _.has(L) ? _.delete(L) : _.add(L), l.value = _, a("select", m.value, u), f();
+    }, F = () => {
+      const u = new Set(l.value);
+      p.value ? c.value.forEach(({ key: w }) => u.delete(w)) : c.value.forEach(({ key: w }) => u.add(w)), l.value = u, a("select-all", m.value), f();
+    };
+    return (u, w) => (n(), d("div", {
+      class: N(["jh-table", r.value])
+    }, [
+      b("div", gs, [
+        b("table", vs, [
+          b("colgroup", null, [
+            u.selection ? (n(), d("col", ys)) : j("", !0),
+            (n(!0), d(O, null, W(u.columns, (_) => (n(), d("col", {
+              key: _.prop,
+              style: Z(y(_))
+            }, null, 4))), 128))
+          ]),
+          b("thead", _s, [
+            b("tr", null, [
+              u.selection ? (n(), d("th", ks, [
+                b("input", {
+                  ref_key: "selectAllRef",
+                  ref: i,
+                  class: "jh-table__selection",
+                  type: "checkbox",
+                  "aria-label": "Select all rows",
+                  checked: p.value,
+                  "aria-checked": g.value ? "mixed" : p.value,
+                  disabled: !c.value.length,
+                  onChange: F
+                }, null, 40, $s)
+              ])) : j("", !0),
+              (n(!0), d(O, null, W(u.columns, (_) => (n(), d("th", {
+                key: _.prop,
+                class: N(["jh-table__cell", v(_)])
+              }, J(_.label), 3))), 128))
+            ])
+          ]),
+          b("tbody", Cs, [
+            (n(!0), d(O, null, W(u.data, (_, L) => (n(), d("tr", {
+              key: L,
+              class: "jh-table__row"
+            }, [
+              u.selection ? (n(), d("td", js, [
+                b("input", {
+                  class: "jh-table__selection",
+                  type: "checkbox",
+                  "aria-label": "Select row",
+                  checked: C(_),
+                  disabled: !o(_, L),
+                  onChange: (V) => $(_, L)
+                }, null, 40, ws)
+              ])) : j("", !0),
+              (n(!0), d(O, null, W(u.columns, (V) => (n(), d("td", {
+                key: V.prop,
+                class: N(["jh-table__cell", v(V)])
+              }, [
+                V.slot && u.$slots[V.slot] ? P(u.$slots, V.slot, {
+                  key: 0,
+                  row: _,
+                  column: V,
+                  index: L,
+                  value: _[V.prop]
+                }) : u.$slots.cell ? P(u.$slots, "cell", {
+                  key: 1,
+                  row: _,
+                  column: V,
+                  index: L,
+                  value: _[V.prop]
+                }) : (n(), d("span", Ss, J(B(_[V.prop])), 1))
+              ], 2))), 128))
+            ]))), 128))
+          ])
+        ]),
+        !u.data.length && !u.loading ? (n(), d("div", Bs, [
+          P(u.$slots, "empty", {}, () => [
+            Q(J(u.emptyText), 1)
+          ])
+        ])) : j("", !0),
+        u.loading ? (n(), d("div", Vs, [...w[0] || (w[0] = [
+          b("span", {
+            class: "jh-table__spinner",
+            "aria-hidden": "true"
+          }, null, -1),
+          b("span", null, "Loading", -1)
+        ])])) : j("", !0)
+      ])
+    ], 2));
+  }
+}), Ps = I(Ns), Ae = Symbol("tabsContextKey"), As = {
+  modelValue: {
+    type: [String, Number],
+    default: ""
+  }
+}, Ts = {
+  "update:modelValue": (t) => typeof t == "string" || typeof t == "number",
+  change: (t) => typeof t == "string" || typeof t == "number"
+}, Js = {
+  label: {
+    type: String,
+    default: ""
+  },
+  name: {
+    type: [String, Number],
+    required: !0
+  },
+  disabled: Boolean
+}, Es = { class: "jh-tabs" }, Is = {
+  class: "jh-tabs__nav",
+  role: "tablist"
+}, Ms = ["disabled", "aria-selected", "onClick"], zs = { class: "jh-tabs__content" }, Ks = /* @__PURE__ */ T({
+  name: "JhTabs",
+  __name: "tabs",
+  props: As,
+  emits: Ts,
+  setup(t, { emit: s }) {
+    const e = t, a = s, l = E([]), i = E(e.modelValue), r = k(() => {
+      var p;
+      return i.value || ((p = l.value[0]) == null ? void 0 : p.name) || "";
+    }), h = (p) => {
+      i.value = p, a("update:modelValue", p), a("change", p);
+    }, o = (p) => {
+      p.disabled || p.name !== r.value && h(p.name);
+    };
+    return pe(Ae, {
+      activeName: r,
+      registerPane: (p) => {
+        l.value.push(p), i.value || (i.value = p.name);
+      },
+      unregisterPane: (p) => {
+        l.value = l.value.filter((g) => g.uid !== p.uid);
+      }
+    }), Y(
+      () => e.modelValue,
+      (p) => {
+        i.value = p;
+      }
+    ), (p, g) => (n(), d("div", Es, [
+      b("div", Is, [
+        (n(!0), d(O, null, W(l.value, (v) => (n(), d("button", {
+          key: v.name,
+          class: N(["jh-tabs__tab", { "is-active": v.name === r.value, "is-disabled": v.disabled }]),
+          type: "button",
+          role: "tab",
+          disabled: v.disabled,
+          "aria-selected": v.name === r.value,
+          onClick: (y) => o(v)
+        }, J(v.label), 11, Ms))), 128))
+      ]),
+      b("div", zs, [
+        P(p.$slots, "default")
+      ])
+    ]));
+  }
+}), Fs = {
+  class: "jh-tab-pane",
+  role: "tabpanel"
+}, Ds = /* @__PURE__ */ T({
+  name: "JhTabPane",
+  __name: "tab-pane",
+  props: Js,
+  setup(t) {
+    const s = t, e = he(Ae, void 0), a = Symbol("tabPane"), l = k(() => ({
+      uid: a,
+      name: s.name,
+      label: s.label || String(s.name),
+      disabled: s.disabled
+    })), i = k(() => (e == null ? void 0 : e.activeName.value) === s.name);
+    return se(() => {
+      e == null || e.registerPane(l.value);
+    }), ae(() => {
+      e == null || e.unregisterPane(l.value);
+    }), Y(
+      () => [s.label, s.name, s.disabled],
+      () => {
+        e == null || e.unregisterPane(l.value), e == null || e.registerPane(l.value);
+      }
+    ), (r, h) => ce((n(), d("div", Fs, [
+      P(r.$slots, "default")
+    ], 512)), [
+      [ue, i.value]
+    ]);
+  }
+}), Ls = I(Ks), Rs = I(Ds), Os = ["default", "primary", "success", "warning", "danger", "info"], Hs = ["small", "default", "large"], xs = {
+  type: {
+    type: String,
+    default: "default",
+    validator: (t) => Os.includes(t)
+  },
+  size: {
+    type: String,
+    default: "default",
+    validator: (t) => Hs.includes(t)
+  },
+  tag: {
+    type: String,
+    default: "span"
+  },
+  truncated: Boolean,
+  lineClamp: Number
+}, qs = /* @__PURE__ */ T({
+  name: "JhText",
+  __name: "text",
+  props: xs,
+  setup(t) {
+    const s = t, e = k(() => [
+      `jh-text--${s.type}`,
+      s.size !== "default" ? `jh-text--${s.size}` : "",
+      {
+        "is-truncated": s.truncated,
+        "is-line-clamp": !!s.lineClamp
+      }
+    ]), a = k(
+      () => s.lineClamp ? {
+        "--jh-text-line-clamp": s.lineClamp
+      } : void 0
+    );
+    return (l, i) => (n(), U(Ee(l.tag), {
+      class: N(["jh-text", e.value]),
+      style: Z(a.value)
+    }, {
+      default: X(() => [
+        P(l.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+}), Gs = I(qs), Us = {
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  start: {
+    type: String,
+    default: "09:00"
+  },
+  end: {
+    type: String,
+    default: "18:00"
+  },
+  step: {
+    type: String,
+    default: "00:30"
+  },
+  placeholder: {
+    type: String,
+    default: "Select time"
+  },
+  disabled: Boolean,
+  clearable: Boolean
+}, Ws = {
+  "update:modelValue": (t) => typeof t == "string",
+  change: (t, s) => typeof t == "string" && (!s || !!s)
+}, Ys = ["disabled", "aria-expanded"], Zs = {
+  key: 0,
+  class: "jh-time-select__menu"
+}, Qs = ["onClick"], Xs = {
+  key: 0,
+  class: "jh-time-select__empty"
+}, eo = /* @__PURE__ */ T({
+  name: "JhTimeSelect",
+  __name: "time-select",
+  props: Us,
+  emits: Ws,
+  setup(t, { emit: s }) {
+    const e = t, a = s, l = E(!1), i = E(), r = (f) => {
+      const C = /^(\d{1,2}):(\d{2})$/.exec(f);
+      if (!C) return Number.NaN;
+      const $ = Number(C[1]), F = Number(C[2]);
+      return $ > 23 || F > 59 ? Number.NaN : $ * 60 + F;
+    }, h = (f) => {
+      const C = Math.floor(f / 60), $ = f % 60;
+      return `${String(C).padStart(2, "0")}:${String($).padStart(2, "0")}`;
+    }, o = k(() => {
+      const f = r(e.start), C = r(e.end), $ = r(e.step);
+      if (!Number.isFinite(f) || !Number.isFinite(C) || !Number.isFinite($)) return [];
+      if ($ <= 0 || f > C) return [];
+      const F = [];
+      for (let u = f; u <= C; u += $) {
+        const w = h(u);
+        F.push({ label: w, value: w });
+      }
+      return F;
+    }), c = k(() => e.clearable && !e.disabled && !!e.modelValue), m = (f) => {
+      e.disabled || (l.value = f);
+    }, p = () => m(!l.value), g = () => m(!1), v = (f) => {
+      a("update:modelValue", f.value), a("change", f.value, f), g();
+    }, y = () => {
+      a("update:modelValue", ""), a("change", ""), g();
+    }, B = (f) => {
+      var C;
+      l.value && ((C = i.value) != null && C.contains(f.target) || g());
+    };
+    return Y(
+      () => l.value,
+      (f) => {
+        f ? document.addEventListener("click", B) : document.removeEventListener("click", B);
+      }
+    ), ae(() => {
+      document.removeEventListener("click", B);
+    }), (f, C) => (n(), d("div", {
+      ref_key: "timeSelectRef",
+      ref: i,
+      class: N(["jh-time-select", { "is-disabled": f.disabled, "is-visible": l.value }])
+    }, [
+      b("button", {
+        class: "jh-time-select__trigger",
+        type: "button",
+        disabled: f.disabled,
+        "aria-expanded": l.value,
+        onClick: p
+      }, [
+        b("span", {
+          class: N(["jh-time-select__label", { "is-placeholder": !f.modelValue }])
+        }, J(f.modelValue || f.placeholder), 3),
+        c.value ? (n(), d("button", {
+          key: 0,
+          class: "jh-time-select__clear",
+          type: "button",
+          onClick: te(y, ["stop"])
+        }, [
+          K(M(z), { name: "close" })
+        ])) : (n(), U(M(z), {
+          key: 1,
+          class: "jh-time-select__arrow",
+          name: "arrow-right"
+        }))
+      ], 8, Ys),
+      K(le, { name: "jh-time-select-fade" }, {
+        default: X(() => [
+          l.value ? (n(), d("div", Zs, [
+            (n(!0), d(O, null, W(o.value, ($) => (n(), d("button", {
+              key: $.value,
+              class: N(["jh-time-select__option", { "is-active": $.value === f.modelValue }]),
+              type: "button",
+              onClick: (F) => v($)
+            }, J($.label), 11, Qs))), 128)),
+            o.value.length === 0 ? (n(), d("div", Xs, "No data")) : j("", !0)
+          ])) : j("", !0)
+        ]),
+        _: 1
+      })
+    ], 2));
+  }
+}), to = I(eo), ao = {
+  data: {
+    type: Array,
+    default: () => []
+  },
+  nodeKey: {
+    type: String,
+    default: "value"
+  },
+  fieldNames: {
+    type: Object,
+    default: () => ({})
+  },
+  defaultExpandedKeys: {
+    type: Array,
+    default: () => []
+  },
+  checkedKeys: {
+    type: Array,
+    default: () => []
+  },
+  showCheckbox: Boolean,
+  checkStrictly: Boolean,
+  expandOnClickNode: {
+    type: Boolean,
+    default: !0
+  },
+  emptyText: {
+    type: String,
+    default: "No data"
+  }
+}, lo = {
+  "update:checkedKeys": (t) => Array.isArray(t),
+  "node-click": (t, s) => !!t && s !== void 0,
+  check: (t, s) => Array.isArray(t) && !!s
+}, so = { class: "jh-tree" }, oo = {
+  key: 0,
+  class: "jh-tree__empty"
+}, no = ["disabled", "aria-label", "onClick"], io = ["checked", "disabled", "onChange"], ro = ["disabled", "onClick"], co = /* @__PURE__ */ T({
+  name: "JhTree",
+  __name: "tree",
+  props: ao,
+  emits: lo,
+  setup(t, { emit: s }) {
+    const e = t, a = s, l = E([...e.defaultExpandedKeys]), i = k(() => e.fieldNames.label || "label"), r = k(() => e.fieldNames.value || e.nodeKey), h = k(() => e.fieldNames.children || "children"), o = k(() => e.fieldNames.disabled || "disabled"), c = (_) => String(_[i.value] ?? ""), m = (_) => _[r.value], p = (_) => _[h.value] || [], g = (_) => !!_[o.value], v = (_) => p(_).length > 0, y = (_) => l.value.includes(_), B = (_) => e.checkedKeys.includes(_), f = (_, L = 0, V = []) => (_.forEach((x) => {
+      const A = m(x), R = {
+        node: x,
+        key: A,
+        label: c(x),
+        level: L,
+        disabled: g(x),
+        hasChildren: v(x)
+      };
+      V.push(R), R.hasChildren && y(A) && f(p(x), L + 1, V);
+    }), V), C = (_) => {
+      const L = [], V = (x) => {
+        L.push(m(x)), p(x).forEach(V);
+      };
+      return V(_), L;
+    }, $ = k(() => f(e.data)), F = (_) => {
+      _.hasChildren && (l.value = y(_.key) ? l.value.filter((L) => L !== _.key) : [...l.value, _.key]);
+    }, u = (_) => {
+      _.disabled || (e.expandOnClickNode && _.hasChildren && F(_), a("node-click", _.node, _.key));
+    }, w = (_) => {
+      if (_.disabled) return;
+      const L = new Set(e.checkedKeys), V = e.checkStrictly ? [_.key] : C(_.node), x = B(_.key);
+      V.forEach((R) => {
+        x ? L.delete(R) : L.add(R);
+      });
+      const A = Array.from(L);
+      a("update:checkedKeys", A), a("check", A, _.node);
+    };
+    return Y(
+      () => e.defaultExpandedKeys,
+      (_) => {
+        l.value = [..._];
+      }
+    ), (_, L) => (n(), d("div", so, [
+      $.value.length === 0 ? (n(), d("div", oo, J(_.emptyText), 1)) : j("", !0),
+      (n(!0), d(O, null, W($.value, (V) => (n(), d("div", {
+        key: V.key,
+        class: N(["jh-tree__node", { "is-disabled": V.disabled, "is-expanded": y(V.key) }]),
+        style: Z({ "--jh-tree-node-level": V.level })
+      }, [
+        b("button", {
+          class: "jh-tree__expand",
+          type: "button",
+          disabled: !V.hasChildren,
+          "aria-label": y(V.key) ? "Collapse node" : "Expand node",
+          onClick: (x) => F(V)
+        }, [
+          V.hasChildren ? (n(), U(M(z), {
+            key: 0,
+            name: "arrow-right"
+          })) : j("", !0)
+        ], 8, no),
+        _.showCheckbox ? (n(), d("input", {
+          key: 0,
+          class: "jh-tree__checkbox",
+          type: "checkbox",
+          checked: B(V.key),
+          disabled: V.disabled,
+          onChange: (x) => w(V)
+        }, null, 40, io)) : j("", !0),
+        b("button", {
+          class: "jh-tree__label",
+          type: "button",
+          disabled: V.disabled,
+          onClick: (x) => u(V)
+        }, [
+          P(_.$slots, "node", {
+            node: V.node,
+            data: V.node,
+            label: V.label
+          }, () => [
+            Q(J(V.label), 1)
+          ])
+        ], 8, ro)
+      ], 6))), 128))
+    ]));
+  }
+}), uo = I(co), po = {
+  fileList: {
+    type: Array,
+    default: () => []
+  },
+  action: {
+    type: String,
+    default: ""
+  },
+  accept: {
+    type: String,
+    default: ""
+  },
+  multiple: Boolean,
+  disabled: Boolean,
+  drag: Boolean,
+  limit: {
+    type: Number,
+    default: 0
+  },
+  buttonText: {
+    type: String,
+    default: "Click to upload"
+  },
+  tip: {
+    type: String,
+    default: ""
+  },
+  beforeUpload: {
+    type: Function,
+    default: void 0
+  }
+}, ho = {
+  "update:fileList": (t) => Array.isArray(t),
+  change: (t, s) => !!t && Array.isArray(s),
+  remove: (t, s) => !!t && Array.isArray(s),
+  exceed: (t, s) => Array.isArray(t) && Array.isArray(s)
+}, mo = ["accept", "multiple", "disabled"], fo = ["disabled"], bo = {
+  key: 0,
+  class: "jh-upload__tip"
+}, go = {
+  key: 1,
+  class: "jh-upload__list"
+}, vo = { class: "jh-upload__name" }, yo = ["disabled", "aria-label", "onClick"], _o = /* @__PURE__ */ T({
+  name: "JhUpload",
+  __name: "upload",
+  props: po,
+  emits: ho,
+  setup(t, { emit: s }) {
+    const e = t, a = s, l = E(), i = E(!1);
+    let r = 0;
+    const h = (f) => ({
+      uid: `${Date.now()}-${r++}`,
+      name: f.name,
+      size: f.size,
+      type: f.type,
+      status: "ready",
+      raw: f
+    }), o = () => {
+      var f;
+      e.disabled || (f = l.value) == null || f.click();
+    }, c = async (f) => {
+      const C = [];
+      for (const $ of f)
+        (e.beforeUpload ? await e.beforeUpload($) : !0) && C.push($);
+      return C.map(h);
+    }, m = async (f) => {
+      if (e.disabled || f.length === 0) return;
+      if (e.limit > 0 && e.fileList.length + f.length > e.limit) {
+        a("exceed", f, e.fileList);
+        return;
+      }
+      const C = await c(f);
+      if (C.length === 0) return;
+      const $ = [...e.fileList, ...C];
+      a("update:fileList", $), C.forEach((F) => a("change", F, $));
+    }, p = (f) => {
+      const C = f.target;
+      m(Array.from(C.files || [])), C.value = "";
+    }, g = (f) => {
+      if (e.disabled) return;
+      const C = e.fileList.filter(($) => $.uid !== f.uid);
+      a("update:fileList", C), a("remove", f, C);
+    }, v = () => {
+      e.disabled || !e.drag || (i.value = !0);
+    }, y = () => {
+      i.value = !1;
+    }, B = (f) => {
+      var C;
+      e.disabled || !e.drag || (i.value = !1, m(Array.from(((C = f.dataTransfer) == null ? void 0 : C.files) || [])));
+    };
+    return (f, C) => (n(), d("div", {
+      class: N(["jh-upload", { "is-disabled": f.disabled, "is-drag": f.drag, "is-dragover": i.value }]),
+      onDragover: te(v, ["prevent"]),
+      onDragleave: te(y, ["prevent"]),
+      onDrop: te(B, ["prevent"])
+    }, [
+      b("input", {
+        ref_key: "inputRef",
+        ref: l,
+        class: "jh-upload__input",
+        type: "file",
+        accept: f.accept,
+        multiple: f.multiple,
+        disabled: f.disabled,
+        onChange: p
+      }, null, 40, mo),
+      b("button", {
+        class: "jh-upload__trigger",
+        type: "button",
+        disabled: f.disabled,
+        onClick: o
+      }, [
+        K(M(z), { name: "plus" }),
+        b("span", null, J(f.buttonText), 1)
+      ], 8, fo),
+      f.tip ? (n(), d("div", bo, J(f.tip), 1)) : j("", !0),
+      f.fileList.length ? (n(), d("ul", go, [
+        (n(!0), d(O, null, W(f.fileList, ($) => (n(), d("li", {
+          key: $.uid,
+          class: "jh-upload__item"
+        }, [
+          b("span", vo, J($.name), 1),
+          b("button", {
+            class: "jh-upload__remove",
+            type: "button",
+            disabled: f.disabled,
+            "aria-label": `Remove ${$.name}`,
+            onClick: (F) => g($)
+          }, [
+            K(M(z), { name: "close" })
+          ], 8, yo)
+        ]))), 128))
+      ])) : j("", !0)
+    ], 34));
+  }
+}), ko = I(_o), $o = {
+  data: {
+    type: Array,
+    default: () => []
+  },
+  columns: {
+    type: Number,
+    default: 2,
+    validator: (t) => Number.isInteger(t) && t > 0
+  },
+  gap: {
+    type: [Number, String],
+    default: 16
+  },
+  itemKey: {
+    type: [String, Function],
+    default: "id"
+  },
+  itemHeight: {
+    type: [Number, String, Function],
+    default: "height"
+  },
+  batchSize: {
+    type: Number,
+    default: 40,
+    validator: (t) => Number.isInteger(t) && t > 0
+  },
+  emptyText: {
+    type: String,
+    default: "No data"
+  },
+  immediate: {
+    type: Boolean,
+    default: !0
+  }
+}, Co = {
+  "layout-start": () => !0,
+  "layout-end": () => !0
+}, jo = {
+  key: 0,
+  class: "jh-waterfall__empty"
+}, wo = { class: "jh-waterfall__columns" }, So = /* @__PURE__ */ T({
+  name: "JhWaterfall",
+  __name: "waterfall",
+  props: $o,
+  emits: Co,
+  setup(t, { expose: s, emit: e }) {
+    const a = t, l = e, i = E(), r = E([]), h = E([]), o = E(0);
+    let c = 0, m;
+    const p = () => Math.max(1, Math.floor(a.columns)), g = k(() => typeof a.gap == "number" ? `${a.gap}px` : a.gap), v = k(() => {
+      if (typeof a.gap == "number") return a.gap;
+      const A = Number.parseFloat(a.gap);
+      return Number.isFinite(A) ? A : 0;
+    }), y = k(
+      () => `calc((100% - (${g.value} * ${p() - 1})) / ${p()})`
+    ), B = k(() => ({
+      "--jh-waterfall-gap": g.value,
+      "--jh-waterfall-column-width": y.value
+    })), f = (A, R) => typeof a.itemKey == "function" ? a.itemKey(A, R) : A[a.itemKey] ?? R, C = (A, R) => {
+      if (typeof a.itemHeight == "number") return a.itemHeight;
+      if (typeof a.itemHeight == "function") return a.itemHeight(A, R);
+      const H = A[a.itemHeight];
+      return typeof H == "number" ? H : 0;
+    }, $ = () => Array.from({ length: p() }, () => ({
+      height: 0,
+      items: []
+    })), F = (A, R) => ({
+      item: A,
+      index: R,
+      key: f(A, R),
+      height: C(A, R)
+    }), u = () => {
+      var H;
+      let A = 0, R = ((H = r.value[0]) == null ? void 0 : H.height) ?? 0;
+      return r.value.forEach((S, D) => {
+        S.height < R && (R = S.height, A = D);
+      }), A;
+    }, w = (A, R) => {
+      const H = u(), S = r.value[H], D = R || A.height || 0;
+      S.items.push({
+        ...A,
+        height: D
+      }), S.height += D + v.value;
+    }, _ = () => new Promise((A) => {
+      if (typeof window > "u" || typeof window.requestAnimationFrame != "function") {
+        setTimeout(A, 0);
+        return;
+      }
+      m = window.requestAnimationFrame(() => A());
+    }), L = async (A) => {
+      var S;
+      if (A !== c) return;
+      if (o.value >= a.data.length) {
+        h.value = [], l("layout-end");
+        return;
+      }
+      const R = a.data.slice(o.value, o.value + a.batchSize).map((D, q) => F(D, o.value + q));
+      if (h.value = R, await be(), await _(), A !== c) return;
+      const H = Array.from(((S = i.value) == null ? void 0 : S.children) ?? []);
+      R.forEach((D, q) => {
+        var G;
+        const ee = ((G = H[q]) == null ? void 0 : G.getBoundingClientRect().height) ?? 0;
+        w(D, ee);
+      }), o.value += R.length, h.value = [], await be(), await _(), L(A);
+    }, V = () => {
+      c += 1, o.value = 0, h.value = [], r.value = $(), a.data.length !== 0 && (l("layout-start"), L(c));
+    }, x = () => {
+      V();
+    };
+    return Y(
+      () => [a.data, a.columns, a.gap, a.batchSize, a.itemHeight, a.itemKey],
+      () => V(),
+      { deep: !1 }
+    ), se(() => {
+      a.immediate && V();
+    }), ae(() => {
+      c += 1, m !== void 0 && typeof window < "u" && window.cancelAnimationFrame(m);
+    }), s({
+      refresh: x
+    }), (A, R) => (n(), d("div", {
+      class: "jh-waterfall",
+      style: Z(B.value)
+    }, [
+      A.data.length === 0 ? (n(), d("div", jo, [
+        P(A.$slots, "empty", {}, () => [
+          Q(J(A.emptyText), 1)
+        ])
+      ])) : (n(), d(O, { key: 1 }, [
+        b("div", wo, [
+          (n(!0), d(O, null, W(r.value, (H, S) => (n(), d("div", {
+            key: S,
+            class: "jh-waterfall__column"
+          }, [
+            (n(!0), d(O, null, W(H.items, (D) => (n(), d("div", {
+              key: D.key,
+              class: "jh-waterfall__item"
+            }, [
+              P(A.$slots, "default", {
+                item: D.item,
+                index: D.index,
+                columnIndex: S,
+                height: D.height
+              })
+            ]))), 128))
+          ]))), 128))
+        ]),
+        b("div", {
+          ref_key: "measureRef",
+          ref: i,
+          class: "jh-waterfall__measure",
+          "aria-hidden": "true"
+        }, [
+          (n(!0), d(O, null, W(h.value, (H) => (n(), d("div", {
+            key: H.key,
+            class: "jh-waterfall__measure-item"
+          }, [
+            P(A.$slots, "default", {
+              item: H.item,
+              index: H.index,
+              columnIndex: -1,
+              height: H.height
+            })
+          ]))), 128))
+        ], 512)
+      ], 64))
+    ], 4));
+  }
+}), Bo = I(So), Vo = [
+  Ye,
+  et,
+  ot,
+  ye,
+  _t,
+  Nt,
+  Pt,
+  Dt,
+  Lt,
+  Zt,
+  Qt,
+  la,
+  ra,
+  ga,
+  Ba,
+  za,
+  xa,
+  qa,
+  z,
+  Za,
+  nl,
+  hl,
+  oe,
+  me,
+  ne,
+  ql,
+  as,
+  ls,
+  is,
+  ms,
+  Ps,
+  Ls,
+  Rs,
+  Gs,
+  to,
+  uo,
+  ko,
+  Bo
+], Ao = {
+  install(t) {
+    Vo.forEach((s) => {
+      t.use(s);
+    });
+  }
+};
+export {
+  Ye as JhAlert,
+  et as JhBacktop,
+  ot as JhBadge,
+  ye as JhButton,
+  Nt as JhCarousel,
+  Pt as JhCarouselItem,
+  _t as JhCascader,
+  Dt as JhCheckbox,
+  Lt as JhCheckboxGroup,
+  Zt as JhCollapse,
+  Qt as JhCollapseItem,
+  la as JhDatePicker,
+  ra as JhDateTimePicker,
+  ga as JhDialog,
+  Ba as JhDrawer,
+  za as JhDropdown,
+  xa as JhForm,
+  qa as JhFormItem,
+  z as JhIcon,
+  Za as JhInfiniteScroll,
+  nl as JhInput,
+  hl as JhLink,
+  oe as JhMessage,
+  me as JhMessageBox,
+  ne as JhNotification,
+  ql as JhPagination,
+  as as JhRadio,
+  ls as JhRadioGroup,
+  is as JhScrollbar,
+  ms as JhSelect,
+  Rs as JhTabPane,
+  Ps as JhTable,
+  Ls as JhTabs,
+  Gs as JhText,
+  to as JhTimeSelect,
+  uo as JhTree,
+  ko as JhUpload,
+  Bo as JhWaterfall,
+  gl as Message,
+  Vl as MessageBox,
+  Ml as Notification,
+  Re as alertEffects,
+  He as alertEmits,
+  Oe as alertProps,
+  Le as alertTypes,
+  Qe as backtopEmits,
+  Ze as backtopProps,
+  at as badgeProps,
+  tt as badgeTypes,
+  ct as buttonEmits,
+  rt as buttonNativeTypes,
+  dt as buttonProps,
+  it as buttonSizes,
+  nt as buttonTypes,
+  kt as carouselArrows,
+  $e as carouselContextKey,
+  Ct as carouselEmits,
+  jt as carouselItemProps,
+  $t as carouselProps,
+  ft as cascaderEmits,
+  mt as cascaderProps,
+  Jt as checkboxEmits,
+  Et as checkboxGroupEmits,
+  Ce as checkboxGroupKey,
+  Tt as checkboxGroupProps,
+  At as checkboxProps,
+  je as collapseContextKey,
+  Ot as collapseEmits,
+  Ht as collapseItemProps,
+  Rt as collapseProps,
+  ea as datePickerEmits,
+  Xt as datePickerProps,
+  oa as dateTimePickerEmits,
+  sa as dateTimePickerProps,
+  Ao as default,
+  ca as dialogEmits,
+  da as dialogProps,
+  va as drawerDirections,
+  _a as drawerEmits,
+  ya as drawerProps,
+  Aa as dropdownEmits,
+  Na as dropdownPlacements,
+  Pa as dropdownProps,
+  Va as dropdownTriggers,
+  we as formContextKey,
+  Fa as formItemProps,
+  Ka as formProps,
+  Po as iconNames,
+  Ie as iconProps,
+  Ua as infiniteScrollEmits,
+  Ga as infiniteScrollProps,
+  Xa as inputEmits,
+  Qa as inputProps,
+  dl as linkEmits,
+  rl as linkProps,
+  il as linkTypes,
+  kl as messageBoxProps,
+  _l as messageBoxTypes,
+  fl as messageProps,
+  ml as messageTypes,
+  Al as notificationPositions,
+  Tl as notificationProps,
+  Pl as notificationTypes,
+  Dl as paginationEmits,
+  Fl as paginationProps,
+  Wl as radioEmits,
+  Yl as radioGroupEmits,
+  Pe as radioGroupKey,
+  Ul as radioGroupProps,
+  Gl as radioProps,
+  os as scrollbarEmits,
+  ss as scrollbarProps,
+  ds as selectEmits,
+  rs as selectProps,
+  Js as tabPaneProps,
+  bs as tableEmits,
+  fs as tableProps,
+  Ae as tabsContextKey,
+  Ts as tabsEmits,
+  As as tabsProps,
+  xs as textProps,
+  Hs as textSizes,
+  Os as textTypes,
+  Ws as timeSelectEmits,
+  Us as timeSelectProps,
+  lo as treeEmits,
+  ao as treeProps,
+  ho as uploadEmits,
+  po as uploadProps,
+  Co as waterfallEmits,
+  $o as waterfallProps
+};
+//# sourceMappingURL=index.mjs.map