@owocow/saber-ui 0.1.12 → 0.1.14

package/dist/{SaberAppSidebar.vue_vue_type_script_setup_true_lang-HXyIXiau.js → SaberAppSidebar.vue_vue_type_script_setup_true_lang-Cwuj9VNi.js}

@@ -1,12 +1,12 @@
-import le from "@nuxt/ui/components/Button.vue";
+import oe from "@nuxt/ui/components/Button.vue";
 import ne from "@nuxt/ui/runtime/vue/components/Icon.vue";
-import { defineComponent as ie, useModel as oe, ref as ce, computed as W, openBlock as c, createElementBlock as g, normalizeClass as s, unref as l, createElementVNode as h, renderSlot as M, createBlock as _, withCtx as C, normalizeProps as re, guardReactiveProps as ue, createCommentVNode as A, createVNode as G, Transition as de, toDisplayString as K, Fragment as H, renderList as N, mergeModels as X } from "vue";
-import { tv as me } from "tailwind-variants";
-import { _ as ve } from "./SaberNavigationSearch.vue_vue_type_script_setup_true_lang-Bj96kMla.js";
+import { defineComponent as ie, useModel as ce, ref as re, computed as X, openBlock as c, createElementBlock as x, normalizeClass as s, unref as l, createElementVNode as h, renderSlot as T, createBlock as w, withCtx as $, normalizeProps as ue, guardReactiveProps as de, createCommentVNode as _, createVNode as G, Transition as me, toDisplayString as K, Fragment as H, renderList as N, mergeModels as Y } from "vue";
+import { tv as ve } from "tailwind-variants";
+import { _ as fe } from "./SaberNavigationSearch.vue_vue_type_script_setup_true_lang-Bj96kMla.js";
 const xe = /* @__PURE__ */ ie({
   name: "SaberAppSidebar",
   __name: "SaberAppSidebar",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ Y({
     sections: {},
     searchGroups: { default: () => [] },
     activeKey: {},
@@ -16,9 +16,9 @@ const xe = /* @__PURE__ */ ie({
     activeSection: { default: void 0 },
     activeSectionModifiers: {}
   }),
-  emits: /* @__PURE__ */ X(["select", "section-select"], ["update:activeSection"]),
-  setup(V, { emit: Y }) {
-    const e = V, $ = Y, F = oe(V, "activeSection"), T = ce(!1), w = W(() => e.sections.find((t) => t.key === F.value)), a = me({
+  emits: /* @__PURE__ */ Y(["select", "section-select"], ["update:activeSection"]),
+  setup(V, { emit: Z }) {
+    const e = V, A = Z, E = ce(V, "activeSection"), F = re(!1), B = X(() => e.sections.find((t) => t.key === E.value)), a = ve({
       slots: {
         root: "flex h-full min-h-0 flex-col overflow-hidden",
         header: "shrink-0",
@@ -26,6 +26,7 @@ const xe = /* @__PURE__ */ ie({
         viewport: "min-h-0 flex-1 overflow-y-auto",
         panel: "flex min-h-full flex-col gap-1.5",
         sectionList: "flex flex-col",
+        rootFooter: "shrink-0",
         group: "flex flex-col",
         groupLabel: "px-2 py-2 text-[11px] uppercase tracking-wider text-muted/70",
         childList: "flex flex-col",
@@ -35,62 +36,62 @@ const xe = /* @__PURE__ */ ie({
         sectionItemLeadingIcon: "size-4.5 shrink-0",
         sectionItemLabel: "min-w-0 flex-1 truncate text-left",
         sectionItemTrailingIcon: "size-4 shrink-0",
-        childItem: "flex w-full items-center rounded-md px-2 py-1.5 font-normal text-sm mb-0.5 gap-2 text-left transition",
+        childItem: "flex w-full items-center rounded-md px-2 py-2 font-normal text-sm mb-0.5 gap-2 text-left transition",
         childItemLeadingIcon: "size-4 shrink-0",
         childItemLabel: "min-w-0 flex-1 truncate text-left",
-        backButton: "flex w-full items-center rounded-md px-2 py-2 gap-2 text-left transition",
-        backButtonIcon: "size-4.5 shrink-0",
-        backButtonLabel: "truncate text-sm font-medium flex-1 text-center pr-10"
+        backButton: "flex w-full items-center rounded-md h-9 px-2 gap-2 text-left transition ",
+        backButtonIcon: "size-4 shrink-0",
+        backButtonLabel: "truncate text-sm font-normal flex-1 text-center"
       }
-    })(), z = W(() => {
-      var t, i, o, r, u, d, m, v, f, p, b, B;
+    })(), z = X(() => {
+      var t, o, i, r, u, d, m, v, f, p, b, S;
       return {
-        enterActive: ((i = (t = e.ui) == null ? void 0 : t.transition) == null ? void 0 : i.enterActive) ?? "transition duration-200 ease-out",
-        leaveActive: ((r = (o = e.ui) == null ? void 0 : o.transition) == null ? void 0 : r.leaveActive) ?? "transition duration-200 ease-out pointer-events-none",
-        enterFrom: T.value ? ((d = (u = e.ui) == null ? void 0 : u.transition) == null ? void 0 : d.backwardEnterFrom) ?? "-translate-x-2 opacity-0 blur-[2px]" : ((v = (m = e.ui) == null ? void 0 : m.transition) == null ? void 0 : v.forwardEnterFrom) ?? "translate-x-2 opacity-0 blur-[2px]",
-        leaveTo: T.value ? ((p = (f = e.ui) == null ? void 0 : f.transition) == null ? void 0 : p.backwardLeaveTo) ?? "translate-x-2 opacity-0 blur-[2px]" : ((B = (b = e.ui) == null ? void 0 : b.transition) == null ? void 0 : B.forwardLeaveTo) ?? "-translate-x-2 opacity-0 blur-[2px]"
+        enterActive: ((o = (t = e.ui) == null ? void 0 : t.transition) == null ? void 0 : o.enterActive) ?? "transition duration-100 ease-out",
+        leaveActive: ((r = (i = e.ui) == null ? void 0 : i.transition) == null ? void 0 : r.leaveActive) ?? "transition duration-100 ease-out pointer-events-none",
+        enterFrom: F.value ? ((d = (u = e.ui) == null ? void 0 : u.transition) == null ? void 0 : d.backwardEnterFrom) ?? "-translate-x-2 opacity-0 blur-[2px]" : ((v = (m = e.ui) == null ? void 0 : m.transition) == null ? void 0 : v.forwardEnterFrom) ?? "translate-x-2 opacity-0 blur-[2px]",
+        leaveTo: F.value ? ((p = (f = e.ui) == null ? void 0 : f.transition) == null ? void 0 : p.backwardLeaveTo) ?? "translate-x-2 opacity-0 blur-[2px]" : ((S = (b = e.ui) == null ? void 0 : b.transition) == null ? void 0 : S.forwardLeaveTo) ?? "-translate-x-2 opacity-0 blur-[2px]"
       };
     });
-    function E(t) {
-      return t.groups.flatMap((i) => i.items);
+    function M(t) {
+      return t.groups.flatMap((o) => o.items);
     }
     function P(t) {
-      return E(t).some((i) => i.key === e.activeKey);
-    }
-    function Z(t) {
-      var o, r, u, d, m, v, f, p;
-      const i = P(t) ? ["font-medium", (r = (o = e.ui) == null ? void 0 : o.sectionItem) == null ? void 0 : r.active] : ["text-default", (d = (u = e.ui) == null ? void 0 : u.sectionItem) == null ? void 0 : d.inactive];
-      return a.sectionItem({ class: [(v = (m = e.ui) == null ? void 0 : m.sectionItem) == null ? void 0 : v.base, i, (p = (f = e.ui) == null ? void 0 : f.sectionItem) == null ? void 0 : p.hover] });
+      return M(t).some((o) => o.key === e.activeKey);
     }
     function ee(t) {
-      var o, r, u, d, m, v, f, p;
-      const i = t.key === e.activeKey ? ["font-medium", (r = (o = e.ui) == null ? void 0 : o.childItem) == null ? void 0 : r.active] : ["text-default", (d = (u = e.ui) == null ? void 0 : u.childItem) == null ? void 0 : d.inactive];
-      return a.childItem({ class: [(v = (m = e.ui) == null ? void 0 : m.childItem) == null ? void 0 : v.base, i, (p = (f = e.ui) == null ? void 0 : f.childItem) == null ? void 0 : p.hover] });
+      var i, r, u, d, m, v, f, p;
+      const o = P(t) ? ["font-medium", (r = (i = e.ui) == null ? void 0 : i.sectionItem) == null ? void 0 : r.active] : ["text-default", (d = (u = e.ui) == null ? void 0 : u.sectionItem) == null ? void 0 : d.inactive];
+      return a.sectionItem({ class: [(v = (m = e.ui) == null ? void 0 : m.sectionItem) == null ? void 0 : v.base, o, (p = (f = e.ui) == null ? void 0 : f.sectionItem) == null ? void 0 : p.hover] });
     }
     function te(t) {
-      var o;
-      const i = E(t);
-      if (i.length === 1) {
-        $("select", {
+      var i, r, u, d, m, v, f, p;
+      const o = t.key === e.activeKey ? ["font-medium", (r = (i = e.ui) == null ? void 0 : i.childItem) == null ? void 0 : r.active] : ["text-default", (d = (u = e.ui) == null ? void 0 : u.childItem) == null ? void 0 : d.inactive];
+      return a.childItem({ class: [(v = (m = e.ui) == null ? void 0 : m.childItem) == null ? void 0 : v.base, o, (p = (f = e.ui) == null ? void 0 : f.childItem) == null ? void 0 : p.hover] });
+    }
+    function ae(t) {
+      var i;
+      const o = M(t);
+      if (o.length === 1) {
+        A("select", {
           source: "direct",
-          item: i[0],
+          item: o[0],
           sectionKey: t.key,
-          groupKey: (o = t.groups[0]) == null ? void 0 : o.key
+          groupKey: (i = t.groups[0]) == null ? void 0 : i.key
         });
         return;
       }
-      T.value = !1, F.value = t.key, $("section-select", t);
+      F.value = !1, E.value = t.key, A("section-select", t);
     }
-    function ae() {
-      T.value = !0, F.value = void 0;
+    function se() {
+      F.value = !0, E.value = void 0;
     }
-    function se(t, i, o) {
-      $("select", { source: "item", item: t, sectionKey: i, groupKey: o });
+    function le(t, o, i) {
+      A("select", { source: "item", item: t, sectionKey: o, groupKey: i });
     }
-    return (t, i) => {
+    return (t, o) => {
       var u, d, m, v, f, p;
-      const o = ne, r = le;
-      return c(), g("aside", {
+      const i = ne, r = oe;
+      return c(), x("aside", {
         class: s(l(a).root({ class: (u = e.ui) == null ? void 0 : u.root }))
       }, [
         h("header", {
@@ -99,95 +100,96 @@ const xe = /* @__PURE__ */ ie({
           h("div", {
             class: s(l(a).logo({ class: (m = e.ui) == null ? void 0 : m.logo }))
           }, [
-            M(t.$slots, "logo")
+            T(t.$slots, "logo")
           ], 2),
-          e.searchGroups.length ? (c(), _(ve, {
+          e.searchGroups.length ? (c(), w(fe, {
             key: 0,
             groups: e.searchGroups,
             shortcut: e.shortcut,
             ui: (v = e.ui) == null ? void 0 : v.search,
-            onSelect: i[0] || (i[0] = (b) => $("select", b))
+            onSelect: o[0] || (o[0] = (b) => A("select", b))
           }, {
-            empty: C((b) => [
-              M(t.$slots, "search-empty", re(ue(b)))
+            empty: $((b) => [
+              T(t.$slots, "search-empty", ue(de(b)))
             ]),
             _: 3
-          }, 8, ["groups", "shortcut", "ui"])) : A("", !0)
+          }, 8, ["groups", "shortcut", "ui"])) : _("", !0)
         ], 2),
         h("nav", {
           class: s(l(a).viewport({ class: (f = e.ui) == null ? void 0 : f.viewport }))
         }, [
-          G(de, {
+          G(me, {
             mode: "out-in",
             "enter-active-class": z.value.enterActive,
             "leave-active-class": z.value.leaveActive,
             "enter-from-class": z.value.enterFrom,
             "leave-to-class": z.value.leaveTo
           }, {
-            default: C(() => {
-              var b, B, U, D, R, j, q, J;
+            default: $(() => {
+              var b, S, U, D, R, j, q, J, O;
               return [
-                w.value ? (c(), g("div", {
-                  key: w.value.key,
+                B.value ? (c(), x("div", {
+                  key: B.value.key,
                   class: s(l(a).panel({ class: (b = e.ui) == null ? void 0 : b.panel }))
                 }, [
                   h("div", {
-                    class: s(l(a).nestedHeader({ class: (B = e.ui) == null ? void 0 : B.nestedHeader }))
+                    class: s(l(a).nestedHeader({ class: (S = e.ui) == null ? void 0 : S.nestedHeader }))
                   }, [
                     G(r, {
                       "data-testid": "back-button",
                       color: "neutral",
                       variant: "ghost",
                       class: s(l(a).backButton({ class: [(D = (U = e.ui) == null ? void 0 : U.backButton) == null ? void 0 : D.base, (j = (R = e.ui) == null ? void 0 : R.backButton) == null ? void 0 : j.hover] })),
-                      onClick: ae
+                      onClick: se
                     }, {
-                      default: C(() => {
-                        var n, x, y, I;
+                      default: $(() => {
+                        var n, y, I, g;
                         return [
-                          G(o, {
+                          G(i, {
                             name: "solar:alt-arrow-left-linear",
-                            class: s(l(a).backButtonIcon({ class: (x = (n = e.ui) == null ? void 0 : n.backButton) == null ? void 0 : x.icon }))
+                            class: s(l(a).backButtonIcon({ class: (y = (n = e.ui) == null ? void 0 : n.backButton) == null ? void 0 : y.icon }))
                           }, null, 8, ["class"]),
                           h("span", {
-                            class: s(l(a).backButtonLabel({ class: (I = (y = e.ui) == null ? void 0 : y.backButton) == null ? void 0 : I.label }))
-                          }, K(w.value.label), 3)
+                            class: s(l(a).backButtonLabel({ class: (g = (I = e.ui) == null ? void 0 : I.backButton) == null ? void 0 : g.label }))
+                          }, K(B.value.label), 3),
+                          o[1] || (o[1] = h("span", { class: "size-4.5 shrink-0" }, null, -1))
                         ];
                       }),
                       _: 1
                     }, 8, ["class"])
                   ], 2),
-                  (c(!0), g(H, null, N(w.value.groups, (n) => {
-                    var x, y, I;
-                    return c(), g("div", {
+                  (c(!0), x(H, null, N(B.value.groups, (n) => {
+                    var y, I, g;
+                    return c(), x("div", {
                       key: n.key,
-                      class: s(l(a).group({ class: (x = e.ui) == null ? void 0 : x.group }))
+                      class: s(l(a).group({ class: (y = e.ui) == null ? void 0 : y.group }))
                     }, [
-                      n.label ? (c(), g("p", {
+                      n.label ? (c(), x("p", {
                         key: 0,
-                        class: s(l(a).groupLabel({ class: (y = e.ui) == null ? void 0 : y.groupLabel }))
-                      }, K(n.label), 3)) : A("", !0),
+                        class: s(l(a).groupLabel({ class: (I = e.ui) == null ? void 0 : I.groupLabel }))
+                      }, K(n.label), 3)) : _("", !0),
                       h("div", {
-                        class: s(l(a).childList({ class: (I = e.ui) == null ? void 0 : I.childList }))
+                        class: s(l(a).childList({ class: (g = e.ui) == null ? void 0 : g.childList }))
                       }, [
-                        (c(!0), g(H, null, N(n.items, (k) => (c(), _(r, {
+                        (c(!0), x(H, null, N(n.items, (k) => (c(), w(r, {
                           key: k.key,
                           "data-testid": `item-${k.key}`,
                           "data-active": k.key === e.activeKey,
                           color: "neutral",
                           variant: "ghost",
-                          class: s(ee(k)),
-                          onClick: (L) => se(k, w.value.key, n.key)
+                          class: s(te(k)),
+                          onClick: (L) => le(k, B.value.key, n.key)
                         }, {
-                          default: C(() => {
-                            var L, S, O, Q;
+                          default: $(() => {
+                            var L, C, Q, W;
                             return [
-                              k.icon ? (c(), _(o, {
+                              k.icon ? (c(), w(i, {
                                 key: 0,
                                 name: k.icon,
-                                class: s(l(a).childItemLeadingIcon({ class: (S = (L = e.ui) == null ? void 0 : L.childItem) == null ? void 0 : S.leadingIcon }))
-                              }, null, 8, ["name", "class"])) : A("", !0),
+                                class: s(l(a).childItemLeadingIcon({ class: (C = (L = e.ui) == null ? void 0 : L.childItem) == null ? void 0 : C.leadingIcon }))
+                              }, null, 8, ["name", "class"])) : _("", !0),
                               h("span", {
-                                class: s(l(a).childItemLabel({ class: (Q = (O = e.ui) == null ? void 0 : O.childItem) == null ? void 0 : Q.label }))
+                                class: s(l(a).childItemLabel({ class: (W = (Q = e.ui) == null ? void 0 : Q.childItem) == null ? void 0 : W.label }))
                               }, K(k.label), 3)
                             ];
                           }),
@@ -196,54 +198,61 @@ const xe = /* @__PURE__ */ ie({
                       ], 2)
                     ], 2);
                   }), 128))
-                ], 2)) : (c(), g("div", {
+                ], 2)) : (c(), x("div", {
                   key: "root",
                   class: s(l(a).panel({ class: (q = e.ui) == null ? void 0 : q.panel }))
                 }, [
                   h("div", {
                     class: s(l(a).sectionList({ class: (J = e.ui) == null ? void 0 : J.sectionList }))
                   }, [
-                    (c(!0), g(H, null, N(e.sections, (n) => (c(), _(r, {
+                    (c(!0), x(H, null, N(e.sections, (n) => (c(), w(r, {
                       key: n.key,
                       "data-testid": `section-${n.key}`,
                       "data-section": n.key,
                       "data-active": P(n),
                       color: "neutral",
                       variant: "ghost",
-                      class: s(Z(n)),
-                      onClick: (x) => te(n)
+                      class: s(ee(n)),
+                      onClick: (y) => ae(n)
                     }, {
-                      default: C(() => {
-                        var x, y, I, k, L, S;
+                      default: $(() => {
+                        var y, I, g, k, L, C;
                         return [
-                          n.icon ? (c(), _(o, {
+                          n.icon ? (c(), w(i, {
                             key: 0,
                             name: n.icon,
-                            class: s(l(a).sectionItemLeadingIcon({ class: (y = (x = e.ui) == null ? void 0 : x.sectionItem) == null ? void 0 : y.leadingIcon }))
-                          }, null, 8, ["name", "class"])) : A("", !0),
+                            class: s(l(a).sectionItemLeadingIcon({ class: (I = (y = e.ui) == null ? void 0 : y.sectionItem) == null ? void 0 : I.leadingIcon }))
+                          }, null, 8, ["name", "class"])) : _("", !0),
                           h("span", {
-                            class: s(l(a).sectionItemLabel({ class: (k = (I = e.ui) == null ? void 0 : I.sectionItem) == null ? void 0 : k.label }))
+                            class: s(l(a).sectionItemLabel({ class: (k = (g = e.ui) == null ? void 0 : g.sectionItem) == null ? void 0 : k.label }))
                           }, K(n.label), 3),
-                          E(n).length > 1 ? (c(), _(o, {
+                          M(n).length > 1 ? (c(), w(i, {
                             key: 1,
                             name: "solar:alt-arrow-right-linear",
-                            class: s(l(a).sectionItemTrailingIcon({ class: (S = (L = e.ui) == null ? void 0 : L.sectionItem) == null ? void 0 : S.trailingIcon }))
-                          }, null, 8, ["class"])) : A("", !0)
+                            class: s(l(a).sectionItemTrailingIcon({ class: (C = (L = e.ui) == null ? void 0 : L.sectionItem) == null ? void 0 : C.trailingIcon }))
+                          }, null, 8, ["class"])) : _("", !0)
                         ];
                       }),
                       _: 2
                     }, 1032, ["data-testid", "data-section", "data-active", "class", "onClick"]))), 128))
-                  ], 2)
+                  ], 2),
+                  t.$slots["root-footer"] ? (c(), x("div", {
+                    key: 0,
+                    "data-testid": "root-footer",
+                    class: s(l(a).rootFooter({ class: (O = e.ui) == null ? void 0 : O.rootFooter }))
+                  }, [
+                    T(t.$slots, "root-footer")
+                  ], 2)) : _("", !0)
                 ], 2))
               ];
             }),
-            _: 1
+            _: 3
           }, 8, ["enter-active-class", "leave-active-class", "enter-from-class", "leave-to-class"])
         ], 2),
         h("footer", {
           class: s(l(a).footer({ class: (p = e.ui) == null ? void 0 : p.footer }))
         }, [
-          M(t.$slots, "footer")
+          T(t.$slots, "footer")
         ], 2)
       ], 2);
     };

package/dist/{SaberDictSelect.vue_vue_type_script_setup_true_lang-B8PTKNKX.js → SaberDictSelect.vue_vue_type_script_setup_true_lang-BKdOdlFX.js}

@@ -1,5 +1,5 @@
 import { defineComponent as V, useModel as g, toRef as s, computed as h, openBlock as v, createBlock as S, mergeProps as y, unref as i, mergeModels as m } from "vue";
-import { _ as B } from "./SaberPopSelect.vue_vue_type_script_setup_true_lang-BcS27NXI.js";
+import { _ as B } from "./SaberPopSelect.vue_vue_type_script_setup_true_lang-eH8jkkzK.js";
 import { u as D } from "./use-dict-options-DjtbYYIa.js";
 const C = /* @__PURE__ */ V({
   name: "SaberDictSelect",

package/dist/SaberDistrictSelect.vue_vue_type_script_setup_true_lang-jkl2AOay.js

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