@rft-rc/recycle-ui 0.0.2-rc.1 → 0.0.2-rc.2

package/dist/index.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as W, inject as z, computed as _, onMounted as be, createElementBlock as m, openBlock as r, normalizeStyle as A, normalizeClass as V, createCommentVNode as k, toDisplayString as x, renderSlot as C, Fragment as M, createBlock as q, createTextVNode as H, createElementVNode as $, ref as I, watchEffect as Le, provide as F, renderList as Y, onUnmounted as ke, Teleport as Ne, createVNode as L, Transition as le, withCtx as O, createApp as Be, reactive as We, TransitionGroup as Te, render as $e, watch as ie, nextTick as ue, unref as K } from "vue";
-const ze = {
+import { defineComponent as F, inject as H, computed as C, onMounted as We, createElementBlock as u, openBlock as a, normalizeStyle as B, normalizeClass as E, createCommentVNode as $, toDisplayString as I, renderSlot as A, Fragment as L, createBlock as U, createTextVNode as ne, createElementVNode as g, ref as V, watchEffect as Xe, provide as Q, renderList as W, onUnmounted as ze, Teleport as Ze, createVNode as M, Transition as fe, withCtx as Z, createApp as et, reactive as tt, TransitionGroup as nt, render as Me, watch as Ie, nextTick as we, unref as q, withDirectives as st, vModelText as rt } from "vue";
+const at = {
   key: 0,
   class: "rc-icon__unicode"
-}, Me = /* @__PURE__ */ W({
+}, lt = /* @__PURE__ */ F({
   name: "rc-icon",
   __name: "index",
   props: {
@@ -12,52 +12,52 @@ const ze = {
     spin: { type: Boolean, default: !1 },
     code: { default: "" }
   },
-  setup(e) {
-    const t = e, a = z(re, {}), i = _(() => (a == null ? void 0 : a.iconClass) || "iconfont"), v = _(() => t.name || ""), f = _(() => typeof t.size == "number" ? `${t.size}px` : t.size || "16px"), u = _(() => ({
-      fontSize: f.value,
-      color: t.color || void 0,
+  setup(t) {
+    const n = t, o = H(ve, {}), v = C(() => (o == null ? void 0 : o.iconClass) || "iconfont"), h = C(() => n.name || ""), p = C(() => typeof n.size == "number" ? `${n.size}px` : n.size || "16px"), y = C(() => ({
+      fontSize: p.value,
+      color: n.color || void 0,
       lineHeight: 1,
-      fontFamily: (a == null ? void 0 : a.iconClass) || "iconfont"
-    })), o = _(() => {
-      const l = t.code;
-      if (l == null || l === "" || l === 0) return "";
-      if (typeof l == "number")
-        return String.fromCharCode(l);
-      const c = String(l).replace(/^0x/i, ""), b = parseInt(c, 16);
-      return Number.isNaN(b) ? "" : String.fromCharCode(b);
+      fontFamily: (o == null ? void 0 : o.iconClass) || "iconfont"
+    })), d = C(() => {
+      const c = n.code;
+      if (c == null || c === "" || c === 0) return "";
+      if (typeof c == "number")
+        return String.fromCharCode(c);
+      const f = String(c).replace(/^0x/i, ""), x = parseInt(f, 16);
+      return Number.isNaN(x) ? "" : String.fromCharCode(x);
     });
-    return be(() => {
+    return We(() => {
       if (typeof window > "u") return;
-      const l = a && a.iconCssUrl || Ce.iconCssUrl;
-      if (!l) return;
-      const c = `link[rel="stylesheet"][data-rcui-icon="true"][href="${l}"]`;
-      if (!document.head.querySelector(c)) {
-        const y = document.createElement("link");
-        y.rel = "stylesheet", y.href = l, y.setAttribute("data-rcui-icon", "true"), document.head.appendChild(y);
+      const c = o && o.iconCssUrl || Ke.iconCssUrl;
+      if (!c) return;
+      const f = `link[rel="stylesheet"][data-rcui-icon="true"][href="${c}"]`;
+      if (!document.head.querySelector(f)) {
+        const _ = document.createElement("link");
+        _.rel = "stylesheet", _.href = c, _.setAttribute("data-rcui-icon", "true"), document.head.appendChild(_);
       }
-    }), (l, c) => (r(), m("i", {
-      class: V(["rc-icon", [i.value, v.value, { "rc-icon--spin": e.spin }]]),
-      style: A(u.value),
+    }), (c, f) => (a(), u("i", {
+      class: E(["rc-icon", [v.value, h.value, { "rc-icon--spin": t.spin }]]),
+      style: B(y.value),
       "aria-hidden": "true"
     }, [
-      o.value ? (r(), m("span", ze, x(o.value), 1)) : k("", !0)
+      d.value ? (a(), u("span", at, I(d.value), 1)) : $("", !0)
     ], 6));
   }
-}), T = (e, t) => {
-  const a = e.__vccOpts || e;
-  for (const [i, v] of t)
-    a[i] = v;
-  return a;
-}, D = /* @__PURE__ */ T(Me, [["__scopeId", "data-v-3857a892"]]), Ue = ["disabled"], Fe = {
+}), O = (t, n) => {
+  const o = t.__vccOpts || t;
+  for (const [v, h] of n)
+    o[v] = h;
+  return o;
+}, T = /* @__PURE__ */ O(lt, [["__scopeId", "data-v-3857a892"]]), ot = ["disabled"], ct = {
   key: 0,
   class: "rc-button__spinner"
-}, Ge = {
+}, ut = {
   key: 0,
   class: "rc-button__icon rc-button__icon--prefix"
-}, Oe = {
+}, it = {
   key: 2,
   class: "rc-button__icon rc-button__icon--suffix"
-}, Pe = /* @__PURE__ */ W({
+}, dt = /* @__PURE__ */ F({
   __name: "index",
   props: {
     type: { default: "default" },
@@ -72,48 +72,48 @@ const ze = {
     suffixIcon: { default: "" }
   },
   emits: ["click"],
-  setup(e, { emit: t }) {
-    const a = e, i = t, v = (u) => {
-      !a.disabled && !a.loading && i("click", u);
-    }, f = _(() => {
-      const u = a.round;
-      return typeof u == "boolean" ? u ? "999px" : "6px" : typeof u == "number" ? `${u}px` : String(u);
+  setup(t, { emit: n }) {
+    const o = t, v = n, h = (y) => {
+      !o.disabled && !o.loading && v("click", y);
+    }, p = C(() => {
+      const y = o.round;
+      return typeof y == "boolean" ? y ? "999px" : "6px" : typeof y == "number" ? `${y}px` : String(y);
     });
-    return (u, o) => (r(), m("button", {
-      class: V(["rc-button", [`rc-button--${e.type}`, `rc-button--${e.size}`, e.mode ? `rc-button--${e.mode}` : "", { "is-block": e.block, "is-disabled": e.disabled, "is-loading": e.loading }]]),
-      style: A({ borderRadius: f.value }),
-      disabled: e.disabled || e.loading,
-      onClick: v
+    return (y, d) => (a(), u("button", {
+      class: E(["rc-button", [`rc-button--${t.type}`, `rc-button--${t.size}`, t.mode ? `rc-button--${t.mode}` : "", { "is-block": t.block, "is-disabled": t.disabled, "is-loading": t.loading }]]),
+      style: B({ borderRadius: p.value }),
+      disabled: t.disabled || t.loading,
+      onClick: h
     }, [
-      e.loading ? (r(), m("span", Fe)) : (r(), m(M, { key: 1 }, [
-        e.preIcon || u.$slots.preIcon ? (r(), m("span", Ge, [
-          C(u.$slots, "preIcon", {}, () => [
-            e.preIcon ? (r(), q(D, {
+      t.loading ? (a(), u("span", ct)) : (a(), u(L, { key: 1 }, [
+        t.preIcon || y.$slots.preIcon ? (a(), u("span", ut, [
+          A(y.$slots, "preIcon", {}, () => [
+            t.preIcon ? (a(), U(T, {
               key: 0,
-              name: e.preIcon
-            }, null, 8, ["name"])) : k("", !0)
+              name: t.preIcon
+            }, null, 8, ["name"])) : $("", !0)
           ], !0)
-        ])) : k("", !0)
+        ])) : $("", !0)
       ], 64)),
-      C(u.$slots, "default", {}, () => [
-        H(x(e.label), 1)
+      A(y.$slots, "default", {}, () => [
+        ne(I(t.label), 1)
       ], !0),
-      !e.loading && (e.suffixIcon || u.$slots.suffixIcon) ? (r(), m("span", Oe, [
-        C(u.$slots, "suffixIcon", {}, () => [
-          e.suffixIcon ? (r(), q(D, {
+      !t.loading && (t.suffixIcon || y.$slots.suffixIcon) ? (a(), u("span", it, [
+        A(y.$slots, "suffixIcon", {}, () => [
+          t.suffixIcon ? (a(), U(T, {
             key: 0,
-            name: e.suffixIcon
-          }, null, 8, ["name"])) : k("", !0)
+            name: t.suffixIcon
+          }, null, 8, ["name"])) : $("", !0)
         ], !0)
-      ])) : k("", !0)
-    ], 14, Ue));
+      ])) : $("", !0)
+    ], 14, ot));
   }
-}), Q = /* @__PURE__ */ T(Pe, [["__scopeId", "data-v-3ed3109f"]]);
-Q.name = "rc-button";
-function de(e) {
-  return e.component(Q.name, Q), e;
+}), ae = /* @__PURE__ */ O(dt, [["__scopeId", "data-v-3ed3109f"]]);
+ae.name = "rc-button";
+function Ae(t) {
+  return t.component(ae.name, ae), t;
 }
-const je = { class: "rc-desc-item__value" }, qe = /* @__PURE__ */ W({
+const ft = { class: "rc-desc-item__value" }, vt = /* @__PURE__ */ F({
   name: "rc-descriptions-item",
   __name: "item",
   props: {
@@ -122,44 +122,44 @@ const je = { class: "rc-desc-item__value" }, qe = /* @__PURE__ */ W({
     labelWidth: { default: "" },
     span: { default: 1 }
   },
-  setup(e) {
-    const t = e;
-    z("rcDescItemWidth", void 0), z("rcDescSingleWidth", ""), z("rcDescGap", "0px");
-    const a = z("rcDescGapPx", 0), i = z("rcDescColCount", 1), v = z("rcDescLabelWidth", ""), f = _(() => {
-      const l = typeof t.span == "string" ? parseInt(t.span, 10) : t.span, c = typeof (i == null ? void 0 : i.value) == "number" ? i.value : i, b = !Number.isNaN(l) && l > 0 ? l : 1;
-      return Math.min(b, c || 1);
-    }), u = _(() => {
-      const l = typeof (i == null ? void 0 : i.value) == "number" ? i.value : i, c = typeof (a == null ? void 0 : a.value) == "number" ? a.value : a, b = f.value;
-      if (!l || l <= 1 || b >= l) return "100%";
-      const y = (l - 1) * c, g = (b - 1) * c;
-      return `calc((100% - ${y}px) * ${b} / ${l} + ${g}px)`;
-    }), o = _(() => {
-      const l = typeof (v == null ? void 0 : v.value) == "string" ? v.value : v, c = t.labelWidth !== "" ? t.labelWidth : l || "";
-      return c ? { width: typeof c == "number" ? `${c}px` : String(c), flex: "0 0 auto" } : {};
+  setup(t) {
+    const n = t;
+    H("rcDescItemWidth", void 0), H("rcDescSingleWidth", ""), H("rcDescGap", "0px");
+    const o = H("rcDescGapPx", 0), v = H("rcDescColCount", 1), h = H("rcDescLabelWidth", ""), p = C(() => {
+      const c = typeof n.span == "string" ? parseInt(n.span, 10) : n.span, f = typeof (v == null ? void 0 : v.value) == "number" ? v.value : v, x = !Number.isNaN(c) && c > 0 ? c : 1;
+      return Math.min(x, f || 1);
+    }), y = C(() => {
+      const c = typeof (v == null ? void 0 : v.value) == "number" ? v.value : v, f = typeof (o == null ? void 0 : o.value) == "number" ? o.value : o, x = p.value;
+      if (!c || c <= 1 || x >= c) return "100%";
+      const _ = (c - 1) * f, w = (x - 1) * f;
+      return `calc((100% - ${_}px) * ${x} / ${c} + ${w}px)`;
+    }), d = C(() => {
+      const c = typeof (h == null ? void 0 : h.value) == "string" ? h.value : h, f = n.labelWidth !== "" ? n.labelWidth : c || "";
+      return f ? { width: typeof f == "number" ? `${f}px` : String(f), flex: "0 0 auto" } : {};
     });
-    return (l, c) => (r(), m("div", {
+    return (c, f) => (a(), u("div", {
       class: "rc-desc-item",
-      style: A({ width: u.value, flex: `0 0 ${u.value}` })
+      style: B({ width: y.value, flex: `0 0 ${y.value}` })
     }, [
-      $("div", {
+      g("div", {
         class: "rc-desc-item__label",
-        style: A(o.value)
+        style: B(d.value)
       }, [
-        C(l.$slots, "label", {}, () => [
-          H(x(e.label), 1)
+        A(c.$slots, "label", {}, () => [
+          ne(I(t.label), 1)
         ], !0)
       ], 4),
-      $("div", je, [
-        C(l.$slots, "default", {}, () => [
-          H(x(e.value), 1)
+      g("div", ft, [
+        A(c.$slots, "default", {}, () => [
+          ne(I(t.value), 1)
         ], !0)
       ])
     ], 4));
   }
-}), P = /* @__PURE__ */ T(qe, [["__scopeId", "data-v-970d0b99"]]), He = { class: "rc-descriptions" }, Ke = {
+}), ee = /* @__PURE__ */ O(vt, [["__scopeId", "data-v-970d0b99"]]), yt = { class: "rc-descriptions" }, pt = {
   key: 0,
   class: "rc-descriptions__title"
-}, Ye = /* @__PURE__ */ W({
+}, ht = /* @__PURE__ */ F({
   name: "rc-descriptions",
   __name: "index",
   props: {
@@ -170,67 +170,67 @@ const je = { class: "rc-desc-item__value" }, qe = /* @__PURE__ */ W({
     data: { default: () => [] },
     keyMap: {}
   },
-  setup(e) {
-    const t = e, a = I(null), i = _(() => typeof t.gap == "number" ? `${t.gap}px` : String(t.gap)), v = _(() => {
-      const c = typeof t.column == "string" ? Number.parseInt(t.column, 10) : t.column ?? 1;
-      return !Number.isNaN(c) && c > 0 ? c : 1;
-    }), f = I("100%"), u = I("100%");
-    Le(() => {
-      const c = v.value;
-      if (c <= 1)
-        f.value = "100%", u.value = "100%";
+  setup(t) {
+    const n = t, o = V(null), v = C(() => typeof n.gap == "number" ? `${n.gap}px` : String(n.gap)), h = C(() => {
+      const f = typeof n.column == "string" ? Number.parseInt(n.column, 10) : n.column ?? 1;
+      return !Number.isNaN(f) && f > 0 ? f : 1;
+    }), p = V("100%"), y = V("100%");
+    Xe(() => {
+      const f = h.value;
+      if (f <= 1)
+        p.value = "100%", y.value = "100%";
       else {
-        const b = typeof t.gap == "number" ? t.gap : parseFloat(String(t.gap)) || 0, g = `calc((100% - ${(c - 1) * b}px) / ${c})`;
-        u.value = g, f.value = g;
+        const x = typeof n.gap == "number" ? n.gap : parseFloat(String(n.gap)) || 0, w = `calc((100% - ${(f - 1) * x}px) / ${f})`;
+        y.value = w, p.value = w;
       }
-    }), F("rcDescItemWidth", f), F("rcDescSingleWidth", u), F("rcDescColCount", v), F("rcDescGapPx", _(() => typeof t.gap == "number" ? t.gap : parseFloat(String(t.gap)) || 0));
-    const o = _(() => t.labelWidth === "" || t.labelWidth === void 0 ? "" : typeof t.labelWidth == "number" ? `${t.labelWidth}px` : String(t.labelWidth));
-    F("rcDescLabelWidth", o), F("rcDescGap", _(() => typeof t.gap == "number" ? `${t.gap}px` : String(t.gap)));
-    const l = _(() => {
-      var y, g, h;
-      const c = ((y = t.keyMap) == null ? void 0 : y.key) ?? "label", b = ((g = t.keyMap) == null ? void 0 : g.value) ?? "value";
-      return (h = t.data) != null && h.length ? t.data.map((E) => ({
-        label: E == null ? void 0 : E[c],
-        value: E == null ? void 0 : E[b]
+    }), Q("rcDescItemWidth", p), Q("rcDescSingleWidth", y), Q("rcDescColCount", h), Q("rcDescGapPx", C(() => typeof n.gap == "number" ? n.gap : parseFloat(String(n.gap)) || 0));
+    const d = C(() => n.labelWidth === "" || n.labelWidth === void 0 ? "" : typeof n.labelWidth == "number" ? `${n.labelWidth}px` : String(n.labelWidth));
+    Q("rcDescLabelWidth", d), Q("rcDescGap", C(() => typeof n.gap == "number" ? `${n.gap}px` : String(n.gap)));
+    const c = C(() => {
+      var _, w, R;
+      const f = ((_ = n.keyMap) == null ? void 0 : _.key) ?? "label", x = ((w = n.keyMap) == null ? void 0 : w.value) ?? "value";
+      return (R = n.data) != null && R.length ? n.data.map((m) => ({
+        label: m == null ? void 0 : m[f],
+        value: m == null ? void 0 : m[x]
       })) : [];
     });
-    return (c, b) => (r(), m("div", He, [
-      c.$slots.title || e.title ? (r(), m("div", Ke, [
-        C(c.$slots, "title", {}, () => [
-          H(x(e.title), 1)
+    return (f, x) => (a(), u("div", yt, [
+      f.$slots.title || t.title ? (a(), u("div", pt, [
+        A(f.$slots, "title", {}, () => [
+          ne(I(t.title), 1)
         ], !0)
-      ])) : k("", !0),
-      $("div", {
+      ])) : $("", !0),
+      g("div", {
         class: "rc-descriptions__body",
-        style: A({ gap: i.value }),
+        style: B({ gap: v.value }),
         ref_key: "wrapEl",
-        ref: a
+        ref: o
       }, [
-        l.value.length ? (r(!0), m(M, { key: 0 }, Y(l.value, (y, g) => (r(), q(P, {
-          key: g,
-          label: y.label,
-          value: y.value,
-          "label-width": e.labelWidth
-        }, null, 8, ["label", "value", "label-width"]))), 128)) : C(c.$slots, "default", { key: 1 }, void 0, !0)
+        c.value.length ? (a(!0), u(L, { key: 0 }, W(c.value, (_, w) => (a(), U(ee, {
+          key: w,
+          label: _.label,
+          value: _.value,
+          "label-width": t.labelWidth
+        }, null, 8, ["label", "value", "label-width"]))), 128)) : A(f.$slots, "default", { key: 1 }, void 0, !0)
       ], 4)
     ]));
   }
-}), J = /* @__PURE__ */ T(Ye, [["__scopeId", "data-v-5fcaa235"]]);
-J.name = "rc-descriptions";
-P.name = "rc-descriptions-item";
-function fe(e) {
-  return e.component(J.name, J), e.component("RcDescriptions", J), e.component(P.name, P), e.component("RcDescriptionsItem", P), e;
+}), re = /* @__PURE__ */ O(ht, [["__scopeId", "data-v-5fcaa235"]]);
+re.name = "rc-descriptions";
+ee.name = "rc-descriptions-item";
+function Ve(t) {
+  return t.component(re.name, re), t.component("RcDescriptions", re), t.component(ee.name, ee), t.component("RcDescriptionsItem", ee), t;
 }
-const Lt = J, Nt = P, Je = { class: "rc-card__title" }, Qe = { class: "rc-card__title-text" }, Xe = {
+const vn = re, yn = ee, _t = { class: "rc-card__title" }, mt = { class: "rc-card__title-text" }, gt = {
   key: 0,
   class: "rc-card__status"
-}, Ze = {
+}, kt = {
   key: 1,
   class: "rc-card__divider"
-}, et = {
+}, bt = {
   key: 2,
   class: "rc-card__action"
-}, tt = /* @__PURE__ */ W({
+}, $t = /* @__PURE__ */ F({
   name: "rc-card",
   __name: "index",
   props: {
@@ -247,85 +247,85 @@ const Lt = J, Nt = P, Je = { class: "rc-card__title" }, Qe = { class: "rc-card__
     width: { default: "100%" },
     height: { default: "" }
   },
-  setup(e) {
-    const t = e, a = _(() => {
-      const o = typeof t.round == "boolean" ? t.round ? "12px" : "0" : typeof t.round == "number" ? `${t.round}px` : String(t.round);
+  setup(t) {
+    const n = t, o = C(() => {
+      const d = typeof n.round == "boolean" ? n.round ? "12px" : "0" : typeof n.round == "number" ? `${n.round}px` : String(n.round);
       return {
-        backgroundColor: t.color || "var(--rc-white)",
-        borderRadius: o,
-        boxShadow: u(t.elevation),
-        width: f(t.width),
-        height: f(t.height)
+        backgroundColor: n.color || "var(--rc-white)",
+        borderRadius: d,
+        boxShadow: y(n.elevation),
+        width: p(n.width),
+        height: p(n.height)
       };
-    }), i = _(() => t.padding || "16px"), v = _(
-      () => typeof t.gap == "number" ? `${t.gap}px` : String(t.gap)
+    }), v = C(() => n.padding || "16px"), h = C(
+      () => typeof n.gap == "number" ? `${n.gap}px` : String(n.gap)
     );
-    function f(o) {
-      return o == null || o === "" ? "" : typeof o == "number" ? `${o}px` : String(o);
+    function p(d) {
+      return d == null || d === "" ? "" : typeof d == "number" ? `${d}px` : String(d);
     }
-    function u(o) {
-      if (!o || o <= 0) return "none";
-      const l = 4 * o;
-      return `0 ${Math.round(l / 2)}px ${l}px rgba(0,0,0,0.06), 0 ${Math.round(
-        l / 4
-      )}px ${Math.round(l / 2)}px rgba(0,0,0,0.04)`;
+    function y(d) {
+      if (!d || d <= 0) return "none";
+      const c = 4 * d;
+      return `0 ${Math.round(c / 2)}px ${c}px rgba(0,0,0,0.06), 0 ${Math.round(
+        c / 4
+      )}px ${Math.round(c / 2)}px rgba(0,0,0,0.04)`;
     }
-    return (o, l) => (r(), m("div", {
-      class: V(["rc-card", [{ "rc-card--bordered": e.bordered }]]),
-      style: A(a.value)
+    return (d, c) => (a(), u("div", {
+      class: E(["rc-card", [{ "rc-card--bordered": t.bordered }]]),
+      style: B(o.value)
     }, [
-      o.$slots.title || e.title || o.$slots.status || e.status ? (r(), m("div", {
+      d.$slots.title || t.title || d.$slots.status || t.status ? (a(), u("div", {
         key: 0,
         class: "rc-card__top",
-        style: A({ backgroundColor: e.topBgColor || "rgba(29, 133, 252, 0.05)" })
+        style: B({ backgroundColor: t.topBgColor || "rgba(29, 133, 252, 0.05)" })
       }, [
-        $("div", Je, [
-          C(o.$slots, "title", {}, () => [
-            $("span", Qe, x(e.title), 1)
+        g("div", _t, [
+          A(d.$slots, "title", {}, () => [
+            g("span", mt, I(t.title), 1)
           ], !0)
         ]),
-        o.$slots.status || e.status ? (r(), m("div", Xe, [
-          C(o.$slots, "status", {}, () => [
-            $("span", {
+        d.$slots.status || t.status ? (a(), u("div", gt, [
+          A(d.$slots, "status", {}, () => [
+            g("span", {
               class: "rc-card__status-text",
-              style: A({ color: e.statusColor || "var(--rc-primary)" })
-            }, x(e.status), 5)
+              style: B({ color: t.statusColor || "var(--rc-primary)" })
+            }, I(t.status), 5)
           ], !0)
-        ])) : k("", !0)
-      ], 4)) : k("", !0),
-      $("div", {
+        ])) : $("", !0)
+      ], 4)) : $("", !0),
+      g("div", {
         class: "rc-card__body",
-        style: A({ padding: i.value, gap: v.value })
+        style: B({ padding: v.value, gap: h.value })
       }, [
-        C(o.$slots, "content", {}, () => [
-          C(o.$slots, "default", {}, void 0, !0)
+        A(d.$slots, "content", {}, () => [
+          A(d.$slots, "default", {}, void 0, !0)
         ], !0)
       ], 4),
-      o.$slots.action ? (r(), m("div", Ze)) : k("", !0),
-      o.$slots.action ? (r(), m("div", et, [
-        C(o.$slots, "action", {}, void 0, !0)
-      ])) : k("", !0)
+      d.$slots.action ? (a(), u("div", kt)) : $("", !0),
+      d.$slots.action ? (a(), u("div", bt, [
+        A(d.$slots, "action", {}, void 0, !0)
+      ])) : $("", !0)
     ], 6));
   }
-}), te = /* @__PURE__ */ T(tt, [["__scopeId", "data-v-a7b95214"]]);
-te.name = "rc-card";
-const nt = "RcCard";
-function me(e) {
-  return e.component(te.name, te), e.component(nt, te), e;
+}), ce = /* @__PURE__ */ O($t, [["__scopeId", "data-v-a7b95214"]]);
+ce.name = "rc-card";
+const Ct = "RcCard";
+function Re(t) {
+  return t.component(ce.name, ce), t.component(Ct, ce), t;
 }
-const st = {
+const St = {
   key: 0,
   class: "rc-toast__mask"
-}, at = { class: "rc-toast__content" }, lt = {
+}, xt = { class: "rc-toast__content" }, It = {
   key: 0,
   class: "rc-toast__spinner"
-}, rt = {
+}, wt = {
   key: 1,
   class: "rc-toast__icon rc-toast__icon--success"
-}, ot = {
+}, At = {
   key: 2,
   class: "rc-toast__icon rc-toast__icon--fail"
-}, ct = { class: "rc-toast__text" }, it = /* @__PURE__ */ W({
+}, Vt = { class: "rc-toast__text" }, Rt = /* @__PURE__ */ F({
   __name: "index",
   props: {
     message: { default: "" },
@@ -334,164 +334,176 @@ const st = {
     mask: { type: Boolean, default: !1 },
     onAfterLeave: {}
   },
-  setup(e, { expose: t }) {
-    const a = e, i = I(!0);
-    let v;
-    function f() {
-      v && (clearTimeout(v), v = null);
+  setup(t, { expose: n }) {
+    const o = t, v = V(!0);
+    let h;
+    function p() {
+      h && (clearTimeout(h), h = null);
     }
-    function u() {
-      f(), i.value = !1;
+    function y() {
+      p(), v.value = !1;
     }
-    return t({ close: u }), be(() => {
-      a.duration && a.duration > 0 && (v = setTimeout(() => {
-        u();
-      }, a.duration));
-    }), ke(() => {
-      f();
-    }), (o, l) => (r(), m(M, null, [
-      (r(), q(Ne, { to: "body" }, [
-        L(le, {
+    return n({ close: y }), We(() => {
+      o.duration && o.duration > 0 && (h = setTimeout(() => {
+        y();
+      }, o.duration));
+    }), ze(() => {
+      p();
+    }), (d, c) => (a(), u(L, null, [
+      (a(), U(Ze, { to: "body" }, [
+        M(fe, {
           name: "rc-toast-fade",
-          onAfterLeave: e.onAfterLeave
+          onAfterLeave: t.onAfterLeave
         }, {
-          default: O(() => [
-            i.value ? (r(), m("div", {
+          default: Z(() => [
+            v.value ? (a(), u("div", {
               key: 0,
-              class: V(["rc-toast", [`rc-toast--${e.type}`]])
+              class: E(["rc-toast", [`rc-toast--${t.type}`]])
             }, [
-              e.mask ? (r(), m("div", st)) : k("", !0),
-              $("div", at, [
-                e.type === "loading" ? (r(), m("div", lt)) : e.type === "success" ? (r(), m("div", rt)) : e.type === "fail" ? (r(), m("div", ot)) : k("", !0),
-                $("div", ct, x(e.message), 1)
+              t.mask ? (a(), u("div", St)) : $("", !0),
+              g("div", xt, [
+                t.type === "loading" ? (a(), u("div", It)) : t.type === "success" ? (a(), u("div", wt)) : t.type === "fail" ? (a(), u("div", At)) : $("", !0),
+                g("div", Vt, I(t.message), 1)
               ])
-            ], 2)) : k("", !0)
+            ], 2)) : $("", !0)
           ]),
           _: 1
         }, 8, ["onAfterLeave"])
       ])),
-      C(o.$slots, "default", {}, void 0, !0)
+      A(d.$slots, "default", {}, void 0, !0)
     ], 64));
   }
-}), ne = /* @__PURE__ */ T(it, [["__scopeId", "data-v-d234c9c5"]]);
-let U = null, j = null;
-function ve() {
-  U && (U.unmount(), U = null), j && (document.body.removeChild(j), j = null);
+}), ue = /* @__PURE__ */ O(Rt, [["__scopeId", "data-v-d234c9c5"]]);
+let Y = null, te = null;
+function De() {
+  Y && (Y.unmount(), Y = null), te && (document.body.removeChild(te), te = null);
 }
-function Bt(e) {
-  const t = typeof e == "string" ? { message: e } : e || {};
-  ve(), j = document.createElement("div"), document.body.appendChild(j);
-  const a = {
-    message: t.message,
-    type: t.type ?? "text",
-    duration: t.duration ?? 2e3,
-    mask: t.mask ?? !1,
+function pn(t) {
+  const n = typeof t == "string" ? { message: t } : t || {};
+  De(), te = document.createElement("div"), document.body.appendChild(te);
+  const o = {
+    message: n.message,
+    type: n.type ?? "text",
+    duration: n.duration ?? 2e3,
+    mask: n.mask ?? !1,
     onAfterLeave: () => {
-      var i;
-      ve(), (i = t.onClose) == null || i.call(t);
+      var v;
+      De(), (v = n.onClose) == null || v.call(n);
     }
   };
-  return U = Be(ne, a), U.mount(j), {
-    close: ut
+  return Y = et(ue, o), Y.mount(te), {
+    close: Dt
   };
 }
-function ut() {
-  var e, t, a;
-  U && ((a = (t = (e = U._instance) == null ? void 0 : e.exposed) == null ? void 0 : t.close) == null || a.call(t));
+function Dt() {
+  var t, n, o;
+  Y && ((o = (n = (t = Y._instance) == null ? void 0 : t.exposed) == null ? void 0 : n.close) == null || o.call(n));
 }
-ne.name = "rc-toast";
-function pe(e) {
-  return e.component(ne.name, ne), e;
+ue.name = "rc-toast";
+function Le(t) {
+  return t.component(ue.name, ue), t;
 }
-const dt = {
+const Lt = {
   class: "rc-message",
   role: "alert",
   "aria-live": "polite"
-}, ft = { class: "rc-message__content" }, mt = /* @__PURE__ */ W({
+}, Et = { class: "rc-message__content" }, Tt = /* @__PURE__ */ F({
   __name: "index",
-  setup(e, { expose: t }) {
-    const a = We([]);
-    let i = 1;
-    function v(u) {
-      const o = a.findIndex((l) => l.id === u);
-      o >= 0 && a.splice(o, 1);
+  setup(t, { expose: n }) {
+    const o = tt([]);
+    let v = 1;
+    function h(y) {
+      const d = o.findIndex((c) => c.id === y);
+      d >= 0 && o.splice(d, 1);
     }
-    function f(u, o, l) {
-      const c = i++;
-      return a.push({ id: c, type: u, content: o, duration: l }), l > 0 && window.setTimeout(() => v(c), l), c;
+    function p(y, d, c) {
+      const f = v++;
+      return o.push({ id: f, type: y, content: d, duration: c }), c > 0 && window.setTimeout(() => h(f), c), f;
     }
-    return t({ add: f, remove: v }), (u, o) => (r(), m("div", dt, [
-      L(Te, {
+    return n({ add: p, remove: h }), (y, d) => (a(), u("div", Lt, [
+      M(nt, {
         name: "rc-message-fade",
         tag: "div"
       }, {
-        default: O(() => [
-          (r(!0), m(M, null, Y(a, (l) => (r(), m("div", {
-            key: l.id,
-            class: V(["rc-message__item", `rc-message--${l.type}`])
+        default: Z(() => [
+          (a(!0), u(L, null, W(o, (c) => (a(), u("div", {
+            key: c.id,
+            class: E(["rc-message__item", `rc-message--${c.type}`])
           }, [
-            $("span", ft, x(l.content), 1)
+            g("span", Et, I(c.content), 1)
           ], 2))), 128))
         ]),
         _: 1
       })
     ]));
   }
-}), vt = /* @__PURE__ */ T(mt, [["__scopeId", "data-v-87811df0"]]);
-let B = null, N = null;
-function pt() {
-  var t;
-  if (B && N) return;
-  B = document.createElement("div"), document.body.appendChild(B);
-  const e = L(vt, {});
-  $e(e, B), N = (t = e.component) == null ? void 0 : t.exposed;
+}), Bt = /* @__PURE__ */ O(Tt, [["__scopeId", "data-v-87811df0"]]);
+let G = null, K = null;
+function Nt() {
+  var n;
+  if (G && K) return;
+  G = document.createElement("div"), document.body.appendChild(G);
+  const t = M(Bt, {});
+  Me(t, G), K = (n = t.component) == null ? void 0 : n.exposed;
 }
-function G(e, t, a) {
-  var v;
-  pt();
-  const i = typeof a == "number" ? a : e === "loading" ? 0 : 2e3;
-  return (v = N == null ? void 0 : N.add) == null ? void 0 : v.call(N, e, t, i);
+function X(t, n, o) {
+  var h;
+  Nt();
+  const v = typeof o == "number" ? o : t === "loading" ? 0 : 2e3;
+  return (h = K == null ? void 0 : K.add) == null ? void 0 : h.call(K, t, n, v);
 }
-const yt = {
-  open(e) {
-    return G(e.type || "info", e.content, e.duration);
+const Wt = {
+  open(t) {
+    return X(t.type || "info", t.content, t.duration);
   },
-  info(e, t) {
-    return G("info", e, t);
+  info(t, n) {
+    return X("info", t, n);
   },
-  success(e, t) {
-    return G("success", e, t);
+  success(t, n) {
+    return X("success", t, n);
   },
-  warning(e, t) {
-    return G("warning", e, t);
+  warning(t, n) {
+    return X("warning", t, n);
   },
-  error(e, t) {
-    return G("error", e, t);
+  error(t, n) {
+    return X("error", t, n);
   },
-  loading(e, t) {
-    return G("loading", e, t);
+  loading(t, n) {
+    return X("loading", t, n);
   },
   destroy() {
-    B && ($e(null, B), B.remove(), B = null, N = null);
+    G && (Me(null, G), G.remove(), G = null, K = null);
   }
 };
-function ye(e) {
-  return e.config.globalProperties.$message = yt, e;
+function Ee(t) {
+  return t.config.globalProperties.$message = Wt, t;
 }
-D.name = "rc-icon";
-function he(e) {
-  return e.component(D.name, D), e.component("RcIcon", D), e;
+T.name = "rc-icon";
+function Te(t) {
+  return t.component(T.name, T), t.component("RcIcon", T), t;
 }
-const ht = { class: "rc-search-area" }, gt = { class: "rc-search-area__bar" }, _t = ["onClick"], bt = { class: "rc-search-area__item-label" }, kt = { class: "rc-search-area__panel-content" }, $t = {
-  key: 0,
-  class: "rc-search-area__options-grid"
-}, Ct = ["onClick"], xt = { class: "rc-search-area__option-label" }, St = {
+const zt = { class: "rc-search-area" }, Mt = { class: "rc-search-area__bar" }, Kt = ["onClick"], Ut = { class: "rc-search-area__item-label" }, Gt = { class: "rc-search-area__panel-content" }, Ft = {
   key: 1,
-  class: "rc-search-area__options-grid"
-}, wt = ["onClick"], It = { class: "rc-search-area__option-label" }, At = {
+  class: "rc-search-area__input-wrapper"
+}, Ot = ["placeholder"], jt = {
   key: 2,
+  class: "rc-search-area__tree-container"
+}, Pt = { class: "rc-search-area__tree-group-title" }, qt = { class: "rc-search-area__tree-group-options" }, Ht = ["onClick"], Yt = { class: "rc-search-area__option-label" }, Jt = {
+  key: 3,
+  class: "rc-search-area__tree-container"
+}, Qt = { class: "rc-search-area__tree-group-title" }, Xt = { class: "rc-search-area__tree-group-options" }, Zt = ["onClick"], en = { class: "rc-search-area__option-label" }, tn = {
+  key: 4,
+  class: "rc-search-area__options-grid"
+}, nn = ["onClick"], sn = { class: "rc-search-area__option-label" }, rn = {
+  key: 5,
+  class: "rc-search-area__options-grid"
+}, an = ["onClick"], ln = { class: "rc-search-area__option-label" }, on = {
+  key: 6,
   class: "rc-search-area__empty"
-}, Rt = { class: "rc-search-area__panel-footer" }, Vt = /* @__PURE__ */ W({
+}, cn = {
+  key: 0,
+  class: "rc-search-area__panel-footer"
+}, un = /* @__PURE__ */ F({
   name: "rc-search-area",
   __name: "index",
   props: {
@@ -499,269 +511,414 @@ const ht = { class: "rc-search-area" }, gt = { class: "rc-search-area__bar" }, _
     modelValue: { default: () => ({}) },
     showMask: { type: Boolean, default: !0 }
   },
-  emits: ["update:modelValue", "change", "confirm", "reset", "item-change"],
-  setup(e, { expose: t, emit: a }) {
-    const i = e, v = a, f = I(null), u = I(null), o = I(null), l = I({ top: "0px" }), c = async () => {
-      if (f.value === null || !u.value)
+  emits: ["update:modelValue", "change"],
+  setup(t, { expose: n, emit: o }) {
+    const v = t, h = o, p = V(null), y = V(null), d = V(null), c = V({ top: "0px" }), f = async () => {
+      if (p.value === null || !y.value)
         return;
-      await ue();
-      const s = u.value.getBoundingClientRect().top;
-      l.value = { top: `${s}px` };
-    }, b = (n) => {
-      if (f.value === null || !u.value)
+      await we();
+      const s = y.value.getBoundingClientRect().top;
+      c.value = { top: `${s}px` };
+    }, x = (e) => {
+      if (p.value === null || !y.value)
         return;
-      const s = n.target;
-      if (u.value.contains(s))
+      const s = e.target;
+      if (y.value.contains(s))
         return;
-      const d = u.value.closest(".rc-search-area");
-      if (d) {
-        const p = d.querySelector(".rc-search-area__bar");
-        if (p && p.contains(s))
+      const r = y.value.closest(".rc-search-area");
+      if (r) {
+        const i = r.querySelector(".rc-search-area__bar");
+        if (i && i.contains(s))
           return;
       }
-      se();
+      le();
     };
-    ie(f, async (n) => {
-      n !== null ? (await ue(), c(), window.addEventListener("resize", c), window.addEventListener("scroll", c, !0), document.addEventListener("click", b, !0)) : (window.removeEventListener("resize", c), window.removeEventListener("scroll", c, !0), document.removeEventListener("click", b, !0));
-    }), ke(() => {
-      window.removeEventListener("resize", c), window.removeEventListener("scroll", c, !0), document.removeEventListener("click", b, !0);
+    Ie(p, async (e) => {
+      e !== null ? (await we(), f(), window.addEventListener("resize", f), window.addEventListener("scroll", f, !0), document.addEventListener("click", x, !0)) : (window.removeEventListener("resize", f), window.removeEventListener("scroll", f, !0), document.removeEventListener("click", x, !0));
+    }), ze(() => {
+      window.removeEventListener("resize", f), window.removeEventListener("scroll", f, !0), document.removeEventListener("click", x, !0);
     });
-    const y = I({}), g = I({ ...i.modelValue });
-    ie(() => i.modelValue, (n) => {
-      g.value = { ...n || {} };
+    const _ = V({}), w = V(""), R = V({}), m = V({ ...v.modelValue });
+    Ie(() => v.modelValue, (e) => {
+      m.value = { ...e || {} };
     }, { deep: !0, immediate: !0 });
-    const h = _(() => f.value === null ? null : i.items[f.value]), E = _(() => {
-      if (!h.value) return "";
-      const n = De(h.value);
-      return n > 0 ? `(${n}项)` : "";
-    }), Se = (n) => {
-      const s = g.value[n.key];
-      if (s == null || s === "")
-        return n.label;
-      if (n.type === "single") {
-        const d = oe(n, s);
-        if (d)
-          return `${n.label}: ${X(d)}`;
+    const l = C(() => p.value === null ? null : v.items[p.value]), Ge = C(() => {
+      if (!l.value) return "";
+      const e = Je(l.value);
+      return e > 0 ? `(${e}项)` : "";
+    }), Fe = (e) => {
+      const s = m.value[e.key];
+      if (s == null || s === "" || e.slot)
+        return e.label;
+      if (e.type === "input") {
+        if (s && String(s).trim())
+          return `${e.label}: ${s}`;
+      } else if (e.type === "single" || e.type === "tree-single") {
+        const r = ie(e, s);
+        if (r)
+          return `${e.label}: ${ye(r, e)}`;
       } else {
-        const d = Array.isArray(s) ? s : [s];
-        if (d.length > 0) {
-          const p = d.map((S) => {
-            const w = oe(n, S);
-            return w ? X(w) : null;
-          }).filter((S) => S !== null);
-          if (p.length > 0)
-            return `${n.label}: ${p.join("、")}`;
+        const r = Array.isArray(s) ? s : [s];
+        if (r.length > 0) {
+          const i = r.map((b) => {
+            const k = ie(e, b);
+            return k ? ye(k, e) : null;
+          }).filter((b) => b !== null);
+          if (i.length > 0)
+            return `${e.label}: ${i.join("、")}`;
         }
       }
-      return n.label;
-    }, we = (n) => {
-      const s = i.items[n];
+      return e.label;
+    }, Oe = (e) => {
+      const s = v.items[e];
       if (!s) return;
-      if (f.value === n) {
-        f.value = null;
+      if (p.value === e) {
+        p.value = null;
         return;
       }
-      const d = g.value[s.key];
-      s.type === "single" ? y.value[s.key] = d !== void 0 ? d : null : y.value[s.key] = d !== void 0 ? Array.isArray(d) ? [...d] : [d] : [], f.value = n;
-    }, se = () => {
-      f.value = null;
-    }, X = (n) => typeof n == "string" ? n : n.label || String(n.value), Z = (n) => typeof n == "string" ? n : n.value !== void 0 ? n.value : n, oe = (n, s) => n.options.find((d) => {
-      const p = Z(d);
-      return p === s || String(p) === String(s);
-    }) || null, ee = (n) => {
-      if (!h.value) return !1;
-      const s = h.value.key, d = y.value[s], p = Z(n);
-      return h.value.type === "single" ? d != null && d === p : (Array.isArray(d) ? d : []).some((w) => w === p || String(w) === String(p));
-    }, Ie = (n) => {
-      if (!h.value) return;
-      const s = h.value.key, d = Z(n);
-      y.value[s] === d ? y.value[s] = null : y.value[s] = d;
-    }, Ae = (n) => {
-      if (!h.value) return;
-      const s = h.value.key, d = Z(n), p = Array.isArray(y.value[s]) ? [...y.value[s]] : [], S = p.findIndex(
-        (w) => w === d || String(w) === String(d)
+      const r = m.value[s.key];
+      s.slot ? R.value[s.key] = r !== void 0 ? typeof r == "object" && r !== null ? { ...r } : r : void 0 : s.type === "input" ? w.value = r != null ? String(r) : "" : s.type === "single" || s.type === "tree-single" ? _.value[s.key] = r !== void 0 ? r : null : _.value[s.key] = r !== void 0 ? Array.isArray(r) ? [...r] : [r] : [], p.value = e;
+    }, le = () => {
+      p.value = null;
+    }, j = (e, s) => {
+      if (!s)
+        return typeof e == "string" ? e : e.label || String(e.value);
+      const r = e;
+      if (s.renderItem) {
+        if (typeof s.renderItem == "string")
+          return String(typeof r == "object" && r !== null ? r[s.renderItem] ?? "" : r);
+        {
+          const i = s.renderItem(r);
+          return i != null ? String(i) : "";
+        }
+      }
+      return typeof e == "string" ? e : e.label || String(e.value);
+    }, oe = (e, s) => {
+      if (!s)
+        return typeof e == "string" ? e : e.value !== void 0 ? e.value : e;
+      const r = e;
+      return s.format ? typeof s.format == "string" ? typeof r == "object" && r !== null ? r[s.format] : r : s.format(r) : typeof e == "string" ? e : e.value !== void 0 ? e.value : e;
+    }, ye = (e, s) => {
+      const r = e, i = s.renderResult || s.renderItem;
+      if (i) {
+        if (typeof i == "string")
+          return String(typeof r == "object" && r !== null ? r[i] ?? "" : r);
+        {
+          const b = i(r);
+          return b != null ? String(b) : "";
+        }
+      }
+      return j(e, s);
+    }, ie = (e, s, r) => {
+      const i = r || e.options, b = e.childrenKey || "children";
+      for (const k of i) {
+        const N = oe(k, e);
+        if (N === s || String(N) === String(s))
+          return k;
+        if (e.childrenKey && typeof k == "object" && k !== null) {
+          const J = k[b];
+          if (Array.isArray(J) && J.length > 0) {
+            const se = ie(e, s, J);
+            if (se) return se;
+          }
+        }
+      }
+      return null;
+    }, pe = (e, s) => {
+      const r = s || e.options, i = e.childrenKey || "children", b = [];
+      for (const k of r)
+        if (b.push(k), e.childrenKey && typeof k == "object" && k !== null) {
+          const N = k[i];
+          Array.isArray(N) && N.length > 0 && b.push(...pe(e, N));
+        }
+      return b;
+    }, z = (e) => {
+      if (!l.value) return !1;
+      const s = l.value.key, r = _.value[s], i = oe(e, l.value);
+      return l.value.type === "single" || l.value.type === "tree-single" ? r != null && r === i : (Array.isArray(r) ? r : []).some((k) => k === i || String(k) === String(i));
+    }, he = (e) => e ? e.childrenKey ? pe(e) : e.options : [], _e = (e) => {
+      if (!e) return [];
+      const s = e.childrenKey || "children";
+      return (e.options || []).filter((r) => {
+        if (typeof r == "string") return !1;
+        const i = r[s];
+        return Array.isArray(i) && i.length > 0;
+      });
+    }, me = (e, s) => {
+      if (!s || typeof e == "string") return [];
+      const r = s.childrenKey || "children", i = e[r];
+      return Array.isArray(i) ? i : [];
+    }, je = (e) => {
+      if (e)
+        return R.value[e.key] !== void 0 ? R.value[e.key] : m.value[e.key];
+    }, Pe = (e, s) => {
+      e && (R.value[e.key] = s);
+    }, ge = (e) => {
+      if (!l.value) return;
+      const s = l.value.key, r = oe(e, l.value);
+      m.value[s];
+      let i;
+      _.value[s] === r ? i = void 0 : i = r, m.value[s] = i, h("update:modelValue", { ...m.value }), h("change", { ...m.value }, l.value), le();
+    }, ke = (e) => {
+      if (!l.value) return;
+      const s = l.value.key, r = oe(e, l.value), i = Array.isArray(_.value[s]) ? [..._.value[s]] : [], b = i.findIndex(
+        (k) => k === r || String(k) === String(r)
       );
-      S >= 0 ? p.splice(S, 1) : p.push(d), y.value[s] = p;
-    }, Re = () => {
-      if (!h.value) return;
-      const n = h.value.key;
-      h.value.type === "single" ? y.value[n] = null : y.value[n] = [];
-    }, Ve = () => {
-      if (!h.value) return;
-      const n = h.value.key, s = y.value[n], d = g.value[n];
-      let p;
-      h.value.type === "single" ? (p = s ?? void 0, g.value[n] = p) : (p = Array.isArray(s) && s.length > 0 ? s : void 0, g.value[n] = p), v("update:modelValue", { ...g.value }), v("change", { ...g.value }, h.value), v("confirm", { ...g.value }, h.value), JSON.stringify(d) !== JSON.stringify(p) && v("item-change", n, p), se();
-    }, ce = (n) => {
-      const s = g.value[n.key];
-      return s == null || s === "" ? 0 : n.type === "single" ? 1 : Array.isArray(s) ? s.length : s ? 1 : 0;
-    }, De = (n) => {
-      const s = y.value[n.key];
-      return s == null || s === "" ? 0 : n.type === "single" ? 1 : Array.isArray(s) ? s.length : 0;
+      b >= 0 ? i.splice(b, 1) : i.push(r), _.value[s] = i;
+    }, qe = () => {
+      if (!l.value) return;
+      const e = l.value.key;
+      l.value.slot ? R.value[e] = void 0 : l.value.type === "input" ? w.value = "" : l.value.type === "single" || l.value.type === "tree-single" ? _.value[e] = null : _.value[e] = [];
+    }, He = () => {
+    }, Ye = () => {
+      if (!l.value) return;
+      const e = l.value.key;
+      m.value[e];
+      let s;
+      if (l.value.slot)
+        s = R.value[e], m.value[e] = s;
+      else if (l.value.type === "input")
+        s = w.value.trim() || void 0, m.value[e] = s;
+      else if (l.value.type === "single" || l.value.type === "tree-single") {
+        const r = _.value[e];
+        s = r ?? void 0, m.value[e] = s;
+      } else {
+        const r = _.value[e];
+        s = Array.isArray(r) && r.length > 0 ? r : void 0, m.value[e] = s;
+      }
+      h("update:modelValue", { ...m.value }), h("change", { ...m.value }, l.value), le();
+    }, be = (e) => {
+      const s = m.value[e.key];
+      return s == null || s === "" ? 0 : e.slot ? 1 : e.type === "input" ? String(s).trim() ? 1 : 0 : e.type === "single" || e.type === "tree-single" ? 1 : Array.isArray(s) ? s.length : s ? 1 : 0;
+    }, Je = (e) => {
+      if (e.slot) {
+        const r = R.value[e.key];
+        return r != null && r !== "" ? 1 : 0;
+      } else if (e.type === "input")
+        return w.value.trim() ? 1 : 0;
+      const s = _.value[e.key];
+      return s == null || s === "" ? 0 : e.type === "single" || e.type === "tree-single" ? 1 : Array.isArray(s) ? s.length : 0;
     };
-    return t({
+    return n({
       /** 获取当前筛选值 */
-      getValues: () => ({ ...g.value }),
+      getValues: () => ({ ...m.value }),
       /** 重置所有筛选 */
       reset: () => {
-        g.value = {}, y.value = {}, v("update:modelValue", {}), v("change", {}, null), v("reset");
+        m.value = {}, _.value = {}, R.value = {}, h("update:modelValue", {});
       }
-    }), (n, s) => (r(), m("div", ht, [
-      $("div", gt, [
-        (r(!0), m(M, null, Y(i.items, (d, p) => (r(), m("div", {
-          key: p,
-          class: V(["rc-search-area__item", {
-            "is-active": f.value === p,
-            "has-value": ce(d) > 0
+    }), (e, s) => (a(), u("div", zt, [
+      g("div", Mt, [
+        (a(!0), u(L, null, W(v.items, (r, i) => (a(), u("div", {
+          key: i,
+          class: E(["rc-search-area__item", {
+            "is-active": p.value === i,
+            "has-value": be(r) > 0
           }]),
-          onClick: (S) => we(p)
+          onClick: (b) => Oe(i)
         }, [
-          $("span", bt, x(Se(d)), 1),
-          L(K(D), {
+          g("span", Ut, I(Fe(r)), 1),
+          M(q(T), {
             name: "icon_a-xiala2",
-            color: f.value !== p && ce(d) > 0 ? "#1677ff" : "#969799",
-            class: V(["rc-search-area__item-arrow", { "is-up": f.value === p }])
+            color: p.value !== i && be(r) > 0 ? "#1677ff" : "#969799",
+            class: E(["rc-search-area__item-arrow", { "is-up": p.value === i }])
           }, null, 8, ["color", "class"])
-        ], 10, _t))), 128))
+        ], 10, Kt))), 128))
       ]),
-      L(le, { name: "rc-search-area-fade" }, {
-        default: O(() => [
-          f.value !== null && i.showMask ? (r(), m("div", {
+      M(fe, { name: "rc-search-area-fade" }, {
+        default: Z(() => [
+          p.value !== null && v.showMask ? (a(), u("div", {
             key: 0,
             ref_key: "maskRef",
-            ref: o,
+            ref: d,
             class: "rc-search-area__mask",
-            style: A(l.value),
-            onClick: se
-          }, null, 4)) : k("", !0)
+            style: B(c.value),
+            onClick: le
+          }, null, 4)) : $("", !0)
         ]),
         _: 1
       }),
-      L(le, { name: "rc-search-area-slide" }, {
-        default: O(() => {
-          var d, p, S, w;
+      M(fe, { name: "rc-search-area-slide" }, {
+        default: Z(() => {
+          var r, i, b, k, N, J, se, $e, Ce, Se, xe;
           return [
-            f.value !== null ? (r(), m("div", {
+            p.value !== null ? (a(), u("div", {
               key: 0,
               ref_key: "panelRef",
-              ref: u,
+              ref: y,
               class: "rc-search-area__panel"
             }, [
-              $("div", kt, [
-                ((d = h.value) == null ? void 0 : d.type) === "single" ? (r(), m("div", $t, [
-                  (r(!0), m(M, null, Y(h.value.options, (R, ae) => (r(), m("div", {
-                    key: ae,
-                    class: V(["rc-search-area__option", { "is-selected": ee(R) }]),
-                    onClick: (Ee) => Ie(R)
+              g("div", Gt, [
+                (r = l.value) != null && r.slot && e.$slots[l.value.key] ? A(e.$slots, l.value.key, {
+                  key: 0,
+                  value: je(l.value),
+                  "update:value": (S) => Pe(l.value, S)
+                }, void 0, !0) : ((i = l.value) == null ? void 0 : i.type) === "input" ? (a(), u("div", Ft, [
+                  st(g("input", {
+                    "onUpdate:modelValue": s[0] || (s[0] = (S) => w.value = S),
+                    type: "text",
+                    class: "rc-search-area__input",
+                    placeholder: l.value.placeholder || "请输入",
+                    onInput: He
+                  }, null, 40, Ot), [
+                    [rt, w.value]
+                  ])
+                ])) : ((b = l.value) == null ? void 0 : b.type) === "tree-single" ? (a(), u("div", jt, [
+                  (a(!0), u(L, null, W(_e(l.value), (S, P) => (a(), u("div", {
+                    key: P,
+                    class: "rc-search-area__tree-group"
                   }, [
-                    $("span", xt, x(X(R)), 1),
-                    ee(R) ? (r(), q(K(D), {
+                    g("div", Pt, I(j(S, l.value || void 0)), 1),
+                    g("div", qt, [
+                      (a(!0), u(L, null, W(me(S, l.value), (D, de) => (a(), u("div", {
+                        key: de,
+                        class: E(["rc-search-area__option", { "is-selected": z(D) }]),
+                        onClick: (Qe) => ge(D)
+                      }, [
+                        g("span", Yt, I(j(D, l.value || void 0)), 1),
+                        z(D) ? (a(), U(q(T), {
+                          key: 0,
+                          name: "icon_select",
+                          class: "rc-search-area__option-check"
+                        })) : $("", !0)
+                      ], 10, Ht))), 128))
+                    ])
+                  ]))), 128))
+                ])) : ((k = l.value) == null ? void 0 : k.type) === "tree-multiple" ? (a(), u("div", Jt, [
+                  (a(!0), u(L, null, W(_e(l.value), (S, P) => (a(), u("div", {
+                    key: P,
+                    class: "rc-search-area__tree-group"
+                  }, [
+                    g("div", Qt, I(j(S, l.value || void 0)), 1),
+                    g("div", Xt, [
+                      (a(!0), u(L, null, W(me(S, l.value), (D, de) => (a(), u("div", {
+                        key: de,
+                        class: E(["rc-search-area__option", { "is-selected": z(D) }]),
+                        onClick: (Qe) => ke(D)
+                      }, [
+                        g("span", en, I(j(D, l.value || void 0)), 1),
+                        z(D) ? (a(), U(q(T), {
+                          key: 0,
+                          name: "icon_select",
+                          class: "rc-search-area__option-check"
+                        })) : $("", !0)
+                      ], 10, Zt))), 128))
+                    ])
+                  ]))), 128))
+                ])) : ((N = l.value) == null ? void 0 : N.type) === "single" ? (a(), u("div", tn, [
+                  (a(!0), u(L, null, W(he(l.value), (S, P) => (a(), u("div", {
+                    key: P,
+                    class: E(["rc-search-area__option", { "is-selected": z(S) }]),
+                    onClick: (D) => ge(S)
+                  }, [
+                    g("span", sn, I(j(S, l.value || void 0)), 1),
+                    z(S) ? (a(), U(q(T), {
                       key: 0,
                       name: "icon_select",
                       class: "rc-search-area__option-check"
-                    })) : k("", !0)
-                  ], 10, Ct))), 128))
-                ])) : (r(), m("div", St, [
-                  (r(!0), m(M, null, Y(((p = h.value) == null ? void 0 : p.options) || [], (R, ae) => (r(), m("div", {
-                    key: ae,
-                    class: V(["rc-search-area__option", { "is-selected": ee(R) }]),
-                    onClick: (Ee) => Ae(R)
+                    })) : $("", !0)
+                  ], 10, nn))), 128))
+                ])) : (a(), u("div", rn, [
+                  (a(!0), u(L, null, W(he(l.value), (S, P) => (a(), u("div", {
+                    key: P,
+                    class: E(["rc-search-area__option", { "is-selected": z(S) }]),
+                    onClick: (D) => ke(S)
                   }, [
-                    $("span", It, x(X(R)), 1),
-                    ee(R) ? (r(), q(K(D), {
+                    g("span", ln, I(j(S, l.value || void 0)), 1),
+                    z(S) ? (a(), U(q(T), {
                       key: 0,
                       name: "icon_select",
                       class: "rc-search-area__option-check"
-                    })) : k("", !0)
-                  ], 10, wt))), 128))
+                    })) : $("", !0)
+                  ], 10, an))), 128))
                 ])),
-                ((w = (S = h.value) == null ? void 0 : S.options) == null ? void 0 : w.length) === 0 ? (r(), m("div", At, [...s[0] || (s[0] = [
-                  $("p", null, "暂无选项", -1)
-                ])])) : k("", !0)
+                ((J = l.value) == null ? void 0 : J.type) !== "input" && !((se = l.value) != null && se.slot) && ((Ce = ($e = l.value) == null ? void 0 : $e.options) == null ? void 0 : Ce.length) === 0 ? (a(), u("div", on, [...s[1] || (s[1] = [
+                  g("p", null, "暂无选项", -1)
+                ])])) : $("", !0)
               ]),
-              $("div", Rt, [
-                L(K(Q), {
+              ((Se = l.value) == null ? void 0 : Se.type) !== "single" && ((xe = l.value) == null ? void 0 : xe.type) !== "tree-single" ? (a(), u("div", cn, [
+                M(q(ae), {
                   block: "",
-                  onClick: Re
+                  onClick: qe
                 }, {
-                  default: O(() => [...s[1] || (s[1] = [
-                    H(" 重置 ", -1)
+                  default: Z(() => [...s[2] || (s[2] = [
+                    ne(" 重置 ", -1)
                   ])]),
                   _: 1
                 }),
-                L(K(Q), {
+                M(q(ae), {
                   type: "primary",
                   block: "",
-                  onClick: Ve
+                  onClick: Ye
                 }, {
-                  default: O(() => [
-                    H(" 确定" + x(E.value), 1)
+                  default: Z(() => [
+                    ne(" 确定" + I(Ge.value), 1)
                   ]),
                   _: 1
                 })
-              ])
-            ], 512)) : k("", !0)
+              ])) : $("", !0)
+            ], 512)) : $("", !0)
           ];
         }),
-        _: 1
+        _: 3
       })
     ]));
   }
-}), ge = /* @__PURE__ */ T(Vt, [["__scopeId", "data-v-6a70650d"]]), _e = (e) => {
-  e.component("RcSearchArea", ge), e.component("rc-search-area", ge);
-}, re = Symbol("RECYCLE_UI_CONFIG"), Ce = {
+}), Be = /* @__PURE__ */ O(un, [["__scopeId", "data-v-26a764e2"]]), Ne = (t) => {
+  t.component("RcSearchArea", Be), t.component("rc-search-area", Be);
+}, ve = Symbol("RECYCLE_UI_CONFIG"), Ke = {
   prefix: "rc",
   autoRegister: !0,
-  provideKey: re,
+  provideKey: ve,
   // 预留主题/其他全局配置
   theme: {},
   // IconFont 默认配置（可在 app.use 时覆盖）
   iconCssUrl: "//at.alicdn.com/t/c/font_4252799_9vcnw0pnmkh.css",
   iconClass: "iconfont"
 };
-function Dt(e, t) {
-  t.autoRegister !== !1 && (typeof de == "function" && de(e), typeof fe == "function" && fe(e), typeof me == "function" && me(e), typeof pe == "function" && pe(e), typeof he == "function" && he(e), typeof ye == "function" && ye(e), typeof _e == "function" && _e(e));
+function dn(t, n) {
+  n.autoRegister !== !1 && (typeof Ae == "function" && Ae(t), typeof Ve == "function" && Ve(t), typeof Re == "function" && Re(t), typeof Le == "function" && Le(t), typeof Te == "function" && Te(t), typeof Ee == "function" && Ee(t), typeof Ne == "function" && Ne(t));
 }
-const xe = (e, t) => {
-  const a = { ...Ce, ...t || {} };
-  if (e.provide(a.provideKey ?? re, a), e.config.globalProperties.$recycleUI = a, typeof window < "u" && a.iconCssUrl) {
-    const i = `link[rel="stylesheet"][data-rcui-icon="true"][href="${a.iconCssUrl}"]`;
-    if (!document.head.querySelector(i)) {
-      const f = document.createElement("link");
-      f.rel = "stylesheet", f.href = a.iconCssUrl, f.setAttribute("data-rcui-icon", "true"), document.head.appendChild(f);
+const Ue = (t, n) => {
+  const o = { ...Ke, ...n || {} };
+  if (t.provide(o.provideKey ?? ve, o), t.config.globalProperties.$recycleUI = o, typeof window < "u" && o.iconCssUrl) {
+    const v = `link[rel="stylesheet"][data-rcui-icon="true"][href="${o.iconCssUrl}"]`;
+    if (!document.head.querySelector(v)) {
+      const p = document.createElement("link");
+      p.rel = "stylesheet", p.href = o.iconCssUrl, p.setAttribute("data-rcui-icon", "true"), document.head.appendChild(p);
     }
   }
-  return Dt(e, a), e;
-}, Wt = { install: xe };
-function Tt(e) {
+  return dn(t, o), t;
+}, hn = { install: Ue };
+function _n(t) {
   return {
-    install(t) {
-      xe(t, e);
+    install(n) {
+      Ue(n, t);
     }
   };
 }
 export {
-  re as RECYCLE_UI_SYMBOL,
-  Q as RcButton,
-  te as RcCard,
-  Lt as RcDescriptions,
-  Nt as RcDescriptionsItem,
-  D as RcIcon,
-  ge as RcSearchArea,
-  ne as RcToast,
-  Tt as createRecycleUI,
-  Wt as default,
-  Ce as defaultRecycleUIConfig,
-  ut as hideToast,
-  xe as install,
-  de as installButton,
-  me as installCard,
-  fe as installDescriptions,
-  he as installIcon,
-  ye as installMessage,
-  _e as installSearchArea,
-  yt as message,
-  Lt as rcDescriptions,
-  Nt as rcDescriptionsItem,
-  Bt as showToast
+  ve as RECYCLE_UI_SYMBOL,
+  ae as RcButton,
+  ce as RcCard,
+  vn as RcDescriptions,
+  yn as RcDescriptionsItem,
+  T as RcIcon,
+  Be as RcSearchArea,
+  ue as RcToast,
+  _n as createRecycleUI,
+  hn as default,
+  Ke as defaultRecycleUIConfig,
+  Dt as hideToast,
+  Ue as install,
+  Ae as installButton,
+  Re as installCard,
+  Ve as installDescriptions,
+  Te as installIcon,
+  Ee as installMessage,
+  Ne as installSearchArea,
+  Wt as message,
+  vn as rcDescriptions,
+  yn as rcDescriptionsItem,
+  pn as showToast
 };
 //# sourceMappingURL=index.mjs.map