@rft-rc/recycle-ui 0.0.1-rc.7 → 0.0.2-rc.2

package/dist/index.mjs

@@ -1,50 +1,119 @@
-import { defineComponent as S, computed as f, createElementBlock as d, openBlock as i, normalizeStyle as h, normalizeClass as z, createCommentVNode as g, renderSlot as y, createTextVNode as M, toDisplayString as _, inject as x, createElementVNode as b, ref as T, watchEffect as oe, provide as D, Fragment as A, renderList as Q, createBlock as X, onMounted as Z, onUnmounted as ae, Teleport as ce, createVNode as P, Transition as re, withCtx as ee, createApp as le, reactive as ie, TransitionGroup as ue, render as te } from "vue";
-const de = ["disabled"], fe = {
+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"
+}, lt = /* @__PURE__ */ F({
+  name: "rc-icon",
+  __name: "index",
+  props: {
+    name: {},
+    size: { default: 16 },
+    color: { default: "" },
+    spin: { type: Boolean, default: !1 },
+    code: { default: "" }
+  },
+  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: (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 We(() => {
+      if (typeof window > "u") return;
+      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(_);
+      }
+    }), (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"
+    }, [
+      d.value ? (a(), u("span", at, I(d.value), 1)) : $("", !0)
+    ], 6));
+  }
+}), 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"
-}, me = /* @__PURE__ */ S({
+}, ut = {
+  key: 0,
+  class: "rc-button__icon rc-button__icon--prefix"
+}, it = {
+  key: 2,
+  class: "rc-button__icon rc-button__icon--suffix"
+}, dt = /* @__PURE__ */ F({
   __name: "index",
   props: {
     type: { default: "default" },
     size: { default: "medium" },
-    plain: { type: Boolean, default: !1 },
+    mode: { default: void 0 },
     block: { type: Boolean, default: !1 },
     label: { default: "" },
     round: { type: [Number, String, Boolean], default: 6 },
     disabled: { type: Boolean, default: !1 },
-    loading: { type: Boolean, default: !1 }
+    loading: { type: Boolean, default: !1 },
+    preIcon: { default: "" },
+    suffixIcon: { default: "" }
   },
   emits: ["click"],
-  setup(e, { emit: t }) {
-    const n = e, c = t, r = (l) => {
-      !n.disabled && !n.loading && c("click", l);
-    }, u = f(() => {
-      const l = n.round;
-      return typeof l == "boolean" ? l ? "999px" : "6px" : typeof l == "number" ? `${l}px` : String(l);
+  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 (l, o) => (i(), d("button", {
-      class: z(["rc-button", [`rc-button--${e.type}`, `rc-button--${e.size}`, { "is-plain": e.plain, "is-block": e.block, "is-disabled": e.disabled, "is-loading": e.loading }]]),
-      style: h({ borderRadius: u.value }),
-      disabled: e.disabled || e.loading,
-      onClick: r
+    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 ? (i(), d("span", fe)) : g("", !0),
-      y(l.$slots, "default", {}, () => [
-        M(_(e.label), 1)
-      ], !0)
-    ], 14, de));
+      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: t.preIcon
+            }, null, 8, ["name"])) : $("", !0)
+          ], !0)
+        ])) : $("", !0)
+      ], 64)),
+      A(y.$slots, "default", {}, () => [
+        ne(I(t.label), 1)
+      ], !0),
+      !t.loading && (t.suffixIcon || y.$slots.suffixIcon) ? (a(), u("span", it, [
+        A(y.$slots, "suffixIcon", {}, () => [
+          t.suffixIcon ? (a(), U(T, {
+            key: 0,
+            name: t.suffixIcon
+          }, null, 8, ["name"])) : $("", !0)
+        ], !0)
+      ])) : $("", !0)
+    ], 14, ot));
   }
-}), w = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [c, r] of t)
-    n[c] = r;
-  return n;
-}, G = /* @__PURE__ */ w(me, [["__scopeId", "data-v-a70e95bb"]]);
-G.name = "rc-button";
-function H(e) {
-  return e.component(G.name, G), e;
+}), ae = /* @__PURE__ */ O(dt, [["__scopeId", "data-v-3ed3109f"]]);
+ae.name = "rc-button";
+function Ae(t) {
+  return t.component(ae.name, ae), t;
 }
