zero-ai-ui-lib 0.0.0-stage → 0.1.1

package/dist/zero-ai-ui-lib.mjs

@@ -0,0 +1,3590 @@
+import { openBlock as d, createElementBlock as h, normalizeClass as U, createElementVNode as t, toDisplayString as B, withDirectives as je, renderSlot as ie, vShow as Ye, Fragment as ae, createCommentVNode as X, computed as O, createTextVNode as ze, normalizeStyle as ne, renderList as oe, ref as C, watch as be, onBeforeUnmount as ge, createBlock as xe, Teleport as Pe, nextTick as ve, withModifiers as $e, onMounted as Me, onDeactivated as Te, unref as Y, shallowRef as Ke, createVNode as Xe, TransitionGroup as Ge, withCtx as Fe, createStaticVNode as Ze, onActivated as Qe, resolveDynamicComponent as Ue, normalizeProps as Je, guardReactiveProps as et } from "vue";
+import { useRoute as tt, useRouter as nt } from "vue-router";
+const at = ["aria-expanded"], lt = { class: "ui-accordion__body" }, wl = {
+  __name: "UiAccordion",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    title: { type: String, default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: u }) {
+    const n = u;
+    return (g, a) => (d(), h("div", {
+      class: U(["ui-accordion", { "is-open": e.modelValue }])
+    }, [
+      t("button", {
+        type: "button",
+        class: "ui-accordion__head",
+        "aria-expanded": e.modelValue,
+        onClick: a[0] || (a[0] = (p) => n("update:modelValue", !e.modelValue))
+      }, [
+        t("span", null, B(e.title), 1),
+        a[1] || (a[1] = t("svg", {
+          class: "ui-accordion__chevron",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          "aria-hidden": "true"
+        }, [
+          t("path", { d: "M6 9l6 6 6-6" })
+        ], -1))
+      ], 8, at),
+      je(t("div", lt, [
+        ie(g.$slots, "default")
+      ], 512), [
+        [Ye, e.modelValue]
+      ])
+    ], 2));
+  }
+}, it = {
+  class: "ui-alert__icon",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "aria-hidden": "true"
+}, rt = { class: "ui-alert__body" }, ot = {
+  key: 0,
+  class: "ui-alert__title"
+}, st = { class: "ui-alert__desc" }, xl = {
+  __name: "UiAlert",
+  props: {
+    tone: { type: String, default: "info" },
+    title: { type: String, default: "" },
+    closable: { type: Boolean, default: !1 }
+  },
+  emits: ["close"],
+  setup(e, { emit: u }) {
+    const n = u;
+    return (g, a) => (d(), h("div", {
+      class: U(["ui-alert", `ui-alert--${e.tone}`]),
+      role: "alert"
+    }, [
+      (d(), h("svg", it, [
+        e.tone === "success" ? (d(), h(ae, { key: 0 }, [
+          a[1] || (a[1] = t("circle", {
+            cx: "12",
+            cy: "12",
+            r: "9"
+          }, null, -1)),
+          a[2] || (a[2] = t("path", { d: "M8.5 12.5l2.5 2.5 4.5-5" }, null, -1))
+        ], 64)) : e.tone === "warning" || e.tone === "danger" ? (d(), h(ae, { key: 1 }, [
+          a[3] || (a[3] = t("path", { d: "M12 3.5L21 20H3L12 3.5z" }, null, -1)),
+          a[4] || (a[4] = t("path", { d: "M12 9.5v4.5" }, null, -1)),
+          a[5] || (a[5] = t("path", { d: "M12 17.2v.1" }, null, -1))
+        ], 64)) : (d(), h(ae, { key: 2 }, [
+          a[6] || (a[6] = t("circle", {
+            cx: "12",
+            cy: "12",
+            r: "9"
+          }, null, -1)),
+          a[7] || (a[7] = t("path", { d: "M12 11v5" }, null, -1)),
+          a[8] || (a[8] = t("path", { d: "M12 7.7v.1" }, null, -1))
+        ], 64))
+      ])),
+      t("div", rt, [
+        e.title ? (d(), h("div", ot, B(e.title), 1)) : X("", !0),
+        t("div", st, [
+          ie(g.$slots, "default")
+        ])
+      ]),
+      e.closable ? (d(), h("button", {
+        key: 0,
+        type: "button",
+        class: "ui-alert__close",
+        "aria-label": "关闭提示",
+        onClick: a[0] || (a[0] = (p) => n("close"))
+      }, [...a[9] || (a[9] = [
+        t("svg", {
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2.4",
+          "stroke-linecap": "round",
+          "aria-hidden": "true"
+        }, [
+          t("path", { d: "M6 6l12 12M18 6L6 18" })
+        ], -1)
+      ])])) : X("", !0)
+    ], 2));
+  }
+}, ut = ["src", "alt"], dt = {
+  key: 2,
+  class: "ui-avatar__status",
+  "aria-label": "在线"
+}, _l = {
+  __name: "UiAvatar",
+  props: {
+    name: { type: String, default: "" },
+    src: { type: String, default: "" },
+    size: { type: String, default: "md" },
+    status: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const u = e, n = O(() => {
+      const g = u.name.trim();
+      if (!g) return "?";
+      const a = g.split(/\s+/);
+      return a.length === 1 ? g.slice(0, 2).toUpperCase() : (a[0][0] + a[a.length - 1][0]).toUpperCase();
+    });
+    return (g, a) => (d(), h("span", {
+      class: U(["ui-avatar", e.size !== "md" ? `ui-avatar--${e.size}` : ""])
+    }, [
+      e.src ? (d(), h("img", {
+        key: 0,
+        src: e.src,
+        alt: e.name
+      }, null, 8, ut)) : (d(), h(ae, { key: 1 }, [
+        ze(B(n.value), 1)
+      ], 64)),
+      e.status ? (d(), h("span", dt)) : X("", !0)
+    ], 2));
+  }
+}, ct = {
+  key: 0,
+  class: "ui-badge__dot",
+  "aria-hidden": "true"
+}, kl = {
+  __name: "UiBadge",
+  props: {
+    tone: { type: String, default: "neutral" },
+    dot: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (u, n) => (d(), h("span", {
+      class: U(["ui-badge", `ui-badge--${e.tone}`])
+    }, [
+      e.dot ? (d(), h("span", ct)) : X("", !0),
+      ie(u.$slots, "default")
+    ], 2));
+  }
+}, ue = (e, u) => {
+  const n = e.__vccOpts || e;
+  for (const [g, a] of u)
+    n[g] = a;
+  return n;
+}, ft = ["id", "aria-label"], pt = ["data-tip"], vt = {
+  __name: "UiBarChart",
+  props: {
+    id: { type: String, default: "" },
+    data: { type: Array, default: () => [42, 68, 55, 80, 63, 92, 74] },
+    labels: { type: Array, default: () => ["一", "二", "三", "四", "五", "六", "日"] },
+    height: { type: [String, Number], default: null },
+    unit: { type: String, default: "" },
+    decimals: { type: Number, default: 1 },
+    highlight: { type: Number, default: null },
+    ariaLabel: { type: String, default: "柱状图" }
+  },
+  setup(e) {
+    const u = e, n = O(() => u.data.length ? u.data : [0]), g = O(() => Math.max.apply(null, n.value) || 1), a = O(() => u.height ? { height: typeof u.height == "number" ? `${u.height}px` : u.height } : {});
+    function p(i) {
+      return `${(i / g.value * 100).toFixed(1)}%`;
+    }
+    function v(i) {
+      return u.highlight !== null && i >= u.highlight;
+    }
+    function r(i, f) {
+      const _ = u.labels[f] || "", b = u.unit ? ` ${u.unit}` : "";
+      return `${_} · ${Number(i).toFixed(u.decimals)}${b}`.trim();
+    }
+    return (i, f) => (d(), h("div", {
+      class: "bars",
+      id: e.id,
+      style: ne(a.value),
+      role: "img",
+      "aria-label": e.ariaLabel
+    }, [
+      (d(!0), h(ae, null, oe(n.value, (_, b) => (d(), h("div", {
+        key: b,
+        class: "bar-col"
+      }, [
+        t("div", {
+          class: U(["bar", { hi: v(_) }]),
+          style: ne({ height: p(_), animationDelay: `${b * 55}ms` }),
+          "data-tip": r(_, b)
+        }, null, 14, pt),
+        t("span", null, B(e.labels[b] || ""), 1)
+      ]))), 128))
+    ], 12, ft));
+  }
+}, $l = /* @__PURE__ */ ue(vt, [["__scopeId", "data-v-40849deb"]]), mt = {
+  key: 0,
+  class: "ui-sheet-root"
+}, ht = ["aria-label"], gt = { class: "ui-sheet-head" }, yt = { class: "ui-sheet-body" }, bt = {
+  key: 0,
+  class: "ui-sheet-footer"
+}, wt = 80, xt = 420, _t = {
+  __name: "UiBottomSheet",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    title: { type: String, default: "面板" },
+    maxHeight: { type: String, default: "90dvh" },
+    closeOnBackdrop: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: u }) {
+    const n = e, g = u, a = C(null), p = C(!1), v = C(!1), r = C(!1);
+    let i = null, f = "", _ = null, b = 0, y = 0, k = !1;
+    function P(N, M) {
+      const j = getComputedStyle(document.documentElement).getPropertyValue(N).trim();
+      if (!j) return M;
+      const te = parseFloat(j);
+      return Number.isFinite(te) ? j.endsWith("ms") ? te : te * 1e3 : M;
+    }
+    function F() {
+      return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    }
+    function D() {
+      b && cancelAnimationFrame(b), y && cancelAnimationFrame(y), b = 0, y = 0;
+    }
+    function H() {
+      !n.modelValue || r.value || g("update:modelValue", !1);
+    }
+    function z() {
+      i || (i = document.getElementById("scrollArea"), i && (f = i.style.overflow, i.style.overflow = "hidden"));
+    }
+    function K() {
+      i && (i.style.overflow = f, i = null);
+    }
+    function I(N) {
+      N.key === "Escape" && n.modelValue && (N.preventDefault(), H());
+    }
+    function J() {
+      if (clearTimeout(_), _ = null, D(), p.value && k && !v.value) {
+        r.value = !1, v.value = !0, z();
+        return;
+      }
+      p.value = !0, r.value = !1, v.value = !1, z(), ve(() => {
+        const N = a.value;
+        !n.modelValue || !N || (N.focus({ preventScroll: !0 }), N.offsetHeight, b = requestAnimationFrame(() => {
+          b = 0, y = requestAnimationFrame(() => {
+            y = 0, n.modelValue && (v.value = !0, k = !0);
+          });
+        }));
+      });
+    }
+    function q() {
+      p.value = !1, v.value = !1, r.value = !1, k = !1, K();
+    }
+    function Q() {
+      if (D(), clearTimeout(_), _ = null, !k) {
+        q();
+        return;
+      }
+      r.value = !0, v.value = !1;
+      const N = F() ? 0 : P("--spring-exit-dur", 650), M = F() ? 0 : xt, j = F() ? 0 : Math.max(N, M) + wt;
+      _ = setTimeout(() => {
+        _ = null, q();
+      }, j);
+    }
+    return be(() => n.modelValue, (N) => {
+      N ? J() : (p.value || k) && Q();
+    }, { immediate: !0 }), document.addEventListener("keydown", I), ge(() => {
+      clearTimeout(_), _ = null, D(), K(), document.removeEventListener("keydown", I);
+    }), (N, M) => (d(), xe(Pe, { to: "body" }, [
+      p.value ? (d(), h("div", mt, [
+        t("div", {
+          class: U(["ui-scrim ui-sheet-scrim", { "is-open": v.value, "is-static": !e.closeOnBackdrop }]),
+          "aria-hidden": "true",
+          onClick: M[0] || (M[0] = (j) => e.closeOnBackdrop && H())
+        }, null, 2),
+        t("section", {
+          ref_key: "panel",
+          ref: a,
+          class: U(["ui-sheet-panel", { "is-open": v.value, "is-closing": r.value }]),
+          style: ne({ maxHeight: e.maxHeight }),
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": e.title,
+          tabindex: "-1"
+        }, [
+          M[2] || (M[2] = t("div", {
+            class: "ui-sheet-handle",
+            "aria-hidden": "true"
+          }, null, -1)),
+          t("header", gt, [
+            t("h2", null, B(e.title), 1),
+            t("button", {
+              type: "button",
+              class: "ui-sheet-close",
+              "aria-label": "关闭面板",
+              onClick: H
+            }, [...M[1] || (M[1] = [
+              t("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2.4",
+                "stroke-linecap": "round",
+                "aria-hidden": "true"
+              }, [
+                t("path", { d: "M6 6l12 12M18 6L6 18" })
+              ], -1)
+            ])])
+          ]),
+          t("div", yt, [
+            ie(N.$slots, "default", {}, void 0, !0)
+          ]),
+          N.$slots.footer ? (d(), h("footer", bt, [
+            ie(N.$slots, "footer", {}, void 0, !0)
+          ])) : X("", !0)
+        ], 14, ht)
+      ])) : X("", !0)
+    ]));
+  }
+}, Ml = /* @__PURE__ */ ue(_t, [["__scopeId", "data-v-4386a2b1"]]), kt = ["type", "disabled"], $t = {
+  key: 0,
+  class: "ui-btn__spinner",
+  "aria-hidden": "true"
+}, Sl = {
+  __name: "UiButton",
+  props: {
+    variant: { type: String, default: "primary" },
+    size: { type: String, default: "md" },
+    type: { type: String, default: "button" },
+    block: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (u, n) => (d(), h("button", {
+      type: e.type,
+      class: U(["ui-btn", [`ui-btn--${e.variant}`, e.size !== "md" ? `ui-btn--${e.size}` : "", { "ui-btn--block": e.block }]]),
+      disabled: e.disabled || e.loading
+    }, [
+      e.loading ? (d(), h("span", $t)) : X("", !0),
+      ie(u.$slots, "default")
+    ], 10, kt));
+  }
+}, Mt = { class: "ui-check" }, St = ["checked"], Ct = { class: "ui-check__text" }, Et = {
+  key: 0,
+  class: "ui-check__desc"
+}, Cl = {
+  __name: "UiCheckbox",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    label: { type: String, default: "" },
+    description: { type: String, default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: u }) {
+    const n = u;
+    return (g, a) => (d(), h("label", Mt, [
+      t("input", {
+        type: "checkbox",
+        checked: e.modelValue,
+        onChange: a[0] || (a[0] = (p) => n("update:modelValue", p.target.checked))
+      }, null, 40, St),
+      a[1] || (a[1] = t("span", {
+        class: "ui-check__box",
+        "aria-hidden": "true"
+      }, [
+        t("svg", {
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "3",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, [
+          t("path", { d: "M5 12.5l4.5 4.5L19 7" })
+        ])
+      ], -1)),
+      t("span", Ct, [
+        t("span", null, B(e.label), 1),
+        e.description ? (d(), h("span", Et, B(e.description), 1)) : X("", !0)
+      ])
+    ]));
+  }
+}, At = {
+  key: 0,
+  class: "ui-chip__dot",
+  "aria-hidden": "true"
+}, El = {
+  __name: "UiChip",
+  props: {
+    variant: { type: String, default: "filled" },
+    selected: { type: Boolean, default: !1 },
+    removable: { type: Boolean, default: !1 },
+    dot: { type: Boolean, default: !1 }
+  },
+  emits: ["select", "remove"],
+  setup(e, { emit: u }) {
+    const n = u;
+    return (g, a) => (d(), h("button", {
+      type: "button",
+      class: U(["ui-chip", [`ui-chip--${e.variant}`, { "is-selected": e.selected }]]),
+      onClick: a[1] || (a[1] = (p) => n("select"))
+    }, [
+      e.dot ? (d(), h("span", At)) : X("", !0),
+      ie(g.$slots, "default"),
+      e.removable ? (d(), h("span", {
+        key: 1,
+        class: "ui-chip__close",
+        role: "button",
+        "aria-label": "移除",
+        onClick: a[0] || (a[0] = $e((p) => n("remove"), ["stop"]))
+      }, [...a[2] || (a[2] = [
+        t("svg", {
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2.6",
+          "stroke-linecap": "round",
+          "aria-hidden": "true"
+        }, [
+          t("path", { d: "M6 6l12 12M18 6L6 18" })
+        ], -1)
+      ])])) : X("", !0)
+    ], 2));
+  }
+}, _e = 16;
+function We() {
+  return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function Vt(e, u) {
+  const n = getComputedStyle(document.documentElement).getPropertyValue(e).trim();
+  if (!n) return u;
+  const g = parseFloat(n);
+  return Number.isFinite(g) ? n.endsWith("ms") ? g : g * 1e3 : u;
+}
+function qe(e) {
+  const u = C(!1), n = C(!1), g = C(!1), a = C(!1), p = C({}), v = C({});
+  let r = null, i = null, f = null, _ = null, b = null, y = 0, k = 0;
+  function P($) {
+    const E = $.getBoundingClientRect();
+    let c = 1, x = 1;
+    const l = getComputedStyle($).transform;
+    if (l && l !== "none" && typeof DOMMatrixReadOnly == "function") {
+      const S = new DOMMatrixReadOnly(l);
+      c = S.a || 1, x = S.d || 1;
+    }
+    const m = Math.max(1, E.width / c), A = Math.max(1, E.height / x);
+    return {
+      left: E.left + (E.width - m) / 2,
+      top: E.top + (E.height - A) / 2,
+      width: m,
+      height: A
+    };
+  }
+  function F() {
+    var $;
+    return (($ = e.surface) == null ? void 0 : $.call(e)) ?? null;
+  }
+  function D($) {
+    var m, A;
+    const E = (m = e.panel) == null ? void 0 : m.call(e), c = (A = e.content) == null ? void 0 : A.call(e);
+    if (!E || !c) return 0;
+    const x = E.style.width;
+    E.style.width = $ + "px";
+    const l = c.offsetHeight;
+    return E.style.width = x, Math.ceil(l);
+  }
+  function H($) {
+    const E = F();
+    r || !(E != null && E.parentNode) || (r = document.createElement("div"), r.setAttribute("aria-hidden", "true"), r.style.cssText = "display:block;visibility:hidden;pointer-events:none;flex-shrink:0;", r.style.width = Math.round($.width) + "px", r.style.height = Math.round($.height) + "px", E.parentNode.insertBefore(r, E));
+  }
+  function z() {
+    r && (r.remove(), r = null);
+  }
+  function K() {
+    if (r != null && r.isConnected) {
+      const $ = r.getBoundingClientRect();
+      if ($.width > 0) return $;
+    }
+    return _;
+  }
+  function I() {
+    i && clearTimeout(i), f && clearTimeout(f), i = null, f = null;
+  }
+  function J() {
+    var $;
+    if (I(), q(), !g.value || !b) {
+      n.value = !1, u.value = !1, N();
+      return;
+    }
+    n.value = !1, a.value = !1, g.value = !0, p.value = { ...b }, u.value = !0, ($ = e.onOpened) == null || $.call(e);
+  }
+  function q() {
+    a.value = !1;
+  }
+  function Q($ = !0) {
+    var c;
+    I();
+    const E = g.value || u.value;
+    n.value = !1, u.value = !1, g.value = !1, a.value = !1, p.value = {}, v.value = {}, _ = null, b = null, z(), $ && E && ((c = e.onClosed) == null || c.call(e));
+  }
+  async function N() {
+    if (u.value) return;
+    n.value = !1;
+    const $ = F();
+    if (!$) return;
+    const E = $.closest(".view");
+    if (E && typeof E.getAnimations == "function")
+      try {
+        E.getAnimations().forEach((w) => w.finish());
+      } catch {
+      }
+    const c = P($);
+    if (!c.width || !c.height) return;
+    const x = getComputedStyle($);
+    y = parseFloat(x.borderLeftWidth) || 0, k = parseFloat(x.borderTopWidth) || 0;
+    const l = Math.max(180, Math.round(Math.min(e.width(), window.innerWidth - _e * 2))), m = Math.max(1, Math.round(l - y * 2)), A = Math.max(
+      Math.round(c.height),
+      Math.round(Math.min(D(m) + k * 2, window.innerHeight - _e * 2))
+    );
+    let S = Math.round(c.left);
+    S = Math.max(_e, Math.min(S, window.innerWidth - _e - l));
+    let T = Math.round(c.top);
+    T = Math.max(_e, Math.min(T, window.innerHeight - _e - A)), _ = { left: c.left, top: c.top, width: c.width, height: c.height };
+    const s = Math.max(1, c.width - y * 2), o = Math.max(1, c.height - k * 2);
+    H(c), p.value = {
+      left: c.left + "px",
+      top: c.top + "px",
+      width: c.width + "px",
+      height: c.height + "px"
+    }, v.value = {
+      width: s + "px",
+      height: o + "px"
+    }, g.value = !0, await ve();
+    const R = F();
+    R && R.offsetWidth, a.value = !0, i = setTimeout(() => {
+      var w;
+      i = null, g.value && (a.value = !1, b = { left: S + "px", top: T + "px", width: l + "px", height: A + "px" }, p.value = { ...b }, u.value = !0, (w = e.onOpened) == null || w.call(e));
+    }, We() ? 0 : 110);
+  }
+  async function M() {
+    if (n.value) return;
+    if (!g.value || !u.value && !a.value) {
+      Q();
+      return;
+    }
+    I();
+    const $ = K();
+    n.value = !0, u.value = !1, a.value = !1, await ve();
+    const E = F();
+    E && E.offsetWidth, $ && (p.value = {
+      left: $.left + "px",
+      top: $.top + "px",
+      width: $.width + "px",
+      height: $.height + "px"
+    });
+    const c = We() ? 0 : Vt("--spring-exit-dur", 650);
+    f = setTimeout(() => {
+      f = null, Q();
+    }, c + 80);
+  }
+  function j() {
+    if (u.value) {
+      M();
+      return;
+    }
+    if (n.value || a.value) {
+      J();
+      return;
+    }
+    N();
+  }
+  function te() {
+    Q(!1);
+  }
+  function G($) {
+    var E;
+    if (g.value && !((E = F()) != null && E.contains($.target))) {
+      if (n.value || !u.value) {
+        Q();
+        return;
+      }
+      M();
+    }
+  }
+  function Z($) {
+    var E;
+    !g.value || n.value || (E = F()) != null && E.contains($.target) || M();
+  }
+  function ee($) {
+    $.key !== "Escape" || !g.value && !n.value || ($.stopPropagation(), M());
+  }
+  function W() {
+    (g.value || n.value) && M();
+  }
+  return Me(() => {
+    document.addEventListener("pointerdown", Z), document.addEventListener("keydown", ee), window.addEventListener("scroll", G, !0), window.addEventListener("resize", W);
+  }), ge(() => {
+    Q(!1), document.removeEventListener("pointerdown", Z), document.removeEventListener("keydown", ee), window.removeEventListener("scroll", G, !0), window.removeEventListener("resize", W);
+  }), Te(() => {
+    Q(!1);
+  }), {
+    open: u,
+    closing: n,
+    floating: g,
+    compressed: a,
+    style: p,
+    viewStyle: v,
+    openWindow: N,
+    closeWindow: M,
+    toggleWindow: j,
+    interruptOpen: J,
+    resetWindow: te
+  };
+}
+const Pt = { class: "ui-date" }, Tt = { class: "ui-date__label" }, Bt = ["aria-expanded"], Ft = { class: "ui-date__value" }, Lt = ["aria-hidden", "inert"], Nt = { class: "ui-date__head" }, Rt = {
+  class: "ui-date__weekdays",
+  "aria-hidden": "true"
+}, Dt = { class: "ui-date__grid" }, Ut = ["tabindex", "onClick"], Wt = {
+  __name: "UiDatePicker",
+  props: {
+    modelValue: { type: String, default: "" },
+    label: { type: String, default: "日期" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: u }) {
+    const n = e, g = u, a = C(null), p = C(null), v = C(null), r = C(null), i = C(n.modelValue || G(M())), f = C(j(M())), { open: _, closing: b, floating: y, compressed: k, style: P, viewStyle: F, openWindow: D, closeWindow: H, toggleWindow: z } = qe({
+      surface: () => a.value,
+      panel: () => v.value,
+      content: () => r.value,
+      width: () => Math.min(300, window.innerWidth - 32),
+      onOpened: () => {
+        requestAnimationFrame(() => {
+          var l, m;
+          (m = (l = a.value) == null ? void 0 : l.querySelector(".is-selected")) == null || m.focus({ preventScroll: !0 });
+        });
+      },
+      onClosed: () => {
+        var l;
+        (l = p.value) == null || l.focus({ preventScroll: !0 });
+      }
+    }), K = ["一", "二", "三", "四", "五", "六", "日"], I = O(() => te(i.value) || M()), J = O(() => ee(I.value)), q = O(() => `${f.value.getFullYear()}年${f.value.getMonth() + 1}月`), Q = O(() => {
+      const l = f.value.getFullYear(), m = f.value.getMonth(), S = (new Date(l, m, 1).getDay() + 6) % 7, T = new Date(l, m + 1, 0).getDate();
+      return [
+        ...Array.from({ length: S }, () => null),
+        ...Array.from({ length: T }, (s, o) => o + 1)
+      ];
+    });
+    function N(l) {
+      return String(l).padStart(2, "0");
+    }
+    function M() {
+      const l = /* @__PURE__ */ new Date();
+      return new Date(l.getFullYear(), l.getMonth(), l.getDate());
+    }
+    function j(l) {
+      return new Date(l.getFullYear(), l.getMonth(), 1);
+    }
+    function te(l) {
+      if (typeof l != "string") return null;
+      const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(l);
+      if (!m) return null;
+      const A = new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));
+      return Number.isNaN(A.getTime()) ? null : A;
+    }
+    function G(l) {
+      return `${l.getFullYear()}-${N(l.getMonth() + 1)}-${N(l.getDate())}`;
+    }
+    function Z(l, m) {
+      return l.getFullYear() === m.getFullYear() && l.getMonth() === m.getMonth() && l.getDate() === m.getDate();
+    }
+    function ee(l) {
+      return Z(l, M()) ? `今天 · ${l.getMonth() + 1}月${l.getDate()}日` : `${l.getFullYear()}年${l.getMonth() + 1}月${l.getDate()}日`;
+    }
+    function W() {
+      f.value = j(I.value), D();
+    }
+    function $() {
+      if (_.value) {
+        H();
+        return;
+      }
+      if (b.value || k.value) {
+        f.value = j(I.value), z();
+        return;
+      }
+      W();
+    }
+    function E(l) {
+      f.value = new Date(f.value.getFullYear(), f.value.getMonth() + l, 1);
+    }
+    function c(l) {
+      const m = new Date(f.value.getFullYear(), f.value.getMonth(), l);
+      i.value = G(m), g("update:modelValue", i.value), H();
+    }
+    function x() {
+      const l = M();
+      f.value = j(l), i.value = G(l), g("update:modelValue", i.value), H();
+    }
+    return be(() => n.modelValue, (l) => {
+      i.value = l || G(M()), y.value || (f.value = j(I.value));
+    }), (l, m) => (d(), h("div", Pt, [
+      t("span", Tt, B(e.label), 1),
+      t("div", {
+        ref_key: "surfaceEl",
+        ref: a,
+        class: U(["ui-date__surface ui-morph", {
+          "is-open": Y(_),
+          "is-closing": Y(b),
+          "is-floating": Y(y),
+          "is-compressed": Y(k)
+        }]),
+        style: ne(Y(P))
+      }, [
+        t("div", {
+          class: "ui-date__view ui-morph__view",
+          style: ne(Y(F))
+        }, [
+          t("button", {
+            ref_key: "fieldEl",
+            ref: p,
+            type: "button",
+            class: "ui-date__field",
+            "aria-expanded": Y(y),
+            "aria-haspopup": "dialog",
+            onClick: $
+          }, [
+            m[4] || (m[4] = t("span", {
+              class: "ui-date__icon",
+              "aria-hidden": "true"
+            }, [
+              t("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }, [
+                t("rect", {
+                  x: "3",
+                  y: "5",
+                  width: "18",
+                  height: "16",
+                  rx: "3"
+                }),
+                t("path", { d: "M8 3v4M16 3v4M3 10h18" })
+              ])
+            ], -1)),
+            t("span", Ft, B(J.value), 1),
+            t("span", {
+              class: U(["ui-date__chevron", { "is-open": Y(_) }]),
+              "aria-hidden": "true"
+            }, [...m[3] || (m[3] = [
+              t("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2.2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }, [
+                t("path", { d: "M6 9l6 6 6-6" })
+              ], -1)
+            ])], 2)
+          ], 8, Bt)
+        ], 4),
+        t("div", {
+          ref_key: "panelEl",
+          ref: v,
+          class: "ui-date__pop ui-morph__panel",
+          role: "dialog",
+          "aria-label": "选择日期",
+          "aria-hidden": Y(_) ? "false" : "true",
+          inert: Y(_) ? null : "",
+          tabindex: "-1",
+          onPointerdown: m[2] || (m[2] = $e(() => {
+          }, ["stop"]))
+        }, [
+          t("div", {
+            ref_key: "panelContentEl",
+            ref: r,
+            class: "ui-date__pop-inner"
+          }, [
+            t("div", Nt, [
+              t("button", {
+                type: "button",
+                class: "ui-date__nav",
+                "aria-label": "上个月",
+                onClick: m[0] || (m[0] = (A) => E(-1))
+              }, [...m[5] || (m[5] = [
+                t("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2.2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "aria-hidden": "true"
+                }, [
+                  t("path", { d: "M15 6l-6 6 6 6" })
+                ], -1)
+              ])]),
+              t("strong", null, B(q.value), 1),
+              t("button", {
+                type: "button",
+                class: "ui-date__nav",
+                "aria-label": "下个月",
+                onClick: m[1] || (m[1] = (A) => E(1))
+              }, [...m[6] || (m[6] = [
+                t("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2.2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "aria-hidden": "true"
+                }, [
+                  t("path", { d: "M9 6l6 6-6 6" })
+                ], -1)
+              ])])
+            ]),
+            t("div", Rt, [
+              (d(), h(ae, null, oe(K, (A) => t("span", { key: A }, B(A), 1)), 64))
+            ]),
+            t("div", Dt, [
+              (d(!0), h(ae, null, oe(Q.value, (A, S) => (d(), h("span", {
+                key: `${q.value}-${S}`,
+                class: "ui-date__cell"
+              }, [
+                A ? (d(), h("button", {
+                  key: 0,
+                  type: "button",
+                  tabindex: Y(_) ? 0 : -1,
+                  class: U({
+                    "is-selected": Z(new Date(f.value.getFullYear(), f.value.getMonth(), A), I.value),
+                    "is-today": Z(new Date(f.value.getFullYear(), f.value.getMonth(), A), M())
+                  }),
+                  onClick: (T) => c(A)
+                }, B(A), 11, Ut)) : X("", !0)
+              ]))), 128))
+            ]),
+            t("div", { class: "ui-date__footer" }, [
+              m[7] || (m[7] = t("span", null, "选择后会立即生效", -1)),
+              t("button", {
+                type: "button",
+                onClick: x
+              }, "今天")
+            ])
+          ], 512)
+        ], 40, Lt)
+      ], 6)
+    ]));
+  }
+}, Al = /* @__PURE__ */ ue(Wt, [["__scopeId", "data-v-8ad07d43"]]), Ot = { class: "ui-empty" }, Ht = { class: "ui-empty__icon" }, It = { class: "ui-empty__title" }, zt = {
+  key: 0,
+  class: "ui-empty__desc"
+}, qt = {
+  key: 1,
+  class: "ui-empty__action"
+}, Vl = {
+  __name: "UiEmptyState",
+  props: {
+    title: { type: String, default: "暂无内容" },
+    description: { type: String, default: "" }
+  },
+  setup(e) {
+    return (u, n) => (d(), h("div", Ot, [
+      t("div", Ht, [
+        ie(u.$slots, "icon", {}, () => [
+          n[0] || (n[0] = t("svg", {
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "1.8",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "aria-hidden": "true"
+          }, [
+            t("path", { d: "M4 7.5h16v11a1.5 1.5 0 01-1.5 1.5h-13A1.5 1.5 0 014 18.5v-11z" }),
+            t("path", { d: "M4 9l8 5 8-5" }),
+            t("path", { d: "M9 4h6" })
+          ], -1))
+        ])
+      ]),
+      t("div", It, B(e.title), 1),
+      e.description ? (d(), h("div", zt, B(e.description), 1)) : X("", !0),
+      u.$slots.action ? (d(), h("div", qt, [
+        ie(u.$slots, "action")
+      ])) : X("", !0)
+    ]));
+  }
+}, jt = 12;
+function Le(e) {
+  let u = "idle", n = 0, g = 0, a = null, p = null;
+  function v() {
+    a && (a.removeEventListener("pointermove", f), a.removeEventListener("pointerup", _), a.removeEventListener("pointercancel", b), a = null, p = null);
+  }
+  function r() {
+    var y;
+    u === "pressing" && (u = "idle", v(), (y = e.onPressEnd) == null || y.call(e));
+  }
+  function i(y) {
+    var k;
+    if (u === "idle" && y.isPrimary !== !1 && !(typeof y.button == "number" && y.button !== 0) && !(e.canPress && !e.canPress())) {
+      n = y.clientX, g = y.clientY, u = "pressing", a = y.currentTarget, p = y.pointerId, a.addEventListener("pointermove", f), a.addEventListener("pointerup", _), a.addEventListener("pointercancel", b);
+      try {
+        a.setPointerCapture(y.pointerId);
+      } catch {
+      }
+      (k = e.onPressStart) == null || k.call(e);
+    }
+  }
+  function f(y) {
+    u === "pressing" && Math.hypot(y.clientX - n, y.clientY - g) > jt && r();
+  }
+  function _() {
+    var P, F;
+    if (u !== "pressing") return;
+    const y = a, k = p;
+    if (u = "idle", v(), y && k !== null)
+      try {
+        y.releasePointerCapture(k);
+      } catch {
+      }
+    (P = e.onPressEnd) == null || P.call(e), (F = e.onRelease) == null || F.call(e);
+  }
+  function b() {
+    r();
+  }
+  return ge(() => {
+    r(), v();
+  }), { onPointerDown: i, cancelPress: r };
+}
+const Yt = ["aria-expanded"], Kt = ["aria-label", "aria-hidden", "inert"], Xt = {
+  class: "ui-floating-menu__head",
+  role: "presentation"
+}, Gt = ["aria-checked", "tabindex", "onClick"], Zt = { class: "ui-floating-menu__copy" }, Qt = { class: "ui-floating-menu__label" }, Jt = {
+  key: 0,
+  class: "ui-floating-menu__desc"
+}, en = {
+  key: 0,
+  class: "ui-floating-menu__check",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2.4",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "aria-hidden": "true"
+}, tn = {
+  key: 1,
+  class: "ui-floating-menu__dot",
+  "aria-hidden": "true"
+}, ke = 12, nn = {
+  __name: "UiFloatingMenu",
+  props: {
+    modelValue: { type: String, default: "" },
+    label: { type: String, default: "排序" },
+    title: { type: String, default: "排序方式" },
+    size: { type: String, default: "md" },
+    items: {
+      type: Array,
+      default: () => [
+        { value: "recent", label: "最近优先", description: "按时间从新到旧" },
+        { value: "calories", label: "消耗最高", description: "优先显示高消耗记录" },
+        { value: "duration", label: "时长最长", description: "优先显示长时间训练" }
+      ]
+    }
+  },
+  emits: ["update:modelValue", "select"],
+  setup(e, { emit: u }) {
+    const n = u, g = C(null), a = C(null), p = C(null), v = C(!1), r = C(!1), i = C(!1), f = C(!1), _ = C({}), b = C({});
+    let y = null, k = null, P = null, F = null, D = !1, H = 0, z = 0;
+    function K(S) {
+      const T = S.getBoundingClientRect();
+      let s = 1, o = 1;
+      const R = getComputedStyle(S).transform;
+      if (R && R !== "none" && typeof DOMMatrixReadOnly == "function") {
+        const L = new DOMMatrixReadOnly(R);
+        s = L.a || 1, o = L.d || 1;
+      }
+      const w = Math.max(1, T.width / s), V = Math.max(1, T.height / o);
+      return {
+        left: T.left + (T.width - w) / 2,
+        top: T.top + (T.height - V) / 2,
+        width: w,
+        height: V
+      };
+    }
+    function I() {
+      return Math.max(1, Math.min(286, window.innerWidth - ke * 2));
+    }
+    function J() {
+      return window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    }
+    function q(S, T) {
+      const s = getComputedStyle(document.documentElement).getPropertyValue(S).trim();
+      if (!s) return T;
+      const o = parseFloat(s);
+      return Number.isFinite(o) ? s.endsWith("ms") ? o : o * 1e3 : T;
+    }
+    function Q(S) {
+      const T = a.value, s = p.value;
+      if (!T || !s) return 0;
+      const o = T.style.width;
+      T.style.width = S + "px";
+      const R = s.offsetHeight;
+      return T.style.width = o, Math.ceil(R);
+    }
+    function N() {
+      var S;
+      y || !((S = g.value) != null && S.parentNode) || (y = document.createElement("div"), y.setAttribute("aria-hidden", "true"), y.style.cssText = "display:inline-flex;flex-shrink:0;visibility:hidden;pointer-events:none;", g.value.parentNode.insertBefore(y, g.value));
+    }
+    function M(S) {
+      y && (y.style.width = S.width + "px", y.style.height = S.height + "px");
+    }
+    function j() {
+      y && (y.remove(), y = null);
+    }
+    function te() {
+      if (y && y.isConnected) {
+        const S = y.getBoundingClientRect();
+        if (S.width > 0) return S;
+      }
+      return P;
+    }
+    const G = Le({
+      // 收起途中也允许按下，才有机会打断收起、重新展开。
+      canPress: () => !v.value,
+      onPressStart: () => {
+        i.value = !0;
+      },
+      onPressEnd: () => {
+        i.value = !1;
+      }
+    });
+    async function Z() {
+      if (v.value) return;
+      r.value = !1;
+      const S = g.value;
+      if (!S) return;
+      const T = S.closest(".view");
+      if (T && typeof T.getAnimations == "function")
+        try {
+          T.getAnimations().forEach((de) => de.finish());
+        } catch {
+        }
+      const s = K(S), o = s.width, R = s.height, w = s.left, V = s.top, L = getComputedStyle(S);
+      H = parseFloat(L.borderLeftWidth) || 0, z = parseFloat(L.borderTopWidth) || 0;
+      const re = Math.max(1, o - H * 2), ce = Math.max(1, R - z * 2), fe = Math.max(I(), o), me = Math.max(1, Math.round(fe - H * 2)), we = Math.max(R, window.innerHeight - ke * 2), pe = Math.max(R, Math.min(Q(me) + z * 2, we));
+      let le = w + o - fe;
+      le = Math.max(ke, Math.min(le, window.innerWidth - ke - fe));
+      let he = V;
+      he = Math.max(ke, Math.min(he, window.innerHeight - ke - pe)), P = { left: w, top: V, width: o, height: R }, D = !0, N(), M(P), _.value = {
+        left: w + "px",
+        top: V + "px",
+        width: o + "px",
+        height: R + "px"
+      }, b.value = {
+        position: "fixed",
+        left: w + H + "px",
+        top: V + z + "px",
+        width: re + "px",
+        height: ce + "px"
+      }, f.value = !0, i.value = !1, await ve(), S.offsetWidth, F = {
+        left: Math.round(le) + "px",
+        top: Math.round(he) + "px",
+        width: fe + "px",
+        height: pe + "px"
+      }, requestAnimationFrame(() => {
+        var de;
+        f.value && (_.value = { ...F }, v.value = !0, (de = a.value) == null || de.focus({ preventScroll: !0 }));
+      });
+    }
+    function ee() {
+      var S;
+      if (clearTimeout(k), k = null, r.value = !1, i.value = !1, !f.value || !F) {
+        v.value = !1, Z();
+        return;
+      }
+      v.value = !0, D = !0, _.value = { ...F }, b.value = {
+        position: "fixed",
+        left: parseFloat(F.left) + H + "px",
+        top: parseFloat(F.top) + z + "px",
+        width: Math.max(1, Math.round(parseFloat(F.width) - H * 2)) + "px",
+        height: Math.max(1, Math.round(parseFloat(F.height) - z * 2)) + "px"
+      }, (S = a.value) == null || S.focus({ preventScroll: !0 });
+    }
+    function W() {
+      clearTimeout(k), k = null, r.value = !1, v.value = !1, f.value = !1, i.value = !1, _.value = {}, b.value = {}, P = null, F = null, j();
+    }
+    async function $() {
+      var s;
+      if (r.value || !v.value) return;
+      clearTimeout(k);
+      const S = te();
+      r.value = !0, v.value = !1, await ve(), (s = g.value) == null || s.offsetWidth, S && (_.value = {
+        left: S.left + "px",
+        top: S.top + "px",
+        width: S.width + "px",
+        height: S.height + "px"
+      }, b.value = {
+        position: "fixed",
+        left: S.left + H + "px",
+        top: S.top + z + "px",
+        width: Math.max(1, S.width - H * 2) + "px",
+        height: Math.max(1, S.height - z * 2) + "px"
+      });
+      const T = J() ? 0 : q("--spring-exit-dur", 400);
+      k = setTimeout(() => {
+        var R, w;
+        k = null;
+        const o = D;
+        D = !1, W(), o && ((w = (R = g.value) == null ? void 0 : R.querySelector("button")) == null || w.focus({ preventScroll: !0 }));
+      }, T + 80);
+    }
+    function E() {
+      if (v.value) {
+        $();
+        return;
+      }
+      if (r.value) {
+        ee();
+        return;
+      }
+      Z();
+    }
+    function c(S) {
+      n("update:modelValue", S.value), n("select", S), $();
+    }
+    function x(S) {
+      var T;
+      r.value || !v.value || (T = g.value) != null && T.contains(S.target) || $();
+    }
+    function l(S) {
+      S.key === "Escape" && (v.value || r.value) && (S.stopPropagation(), G.cancelPress(), $());
+    }
+    function m(S) {
+      var T;
+      if (!((T = g.value) != null && T.contains(S.target))) {
+        if (r.value || f.value && !v.value) {
+          W();
+          return;
+        }
+        v.value && $();
+      }
+    }
+    function A() {
+      (v.value || r.value) && $();
+    }
+    return Me(() => {
+      document.addEventListener("pointerdown", x), document.addEventListener("keydown", l), window.addEventListener("resize", A), window.addEventListener("scroll", m, !0);
+    }), Te(() => {
+      G.cancelPress(), D = !1, W();
+    }), ge(() => {
+      clearTimeout(k), G.cancelPress(), document.removeEventListener("pointerdown", x), document.removeEventListener("keydown", l), window.removeEventListener("resize", A), window.removeEventListener("scroll", m, !0), j();
+    }), (S, T) => (d(), h("div", {
+      ref_key: "root",
+      ref: g,
+      class: U(["ui-floating-menu ui-morph", [e.size !== "md" ? `is-${e.size}` : "", {
+        "is-open": v.value,
+        "is-closing": r.value,
+        "is-floating": f.value,
+        "is-pressed": i.value
+      }]]),
+      style: ne(_.value)
+    }, [
+      t("div", {
+        class: "ui-floating-menu__view ui-morph__view",
+        style: ne(b.value)
+      }, [
+        t("button", {
+          type: "button",
+          class: "ui-floating-menu__trigger",
+          "aria-haspopup": "menu",
+          "aria-expanded": v.value,
+          onPointerdown: T[0] || (T[0] = (...s) => Y(G).onPointerDown && Y(G).onPointerDown(...s)),
+          onClick: E,
+          onContextmenu: T[1] || (T[1] = $e(() => {
+          }, ["prevent"]))
+        }, [
+          T[2] || (T[2] = t("svg", {
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "aria-hidden": "true"
+          }, [
+            t("path", { d: "M4 7h13M4 12h9M4 17h5" }),
+            t("path", {
+              d: "M18 15l3 3 3-3",
+              transform: "translate(-2 -2)"
+            })
+          ], -1)),
+          t("span", null, B(e.label), 1),
+          T[3] || (T[3] = t("span", {
+            class: "ui-floating-menu__chevron",
+            "aria-hidden": "true"
+          }, [
+            t("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2.4",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              t("path", { d: "M6 9l6 6 6-6" })
+            ])
+          ], -1))
+        ], 40, Yt)
+      ], 4),
+      t("section", {
+        ref_key: "panel",
+        ref: a,
+        class: "ui-floating-menu__panel ui-morph__panel",
+        role: "menu",
+        "aria-label": e.title,
+        "aria-hidden": v.value ? "false" : "true",
+        inert: v.value ? null : "",
+        tabindex: "-1"
+      }, [
+        t("div", {
+          ref_key: "panelContent",
+          ref: p,
+          class: "ui-floating-menu__panel-inner"
+        }, [
+          t("div", Xt, B(e.title), 1),
+          (d(!0), h(ae, null, oe(e.items, (s) => (d(), h("button", {
+            key: s.value ?? s.label,
+            type: "button",
+            role: "menuitemradio",
+            "aria-checked": e.modelValue === s.value,
+            tabindex: v.value ? 0 : -1,
+            class: U(["ui-floating-menu__item", { "is-active": e.modelValue === s.value, "is-danger": s.tone === "danger" }]),
+            onClick: (o) => c(s)
+          }, [
+            t("span", Zt, [
+              t("span", Qt, B(s.label), 1),
+              s.description ? (d(), h("span", Jt, B(s.description), 1)) : X("", !0)
+            ]),
+            e.modelValue === s.value ? (d(), h("svg", en, [...T[4] || (T[4] = [
+              t("path", { d: "M5 12.5l4.2 4.2L19 7" }, null, -1)
+            ])])) : (d(), h("span", tn))
+          ], 10, Gt))), 128))
+        ], 512)
+      ], 8, Kt)
+    ], 6));
+  }
+}, Pl = /* @__PURE__ */ ue(nn, [["__scopeId", "data-v-4afed32a"]]), an = ["aria-label"], ln = { class: "ui-gauge__dial" }, rn = {
+  viewBox: "0 0 200 140",
+  "aria-hidden": "true"
+}, on = { class: "ui-gauge__center" }, sn = { class: "ui-gauge__caption" }, Oe = "M 26.7 126.68 A 78 78 0 1 1 173.3 126.68", un = {
+  __name: "UiGauge",
+  props: {
+    value: { type: Number, default: 72 },
+    label: { type: String, default: "今日达成" }
+  },
+  setup(e) {
+    const u = e, n = O(() => {
+      const a = Number(u.value);
+      return Number.isFinite(a) ? Math.min(100, Math.max(0, a)) : 0;
+    }), g = O(() => 100 - n.value);
+    return (a, p) => (d(), h("div", {
+      class: "ui-gauge",
+      role: "img",
+      "aria-label": `${e.label} ${n.value}%`
+    }, [
+      t("div", ln, [
+        (d(), h("svg", rn, [
+          t("path", {
+            class: "ui-gauge__track",
+            d: Oe,
+            pathLength: "100",
+            fill: "none"
+          }),
+          t("path", {
+            class: "ui-gauge__progress",
+            d: Oe,
+            pathLength: "100",
+            fill: "none",
+            style: ne({ strokeDashoffset: g.value })
+          }, null, 4)
+        ])),
+        t("div", on, [
+          t("strong", null, [
+            ze(B(n.value), 1),
+            p[0] || (p[0] = t("small", null, "%", -1))
+          ]),
+          t("span", sn, B(e.label), 1)
+        ])
+      ]),
+      p[1] || (p[1] = t("div", {
+        class: "ui-gauge__scale",
+        "aria-hidden": "true"
+      }, [
+        t("span", null, "0"),
+        t("span", null, "100")
+      ], -1))
+    ], 8, an));
+  }
+}, Tl = /* @__PURE__ */ ue(un, [["__scopeId", "data-v-02718fb3"]]), dn = { class: "ui-heatmap" }, cn = { class: "ui-heatmap__head" }, fn = { class: "ui-heatmap__body" }, pn = ["aria-label"], vn = ["data-level", "title"], mn = {
+  class: "ui-heatmap__legend",
+  "aria-hidden": "true"
+}, hn = ["data-level"], gn = {
+  __name: "UiHeatmap",
+  props: {
+    values: {
+      type: Array,
+      default: () => Array.from({ length: 84 }, (e, u) => {
+        const n = Math.sin(u * 0.62) * 1.8 + Math.cos(u * 0.19) * 1.1 + 2;
+        return Math.max(0, Math.min(4, Math.round(n)));
+      })
+    },
+    weeks: { type: Number, default: 12 },
+    label: { type: String, default: "活动热力图" }
+  },
+  setup(e) {
+    const u = e, n = O(() => {
+      const g = Math.max(1, u.weeks) * 7, a = u.values.slice(0, g).map((p) => {
+        const v = Number(p);
+        return Number.isFinite(v) ? Math.min(4, Math.max(0, Math.round(v))) : 0;
+      });
+      for (; a.length < g; ) a.push(0);
+      return a.map((p, v) => ({
+        level: p,
+        title: `第 ${Math.floor(v / 7) + 1} 周 · 第 ${v % 7 + 1} 天 · 等级 ${p}`
+      }));
+    });
+    return (g, a) => (d(), h("div", dn, [
+      t("div", cn, [
+        t("span", null, B(e.label), 1),
+        t("span", null, "近 " + B(e.weeks) + " 周", 1)
+      ]),
+      t("div", fn, [
+        t("div", {
+          class: "ui-heatmap__grid",
+          role: "img",
+          "aria-label": e.label
+        }, [
+          (d(!0), h(ae, null, oe(n.value, (p, v) => (d(), h("span", {
+            key: v,
+            class: "ui-heatmap__cell",
+            "data-level": p.level,
+            title: p.title
+          }, null, 8, vn))), 128))
+        ], 8, pn)
+      ]),
+      t("div", mn, [
+        a[0] || (a[0] = t("span", null, "少", -1)),
+        (d(), h(ae, null, oe(5, (p) => t("i", {
+          key: p,
+          "data-level": p - 1
+        }, null, 8, hn)), 64)),
+        a[1] || (a[1] = t("span", null, "多", -1))
+      ])
+    ]));
+  }
+}, Bl = /* @__PURE__ */ ue(gn, [["__scopeId", "data-v-aba10172"]]), yn = { class: "ui-field" }, bn = {
+  key: 0,
+  class: "ui-field__label"
+}, wn = {
+  key: 0,
+  class: "ui-field__icon"
+}, xn = ["type", "value", "placeholder", "disabled", "autocomplete", "min", "max", "step", "inputmode", "aria-invalid"], _n = {
+  key: 1,
+  class: "ui-field__icon"
+}, kn = {
+  key: 1,
+  class: "ui-field__error"
+}, $n = {
+  key: 2,
+  class: "ui-field__hint"
+}, Fl = {
+  __name: "UiInput",
+  props: {
+    modelValue: { type: [String, Number], default: "" },
+    label: { type: String, default: "" },
+    type: { type: String, default: "text" },
+    placeholder: { type: String, default: "" },
+    hint: { type: String, default: "" },
+    error: { type: String, default: "" },
+    disabled: { type: Boolean, default: !1 },
+    autocomplete: { type: String, default: "off" },
+    min: { type: [String, Number], default: void 0 },
+    max: { type: [String, Number], default: void 0 },
+    step: { type: [String, Number], default: void 0 },
+    inputmode: { type: String, default: void 0 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: u }) {
+    const n = u;
+    function g(a) {
+      n("update:modelValue", a.target.value);
+    }
+    return (a, p) => (d(), h("label", yn, [
+      e.label ? (d(), h("span", bn, B(e.label), 1)) : X("", !0),
+      t("span", {
+        class: U(["ui-field__control", { "is-error": !!e.error }])
+      }, [
+        a.$slots.prefix ? (d(), h("span", wn, [
+          ie(a.$slots, "prefix")
+        ])) : X("", !0),
+        t("input", {
+          type: e.type,
+          value: e.modelValue,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          autocomplete: e.autocomplete,
+          min: e.min,
+          max: e.max,
+          step: e.step,
+          inputmode: e.inputmode,
+          "aria-invalid": !!e.error,
+          onInput: g
+        }, null, 40, xn),
+        a.$slots.suffix ? (d(), h("span", _n, [
+          ie(a.$slots, "suffix")
+        ])) : X("", !0)
+      ], 2),
+      e.error ? (d(), h("span", kn, B(e.error), 1)) : e.hint ? (d(), h("span", $n, B(e.hint), 1)) : X("", !0)
+    ]));
+  }
+}, Mn = { class: "chart-wrap" }, Sn = ["id", "viewBox", "aria-label"], Cn = ["y1", "y2"], En = ["d"], An = ["d"], Vn = ["cx", "cy"], Ee = 300, ye = 8, Ae = 92, Pn = {
+  __name: "UiLineChart",
+  props: {
+    id: { type: String, default: "" },
+    data: {
+      type: Array,
+      default: () => [58, 62, 60, 66, 72, 68, 74, 70, 64, 61, 63, 59]
+    },
+    labels: {
+      type: Array,
+      default: () => ["06:00", "07:00", "08:00", "09:00", "10:00", "11:00", "12:00", "13:00", "14:00", "15:00", "16:00", "17:00"]
+    },
+    viewBoxHeight: { type: Number, default: 92 },
+    gridY: { type: Array, default: () => [23, 46, 69] },
+    ariaLabel: { type: String, default: "趋势曲线" }
+  },
+  setup(e) {
+    const u = e, n = C(null), g = C(!1), a = C(0), p = C(0), v = C("0%"), r = C(""), i = O(() => {
+      const b = u.data, y = Math.min.apply(null, b), P = Math.max.apply(null, b) - y || 1, F = (Ee - ye * 2) / (b.length - 1), D = b.map((K, I) => {
+        const J = ye + I * F, q = Ae - ye - (K - y) / P * (Ae - ye * 2);
+        return [J, q];
+      }), H = D.map(([K, I], J) => `${J === 0 ? "M" : "L"}${K.toFixed(1)},${I.toFixed(1)}`).join(" "), z = `${H} L${(Ee - ye).toFixed(1)},${(Ae - ye).toFixed(1)} L${ye},${(Ae - ye).toFixed(1)} Z`;
+      return { points: D, line: H, area: z, stepX: F };
+    });
+    function f(b) {
+      const y = n.value;
+      if (!y) return;
+      const k = y.getBoundingClientRect(), F = Math.max(0, Math.min(1, (b - k.left) / k.width)) * Ee;
+      let D = Math.round((F - ye) / i.value.stepX);
+      D = Math.max(0, Math.min(u.data.length - 1, D));
+      const H = i.value.points[D];
+      a.value = H[0], p.value = H[1], g.value = !0, v.value = `${H[0] / Ee * 100}%`, r.value = `${u.labels[D] || ""} · ${u.data[D]}`;
+    }
+    function _() {
+      g.value = !1;
+    }
+    return (b, y) => (d(), h("div", Mn, [
+      (d(), h("svg", {
+        ref_key: "svgEl",
+        ref: n,
+        class: "chart",
+        id: e.id,
+        viewBox: `0 0 300 ${e.viewBoxHeight}`,
+        preserveAspectRatio: "none",
+        role: "img",
+        "aria-label": e.ariaLabel,
+        onPointermove: y[0] || (y[0] = (k) => f(k.clientX)),
+        onPointerdown: y[1] || (y[1] = (k) => f(k.clientX)),
+        onPointerleave: _
+      }, [
+        (d(!0), h(ae, null, oe(e.gridY, (k) => (d(), h("line", {
+          key: k,
+          class: "grid-line",
+          x1: "6",
+          y1: k,
+          x2: "294",
+          y2: k
+        }, null, 8, Cn))), 128)),
+        t("path", {
+          class: "area",
+          fill: "url(#heartGrad)",
+          d: i.value.area
+        }, null, 8, En),
+        t("path", {
+          class: "line",
+          fill: "none",
+          stroke: "var(--primary)",
+          "stroke-width": "2.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          d: i.value.line
+        }, null, 8, An),
+        t("circle", {
+          class: U(["chart-dot", { show: g.value }]),
+          cx: a.value,
+          cy: p.value,
+          r: "4"
+        }, null, 10, Vn)
+      ], 40, Sn)),
+      t("div", {
+        class: U(["chart-tip", { show: g.value }]),
+        style: ne({ left: v.value })
+      }, B(r.value), 7)
+    ]));
+  }
+}, Ll = /* @__PURE__ */ ue(Pn, [["__scopeId", "data-v-55557827"]]), Tn = ["aria-label"], Bn = { class: "ui-modal__head" }, Fn = { class: "ui-modal__title" }, Ln = { class: "ui-modal__body" }, Nn = {
+  key: 0,
+  class: "ui-modal__footer"
+}, Rn = 80, Nl = {
+  __name: "UiModal",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    title: { type: String, default: "" },
+    maxWidth: { type: String, default: "420px" }
+  },
+  emits: ["update:modelValue", "close"],
+  setup(e, { expose: u, emit: n }) {
+    const g = e, a = n, p = C(null), v = C(!1), r = C(!1), i = C(!1);
+    let f = null, _ = "", b = null, y = 0, k = 0, P = !1;
+    function F(M, j) {
+      const te = getComputedStyle(document.documentElement).getPropertyValue(M).trim();
+      if (!te) return j;
+      const G = parseFloat(te);
+      return Number.isFinite(G) ? te.endsWith("ms") ? G : G * 1e3 : j;
+    }
+    function D() {
+      return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    }
+    function H() {
+      y && cancelAnimationFrame(y), k && cancelAnimationFrame(k), y = 0, k = 0;
+    }
+    function z() {
+      g.modelValue && (a("update:modelValue", !1), a("close"));
+    }
+    function K(M) {
+      M.key === "Escape" && g.modelValue && (M.stopPropagation(), z());
+    }
+    function I() {
+      f || (f = document.getElementById("scrollArea"), f && (_ = f.style.overflow, f.style.overflow = "hidden"));
+    }
+    function J() {
+      f && (f.style.overflow = _, f = null);
+    }
+    function q() {
+      if (clearTimeout(b), b = null, H(), v.value && P && !r.value) {
+        i.value = !1, r.value = !0, I();
+        return;
+      }
+      v.value = !0, i.value = !1, r.value = !1, I(), ve(() => {
+        const M = p.value;
+        !g.modelValue || !M || (M.focus({ preventScroll: !0 }), M.offsetHeight, y = requestAnimationFrame(() => {
+          y = 0, k = requestAnimationFrame(() => {
+            k = 0, g.modelValue && (r.value = !0, P = !0);
+          });
+        }));
+      });
+    }
+    function Q() {
+      v.value = !1, r.value = !1, i.value = !1, P = !1, J();
+    }
+    function N() {
+      if (H(), clearTimeout(b), b = null, !P) {
+        Q();
+        return;
+      }
+      i.value = !0, r.value = !1;
+      const M = D() ? 0 : F("--spring-exit-dur", 650);
+      b = setTimeout(() => {
+        b = null, Q();
+      }, M + Rn);
+    }
+    return be(() => g.modelValue, (M) => {
+      M ? q() : (v.value || P) && N();
+    }, { immediate: !0 }), document.addEventListener("keydown", K), ge(() => {
+      clearTimeout(b), b = null, H(), J(), document.removeEventListener("keydown", K);
+    }), u({ close: z }), (M, j) => (d(), xe(Pe, { to: "body" }, [
+      v.value ? (d(), h("div", {
+        key: 0,
+        class: U(["ui-modal", { "is-open": r.value, "is-closing": i.value }])
+      }, [
+        t("div", {
+          class: U(["ui-scrim", { "is-open": r.value }]),
+          "aria-hidden": "true",
+          onClick: z
+        }, null, 2),
+        t("div", {
+          ref_key: "panel",
+          ref: p,
+          class: "ui-modal__panel",
+          style: ne({ maxWidth: e.maxWidth }),
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": e.title || "对话框",
+          tabindex: "-1"
+        }, [
+          ie(M.$slots, "header", { close: z }, () => [
+            t("div", Bn, [
+              ie(M.$slots, "title", {}, () => [
+                t("div", Fn, B(e.title), 1)
+              ]),
+              t("button", {
+                type: "button",
+                class: "ui-modal__close",
+                "aria-label": "关闭对话框",
+                onClick: z
+              }, [...j[0] || (j[0] = [
+                t("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2.4",
+                  "stroke-linecap": "round",
+                  "aria-hidden": "true"
+                }, [
+                  t("path", { d: "M6 6l12 12M18 6L6 18" })
+                ], -1)
+              ])])
+            ])
+          ]),
+          t("div", Ln, [
+            ie(M.$slots, "default", { close: z })
+          ]),
+          M.$slots.footer ? (d(), h("div", Nn, [
+            ie(M.$slots, "footer", { close: z })
+          ])) : X("", !0)
+        ], 12, Tn)
+      ], 2)) : X("", !0)
+    ]));
+  }
+}, Dn = { class: "ui-progress" }, Un = {
+  key: 0,
+  class: "ui-progress__head"
+}, Wn = { key: 0 }, On = ["aria-valuenow", "aria-valuemax"], Rl = {
+  __name: "UiProgress",
+  props: {
+    value: { type: Number, default: 0 },
+    max: { type: Number, default: 100 },
+    label: { type: String, default: "" },
+    tone: { type: String, default: "primary" },
+    showValue: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const u = e, n = O(() => Math.max(0, Math.min(100, u.value / u.max * 100)));
+    return (g, a) => (d(), h("div", Dn, [
+      e.label || e.showValue ? (d(), h("div", Un, [
+        t("span", null, B(e.label), 1),
+        e.showValue ? (d(), h("span", Wn, B(Math.round(n.value)) + "%", 1)) : X("", !0)
+      ])) : X("", !0),
+      t("div", {
+        class: "ui-progress__track",
+        role: "progressbar",
+        "aria-valuenow": e.value,
+        "aria-valuemin": 0,
+        "aria-valuemax": e.max
+      }, [
+        t("div", {
+          class: U(["ui-progress__bar", e.tone !== "primary" ? `ui-progress__bar--${e.tone}` : ""]),
+          style: ne({ width: n.value + "%" })
+        }, null, 6)
+      ], 8, On)
+    ]));
+  }
+}, Hn = {
+  class: "ui-radio-group",
+  role: "radiogroup"
+}, In = ["name", "value", "checked", "onChange"], Dl = {
+  __name: "UiRadioGroup",
+  props: {
+    modelValue: { type: [String, Number], default: "" },
+    options: { type: Array, default: () => [] },
+    name: { type: String, default: "ui-radio" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: u }) {
+    const n = u;
+    return (g, a) => (d(), h("div", Hn, [
+      (d(!0), h(ae, null, oe(e.options, (p) => (d(), h("label", {
+        key: p.value,
+        class: "ui-radio"
+      }, [
+        t("input", {
+          type: "radio",
+          name: e.name,
+          value: p.value,
+          checked: e.modelValue === p.value,
+          onChange: (v) => n("update:modelValue", p.value)
+        }, null, 40, In),
+        a[0] || (a[0] = t("span", {
+          class: "ui-radio__dot",
+          "aria-hidden": "true"
+        }, null, -1)),
+        t("span", null, B(p.label), 1)
+      ]))), 128))
+    ]));
+  }
+}, zn = { class: "ui-rating" }, qn = { class: "ui-rating__head" }, jn = { class: "ui-rating__label" }, Yn = { class: "ui-rating__value" }, Kn = ["aria-label"], Xn = ["aria-checked", "aria-label", "onMouseenter", "onFocus", "onClick"], Gn = {
+  __name: "UiRating",
+  props: {
+    modelValue: { type: Number, default: 4 },
+    max: { type: Number, default: 5 },
+    label: { type: String, default: "评分" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: u }) {
+    const n = e, g = u, a = C(0), p = C(Number(n.modelValue));
+    be(() => n.modelValue, (f) => {
+      p.value = Number(f);
+    });
+    const v = O(() => Array.from({ length: n.max }, (f, _) => _ + 1)), r = O(() => a.value || p.value);
+    function i(f) {
+      p.value = f, g("update:modelValue", f);
+    }
+    return (f, _) => (d(), h("div", zn, [
+      t("div", qn, [
+        t("span", jn, B(e.label), 1),
+        t("span", Yn, B(p.value) + " / " + B(e.max), 1)
+      ]),
+      t("div", {
+        class: "ui-rating__stars",
+        role: "radiogroup",
+        "aria-label": e.label,
+        onMouseleave: _[1] || (_[1] = (b) => a.value = 0)
+      }, [
+        (d(!0), h(ae, null, oe(v.value, (b) => (d(), h("button", {
+          key: b,
+          type: "button",
+          role: "radio",
+          "aria-checked": e.modelValue === b,
+          "aria-label": `${b} 星`,
+          class: U({ "is-filled": b <= r.value }),
+          onMouseenter: (y) => a.value = b,
+          onFocus: (y) => a.value = b,
+          onBlur: _[0] || (_[0] = (y) => a.value = 0),
+          onClick: (y) => i(b)
+        }, [..._[2] || (_[2] = [
+          t("svg", {
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "1.8",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "aria-hidden": "true"
+          }, [
+            t("path", { d: "M12 3.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8-5.2-2.7-5.2 2.7 1-5.8L3.6 9.7l5.8-.8L12 3.6z" })
+          ], -1)
+        ])], 42, Xn))), 128))
+      ], 40, Kn)
+    ]));
+  }
+}, Ul = /* @__PURE__ */ ue(Gn, [["__scopeId", "data-v-713a0ba8"]]), Zn = ["aria-label"], Qn = ["viewBox"], Jn = ["cx", "cy", "r", "stroke-width"], ea = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "transform"], ta = { class: "ui-ring__center" }, na = {
+  __name: "UiRingProgress",
+  props: {
+    value: { type: Number, default: 78 },
+    size: { type: Number, default: 116 },
+    stroke: { type: Number, default: 10 },
+    label: { type: String, default: "今日目标" }
+  },
+  setup(e) {
+    const u = e, n = O(() => {
+      const i = Number(u.value);
+      return Number.isFinite(i) ? Math.min(100, Math.max(0, i)) : 0;
+    }), g = O(() => u.size / 2 - u.stroke / 2 - 1), a = O(() => u.size / 2), p = O(() => 2 * Math.PI * g.value), v = C(0), r = O(() => p.value * (1 - v.value / 100));
+    return be(n, (i) => {
+      v.value = i;
+    }), Me(() => {
+      var f;
+      if ((f = window.matchMedia) == null ? void 0 : f.call(window, "(prefers-reduced-motion: reduce)").matches) {
+        v.value = n.value;
+        return;
+      }
+      requestAnimationFrame(() => {
+        v.value = n.value;
+      });
+    }), (i, f) => (d(), h("div", {
+      class: "ui-ring",
+      style: ne({ width: `${e.size}px`, height: `${e.size}px` }),
+      role: "img",
+      "aria-label": `${e.label} ${n.value}%`
+    }, [
+      (d(), h("svg", {
+        viewBox: `0 0 ${e.size} ${e.size}`,
+        "aria-hidden": "true"
+      }, [
+        t("circle", {
+          class: "ui-ring__track",
+          cx: a.value,
+          cy: a.value,
+          r: g.value,
+          fill: "none",
+          "stroke-width": e.stroke
+        }, null, 8, Jn),
+        t("circle", {
+          class: "ui-ring__progress",
+          cx: a.value,
+          cy: a.value,
+          r: g.value,
+          fill: "none",
+          "stroke-width": e.stroke,
+          "stroke-dasharray": p.value,
+          "stroke-dashoffset": r.value,
+          transform: `rotate(-90 ${a.value} ${a.value})`
+        }, null, 8, ea)
+      ], 8, Qn)),
+      t("div", ta, [
+        t("strong", null, B(n.value) + "%", 1),
+        t("span", null, B(e.label), 1)
+      ])
+    ], 12, Zn));
+  }
+}, Wl = /* @__PURE__ */ ue(na, [["__scopeId", "data-v-7c0d1432"]]), aa = {
+  key: 0,
+  class: "ui-segmented-field__label"
+}, la = {
+  class: "ui-segmented",
+  role: "group"
+}, ia = ["aria-pressed", "onClick"], Ol = {
+  __name: "UiSegmented",
+  props: {
+    modelValue: { type: [String, Number], default: "" },
+    options: { type: Array, default: () => [] },
+    /* 左上角标签 */
+    label: { type: String, default: "" },
+    /* one-line：标签与分段控件同一行；默认上下堆叠 */
+    layout: { type: String, default: "stack" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: u }) {
+    const n = e, g = u, a = O(() => n.options.findIndex((v) => v.value === n.modelValue)), p = O(() => {
+      const v = n.options.length;
+      return !v || a.value < 0 ? null : {
+        width: `calc((100% - 6px - ${(v - 1) * 3}px) / ${v})`,
+        transform: `translateX(calc(${a.value * 100}% + ${a.value * 3}px))`
+      };
+    });
+    return (v, r) => (d(), h("div", {
+      class: U(["ui-segmented-field", `ui-segmented-field--${e.layout}`])
+    }, [
+      e.label ? (d(), h("span", aa, B(e.label), 1)) : X("", !0),
+      t("div", la, [
+        p.value ? (d(), h("span", {
+          key: 0,
+          class: "ui-segmented__indicator",
+          style: ne(p.value),
+          "aria-hidden": "true"
+        }, null, 4)) : X("", !0),
+        (d(!0), h(ae, null, oe(e.options, (i) => (d(), h("button", {
+          key: i.value,
+          type: "button",
+          class: U({ "is-active": e.modelValue === i.value }),
+          "aria-pressed": e.modelValue === i.value,
+          onClick: (f) => g("update:modelValue", i.value)
+        }, B(i.label), 11, ia))), 128))
+      ])
+    ], 2));
+  }
+}, ra = {
+  key: 0,
+  class: "ui-field__label"
+}, oa = { class: "ui-select__view" }, sa = ["aria-expanded"], ua = ["aria-label", "aria-hidden", "inert"], da = ["aria-selected", "tabindex", "onClick"], ca = { class: "ui-select__option-label" }, fa = {
+  key: 0,
+  class: "ui-select__check",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2.4",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "aria-hidden": "true"
+}, pa = {
+  key: 1,
+  class: "ui-field__hint"
+}, Ce = 12, va = {
+  __name: "UiSelect",
+  props: {
+    modelValue: { type: [String, Number], default: "" },
+    label: { type: String, default: "" },
+    options: { type: Array, default: () => [] },
+    hint: { type: String, default: "" },
+    placeholder: { type: String, default: "请选择" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: u }) {
+    const n = e, g = u, a = C(null), p = C(null), v = C(null), r = C(!1), i = C(!1), f = C(!1), _ = C(!1), b = C({});
+    let y = null, k = null, P = null, F = null, D = 0, H = 0;
+    const z = O(() => {
+      const l = n.options.find((m) => m.value === n.modelValue);
+      return l ? l.label : n.modelValue === "" || n.modelValue === null || n.modelValue === void 0 ? n.placeholder : String(n.modelValue);
+    });
+    function K(l) {
+      const m = l.getBoundingClientRect();
+      let A = 1, S = 1;
+      const T = getComputedStyle(l).transform;
+      if (T && T !== "none" && typeof DOMMatrixReadOnly == "function") {
+        const R = new DOMMatrixReadOnly(T);
+        A = R.a || 1, S = R.d || 1;
+      }
+      const s = Math.max(1, m.width / A), o = Math.max(1, m.height / S);
+      return {
+        left: m.left + (m.width - s) / 2,
+        top: m.top + (m.height - o) / 2,
+        width: s,
+        height: o
+      };
+    }
+    function I() {
+      return window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    }
+    function J(l, m) {
+      const A = getComputedStyle(document.documentElement).getPropertyValue(l).trim();
+      if (!A) return m;
+      const S = parseFloat(A);
+      return Number.isFinite(S) ? A.endsWith("ms") ? S : S * 1e3 : m;
+    }
+    function q(l) {
+      var m;
+      y || !((m = a.value) != null && m.parentNode) || (y = document.createElement("div"), y.setAttribute("aria-hidden", "true"), y.style.cssText = "display:block;visibility:hidden;pointer-events:none;flex-shrink:0;", y.style.height = Math.round(l.height) + "px", a.value.parentNode.insertBefore(y, a.value));
+    }
+    function Q() {
+      y && (y.remove(), y = null);
+    }
+    function N(l, m) {
+      const A = p.value, S = v.value;
+      if (!A || !S) return { height: 0, shiftY: 0 };
+      const T = A.style.width;
+      A.style.width = l + "px";
+      const s = S.offsetHeight, o = S.querySelector(".is-selected"), R = o ? Math.round(o.offsetTop + o.offsetHeight / 2 - m / 2) : 0;
+      return A.style.width = T, { height: Math.ceil(s), shiftY: R };
+    }
+    const M = Le({
+      // 收起途中也允许按下，才有机会打断收起、重新展开。
+      canPress: () => !r.value,
+      onPressStart: () => {
+        f.value = !0;
+      },
+      onPressEnd: () => {
+        f.value = !1;
+      }
+    });
+    async function j(l = !1) {
+      if (r.value) return;
+      i.value = !1;
+      const m = a.value;
+      if (!m) return;
+      const A = m.closest(".view");
+      if (A && typeof A.getAnimations == "function")
+        try {
+          A.getAnimations().forEach((pe) => pe.finish());
+        } catch {
+        }
+      const S = K(m), T = S.width, s = S.height, o = S.left, R = S.top, w = getComputedStyle(m);
+      D = parseFloat(w.borderLeftWidth) || 0, H = parseFloat(w.borderTopWidth) || 0, P = { left: o, top: R, width: T, height: s }, F = null, q(P), b.value = {
+        left: o + "px",
+        top: R + "px",
+        width: T + "px",
+        height: s + "px",
+        "--select-shift": "0px"
+      }, _.value = !0, f.value = !1, await ve();
+      const V = Math.max(1, T - D * 2), { height: L, shiftY: re } = N(V, s), ce = L + H * 2, fe = Math.max(s, Math.min(ce, window.innerHeight - Ce * 2));
+      let me = o;
+      me = Math.max(Ce, Math.min(me, window.innerWidth - Ce - T));
+      let we = R;
+      we = Math.max(Ce, Math.min(we, window.innerHeight - Ce - fe)), m.offsetWidth, requestAnimationFrame(() => {
+        var pe;
+        _.value && (F = {
+          left: Math.round(me) + "px",
+          top: Math.round(we) + "px",
+          width: T + "px",
+          height: fe + "px",
+          "--select-shift": re + "px"
+        }, b.value = { ...F }, r.value = !0, l && ((pe = p.value) == null || pe.focus({ preventScroll: !0 })));
+      });
+    }
+    function te() {
+      if (clearTimeout(k), k = null, f.value = !1, !_.value || !F) {
+        i.value = !1, r.value = !1, j();
+        return;
+      }
+      if (i.value = !1, r.value = !0, P) {
+        const l = Math.max(1, P.width - D * 2), { shiftY: m } = N(l, P.height);
+        F = { ...F, "--select-shift": m + "px" };
+      }
+      b.value = { ...F };
+    }
+    function G() {
+      clearTimeout(k), k = null, i.value = !1, r.value = !1, _.value = !1, f.value = !1, b.value = {}, P = null, F = null, Q();
+    }
+    async function Z() {
+      if (i.value || !r.value) return;
+      clearTimeout(k), i.value = !0, r.value = !1, await ve();
+      const l = a.value;
+      l && l.offsetWidth, P && (b.value = {
+        left: P.left + "px",
+        top: P.top + "px",
+        width: P.width + "px",
+        height: P.height + "px",
+        "--select-shift": "0px"
+      });
+      const m = I() ? 0 : J("--spring-exit-dur", 400);
+      k = setTimeout(G, m + 80);
+    }
+    function ee(l) {
+      if (r.value) {
+        Z();
+        return;
+      }
+      if (i.value) {
+        te();
+        return;
+      }
+      j(l.detail === 0);
+    }
+    function W(l) {
+      if (l.value === n.modelValue) {
+        Z();
+        return;
+      }
+      g("update:modelValue", l.value), Z();
+    }
+    function $(l) {
+      var m;
+      i.value || !r.value || (m = a.value) != null && m.contains(l.target) || Z();
+    }
+    function E(l) {
+      l.key === "Escape" && (r.value || i.value) && (l.stopPropagation(), M.cancelPress(), Z());
+    }
+    function c(l) {
+      var m;
+      if (!((m = a.value) != null && m.contains(l.target))) {
+        if (i.value || _.value && !r.value) {
+          G();
+          return;
+        }
+        r.value && Z();
+      }
+    }
+    function x() {
+      (r.value || i.value) && Z();
+    }
+    return Me(() => {
+      document.addEventListener("pointerdown", $), document.addEventListener("keydown", E), window.addEventListener("scroll", c, !0), window.addEventListener("resize", x);
+    }), Te(() => {
+      M.cancelPress(), G();
+    }), ge(() => {
+      clearTimeout(k), M.cancelPress(), document.removeEventListener("pointerdown", $), document.removeEventListener("keydown", E), window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", x), Q();
+    }), (l, m) => (d(), h("div", {
+      class: U(["ui-field ui-select", { "is-open": r.value, "is-closing": i.value }])
+    }, [
+      e.label ? (d(), h("span", ra, B(e.label), 1)) : X("", !0),
+      t("div", {
+        ref_key: "surfaceEl",
+        ref: a,
+        class: U(["ui-select__surface", {
+          "is-open": r.value,
+          "is-closing": i.value,
+          "is-floating": _.value,
+          "is-pressed": f.value
+        }]),
+        style: ne(b.value)
+      }, [
+        t("div", oa, [
+          t("button", {
+            type: "button",
+            class: "ui-select__field",
+            "aria-haspopup": "listbox",
+            "aria-expanded": r.value,
+            onPointerdown: m[0] || (m[0] = (...A) => Y(M).onPointerDown && Y(M).onPointerDown(...A)),
+            onClick: ee,
+            onContextmenu: m[1] || (m[1] = $e(() => {
+            }, ["prevent"]))
+          }, [
+            t("span", {
+              class: U(["ui-select__value", { "is-placeholder": z.value === Y(y) }])
+            }, B(z.value), 3),
+            m[2] || (m[2] = t("span", {
+              class: "ui-select__chevron",
+              "aria-hidden": "true"
+            }, [
+              t("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }, [
+                t("path", { d: "M6 9l6 6 6-6" })
+              ])
+            ], -1))
+          ], 40, sa)
+        ]),
+        t("div", {
+          ref_key: "panelEl",
+          ref: p,
+          class: "ui-select__panel",
+          role: "listbox",
+          "aria-label": e.label || "选项",
+          "aria-hidden": r.value ? "false" : "true",
+          inert: r.value ? null : "",
+          tabindex: "-1"
+        }, [
+          t("div", {
+            ref_key: "panelContentEl",
+            ref: v,
+            class: "ui-select__panel-inner"
+          }, [
+            (d(!0), h(ae, null, oe(e.options, (A) => (d(), h("button", {
+              key: A.value,
+              type: "button",
+              role: "option",
+              "aria-selected": A.value === e.modelValue,
+              tabindex: r.value ? 0 : -1,
+              class: U(["ui-select__option", { "is-selected": A.value === e.modelValue }]),
+              onClick: (S) => W(A)
+            }, [
+              t("span", ca, B(A.label), 1),
+              A.value === e.modelValue ? (d(), h("svg", fa, [...m[3] || (m[3] = [
+                t("path", { d: "M5 12.5l4.2 4.2L19 7" }, null, -1)
+              ])])) : X("", !0)
+            ], 10, da))), 128))
+          ], 512)
+        ], 8, ua)
+      ], 6),
+      e.hint ? (d(), h("span", pa, B(e.hint), 1)) : X("", !0)
+    ], 2));
+  }
+}, Hl = /* @__PURE__ */ ue(va, [["__scopeId", "data-v-922f19c9"]]), Il = {
+  __name: "UiSkeleton",
+  props: {
+    width: { type: String, default: "100%" },
+    height: { type: String, default: "14px" },
+    radius: { type: String, default: "10px" }
+  },
+  setup(e) {
+    return (u, n) => (d(), h("span", {
+      class: "ui-skeleton",
+      style: ne({ width: e.width, height: e.height, borderRadius: e.radius }),
+      "aria-hidden": "true"
+    }, null, 4));
+  }
+}, ma = { class: "ui-slider__head" }, ha = {
+  key: 0,
+  class: "ui-slider__label"
+}, ga = {
+  key: 1,
+  class: "ui-slider__value"
+}, ya = ["aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext"], ba = {
+  __name: "UiSlider",
+  props: {
+    modelValue: { type: Number, default: 50 },
+    min: { type: Number, default: 0 },
+    max: { type: Number, default: 100 },
+    step: { type: Number, default: 1 },
+    label: { type: String, default: "" },
+    unit: { type: String, default: "" },
+    showValue: { type: Boolean, default: !0 },
+    /* 吸附点：自定义数组，例如 [0, 25, 50, 75, 100] */
+    stops: { type: Array, default: null },
+    /* 或者等分：snapCount=4 -> min + i*(max-min)/4 */
+    snapCount: { type: Number, default: 0 },
+    /* 临界阻尼弹簧：stiffness 越大越快，ratio=1 临界阻尼不回弹 */
+    stiffness: { type: Number, default: 520 },
+    dampingRatio: { type: Number, default: 1 },
+    /* 松手后的速度投射时长（秒）：目标 = 预测位置附近最近的吸附点 */
+    flingTime: { type: Number, default: 0.11 },
+    /* 越界橡皮筋：0 完全锁死，1 完全跟手 */
+    rubber: { type: Number, default: 0.32 },
+    maxOverscroll: { type: Number, default: 0.06 }
+  },
+  emits: ["update:modelValue", "snap", "drag-start", "drag-end"],
+  setup(e, { emit: u }) {
+    const n = e, g = u, a = C(null), p = C(!1), v = C(k(n.modelValue));
+    let r = v.value, i = 0, f = 0;
+    const _ = O(() => {
+      if (Array.isArray(n.stops) && n.stops.length)
+        return [...n.stops].filter((c) => Number.isFinite(c)).sort((c, x) => c - x);
+      if (n.snapCount > 1) {
+        const c = [];
+        for (let x = 0; x < n.snapCount; x += 1)
+          c.push(n.min + y.value * x / (n.snapCount - 1));
+        return c;
+      }
+      return null;
+    }), b = O(() => Array.isArray(_.value) && _.value.length > 0), y = O(() => n.max - n.min || 1);
+    function k(c) {
+      return Number.isFinite(c) ? Math.min(n.max, Math.max(n.min, c)) : n.min;
+    }
+    function P(c) {
+      if (n.step > 0) {
+        const x = Math.round((c - n.min) / n.step) * n.step + n.min;
+        return Math.min(n.max, Math.max(n.min, x));
+      }
+      return Math.min(n.max, Math.max(n.min, c));
+    }
+    const F = O(() => (v.value - n.min) / y.value * 100), D = O(() => P(v.value));
+    be(() => n.modelValue, (c) => {
+      p.value || Z(k(c));
+    });
+    function H(c) {
+      var m;
+      const x = (m = a.value) == null ? void 0 : m.getBoundingClientRect();
+      if (!x || !x.width) return v.value;
+      const l = (c - x.left) / x.width;
+      return n.min + l * y.value;
+    }
+    function z(c) {
+      const x = c > n.max ? c - n.max : c < n.min ? c - n.min : 0;
+      if (!x) return c;
+      const l = y.value * n.maxOverscroll, m = Math.sign(x) * Math.min(Math.abs(x) * n.rubber, l);
+      return (x > 0 ? n.max : n.min) + m;
+    }
+    let K = [];
+    function I(c) {
+      const x = performance.now();
+      for (K.push({ t: x, v: c }); K.length > 2 && x - K[0].t > 90; ) K.shift();
+    }
+    function J() {
+      if (K.length < 2) return 0;
+      const c = K[0], x = K[K.length - 1], l = (x.t - c.t) / 1e3;
+      return l <= 0 ? 0 : (x.v - c.v) / l;
+    }
+    let q = null;
+    function Q(c) {
+      if (c.button !== void 0 && c.button !== 0 && c.pointerType === "mouse") return;
+      const x = a.value;
+      if (!x) return;
+      $(), p.value = !0, q = c.pointerId;
+      try {
+        x.setPointerCapture(c.pointerId);
+      } catch {
+      }
+      K = [];
+      const l = H(c.clientX);
+      v.value = l, I(l), r = l, g("update:modelValue", P(l)), g("drag-start"), c.preventDefault();
+    }
+    function N(c) {
+      if (!p.value || c.pointerId !== q) return;
+      const x = z(H(c.clientX));
+      v.value = x, r = x, I(x), g("update:modelValue", P(x)), c.preventDefault();
+    }
+    function M(c) {
+      var m;
+      if (!p.value || c.pointerId !== q) return;
+      p.value = !1, q = null;
+      try {
+        (m = a.value) == null || m.releasePointerCapture(c.pointerId);
+      } catch {
+      }
+      i = J();
+      const x = v.value + i * n.flingTime;
+      let l;
+      b.value ? l = j(x) : l = k(x), g("update:modelValue", P(l)), g("drag-end"), Z(l);
+    }
+    function j(c) {
+      const x = _.value;
+      let l = 0, m = Math.abs(c - x[0]);
+      for (let A = 1; A < x.length; A += 1) {
+        const S = Math.abs(c - x[A]);
+        S < m && (m = S, l = A);
+      }
+      return x[l];
+    }
+    function te(c) {
+      return b.value ? _.value.findIndex((x) => Math.abs(x - c) < 1e-6) : -1;
+    }
+    function G(c) {
+      const x = te(c);
+      x >= 0 ? g("snap", { index: x, value: c }) : b.value || g("snap", { index: -1, value: P(c) });
+    }
+    function Z(c) {
+      if (r = c, Math.abs(r - v.value) < 1e-4) {
+        v.value = r, G(r);
+        return;
+      }
+      f || (f = requestAnimationFrame(W));
+    }
+    let ee = 0;
+    function W(c) {
+      f = 0, ee || (ee = c);
+      let x = (c - ee) / 1e3;
+      ee = c, x = Math.min(x, 1 / 30);
+      const l = Math.sqrt(Math.max(1, n.stiffness)), m = 2 * n.dampingRatio * l, A = v.value - r, S = -l * l * A - m * i;
+      if (i += S * x, v.value += i * x, Math.abs(A) < 0.3 && Math.abs(i) < 2) {
+        v.value = r, i = 0, ee = 0, G(r);
+        return;
+      }
+      f = requestAnimationFrame(W);
+    }
+    function $() {
+      f && cancelAnimationFrame(f), f = 0, ee = 0, i = 0;
+    }
+    function E(c) {
+      const x = Math.max(n.step, y.value * 0.1);
+      let l = null;
+      switch (c.key) {
+        case "ArrowRight":
+        case "ArrowUp":
+          l = v.value + n.step;
+          break;
+        case "ArrowLeft":
+        case "ArrowDown":
+          l = v.value - n.step;
+          break;
+        case "PageUp":
+          l = v.value + x;
+          break;
+        case "PageDown":
+          l = v.value - x;
+          break;
+        case "Home":
+          l = n.min;
+          break;
+        case "End":
+          l = n.max;
+          break;
+        default:
+          return;
+      }
+      c.preventDefault(), $();
+      const m = b.value ? [j(l)] : [k(l)];
+      v.value = k(l), g("update:modelValue", P(m[0])), Z(m[0]);
+    }
+    return ge(() => {
+      $();
+    }), (c, x) => (d(), h("div", {
+      class: U(["ui-slider", { "is-dragging": p.value, "is-stepped": b.value }])
+    }, [
+      t("div", ma, [
+        e.label ? (d(), h("span", ha, B(e.label), 1)) : X("", !0),
+        e.showValue ? (d(), h("span", ga, B(D.value) + B(e.unit), 1)) : X("", !0)
+      ]),
+      t("div", {
+        ref_key: "trackEl",
+        ref: a,
+        class: "ui-slider__track",
+        style: ne({ "--pct": `${F.value}%` }),
+        onPointerdown: Q,
+        onPointermove: N,
+        onPointerup: M,
+        onPointercancel: M
+      }, [
+        x[1] || (x[1] = t("span", {
+          class: "ui-slider__fill",
+          "aria-hidden": "true"
+        }, null, -1)),
+        t("button", {
+          type: "button",
+          class: "ui-slider__thumb",
+          role: "slider",
+          "aria-label": e.label || "滑块",
+          "aria-valuemin": e.min,
+          "aria-valuemax": e.max,
+          "aria-valuenow": D.value,
+          "aria-valuetext": `${D.value}${e.unit}`,
+          onKeydown: E
+        }, [...x[0] || (x[0] = [
+          t("span", {
+            class: "ui-slider__thumb-dot",
+            "aria-hidden": "true"
+          }, null, -1)
+        ])], 40, ya)
+      ], 36)
+    ], 2));
+  }
+}, zl = /* @__PURE__ */ ue(ba, [["__scopeId", "data-v-c952a627"]]), wa = ["aria-label"], xa = {
+  viewBox: "0 0 300 84",
+  preserveAspectRatio: "none",
+  "aria-hidden": "true"
+}, _a = ["d", "fill"], ka = ["d"], $a = {
+  __name: "UiSparkline",
+  props: {
+    values: {
+      type: Array,
+      default: () => [12, 17, 15, 23, 20, 28, 25, 33]
+    },
+    label: { type: String, default: "趋势迷你图" }
+  },
+  setup(e) {
+    let u = 0;
+    const n = e, g = `ui-spark-fill-${u++}`, a = O(() => {
+      const i = n.values.map(Number).filter(Number.isFinite);
+      return i.length ? i : [0];
+    }), p = O(() => {
+      const i = a.value, f = Math.max(...i), _ = Math.min(...i), b = f - _ || 1, y = i.length > 1 ? 300 / (i.length - 1) : 300;
+      return i.map((k, P) => ({
+        x: P * y,
+        y: 78 - (k - _) / b * 62
+      }));
+    }), v = O(() => p.value.map((i, f) => `${f === 0 ? "M" : "L"}${i.x.toFixed(1)},${i.y.toFixed(1)}`).join(" ")), r = O(() => `${v.value} L300,84 L0,84 Z`);
+    return (i, f) => (d(), h("div", {
+      class: "ui-sparkline",
+      role: "img",
+      "aria-label": e.label
+    }, [
+      (d(), h("svg", xa, [
+        t("defs", null, [
+          t("linearGradient", {
+            id: g,
+            x1: "0",
+            y1: "0",
+            x2: "0",
+            y2: "1"
+          }, [...f[0] || (f[0] = [
+            t("stop", {
+              offset: "0%",
+              class: "ui-sparkline__stop-start"
+            }, null, -1),
+            t("stop", {
+              offset: "100%",
+              class: "ui-sparkline__stop-end"
+            }, null, -1)
+          ])])
+        ]),
+        t("path", {
+          class: "ui-sparkline__area",
+          d: r.value,
+          fill: `url(#${g})`
+        }, null, 8, _a),
+        t("path", {
+          class: "ui-sparkline__line",
+          d: v.value,
+          fill: "none",
+          "vector-effect": "non-scaling-stroke"
+        }, null, 8, ka)
+      ]))
+    ], 8, wa));
+  }
+}, ql = /* @__PURE__ */ ue($a, [["__scopeId", "data-v-edae2913"]]), Ma = ["aria-label"], jl = {
+  __name: "UiSpinner",
+  props: {
+    size: { type: String, default: "md" },
+    label: { type: String, default: "加载中" }
+  },
+  setup(e) {
+    return (u, n) => (d(), h("span", {
+      class: U(["ui-spinner", e.size !== "md" ? `ui-spinner--${e.size}` : ""]),
+      role: "status",
+      "aria-label": e.label
+    }, null, 10, Ma));
+  }
+}, Sa = {
+  key: 0,
+  class: "ui-stepper__field-label"
+}, Ca = {
+  key: 1,
+  class: "ui-stepper__label"
+}, Ea = ["aria-label"], Aa = ["aria-disabled"], Va = { class: "ui-stepper__flow" }, Pa = { class: "ui-stepper__box" }, Ta = { class: "ui-stepper__unit" }, Ba = ["aria-disabled"], Fa = {
+  __name: "UiStepper",
+  props: {
+    modelValue: { type: Number, default: 1 },
+    label: { type: String, default: "数量" },
+    min: { type: Number, default: 0 },
+    max: { type: Number, default: 99 },
+    step: { type: Number, default: 1 },
+    unit: { type: String, default: "" },
+    /* sm / md / lg / xl */
+    size: { type: String, default: "md" },
+    /* sides 两侧 / bottom 底部横排 */
+    controls: { type: String, default: "sides" },
+    /* standard 默认（新值变大 -> 旧值向上）/ reverse 反向 */
+    roll: { type: String, default: "standard" },
+    /* 左上角标签：传了就显示在整块控件的左上方 */
+    fieldLabel: { type: String, default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: u }) {
+    const n = e, g = u, a = C(Number(n.modelValue)), p = C(Number(n.modelValue)), v = C(!1), r = C(0), i = Ke(null), f = C("");
+    let _ = null, b = null, y = 0;
+    be(() => n.modelValue, (N) => {
+      const M = Number(N);
+      Number.isFinite(M) && (a.value = M);
+    });
+    const k = O(() => {
+      const N = Number(a.value);
+      return Number.isFinite(N) ? Math.min(n.max, Math.max(n.min, N)) : n.min;
+    }), P = O(() => k.value > n.min), F = O(() => k.value < n.max), D = O(() => {
+      const N = Math.abs(k.value - p.value), M = n.step > 0 ? N / n.step : 1;
+      return Math.max(0.3, Math.min(2.2, 0.35 + M * 0.2)) + "em";
+    }), H = O(() => {
+      const M = k.value >= p.value ? "up" : "down";
+      return n.roll !== "reverse" ? M : M === "up" ? "down" : "up";
+    });
+    function z() {
+      return window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    }
+    function K(N) {
+      i.value = N, p.value = N, v.value = !1, cancelAnimationFrame(y), clearTimeout(_), ve(() => {
+        y = requestAnimationFrame(() => {
+          y = 0, v.value = !0, r.value += 1, _ = setTimeout(() => {
+            _ = null, v.value = !1, i.value = null;
+          }, z() ? 0 : 430);
+        });
+      });
+    }
+    function I(N) {
+      if (!Number.isFinite(N)) return;
+      const M = Math.min(n.max, Math.max(n.min, N));
+      if (M === k.value) return;
+      const j = k.value;
+      a.value = M, g("update:modelValue", M), K(j);
+    }
+    function J(N) {
+      z() || (f.value = "", clearTimeout(b), requestAnimationFrame(() => {
+        f.value = N, b = setTimeout(() => {
+          f.value = "";
+        }, 420);
+      }));
+    }
+    function q() {
+      if (!P.value) {
+        J("minus");
+        return;
+      }
+      I(k.value - n.step);
+    }
+    function Q() {
+      if (!F.value) {
+        J("plus");
+        return;
+      }
+      I(k.value + n.step);
+    }
+    return ge(() => {
+      cancelAnimationFrame(y), clearTimeout(_), clearTimeout(b);
+    }), (N, M) => (d(), h("div", {
+      class: U(["ui-stepper", [
+        `ui-stepper--${e.size}`,
+        `ui-stepper--ctrl-${e.controls}`,
+        `ui-stepper--dir-${H.value}`,
+        f.value ? `is-bumping-${f.value}` : ""
+      ]])
+    }, [
+      e.fieldLabel ? (d(), h("span", Sa, B(e.fieldLabel), 1)) : X("", !0),
+      e.label ? (d(), h("span", Ca, B(e.label), 1)) : X("", !0),
+      t("div", {
+        class: "ui-stepper__control",
+        role: "group",
+        "aria-label": e.label || e.fieldLabel
+      }, [
+        t("button", {
+          type: "button",
+          class: U(["ui-stepper__btn ui-stepper__btn--minus", { "is-disabled": !P.value }]),
+          "aria-disabled": !P.value,
+          "aria-label": "减少",
+          onClick: q
+        }, [...M[0] || (M[0] = [
+          t("svg", {
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2.4",
+            "stroke-linecap": "round",
+            "aria-hidden": "true"
+          }, [
+            t("path", { d: "M5 12h14" })
+          ], -1)
+        ])], 10, Aa),
+        t("div", {
+          class: "ui-stepper__stage",
+          style: ne({ "--roll-distance": D.value })
+        }, [
+          t("span", Va, [
+            t("span", Pa, [
+              t("span", {
+                class: U(["ui-stepper__value ui-stepper__value--leave", { "is-rolling": v.value }]),
+                "aria-hidden": "true"
+              }, B(i.value), 3),
+              (d(), h("span", {
+                key: r.value,
+                class: U(["ui-stepper__value ui-stepper__value--enter", { "is-rolling": v.value }]),
+                "aria-live": "polite"
+              }, B(k.value), 3))
+            ]),
+            t("span", Ta, B(e.unit), 1)
+          ])
+        ], 4),
+        t("button", {
+          type: "button",
+          class: U(["ui-stepper__btn ui-stepper__btn--plus", { "is-disabled": !F.value }]),
+          "aria-disabled": !F.value,
+          "aria-label": "增加",
+          onClick: Q
+        }, [...M[1] || (M[1] = [
+          t("svg", {
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2.4",
+            "stroke-linecap": "round",
+            "aria-hidden": "true"
+          }, [
+            t("path", { d: "M12 5v14M5 12h14" })
+          ], -1)
+        ])], 10, Ba)
+      ], 8, Ea)
+    ], 2));
+  }
+}, Yl = /* @__PURE__ */ ue(Fa, [["__scopeId", "data-v-04de9fcf"]]), La = ["aria-checked", "aria-label"], Kl = {
+  __name: "UiSwitch",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    label: { type: String, default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: u }) {
+    const n = u;
+    return (g, a) => (d(), h("button", {
+      type: "button",
+      class: U(["ui-switch", { "is-on": e.modelValue }]),
+      role: "switch",
+      "aria-checked": e.modelValue,
+      "aria-label": e.label || "开关",
+      onClick: a[0] || (a[0] = (p) => n("update:modelValue", !e.modelValue))
+    }, [...a[1] || (a[1] = [
+      t("span", { class: "ui-switch__thumb" }, null, -1)
+    ])], 10, La));
+  }
+}, Na = { class: "ui-field" }, Ra = {
+  key: 0,
+  class: "ui-field__label"
+}, Da = ["value", "placeholder", "rows", "aria-invalid"], Ua = {
+  key: 1,
+  class: "ui-field__error"
+}, Wa = {
+  key: 2,
+  class: "ui-field__hint"
+}, Xl = {
+  __name: "UiTextarea",
+  props: {
+    modelValue: { type: String, default: "" },
+    label: { type: String, default: "" },
+    placeholder: { type: String, default: "" },
+    hint: { type: String, default: "" },
+    error: { type: String, default: "" },
+    rows: { type: Number, default: 3 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: u }) {
+    const n = u;
+    return (g, a) => (d(), h("label", Na, [
+      e.label ? (d(), h("span", Ra, B(e.label), 1)) : X("", !0),
+      t("span", {
+        class: U(["ui-field__control ui-field__control--area", { "is-error": !!e.error }])
+      }, [
+        t("textarea", {
+          value: e.modelValue,
+          placeholder: e.placeholder,
+          rows: e.rows,
+          "aria-invalid": !!e.error,
+          onInput: a[0] || (a[0] = (p) => n("update:modelValue", p.target.value))
+        }, null, 40, Da)
+      ], 2),
+      e.error ? (d(), h("span", Ua, B(e.error), 1)) : e.hint ? (d(), h("span", Wa, B(e.hint), 1)) : X("", !0)
+    ]));
+  }
+}, Oa = { class: "ui-time" }, Ha = { class: "ui-time__label" }, Ia = ["aria-expanded"], za = { class: "ui-time__value" }, qa = ["aria-hidden", "inert"], ja = { class: "ui-time__head" }, Ya = { class: "ui-time__body" }, Ka = ["data-value", "tabindex", "onClick"], Xa = ["data-value", "tabindex", "onClick"], Ga = ["tabindex", "onClick"], Za = { class: "ui-time__actions" }, Qa = {
+  __name: "UiTimePicker",
+  props: {
+    modelValue: { type: String, default: "09:00" },
+    label: { type: String, default: "时间" },
+    presets: {
+      type: Array,
+      default: () => [
+        { label: "早上", value: "08:00" },
+        { label: "中午", value: "12:00" },
+        { label: "傍晚", value: "18:30" },
+        { label: "晚上", value: "21:00" }
+      ]
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: u }) {
+    const n = e, g = u, a = C(null), p = C(null), v = C(null), r = C(null), i = C(null), f = C(null), _ = C(Z(n.modelValue)), b = C("09"), y = C("00"), { open: k, closing: P, floating: F, compressed: D, style: H, viewStyle: z, openWindow: K, closeWindow: I, toggleWindow: J } = qe({
+      surface: () => a.value,
+      panel: () => v.value,
+      content: () => r.value,
+      width: () => Math.min(300, window.innerWidth - 32),
+      onOpened: () => {
+        requestAnimationFrame(() => $("auto"));
+      },
+      onClosed: () => {
+        var w;
+        (w = p.value) == null || w.focus({ preventScroll: !0 });
+      }
+    }), q = Array.from({ length: 24 }, (w, V) => String(V).padStart(2, "0")), Q = Array.from({ length: 60 }, (w, V) => String(V).padStart(2, "0")), N = O(() => _.value), M = O(() => `${b.value}:${y.value}`), j = O(() => (Array.isArray(n.presets) ? n.presets : []).map((w) => {
+      if (typeof w == "string")
+        return { label: w, value: Z(w) };
+      if (!w || typeof w != "object") return null;
+      const V = w.value ?? (w.hour !== void 0 ? `${G(w.hour)}:${G(w.minute ?? 0)}` : ""), L = Z(V);
+      return { label: w.label || L, value: L };
+    }).filter(Boolean)), te = O(() => Math.min(Math.max(j.value.length, 1), 4));
+    function G(w) {
+      return String(w).padStart(2, "0");
+    }
+    function Z(w) {
+      if (typeof w != "string" || !/^\d{1,2}:\d{2}$/.test(w)) return "09:00";
+      const [V, L] = w.split(":").map(Number);
+      return V > 23 || L > 59 ? "09:00" : `${G(V)}:${G(L)}`;
+    }
+    function ee() {
+      const [w, V] = _.value.split(":");
+      b.value = w, y.value = V;
+    }
+    function W(w, V, L = "smooth") {
+      if (!w) return;
+      const re = w.querySelector(`[data-value="${V}"]`);
+      if (!re) return;
+      const ce = re.offsetTop - (w.clientHeight - re.offsetHeight) / 2;
+      w.scrollTo({
+        top: Math.max(0, ce),
+        behavior: L
+      });
+    }
+    function $(w = "smooth") {
+      W(i.value, b.value, w), W(f.value, y.value, w);
+    }
+    function E(w) {
+      if (!w) return "";
+      const V = w.scrollTop + w.clientHeight / 2;
+      let L = "", re = 1 / 0;
+      return w.querySelectorAll("button[data-value]").forEach((ce) => {
+        const fe = ce.offsetTop + ce.offsetHeight / 2, me = Math.abs(fe - V);
+        me < re && (re = me, L = ce.dataset.value);
+      }), L;
+    }
+    function c(w, V) {
+      if (!w) return;
+      const L = E(w);
+      L && (V(L), W(w, L));
+    }
+    function x(w, V) {
+      let L = 0;
+      return {
+        onScroll() {
+          clearTimeout(L), L = setTimeout(() => {
+            L = 0, c(w.value, V);
+          }, 140);
+        }
+      };
+    }
+    const l = x(i, (w) => {
+      b.value = w;
+    }), m = x(f, (w) => {
+      y.value = w;
+    });
+    function A() {
+      ee(), K();
+    }
+    function S() {
+      if (k.value) {
+        I();
+        return;
+      }
+      if (P.value || D.value) {
+        ee(), J();
+        return;
+      }
+      A();
+    }
+    function T(w) {
+      b.value = w, W(i.value, w);
+    }
+    function s(w) {
+      y.value = w, W(f.value, w);
+    }
+    function o(w) {
+      const [V, L] = Z(w).split(":");
+      b.value = V, y.value = L, requestAnimationFrame(() => $());
+    }
+    function R() {
+      _.value = M.value, g("update:modelValue", M.value), I();
+    }
+    return be(() => n.modelValue, (w) => {
+      _.value = Z(w), F.value || ee();
+    }), (w, V) => (d(), h("div", Oa, [
+      t("span", Ha, B(e.label), 1),
+      t("div", {
+        ref_key: "surfaceEl",
+        ref: a,
+        class: U(["ui-time__surface ui-morph", {
+          "is-open": Y(k),
+          "is-closing": Y(P),
+          "is-floating": Y(F),
+          "is-compressed": Y(D)
+        }]),
+        style: ne(Y(H))
+      }, [
+        t("div", {
+          class: "ui-time__view ui-morph__view",
+          style: ne(Y(z))
+        }, [
+          t("button", {
+            ref_key: "fieldEl",
+            ref: p,
+            type: "button",
+            class: "ui-time__field",
+            "aria-expanded": Y(F),
+            "aria-haspopup": "dialog",
+            onClick: S
+          }, [
+            V[5] || (V[5] = t("span", {
+              class: "ui-time__icon",
+              "aria-hidden": "true"
+            }, [
+              t("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }, [
+                t("circle", {
+                  cx: "12",
+                  cy: "12",
+                  r: "9"
+                }),
+                t("path", { d: "M12 7v5l3.2 1.9" })
+              ])
+            ], -1)),
+            t("span", za, B(N.value), 1),
+            t("span", {
+              class: U(["ui-time__chevron", { "is-open": Y(k) }]),
+              "aria-hidden": "true"
+            }, [...V[4] || (V[4] = [
+              t("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2.2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }, [
+                t("path", { d: "M6 9l6 6 6-6" })
+              ], -1)
+            ])], 2)
+          ], 8, Ia)
+        ], 4),
+        t("div", {
+          ref_key: "panelEl",
+          ref: v,
+          class: "ui-time__pop ui-morph__panel",
+          role: "dialog",
+          "aria-label": "选择时间",
+          "aria-hidden": Y(k) ? "false" : "true",
+          inert: Y(k) ? null : "",
+          tabindex: "-1",
+          onPointerdown: V[3] || (V[3] = $e(() => {
+          }, ["stop"]))
+        }, [
+          t("div", {
+            ref_key: "panelContentEl",
+            ref: r,
+            class: "ui-time__pop-inner"
+          }, [
+            t("div", ja, [
+              V[6] || (V[6] = t("span", null, "选择时间", -1)),
+              t("strong", null, B(M.value), 1)
+            ]),
+            t("div", Ya, [
+              V[7] || (V[7] = t("span", {
+                class: "ui-time__highlight",
+                "aria-hidden": "true"
+              }, null, -1)),
+              t("div", {
+                ref_key: "hourColumn",
+                ref: i,
+                class: "ui-time__column",
+                "aria-label": "小时",
+                onScrollPassive: V[0] || (V[0] = (...L) => Y(l).onScroll && Y(l).onScroll(...L))
+              }, [
+                (d(!0), h(ae, null, oe(Y(q), (L) => (d(), h("button", {
+                  key: L,
+                  type: "button",
+                  "data-value": L,
+                  tabindex: Y(k) ? 0 : -1,
+                  class: U({ "is-selected": b.value === L }),
+                  onClick: (re) => T(L)
+                }, B(L), 11, Ka))), 128))
+              ], 544),
+              V[8] || (V[8] = t("span", {
+                class: "ui-time__colon",
+                "aria-hidden": "true"
+              }, ":", -1)),
+              t("div", {
+                ref_key: "minuteColumn",
+                ref: f,
+                class: "ui-time__column",
+                "aria-label": "分钟",
+                onScrollPassive: V[1] || (V[1] = (...L) => Y(m).onScroll && Y(m).onScroll(...L))
+              }, [
+                (d(!0), h(ae, null, oe(Y(Q), (L) => (d(), h("button", {
+                  key: L,
+                  type: "button",
+                  "data-value": L,
+                  tabindex: Y(k) ? 0 : -1,
+                  class: U({ "is-selected": y.value === L }),
+                  onClick: (re) => s(L)
+                }, B(L), 11, Xa))), 128))
+              ], 544)
+            ]),
+            j.value.length ? (d(), h("div", {
+              key: 0,
+              class: "ui-time__presets",
+              style: ne({ "--preset-cols": te.value })
+            }, [
+              (d(!0), h(ae, null, oe(j.value, (L) => (d(), h("button", {
+                key: `${L.value}-${L.label}`,
+                type: "button",
+                tabindex: Y(k) ? 0 : -1,
+                onClick: (re) => o(L.value)
+              }, B(L.label), 9, Ga))), 128))
+            ], 4)) : X("", !0),
+            t("div", Za, [
+              t("button", {
+                type: "button",
+                class: "ui-time__cancel",
+                onClick: V[2] || (V[2] = (...L) => Y(I) && Y(I)(...L))
+              }, "取消"),
+              t("button", {
+                type: "button",
+                class: "ui-time__confirm",
+                onClick: R
+              }, "完成")
+            ])
+          ], 512)
+        ], 40, qa)
+      ], 6)
+    ]));
+  }
+}, Gl = /* @__PURE__ */ ue(Qa, [["__scopeId", "data-v-74660981"]]), Ja = ["onClick"], Zl = {
+  __name: "UiToastHost",
+  setup(e, { expose: u }) {
+    const n = C([]), g = /* @__PURE__ */ new Map();
+    let a = 1;
+    function p(r) {
+      const i = g.get(r);
+      i && (clearTimeout(i), g.delete(r)), n.value = n.value.filter((f) => f.id !== r);
+    }
+    function v(r, i = "info", f = 2600) {
+      const _ = a++;
+      n.value.push({ id: _, message: r, tone: i });
+      const b = setTimeout(() => p(_), f);
+      return g.set(_, b), _;
+    }
+    return ge(() => {
+      g.forEach((r) => clearTimeout(r)), g.clear();
+    }), u({ show: v, dismiss: p }), (r, i) => (d(), xe(Pe, { to: "body" }, [
+      Xe(Ge, {
+        name: "ui-toast",
+        tag: "div",
+        class: "ui-toast-host",
+        "aria-live": "polite"
+      }, {
+        default: Fe(() => [
+          (d(!0), h(ae, null, oe(n.value, (f) => (d(), h("div", {
+            key: f.id,
+            class: U(["ui-toast", `ui-toast--${f.tone}`])
+          }, [
+            i[1] || (i[1] = t("span", {
+              class: "ui-toast__dot",
+              "aria-hidden": "true"
+            }, null, -1)),
+            t("span", null, B(f.message), 1),
+            t("button", {
+              type: "button",
+              class: "ui-toast__close",
+              "aria-label": "关闭提示",
+              onClick: (_) => p(f.id)
+            }, [...i[0] || (i[0] = [
+              t("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2.6",
+                "stroke-linecap": "round",
+                "aria-hidden": "true"
+              }, [
+                t("path", { d: "M6 6l12 12M18 6L6 18" })
+              ], -1)
+            ])], 8, Ja)
+          ], 2))), 128))
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}, el = ["aria-expanded"], tl = { class: "ui-tool-menu__label" }, nl = ["aria-hidden", "inert"], al = ["tabindex", "onClick"], ll = { class: "ui-tool-menu__item-copy" }, il = { class: "ui-tool-menu__item-label" }, rl = {
+  key: 0,
+  class: "ui-tool-menu__item-desc"
+}, ol = 248, sl = 184, ul = 12, dl = {
+  __name: "UiToolMenu",
+  props: {
+    label: { type: String, default: "工具" },
+    size: { type: String, default: "md" },
+    items: {
+      type: Array,
+      default: () => [
+        { value: "pin", label: "置顶记录", description: "固定在列表顶部" },
+        { value: "duplicate", label: "复制为草稿", description: "保留本次运动数据" },
+        { value: "archive", label: "归档记录", description: "从本周视图中隐藏" }
+      ]
+    }
+  },
+  emits: ["select"],
+  setup(e, { expose: u, emit: n }) {
+    const g = n, a = C(null), p = C(null), v = C(null), r = C(!1), i = C(!1), f = C(!1), _ = C({}), b = C({});
+    let y = null, k = null, P = null, F = null, D = !1;
+    function H(W) {
+      const $ = W.getBoundingClientRect();
+      let E = 1, c = 1;
+      const x = getComputedStyle(W).transform;
+      if (x && x !== "none" && typeof DOMMatrixReadOnly == "function") {
+        const A = new DOMMatrixReadOnly(x);
+        E = A.a || 1, c = A.d || 1;
+      }
+      const l = Math.max(1, $.width / E), m = Math.max(1, $.height / c);
+      return {
+        left: $.left + ($.width - l) / 2,
+        top: $.top + ($.height - m) / 2,
+        width: l,
+        height: m
+      };
+    }
+    function z() {
+      return Math.min(ol, Math.max(sl, window.innerWidth - 36));
+    }
+    function K() {
+      return window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    }
+    function I(W, $) {
+      const E = getComputedStyle(document.documentElement).getPropertyValue(W).trim();
+      if (!E) return $;
+      const c = parseFloat(E);
+      return Number.isFinite(c) ? E.endsWith("ms") ? c : c * 1e3 : $;
+    }
+    function J(W) {
+      const $ = p.value, E = v.value;
+      if (!$ || !E) return 0;
+      const c = $.style.width;
+      $.style.width = W + "px";
+      const x = E.offsetHeight;
+      return $.style.width = c, Math.ceil(x);
+    }
+    const q = Le({
+      // 收起途中也允许按下，才有机会打断收起、重新展开。
+      canPress: () => !r.value,
+      onPressStart: () => {
+        f.value = !0;
+      },
+      onPressEnd: () => {
+        f.value = !1;
+      }
+    });
+    async function Q(W = !1) {
+      if (r.value) return;
+      i.value = !1;
+      const $ = a.value;
+      if (!$) return;
+      const E = H($), c = E.width, x = E.height, l = getComputedStyle($), m = parseFloat(l.borderLeftWidth) || 0, A = parseFloat(l.borderTopWidth) || 0, S = Math.max(z(), c), T = Math.max(1, Math.round(S - m * 2)), s = Math.max(x, window.innerHeight - ul * 2), o = Math.max(x, Math.min(J(T) + A * 2, s)), R = Math.max(1, c - m * 2), w = Math.max(1, x - A * 2);
+      D = W, k = { width: c + "px", height: x + "px" }, P = { width: S + "px", height: o + "px" }, F = { width: R + "px", height: w + "px" }, b.value = { width: R + "px", height: w + "px" }, _.value = { width: c + "px", height: x + "px" }, f.value = !1, await ve();
+      const V = a.value;
+      V && V.offsetWidth, requestAnimationFrame(() => {
+        var L;
+        i.value || (_.value = { ...P }, r.value = !0, D && ((L = p.value) == null || L.focus({ preventScroll: !0 })), D = !1);
+      });
+    }
+    function N() {
+      var W;
+      if (clearTimeout(y), y = null, f.value = !1, !P) {
+        i.value = !1, r.value = !1, Q();
+        return;
+      }
+      i.value = !1, r.value = !0, b.value = { ...F }, _.value = { ...P }, (W = p.value) == null || W.focus({ preventScroll: !0 });
+    }
+    async function M() {
+      if (i.value || !r.value) return;
+      clearTimeout(y);
+      const W = (k == null ? void 0 : k.width) || "0px", $ = (k == null ? void 0 : k.height) || "0px";
+      i.value = !0, r.value = !1, await ve();
+      const E = a.value;
+      E && E.offsetWidth, _.value = { width: W, height: $ };
+      const c = K() ? 0 : I("--spring-exit-dur", 400);
+      y = setTimeout(() => {
+        i.value = !1, _.value = {}, b.value = {}, k = null, P = null, F = null, y = null;
+      }, c + 80);
+    }
+    function j() {
+      if (r.value) {
+        M();
+        return;
+      }
+      if (i.value) {
+        N();
+        return;
+      }
+      Q(!0);
+    }
+    function te(W) {
+      g("select", W), M();
+    }
+    function G(W) {
+      W.key === "Escape" && (r.value || i.value) && (W.stopPropagation(), q.cancelPress(), M());
+    }
+    function Z(W) {
+      var $;
+      r.value && (($ = a.value) != null && $.contains(W.target) || M());
+    }
+    function ee() {
+      (r.value || i.value) && M();
+    }
+    return Me(() => {
+      window.addEventListener("pointerdown", Z), window.addEventListener("resize", ee), document.addEventListener("keydown", G);
+    }), Te(() => {
+      clearTimeout(y), y = null, q.cancelPress(), r.value = !1, i.value = !1, f.value = !1, _.value = {}, b.value = {}, k = null, P = null, F = null;
+    }), ge(() => {
+      clearTimeout(y), window.removeEventListener("pointerdown", Z), window.removeEventListener("resize", ee), document.removeEventListener("keydown", G);
+    }), u({ close: M }), (W, $) => (d(), h("div", {
+      ref_key: "root",
+      ref: a,
+      class: U(["ui-tool-menu ui-morph", [e.size !== "md" ? `is-${e.size}` : "", {
+        "is-open": r.value,
+        "is-closing": i.value,
+        "is-pressed": f.value
+      }]]),
+      style: ne(_.value)
+    }, [
+      t("div", {
+        class: "ui-tool-menu__view ui-morph__view",
+        style: ne(b.value)
+      }, [
+        t("button", {
+          type: "button",
+          class: "ui-tool-menu__trigger",
+          "aria-haspopup": "menu",
+          "aria-expanded": r.value,
+          onPointerdown: $[0] || ($[0] = (...E) => Y(q).onPointerDown && Y(q).onPointerDown(...E)),
+          onClick: j,
+          onContextmenu: $[1] || ($[1] = $e(() => {
+          }, ["prevent"]))
+        }, [
+          $[2] || ($[2] = Ze('<span class="ui-tool-menu__icon" aria-hidden="true" data-v-06458478><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-v-06458478><path d="M4 7h10M18 7h2M4 17h2M10 17h10" data-v-06458478></path><circle cx="16" cy="7" r="2" data-v-06458478></circle><circle cx="8" cy="17" r="2" data-v-06458478></circle></svg></span>', 1)),
+          t("span", tl, B(e.label), 1),
+          $[3] || ($[3] = t("span", {
+            class: "ui-tool-menu__chevron",
+            "aria-hidden": "true"
+          }, [
+            t("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2.4",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              t("path", { d: "M6 9l6 6 6-6" })
+            ])
+          ], -1))
+        ], 40, el)
+      ], 4),
+      t("div", {
+        ref_key: "panel",
+        ref: p,
+        class: "ui-tool-menu__panel ui-morph__panel",
+        role: "menu",
+        tabindex: "-1",
+        "aria-hidden": r.value ? "false" : "true",
+        inert: r.value ? null : ""
+      }, [
+        t("div", {
+          ref_key: "panelContent",
+          ref: v,
+          class: "ui-tool-menu__inner"
+        }, [
+          (d(!0), h(ae, null, oe(e.items, (E) => (d(), h("button", {
+            key: E.value ?? E.label,
+            type: "button",
+            role: "menuitem",
+            tabindex: r.value ? 0 : -1,
+            class: U(["ui-tool-menu__item", { "is-danger": E.tone === "danger" }]),
+            onClick: (c) => te(E)
+          }, [
+            $[4] || ($[4] = t("span", {
+              class: "ui-tool-menu__item-dot",
+              "aria-hidden": "true"
+            }, null, -1)),
+            t("span", ll, [
+              t("span", il, B(E.label), 1),
+              E.description ? (d(), h("span", rl, B(E.description), 1)) : X("", !0)
+            ])
+          ], 10, al))), 128))
+        ], 512)
+      ], 8, nl)
+    ], 6));
+  }
+}, Ql = /* @__PURE__ */ ue(dl, [["__scopeId", "data-v-06458478"]]), cl = {
+  class: "ui-tooltip__bubble",
+  role: "tooltip"
+}, Jl = {
+  __name: "UiTooltip",
+  props: {
+    text: { type: String, default: "提示" },
+    placement: { type: String, default: "top" }
+  },
+  setup(e) {
+    return (u, n) => (d(), h("span", {
+      class: U(["ui-tooltip", `ui-tooltip--${e.placement}`]),
+      tabindex: "0"
+    }, [
+      ie(u.$slots, "default"),
+      t("span", cl, B(e.text), 1)
+    ], 2));
+  }
+};
+let Ve = null;
+function se() {
+  return Ve;
+}
+function fl(e) {
+  Ve = e;
+}
+function He(e) {
+  (!e || Ve === e) && (Ve = null);
+}
+const pl = {
+  key: 0,
+  class: "expand-content"
+}, vl = 80, ml = 180, Ie = ".chart, .bar, .bar-col, button, a, input, select, textarea, [data-no-expand]", hl = "(min-width: 900px)", gl = {
+  __name: "ExpandableCard",
+  props: {
+    tag: { type: String, default: "section" },
+    expandKey: { type: String, required: !0 },
+    routeName: { type: String, required: !0 },
+    parentRouteName: { type: String, required: !0 },
+    routeParams: { type: Object, default: () => ({}) },
+    variant: { type: String, default: "card" },
+    feature: { type: Boolean, default: !1 },
+    content: { type: [Object, Function], required: !0 },
+    contentProps: { type: Object, default: () => ({}) }
+  },
+  setup(e, { expose: u }) {
+    const n = e, g = tt(), a = nt(), p = O(() => g.name !== n.routeName ? !1 : Object.entries(n.routeParams).every(
+      ([s, o]) => String(g.params[s] ?? "") === String(o)
+    ));
+    function v() {
+      return window.matchMedia && window.matchMedia(hl).matches;
+    }
+    function r() {
+      if (!v())
+        return {
+          top: "0px",
+          left: "0px",
+          width: "100vw",
+          height: "100dvh",
+          radius: "0px",
+          background: "var(--background)",
+          border: "transparent",
+          shadow: "none"
+        };
+      const s = Math.round(Math.min(680, Math.max(360, window.innerWidth - 140))), o = Math.round(Math.min(760, Math.max(320, window.innerHeight - 140)));
+      return {
+        top: Math.round((window.innerHeight - o) / 2) + "px",
+        left: Math.round((window.innerWidth - s) / 2) + "px",
+        width: s + "px",
+        height: o + "px",
+        radius: "calc(var(--r-card) * var(--radius-scale))",
+        background: "var(--surface)",
+        border: "var(--outline-variant)",
+        shadow: "none"
+      };
+    }
+    let i = null, f = null, _ = !1, b = null, y = "", k = null, P = "pointer", F = !1;
+    const D = C(null), H = C(null), z = C(null), K = C(!1), I = C(!1), J = C(!1), q = C(!1), Q = C(!1), N = C(!1), M = O(() => [
+      n.variant === "card" ? "card" : n.variant,
+      n.feature ? "card--feature" : "",
+      {
+        "is-expanded": K.value,
+        "is-closing": q.value,
+        "is-settling": Q.value
+      }
+    ]), j = () => window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    function te(s, o) {
+      const R = getComputedStyle(document.documentElement).getPropertyValue(s).trim();
+      if (!R) return o;
+      const w = parseFloat(R);
+      return Number.isFinite(w) ? R.endsWith("ms") ? w : w * 1e3 : o;
+    }
+    function G() {
+      b = document.getElementById("scrollArea"), b && (y = b.style.overflow, b.style.overflow = "hidden");
+    }
+    function Z() {
+      b && (b.style.overflow = y, b = null);
+    }
+    function ee() {
+      v() && (I.value = !0, requestAnimationFrame(() => {
+        I.value && (J.value = !0);
+      }));
+    }
+    function W(s, o) {
+      return Array.from(s.children).find((R) => R.classList.contains(o)) || null;
+    }
+    function $(s, o, R) {
+      s.style.position = "fixed", s.style.zIndex = "300", s.style.margin = "0", s.style.maxWidth = "none", s.style.top = o.top + "px", s.style.left = o.left + "px", s.style.width = o.width + "px", s.style.height = o.height + "px", s.style.overflow = "hidden", s.style.cursor = "default", s.style.borderRadius = R.borderRadius, s.style.backgroundColor = R.backgroundColor, s.style.borderColor = R.borderColor, s.style.boxShadow = R.boxShadow, s.style.transform = "none", s.style.willChange = "top, left, width, height, border-radius, background-color, border-color, box-shadow", s.style.transition = [
+        "top var(--spring-expand-dur) var(--spring-expand)",
+        "left var(--spring-expand-dur) var(--spring-expand)",
+        "width var(--spring-expand-dur) var(--spring-expand)",
+        "height var(--spring-expand-dur) var(--spring-expand)",
+        "border-radius var(--spring-expand-dur) var(--spring-expand)",
+        "background-color var(--spring-fade-dur) var(--spring-fade)",
+        "border-color var(--spring-fade-dur) var(--spring-fade)",
+        "box-shadow var(--spring-fade-dur) var(--spring-fade)",
+        "transform var(--t-feedback)"
+      ].join(", ");
+    }
+    function E(s, o) {
+      o.originalRole === null ? s.removeAttribute("role") : s.setAttribute("role", o.originalRole), o.originalAriaLabel === null ? s.removeAttribute("aria-label") : s.setAttribute("aria-label", o.originalAriaLabel), o.originalAriaExpanded === null ? s.removeAttribute("aria-expanded") : s.setAttribute("aria-expanded", o.originalAriaExpanded), o.originalAriaModal === null ? s.removeAttribute("aria-modal") : s.setAttribute("aria-modal", o.originalAriaModal);
+    }
+    async function c() {
+      p.value ? await a.push({ name: n.parentRouteName }) && p.value && l() : l();
+    }
+    async function x(s = "pointer") {
+      if (se()) return;
+      const o = D.value;
+      if (!o) return;
+      clearTimeout(f), Q.value = !1, o.classList.remove("is-pressing");
+      const R = o.closest(".view");
+      if (R && typeof R.getAnimations == "function")
+        try {
+          R.getAnimations().forEach((Se) => Se.finish());
+        } catch {
+        }
+      const w = o.getBoundingClientRect(), V = getComputedStyle(o), L = V.borderRadius, re = o.parentNode, ce = o.style.cssText, fe = o.getAttribute("role"), me = o.getAttribute("aria-label"), we = o.getAttribute("aria-expanded"), pe = o.getAttribute("aria-modal"), le = document.createElement("div");
+      le.className = "expand-placeholder", le.style.height = w.height + "px", le.style.gridColumn = V.gridColumn, le.style.gridRow = V.gridRow, le.style.flex = V.flex, le.style.alignSelf = V.alignSelf, le.style.order = V.order, le.style.margin = V.margin, le.style.minWidth = V.minWidth, le.setAttribute("aria-hidden", "true"), re.insertBefore(le, o);
+      const he = W(o, "card-inner");
+      he && (he.setAttribute("aria-hidden", "true"), he.inert = !0), N.value || (N.value = !0), $(o, w, V), o.setAttribute("role", "dialog"), o.setAttribute("aria-modal", "true"), o.setAttribute("aria-expanded", "true"), document.body.classList.add("locked"), G();
+      const de = r();
+      ee(), s === "pointer" && document.activeElement === o && o.blur();
+      const Ne = (Se) => {
+        Se.key === "Escape" && (Se.preventDefault(), c());
+      };
+      document.addEventListener("keydown", Ne);
+      const Be = {
+        card: o,
+        slot: le,
+        rect: w,
+        originRadius: L,
+        method: s,
+        originalStyle: ce,
+        originalRole: fe,
+        originalAriaLabel: me,
+        originalAriaExpanded: we,
+        originalAriaModal: pe,
+        escHandler: Ne
+      };
+      if (fl(Be), await ve(), se() !== Be) return;
+      const Re = z.value && z.value.firstElementChild, De = Re && Re.querySelector(".expand-title");
+      De && o.setAttribute("aria-label", De.textContent), o.offsetWidth, requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          se() !== Be || q.value || (K.value = !0, o.style.top = de.top, o.style.left = de.left, o.style.width = de.width, o.style.height = de.height, o.style.borderRadius = de.radius, o.style.backgroundColor = de.background, o.style.borderColor = de.border, o.style.boxShadow = de.shadow, s === "keyboard" && o.focus({ preventScroll: !0 }));
+        });
+      });
+    }
+    function l() {
+      if (!se() || q.value) return;
+      const s = se(), {
+        card: o,
+        slot: R,
+        rect: w,
+        originRadius: V,
+        method: L,
+        originalStyle: re,
+        originalRole: ce,
+        originalAriaLabel: fe,
+        originalAriaExpanded: me,
+        originalAriaModal: we,
+        escHandler: pe
+      } = s;
+      document.removeEventListener("keydown", pe), K.value = !1, q.value = !0, J.value = !1, o.style.transition = [
+        "top var(--spring-exit-dur) var(--spring-exit)",
+        "left var(--spring-exit-dur) var(--spring-exit)",
+        "width var(--spring-exit-dur) var(--spring-exit)",
+        "height var(--spring-exit-dur) var(--spring-exit)",
+        "border-radius var(--spring-exit-dur) var(--spring-exit)",
+        "background-color var(--spring-fade-dur) var(--spring-fade)",
+        "border-color var(--spring-fade-dur) var(--spring-fade)",
+        "box-shadow var(--spring-fade-dur) var(--spring-fade)"
+      ].join(", "), o.offsetWidth, o.style.top = w.top + "px", o.style.left = w.left + "px", o.style.width = w.width + "px", o.style.height = w.height + "px", o.style.borderRadius = V, o.style.backgroundColor = "var(--surface-container-low)", o.style.borderColor = "var(--outline-variant)", o.style.boxShadow = "var(--elev-card)";
+      const le = j() ? 0 : te("--spring-exit-dur", 400);
+      clearTimeout(i), i = setTimeout(() => {
+        q.value = !1;
+        const he = W(o, "card-inner");
+        he && (he.removeAttribute("aria-hidden"), he.inert = !1), R.remove(), o.style.cssText = re, E(o, s), document.body.classList.remove("locked"), Z(), I.value = !1, L === "keyboard" ? o.focus({ preventScroll: !0 }) : document.activeElement === o && o.blur(), He(s), Q.value = !0, F && p.value && (F = !1, requestAnimationFrame(() => {
+          p.value && !se() && x("pointer");
+        })), clearTimeout(f), f = setTimeout(() => {
+          Q.value = !1;
+        }, j() ? 0 : ml);
+      }, le + vl);
+    }
+    async function m(s) {
+      if (q.value) return;
+      if (K.value) {
+        s.target.closest("[data-close]") && (s.stopPropagation(), c());
+        return;
+      }
+      if (se() || s.target.closest(Ie)) return;
+      const o = s.detail === 0 ? "keyboard" : "pointer";
+      P = o, await a.push({ name: n.routeName, params: n.routeParams }) && p.value && !se() && !q.value && x(o);
+    }
+    async function A(s) {
+      if (se() || s.key !== "Enter" && s.key !== " " || s.target.closest(Ie)) return;
+      s.preventDefault(), P = "keyboard", await a.push({ name: n.routeName, params: n.routeParams }) && p.value && !se() && !q.value && x("keyboard");
+    }
+    function S() {
+      const s = D.value, o = document.getElementById("scrollArea");
+      if (!s || !o) return;
+      const R = s.getBoundingClientRect(), w = o.getBoundingClientRect(), V = R.top - w.top, L = o.scrollTop + V - Math.max(0, (o.clientHeight - R.height) / 2);
+      o.scrollTo({ top: Math.max(0, L), behavior: "instant" });
+    }
+    function T(s = "pointer", o = !1) {
+      if (!p.value || se() || q.value) return;
+      const R = D.value;
+      !R || !R.isConnected || (o && S(), requestAnimationFrame(() => {
+        p.value && !se() && !q.value && x(s);
+      }));
+    }
+    return be(p, (s) => {
+      if (_)
+        if (s) {
+          const o = se();
+          if (o && o.card === D.value) {
+            q.value && (F = !0);
+            return;
+          }
+          o || T(P), P = "pointer";
+        } else {
+          F = !1;
+          const o = se();
+          o && o.card === D.value && l(), P = "pointer";
+        }
+    }, { flush: "post" }), Me(() => {
+      _ = !0;
+      const s = D.value;
+      s && (s.hasAttribute("tabindex") || s.setAttribute("tabindex", "0"), s.hasAttribute("role") || s.setAttribute("role", "button"), s.hasAttribute("aria-haspopup") || s.setAttribute("aria-haspopup", "dialog"), s.setAttribute("aria-expanded", "false"), p.value && T("pointer", !0));
+    }), Qe(() => {
+      _ && p.value && T("pointer");
+    }), ge(() => {
+      clearTimeout(i), clearTimeout(f), clearTimeout(k), Z(), I.value = !1;
+      const s = se();
+      s && s.card === D.value && (document.removeEventListener("keydown", s.escHandler), document.body.classList.remove("locked"), He(s));
+    }), u({ close: l, open: x }), (s, o) => (d(), xe(Ue(e.tag), {
+      ref_key: "rootEl",
+      ref: D,
+      class: U(M.value),
+      "data-expand": e.expandKey,
+      onClick: m,
+      onKeydown: A
+    }, {
+      default: Fe(() => [
+        (d(), xe(Pe, { to: "body" }, [
+          I.value ? (d(), h("div", {
+            key: 0,
+            class: U(["expand-backdrop", { "is-open": J.value }]),
+            "aria-hidden": "true",
+            onClick: c
+          }, null, 2)) : X("", !0)
+        ])),
+        t("div", {
+          class: "card-inner",
+          ref_key: "innerEl",
+          ref: H
+        }, [
+          ie(s.$slots, "default")
+        ], 512),
+        t("div", {
+          class: "expand-scroller",
+          ref_key: "scrollerEl",
+          ref: z
+        }, [
+          N.value ? (d(), h("div", pl, [
+            (d(), xe(Ue(e.content), Je(et(e.contentProps)), null, 16))
+          ])) : X("", !0)
+        ], 512)
+      ]),
+      _: 3
+    }, 40, ["class", "data-expand"]));
+  }
+}, ei = {
+  __name: "RouteExpandCard",
+  props: {
+    section: { type: String, required: !0 },
+    cardKey: { type: [String, Number], required: !0 },
+    routeName: { type: String, default: "" },
+    params: { type: Object, default: () => ({}) },
+    tag: { type: String, default: "section" },
+    variant: { type: String, default: "card" },
+    feature: { type: Boolean, default: !1 },
+    content: { type: [Object, Function], required: !0 },
+    contentProps: { type: Object, default: () => ({}) }
+  },
+  setup(e) {
+    const u = e, n = O(() => u.routeName || `${u.section}-${u.cardKey}`);
+    return (g, a) => (d(), xe(gl, {
+      tag: e.tag,
+      "expand-key": String(e.cardKey),
+      "route-name": n.value,
+      "parent-route-name": e.section,
+      "route-params": e.params,
+      variant: e.variant,
+      feature: e.feature,
+      content: e.content,
+      "content-props": e.contentProps
+    }, {
+      default: Fe(() => [
+        ie(g.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["tag", "expand-key", "route-name", "parent-route-name", "route-params", "variant", "feature", "content", "content-props"]));
+  }
+}, ti = {
+  name: "ExpandRoute",
+  render: () => null
+};
+export {
+  ti as EmptyRoute,
+  gl as ExpandableCard,
+  ei as RouteExpandCard,
+  wl as UiAccordion,
+  xl as UiAlert,
+  _l as UiAvatar,
+  kl as UiBadge,
+  $l as UiBarChart,
+  Ml as UiBottomSheet,
+  Sl as UiButton,
+  Cl as UiCheckbox,
+  El as UiChip,
+  Al as UiDatePicker,
+  Vl as UiEmptyState,
+  Pl as UiFloatingMenu,
+  Tl as UiGauge,
+  Bl as UiHeatmap,
+  Fl as UiInput,
+  Ll as UiLineChart,
+  Nl as UiModal,
+  Rl as UiProgress,
+  Dl as UiRadioGroup,
+  Ul as UiRating,
+  Wl as UiRingProgress,
+  Ol as UiSegmented,
+  Hl as UiSelect,
+  Il as UiSkeleton,
+  zl as UiSlider,
+  ql as UiSparkline,
+  jl as UiSpinner,
+  Yl as UiStepper,
+  Kl as UiSwitch,
+  Xl as UiTextarea,
+  Gl as UiTimePicker,
+  Zl as UiToastHost,
+  Ql as UiToolMenu,
+  Jl as UiTooltip,
+  qe as useMorphWindow,
+  Le as usePress
+};