@owocow/saber-ui 0.0.2 → 0.0.4

package/dist/SaberDistrictSelect.vue_vue_type_script_setup_true_lang-BX8nLC35.js

@@ -0,0 +1,257 @@
+import te from "@nuxt/ui/components/Popover.vue";
+import oe from "@nuxt/ui/runtime/vue/components/Icon.vue";
+import le from "@nuxt/ui/components/Input.vue";
+import ne from "@nuxt/ui/components/Button.vue";
+import { defineComponent as ae, useModel as se, ref as x, inject as ie, computed as i, onMounted as ce, watch as K, nextTick as de, openBlock as l, createBlock as g, withCtx as j, createVNode as M, createSlots as re, createElementVNode as f, normalizeClass as k, toDisplayString as b, withModifiers as U, createElementBlock as s, Fragment as z, renderList as B, createCommentVNode as D, mergeModels as Q } from "vue";
+import { D as ue } from "./district-service-cOu1tbQG.js";
+const ve = { class: "w-120 p-2 flex flex-col gap-2" }, me = {
+  key: 0,
+  class: "max-h-64 overflow-y-auto flex flex-col gap-0.5"
+}, fe = ["onClick"], pe = { class: "flex-1 truncate" }, he = {
+  key: 1,
+  class: "flex items-center justify-center h-10 text-sm text-muted"
+}, _e = {
+  key: 1,
+  class: "flex divide-x divide-default border border-default rounded-sm overflow-hidden"
+}, ye = { class: "flex-1 max-h-64 overflow-y-auto py-1 minimal-scrollbar" }, xe = ["onClick"], ge = { class: "truncate" }, ke = { class: "flex-1 max-h-64 overflow-y-auto py-1 minimal-scrollbar" }, be = ["onClick"], Ce = { class: "truncate" }, we = {
+  key: 1,
+  class: "flex items-center justify-center h-full text-sm text-muted/50 py-4"
+}, Ve = { class: "flex-1 max-h-64 overflow-y-auto py-1 minimal-scrollbar" }, $e = ["onClick"], je = { class: "truncate" }, ze = {
+  key: 1,
+  class: "flex items-center justify-center h-full text-sm text-muted/50 py-4"
+}, Pe = /* @__PURE__ */ ae({
+  name: "SaberDistrictSelect",
+  __name: "SaberDistrictSelect",
+  props: /* @__PURE__ */ Q({
+    districts: {},
+    placeholder: { default: "请选择省 / 市 / 区" },
+    clearable: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: void 0 }
+  }, {
+    modelValue: { default: void 0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ Q(["change"], ["update:modelValue"]),
+  setup(C, { expose: T, emit: A }) {
+    const h = C, L = A, a = se(C, "modelValue"), w = x(!1), P = x(null), u = x(null), c = x(null), _ = x(""), n = ie(ue, void 0), S = i(() => h.districts === void 0), V = i(
+      () => h.districts ?? (n == null ? void 0 : n.districts.value) ?? []
+    ), $ = i(
+      () => h.loading ?? (S.value ? (n == null ? void 0 : n.loading.value) ?? !1 : !1)
+    ), G = i(() => $.value ? "行政区加载中..." : h.placeholder);
+    async function E() {
+      if (!(!S.value || !n || n.districts.value.length))
+        try {
+          await n.load();
+        } catch (t) {
+          console.error("[SaberUI] Failed to load district data.", t);
+        }
+    }
+    ce(() => void E()), K(() => h.districts, (t) => {
+      t === void 0 && E();
+    }), K(w, async (t) => {
+      var o, v, p;
+      if (!t) {
+        _.value = "";
+        return;
+      }
+      if (a.value) {
+        const m = V.value.find((y) => {
+          var e;
+          return y.adcode === ((e = a.value) == null ? void 0 : e.provinceCode);
+        }) ?? null;
+        u.value = m, c.value = ((o = m == null ? void 0 : m.districts) == null ? void 0 : o.find((y) => {
+          var e;
+          return y.adcode === ((e = a.value) == null ? void 0 : e.cityCode);
+        })) ?? null;
+      } else
+        u.value = null, c.value = null;
+      await de(), (p = (v = P.value) == null ? void 0 : v.input) == null || p.focus();
+    });
+    const N = i(() => {
+      var t;
+      return ((t = u.value) == null ? void 0 : t.districts) ?? [];
+    }), R = i(() => {
+      var t;
+      return ((t = c.value) == null ? void 0 : t.districts) ?? [];
+    });
+    function H(t) {
+      u.value = t, c.value = null;
+    }
+    function J(t) {
+      c.value = t;
+    }
+    function W(t) {
+      !u.value || !c.value || O({
+        province: u.value.name,
+        provinceCode: u.value.adcode,
+        city: c.value.name,
+        cityCode: c.value.adcode,
+        district: t.name,
+        districtCode: t.adcode
+      });
+    }
+    const X = i(() => {
+      const t = [];
+      for (const o of V.value)
+        for (const v of o.districts ?? [])
+          for (const p of v.districts ?? [])
+            t.push({
+              label: `${o.name} / ${v.name} / ${p.name}`,
+              province: o.name,
+              provinceCode: o.adcode,
+              city: v.name,
+              cityCode: v.adcode,
+              district: p.name,
+              districtCode: p.adcode
+            });
+      return t;
+    }), F = i(() => {
+      const t = _.value.trim();
+      return t ? X.value.filter((o) => o.province.includes(t) || o.city.includes(t) || o.district.includes(t)).slice(0, 50) : [];
+    });
+    function O(t) {
+      a.value = t, L("change", t), w.value = !1;
+    }
+    function Y() {
+      a.value = void 0, u.value = null, c.value = null, L("change", void 0);
+    }
+    const Z = i(() => a.value ? `${a.value.province} / ${a.value.city} / ${a.value.district}` : G.value), q = i(() => a.value != null), ee = i(() => _.value.trim().length > 0);
+    return T({
+      districts: V,
+      loading: $,
+      error: i(() => (n == null ? void 0 : n.error.value) ?? null),
+      reload: () => n == null ? void 0 : n.load(!0)
+    }), (t, o) => {
+      const v = ne, p = le, m = oe, y = te;
+      return l(), g(y, {
+        open: w.value,
+        "onUpdate:open": o[3] || (o[3] = (e) => w.value = e),
+        content: { align: "start", sideOffset: 4 }
+      }, {
+        content: j(() => [
+          f("div", ve, [
+            M(p, {
+              ref_key: "searchInputRef",
+              ref: P,
+              modelValue: _.value,
+              "onUpdate:modelValue": o[2] || (o[2] = (e) => _.value = e),
+              placeholder: "搜索省 / 市 / 区...",
+              ui: { base: "h-9", leadingIcon: "size-4" },
+              "leading-icon": "i-solar:minimalistic-magnifer-outline"
+            }, null, 8, ["modelValue"]),
+            ee.value ? (l(), s("div", me, [
+              F.value.length > 0 ? (l(!0), s(z, { key: 0 }, B(F.value, (e) => {
+                var d, r;
+                return l(), s("div", {
+                  key: e.districtCode,
+                  class: k(["flex items-center h-9 px-3 rounded-sm cursor-pointer select-none text-sm hover:bg-muted", ((d = a.value) == null ? void 0 : d.districtCode) === e.districtCode ? "bg-accented/70" : ""]),
+                  onClick: (I) => O(e)
+                }, [
+                  f("span", pe, b(e.label), 1),
+                  ((r = a.value) == null ? void 0 : r.districtCode) === e.districtCode ? (l(), g(m, {
+                    key: 0,
+                    name: "i-lucide:check",
+                    class: "size-4 shrink-0 ml-2 text-primary"
+                  })) : D("", !0)
+                ], 10, fe);
+              }), 128)) : (l(), s("div", he, "无匹配结果"))
+            ])) : (l(), s("div", _e, [
+              f("div", ye, [
+                (l(!0), s(z, null, B(V.value, (e) => {
+                  var d, r;
+                  return l(), s("div", {
+                    key: e.adcode,
+                    class: k(["flex items-center justify-between h-9 px-3 cursor-pointer select-none text-sm", ((d = u.value) == null ? void 0 : d.adcode) === e.adcode ? "bg-accented/70" : "hover:bg-muted"]),
+                    onClick: (I) => H(e)
+                  }, [
+                    f("span", ge, b(e.name), 1),
+                    ((r = u.value) == null ? void 0 : r.adcode) === e.adcode ? (l(), g(m, {
+                      key: 0,
+                      name: "i-lucide:chevron-right",
+                      class: "size-4 shrink-0 ml-1 text-muted"
+                    })) : D("", !0)
+                  ], 10, xe);
+                }), 128))
+              ]),
+              f("div", ke, [
+                N.value.length > 0 ? (l(!0), s(z, { key: 0 }, B(N.value, (e) => {
+                  var d, r;
+                  return l(), s("div", {
+                    key: e.adcode,
+                    class: k(["flex items-center justify-between h-9 px-3 cursor-pointer select-none text-sm", ((d = c.value) == null ? void 0 : d.adcode) === e.adcode ? "bg-accented/70" : "hover:bg-muted"]),
+                    onClick: (I) => J(e)
+                  }, [
+                    f("span", Ce, b(e.name), 1),
+                    ((r = c.value) == null ? void 0 : r.adcode) === e.adcode ? (l(), g(m, {
+                      key: 0,
+                      name: "i-lucide:chevron-right",
+                      class: "size-4 shrink-0 ml-1 text-muted"
+                    })) : D("", !0)
+                  ], 10, be);
+                }), 128)) : (l(), s("div", we, "请选择省份"))
+              ]),
+              f("div", Ve, [
+                R.value.length > 0 ? (l(!0), s(z, { key: 0 }, B(R.value, (e) => {
+                  var d, r;
+                  return l(), s("div", {
+                    key: e.adcode,
+                    class: k(["flex items-center justify-between h-9 px-3 cursor-pointer select-none text-sm", ((d = a.value) == null ? void 0 : d.districtCode) === e.adcode ? "bg-accented/70" : "hover:bg-muted"]),
+                    onClick: (I) => W(e)
+                  }, [
+                    f("span", je, b(e.name), 1),
+                    ((r = a.value) == null ? void 0 : r.districtCode) === e.adcode ? (l(), g(m, {
+                      key: 0,
+                      name: "i-lucide:check",
+                      class: "size-3.5 shrink-0 ml-1 text-primary"
+                    })) : D("", !0)
+                  ], 10, $e);
+                }), 128)) : (l(), s("div", ze, "请选择城市"))
+              ])
+            ]))
+          ])
+        ]),
+        default: j(() => [
+          M(v, {
+            color: "neutral",
+            variant: "outline",
+            disabled: C.disabled || $.value,
+            loading: $.value,
+            ui: { base: "rounded-sm justify-between h-10", trailingIcon: "size-4" },
+            "trailing-icon": "i-lucide:chevron-down",
+            class: "w-full saberButton"
+          }, re({
+            default: j(() => [
+              f("span", {
+                class: k(["truncate", q.value ? "" : "text-muted/60 font-normal"])
+              }, b(Z.value), 3)
+            ]),
+            _: 2
+          }, [
+            q.value && C.clearable ? {
+              name: "trailing",
+              fn: j(() => [
+                M(v, {
+                  color: "neutral",
+                  variant: "ghost",
+                  icon: "i-solar:close-circle-outline",
+                  ui: { base: "p-1 min-w-0 -mr-1.5", leadingIcon: "size-4" },
+                  onPointerdown: o[0] || (o[0] = U(() => {
+                  }, ["stop", "prevent"])),
+                  onMousedown: o[1] || (o[1] = U(() => {
+                  }, ["stop", "prevent"])),
+                  onClick: U(Y, ["stop", "prevent"])
+                })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["disabled", "loading"])
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+});
+export {
+  Pe as _
+};

package/dist/SaberInfo.vue_vue_type_script_setup_true_lang-B3W5VsGR.js

@@ -0,0 +1,58 @@
+import y from "@nuxt/ui/components/Tooltip.vue";
+import S from "@nuxt/ui/runtime/vue/components/Icon.vue";
+import { defineComponent as b, inject as k, computed as t, openBlock as r, createElementBlock as B, normalizeStyle as m, normalizeClass as o, createElementVNode as u, toDisplayString as I, createBlock as V, withCtx as w, createVNode as z, createCommentVNode as N, renderSlot as x } from "vue";
+import { S as E } from "./info-context-MfOfJNDT.js";
+const q = /* @__PURE__ */ b({
+  name: "SaberInfo",
+  __name: "SaberInfo",
+  props: {
+    label: { default: "" },
+    tips: { default: "" },
+    leading: {},
+    truncate: { type: Boolean },
+    lineheight: {},
+    mode: {},
+    variant: {},
+    gap: {}
+  },
+  setup(l) {
+    const a = l, e = k(E, void 0), s = t(() => a.leading ?? (e == null ? void 0 : e.value.leading)), d = t(() => a.truncate ?? (e == null ? void 0 : e.value.truncate) ?? !0), c = t(() => a.mode ?? (e == null ? void 0 : e.value.mode) ?? "default"), v = t(() => a.lineheight ?? (e == null ? void 0 : e.value.lineheight)), i = t(() => a.variant ?? (e == null ? void 0 : e.value.variant) ?? "horizontal"), n = t(() => a.gap ?? (e == null ? void 0 : e.value.gap)), f = t(() => c.value === "muted" ? "text-muted/75" : c.value === "light" ? "text-muted/55" : ""), g = t(() => {
+      if (!(i.value !== "vertical" || n.value === void 0))
+        return { gap: typeof n.value == "number" ? `${n.value}px` : n.value };
+    });
+    return (p, L) => {
+      const h = S, _ = y;
+      return r(), B("dl", {
+        class: o(["flex", i.value === "vertical" ? "flex-col" : ["items-start", s.value ? "gap-2" : "gap-3"]]),
+        style: m(g.value)
+      }, [
+        u("dt", {
+          class: o(["shrink-0 flex gap-1 items-center", [s.value, f.value]]),
+          style: m({ lineHeight: v.value })
+        }, [
+          u("span", null, I(l.label), 1),
+          l.tips ? (r(), V(_, {
+            key: 0,
+            text: l.tips,
+            content: { side: "top" },
+            arrow: "",
+            "delay-duration": 0
+          }, {
+            default: w(() => [
+              z(h, { name: "i-solar:question-circle-linear" })
+            ]),
+            _: 1
+          }, 8, ["text"])) : N("", !0)
+        ], 6),
+        u("dd", {
+          class: o(["flex-1 min-w-0 break-all", { truncate: d.value }])
+        }, [
+          x(p.$slots, "default")
+        ], 2)
+      ], 6);
+    };
+  }
+});
+export {
+  q as _
+};

package/dist/SaberInfoProvider.vue_vue_type_script_setup_true_lang-3rF6bSCn.js

@@ -0,0 +1,28 @@
+import { defineComponent as r, computed as a, provide as i, renderSlot as p } from "vue";
+import { S as d } from "./info-context-MfOfJNDT.js";
+const s = /* @__PURE__ */ r({
+  name: "SaberInfoProvider",
+  __name: "SaberInfoProvider",
+  props: {
+    leading: {},
+    truncate: { type: Boolean, default: !0 },
+    lineheight: {},
+    mode: {},
+    variant: {},
+    gap: {}
+  },
+  setup(t) {
+    const e = t, n = a(() => ({
+      leading: e.leading,
+      truncate: e.truncate,
+      lineheight: e.lineheight,
+      mode: e.mode,
+      gap: e.gap,
+      variant: e.variant
+    }));
+    return i(d, n), (o, m) => p(o.$slots, "default");
+  }
+});
+export {
+  s as _
+};

package/dist/SaberModal.vue_vue_type_script_setup_true_lang-DJno3jA3.js

@@ -0,0 +1,71 @@
+import p from "@nuxt/ui/components/Modal.vue";
+import f from "@nuxt/ui/components/Button.vue";
+import { defineComponent as x, useModel as v, openBlock as t, createBlock as a, withCtx as w, createCommentVNode as o, createElementBlock as i, toDisplayString as r, createElementVNode as y, normalizeClass as h, renderSlot as u, mergeModels as b } from "vue";
+const g = {
+  key: 1,
+  class: "pt-6 px-7 relative text-sm"
+}, k = {
+  key: 0,
+  class: "text-xl font-bold mb-4"
+}, C = {
+  key: 1,
+  class: "text-sm text-muted"
+}, B = {
+  key: 2,
+  class: "flex items-center justify-between gap-2 py-5 px-7 border-t border-default bg-muted"
+}, z = /* @__PURE__ */ x({
+  name: "SaberModal",
+  __name: "SaberModal",
+  props: /* @__PURE__ */ b({
+    title: {},
+    description: {},
+    width: { default: "w-140" },
+    showClose: { type: Boolean, default: !0 }
+  }, {
+    open: { type: Boolean, default: !0 },
+    openModifiers: {}
+  }),
+  emits: ["update:open"],
+  setup(e) {
+    const s = v(e, "open");
+    return (l, n) => {
+      const m = f, c = p;
+      return t(), a(c, {
+        open: s.value,
+        "onUpdate:open": n[1] || (n[1] = (d) => s.value = d),
+        close: !1,
+        ui: {
+          body: "p-0 text-sm sm:p-0 relative",
+          content: `rounded-lg overflow-hidden shadow-xs max-w-[95vw] sm:max-w-[90%] ${e.width}`
+        }
+      }, {
+        body: w(() => [
+          e.showClose ? (t(), a(m, {
+            key: 0,
+            variant: "ghost",
+            class: "fixed top-3.5 right-3.5 z-10",
+            icon: "i-lucide:x",
+            ui: { leadingIcon: "size-5" },
+            onClick: n[0] || (n[0] = (d) => s.value = !1)
+          })) : o("", !0),
+          e.title || e.description ? (t(), i("div", g, [
+            e.title ? (t(), i("h4", k, r(e.title), 1)) : o("", !0),
+            e.description ? (t(), i("p", C, r(e.description), 1)) : o("", !0)
+          ])) : o("", !0),
+          y("div", {
+            class: h(["p-7 pt-3", { "pt-7": e.description || !e.title && !e.description }])
+          }, [
+            u(l.$slots, "default")
+          ], 2),
+          l.$slots.footer ? (t(), i("div", B, [
+            u(l.$slots, "footer")
+          ])) : o("", !0)
+        ]),
+        _: 3
+      }, 8, ["open", "ui"]);
+    };
+  }
+});
+export {
+  z as _
+};

package/dist/SaberModalWithMobile.vue_vue_type_script_setup_true_lang-aQlToncY.js

@@ -0,0 +1,87 @@
+import k from "@nuxt/ui/components/Slideover.vue";
+import x from "@nuxt/ui/components/Button.vue";
+import { defineComponent as y, useModel as M, ref as g, computed as C, onMounted as B, onUnmounted as $, openBlock as i, createBlock as r, withCtx as c, createCommentVNode as d, createElementBlock as u, toDisplayString as p, createElementVNode as S, normalizeClass as U, renderSlot as f, mergeModels as E } from "vue";
+import { _ as z } from "./SaberModal.vue_vue_type_script_setup_true_lang-DJno3jA3.js";
+const L = {
+  key: 1,
+  class: "p-4 text-sm border-0 pb-0"
+}, N = {
+  key: 0,
+  class: "text-xl font-bold mb-3"
+}, V = {
+  key: 1,
+  class: "text-sm text-muted"
+}, j = /* @__PURE__ */ y({
+  name: "SaberModalWithMobile",
+  __name: "SaberModalWithMobile",
+  props: /* @__PURE__ */ E({
+    title: {},
+    description: {},
+    width: { default: "w-140" },
+    showClose: { type: Boolean, default: !0 },
+    mobileBreakpoint: { default: 768 }
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {}
+  }),
+  emits: ["update:open"],
+  setup(e) {
+    const v = e, o = M(e, "open"), m = g(!1), h = C(() => `(max-width: ${v.mobileBreakpoint - 1}px)`);
+    let n = null;
+    function a(s) {
+      m.value = s.matches;
+    }
+    return B(() => {
+      n = window.matchMedia(h.value), a(n), n.addEventListener("change", a);
+    }), $(() => {
+      n == null || n.removeEventListener("change", a);
+    }), (s, t) => {
+      const b = x, w = k;
+      return m.value ? (i(), r(w, {
+        key: 0,
+        open: o.value,
+        "onUpdate:open": t[1] || (t[1] = (l) => o.value = l),
+        side: "bottom",
+        ui: { content: "rounded-t-xl h-[93vh] overflow-y-auto border-t border-default" },
+        onClose: t[2] || (t[2] = (l) => o.value = !1)
+      }, {
+        content: c(() => [
+          e.showClose ? (i(), r(b, {
+            key: 0,
+            variant: "ghost",
+            class: "fixed top-[calc(100%-93vh+1rem)] right-3 z-10 border-0",
+            icon: "i-lucide:x",
+            ui: { leadingIcon: "size-5" },
+            onClick: t[0] || (t[0] = (l) => o.value = !1)
+          })) : d("", !0),
+          e.title || e.description ? (i(), u("div", L, [
+            e.title ? (i(), u("h4", N, p(e.title), 1)) : d("", !0),
+            e.description ? (i(), u("p", V, p(e.description), 1)) : d("", !0)
+          ])) : d("", !0),
+          S("div", {
+            class: U(["p-4", { "pt-1": e.description || e.title }])
+          }, [
+            f(s.$slots, "default")
+          ], 2)
+        ]),
+        _: 3
+      }, 8, ["open"])) : (i(), r(z, {
+        key: 1,
+        open: o.value,
+        "onUpdate:open": t[3] || (t[3] = (l) => o.value = l),
+        title: e.title,
+        description: e.description,
+        width: e.width,
+        "show-close": e.showClose
+      }, {
+        default: c(() => [
+          f(s.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["open", "title", "description", "width", "show-close"]));
+    };
+  }
+});
+export {
+  j as _
+};

package/dist/SaberNoData.types.d.ts

@@ -0,0 +1,11 @@
+export interface SaberNoDataProps {
+    /** 是否显示边框，默认 true */
+    border?: boolean;
+    class?: any;
+    /** 图标名，默认 'i-lucide-inbox' */
+    icon?: string;
+    /** 标题，默认 '暂无数据' */
+    title?: string;
+    /** 描述文本，默认 '当前列表为空，还没有任何数据' */
+    description?: string;
+}

package/dist/SaberNoData.vue.d.ts

@@ -0,0 +1,24 @@
+import { SaberNoDataProps } from './SaberNoData.types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        extra?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<SaberNoDataProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SaberNoDataProps> & Readonly<{}>, {
+    border: boolean;
+    icon: string;
+    title: string;
+    description: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/SaberPopSelect.vue_vue_type_script_setup_true_lang-BcS27NXI.js

@@ -0,0 +1,125 @@
+import z from "@nuxt/ui/components/Popover.vue";
+import U from "@nuxt/ui/runtime/vue/components/Icon.vue";
+import j from "@nuxt/ui/components/Button.vue";
+import { defineComponent as I, useModel as L, ref as N, useAttrs as O, computed as u, openBlock as r, createBlock as b, withCtx as i, createVNode as _, mergeProps as E, unref as $, createSlots as D, createElementVNode as p, normalizeClass as x, toDisplayString as k, withModifiers as m, createElementBlock as v, Fragment as F, renderList as q, createCommentVNode as G, mergeModels as w } from "vue";
+const H = {
+  style: { width: "var(--reka-popper-anchor-width)" },
+  class: "p-2 max-h-60 overflow-y-auto flex flex-col gap-0.5"
+}, J = ["onClick"], K = { class: "flex-1 truncate" }, Q = {
+  key: 1,
+  class: "flex items-center justify-center h-10 text-sm text-muted px-3"
+}, Z = /* @__PURE__ */ I({
+  name: "SaberPopSelect",
+  inheritAttrs: !1,
+  __name: "SaberPopSelect",
+  props: /* @__PURE__ */ w({
+    items: { default: () => [] },
+    placeholder: { default: "请选择" },
+    multiple: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ w(["change"], ["update:modelValue"]),
+  setup(s, { emit: A }) {
+    const o = s, c = A, t = L(s, "modelValue"), d = N(!1), f = O();
+    function h(l) {
+      return o.multiple ? Array.isArray(t.value) && t.value.includes(l.value) : t.value === l.value;
+    }
+    function S(l) {
+      if (!l.disabled) {
+        if (o.multiple) {
+          const e = Array.isArray(t.value) ? [...t.value] : [], n = e.indexOf(l.value);
+          n === -1 ? e.push(l.value) : e.splice(n, 1), t.value = e, c("change", e);
+          return;
+        }
+        t.value = l.value, d.value = !1, c("change", l.value);
+      }
+    }
+    function C() {
+      const l = o.multiple ? [] : void 0;
+      t.value = l, c("change", l);
+    }
+    const g = u(() => {
+      if (o.multiple) {
+        const e = Array.isArray(t.value) ? t.value : [];
+        return o.items.filter((n) => e.includes(n.value)).map((n) => n.label);
+      }
+      const l = o.items.find((e) => e.value === t.value);
+      return l ? [l.label] : [];
+    }), V = u(() => g.value.length > 0 ? g.value.join(", ") : o.placeholder), y = u(() => o.multiple ? Array.isArray(t.value) && t.value.length > 0 : t.value != null && t.value !== ""), B = u(() => {
+      const { class: l, ...e } = f;
+      return e;
+    });
+    return (l, e) => {
+      const n = j, M = U, P = z;
+      return r(), b(P, {
+        open: d.value,
+        "onUpdate:open": e[2] || (e[2] = (a) => d.value = a),
+        content: { align: "start", sideOffset: 4 }
+      }, {
+        content: i(() => [
+          p("div", H, [
+            s.items.length > 0 ? (r(!0), v(F, { key: 0 }, q(s.items, (a) => (r(), v("div", {
+              key: String(a.value),
+              class: x(["flex items-center h-10 px-3 rounded-sm select-none text-sm", [
+                a.disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+                h(a) ? "bg-accented/70" : a.disabled ? "" : "hover:bg-muted"
+              ]]),
+              onClick: (R) => S(a)
+            }, [
+              p("span", K, k(a.label), 1),
+              h(a) ? (r(), b(M, {
+                key: 0,
+                name: "i-lucide:check",
+                class: "size-4 shrink-0 ml-2"
+              })) : G("", !0)
+            ], 10, J))), 128)) : (r(), v("div", Q, "暂无数据"))
+          ])
+        ]),
+        default: i(() => [
+          _(n, E({
+            color: "neutral",
+            variant: "outline",
+            disabled: s.disabled,
+            ui: { base: "rounded-sm justify-between h-10", trailingIcon: "size-4" },
+            "trailing-icon": "i-lucide:chevron-down"
+          }, B.value, {
+            class: $(f).class || "w-full"
+          }), D({
+            default: i(() => [
+              p("span", {
+                class: x(["truncate", y.value ? "" : "text-muted/60 font-normal"])
+              }, k(V.value), 3)
+            ]),
+            _: 2
+          }, [
+            y.value && s.clearable ? {
+              name: "trailing",
+              fn: i(() => [
+                _(n, {
+                  color: "neutral",
+                  variant: "ghost",
+                  icon: "i-solar:close-circle-outline",
+                  ui: { base: "p-1 min-w-0 -mr-1.5", leadingIcon: "size-4" },
+                  onPointerdown: e[0] || (e[0] = m(() => {
+                  }, ["stop", "prevent"])),
+                  onMousedown: e[1] || (e[1] = m(() => {
+                  }, ["stop", "prevent"])),
+                  onClick: m(C, ["stop", "prevent"])
+                })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040, ["disabled", "class"])
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+});
+export {
+  Z as _
+};