st-comp 0.0.208 → 0.0.209

package/es/{el-autocomplete-87b7f461.js → el-autocomplete-ba808eb6.js}

@@ -1,11 +1,13 @@
 import { defineComponent as oe, computed as k, useAttrs as Ce, ref as d, onBeforeUnmount as Se, onMounted as Ie, openBlock as b, createBlock as Ne, unref as t, withCtx as v, createElementVNode as X, normalizeClass as y, normalizeStyle as Y, createElementBlock as w, withModifiers as N, renderSlot as g, createCommentVNode as Z, createVNode as T, Fragment as Te, renderList as Ae, createTextVNode as Fe, toDisplayString as Pe, mergeProps as x, withKeys as C, createSlots as Ve } from "vue";
-import { e as _e, d as Be, o as De } from "./use-form-common-props-4cdda474.js";
-import { b as Oe, d as ee, N as Ke, m as B, n as D, p as Re, u as Me, E as Ue, B as We, _ as Le, i as O, w as He } from "./base-aa512893.js";
-import { i as se, E as qe } from "./el-input-262851e8.js";
-import { E as ze } from "./index-66ad0d6a.js";
-import { a as te, U as A, I as K, C as ae, p as je, E as Ge, t as Je } from "./el-popper-49152708.js";
-import { d as Qe } from "./debounce-33406a0d.js";
-const Xe = Oe({
+import { g as _e, v as Be } from "./use-form-common-props-815d48a6.js";
+import { E as De, l as Oe } from "./index-a871c3eb.js";
+import { i as se, E as Ke } from "./el-input-2f75c4ba.js";
+import { E as Re } from "./index-844bdd85.js";
+import { g as ee, U as A, I as K, C as le, p as Me, E as Ue, b as We } from "./el-popper-b4f97157.js";
+import { b as Le, e as te, N as He, c as B, p as D, f as qe, u as je, _ as ze, j as O, w as Ge } from "./base-a5af3db3.js";
+import { u as Je } from "./index-960806da.js";
+import { d as Qe } from "./debounce-8d53f4dd.js";
+const Xe = Le({
   ...se,
   valueKey: {
     type: String,
@@ -20,7 +22,7 @@ const Xe = Oe({
     default: 300
   },
   placement: {
-    type: ee(String),
+    type: te(String),
     values: [
       "top",
       "top-start",
@@ -32,8 +34,8 @@ const Xe = Oe({
     default: "bottom-start"
   },
   fetchSuggestions: {
-    type: ee([Function, Array]),
-    default: Ke
+    type: te([Function, Array]),
+    default: He
   },
   popperClass: {
     type: String,
@@ -45,37 +47,37 @@ const Xe = Oe({
   },
   selectWhenUnmatched: Boolean,
   hideLoading: Boolean,
-  teleported: te.teleported,
-  appendTo: te.appendTo,
+  teleported: ee.teleported,
+  appendTo: ee.appendTo,
   highlightFirstItem: Boolean,
   fitInputWidth: Boolean
 }), Ye = {
-  [A]: (a) => B(a) || D(a),
-  [K]: (a) => B(a) || D(a),
-  [ae]: (a) => B(a) || D(a),
-  focus: (a) => a instanceof FocusEvent,
-  blur: (a) => a instanceof FocusEvent,
+  [A]: (l) => B(l) || D(l),
+  [K]: (l) => B(l) || D(l),
+  [le]: (l) => B(l) || D(l),
+  focus: (l) => l instanceof FocusEvent,
+  blur: (l) => l instanceof FocusEvent,
   clear: () => !0,
-  select: (a) => Re(a)
-}, le = "ElAutocomplete", Ze = oe({
-  name: le,
+  select: (l) => qe(l)
+}, ae = "ElAutocomplete", Ze = oe({
+  name: ae,
   inheritAttrs: !1
 }), xe = /* @__PURE__ */ oe({
   ...Ze,
   props: Xe,
   emits: Ye,
-  setup(a, { expose: ne, emit: i }) {
-    const n = a, re = k(() => je(n, Object.keys(se))), ue = Ce(), R = _e(), r = Me("autocomplete"), p = d(), M = d(), S = d(), U = d();
+  setup(l, { expose: ne, emit: i }) {
+    const n = l, re = k(() => Me(n, Object.keys(se))), ue = Ce(), R = _e(), r = je("autocomplete"), p = d(), M = d(), S = d(), U = d();
     let W = !1, F = !1;
-    const c = d([]), l = d(-1), L = d(""), f = d(!1), I = d(!1), h = d(!1), E = Be(), ie = k(() => ue.style), m = k(() => (c.value.length > 0 || h.value) && f.value), H = k(() => !n.hideLoading && h.value), ce = k(() => p.value ? Array.from(p.value.$el.querySelectorAll("input")) : []), pe = () => {
+    const c = d([]), a = d(-1), L = d(""), f = d(!1), I = d(!1), h = d(!1), E = Je(), ie = k(() => ue.style), m = k(() => (c.value.length > 0 || h.value) && f.value), H = k(() => !n.hideLoading && h.value), ce = k(() => p.value ? Array.from(p.value.$el.querySelectorAll("input")) : []), pe = () => {
       m.value && (L.value = `${p.value.$el.offsetWidth}px`);
     }, de = () => {
-      l.value = -1;
+      a.value = -1;
     }, q = async (e) => {
       if (I.value)
         return;
       const o = (s) => {
-        h.value = !1, !I.value && (O(s) ? (c.value = s, l.value = n.highlightFirstItem ? 0 : -1) : Je(le, "autocomplete suggestions must be an array"));
+        h.value = !1, !I.value && (O(s) ? (c.value = s, a.value = n.highlightFirstItem ? 0 : -1) : We(ae, "autocomplete suggestions must be an array"));
       };
       if (h.value = !0, O(n.fetchSuggestions))
         o(n.fetchSuggestions);
@@ -83,18 +85,18 @@ const Xe = Oe({
         const s = await n.fetchSuggestions(e, o);
         O(s) && o(s);
       }
-    }, z = Qe(q, n.debounce), fe = (e) => {
+    }, j = Qe(q, n.debounce), fe = (e) => {
       const o = !!e;
       if (i(K, e), i(A, e), I.value = !1, f.value || (f.value = o), !n.triggerOnFocus && !e) {
         I.value = !0, c.value = [];
         return;
       }
-      z(e);
+      j(e);
     }, ve = (e) => {
       var o;
       R.value || (((o = e.target) == null ? void 0 : o.tagName) !== "INPUT" || ce.value.includes(document.activeElement)) && (f.value = !0);
     }, ge = (e) => {
-      i(ae, e);
+      i(le, e);
     }, me = (e) => {
       var o;
       if (F)
@@ -102,7 +104,7 @@ const Xe = Oe({
       else {
         f.value = !0, i("focus", e);
         const s = (o = n.modelValue) != null ? o : "";
-        n.triggerOnFocus && !W && z(String(s));
+        n.triggerOnFocus && !W && j(String(s));
       }
     }, he = (e) => {
       setTimeout(() => {
@@ -115,9 +117,9 @@ const Xe = Oe({
       });
     }, be = () => {
       f.value = !1, i(A, ""), i("clear");
-    }, j = async () => {
+    }, z = async () => {
       var e;
-      (e = p.value) != null && e.isComposing || (m.value && l.value >= 0 && l.value < c.value.length ? P(c.value[l.value]) : n.selectWhenUnmatched && (i("select", { value: n.modelValue }), c.value = [], l.value = -1));
+      (e = p.value) != null && e.isComposing || (m.value && a.value >= 0 && a.value < c.value.length ? P(c.value[a.value]) : n.selectWhenUnmatched && (i("select", { value: n.modelValue }), c.value = [], a.value = -1));
     }, ye = (e) => {
       m.value && (e.preventDefault(), e.stopPropagation(), $());
     }, $ = () => {
@@ -129,19 +131,19 @@ const Xe = Oe({
       var e;
       (e = p.value) == null || e.blur();
     }, P = async (e) => {
-      i(K, e[n.valueKey]), i(A, e[n.valueKey]), i("select", e), c.value = [], l.value = -1;
+      i(K, e[n.valueKey]), i(A, e[n.valueKey]), i("select", e), c.value = [], a.value = -1;
     }, V = (e) => {
       var o, s;
       if (!m.value || h.value)
         return;
       if (e < 0) {
-        l.value = -1;
+        a.value = -1;
         return;
       }
       e >= c.value.length && (e = c.value.length - 1);
       const u = M.value.querySelector(`.${r.be("suggestion", "wrap")}`), we = u.querySelectorAll(`.${r.be("suggestion", "list")} li`)[e], J = u.scrollTop, { offsetTop: Q, scrollHeight: _ } = we;
-      Q + _ > J + u.clientHeight && (u.scrollTop += _), Q < J && (u.scrollTop -= _), l.value = e, (s = (o = p.value) == null ? void 0 : o.ref) == null || s.setAttribute("aria-activedescendant", `${E.value}-item-${l.value}`);
-    }, G = De(U, () => {
+      Q + _ > J + u.clientHeight && (u.scrollTop += _), Q < J && (u.scrollTop -= _), a.value = e, (s = (o = p.value) == null ? void 0 : o.ref) == null || s.setAttribute("aria-activedescendant", `${E.value}-item-${a.value}`);
+    }, G = Be(U, () => {
       var e;
       (e = S.value) != null && e.isFocusInsideContent() || m.value && $();
     });
@@ -156,24 +158,24 @@ const Xe = Oe({
         { key: "aria-controls", value: "id" },
         {
           key: "aria-activedescendant",
-          value: `${E.value}-item-${l.value}`
+          value: `${E.value}-item-${a.value}`
         }
       ].forEach(({ key: s, value: u }) => o.setAttribute(s, u)), W = o.hasAttribute("readonly"));
     }), ne({
-      highlightedIndex: l,
+      highlightedIndex: a,
       activated: f,
       loading: h,
       inputRef: p,
       popperRef: S,
       suggestions: c,
       handleSelect: P,
-      handleKeyEnter: j,
+      handleKeyEnter: z,
       focus: Ee,
       blur: $e,
       close: $,
       highlight: V,
       getData: q
-    }), (e, o) => (b(), Ne(t(Ge), {
+    }), (e, o) => (b(), Ne(t(Ue), {
       ref_key: "popperRef",
       ref: S,
       visible: t(m),
@@ -212,7 +214,7 @@ const Xe = Oe({
           }, [
             g(e.$slots, "header")
           ], 10, ["onClick"])) : Z("v-if", !0),
-          T(t(ze), {
+          T(t(Re), {
             id: t(E),
             tag: "ul",
             "wrap-class": t(r).be("suggestion", "wrap"),
@@ -222,11 +224,11 @@ const Xe = Oe({
             default: v(() => [
               t(H) ? (b(), w("li", { key: 0 }, [
                 g(e.$slots, "loading", {}, () => [
-                  T(t(Ue), {
+                  T(t(De), {
                     class: y(t(r).is("loading"))
                   }, {
                     default: v(() => [
-                      T(t(We))
+                      T(t(Oe))
                     ]),
                     _: 1
                   }, 8, ["class"])
@@ -234,9 +236,9 @@ const Xe = Oe({
               ])) : (b(!0), w(Te, { key: 1 }, Ae(c.value, (s, u) => (b(), w("li", {
                 id: `${t(E)}-item-${u}`,
                 key: u,
-                class: y({ highlighted: l.value === u }),
+                class: y({ highlighted: a.value === u }),
                 role: "option",
-                "aria-selected": l.value === u,
+                "aria-selected": a.value === u,
                 onClick: (ke) => P(s)
               }, [
                 g(e.$slots, "default", { item: s }, () => [
@@ -267,7 +269,7 @@ const Xe = Oe({
           "aria-expanded": t(m),
           "aria-owns": t(E)
         }, [
-          T(t(qe), x({
+          T(t(Ke), x({
             ref_key: "inputRef",
             ref: p
           }, x(t(re), e.$attrs), {
@@ -279,9 +281,9 @@ const Xe = Oe({
             onBlur: he,
             onClear: be,
             onKeydown: [
-              C(N((s) => V(l.value - 1), ["prevent"]), ["up"]),
-              C(N((s) => V(l.value + 1), ["prevent"]), ["down"]),
-              C(j, ["enter"]),
+              C(N((s) => V(a.value - 1), ["prevent"]), ["up"]),
+              C(N((s) => V(a.value + 1), ["prevent"]), ["down"]),
+              C(z, ["enter"]),
               C($, ["tab"]),
               C(ye, ["esc"])
             ],
@@ -320,8 +322,8 @@ const Xe = Oe({
     }, 8, ["visible", "placement", "popper-class", "teleported", "append-to", "transition"]));
   }
 });
-var et = /* @__PURE__ */ Le(xe, [["__file", "autocomplete.vue"]]);
-const ut = He(et);
+var et = /* @__PURE__ */ ze(xe, [["__file", "autocomplete.vue"]]);
+const ct = Ge(et);
 export {
-  ut as E
+  ct as E
 };

package/es/{el-button-56624e61.js → el-button-c95adb85.js}

@@ -1,32 +1,33 @@
-import { computed as u, inject as M, ref as O, useSlots as R, Text as q, defineComponent as B, openBlock as m, createBlock as y, resolveDynamicComponent as N, mergeProps as H, unref as d, withCtx as V, createElementBlock as $, Fragment as J, renderSlot as k, normalizeClass as w, createCommentVNode as E, provide as L, reactive as Q, toRef as P } from "vue";
-import { b as W, B as X, d as Y, u as I, E as G, _ as F, w as Z, T as tt } from "./base-aa512893.js";
-import { u as et } from "./index-2e331d74.js";
-import { a as ot } from "./use-global-config-7bfbe48c.js";
-import { f as nt, a as lt, e as K, u as at, k as D } from "./use-form-common-props-4cdda474.js";
+import { computed as u, inject as M, ref as O, useSlots as R, Text as q, defineComponent as B, openBlock as m, createBlock as y, resolveDynamicComponent as N, mergeProps as H, unref as d, withCtx as V, createElementBlock as $, Fragment as J, renderSlot as k, normalizeClass as w, createCommentVNode as T, provide as L, reactive as Q, toRef as P } from "vue";
+import { l as W, E as G } from "./index-a871c3eb.js";
+import { u as X } from "./index-2e331d74.js";
+import { a as Y } from "./use-global-config-b5e9d3d5.js";
+import { d as Z, e as tt, g as F, h as et, i as D } from "./use-form-common-props-815d48a6.js";
+import { b as ot, e as lt, u as I, _ as K, w as nt, l as at } from "./base-a5af3db3.js";
 import { T as rt } from "./index-657047bb.js";
 const j = Symbol("buttonGroupContextKey"), st = (t, c) => {
-  et({
+  X({
     from: "type.text",
     replacement: "link",
     version: "3.0.0",
     scope: "props",
     ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
   }, u(() => t.type === "text"));
-  const l = M(j, void 0), n = ot("button"), { form: s } = nt(), a = lt(u(() => l == null ? void 0 : l.size)), o = K(), b = O(), v = R(), p = u(() => {
+  const n = M(j, void 0), l = Y("button"), { form: s } = Z(), a = tt(u(() => n == null ? void 0 : n.size)), o = F(), b = O(), v = R(), p = u(() => {
     var e;
-    return t.type || (l == null ? void 0 : l.type) || ((e = n.value) == null ? void 0 : e.type) || "";
+    return t.type || (n == null ? void 0 : n.type) || ((e = l.value) == null ? void 0 : e.type) || "";
   }), g = u(() => {
     var e, r, i;
-    return (i = (r = t.autoInsertSpace) != null ? r : (e = n.value) == null ? void 0 : e.autoInsertSpace) != null ? i : !1;
+    return (i = (r = t.autoInsertSpace) != null ? r : (e = l.value) == null ? void 0 : e.autoInsertSpace) != null ? i : !1;
   }), h = u(() => {
     var e, r, i;
-    return (i = (r = t.plain) != null ? r : (e = n.value) == null ? void 0 : e.plain) != null ? i : !1;
+    return (i = (r = t.plain) != null ? r : (e = l.value) == null ? void 0 : e.plain) != null ? i : !1;
   }), S = u(() => {
     var e, r, i;
-    return (i = (r = t.round) != null ? r : (e = n.value) == null ? void 0 : e.round) != null ? i : !1;
+    return (i = (r = t.round) != null ? r : (e = l.value) == null ? void 0 : e.round) != null ? i : !1;
   }), C = u(() => {
     var e, r, i;
-    return (i = (r = t.text) != null ? r : (e = n.value) == null ? void 0 : e.text) != null ? i : !1;
+    return (i = (r = t.text) != null ? r : (e = l.value) == null ? void 0 : e.text) != null ? i : !1;
   }), _ = u(() => t.tag === "button" ? {
     ariaDisabled: o.value || t.loading,
     disabled: o.value || t.loading,
@@ -71,8 +72,8 @@ const j = Symbol("buttonGroupContextKey"), st = (t, c) => {
   "danger",
   "text",
   ""
-], ct = ["button", "submit", "reset"], z = W({
-  size: at,
+], ct = ["button", "submit", "reset"], z = ot({
+  size: et,
   disabled: Boolean,
   type: {
     type: String,
@@ -90,7 +91,7 @@ const j = Symbol("buttonGroupContextKey"), st = (t, c) => {
   loading: Boolean,
   loadingIcon: {
     type: D,
-    default: () => X
+    default: () => W
   },
   plain: {
     type: Boolean,
@@ -115,7 +116,7 @@ const j = Symbol("buttonGroupContextKey"), st = (t, c) => {
     default: void 0
   },
   tag: {
-    type: Y([String, Object]),
+    type: lt([String, Object]),
     default: "button"
   }
 }), ut = {
@@ -125,28 +126,28 @@ function f(t, c = 20) {
   return t.mix("#141414", c).toString();
 }
 function dt(t) {
-  const c = K(), l = I("button");
+  const c = F(), n = I("button");
   return u(() => {
-    let n = {}, s = t.color;
+    let l = {}, s = t.color;
     if (s) {
       const a = s.match(/var\((.*?)\)/);
       a && (s = window.getComputedStyle(window.document.documentElement).getPropertyValue(a[1]));
       const o = new rt(s), b = t.dark ? o.tint(20).toString() : f(o, 20);
       if (t.plain)
-        n = l.cssVarBlock({
+        l = n.cssVarBlock({
           "bg-color": t.dark ? f(o, 90) : o.tint(90).toString(),
           "text-color": s,
           "border-color": t.dark ? f(o, 50) : o.tint(50).toString(),
-          "hover-text-color": `var(${l.cssVarName("color-white")})`,
+          "hover-text-color": `var(${n.cssVarName("color-white")})`,
           "hover-bg-color": s,
           "hover-border-color": s,
           "active-bg-color": b,
-          "active-text-color": `var(${l.cssVarName("color-white")})`,
+          "active-text-color": `var(${n.cssVarName("color-white")})`,
           "active-border-color": b
-        }), c.value && (n[l.cssVarBlockName("disabled-bg-color")] = t.dark ? f(o, 90) : o.tint(90).toString(), n[l.cssVarBlockName("disabled-text-color")] = t.dark ? f(o, 50) : o.tint(50).toString(), n[l.cssVarBlockName("disabled-border-color")] = t.dark ? f(o, 80) : o.tint(80).toString());
+        }), c.value && (l[n.cssVarBlockName("disabled-bg-color")] = t.dark ? f(o, 90) : o.tint(90).toString(), l[n.cssVarBlockName("disabled-text-color")] = t.dark ? f(o, 50) : o.tint(50).toString(), l[n.cssVarBlockName("disabled-border-color")] = t.dark ? f(o, 80) : o.tint(80).toString());
       else {
-        const v = t.dark ? f(o, 30) : o.tint(30).toString(), p = o.isDark() ? `var(${l.cssVarName("color-white")})` : `var(${l.cssVarName("color-black")})`;
-        if (n = l.cssVarBlock({
+        const v = t.dark ? f(o, 30) : o.tint(30).toString(), p = o.isDark() ? `var(${n.cssVarName("color-white")})` : `var(${n.cssVarName("color-black")})`;
+        if (l = n.cssVarBlock({
           "bg-color": s,
           "text-color": p,
           "border-color": s,
@@ -157,11 +158,11 @@ function dt(t) {
           "active-border-color": b
         }), c.value) {
           const g = t.dark ? f(o, 50) : o.tint(50).toString();
-          n[l.cssVarBlockName("disabled-bg-color")] = g, n[l.cssVarBlockName("disabled-text-color")] = t.dark ? "rgba(255, 255, 255, 0.5)" : `var(${l.cssVarName("color-white")})`, n[l.cssVarBlockName("disabled-border-color")] = g;
+          l[n.cssVarBlockName("disabled-bg-color")] = g, l[n.cssVarBlockName("disabled-text-color")] = t.dark ? "rgba(255, 255, 255, 0.5)" : `var(${n.cssVarName("color-white")})`, l[n.cssVarBlockName("disabled-border-color")] = g;
         }
       }
     }
-    return n;
+    return l;
   });
 }
 const bt = B({
@@ -170,8 +171,8 @@ const bt = B({
   ...bt,
   props: z,
   emits: ut,
-  setup(t, { expose: c, emit: l }) {
-    const n = t, s = dt(n), a = I("button"), {
+  setup(t, { expose: c, emit: n }) {
+    const l = t, s = dt(l), a = I("button"), {
       _ref: o,
       _size: b,
       _type: v,
@@ -182,18 +183,18 @@ const bt = B({
       _text: C,
       shouldAddSpace: _,
       handleClick: x
-    } = st(n, l), T = u(() => [
+    } = st(l, n), E = u(() => [
       a.b(),
       a.m(v.value),
       a.m(b.value),
       a.is("disabled", p.value),
-      a.is("loading", n.loading),
+      a.is("loading", l.loading),
       a.is("plain", h.value),
       a.is("round", S.value),
-      a.is("circle", n.circle),
+      a.is("circle", l.circle),
       a.is("text", C.value),
-      a.is("link", n.link),
-      a.is("has-bg", n.bg)
+      a.is("link", l.link),
+      a.is("has-bg", l.bg)
     ]);
     return c({
       ref: o,
@@ -205,7 +206,7 @@ const bt = B({
       ref_key: "_ref",
       ref: o
     }, d(g), {
-      class: d(T),
+      class: d(E),
       style: d(s),
       onClick: d(x)
     }), {
@@ -225,19 +226,19 @@ const bt = B({
             e.icon ? (m(), y(N(e.icon), { key: 0 })) : k(e.$slots, "icon", { key: 1 })
           ]),
           _: 3
-        })) : E("v-if", !0),
+        })) : T("v-if", !0),
         e.$slots.default ? (m(), $("span", {
           key: 2,
           class: w({ [d(a).em("text", "expand")]: d(_) })
         }, [
           k(e.$slots, "default")
-        ], 2)) : E("v-if", !0)
+        ], 2)) : T("v-if", !0)
       ]),
       _: 3
     }, 16, ["class", "style", "onClick"]));
   }
 });
-var ft = /* @__PURE__ */ F(vt, [["__file", "button.vue"]]);
+var ft = /* @__PURE__ */ K(vt, [["__file", "button.vue"]]);
 const mt = {
   size: z.size,
   type: z.type
@@ -252,20 +253,20 @@ const mt = {
       size: P(c, "size"),
       type: P(c, "type")
     }));
-    const l = I("button");
-    return (n, s) => (m(), $("div", {
-      class: w(d(l).b("group"))
+    const n = I("button");
+    return (l, s) => (m(), $("div", {
+      class: w(d(n).b("group"))
     }, [
-      k(n.$slots, "default")
+      k(l.$slots, "default")
     ], 2));
   }
 });
-var A = /* @__PURE__ */ F(gt, [["__file", "button-group.vue"]]);
-const Ct = Z(ft, {
+var A = /* @__PURE__ */ K(gt, [["__file", "button-group.vue"]]);
+const xt = nt(ft, {
   ButtonGroup: A
 });
-tt(A);
+at(A);
 export {
-  Ct as E,
+  xt as E,
   it as b
 };

package/es/el-button-eec58cff.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),S=require("./index-098c2447.cjs"),z=require("./index-f1c702f6.cjs"),E=require("./use-global-config-30d7d8ce.cjs"),b=require("./use-form-common-props-fd9b61a0.cjs"),p=require("./base-ef747d02.cjs"),I=require("./index-eea0bcb3.cjs"),N=Symbol("buttonGroupContextKey"),P=(o,u)=>{z.useDeprecated({from:"type.text",replacement:"link",version:"3.0.0",scope:"props",ref:"https://element-plus.org/en-US/component/button.html#button-attributes"},e.computed(()=>o.type==="text"));const r=e.inject(N,void 0),l=E.useGlobalConfig("button"),{form:c}=b.useFormItem(),a=b.useFormSize(e.computed(()=>r==null?void 0:r.size)),n=b.useFormDisabled(),d=e.ref(),m=e.useSlots(),v=e.computed(()=>{var t;return o.type||(r==null?void 0:r.type)||((t=l.value)==null?void 0:t.type)||""}),g=e.computed(()=>{var t,s,i;return(i=(s=o.autoInsertSpace)!=null?s:(t=l.value)==null?void 0:t.autoInsertSpace)!=null?i:!1}),y=e.computed(()=>{var t,s,i;return(i=(s=o.plain)!=null?s:(t=l.value)==null?void 0:t.plain)!=null?i:!1}),_=e.computed(()=>{var t,s,i;return(i=(s=o.round)!=null?s:(t=l.value)==null?void 0:t.round)!=null?i:!1}),B=e.computed(()=>{var t,s,i;return(i=(s=o.text)!=null?s:(t=l.value)==null?void 0:t.text)!=null?i:!1}),k=e.computed(()=>o.tag==="button"?{ariaDisabled:n.value||o.loading,disabled:n.value||o.loading,autofocus:o.autofocus,type:o.nativeType}:{}),C=e.computed(()=>{var t;const s=(t=m.default)==null?void 0:t.call(m);if(g.value&&(s==null?void 0:s.length)===1){const i=s[0];if((i==null?void 0:i.type)===e.Text){const w=i.children;return/^\p{Unified_Ideograph}{2}$/u.test(w.trim())}}return!1});return{_disabled:n,_size:a,_type:v,_ref:d,_props:k,_plain:y,_round:_,_text:B,shouldAddSpace:C,handleClick:t=>{if(n.value||o.loading){t.stopPropagation();return}o.nativeType==="reset"&&(c==null||c.resetFields()),u("click",t)}}},$=["default","primary","success","warning","info","danger","text",""],T=["button","submit","reset"],h=p.buildProps({size:b.useSizeProp,disabled:Boolean,type:{type:String,values:$,default:""},icon:{type:b.iconPropType},nativeType:{type:String,values:T,default:"button"},loading:Boolean,loadingIcon:{type:b.iconPropType,default:()=>S.loading_default},plain:{type:Boolean,default:void 0},text:{type:Boolean,default:void 0},link:Boolean,bg:Boolean,autofocus:Boolean,round:{type:Boolean,default:void 0},circle:Boolean,color:String,dark:Boolean,autoInsertSpace:{type:Boolean,default:void 0},tag:{type:p.definePropType([String,Object]),default:"button"}}),D={click:o=>o instanceof MouseEvent};function f(o,u=20){return o.mix("#141414",u).toString()}function G(o){const u=b.useFormDisabled(),r=p.useNamespace("button");return e.computed(()=>{let l={},c=o.color;if(c){const a=c.match(/var\((.*?)\)/);a&&(c=window.getComputedStyle(window.document.documentElement).getPropertyValue(a[1]));const n=new I.TinyColor(c),d=o.dark?n.tint(20).toString():f(n,20);if(o.plain)l=r.cssVarBlock({"bg-color":o.dark?f(n,90):n.tint(90).toString(),"text-color":c,"border-color":o.dark?f(n,50):n.tint(50).toString(),"hover-text-color":`var(${r.cssVarName("color-white")})`,"hover-bg-color":c,"hover-border-color":c,"active-bg-color":d,"active-text-color":`var(${r.cssVarName("color-white")})`,"active-border-color":d}),u.value&&(l[r.cssVarBlockName("disabled-bg-color")]=o.dark?f(n,90):n.tint(90).toString(),l[r.cssVarBlockName("disabled-text-color")]=o.dark?f(n,50):n.tint(50).toString(),l[r.cssVarBlockName("disabled-border-color")]=o.dark?f(n,80):n.tint(80).toString());else{const m=o.dark?f(n,30):n.tint(30).toString(),v=n.isDark()?`var(${r.cssVarName("color-white")})`:`var(${r.cssVarName("color-black")})`;if(l=r.cssVarBlock({"bg-color":c,"text-color":v,"border-color":c,"hover-bg-color":m,"hover-text-color":v,"hover-border-color":m,"active-bg-color":d,"active-border-color":d}),u.value){const g=o.dark?f(n,50):n.tint(50).toString();l[r.cssVarBlockName("disabled-bg-color")]=g,l[r.cssVarBlockName("disabled-text-color")]=o.dark?"rgba(255, 255, 255, 0.5)":`var(${r.cssVarName("color-white")})`,l[r.cssVarBlockName("disabled-border-color")]=g}}}return l})}const q=e.defineComponent({name:"ElButton"}),F=e.defineComponent({...q,props:h,emits:D,setup(o,{expose:u,emit:r}){const l=o,c=G(l),a=p.useNamespace("button"),{_ref:n,_size:d,_type:m,_disabled:v,_props:g,_plain:y,_round:_,_text:B,shouldAddSpace:k,handleClick:C}=P(l,r),x=e.computed(()=>[a.b(),a.m(m.value),a.m(d.value),a.is("disabled",v.value),a.is("loading",l.loading),a.is("plain",y.value),a.is("round",_.value),a.is("circle",l.circle),a.is("text",B.value),a.is("link",l.link),a.is("has-bg",l.bg)]);return u({ref:n,size:d,type:m,disabled:v,shouldAddSpace:k}),(t,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),e.mergeProps({ref_key:"_ref",ref:n},e.unref(g),{class:e.unref(x),style:e.unref(c),onClick:e.unref(C)}),{default:e.withCtx(()=>[t.loading?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.$slots.loading?e.renderSlot(t.$slots,"loading",{key:0}):(e.openBlock(),e.createBlock(e.unref(S.ElIcon),{key:1,class:e.normalizeClass(e.unref(a).is("loading"))},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.loadingIcon)))]),_:1},8,["class"]))],64)):t.icon||t.$slots.icon?(e.openBlock(),e.createBlock(e.unref(S.ElIcon),{key:1},{default:e.withCtx(()=>[t.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon),{key:0})):e.renderSlot(t.$slots,"icon",{key:1})]),_:3})):e.createCommentVNode("v-if",!0),t.$slots.default?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass({[e.unref(a).em("text","expand")]:e.unref(k)})},[e.renderSlot(t.$slots,"default")],2)):e.createCommentVNode("v-if",!0)]),_:3},16,["class","style","onClick"]))}});var K=p._export_sfc(F,[["__file","button.vue"]]);const j={size:h.size,type:h.type},A=e.defineComponent({name:"ElButtonGroup"}),R=e.defineComponent({...A,props:j,setup(o){const u=o;e.provide(N,e.reactive({size:e.toRef(u,"size"),type:e.toRef(u,"type")}));const r=p.useNamespace("button");return(l,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r).b("group"))},[e.renderSlot(l.$slots,"default")],2))}});var V=p._export_sfc(R,[["__file","button-group.vue"]]);const U=p.withInstall(K,{ButtonGroup:V});p.withNoopInstall(V);exports.ElButton=U;exports.buttonTypes=$;