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

package/dist/index.mjs

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