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

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