-const pe = { class: "rc-desc-item__value" }, ye = /* @__PURE__ */ S({
+const ft = { class: "rc-desc-item__value" }, vt = /* @__PURE__ */ F({
   name: "rc-descriptions-item",
   __name: "item",
   props: {
@@ -53,44 +122,44 @@ const pe = { class: "rc-desc-item__value" }, ye = /* @__PURE__ */ S({
     labelWidth: { default: "" },
     span: { default: 1 }
   },
-  setup(e) {
-    const t = e;
-    x("rcDescItemWidth", void 0), x("rcDescSingleWidth", ""), x("rcDescGap", "0px");
-    const n = x("rcDescGapPx", 0), c = x("rcDescColCount", 1), r = x("rcDescLabelWidth", ""), u = f(() => {
-      const s = typeof t.span == "string" ? parseInt(t.span, 10) : t.span, a = typeof (c == null ? void 0 : c.value) == "number" ? c.value : c, m = !Number.isNaN(s) && s > 0 ? s : 1;
-      return Math.min(m, a || 1);
-    }), l = f(() => {
-      const s = typeof (c == null ? void 0 : c.value) == "number" ? c.value : c, a = typeof (n == null ? void 0 : n.value) == "number" ? n.value : n, m = u.value;
-      if (!s || s <= 1 || m >= s) return "100%";
-      const p = (s - 1) * a, v = (m - 1) * a;
-      return `calc((100% - ${p}px) * ${m} / ${s} + ${v}px)`;
-    }), o = f(() => {
-      const s = typeof (r == null ? void 0 : r.value) == "string" ? r.value : r, a = t.labelWidth !== "" ? t.labelWidth : s || "";
-      return a ? { width: typeof a == "number" ? `${a}px` : String(a), 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 (s, a) => (i(), d("div", {
+    return (c, f) => (a(), u("div", {
       class: "rc-desc-item",
-      style: h({ width: l.value, flex: `0 0 ${l.value}` })
+      style: B({ width: y.value, flex: `0 0 ${y.value}` })
     }, [
-      b("div", {
+      g("div", {
         class: "rc-desc-item__label",
-        style: h(o.value)
+        style: B(d.value)
       }, [
-        y(s.$slots, "label", {}, () => [
-          M(_(e.label), 1)
+        A(c.$slots, "label", {}, () => [
+          ne(I(t.label), 1)
         ], !0)
       ], 4),
-      b("div", pe, [
-        y(s.$slots, "default", {}, () => [
-          M(_(e.value), 1)
+      g("div", ft, [
+        A(c.$slots, "default", {}, () => [
+          ne(I(t.value), 1)
         ], !0)
       ])
     ], 4));
   }
-}), R = /* @__PURE__ */ w(ye, [["__scopeId", "data-v-970d0b99"]]), ge = { class: "rc-descriptions" }, be = {
+}), ee = /* @__PURE__ */ O(vt, [["__scopeId", "data-v-970d0b99"]]), yt = { class: "rc-descriptions" }, pt = {
   key: 0,
   class: "rc-descriptions__title"
-}, ve = /* @__PURE__ */ S({
+}, ht = /* @__PURE__ */ F({
   name: "rc-descriptions",
   __name: "index",
   props: {
@@ -101,67 +170,67 @@ const pe = { class: "rc-desc-item__value" }, ye = /* @__PURE__ */ S({
     data: { default: () => [] },
     keyMap: {}
   },
-  setup(e) {
-    const t = e, n = T(null), c = f(() => typeof t.gap == "number" ? `${t.gap}px` : String(t.gap)), r = f(() => {
-      const a = typeof t.column == "string" ? Number.parseInt(t.column, 10) : t.column ?? 1;
-      return !Number.isNaN(a) && a > 0 ? a : 1;
-    }), u = T("100%"), l = T("100%");
-    oe(() => {
-      const a = r.value;
-      if (a <= 1)
-        u.value = "100%", l.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 m = typeof t.gap == "number" ? t.gap : parseFloat(String(t.gap)) || 0, v = `calc((100% - ${(a - 1) * m}px) / ${a})`;
-        l.value = v, u.value = v;
+        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;
       }
-    }), D("rcDescItemWidth", u), D("rcDescSingleWidth", l), D("rcDescColCount", r), D("rcDescGapPx", f(() => typeof t.gap == "number" ? t.gap : parseFloat(String(t.gap)) || 0));
-    const o = f(() => t.labelWidth === "" || t.labelWidth === void 0 ? "" : typeof t.labelWidth == "number" ? `${t.labelWidth}px` : String(t.labelWidth));
-    D("rcDescLabelWidth", o), D("rcDescGap", f(() => typeof t.gap == "number" ? `${t.gap}px` : String(t.gap)));
-    const s = f(() => {
-      var p, v, V;
-      const a = ((p = t.keyMap) == null ? void 0 : p.key) ?? "label", m = ((v = t.keyMap) == null ? void 0 : v.value) ?? "value";
-      return (V = t.data) != null && V.length ? t.data.map((I) => ({
-        label: I == null ? void 0 : I[a],
-        value: I == null ? void 0 : I[m]
+    }), 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 (a, m) => (i(), d("div", ge, [
-      a.$slots.title || e.title ? (i(), d("div", be, [
-        y(a.$slots, "title", {}, () => [
-          M(_(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)
-      ])) : g("", !0),
-      b("div", {
+      ])) : $("", !0),
+      g("div", {
         class: "rc-descriptions__body",
-        style: h({ gap: c.value }),
+        style: B({ gap: v.value }),
         ref_key: "wrapEl",
-        ref: n
+        ref: o
       }, [
-        s.value.length ? (i(!0), d(A, { key: 0 }, Q(s.value, (p, v) => (i(), X(R, {
-          key: v,
-          label: p.label,
-          value: p.value,
-          "label-width": e.labelWidth
-        }, null, 8, ["label", "value", "label-width"]))), 128)) : y(a.$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)
     ]));
   }
-}), B = /* @__PURE__ */ w(ve, [["__scopeId", "data-v-5fcaa235"]]);
-B.name = "rc-descriptions";
-R.name = "rc-descriptions-item";
-function K(e) {
-  return e.component(B.name, B), e.component("RcDescriptions", B), e.component(R.name, R), e.component("RcDescriptionsItem", R), 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 He = B, Ke = R, he = { class: "rc-card__title" }, _e = { class: "rc-card__title-text" }, $e = {
+const vn = re, yn = ee, _t = { class: "rc-card__title" }, mt = { class: "rc-card__title-text" }, gt = {
   key: 0,
   class: "rc-card__status"
-}, ke = {
+}, kt = {
   key: 1,
   class: "rc-card__divider"
-}, xe = {
+}, bt = {
   key: 2,
   class: "rc-card__action"
-}, Ce = /* @__PURE__ */ S({
+}, $t = /* @__PURE__ */ F({
   name: "rc-card",
   __name: "index",
   props: {
@@ -178,85 +247,85 @@ const He = B, Ke = R, he = { class: "rc-card__title" }, _e = { class: "rc-card__
     width: { default: "100%" },
     height: { default: "" }
   },
-  setup(e) {
-    const t = e, n = f(() => {
-      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: l(t.elevation),
-        width: u(t.width),
-        height: u(t.height)
+        backgroundColor: n.color || "var(--rc-white)",
+        borderRadius: d,
+        boxShadow: y(n.elevation),
+        width: p(n.width),
+        height: p(n.height)
       };
-    }), c = f(() => t.padding || "16px"), r = f(
-      () => 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 u(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 l(o) {
-      if (!o || o <= 0) return "none";
-      const s = 4 * o;
-      return `0 ${Math.round(s / 2)}px ${s}px rgba(0,0,0,0.06), 0 ${Math.round(
-        s / 4
-      )}px ${Math.round(s / 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, s) => (i(), d("div", {
-      class: z(["rc-card", [{ "rc-card--bordered": e.bordered }]]),
-      style: h(n.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 ? (i(), d("div", {
+      d.$slots.title || t.title || d.$slots.status || t.status ? (a(), u("div", {
         key: 0,
         class: "rc-card__top",
-        style: h({ backgroundColor: e.topBgColor || "rgba(29, 133, 252, 0.05)" })
+        style: B({ backgroundColor: t.topBgColor || "rgba(29, 133, 252, 0.05)" })
       }, [
-        b("div", he, [
-          y(o.$slots, "title", {}, () => [
-            b("span", _e, _(e.title), 1)
+        g("div", _t, [
+          A(d.$slots, "title", {}, () => [
+            g("span", mt, I(t.title), 1)
           ], !0)
         ]),
-        o.$slots.status || e.status ? (i(), d("div", $e, [
-          y(o.$slots, "status", {}, () => [
-            b("span", {
+        d.$slots.status || t.status ? (a(), u("div", gt, [
+          A(d.$slots, "status", {}, () => [
+            g("span", {
               class: "rc-card__status-text",
-              style: h({ color: e.statusColor || "var(--rc-primary)" })
-            }, _(e.status), 5)
+              style: B({ color: t.statusColor || "var(--rc-primary)" })
+            }, I(t.status), 5)
           ], !0)
-        ])) : g("", !0)
-      ], 4)) : g("", !0),
-      b("div", {
+        ])) : $("", !0)
+      ], 4)) : $("", !0),
+      g("div", {
         class: "rc-card__body",
-        style: h({ padding: c.value, gap: r.value })
+        style: B({ padding: v.value, gap: h.value })
       }, [
-        y(o.$slots, "content", {}, () => [
-          y(o.$slots, "default", {}, void 0, !0)
+        A(d.$slots, "content", {}, () => [
+          A(d.$slots, "default", {}, void 0, !0)
         ], !0)
       ], 4),
-      o.$slots.action ? (i(), d("div", ke)) : g("", !0),
-      o.$slots.action ? (i(), d("div", xe, [
-        y(o.$slots, "action", {}, void 0, !0)
-      ])) : g("", !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));
   }
-}), U = /* @__PURE__ */ w(Ce, [["__scopeId", "data-v-a7b95214"]]);
-U.name = "rc-card";
-const Se = "RcCard";
-function O(e) {
-  return e.component(U.name, U), e.component(Se, U), 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 we = {
+const St = {
   key: 0,
   class: "rc-toast__mask"
-}, Ie = { class: "rc-toast__content" }, De = {
+}, xt = { class: "rc-toast__content" }, It = {
   key: 0,
   class: "rc-toast__spinner"
-}, Ne = {
+}, wt = {
   key: 1,
   class: "rc-toast__icon rc-toast__icon--success"
-}, Re = {
+}, At = {
   key: 2,
   class: "rc-toast__icon rc-toast__icon--fail"
-}, We = { class: "rc-toast__text" }, Be = /* @__PURE__ */ S({
+}, Vt = { class: "rc-toast__text" }, Rt = /* @__PURE__ */ F({
   __name: "index",
   props: {
     message: { default: "" },
@@ -265,251 +334,591 @@ const we = {
     mask: { type: Boolean, default: !1 },
     onAfterLeave: {}
   },
-  setup(e, { expose: t }) {
-    const n = e, c = T(!0);
-    let r;
-    function u() {
-      r && (clearTimeout(r), r = null);
+  setup(t, { expose: n }) {
+    const o = t, v = V(!0);
+    let h;
+    function p() {
+      h && (clearTimeout(h), h = null);
     }
-    function l() {
-      u(), c.value = !1;
+    function y() {
+      p(), v.value = !1;
     }
-    return t({ close: l }), Z(() => {
-      n.duration && n.duration > 0 && (r = setTimeout(() => {
-        l();
-      }, n.duration));
-    }), ae(() => {
-      u();
-    }), (o, s) => (i(), d(A, null, [
-      (i(), X(ce, { to: "body" }, [
-        P(re, {
+    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: ee(() => [
-            c.value ? (i(), d("div", {
+          default: Z(() => [
+            v.value ? (a(), u("div", {
               key: 0,
-              class: z(["rc-toast", [`rc-toast--${e.type}`]])
+              class: E(["rc-toast", [`rc-toast--${t.type}`]])
             }, [
-              e.mask ? (i(), d("div", we)) : g("", !0),
-              b("div", Ie, [
-                e.type === "loading" ? (i(), d("div", De)) : e.type === "success" ? (i(), d("div", Ne)) : e.type === "fail" ? (i(), d("div", Re)) : g("", !0),
-                b("div", We, _(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)) : g("", !0)
+            ], 2)) : $("", !0)
           ]),
           _: 1
         }, 8, ["onAfterLeave"])
       ])),
-      y(o.$slots, "default", {}, void 0, !0)
+      A(d.$slots, "default", {}, void 0, !0)
     ], 64));
   }
-}), E = /* @__PURE__ */ w(Be, [["__scopeId", "data-v-d234c9c5"]]);
-let C = null, W = null;
-function Y() {
-  C && (C.unmount(), C = null), W && (document.body.removeChild(W), W = 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 Oe(e) {
-  const t = typeof e == "string" ? { message: e } : e || {};
-  Y(), W = document.createElement("div"), document.body.appendChild(W);
-  const n = {
-    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 c;
-      Y(), (c = t.onClose) == null || c.call(t);
+      var v;
+      De(), (v = n.onClose) == null || v.call(n);
     }
   };
-  return C = le(E, n), C.mount(W), {
-    close: ze
+  return Y = et(ue, o), Y.mount(te), {
+    close: Dt
   };
 }
-function ze() {
-  var e, t, n;
-  C && ((n = (t = (e = C._instance) == null ? void 0 : e.exposed) == null ? void 0 : t.close) == null || n.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));
 }
-E.name = "rc-toast";
-function j(e) {
-  return e.component(E.name, E), e;
+ue.name = "rc-toast";
+function Le(t) {
+  return t.component(ue.name, ue), t;
 }
-const Te = {
+const Lt = {
   class: "rc-message",
   role: "alert",
   "aria-live": "polite"
-}, Ue = { class: "rc-message__content" }, Le = /* @__PURE__ */ S({
+}, Et = { class: "rc-message__content" }, Tt = /* @__PURE__ */ F({
   __name: "index",
-  setup(e, { expose: t }) {
-    const n = ie([]);
-    let c = 1;
-    function r(l) {
-      const o = n.findIndex((s) => s.id === l);
-      o >= 0 && n.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 u(l, o, s) {
-      const a = c++;
-      return n.push({ id: a, type: l, content: o, duration: s }), s > 0 && window.setTimeout(() => r(a), s), a;
+    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: u, remove: r }), (l, o) => (i(), d("div", Te, [
-      P(ue, {
+    return n({ add: p, remove: h }), (y, d) => (a(), u("div", Lt, [
+      M(nt, {
         name: "rc-message-fade",
         tag: "div"
       }, {
-        default: ee(() => [
-          (i(!0), d(A, null, Q(n, (s) => (i(), d("div", {
-            key: s.id,
-            class: z(["rc-message__item", `rc-message--${s.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}`])
           }, [
-            b("span", Ue, _(s.content), 1)
+            g("span", Et, I(c.content), 1)
           ], 2))), 128))
         ]),
         _: 1
       })
     ]));
   }
-}), Me = /* @__PURE__ */ w(Le, [["__scopeId", "data-v-87811df0"]]);
-let k = null, $ = null;
-function Ee() {
-  var t;
-  if (k && $) return;
-  k = document.createElement("div"), document.body.appendChild(k);
-  const e = P(Me, {});
-  te(e, k), $ = (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 N(e, t, n) {
-  var r;
-  Ee();
-  const c = typeof n == "number" ? n : e === "loading" ? 0 : 2e3;
-  return (r = $ == null ? void 0 : $.add) == null ? void 0 : r.call($, e, t, c);
+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 Ge = {
-  open(e) {
-    return N(e.type || "info", e.content, e.duration);
+const Wt = {
+  open(t) {
+    return X(t.type || "info", t.content, t.duration);
   },
-  info(e, t) {
-    return N("info", e, t);
+  info(t, n) {
+    return X("info", t, n);
   },
-  success(e, t) {
-    return N("success", e, t);
+  success(t, n) {
+    return X("success", t, n);
   },
-  warning(e, t) {
-    return N("warning", e, t);
+  warning(t, n) {
+    return X("warning", t, n);
   },
-  error(e, t) {
-    return N("error", e, t);
+  error(t, n) {
+    return X("error", t, n);
   },
-  loading(e, t) {
-    return N("loading", e, t);
+  loading(t, n) {
+    return X("loading", t, n);
   },
   destroy() {
-    k && (te(null, k), k.remove(), k = null, $ = null);
+    G && (Me(null, G), G.remove(), G = null, K = null);
   }
 };
-function q(e) {
-  return e.config.globalProperties.$message = Ge, e;
+function Ee(t) {
+  return t.config.globalProperties.$message = Wt, t;
 }
-const Ae = {
+T.name = "rc-icon";
+function Te(t) {
+  return t.component(T.name, T), t.component("RcIcon", T), t;
+}
+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__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"
+}, cn = {
   key: 0,
-  class: "rc-icon__unicode"
-}, Pe = /* @__PURE__ */ S({
-  name: "rc-icon",
+  class: "rc-search-area__panel-footer"
+}, un = /* @__PURE__ */ F({
+  name: "rc-search-area",
   __name: "index",
   props: {
-    name: {},
-    size: { default: 16 },
-    color: { default: "" },
-    spin: { type: Boolean, default: !1 },
-    code: { default: "" }
+    items: { default: () => [] },
+    modelValue: { default: () => ({}) },
+    showMask: { type: Boolean, default: !0 }
   },
-  setup(e) {
-    const t = e, n = x(F, {}), c = f(() => (n == null ? void 0 : n.iconClass) || "iconfont"), r = f(() => t.name || ""), u = f(() => typeof t.size == "number" ? `${t.size}px` : t.size || "16px"), l = f(() => ({
-      fontSize: u.value,
-      color: t.color || void 0,
-      lineHeight: 1,
-      fontFamily: (n == null ? void 0 : n.iconClass) || "iconfont"
-    })), o = f(() => {
-      const s = t.code;
-      if (s == null || s === "" || s === 0) return "";
-      if (typeof s == "number")
-        return String.fromCharCode(s);
-      const a = String(s).replace(/^0x/i, ""), m = parseInt(a, 16);
-      return Number.isNaN(m) ? "" : String.fromCharCode(m);
+  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 we();
+      const s = y.value.getBoundingClientRect().top;
+      c.value = { top: `${s}px` };
+    }, x = (e) => {
+      if (p.value === null || !y.value)
+        return;
+      const s = e.target;
+      if (y.value.contains(s))
+        return;
+      const r = y.value.closest(".rc-search-area");
+      if (r) {
+        const i = r.querySelector(".rc-search-area__bar");
+        if (i && i.contains(s))
+          return;
+      }
+      le();
+    };
+    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);
     });
-    return Z(() => {
-      if (typeof window > "u") return;
-      const s = n && n.iconCssUrl || ne.iconCssUrl;
+    const _ = V({}), w = V(""), R = V({}), m = V({ ...v.modelValue });
+    Ie(() => v.modelValue, (e) => {
+      m.value = { ...e || {} };
+    }, { deep: !0, immediate: !0 });
+    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 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 e.label;
+    }, Oe = (e) => {
+      const s = v.items[e];
       if (!s) return;
-      const a = `link[rel="stylesheet"][data-rcui-icon="true"][href="${s}"]`;
-      if (!document.head.querySelector(a)) {
-        const p = document.createElement("link");
-        p.rel = "stylesheet", p.href = s, p.setAttribute("data-rcui-icon", "true"), document.head.appendChild(p);
+      if (p.value === e) {
+        p.value = null;
+        return;
       }
-    }), (s, a) => (i(), d("i", {
-      class: z(["rc-icon", [c.value, r.value, { "rc-icon--spin": e.spin }]]),
-      style: h(l.value),
-      "aria-hidden": "true"
-    }, [
-      o.value ? (i(), d("span", Ae, _(o.value), 1)) : g("", !0)
-    ], 6));
+      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)
+      );
+      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 n({
+      /** 获取当前筛选值 */
+      getValues: () => ({ ...m.value }),
+      /** 重置所有筛选 */
+      reset: () => {
+        m.value = {}, _.value = {}, R.value = {}, h("update:modelValue", {});
+      }
+    }), (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: (b) => Oe(i)
+        }, [
+          g("span", Ut, I(Fe(r)), 1),
+          M(q(T), {
+            name: "icon_a-xiala2",
+            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, Kt))), 128))
+      ]),
+      M(fe, { name: "rc-search-area-fade" }, {
+        default: Z(() => [
+          p.value !== null && v.showMask ? (a(), u("div", {
+            key: 0,
+            ref_key: "maskRef",
+            ref: d,
+            class: "rc-search-area__mask",
+            style: B(c.value),
+            onClick: le
+          }, null, 4)) : $("", !0)
+        ]),
+        _: 1
+      }),
+      M(fe, { name: "rc-search-area-slide" }, {
+        default: Z(() => {
+          var r, i, b, k, N, J, se, $e, Ce, Se, xe;
+          return [
+            p.value !== null ? (a(), u("div", {
+              key: 0,
+              ref_key: "panelRef",
+              ref: y,
+              class: "rc-search-area__panel"
+            }, [
+              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"
+                  }, [
+                    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"
+                    })) : $("", !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)
+                  }, [
+                    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"
+                    })) : $("", !0)
+                  ], 10, an))), 128))
+                ])),
+                ((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)
+              ]),
+              ((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: qe
+                }, {
+                  default: Z(() => [...s[2] || (s[2] = [
+                    ne(" 重置 ", -1)
+                  ])]),
+                  _: 1
+                }),
+                M(q(ae), {
+                  type: "primary",
+                  block: "",
+                  onClick: Ye
+                }, {
+                  default: Z(() => [
+                    ne(" 确定" + I(Ge.value), 1)
+                  ]),
+                  _: 1
+                })
+              ])) : $("", !0)
+            ], 512)) : $("", !0)
+          ];
+        }),
+        _: 3
+      })
+    ]));
   }
-}), L = /* @__PURE__ */ w(Pe, [["__scopeId", "data-v-3857a892"]]);
-L.name = "rc-icon";
-function J(e) {
-  return e.component(L.name, L), e.component("RcIcon", L), e;
-}
-const F = Symbol("RECYCLE_UI_CONFIG"), ne = {
+}), 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: F,
+  provideKey: ve,
   // 预留主题/其他全局配置
   theme: {},
   // IconFont 默认配置（可在 app.use 时覆盖）
   iconCssUrl: "//at.alicdn.com/t/c/font_4252799_9vcnw0pnmkh.css",
   iconClass: "iconfont"
 };
-function Fe(e, t) {
-  t.autoRegister !== !1 && (typeof H == "function" && H(e), typeof K == "function" && K(e), typeof O == "function" && O(e), typeof j == "function" && j(e), typeof J == "function" && J(e), typeof q == "function" && q(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 se = (e, t) => {
-  const n = { ...ne, ...t || {} };
-  if (e.provide(n.provideKey ?? F, n), e.config.globalProperties.$recycleUI = n, typeof window < "u" && n.iconCssUrl) {
-    const c = `link[rel="stylesheet"][data-rcui-icon="true"][href="${n.iconCssUrl}"]`;
-    if (!document.head.querySelector(c)) {
-      const u = document.createElement("link");
-      u.rel = "stylesheet", u.href = n.iconCssUrl, u.setAttribute("data-rcui-icon", "true"), document.head.appendChild(u);
+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 Fe(e, n), e;
-}, Ye = { install: se };
-function je(e) {
+  return dn(t, o), t;
+}, hn = { install: Ue };
+function _n(t) {
   return {
-    install(t) {
-      se(t, e);
+    install(n) {
+      Ue(n, t);
     }
   };
 }
 export {
-  F as RECYCLE_UI_SYMBOL,
-  G as RcButton,
-  U as RcCard,
-  He as RcDescriptions,
-  Ke as RcDescriptionsItem,
-  L as RcIcon,
-  E as RcToast,
-  je as createRecycleUI,
-  Ye as default,
-  ne as defaultRecycleUIConfig,
-  ze as hideToast,
-  se as install,
-  H as installButton,
-  O as installCard,
-  K as installDescriptions,
-  J as installIcon,
-  q as installMessage,
-  Ge as message,
-  He as rcDescriptions,
-  Ke as rcDescriptionsItem,
-  Oe 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