ra-element 0.0.7 → 0.0.10

package/dist/index-IUnmld_H.js

@@ -0,0 +1,834 @@
+import { b as ut, u as ct, a as ht, c as dt, d as gt, l as bt, i as L, e as K, _ as et, E as Z, w as vt, f as pt } from "./index-BpWzWPr8.js";
+import { inject as _, computed as h, unref as c, getCurrentInstance as mt, ref as W, useSlots as yt, Text as kt, defineComponent as R, createBlock as B, openBlock as y, resolveDynamicComponent as $, mergeProps as rt, withCtx as A, createElementBlock as V, createCommentVNode as G, Fragment as St, renderSlot as w, normalizeClass as j, provide as xt, reactive as Mt, toRef as J, createSlots as wt } from "vue";
+const _t = ["", "default", "small", "large"], Bt = ut({
+  type: String,
+  values: _t,
+  required: !1
+}), At = Symbol("size"), Ht = () => {
+  const r = _(At, {});
+  return h(() => c(r.size) || "");
+}, q = Symbol("formContextKey"), nt = Symbol("formItemContextKey"), Rt = () => {
+  const r = _(q, void 0), e = _(nt, void 0);
+  return {
+    form: r,
+    formItem: e
+  };
+}, at = (r) => {
+  const e = mt();
+  return h(() => {
+    var t, n;
+    return (n = (t = e?.proxy) == null ? void 0 : t.$props) == null ? void 0 : n[r];
+  });
+}, It = (r, e = {}) => {
+  const t = W(void 0), n = e.prop ? t : at("size"), a = e.global ? t : Ht(), o = e.form ? { size: void 0 } : _(q, void 0), i = e.formItem ? { size: void 0 } : _(nt, void 0);
+  return h(() => n.value || c(r) || i?.size || o?.size || a.value || "");
+}, ot = (r) => {
+  const e = at("disabled"), t = _(q, void 0);
+  return h(() => e.value || c(r) || t?.disabled || !1);
+}, it = Symbol("buttonGroupContextKey"), Tt = (r, e) => {
+  ct({
+    from: "type.text",
+    replacement: "link",
+    version: "3.0.0",
+    scope: "props",
+    ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
+  }, h(() => r.type === "text"));
+  const t = _(it, void 0), n = ht("button"), { form: a } = Rt(), o = It(h(() => t?.size)), i = ot(), s = W(), l = yt(), p = h(() => {
+    var f;
+    return r.type || t?.type || ((f = n.value) == null ? void 0 : f.type) || "";
+  }), k = h(() => {
+    var f, d, b;
+    return (b = (d = r.autoInsertSpace) != null ? d : (f = n.value) == null ? void 0 : f.autoInsertSpace) != null ? b : !1;
+  }), H = h(() => {
+    var f, d, b;
+    return (b = (d = r.plain) != null ? d : (f = n.value) == null ? void 0 : f.plain) != null ? b : !1;
+  }), N = h(() => {
+    var f, d, b;
+    return (b = (d = r.round) != null ? d : (f = n.value) == null ? void 0 : f.round) != null ? b : !1;
+  }), I = h(() => r.tag === "button" ? {
+    ariaDisabled: i.value || r.loading,
+    disabled: i.value || r.loading,
+    autofocus: r.autofocus,
+    type: r.nativeType
+  } : {}), F = h(() => {
+    var f;
+    const d = (f = l.default) == null ? void 0 : f.call(l);
+    if (k.value && d?.length === 1) {
+      const b = d[0];
+      if (b?.type === kt) {
+        const lt = b.children;
+        return new RegExp("^\\p{Unified_Ideograph}{2}$", "u").test(lt.trim());
+      }
+    }
+    return !1;
+  });
+  return {
+    _disabled: i,
+    _size: o,
+    _type: p,
+    _ref: s,
+    _props: I,
+    _plain: H,
+    _round: N,
+    shouldAddSpace: F,
+    handleClick: (f) => {
+      if (i.value || r.loading) {
+        f.stopPropagation();
+        return;
+      }
+      r.nativeType === "reset" && a?.resetFields(), e("click", f);
+    }
+  };
+}, Ct = [
+  "default",
+  "primary",
+  "success",
+  "warning",
+  "info",
+  "danger",
+  "text",
+  ""
+], Nt = ["button", "submit", "reset"], O = dt({
+  size: Bt,
+  disabled: Boolean,
+  type: {
+    type: String,
+    values: Ct,
+    default: ""
+  },
+  icon: {
+    type: L
+  },
+  nativeType: {
+    type: String,
+    values: Nt,
+    default: "button"
+  },
+  loading: Boolean,
+  loadingIcon: {
+    type: L,
+    default: () => bt
+  },
+  plain: {
+    type: Boolean,
+    default: void 0
+  },
+  text: Boolean,
+  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: gt([String, Object]),
+    default: "button"
+  }
+}), Ft = {
+  click: (r) => r instanceof MouseEvent
+};
+function u(r, e) {
+  $t(r) && (r = "100%");
+  var t = Et(r);
+  return r = e === 360 ? r : Math.min(e, Math.max(0, parseFloat(r))), t && (r = parseInt(String(r * e), 10) / 100), Math.abs(r - e) < 1e-6 ? 1 : (e === 360 ? r = (r < 0 ? r % e + e : r % e) / parseFloat(String(e)) : r = r % e / parseFloat(String(e)), r);
+}
+function T(r) {
+  return Math.min(1, Math.max(0, r));
+}
+function $t(r) {
+  return typeof r == "string" && r.indexOf(".") !== -1 && parseFloat(r) === 1;
+}
+function Et(r) {
+  return typeof r == "string" && r.indexOf("%") !== -1;
+}
+function st(r) {
+  return r = parseFloat(r), (isNaN(r) || r < 0 || r > 1) && (r = 1), r;
+}
+function C(r) {
+  return r <= 1 ? "".concat(Number(r) * 100, "%") : r;
+}
+function M(r) {
+  return r.length === 1 ? "0" + r : String(r);
+}
+function zt(r, e, t) {
+  return {
+    r: u(r, 255) * 255,
+    g: u(e, 255) * 255,
+    b: u(t, 255) * 255
+  };
+}
+function Y(r, e, t) {
+  r = u(r, 255), e = u(e, 255), t = u(t, 255);
+  var n = Math.max(r, e, t), a = Math.min(r, e, t), o = 0, i = 0, s = (n + a) / 2;
+  if (n === a)
+    i = 0, o = 0;
+  else {
+    var l = n - a;
+    switch (i = s > 0.5 ? l / (2 - n - a) : l / (n + a), n) {
+      case r:
+        o = (e - t) / l + (e < t ? 6 : 0);
+        break;
+      case e:
+        o = (t - r) / l + 2;
+        break;
+      case t:
+        o = (r - e) / l + 4;
+        break;
+    }
+    o /= 6;
+  }
+  return { h: o, s: i, l: s };
+}
+function E(r, e, t) {
+  return t < 0 && (t += 1), t > 1 && (t -= 1), t < 1 / 6 ? r + (e - r) * (6 * t) : t < 1 / 2 ? e : t < 2 / 3 ? r + (e - r) * (2 / 3 - t) * 6 : r;
+}
+function Pt(r, e, t) {
+  var n, a, o;
+  if (r = u(r, 360), e = u(e, 100), t = u(t, 100), e === 0)
+    a = t, o = t, n = t;
+  else {
+    var i = t < 0.5 ? t * (1 + e) : t + e - t * e, s = 2 * t - i;
+    n = E(s, i, r + 1 / 3), a = E(s, i, r), o = E(s, i, r - 1 / 3);
+  }
+  return { r: n * 255, g: a * 255, b: o * 255 };
+}
+function Q(r, e, t) {
+  r = u(r, 255), e = u(e, 255), t = u(t, 255);
+  var n = Math.max(r, e, t), a = Math.min(r, e, t), o = 0, i = n, s = n - a, l = n === 0 ? 0 : s / n;
+  if (n === a)
+    o = 0;
+  else {
+    switch (n) {
+      case r:
+        o = (e - t) / s + (e < t ? 6 : 0);
+        break;
+      case e:
+        o = (t - r) / s + 2;
+        break;
+      case t:
+        o = (r - e) / s + 4;
+        break;
+    }
+    o /= 6;
+  }
+  return { h: o, s: l, v: i };
+}
+function Vt(r, e, t) {
+  r = u(r, 360) * 6, e = u(e, 100), t = u(t, 100);
+  var n = Math.floor(r), a = r - n, o = t * (1 - e), i = t * (1 - a * e), s = t * (1 - (1 - a) * e), l = n % 6, p = [t, i, o, o, s, t][l], k = [s, t, t, i, o, o][l], H = [o, o, s, t, t, i][l];
+  return { r: p * 255, g: k * 255, b: H * 255 };
+}
+function X(r, e, t, n) {
+  var a = [
+    M(Math.round(r).toString(16)),
+    M(Math.round(e).toString(16)),
+    M(Math.round(t).toString(16))
+  ];
+  return n && a[0].startsWith(a[0].charAt(1)) && a[1].startsWith(a[1].charAt(1)) && a[2].startsWith(a[2].charAt(1)) ? a[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0) : a.join("");
+}
+function Gt(r, e, t, n, a) {
+  var o = [
+    M(Math.round(r).toString(16)),
+    M(Math.round(e).toString(16)),
+    M(Math.round(t).toString(16)),
+    M(jt(n))
+  ];
+  return a && o[0].startsWith(o[0].charAt(1)) && o[1].startsWith(o[1].charAt(1)) && o[2].startsWith(o[2].charAt(1)) && o[3].startsWith(o[3].charAt(1)) ? o[0].charAt(0) + o[1].charAt(0) + o[2].charAt(0) + o[3].charAt(0) : o.join("");
+}
+function jt(r) {
+  return Math.round(parseFloat(r) * 255).toString(16);
+}
+function tt(r) {
+  return g(r) / 255;
+}
+function g(r) {
+  return parseInt(r, 16);
+}
+function Ot(r) {
+  return {
+    r: r >> 16,
+    g: (r & 65280) >> 8,
+    b: r & 255
+  };
+}
+var D = {
+  aliceblue: "#f0f8ff",
+  antiquewhite: "#faebd7",
+  aqua: "#00ffff",
+  aquamarine: "#7fffd4",
+  azure: "#f0ffff",
+  beige: "#f5f5dc",
+  bisque: "#ffe4c4",
+  black: "#000000",
+  blanchedalmond: "#ffebcd",
+  blue: "#0000ff",
+  blueviolet: "#8a2be2",
+  brown: "#a52a2a",
+  burlywood: "#deb887",
+  cadetblue: "#5f9ea0",
+  chartreuse: "#7fff00",
+  chocolate: "#d2691e",
+  coral: "#ff7f50",
+  cornflowerblue: "#6495ed",
+  cornsilk: "#fff8dc",
+  crimson: "#dc143c",
+  cyan: "#00ffff",
+  darkblue: "#00008b",
+  darkcyan: "#008b8b",
+  darkgoldenrod: "#b8860b",
+  darkgray: "#a9a9a9",
+  darkgreen: "#006400",
+  darkgrey: "#a9a9a9",
+  darkkhaki: "#bdb76b",
+  darkmagenta: "#8b008b",
+  darkolivegreen: "#556b2f",
+  darkorange: "#ff8c00",
+  darkorchid: "#9932cc",
+  darkred: "#8b0000",
+  darksalmon: "#e9967a",
+  darkseagreen: "#8fbc8f",
+  darkslateblue: "#483d8b",
+  darkslategray: "#2f4f4f",
+  darkslategrey: "#2f4f4f",
+  darkturquoise: "#00ced1",
+  darkviolet: "#9400d3",
+  deeppink: "#ff1493",
+  deepskyblue: "#00bfff",
+  dimgray: "#696969",
+  dimgrey: "#696969",
+  dodgerblue: "#1e90ff",
+  firebrick: "#b22222",
+  floralwhite: "#fffaf0",
+  forestgreen: "#228b22",
+  fuchsia: "#ff00ff",
+  gainsboro: "#dcdcdc",
+  ghostwhite: "#f8f8ff",
+  goldenrod: "#daa520",
+  gold: "#ffd700",
+  gray: "#808080",
+  green: "#008000",
+  greenyellow: "#adff2f",
+  grey: "#808080",
+  honeydew: "#f0fff0",
+  hotpink: "#ff69b4",
+  indianred: "#cd5c5c",
+  indigo: "#4b0082",
+  ivory: "#fffff0",
+  khaki: "#f0e68c",
+  lavenderblush: "#fff0f5",
+  lavender: "#e6e6fa",
+  lawngreen: "#7cfc00",
+  lemonchiffon: "#fffacd",
+  lightblue: "#add8e6",
+  lightcoral: "#f08080",
+  lightcyan: "#e0ffff",
+  lightgoldenrodyellow: "#fafad2",
+  lightgray: "#d3d3d3",
+  lightgreen: "#90ee90",
+  lightgrey: "#d3d3d3",
+  lightpink: "#ffb6c1",
+  lightsalmon: "#ffa07a",
+  lightseagreen: "#20b2aa",
+  lightskyblue: "#87cefa",
+  lightslategray: "#778899",
+  lightslategrey: "#778899",
+  lightsteelblue: "#b0c4de",
+  lightyellow: "#ffffe0",
+  lime: "#00ff00",
+  limegreen: "#32cd32",
+  linen: "#faf0e6",
+  magenta: "#ff00ff",
+  maroon: "#800000",
+  mediumaquamarine: "#66cdaa",
+  mediumblue: "#0000cd",
+  mediumorchid: "#ba55d3",
+  mediumpurple: "#9370db",
+  mediumseagreen: "#3cb371",
+  mediumslateblue: "#7b68ee",
+  mediumspringgreen: "#00fa9a",
+  mediumturquoise: "#48d1cc",
+  mediumvioletred: "#c71585",
+  midnightblue: "#191970",
+  mintcream: "#f5fffa",
+  mistyrose: "#ffe4e1",
+  moccasin: "#ffe4b5",
+  navajowhite: "#ffdead",
+  navy: "#000080",
+  oldlace: "#fdf5e6",
+  olive: "#808000",
+  olivedrab: "#6b8e23",
+  orange: "#ffa500",
+  orangered: "#ff4500",
+  orchid: "#da70d6",
+  palegoldenrod: "#eee8aa",
+  palegreen: "#98fb98",
+  paleturquoise: "#afeeee",
+  palevioletred: "#db7093",
+  papayawhip: "#ffefd5",
+  peachpuff: "#ffdab9",
+  peru: "#cd853f",
+  pink: "#ffc0cb",
+  plum: "#dda0dd",
+  powderblue: "#b0e0e6",
+  purple: "#800080",
+  rebeccapurple: "#663399",
+  red: "#ff0000",
+  rosybrown: "#bc8f8f",
+  royalblue: "#4169e1",
+  saddlebrown: "#8b4513",
+  salmon: "#fa8072",
+  sandybrown: "#f4a460",
+  seagreen: "#2e8b57",
+  seashell: "#fff5ee",
+  sienna: "#a0522d",
+  silver: "#c0c0c0",
+  skyblue: "#87ceeb",
+  slateblue: "#6a5acd",
+  slategray: "#708090",
+  slategrey: "#708090",
+  snow: "#fffafa",
+  springgreen: "#00ff7f",
+  steelblue: "#4682b4",
+  tan: "#d2b48c",
+  teal: "#008080",
+  thistle: "#d8bfd8",
+  tomato: "#ff6347",
+  turquoise: "#40e0d0",
+  violet: "#ee82ee",
+  wheat: "#f5deb3",
+  white: "#ffffff",
+  whitesmoke: "#f5f5f5",
+  yellow: "#ffff00",
+  yellowgreen: "#9acd32"
+};
+function Dt(r) {
+  var e = { r: 0, g: 0, b: 0 }, t = 1, n = null, a = null, o = null, i = !1, s = !1;
+  return typeof r == "string" && (r = qt(r)), typeof r == "object" && (m(r.r) && m(r.g) && m(r.b) ? (e = zt(r.r, r.g, r.b), i = !0, s = String(r.r).substr(-1) === "%" ? "prgb" : "rgb") : m(r.h) && m(r.s) && m(r.v) ? (n = C(r.s), a = C(r.v), e = Vt(r.h, n, a), i = !0, s = "hsv") : m(r.h) && m(r.s) && m(r.l) && (n = C(r.s), o = C(r.l), e = Pt(r.h, n, o), i = !0, s = "hsl"), Object.prototype.hasOwnProperty.call(r, "a") && (t = r.a)), t = st(t), {
+    ok: i,
+    format: r.format || s,
+    r: Math.min(255, Math.max(e.r, 0)),
+    g: Math.min(255, Math.max(e.g, 0)),
+    b: Math.min(255, Math.max(e.b, 0)),
+    a: t
+  };
+}
+var Kt = "[-\\+]?\\d+%?", Wt = "[-\\+]?\\d*\\.\\d+%?", x = "(?:".concat(Wt, ")|(?:").concat(Kt, ")"), z = "[\\s|\\(]+(".concat(x, ")[,|\\s]+(").concat(x, ")[,|\\s]+(").concat(x, ")\\s*\\)?"), P = "[\\s|\\(]+(".concat(x, ")[,|\\s]+(").concat(x, ")[,|\\s]+(").concat(x, ")[,|\\s]+(").concat(x, ")\\s*\\)?"), v = {
+  CSS_UNIT: new RegExp(x),
+  rgb: new RegExp("rgb" + z),
+  rgba: new RegExp("rgba" + P),
+  hsl: new RegExp("hsl" + z),
+  hsla: new RegExp("hsla" + P),
+  hsv: new RegExp("hsv" + z),
+  hsva: new RegExp("hsva" + P),
+  hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+  hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
+  hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+  hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
+};
+function qt(r) {
+  if (r = r.trim().toLowerCase(), r.length === 0)
+    return !1;
+  var e = !1;
+  if (D[r])
+    r = D[r], e = !0;
+  else if (r === "transparent")
+    return { r: 0, g: 0, b: 0, a: 0, format: "name" };
+  var t = v.rgb.exec(r);
+  return t ? { r: t[1], g: t[2], b: t[3] } : (t = v.rgba.exec(r), t ? { r: t[1], g: t[2], b: t[3], a: t[4] } : (t = v.hsl.exec(r), t ? { h: t[1], s: t[2], l: t[3] } : (t = v.hsla.exec(r), t ? { h: t[1], s: t[2], l: t[3], a: t[4] } : (t = v.hsv.exec(r), t ? { h: t[1], s: t[2], v: t[3] } : (t = v.hsva.exec(r), t ? { h: t[1], s: t[2], v: t[3], a: t[4] } : (t = v.hex8.exec(r), t ? {
+    r: g(t[1]),
+    g: g(t[2]),
+    b: g(t[3]),
+    a: tt(t[4]),
+    format: e ? "name" : "hex8"
+  } : (t = v.hex6.exec(r), t ? {
+    r: g(t[1]),
+    g: g(t[2]),
+    b: g(t[3]),
+    format: e ? "name" : "hex"
+  } : (t = v.hex4.exec(r), t ? {
+    r: g(t[1] + t[1]),
+    g: g(t[2] + t[2]),
+    b: g(t[3] + t[3]),
+    a: tt(t[4] + t[4]),
+    format: e ? "name" : "hex8"
+  } : (t = v.hex3.exec(r), t ? {
+    r: g(t[1] + t[1]),
+    g: g(t[2] + t[2]),
+    b: g(t[3] + t[3]),
+    format: e ? "name" : "hex"
+  } : !1)))))))));
+}
+function m(r) {
+  return !!v.CSS_UNIT.exec(String(r));
+}
+var Ut = (
+  /** @class */
+  function() {
+    function r(e, t) {
+      e === void 0 && (e = ""), t === void 0 && (t = {});
+      var n;
+      if (e instanceof r)
+        return e;
+      typeof e == "number" && (e = Ot(e)), this.originalInput = e;
+      var a = Dt(e);
+      this.originalInput = e, this.r = a.r, this.g = a.g, this.b = a.b, this.a = a.a, this.roundA = Math.round(100 * this.a) / 100, this.format = (n = t.format) !== null && n !== void 0 ? n : a.format, this.gradientType = t.gradientType, this.r < 1 && (this.r = Math.round(this.r)), this.g < 1 && (this.g = Math.round(this.g)), this.b < 1 && (this.b = Math.round(this.b)), this.isValid = a.ok;
+    }
+    return r.prototype.isDark = function() {
+      return this.getBrightness() < 128;
+    }, r.prototype.isLight = function() {
+      return !this.isDark();
+    }, r.prototype.getBrightness = function() {
+      var e = this.toRgb();
+      return (e.r * 299 + e.g * 587 + e.b * 114) / 1e3;
+    }, r.prototype.getLuminance = function() {
+      var e = this.toRgb(), t, n, a, o = e.r / 255, i = e.g / 255, s = e.b / 255;
+      return o <= 0.03928 ? t = o / 12.92 : t = Math.pow((o + 0.055) / 1.055, 2.4), i <= 0.03928 ? n = i / 12.92 : n = Math.pow((i + 0.055) / 1.055, 2.4), s <= 0.03928 ? a = s / 12.92 : a = Math.pow((s + 0.055) / 1.055, 2.4), 0.2126 * t + 0.7152 * n + 0.0722 * a;
+    }, r.prototype.getAlpha = function() {
+      return this.a;
+    }, r.prototype.setAlpha = function(e) {
+      return this.a = st(e), this.roundA = Math.round(100 * this.a) / 100, this;
+    }, r.prototype.isMonochrome = function() {
+      var e = this.toHsl().s;
+      return e === 0;
+    }, r.prototype.toHsv = function() {
+      var e = Q(this.r, this.g, this.b);
+      return { h: e.h * 360, s: e.s, v: e.v, a: this.a };
+    }, r.prototype.toHsvString = function() {
+      var e = Q(this.r, this.g, this.b), t = Math.round(e.h * 360), n = Math.round(e.s * 100), a = Math.round(e.v * 100);
+      return this.a === 1 ? "hsv(".concat(t, ", ").concat(n, "%, ").concat(a, "%)") : "hsva(".concat(t, ", ").concat(n, "%, ").concat(a, "%, ").concat(this.roundA, ")");
+    }, r.prototype.toHsl = function() {
+      var e = Y(this.r, this.g, this.b);
+      return { h: e.h * 360, s: e.s, l: e.l, a: this.a };
+    }, r.prototype.toHslString = function() {
+      var e = Y(this.r, this.g, this.b), t = Math.round(e.h * 360), n = Math.round(e.s * 100), a = Math.round(e.l * 100);
+      return this.a === 1 ? "hsl(".concat(t, ", ").concat(n, "%, ").concat(a, "%)") : "hsla(".concat(t, ", ").concat(n, "%, ").concat(a, "%, ").concat(this.roundA, ")");
+    }, r.prototype.toHex = function(e) {
+      return e === void 0 && (e = !1), X(this.r, this.g, this.b, e);
+    }, r.prototype.toHexString = function(e) {
+      return e === void 0 && (e = !1), "#" + this.toHex(e);
+    }, r.prototype.toHex8 = function(e) {
+      return e === void 0 && (e = !1), Gt(this.r, this.g, this.b, this.a, e);
+    }, r.prototype.toHex8String = function(e) {
+      return e === void 0 && (e = !1), "#" + this.toHex8(e);
+    }, r.prototype.toHexShortString = function(e) {
+      return e === void 0 && (e = !1), this.a === 1 ? this.toHexString(e) : this.toHex8String(e);
+    }, r.prototype.toRgb = function() {
+      return {
+        r: Math.round(this.r),
+        g: Math.round(this.g),
+        b: Math.round(this.b),
+        a: this.a
+      };
+    }, r.prototype.toRgbString = function() {
+      var e = Math.round(this.r), t = Math.round(this.g), n = Math.round(this.b);
+      return this.a === 1 ? "rgb(".concat(e, ", ").concat(t, ", ").concat(n, ")") : "rgba(".concat(e, ", ").concat(t, ", ").concat(n, ", ").concat(this.roundA, ")");
+    }, r.prototype.toPercentageRgb = function() {
+      var e = function(t) {
+        return "".concat(Math.round(u(t, 255) * 100), "%");
+      };
+      return {
+        r: e(this.r),
+        g: e(this.g),
+        b: e(this.b),
+        a: this.a
+      };
+    }, r.prototype.toPercentageRgbString = function() {
+      var e = function(t) {
+        return Math.round(u(t, 255) * 100);
+      };
+      return this.a === 1 ? "rgb(".concat(e(this.r), "%, ").concat(e(this.g), "%, ").concat(e(this.b), "%)") : "rgba(".concat(e(this.r), "%, ").concat(e(this.g), "%, ").concat(e(this.b), "%, ").concat(this.roundA, ")");
+    }, r.prototype.toName = function() {
+      if (this.a === 0)
+        return "transparent";
+      if (this.a < 1)
+        return !1;
+      for (var e = "#" + X(this.r, this.g, this.b, !1), t = 0, n = Object.entries(D); t < n.length; t++) {
+        var a = n[t], o = a[0], i = a[1];
+        if (e === i)
+          return o;
+      }
+      return !1;
+    }, r.prototype.toString = function(e) {
+      var t = !!e;
+      e = e ?? this.format;
+      var n = !1, a = this.a < 1 && this.a >= 0, o = !t && a && (e.startsWith("hex") || e === "name");
+      return o ? e === "name" && this.a === 0 ? this.toName() : this.toRgbString() : (e === "rgb" && (n = this.toRgbString()), e === "prgb" && (n = this.toPercentageRgbString()), (e === "hex" || e === "hex6") && (n = this.toHexString()), e === "hex3" && (n = this.toHexString(!0)), e === "hex4" && (n = this.toHex8String(!0)), e === "hex8" && (n = this.toHex8String()), e === "name" && (n = this.toName()), e === "hsl" && (n = this.toHslString()), e === "hsv" && (n = this.toHsvString()), n || this.toHexString());
+    }, r.prototype.toNumber = function() {
+      return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);
+    }, r.prototype.clone = function() {
+      return new r(this.toString());
+    }, r.prototype.lighten = function(e) {
+      e === void 0 && (e = 10);
+      var t = this.toHsl();
+      return t.l += e / 100, t.l = T(t.l), new r(t);
+    }, r.prototype.brighten = function(e) {
+      e === void 0 && (e = 10);
+      var t = this.toRgb();
+      return t.r = Math.max(0, Math.min(255, t.r - Math.round(255 * -(e / 100)))), t.g = Math.max(0, Math.min(255, t.g - Math.round(255 * -(e / 100)))), t.b = Math.max(0, Math.min(255, t.b - Math.round(255 * -(e / 100)))), new r(t);
+    }, r.prototype.darken = function(e) {
+      e === void 0 && (e = 10);
+      var t = this.toHsl();
+      return t.l -= e / 100, t.l = T(t.l), new r(t);
+    }, r.prototype.tint = function(e) {
+      return e === void 0 && (e = 10), this.mix("white", e);
+    }, r.prototype.shade = function(e) {
+      return e === void 0 && (e = 10), this.mix("black", e);
+    }, r.prototype.desaturate = function(e) {
+      e === void 0 && (e = 10);
+      var t = this.toHsl();
+      return t.s -= e / 100, t.s = T(t.s), new r(t);
+    }, r.prototype.saturate = function(e) {
+      e === void 0 && (e = 10);
+      var t = this.toHsl();
+      return t.s += e / 100, t.s = T(t.s), new r(t);
+    }, r.prototype.greyscale = function() {
+      return this.desaturate(100);
+    }, r.prototype.spin = function(e) {
+      var t = this.toHsl(), n = (t.h + e) % 360;
+      return t.h = n < 0 ? 360 + n : n, new r(t);
+    }, r.prototype.mix = function(e, t) {
+      t === void 0 && (t = 50);
+      var n = this.toRgb(), a = new r(e).toRgb(), o = t / 100, i = {
+        r: (a.r - n.r) * o + n.r,
+        g: (a.g - n.g) * o + n.g,
+        b: (a.b - n.b) * o + n.b,
+        a: (a.a - n.a) * o + n.a
+      };
+      return new r(i);
+    }, r.prototype.analogous = function(e, t) {
+      e === void 0 && (e = 6), t === void 0 && (t = 30);
+      var n = this.toHsl(), a = 360 / t, o = [this];
+      for (n.h = (n.h - (a * e >> 1) + 720) % 360; --e; )
+        n.h = (n.h + a) % 360, o.push(new r(n));
+      return o;
+    }, r.prototype.complement = function() {
+      var e = this.toHsl();
+      return e.h = (e.h + 180) % 360, new r(e);
+    }, r.prototype.monochromatic = function(e) {
+      e === void 0 && (e = 6);
+      for (var t = this.toHsv(), n = t.h, a = t.s, o = t.v, i = [], s = 1 / e; e--; )
+        i.push(new r({ h: n, s: a, v: o })), o = (o + s) % 1;
+      return i;
+    }, r.prototype.splitcomplement = function() {
+      var e = this.toHsl(), t = e.h;
+      return [
+        this,
+        new r({ h: (t + 72) % 360, s: e.s, l: e.l }),
+        new r({ h: (t + 216) % 360, s: e.s, l: e.l })
+      ];
+    }, r.prototype.onBackground = function(e) {
+      var t = this.toRgb(), n = new r(e).toRgb(), a = t.a + n.a * (1 - t.a);
+      return new r({
+        r: (t.r * t.a + n.r * n.a * (1 - t.a)) / a,
+        g: (t.g * t.a + n.g * n.a * (1 - t.a)) / a,
+        b: (t.b * t.a + n.b * n.a * (1 - t.a)) / a,
+        a
+      });
+    }, r.prototype.triad = function() {
+      return this.polyad(3);
+    }, r.prototype.tetrad = function() {
+      return this.polyad(4);
+    }, r.prototype.polyad = function(e) {
+      for (var t = this.toHsl(), n = t.h, a = [this], o = 360 / e, i = 1; i < e; i++)
+        a.push(new r({ h: (n + i * o) % 360, s: t.s, l: t.l }));
+      return a;
+    }, r.prototype.equals = function(e) {
+      return this.toRgbString() === new r(e).toRgbString();
+    }, r;
+  }()
+);
+function S(r, e = 20) {
+  return r.mix("#141414", e).toString();
+}
+function Lt(r) {
+  const e = ot(), t = K("button");
+  return h(() => {
+    let n = {}, a = r.color;
+    if (a) {
+      const o = a.match(/var\((.*?)\)/);
+      o && (a = window.getComputedStyle(window.document.documentElement).getPropertyValue(o[1]));
+      const i = new Ut(a), s = r.dark ? i.tint(20).toString() : S(i, 20);
+      if (r.plain)
+        n = t.cssVarBlock({
+          "bg-color": r.dark ? S(i, 90) : i.tint(90).toString(),
+          "text-color": a,
+          "border-color": r.dark ? S(i, 50) : i.tint(50).toString(),
+          "hover-text-color": `var(${t.cssVarName("color-white")})`,
+          "hover-bg-color": a,
+          "hover-border-color": a,
+          "active-bg-color": s,
+          "active-text-color": `var(${t.cssVarName("color-white")})`,
+          "active-border-color": s
+        }), e.value && (n[t.cssVarBlockName("disabled-bg-color")] = r.dark ? S(i, 90) : i.tint(90).toString(), n[t.cssVarBlockName("disabled-text-color")] = r.dark ? S(i, 50) : i.tint(50).toString(), n[t.cssVarBlockName("disabled-border-color")] = r.dark ? S(i, 80) : i.tint(80).toString());
+      else {
+        const l = r.dark ? S(i, 30) : i.tint(30).toString(), p = i.isDark() ? `var(${t.cssVarName("color-white")})` : `var(${t.cssVarName("color-black")})`;
+        if (n = t.cssVarBlock({
+          "bg-color": a,
+          "text-color": p,
+          "border-color": a,
+          "hover-bg-color": l,
+          "hover-text-color": p,
+          "hover-border-color": l,
+          "active-bg-color": s,
+          "active-border-color": s
+        }), e.value) {
+          const k = r.dark ? S(i, 50) : i.tint(50).toString();
+          n[t.cssVarBlockName("disabled-bg-color")] = k, n[t.cssVarBlockName("disabled-text-color")] = r.dark ? "rgba(255, 255, 255, 0.5)" : `var(${t.cssVarName("color-white")})`, n[t.cssVarBlockName("disabled-border-color")] = k;
+        }
+      }
+    }
+    return n;
+  });
+}
+const Zt = R({
+  name: "ElButton"
+}), Jt = /* @__PURE__ */ R({
+  ...Zt,
+  props: O,
+  emits: Ft,
+  setup(r, { expose: e, emit: t }) {
+    const n = r, a = Lt(n), o = K("button"), {
+      _ref: i,
+      _size: s,
+      _type: l,
+      _disabled: p,
+      _props: k,
+      _plain: H,
+      _round: N,
+      shouldAddSpace: I,
+      handleClick: F
+    } = Tt(n, t), U = h(() => [
+      o.b(),
+      o.m(l.value),
+      o.m(s.value),
+      o.is("disabled", p.value),
+      o.is("loading", n.loading),
+      o.is("plain", H.value),
+      o.is("round", N.value),
+      o.is("circle", n.circle),
+      o.is("text", n.text),
+      o.is("link", n.link),
+      o.is("has-bg", n.bg)
+    ]);
+    return e({
+      ref: i,
+      size: s,
+      type: l,
+      disabled: p,
+      shouldAddSpace: I
+    }), (f, d) => (y(), B($(f.tag), rt({
+      ref_key: "_ref",
+      ref: i
+    }, c(k), {
+      class: c(U),
+      style: c(a),
+      onClick: c(F)
+    }), {
+      default: A(() => [
+        f.loading ? (y(), V(St, { key: 0 }, [
+          f.$slots.loading ? w(f.$slots, "loading", { key: 0 }) : (y(), B(c(Z), {
+            key: 1,
+            class: j(c(o).is("loading"))
+          }, {
+            default: A(() => [
+              (y(), B($(f.loadingIcon)))
+            ]),
+            _: 1
+          }, 8, ["class"]))
+        ], 64)) : f.icon || f.$slots.icon ? (y(), B(c(Z), { key: 1 }, {
+          default: A(() => [
+            f.icon ? (y(), B($(f.icon), { key: 0 })) : w(f.$slots, "icon", { key: 1 })
+          ]),
+          _: 3
+        })) : G("v-if", !0),
+        f.$slots.default ? (y(), V("span", {
+          key: 2,
+          class: j({ [c(o).em("text", "expand")]: c(I) })
+        }, [
+          w(f.$slots, "default")
+        ], 2)) : G("v-if", !0)
+      ]),
+      _: 3
+    }, 16, ["class", "style", "onClick"]));
+  }
+});
+var Yt = /* @__PURE__ */ et(Jt, [["__file", "button.vue"]]);
+const Qt = {
+  size: O.size,
+  type: O.type
+}, Xt = R({
+  name: "ElButtonGroup"
+}), te = /* @__PURE__ */ R({
+  ...Xt,
+  props: Qt,
+  setup(r) {
+    const e = r;
+    xt(it, Mt({
+      size: J(e, "size"),
+      type: J(e, "type")
+    }));
+    const t = K("button");
+    return (n, a) => (y(), V("div", {
+      class: j(c(t).b("group"))
+    }, [
+      w(n.$slots, "default")
+    ], 2));
+  }
+});
+var ft = /* @__PURE__ */ et(te, [["__file", "button-group.vue"]]);
+const ee = vt(Yt, {
+  ButtonGroup: ft
+});
+pt(ft);
+const ae = /* @__PURE__ */ R({
+  name: "RaButton",
+  __name: "index",
+  props: {
+    // @doc 新增props属性click：可将方法变为同步，是点击后click方法执行完毕才可再次点击
+    click: { type: Function, default: void 0 }
+  },
+  emits: ["click"],
+  setup(r, { emit: e }) {
+    const t = e, n = r, a = W(!1), o = async () => {
+      n.click ? (a.value = !0, await n.click(), a.value = !1) : t("click");
+    };
+    return (i, s) => {
+      const l = ee;
+      return y(), B(l, rt(i.$attrs, {
+        loading: c(a),
+        onClick: o
+      }), wt({
+        default: A(() => [
+          i.$slots.default ? w(i.$slots, "default", { key: 0 }) : G("", !0)
+        ]),
+        _: 2
+      }, [
+        i.$slots.loading ? {
+          name: "loading",
+          fn: A(() => [
+            w(i.$slots, "loading")
+          ]),
+          key: "0"
+        } : void 0,
+        i.$slots.icon ? {
+          name: "icon",
+          fn: A(() => [
+            w(i.$slots, "icon")
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040, ["loading"]);
+    };
+  }
+});
+export {
+  ae as default
+};