@ipa-community/element-plus 0.0.2 → 0.0.4

package/lib/HelloWorld-DUGHI-ql.js

@@ -0,0 +1,872 @@
+import { aH as ft, a$ as ct, aa as ht, a8 as dt, a9 as rt, V as gt, W as at, aV as vt, a0 as Z, a2 as bt, a7 as O, ag as K, _ as nt, X as pt, aE as mt } from "./base-D3FwvTBU.js";
+import { computed as b, inject as yt, ref as ot, useSlots as kt, Text as xt, defineComponent as U, createBlock as H, openBlock as x, resolveDynamicComponent as C, mergeProps as St, unref as p, withCtx as T, createElementBlock as F, createCommentVNode as X, Fragment as wt, renderSlot as N, normalizeClass as W, provide as Mt, reactive as _t, toRef as Y, createVNode as Ht, createElementVNode as g, createTextVNode as $, toDisplayString as P } from "vue";
+import { t as Bt } from "./index-Dkgs1rld.js";
+import { _ as At } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const it = Symbol(
+  "buttonGroupContextKey"
+), Rt = (e, r) => {
+  ft(
+    {
+      from: "type.text",
+      replacement: "link",
+      version: "3.0.0",
+      scope: "props",
+      ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
+    },
+    b(() => e.type === "text")
+  );
+  const t = yt(it, void 0), a = ct("button"), { form: n } = ht(), o = dt(b(() => t?.size)), i = rt(), s = ot(), f = kt(), m = b(
+    () => {
+      var u;
+      return e.type || t?.type || ((u = a.value) == null ? void 0 : u.type) || "";
+    }
+  ), y = b(
+    () => {
+      var u, l, h;
+      return (h = (l = e.autoInsertSpace) != null ? l : (u = a.value) == null ? void 0 : u.autoInsertSpace) != null ? h : !1;
+    }
+  ), _ = b(
+    () => {
+      var u, l, h;
+      return (h = (l = e.plain) != null ? l : (u = a.value) == null ? void 0 : u.plain) != null ? h : !1;
+    }
+  ), I = b(
+    () => {
+      var u, l, h;
+      return (h = (l = e.round) != null ? l : (u = a.value) == null ? void 0 : u.round) != null ? h : !1;
+    }
+  ), E = b(() => {
+    var u, l, h;
+    return (h = (l = e.text) != null ? l : (u = a.value) == null ? void 0 : u.text) != null ? h : !1;
+  }), V = b(() => e.tag === "button" ? {
+    ariaDisabled: i.value || e.loading,
+    disabled: i.value || e.loading,
+    autofocus: e.autofocus,
+    type: e.nativeType
+  } : {}), B = b(() => {
+    var u;
+    const l = (u = f.default) == null ? void 0 : u.call(f);
+    if (y.value && l?.length === 1) {
+      const h = l[0];
+      if (h?.type === xt) {
+        const ut = h.children;
+        return new RegExp("^\\p{Unified_Ideograph}{2}$", "u").test(ut.trim());
+      }
+    }
+    return !1;
+  });
+  return {
+    _disabled: i,
+    _size: o,
+    _type: m,
+    _ref: s,
+    _props: V,
+    _plain: _,
+    _round: I,
+    _text: E,
+    shouldAddSpace: B,
+    handleClick: (u) => {
+      if (i.value || e.loading) {
+        u.stopPropagation();
+        return;
+      }
+      e.nativeType === "reset" && n?.resetFields(), r("click", u);
+    }
+  };
+}, Tt = [
+  "default",
+  "primary",
+  "success",
+  "warning",
+  "info",
+  "danger",
+  "text",
+  ""
+], Nt = ["button", "submit", "reset"], j = gt({
+  size: bt,
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  type: {
+    type: String,
+    values: Tt,
+    default: ""
+  },
+  icon: {
+    type: Z
+  },
+  nativeType: {
+    type: String,
+    values: Nt,
+    default: "button"
+  },
+  loading: Boolean,
+  loadingIcon: {
+    type: Z,
+    default: () => vt
+  },
+  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: at([String, Object]),
+    default: "button"
+  }
+}), Ft = {
+  click: (e) => e instanceof MouseEvent
+};
+function c(e, r) {
+  It(e) && (e = "100%");
+  var t = Et(e);
+  return e = r === 360 ? e : Math.min(r, Math.max(0, parseFloat(e))), t && (e = parseInt(String(e * r), 10) / 100), Math.abs(e - r) < 1e-6 ? 1 : (r === 360 ? e = (e < 0 ? e % r + r : e % r) / parseFloat(String(r)) : e = e % r / parseFloat(String(r)), e);
+}
+function A(e) {
+  return Math.min(1, Math.max(0, e));
+}
+function It(e) {
+  return typeof e == "string" && e.indexOf(".") !== -1 && parseFloat(e) === 1;
+}
+function Et(e) {
+  return typeof e == "string" && e.indexOf("%") !== -1;
+}
+function st(e) {
+  return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
+}
+function R(e) {
+  return e <= 1 ? "".concat(Number(e) * 100, "%") : e;
+}
+function M(e) {
+  return e.length === 1 ? "0" + e : String(e);
+}
+function Vt(e, r, t) {
+  return {
+    r: c(e, 255) * 255,
+    g: c(r, 255) * 255,
+    b: c(t, 255) * 255
+  };
+}
+function J(e, r, t) {
+  e = c(e, 255), r = c(r, 255), t = c(t, 255);
+  var a = Math.max(e, r, t), n = Math.min(e, r, t), o = 0, i = 0, s = (a + n) / 2;
+  if (a === n)
+    i = 0, o = 0;
+  else {
+    var f = a - n;
+    switch (i = s > 0.5 ? f / (2 - a - n) : f / (a + n), a) {
+      case e:
+        o = (r - t) / f + (r < t ? 6 : 0);
+        break;
+      case r:
+        o = (t - e) / f + 2;
+        break;
+      case t:
+        o = (e - r) / f + 4;
+        break;
+    }
+    o /= 6;
+  }
+  return { h: o, s: i, l: s };
+}
+function z(e, r, t) {
+  return t < 0 && (t += 1), t > 1 && (t -= 1), t < 1 / 6 ? e + (r - e) * (6 * t) : t < 1 / 2 ? r : t < 2 / 3 ? e + (r - e) * (2 / 3 - t) * 6 : e;
+}
+function Ct(e, r, t) {
+  var a, n, o;
+  if (e = c(e, 360), r = c(r, 100), t = c(t, 100), r === 0)
+    n = t, o = t, a = t;
+  else {
+    var i = t < 0.5 ? t * (1 + r) : t + r - t * r, s = 2 * t - i;
+    a = z(s, i, e + 1 / 3), n = z(s, i, e), o = z(s, i, e - 1 / 3);
+  }
+  return { r: a * 255, g: n * 255, b: o * 255 };
+}
+function Q(e, r, t) {
+  e = c(e, 255), r = c(r, 255), t = c(t, 255);
+  var a = Math.max(e, r, t), n = Math.min(e, r, t), o = 0, i = a, s = a - n, f = a === 0 ? 0 : s / a;
+  if (a === n)
+    o = 0;
+  else {
+    switch (a) {
+      case e:
+        o = (r - t) / s + (r < t ? 6 : 0);
+        break;
+      case r:
+        o = (t - e) / s + 2;
+        break;
+      case t:
+        o = (e - r) / s + 4;
+        break;
+    }
+    o /= 6;
+  }
+  return { h: o, s: f, v: i };
+}
+function $t(e, r, t) {
+  e = c(e, 360) * 6, r = c(r, 100), t = c(t, 100);
+  var a = Math.floor(e), n = e - a, o = t * (1 - r), i = t * (1 - n * r), s = t * (1 - (1 - n) * r), f = a % 6, m = [t, i, o, o, s, t][f], y = [s, t, t, i, o, o][f], _ = [o, o, s, t, t, i][f];
+  return { r: m * 255, g: y * 255, b: _ * 255 };
+}
+function tt(e, r, t, a) {
+  var n = [
+    M(Math.round(e).toString(16)),
+    M(Math.round(r).toString(16)),
+    M(Math.round(t).toString(16))
+  ];
+  return a && n[0].startsWith(n[0].charAt(1)) && n[1].startsWith(n[1].charAt(1)) && n[2].startsWith(n[2].charAt(1)) ? n[0].charAt(0) + n[1].charAt(0) + n[2].charAt(0) : n.join("");
+}
+function Pt(e, r, t, a, n) {
+  var o = [
+    M(Math.round(e).toString(16)),
+    M(Math.round(r).toString(16)),
+    M(Math.round(t).toString(16)),
+    M(zt(a))
+  ];
+  return n && 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 zt(e) {
+  return Math.round(parseFloat(e) * 255).toString(16);
+}
+function et(e) {
+  return d(e) / 255;
+}
+function d(e) {
+  return parseInt(e, 16);
+}
+function Gt(e) {
+  return {
+    r: e >> 16,
+    g: (e & 65280) >> 8,
+    b: e & 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 Lt(e) {
+  var r = { r: 0, g: 0, b: 0 }, t = 1, a = null, n = null, o = null, i = !1, s = !1;
+  return typeof e == "string" && (e = Dt(e)), typeof e == "object" && (k(e.r) && k(e.g) && k(e.b) ? (r = Vt(e.r, e.g, e.b), i = !0, s = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : k(e.h) && k(e.s) && k(e.v) ? (a = R(e.s), n = R(e.v), r = $t(e.h, a, n), i = !0, s = "hsv") : k(e.h) && k(e.s) && k(e.l) && (a = R(e.s), o = R(e.l), r = Ct(e.h, a, o), i = !0, s = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (t = e.a)), t = st(t), {
+    ok: i,
+    format: e.format || s,
+    r: Math.min(255, Math.max(r.r, 0)),
+    g: Math.min(255, Math.max(r.g, 0)),
+    b: Math.min(255, Math.max(r.b, 0)),
+    a: t
+  };
+}
+var Wt = "[-\\+]?\\d+%?", jt = "[-\\+]?\\d*\\.\\d+%?", w = "(?:".concat(jt, ")|(?:").concat(Wt, ")"), G = "[\\s|\\(]+(".concat(w, ")[,|\\s]+(").concat(w, ")[,|\\s]+(").concat(w, ")\\s*\\)?"), L = "[\\s|\\(]+(".concat(w, ")[,|\\s]+(").concat(w, ")[,|\\s]+(").concat(w, ")[,|\\s]+(").concat(w, ")\\s*\\)?"), v = {
+  CSS_UNIT: new RegExp(w),
+  rgb: new RegExp("rgb" + G),
+  rgba: new RegExp("rgba" + L),
+  hsl: new RegExp("hsl" + G),
+  hsla: new RegExp("hsla" + L),
+  hsv: new RegExp("hsv" + G),
+  hsva: new RegExp("hsva" + L),
+  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 Dt(e) {
+  if (e = e.trim().toLowerCase(), e.length === 0)
+    return !1;
+  var r = !1;
+  if (D[e])
+    e = D[e], r = !0;
+  else if (e === "transparent")
+    return { r: 0, g: 0, b: 0, a: 0, format: "name" };
+  var t = v.rgb.exec(e);
+  return t ? { r: t[1], g: t[2], b: t[3] } : (t = v.rgba.exec(e), t ? { r: t[1], g: t[2], b: t[3], a: t[4] } : (t = v.hsl.exec(e), t ? { h: t[1], s: t[2], l: t[3] } : (t = v.hsla.exec(e), t ? { h: t[1], s: t[2], l: t[3], a: t[4] } : (t = v.hsv.exec(e), t ? { h: t[1], s: t[2], v: t[3] } : (t = v.hsva.exec(e), t ? { h: t[1], s: t[2], v: t[3], a: t[4] } : (t = v.hex8.exec(e), t ? {
+    r: d(t[1]),
+    g: d(t[2]),
+    b: d(t[3]),
+    a: et(t[4]),
+    format: r ? "name" : "hex8"
+  } : (t = v.hex6.exec(e), t ? {
+    r: d(t[1]),
+    g: d(t[2]),
+    b: d(t[3]),
+    format: r ? "name" : "hex"
+  } : (t = v.hex4.exec(e), t ? {
+    r: d(t[1] + t[1]),
+    g: d(t[2] + t[2]),
+    b: d(t[3] + t[3]),
+    a: et(t[4] + t[4]),
+    format: r ? "name" : "hex8"
+  } : (t = v.hex3.exec(e), t ? {
+    r: d(t[1] + t[1]),
+    g: d(t[2] + t[2]),
+    b: d(t[3] + t[3]),
+    format: r ? "name" : "hex"
+  } : !1)))))))));
+}
+function k(e) {
+  return !!v.CSS_UNIT.exec(String(e));
+}
+var Ot = (
+  /** @class */
+  (function() {
+    function e(r, t) {
+      r === void 0 && (r = ""), t === void 0 && (t = {});
+      var a;
+      if (r instanceof e)
+        return r;
+      typeof r == "number" && (r = Gt(r)), this.originalInput = r;
+      var n = Lt(r);
+      this.originalInput = r, this.r = n.r, this.g = n.g, this.b = n.b, this.a = n.a, this.roundA = Math.round(100 * this.a) / 100, this.format = (a = t.format) !== null && a !== void 0 ? a : n.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 = n.ok;
+    }
+    return e.prototype.isDark = function() {
+      return this.getBrightness() < 128;
+    }, e.prototype.isLight = function() {
+      return !this.isDark();
+    }, e.prototype.getBrightness = function() {
+      var r = this.toRgb();
+      return (r.r * 299 + r.g * 587 + r.b * 114) / 1e3;
+    }, e.prototype.getLuminance = function() {
+      var r = this.toRgb(), t, a, n, o = r.r / 255, i = r.g / 255, s = r.b / 255;
+      return o <= 0.03928 ? t = o / 12.92 : t = Math.pow((o + 0.055) / 1.055, 2.4), i <= 0.03928 ? a = i / 12.92 : a = Math.pow((i + 0.055) / 1.055, 2.4), s <= 0.03928 ? n = s / 12.92 : n = Math.pow((s + 0.055) / 1.055, 2.4), 0.2126 * t + 0.7152 * a + 0.0722 * n;
+    }, e.prototype.getAlpha = function() {
+      return this.a;
+    }, e.prototype.setAlpha = function(r) {
+      return this.a = st(r), this.roundA = Math.round(100 * this.a) / 100, this;
+    }, e.prototype.isMonochrome = function() {
+      var r = this.toHsl().s;
+      return r === 0;
+    }, e.prototype.toHsv = function() {
+      var r = Q(this.r, this.g, this.b);
+      return { h: r.h * 360, s: r.s, v: r.v, a: this.a };
+    }, e.prototype.toHsvString = function() {
+      var r = Q(this.r, this.g, this.b), t = Math.round(r.h * 360), a = Math.round(r.s * 100), n = Math.round(r.v * 100);
+      return this.a === 1 ? "hsv(".concat(t, ", ").concat(a, "%, ").concat(n, "%)") : "hsva(".concat(t, ", ").concat(a, "%, ").concat(n, "%, ").concat(this.roundA, ")");
+    }, e.prototype.toHsl = function() {
+      var r = J(this.r, this.g, this.b);
+      return { h: r.h * 360, s: r.s, l: r.l, a: this.a };
+    }, e.prototype.toHslString = function() {
+      var r = J(this.r, this.g, this.b), t = Math.round(r.h * 360), a = Math.round(r.s * 100), n = Math.round(r.l * 100);
+      return this.a === 1 ? "hsl(".concat(t, ", ").concat(a, "%, ").concat(n, "%)") : "hsla(".concat(t, ", ").concat(a, "%, ").concat(n, "%, ").concat(this.roundA, ")");
+    }, e.prototype.toHex = function(r) {
+      return r === void 0 && (r = !1), tt(this.r, this.g, this.b, r);
+    }, e.prototype.toHexString = function(r) {
+      return r === void 0 && (r = !1), "#" + this.toHex(r);
+    }, e.prototype.toHex8 = function(r) {
+      return r === void 0 && (r = !1), Pt(this.r, this.g, this.b, this.a, r);
+    }, e.prototype.toHex8String = function(r) {
+      return r === void 0 && (r = !1), "#" + this.toHex8(r);
+    }, e.prototype.toHexShortString = function(r) {
+      return r === void 0 && (r = !1), this.a === 1 ? this.toHexString(r) : this.toHex8String(r);
+    }, e.prototype.toRgb = function() {
+      return {
+        r: Math.round(this.r),
+        g: Math.round(this.g),
+        b: Math.round(this.b),
+        a: this.a
+      };
+    }, e.prototype.toRgbString = function() {
+      var r = Math.round(this.r), t = Math.round(this.g), a = Math.round(this.b);
+      return this.a === 1 ? "rgb(".concat(r, ", ").concat(t, ", ").concat(a, ")") : "rgba(".concat(r, ", ").concat(t, ", ").concat(a, ", ").concat(this.roundA, ")");
+    }, e.prototype.toPercentageRgb = function() {
+      var r = function(t) {
+        return "".concat(Math.round(c(t, 255) * 100), "%");
+      };
+      return {
+        r: r(this.r),
+        g: r(this.g),
+        b: r(this.b),
+        a: this.a
+      };
+    }, e.prototype.toPercentageRgbString = function() {
+      var r = function(t) {
+        return Math.round(c(t, 255) * 100);
+      };
+      return this.a === 1 ? "rgb(".concat(r(this.r), "%, ").concat(r(this.g), "%, ").concat(r(this.b), "%)") : "rgba(".concat(r(this.r), "%, ").concat(r(this.g), "%, ").concat(r(this.b), "%, ").concat(this.roundA, ")");
+    }, e.prototype.toName = function() {
+      if (this.a === 0)
+        return "transparent";
+      if (this.a < 1)
+        return !1;
+      for (var r = "#" + tt(this.r, this.g, this.b, !1), t = 0, a = Object.entries(D); t < a.length; t++) {
+        var n = a[t], o = n[0], i = n[1];
+        if (r === i)
+          return o;
+      }
+      return !1;
+    }, e.prototype.toString = function(r) {
+      var t = !!r;
+      r = r ?? this.format;
+      var a = !1, n = this.a < 1 && this.a >= 0, o = !t && n && (r.startsWith("hex") || r === "name");
+      return o ? r === "name" && this.a === 0 ? this.toName() : this.toRgbString() : (r === "rgb" && (a = this.toRgbString()), r === "prgb" && (a = this.toPercentageRgbString()), (r === "hex" || r === "hex6") && (a = this.toHexString()), r === "hex3" && (a = this.toHexString(!0)), r === "hex4" && (a = this.toHex8String(!0)), r === "hex8" && (a = this.toHex8String()), r === "name" && (a = this.toName()), r === "hsl" && (a = this.toHslString()), r === "hsv" && (a = this.toHsvString()), a || this.toHexString());
+    }, e.prototype.toNumber = function() {
+      return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);
+    }, e.prototype.clone = function() {
+      return new e(this.toString());
+    }, e.prototype.lighten = function(r) {
+      r === void 0 && (r = 10);
+      var t = this.toHsl();
+      return t.l += r / 100, t.l = A(t.l), new e(t);
+    }, e.prototype.brighten = function(r) {
+      r === void 0 && (r = 10);
+      var t = this.toRgb();
+      return t.r = Math.max(0, Math.min(255, t.r - Math.round(255 * -(r / 100)))), t.g = Math.max(0, Math.min(255, t.g - Math.round(255 * -(r / 100)))), t.b = Math.max(0, Math.min(255, t.b - Math.round(255 * -(r / 100)))), new e(t);
+    }, e.prototype.darken = function(r) {
+      r === void 0 && (r = 10);
+      var t = this.toHsl();
+      return t.l -= r / 100, t.l = A(t.l), new e(t);
+    }, e.prototype.tint = function(r) {
+      return r === void 0 && (r = 10), this.mix("white", r);
+    }, e.prototype.shade = function(r) {
+      return r === void 0 && (r = 10), this.mix("black", r);
+    }, e.prototype.desaturate = function(r) {
+      r === void 0 && (r = 10);
+      var t = this.toHsl();
+      return t.s -= r / 100, t.s = A(t.s), new e(t);
+    }, e.prototype.saturate = function(r) {
+      r === void 0 && (r = 10);
+      var t = this.toHsl();
+      return t.s += r / 100, t.s = A(t.s), new e(t);
+    }, e.prototype.greyscale = function() {
+      return this.desaturate(100);
+    }, e.prototype.spin = function(r) {
+      var t = this.toHsl(), a = (t.h + r) % 360;
+      return t.h = a < 0 ? 360 + a : a, new e(t);
+    }, e.prototype.mix = function(r, t) {
+      t === void 0 && (t = 50);
+      var a = this.toRgb(), n = new e(r).toRgb(), o = t / 100, i = {
+        r: (n.r - a.r) * o + a.r,
+        g: (n.g - a.g) * o + a.g,
+        b: (n.b - a.b) * o + a.b,
+        a: (n.a - a.a) * o + a.a
+      };
+      return new e(i);
+    }, e.prototype.analogous = function(r, t) {
+      r === void 0 && (r = 6), t === void 0 && (t = 30);
+      var a = this.toHsl(), n = 360 / t, o = [this];
+      for (a.h = (a.h - (n * r >> 1) + 720) % 360; --r; )
+        a.h = (a.h + n) % 360, o.push(new e(a));
+      return o;
+    }, e.prototype.complement = function() {
+      var r = this.toHsl();
+      return r.h = (r.h + 180) % 360, new e(r);
+    }, e.prototype.monochromatic = function(r) {
+      r === void 0 && (r = 6);
+      for (var t = this.toHsv(), a = t.h, n = t.s, o = t.v, i = [], s = 1 / r; r--; )
+        i.push(new e({ h: a, s: n, v: o })), o = (o + s) % 1;
+      return i;
+    }, e.prototype.splitcomplement = function() {
+      var r = this.toHsl(), t = r.h;
+      return [
+        this,
+        new e({ h: (t + 72) % 360, s: r.s, l: r.l }),
+        new e({ h: (t + 216) % 360, s: r.s, l: r.l })
+      ];
+    }, e.prototype.onBackground = function(r) {
+      var t = this.toRgb(), a = new e(r).toRgb(), n = t.a + a.a * (1 - t.a);
+      return new e({
+        r: (t.r * t.a + a.r * a.a * (1 - t.a)) / n,
+        g: (t.g * t.a + a.g * a.a * (1 - t.a)) / n,
+        b: (t.b * t.a + a.b * a.a * (1 - t.a)) / n,
+        a: n
+      });
+    }, e.prototype.triad = function() {
+      return this.polyad(3);
+    }, e.prototype.tetrad = function() {
+      return this.polyad(4);
+    }, e.prototype.polyad = function(r) {
+      for (var t = this.toHsl(), a = t.h, n = [this], o = 360 / r, i = 1; i < r; i++)
+        n.push(new e({ h: (a + i * o) % 360, s: t.s, l: t.l }));
+      return n;
+    }, e.prototype.equals = function(r) {
+      return this.toRgbString() === new e(r).toRgbString();
+    }, e;
+  })()
+);
+function S(e, r = 20) {
+  return e.mix("#141414", r).toString();
+}
+function Ut(e) {
+  const r = rt(), t = O("button");
+  return b(() => {
+    let a = {}, n = e.color;
+    if (n) {
+      const o = n.match(/var\((.*?)\)/);
+      o && (n = window.getComputedStyle(window.document.documentElement).getPropertyValue(o[1]));
+      const i = new Ot(n), s = e.dark ? i.tint(20).toString() : S(i, 20);
+      if (e.plain)
+        a = t.cssVarBlock({
+          "bg-color": e.dark ? S(i, 90) : i.tint(90).toString(),
+          "text-color": n,
+          "border-color": e.dark ? S(i, 50) : i.tint(50).toString(),
+          "hover-text-color": `var(${t.cssVarName("color-white")})`,
+          "hover-bg-color": n,
+          "hover-border-color": n,
+          "active-bg-color": s,
+          "active-text-color": `var(${t.cssVarName("color-white")})`,
+          "active-border-color": s
+        }), r.value && (a[t.cssVarBlockName("disabled-bg-color")] = e.dark ? S(i, 90) : i.tint(90).toString(), a[t.cssVarBlockName("disabled-text-color")] = e.dark ? S(i, 50) : i.tint(50).toString(), a[t.cssVarBlockName("disabled-border-color")] = e.dark ? S(i, 80) : i.tint(80).toString());
+      else {
+        const f = e.dark ? S(i, 30) : i.tint(30).toString(), m = i.isDark() ? `var(${t.cssVarName("color-white")})` : `var(${t.cssVarName("color-black")})`;
+        if (a = t.cssVarBlock({
+          "bg-color": n,
+          "text-color": m,
+          "border-color": n,
+          "hover-bg-color": f,
+          "hover-text-color": m,
+          "hover-border-color": f,
+          "active-bg-color": s,
+          "active-border-color": s
+        }), r.value) {
+          const y = e.dark ? S(i, 50) : i.tint(50).toString();
+          a[t.cssVarBlockName("disabled-bg-color")] = y, a[t.cssVarBlockName("disabled-text-color")] = e.dark ? "rgba(255, 255, 255, 0.5)" : `var(${t.cssVarName("color-white")})`, a[t.cssVarBlockName("disabled-border-color")] = y;
+        }
+      }
+    }
+    return a;
+  });
+}
+const qt = U({
+  name: "ElButton",
+  __name: "button",
+  props: j,
+  emits: Ft,
+  setup(e, { expose: r, emit: t }) {
+    const a = e, n = t, o = Ut(a), i = O("button"), {
+      _ref: s,
+      _size: f,
+      _type: m,
+      _disabled: y,
+      _props: _,
+      _plain: I,
+      _round: E,
+      _text: V,
+      shouldAddSpace: B,
+      handleClick: q
+    } = Rt(a, n), u = b(() => [
+      i.b(),
+      i.m(m.value),
+      i.m(f.value),
+      i.is("disabled", y.value),
+      i.is("loading", a.loading),
+      i.is("plain", I.value),
+      i.is("round", E.value),
+      i.is("circle", a.circle),
+      i.is("text", V.value),
+      i.is("link", a.link),
+      i.is("has-bg", a.bg)
+    ]);
+    return r({
+      ref: s,
+      size: f,
+      type: m,
+      disabled: y,
+      shouldAddSpace: B
+    }), (l, h) => (x(), H(C(l.tag), St({
+      ref_key: "_ref",
+      ref: s
+    }, p(_), {
+      class: u.value,
+      style: p(o),
+      onClick: p(q)
+    }), {
+      default: T(() => [
+        l.loading ? (x(), F(
+          wt,
+          { key: 0 },
+          [
+            l.$slots.loading ? N(l.$slots, "loading", { key: 0 }) : (x(), H(p(K), {
+              key: 1,
+              class: W(p(i).is("loading"))
+            }, {
+              default: T(() => [
+                (x(), H(C(l.loadingIcon)))
+              ]),
+              _: 1
+            }, 8, ["class"]))
+          ],
+          64
+        )) : l.icon || l.$slots.icon ? (x(), H(p(K), { key: 1 }, {
+          default: T(() => [
+            l.icon ? (x(), H(C(l.icon), { key: 0 })) : N(l.$slots, "icon", { key: 1 })
+          ]),
+          _: 3
+        })) : X("v-if", !0),
+        l.$slots.default ? (x(), F(
+          "span",
+          {
+            key: 2,
+            class: W({ [p(i).em("text", "expand")]: p(B) })
+          },
+          [
+            N(l.$slots, "default")
+          ],
+          2
+        )) : X("v-if", !0)
+      ]),
+      _: 3
+    }, 16, ["class", "style", "onClick"]));
+  }
+});
+var Zt = /* @__PURE__ */ nt(qt, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button.vue"]]);
+const Kt = {
+  size: j.size,
+  type: j.type,
+  direction: {
+    type: at(String),
+    values: ["horizontal", "vertical"],
+    default: "horizontal"
+  }
+}, Xt = U({
+  name: "ElButtonGroup",
+  __name: "button-group",
+  props: Kt,
+  setup(e) {
+    const r = e;
+    Mt(
+      it,
+      _t({
+        size: Y(r, "size"),
+        type: Y(r, "type")
+      })
+    );
+    const t = O("button");
+    return (a, n) => (x(), F(
+      "div",
+      {
+        class: W([p(t).b("group"), p(t).bm("group", r.direction)])
+      },
+      [
+        N(a.$slots, "default")
+      ],
+      2
+    ));
+  }
+});
+var lt = /* @__PURE__ */ nt(Xt, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button-group.vue"]]);
+const Yt = pt(Zt, {
+  ButtonGroup: lt
+});
+mt(lt);
+const Jt = "/vite.svg", Qt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20aria-hidden='true'%20role='img'%20class='iconify%20iconify--logos'%20width='37.07'%20height='36'%20preserveAspectRatio='xMidYMid%20meet'%20viewBox='0%200%20256%20198'%3e%3cpath%20fill='%2341B883'%20d='M204.8%200H256L128%20220.8L0%200h97.92L128%2051.2L157.44%200h47.36Z'%3e%3c/path%3e%3cpath%20fill='%2341B883'%20d='m0%200l128%20220.8L256%200h-51.2L128%20132.48L50.56%200H0Z'%3e%3c/path%3e%3cpath%20fill='%2335495E'%20d='M50.56%200L128%20133.12L204.8%200h-47.36L128%2051.2L97.92%200H50.56Z'%3e%3c/path%3e%3c/svg%3e", te = { class: "text-center" }, ee = { class: "card" }, re = /* @__PURE__ */ U({
+  __name: "HelloWorld",
+  props: {
+    msg: {}
+  },
+  setup(e) {
+    const r = ot(0);
+    return (t, a) => {
+      const n = Yt;
+      return x(), F("div", te, [
+        Ht(n, {
+          onClick: a[0] || (a[0] = (o) => p(Bt)())
+        }, {
+          default: T(() => [...a[2] || (a[2] = [
+            $("切换主题", -1)
+          ])]),
+          _: 1
+        }),
+        a[4] || (a[4] = g("div", null, [
+          g("a", {
+            href: "https://vite.dev",
+            target: "_blank"
+          }, [
+            g("img", {
+              src: Jt,
+              class: "logo",
+              alt: "Vite logo"
+            })
+          ]),
+          g("a", {
+            href: "https://vuejs.org/",
+            target: "_blank"
+          }, [
+            g("img", {
+              src: Qt,
+              class: "logo vue",
+              alt: "Vue logo"
+            })
+          ])
+        ], -1)),
+        g("h1", null, P(t.$t("hello")), 1),
+        g("h1", null, P(e.msg), 1),
+        g("div", ee, [
+          g("button", {
+            type: "button",
+            onClick: a[1] || (a[1] = (o) => r.value++)
+          }, "count is " + P(r.value), 1),
+          a[3] || (a[3] = g("p", null, [
+            $(" Edit "),
+            g("code", null, "components/HelloWorld.vue"),
+            $(" to test HMR ")
+          ], -1))
+        ])
+      ]);
+    };
+  }
+}), se = /* @__PURE__ */ At(re, [["__scopeId", "data-v-b67d1597"]]);
+export {
+  se as default
+};